formiojs-eorion 0.1.32 → 0.1.34

package/Formio.js

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

package/components/Data/Data.js

@@ -19,8 +19,8 @@ require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.array.join.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.number.constructor.js");
-require("core-js/modules/es.string.ends-with.js");
 require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.string.ends-with.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.array.find.js");
@@ -123,11 +123,17 @@ var Data = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var self = this;
       var refs = {
-        dataContainer: 'single'
+        dataContainer: 'single',
+        refHeader: 'single',
+        refSubHeader: 'single',
+        refValue: 'single',
+        refSubValue: 'single'
       };
       this.loadRefs(element, refs);
       var dataContainer = this.refs.dataContainer;
       if (dataContainer) {
+        var rect = dataContainer.getBoundingClientRect();
+        this.refs.dataContainer.style['background-size'] = "".concat(rect.width, "px ").concat(rect.height, "px");
         var clickEventType = this.component['click-event-type'];
         if (clickEventType) {
           var clickEventUrl;
@@ -185,6 +191,56 @@ var Data = /*#__PURE__*/function (_Component) {
           });
         }
       }
+      var customStyleStr = this.component['custom-style-bg'];
+      if (customStyleStr && customStyleStr.length > 0) {
+        try {
+          _lodash.default.forEach(JSON.parse(customStyleStr), function (value, key) {
+            _this2.refs.dataContainer.style[key] = value;
+          });
+        } catch (e) {
+          console.warn(e);
+        }
+      }
+      customStyleStr = this.component['custom-style-title'];
+      if (customStyleStr && customStyleStr.length > 0) {
+        try {
+          _lodash.default.forEach(JSON.parse(customStyleStr), function (value, key) {
+            _this2.refs.refHeader.style[key] = value;
+          });
+        } catch (e) {
+          console.warn(e);
+        }
+      }
+      customStyleStr = this.component['custom-style-sub-title'];
+      if (customStyleStr && customStyleStr.length > 0) {
+        try {
+          _lodash.default.forEach(JSON.parse(customStyleStr), function (value, key) {
+            _this2.refs.refSubHeader.style[key] = value;
+          });
+        } catch (e) {
+          console.warn(e);
+        }
+      }
+      customStyleStr = this.component['custom-style-value'];
+      if (customStyleStr && customStyleStr.length > 0) {
+        try {
+          _lodash.default.forEach(JSON.parse(customStyleStr), function (value, key) {
+            _this2.refs.refValue.style[key] = value;
+          });
+        } catch (e) {
+          console.warn(e);
+        }
+      }
+      customStyleStr = this.component['custom-style-sub-value'];
+      if (customStyleStr && customStyleStr.length > 0) {
+        try {
+          _lodash.default.forEach(JSON.parse(customStyleStr), function (value, key) {
+            _this2.refs.refSubValue.style[key] = value;
+          });
+        } catch (e) {
+          console.warn(e);
+        }
+      }
       setTimeout(function () {
         _this2.setValue('');
       }, 100);

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

