formiojs-eorion 0.1.1 → 0.1.3

package/Formio.js

@@ -1724,7 +1724,7 @@ Formio.projectUrlSet = false;
 Formio.plugins = [];
 Formio.cache = {};
 Formio.Providers = _providers.default;
-Formio.version = '0.1.1';
+Formio.version = '0.1.3';
 Formio.pathType = '';
 Formio.events = new _EventEmitter.default();
 Formio.cdn = new _CDN.default();

package/components/DataChinaGrid/Data.js

@@ -22,10 +22,10 @@ require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.object.get-prototype-of.js");
 var _Field = _interopRequireDefault(require("../_classes/field/Field"));
-var _jquery = _interopRequireDefault(require("jquery"));
 require("peity");
 var _lodash = _interopRequireDefault(require("lodash"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -195,17 +195,32 @@ var DataChinaGrid = /*#__PURE__*/function (_Component) {
           container.querySelector('.sparkline-container').innerHTML = "<span class=\"line\">".concat(self.parseTpl(self.component['sparkLine-value'], {
             data: self.rootValue
           }), "</span>");
-          // @ts-ignore
-          (0, _jquery.default)(container).find('.line').peity(sparkLineType, {
-            fill: fillColor,
-            height: self.component['sparkLine-height'],
-            max: self.component['sparkLine-max-value-count'],
-            min: 0,
-            stroke: self.component['sparkLine-stroke-color'],
-            strokeWidth: 2,
-            width: self.component['sparkLine-width']
-          });
-          self.isLoadingSparkLine = false;
+          try {
+            // @ts-ignore
+            $(container).find('.line').peity(sparkLineType, {
+              fill: fillColor,
+              height: self.component['sparkLine-height'],
+              max: self.component['sparkLine-max-value-count'],
+              min: 0,
+              stroke: self.component['sparkLine-stroke-color'],
+              strokeWidth: 2,
+              width: self.component['sparkLine-width']
+            });
+            self.isLoadingSparkLine = false;
+          } catch (e) {
+            container.querySelectorAll(".line").forEach(function (e) {
+              return peity(e, sparkLineType, {
+                fill: fillColor,
+                height: self.component['sparkLine-height'],
+                max: self.component['sparkLine-max-value-count'],
+                min: 0,
+                stroke: self.component['sparkLine-stroke-color'],
+                strokeWidth: 2,
+                width: self.component['sparkLine-width']
+              });
+            });
+            self.isLoadingSparkLine = false;
+          }
         }
       } catch (e) {
         console.log(e);
@@ -220,11 +235,12 @@ var DataChinaGrid = /*#__PURE__*/function (_Component) {
       }
       return _Field.default.schema.apply(_Field.default, [{
         type: 'data_china_grid',
-        icon: '',
-        color: '#ff7754',
-        header: '',
-        url: '',
-        field: ''
+        "title-content": "低压问题综合治理率 <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>",
+        "value-content": "160 <i style='font-size: 10px;color: #0a6ebd'>%</i>",
+        "footer-content1": "name",
+        "footer-content2": "<div style='color:red'>up</div>",
+        "footer-content3": "info",
+        "footer-content": "开始时间"
       }].concat(extend));
     }
   }, {

package/components/DataChinaGrid/editForm/Data.edit.display.js

@@ -99,6 +99,12 @@ var _default = [{
     input: true,
     defaultValue: '#000000',
     label: '字体大小'
+  }, {
+    key: 'value-font-weight',
+    type: 'input',
+    input: true,
+    defaultValue: 'bold',
+    label: '字体粗细'
   }]
 }, {
   type: 'panel',

package/components/DataChinaGridRow/Data.js

@@ -22,6 +22,7 @@ require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.object.get-prototype-of.js");
 var _Field = _interopRequireDefault(require("../_classes/field/Field"));
@@ -195,17 +196,35 @@ var DataChinaGridRow = /*#__PURE__*/function (_Component) {
           container.querySelector('.sparkline-container').innerHTML = "<span class=\"line\">".concat(self.parseTpl(self.component['sparkLine-value'], {
             data: self.rootValue
           }), "</span>");
-          // @ts-ignore
-          (0, _jquery.default)(container).find('.line').peity(sparkLineType, {
-            fill: fillColor,
-            height: self.component['sparkLine-height'],
-            max: self.component['sparkLine-max-value-count'],
-            min: 0,
-            stroke: self.component['sparkLine-stroke-color'],
-            strokeWidth: 2,
-            width: self.component['sparkLine-width']
-          });
-          self.isLoadingSparkLine = false;
+          // 宽度计算
+          var parentWidth = container.querySelector('#sparkline-container-parent').offsetWidth;
+          parentWidth = parentWidth * self.component['sparkLine-width'];
+          try {
+            // @ts-ignore
+            (0, _jquery.default)(container).find('.line').peity(sparkLineType, {
+              fill: fillColor,
+              height: self.component['sparkLine-height'],
+              max: self.component['sparkLine-max-value-count'],
+              min: 0,
+              stroke: self.component['sparkLine-stroke-color'],
+              strokeWidth: 2,
+              width: parentWidth
+            });
+            self.isLoadingSparkLine = false;
+          } catch (e) {
+            container.querySelectorAll(".line").forEach(function (e) {
+              return peity(e, sparkLineType, {
+                fill: fillColor,
+                height: self.component['sparkLine-height'],
+                max: self.component['sparkLine-max-value-count'],
+                min: 0,
+                stroke: self.component['sparkLine-stroke-color'],
+                strokeWidth: 2,
+                width: parentWidth
+              });
+            });
+            self.isLoadingSparkLine = false;
+          }
         }
       } catch (e) {
         console.log(e);
@@ -220,11 +239,13 @@ var DataChinaGridRow = /*#__PURE__*/function (_Component) {
       }
       return _Field.default.schema.apply(_Field.default, [{
         type: 'data_china_grid_row',
-        icon: '',
         color: '#ff7754',
-        header: '',
-        url: '',
-        field: ''
+        "title-content": "低压问题综合治理率 <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>",
+        "value-content": "160 <i style='font-size: 10px;color: #0a6ebd'>%</i>",
+        "footer-content1": "name",
+        "footer-content2": "<div style='color:red'>up</div>",
+        "footer-content3": "info",
+        "footer-content": "开始时间"
       }].concat(extend));
     }
   }, {

package/components/DataChinaGridRow/editForm/Data.edit.display.js

@@ -99,6 +99,12 @@ var _default = [{
     input: true,
     defaultValue: '#000000',
     label: '字体大小'
+  }, {
+    key: 'value-font-weight',
+    type: 'input',
+    input: true,
+    defaultValue: 'bold',
+    label: '字体粗细'
   }]
 }, {
   type: 'panel',
@@ -240,8 +246,8 @@ var _default = [{
     label: 'width',
     key: 'sparkLine-width',
     input: true,
-    tooltip: '',
-    defaultValue: 32
+    defaultValue: 0.8,
+    tooltip: '占剩余空间所占比例,0-1.0'
   }, {
     type: 'number',
     label: 'height',

package/components/Flex/editForm/Flex.edit.display.js

@@ -35,6 +35,18 @@ var _default = [{
   defaultValue: '11',
   tooltip: 'Unit:rem',
   label: 'Column Height'
+}, {
+  weight: 150,
+  type: 'checkbox',
+  key: 'flex-wrap',
+  defaultValue: false,
+  label: '可换行'
+}, {
+  weight: 150,
+  type: 'checkbox',
+  key: 'flex-scrollable',
+  defaultValue: false,
+  label: '可滚动'
 }, {
   weight: 150,
   type: 'datagrid',

package/components/index.js

@@ -80,6 +80,7 @@ var _NocodbFile = _interopRequireDefault(require("./NocodbFile/NocodbFile"));
 var _Data2 = _interopRequireDefault(require("./DataChinaGrid/Data"));
 var _Data3 = _interopRequireDefault(require("./DataChinaGridRow/Data"));
 var _Tabs2 = _interopRequireDefault(require("./CustomTabs/Tabs"));
+var _Progress = _interopRequireDefault(require("./progress/Progress"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   map: _Map.default,

package/components/progress/Progress.form.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+require("core-js/modules/es.array.concat.js");
+var _NestedComponent = _interopRequireDefault(require("../_classes/nested/NestedComponent.form"));
+var _ProgressEdit = _interopRequireDefault(require("./editForm/Progress.edit.display"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _default() {
+  for (var _len = arguments.length, extend = new Array(_len), _key = 0; _key < _len; _key++) {
+    extend[_key] = arguments[_key];
+  }
+  return _NestedComponent.default.apply(void 0, [[{
+    key: 'display',
+    components: _ProgressEdit.default
+  }]].concat(extend));
+}

package/components/progress/Progress.js

@@ -0,0 +1,129 @@
+"use strict";
+
+require("core-js/modules/es.object.get-prototype-of.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.reflect.get.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.symbol.iterator.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.number.constructor.js");
+var _Field = _interopRequireDefault(require("../_classes/field/Field"));
+var _Progress = _interopRequireDefault(require("./Progress.form"));
+var _lodash = _interopRequireDefault(require("lodash"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var Progress = /*#__PURE__*/function (_FieldComponent) {
+  _inherits(Progress, _FieldComponent);
+  var _super = _createSuper(Progress);
+  function Progress(component, options, data) {
+    _classCallCheck(this, Progress);
+    return _super.call(this, component, options, data);
+  }
+  _createClass(Progress, [{
+    key: "render",
+    value: function render(children) {
+      return _get(_getPrototypeOf(Progress.prototype), "render", this).call(this, this.renderTemplate('progress'));
+    }
+
+    /**
+     * After the html string has been mounted into the dom, the dom element is returned here. Use refs to find specific
+     * elements to attach functionality to.
+     *
+     * @param element
+     * @returns {Promise}
+     */
+  }, {
+    key: "attach",
+    value: function attach(element) {
+      var refs = {};
+      this.loadRefs(element, refs);
+
+      // Allow basic component functionality to attach like field logic and tooltips.
+      return _get(_getPrototypeOf(Progress.prototype), "attach", this).call(this, element);
+    }
+
+    /**
+     * Get the value of the component from the dom elements.
+     *
+     * @returns {Array}
+     */
+  }, {
+    key: "getValue",
+    value: function getValue() {
+      return this.component.value;
+    }
+  }, {
+    key: "parseTpl",
+    value: function parseTpl(template, map) {
+      return template.replace(/\$\{.+?}/g, function (match) {
+        var path = match.substr(2, match.length - 3).trim();
+        return _lodash.default.get(map, path);
+      });
+    }
+
+    /**
+     * Set the value of the component into the dom elements.
+     *
+     * @param value
+     * @returns {boolean}
+     */
+  }, {
+    key: "setValue",
+    value: function setValue(value) {
+      return true;
+    }
+  }], [{
+    key: "schema",
+    value: function schema() {
+      for (var _len = arguments.length, extend = new Array(_len), _key = 0; _key < _len; _key++) {
+        extend[_key] = arguments[_key];
+      }
+      return _Field.default.schema.apply(_Field.default, [{
+        label: 'Progress',
+        key: 'progress',
+        type: 'progress'
+      }].concat(extend));
+    }
+  }]);
+  return Progress;
+}(_Field.default);
+exports.default = Progress;
+_defineProperty(Progress, "builderInfo", {
+  title: 'Progress',
+  group: 'advanced',
+  icon: 'qrcode',
+  weight: 70,
+  documentation: 'http://help.form.io/userguide/#progress',
+  schema: Progress.schema()
+});
+Progress.editForm = _Progress.default;

package/components/progress/editForm/Progress.edit.display.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = [{
+  type: 'number',
+  label: 'Size',
+  key: 'width',
+  input: true,
+  weight: 1,
+  defaultValue: 128,
+  placeholder: 'Size of Qr Code',
+  tooltip: 'Enter the size that should be displayed by this Qr Code.'
+}, {
+  type: 'select',
+  label: '对齐方式',
+  key: 'align',
+  weight: 2,
+  defaultValue: "start",
+  data: {
+    values: [{
+      label: 'left',
+      value: 'start'
+    }, {
+      label: 'right',
+      value: 'end'
+    }, {
+      label: 'mid',
+      value: 'center'
+    }]
+  }
+}, {
+  type: 'input',
+  label: 'Value',
+  key: 'value',
+  input: true,
+  placeholder: "https://${data.name}-hh.com",
+  tooltip: 'Value',
+  weight: 3
+}, {
+  key: 'labelPosition',
+  ignore: true
+}, {
+  key: 'customClass',
+  ignore: false
+}, {
+  key: 'placeholder',
+  ignore: true
+}, {
+  key: 'hidden',
+  ignore: true
+}, {
+  key: 'modalEdit',
+  ignore: true
+}, {
+  key: 'tableView',
+  ignore: true
+}, {
+  key: 'description',
+  ignore: true
+}, {
+  key: 'autofocus',
+  ignore: true
+}, {
+  key: 'tooltip',
+  ignore: true
+}, {
+  key: 'tabindex',
+  ignore: true
+}, {
+  key: 'disabled',
+  ignore: true
+}];
+exports.default = _default;

package/dist/formio.builder.css

@@ -2646,6 +2646,7 @@ span[role=link] {
 .formio-component-customTabs .tab-header .tab-line {
   position: absolute;
   height: 2px;
+  top: 40px;
   transition: all 0.3s;
 }