vue3-smart-table 1.0.5 → 3.0.0

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

@@ -1,56 +1,56 @@
 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";
+var de = (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) => de(t, typeof e != "symbol" ? e + "" : e, n);
+import { ref as L, watch as F, computed as S, defineComponent as R, 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 $, renderList as M, resolveDirective as fe, 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])
+    e.map((l) => [l.key, l])
   );
-  return t.map((r) => {
-    const i = n.get(r.key);
+  return t.map((l) => {
+    const i = n.get(l.key);
     return i ? {
-      ...r,
-      visible: typeof i.visible == "boolean" ? i.visible : r.visible
-    } : r;
+      ...l,
+      visible: typeof i.visible == "boolean" ? i.visible : l.visible
+    } : l;
   });
 }
 function xe(t, e) {
-  const { cacheKey: n, storage: r = localStorage } = e || {}, i = n ? r.getItem(n) : null, l = L(
+  const { cacheKey: n, storage: l = localStorage } = e || {}, i = n ? l.getItem(n) : null, r = L(
     te(
       t,
       i ? JSON.parse(i) : []
     )
   );
-  return R(
-    l,
+  return F(
+    r,
     (s) => {
       if (!n) return;
-      const f = s.map((d) => ({
-        key: d.key,
-        visible: d.visible,
-        columnOpts: d.columnOpts
+      const d = s.map((f) => ({
+        key: f.key,
+        visible: f.visible,
+        columnOpts: f.columnOpts
       }));
-      r.setItem(
+      l.setItem(
         n,
-        JSON.stringify(f)
+        JSON.stringify(d)
       );
     },
     { deep: !0 }
   ), {
     /** 当前列配置（响应式） */
-    columns: l,
+    columns: r,
     /**
      * 主动设置列配置
      * 常用于：列设置弹窗 / 拖拽排序完成
      */
     setColumns(s) {
-      l.value = te(
+      r.value = te(
         t,
         s
-      ), n && r.setItem(
+      ), n && l.setItem(
         n,
         JSON.stringify(s)
       );
@@ -59,35 +59,35 @@ function xe(t, e) {
      * 重置为默认列配置
      */
     resetColumns() {
-      l.value = t, n && r.removeItem(n);
+      r.value = t, n && l.removeItem(n);
     }
   };
 }
 function Be(t, e = 10, n = []) {
-  const i = "*:*:*", l = (c) => {
+  const i = "*:*:*", r = (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(
+  }, s = S(() => t.some((c) => r(c.permission))), d = S(() => t.filter((g) => r(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(
+  )), f = (c, g) => r(c.permission) && (c.visible ? c.visible(g) : !0), h = (c) => t.filter((b) => f(b, c)).slice(0, e).reduce(
     (b, I) => b + (I.width ?? 55),
     0
   );
   return {
     hasAnyButton: s,
-    optWidth: f,
+    optWidth: d,
     hasAnyVisibleButton: (c) => c != null && c.length ? c.some(
-      (g) => t.some((b) => d(b, g))
+      (g) => t.some((b) => f(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)
+    ) : d.value,
+    getVisibleButtons: (c) => t.filter((g) => f(g, c)).slice(0, e)
   };
 }
 class Se {
@@ -98,8 +98,8 @@ class Se {
     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);
+    Object.entries(e).forEach(([n, l]) => {
+      this.renderers.has(n) || this.renderers.set(n, l);
     });
   }
   get(e) {
@@ -123,16 +123,16 @@ function H() {
   return D || (D = new Se()), D;
 }
 function U(t) {
-  return $({
-    props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
+  return R({
+    props: ["row", "col", "index", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
       return () => m(t, e);
     }
   });
 }
 function B(t) {
-  return $({
-    props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
+  return R({
+    props: ["row", "col", "index", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
       return () => t(e);
     }
@@ -174,115 +174,118 @@ function Ge(t, e) {
 }
 function v(t, e) {
   if (!(!t || !e))
-    return e.split(".").reduce((n, r) => n == null ? void 0 : n[r], t);
+    return e.split(".").reduce((n, l) => n == null ? void 0 : n[l], t);
 }
 function Y(t, e, n) {
   if (!t || !e) return;
-  const r = e.split("."), i = r.pop(), l = r.reduce((s, f) => (s[f] || (s[f] = {}), s[f]), t);
-  l[i] = n;
+  const l = e.split("."), i = l.pop(), r = l.reduce((s, d) => (s[d] || (s[d] = {}), s[d]), t);
+  r[i] = n;
 }
-const Ee = /* @__PURE__ */ $({
+const Ee = /* @__PURE__ */ R({
   __name: "input",
   props: {
     row: {},
     col: {},
+    index: {},
     onCellBlur: { type: Function },
     onCellEnter: { type: Function }
   },
   setup(t) {
     const e = t, n = L(v(e.row, e.col.key));
-    R(n, (l) => {
-      Y(e.row, e.col.key, l);
+    F(n, (r) => {
+      Y(e.row, e.col.key, r);
     });
-    const r = () => {
-      var l;
-      return (l = e.onCellBlur) == null ? void 0 : l.call(e, e.row, e.col);
+    const l = () => {
+      var r;
+      return (r = e.onCellBlur) == null ? void 0 : r.call(e, e.row, e.col);
     }, i = () => {
-      var l;
-      return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
+      var r;
+      return (r = e.onCellEnter) == null ? void 0 : r.call(e, e.row, e.col);
     };
-    return (l, s) => {
-      const f = O("el-input");
-      return y(), w(f, x({
+    return (r, s) => {
+      const d = O("el-input");
+      return y(), w(d, x({
         modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (d) => n.value = d)
+        "onUpdate:modelValue": s[0] || (s[0] = (f) => n.value = f)
       }, { placeholder: "", size: "small", clearable: !0, ...t.col.renderProps }, {
-        onBlur: r,
+        onBlur: l,
         onKeyup: J(i, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), Te = /* @__PURE__ */ $({
+}), Te = /* @__PURE__ */ R({
   __name: "inputNumber",
   props: {
     row: {},
     col: {},
+    index: {},
     onCellChange: { type: Function },
     onCellBlur: { type: Function },
     onCellEnter: { type: Function }
   },
   setup(t) {
     const e = t, n = L(v(e.row, e.col.key));
-    R(n, (l) => {
+    F(n, (r) => {
       var s;
-      Y(e.row, e.col.key, l), (s = e.onCellChange) == null || s.call(e, e.row, e.col);
+      Y(e.row, e.col.key, r), (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);
+    const l = () => {
+      var r;
+      return (r = e.onCellBlur) == null ? void 0 : r.call(e, e.row, e.col);
     }, i = () => {
-      var l;
-      return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
+      var r;
+      return (r = e.onCellEnter) == null ? void 0 : r.call(e, e.row, e.col);
     };
-    return (l, s) => {
-      const f = O("el-input-number");
-      return y(), w(f, x({
+    return (r, s) => {
+      const d = O("el-input-number");
+      return y(), w(d, x({
         modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (d) => n.value = d)
+        "onUpdate:modelValue": s[0] || (s[0] = (f) => n.value = f)
       }, { min: 0, max: 99999, controls: !1, size: "small", ...t.col.renderProps }, {
-        onBlur: r,
+        onBlur: l,
         onKeyup: J(i, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
-}), Ve = /* @__PURE__ */ $({
+}), Ve = /* @__PURE__ */ R({
   __name: "select",
   props: {
     row: {},
     col: {},
+    index: {},
     onCellChange: { type: Function },
     onCellBlur: { type: Function },
     onCellEnter: { type: Function }
   },
   setup(t) {
     const e = t, n = L(v(e.row, e.col.key));
-    R(n, (s) => {
+    F(n, (s) => {
       Y(e.row, e.col.key, s);
     });
-    const r = () => {
+    const l = () => {
       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 = () => {
+    }, r = () => {
       var s;
       return (s = e.onCellEnter) == null ? void 0 : s.call(e, e.row, e.col);
     };
-    return (s, f) => {
-      const d = O("el-option"), h = O("el-select");
+    return (s, d) => {
+      const f = O("el-option"), h = O("el-select");
       return y(), w(h, x({
         modelValue: n.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (k) => n.value = k)
+        "onUpdate:modelValue": d[0] || (d[0] = (k) => n.value = k)
       }, { placeholder: "请选择", size: "small", clearable: !0, ...t.col.renderProps }, {
-        onChange: r,
+        onChange: l,
         onBlur: i,
-        onKeyup: J(l, ["enter"])
+        onKeyup: J(r, ["enter"])
       }), {
         default: V(() => {
           var k;
           return [
-            (y(!0), A(F, null, M(((k = t.col.renderProps) == null ? void 0 : k.options) || [], (E) => (y(), w(d, {
+            (y(!0), A($, null, M(((k = t.col.renderProps) == null ? void 0 : k.options) || [], (E) => (y(), w(f, {
               key: E.value,
               label: E.label,
               value: E.value
@@ -293,24 +296,24 @@ const Ee = /* @__PURE__ */ $({
       }, 16, ["modelValue"]);
     };
   }
-}), Ae = U(Ee), Me = U(Te), Oe = U(Ve), Fe = B((t) => {
+}), Ae = U(Ee), Me = U(Te), Oe = U(Ve), $e = B((t) => {
   const e = t.col.renderProps || {}, n = v(t.row, t.col.key);
   return m(we, {
     type: e.type || "primary",
     ...e,
     onClick: () => {
-      var r;
-      return (r = t.onClick) == null ? void 0 : r.call(t, t.row, t.col);
+      var l;
+      return (l = t.onClick) == null ? void 0 : l.call(t, t.row, t.col);
     }
   }, () => e.label || n);
-}), Re = B((t) => {
+}), Fe = B((t) => {
   const e = t.col.renderProps || {}, n = v(t.row, t.col.key);
   return m("a", {
     href: e.href || "#",
     target: e.blank ? "_blank" : "_self",
     style: e.style || "color:#409EFF;cursor:pointer;"
   }, e.label || n);
-}), $e = B((t) => {
+}), Re = B((t) => {
   var n;
   const e = v(t.row, t.col.key);
   return m("div", {
@@ -319,7 +322,7 @@ const Ee = /* @__PURE__ */ $({
     ...((n = t.col) == null ? void 0 : n.renderProps) || {}
   });
 }), ze = B((t) => {
-  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps ?? {}, r = {
+  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps ?? {}, l = {
     position: "absolute",
     right: "-5px",
     top: "50%",
@@ -351,7 +354,7 @@ const Ee = /* @__PURE__ */ $({
       }, e),
       e && m("span", {
         class: "st_copy_btn",
-        style: r,
+        style: l,
         title: n.copyTitle || "复制",
         onClick: () => {
           if (e)
@@ -363,10 +366,10 @@ const Ee = /* @__PURE__ */ $({
                   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 r = document.createElement("textarea");
+                r.value = e, r.style.position = "fixed", r.style.opacity = "0", document.body.appendChild(r), r.select();
                 const s = document.execCommand("copy");
-                document.body.removeChild(l), s ? K.success(n.successText ?? "复制成功") : K.error(n.errorText ?? "复制失败");
+                document.body.removeChild(r), s ? K.success(n.successText ?? "复制成功") : K.error(n.errorText ?? "复制失败");
               }
             } catch {
               K.error(n.errorText ?? "复制失败");
@@ -379,10 +382,10 @@ const Ee = /* @__PURE__ */ $({
   );
 }), 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] : [];
+  const e = v(t.row, t.col.key) ?? "", n = ((s = t.col) == null ? void 0 : s.renderProps) || {}, i = e ? Array.isArray(e) ? e.filter((d) => d && typeof d == "string") : [e] : [];
   if (i.length === 0)
     return n.placeholder || "";
-  const l = {
+  const r = {
     width: n.width || "80px",
     height: n.height || "80px",
     marginRight: i.length > 1 ? "4px" : "0",
@@ -393,7 +396,7 @@ const Ee = /* @__PURE__ */ $({
     previewSrcList: n.previewSrcList || i,
     previewTeleported: !0,
     fit: n.fit || "contain",
-    style: l,
+    style: r,
     ...n
   }) : m(
     "div",
@@ -407,7 +410,7 @@ const Ee = /* @__PURE__ */ $({
         previewSrcList: n.previewSrcList || i,
         previewTeleported: !0,
         fit: n.fit || "contain",
-        style: l,
+        style: r,
         ...n
       }),
       i.length > 1 && m("span", {
@@ -418,26 +421,26 @@ const Ee = /* @__PURE__ */ $({
     ]
   );
 }), Le = B((t) => {
-  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, r = n.options ?? [], i = n.showValue ?? !1;
+  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, l = n.options ?? [], i = n.showValue ?? !1;
   if (e == null || e === "") return "";
-  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(
+  const r = Array.isArray(e) ? e.map(String) : [String(e)], s = l.filter((h) => r.includes(String(h.value))), d = r.filter((h) => !l.some((k) => String(k.value) === h)), f = s.map((h, k) => m(
     Ce,
     { key: h.value, type: h.listClass, class: h.cssClass, disableTransitions: !0 },
     { default: () => h.label + " " }
   ));
-  return i && f.length > 0 && d.push(m("span", {}, f.join(" "))), m("div", {}, d);
+  return i && d.length > 0 && f.push(m("span", {}, d.join(" "))), m("div", {}, f);
 }), Ie = B((t) => {
-  var r;
-  const e = v(t.row, t.col.key) ?? "", n = ((r = t.col.renderProps) == null ? void 0 : r.options) ?? {};
+  var l;
+  const e = v(t.row, t.col.key) ?? "", n = ((l = t.col.renderProps) == null ? void 0 : l.options) ?? {};
   return e != null ? n[e] ?? "" : "";
 });
 function Ne(t) {
   return typeof t.formatter == "function";
 }
 const We = B((t) => {
-  var i;
-  const { col: e, row: n } = t, r = v(t.row, t.col.key) ?? "";
-  return Ne(e) ? (i = e.formatter) == null ? void 0 : i.call(e, r, n) : r ?? "";
+  var r;
+  const { col: e, row: n, index: l } = t, i = v(t.row, t.col.key) ?? "";
+  return Ne(e) ? (r = e.formatter) == null ? void 0 : r.call(e, i, n, l) : i ?? "";
 }), Pe = B((t) => {
   const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {};
   return e ? /^https?:\/\//.test(e) ? m(q, {
@@ -460,9 +463,9 @@ const We = B((t) => {
   input: Ae,
   "input-number": Me,
   select: Oe,
-  button: Fe,
-  link: Re,
-  html: $e,
+  button: $e,
+  link: Fe,
+  html: Re,
   copy: ze,
   img: Ke,
   dict: Le,
@@ -476,7 +479,7 @@ function De(t) {
 function Qe() {
   return re;
 }
-const je = ["title"], Xe = /* @__PURE__ */ $({
+const je = ["title"], Xe = /* @__PURE__ */ R({
   __name: "index",
   props: {
     data: { type: Array, default: () => [] },
@@ -498,33 +501,33 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
     "cell-click"
   ],
   setup(t, { expose: e, emit: n }) {
-    const r = t, i = n, { columns: l } = xe(r.columns, {
-      cacheKey: r.cacheKey ?? ""
+    const l = t, i = n, { columns: r } = xe(l.columns, {
+      cacheKey: l.cacheKey ?? ""
     });
-    R(
-      l,
+    F(
+      r,
       (o) => i("update:columns", o),
       { deep: !0, immediate: !0 }
-    ), R(
-      () => r.data,
+    ), F(
+      () => l.data,
       (o) => {
-        o && l.value.forEach((a) => {
+        o && r.value.forEach((a) => {
           a.type === "operation" && (a.__rows = o);
         });
       },
       { deep: !0, immediate: !0 }
     );
     const s = S(
-      () => l.value.filter((o) => o.type === "selection")
-    ), f = S(
-      () => l.value.filter((o) => o.type === "index")
+      () => r.value.filter((o) => o.type === "selection")
     ), d = S(
-      () => l.value.filter((o) => o.type === "operation")
+      () => r.value.filter((o) => o.type === "index")
+    ), f = S(
+      () => r.value.filter((o) => o.type === "operation")
     ), h = S(
-      () => l.value.filter((o) => !(o.type === "selection" || o.type === "index" || o.type === "operation" || o.visible === !1))
+      () => r.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;
+      const a = (_ = l.pagination) == null ? void 0 : _.page, p = (z = l.pagination) == null ? void 0 : z.size;
       return a && p ? (a - 1) * p + o + 1 : o + 1;
     };
     De(H());
@@ -536,11 +539,11 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
       }), a;
     }), G = S(() => {
       const o = /* @__PURE__ */ new Map();
-      return d.value.forEach((a) => {
+      return f.value.forEach((a) => {
         const p = Be(
           a.buttons || [],
           a.maxbtn ?? 10,
-          r.permissions || []
+          l.permissions || []
         );
         o.set(a.key, p);
       }), o;
@@ -550,7 +553,7 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
     }, b = (o, a) => {
       const p = c(o);
       return p ? (o.buttons || []).length ? ((o.__rows || []).length, p.getVisibleButtons(a)) : [] : [];
-    }, I = () => d.value.filter((o) => {
+    }, I = () => f.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) => {
@@ -565,7 +568,7 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
     return e({
       tableRef: Q
     }), (o, a) => {
-      const p = O("el-table-column"), _ = O("el-button"), z = O("el-table"), ue = de("loading");
+      const p = O("el-table-column"), _ = O("el-button"), z = O("el-table"), ue = fe("loading");
       return me((y(), w(z, x({
         ref_key: "tableRef",
         ref: Q
@@ -575,11 +578,11 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
         class: "smart_table"
       }), ye({
         default: V(() => [
-          (y(!0), A(F, null, M(s.value, (u) => (y(), w(p, x({
+          (y(!0), A($, 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({
+          (y(!0), A($, null, M(d.value, (u) => (y(), w(p, x({
             key: "index",
             type: "index",
             label: u.label || "#",
@@ -590,7 +593,7 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
             ]),
             _: 1
           }, 16, ["label"]))), 128)),
-          (y(!0), A(F, null, M(I(), (u) => (y(), w(p, x({
+          (y(!0), A($, null, M(I(), (u) => (y(), w(p, x({
             key: u.key,
             label: u.label || "操作",
             align: "center"
@@ -599,7 +602,7 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
             width: g(u)
           }), {
             default: V(({ row: C }) => [
-              (y(!0), A(F, null, M(b(u, C), (T) => (y(), w(_, {
+              (y(!0), A($, null, M(b(u, C), (T) => (y(), w(_, {
                 key: T.label,
                 type: T.type || "primary",
                 link: "",
@@ -613,7 +616,7 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
             ]),
             _: 2
           }, 1040, ["label"]))), 128)),
-          (y(!0), A(F, null, M(h.value, (u) => (y(), w(p, x({
+          (y(!0), A($, null, M(h.value, (u) => (y(), w(p, x({
             key: u.key,
             label: u.label,
             align: "center"
@@ -628,11 +631,12 @@ const je = ["title"], Xe = /* @__PURE__ */ $({
                   key: 1,
                   row: C.row,
                   col: u,
+                  index: C.$index,
                   onCellChange: oe,
                   onCellBlur: ie,
                   onCellEnter: se,
                   onClick: ae
-                }, null, 40, ["row", "col"])) : (y(), A("span", {
+                }, null, 40, ["row", "col", "index"])) : (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) || ""),
@@ -697,10 +701,10 @@ class qe {
    * 深度合并配置
    */
   mergeConfig(e, n) {
-    const r = { ...e };
+    const l = { ...e };
     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;
+      n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) ? l[i] = this.mergeConfig(e[i] || {}, n[i]) : l[i] = n[i];
+    return l;
   }
 }
 let j = null;