@web-utils/component 4.0.15 → 4.0.16

package/pageable-table/index.mjs

@@ -1,61 +1,20 @@
-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 { 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 "vue";
-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 = {
+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 = {
   name: "TableColumnFilterable",
   functional: !0,
   /**
@@ -67,9 +26,9 @@ const P = X.exports, G = {
   render(t, e) {
     const {
       data: {
-        key: l
+        key: s
       },
-      props: s,
+      props: l,
       parent: {
         records: i
       },
@@ -78,53 +37,84 @@ const P = X.exports, G = {
       hide: o,
       isVNode: n,
       filterable: r,
-      allowSort: S,
-      autoUpdate: u,
-      scopedSlots: E,
-      prop: $,
-      ...B
-    } = s, C = `${l}-${r}${u ? `-${Math.random()}`.replace("0.", "") : ""}`, h = {
+      allowSort: g,
+      autoUpdate: d,
+      scopedSlots: x,
+      prop: m,
+      ...$
+    } = l, y = `${s}-${r}${d ? `-${Math.random()}`.replace("0.", "") : ""}`, u = {
       props: {
-        prop: $,
-        ...B
+        prop: m,
+        ...$
       }
     };
     if (r) {
-      const A = [...new Set(i.map((p) => p[$]).filter((p) => p))].map((p) => ({
-        text: p,
-        value: p
+      const w = [...new Set(i.map((c) => c[m]).filter((c) => c))].map((c) => ({
+        text: c,
+        value: c
       }));
-      h.props.filterMethod = (p, K, L) => {
-        const z = L.property;
-        return K[z] === p;
-      }, h.props.filters = A;
+      u.props.filterMethod = (c, k, E) => {
+        const R = E.property;
+        return k[R] === c;
+      }, u.props.filters = w;
     }
-    const g = E || a;
-    return g != null && g.default ? t(d, w([{}, h, {
-      scopedSlots: g,
-      key: C
-    }])) : t(f, w([{}, h, {
-      key: C
+    const h = x || a;
+    return h != null && h.default ? t("ElTableColumn", T([{}, u, {
+      scopedSlots: h,
+      key: y
+    }])) : t("TableColumn", T([{}, u, {
+      key: y
     }]));
   }
-}, Y = null, Z = null;
-var ee = /* @__PURE__ */ _(
-  G,
-  Y,
-  Z,
+}, O = null, W = null;
+var V = /* @__PURE__ */ b(
+  z,
+  O,
+  W,
   !1,
   null,
   null
 );
-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 = {
+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,
+  !1,
+  null,
+  null
+);
+const H = j.exports, Q = {
   props: {
     useVisibilityChange: Boolean
   },
@@ -141,32 +131,32 @@ const se = {
     }
   }
 };
-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;
+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;
   });
-  return Q(l, s);
+  return L(s, l);
 }
