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

package/dist/src/components/EntityTreeManage.js

@@ -0,0 +1,865 @@
+import '../../style.css';
+import { SET_ROUTER_QUERY } from "@epxing/core/src/store/actions";
+import component from "@epxing/core/src/mixins/component";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, normalizeClass } from "vue";
+/* empty css                     */
+/* empty css                      */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-entity-tree-manage",
+  mixins: [component],
+  detailPageFlag: "v_add",
+  addPageFlag: "v_add",
+  order_field: [],
+  order_mode: [],
+  queryParams: {},
+  expandMore: true,
+  expand: "none",
+  flex: 1,
+  draggable: true,
+  data() {
+    return {
+      treeModule: [],
+      filterText: "",
+      pageFlag: "",
+      showPage: true,
+      routers: [],
+      clickItem: {},
+      showPopover: "",
+      defaultClick: [],
+      expandKeys: []
+    };
+  },
+  props: ["isShow"],
+  computed: {
+    flag() {
+      const { firstPageFlag = "" } = this.configs;
+      return this.pageFlag || firstPageFlag;
+    },
+    selfAttriName() {
+      const { selfAttriName = this.$metaKey } = this.configs;
+      return selfAttriName;
+    },
+    orderParams() {
+      const { orderParams = {} } = this.configs;
+      return orderParams;
+    },
+    defaultValueField() {
+      const field = this.getUpField();
+      const { upField = [] } = this.$configs;
+      return upField[0] || field;
+    },
+    firstPageMetaId() {
+      const { firstPageMetaId = "" } = this.configs;
+      return firstPageMetaId;
+    },
+    route() {
+      const routers = [...this.routers];
+      return routers.pop();
+    },
+    showIndex() {
+      let showIndex = -1;
+      const routers = [...this.routers];
+      routers.forEach((item, index) => {
+        if (this.$_.isEqual(item, this.route)) {
+          showIndex = index;
+        }
+      });
+      return showIndex;
+    },
+    operates() {
+      const { operates } = this.$configs;
+      return operates;
+    },
+    columnOperates() {
+      const { columnOperates } = this.$configs;
+      return columnOperates.filter((item) => this.$checkOperateRight(item));
+    },
+    getShowColumnOperates(row) {
+      return (row2, node) => {
+        const columnOperates = this.columnOperates.filter((item) => {
+          if (item.handler === "operateTree") {
+            if (node.level === 1 && item.moveType === "upper") {
+              return false;
+            }
+            const parentNodes = node.parent ? node.parent.childNodes : this.treeModule;
+            if (item.moveType === "pre" || item.moveType === "first") {
+              const index = parentNodes.findIndex((item2) => row2.id === (item2.data.id || item2.id));
+              return index !== 0;
+            }
+            if (item.moveType === "next" || item.moveType === "last") {
+              const index = parentNodes.findIndex((item2) => row2.id === (item2.data.id || item2.id));
+              return index !== parentNodes.length - 1;
+            }
+          }
+          return !item.showCondition || item.showCondition.length === 0 || this.$util.runExpByScope.call(this, item.showCondition, row2);
+        });
+        return columnOperates;
+      };
+    },
+    scopeParams() {
+      const { scopeParams = [] } = this.$configs;
+      return this.$formatScope(scopeParams);
+    }
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  provide() {
+    return {
+      $changeRouter: this.changeRouter,
+      $reloadPage: this.reloadPage,
+      $backPage: this.back
+    };
+  },
+  methods: {
+    initComponent() {
+      this.getDefaultOperates();
+      this.getTreeModule(true);
+    },
+    getDefaultOperates() {
+      const { operates, columnOperates } = this.$configs;
+      const defaultOperates = [
+        {
+          text: "新增",
+          handler: "addEntity",
+          ui: "primary",
+          component: "entity-add-page"
+        },
+        {
+          text: "编辑",
+          handler: "editEntity",
+          ui: "primary",
+          component: "entity-add-page"
+        },
+        {
+          text: "删除",
+          ui: "primary",
+          handler: "commonAction",
+          action: "removeMulti",
+          num: "n",
+          confirmMsg: this.$t("Confirm the deletion") + "？",
+          successMsg: "删除成功",
+          params: {
+            ids: "#[id]"
+          }
+        }
+      ];
+      const defaultColumnOperates = [
+        {
+          text: "新增节点",
+          handler: "addEntity",
+          ui: "primary",
+          component: "entity-add-page"
+        },
+        {
+          text: "新增同级节点",
+          handler: "addSiblingEntity",
+          ui: "primary",
+          component: "entity-add-page"
+        },
+        {
+          text: "编辑",
+          handler: "editEntity",
+          ui: "primary",
+          component: "entity-add-page"
+        },
+        {
+          text: "删除",
+          ui: "primary",
+          handler: "commonAction",
+          action: "removeMulti",
+          num: "n",
+          confirmMsg: this.$t("Confirm the deletion") + "？",
+          successMsg: "删除成功",
+          params: {
+            ids: "#[id]"
+          }
+        },
+        {
+          text: "上移",
+          handler: "operateTree",
+          moveType: "pre"
+        },
+        {
+          text: "下移",
+          handler: "operateTree",
+          moveType: "next"
+        },
+        {
+          text: "移到最前",
+          handler: "operateTree",
+          moveType: "first"
+        },
+        {
+          text: "移到最后",
+          handler: "operateTree",
+          moveType: "last"
+        },
+        {
+          text: "移到上一层",
+          handler: "operateTree",
+          moveType: "upper"
+        }
+      ];
+      if (!operates) {
+        this.configs.operates = defaultOperates;
+      }
+      if (!columnOperates) {
+        this.configs.columnOperates = defaultColumnOperates;
+      }
+    },
+    $refesh() {
+      this.getTreeModule();
+    },
+    reloadData() {
+      this.getTreeModule();
+    },
+    getExpandKeys(arr, level, current = 1) {
+      const keys = [];
+      arr.forEach((item) => {
+        if (!item.leaf) {
+          keys.push(item.id);
+        }
+        if (item.children && current < level) {
+          const childrenKeys = this.getExpandKeys(item.children, level, current + 1);
+          keys.push(...childrenKeys);
+        }
+      });
+      return keys;
+    },
+    getTreeModule(first) {
+      let { action = "getTree", queryParams = {}, showAll = false, expand, orderFields, order_field: orderField = [], order_mode: orderMode = [], groupField } = this.$configs;
+      if (orderFields && orderFields.length > 0) {
+        orderField = orderFields.map((item) => item.attriName || item);
+        orderMode = orderFields.map((item) => item.sort || "asc");
+      }
+      const params = {
+        action,
+        entityId: this.$metaId,
+        up_field: this.defaultValueField,
+        ...this.orderParams,
+        ...this.$formatParams(queryParams),
+        scopeParams: JSON.stringify(this.scopeParams),
+        node: "root",
+        order_field: orderField.join(","),
+        order_mode: orderMode.join(",")
+      };
+      if (groupField) {
+        params.groupField = groupField;
+      }
+      this.$http.$post(params).then((data) => {
+        if (showAll) {
+          this.treeModule = [{ id: "all", title: "全部", children: [...data] }];
+        } else {
+          this.treeModule = [...data];
+        }
+        let defaultSelectNode = null;
+        if (this.treeModule.length > 0) {
+          const oldConfigValue = this.$configs.loadDefaultSelected === false ? "none" : "first";
+          const defaultSelected = this.$configs.defaultSelected || oldConfigValue;
+          if (defaultSelected !== "none") {
+            if (defaultSelected === "first") {
+              this.viewEntity(this.treeModule[0]);
+            } else {
+              defaultSelectNode = this.deepList(defaultSelected, this.treeModule) || {};
+              this.viewEntity(defaultSelectNode);
+            }
+          }
+        }
+        if (first) {
+          if (defaultSelectNode && defaultSelectNode.parent) {
+            this.expandKeys = [defaultSelectNode.parent];
+          } else if (expand === "first") {
+            this.expandKeys = [this.treeModule[0].id];
+          } else if (expand === "level1") {
+            this.expandKeys = this.getExpandKeys(this.treeModule, "1");
+          } else if (expand === "level2") {
+            this.expandKeys = this.getExpandKeys(this.treeModule, "2");
+          } else if (expand === "all") {
+            this.expandKeys = this.getExpandKeys(this.treeModule);
+          }
+        }
+      });
+    },
+    getUpField() {
+      const { attributes = {}, id } = this.$meta || {};
+      const field = Object.values(attributes).find((item) => item.relatedEntity === id);
+      if (field) return field.name;
+      return "UP_ID";
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return (data.text || data.title).indexOf(value) !== -1;
+    },
+    getTreeModuleNode(modules, parentId) {
+      let node = null;
+      for (let i = 0; i < modules.length; i++) {
+        const module = modules[i];
+        if ((module.id || module.ID) === parentId) {
+          node = module;
+          return node;
+        } else if (module.children && module.children.length > 0) {
+          node = this.getTreeModuleNode(module.children, parentId);
+        }
+        if (node) {
+          return node;
+        }
+      }
+    },
+    drop(node, current, type, event) {
+      const { orderFields } = this.$configs;
+      let parentId = "";
+      let modules = [];
+      if (type === "after" || type === "before") {
+        parentId = current.data.parent || "root";
+      } else if (type === "inner") {
+        parentId = current.data.id || current.data.ID;
+      }
+      if (parentId === "root") {
+        modules = [...this.treeModule];
+      } else {
+        const parentNode = this.getTreeModuleNode(this.treeModule, parentId) || { children: [...this.treeModule] };
+        modules = [...parentNode.children];
+      }
+      const str = modules.reduce((str2, item, index) => str2 += (item.id || item.ID) + ":" + index + ",", "");
+      const params = {
+        action: "moveTree",
+        entityId: this.$metaId,
+        id: node.data.id || node.data.ID,
+        selfAttriName: this.selfAttriName,
+        newParentId: parentId,
+        orderString: str
+      };
+      if (orderFields && orderFields[0]) {
+        params.orderAtrriName = orderFields[0].attriName || orderFields[0];
+      }
+      this.$http.$post(params).then((data) => {
+        this.showPage = false;
+        this.getTreeModule();
+        this.$nextTick(() => {
+          this.showPage = true;
+        });
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    commonAction({ action, rule, metaId = this.$metaId, num = 0, confirmMsg = null, mask = false, params = {}, successMsg = "处理成功", failMsg = "处理失败", afterTrigger, afterTriggerPage, afterTriggerPageOpenMode, afterTriggerParams }, row) {
+      let selections = [];
+      if (row) {
+        selections = [{ ...row }];
+      } else {
+        if (this.clickItem) selections = [{ ...this.clickItem }];
+      }
+      if (num !== 0) {
+        if (selections.length === 0) {
+          this.$message.error("请选择一个记录");
+          return;
+        } else if (selections.length > 1) {
+          if (num === 1) {
+            this.$message.error("只能选择一个记录");
+            return;
+          }
+        }
+      }
+      if (!params.id) {
+        params.id = "#[id]";
+      }
+      const formatParams = this.$formatParams(params, selections);
+      const submitFn = () => {
+        if (this.httpLoading[`common-${action}`]) {
+          return this.$message.error("正在提交，请稍后...");
+        }
+        this.httpLoading[`common-${action}`] = true;
+        let loading = null;
+        if (mask) {
+          loading = this.$loading({
+            target: this.$el,
+            background: "rgba(255, 255, 255, 0.5)",
+            text: "正在操作,请稍后..."
+          });
+        }
+        const timer = setTimeout(() => {
+          this.httpLoading[`common-${action}`] = false;
+          clearTimeout(timer);
+        }, 2e3);
+        this.$http[rule ? "$post" : "$request"]({
+          action,
+          rule,
+          entityId: metaId,
+          ...formatParams
+        }).then(() => {
+          this.$message.success(successMsg);
+          if (afterTrigger) {
+            this[afterTrigger]({ pageId: afterTriggerPage, openMode: afterTriggerPageOpenMode, params: afterTriggerParams });
+          } else {
+            if (this.reloadData) this.reloadData();
+          }
+        }).catch((err) => {
+          this.$message.error(err.message || failMsg);
+        }).finally(() => {
+          this.httpLoading[`common-${action}`] = false;
+          if (loading) loading.close();
+        });
+      };
+      if (confirmMsg) {
+        this.$confirm(confirmMsg, this.$t("hint"), {
+          confirmButtonText: this.$t("confirm"),
+          cancelButtonText: this.$t("cancel"),
+          type: "warning"
+        }).then(() => {
+          submitFn();
+        });
+      } else {
+        submitFn();
+      }
+    },
+    // 右侧内容区的开页闸口：必须「$epxEmit + $emit」双发射。
+    // RouterView 是本组件模板里的子组件，它用 `this.$parent.$epxOn('createPage', ...)`
+    // 把 handler 注册在本实例的 __epxEvents 上（Vue3 已无实例 $on，见
+    // core/src/mixins/methods-to-prototype.js 的实例级轻量事件）；而 Vue3 的 $emit 只触发
+    // 父组件模板上的监听器、不读 __epxEvents ⇒ 只用 $emit 时 RouterView 永远收不到，
+    // 右侧整块空白且全程无报错。保留 $emit 是为了不影响模板上可能存在的 @createPage。
+    // 与 methods-to-prototype.js 里 broadcast 的 emitTo 同款双发射写法。
+    emitCreatePage(payload) {
+      this.$epxEmit("createPage", payload);
+      this.$emit("createPage", payload);
+    },
+    viewEntity(item) {
+      if (item.iconCls === "dir") return;
+      if (item.id === "all") {
+        this.clickItem = {};
+        const { allDetailPageId } = this.$configs;
+        this.emitCreatePage({
+          metaId: this.$metaId,
+          pageId: allDetailPageId,
+          component: "entity-add-page",
+          pageType: "DETAIL",
+          callback: () => {
+            this.getTreeModule();
+          }
+        });
+        return;
+      }
+      this.clickItem = { id: item.ID, ...item };
+      const { detailPageFlag, detailPageId } = this.$configs;
+      this.pageFlag = detailPageFlag;
+      this.emitCreatePage({
+        metaId: this.$metaId,
+        flag: detailPageFlag,
+        pageId: detailPageId,
+        component: "entity-add-page",
+        pageType: "DETAIL",
+        id: item.id,
+        callback: () => {
+          this.getTreeModule();
+        }
+      });
+      this.$store.commit(SET_ROUTER_QUERY, { id: item.id });
+    },
+    editEntity(operate, item) {
+      const { pageId, component: component2 = "entity-add-page" } = operate || {};
+      const { id } = item || this.clickItem || {};
+      if (!id) {
+        this.$message.error("请选择一个记录");
+        return;
+      }
+      const { detailPageFlag } = this.$configs;
+      this.emitCreatePage({
+        metaId: this.$metaId,
+        flag: detailPageFlag,
+        component: component2,
+        pageId,
+        pageType: "EDIT",
+        id,
+        ...this.$formatParams(operate.params),
+        callback: () => {
+          this.getTreeModule();
+        }
+      });
+      this.defaultClick = [this.clickItem.parent];
+    },
+    expandNode(node) {
+      if (this.$configs.expandMore === false) {
+        let siblingNodes = [];
+        if (node.parent) {
+          const parentNode = this.deepList(node.parent, this.treeModule);
+          siblingNodes = parentNode.children;
+        } else {
+          siblingNodes = this.treeModule;
+        }
+        this.expandKeys = this.expandKeys.filter((item) => !siblingNodes.find((child) => child.id === item));
+      }
+      this.expandKeys = [.../* @__PURE__ */ new Set([...this.expandKeys, node.id])];
+    },
+    collapseNode(node) {
+      const index = this.expandKeys.findIndex((item) => item === node.id);
+      if (index !== -1) {
+        this.expandKeys.splice(index, 1);
+      }
+    },
+    addEntity(operate = {}, select) {
+      this.showPopover = null;
+      const { detailPageFlag } = this.$configs;
+      const { pageId, component: component2 = "entity-add-page" } = operate || {};
+      this.pageFlag = detailPageFlag;
+      let id = this.clickItem.id;
+      let text = this.clickItem.text;
+      if (select && typeof select === "object") {
+        id = select.id;
+        text = select.text;
+        this.defaultClick = [select.id];
+      }
+      const field = this.defaultValueField;
+      const defaultValue = {};
+      defaultValue[field] = id;
+      defaultValue[field + "#"] = text;
+      this.emitCreatePage({
+        metaId: this.$metaId,
+        flag: detailPageFlag,
+        pageId,
+        component: component2,
+        pageType: "ADD",
+        defaultValue,
+        ...this.$formatParams(operate.params),
+        callback: () => {
+          this.getTreeModule();
+        }
+        // defaultValue: { UP_ID: id, 'UP_ID#': text }
+      });
+    },
+    getSubIds(idArr = [], data) {
+      data.forEach((item) => {
+        idArr.push(item.id);
+        if (item.children) {
+          this.getSubIds(idArr, item.children);
+        }
+      });
+    },
+    editTheEntity(item) {
+      this.showPopover = null;
+      this.clickItem = item;
+      const { detailPageFlag } = this.configs;
+      this.load = false;
+      this.pageFlag = detailPageFlag;
+      this.emitCreatePage({
+        metaId: this.$metaId,
+        flag: detailPageFlag,
+        pageType: "EDIT",
+        component: "add",
+        id: item.id
+      });
+      this.$nextTick(() => {
+        this.load = true;
+      });
+      this.defaultClick = [item.parent];
+      this.$store.commit(SET_ROUTER_QUERY, { id: item.id });
+    },
+    removeEntity(select) {
+      this.showPopover = null;
+      let selectItem = this.clickItem;
+      if (select && select.id) {
+        selectItem = select;
+      }
+      this.defaultClick = [];
+      if (!selectItem || !selectItem.id) {
+        this.$message.error("请选择一个记录");
+        return;
+      }
+      const idArr = [selectItem.id];
+      this.getSubIds(idArr, selectItem.children);
+      this.$confirm(this.$t("Confirm the deletion") + "？").then(() => {
+        this.$http.$request({
+          action: "removeMulti",
+          entityId: this.$metaId,
+          ids: idArr.join(",")
+        }).then((data) => {
+          this.$message.success("删除成功");
+          this.getTreeModule();
+          if (select.parent) {
+            this.defaultClick.push(select.parent);
+          }
+        });
+      });
+    },
+    operateTree(operate, item) {
+      const { queryParams = {}, upField = [], orderFields = [] } = this.$configs;
+      const params = {
+        action: "operateTree",
+        entityId: this.$metaId,
+        mark: operate.moveType,
+        currentNode: item.id,
+        ...this.$formatParams(queryParams),
+        scopeParams: JSON.stringify(this.scopeParams)
+      };
+      if (upField && upField[0]) {
+        params.upField = upField[0];
+      }
+      if (orderFields && orderFields[0]) {
+        params.orderField = orderFields[0].attriName || orderFields[0];
+      }
+      this.$http.save(params).then(() => {
+        this.showPage = false;
+        this.getTreeModule();
+        this.$nextTick(() => {
+          this.showPage = true;
+        });
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    routerChange() {
+      this.getTreeModule();
+    },
+    addSiblingEntity(operate, data) {
+      this.clickItem = {};
+      if (data.parent) {
+        this.defaultClick = [data.id];
+        const obj = this.deepList(data.parent, this.treeModule) || {};
+        this.addEntity(operate, obj.iconCls !== "dir" ? { id: data.parent, text: obj.text || "" } : {});
+      } else {
+        this.addEntity(operate);
+      }
+    },
+    deepList(id, arr) {
+      let main = null;
+      try {
+        (function poll(arr2, leval) {
+          for (let i = 0; i < arr2.length; i++) {
+            if (arr2[i].id === id) {
+              main = arr2[i];
+              throw Error;
+            } else if (arr2[i].id !== id && arr2[i].children && arr2[i].children.length > 0) {
+              poll(arr2[i].children, leval + 1);
+            }
+          }
+        })(arr, 0);
+      } catch (err) {
+      }
+      return main;
+    },
+    // deepList (parent, arr) {
+    //   for (let i = 0; i < arr.length; i++) {
+    //     if (arr[i].id === parent) {
+    //       return arr[i]
+    //     } else if (arr[i].id !== parent && arr[i].children && arr[i].children.length > 0) {
+    //       this.deepList(parent, arr[i].children)
+    //     }
+    //   }
+    // },
+    showContextmenu(event, data, node) {
+      this.showPopover = node.id;
+    },
+    destoryPopover() {
+      this.showPopover = null;
+    },
+    changeRouter(v) {
+      const { router } = v;
+      this.routers.push(router);
+      if (router.moduleId || router.pageId) {
+        this.$emit("changeRouter", v);
+      }
+    },
+    back() {
+      if (this.isShow) {
+        if (this.routers.length <= 0) {
+          this.$emit("back");
+        }
+        this.routers.pop();
+      } else {
+        this.$emit("back");
+      }
+    },
+    reloadPage() {
+      this.showPage = false;
+      this.$nextTick(() => {
+        this.showPage = true;
+      });
+      this.getTreeModule();
+    }
+  },
+  created() {
+    const { firstPageFlag = "", pageMetaId = this.$metaId } = this.$configs;
+    if (firstPageFlag) {
+      this.routers.push({
+        flag: firstPageFlag,
+        metaId: pageMetaId
+      });
+    }
+  },
+  mounted() {
+    window.addEventListener("click", this.destoryPopover);
+    this.$bus.off("reload");
+    this.$bus.off("push");
+    this.$bus.off("pop");
+    this.busPushHandler = (route) => {
+      this.routers.push(route);
+      if (route.moduleId || route.pageId) {
+        this.$createPage(route);
+      }
+    };
+    this.busPopHandler = () => {
+      if (this.isShow) {
+        this.routers.pop();
+        if (this.routers.length <= 0) {
+          this.$backPage();
+        }
+      } else {
+        this.$backPage();
+      }
+    };
+    this.busReloadHandler = () => {
+      this.showPage = false;
+      this.$nextTick(() => {
+        this.showPage = true;
+      });
+    };
+    this.$bus.on("push", this.busPushHandler);
+    this.$bus.on("pop", this.busPopHandler);
+    this.$bus.on("reload", this.busReloadHandler);
+  },
+  beforeUnmount() {
+    if (this.busPushHandler) this.$bus.off("push", this.busPushHandler);
+    if (this.busPopHandler) this.$bus.off("pop", this.busPopHandler);
+    if (this.busReloadHandler) this.$bus.off("reload", this.busReloadHandler);
+    this.busPushHandler = null;
+    this.busPopHandler = null;
+    this.busReloadHandler = null;
+    window.removeEventListener("click", this.destoryPopover);
+  }
+};
+const _hoisted_1 = { class: "tree-list" };
+const _hoisted_2 = { class: "opera" };
+const _hoisted_3 = { class: "button-group" };
+const _hoisted_4 = { class: "search-container" };
+const _hoisted_5 = { class: "tree-node" };
+const _hoisted_6 = { class: "content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  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_el_tree = resolveComponent("el-tree");
+  const _component_epx_router_view = resolveComponent("epx-router-view");
+  return openBlock(), createElementBlock("div", {
+    class: "container",
+    onClick: _cache[1] || (_cache[1] = ($event) => $data.showPopover = null)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      _cache[3] || (_cache[3] = createElementVNode("div", { class: "tree-header" }, "功能模块", -1)),
+      createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.operates, (operate) => {
+            return openBlock(), createBlock(_component_el_button, {
+              class: "tree-button",
+              type: "primary",
+              key: operate.text,
+              size: "small",
+              onClick: ($event) => _ctx.$handler(operate)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(operate.text), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_el_input, {
+            placeholder: "输入关键字进行过滤",
+            modelValue: $data.filterText,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.filterText = $event)
+          }, null, 8, ["modelValue"])
+        ])
+      ]),
+      createVNode(_component_el_tree, {
+        class: "tree",
+        ref: "tree",
+        data: $data.treeModule,
+        props: { label: "title", children: "children" },
+        "filter-node-method": $options.filterNode,
+        "expand-on-click-node": false,
+        "current-node-key": $data.clickItem.id,
+        "node-key": "id",
+        "default-expand-all": _ctx.$configs.expand === "all",
+        accordion: _ctx.$configs.expandMore === false,
+        "default-expanded-keys": $data.expandKeys,
+        "auto-expand-parent": false,
+        "check-on-click-node": true,
+        "highlight-current": true,
+        draggable: _ctx.$configs.draggable === true,
+        onNodeDrop: $options.drop,
+        onNodeClick: $options.viewEntity,
+        onNodeContextmenu: $options.showContextmenu,
+        onNodeExpand: $options.expandNode,
+        onNodeCollapse: $options.collapseNode
+      }, {
+        default: withCtx(({ node, data }) => [
+          createElementVNode("span", {
+            class: normalizeClass(["tree-node__container", { node: true, active: $data.clickItem && $data.clickItem.id === data.id }])
+          }, [
+            createVNode(_component_el_tooltip, {
+              class: "item",
+              effect: "dark",
+              content: node.label,
+              placement: "top",
+              "show-after": 1e3
+            }, {
+              default: withCtx(() => [
+                createElementVNode("span", _hoisted_5, [
+                  createElementVNode("i", {
+                    class: normalizeClass(data.iconCls === "dir" ? "el-icon-folder" : "el-icon-document")
+                  }, null, 2),
+                  createElementVNode("span", null, toDisplayString(node.label), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["content"]),
+            createVNode(_component_el_dropdown, null, {
+              dropdown: withCtx(() => [
+                createVNode(_component_el_dropdown_menu, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.getShowColumnOperates(data, node), (operate) => {
+                      return openBlock(), createBlock(_component_el_dropdown_item, {
+                        key: operate.text,
+                        onClick: ($event) => _ctx.$handler(operate, data)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(operate.text), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              default: withCtx(() => [
+                _cache[2] || (_cache[2] = createElementVNode("span", { class: "column-operates" }, [
+                  createElementVNode("i", { class: "el-icon-more" })
+                ], -1))
+              ]),
+              _: 2
+            }, 1024)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["data", "filter-node-method", "current-node-key", "default-expand-all", "accordion", "default-expanded-keys", "draggable", "onNodeDrop", "onNodeClick", "onNodeContextmenu", "onNodeExpand", "onNodeCollapse"])
+    ]),
+    createElementVNode("div", _hoisted_6, [
+      createVNode(_component_epx_router_view, {
+        inline: true,
+        onBack: $options.getTreeModule,
+        "router-change": () => null
+      }, null, 8, ["onBack"])
+    ])
+  ]);
+}
+const EntityTreePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-016bfba8"]]);
+export {
+  EntityTreePage as default
+};