@@ -6,26 +6,53 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _default = [{
   type: 'input',
-  label: 'Title',
+  label: '标题',
   key: 'header',
   input: true,
   tooltip: '',
   weight: 1
+}, {
+  type: 'textarea',
+  label: '自定义标题样式',
+  key: 'custom-style-title',
+  editor: 'ace',
+  input: true,
+  defaultValue: '',
+  tooltip: '自定义的style:json格式,ex:{"border":"none","border-radius":"30px"}',
+  weight: 1
 }, {
   type: 'input',
-  label: 'Sub Title',
+  label: '副标题',
   key: 'sub-header',
   input: true,
   tooltip: '',
   weight: 1
+}, {
+  type: 'textarea',
+  label: '自定义副标题样式',
+  key: 'custom-style-sub-title',
+  editor: 'ace',
+  input: true,
+  defaultValue: '',
+  tooltip: '自定义的style:json格式,ex:{"border":"none","border-radius":"30px"}',
+  weight: 1
 }, {
   type: 'input',
-  label: 'BackgroundColor',
+  label: '背景颜色',
   key: 'bgColor',
   input: true,
   tooltip: '',
   weight: 2,
   defaultValue: '#ffffff'
+}, {
+  type: 'textarea',
+  label: '自定义背景样式',
+  key: 'custom-style-bg',
+  editor: 'ace',
+  input: true,
+  defaultValue: '',
+  tooltip: '自定义的style:json格式,ex:{"border":"none","border-radius":"30px"}',
+  weight: 2
 }, {
   type: 'panel',
   title: 'Icon',
@@ -58,27 +85,27 @@ var _default = [{
     input: true,
     tooltip: ''
   }, {
-    type: "datagrid",
+    type: 'datagrid',
     input: true,
-    label: "Request Headers",
-    key: "new-value-headers",
+    label: 'Request Headers',
+    key: 'new-value-headers',
     defaultValue: [{
-      key: "",
-      value: ""
+      key: '',
+      value: ''
     }],
     components: [{
-      label: "Key",
-      key: "key",
+      label: 'Key',
+      key: 'key',
       input: true,
-      type: "textfield",
+      type: 'textfield',
       validate: {
         required: true
       }
     }, {
-      label: "Value",
-      key: "value",
+      label: 'Value',
+      key: 'value',
       input: true,
-      type: "textfield",
+      type: 'textfield',
       validate: {
         required: true
       }
@@ -95,6 +122,14 @@ var _default = [{
     key: 'value-color',
     input: true,
     tooltip: ''
+  }, {
+    type: 'textarea',
+    label: '自定义样式',
+    key: 'custom-style-value',
+    editor: 'ace',
+    input: true,
+    defaultValue: '',
+    tooltip: '自定义的style:json格式,ex:{"border":"none","border-radius":"30px"}'
   }]
 }, {
   type: 'panel',
@@ -120,6 +155,14 @@ var _default = [{
     key: 'subValue-color',
     input: true,
     tooltip: ''
+  }, {
+    type: 'textarea',
+    label: '自定义样式',
+    key: 'custom-style-sub-value',
+    editor: 'ace',
+    input: true,
+    defaultValue: '',
+    tooltip: '自定义的style:json格式,ex:{"border":"none","border-radius":"30px"}'
   }]
 }, {
   type: 'panel',
@@ -206,27 +249,27 @@ var _default = [{
       }
     }
   }, {
-    type: "datagrid",
+    type: 'datagrid',
     input: true,
-    label: "Request Headers",
-    key: "new-sparkLine-headers",
+    label: 'Request Headers',
+    key: 'new-sparkLine-headers',
     defaultValue: [{
-      key: "",
-      value: ""
+      key: '',
+      value: ''
     }],
     components: [{
-      label: "Key",
-      key: "key",
+      label: 'Key',
+      key: 'key',
       input: true,
-      type: "textfield",
+      type: 'textfield',
       validate: {
         required: true
       }
     }, {
-      label: "Value",
-      key: "value",
+      label: 'Value',
+      key: 'value',
       input: true,
-      type: "textfield",
+      type: 'textfield',
       validate: {
         required: true
       }
@@ -327,14 +370,19 @@ var _default = [{
     label: '事件类型',
     dataSrc: 'values'
   }, {
-    label: "锁定抽屉",
-    key: "click-event-lock-drawer",
-    type: "checkbox",
+    label: '显示跳转图标',
+    key: 'click-event-show-icon',
+    type: 'checkbox',
+    defaultValue: true
+  }, {
+    label: '锁定抽屉',
+    key: 'click-event-lock-drawer',
+    type: 'checkbox',
     conditional: {
       json: {
         in: [{
-          var: "data.click-event-type"
-        }, ["newProcessInstance"]]
+          var: 'data.click-event-type'
+        }, ['newProcessInstance']]
       }
     }
   }, {

package/components/html/HTML.js

@@ -109,6 +109,22 @@ var HTMLComponent = /*#__PURE__*/function (_Component) {
         singleTags: this.singleTags
       });
     }
+  }, {
+    key: "parseTpl",
+    value: function parseTpl(template, map) {
+      if (template && template.length > 0) {
+        try {
+          return template.replace(/\$\{.+?}/g, function (match) {
+            var _$get;
+            var path = match.substr(2, match.length - 3).trim();
+            return (_$get = _lodash.default.get(map, path)) !== null && _$get !== void 0 ? _$get : '--';
+          });
+        } catch (e) {
+          console.log(e);
+        }
+      }
+      return '{}';
+    }
   }, {
     key: "render",
     value: function render() {
@@ -117,9 +133,58 @@ var HTMLComponent = /*#__PURE__*/function (_Component) {
   }, {
     key: "attach",
     value: function attach(element) {
+      var _this2 = this;
+      var self = this;
       this.loadRefs(element, {
         html: 'single'
       });
+      var dataContainer = this.refs.html;
+      if (dataContainer) {
+        var clickEventType = this.component['click-event-type'];
+        if (clickEventType) {
+          this.addEventListener(dataContainer, 'click', function (event) {
+            // 点击事件
+            var params;
+            switch (clickEventType) {
+              case 'newPage':
+                try {
+                  params = JSON.parse(_this2.parseTpl(_this2.component['page_params'], {
+                    data: _this2.rootValue
+                  }));
+                } catch (e) {
+                  console.log("json\u8F6C\u6362\u5931\u8D25:".concat(e));
+                }
+                window.openNewPage(_this2.component['click-event-form-id'], params);
+                break;
+              case 'bottomSheet':
+                try {
+                  params = JSON.parse(_this2.parseTpl(_this2.component['page_params'], {
+                    data: _this2.rootValue
+                  }));
+                } catch (e) {
+                  console.log("json\u8F6C\u6362\u5931\u8D25:".concat(e));
+                }
+                window.openBottomSheet(_this2.component['click-event-form-id'], params);
+                break;
+              case 'setTab':
+                // 切换tab
+                Formio.forms[_this2.currentForm.id].getComponent(_this2.component['click-event-tab-id']).setTabByKey(_this2.component['click-event-tab-key']);
+                break;
+              case 'openUrl':
+                if (window.openNewUrlByQmx) {
+                  window.openNewUrlByQmx(_this2.parseTpl(_this2.component['click-event-url'], {
+                    data: _this2.rootValue
+                  }));
+                } else {
+                  window.open(_this2.parseTpl(_this2.component['click-event-url'], {
+                    data: _this2.rootValue
+                  }));
+                }
+                break;
+            }
+          });
+        }
+      }
       return _get(_getPrototypeOf(HTMLComponent.prototype), "attach", this).call(this, element);
     }
   }], [{

package/components/html/editForm/HTML.edit.display.js

@@ -4,6 +4,8 @@ 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");
 var _default = [{
   key: 'labelPosition',
   ignore: true
@@ -76,6 +78,186 @@ var _default = [{
   defaultValue: '<div class="well">Content</div>',
   key: 'content',
   weight: 80
+}, {
+  type: 'panel',
+  title: '点击事件',
+  collapsible: true,
+  collapsed: false,
+  weight: 80,
+  components: [{
+    key: 'click-event-type',
+    data: {
+      values: [{
+        label: '跳转新页面',
+        value: 'newPage'
+      }, {
+        label: '打开弹窗',
+        value: 'bottomSheet'
+      }, {
+        label: '切换标签',
+        value: 'setTab'
+      }, {
+        label: 'Open URL',
+        value: 'openUrl'
+      }]
+    },
+    type: 'select',
+    input: true,
+    label: '事件类型',
+    dataSrc: 'values'
+  }, {
+    type: 'input',
+    label: 'Url',
+    key: 'click-event-url',
+    input: true,
+    tooltip: '',
+    conditional: {
+      json: {
+        in: [{
+          var: 'data.click-event-type'
+        }, ['newIntent', 'openUrl']]
+      }
+    },
+    validate: {
+      required: true
+    }
+  }, {
+    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']]
+      }
+    }
+  }, {
+    type: 'select',
+    input: true,
+    key: 'click-event-tab-key',
+    label: '选择切换到的tab位置',
+    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['click-event-tab-id']) {
+            component.components.forEach(function (tab) {
+              values.push({
+                label: tab.label || tab.key,
+                value: tab.key
+              });
+            });
+          }
+        }, true);
+        return values;
+      }
+    },
+    conditional: {
+      json: {
+        in: [{
+          var: 'data.click-event-type'
+        }, ['setTab']]
+      }
+    }
+  }, {
+    type: 'input',
+    label: 'FormId',
+    key: 'click-event-form-id',
+    input: true,
+    tooltip: '',
+    conditional: {
+      json: {
+        in: [{
+          var: 'data.click-event-type'
+        }, ['newPage', 'bottomSheet']]
+      }
+    },
+    validate: {
+      required: true
+    }
+  }, {
+    type: "textarea",
+    label: "Page Params",
+    key: "page_params",
+    input: true,
+    editor: "ace",
+    tooltip: "传入下个页面的参数(json)",
+    conditional: {
+      json: {
+        in: [{
+          var: "data.click-event-type"
+        }, ["newPage", "bottomSheet"]]
+      }
+    }
+  }, {
+    type: 'input',
+    label: '流程定义keys',
+    key: 'click-event-process-def-keys',
+    input: true,
+    tooltip: '',
+    conditional: {
+      json: {
+        in: [{
+          var: 'data.click-event-type'
+        }, ['processDefList', 'taskListPanel']]
+      }
+    },
+    validate: {
+      required: true
+    }
+  }, {
+    type: 'input',
+    label: '流程定义keys',
+    key: 'click-event-task-keys',
+    input: true,
+    tooltip: '',
+    conditional: {
+      json: {
+        '===': [{
+          var: 'data.click-event-type'
+        }, 'taskList']
+      }
+    },
+    validate: {
+      required: true
+    }
+  }, {
+    type: 'input',
+    label: '流程定义key',
+    key: 'click-event-process-def-key',
+    input: true,
+    tooltip: '',
+    conditional: {
+      json: {
+        '===': [{
+          var: 'data.click-event-type'
+        }, 'newProcessInstance']
+      }
+    },
+    validate: {
+      required: true
+    }
+  }]
 }, {
   weight: 85,
   type: 'checkbox',

package/dist/formio.builder.css

@@ -1062,12 +1062,6 @@ td > .form-group {
   z-index: 100;
 }
 
-.choices__list--dropdown {
-  position: fixed;
-  width: unset;
-  top: unset;
-}
-
 .component-edit-container .choices__list--dropdown {
   position: absolute;
   width: 100%;