vue3-smart-table 0.0.1 → 0.0.3

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

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