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

package/dist/src/visual/EntitySubList.js

@@ -0,0 +1,433 @@
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+import { attributeTreeKey, getCached } from "./config/remote-cache.js";
+import { evalWith } from "@epxing/utils/src/eval-with";
+const _sfc_main = {
+  name: "epx-visual-entity-sub-list",
+  extends: _sfc_main$1,
+  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() {
+      var _a, _b;
+      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 (((_a = this.widget) == null ? void 0 : _a.type) === "template") {
+            params["scope.TEMPLATE"] = this.componentInfo.ID;
+            params.entityId = "FM_TEMPLATE_ATTRIBUTE";
+          } else {
+            params["scope.PAGE"] = this.componentInfo.ID || this.componentInfo.templateId;
+          }
+          const isTemplate = ((_b = this.widget) == null ? void 0 : _b.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);
+                }
+              }
+              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((item2) => {
+                      if (EVENT.includes(item2.code)) {
+                        event[item2.code] = item2.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", void 0, 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() {
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/EntityTreeFindPage.js

@@ -0,0 +1,31 @@
+import _sfc_main$1 from "./BasePage.js";
+const _sfc_main = {
+  name: "epx-visual-entity-tree-find-page",
+  extends: _sfc_main$1,
+  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;
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/EntityTreeManage.js

@@ -0,0 +1,48 @@
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-entity-tree-manage",
+  extends: _sfc_main$1,
+  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"]
+        }
+      ];
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/EntityTreePage.js

@@ -0,0 +1,41 @@
+import _sfc_main$1 from "./BasePage.js";
+const _sfc_main = {
+  name: "epx-visual-entity-tree-page",
+  extends: _sfc_main$1,
+  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;
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/ExcelPreview.js

@@ -0,0 +1,9 @@
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-excel-preview",
+  extends: _sfc_main$1
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/FormField.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./FormField.vue.js";
+export {
+  _sfc_main as default
+};