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

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

@@ -0,0 +1,81 @@
+import { createVNode } from "vue";
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-num-statistic",
+  extends: _sfc_main$1,
+  watch: {
+    allConfigs: {
+      handler(v) {
+        if (v.metaId) {
+          this.componentMetaId = v.metaId;
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        metaId: this.pageMetaId,
+        componentName: this.componentInfo.title,
+        type: "card",
+        "justify-content": "center",
+        background: "#fff",
+        border: false,
+        orientation: "vertical",
+        titleFontSize: "14px",
+        titleColor: "#000",
+        countFontSize: "30px",
+        countColor: "#000",
+        openMode: "3",
+        iconType: "icon",
+        showIconBg: true,
+        span: 24,
+        xsspan: 24
+      };
+    },
+    initConfig() {
+      const config = {
+        ...this.compConfig
+      };
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      for (const key in this.config) {
+        const configOption = this.configOptions.find((item) => item.key === key) || {};
+        if (configOption.type === "field") {
+          this.selectFieldWay[key] = "custom";
+        }
+      }
+    },
+    renderCardLaout(item) {
+      const styles = ["vetical-center", "horizontal-center", "horizontal-between", "horizontal-between-reverse", "horizontal-center-horizontal_content", "horizontal-between-horizontal_content"];
+      return createVNode("div", {
+        "class": "epx-visual-num-statistic__card-layout"
+      }, [styles.map((style) => {
+        const classNames = style.split("-").map((item2) => "card--" + item2);
+        return createVNode("div", {
+          "key": style,
+          "class": ["card", {
+            "is-active": style === this.allConfigs[item.key]
+          }, ...classNames],
+          "onClick": (v) => this.changeConfigItem(item.key, style)
+        }, [createVNode("div", {
+          "class": "card-image"
+        }, null), createVNode("div", {
+          "class": ["card-content", "card-content--" + this.allConfigs.titleNumOrder]
+        }, [createVNode("div", {
+          "class": "card-title"
+        }, null), createVNode("div", {
+          "class": "card-num"
+        }, [createVNode("span", null, null), createVNode("span", null, null), createVNode("span", null, null)])])]);
+      })]);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/OrgChart.js

@@ -0,0 +1,107 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-org-chart",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        orgDirection: "t2b",
+        column: "1",
+        fields: this.currentMeta.getAllFields(),
+        editable: false,
+        span: 24
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称", type: "input" },
+        { key: "orgDirection", label: "排列方向", type: "radio", options: [{ label: "从上往下", value: "t2b" }, { label: "从左往右", value: "l2r" }] },
+        { key: "orgFullscreen", label: "初始占满全屏", type: "switch" },
+        { key: "nodeWidth", label: "节点宽度", type: "num", defaultValue: 120 },
+        { key: "column", label: "列数", type: "input" },
+        { key: "fields", label: "表单字段", type: "list-field" },
+        { key: "parentField", label: "上级字段", type: "field" },
+        { 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;
+    },
+    getFieldOptions() {
+      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: "" }, { label: "新增", value: "ADD" }, { label: "编辑", value: "EDIT" }, { label: "详情", value: "DETAIL" }, { label: "隐藏", value: "HIDDEN" }],
+          defaultValue: ""
+        },
+        { 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: "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: "input" },
+        {
+          key: "findPageId",
+          label: "对象查找页面",
+          type: "object",
+          object: "FM_PAGE_CONFIG",
+          showFlag: {
+            dataType: ["multiobject", "object"]
+          }
+        },
+        {
+          key: "maxLength",
+          label: "长度限制",
+          type: "num",
+          showFlag: {
+            dataType: ["text", "textarea", "bigtext"]
+          }
+        },
+        {
+          key: "showLevel",
+          label: "下拉框层级",
+          type: "number",
+          showFlag: {
+            dataType: ["treeList", "multiobject", "object"]
+          }
+        },
+        {
+          key: "onlySelectLeaf",
+          label: "只选择叶节点",
+          type: "radio",
+          options: [{ label: "是", value: true }, { label: "否", value: false }],
+          defaultValue: false,
+          showFlag: {
+            dataType: ["treeList", "multiobject", "object"]
+          }
+        }
+      ];
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/PageCatalog.js

@@ -0,0 +1,27 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-page-catalog",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        padding: 10,
+        span: 24,
+        xsspan: 24
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称", type: "input" },
+        { key: "operates", label: "操作按钮", type: "operates" }
+      ];
+      this.configOptions = configOptions;
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/PageConfig.js

