@web-utils/component 4.0.1 → 4.0.2

package/chunks/dictionary.DsN-2ukC.mjs

@@ -0,0 +1,70 @@
+import { t as u, a as l } from "./core.DJEgjQW6.mjs";
+import { g as h } from "./configComponents.BDhlZU8F.mjs";
+const d = {}, D = {}, $ = {}, T = (t, c = !0, { options: o, treeDict: n, idAsValue: i, labelAsValue: r } = {}) => {
+  let e = t;
+  n && (e = `${t}-${i}-${r}${o ? "-options" : ""}`);
+  const a = d[e];
+  return c && a ? a : n ? C(t, c, { idAsValue: i, labelAsValue: r }) : w(t, c);
+}, w = (t, c = !0) => {
+  if ($[t])
+    return $[t];
+  const o = new Promise((n, i) => {
+    var r, e;
+    c && d[t] ? n(d[t]) : ((e = (r = h) == null ? void 0 : r.dict) != null && e.remote && n([]), h.dict.remote(t).then((a) => {
+      let s = a.data.data;
+      if (c) {
+        const f = {};
+        s.forEach(({ label: g, value: m }) => {
+          f[m] = Object.freeze({ label: g, value: m });
+        }), D[t] = f, s = Object.freeze(s), d[t] = s;
+      }
+      $[t] = null, n(s);
+    }).catch((a) => {
+      $[t] = null, i(a);
+    }));
+  });
+  return $[t] = o, o;
+}, C = (t, c = !0, { idAsValue: o, labelAsValue: n } = {}) => {
+  const i = `${t}-${o}-${n}`;
+  if ($[i])
+    return $[i];
+  const r = new Promise((e, a) => {
+    var s, f;
+    c && d[i] ? e(d[i]) : ((f = (s = h) == null ? void 0 : s.dict) != null && f.getDictTreeByType && e([]), h.dict.getDictTreeByType(t, { idAsValue: o, labelAsValue: n }).then((g) => {
+      const m = g.data.data;
+      c && (d[i] = m, d[`${i}-options`] = u(m), D[i] = l(m)), $[i] = null, e(m);
+    }).catch((g) => {
+      $[i] = null, a(g);
+    }));
+  });
+  return $[i] = r, r;
+}, b = async (t, c, o = !0, { treeDict: n, idAsValue: i, labelAsValue: r } = {}) => {
+  let e = t;
+  n && (e = `${t}-${i}-${r}`);
+  const a = D[e];
+  let s;
+  if (o && a)
+    s = a[c];
+  else {
+    let f = await T(t, o, { treeDict: n, idAsValue: i, labelAsValue: r });
+    if (o)
+      s = D[e][c];
+    else {
+      n && (f = u(f));
+      for (let g = 0; g < f.length; g++) {
+        const m = f[g];
+        if (m.value === c) {
+          s = m;
+          break;
+        }
+      }
+    }
+  }
+  return s;
+}, j = async (t, c, o = !0, { treeDict: n, idAsValue: i, labelAsValue: r } = {}) => {
+  var e;
+  return ((e = await b(t, c, o, { treeDict: n, idAsValue: i, labelAsValue: r })) == null ? void 0 : e.label) || c || "";
+};
+export {
+  j as g
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/pageable-table/index.mjs

@@ -1,85 +1,120 @@
-import { copy as T, hasOwn as w } from "@web-utils/core";
-import y from "element-ui/lib/message";
-import { merge as m } from "@web-utils/integrations/lodash";
-import { f as S, g as $, h as _ } from "../chunks/index.d3MV3Wq2.mjs";
-import { t as C, a as x } from "../chunks/core.DJEgjQW6.mjs";
-import { g } from "../chunks/configComponents.BDhlZU8F.mjs";
-import k from "../table-column-filterable/index.mjs";
-import E from "../table-column-filter/index.mjs";
-import { isEqual as R } from "lodash-es";
-import { n as P } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-function B(t) {
-  T(
+import { copy as R, hasOwn as v } from "@web-utils/core";
+import S from "element-ui/lib/message";
+import { merge as f } from "@web-utils/integrations/lodash";
+import { f as _, g as P, h as B } from "../chunks/index.d3MV3Wq2.mjs";
+import { g as A } from "../chunks/dictionary.DsN-2ukC.mjs";
+import { _ as C } from "../chunks/helper.BiMLcEEk.mjs";
+import "vue";
+import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import { isEqual as K } from "lodash-es";
+function L(t) {
+  R(
     t,
-    () => y.success({ duration: 1e3, message: "复制成功！", type: "success" }),
-    () => y.error({ duration: 1e3, message: "复制失败！", type: "error" })
+    () => S.success({ duration: 1e3, message: "复制成功！", type: "success" }),
+    () => S.error({ duration: 1e3, message: "复制失败！", type: "error" })
   );
 }
-const u = {}, b = {}, h = {}, K = (t, e = !0, { options: s, treeDict: a, idAsValue: l, labelAsValue: i } = {}) => {
-  let o = t;
-  a && (o = `${t}-${l}-${i}${s ? "-options" : ""}`);
-  const n = u[o];
-  return e && n ? n : a ? D(t, e, { idAsValue: l, labelAsValue: i }) : L(t, e);
-}, L = (t, e = !0) => {
-  if (h[t])
-    return h[t];
-  const s = new Promise((a, l) => {
-    var i, o;
-    e && u[t] ? a(u[t]) : ((o = (i = g) == null ? void 0 : i.dict) != null && o.remote && a([]), g.dict.remote(t).then((n) => {
-      let r = n.data.data;
-      if (e) {
-        const p = {};
-        r.forEach(({ label: c, value: d }) => {
-          p[d] = Object.freeze({ label: c, value: d });
-        }), b[t] = p, r = Object.freeze(r), u[t] = r;
-      }
-      h[t] = null, a(r);
-    }).catch((n) => {
-      h[t] = null, l(n);
-    }));
-  });
-  return h[t] = s, s;
-}, D = (t, e = !0, { idAsValue: s, labelAsValue: a } = {}) => {
-  const l = `${t}-${s}-${a}`;
-  if (h[l])
-    return h[l];
-  const i = new Promise((o, n) => {
-    var r, p;
-    e && u[l] ? o(u[l]) : ((p = (r = g) == null ? void 0 : r.dict) != null && p.getDictTreeByType && o([]), g.dict.getDictTreeByType(t, { idAsValue: s, labelAsValue: a }).then((c) => {
-      const d = c.data.data;
-      e && (u[l] = d, u[`${l}-options`] = C(d), b[l] = x(d)), h[l] = null, o(d);
-    }).catch((c) => {
-      h[l] = null, n(c);
-    }));
-  });
-  return h[l] = i, i;
-}, O = async (t, e, s = !0, { treeDict: a, idAsValue: l, labelAsValue: i } = {}) => {
-  let o = t;
-  a && (o = `${t}-${l}-${i}`);
-  const n = b[o];
-  let r;
-  if (s && n)
-    r = n[e];
-  else {
-    let p = await K(t, s, { treeDict: a, idAsValue: l, labelAsValue: i });
-    if (s)
-      r = b[o][e];
-    else {
-      a && (p = C(p));
-      for (let c = 0; c < p.length; c++) {
-        const d = p[c];
-        if (d.value === e) {
-          r = d;
-          break;
-        }
+const F = {
+  name: "TableColumnFilterable",
+  functional: !0,
+  /**
+   *
+   * @param h
+   * @param context {FunctionalContext}
+   * @returns {JSX.Element}
+   */
+  render(t, e) {
+    const {
+      data: {
+        key: s
+      },
+      props: l,
+      parent: {
+        records: i
+      },
+      scopedSlots: a
+    } = e, {
+      hide: o,
+      isVNode: n,
+      filterable: r,
+      allowSort: g,
+      autoUpdate: d,
+      scopedSlots: T,
+      prop: m,
+      ...x
+    } = l, y = `${s}-${r}${d ? `-${Math.random()}`.replace("0.", "") : ""}`, u = {
+      props: {
+        prop: m,
+        ...x
       }
+    };
+    if (r) {
+      const $ = [...new Set(i.map((c) => c[m]).filter((c) => c))].map((c) => ({
+        text: c,
+        value: c
+      }));
+      u.props.filterMethod = (c, w, k) => {
+        const E = k.property;
+        return w[E] === c;
+      }, u.props.filters = $;
     }
+    const h = T || a;
+    return h != null && h.default ? t("ElTableColumn", C([{}, u, {
+      scopedSlots: h,
+      key: y
+    }])) : t("TableColumn", C([{}, u, {
+      key: y
+    }]));
+  }
+}, z = null, O = null;
+var W = /* @__PURE__ */ b(
+  F,
+  z,
+  O,
+  !1,
+  null,
+  null
+);
+const V = W.exports, D = {
+  name: "TableColumnFilter",
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    visible: Boolean
   }
-  return r;
-}, z = async (t, e, s = !0, { treeDict: a, idAsValue: l, labelAsValue: i } = {}) => {
-  var o;
-  return ((o = await O(t, e, s, { treeDict: a, idAsValue: l, labelAsValue: i })) == null ? void 0 : o.label) || e || "";
-}, W = {
+};
+var M = 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);
+}, U = [], N = /* @__PURE__ */ b(
+  D,
+  M,
+  U,
+  !1,
+  null,
+  null
+);
+const H = N.exports, j = {
   props: {
     useVisibilityChange: Boolean
   },
@@ -96,32 +131,32 @@ const u = {}, b = {}, h = {}, K = (t, e = !0, { options: s, treeDict: a, idAsVal
     }
   }
 };
-function A(t, e) {
-  const s = t.map((l) => {
-    const { hide: i, filterable: o, allowSort: n, sortable: r, fixed: p, ...c } = l;
-    return c;
-  }), a = e.map((l) => {
-    const { hide: i, filterable: o, allowSort: n, sortable: r, fixed: p, ...c } = l;
-    return c;
+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 R(s, a);
+  return K(s, l);
 }
-function F(t) {
+function q(t) {
   let e = "";
   for (const s in t)
     e += `<TableColumn prop="${s}" label="${s}"/>
 `;
   return e;
 }
-const f = {
+const p = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, M = {
+}, I = {
   name: "PageableTable",
-  components: { TableColumnFilter: E, TableColumnFilterable: k },
-  mixins: [W],
+  components: { TableColumnFilter: H, TableColumnFilterable: V },
+  mixins: [j],
   emits: ["page-loaded", "row-dblclick"],
   bus: {
     reloadTableView(t) {
@@ -198,8 +233,8 @@ const f = {
   data() {
     const t = this.pageSize;
     return {
-      TABLE_STATUS: Object.freeze(f),
-      tableStatus: f.empty,
+      TABLE_STATUS: Object.freeze(p),
+      tableStatus: p.empty,
       records: [],
       currentRow: null,
       showSettings: !1,
@@ -226,11 +261,11 @@ const f = {
       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(S)) || [];
+      return ((t = this.columns) == null ? void 0 : t.map(_)) || [];
     }
   },
   watch: {
@@ -245,19 +280,19 @@ const f = {
         const e = [];
         let s = null;
         if (t) {
-          const a = this.$slots.default, { columns: l } = t;
-          a ? a.forEach((i) => {
-            if (!i.isComment && i.data) {
-              const { attrs: o, props: n, scopedSlots: r } = i.data;
-              i.data.props = i.data.props || {}, i.data.props.type === "expand" ? s = {
+          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" ? s = {
                 ...o,
                 ...n,
                 scopedSlots: r,
                 hide: !1,
                 filterable: !1,
-                allowSort: i.data.props.sortable !== !1,
+                allowSort: a.data.props.sortable !== !1,
                 sortable: !1,
-                fixed: i.data.props.fixed
+                fixed: a.data.props.fixed
               } : e.push({
                 ...o,
                 ...n,
@@ -265,28 +300,28 @@ const f = {
                 hide: !1,
                 isVNode: !0,
                 filterable: !1,
-                allowSort: i.data.props.sortable !== !1,
+                allowSort: a.data.props.sortable !== !1,
                 sortable: !1,
-                fixed: i.data.props.fixed
+                fixed: a.data.props.fixed
               });
             }
-          }) : l && l.forEach((i) => {
-            i.type === "expand" ? s = {
-              ...i,
-              props: i,
+          }) : i && i.forEach((a) => {
+            a.type === "expand" ? s = {
+              ...a,
+              props: a,
               hide: !1,
               filterable: !1,
-              allowSort: i.sortable !== !1,
+              allowSort: a.sortable !== !1,
               sortable: !1,
-              fixed: i.fixed
+              fixed: a.fixed
             } : e.push({
-              ...i,
-              props: i,
+              ...a,
+              props: a,
               hide: !1,
               filterable: !1,
-              allowSort: i.sortable !== !1,
+              allowSort: a.sortable !== !1,
               sortable: !1,
-              fixed: i.fixed
+              fixed: a.fixed
             });
           }), this.updateExpandColumn(s), this.updateColumns(e);
         }
@@ -309,32 +344,32 @@ const f = {
     },
     rowClick(t, e, s) {
       if (this.clickRowSelect && this.selectable(t)) {
-        const a = this.$refs.table;
-        if (this.selectedRows.find((i) => i[this.rowKey] === t[this.rowKey])) {
-          a.toggleRowSelection(t, !1);
+        const l = this.$refs.table;
+        if (this.selectedRows.find((a) => a[this.rowKey] === t[this.rowKey])) {
+          l.toggleRowSelection(t, !1);
           return;
         }
-        a.toggleRowSelection(t);
+        l.toggleRowSelection(t);
       }
     },
     hideTooltip() {
       var e;
       const t = this.$refs.table.$children.find((s) => {
-        var a;
-        return ((a = s.$options) == null ? void 0 : a.name) === "ElTableBody";
+        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: _,
-    filterTableEvents: $,
-    filterTableColumnProperties: S,
+    filterTableProperties: B,
+    filterTableEvents: P,
+    filterTableColumnProperties: _,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
-    copy: (t) => B(F(t)),
+    copy: (t) => L(q(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);
     },
@@ -353,7 +388,7 @@ const f = {
     },
     async getPage(t) {
       var o;
-      if (w(this.$attrs, "data") && this.$attrs.data !== !1) {
+      if (v(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;
       }
@@ -361,11 +396,11 @@ const f = {
       let e;
       const s = this.getPageQuery();
       if (this.api || this.url) {
-        t !== !1 && (this.tableStatus = f.loading);
+        t !== !1 && (this.tableStatus = p.loading);
         try {
           this.api && (e = await this.api(s));
         } catch {
-          this.tableStatus = f.error;
+          this.tableStatus = p.error;
           return;
         }
       } else {
@@ -376,9 +411,9 @@ const f = {
         return;
       }
       const {
-        data: { data: a }
-      } = e || {}, { total: l, records: i } = a || {};
-      this.page.total = Number(l), this.records = await this.mapRow(i), !i || !i.length ? this.tableStatus = f.empty : this.tableStatus = f.success, this.doLayout(), this.$emit("page-loaded", a);
+        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;
@@ -398,8 +433,8 @@ const f = {
     },
     mapRow(t) {
       return t.map((e) => (this.dicOptions.forEach(async (s) => {
-        var a;
-        e[`$${s.prop}`] = e[s.prop], s.dicData ? e[s.prop] = ((a = s.dicData.find((l) => l.value === e[s.prop])) == null ? void 0 : a.label) || e[s.prop] : e[s.prop] = await z(s.dicType, e[s.prop]);
+        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 A(s.dicType, e[s.prop]);
       }), e));
     },
     toggleSettings() {
@@ -410,18 +445,18 @@ const f = {
       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 (!A(this.tableColumns, t)) {
+      if (!Q(this.tableColumns, t)) {
         const e = {};
         this.tableColumns.forEach((s) => {
           e[s.prop] = s;
         }), t.map((s) => {
-          const a = e[s.prop];
-          if (a) {
-            const { hide: l, filterable: i, allowSort: o, sortable: n, fixed: r } = a;
-            return m(a, s), a.hide = l, a.filterable = i, a.allowSort = o, a.sortable = n, a.fixed = r, a;
+          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 s;
         }), this.tableColumns = t;
@@ -432,7 +467,7 @@ const f = {
     }
   }
 };
-var j = function() {
+var J = 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() {
@@ -442,36 +477,36 @@ var j = 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: a }) {
-    return [s("ElRadio", { attrs: { label: !0, disabled: !e.selectable(a), value: e.currentRow && e.currentRow[e.$attrs["row-key"] || e.rowKey || "id"] === a[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: a }) {
-    return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + a + 1 || a + 1) + " ")];
-  } }], null, !1, 4238275121) }) : e._e(), e.tableColumns ? e._l(e.tableColumns.filter((a) => !a.hide), function(a, l) {
-    var i, o;
-    return s("TableColumnFilterable", e._b({ key: `${((i = a.props) == null ? void 0 : i.prop) || a.prop}-${l}`, scopedSlots: e._u([e.$scopedSlots[((o = a.props) == null ? void 0 : o.prop) || a.prop] ? { key: "default", fn: function({ row: n }) {
+  }, 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 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 = a.props) == null ? void 0 : r.prop) || a.prop, null, { row: n })];
-    } } : null], null, !0) }, "TableColumnFilterable", a, !1));
-  }) : [s("TableColumn", { attrs: { label: "点击表格行复制模板" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
-    return [s("pre", { staticClass: "pointer", on: { click: function(l) {
-      return e.copy(a);
-    } } }, [e._v(e._s(JSON.stringify(a, 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": (a) => {
-    e.page.limit = a;
-  }, "current-change": (a) => {
-    e.page.page = a;
-  } } }) : e._e(), s("TableColumnFilter", { attrs: { visible: e.showSettings, columns: e.tableColumns }, on: { "update:visible": function(a) {
-    e.showSettings = a;
+      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);
-}, v = [], U = /* @__PURE__ */ P(
-  M,
-  j,
-  v,
+}, X = [], G = /* @__PURE__ */ b(
+  I,
+  J,
+  X,
   !1,
   null,
   null
 );
-const Z = U.exports;
+const re = G.exports;
 export {
-  Z as default
+  re as default
 };

package/pageable-table/style.css

@@ -1 +1 @@
-.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;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}

package/table-column/index.mjs

@@ -1,9 +1,63 @@
-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 = {
+import { _ as T } from "../chunks/helper.BiMLcEEk.mjs";
+import { h as d } from "vue";
+import { g as C } from "../chunks/dictionary.DsN-2ukC.mjs";
+import { n as B } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import { f as V } from "../chunks/core.DJEgjQW6.mjs";
+const D = {
+  name: "DictRender",
+  inheritAttrs: !1,
+  props: {
+    row: Object,
+    column: Object,
+    dictType: String,
+    options: Array,
+    treeDict: Boolean,
+    idAsValue: {
+      type: Boolean,
+      default: !0
+    },
+    labelAsValue: Boolean
+  },
+  data() {
+    return {
+      label: ""
+    };
+  },
+  computed: {
+    value() {
+      return this.row[this.column.property];
+    }
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      async handler() {
+        var l, e;
+        this.dictType ? this.label = await C(this.dictType, this.value, !0, {
+          treeDict: this.treeDict,
+          idAsValue: this.idAsValue,
+          labelAsValue: this.labelAsValue
+        }) : this.label = ((e = (l = this.options) == null ? void 0 : l.find((t) => `${t.value}` == `${this.value}`)) == null ? void 0 : e.label) ?? `${this.value}`;
+      }
+    }
+  },
+  render() {
+    return d("span", T([{}, {
+      on: this.$listeners
+    }, {}, {
+      domProps: this.$attrs
+    }]), [this.label]);
+  }
+}, F = null, O = null;
+var $ = /* @__PURE__ */ B(
+  D,
+  F,
+  O,
+  !1,
+  null,
+  null
+);
+const x = $.exports, N = {
   props: {
     type: {
       type: String,
@@ -55,8 +109,8 @@ const x = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(n) {
-        return n.every((t) => ["ascending", "descending", null].indexOf(t) > -1);
+      validator(l) {
+        return l.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
       }
     },
     dictType: String,
@@ -69,103 +123,103 @@ const x = {
     },
     labelAsValue: Boolean
   }
-}, N = {
+}, M = {
   selection: !0,
   "single-selection": !0,
   index: !0,
   expand: !0
-}, O = (n, t, e, y, d) => {
+}, k = (l, e, t, y, p) => {
   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;
+  const n = l.rowDbClick || ((i = l.$children.find((f) => f.$options.name === "TableView")) == null ? void 0 : i.rowDbClick);
+  n == null || n(e, t, y, p);
+}, H = (l) => {
+  let e = l.target;
+  for (; e && e.tagName.toUpperCase() !== "HTML"; ) {
+    if (e.tagName.toUpperCase() === "TD")
+      return e;
+    e = e.parentNode;
   }
   return null;
-}, D = () => {
-}, M = (n) => !v(n).length, k = {
+}, P = () => {
+}, R = (l) => !V(l).length, U = {
   name: "TableColumn",
   functional: !0,
-  mixins: [x],
-  render(n, {
-    data: t,
-    props: e,
+  mixins: [N],
+  render(l, {
+    data: e,
+    props: t,
     children: y,
-    parent: d,
+    parent: p,
     listeners: {
-      click: l
+      click: n
     }
   }) {
     const {
       scopedSlots: i,
       ...f
-    } = t, {
-      clickable: C,
+    } = e, {
+      clickable: v,
       cellClick: a,
       ...b
-    } = e, S = {
+    } = t, g = {
       ...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) => {
+    }, _ = M[t.type];
+    if (!_) {
+      const m = i == null ? void 0 : i.default, c = v || n || a;
+      (c || t.dictType || t.options) && (g.default = (A) => {
         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, {
+        } = A, S = c ? (u) => {
+          const h = H(u);
+          n || a ? (n == null || n(o, r, o, r, h, u), a == null || a(o, r, o, r, h, u)) : k(p, o, r, h, u);
+        } : P;
+        let s = m == null ? void 0 : m(A);
+        return R(s) && (s = null), (t.dictType || t.options) && !s ? d(x, {
           class: {
             "is-clickable": c
           },
           on: {
-            click: B
+            click: S
           },
           attrs: {
             row: o,
             column: r,
-            dictType: e.dictType,
-            treeDict: e.treeDict,
-            idAsValue: e.idAsValue,
-            labelAsValue: e.labelAsValue,
-            options: e.options
+            dictType: t.dictType,
+            treeDict: t.treeDict,
+            idAsValue: t.idAsValue,
+            labelAsValue: t.labelAsValue,
+            options: t.options
           }
-        }) : c ? g("span", {
+        }) : c ? d("span", {
           class: "is-clickable",
           on: {
-            click: B
+            click: S
           }
         }, [s || (o == null ? void 0 : o[r == null ? void 0 : r.property])]) : s;
       });
     }
-    const A = {
+    const w = {
       ...f,
       props: {
         ...b,
-        showOverflowTooltip: h ? !1 : b.showOverflowTooltip
+        showOverflowTooltip: _ ? !1 : b.showOverflowTooltip
       }
     };
-    return g("ElTableColumn", _([{}, A, {
-      scopedSlots: S
+    return d("ElTableColumn", T([{}, w, {
+      scopedSlots: g
     }]));
   }
-}, H = null, P = null;
-var U = /* @__PURE__ */ F(
-  k,
-  H,
-  P,
+}, j = null, z = null;
+var E = /* @__PURE__ */ B(
+  U,
+  j,
+  z,
   !1,
   null,
   null
 );
-const K = U.exports;
+const X = E.exports;
 export {
-  K as default
+  X as default
 };

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "contributions": {
     "html": {
       "description-markup": "markdown",