@web-utils/component 4.0.13 → 4.0.15

package/pageable-table/index.mjs

@@ -1,20 +1,61 @@
-import { copy as v, hasOwn as P } from "@web-utils/core";
-import S from "element-ui/lib/message";
-import { g as _, f as C, i as B, j as A } from "../chunks/index.B2TRddqf.mjs";
-import { merge as f } from "@web-utils/integrations/lodash";
-import { g as K } from "../chunks/dictionary.DGt59Ir7.mjs";
-import { _ as T } from "../chunks/helper.BiMLcEEk.mjs";
+import O from "../resize-observer/index.mjs";
+import b from "element-ui/lib/checkbox";
+import d from "element-ui/lib/table-column";
+import v from "element-ui/lib/table";
+import W from "element-ui/lib/drawer";
+import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import F from "element-ui/lib/pagination";
+import { T as f, g as V } from "../chunks/TableColumn.BzivvXMF.mjs";
+import { _ as w } from "../chunks/helper.BiMLcEEk.mjs";
 import "vue";
-import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import { isEqual as L } from "lodash-es";
-function F(t) {
-  v(
-    t,
-    () => _(S).success({ duration: 1e3, message: "复制成功！", type: "success" }),
-    () => _(S).error({ duration: 1e3, message: "复制失败！", type: "error" })
-  );
-}
-const z = {
+import x from "element-ui/lib/radio";
+import D from "element-ui/lib/empty";
+import M from "element-ui/lib/button";
+import { copy as U, hasOwn as N } from "@web-utils/core";
+import T from "element-ui/lib/message";
+import { g as k, f as R, a as H, b as j } from "../chunks/index.Cn7aq-Et.mjs";
+import { merge as m } from "@web-utils/integrations/lodash";
+import { isEqual as Q } from "lodash-es";
+const q = {
+  name: "TableColumnFilter",
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    visible: Boolean
+  }
+};
+var I = function() {
+  var e = this, l = e._self._c;
+  return l(W, { staticClass: "table-column-filter", attrs: { visible: e.visible, title: "表格设置", "append-to-body": "" }, on: { "update:visible": (s) => e.$emit("update:visible", s) } }, [l(v, { attrs: { data: e.columns, border: "" } }, [l(d, { attrs: { label: "列名" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
+    return [e._v(" " + e._s(s.label) + " ")];
+  } }]) }), l(d, { attrs: { label: "隐藏", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
+    return [l(b, { model: { value: s.hide, callback: function(i) {
+      e.$set(s, "hide", i);
+    }, expression: "row.hide" } })];
+  } }]) }), l(d, { attrs: { label: "冻结", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
+    return [l(b, { model: { value: s.fixed, callback: function(i) {
+      e.$set(s, "fixed", i);
+    }, expression: "row.fixed" } })];
+  } }]) }), l(d, { attrs: { label: "过滤", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
+    return [l(b, { model: { value: s.filterable, callback: function(i) {
+      e.$set(s, "filterable", i);
+    }, expression: "row.filterable" } })];
+  } }]) }), l(d, { attrs: { label: "排序", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
+    return [l(b, { attrs: { title: s.allowSort ? null : "该列不支持排序!", disabled: !s.allowSort }, model: { value: s.sortable, callback: function(i) {
+      e.$set(s, "sortable", i);
+    }, expression: "row.sortable" } })];
+  } }]) })], 1)], 1);
+}, J = [], X = /* @__PURE__ */ _(
+  q,
+  I,
+  J,
+  !1,
+  null,
+  null
+);
+const P = X.exports, G = {
   name: "TableColumnFilterable",
   functional: !0,
   /**
@@ -26,9 +67,9 @@ const z = {
   render(t, e) {
     const {
       data: {
-        key: s
+        key: l
       },
-      props: l,
+      props: s,
       parent: {
         records: i
       },
@@ -37,84 +78,53 @@ const z = {
       hide: o,
       isVNode: n,
       filterable: r,
-      allowSort: g,
-      autoUpdate: d,
-      scopedSlots: x,
-      prop: m,
-      ...$
-    } = l, y = `${s}-${r}${d ? `-${Math.random()}`.replace("0.", "") : ""}`, u = {
+      allowSort: S,
+      autoUpdate: u,
+      scopedSlots: E,
+      prop: $,
+      ...B
+    } = s, C = `${l}-${r}${u ? `-${Math.random()}`.replace("0.", "") : ""}`, h = {
       props: {
-        prop: m,
-        ...$
+        prop: $,
+        ...B
       }
     };
     if (r) {
-      const w = [...new Set(i.map((c) => c[m]).filter((c) => c))].map((c) => ({
-        text: c,
-        value: c
+      const A = [...new Set(i.map((p) => p[$]).filter((p) => p))].map((p) => ({
+        text: p,
+        value: p
       }));
-      u.props.filterMethod = (c, k, E) => {
-        const R = E.property;
-        return k[R] === c;
-      }, u.props.filters = w;
+      h.props.filterMethod = (p, K, L) => {
+        const z = L.property;
+        return K[z] === p;
+      }, h.props.filters = A;
     }
-    const h = x || a;
-    return h != null && h.default ? t("ElTableColumn", T([{}, u, {
-      scopedSlots: h,
-      key: y
-    }])) : t("TableColumn", T([{}, u, {
-      key: y
+    const g = E || a;
+    return g != null && g.default ? t(d, w([{}, h, {
+      scopedSlots: g,
+      key: C
+    }])) : t(f, w([{}, h, {
+      key: C
     }]));
   }
-}, O = null, W = null;
-var V = /* @__PURE__ */ b(
-  z,
-  O,
-  W,
-  !1,
-  null,
-  null
-);
-const D = V.exports, M = {
-  name: "TableColumnFilter",
-  props: {
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    visible: Boolean
-  }
-};
-var U = function() {
-  var e = this, s = e._self._c;
-  return s("ElDrawer", { staticClass: "table-column-filter", attrs: { visible: e.visible, title: "表格设置", "append-to-body": "" }, on: { "update:visible": (l) => e.$emit("update:visible", l) } }, [s("ElTable", { attrs: { data: e.columns, border: "" } }, [s("ElTableColumn", { attrs: { label: "列名" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
-    return [e._v(" " + e._s(l.label) + " ")];
-  } }]) }), s("ElTableColumn", { attrs: { label: "隐藏", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
-    return [s("ElCheckbox", { model: { value: l.hide, callback: function(i) {
-      e.$set(l, "hide", i);
-    }, expression: "row.hide" } })];
-  } }]) }), s("ElTableColumn", { attrs: { label: "冻结", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
-    return [s("ElCheckbox", { model: { value: l.fixed, callback: function(i) {
-      e.$set(l, "fixed", i);
-    }, expression: "row.fixed" } })];
-  } }]) }), s("ElTableColumn", { attrs: { label: "过滤", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
-    return [s("ElCheckbox", { model: { value: l.filterable, callback: function(i) {
-      e.$set(l, "filterable", i);
-    }, expression: "row.filterable" } })];
-  } }]) }), s("ElTableColumn", { attrs: { label: "排序", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
-    return [s("ElCheckbox", { attrs: { title: l.allowSort ? null : "该列不支持排序!", disabled: !l.allowSort }, model: { value: l.sortable, callback: function(i) {
-      e.$set(l, "sortable", i);
-    }, expression: "row.sortable" } })];
-  } }]) })], 1)], 1);
-}, N = [], j = /* @__PURE__ */ b(
-  M,
-  U,
-  N,
+}, Y = null, Z = null;
+var ee = /* @__PURE__ */ _(
+  G,
+  Y,
+  Z,
   !1,
   null,
   null
 );
