formiojs-eorion 0.1.24 → 0.1.26

package/Formio.js

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

package/components/CustomTabs/Tabs.js

@@ -150,19 +150,30 @@ var CustomTabsComponent = /*#__PURE__*/function (_NestedComponent) {
           _this5.setTab(index);
         });
         _this5.addEventListener(tabLink, 'mouseover', function (event) {
-          tabLink.style.color = _this5.component["headerHoverColor"];
+          tabLink.style.color = _this5.component['headerHoverColor'];
         });
         _this5.addEventListener(tabLink, 'mouseout', function (event) {
           if (index === _this5.currentTab) {
-            tabLink.style.color = _this5.component["headerColor"];
+            tabLink.style.color = _this5.component['headerColor'];
           } else {
-            tabLink.style.color = _this5.component["headerNormalColor"];
+            tabLink.style.color = _this5.component['headerNormalColor'];
           }
         });
       });
       this.refs[this.tabKey].forEach(function (tab, index) {
         _this5.attachComponents(tab, _this5.tabs[index], _this5.component.components[index].components);
       });
+      var tabLineStyleStr = this.component['custom-tab-line-style'];
+      if (tabLineStyleStr && tabLineStyleStr.length > 0) {
+        try {
+          var tabLineStyle = JSON.parse(tabLineStyleStr);
+          _lodash.default.forEach(tabLineStyle, function (value, key) {
+            _this5.refs.tabLine.style[key] = value;
+          });
+        } catch (e) {
+          console.warn(e);
+        }
+      }
       this.setTabLine();
       return superAttach;
     }
@@ -209,22 +220,22 @@ var CustomTabsComponent = /*#__PURE__*/function (_NestedComponent) {
             _this7.refs.tabLine.style.width = "".concat(tabLink.offsetWidth, "px");
             _this7.refs.tabLine.style.transform = "translateX(".concat(tabLink.offsetLeft, "px)");
           }
-          if (_this7.component["headerStyle"] === "pills") {
-            tabLink.querySelector(".tab-pills-item").style.color = "white";
-            tabLink.querySelector(".tab-pills-item").style["background-color"] = _this7.component["headerColor"];
-            tabLink.querySelector(".tab-pills-item").style.border = "1px solid ".concat(_this7.component["headerColor"]);
-            tabLink.querySelector(".triangle").style.display = "flex";
+          if (_this7.component['headerStyle'] === 'pills') {
+            tabLink.querySelector('.tab-pills-item').style.color = 'white';
+            tabLink.querySelector('.tab-pills-item').style['background-color'] = _this7.component['headerColor'];
+            tabLink.querySelector('.tab-pills-item').style.border = "1px solid ".concat(_this7.component['headerColor']);
+            tabLink.querySelector('.triangle').style.display = 'flex';
           } else {
-            tabLink.style.color = _this7.component["headerColor"];
+            tabLink.style.color = _this7.component['headerColor'];
           }
         } else {
-          if (_this7.component["headerStyle"] === "pills") {
-            tabLink.querySelector(".tab-pills-item").style.color = _this7.component["headerNormalColor"];
-            tabLink.querySelector(".tab-pills-item").style.border = "1px solid ".concat(_this7.component["headerNormalColor"]);
-            tabLink.querySelector(".tab-pills-item").style["background-color"] = "transparent";
-            tabLink.querySelector(".triangle").style.display = "none";
+          if (_this7.component['headerStyle'] === 'pills') {
+            tabLink.querySelector('.tab-pills-item').style.color = _this7.component['headerNormalColor'];
+            tabLink.querySelector('.tab-pills-item').style.border = "1px solid ".concat(_this7.component['headerNormalColor']);
+            tabLink.querySelector('.tab-pills-item').style['background-color'] = 'transparent';
+            tabLink.querySelector('.triangle').style.display = 'none';
           } else {
-            tabLink.style.color = _this7.component["headerNormalColor"];
+            tabLink.style.color = _this7.component['headerNormalColor'];
           }
         }
       });