@@ -0,0 +1,223 @@
+import '../../style.css';
+import { DELETE_PAGE } from "@epxing/core/src/store/actions";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, createBlock, createCommentVNode } from "vue";
+/* empty css               */
+/* empty css                */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-page-visual-config",
+  data() {
+    return {
+      content: "",
+      mode: "json",
+      visualPageId: "",
+      title: ""
+    };
+  },
+  methods: {
+    pageSettingInfo() {
+      if (!this.$pageId) {
+        this.$message.error("系统默认页面，无法编辑");
+        return;
+      }
+      const route = {
+        metaId: "FM_PAGE_CONFIG",
+        flag: "v_page",
+        id: this.data.ID,
+        entityId: this.$metaId,
+        pageType: "EDIT"
+      };
+      this.$createPage(route);
+    },
+    // submitForm (isGo = true) {
+    submitForm(content = this.content) {
+      const params = {
+        entityId: this.$metaId,
+        [`bean.${this.$metaKey}`]: this.data[this.$metaKey],
+        "bean.CONTENT": content
+        // 'bean.CONTENT': this.content
+      };
+      this.$http.update({
+        ...params
+      }).then((data2) => {
+        this.$message.success("保存成功");
+        this.$store.commit(DELETE_PAGE, { pageId: this.data.ID });
+      }).catch((err) => {
+        this.$message.error(err.message || "处理失败");
+      });
+    },
+    // submitForm (content = this.content) {
+    //   const { submitParams = {} } = this.$query
+    //   const { submitParams: pageSubmitParams = {}, saveSuccessText, updateSuccessText, saveAction, updateAction } = this.pageConfig
+    //   const params = {
+    //     action: saveAction,
+    //     entityId: this.$metaId,
+    //     [`bean.${this.$metaKey}`]: this.data[this.$metaKey],
+    //     'bean.CONTENT': content
+    //     // 'bean.CONTENT': this.content
+    //   }
+    //   // 组建formData 提交
+    //   if (this.pageType === 'EDIT') params.action = updateAction
+    //   this.$http.save({
+    //     ...params,
+    //     ...submitParams,
+    //     ...this.$formatParams(pageSubmitParams)
+    //   })
+    //     .then(data => {
+    //       this.$message.success(this.pageType === 'EDIT' ? updateSuccessText : saveSuccessText)
+    //       // 清空该页面
+    //       this.$store.commit(DELETE_PAGE, { pageId: this.data.ID })
+    //       // if (isGo) {
+    //       //   this.backPage({ reload: true })
+    //       // }
+    //     })
+    //     .catch(err => {
+    //       this.$message.error(err.message || '处理失败')
+    //     })
+    // },
+    getVisualPage(id2, templateId) {
+      return new Promise(async (resolve) => {
+        const params = {
+          link: "page",
+          entityId: "FM_PAGE"
+        };
+        if (id2) {
+          params["scope.PAGE|ID"] = id2;
+        } else if (templateId) {
+          params.link = null;
+          params["scope.CODE"] = templateId;
+        } else {
+          resolve(null);
+          return;
+        }
+        const res = await this.$http.find(params);
+        const data2 = res && res.data ? res.data : {};
+        const pageId = data2.VISUAL_CONFIG_PAGE;
+        const upPageId = data2.UP_PAGE;
+        if (pageId) {
+          resolve(pageId);
+        } else if (upPageId) {
+          this.getVisualPage(null, upPageId).then((pageId2) => {
+            resolve(pageId2);
+          });
+        } else {
+          resolve(null);
+        }
+      });
+    },
+    getData() {
+      const { id } = this.$query;
+      this.title = this.$query.title;
+      this.$http.get({
+        link: "page",
+        entityId: this.$metaId,
+        id
+      }).then((data) => {
+        if (data && data.data) {
+          const { id } = this.$query;
+          this.getVisualPage(id).then((visualPageId) => {
+            if (!visualPageId) {
+              this.$message.error("当前未配置可视化配置页面");
+              this.backPage();
+            } else {
+              this.visualPageId = visualPageId;
+            }
+          });
+          this.content = data.data.CONTENT;
+          if (this.content.length > 0) {
+            this.config = eval("(" + this.content + ")");
+          } else {
+            this.config = {};
+          }
+          this.pageMetaId = data.data.META_ID;
+          this.data = { ...data.data };
+        }
+      });
+    }
+    // updateConfig (config) {
+    //   this.content = JSON.stringify(config, null, '\t')
+    // }
+  },
+  created() {
+    this.getData();
+  }
+};
+const _hoisted_1 = { class: "container" };
+const _hoisted_2 = { class: "header" };
+const _hoisted_3 = { class: "header-inner" };
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = { class: "" };
+const _hoisted_6 = { class: "opera" };
+const _hoisted_7 = { class: "el-dropdown-link" };
+const _hoisted_8 = {
+  key: 1,
+  style: { "height": "20px" }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _component_epx_page = resolveComponent("epx-page");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("i", {
+            class: "el-icon-arrow-left",
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.backPage && _ctx.backPage(...args))
+          }),
+          createElementVNode("span", _hoisted_5, toDisplayString($data.title), 1)
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createVNode(_component_el_dropdown, null, {
+            dropdown: withCtx(() => [
+              createVNode(_component_el_dropdown_menu, null, {
+                default: withCtx(() => [
+                  createVNode(_component_el_dropdown_item, { onClick: $options.pageSettingInfo }, {
+                    default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                      createTextVNode("页面信息", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_7, [
+                createVNode(_component_el_button, {
+                  class: "more",
+                  plain: "",
+                  size: "default"
+                }, {
+                  default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                    createElementVNode("i", { class: "el-icon-more" }, null, -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]),
+    _cache[3] || (_cache[3] = createElementVNode("p", { class: "tip" }, null, -1)),
+    $data.visualPageId ? (openBlock(), createBlock(_component_epx_page, {
+      key: 0,
+      class: "visual-page",
+      inline: true,
+      "init-configs": _ctx.config,
+      onSaveUpdateConfig: $options.submitForm,
+      metaId: _ctx.pageMetaId,
+      pageId: $data.visualPageId,
+      pageDate: _ctx.data
+    }, null, 8, ["init-configs", "onSaveUpdateConfig", "metaId", "pageId", "pageDate"])) : createCommentVNode("", true),
+    $data.mode === "json" ? (openBlock(), createElementBlock("div", _hoisted_8)) : createCommentVNode("", true)
+  ]);
+}
+const PageConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b4ac7b1e"]]);
+export {
+  PageConfig as default
+};

package/dist/src/visual/PageTabs.js

@@ -0,0 +1,49 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-page-tabs",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: true,
+        componentName: this.componentInfo.title,
+        type: "card",
+        span: 24
+      };
+      this.subDefaultConfigs = {
+        tabCount: false
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称", type: "input" },
+        { key: "type", label: "标签页类型", type: "radio", options: [{ label: "卡片", value: "card" }, { label: "默认", value: "default" }] },
+        { key: "tabCount", label: "显示标签页数量", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }], defaultValue: false },
+        { key: "clickReload", label: "点击刷新数据", type: "switch", defaultValue: false },
+        { key: "span", label: "宽度", type: "select", options: this.spanOptions },
+        { key: "xsspan", label: "移动端宽度", type: "select", options: this.spanOptions },
+        { key: "height", label: "高度", type: "height" },
+        { key: "flex", label: "占据页面剩余空间", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] }
+      ];
+      this.configOptions = configOptions;
+    },
+    initConfig() {
+      const config = { ...this.compConfig };
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      for (const key in this.config) {
+        const configOption = this.configOptions.find((item) => item.key === key) || {};
+        if (configOption.type === "field") {
+          this.selectFieldWay[key] = "custom";
+        }
+      }
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/Progress.js

@@ -0,0 +1,40 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-progress",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        span: 24,
+        xsspan: 24
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称", type: "input" },
+        { key: "title", label: "流程标题" }
+      ];
+      this.configOptions = configOptions;
+    },
+    initConfig() {
+      const config = { ...this.compConfig };
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      for (const key in this.config) {
+        const configOption = this.configOptions.find((item) => item.key === key) || {};
+        if (configOption.type === "field") {
+          this.selectFieldWay[key] = "custom";
+        }
+      }
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/ProgressItem.js

@@ -0,0 +1,44 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-progress-item",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        span: 24,
+        xsspan: 24
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称" },
+        { key: "title", label: "流程标题", type: "input" },
+        { key: "isProgress", label: "是否是流程节点", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }], defaultValue: true },
+        { key: "PROCESS_STATUS", label: "流程状态", type: "input" },
+        { key: "finishPageId", label: "已完成页面", type: "object", object: "FM_PAGE_CONFIG" },
+        { key: "activePageId", label: "进行中页面", type: "object", object: "FM_PAGE_CONFIG" }
+      ];
+      this.configOptions = configOptions;
+    },
+    initConfig() {
+      const config = { ...this.compConfig };
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      for (const key in this.config) {
+        const configOption = this.configOptions.find((item) => item.key === key) || {};
+        if (configOption.type === "field") {
+          this.selectFieldWay[key] = "custom";
+        }
+      }
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/SystemManager.js

@@ -0,0 +1,77 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-system-manager",
+  extends: _sfc_main$1,
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        column: 3,
+        iconSize: 20,
+        gutter: 0,
+        border: true,
+        center: true,
+        square: false,
+        direction: "vertical",
+        flex: false,
+        span: 24,
+        xsspan: 24
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        {
+          key: "global",
+          label: "全局设置",
+          children: [
+            { key: "componentName", label: "组件名称", type: "input" },
+            { key: "metaId", label: "组件对象", type: "object", object: "FM_ENTITY", scopeParams: [{ field: "SYSTEM", values: this.SYSTEM }] }
+            // { key: 'type', label: '组件类型', type: 'radio', code: 'LIST_COMPONENT_TYPE' }
+          ]
+        },
+        {
+          key: "system",
+          label: "系统配置",
+          children: [
+            { key: "columnOperates", label: "操作列", type: "operates" }
+          ]
+        },
+        {
+          key: "app",
+          label: "应用配置",
+          children: [
+            {
+              key: "addAppPageId",
+              label: "创建应用页面",
+              type: "object",
+              object: "FM_PAGE_CONFIG",
+              scopeParams: [{ field: "SYSTEM", values: this.SYSTEM }]
+            },
+            {
+              key: "appAccreditPageId",
+              label: "应用授权页面",
+              type: "object",
+              object: "FM_PAGE_CONFIG",
+              scopeParams: [{ field: "SYSTEM", values: this.SYSTEM }]
+            }
+          ]
+        },
+        {
+          key: "advance",
+          label: "高级设置",
+          children: [
+            { 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
+};