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

package/dist/src/visual/CategoryList.js

@@ -0,0 +1,569 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-category-list",
+  extends: _sfc_main$1,
+  data() {
+    return {
+      FunctionOption: [],
+      operateConfigs: {}
+    };
+  },
+  watch: {
+    allConfigs: {
+      handler(v) {
+        this.componentMetaId = v.metaId;
+      },
+      immediate: true
+    },
+    "allConfigs.treeMetaId": {
+      handler(v) {
+        const configOptions = this.$_.cloneDeep(this.configOptions);
+        const option = configOptions[1];
+        const arr = [...option.children];
+        arr.splice(-2, 1, { key: "treeGroupField", label: "分组字段", type: "object", codeKey: "NAME", object: "FM_ATTRIBUTE", scopeParams: [{ field: "ENTITY_ID", values: v }, { field: "DATA_TYPE", mode: "in", values: "object,list" }] });
+        arr.splice(-1, 1, { key: "treeUpField", label: "上级字段", type: "object", codeKey: "NAME", object: "FM_ATTRIBUTE", scopeParams: [{ field: "ENTITY_ID", values: v }] });
+        configOptions.splice(1, 1, { ...option, children: arr });
+        this.configOptions = configOptions;
+      }
+    }
+  },
+  methods: {
+    getOperateOptions() {
+      this.handlerList = [
+        { label: "打开指定页面", value: "goPage" },
+        { label: "查看详情页面", value: "viewEntity" },
+        { label: "发起通用请求", value: "commonAction" },
+        { label: "发起业务规则", value: "commonRuleAction" },
+        { label: "打开审批页面", value: "goCheckPage" },
+        { label: "批量编辑", value: "editMultiEntity" },
+        { label: "发起流程", value: "applyEntity" },
+        { label: "执行流程审批", value: "checkEntity" },
+        { label: "批量审核", value: "batchCheck" },
+        { label: "报表打印", value: "print" },
+        { label: "返回", value: "backPage" },
+        { label: "自定义JS", value: "customJs" }
+      ];
+      this.operateOptions = {
+        page: {
+          key: "page",
+          label: "打开页面",
+          type: "page",
+          showFlag: { handler: ["goPage", "addCategoryEntity", "addCategorySiblingEntity"] }
+        }
+      };
+      this.operateConfigs = [
+        {
+          key: "base",
+          title: "基本",
+          options: ["text", "ui", "type", "icon", "preview"]
+        },
+        {
+          key: "event",
+          title: "事件",
+          options: ["beforeTrigger", "handler", "metaId", "action", "rule", "openMode", "page", "pageType", "printWay", "printCode", "cptName", "destActivityId", "processNode", "function", "params", "afterTrigger", "afterTriggerPage", "afterTriggerPageOpenMode", "afterTriggerParams"]
+        },
+        {
+          key: "advance",
+          title: "高级",
+          options: ["showCondition", "num", "confirm", "confirmMsg", "successMsg", "failMsg", "mask"]
+        }
+      ];
+    },
+    initDefaultConfigs() {
+      const { addPage = "entity-add-page", editPage = "entity-edit-page", openMode = "3", addPageFlag = "v_add" } = this.allConfigs;
+      let keywords = [];
+      const { label, keyNames = [] } = this.currentMeta;
+      let metaKey = "ID";
+      if (this.currentMeta) {
+        metaKey = this.currentMeta.getKey();
+        keywords = [...keyNames];
+        if (label) {
+          keywords.push(label);
+        }
+      }
+      this.commonOperates = [
+        {
+          text: "新增",
+          handler: "goPage",
+          ui: "primary",
+          pageFlag: addPageFlag,
+          num: 0,
+          component: addPage,
+          pageType: "ADD",
+          openMode
+        },
+        {
+          text: "编辑",
+          handler: "goPage",
+          pageFlag: addPageFlag,
+          num: 1,
+          component: addPage,
+          pageType: "EDIT",
+          openMode
+        },
+        {
+          text: "详情",
+          handler: "viewEntity",
+          pageFlag: addPageFlag,
+          num: 1,
+          component: addPage,
+          pageType: "DETAIL",
+          openMode
+        },
+        {
+          text: "删除",
+          handler: "commonAction",
+          action: "removeMulti",
+          num: "n",
+          confirmMsg: this.$t("Confirm the deletion") + "？",
+          successMsg: "删除成功",
+          failMsg: "删除失败",
+          params: {
+            ids: `#[${metaKey}]`
+          }
+        },
+        {
+          text: "导入",
+          handler: "goPage",
+          pageFlag: "v_import",
+          component: "import-page"
+        },
+        {
+          text: "导出",
+          handler: "goPage",
+          pageFlag: "v_export",
+          component: "export-page",
+          params: {
+            selects: `#[${metaKey}]`,
+            total: "$[total]",
+            params: "$[params]",
+            scopeParams: "$[scopeParams]",
+            fields: "$[listFields]"
+          }
+        },
+        {
+          text: "打印",
+          handler: "print"
+        },
+        {
+          text: "批量编辑",
+          handler: "editMultiEntity"
+        },
+        {
+          text: "打开审核页面",
+          handler: "goCheckPage"
+        },
+        {
+          text: "流程审批",
+          handler: "checkEntity"
+        },
+        {
+          text: "批量审核",
+          handler: "batchCheck",
+          num: "n"
+        },
+        {
+          text: "发起申请",
+          handler: "applyEntity"
+        },
+        {
+          text: "返回",
+          handler: "backPage"
+        },
+        {
+          text: "自定义按钮"
+        }
+      ];
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        addPageFlag: "v_add",
+        editPageFlag: "v_add",
+        detailPageFlag: "v_add",
+        detailFlag: true,
+        componentType: "",
+        treeExpandMore: true,
+        metaId: this.pageMetaId,
+        action: "list",
+        searchFlag: true,
+        searchMode: "keyword",
+        showSearchLabel: false,
+        border: false,
+        keywords,
+        searchFields: [],
+        listFields: this.currentMeta.getAllFields(),
+        pageFlag: true,
+        pageSize: 20,
+        operateFlag: true,
+        operateEllipsis: 2,
+        multiSelectColumnFlag: true,
+        // 是否显示多选框列
+        serialColumnFlag: true,
+        // 是否显示序号列
+        operateColumnFlag: true,
+        // 是否显示操作列
+        totalFlag: true,
+        operateColumnWidth: 100,
+        operateColumnEllipsis: 2,
+        operateColumnPosition: "start",
+        span: 24,
+        operates: [
+          {
+            text: "新增",
+            handler: "goPage",
+            ui: "primary",
+            num: 0,
+            openMode,
+            component: addPage,
+            params: {}
+          },
+          {
+            text: "删除",
+            handler: "commonAction",
+            action: "removeMulti",
+            num: "n",
+            confirmMsg: this.$t("Confirm the deletion") + "？",
+            successMsg: "删除成功",
+            params: {
+              ids: `#[${metaKey}]`
+            }
+          },
+          {
+            text: "导入",
+            handler: "goPage",
+            component: "import-page",
+            params: {}
+          },
+          {
+            text: "导出",
+            handler: "goPage",
+            component: "export-page",
+            params: {
+              selects: `#[${metaKey}]`,
+              total: "$[total]",
+              params: "$[params]",
+              fields: "$[listFields]",
+              scopeParams: "$[scopeParams]"
+            }
+          }
+        ],
+        columnOperates: [
+          {
+            text: "编辑",
+            handler: "goPage",
+            num: 1,
+            openMode,
+            component: editPage,
+            pageType: "EDIT"
+          }
+          // {
+          //   text: '删除',
+          //   handler: 'commonAction',
+          //   action: 'removeMulti',
+          //   num: 'n',
+          //   confirmMsg: this.$t('Confirm the deletion') + '？',
+          //   successMsg: '删除成功',
+          //   params: {
+          //     ids: `#[${this.$metaKey}]`
+          //   }
+          // }
+        ]
+      };
+    },
+    initConfigOptions() {
+      const { addPage = "entity-add-page", editPage = "entity-edit-page", openMode = "2", treeMetaId } = this.allConfigs;
+      const operates = [
+        {
+          text: "新增",
+          handler: "addCategoryEntity",
+          ui: "primary",
+          num: 0,
+          openMode,
+          component: addPage,
+          metaId: treeMetaId,
+          params: {}
+        },
+        {
+          text: "编辑",
+          handler: "goPage",
+          num: 1,
+          openMode,
+          component: editPage,
+          metaId: treeMetaId,
+          pageType: "EDIT",
+          params: {
+            ids: "#[id]"
+          }
+        },
+        {
+          text: "删除",
+          ui: "primary",
+          handler: "commonAction",
+          action: "removeMulti",
+          metaId: treeMetaId,
+          num: "n",
+          confirmMsg: this.$t("Confirm the deletion") + "？",
+          successMsg: "删除成功",
+          params: {
+            ids: "#[id]"
+          }
+        }
+      ];
+      const defaultColumnOperates = [
+        {
+          text: "新增",
+          handler: "addCategoryEntity",
+          ui: "primary",
+          num: 0,
+          openMode,
+          component: addPage,
+          metaId: treeMetaId,
+          params: {}
+        },
+        {
+          text: "新增同级节点",
+          handler: "addCategorySiblingEntity",
+          ui: "primary",
+          metaId: treeMetaId,
+          component: "entity-add-page"
+        },
+        {
+          text: "编辑",
+          num: 1,
+          openMode,
+          component: editPage,
+          metaId: treeMetaId,
+          pageType: "EDIT",
+          params: {
+            ids: "#[id]"
+          }
+        },
+        {
+          text: "删除",
+          ui: "primary",
+          handler: "commonAction",
+          action: "removeMulti",
+          metaId: treeMetaId,
+          num: "n",
+          confirmMsg: this.$t("Confirm the deletion") + "？",
+          successMsg: "删除成功",
+          params: {
+            ids: "#[id]"
+          }
+        }
+      ];
+      const handlerList = [
+        { label: "打开指定页面", value: "goPage" },
+        { label: "查看详情页面", value: "viewEntity" },
+        { label: "发起通用请求", value: "commonAction" },
+        { label: "发起业务规则", value: "commonRuleAction" },
+        { label: "新增节点", value: "addCategoryEntity" },
+        { label: "新增同级节点", value: "addCategorySiblingEntity" },
+        { label: "打开审批页面", value: "goCheckPage" },
+        { label: "发起流程", value: "applyEntity" },
+        { label: "执行流程审批", value: "checkEntity" },
+        { label: "批量审核", value: "batchCheck" },
+        { label: "报表打印", value: "print" },
+        { label: "返回", value: "backPage" },
+        { label: "自定义JS", value: "customJs" }
+      ];
+      const configOptions = [
+        {
+          key: "global",
+          label: "全局设置",
+          children: [
+            { key: "componentName", label: "组件名称", type: "input" },
+            { key: "componentType", label: "组件状态", type: "radio", options: [{ label: "根据页面状态", value: "" }, { label: "详情", value: "DETAIL" }, { label: "只读", value: "READONLY" }] },
+            { key: "metaId", label: "组件对象", type: "object", object: "FM_ENTITY" },
+            { key: "detailFlag", label: "点击进入详情", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] },
+            { key: "detailPageId", label: "详情页面", type: "object", object: "FM_PAGE_CONFIG", scopeParams: [{ field: "SYSTEM", values: this.SYSTEM }] },
+            { key: "editable", label: "列表可编辑", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] },
+            { key: "action", label: "请求操作", type: "select", options: this.actionList }
+          ]
+        },
+        {
+          key: "tree",
+          label: "树形区域",
+          children: [
+            { key: "treeMetaId", label: "组件对象", type: "object", object: "FM_ENTITY" },
+            { key: "treeExpandMore", label: "同时展开多个节点", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] },
+            { key: "treeNodeExpand", label: "展开层级", type: "radio", options: [{ label: "全部收起", value: "none" }, { label: "全部展开", value: "all" }, { label: "展开首节点", value: "first" }, { label: "展开第一层", value: "level1" }, { label: "展开第二层", value: "level2" }] },
+            { key: "treeScopeParams", label: "查询范围", type: "scope", metaId: treeMetaId },
+            { key: "treeOperates", label: "操作按钮", type: "operates", defaultValue: operates, commonOperates: operates, handlerList },
+            { key: "treeColumnOperates", label: "操作列", type: "operates", defaultValue: defaultColumnOperates, handlerList },
+            { key: "treeOrderFields", label: "排序字段", type: "order-field", metaId: treeMetaId, treeFieldStore: [] },
+            { key: "treeGroupField", label: "分组字段", type: "object", object: "FM_ATTRIBUTE", dataKey: "NAME", scopeParams: [{ field: "ENTITY_ID", values: this.allConfigs.treeMetaId }, { field: "DATA_TYPE", mode: "in", values: "object,list" }] },
+            { key: "treeUpField", label: "上级字段", type: "object", object: "FM_ATTRIBUTE", dataKey: "NAME", scopeParams: [{ field: "ENTITY_ID", values: this.allConfigs.treeMetaId }, { field: "DATA_TYPE", mode: "in", values: "object,list" }] }
+          ]
+        },
+        {
+          key: "list",
+          label: "列表内容",
+          children: [
+            { key: "listFields", label: "列表字段", type: "list-field" },
+            { key: "orderFields", label: "排序字段", type: "order-field" },
+            { key: "LabelFields", label: "外部标签字段", type: "field" },
+            { key: "scopeParams", label: "查询范围", type: "scope" },
+            { key: "pageFlag", label: "是否分页", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }] },
+            { key: "pageSize", label: "每页记录数", type: "select", options: [{ label: "5", value: 5 }, { label: "10", value: 10 }, { label: "15", value: 15 }, { label: "20", value: 20 }, { label: "30", value: 30 }, { label: "50", value: 50 }, { label: "100", value: 100 }, { label: "200", value: 200 }] },
+            { key: "limit", label: "显示数量", type: "num" },
+            { key: "setField", label: "设置字段", type: "switch", defaultValue: true },
+            { key: "serialColumnFlag", label: "是否需要序号", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }] },
+            { key: "multiSelectColumnFlag", label: "是否需要选择框", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }] },
+            { key: "totalFlag", label: "是否显示总数量", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }] },
+            { key: "linkTreeFields", label: "关联字段", type: "field" }
+          ]
+        },
+        {
+          key: "search",
+          label: "查询区域",
+          children: [
+            { key: "searchFlag", label: "是否显示查询", type: "radio", options: [{ label: "显示", value: true }, { label: "不显示", value: false }] },
+            { key: "searchMode", label: "查询方式", type: "radio", options: [{ label: "字段组合", value: "field" }, { label: "筛选项", value: "filter" }, { label: "关键词", value: "keyword" }], defaultValue: "keyword" },
+            { key: "keywords", label: "关键词字段", type: "field" },
+            { key: "searchFields", label: "查询字段", type: "field", showFlag: { searchMode: ["field", "filter"] } },
+            { key: "filterFields", label: "筛选字段", type: "field" },
+            { key: "showSearchLabel", label: "展示字段名", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }], showFlag: { searchMode: "field" } }
+          ]
+        },
+        {
+          key: "operate",
+          label: "操作按钮",
+          children: [
+            { key: "operateFlag", label: "是否需要按钮", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }] },
+            { key: "operates", label: "操作按钮", type: "operates" },
+            { key: "operateEllipsis", label: "按钮显示数量", type: "num" },
+            { key: "operateColumnFlag", label: "是否需要操作列", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }] },
+            { key: "columnOperates", label: "操作列", type: "operates" },
+            { key: "operateColumnWidth", label: "操作列宽度", type: "num" },
+            { key: "operateColumnEllipsis", label: "操作列显示数量", type: "num" },
+            { key: "operateColumnPosition", label: "操作列位置", type: "radio", options: [{ label: "开始", value: "start" }, { label: "结束", value: "end" }] }
+          ]
+        },
+        {
+          key: "advance",
+          label: "高级设置",
+          children: [
+            { key: "componentEvents", label: "组件事件", type: "event" },
+            { key: "span", label: "宽度", type: "select", options: this.spanOptions },
+            { key: "xsspan", label: "移动端宽度", type: "select", options: this.spanOptions },
+            { key: "height", label: "高度" },
+            { key: "flex", label: "占据页面剩余空间", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] }
+          ]
+        }
+      ];
+      this.configOptions = configOptions;
+    },
+    initConfig() {
+      const config = this.$_.cloneDeep(this.compConfig);
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      for (const key in this.config) {
+        if (!this.config[key]) continue;
+        if (key === "order_field" || this.config[key].type === "order-field") {
+          const orderFields = [];
+          const orderMode = this.config.order_mode || [];
+          this.config[key].forEach((item, index) => {
+            let field = item;
+            if (typeof item === "string") {
+              field = { attriName: item };
+            }
+            orderFields.push({ ...field, sort: orderMode[index] || "asc" });
+          });
+          this.config.orderFields = orderFields;
+        }
+      }
+    },
+    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: "locked", label: "是否锁定", type: "switch", defaultValue: false },
+        { key: "editable", label: "可编辑", type: "switch", defaultValue: false },
+        { key: "state", label: "字段状态", type: "radio", options: [{ label: "显示", value: "DETAIL" }, { label: "隐藏", value: "HIDDEN" }], defaultValue: "DETAIL" },
+        { key: "link", label: "链接", type: "swicth" },
+        { 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: "PAGE_OPEN_MODE", showFlag: { link: [true], linkType: ["page", "detail"] } },
+        { key: "linkParams", label: "链接参数设置", type: "params", showFlag: { link: [true], linkType: ["page", "detail"] } },
+        { key: "color", label: "字体颜色", type: "color", defaultValue: "#333" },
+        {
+          key: "showWay",
+          label: "显示内容",
+          type: "radio",
+          options: [{ label: "字段值", value: "value" }, { label: "字段值", value: "record" }, { label: "统计值", value: "statistics" }],
+          defaultValue: "value",
+          showFlag: {
+            relationSort: "1"
+          }
+        },
+        {
+          key: "statisticsType",
+          label: "统计方式",
+          type: "radio",
+          code: "FIELD_STATISTIC_TYPE",
+          defaultValue: "SUM",
+          showFlag: {
+            showWay: "statistics",
+            relationSort: "1"
+          }
+        },
+        {
+          key: "fields",
+          label: "展示字段",
+          type: "field",
+          showFlag: {
+            relationSort: "1"
+          }
+        },
+        {
+          key: "separator",
+          label: "字段分隔符",
+          type: "radio",
+          options: [{ 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"
+          }
+        }
+      ];
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/Chart.js

