vue3-smart-table 0.0.2 → 0.0.4

package/dist/vue3-smart-table.es.js

@@ -1,6 +1,15 @@
-import { defineComponent as x, ref as V, watch as S, resolveComponent as w, createBlock as b, openBlock as f, mergeProps as _, withKeys as M, withCtx as P, createElementBlock as O, Fragment as K, renderList as T, h as g, computed as $, toRefs as U, createCommentVNode as j, unref as d, createTextVNode as D, toDisplayString as N, resolveDynamicComponent as H, resolveDirective as q, withDirectives as X } from "vue";
-import { ElImage as L, ElTag as Y, ElMessage as E, ElButton as G } from "element-plus";
-const Q = /* @__PURE__ */ x({
+import { defineComponent as O, ref as A, watch as F, resolveComponent as V, createBlock as _, openBlock as v, mergeProps as x, withKeys as R, withCtx as S, createElementBlock as I, Fragment as J, renderList as L, h as g, computed as z, toRefs as Q, createCommentVNode as Z, unref as s, createTextVNode as q, toDisplayString as T, renderSlot as Y, normalizeProps as ee, resolveDynamicComponent as te, normalizeClass as ne, normalizeStyle as le, resolveDirective as re, withDirectives as oe, createSlots as ie } from "vue";
+import { ElImage as D, ElTag as se, ElMessage as $, ElButton as ae } from "element-plus";
+function C(t, e) {
+  if (!(!t || !e))
+    return e.split(".").reduce((n, r) => n == null ? void 0 : n[r], t);
+}
+function U(t, e, n) {
+  if (!t || !e) return;
+  const r = e.split("."), o = r.pop(), l = r.reduce((i, c) => (i[c] || (i[c] = {}), i[c]), t);
+  l[o] = n;
+}
+const ce = /* @__PURE__ */ O({
   __name: "input",
   props: {
     row: {},
@@ -9,29 +18,29 @@ const Q = /* @__PURE__ */ x({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = V(e.row[e.col.key]);
-    S(n, (c) => {
-      e.row[e.col.key] = c;
+    const e = t, n = A(C(e.row, e.col.key));
+    F(n, (l) => {
+      U(e.row, e.col.key, l);
     });
     const r = () => {
-      var c;
-      return (c = e.onCellBlur) == null ? void 0 : c.call(e, e.row, e.col);
-    }, l = () => {
-      var c;
-      return (c = e.onCellEnter) == null ? void 0 : c.call(e, e.row, e.col);
+      var l;
+      return (l = e.onCellBlur) == null ? void 0 : l.call(e, e.row, e.col);
+    }, o = () => {
+      var l;
+      return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
     };
-    return (c, o) => {
-      const y = w("el-input");
-      return f(), b(y, _({
+    return (l, i) => {
+      const c = V("el-input");
+      return v(), _(c, x({
         modelValue: n.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u)
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
       }, { placeholder: "", size: "small", clearable: !0, ...t.col.renderProps }, {
         onBlur: r,
-        onKeyup: M(l, ["enter"])
+        onKeyup: R(o, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), Z = /* @__PURE__ */ x({
+}), ue = /* @__PURE__ */ O({
   __name: "inputNumber",
   props: {
     row: {},
@@ -41,30 +50,30 @@ const Q = /* @__PURE__ */ x({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = V(e.row[e.col.key]);
-    S(n, (c) => {
-      var o;
-      e.row[e.col.key] = c, (o = e.onCellChange) == null || o.call(e, e.row, e.col);
+    const e = t, n = A(C(e.row, e.col.key));
+    F(n, (l) => {
+      var i;
+      U(e.row, e.col.key, l), (i = e.onCellChange) == null || i.call(e, e.row, e.col);
     });
     const r = () => {
-      var c;
-      return (c = e.onCellBlur) == null ? void 0 : c.call(e, e.row, e.col);
-    }, l = () => {
-      var c;
-      return (c = e.onCellEnter) == null ? void 0 : c.call(e, e.row, e.col);
+      var l;
+      return (l = e.onCellBlur) == null ? void 0 : l.call(e, e.row, e.col);
+    }, o = () => {
+      var l;
+      return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
     };
-    return (c, o) => {
-      const y = w("el-input-number");
-      return f(), b(y, _({
+    return (l, i) => {
+      const c = V("el-input-number");
+      return v(), _(c, x({
         modelValue: n.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u)
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
       }, { min: 0, max: 99999, controls: !1, size: "small", ...t.col.renderProps }, {
         onBlur: r,
-        onKeyup: M(l, ["enter"])
+        onKeyup: R(o, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), ee = /* @__PURE__ */ x({
+}), de = /* @__PURE__ */ O({
   __name: "select",
   props: {
     row: {},
@@ -74,37 +83,37 @@ const Q = /* @__PURE__ */ x({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = V(e.row[e.col.key]);
-    S(n, (o) => {
-      e.row[e.col.key] = o;
+    const e = t, n = A(C(e.row, e.col.key));
+    F(n, (i) => {
+      U(e.row, e.col.key, i);
     });
     const r = () => {
-      var o;
-      return (o = e.onCellChange) == null ? void 0 : o.call(e, e.row, e.col);
+      var i;
+      return (i = e.onCellChange) == null ? void 0 : i.call(e, e.row, e.col);
+    }, o = () => {
+      var i;
+      return (i = e.onCellBlur) == null ? void 0 : i.call(e, e.row, e.col);
     }, l = () => {
-      var o;
-      return (o = e.onCellBlur) == null ? void 0 : o.call(e, e.row, e.col);
-    }, c = () => {
-      var o;
-      return (o = e.onCellEnter) == null ? void 0 : o.call(e, e.row, e.col);
+      var i;
+      return (i = e.onCellEnter) == null ? void 0 : i.call(e, e.row, e.col);
     };
-    return (o, y) => {
-      const u = w("el-option"), i = w("el-select");
-      return f(), b(i, _({
+    return (i, c) => {
+      const d = V("el-option"), y = V("el-select");
+      return v(), _(y, x({
         modelValue: n.value,
-        "onUpdate:modelValue": y[0] || (y[0] = (h) => n.value = h)
+        "onUpdate:modelValue": c[0] || (c[0] = (h) => n.value = h)
       }, { placeholder: "请选择", size: "small", clearable: !0, ...t.col.renderProps }, {
         onChange: r,
-        onBlur: l,
-        onKeyup: M(c, ["enter"])
+        onBlur: o,
+        onKeyup: R(l, ["enter"])
       }), {
-        default: P(() => {
+        default: S(() => {
           var h;
           return [
-            (f(!0), O(K, null, T(((h = t.col.renderProps) == null ? void 0 : h.options) || [], (a) => (f(), b(u, {
-              key: a.value,
-              label: a.label,
-              value: a.value
+            (v(!0), I(J, null, L(((h = t.col.renderProps) == null ? void 0 : h.options) || [], (u) => (v(), _(d, {
+              key: u.value,
+              label: u.label,
+              value: u.value
             }, null, 8, ["label", "value"]))), 128))
           ];
         }),
@@ -112,53 +121,54 @@ const Q = /* @__PURE__ */ x({
       }, 16, ["modelValue"]);
     };
   }
-}), W = (t) => x({
+}), N = (t) => O({
   props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
   setup(e) {
     return () => g(t, e);
   }
 });
-function te(t) {
+function ye(t) {
   return typeof t.formatter == "function";
 }
-function ne() {
+function me() {
   return {
-    input: W(Q),
-    "input-number": W(Z),
-    select: W(ee),
+    input: N(ce),
+    "input-number": N(ue),
+    select: N(de),
     button: (t) => {
-      const e = t.col.renderProps || {};
-      return g(G, {
+      const e = t.col.renderProps || {}, n = C(t.row, t.col.key);
+      return g(ae, {
         type: e.type || "primary",
         ...e,
         onClick: () => {
-          var n;
-          return (n = t.onClick) == null ? void 0 : n.call(t, t.row, t.col);
+          var r;
+          return (r = t.onClick) == null ? void 0 : r.call(t, t.row, t.col);
         }
-      }, () => e.label || t.row[t.col.key]);
+      }, () => e.label || n);
     },
     link: (t) => {
-      const e = t.col.renderProps || {};
+      const e = t.col.renderProps || {}, n = C(t.row, t.col.key);
       return g("a", {
         href: e.href || "#",
         target: e.blank ? "_blank" : "_self",
         style: e.style || "color:#409EFF;cursor:pointer;",
-        onClick: (n) => {
-          var r;
-          n.preventDefault(), (r = t.onClick) == null || r.call(t, t.row, t.col);
+        onClick: (r) => {
+          var o;
+          r.preventDefault(), (o = t.onClick) == null || o.call(t, t.row, t.col);
         }
-      }, e.label || t.row[t.col.key]);
+      }, e.label || n);
     },
     html: (t) => {
-      var e;
+      var n;
+      const e = C(t.row, t.col.key);
       return g("div", {
         class: "line-clamp-2",
-        innerHTML: t.row[t.col.key] ?? "",
-        ...((e = t.col) == null ? void 0 : e.renderProps) || {}
+        innerHTML: e ?? "",
+        ...((n = t.col) == null ? void 0 : n.renderProps) || {}
       });
     },
     copy: (t) => {
-      const e = t.row[t.col.key] ?? "";
+      const e = C(t.row, t.col.key) ?? "";
       return g(
         "div",
         {
@@ -190,18 +200,18 @@ function ne() {
                   try {
                     if (navigator.clipboard && navigator.clipboard.writeText)
                       navigator.clipboard.writeText(e).then(() => {
-                        E.success("复制成功");
+                        $.success("复制成功");
                       }).catch(() => {
-                        E.error("复制失败");
+                        $.error("复制失败");
                       });
                     else {
                       const n = document.createElement("textarea");
                       n.value = e, n.style.position = "fixed", n.style.opacity = "0", document.body.appendChild(n), n.select();
                       const r = document.execCommand("copy");
-                      document.body.removeChild(n), r ? E.success("复制成功") : E.error("复制失败");
+                      document.body.removeChild(n), r ? $.success("复制成功") : $.error("复制失败");
                     }
                   } catch {
-                    E.error("复制失败");
+                    $.error("复制失败");
                   }
               }
             },
@@ -212,39 +222,73 @@ function ne() {
       );
     },
     img: (t) => {
-      var r;
-      const e = t.row[t.col.key] ?? "", n = ((r = t.col) == null ? void 0 : r.renderProps) || {};
-      return g(L, {
-        src: e,
-        previewSrcList: (n == null ? void 0 : n.previewSrcList) ?? (Array.isArray(e) ? e : [e]),
-        fit: "contain",
-        style: "width:80px;height:80px",
+      var i;
+      const e = C(t.row, t.col.key) ?? "", n = ((i = t.col) == null ? void 0 : i.renderProps) || {}, o = e ? Array.isArray(e) ? e.filter((c) => c && typeof c == "string") : [e] : [];
+      if (o.length === 0)
+        return n.placeholder || "";
+      const l = {
+        width: n.width || "80px",
+        height: n.height || "80px",
+        marginRight: o.length > 1 ? "4px" : "0",
+        ...n.style || {}
+      };
+      return o.length === 1 ? g(D, {
+        src: o[0],
+        previewSrcList: n.previewSrcList || o,
+        fit: n.fit || "contain",
+        style: l,
         ...n
-      });
+      }) : (console.log(n.previewSrcList), g("div", {
+        style: "display: flex; align-items: center; position: relative"
+      }, [
+        // 显示第一张图片，点击可预览所有
+        g(D, {
+          src: o[0],
+          previewSrcList: n.previewSrcList || o,
+          fit: n.fit || "contain",
+          style: l,
+          ...n
+        }),
+        // 如果图片数量大于1，显示剩余图片数量
+        o.length > 1 && g("span", {
+          style: `
+            margin-left: 8px;
+            font-size: 12px;
+            color: #666;
+            background: #f0f0f0;
+            padding: 2px 6px;
+            border-radius: 2px;
+            position: absolute;
+            top: 0;
+            right: 0;
+          `,
+          title: `共 ${o.length} 张图片`
+        }, `+${o.length - 1}`)
+      ]));
     },
     dict: (t) => {
-      const e = t.row[t.col.key], n = t.col.renderProps || {}, r = n.options ?? [], l = n.showValue ?? !1;
+      const e = C(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, r = n.options ?? [], o = n.showValue ?? !1;
       if (e == null || e === "") return "";
-      const c = Array.isArray(e) ? e.map(String) : [String(e)], o = r.filter((i) => c.includes(String(i.value))), y = c.filter((i) => !r.some((h) => String(h.value) === i)), u = o.map((i, h) => g(
-        Y,
-        { key: i.value, type: i.listClass, class: i.cssClass, disableTransitions: !0 },
-        { default: () => i.label + " " }
+      const l = Array.isArray(e) ? e.map(String) : [String(e)], i = r.filter((y) => l.includes(String(y.value))), c = l.filter((y) => !r.some((h) => String(h.value) === y)), d = i.map((y, h) => g(
+        se,
+        { key: y.value, type: y.listClass, class: y.cssClass, disableTransitions: !0 },
+        { default: () => y.label + " " }
       ));
-      return l && y.length > 0 && u.push(g("span", {}, y.join(" "))), g("div", {}, u);
+      return o && c.length > 0 && d.push(g("span", {}, c.join(" "))), g("div", {}, d);
     },
     map: (t) => {
       var r;
-      const e = t.row[t.col.key], n = ((r = t.col.renderProps) == null ? void 0 : r.options) ?? {};
+      const e = C(t.row, t.col.key) ?? "", n = ((r = t.col.renderProps) == null ? void 0 : r.options) ?? {};
       return e != null ? n[e] ?? "" : "";
     },
     formatter: (t) => {
-      var l;
-      const { col: e, row: n } = t, r = n[e.key];
-      return te(e) ? (l = e.formatter) == null ? void 0 : l.call(e, r, n) : r ?? "";
+      var o;
+      const { col: e, row: n } = t, r = C(t.row, t.col.key) ?? "";
+      return ye(e) ? (o = e.formatter) == null ? void 0 : o.call(e, r, n) : r ?? "";
     },
     icon: (t) => {
-      const e = t.row[t.col.key] ?? "", n = t.col.renderProps || {};
-      return e ? /^https?:\/\//.test(e) ? g(L, {
+      const e = C(t.row, t.col.key) ?? "", n = t.col.renderProps || {};
+      return e ? /^https?:\/\//.test(e) ? g(D, {
         src: e,
         previewSrcList: [e],
         fit: "contain",
@@ -263,178 +307,193 @@ function ne() {
     }
   };
 }
-function le(t, e = 10, n = []) {
-  const l = "*:*:*", c = (s) => {
-    if (!s) return !0;
-    const m = Array.isArray(s) ? s : [s];
+function pe(t, e = 10, n = []) {
+  const o = "*:*:*", l = (a) => {
+    if (!a) return !0;
+    const p = Array.isArray(a) ? a : [a];
     return n.some(
-      (p) => p === l || m.includes(p)
+      (f) => f === o || p.includes(f)
     );
-  }, o = $(() => t.some((s) => c(s.permission))), y = $(() => t.filter((m) => c(m.permission)).slice(0, e).reduce(
-    (m, p) => m + (p.width ?? 55),
+  }, i = z(() => t.some((a) => l(a.permission))), c = z(() => t.filter((p) => l(p.permission)).slice(0, e).reduce(
+    (p, f) => p + (f.width ?? 60),
     0
-  )), u = (s, m) => c(s.permission) && (s.visible ? s.visible(m) : !0), i = (s) => t.filter((p) => u(p, s)).slice(0, e).reduce(
-    (p, I) => p + (I.width ?? 55),
+  )), d = (a, p) => l(a.permission) && (a.visible ? a.visible(p) : !0), y = (a) => t.filter((f) => d(f, a)).slice(0, e).reduce(
+    (f, B) => f + (B.width ?? 60),
     0
   );
   return {
-    hasAnyButton: o,
-    optWidth: y,
-    hasAnyVisibleButton: (s) => s != null && s.length ? s.some(
-      (m) => t.some((p) => u(p, m))
+    hasAnyButton: i,
+    optWidth: c,
+    hasAnyVisibleButton: (a) => a != null && a.length ? a.some(
+      (p) => t.some((f) => d(f, p))
     ) : !1,
-    getMaxOptWidth: (s) => s != null && s.length ? s.reduce(
-      (m, p) => Math.max(m, i(p)),
+    getMaxOptWidth: (a) => a != null && a.length ? a.reduce(
+      (p, f) => Math.max(p, y(f)),
       0
-    ) : y.value,
-    getVisibleButtons: (s) => t.filter((m) => u(m, s)).slice(0, e)
+    ) : c.value,
+    getVisibleButtons: (a) => t.filter((p) => d(p, a)).slice(0, e)
   };
 }
-const re = /* @__PURE__ */ x({
+const fe = ["title"], ge = /* @__PURE__ */ O({
   __name: "index",
   props: {
     col: { type: Object, required: !0 },
-    permissions: { type: Array, default: () => [] }
+    permissions: { type: Array, default: () => [] },
+    pagination: { type: Object, default: () => ({}) }
   },
   emits: ["cellBlur", "cellEnter", "cellChange", "cellClick"],
   setup(t, { emit: e }) {
-    const n = t, r = e, { col: l } = U(n), c = (v, k) => r("cellChange", v, k), o = (v, k) => r("cellBlur", v, k), y = (v, k) => r("cellEnter", v, k), u = (v, k) => r("cellClick", v, k), i = ne(), {
-      hasAnyButton: h,
-      hasAnyVisibleButton: a,
-      optWidth: C,
-      getMaxOptWidth: s,
-      getVisibleButtons: m
-    } = le(
+    const n = t, r = e, o = (m) => {
+      var K, w;
+      const k = (K = n.pagination) == null ? void 0 : K.page, E = (w = n.pagination) == null ? void 0 : w.size;
+      return k && E ? (k - 1) * E + m + 1 : m + 1;
+    }, { col: l } = Q(n), i = (m, k) => r("cellChange", m, k), c = (m, k) => r("cellBlur", m, k), d = (m, k) => r("cellEnter", m, k), y = (m, k) => r("cellClick", m, k), h = me(), {
+      hasAnyButton: u,
+      hasAnyVisibleButton: b,
+      optWidth: a,
+      getMaxOptWidth: p,
+      getVisibleButtons: f
+    } = pe(
       l.value.buttons || [],
       l.value.maxbtn ?? 10,
       n.permissions || []
-    ), p = $(() => (l.value.buttons || []).length ? (l.value.__rows || []).length ? a(l.value.__rows || []) : h.value : !1), I = $(() => l.value.__rows ? s(l.value.__rows) : C.value);
-    function z(v) {
-      return !(v.type === "selection" || v.type === "index" || v.type === "operation" && !p.value || v.visible === !1);
+    ), B = z(() => (l.value.buttons || []).length ? (l.value.__rows || []).length ? b(l.value.__rows || []) : u.value : !1), W = z(() => l.value.__rows ? p(l.value.__rows) : a.value);
+    function G(m) {
+      return !(m.type === "selection" || m.type === "index" || m.type === "operation" && !B.value || m.visible === !1);
     }
-    return (v, k) => {
-      const A = w("el-table-column"), J = w("el-button");
-      return d(l).type === "selection" ? (f(), b(A, _({
+    return (m, k) => {
+      const E = V("el-table-column"), K = V("el-button");
+      return s(l).type === "selection" ? (v(), _(E, x({
         key: 0,
         type: "selection"
-      }, d(l).columnProps), null, 16)) : d(l).type === "index" ? (f(), b(A, _({
+      }, s(l).columnProps), null, 16)) : s(l).type === "index" ? (v(), _(E, x({
         key: 1,
         type: "index",
-        label: d(l).label || "#",
+        label: s(l).label || "#",
         align: "center"
-      }, d(l).columnProps), null, 16, ["label"])) : d(l).type === "operation" && p.value ? (f(), b(A, _({
+      }, s(l).columnProps), {
+        default: S(({ $index: w }) => [
+          q(T(o(w)), 1)
+        ]),
+        _: 1
+      }, 16, ["label"])) : s(l).type === "operation" && B.value ? (v(), _(E, x({
         key: 2,
-        label: d(l).label || "操作",
+        label: s(l).label || "操作",
         align: "center"
       }, {
-        ...d(l).columnProps,
-        width: I.value
+        ...s(l).columnProps,
+        width: W.value
       }), {
-        default: P(({ row: B }) => [
-          (f(!0), O(K, null, T(d(m)(B), (F) => (f(), b(J, {
-            key: F.label,
-            type: F.type || "primary",
+        default: S(({ row: w }) => [
+          (v(!0), I(J, null, L(s(f)(w), (P) => (v(), _(K, {
+            key: P.label,
+            type: P.type || "primary",
             link: "",
-            onClick: (ue) => F.action(B)
+            onClick: (M) => P.action(w)
           }, {
-            default: P(() => [
-              D(N(F.label), 1)
+            default: S(() => [
+              q(T(P.label), 1)
             ]),
             _: 2
           }, 1032, ["type", "onClick"]))), 128))
         ]),
         _: 1
-      }, 16, ["label"])) : z(d(l)) ? (f(), b(A, _({
+      }, 16, ["label"])) : G(s(l)) ? (v(), _(E, x({
         key: 3,
-        prop: d(l).key,
-        label: d(l).label,
+        label: s(l).label,
         align: "center"
-      }, d(l).columnProps || {}), {
-        default: P(({ row: B }) => [
-          d(l).render && d(i)[d(l).render] ? (f(), b(H(d(i)[d(l).render]), {
-            key: 0,
-            row: B,
-            col: d(l),
-            onCellChange: c,
-            onCellBlur: o,
-            onCellEnter: y,
-            onClick: u
-          }, null, 40, ["row", "col"])) : (f(), O(K, { key: 1 }, [
-            D(N(B[d(l).key]), 1)
-          ], 64))
-        ]),
-        _: 1
-      }, 16, ["prop", "label"])) : j("", !0);
+      }, s(l).columnProps || {}), {
+        default: S((w) => {
+          var P, M, j, H;
+          return [
+            s(l).render === "slot" && m.$slots[((P = s(l)) == null ? void 0 : P.slot) || s(l).key] ? Y(m.$slots, ((M = s(l)) == null ? void 0 : M.slot) || s(l).key, ee(x({ key: 0 }, w))) : s(l).render && s(h)[s(l).render] ? (v(), _(te(s(h)[s(l).render]), {
+              key: 1,
+              row: w.row,
+              col: s(l),
+              onCellChange: i,
+              onCellBlur: c,
+              onCellEnter: d,
+              onClick: y
+            }, null, 40, ["row", "col"])) : (v(), I("span", {
+              key: 2,
+              style: le(((j = s(l).renderProps) == null ? void 0 : j.style) || ""),
+              class: ne(((H = s(l).renderProps) == null ? void 0 : H.class) || ""),
+              title: s(C)(w.row, s(l).key)
+            }, T(s(C)(w.row, s(l).key)), 15, fe))
+          ];
+        }),
+        _: 3
+      }, 16, ["label"])) : Z("", !0);
     };
   }
-}), oe = "table_columns_";
-function ce(t, e) {
-  return `${oe}${t}_${e}`;
+}), he = "table_columns_";
+function ve(t, e) {
+  return `${he}${t}_${e}`;
 }
-function R(t, e) {
+function X(t, e) {
   if (!(e != null && e.length)) return t;
   const n = new Map(
     e.map((r) => [r.key, r])
   );
   return t.map((r) => {
-    const l = n.get(r.key);
-    return l ? {
+    const o = n.get(r.key);
+    return o ? {
       ...r,
-      visible: typeof l.visible == "boolean" ? l.visible : r.visible
+      visible: typeof o.visible == "boolean" ? o.visible : r.visible
     } : r;
   });
 }
-function se(t, e) {
+function Ce(t, e) {
   const {
     pageKey: n,
     userId: r,
-    storage: l = localStorage
-  } = e || {}, o = r ? ce(r, n || "") : null, y = o ? l.getItem(o) : null, u = V(
-    R(
+    storage: o = localStorage
+  } = e || {}, i = r ? ve(r, n || "") : null, c = i ? o.getItem(i) : null, d = A(
+    X(
       t,
-      y ? JSON.parse(y) : []
+      c ? JSON.parse(c) : []
     )
   );
-  return S(
-    u,
-    (i) => {
-      if (!o) return;
-      const h = i.map((a) => ({
-        key: a.key,
-        visible: a.visible,
-        columnOpts: a.columnOpts
+  return F(
+    d,
+    (y) => {
+      if (!i) return;
+      const h = y.map((u) => ({
+        key: u.key,
+        visible: u.visible,
+        columnOpts: u.columnOpts
       }));
-      l.setItem(
-        o,
+      o.setItem(
+        i,
         JSON.stringify(h)
       );
     },
     { deep: !0 }
   ), {
     /** 当前列配置（响应式） */
-    columns: u,
+    columns: d,
     /**
      * 主动设置列配置
      * 常用于：列设置弹窗 / 拖拽排序完成
      */
-    setColumns(i) {
-      u.value = R(
+    setColumns(y) {
+      d.value = X(
         t,
-        i
-      ), o && l.setItem(
-        o,
-        JSON.stringify(i)
+        y
+      ), i && o.setItem(
+        i,
+        JSON.stringify(y)
       );
     },
     /**
      * 重置为默认列配置
      */
     resetColumns() {
-      u.value = t, o && l.removeItem(o);
+      d.value = t, i && o.removeItem(i);
     }
   };
 }
-const ie = /* @__PURE__ */ x({
+const be = /* @__PURE__ */ O({
   __name: "index",
   props: {
     data: { type: Array, default: () => [] },
@@ -451,7 +510,8 @@ const ie = /* @__PURE__ */ x({
       /** 当前用户标识（可选，用于列缓存） */
       type: [String, Number],
       default: ""
-    }
+    },
+    pagination: { type: Object, default: () => ({}) }
   },
   emits: [
     "update:columns",
@@ -461,57 +521,65 @@ const ie = /* @__PURE__ */ x({
     "cell-click"
   ],
   setup(t, { expose: e, emit: n }) {
-    const r = t, l = n, { columns: c } = se(r.columns, {
+    const r = t, o = n, { columns: l } = Ce(r.columns, {
       pageKey: r.pageKey ?? "",
       userId: r.userId ?? ""
     });
-    S(
-      c,
-      (a) => l("update:columns", a),
+    F(
+      l,
+      (u) => o("update:columns", u),
       { deep: !0, immediate: !0 }
     );
-    const o = (a, C) => l("cellChange", a, C), y = (a, C) => {
-      l("cellBlur", a, C);
-    }, u = (a, C) => {
-      console.log("enter"), l("cellEnter", a, C);
-    }, i = (a, C) => {
-      C && l("cell-click", a, C);
-    }, h = V();
+    const i = (u, b) => o("cellChange", u, b), c = (u, b) => {
+      o("cellBlur", u, b);
+    }, d = (u, b) => {
+      console.log("enter"), o("cellEnter", u, b);
+    }, y = (u, b) => {
+      b && o("cell-click", u, b);
+    }, h = A();
     return e({
       tableRef: h
-    }), (a, C) => {
-      const s = w("el-table"), m = q("loading");
-      return X((f(), b(s, _({
+    }), (u, b) => {
+      const a = V("el-table"), p = re("loading");
+      return oe((v(), _(a, x({
         ref_key: "tableRef",
         ref: h
-      }, a.$attrs, {
+      }, u.$attrs, {
         data: t.data,
         "row-key": t.rowKey,
         class: "smart-table"
       }), {
-        default: P(() => [
-          (f(!0), O(K, null, T(d(c), (p) => (f(), b(re, {
-            key: p.key,
-            col: p,
+        default: S(() => [
+          (v(!0), I(J, null, L(s(l), (f) => (v(), _(ge, {
+            key: f.key,
+            col: f,
             permissions: t.permissions,
-            onCellChange: o,
-            onCellBlur: y,
-            onCellEnter: u,
-            onCellClick: i
-          }, null, 8, ["col", "permissions"]))), 128))
+            pagination: t.pagination,
+            onCellChange: i,
+            onCellBlur: c,
+            onCellEnter: d,
+            onCellClick: y
+          }, ie({ _: 2 }, [
+            L(s(l), (B) => ({
+              name: B.key,
+              fn: S((W) => [
+                Y(u.$slots, B.key, x({ ref_for: !0 }, W), void 0, !0)
+              ])
+            }))
+          ]), 1032, ["col", "permissions", "pagination"]))), 128))
         ]),
-        _: 1
+        _: 3
       }, 16, ["data", "row-key"])), [
-        [m, t.loading]
+        [p, t.loading]
       ]);
     };
   }
-}), ae = (t, e) => {
+}), ke = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [r, l] of e)
-    n[r] = l;
+  for (const [r, o] of e)
+    n[r] = o;
   return n;
-}, me = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-338b77db"]]);
+}, xe = /* @__PURE__ */ ke(be, [["__scopeId", "data-v-7c94ec39"]]);
 export {
-  me as SmartTable
+  xe as SmartTable
 };