-const H = j.exports, Q = {
+const y = ee.exports;
+function te(t) {
+  U(
+    t,
+    () => k(T).success({ duration: 1e3, message: "复制成功！", type: "success" }),
+    () => k(T).error({ duration: 1e3, message: "复制失败！", type: "error" })
+  );
+}
+const se = {
   props: {
     useVisibilityChange: Boolean
   },
@@ -131,32 +141,32 @@ const H = j.exports, Q = {
     }
   }
 };
-function q(t, e) {
-  const s = t.map((i) => {
-    const { hide: a, filterable: o, allowSort: n, sortable: r, fixed: g, ...d } = i;
-    return d;
-  }), l = e.map((i) => {
-    const { hide: a, filterable: o, allowSort: n, sortable: r, fixed: g, ...d } = i;
-    return d;
+function le(t, e) {
+  const l = t.map((i) => {
+    const { hide: a, filterable: o, allowSort: n, sortable: r, fixed: S, ...u } = i;
+    return u;
+  }), s = e.map((i) => {
+    const { hide: a, filterable: o, allowSort: n, sortable: r, fixed: S, ...u } = i;
+    return u;
   });
-  return L(s, l);
+  return Q(l, s);
 }
-function I(t) {
+function ae(t) {
   let e = "";
-  for (const s in t)
-    e += `<TableColumn prop="${s}" label="${s}"/>
+  for (const l in t)
+    e += `<TableColumn prop="${l}" label="${l}"/>
 `;
   return e;
 }
-const p = {
+const c = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, J = {
+}, ie = {
   name: "PageableTable",
-  components: { TableColumnFilter: H, TableColumnFilterable: D },
-  mixins: [Q],
+  components: { TableColumnFilter: P, TableColumnFilterable: y },
+  mixins: [se],
   emits: ["page-loaded", "row-dblclick"],
   bus: {
     reloadTableView(t) {
@@ -233,8 +243,8 @@ const p = {
   data() {
     const t = this.pageSize;
     return {
-      TABLE_STATUS: Object.freeze(p),
-      tableStatus: p.empty,
+      TABLE_STATUS: Object.freeze(c),
+      tableStatus: c.empty,
       records: [],
       currentRow: null,
       showSettings: !1,
@@ -261,11 +271,11 @@ const p = {
       return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
     },
     mergeAttrs() {
-      return f({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return m({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var t;
-      return ((t = this.columns) == null ? void 0 : t.map(C)) || [];
+      return ((t = this.columns) == null ? void 0 : t.map(R)) || [];
     }
   },
   watch: {
@@ -278,13 +288,13 @@ const p = {
       () => ({ columns: this.columns, renderKey: this.renderKey }),
       (t) => {
         const e = [];
-        let s = null;
+        let l = null;
         if (t) {
-          const l = this.$slots.default, { columns: i } = t;
-          l ? l.forEach((a) => {
+          const s = this.$slots.default, { columns: i } = t;
+          s ? s.forEach((a) => {
             if (!a.isComment && a.data) {
               const { attrs: o, props: n, scopedSlots: r } = a.data;
-              a.data.props = a.data.props || {}, a.data.props.type === "expand" ? s = {
+              a.data.props = a.data.props || {}, a.data.props.type === "expand" ? l = {
                 ...o,
                 ...n,
                 scopedSlots: r,
@@ -306,7 +316,7 @@ const p = {
               });
             }
           }) : i && i.forEach((a) => {
-            a.type === "expand" ? s = {
+            a.type === "expand" ? l = {
               ...a,
               props: a,
               hide: !1,
@@ -323,7 +333,7 @@ const p = {
               sortable: !1,
               fixed: a.fixed
             });
-          }), this.updateExpandColumn(s), this.updateColumns(e);
+          }), this.updateExpandColumn(l), this.updateColumns(e);
         }
       },
       { immediate: !0 }
@@ -342,34 +352,34 @@ const p = {
     rowDbClick(...t) {
       this.hideTooltip(), this.$emit("row-dblclick", ...t);
     },
-    rowClick(t, e, s) {
+    rowClick(t, e, l) {
       if (this.clickRowSelect && this.selectable(t)) {
-        const l = this.$refs.table;
+        const s = this.$refs.table;
         if (this.selectedRows.find((a) => a[this.rowKey] === t[this.rowKey])) {
-          l.toggleRowSelection(t, !1);
+          s.toggleRowSelection(t, !1);
           return;
         }
-        l.toggleRowSelection(t);
+        s.toggleRowSelection(t);
       }
     },
     hideTooltip() {
       var e;
-      const t = this.$refs.table.$children.find((s) => {
-        var l;
-        return ((l = s.$options) == null ? void 0 : l.name) === "ElTableBody";
+      const t = this.$refs.table.$children.find((l) => {
+        var s;
+        return ((s = l.$options) == null ? void 0 : s.name) === "ElTableBody";
       });
       (e = t == null ? void 0 : t.$refs.tooltip) == null || e.hide();
     },
     updateTableScrollPosition() {
       this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
     },
-    filterTableProperties: A,
-    filterTableEvents: B,
-    filterTableColumnProperties: C,
+    filterTableProperties: j,
+    filterTableEvents: H,
+    filterTableColumnProperties: R,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
-    copy: (t) => F(I(t)),
+    copy: (t) => te(ae(t)),
     onSortChange({ prop: t, order: e }) {
       this.payloadStyle !== "body" ? (this.page.ascs = e === "ascending" ? t : "", this.page.descs = e === "descending" ? t : "") : (this.page.ascs = e === "ascending" ? [t] : this.ascs, this.page.descs = e === "descending" ? [t] : this.descs);
     },
@@ -388,19 +398,19 @@ const p = {
     },
     async getPage(t) {
       var o;
-      if (P(this.$attrs, "data") && this.$attrs.data !== !1) {
+      if (N(this.$attrs, "data") && this.$attrs.data !== !1) {
         this.records = this.$attrs.data, this.page.page = 1, this.page.total = (o = this.records) == null ? void 0 : o.length, this.page.limit = this.page.total;
         return;
       }
       t !== !1 && (this.records = []);
       let e;
-      const s = this.getPageQuery();
+      const l = this.getPageQuery();
       if (this.api || this.url) {
-        t !== !1 && (this.tableStatus = p.loading);
+        t !== !1 && (this.tableStatus = c.loading);
         try {
-          this.api && (e = await this.api(s));
+          this.api && (e = await this.api(l));
         } catch {
-          this.tableStatus = p.error;
+          this.tableStatus = c.error;
           return;
         }
       } else {
@@ -411,9 +421,9 @@ const p = {
         return;
       }
       const {
-        data: { data: l }
-      } = e || {}, { total: i, records: a } = l || {};
-      this.page.total = Number(i), this.records = await this.mapRow(a), !a || !a.length ? this.tableStatus = p.empty : this.tableStatus = p.success, this.doLayout(), this.$emit("page-loaded", l);
+        data: { data: s }
+      } = e || {}, { total: i, records: a } = s || {};
+      this.page.total = Number(i), this.records = await this.mapRow(a), !a || !a.length ? this.tableStatus = c.empty : this.tableStatus = c.success, this.doLayout(), this.$emit("page-loaded", s);
     },
     doLayout() {
       var t;
@@ -432,9 +442,9 @@ const p = {
       this.$refs.table.toggleRowSelection(t, e);
     },
     mapRow(t) {
-      return t.map((e) => (this.dicOptions.forEach(async (s) => {
-        var l;
-        e[`$${s.prop}`] = e[s.prop], s.dicData ? e[s.prop] = ((l = s.dicData.find((i) => i.value === e[s.prop])) == null ? void 0 : l.label) || e[s.prop] : e[s.prop] = await K(s.dicType, e[s.prop]);
+      return t.map((e) => (this.dicOptions.forEach(async (l) => {
+        var s;
+        e[`$${l.prop}`] = e[l.prop], l.dicData ? e[l.prop] = ((s = l.dicData.find((i) => i.value === e[l.prop])) == null ? void 0 : s.label) || e[l.prop] : e[l.prop] = await V(l.dicType, e[l.prop]);
       }), e));
     },
     toggleSettings() {
@@ -445,20 +455,20 @@ const p = {
       return !(t != null && t.disabled) && !((e = this.disabledRowKeys) != null && e.includes(t == null ? void 0 : t[this.rowKey]));
     },
     updateExpandColumn(t) {
-      t && this.expandColumn ? f(this.expandColumn, t) : this.expandColumn = t;
+      t && this.expandColumn ? m(this.expandColumn, t) : this.expandColumn = t;
     },
     updateColumns(t) {
-      if (!q(this.tableColumns, t)) {
+      if (!le(this.tableColumns, t)) {
         const e = {};
-        this.tableColumns.forEach((s) => {
-          e[s.prop] = s;
-        }), t.map((s) => {
-          const l = e[s.prop];
-          if (l) {
-            const { hide: i, filterable: a, allowSort: o, sortable: n, fixed: r } = l;
-            return f(l, s), l.hide = i, l.filterable = a, l.allowSort = o, l.sortable = n, l.fixed = r, l;
+        this.tableColumns.forEach((l) => {
+          e[l.prop] = l;
+        }), t.map((l) => {
+          const s = e[l.prop];
+          if (s) {
+            const { hide: i, filterable: a, allowSort: o, sortable: n, fixed: r } = s;
+            return m(s, l), s.hide = i, s.filterable = a, s.allowSort = o, s.sortable = n, s.fixed = r, s;
           }
-          return s;
+          return l;
         }), this.tableColumns = t;
       }
     },
@@ -467,46 +477,46 @@ const p = {
     }
   }
 };
-var X = function() {
-  var e = this, s = e._self._c;
-  return s("div", { class: ["pageable-table", { "auto-height": e.autoHeight }] }, [s("div", { staticClass: "pageable-table-wrapper" }, [e._t("toolbar", null, { selectedRows: e.selectedRows }), s("ElTable", e._g(e._b({ ref: "table", class: ["flex-item", { "header-bold": e.headerBold }], attrs: { data: e.records, border: e.border, stripe: "", size: "medium" }, on: { "hook:updated": e.updateTableScrollPosition, "sort-change": e.onSortChange, "row-dblclick": e.rowDbClick, "row-click": e.rowClick, "cell-click": e.hideTooltip, "current-change": e.onCurrentChange, "selection-change": e.handleSelectionChange }, scopedSlots: e._u([{ key: "empty", fn: function() {
+var oe = function() {
+  var e = this, l = e._self._c;
+  return l("div", { class: ["pageable-table", { "auto-height": e.autoHeight }] }, [l("div", { staticClass: "pageable-table-wrapper" }, [e._t("toolbar", null, { selectedRows: e.selectedRows }), l(v, e._g(e._b({ ref: "table", class: ["flex-item", { "header-bold": e.headerBold }], attrs: { data: e.records, border: e.border, stripe: "", size: "medium" }, on: { "hook:updated": e.updateTableScrollPosition, "sort-change": e.onSortChange, "row-dblclick": e.rowDbClick, "row-click": e.rowClick, "cell-click": e.hideTooltip, "current-change": e.onCurrentChange, "selection-change": e.handleSelectionChange }, scopedSlots: e._u([{ key: "empty", fn: function() {
     return [e._t("empty", function() {
-      return [e.tableStatus === e.TABLE_STATUS.loading ? [s("span", { staticClass: "pageable-table-loading" }, [s("i", { staticClass: "table-status-icon el-icon-loading" }), e._v(" 加载中... ")])] : e.tableStatus === e.TABLE_STATUS.error ? [s("ElButton", { staticClass: "pageable-table-error", attrs: { icon: "table-status-icon el-icon-error" }, on: { click: e.refresh } }, [e._v("加载失败，点击重试！")])] : s("ElEmpty")];
+      return [e.tableStatus === e.TABLE_STATUS.loading ? [l("span", { staticClass: "pageable-table-loading" }, [l("i", { staticClass: "table-status-icon el-icon-loading" }), e._v(" 加载中... ")])] : e.tableStatus === e.TABLE_STATUS.error ? [l(M, { staticClass: "pageable-table-error", attrs: { icon: "table-status-icon el-icon-error" }, on: { click: e.refresh } }, [e._v("加载失败，点击重试！")])] : l(D)];
     })];
   }, proxy: !0 }, { key: "append", fn: function() {
     return [e._t("append")];
-  }, proxy: !0 }], null, !0) }, "ElTable", e.filterTableProperties(e.mergeAttrs), !1), e.filterTableEvents(e.$listeners)), [e.expandColumn ? s("TableColumnFilterable", e._b({}, "TableColumnFilterable", e.expandColumn, !1)) : e._e(), e.multiple && e.selection ? s("TableColumn", { key: "multiple", attrs: { type: "selection", selectable: e.selectable, width: e.selectionWidth, align: "center" } }) : e._e(), !e.multiple && e.selection ? s("TableColumn", { key: "single", attrs: { sortable: !1, type: "single-selection", "class-name": "single-select-column", width: e.selectionWidth, align: "center" }, scopedSlots: e._u([{ key: "header", fn: function() {
-    return [s("ElRadio", { attrs: { value: !!e.currentRow, label: !0 } }, [s("span")])];
-  }, proxy: !0 }, { key: "default", fn: function({ row: l }) {
-    return [s("ElRadio", { attrs: { label: !0, disabled: !e.selectable(l), value: e.currentRow && e.currentRow[e.$attrs["row-key"] || e.rowKey || "id"] === l[e.$attrs["row-key"] || e.rowKey || "id"] } }, [s("span")])];
-  } }], null, !1, 1270221895) }) : e._e(), e.index ? s("TableColumn", { key: "order", attrs: { type: "index", label: "序号", width: e.indexWidth, align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ $index: l }) {
-    return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + l + 1 || l + 1) + " ")];
-  } }], null, !1, 4238275121) }) : e._e(), e.tableColumns ? e._l(e.tableColumns.filter((l) => !l.hide), function(l, i) {
+  }, proxy: !0 }], null, !0) }, "ElTable", e.filterTableProperties(e.mergeAttrs), !1), e.filterTableEvents(e.$listeners)), [e.expandColumn ? l(y, e._b({}, "TableColumnFilterable", e.expandColumn, !1)) : e._e(), e.multiple && e.selection ? l(f, { key: "multiple", attrs: { type: "selection", selectable: e.selectable, width: e.selectionWidth, align: "center" } }) : e._e(), !e.multiple && e.selection ? l(f, { key: "single", attrs: { sortable: !1, type: "single-selection", "class-name": "single-select-column", width: e.selectionWidth, align: "center" }, scopedSlots: e._u([{ key: "header", fn: function() {
+    return [l(x, { attrs: { value: !!e.currentRow, label: !0 } }, [l("span")])];
+  }, proxy: !0 }, { key: "default", fn: function({ row: s }) {
+    return [l(x, { attrs: { label: !0, disabled: !e.selectable(s), value: e.currentRow && e.currentRow[e.$attrs["row-key"] || e.rowKey || "id"] === s[e.$attrs["row-key"] || e.rowKey || "id"] } }, [l("span")])];
+  } }], null, !1, 1270221895) }) : e._e(), e.index ? l(f, { key: "order", attrs: { type: "index", label: "序号", width: e.indexWidth, align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ $index: s }) {
+    return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + s + 1 || s + 1) + " ")];
+  } }], null, !1, 4238275121) }) : e._e(), e.tableColumns ? e._l(e.tableColumns.filter((s) => !s.hide), function(s, i) {
     var a, o;
-    return s("TableColumnFilterable", e._b({ key: `${((a = l.props) == null ? void 0 : a.prop) || l.prop}-${i}`, scopedSlots: e._u([e.$scopedSlots[((o = l.props) == null ? void 0 : o.prop) || l.prop] ? { key: "default", fn: function({ row: n }) {
+    return l(y, e._b({ key: `${((a = s.props) == null ? void 0 : a.prop) || s.prop}-${i}`, scopedSlots: e._u([e.$scopedSlots[((o = s.props) == null ? void 0 : o.prop) || s.prop] ? { key: "default", fn: function({ row: n }) {
       var r;
-      return [e._t(((r = l.props) == null ? void 0 : r.prop) || l.prop, null, { row: n })];
-    } } : null], null, !0) }, "TableColumnFilterable", l, !1));
-  }) : [s("TableColumn", { attrs: { label: "点击表格行复制模板" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
-    return [s("pre", { staticClass: "pointer", on: { click: function(i) {
-      return e.copy(l);
-    } } }, [e._v(e._s(JSON.stringify(l, null, "	")))])];
-  } }]) })]], 2), e.paging ? s("ElPagination", { staticClass: "flex-not-shrink", attrs: { "current-page": e.page.page, "hide-on-single-page": e.hideOnSinglePage, "page-size": e.page.limit, total: e.page.total, "page-sizes": [10, 25, 50, 100, 500, 1e3, 2e3], background: "", layout: "total, sizes, prev, pager, next, jumper" }, on: { "size-change": (l) => {
-    e.page.limit = l;
-  }, "current-change": (l) => {
-    e.page.page = l;
-  } } }) : e._e(), s("TableColumnFilter", { attrs: { visible: e.showSettings, columns: e.tableColumns }, on: { "update:visible": function(l) {
-    e.showSettings = l;
-  } } })], 2), s("ResizeObserver", { on: { notify: e.doLayout } })], 1);
-}, G = [], Y = /* @__PURE__ */ b(
-  J,
-  X,
-  G,
+      return [e._t(((r = s.props) == null ? void 0 : r.prop) || s.prop, null, { row: n })];
+    } } : null], null, !0) }, "TableColumnFilterable", s, !1));
+  }) : [l(f, { attrs: { label: "点击表格行复制模板" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
+    return [l("pre", { staticClass: "pointer", on: { click: function(i) {
+      return e.copy(s);
+    } } }, [e._v(e._s(JSON.stringify(s, null, "	")))])];
+  } }]) })]], 2), e.paging ? l(F, { staticClass: "flex-not-shrink", attrs: { "current-page": e.page.page, "hide-on-single-page": e.hideOnSinglePage, "page-size": e.page.limit, total: e.page.total, "page-sizes": [10, 25, 50, 100, 500, 1e3, 2e3], background: "", layout: "total, sizes, prev, pager, next, jumper" }, on: { "size-change": (s) => {
+    e.page.limit = s;
+  }, "current-change": (s) => {
+    e.page.page = s;
+  } } }) : e._e(), l(P, { attrs: { visible: e.showSettings, columns: e.tableColumns }, on: { "update:visible": function(s) {
+    e.showSettings = s;
+  } } })], 2), l(O, { on: { notify: e.doLayout } })], 1);
+}, re = [], ne = /* @__PURE__ */ _(
+  ie,
+  oe,
+  re,
   !1,
   null,
   null
 );
-const ne = Y.exports;
+const Re = ne.exports;
 export {
-  ne as default
+  Re as default
 };

package/pageable-table/style.css

@@ -1 +1 @@
-.table-column-filter .el-drawer__body{padding:10px}.table-column-filter .el-drawer__header{border-bottom:1px solid #f0f0f0;min-height:20px;margin-bottom:0;padding:16px 10px 16px 24px}.pageable-table{flex:auto;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{height:auto;position:static}.pageable-table.auto-height .el-table{min-height:200px;position:relative}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{flex-direction:column;display:flex}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{align-items:center;display:inline-flex}.pageable-table .pageable-table-error{color:red;border:1px solid #fca4a4;align-items:center;display:inline-flex}.pageable-table .pageable-table-error:hover{background-color:#fff0f0}.pageable-table .pageable-table-total{padding:0 10px 10px}.pageable-table .underline{position:relative}.pageable-table .underline:after{z-index:1;content:"";background-color:#606266;width:100%;height:1px;position:absolute;bottom:0;left:0}.pageable-table .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.pageable-table .total{padding:10px}
+.table-column-filter .el-drawer__body{padding:10px}.table-column-filter .el-drawer__header{border-bottom:1px solid #f0f0f0;min-height:20px;margin-bottom:0;padding:16px 10px 16px 24px}.pageable-table{flex:auto;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{height:auto;position:static}.pageable-table.auto-height .el-table{min-height:200px;position:relative}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{align-items:center;display:inline-flex}.pageable-table .pageable-table-error{color:red;border:1px solid #fca4a4;align-items:center;display:inline-flex}.pageable-table .pageable-table-error:hover{background-color:#fff0f0}.pageable-table .pageable-table-total{padding:0 10px 10px}.pageable-table .underline{position:relative}.pageable-table .underline:after{z-index:1;content:"";background-color:#606266;width:100%;height:1px;position:absolute;bottom:0;left:0}.pageable-table .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.pageable-table .total{padding:10px}

package/pageable-view/index.mjs

@@ -1,8 +1,9 @@
+import p from "element-ui/lib/pagination";
 import { cloneDeep as n, merge as g } from "@web-utils/integrations/lodash";
-import { hasOwn as p, copy as f } from "@web-utils/core";
-import { f as h, i as u, j as m } from "../chunks/index.B2TRddqf.mjs";
-import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-function S(e) {
+import { hasOwn as f, copy as u } from "@web-utils/core";
+import { f as h, a as m, b } from "../chunks/index.Cn7aq-Et.mjs";
+import { n as S } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+function y(e) {
   let t = "";
   for (const s in e)
     t += `<ElTableColumn prop="${s}" label="${s}"/>
@@ -14,7 +15,7 @@ const i = {
   error: -1,
   empty: 2,
   success: 0
-}, y = {
+}, v = {
   name: "PageableView",
   bus: {
     reloadTableView(e) {
@@ -155,13 +156,13 @@ const i = {
     updateTableScrollPosition() {
       this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
     },
-    filterTableProperties: m,
-    filterTableEvents: u,
+    filterTableProperties: b,
+    filterTableEvents: m,
     filterTableColumnProperties: h,
     onTableScroll() {
       this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
     },
-    copy: (e) => f(S(e)),
+    copy: (e) => u(y(e)),
     onSortChange({ prop: e, order: t }) {
       this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
     },
@@ -215,7 +216,7 @@ const i = {
     },
     async getPage() {
       var o;
-      if (p(this.$attrs, "data")) {
+      if (f(this.$attrs, "data")) {
         this.records = this.$attrs.data, this.page.page = 1, this.page.total = this.records.length, this.page.limit = this.page.total;
         return;
       }
@@ -254,22 +255,22 @@ const i = {
     }
   }
 };
-var v = function() {
+var _ = function() {
   var t = this, s = t._self._c;
   return s("div", { staticClass: "work", staticStyle: { height: "100%", "background-color": "#fff" } }, [s("div", { staticClass: "flex-column list-content", staticStyle: { height: "100%" } }, [s("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.loading, expression: "loading" }], staticClass: "flex-item-relative", attrs: { "element-loading-text": "加载中...", "element-loading-background": "#fff" } }, [s("div", { ref: "scroller", staticClass: "scroll-wrapper" }, [s("div", { staticClass: "cards-block" }, [t._t("prepend"), t._l(t.records, function(l) {
     return [t._t("default", null, { item: l })];
-  }), t._t("append")], 2)])]), s("ElPagination", { staticClass: "flex-not-shrink", staticStyle: { "border-top": "1px solid #ebeef5" }, attrs: { "current-page": t.page.page, "hide-on-single-page": t.hideOnSinglePage, "page-size": t.page.limit, total: t.page.total, background: "", layout: "total, prev, pager, next, jumper" }, on: { "current-change": (l) => {
+  }), t._t("append")], 2)])]), s(p, { staticClass: "flex-not-shrink", staticStyle: { "border-top": "1px solid #ebeef5" }, attrs: { "current-page": t.page.page, "hide-on-single-page": t.hideOnSinglePage, "page-size": t.page.limit, total: t.page.total, background: "", layout: "total, prev, pager, next, jumper" }, on: { "current-change": (l) => {
     t.page.page = l;
   } } })], 1)]);
-}, $ = [], T = /* @__PURE__ */ b(
-  y,
+}, $ = [], T = /* @__PURE__ */ S(
   v,
+  _,
   $,
   !1,
   null,
   null
 );
-const x = T.exports;
+const R = T.exports;
 export {
-  x as default
+  R as default
 };