@vtj/ui 0.8.88 → 0.8.89

package/dist/index.mjs

@@ -8,10 +8,10 @@ import { useRouter as gd, RouterView as Sb, useRoute as Sh, routeLocationKey as
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.88
+ * @version 0.8.89
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const NI = "0.8.88", Ob = {
+const NI = "0.8.89", Ob = {
   default: 14,
   small: 12,
   large: 18
@@ -1401,7 +1401,7 @@ const r1 = ["src"], sc = /* @__PURE__ */ nt({
       o,
       s,
       r
-    ), $ = t1(o, s, r, i), N = n1(o, s, r), B = o1(o, a);
+    ), $ = t1(o, s, r, i), N = n1(o, s, r), z = o1(o, a);
     id(async () => {
       o.modelValue && (await te(), l && r("open", l));
     });
@@ -1418,7 +1418,7 @@ const r1 = ["src"], sc = /* @__PURE__ */ nt({
       submit: D,
       cancel: P,
       close: O,
-      componentInstance: B
+      componentInstance: z
     }), (de, he) => o.modelValue ? (ve(), Ye(Fr, {
       key: 0,
       to: "body"
@@ -2438,15 +2438,15 @@ function k1(e, t, n, o, r) {
   }, D = () => {
     x(r.value);
   }, P = (K) => {
-    const J = s.value.find((z) => z.url === K.url || z.id === K.id);
+    const J = s.value.find((B) => B.url === K.url || B.id === K.id);
     J ? E(J) : (s.value.unshift(K), E(K));
   }, $ = async (K) => {
-    const { url: J = l.fullPath, icon: z, title: A } = K || {}, k = a[J], I = fh(), W = ph(J);
+    const { url: J = l.fullPath, icon: B, title: A } = K || {}, k = a[J], I = fh(), W = ph(J);
     return {
       id: I,
       name: W,
       url: J,
-      icon: z,
+      icon: B,
       title: A || b(l.path)?.title || "新建页签",
       closable: !0,
       menu: K,
@@ -2456,17 +2456,17 @@ function k1(e, t, n, o, r) {
     if (await ds.confirm("是否关闭页签", "提示", {
       type: "warning"
     }).catch(() => !1)) {
-      if (s.value = s.value.filter((z) => z.id !== K.id), w.value === K.id) {
-        const z = s.value[0];
-        x(z || r.value);
+      if (s.value = s.value.filter((B) => B.id !== K.id), w.value === K.id) {
+        const B = s.value[0];
+        x(B || r.value);
       }
       return K;
     }
-  }, B = (K) => {
-    const J = s.value.findIndex((z) => z.id === K.id);
+  }, z = (K) => {
+    const J = s.value.findIndex((B) => B.id === K.id);
     if (J >= 0) {
-      const z = s.value[J];
-      s.value.splice(J, 1, Object.assign(z, K));
+      const B = s.value[J];
+      s.value.splice(J, 1, Object.assign(B, K));
     }
   }, ae = async () => {
     if (!await ds.confirm("是否关闭全部页签", "提示", {
@@ -2478,10 +2478,10 @@ function k1(e, t, n, o, r) {
     if (!await ds.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch(() => !1)) return;
-    const J = s.value.filter((z) => z.id !== w.value);
-    return s.value = s.value.filter((z) => z.id === w.value), J;
+    const J = s.value.filter((B) => B.id !== w.value);
+    return s.value = s.value.filter((B) => B.id === w.value), J;
   }, he = (K) => {
-    const J = s.value.filter((z) => z.id !== K.id);
+    const J = s.value.filter((B) => B.id !== K.id);
     s.value = [K, ...J], E(K);
   }, Z = async () => {
     await te();
@@ -2489,8 +2489,8 @@ function k1(e, t, n, o, r) {
     if (K)
       w.value = r.value.id;
     else {
-      const z = await $(J);
-      P(z);
+      const B = await $(J);
+      P(B);
     }
     await te(), o.value = J || null;
   };
@@ -2501,7 +2501,7 @@ function k1(e, t, n, o, r) {
     currentTab: O,
     changeTab: x,
     removeTab: N,
-    updateTab: B,
+    updateTab: z,
     addTab: P,
     home: r,
     tabValue: w,
@@ -2523,7 +2523,7 @@ function $1(e) {
       const P = ph(D), $ = {
         name: P,
         setup() {
-          const N = X(() => o[D] || document.body), B = X(() => !o[D]), ae = X(() => !n.value.includes(P));
+          const N = X(() => o[D] || document.body), z = X(() => !o[D]), ae = X(() => !n.value.includes(P));
           return Qt(
             Tb,
             wr({ ...E })
@@ -2531,7 +2531,7 @@ function $1(e) {
             Fr,
             {
               to: N.value,
-              disabled: B.value
+              disabled: z.value
             },
             [h(x)]
           ) : null;
@@ -2619,9 +2619,9 @@ const LI = /* @__PURE__ */ nt({
       activeHome: P,
       removeAllTabs: $,
       removeOtherTabs: N,
-      dropdownTabs: B,
+      dropdownTabs: z,
       moveToShow: ae
-    } = k1(n, o, u, m, r), { createView: de, openDialog: he, refresh: Z, exclude: K, cleanCache: J, closeDialogs: z } = $1({
+    } = k1(n, o, u, m, r), { createView: de, openDialog: he, refresh: Z, exclude: K, cleanCache: J, closeDialogs: B } = $1({
       tabs: x,
       updateTab: E,
       isCurrentTab: D,
@@ -2630,10 +2630,10 @@ const LI = /* @__PURE__ */ nt({
       await O(ce) && await J([ce]);
     }, k = async () => {
       const ce = await $();
-      ce && (z(ce), await J(ce));
+      ce && (B(ce), await J(ce));
     }, I = async () => {
       const ce = await N();
-      ce && (z(ce), await J(ce));
+      ce && (B(ce), await J(ce));
     }, W = (ce) => {
       o("actionClick", ce);
     }, q = (ce, ke) => {
@@ -2721,7 +2721,7 @@ const LI = /* @__PURE__ */ nt({
                     onRefresh: F(Z)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
                   ot(w1, {
-                    tabs: F(B),
+                    tabs: F(z),
                     actions: n.actions,
                     theme: n.theme,
                     onCloseOtherTabs: I,
@@ -5588,8 +5588,8 @@ function o_(e) {
   const { showHeaderOverflow: s } = r, { showHeaderOverflow: c, minWidth: u } = n, m = f.isUndefined(c) || f.isNull(c) ? s : c, y = m === "title" || (m === !0 || m === "tooltip") || m === "ellipsis", _ = f.floor((f.toNumber(getComputedStyle(o).fontSize) || 14) * 1.6), w = su(o) + su(qr(o, ""));
   let O = _ + w;
   if (y) {
-    const x = su(qr(o, "--title>.vxe-cell--checkbox")), E = Kl(qr(o, ">.vxe-cell--required-icon")), D = Kl(qr(o, ">.vxe-cell--edit-icon")), P = Kl(qr(o, ">.vxe-cell-title-prefix-icon")), $ = Kl(qr(o, ">.vxe-cell-title-suffix-icon")), N = Kl(qr(o, ">.vxe-cell--sort")), B = Kl(qr(o, ">.vxe-cell--filter"));
-    O += x + E + D + P + $ + B + N;
+    const x = su(qr(o, "--title>.vxe-cell--checkbox")), E = Kl(qr(o, ">.vxe-cell--required-icon")), D = Kl(qr(o, ">.vxe-cell--edit-icon")), P = Kl(qr(o, ">.vxe-cell-title-prefix-icon")), $ = Kl(qr(o, ">.vxe-cell-title-suffix-icon")), N = Kl(qr(o, ">.vxe-cell--sort")), z = Kl(qr(o, ">.vxe-cell--filter"));
+    O += x + E + D + P + $ + z + N;
   }
   if (u) {
     const { refTableBody: x } = t.getRefMaps(), E = x.value, D = E ? E.$el : null;
@@ -6465,12 +6465,12 @@ const ci = nt({
       confirmFilter: s,
       resetFilter: u
     }, y = (O, x) => {
-      const { filterStore: E } = e, { column: D, multiple: P, maxHeight: $ } = E, { slots: N } = D, B = N ? N.filter : null, ae = Object.assign({}, o._currFilterParams, { $panel: b, $table: t });
-      if (B)
+      const { filterStore: E } = e, { column: D, multiple: P, maxHeight: $ } = E, { slots: N } = D, z = N ? N.filter : null, ae = Object.assign({}, o._currFilterParams, { $panel: b, $table: t });
+      if (z)
         return [
           h("div", {
             class: "vxe-table--filter-template"
-          }, t.callSlot(B, ae))
+          }, t.callSlot(z, ae))
         ];
       if (x && x.renderFilter)
         return [
@@ -6529,16 +6529,16 @@ const ci = nt({
         }))
       ];
     }, _ = () => {
-      const { filterStore: O } = e, { column: x, multiple: E } = O, D = l.value, P = i.value, $ = x.filterRender, N = $ ? at.renderer.get($.name) : null, B = !P && !O.isAllSelected && !O.isIndeterminate;
+      const { filterStore: O } = e, { column: x, multiple: E } = O, D = l.value, P = i.value, $ = x.filterRender, N = $ ? at.renderer.get($.name) : null, z = !P && !O.isAllSelected && !O.isIndeterminate;
       return E && (!N || N.showFilterFooter !== !1) ? [
         h("div", {
           class: "vxe-table--filter-footer"
         }, [
           h("button", {
             class: {
-              "is--disabled": B
+              "is--disabled": z
             },
-            disabled: B,
+            disabled: z,
             onClick: s
           }, D.confirmButtonText || T.i18n("vxe.table.confirmFilter")),
           h("button", {
@@ -6592,24 +6592,24 @@ const ci = nt({
             column: m,
             style: null
           }), b.options.forEach(($) => {
-            const { _checked: N, checked: B } = $;
-            $._checked = B, !B && N !== B && P && P({ option: $, column: m, $table: e });
+            const { _checked: N, checked: z } = $;
+            $._checked = z, !z && N !== z && P && P({ option: $, column: m, $table: e });
           }), this.checkFilterOptions(), b.visible = !0, C.filter = !0, te(() => {
-            const N = r.value.$el, B = l.value, ae = B ? B.$el : null;
+            const N = r.value.$el, z = l.value, ae = z ? z.$el : null;
             let de = 0, he = 0, Z = null, K = null;
             ae && (de = ae.offsetWidth, he = ae.offsetHeight, Z = ae.querySelector(".vxe-table--filter-header"), K = ae.querySelector(".vxe-table--filter-footer"));
-            const J = de / 2, z = 10, A = N.clientWidth - de - z;
+            const J = de / 2, B = 10, A = N.clientWidth - de - B;
             let k, I;
             const W = {
               top: `${y.offsetTop + y.offsetParent.offsetTop + y.offsetHeight + 8}px`
             };
             let q = null;
             if (he >= N.clientHeight && (q = Math.max(60, N.clientHeight - (K ? K.offsetHeight : 0) - (Z ? Z.offsetHeight : 0))), m.fixed === "left" ? k = y.offsetLeft + y.offsetParent.offsetLeft - J : m.fixed === "right" ? I = y.offsetParent.offsetWidth - y.offsetLeft + (y.offsetParent.offsetParent.offsetWidth - y.offsetParent.offsetLeft) - m.renderWidth - J : k = y.offsetLeft + y.offsetParent.offsetLeft - J - N.scrollLeft, k) {
-              const ce = _ + de - J + z - w;
-              ce > 0 && (k -= ce), W.left = `${Math.min(A, Math.max(z, k))}px`;
+              const ce = _ + de - J + B - w;
+              ce > 0 && (k -= ce), W.left = `${Math.min(A, Math.max(B, k))}px`;
             } else if (I) {
-              const ce = _ + de - J + z - w;
-              ce > 0 && (I += ce), W.right = `${Math.max(z, I)}px`;
+              const ce = _ + de - J + B - w;
+              ce > 0 && (I += ce), W.right = `${Math.max(B, I)}px`;
             }
             b.style = W, b.maxHeight = q;
           });
@@ -6891,8 +6891,8 @@ const L_ = ["closeMenu"], B_ = {
         $ ? b.preventDefault() : O && P && P.length && (_.options = P, e.preventEvent(b, "event.showMenu", _, () => {
           if (!D || D(_)) {
             b.preventDefault(), e.updateZindex();
-            const { scrollTop: N, scrollLeft: B, visibleHeight: ae, visibleWidth: de } = ol();
-            let he = b.clientY + N, Z = b.clientX + B;
+            const { scrollTop: N, scrollLeft: z, visibleHeight: ae, visibleWidth: de } = ol();
+            let he = b.clientY + N, Z = b.clientX + z;
             const K = () => {
               r._currMenuParams = _, Object.assign(w, {
                 visible: !0,
@@ -6907,14 +6907,14 @@ const L_ = ["closeMenu"], B_ = {
                 }
               }), te(() => {
                 const I = a.value.getRefMaps().refElem.value, W = I.clientHeight, q = I.clientWidth, { boundingTop: ce, boundingLeft: ke } = nr(I), xe = ce + W - ae, Ve = ke + q - de;
-                xe > -10 && (w.style.top = `${Math.max(N + 2, he - W - 2)}px`), Ve > -10 && (w.style.left = `${Math.max(B + 2, Z - q - 2)}px`);
+                xe > -10 && (w.style.top = `${Math.max(N + 2, he - W - 2)}px`), Ve > -10 && (w.style.left = `${Math.max(z + 2, Z - q - 2)}px`);
               });
-            }, { keyboard: J, row: z, column: A } = _;
-            J && z && A ? e.scrollToRow(z, A).then(() => {
-              const k = e.getCell(z, A);
+            }, { keyboard: J, row: B, column: A } = _;
+            J && B && A ? e.scrollToRow(B, A).then(() => {
+              const k = e.getCell(B, A);
               if (k) {
                 const { boundingTop: I, boundingLeft: W } = nr(k);
-                he = I + N + Math.floor(k.offsetHeight / 2), Z = W + B + Math.floor(k.offsetWidth / 2);
+                he = I + N + Math.floor(k.offsetHeight / 2), Z = W + z + Math.floor(k.offsetWidth / 2);
               }
               K();
             }) : K();
@@ -6966,7 +6966,7 @@ const L_ = ["closeMenu"], B_ = {
        * 快捷菜单事件处理
        */
       handleGlobalContextmenuEvent(b) {
-        const { mouseConfig: y, menuConfig: _ } = n, { editStore: w, ctxMenuStore: O } = o, { visibleColumn: x } = r, E = i.value, D = a.value, P = s.value, $ = u.value, N = l.value, { selected: B } = w, ae = ["header", "body", "footer"];
+        const { mouseConfig: y, menuConfig: _ } = n, { editStore: w, ctxMenuStore: O } = o, { visibleColumn: x } = r, E = i.value, D = a.value, P = s.value, $ = u.value, N = l.value, { selected: z } = w, ae = ["header", "body", "footer"];
         if (Ot(_)) {
           if (O.visible && D && Rt(b, D.getRefMaps().refElem.value).flag) {
             b.preventDefault();
@@ -6980,15 +6980,15 @@ const L_ = ["closeMenu"], B_ = {
                 he.row = Z.row, he.column = Z.column, C(b, de, he);
                 return;
               }
-            } else if (y && P.selected && B.row && B.column) {
-              he.row = B.row, he.column = B.column, C(b, de, he);
+            } else if (y && P.selected && z.row && z.column) {
+              he.row = z.row, he.column = z.column, C(b, de, he);
               return;
             }
           }
           for (let de = 0; de < ae.length; de++) {
             const he = ae[de], Z = Rt(b, N, `vxe-${he}--column`, (J) => J.parentNode.parentNode.parentNode.getAttribute("xid") === t), K = { type: he, $table: e, columns: x.slice(0), $event: b };
             if (Z.flag) {
-              const J = Z.targetElem, z = e.getColumnNode(J), A = z ? z.item : null;
+              const J = Z.targetElem, B = e.getColumnNode(J), A = B ? B.item : null;
               let k = `${he}-`;
               if (A && Object.assign(K, { column: A, columnIndex: e.getColumnIndex(A), cell: J }), he === "body") {
                 const W = e.getRowNode(J.parentNode), q = W ? W.item : null;
@@ -7010,9 +7010,9 @@ const L_ = ["closeMenu"], B_ = {
         b.preventDefault(), b.stopPropagation(), O.selected = y, O.selectChild = _, _ || (O.showChild = as(y), O.showChild && te(() => {
           const x = w.nextElementSibling;
           if (x) {
-            const { boundingTop: E, boundingLeft: D, visibleHeight: P, visibleWidth: $ } = nr(w), N = E + w.offsetHeight, B = D + w.offsetWidth;
+            const { boundingTop: E, boundingLeft: D, visibleHeight: P, visibleWidth: $ } = nr(w), N = E + w.offsetHeight, z = D + w.offsetWidth;
             let ae = "", de = "";
-            B + x.offsetWidth > $ - 10 && (ae = "auto", de = `${w.offsetWidth}px`);
+            z + x.offsetWidth > $ - 10 && (ae = "auto", de = `${w.offsetWidth}px`);
             let he = "", Z = "";
             N + x.offsetHeight > P - 10 && (he = "auto", Z = "0"), x.style.left = ae, x.style.right = de, x.style.top = he, x.style.bottom = Z;
           }
@@ -7065,11 +7065,11 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
       (D || P) && (x.mode === "row" ? O.forEach(($) => g(D, $)) : g(D, P));
     }
     function y(w, O) {
-      const { tableFullTreeData: x, afterFullData: E, fullDataRowIdData: D, fullAllDataRowIdData: P } = o, $ = s.value, { rowField: N, parentField: B, mapChildrenField: ae } = $, de = $.children || $.childrenField, he = O ? "push" : "unshift";
+      const { tableFullTreeData: x, afterFullData: E, fullDataRowIdData: D, fullAllDataRowIdData: P } = o, $ = s.value, { rowField: N, parentField: z, mapChildrenField: ae } = $, de = $.children || $.childrenField, he = O ? "push" : "unshift";
       w.forEach((Z) => {
-        const K = Z[B], J = Xe(e, Z), z = K ? f.findTree(x, (A) => K === A[N], { children: ae }) : null;
-        if (z) {
-          const { item: A } = z, k = P[Xe(e, A)], I = k ? k.level : 0;
+        const K = Z[z], J = Xe(e, Z), B = K ? f.findTree(x, (A) => K === A[N], { children: ae }) : null;
+        if (B) {
+          const { item: A } = B, k = P[Xe(e, A)], I = k ? k.level : 0;
           let W = A[de], q = A[ae];
           f.isArray(W) || (W = A[de] = []), f.isArray(q) || (q = A[de] = []), W[he](Z), q[he](Z);
           const ce = { row: Z, rowid: J, seq: -1, index: -1, _index: -1, $index: -1, items: W, parent: A, level: I + 1 };
@@ -7082,16 +7082,16 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
       });
     }
     const _ = (w, O, x) => {
-      const { treeConfig: E } = t, { mergeList: D, editStore: P } = n, { tableFullTreeData: $, afterFullData: N, tableFullData: B, fullDataRowIdData: ae, fullAllDataRowIdData: de } = o, he = s.value, { transform: Z, rowField: K, mapChildrenField: J } = he, z = he.children || he.childrenField;
+      const { treeConfig: E } = t, { mergeList: D, editStore: P } = n, { tableFullTreeData: $, afterFullData: N, tableFullData: z, fullDataRowIdData: ae, fullAllDataRowIdData: de } = o, he = s.value, { transform: Z, rowField: K, mapChildrenField: J } = he, B = he.children || he.childrenField;
       f.isArray(w) || (w = [w]);
-      const A = Kt(e.defineField(w.map((I) => Object.assign(E && Z ? { [J]: [], [z]: [] } : {}, I))));
+      const A = Kt(e.defineField(w.map((I) => Object.assign(E && Z ? { [J]: [], [B]: [] } : {}, I))));
       if (f.eqNull(O))
-        E && Z ? y(A, !1) : (N.unshift(...A), B.unshift(...A), D.forEach((I) => {
+        E && Z ? y(A, !1) : (N.unshift(...A), z.unshift(...A), D.forEach((I) => {
           const { row: W } = I;
           W > 0 && (I.row = W + A.length);
         }));
       else if (O === -1)
-        E && Z ? y(A, !0) : (N.push(...A), B.push(...A), D.forEach((I) => {
+        E && Z ? y(A, !0) : (N.push(...A), z.push(...A), D.forEach((I) => {
           const { row: W, rowspan: q } = I;
           W + q > N.length && (I.rowspan = q + A.length);
         }));
@@ -7107,7 +7107,7 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
             const j = { row: xe, rowid: je, seq: -1, index: -1, _index: -1, $index: -1, items: q, parent: W, level: ke + 1 };
             ae[je] = j, de[je] = j;
           }), W) {
-            const xe = f.findTree($, (Ve) => O[K] === Ve[K], { children: z });
+            const xe = f.findTree($, (Ve) => O[K] === Ve[K], { children: B });
             if (xe) {
               const Ve = xe.items;
               let je = xe.index;
@@ -7122,7 +7122,7 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
         let I = -1;
         if (f.isNumber(O) ? O < N.length && (I = O) : I = e.findRowIndexOf(N, O), x && (I = Math.min(N.length, I + 1)), I === -1)
           throw new Error(Cn("vxe.error.unableInsert"));
-        N.splice(I, 0, ...A), B.splice(e.findRowIndexOf(B, O), 0, ...A), D.forEach((W) => {
+        N.splice(I, 0, ...A), z.splice(e.findRowIndexOf(z, O), 0, ...A), D.forEach((W) => {
           const { row: q, rowspan: ce } = W;
           q > I ? W.row = q + A.length : q + ce > I && (W.rowspan = ce + A.length);
         });
@@ -7166,7 +7166,7 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * 如果为空则删除所有
        */
       remove(w) {
-        const { treeConfig: O } = t, { mergeList: x, editStore: E, selectCheckboxMaps: D } = n, { tableFullTreeData: P, afterFullData: $, tableFullData: N } = o, B = a.value, ae = s.value, { transform: de, mapChildrenField: he } = ae, Z = ae.children || ae.childrenField, { actived: K, removeMaps: J, insertMaps: z } = E, { checkField: A } = B;
+        const { treeConfig: O } = t, { mergeList: x, editStore: E, selectCheckboxMaps: D } = n, { tableFullTreeData: P, afterFullData: $, tableFullData: N } = o, z = a.value, ae = s.value, { transform: de, mapChildrenField: he } = ae, Z = ae.children || ae.childrenField, { actived: K, removeMaps: J, insertMaps: B } = E, { checkField: A } = z;
         let k = [];
         if (w ? f.isArray(w) || (w = [w]) : w = N, w.forEach((I) => {
           if (!e.isInsertByRow(I)) {
@@ -7203,7 +7203,7 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
           }), $.splice(q, 1));
         }), K.row && e.findRowIndexOf(w, K.row) > -1 && c.clearEdit(), w.forEach((I) => {
           const W = Xe(e, I);
-          z[W] && delete z[W];
+          B[W] && delete B[W];
         }), e.updateFooter(), e.cacheRowMap(), e.handleTableData(O && de), O && de || e.updateAfterDataIndex(), e.checkSelectionStatus(), n.scrollYLoad && e.updateScrollYSpace(), te().then(() => (e.updateCellAreas(), e.recalculate())).then(() => ({ row: k.length ? k[k.length - 1] : null, rows: k }));
       },
       /**
@@ -7369,25 +7369,25 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * 处理激活编辑
        */
       handleActived(w, O) {
-        const { editConfig: x, mouseConfig: E } = t, { editStore: D, tableColumn: P } = n, $ = i.value, { mode: N } = $, { actived: B, focused: ae } = D, { row: de, column: he } = w, { editRender: Z } = he, K = w.cell || e.getCell(de, he), J = $.beforeEditMethod || $.activeMethod;
+        const { editConfig: x, mouseConfig: E } = t, { editStore: D, tableColumn: P } = n, $ = i.value, { mode: N } = $, { actived: z, focused: ae } = D, { row: de, column: he } = w, { editRender: Z } = he, K = w.cell || e.getCell(de, he), J = $.beforeEditMethod || $.activeMethod;
         if (w.cell = K, K && Ot(x) && Ot(Z) && !e.hasPendingByRow(de)) {
-          if (B.row !== de || N === "cell" && B.column !== he) {
-            let z = "edit-disabled";
+          if (z.row !== de || N === "cell" && z.column !== he) {
+            let B = "edit-disabled";
             if (!J || J(Object.assign(Object.assign({}, w), { $table: e, $grid: e.xegrid }))) {
-              E && (c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea())), e.closeTooltip(), B.column && c.clearEdit(O), z = "edit-activated", he.renderHeight = K.offsetHeight, B.args = w, B.row = de, B.column = he, N === "row" ? P.forEach((k) => m(de, k)) : m(de, he);
+              E && (c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea())), e.closeTooltip(), z.column && c.clearEdit(O), B = "edit-activated", he.renderHeight = K.offsetHeight, z.args = w, z.row = de, z.column = he, N === "row" ? P.forEach((k) => m(de, k)) : m(de, he);
               const A = $.afterEditMethod;
               te(() => {
                 u.handleFocus(w, O), A && A(Object.assign(Object.assign({}, w), { $table: e, $grid: e.xegrid }));
               });
             }
-            e.dispatchEvent(z, {
+            e.dispatchEvent(B, {
               row: de,
               rowIndex: e.getRowIndex(de),
               $rowIndex: e.getVMRowIndex(de),
               column: he,
               columnIndex: e.getColumnIndex(he),
               $columnIndex: e.getVMColumnIndex(he)
-            }, O), z === "edit-activated" && e.dispatchEvent("edit-actived", {
+            }, O), B === "edit-activated" && e.dispatchEvent("edit-actived", {
               row: de,
               rowIndex: e.getRowIndex(de),
               $rowIndex: e.getVMRowIndex(de),
@@ -7396,12 +7396,12 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
               $columnIndex: e.getVMColumnIndex(he)
             }, O);
           } else {
-            const { column: z } = B;
-            if (E && (c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea())), z !== he) {
-              const { model: A } = z;
-              A.update && Cr(de, z, A.value), e.clearValidate && e.clearValidate(de, he);
+            const { column: B } = z;
+            if (E && (c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea())), B !== he) {
+              const { model: A } = B;
+              A.update && Cr(de, B, A.value), e.clearValidate && e.clearValidate(de, he);
             }
-            he.renderHeight = K.offsetHeight, B.args = w, B.column = he, setTimeout(() => {
+            he.renderHeight = K.offsetHeight, z.args = w, z.column = he, setTimeout(() => {
               u.handleFocus(w, O);
             });
           }
@@ -7416,12 +7416,12 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
         const { row: O, column: x, cell: E } = w, { editRender: D } = x;
         if (Ot(D)) {
           const P = cs.get(D.name);
-          let { autofocus: $, autoselect: N } = D, B;
-          if (!$ && P && ($ = P.autofocus), !N && P && (N = P.autoselect), f.isFunction($) ? B = $.call(this, w) : $ && (B = E.querySelector($), B && B.focus()), B) {
+          let { autofocus: $, autoselect: N } = D, z;
+          if (!$ && P && ($ = P.autofocus), !N && P && (N = P.autoselect), f.isFunction($) ? z = $.call(this, w) : $ && (z = E.querySelector($), z && z.focus()), z) {
             if (N)
-              B.select();
+              z.select();
             else if (bo.msie) {
-              const ae = B.createTextRange();
+              const ae = z.createTextRange();
               ae.collapse(!1), ae.select();
             }
           } else
@@ -7432,8 +7432,8 @@ const H_ = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * 处理选中源
        */
       handleSelected(w, O) {
-        const { mouseConfig: x } = t, { editStore: E } = n, D = l.value, P = i.value, { actived: $, selected: N } = E, { row: B, column: ae } = w, de = x && D.selected;
-        return de && (N.row !== B || N.column !== ae) && ($.row !== B || P.mode === "cell" && $.column !== ae) && (c.clearEdit(O), c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea()), N.args = w, N.row = B, N.column = ae, de && u.addCellSelectedClass(), e.focus(), O && e.dispatchEvent("cell-selected", w, O)), te();
+        const { mouseConfig: x } = t, { editStore: E } = n, D = l.value, P = i.value, { actived: $, selected: N } = E, { row: z, column: ae } = w, de = x && D.selected;
+        return de && (N.row !== z || N.column !== ae) && ($.row !== z || P.mode === "cell" && $.column !== ae) && (c.clearEdit(O), c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea()), N.args = w, N.row = z, N.column = ae, de && u.addCellSelectedClass(), e.focus(), O && e.dispatchEvent("cell-selected", w, O)), te();
       },
       addCellSelectedClass() {
         const { editStore: w } = n, { selected: O } = w, { row: x, column: E } = O;
@@ -7591,7 +7591,7 @@ const zn = nt({
       q && (W && (W.dataset.active = "N"), i.showPanel = !1, setTimeout(() => {
         (!W || W.dataset.active !== "Y") && (i.animatVisible = !1);
       }, 350), b.dispatchEvent("dropdown-click", { name: ce.getAttribute("name"), $event: k }, k));
-    }, B = () => {
+    }, z = () => {
       const k = u.value;
       k && (k.dataset.active = "Y", i.animatVisible = !0, setTimeout(() => {
         k.dataset.active === "Y" && (i.showPanel = !0, E(), D(), setTimeout(() => {
@@ -7601,7 +7601,7 @@ const zn = nt({
     }, ae = (k) => {
       const I = u.value;
       I && (I.dataset.active = "Y", i.inited || (i.inited = !0), a.showTime = setTimeout(() => {
-        I.dataset.active === "Y" ? B() : i.animatVisible = !1;
+        I.dataset.active === "Y" ? z() : i.animatVisible = !1;
       }, 250)), he(k);
     }, de = (k) => {
       K(), Z(k);
@@ -7618,7 +7618,7 @@ const zn = nt({
       }, 100)) : (i.animatVisible = !1, i.showPanel = !1);
     }, J = () => {
       K();
-    }, z = () => {
+    }, B = () => {
       const { content: k, icon: I, loading: W } = e, q = [];
       return W ? q.push(h("i", {
         class: ["vxe-button--loading-icon", T.icon.BUTTON_LOADING]
@@ -7676,7 +7676,7 @@ const zn = nt({
           onMouseenter: ae,
           onMouseleave: de,
           onClick: P
-        }, z().concat([
+        }, B().concat([
           h("i", {
             class: `vxe-button--dropdown-arrow ${T.icon.BUTTON_DROPDOWN}`
           })
@@ -7699,7 +7699,7 @@ const zn = nt({
               class: "vxe-button--dropdown-wrapper",
               onMousedown: $,
               onClick: N,
-              onMouseenter: B,
+              onMouseenter: z,
               onMouseleave: J
             }, ke && !j ? [] : n.dropdowns({}))
           ] : [])
@@ -7721,7 +7721,7 @@ const zn = nt({
         onClick: P,
         onMouseenter: he,
         onMouseleave: Z
-      }, z());
+      }, B());
     };
     return g.renderVN = A, g;
   },
@@ -7887,16 +7887,16 @@ const zn = nt({
     }, N = (se) => {
       const ie = "cancel";
       C.dispatchEvent(ie, { type: ie }, se), D(ie);
-    }, B = (se) => {
+    }, z = (se) => {
       const ie = T.version, ue = f.toStringJSON(localStorage.getItem(se) || "");
       return ue && ue._v === ie ? ue : { _v: ie };
     }, ae = () => {
       const { id: se, remember: ie, storage: ue, storageKey: ye } = e;
-      return !!(se && ie && ue && B(ye)[se]);
+      return !!(se && ie && ue && z(ye)[se]);
     }, de = () => {
       const { id: se, remember: ie, storage: ue, storageKey: ye } = e;
       if (se && ie && ue) {
-        const Se = B(ye)[se];
+        const Se = z(ye)[se];
         if (Se) {
           const we = y(), [ze, Je, Qe, Ke, Pe, Fe, ee, me] = Se.split(",");
           ze && (we.style.left = `${ze}px`), Je && (we.style.top = `${Je}px`), Qe && (we.style.width = `${Qe}px`), Ke && (we.style.height = `${Ke}px`), Pe && Fe && (i.zoomLocat = {
@@ -7912,7 +7912,7 @@ const zn = nt({
     }, Z = () => {
       const { id: se, remember: ie, storage: ue, storageKey: ye } = e, { zoomLocat: Se } = i;
       if (se && ie && ue) {
-        const we = y(), ze = B(ye);
+        const we = y(), ze = z(ye);
         ze[se] = [
           we.style.left,
           we.style.top,
@@ -7957,7 +7957,7 @@ const zn = nt({
           setTimeout(() => O(), 20);
         }), Je ? (i.firstOpen = !1, ae() ? de() : ze && te(() => K())) : ze && te(() => K());
       })), te();
-    }, z = (se) => {
+    }, B = (se) => {
       const ie = a.value;
       e.maskClosable && se.target === ie && D("mask");
     }, A = (se) => {
@@ -8172,7 +8172,7 @@ const zn = nt({
             zIndex: i.modalZindex,
             top: Fe ? `${Fe}px` : null
           },
-          onClick: z
+          onClick: B
         }, [
           h("div", {
             ref: s,
@@ -8332,7 +8332,7 @@ const br = 12, G_ = 20, Y_ = 8, kr = nt({
     }), O = X(() => ["number", "integer", "float"].indexOf(e.type) > -1), x = X(() => f.getSize(s.inputValue)), E = X(() => {
       const M = x.value;
       return e.maxlength && M > f.toNumber(e.maxlength);
-    }), D = X(() => w.value || ["date", "week", "month", "quarter", "year"].indexOf(e.type) > -1), P = X(() => e.type === "password"), $ = X(() => e.type === "search"), N = X(() => f.toInteger(e.digits) || 1), B = X(() => {
+    }), D = X(() => w.value || ["date", "week", "month", "quarter", "year"].indexOf(e.type) > -1), P = X(() => e.type === "password"), $ = X(() => e.type === "search"), N = X(() => f.toInteger(e.digits) || 1), z = X(() => {
       const { type: M } = e, oe = N.value, ge = e.step;
       return M === "integer" ? f.toInteger(ge) || 1 : M === "float" ? f.toNumber(ge) || 1 / Math.pow(10, oe) : f.toNumber(ge) || 1;
     }), ae = X(() => {
@@ -8347,7 +8347,7 @@ const br = 12, G_ = 20, Y_ = 8, kr = nt({
     }), J = X(() => {
       const M = K.value, oe = A.value;
       return M.map((ge) => f.toDateString(ge, oe));
-    }), z = X(() => {
+    }), B = X(() => {
       const M = K.value, oe = ke.value;
       return M.map((ge) => f.toDateString(ge, oe)).join(", ");
     }), A = X(() => {
@@ -8595,7 +8595,7 @@ const br = 12, G_ = 20, Y_ = 8, kr = nt({
       s.datePanelValue = Ge, s.datePanelLabel = dt;
     }, Vt = () => {
       const M = D.value, { inputValue: oe } = s;
-      M && (H(oe), s.inputValue = e.multiple ? z.value : s.datePanelLabel);
+      M && (H(oe), s.inputValue = e.multiple ? B.value : s.datePanelLabel);
     }, _t = () => {
       const { type: M } = e, { inputValue: oe } = s, ge = D.value, Ae = N.value;
       if (ge)
@@ -8605,7 +8605,7 @@ const br = 12, G_ = 20, Y_ = 8, kr = nt({
         oe !== et && Ee(et, { type: "init" });
       }
     }, Tt = (M) => e.max === null || f.toNumber(M) <= f.toNumber(e.max), gt = (M) => e.min === null || f.toNumber(M) >= f.toNumber(e.min), Bt = () => {
-      s.inputValue = e.multiple ? z.value : s.datePanelLabel;
+      s.inputValue = e.multiple ? B.value : s.datePanelLabel;
     }, Mt = (M) => {
       const oe = f.getWhatMonth(M, 0, "first");
       f.isEqual(oe, s.selectMonth) || (s.selectMonth = oe);
@@ -8669,7 +8669,7 @@ const br = 12, G_ = 20, Y_ = 8, kr = nt({
     }, an = (M) => {
       y.dispatchEvent("search-click", {}, M);
     }, En = (M, oe) => {
-      const { min: ge, max: Ae, type: et } = e, { inputValue: Ge } = s, dt = B.value, d = et === "integer" ? f.toInteger(Jl(Ge)) : f.toNumber(Jl(Ge)), p = M ? f.add(d, dt) : f.subtract(d, dt);
+      const { min: ge, max: Ae, type: et } = e, { inputValue: Ge } = s, dt = z.value, d = et === "integer" ? f.toInteger(Jl(Ge)) : f.toNumber(Jl(Ge)), p = M ? f.add(d, dt) : f.subtract(d, dt);
       let v;
       gt(p) ? Tt(p) ? v = p : v = Ae : v = ge, We(U(v), oe);
     };
@@ -9294,7 +9294,7 @@ const br = 12, G_ = 20, Y_ = 8, kr = nt({
         currentDate: null
       }), _t();
     }), tt(ke, () => {
-      D.value && (H(s.datePanelValue), s.inputValue = e.multiple ? z.value : s.datePanelLabel);
+      D.value && (H(s.datePanelValue), s.inputValue = e.multiple ? B.value : s.datePanelLabel);
     }), te(() => {
       St.on(b, "mousewheel", oa), St.on(b, "mousedown", na), St.on(b, "keydown", Tc), St.on(b, "blur", Hl);
     }), pn(() => {
@@ -9504,8 +9504,8 @@ const Nl = nt({
     const w = X(() => e.optionProps || {}), O = X(() => e.optionGroupProps || {}), x = X(() => w.value.label || "label"), E = X(() => w.value.value || "value"), D = X(() => O.value.label || "label"), P = X(() => O.value.options || "options"), $ = X(() => {
       const { modelValue: U, multiple: Q, max: Ee } = e;
       return Q && Ee ? (U ? U.length : 0) >= f.toNumber(Ee) : !1;
-    }), N = X(() => Object.assign({}, T.select.optionConfig, e.optionConfig)), B = X(() => s.fullGroupList.some((U) => U.options && U.options.length)), ae = X(() => f.toNumber(e.multiCharOverflow)), de = (U, Q) => U && (f.isString(U) && (U = n[U] || null), f.isFunction(U)) ? Xt(U(Q)) : [], he = (U) => {
-      const { fullOptionList: Q, fullGroupList: Ee } = s, We = B.value, Ue = E.value;
+    }), N = X(() => Object.assign({}, T.select.optionConfig, e.optionConfig)), z = X(() => s.fullGroupList.some((U) => U.options && U.options.length)), ae = X(() => f.toNumber(e.multiCharOverflow)), de = (U, Q) => U && (f.isString(U) && (U = n[U] || null), f.isFunction(U)) ? Xt(U(Q)) : [], he = (U) => {
+      const { fullOptionList: Q, fullGroupList: Ee } = s, We = z.value, Ue = E.value;
       if (We)
         for (let Ze = 0; Ze < Ee.length; Ze++) {
           const lt = Ee[Ze];
@@ -9533,14 +9533,14 @@ const Nl = nt({
         }).join(", ");
       }
       return Ee ? Z(U) : K(U);
-    }), z = () => N.value.keyField || e.optionId || "_X_OPTION_KEY", A = (U) => {
-      const Q = U[z()];
+    }), B = () => N.value.keyField || e.optionId || "_X_OPTION_KEY", A = (U) => {
+      const Q = U[B()];
       return Q ? encodeURIComponent(Q) : "";
     }, k = () => {
-      const { filterable: U, filterMethod: Q } = e, { fullOptionList: Ee, fullGroupList: We, searchValue: Ue } = s, Ze = B.value, lt = D.value, st = x.value;
+      const { filterable: U, filterMethod: Q } = e, { fullOptionList: Ee, fullGroupList: We, searchValue: Ue } = s, Ze = z.value, lt = D.value, st = x.value;
       return Ze ? U && Q ? s.visibleGroupList = We.filter((ut) => Xr(ut) && Q({ group: ut, option: null, searchValue: Ue })) : U ? s.visibleGroupList = We.filter((ut) => Xr(ut) && (!Ue || `${ut[lt]}`.indexOf(Ue) > -1)) : s.visibleGroupList = We.filter(Xr) : U && Q ? s.visibleOptionList = Ee.filter((ut) => Xr(ut) && Q({ group: null, option: ut, searchValue: Ue })) : U ? s.visibleOptionList = Ee.filter((ut) => Xr(ut) && (!Ue || `${ut[st]}`.indexOf(Ue) > -1)) : s.visibleOptionList = Ee.filter(Xr), te();
     }, I = () => {
-      const { fullOptionList: U, fullGroupList: Q } = s, Ee = P.value, We = z(), Ue = (Ze) => {
+      const { fullOptionList: U, fullGroupList: Q } = s, Ee = P.value, We = B(), Ue = (Ze) => {
         A(Ze) || (Ze[We] = q_());
       };
       Q.length ? Q.forEach((Ze) => {
@@ -9617,7 +9617,7 @@ const Nl = nt({
         s.isActivated = Rt(U, We).flag || Rt(U, Ue).flag, Ee && !s.isActivated && je();
       }
     }, se = (U, Q) => {
-      const { visibleOptionList: Ee, visibleGroupList: We } = s, Ue = B.value, Ze = E.value, lt = P.value;
+      const { visibleOptionList: Ee, visibleGroupList: We } = s, Ue = z.value, Ze = E.value, lt = P.value;
       let st, ut, rt, mt;
       if (Ue)
         for (let Pt = 0; Pt < We.length; Pt++) {
@@ -9690,7 +9690,7 @@ const Nl = nt({
       const { $event: Q } = U;
       Q.preventDefault(), s.visiblePanel ? je() : Ve();
     }, Fe = (U, Q, Ee) => !!(Q.disabled || Ee && Ee.disabled || $.value && !U), ee = (U, Q) => {
-      const { optionKey: Ee, modelValue: We, multiple: Ue } = e, { currentValue: Ze } = s, lt = N.value, st = x.value, ut = E.value, rt = B.value, { useKey: mt } = lt, Pt = n.option;
+      const { optionKey: Ee, modelValue: We, multiple: Ue } = e, { currentValue: Ze } = s, lt = N.value, st = x.value, ut = E.value, rt = z.value, { useKey: mt } = lt, Pt = n.option;
       return U.map((H, Vt) => {
         const { slots: _t, className: Tt } = H, gt = H[ut], Bt = Ue ? We && We.indexOf(gt) > -1 : We === gt, Mt = !rt || Xr(H), Gt = Fe(Bt, H, Q), Ft = A(H), zt = _t ? _t.default : null, en = { option: H, group: null, $select: y };
         return Mt ? h("div", {
@@ -9735,7 +9735,7 @@ const Nl = nt({
         ]);
       });
     }, De = () => {
-      const { visibleGroupList: U, visibleOptionList: Q, searchLoading: Ee } = s, We = B.value;
+      const { visibleGroupList: U, visibleOptionList: Q, searchLoading: Ee } = s, We = z.value;
       if (Ee)
         return [
           h("div", {
@@ -9916,34 +9916,34 @@ const Nl = nt({
       const { defaultOptions: $ } = e;
       return !$.original && ["xlsx"].indexOf($.type) > -1;
     }), g = ($) => {
-      const { storeData: N } = e, B = f.findTree(N.columns, (ae) => ae === $);
-      if (B && B.parent) {
-        const { parent: ae } = B;
+      const { storeData: N } = e, z = f.findTree(N.columns, (ae) => ae === $);
+      if (z && z.parent) {
+        const { parent: ae } = z;
         ae.children && ae.children.length && (ae.checked = ae.children.every((de) => de.checked), ae.halfChecked = !ae.checked && ae.children.some((de) => de.checked || de.halfChecked), g(ae));
       }
     }, C = () => {
       const { storeData: $ } = e, N = $.columns;
-      r.isAll = N.every((B) => B.disabled || B.checked), r.isIndeterminate = !r.isAll && N.some((B) => !B.disabled && (B.checked || B.halfChecked));
+      r.isAll = N.every((z) => z.disabled || z.checked), r.isIndeterminate = !r.isAll && N.some((z) => !z.disabled && (z.checked || z.halfChecked));
     }, b = ($) => {
       const N = !$.checked;
-      f.eachTree([$], (B) => {
-        B.checked = N, B.halfChecked = !1;
+      f.eachTree([$], (z) => {
+        z.checked = N, z.halfChecked = !1;
       }), g($), C();
     }, y = () => {
       const { storeData: $ } = e, N = !r.isAll;
-      f.eachTree($.columns, (B) => {
-        B.disabled || (B.checked = N, B.halfChecked = !1);
+      f.eachTree($.columns, (z) => {
+        z.disabled || (z.checked = N, z.halfChecked = !1);
       }), r.isAll = N, C();
     }, _ = () => {
       te(() => {
-        const $ = i.value, N = a.value, B = l.value, ae = $ || N || B;
+        const $ = i.value, N = a.value, z = l.value, ae = $ || N || z;
         ae && ae.focus();
       }), C();
     }, w = () => {
-      const { storeData: $, defaultOptions: N } = e, { hasMerge: B, columns: ae } = $, de = s.value, he = u.value, Z = f.searchTree(ae, (K) => K.checked, { children: "children", mapChildren: "childNodes", original: !0 });
+      const { storeData: $, defaultOptions: N } = e, { hasMerge: z, columns: ae } = $, de = s.value, he = u.value, Z = f.searchTree(ae, (K) => K.checked, { children: "children", mapChildren: "childNodes", original: !0 });
       return Object.assign({}, N, {
         columns: Z,
-        isMerge: B && he && de ? N.isMerge : !1
+        isMerge: z && he && de ? N.isMerge : !1
       });
     }, O = () => {
       const { storeData: $ } = e, N = o.value;
@@ -9963,10 +9963,10 @@ const Nl = nt({
       $.isPrint ? O() : x();
     };
     return () => {
-      const { defaultOptions: $, storeData: N } = e, { isAll: B, isIndeterminate: ae } = r, { hasTree: de, hasMerge: he, isPrint: Z, hasColgroup: K } = N, { isHeader: J } = $, z = [], A = s.value, k = c.value, I = u.value, W = m.value;
+      const { defaultOptions: $, storeData: N } = e, { isAll: z, isIndeterminate: ae } = r, { hasTree: de, hasMerge: he, isPrint: Z, hasColgroup: K } = N, { isHeader: J } = $, B = [], A = s.value, k = c.value, I = u.value, W = m.value;
       return f.eachTree(N.columns, (q) => {
         const ce = vn(q.getTitle(), 1), ke = q.children && q.children.length, xe = q.checked, Ve = q.halfChecked;
-        z.push(h("li", {
+        B.push(h("li", {
           class: ["vxe-export--panel-column-option", `level--${q.level}`, {
             "is--group": ke,
             "is--checked": xe,
@@ -10082,14 +10082,14 @@ const Nl = nt({
                       }, [
                         h("li", {
                           class: ["vxe-export--panel-column-option", {
-                            "is--checked": B,
+                            "is--checked": z,
                             "is--indeterminate": ae
                           }],
                           title: T.i18n("vxe.table.allTitle"),
                           onClick: y
                         }, [
                           h("span", {
-                            class: ["vxe-checkbox--icon", ae ? T.icon.TABLE_CHECKBOX_INDETERMINATE : B ? T.icon.TABLE_CHECKBOX_CHECKED : T.icon.TABLE_CHECKBOX_UNCHECKED]
+                            class: ["vxe-checkbox--icon", ae ? T.icon.TABLE_CHECKBOX_INDETERMINATE : z ? T.icon.TABLE_CHECKBOX_CHECKED : T.icon.TABLE_CHECKBOX_UNCHECKED]
                           }),
                           h("span", {
                             class: "vxe-checkbox--label"
@@ -10098,7 +10098,7 @@ const Nl = nt({
                       ]),
                       h("ul", {
                         class: "vxe-export--panel-column-body"
-                      }, z)
+                      }, B)
                     ])
                   ])
                 ]),
@@ -10972,7 +10972,7 @@ const sM = ["exportData", "importByFile", "importData", "saveFile", "readFile",
       }
       const Ke = !j && le ? `<script>(function(){var a=document.querySelector(".${ze}");if(a){a.indeterminate=true}})()<\/script>` : "";
       return Qe.push("</table>", Ke), Me ? Qe.join("") : e0(A, Qe.join(""));
-    }, B = (A, k, I) => {
+    }, z = (A, k, I) => {
       let W = [
         '<?xml version="1.0"?>',
         '<?mso-application progid="Excel.Sheet"?>',
@@ -11011,7 +11011,7 @@ const sM = ["exportData", "importByFile", "importData", "saveFile", "readFile",
           case "html":
             return N(A, k, I);
           case "xml":
-            return B(A, k, I);
+            return z(A, k, I);
         }
       return "";
     }, de = (A, k) => {
@@ -11139,7 +11139,7 @@ const sM = ["exportData", "importByFile", "importData", "saveFile", "readFile",
       }), Object.assign(pe, {
         mode: be.length ? "selected" : "current"
       }, ie), ye.indexOf(pe.mode) === -1 && (pe.mode = ye[0]), ue.indexOf(pe.type) === -1 && (pe.type = ue[0]), ce.export = !0, te();
-    }, z = {
+    }, B = {
       /**
        * 导出文件，支持 csv/html/xml/txt
        * 如果是树表格，则默认是导出所有节点
@@ -11256,7 +11256,7 @@ const sM = ["exportData", "importByFile", "importData", "saveFile", "readFile",
           print: !0
         });
         return I.sheetName || (I.sheetName = document.title), new Promise((W) => {
-          I.content ? W(Zu(e, I, I.content)) : W(z.exportData(I).then(({ content: q }) => Zu(e, I, q)));
+          I.content ? W(Zu(e, I, I.content)) : W(B.exportData(I).then(({ content: q }) => Zu(e, I, q)));
         });
       },
       openImport(A) {
@@ -11291,7 +11291,7 @@ const sM = ["exportData", "importByFile", "importData", "saveFile", "readFile",
         J(Object.assign({}, k, A), !0);
       }
     };
-    return z;
+    return B;
   },
   setupGrid(e) {
     return e.extendTableMethods(sM);
@@ -11357,16 +11357,16 @@ const dM = {
         const w = r.value, { elemStore: O } = o, x = C.clientX, E = C.clientY, D = O[`${y.fixed || "main"}-body-wrapper`] || O["main-body-wrapper"], P = D ? D.value : null;
         if (!P)
           return;
-        const $ = P.querySelector(".vxe-table--checkbox-range"), N = document.onmousemove, B = document.onmouseup, ae = _.parentNode, de = e.getCheckboxRecords();
+        const $ = P.querySelector(".vxe-table--checkbox-range"), N = document.onmousemove, z = document.onmouseup, ae = _.parentNode, de = e.getCheckboxRecords();
         let he = [];
-        const Z = 1, K = uM(C.target, P), J = K.offsetTop + C.offsetY, z = K.offsetLeft + C.offsetX, A = P.scrollTop, k = ae.offsetHeight;
+        const Z = 1, K = uM(C.target, P), J = K.offsetTop + C.offsetY, B = K.offsetLeft + C.offsetX, A = P.scrollTop, k = ae.offsetHeight;
         let I = null, W = !1, q = 1;
         const ce = (je, pe) => {
           e.dispatchEvent(`checkbox-range-${je}`, { records: e.getCheckboxRecords(), reserves: e.getCheckboxReserveRecords() }, pe);
         }, ke = (je) => {
           const { clientX: pe, clientY: j } = je, le = pe - x, fe = j - E + (P.scrollTop - A);
-          let be = Math.abs(fe), Me = Math.abs(le), se = J, ie = z;
-          fe < Z ? (se += fe, se < Z && (se = Z, be = J)) : be = Math.min(be, P.scrollHeight - J - Z), le < Z ? (ie += le, Me > z && (ie = Z, Me = z)) : Me = Math.min(Me, P.clientWidth - z - Z), $.style.height = `${be}px`, $.style.width = `${Me}px`, $.style.left = `${ie}px`, $.style.top = `${se}px`, $.style.display = "block";
+          let be = Math.abs(fe), Me = Math.abs(le), se = J, ie = B;
+          fe < Z ? (se += fe, se < Z && (se = Z, be = J)) : be = Math.min(be, P.scrollHeight - J - Z), le < Z ? (ie += le, Me > B && (ie = Z, Me = B)) : Me = Math.min(Me, P.clientWidth - B - Z), $.style.height = `${be}px`, $.style.width = `${Me}px`, $.style.left = `${ie}px`, $.style.top = `${se}px`, $.style.display = "block";
           const ue = c(b, ae, fe < Z ? -be : be);
           be > 10 && ue.length !== he.length && (he = ue, je.ctrlKey ? ue.forEach((ye) => {
             e.handleSelectRow({ row: ye }, de.indexOf(ye) === -1);
@@ -11386,7 +11386,7 @@ const dM = {
           const { clientY: pe } = je, { boundingTop: j } = nr(P);
           pe < j ? (W = !1, q = j - pe, I || Ve(je)) : pe > j + P.clientHeight ? (W = !0, q = pe - j - P.clientHeight, I || Ve(je)) : I && xe(), ke(je);
         }, document.onmouseup = (je) => {
-          xe(), go(w, "drag--range"), $.removeAttribute("style"), document.onmousemove = N, document.onmouseup = B, ce("end", je);
+          xe(), go(w, "drag--range"), $.removeAttribute("style"), document.onmousemove = N, document.onmouseup = z, ce("end", je);
         }, ce("start", C);
       }
     }, m = (C, b) => {
@@ -11400,8 +11400,8 @@ const dM = {
       moveTabSelected(C, b, y) {
         const { editConfig: _ } = t, { afterFullData: w, visibleColumn: O } = o, x = l.value;
         let E, D, P;
-        const $ = Object.assign({}, C), N = e.getVTRowIndex($.row), B = e.getVTColumnIndex($.column);
-        y.preventDefault(), b ? B <= 0 ? N > 0 && (D = N - 1, E = w[D], P = O.length - 1) : P = B - 1 : B >= O.length - 1 ? N < w.length - 1 && (D = N + 1, E = w[D], P = 0) : P = B + 1;
+        const $ = Object.assign({}, C), N = e.getVTRowIndex($.row), z = e.getVTColumnIndex($.column);
+        y.preventDefault(), b ? z <= 0 ? N > 0 && (D = N - 1, E = w[D], P = O.length - 1) : P = z - 1 : z >= O.length - 1 ? N < w.length - 1 && (D = N + 1, E = w[D], P = 0) : P = z + 1;
         const ae = O[P];
         ae && (E ? ($.rowIndex = D, $.row = E) : $.rowIndex = N, $.columnIndex = P, $.column = ae, $.cell = e.getCell($.row, $.column), _ ? (x.trigger === "click" || x.trigger === "dblclick") && (x.mode === "row" ? e.handleActived($, y) : e.scrollToRow($.row, $.column).then(() => e.handleSelected($, y))) : e.scrollToRow($.row, $.column).then(() => e.handleSelected($, y)));
       },
@@ -11505,7 +11505,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
       }
       return y;
     }, C = (y, _, w) => {
-      const O = {}, { editRules: x, treeConfig: E } = t, { afterFullData: D, visibleColumn: P } = o, $ = i.value, N = $.children || $.childrenField, B = l.value;
+      const O = {}, { editRules: x, treeConfig: E } = t, { afterFullData: D, visibleColumn: P } = o, $ = i.value, N = $.children || $.childrenField, z = l.value;
       let ae;
       y === !0 ? ae = D : y && (f.isFunction(y) ? _ = y : ae = f.isArray(y) ? y : [y]), ae || (e.getInsertRecords ? ae = e.getInsertRecords().concat(e.getUpdateRecords()) : ae = []);
       const de = [];
@@ -11514,9 +11514,9 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
       if (x) {
         const Z = e.getColumns(), K = (J) => {
           if (w || !u) {
-            const z = [];
+            const B = [];
             Z.forEach((A) => {
-              (w || !u) && f.has(x, A.property) && z.push(c.validCellRules("all", J, A).catch(({ rule: k, rules: I }) => {
+              (w || !u) && f.has(x, A.property) && B.push(c.validCellRules("all", J, A).catch(({ rule: k, rules: I }) => {
                 const W = {
                   rule: k,
                   rules: I,
@@ -11535,7 +11535,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
                 }, O[A.property].push(W), !w)
                   return u = !0, Promise.reject(W);
               }));
-            }), de.push(Promise.all(z));
+            }), de.push(Promise.all(B));
           }
         };
         return E ? f.eachTree(ae, K, { children: N }) : ae.forEach(K), Promise.all(de).then(() => {
@@ -11545,15 +11545,15 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
               return Promise.reject(O[J[0]][0]);
             _ && _();
           });
-        }).catch((J) => new Promise((z, A) => {
+        }).catch((J) => new Promise((B, A) => {
           const k = () => {
             te(() => {
-              _ ? (_(O), z()) : T.validToReject === "obsolete" ? A(O) : z(O);
+              _ ? (_(O), B()) : T.validToReject === "obsolete" ? A(O) : B(O);
             });
           }, I = () => {
             J.cell = e.getCell(J.row, J.column), Iv(J.cell), m(J).then(k);
           };
-          if (B.autoPos === !1)
+          if (z.autoPos === !1)
             k();
           else {
             const W = J.row, q = J.column, ce = D.indexOf(W), ke = P.indexOf(q), xe = ce > 0 ? D[ce - 1] : W, Ve = ke > 0 ? P[ke - 1] : q;
@@ -11587,19 +11587,19 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
         if (E.length && D.length)
           P = Object.assign({}, w), E.forEach(($) => {
             D.forEach((N) => {
-              const B = `${Xe(e, $)}:${N.id}`;
-              P[B] && delete P[B];
+              const z = `${Xe(e, $)}:${N.id}`;
+              P[z] && delete P[z];
             });
           });
         else if (E.length) {
           const $ = E.map((N) => `${Xe(e, N)}`);
-          f.each(w, (N, B) => {
-            $.indexOf(B.split(":")[0]) > -1 && (P[B] = N);
+          f.each(w, (N, z) => {
+            $.indexOf(z.split(":")[0]) > -1 && (P[z] = N);
           });
         } else if (D.length) {
           const $ = D.map((N) => `${N.id}`);
-          f.each(w, (N, B) => {
-            $.indexOf(B.split(":")[1]) > -1 && (P[B] = N);
+          f.each(w, (N, z) => {
+            $.indexOf(z.split(":")[1]) > -1 && (P[z] = N);
           });
         }
         return n.validErrorMaps = P, te();
@@ -11630,13 +11630,13 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
           const $ = f.get(x, E);
           if ($) {
             const N = f.isUndefined(O) ? f.get(_, E) : O;
-            $.forEach((B) => {
-              const { type: ae, trigger: de, required: he, validator: Z } = B;
+            $.forEach((z) => {
+              const { type: ae, trigger: de, required: he, validator: Z } = z;
               if (y === "all" || !de || y === de)
                 if (Z) {
                   const K = {
                     cellValue: N,
-                    rule: B,
+                    rule: z,
                     rules: $,
                     row: _,
                     rowIndex: e.getRowIndex(_),
@@ -11648,17 +11648,17 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
                   };
                   let J;
                   if (f.isString(Z)) {
-                    const z = at.validators.get(Z);
-                    z && z.cellValidatorMethod && (J = z.cellValidatorMethod(K));
+                    const B = at.validators.get(Z);
+                    B && B.cellValidatorMethod && (J = B.cellValidatorMethod(K));
                   } else
                     J = Z(K);
-                  J && (f.isError(J) ? (u = !0, D.push(new ti({ type: "custom", trigger: de, content: J.message, rule: new ti(B) }))) : J.catch && P.push(J.catch((z) => {
-                    u = !0, D.push(new ti({ type: "custom", trigger: de, content: z && z.message ? z.message : B.content || B.message, rule: new ti(B) }));
+                  J && (f.isError(J) ? (u = !0, D.push(new ti({ type: "custom", trigger: de, content: J.message, rule: new ti(z) }))) : J.catch && P.push(J.catch((B) => {
+                    u = !0, D.push(new ti({ type: "custom", trigger: de, content: B && B.message ? B.message : z.content || z.message, rule: new ti(z) }));
                   })));
                 } else {
                   const K = ae === "array", J = f.isArray(N);
-                  let z = !0;
-                  K || J ? z = !J || !N.length : f.isString(N) ? z = zo(N.trim()) : z = zo(N), (he ? z || b(B, N) : !z && b(B, N)) && (u = !0, D.push(new ti(B)));
+                  let B = !0;
+                  K || J ? B = !J || !N.length : f.isString(N) ? B = zo(N.trim()) : B = zo(N), (he ? B || b(z, N) : !B && b(z, N)) && (u = !0, D.push(new ti(z)));
                 }
             });
           }
@@ -11688,9 +11688,9 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
           if (c.hasCellRules(y, P, $))
             return c.validCellRules(y, P, $).then(() => {
               E.mode === "row" && s.clearValidate(P, $);
-            }).catch(({ rule: B }) => {
-              if (!B.trigger || y === B.trigger) {
-                const ae = { rule: B, row: P, column: $, cell: N };
+            }).catch(({ rule: z }) => {
+              if (!z.trigger || y === z.trigger) {
+                const ae = { rule: z, row: P, column: $, cell: N };
                 return c.showValidTooltip(ae), Promise.reject(ae);
               }
               return Promise.resolve();
@@ -11702,7 +11702,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
        * 弹出校验错误提示
        */
       showValidTooltip(y) {
-        const { height: _ } = t, { tableData: w, validStore: O, validErrorMaps: x } = n, { rule: E, row: D, column: P, cell: $ } = y, N = l.value, B = r.value, ae = E.content;
+        const { height: _ } = t, { tableData: w, validStore: O, validErrorMaps: x } = n, { rule: E, row: D, column: P, cell: $ } = y, N = l.value, z = r.value, ae = E.content;
         return O.visible = !0, N.msgMode === "single" ? n.validErrorMaps = {
           [`${Xe(e, D)}:${P.id}`]: {
             column: P,
@@ -11717,7 +11717,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
             rule: E,
             content: ae
           }
-        }), e.dispatchEvent("valid-error", y, null), B && B && (N.message === "tooltip" || N.message === "default" && !_ && w.length < 2) ? B.open($, ae) : te();
+        }), e.dispatchEvent("valid-error", y, null), z && z && (N.message === "tooltip" || N.message === "default" && !_ && w.length < 2) ? z.open($, ae) : te();
       }
     }, Object.assign(Object.assign({}, s), c);
   },
@@ -11774,9 +11774,9 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
     const m = () => {
       const { tipTarget: $, tipStore: N } = i;
       if ($) {
-        const { scrollTop: B, scrollLeft: ae, visibleWidth: de } = ol(), { top: he, left: Z } = nr($), K = a.value, J = 6, z = K.offsetHeight, A = K.offsetWidth;
-        let k = Z, I = he - z - J;
-        k = Math.max(J, Z + Math.floor(($.offsetWidth - A) / 2)), k + A + J > ae + de && (k = ae + de - A - J), he - z < B + J && (N.placement = "bottom", I = he + $.offsetHeight + J), N.style.top = `${I}px`, N.style.left = `${k}px`, N.arrowStyle.left = `${Z - k + $.offsetWidth / 2}px`;
+        const { scrollTop: z, scrollLeft: ae, visibleWidth: de } = ol(), { top: he, left: Z } = nr($), K = a.value, J = 6, B = K.offsetHeight, A = K.offsetWidth;
+        let k = Z, I = he - B - J;
+        k = Math.max(J, Z + Math.floor(($.offsetWidth - A) / 2)), k + A + J > ae + de && (k = ae + de - A - J), he - B < z + J && (N.placement = "bottom", I = he + $.offsetHeight + J), N.style.top = `${I}px`, N.style.left = `${k}px`, N.arrowStyle.left = `${Z - k + $.offsetWidth / 2}px`;
       }
     }, g = ($) => {
       $ !== i.visible && (i.visible = $, i.isUpdate = !0, o("update:modelValue", $));
@@ -11787,17 +11787,17 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
     }, y = () => {
       u.open();
     }, _ = () => {
-      const { trigger: $, enterable: N, leaveDelay: B } = e;
+      const { trigger: $, enterable: N, leaveDelay: z } = e;
       i.tipActive = !1, N && $ === "hover" ? setTimeout(() => {
         i.tipActive || u.close();
-      }, B) : u.close();
+      }, z) : u.close();
     }, w = () => {
       i.tipActive = !0;
     }, O = () => {
-      const { trigger: $, enterable: N, leaveDelay: B } = e;
+      const { trigger: $, enterable: N, leaveDelay: z } = e;
       i.tipActive = !1, N && $ === "hover" && setTimeout(() => {
         i.tipActive || u.close();
-      }, B);
+      }, z);
     }, x = () => {
       const { tipStore: $ } = i, N = a.value;
       return N && (N.parentNode || document.body.appendChild(N)), g(!0), C(), $.placement = "top", $.style = { width: "auto", left: 0, top: 0, zIndex: e.zIndex || i.tipZindex }, $.arrowStyle = { left: "50%" }, u.updatePlacement();
@@ -11805,8 +11805,8 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
       i.tipActive && x();
     }, e.enterDelay, { leading: !1, trailing: !0 });
     u = {
-      dispatchEvent($, N, B) {
-        o($, Object.assign({ $tooltip: c, $event: B }, N));
+      dispatchEvent($, N, z) {
+        o($, Object.assign({ $tooltip: c, $event: z }, N));
       },
       open($, N) {
         return u.toVisible($ || i.target, N);
@@ -11820,8 +11820,8 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
       },
       toVisible($, N) {
         if ($) {
-          const { trigger: B, enterDelay: ae } = e;
-          if (i.tipActive = !0, i.tipTarget = $, N && (i.tipContent = N), ae && B === "hover")
+          const { trigger: z, enterDelay: ae } = e;
+          if (i.tipActive = !0, i.tipTarget = $, N && (i.tipContent = N), ae && z === "hover")
             E();
           else
             return x();
@@ -11847,7 +11847,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
       i.isUpdate || (e.modelValue ? u.open() : u.close()), i.isUpdate = !1;
     }), un(() => {
       te(() => {
-        const { trigger: $, content: N, modelValue: B } = e, ae = a.value;
+        const { trigger: $, content: N, modelValue: z } = e, ae = a.value;
         if (ae) {
           const de = ae.parentNode;
           if (de) {
@@ -11855,23 +11855,23 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
               K > 1 && (de.insertBefore(Z, ae), i.target || (i.target = Z));
             }), de.removeChild(ae);
             const { target: he } = i;
-            he && ($ === "hover" ? (he.onmouseenter = y, he.onmouseleave = _) : $ === "click" && (he.onclick = b)), B && u.open();
+            he && ($ === "hover" ? (he.onmouseenter = y, he.onmouseleave = _) : $ === "click" && (he.onclick = b)), z && u.open();
           }
         }
       });
     }), ad(() => {
-      const { trigger: $ } = e, { target: N } = i, B = a.value;
-      if (N && ($ === "hover" ? (N.onmouseenter = null, N.onmouseleave = null) : $ === "click" && (N.onclick = null)), B) {
-        const ae = B.parentNode;
-        ae && ae.removeChild(B);
+      const { trigger: $ } = e, { target: N } = i, z = a.value;
+      if (N && ($ === "hover" ? (N.onmouseenter = null, N.onmouseleave = null) : $ === "click" && (N.onclick = null)), z) {
+        const ae = z.parentNode;
+        ae && ae.removeChild(z);
       }
     });
     const D = () => {
-      const { useHTML: $ } = e, { tipContent: N } = i, B = n.content;
-      return B ? h("div", {
+      const { useHTML: $ } = e, { tipContent: N } = i, z = n.content;
+      return z ? h("div", {
         key: 1,
         class: "vxe-table--tooltip-content"
-      }, Xt(B({}))) : $ ? h("div", {
+      }, Xt(z({}))) : $ ? h("div", {
         key: 2,
         class: "vxe-table--tooltip-content",
         innerHTML: N
@@ -11880,9 +11880,9 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
         class: "vxe-table--tooltip-content"
       }, vn(N));
     }, P = () => {
-      const { popupClassName: $, theme: N, isArrow: B, enterable: ae } = e, { tipActive: de, visible: he, tipStore: Z } = i, K = n.default, J = l.value;
-      let z;
-      return ae && (z = {
+      const { popupClassName: $, theme: N, isArrow: z, enterable: ae } = e, { tipActive: de, visible: he, tipStore: Z } = i, K = n.default, J = l.value;
+      let B;
+      return ae && (B = {
         onMouseenter: w,
         onMouseleave: O
       }), h("div", Object.assign({ ref: a, class: ["vxe-table--tooltip-wrapper", `theme--${N}`, $ ? f.isFunction($) ? $({ $tooltip: c }) : $ : "", {
@@ -11890,9 +11890,9 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
         [`placement--${Z.placement}`]: Z.placement,
         "is--enterable": ae,
         "is--visible": he,
-        "is--arrow": B,
+        "is--arrow": z,
         "is--active": de
-      }], style: Z.style }, z), [
+      }], style: Z.style }, B), [
         D(),
         h("div", {
           class: "vxe-table--tooltip-arrow",
@@ -11917,66 +11917,66 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
   setup(e) {
     const t = xt("$xetable", {}), { reactData: n } = t, { computeCustomOpts: o, computeColumnOpts: r, computeIsMaxFixedColumn: l } = t.getComputeMaps(), i = Ce(), a = Ce(), s = Ce(), c = Ce();
     let u;
-    const m = (z) => {
+    const m = (B) => {
       const { customStore: A } = e;
-      A.activeWrapper = !0, t.customOpenEvent(z);
-    }, g = (z) => {
+      A.activeWrapper = !0, t.customOpenEvent(B);
+    }, g = (B) => {
       const { customStore: A } = e;
       A.activeWrapper = !1, setTimeout(() => {
-        !A.activeBtn && !A.activeWrapper && t.customColseEvent(z);
+        !A.activeBtn && !A.activeWrapper && t.customColseEvent(B);
       }, 300);
-    }, C = (z) => {
-      B(), t.closeCustom(), t.emitCustomEvent("confirm", z);
-    }, b = (z) => {
-      t.closeCustom(), t.emitCustomEvent("cancel", z);
-    }, y = (z) => {
-      t.resetColumn(!0), t.closeCustom(), t.emitCustomEvent("reset", z);
-    }, _ = (z) => {
+    }, C = (B) => {
+      z(), t.closeCustom(), t.emitCustomEvent("confirm", B);
+    }, b = (B) => {
+      t.closeCustom(), t.emitCustomEvent("cancel", B);
+    }, y = (B) => {
+      t.resetColumn(!0), t.closeCustom(), t.emitCustomEvent("reset", B);
+    }, _ = (B) => {
       at.modal ? at.modal.confirm({
         content: T.i18n("vxe.custom.cstmConfirmRestore"),
         className: "vxe-table--ignore-clear",
         escClosable: !0
       }).then((A) => {
-        A === "confirm" && y(z);
-      }) : y(z);
-    }, w = (z) => {
-      const { customColumnList: A } = n, k = f.findTree(A, (I) => I === z);
+        A === "confirm" && y(B);
+      }) : y(B);
+    }, w = (B) => {
+      const { customColumnList: A } = n, k = f.findTree(A, (I) => I === B);
       if (k && k.parent) {
         const { parent: I } = k;
         I.children && I.children.length && (I.visible = I.children.every((W) => W.visible), I.halfVisible = !I.visible && I.children.some((W) => W.visible || W.halfVisible), w(I));
       }
-    }, O = (z) => {
-      const A = !z.visible, k = o.value;
-      f.eachTree([z], (I) => {
+    }, O = (B) => {
+      const A = !B.visible, k = o.value;
+      f.eachTree([B], (I) => {
         I.visible = A, I.halfVisible = !1;
-      }), w(z), k.immediate && t.handleCustom(), t.checkCustomStatus();
-    }, x = (z, A) => {
+      }), w(B), k.immediate && t.handleCustom(), t.checkCustomStatus();
+    }, x = (B, A) => {
       const k = l.value;
-      z.fixed === A ? t.clearColumnFixed(z) : (!k || z.fixed) && t.setColumnFixed(z, A);
-    }, E = (z) => {
-      l.value || t.setColumnFixed(z, z.fixed);
+      B.fixed === A ? t.clearColumnFixed(B) : (!k || B.fixed) && t.setColumnFixed(B, A);
+    }, E = (B) => {
+      l.value || t.setColumnFixed(B, B.fixed);
     }, D = () => {
-      const { customStore: z } = e, { customColumnList: A } = n, k = o.value, { checkMethod: I } = k, W = !z.isAll;
+      const { customStore: B } = e, { customColumnList: A } = n, k = o.value, { checkMethod: I } = k, W = !B.isAll;
       f.eachTree(A, (q) => {
         (!I || I({ column: q })) && (q.visible = W, q.halfVisible = !1);
-      }), z.isAll = W, t.checkCustomStatus();
-    }, P = (z) => {
-      const I = z.currentTarget.parentNode.parentNode, W = I.getAttribute("colid"), q = t.getColumnById(W);
+      }), B.isAll = W, t.checkCustomStatus();
+    }, P = (B) => {
+      const I = B.currentTarget.parentNode.parentNode, W = I.getAttribute("colid"), q = t.getColumnById(W);
       I.draggable = !0, c.value = q, Er(I, "active--drag-origin");
-    }, $ = (z) => {
-      const I = z.currentTarget.parentNode.parentNode, W = s.value;
+    }, $ = (B) => {
+      const I = B.currentTarget.parentNode.parentNode, W = s.value;
       I.draggable = !1, c.value = null, go(I, "active--drag-origin"), W && (W.style.display = "");
-    }, N = (z) => {
+    }, N = (B) => {
       const A = new Image();
-      z.dataTransfer && z.dataTransfer.setDragImage(A, 0, 0);
-    }, B = () => {
-      const { customColumnList: z } = n;
-      z.forEach((A, k) => {
+      B.dataTransfer && B.dataTransfer.setDragImage(A, 0, 0);
+    }, z = () => {
+      const { customColumnList: B } = n;
+      B.forEach((A, k) => {
         const I = k + 1;
         A.renderSortNumber = I;
       });
-    }, ae = (z) => {
-      const { customColumnList: A } = n, k = z.currentTarget, I = s.value;
+    }, ae = (B) => {
+      const { customColumnList: A } = n, k = B.currentTarget, I = s.value;
       if (u) {
         if (u !== k) {
           const W = u.getAttribute("drag-pos"), q = k.getAttribute("colid"), ce = t.getColumnById(q);
@@ -11991,25 +11991,25 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
         }
         u.draggable = !1, u.removeAttribute("drag-pos"), go(u, "active--drag-target");
       }
-      c.value = null, k.draggable = !1, k.removeAttribute("drag-pos"), I && (I.style.display = ""), go(k, "active--drag-target"), go(k, "active--drag-origin"), B();
-    }, de = (z) => {
-      const A = z.currentTarget;
+      c.value = null, k.draggable = !1, k.removeAttribute("drag-pos"), I && (I.style.display = ""), go(k, "active--drag-target"), go(k, "active--drag-origin"), z();
+    }, de = (B) => {
+      const A = B.currentTarget;
       u !== A && go(u, "active--drag-target");
       const k = A.getAttribute("colid"), I = t.getColumnById(k);
       if (I && I.level === 1) {
-        z.preventDefault();
-        const q = z.clientY - A.getBoundingClientRect().y < A.clientHeight / 2 ? "top" : "bottom";
+        B.preventDefault();
+        const q = B.clientY - A.getBoundingClientRect().y < A.clientHeight / 2 ? "top" : "bottom";
         Er(A, "active--drag-target"), A.setAttribute("drag-pos", q), u = A;
       }
-      he(z);
-    }, he = (z) => {
+      he(B);
+    }, he = (B) => {
       const A = s.value, k = a.value;
       if (k && A) {
         const I = k.parentNode, W = I.getBoundingClientRect();
-        A.style.display = "block", A.style.top = `${Math.min(I.clientHeight - I.scrollTop - A.clientHeight, z.clientY - W.y)}px`, A.style.left = `${Math.min(I.clientWidth - I.scrollLeft - A.clientWidth - 16, z.clientX - W.x)}px`;
+        A.style.display = "block", A.style.top = `${Math.min(I.clientHeight - I.scrollTop - A.clientHeight, B.clientY - W.y)}px`, A.style.left = `${Math.min(I.clientWidth - I.scrollLeft - A.clientWidth - 16, B.clientX - W.x)}px`;
       }
     }, Z = () => {
-      const { customStore: z } = e, { customColumnList: A } = n, k = o.value, { maxHeight: I } = z, { checkMethod: W, visibleMethod: q, trigger: ce } = k, ke = l.value, xe = [], Ve = {};
+      const { customStore: B } = e, { customColumnList: A } = n, k = o.value, { maxHeight: I } = B, { checkMethod: W, visibleMethod: q, trigger: ce } = k, ke = l.value, xe = [], Ve = {};
       ce === "hover" && (Ve.onMouseenter = m, Ve.onMouseleave = g), f.eachTree(A, (j, le, fe, be, Me) => {
         if (q ? q({ column: j }) : !0) {
           const ie = j.visible, ue = j.halfVisible, ye = j.children && j.children.length, Se = vn(j.getTitle(), 1), we = W ? !W({ column: j }) : !1;
@@ -12064,12 +12064,12 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
           ]));
         }
       });
-      const je = z.isAll, pe = z.isIndeterminate;
+      const je = B.isAll, pe = B.isIndeterminate;
       return h("div", {
         ref: i,
         key: "simple",
         class: ["vxe-table-custom-wrapper", {
-          "is--active": z.visible
+          "is--active": B.visible
         }]
       }, [
         h("ul", {
@@ -12112,7 +12112,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
         ]) : null
       ]);
     }, K = () => {
-      const { customStore: z } = e, { customColumnList: A } = n, k = o.value, { checkMethod: I, visibleMethod: W } = k, q = r.value, ce = l.value, ke = [];
+      const { customStore: B } = e, { customColumnList: A } = n, k = o.value, { checkMethod: I, visibleMethod: W } = k, q = r.value, ce = l.value, ke = [];
       return f.eachTree(A, (xe, Ve, je, pe, j) => {
         if (W ? W({ column: xe }) : !0) {
           const fe = xe.visible, be = xe.halfVisible, Me = vn(xe.getTitle(), 1), se = xe.children && xe.children.length, ie = I ? !I({ column: xe }) : !1;
@@ -12190,7 +12190,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
       }), h(rl, {
         key: "popup",
         className: "vxe-table-custom-popup-wrapper vxe-table--ignore-clear",
-        modelValue: z.visible,
+        modelValue: B.visible,
         title: T.i18n("vxe.custom.cstmTitle"),
         width: "40vw",
         minWidth: 520,
@@ -12203,7 +12203,7 @@ const pM = ["fullValidate", "validate", "clearValidate"], mM = {
         escClosable: !0,
         destroyOnClose: !0,
         "onUpdate:modelValue"(xe) {
-          z.visible = xe;
+          B.visible = xe;
         }
       }, {
         default: () => h("div", {
@@ -12497,20 +12497,20 @@ const bt = {
    */
   renderTreeIcon(e, t) {
     const { $table: n, isHidden: o } = e, { reactData: r } = n, { computeTreeOpts: l } = n.getComputeMaps(), { treeExpandedMaps: i, treeExpandLazyLoadedMaps: a } = r, s = l.value, { row: c, column: u, level: m } = e, { slots: g } = u, { indent: C, lazy: b, trigger: y, iconLoaded: _, showIcon: w, iconOpen: O, iconClose: x } = s, E = s.children || s.childrenField, D = s.hasChild || s.hasChildField, P = c[E], $ = g ? g.icon : null;
-    let N = !1, B = !1, ae = !1;
+    let N = !1, z = !1, ae = !1;
     const de = {};
     if ($)
       return n.callSlot($, e);
     if (!o) {
       const he = Xe(n, c);
-      B = !!i[he], b && (ae = !!a[he], N = c[D]);
+      z = !!i[he], b && (ae = !!a[he], N = c[D]);
     }
     return (!y || y === "default") && (de.onClick = (he) => {
       he.stopPropagation(), n.triggerTreeExpandEvent(he, e);
     }), [
       h("div", {
         class: ["vxe-cell--tree-node", {
-          "is--active": B
+          "is--active": z
         }],
         style: {
           paddingLeft: `${m * C}px`
@@ -12519,7 +12519,7 @@ const bt = {
         w && (P && P.length || N) ? [
           h("div", Object.assign({ class: "vxe-tree--btn-wrapper" }, de), [
             h("i", {
-              class: ["vxe-tree--node-btn", ae ? _ || T.icon.TABLE_TREE_LOADED : B ? O || T.icon.TABLE_TREE_OPEN : x || T.icon.TABLE_TREE_CLOSE]
+              class: ["vxe-tree--node-btn", ae ? _ || T.icon.TABLE_TREE_LOADED : z ? O || T.icon.TABLE_TREE_OPEN : x || T.icon.TABLE_TREE_CLOSE]
             })
           ])
         ] : null,
@@ -12621,12 +12621,12 @@ const bt = {
     const E = !b || b({ row: n });
     let D = !!C, P;
     if (!r) {
-      const B = Xe(t, n);
-      x = !!s[B], P = {
+      const z = Xe(t, n);
+      x = !!s[z], P = {
         onClick(ae) {
           !D && E && (ae.stopPropagation(), t.triggerCheckRowEvent(ae, e, !x));
         }
-      }, C && (D = !C({ row: n })), a && (O = !!c[B]);
+      }, C && (D = !C({ row: n })), a && (O = !!c[z]);
     }
     const $ = Object.assign(Object.assign({}, e), { checked: x, disabled: D, visible: E, indeterminate: O });
     if (w)
@@ -12664,10 +12664,10 @@ const bt = {
     const N = Object.assign(Object.assign({}, e), { checked: E, disabled: P, visible: D, indeterminate: x });
     if (O)
       return t.callSlot(O, N);
-    const B = [];
-    return D && (B.push(h("span", {
+    const z = [];
+    return D && (z.push(h("span", {
       class: ["vxe-checkbox--icon", x ? T.icon.TABLE_CHECKBOX_INDETERMINATE : E ? T.icon.TABLE_CHECKBOX_CHECKED : T.icon.TABLE_CHECKBOX_UNCHECKED]
-    })), (w || m) && B.push(h("span", {
+    })), (w || m) && z.push(h("span", {
       class: "vxe-checkbox--label"
     }, w ? t.callSlot(w, N) : f.get(n, m)))), [
       h("span", Object.assign({ class: ["vxe-cell--checkbox", {
@@ -12675,7 +12675,7 @@ const bt = {
         "is--disabled": P,
         "is--indeterminate": y && !E ? n[y] : x,
         "is--hidden": !D
-      }] }, $), B)
+      }] }, $), z)
     ];
   },
   renderTreeSelectionCellByProp(e) {
@@ -13030,7 +13030,7 @@ const os = "body", TM = {
     fixedType: { type: String, default: null }
   },
   setup(e) {
-    const t = xt("$xetable", {}), n = xt("xesize", null), { xID: o, props: r, context: l, reactData: i, internalData: a } = t, { refTableHeader: s, refTableBody: c, refTableFooter: u, refTableLeftBody: m, refTableRightBody: g, refValidTooltip: C } = t.getRefMaps(), { computeEditOpts: b, computeMouseOpts: y, computeSYOpts: _, computeEmptyOpts: w, computeKeyboardOpts: O, computeTooltipOpts: x, computeRadioOpts: E, computeExpandOpts: D, computeTreeOpts: P, computeCheckboxOpts: $, computeValidOpts: N, computeRowOpts: B, computeColumnOpts: ae } = t.getComputeMaps(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), z = Ce(), A = Ce(), k = () => {
+    const t = xt("$xetable", {}), n = xt("xesize", null), { xID: o, props: r, context: l, reactData: i, internalData: a } = t, { refTableHeader: s, refTableBody: c, refTableFooter: u, refTableLeftBody: m, refTableRightBody: g, refValidTooltip: C } = t.getRefMaps(), { computeEditOpts: b, computeMouseOpts: y, computeSYOpts: _, computeEmptyOpts: w, computeKeyboardOpts: O, computeTooltipOpts: x, computeRadioOpts: E, computeExpandOpts: D, computeTreeOpts: P, computeCheckboxOpts: $, computeValidOpts: N, computeRowOpts: z, computeColumnOpts: ae } = t.getComputeMaps(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), B = Ce(), A = Ce(), k = () => {
       if (n) {
         const ye = n.value;
         if (ye)
@@ -13072,7 +13072,7 @@ const os = "body", TM = {
         ])
       ] : [];
     }, ke = (ye, Se, we, ze, Je, Qe, Ke, Pe, Fe, ee, me, De) => {
-      const { columnKey: $e, height: U, showOverflow: Q, cellClassName: Ee, cellStyle: We, align: Ue, spanMethod: Ze, mouseConfig: lt, editConfig: st, editRules: ut, tooltipConfig: rt } = r, { tableData: mt, overflowX: Pt, scrollYLoad: H, currentColumn: Vt, mergeList: _t, editStore: Tt, isAllOverflow: gt, validErrorMaps: Bt } = i, { afterFullData: Mt } = a, Gt = N.value, Ft = $.value, zt = b.value, en = x.value, an = B.value, En = _.value, mn = ae.value, { type: hn, cellRender: Dn, editRender: tn, align: on, showOverflow: rn, className: bn, treeNode: Nn, slots: yn } = Fe, { actived: Qn } = Tt, { rHeight: Eo } = En, { height: No } = an, dl = tn || Dn, Br = dl ? at.renderer.get(dl.name) : null, zl = Br ? Br.cellClassName : "", fl = Br ? Br.cellStyle : "", eo = en.showAll, Mn = t.getColumnIndex(Fe), So = t.getVTColumnIndex(Fe), To = Ot(tn);
+      const { columnKey: $e, height: U, showOverflow: Q, cellClassName: Ee, cellStyle: We, align: Ue, spanMethod: Ze, mouseConfig: lt, editConfig: st, editRules: ut, tooltipConfig: rt } = r, { tableData: mt, overflowX: Pt, scrollYLoad: H, currentColumn: Vt, mergeList: _t, editStore: Tt, isAllOverflow: gt, validErrorMaps: Bt } = i, { afterFullData: Mt } = a, Gt = N.value, Ft = $.value, zt = b.value, en = x.value, an = z.value, En = _.value, mn = ae.value, { type: hn, cellRender: Dn, editRender: tn, align: on, showOverflow: rn, className: bn, treeNode: Nn, slots: yn } = Fe, { actived: Qn } = Tt, { rHeight: Eo } = En, { height: No } = an, dl = tn || Dn, Br = dl ? at.renderer.get(dl.name) : null, zl = Br ? Br.cellClassName : "", fl = Br ? Br.cellStyle : "", eo = en.showAll, Mn = t.getColumnIndex(Fe), So = t.getVTColumnIndex(Fe), To = Ot(tn);
       let Po = we ? Fe.fixed !== we : Fe.fixed && Pt;
       const pr = f.isUndefined(rn) || f.isNull(rn) ? Q : rn;
       let qo = pr === "ellipsis";
@@ -13162,7 +13162,7 @@ const os = "body", TM = {
         height: ko && (Eo || No) ? `${Eo || No}px` : ""
       }, f.isFunction(fl) ? fl(Tn) : fl, f.isFunction(We) ? We(Tn) : We) }), Xo), mr);
     }, xe = (ye, Se, we) => {
-      const { stripe: ze, rowKey: Je, highlightHoverRow: Qe, rowClassName: Ke, rowStyle: Pe, showOverflow: Fe, editConfig: ee, treeConfig: me } = r, { hasFixedColumn: De, treeExpandedMaps: $e, scrollYLoad: U, rowExpandedMaps: Q, expandColumn: Ee, selectRadioRow: We, pendingRowMaps: Ue, pendingRowList: Ze } = i, { fullAllDataRowIdData: lt } = a, st = $.value, ut = E.value, rt = P.value, mt = b.value, Pt = B.value, { transform: H } = rt, Vt = rt.children || rt.childrenField, _t = [];
+      const { stripe: ze, rowKey: Je, highlightHoverRow: Qe, rowClassName: Ke, rowStyle: Pe, showOverflow: Fe, editConfig: ee, treeConfig: me } = r, { hasFixedColumn: De, treeExpandedMaps: $e, scrollYLoad: U, rowExpandedMaps: Q, expandColumn: Ee, selectRadioRow: We, pendingRowMaps: Ue, pendingRowList: Ze } = i, { fullAllDataRowIdData: lt } = a, st = $.value, ut = E.value, rt = P.value, mt = b.value, Pt = z.value, { transform: H } = rt, Vt = rt.children || rt.childrenField, _t = [];
       return Se.forEach((Tt, gt) => {
         const Bt = {};
         let Mt = gt;
@@ -13224,7 +13224,7 @@ const os = "body", TM = {
         Ya(we), Ya(ze), i.lastScrollTime = Date.now();
       }, 300));
     }, pe = (ye) => {
-      const { fixedType: Se } = e, { highlightHoverRow: we } = r, { scrollXLoad: ze, scrollYLoad: Je } = i, { elemStore: Qe, lastScrollTop: Ke, lastScrollLeft: Pe } = a, Fe = B.value, ee = s.value, me = c.value, De = u.value, $e = m.value, U = g.value, Q = C.value, Ee = de.value, We = ee ? ee.$el : null, Ue = De ? De.$el : null, Ze = me.$el, lt = $e ? $e.$el : null, st = U ? U.$el : null, ut = Qe["main-body-ySpace"], rt = ut ? ut.value : null, mt = Qe["main-body-xSpace"], Pt = mt ? mt.value : null, H = Je && rt ? rt.clientHeight : Ze.clientHeight, Vt = ze && Pt ? Pt.clientWidth : Ze.clientWidth;
+      const { fixedType: Se } = e, { highlightHoverRow: we } = r, { scrollXLoad: ze, scrollYLoad: Je } = i, { elemStore: Qe, lastScrollTop: Ke, lastScrollLeft: Pe } = a, Fe = z.value, ee = s.value, me = c.value, De = u.value, $e = m.value, U = g.value, Q = C.value, Ee = de.value, We = ee ? ee.$el : null, Ue = De ? De.$el : null, Ze = me.$el, lt = $e ? $e.$el : null, st = U ? U.$el : null, ut = Qe["main-body-ySpace"], rt = ut ? ut.value : null, mt = Qe["main-body-xSpace"], Pt = mt ? mt.value : null, H = Je && rt ? rt.clientHeight : Ze.clientHeight, Vt = ze && Pt ? Pt.clientWidth : Ze.clientWidth;
       let _t = Ee.scrollTop;
       const Tt = Ze.scrollLeft, gt = Tt !== Pe, Bt = _t !== Ke;
       a.lastScrollTop = _t, a.lastScrollLeft = Tt, i.lastScrollTime = Date.now(), (Fe.isHover || we) && t.clearHoverRow(), lt && Se === "left" ? (_t = lt.scrollTop, je(Se, _t, Ze, st)) : st && Se === "right" ? (_t = st.scrollTop, je(Se, _t, Ze, lt)) : (gt && (We && (We.scrollLeft = Ze.scrollLeft), Ue && (Ue.scrollLeft = Ze.scrollLeft)), (lt || st) && (t.checkScrolling(), Bt && je(Se, _t, lt, st))), ze && gt && t.triggerScrollXEvent(ye), Je && Bt && t.triggerScrollYEvent(ye), gt && Q && Q.reactData.visible && Q.updatePlacement(), t.dispatchEvent("scroll", {
@@ -13265,7 +13265,7 @@ const os = "body", TM = {
       };
       ut();
     }, ie = (ye) => {
-      const { deltaY: Se, deltaX: we } = ye, { highlightHoverRow: ze } = r, { scrollYLoad: Je } = i, { lastScrollTop: Qe, lastScrollLeft: Ke } = a, Pe = B.value, Fe = c.value, ee = de.value, me = Fe.$el, De = Se, $e = we, U = De < 0;
+      const { deltaY: Se, deltaX: we } = ye, { highlightHoverRow: ze } = r, { scrollYLoad: Je } = i, { lastScrollTop: Qe, lastScrollLeft: Ke } = a, Pe = z.value, Fe = c.value, ee = de.value, me = Fe.$el, De = Se, $e = we, U = De < 0;
       if (U ? ee.scrollTop <= 0 : ee.scrollTop >= ee.scrollHeight - ee.clientHeight)
         return;
       const Q = ee.scrollTop + De, Ee = me.scrollLeft + $e, We = Ee !== Ke, Ue = Q !== Qe;
@@ -13274,7 +13274,7 @@ const os = "body", TM = {
     return un(() => {
       te(() => {
         const { fixedType: ye } = e, { elemStore: Se } = a, we = `${ye || "main"}-body-`, ze = de.value;
-        Se[`${we}wrapper`] = de, Se[`${we}table`] = he, Se[`${we}colgroup`] = Z, Se[`${we}list`] = K, Se[`${we}xSpace`] = J, Se[`${we}ySpace`] = z, Se[`${we}emptyBlock`] = A, ze && (ze.onscroll = pe, ze._onscroll = pe);
+        Se[`${we}wrapper`] = de, Se[`${we}table`] = he, Se[`${we}colgroup`] = Z, Se[`${we}list`] = K, Se[`${we}xSpace`] = J, Se[`${we}ySpace`] = B, Se[`${we}emptyBlock`] = A, ze && (ze.onscroll = pe, ze._onscroll = pe);
       });
     }), ad(() => {
       const ye = de.value;
@@ -13300,7 +13300,7 @@ const os = "body", TM = {
           class: "vxe-body--x-space"
         }),
         h("div", {
-          ref: z,
+          ref: B,
           class: "vxe-body--y-space"
         }),
         h("table", {
@@ -13381,11 +13381,11 @@ const os = "body", TM = {
       const { isGroup: P } = r;
       g.value = P ? t_(e.tableGroupColumn) : [];
     }, E = (P, $) => {
-      const { column: N } = $, { fixedType: B } = e, ae = a.value, de = s.value, he = c.value, Z = u.value, { clientX: K } = P, J = C.value, z = P.target, A = $.cell = z.parentNode;
+      const { column: N } = $, { fixedType: z } = e, ae = a.value, de = s.value, he = c.value, Z = u.value, { clientX: K } = P, J = C.value, B = P.target, A = $.cell = B.parentNode;
       let k = 0;
-      const I = ae.$el, W = QD(z, J), q = z.clientWidth, ce = Math.floor(q / 2), ke = o_($) - ce;
+      const I = ae.$el, W = QD(B, J), q = B.clientWidth, ce = Math.floor(q / 2), ke = o_($) - ce;
       let xe = W.left - A.clientWidth + q + ke, Ve = W.left + ce;
-      const je = document.onmousemove, pe = document.onmouseup, j = B === "left", le = B === "right", fe = i.value;
+      const je = document.onmousemove, pe = document.onmouseup, j = z === "left", le = z === "right", fe = i.value;
       let be = 0;
       if (j || le) {
         const se = j ? "nextElementSibling" : "previousElementSibling";
@@ -13398,7 +13398,7 @@ const os = "body", TM = {
         se.stopPropagation(), se.preventDefault();
         const ie = se.clientX - K;
         let ue = Ve + ie;
-        const ye = B ? 0 : I.scrollLeft;
+        const ye = z ? 0 : I.scrollLeft;
         j ? ue = Math.min(ue, (he ? he.offsetLeft : I.clientWidth) - be - ke) : le ? (xe = (de ? de.clientWidth : 0) + be + ke, ue = Math.min(ue, Ve + A.clientWidth - ke)) : xe = Math.max(I.scrollLeft, xe), k = Math.max(ue, xe), Z.style.left = `${k - ye}px`;
       };
       r._isResize = !0, Er(fe, "drag--resize"), Z.style.display = "block", document.onmousemove = Me, document.onmouseup = function(se) {
@@ -13411,16 +13411,16 @@ const os = "body", TM = {
     };
     return tt(() => e.tableColumn, x), un(() => {
       te(() => {
-        const { fixedType: P } = e, { internalData: $ } = t, { elemStore: N } = $, B = `${P || "main"}-header-`;
-        N[`${B}wrapper`] = C, N[`${B}table`] = b, N[`${B}colgroup`] = y, N[`${B}list`] = _, N[`${B}xSpace`] = w, N[`${B}repair`] = O, x();
+        const { fixedType: P } = e, { internalData: $ } = t, { elemStore: N } = $, z = `${P || "main"}-header-`;
+        N[`${z}wrapper`] = C, N[`${z}table`] = b, N[`${z}colgroup`] = y, N[`${z}list`] = _, N[`${z}xSpace`] = w, N[`${z}repair`] = O, x();
       });
     }), pn(() => {
-      const { fixedType: P } = e, { internalData: $ } = t, { elemStore: N } = $, B = `${P || "main"}-header-`;
-      N[`${B}wrapper`] = null, N[`${B}table`] = null, N[`${B}colgroup`] = null, N[`${B}list`] = null, N[`${B}xSpace`] = null, N[`${B}repair`] = null;
+      const { fixedType: P } = e, { internalData: $ } = t, { elemStore: N } = $, z = `${P || "main"}-header-`;
+      N[`${z}wrapper`] = null, N[`${z}table`] = null, N[`${z}colgroup`] = null, N[`${z}list`] = null, N[`${z}xSpace`] = null, N[`${z}repair`] = null;
     }), () => {
-      const { fixedType: P, fixedColumn: $, tableColumn: N } = e, { resizable: B, border: ae, columnKey: de, headerRowClassName: he, headerCellClassName: Z, headerRowStyle: K, headerCellStyle: J, showHeaderOverflow: z, headerAlign: A, align: k, mouseConfig: I } = o, { isGroup: W, currentColumn: q, scrollXLoad: ce, overflowX: ke, scrollbarWidth: xe } = r, { visibleColumn: Ve } = l, je = m.value;
+      const { fixedType: P, fixedColumn: $, tableColumn: N } = e, { resizable: z, border: ae, columnKey: de, headerRowClassName: he, headerCellClassName: Z, headerRowStyle: K, headerCellStyle: J, showHeaderOverflow: B, headerAlign: A, align: k, mouseConfig: I } = o, { isGroup: W, currentColumn: q, scrollXLoad: ce, overflowX: ke, scrollbarWidth: xe } = r, { visibleColumn: Ve } = l, je = m.value;
       let pe = g.value, j = N;
-      return W ? j = Ve : (P && (ce || z) && (j = $), pe = [j]), h("div", {
+      return W ? j = Ve : (P && (ce || B) && (j = $), pe = [j]), h("div", {
         ref: C,
         class: ["vxe-table--header-wrapper", P ? `fixed-${P}--wrapper` : "body--wrapper"],
         xid: n
@@ -13459,7 +13459,7 @@ const os = "body", TM = {
             class: ["vxe-header--row", he ? f.isFunction(he) ? he({ $table: t, $rowIndex: fe, fixed: P, type: mu }) : he : ""],
             style: K ? f.isFunction(K) ? K({ $table: t, $rowIndex: fe, fixed: P, type: mu }) : K : null
           }, le.map((be, Me) => {
-            const { type: se, showHeaderOverflow: ie, headerAlign: ue, align: ye, headerClassName: Se } = be, we = be.children && be.children.length, ze = P ? be.fixed !== P && !we : !!be.fixed && ke, Je = f.isUndefined(ie) || f.isNull(ie) ? z : ie, Qe = ue || ye || A || k;
+            const { type: se, showHeaderOverflow: ie, headerAlign: ue, align: ye, headerClassName: Se } = be, we = be.children && be.children.length, ze = P ? be.fixed !== P && !we : !!be.fixed && ke, Je = f.isUndefined(ie) || f.isNull(ie) ? B : ie, Qe = ue || ye || A || k;
             let Ke = Je === "ellipsis";
             const Pe = Je === "title", Fe = Je === !0 || Je === "tooltip";
             let ee = Pe || Fe || Ke;
@@ -13496,7 +13496,7 @@ const os = "body", TM = {
               /**
                * 列宽拖动
                */
-              !ze && !we && (f.isBoolean(be.resizable) ? be.resizable : je.resizable || B) ? h("div", {
+              !ze && !we && (f.isBoolean(be.resizable) ? be.resizable : je.resizable || z) ? h("div", {
                 class: ["vxe-resizable", {
                   "is--line": !ae || ae === "none"
                 }],
@@ -13541,8 +13541,8 @@ const Nm = nt({
   },
   setup(e) {
     const t = xt("$xetable", {}), { xID: n, props: o, reactData: r, internalData: l } = t, { refTableHeader: i, refTableBody: a, refValidTooltip: s } = t.getRefMaps(), { computeTooltipOpts: c, computeColumnOpts: u } = t.getComputeMaps(), m = Ce(), g = Ce(), C = Ce(), b = Ce(), y = Ce(), _ = (O) => {
-      const { fixedType: x } = e, { scrollXLoad: E } = r, { lastScrollLeft: D } = l, P = s.value, $ = i.value, N = a.value, B = $ ? $.$el : null, ae = m.value, de = N.$el, he = ae.scrollLeft, Z = he !== D;
-      l.lastScrollLeft = he, r.lastScrollTime = Date.now(), B && (B.scrollLeft = he), de && (de.scrollLeft = he), E && Z && t.triggerScrollXEvent(O), Z && P && P.reactData.visible && P.updatePlacement(), t.dispatchEvent("scroll", { type: hu, fixed: x, scrollTop: de.scrollTop, scrollLeft: he, isX: Z, isY: !1 }, O);
+      const { fixedType: x } = e, { scrollXLoad: E } = r, { lastScrollLeft: D } = l, P = s.value, $ = i.value, N = a.value, z = $ ? $.$el : null, ae = m.value, de = N.$el, he = ae.scrollLeft, Z = he !== D;
+      l.lastScrollLeft = he, r.lastScrollTime = Date.now(), z && (z.scrollLeft = he), de && (de.scrollLeft = he), E && Z && t.triggerScrollXEvent(O), Z && P && P.reactData.visible && P.updatePlacement(), t.dispatchEvent("scroll", { type: hu, fixed: x, scrollTop: de.scrollTop, scrollLeft: he, isX: Z, isY: !1 }, O);
     };
     return un(() => {
       te(() => {
@@ -13554,8 +13554,8 @@ const Nm = nt({
       x[`${E}wrapper`] = null, x[`${E}table`] = null, x[`${E}colgroup`] = null, x[`${E}list`] = null, x[`${E}xSpace`] = null;
     }), () => {
       let { fixedType: O, fixedColumn: x, tableColumn: E, footerTableData: D } = e;
-      const { footerRowClassName: P, footerCellClassName: $, footerRowStyle: N, footerCellStyle: B, footerAlign: ae, footerSpanMethod: de, align: he, columnKey: Z, showFooterOverflow: K } = o, { visibleColumn: J } = l, { scrollXLoad: z, overflowX: A, scrollbarWidth: k, currentColumn: I, mergeFooterList: W } = r, q = c.value, ce = u.value;
-      return O && (!r.expandColumn && (z || K) && (!W.length || !de) ? E = x : E = J), h("div", {
+      const { footerRowClassName: P, footerCellClassName: $, footerRowStyle: N, footerCellStyle: z, footerAlign: ae, footerSpanMethod: de, align: he, columnKey: Z, showFooterOverflow: K } = o, { visibleColumn: J } = l, { scrollXLoad: B, overflowX: A, scrollbarWidth: k, currentColumn: I, mergeFooterList: W } = r, q = c.value, ce = u.value;
+      return O && (!r.expandColumn && (B || K) && (!W.length || !de) ? E = x : E = J), h("div", {
         ref: m,
         class: ["vxe-table--footer-wrapper", O ? `fixed-${O}--wrapper` : "body--wrapper"],
         xid: n,
@@ -13618,7 +13618,7 @@ const Nm = nt({
                 type: hu,
                 data: D
               };
-              if (z && !Ke && (ze = Ke = !0), (Je || Qe || ie) && (Fe.onMouseenter = (U) => {
+              if (B && !Ke && (ze = Ke = !0), (Je || Qe || ie) && (Fe.onMouseenter = (U) => {
                 Je ? Hd(U.currentTarget, pe) : (Qe || ie) && t.triggerFooterTooltipEvent(U, $e);
               }), (Qe || ie) && (Fe.onMouseleave = (U) => {
                 (Qe || ie) && t.handleTargetLeaveEvent(U);
@@ -13647,7 +13647,7 @@ const Nm = nt({
                 "fixed--hidden": ye,
                 "col--ellipsis": Ke,
                 "col--current": I === pe
-              }, Qr(se, $e), Qr($, $e)] }, Pe), { style: B ? f.isFunction(B) ? B($e) : B : null }), Fe), { key: Z || ce.useKey ? pe.id : j }), [
+              }, Qr(se, $e), Qr($, $e)] }, Pe), { style: z ? f.isFunction(z) ? z($e) : z : null }), Fe), { key: Z || ce.useKey ? pe.id : j }), [
                 h("div", {
                   class: ["vxe-cell", {
                     "c--title": Je,
@@ -14193,7 +14193,7 @@ const Nm = nt({
       isActivated: !1
     };
     let u = {}, m = {};
-    const g = Ce(), C = Ce(), b = Ce(), y = Ce(), _ = Ce(), w = Ce(), O = Ce(), x = Ce(), E = Ce(), D = Ce(), P = Ce(), $ = Ce(), N = Ce(), B = Ce(), ae = Ce(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), z = xt("$xegrid", null);
+    const g = Ce(), C = Ce(), b = Ce(), y = Ce(), _ = Ce(), w = Ce(), O = Ce(), x = Ce(), E = Ce(), D = Ce(), P = Ce(), $ = Ce(), N = Ce(), z = Ce(), ae = Ce(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), B = xt("$xegrid", null);
     let A;
     const k = X(() => Object.assign({}, T.table.validConfig, e.validConfig)), I = X(() => Object.assign({}, T.table.scrollX, e.scrollX)), W = X(() => Object.assign({}, T.table.scrollY, e.scrollY)), q = X(() => ({
       default: 48,
@@ -14256,7 +14256,7 @@ const Nm = nt({
       refTableLeftHeader: P,
       refTableLeftBody: $,
       refTableLeftFooter: N,
-      refTableRightHeader: B,
+      refTableRightHeader: z,
       refTableRightBody: ae,
       refTableRightFooter: de,
       refLeftContainer: he,
@@ -14308,7 +14308,7 @@ const Nm = nt({
       internalData: c,
       getRefMaps: () => mt,
       getComputeMaps: () => Pt,
-      xegrid: z
+      xegrid: B
     }, Vt = (d, p, v) => {
       const S = f.get(d, v), R = f.get(p, v);
       return zo(S) && zo(R) ? !0 : f.isString(S) || f.isNumber(S) ? "" + S == "" + R : f.isEqual(S, R);
@@ -14990,7 +14990,7 @@ const Nm = nt({
     let ra;
     u = {
       dispatchEvent(d, p, v) {
-        o(d, Object.assign({ $table: H, $grid: z, $event: v }, p));
+        o(d, Object.assign({ $table: H, $grid: B, $event: v }, p));
       },
       /**
        * 重置表格的一切数据状态
@@ -16006,7 +16006,7 @@ const Nm = nt({
       updateFooter() {
         const { showFooter: d, footerData: p, footerMethod: v } = e, { visibleColumn: S, afterFullData: R } = c;
         let V = [];
-        return d && p && p.length ? V = p.slice(0) : d && v && (V = S.length ? v({ columns: S, data: R, $table: H, $grid: z }) : []), s.footerTableData = V, te();
+        return d && p && p.length ? V = p.slice(0) : d && v && (V = S.length ? v({ columns: S, data: R, $table: H, $grid: B }) : []), s.footerTableData = V, te();
       },
       /**
        * 更新列状态 updateStatus({ row, column }, cellValue)
@@ -16119,11 +16119,11 @@ const Nm = nt({
             !Rt(d, Y).flag) && setTimeout(() => H.clearEdit(d));
           })));
         }
-      } else V && !Rt(d, Y).flag && !(z && Rt(d, z.getRefMaps().refElem.value).flag) && !(Re && Rt(d, Re.getRefMaps().refElem.value).flag) && !(A && Rt(d, A.getRefMaps().refElem.value).flag) && (H.clearSelected && H.clearSelected(), ne.autoClear && H.clearCellAreas && (Rt(d, document.body, "vxe-table--ignore-areas-clear").flag || m.preventEvent(d, "event.clearAreas", {}, () => {
+      } else V && !Rt(d, Y).flag && !(B && Rt(d, B.getRefMaps().refElem.value).flag) && !(Re && Rt(d, Re.getRefMaps().refElem.value).flag) && !(A && Rt(d, A.getRefMaps().refElem.value).flag) && (H.clearSelected && H.clearSelected(), ne.autoClear && H.clearCellAreas && (Rt(d, document.body, "vxe-table--ignore-areas-clear").flag || m.preventEvent(d, "event.clearAreas", {}, () => {
         H.clearCellAreas(), H.clearCopyCellArea();
       })));
       H.closeMenu && v.visible && Re && !Rt(d, Re.getRefMaps().refElem.value).flag && H.closeMenu();
-      const He = Rt(d, z ? z.getRefMaps().refElem.value : Y).flag;
+      const He = Rt(d, B ? B.getRefMaps().refElem.value : Y).flag;
       !He && L && re.autoClear && (s.validErrorMaps = {}), c.isActivated = He;
     }, $c = () => {
       u.closeFilter(), H.closeMenu && H.closeMenu();
@@ -16216,14 +16216,14 @@ const Nm = nt({
           const { editMethod: Rn } = Te;
           if (Oe.column && Oe.row && Ot(Oe.column.editRender)) {
             const no = _e.beforeEditMethod || _e.activeMethod;
-            if (!no || no(Object.assign(Object.assign({}, Oe.args), { $table: H, $grid: z }))) {
+            if (!no || no(Object.assign(Object.assign({}, Oe.args), { $table: H, $grid: B }))) {
               Rn ? Rn({
                 row: Oe.row,
                 rowIndex: u.getRowIndex(Oe.row),
                 column: Oe.column,
                 columnIndex: u.getColumnIndex(Oe.column),
                 $table: H,
-                $grid: z
+                $grid: B
               }) : (Cr(Oe.row, Oe.column, null), H.handleActived(Oe.args, d));
               const In = _e.afterEditMethod;
               In && te(() => {
@@ -16233,7 +16233,7 @@ const Nm = nt({
                   column: Oe.column,
                   columnIndex: u.getColumnIndex(Oe.column),
                   $table: H,
-                  $grid: z
+                  $grid: B
                 });
               });
             }
@@ -16274,8 +16274,8 @@ const Nm = nt({
       updateAfterDataIndex: rn,
       callSlot(d, p) {
         if (d) {
-          if (z)
-            return z.callSlot(d, p);
+          if (B)
+            return B.callSlot(d, p);
           if (f.isFunction(d))
             return Xt(d(p));
         }
@@ -16286,8 +16286,8 @@ const Nm = nt({
        */
       getParentElem() {
         const d = g.value;
-        if (z) {
-          const p = z.getRefMaps().refElem.value;
+        if (B) {
+          const p = B.getRefMaps().refElem.value;
           return p ? p.parentNode : null;
         }
         return d ? d.parentNode : null;
@@ -16299,7 +16299,7 @@ const Nm = nt({
         const { height: d } = e, p = g.value;
         if (p) {
           const v = p.parentNode, S = d === "auto" ? Yu(v) : 0;
-          return Math.floor(z ? z.getParentHeight() : f.toNumber(getComputedStyle(v).height) - S);
+          return Math.floor(B ? B.getParentHeight() : f.toNumber(getComputedStyle(v).height) - S);
         }
         return 0;
       },
@@ -16309,7 +16309,7 @@ const Nm = nt({
        * 如果存在表尾合计滚动条，则需要排除滚动条高度
        */
       getExcludeHeight() {
-        return z ? z.getExcludeHeight() : 0;
+        return B ? B.getExcludeHeight() : 0;
       },
       /**
        * 定义行数据中的列属性，如果不存在则定义
@@ -16467,7 +16467,7 @@ const Nm = nt({
         let V = at.interceptor.get(p);
         !V.length && p === "event.clearEdit" && (V = at.interceptor.get("event.clearActived"));
         let L;
-        return V.some((Y) => Y(Object.assign({ $grid: z, $table: H, $event: d }, v)) === !1) || S && (L = S()), R && R(), L;
+        return V.some((Y) => Y(Object.assign({ $grid: B, $table: H, $event: d }, v)) === !1) || S && (L = S()), R && R(), L;
       },
       checkSelectionStatus() {
         const { treeConfig: d } = e, { selectCheckboxMaps: p, treeIndeterminateMaps: v } = s, { afterFullData: S } = c, R = j.value, { checkField: V, checkStrictly: L, checkMethod: Y } = R, G = R.indeterminateField || R.halfField;
@@ -16835,7 +16835,7 @@ const Nm = nt({
         class: `vxe-table--fixed-${d}-wrapper`
       }, [
         p ? h(Fm, {
-          ref: G ? P : B,
+          ref: G ? P : z,
           fixedType: d,
           tableData: S,
           tableColumn: R,
@@ -17109,7 +17109,7 @@ const Nm = nt({
           icon: co.icon,
           text: co.text
         }, cn ? {
-          default: () => cn({ $table: H, $grid: z })
+          default: () => cn({ $table: H, $grid: B })
         } : {}),
         /**
          * 自定义列
@@ -17265,7 +17265,7 @@ const hi = nt({
     }, N = (j) => {
       const { currentPage: le } = e, fe = b.value;
       le < fe && _(Math.min(fe, le + 1), j);
-    }, B = (j) => {
+    }, z = (j) => {
       const le = O.value;
       _(Math.max(e.currentPage - le.length, 1), j);
     }, ae = (j) => {
@@ -17302,14 +17302,14 @@ const hi = nt({
       h("i", {
         class: ["vxe-pager--btn-icon", e.iconPrevPage || T.icon.PAGER_PREV_PAGE]
       })
-    ]), z = (j) => h(j || "button", {
+    ]), B = (j) => h(j || "button", {
       class: ["vxe-pager--jump-prev", {
         "is--fixed": !j,
         "is--disabled": e.currentPage <= 1
       }],
       type: "button",
       title: T.i18n("vxe.pager.prevJumpTitle"),
-      onClick: B
+      onClick: z
     }, [
       j ? h("i", {
         class: ["vxe-pager--jump-more-icon", e.iconJumpMore || T.icon.PAGER_JUMP_MORE]
@@ -17370,7 +17370,7 @@ const hi = nt({
         class: "vxe-pager--num-btn",
         type: "button",
         onClick: (ze) => y(ze, 1)
-      }, 1), z("span")), se.forEach((ze, Je) => {
+      }, 1), B("span")), se.forEach((ze, Je) => {
         const Qe = we + Je;
         Qe <= Me && be.push(h("button", {
           key: Qe,
@@ -17445,7 +17445,7 @@ const hi = nt({
         return N(), te();
       },
       prevJump() {
-        return B(), te();
+        return z(), te();
       },
       nextJump() {
         return ae(), te();
@@ -17453,7 +17453,7 @@ const hi = nt({
     }, g = {
       handlePrevPage: $,
       handleNextPage: N,
-      handlePrevJump: B,
+      handlePrevJump: z,
       handleNextJump: ae
     }, Object.assign(u, m, g), tt(() => e.currentPage, (j) => {
       a.inpCurrPage = j;
@@ -17469,7 +17469,7 @@ const hi = nt({
             ue = K;
             break;
           case "PrevJump":
-            ue = z;
+            ue = B;
             break;
           case "PrevPage":
             ue = J;
@@ -17592,7 +17592,7 @@ const gi = nt({
       g && (g.triggerCustomEvent ? g.triggerCustomEvent(pe) : Cn("vxe.error.reqModule", ["VxeTableCustomModule"]));
     }, N = ({ $event: pe }) => {
       g ? g.customOpenEvent(pe) : Cn("vxe.error.reqModule", ["VxeTableCustomModule"]);
-    }, B = ({ $event: pe }) => {
+    }, z = ({ $event: pe }) => {
       const { customStore: j } = g.reactData;
       j.activeBtn = !1, setTimeout(() => {
         !j.activeBtn && !j.activeWrapper && g.customColseEvent(pe);
@@ -17638,7 +17638,7 @@ const gi = nt({
       P() && g.openImport();
     }, J = () => {
       P() && g.openExport();
-    }, z = () => {
+    }, B = () => {
       P() && g.openPrint();
     }, A = (pe, j) => {
       const { dropdowns: le } = pe, fe = [];
@@ -17747,7 +17747,7 @@ const gi = nt({
         circle: !0,
         icon: pe.icon || T.icon.TOOLBAR_TOOLS_PRINT,
         title: T.i18n("vxe.toolbar.print"),
-        onClick: z
+        onClick: B
       });
     }, ke = () => {
       const pe = b.value;
@@ -17769,7 +17769,7 @@ const gi = nt({
       }) : Be();
     }, Ve = () => {
       const pe = x.value, j = D.value, le = {};
-      return j === "manual" || (j === "hover" ? (le.onMouseenter = N, le.onMouseleave = B) : le.onClick = $), h(yr, Object.assign({ key: "custom", circle: !0, icon: pe.icon || T.icon.TOOLBAR_TOOLS_CUSTOM, title: T.i18n("vxe.toolbar.custom"), className: "vxe-toolbar-custom-target" }, le));
+      return j === "manual" || (j === "hover" ? (le.onMouseenter = N, le.onMouseleave = z) : le.onClick = $), h(yr, Object.assign({ key: "custom", circle: !0, icon: pe.icon || T.icon.TOOLBAR_TOOLS_CUSTOM, title: T.i18n("vxe.toolbar.custom"), className: "vxe-toolbar-custom-target" }, le));
     };
     u = {
       dispatchEvent(pe, j, le) {
@@ -17948,7 +17948,7 @@ const m0 = nt({
     const t = xt("$xeform", {}), n = { itemConfig: e.itemConfig };
     return Qt("$xeformiteminfo", n), Qt("$xeformgather", null), {
       renderVN: () => {
-        const { reactData: l } = t, { data: i, rules: a, span: s, align: c, titleAlign: u, titleWidth: m, titleColon: g, titleAsterisk: C, titleOverflow: b, vertical: y } = t.props, { computeValidOpts: _ } = t.getComputeMaps(), w = e.itemConfig, { collapseAll: O } = l, x = _.value, { slots: E, title: D, visible: P, folding: $, field: N, collapseNode: B, itemRender: ae, showError: de, errRule: he, className: Z, titleOverflow: K, vertical: J, children: z, showTitle: A, contentClassName: k, contentStyle: I, titleClassName: W, titleStyle: q } = w, ce = Ot(ae) ? at.renderer.get(ae.name) : null, ke = ce ? ce.itemClassName : "", xe = ce ? ce.itemStyle : null, Ve = ce ? ce.itemContentClassName : "", je = ce ? ce.itemContentStyle : null, pe = ce ? ce.itemTitleClassName : "", j = ce ? ce.itemTitleStyle : null, le = E ? E.default : null, fe = E ? E.title : null, be = w.span || s, Me = w.align || c, se = f.eqNull(w.titleAlign) ? u : w.titleAlign, ie = f.eqNull(w.titleWidth) ? m : w.titleWidth, ue = f.eqNull(w.titleColon) ? g : w.titleColon, ye = f.eqNull(w.titleAsterisk) ? C : w.titleAsterisk, Se = f.isUndefined(K) || f.isNull(K) ? b : K, we = f.isUndefined(J) || f.isNull(J) ? y : J, ze = Se === "ellipsis", Je = Se === "title", Qe = Se === !0 || Se === "tooltip", Ke = Je || Qe || ze, Pe = { data: i, field: N, property: N, item: w, $form: t, $grid: t.xegrid };
+        const { reactData: l } = t, { data: i, rules: a, span: s, align: c, titleAlign: u, titleWidth: m, titleColon: g, titleAsterisk: C, titleOverflow: b, vertical: y } = t.props, { computeValidOpts: _ } = t.getComputeMaps(), w = e.itemConfig, { collapseAll: O } = l, x = _.value, { slots: E, title: D, visible: P, folding: $, field: N, collapseNode: z, itemRender: ae, showError: de, errRule: he, className: Z, titleOverflow: K, vertical: J, children: B, showTitle: A, contentClassName: k, contentStyle: I, titleClassName: W, titleStyle: q } = w, ce = Ot(ae) ? at.renderer.get(ae.name) : null, ke = ce ? ce.itemClassName : "", xe = ce ? ce.itemStyle : null, Ve = ce ? ce.itemContentClassName : "", je = ce ? ce.itemContentStyle : null, pe = ce ? ce.itemTitleClassName : "", j = ce ? ce.itemTitleStyle : null, le = E ? E.default : null, fe = E ? E.title : null, be = w.span || s, Me = w.align || c, se = f.eqNull(w.titleAlign) ? u : w.titleAlign, ie = f.eqNull(w.titleWidth) ? m : w.titleWidth, ue = f.eqNull(w.titleColon) ? g : w.titleColon, ye = f.eqNull(w.titleAsterisk) ? C : w.titleAsterisk, Se = f.isUndefined(K) || f.isNull(K) ? b : K, we = f.isUndefined(J) || f.isNull(J) ? y : J, ze = Se === "ellipsis", Je = Se === "title", Qe = Se === !0 || Se === "tooltip", Ke = Je || Qe || ze, Pe = { data: i, field: N, property: N, item: w, $form: t, $grid: t.xegrid };
         if (P === !1)
           return Be();
         let Fe = !1;
@@ -17956,8 +17956,8 @@ const m0 = nt({
           const $e = a[N];
           $e && (Fe = $e.some((U) => U.required));
         }
-        if (z && z.length > 0) {
-          const $e = z.map((U, Q) => h(m0, {
+        if (B && B.length > 0) {
+          const $e = B.map((U, Q) => h(m0, {
             key: Q,
             itemConfig: U
           }));
@@ -17966,7 +17966,7 @@ const m0 = nt({
           }, $e) : Be();
         }
         let me = [];
-        le ? me = t.callSlot(le, Pe) : ce && ce.renderItemContent ? me = Xt(ce.renderItemContent(ae, Pe)) : N && (me = [f.toValueString(f.get(i, N))]), B && me.push(h("div", {
+        le ? me = t.callSlot(le, Pe) : ce && ce.renderItemContent ? me = Xt(ce.renderItemContent(ae, Pe)) : N && (me = [f.toValueString(f.get(i, N))]), z && me.push(h("div", {
           class: "vxe-form--item-trigger-node",
           onClick: t.toggleCollapseEvent
         }, [
@@ -18143,7 +18143,7 @@ const vi = nt({
       $();
       const le = P();
       g.dispatchEvent("toggle-collapse", { status: le, collapse: le, data: e.data }, j), g.dispatchEvent("collapse", { status: le, collapse: le, data: e.data }, j);
-    }, B = (j) => {
+    }, z = (j) => {
       if (j) {
         let le = j;
         f.isArray(j) || (le = [j]), le.forEach((fe) => {
@@ -18165,7 +18165,7 @@ const vi = nt({
           const ie = at.renderer.get(se.name);
           ie && ie.itemResetMethod ? ie.itemResetMethod({ data: j, field: be, property: be, item: fe, $form: w, $grid: w.xegrid }) : be && f.set(j, be, Me === null ? IM(f.get(j, be), void 0) : f.clone(Me, !0));
         }
-      }), B();
+      }), z();
     }, de = (j) => {
       j.preventDefault(), ae(), g.dispatchEvent("reset", { data: e.data }, j);
     }, he = (j) => {
@@ -18255,11 +18255,11 @@ const vi = nt({
           he(ue);
         }), fe ? (fe(ie), Se()) : Se(ie);
       }))) : (fe && fe(), Promise.resolve());
-    }, z = (j) => (B(), J(E(), "", j)), A = (j, le) => {
+    }, B = (j) => (z(), J(E(), "", j)), A = (j, le) => {
       let fe = [];
       return f.isArray(j) ? fe = j : fe = [j], J(fe.map((be) => Pm(w, be)), "", le);
     }, k = (j) => {
-      j.preventDefault(), e.preventSubmit || (B(), J(E()).then((le) => {
+      j.preventDefault(), e.preventSubmit || (z(), J(E()).then((le) => {
         le ? g.dispatchEvent("submit-invalid", { data: e.data, errMap: le }, j) : g.dispatchEvent("submit", { data: e.data }, j);
       }));
     }, I = () => {
@@ -18281,7 +18281,7 @@ const vi = nt({
         le = m.value, le && !le.isActived() && I();
       }, j.leaveDelay) : I();
     }, ce = (j, le, fe) => le ? Z(j ? ["blur"].includes(j.type) ? "blur" : "change" : "all", le, fe).then(() => {
-      B(le);
+      z(le);
     }).catch((be) => {
       const Me = be[le], se = D(le);
       Me && se && (se.showError = !0, se.errRule = Me[0].rule);
@@ -18291,9 +18291,9 @@ const vi = nt({
         r(j, Object.assign({ $form: w, $grid: c, $event: fe }, le));
       },
       reset: ae,
-      validate: z,
+      validate: B,
       validateField: A,
-      clearValidate: B,
+      clearValidate: z,
       updateStatus: (j, le) => {
         const { field: fe } = j;
         return ce(new Event("change"), fe, le);
@@ -18422,7 +18422,7 @@ const NM = Object.keys(qd), Bm = ["clearAll", "syncData", "updateData", "loadDat
           return De && De[ee](...me);
       };
     });
-    const E = X(() => Object.assign({}, T.grid.proxyConfig, e.proxyConfig)), D = X(() => E.value.message !== !1), P = X(() => Object.assign({}, T.grid.pagerConfig, e.pagerConfig)), $ = X(() => Object.assign({}, T.grid.formConfig, e.formConfig)), N = X(() => Object.assign({}, T.grid.toolbarConfig, e.toolbarConfig)), B = X(() => Object.assign({}, T.grid.zoomConfig, e.zoomConfig)), ae = X(() => a.isZMax ? { zIndex: a.tZindex } : null), de = X(() => {
+    const E = X(() => Object.assign({}, T.grid.proxyConfig, e.proxyConfig)), D = X(() => E.value.message !== !1), P = X(() => Object.assign({}, T.grid.pagerConfig, e.pagerConfig)), $ = X(() => Object.assign({}, T.grid.formConfig, e.formConfig)), N = X(() => Object.assign({}, T.grid.toolbarConfig, e.toolbarConfig)), z = X(() => Object.assign({}, T.grid.zoomConfig, e.zoomConfig)), ae = X(() => a.isZMax ? { zIndex: a.tZindex } : null), de = X(() => {
       const ee = {}, me = e;
       return NM.forEach((De) => {
         ee[De] = me[De];
@@ -18438,7 +18438,7 @@ const NM = Object.keys(qd), Bm = ["clearAll", "syncData", "updateData", "loadDat
       computePagerOpts: P,
       computeFormOpts: $,
       computeToolbarOpts: N,
-      computeZoomOpts: B
+      computeZoomOpts: z
     }, K = {
       xID: r,
       props: e,
@@ -18449,7 +18449,7 @@ const NM = Object.keys(qd), Bm = ["clearAll", "syncData", "updateData", "loadDat
       getComputeMaps: () => Z
     };
     let J = {};
-    const z = X(() => {
+    const B = X(() => {
       const { seqConfig: ee, pagerConfig: me, loading: De, editConfig: $e, proxyConfig: U } = e, { isZMax: Q, tableLoading: Ee, tablePage: We, tableData: Ue } = a, Ze = de.value, lt = E.value, st = P.value, ut = Object.assign({}, Ze);
       return Q && (Ze.maxHeight ? ut.maxHeight = "auto" : ut.height = "auto"), U && Ot(lt) && (ut.loading = De || Ee, ut.data = Ue, me && lt.seq && Ot(st) && (ut.seqConfig = Object.assign({}, ee, { startIndex: (We.currentPage - 1) * We.pageSize }))), $e && (ut.editConfig = Object.assign({}, $e)), ut;
     }), A = () => {
@@ -18606,7 +18606,7 @@ const NM = Object.keys(qd), Bm = ["clearAll", "syncData", "updateData", "loadDat
       ye[me] = (...De) => o(ee, ...De);
     });
     const Se = () => {
-      const { proxyConfig: ee } = e, me = z.value, De = E.value, $e = Object.assign({}, ye), U = n.empty, Q = n.loading;
+      const { proxyConfig: ee } = e, me = B.value, De = E.value, $e = Object.assign({}, ye), U = n.empty, Q = n.loading;
       ee && Ot(De) && (De.sort && ($e.onSortChange = ke), De.filter && ($e.onFilterChange = xe));
       const Ee = {};
       return U && (Ee.empty = () => U({})), Q && (Ee.loading = () => Q({})), [
@@ -18887,7 +18887,7 @@ const NM = Object.keys(qd), Bm = ["clearAll", "syncData", "updateData", "loadDat
       Je();
     });
     const Pe = (ee) => {
-      const me = B.value;
+      const me = z.value;
       kt(ee, Ct.ESCAPE) && a.isZMax && me.escRestore !== !1 && Qe.triggerZoomEvent(ee);
     };
     at.hooks.forEach((ee) => {
@@ -19068,8 +19068,8 @@ const xi = nt({
       const N = C.value;
       return e.maxlength && N > f.toNumber(e.maxlength);
     }), y = X(() => Object.assign({ minRows: 1, maxRows: 10 }, T.textarea.autosize, e.autosize)), _ = () => {
-      const { size: N, autosize: B } = e, { inputValue: ae } = a;
-      if (B) {
+      const { size: N, autosize: z } = e, { inputValue: ae } = a;
+      if (z) {
         xr || (xr = document.createElement("div")), xr.parentNode || document.body.appendChild(xr);
         const de = c.value, he = getComputedStyle(de);
         xr.className = ["vxe-textarea--autosize", N ? `size--${N}` : ""].join(" "), xr.style.width = `${de.clientWidth}px`, xr.style.padding = he.padding, xr.innerText = ("" + (ae || "　")).replace(/\n$/, `
@@ -19077,28 +19077,28 @@ const xi = nt({
       }
     }, w = () => {
       e.autosize && te(() => {
-        const N = y.value, { minRows: B, maxRows: ae } = N, de = c.value, he = xr.clientHeight, Z = getComputedStyle(de), K = f.toNumber(Z.lineHeight), J = f.toNumber(Z.paddingTop), z = f.toNumber(Z.paddingBottom), A = f.toNumber(Z.borderTopWidth), k = f.toNumber(Z.borderBottomWidth), I = J + z + A + k, W = (he - I) / K, q = W && /[0-9]/.test("" + W) ? W : Math.floor(W) + 1;
+        const N = y.value, { minRows: z, maxRows: ae } = N, de = c.value, he = xr.clientHeight, Z = getComputedStyle(de), K = f.toNumber(Z.lineHeight), J = f.toNumber(Z.paddingTop), B = f.toNumber(Z.paddingBottom), A = f.toNumber(Z.borderTopWidth), k = f.toNumber(Z.borderBottomWidth), I = J + B + A + k, W = (he - I) / K, q = W && /[0-9]/.test("" + W) ? W : Math.floor(W) + 1;
         let ce = q;
-        q < B ? ce = B : q > ae && (ce = ae), de.style.height = `${ce * K + I}px`;
+        q < z ? ce = z : q > ae && (ce = ae), de.style.height = `${ce * K + I}px`;
       });
     }, O = (N) => {
-      const B = a.inputValue;
-      m.dispatchEvent(N.type, { value: B }, N);
-    }, x = (N, B) => {
-      a.inputValue = N, n("update:modelValue", N), f.toValueString(e.modelValue) !== N && (g.dispatchEvent("change", { value: N }, B), o && r && o.triggerItemEvent(B, r.itemConfig.field, N));
+      const z = a.inputValue;
+      m.dispatchEvent(N.type, { value: z }, N);
+    }, x = (N, z) => {
+      a.inputValue = N, n("update:modelValue", N), f.toValueString(e.modelValue) !== N && (g.dispatchEvent("change", { value: N }, z), o && r && o.triggerItemEvent(z, r.itemConfig.field, N));
     }, E = (N) => {
-      const { immediate: B } = e, de = N.target.value;
-      a.inputValue = de, B && x(de, N), m.dispatchEvent("input", { value: de }, N), w();
+      const { immediate: z } = e, de = N.target.value;
+      a.inputValue = de, z && x(de, N), m.dispatchEvent("input", { value: de }, N), w();
     }, D = (N) => {
-      const { immediate: B } = e;
-      B ? O(N) : x(a.inputValue, N);
+      const { immediate: z } = e;
+      z ? O(N) : x(a.inputValue, N);
     }, P = (N) => {
-      const { immediate: B } = e, { inputValue: ae } = a;
-      B || x(ae, N), m.dispatchEvent("blur", { value: ae }, N);
+      const { immediate: z } = e, { inputValue: ae } = a;
+      z || x(ae, N), m.dispatchEvent("blur", { value: ae }, N);
     };
     g = {
-      dispatchEvent(N, B, ae) {
-        n(N, Object.assign({ $textarea: m, $event: ae }, B));
+      dispatchEvent(N, z, ae) {
+        n(N, Object.assign({ $textarea: m, $event: ae }, z));
       },
       focus() {
         return c.value.focus(), te();
@@ -19113,7 +19113,7 @@ const xi = nt({
       N && (_(), w());
     });
     const $ = () => {
-      const { className: N, resize: B, placeholder: ae, disabled: de, maxlength: he, autosize: Z, showWordCount: K, countMethod: J, rows: z, cols: A } = e, { inputValue: k } = a, I = i.value, W = b.value, q = C.value;
+      const { className: N, resize: z, placeholder: ae, disabled: de, maxlength: he, autosize: Z, showWordCount: K, countMethod: J, rows: B, cols: A } = e, { inputValue: k } = a, I = i.value, W = b.value, q = C.value;
       return h("div", {
         ref: s,
         class: ["vxe-textarea", N, {
@@ -19121,7 +19121,7 @@ const xi = nt({
           "is--autosize": Z,
           "is--count": K,
           "is--disabled": de,
-          "def--rows": !f.eqNull(z),
+          "def--rows": !f.eqNull(B),
           "def--cols": !f.eqNull(A)
         }]
       }, [
@@ -19134,10 +19134,10 @@ const xi = nt({
           maxlength: he,
           readonly: e.readonly,
           disabled: de,
-          rows: z,
+          rows: B,
           cols: A,
-          style: B ? {
-            resize: B
+          style: z ? {
+            resize: z
           } : null,
           onInput: E,
           onChange: D,
@@ -19388,7 +19388,7 @@ const _l = [], wi = nt({
     }, N = (k) => {
       const I = i.value;
       e.maskClosable && k.target === I && O("mask");
-    }, B = (k) => {
+    }, z = (k) => {
       if (kt(k, Ct.ESCAPE)) {
         const W = f.max(_l, (q) => q.reactData.drawerZIndex);
         W && setTimeout(() => {
@@ -19451,7 +19451,7 @@ const _l = [], wi = nt({
         content: e.confirmButtonText || T.i18n("vxe.button.confirm"),
         onClick: E
       })), W;
-    }, z = () => {
+    }, B = () => {
       const { slots: k = {} } = e, I = n.footer || k.footer, W = [];
       return e.showFooter && W.push(h("div", {
         class: "vxe-drawer--footer"
@@ -19482,7 +19482,7 @@ const _l = [], wi = nt({
             ref: a,
             class: "vxe-drawer--box",
             onMousedown: ae
-          }, Z().concat(K(), z()))
+          }, Z().concat(K(), B()))
         ])
       ]);
     };
@@ -19491,7 +19491,7 @@ const _l = [], wi = nt({
     }), un(() => {
       te(() => {
         e.modelValue && P(), y();
-      }), e.escClosable && St.on(C, "keydown", B);
+      }), e.escClosable && St.on(C, "keydown", z);
     }), pn(() => {
       St.off(C, "keydown");
     }), C;
@@ -19595,7 +19595,7 @@ const b0 = {
       f0(o, l);
     });
     const s = (m, g) => {
-      const { props: C, reactData: b } = m, { data: y, rules: _, titleAlign: w, titleWidth: O, titleColon: x, titleAsterisk: E, titleOverflow: D, vertical: P } = C, { collapseAll: $ } = b, { computeValidOpts: N } = m.getComputeMaps(), B = N.value, { slots: ae, title: de, visible: he, folding: Z, field: K, collapseNode: J, itemRender: z, showError: A, errRule: k, className: I, titleOverflow: W, vertical: q, showTitle: ce, contentClassName: ke, contentStyle: xe, titleClassName: Ve, titleStyle: je } = g, pe = Ot(z) ? at.renderer.get(z.name) : null, j = pe ? pe.itemClassName : "", le = pe ? pe.itemStyle : null, fe = pe ? pe.itemContentClassName : "", be = pe ? pe.itemContentStyle : null, Me = pe ? pe.itemTitleClassName : "", se = pe ? pe.itemTitleStyle : null, ie = ae ? ae.default : null, ue = ae ? ae.title : null, ye = g.span || C.span, Se = g.align || C.align, we = f.eqNull(g.titleAlign) ? w : g.titleAlign, ze = f.eqNull(g.titleWidth) ? O : g.titleWidth, Je = f.eqNull(g.titleColon) ? x : g.titleColon, Qe = f.eqNull(g.titleAsterisk) ? E : g.titleAsterisk, Ke = f.isUndefined(W) || f.isNull(W) ? D : W, Pe = f.isUndefined(q) || f.isNull(q) ? P : q, Fe = Ke === "ellipsis", ee = Ke === "title", me = Ke === !0 || Ke === "tooltip", De = ee || me || Fe, $e = { data: y, field: K, property: K, item: g, $form: m, $grid: m.xegrid };
+      const { props: C, reactData: b } = m, { data: y, rules: _, titleAlign: w, titleWidth: O, titleColon: x, titleAsterisk: E, titleOverflow: D, vertical: P } = C, { collapseAll: $ } = b, { computeValidOpts: N } = m.getComputeMaps(), z = N.value, { slots: ae, title: de, visible: he, folding: Z, field: K, collapseNode: J, itemRender: B, showError: A, errRule: k, className: I, titleOverflow: W, vertical: q, showTitle: ce, contentClassName: ke, contentStyle: xe, titleClassName: Ve, titleStyle: je } = g, pe = Ot(B) ? at.renderer.get(B.name) : null, j = pe ? pe.itemClassName : "", le = pe ? pe.itemStyle : null, fe = pe ? pe.itemContentClassName : "", be = pe ? pe.itemContentStyle : null, Me = pe ? pe.itemTitleClassName : "", se = pe ? pe.itemTitleStyle : null, ie = ae ? ae.default : null, ue = ae ? ae.title : null, ye = g.span || C.span, Se = g.align || C.align, we = f.eqNull(g.titleAlign) ? w : g.titleAlign, ze = f.eqNull(g.titleWidth) ? O : g.titleWidth, Je = f.eqNull(g.titleColon) ? x : g.titleColon, Qe = f.eqNull(g.titleAsterisk) ? E : g.titleAsterisk, Ke = f.isUndefined(W) || f.isNull(W) ? D : W, Pe = f.isUndefined(q) || f.isNull(q) ? P : q, Fe = Ke === "ellipsis", ee = Ke === "title", me = Ke === !0 || Ke === "tooltip", De = ee || me || Fe, $e = { data: y, field: K, property: K, item: g, $form: m, $grid: m.xegrid };
       let U = !1;
       if (he === !1)
         return Be();
@@ -19604,7 +19604,7 @@ const b0 = {
         We && (U = We.some((Ue) => Ue.required));
       }
       let Q = [];
-      ie ? Q = m.callSlot(ie, $e) : pe && pe.renderItemContent ? Q = Xt(pe.renderItemContent(z, $e)) : K && (Q = [`${f.get(y, K)}`]), J && Q.push(h("div", {
+      ie ? Q = m.callSlot(ie, $e) : pe && pe.renderItemContent ? Q = Xt(pe.renderItemContent(B, $e)) : K && (Q = [`${f.get(y, K)}`]), J && Q.push(h("div", {
         class: "vxe-form--item-trigger-node",
         onClick: m.toggleCollapseEvent
       }, [
@@ -19614,7 +19614,7 @@ const b0 = {
         h("i", {
           class: ["vxe-form--item-trigger-icon", $ ? T.icon.FORM_FOLDING : T.icon.FORM_UNFOLDING]
         })
-      ])), k && B.showMessage && Q.push(h("div", {
+      ])), k && z.showMessage && Q.push(h("div", {
         class: "vxe-form--item-valid",
         style: k.maxWidth ? {
           width: `${k.maxWidth}px`
@@ -19868,10 +19868,10 @@ const ki = nt({
       }
     }, Object.assign(s, u);
     const O = () => {
-      const { disabled: x, openIcon: E, closeIcon: D, openActiveIcon: P, closeActiveIcon: $ } = e, N = C.value, B = i.value, ae = m.value, de = g.value;
+      const { disabled: x, openIcon: E, closeIcon: D, openActiveIcon: P, closeActiveIcon: $ } = e, N = C.value, z = i.value, ae = m.value, de = g.value;
       return h("div", {
         class: ["vxe-switch", N ? "is--on" : "is--off", {
-          [`size--${B}`]: B,
+          [`size--${z}`]: z,
           "is--disabled": x,
           "is--animat": a.hasAnimat
         }]
@@ -19980,10 +19980,10 @@ const $i = nt({
     }, O = () => {
       w(), _();
     }, x = () => te().then(() => {
-      const { scrollYLoad: Z } = i, { scrollYStore: K } = u, J = c.value, z = b.value;
+      const { scrollYLoad: Z } = i, { scrollYStore: K } = u, J = c.value, B = b.value;
       let A = 0, k;
-      if (J && (z.sItem && (k = J.querySelector(z.sItem)), k || (k = J.children[0])), k && (A = k.offsetHeight), A = Math.max(20, A), K.rowHeight = A, Z) {
-        const I = s.value, W = Math.max(8, Math.ceil(I.clientHeight / A)), q = z.oSize ? f.toNumber(z.oSize) : bo.edge ? 10 : 0;
+      if (J && (B.sItem && (k = J.querySelector(B.sItem)), k || (k = J.children[0])), k && (A = k.offsetHeight), A = Math.max(20, A), K.rowHeight = A, Z) {
+        const I = s.value, W = Math.max(8, Math.ceil(I.clientHeight / A)), q = B.oSize ? f.toNumber(B.oSize) : bo.edge ? 10 : 0;
         K.offsetSize = q, K.visibleSize = W, K.endIndex = Math.max(K.startIndex, W + q, K.endIndex), O();
       } else
         _();
@@ -19993,10 +19993,10 @@ const $i = nt({
       return Z && (Z.scrollTop = 0), te();
     }, D = (Z, K) => {
       const J = s.value;
-      return f.isNumber(Z) && (J.scrollLeft = Z), f.isNumber(K) && (J.scrollTop = K), i.scrollYLoad ? new Promise((z) => {
+      return f.isNumber(Z) && (J.scrollLeft = Z), f.isNumber(K) && (J.scrollTop = K), i.scrollYLoad ? new Promise((B) => {
         setTimeout(() => {
           te(() => {
-            z();
+            B();
           });
         }, 50);
       }) : te();
@@ -20010,11 +20010,11 @@ const $i = nt({
       const Z = a.value;
       return Z.clientWidth && Z.clientHeight ? x() : Promise.resolve();
     }, N = (Z) => {
-      const { scrollYStore: K } = u, { startIndex: J, endIndex: z, visibleSize: A, offsetSize: k, rowHeight: I } = K, q = Z.target.scrollTop, ce = Math.floor(q / I), ke = Math.max(0, ce - 1 - k), xe = ce + A + k;
-      (ce <= J || ce >= z - A - 1) && (J !== ke || z !== xe) && (K.startIndex = ke, K.endIndex = xe, O());
-    }, B = (Z) => {
-      const K = Z.target, J = K.scrollTop, z = K.scrollLeft, A = z !== u.lastScrollLeft, k = J !== u.lastScrollTop;
-      u.lastScrollTop = J, u.lastScrollLeft = z, i.scrollYLoad && N(Z), C.dispatchEvent("scroll", { scrollLeft: z, scrollTop: J, isX: A, isY: k }, Z);
+      const { scrollYStore: K } = u, { startIndex: J, endIndex: B, visibleSize: A, offsetSize: k, rowHeight: I } = K, q = Z.target.scrollTop, ce = Math.floor(q / I), ke = Math.max(0, ce - 1 - k), xe = ce + A + k;
+      (ce <= J || ce >= B - A - 1) && (J !== ke || B !== xe) && (K.startIndex = ke, K.endIndex = xe, O());
+    }, z = (Z) => {
+      const K = Z.target, J = K.scrollTop, B = K.scrollLeft, A = B !== u.lastScrollLeft, k = J !== u.lastScrollTop;
+      u.lastScrollTop = J, u.lastScrollLeft = B, i.scrollYLoad && N(Z), C.dispatchEvent("scroll", { scrollLeft: B, scrollTop: J, isX: A, isY: k }, Z);
     };
     C = {
       dispatchEvent(Z, K, J) {
@@ -20025,12 +20025,12 @@ const $i = nt({
        * @param {Array} datas 数据
        */
       loadData(Z) {
-        const { scrollYStore: K } = u, J = b.value, z = Z || [];
+        const { scrollYStore: K } = u, J = b.value, B = Z || [];
         return Object.assign(K, {
           startIndex: 0,
           endIndex: 1,
           visibleSize: 0
-        }), u.fullData = z, i.scrollYLoad = !!J.enabled && J.gt > -1 && (J.gt === 0 || J.gt <= z.length), w(), x().then(() => {
+        }), u.fullData = B, i.scrollYLoad = !!J.enabled && J.gt > -1 && (J.gt === 0 || J.gt <= B.length), w(), x().then(() => {
           P();
         });
       },
@@ -20071,7 +20071,7 @@ const $i = nt({
       de && de.disconnect(), St.off(g, "resize");
     });
     const he = () => {
-      const { className: Z, loading: K } = e, { bodyHeight: J, topSpaceHeight: z, items: A } = i, k = l.value, I = y.value;
+      const { className: Z, loading: K } = e, { bodyHeight: J, topSpaceHeight: B, items: A } = i, k = l.value, I = y.value;
       return h("div", {
         ref: a,
         class: ["vxe-list", Z ? f.isFunction(Z) ? Z({ $list: g }) : Z : "", {
@@ -20083,7 +20083,7 @@ const $i = nt({
           ref: s,
           class: "vxe-list--virtual-wrapper",
           style: I,
-          onScroll: B
+          onScroll: z
         }, [
           h("div", {
             class: "vxe-list--y-space",
@@ -20095,7 +20095,7 @@ const $i = nt({
             ref: c,
             class: "vxe-list--body",
             style: {
-              marginTop: z ? `${z}px` : ""
+              marginTop: B ? `${B}px` : ""
             }
           }, n.default ? n.default({ items: A, $list: g }) : [])
         ]),
@@ -20158,23 +20158,23 @@ const Di = nt({
     const C = () => {
       i.panelIndex < dr() && (i.panelIndex = Wo());
     }, b = () => i.visiblePanel, y = () => te().then(() => {
-      const { transfer: N, placement: B } = e, { panelIndex: ae, visiblePanel: de } = i;
+      const { transfer: N, placement: z } = e, { panelIndex: ae, visiblePanel: de } = i;
       if (de) {
         const he = s.value, Z = c.value;
         if (Z && he) {
-          const K = he.offsetHeight, J = he.offsetWidth, z = Z.offsetHeight, A = Z.offsetWidth, k = 5, I = {
+          const K = he.offsetHeight, J = he.offsetWidth, B = Z.offsetHeight, A = Z.offsetWidth, k = 5, I = {
             zIndex: ae
           }, { boundingTop: W, boundingLeft: q, visibleHeight: ce, visibleWidth: ke } = nr(he);
           let xe = "bottom";
           if (N) {
             let Ve = q, je = W + K;
-            B === "top" ? (xe = "top", je = W - z) : B || (je + z + k > ce && (xe = "top", je = W - z), je < k && (xe = "bottom", je = W + K)), Ve + A + k > ke && (Ve -= Ve + A + k - ke), Ve < k && (Ve = k), Object.assign(I, {
+            z === "top" ? (xe = "top", je = W - B) : z || (je + B + k > ce && (xe = "top", je = W - B), je < k && (xe = "bottom", je = W + K)), Ve + A + k > ke && (Ve -= Ve + A + k - ke), Ve < k && (Ve = k), Object.assign(I, {
               left: `${Ve}px`,
               top: `${je}px`,
               minWidth: `${J}px`
             });
           } else
-            B === "top" ? (xe = "top", I.bottom = `${K}px`) : B || W + K + z > ce && W - K - z > k && (xe = "top", I.bottom = `${K}px`);
+            z === "top" ? (xe = "top", I.bottom = `${K}px`) : z || W + K + B > ce && W - K - B > k && (xe = "top", I.bottom = `${K}px`);
           i.panelStyle = I, i.panelPlacement = xe;
         }
       }
@@ -20198,17 +20198,17 @@ const Di = nt({
         N();
       });
     })), x = () => i.visiblePanel ? O() : w(), E = (N) => {
-      const { disabled: B } = e, { visiblePanel: ae } = i, de = c.value;
-      B || ae && (Rt(N, de).flag ? y() : (O(), g.dispatchEvent("hide-panel", {}, N)));
+      const { disabled: z } = e, { visiblePanel: ae } = i, de = c.value;
+      z || ae && (Rt(N, de).flag ? y() : (O(), g.dispatchEvent("hide-panel", {}, N)));
     }, D = (N) => {
-      const { disabled: B } = e, { visiblePanel: ae } = i, de = a.value, he = c.value;
-      B || (i.isActivated = Rt(N, de).flag || Rt(N, he).flag, ae && !i.isActivated && (O(), g.dispatchEvent("hide-panel", {}, N)));
+      const { disabled: z } = e, { visiblePanel: ae } = i, de = a.value, he = c.value;
+      z || (i.isActivated = Rt(N, de).flag || Rt(N, he).flag, ae && !i.isActivated && (O(), g.dispatchEvent("hide-panel", {}, N)));
     }, P = (N) => {
       i.visiblePanel && (i.isActivated = !1, O(), g.dispatchEvent("hide-panel", {}, N));
     };
     g = {
-      dispatchEvent(N, B, ae) {
-        o(N, Object.assign({ $pulldown: m, $event: ae }, B));
+      dispatchEvent(N, z, ae) {
+        o(N, Object.assign({ $pulldown: m, $event: ae }, z));
       },
       isPanelVisible: b,
       togglePanel: x,
@@ -20222,12 +20222,12 @@ const Di = nt({
       St.off(m, "mousewheel"), St.off(m, "mousedown"), St.off(m, "blur");
     });
     const $ = () => {
-      const { className: N, popupClassName: B, destroyOnClose: ae, transfer: de, disabled: he } = e, { inited: Z, isActivated: K, animatVisible: J, visiblePanel: z, panelStyle: A, panelPlacement: k } = i, I = l.value, W = n.default, q = n.header, ce = n.footer, ke = n.dropdown;
+      const { className: N, popupClassName: z, destroyOnClose: ae, transfer: de, disabled: he } = e, { inited: Z, isActivated: K, animatVisible: J, visiblePanel: B, panelStyle: A, panelPlacement: k } = i, I = l.value, W = n.default, q = n.header, ce = n.footer, ke = n.dropdown;
       return h("div", {
         ref: a,
         class: ["vxe-pulldown", N ? f.isFunction(N) ? N({ $pulldown: m }) : N : "", {
           [`size--${I}`]: I,
-          "is--visivle": z,
+          "is--visivle": B,
           "is--disabled": he,
           "is--active": K
         }]
@@ -20242,18 +20242,18 @@ const Di = nt({
         }, [
           h("div", {
             ref: c,
-            class: ["vxe-table--ignore-clear vxe-pulldown--panel", B ? f.isFunction(B) ? B({ $pulldown: m }) : B : "", {
+            class: ["vxe-table--ignore-clear vxe-pulldown--panel", z ? f.isFunction(z) ? z({ $pulldown: m }) : z : "", {
               [`size--${I}`]: I,
               "is--transfer": de,
               "animat--leave": J,
-              "animat--enter": z
+              "animat--enter": B
             }],
             placement: k,
             style: A
           }, ke ? [
             h("div", {
               class: "vxe-pulldown--panel-wrapper"
-            }, !Z || ae && !z && !J ? [] : [
+            }, !Z || ae && !B && !J ? [] : [
               q ? h("div", {
                 class: "vxe-pulldown--panel-header"
               }, q({ $pulldown: m })) : Be(),
@@ -21695,8 +21695,8 @@ Dt.prototype = /** @lends Sortable.prototype */
           return w(), n.insertBefore(ct, D), xn = n, x(), O(!0);
       } else if (o.parentNode === n) {
         l = kn(o);
-        var P = 0, $, N = ct.parentNode !== n, B = !dR(ct.animated && ct.toRect || r, o.animated && o.toRect || l, C), ae = C ? "top" : "left", de = Um(o, "top", "top") || Um(ct, "top", "top"), he = de ? de.scrollTop : void 0;
-        ls !== o && ($ = l[ae], Fi = !1, Ta = !B && a.invertSwap || N), P = bR(t, o, l, C, B ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ta, ls === o);
+        var P = 0, $, N = ct.parentNode !== n, z = !dR(ct.animated && ct.toRect || r, o.animated && o.toRect || l, C), ae = C ? "top" : "left", de = Um(o, "top", "top") || Um(ct, "top", "top"), he = de ? de.scrollTop : void 0;
+        ls !== o && ($ = l[ae], Fi = !1, Ta = !z && a.invertSwap || N), P = bR(t, o, l, C, z ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ta, ls === o);
         var Z;
         if (P !== 0) {
           var K = _o(ct);
@@ -21707,11 +21707,11 @@ Dt.prototype = /** @lends Sortable.prototype */
         if (P === 0 || Z === o)
           return O(!1);
         ls = o, Ii = P;
-        var J = o.nextElementSibling, z = !1;
-        z = P === 1;
-        var A = ka(fn, n, ct, r, o, l, t, z);
+        var J = o.nextElementSibling, B = !1;
+        B = P === 1;
+        var A = ka(fn, n, ct, r, o, l, t, B);
         if (A !== !1)
-          return (A === 1 || A === -1) && (z = A === 1), Qu = !0, setTimeout(hR, 30), w(), z && !J ? n.appendChild(ct) : o.parentNode.insertBefore(ct, z ? J : o), de && D0(de, 0, he - de.scrollTop), xn = ct.parentNode, $ !== void 0 && !Ta && (Aa = Math.abs($ - kn(o)[ae])), x(), O(!0);
+          return (A === 1 || A === -1) && (B = A === 1), Qu = !0, setTimeout(hR, 30), w(), B && !J ? n.appendChild(ct) : o.parentNode.insertBefore(ct, B ? J : o), de && D0(de, 0, he - de.scrollTop), xn = ct.parentNode, $ !== void 0 && !Ta && (Aa = Math.abs($ - kn(o)[ae])), x(), O(!0);
       }
       if (n.contains(ct))
         return O(!1);
@@ -22041,16 +22041,16 @@ var $u = $0(function(e, t, n, o) {
     td !== n && (td = n, La(), ii = t.scroll, u = t.scrollFn, ii === !0 && (ii = tl(n, !0)));
     var m = 0, g = ii;
     do {
-      var C = g, b = kn(C), y = b.top, _ = b.bottom, w = b.left, O = b.right, x = b.width, E = b.height, D = void 0, P = void 0, $ = C.scrollWidth, N = C.scrollHeight, B = $t(C), ae = C.scrollLeft, de = C.scrollTop;
-      C === s ? (D = x < $ && (B.overflowX === "auto" || B.overflowX === "scroll" || B.overflowX === "visible"), P = E < N && (B.overflowY === "auto" || B.overflowY === "scroll" || B.overflowY === "visible")) : (D = x < $ && (B.overflowX === "auto" || B.overflowX === "scroll"), P = E < N && (B.overflowY === "auto" || B.overflowY === "scroll"));
+      var C = g, b = kn(C), y = b.top, _ = b.bottom, w = b.left, O = b.right, x = b.width, E = b.height, D = void 0, P = void 0, $ = C.scrollWidth, N = C.scrollHeight, z = $t(C), ae = C.scrollLeft, de = C.scrollTop;
+      C === s ? (D = x < $ && (z.overflowX === "auto" || z.overflowX === "scroll" || z.overflowX === "visible"), P = E < N && (z.overflowY === "auto" || z.overflowY === "scroll" || z.overflowY === "visible")) : (D = x < $ && (z.overflowX === "auto" || z.overflowX === "scroll"), P = E < N && (z.overflowY === "auto" || z.overflowY === "scroll"));
       var he = D && (Math.abs(O - r) <= i && ae + x < $) - (Math.abs(w - r) <= i && !!ae), Z = P && (Math.abs(_ - l) <= i && de + E < N) - (Math.abs(y - l) <= i && !!de);
       if (!On[m])
         for (var K = 0; K <= m; K++)
           On[K] || (On[K] = {});
       (On[m].vx != he || On[m].vy != Z || On[m].el !== C) && (On[m].el = C, On[m].vx = he, On[m].vy = Z, clearInterval(On[m].pid), (he != 0 || Z != 0) && (c = !0, On[m].pid = setInterval(function() {
         o && this.layer === 0 && Dt.active._onTouchMove(nc);
-        var J = On[this.layer].vy ? On[this.layer].vy * a : 0, z = On[this.layer].vx ? On[this.layer].vx * a : 0;
-        typeof u == "function" && u.call(Dt.dragged.parentNode[vo], z, J, e, nc, On[this.layer].el) !== "continue" || D0(On[this.layer].el, z, J);
+        var J = On[this.layer].vy ? On[this.layer].vy * a : 0, B = On[this.layer].vx ? On[this.layer].vx * a : 0;
+        typeof u == "function" && u.call(Dt.dragged.parentNode[vo], B, J, e, nc, On[this.layer].el) !== "continue" || D0(On[this.layer].el, B, J);
       }.bind({
         layer: m
       }), 24))), m++;
@@ -23312,7 +23312,7 @@ const v7 = {
       if (!W) return;
       const { row: q } = await W.insertAt(k, I);
       await W.setEditRow(q);
-    }, N = async (k) => r.value?.setEditRow(k), B = () => {
+    }, N = async (k) => r.value?.setEditRow(k), z = () => {
       const k = r.value;
       if (!k) return [];
       const { fullData: I = [] } = k.getTableData();
@@ -23321,7 +23321,7 @@ const v7 = {
       const k = r.value;
       return k ? k.getColumns() : [];
     }, de = async () => {
-      const k = B();
+      const k = z();
       return r.value?.validate(k);
     }, he = () => {
       const k = r.value;
@@ -23329,7 +23329,7 @@ const v7 = {
       const I = k.getColumns();
       return I.find((ce) => ce.type === "radio") ? k.getRadioRecord(!1) : I.find((ce) => ce.type === "checkbox") ? k.getCheckboxRecords(!1) : null;
     }, Z = () => {
-      const k = B();
+      const k = z();
       i("editChange", k);
     };
     return t({
@@ -23355,7 +23355,7 @@ const v7 = {
           type: "warning"
         }) && (await I.remove(k), Z());
       },
-      getRows: B,
+      getRows: z,
       setActived: N,
       doLayout: D,
       getRecords: () => r.value?.getRecordset(),
@@ -23364,7 +23364,7 @@ const v7 = {
           if (k)
             r.value.setSelectCell(k, I ?? ae()[0]);
           else {
-            const W = B(), q = ae();
+            const W = z(), q = ae();
             r.value.setSelectCell(W[0], q[0]);
           }
           r.value.focus();
@@ -24158,7 +24158,7 @@ const M7 = {
   props: $7,
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, r = n, l = xt(U0, null), i = xt(F2, null), a = xt(G0, null), s = X(() => !l?.proxy || !a ? o.visible : typeof o.visible == "function" ? o.visible(a) : hd(o.visible) ? Object.entries(o.visible).every(([N, B]) => _a(a, N) === B) : o.visible), c = () => l?.proxy && a && o.name ? _a(a, o.name) ?? o.modelValue : o.modelValue, u = Ce(c()), { editor: m } = _7(
+    const o = e, r = n, l = xt(U0, null), i = xt(F2, null), a = xt(G0, null), s = X(() => !l?.proxy || !a ? o.visible : typeof o.visible == "function" ? o.visible(a) : hd(o.visible) ? Object.entries(o.visible).every(([N, z]) => _a(a, N) === z) : o.visible), c = () => l?.proxy && a && o.name ? _a(a, o.name) ?? o.modelValue : o.modelValue, u = Ce(c()), { editor: m } = _7(
       o,
       r,
       s,
@@ -24227,15 +24227,15 @@ const M7 = {
       size: b.value,
       style: O.value
     }, $.$attrs), Dr({
-      error: Ie(({ error: B }) => [
-        ht($.$slots, "error", { error: B }, () => [
+      error: Ie(({ error: z }) => [
+        ht($.$slots, "error", { error: z }, () => [
           F(l)?.props.tooltipMessage ?? o.tooltipMessage ? (ve(), pt("div", {
             key: 0,
             class: "x-field__info",
             style: sl(x.value)
           }, [
             ot(F(ih), Et({
-              content: _(B)
+              content: _(z)
             }, y.value), {
               default: Ie(() => [
                 ot(F(Mr), {
@@ -24246,7 +24246,7 @@ const M7 = {
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : (ve(), pt("div", M7, Ut(_(B)), 1))
+          ], 4)) : (ve(), pt("div", M7, Ut(_(z)), 1))
         ])
       ]),
       default: Ie(() => [
@@ -24260,12 +24260,12 @@ const M7 = {
               ref_key: "editorRef",
               ref: C,
               modelValue: u.value,
-              "onUpdate:modelValue": N[0] || (N[0] = (B) => u.value = B)
+              "onUpdate:modelValue": N[0] || (N[0] = (z) => u.value = z)
             }, F(m).props), Dr({ _: 2 }, [
               $.$slots.option ? {
                 name: "option",
-                fn: Ie(({ option: B }) => [
-                  ht($.$slots, "option", { option: B })
+                fn: Ie(({ option: z }) => [
+                  ht($.$slots, "option", { option: z })
                 ]),
                 key: "0"
               } : void 0
@@ -26605,8 +26605,8 @@ var R9 = s2.exports;
     let D = ["start"];
     for (let P = 0; P < w.length; P++) {
       const $ = w[P], N = [];
-      for (let B = 0; B < $.length; B++) {
-        const ae = $[B], de = "" + P + B;
+      for (let z = 0; z < $.length; z++) {
+        const ae = $[z], de = "" + P + z;
         N.push(de), x[de] = { node: ae, lastCount: 0 }, E[de] = {};
         for (let he = 0; he < D.length; he++) {
           const Z = D[he];
@@ -26642,8 +26642,8 @@ var R9 = s2.exports;
     }, []);
   }, e.fromString = function(O, x) {
     const E = m(O, a.isKanjiModeEnabled()), D = b(E), P = y(D, x), $ = s.find_path(P.map, "start", "end"), N = [];
-    for (let B = 1; B < $.length - 1; B++)
-      N.push(P.table[$[B]].node);
+    for (let z = 1; z < $.length - 1; z++)
+      N.push(P.table[$[z]].node);
     return e.fromArray(C(N));
   }, e.rawSplit = function(O) {
     return e.fromArray(
@@ -27132,6 +27132,12 @@ const J9 = ["src"], Q9 = {
   },
   valueFormatter: {
     type: Function
+  },
+  previewer: {
+    type: Function
+  },
+  downloader: {
+    type: Function
   }
 };
 function uf(e) {
@@ -27179,13 +27185,13 @@ const lI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       [`x-attachment--${r.listType}`]: !!r.listType,
       "is-disabled": !!r.disabled,
       "is-pointer": !!r.clickable || !!r.selectable,
-      "is-not-add": !r.addable || r.limit === C.value.length,
+      "is-not-add": !r.addable || r.limit && r.limit <= C.value.length,
       [`is-${r.size}`]: !!r.size
-    })), C = Ce([]), b = X(() => C.value.filter((z) => Fu(z)).map((z) => z.url)), y = X(
+    })), C = Ce([]), b = X(() => C.value.filter((B) => Fu(B)).map((B) => B.url)), y = X(
       () => r.removable || r.previewable || r.downloadable
-    ), _ = (z) => {
-      const A = uf(z);
-      return A === "img" ? r.thumbnail && !z.url.startsWith("blob:") ? r.thumbnail(z) : z.url : gI[A];
+    ), _ = (B) => {
+      const A = uf(B);
+      return A === "img" ? r.thumbnail && !B.url.startsWith("blob:") ? r.thumbnail(B) : B.url : gI[A];
     }, w = X(() => ({
       autoUpload: !0,
       limit: r.limit,
@@ -27197,8 +27203,8 @@ const lI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }));
     tt(
       () => r.modelValue,
-      async (z) => {
-        const A = Bu(z || []);
+      async (B) => {
+        const A = Bu(B || []);
         C.value = r.formatter ? await r.formatter(A) : A;
       },
       {
@@ -27206,30 +27212,30 @@ const lI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       }
     ), tt(
       () => r.selectValue,
-      (z) => {
+      (B) => {
         m.value = [].concat(
-          Bu(z || [])
+          Bu(B || [])
         );
       },
       {
         immediate: !0
       }
     );
-    const O = (z, A) => {
+    const O = (B, A) => {
       Tr.warning({
         message: `您选择的文件数量超过了限制，只允许上传${r.limit}个文件。`
       });
-    }, x = async (z = []) => r.valueFormatter ? await r.valueFormatter(z) : z, E = (z) => {
+    }, x = async (B = []) => r.valueFormatter ? await r.valueFormatter(B) : B, E = (B) => {
       if (!r.limitSize) return !0;
       const A = r.limitSize.toUpperCase(), k = Number.parseFloat(A) || 0;
-      return k ? A.endsWith("M") ? z.size < k * 1024 ** 2 : z.size < k * 1024 : !0;
-    }, D = (z) => {
-      const A = C.value.findIndex((k) => k.uid === z.uid);
+      return k ? A.endsWith("M") ? B.size < k * 1024 ** 2 : B.size < k * 1024 : !0;
+    }, D = (B) => {
+      const A = C.value.findIndex((k) => k.uid === B.uid);
       A > -1 && C.value.splice(A, 1);
-    }, P = async (z) => {
+    }, P = async (B) => {
       const A = r.uploader || o.uploader;
       if (A) {
-        const k = z.file;
+        const k = B.file;
         if (!E(k)) {
           D(k), Tr.error({
             message: `上传文件体积不可超过${r.limitSize}`
@@ -27238,44 +27244,44 @@ const lI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         }
         i.value = !0;
         const W = await A(k).catch(() => null);
-        if (!W) {
+        if (i.value = !1, !W) {
           D(k), Tr.error({
             message: `文件${k.name}上传失败。`
           });
           return;
         }
-        return i.value = !1, typeof W == "string" ? { url: W } : W;
+        return typeof W == "string" ? { url: W } : W;
       }
-    }, $ = (z) => {
-      const A = m.value.findIndex((k) => k.url === z.url);
-      A > -1 ? r.multiple ? m.value.splice(A, 1) : m.value = [] : r.multiple ? m.value.push(oi(z)) : m.value = [oi(z)], l("select", m.value), l(
+    }, $ = (B) => {
+      const A = m.value.findIndex((k) => k.url === B.url);
+      A > -1 ? r.multiple ? m.value.splice(A, 1) : m.value = [] : r.multiple ? m.value.push(oi(B)) : m.value = [oi(B)], l("select", m.value), l(
         "update:selectValue",
         r.multiple ? m.value : m.value[0]
       );
-    }, N = (z) => {
-      const A = m.value.findIndex((k) => k.url === z.url);
+    }, N = (B) => {
+      const A = m.value.findIndex((k) => k.url === B.url);
       A > -1 && m.value.splice(A, 1);
-    }, B = (z) => !!m.value.find((A) => A.url === z.url), ae = (z) => {
-      r.clickable && l("click", oi(z)), r.selectable && $(z);
-    }, de = async (z, A) => {
+    }, z = (B) => !!m.value.find((A) => A.url === B.url), ae = (B) => {
+      r.clickable && l("click", oi(B)), r.selectable && $(B);
+    }, de = async (B, A) => {
       if (A.every((I) => I.status === "success") && A.length === C.value.length) {
         const I = C.value.map((W) => oi(W));
-        l("change", I), l("update:modelValue", await x(I)), z?.response && (s.value = Symbol());
+        l("change", I), l("update:modelValue", await x(I)), B?.response && (s.value = Symbol());
       }
-    }, he = async (z) => {
+    }, he = async (B) => {
       if (!await ds.confirm("确定删除文件?", "提示", {
         type: "warning"
       }).catch(() => !1)) return;
-      const k = C.value.filter((I) => I.uid !== z.uid || I.url !== z.url).map((I) => oi(I));
-      C.value = k, l("remove", z), l("change", k), l("update:modelValue", await x(k)), N(z), z?.raw || (s.value = Symbol());
-    }, Z = (z) => {
-      q2(z.url, z.name).catch(() => {
-        Sf(z.url, z.name);
-      }), l("download", z);
-    }, K = (z) => {
-      Fu(z) ? (u.value = b.value.findIndex(
-        (A) => A === z.url
-      ), c.value = !0) : Sf(z.url, z.name), l("preview", z);
+      const k = C.value.filter((I) => I.uid !== B.uid || I.url !== B.url).map((I) => oi(I));
+      C.value = k, l("remove", B), l("change", k), l("update:modelValue", await x(k)), N(B), B?.raw || (s.value = Symbol());
+    }, Z = (B) => {
+      r.downloader ? r.downloader(B) : q2(B.url, B.name).catch(() => {
+        Sf(B.url, B.name);
+      }), l("download", B);
+    }, K = (B) => {
+      Fu(B) ? (u.value = b.value.findIndex(
+        (A) => A === B.url
+      ), c.value = !0) : r.previewer ? r.previewer(B) : Sf(B.url, B.name), l("preview", B);
     }, J = () => {
       c.value = !1;
     };
@@ -27285,7 +27291,7 @@ const lI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       download: Z,
       selections: m,
       fileList: C
-    }), (z, A) => (ve(), pt("div", {
+    }), (B, A) => (ve(), pt("div", {
       class: $n(["x-attachment", g.value])
     }, [
       (ve(), Ye(F(dh), Et({
@@ -27301,7 +27307,7 @@ const lI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       }), {
         file: Ie(({ file: k }) => [
           so((ve(), pt("div", {
-            class: $n(["x-attachment__item", { "is-selected": B(k) }]),
+            class: $n(["x-attachment__item", { "is-selected": z(k) }]),
             onClick: (I) => ae(k)
           }, [
             Ht("div", yI, [
@@ -27361,11 +27367,11 @@ const lI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           ])
         ]),
         tip: Ie(() => [
-          ht(z.$slots, "tip")
+          ht(B.$slots, "tip")
         ]),
         default: Ie(() => [
           Ht("div", vI, [
-            ht(z.$slots, "upload", {}, () => [
+            ht(B.$slots, "upload", {}, () => [
               ot(F(ri), null, {
                 default: Ie(() => [
                   ot(F(Ch))