@vtj/ui 0.8.103 → 0.8.105

package/dist/index.mjs

@@ -8,10 +8,10 @@ import { useRouter as yd, 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.103
+ * @version 0.8.105
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const RI = "0.8.103", Ob = {
+const RI = "0.8.105", Ob = {
   default: 14,
   small: 12,
   large: 18
@@ -472,7 +472,7 @@ const zb = { key: 0 }, Hb = /* @__PURE__ */ nt({
       c && r("dragstart", Tr(n), x);
     }, v = (x) => {
       c && r("dragend", Tr(n), x);
-    }, y = (x) => h(Pu, i.value, () => [].concat(x)), $ = (x) => h(
+    }, y = (x) => h(Pu, i.value, () => [].concat(x)), D = (x) => h(
       y2,
       { ...a.value, disabled: s.value, onCommand: g },
       {
@@ -493,7 +493,7 @@ const zb = { key: 0 }, Hb = /* @__PURE__ */ nt({
     ]), S = q(() => {
       let x = h(Li(Hb), { ...n, onClick: m });
       const E = o.default?.();
-      return E && E.length && (x = E[0]), i.value && (x = y(x)), a.value && (x = $(x)), l.value && (x = w(x)), x;
+      return E && E.length && (x = E[0]), i.value && (x = y(x)), a.value && (x = D(x)), l.value && (x = w(x)), x;
     });
     return (x, E) => (ge(), ft("div", {
       class: Dn(["x-action", u.value]),
@@ -1048,7 +1048,7 @@ class Df {
       onEnd: (v, y) => {
         if (clearTimeout(a), document.body.classList.remove($f), this.dragging && m) {
           this.dragging = !1;
-          const { x: $, y: w } = v, S = this.getPosition(m, u, $, w);
+          const { x: D, y: w } = v, S = this.getPosition(m, u, D, w);
           i && i(S, y), m = null;
         }
       }
@@ -1123,11 +1123,11 @@ class Mf {
     const { x: a, y: s, elementX: c, elementY: u, elementHeight: m, elementWidth: g } = t, { onResizing: C } = r, {
       minWidth: v = 0,
       minHeight: y = 0,
-      maxWidth: $ = 99999,
+      maxWidth: D = 99999,
       maxHeight: w = 99999
     } = r;
     if (i.includes("e")) {
-      const S = Math.min(Math.max(c.value, v), $);
+      const S = Math.min(Math.max(c.value, v), D);
       l.style.width = `${S}px`;
     }
     if (i.includes("s")) {
@@ -1137,7 +1137,7 @@ class Mf {
     if (i.includes("w")) {
       const S = Math.min(
         Math.max(g.value - c.value, v),
-        $
+        D
       );
       l.style.width = `${S}px`, l.style.left = `${a.value}px`;
     }
@@ -1402,11 +1402,11 @@ const l1 = ["src"], ic = /* @__PURE__ */ nt({
   props: Jb,
   emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, r = n, l = Ro(), i = Ce(), a = Ce(), { state: s, maximized: c, minimized: u, normal: m } = Qb(o, i), { styles: g, classes: C, wrapperClass: v, modalStyle: y } = e1(o, s), { changeMode: $, active: w, close: S, show: x, hide: E, submit: M, cancel: A } = t1(
+    const o = e, r = n, l = Ro(), i = Ce(), a = Ce(), { state: s, maximized: c, minimized: u, normal: m } = Qb(o, i), { styles: g, classes: C, wrapperClass: v, modalStyle: y } = e1(o, s), { changeMode: D, active: w, close: S, show: x, hide: E, submit: M, cancel: A } = t1(
       o,
       s,
       r
-    ), D = n1(o, s, r, i), P = o1(o, s, r), B = r1(o, a);
+    ), $ = n1(o, s, r, i), P = o1(o, s, r), B = r1(o, a);
     cd(async () => {
       o.modelValue ? (await te(), l && (r("open", l), document.body.classList.add("x-dialog-visible"))) : document.body.classList.remove("x-dialog-visible");
     });
@@ -1417,7 +1417,7 @@ const l1 = ["src"], ic = /* @__PURE__ */ nt({
       state: s,
       maximized: c,
       minimized: u,
-      changeMode: $,
+      changeMode: D,
       show: x,
       hide: E,
       submit: M,
@@ -1465,7 +1465,7 @@ const l1 = ["src"], ic = /* @__PURE__ */ nt({
               mode: "icon",
               type: "primary",
               background: "hover",
-              onClick: he[0] || (he[0] = (Z) => F($)("minimized"))
+              onClick: he[0] || (he[0] = (Z) => F(D)("minimized"))
             }, null, 8, ["icon", "size"])) : Be("", !0),
             o.maximizable ? (ge(), ft(bn, { key: 1 }, [
               F(m) ? (ge(), Ye(F(Gn), {
@@ -1475,7 +1475,7 @@ const l1 = ["src"], ic = /* @__PURE__ */ nt({
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: he[2] || (he[2] = (Z) => F($)("maximized"))
+                onClick: he[2] || (he[2] = (Z) => F(D)("maximized"))
               }, null, 8, ["icon", "size"])) : (ge(), Ye(F(Gn), {
                 key: 0,
                 icon: F(Z2),
@@ -1483,7 +1483,7 @@ const l1 = ["src"], ic = /* @__PURE__ */ nt({
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: he[1] || (he[1] = (Z) => F($)("normal"))
+                onClick: he[1] || (he[1] = (Z) => F(D)("normal"))
               }, null, 8, ["icon", "size"]))
             ], 64)) : Be("", !0),
             o.closable ? (ge(), Ye(F(Gn), {
@@ -1551,7 +1551,7 @@ const l1 = ["src"], ic = /* @__PURE__ */ nt({
             key: "0"
           } : void 0
         ]), 1040, ["header", "class", "style", "size", "body", "onClick"])), [
-          [F(Zb), F(D)],
+          [F(Zb), F($)],
           [F(kh), F(P)]
         ])
       ], 2)
@@ -2388,18 +2388,18 @@ function Mh(e, t) {
 }
 function k1(e, t) {
   const n = yd(), o = Ba([]), r = Ba([]), l = q(() => Mh(o.value, e.menuAdapter)), i = q(() => B2(l.value, "id")), a = Ce(null), s = (v) => {
-    const y = typeof v == "object" ? v.id : v, $ = i.value.get(y);
-    if (!$) {
+    const y = typeof v == "object" ? v.id : v, D = i.value.get(y);
+    if (!D) {
       console.warn("找不到菜单", v);
       return;
     }
-    const { type: w = "route", url: S, title: x, icon: E } = $;
+    const { type: w = "route", url: S, title: x, icon: E } = D;
     if (!S) {
-      a.value = $, t("select", $);
+      a.value = D, t("select", D);
       return;
     }
     if (w === "route") {
-      z2(S) || S.startsWith("//") ? window.open(S) : (a.value = $, n.push(S).catch((M) => M));
+      z2(S) || S.startsWith("//") ? window.open(S) : (a.value = D, n.push(S).catch((M) => M));
       return;
     }
     if (w === "window") {
@@ -2436,7 +2436,7 @@ function k1(e, t) {
 function $1(e, t, n, o, r) {
   const l = Sh(), i = yd(), a = {}, s = Ce([]), c = Ce(), { width: u } = Eh(c), m = q(() => Math.floor(u.value / m1)), g = q(
     () => s.value.slice(0, m.value).filter((K) => !K.dialog)
-  ), C = q(() => s.value.slice(m.value)), v = (K) => n.value.find((J) => J.url === K), y = (K) => l.fullPath === K.url, $ = (K) => r.value.id === K ? r.value : s.value.find((J) => J.id === K), w = Ce(""), S = q(() => $(w.value)), x = (K) => {
+  ), C = q(() => s.value.slice(m.value)), v = (K) => n.value.find((J) => J.url === K), y = (K) => l.fullPath === K.url, D = (K) => r.value.id === K ? r.value : s.value.find((J) => J.id === K), w = Ce(""), S = q(() => D(w.value)), x = (K) => {
     i.push(K.url).catch((J) => J);
   }, E = (K) => {
     w.value = K.id, l.fullPath !== K.url && x(K);
@@ -2445,7 +2445,7 @@ function $1(e, t, n, o, r) {
   }, A = (K) => {
     const J = s.value.find((X) => X.url === K.url || X.id === K.id);
     J ? E(J) : (s.value.unshift(K), E(K));
-  }, D = async (K) => {
+  }, $ = async (K) => {
     const { url: J = l.fullPath, icon: X, title: N } = K || {}, k = a[J], _ = fh(), j = ph(J);
     return {
       id: _,
@@ -2494,7 +2494,7 @@ function $1(e, t, n, o, r) {
     if (K)
       w.value = r.value.id;
     else {
-      const X = await D(J);
+      const X = await $(J);
       A(X);
     }
     await te(), o.value = J || null;
@@ -2525,7 +2525,7 @@ function D1(e) {
     if (t.has(M))
       return t.get(M);
     {
-      const A = ph(M), D = {
+      const A = ph(M), $ = {
         name: A,
         setup() {
           const P = q(() => o[M] || document.body), B = q(() => !o[M]), ae = q(() => !n.value.includes(A));
@@ -2542,7 +2542,7 @@ function D1(e) {
           ) : null;
         }
       };
-      return t.set(M, D), D;
+      return t.set(M, $), $;
     }
   }, m = (x) => {
     x.dialog = void 0, delete o[x.url];
@@ -2583,19 +2583,19 @@ function D1(e) {
     n.value = [x.name], await te(), n.value = [];
   }, y = async (x) => {
     n.value = x.map((E) => E.name), await te(), n.value = [];
-  }, $ = (x) => (x.preventDefault(), !1), w = (x) => {
+  }, D = (x) => (x.preventDefault(), !1), w = (x) => {
     if (x.dataTransfer) {
       const E = x.dataTransfer.getData("tab"), M = c.value.find((A) => A.id === E);
       if (M) {
-        const { clientX: A, clientY: D } = x;
+        const { clientX: A, clientY: $ } = x;
         M.dialog = {
           left: A,
-          top: D
+          top: $
         }, C(M);
       }
     }
   }, S = (x) => !!o[x];
-  return Wa(document, "dragover", $), Wa(document, "drop", w), {
+  return Wa(document, "dragover", D), Wa(document, "drop", w), {
     createView: u,
     openDialog: C,
     refresh: v,
@@ -2615,14 +2615,14 @@ const PI = /* @__PURE__ */ nt({
     const n = e, o = t, r = O1(n), { collapsed: l, keyword: i, favorite: a } = T1(), { menus: s, favorites: c, flatMenus: u, active: m, select: g, toggleFavorite: C } = k1(n, o), {
       tabRef: v,
       showTabs: y,
-      currentTab: $,
+      currentTab: D,
       changeTab: w,
       removeTab: S,
       tabs: x,
       updateTab: E,
       isCurrentTab: M,
       activeHome: A,
-      removeAllTabs: D,
+      removeAllTabs: $,
       removeOtherTabs: P,
       dropdownTabs: B,
       moveToShow: ae
@@ -2634,7 +2634,7 @@ const PI = /* @__PURE__ */ nt({
     }), N = async (ce) => {
       await S(ce) && await J([ce]);
     }, k = async () => {
-      const ce = await D();
+      const ce = await $();
       ce && (X(ce), await J(ce));
     }, _ = async () => {
       const ce = await P();
@@ -2650,7 +2650,7 @@ const PI = /* @__PURE__ */ nt({
       favorites: c,
       updateTab: E,
       active: m,
-      currentTab: $
+      currentTab: D
     }), (ce, ke) => (ge(), Ye(F(Ut), {
       class: Dn(["x-mask", { "is-disabled": n.disabled }]),
       fit: ""
@@ -2718,7 +2718,7 @@ const PI = /* @__PURE__ */ nt({
                     favorites: F(c),
                     tabs: F(y),
                     home: F(r),
-                    value: F($)?.id,
+                    value: F(D)?.id,
                     onClick: F(w),
                     onToggleFavorite: F(C),
                     onRemove: N,
@@ -3431,11 +3431,11 @@ function vw(e, t) {
   });
 }
 function bw(e, t) {
-  var n = gw({}, dw.treeOptions, t), o = n.strict, r = n.key, l = n.parentKey, i = n.children, a = n.mapChildren, s = n.sortKey, c = n.reverse, u = n.data, m = [], g = {}, C = {}, v, y, $;
+  var n = gw({}, dw.treeOptions, t), o = n.strict, r = n.key, l = n.parentKey, i = n.children, a = n.mapChildren, s = n.sortKey, c = n.reverse, u = n.data, m = [], g = {}, C = {}, v, y, D;
   return s && (e = fw(pw(e), s), c && (e = e.reverse())), Wu(e, function(w) {
     v = w[r], C[v] = !0;
   }), Wu(e, function(w) {
-    v = w[r], u ? (y = {}, y[u] = w) : y = w, $ = w[l], g[v] = g[v] || [], y[r] = v, y[l] = $, v === $ && ($ = null, console.log("Fix infinite Loop.", w)), g[$] = g[$] || [], g[$].push(y), y[i] = g[v], a && (y[a] = g[v]), (!o || o && mw($)) && (C[$] || m.push(y));
+    v = w[r], u ? (y = {}, y[u] = w) : y = w, D = w[l], g[v] = g[v] || [], y[r] = v, y[l] = D, v === D && (D = null, console.log("Fix infinite Loop.", w)), g[D] = g[D] || [], g[D].push(y), y[i] = g[v], a && (y[a] = g[v]), (!o || o && mw(D)) && (C[D] || m.push(y));
   }), o && vw(e, i), m;
 }
 var yw = bw, xw = Nr, Cw = Mn, ww = Yo;
@@ -3491,9 +3491,9 @@ function Aw(e, t, n, o) {
 }
 var Vw = Aw, Lw = uc, Bw = io, zw = Yo;
 function lg(e, t, n, o, r, l, i, a, s) {
-  var c, u, m, g, C, v = [], y = s.original, $ = s.data, w = s.mapChildren || a, S = s.isEvery;
+  var c, u, m, g, C, v = [], y = s.original, D = s.data, w = s.mapChildren || a, S = s.isEvery;
   return Bw(n, function(x, E) {
-    c = l.concat(["" + E]), u = i.concat([x]), g = e && !S || o.call(r, x, E, n, c, t, u), C = a && x[a], g || C ? (y ? m = x : (m = zw({}, x), $ && (m[$] = x)), m[w] = lg(g, x, x[a], o, r, c, u, a, s), (g || m[w].length) && v.push(m)) : g && v.push(m);
+    c = l.concat(["" + E]), u = i.concat([x]), g = e && !S || o.call(r, x, E, n, c, t, u), C = a && x[a], g || C ? (y ? m = x : (m = zw({}, x), D && (m[D] = x)), m[w] = lg(g, x, x[a], o, r, c, u, a, s), (g || m[w].length) && v.push(m)) : g && v.push(m);
   }), v;
 }
 var Hw = Lw(function(e, t, n, o, r, l, i, a) {
@@ -4164,7 +4164,7 @@ function pT(e, t, n) {
       }, y = function(x, E) {
         var M = e.getTimezoneOffset() / 60 * -1;
         return Wr(e, i, x, (M >= 0 ? "+" : "-") + Qo(M, 2, "0") + (E === 1 ? ":" : "") + "00");
-      }, $ = function(x, E) {
+      }, D = function(x, E) {
         return Qo(Wr(e, i, x, iT(e, (n ? n.firstDay : null) || qs.firstDayOfWeek)), E, "0");
       }, w = function(x, E) {
         return Qo(Wr(e, i, x, aT(e)), E, "0");
@@ -4187,8 +4187,8 @@ function pT(e, t, n) {
         S: v,
         ZZ: y,
         Z: y,
-        WW: $,
-        W: $,
+        WW: D,
+        W: D,
         DDD: w,
         D: w,
         a: function(x) {
@@ -4414,8 +4414,8 @@ function t5(e, t, n) {
   }, C = function() {
     c === !0 && (a = null), !i && u === !0 && g();
   }, v = function() {
-    var $ = a !== null;
-    return $ && clearTimeout(a), m(), a = null, i = !1, $;
+    var D = a !== null;
+    return D && clearTimeout(a), m(), a = null, i = !1, D;
   }, y = function() {
     i = !1, o = arguments, r = this, a === null ? c === !0 && g() : clearTimeout(a), a = setTimeout(C, t);
   };
@@ -5594,18 +5594,18 @@ function rM(e) {
     if (x !== "auto")
       return Math.max(1, f.toNumber(x));
   }
-  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 = iu(o) + iu(qr(o, ""));
-  let S = $ + w;
+  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", D = f.floor((f.toNumber(getComputedStyle(o).fontSize) || 14) * 1.6), w = iu(o) + iu(qr(o, ""));
+  let S = D + w;
   if (y) {
-    const x = iu(qr(o, "--title>.vxe-cell--checkbox")), E = Xl(qr(o, ">.vxe-cell--required-icon")), M = Xl(qr(o, ">.vxe-cell--edit-icon")), A = Xl(qr(o, ">.vxe-cell-title-prefix-icon")), D = Xl(qr(o, ">.vxe-cell-title-suffix-icon")), P = Xl(qr(o, ">.vxe-cell--sort")), B = Xl(qr(o, ">.vxe-cell--filter"));
-    S += x + E + M + A + D + B + P;
+    const x = iu(qr(o, "--title>.vxe-cell--checkbox")), E = Xl(qr(o, ">.vxe-cell--required-icon")), M = Xl(qr(o, ">.vxe-cell--edit-icon")), A = Xl(qr(o, ">.vxe-cell-title-prefix-icon")), $ = Xl(qr(o, ">.vxe-cell-title-suffix-icon")), P = Xl(qr(o, ">.vxe-cell--sort")), B = Xl(qr(o, ">.vxe-cell--filter"));
+    S += x + E + M + A + $ + B + P;
   }
   if (u) {
     const { refTableBody: x } = t.getRefMaps(), E = x.value, M = E ? E.$el : null;
     if (M) {
       if (li(u)) {
-        const D = (M.clientWidth - 1) / 100;
-        return Math.max(S, Math.floor(f.toInteger(u) * D));
+        const $ = (M.clientWidth - 1) / 100;
+        return Math.max(S, Math.floor(f.toInteger(u) * $));
       } else if (Yu(u))
         return Math.max(S, f.toInteger(u));
     }
@@ -6474,7 +6474,7 @@ const ci = nt({
       confirmFilter: s,
       resetFilter: u
     }, y = (S, x) => {
-      const { filterStore: E } = e, { column: M, multiple: A, maxHeight: D } = E, { slots: P } = M, B = P ? P.filter : null, ae = Object.assign({}, o._currFilterParams, { $panel: v, $table: t });
+      const { filterStore: E } = e, { column: M, multiple: A, maxHeight: $ } = E, { slots: P } = M, B = P ? P.filter : null, ae = Object.assign({}, o._currFilterParams, { $panel: v, $table: t });
       if (B)
         return [
           h("div", {
@@ -6513,8 +6513,8 @@ const ci = nt({
         ]),
         h("ul", {
           class: "vxe-table--filter-body",
-          style: D ? {
-            maxHeight: `${D}px`
+          style: $ ? {
+            maxHeight: `${$}px`
           } : {}
         }, E.options.map((Z) => {
           const K = Z._checked;
@@ -6537,8 +6537,8 @@ const ci = nt({
           ]));
         }))
       ];
-    }, $ = () => {
-      const { filterStore: S } = e, { column: x, multiple: E } = S, M = l.value, A = i.value, D = x.filterRender, P = D ? at.renderer.get(D.name) : null, B = !A && !S.isAllSelected && !S.isIndeterminate;
+    }, D = () => {
+      const { filterStore: S } = e, { column: x, multiple: E } = S, M = l.value, A = i.value, $ = x.filterRender, P = $ ? at.renderer.get($.name) : null, B = !A && !S.isAllSelected && !S.isIndeterminate;
       return E && (!P || P.showFilterFooter !== !1) ? [
         h("div", {
           class: "vxe-table--filter-footer"
@@ -6557,12 +6557,12 @@ const ci = nt({
       ] : [];
     };
     return () => {
-      const { filterStore: S } = e, { initStore: x } = n, { column: E } = S, M = E ? E.filterRender : null, A = M ? at.renderer.get(M.name) : null, D = A ? A.filterClassName : "", P = Object.assign({}, o._currFilterParams, { $panel: v, $table: t });
+      const { filterStore: S } = e, { initStore: x } = n, { column: E } = S, M = E ? E.filterRender : null, A = M ? at.renderer.get(M.name) : null, $ = A ? A.filterClassName : "", P = Object.assign({}, o._currFilterParams, { $panel: v, $table: t });
       return h("div", {
         class: [
           "vxe-table--filter-wrapper",
           "filter--prevent-default",
-          Qr(D, P),
+          Qr($, P),
           {
             "is--animat": t.props.animat,
             "is--multiple": S.multiple,
@@ -6570,7 +6570,7 @@ const ci = nt({
           }
         ],
         style: S.style
-      }, x.filter && S.visible ? y(M, A).concat($()) : []);
+      }, x.filter && S.visible ? y(M, A).concat(D()) : []);
     };
   }
 }), PM = ["setFilter", "clearFilter", "getCheckedFilters"], AM = {
@@ -6594,15 +6594,15 @@ const ci = nt({
         if (v.column === m && v.visible)
           v.visible = !1;
         else {
-          const { target: y, pageX: $ } = u, { visibleWidth: w } = ol(), { filters: S, filterMultiple: x, filterRender: E } = m, M = E ? at.renderer.get(E.name) : null, A = m.filterRecoverMethod || (M ? M.filterRecoverMethod : null);
+          const { target: y, pageX: D } = u, { visibleWidth: w } = ol(), { filters: S, filterMultiple: x, filterRender: E } = m, M = E ? at.renderer.get(E.name) : null, A = m.filterRecoverMethod || (M ? M.filterRecoverMethod : null);
           o._currFilterParams = g, Object.assign(v, {
             multiple: x,
             options: S,
             column: m,
             style: null
-          }), v.options.forEach((D) => {
-            const { _checked: P, checked: B } = D;
-            D._checked = B, !B && P !== B && A && A({ option: D, column: m, $table: e });
+          }), v.options.forEach(($) => {
+            const { _checked: P, checked: B } = $;
+            $._checked = B, !B && P !== B && A && A({ option: $, column: m, $table: e });
           }), this.checkFilterOptions(), v.visible = !0, C.filter = !0, te(() => {
             const P = r.value.$el, B = l.value, ae = B ? B.$el : null;
             let de = 0, he = 0, Z = null, K = null;
@@ -6614,10 +6614,10 @@ const ci = nt({
             };
             let U = null;
             if (he >= P.clientHeight && (U = Math.max(60, P.clientHeight - (K ? K.offsetHeight : 0) - (Z ? Z.offsetHeight : 0))), m.fixed === "left" ? k = y.offsetLeft + y.offsetParent.offsetLeft - J : m.fixed === "right" ? _ = y.offsetParent.offsetWidth - y.offsetLeft + (y.offsetParent.offsetParent.offsetWidth - y.offsetParent.offsetLeft) - m.renderWidth - J : k = y.offsetLeft + y.offsetParent.offsetLeft - J - P.scrollLeft, k) {
-              const ce = $ + de - J + X - w;
+              const ce = D + de - J + X - w;
               ce > 0 && (k -= ce), j.left = `${Math.min(N, Math.max(X, k))}px`;
             } else if (_) {
-              const ce = $ + de - J + X - w;
+              const ce = D + de - J + X - w;
               ce > 0 && (_ += ce), j.right = `${Math.max(X, _)}px`;
             }
             v.style = j, v.maxHeight = U;
@@ -6642,15 +6642,15 @@ const ci = nt({
        * @param {Event} evnt 事件
        */
       confirmFilterEvent(u) {
-        const { mouseConfig: m } = t, { filterStore: g, scrollXLoad: C, scrollYLoad: v } = n, y = i.value, $ = a.value, { column: w } = g, { field: S } = w, x = [], E = [];
-        w.filters.forEach((D) => {
-          D.checked && (x.push(D.value), E.push(D.data));
+        const { mouseConfig: m } = t, { filterStore: g, scrollXLoad: C, scrollYLoad: v } = n, y = i.value, D = a.value, { column: w } = g, { field: S } = w, x = [], E = [];
+        w.filters.forEach(($) => {
+          $.checked && (x.push($.value), E.push($.data));
         });
         const M = e.getCheckedFilters(), A = { $table: e, $event: u, column: w, field: S, property: S, values: x, datas: E, filters: M, filterList: M };
-        y.remote || (e.handleTableData(!0), e.checkSelectionStatus()), m && $.area && e.handleFilterEvent && e.handleFilterEvent(u, A), e.dispatchEvent("filter-change", A, u), e.closeFilter(), e.updateFooter().then(() => {
-          const { scrollXLoad: D, scrollYLoad: P } = n;
-          if (C || D || v || P)
-            return (C || D) && e.updateScrollXSpace(), (v || P) && e.updateScrollYSpace(), e.refreshScroll();
+        y.remote || (e.handleTableData(!0), e.checkSelectionStatus()), m && D.area && e.handleFilterEvent && e.handleFilterEvent(u, A), e.dispatchEvent("filter-change", A, u), e.closeFilter(), e.updateFooter().then(() => {
+          const { scrollXLoad: $, scrollYLoad: P } = n;
+          if (C || $ || v || P)
+            return (C || $) && e.updateScrollXSpace(), (v || P) && e.updateScrollYSpace(), e.refreshScroll();
         }).then(() => (e.updateCellAreas(), e.recalculate(!0))).then(() => {
           setTimeout(() => e.recalculate(), 50);
         });
@@ -6668,8 +6668,8 @@ const ci = nt({
           return e.scrollToColumn(m).then(() => {
             const v = g[`${C || "main"}-header-wrapper`] || g["main-header-wrapper"], y = v ? v.value : null;
             if (y) {
-              const $ = y.querySelector(`.vxe-header--column.${m.id} .vxe-filter--btn`);
-              tM($, "click");
+              const D = y.querySelector(`.vxe-header--column.${m.id} .vxe-filter--btn`);
+              tM(D, "click");
             }
           });
         }
@@ -6705,10 +6705,10 @@ const ci = nt({
       getCheckedFilters() {
         const { tableFullColumn: u } = o, m = [];
         return u.forEach((g) => {
-          const { field: C, filters: v } = g, y = [], $ = [];
+          const { field: C, filters: v } = g, y = [], D = [];
           v && v.length && (v.forEach((w) => {
-            w.checked && (y.push(w.value), $.push(w.data));
-          }), y.length && m.push({ column: g, field: C, property: C, values: y, datas: $ }));
+            w.checked && (y.push(w.value), D.push(w.data));
+          }), y.length && m.push({ column: g, field: C, property: C, values: y, datas: D }));
         }), m;
       }
     }), s);
@@ -6772,7 +6772,7 @@ const ui = nt({
           class: "vxe-context-menu--option-wrapper",
           key: C
         }, g.map((v, y) => {
-          const $ = v.children && v.children.some((w) => w.visible !== !1);
+          const D = v.children && v.children.some((w) => w.visible !== !1);
           return v.visible === !1 ? null : h("li", {
             class: [v.className, {
               "link--disabled": v.disabled,
@@ -6799,10 +6799,10 @@ const ui = nt({
                 class: "vxe-context-menu--link-content"
               }, ln(v.name)),
               h("i", {
-                class: ["vxe-context-menu--link-suffix", $ ? v.suffixIcon || "suffix--haschild" : v.suffixIcon]
+                class: ["vxe-context-menu--link-suffix", D ? v.suffixIcon || "suffix--haschild" : v.suffixIcon]
               })
             ]),
-            $ ? h("ul", {
+            D ? h("ul", {
               class: ["vxe-table--context-menu-clild-wrapper", {
                 "is--show": v === c.selected && c.showChild
               }]
@@ -6893,17 +6893,17 @@ const BM = ["closeMenu"], zM = {
   setupTable(e) {
     const { xID: t, props: n, reactData: o, internalData: r } = e, { refElem: l, refTableFilter: i, refTableMenu: a } = e.getRefMaps(), { computeMouseOpts: s, computeIsMenu: c, computeMenuOpts: u } = e.getComputeMaps();
     let m = {}, g = {};
-    const C = (v, y, $) => {
+    const C = (v, y, D) => {
       const { ctxMenuStore: w } = o, S = c.value, x = u.value, E = x[y], M = x.visibleMethod;
       if (E) {
-        const { options: A, disabled: D } = E;
-        D ? v.preventDefault() : S && A && A.length && ($.options = A, e.preventEvent(v, "event.showMenu", $, () => {
-          if (!M || M($)) {
+        const { options: A, disabled: $ } = E;
+        $ ? v.preventDefault() : S && A && A.length && (D.options = A, e.preventEvent(v, "event.showMenu", D, () => {
+          if (!M || M(D)) {
             v.preventDefault(), e.updateZindex();
             const { scrollTop: P, scrollLeft: B, visibleHeight: ae, visibleWidth: de } = ol();
             let he = v.clientY + P, Z = v.clientX + B;
             const K = () => {
-              r._currMenuParams = $, Object.assign(w, {
+              r._currMenuParams = D, Object.assign(w, {
                 visible: !0,
                 list: A,
                 selected: null,
@@ -6918,7 +6918,7 @@ const BM = ["closeMenu"], zM = {
                 const _ = a.value.getRefMaps().refElem.value, j = _.clientHeight, U = _.clientWidth, { boundingTop: ce, boundingLeft: ke } = or(_), xe = ce + j - ae, Ve = ke + U - de;
                 xe > -10 && (w.style.top = `${Math.max(P + 2, he - j - 2)}px`), Ve > -10 && (w.style.left = `${Math.max(B + 2, Z - U - 2)}px`);
               });
-            }, { keyboard: J, row: X, column: N } = $;
+            }, { keyboard: J, row: X, column: N } = D;
             J && X && N ? e.scrollToRow(X, N).then(() => {
               const k = e.getCell(X, N);
               if (k) {
@@ -6949,9 +6949,9 @@ const BM = ["closeMenu"], zM = {
       /**
        * 处理菜单的移动
        */
-      moveCtxMenu(v, y, $, w, S, x) {
+      moveCtxMenu(v, y, D, w, S, x) {
         let E;
-        const M = f.findIndexOf(x, (A) => y[$] === A);
+        const M = f.findIndexOf(x, (A) => y[D] === A);
         if (w)
           S && is(y.selected) ? y.showChild = !0 : (y.showChild = !1, y.selectChild = null);
         else if (kt(v, Ct.ARROW_UP)) {
@@ -6960,23 +6960,23 @@ const BM = ["closeMenu"], zM = {
               E = x[A];
               break;
             }
-          y[$] = E || x[x.length - 1];
+          y[D] = E || x[x.length - 1];
         } else if (kt(v, Ct.ARROW_DOWN)) {
           for (let A = M + 1; A < x.length; A++)
             if (x[A].visible !== !1) {
               E = x[A];
               break;
             }
-          y[$] = E || x[0];
-        } else y[$] && (kt(v, Ct.ENTER) || kt(v, Ct.SPACEBAR)) && g.ctxMenuLinkEvent(v, y[$]);
+          y[D] = E || x[0];
+        } else y[D] && (kt(v, Ct.ENTER) || kt(v, Ct.SPACEBAR)) && g.ctxMenuLinkEvent(v, y[D]);
       },
       handleOpenMenuEvent: C,
       /**
        * 快捷菜单事件处理
        */
       handleGlobalContextmenuEvent(v) {
-        const { mouseConfig: y, menuConfig: $ } = n, { editStore: w, ctxMenuStore: S } = o, { visibleColumn: x } = r, E = i.value, M = a.value, A = s.value, D = u.value, P = l.value, { selected: B } = w, ae = ["header", "body", "footer"];
-        if (Ot($)) {
+        const { mouseConfig: y, menuConfig: D } = n, { editStore: w, ctxMenuStore: S } = o, { visibleColumn: x } = r, E = i.value, M = a.value, A = s.value, $ = u.value, P = l.value, { selected: B } = w, ae = ["header", "body", "footer"];
+        if (Ot(D)) {
           if (S.visible && M && Rt(v, M.getRefMaps().refElem.value).flag) {
             v.preventDefault();
             return;
@@ -7007,36 +7007,36 @@ const BM = ["closeMenu"], zM = {
               C(v, he, K), e.dispatchEvent(_, K, v);
               return;
             } else if (Rt(v, P, `vxe-table--${he}-wrapper`, (J) => J.getAttribute("xid") === t).flag) {
-              D.trigger === "cell" ? v.preventDefault() : C(v, he, K);
+              $.trigger === "cell" ? v.preventDefault() : C(v, he, K);
               return;
             }
           }
         }
         E && !Rt(v, E.$el).flag && e.closeFilter(), m.closeMenu();
       },
-      ctxMenuMouseoverEvent(v, y, $) {
+      ctxMenuMouseoverEvent(v, y, D) {
         const w = v.currentTarget, { ctxMenuStore: S } = o;
-        v.preventDefault(), v.stopPropagation(), S.selected = y, S.selectChild = $, $ || (S.showChild = is(y), S.showChild && te(() => {
+        v.preventDefault(), v.stopPropagation(), S.selected = y, S.selectChild = D, D || (S.showChild = is(y), S.showChild && te(() => {
           const x = w.nextElementSibling;
           if (x) {
-            const { boundingTop: E, boundingLeft: M, visibleHeight: A, visibleWidth: D } = or(w), P = E + w.offsetHeight, B = M + w.offsetWidth;
+            const { boundingTop: E, boundingLeft: M, visibleHeight: A, visibleWidth: $ } = or(w), P = E + w.offsetHeight, B = M + w.offsetWidth;
             let ae = "", de = "";
-            B + x.offsetWidth > D - 10 && (ae = "auto", de = `${w.offsetWidth}px`);
+            B + x.offsetWidth > $ - 10 && (ae = "auto", de = `${w.offsetWidth}px`);
             let he = "", Z = "";
             P + x.offsetHeight > A - 10 && (he = "auto", Z = "0"), x.style.left = ae, x.style.right = de, x.style.top = he, x.style.bottom = Z;
           }
         }));
       },
       ctxMenuMouseoutEvent(v, y) {
-        const { ctxMenuStore: $ } = o;
-        y.children || ($.selected = null), $.selectChild = null;
+        const { ctxMenuStore: D } = o;
+        y.children || (D.selected = null), D.selectChild = null;
       },
       /**
        * 快捷菜单点击事件
        */
       ctxMenuLinkEvent(v, y) {
         if (!y.disabled && (y.code || !y.children || !y.children.length)) {
-          const $ = at.menus.get(y.code), w = Object.assign({}, r._currMenuParams, { menu: y, $table: e, $grid: e.xegrid, $event: v }), S = $ ? $.tableMenuMethod || $.menuMethod : null;
+          const D = at.menus.get(y.code), w = Object.assign({}, r._currMenuParams, { menu: y, $table: e, $grid: e.xegrid, $event: v }), S = D ? D.tableMenuMethod || D.menuMethod : null;
           S && S(w, v), e.dispatchEvent("menu-click", w, v), m.closeMenu();
         }
       }
@@ -7071,10 +7071,10 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
     };
     function v() {
       const { editStore: w, tableColumn: S } = n, x = i.value, { actived: E } = w, { row: M, column: A } = E;
-      (M || A) && (x.mode === "row" ? S.forEach((D) => g(M, D)) : g(M, A));
+      (M || A) && (x.mode === "row" ? S.forEach(($) => g(M, $)) : g(M, A));
     }
     function y(w, S) {
-      const { tableFullTreeData: x, afterFullData: E, fullDataRowIdData: M, fullAllDataRowIdData: A } = o, D = s.value, { rowField: P, parentField: B, mapChildrenField: ae } = D, de = D.children || D.childrenField, he = S ? "push" : "unshift";
+      const { tableFullTreeData: x, afterFullData: E, fullDataRowIdData: M, fullAllDataRowIdData: A } = o, $ = s.value, { rowField: P, parentField: B, mapChildrenField: ae } = $, de = $.children || $.childrenField, he = S ? "push" : "unshift";
       w.forEach((Z) => {
         const K = Z[B], J = Xe(e, Z), X = K ? f.findTree(x, (N) => K === N[P], { children: ae }) : null;
         if (X) {
@@ -7090,8 +7090,8 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
         }
       });
     }
-    const $ = (w, S, x) => {
-      const { treeConfig: E } = t, { mergeList: M, editStore: A } = n, { tableFullTreeData: D, afterFullData: P, tableFullData: B, fullDataRowIdData: ae, fullAllDataRowIdData: de } = o, he = s.value, { transform: Z, rowField: K, mapChildrenField: J } = he, X = he.children || he.childrenField;
+    const D = (w, S, x) => {
+      const { treeConfig: E } = t, { mergeList: M, editStore: A } = n, { tableFullTreeData: $, afterFullData: P, tableFullData: B, fullDataRowIdData: ae, fullAllDataRowIdData: de } = o, he = s.value, { transform: Z, rowField: K, mapChildrenField: J } = he, X = he.children || he.childrenField;
       f.isArray(w) || (w = [w]);
       const N = Kt(e.defineField(w.map((_) => Object.assign(E && Z ? { [J]: [], [X]: [] } : {}, _))));
       if (f.eqNull(S))
@@ -7105,9 +7105,9 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
           j + U > P.length && (_.rowspan = U + N.length);
         }));
       else if (E && Z) {
-        const _ = f.findTree(D, (j) => S[K] === j[K], { children: J });
+        const _ = f.findTree($, (j) => S[K] === j[K], { children: J });
         if (_) {
-          const { parent: j } = _, U = j ? j[J] : D, ce = de[Xe(e, j)], ke = ce ? ce.level : 0;
+          const { parent: j } = _, U = j ? j[J] : $, ce = de[Xe(e, j)], ke = ce ? ce.level : 0;
           if (N.forEach((xe, Ve) => {
             const je = Xe(e, xe);
             j && (xe[he.parentField] = j[K]);
@@ -7116,7 +7116,7 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
             const H = { row: xe, rowid: je, seq: -1, index: -1, _index: -1, $index: -1, items: U, parent: j, level: ke + 1 };
             ae[je] = H, de[je] = H;
           }), j) {
-            const xe = f.findTree(D, (Ve) => S[K] === Ve[K], { children: X });
+            const xe = f.findTree($, (Ve) => S[K] === Ve[K], { children: X });
             if (xe) {
               const Ve = xe.items;
               let je = xe.index;
@@ -7152,7 +7152,7 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * @param {*} records
        */
       insert(w) {
-        return $(w, null);
+        return D(w, null);
       },
       /**
        * 往表格指定行中插入临时数据
@@ -7163,10 +7163,10 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * @param {Row} row 指定行
        */
       insertAt(w, S) {
-        return $(w, S);
+        return D(w, S);
       },
       insertNextAt(w, S) {
-        return $(w, S, !0);
+        return D(w, S, !0);
       },
       /**
        * 删除指定行数据
@@ -7175,7 +7175,7 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * 如果为空则删除所有
        */
       remove(w) {
-        const { treeConfig: S } = t, { mergeList: x, editStore: E, selectCheckboxMaps: M } = n, { tableFullTreeData: A, afterFullData: D, tableFullData: P } = o, B = a.value, ae = s.value, { transform: de, mapChildrenField: he } = ae, Z = ae.children || ae.childrenField, { actived: K, removeMaps: J, insertMaps: X } = E, { checkField: N } = B;
+        const { treeConfig: S } = t, { mergeList: x, editStore: E, selectCheckboxMaps: M } = n, { tableFullTreeData: A, afterFullData: $, tableFullData: P } = o, B = a.value, ae = s.value, { transform: de, mapChildrenField: he } = ae, Z = ae.children || ae.childrenField, { actived: K, removeMaps: J, insertMaps: X } = E, { checkField: N } = B;
         let k = [];
         if (w ? f.isArray(w) || (w = [w]) : w = P, w.forEach((_) => {
           if (!e.isInsertByRow(_)) {
@@ -7197,19 +7197,19 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
           }
           const ce = f.findTree(A, (xe) => j === Xe(e, xe), { children: Z });
           ce && ce.items.splice(ce.index, 1);
-          const ke = e.findRowIndexOf(D, _);
-          ke > -1 && D.splice(ke, 1);
+          const ke = e.findRowIndexOf($, _);
+          ke > -1 && $.splice(ke, 1);
         }) : w.forEach((_) => {
           const j = e.findRowIndexOf(P, _);
           if (j > -1) {
             const ce = P.splice(j, 1);
             k.push(ce[0]);
           }
-          const U = e.findRowIndexOf(D, _);
+          const U = e.findRowIndexOf($, _);
           U > -1 && (x.forEach((ce) => {
             const { row: ke, rowspan: xe } = ce;
             ke > U ? ce.row = ke - 1 : ke + xe > U && (ce.rowspan = xe - 1);
-          }), D.splice(U, 1));
+          }), $.splice(U, 1));
         }), K.row && e.findRowIndexOf(w, K.row) > -1 && c.clearEdit(), w.forEach((_) => {
           const j = Xe(e, _);
           X[j] && delete X[j];
@@ -7361,12 +7361,12 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
         if (w && M && E.trigger !== "manual") {
           const A = e.findRowIndexOf(x, w);
           if (A > -1 && M) {
-            const D = e.getCell(w, M), P = {
+            const $ = e.getCell(w, M), P = {
               row: w,
               rowIndex: A,
               column: M,
               columnIndex: e.getColumnIndex(M),
-              cell: D
+              cell: $
             };
             e.handleSelected(P, {});
           }
@@ -7378,13 +7378,13 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * 处理激活编辑
        */
       handleActived(w, S) {
-        const { editConfig: x, mouseConfig: E } = t, { editStore: M, tableColumn: A } = n, D = i.value, { mode: P } = D, { actived: B, focused: ae } = M, { row: de, column: he } = w, { editRender: Z } = he, K = w.cell || e.getCell(de, he), J = D.beforeEditMethod || D.activeMethod;
+        const { editConfig: x, mouseConfig: E } = t, { editStore: M, tableColumn: A } = n, $ = i.value, { mode: P } = $, { actived: B, focused: ae } = M, { 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 || P === "cell" && B.column !== he) {
             let X = "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(S), X = "edit-activated", he.renderHeight = K.offsetHeight, B.args = w, B.row = de, B.column = he, P === "row" ? A.forEach((k) => m(de, k)) : m(de, he);
-              const N = D.afterEditMethod;
+              const N = $.afterEditMethod;
               te(() => {
                 u.handleFocus(w, S), N && N(Object.assign(Object.assign({}, w), { $table: e, $grid: e.xegrid }));
               });
@@ -7425,8 +7425,8 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
         const { row: S, column: x, cell: E } = w, { editRender: M } = x;
         if (Ot(M)) {
           const A = as.get(M.name);
-          let { autofocus: D, autoselect: P } = M, B;
-          if (!D && A && (D = A.autofocus), !P && A && (P = A.autoselect), f.isFunction(D) ? B = D.call(this, w) : D && (B = E.querySelector(D), B && B.focus()), B) {
+          let { autofocus: $, autoselect: P } = M, B;
+          if (!$ && A && ($ = A.autofocus), !P && A && (P = A.autoselect), f.isFunction($) ? B = $.call(this, w) : $ && (B = E.querySelector($), B && B.focus()), B) {
             if (P)
               B.select();
             else if (bo.msie) {
@@ -7441,8 +7441,8 @@ const jM = ["insert", "insertAt", "insertNextAt", "remove", "removeCheckboxRow",
        * 处理选中源
        */
       handleSelected(w, S) {
-        const { mouseConfig: x } = t, { editStore: E } = n, M = l.value, A = i.value, { actived: D, selected: P } = E, { row: B, column: ae } = w, de = x && M.selected;
-        return de && (P.row !== B || P.column !== ae) && (D.row !== B || A.mode === "cell" && D.column !== ae) && (c.clearEdit(S), c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea()), P.args = w, P.row = B, P.column = ae, de && u.addCellSelectedClass(), e.focus(), S && e.dispatchEvent("cell-selected", w, S)), te();
+        const { mouseConfig: x } = t, { editStore: E } = n, M = l.value, A = i.value, { actived: $, selected: P } = E, { row: B, column: ae } = w, de = x && M.selected;
+        return de && (P.row !== B || P.column !== ae) && ($.row !== B || A.mode === "cell" && $.column !== ae) && (c.clearEdit(S), c.clearSelected(), e.clearCellAreas && (e.clearCellAreas(), e.clearCopyCellArea()), P.args = w, P.row = B, P.column = ae, de && u.addCellSelectedClass(), e.focus(), S && e.dispatchEvent("cell-selected", w, S)), te();
       },
       addCellSelectedClass() {
         const { editStore: w } = n, { selected: S } = w, { row: x, column: E } = S;
@@ -7558,7 +7558,7 @@ const Hn = nt({
     const y = q(() => {
       const { type: k } = e;
       return k ? ["submit", "reset", "button"].indexOf(k) > -1 : !1;
-    }), $ = q(() => {
+    }), D = q(() => {
       const { type: k, mode: _ } = e;
       return _ === "text" || k === "text" || C && C.props.mode === "text" ? "text" : "button";
     }), w = q(() => {
@@ -7593,7 +7593,7 @@ const Hn = nt({
       }
     }), A = (k) => {
       C ? C.handleClick({ name: e.name }, k) : v.dispatchEvent("click", { $event: k }, k);
-    }, D = (k) => {
+    }, $ = (k) => {
       k.button === 0 && k.stopPropagation();
     }, P = (k) => {
       const _ = k.currentTarget, j = u.value, { flag: U, targetElem: ce } = Rt(k, _, "vxe-button");
@@ -7660,7 +7660,7 @@ const Hn = nt({
       St.off(g, "mousewheel");
     });
     const N = () => {
-      const { className: k, popupClassName: _, transfer: j, title: U, type: ce, destroyOnClose: ke, name: xe, disabled: Ve, loading: je } = e, { inited: pe, showPanel: H } = i, le = y.value, fe = $.value, be = w.value, _e = S.value, se = x.value, ie = l.value;
+      const { className: k, popupClassName: _, transfer: j, title: U, type: ce, destroyOnClose: ke, name: xe, disabled: Ve, loading: je } = e, { inited: pe, showPanel: H } = i, le = y.value, fe = D.value, be = w.value, _e = S.value, se = x.value, ie = l.value;
       return n.dropdowns ? h("div", {
         ref: s,
         class: ["vxe-button--dropdown", k ? f.isFunction(k) ? k({ $button: g }) : k : "", {
@@ -7706,7 +7706,7 @@ const Hn = nt({
           }, pe ? [
             h("div", {
               class: "vxe-button--dropdown-wrapper",
-              onMousedown: D,
+              onMousedown: $,
               onClick: P,
               onMouseenter: B,
               onMouseleave: J
@@ -7860,7 +7860,7 @@ const Hn = nt({
       getRefMaps: () => m
     };
     let C = {};
-    const v = q(() => e.type === "message"), y = () => s.value, $ = () => {
+    const v = q(() => e.type === "message"), y = () => s.value, D = () => {
       const { width: se, height: ie } = e, ue = y();
       return ue.style.width = `${se ? isNaN(se) ? se : `${se}px` : ""}`, ue.style.height = `${ie ? isNaN(ie) ? ie : `${ie}px` : ""}`, te();
     }, w = () => {
@@ -7890,7 +7890,7 @@ const Hn = nt({
     }, A = (se) => {
       const ie = "close";
       C.dispatchEvent(ie, { type: ie }, se), M(ie);
-    }, D = (se) => {
+    }, $ = (se) => {
       const ie = "confirm";
       C.dispatchEvent(ie, { type: ie }, se), M(ie);
     }, P = (se) => {
@@ -7951,7 +7951,7 @@ const Hn = nt({
       }
     }), J = () => {
       const { duration: se, remember: ie, showFooter: ue } = e, { inited: ye, visible: Se } = i, we = v.value;
-      return ye || (i.inited = !0), Se || (ie || $(), i.visible = !0, i.contentVisible = !1, w(), kl.push(g), setTimeout(() => {
+      return ye || (i.inited = !0), Se || (ie || D(), i.visible = !0, i.contentVisible = !1, w(), kl.push(g), setTimeout(() => {
         i.contentVisible = !0, te(() => {
           if (ue) {
             const Qe = c.value, Ke = u.value, Pe = Qe || Ke;
@@ -8143,7 +8143,7 @@ const Hn = nt({
         ref: c,
         status: "primary",
         content: e.confirmButtonText || O.i18n("vxe.button.confirm"),
-        onClick: D
+        onClick: $
       })), ye;
     }, be = () => {
       const { slots: se = {} } = e, ie = v.value, ue = n.footer || se.footer, ye = [];
@@ -8191,11 +8191,11 @@ const Hn = nt({
         ])
       ]);
     };
-    return g.renderVN = _e, tt(() => e.width, $), tt(() => e.height, $), tt(() => e.modelValue, (se) => {
+    return g.renderVN = _e, tt(() => e.width, D), tt(() => e.height, D), tt(() => e.modelValue, (se) => {
       se ? J() : M("model");
     }), un(() => {
       te(() => {
-        e.storage && !e.id && wn("vxe.error.reqProp", ["modal.id"]), e.modelValue && J(), $();
+        e.storage && !e.id && wn("vxe.error.reqProp", ["modal.id"]), e.modelValue && J(), D();
       }), e.escClosable && St.on(g, "keydown", N);
     }), dn(() => {
       St.off(g, "keydown"), E();
@@ -8332,7 +8332,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
       getRefMaps: () => C
     };
     let y = {};
-    const $ = (R, oe) => {
+    const D = (R, oe) => {
       const { type: ve } = e;
       return ve === "time" ? GM(R) : f.toStringDate(R, oe);
     }, w = q(() => {
@@ -8341,7 +8341,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
     }), S = q(() => ["number", "integer", "float"].indexOf(e.type) > -1), x = q(() => f.getSize(s.inputValue)), E = q(() => {
       const R = x.value;
       return e.maxlength && R > f.toNumber(e.maxlength);
-    }), M = q(() => w.value || ["date", "week", "month", "quarter", "year"].indexOf(e.type) > -1), A = q(() => e.type === "password"), D = q(() => e.type === "search"), P = q(() => f.toInteger(e.digits) || 1), B = q(() => {
+    }), M = q(() => w.value || ["date", "week", "month", "quarter", "year"].indexOf(e.type) > -1), A = q(() => e.type === "password"), $ = q(() => e.type === "search"), P = q(() => f.toInteger(e.digits) || 1), B = q(() => {
       const { type: R } = e, oe = P.value, ve = e.step;
       return R === "integer" ? f.toInteger(ve) || 1 : R === "float" ? f.toNumber(ve) || 1 / Math.pow(10, oe) : f.toNumber(ve) || 1;
     }), ae = q(() => {
@@ -8350,7 +8350,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
     }), de = q(() => e.startDate ? f.toStringDate(e.startDate) : null), he = q(() => e.endDate ? f.toStringDate(e.endDate) : null), Z = q(() => ["date", "week", "month", "quarter", "year"].includes(e.type)), K = q(() => {
       const { modelValue: R, multiple: oe } = e, ve = M.value, Ae = N.value;
       return oe && R && ve ? f.toValueString(R).split(",").map((et) => {
-        const Ge = $(et, Ae);
+        const Ge = D(et, Ae);
         return f.isValidDate(Ge) ? Ge : null;
       }) : [];
     }), J = q(() => {
@@ -8366,7 +8366,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
       const { modelValue: R } = e, oe = M.value, ve = N.value;
       let Ae = null;
       if (R && oe) {
-        const et = $(R, ve);
+        const et = D(R, ve);
         f.isValidDate(et) && (Ae = et);
       }
       return Ae;
@@ -8591,7 +8591,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
     }, z = (R) => {
       const { type: oe } = e, { valueFormat: ve } = e, Ae = ke.value, et = je.value;
       let Ge = null, dt = "";
-      if (R && (Ge = $(R, ve)), f.isValidDate(Ge)) {
+      if (R && (Ge = D(R, ve)), f.isValidDate(Ge)) {
         if (dt = f.toDateString(Ge, Ae, { firstDay: et }), Ae && oe === "week" && f.getWhatWeek(Ge, 0, et, et).getFullYear() < Ge.getFullYear()) {
           const p = Ae.indexOf("yyyy");
           if (p > -1) {
@@ -8650,7 +8650,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
           }
         } else if (d)
           if (et) {
-            let T = $(et, p);
+            let T = D(et, p);
             if (f.isValidDate(T))
               if (R === "time")
                 T = f.toDateString(T, p), et !== T && Ee(T, { type: "check" }), s.inputValue = T;
@@ -9267,7 +9267,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
         onClick: Pt
       }, Ge) : null;
     }, zs = () => {
-      const { controls: R } = e, oe = S.value, ve = M.value, Ae = A.value, et = D.value;
+      const { controls: R } = e, oe = S.value, ve = M.value, Ae = A.value, et = $.value;
       let Ge;
       return Ae ? Ge = Bs() : oe ? R && (Ge = Ic()) : ve ? Ge = Fc() : et && (Ge = Hl()), Ge ? h("span", {
         class: "vxe-input--extra-suffix"
@@ -9385,29 +9385,29 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
       if (e.disabled)
         return !0;
       if (u) {
-        const { props: y } = u, { computeIsMaximize: $ } = u.getComputeMaps(), w = $.value, S = m.value;
+        const { props: y } = u, { computeIsMaximize: D } = u.getComputeMaps(), w = D.value, S = m.value;
         return y.disabled || w && !S;
       }
       return !1;
     }), C = (y) => {
-      const { checkedValue: $, uncheckedValue: w } = e;
+      const { checkedValue: D, uncheckedValue: w } = e;
       if (!g.value) {
-        const x = y.target.checked, E = x ? $ : w, M = { checked: x, value: E, label: e.label };
+        const x = y.target.checked, E = x ? D : w, M = { checked: x, value: E, label: e.label };
         u ? u.handleChecked(M, y) : (o("update:modelValue", E), s.dispatchEvent("change", M, y), r && l && r.triggerItemEvent(y, l.itemConfig.field, E));
       }
     };
     s = {
-      dispatchEvent(y, $, w) {
-        o(y, Object.assign({ $checkbox: a, $event: w }, $));
+      dispatchEvent(y, D, w) {
+        o(y, Object.assign({ $checkbox: a, $event: w }, D));
       }
     }, Object.assign(a, s);
     const v = () => {
-      const y = c.value, $ = g.value, w = m.value, S = e.indeterminate;
+      const y = c.value, D = g.value, w = m.value, S = e.indeterminate;
       return h("label", {
         class: ["vxe-checkbox", {
           [`size--${y}`]: y,
           "is--indeterminate": S,
-          "is--disabled": $,
+          "is--disabled": D,
           "is--checked": w
         }],
         title: e.title
@@ -9415,7 +9415,7 @@ const Cr = 12, YM = 20, qM = 8, Dr = nt({
         h("input", {
           class: "vxe-checkbox--input",
           type: "checkbox",
-          disabled: $,
+          disabled: D,
           checked: w,
           onChange: C
         }),
@@ -9509,8 +9509,8 @@ const Nl = nt({
       reactData: s,
       getRefMaps: () => v
     };
-    let $ = {};
-    const w = q(() => e.optionProps || {}), S = q(() => e.optionGroupProps || {}), x = q(() => w.value.label || "label"), E = q(() => w.value.value || "value"), M = q(() => S.value.label || "label"), A = q(() => S.value.options || "options"), D = q(() => {
+    let D = {};
+    const w = q(() => e.optionProps || {}), S = q(() => e.optionGroupProps || {}), x = q(() => w.value.label || "label"), E = q(() => w.value.value || "value"), M = q(() => S.value.label || "label"), A = q(() => S.value.options || "options"), $ = q(() => {
       const { modelValue: W, multiple: Q, max: Ee } = e;
       return Q && Ee ? (W ? W.length : 0) >= f.toNumber(Ee) : !1;
     }), P = q(() => Object.assign({}, O.select.optionConfig, e.optionConfig)), B = q(() => s.fullGroupList.some((W) => W.options && W.options.length)), ae = q(() => f.toNumber(e.multiCharOverflow)), de = (W, Q) => W && (f.isString(W) && (W = n[W] || null), f.isFunction(W)) ? Xt(W(Q)) : [], he = (W) => {
@@ -9599,9 +9599,9 @@ const Nl = nt({
         s.animatVisible = !1;
       }, 350);
     }, pe = (W, Q) => {
-      Q !== e.modelValue && (o("update:modelValue", Q), $.dispatchEvent("change", { value: Q }, W), r && l && r.triggerItemEvent(W, l.itemConfig.field, Q));
+      Q !== e.modelValue && (o("update:modelValue", Q), D.dispatchEvent("change", { value: Q }, W), r && l && r.triggerItemEvent(W, l.itemConfig.field, Q));
     }, H = (W, Q) => {
-      s.remoteValueList = [], pe(W, Q), $.dispatchEvent("clear", { value: Q }, W);
+      s.remoteValueList = [], pe(W, Q), D.dispatchEvent("clear", { value: Q }, W);
     }, le = (W, Q) => {
       H(Q, null), je();
     }, fe = (W, Q, Ee) => {
@@ -9680,9 +9680,9 @@ const Nl = nt({
         W && W.focus();
       });
     }, Se = (W) => {
-      e.disabled || (s.isActivated = !0), $.dispatchEvent("focus", {}, W);
+      e.disabled || (s.isActivated = !0), D.dispatchEvent("focus", {}, W);
     }, we = (W) => {
-      s.isActivated = !1, $.dispatchEvent("blur", {}, W);
+      s.isActivated = !1, D.dispatchEvent("blur", {}, W);
     }, ze = (W) => {
       s.searchValue = W;
     }, Je = () => {
@@ -9698,7 +9698,7 @@ const Nl = nt({
     }, 350, { trailing: !0 }), Pe = (W) => {
       const { $event: Q } = W;
       Q.preventDefault(), s.visiblePanel ? je() : Ve();
-    }, Fe = (W, Q, Ee) => !!(Q.disabled || Ee && Ee.disabled || D.value && !W), ee = (W, Q) => {
+    }, Fe = (W, Q, Ee) => !!(Q.disabled || Ee && Ee.disabled || $.value && !W), ee = (W, Q) => {
       const { optionKey: Ee, modelValue: We, multiple: Ue } = e, { currentValue: Ze } = s, lt = P.value, st = x.value, ut = E.value, rt = B.value, { useKey: ht } = lt, Pt = n.option;
       return W.map((z, Vt) => {
         const { slots: Mt, className: Tt } = z, gt = z[ut], Bt = Ue ? We && We.indexOf(gt) > -1 : We === gt, _t = !rt || Xr(z), Gt = Fe(Bt, z, Q), Nt = N(z), zt = Mt ? Mt.default : null, en = { option: z, group: null, $select: y };
@@ -9769,7 +9769,7 @@ const Nl = nt({
         }, e.emptyText || O.i18n("vxe.select.emptyText"))
       ];
     };
-    $ = {
+    D = {
       dispatchEvent(W, Q, Ee) {
         o(W, Object.assign({ $select: y, $event: Ee }, Q));
       },
@@ -9793,7 +9793,7 @@ const Nl = nt({
       blur() {
         return u.value.blur(), s.isActivated = !1, te();
       }
-    }, Object.assign(y, $), tt(() => s.staticOptions, (W) => {
+    }, Object.assign(y, D), tt(() => s.staticOptions, (W) => {
       W.some((Q) => Q.options && Q.options.length) ? (s.fullOptionList = [], s.fullGroupList = W) : (s.fullGroupList = [], s.fullOptionList = W || []), _();
     }), tt(() => e.options, (W) => {
       s.fullGroupList = [], s.fullOptionList = W || [], _();
@@ -9913,66 +9913,66 @@ const Nl = nt({
       isIndeterminate: !1,
       loading: !1
     }), l = Ce(), i = Ce(), a = Ce(), s = q(() => {
-      const { storeData: D } = e;
-      return D.columns.every((P) => P.checked);
+      const { storeData: $ } = e;
+      return $.columns.every((P) => P.checked);
     }), c = q(() => {
-      const { defaultOptions: D } = e;
-      return ["html", "xml", "xlsx", "pdf"].indexOf(D.type) > -1;
+      const { defaultOptions: $ } = e;
+      return ["html", "xml", "xlsx", "pdf"].indexOf($.type) > -1;
     }), u = q(() => {
-      const { storeData: D, defaultOptions: P } = e;
-      return !P.original && P.mode === "current" && (D.isPrint || ["html", "xlsx"].indexOf(P.type) > -1);
+      const { storeData: $, defaultOptions: P } = e;
+      return !P.original && P.mode === "current" && ($.isPrint || ["html", "xlsx"].indexOf(P.type) > -1);
     }), m = q(() => {
-      const { defaultOptions: D } = e;
-      return !D.original && ["xlsx"].indexOf(D.type) > -1;
-    }), g = (D) => {
-      const { storeData: P } = e, B = f.findTree(P.columns, (ae) => ae === D);
+      const { defaultOptions: $ } = e;
+      return !$.original && ["xlsx"].indexOf($.type) > -1;
+    }), g = ($) => {
+      const { storeData: P } = e, B = f.findTree(P.columns, (ae) => ae === $);
       if (B && B.parent) {
         const { parent: ae } = B;
         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: D } = e, P = D.columns;
+      const { storeData: $ } = e, P = $.columns;
       r.isAll = P.every((B) => B.disabled || B.checked), r.isIndeterminate = !r.isAll && P.some((B) => !B.disabled && (B.checked || B.halfChecked));
-    }, v = (D) => {
-      const P = !D.checked;
-      f.eachTree([D], (B) => {
+    }, v = ($) => {
+      const P = !$.checked;
+      f.eachTree([$], (B) => {
         B.checked = P, B.halfChecked = !1;
-      }), g(D), C();
+      }), g($), C();
     }, y = () => {
-      const { storeData: D } = e, P = !r.isAll;
-      f.eachTree(D.columns, (B) => {
+      const { storeData: $ } = e, P = !r.isAll;
+      f.eachTree($.columns, (B) => {
         B.disabled || (B.checked = P, B.halfChecked = !1);
       }), r.isAll = P, C();
-    }, $ = () => {
+    }, D = () => {
       te(() => {
-        const D = i.value, P = a.value, B = l.value, ae = D || P || B;
+        const $ = i.value, P = a.value, B = l.value, ae = $ || P || B;
         ae && ae.focus();
       }), C();
     }, w = () => {
-      const { storeData: D, defaultOptions: P } = e, { hasMerge: B, columns: ae } = D, de = s.value, he = u.value, Z = f.searchTree(ae, (K) => K.checked, { children: "children", mapChildren: "childNodes", original: !0 });
+      const { storeData: $, defaultOptions: P } = e, { hasMerge: B, columns: ae } = $, de = s.value, he = u.value, Z = f.searchTree(ae, (K) => K.checked, { children: "children", mapChildren: "childNodes", original: !0 });
       return Object.assign({}, P, {
         columns: Z,
         isMerge: B && he && de ? P.isMerge : !1
       });
     }, S = () => {
-      const { storeData: D } = e, P = o.value;
-      D.visible = !1, t.print(Object.assign({}, P, w()));
+      const { storeData: $ } = e, P = o.value;
+      $.visible = !1, t.print(Object.assign({}, P, w()));
     }, x = () => {
-      const { storeData: D } = e, P = n.value;
+      const { storeData: $ } = e, P = n.value;
       r.loading = !0, t.exportData(Object.assign({}, P, w())).then(() => {
-        r.loading = !1, D.visible = !1;
+        r.loading = !1, $.visible = !1;
       }).catch(() => {
         r.loading = !1;
       });
     }, E = () => {
-      const { storeData: D } = e;
-      D.visible = !1;
+      const { storeData: $ } = e;
+      $.visible = !1;
     }, M = () => {
-      const { storeData: D } = e;
-      D.isPrint ? S() : x();
+      const { storeData: $ } = e;
+      $.isPrint ? S() : x();
     };
     return () => {
-      const { defaultOptions: D, storeData: P } = e, { isAll: B, isIndeterminate: ae } = r, { hasTree: de, hasMerge: he, isPrint: Z, hasColgroup: K } = P, { isHeader: J } = D, X = [], N = s.value, k = c.value, _ = u.value, j = m.value;
+      const { defaultOptions: $, storeData: P } = e, { isAll: B, isIndeterminate: ae } = r, { hasTree: de, hasMerge: he, isPrint: Z, hasColgroup: K } = P, { isHeader: J } = $, X = [], N = s.value, k = c.value, _ = u.value, j = m.value;
       return f.eachTree(P.columns, (U) => {
         const ce = vn(U.getTitle(), 1), ke = U.children && U.children.length, xe = U.checked, Ve = U.halfChecked;
         X.push(h("li", {
@@ -10008,7 +10008,7 @@ const Nl = nt({
         "onUpdate:modelValue"(U) {
           P.visible = U;
         },
-        onShow: $
+        onShow: D
       }, {
         default: () => h("div", {
           class: "vxe-export--panel"
@@ -10025,12 +10025,12 @@ const Nl = nt({
                   h("td", [
                     h(Dr, {
                       ref: i,
-                      modelValue: D.filename,
+                      modelValue: $.filename,
                       type: "text",
                       clearable: !0,
                       placeholder: O.i18n("vxe.export.expNamePlaceholder"),
                       "onUpdate:modelValue"(U) {
-                        D.filename = U;
+                        $.filename = U;
                       }
                     })
                   ])
@@ -10039,13 +10039,13 @@ const Nl = nt({
                   h("td", O.i18n("vxe.export.expType")),
                   h("td", [
                     h(Nl, {
-                      modelValue: D.type,
+                      modelValue: $.type,
                       options: P.typeList.map((U) => ({
                         value: U.value,
                         label: O.i18n(U.label)
                       })),
                       "onUpdate:modelValue"(U) {
-                        D.type = U;
+                        $.type = U;
                       }
                     })
                   ])
@@ -10055,12 +10055,12 @@ const Nl = nt({
                   h("td", [
                     h(Dr, {
                       ref: a,
-                      modelValue: D.sheetName,
+                      modelValue: $.sheetName,
                       type: "text",
                       clearable: !0,
                       placeholder: O.i18n("vxe.export.expSheetNamePlaceholder"),
                       "onUpdate:modelValue"(U) {
-                        D.sheetName = U;
+                        $.sheetName = U;
                       }
                     })
                   ])
@@ -10069,13 +10069,13 @@ const Nl = nt({
                   h("td", O.i18n("vxe.export.expMode")),
                   h("td", [
                     h(Nl, {
-                      modelValue: D.mode,
+                      modelValue: $.mode,
                       options: P.modeList.map((U) => ({
                         value: U.value,
                         label: O.i18n(U.label)
                       })),
                       "onUpdate:modelValue"(U) {
-                        D.mode = U;
+                        $.mode = U;
                       }
                     })
                   ])
@@ -10118,28 +10118,28 @@ const Nl = nt({
                       class: "vxe-export--panel-option-row"
                     }, [
                       h(ho, {
-                        modelValue: D.isHeader,
+                        modelValue: $.isHeader,
                         title: O.i18n("vxe.export.expHeaderTitle"),
                         content: O.i18n("vxe.export.expOptHeader"),
                         "onUpdate:modelValue"(U) {
-                          D.isHeader = U;
+                          $.isHeader = U;
                         }
                       }),
                       h(ho, {
-                        modelValue: D.isFooter,
+                        modelValue: $.isFooter,
                         disabled: !P.hasFooter,
                         title: O.i18n("vxe.export.expFooterTitle"),
                         content: O.i18n("vxe.export.expOptFooter"),
                         "onUpdate:modelValue"(U) {
-                          D.isFooter = U;
+                          $.isFooter = U;
                         }
                       }),
                       h(ho, {
-                        modelValue: D.original,
+                        modelValue: $.original,
                         title: O.i18n("vxe.export.expOriginalTitle"),
                         content: O.i18n("vxe.export.expOptOriginal"),
                         "onUpdate:modelValue"(U) {
-                          D.original = U;
+                          $.original = U;
                         }
                       })
                     ]),
@@ -10147,39 +10147,39 @@ const Nl = nt({
                       class: "vxe-export--panel-option-row"
                     }, [
                       h(ho, {
-                        modelValue: J && K && _ ? D.isColgroup : !1,
+                        modelValue: J && K && _ ? $.isColgroup : !1,
                         title: O.i18n("vxe.export.expColgroupTitle"),
                         disabled: !J || !K || !_,
                         content: O.i18n("vxe.export.expOptColgroup"),
                         "onUpdate:modelValue"(U) {
-                          D.isColgroup = U;
+                          $.isColgroup = U;
                         }
                       }),
                       h(ho, {
-                        modelValue: he && _ && N ? D.isMerge : !1,
+                        modelValue: he && _ && N ? $.isMerge : !1,
                         title: O.i18n("vxe.export.expMergeTitle"),
                         disabled: !he || !_ || !N,
                         content: O.i18n("vxe.export.expOptMerge"),
                         "onUpdate:modelValue"(U) {
-                          D.isMerge = U;
+                          $.isMerge = U;
                         }
                       }),
                       Z ? Be() : h(ho, {
-                        modelValue: j ? D.useStyle : !1,
+                        modelValue: j ? $.useStyle : !1,
                         disabled: !j,
                         title: O.i18n("vxe.export.expUseStyleTitle"),
                         content: O.i18n("vxe.export.expOptUseStyle"),
                         "onUpdate:modelValue"(U) {
-                          D.useStyle = U;
+                          $.useStyle = U;
                         }
                       }),
                       h(ho, {
-                        modelValue: de ? D.isAllExpand : !1,
+                        modelValue: de ? $.isAllExpand : !1,
                         disabled: !de,
                         title: O.i18n("vxe.export.expAllExpandTitle"),
                         content: O.i18n("vxe.export.expOptAllExpand"),
                         "onUpdate:modelValue"(U) {
-                          D.isAllExpand = U;
+                          $.isAllExpand = U;
                         }
                       })
                     ])
@@ -10234,7 +10234,7 @@ const Nl = nt({
       return c ? c.props.modelValue === E : x === E;
     }), y = (x, E) => {
       c ? c.handleChecked({ label: x }, E) : (o("update:modelValue", x), u.dispatchEvent("change", { label: x }, E), r && l && r.triggerItemEvent(E, l.itemConfig.field, x));
-    }, $ = (x) => {
+    }, D = (x) => {
       m.value || y(e.label, x);
     }, w = (x) => {
       const E = m.value, M = C.value;
@@ -10261,7 +10261,7 @@ const Nl = nt({
           name: M,
           checked: A,
           disabled: E,
-          onChange: $,
+          onChange: D,
           onClick: w
         }),
         h("span", {
@@ -10310,7 +10310,7 @@ const Nl = nt({
     }, Object.assign(s, c);
     const y = (x, E) => {
       u ? u.handleChecked({ label: x }, E) : (o("update:modelValue", x), c.dispatchEvent("change", { label: x }, E), r && l && r.triggerItemEvent(E, l.itemConfig.field, x));
-    }, $ = (x) => {
+    }, D = (x) => {
       m.value || y(e.label, x);
     }, w = (x) => {
       const E = m.value, M = C.value;
@@ -10330,7 +10330,7 @@ const Nl = nt({
           name: M,
           checked: A,
           disabled: E,
-          onChange: $,
+          onChange: D,
           onClick: w
         }),
         h("span", {
@@ -10368,17 +10368,17 @@ const Nl = nt({
     let g = {};
     Sn(e);
     const C = {
-      handleChecked(y, $) {
-        o("update:modelValue", y.label), g.dispatchEvent("change", y), r && l && r.triggerItemEvent($, l.itemConfig.field, y.label);
+      handleChecked(y, D) {
+        o("update:modelValue", y.label), g.dispatchEvent("change", y), r && l && r.triggerItemEvent(D, l.itemConfig.field, y.label);
       }
     };
     g = {
-      dispatchEvent(y, $, w) {
-        o(y, Object.assign({ $radioGroup: a, $event: w }, $));
+      dispatchEvent(y, D, w) {
+        o(y, Object.assign({ $radioGroup: a, $event: w }, D));
       }
     };
     const v = () => {
-      const { options: y, type: $ } = e, w = n.default, S = u.value, x = c.value, E = m.value, M = $ === "button" ? ps : Pl;
+      const { options: y, type: D } = e, w = n.default, S = u.value, x = c.value, E = m.value, M = D === "button" ? ps : Pl;
       return h("div", {
         class: "vxe-radio-group"
       }, w ? w({}) : y ? y.map((A) => h(M, {
@@ -10408,12 +10408,12 @@ const Nl = nt({
       const { storeData: v } = e;
       return v.file && v.type;
     }), a = q(() => {
-      const { storeData: v } = e, { type: y, typeList: $ } = v;
+      const { storeData: v } = e, { type: y, typeList: D } = v;
       if (y) {
-        const w = f.find($, (S) => y === S.value);
+        const w = f.find(D, (S) => y === S.value);
         return w ? O.i18n(w.label) : "*.*";
       }
-      return `*.${$.map((w) => w.value).join(", *.")}`;
+      return `*.${D.map((w) => w.value).join(", *.")}`;
     }), s = () => {
       const { storeData: v } = e;
       Object.assign(v, {
@@ -10423,10 +10423,10 @@ const Nl = nt({
       });
     }, c = () => {
       const { storeData: v, defaultOptions: y } = e;
-      t.readFile(y).then(($) => {
-        const { file: w } = $;
+      t.readFile(y).then((D) => {
+        const { file: w } = D;
         Object.assign(v, Wd(w), { file: w });
-      }).catch(($) => $);
+      }).catch((D) => D);
     }, u = () => {
       te(() => {
         const v = r.value;
@@ -10436,15 +10436,15 @@ const Nl = nt({
       const { storeData: v } = e;
       v.visible = !1;
     }, g = () => {
-      const { storeData: v, defaultOptions: y } = e, $ = n.value;
-      o.loading = !0, t.importByFile(v.file, Object.assign({}, $, y)).then(() => {
+      const { storeData: v, defaultOptions: y } = e, D = n.value;
+      o.loading = !0, t.importByFile(v.file, Object.assign({}, D, y)).then(() => {
         o.loading = !1, v.visible = !1;
       }).catch(() => {
         o.loading = !1;
       });
     };
     return () => {
-      const { defaultOptions: v, storeData: y } = e, $ = l.value, w = i.value, S = a.value;
+      const { defaultOptions: v, storeData: y } = e, D = l.value, w = i.value, S = a.value;
       return h(rl, {
         modelValue: y.visible,
         title: O.i18n("vxe.import.impTitle"),
@@ -10475,9 +10475,9 @@ const Nl = nt({
                 h("td", [
                   w ? h("div", {
                     class: "vxe-import-selected--file",
-                    title: $
+                    title: D
                   }, [
-                    h("span", $),
+                    h("span", D),
                     h("i", {
                       class: O.icon.INPUT_CLEAR,
                       onClick: s
@@ -10791,7 +10791,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
         $columnIndex: j
       }) : e.getRowSeq(N);
     };
-    function $(N, k) {
+    function D(N, k) {
       const _ = g.value, j = k.headerExportMethod || _.headerExportMethod;
       return j ? j({ column: k, options: N, $table: e }) : (N.original ? k.property : k.getTitle()) || "";
     }
@@ -10898,7 +10898,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
       return ce ? ce({ $table: e, items: k, itemIndex: ke, row: k, _columnIndex: ke, column: _, options: N }) : f.toValueString(k[ke]);
     }, M = (N, k, _) => {
       let j = JM;
-      if (N.isHeader && (j += k.map((U) => ts($(N, U))).join(",") + Sl), _.forEach((U) => {
+      if (N.isHeader && (j += k.map((U) => ts(D(N, U))).join(",") + Sl), _.forEach((U) => {
         j += k.map((ce) => ts(t_(ce, U[ce.id]))).join(",") + Sl;
       }), N.isFooter) {
         const { footerTableData: U } = n;
@@ -10909,7 +10909,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
       return j;
     }, A = (N, k, _) => {
       let j = "";
-      if (N.isHeader && (j += k.map((U) => ts($(N, U))).join("	") + Sl), _.forEach((U) => {
+      if (N.isHeader && (j += k.map((U) => ts(D(N, U))).join("	") + Sl), _.forEach((U) => {
         j += k.map((ce) => ts(U[ce.id])).join("	") + Sl;
       }), N.isFooter) {
         const { footerTableData: U } = n;
@@ -10918,7 +10918,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
         });
       }
       return j;
-    }, D = (N, k, _) => {
+    }, $ = (N, k, _) => {
       const j = N[k], U = f.isUndefined(j) || f.isNull(j) ? _ : j;
       let Ve = U === "title" || (U === !0 || U === "tooltip") || U === "ellipsis";
       const { scrollXLoad: je, scrollYLoad: pe } = n;
@@ -10935,7 +10935,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
       ];
       if (se && (Qe.push("<thead>"), ue && !we ? Se.forEach((Pe) => {
         Qe.push(`<tr>${Pe.map((Fe) => {
-          const ee = Fe.headerAlign || Fe.align || ke || xe, me = D(Fe, "showHeaderOverflow", pe) ? ["col--ellipsis"] : [], De = $(N, Fe);
+          const ee = Fe.headerAlign || Fe.align || ke || xe, me = $(Fe, "showHeaderOverflow", pe) ? ["col--ellipsis"] : [], De = D(N, Fe);
           let $e = 0, W = 0;
           f.eachTree([Fe], (Ee) => {
             (!Ee.childNodes || !Fe.childNodes.length) && W++, $e += Ee.renderWidth;
@@ -10944,11 +10944,11 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
           return ee && me.push(`col--${ee}`), Fe.type === "checkbox" ? `<th class="${me.join(" ")}" colspan="${Fe._colSpan}" rowspan="${Fe._rowSpan}"><div ${_e ? "" : `style="width: ${Q}px"`}><input type="checkbox" class="${ze}" ${H ? "checked" : ""}><span>${De}</span></div></th>` : `<th class="${me.join(" ")}" colspan="${Fe._colSpan}" rowspan="${Fe._rowSpan}" title="${De}"><div ${_e ? "" : `style="width: ${Q}px"`}><span>${vn(De, !0)}</span></div></th>`;
         }).join("")}</tr>`);
       }) : Qe.push(`<tr>${k.map((Pe) => {
-        const Fe = Pe.headerAlign || Pe.align || ke || xe, ee = D(Pe, "showHeaderOverflow", pe) ? ["col--ellipsis"] : [], me = $(N, Pe);
+        const Fe = Pe.headerAlign || Pe.align || ke || xe, ee = $(Pe, "showHeaderOverflow", pe) ? ["col--ellipsis"] : [], me = D(N, Pe);
         return Fe && ee.push(`col--${Fe}`), Pe.type === "checkbox" ? `<th class="${ee.join(" ")}"><div ${_e ? "" : `style="width: ${Pe.renderWidth}px"`}><input type="checkbox" class="${ze}" ${H ? "checked" : ""}><span>${me}</span></div></th>` : `<th class="${ee.join(" ")}" title="${me}"><div ${_e ? "" : `style="width: ${Pe.renderWidth}px"`}><span>${vn(me, !0)}</span></div></th>`;
       }).join("")}</tr>`), Qe.push("</thead>")), _.length && (Qe.push("<tbody>"), ce ? _.forEach((Pe) => {
         Qe.push("<tr>" + k.map((Fe) => {
-          const ee = Fe.align || xe, me = D(Fe, "showOverflow", je) ? ["col--ellipsis"] : [], De = Pe[Fe.id];
+          const ee = Fe.align || xe, me = $(Fe, "showOverflow", je) ? ["col--ellipsis"] : [], De = Pe[Fe.id];
           if (ee && me.push(`col--${ee}`), Fe.treeNode) {
             let $e = "";
             return Pe._hasChild && ($e = `<i class="${Pe._expand ? "vxe-table--tree-fold-icon" : "vxe-table--tree-unfold-icon"}"></i>`), me.push("vxe-table--tree-node"), Fe.type === "radio" ? `<td class="${me.join(" ")}" title="${De}"><div ${_e ? "" : `style="width: ${Fe.renderWidth}px"`}><div class="vxe-table--tree-node-wrapper" style="padding-left: ${Pe._level * be.indent}px"><div class="vxe-table--tree-icon-wrapper">${$e}</div><div class="vxe-table--tree-cell"><input type="radio" name="radio_${j}" ${Pe._radioDisabled ? "disabled " : ""}${es(De) ? "checked" : ""}><span>${Pe._radioLabel}</span></div></div></div></td>` : Fe.type === "checkbox" ? `<td class="${me.join(" ")}" title="${De}"><div ${_e ? "" : `style="width: ${Fe.renderWidth}px"`}><div class="vxe-table--tree-node-wrapper" style="padding-left: ${Pe._level * be.indent}px"><div class="vxe-table--tree-icon-wrapper">${$e}</div><div class="vxe-table--tree-cell"><input type="checkbox" ${Pe._checkboxDisabled ? "disabled " : ""}${es(De) ? "checked" : ""}><span>${Pe._checkboxLabel}</span></div></div></div></td>` : `<td class="${me.join(" ")}" title="${De}"><div ${_e ? "" : `style="width: ${Fe.renderWidth}px"`}><div class="vxe-table--tree-node-wrapper" style="padding-left: ${Pe._level * be.indent}px"><div class="vxe-table--tree-icon-wrapper">${$e}</div><div class="vxe-table--tree-cell">${De}</div></div></div></td>`;
@@ -10957,7 +10957,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
         }).join("") + "</tr>");
       }) : _.forEach((Pe) => {
         Qe.push("<tr>" + k.map((Fe) => {
-          const ee = Fe.align || xe, me = D(Fe, "showOverflow", je) ? ["col--ellipsis"] : [], De = Pe[Fe.id];
+          const ee = Fe.align || xe, me = $(Fe, "showOverflow", je) ? ["col--ellipsis"] : [], De = Pe[Fe.id];
           let $e = 1, W = 1;
           if (ye && fe.length) {
             const Q = e.getVTRowIndex(Pe._row), Ee = e.getVTColumnIndex(Fe), We = Lv(fe, Q, Ee);
@@ -10974,7 +10974,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
         const { footerTableData: Pe } = n, Fe = Ea(N, Pe);
         Fe.length && (Qe.push("<tfoot>"), Fe.forEach((ee) => {
           Qe.push(`<tr>${k.map((me) => {
-            const De = me.footerAlign || me.align || Ve || xe, $e = D(me, "showOverflow", je) ? ["col--ellipsis"] : [], W = E(N, ee, me);
+            const De = me.footerAlign || me.align || Ve || xe, $e = $(me, "showOverflow", je) ? ["col--ellipsis"] : [], W = E(N, ee, me);
             return De && $e.push(`col--${De}`), `<td class="${$e.join(" ")}" title="${W}"><div ${_e ? "" : `style="width: ${me.renderWidth}px"`}>${vn(W, !0)}</div></td>`;
           }).join("")}</tr>`);
         }), Qe.push("</tfoot>"));
@@ -11001,7 +11001,7 @@ const i_ = ["exportData", "importByFile", "importData", "saveFile", "readFile",
         "<Table>",
         k.map((U) => `<Column ss:Width="${U.renderWidth}"/>`).join("")
       ].join("");
-      if (N.isHeader && (j += `<Row>${k.map((U) => `<Cell><Data ss:Type="String">${$(N, U)}</Data></Cell>`).join("")}</Row>`), _.forEach((U) => {
+      if (N.isHeader && (j += `<Row>${k.map((U) => `<Cell><Data ss:Type="String">${D(N, U)}</Data></Cell>`).join("")}</Row>`), _.forEach((U) => {
         j += "<Row>" + k.map((ce) => `<Cell><Data ss:Type="String">${U[ce.id]}</Data></Cell>`).join("") + "</Row>";
       }), N.isFooter) {
         const { footerTableData: U } = n;
@@ -11346,27 +11346,27 @@ const f_ = {
   setupTable(e) {
     const { props: t, reactData: n, internalData: o } = e, { refElem: r } = e.getRefMaps(), { computeEditOpts: l, computeCheckboxOpts: i, computeMouseOpts: a, computeTreeOpts: s } = e.getComputeMaps();
     function c(C, v, y) {
-      let $ = 0, w = [];
+      let D = 0, w = [];
       const S = y > 0, x = y > 0 ? y : Math.abs(y) + v.offsetHeight, { scrollYLoad: E } = n, { afterFullData: M, scrollYStore: A } = o;
       if (E) {
-        const D = e.getVTRowIndex(C.row);
-        S ? w = M.slice(D, D + Math.ceil(x / A.rowHeight)) : w = M.slice(D - Math.floor(x / A.rowHeight) + 1, D + 1);
+        const $ = e.getVTRowIndex(C.row);
+        S ? w = M.slice($, $ + Math.ceil(x / A.rowHeight)) : w = M.slice($ - Math.floor(x / A.rowHeight) + 1, $ + 1);
       } else {
-        const D = S ? "next" : "previous";
-        for (; v && $ < x; ) {
+        const $ = S ? "next" : "previous";
+        for (; v && D < x; ) {
           const P = e.getRowNode(v);
-          P && (w.push(P.item), $ += v.offsetHeight, v = v[`${D}ElementSibling`]);
+          P && (w.push(P.item), D += v.offsetHeight, v = v[`${$}ElementSibling`]);
         }
       }
       return w;
     }
     const u = (C, v) => {
-      const { column: y, cell: $ } = v;
+      const { column: y, cell: D } = v;
       if (y.type === "checkbox") {
         const w = r.value, { elemStore: S } = o, x = C.clientX, E = C.clientY, M = S[`${y.fixed || "main"}-body-wrapper`] || S["main-body-wrapper"], A = M ? M.value : null;
         if (!A)
           return;
-        const D = A.querySelector(".vxe-table--checkbox-range"), P = document.onmousemove, B = document.onmouseup, ae = $.parentNode, de = e.getCheckboxRecords();
+        const $ = A.querySelector(".vxe-table--checkbox-range"), P = document.onmousemove, B = document.onmouseup, ae = D.parentNode, de = e.getCheckboxRecords();
         let he = [];
         const Z = 1, K = d_(C.target, A), J = K.offsetTop + C.offsetY, X = K.offsetLeft + C.offsetX, N = A.scrollTop, k = ae.offsetHeight;
         let _ = null, j = !1, U = 1;
@@ -11375,7 +11375,7 @@ const f_ = {
         }, ke = (je) => {
           const { clientX: pe, clientY: H } = je, le = pe - x, fe = H - E + (A.scrollTop - N);
           let be = Math.abs(fe), _e = Math.abs(le), se = J, ie = X;
-          fe < Z ? (se += fe, se < Z && (se = Z, be = J)) : be = Math.min(be, A.scrollHeight - J - Z), le < Z ? (ie += le, _e > X && (ie = Z, _e = X)) : _e = Math.min(_e, A.clientWidth - X - Z), D.style.height = `${be}px`, D.style.width = `${_e}px`, D.style.left = `${ie}px`, D.style.top = `${se}px`, D.style.display = "block";
+          fe < Z ? (se += fe, se < Z && (se = Z, be = J)) : be = Math.min(be, A.scrollHeight - J - Z), le < Z ? (ie += le, _e > X && (ie = Z, _e = X)) : _e = Math.min(_e, A.clientWidth - X - Z), $.style.height = `${be}px`, $.style.width = `${_e}px`, $.style.left = `${ie}px`, $.style.top = `${se}px`, $.style.display = "block";
           const ue = c(v, 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);
@@ -11395,33 +11395,33 @@ const f_ = {
           const { clientY: pe } = je, { boundingTop: H } = or(A);
           pe < H ? (j = !1, U = H - pe, _ || Ve(je)) : pe > H + A.clientHeight ? (j = !0, U = pe - H - A.clientHeight, _ || Ve(je)) : _ && xe(), ke(je);
         }, document.onmouseup = (je) => {
-          xe(), go(w, "drag--range"), D.removeAttribute("style"), document.onmousemove = P, document.onmouseup = B, ce("end", je);
+          xe(), go(w, "drag--range"), $.removeAttribute("style"), document.onmousemove = P, document.onmouseup = B, ce("end", je);
         }, ce("start", C);
       }
     }, m = (C, v) => {
-      const { editConfig: y, checkboxConfig: $, mouseConfig: w } = t, S = i.value, x = a.value, E = l.value;
+      const { editConfig: y, checkboxConfig: D, mouseConfig: w } = t, S = i.value, x = a.value, E = l.value;
       if (w && x.area && e.handleCellAreaEvent)
         return e.handleCellAreaEvent(C, v);
-      $ && S.range && u(C, v), w && x.selected && (!y || E.mode === "cell") && e.handleSelected(v, C);
+      D && S.range && u(C, v), w && x.selected && (!y || E.mode === "cell") && e.handleSelected(v, C);
     };
     return {
       // 处理 Tab 键移动
       moveTabSelected(C, v, y) {
-        const { editConfig: $ } = t, { afterFullData: w, visibleColumn: S } = o, x = l.value;
+        const { editConfig: D } = t, { afterFullData: w, visibleColumn: S } = o, x = l.value;
         let E, M, A;
-        const D = Object.assign({}, C), P = e.getVTRowIndex(D.row), B = e.getVTColumnIndex(D.column);
+        const $ = Object.assign({}, C), P = e.getVTRowIndex($.row), B = e.getVTColumnIndex($.column);
         y.preventDefault(), v ? B <= 0 ? P > 0 && (M = P - 1, E = w[M], A = S.length - 1) : A = B - 1 : B >= S.length - 1 ? P < w.length - 1 && (M = P + 1, E = w[M], A = 0) : A = B + 1;
         const ae = S[A];
-        ae && (E ? (D.rowIndex = M, D.row = E) : D.rowIndex = P, D.columnIndex = A, D.column = ae, D.cell = e.getCell(D.row, D.column), $ ? (x.trigger === "click" || x.trigger === "dblclick") && (x.mode === "row" ? e.handleActived(D, y) : e.scrollToRow(D.row, D.column).then(() => e.handleSelected(D, y))) : e.scrollToRow(D.row, D.column).then(() => e.handleSelected(D, y)));
+        ae && (E ? ($.rowIndex = M, $.row = E) : $.rowIndex = P, $.columnIndex = A, $.column = ae, $.cell = e.getCell($.row, $.column), D ? (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)));
       },
       // 处理当前行方向键移动
       moveCurrentRow(C, v, y) {
-        const { treeConfig: $ } = t, { currentRow: w } = n, { afterFullData: S } = o, x = s.value, E = x.children || x.childrenField;
+        const { treeConfig: D } = t, { currentRow: w } = n, { afterFullData: S } = o, x = s.value, E = x.children || x.childrenField;
         let M;
         if (y.preventDefault(), w)
-          if ($) {
-            const { index: A, items: D } = f.findTree(S, (P) => P === w, { children: E });
-            C && A > 0 ? M = D[A - 1] : v && A < D.length - 1 && (M = D[A + 1]);
+          if (D) {
+            const { index: A, items: $ } = f.findTree(S, (P) => P === w, { children: E });
+            C && A > 0 ? M = $[A - 1] : v && A < $.length - 1 && (M = $[A + 1]);
           } else {
             const A = e.getVTRowIndex(w);
             C && A > 0 ? M = S[A - 1] : v && A < S.length - 1 && (M = S[A + 1]);
@@ -11439,9 +11439,9 @@ const f_ = {
         }
       },
       // 处理可编辑方向键移动
-      moveSelected(C, v, y, $, w, S) {
-        const { afterFullData: x, visibleColumn: E } = o, M = Object.assign({}, C), A = e.getVTRowIndex(M.row), D = e.getVTColumnIndex(M.column);
-        S.preventDefault(), y && A > 0 ? (M.rowIndex = A - 1, M.row = x[M.rowIndex]) : w && A < x.length - 1 ? (M.rowIndex = A + 1, M.row = x[M.rowIndex]) : v && D ? (M.columnIndex = D - 1, M.column = E[M.columnIndex]) : $ && D < E.length - 1 && (M.columnIndex = D + 1, M.column = E[M.columnIndex]), e.scrollToRow(M.row, M.column).then(() => {
+      moveSelected(C, v, y, D, w, S) {
+        const { afterFullData: x, visibleColumn: E } = o, M = Object.assign({}, C), A = e.getVTRowIndex(M.row), $ = e.getVTColumnIndex(M.column);
+        S.preventDefault(), y && A > 0 ? (M.rowIndex = A - 1, M.row = x[M.rowIndex]) : w && A < x.length - 1 ? (M.rowIndex = A + 1, M.row = x[M.rowIndex]) : v && $ ? (M.columnIndex = $ - 1, M.column = E[M.columnIndex]) : D && $ < E.length - 1 && (M.columnIndex = $ + 1, M.column = E[M.columnIndex]), e.scrollToRow(M.row, M.column).then(() => {
           M.cell = e.getCell(M.row, M.column), e.handleSelected(M, S);
         });
       },
@@ -11449,8 +11449,8 @@ const f_ = {
        * 表头单元格按下事件
        */
       triggerHeaderCellMousedownEvent(C, v) {
-        const { mouseConfig: y } = t, $ = a.value;
-        if (y && $.area && e.handleHeaderCellAreaEvent) {
+        const { mouseConfig: y } = t, D = a.value;
+        if (y && D.area && e.handleHeaderCellAreaEvent) {
           const w = C.currentTarget, S = Rt(C, w, "vxe-cell--sort").flag, x = Rt(C, w, "vxe-cell--filter").flag;
           e.handleHeaderCellAreaEvent(C, Object.assign({ cell: w, triggerSort: S, triggerFilter: x }, v));
         }
@@ -11499,9 +11499,9 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
   setupTable(e) {
     const { props: t, reactData: n, internalData: o } = e, { refValidTooltip: r } = e.getRefMaps(), { computeValidOpts: l, computeTreeOpts: i, computeEditOpts: a } = e.getComputeMaps();
     let s = {}, c = {}, u;
-    const m = (y) => new Promise(($) => {
-      l.value.autoPos === !1 ? (e.dispatchEvent("valid-error", y, null), $()) : e.handleActived(y, { type: "valid-error", trigger: "call" }).then(() => {
-        $(c.showValidTooltip(y));
+    const m = (y) => new Promise((D) => {
+      l.value.autoPos === !1 ? (e.dispatchEvent("valid-error", y, null), D()) : e.handleActived(y, { type: "valid-error", trigger: "call" }).then(() => {
+        D(c.showValidTooltip(y));
       });
     }), g = (y) => {
       if (l.value.msgMode === "single") {
@@ -11513,10 +11513,10 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
         return S;
       }
       return y;
-    }, C = (y, $, w) => {
-      const S = {}, { editRules: x, treeConfig: E } = t, { afterFullData: M, visibleColumn: A } = o, D = i.value, P = D.children || D.childrenField, B = l.value;
+    }, C = (y, D, w) => {
+      const S = {}, { editRules: x, treeConfig: E } = t, { afterFullData: M, visibleColumn: A } = o, $ = i.value, P = $.children || $.childrenField, B = l.value;
       let ae;
-      y === !0 ? ae = M : y && (f.isFunction(y) ? $ = y : ae = f.isArray(y) ? y : [y]), ae || (e.getInsertRecords ? ae = e.getInsertRecords().concat(e.getUpdateRecords()) : ae = []);
+      y === !0 ? ae = M : y && (f.isFunction(y) ? D = y : ae = f.isArray(y) ? y : [y]), ae || (e.getInsertRecords ? ae = e.getInsertRecords().concat(e.getUpdateRecords()) : ae = []);
       const de = [];
       o._lastCallTime = Date.now(), u = !1, s.clearValidate();
       const he = {};
@@ -11552,12 +11552,12 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
           return n.validErrorMaps = g(he), te().then(() => {
             if (J.length)
               return Promise.reject(S[J[0]][0]);
-            $ && $();
+            D && D();
           });
         }).catch((J) => new Promise((X, N) => {
           const k = () => {
             te(() => {
-              $ ? ($(S), X()) : O.validToReject === "obsolete" ? N(S) : X(S);
+              D ? (D(S), X()) : O.validToReject === "obsolete" ? N(S) : X(S);
             });
           }, _ = () => {
             J.cell = e.getCell(J.row, J.column), Iv(J.cell), m(J).then(k);
@@ -11572,51 +11572,51 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
       } else
         n.validErrorMaps = {};
       return te().then(() => {
-        $ && $();
+        D && D();
       });
     };
     s = {
       /**
        * 完整校验，和 validate 的区别就是会给有效数据中的每一行进行校验
        */
-      fullValidate(y, $) {
-        return C(y, $, !0);
+      fullValidate(y, D) {
+        return C(y, D, !0);
       },
       /**
        * 快速校验，如果存在记录不通过的记录，则返回不再继续校验（异步校验除外）
        */
-      validate(y, $) {
-        return C(y, $);
+      validate(y, D) {
+        return C(y, D);
       },
-      clearValidate(y, $) {
-        const { validErrorMaps: w } = n, S = r.value, x = l.value, E = f.isArray(y) ? y : y ? [y] : [], M = f.isArray($) ? $ : ($ ? [$] : []).map((D) => Kn(e, D));
+      clearValidate(y, D) {
+        const { validErrorMaps: w } = n, S = r.value, x = l.value, E = f.isArray(y) ? y : y ? [y] : [], M = f.isArray(D) ? D : (D ? [D] : []).map(($) => Kn(e, $));
         let A = {};
         if (S && S.reactData.visible && S.close(), x.msgMode === "single")
           return n.validErrorMaps = {}, te();
         if (E.length && M.length)
-          A = Object.assign({}, w), E.forEach((D) => {
+          A = Object.assign({}, w), E.forEach(($) => {
             M.forEach((P) => {
-              const B = `${Xe(e, D)}:${P.id}`;
+              const B = `${Xe(e, $)}:${P.id}`;
               A[B] && delete A[B];
             });
           });
         else if (E.length) {
-          const D = E.map((P) => `${Xe(e, P)}`);
+          const $ = E.map((P) => `${Xe(e, P)}`);
           f.each(w, (P, B) => {
-            D.indexOf(B.split(":")[0]) > -1 && (A[B] = P);
+            $.indexOf(B.split(":")[0]) > -1 && (A[B] = P);
           });
         } else if (M.length) {
-          const D = M.map((P) => `${P.id}`);
+          const $ = M.map((P) => `${P.id}`);
           f.each(w, (P, B) => {
-            D.indexOf(B.split(":")[1]) > -1 && (A[B] = P);
+            $.indexOf(B.split(":")[1]) > -1 && (A[B] = P);
           });
         }
         return n.validErrorMaps = A, te();
       }
     };
-    const v = (y, $) => {
-      const { type: w, min: S, max: x, pattern: E } = y, M = w === "number", A = M ? f.toNumber($) : f.getSize($);
-      return !!(M && isNaN($) || !f.eqNull(S) && A < f.toNumber(S) || !f.eqNull(x) && A > f.toNumber(x) || E && !(f.isRegExp(E) ? E : new RegExp(E)).test($));
+    const v = (y, D) => {
+      const { type: w, min: S, max: x, pattern: E } = y, M = w === "number", A = M ? f.toNumber(D) : f.getSize(D);
+      return !!(M && isNaN(D) || !f.eqNull(S) && A < f.toNumber(S) || !f.eqNull(x) && A > f.toNumber(x) || E && !(f.isRegExp(E) ? E : new RegExp(E)).test(D));
     };
     return c = {
       /**
@@ -11633,22 +11633,22 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
        *  validator=Function({ cellValue, rule, rules, row, column, rowIndex, columnIndex }) 自定义校验，接收一个 Promise
        *  trigger=blur|change 触发方式（除非特殊场景，否则默认为空就行）
        */
-      validCellRules(y, $, w, S) {
+      validCellRules(y, D, w, S) {
         const { editRules: x } = t, { field: E } = w, M = [], A = [];
         if (E && x) {
-          const D = f.get(x, E);
-          if (D) {
-            const P = f.isUndefined(S) ? f.get($, E) : S;
-            D.forEach((B) => {
+          const $ = f.get(x, E);
+          if ($) {
+            const P = f.isUndefined(S) ? f.get(D, E) : S;
+            $.forEach((B) => {
               const { type: ae, trigger: de, required: he, validator: Z } = B;
               if (y === "all" || !de || y === de)
                 if (Z) {
                   const K = {
                     cellValue: P,
                     rule: B,
-                    rules: D,
-                    row: $,
-                    rowIndex: e.getRowIndex($),
+                    rules: $,
+                    row: D,
+                    rowIndex: e.getRowIndex(D),
                     column: w,
                     columnIndex: e.getColumnIndex(w),
                     field: w.field,
@@ -11674,12 +11674,12 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
         }
         return Promise.all(A).then(() => {
           if (M.length) {
-            const D = { rules: M, rule: M[0] };
-            return Promise.reject(D);
+            const $ = { rules: M, rule: M[0] };
+            return Promise.reject($);
           }
         });
       },
-      hasCellRules(y, $, w) {
+      hasCellRules(y, D, w) {
         const { editRules: S } = t, { field: x } = w;
         if (x && S) {
           const E = f.get(S, x);
@@ -11691,15 +11691,15 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
        * 触发校验
        */
       triggerValidate(y) {
-        const { editConfig: $, editRules: w } = t, { editStore: S } = n, { actived: x } = S, E = a.value, M = l.value;
-        if (w && M.msgMode === "single" && (n.validErrorMaps = {}), $ && w && x.row) {
-          const { row: A, column: D, cell: P } = x.args;
-          if (c.hasCellRules(y, A, D))
-            return c.validCellRules(y, A, D).then(() => {
-              E.mode === "row" && s.clearValidate(A, D);
+        const { editConfig: D, editRules: w } = t, { editStore: S } = n, { actived: x } = S, E = a.value, M = l.value;
+        if (w && M.msgMode === "single" && (n.validErrorMaps = {}), D && w && x.row) {
+          const { row: A, column: $, cell: P } = x.args;
+          if (c.hasCellRules(y, A, $))
+            return c.validCellRules(y, A, $).then(() => {
+              E.mode === "row" && s.clearValidate(A, $);
             }).catch(({ rule: B }) => {
               if (!B.trigger || y === B.trigger) {
-                const ae = { rule: B, row: A, column: D, cell: P };
+                const ae = { rule: B, row: A, column: $, cell: P };
                 return c.showValidTooltip(ae), Promise.reject(ae);
               }
               return Promise.resolve();
@@ -11711,7 +11711,7 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
        * 弹出校验错误提示
        */
       showValidTooltip(y) {
-        const { height: $ } = t, { tableData: w, validStore: S, validErrorMaps: x } = n, { rule: E, row: M, column: A, cell: D } = y, P = l.value, B = r.value, ae = E.content;
+        const { height: D } = t, { tableData: w, validStore: S, validErrorMaps: x } = n, { rule: E, row: M, column: A, cell: $ } = y, P = l.value, B = r.value, ae = E.content;
         return S.visible = !0, P.msgMode === "single" ? n.validErrorMaps = {
           [`${Xe(e, M)}:${A.id}`]: {
             column: A,
@@ -11726,7 +11726,7 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
             rule: E,
             content: ae
           }
-        }), e.dispatchEvent("valid-error", y, null), B && B && (P.message === "tooltip" || P.message === "default" && !$ && w.length < 2) ? B.open(D, ae) : te();
+        }), e.dispatchEvent("valid-error", y, null), B && B && (P.message === "tooltip" || P.message === "default" && !D && w.length < 2) ? B.open($, ae) : te();
       }
     }, Object.assign(Object.assign({}, s), c);
   },
@@ -11781,44 +11781,44 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
     };
     let u = {};
     const m = () => {
-      const { tipTarget: D, tipStore: P } = i;
-      if (D) {
-        const { scrollTop: B, scrollLeft: ae, visibleWidth: de } = ol(), { top: he, left: Z } = or(D), K = a.value, J = 6, X = K.offsetHeight, N = K.offsetWidth;
+      const { tipTarget: $, tipStore: P } = i;
+      if ($) {
+        const { scrollTop: B, scrollLeft: ae, visibleWidth: de } = ol(), { top: he, left: Z } = or($), K = a.value, J = 6, X = K.offsetHeight, N = K.offsetWidth;
         let k = Z, _ = he - X - J;
-        k = Math.max(J, Z + Math.floor((D.offsetWidth - N) / 2)), k + N + J > ae + de && (k = ae + de - N - J), he - X < B + J && (P.placement = "bottom", _ = he + D.offsetHeight + J), P.style.top = `${_}px`, P.style.left = `${k}px`, P.arrowStyle.left = `${Z - k + D.offsetWidth / 2}px`;
+        k = Math.max(J, Z + Math.floor(($.offsetWidth - N) / 2)), k + N + J > ae + de && (k = ae + de - N - J), he - X < B + J && (P.placement = "bottom", _ = he + $.offsetHeight + J), P.style.top = `${_}px`, P.style.left = `${k}px`, P.arrowStyle.left = `${Z - k + $.offsetWidth / 2}px`;
       }
-    }, g = (D) => {
-      D !== i.visible && (i.visible = D, i.isUpdate = !0, o("update:modelValue", D));
+    }, g = ($) => {
+      $ !== i.visible && (i.visible = $, i.isUpdate = !0, o("update:modelValue", $));
     }, C = () => {
       i.tipZindex < mr() && (i.tipZindex = Uo());
     }, v = () => {
       i.visible ? u.close() : u.open();
     }, y = () => {
       u.open();
-    }, $ = () => {
-      const { trigger: D, enterable: P, leaveDelay: B } = e;
-      i.tipActive = !1, P && D === "hover" ? setTimeout(() => {
+    }, D = () => {
+      const { trigger: $, enterable: P, leaveDelay: B } = e;
+      i.tipActive = !1, P && $ === "hover" ? setTimeout(() => {
         i.tipActive || u.close();
       }, B) : u.close();
     }, w = () => {
       i.tipActive = !0;
     }, S = () => {
-      const { trigger: D, enterable: P, leaveDelay: B } = e;
-      i.tipActive = !1, P && D === "hover" && setTimeout(() => {
+      const { trigger: $, enterable: P, leaveDelay: B } = e;
+      i.tipActive = !1, P && $ === "hover" && setTimeout(() => {
         i.tipActive || u.close();
       }, B);
     }, x = () => {
-      const { tipStore: D } = i, P = a.value;
-      return P && (P.parentNode || document.body.appendChild(P)), g(!0), C(), D.placement = "top", D.style = { width: "auto", left: 0, top: 0, zIndex: e.zIndex || i.tipZindex }, D.arrowStyle = { left: "50%" }, u.updatePlacement();
+      const { tipStore: $ } = i, P = a.value;
+      return P && (P.parentNode || document.body.appendChild(P)), g(!0), C(), $.placement = "top", $.style = { width: "auto", left: 0, top: 0, zIndex: e.zIndex || i.tipZindex }, $.arrowStyle = { left: "50%" }, u.updatePlacement();
     }, E = f.debounce(() => {
       i.tipActive && x();
     }, e.enterDelay, { leading: !1, trailing: !0 });
     u = {
-      dispatchEvent(D, P, B) {
-        o(D, Object.assign({ $tooltip: c, $event: B }, P));
+      dispatchEvent($, P, B) {
+        o($, Object.assign({ $tooltip: c, $event: B }, P));
       },
-      open(D, P) {
-        return u.toVisible(D || i.target, P);
+      open($, P) {
+        return u.toVisible($ || i.target, P);
       },
       close() {
         return i.tipTarget = null, i.tipActive = !1, Object.assign(i.tipStore, {
@@ -11827,10 +11827,10 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
           arrowStyle: null
         }), g(!1), te();
       },
-      toVisible(D, P) {
-        if (D) {
+      toVisible($, P) {
+        if ($) {
           const { trigger: B, enterDelay: ae } = e;
-          if (i.tipActive = !0, i.tipTarget = D, P && (i.tipContent = P), ae && B === "hover")
+          if (i.tipActive = !0, i.tipTarget = $, P && (i.tipContent = P), ae && B === "hover")
             E();
           else
             return x();
@@ -11839,16 +11839,16 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
       },
       updatePlacement() {
         return te().then(() => {
-          const { tipTarget: D } = i, P = a.value;
-          if (D && P)
+          const { tipTarget: $ } = i, P = a.value;
+          if ($ && P)
             return m(), te().then(m);
         });
       },
       isActived() {
         return i.tipActive;
       },
-      setActived(D) {
-        i.tipActive = !!D;
+      setActived($) {
+        i.tipActive = !!$;
       }
     }, Object.assign(c, u), tt(() => e.content, () => {
       i.tipContent = e.content;
@@ -11856,7 +11856,7 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
       i.isUpdate || (e.modelValue ? u.open() : u.close()), i.isUpdate = !1;
     }), un(() => {
       te(() => {
-        const { trigger: D, content: P, modelValue: B } = e, ae = a.value;
+        const { trigger: $, content: P, modelValue: B } = e, ae = a.value;
         if (ae) {
           const de = ae.parentNode;
           if (de) {
@@ -11864,23 +11864,23 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
               K > 1 && (de.insertBefore(Z, ae), i.target || (i.target = Z));
             }), de.removeChild(ae);
             const { target: he } = i;
-            he && (D === "hover" ? (he.onmouseenter = y, he.onmouseleave = $) : D === "click" && (he.onclick = v)), B && u.open();
+            he && ($ === "hover" ? (he.onmouseenter = y, he.onmouseleave = D) : $ === "click" && (he.onclick = v)), B && u.open();
           }
         }
       });
     }), ud(() => {
-      const { trigger: D } = e, { target: P } = i, B = a.value;
-      if (P && (D === "hover" ? (P.onmouseenter = null, P.onmouseleave = null) : D === "click" && (P.onclick = null)), B) {
+      const { trigger: $ } = e, { target: P } = i, B = a.value;
+      if (P && ($ === "hover" ? (P.onmouseenter = null, P.onmouseleave = null) : $ === "click" && (P.onclick = null)), B) {
         const ae = B.parentNode;
         ae && ae.removeChild(B);
       }
     });
     const M = () => {
-      const { useHTML: D } = e, { tipContent: P } = i, B = n.content;
+      const { useHTML: $ } = e, { tipContent: P } = i, B = n.content;
       return B ? h("div", {
         key: 1,
         class: "vxe-table--tooltip-content"
-      }, Xt(B({}))) : D ? h("div", {
+      }, Xt(B({}))) : $ ? h("div", {
         key: 2,
         class: "vxe-table--tooltip-content",
         innerHTML: P
@@ -11889,12 +11889,12 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
         class: "vxe-table--tooltip-content"
       }, vn(P));
     }, A = () => {
-      const { popupClassName: D, theme: P, isArrow: B, enterable: ae } = e, { tipActive: de, visible: he, tipStore: Z } = i, K = n.default, J = l.value;
+      const { popupClassName: $, theme: P, isArrow: B, enterable: ae } = e, { tipActive: de, visible: he, tipStore: Z } = i, K = n.default, J = l.value;
       let X;
       return ae && (X = {
         onMouseenter: w,
         onMouseleave: S
-      }), h("div", Object.assign({ ref: a, class: ["vxe-table--tooltip-wrapper", `theme--${P}`, D ? f.isFunction(D) ? D({ $tooltip: c }) : D : "", {
+      }), h("div", Object.assign({ ref: a, class: ["vxe-table--tooltip-wrapper", `theme--${P}`, $ ? f.isFunction($) ? $({ $tooltip: c }) : $ : "", {
         [`size--${J}`]: J,
         [`placement--${Z.placement}`]: Z.placement,
         "is--enterable": ae,
@@ -11940,7 +11940,7 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
       t.closeCustom(), t.emitCustomEvent("cancel", X);
     }, y = (X) => {
       t.resetColumn(!0), t.closeCustom(), t.emitCustomEvent("reset", X);
-    }, $ = (X) => {
+    }, D = (X) => {
       at.modal ? at.modal.confirm({
         content: O.i18n("vxe.custom.cstmConfirmRestore"),
         className: "vxe-table--ignore-clear",
@@ -11972,7 +11972,7 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
     }, A = (X) => {
       const _ = X.currentTarget.parentNode.parentNode, j = _.getAttribute("colid"), U = t.getColumnById(j);
       _.draggable = !0, c.value = U, Or(_, "active--drag-origin");
-    }, D = (X) => {
+    }, $ = (X) => {
       const _ = X.currentTarget.parentNode.parentNode, j = s.value;
       _.draggable = !1, c.value = null, go(_, "active--drag-origin"), j && (j.style.display = "");
     }, P = (X) => {
@@ -12141,7 +12141,7 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
               xe.level === 1 ? h("span", {
                 class: "vxe-table-custom-popup--column-sort-btn",
                 onMousedown: A,
-                onMouseup: D
+                onMouseup: $
               }, [
                 h("i", {
                   class: "vxe-icon-sort"
@@ -12280,7 +12280,7 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
         }, [
           h(Hn, {
             content: k.resetButtonText || O.i18n("vxe.custom.cstmRestore"),
-            onClick: $
+            onClick: D
           }),
           h(Hn, {
             content: k.resetButtonText || O.i18n("vxe.custom.cstmCancel"),
@@ -12299,37 +12299,37 @@ const m_ = ["fullValidate", "validate", "clearValidate"], h_ = {
 }), v_ = ["openCustom", "closeCustom"], b_ = {
   setupTable(e) {
     const { reactData: t, internalData: n } = e, { computeCustomOpts: o } = e.getComputeMaps(), { refTableHeader: r, refTableBody: l, refTableCustom: i } = e.getRefMaps(), a = e.xegrid, s = () => {
-      const { customStore: y } = t, $ = r.value, w = l.value, S = i.value, x = S ? S.$el : null, E = $.$el, M = w.$el;
+      const { customStore: y } = t, D = r.value, w = l.value, S = i.value, x = S ? S.$el : null, E = D.$el, M = w.$el;
       let A = 0;
       E && (A += E.clientHeight), M && (A += M.clientHeight), y.maxHeight = Math.max(0, x ? Math.min(x.clientHeight, A - 80) : 0);
     }, c = () => {
-      const { initStore: y, customStore: $ } = t;
-      return $.visible = !0, y.custom = !0, t.customColumnList = n.collectColumn.slice(0), g(), s(), te().then(() => s());
+      const { initStore: y, customStore: D } = t;
+      return D.visible = !0, y.custom = !0, t.customColumnList = n.collectColumn.slice(0), g(), s(), te().then(() => s());
     }, u = () => {
-      const { customStore: y } = t, $ = o.value;
-      return y.visible && (y.visible = !1, $.immediate || e.handleCustom()), te();
+      const { customStore: y } = t, D = o.value;
+      return y.visible && (y.visible = !1, D.immediate || e.handleCustom()), te();
     }, m = {
       openCustom: c,
       closeCustom: u
     }, g = () => {
-      const { customStore: y } = t, { collectColumn: $ } = n, w = o.value, { checkMethod: S } = w;
-      y.isAll = $.every((x) => (S ? !S({ column: x }) : !1) || x.visible), y.isIndeterminate = !y.isAll && $.some((x) => (!S || S({ column: x })) && (x.visible || x.halfVisible));
-    }, C = (y, $) => {
-      (a || e).dispatchEvent("custom", { type: y }, $);
+      const { customStore: y } = t, { collectColumn: D } = n, w = o.value, { checkMethod: S } = w;
+      y.isAll = D.every((x) => (S ? !S({ column: x }) : !1) || x.visible), y.isIndeterminate = !y.isAll && D.some((x) => (!S || S({ column: x })) && (x.visible || x.halfVisible));
+    }, C = (y, D) => {
+      (a || e).dispatchEvent("custom", { type: y }, D);
     }, v = {
       checkCustomStatus: g,
       emitCustomEvent: C,
       triggerCustomEvent(y) {
-        const { customStore: $ } = e.reactData;
-        $.visible ? (u(), C("close", y)) : ($.btnEl = y.target, c(), C("open", y));
+        const { customStore: D } = e.reactData;
+        D.visible ? (u(), C("close", y)) : (D.btnEl = y.target, c(), C("open", y));
       },
       customOpenEvent(y) {
-        const { customStore: $ } = t;
-        $.visible || ($.activeBtn = !0, $.btnEl = y.target, e.openCustom(), e.emitCustomEvent("open", y));
+        const { customStore: D } = t;
+        D.visible || (D.activeBtn = !0, D.btnEl = y.target, e.openCustom(), e.emitCustomEvent("open", y));
       },
       customColseEvent(y) {
-        const { customStore: $ } = t;
-        $.visible && ($.activeBtn = !1, e.closeCustom(), e.emitCustomEvent("close", y));
+        const { customStore: D } = t;
+        D.visible && (D.activeBtn = !1, e.closeCustom(), e.emitCustomEvent("close", y));
       }
     };
     return Object.assign(Object.assign({}, m), v);
@@ -12402,10 +12402,10 @@ function C_(e) {
 }
 function Zr(e, t) {
   const { $table: n, column: o } = e, { props: r, reactData: l } = n, { computeTooltipOpts: i } = n.getComputeMaps(), { showHeaderOverflow: a } = r, { type: s, showHeaderOverflow: c } = o, m = i.value.showAll, g = f.isUndefined(c) || f.isNull(c) ? a : c, C = g === "title", v = g === !0 || g === "tooltip", y = {};
-  return (C || v || m) && (y.onMouseenter = ($) => {
-    l._isResize || (C ? Ud($.currentTarget, o) : (v || m) && n.triggerHeaderTooltipEvent($, e));
-  }), (v || m) && (y.onMouseleave = ($) => {
-    l._isResize || (v || m) && n.handleTargetLeaveEvent($);
+  return (C || v || m) && (y.onMouseenter = (D) => {
+    l._isResize || (C ? Ud(D.currentTarget, o) : (v || m) && n.triggerHeaderTooltipEvent(D, e));
+  }), (v || m) && (y.onMouseleave = (D) => {
+    l._isResize || (v || m) && n.handleTargetLeaveEvent(D);
   }), [
     s === "html" && f.isString(t) ? h("span", Object.assign({ class: "vxe-cell--title", innerHTML: t }, y)) : h("span", Object.assign({ class: "vxe-cell--title" }, y), Xt(t))
   ];
@@ -12505,11 +12505,11 @@ 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: v, trigger: y, iconLoaded: $, showIcon: w, iconOpen: S, iconClose: x } = s, E = s.children || s.childrenField, M = s.hasChild || s.hasChildField, A = c[E], D = g ? g.icon : null;
+    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: v, trigger: y, iconLoaded: D, showIcon: w, iconOpen: S, iconClose: x } = s, E = s.children || s.childrenField, M = s.hasChild || s.hasChildField, A = c[E], $ = g ? g.icon : null;
     let P = !1, B = !1, ae = !1;
     const de = {};
-    if (D)
-      return n.callSlot(D, e);
+    if ($)
+      return n.callSlot($, e);
     if (!o) {
       const he = Xe(n, c);
       B = !!i[he], v && (ae = !!a[he], P = c[M]);
@@ -12528,7 +12528,7 @@ const bt = {
         w && (A && A.length || P) ? [
           h("div", Object.assign({ class: "vxe-tree--btn-wrapper" }, de), [
             h("i", {
-              class: ["vxe-tree--node-btn", ae ? $ || O.icon.TABLE_TREE_LOADED : B ? S || O.icon.TABLE_TREE_OPEN : x || O.icon.TABLE_TREE_CLOSE]
+              class: ["vxe-tree--node-btn", ae ? D || O.icon.TABLE_TREE_LOADED : B ? S || O.icon.TABLE_TREE_OPEN : x || O.icon.TABLE_TREE_CLOSE]
             })
           ])
         ] : null,
@@ -12567,18 +12567,18 @@ const bt = {
     ]);
   },
   renderRadioCell(e) {
-    const { $table: t, column: n, isHidden: o } = e, { reactData: r } = t, { computeRadioOpts: l } = t.getComputeMaps(), { selectRadioRow: i } = r, a = l.value, { slots: s } = n, { labelField: c, checkMethod: u, visibleMethod: m } = a, { row: g } = e, C = s ? s.default : null, v = s ? s.radio : null, y = t.eqRow(g, i), $ = !m || m({ row: g });
+    const { $table: t, column: n, isHidden: o } = e, { reactData: r } = t, { computeRadioOpts: l } = t.getComputeMaps(), { selectRadioRow: i } = r, a = l.value, { slots: s } = n, { labelField: c, checkMethod: u, visibleMethod: m } = a, { row: g } = e, C = s ? s.default : null, v = s ? s.radio : null, y = t.eqRow(g, i), D = !m || m({ row: g });
     let w = !!u, S;
     o || (S = {
       onClick(M) {
-        !w && $ && (M.stopPropagation(), t.triggerRadioRowEvent(M, e));
+        !w && D && (M.stopPropagation(), t.triggerRadioRowEvent(M, e));
       }
     }, u && (w = !u({ row: g })));
-    const x = Object.assign(Object.assign({}, e), { checked: y, disabled: w, visible: $ });
+    const x = Object.assign(Object.assign({}, e), { checked: y, disabled: w, visible: D });
     if (v)
       return t.callSlot(v, x);
     const E = [];
-    return $ && E.push(h("span", {
+    return D && E.push(h("span", {
       class: ["vxe-radio--icon", y ? O.icon.TABLE_RADIO_CHECKED : O.icon.TABLE_RADIO_UNCHECKED]
     })), (C || c) && E.push(h("span", {
       class: "vxe-radio--label"
@@ -12603,12 +12603,12 @@ const bt = {
         c || (w.stopPropagation(), t.triggerCheckAllEvent(w, !a));
       }
     });
-    const $ = Object.assign(Object.assign({}, e), { checked: a, disabled: c, indeterminate: s });
-    return m ? Zr($, t.callSlot(m, $)) : (C.checkStrictly ? !C.showHeader : C.showHeader === !1) ? Zr($, [
+    const D = Object.assign(Object.assign({}, e), { checked: a, disabled: c, indeterminate: s });
+    return m ? Zr(D, t.callSlot(m, D)) : (C.checkStrictly ? !C.showHeader : C.showHeader === !1) ? Zr(D, [
       h("span", {
         class: "vxe-checkbox--label"
-      }, g ? t.callSlot(g, $) : v)
-    ]) : Zr($, [
+      }, g ? t.callSlot(g, D) : v)
+    ]) : Zr(D, [
       h("span", Object.assign({ class: ["vxe-cell--checkbox", {
         "is--checked": a,
         "is--disabled": c,
@@ -12620,12 +12620,12 @@ const bt = {
       ].concat(g || v ? [
         h("span", {
           class: "vxe-checkbox--label"
-        }, g ? t.callSlot(g, $) : v)
+        }, g ? t.callSlot(g, D) : v)
       ] : []))
     ]);
   },
   renderCheckboxCell(e) {
-    const { $table: t, row: n, column: o, isHidden: r } = e, { props: l, reactData: i } = t, { treeConfig: a } = l, { selectCheckboxMaps: s, treeIndeterminateMaps: c } = i, { computeCheckboxOpts: u } = t.getComputeMaps(), m = u.value, { labelField: g, checkMethod: C, visibleMethod: v } = m, { slots: y } = o, $ = y ? y.default : null, w = y ? y.checkbox : null;
+    const { $table: t, row: n, column: o, isHidden: r } = e, { props: l, reactData: i } = t, { treeConfig: a } = l, { selectCheckboxMaps: s, treeIndeterminateMaps: c } = i, { computeCheckboxOpts: u } = t.getComputeMaps(), m = u.value, { labelField: g, checkMethod: C, visibleMethod: v } = m, { slots: y } = o, D = y ? y.default : null, w = y ? y.checkbox : null;
     let S = !1, x = !1;
     const E = !v || v({ row: n });
     let M = !!C, A;
@@ -12637,15 +12637,15 @@ const bt = {
         }
       }, C && (M = !C({ row: n })), a && (S = !!c[B]);
     }
-    const D = Object.assign(Object.assign({}, e), { checked: x, disabled: M, visible: E, indeterminate: S });
+    const $ = Object.assign(Object.assign({}, e), { checked: x, disabled: M, visible: E, indeterminate: S });
     if (w)
-      return t.callSlot(w, D);
+      return t.callSlot(w, $);
     const P = [];
     return E && P.push(h("span", {
       class: ["vxe-checkbox--icon", S ? O.icon.TABLE_CHECKBOX_INDETERMINATE : x ? O.icon.TABLE_CHECKBOX_CHECKED : O.icon.TABLE_CHECKBOX_UNCHECKED]
-    })), ($ || g) && P.push(h("span", {
+    })), (D || g) && P.push(h("span", {
       class: "vxe-checkbox--label"
-    }, $ ? t.callSlot($, D) : f.get(n, g))), [
+    }, D ? t.callSlot(D, $) : f.get(n, g))), [
       h("span", Object.assign({ class: ["vxe-cell--checkbox", {
         "is--checked": x,
         "is--disabled": M,
@@ -12658,13 +12658,13 @@ const bt = {
     return bt.renderTreeIcon(e, bt.renderCheckboxCell(e));
   },
   renderCheckboxCellByProp(e) {
-    const { $table: t, row: n, column: o, isHidden: r } = e, { props: l, reactData: i } = t, { treeConfig: a } = l, { treeIndeterminateMaps: s } = i, { computeCheckboxOpts: c } = t.getComputeMaps(), u = c.value, { labelField: m, checkField: g, checkMethod: C, visibleMethod: v } = u, y = u.indeterminateField || u.halfField, { slots: $ } = o, w = $ ? $.default : null, S = $ ? $.checkbox : null;
+    const { $table: t, row: n, column: o, isHidden: r } = e, { props: l, reactData: i } = t, { treeConfig: a } = l, { treeIndeterminateMaps: s } = i, { computeCheckboxOpts: c } = t.getComputeMaps(), u = c.value, { labelField: m, checkField: g, checkMethod: C, visibleMethod: v } = u, y = u.indeterminateField || u.halfField, { slots: D } = o, w = D ? D.default : null, S = D ? D.checkbox : null;
     let x = !1, E = !1;
     const M = !v || v({ row: n });
-    let A = !!C, D;
+    let A = !!C, $;
     if (!r) {
       const ae = Xe(t, n);
-      E = f.get(n, g), D = {
+      E = f.get(n, g), $ = {
         onClick(de) {
           !A && M && (de.stopPropagation(), t.triggerCheckRowEvent(de, e, !E));
         }
@@ -12684,7 +12684,7 @@ const bt = {
         "is--disabled": A,
         "is--indeterminate": y && !E ? n[y] : x,
         "is--hidden": !M
-      }] }, D), B)
+      }] }, $), B)
     ];
   },
   renderTreeSelectionCellByProp(e) {
@@ -12694,7 +12694,7 @@ const bt = {
    * 展开行
    */
   renderExpandCell(e) {
-    const { $table: t, isHidden: n, row: o, column: r } = e, { reactData: l } = t, { rowExpandedMaps: i, rowExpandLazyLoadedMaps: a } = l, { computeExpandOpts: s } = t.getComputeMaps(), c = s.value, { lazy: u, labelField: m, iconLoaded: g, showIcon: C, iconOpen: v, iconClose: y, visibleMethod: $ } = c, { slots: w } = r, S = w ? w.default : null, x = w ? w.icon : null;
+    const { $table: t, isHidden: n, row: o, column: r } = e, { reactData: l } = t, { rowExpandedMaps: i, rowExpandLazyLoadedMaps: a } = l, { computeExpandOpts: s } = t.getComputeMaps(), c = s.value, { lazy: u, labelField: m, iconLoaded: g, showIcon: C, iconOpen: v, iconClose: y, visibleMethod: D } = c, { slots: w } = r, S = w ? w.default : null, x = w ? w.icon : null;
     let E = !1, M = !1;
     if (x)
       return t.callSlot(x, e);
@@ -12703,7 +12703,7 @@ const bt = {
       E = !!i[A], u && (M = !!a[A]);
     }
     return [
-      C && (!$ || $(e)) ? h("span", {
+      C && (!D || D(e)) ? h("span", {
         class: ["vxe-table--expanded", {
           "is--active": E
         }],
@@ -13039,7 +13039,7 @@ const ns = "body", O_ = {
     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: v, computeMouseOpts: y, computeSYOpts: $, computeEmptyOpts: w, computeKeyboardOpts: S, computeTooltipOpts: x, computeRadioOpts: E, computeExpandOpts: M, computeTreeOpts: A, computeCheckboxOpts: D, computeValidOpts: P, computeRowOpts: B, computeColumnOpts: ae } = t.getComputeMaps(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), X = Ce(), N = 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: v, computeMouseOpts: y, computeSYOpts: D, computeEmptyOpts: w, computeKeyboardOpts: S, computeTooltipOpts: x, computeRadioOpts: E, computeExpandOpts: M, computeTreeOpts: A, computeCheckboxOpts: $, computeValidOpts: P, computeRowOpts: B, computeColumnOpts: ae } = t.getComputeMaps(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), X = Ce(), N = Ce(), k = () => {
       if (n) {
         const ye = n.value;
         if (ye)
@@ -13081,7 +13081,7 @@ const ns = "body", O_ = {
         ])
       ] : [];
     }, ke = (ye, Se, we, ze, Je, Qe, Ke, Pe, Fe, ee, me, De) => {
-      const { columnKey: $e, height: W, showOverflow: Q, cellClassName: Ee, cellStyle: We, align: Ue, spanMethod: Ze, mouseConfig: lt, editConfig: st, editRules: ut, tooltipConfig: rt } = r, { tableData: ht, overflowX: Pt, scrollYLoad: z, currentColumn: Vt, mergeList: Mt, editStore: Tt, isAllOverflow: gt, validErrorMaps: Bt } = i, { afterFullData: _t } = a, Gt = P.value, Nt = D.value, zt = v.value, en = x.value, an = B.value, En = $.value, mn = ae.value, { type: hn, cellRender: $n, editRender: tn, align: on, showOverflow: rn, className: yn, treeNode: Pn, slots: xn } = Fe, { actived: Qn } = Tt, { rHeight: Eo } = En, { height: No } = an, dl = tn || $n, Br = dl ? at.renderer.get(dl.name) : null, Bl = Br ? Br.cellClassName : "", fl = Br ? Br.cellStyle : "", eo = en.showAll, _n = t.getColumnIndex(Fe), So = t.getVTColumnIndex(Fe), To = Ot(tn);
+      const { columnKey: $e, height: W, showOverflow: Q, cellClassName: Ee, cellStyle: We, align: Ue, spanMethod: Ze, mouseConfig: lt, editConfig: st, editRules: ut, tooltipConfig: rt } = r, { tableData: ht, overflowX: Pt, scrollYLoad: z, currentColumn: Vt, mergeList: Mt, editStore: Tt, isAllOverflow: gt, validErrorMaps: Bt } = i, { afterFullData: _t } = a, Gt = P.value, Nt = $.value, zt = v.value, en = x.value, an = B.value, En = D.value, mn = ae.value, { type: hn, cellRender: $n, editRender: tn, align: on, showOverflow: rn, className: yn, treeNode: Pn, slots: xn } = Fe, { actived: Qn } = Tt, { rHeight: Eo } = En, { height: No } = an, dl = tn || $n, Br = dl ? at.renderer.get(dl.name) : null, Bl = Br ? Br.cellClassName : "", fl = Br ? Br.cellStyle : "", eo = en.showAll, _n = t.getColumnIndex(Fe), So = t.getVTColumnIndex(Fe), To = Ot(tn);
       let Po = we ? Fe.fixed !== we : Fe.fixed && Pt;
       const gr = f.isUndefined(rn) || f.isNull(rn) ? Q : rn;
       let Xo = gr === "ellipsis";
@@ -13171,7 +13171,7 @@ const ns = "body", O_ = {
         height: ko && (Eo || No) ? `${Eo || No}px` : ""
       }, f.isFunction(fl) ? fl(Tn) : fl, f.isFunction(We) ? We(Tn) : We) }), Ko), vr);
     }, 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: W, rowExpandedMaps: Q, expandColumn: Ee, selectRadioRow: We, pendingRowMaps: Ue, pendingRowList: Ze } = i, { fullAllDataRowIdData: lt } = a, st = D.value, ut = E.value, rt = A.value, ht = v.value, Pt = B.value, { transform: z } = rt, Vt = rt.children || rt.childrenField, Mt = [];
+      const { stripe: ze, rowKey: Je, highlightHoverRow: Qe, rowClassName: Ke, rowStyle: Pe, showOverflow: Fe, editConfig: ee, treeConfig: me } = r, { hasFixedColumn: De, treeExpandedMaps: $e, scrollYLoad: W, rowExpandedMaps: Q, expandColumn: Ee, selectRadioRow: We, pendingRowMaps: Ue, pendingRowList: Ze } = i, { fullAllDataRowIdData: lt } = a, st = $.value, ut = E.value, rt = A.value, ht = v.value, Pt = B.value, { transform: z } = rt, Vt = rt.children || rt.childrenField, Mt = [];
       return Se.forEach((Tt, gt) => {
         const Bt = {};
         let _t = gt;
@@ -13293,7 +13293,7 @@ const ns = "body", O_ = {
       Se[`${we}wrapper`] = null, Se[`${we}table`] = null, Se[`${we}colgroup`] = null, Se[`${we}list`] = null, Se[`${we}xSpace`] = null, Se[`${we}ySpace`] = null, Se[`${we}emptyBlock`] = null;
     }), () => {
       let { fixedColumn: ye, fixedType: Se, tableColumn: we } = e;
-      const { keyboardConfig: ze, showOverflow: Je, spanMethod: Qe, mouseConfig: Ke } = r, { tableData: Pe, mergeList: Fe, scrollYLoad: ee, isAllOverflow: me } = i, { visibleColumn: De } = a, { slots: $e } = l, W = $.value, Q = w.value, Ee = S.value, We = y.value;
+      const { keyboardConfig: ze, showOverflow: Je, spanMethod: Qe, mouseConfig: Ke } = r, { tableData: Pe, mergeList: Fe, scrollYLoad: ee, isAllOverflow: me } = i, { visibleColumn: De } = a, { slots: $e } = l, W = D.value, Q = w.value, Ee = S.value, We = y.value;
       Se && (!i.expandColumn && (ee || Je && me) && !Fe.length && !Qe && !(ze && Ee.isMerge) ? we = ye : we = De);
       let Ue;
       const Ze = $e ? $e.empty : null;
@@ -13386,13 +13386,13 @@ const ns = "body", O_ = {
     fixedType: { type: String, default: null }
   },
   setup(e) {
-    const t = xt("$xetable", {}), { xID: n, props: o, reactData: r, internalData: l } = t, { refElem: i, refTableBody: a, refLeftContainer: s, refRightContainer: c, refCellResizeBar: u } = t.getRefMaps(), { computeColumnOpts: m } = t.getComputeMaps(), g = Ce([]), C = Ce(), v = Ce(), y = Ce(), $ = Ce(), w = Ce(), S = Ce(), x = () => {
+    const t = xt("$xetable", {}), { xID: n, props: o, reactData: r, internalData: l } = t, { refElem: i, refTableBody: a, refLeftContainer: s, refRightContainer: c, refCellResizeBar: u } = t.getRefMaps(), { computeColumnOpts: m } = t.getComputeMaps(), g = Ce([]), C = Ce(), v = Ce(), y = Ce(), D = Ce(), w = Ce(), S = Ce(), x = () => {
       const { isGroup: A } = r;
       g.value = A ? nM(e.tableGroupColumn) : [];
-    }, E = (A, D) => {
-      const { column: P } = D, { fixedType: B } = e, ae = a.value, de = s.value, he = c.value, Z = u.value, { clientX: K } = A, J = C.value, X = A.target, N = D.cell = X.parentNode;
+    }, E = (A, $) => {
+      const { column: P } = $, { fixedType: B } = e, ae = a.value, de = s.value, he = c.value, Z = u.value, { clientX: K } = A, J = C.value, X = A.target, N = $.cell = X.parentNode;
       let k = 0;
-      const _ = ae.$el, j = eM(X, J), U = X.clientWidth, ce = Math.floor(U / 2), ke = rM(D) - ce;
+      const _ = ae.$el, j = eM(X, J), U = X.clientWidth, ce = Math.floor(U / 2), ke = rM($) - ce;
       let xe = j.left - N.clientWidth + U + ke, Ve = j.left + ce;
       const je = document.onmousemove, pe = document.onmouseup, H = B === "left", le = B === "right", fe = i.value;
       let be = 0;
@@ -13414,22 +13414,22 @@ const ns = "body", O_ = {
         document.onmousemove = je, document.onmouseup = pe;
         const ie = P.renderWidth + (le ? Ve - k : k - Ve);
         P.resizeWidth = ie, Z.style.display = "none", r._isResize = !1, l._lastResizeTime = Date.now(), t.analyColumnWidth(), t.recalculate(!0).then(() => {
-          t.saveCustomResizable(), t.updateCellAreas(), t.dispatchEvent("resizable-change", Object.assign(Object.assign({}, D), { resizeWidth: ie }), se);
+          t.saveCustomResizable(), t.updateCellAreas(), t.dispatchEvent("resizable-change", Object.assign(Object.assign({}, $), { resizeWidth: ie }), se);
         }), go(fe, "drag--resize");
       }, _e(A), t.closeMenu && t.closeMenu();
     };
     return tt(() => e.tableColumn, x), un(() => {
       te(() => {
-        const { fixedType: A } = e, { internalData: D } = t, { elemStore: P } = D, B = `${A || "main"}-header-`;
-        P[`${B}wrapper`] = C, P[`${B}table`] = v, P[`${B}colgroup`] = y, P[`${B}list`] = $, P[`${B}xSpace`] = w, P[`${B}repair`] = S, x();
+        const { fixedType: A } = e, { internalData: $ } = t, { elemStore: P } = $, B = `${A || "main"}-header-`;
+        P[`${B}wrapper`] = C, P[`${B}table`] = v, P[`${B}colgroup`] = y, P[`${B}list`] = D, P[`${B}xSpace`] = w, P[`${B}repair`] = S, x();
       });
     }), dn(() => {
-      const { fixedType: A } = e, { internalData: D } = t, { elemStore: P } = D, B = `${A || "main"}-header-`;
+      const { fixedType: A } = e, { internalData: $ } = t, { elemStore: P } = $, B = `${A || "main"}-header-`;
       P[`${B}wrapper`] = null, P[`${B}table`] = null, P[`${B}colgroup`] = null, P[`${B}list`] = null, P[`${B}xSpace`] = null, P[`${B}repair`] = null;
     }), () => {
-      const { fixedType: A, fixedColumn: D, tableColumn: P } = e, { resizable: B, border: ae, columnKey: de, headerRowClassName: he, headerCellClassName: Z, headerRowStyle: K, headerCellStyle: J, showHeaderOverflow: X, headerAlign: N, align: k, mouseConfig: _ } = o, { isGroup: j, currentColumn: U, scrollXLoad: ce, overflowX: ke, scrollbarWidth: xe } = r, { visibleColumn: Ve } = l, je = m.value;
+      const { fixedType: A, fixedColumn: $, tableColumn: P } = e, { resizable: B, border: ae, columnKey: de, headerRowClassName: he, headerCellClassName: Z, headerRowStyle: K, headerCellStyle: J, showHeaderOverflow: X, headerAlign: N, align: k, mouseConfig: _ } = o, { isGroup: j, currentColumn: U, scrollXLoad: ce, overflowX: ke, scrollbarWidth: xe } = r, { visibleColumn: Ve } = l, je = m.value;
       let pe = g.value, H = P;
-      return j ? H = Ve : (A && (ce || X) && (H = D), pe = [H]), h("div", {
+      return j ? H = Ve : (A && (ce || X) && (H = $), pe = [H]), h("div", {
         ref: C,
         class: ["vxe-table--header-wrapper", A ? `fixed-${A}--wrapper` : "body--wrapper"],
         xid: n
@@ -13463,7 +13463,7 @@ const ns = "body", O_ = {
            * 头部
            */
           h("thead", {
-            ref: $
+            ref: D
           }, pe.map((le, fe) => h("tr", {
             class: ["vxe-header--row", he ? f.isFunction(he) ? he({ $table: t, $rowIndex: fe, fixed: A, type: hu }) : he : ""],
             style: K ? f.isFunction(K) ? K({ $table: t, $rowIndex: fe, fixed: A, type: hu }) : K : null
@@ -13549,8 +13549,8 @@ const Pm = nt({
     fixedType: { type: String, default: null }
   },
   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(), v = Ce(), y = Ce(), $ = (S) => {
-      const { fixedType: x } = e, { scrollXLoad: E } = r, { lastScrollLeft: M } = l, A = s.value, D = i.value, P = a.value, B = D ? D.$el : null, ae = m.value, de = P.$el, he = ae.scrollLeft, Z = he !== M;
+    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(), v = Ce(), y = Ce(), D = (S) => {
+      const { fixedType: x } = e, { scrollXLoad: E } = r, { lastScrollLeft: M } = l, A = s.value, $ = i.value, P = a.value, B = $ ? $.$el : null, ae = m.value, de = P.$el, he = ae.scrollLeft, Z = he !== M;
       l.lastScrollLeft = he, r.lastScrollTime = Date.now(), B && (B.scrollLeft = he), de && (de.scrollLeft = he), E && Z && t.triggerScrollXEvent(S), Z && A && A.reactData.visible && A.updatePlacement(), t.dispatchEvent("scroll", { type: gu, fixed: x, scrollTop: de.scrollTop, scrollLeft: he, isX: Z, isY: !1 }, S);
     };
     return un(() => {
@@ -13563,12 +13563,12 @@ const Pm = nt({
       x[`${E}wrapper`] = null, x[`${E}table`] = null, x[`${E}colgroup`] = null, x[`${E}list`] = null, x[`${E}xSpace`] = null;
     }), () => {
       let { fixedType: S, fixedColumn: x, tableColumn: E, footerTableData: M } = e;
-      const { footerRowClassName: A, footerCellClassName: D, footerRowStyle: P, footerCellStyle: B, footerAlign: ae, footerSpanMethod: de, align: he, columnKey: Z, showFooterOverflow: K } = o, { visibleColumn: J } = l, { scrollXLoad: X, overflowX: N, scrollbarWidth: k, currentColumn: _, mergeFooterList: j } = r, U = c.value, ce = u.value;
+      const { footerRowClassName: A, footerCellClassName: $, footerRowStyle: P, footerCellStyle: B, footerAlign: ae, footerSpanMethod: de, align: he, columnKey: Z, showFooterOverflow: K } = o, { visibleColumn: J } = l, { scrollXLoad: X, overflowX: N, scrollbarWidth: k, currentColumn: _, mergeFooterList: j } = r, U = c.value, ce = u.value;
       return S && (!r.expandColumn && (X || K) && (!j.length || !de) ? E = x : E = J), h("div", {
         ref: m,
         class: ["vxe-table--footer-wrapper", S ? `fixed-${S}--wrapper` : "body--wrapper"],
         xid: n,
-        onScroll: $
+        onScroll: D
       }, [
         S ? Be() : h("div", {
           ref: y,
@@ -13656,7 +13656,7 @@ const Pm = nt({
                 "fixed--hidden": ye,
                 "col--ellipsis": Ke,
                 "col--current": _ === pe
-              }, Qr(se, $e), Qr(D, $e)] }, Pe), { style: B ? f.isFunction(B) ? B($e) : B : null }), Fe), { key: Z || ce.useKey ? pe.id : H }), [
+              }, Qr(se, $e), Qr($, $e)] }, Pe), { style: B ? f.isFunction(B) ? B($e) : B : null }), Fe), { key: Z || ce.useKey ? pe.id : H }), [
                 h("div", {
                   class: ["vxe-cell", {
                     "c--title": Je,
@@ -14202,7 +14202,7 @@ const Pm = nt({
       isActivated: !1
     };
     let u = {}, m = {};
-    const g = Ce(), C = Ce(), v = Ce(), y = Ce(), $ = Ce(), w = Ce(), S = Ce(), x = Ce(), E = Ce(), M = Ce(), A = Ce(), D = Ce(), P = Ce(), B = Ce(), ae = Ce(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), X = xt("$xegrid", null);
+    const g = Ce(), C = Ce(), v = Ce(), y = Ce(), D = Ce(), w = Ce(), S = Ce(), x = Ce(), E = Ce(), M = Ce(), A = Ce(), $ = Ce(), P = Ce(), B = Ce(), ae = Ce(), de = Ce(), he = Ce(), Z = Ce(), K = Ce(), J = Ce(), X = xt("$xegrid", null);
     let N;
     const k = q(() => Object.assign({}, O.table.validConfig, e.validConfig)), _ = q(() => Object.assign({}, O.table.scrollX, e.scrollX)), j = q(() => Object.assign({}, O.table.scrollY, e.scrollY)), U = q(() => ({
       default: 48,
@@ -14258,12 +14258,12 @@ const Pm = nt({
       refValidTooltip: y,
       refTableFilter: w,
       refTableCustom: S,
-      refTableMenu: $,
+      refTableMenu: D,
       refTableHeader: x,
       refTableBody: E,
       refTableFooter: M,
       refTableLeftHeader: A,
-      refTableLeftBody: D,
+      refTableLeftBody: $,
       refTableLeftFooter: P,
       refTableRightHeader: B,
       refTableRightBody: ae,
@@ -15460,7 +15460,7 @@ const Pm = nt({
        * 刷新滚动操作，手动同步滚动相关位置（对于某些特殊的操作，比如滚动条错位、固定列不同步）
        */
       refreshScroll() {
-        const { lastScrollLeft: d, lastScrollTop: p } = c, b = E.value, T = M.value, I = D.value, V = ae.value, L = b ? b.$el : null, Y = I ? I.$el : null, G = V ? V.$el : null, re = T ? T.$el : null;
+        const { lastScrollLeft: d, lastScrollTop: p } = c, b = E.value, T = M.value, I = $.value, V = ae.value, L = b ? b.$el : null, Y = I ? I.$el : null, G = V ? V.$el : null, re = T ? T.$el : null;
         return new Promise((ne) => {
           if (d || p)
             return lu(z, d, p).then().then(() => {
@@ -16107,7 +16107,7 @@ const Pm = nt({
       }
     };
     const $c = (d) => {
-      const { editStore: p, ctxMenuStore: b, filterStore: T, customStore: I } = s, { mouseConfig: V, editRules: L } = e, Y = g.value, G = _e.value, re = k.value, ne = ye.value, { actived: Te } = p, Ne = y.value, Me = w.value, Le = S.value, Re = $.value;
+      const { editStore: p, ctxMenuStore: b, filterStore: T, customStore: I } = s, { mouseConfig: V, editRules: L } = e, Y = g.value, G = _e.value, re = k.value, ne = ye.value, { actived: Te } = p, Ne = y.value, Me = w.value, Le = S.value, Re = D.value;
       if (Me && (Rt(d, Y, "vxe-cell--filter").flag || Rt(d, Me.$el).flag || Rt(d, document.body, "vxe-table--ignore-clear").flag || m.preventEvent(d, "event.clearFilter", T.args, u.closeFilter)), Le && (I.btnEl === d.target || Rt(d, document.body, "vxe-toolbar-custom-target").flag || Rt(d, Le.$el).flag || Rt(d, document.body, "vxe-table--ignore-clear").flag || m.preventEvent(d, "event.clearCustom", {}, () => {
         z.closeCustom && z.closeCustom();
       })), Te.row) {
@@ -16805,7 +16805,7 @@ const Pm = nt({
         d && f.arrayEach(d.querySelectorAll(".vxe-body--row.row--hover"), (p) => go(p, "row--hover")), c.hoverRow = null;
       },
       getCell(d, p) {
-        const b = Xe(z, d), T = E.value, I = D.value, V = ae.value;
+        const b = Xe(z, d), T = E.value, I = $.value, V = ae.value;
         let L;
         return p && (p.fixed && (p.fixed === "left" ? I && (L = I.$el) : V && (L = V.$el)), L || (L = T.$el), L) ? L.querySelector(`.vxe-body--row[rowid="${b}"] .${p.id}`) : null;
       },
@@ -16852,7 +16852,7 @@ const Pm = nt({
           fixedColumn: re
         }) : Be(),
         h(Fm, {
-          ref: G ? D : ae,
+          ref: G ? $ : ae,
           fixedType: d,
           tableData: T,
           tableColumn: I,
@@ -17152,7 +17152,7 @@ const Pm = nt({
          * 快捷菜单
          */
         bl ? h(zn("vxe-table-menu-panel"), {
-          ref: $
+          ref: D
         }) : Be(),
         /**
          * 通用提示
@@ -17249,11 +17249,11 @@ const hi = nt({
     let m = {}, g = {};
     const C = (H, le) => Math.max(Math.ceil(H / le), 1), v = q(() => C(e.total, e.pageSize)), y = (H, le) => {
       o("update:currentPage", le), H && le !== e.currentPage && m.dispatchEvent("page-change", { type: "current", pageSize: e.pageSize, currentPage: le }, H);
-    }, $ = (H, le) => {
+    }, D = (H, le) => {
       o("update:currentPage", H), le && H !== e.currentPage && m.dispatchEvent("page-change", { type: "current", pageSize: e.pageSize, currentPage: H }, le);
     }, w = (H) => {
       const le = H.target, fe = f.toInteger(le.value), be = v.value, _e = fe <= 0 ? 1 : fe >= be ? be : fe, se = f.toValueString(_e);
-      le.value = se, a.inpCurrPage = se, $(_e, H);
+      le.value = se, a.inpCurrPage = se, D(_e, H);
     }, S = q(() => {
       const { pagerCount: H } = e, fe = v.value > H ? H - 2 : H, be = [];
       for (let _e = 0; _e < fe; _e++)
@@ -17264,22 +17264,22 @@ const hi = nt({
       label: `${O.i18n("vxe.pager.pagesize", [H])}`
     } : Object.assign({ value: "", label: "" }, H))), M = (H) => {
       const { currentPage: le } = e;
-      le > 1 && $(1, H);
+      le > 1 && D(1, H);
     }, A = (H) => {
       const { currentPage: le } = e, fe = v.value;
-      le < fe && $(fe, H);
-    }, D = (H) => {
+      le < fe && D(fe, H);
+    }, $ = (H) => {
       const { currentPage: le } = e, fe = v.value;
-      le > 1 && $(Math.min(fe, Math.max(le - 1, 1)), H);
+      le > 1 && D(Math.min(fe, Math.max(le - 1, 1)), H);
     }, P = (H) => {
       const { currentPage: le } = e, fe = v.value;
-      le < fe && $(Math.min(fe, le + 1), H);
+      le < fe && D(Math.min(fe, le + 1), H);
     }, B = (H) => {
       const le = S.value;
-      $(Math.max(e.currentPage - le.length, 1), H);
+      D(Math.max(e.currentPage - le.length, 1), H);
     }, ae = (H) => {
       const le = v.value, fe = S.value;
-      $(Math.min(e.currentPage + fe.length, le), H);
+      D(Math.min(e.currentPage + fe.length, le), H);
     }, de = (H) => {
       const { value: le } = H, fe = f.toNumber(le), be = C(e.total, fe);
       let _e = e.currentPage;
@@ -17288,7 +17288,7 @@ const hi = nt({
       const le = H.target;
       a.inpCurrPage = le.value;
     }, Z = (H) => {
-      kt(H, Ct.ENTER) ? w(H) : kt(H, Ct.ARROW_UP) ? (H.preventDefault(), P(H)) : kt(H, Ct.ARROW_DOWN) && (H.preventDefault(), D(H));
+      kt(H, Ct.ENTER) ? w(H) : kt(H, Ct.ARROW_UP) ? (H.preventDefault(), P(H)) : kt(H, Ct.ARROW_DOWN) && (H.preventDefault(), $(H));
     }, K = () => h("button", {
       class: ["vxe-pager--prev-btn", {
         "is--disabled": e.currentPage <= 1
@@ -17306,7 +17306,7 @@ const hi = nt({
       }],
       type: "button",
       title: O.i18n("vxe.pager.prevPageTitle"),
-      onClick: D
+      onClick: $
     }, [
       h("i", {
         class: ["vxe-pager--btn-icon", e.iconPrevPage || O.icon.PAGER_PREV_PAGE]
@@ -17448,7 +17448,7 @@ const hi = nt({
         return A(), te();
       },
       prevPage() {
-        return D(), te();
+        return $(), te();
       },
       nextPage() {
         return P(), te();
@@ -17460,7 +17460,7 @@ const hi = nt({
         return ae(), te();
       }
     }, g = {
-      handlePrevPage: D,
+      handlePrevPage: $,
       handleNextPage: P,
       handlePrevJump: B,
       handleNextJump: ae
@@ -17587,7 +17587,7 @@ const gi = nt({
     let u = {};
     const m = xt("$xegrid", null);
     let g;
-    const C = Ce(0), v = q(() => Object.assign({}, O.toolbar.refresh, e.refresh)), y = q(() => Object.assign({}, O.toolbar.import, e.import)), $ = q(() => Object.assign({}, O.toolbar.export, e.export)), w = q(() => Object.assign({}, O.toolbar.print, e.print)), S = q(() => Object.assign({}, O.toolbar.zoom, e.zoom)), x = q(() => Object.assign({}, O.toolbar.custom, e.custom)), E = q(() => {
+    const C = Ce(0), v = q(() => Object.assign({}, O.toolbar.refresh, e.refresh)), y = q(() => Object.assign({}, O.toolbar.import, e.import)), D = q(() => Object.assign({}, O.toolbar.export, e.export)), w = q(() => Object.assign({}, O.toolbar.print, e.print)), S = q(() => Object.assign({}, O.toolbar.zoom, e.zoom)), x = q(() => Object.assign({}, O.toolbar.custom, e.custom)), E = q(() => {
       if ((C.value || g) && g) {
         const { computeCustomOpts: pe } = g.getComputeMaps();
         return pe.value;
@@ -17597,7 +17597,7 @@ const gi = nt({
       if (g)
         return !0;
       wn("vxe.error.barUnableLink");
-    }, D = ({ $event: pe }) => {
+    }, $ = ({ $event: pe }) => {
       g && (g.triggerCustomEvent ? g.triggerCustomEvent(pe) : wn("vxe.error.reqModule", ["VxeTableCustomModule"]));
     }, P = ({ $event: pe }) => {
       g ? g.customOpenEvent(pe) : wn("vxe.error.reqModule", ["VxeTableCustomModule"]);
@@ -17741,7 +17741,7 @@ const gi = nt({
         onClick: K
       });
     }, U = () => {
-      const pe = $.value;
+      const pe = D.value;
       return h(wr, {
         key: "export",
         circle: !0,
@@ -17778,7 +17778,7 @@ const gi = nt({
       }) : Be();
     }, Ve = () => {
       const pe = x.value, H = M.value, le = {};
-      return H === "manual" || (H === "hover" ? (le.onMouseenter = P, le.onMouseleave = B) : le.onClick = D), h(wr, Object.assign({ key: "custom", circle: !0, icon: pe.icon || O.icon.TOOLBAR_TOOLS_CUSTOM, title: O.i18n("vxe.toolbar.custom"), className: "vxe-toolbar-custom-target" }, le));
+      return H === "manual" || (H === "hover" ? (le.onMouseenter = P, le.onMouseleave = B) : le.onClick = $), h(wr, Object.assign({ key: "custom", circle: !0, icon: pe.icon || O.icon.TOOLBAR_TOOLS_CUSTOM, title: O.i18n("vxe.toolbar.custom"), className: "vxe-toolbar-custom-target" }, le));
     };
     u = {
       dispatchEvent(pe, H, le) {
@@ -17957,7 +17957,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: v, vertical: y } = t.props, { computeValidOpts: $ } = t.getComputeMaps(), w = e.itemConfig, { collapseAll: S } = l, x = $.value, { slots: E, title: M, visible: A, folding: D, field: P, collapseNode: B, itemRender: ae, showError: de, errRule: he, className: Z, titleOverflow: K, vertical: J, children: X, showTitle: N, contentClassName: k, contentStyle: _, titleClassName: j, titleStyle: U } = 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 : "", H = ce ? ce.itemTitleStyle : null, le = E ? E.default : null, fe = E ? E.title : null, be = w.span || s, _e = 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) ? v : 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: P, property: P, 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: v, vertical: y } = t.props, { computeValidOpts: D } = t.getComputeMaps(), w = e.itemConfig, { collapseAll: S } = l, x = D.value, { slots: E, title: M, visible: A, folding: $, field: P, collapseNode: B, itemRender: ae, showError: de, errRule: he, className: Z, titleOverflow: K, vertical: J, children: X, showTitle: N, contentClassName: k, contentStyle: _, titleClassName: j, titleStyle: U } = 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 : "", H = ce ? ce.itemTitleStyle : null, le = E ? E.default : null, fe = E ? E.title : null, be = w.span || s, _e = 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) ? v : 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: P, property: P, item: w, $form: t, $grid: t.xegrid };
         if (A === !1)
           return Be();
         let Fe = !1;
@@ -18010,7 +18010,7 @@ const m0 = nt({
               "is--vertical": we,
               "is--asterisk": ye,
               "is--required": Fe,
-              "is--hidden": D && S,
+              "is--hidden": $ && S,
               "is--active": ef(t, w),
               "is--error": de
             }
@@ -18125,7 +18125,7 @@ const vi = nt({
     let g = {};
     const C = q(() => Object.assign({}, O.form.validConfig, e.validConfig)), v = q(() => Object.assign({}, O.tooltip, O.form.tooltipConfig, e.tooltipConfig)), y = {
       refElem: u
-    }, $ = {
+    }, D = {
       computeSize: i,
       computeValidOpts: C,
       computeTooltipOpts: v
@@ -18136,7 +18136,7 @@ const vi = nt({
       reactData: a,
       xegrid: c,
       getRefMaps: () => y,
-      getComputeMaps: () => $
+      getComputeMaps: () => D
     }, S = (H, le) => H && (f.isString(H) && (H = o[H] || null), f.isFunction(H)) ? Xt(H(le)) : [], x = (H) => (H.length, a.staticItems = f.mapTree(H, (le) => Qd(w, le), { children: "children" }), te()), E = () => {
       const H = [];
       return f.eachTree(a.formItems, (le) => {
@@ -18145,11 +18145,11 @@ const vi = nt({
     }, M = (H) => {
       const le = f.findTree(a.formItems, (fe) => fe.field === H, { children: "children" });
       return le ? le.item : null;
-    }, A = () => a.collapseAll, D = () => {
+    }, A = () => a.collapseAll, $ = () => {
       const H = !A();
       return a.collapseAll = H, r("update:collapseStatus", H), te();
     }, P = (H) => {
-      D();
+      $();
       const le = A();
       g.dispatchEvent("toggle-collapse", { status: le, collapse: le, data: e.data }, H), g.dispatchEvent("collapse", { status: le, collapse: le, data: e.data }, H);
     }, B = (H) => {
@@ -18307,7 +18307,7 @@ const vi = nt({
         const { field: fe } = H;
         return ce(new Event("change"), fe, le);
       },
-      toggleCollapse: D,
+      toggleCollapse: $,
       getItems: E,
       getItemByField: M,
       closeTooltip: _
@@ -18414,7 +18414,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
         pageSize: O.pager.pageSize || 10,
         currentPage: 1
       }
-    }), s = Ce(), c = Ce(), u = Ce(), m = Ce(), g = Ce(), C = Ce(), v = Ce(), y = Ce(), $ = Ce(), w = Ce(), S = (ee) => {
+    }), s = Ce(), c = Ce(), u = Ce(), m = Ce(), g = Ce(), C = Ce(), v = Ce(), y = Ce(), D = Ce(), w = Ce(), S = (ee) => {
       const me = {};
       return ee.forEach((De) => {
         me[De] = (...$e) => {
@@ -18431,7 +18431,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
           return De && De[ee](...me);
       };
     });
-    const E = q(() => Object.assign({}, O.grid.proxyConfig, e.proxyConfig)), M = q(() => E.value.message !== !1), A = q(() => Object.assign({}, O.grid.pagerConfig, e.pagerConfig)), D = q(() => Object.assign({}, O.grid.formConfig, e.formConfig)), P = q(() => Object.assign({}, O.grid.toolbarConfig, e.toolbarConfig)), B = q(() => Object.assign({}, O.grid.zoomConfig, e.zoomConfig)), ae = q(() => a.isZMax ? { zIndex: a.tZindex } : null), de = q(() => {
+    const E = q(() => Object.assign({}, O.grid.proxyConfig, e.proxyConfig)), M = q(() => E.value.message !== !1), A = q(() => Object.assign({}, O.grid.pagerConfig, e.pagerConfig)), $ = q(() => Object.assign({}, O.grid.formConfig, e.formConfig)), P = q(() => Object.assign({}, O.grid.toolbarConfig, e.toolbarConfig)), B = q(() => Object.assign({}, O.grid.zoomConfig, e.zoomConfig)), ae = q(() => a.isZMax ? { zIndex: a.tZindex } : null), de = q(() => {
       const ee = {}, me = e;
       return P_.forEach((De) => {
         ee[De] = me[De];
@@ -18445,7 +18445,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
     }, Z = {
       computeProxyOpts: E,
       computePagerOpts: A,
-      computeFormOpts: D,
+      computeFormOpts: $,
       computeToolbarOpts: P,
       computeZoomOpts: B
     }, K = {
@@ -18531,7 +18531,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
           return De;
       return null;
     }, be = () => {
-      const { formConfig: ee, proxyConfig: me } = e, { formData: De } = a, $e = E.value, W = D.value, Q = [];
+      const { formConfig: ee, proxyConfig: me } = e, { formData: De } = a, $e = E.value, W = $.value, Q = [];
       if (ee && Ot(W) || n.form) {
         let Ee = [];
         if (n.form)
@@ -18623,7 +18623,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
       ];
     }, we = () => n.bottom ? [
       h("div", {
-        ref: $,
+        ref: D,
         key: "bottom",
         class: "vxe-grid--bottom-wrapper"
       }, n.bottom({ $grid: K }))
@@ -18646,7 +18646,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
       }
       return W;
     }, Je = () => {
-      const { proxyConfig: ee, formConfig: me } = e, { proxyInited: De } = a, $e = E.value, W = D.value;
+      const { proxyConfig: ee, formConfig: me } = e, { proxyInited: De } = a, $e = E.value, W = $.value;
       if (ee && Ot($e)) {
         if (me && Ot(W) && $e.form && W.items) {
           const Q = {};
@@ -18808,7 +18808,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
         return le();
       },
       getFormItems(ee) {
-        const me = D.value, { formConfig: De } = e, { items: $e } = me, W = [];
+        const me = $.value, { formConfig: De } = e, { items: $e } = me, W = [];
         return f.eachTree(De && Ot(me) && $e ? $e : [], (Q) => {
           W.push(Q);
         }, { children: "children" }), f.isUndefined(ee) ? W : W[ee];
@@ -18857,7 +18857,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
        * 获取需要排除的高度
        */
       getExcludeHeight() {
-        const { height: ee } = e, { isZMax: me } = a, De = s.value, $e = C.value, W = v.value, Q = y.value, Ee = $.value, We = w.value;
+        const { height: ee } = e, { isZMax: me } = a, De = s.value, $e = C.value, W = v.value, Q = y.value, Ee = D.value, We = w.value;
         return (me || ee !== "auto" ? 0 : qu(De.parentNode)) + qu(De) + Zs($e) + Zs(W) + Zs(Q) + Zs(Ee) + Zs(We);
       },
       getParentHeight() {
@@ -18907,7 +18907,7 @@ const P_ = Object.keys(Zd), zm = ["clearAll", "syncData", "updateData", "loadDat
       }
     }), k(), un(() => {
       te(() => {
-        const { data: ee, columns: me, proxyConfig: De } = e, $e = E.value, W = D.value;
+        const { data: ee, columns: me, proxyConfig: De } = e, $e = E.value, W = $.value;
         Ot(De) && (ee || $e.form && W.data) && wn("vxe.error.errConflicts", ["grid.data", "grid.proxy-config"]), me && me.length && K.loadColumn(me), N();
       }), St.on(K, "keydown", Pe);
     }), dn(() => {
@@ -18982,7 +18982,7 @@ const yi = nt({
         x ? A === -1 && M.push(E) : M.splice(A, 1), o("update:modelValue", M), C.dispatchEvent("change", Object.assign({ checklist: M }, w), S), r && l && r.triggerItemEvent(S, l.itemConfig.field, M);
       }
     });
-    const $ = () => {
+    const D = () => {
       const { options: w } = e, S = n.default, x = u.value, E = c.value, M = m.value;
       return h("div", {
         class: "vxe-checkbox-group"
@@ -18992,7 +18992,7 @@ const yi = nt({
         disabled: A[M]
       })) : []);
     };
-    return C.renderVN = $, Qt("$xecheckboxgroup", C), $;
+    return C.renderVN = D, Qt("$xecheckboxgroup", C), D;
   }
 });
 Object.assign(yi, {
@@ -19076,7 +19076,7 @@ const xi = nt({
     const C = q(() => f.getSize(a.inputValue)), v = q(() => {
       const P = C.value;
       return e.maxlength && P > f.toNumber(e.maxlength);
-    }), y = q(() => Object.assign({ minRows: 1, maxRows: 10 }, O.textarea.autosize, e.autosize)), $ = () => {
+    }), y = q(() => Object.assign({ minRows: 1, maxRows: 10 }, O.textarea.autosize, e.autosize)), D = () => {
       const { size: P, autosize: B } = e, { inputValue: ae } = a;
       if (B) {
         Er || (Er = document.createElement("div")), Er.parentNode || document.body.appendChild(Er);
@@ -19116,12 +19116,12 @@ const xi = nt({
         return c.value.blur(), te();
       }
     }, Object.assign(m, g), tt(() => e.modelValue, (P) => {
-      a.inputValue = P, $();
+      a.inputValue = P, D();
     }), te(() => {
       const { autosize: P } = e;
-      P && ($(), w());
+      P && (D(), w());
     });
-    const D = () => {
+    const $ = () => {
       const { className: P, resize: B, placeholder: ae, disabled: de, maxlength: he, autosize: Z, showWordCount: K, countMethod: J, rows: X, cols: N } = e, { inputValue: k } = a, _ = i.value, j = v.value, U = C.value;
       return h("div", {
         ref: s,
@@ -19163,7 +19163,7 @@ const xi = nt({
         }, J ? `${J({ value: k })}` : `${U}${he ? `/${he}` : ""}`) : null
       ]);
     };
-    return m.renderVN = D, m;
+    return m.renderVN = $, m;
   },
   render() {
     return this.renderVN();
@@ -19348,36 +19348,36 @@ const Ml = [], wi = nt({
     }, v = () => a.value, y = () => {
       const { width: k, height: _ } = e, j = v();
       return j.style.width = `${k ? isNaN(k) ? k : `${k}px` : ""}`, j.style.height = `${_ ? isNaN(_) ? _ : `${_}px` : ""}`, te();
-    }, $ = () => {
+    }, D = () => {
       const { zIndex: k } = e, { drawerZIndex: _ } = u;
       k ? u.drawerZIndex = k : _ < mr() && (u.drawerZIndex = Uo());
     }, w = () => te().then(() => {
     }), S = (k) => {
       const { beforeHideMethod: _ } = e, { visible: j } = u, U = { type: k };
       return j && Promise.resolve(_ ? _(U) : null).then((ce) => {
-        f.isError(ce) || (u.contentVisible = !1, f.remove(Ml, (ke) => ke === C), D.dispatchEvent("before-hide", U), setTimeout(() => {
-          u.visible = !1, o("update:modelValue", !1), D.dispatchEvent("hide", U);
+        f.isError(ce) || (u.contentVisible = !1, f.remove(Ml, (ke) => ke === C), $.dispatchEvent("before-hide", U), setTimeout(() => {
+          u.visible = !1, o("update:modelValue", !1), $.dispatchEvent("hide", U);
         }, 200));
       }).catch((ce) => ce), te();
     }, x = (k) => {
       const _ = "close";
-      D.dispatchEvent(_, { type: _ }, k), S(_);
+      $.dispatchEvent(_, { type: _ }, k), S(_);
     }, E = (k) => {
       const _ = "confirm";
-      D.dispatchEvent(_, { type: _ }, k), S(_);
+      $.dispatchEvent(_, { type: _ }, k), S(_);
     }, M = (k) => {
       const _ = "cancel";
-      D.dispatchEvent(_, { type: _ }, k), S(_);
+      $.dispatchEvent(_, { type: _ }, k), S(_);
     }, A = () => {
       const { showFooter: k } = e, { inited: _, visible: j } = u;
-      return _ || (u.inited = !0), j || (y(), u.visible = !0, u.contentVisible = !1, $(), Ml.push(C), setTimeout(() => {
+      return _ || (u.inited = !0), j || (y(), u.visible = !0, u.contentVisible = !1, D(), Ml.push(C), setTimeout(() => {
         u.contentVisible = !0, te(() => {
           if (k) {
             const ke = s.value, xe = c.value, Ve = ke || xe;
             Ve && Ve.focus();
           }
           const ce = { type: "" };
-          o("update:modelValue", !0), D.dispatchEvent("show", ce);
+          o("update:modelValue", !0), $.dispatchEvent("show", ce);
         });
       }, 10), te(() => {
         const { firstOpen: U } = u;
@@ -19385,7 +19385,7 @@ const Ml = [], wi = nt({
           setTimeout(() => w(), 20);
         }), U && (u.firstOpen = !1);
       })), te();
-    }, D = {
+    }, $ = {
       dispatchEvent(k, _, j) {
         o(k, Object.assign({ $drawer: C, $event: j }, _));
       },
@@ -19406,9 +19406,9 @@ const Ml = [], wi = nt({
       }
     }, ae = () => {
       const { drawerZIndex: k } = u;
-      Ml.some((_) => _.reactData.visible && _.reactData.drawerZIndex > k) && $();
+      Ml.some((_) => _.reactData.visible && _.reactData.drawerZIndex > k) && D();
     };
-    Object.assign(C, D, {});
+    Object.assign(C, $, {});
     const he = () => {
       const { slots: k = {}, showClose: _, title: j } = e, U = n.title || k.title, ce = n.corner || k.corner, ke = [
         h("div", {
@@ -19604,12 +19604,12 @@ const b0 = {
       f0(o, l);
     });
     const s = (m, g) => {
-      const { props: C, reactData: v } = m, { data: y, rules: $, titleAlign: w, titleWidth: S, titleColon: x, titleAsterisk: E, titleOverflow: M, vertical: A } = C, { collapseAll: D } = v, { computeValidOpts: P } = m.getComputeMaps(), B = P.value, { slots: ae, title: de, visible: he, folding: Z, field: K, collapseNode: J, itemRender: X, showError: N, errRule: k, className: _, titleOverflow: j, vertical: U, showTitle: ce, contentClassName: ke, contentStyle: xe, titleClassName: Ve, titleStyle: je } = g, pe = Ot(X) ? at.renderer.get(X.name) : null, H = pe ? pe.itemClassName : "", le = pe ? pe.itemStyle : null, fe = pe ? pe.itemContentClassName : "", be = pe ? pe.itemContentStyle : null, _e = 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) ? S : g.titleWidth, Je = f.eqNull(g.titleColon) ? x : g.titleColon, Qe = f.eqNull(g.titleAsterisk) ? E : g.titleAsterisk, Ke = f.isUndefined(j) || f.isNull(j) ? M : j, Pe = f.isUndefined(U) || f.isNull(U) ? A : U, 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: v } = m, { data: y, rules: D, titleAlign: w, titleWidth: S, titleColon: x, titleAsterisk: E, titleOverflow: M, vertical: A } = C, { collapseAll: $ } = v, { computeValidOpts: P } = m.getComputeMaps(), B = P.value, { slots: ae, title: de, visible: he, folding: Z, field: K, collapseNode: J, itemRender: X, showError: N, errRule: k, className: _, titleOverflow: j, vertical: U, showTitle: ce, contentClassName: ke, contentStyle: xe, titleClassName: Ve, titleStyle: je } = g, pe = Ot(X) ? at.renderer.get(X.name) : null, H = pe ? pe.itemClassName : "", le = pe ? pe.itemStyle : null, fe = pe ? pe.itemContentClassName : "", be = pe ? pe.itemContentStyle : null, _e = 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) ? S : g.titleWidth, Je = f.eqNull(g.titleColon) ? x : g.titleColon, Qe = f.eqNull(g.titleAsterisk) ? E : g.titleAsterisk, Ke = f.isUndefined(j) || f.isNull(j) ? M : j, Pe = f.isUndefined(U) || f.isNull(U) ? A : U, 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 W = !1;
       if (he === !1)
         return Be();
-      if ($) {
-        const We = $[K];
+      if (D) {
+        const We = D[K];
         We && (W = We.some((Ue) => Ue.required));
       }
       let Q = [];
@@ -19619,9 +19619,9 @@ const b0 = {
       }, [
         h("span", {
           class: "vxe-form--item-trigger-text"
-        }, D ? O.i18n("vxe.form.unfolding") : O.i18n("vxe.form.folding")),
+        }, $ ? O.i18n("vxe.form.unfolding") : O.i18n("vxe.form.folding")),
         h("i", {
-          class: ["vxe-form--item-trigger-icon", D ? O.icon.FORM_FOLDING : O.icon.FORM_UNFOLDING]
+          class: ["vxe-form--item-trigger-icon", $ ? O.icon.FORM_FOLDING : O.icon.FORM_UNFOLDING]
         })
       ])), k && B.showMessage && Q.push(h("div", {
         class: "vxe-form--item-valid",
@@ -19649,7 +19649,7 @@ const b0 = {
             "is--vertical": Pe,
             "is--asterisk": Qe,
             "is--required": W,
-            "is--hidden": Z && D,
+            "is--hidden": Z && $,
             "is--active": ef(m, g),
             "is--error": N
           }
@@ -19859,7 +19859,7 @@ const ki = nt({
           a.hasAnimat = !1;
         }, 400);
       }
-    }, $ = (x) => {
+    }, D = (x) => {
       a.isActivated = !0, u.dispatchEvent("focus", { value: e.modelValue }, x);
     }, w = (x) => {
       a.isActivated = !1, u.dispatchEvent("blur", { value: e.modelValue }, x);
@@ -19877,7 +19877,7 @@ const ki = nt({
       }
     }, Object.assign(s, u);
     const S = () => {
-      const { disabled: x, openIcon: E, closeIcon: M, openActiveIcon: A, closeActiveIcon: D } = e, P = C.value, B = i.value, ae = m.value, de = g.value;
+      const { disabled: x, openIcon: E, closeIcon: M, openActiveIcon: A, closeActiveIcon: $ } = e, P = C.value, B = i.value, ae = m.value, de = g.value;
       return h("div", {
         class: ["vxe-switch", P ? "is--on" : "is--off", {
           [`size--${B}`]: B,
@@ -19891,7 +19891,7 @@ const ki = nt({
           type: "button",
           disabled: x,
           onClick: y,
-          onFocus: $,
+          onFocus: D,
           onBlur: w
         }, [
           h("span", {
@@ -19912,9 +19912,9 @@ const ki = nt({
           ]),
           h("span", {
             class: "vxe-switch--icon"
-          }, A || D ? [
+          }, A || $ ? [
             h("i", {
-              class: P ? A : D
+              class: P ? A : $
             })
           ] : [])
         ])
@@ -19980,14 +19980,14 @@ const $i = nt({
     const v = q(() => Object.assign({}, O.list.scrollY, e.scrollY)), y = q(() => {
       const { height: Z, maxHeight: K } = e, J = {};
       return Z ? J.height = `${isNaN(Z) ? Z : `${Z}px`}` : K && (J.height = "auto", J.maxHeight = `${isNaN(K) ? K : `${K}px`}`), J;
-    }), $ = () => {
+    }), D = () => {
       const { scrollYLoad: Z } = i, { scrollYStore: K, fullData: J } = u;
       i.bodyHeight = Z ? J.length * K.rowHeight : 0, i.topSpaceHeight = Z ? Math.max(K.startIndex * K.rowHeight, 0) : 0;
     }, w = () => {
       const { scrollYLoad: Z } = i, { fullData: K, scrollYStore: J } = u;
       return i.items = Z ? K.slice(J.startIndex, J.endIndex) : K.slice(0), te();
     }, S = () => {
-      w(), $();
+      w(), D();
     }, x = () => te().then(() => {
       const { scrollYLoad: Z } = i, { scrollYStore: K } = u, J = c.value, X = v.value;
       let N = 0, k;
@@ -19995,7 +19995,7 @@ const $i = nt({
         const _ = s.value, j = Math.max(8, Math.ceil(_.clientHeight / N)), U = X.oSize ? f.toNumber(X.oSize) : bo.edge ? 10 : 0;
         K.offsetSize = U, K.visibleSize = j, K.endIndex = Math.max(K.startIndex, j + U, K.endIndex), S();
       } else
-        $();
+        D();
       i.rowHeight = N;
     }), E = () => {
       const Z = s.value;
@@ -20015,7 +20015,7 @@ const $i = nt({
         if (Z || K)
           return u.lastScrollLeft = 0, u.lastScrollTop = 0, M(Z, K);
       });
-    }, D = () => {
+    }, $ = () => {
       const Z = a.value;
       return Z.clientWidth && Z.clientHeight ? x() : Promise.resolve();
     }, P = (Z) => {
@@ -20050,7 +20050,7 @@ const $i = nt({
       reloadData(Z) {
         return E(), C.loadData(Z);
       },
-      recalculate: D,
+      recalculate: $,
       scrollTo: M,
       refreshScroll: A,
       clearScroll: E
@@ -20063,17 +20063,17 @@ const $i = nt({
     }), tt(ae, () => {
       C.loadData(e.data || []);
     }), tt(() => e.syncResize, (Z) => {
-      Z && (D(), te(() => setTimeout(() => D())));
+      Z && ($(), te(() => setTimeout(() => $())));
     }), sh(() => {
-      D().then(() => A());
+      $().then(() => A());
     });
     let de;
     te(() => {
       if (St.on(g, "resize", () => {
-        D();
+        $();
       }), e.autoResize) {
         const Z = a.value;
-        de = i0(() => D()), de.observe(Z);
+        de = i0(() => $()), de.observe(Z);
       }
       C.loadData(e.data || []);
     }), dn(() => {
@@ -20189,17 +20189,17 @@ const Di = nt({
       }
       return te();
     });
-    let $;
+    let D;
     const w = () => (i.inited || (i.inited = !0), new Promise((P) => {
       e.disabled ? te(() => {
         P();
-      }) : (clearTimeout($), i.isActivated = !0, i.animatVisible = !0, setTimeout(() => {
+      }) : (clearTimeout(D), i.isActivated = !0, i.animatVisible = !0, setTimeout(() => {
         i.visiblePanel = !0, o("update:modelValue", !0), y(), setTimeout(() => {
           P(y());
         }, 40);
       }, 10), C());
     })), S = () => (i.visiblePanel = !1, o("update:modelValue", !1), new Promise((P) => {
-      i.animatVisible ? $ = window.setTimeout(() => {
+      i.animatVisible ? D = window.setTimeout(() => {
         i.animatVisible = !1, te(() => {
           P();
         });
@@ -20230,7 +20230,7 @@ const Di = nt({
     }), dn(() => {
       St.off(m, "mousewheel"), St.off(m, "mousedown"), St.off(m, "blur");
     });
-    const D = () => {
+    const $ = () => {
       const { className: P, popupClassName: B, destroyOnClose: ae, transfer: de, disabled: he } = e, { inited: Z, isActivated: K, animatVisible: J, visiblePanel: X, panelStyle: N, panelPlacement: k } = i, _ = l.value, j = n.default, U = n.header, ce = n.footer, ke = n.dropdown;
       return h("div", {
         ref: a,
@@ -20277,7 +20277,7 @@ const Di = nt({
         ])
       ]);
     };
-    return m.renderVN = D, m;
+    return m.renderVN = $, m;
   },
   render() {
     return this.renderVN();
@@ -21265,7 +21265,7 @@ var os = [], wu = {
 function c7(e) {
   var t = e.sortable, n = e.rootEl, o = e.name, r = e.targetEl, l = e.cloneEl, i = e.toEl, a = e.fromEl, s = e.oldIndex, c = e.newIndex, u = e.oldDraggableIndex, m = e.newDraggableIndex, g = e.originalEvent, C = e.putSortable, v = e.extraEventProperties;
   if (t = t || n && n[vo], !!t) {
-    var y, $ = t.options, w = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    var y, D = t.options, w = "on" + o.charAt(0).toUpperCase() + o.substr(1);
     window.CustomEvent && !Lr && !Ji ? y = new CustomEvent(o, {
       bubbles: !0,
       cancelable: !0
@@ -21273,7 +21273,7 @@ function c7(e) {
     var S = cr(cr({}, v), Qi.getEventProperties(o, t));
     for (var x in S)
       y[x] = S[x];
-    n && n.dispatchEvent(y), $[w] && $[w].call(t, y);
+    n && n.dispatchEvent(y), D[w] && D[w].call(t, y);
   }
 }
 var u7 = ["evt"], lo = function(t, n) {
@@ -21645,7 +21645,7 @@ Dt.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(t) {
     var n = this.el, o = t.target, r, l, i, a = this.options, s = a.group, c = Dt.active, u = Sa === s, m = a.sort, g = Bn || c, C, v = this, y = !1;
     if (ed) return;
-    function $(k, _) {
+    function D(k, _) {
       lo(k, v, cr({
         evt: t,
         isOwner: u,
@@ -21664,13 +21664,13 @@ Dt.prototype = /** @lends Sortable.prototype */
       }, _));
     }
     function w() {
-      $("dragOverAnimationCapture"), v.captureAnimationState(), v !== g && g.captureAnimationState();
+      D("dragOverAnimationCapture"), v.captureAnimationState(), v !== g && g.captureAnimationState();
     }
     function S(k) {
-      return $("dragOverCompleted", {
+      return D("dragOverCompleted", {
         insertion: k
       }), k && (u ? c._hideClone() : c._showClone(v), v !== g && (fo(ct, Bn ? Bn.options.ghostClass : c.options.ghostClass, !1), fo(ct, a.ghostClass, !0)), Bn !== v && v !== Dt.active ? Bn = v : v === Dt.active && Bn && (Bn = null), g === v && (v._ignoreWhileAnimating = o), v.animateAll(function() {
-        $("dragOverAnimationComplete"), v._ignoreWhileAnimating = null;
+        D("dragOverAnimationComplete"), v._ignoreWhileAnimating = null;
       }), v !== g && (g.animateAll(), g._ignoreWhileAnimating = null)), (o === ct && !ct.animated || o === n && !o.animated) && (rs = null), !a.dragoverBubble && !t.rootEl && o !== document && (ct.parentNode[vo]._isOutsideThisEl(t.target), !k && wl(t)), !a.dragoverBubble && t.stopPropagation && t.stopPropagation(), y = !0;
     }
     function x() {
@@ -21683,13 +21683,13 @@ Dt.prototype = /** @lends Sortable.prototype */
         originalEvent: t
       });
     }
-    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), o = Bo(o, a.draggable, n, !0), $("dragOver"), Dt.eventCanceled) return y;
+    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), o = Bo(o, a.draggable, n, !0), D("dragOver"), Dt.eventCanceled) return y;
     if (ct.contains(t.target) || o.animated && o.animatingX && o.animatingY || v._ignoreWhileAnimating === o)
       return S(!1);
     if (ec = !1, c && !a.disabled && (u ? m || (i = Cn !== pn) : Bn === this || (this.lastPutMode = Sa.checkPull(this, c, ct, t)) && s.checkPut(this, c, ct, t))) {
-      if (C = this._getDirection(t, o) === "vertical", r = kn(ct), $("dragOverValid"), Dt.eventCanceled) return y;
+      if (C = this._getDirection(t, o) === "vertical", r = kn(ct), D("dragOverValid"), Dt.eventCanceled) return y;
       if (i)
-        return Cn = pn, w(), this._hideClone(), $("revert"), Dt.eventCanceled || (Tl ? pn.insertBefore(ct, Tl) : pn.appendChild(ct)), S(!0);
+        return Cn = pn, w(), this._hideClone(), D("revert"), Dt.eventCanceled || (Tl ? pn.insertBefore(ct, Tl) : pn.appendChild(ct)), S(!0);
       var E = of(n, a.draggable);
       if (!E || b7(t, C, this) && !E.animated) {
         if (E === ct)
@@ -21704,8 +21704,8 @@ Dt.prototype = /** @lends Sortable.prototype */
           return w(), n.insertBefore(ct, M), Cn = n, x(), S(!0);
       } else if (o.parentNode === n) {
         l = kn(o);
-        var A = 0, D, P = ct.parentNode !== n, B = !f7(ct.animated && ct.toRect || r, o.animated && o.toRect || l, C), ae = C ? "top" : "left", de = Gm(o, "top", "top") || Gm(ct, "top", "top"), he = de ? de.scrollTop : void 0;
-        rs !== o && (D = l[ae], Fi = !1, Ta = !B && a.invertSwap || P), A = y7(t, o, l, C, B ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ta, rs === o);
+        var A = 0, $, P = ct.parentNode !== n, B = !f7(ct.animated && ct.toRect || r, o.animated && o.toRect || l, C), ae = C ? "top" : "left", de = Gm(o, "top", "top") || Gm(ct, "top", "top"), he = de ? de.scrollTop : void 0;
+        rs !== o && ($ = l[ae], Fi = !1, Ta = !B && a.invertSwap || P), A = y7(t, o, l, C, B ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ta, rs === o);
         var Z;
         if (A !== 0) {
           var K = Mo(ct);
@@ -21720,7 +21720,7 @@ Dt.prototype = /** @lends Sortable.prototype */
         X = A === 1;
         var N = ka(pn, n, ct, r, o, l, t, X);
         if (N !== !1)
-          return (N === 1 || N === -1) && (X = N === 1), ed = !0, setTimeout(g7, 30), w(), X && !J ? n.appendChild(ct) : o.parentNode.insertBefore(ct, X ? J : o), de && D0(de, 0, he - de.scrollTop), Cn = ct.parentNode, D !== void 0 && !Ta && (Aa = Math.abs(D - kn(o)[ae])), x(), S(!0);
+          return (N === 1 || N === -1) && (X = N === 1), ed = !0, setTimeout(g7, 30), w(), X && !J ? n.appendChild(ct) : o.parentNode.insertBefore(ct, X ? J : o), de && D0(de, 0, he - de.scrollTop), Cn = ct.parentNode, $ !== void 0 && !Ta && (Aa = Math.abs($ - kn(o)[ae])), x(), S(!0);
       }
       if (n.contains(ct))
         return S(!1);
@@ -22050,9 +22050,9 @@ var Du = $0(function(e, t, n, o) {
     nd !== n && (nd = n, La(), ii = t.scroll, u = t.scrollFn, ii === !0 && (ii = tl(n, !0)));
     var m = 0, g = ii;
     do {
-      var C = g, v = kn(C), y = v.top, $ = v.bottom, w = v.left, S = v.right, x = v.width, E = v.height, M = void 0, A = void 0, D = C.scrollWidth, P = C.scrollHeight, B = $t(C), ae = C.scrollLeft, de = C.scrollTop;
-      C === s ? (M = x < D && (B.overflowX === "auto" || B.overflowX === "scroll" || B.overflowX === "visible"), A = E < P && (B.overflowY === "auto" || B.overflowY === "scroll" || B.overflowY === "visible")) : (M = x < D && (B.overflowX === "auto" || B.overflowX === "scroll"), A = E < P && (B.overflowY === "auto" || B.overflowY === "scroll"));
-      var he = M && (Math.abs(S - r) <= i && ae + x < D) - (Math.abs(w - r) <= i && !!ae), Z = A && (Math.abs($ - l) <= i && de + E < P) - (Math.abs(y - l) <= i && !!de);
+      var C = g, v = kn(C), y = v.top, D = v.bottom, w = v.left, S = v.right, x = v.width, E = v.height, M = void 0, A = void 0, $ = C.scrollWidth, P = C.scrollHeight, B = $t(C), ae = C.scrollLeft, de = C.scrollTop;
+      C === s ? (M = x < $ && (B.overflowX === "auto" || B.overflowX === "scroll" || B.overflowX === "visible"), A = E < P && (B.overflowY === "auto" || B.overflowY === "scroll" || B.overflowY === "visible")) : (M = x < $ && (B.overflowX === "auto" || B.overflowX === "scroll"), A = E < P && (B.overflowY === "auto" || B.overflowY === "scroll"));
+      var he = M && (Math.abs(S - r) <= i && ae + x < $) - (Math.abs(w - r) <= i && !!ae), Z = A && (Math.abs(D - l) <= i && de + E < P) - (Math.abs(y - l) <= i && !!de);
       if (!On[m])
         for (var K = 0; K <= m; K++)
           On[K] || (On[K] = {});
@@ -22142,14 +22142,14 @@ function O7(e, t, n) {
   return (s) => {
     const { item: c, newIndex: u = -1, oldIndex: m = -1 } = s, { collectColumn: g, fullColumn: C } = o(), v = r(c);
     if (!v) return;
-    const y = v.parent, $ = y ? y.children : g, S = C.filter(
-      (D) => D.level === v.item.level
-    ).findIndex((D) => D.id === $[0]?.id), x = l(
-      a($, m - S)
+    const y = v.parent, D = y ? y.children : g, S = C.filter(
+      ($) => $.level === v.item.level
+    ).findIndex(($) => $.id === D[0]?.id), x = l(
+      a(D, m - S)
     ), E = l(
-      a($, u - S)
-    ), M = $.splice(x, 1)[0];
-    $.splice(E, 0, M), i(g);
+      a(D, u - S)
+    ), M = D.splice(x, 1)[0];
+    D.splice(E, 0, M), i(g);
     const A = {
       info: M,
       newIndex: E,
@@ -22528,8 +22528,8 @@ const L7 = {
       o.value?.insertActived();
     }, g = () => {
       if (!o.value) return;
-      const $ = o.value.getSelected() || [];
-      o.value.remove($);
+      const D = o.value.getSelected() || [];
+      o.value.remove(D);
     }, C = async () => o.value ? !await o.value.validate() : !1, v = async () => {
       if (!o.value) return;
       if (await C()) {
@@ -22537,8 +22537,8 @@ const L7 = {
         l.submitMethod && await l.submitMethod(S) && (a.value = !1), i("submit", S);
       }
     }, y = () => o.value?.$vtjDynamicSlots();
-    return tt(o, async ($) => {
-      $ && (await j2(), $.doLayout());
+    return tt(o, async (D) => {
+      D && (await j2(), D.doLayout());
     }), t({
       $vtjEl: s,
       $vtjDynamicSlots: y,
@@ -22547,7 +22547,7 @@ const L7 = {
       addRow: m,
       removeRow: g,
       validate: C
-    }), ($, w) => (ge(), Ye(F(ic), {
+    }), (D, w) => (ge(), Ye(F(ic), {
       ref_key: "dialogRef",
       ref: r,
       class: "x-dialog-grid",
@@ -22559,7 +22559,7 @@ const L7 = {
       onSubmit: v
     }, {
       extra: Ie(() => [
-        mt($.$slots, "extra")
+        mt(D.$slots, "extra")
       ]),
       default: Ie(() => [
         ot(F(H0), Et({
@@ -22587,17 +22587,17 @@ const L7 = {
               icon: F(ab),
               onClick: g
             }, null, 8, ["icon"])) : Be("", !0),
-            mt($.$slots, "buttons")
+            mt(D.$slots, "buttons")
           ]),
           top: Ie(() => [
-            mt($.$slots, "top")
+            mt(D.$slots, "top")
           ]),
           _: 2
         }, [
           Nn(F(c), (S) => ({
             name: S,
             fn: Ie((x) => [
-              mt($.$slots, S, Os(ks(x)))
+              mt(D.$slots, S, Os(ks(x)))
             ])
           }))
         ]), 1040, ["columns", "data", "edit-rules"])
@@ -22852,15 +22852,15 @@ function uR(e, t) {
     footerMethod: yo(t, "footerMethod") || ((u) => {
       const { columns: m, data: g } = u, C = [];
       if (n.length) {
-        const v = m.map((y, $) => $ === 0 ? "合计" : n.includes(y.field) ? i(g, y.field) : null);
+        const v = m.map((y, D) => D === 0 ? "合计" : n.includes(y.field) ? i(g, y.field) : null);
         C.push(v);
       }
       if (o.length) {
-        const v = m.map((y, $) => $ === 0 ? "平均" : o.includes(y.field) ? a(g, y.field) : null);
+        const v = m.map((y, D) => D === 0 ? "平均" : o.includes(y.field) ? a(g, y.field) : null);
         C.push(v);
       }
       if (r) {
-        const v = Object.keys(r), y = m.map(($, w) => w === 0 ? "总计" : v.includes($.field) ? r[$.field] : null);
+        const v = Object.keys(r), y = m.map((D, w) => w === 0 ? "总计" : v.includes(D.field) ? r[D.field] : null);
         C.push(y);
       }
       return C;
@@ -22886,7 +22886,7 @@ function dR(e, t, n) {
         editConfig: C,
         mouseConfig: v,
         keyboardConfig: y,
-        onCellSelected: $
+        onCellSelected: D
       } = aR(e, o, n), { footerMethod: w, showFooter: S } = uR(e, o);
       return {
         ...r,
@@ -22902,7 +22902,7 @@ function dR(e, t, n) {
         mouseConfig: v,
         keyboardConfig: y,
         toolbarConfig: m,
-        onCellSelected: $,
+        onCellSelected: D,
         footerMethod: w,
         showFooter: S
       };
@@ -22998,29 +22998,29 @@ function mR(e, t) {
     saveCustom: a = o.saveCustom
   } = t, s = (C) => t.id || `X_Grid_${C?.id || C?.$.uid}`, c = (C) => {
     if (!l || !r) return;
-    const v = C.column, y = _l(v), $ = v.renderWidth;
-    r.resize ? r.resize[y] = $ : r.resize = { [y]: $ }, a && a(r);
+    const v = C.column, y = _l(v), D = v.renderWidth;
+    r.resize ? r.resize[y] = D : r.resize = { [y]: D }, a && a(r);
   }, u = (C) => {
     if (!(!l || !r) && ["confirm", "reset"].includes(C.type)) {
-      const { fullColumn: v, collectColumn: y } = C.$grid.getTableColumn(), $ = {}, w = {};
+      const { fullColumn: v, collectColumn: y } = C.$grid.getTableColumn(), D = {}, w = {};
       v.forEach((S) => {
         const x = _l(S);
-        $[x] = S.visible;
+        D[x] = S.visible;
       }), y.forEach((S) => {
         const x = _l(S);
         S.fixed && (w[x] = S.fixed);
-      }), r.visible = $, r.fixed = w, a && a(r);
+      }), r.visible = D, r.fixed = w, a && a(r);
     }
   }, m = (C) => {
     const v = F(e);
     if (!l || !v || !r) return;
-    const { collectColumn: y } = v.getTableColumn(), $ = (w) => {
+    const { collectColumn: y } = v.getTableColumn(), D = (w) => {
       const S = [];
       for (let x of w)
-        S.push(_l(x)), x.children && S.push(...$(x.children));
+        S.push(_l(x)), x.children && S.push(...D(x.children));
       return S;
     };
-    r.sort = $(y), a && a(r);
+    r.sort = D(y), a && a(r);
   }, g = async (C) => {
     const v = F(e);
     if (!l || !i) {
@@ -23125,12 +23125,12 @@ function gR(e) {
 }
 function vR(e, t, n) {
   const { auto: o, pager: r } = e, { state: l, resetState: i } = gR(e), a = async (v, y) => {
-    const $ = t.value;
-    $ && (y ? await $.reloadData(v) : await $.loadData(v));
+    const D = t.value;
+    D && (y ? await D.reloadData(v) : await D.loadData(v));
   }, s = async (v) => {
     if (e.loader) {
-      const { list: y = [], total: $ = 0 } = await e.loader(l) || {};
-      await te(), await a(y, v), await te(), l.total = $, await te(), n("loaded", y);
+      const { list: y = [], total: D = 0 } = await e.loader(l) || {};
+      await te(), await a(y, v), await te(), l.total = D, await te(), n("loaded", y);
     }
   }, c = (v) => {
     l.page = e.page || 1, s(v);
@@ -23315,7 +23315,7 @@ const bR = {
   setup(e, { expose: t, emit: n }) {
     const { VxeGrid: o } = tR(), r = Ce(), l = e, i = n, a = hR(), { vxeProps: s } = dR(l, a, i), { columns: c, onResize: u, onCustom: m, onSort: g } = mR(r, l), C = fR(r, l, i), v = pR(r, l, i, g), {
       state: y,
-      onPagerChange: $,
+      onPagerChange: D,
       onFilterChange: w,
       onSortChange: S,
       load: x,
@@ -23323,7 +23323,7 @@ const bR = {
       doLayout: M
     } = vR(l, r, i), A = Ro();
     Qt(z0, A);
-    const D = async (k = {}, _ = -1) => {
+    const $ = async (k = {}, _ = -1) => {
       l.editable || console.warn("XGrid在编辑模式需要开启editable");
       const j = r.value;
       if (!j) return;
@@ -23356,7 +23356,7 @@ const bR = {
       vxeRef: r,
       rowSortable: C,
       columnSortable: v,
-      insertActived: D,
+      insertActived: $,
       validate: de,
       getSelected: he,
       remove: async (k) => {
@@ -23429,7 +23429,7 @@ const bR = {
           "onUpdate:currentPage": _[0] || (_[0] = (j) => F(y).page = j),
           "v-model:page-size": F(y).pageSize,
           total: F(y).total,
-          onChange: F($)
+          onChange: F(D)
         }, {
           default: Ie(() => [
             mt(k.$slots, "pager__left")
@@ -23500,16 +23500,16 @@ const CR = {
       showCollapsible: u
     } = xR(o, r), m = async () => {
       l.value?.submit();
-    }, g = async () => await l.value?.validate(), C = ($) => {
-      l.value?.reset($);
-    }, v = ($) => typeof $ == "string";
+    }, g = async () => await l.value?.validate(), C = (D) => {
+      l.value?.reset(D);
+    }, v = (D) => typeof D == "string";
     return t({
       validate: g,
       submit: m,
       reset: C,
       formRef: l,
       $vtjDynamicSlots: () => (o.items || []).map((w) => v(w))
-    }), ($, w) => (ge(), Ye(F(Y0), {
+    }), (D, w) => (ge(), Ye(F(Y0), {
       ref_key: "formRef",
       ref: l,
       class: "x-query-form",
@@ -23544,9 +23544,9 @@ const CR = {
           class: Dn(["x-query-form__inner", F(s)]),
           style: sl(F(c))
         }, [
-          mt($.$slots, "default", {}, () => [
+          mt(D.$slots, "default", {}, () => [
             (ge(!0), ft(bn, null, Nn(o.items, (S) => (ge(), ft(bn, null, [
-              v(S) ? mt($.$slots, S, { key: 0 }) : (ge(), Ye(F(W0), Et({
+              v(S) ? mt(D.$slots, S, { key: 0 }) : (ge(), Ye(F(W0), Et({
                 key: 1,
                 ref_for: !0
               }, S, {
@@ -23796,13 +23796,13 @@ function TR(e, t) {
     formatter: i,
     valueFormatter: a
   } = e, s = Ce(), c = Ce([]), u = (g, C) => {
-    const v = ja(g).map(($) => ({
-      label: $[l],
-      value: $[r] ?? JSON.stringify($)
+    const v = ja(g).map((D) => ({
+      label: D[l],
+      value: D[r] ?? JSON.stringify(D)
     }));
     c.value = C ? [...c.value, ...v] : v;
     let y;
-    n ? y = c.value.map(($) => $.value) : y = c.value[0]?.value, s.value = y;
+    n ? y = c.value.map((D) => D.value) : y = c.value[0]?.value, s.value = y;
   }, m = (g) => {
     const C = c.value.map((v) => {
       const y = Tr(v);
@@ -23881,25 +23881,33 @@ const j0 = /* @__PURE__ */ nt({
     const o = e, r = n, l = Ts(), i = Ce(!1), a = Ce(), s = Ce(), { options: c, setOptions: u, current: m } = TR(o, r), { formModel: g } = kR(o), C = OR(o), v = q(() => i.value ? !0 : !!o.disabled), y = (M) => o.loader ? (M.form = g.value, o.loader(M)) : {
       list: [],
       total: 0
-    }, $ = () => {
+    }, D = () => {
       a.value?.focus();
     }, w = () => {
       a.value?.blur();
     }, S = async (M) => {
       const A = M.target.value;
-      if (o.queryKey && (g.value[o.queryKey] = A), $(), !o.multiple && o.preload) {
-        const D = await y({});
-        D?.list && D.list.length === 1 ? (w(), E(D.list[0])) : i.value = !0;
+      if (o.queryKey && (g.value[o.queryKey] = A), D(), !o.multiple && o.preload) {
+        const $ = await y({});
+        $?.list && $.list.length === 1 ? (w(), E($.list[0])) : i.value = !0;
       } else
         w(), i.value = !0;
     }, x = (M) => {
       if (o.disabled) return;
       ["I", "SVG", "PATH"].includes(M.target.nodeName.toUpperCase()) && (w(), i.value = !0);
     }, E = async (M) => {
-      u(M, o.multiple && o.append), i.value = !1, r("picked", M, o.data), await te(), $();
+      u(M, o.multiple && o.append), i.value = !1, r("picked", M, o.data), await te(), D();
     };
-    return t({
-      focus: $,
+    return tt(
+      () => o.queryKey,
+      (M, A) => {
+        if (M && A) {
+          const $ = g.value[A];
+          typeof $ < "u" && (g.value[M] = $, delete g.value[A]);
+        }
+      }
+    ), t({
+      focus: D,
       blur: w,
       disabled: v,
       options: c,
@@ -23926,12 +23934,12 @@ const j0 = /* @__PURE__ */ nt({
         onKeydownCapture: $s(S, ["enter"]),
         onClick: x,
         modelValue: F(m),
-        "onUpdate:modelValue": A[0] || (A[0] = (D) => jo(m) ? m.value = D : null)
+        "onUpdate:modelValue": A[0] || (A[0] = ($) => jo(m) ? m.value = $ : null)
       }, F(l)), {
         default: Ie(() => [
-          (ge(!0), ft(bn, null, Nn(F(c), (D) => (ge(), Ye(F(gd), {
-            label: D.label,
-            value: D.value
+          (ge(!0), ft(bn, null, Nn(F(c), ($) => (ge(), Ye(F(gd), {
+            label: $.label,
+            value: $.value
           }, null, 8, ["label", "value"]))), 256))
         ]),
         _: 1
@@ -23941,7 +23949,7 @@ const j0 = /* @__PURE__ */ nt({
         ref_key: "dialogRef",
         ref: s,
         modelValue: i.value,
-        "onUpdate:modelValue": A[1] || (A[1] = (D) => i.value = D),
+        "onUpdate:modelValue": A[1] || (A[1] = ($) => i.value = $),
         "grid-props": o.gridProps,
         "form-props": o.formProps,
         "form-model": F(g),
@@ -24184,7 +24192,7 @@ function _R(e, t, n, o, r) {
         options: l.value,
         onFocus: () => t("focus"),
         onBlur: () => t("blur"),
-        onChange: (y, $) => t("change", y, $)
+        onChange: (y, D) => t("change", y, D)
       }, v = typeof s == "string" ? sf[s] : {
         component: s,
         props: {}
@@ -24219,39 +24227,39 @@ const RR = {
       {},
       l?.props.tooltipMessage || {},
       typeof o.tooltipMessage == "boolean" ? {} : o.tooltipMessage
-    )), $ = (D = "") => o.error ? o.error : D.includes("is required") ? `${o.label || o.name}是必填项！` : D, w = q(() => {
-      const D = l?.props.tooltipMessage ?? o.tooltipMessage;
+    )), D = ($ = "") => o.error ? o.error : $.includes("is required") ? `${o.label || o.name}是必填项！` : $, w = q(() => {
+      const $ = l?.props.tooltipMessage ?? o.tooltipMessage;
       return {
-        [`is-tooltip-${o.tooltipPosition}`]: !!D && !!o.tooltipPosition
+        [`is-tooltip-${o.tooltipPosition}`]: !!$ && !!o.tooltipPosition
       };
     }), S = q(() => {
-      const D = l?.proxy;
+      const $ = l?.proxy;
       return {
-        width: o.width ? _r(o.width) : D && D.inline && D.inlineColumns ? `${100 / D.inlineColumns}%` : null
+        width: o.width ? _r(o.width) : $ && $.inline && $.inlineColumns ? `${100 / $.inlineColumns}%` : null
       };
     }), x = q(() => ({
       right: typeof o.tooltipPosition == "number" ? `${o.tooltipPosition}px` : void 0
     })), E = q(() => ({
       ...m.value.props,
       modelValue: u.value,
-      "onUpdate:modelValue": (D) => {
-        u.value = D;
+      "onUpdate:modelValue": ($) => {
+        u.value = $;
       }
     }));
-    return tt(u, (D, P) => {
-      s.value && !sc(D, P) && (r("update:modelValue", D), l?.proxy && a && o.name && Hc(a, o.name, D));
+    return tt(u, ($, P) => {
+      s.value && !sc($, P) && (r("update:modelValue", $), l?.proxy && a && o.name && Hc(a, o.name, $));
     }), tt(
       () => !l?.proxy || !o.name || !a ? o.modelValue : Ma(a, o.name) ?? o.modelValue,
-      (D) => {
-        s.value && (u.value = D);
+      ($) => {
+        s.value && (u.value = $);
       },
       {
         immediate: !0
       }
     ), tt(
       s,
-      (D) => {
-        l?.proxy && a && o.name && (D ? (u.value = c(), Hc(a, o.name, u.value)) : (u.value = void 0, Hc(a, o.name, void 0)));
+      ($) => {
+        l?.proxy && a && o.name && ($ ? (u.value = c(), Hc(a, o.name, u.value)) : (u.value = void 0, Hc(a, o.name, void 0)));
       },
       {
         immediate: !0
@@ -24266,25 +24274,25 @@ const RR = {
       blur: () => {
         C.value?.foucs && C.value.blur();
       }
-    }), (D, P) => s.value ? (ge(), Ye(F(F2), Et({
+    }), ($, P) => s.value ? (ge(), Ye(F(F2), Et({
       key: 0,
       class: ["x-field", w.value],
       ref_key: "itemRef",
       ref: g,
       prop: o.name,
-      label: D.label,
+      label: $.label,
       size: v.value,
       style: S.value
-    }, D.$attrs), ir({
+    }, $.$attrs), ir({
       error: Ie(({ error: B }) => [
-        mt(D.$slots, "error", { error: B }, () => [
+        mt($.$slots, "error", { error: B }, () => [
           F(l)?.props.tooltipMessage ?? o.tooltipMessage ? (ge(), ft("div", {
             key: 0,
             class: "x-field__info",
             style: sl(x.value)
           }, [
             ot(F(ih), Et({
-              content: $(B)
+              content: D(B)
             }, y.value), {
               default: Ie(() => [
                 ot(F(ar), {
@@ -24295,14 +24303,14 @@ const RR = {
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : (ge(), ft("div", RR, Ht($(B)), 1))
+          ], 4)) : (ge(), ft("div", RR, Ht(D(B)), 1))
         ])
       ]),
       default: Ie(() => [
         Wt("div", {
           class: Dn(["x-field__editor_wrap", { "is-inline": o.inline }])
         }, [
-          mt(D.$slots, "editor", { editor: E.value }, () => [
+          mt($.$slots, "editor", { editor: E.value }, () => [
             F(m).component ? (ge(), Ye(Jn(F(m).component), Et({
               key: 0,
               class: "x-field__editor",
@@ -24311,29 +24319,29 @@ const RR = {
               modelValue: u.value,
               "onUpdate:modelValue": P[0] || (P[0] = (B) => u.value = B)
             }, F(m).props), ir({ _: 2 }, [
-              D.$slots.option ? {
+              $.$slots.option ? {
                 name: "option",
                 fn: Ie(({ option: B }) => [
-                  mt(D.$slots, "option", { option: B })
+                  mt($.$slots, "option", { option: B })
                 ]),
                 key: "0"
               } : void 0
             ]), 1040, ["modelValue"])) : Be("", !0)
           ]),
-          o.tip || D.$slots.tip ? (ge(), ft("div", IR, [
-            mt(D.$slots, "tip", {}, () => [
+          o.tip || $.$slots.tip ? (ge(), ft("div", IR, [
+            mt($.$slots, "tip", {}, () => [
               It(Ht(o.tip), 1)
             ])
           ])) : Be("", !0)
         ], 2),
-        mt(D.$slots, "default")
+        mt($.$slots, "default")
       ]),
       _: 2
     }, [
-      D.$slots.label ? {
+      $.$slots.label ? {
         name: "label",
         fn: Ie(() => [
-          mt(D.$slots, "label")
+          mt($.$slots, "label")
         ]),
         key: "0"
       } : void 0
@@ -24613,11 +24621,11 @@ const RR = {
   emits: ["actionClick", "actionCommand"],
   setup(e, { expose: t, emit: n }) {
     const o = e, r = n, l = Ce(!1), i = q(() => (o.items || []).filter((C) => !!C.slot).map((C) => C.slot)), a = (g) => {
-      const { label: C, name: v, value: y, disabled: $, closable: w, lazy: S } = g;
+      const { label: C, name: v, value: y, disabled: D, closable: w, lazy: S } = g;
       return {
         label: C,
         name: y ?? v,
-        disabled: $,
+        disabled: D,
         closable: w,
         lazy: S
       };
@@ -24911,12 +24919,12 @@ const RR = {
       "is-virtual": !!o.itemHeight
     })), C = q(() => {
       const M = {};
-      for (let [A, D] of Object.entries(
+      for (let [A, $] of Object.entries(
         Of(o.infiniteScroll)
       ))
-        M[`infinite-scroll-${A}`] = D;
+        M[`infinite-scroll-${A}`] = $;
       return (a.value || c.value) && (M["infinite-scroll-disabled"] = !0), M;
-    }), v = q(() => Of(o.pager, {})), { list: y, containerProps: $, wrapperProps: w, scrollTo: S } = Eb(
+    }), v = q(() => Of(o.pager, {})), { list: y, containerProps: D, wrapperProps: w, scrollTo: S } = Eb(
       q(() => i.value.list),
       {
         itemHeight: o.itemHeight || 0
@@ -24941,18 +24949,18 @@ const RR = {
       !F(i).total && !F(a) ? mt(M.$slots, "empty", { key: 0 }, () => [
         ot(F(md))
       ]) : Be("", !0),
-      Wt("div", Et({ class: "x-list__content" }, F($)), [
+      Wt("div", Et({ class: "x-list__content" }, F(D)), [
         o.itemHeight ? so((ge(), ft("div", Et({
           key: 0,
           class: "x-list__wrapper",
           ref_key: "wrapperRef",
           ref: u
         }, { ...F(w), ...C.value }), [
-          (ge(!0), ft(bn, null, Nn(F(y), (D, P) => mt(M.$slots, "default", Et({
-            key: E(D.data),
+          (ge(!0), ft(bn, null, Nn(F(y), ($, P) => mt(M.$slots, "default", Et({
+            key: E($.data),
             ref_for: !0
-          }, { item: D.data, index: P }), () => [
-            Wt("div", null, Ht(D), 1)
+          }, { item: $.data, index: P }), () => [
+            Wt("div", null, Ht($), 1)
           ])), 128)),
           F(a) ? (ge(), ft("div", UR, [
             mt(M.$slots, "loading", {}, () => [
@@ -24970,11 +24978,11 @@ const RR = {
           key: 1,
           class: "x-list__wrapper"
         }, C.value), [
-          (ge(!0), ft(bn, null, Nn(F(i).list, (D, P) => mt(M.$slots, "default", Et({
-            key: E(D),
+          (ge(!0), ft(bn, null, Nn(F(i).list, ($, P) => mt(M.$slots, "default", Et({
+            key: E($),
             ref_for: !0
-          }, { item: D, index: P }), () => [
-            Wt("div", null, Ht(D), 1)
+          }, { item: $, index: P }), () => [
+            Wt("div", null, Ht($), 1)
           ])), 128)),
           F(a) ? (ge(), ft("div", YR, [
             mt(M.$slots, "loading", {}, () => [
@@ -24999,9 +25007,9 @@ const RR = {
           "default-page-size": o.pageSize,
           "default-current-page": o.page,
           "current-page": l.page,
-          "onUpdate:currentPage": A[0] || (A[0] = (D) => l.page = D),
+          "onUpdate:currentPage": A[0] || (A[0] = ($) => l.page = $),
           "page-size": l.pageSize,
-          "onUpdate:pageSize": A[1] || (A[1] = (D) => l.pageSize = D)
+          "onUpdate:pageSize": A[1] || (A[1] = ($) => l.pageSize = $)
         }, v.value), null, 16, ["total", "default-page-size", "default-current-page", "current-page", "page-size"])
       ])) : Be("", !0)
     ], 6));
@@ -25155,7 +25163,7 @@ const RR = {
           border: ""
         }, {
           default: Ie(() => [
-            (ge(!0), ft(bn, null, Nn(l.value, ([$, w]) => (ge(), Ye(F(zc), { label: $ }, {
+            (ge(!0), ft(bn, null, Nn(l.value, ([D, w]) => (ge(), Ye(F(zc), { label: D }, {
               default: Ie(() => [
                 Wt("pre", null, Ht(JSON.stringify(w, null, 2)), 1)
               ]),
@@ -25221,7 +25229,7 @@ const RR = {
         }),
         ot(F(Ut), null, {
           default: Ie(() => [
-            (ge(!0), ft(bn, null, Nn(i(), ($) => mt(v.$slots, $)), 256))
+            (ge(!0), ft(bn, null, Nn(i(), (D) => mt(v.$slots, D)), 256))
           ]),
           _: 3
         }),
@@ -25242,7 +25250,7 @@ const RR = {
                   default: Ie(() => [
                     ot(F(Wo), {
                       modelValue: a.value,
-                      "onUpdate:modelValue": y[0] || (y[0] = ($) => a.value = $)
+                      "onUpdate:modelValue": y[0] || (y[0] = (D) => a.value = D)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -25251,7 +25259,7 @@ const RR = {
                   default: Ie(() => [
                     ot(F(Wo), {
                       modelValue: s.value,
-                      "onUpdate:modelValue": y[1] || (y[1] = ($) => s.value = $)
+                      "onUpdate:modelValue": y[1] || (y[1] = (D) => s.value = D)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -25335,10 +25343,10 @@ const RR = {
       if (!o.withUnit || typeof v != "string")
         return { value: c(v), unit: o.unit };
       for (const y of i.value) {
-        const $ = new RegExp(`${y}$`);
-        if ($.test(v))
+        const D = new RegExp(`${y}$`);
+        if (D.test(v))
           return {
-            value: c(v.toString().replace($, "")),
+            value: c(v.toString().replace(D, "")),
             unit: y
           };
       }
@@ -25350,8 +25358,8 @@ const RR = {
     tt(
       () => o.modelValue,
       (v) => {
-        const { value: y, unit: $ } = u(v);
-        a.value = $, s.value = y;
+        const { value: y, unit: D } = u(v);
+        a.value = D, s.value = y;
       },
       {
         immediate: !0
@@ -25370,7 +25378,7 @@ const RR = {
       formatValue: c
     }), (v, y) => (ge(), Ye(F(Wo), {
       modelValue: s.value,
-      "onUpdate:modelValue": y[1] || (y[1] = ($) => s.value = $),
+      "onUpdate:modelValue": y[1] || (y[1] = (D) => s.value = D),
       modelModifiers: { trim: !0 },
       class: "x-input-unit",
       onChange: g
@@ -25381,15 +25389,15 @@ const RR = {
           ot(F(hd), Et({
             class: "x-input-unit__unit",
             modelValue: a.value,
-            "onUpdate:modelValue": y[0] || (y[0] = ($) => a.value = $),
+            "onUpdate:modelValue": y[0] || (y[0] = (D) => a.value = D),
             size: v.$attrs.size,
             style: { width: `${o.appendWidth}px` }
           }, v.$props.selectProps, { onChange: C }), {
             default: Ie(() => [
-              (ge(!0), ft(bn, null, Nn(l.value, ($) => (ge(), Ye(F(gd), {
-                key: $.value,
-                label: $.label,
-                value: $.value
+              (ge(!0), ft(bn, null, Nn(l.value, (D) => (ge(), Ye(F(gd), {
+                key: D.value,
+                label: D.label,
+                value: D.value
               }, null, 8, ["label", "value"]))), 128))
             ]),
             _: 1
@@ -26247,8 +26255,8 @@ hr.testAlphanumeric = function(t) {
   function u(g, C) {
     let v = 0;
     return g.forEach(function(y) {
-      const $ = c(y.mode, C);
-      v += $ + y.getBitsLength();
+      const D = c(y.mode, C);
+      v += D + y.getBitsLength();
     }), v;
   }
   function m(g, C) {
@@ -26262,7 +26270,7 @@ hr.testAlphanumeric = function(t) {
     if (!l.isValid(C))
       throw new Error("Invalid QR Code version");
     typeof y > "u" && (y = r.BYTE);
-    const $ = t.getSymbolTotalCodewords(C), w = n.getTotalCodewordsCount(C, v), S = ($ - w) * 8;
+    const D = t.getSymbolTotalCodewords(C), w = n.getTotalCodewordsCount(C, v), S = (D - w) * 8;
     if (y === r.MIXED) return S;
     const x = S - c(y, C);
     switch (y) {
@@ -26278,16 +26286,16 @@ hr.testAlphanumeric = function(t) {
     }
   }, e.getBestVersionForData = function(C, v) {
     let y;
-    const $ = o.from(v, o.M);
+    const D = o.from(v, o.M);
     if (Array.isArray(C)) {
       if (C.length > 1)
-        return m(C, $);
+        return m(C, D);
       if (C.length === 0)
         return 1;
       y = C[0];
     } else
       y = C;
-    return s(y.mode, y.getLength(), $);
+    return s(y.mode, y.getLength(), D);
   }, e.getEncodedBits = function(C) {
     if (!l.isValid(C) || C < 7)
       throw new Error("Invalid QR Code version");
@@ -26451,10 +26459,10 @@ var D9 = Ss, s2 = { exports: {} };
       i[o] = 0;
       var a = t.PriorityQueue.make();
       a.push(o, 0);
-      for (var s, c, u, m, g, C, v, y, $; !a.empty(); ) {
+      for (var s, c, u, m, g, C, v, y, D; !a.empty(); ) {
         s = a.pop(), c = s.value, m = s.cost, g = n[c] || {};
         for (u in g)
-          g.hasOwnProperty(u) && (C = g[u], v = m + C, y = i[u], $ = typeof i[u] > "u", ($ || y > v) && (i[u] = v, a.push(u, v), l[u] = c));
+          g.hasOwnProperty(u) && (C = g[u], v = m + C, y = i[u], D = typeof i[u] > "u", (D || y > v) && (i[u] = v, a.push(u, v), l[u] = c));
       }
       if (typeof r < "u" && typeof i[r] > "u") {
         var w = ["Could not find a path from ", o, " to ", r, "."].join("");
@@ -26530,13 +26538,13 @@ var M9 = s2.exports;
   function m(w) {
     const S = u(i.NUMERIC, t.NUMERIC, w), x = u(i.ALPHANUMERIC, t.ALPHANUMERIC, w);
     let E, M;
-    return a.isKanjiModeEnabled() ? (E = u(i.BYTE, t.BYTE, w), M = u(i.KANJI, t.KANJI, w)) : (E = u(i.BYTE_KANJI, t.BYTE, w), M = []), S.concat(x, E, M).sort(function(D, P) {
-      return D.index - P.index;
-    }).map(function(D) {
+    return a.isKanjiModeEnabled() ? (E = u(i.BYTE, t.BYTE, w), M = u(i.KANJI, t.KANJI, w)) : (E = u(i.BYTE_KANJI, t.BYTE, w), M = []), S.concat(x, E, M).sort(function($, P) {
+      return $.index - P.index;
+    }).map(function($) {
       return {
-        data: D.data,
-        mode: D.mode,
-        length: D.length
+        data: $.data,
+        mode: $.mode,
+        length: $.length
       };
     });
   }
@@ -26594,9 +26602,9 @@ var M9 = s2.exports;
     const x = {}, E = { start: {} };
     let M = ["start"];
     for (let A = 0; A < w.length; A++) {
-      const D = w[A], P = [];
-      for (let B = 0; B < D.length; B++) {
-        const ae = D[B], de = "" + A + B;
+      const $ = w[A], P = [];
+      for (let B = 0; B < $.length; B++) {
+        const ae = $[B], de = "" + A + B;
         P.push(de), x[de] = { node: ae, lastCount: 0 }, E[de] = {};
         for (let he = 0; he < M.length; he++) {
           const Z = M[he];
@@ -26609,7 +26617,7 @@ var M9 = s2.exports;
       E[M[A]].end = 0;
     return { map: E, table: x };
   }
-  function $(w, S) {
+  function D(w, S) {
     let x;
     const E = t.getBestModeForData(w);
     if (x = t.from(S, E), x !== t.BYTE && x.bit < E.bit)
@@ -26628,12 +26636,12 @@ var M9 = s2.exports;
   }
   e.fromArray = function(S) {
     return S.reduce(function(x, E) {
-      return typeof E == "string" ? x.push($(E, null)) : E.data && x.push($(E.data, E.mode)), x;
+      return typeof E == "string" ? x.push(D(E, null)) : E.data && x.push(D(E.data, E.mode)), x;
     }, []);
   }, e.fromString = function(S, x) {
-    const E = m(S, a.isKanjiModeEnabled()), M = v(E), A = y(M, x), D = s.find_path(A.map, "start", "end"), P = [];
-    for (let B = 1; B < D.length - 1; B++)
-      P.push(A.table[D[B]].node);
+    const E = m(S, a.isKanjiModeEnabled()), M = v(E), A = y(M, x), $ = s.find_path(A.map, "start", "end"), P = [];
+    for (let B = 1; B < $.length - 1; B++)
+      P.push(A.table[$[B]].node);
     return e.fromArray(C(P));
   }, e.rawSplit = function(S) {
     return e.fromArray(
@@ -26713,12 +26721,12 @@ function j9(e, t, n) {
 function W9(e, t, n) {
   const o = Tc.getSymbolTotalCodewords(t), r = sd.getTotalCodewordsCount(t, n), l = o - r, i = sd.getBlocksCount(t, n), a = o % i, s = i - a, c = Math.floor(o / i), u = Math.floor(l / i), m = u + 1, g = c - u, C = new N9(g);
   let v = 0;
-  const y = new Array(i), $ = new Array(i);
+  const y = new Array(i), D = new Array(i);
   let w = 0;
   const S = new Uint8Array(e.buffer);
-  for (let D = 0; D < i; D++) {
-    const P = D < s ? u : m;
-    y[D] = S.slice(v, v + P), $[D] = C.encode(y[D]), v += P, w = Math.max(w, P);
+  for (let $ = 0; $ < i; $++) {
+    const P = $ < s ? u : m;
+    y[$] = S.slice(v, v + P), D[$] = C.encode(y[$]), v += P, w = Math.max(w, P);
   }
   const x = new Uint8Array(o);
   let E = 0, M, A;
@@ -26727,7 +26735,7 @@ function W9(e, t, n) {
       M < y[A].length && (x[E++] = y[A][M]);
   for (M = 0; M < g; M++)
     for (A = 0; A < i; A++)
-      x[E++] = $[A][M];
+      x[E++] = D[A][M];
   return x;
 }
 function U9(e, t, n, o) {
@@ -26818,8 +26826,8 @@ var i2 = {}, df = {};
       for (let C = 0; C < c; C++) {
         let v = (g * c + C) * 4, y = l.color.light;
         if (g >= u && C >= u && g < c - u && C < c - u) {
-          const $ = Math.floor((g - u) / s), w = Math.floor((C - u) / s);
-          y = m[a[$ * i + w] ? 1 : 0];
+          const D = Math.floor((g - u) / s), w = Math.floor((C - u) / s);
+          y = m[a[D * i + w] ? 1 : 0];
         }
         o[v++] = y.r, o[v++] = y.g, o[v++] = y.b, o[v] = y.a;
       }
@@ -27219,7 +27227,7 @@ const nI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       [`is-${r.size}`]: !!r.size
     })), C = Ce([]), v = q(() => C.value.filter((N) => Nu(N)).map((N) => N.url)), y = q(
       () => r.removable || r.previewable || r.downloadable
-    ), $ = (N) => {
+    ), D = (N) => {
       const k = pf(N);
       return k === "img" ? r.thumbnail && !N.url.startsWith("blob:") ? r.thumbnail(N) : N.url : pI[k];
     }, w = q(() => ({
@@ -27282,7 +27290,7 @@ const nI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         }
         return typeof U == "string" ? { url: U } : U;
       }
-    }, D = (N) => {
+    }, $ = (N) => {
       const k = m.value.findIndex((_) => _.url === N.url);
       k > -1 ? r.multiple ? m.value.splice(k, 1) : m.value = [] : r.multiple ? m.value.push(oi(N)) : m.value = [oi(N)], l("select", m.value), l(
         "update:selectValue",
@@ -27292,7 +27300,7 @@ const nI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       const k = m.value.findIndex((_) => _.url === N.url);
       k > -1 && m.value.splice(k, 1);
     }, B = (N) => !!m.value.find((k) => k.url === N.url), ae = (N) => {
-      r.clickable && l("click", oi(N)), r.selectable && D(N);
+      r.clickable && l("click", oi(N)), r.selectable && $(N);
     }, de = async (N, k) => {
       if (k.every((j) => j.status === "success") && k.length === C.value.length) {
         const j = C.value.map((U) => oi(U));
@@ -27344,7 +27352,7 @@ const nI = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             Wt("div", gI, [
               Wt("img", {
                 class: Dn(["el-upload-list__item-thumbnail", { "is-icon": !F(Nu)(_) }]),
-                src: $(_)
+                src: D(_)
               }, null, 10, vI),
               r.listType !== "card" || _.name ? (ge(), ft("div", {
                 key: 0,