vue3-smart-table 2.1.0 → 2.1.2

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

@@ -1,7 +1,7 @@
 var pe = Object.defineProperty;
 var fe = (t, e, r) => e in t ? pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var j = (t, e, r) => fe(t, typeof e != "symbol" ? e + "" : e, r);
-import { ref as A, watch as N, computed as E, defineComponent as O, h as b, resolveComponent as T, createBlock as B, openBlock as w, mergeProps as S, withKeys as G, withCtx as M, createElementBlock as $, Fragment as I, renderList as J, resolveDirective as de, withDirectives as me, createTextVNode as ne, toDisplayString as P, renderSlot as ge, createCommentVNode as ye, resolveDynamicComponent as he, unref as oe, normalizeClass as Ce, normalizeStyle as be } from "vue";
+import { ref as O, watch as N, computed as E, defineComponent as z, h as b, resolveComponent as T, createBlock as B, openBlock as w, mergeProps as S, withKeys as G, withCtx as $, createElementBlock as A, Fragment as I, renderList as J, resolveDirective as de, withDirectives as me, createTextVNode as ne, toDisplayString as P, renderSlot as ge, createCommentVNode as ye, resolveDynamicComponent as he, unref as oe, normalizeClass as Ce, normalizeStyle as be } from "vue";
 import { ElImage as U, ElTag as ve, ElMessage as R, ElButton as we } from "element-plus";
 import { CopyDocument as ke, DocumentCopy as _e } from "@element-plus/icons-vue";
 function se(t) {
@@ -27,7 +27,7 @@ function re(t, e) {
   });
 }
 function Be(t, e) {
-  const { cacheKey: r, storage: l = localStorage } = e || {}, a = r ? l.getItem(r) : null, p = A(
+  const { cacheKey: r, storage: l = localStorage } = e || {}, a = r ? l.getItem(r) : null, p = O(
     re(
       t,
       a ? JSON.parse(a) : []
@@ -35,9 +35,9 @@ function Be(t, e) {
   );
   return N(
     p,
-    (c) => {
+    (u) => {
       if (!r) return;
-      const y = c.map((d) => ({
+      const y = u.map((d) => ({
         key: d.key,
         visible: d.visible,
         columnOpts: d.columnOpts
@@ -55,13 +55,13 @@ function Be(t, e) {
      * 主动设置列配置
      * 常用于：列设置弹窗 / 拖拽排序完成
      */
-    setColumns(c) {
+    setColumns(u) {
       p.value = re(
         t,
-        c
+        u
       ), r && l.setItem(
         r,
-        JSON.stringify(c)
+        JSON.stringify(u)
       );
     },
     /**
@@ -73,30 +73,30 @@ function Be(t, e) {
   };
 }
 function Ee(t, e = 10, r = []) {
-  const a = "*:*:*", p = (n) => {
-    if (!n) return !0;
-    const f = Array.isArray(n) ? n : [n];
+  const a = "*:*:*", p = (o) => {
+    if (!o) return !0;
+    const f = Array.isArray(o) ? o : [o];
     return r.some(
       (h) => h === a || f.includes(h)
     );
-  }, c = E(() => t.some((n) => p(n.permission))), y = E(() => t.filter((f) => p(f.permission)).slice(0, e).reduce(
+  }, u = E(() => t.some((o) => p(o.permission))), y = E(() => t.filter((f) => p(f.permission)).slice(0, e).reduce(
     (f, h) => f + (h.width ?? 55),
     0
-  )), d = (n, f) => p(n.permission) && (n.visible ? n.visible(f) : !0), g = (n) => t.filter((h) => d(h, n)).slice(0, e).reduce(
-    (h, z) => h + (z.width ?? 55),
+  )), d = (o, f) => p(o.permission) && (o.visible ? o.visible(f) : !0), g = (o) => t.filter((h) => d(h, o)).slice(0, e).reduce(
+    (h, M) => h + (M.width ?? 55),
     0
   );
   return {
-    hasAnyButton: c,
+    hasAnyButton: u,
     optWidth: y,
-    hasAnyVisibleButton: (n) => n != null && n.length ? n.some(
+    hasAnyVisibleButton: (o) => o != null && o.length ? o.some(
       (f) => t.some((h) => d(h, f))
     ) : !1,
-    getMaxOptWidth: (n) => n != null && n.length ? n.reduce(
+    getMaxOptWidth: (o) => o != null && o.length ? o.reduce(
       (f, h) => Math.max(f, g(h)),
       0
     ) : y.value,
-    getVisibleButtons: (n) => t.filter((f) => d(f, n)).slice(0, e)
+    getVisibleButtons: (o) => t.filter((f) => d(f, o)).slice(0, e)
   };
 }
 class Se {
@@ -132,7 +132,7 @@ function Y() {
   return q || (q = new Se()), q;
 }
 function Q(t) {
-  return O({
+  return z({
     props: ["row", "col", "index", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
       return () => b(t, e);
@@ -140,7 +140,7 @@ function Q(t) {
   });
 }
 function V(t) {
-  return O({
+  return z({
     props: ["row", "col", "index", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
       return () => t(e);
@@ -187,10 +187,10 @@ function k(t, e) {
 }
 function X(t, e, r) {
   if (!t || !e) return;
-  const l = e.split("."), a = l.pop(), p = l.reduce((c, y) => (c[y] || (c[y] = {}), c[y]), t);
+  const l = e.split("."), a = l.pop(), p = l.reduce((u, y) => (u[y] || (u[y] = {}), u[y]), t);
   p[a] = r;
 }
-const Ve = /* @__PURE__ */ O({
+const Ve = /* @__PURE__ */ z({
   __name: "input",
   props: {
     row: {},
@@ -201,8 +201,8 @@ const Ve = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, r = A(k(e.row, e.col.key)), l = E(() => {
-      const i = e.col.props || {}, { onBlur: o, onFocus: s, onChange: n, onInput: f, onClear: h, onEnter: z, ...K } = i;
+    const e = t, r = O(k(e.row, e.col.key)), l = E(() => {
+      const i = e.col.props || {}, { onBlur: n, onFocus: s, onChange: o, onInput: f, onClear: h, onEnter: M, ...K } = i;
       return {
         placeholder: "",
         size: "small",
@@ -214,32 +214,32 @@ const Ve = /* @__PURE__ */ O({
       X(e.row, e.col.key, i);
     });
     const a = (i) => {
-      var o, s, n;
-      (o = e.onCellChange) == null || o.call(e, e.row, e.col), (n = (s = e.col.props) == null ? void 0 : s.onChange) == null || n.call(s, i, e.row, e.col);
+      var n, s, o;
+      (n = e.onCellChange) == null || n.call(e, e.row, e.col), (o = (s = e.col.props) == null ? void 0 : s.onChange) == null || o.call(s, i, e.row, e.col);
     }, p = (i) => {
-      var o, s, n;
-      (o = e.onCellBlur) == null || o.call(e, e.row, e.col), (n = (s = e.col.props) == null ? void 0 : s.onBlur) == null || n.call(s, i, e.row, e.col);
-    }, c = (i) => {
-      var o, s;
-      (s = (o = e.col.props) == null ? void 0 : o.onFocus) == null || s.call(o, i, e.row, e.col);
+      var n, s, o;
+      (n = e.onCellBlur) == null || n.call(e, e.row, e.col), (o = (s = e.col.props) == null ? void 0 : s.onBlur) == null || o.call(s, i, e.row, e.col);
+    }, u = (i) => {
+      var n, s;
+      (s = (n = e.col.props) == null ? void 0 : n.onFocus) == null || s.call(n, i, e.row, e.col);
     }, y = (i) => {
-      var o, s;
-      (s = (o = e.col.props) == null ? void 0 : o.onInput) == null || s.call(o, i, e.row, e.col);
+      var n, s;
+      (s = (n = e.col.props) == null ? void 0 : n.onInput) == null || s.call(n, i, e.row, e.col);
     }, d = (i) => {
-      var o, s, n;
-      (o = e.onCellEnter) == null || o.call(e, e.row, e.col), (n = (s = e.col.props) == null ? void 0 : s.onEnter) == null || n.call(s, i, e.row, e.col);
+      var n, s, o;
+      (n = e.onCellEnter) == null || n.call(e, e.row, e.col), (o = (s = e.col.props) == null ? void 0 : s.onEnter) == null || o.call(s, i, e.row, e.col);
     }, g = () => {
-      var i, o;
-      (o = (i = e.col.props) == null ? void 0 : i.onClear) == null || o.call(i, e.row, e.col);
+      var i, n;
+      (n = (i = e.col.props) == null ? void 0 : i.onClear) == null || n.call(i, e.row, e.col);
     };
-    return (i, o) => {
+    return (i, n) => {
       const s = T("el-input");
       return w(), B(s, S({
         modelValue: r.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (n) => r.value = n)
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => r.value = o)
       }, l.value, {
         onBlur: p,
-        onFocus: c,
+        onFocus: u,
         onChange: a,
         onInput: y,
         onKeyup: G(d, ["enter"]),
@@ -247,7 +247,7 @@ const Ve = /* @__PURE__ */ O({
       }), null, 16, ["modelValue"]);
     };
   }
-}), Fe = /* @__PURE__ */ O({
+}), Fe = /* @__PURE__ */ z({
   __name: "inputNumber",
   props: {
     row: {},
@@ -258,46 +258,46 @@ const Ve = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, r = A(k(e.row, e.col.key)), l = E(() => {
-      const d = e.col.props || {}, { onBlur: g, onFocus: i, onChange: o, onEnter: s, ...n } = d;
+    const e = t, r = O(k(e.row, e.col.key)), l = E(() => {
+      const d = e.col.props || {}, { onBlur: g, onFocus: i, onChange: n, onEnter: s, ...o } = d;
       return {
         min: 0,
         max: 99999,
         controls: !1,
         size: "small",
-        ...n
+        ...o
       };
     });
     N(r, (d) => {
       X(e.row, e.col.key, d);
     });
     const a = (d, g) => {
-      var i, o, s;
-      (i = e.onCellChange) == null || i.call(e, e.row, e.col), (s = (o = e.col.props) == null ? void 0 : o.onChange) == null || s.call(o, d, g, e.row, e.col);
+      var i, n, s;
+      (i = e.onCellChange) == null || i.call(e, e.row, e.col), (s = (n = e.col.props) == null ? void 0 : n.onChange) == null || s.call(n, d, g, e.row, e.col);
     }, p = (d) => {
-      var g, i, o;
-      (g = e.onCellBlur) == null || g.call(e, e.row, e.col), (o = (i = e.col.props) == null ? void 0 : i.onBlur) == null || o.call(i, d, e.row, e.col);
-    }, c = (d) => {
+      var g, i, n;
+      (g = e.onCellBlur) == null || g.call(e, e.row, e.col), (n = (i = e.col.props) == null ? void 0 : i.onBlur) == null || n.call(i, d, e.row, e.col);
+    }, u = (d) => {
       var g, i;
       (i = (g = e.col.props) == null ? void 0 : g.onFocus) == null || i.call(g, d, e.row, e.col);
     }, y = (d) => {
-      var g, i, o;
-      (g = e.onCellEnter) == null || g.call(e, e.row, e.col), (o = (i = e.col.props) == null ? void 0 : i.onEnter) == null || o.call(i, d, e.row, e.col);
+      var g, i, n;
+      (g = e.onCellEnter) == null || g.call(e, e.row, e.col), (n = (i = e.col.props) == null ? void 0 : i.onEnter) == null || n.call(i, d, e.row, e.col);
     };
     return (d, g) => {
       const i = T("el-input-number");
       return w(), B(i, S({
         modelValue: r.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (o) => r.value = o)
+        "onUpdate:modelValue": g[0] || (g[0] = (n) => r.value = n)
       }, l.value, {
         onBlur: p,
-        onFocus: c,
+        onFocus: u,
         onChange: a,
         onKeyup: G(y, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), Te = /* @__PURE__ */ O({
+}), Te = /* @__PURE__ */ z({
   __name: "select",
   props: {
     row: {},
@@ -308,8 +308,8 @@ const Ve = /* @__PURE__ */ O({
     onCellEnter: { type: Function }
   },
   setup(t) {
-    const e = t, r = A(k(e.row, e.col.key)), l = E(() => {
-      const o = e.col.props || {}, { options: s, onChange: n, onBlur: f, onFocus: h, onVisibleChange: z, onClear: K, onEnter: ee, ...D } = o;
+    const e = t, r = O(k(e.row, e.col.key)), l = E(() => {
+      const n = e.col.props || {}, { options: s, onChange: o, onBlur: f, onFocus: h, onVisibleChange: M, onClear: K, onEnter: ee, ...D } = n;
       return {
         placeholder: "请选择",
         size: "small",
@@ -317,43 +317,43 @@ const Ve = /* @__PURE__ */ O({
         ...D
       };
     }), a = E(() => (e.col.props || {}).options || []);
-    N(r, (o) => {
-      X(e.row, e.col.key, o);
+    N(r, (n) => {
+      X(e.row, e.col.key, n);
     });
-    const p = (o) => {
-      var s, n, f;
-      (s = e.onCellChange) == null || s.call(e, e.row, e.col), (f = (n = e.col.props) == null ? void 0 : n.onChange) == null || f.call(n, o, e.row, e.col);
-    }, c = (o) => {
-      var s, n, f;
-      (s = e.onCellBlur) == null || s.call(e, e.row, e.col), (f = (n = e.col.props) == null ? void 0 : n.onBlur) == null || f.call(n, o, e.row, e.col);
-    }, y = (o) => {
-      var s, n;
-      (n = (s = e.col.props) == null ? void 0 : s.onFocus) == null || n.call(s, o, e.row, e.col);
-    }, d = (o) => {
-      var s, n;
-      (n = (s = e.col.props) == null ? void 0 : s.onVisibleChange) == null || n.call(s, o, e.row, e.col);
+    const p = (n) => {
+      var s, o, f;
+      (s = e.onCellChange) == null || s.call(e, e.row, e.col), (f = (o = e.col.props) == null ? void 0 : o.onChange) == null || f.call(o, n, e.row, e.col);
+    }, u = (n) => {
+      var s, o, f;
+      (s = e.onCellBlur) == null || s.call(e, e.row, e.col), (f = (o = e.col.props) == null ? void 0 : o.onBlur) == null || f.call(o, n, e.row, e.col);
+    }, y = (n) => {
+      var s, o;
+      (o = (s = e.col.props) == null ? void 0 : s.onFocus) == null || o.call(s, n, e.row, e.col);
+    }, d = (n) => {
+      var s, o;
+      (o = (s = e.col.props) == null ? void 0 : s.onVisibleChange) == null || o.call(s, n, e.row, e.col);
     }, g = () => {
-      var o, s;
-      (s = (o = e.col.props) == null ? void 0 : o.onClear) == null || s.call(o, e.row, e.col);
-    }, i = (o) => {
-      var s, n, f;
-      (s = e.onCellEnter) == null || s.call(e, e.row, e.col), (f = (n = e.col.props) == null ? void 0 : n.onEnter) == null || f.call(n, o, e.row, e.col);
+      var n, s;
+      (s = (n = e.col.props) == null ? void 0 : n.onClear) == null || s.call(n, e.row, e.col);
+    }, i = (n) => {
+      var s, o, f;
+      (s = e.onCellEnter) == null || s.call(e, e.row, e.col), (f = (o = e.col.props) == null ? void 0 : o.onEnter) == null || f.call(o, n, e.row, e.col);
     };
-    return (o, s) => {
-      const n = T("el-option"), f = T("el-select");
+    return (n, s) => {
+      const o = T("el-option"), f = T("el-select");
       return w(), B(f, S({
         modelValue: r.value,
         "onUpdate:modelValue": s[0] || (s[0] = (h) => r.value = h)
       }, l.value, {
         onChange: p,
-        onBlur: c,
+        onBlur: u,
         onFocus: y,
         onVisibleChange: d,
         onClear: g,
         onKeyup: G(i, ["enter"])
       }), {
-        default: M(() => [
-          (w(!0), $(I, null, J(a.value, (h) => (w(), B(n, {
+        default: $(() => [
+          (w(!0), A(I, null, J(a.value, (h) => (w(), B(o, {
             key: h.value,
             label: h.label,
             value: h.value,
@@ -376,22 +376,22 @@ const Ve = /* @__PURE__ */ O({
     ...a,
     ...l,
     onClick: (p) => {
-      var c, y;
-      (c = t.onClick) == null || c.call(t, t.row, t.col), (y = e.onClick) == null || y.call(e, p, t.row, t.col);
+      var u, y;
+      (u = t.onClick) == null || u.call(t, t.row, t.col), (y = e.onClick) == null || y.call(e, p, t.row, t.col);
     }
   }, () => e.label || r);
 }), Re = V((t) => {
-  const e = t.col.props || {}, r = k(t.row, t.col.key), { href: l, blank: a, label: p, ...c } = e;
+  const e = t.col.props || {}, r = k(t.row, t.col.key), { href: l, blank: a, label: p, ...u } = e;
   return b("a", {
     href: l || r || "#",
     target: a ? "_blank" : "_self",
     rel: a ? "noopener noreferrer" : void 0,
     style: "color:#409EFF;cursor:pointer;text-decoration:none;",
-    ...c
+    ...u
   }, p || r);
 }), Ie = V((t) => {
-  var c;
-  const e = k(t.row, t.col.key), r = ((c = t.col) == null ? void 0 : c.props) || {}, { style: l, class: a, ...p } = r;
+  var u;
+  const e = k(t.row, t.col.key), r = ((u = t.col) == null ? void 0 : u.props) || {}, { style: l, class: a, ...p } = r;
   return b("div", {
     class: a || "line-clamp-2",
     style: l,
@@ -399,7 +399,7 @@ const Ve = /* @__PURE__ */ O({
     ...p
   });
 }), Ne = V((t) => {
-  const e = k(t.row, t.col.key) ?? "", r = t.col.props ?? {}, { iconColor: l, copyTitle: a, successText: p, errorText: c, lineClamp: y, textStyles: d, textClass: g, ...i } = r, o = {
+  const e = k(t.row, t.col.key) ?? "", r = t.col.props ?? {}, { iconColor: l, copyTitle: a, successText: p, errorText: u, lineClamp: y, textStyles: d, textClass: g, ...i } = r, n = {
     position: "absolute",
     right: "-5px",
     top: "50%",
@@ -432,7 +432,7 @@ const Ve = /* @__PURE__ */ O({
       }, e),
       e && b("span", {
         class: "st_copy_btn",
-        style: o,
+        style: n,
         title: a || "复制",
         onClick: () => {
           if (e)
@@ -441,16 +441,16 @@ const Ve = /* @__PURE__ */ O({
                 navigator.clipboard.writeText(e).then(() => {
                   R.success(p ?? "复制成功");
                 }).catch(() => {
-                  R.error(c ?? "复制失败");
+                  R.error(u ?? "复制失败");
                 });
               else {
-                const n = document.createElement("textarea");
-                n.value = e, n.style.position = "fixed", n.style.opacity = "0", document.body.appendChild(n), n.select();
+                const o = document.createElement("textarea");
+                o.value = e, o.style.position = "fixed", o.style.opacity = "0", document.body.appendChild(o), o.select();
                 const f = document.execCommand("copy");
-                document.body.removeChild(n), f ? R.success(p ?? "复制成功") : R.error(c ?? "复制失败");
+                document.body.removeChild(o), f ? R.success(p ?? "复制成功") : R.error(u ?? "复制失败");
               }
             } catch {
-              R.error(c ?? "复制失败");
+              R.error(u ?? "复制失败");
             }
         }
       }, [b(_e, {
@@ -460,24 +460,24 @@ const Ve = /* @__PURE__ */ O({
   );
 }), Ke = V((t) => {
   var f;
-  const e = k(t.row, t.col.key) ?? "", r = ((f = t.col) == null ? void 0 : f.props) || {}, { width: l, height: a, fit: p, previewSrcList: c, placeholder: y, style: d, ...g } = r, o = e ? Array.isArray(e) ? e.filter((h) => h && typeof h == "string") : [e] : [];
-  if (o.length === 0)
+  const e = k(t.row, t.col.key) ?? "", r = ((f = t.col) == null ? void 0 : f.props) || {}, { width: l, height: a, fit: p, previewSrcList: u, placeholder: y, style: d, ...g } = r, n = e ? Array.isArray(e) ? e.filter((h) => h && typeof h == "string") : [e] : [];
+  if (n.length === 0)
     return y || "";
   const s = {
     width: l || "80px",
     height: a || "80px",
-    marginRight: o.length > 1 ? "4px" : "0",
+    marginRight: n.length > 1 ? "4px" : "0",
     ...typeof d == "object" ? d : {}
-  }, n = {
-    previewSrcList: c || o,
+  }, o = {
+    previewSrcList: u || n,
     previewTeleported: !0,
     fit: p || "contain",
     style: s,
     ...g
   };
-  return o.length === 1 ? b(U, {
-    src: o[0],
-    ...n
+  return n.length === 1 ? b(U, {
+    src: n[0],
+    ...o
   }) : b(
     "div",
     {
@@ -486,30 +486,30 @@ const Ve = /* @__PURE__ */ O({
     },
     [
       b(U, {
-        src: o[0],
-        ...n
+        src: n[0],
+        ...o
       }),
-      o.length > 1 && b("span", {
+      n.length > 1 && b("span", {
         class: "st_img_total",
         style: "position: absolute; top: 0; right: 0; ",
-        title: `${o.length}`
+        title: `${n.length}`
       }, [b(ke, { style: "width: 1em; height: 1em; " })])
     ]
   );
 }), We = V((t) => {
   const e = k(t.row, t.col.key) ?? "", r = t.col.props || {}, { options: l = [], showValue: a = !1, ...p } = r;
   if (e == null || e === "") return "";
-  const c = Array.isArray(e) ? e.map(String) : [String(e)], y = l.filter((i) => c.includes(String(i.value))), d = c.filter((i) => !l.some((o) => String(o.value) === i)), g = y.map((i) => {
-    const { listClass: o, cssClass: s, tagProps: n, ...f } = i;
+  const u = Array.isArray(e) ? e.map(String) : [String(e)], y = l.filter((i) => u.includes(String(i.value))), d = u.filter((i) => !l.some((n) => String(n.value) === i)), g = y.map((i) => {
+    const { listClass: n, cssClass: s, tagProps: o, ...f } = i;
     return b(
       ve,
       {
         key: i.value,
-        type: o,
+        type: n,
         class: s,
         disableTransitions: !0,
         ...p,
-        ...n
+        ...o
       },
       { default: () => i.label + " " }
     );
@@ -525,10 +525,10 @@ function De(t) {
 const Le = V((t) => {
   var y;
   const { col: e, row: r, index: l } = t, a = k(t.row, t.col.key) ?? "", p = t.col.props || {};
-  let c = a;
-  return De(e) && (c = ((y = e.formatter) == null ? void 0 : y.call(e, a, r, l)) ?? a), b("span", { ...p }, c);
+  let u = a;
+  return De(e) && (u = ((y = e.formatter) == null ? void 0 : y.call(e, a, r, l)) ?? a), b("span", { ...p }, u);
 }), Pe = V((t) => {
-  const e = k(t.row, t.col.key) ?? "", r = t.col.props || {}, { style: l, size: a, class: p, ...c } = r;
+  const e = k(t.row, t.col.key) ?? "", r = t.col.props || {}, { style: l, size: a, class: p, ...u } = r;
   if (!e) return "";
   const y = a ? `${a}px` : "20px";
   return /^https?:\/\//.test(e) ? b(U, {
@@ -537,7 +537,7 @@ const Le = V((t) => {
     previewTeleported: !0,
     fit: "contain",
     style: { width: "40px", height: "40px", ...typeof l == "object" ? l : {} },
-    ...c
+    ...u
   }) : /^\s*<svg[\s\S]*<\/svg>\s*$/.test(e) ? b("div", {
     innerHTML: e,
     class: p,
@@ -547,14 +547,14 @@ const Le = V((t) => {
       display: "inline-block",
       ...typeof l == "object" ? l : {}
     },
-    ...c
+    ...u
   }) : b("i", {
     class: [e, p].filter(Boolean).join(" "),
     style: {
       fontSize: y,
       ...typeof l == "object" ? l : {}
     },
-    ...c
+    ...u
   });
 }), ie = {
   input: Me,
@@ -646,7 +646,7 @@ function tt(t) {
 function nt() {
   return Z().getConfig();
 }
-const Je = ["title"], ot = /* @__PURE__ */ O({
+const Je = ["title"], ot = /* @__PURE__ */ z({
   __name: "index",
   props: {
     data: { default: () => [] },
@@ -663,74 +663,74 @@ const Je = ["title"], ot = /* @__PURE__ */ O({
     Z().init();
     const { columns: p } = Be(l.columns, {
       cacheKey: l.cacheKey ?? ""
-    }), c = A(!1);
+    }), u = O(!1);
     N(
       p,
-      (u) => {
-        c.value && a("update:columns", u), c.value = !0;
+      (c) => {
+        u.value && a("update:columns", c), u.value = !0;
       },
       { deep: !0, immediate: !0 }
     );
     const y = E(
-      () => p.value.filter((u) => se(u.type) ? !0 : u.visible !== !1)
-    ), d = (u, m) => u.type === "selection" ? `selection-${m}` : u.type === "index" ? `index-${m}` : u.type === "operation" ? `operation-${u.key}-${m}` : `${u.key}-${m}`, g = E(
-      () => p.value.filter((u) => u.type === "operation")
-    ), i = (u) => {
-      var _, W;
-      const m = (_ = l.pagination) == null ? void 0 : _.page, v = (W = l.pagination) == null ? void 0 : W.size;
-      return m && v ? (m - 1) * v + u + 1 : u + 1;
-    }, o = E(() => {
-      const u = Y(), m = {};
-      return u.names().forEach((v) => {
-        const _ = u.get(v);
-        _ && (m[v] = _);
-      }), m;
-    }), s = E(() => {
-      const u = /* @__PURE__ */ new Map();
-      return g.value.forEach((m) => {
+      () => p.value.filter((c) => c.type === "operation")
+    ), d = E(() => {
+      const c = /* @__PURE__ */ new Map();
+      return y.value.forEach((m) => {
         const v = Ee(
           m.buttons || [],
           m.maxbtn ?? 10,
           l.permissions || []
         );
-        u.set(m.key, v);
-      }), u;
-    }), n = (u) => s.value.get(u.key), f = (u) => {
+        c.set(m.key, v);
+      }), c;
+    }), g = (c) => d.value.get(c.key), i = (c) => {
+      var _;
+      if (!xe(c)) return !1;
+      const m = g(c);
+      return !m || !(c.buttons || []).length ? !1 : (_ = l.data) != null && _.length ? m.hasAnyVisibleButton(l.data) : m.hasAnyButton.value;
+    }, n = (c) => {
       var v;
-      const m = n(u);
+      const m = g(c);
       return m ? (v = l.data) != null && v.length ? m.getMaxOptWidth(l.data) : m.optWidth.value : 0;
-    }, h = (u, m) => {
-      const v = n(u);
-      return v ? (u.buttons || []).length ? v.getVisibleButtons(m) : [] : [];
-    }, z = (u) => {
-      var _;
-      if (!xe(u)) return !1;
-      const m = n(u);
-      return !m || !(u.buttons || []).length ? !1 : (_ = l.data) != null && _.length ? m.hasAnyVisibleButton(l.data) : m.hasAnyButton.value;
-    }, K = (u, m) => {
-      a("cellChange", u, m);
-    }, ee = (u, m) => {
-      a("cellBlur", u, m);
-    }, D = (u, m) => {
-      a("cellEnter", u, m);
-    }, ae = (u, m) => {
-      m && a("cellClick", u, m);
-    }, te = A();
+    }, s = (c, m) => {
+      const v = g(c);
+      return v ? (c.buttons || []).length ? v.getVisibleButtons(m) : [] : [];
+    }, o = E(
+      () => p.value.filter((c) => c.type === "operation" ? i(c) : se(c.type) ? !0 : c.visible !== !1)
+    ), f = (c, m) => c.type === "selection" ? `selection-${m}` : c.type === "index" ? `index-${m}` : c.type === "operation" ? `operation-${c.key}-${m}` : `${c.key}-${m}`, h = (c) => {
+      var _, W;
+      const m = (_ = l.pagination) == null ? void 0 : _.page, v = (W = l.pagination) == null ? void 0 : W.size;
+      return m && v ? (m - 1) * v + c + 1 : c + 1;
+    }, M = E(() => {
+      const c = Y(), m = {};
+      return c.names().forEach((v) => {
+        const _ = c.get(v);
+        _ && (m[v] = _);
+      }), m;
+    }), K = (c, m) => {
+      a("cellChange", c, m);
+    }, ee = (c, m) => {
+      a("cellBlur", c, m);
+    }, D = (c, m) => {
+      a("cellEnter", c, m);
+    }, ae = (c, m) => {
+      m && a("cellClick", c, m);
+    }, te = O();
     return e({
       tableRef: te
-    }), (u, m) => {
+    }), (c, m) => {
       const v = T("el-table-column"), _ = T("el-button"), W = T("el-table"), ce = de("loading");
       return me((w(), B(W, S({
         ref_key: "tableRef",
         ref: te
-      }, u.$attrs, {
+      }, c.$attrs, {
         data: t.data,
         "row-key": t.rowKey,
         class: "smart_table"
       }), {
-        default: M(() => [
-          (w(!0), $(I, null, J(y.value, (C, ue) => (w(), $(I, {
-            key: d(C, ue)
+        default: $(() => [
+          (w(!0), A(I, null, J(o.value, (C, ue) => (w(), A(I, {
+            key: f(C, ue)
           }, [
             C.type === "selection" ? (w(), B(v, S({
               key: 0,
@@ -741,26 +741,26 @@ const Je = ["title"], ot = /* @__PURE__ */ O({
               label: C.label || "#",
               align: "center"
             }, { ref_for: !0 }, C.columnProps), {
-              default: M(({ $index: x }) => [
-                ne(P(i(x)), 1)
+              default: $(({ $index: x }) => [
+                ne(P(h(x)), 1)
               ]),
               _: 1
-            }, 16, ["label"])) : C.type === "operation" && z(C) ? (w(), B(v, S({
+            }, 16, ["label"])) : C.type === "operation" ? (w(), B(v, S({
               key: 2,
               label: C.label || "操作",
               align: "center"
             }, { ref_for: !0 }, {
               ...C.columnProps,
-              width: f(C)
+              width: n(C)
             }), {
-              default: M(({ row: x }) => [
-                (w(!0), $(I, null, J(h(C, x), (F) => (w(), B(_, {
+              default: $(({ row: x }) => [
+                (w(!0), A(I, null, J(s(C, x), (F) => (w(), B(_, {
                   key: F.label,
                   type: F.type || "primary",
                   link: "",
                   onClick: (L) => F.action(x)
                 }, {
-                  default: M(() => [
+                  default: $(() => [
                     ne(P(F.label), 1)
                   ]),
                   _: 2
@@ -769,18 +769,19 @@ const Je = ["title"], ot = /* @__PURE__ */ O({
               _: 2
             }, 1040, ["label"])) : (w(), B(v, S({
               key: 3,
+              prop: C.key,
               label: C.label,
               align: "center"
             }, { ref_for: !0 }, C.columnProps || {}), {
-              default: M((x) => {
+              default: $((x) => {
                 var F, L;
                 return [
-                  C.type === "slot" ? (w(), $(I, { key: 0 }, [
-                    x.$index >= 0 ? ge(u.$slots, C.slot || C.key, S({
+                  C.type === "slot" ? (w(), A(I, { key: 0 }, [
+                    x.$index >= 0 ? ge(c.$slots, C.slot || C.key, S({
                       key: 0,
                       ref_for: !0
                     }, x)) : ye("", !0)
-                  ], 64)) : C.type && o.value[C.type] ? (w(), B(he(o.value[C.type]), {
+                  ], 64)) : C.type && M.value[C.type] ? (w(), B(he(M.value[C.type]), {
                     key: 1,
                     row: x.row,
                     col: C,
@@ -789,7 +790,7 @@ const Je = ["title"], ot = /* @__PURE__ */ O({
                     onCellBlur: ee,
                     onCellEnter: D,
                     onClick: ae
-                  }, null, 40, ["row", "col", "index"])) : (w(), $("span", {
+                  }, null, 40, ["row", "col", "index"])) : (w(), A("span", {
                     key: 2,
                     style: be(((F = C.props) == null ? void 0 : F.style) || ""),
                     class: Ce(((L = C.props) == null ? void 0 : L.class) || ""),
@@ -798,7 +799,7 @@ const Je = ["title"], ot = /* @__PURE__ */ O({
                 ];
               }),
               _: 2
-            }, 1040, ["label"]))
+            }, 1040, ["prop", "label"]))
           ], 64))), 128))
         ]),
         _: 3