formiojs-eorion 0.1.0 → 0.1.2

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

@@ -0,0 +1,485 @@
+"use strict";
+
+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 = [{
+  type: 'panel',
+  title: '标题',
+  collapsible: true,
+  collapsed: false,
+  weight: 1,
+  components: [{
+    type: 'input',
+    label: '显示值',
+    key: 'title-content',
+    tooltip: '可输入html元素 ex:${data.Id}-<a>${data.Name}</a>',
+    input: true
+  }, {
+    type: 'select',
+    label: '对齐方式',
+    data: {
+      values: [{
+        label: '居中',
+        value: 'center'
+      }, {
+        label: '左对齐',
+        value: 'start'
+      }, {
+        label: '右对齐',
+        value: 'end'
+      }]
+    },
+    key: 'title-align',
+    input: true,
+    defaultValue: 'center',
+    dataSrc: 'values'
+  }, {
+    key: 'title-color',
+    type: 'input',
+    input: true,
+    defaultValue: '#000000',
+    label: '字体颜色'
+  }, {
+    key: 'title-font-size',
+    type: 'input',
+    input: true,
+    defaultValue: '10px',
+    label: '字体大小'
+  }, {
+    key: 'title-font-weight',
+    type: 'input',
+    input: true,
+    defaultValue: 'bold',
+    label: '字体粗细'
+  }]
+}, {
+  type: 'panel',
+  title: '内容',
+  collapsible: true,
+  collapsed: false,
+  weight: 2,
+  components: [{
+    type: 'input',
+    label: '显示值',
+    key: 'value-content',
+    tooltip: '可输入html元素 ex:${data.Id}-<a>${data.Name}</a>',
+    input: true
+  }, {
+    type: 'select',
+    label: '对齐方式',
+    data: {
+      values: [{
+        label: '居中',
+        value: 'center'
+      }, {
+        label: '左对齐',
+        value: 'start'
+      }, {
+        label: '右对齐',
+        value: 'end'
+      }]
+    },
+    key: 'value-align',
+    input: true,
+    defaultValue: 'center',
+    dataSrc: 'values'
+  }, {
+    key: 'value-color',
+    type: 'input',
+    input: true,
+    defaultValue: '#000000',
+    label: '字体颜色'
+  }, {
+    key: 'value-size',
+    type: 'input',
+    input: true,
+    defaultValue: '#000000',
+    label: '字体大小'
+  }, {
+    key: 'value-font-weight',
+    type: 'input',
+    input: true,
+    defaultValue: 'bold',
+    label: '字体粗细'
+  }]
+}, {
+  type: 'panel',
+  title: '页脚',
+  collapsible: true,
+  collapsed: false,
+  weight: 3,
+  components: [{
+    type: 'input',
+    label: '显示值1',
+    key: 'footer-content1',
+    tooltip: '可输入html元素 ex:${data.Id}-<a>${data.Name}</a>',
+    input: true
+  }, {
+    type: 'input',
+    label: '显示值2',
+    key: 'footer-content2',
+    tooltip: '可输入html元素 ex:${data.Id}-<a>${data.Name}</a>',
+    input: true
+  }, {
+    type: 'panel',
+    title: '显示值3',
+    collapsible: true,
+    collapsed: false,
+    weight: 3,
+    components: [{
+      type: 'input',
+      label: '内容',
+      key: 'footer-content3',
+      tooltip: '可输入html元素 ex:${data.Id}-<a>${data.Name}</a>',
+      input: true
+    }, {
+      type: 'select',
+      label: '显示样式',
+      data: {
+        values: [{
+          label: '普通文本',
+          value: 'text'
+        }, {
+          label: 'badge',
+          value: 'badge'
+        }]
+      },
+      key: 'footer-content3-style',
+      input: true,
+      defaultValue: 'text',
+      dataSrc: 'values'
+    }, {
+      type: 'input',
+      label: '圆角',
+      key: 'footer-content3-radius',
+      input: true,
+      conditional: {
+        json: {
+          in: [{
+            var: 'data.footer-content3-style'
+          }, ['badge']]
+        }
+      }
+    }, {
+      type: 'input',
+      label: '颜色',
+      key: 'footer-content3-color',
+      input: true
+    }]
+  }, {
+    type: 'select',
+    label: '对齐方式',
+    data: {
+      values: [{
+        label: '居中',
+        value: 'center'
+      }, {
+        label: '左对齐',
+        value: 'start'
+      }, {
+        label: '右对齐',
+        value: 'end'
+      }]
+    },
+    key: 'footer-align',
+    input: true,
+    defaultValue: 'center',
+    dataSrc: 'values'
+  }, {
+    key: 'footer-color',
+    type: 'input',
+    input: true,
+    defaultValue: '#000000',
+    label: '字体颜色'
+  }, {
+    key: 'footer-size',
+    type: 'input',
+    input: true,
+    defaultValue: '#000000',
+    label: '字体大小'
+  }]
+}, {
+  type: 'panel',
+  title: '统计图表',
+  collapsible: true,
+  collapsed: false,
+  weight: 4,
+  components: [{
+    type: 'checkbox',
+    label: '启用',
+    key: 'enable-sparkline',
+    defaultValue: false
+  }, {
+    type: 'number',
+    label: '占用组件宽度比例(flex)',
+    key: 'sparkLine-flex-width',
+    input: true,
+    defaultValue: 1
+  }, {
+    key: 'sparkLine-type',
+    data: {
+      values: [{
+        label: 'Line Charts',
+        value: 'line'
+      }, {
+        label: 'Pie Charts',
+        value: 'pie'
+      }, {
+        label: 'Donut Charts',
+        value: 'donut'
+      }, {
+        label: 'Bar Charts',
+        value: 'bar'
+      }]
+    },
+    type: 'select',
+    input: true,
+    defaultValue: 'line',
+    label: 'Type',
+    dataSrc: 'values'
+  }, {
+    type: 'number',
+    label: 'width',
+    key: 'sparkLine-width',
+    input: true,
+    defaultValue: 0.8,
+    tooltip: '占剩余空间所占比例,0-1.0'
+  }, {
+    type: 'number',
+    label: 'height',
+    key: 'sparkLine-height',
+    input: true,
+    tooltip: '',
+    defaultValue: 16
+  }, {
+    type: 'number',
+    label: 'MaxValueCount',
+    key: 'sparkLine-max-value-count',
+    defaultValue: 10,
+    input: true,
+    tooltip: ''
+  }, {
+    type: 'input',
+    label: 'Values',
+    key: 'sparkLine-value',
+    input: true,
+    tooltip: ''
+  }, {
+    type: 'input',
+    label: 'FillColor',
+    key: 'sparkLine-fill-color',
+    input: true,
+    tooltip: '多个颜色用逗号隔开',
+    placeholder: '#c6d9fd,#000000',
+    defaultValue: ''
+  }, {
+    type: 'input',
+    label: 'StrokeColor',
+    key: 'sparkLine-stroke-color',
+    input: true,
+    tooltip: '',
+    defaultValue: ''
+  }]
+}, {
+  type: 'input',
+  label: 'BackgroundColor',
+  key: 'bgColor',
+  input: true,
+  tooltip: '',
+  weight: 2,
+  defaultValue: '#ffffff'
+}, {
+  type: 'panel',
+  title: '点击事件',
+  collapsible: true,
+  collapsed: false,
+  weight: 5,
+  components: [{
+    key: 'click-event-type',
+    data: {
+      values: [{
+        label: '跳转新页面',
+        value: 'newPage'
+      }, {
+        label: '打开弹窗',
+        value: 'bottomSheet'
+      }, {
+        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']]
+      }
+    }
+  }, {
+    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: '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
+    }
+  }]
+}, {
+  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: 'hideLabel',
+  ignore: true
+}, {
+  key: 'autofocus',
+  ignore: true
+}, {
+  key: 'tooltip',
+  ignore: true
+}, {
+  key: 'tabindex',
+  ignore: true
+}, {
+  key: 'disabled',
+  ignore: true
+}, {
+  key: 'label',
+  ignore: true
+}, {
+  key: 'key',
+  ignore: true
+}];
+exports.default = _default;

