vue3-smart-table 2.1.1 → 2.1.3

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

@@ -1,16 +1,16 @@
-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 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) {
+var fe = Object.defineProperty;
+var de = (t, e, r) => e in t ? fe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var j = (t, e, r) => de(t, typeof e != "symbol" ? e + "" : e, r);
+import { ref as O, watch as N, computed as E, defineComponent as R, 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 me, withDirectives as ye, createTextVNode as ne, toDisplayString as P, renderSlot as ge, createCommentVNode as he, resolveDynamicComponent as Ce, unref as oe, normalizeClass as be, normalizeStyle as ve } from "vue";
+import { ElImage as U, ElTag as we, ElMessage as z, ElButton as ke } from "element-plus";
+import { CopyDocument as _e, DocumentCopy as xe } from "@element-plus/icons-vue";
+function ie(t) {
   return t === "selection" || t === "index" || t === "operation";
 }
-function Xe(t) {
-  return t ? !se(t) : !1;
+function Ze(t) {
+  return t ? !ie(t) : !1;
 }
-function xe(t) {
+function Be(t) {
   return t.type === "operation";
 }
 function re(t, e) {
@@ -26,7 +26,7 @@ function re(t, e) {
     } : l;
   });
 }
-function Be(t, e) {
+function Ee(t, e) {
   const { cacheKey: r, storage: l = localStorage } = e || {}, a = r ? l.getItem(r) : null, p = O(
     re(
       t,
@@ -37,14 +37,14 @@ function Be(t, e) {
     p,
     (u) => {
       if (!r) return;
-      const y = u.map((d) => ({
+      const g = u.map((d) => ({
         key: d.key,
         visible: d.visible,
         columnOpts: d.columnOpts
       }));
       l.setItem(
         r,
-        JSON.stringify(y)
+        JSON.stringify(g)
       );
     },
     { deep: !0 }
@@ -72,34 +72,34 @@ function Be(t, e) {
     }
   };
 }
-function Ee(t, e = 10, r = []) {
+function Se(t, e = 10, r = []) {
   const a = "*:*:*", p = (o) => {
     if (!o) return !0;
     const f = Array.isArray(o) ? o : [o];
     return r.some(
       (h) => h === a || f.includes(h)
     );
-  }, u = E(() => t.some((o) => p(o.permission))), y = E(() => t.filter((f) => p(f.permission)).slice(0, e).reduce(
+  }, u = E(() => t.some((o) => p(o.permission))), g = E(() => t.filter((f) => p(f.permission)).slice(0, e).reduce(
     (f, h) => f + (h.width ?? 55),
     0
-  )), d = (o, f) => p(o.permission) && (o.visible ? o.visible(f) : !0), g = (o) => t.filter((h) => d(h, o)).slice(0, e).reduce(
+  )), d = (o, f) => p(o.permission) && (o.visible ? o.visible(f) : !0), y = (o) => t.filter((h) => d(h, o)).slice(0, e).reduce(
     (h, M) => h + (M.width ?? 55),
     0
   );
   return {
     hasAnyButton: u,
-    optWidth: y,
+    optWidth: g,
     hasAnyVisibleButton: (o) => o != null && o.length ? o.some(
       (f) => t.some((h) => d(h, f))
     ) : !1,
     getMaxOptWidth: (o) => o != null && o.length ? o.reduce(
-      (f, h) => Math.max(f, g(h)),
+      (f, h) => Math.max(f, y(h)),
       0
-    ) : y.value,
+    ) : g.value,
     getVisibleButtons: (o) => t.filter((f) => d(f, o)).slice(0, e)
   };
 }
-class Se {
+class Ve {
   constructor() {
     j(this, "renderers", /* @__PURE__ */ new Map());
   }
@@ -129,10 +129,10 @@ class Se {
 }
 let q = null;
 function Y() {
-  return q || (q = new Se()), q;
+  return q || (q = new Ve()), q;
 }
 function Q(t) {
-  return z({
+  return R({
     props: ["row", "col", "index", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
       return () => b(t, e);
@@ -140,14 +140,14 @@ function Q(t) {
   });
 }
 function V(t) {
-  return z({
+  return R({
     props: ["row", "col", "index", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
       return () => t(e);
     }
   });
 }
-function Ze(t, e) {
+function et(t, e) {
   if (process.env.NODE_ENV !== "production" && e)
     switch (t) {
       case "dict":
@@ -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((u, y) => (u[y] || (u[y] = {}), u[y]), t);
+  const l = e.split("."), a = l.pop(), p = l.reduce((u, g) => (u[g] || (u[g] = {}), u[g]), t);
   p[a] = r;
 }
-const Ve = /* @__PURE__ */ z({
+const Fe = /* @__PURE__ */ R({
   __name: "input",
   props: {
     row: {},
@@ -222,13 +222,13 @@ const Ve = /* @__PURE__ */ z({
     }, 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) => {
+    }, g = (i) => {
       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 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 = () => {
+    }, y = () => {
       var i, n;
       (n = (i = e.col.props) == null ? void 0 : i.onClear) == null || n.call(i, e.row, e.col);
     };
@@ -241,13 +241,13 @@ const Ve = /* @__PURE__ */ z({
         onBlur: p,
         onFocus: u,
         onChange: a,
-        onInput: y,
+        onInput: g,
         onKeyup: G(d, ["enter"]),
-        onClear: g
+        onClear: y
       }), null, 16, ["modelValue"]);
     };
   }
-}), Fe = /* @__PURE__ */ z({
+}), Te = /* @__PURE__ */ R({
   __name: "inputNumber",
   props: {
     row: {},
@@ -259,7 +259,7 @@ const Ve = /* @__PURE__ */ z({
   },
   setup(t) {
     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;
+      const d = e.col.props || {}, { onBlur: y, onFocus: i, onChange: n, onEnter: s, ...o } = d;
       return {
         min: 0,
         max: 99999,
@@ -271,33 +271,33 @@ const Ve = /* @__PURE__ */ z({
     N(r, (d) => {
       X(e.row, e.col.key, d);
     });
-    const a = (d, g) => {
+    const a = (d, y) => {
       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);
+      (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, y, e.row, e.col);
     }, p = (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);
+      var y, i, n;
+      (y = e.onCellBlur) == null || y.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, 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);
+      var y, i;
+      (i = (y = e.col.props) == null ? void 0 : y.onFocus) == null || i.call(y, d, e.row, e.col);
+    }, g = (d) => {
+      var y, i, n;
+      (y = e.onCellEnter) == null || y.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) => {
+    return (d, y) => {
       const i = T("el-input-number");
       return w(), B(i, S({
         modelValue: r.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (n) => r.value = n)
+        "onUpdate:modelValue": y[0] || (y[0] = (n) => r.value = n)
       }, l.value, {
         onBlur: p,
         onFocus: u,
         onChange: a,
-        onKeyup: G(y, ["enter"])
+        onKeyup: G(g, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), Te = /* @__PURE__ */ z({
+}), Me = /* @__PURE__ */ R({
   __name: "select",
   props: {
     row: {},
@@ -326,13 +326,13 @@ const Ve = /* @__PURE__ */ z({
     }, 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) => {
+    }, g = (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 = () => {
+    }, y = () => {
       var n, s;
       (s = (n = e.col.props) == null ? void 0 : n.onClear) == null || s.call(n, e.row, e.col);
     }, i = (n) => {
@@ -347,9 +347,9 @@ const Ve = /* @__PURE__ */ z({
       }, l.value, {
         onChange: p,
         onBlur: u,
-        onFocus: y,
+        onFocus: g,
         onVisibleChange: d,
-        onClear: g,
+        onClear: y,
         onKeyup: G(i, ["enter"])
       }), {
         default: $(() => [
@@ -364,23 +364,23 @@ const Ve = /* @__PURE__ */ z({
       }, 16, ["modelValue"]);
     };
   }
-}), Me = Q(Ve), $e = Q(Fe), Ae = Q(Te), Oe = (t) => {
+}), $e = Q(Fe), Ae = Q(Te), Oe = Q(Me), le = (t, e) => t == null || t === "" ? e : typeof t == "number" ? t + "px" : t, Re = (t) => {
   const e = {}, r = {};
   return Object.keys(t).forEach((l) => {
     l.startsWith("on") && typeof t[l] == "function" ? e[l] = t[l] : r[l] = t[l];
   }), { events: e, props: r };
 }, ze = V((t) => {
-  const e = t.col.props || {}, r = k(t.row, t.col.key), { events: l, props: a } = Oe(e);
-  return b(we, {
+  const e = t.col.props || {}, r = k(t.row, t.col.key), { events: l, props: a } = Re(e);
+  return b(ke, {
     type: "primary",
     ...a,
     ...l,
     onClick: (p) => {
-      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);
+      var u, g;
+      (u = t.onClick) == null || u.call(t, t.row, t.col), (g = e.onClick) == null || g.call(e, p, t.row, t.col);
     }
   }, () => e.label || r);
-}), Re = V((t) => {
+}), Ie = V((t) => {
   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 || "#",
@@ -389,7 +389,7 @@ const Ve = /* @__PURE__ */ z({
     style: "color:#409EFF;cursor:pointer;text-decoration:none;",
     ...u
   }, p || r);
-}), Ie = V((t) => {
+}), Ne = V((t) => {
   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", {
@@ -398,8 +398,8 @@ const Ve = /* @__PURE__ */ z({
     innerHTML: e ?? "",
     ...p
   });
-}), Ne = V((t) => {
-  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 = {
+}), Ke = V((t) => {
+  const e = k(t.row, t.col.key) ?? "", r = t.col.props ?? {}, { iconColor: l, copyTitle: a, successText: p, errorText: u, lineClamp: g, textStyles: d, textClass: y, ...i } = r, n = {
     position: "absolute",
     right: "-5px",
     top: "50%",
@@ -413,7 +413,7 @@ const Ve = /* @__PURE__ */ z({
     "padding-right": "10px",
     display: "-webkit-box",
     "-webkit-box-orient": "vertical",
-    "-webkit-line-clamp": y ?? 2,
+    "-webkit-line-clamp": g ?? 2,
     overflow: "hidden",
     ...d
   };
@@ -426,7 +426,7 @@ const Ve = /* @__PURE__ */ z({
     },
     [
       b("span", {
-        class: `st_copy_text ${g ?? ""}`,
+        class: `st_copy_text ${y ?? ""}`,
         style: s,
         title: e
       }, e),
@@ -439,33 +439,33 @@ const Ve = /* @__PURE__ */ z({
             try {
               if (navigator.clipboard && navigator.clipboard.writeText)
                 navigator.clipboard.writeText(e).then(() => {
-                  R.success(p ?? "复制成功");
+                  z.success(p ?? "复制成功");
                 }).catch(() => {
-                  R.error(u ?? "复制失败");
+                  z.error(u ?? "复制失败");
                 });
               else {
                 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(o), f ? R.success(p ?? "复制成功") : R.error(u ?? "复制失败");
+                document.body.removeChild(o), f ? z.success(p ?? "复制成功") : z.error(u ?? "复制失败");
               }
             } catch {
-              R.error(u ?? "复制失败");
+              z.error(u ?? "复制失败");
             }
         }
-      }, [b(_e, {
+      }, [b(xe, {
         style: "width: 1em; height: 1em;"
       })])
     ].filter(Boolean)
   );
-}), Ke = V((t) => {
+}), We = 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: u, placeholder: y, style: d, ...g } = r, n = e ? Array.isArray(e) ? e.filter((h) => h && typeof h == "string") : [e] : [];
+  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: g, style: d, ...y } = r, n = e ? Array.isArray(e) ? e.filter((h) => h && typeof h == "string") : [e] : [];
   if (n.length === 0)
-    return y || "";
+    return g || "";
   const s = {
-    width: l || "80px",
-    height: a || "80px",
+    width: le(l, "80px"),
+    height: le(a, "80px"),
     marginRight: n.length > 1 ? "4px" : "0",
     ...typeof d == "object" ? d : {}
   }, o = {
@@ -473,7 +473,7 @@ const Ve = /* @__PURE__ */ z({
     previewTeleported: !0,
     fit: p || "contain",
     style: s,
-    ...g
+    ...y
   };
   return n.length === 1 ? b(U, {
     src: n[0],
@@ -493,16 +493,16 @@ const Ve = /* @__PURE__ */ z({
         class: "st_img_total",
         style: "position: absolute; top: 0; right: 0; ",
         title: `${n.length}`
-      }, [b(ke, { style: "width: 1em; height: 1em; " })])
+      }, [b(_e, { style: "width: 1em; height: 1em; " })])
     ]
   );
-}), We = V((t) => {
+}), je = 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 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 u = Array.isArray(e) ? e.map(String) : [String(e)], g = l.filter((i) => u.includes(String(i.value))), d = u.filter((i) => !l.some((n) => String(n.value) === i)), y = g.map((i) => {
     const { listClass: n, cssClass: s, tagProps: o, ...f } = i;
     return b(
-      ve,
+      we,
       {
         key: i.value,
         type: n,
@@ -514,23 +514,23 @@ const Ve = /* @__PURE__ */ z({
       { default: () => i.label + " " }
     );
   });
-  return a && d.length > 0 && g.push(b("span", {}, d.join(" "))), b("div", { style: "display: inline-flex; gap: 4px; flex-wrap: wrap;" }, g);
-}), je = V((t) => {
+  return a && d.length > 0 && y.push(b("span", {}, d.join(" "))), b("div", { style: "display: inline-flex; gap: 4px; flex-wrap: wrap;" }, y);
+}), De = V((t) => {
   const e = k(t.row, t.col.key) ?? "", r = t.col.props || {}, { options: l = {}, ...a } = r, p = e != null ? l[e] ?? "" : "";
   return b("span", { ...a }, p);
 });
-function De(t) {
+function Le(t) {
   return typeof t.formatter == "function";
 }
-const Le = V((t) => {
-  var y;
+const Pe = V((t) => {
+  var g;
   const { col: e, row: r, index: l } = t, a = k(t.row, t.col.key) ?? "", p = t.col.props || {};
   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) => {
+  return Le(e) && (u = ((g = e.formatter) == null ? void 0 : g.call(e, a, r, l)) ?? a), b("span", { ...p }, u);
+}), qe = V((t) => {
   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";
+  const g = a ? `${a}px` : "20px";
   return /^https?:\/\//.test(e) ? b(U, {
     src: e,
     previewSrcList: [e],
@@ -551,32 +551,32 @@ const Le = V((t) => {
   }) : b("i", {
     class: [e, p].filter(Boolean).join(" "),
     style: {
-      fontSize: y,
+      fontSize: g,
       ...typeof l == "object" ? l : {}
     },
     ...u
   });
-}), ie = {
-  input: Me,
-  "input-number": $e,
-  select: Ae,
+}), ae = {
+  input: $e,
+  "input-number": Ae,
+  select: Oe,
   button: ze,
-  link: Re,
-  html: Ie,
-  copy: Ne,
-  img: Ke,
-  dict: We,
-  map: je,
-  formatter: Le,
-  icon: Pe
+  link: Ie,
+  html: Ne,
+  copy: Ke,
+  img: We,
+  dict: je,
+  map: De,
+  formatter: Pe,
+  icon: qe
 };
-function qe(t) {
-  t.registerMultiple(ie);
+function He(t) {
+  t.registerMultiple(ae);
 }
-function et() {
-  return ie;
+function tt() {
+  return ae;
 }
-const le = {
+const se = {
   defaultPagination: {
     page: 1,
     size: 10,
@@ -585,9 +585,9 @@ const le = {
   defaultTableProps: {},
   defaultColumnProps: {}
 };
-class He {
+class Je {
   constructor() {
-    j(this, "config", { ...le });
+    j(this, "config", { ...se });
     j(this, "_initialized", !1);
   }
   /**
@@ -600,7 +600,7 @@ class He {
    * 初始化（注册内置渲染器）
    */
   init() {
-    this._initialized || (qe(Y()), this._initialized = !0);
+    this._initialized || (He(Y()), this._initialized = !0);
   }
   /**
    * 获取所有配置
@@ -624,7 +624,7 @@ class He {
    * 重置为默认配置
    */
   reset() {
-    this.config = { ...le };
+    this.config = { ...se };
   }
   /**
    * 深度合并配置
@@ -638,15 +638,15 @@ class He {
 }
 let H = null;
 function Z() {
-  return H || (H = new He()), H;
+  return H || (H = new Je()), H;
 }
-function tt(t) {
+function nt(t) {
   Z().setConfig(t);
 }
-function nt() {
+function ot() {
   return Z().getConfig();
 }
-const Je = ["title"], ot = /* @__PURE__ */ z({
+const Ue = ["title"], rt = /* @__PURE__ */ R({
   __name: "index",
   props: {
     data: { default: () => [] },
@@ -661,7 +661,7 @@ const Je = ["title"], ot = /* @__PURE__ */ z({
   setup(t, { expose: e, emit: r }) {
     const l = t, a = r;
     Z().init();
-    const { columns: p } = Be(l.columns, {
+    const { columns: p } = Ee(l.columns, {
       cacheKey: l.cacheKey ?? ""
     }), u = O(!1);
     N(
@@ -671,32 +671,32 @@ const Je = ["title"], ot = /* @__PURE__ */ z({
       },
       { deep: !0, immediate: !0 }
     );
-    const y = E(
+    const g = E(
       () => p.value.filter((c) => c.type === "operation")
     ), d = E(() => {
       const c = /* @__PURE__ */ new Map();
-      return y.value.forEach((m) => {
-        const v = Ee(
+      return g.value.forEach((m) => {
+        const v = Se(
           m.buttons || [],
           m.maxbtn ?? 10,
           l.permissions || []
         );
         c.set(m.key, v);
       }), c;
-    }), g = (c) => d.value.get(c.key), i = (c) => {
+    }), y = (c) => d.value.get(c.key), i = (c) => {
       var _;
-      if (!xe(c)) return !1;
-      const m = g(c);
+      if (!Be(c)) return !1;
+      const m = y(c);
       return !m || !(c.buttons || []).length ? !1 : (_ = l.data) != null && _.length ? m.hasAnyVisibleButton(l.data) : m.hasAnyButton.value;
     }, n = (c) => {
       var v;
-      const m = g(c);
+      const m = y(c);
       return m ? (v = l.data) != null && v.length ? m.getMaxOptWidth(l.data) : m.optWidth.value : 0;
     }, s = (c, m) => {
-      const v = g(c);
+      const v = y(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)
+      () => p.value.filter((c) => c.type === "operation" ? i(c) : ie(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;
@@ -713,14 +713,14 @@ const Je = ["title"], ot = /* @__PURE__ */ z({
       a("cellBlur", c, m);
     }, D = (c, m) => {
       a("cellEnter", c, m);
-    }, ae = (c, m) => {
+    }, ce = (c, m) => {
       m && a("cellClick", c, m);
     }, te = O();
     return e({
       tableRef: te
     }), (c, m) => {
-      const v = T("el-table-column"), _ = T("el-button"), W = T("el-table"), ce = de("loading");
-      return me((w(), B(W, S({
+      const v = T("el-table-column"), _ = T("el-button"), W = T("el-table"), ue = me("loading");
+      return ye((w(), B(W, S({
         ref_key: "tableRef",
         ref: te
       }, c.$attrs, {
@@ -729,8 +729,8 @@ const Je = ["title"], ot = /* @__PURE__ */ z({
         class: "smart_table"
       }), {
         default: $(() => [
-          (w(!0), A(I, null, J(o.value, (C, ue) => (w(), A(I, {
-            key: f(C, ue)
+          (w(!0), A(I, null, J(o.value, (C, pe) => (w(), A(I, {
+            key: f(C, pe)
           }, [
             C.type === "selection" ? (w(), B(v, S({
               key: 0,
@@ -769,6 +769,7 @@ const Je = ["title"], ot = /* @__PURE__ */ z({
               _: 2
             }, 1040, ["label"])) : (w(), B(v, S({
               key: 3,
+              prop: C.key,
               label: C.label,
               align: "center"
             }, { ref_for: !0 }, C.columnProps || {}), {
@@ -779,8 +780,8 @@ const Je = ["title"], ot = /* @__PURE__ */ z({
                     x.$index >= 0 ? ge(c.$slots, C.slot || C.key, S({
                       key: 0,
                       ref_for: !0
-                    }, x)) : ye("", !0)
-                  ], 64)) : C.type && M.value[C.type] ? (w(), B(he(M.value[C.type]), {
+                    }, x)) : he("", !0)
+                  ], 64)) : C.type && M.value[C.type] ? (w(), B(Ce(M.value[C.type]), {
                     key: 1,
                     row: x.row,
                     col: C,
@@ -788,47 +789,47 @@ const Je = ["title"], ot = /* @__PURE__ */ z({
                     onCellChange: K,
                     onCellBlur: ee,
                     onCellEnter: D,
-                    onClick: ae
+                    onClick: ce
                   }, 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) || ""),
+                    style: ve(((F = C.props) == null ? void 0 : F.style) || ""),
+                    class: be(((L = C.props) == null ? void 0 : L.class) || ""),
                     title: oe(k)(x.row, C.key)
-                  }, P(oe(k)(x.row, C.key)), 15, Je))
+                  }, P(oe(k)(x.row, C.key)), 15, Ue))
                 ];
               }),
               _: 2
-            }, 1040, ["label"]))
+            }, 1040, ["prop", "label"]))
           ], 64))), 128))
         ]),
         _: 3
       }, 16, ["data", "row-key"])), [
-        [ce, t.loading]
+        [ue, t.loading]
       ]);
     };
   }
 });
-function rt(t, e) {
+function lt(t, e) {
   return {
     key: t,
     ...e
   };
 }
 export {
-  ot as SmartTable,
-  ie as builtInRenderers,
+  rt as SmartTable,
+  ae as builtInRenderers,
   V as createFunctionalRenderer,
-  et as createRenderer,
-  ot as default,
-  rt as defineColumn,
+  tt as createRenderer,
+  rt as default,
+  lt as defineColumn,
   Y as getRendererManager,
-  nt as getSmartTableConfig,
-  xe as isOperationColumn,
-  Xe as isRendererType,
-  se as isSpecialColumn,
-  qe as registerBuiltInRenderers,
-  tt as setSmartTableConfig,
-  Ze as validateRendererProps,
+  ot as getSmartTableConfig,
+  Be as isOperationColumn,
+  Ze as isRendererType,
+  ie as isSpecialColumn,
+  He as registerBuiltInRenderers,
+  nt as setSmartTableConfig,
+  et as validateRendererProps,
   Q as wrapSFCComponent
 };
 //# sourceMappingURL=vue3-smart-table.es.js.map