vue3-smart-table 0.0.4 → 1.0.0

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

@@ -1,15 +1,101 @@
-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) {
+var ie = Object.defineProperty;
+var se = (t, e, n) => e in t ? ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var D = (t, e, n) => se(t, typeof e != "symbol" ? e + "" : e, n);
+import { defineComponent as M, h as f, ref as R, watch as z, resolveComponent as O, createBlock as _, openBlock as h, mergeProps as B, withKeys as U, withCtx as V, createElementBlock as I, Fragment as H, renderList as K, computed as $, toRefs as ae, createCommentVNode as ce, unref as a, createTextVNode as Z, toDisplayString as W, renderSlot as ne, normalizeProps as ue, resolveDynamicComponent as de, normalizeClass as me, normalizeStyle as fe, resolveDirective as ye, withDirectives as pe, createSlots as ge } from "vue";
+import { ElImage as q, ElTag as he, ElMessage as F, ElButton as Ce } from "element-plus";
+import { CopyDocument as ve, DocumentCopy as be } from "@element-plus/icons-vue";
+class ke {
+  constructor() {
+    D(this, "renderers", /* @__PURE__ */ new Map());
+  }
+  register(e, n) {
+    this.renderers.has(e) && process.env.NODE_ENV === "development" && console.debug(`[SmartTable] Renderer "${e}" already registered, skipping.`), this.renderers.set(e, n);
+  }
+  registerMultiple(e) {
+    Object.entries(e).forEach(([n, o]) => {
+      this.renderers.has(n) || this.renderers.set(n, o);
+    });
+  }
+  get(e) {
+    return this.renderers.get(e);
+  }
+  has(e) {
+    return this.renderers.has(e);
+  }
+  unregister(e) {
+    return this.renderers.delete(e);
+  }
+  clear() {
+    this.renderers.clear();
+  }
+  names() {
+    return Array.from(this.renderers.keys());
+  }
+}
+let P = null;
+function J() {
+  return P || (P = new ke()), P;
+}
+function Y(t) {
+  return M({
+    props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
+    setup(e) {
+      return () => f(t, e);
+    }
+  });
+}
+function E(t) {
+  return M({
+    props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
+    setup(e) {
+      return () => t(e);
+    }
+  });
+}
+function Ge(t, e) {
+  if (process.env.NODE_ENV !== "production" && e)
+    switch (t) {
+      case "dict":
+        (!e.options || !Array.isArray(e.options)) && console.warn(
+          "[SmartTable] 'dict' renderer requires 'options' array, received:",
+          e.options
+        );
+        break;
+      case "select":
+        !e.options || !Array.isArray(e.options) ? console.warn(
+          "[SmartTable] 'select' renderer requires 'options' array, received:",
+          e.options
+        ) : e.options.length === 0 && console.warn("[SmartTable] 'select' renderer 'options' array is empty");
+        break;
+      case "map":
+        (!e.options || typeof e.options != "object") && console.warn(
+          "[SmartTable] 'map' renderer requires 'options' object, received:",
+          e.options
+        );
+        break;
+      case "link":
+        (!e.href || typeof e.href != "string") && console.warn(
+          "[SmartTable] 'link' renderer requires 'href' string, received:",
+          e.href
+        );
+        break;
+      case "input-number":
+        e.min !== void 0 && e.max !== void 0 && e.min > e.max && console.warn(
+          `[SmartTable] 'input-number' renderer: min (${e.min}) should not be greater than max (${e.max})`
+        );
+        break;
+    }
+}
+function b(t, e) {
   if (!(!t || !e))
-    return e.split(".").reduce((n, r) => n == null ? void 0 : n[r], t);
+    return e.split(".").reduce((n, o) => n == null ? void 0 : n[o], t);
 }
-function U(t, e, n) {
+function G(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 o = e.split("."), l = o.pop(), r = o.reduce((i, c) => (i[c] || (i[c] = {}), i[c]), t);
+  r[l] = n;
 }
-const ce = /* @__PURE__ */ O({
+const we = /* @__PURE__ */ M({
   __name: "input",
   props: {
     row: {},
@@ -18,29 +104,29 @@ const ce = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = A(C(e.row, e.col.key));
-    F(n, (l) => {
-      U(e.row, e.col.key, l);
+    const e = t, n = R(b(e.row, e.col.key));
+    z(n, (r) => {
+      G(e.row, e.col.key, r);
     });
-    const r = () => {
-      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);
+    const o = () => {
+      var r;
+      return (r = e.onCellBlur) == null ? void 0 : r.call(e, e.row, e.col);
+    }, l = () => {
+      var r;
+      return (r = e.onCellEnter) == null ? void 0 : r.call(e, e.row, e.col);
     };
-    return (l, i) => {
-      const c = V("el-input");
-      return v(), _(c, x({
+    return (r, i) => {
+      const c = O("el-input");
+      return h(), _(c, B({
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
       }, { placeholder: "", size: "small", clearable: !0, ...t.col.renderProps }, {
-        onBlur: r,
-        onKeyup: R(o, ["enter"])
+        onBlur: o,
+        onKeyup: U(l, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), ue = /* @__PURE__ */ O({
+}), _e = /* @__PURE__ */ M({
   __name: "inputNumber",
   props: {
     row: {},
@@ -50,30 +136,30 @@ const ce = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = A(C(e.row, e.col.key));
-    F(n, (l) => {
+    const e = t, n = R(b(e.row, e.col.key));
+    z(n, (r) => {
       var i;
-      U(e.row, e.col.key, l), (i = e.onCellChange) == null || i.call(e, e.row, e.col);
+      G(e.row, e.col.key, r), (i = e.onCellChange) == null || i.call(e, e.row, e.col);
     });
-    const r = () => {
-      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);
+    const o = () => {
+      var r;
+      return (r = e.onCellBlur) == null ? void 0 : r.call(e, e.row, e.col);
+    }, l = () => {
+      var r;
+      return (r = e.onCellEnter) == null ? void 0 : r.call(e, e.row, e.col);
     };
-    return (l, i) => {
-      const c = V("el-input-number");
-      return v(), _(c, x({
+    return (r, i) => {
+      const c = O("el-input-number");
+      return h(), _(c, B({
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
       }, { min: 0, max: 99999, controls: !1, size: "small", ...t.col.renderProps }, {
-        onBlur: r,
-        onKeyup: R(o, ["enter"])
+        onBlur: o,
+        onKeyup: U(l, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), de = /* @__PURE__ */ O({
+}), xe = /* @__PURE__ */ M({
   __name: "select",
   props: {
     row: {},
@@ -83,37 +169,37 @@ const ce = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = A(C(e.row, e.col.key));
-    F(n, (i) => {
-      U(e.row, e.col.key, i);
+    const e = t, n = R(b(e.row, e.col.key));
+    z(n, (i) => {
+      G(e.row, e.col.key, i);
     });
-    const r = () => {
+    const o = () => {
       var i;
       return (i = e.onCellChange) == null ? void 0 : i.call(e, e.row, e.col);
-    }, o = () => {
+    }, l = () => {
       var i;
       return (i = e.onCellBlur) == null ? void 0 : i.call(e, e.row, e.col);
-    }, l = () => {
+    }, r = () => {
       var i;
       return (i = e.onCellEnter) == null ? void 0 : i.call(e, e.row, e.col);
     };
     return (i, c) => {
-      const d = V("el-option"), y = V("el-select");
-      return v(), _(y, x({
+      const d = O("el-option"), g = O("el-select");
+      return h(), _(g, B({
         modelValue: n.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => n.value = h)
+        "onUpdate:modelValue": c[0] || (c[0] = (v) => n.value = v)
       }, { placeholder: "请选择", size: "small", clearable: !0, ...t.col.renderProps }, {
-        onChange: r,
-        onBlur: o,
-        onKeyup: R(l, ["enter"])
+        onChange: o,
+        onBlur: l,
+        onKeyup: U(r, ["enter"])
       }), {
-        default: S(() => {
-          var h;
+        default: V(() => {
+          var v;
           return [
-            (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
+            (h(!0), I(H, null, K(((v = t.col.renderProps) == null ? void 0 : v.options) || [], (m) => (h(), _(d, {
+              key: m.value,
+              label: m.label,
+              value: m.value
             }, null, 8, ["label", "value"]))), 128))
           ];
         }),
@@ -121,220 +207,206 @@ const ce = /* @__PURE__ */ O({
       }, 16, ["modelValue"]);
     };
   }
-}), N = (t) => O({
-  props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
-  setup(e) {
-    return () => g(t, e);
-  }
-});
-function ye(t) {
-  return typeof t.formatter == "function";
-}
-function me() {
-  return {
-    input: N(ce),
-    "input-number": N(ue),
-    select: N(de),
-    button: (t) => {
-      const e = t.col.renderProps || {}, n = C(t.row, t.col.key);
-      return g(ae, {
-        type: e.type || "primary",
-        ...e,
-        onClick: () => {
-          var r;
-          return (r = t.onClick) == null ? void 0 : r.call(t, t.row, t.col);
-        }
-      }, () => e.label || n);
-    },
-    link: (t) => {
-      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: (r) => {
-          var o;
-          r.preventDefault(), (o = t.onClick) == null || o.call(t, t.row, t.col);
-        }
-      }, e.label || n);
-    },
-    html: (t) => {
-      var n;
-      const e = C(t.row, t.col.key);
-      return g("div", {
-        class: "line-clamp-2",
-        innerHTML: e ?? "",
-        ...((n = t.col) == null ? void 0 : n.renderProps) || {}
-      });
+}), Be = Y(we), Ee = Y(_e), Se = Y(xe), Ae = E((t) => {
+  const e = t.col.renderProps || {}, n = b(t.row, t.col.key);
+  return f(Ce, {
+    type: e.type || "primary",
+    ...e,
+    onClick: () => {
+      var o;
+      return (o = t.onClick) == null ? void 0 : o.call(t, t.row, t.col);
+    }
+  }, () => e.label || n);
+}), Te = E((t) => {
+  const e = t.col.renderProps || {}, n = b(t.row, t.col.key);
+  return f("a", {
+    href: e.href || "#",
+    target: e.blank ? "_blank" : "_self",
+    style: e.style || "color:#409EFF;cursor:pointer;"
+  }, e.label || n);
+}), Ve = E((t) => {
+  var n;
+  const e = b(t.row, t.col.key);
+  return f("div", {
+    class: "line-clamp-2",
+    innerHTML: e ?? "",
+    ...((n = t.col) == null ? void 0 : n.renderProps) || {}
+  });
+}), Oe = E((t) => {
+  const e = b(t.row, t.col.key) ?? "", n = t.col.renderProps ?? {}, o = {
+    position: "absolute",
+    right: "-5px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    cursor: "pointer",
+    display: "none",
+    "font-size": "12px",
+    color: n.iconColor || "#409EFF",
+    "user-select": "none"
+  };
+  return f(
+    "div",
+    {
+      class: "st_copy_wrapper",
+      style: "width: 100%; position: relative; display: inline-block;"
     },
-    copy: (t) => {
-      const e = C(t.row, t.col.key) ?? "";
-      return g(
-        "div",
-        {
-          class: "copy-wrapper",
-          style: "position: relative; display: inline-block;"
-        },
-        [
-          g("span", {
-            class: "copy-text line-clamp-1",
-            style: "padding-right: 20px;"
-          }, e),
-          g(
-            "span",
-            {
-              class: "copy-btn",
-              style: `
-                position: absolute;
-                right: 0;
-                top: 50%;
-                transform: translateY(-50%);
-                cursor: pointer;
-                display: none;
-                font-size: 12px;
-                color: #409EFF;
-                user-select: none;
-              `,
-              onClick: () => {
-                if (e)
-                  try {
-                    if (navigator.clipboard && navigator.clipboard.writeText)
-                      navigator.clipboard.writeText(e).then(() => {
-                        $.success("复制成功");
-                      }).catch(() => {
-                        $.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 ? $.success("复制成功") : $.error("复制失败");
-                    }
-                  } catch {
-                    $.error("复制失败");
-                  }
+    [
+      f("span", {
+        class: "st_copy_text line-clamp-1",
+        style: "padding-right: 10px; display: block;"
+      }, e),
+      e && f("span", {
+        class: "st_copy_btn",
+        style: o,
+        title: n.copyTitle || "复制",
+        onClick: () => {
+          if (e)
+            try {
+              if (navigator.clipboard && navigator.clipboard.writeText)
+                navigator.clipboard.writeText(e).then(() => {
+                  F.success(n.successText ?? "复制成功");
+                }).catch(() => {
+                  F.error(n.errorText ?? "复制失败");
+                });
+              else {
+                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(l), r ? F.success(n.successText ?? "复制成功") : F.error(n.errorText ?? "复制失败");
               }
-            },
-            "📋"
-            // 复制图标，可用 Element Plus 图标替换
-          )
-        ]
-      );
+            } catch {
+              F.error(n.errorText ?? "复制失败");
+            }
+        }
+      }, [f(be, {
+        style: "width: 1em; height: 1em;"
+      })])
+    ].filter(Boolean)
+  );
+}), Me = E((t) => {
+  var i;
+  const e = b(t.row, t.col.key) ?? "", n = ((i = t.col) == null ? void 0 : i.renderProps) || {}, l = e ? Array.isArray(e) ? e.filter((c) => c && typeof c == "string") : [e] : [];
+  if (l.length === 0)
+    return n.placeholder || "";
+  const r = {
+    width: n.width || "80px",
+    height: n.height || "80px",
+    marginRight: l.length > 1 ? "4px" : "0",
+    ...n.style || {}
+  };
+  return l.length === 1 ? f(q, {
+    src: l[0],
+    previewSrcList: n.previewSrcList || l,
+    fit: n.fit || "contain",
+    style: r,
+    ...n
+  }) : f(
+    "div",
+    {
+      class: "st_img_wrapper",
+      style: "display: flex; align-items: center; position: relative"
     },
-    img: (t) => {
-      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,
+    [
+      f(q, {
+        src: l[0],
+        previewSrcList: n.previewSrcList || l,
         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 = C(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, r = n.options ?? [], o = n.showValue ?? !1;
-      if (e == null || e === "") return "";
-      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 o && c.length > 0 && d.push(g("span", {}, c.join(" "))), g("div", {}, d);
-    },
-    map: (t) => {
-      var r;
-      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 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 = C(t.row, t.col.key) ?? "", n = t.col.renderProps || {};
-      return e ? /^https?:\/\//.test(e) ? g(D, {
-        src: e,
-        previewSrcList: [e],
-        fit: "contain",
-        style: "width:40px;height:40px",
+        style: r,
         ...n
-      }) : /^\s*<svg[\s\S]*<\/svg>\s*$/.test(e) ? g("div", {
-        innerHTML: e,
-        style: `width:40px;height:40px;display:inline-block;${n.style || ""}`,
-        ...n
-      }) : g("i", {
-        class: e,
-        // val 直接当 className
-        style: `font-size:20px;${n.style || ""}`,
-        ...n
-      }) : "";
-    }
-  };
+      }),
+      l.length > 1 && f("span", {
+        class: "st_img_total",
+        style: "position: absolute; top: 0; right: 0; ",
+        title: `${l.length}`
+      }, [f(ve, { style: "width: 1em; height: 1em; " })])
+    ]
+  );
+}), Fe = E((t) => {
+  const e = b(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, o = n.options ?? [], l = n.showValue ?? !1;
+  if (e == null || e === "") return "";
+  const r = Array.isArray(e) ? e.map(String) : [String(e)], i = o.filter((g) => r.includes(String(g.value))), c = r.filter((g) => !o.some((v) => String(v.value) === g)), d = i.map((g, v) => f(
+    he,
+    { key: g.value, type: g.listClass, class: g.cssClass, disableTransitions: !0 },
+    { default: () => g.label + " " }
+  ));
+  return l && c.length > 0 && d.push(f("span", {}, c.join(" "))), f("div", {}, d);
+}), $e = E((t) => {
+  var o;
+  const e = b(t.row, t.col.key) ?? "", n = ((o = t.col.renderProps) == null ? void 0 : o.options) ?? {};
+  return e != null ? n[e] ?? "" : "";
+});
+function Re(t) {
+  return typeof t.formatter == "function";
 }
-function pe(t, e = 10, n = []) {
-  const o = "*:*:*", l = (a) => {
-    if (!a) return !0;
-    const p = Array.isArray(a) ? a : [a];
+const ze = E((t) => {
+  var l;
+  const { col: e, row: n } = t, o = b(t.row, t.col.key) ?? "";
+  return Re(e) ? (l = e.formatter) == null ? void 0 : l.call(e, o, n) : o ?? "";
+}), Ie = E((t) => {
+  const e = b(t.row, t.col.key) ?? "", n = t.col.renderProps || {};
+  return e ? /^https?:\/\//.test(e) ? f(q, {
+    src: e,
+    previewSrcList: [e],
+    fit: "contain",
+    style: "width:40px;height:40px",
+    ...n
+  }) : /^\s*<svg[\s\S]*<\/svg>\s*$/.test(e) ? f("div", {
+    innerHTML: e,
+    style: `width:40px;height:40px;display:inline-block;${n.style || ""}`,
+    ...n
+  }) : f("i", {
+    class: e,
+    style: `font-size:20px;${n.style || ""}`,
+    ...n
+  }) : "";
+}), re = {
+  input: Be,
+  "input-number": Ee,
+  select: Se,
+  button: Ae,
+  link: Te,
+  html: Ve,
+  copy: Oe,
+  img: Me,
+  dict: Fe,
+  map: $e,
+  formatter: ze,
+  icon: Ie
+};
+function Ke(t) {
+  t.registerMultiple(re);
+}
+function Qe() {
+  return re;
+}
+function Le(t, e = 10, n = []) {
+  const l = "*:*:*", r = (s) => {
+    if (!s) return !0;
+    const y = Array.isArray(s) ? s : [s];
     return n.some(
-      (f) => f === o || p.includes(f)
+      (p) => p === l || y.includes(p)
     );
-  }, 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),
+  }, i = $(() => t.some((s) => r(s.permission))), c = $(() => t.filter((y) => r(y.permission)).slice(0, e).reduce(
+    (y, p) => y + (p.width ?? 60),
     0
-  )), 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),
+  )), d = (s, y) => r(s.permission) && (s.visible ? s.visible(y) : !0), g = (s) => t.filter((p) => d(p, s)).slice(0, e).reduce(
+    (p, S) => p + (S.width ?? 60),
     0
   );
   return {
     hasAnyButton: i,
     optWidth: c,
-    hasAnyVisibleButton: (a) => a != null && a.length ? a.some(
-      (p) => t.some((f) => d(f, p))
+    hasAnyVisibleButton: (s) => s != null && s.length ? s.some(
+      (y) => t.some((p) => d(p, y))
     ) : !1,
-    getMaxOptWidth: (a) => a != null && a.length ? a.reduce(
-      (p, f) => Math.max(p, y(f)),
+    getMaxOptWidth: (s) => s != null && s.length ? s.reduce(
+      (y, p) => Math.max(y, g(p)),
       0
     ) : c.value,
-    getVisibleButtons: (a) => t.filter((p) => d(p, a)).slice(0, e)
+    getVisibleButtons: (s) => t.filter((y) => d(y, s)).slice(0, e)
   };
 }
-const fe = ["title"], ge = /* @__PURE__ */ O({
+const Ne = ["title"], De = /* @__PURE__ */ M({
   __name: "index",
   props: {
     col: { type: Object, required: !0 },
@@ -343,174 +415,169 @@ const fe = ["title"], ge = /* @__PURE__ */ O({
   },
   emits: ["cellBlur", "cellEnter", "cellChange", "cellClick"],
   setup(t, { emit: e }) {
-    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,
+    const n = t, o = e, l = (u) => {
+      var A, w;
+      const C = (A = n.pagination) == null ? void 0 : A.page, x = (w = n.pagination) == null ? void 0 : w.size;
+      return C && x ? (C - 1) * x + u + 1 : u + 1;
+    }, { col: r } = ae(n), i = (u, C) => o("cellChange", u, C), c = (u, C) => o("cellBlur", u, C), d = (u, C) => o("cellEnter", u, C), g = (u, C) => o("cellClick", u, C);
+    Ke(J());
+    const v = $(() => {
+      const u = J(), C = {};
+      return u.names().forEach((x) => {
+        const A = u.get(x);
+        A && (C[x] = A);
+      }), C;
+    }), {
+      hasAnyButton: m,
+      hasAnyVisibleButton: k,
+      optWidth: s,
+      getMaxOptWidth: y,
+      getVisibleButtons: p
+    } = Le(
+      r.value.buttons || [],
+      r.value.maxbtn ?? 10,
       n.permissions || []
-    ), 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);
+    ), S = $(() => (r.value.buttons || []).length ? (r.value.__rows || []).length ? k(r.value.__rows || []) : m.value : !1), L = $(() => r.value.__rows ? y(r.value.__rows) : s.value);
+    function oe(u) {
+      return !(u.type === "selection" || u.type === "index" || u.type === "operation" && !S.value || u.visible === !1);
     }
-    return (m, k) => {
-      const E = V("el-table-column"), K = V("el-button");
-      return s(l).type === "selection" ? (v(), _(E, x({
+    return (u, C) => {
+      const x = O("el-table-column"), A = O("el-button");
+      return a(r).type === "selection" ? (h(), _(x, B({
         key: 0,
         type: "selection"
-      }, s(l).columnProps), null, 16)) : s(l).type === "index" ? (v(), _(E, x({
+      }, a(r).columnProps), null, 16)) : a(r).type === "index" ? (h(), _(x, B({
         key: 1,
         type: "index",
-        label: s(l).label || "#",
+        label: a(r).label || "#",
         align: "center"
-      }, s(l).columnProps), {
-        default: S(({ $index: w }) => [
-          q(T(o(w)), 1)
+      }, a(r).columnProps), {
+        default: V(({ $index: w }) => [
+          Z(W(l(w)), 1)
         ]),
         _: 1
-      }, 16, ["label"])) : s(l).type === "operation" && B.value ? (v(), _(E, x({
+      }, 16, ["label"])) : a(r).type === "operation" && S.value ? (h(), _(x, B({
         key: 2,
-        label: s(l).label || "操作",
+        label: a(r).label || "操作",
         align: "center"
       }, {
-        ...s(l).columnProps,
-        width: W.value
+        ...a(r).columnProps,
+        width: L.value
       }), {
-        default: S(({ row: w }) => [
-          (v(!0), I(J, null, L(s(f)(w), (P) => (v(), _(K, {
-            key: P.label,
-            type: P.type || "primary",
+        default: V(({ row: w }) => [
+          (h(!0), I(H, null, K(a(p)(w), (T) => (h(), _(A, {
+            key: T.label,
+            type: T.type || "primary",
             link: "",
-            onClick: (M) => P.action(w)
+            onClick: (N) => T.action(w)
           }, {
-            default: S(() => [
-              q(T(P.label), 1)
+            default: V(() => [
+              Z(W(T.label), 1)
             ]),
             _: 2
           }, 1032, ["type", "onClick"]))), 128))
         ]),
         _: 1
-      }, 16, ["label"])) : G(s(l)) ? (v(), _(E, x({
+      }, 16, ["label"])) : oe(a(r)) ? (h(), _(x, B({
         key: 3,
-        label: s(l).label,
+        label: a(r).label,
         align: "center"
-      }, s(l).columnProps || {}), {
-        default: S((w) => {
-          var P, M, j, H;
+      }, a(r).columnProps || {}), {
+        default: V((w) => {
+          var T, N, Q, X;
           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]), {
+            a(r).render === "slot" && u.$slots[((T = a(r)) == null ? void 0 : T.slot) || a(r).key] ? ne(u.$slots, ((N = a(r)) == null ? void 0 : N.slot) || a(r).key, ue(B({ key: 0 }, w))) : a(r).render && v.value[a(r).render] ? (h(), _(de(v.value[a(r).render]), {
               key: 1,
               row: w.row,
-              col: s(l),
+              col: a(r),
               onCellChange: i,
               onCellBlur: c,
               onCellEnter: d,
-              onClick: y
-            }, null, 40, ["row", "col"])) : (v(), I("span", {
+              onClick: g
+            }, null, 40, ["row", "col"])) : (h(), 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))
+              style: fe(((Q = a(r).renderProps) == null ? void 0 : Q.style) || ""),
+              class: me(((X = a(r).renderProps) == null ? void 0 : X.class) || ""),
+              title: a(b)(w.row, a(r).key)
+            }, W(a(b)(w.row, a(r).key)), 15, Ne))
           ];
         }),
         _: 3
-      }, 16, ["label"])) : Z("", !0);
+      }, 16, ["label"])) : ce("", !0);
     };
   }
-}), he = "table_columns_";
-function ve(t, e) {
-  return `${he}${t}_${e}`;
-}
-function X(t, e) {
+});
+function ee(t, e) {
   if (!(e != null && e.length)) return t;
   const n = new Map(
-    e.map((r) => [r.key, r])
+    e.map((o) => [o.key, o])
   );
-  return t.map((r) => {
-    const o = n.get(r.key);
-    return o ? {
-      ...r,
-      visible: typeof o.visible == "boolean" ? o.visible : r.visible
-    } : r;
+  return t.map((o) => {
+    const l = n.get(o.key);
+    return l ? {
+      ...o,
+      visible: typeof l.visible == "boolean" ? l.visible : o.visible
+    } : o;
   });
 }
-function Ce(t, e) {
-  const {
-    pageKey: n,
-    userId: r,
-    storage: o = localStorage
-  } = e || {}, i = r ? ve(r, n || "") : null, c = i ? o.getItem(i) : null, d = A(
-    X(
+function We(t, e) {
+  const { cacheKey: n, storage: o = localStorage } = e || {}, l = n ? o.getItem(n) : null, r = R(
+    ee(
       t,
-      c ? JSON.parse(c) : []
+      l ? JSON.parse(l) : []
     )
   );
-  return F(
-    d,
-    (y) => {
-      if (!i) return;
-      const h = y.map((u) => ({
-        key: u.key,
-        visible: u.visible,
-        columnOpts: u.columnOpts
+  return z(
+    r,
+    (i) => {
+      if (!n) return;
+      const c = i.map((d) => ({
+        key: d.key,
+        visible: d.visible,
+        columnOpts: d.columnOpts
       }));
       o.setItem(
-        i,
-        JSON.stringify(h)
+        n,
+        JSON.stringify(c)
       );
     },
     { deep: !0 }
   ), {
     /** 当前列配置（响应式） */
-    columns: d,
+    columns: r,
     /**
      * 主动设置列配置
      * 常用于：列设置弹窗 / 拖拽排序完成
      */
-    setColumns(y) {
-      d.value = X(
+    setColumns(i) {
+      r.value = ee(
         t,
-        y
-      ), i && o.setItem(
-        i,
-        JSON.stringify(y)
+        i
+      ), n && o.setItem(
+        n,
+        JSON.stringify(i)
       );
     },
     /**
      * 重置为默认列配置
      */
     resetColumns() {
-      d.value = t, i && o.removeItem(i);
+      r.value = t, n && o.removeItem(n);
     }
   };
 }
-const be = /* @__PURE__ */ O({
+const Pe = /* @__PURE__ */ M({
   __name: "index",
   props: {
     data: { type: Array, default: () => [] },
     columns: { type: Array, default: () => [] },
-    // v-model:columns
-    pageKey: String,
     rowKey: { type: String, default: "id" },
     loading: { type: Boolean, default: !1 },
     permissions: {
       type: Array,
       default: () => []
     },
-    userId: {
-      /** 当前用户标识（可选，用于列缓存） */
-      type: [String, Number],
-      default: ""
-    },
+    cacheKey: String,
     pagination: { type: Object, default: () => ({}) }
   },
   emits: [
@@ -521,65 +588,145 @@ const be = /* @__PURE__ */ O({
     "cell-click"
   ],
   setup(t, { expose: e, emit: n }) {
-    const r = t, o = n, { columns: l } = Ce(r.columns, {
-      pageKey: r.pageKey ?? "",
-      userId: r.userId ?? ""
+    const o = t, l = n, { columns: r } = We(o.columns, {
+      cacheKey: o.cacheKey ?? ""
     });
-    F(
-      l,
-      (u) => o("update:columns", u),
+    z(
+      r,
+      (m) => l("update:columns", m),
       { deep: !0, immediate: !0 }
     );
-    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();
+    const i = (m, k) => l("cellChange", m, k), c = (m, k) => {
+      l("cellBlur", m, k);
+    }, d = (m, k) => {
+      console.log("enter"), l("cellEnter", m, k);
+    }, g = (m, k) => {
+      k && l("cell-click", m, k);
+    }, v = R();
     return e({
-      tableRef: h
-    }), (u, b) => {
-      const a = V("el-table"), p = re("loading");
-      return oe((v(), _(a, x({
+      tableRef: v
+    }), (m, k) => {
+      const s = O("el-table"), y = ye("loading");
+      return pe((h(), _(s, B({
         ref_key: "tableRef",
-        ref: h
-      }, u.$attrs, {
+        ref: v
+      }, m.$attrs, {
         data: t.data,
         "row-key": t.rowKey,
         class: "smart-table"
       }), {
-        default: S(() => [
-          (v(!0), I(J, null, L(s(l), (f) => (v(), _(ge, {
-            key: f.key,
-            col: f,
+        default: V(() => [
+          (h(!0), I(H, null, K(a(r), (p) => (h(), _(De, {
+            key: p.key,
+            col: p,
             permissions: t.permissions,
             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)
+            onCellClick: g
+          }, ge({ _: 2 }, [
+            K(a(r), (S) => ({
+              name: S.key,
+              fn: V((L) => [
+                ne(m.$slots, S.key, B({ ref_for: !0 }, L), void 0, !0)
               ])
             }))
           ]), 1032, ["col", "permissions", "pagination"]))), 128))
         ]),
         _: 3
       }, 16, ["data", "row-key"])), [
-        [p, t.loading]
+        [y, t.loading]
       ]);
     };
   }
-}), ke = (t, e) => {
+}), je = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [r, o] of e)
-    n[r] = o;
+  for (const [o, l] of e)
+    n[o] = l;
   return n;
-}, xe = /* @__PURE__ */ ke(be, [["__scopeId", "data-v-7c94ec39"]]);
+}, Xe = /* @__PURE__ */ je(Pe, [["__scopeId", "data-v-f4c8de68"]]), te = {
+  defaultPagination: {
+    page: 1,
+    size: 10,
+    total: 0
+  },
+  defaultTableProps: {},
+  defaultColumnProps: {},
+  theme: {
+    primaryColor: "#409EFF",
+    successColor: "#67C23A",
+    warningColor: "#E6A23C",
+    dangerColor: "#F56C6C",
+    infoColor: "#909399"
+  }
+};
+class qe {
+  constructor() {
+    D(this, "config", { ...te });
+  }
+  /**
+   * 获取所有配置
+   */
+  getConfig() {
+    return { ...this.config };
+  }
+  /**
+   * 设置配置
+   */
+  setConfig(e) {
+    this.config = this.mergeConfig(this.config, e), e.renderers && J().registerMultiple(e.renderers);
+  }
+  /**
+   * 获取特定配置项
+   */
+  get(e) {
+    return this.config[e];
+  }
+  /**
+   * 重置为默认配置
+   */
+  reset() {
+    this.config = { ...te };
+  }
+  /**
+   * 深度合并配置
+   */
+  mergeConfig(e, n) {
+    const o = { ...e };
+    for (const l in n)
+      n[l] && typeof n[l] == "object" && !Array.isArray(n[l]) ? o[l] = this.mergeConfig(e[l] || {}, n[l]) : o[l] = n[l];
+    return o;
+  }
+}
+let j = null;
+function le() {
+  return j || (j = new qe()), j;
+}
+function Ze(t) {
+  le().setConfig(t);
+}
+function et() {
+  return le().getConfig();
+}
+function tt(t, e) {
+  return {
+    key: t,
+    ...e
+  };
+}
 export {
-  xe as SmartTable
+  Xe as SmartTable,
+  re as builtInRenderers,
+  E as createFunctionalRenderer,
+  Qe as createRenderer,
+  Xe as default,
+  tt as defineColumn,
+  J as getRendererManager,
+  et as getSmartTableConfig,
+  Ke as registerBuiltInRenderers,
+  Ze as setSmartTableConfig,
+  Ge as validateRendererProps,
+  Y as wrapSFCComponent
 };
+//# sourceMappingURL=vue3-smart-table.es.js.map