@web-utils/component 3.8.3 → 4.0.1

package/table-view/index.mjs

@@ -1,24 +1,12 @@
-var a = (r, e, t) => new Promise((s, l) => {
-  var o = (i) => {
-    try {
-      c(t.next(i));
-    } catch (h) {
-      l(h);
-    }
-  }, b = (i) => {
-    try {
-      c(t.throw(i));
-    } catch (h) {
-      l(h);
-    }
-  }, c = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(o, b);
-  c((t = t.apply(r, e)).next());
-});
-import { merge as n } from "@web-utils/integrations/lodash";
-import { isFunction as u, toStringArray as m, isString as d, isArray as g, trace as f, warning as w, hasOwn as p } from "@web-utils/core";
-import { k as _ } from "../chunks/index.MAFc4eFi.mjs";
-import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const P = [
+import { isFunction as w, toStringArray as g, isString as i, isArray as d, trace as u, warning as b, hasOwn as p } from "@web-utils/core";
+import { merge as a } from "@web-utils/integrations/lodash";
+import { e as v } from "../chunks/index.d3MV3Wq2.mjs";
+import _ from "../form-item-config-provider/index.mjs";
+import { g as f } from "../chunks/configComponents.BDhlZU8F.mjs";
+import { b as n } from "../chunks/core.DJEgjQW6.mjs";
+import y from "element-ui/lib/transitions/collapse-transition";
+import { n as S } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const T = [
   "back",
   "create",
   "save",
@@ -38,22 +26,29 @@ const P = [
   "disabled",
   "reload",
   "slot"
-], y = {
+], P = {
   name: "TableView",
   bus: {
-    reloadTableView(r, e) {
+    reloadTableView(t) {
+      if (this._viewIds)
+        if (i(t) || d(t)) {
+          let e = t;
+          i(e) && (e = e.split(",")), this._viewIds.some((r) => e.includes(r)) && (u.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
+        } else
+          b.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+    },
+    reloadTreeView(t) {
       if (this._viewIds)
-        if (d(r) || g(r)) {
-          let t = r;
-          d(t) && (t = t.split(",")), this._viewIds.some((s) => t.includes(s)) && (e ? this.$refs.tree && (f.call(this.$parent || {}, "reloadTree"), this.refreshTree()) : (f.call(this.$parent || {}, "reloadTable"), this.reloadTable()));
+        if (i(t) || d(t)) {
+          let e = t;
+          i(e) && (e = e.split(",")), this._viewIds.some((r) => e.includes(r)) && this.$refs.tree && (u.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
         } else
-          w.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+          b.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
     }
   },
+  components: { FormItemConfigProvider: _, ElCollapseTransition: y },
   props: {
-    viewId: {
-      type: String
-    },
+    viewId: [String, Array],
     searchPanelAttrs: {
       type: Object,
       default: () => {
@@ -64,31 +59,21 @@ const P = [
       default: () => {
       }
     },
-    toolbarListeners: {
-      type: Object
-    },
+    toolbarListeners: Object,
     treeAttrs: {
       type: Object,
       default: () => {
       }
     },
-    treeListeners: {
-      type: Object
-    },
-    tableAttrs: {
-      type: Object
-    },
-    searchModel: {
-      type: Object
-    },
+    treeListeners: Object,
+    tableAttrs: Object,
+    searchModel: Object,
     tableListeners: {
       type: Object,
       default: () => {
       }
     },
-    deleteApi: {
-      type: Function
-    },
+    deleteApi: Function,
     borderTop: Boolean,
     borderBottom: Boolean,
     borderLeft: Boolean,
@@ -99,32 +84,45 @@ const P = [
     },
     labelWidth: {
       type: String,
-      default: "80px"
+      default: "120px"
     },
-    formPath: {
-      type: [String, Function]
+    formPath: [String, Function],
+    searchFormPosition: {
+      type: String,
+      default: "top"
+    },
+    embed: Boolean,
+    deleteTips: String,
+    selectTips: String,
+    rowKey: {
+      type: String,
+      default: "id"
+    },
+    expandSearch: Boolean,
+    showToolbar: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
-    var r;
     return {
       importDialogVisible: !1,
-      right: -(((r = this.searchPanelAttrs) == null ? void 0 : r.width) || 350),
-      selectedRows: []
+      selectedRows: [],
+      isSearchVisible: !1
     };
   },
   computed: {
     buttonSlots() {
-      return P.filter((r) => this.$scopedSlots[r]);
+      return T.filter((t) => this.$scopedSlots[t]);
     },
     toolbarProps() {
       var s, l;
-      const r = {}, e = n(this.toolbarAttrs, r);
-      let t = (e == null ? void 0 : e.buttons) || this.$parent.buttons;
-      return t = t || [], t.includes("reload") || (t = [...t, "reload"]), e.buttons = t, e.buttons = m(e.buttons), e.searchable = !!((l = (s = this.$scopedSlots)["search-form"]) != null && l.call(s)), e;
+      const t = {}, e = a({}, this.toolbarAttrs, t);
+      let r = (e == null ? void 0 : e.buttons) || this.$parent.buttons;
+      return r = r || [], e.buttons = r, e.buttons = f.privilege.processButtons(e.buttons), e.buttons = g(e.buttons), e.searchable = !!((l = (s = this.$scopedSlots)["search-form"]) != null && l.call(s)), e;
     },
     treeProps() {
-      const r = {
+      const t = {
         treeProps: {
           children: "children",
           label: "label",
@@ -134,151 +132,196 @@ const P = [
         lazy: !0,
         readonly: !0,
         data: [],
-        "expand-first-node": !1,
-        "default-expand-all": !1
+        expandFirstNode: !0,
+        defaultExpandAll: !1
       };
-      return n(this.treeAttrs, r);
+      return n(a({}, this.treeAttrs, t));
     },
     tableProps() {
-      const r = this.tableAttrs.api || this.$parent.getPage, e = {
+      const t = this.tableAttrs.api || this.$parent.getPage, e = {
         model: this.searchModel || {},
         height: "auto",
-        "highlight-current-row": !0,
-        api: r
+        highlightCurrentRow: !0,
+        api: t
       };
-      return n(this.tableAttrs, e);
+      return n(a({}, this.tableAttrs, e));
     },
     searchPanelProps() {
-      const r = {
+      const t = {
         width: 350,
         model: this.searchModel || {}
       };
-      return n(this.searchPanelAttrs, r);
+      return n(a({}, this.searchPanelAttrs, t));
+    },
+    toolbarEventHandlers() {
+      if (this.toolbarListeners) {
+        const { exp: t, ...e } = this.toolbarListeners;
+        return e;
+      }
+      return null;
+    },
+    tableScopeSlotNames() {
+      var t, e;
+      return ((e = (t = this.tableAttrs) == null ? void 0 : t.columns) == null ? void 0 : e.map((r) => r.prop).filter((r) => this.$scopedSlots[r])) ?? [];
+    }
+  },
+  watch: {
+    expandSearch: {
+      immediate: !0,
+      handler(t) {
+        this.isSearchVisible = t;
+      }
     }
   },
   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 a(this, null, function* () {
-      this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
-    });
+    this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
   },
   methods: {
+    toHyphenateKey: n,
     onTreeScroll() {
       this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
     },
     toggleSearch() {
-      this.right = this.right === 0 ? -this.searchPanelProps.width : 0;
+      this.isSearchVisible = !this.isSearchVisible;
     },
-    onSearchClick() {
-      return a(this, null, function* () {
-        this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
-      });
+    async onSearchClick() {
+      await this.reloadTable();
     },
-    onClearClick() {
-      return a(this, null, function* () {
-        this.$emit("reset"), this.$refs.form.resetFields(), this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
-      });
+    async onClearClick() {
+      this.$emit("reset"), this.$refs.form.resetFields(), await this.reloadTable();
     },
-    openFrom(r) {
-      this.$router.push(_(this.formPath, r));
+    openFrom(t) {
+      this.$router.push(v(this.formPath, t));
     },
-    rowDbClick(r) {
+    rowDbClick(t) {
       var e;
-      !((e = this.tableListeners) != null && e["row-dblclick"]) && this.formPath && this.openFrom(r);
+      !((e = this.tableListeners) != null && e["row-dblclick"]) && this.formPath && this.openFrom(t);
     },
-    onSelectionChange(r) {
-      this.selectedRows = r;
+    onSelectionChange(t) {
+      this.selectedRows = t;
     },
     create() {
-      var r;
-      !((r = this.toolbarListeners) != null && r.create) && this.formPath && this.openFrom();
+      var t;
+      !((t = this.toolbarListeners) != null && t.create) && this.formPath && this.openFrom();
     },
-    del() {
-      return a(this, null, function* () {
-        var e;
-        const r = this.deleteApi || this.$parent.del;
-        if (!((e = this.toolbarListeners) != null && e.del) && u(r)) {
-          if (!this.selectedRows.length) {
-            this.$message.warning("请选择要删除的记录！");
-            return;
-          }
-          yield this.$confirm(`您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`, "系统提示", {
+    async del() {
+      var e;
+      const t = this.deleteApi || this.$parent.del;
+      if (!((e = this.toolbarListeners) != null && e.del) && w(t)) {
+        if (!this.selectedRows.length) {
+          this.$message.warning(this.selectTips || "请选择要删除的记录！");
+          return;
+        }
+        await this.$confirm(
+          this.deleteTips || `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`,
+          "系统提示",
+          {
             type: "warning",
             modal: !0,
             dangerouslyUseHTMLString: !0,
             closeOnClickModal: !1,
-            beforeClose: (t, s, l) => a(this, null, function* () {
-              if (t === "confirm")
+            beforeClose: async (r, s, l) => {
+              var o, c;
+              if (r === "confirm")
                 try {
-                  s.confirmButtonLoading = !0, s.confirmButtonText = "删除...", yield r.call(this, this.selectedRows.map((o) => o.id).join(",")), this.$message.success("删除成功"), yield this.reloadTable(), yield this.refreshTree();
-                } catch (o) {
+                  s.confirmButtonLoading = !0, s.confirmButtonText = "删除...";
+                  const h = await t.call(
+                    this,
+                    this.selectedRows.map((m) => m[this.rowKey])
+                  );
+                  this.$message.success(h.data.msg || "删除成功"), this.reloadTableAndTree(), (c = (o = f.tableView) == null ? void 0 : o.reload) == null || c.call(o);
+                } catch {
                 }
               l();
-            })
-          }).catch((t) => t);
-        }
-      });
+            }
+          }
+        ).catch((r) => r);
+      }
     },
     reloadTable() {
-      var r;
-      (r = this.$refs.table) == null || r.reload();
+      var t;
+      (t = this.$refs.table) == null || t.reload();
+    },
+    async refreshTable(t) {
+      var e;
+      await ((e = this.$refs.table) == null ? void 0 : e.getPage(t));
     },
-    refreshTable() {
-      return a(this, null, function* () {
-        var r;
-        yield (r = this.$refs.table) == null ? void 0 : r.getPage();
-      });
+    reloadTree() {
+      var t;
+      (t = this.$refs.tree) == null || t.reloadTree();
     },
-    refreshTree() {
-      this.$refs.tree.reloadTree();
+    reloadTableAndTree() {
+      this.reloadTable(), this.reloadTree();
     },
-    getSearchModel() {
-      return this.searchPanelProps.model;
+    currentRow() {
+      return this.$refs.table.currentRow;
+    },
+    getPageQuery() {
+      return this.$refs.table.getPageQuery();
+    },
+    exp() {
+      var t, e;
+      (e = (t = this.toolbarListeners).exp) == null || e.call(t, this.selectedRows);
+    },
+    getTableColumns() {
+      return this.$refs.table.tableColumns;
     }
   }
 };
-var S = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "table-view" }, [t("Toolbar", e._g(e._b({ on: { search: e.toggleSearch, del: e.del, create: e.create, reload: e.reloadTable, imp: function(s) {
+var C = function() {
+  var e = this, r = e._self._c;
+  return r("div", { class: ["table-view", { embed: e.embed, "has-tree": e.treeProps.show }] }, [r("div", { staticClass: "table-view-wrapper" }, [e.searchFormPosition === "top" ? [r("ElCollapseTransition", [e.toolbarProps.searchable ? r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSearchVisible, expression: "isSearchVisible" }], staticClass: "search-form-top" }, [r("ElForm", { ref: "form", attrs: { "label-position": "right", model: e.searchModel || e.searchPanelProps.model, size: "mini", "label-width": e.labelWidth }, nativeOn: { "!submit": function(s) {
+    return s.preventDefault(), e.onSearchClick.apply(null, arguments);
+  } } }, [r("FormItemConfigProvider", { attrs: { reactive: "" } }, [r("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form", function() {
+    return [r("p", [e._v("请添加搜索条件！")])];
+  }), r("FormItem", { staticClass: "search-actions", attrs: { "hide-label": "" } }, [r("ElButton", { attrs: { type: "primary", "native-type": "submit", size: "mini" } }, [e._v("开始搜索")]), r("ElButton", { staticStyle: { "margin-left": "10px" }, attrs: { size: "mini" }, on: { click: e.onClearClick } }, [e._v("清除条件")])], 1)], 2)], 1)], 1)], 1) : e._e()])] : e._e(), e.showToolbar ? r("Toolbar", e._g(e._b({ attrs: { refreshable: "" }, on: { search: e.toggleSearch, settings: () => e.$refs.table.toggleSettings(), del: e.del, create: e.create, reload: e.reloadTableAndTree, exp: e.exp, imp: function(s) {
     e.importDialogVisible = !0;
   } }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._t("toolbar-button")];
+    return [e._t("toolbar-button", null, { selectedRows: e.selectedRows })];
+  }, proxy: !0 }, { key: "toolbar-left", fn: function() {
+    return [e._t("toolbar-left", null, { selectedRows: e.selectedRows })];
+  }, proxy: !0 }, { key: "toolbar-right", fn: function() {
+    return [e._t("toolbar-right", null, { del: e.del, create: e.create, reload: e.reloadTableAndTree, selectedRows: e.selectedRows })];
+  }, proxy: !0 }, { key: "toolbar-right-button", fn: function() {
+    return [e._t("toolbar-right-button")];
   }, proxy: !0 }, e._l(e.buttonSlots, function(s) {
     return { key: s, fn: function() {
-      return [e._t(s)];
+      return [e._t(s, null, { selectedRows: e.selectedRows })];
     }, proxy: !0 };
-  })], null, !0) }, "Toolbar", e.toolbarProps, !1), e.toolbarListeners)), t("div", { staticClass: "table-view-content-wrapper" }, [t("div", { staticClass: "table-view-content" }, [e.treeProps.show ? t("div", { ref: "treeScroller", staticClass: "table-view-sidebar", on: { scroll: e.onTreeScroll } }, [t("div", { staticStyle: { "font-size": "16px" } }, [e._v("视图导航")]), t("EditableTree", e._g(e._b({ ref: "tree", attrs: { readonly: "" }, scopedSlots: e._u([{ key: "default", fn: function({ node: s, data: l }) {
+  })], null, !0) }, "Toolbar", e.toolbarProps, !1), e.toolbarEventHandlers)) : e._e(), r("div", { staticClass: "table-view-content-wrapper" }, [r("div", { staticClass: "table-view-content" }, [e.treeProps.show ? r("div", { ref: "treeScroller", staticClass: "table-view-sidebar", on: { scroll: e.onTreeScroll } }, [r("EditableTree", e._g(e._b({ ref: "tree", attrs: { readonly: "" }, scopedSlots: e._u([{ key: "default", fn: function({ node: s, data: l }) {
     return [e._t("tree-node", function() {
-      return [t("span", [t("i", { staticClass: "node-icon", class: s.childNodes.length > 0 ? s.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets" }), e._t("tree-label", function() {
+      return [r("span", [r("i", { staticClass: "node-icon", class: s.childNodes.length > 0 ? s.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets" }), e._t("tree-label", function() {
         return [e._v(e._s(s.label))];
       }, { node: s, data: l })], 2)];
     }, { node: s, data: l })];
-  } }], null, !0) }, "EditableTree", e.treeProps, !1), e.treeListeners))], 1) : e._e(), t("div", { staticClass: "table-view-table" }, [t("PageableTable", e._g(e._b({ ref: "table", class: [
+  } }], null, !0) }, "EditableTree", e.treeProps, !1), e.toHyphenateKey(e.treeListeners)))], 1) : e._e(), r("div", { staticClass: "table-view-table" }, [r("PageableTable", e._g(e._b({ ref: "table", class: [
     {
       "border-top": e.borderTop,
       "border-bottom": e.borderBottom,
       "border-left": e.borderLeft || e.treeAttrs && e.treeAttrs.show,
       "border-right": e.borderRight
     }
-  ], attrs: { border: e.border }, on: { "row-dblclick": e.rowDbClick, "selection-change": e.onSelectionChange } }, "PageableTable", e.tableProps, !1), e.tableListeners), [e._t("columns")], 2)], 1)]), e.toolbarProps.searchable ? t("div", { staticClass: "slide-panel", style: { right: `${e.right}px`, width: `${e.searchPanelProps.width}px` } }, [e._m(0), t("div", { staticClass: "slide-panel-content" }, [t("ElForm", { ref: "form", attrs: { "label-position": "right", model: e.searchModel || e.searchPanelProps.model, size: "mini", "label-width": e.labelWidth }, nativeOn: { "!submit": function(s) {
+  ], attrs: { border: e.border }, on: { "row-dblclick": e.rowDbClick, "selection-change": e.onSelectionChange }, scopedSlots: e._u([e._l(e.tableScopeSlotNames, function(s) {
+    return { key: s, fn: function({ row: l }) {
+      return [e._t(s, null, { row: l })];
+    } };
+  })], null, !0) }, "PageableTable", e.tableProps, !1), e.toHyphenateKey(e.tableListeners)), [e._t("columns")], 2)], 1)]), e.searchFormPosition === "right" ? [r("Transition", { attrs: { name: "slide" } }, [e.toolbarProps.searchable ? r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSearchVisible, expression: "isSearchVisible" }], staticClass: "slide-panel", style: { width: `${e.searchPanelProps.width}px` } }, [r("div", { staticClass: "slide-panel-content" }, [r("ElForm", { ref: "form", attrs: { "label-position": "right", model: e.searchModel || e.searchPanelProps.model, size: "mini", "label-width": e.labelWidth }, nativeOn: { "!submit": function(s) {
     return s.preventDefault(), e.onSearchClick.apply(null, arguments);
-  } } }, [t("FormItemConfigProvider", { attrs: { block: "", "wrap-col": !1 } }, [t("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form", function() {
-    return [t("p", [e._v("请添加搜索条件！")])];
-  })], 2)], 1), t("ElFormItem", { attrs: { "label-width": "0" } }, [t("div", { staticClass: "slide-panel-actions" }, [t("ElButton", { attrs: { type: "primary", "native-type": "submit", size: "mini" } }, [e._v(" 开始搜索 ")]), t("ElButton", { attrs: { size: "mini" }, on: { click: e.onClearClick } }, [e._v(" 清除条件 ")])], 1)])], 1)], 1)]) : e._e()]), e._t("default")], 2);
-}, T = [function() {
-  var r = this, e = r._self._c;
-  return e("div", { staticClass: "slide-panel-line" }, [e("div", { staticClass: "slide-panel-line-indicator" })]);
-}], $ = /* @__PURE__ */ v(
-  y,
-  S,
-  T,
+  } } }, [r("FormItemConfigProvider", { attrs: { block: "", "wrap-col": !1 } }, [r("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form", function() {
+    return [r("p", [e._v("请添加搜索条件！")])];
+  })], 2)], 1), r("ElFormItem", { attrs: { "label-width": "0" } }, [r("div", { staticClass: "slide-panel-actions" }, [r("ElButton", { attrs: { type: "primary", "native-type": "submit", size: "mini" } }, [e._v("开始搜索")]), r("ElButton", { attrs: { size: "mini" }, on: { click: e.onClearClick } }, [e._v("清除条件")])], 1)])], 1)], 1)]) : e._e()])] : e._e()], 2), e._t("default")], 2)]);
+}, $ = [], k = /* @__PURE__ */ S(
+  P,
+  C,
+  $,
   !1,
   null,
   null
 );
-const B = $.exports;
+const E = k.exports;
 export {
-  B as default
+  E as default
 };

package/table-view/style.css

@@ -1 +1 @@
-.table-view{flex-direction:column;height:100%;display:flex}.table-view .el-table--border{border:none}.table-view .border-top .el-table--border{border-top:1px solid #ebeef5}.table-view .border-bottom .el-table--border{border-bottom:1px solid #ebeef5}.table-view .border-left .el-table--border,.table-view .border-left .el-pagination{border-left:1px solid #ebeef5}.table-view .border-right .el-table--border{border-right:1px solid #ebeef5}.table-view .table-view-content-wrapper{flex:1;position:relative;overflow:hidden}.table-view .table-view-content{background-color:#fff;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.table-view .table-view-sidebar{flex-shrink:0;width:240px;height:100%;padding:10px;overflow:auto}.table-view .table-view-sidebar .et-tree-wrapper{display:table;overflow:visible}.table-view .table-view-table{flex:auto;height:100%}.table-view .slide-panel{z-index:5;background-color:#fff;transition:right .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.table-view .slide-panel .slide-panel-line{background-color:#ddd;flex-shrink:0;width:3px;height:100%;position:relative}.table-view .slide-panel .slide-panel-line-indicator{background-color:#aaa;width:100%;height:50px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.table-view .slide-panel .slide-panel-actions{justify-content:center;align-items:center;margin-top:10px;display:flex}.table-view .slide-panel .slide-panel-content{flex:1;padding:10px;overflow:auto}.table-view .slide-panel .slide-panel-content .el-date-editor{width:100%}
+.table-view{flex-direction:column;height:100%;padding:10px;display:flex}.table-view.has-tree .table-view-wrapper .pageable-table-wrapper,.table-view.embed{padding:0}.table-view.embed .toolbar{border:1px solid #ebeef5;border-bottom:none}.table-view.embed .table-view-wrapper{box-shadow:none;border-radius:0}.table-view.embed .table-view-wrapper .pageable-table-wrapper{padding:0}.table-view .toolbar{border-bottom:none;height:46px;line-height:46px}.table-view .table-view-wrapper{border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000001a}.table-view .table-view-wrapper .pageable-table-wrapper{padding-left:10px;padding-right:10px}.table-view .table-view-wrapper .el-pagination{color:#303133;white-space:nowrap;text-align:left;padding:6px 10px;font-weight:700}.table-view .border-top .el-table--border{border-top:1px solid #ebeef5}.table-view .border-bottom .el-table--border{border-bottom:1px solid #ebeef5}.table-view .border-left .el-table--border,.table-view .border-left .el-pagination{border-left:1px solid #ebeef5}.table-view .border-right .el-table--border{border-right:1px solid #ebeef5}.table-view .node-icon{margin-right:4px}.table-view .table-view-content-wrapper{flex:1;position:relative;overflow:hidden}.table-view .table-view-content{background-color:#fff;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.table-view .table-view-sidebar{background-color:#fafafa;border-top:1px solid #ebeef5;flex-shrink:0;width:240px;height:100%;padding:4px 10px 10px 4px;overflow:auto}.table-view .table-view-sidebar .et-tree-wrapper{display:table;overflow:visible}.table-view .table-view-sidebar .et-tree-wrapper .el-tree{background-color:#0000}.table-view .table-view-table{flex:auto;height:100%}.table-view .search-form-top{background-color:#fff;padding:10px 10px 0}.table-view .search-form-top .el-form-item__content{align-items:center;display:flex}.table-view .search-actions{float:right}.table-view .search-actions .el-form-item__content{text-align:right;justify-content:right}.table-view .slide-panel{z-index:5;background-color:#fff;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 10px 5px #0000001a}.table-view .slide-panel .slide-panel-line{background-color:#ddd;flex-shrink:0;width:3px;height:100%;position:relative}.table-view .slide-panel .slide-panel-line-indicator{background-color:#aaa;width:100%;height:50px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.table-view .slide-panel .slide-panel-actions{justify-content:center;align-items:center;margin-top:10px;display:flex}.table-view .slide-panel .slide-panel-content{flex:1;padding:10px;overflow:auto}.table-view .slide-panel .slide-panel-content .el-date-editor{width:100%}

package/tabs-view/index.mjs

@@ -0,0 +1,104 @@
+import { toStringArray as a } from "@web-utils/core";
+import { merge as n } from "@web-utils/integrations/lodash";
+import { g as l } from "../chunks/configComponents.BDhlZU8F.mjs";
+import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const u = [
+  "back",
+  "create",
+  "save",
+  "withdraw",
+  "edit",
+  "submit",
+  "publish",
+  "agree",
+  "disagree",
+  "reject",
+  "finish",
+  "cancel",
+  "enable",
+  "exp",
+  "imp",
+  "del",
+  "disabled",
+  "reload",
+  "slot"
+], b = {
+  name: "TabsView",
+  props: {
+    toolbarAttrs: {
+      type: Object,
+      default: () => {
+      }
+    },
+    toolbarListeners: Object,
+    embed: Boolean,
+    leftSide: Boolean,
+    tabs: {
+      type: Array,
+      default: () => []
+    },
+    defaultTab: String
+  },
+  data() {
+    return {
+      tab: null
+    };
+  },
+  computed: {
+    buttonSlots() {
+      return u.filter((r) => this.$scopedSlots[r]);
+    },
+    toolbarProps() {
+      var o, s;
+      const r = {}, t = n({}, this.toolbarAttrs, r);
+      let e = (t == null ? void 0 : t.buttons) || this.$parent.buttons;
+      return e = e || [], t.buttons = e, t.buttons = l.privilege.processButtons(t.buttons), t.buttons = a(t.buttons), t.searchable = !!((s = (o = this.$scopedSlots)["search-form"]) != null && s.call(o)), t;
+    },
+    toolbarEventHandlers() {
+      if (this.toolbarListeners) {
+        const { exp: r, ...t } = this.toolbarListeners;
+        return t;
+      }
+      return null;
+    }
+  },
+  watch: {
+    tabs: {
+      immediate: !0,
+      handler(r) {
+        !this.defaultTab && (r == null ? void 0 : r.length) > 0 ? this.tab = r[0].value : this.tab = this.defaultTab;
+      }
+    }
+  }
+};
+var c = function() {
+  var t = this, e = t._self._c;
+  return e("div", { class: ["tabs-view", { embed: t.embed }] }, [e("div", { staticClass: "tabs-view-wrapper" }, [e("Toolbar", t._g(t._b({ staticStyle: { "border-bottom": "1px solid #eee" }, scopedSlots: t._u([{ key: "default", fn: function() {
+    return [t._t("toolbar-button")];
+  }, proxy: !0 }, { key: "toolbar-left", fn: function() {
+    return [t._t("toolbar-left", function() {
+      return t._l(t.tabs, function(o) {
+        return e("ElTag", { key: o.value, staticStyle: { "margin-right": "14px", cursor: "pointer" }, attrs: { effect: o.value === t.tab ? "dark" : null, type: "primary" }, on: { click: function(s) {
+          t.tab = o.value;
+        } } }, [t._v(" " + t._s(o.label) + " ")]);
+      });
+    }), t._t("toolbar-left-append")];
+  }, proxy: !0 }, { key: "toolbar-right", fn: function() {
+    return [t._t("toolbar-right")];
+  }, proxy: !0 }, t._l(t.buttonSlots, function(o) {
+    return { key: o, fn: function() {
+      return [t._t(o)];
+    }, proxy: !0 };
+  })], null, !0) }, "Toolbar", t.toolbarProps, !1), t.toolbarEventHandlers)), e("div", { staticClass: "tabs-view-content-wrapper" }, [e("div", { staticClass: "tabs-view-content" }, [t.leftSide ? e("div", { ref: "treeScroller", staticClass: "tabs-view-sidebar" }, [t._t("left")], 2) : t._e(), e("div", { staticClass: "tabs-view-right" }, [t._t("default", null, { tab: t.tab })], 2)])])], 1)]);
+}, f = [], d = /* @__PURE__ */ i(
+  b,
+  c,
+  f,
+  !1,
+  null,
+  null
+);
+const m = d.exports;
+export {
+  m as default
+};

package/tabs-view/style.css

@@ -0,0 +1 @@
+.tabs-view{flex-direction:column;height:100%;padding:10px;display:flex}.tabs-view.embed{padding:0}.tabs-view.embed .toolbar{border:1px solid #ebeef5;border-bottom:none}.tabs-view.embed .tabs-view-wrapper{box-shadow:none;border-radius:0}.tabs-view .toolbar{border-bottom:none;height:46px;line-height:46px}.tabs-view .tabs-view-wrapper{border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000001a}.tabs-view .tabs-view-content-wrapper{flex:1;position:relative;overflow:hidden}.tabs-view .tabs-view-content{background-color:#fff;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.tabs-view .tabs-view-sidebar{background-color:#fafafa;border-top:1px solid #ebeef5;flex-shrink:0;width:240px;height:100%;padding:4px 10px 10px 4px;overflow:auto}.tabs-view .tabs-view-right{flex:auto;height:100%}

package/tag-render/index.mjs

@@ -1,17 +1,6 @@
-var c = Object.defineProperty;
-var r = Object.getOwnPropertySymbols;
-var u = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var l = (t, e, a) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, i = (t, e) => {
-  for (var a in e || (e = {}))
-    u.call(e, a) && l(t, a, e[a]);
-  if (r)
-    for (var a of r(e))
-      m.call(e, a) && l(t, a, e[a]);
-  return t;
-};
-import { hasOwn as o } from "@web-utils/core";
-import { n as g } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const f = {
+import { hasOwn as r } from "@web-utils/core";
+import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const i = {
   name: "TagRender",
   inject: {
     elFormItem: {
@@ -39,7 +28,7 @@ const f = {
   computed: {
     internalTags() {
       return this.transfer ? this.tags.map((t) => {
-        const e = i({}, t);
+        const e = { ...t };
         return this.transfer(e);
       }) : this.tags;
     }
@@ -52,28 +41,28 @@ const f = {
   },
   methods: {
     getTagName(t) {
-      return o(t, "name") ? t.name : o(t, "label") ? t.label : t;
+      return r(t, "name") ? t.name : r(t, "label") ? t.label : t;
     }
   }
 };
-var _ = function() {
+var o = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "tag-render" }, [e.tags && e.tags.length && e.tags[0] ? e._l(e.internalTags, function(s, n) {
-    return a("ElTag", { key: n, attrs: { closable: e.enable, size: "medium", "disable-transitions": "" }, on: { close: function(h) {
+    return a("ElTag", { key: n, attrs: { closable: e.enable, size: "medium", "disable-transitions": "" }, on: { close: function(m) {
       return e.$emit("close", e.tags[n], n);
     } } }, [e._v(" " + e._s(e.getTagName(s)) + " ")]);
   }) : e.enable ? e._e() : [a("span", { staticStyle: { "margin-left": "4px", color: "#b5b5b5", "line-height": "16px" } }, [e._v("无")])], e.enable ? a("ElButton", { staticClass: "add-tag", attrs: { size: "mini" }, on: { click: function(s) {
     return e.$emit("add");
   } } }, [e._v("+ 添加")]) : e._e(), e.count ? a("span", { staticClass: "tags-count" }, [e._v(e._s(e.tags.length && e.tags[0] ? e.tags.length : ""))]) : e._e()], 2);
-}, d = [], p = /* @__PURE__ */ g(
-  f,
-  _,
-  d,
+}, c = [], u = /* @__PURE__ */ l(
+  i,
+  o,
+  c,
   !1,
   null,
   null
 );
-const T = p.exports;
+const _ = u.exports;
 export {
-  T as default
+  _ as default
 };

package/text-ellipsis/index.mjs

@@ -1,4 +1,4 @@
-import { s as l } from "../chunks/util.CoahLDYn.mjs";
+import { s as l } from "../chunks/util.DqFv_pWg.mjs";
 import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const h = {
   name: "TextEllipsis",