@web-utils/component 2.70.0 → 3.0.1

package/table-view/index.mjs

@@ -1,28 +1,566 @@
-var o = (e, r, t) => new Promise((s, l) => {
-  var a = (i) => {
+var M = Object.defineProperty, L = Object.defineProperties;
+var A = Object.getOwnPropertyDescriptors;
+var _ = Object.getOwnPropertySymbols;
+var K = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var g = (e, t, i) => t in e ? M(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, h = (e, t) => {
+  for (var i in t || (t = {}))
+    K.call(t, i) && g(e, i, t[i]);
+  if (_)
+    for (var i of _(t))
+      R.call(t, i) && g(e, i, t[i]);
+  return e;
+}, c = (e, t) => L(e, A(t));
+var r = (e, t, i) => new Promise((s, o) => {
+  var a = (d) => {
     try {
-      c(t.next(i));
-    } catch (h) {
-      l(h);
+      l(i.next(d));
+    } catch (b) {
+      o(b);
     }
-  }, b = (i) => {
+  }, n = (d) => {
     try {
-      c(t.throw(i));
-    } catch (h) {
-      l(h);
+      l(i.throw(d));
+    } catch (b) {
+      o(b);
     }
-  }, c = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(a, b);
-  c((t = t.apply(e, r)).next());
+  }, l = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(a, n);
+  l((i = i.apply(e, t)).next());
 });
-import { merge as n } from "@web-utils/integrations/lodash";
-import { isString as d, isArray as m, trace as f, warning as _, toStringArray as g, isFunction as w, hasOwn as p } from "@web-utils/core";
-import { k as v } from "../chunks/index.57f871af.mjs";
-import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var P = function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("div", {
+import { cloneDeep as C, merge as f } from "@web-utils/integrations/lodash";
+import { hasOwn as p, isVerticalScrollbarVisible as D, scrollbarWidth as I, computePosition as V, isPlainObject as u, isFunction as w, isUndefined as m, isNotEmpty as F, fastClone as O, delay as E, findTreeChildren as j, isString as x, isArray as z, trace as v, warning as W, toStringArray as U } from "@web-utils/core";
+import { c as q, d as H, e as y, k as G } from "../chunks/index.d91bd77a.mjs";
+import N from "element-ui/lib/button";
+import J from "element-ui/lib/form-item";
+import Q from "element-ui/lib/row";
+import { n as $ } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+import X from "element-ui/lib/form";
+import { _ as Y } from "../chunks/PageableTable.333cbdc1.mjs";
+import { addResizeListener as T, removeResizeListener as P } from "@web-utils/integrations/resize";
+import { s as Z, r as ee } from "../chunks/EditableTree.vue_vue_type_style_index_0_lang.5dba9f89.mjs";
+import { _ as te } from "../chunks/Toolbar.5c539dbb.mjs";
+const ie = {
+  name: "FormItemConfigProvider",
+  provide() {
+    return {
+      formItemConfig: this.config
+    };
+  },
+  props: {
+    block: Boolean,
+    wrapCol: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      config: {
+        block: !1,
+        wrapCol: !0
+      }
+    };
+  },
+  watch: {
+    block: {
+      immediate: !0,
+      handler(e) {
+        this.config.block = e;
+      }
+    },
+    wrapCol: {
+      immediate: !0,
+      handler(e) {
+        this.config.wrapCol = e;
+      }
+    }
+  },
+  render() {
+    return this.$scopedSlots.default();
+  }
+};
+let se, re;
+const k = {};
+var oe = /* @__PURE__ */ $(
+  ie,
+  se,
+  re,
+  !1,
+  ae,
+  null,
+  null,
+  null
+);
+function ae(e) {
+  for (let t in k)
+    this[t] = k[t];
+}
+const ne = /* @__PURE__ */ function() {
+  return oe.exports;
+}(), le = {
+  name: "EditableTree",
+  props: {
+    label: {
+      type: String,
+      default: "书签"
+    },
+    addRootNodeLabel: {
+      type: String
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
+    },
+    newNodeBuilder: {
+      type: Function,
+      default: (e, t) => ({
+        name: e,
+        parentId: t.id
+      })
+    },
+    contextMenu: Boolean,
+    lazy: {
+      type: Boolean,
+      default: !0
+    },
+    expandFirstNode: {
+      type: Boolean,
+      default: !0
+    },
+    readonly: Boolean,
+    saveApi: {
+      type: Function
+    },
+    updateApi: {
+      type: Function
+    },
+    deleteApi: {
+      type: Function
+    },
+    fetchApi: {
+      type: Function
+    },
+    customRootNode: {
+      type: {
+        type: Object,
+        default: void 0
+      }
+    },
+    rootNode: {
+      type: Object
+    },
+    contextMenuIcon: Boolean,
+    contextMenuInline: Boolean,
+    treeProps: {
+      type: Object,
+      default: () => ({
+        children: "children",
+        label: "name",
+        isLeaf: (e) => p(e, "hasChildren") ? !e.hasChildren : p(e, "hasChild") ? !e.hasChild : p(e, "children") && e.children ? e.children.length === 0 : !0
+      })
+    },
+    menuLabel: {
+      type: Object,
+      default: () => ({
+        appendPeer: "添加同级节点",
+        appendChild: "添加",
+        removeNode: "删除",
+        editNode: "修改"
+      })
+    },
+    icon: {
+      type: [Function, Boolean],
+      default: () => "el-icon-collection-tag"
+    },
+    confirmButton: {
+      type: Boolean,
+      default: !0
+    },
+    addRootNodeButtonStyle: {
+      type: String,
+      default: "top"
+    },
+    reserveExpandKey: Boolean,
+    nodeKey: {
+      type: String,
+      default: "id"
+    }
+  },
+  data() {
+    return {
+      loading: !1,
+      showMenu: !1,
+      empty: !0,
+      expandedKeys: this.lazy ? [] : this.defaultExpandedKeys,
+      treeData: [],
+      curNode: {},
+      curData: {},
+      position: {},
+      text: "",
+      right: 4,
+      treeKey: Date.now()
+    };
+  },
+  computed: {
+    defaultOptions() {
+      return {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        closeOnClickModal: !1,
+        modal: !0,
+        inputErrorMessage: `${this.label}名不能为空！`,
+        inputPlaceholder: `请输入${this.label}名...`,
+        inputValidator: (e) => e != null && e.trim().length > 0
+      };
+    },
+    innerTreeData() {
+      var e;
+      return (e = this.$attrs.data) != null && e.length ? this.$attrs.data : this.treeData;
+    }
+  },
+  watch: {
+    defaultExpandedKeys: {
+      immediate: !0,
+      handler(e) {
+        this.expandedKeys = [...e];
+      }
+    }
+  },
+  created() {
+    this.tryFetch();
+  },
+  mounted() {
+    T(this.$refs.tree.$el, this.resize), T(this.$refs.treeWrapper, this.resize);
+  },
+  beforeDestroy() {
+    P(this.$refs.tree.$el, this.resize), P(this.$refs.treeWrapper, this.resize);
+  },
+  methods: {
+    filterTreeProperties: q,
+    filterTreeEvents: H,
+    addExpandKey(e) {
+      this.reserveExpandKey && this.expandedKeys.push(e[this.nodeKey]);
+    },
+    removeExpandKey(e) {
+      this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((t) => t !== e[this.nodeKey]));
+    },
+    resize() {
+      D(this.$refs.treeWrapper) ? this.right = 4 + I : this.right = 4;
+    },
+    showContextMenu(e, t, i) {
+      return r(this, null, function* () {
+        t.contextmenu === !1 || t.id === -1 || t.id === 0 || t.edit === !0 || this.contextMenu && (this.curNode = i, this.curData = t, this.showMenu = !0, this.$refs.tree.setCurrentKey(t.id), yield this.$nextTick(), this.position = V(e, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
+      });
+    },
+    hideContextMenu() {
+      this.showMenu = !1, window.removeEventListener("click", this.hideContextMenu);
+    },
+    tryFetch() {
+      return r(this, null, function* () {
+        var e, t;
+        if (this.lazy === !1 && this.fetchApi) {
+          const i = yield this.fetchApi((t = (e = this.rootNode) == null ? void 0 : e.id) != null ? t : -1, {});
+          if (u(i.data) && (i.data = [i.data]), i.data = i.data || [], this.empty = i.data.length === 0, u(this.customRootNode)) {
+            const s = C(this.customRootNode);
+            s[this.treeProps.children || "children"] = i.data, this.treeData = [s];
+          } else if (w(this.customRootNode)) {
+            const s = this.customRootNode(i.data);
+            s[this.treeProps.children || "children"] = i.data, this.treeData = u(s) ? [s] : s;
+          } else
+            this.treeData = i.data;
+        }
+      });
+    },
+    loadNode(e, t) {
+      return r(this, null, function* () {
+        var i, s, o, a;
+        if (e.level === 0) {
+          const n = yield this.fetchApi((s = (i = this.rootNode) == null ? void 0 : i.id) != null ? s : -1, e);
+          if (this.empty = n.data.length === 0, u(this.customRootNode)) {
+            const l = C(this.customRootNode);
+            l[this.treeProps.children || "children"] = n.data, t([l]);
+          } else if (w(this.customRootNode)) {
+            const l = this.customRootNode(n.data);
+            l[this.treeProps.children || "children"] = n.data, this.treeData = u(l) ? [l] : l;
+          } else
+            t(n.data);
+          yield this.$nextTick(), this.$emit("root-node-loaded", n.data), this.defaultExpandedKeys ? this.expandedKeys = [(o = n == null ? void 0 : n.data[0]) == null ? void 0 : o.id, ...this.defaultExpandedKeys] : this.expandFirstNode && (this.expandedKeys = [(a = n == null ? void 0 : n.data[0]) == null ? void 0 : a.id]);
+        } else {
+          if (e.leaf || e.data.isTempNode)
+            return t([]);
+          const n = yield this.fetchApi(e.data.id, e);
+          t(n.data), yield this.$nextTick(), this.$emit("node-loaded", n.data);
+        }
+      });
+    },
+    clear() {
+      this.cancelEdit(), this.removeNewNode();
+    },
+    clearChecked() {
+      this.$refs.tree.setCheckedKeys([]);
+    },
+    removeNewNode() {
+      this.newChild && this.newChild.id === -1 && (console.log(this.newChild), this.$refs.tree.remove(this.newChild), this.$emit("remove-new-node"));
+    },
+    cancelEdit() {
+      this.editData && (m(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
+    },
+    editNode(e, t) {
+      return r(this, null, function* () {
+        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = t, this.text = t[this.treeProps.label], m(t.edit) ? this.$set(t, "edit", !0) : t.edit = !0, yield this.$nextTick(), this.$refs.labelTxt.focus()) : yield this.$prompt(`请输入新的${this.label}名：`, c(h({}, this.defaultOptions), {
+          inputValue: t[this.treeProps.label],
+          beforeClose: (i, s, o) => r(this, null, function* () {
+            if (i === "confirm") {
+              try {
+                s.confirmButtonLoading = !0, s.confirmButtonText = "处理中...", this.text = s.inputValue, yield this.onConfirm(this.curNode, this.curData), o();
+              } catch (a) {
+                s.confirmButtonText = "确定";
+              }
+              s.confirmButtonLoading = !1;
+            } else
+              o();
+          })
+        })).catch((i) => i);
+      });
+    },
+    appendRootNode() {
+      return r(this, null, function* () {
+        this.text = "", !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(void 0), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), yield this.scrollIntoView(!0)) : yield this.$prompt(`请输入${this.label}名：`, c(h({}, this.defaultOptions), {
+          beforeClose: (e, t, i) => r(this, null, function* () {
+            if (e === "confirm") {
+              try {
+                this.createNewChild(-1), t.confirmButtonLoading = !0, t.confirmButtonText = "处理中...";
+                const s = yield this.saveApi(this.newNodeBuilder(t.inputValue, { id: -1 }));
+                this.newChild[this.treeProps.label] = t.inputValue, this.newChild.edit = !1, y(this.newChild, s.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), yield this.locateView(), i();
+              } catch (s) {
+                t.confirmButtonText = "确定";
+              }
+              t.confirmButtonLoading = !1;
+            } else
+              i();
+          })
+        })).catch((e) => e);
+      });
+    },
+    appendChildNode(e) {
+      this.text = "";
+      const t = e.expanded;
+      e.expand(() => r(this, null, function* () {
+        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(e.data.id), this.$refs.tree.append(this.newChild, e), yield this.scrollIntoView(t)) : yield this.$prompt(`请输入${this.label}名：`, c(h({}, this.defaultOptions), {
+          beforeClose: (i, s, o) => r(this, null, function* () {
+            if (i === "confirm") {
+              try {
+                this.createNewChild(e.data.id), s.confirmButtonLoading = !0, s.confirmButtonText = "处理中...";
+                const a = yield this.saveApi(this.newNodeBuilder(s.inputValue, e.data));
+                this.newChild[this.treeProps.label] = s.inputValue, this.newChild.edit = !1, y(this.newChild, a.data), this.$refs.tree.append(this.newChild, e), yield this.locateView(), o();
+              } catch (a) {
+                s.confirmButtonText = "确定";
+              }
+              s.confirmButtonLoading = !1;
+            } else
+              o();
+          })
+        })).catch((i) => i);
+      }));
+    },
+    appendChildNodeWithData(e, t, i) {
+      this.text = "";
+      const s = e.expanded;
+      e.expand(() => r(this, null, function* () {
+        this.clear(), this.newChild = {
+          id: -1,
+          parentId: t,
+          [this.treeProps.label]: i,
+          edit: !1,
+          isTempNode: !0,
+          hasChildren: !1
+        }, this.$refs.tree.append(this.newChild, e), yield this.scrollIntoView(s);
+      }));
+    },
+    appendPeerNode(e) {
+      e.parent && e.parent.level !== 0 ? this.appendChildNode(e.parent) : this.appendRootNode();
+    },
+    addRootNode(e) {
+      return r(this, null, function* () {
+        this.$refs.tree.remove(e), yield this.$nextTick(), this.$refs.tree.root.insertChild({ data: e }, void 0, !0);
+      });
+    },
+    addChildNode(e) {
+      return r(this, null, function* () {
+        this.curNode && this.curNode.level !== 0 ? this.curNode.expand(() => r(this, null, function* () {
+          this.$refs.tree.remove(e), yield this.$nextTick(), this.$refs.tree.append(e, this.curNode);
+        })) : yield this.addRootNode(e);
+      });
+    },
+    addPeerNode(e) {
+      return r(this, null, function* () {
+        this.curNode && this.curNode.parent && this.curNode.parent.level !== 0 ? this.curNode.parent.expand(() => r(this, null, function* () {
+          this.$refs.tree.remove(e), yield this.$nextTick(), this.$refs.tree.append(e, this.curNode.parent);
+        })) : yield this.addRootNode(e);
+      });
+    },
+    updateNode(e) {
+      const t = this.$refs.tree.getNode(e);
+      t && (t.data = e);
+    },
+    setCurrentKey(e) {
+      this.$refs.tree && this.$refs.tree.setCurrentKey(e);
+    },
+    createNewChild(e) {
+      this.newChild = {
+        id: -1,
+        parentId: e,
+        [this.treeProps.label]: "",
+        edit: !0,
+        isTempNode: !0,
+        hasChildren: !1
+      }, this.$emit("create-new-node", this.newChild);
+    },
+    removeNodeModal(e) {
+      return r(this, null, function* () {
+        yield this.$confirm(
+          `你确定要删除${this.label}[<span class="break-word" style="color: orange">${e.data[this.treeProps.label]}</span>]吗？`,
+          "系统提示",
+          {
+            type: "warning",
+            modal: !0,
+            dangerouslyUseHTMLString: !0,
+            iconClass: "el-icon-question",
+            closeOnClickModal: !1,
+            confirmButtonClass: "el-button--danger",
+            cancelButtonClass: "el-button--primary is-plain",
+            beforeClose: (t, i, s) => r(this, null, function* () {
+              if (t === "confirm") {
+                try {
+                  i.confirmButtonLoading = !0, i.confirmButtonText = "删除...";
+                  const o = e.parent, a = yield this.deleteApi(e.data.id);
+                  a.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", o, e.data), s()) : this.$message.error(a.message);
+                } catch (o) {
+                }
+                i.confirmButtonText = "确定", i.confirmButtonLoading = !1;
+              } else
+                s();
+            })
+          }
+        ).catch((t) => t);
+      });
+    },
+    removeNode(e) {
+      return r(this, null, function* () {
+        try {
+          const t = e.parent;
+          if (this.deleteApi) {
+            const i = yield this.deleteApi(e.data.id);
+            i.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data)) : this.$message.error(i.message);
+          } else
+            this.$refs.tree.remove(e);
+        } catch (t) {
+        }
+      });
+    },
+    onConfirm(e, t) {
+      return r(this, null, function* () {
+        if (t[this.treeProps.label] === this.text || !F(this.text)) {
+          this.clear();
+          return;
+        }
+        m(t.loading) ? this.$set(t, "loading", !0) : t.loading = !0;
+        try {
+          if (this.loading = !0, t.id === -1) {
+            const i = yield this.saveApi(this.newNodeBuilder(this.text, e.parent.data || { id: -1 })), s = O(t);
+            y(t, c(h({}, i.data), { isTempNode: !1 })), this.$emit("node-added", t, s, e), this.registerNode(e);
+          } else
+            yield this.updateApi(c(h({}, t), { [this.treeProps.label]: this.text }));
+          t[this.treeProps.label] = this.text, t.edit = !1, this.$emit("node-updated", t, e), this.text = "";
+        } catch (i) {
+        }
+        t.loading = !1, this.loading = !1;
+      });
+    },
+    onCancel(e, t) {
+      t.id === -1 ? this.$refs.tree.remove(e) : t.edit = !1, this.text = "";
+    },
+    nodeClick(e, t, i) {
+      this.hideContextMenu(), (m(e.loading) || !e.loading) && (this.curNode = t, this.curData = e, this.$emit("on-node-click", e, t, i));
+    },
+    getCurrentNode() {
+      return this.$refs.tree.getCurrentNode();
+    },
+    locateView() {
+      return r(this, null, function* () {
+        yield this.$nextTick();
+        const e = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
+        e && e.scrollIntoView();
+      });
+    },
+    scrollIntoView(e) {
+      return r(this, null, function* () {
+        var t, i;
+        yield this.$nextTick(), e || (yield E(300)), (i = (t = this.$refs) == null ? void 0 : t.labelTxt) == null || i.focus();
+      });
+    },
+    inputKeyup(e, t, i) {
+      e.keyCode === 13 && this.onConfirm(t, i), e.keyCode === 27 && this.clear();
+    },
+    inputBlur(e, t, i) {
+      this.confirmButton || this.onConfirm(t, i);
+    },
+    getCheckedKeys() {
+      return this.$refs.tree.getCheckedKeys();
+    },
+    setCheckedKeys(e) {
+      this.$refs.tree.setCheckedKeys(e);
+    },
+    getCheckedNodes() {
+      return this.$refs.tree.getCheckedNodes();
+    },
+    setCheckedNodes(e) {
+      this.$refs.tree.setCheckedNodes(e);
+    },
+    getNode(e) {
+      return this.$refs.tree.getNode(e);
+    },
+    getRootNode() {
+      return this.$refs.tree.root;
+    },
+    findTreeNode(e) {
+      return j(
+        this.$refs.tree.root.childNodes,
+        (t) => t.data === e || t.data.id === e,
+        "childNodes"
+      );
+    },
+    registerNode(e) {
+      e.store.registerNode(e), delete e.store.nodesMap[-1];
+    },
+    reloadTree() {
+      return r(this, null, function* () {
+        this.lazy ? this.treeKey = Date.now() : yield this.tryFetch();
+      });
+    }
+  }
+}, B = {};
+var de = /* @__PURE__ */ $(
+  le,
+  ee,
+  Z,
+  !1,
+  he,
+  null,
+  null,
+  null
+);
+function he(e) {
+  for (let t in B)
+    this[t] = B[t];
+}
+const ce = /* @__PURE__ */ function() {
+  return de.exports;
+}();
+var ue = function() {
+  var e = this, t = e.$createElement, i = e._self._c || t;
+  return i("div", {
     staticClass: "table-view"
-  }, [t("Toolbar", e._g(e._b({
+  }, [i(te, e._g(e._b({
     on: {
       search: e.toggleSearch,
       del: e.del,
@@ -47,21 +585,21 @@ var P = function() {
         proxy: !0
       };
     })], null, !0)
-  }, "Toolbar", e.toolbarProps, !1), e.toolbarListeners)), t("div", {
+  }, "Toolbar", e.toolbarProps, !1), e.toolbarListeners)), i("div", {
     staticClass: "table-view-content-wrapper"
-  }, [t("div", {
+  }, [i("div", {
     staticClass: "table-view-content"
-  }, [e.treeProps.show ? t("div", {
+  }, [e.treeProps.show ? i("div", {
     ref: "treeScroller",
     staticClass: "table-view-sidebar",
     on: {
       scroll: e.onTreeScroll
     }
-  }, [t("div", {
+  }, [i("div", {
     staticStyle: {
       "font-size": "16px"
     }
-  }, [e._v("视图导航")]), t("EditableTree", e._g(e._b({
+  }, [e._v("视图导航")]), i(ce, e._g(e._b({
     ref: "tree",
     attrs: {
       readonly: ""
@@ -69,26 +607,26 @@ var P = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function(s) {
-        var l = s.node, a = s.data;
+        var o = s.node, a = s.data;
         return [e._t("tree-node", function() {
-          return [t("span", [t("i", {
+          return [i("span", [i("i", {
             staticClass: "node-icon",
-            class: l.childNodes.length > 0 ? l.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets"
+            class: o.childNodes.length > 0 ? o.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets"
           }), e._t("tree-label", function() {
-            return [e._v(e._s(l.label))];
+            return [e._v(e._s(o.label))];
           }, {
-            node: l,
+            node: o,
             data: a
           })], 2)];
         }, {
-          node: l,
+          node: o,
           data: a
         })];
       }
     }], null, !0)
-  }, "EditableTree", e.treeProps, !1), e.treeListeners))], 1) : e._e(), t("div", {
+  }, "EditableTree", e.treeProps, !1), e.treeListeners))], 1) : e._e(), i("div", {
     staticClass: "table-view-table"
-  }, [t("PageableTable", e._g(e._b({
+  }, [i(Y, e._g(e._b({
     ref: "table",
     class: [{
       "border-top": e.borderTop,
@@ -103,15 +641,15 @@ var P = function() {
       "row-dblclick": e.rowDbClick,
       "selection-change": e.onSelectionChange
     }
-  }, "PageableTable", e.tableProps, !1), e.tableListeners), [e._t("columns")], 2)], 1)]), e.toolbarProps.searchable ? t("div", {
+  }, "PageableTable", e.tableProps, !1), e.tableListeners), [e._t("columns")], 2)], 1)]), e.toolbarProps.searchable ? i("div", {
     staticClass: "slide-panel",
     style: {
       right: `${e.right}px`,
       width: `${e.searchPanelProps.width}px`
     }
-  }, [e._m(0), t("div", {
+  }, [e._m(0), i("div", {
     staticClass: "slide-panel-content"
-  }, [t("ElForm", {
+  }, [i(X, {
     ref: "form",
     attrs: {
       "label-position": "right",
@@ -124,30 +662,30 @@ var P = function() {
         return s.preventDefault(), e.onSearchClick.apply(null, arguments);
       }
     }
-  }, [t("FormItemConfigProvider", {
+  }, [i(ne, {
     attrs: {
       block: "",
       "wrap-col": !1
     }
-  }, [t("ElRow", {
+  }, [i(Q, {
     attrs: {
       gutter: 0
     }
   }, [e._t("search-form", function() {
-    return [t("p", [e._v("请添加搜索条件！")])];
-  })], 2)], 1), t("ElFormItem", {
+    return [i("p", [e._v("请添加搜索条件！")])];
+  })], 2)], 1), i(J, {
     attrs: {
       "label-width": "0"
     }
-  }, [t("div", {
+  }, [i("div", {
     staticClass: "slide-panel-actions"
-  }, [t("ElButton", {
+  }, [i(N, {
     attrs: {
       type: "primary",
       "native-type": "submit",
       size: "mini"
     }
-  }, [e._v(" 开始搜索 ")]), t("ElButton", {
+  }, [e._v(" 开始搜索 ")]), i(N, {
     attrs: {
       size: "mini"
     },
@@ -155,15 +693,15 @@ var P = function() {
       click: e.onClearClick
     }
   }, [e._v(" 清除条件 ")])], 1)])], 1)], 1)]) : e._e()]), e._t("default")], 2);
-}, S = [function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("div", {
+}, pe = [function() {
+  var e = this, t = e.$createElement, i = e._self._c || t;
+  return i("div", {
     staticClass: "slide-panel-line"
-  }, [t("div", {
+  }, [i("div", {
     staticClass: "slide-panel-line-indicator"
   })]);
 }];
-const $ = [
+const fe = [
   "back",
   "create",
   "save",
@@ -183,16 +721,16 @@ const $ = [
   "disabled",
   "reload",
   "slot"
-], T = {
+], me = {
   name: "TableView",
   bus: {
-    reloadTableView(e, r) {
+    reloadTableView(e, t) {
       if (this._viewIds)
-        if (d(e) || m(e)) {
-          let t = e;
-          d(t) && (t = t.split(",")), this._viewIds.some((s) => t.includes(s)) && (r ? this.$refs.tree && (f.call(this.$parent || {}, "reloadTree"), this.refreshTree()) : (f.call(this.$parent || {}, "reloadTable"), this.reloadTable()));
+        if (x(e) || z(e)) {
+          let i = e;
+          x(i) && (i = i.split(",")), this._viewIds.some((s) => i.includes(s)) && (t ? this.$refs.tree && (v.call(this.$parent || {}, "reloadTree"), this.refreshTree()) : (v.call(this.$parent || {}, "reloadTable"), this.reloadTable()));
         } else
-          _.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+          W.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
     }
   },
   props: {
@@ -260,20 +798,20 @@ const $ = [
   },
   computed: {
     buttonSlots() {
-      return $.filter((e) => this.$scopedSlots[e]);
+      return fe.filter((e) => this.$scopedSlots[e]);
     },
     toolbarProps() {
-      var s, l;
-      const e = {}, r = n(this.toolbarAttrs, e);
-      let t = (r == null ? void 0 : r.buttons) || this.$parent.buttons;
-      return t = t || [], t.includes("reload") || (t = [...t, "reload"]), r.buttons = t, r.buttons = g(r.buttons), r.searchable = !!((l = (s = this.$scopedSlots)["search-form"]) != null && l.call(s)), r;
+      var s, o;
+      const e = {}, t = f(this.toolbarAttrs, e);
+      let i = (t == null ? void 0 : t.buttons) || this.$parent.buttons;
+      return i = i || [], i.includes("reload") || (i = [...i, "reload"]), t.buttons = i, t.buttons = U(t.buttons), t.searchable = !!((o = (s = this.$scopedSlots)["search-form"]) != null && o.call(s)), t;
     },
     treeProps() {
       const e = {
         treeProps: {
           children: "children",
           label: "label",
-          isLeaf: (r) => p(r, "hasChildren") ? !r.hasChildren : p(r, "hasChild") ? !r.hasChild : !0
+          isLeaf: (t) => p(t, "hasChildren") ? !t.hasChildren : p(t, "hasChild") ? !t.hasChild : !0
         },
         show: !1,
         lazy: !0,
@@ -282,30 +820,30 @@ const $ = [
         "expand-first-node": !1,
         "default-expand-all": !1
       };
-      return n(this.treeAttrs, e);
+      return f(this.treeAttrs, e);
     },
     tableProps() {
-      const e = this.tableAttrs.api || this.$parent.getPage, r = {
+      const e = this.tableAttrs.api || this.$parent.getPage, t = {
         model: this.searchModel || {},
         height: "auto",
         "highlight-current-row": !0,
         api: e
       };
-      return n(this.tableAttrs, r);
+      return f(this.tableAttrs, t);
     },
     searchPanelProps() {
       const e = {
         width: 350,
         model: this.searchModel || {}
       };
-      return n(this.searchPanelAttrs, e);
+      return f(this.searchPanelAttrs, e);
     }
   },
   created() {
     this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
   },
   activated() {
-    return o(this, null, function* () {
+    return r(this, null, function* () {
       this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
     });
   },
@@ -317,21 +855,21 @@ const $ = [
       this.right = this.right === 0 ? -this.searchPanelProps.width : 0;
     },
     onSearchClick() {
-      return o(this, null, function* () {
+      return r(this, null, function* () {
         this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
       });
     },
     onClearClick() {
-      return o(this, null, function* () {
+      return r(this, null, function* () {
         this.$emit("reset"), this.$refs.form.resetFields(), this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
       });
     },
     openFrom(e) {
-      this.$router.push(v(this.formPath, e));
+      this.$router.push(G(this.formPath, e));
     },
     rowDbClick(e) {
-      var r;
-      !((r = this.tableListeners) != null && r["row-dblclick"]) && this.formPath && this.openFrom(e);
+      var t;
+      !((t = this.tableListeners) != null && t["row-dblclick"]) && this.formPath && this.openFrom(e);
     },
     onSelectionChange(e) {
       this.selectedRows = e;
@@ -341,10 +879,10 @@ const $ = [
       !((e = this.toolbarListeners) != null && e.create) && this.formPath && this.openFrom();
     },
     del() {
-      return o(this, null, function* () {
-        var r;
+      return r(this, null, function* () {
+        var t;
         const e = this.deleteApi || this.$parent.del;
-        if (!((r = this.toolbarListeners) != null && r.del) && w(e)) {
+        if (!((t = this.toolbarListeners) != null && t.del) && w(e)) {
           if (!this.selectedRows.length) {
             this.$message.warning("请选择要删除的记录！");
             return;
@@ -357,16 +895,16 @@ const $ = [
               modal: !0,
               dangerouslyUseHTMLString: !0,
               closeOnClickModal: !1,
-              beforeClose: (t, s, l) => o(this, null, function* () {
-                if (t === "confirm")
+              beforeClose: (i, s, o) => r(this, null, function* () {
+                if (i === "confirm")
                   try {
                     s.confirmButtonLoading = !0, s.confirmButtonText = "删除...", yield e.call(this, this.selectedRows.map((a) => a.id).join(",")), this.$message.success("删除成功"), yield this.reloadTable(), yield this.refreshTree();
                   } catch (a) {
                   }
-                l();
+                o();
               })
             }
-          ).catch((t) => t);
+          ).catch((i) => i);
         }
       });
     },
@@ -375,7 +913,7 @@ const $ = [
       (e = this.$refs.table) == null || e.reload();
     },
     refreshTable() {
-      return o(this, null, function* () {
+      return r(this, null, function* () {
         var e;
         yield (e = this.$refs.table) == null ? void 0 : e.getPage();
       });
@@ -387,24 +925,24 @@ const $ = [
       return this.searchPanelProps.model;
     }
   }
-}, u = {};
-var C = /* @__PURE__ */ y(
-  T,
-  P,
-  S,
+}, S = {};
+var be = /* @__PURE__ */ $(
+  me,
+  ue,
+  pe,
   !1,
-  L,
+  ye,
   null,
   null,
   null
 );
-function L(e) {
-  for (let r in u)
-    this[r] = u[r];
+function ye(e) {
+  for (let t in S)
+    this[t] = S[t];
 }
-const M = /* @__PURE__ */ function() {
-  return C.exports;
+const Me = /* @__PURE__ */ function() {
+  return be.exports;
 }();
 export {
-  M as default
+  Me as default
 };