@epxing/designer 0.0.0-stage → 5.3.0-beta.2

package/src/page-designer/widget-tree/index.js

@@ -0,0 +1,6 @@
+import WidgetTree from './Tree.vue'
+import WidgetItem from './Item.vue'
+export {
+  WidgetTree,
+  WidgetItem
+}

package/src/visual/AddForm.vue

@@ -0,0 +1,172 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-add-form',
+  extends: ComponentVue,
+  data () {
+    return {
+      subConfigOptions: [
+      ]
+    }
+  },
+  watch: {
+    allConfigs: {
+      handler (v) {
+        this.componentMetaId = v.metaId
+      },
+      immediate: true
+    },
+    componentMetaId: {
+      handler (v) {
+        this.$epxEmit('change-meta-id', { metaId: v, metaViewId: this.metaViewId }); this.$emit('change-meta-id', { metaId: v, metaViewId: this.metaViewId })
+      }
+    },
+    metaViewId: {
+      handler () {
+        this.$epxEmit('change-meta-id', { metaId: this.componentMetaId, metaViewId: this.metaViewId }); this.$emit('change-meta-id', { metaId: this.componentMetaId, metaViewId: this.metaViewId })
+      }
+    }
+  },
+  methods: {
+    getOperateOptions () {
+      this.getHandlerList()
+      this.getCommonOperates()
+      this.operateConfigs = [
+        {
+          key: 'base',
+          title: '基本',
+          options: ['text', 'ui', 'styles', 'icon', 'showName', 'width', 'preview']
+        },
+        {
+          key: 'event',
+          title: '事件',
+          options: ['handler', 'metaId', 'action', 'rule', 'openMode', 'page', 'pageType', 'printWay', 'printCode', 'cptName', 'printOperates', 'aiPromptId', 'destActivityId', 'function', 'processNode', 'processCode', 'processNodes', 'endOtherNode', 'auditorOptional', 'openOpinion', 'showCheckFields', 'checkRequireFields', 'checkSign', 'signPromptText', 'saveSignFlag', 'checkOpinionLabel', 'checkOpinionValue', 'selfSelectNotify', 'reload', 'params', 'beforeTrigger', 'afterTrigger', 'backPageDelta', 'afterTriggerPage', 'afterTriggerPageOpenMode', 'afterTriggerParams']
+        },
+        {
+          key: 'advance',
+          title: '高级',
+          options: ['terminal', 'mobileFlex', 'limitFlag', 'limitCondition', 'limitTip', 'showConditionType', 'showCondition', 'showConditionEl', 'confirm', 'confirmMsg', 'confirmButtonText', 'cancelButtonText', 'validateForm', 'aiValidate', 'successMsg', 'failMsg', 'mask']
+        }
+      ]
+      this.operateOptions = {
+        mobileFlex: {
+          key: 'mobileFlex',
+          label: '移动端均分',
+          type: 'switch',
+          defaultValue: true
+        },
+        processNode: {
+          key: 'processNode',
+          label: '流程',
+          type: 'process',
+          showFlag: { handler: ['applyEntity', 'withdraw'] }
+        },
+        auditorOptional: {
+          key: 'auditorOptional',
+          label: '允许自选',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: false,
+          showFlag: { handler: ['checkEntity', 'check', 'applyEntity'] }
+        },
+        opinionRequire: {
+          key: 'opinionRequire',
+          label: '审核意见必填',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: false,
+          showFlag: { handler: ['checkEntity', 'check'] }
+        },
+        checkSign: {
+          key: 'checkSign',
+          label: '允许签名',
+          type: 'radio',
+          options: [{ label: '显示', value: true }, { label: '不显示', value: false }],
+          defaultValue: false,
+          showFlag: { handler: ['applyEntity'] }
+        },
+        validateForm: {
+          key: 'validateForm',
+          label: '校验表单',
+          type: 'radio',
+          options: [{ label: '根据页面状态校验（编辑/新增）', value: '' }, { label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: ''
+        },
+        aiValidate: {
+          key: 'aiValidate',
+          label: '开启AI校验',
+          type: 'switch',
+          showFlag: { handler: ['submitForm', 'applyEntity', 'commonAction'] }
+        },
+        signRequire: {
+          key: 'signRequire',
+          label: '审核签名必填',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: false,
+          showFlag: { handler: ['checkEntity', 'check'] }
+        },
+        saveSignFlag: {
+          key: 'saveSignFlag',
+          label: '显示保存签名',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: true,
+          showFlag: { handler: ['checkEntity', 'check'] }
+        },
+        selfSelectNotify: {
+          key: 'selfSelectNotify',
+          label: '抄送人模式',
+          type: 'radio',
+          options: [{ label: '默认', value: '0' }, { label: '自选', value: '1' }],
+          defaultValue: '0',
+          showFlag: { handler: ['check'] }
+        },
+        signPromptText: {
+          key: 'signPromptText',
+          label: '签名提示文字',
+          type: 'textrea',
+          showFlag: { handler: ['applyEntity'] }
+        },
+        aiPromptId: {
+          key: 'aiPromptId',
+          label: '提示词',
+          type: 'object',
+          object: 'FM_AI_PROMPT',
+          showFlag: { handler: ['aiFilling'] }
+        },
+        processCode: {
+          key: 'processCode',
+          label: '选择流程',
+          type: 'object',
+          object: 'ACT_RE_MODEL',
+          dataKey: 'KEY',
+          fieldConfigs: {
+            scopeParams: [{ field: 'ENTITY', values: this.currentMetaId }, { field: 'CATEGORY', values: '1' }]
+          },
+          showFlag: { handler: ['skipProcessNode', 'resetCheckPerson', 'rejectionProcess'] }
+        },
+        processNodes: {
+          key: 'processNodes',
+          label: '选择可跳转结束节点',
+          type: 'select',
+          multiple: true,
+          showFlag: { handler: ['skipProcessNode'] }
+        },
+        endOtherNode: {
+          key: 'endOtherNode',
+          label: '结束其他节点',
+          type: 'switch',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: true,
+          showFlag: { handler: ['skipProcessNode'] }
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/AddFormItem.vue

@@ -0,0 +1,482 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-add-form-item',
+  extends: ComponentVue,
+  data () {
+    return {
+      componentMetaId: null
+    }
+  },
+  methods: {
+    getFieldOptions () {
+      this.fieldOptions = [
+        { key: 'attriName', label: '字段', readonly: true },
+        {
+          key: 'configWay',
+          label: '配置方式',
+          type: 'radio',
+          options: [{ label: '默认配置', value: 'default' }, { label: '自定义', value: 'custom' }],
+          defaultValue: 'default'
+        },
+        {
+          key: 'alias',
+          label: '自定义编号',
+          showFlag: {
+            type: 'meta'
+          }
+        },
+        { key: 'attriLabel', label: '名称', type: 'text' },
+        { key: 'placeholder', label: '输入框提示', type: 'text' },
+        {
+          key: 'isRequired',
+          label: '是否必填',
+          type: 'radio',
+          options: [{ label: '是', value: '1' }, { label: '否', value: '0' }]
+          // defaultValue: '0'
+        },
+        {
+          key: 'state',
+          label: '字段状态',
+          type: 'radio',
+          options: [{ label: '跟随页面状态', value: '' }, { label: '新增', value: 'ADD' }, { label: '编辑', value: 'EDIT' }, { label: '详情', value: 'DETAIL' }, { label: '只读', value: 'READONLY' }, { label: '隐藏', value: 'HIDDEN' }],
+          defaultValue: ''
+        },
+        {
+          key: 'submitValue',
+          label: '提交字段值',
+          type: 'switch',
+          defaultValue: true
+        },
+        {
+          key: 'disabled',
+          label: '禁用',
+          type: 'switch',
+          note: '禁用后，以只读的样式展示可选项，目前只支持单选，多选以及开关类型字段',
+          showFlag: {
+            dataType: ['list', 'multibox', 'switch'],
+            state: [null, undefined, 'ADD', 'EDIT']
+          }
+        },
+        { key: 'showLabel', label: '显示名称', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }], defaultValue: true },
+        {
+          key: 'isDateNow',
+          label: '是否是当前时间',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: false,
+          showFlag: {
+            dataType: ['date', 'time', 'date_ym']
+          }
+        },
+        {
+          key: 'selectRange',
+          label: '选择范围',
+          type: 'dateSelectRange',
+          showFlag: {
+            dataType: ['date', 'time', 'date_ym']
+          }
+        },
+        {
+          key: 'colspan',
+          label: '占用列数',
+          type: 'num'
+        },
+        {
+          key: 'rows',
+          label: '显示行数',
+          type: 'num',
+          showFlag: {
+            dataType: ['textarea', 'bigtext']
+          }
+        },
+        {
+          key: 'limitRows',
+          label: '输入行数限制',
+          type: 'num',
+          showFlag: {
+            dataType: ['textarea', 'bigtext']
+          }
+        },
+        {
+          key: 'maxLength',
+          label: '输入长度限制',
+          type: 'num',
+          showFlag: {
+            dataType: ['text', 'textarea', 'bigtext']
+          }
+        },
+        {
+          key: 'fieldExMethod',
+          label: '字段扩展方式',
+          type: 'radio',
+          code: 'FIELD_EX_METHOD',
+          defaultValue: 'suffix',
+          showFlag: {
+            dataType: ['text', 'num']
+          }
+        },
+        {
+          key: 'suffix',
+          label: '前/后缀内容',
+          type: 'text',
+          showFlag: {
+            dataType: ['text', 'num']
+          }
+        },
+        {
+          key: 'numericalUnits',
+          label: '数值单位',
+          type: 'radio',
+          code: 'Numerical units',
+          showFlag: {
+            dataType: ['num']
+          }
+        },
+        {
+          key: 'detailPageId',
+          label: '查看页面',
+          type: 'object',
+          object: 'FM_PAGE_CONFIG',
+          scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }],
+          showFlag: {
+            dataType: ['object', 'multiobject']
+          }
+        },
+        {
+          key: 'addBtn',
+          label: '新增按钮',
+          type: 'radio',
+          options: [{ label: '需要', value: true }, { label: '不需要', value: false }],
+          showFlag: {
+            dataType: ['object', 'multiobject']
+          }
+        },
+        {
+          key: 'addPageId',
+          label: '新增页面',
+          type: 'object',
+          object: 'FM_PAGE_CONFIG',
+          scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }],
+          showFlag: {
+            addBtn: true
+          }
+        },
+        {
+          key: 'addPageParams',
+          label: '新增参数',
+          type: 'params',
+          showFlag: {
+            addBtn: true
+          }
+        },
+        { key: 'value', label: '默认值', type: 'value' },
+        { key: 'color', label: '字体颜色', type: 'color', defaultValue: '#333' },
+        { key: 'noteMode', label: '注释说明显示模式', type: 'radio', options: [{ label: '弹窗', value: 'tips' }, { label: '文本', value: 'text' }], defaultValue: 'tips' },
+        { key: 'notes', label: '注释说明', type: 'textarea' },
+        { key: 'noteTipIconColor', label: '注释说明图标颜色', type: 'color', showFlag: { noteMode: ['tips', null, undefined] } },
+        {
+          key: 'uploadText',
+          label: '上传按钮文字',
+          showFlag: {
+            dataType: ['blob', 'multiblob']
+          }
+        },
+        {
+          key: 'hiddenSuffix',
+          label: '隐藏文件后缀',
+          type: 'switch',
+          showFlag: {
+            dataType: ['blob', 'multiblob']
+          }
+        },
+        {
+          key: 'scopeEntity',
+          label: '查询对象',
+          type: 'scopeEntity',
+          showFlag: {
+            dataType: ['scope']
+          }
+        },
+        {
+          key: 'metaId',
+          label: '对象',
+          type: 'object',
+          object: 'FM_ENTITY',
+          showFlag: {
+            dataType: ['rule']
+          }
+        },
+        {
+          key: 'showOptionCodes',
+          label: '选项显示范围',
+          type: 'option-scope',
+          showFlag: {
+            dataType: ['list']
+          }
+        },
+        {
+          key: 'findPageId',
+          label: '对象查找页面',
+          type: 'object',
+          object: 'FM_PAGE_CONFIG',
+          scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }],
+          showFlag: {
+            dataType: ['multiobject', 'object', 'user', 'dept', 'list', 'treeList']
+          }
+        },
+        {
+          key: 'objectScope',
+          label: '对象查询范围',
+          type: 'object-scope',
+          showFlag: {
+            dataType: ['multiobject', 'object', 'user', 'dept']
+          }
+        },
+        {
+          key: 'expand',
+          label: '展开选项',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          showFlag: {
+            dataType: ['multiobject', 'object']
+          }
+        },
+        {
+          key: 'linkField',
+          label: '获取关联字段',
+          type: 'radio',
+          defaultValue: false,
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          showFlag: {
+            dataType: ['object', 'user', 'dept']
+          }
+        },
+        {
+          key: 'linkFieldFlag',
+          label: '关联标识符',
+          type: 'object',
+          object: 'FM_ENTITY_RELATION',
+          fieldConfigs: {
+            isMultiple: '1',
+            attribute: {
+              objectWay: 'option'
+            }
+          },
+          scopeParams: [
+            {
+              field: 'LINK_ATTRB',
+              values: '$[attribute.id]'
+            },
+            {
+              field: 'RELATION_SORT',
+              values: '2'
+            }
+          ],
+          showFlag: {
+            dataType: ['object', 'user', 'dept'],
+            linkField: [true]
+          }
+        },
+        {
+          key: 'showLevel',
+          label: '下拉框层级',
+          type: 'number',
+          showFlag: {
+            dataType: ['list', 'treeList', 'multiobject', 'object']
+          }
+        },
+        {
+          key: 'onlySelectLeaf',
+          label: '只选择叶节点',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: false,
+          showFlag: {
+            dataType: ['treeList', 'list', 'multiobject', 'object']
+          }
+        },
+        {
+          key: 'showOptionCode',
+          label: '显示选项编号',
+          type: 'switch',
+          showFlag: {
+            dataType: ['treeList', 'list']
+          }
+        },
+        {
+          key: 'valueOrder',
+          label: '数据排序',
+          type: 'switch',
+          showFlag: {
+            dataType: ['multiobject', 'object', 'user', 'dept', 'list']
+          }
+        },
+        {
+          key: 'signatureStyle',
+          label: '签名样式',
+          type: 'radio',
+          options: [{ label: '弹窗', value: 'dialog' }, { label: '直接显示', value: 'show' }],
+          defaultValue: 'dialog',
+          showFlag: {
+            dataType: ['signature']
+          }
+        },
+        {
+          key: 'scanCodeSignText',
+          label: '扫码签名提示语',
+          defaultValue: '扫码签名',
+          showFlag: {
+            dataType: ['signature']
+          }
+        },
+        {
+          key: 'link',
+          label: '链接',
+          type: 'switch',
+          showFlag: {
+            dataType: ['multiobject', 'object', 'user', 'dept', 'text']
+          }
+        },
+        { key: 'linkType', label: '链接类型', type: 'radio', options: [{ label: '指定页面', value: 'page' }, { label: '指定URL', value: 'url' }], showFlag: { dataType: ['multiobject', 'object', 'user', 'dept', 'text'], link: [true] } },
+        { key: 'linkPageId', label: '页面', type: 'object', object: 'FM_PAGE_CONFIG', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }], showFlag: { dataType: ['multiobject', 'object', 'user', 'dept', 'text'], link: [true], linkType: 'page' } },
+        { key: 'linkAddress', label: '链接地址', showFlag: { dataType: ['multiobject', 'object', 'user', 'dept', 'text'], link: [true], linkType: 'url' } },
+        { key: 'linkOpenType', label: '链接打开方式', type: 'radio', code: 'OPEN_PAGE_MODE', showFlag: { dataType: ['multiobject', 'object', 'user', 'dept', 'text'], link: [true], linkType: ['page', 'detail'] } },
+        { key: 'linkParams', label: '链接参数设置', type: 'params', showFlag: { dataType: ['multiobject', 'object', 'user', 'dept', 'text'], link: [true], linkType: ['page', 'detail'] } },
+        { key: 'previewDialogSize', label: '预览弹窗大小', type: 'radio', options: [{ label: '50%', value: '50%' }, { label: '75%', value: '75%' }, { label: '80%', value: '80%' }, { label: '90%', value: '90%' }, { label: '全屏', value: 'fullscreen' }], defaultValue: '75%', showFlag: { dataType: ['blob'] } },
+        {
+          key: 'events',
+          label: '自定义事件',
+          type: 'events'
+        },
+        {
+          key: 'showWay',
+          label: '显示内容',
+          type: 'radio',
+          options: [{ label: '字段值', value: 'value' }, { label: '记录数', value: 'record' }, { label: '自定义', value: 'el' }],
+          defaultValue: 'value',
+          showFlag: {
+            type: 'meta'
+          }
+        },
+        {
+          key: 'statisticsType',
+          label: '统计方式',
+          type: 'radio',
+          code: 'FIELD_STATISTIC_TYPE',
+          defaultValue: 'SUM',
+          showFlag: {
+            showWay: 'statistics',
+            type: 'meta'
+          }
+        },
+        {
+          key: 'showWay',
+          label: '显示内容',
+          type: 'radio',
+          options: [{ label: '字段值', value: 'value' }, { label: '统计值', value: 'statistics' }],
+          defaultValue: 'value',
+          showFlag: {
+            relationSort: '1',
+            dataType: ['num']
+          }
+        },
+        {
+          key: 'statisticsType',
+          label: '统计方式',
+          type: 'radio',
+          code: 'FIELD_STATISTIC_TYPE',
+          defaultValue: 'SUM',
+          showFlag: {
+            showWay: 'statistics',
+            relationSort: '1',
+            dataType: ['num']
+          }
+        },
+        {
+          key: 'fields',
+          label: '展示字段',
+          type: 'field',
+          showFlag: {
+            // relationSort: '1',
+            type: 'meta',
+            showWay: ['value', undefined, null]
+          }
+        },
+
+        {
+          key: 'showEl',
+          label: '自定义内容',
+          type: 'rule',
+          showFlag: {
+            showWay: 'el',
+            type: 'meta'
+          }
+        },
+        {
+          key: 'separator',
+          label: '字段分隔符',
+          type: 'radio-input',
+          options: [{ label: '、', value: '、' }, { label: '/', value: '/' }, { label: ',', value: ',' }],
+          defaultValue: '、',
+          showFlag: {
+            // relationSort: '1'
+            type: 'meta'
+          }
+        },
+        {
+          key: 'showFieldName',
+          label: '是否展示字段名',
+          type: 'radio',
+          options: [{ label: '是', value: '1' }, { label: '否', value: '0' }],
+          defaultValue: '0',
+          showFlag: {
+            // relationSort: '1'
+            type: 'meta'
+          }
+        },
+        {
+          key: 'orderFields',
+          label: '数据排序',
+          type: 'order-field',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'scopeParams',
+          label: '查询范围',
+          type: 'scope',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'recordSeparator',
+          label: '记录分隔符',
+          type: 'radio-input',
+          options: [{ label: '换行', value: '\n' }, { label: '/', value: '/' }, { label: ',', value: ',' }],
+          defaultValue: '\n',
+          showFlag: {
+            relationSort: '1'
+          }
+        }
+      ]
+    },
+    changeMetaFn (v) {
+      this.componentMetaId = v.metaId
+      this.metaViewId = v.metaViewId
+    }
+  },
+  mounted () {
+    if (this.upComponentInstance) {
+      const upComponent = this.upComponentInstance.$refs.component
+      upComponent.$epxOn('change-meta-id', this.changeMetaFn)
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>