@@ -0,0 +1,27 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-chart",
+  extends: _sfc_main$1,
+  watch: {
+    "allConfigs.id"(v) {
+      if (v) {
+        this.setChartObject(v);
+      }
+    }
+  },
+  methods: {
+    setChartObject(v) {
+      this.$http.get({
+        entityId: "FM_REPORT_BASE",
+        id: v.id || v
+      }).then((data) => {
+        this.componentMetaId = data.data.OBJECT;
+      });
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/ChartNew.js

@@ -0,0 +1,5 @@
+import '../../style.css';
+import _sfc_main from "./ChartNew.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/src/visual/ChartNew.vue.js

@@ -0,0 +1,54 @@
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-chart-new",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        span: 24,
+        xsspan: 24
+      };
+    },
+    designChart() {
+      this.$createPage({
+        metaId: "FM_REPORT_BASE",
+        openType: "2",
+        defaultFullscreen: true,
+        withHeader: false,
+        component: "chart-design",
+        chartConfigs: this.allConfigs,
+        setChartConfig: (v) => {
+          this.config = v;
+          this.$forceUpdate();
+        }
+      });
+    },
+    renderChart(item) {
+      return createVNode("div", null, [this.allConfigs[item.key], createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "link": true,
+        "onClick": this.designChart,
+        "style": {
+          marginLeft: "4px"
+        }
+      }, {
+        default: () => [createVNode("i", {
+          "class": "el-icon-edit-outline"
+        }, null), createTextVNode("设计")]
+      })]);
+    }
+  },
+  created() {
+    if (!this.allConfigs.metaId && this.designer.page.metaId) {
+      this.config = {
+        ...this.config,
+        metaId: this.designer.page.metaId
+      };
+    }
+  }
+};
+export {
+  _sfc_main as default
+};