@@ -331,7 +342,7 @@ var CustomTabsComponent = /*#__PURE__*/function (_NestedComponent) {
       if (['data_china_grid_row', 'data_china_grid'].includes(item.type)) {
         item.resetSparkLine();
       }
-      if (item.type === "components") {
+      if (item.type === 'components') {
         item.components.forEach(function (itemChild) {
           _this11.refreshChild(itemChild);
         });

package/components/CustomTabs/editForm/Tabs.edit.display.js

@@ -124,5 +124,14 @@ var _default = [{
     defaultValue: '#999',
     input: true
   }]
+}, {
+  type: 'textarea',
+  label: '自定义下标样式',
+  key: 'custom-tab-line-style',
+  editor: 'ace',
+  input: true,
+  defaultValue: '',
+  tooltip: '自定义的style:json格式,ex:{"border":"none","border-radius":"30px"}',
+  weight: 51
 }];
 exports.default = _default;

package/components/DataChinaGrid/Data.js

@@ -245,24 +245,39 @@ var DataChinaGrid = /*#__PURE__*/function (_Component) {
           data: self.rootValue
         });
         element = container.querySelector('.footer-container-value1');
-        element.innerHTML = self.interpolate(self.parseTpl(self.component['footer-content1'], {
-          data: self.rootValue
-        }), {
-          data: self.rootValue
-        });
+        var footerContentStr = self.component['footer-content1'];
+        if (footerContentStr && footerContentStr.length > 0) {
+          element.innerHTML = self.interpolate(self.parseTpl(footerContentStr, {
+            data: self.rootValue
+          }), {
+            data: self.rootValue
+          });
+        } else {
+          element.style.display = 'none';
+        }
         element = container.querySelector('.footer-container-value2');
