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

package/dist/src/components/OperateLog.js

@@ -0,0 +1,132 @@
+import component from "@epxing/core/src/mixins/component";
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, createTextVNode, createCommentVNode } from "vue";
+/* empty css               */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-operate-log",
+  mixins: [component],
+  props: {
+    formData: Object
+  },
+  data() {
+    return {
+      currentPage: 1,
+      logList: [],
+      total: 0,
+      entityMeta: {},
+      load: false,
+      treeFieldMap: {}
+    };
+  },
+  computed: {
+    record() {
+      return (log) => {
+        const { label = "", name = "" } = this.entityMeta;
+        const { COTENT_BAFORE, CONTENT, OPERATE_TYPE: operateType, USER_NAME } = log;
+        const beforeData = JSON.parse(COTENT_BAFORE || "{}");
+        const afterData = JSON.parse(CONTENT || "{}");
+        if (operateType === "add") {
+          const data2 = Object.keys(afterData.data).map((key) => `${this.treeFieldMap[key] && this.treeFieldMap[key].text}：${afterData.data[key]}`);
+          return `${USER_NAME}新增了${afterData.data[label]}，新增内容为${data2.join("、")}`;
+        } else if (operateType === "delete") {
+          const data2 = Object.keys(beforeData.data).map((key) => `${this.treeFieldMap[key] && this.treeFieldMap[key].text}：${beforeData.data[key]}`);
+          return `${USER_NAME}删除了${beforeData.data[label]}，删除内容为${data2.join("、")}`;
+        } else if (operateType === "update") {
+          const data2 = Object.keys(afterData.data).map((key) => `${this.treeFieldMap[key] && this.treeFieldMap[key].text}从 ${beforeData.data[key] || "无"} 修改为 ${afterData.data[key] || "无"}`);
+          return `${USER_NAME}修改了${name}对象的${beforeData.data[label]}，${data2.join("，")}`;
+        }
+        return "";
+      };
+    }
+  },
+  methods: {
+    getEntityMeta() {
+      this.$store.dispatch({
+        type: "ADD_META",
+        metaId: this.$query.id
+      }).then((meta) => {
+        this.entityMeta = meta;
+      });
+      this.$http.entityFieldTreeStore({
+        metaId: this.$query.id,
+        allSub: true,
+        node: "root"
+      }).then((data) => {
+        const treeFieldStore = eval(`(${data})`);
+        const treeFieldMap = {};
+        treeFieldStore.forEach((item) => {
+          item.children.forEach((field) => {
+            treeFieldMap[field.code.replace(/\./g, "|")] = field;
+          });
+        });
+        this.treeFieldMap = treeFieldMap;
+      });
+    },
+    getLog() {
+      this.$http.list({
+        entityId: "FM_DB_LOG",
+        "scope.META": this.$query.id,
+        page: this.currentPage,
+        limit: 100,
+        order_field: "OPERATE_TIME",
+        order_mode: "desc"
+      }).then((data2) => {
+        this.load = true;
+        this.currentPage++;
+        this.logList = [...this.logList, ...data2.entitys];
+        this.total = data2.total;
+      });
+    }
+  },
+  created() {
+    this.getEntityMeta();
+    this.getLog();
+  }
+};
+const _hoisted_1 = { class: "logs" };
+const _hoisted_2 = {
+  key: 0,
+  class: "load-more"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "no-data"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_step = resolveComponent("el-step");
+  const _component_el_steps = resolveComponent("el-steps");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_steps, {
+      class: "log-steps",
+      direction: "vertical",
+      active: 0
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.logList, (log) => {
+          return openBlock(), createBlock(_component_el_step, {
+            key: log.ID,
+            title: log.OPERATE_TIME,
+            description: $options.record(log)
+          }, null, 8, ["title", "description"]);
+        }), 128))
+      ]),
+      _: 1
+    }),
+    $data.logList.length < $data.total ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createElementVNode("span", {
+        onClick: _cache[0] || (_cache[0] = (...args) => $options.getLog && $options.getLog(...args))
+      }, [..._cache[1] || (_cache[1] = [
+        createTextVNode("查看更多 ", -1),
+        createElementVNode("i", { class: "el-icon-arrow-down" }, null, -1)
+      ])])
+    ])) : createCommentVNode("", true),
+    $data.load && $data.logList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
+      createElementVNode("i", { class: "epx-icon-kong" }, null, -1),
+      createElementVNode("p", null, "暂无数据", -1)
+    ])])) : createCommentVNode("", true)
+  ]);
+}
+const OperateLog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fd13ae27"]]);
+export {
+  OperateLog as default
+};

