vue3-smart-table 1.0.4 → 1.0.5

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

@@ -1,12 +1,98 @@
-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 {
+var ce = Object.defineProperty;
+var fe = (t, e, n) => e in t ? ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var W = (t, e, n) => fe(t, typeof e != "symbol" ? e + "" : e, n);
+import { ref as L, watch as R, computed as S, defineComponent as $, h as m, resolveComponent as O, createBlock as w, openBlock as y, mergeProps as x, withKeys as J, withCtx as V, createElementBlock as A, Fragment as F, renderList as M, resolveDirective as de, withDirectives as me, createSlots as ye, createTextVNode as X, toDisplayString as P, renderSlot as Z, resolveDynamicComponent as pe, unref as ee, normalizeClass as ge, normalizeStyle as he, normalizeProps as be, guardReactiveProps as ve } from "vue";
+import { ElImage as q, ElTag as Ce, ElMessage as K, ElButton as we } from "element-plus";
+import { CopyDocument as ke, DocumentCopy as _e } from "@element-plus/icons-vue";
+function te(t, e) {
+  if (!(e != null && e.length)) return t;
+  const n = new Map(
+    e.map((r) => [r.key, r])
+  );
+  return t.map((r) => {
+    const i = n.get(r.key);
+    return i ? {
+      ...r,
+      visible: typeof i.visible == "boolean" ? i.visible : r.visible
+    } : r;
+  });
+}
+function xe(t, e) {
+  const { cacheKey: n, storage: r = localStorage } = e || {}, i = n ? r.getItem(n) : null, l = L(
+    te(
+      t,
+      i ? JSON.parse(i) : []
+    )
+  );
+  return R(
+    l,
+    (s) => {
+      if (!n) return;
+      const f = s.map((d) => ({
+        key: d.key,
+        visible: d.visible,
+        columnOpts: d.columnOpts
+      }));
+      r.setItem(
+        n,
+        JSON.stringify(f)
+      );
+    },
+    { deep: !0 }
+  ), {
+    /** 当前列配置（响应式） */
+    columns: l,
+    /**
+     * 主动设置列配置
+     * 常用于：列设置弹窗 / 拖拽排序完成
+     */
+    setColumns(s) {
+      l.value = te(
+        t,
+        s
+      ), n && r.setItem(
+        n,
+        JSON.stringify(s)
+      );
+    },
+    /**
+     * 重置为默认列配置
+     */
+    resetColumns() {
+      l.value = t, n && r.removeItem(n);
+    }
+  };
+}
+function Be(t, e = 10, n = []) {
+  const i = "*:*:*", l = (c) => {
+    if (!c) return !0;
+    const g = Array.isArray(c) ? c : [c];
+    return n.some(
+      (b) => b === i || g.includes(b)
+    );
+  }, s = S(() => t.some((c) => l(c.permission))), f = S(() => t.filter((g) => l(g.permission)).slice(0, e).reduce(
+    (g, b) => g + (b.width ?? 55),
+    0
+  )), d = (c, g) => l(c.permission) && (c.visible ? c.visible(g) : !0), h = (c) => t.filter((b) => d(b, c)).slice(0, e).reduce(
+    (b, I) => b + (I.width ?? 55),
+    0
+  );
+  return {
+    hasAnyButton: s,
+    optWidth: f,
+    hasAnyVisibleButton: (c) => c != null && c.length ? c.some(
+      (g) => t.some((b) => d(b, g))
+    ) : !1,
+    getMaxOptWidth: (c) => c != null && c.length ? c.reduce(
+      (g, b) => Math.max(g, h(b)),
+      0
+    ) : f.value,
+    getVisibleButtons: (c) => t.filter((g) => d(g, c)).slice(0, e)
+  };
+}
+class Se {
   constructor() {
-    I(this, "renderers", /* @__PURE__ */ new Map());
+    W(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);
@@ -32,27 +118,27 @@ class ke {
     return Array.from(this.renderers.keys());
   }
 }
-let P = null;
-function J() {
-  return P || (P = new ke()), P;
+let D = null;
+function H() {
+  return D || (D = new Se()), D;
 }
-function Y(t) {
-  return O({
+function U(t) {
+  return $({
     props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
-      return () => f(t, e);
+      return () => m(t, e);
     }
   });
 }
-function S(t) {
-  return O({
+function B(t) {
+  return $({
     props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
       return () => t(e);
     }
   });
 }
-function He(t, e) {
+function Ge(t, e) {
   if (process.env.NODE_ENV !== "production" && e)
     switch (t) {
       case "dict":
@@ -90,12 +176,12 @@ 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) {
+function Y(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 r = e.split("."), i = r.pop(), l = r.reduce((s, f) => (s[f] || (s[f] = {}), s[f]), t);
+  l[i] = n;
 }
-const we = /* @__PURE__ */ O({
+const Ee = /* @__PURE__ */ $({
   __name: "input",
   props: {
     row: {},
@@ -104,29 +190,29 @@ const we = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = R(v(e.row, e.col.key));
-    z(n, (l) => {
-      G(e.row, e.col.key, l);
+    const e = t, n = L(v(e.row, e.col.key));
+    R(n, (l) => {
+      Y(e.row, e.col.key, l);
     });
     const r = () => {
       var l;
       return (l = e.onCellBlur) == null ? void 0 : l.call(e, e.row, e.col);
-    }, o = () => {
+    }, i = () => {
       var l;
       return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
     };
-    return (l, i) => {
-      const c = M("el-input");
-      return h(), _(c, B({
+    return (l, s) => {
+      const f = O("el-input");
+      return y(), w(f, x({
         modelValue: n.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
+        "onUpdate:modelValue": s[0] || (s[0] = (d) => n.value = d)
       }, { placeholder: "", size: "small", clearable: !0, ...t.col.renderProps }, {
         onBlur: r,
-        onKeyup: U(o, ["enter"])
+        onKeyup: J(i, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), _e = /* @__PURE__ */ O({
+}), Te = /* @__PURE__ */ $({
   __name: "inputNumber",
   props: {
     row: {},
@@ -136,30 +222,30 @@ const we = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    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 e = t, n = L(v(e.row, e.col.key));
+    R(n, (l) => {
+      var s;
+      Y(e.row, e.col.key, l), (s = e.onCellChange) == null || s.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 = () => {
+    }, i = () => {
       var l;
       return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
     };
-    return (l, i) => {
-      const c = M("el-input-number");
-      return h(), _(c, B({
+    return (l, s) => {
+      const f = O("el-input-number");
+      return y(), w(f, x({
         modelValue: n.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
+        "onUpdate:modelValue": s[0] || (s[0] = (d) => n.value = d)
       }, { min: 0, max: 99999, controls: !1, size: "small", ...t.col.renderProps }, {
         onBlur: r,
-        onKeyup: U(o, ["enter"])
+        onKeyup: J(i, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), xe = /* @__PURE__ */ O({
+}), Ve = /* @__PURE__ */ $({
   __name: "select",
   props: {
     row: {},
@@ -169,37 +255,37 @@ const we = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, n = R(v(e.row, e.col.key));
-    z(n, (i) => {
-      G(e.row, e.col.key, i);
+    const e = t, n = L(v(e.row, e.col.key));
+    R(n, (s) => {
+      Y(e.row, e.col.key, s);
     });
     const r = () => {
-      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);
+      var s;
+      return (s = e.onCellChange) == null ? void 0 : s.call(e, e.row, e.col);
+    }, i = () => {
+      var s;
+      return (s = e.onCellBlur) == null ? void 0 : s.call(e, e.row, e.col);
     }, l = () => {
-      var i;
-      return (i = e.onCellEnter) == null ? void 0 : i.call(e, e.row, e.col);
+      var s;
+      return (s = e.onCellEnter) == null ? void 0 : s.call(e, e.row, e.col);
     };
-    return (i, c) => {
-      const d = M("el-option"), g = M("el-select");
-      return h(), _(g, B({
+    return (s, f) => {
+      const d = O("el-option"), h = O("el-select");
+      return y(), w(h, x({
         modelValue: n.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (b) => n.value = b)
+        "onUpdate:modelValue": f[0] || (f[0] = (k) => n.value = k)
       }, { placeholder: "请选择", size: "small", clearable: !0, ...t.col.renderProps }, {
         onChange: r,
-        onBlur: o,
-        onKeyup: U(l, ["enter"])
+        onBlur: i,
+        onKeyup: J(l, ["enter"])
       }), {
-        default: A(() => {
-          var b;
+        default: V(() => {
+          var k;
           return [
-            (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
+            (y(!0), A(F, null, M(((k = t.col.renderProps) == null ? void 0 : k.options) || [], (E) => (y(), w(d, {
+              key: E.value,
+              label: E.label,
+              value: E.value
             }, null, 8, ["label", "value"]))), 128))
           ];
         }),
@@ -207,9 +293,9 @@ const we = /* @__PURE__ */ O({
       }, 16, ["modelValue"]);
     };
   }
-}), Be = Y(we), Se = Y(_e), Ee = Y(xe), Te = S((t) => {
+}), Ae = U(Ee), Me = U(Te), Oe = U(Ve), Fe = B((t) => {
   const e = t.col.renderProps || {}, n = v(t.row, t.col.key);
-  return f(Ce, {
+  return m(we, {
     type: e.type || "primary",
     ...e,
     onClick: () => {
@@ -217,22 +303,22 @@ const we = /* @__PURE__ */ O({
       return (r = t.onClick) == null ? void 0 : r.call(t, t.row, t.col);
     }
   }, () => e.label || n);
-}), Ve = S((t) => {
+}), Re = B((t) => {
   const e = t.col.renderProps || {}, n = v(t.row, t.col.key);
-  return f("a", {
+  return m("a", {
     href: e.href || "#",
     target: e.blank ? "_blank" : "_self",
     style: e.style || "color:#409EFF;cursor:pointer;"
   }, e.label || n);
-}), Ae = S((t) => {
+}), $e = B((t) => {
   var n;
   const e = v(t.row, t.col.key);
-  return f("div", {
+  return m("div", {
     class: "line-clamp-2",
     innerHTML: e ?? "",
     ...((n = t.col) == null ? void 0 : n.renderProps) || {}
   });
-}), Me = S((t) => {
+}), ze = B((t) => {
   const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps ?? {}, r = {
     position: "absolute",
     right: "-5px",
@@ -243,7 +329,7 @@ const we = /* @__PURE__ */ O({
     "font-size": "12px",
     color: n.iconColor || "#409EFF",
     "user-select": "none"
-  }, o = {
+  }, i = {
     "padding-right": "10px",
     display: "-webkit-box",
     "-webkit-box-orient": "vertical",
@@ -251,19 +337,19 @@ const we = /* @__PURE__ */ O({
     overflow: "hidden",
     ...n.textStyles
   };
-  return f(
+  return m(
     "div",
     {
       class: "st_copy_wrapper",
       style: "width: 100%; position: relative; display: inline-block;"
     },
     [
-      f("span", {
+      m("span", {
         class: `st_copy_text ${n.textClass ?? ""}`,
-        style: o,
+        style: i,
         title: e
       }, e),
-      e && f("span", {
+      e && m("span", {
         class: "st_copy_btn",
         style: r,
         title: n.copyTitle || "复制",
@@ -272,309 +358,125 @@ const we = /* @__PURE__ */ O({
             try {
               if (navigator.clipboard && navigator.clipboard.writeText)
                 navigator.clipboard.writeText(e).then(() => {
-                  $.success(n.successText ?? "复制成功");
+                  K.success(n.successText ?? "复制成功");
                 }).catch(() => {
-                  $.error(n.errorText ?? "复制失败");
+                  K.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 ?? "复制失败");
+                const s = document.execCommand("copy");
+                document.body.removeChild(l), s ? K.success(n.successText ?? "复制成功") : K.error(n.errorText ?? "复制失败");
               }
             } catch {
-              $.error(n.errorText ?? "复制失败");
+              K.error(n.errorText ?? "复制失败");
             }
         }
-      }, [f(ve, {
+      }, [m(_e, {
         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)
+}), Ke = B((t) => {
+  var s;
+  const e = v(t.row, t.col.key) ?? "", n = ((s = t.col) == null ? void 0 : s.renderProps) || {}, i = e ? Array.isArray(e) ? e.filter((f) => f && typeof f == "string") : [e] : [];
+  if (i.length === 0)
     return n.placeholder || "";
   const l = {
     width: n.width || "80px",
     height: n.height || "80px",
-    marginRight: o.length > 1 ? "4px" : "0",
+    marginRight: i.length > 1 ? "4px" : "0",
     ...n.style || {}
   };
-  return o.length === 1 ? f(q, {
-    src: o[0],
-    previewSrcList: n.previewSrcList || o,
+  return i.length === 1 ? m(q, {
+    src: i[0],
+    previewSrcList: n.previewSrcList || i,
+    previewTeleported: !0,
     fit: n.fit || "contain",
     style: l,
     ...n
-  }) : f(
+  }) : m(
     "div",
     {
       class: "st_img_wrapper",
       style: "display: flex; align-items: center; position: relative"
     },
     [
-      f(q, {
-        src: o[0],
-        previewSrcList: n.previewSrcList || o,
+      m(q, {
+        src: i[0],
+        previewSrcList: n.previewSrcList || i,
+        previewTeleported: !0,
         fit: n.fit || "contain",
         style: l,
         ...n
       }),
-      o.length > 1 && f("span", {
+      i.length > 1 && m("span", {
         class: "st_img_total",
         style: "position: absolute; top: 0; right: 0; ",
-        title: `${o.length}`
-      }, [f(be, { style: "width: 1em; height: 1em; " })])
+        title: `${i.length}`
+      }, [m(ke, { 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;
+}), Le = B((t) => {
+  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, r = n.options ?? [], i = 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 + " " }
+  const l = Array.isArray(e) ? e.map(String) : [String(e)], s = r.filter((h) => l.includes(String(h.value))), f = l.filter((h) => !r.some((k) => String(k.value) === h)), d = s.map((h, k) => m(
+    Ce,
+    { key: h.value, type: h.listClass, class: h.cssClass, disableTransitions: !0 },
+    { default: () => h.label + " " }
   ));
-  return o && c.length > 0 && d.push(f("span", {}, c.join(" "))), f("div", {}, d);
-}), Fe = S((t) => {
+  return i && f.length > 0 && d.push(m("span", {}, f.join(" "))), m("div", {}, d);
+}), Ie = B((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) {
+function Ne(t) {
   return typeof t.formatter == "function";
 }
-const ze = S((t) => {
-  var o;
+const We = B((t) => {
+  var i;
   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) => {
+  return Ne(e) ? (i = e.formatter) == null ? void 0 : i.call(e, r, n) : r ?? "";
+}), Pe = B((t) => {
   const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {};
-  return e ? /^https?:\/\//.test(e) ? f(q, {
+  return e ? /^https?:\/\//.test(e) ? m(q, {
     src: e,
     previewSrcList: [e],
+    previewTeleported: !0,
     fit: "contain",
     style: "width:40px;height:40px",
     ...n
-  }) : /^\s*<svg[\s\S]*<\/svg>\s*$/.test(e) ? f("div", {
+  }) : /^\s*<svg[\s\S]*<\/svg>\s*$/.test(e) ? m("div", {
     innerHTML: e,
     style: `width:40px;height:40px;display:inline-block;${n.style || ""}`,
     ...n
-  }) : f("i", {
+  }) : m("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
+}), re = {
+  input: Ae,
+  "input-number": Me,
+  select: Oe,
+  button: Fe,
+  link: Re,
+  html: $e,
+  copy: ze,
+  img: Ke,
+  dict: Le,
+  map: Ie,
+  formatter: We,
+  icon: Pe
 };
-function Le(t) {
-  t.registerMultiple(le);
-}
-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)
-    );
-  }, 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
-  )), 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: i,
-    optWidth: c,
-    hasAnyVisibleButton: (s) => s != null && s.length ? s.some(
-      (y) => t.some((p) => d(p, y))
-    ) : !1,
-    getMaxOptWidth: (s) => s != null && s.length ? s.reduce(
-      (y, p) => Math.max(y, g(p)),
-      0
-    ) : c.value,
-    getVisibleButtons: (s) => t.filter((y) => d(y, s)).slice(0, e)
-  };
-}
-const De = ["title"], Ie = /* @__PURE__ */ O({
-  __name: "index",
-  props: {
-    col: { type: Object, required: !0 },
-    permissions: { type: Array, default: () => [] },
-    pagination: { type: Object, default: () => ({}) }
-  },
-  emits: ["cellBlur", "cellEnter", "cellChange", "cellClick"],
-  setup(t, { emit: e }) {
-    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 (u, C) => {
-      const x = M("el-table-column"), T = M("el-button");
-      return a(l).type === "selection" ? (h(), _(x, B({
-        key: 0,
-        type: "selection"
-      }, a(l).columnProps), null, 16)) : a(l).type === "index" ? (h(), _(x, B({
-        key: 1,
-        type: "index",
-        label: a(l).label || "#",
-        align: "center"
-      }, 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: a(l).label || "操作",
-        align: "center"
-      }, {
-        ...a(l).columnProps,
-        width: N.value
-      }), {
-        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: (D) => V.action(w)
-          }, {
-            default: A(() => [
-              Z(W(V.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["type", "onClick"]))), 128))
-        ]),
-        _: 1
-      }, 16, ["label"])) : oe(a(l)) ? (h(), _(x, B({
-        key: 3,
-        label: a(l).label,
-        align: "center"
-      }, a(l).columnProps || {}), {
-        default: A((w) => {
-          var V, D, Q, X;
-          return [
-            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,
-              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))
-          ];
-        }),
-        _: 3
-      }, 16, ["label"])) : ce("", !0);
-    };
-  }
-});
-function ee(t, e) {
-  if (!(e != null && e.length)) return t;
-  const n = new Map(
-    e.map((r) => [r.key, r])
-  );
-  return t.map((r) => {
-    const o = n.get(r.key);
-    return o ? {
-      ...r,
-      visible: typeof o.visible == "boolean" ? o.visible : r.visible
-    } : r;
-  });
+function De(t) {
+  t.registerMultiple(re);
 }
-function We(t, e) {
-  const { cacheKey: n, storage: r = localStorage } = e || {}, o = n ? r.getItem(n) : null, l = R(
-    ee(
-      t,
-      o ? JSON.parse(o) : []
-    )
-  );
-  return z(
-    l,
-    (i) => {
-      if (!n) return;
-      const c = i.map((d) => ({
-        key: d.key,
-        visible: d.visible,
-        columnOpts: d.columnOpts
-      }));
-      r.setItem(
-        n,
-        JSON.stringify(c)
-      );
-    },
-    { deep: !0 }
-  ), {
-    /** 当前列配置（响应式） */
-    columns: l,
-    /**
-     * 主动设置列配置
-     * 常用于：列设置弹窗 / 拖拽排序完成
-     */
-    setColumns(i) {
-      l.value = ee(
-        t,
-        i
-      ), n && r.setItem(
-        n,
-        JSON.stringify(i)
-      );
-    },
-    /**
-     * 重置为默认列配置
-     */
-    resetColumns() {
-      l.value = t, n && r.removeItem(n);
-    }
-  };
+function Qe() {
+  return re;
 }
-const Ge = /* @__PURE__ */ O({
+const je = ["title"], Xe = /* @__PURE__ */ $({
   __name: "index",
   props: {
     data: { type: Array, default: () => [] },
@@ -596,59 +498,165 @@ const Ge = /* @__PURE__ */ O({
     "cell-click"
   ],
   setup(t, { expose: e, emit: n }) {
-    const r = t, o = n, { columns: l } = We(r.columns, {
+    const r = t, i = n, { columns: l } = xe(r.columns, {
       cacheKey: r.cacheKey ?? ""
     });
-    z(
+    R(
       l,
-      (m) => o("update:columns", m),
+      (o) => i("update:columns", o),
+      { deep: !0, immediate: !0 }
+    ), R(
+      () => r.data,
+      (o) => {
+        o && l.value.forEach((a) => {
+          a.type === "operation" && (a.__rows = o);
+        });
+      },
       { deep: !0, immediate: !0 }
     );
-    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();
+    const s = S(
+      () => l.value.filter((o) => o.type === "selection")
+    ), f = S(
+      () => l.value.filter((o) => o.type === "index")
+    ), d = S(
+      () => l.value.filter((o) => o.type === "operation")
+    ), h = S(
+      () => l.value.filter((o) => !(o.type === "selection" || o.type === "index" || o.type === "operation" || o.visible === !1))
+    ), k = (o) => {
+      var _, z;
+      const a = (_ = r.pagination) == null ? void 0 : _.page, p = (z = r.pagination) == null ? void 0 : z.size;
+      return a && p ? (a - 1) * p + o + 1 : o + 1;
+    };
+    De(H());
+    const E = S(() => {
+      const o = H(), a = {};
+      return o.names().forEach((p) => {
+        const _ = o.get(p);
+        _ && (a[p] = _);
+      }), a;
+    }), G = S(() => {
+      const o = /* @__PURE__ */ new Map();
+      return d.value.forEach((a) => {
+        const p = Be(
+          a.buttons || [],
+          a.maxbtn ?? 10,
+          r.permissions || []
+        );
+        o.set(a.key, p);
+      }), o;
+    }), c = (o) => G.value.get(o.key), g = (o) => {
+      const a = c(o);
+      return a ? o.__rows ? a.getMaxOptWidth(o.__rows) : a.optWidth.value : 0;
+    }, b = (o, a) => {
+      const p = c(o);
+      return p ? (o.buttons || []).length ? ((o.__rows || []).length, p.getVisibleButtons(a)) : [] : [];
+    }, I = () => d.value.filter((o) => {
+      const a = c(o);
+      return !a || !(o.buttons || []).length ? !1 : (o.__rows || []).length ? a.hasAnyVisibleButton(o.__rows || []) : a.hasAnyButton.value;
+    }), oe = (o, a) => {
+      i("cellChange", o, a);
+    }, ie = (o, a) => {
+      i("cellBlur", o, a);
+    }, se = (o, a) => {
+      i("cellEnter", o, a);
+    }, ae = (o, a) => {
+      a && i("cell-click", o, a);
+    }, Q = L();
     return e({
-      tableRef: b
-    }), (m, k) => {
-      const s = M("el-table"), y = ye("loading");
-      return pe((h(), _(s, B({
+      tableRef: Q
+    }), (o, a) => {
+      const p = O("el-table-column"), _ = O("el-button"), z = O("el-table"), ue = de("loading");
+      return me((y(), w(z, x({
         ref_key: "tableRef",
-        ref: b
-      }, m.$attrs, {
+        ref: Q
+      }, o.$attrs, {
         data: t.data,
         "row-key": t.rowKey,
         class: "smart_table"
-      }), {
-        default: A(() => [
-          (h(!0), K(H, null, L(a(l), (p) => (h(), _(Ie, {
-            key: p.key,
-            col: p,
-            permissions: t.permissions,
-            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))
+      }), ye({
+        default: V(() => [
+          (y(!0), A(F, null, M(s.value, (u) => (y(), w(p, x({
+            key: "selection",
+            type: "selection"
+          }, { ref_for: !0 }, u.columnProps), null, 16))), 128)),
+          (y(!0), A(F, null, M(f.value, (u) => (y(), w(p, x({
+            key: "index",
+            type: "index",
+            label: u.label || "#",
+            align: "center"
+          }, { ref_for: !0 }, u.columnProps), {
+            default: V(({ $index: C }) => [
+              X(P(k(C)), 1)
+            ]),
+            _: 1
+          }, 16, ["label"]))), 128)),
+          (y(!0), A(F, null, M(I(), (u) => (y(), w(p, x({
+            key: u.key,
+            label: u.label || "操作",
+            align: "center"
+          }, { ref_for: !0 }, {
+            ...u.columnProps,
+            width: g(u)
+          }), {
+            default: V(({ row: C }) => [
+              (y(!0), A(F, null, M(b(u, C), (T) => (y(), w(_, {
+                key: T.label,
+                type: T.type || "primary",
+                link: "",
+                onClick: (N) => T.action(C)
+              }, {
+                default: V(() => [
+                  X(P(T.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "onClick"]))), 128))
+            ]),
+            _: 2
+          }, 1040, ["label"]))), 128)),
+          (y(!0), A(F, null, M(h.value, (u) => (y(), w(p, x({
+            key: u.key,
+            label: u.label,
+            align: "center"
+          }, { ref_for: !0 }, u.columnProps || {}), {
+            default: V((C) => {
+              var T, N;
+              return [
+                u.render === "slot" ? Z(o.$slots, (u == null ? void 0 : u.slot) || u.key, x({
+                  key: 0,
+                  ref_for: !0
+                }, C)) : u.render && E.value[u.render] ? (y(), w(pe(E.value[u.render]), {
+                  key: 1,
+                  row: C.row,
+                  col: u,
+                  onCellChange: oe,
+                  onCellBlur: ie,
+                  onCellEnter: se,
+                  onClick: ae
+                }, null, 40, ["row", "col"])) : (y(), A("span", {
+                  key: 2,
+                  style: he(((T = u.renderProps) == null ? void 0 : T.style) || ""),
+                  class: ge(((N = u.renderProps) == null ? void 0 : N.class) || ""),
+                  title: ee(v)(C.row, u.key)
+                }, P(ee(v)(C.row, u.key)), 15, je))
+              ];
+            }),
+            _: 2
+          }, 1040, ["label"]))), 128))
         ]),
-        _: 3
-      }, 16, ["data", "row-key"])), [
-        [y, t.loading]
+        _: 2
+      }, [
+        M(h.value, (u) => ({
+          name: u.key,
+          fn: V((C) => [
+            Z(o.$slots, u.key, be(ve(C)))
+          ])
+        }))
+      ]), 1040, ["data", "row-key"])), [
+        [ue, t.loading]
       ]);
     };
   }
-}), te = {
+}), ne = {
   defaultPagination: {
     page: 1,
     size: 10,
@@ -657,9 +665,9 @@ const Ge = /* @__PURE__ */ O({
   defaultTableProps: {},
   defaultColumnProps: {}
 };
-class Pe {
+class qe {
   constructor() {
-    I(this, "config", { ...te });
+    W(this, "config", { ...ne });
   }
   /**
    * 获取所有配置
@@ -671,7 +679,7 @@ class Pe {
    * 设置配置
    */
   setConfig(e) {
-    this.config = this.mergeConfig(this.config, e), e.renderers && J().registerMultiple(e.renderers);
+    this.config = this.mergeConfig(this.config, e), e.renderers && H().registerMultiple(e.renderers);
   }
   /**
    * 获取特定配置项
@@ -683,46 +691,46 @@ class Pe {
    * 重置为默认配置
    */
   reset() {
-    this.config = { ...te };
+    this.config = { ...ne };
   }
   /**
    * 深度合并配置
    */
   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];
+    for (const i in n)
+      n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) ? r[i] = this.mergeConfig(e[i] || {}, n[i]) : r[i] = n[i];
     return r;
   }
 }
 let j = null;
-function re() {
-  return j || (j = new Pe()), j;
+function le() {
+  return j || (j = new qe()), j;
 }
-function Qe(t) {
-  re().setConfig(t);
+function Ze(t) {
+  le().setConfig(t);
 }
-function Xe() {
-  return re().getConfig();
+function et() {
+  return le().getConfig();
 }
-function Ze(t, e) {
+function tt(t, e) {
   return {
     key: t,
     ...e
   };
 }
 export {
-  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
+  Xe as SmartTable,
+  re as builtInRenderers,
+  B as createFunctionalRenderer,
+  Qe as createRenderer,
+  Xe as default,
+  tt as defineColumn,
+  H as getRendererManager,
+  et as getSmartTableConfig,
+  De as registerBuiltInRenderers,
+  Ze as setSmartTableConfig,
+  Ge as validateRendererProps,
+  U as wrapSFCComponent
 };
 //# sourceMappingURL=vue3-smart-table.es.js.map