@web-utils/component 4.0.0 → 4.0.1

package/table-column/index.mjs

@@ -1,17 +1,9 @@
-var s = Object.defineProperty, u = Object.defineProperties;
-var d = Object.getOwnPropertyDescriptors;
-var o = Object.getOwnPropertySymbols;
-var c = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
-var i = (t, e, n) => e in t ? s(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, l = (t, e) => {
-  for (var n in e || (e = {}))
-    c.call(e, n) && i(t, n, e[n]);
-  if (o)
-    for (var n of o(e))
-      f.call(e, n) && i(t, n, e[n]);
-  return t;
-}, r = (t, e) => u(t, d(e));
-import { n as p } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const g = {
+import { _ } from "../chunks/helper.BiMLcEEk.mjs";
+import { h as g } from "vue";
+import w from "../dict-render/index.mjs";
+import { f as v } from "../chunks/core.DJEgjQW6.mjs";
+import { n as F } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const x = {
   props: {
     type: {
       type: String,
@@ -27,7 +19,7 @@ const g = {
     renderHeader: Function,
     sortable: {
       type: [Boolean, String],
-      default: !1
+      default: !0
     },
     sortMethod: Function,
     sortBy: [String, Function, Array],
@@ -39,6 +31,8 @@ const g = {
     align: String,
     headerAlign: String,
     showTooltipWhenOverflow: Boolean,
+    clickable: Boolean,
+    cellClick: Function,
     showOverflowTooltip: {
       type: Boolean,
       default: !0
@@ -61,36 +55,117 @@ const g = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(t) {
-        return t.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
+      validator(n) {
+        return n.every((t) => ["ascending", "descending", null].indexOf(t) > -1);
       }
-    }
+    },
+    dictType: String,
+    options: Array,
+    autoUpdate: Boolean,
+    treeDict: Boolean,
+    idAsValue: {
+      type: Boolean,
+      default: !0
+    },
+    labelAsValue: Boolean
+  }
+}, N = {
+  selection: !0,
+  "single-selection": !0,
+  index: !0,
+  expand: !0
+}, O = (n, t, e, y, d) => {
+  var i;
+  const l = n.rowDbClick || ((i = n.$children.find((f) => f.$options.name === "TableView")) == null ? void 0 : i.rowDbClick);
+  l == null || l(t, e, y, d);
+}, V = (n) => {
+  let t = n.target;
+  for (; t && t.tagName.toUpperCase() !== "HTML"; ) {
+    if (t.tagName.toUpperCase() === "TD")
+      return t;
+    t = t.parentNode;
   }
-}, m = {
+  return null;
+}, D = () => {
+}, M = (n) => !v(n).length, k = {
   name: "TableColumn",
   functional: !0,
-  mixins: [g],
-  render(t, { data: e, props: n, children: a }) {
-    return t(
-      "ElTableColumn",
-      r(l({}, e), {
-        props: r(l({}, n), {
-          showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(n.type) ? !1 : n.showOverflowTooltip
-        })
-      }),
-      a
-    );
+  mixins: [x],
+  render(n, {
+    data: t,
+    props: e,
+    children: y,
+    parent: d,
+    listeners: {
+      click: l
+    }
+  }) {
+    const {
+      scopedSlots: i,
+      ...f
+    } = t, {
+      clickable: C,
+      cellClick: a,
+      ...b
+    } = e, S = {
+      ...i || {}
+    }, h = N[e.type];
+    if (!h) {
+      const p = i == null ? void 0 : i.default, c = C || l || a;
+      (c || e.dictType || e.options) && (S.default = (T) => {
+        const {
+          row: o,
+          column: r
+        } = T, B = c ? (u) => {
+          const m = V(u);
+          l || a ? (l == null || l(o, r, o, r, m, u), a == null || a(o, r, o, r, m, u)) : O(d, o, r, m, u);
+        } : D;
+        let s = p == null ? void 0 : p(T);
+        return M(s) && (s = null), (e.dictType || e.options) && !s ? g(w, {
+          class: {
+            "is-clickable": c
+          },
+          on: {
+            click: B
+          },
+          attrs: {
+            row: o,
+            column: r,
+            dictType: e.dictType,
+            treeDict: e.treeDict,
+            idAsValue: e.idAsValue,
+            labelAsValue: e.labelAsValue,
+            options: e.options
+          }
+        }) : c ? g("span", {
+          class: "is-clickable",
+          on: {
+            click: B
+          }
+        }, [s || (o == null ? void 0 : o[r == null ? void 0 : r.property])]) : s;
+      });
+    }
+    const A = {
+      ...f,
+      props: {
+        ...b,
+        showOverflowTooltip: h ? !1 : b.showOverflowTooltip
+      }
+    };
+    return g("ElTableColumn", _([{}, A, {
+      scopedSlots: S
+    }]));
   }
-}, y = null, S = null;
-var b = /* @__PURE__ */ p(
-  m,
-  y,
-  S,
+}, H = null, P = null;
+var U = /* @__PURE__ */ F(
+  k,
+  H,
+  P,
   !1,
   null,
   null
 );
-const w = b.exports;
+const K = U.exports;
 export {
-  w as default
+  K as default
 };

package/table-column/style.css

@@ -0,0 +1 @@
+.is-clickable{cursor:pointer;text-decoration:underline}.is-clickable:hover{color:var(--color-primary)}.el-table__column-filter-trigger{line-height:unset}

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,26 +132,45 @@ 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() {
@@ -163,120 +180,148 @@ const P = [
     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%}