vue3-smart-table 1.0.2 → 1.0.4

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

@@ -1,6 +1,101 @@
-import { defineComponent as E, ref as V, watch as A, resolveComponent as x, createBlock as b, openBlock as h, mergeProps as _, withKeys as M, withCtx as P, createElementBlock as O, Fragment as T, renderList as z, h as f, computed as K, toRefs as U, createCommentVNode as j, unref as c, createTextVNode as H, toDisplayString as D, resolveDynamicComponent as q, normalizeClass as X, normalizeStyle as Y, resolveDirective as G, withDirectives as Q } from "vue";
-import { ElImage as L, ElTag as Z, ElMessage as S, ElButton as ee } from "element-plus";
-const te = /* @__PURE__ */ 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 I = (t, e, n) => se(t, typeof e != "symbol" ? e + "" : e, n);
+import { defineComponent as O, h as f, ref as R, watch as z, resolveComponent as M, createBlock as _, openBlock as h, mergeProps as B, withKeys as U, withCtx as A, createElementBlock as K, Fragment as H, renderList as L, computed as F, 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 $, ElButton as Ce } from "element-plus";
+import { CopyDocument as be, DocumentCopy as ve } from "@element-plus/icons-vue";
+class ke {
+  constructor() {
+    I(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, r]) => {
+      this.renderers.has(n) || this.renderers.set(n, r);
+    });
+  }
+  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 O({
+    props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
+    setup(e) {
+      return () => f(t, e);
+    }
+  });
+}
+function S(t) {
+  return O({
+    props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
+    setup(e) {
+      return () => t(e);
+    }
+  });
+}
+function He(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 v(t, e) {
+  if (!(!t || !e))
+    return e.split(".").reduce((n, r) => n == null ? void 0 : n[r], t);
+}
+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 we = /* @__PURE__ */ O({
   __name: "input",
   props: {
     row: {},
@@ -9,29 +104,29 @@ const te = /* @__PURE__ */ E({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, l = V(e.row[e.col.key]);
-    A(l, (s) => {
-      e.row[e.col.key] = s;
+    const e = t, n = R(v(e.row, e.col.key));
+    z(n, (l) => {
+      G(e.row, e.col.key, l);
     });
     const r = () => {
-      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);
+      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 (s, o) => {
-      const a = x("el-input");
-      return h(), b(a, _({
-        modelValue: l.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (y) => l.value = y)
+    return (l, i) => {
+      const c = M("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: M(n, ["enter"])
+        onKeyup: U(o, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), ne = /* @__PURE__ */ E({
+}), _e = /* @__PURE__ */ O({
   __name: "inputNumber",
   props: {
     row: {},
@@ -41,30 +136,30 @@ const te = /* @__PURE__ */ E({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, l = V(e.row[e.col.key]);
-    A(l, (s) => {
-      var o;
-      e.row[e.col.key] = s, (o = e.onCellChange) == null || o.call(e, e.row, e.col);
+    const e = t, n = R(v(e.row, e.col.key));
+    z(n, (l) => {
+      var i;
+      G(e.row, e.col.key, l), (i = e.onCellChange) == null || i.call(e, e.row, e.col);
     });
     const r = () => {
-      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);
+      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 (s, o) => {
-      const a = x("el-input-number");
-      return h(), b(a, _({
-        modelValue: l.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (y) => l.value = y)
+    return (l, i) => {
+      const c = M("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: M(n, ["enter"])
+        onKeyup: U(o, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), le = /* @__PURE__ */ E({
+}), xe = /* @__PURE__ */ O({
   __name: "select",
   props: {
     row: {},
@@ -74,37 +169,37 @@ const te = /* @__PURE__ */ E({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, l = V(e.row[e.col.key]);
-    A(l, (o) => {
-      e.row[e.col.key] = o;
+    const e = t, n = R(v(e.row, e.col.key));
+    z(n, (i) => {
+      G(e.row, e.col.key, i);
     });
     const r = () => {
-      var o;
-      return (o = e.onCellChange) == null ? void 0 : o.call(e, e.row, e.col);
-    }, n = () => {
-      var o;
-      return (o = e.onCellBlur) == null ? void 0 : o.call(e, e.row, e.col);
-    }, s = () => {
-      var o;
-      return (o = e.onCellEnter) == 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 i;
+      return (i = e.onCellEnter) == null ? void 0 : i.call(e, e.row, e.col);
     };
-    return (o, a) => {
-      const y = x("el-option"), u = x("el-select");
-      return h(), b(u, _({
-        modelValue: l.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (g) => l.value = g)
+    return (i, c) => {
+      const d = M("el-option"), g = M("el-select");
+      return h(), _(g, B({
+        modelValue: n.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (b) => n.value = b)
       }, { placeholder: "请选择", size: "small", clearable: !0, ...t.col.renderProps }, {
         onChange: r,
-        onBlur: n,
-        onKeyup: M(s, ["enter"])
+        onBlur: o,
+        onKeyup: U(l, ["enter"])
       }), {
-        default: P(() => {
-          var g;
+        default: A(() => {
+          var b;
           return [
-            (h(!0), O(T, null, z(((g = t.col.renderProps) == null ? void 0 : g.options) || [], (d) => (h(), b(y, {
-              key: d.value,
-              label: d.label,
-              value: d.value
+            (h(!0), K(H, null, L(((b = t.col.renderProps) == null ? void 0 : b.options) || [], (m) => (h(), _(d, {
+              key: m.value,
+              label: m.label,
+              value: m.value
             }, null, 8, ["label", "value"]))), 128))
           ];
         }),
@@ -112,386 +207,386 @@ const te = /* @__PURE__ */ E({
       }, 16, ["modelValue"]);
     };
   }
-}), W = (t) => E({
-  props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
-  setup(e) {
-    return () => f(t, e);
-  }
-});
-function re(t) {
-  return typeof t.formatter == "function";
-}
-function oe() {
-  return {
-    input: W(te),
-    "input-number": W(ne),
-    select: W(le),
-    button: (t) => {
-      const e = t.col.renderProps || {};
-      return f(ee, {
-        type: e.type || "primary",
-        ...e,
-        onClick: () => {
-          var l;
-          return (l = t.onClick) == null ? void 0 : l.call(t, t.row, t.col);
-        }
-      }, () => e.label || t.row[t.col.key]);
-    },
-    link: (t) => {
-      const e = t.col.renderProps || {};
-      return f("a", {
-        href: e.href || "#",
-        target: e.blank ? "_blank" : "_self",
-        style: e.style || "color:#409EFF;cursor:pointer;",
-        onClick: (l) => {
-          var r;
-          l.preventDefault(), (r = t.onClick) == null || r.call(t, t.row, t.col);
-        }
-      }, e.label || t.row[t.col.key]);
-    },
-    html: (t) => {
-      var e;
-      return f("div", {
-        class: "line-clamp-2",
-        innerHTML: t.row[t.col.key] ?? "",
-        ...((e = t.col) == null ? void 0 : e.renderProps) || {}
-      });
-    },
-    copy: (t) => {
-      const e = t.row[t.col.key] ?? "";
-      return f(
-        "div",
-        {
-          class: "copy-wrapper",
-          style: "position: relative; display: inline-block;"
-        },
-        [
-          f("span", {
-            class: "copy-text line-clamp-1",
-            style: "padding-right: 20px;"
-          }, e),
-          f(
-            "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(() => {
-                        S.success("复制成功");
-                      }).catch(() => {
-                        S.error("复制失败");
-                      });
-                    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 ? S.success("复制成功") : S.error("复制失败");
-                    }
-                  } catch {
-                    S.error("复制失败");
-                  }
-              }
-            },
-            "📋"
-            // 复制图标，可用 Element Plus 图标替换
-          )
-        ]
-      );
-    },
-    img: (t) => {
-      var o;
-      const e = t.row[t.col.key], l = ((o = t.col) == null ? void 0 : o.renderProps) || {}, n = e ? Array.isArray(e) ? e.filter((a) => a && typeof a == "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(L, {
-        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(L, {
-          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], l = t.col.renderProps || {}, r = l.options ?? [], n = l.showValue ?? !1;
-      if (e == null || e === "") return "";
-      const s = Array.isArray(e) ? e.map(String) : [String(e)], o = r.filter((u) => s.includes(String(u.value))), a = s.filter((u) => !r.some((g) => String(g.value) === u)), y = o.map((u, g) => f(
-        Z,
-        { key: u.value, type: u.listClass, class: u.cssClass, disableTransitions: !0 },
-        { default: () => u.label + " " }
-      ));
-      return n && a.length > 0 && y.push(f("span", {}, a.join(" "))), f("div", {}, y);
-    },
-    map: (t) => {
+}), Be = Y(we), Se = Y(_e), Ee = Y(xe), Te = S((t) => {
+  const e = t.col.renderProps || {}, n = v(t.row, t.col.key);
+  return f(Ce, {
+    type: e.type || "primary",
+    ...e,
+    onClick: () => {
       var r;
-      const e = t.row[t.col.key], l = ((r = t.col.renderProps) == null ? void 0 : r.options) ?? {};
-      return e != null ? l[e] ?? "" : "";
-    },
-    formatter: (t) => {
-      var n;
-      const { col: e, row: l } = t, r = l[e.key];
-      return re(e) ? (n = e.formatter) == null ? void 0 : n.call(e, r, l) : r ?? "";
-    },
-    icon: (t) => {
-      const e = t.row[t.col.key] ?? "", l = t.col.renderProps || {};
-      return e ? /^https?:\/\//.test(e) ? f(L, {
-        src: e,
-        previewSrcList: [e],
-        fit: "contain",
-        style: "width:40px;height:40px",
-        ...l
-      }) : /^\s*<svg[\s\S]*<\/svg>\s*$/.test(e) ? f("div", {
-        innerHTML: e,
-        style: `width:40px;height:40px;display:inline-block;${l.style || ""}`,
-        ...l
-      }) : f("i", {
-        class: e,
-        // val 直接当 className
-        style: `font-size:20px;${l.style || ""}`,
-        ...l
-      }) : "";
+      return (r = t.onClick) == null ? void 0 : r.call(t, t.row, t.col);
     }
+  }, () => e.label || n);
+}), Ve = S((t) => {
+  const e = t.col.renderProps || {}, n = v(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);
+}), Ae = S((t) => {
+  var n;
+  const e = v(t.row, t.col.key);
+  return f("div", {
+    class: "line-clamp-2",
+    innerHTML: e ?? "",
+    ...((n = t.col) == null ? void 0 : n.renderProps) || {}
+  });
+}), Me = S((t) => {
+  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps ?? {}, r = {
+    position: "absolute",
+    right: "-5px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    cursor: "pointer",
+    display: "none",
+    "font-size": "12px",
+    color: n.iconColor || "#409EFF",
+    "user-select": "none"
+  }, o = {
+    "padding-right": "10px",
+    display: "-webkit-box",
+    "-webkit-box-orient": "vertical",
+    "-webkit-line-clamp": n.lineClamp ?? 2,
+    overflow: "hidden",
+    ...n.textStyles
+  };
+  return f(
+    "div",
+    {
+      class: "st_copy_wrapper",
+      style: "width: 100%; position: relative; display: inline-block;"
+    },
+    [
+      f("span", {
+        class: `st_copy_text ${n.textClass ?? ""}`,
+        style: o,
+        title: e
+      }, e),
+      e && f("span", {
+        class: "st_copy_btn",
+        style: r,
+        title: n.copyTitle || "复制",
+        onClick: () => {
+          if (e)
+            try {
+              if (navigator.clipboard && navigator.clipboard.writeText)
+                navigator.clipboard.writeText(e).then(() => {
+                  $.success(n.successText ?? "复制成功");
+                }).catch(() => {
+                  $.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 i = document.execCommand("copy");
+                document.body.removeChild(l), i ? $.success(n.successText ?? "复制成功") : $.error(n.errorText ?? "复制失败");
+              }
+            } catch {
+              $.error(n.errorText ?? "复制失败");
+            }
+        }
+      }, [f(ve, {
+        style: "width: 1em; height: 1em;"
+      })])
+    ].filter(Boolean)
+  );
+}), Oe = S((t) => {
+  var i;
+  const e = v(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 ? f(q, {
+    src: o[0],
+    previewSrcList: n.previewSrcList || o,
+    fit: n.fit || "contain",
+    style: l,
+    ...n
+  }) : f(
+    "div",
+    {
+      class: "st_img_wrapper",
+      style: "display: flex; align-items: center; position: relative"
+    },
+    [
+      f(q, {
+        src: o[0],
+        previewSrcList: n.previewSrcList || o,
+        fit: n.fit || "contain",
+        style: l,
+        ...n
+      }),
+      o.length > 1 && f("span", {
+        class: "st_img_total",
+        style: "position: absolute; top: 0; right: 0; ",
+        title: `${o.length}`
+      }, [f(be, { style: "width: 1em; height: 1em; " })])
+    ]
+  );
+}), $e = S((t) => {
+  const e = v(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((g) => l.includes(String(g.value))), c = l.filter((g) => !r.some((b) => String(b.value) === g)), d = i.map((g, b) => f(
+    he,
+    { key: g.value, type: g.listClass, class: g.cssClass, disableTransitions: !0 },
+    { default: () => g.label + " " }
+  ));
+  return o && c.length > 0 && d.push(f("span", {}, c.join(" "))), f("div", {}, d);
+}), Fe = S((t) => {
+  var r;
+  const e = v(t.row, t.col.key) ?? "", n = ((r = t.col.renderProps) == null ? void 0 : r.options) ?? {};
+  return e != null ? n[e] ?? "" : "";
+});
+function Re(t) {
+  return typeof t.formatter == "function";
+}
+const ze = S((t) => {
+  var o;
+  const { col: e, row: n } = t, r = v(t.row, t.col.key) ?? "";
+  return Re(e) ? (o = e.formatter) == null ? void 0 : o.call(e, r, n) : r ?? "";
+}), Ke = S((t) => {
+  const e = v(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
+  }) : "";
+}), le = {
+  input: Be,
+  "input-number": Se,
+  select: Ee,
+  button: Te,
+  link: Ve,
+  html: Ae,
+  copy: Me,
+  img: Oe,
+  dict: $e,
+  map: Fe,
+  formatter: ze,
+  icon: Ke
+};
+function Le(t) {
+  t.registerMultiple(le);
 }
-function se(t, e = 10, l = []) {
-  const n = "*:*:*", s = (i) => {
-    if (!i) return !0;
-    const m = Array.isArray(i) ? i : [i];
-    return l.some(
-      (p) => p === n || m.includes(p)
+function Ye() {
+  return le;
+}
+function Ne(t, e = 10, n = []) {
+  const o = "*:*:*", l = (s) => {
+    if (!s) return !0;
+    const y = Array.isArray(s) ? s : [s];
+    return n.some(
+      (p) => p === o || y.includes(p)
     );
-  }, o = K(() => t.some((i) => s(i.permission))), a = K(() => t.filter((m) => s(m.permission)).slice(0, e).reduce(
-    (m, p) => m + (p.width ?? 55),
+  }, i = F(() => t.some((s) => l(s.permission))), c = F(() => t.filter((y) => l(y.permission)).slice(0, e).reduce(
+    (y, p) => y + (p.width ?? 60),
     0
-  )), y = (i, m) => s(i.permission) && (i.visible ? i.visible(m) : !0), u = (i) => t.filter((p) => y(p, i)).slice(0, e).reduce(
-    (p, $) => p + ($.width ?? 55),
+  )), d = (s, y) => l(s.permission) && (s.visible ? s.visible(y) : !0), g = (s) => t.filter((p) => d(p, s)).slice(0, e).reduce(
+    (p, E) => p + (E.width ?? 60),
     0
   );
   return {
-    hasAnyButton: o,
-    optWidth: a,
-    hasAnyVisibleButton: (i) => i != null && i.length ? i.some(
-      (m) => t.some((p) => y(p, m))
+    hasAnyButton: i,
+    optWidth: c,
+    hasAnyVisibleButton: (s) => s != null && s.length ? s.some(
+      (y) => t.some((p) => d(p, y))
     ) : !1,
-    getMaxOptWidth: (i) => i != null && i.length ? i.reduce(
-      (m, p) => Math.max(m, u(p)),
+    getMaxOptWidth: (s) => s != null && s.length ? s.reduce(
+      (y, p) => Math.max(y, g(p)),
       0
-    ) : a.value,
-    getVisibleButtons: (i) => t.filter((m) => y(m, i)).slice(0, e)
+    ) : c.value,
+    getVisibleButtons: (s) => t.filter((y) => d(y, s)).slice(0, e)
   };
 }
-const ie = ["title"], ce = /* @__PURE__ */ E({
+const De = ["title"], Ie = /* @__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 l = t, r = e, { col: n } = U(l), s = (v, k) => r("cellChange", v, k), o = (v, k) => r("cellBlur", v, k), a = (v, k) => r("cellEnter", v, k), y = (v, k) => r("cellClick", v, k), u = oe(), {
-      hasAnyButton: g,
-      hasAnyVisibleButton: d,
-      optWidth: C,
-      getMaxOptWidth: i,
-      getVisibleButtons: m
-    } = se(
-      n.value.buttons || [],
-      n.value.maxbtn ?? 10,
-      l.permissions || []
-    ), p = K(() => (n.value.buttons || []).length ? (n.value.__rows || []).length ? d(n.value.__rows || []) : g.value : !1), $ = K(() => n.value.__rows ? i(n.value.__rows) : C.value);
-    function R(v) {
-      return !(v.type === "selection" || v.type === "index" || v.type === "operation" && !p.value || v.visible === !1);
+    const n = t, r = e, o = (u) => {
+      var T, w;
+      const C = (T = n.pagination) == null ? void 0 : T.page, x = (w = n.pagination) == null ? void 0 : w.size;
+      return C && x ? (C - 1) * x + u + 1 : u + 1;
+    }, { col: l } = ae(n), i = (u, C) => r("cellChange", u, C), c = (u, C) => r("cellBlur", u, C), d = (u, C) => r("cellEnter", u, C), g = (u, C) => r("cellClick", u, C);
+    Le(J());
+    const b = F(() => {
+      const u = J(), C = {};
+      return u.names().forEach((x) => {
+        const T = u.get(x);
+        T && (C[x] = T);
+      }), C;
+    }), {
+      hasAnyButton: m,
+      hasAnyVisibleButton: k,
+      optWidth: s,
+      getMaxOptWidth: y,
+      getVisibleButtons: p
+    } = Ne(
+      l.value.buttons || [],
+      l.value.maxbtn ?? 10,
+      n.permissions || []
+    ), E = F(() => (l.value.buttons || []).length ? (l.value.__rows || []).length ? k(l.value.__rows || []) : m.value : !1), N = F(() => l.value.__rows ? y(l.value.__rows) : s.value);
+    function oe(u) {
+      return !(u.type === "selection" || u.type === "index" || u.type === "operation" && !E.value || u.visible === !1);
     }
-    return (v, k) => {
-      const F = x("el-table-column"), J = x("el-button");
-      return c(n).type === "selection" ? (h(), b(F, _({
+    return (u, C) => {
+      const x = M("el-table-column"), T = M("el-button");
+      return a(l).type === "selection" ? (h(), _(x, B({
         key: 0,
         type: "selection"
-      }, c(n).columnProps), null, 16)) : c(n).type === "index" ? (h(), b(F, _({
+      }, a(l).columnProps), null, 16)) : a(l).type === "index" ? (h(), _(x, B({
         key: 1,
         type: "index",
-        label: c(n).label || "#",
+        label: a(l).label || "#",
         align: "center"
-      }, c(n).columnProps), null, 16, ["label"])) : c(n).type === "operation" && p.value ? (h(), b(F, _({
+      }, a(l).columnProps), {
+        default: A(({ $index: w }) => [
+          Z(W(o(w)), 1)
+        ]),
+        _: 1
+      }, 16, ["label"])) : a(l).type === "operation" && E.value ? (h(), _(x, B({
         key: 2,
-        label: c(n).label || "操作",
+        label: a(l).label || "操作",
         align: "center"
       }, {
-        ...c(n).columnProps,
-        width: $.value
+        ...a(l).columnProps,
+        width: N.value
       }), {
-        default: P(({ row: B }) => [
-          (h(!0), O(T, null, z(c(m)(B), (w) => (h(), b(J, {
-            key: w.label,
-            type: w.type || "primary",
+        default: A(({ row: w }) => [
+          (h(!0), K(H, null, L(a(p)(w), (V) => (h(), _(T, {
+            key: V.label,
+            type: V.type || "primary",
             link: "",
-            onClick: (I) => w.action(B)
+            onClick: (D) => V.action(w)
           }, {
-            default: P(() => [
-              H(D(w.label), 1)
+            default: A(() => [
+              Z(W(V.label), 1)
             ]),
             _: 2
           }, 1032, ["type", "onClick"]))), 128))
         ]),
         _: 1
-      }, 16, ["label"])) : R(c(n)) ? (h(), b(F, _({
+      }, 16, ["label"])) : oe(a(l)) ? (h(), _(x, B({
         key: 3,
-        prop: c(n).key,
-        label: c(n).label,
+        label: a(l).label,
         align: "center"
-      }, c(n).columnProps || {}), {
-        default: P(({ row: B }) => {
-          var w, I;
+      }, a(l).columnProps || {}), {
+        default: A((w) => {
+          var V, D, Q, X;
           return [
-            c(n).render && c(u)[c(n).render] ? (h(), b(q(c(u)[c(n).render]), {
-              key: 0,
-              row: B,
-              col: c(n),
-              onCellChange: s,
-              onCellBlur: o,
-              onCellEnter: a,
-              onClick: y
-            }, null, 40, ["row", "col"])) : (h(), O("span", {
+            a(l).render === "slot" && u.$slots[((V = a(l)) == null ? void 0 : V.slot) || a(l).key] ? ne(u.$slots, ((D = a(l)) == null ? void 0 : D.slot) || a(l).key, ue(B({ key: 0 }, w))) : a(l).render && b.value[a(l).render] ? (h(), _(de(b.value[a(l).render]), {
               key: 1,
-              style: Y(((w = c(n).renderProps) == null ? void 0 : w.style) || ""),
-              class: X(((I = c(n).renderProps) == null ? void 0 : I.class) || ""),
-              title: B[c(n).key]
-            }, D(B[c(n).key]), 15, ie))
+              row: w.row,
+              col: a(l),
+              onCellChange: i,
+              onCellBlur: c,
+              onCellEnter: d,
+              onClick: g
+            }, null, 40, ["row", "col"])) : (h(), K("span", {
+              key: 2,
+              style: fe(((Q = a(l).renderProps) == null ? void 0 : Q.style) || ""),
+              class: me(((X = a(l).renderProps) == null ? void 0 : X.class) || ""),
+              title: a(v)(w.row, a(l).key)
+            }, W(a(v)(w.row, a(l).key)), 15, De))
           ];
         }),
-        _: 1
-      }, 16, ["prop", "label"])) : j("", !0);
+        _: 3
+      }, 16, ["label"])) : ce("", !0);
     };
   }
-}), ae = "table_columns_";
-function ue(t, e) {
-  return `${ae}${t}_${e}`;
-}
-function N(t, e) {
+});
+function ee(t, e) {
   if (!(e != null && e.length)) return t;
-  const l = new Map(
+  const n = new Map(
     e.map((r) => [r.key, r])
   );
   return t.map((r) => {
-    const n = l.get(r.key);
-    return n ? {
+    const o = n.get(r.key);
+    return o ? {
       ...r,
-      visible: typeof n.visible == "boolean" ? n.visible : r.visible
+      visible: typeof o.visible == "boolean" ? o.visible : r.visible
     } : r;
   });
 }
-function de(t, e) {
-  const {
-    pageKey: l,
-    userId: r,
-    storage: n = localStorage
-  } = e || {}, o = r ? ue(r, l || "") : null, a = o ? n.getItem(o) : null, y = V(
-    N(
+function We(t, e) {
+  const { cacheKey: n, storage: r = localStorage } = e || {}, o = n ? r.getItem(n) : null, l = R(
+    ee(
       t,
-      a ? JSON.parse(a) : []
+      o ? JSON.parse(o) : []
     )
   );
-  return A(
-    y,
-    (u) => {
-      if (!o) return;
-      const g = u.map((d) => ({
+  return z(
+    l,
+    (i) => {
+      if (!n) return;
+      const c = i.map((d) => ({
         key: d.key,
         visible: d.visible,
         columnOpts: d.columnOpts
       }));
-      n.setItem(
-        o,
-        JSON.stringify(g)
+      r.setItem(
+        n,
+        JSON.stringify(c)
       );
     },
     { deep: !0 }
   ), {
     /** 当前列配置（响应式） */
-    columns: y,
+    columns: l,
     /**
      * 主动设置列配置
      * 常用于：列设置弹窗 / 拖拽排序完成
      */
-    setColumns(u) {
-      y.value = N(
+    setColumns(i) {
+      l.value = ee(
         t,
-        u
-      ), o && n.setItem(
-        o,
-        JSON.stringify(u)
+        i
+      ), n && r.setItem(
+        n,
+        JSON.stringify(i)
       );
     },
     /**
      * 重置为默认列配置
      */
     resetColumns() {
-      y.value = t, o && n.removeItem(o);
+      l.value = t, n && r.removeItem(n);
     }
   };
 }
-const ye = /* @__PURE__ */ E({
+const Ge = /* @__PURE__ */ O({
   __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: [
     "update:columns",
@@ -500,58 +595,134 @@ const ye = /* @__PURE__ */ E({
     "cellEnter",
     "cell-click"
   ],
-  setup(t, { expose: e, emit: l }) {
-    const r = t, n = l, { columns: s } = de(r.columns, {
-      pageKey: r.pageKey ?? "",
-      userId: r.userId ?? ""
+  setup(t, { expose: e, emit: n }) {
+    const r = t, o = n, { columns: l } = We(r.columns, {
+      cacheKey: r.cacheKey ?? ""
     });
-    A(
-      s,
-      (d) => n("update:columns", d),
+    z(
+      l,
+      (m) => o("update:columns", m),
       { deep: !0, immediate: !0 }
     );
-    const o = (d, C) => n("cellChange", d, C), a = (d, C) => {
-      n("cellBlur", d, C);
-    }, y = (d, C) => {
-      console.log("enter"), n("cellEnter", d, C);
-    }, u = (d, C) => {
-      C && n("cell-click", d, C);
-    }, g = V();
+    const i = (m, k) => o("cellChange", m, k), c = (m, k) => {
+      o("cellBlur", m, k);
+    }, d = (m, k) => {
+      console.log("enter"), o("cellEnter", m, k);
+    }, g = (m, k) => {
+      k && o("cell-click", m, k);
+    }, b = R();
     return e({
-      tableRef: g
-    }), (d, C) => {
-      const i = x("el-table"), m = G("loading");
-      return Q((h(), b(i, _({
+      tableRef: b
+    }), (m, k) => {
+      const s = M("el-table"), y = ye("loading");
+      return pe((h(), _(s, B({
         ref_key: "tableRef",
-        ref: g
-      }, d.$attrs, {
+        ref: b
+      }, m.$attrs, {
         data: t.data,
         "row-key": t.rowKey,
-        class: "smart-table"
+        class: "smart_table"
       }), {
-        default: P(() => [
-          (h(!0), O(T, null, z(c(s), (p) => (h(), b(ce, {
+        default: A(() => [
+          (h(!0), K(H, null, L(a(l), (p) => (h(), _(Ie, {
             key: p.key,
             col: p,
             permissions: t.permissions,
-            onCellChange: o,
-            onCellBlur: a,
-            onCellEnter: y,
-            onCellClick: u
-          }, null, 8, ["col", "permissions"]))), 128))
+            pagination: t.pagination,
+            onCellChange: i,
+            onCellBlur: c,
+            onCellEnter: d,
+            onCellClick: g
+          }, ge({ _: 2 }, [
+            L(a(l), (E) => ({
+              name: E.key,
+              fn: A((N) => [
+                ne(m.$slots, E.key, B({ ref_for: !0 }, N))
+              ])
+            }))
+          ]), 1032, ["col", "permissions", "pagination"]))), 128))
         ]),
-        _: 1
+        _: 3
       }, 16, ["data", "row-key"])), [
-        [m, t.loading]
+        [y, t.loading]
       ]);
     };
   }
-}), me = (t, e) => {
-  const l = t.__vccOpts || t;
-  for (const [r, n] of e)
-    l[r] = n;
-  return l;
-}, he = /* @__PURE__ */ me(ye, [["__scopeId", "data-v-338b77db"]]);
+}), te = {
+  defaultPagination: {
+    page: 1,
+    size: 10,
+    total: 0
+  },
+  defaultTableProps: {},
+  defaultColumnProps: {}
+};
+class Pe {
+  constructor() {
+    I(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 r = { ...e };
+    for (const o in n)
+      n[o] && typeof n[o] == "object" && !Array.isArray(n[o]) ? r[o] = this.mergeConfig(e[o] || {}, n[o]) : r[o] = n[o];
+    return r;
+  }
+}
+let j = null;
+function re() {
+  return j || (j = new Pe()), j;
+}
+function Qe(t) {
+  re().setConfig(t);
+}
+function Xe() {
+  return re().getConfig();
+}
+function Ze(t, e) {
+  return {
+    key: t,
+    ...e
+  };
+}
 export {
-  he as SmartTable
+  Ge as SmartTable,
+  le as builtInRenderers,
+  S as createFunctionalRenderer,
+  Ye as createRenderer,
+  Ge as default,
+  Ze as defineColumn,
+  J as getRendererManager,
+  Xe as getSmartTableConfig,
+  Le as registerBuiltInRenderers,
+  Qe as setSmartTableConfig,
+  He as validateRendererProps,
+  Y as wrapSFCComponent
 };
+//# sourceMappingURL=vue3-smart-table.es.js.map