-        element.innerHTML = self.interpolate(self.parseTpl(self.component['footer-content2'], {
-          data: self.rootValue
-        }), {
-          data: self.rootValue
-        });
-        element = container.querySelector('.footer-container-value3');
-        if (element) {
-          element.innerHTML = self.interpolate(self.parseTpl(self.component['footer-content3'], {
+        footerContentStr = self.component['footer-content2'];
+        if (footerContentStr && footerContentStr.length > 0) {
+          element.innerHTML = self.interpolate(self.parseTpl(footerContentStr, {
             data: self.rootValue
           }), {
             data: self.rootValue
           });
+        } else {
+          element.style.display = 'none';
+        }
+        element = container.querySelector('.footer-container-value3');
+        if (element) {
+          footerContentStr = self.component['footer-content3'];
+          if (footerContentStr && footerContentStr.length > 0) {
+            element.innerHTML = self.interpolate(self.parseTpl(footerContentStr, {
+              data: self.rootValue
+            }), {
+              data: self.rootValue
+            });
+          } else {
+            element.style.display = 'none';
+          }
         }
         // 图标
         self.resetSparkLine();

package/components/DataChinaGridRow/Data.js

@@ -249,24 +249,39 @@ var DataChinaGridRow = /*#__PURE__*/function (_Component) {
           data: self.rootValue
         });
         element = container.querySelector('.footer-container-value1');
-        element.innerHTML = self.interpolate(self.parseTpl(self.component['footer-content1'], {
-          data: self.rootValue
-        }), {
-          data: self.rootValue
-        });
+        var footerContentStr = self.component['footer-content1'];
+        if (footerContentStr && footerContentStr.length > 0) {
+          element.innerHTML = self.interpolate(self.parseTpl(footerContentStr, {
+            data: self.rootValue
+          }), {
+            data: self.rootValue
+          });
+        } else {
+          element.style.display = 'none';
+        }
         element = container.querySelector('.footer-container-value2');
-        element.innerHTML = self.interpolate(self.parseTpl(self.component['footer-content2'], {
-          data: self.rootValue
-        }), {
-          data: self.rootValue
-        });
-        element = container.querySelector('.footer-container-value3');
-        if (element) {
-          element.innerHTML = self.interpolate(self.parseTpl(self.component['footer-content3'], {
+        footerContentStr = self.component['footer-content2'];
+        if (footerContentStr && footerContentStr.length > 0) {
+          element.innerHTML = self.interpolate(self.parseTpl(footerContentStr, {
             data: self.rootValue
           }), {
             data: self.rootValue
           });
+        } else {
+          element.style.display = 'none';
+        }
+        element = container.querySelector('.footer-container-value3');
+        if (element) {
+          footerContentStr = self.component['footer-content3'];
+          if (footerContentStr && footerContentStr.length > 0) {
+            element.innerHTML = self.interpolate(self.parseTpl(footerContentStr, {
+              data: self.rootValue
+            }), {
+              data: self.rootValue
+            });
+          } else {
+            element.style.display = 'none';
+          }
         }
         // 图标
         self.resetSparkLine();

package/components/builder.js

@@ -74,7 +74,9 @@ var _Data3 = _interopRequireDefault(require("./DataChinaGridRow/Data.form"));
 var _Tabs2 = _interopRequireDefault(require("./CustomTabs/Tabs.form"));
 var _ECharts = _interopRequireDefault(require("./echarts/ECharts.form"));
 var _IconButton = _interopRequireDefault(require("./iconButton/IconButton.form"));
+var _ButtonGroups = _interopRequireDefault(require("./buttonGroups/ButtonGroups.form"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_.default.buttonGroups.editForm = _ButtonGroups.default;
 _.default.iconButton.editForm = _IconButton.default;
 _.default.echarts.editForm = _ECharts.default;
 _.default.customTabs.editForm = _Tabs2.default;

package/components/buttonGroups/ButtonGroups.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 _Component = _interopRequireDefault(require("../_classes/component/Component.form"));
+var _ButtonGroupsEdit = _interopRequireDefault(require("./editForm/ButtonGroups.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 _Component.default.apply(void 0, [[{
+    key: 'display',
+    components: _ButtonGroupsEdit.default
+  }]].concat(extend));
+}

package/components/buttonGroups/ButtonGroups.js

@@ -0,0 +1,141 @@
+"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.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.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.number.constructor.js");
+var _Field = _interopRequireDefault(require("../_classes/field/Field"));
+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 ButtonGroups = /*#__PURE__*/function (_FieldComponent) {
+  _inherits(ButtonGroups, _FieldComponent);
+  var _super = _createSuper(ButtonGroups);
+  function ButtonGroups(component, options, data) {
+    _classCallCheck(this, ButtonGroups);
+    return _super.call(this, component, options, data);
+  }
+  _createClass(ButtonGroups, [{
+    key: "render",
+    value: function render(children) {
+      return _get(_getPrototypeOf(ButtonGroups.prototype), "render", this).call(this, this.renderTemplate('buttonGroups'));
+    }
+
+    /**
+     * 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 _this = this;
+      var refs = {
+        btnOptions: 'multi'
+      };
+      this.loadRefs(element, refs);
+      if (this.refs.btnOptions) {
+        var clickEventType = this.component['click-event-type'];
+        this.refs.btnOptions.forEach(function (btnOption) {
+          _this.addEventListener(btnOption, 'click', function (event) {
+            var currentKey = btnOption.getAttribute('data-value');
+            // 切换tab
+            switch (clickEventType) {
+              case 'setTab':
+                Formio.forms[_this.currentForm.id].getComponent(_this.component['click-event-tab-id']).setTabByKey(currentKey);
+                break;
+            }
+            _this.refs.btnOptions.forEach(function (item) {
+              if (item.getAttribute('data-value') === btnOption.getAttribute('data-value')) {
+                item.classList.remove('btn-outline-primary');
+                item.classList.add('btn-primary');
+              } else {
+                item.classList.remove('btn-primary');
+                item.classList.add('btn-outline-primary');
+              }
+            });
+          });
+        });
+      }
+      return _get(_getPrototypeOf(ButtonGroups.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;
+    }
+
+    /**
+     * 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: 'ButtonGroups',
+        key: 'buttonGroups',
+        type: 'buttonGroups'
+      }].concat(extend));
+    }
+  }]);
+  return ButtonGroups;
+}(_Field.default);
+exports.default = ButtonGroups;
+_defineProperty(ButtonGroups, "builderInfo", {
+  title: 'ButtonGroups',
+  group: 'advanced',
+  icon: 'button',
+  weight: 70,
+  documentation: 'http://help.form.io/userguide/#buttonGroups',
+  schema: ButtonGroups.schema()
+});

package/components/buttonGroups/editForm/ButtonGroups.edit.display.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = [{
+  type: 'textfield',
+  label: '宽度',
+  key: 'width',
+  input: true,
+  weight: 1,
+  defaultValue: "100%"
+}, {
+  type: 'textfield',
+  label: '高度',
+  key: 'height',
+  input: true,
+  weight: 1,
+  defaultValue: "50px"
+}, {
+  key: 'buttons',
+  type: 'datagrid',
+  input: true,
+  label: '按钮组',
+  weight: 1,
+  components: [{
+    type: 'textfield',
+    input: true,
+    key: 'title',
+    label: 'Label'
+  }, {
+    type: 'textfield',
+    input: true,
+    key: 'key',
+    label: 'Key',
+    validate: {
+      required: true
+    }
+  }]
+}, {
+  type: 'panel',
+  title: '点击事件',
+  collapsible: true,
+  collapsed: false,
+  weight: 1,
+  components: [{
+    key: 'click-event-type',
+    data: {
+      values: [{
+        label: '切换标签',
+        value: 'setTab'
+      }]
+    },
+    type: 'select',
+    input: true,
+    label: '事件类型',
+    dataSrc: 'values'
+  }, {
+    type: 'select',
+    input: true,
+    key: 'click-event-tab-id',
+    label: '选择切换的tabs',
+    dataSrc: 'custom',
+    valueProperty: 'value',
+    data: {
+      custom: function custom(context) {
+        var values = [];
+        context.utils.eachComponent(context.instance.options.editForm.components, function (component, path) {
+          if (component.key !== context.data.key && component.type === 'customTabs') {
+            values.push({
+              label: component.label || component.key,
+              value: path
+            });
+          }
+        }, true);
+        return values;
+      }
+    },
+    conditional: {
+      json: {
+        in: [{
+          var: 'data.click-event-type'
+        }, ['setTab']]
+      }
+    }
+  }]
+}, {
+  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/components/index.js

@@ -83,6 +83,7 @@ var _Tabs2 = _interopRequireDefault(require("./CustomTabs/Tabs"));
 var _Progress = _interopRequireDefault(require("./progress/Progress"));
 var _ECharts = _interopRequireDefault(require("./echarts/ECharts"));
 var _IconButton = _interopRequireDefault(require("./iconButton/IconButton"));
+var _ButtonGroups = _interopRequireDefault(require("./buttonGroups/ButtonGroups"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   map: _Map.default,
@@ -164,6 +165,7 @@ var _default = {
   customTabs: _Tabs2.default,
   echarts: _ECharts.default,
   progress: _Progress.default,
-  iconButton: _IconButton.default
+  iconButton: _IconButton.default,
+  buttonGroups: _ButtonGroups.default
 };
 exports.default = _default;

package/dist/formio.builder.css

@@ -2649,8 +2649,8 @@ span[role=link] {
   cursor: default;
 }
 .formio-component-customTabs .tab-header .tab-line {
-  height: 2px;
-  margin-top: 5px;
+  height: 3px;
+  margin-top: 2px;
   transition: all 0.3s;
 }
 .formio-component-customTabs .tab-header .tab-pills-item {