package/components/FileDownload/FileDownload.js

@@ -121,7 +121,7 @@ var FileDownload = /*#__PURE__*/function (_Component) {
     value: function setValue(value) {
       if (this.refs.downloadLink && value && value.filename) {
         this.refs.downloadLink.innerHTML = value.filename;
-      } else {
+      } else if (this.refs.downloadLink) {
         this.refs.downloadLink.innerHTML = '没有文件';
       }
     }

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/builder.js

@@ -69,7 +69,13 @@ var _FileDownload = _interopRequireDefault(require("./FileDownload/FileDownload.
 var _TaskCalendar = _interopRequireDefault(require("./TaskCalendar/TaskCalendar.form"));
 var _LocationInputTextField = _interopRequireDefault(require("./LocationInputTextField/LocationInputTextField.form"));
 var _NocodbFile = _interopRequireDefault(require("./NocodbFile/NocodbFile.form"));
+var _Data2 = _interopRequireDefault(require("./DataChinaGrid/Data.form"));
+var _Data3 = _interopRequireDefault(require("./DataChinaGridRow/Data.form"));
+var _Tabs2 = _interopRequireDefault(require("./CustomTabs/Tabs.form"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_.default.customTabs.editForm = _Tabs2.default;
+_.default.data_china_grid_row.editForm = _Data3.default;
+_.default.data_china_grid.editForm = _Data2.default;
 _.default.nocodbFile.editForm = _NocodbFile.default;
 _.default.fileDownload.editForm = _FileDownload.default;
 _.default.htmlEditor.editForm = _TextArea2.default;

package/components/index.js

@@ -77,6 +77,9 @@ var _DataSource = _interopRequireDefault(require("./DataSource/DataSource"));
 var _LocationInputTextField = _interopRequireDefault(require("./LocationInputTextField/LocationInputTextField"));
 var _Map = _interopRequireDefault(require("./map/Map"));
 var _NocodbFile = _interopRequireDefault(require("./NocodbFile/NocodbFile"));
+var _Data2 = _interopRequireDefault(require("./DataChinaGrid/Data"));
+var _Data3 = _interopRequireDefault(require("./DataChinaGridRow/Data"));
+var _Tabs2 = _interopRequireDefault(require("./CustomTabs/Tabs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   map: _Map.default,
@@ -152,6 +155,9 @@ var _default = {
   well: _Well.default,
   actionButton: _ActionButton.default,
   dataSource: _DataSource.default,
-  nocodbFile: _NocodbFile.default
+  nocodbFile: _NocodbFile.default,
+  data_china_grid: _Data2.default,
+  data_china_grid_row: _Data3.default,
+  customTabs: _Tabs2.default
 };
 exports.default = _default;

package/dist/formio.builder.css

@@ -2626,6 +2626,29 @@ span[role=link] {
   height: 100%;
 }
 
+.formio-component-customTabs .tab-header .tab-item {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  color: #999;
+}
+.formio-component-customTabs .tab-header .tab-item:hover {
+  color: #333;
+}
+.formio-component-customTabs .tab-header .tab-item.active {
+  color: #333;
+}
+.formio-component-customTabs .tab-header .tab-item.disabled {
+  color: #ddd;
+  cursor: default;
+}
+.formio-component-customTabs .tab-header .tab-line {
+  position: absolute;
+  height: 2px;
+  transition: all 0.3s;
+}
+
 .formio-component-customTable table, .formio-component-customTable th, .formio-component-customTable td {
   border: 1px solid black;
 }