-function ae(t) {
+function I(t) {
   let e = "";
-  for (const l in t)
-    e += `<TableColumn prop="${l}" label="${l}"/>
+  for (const s in t)
+    e += `<TableColumn prop="${s}" label="${s}"/>
 `;
   return e;
 }
-const c = {
+const p = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, ie = {
+}, J = {
   name: "PageableTable",
-  components: { TableColumnFilter: P, TableColumnFilterable: y },
-  mixins: [se],
+  components: { TableColumnFilter: H, TableColumnFilterable: D },
+  mixins: [Q],
   emits: ["page-loaded", "row-dblclick"],
   bus: {
     reloadTableView(t) {
@@ -243,8 +233,8 @@ const c = {
   data() {
     const t = this.pageSize;
     return {
-      TABLE_STATUS: Object.freeze(c),
-      tableStatus: c.empty,
+      TABLE_STATUS: Object.freeze(p),
+      tableStatus: p.empty,
       records: [],
       currentRow: null,
       showSettings: !1,
@@ -271,11 +261,11 @@ const c = {
       return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
     },
     mergeAttrs() {
-      return m({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return f({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var t;
-      return ((t = this.columns) == null ? void 0 : t.map(R)) || [];
+      return ((t = this.columns) == null ? void 0 : t.map(C)) || [];
     }
   },
   watch: {
@@ -288,13 +278,13 @@ const c = {
       () => ({ columns: this.columns, renderKey: this.renderKey }),
       (t) => {
         const e = [];
-        let l = null;
+        let s = null;
         if (t) {
-          const s = this.$slots.default, { columns: i } = t;
-          s ? s.forEach((a) => {
+          const l = this.$slots.default, { columns: i } = t;
+          l ? l.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" ? l = {
+              a.data.props = a.data.props || {}, a.data.props.type === "expand" ? s = {
                 ...o,
                 ...n,
                 scopedSlots: r,
@@ -316,7 +306,7 @@ const c = {
               });
             }
           }) : i && i.forEach((a) => {
-            a.type === "expand" ? l = {
+            a.type === "expand" ? s = {
               ...a,
               props: a,
               hide: !1,
@@ -333,7 +323,7 @@ const c = {
               sortable: !1,
               fixed: a.fixed
             });
-          }), this.updateExpandColumn(l), this.updateColumns(e);
+          }), this.updateExpandColumn(s), this.updateColumns(e);
         }
       },
       { immediate: !0 }
@@ -352,34 +342,34 @@ const c = {
     rowDbClick(...t) {
       this.hideTooltip(), this.$emit("row-dblclick", ...t);
     },
-    rowClick(t, e, l) {
+    rowClick(t, e, s) {
       if (this.clickRowSelect && this.selectable(t)) {
-        const s = this.$refs.table;
+        const l = this.$refs.table;
         if (this.selectedRows.find((a) => a[this.rowKey] === t[this.rowKey])) {
-          s.toggleRowSelection(t, !1);
+          l.toggleRowSelection(t, !1);
           return;
         }
-        s.toggleRowSelection(t);
+        l.toggleRowSelection(t);
       }
     },
     hideTooltip() {
       var e;
-      const t = this.$refs.table.$children.find((l) => {
-        var s;
-        return ((s = l.$options) == null ? void 0 : s.name) === "ElTableBody";
+      const t = this.$refs.table.$children.find((s) => {
+        var l;
+        return ((l = s.$options) == null ? void 0 : l.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: j,
-    filterTableEvents: H,
-    filterTableColumnProperties: R,
+    filterTableProperties: A,
+    filterTableEvents: B,
+    filterTableColumnProperties: C,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
-    copy: (t) => te(ae(t)),
+    copy: (t) => F(I(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);
     },
@@ -398,19 +388,19 @@ const c = {
     },
     async getPage(t) {
       var o;
-      if (N(this.$attrs, "data") && this.$attrs.data !== !1) {
+      if (P(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 l = this.getPageQuery();
+      const s = this.getPageQuery();
       if (this.api || this.url) {
-        t !== !1 && (this.tableStatus = c.loading);
+        t !== !1 && (this.tableStatus = p.loading);
         try {
-          this.api && (e = await this.api(l));
+          this.api && (e = await this.api(s));
         } catch {
-          this.tableStatus = c.error;
+          this.tableStatus = p.error;
           return;
         }
       } else {
@@ -421,9 +411,9 @@ const c = {
         return;
       }
       const {
-        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);
+        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);
     },
     doLayout() {
       var t;
@@ -442,9 +432,9 @@ const c = {
       this.$refs.table.toggleRowSelection(t, e);
     },
     mapRow(t) {
-      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]);
+      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]);
       }), e));
     },
     toggleSettings() {
@@ -455,20 +445,20 @@ const c = {
       return !(t != null && t.disabled) && !((e = this.disabledRowKeys) != null && e.includes(t == null ? void 0 : t[this.rowKey]));
     },
     updateExpandColumn(t) {
-      t && this.expandColumn ? m(this.expandColumn, t) : this.expandColumn = t;
+      t && this.expandColumn ? f(this.expandColumn, t) : this.expandColumn = t;
     },
     updateColumns(t) {
-      if (!le(this.tableColumns, t)) {
+      if (!q(this.tableColumns, t)) {
         const e = {};
-        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;
+        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;
           }
-          return l;
+          return s;
         }), this.tableColumns = t;
       }
     },
@@ -477,46 +467,46 @@ const c = {
     }
   }
 };
-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() {
+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() {
     return [e._t("empty", function() {
-      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)];
+      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")];
     })];
   }, 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 ? 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) {
+  }, 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) {
     var a, o;
-    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 }) {
+    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 }) {
       var r;
-      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,
+      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,
   !1,
   null,
   null
 );
-const Re = ne.exports;
+const ne = Y.exports;
 export {
-  Re as default
+  ne as default
 };

package/pageable-view/index.mjs

@@ -1,9 +1,8 @@
-import p from "element-ui/lib/pagination";
 import { cloneDeep as n, merge as g } from "@web-utils/integrations/lodash";
-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) {
+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) {
   let t = "";
   for (const s in e)
     t += `<ElTableColumn prop="${s}" label="${s}"/>
@@ -15,7 +14,7 @@ const i = {
   error: -1,
   empty: 2,
   success: 0
-}, v = {
+}, y = {
   name: "PageableView",
   bus: {
     reloadTableView(e) {
@@ -156,13 +155,13 @@ const i = {
     updateTableScrollPosition() {
       this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
     },
-    filterTableProperties: b,
-    filterTableEvents: m,
+    filterTableProperties: m,
+    filterTableEvents: u,
     filterTableColumnProperties: h,
     onTableScroll() {
       this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
     },
-    copy: (e) => u(y(e)),
+    copy: (e) => f(S(e)),
     onSortChange({ prop: e, order: t }) {
       this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
     },
@@ -216,7 +215,7 @@ const i = {
     },
     async getPage() {
       var o;
-      if (f(this.$attrs, "data")) {
+      if (p(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;
       }
@@ -255,22 +254,22 @@ const i = {
     }
   }
 };
-var _ = function() {
+var v = 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(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._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.page.page = l;
   } } })], 1)]);
-}, $ = [], T = /* @__PURE__ */ S(
+}, $ = [], T = /* @__PURE__ */ b(
+  y,
   v,
-  _,
   $,
   !1,
   null,
   null
 );
-const R = T.exports;
+const x = T.exports;
 export {
-  R as default
+  x as default
 };