package/dist/src/components/PageCatalog.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./PageCatalog.vue.js";
+/* empty css                 */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const PageCatalog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c13429c"]]);
+export {
+  PageCatalog as default
+};

package/dist/src/components/PageCatalog.vue.js

@@ -0,0 +1,292 @@
+import { createVNode, resolveComponent, mergeProps, isVNode } from "vue";
+import AddForm from "@epxing/components/src/add-form";
+import shallowSame from "@epxing/core/src/shallow-same";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-page-catalog",
+  // mixins: [component],
+  mixins: [AddForm],
+  data() {
+    return {
+      catalogComponent: {},
+      compElemMap: {},
+      activeItem: null,
+      activeIndex: null,
+      scrollTop: 0,
+      // compElemArr: [],
+      catalogComponentConfigs: {},
+      loadComponents: {},
+      catalogList: []
+    };
+  },
+  // computed: {
+  //   operates () {
+  //     const { operates = [] } = this.$configs
+  //     return operates
+  //   }
+  // },
+  methods: {
+    getComponents(items, upId = "") {
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        const id = !this.$configVersion && upId ? upId + "-" + item.id : item.id;
+        if (id === this.$component.id) {
+          const catalogComponent = item;
+          const compId = !this.$configVersion && upId ? upId + "-" + catalogComponent.id : catalogComponent.id;
+          catalogComponent.compId = compId;
+          catalogComponent.upId = upId;
+          return catalogComponent;
+        } else {
+          if (item.items) {
+            const comp = this.getComponents(item.items, item.id);
+            if (comp) return comp;
+          }
+        }
+      }
+    },
+    getCompElems(vnode) {
+      const {
+        items = []
+      } = this.catalogComponent;
+      const compElems = [];
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (item.items) {
+          for (let i2 = 0; i2 < item.items.length; i2++) {
+            const child = item.items[i2];
+            const elemId = !this.$configVersion && this.loadComponents[child.id].upId ? this.loadComponents[child.id].upId + "-" + child.id : child.id;
+            const elem = this.$getPageComponent(elemId);
+            if (!elem) return null;
+            compElems.push({
+              elem,
+              item: child,
+              upId: item.id
+            });
+          }
+        } else {
+          const elemId = !this.$configVersion && this.loadComponents[item.id].upId ? this.loadComponents[item.id].upId + "-" + item.id : item.id;
+          const elem = this.$getPageComponent(elemId);
+          if (!elem) return null;
+          compElems.push({
+            elem,
+            item
+          });
+        }
+      }
+      return compElems;
+    },
+    flatten(ary) {
+      return ary.reduce((pre, cur) => {
+        return pre.concat(cur, Array.isArray(cur.items) ? this.flatten(cur.items) : []);
+      }, []);
+    },
+    addScrollListener() {
+      const scrollContainer = this.$refs.scroll;
+      if (scrollContainer) {
+        scrollContainer.addEventListener("scroll", () => {
+          const scrollTop = scrollContainer.scrollTop;
+          this.scrollTop = scrollTop;
+          if (!this.compElemArr) {
+            this.compElemArr = this.getCompElems();
+            return;
+          }
+          const distance = [];
+          this.compElemArr.forEach((item2) => {
+            distance.push({
+              ...item2,
+              dis: Math.abs(item2.elem.$el.offsetTop - 130 - scrollTop)
+            });
+          });
+          distance.sort((a, b) => a.dis - b.dis);
+          const item = distance[0].item;
+          this.activeIndex = item.id;
+          if (item.id) {
+            this.activeItem = item.id;
+            if (distance[0].upId) {
+              if (this.$refs.menu) this.$refs.menu.open(distance[0].upId);
+            }
+          }
+        });
+      }
+    },
+    compAnchor(id) {
+      let elem = null;
+      if (this.compElemMap[id]) {
+        elem = this.compElemMap[id];
+      } else if (this.compElemArr) {
+        const component = this.compElemArr.find((item) => {
+          return item.item.id === id;
+        });
+        elem = component.elem;
+        if (elem) {
+          this.compElemMap[id] = elem;
+        }
+      } else {
+        const elemId = !this.$configVersion && this.loadComponents[id].upId ? this.loadComponents[id].upId + "-" + id : id;
+        elem = this.$getPageComponent(elemId);
+        this.compElemMap[id] = elem;
+      }
+      this.$refs.scroll.scrollTop = elem.$el.offsetTop - 120;
+    },
+    renderNavButton() {
+      if (this.operates.length > 0) {
+        return createVNode("div", {
+          "class": "nav-btn"
+        }, [this.operates.map((operate) => createVNode(resolveComponent("el-button"), {
+          "size": "default",
+          "key": operate.text,
+          "type": operate.ui,
+          "onClick": this.$handler.bind(this, operate, null)
+        }, {
+          default: () => [operate.icon && createVNode("i", {
+            "class": ["operate-icon", operate.icon]
+          }, null), operate.text]
+        }))]);
+      }
+    },
+    renderNav() {
+      let _slot;
+      return createVNode("div", {
+        "class": "form-nav"
+      }, [this.renderNavButton(), createVNode(resolveComponent("el-menu"), {
+        "ref": "menu",
+        "class": "menu-con"
+      }, _isSlot(_slot = this.renderNavItem([...this.$component.items])) ? _slot : {
+        default: () => [_slot]
+      })]);
+    },
+    renderNavItem(components) {
+      return components.map((item) => {
+        if (item.items && item.items.length > 0) {
+          return createVNode(resolveComponent("el-sub-menu"), {
+            "class": "nav-submenu",
+            "index": item.id
+          }, {
+            default: () => [this.renderNavItem(item.items)],
+            // JSX 里必须用 v-slots 传具名插槽，v-slot 不生效（分组名会渲染不出来）
+            title: () => createVNode("span", {
+              "class": "nav-submenu__title"
+            }, [item.title])
+          });
+        } else {
+          return createVNode(resolveComponent("el-menu-item"), {
+            "onClick": this.switchComponent.bind(this, item.id, item),
+            "class": this.activeIndex === item.id ? "menu-item-active nav-menu-item" : "nav-menu-item",
+            "index": item.id
+          }, {
+            default: () => [item.title]
+          });
+        }
+      });
+    },
+    renderContent() {
+      return createVNode("div", {
+        "class": "nav-form-content"
+      }, [Object.keys(this.loadComponents).map((key) => createVNode("div", null, [this.loadComponents[key].items && this.loadComponents[key].items.length > 0 ? this.loadComponents[key].items.map((item) => this.renderContentItem(this.$configVersion ? item.id : key + "-" + item.id, item)) : this.renderContentItem(key, this.loadComponents[key])]))]);
+    },
+    renderContentItem(id, component) {
+      return createVNode("div", {
+        "class": ["field-item", {
+          "m-field-item": this.$isMobile
+        }, {
+          fold: this.foldList.includes("comp-" + id)
+        }],
+        "key": id
+      }, [createVNode("div", {
+        "class": "form-content"
+      }, [this.renderComponent(id, component)])]);
+    },
+    // comp-configs / onGetComponent 必须身份稳定，理由见
+    // AddForm.getCompBindings 上的注释（本组件同样是「切过的分组不卸载、
+    // 父组件一重渲染全都跟着重渲染」的结构）。缓存键用渲染槽 id。
+    getCatalogCompBindings(id, component) {
+      const cache = this._catalogCompBindings || (this._catalogCompBindings = /* @__PURE__ */ Object.create(null));
+      const hit = cache[id];
+      if (hit && hit.metaId === this.$metaId && shallowSame(hit.configsSrc, component.configs)) return hit;
+      const entry = {
+        configsSrc: component.configs ? {
+          ...component.configs
+        } : component.configs,
+        metaId: this.$metaId,
+        compConfigs: {
+          metaId: this.$metaId,
+          ...component.configs
+        },
+        onGetComponent: (v) => this.getComponent(component.id, v)
+      };
+      cache[id] = entry;
+      return entry;
+    },
+    renderComponent(id, component) {
+      const bind = this.getCatalogCompBindings(id, component);
+      return createVNode(resolveComponent("epx-component"), mergeProps({
+        "ref": "component-" + component.id,
+        "name": component.contentType
+      }, component, {
+        "compId": this.$configVersion ? id : component.upId + "-" + id,
+        "compTitle": component.title,
+        "contentType": component.contentType,
+        "comp-configs": bind.compConfigs,
+        "items": component.items,
+        "formData": this.data,
+        "showTitle": true,
+        "pageType": this.editComponent && this.editComponent.id === component.id ? "EDIT" : this.pageType,
+        "formConfigs": this.$configs,
+        "form": this,
+        "field-relations": this.fieldRelations,
+        "onGetComponent": bind.onGetComponent
+      }), null);
+    },
+    getFirstIndex(items, upId) {
+      items.forEach((item) => {
+        const firstItem = {
+          ...item,
+          upId
+        };
+        const compId = !this.$configVersion ? firstItem.upId + "-" + firstItem.id : firstItem.id;
+        if (this.catalogComponentConfigs[compId]) {
+          firstItem.configs = this.catalogComponentConfigs[compId];
+        }
+        if (firstItem.items && firstItem.items.length > 0) {
+          return this.getFirstIndex(firstItem.items, compId);
+        } else {
+          this.loadComponents[firstItem.id] = firstItem;
+          return firstItem.id;
+        }
+      });
+    },
+    switchComponent(id, component) {
+      this.activeIndex = id;
+      this.compAnchor(id);
+    }
+  },
+  created() {
+    this.catalogComponentConfigs = {
+      ...this.upPage.$component.itemConfigs
+    };
+    const {
+      items = []
+    } = this.upPage.$component;
+    this.catalogComponent = this.getComponents(items);
+    this.getFirstIndex(this.catalogComponent.items, this.$component.id);
+  },
+  mounted() {
+    this.addScrollListener();
+  },
+  render() {
+    if (!this.data || !this.fieldScope) return;
+    return createVNode("div", {
+      "class": "page-container"
+    }, [createVNode("div", {
+      "class": "nav-menu"
+    }, [this.renderNav()]), createVNode("div", {
+      "class": "content",
+      "ref": "scroll"
+    }, [this.renderContent()])]);
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/PageChart.js

@@ -0,0 +1,212 @@
+import { __vitePreload as __epxPackagePreload } from "../../_virtual/preload-helper.js";
+import { resolveComponent, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, createElementVNode, toDisplayString, createCommentVNode, defineAsyncComponent } from "vue";
+import { registerComponent } from "@epxing/core/src/app";
+/* empty css              */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-page-chart",
+  props: {
+    page: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    selectComponentList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    componentList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      pageList: []
+    };
+  },
+  watch: {
+    selectComponentList: {
+      handler(v) {
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getComponentsConfigs(selectComponentList, upId) {
+      selectComponentList.forEach((item) => {
+        item.component = this.componentMap[item.contentType];
+        const id = upId ? upId + "-" + item.id : item.id;
+        item.compId = id;
+        const { itemConfigs = {} } = this.pageConfigs;
+        const configs = itemConfigs[id] || {};
+        item.configs = { ...item.configs || {}, ...configs };
+        if (item.items) this.getComponentsConfigs(item.items, id);
+      });
+    },
+    getComponentMap() {
+      if (this.componentMap) return;
+      const componentMap = {};
+      this.componentList.forEach((item) => {
+        componentMap[item.CODE] = item;
+      });
+      this.componentMap = componentMap;
+    },
+    // T29/$children：原写法是 `this.$parent.$parent.$children[1].$children[2]` ——
+    // 靠**组件树的位置索引**去摸 Config 里的 <epx-visual-config-item>。这既依赖 el-tab-pane 的
+    // 内部层级（切 EP 后必碎），又依赖兄弟顺序。Vue3 也已移除 $children。
+    // 改成：向上按**组件名**找到 <epx-visual-config>（epx-page-chart 就渲染在它的 el-tab-pane 里），
+    // 再取它模板上明确标了 ref 的 `visualComponent`（= <epx-visual-config-item>，
+    // 也就是持有 `$refs['config-item-<id>']` 的那个组件）。
+    _findVisualConfig() {
+      let p = this.$parent;
+      while (p) {
+        if (p.$options.name === "epx-visual-config") return p;
+        p = p.$parent;
+      }
+      return null;
+    },
+    getPage() {
+      const comp = this._findVisualConfig();
+      if (comp) {
+        const configComp = comp.$refs.visualComponent;
+        if (configComp) {
+          this.configComp = configComp;
+          this.getPageTree(this.selectComponentList);
+          if (this.pageList.length > 0) {
+            this.$http.getLabel({
+              entityId: "FM_PAGE_CONFIG",
+              id: this.pageList.map((item) => item.id).join(",")
+            }).then((data) => {
+              const labels = data.label.split(",");
+              labels.forEach((label, index) => {
+                this.pageList.splice(index, 1, { ...this.pageList[index], name: label });
+              });
+            });
+          }
+        }
+      }
+    },
+    getPageTree(componentList) {
+      componentList.forEach((item) => {
+        const comp = this.configComp.$refs[`config-item-${item.compId}`];
+        const inner = comp && comp.$refs.component;
+        const configOptions = inner && inner.configOptions || [];
+        configOptions.forEach((option) => {
+          if (option.type === "object" && option.object === "FM_PAGE_CONFIG") {
+            const pageId = item.configs[option.key];
+            if (pageId) {
+              this.pageList.push({
+                id: pageId,
+                option,
+                component: item
+              });
+            }
+          } else if (option.type === "operates") {
+            const operates = item.configs[option.key] || [];
+            operates.forEach((operate) => {
+              if (operate.pageId) {
+                this.pageList.push({
+                  id: operate.pageId,
+                  option,
+                  component: item
+                });
+              }
+            });
+          } else if (option.type && option.type.includes("field")) {
+            const fields = item.configs[option.key] || [];
+            fields.forEach((field) => {
+              if (typeof field === "object") {
+                if (field.detailPageId) {
+                  this.pageList.push({
+                    id: field.addPageId,
+                    option,
+                    component: item
+                  });
+                }
+                if (field.addPageId) {
+                  this.pageList.push({
+                    id: field.addPageId,
+                    option,
+                    component: item
+                  });
+                }
+              }
+            });
+          }
+        });
+        if (item.items) {
+          this.getPageTree(item.items);
+        }
+      });
+    },
+    openEditDrawer(node) {
+      this.$createPage({
+        metaId: "FM_PAGE_CONFIG",
+        flag: "v_visual_page_config",
+        component: "visual-config",
+        id: node.id,
+        title: node.name,
+        pageType: "EDIT"
+      });
+    }
+  },
+  created() {
+    const that = this;
+    const { config = {} } = this.page;
+    this.pageConfigs = config;
+    registerComponent("OrganizationChart", defineAsyncComponent(
+      () => __epxPackagePreload(() => import("@epxing/components/src/org-chart/vendor/OrganizationChart.vue"), true ? [] : void 0, import.meta.url).then((m) => m.default || m).catch((err) => {
+        that.$message.error("插件初始化失败，请重新打开页面");
+        throw err;
+      })
+    ));
+    this.getComponentMap();
+    this.getComponentsConfigs(this.selectComponentList);
+    this.getPage();
+  }
+};
+const _hoisted_1 = { class: "container" };
+const _hoisted_2 = {
+  class: "org-node",
+  title: "nodeData.name"
+};
+const _hoisted_3 = { class: "org-node__title" };
+const _hoisted_4 = { class: "org-node__operate" };
+const _hoisted_5 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_organization_chart = resolveComponent("organization-chart");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_organization_chart, {
+      class: normalizeClass(["org-chart", "l2r"]),
+      datasource: { name: $props.page.title, editable: false, children: $data.pageList },
+      pan: true,
+      zoom: true
+    }, {
+      default: withCtx(({ nodeData }) => [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("span", null, toDisplayString(nodeData.name), 1)
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            nodeData.editable !== false ? (openBlock(), createElementBlock("i", {
+              key: 0,
+              class: "el-icon-edit-outline",
+              onClick: ($event) => $options.openEditDrawer(nodeData)
+            }, null, 8, _hoisted_5)) : createCommentVNode("", true)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["datasource"])
+  ]);
+}
+const PageChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f6699368"]]);
+export {
+  PageChart as default
+};