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

package/src/visual/EntitySubList.vue

@@ -0,0 +1,440 @@
+<script>
+import Component from './Component.vue'
+import { getCached, attributeTreeKey } from './config/remote-cache'
+import { evalWith } from '@epxing/utils/src/eval-with'
+export default {
+  name: 'epx-visual-entity-sub-list',
+  extends: Component,
+  data () {
+    return {
+      parentMetaId: ''
+    }
+  },
+  watch: {
+    'allConfigs.relationId': {
+      handler (v) {
+        if (v) {
+          this.changeSubMeta(v)
+        }
+      },
+      immediate: true
+    },
+    relationList (v) {
+      if (this.allConfigs.relationId) {
+        this.changeSubMeta(this.allConfigs.relationId)
+      }
+    },
+    'allConfigs.categoryField': {
+      handler (v) {
+        // 根据字段获取对象
+        if (v) {
+          const fieldConfigs = this.currentMeta.getAllFieldConfigs().find(item => item.attriName === v[0])
+          if (fieldConfigs) {
+            this.treeMetaId = fieldConfigs.codeKey
+            this.initConfigOptions()
+          }
+        }
+      },
+      immediate: true
+    },
+    currentMetaId: {
+      handler (v) {
+        this.getEntityRelation(this.parentMetaId)
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        titleFlag: false,
+        showTitle: 'more',
+        units: '条',
+        type: 'table',
+        addPageFlag: 'v_sub_add',
+        editPageFlag: 'v_sub_add',
+        detailPageFlag: 'v_sub_add',
+        componentType: 'none',
+        listFields: this.currentMeta && this.currentMeta.getAllFields(),
+        pageFlag: false,
+        pageSize: 20,
+        totalFlag: false,
+        operateFlag: true,
+        operateEllipsis: 1,
+        multiSelectColumnFlag: true, // 是否显示多选框列
+        serialColumnFlag: true, // 是否显示序号列
+        operateColumnFlag: true, // 是否显示操作列
+        operateColumnEllipsis: 0,
+        buttonPosition: 'bottom',
+        operateColumnPosition: 'end',
+        countType: 'record',
+        span: 24
+      }
+    },
+    async initConfigOptions () {
+      this.defaultConfigOptions = [
+        {
+          key: 'global',
+          label: '全局设置',
+          children: [
+            { key: 'componentName', label: '组件名称', type: 'input' },
+            { key: 'componentType', label: '组件状态', type: 'radio', options: [{ label: '根据页面状态', value: 'none' }, { label: '详情', value: 'DETAIL' }, { label: '只读', value: 'READONLY' }] },
+            { key: 'titleFlag', label: '显示标题', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+            { key: 'note', label: '提示说明', type: 'html' },
+            { key: 'help', label: '帮助链接', type: 'object', object: 'FM_SERVICE_HELP', fieldConfigs: { isTree: '1', flag: 'system_help_find' } },
+            {
+              key: 'relationId',
+              label: '关联对象',
+              type: 'tree',
+              options: this.relationList
+            },
+            { key: 'type', label: '组件类型', type: 'radio', code: 'LIST_COMPONENT_TYPE' }
+          ]
+        }
+      ]
+
+      this.configOptions = this.defaultConfigOptions
+      if (this.componentMetaId) {
+        if (this.componentInfo.ID || this.componentInfo.templateId) {
+          let eventList = this.getCodeById('EVENT')
+          if (!eventList) {
+            await this.$store.dispatch({
+              type: 'ADD_LIST',
+              key: 'EVENT'
+            })
+              .then(data => {
+                eventList = data
+              })
+          }
+          const params = {
+            action: 'getPageAttributeTree',
+            entityId: 'FM_PAGE_ATTRIBUTE',
+            pageId: this.componentInfo.ID || this.componentInfo.templateId,
+            showEntity: '1',
+            order_field: 'ORDER_NUM',
+            order_mode: 'asc'
+          }
+          if (this.widget?.type === 'template') {
+            params['scope.TEMPLATE'] = this.componentInfo.ID
+            params.entityId = 'FM_TEMPLATE_ATTRIBUTE'
+          } else {
+            params['scope.PAGE'] = this.componentInfo.ID || this.componentInfo.templateId
+          }
+          // 与基类同一份缓存：同一实体 + 页面的配置项树全局只请求一次，一次点击内因 actionList / ruleList /
+          // relationList 陆续到达而多次重建、以及页面上的多个子集列表面板，都不再重复打后端；取到的是独立副本
+          const isTemplate = this.widget?.type === 'template'
+          const cacheKey = attributeTreeKey({ entityId: params.entityId, pageId: isTemplate ? this.componentInfo.ID : (this.componentInfo.ID || this.componentInfo.templateId), isTemplate })
+          getCached(cacheKey, () => this.$http.getTree(params))
+            .then(data => {
+              if (data.length > 0) {
+                const component = this.componentInfo || {}
+                const meta = this.currentMeta || {}
+                const pageMeta = this.pageMeta || {}
+                let keywordFields = []
+                const { label, keyNames = [] } = meta
+                if (meta && meta.id) {
+                  meta.allFields = meta.getAllFields()
+                  keywordFields = [...keyNames]
+                  if (label) {
+                    keywordFields.push(label)
+                  }
+                }
+                // 动态默认值表达式可引用这些名字：显式传作用域，不能靠直接 eval 捕获（见 eval-with.js）
+                const evalScope = { component, meta, pageMeta, keywordFields }
+                const formatData = (arr, fieldFlag = false) => {
+                  arr.forEach(item => {
+                    const { TYPE, CODE, NAME, CODE_KEY, RELATED_ENTITY, RELATED_ENTITY_KEY, SHOW_CONDITION, DYNAMIC_META_ID, OBJECT_SCOPE, FIELD_EDITABLE, DEFAULT_VALUE_TYPE, DEFAULT_VALUE, DEFAULT_VALUE_DYNAMIC, INPUT_VARIABLE, NOTE, MULTIPLE, SHOW_SUB_FIELD, LIMIT_DATATYPE, OBJECT_FLAG, CUSTOM_FUNCTION, CODE_KEY_SET, CUSTOM_CODE_KEY, EVENT, IS_TREE, FIELD_CONFIGS, REG_EXP, INPUTABLE } = item.entity.data
+                    try {
+                      if (DEFAULT_VALUE_TYPE === 'dynamic') {
+                        if (DEFAULT_VALUE_DYNAMIC) item.defaultValue = evalWith(DEFAULT_VALUE_DYNAMIC, { ...evalScope, item }, this)
+                      } else if (DEFAULT_VALUE) {
+                        if (TYPE === 'switch' || TYPE === 'num') {
+                          item.defaultValue = evalWith(DEFAULT_VALUE, { ...evalScope, item }, this)
+                        } else if (TYPE === 'operates') {
+                          item.defaultValue = JSON.parse(DEFAULT_VALUE)
+                        } else {
+                          item.defaultValue = DEFAULT_VALUE
+                        }
+                      }
+                    } catch (error) {
+                      console.error(error)
+                    }
+                    if (!this.$_.isNil(item.defaultValue)) {
+                      this.defaultConfigs[CODE] = item.defaultValue
+                    }
+                    let attriName = CODE
+                    if (fieldFlag && CODE.includes('.')) {
+                      attriName = CODE.split('.')[1]
+                    }
+                    item.key = attriName
+                    item.label = NAME
+                    item.type = TYPE
+                    item.showCondition = SHOW_CONDITION
+                    item.dynamicMetaId = DYNAMIC_META_ID
+                    item.code = CODE_KEY
+                    item.object = RELATED_ENTITY
+                    item.dataKey = RELATED_ENTITY_KEY
+                    item.fieldEditable = FIELD_EDITABLE
+                    item.inputVariable = INPUT_VARIABLE === '1'
+                    item.tip = NOTE
+                    item.regExp = REG_EXP
+                    if (INPUTABLE) item.inputable = INPUTABLE === '1'
+                    if (TYPE === 'field') {
+                      if (MULTIPLE)item.multiple = MULTIPLE !== '0'
+                      if (SHOW_SUB_FIELD)item.showSubField = SHOW_SUB_FIELD === '1'
+                      if (LIMIT_DATATYPE)item.limit = { dataType: LIMIT_DATATYPE.split(',') }
+                    } else if (TYPE === 'object') {
+                      if (OBJECT_FLAG)item.flag = OBJECT_FLAG
+                      if (IS_TREE)item.isTree = IS_TREE
+                      if (FIELD_CONFIGS)item.fieldConfigs = JSON.parse(FIELD_CONFIGS)
+                    } else if (TYPE === 'custom') {
+                      if (CUSTOM_FUNCTION) {
+                        if (typeof this[CUSTOM_FUNCTION] === 'function') {
+                          item.renderContent = this[CUSTOM_FUNCTION]
+                        }
+                      }
+                    }
+                    if (EVENT) {
+                      const event = {}
+                      eventList.forEach(item => {
+                        if (EVENT.includes(item.code)) {
+                          event[item.code] = item.name
+                        }
+                      })
+                      item.eventList = event
+                    }
+                    if (CODE_KEY_SET === '1' && CUSTOM_CODE_KEY) {
+                      item.options = JSON.parse(CUSTOM_CODE_KEY)
+                    }
+                    if (OBJECT_SCOPE) {
+                      const scope = JSON.parse(OBJECT_SCOPE)
+                      item.scopeParams = scope.scopeParams
+                    }
+                    if (CODE === 'relationId') {
+                      item.options = this.relationList
+                    }
+                    if (CODE === 'operates') {
+                      item.operateOptions = {
+                        showCondition: {
+                          key: 'showCondition',
+                          label: '显示条件',
+                          type: 'scope',
+                          showOperate: false,
+                          metaId: this.parentMetaId,
+                          modeType: ['FIXED_VALUE', 'DYNAMIC_VALUE', 'DEFINED'],
+                          extendFields: [{
+                            code: 'user',
+                            text: '用户信息',
+                            type: 'meta',
+                            children: [
+                              { code: 'user.account', text: '用户账户', type: 'field', field: 'user.account', dataType: 'text' },
+                              { code: 'user.roleCode', text: '用户角色编号', type: 'field', field: 'user.roleCode', dataType: 'text' }
+                            ]
+                          }],
+                          showFlag: { showConditionType: ['scope', null] }
+                        },
+                        showConditionEl: { key: 'showConditionEl', label: '显示条件（表达式）', type: 'el', metaId: this.parentMetaId, showFlag: { showConditionType: 'el' } }
+                      }
+                    }
+                    if (item.children) {
+                      const flag = item.children.length > 0 && TYPE === 'field'
+                      formatData(item.children, flag)
+                    }
+                  })
+                }
+                formatData(data)
+                this.configOptions = data
+              }
+            })
+        }
+      }
+    },
+    getFieldOptions () {
+      this.getFunctionOption()
+      this.fieldOptions = [
+        { key: 'attriName', label: '字段', readonly: true },
+        { key: 'configWay', label: '配置方式', type: 'radio', options: [{ label: '默认配置', value: 'default' }, { label: '自定义', value: 'custom' }], defaultValue: 'default' },
+        { key: 'attriLabel', label: '名称', type: 'text' },
+        { key: 'width', label: '宽度', type: 'text', defaultValue: '120' },
+        { key: 'color', label: '字体颜色', type: 'color', defaultValue: '#333' },
+        { key: 'locked', label: '是否锁定', type: 'switch', defaultValue: false },
+        { key: 'newLine', label: '是否换行', type: 'switch', defaultValue: false },
+        {
+          key: 'lineNum',
+          label: '显示行数',
+          type: 'num',
+          showFlag: {
+            newLine: true
+          }
+        },
+        { key: 'editable', label: '可编辑', type: 'switch', defaultValue: false },
+        { key: 'addible', label: '可新增', type: 'switch', defaultValue: true },
+        { key: 'state', label: '字段状态', type: 'radio', options: [{ label: '显示', value: 'DETAIL' }, { label: '隐藏', value: 'HIDDEN' }], defaultValue: 'DETAIL' },
+        { key: 'isLabel', label: '外部标签', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'sortable', label: '可排序', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'link', label: '链接', type: 'switch' },
+        { key: 'linkType', label: '链接类型', type: 'radio', code: 'LINK_TYPE', showFlag: { link: [true] } },
+        { key: 'linkPageId', label: '页面', type: 'object', object: 'FM_PAGE_CONFIG', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }], showFlag: { link: [true], linkType: 'page' } },
+        { key: 'linkAddress', label: '链接地址', showFlag: { link: [true], linkType: 'url' } },
+        { key: 'linkOpenType', label: '链接打开方式', type: 'radio', code: 'OPEN_PAGE_MODE', showFlag: { link: [true], linkType: ['page', 'detail'] } },
+        { key: 'linkParams', label: '链接参数设置', type: 'params', showFlag: { link: [true], linkType: ['page', 'detail'] } },
+        { key: 'showSummary', label: '显示合计项', type: 'switch', defaultValue: false, showFlag: { dataType: ['num', 'int'] } },
+        {
+          key: 'showWay',
+          label: '显示内容',
+          type: 'radio',
+          options: [{ label: '字段值', value: 'value' }, { label: '记录数', value: 'record' }, { label: '字段统计', value: 'statistics' }],
+          defaultValue: 'value',
+          showCondition: {
+            el: '#{field.relationSort===\'1\'&&field.type!==\'meta\'}'
+          }
+
+        },
+        {
+          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',
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'fields',
+          label: '展示字段',
+          type: 'field',
+          showFlag: {
+            relationSort: '1',
+            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'
+          }
+        },
+        {
+          key: 'showFieldName',
+          label: '是否展示字段名',
+          type: 'radio',
+          options: [{ label: '是', value: '1' }, { label: '否', value: '0' }],
+          defaultValue: '0',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          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'
+          }
+        }
+      ]
+      this.rowFieldOptions = [...this.fieldOptions]
+      this.rowFieldOptions.splice(4, 0,
+        { key: 'showLabel', label: '显示标题', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }], defaultValue: false },
+        { key: 'split', label: '分隔符', type: 'radio', options: [{ label: '竖号', value: ' | ' }, { label: '斜杠', value: ' / ' }, { label: '空格', value: ' ' }], defaultValue: ' | ' },
+        { key: 'fontWeight', label: this.$t('whether the bold'), type: 'radio', options: [{ label: this.$t('yes'), value: 'bold' }, { label: this.$t('no'), value: 'normal' }] },
+        { key: 'fontSize', label: this.$t('font size'), type: 'num', defaultValue: 14 })
+    },
+    async changeSubMeta (v) {
+      let linkAttri = null
+      let flag = ''
+      // 二级关联
+      this.relationList.forEach(entity => {
+        if (entity.value === v) {
+          this.parentMetaId = entity.entityB
+          this.componentMetaId = entity.entityA
+          linkAttri = entity.linkAttri
+        } else if (entity.children && entity.children.length > 0) {
+          entity.children.forEach(item => {
+            if (item.value === v) {
+              this.parentMetaId = entity.entityB
+              this.componentMetaId = item.entityA
+              linkAttri = item.linkAttri
+              flag = entity.flag
+            }
+          })
+        }
+      })
+      let meta = this.metas[this.componentMetaId]
+      if (!meta) {
+        meta = await this.$store.dispatch({
+          type: 'ADD_META',
+          metaId: this.componentMetaId
+        })
+      }
+      const fieldConfigs = meta.getAllFieldConfigs().find(item => item.attribute.id === linkAttri)
+      if (fieldConfigs) {
+        const index = this.commonOperates.findIndex(item => item.action === 'entityImport')
+        if (index !== -1) {
+          const field = flag ? flag.toUpperCase() + '|' + fieldConfigs.attriName : fieldConfigs.attriName
+          this.commonOperates.splice(index, 1, {
+            ...this.commonOperates[index],
+            params: {
+              [`bean.${field}`]: '$[formData.ID]'
+            }
+          })
+        }
+      }
+    }
+  },
+  created () {
+
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/EntityTreeFindPage.vue

@@ -0,0 +1,36 @@
+<script>
+import BasePageVue from './BasePage'
+export default {
+  name: 'epx-visual-entity-tree-find-page',
+  extends: BasePageVue,
+  methods: {
+    initDefaultConfigs () {
+      this.defaultItems = [
+        {
+          id: 'tree_find',
+          title: '对象树查询',
+          contentType: 'tree-find'
+        }
+      ]
+
+      this.defaultConfigs = {
+      }
+    },
+    initConfig () {
+      const itemConfig = this.itemConfigs[this.id] || {}
+      if (this.setContainerDefaultItems) this.setContainerDefaultItems(this.id, this.defaultItems)
+      const config = { ...this.compConfig, ...itemConfig }
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span
+      }
+      this.config = config
+      const { itemConfigs = {} } = this.config
+      this.itemConfigs = itemConfigs
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/EntityTreeManage.vue

@@ -0,0 +1,50 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-entity-tree-manage',
+  extends: ComponentVue,
+  watch: {
+    allConfigs: {
+      handler (v) {
+        this.componentMetaId = v.metaId
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getOperateOptions () {
+      this.getHandlerList()
+      this.getCommonOperates()
+      this.operateOptions = {
+        page: {
+          key: 'page',
+          label: '打开页面',
+          type: 'page',
+          showFlag: { handler: ['goPage', 'addEntity', 'editEntity', 'addSiblingEntity'] }
+        }
+      }
+      this.operateConfigs = [
+        {
+          key: 'base',
+          title: '基本',
+          options: ['text', 'preview']
+        },
+        {
+          key: 'event',
+          title: '事件',
+          options: ['handler', 'metaId', 'action', 'rule', 'moveType', 'openMode', 'page', 'pageType', 'printWay', 'printCode', 'cptName', 'destActivityId', 'function', 'params', 'afterTrigger', 'afterTriggerPage', 'afterTriggerPageOpenMode', 'afterTriggerParams']
+        },
+        {
+          key: 'advance',
+          title: '高级',
+          options: ['limitFlag', 'limitCondition', 'limitTip', 'showCondition', 'confirm', 'confirmMsg', 'successMsg', 'failMsg', 'mask']
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/EntityTreePage.vue

@@ -0,0 +1,45 @@
+<script>
+import BasePageVue from './BasePage'
+export default {
+  name: 'epx-visual-entity-tree-page',
+  extends: BasePageVue,
+  methods: {
+    initDefaultConfigs () {
+      this.defaultItems = [
+        {
+          title: '导航',
+          id: 'nav',
+          contentType: 'header'
+        },
+        {
+          id: 'tree_manage',
+          title: '对象树管理',
+          contentType: 'entity-tree-manage'
+        }
+      ]
+
+      this.defaultConfigs = {
+        layout: 'flex',
+        direction: 'column',
+        justify: 'flex-start',
+        align: 'top'
+      }
+    },
+    initConfig () {
+      const itemConfig = this.itemConfigs[this.id] || {}
+      if (this.setContainerDefaultItems) this.setContainerDefaultItems(this.id, this.defaultItems)
+      const config = { ...this.compConfig, ...itemConfig }
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span
+      }
+      this.config = config
+      const { itemConfigs = {} } = this.config
+      this.itemConfigs = itemConfigs
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/ExcelPreview.vue

@@ -0,0 +1,11 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-excel-preview',
+  extends: ComponentVue
+}
+</script>
+
+<style>
+
+</style>