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

package/dist/src/visual/EntityListPage.js

@@ -0,0 +1,42 @@
+import _sfc_main$1 from "./BasePage.js";
+/* empty css                   */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-entity-list-page",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultItems = [
+        {
+          title: "导航",
+          id: "nav",
+          contentType: "header"
+        },
+        {
+          title: "列表区域",
+          id: "list",
+          contentType: "entity-list"
+        }
+      ];
+      this.defaultConfigs = {
+        layout: "grid",
+        direction: "row",
+        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 EntityListPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c77ffa1"]]);
+export {
+  EntityListPage as default
+};

package/dist/src/visual/EntityNoSubmitSubList.js

@@ -0,0 +1,266 @@
+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-no-submit-sub-list",
+  extends: _sfc_main$1,
+  watch: {
+    allConfigs: {
+      handler(v) {
+        if (v.relationId) {
+          this.changeSubMeta(v.relationId);
+        }
+      },
+      immediate: true
+    },
+    relationList(v) {
+      if (this.allConfigs.relationId) {
+        this.changeSubMeta(this.allConfigs.relationId);
+      }
+    }
+  },
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        titleFlag: false,
+        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: true,
+        operateFlag: true,
+        operateEllipsis: 1,
+        multiSelectColumnFlag: true,
+        // 是否显示多选框列
+        serialColumnFlag: true,
+        // 是否显示序号列
+        operateColumnFlag: true,
+        // 是否显示操作列
+        operateColumnEllipsis: 0,
+        operateColumnPosition: "end",
+        span: 24
+      };
+    },
+    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: "state", label: "字段状态", type: "radio", options: [{ label: "显示", value: "DETAIL" }, { label: "隐藏", value: "HIDDEN" }], defaultValue: "DETAIL" },
+        {
+          key: "submitValue",
+          label: "提交字段值",
+          type: "switch",
+          defaultValue: true
+        },
+        {
+          key: "detailPageId",
+          label: "字段详情页面",
+          type: "object",
+          object: "FM_PAGE_CONFIG",
+          scopeParams: [{ field: "SYSTEM", values: this.SYSTEM }],
+          showFlag: {
+            dataType: ["object", "multiobject"]
+          }
+        },
+        { key: "width", label: "宽度", type: "text", defaultValue: "120" },
+        { key: "isLabel", label: "外部标签", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }], defaultValue: false },
+        { key: "function", label: "函数", type: "function" },
+        { key: "showSummary", label: "显示合计项", type: "switch", defaultValue: false, showFlag: { dataType: ["num", "int"] } },
+        { key: "locked", label: "是否锁定", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }], defaultValue: false },
+        { key: "color", label: "字体颜色", type: "color", defaultValue: "#333" }
+      ];
+    },
+    async initConfigOptions() {
+      var _a, _b;
+      this.defaultConfigOptions = [
+        { key: "componentName", label: "组件名称", type: "input" },
+        { key: "componentType", label: "组件状态", type: "radio", options: [{ label: "根据页面状态", value: "none" }, { label: "详情", value: "DETAIL" }, { label: "只读", value: "READONLY" }] },
+        { key: "note", label: "提示说明", type: "html" },
+        { key: "titleFlag", label: "显示标题", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] },
+        {
+          key: "relationId",
+          label: "关联对象",
+          type: "tree",
+          options: this.relationList
+        }
+      ];
+      this.configOptions = this.defaultConfigOptions;
+      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;
+            }
+          });
+        }
+      }
+    },
+    changeSubMeta(v) {
+      this.relationList.forEach((entity) => {
+        if (entity.value === v) {
+          this.componentMetaId = entity.entityA;
+        } else if (entity.children && entity.children.length > 0) {
+          entity.children.forEach((item) => {
+            if (item.value === v) {
+              this.componentMetaId = item.entityA;
+            }
+          });
+        }
+      });
+    }
+  },
+  created() {
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/EntityRightSubList.js

@@ -0,0 +1,28 @@
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-entity-right-sub-list",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        span: 24,
+        xsspan: 24
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称" },
+        { key: "rightPageId", label: "授权页面", type: "object", object: "FM_PAGE_CONFIG" },
+        { key: "span", label: "宽度", type: "select", options: this.spanOptions },
+        { key: "xsspan", label: "移动端宽度", type: "select", options: this.spanOptions },
+        { key: "height", label: "高度", type: "input" },
+        { key: "flex", label: "占据页面剩余空间", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] }
+      ];
+      this.configOptions = configOptions;
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/EntitySubAdd.js

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

package/dist/src/visual/EntitySubGridItem.js

@@ -0,0 +1,65 @@
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-entity-sub-grid-item",
+  extends: _sfc_main$1,
+  watch: {
+    allConfigs: {
+      handler(v) {
+        if (v.relationId) {
+          this.changeSubMeta(v.relationId);
+        }
+      },
+      immediate: true
+    },
+    pageRelationList(v) {
+      if (this.allConfigs.relationId) {
+        this.changeSubMeta(this.allConfigs.relationId);
+      }
+    }
+  },
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        addPageFlag: "v_sub_add",
+        editPageFlag: "v_sub_add",
+        detailPageFlag: "v_sub_add",
+        listFields: this.currentMeta && this.currentMeta.getAllFields(),
+        pageFlag: true,
+        pageSize: 20,
+        showTotal: true,
+        operateFlag: true,
+        operateEllipsis: 1,
+        multiSelectColumnFlag: true,
+        // 是否显示多选框列
+        serialColumnFlag: true,
+        // 是否显示序号列
+        operateColumnFlag: true,
+        // 是否显示操作列
+        operateColumnEllipsis: 0,
+        operateColumnPosition: "start",
+        span: 24
+      };
+    },
+    changeSubMeta(v) {
+      this.pageRelationList.forEach((entity) => {
+        if (entity.value === v) {
+          this.componentMetaId = entity.ENTITY_A;
+        } else if (entity.children && entity.children.length > 0) {
+          entity.children.forEach((item) => {
+            if (item.value === v) {
+              this.componentMetaId = item.ENTITY_A;
+            }
+          });
+        }
+      });
+    }
+  },
+  created() {
+  }
+};
+export {
+  _sfc_main as default
+};