@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/components/mapping-editor/index.esm.js

@@ -1,17 +1,17 @@
 var Sn = Object.defineProperty;
 var Tn = (e, t, n) => t in e ? Sn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var me = (e, t, n) => Tn(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as Be, ref as r, computed as y, createVNode as l, Teleport as Tt, createApp as ft, onUnmounted as Qe, Fragment as pe, watch as Q, nextTick as Le, onBeforeMount as Mn, onMounted as Ae, watchEffect as kn, Transition as Mt, shallowRef as Fn, render as ut, h as On, cloneVNode as In, mergeProps as ot, inject as tt, withDirectives as En, vShow as Pn, onUpdated as Dn, onBeforeUnmount as Rn, createTextVNode as xe, reactive as ge, isVNode as kt, Comment as Hn, provide as jn } from "vue";
+var ge = (e, t, n) => Tn(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as Be, ref as r, computed as b, createVNode as l, Teleport as Tt, createApp as ft, onUnmounted as Qe, Fragment as pe, watch as Q, nextTick as Le, onBeforeMount as Mn, onMounted as Ae, watchEffect as kn, Transition as Mt, shallowRef as Fn, render as ut, h as On, cloneVNode as In, mergeProps as ot, inject as tt, withDirectives as En, vShow as Pn, onUpdated as Dn, onBeforeUnmount as Rn, createTextVNode as xe, reactive as ve, isVNode as kt, Comment as Hn, provide as jn } from "vue";
 import { LocaleService as be } from "../locale/index.esm.js";
 import { getMaxZIndex as wt, isMobilePhone as Nn, useGuid as Vn, withInstall as Ft, useCommonUtils as zn, getCustomClass as Ln } from "../common/index.esm.js";
 import { cloneDeep as Ot, debounce as An } from "lodash-es";
 import "../property-panel/index.esm.js";
-import xt from "../button/index.esm.js";
+import { FButton as xt } from "../button/index.esm.js";
 import "../field-selector/index.esm.js";
 import Wn from "../tags/index.esm.js";
 import Gn from "../popover/index.esm.js";
 import { useResizeObserver as $n } from "@vueuse/core";
-import { CellMode as Un, useScreen as qn, useIdentify as Kn, useGroupData as _n, useFilter as Yn, useHierarchy as Xn, useLoading as Jn, useDataView as Zn, usePagination as Qn, useSelection as ea, useDataViewContainerStyle as ta, useCommandColumn as na, useSettingColumn as aa, useColumn as oa, useSort as la, useGroupColumn as ia, useRow as sa, useEdit as ua, useVisualDataBound as ra, useVisualDataCell as ca, useVisualDataRow as da, useVisualGroupRow as fa, useVisualSummaryRow as va, useVisualData as ma, useCellContentStyle as ha, useCellPosition as ga, useSidebar as pa, useVirtualScroll as ya, useFitColumn as ba, useFilterHistory as Ca, useColumnFilter as wa, useDragColumn as xa, getColumnHeader as Ba, getPagination as Sa, getSidebar as Ta, getDisableMask as Ma, getSummary as ka, getHorizontalScrollbar as Fa, getVerticalScrollbar as Oa, getFilterPanel as Ia, getGroupPanel as Ea, useAdapt as Pa, useNavigation as Da, getEmpty as Ra, COMMAND_COLUMN_DATA_TYPE as Bt, SETTING_COLUMN_DATA_TYPE as St } from "../data-view/index.esm.js";
+import { CellMode as Un, useScreen as qn, useIdentify as Kn, useGroupData as Yn, useFilter as _n, useHierarchy as Xn, useLoading as Jn, useDataView as Zn, usePagination as Qn, useSelection as ea, useDataViewContainerStyle as ta, useCommandColumn as na, useSettingColumn as aa, useColumn as oa, useSort as la, useGroupColumn as ia, useRow as sa, useEdit as ua, useVisualDataBound as ra, useVisualDataCell as ca, useVisualDataRow as da, useVisualGroupRow as fa, useVisualSummaryRow as va, useVisualData as ma, useCellContentStyle as ha, useCellPosition as ga, useSidebar as pa, useVirtualScroll as ya, useFitColumn as ba, useFilterHistory as Ca, useColumnFilter as wa, useDragColumn as xa, getColumnHeader as Ba, getPagination as Sa, getSidebar as Ta, getDisableMask as Ma, getSummary as ka, getHorizontalScrollbar as Fa, getVerticalScrollbar as Oa, getFilterPanel as Ia, getGroupPanel as Ea, useAdapt as Pa, useNavigation as Da, getEmpty as Ra, COMMAND_COLUMN_DATA_TYPE as Bt, SETTING_COLUMN_DATA_TYPE as St } from "../data-view/index.esm.js";
 import Ha from "../drawer/index.esm.js";
 import ja, { FDynamicFormLabel as Na } from "../dynamic-form/index.esm.js";
 import { createPropsResolver as Va } from "../dynamic-resolver/index.esm.js";
@@ -153,29 +153,29 @@ const za = {
   props: La,
   emits: ["click"],
   setup(e, t) {
-    const n = r(e.popupContentPosition), a = r(e.host), o = y(() => ({
+    const n = r(e.popupContentPosition), a = r(e.host), o = b(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
     function i(u) {
       t.emit("click"), u.preventDefault(), u.stopPropagation();
     }
-    y(() => {
+    b(() => {
       const u = a.value;
       if (u) {
-        const v = u.getBoundingClientRect(), {
+        const m = u.getBoundingClientRect(), {
           left: f,
           top: g,
-          height: C
-        } = v;
+          height: p
+        } = m;
         return {
           left: f,
-          top: g + C
+          top: g + p
         };
       }
       return n.value;
     });
-    const s = y(() => ({
+    const s = b(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
@@ -184,14 +184,14 @@ const za = {
       to: "body"
     }, {
       default: () => {
-        var u, v;
+        var u, m;
         return [l("div", {
           class: "overlay-container",
           onClick: (f) => i(f),
           style: o.value
         }, [l("div", {
           style: s.value
-        }, [(v = (u = t.slots).default) == null ? void 0 : v.call(u)])])];
+        }, [(m = (u = t.slots).default) == null ? void 0 : m.call(u)])])];
       }
     });
   }
@@ -404,19 +404,19 @@ class He {
   }
 }
 function qa(e, t) {
-  const n = r(), a = r(), o = r(), i = r(), s = r(), u = r(), v = r(), f = r(), g = r(), C = r(), I = r(), h = r(e.resizeable), w = r(), k = r(e.draggable), S = r(!1);
+  const n = r(), a = r(), o = r(), i = r(), s = r(), u = r(), m = r(), f = r(), g = r(), p = r(), F = r(), h = r(e.resizeable), C = r(), T = r(e.draggable), S = r(!1);
   function E() {
     const d = a.value || document.body, B = window.getComputedStyle(d);
     if (!B || !n.value)
       return;
     const D = ae.getTransformInfo(n.value), R = {};
-    v.value && (R.deltaL = n.value.offsetLeft - v.value.x, R.deltaT = n.value.offsetTop - v.value.y);
+    m.value && (R.deltaL = n.value.offsetLeft - m.value.x, R.deltaT = n.value.offsetTop - m.value.y);
     const W = B.getPropertyValue("position");
-    R.width = d.clientWidth, R.height = d.clientHeight, R.pr = parseInt(B.getPropertyValue("padding-right"), 10), R.pb = parseInt(B.getPropertyValue("padding-bottom"), 10), R.position = B.getPropertyValue("position"), W === "static" && (d.style.position = "relative"), R.translateX = D.x, R.translateY = D.y, C.value = R;
+    R.width = d.clientWidth, R.height = d.clientHeight, R.pr = parseInt(B.getPropertyValue("padding-right"), 10), R.pb = parseInt(B.getPropertyValue("padding-bottom"), 10), R.position = B.getPropertyValue("position"), W === "static" && (d.style.position = "relative"), R.translateX = D.x, R.translateY = D.y, p.value = R;
   }
-  function p(d) {
+  function y(d) {
     if (n.value) {
-      i.value = He.getCurrent(n.value), s.value = ae.getCurrent(n.value), u.value = i.value ? He.copy(i.value) : null, v.value = s.value ? ae.copy(s.value) : null, E();
+      i.value = He.getCurrent(n.value), s.value = ae.getCurrent(n.value), u.value = i.value ? He.copy(i.value) : null, m.value = s.value ? ae.copy(s.value) : null, E();
       const B = d.target.getAttribute("type") || "";
       f.value = {
         n: !!B.match(/n/),
@@ -430,19 +430,19 @@ function qa(e, t) {
     var d, B, D, R;
     if (n.value) {
       const W = n.value;
-      f.value && ((f.value.n || f.value.s) && ((d = u.value) != null && d.height) && (W.style.height = u.value.height + "px"), (f.value.w || f.value.e) && ((B = u.value) != null && B.width) && (W.style.width = u.value.width + "px"), v.value && ((D = v.value) != null && D.x && (W.style.left = v.value.x + "px"), (R = v.value) != null && R.y && (W.style.top = v.value.y + "px")));
+      f.value && ((f.value.n || f.value.s) && ((d = u.value) != null && d.height) && (W.style.height = u.value.height + "px"), (f.value.w || f.value.e) && ((B = u.value) != null && B.width) && (W.style.width = u.value.width + "px"), m.value && ((D = m.value) != null && D.x && (W.style.left = m.value.x + "px"), (R = m.value) != null && R.y && (W.style.top = m.value.y + "px")));
     }
   }
   function A() {
     const d = e.minHeight ? e.minHeight : 1, B = e.minWidth ? e.minWidth : 1;
-    u.value && v.value && f.value && i.value && (u.value.height < d && (u.value.height = d, f.value.n && s.value && (v.value.y = s.value.y + (i.value.height - d))), u.value.width < B && (u.value.width = B, f.value.w && s.value && (v.value.x = s.value.x + (i.value.width - B))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, s.value && f.value.n && (v.value.y = s.value.y + (i.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, f.value.w && s.value && (v.value.x = s.value.x + (i.value.width - e.maxWidth))));
+    u.value && m.value && f.value && i.value && (u.value.height < d && (u.value.height = d, f.value.n && s.value && (m.value.y = s.value.y + (i.value.height - d))), u.value.width < B && (u.value.width = B, f.value.w && s.value && (m.value.x = s.value.x + (i.value.width - B))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, s.value && f.value.n && (m.value.y = s.value.y + (i.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, f.value.w && s.value && (m.value.x = s.value.x + (i.value.width - e.maxWidth))));
   }
   function x() {
     if (a.value) {
-      const d = C.value;
-      if (v.value && u.value && f.value && i.value) {
-        const B = d.width - d.pr - d.deltaL - d.translateX - v.value.x, D = d.height - d.pb - d.deltaT - d.translateY - v.value.y;
-        f.value.n && v.value.y + d.translateY < 0 && s.value && (v.value.y = -d.translateY, u.value.height = i.value.height + s.value.y + d.translateY), f.value.w && v.value.x + d.translateX < 0 && s.value && (v.value.x = -d.translateX, u.value.width = i.value.width + s.value.x + d.translateX), u.value.width > B && (u.value.width = B), u.value.height > D && (u.value.height = D);
+      const d = p.value;
+      if (m.value && u.value && f.value && i.value) {
+        const B = d.width - d.pr - d.deltaL - d.translateX - m.value.x, D = d.height - d.pb - d.deltaT - d.translateY - m.value.y;
+        f.value.n && m.value.y + d.translateY < 0 && s.value && (m.value.y = -d.translateY, u.value.height = i.value.height + s.value.y + d.translateY), f.value.w && m.value.x + d.translateX < 0 && s.value && (m.value.x = -d.translateX, u.value.width = i.value.width + s.value.x + d.translateX), u.value.width > B && (u.value.width = B), u.value.height > D && (u.value.height = D);
       }
     }
   }
@@ -451,15 +451,15 @@ function qa(e, t) {
       return;
     d.subtract(o.value);
     const B = d.x, D = d.y;
-    f.value.n ? (v.value.y = s.value.y + D, u.value.height = i.value.height - D) : f.value.s && (u.value.height = i.value.height + D), f.value.e ? u.value.width = i.value.width + B : f.value.w && (u.value.width = i.value.width - B, v.value.x = s.value.x + B), x(), A(), V();
+    f.value.n ? (m.value.y = s.value.y + D, u.value.height = i.value.height - D) : f.value.s && (u.value.height = i.value.height + D), f.value.e ? u.value.width = i.value.width + B : f.value.w && (u.value.width = i.value.width - B, m.value.x = s.value.x + B), x(), A(), V();
   }
-  function b(d) {
+  function w(d) {
     if (!g.value)
       return;
     const B = ae.fromEvent(d);
     B && L(B);
   }
-  function F() {
+  function O() {
     if (n.value) {
       const {
         width: d,
@@ -482,79 +482,79 @@ function qa(e, t) {
   }
   function G(d) {
     if (n.value) {
-      const B = F();
-      I.value = B;
+      const B = O();
+      F.value = B;
     }
-    o.value = void 0, i.value = null, s.value = null, u.value = null, v.value = null, f.value = null, g.value = null, document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", G);
+    o.value = void 0, i.value = null, s.value = null, u.value = null, m.value = null, f.value = null, g.value = null, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", G);
   }
   function K() {
-    document.addEventListener("mousemove", b), document.addEventListener("mouseup", G);
+    document.addEventListener("mousemove", w), document.addEventListener("mouseup", G);
   }
-  function O(d) {
-    d instanceof MouseEvent && d.button === 2 || k.value && (document.body.click(), d.stopPropagation(), d.preventDefault(), o.value = ae.fromEvent(d), g.value = d.target, p(d), K());
+  function I(d) {
+    d instanceof MouseEvent && d.button === 2 || T.value && (document.body.click(), d.stopPropagation(), d.preventDefault(), o.value = ae.fromEvent(d), g.value = d.target, y(d), K());
   }
   function $(d) {
     return n.value = d, h.value && l(pe, null, [l("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null), l("div", {
       class: "fv-resizable-handle fv-resizable-e",
       type: "e",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null), l("div", {
       class: "fv-resizable-handle fv-resizable-s",
       type: "s",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null), l("div", {
       class: "fv-resizable-handle fv-resizable-w",
       type: "w",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null), l("div", {
       class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null), l("div", {
       class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null), l("div", {
       class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null), l("div", {
       class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
-      onMousedown: (B) => O(B)
+      onMousedown: (B) => I(B)
     }, null)]);
   }
   function le(d = !0) {
     document.body.click();
     const B = a.value || document.body, D = He.getCurrent(B), R = n.value;
-    d && R && (w.value = F(), w.value.transform = R.style.transform), D && R && (u.value = D, u.value.height -= 14, u.value.width -= 14, R.style.height = u.value.height + "px", R.style.width = u.value.width + "px", R.style.left = "7px", R.style.top = "7px", R.style.transform = "", I.value = {
+    d && R && (C.value = O(), C.value.transform = R.style.transform), D && R && (u.value = D, u.value.height -= 14, u.value.width -= 14, R.style.height = u.value.height + "px", R.style.width = u.value.width + "px", R.style.left = "7px", R.style.top = "7px", R.style.transform = "", F.value = {
       size: u.value,
       position: {
         x: 0,
         y: 0
       }
-    }, k.value = !1, S.value = !0);
+    }, T.value = !1, S.value = !0);
   }
   function J() {
     var d, B;
-    if (document.body.click(), w.value) {
+    if (document.body.click(), C.value) {
       const D = {
-        width: w.value.size.width || 0,
-        height: w.value.size.height || 0
+        width: C.value.size.width || 0,
+        height: C.value.size.height || 0
       }, R = {
         x: (window.innerWidth - D.width) / 2,
         y: (window.innerHeight - D.height) / 2
       };
-      (d = u.value) == null || d.set(D), (B = v.value) == null || B.set(R);
+      (d = u.value) == null || d.set(D), (B = m.value) == null || B.set(R);
       const W = n.value;
-      W.style.height = D.height + "px", W.style.width = D.width + "px", W.style.left = `${R.x}px`, W.style.top = `${R.y}px`, W.style.transform = "", I.value = {
+      W.style.height = D.height + "px", W.style.width = D.width + "px", W.style.left = `${R.x}px`, W.style.top = `${R.y}px`, W.style.transform = "", F.value = {
         size: D,
         position: R
-      }, k.value = e.draggable, S.value = !1;
+      }, T.value = e.draggable, S.value = !1;
     }
   }
   function ie() {
@@ -577,92 +577,92 @@ function qa(e, t) {
       window.removeEventListener("resize", d);
     };
   }
-  const T = z();
+  const M = z();
   return {
     renderResizeBar: $,
     boundingElement: a,
-    resizedEventParam: I,
+    resizedEventParam: F,
     maximize: le,
     restore: J,
-    allowDrag: k,
+    allowDrag: T,
     isMaximized: S,
-    unWindowResizeHandle: T,
+    unWindowResizeHandle: M,
     moveToCenter: ie
   };
 }
 function Ka(e, t, n) {
-  const a = r(), o = r(e.draggable), i = r(e.lockAxis), s = r(), u = r(), v = r(!1), f = r(new ae(0, 0)), g = r(new ae(0, 0)), C = r(new ae(0, 0)), I = r(new ae(0, 0));
-  Q(() => n.value, (b) => {
-    s.value.style.cursor = b ? "move" : "default";
+  const a = r(), o = r(e.draggable), i = r(e.lockAxis), s = r(), u = r(), m = r(!1), f = r(new ae(0, 0)), g = r(new ae(0, 0)), p = r(new ae(0, 0)), F = r(new ae(0, 0));
+  Q(() => n.value, (w) => {
+    s.value.style.cursor = w ? "move" : "default";
   });
-  function h(b, F) {
-    if (F.tagName === "BUTTON")
+  function h(w, O) {
+    if (O.tagName === "BUTTON")
       return !1;
-    if (F === b)
+    if (O === w)
       return !0;
-    for (const G in F.children)
-      if (Object.prototype.hasOwnProperty.call(F.children, G) && h(b, F.children[G]))
+    for (const G in O.children)
+      if (Object.prototype.hasOwnProperty.call(O.children, G) && h(w, O.children[G]))
         return !0;
     return !1;
   }
-  function w() {
-    var K, O;
-    let b = C.value.x + g.value.x, F = C.value.y + g.value.y;
-    i.value === "x" ? (b = ((K = f.value) == null ? void 0 : K.x) || 0, C.value.x = 0) : i.value === "y" && (F = ((O = f.value) == null ? void 0 : O.y) || 0, C.value.y = 0);
-    const G = `translate3d(${Math.round(b)}px, ${Math.round(F)}px, 0px)`;
-    a.value && (a.value.style.transform = G), I.value.x = b, I.value.y = F;
+  function C() {
+    var K, I;
+    let w = p.value.x + g.value.x, O = p.value.y + g.value.y;
+    i.value === "x" ? (w = ((K = f.value) == null ? void 0 : K.x) || 0, p.value.x = 0) : i.value === "y" && (O = ((I = f.value) == null ? void 0 : I.y) || 0, p.value.y = 0);
+    const G = `translate3d(${Math.round(w)}px, ${Math.round(O)}px, 0px)`;
+    a.value && (a.value.style.transform = G), F.value.x = w, F.value.y = O;
   }
-  function k() {
+  function T() {
     if (!u.value || !a.value)
       return null;
-    const b = u.value.getBoundingClientRect(), F = a.value.getBoundingClientRect(), G = {
-      top: b.top < F.top,
-      right: b.right > F.right,
-      bottom: b.bottom > F.bottom,
-      left: b.left < F.left
+    const w = u.value.getBoundingClientRect(), O = a.value.getBoundingClientRect(), G = {
+      top: w.top < O.top,
+      right: w.right > O.right,
+      bottom: w.bottom > O.bottom,
+      left: w.left < O.left
     };
-    return G.top || (C.value.y -= F.top - b.top), G.bottom || (C.value.y -= F.bottom - b.bottom), G.right || (C.value.x -= F.right - b.right), G.left || (C.value.x -= F.left - b.left), w(), G;
+    return G.top || (p.value.y -= O.top - w.top), G.bottom || (p.value.y -= O.bottom - w.bottom), G.right || (p.value.x -= O.right - w.right), G.left || (p.value.x -= O.left - w.left), C(), G;
   }
-  function S(b) {
-    b && (f.value && b.subtract(f.value), C.value.set(b), w(), k());
+  function S(w) {
+    w && (f.value && w.subtract(f.value), p.value.set(w), C(), T());
   }
-  function E(b) {
-    v.value && o.value && (b.stopPropagation(), b.preventDefault(), S(ae.fromEvent(b, s.value)));
+  function E(w) {
+    m.value && o.value && (w.stopPropagation(), w.preventDefault(), S(ae.fromEvent(w, s.value)));
   }
-  function p() {
-    var b;
-    v.value && (v.value = !1, g.value.add(C.value), C.value.reset(), (b = a.value) == null || b.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", p));
+  function y() {
+    var w;
+    m.value && (m.value = !1, g.value.add(p.value), p.value.reset(), (w = a.value) == null || w.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", y));
   }
   function V() {
-    !v.value && s.value && (v.value = !0, s.value.classList.add("ng-dragging"), document.addEventListener("mousemove", E), document.addEventListener("mouseup", p));
+    !m.value && s.value && (m.value = !0, s.value.classList.add("ng-dragging"), document.addEventListener("mousemove", E), document.addEventListener("mouseup", y));
   }
   function A() {
     if (a.value) {
-      const b = ae.getTransformInfo(a.value);
-      g.value.set(b);
+      const w = ae.getTransformInfo(a.value);
+      g.value.set(w);
       return;
     }
     g.value.reset();
   }
-  function x(b) {
-    if (!n.value || b instanceof MouseEvent && b.button === 2)
+  function x(w) {
+    if (!n.value || w instanceof MouseEvent && w.button === 2)
       return;
-    const F = b.target || b.srcElement;
-    s.value !== void 0 && F && !h(F, s.value) || o.value !== !1 && (document.body.click(), b.stopPropagation(), b.preventDefault(), f.value = ae.fromEvent(b, a.value), A(), V());
+    const O = w.target || w.srcElement;
+    s.value !== void 0 && O && !h(O, s.value) || o.value !== !1 && (document.body.click(), w.stopPropagation(), w.preventDefault(), f.value = ae.fromEvent(w, a.value), A(), V());
   }
-  function L(b, F, G) {
-    if (o.value && F) {
-      if (b)
-        s.value = b;
+  function L(w, O, G) {
+    if (o.value && O) {
+      if (w)
+        s.value = w;
       else if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
           s.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
-          const K = F.querySelector(e.dragHandle);
+          const K = O.querySelector(e.dragHandle);
           K && (s.value = K);
         }
       }
-      a.value = F, u.value = G, s.value ? (s.value.classList.add("ng-draggable"), s.value.addEventListener("mousedown", x)) : o.value = !1;
+      a.value = O, u.value = G, s.value ? (s.value.classList.add("ng-draggable"), s.value.addEventListener("mousedown", x)) : o.value = !1;
     }
   }
   return {
@@ -680,7 +680,7 @@ function It(e, t) {
     };
   }
 }
-function _a(e, t) {
+function Ya(e, t) {
   const n = r(e.enableEsc);
   let a = null;
   return n.value ? (a = It("Escape", (o) => {
@@ -689,7 +689,7 @@ function _a(e, t) {
     remove: a
   }) : null;
 }
-function Ya(e, t) {
+function _a(e, t) {
   const n = r(e.enableEnter);
   let a = null;
   return n.value ? (a = It("Enter", (o) => {
@@ -703,10 +703,10 @@ const Je = /* @__PURE__ */ Be({
   props: Ua,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove", "buttonClick"],
   setup(e, t) {
-    const n = r(e.width || 300), a = r(e.height || 200), o = r(e.modelValue), i = r(""), s = r(e.class), u = r(e.fitContent), v = r(e.showHeader), f = r(""), g = r(e.showCloseButton), C = r(e.showMaxButton), I = r(!1), h = r(e.dialogType), w = r(e.src), k = r(""), S = r(e.showButtons), E = r(e.title), p = r(e.containment || null), V = r();
+    const n = r(e.width || 300), a = r(e.height || 200), o = r(e.modelValue), i = r(""), s = r(e.class), u = r(e.fitContent), m = r(e.showHeader), f = r(""), g = r(e.showCloseButton), p = r(e.showMaxButton), F = r(!1), h = r(e.dialogType), C = r(e.src), T = r(""), S = r(e.showButtons), E = r(e.title), y = r(e.containment || null), V = r();
     E.value === "错误提示" && (E.value = be.getLocaleValue("messageBox.errorTitle"));
     const A = r(!1);
-    function x(m, H) {
+    function x(v, H) {
       const ee = H ? "accept" : "cancel";
       Promise.resolve().then(() => {
         var X;
@@ -714,29 +714,29 @@ const Je = /* @__PURE__ */ Be({
           closeType: ee
         });
       }).then((X) => {
-        X && (o.value = !1, t.emit("update:modelValue", !1), H != null && t.emit(H ? "accept" : "cancel"), t.emit("closed", m));
+        X && (o.value = !1, t.emit("update:modelValue", !1), H != null && t.emit(H ? "accept" : "cancel"), t.emit("closed", v));
       });
     }
     const L = [{
       name: "cancel",
       text: be.getLocaleValue("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
-      handle: (m) => {
-        x(m, !1);
+      handle: (v) => {
+        x(v, !1);
       }
     }, {
       name: "accept",
       text: be.getLocaleValue("messageBox.ok") || "确定",
       class: "btn btn-primary",
-      handle: (m) => {
-        x(m, !0);
+      handle: (v) => {
+        x(v, !0);
       }
-    }], b = r(e.buttons && e.buttons.length ? e.buttons : L), F = y(() => !!f.value), G = y(() => !!S.value && !!b.value), K = r(), O = r(), $ = r(!1), {
+    }], w = r(e.buttons && e.buttons.length ? e.buttons : L), O = b(() => !!f.value), G = b(() => !!S.value && !!w.value), K = r(), I = r(), $ = r(!1), {
       renderResizeBar: le,
       maximize: J,
       restore: ie,
       boundingElement: z,
-      resizedEventParam: T,
+      resizedEventParam: M,
       allowDrag: d,
       unWindowResizeHandle: B,
       moveToCenter: D
@@ -747,77 +747,77 @@ const Je = /* @__PURE__ */ Be({
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
     function q() {
-      const m = document.querySelectorAll(".farris-modal").length;
-      (!m || m - 1 <= 0) && document.body.classList.remove("modal-open"), V.value && V.value.classList.remove("show");
-    }
-    Q(() => e.title, (m, H) => {
-      m !== H && (E.value = m);
-    }), Q(() => e.modelValue, (m, H) => {
-      m !== H && (o.value = m, o.value && e.draggable && Le(() => {
-        O.value && !p.value && (p.value = O.value.parentElement, z.value = p.value, R(K.value, O.value, z.value), D());
-      }), m || (p.value && (p.value = null), q())), o.value ? A.value = W() : ($.value = !1, d.value = e.draggable);
-    }), Q(() => e.showHeader, (m, H) => {
-      m !== H && (v.value = m);
-    }), Q(() => e.showButtons, (m, H) => {
-      m !== H && (S.value = m);
-    }), Q(() => T.value, (m, H) => {
-      const ee = m || {}, X = H || {};
+      const v = document.querySelectorAll(".farris-modal").length;
+      (!v || v - 1 <= 0) && document.body.classList.remove("modal-open"), V.value && V.value.classList.remove("show");
+    }
+    Q(() => e.title, (v, H) => {
+      v !== H && (E.value = v);
+    }), Q(() => e.modelValue, (v, H) => {
+      v !== H && (o.value = v, o.value && e.draggable && Le(() => {
+        I.value && !y.value && (y.value = I.value.parentElement, z.value = y.value, R(K.value, I.value, z.value), D());
+      }), v || (y.value && (y.value = null), q())), o.value ? A.value = W() : ($.value = !1, d.value = e.draggable);
+    }), Q(() => e.showHeader, (v, H) => {
+      v !== H && (m.value = v);
+    }), Q(() => e.showButtons, (v, H) => {
+      v !== H && (S.value = v);
+    }), Q(() => M.value, (v, H) => {
+      const ee = v || {}, X = H || {};
       JSON.stringify(ee) !== JSON.stringify(X) && t.emit("resize", {
-        newSize: m,
+        newSize: v,
         oldSize: H,
         isMaximized: $.value
       });
-    }), Q([() => e.width, () => e.height], (m, H) => {
-      (m[0] !== H[0] || m[1] !== H[1]) && (n.value = m[0] || 500, a.value = m[1] || 600);
-    }), Q(() => e.class, (m, H) => {
-      s.value = m;
+    }), Q([() => e.width, () => e.height], (v, H) => {
+      (v[0] !== H[0] || v[1] !== H[1]) && (n.value = v[0] || 500, a.value = v[1] || 600);
+    }), Q(() => e.class, (v, H) => {
+      s.value = v;
     });
-    const te = y(() => (o.value && document.body.classList.add("modal-open"), o.value)), ue = y(() => {
+    const te = b(() => (o.value && document.body.classList.add("modal-open"), o.value)), ue = b(() => {
       var ee;
-      const m = {
+      const v = {
         modal: !0,
         "farris-modal": !0,
         fade: !0,
         "fe-cmp-page-modal": !!e.showFloatingClose
       };
-      m["f-modal-fitContent"] = !!u.value, m.show = !!te.value;
+      v["f-modal-fitContent"] = !!u.value, v.show = !!te.value;
       const H = (ee = e.maskClass) == null ? void 0 : ee.split(" ");
-      return H == null || H.reduce((X, ce) => (X[ce] = !0, X), m), m;
-    }), fe = y(() => {
+      return H == null || H.reduce((X, ce) => (X[ce] = !0, X), v), v;
+    }), me = b(() => {
       var ee;
-      const m = {
+      const v = {
         "modal-dialog": !0
       }, H = (ee = s.value) == null ? void 0 : ee.split(" ");
-      return H == null || H.reduce((X, ce) => (X[ce] = !0, X), m), m;
-    }), ne = () => Nn() && !e.isMessager || !!e.fullscreen, We = y(() => {
-      const m = document.documentElement.clientWidth, H = document.documentElement.clientHeight, ee = Math.min(n.value, m), X = e.position === "right" ? "100%" : u.value ? "auto" : `${Math.min(a.value, H - 10)}px`, ce = `${(window.innerHeight - (X === "100%" || X === "auto" ? 0 : parseInt(X))) / 2}px`, _e = e.position === "right" ? `${window.innerWidth - ee}px` : `${(window.innerWidth - ee) / 2}px`, c = {
+      return H == null || H.reduce((X, ce) => (X[ce] = !0, X), v), v;
+    }), ne = () => Nn() && !e.isMessager || !!e.fullscreen, We = b(() => {
+      const v = document.documentElement.clientWidth, H = document.documentElement.clientHeight, ee = Math.min(n.value, v), X = e.position === "right" ? "100%" : u.value ? "auto" : `${Math.min(a.value, H - 10)}px`, ce = `${(window.innerHeight - (X === "100%" || X === "auto" ? 0 : parseInt(X))) / 2}px`, Ye = e.position === "right" ? `${window.innerWidth - ee}px` : `${(window.innerWidth - ee) / 2}px`, c = {
         position: "absolute",
         top: ce,
-        left: _e,
+        left: Ye,
         width: `${ee}px`,
         height: X
       };
       return e.mask || (c.pointerEvents = "auto"), c;
-    }), re = r(wt() || 1050), Se = y(() => {
-      const m = {
+    }), re = r(wt() || 1050), Se = b(() => {
+      const v = {
         display: "block",
         overflow: "hidden"
       };
-      return e.mask || (m.pointerEvents = "none", m.backgroundColor = "transparent"), A.value && (m.backgroundColor = "transparent"), m.zIndex = re.value, m;
-    }), Te = y(() => ({
+      return e.mask || (v.pointerEvents = "none", v.backgroundColor = "transparent"), A.value && (v.backgroundColor = "transparent"), v.zIndex = re.value, v;
+    }), Te = b(() => ({
       "modal-content": !0,
-      "modal-content-has-header": v.value,
+      "modal-content-has-header": m.value,
       "is-mobile": ne()
-    })), Me = y(() => {
-      const m = {
-        display: v.value ? "" : "none"
+    })), Me = b(() => {
+      const v = {
+        display: m.value ? "" : "none"
       };
-      return m["pointer-events"] = d.value ? "auto" : "none", m;
-    }), ke = y(() => ({
+      return v["pointer-events"] = d.value ? "auto" : "none", v;
+    }), ke = b(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: $.value
-    })), je = y(() => ({
+    })), je = b(() => ({
       "modal-body": !0,
       "f-utils-flex-column": h.value === "iframe",
       "f-utils-fill": !0
@@ -827,37 +827,37 @@ const Je = /* @__PURE__ */ Be({
         height: `${e.footerHeight || 60}px`
       };
     }
-    const $e = y(() => {
-      const m = {
-        textAlgin: k.value
+    const $e = b(() => {
+      const v = {
+        textAlgin: T.value
       }, H = Ge();
-      return Object.assign(m, H);
+      return Object.assign(v, H);
     });
-    function Ce(m) {
-      if (m == null || m.stopPropagation(), $.value) {
+    function Ce(v) {
+      if (v == null || v.stopPropagation(), $.value) {
         $.value = !1, ie();
         return;
       }
       J(), $.value = !0;
     }
-    async function Ue(m, H) {
-      m.handle ? await m.handle(H, m) && t.emit("closed", H) : (typeof m.onClick == "string" && (m.onButtonClick = Ot(m.onClick || ""), delete m.onClick), t.emit("buttonClick", {
-        button: m,
+    async function Ue(v, H) {
+      v.handle ? await v.handle(H, v) && t.emit("closed", H) : (typeof v.onClick == "string" && (v.onButtonClick = Ot(v.onClick || ""), delete v.onClick), t.emit("buttonClick", {
+        button: v,
         $event: H
       }));
     }
-    function qe(m) {
-      m.width && (n.value = m.width), m.height && (a.value = m.height), m.buttons && (b.value = m.buttons), m.title && (E.value = m.title);
+    function qe(v) {
+      v.width && (n.value = v.width), v.height && (a.value = v.height), v.buttons && (w.value = v.buttons), v.title && (E.value = v.title);
     }
-    let Y = null, Fe = null;
+    let _ = null, Fe = null;
     Mn(() => {
       A.value = W();
     }), Ae(() => {
-      O.value && !p.value && (p.value = O.value.parentElement, z.value = p.value, R(K.value, O.value, z.value)), te.value && document.body.classList.add("modal-open"), Y = _a(e, t), Fe = Ya(e, t);
+      I.value && !y.value && (y.value = I.value.parentElement, z.value = y.value, R(K.value, I.value, z.value)), te.value && document.body.classList.add("modal-open"), _ = Ya(e, t), Fe = _a(e, t);
     }), Qe(() => {
-      B && B(), Y && Y.remove(), Fe && Fe.remove();
+      B && B(), _ && _.remove(), Fe && Fe.remove();
     }), t.expose({
-      modalElementRef: O,
+      modalElementRef: I,
       updateModalOptions: qe,
       close: x,
       maxDialog: Ce,
@@ -866,7 +866,7 @@ const Je = /* @__PURE__ */ Be({
     function Ne() {
       return l("div", {
         class: "action-wrapper",
-        onClick: (m) => x(m, !1)
+        onClick: (v) => x(v, !1)
       }, [l("span", {
         class: "close-icon"
       }, [l("i", {
@@ -874,11 +874,11 @@ const Je = /* @__PURE__ */ Be({
       }, null)])]);
     }
     function Ve() {
-      return l("ul", null, [I.value && l("li", {
+      return l("ul", null, [F.value && l("li", {
         class: "f-btn-icon f-bare"
       }, [l("span", {
         class: "f-icon modal_minimize"
-      }, null)]), C.value && l("li", {
+      }, null)]), p.value && l("li", {
         onClick: Ce,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
@@ -886,7 +886,7 @@ const Je = /* @__PURE__ */ Be({
         class: ke.value
       }, null)]), g.value && l("li", {
         class: "f-btn-icon f-bare",
-        onClick: (m) => x(m, !1),
+        onClick: (v) => x(v, !1),
         style: "pointer-events: auto;"
       }, [l("span", {
         class: "f-icon modal_close"
@@ -896,30 +896,30 @@ const Je = /* @__PURE__ */ Be({
       return l("div", {
         class: "modal-footer",
         style: $e.value
-      }, [b.value && b.value.map((m) => {
+      }, [w.value && w.value.map((v) => {
         var X;
-        const H = r(m.disabled), ee = m.class || ((X = m.appearance) == null ? void 0 : X.class);
+        const H = r(v.disabled), ee = v.class || ((X = v.appearance) == null ? void 0 : X.class);
         return l("button", {
-          name: m.name,
+          name: v.name,
           type: "button",
           disabled: H.value,
-          class: ee + (m.iconClass ? " btn-icontext" : "") + (m.visible === !1 ? "d-none" : ""),
+          class: ee + (v.iconClass ? " btn-icontext" : "") + (v.visible === !1 ? "d-none" : ""),
           onClick: (ce) => {
-            Ue(m, ce);
+            Ue(v, ce);
           }
-        }, [!!m.iconClass && l("i", {
-          class: m.iconClass
-        }, null), m.text]);
+        }, [!!v.iconClass && l("i", {
+          class: v.iconClass
+        }, null), v.text]);
       })]);
     }
-    function ve() {
+    function he() {
       return l("div", {
         ref: K,
         class: "modal-header",
         style: Me.value
       }, [t.slots.headerTemplate ? t.slots.headerTemplate() : l("div", {
         class: "modal-title"
-      }, [F.value && l("span", {
+      }, [O.value && l("span", {
         class: f.value,
         style: "margin-right: 8px"
       }, null), l("span", {
@@ -931,34 +931,34 @@ const Je = /* @__PURE__ */ Be({
     function Ke() {
       return t.slots.footerTemplate ? t.slots.footerTemplate() : G.value && we();
     }
-    function Oe(m) {
-      if (m.stopPropagation(), e.allowClickMaskToClose) {
-        if (m.target !== V.value)
+    function Oe(v) {
+      if (v.stopPropagation(), e.allowClickMaskToClose) {
+        if (v.target !== V.value)
           return;
-        x(m, !1);
+        x(v, !1);
       }
     }
     function Ie() {
-      var m, H;
+      var v, H;
       return l("div", {
         id: i.value,
-        class: fe.value,
+        class: me.value,
         style: We.value,
-        ref: O
+        ref: I
       }, [e.showFloatingClose && Ne(), l("div", {
         class: Te.value
-      }, [v.value && ve(), l("div", {
+      }, [m.value && he(), l("div", {
         class: je.value
-      }, [(H = (m = t.slots).default) == null ? void 0 : H.call(m), h.value === "iframe" && l("iframe", {
+      }, [(H = (v = t.slots).default) == null ? void 0 : H.call(v), h.value === "iframe" && l("iframe", {
         title: i.value,
         class: "f-utils-fill",
         width: "100%",
         frameborder: "0",
-        src: w.value
-      }, null)]), Ke()]), !u.value && O.value && !$.value && le(O.value)]);
+        src: C.value
+      }, null)]), Ke()]), !u.value && I.value && !$.value && le(I.value)]);
     }
-    function ze(m) {
-      return m || "body";
+    function ze(v) {
+      return v || "body";
     }
     return kn(() => {
       te.value && (re.value = wt() || 1050);
@@ -993,13 +993,13 @@ function Xa(e) {
       Qe(() => {
         document.body.removeChild(t);
       });
-      const i = r(), s = r(e.class || ""), u = r(!!e.showButtons), v = r(!!e.showHeader), f = r(e.showCloseButton == null ? !0 : e.showCloseButton), g = r(!!e.showFloatingClose), C = r(!0), I = r(e.title || ""), h = e.acceptCallback || (() => {
-      }), w = e.rejectCallback || (() => {
-      }), k = e.closedCallback || ((A) => {
+      const i = r(), s = r(e.class || ""), u = r(!!e.showButtons), m = r(!!e.showHeader), f = r(e.showCloseButton == null ? !0 : e.showCloseButton), g = r(!!e.showFloatingClose), p = r(!0), F = r(e.title || ""), h = e.acceptCallback || (() => {
+      }), C = e.rejectCallback || (() => {
+      }), T = e.closedCallback || ((A) => {
       }), S = e.resizeHandle || ((A) => {
       }), E = e.stopMoveHandle || ((A) => {
-      }), p = Et(e), V = (A) => {
-        C.value = !1, n.unmount(), k(A);
+      }), y = Et(e), V = (A) => {
+        p.value = !1, n.unmount(), T(A);
       };
       return Ae(() => {
       }), o.expose({
@@ -1007,25 +1007,25 @@ function Xa(e) {
       }), () => l(Je, {
         ref: i,
         class: s.value,
-        modelValue: C.value,
-        "onUpdate:modelValue": (A) => C.value = A,
-        title: I.value,
+        modelValue: p.value,
+        "onUpdate:modelValue": (A) => p.value = A,
+        title: F.value,
         width: e.width,
         height: e.height,
         buttons: e.buttons,
-        "show-header": v.value,
+        "show-header": m.value,
         "show-buttons": u.value,
         "show-close-button": f.value,
         "show-max-button": !1,
         showFloatingClose: g.value,
         onAccept: h,
-        onCancel: w,
+        onCancel: C,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
         onClosed: V,
         onResize: S,
         onStopMove: E
       }, {
-        default: () => [p && p(n)]
+        default: () => [y && y(n)]
       });
     }
   });
@@ -1033,12 +1033,12 @@ function Xa(e) {
 }
 class Pt {
   constructor(t) {
-    me(this, "appContext", null);
-    me(this, "modalRef", r());
-    me(this, "activeModalIndex", r(0));
-    me(this, "modalRefs", {});
-    me(this, "isUseEscCloseModal", r(!1));
-    me(this, "activeModalInstance", y(() => this.modalRefs[this.activeModalIndex.value]));
+    ge(this, "appContext", null);
+    ge(this, "modalRef", r());
+    ge(this, "activeModalIndex", r(0));
+    ge(this, "modalRefs", {});
+    ge(this, "isUseEscCloseModal", r(!1));
+    ge(this, "activeModalInstance", b(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = t, this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
@@ -1079,32 +1079,32 @@ class Pt {
     }, t)), o = r(!0), i = a.value.acceptCallback || (() => {
     }), s = a.value.rejectCallback || (() => {
     }), u = a.value.closedCallback || ((x, L) => {
-    }), v = a.value.resizeHandle || ((x) => {
+    }), m = a.value.resizeHandle || ((x) => {
     }), f = t.stopMoveHandle || ((x) => {
     });
     let g;
-    const C = Et(a.value), I = (x) => {
-      var b;
+    const p = Et(a.value), F = (x) => {
+      var w;
       o.value = !1;
-      const L = (b = x == null ? void 0 : x.target) == null ? void 0 : b.classList.contains("modal_close");
+      const L = (w = x == null ? void 0 : x.target) == null ? void 0 : w.classList.contains("modal_close");
       u(x, this.isUseEscCloseModal.value ? "esc" : L ? "icon" : "button");
     }, h = (x) => {
-      I(x), g && Le(() => {
+      F(x), g && Le(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ut(null, n), g = null, this.modalRef.value = null, this.modalRefs) {
-          const L = Object.keys(this.modalRefs).map((b) => Number(b));
+          const L = Object.keys(this.modalRefs).map((w) => Number(w));
           L.length > 0 ? this.activeModalIndex.value = Math.max(...L) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
       });
-    }, w = (x) => {
+    }, C = (x) => {
       var L;
       this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((L = this.activeModalInstance.value) == null || L.close(x == null ? void 0 : x.event));
     }, {
-      width: k,
+      width: T,
       height: S
-    } = a.value, E = this.adaptToWindow(k || 500, S || 320);
+    } = a.value, E = this.adaptToWindow(T || 500, S || 320);
     Object.assign(a.value, E);
-    const p = () => l(Je, ot({
+    const y = () => l(Je, ot({
       ref: this.modalRef,
       modelValue: o.value,
       "onUpdate:modelValue": (x) => o.value = x
@@ -1113,14 +1113,14 @@ class Pt {
       onAccept: i,
       onCancel: s,
       onClosed: h,
-      onResize: v,
-      onEsc: w,
+      onResize: m,
+      onEsc: C,
       onStopMove: f
     }), {
-      default: () => [C && C(this.app)]
+      default: () => [p && p(this.app)]
     });
     return g = ((x) => {
-      const L = On(p, x);
+      const L = On(y, x);
       return L.appContext = this.appContext, ut(L, n), L;
     })({
       ...a.value
@@ -1161,55 +1161,55 @@ function Rt(e, t) {
   return { judgeCanOpen: n };
 }
 function Ja(e, t, n, a, o) {
-  const i = r(e.buttonBehavior), s = r(e.popupOnInput), u = y(() => ({
+  const i = r(e.buttonBehavior), s = r(e.popupOnInput), u = b(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: v } = Rt(e, o), f = y(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), g = tt(Dt, null), C = r();
-  async function I(k) {
-    if (await v() && f.value) {
+  })), { judgeCanOpen: m } = Rt(e, o), f = b(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), g = tt(Dt, null), p = r();
+  async function F(T) {
+    if (await m() && f.value) {
       const S = !!t.slots.default;
       if (i.value === "Modal") {
-        const E = e.modalOptions, p = g == null ? void 0 : g.open({
+        const E = e.modalOptions, y = g == null ? void 0 : g.open({
           ...E,
           render: () => t.slots.default && t.slots.default()
         });
-        C.value = p == null ? void 0 : p.modalRef;
+        p.value = y == null ? void 0 : y.modalRef;
       }
       i.value === "Overlay" && $a.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
         render: () => t.slots.default && t.slots.default()
-      }), S && i.value === "Popup" && a.togglePopup(!0), S && s.value && a.hidePopup(), t.emit("clickButton", { origin: k, value: e.modelValue });
+      }), S && i.value === "Popup" && a.togglePopup(!0), S && s.value && a.hidePopup(), t.emit("clickButton", { origin: T, value: e.modelValue });
     }
   }
-  function h(k) {
-    t.emit("mouseEnterIcon", k);
+  function h(T) {
+    t.emit("mouseEnterIcon", T);
   }
-  function w(k) {
-    t.emit("mouseLeaveIcon", k);
+  function C(T) {
+    t.emit("mouseLeaveIcon", T);
   }
   return {
     buttonGroupClass: u,
-    onClickButton: I,
+    onClickButton: F,
     onMouseEnterButton: h,
-    onMouseLeaveButton: w,
-    modalRef: C
+    onMouseLeaveButton: C,
+    modalRef: p
   };
 }
 function Za(e, t, n, a, o, i) {
-  const s = r(!1), u = y(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: v, hasClearClass: f } = i;
-  function g(w) {
-    s.value = w, f.value = w;
+  const s = r(!1), u = b(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: m, hasClearClass: f } = i;
+  function g(C) {
+    s.value = C, f.value = C;
   }
   Q(o, () => {
     g(!!o.value);
   });
-  function C(w) {
-    const k = !e.readonly && !e.disable && e.editable, S = !e.editable;
-    w.stopPropagation(), (k || S) && (v(""), o.value = "", g(!s.value), t.emit("clear"));
+  function p(C) {
+    const T = !e.readonly && !e.disable && e.editable, S = !e.editable;
+    C.stopPropagation(), (T || S) && (m(""), o.value = "", g(!s.value), t.emit("clear"));
   }
-  function I(w) {
+  function F(C) {
     if (u.value) {
       if (!n.value) {
         g(!1);
@@ -1218,107 +1218,107 @@ function Za(e, t, n, a, o, i) {
       !e.disable && !e.readonly && g(!0);
     }
   }
-  function h(w) {
+  function h(C) {
     u.value && g(!1);
   }
   return {
     enableClearButton: u,
     showClearButton: s,
-    onClearValue: C,
-    onMouseEnterTextBox: I,
+    onClearValue: p,
+    onMouseEnterTextBox: F,
     onMouseLeaveTextBox: h
   };
 }
 function Qa(e, t, n, a, o) {
-  const i = y(() => e.popupOnInput), s = y(() => e.popupOnFocus), { shouldPopupContent: u, closeAllPopover: v } = o, f = r(!1), g = y(() => e.enableTitle ? n.value : ""), C = y(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), I = y(() => e.readonly || !e.editable), h = r(!1), w = y(() => !e.disable && h.value), k = y(() => ({
+  const i = b(() => e.popupOnInput), s = b(() => e.popupOnFocus), { shouldPopupContent: u, closeAllPopover: m } = o, f = r(!1), g = b(() => e.enableTitle ? n.value : ""), p = b(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), F = b(() => e.readonly || !e.editable), h = r(!1), C = b(() => !e.disable && h.value), T = b(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), S = y(() => ({
+  })), S = b(() => ({
     "input-group": !0,
     "f-state-disabled": e.disable,
     "f-state-editable": e.editable && !e.disable && !e.readonly,
     "f-state-readonly": e.readonly,
-    "f-state-focus": w.value,
+    "f-state-focus": C.value,
     "input-group--has-clear": e.enableClear && f.value
   }));
-  function E(O, $ = !0) {
-    n.value = O, $ && (t.emit("change", O), t.emit("update:modelValue", O));
+  function E(I, $ = !0) {
+    n.value = I, $ && (t.emit("change", I), t.emit("update:modelValue", I));
   }
-  function p(O) {
-    u.value = !1, E(O, !0);
+  function y(I) {
+    u.value = !1, E(I, !0);
   }
   Q(
     () => e.modelValue,
-    (O) => {
-      n.value = O;
+    (I) => {
+      n.value = I;
     }
   );
-  function V(O) {
-    h.value = !1, t.emit("blur", O), O.stopPropagation();
+  function V(I) {
+    h.value = !1, t.emit("blur", I), I.stopPropagation();
   }
-  function A(O) {
-    t.emit("click", O), v(), t.slots.default && !e.disable && !e.readonly && e.popupOnClick && o.togglePopup();
+  function A(I) {
+    t.emit("click", I), m(), t.slots.default && !e.disable && !e.readonly && e.popupOnClick && o.togglePopup();
   }
-  function x(O) {
-    !e.disable && !e.readonly && (h.value = !0, I.value || (t.emit("focus", O), s.value && !u.value && o.popup()));
+  function x(I) {
+    !e.disable && !e.readonly && (h.value = !0, F.value || (t.emit("focus", I), s.value && !u.value && o.popup()));
   }
-  function L(O) {
-    t.emit("input", O);
-    const $ = O.target.value;
+  function L(I) {
+    t.emit("input", I);
+    const $ = I.target.value;
     a.value = $, n.value !== $ && E($, e.updateOn === "change"), i.value && !u.value && o.popup();
   }
-  function b(O) {
-    O.target.tagName !== "INPUT" && O.preventDefault(), O.stopPropagation();
+  function w(I) {
+    I.target.tagName !== "INPUT" && I.preventDefault(), I.stopPropagation();
   }
-  function F(O) {
-    t.emit("keydown", O);
+  function O(I) {
+    t.emit("keydown", I);
   }
-  function G(O) {
-    O.key === "Enter" && (i.value || s.value) && o.hidePopup(), t.emit("keyup", O);
+  function G(I) {
+    I.key === "Enter" && (i.value || s.value) && o.hidePopup(), t.emit("keyup", I);
   }
-  function K(O) {
-    const $ = O.target.value;
-    O.stopPropagation(), E($);
+  function K(I) {
+    const $ = I.target.value;
+    I.stopPropagation(), E($);
   }
   return {
-    hasFocusedTextBox: w,
-    isTextBoxReadonly: I,
-    textBoxClass: k,
-    textBoxPlaceholder: C,
+    hasFocusedTextBox: C,
+    isTextBoxReadonly: F,
+    textBoxClass: T,
+    textBoxPlaceholder: p,
     textBoxTitle: g,
     inputGroupClass: S,
     hasClearClass: f,
     changeTextBoxValue: E,
-    commitValue: p,
+    commitValue: y,
     onBlurTextBox: V,
     onClickTextBox: A,
     onFocusTextBox: x,
     onInput: L,
-    onKeyDownTextBox: F,
+    onKeyDownTextBox: O,
     onKeyUpTextBox: G,
-    onMouseDownTextBox: b,
+    onMouseDownTextBox: w,
     onTextBoxValueChange: K
   };
 }
 const Re = "FarrisVue_PopoverInstancesKey";
 function eo(e, t, n, a) {
   const o = r(), i = r(!1), { judgeCanOpen: s } = Rt(e, a);
-  Q(() => o.value, (h, w) => {
+  Q(() => o.value, (h, C) => {
     window[Re] = window[Re] || /* @__PURE__ */ new WeakMap(), h ? window[Re].set(n.value, h) : window[Re].delete(n.value);
   });
   function u() {
     if (window[Re]) {
       const h = window[Re];
-      document.querySelectorAll(".f-button-edit,.v-popover").forEach((w) => {
-        const k = h.get(w);
-        k && w !== n.value && !n.value.closest(".popover-fitcontent") && k.hide();
+      document.querySelectorAll(".f-button-edit,.v-popover").forEach((C) => {
+        const T = h.get(C);
+        T && C !== n.value && !n.value.closest(".popover-fitcontent") && T.hide();
       });
     }
   }
-  function v() {
+  function m() {
     const h = o.value;
     h && h.show(n.value);
   }
@@ -1326,25 +1326,25 @@ function eo(e, t, n, a) {
     if (!!t.slots.default) {
       if (!h && !i.value && !await s())
         return;
-      i.value = !i.value, i.value && (await Le(), v());
+      i.value = !i.value, i.value && (await Le(), m());
     }
   }
   async function g(h = !1) {
     if (!!t.slots.default) {
       if (!h && !await s())
         return;
-      i.value = !0, await Le(), v();
+      i.value = !0, await Le(), m();
     }
   }
-  function C() {
+  function p() {
     i.value = !1;
   }
-  function I() {
+  function F() {
     i.value = !0, Le(() => {
-      v();
+      m();
     });
   }
-  return { hidePopup: C, showPopup: I, popup: g, shouldPopupContent: i, togglePopup: f, popoverRef: o, closeAllPopover: u };
+  return { hidePopup: p, showPopup: F, popup: g, shouldPopupContent: i, togglePopup: f, popoverRef: o, closeAllPopover: u };
 }
 function to(e, t, n) {
   const a = r(), {
@@ -1352,33 +1352,33 @@ function to(e, t, n) {
     textBoxClass: i,
     textBoxPlaceholder: s,
     textBoxTitle: u,
-    onBlurTextBox: v,
+    onBlurTextBox: m,
     onClickTextBox: f,
     onFocusTextBox: g,
-    onInput: C,
-    onKeyDownTextBox: I,
+    onInput: p,
+    onKeyDownTextBox: F,
     onKeyUpTextBox: h,
-    onMouseDownTextBox: w,
-    onTextBoxValueChange: k
+    onMouseDownTextBox: C,
+    onTextBoxValueChange: T
   } = n, S = r(e.id), {
     uuid: E
-  } = Vn(), p = y(() => ({
+  } = Vn(), y = b(() => ({
     // 'border-top-right-radius': '6px',
     // 'border-bottom-right-radius': '6px'
   }));
   Ae(() => {
-    var b, F;
-    e.selectOnCreated && ((b = a.value) == null || b.select()), e.focusOnCreated && ((F = a.value) == null || F.focus({
+    var w, O;
+    e.selectOnCreated && ((w = a.value) == null || w.select()), e.focusOnCreated && ((O = a.value) == null || O.focus({
       preventScroll: !0
     })), S.value || (S.value = "button-edit_" + E(8)), S.value = S.value + "-textbox";
   });
-  const V = r(!1), A = (b) => {
-    b.preventDefault(), V.value = !0;
-  }, x = (b) => {
-    b.preventDefault(), V.value = !1, C(b);
+  const V = r(!1), A = (w) => {
+    w.preventDefault(), V.value = !0;
+  }, x = (w) => {
+    w.preventDefault(), V.value = !1, p(w);
   };
-  function L(b) {
-    V.value || C(b);
+  function L(w) {
+    V.value || p(w);
   }
   return () => l("input", {
     id: e.id ? e.id + "-textbox" : void 0,
@@ -1386,7 +1386,7 @@ function to(e, t, n) {
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
     class: i.value,
-    style: p.value,
+    style: y.value,
     disabled: e.disable,
     maxlength: e.maxLength,
     minlength: e.minLength,
@@ -1396,41 +1396,41 @@ function to(e, t, n) {
     title: u.value,
     type: e.inputType,
     value: t.value,
-    onBlur: v,
-    onChange: k,
+    onBlur: m,
+    onChange: T,
     onClick: f,
     onFocus: g,
     onInput: L,
-    onKeydown: I,
+    onKeydown: F,
     onKeyup: h,
-    onMousedown: w,
+    onMousedown: C,
     onCompositionend: x,
     onCompositionstart: A
   }, null);
 }
 function no(e, t, n) {
-  const a = r(e.separator), o = y(() => e.readonly || e.disable), {
+  const a = r(e.separator), o = b(() => e.readonly || e.disable), {
     changeTextBoxValue: i,
     onFocusTextBox: s,
     onBlurTextBox: u,
-    onClickTextBox: v,
+    onClickTextBox: m,
     textBoxPlaceholder: f
-  } = n, g = y(() => t.value ? t.value.split(a.value).map((w) => ({
-    name: w,
+  } = n, g = b(() => t.value ? t.value.split(a.value).map((C) => ({
+    name: C,
     selectable: !0
   })) : []);
-  function C(w) {
-    i(w.map((k) => k.name).join(a.value), !0);
+  function p(C) {
+    i(C.map((T) => T.name).join(a.value), !0);
   }
-  Q(() => e.separator, (w) => {
-    a.value = w;
+  Q(() => e.separator, (C) => {
+    a.value = C;
   });
-  const I = r(!e.disable && !e.readonly);
-  Q([() => e.disable, () => e.readonly], ([w, k], [S, E]) => {
-    I.value = !w && !k;
+  const F = r(!e.disable && !e.readonly);
+  Q([() => e.disable, () => e.readonly], ([C, T], [S, E]) => {
+    F.value = !C && !T;
   });
-  function h(w) {
-    v(w);
+  function h(C) {
+    m(C);
   }
   return () => l(Wn, {
     tabindex: e.tabIndex,
@@ -1443,7 +1443,7 @@ function no(e, t, n) {
     showClose: !o.value,
     showInput: !0,
     disable: o.value,
-    onChange: C,
+    onChange: p,
     onClick: h
   }, null);
 }
@@ -1454,26 +1454,26 @@ function ao(e, t, n, a) {
     onMouseEnterButton: s,
     onMouseLeaveButton: u
   } = n, {
-    enableClearButton: v,
+    enableClearButton: m,
     showClearButton: f,
     onClearValue: g
-  } = a, C = r(), I = An((S) => {
+  } = a, p = r(), F = An((S) => {
     i(S);
   }, e.buttonBehavior === "Modal" ? 0 : 200), h = () => {
     t.emit("beforeClearValue");
-  }, w = y(() => ({
+  }, C = b(() => ({
     "input-group-append input-append-wrapper": !0,
     "input-append-button": e.expandMode === "button",
     "input-append-text": e.expandMode === "text",
     "d-none": !!e.expandDisabled
-  })), k = () => {
+  })), T = () => {
     t.emit("expandClick");
   };
   return {
     renderButtonGroup: () => l("div", {
       id: e.id ? `${e.id}-button-group` : void 0,
       class: o.value
-    }, [v.value && En(l("span", {
+    }, [m.value && En(l("span", {
       class: "input-group-text input-group-clear",
       onClick: g,
       onMousedown: h
@@ -1481,23 +1481,23 @@ function ao(e, t, n, a) {
       class: "f-icon modal_close"
     }, null)]), [[Pn, f.value]]), t.slots.buttonContent ? l("span", {
       class: "input-group-text input-group-append-button",
-      onClick: I,
+      onClick: F,
       onMouseenter: s,
       onMouseleave: u
     }, [t.slots.buttonContent()]) : e.buttonContent ? l("span", {
       class: "input-group-text input-group-append-button",
       innerHTML: e.buttonContent,
-      ref: C,
-      onClick: (S) => I(S),
+      ref: p,
+      onClick: (S) => F(S),
       onMouseenter: s,
       onMouseleave: u
     }, null) : null, e.expandable && l("div", {
-      class: w.value,
-      onClick: k
+      class: C.value,
+      onClick: T
     }, [l("div", {
       class: "input-group-text"
     }, [e.expandContent])])]),
-    buttonHandleElement: C
+    buttonHandleElement: p
   };
 }
 function oo(e, t, n) {
@@ -1524,8 +1524,8 @@ function oo(e, t, n) {
     limitContentBySpace: e.limitContentBySpace
   }, {
     default: () => {
-      var u, v;
-      return [(v = (u = t.slots).default) == null ? void 0 : v.call(u)];
+      var u, m;
+      return [(m = (u = t.slots).default) == null ? void 0 : m.call(u)];
     }
   });
 }
@@ -1537,60 +1537,60 @@ const Ht = /* @__PURE__ */ Be({
     const n = r(), a = r(e.customClass), o = r(e.modelValue), i = eo(e, t, n, o), {
       shouldPopupContent: s,
       hidePopup: u,
-      showPopup: v,
+      showPopup: m,
       togglePopup: f
-    } = i, g = Ja(e, t, n, i, o), C = r(""), I = Qa(e, t, o, C, i), {
+    } = i, g = Ja(e, t, n, i, o), p = r(""), F = Qa(e, t, o, p, i), {
       hasFocusedTextBox: h,
-      commitValue: w,
-      inputGroupClass: k
-    } = I, S = Za(e, t, o, h, C, I), {
+      commitValue: C,
+      inputGroupClass: T
+    } = F, S = Za(e, t, o, h, p, F), {
       onMouseEnterTextBox: E,
-      onMouseLeaveTextBox: p
-    } = S, V = r(!1), A = y(() => {
+      onMouseLeaveTextBox: y
+    } = S, V = r(!1), A = b(() => {
       const z = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return a.value && a.value.split(" ").reduce((T, d) => (T[d] = !0, T), z), z;
-    }), x = y(() => ({
+      return a.value && a.value.split(" ").reduce((M, d) => (M[d] = !0, M), z), z;
+    }), x = b(() => ({
       overflow: e.wrapText ? "hidden" : ""
-    })), L = y(() => ({
+    })), L = b(() => ({
       // paddingLeft: '3px',
       // backgroundColor: '#fff'
     }));
-    function b() {
+    function w() {
       if (!e.multiSelect || e.inputType !== "tag" || !n.value)
         return 0;
       let z = 0;
-      const T = Array.from(n.value.querySelectorAll(".farris-tag-item"));
-      return T && T.length && (z = T.map((d) => d.offsetTop).filter((d) => d > 20).length), z;
+      const M = Array.from(n.value.querySelectorAll(".farris-tag-item"));
+      return M && M.length && (z = M.map((d) => d.offsetTop).filter((d) => d > 20).length), z;
     }
-    const F = r(b());
+    const O = r(w());
     Dn(() => {
-      F.value = b();
+      O.value = w();
     });
     function G() {
-      return e.multiSelect && e.inputType === "tag" ? () => l(pe, null, [no(e, o, I)(), !!F.value && l("div", {
+      return e.multiSelect && e.inputType === "tag" ? () => l(pe, null, [no(e, o, F)(), !!O.value && l("div", {
         class: "d-flex flex-row mr-2 more-tags",
         "more-tags": !0
       }, [l("span", {
         class: "multi--more-text"
-      }, [xe("+"), F.value])])]) : to(e, o, I);
+      }, [xe("+"), O.value])])]) : to(e, o, F);
     }
     let K = G();
     Q([() => e.multiSelect, () => e.inputType], () => {
       K = G();
     });
     const {
-      renderButtonGroup: O,
+      renderButtonGroup: I,
       buttonHandleElement: $
     } = ao(e, t, g, S), le = oo(e, t, i), J = r(s.value), ie = {
-      displayText: C,
-      commitValue: w,
+      displayText: p,
+      commitValue: C,
       elementRef: n,
       hidePopup: u,
-      showPopup: v,
+      showPopup: m,
       popoverRef: i.popoverRef,
       shouldPopupContent: s,
       togglePopup: f,
@@ -1616,7 +1616,7 @@ const Ht = /* @__PURE__ */ Be({
     }), Rn(() => {
       var z;
       window.onresize = null, (z = window[Re]) == null || z.delete(n.value);
-    }), t.expose(ie), Q(() => s.value, async (z, T) => {
+    }), t.expose(ie), Q(() => s.value, async (z, M) => {
       if (V.value) {
         J.value = z, V.value = !1;
         return;
@@ -1626,13 +1626,13 @@ const Ht = /* @__PURE__ */ Be({
           const d = await e.beforeClosePopup();
           J.value = !d, (!d || e.readonly) && (s.value = !0);
         } catch (d) {
-          console.error("Error in beforeClosePopup:", d), J.value = T, s.value = T;
+          console.error("Error in beforeClosePopup:", d), J.value = M, s.value = M;
         }
         return;
       }
       J.value = z;
     }), () => {
-      var z, T;
+      var z, M;
       return l(pe, null, [l("div", ot(t.attrs, {
         ref: n,
         class: A.value,
@@ -1640,11 +1640,11 @@ const Ht = /* @__PURE__ */ Be({
         style: x.value
       }), [l("div", {
         id: e.id ? `${e.id}-input-group` : void 0,
-        class: k.value,
+        class: T.value,
         style: L.value,
         onMouseenter: E,
-        onMouseleave: p
-      }, [(T = (z = t.slots).precontent) == null ? void 0 : T.call(z), K(), O()])]), J.value && le()]);
+        onMouseleave: y
+      }, [(M = (z = t.slots).precontent) == null ? void 0 : M.call(z), K(), I()])]), J.value && le()]);
     };
   }
 });
@@ -1791,22 +1791,22 @@ const lo = {
   /** 是否可见, 为了适配低代码表单，该属性不应该属于表格组件的行为 */
   visible: { type: Boolean, default: !0 }
 };
-function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
+function io(e, t, n, a, o, i, s, u, m, f, g, p, F, h, C, T) {
   const {
     isNull: S,
     isUndefined: E
   } = zn(), {
-    totalItems: p,
+    totalItems: y,
     rawView: V
-  } = k, {
+  } = T, {
     calculateCellPositionInRow: A,
     cellKey: x,
     cellPosition: L,
-    rowKey: b,
-    rowPosition: F,
+    rowKey: w,
+    rowPosition: O,
     rowSpanCellPosition: G,
     groupCellPosition: K,
-    summaryCellPosition: O
+    summaryCellPosition: I
   } = s, {
     cellContentClass: $,
     cellContentPosition: le,
@@ -1815,19 +1815,19 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
     collpaseGroupIconClass: ie
   } = f, {
     gridCellClass: z,
-    gridRowClass: T,
+    gridRowClass: M,
     onClickRow: d,
     onMouseoverRow: B,
     onMouseoutRow: D
-  } = C, {
+  } = p, {
     onClickCell: R,
     showRowEditPanel: W
-  } = v, {
+  } = m, {
     toggleGroupRow: q
-  } = I, {
+  } = F, {
     columnContext: te,
     hasLeftFixedColumn: ue,
-    hasRightFixedColumn: fe
+    hasRightFixedColumn: me
   } = u, {
     navigateOnKeyUp: ne,
     navigateOnKeyDown: We
@@ -1840,12 +1840,12 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
     } : {
       flexGrow: "1"
     };
-  }, Te = ge({
+  }, Te = ve({
     "fv-grid-content-left-fixed": !0
-  }), Me = ge({
+  }), Me = ve({
     "fv-grid-content-right-fixed": !0
   });
-  Q([p, V], (c) => {
+  Q([y, V], (c) => {
     !c[0] && !c[1].length ? (Te["fv-grid-content-left-fixed"] = !1, Me["fv-grid-content-right-fixed"] = !1) : (Te["fv-grid-content-left-fixed"] = !0, Me["fv-grid-content-right-fixed"] = !0);
   });
   const {
@@ -1857,9 +1857,9 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
     rightFixedGridMergedDataStyle: Ue
   } = h;
   function qe(c, N) {
-    N.collapse = !N.collapse, w.value = q(N.collapse ? "collapse" : "expand", N, w.value);
+    N.collapse = !N.collapse, C.value = q(N.collapse ? "collapse" : "expand", N, C.value);
   }
-  function Y(c, N) {
+  function _(c, N) {
     const U = [];
     if (c.groupField && N[c.groupField]) {
       for (let Z = 0; Z <= c.layer; Z++)
@@ -1889,12 +1889,12 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
   function Fe(c, N, U) {
     return c.layer > -1 && l("div", {
       ref: c.setRef,
-      key: b(c),
-      class: T(c, U),
-      style: F(c),
+      key: w(c),
+      class: M(c, U),
+      style: O(c),
       onClick: (P) => d(P, c),
       onMouseover: (P) => B(P, c)
-    }, [Y(c, N)]);
+    }, [_(c, N)]);
   }
   function Ne(c, N) {
     const U = [];
@@ -1904,7 +1904,7 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
         ref: P.setRef,
         key: x(c, c.layer + 1),
         class: "fv-grid-cell",
-        style: O(P, N, c.layer)
+        style: I(P, N, c.layer)
       }, [P.data]));
     }
     return U;
@@ -1912,9 +1912,9 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
   function Ve(c, N, U) {
     return c.layer > -1 && l("div", {
       ref: c.setRef,
-      key: b(c),
-      class: T(c, U),
-      style: F(c),
+      key: w(c),
+      class: M(c, U),
+      style: O(c),
       onClick: (P) => d(P, c),
       onMouseover: (P) => B(P, c)
     }, [Ne(c, N)]);
@@ -1928,13 +1928,13 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
       class: J(c)
     }, [c.formatter(c, N)]);
   }
-  function ve() {
+  function he() {
     return l("div", null, [xe("******")]);
   }
   function Ke(c) {
     var P, Z;
     const N = !S(c.data) && !E(c.data) ? c.data.toString() : c.data;
-    return ((Z = (P = c.column) == null ? void 0 : P.editor) == null ? void 0 : Z.showType) === "password" ? ve() : c.showTips ? l("div", {
+    return ((Z = (P = c.column) == null ? void 0 : P.editor) == null ? void 0 : Z.showType) === "password" ? he() : c.showTips ? l("div", {
       class: J(c),
       title: N
     }, [N]) : l("div", {
@@ -1949,9 +1949,9 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
   function Ie(c, N, U) {
     return l("div", {
       ref: c.setRef,
-      key: b(c),
-      class: T(c, U),
-      style: F(c),
+      key: w(c),
+      class: M(c, U),
+      style: O(c),
       onClick: (P) => d(P, c),
       onMouseover: (P) => B(P, c),
       onMouseout: (P) => D(P, c)
@@ -1966,10 +1966,10 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
         key: x(c, P.index),
         class: z(P, c),
         style: L(c, P, N),
-        onClick: (Ye) => {
-          R(Ye, P, c, P.column);
+        onClick: (_e) => {
+          R(_e, P, c, P.column);
         },
-        onKeydown: (Ye) => ne(Ye, P)
+        onKeydown: (_e) => ne(_e, P)
       }, [l("div", {
         class: $(P),
         style: le(P)
@@ -1980,13 +1980,13 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
     })]);
   }
   const ze = [Ie, Fe, Ve];
-  function m(c, N) {
+  function v(c, N) {
     const U = A(c);
-    return w.value.map((P, Z) => ze[P.type](P, U, Z));
+    return C.value.map((P, Z) => ze[P.type](P, U, Z));
   }
   function H(c) {
     const N = A(c);
-    return w.value.map((U) => Object.values(U.data).filter((P) => N[P.field] && P.rowSpan > 1).map((P) => l("div", {
+    return C.value.map((U) => Object.values(U.data).filter((P) => N[P.field] && P.rowSpan > 1).map((P) => l("div", {
       key: x(U, P.index),
       class: "fv-grid-cell fv-grid-merged-cell",
       style: G(U, P, N)
@@ -1999,7 +1999,7 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
     }, [l("div", {
       class: "fv-grid-data",
       style: Ge.value
-    }, [m(te.value.leftColumns.filter((c) => c.visible))]), l("div", {
+    }, [v(te.value.leftColumns.filter((c) => c.visible))]), l("div", {
       class: "fv-grid-merge-date",
       style: $e.value
     }, [H(te.value.leftColumns.filter((c) => c.visible))])]);
@@ -2011,7 +2011,7 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
     }, [l("div", {
       class: "fv-grid-data",
       style: ke.value
-    }, [m(te.value.primaryColumns.filter((c) => c.visible))]), l("div", {
+    }, [v(te.value.primaryColumns.filter((c) => c.visible))]), l("div", {
       class: "fv-grid-merge-date",
       style: je.value
     }, [H(te.value.primaryColumns.filter((c) => c.visible))])]);
@@ -2023,17 +2023,17 @@ function io(e, t, n, a, o, i, s, u, v, f, g, C, I, h, w, k) {
     }, [l("div", {
       class: "fv-grid-data",
       style: Ce.value
-    }, [m(te.value.rightColumns.filter((c) => c.visible))]), l("div", {
+    }, [v(te.value.rightColumns.filter((c) => c.visible))]), l("div", {
       class: "fv-grid-merge-date",
       style: Ue.value
     }, [H(te.value.rightColumns.filter((c) => c.visible))])]);
   }
-  function _e() {
+  function Ye() {
     const c = [];
-    return ue.value && c.push(ee()), c.push(X()), fe.value && c.push(ce()), c;
+    return ue.value && c.push(ee()), c.push(X()), me.value && c.push(ce()), c;
   }
   return {
-    renderDataArea: _e
+    renderDataArea: Ye
   };
 }
 function so(e) {
@@ -2047,24 +2047,24 @@ const jt = /* @__PURE__ */ Be({
     var gt, pt;
     const {
       isSmall: n
-    } = qn(), a = 0, o = ((gt = e.rowOption) == null ? void 0 : gt.height) || 28, i = r(20), s = r(e.columns), u = Kn(e), v = r(), f = r(), g = r(), C = r(), I = r(), h = r([]), w = r(e.scrollbarMode === "always"), k = r(((pt = e.rowOption) == null ? void 0 : pt.wrapContent) || !1), S = _n(e, u), E = Yn(e, t), p = Xn(e), {
+    } = qn(), a = 0, o = ((gt = e.rowOption) == null ? void 0 : gt.height) || 28, i = r(20), s = r(e.columns), u = Kn(e), m = r(), f = r(), g = r(), p = r(), F = r(), h = r([]), C = r(e.scrollbarMode === "always"), T = r(((pt = e.rowOption) == null ? void 0 : pt.wrapContent) || !1), S = Yn(e, u), E = _n(e, t), y = Xn(e), {
       showLoading: V,
       renderLoading: A
-    } = Jn(e, v), x = Zn(e, /* @__PURE__ */ new Map(), E, p, u), L = Qn(e, x), {
-      shouldRenderPagination: b
-    } = L, F = ea(e, x, u, h, t), {
+    } = Jn(e, m), x = Zn(e, /* @__PURE__ */ new Map(), E, y, u), L = Qn(e, x), {
+      shouldRenderPagination: w
+    } = L, O = ea(e, x, u, h, t), {
       showSelectAll: G,
       showSelection: K,
-      selectedValues: O,
+      selectedValues: I,
       updateSelectAllStatus: $
-    } = F, le = y(() => e.disabled), J = y(() => e.virtualized ? Math.min(x.dataView.value.length, i.value) : x.dataView.value.length);
-    y(() => e.loadingConfig.message);
+    } = O, le = b(() => e.disabled), J = b(() => e.virtualized ? Math.min(x.dataView.value.length, i.value) : x.dataView.value.length);
+    b(() => e.loadingConfig.message);
     const {
       containerStyleObject: ie
     } = ta(e), z = na(e), {
-      applyCommands: T
+      applyCommands: M
     } = z;
-    T(s);
+    M(s);
     const {
       applyColumnSetting: d,
       removeColumnSetting: B
@@ -2076,61 +2076,61 @@ const jt = /* @__PURE__ */ Be({
       updateColumnRenderContext: te
     } = D;
     W(x, R);
-    const ue = ia(e, q), fe = sa(e, t, F, u), ne = ua(e, t, u, fe, h), We = ra(e), re = ca(e, ne, We), Se = da(e, x, ne, p, u, We, re), Te = fa(e, u, re, Se), Me = va(e, u, re, Se), ke = ma(e, s, x, J, a, Se, Te, Me), {
+    const ue = ia(e, q), me = sa(e, t, O, u), ne = ua(e, t, u, me, h), We = ra(e), re = ca(e, ne, We), Se = da(e, x, ne, y, u, We, re), Te = fa(e, u, re, Se), Me = va(e, u, re, Se), ke = ma(e, s, x, J, a, Se, Te, Me), {
       getVisualData: je
-    } = ke, Ge = ha(q), $e = ga(e, q), Ce = pa(e, F), {
+    } = ke, Ge = ha(q), $e = ga(e, q), Ce = pa(e, O), {
       sidebarWidth: Ue,
       showSidebarCheckBox: qe
-    } = Ce, Y = ya(e, x, h, q, ke, J, a, Ue, ne), {
+    } = Ce, _ = ya(e, x, h, q, ke, J, a, Ue, ne), {
       onWheel: Fe,
       dataGridWidth: Ne,
       viewPortHeight: Ve,
       viewPortWidth: we,
-      resetScroll: ve,
+      resetScroll: he,
       updateVisibleRowsOnLatestVisibleScope: Ke
-    } = Y, Oe = ba(e, q, f, we, ue), {
+    } = _, Oe = ba(e, q, f, we, ue), {
       calculateColumnsSize: Ie
-    } = Oe, ze = Ca(), m = wa(f, I, x, ze, Y), H = xa(e, t, D, x, ue, S, Y), ee = y(() => {
-      const M = {
+    } = Oe, ze = Ca(), v = wa(f, F, x, ze, _), H = xa(e, t, D, x, ue, S, _), ee = b(() => {
+      const k = {
         "fv-grid": !0,
         "fv-grid-bordered": e.showBorder,
         "fv-grid-horizontal-bordered": e.showHorizontalLines,
         "fv-datagrid-strip": e.showStripe
       };
-      return Ln(M, e.customClass);
-    }), X = y(() => ({
+      return Ln(k, e.customClass);
+    }), X = b(() => ({
       "fv-grid-content": !0,
-      "fv-grid-content-hover": w.value,
-      "fv-grid-wrap-content": k.value
-    })), ce = y(() => {
-      const M = {};
-      return Y.shouldShowHorizontalScrollbar.value && (M.paddingBottom = "10px"), Y.shouldShowVirticalScrollbar.value && (M.paddingRight = "10px"), M;
+      "fv-grid-content-hover": C.value,
+      "fv-grid-wrap-content": T.value
+    })), ce = b(() => {
+      const k = {};
+      return _.shouldShowHorizontalScrollbar.value && (k.paddingBottom = "10px"), _.shouldShowVirticalScrollbar.value && (k.paddingRight = "10px"), k;
     }), {
-      renderGridHeader: _e,
+      renderGridHeader: Ye,
       renderGridColumnResizeOverlay: c,
       shouldShowHeader: N
-    } = Ba(e, t, f, C, I, D, x, H, m, E, ze, Oe, ue, F, Ce, R, Y, we, h), {
+    } = Ba(e, t, f, p, F, D, x, H, v, E, ze, Oe, ue, O, Ce, R, _, we, h), {
       renderDataGridPagination: U
-    } = Sa(e, t, x, Y, L, F), {
+    } = Sa(e, t, x, _, L, O), {
       renderDataGridSidebar: P
-    } = Ta(e, fe, F, Ce, Y), {
+    } = Ta(e, me, O, Ce, _), {
       renderDisableMask: Z
     } = Ma(), {
       renderDataGridSummary: Ee,
       summaryPosition: Pe
     } = ka(e, x, D), {
-      renderHorizontalScrollbar: Ye
-    } = Fa(e, f, Y), {
+      renderHorizontalScrollbar: _e
+    } = Fa(e, f, _), {
       renderVerticalScrollbar: zt
-    } = Oa(e, f, Y), {
+    } = Oa(e, f, _), {
       renderFilterPanel: Lt
-    } = Ia(e, D, x, E, Y), {
+    } = Ia(e, D, x, E, _), {
       renderGroupPanel: At
-    } = Ea(e, x, H, S, Y);
+    } = Ea(e, x, H, S, _);
     function Wt() {
-      var j, _;
-      const M = Math.ceil(f.value.clientHeight / o);
-      M > i.value && (i.value = M, Ke()), Ve.value = ((j = g.value) == null ? void 0 : j.clientHeight) || 0, Ne.value = ((_ = f.value) == null ? void 0 : _.clientWidth) || 0, Ie();
+      var j, Y;
+      const k = Math.ceil(f.value.clientHeight / o);
+      k > i.value && (i.value = k, Ke()), Ve.value = ((j = g.value) == null ? void 0 : j.clientHeight) || 0, Ne.value = ((Y = f.value) == null ? void 0 : Y.clientWidth) || 0, Ie();
     }
     Ae(() => {
       f.value && (i.value = Math.max(Math.ceil(f.value.clientHeight / o), i.value), h.value = je(0, J.value + a - 1), $n(f.value, Wt), Ie(), Le(() => {
@@ -2140,108 +2140,108 @@ const jt = /* @__PURE__ */ Be({
     }), Q(we, () => {
     });
     function Gt() {
-      x.insertNewDataItem(), ve();
+      x.insertNewDataItem(), he();
     }
     function $t() {
-      x.insertNewDataItem(h.value.length), ve();
+      x.insertNewDataItem(h.value.length), he();
     }
-    function Ut(M) {
-      ne.onEditingRow(M);
+    function Ut(k) {
+      ne.onEditingRow(k);
     }
-    function qt(M) {
-      x.removeDataItem(M), ve();
+    function qt(k) {
+      x.removeDataItem(k), he();
     }
-    function Kt(M) {
-      x.removeDataItemById(M), ve();
+    function Kt(k) {
+      x.removeDataItemById(k), he();
     }
-    function _t(M) {
-      ne.acceptEditingRow(M);
+    function Yt(k) {
+      ne.acceptEditingRow(k);
     }
-    function Yt(M) {
-      ne.cancelEditingRow(M);
+    function _t(k) {
+      ne.cancelEditingRow(k);
     }
-    function Xt(M) {
-      h.value.forEach((j, _) => {
-        const oe = x.visibleDataItems.value.findIndex((se) => se === j.raw), de = h.value[_ - 1];
-        M.forEach((se) => {
+    function Xt(k) {
+      h.value.forEach((j, Y) => {
+        const oe = x.visibleDataItems.value.findIndex((se) => se === j.raw), de = h.value[Y - 1];
+        k.forEach((se) => {
           j.data[se.field] ? re.updateCellByColumn(j.data[se.field], se, de, j.raw) : j.data[se.field] = re.createCellByColumn(se, oe, j.raw, j, de);
         });
       });
     }
-    function et(M) {
-      M && (s.value = M, Xt(s.value), T(s), e.showSetting && d(s), te(s.value), W(x, R), Ie());
+    function et(k) {
+      k && (s.value = k, Xt(s.value), M(s), e.showSetting && d(s), te(s.value), W(x, R), Ie());
     }
     function Jt() {
-      F.emptyCurrentRowId();
+      O.emptyCurrentRowId();
     }
-    Q(() => e.showSetting, (M, j) => {
-      M !== j && et(s.value);
+    Q(() => e.showSetting, (k, j) => {
+      k !== j && et(s.value);
     });
-    function lt(M) {
-      L.updatePagination(M);
+    function lt(k) {
+      L.updatePagination(k);
     }
-    function mt(M, j) {
-      M && (x.load(M), h.value = je(0, J.value + a - 1), j != null && j.keepScrollTop ? Y.scrollTo(Y.offsetY.value) : ve(), h.value.length || (O.value = []), qe.value && G.value && $()), ne.clear();
+    function mt(k, j) {
+      k && (x.load(k), h.value = je(0, J.value + a - 1), j != null && j.keepScrollTop ? _.scrollTo(_.offsetY.value) : he(), h.value.length || (I.value = []), qe.value && G.value && $()), ne.clear();
     }
-    Q(x.shouldGroupingData, (M, j) => {
-      M !== j && (x.updateDataView(), ve());
-    }), Q(() => e.columns, (M) => {
-      et(M);
+    Q(x.shouldGroupingData, (k, j) => {
+      k !== j && (x.updateDataView(), he());
+    }), Q(() => e.columns, (k) => {
+      et(k);
     });
-    function it(M) {
-      fe.activeRowById(M);
+    function it(k) {
+      me.activeRowById(k);
     }
-    const Zt = Pa(F, x, E, s, et, mt, lt);
-    function Qt(M, j = {
+    const Zt = Pa(O, x, E, s, et, mt, lt);
+    function Qt(k, j = {
       isCurrent: !0
     }) {
-      j != null && j.isCurrent && it(M), F.selectItemById(M);
+      j != null && j.isCurrent && it(k), O.selectItemById(k);
     }
-    function en(M) {
-      const j = u.idField.value, _ = h.value.find((oe) => oe.raw[j] === M);
-      _ && fe.clickRowItem(_);
+    function en(k) {
+      const j = u.idField.value, Y = h.value.find((oe) => oe.raw[j] === k);
+      Y && me.clickRowItem(Y);
     }
-    function tn(M) {
-      const j = u.idField.value, _ = h.value.find((oe) => oe.raw[j] === M);
-      _ && fe.changeRow(_);
+    function tn(k) {
+      const j = u.idField.value, Y = h.value.find((oe) => oe.raw[j] === k);
+      Y && me.changeRow(Y);
     }
-    function nn(M) {
-      F.selectItemByIds(M);
+    function nn(k) {
+      O.selectItemByIds(k);
     }
     function an() {
       return h.value;
     }
-    function on(M) {
-      return h.value.filter((j) => M.includes(j.raw[e.idField]));
+    function on(k) {
+      return h.value.filter((j) => k.includes(j.raw[e.idField]));
     }
     function ln() {
-      return F.getSelectedItems();
+      return O.getSelectedItems();
     }
     function sn() {
-      return F.getSelectionRow();
+      return O.getSelectionRow();
     }
     function un() {
       ne.endEditCell();
     }
-    function rn(M, j = {
+    function rn(k, j = {
       clearCurrent: !0
     }) {
-      j != null && j.clearCurrent && it(""), F.unSelectItemByIds(M);
+      j != null && j.clearCurrent && it(""), O.unSelectItemByIds(k);
     }
     function ht() {
-      F.clearSelection();
+      O.clearSelection();
     }
     function cn() {
-      return F.currentSelectedDataId.value;
+      return O.currentSelectedDataId.value;
     }
     function dn() {
-      Y.scrollToBottom();
+      _.scrollToBottom();
     }
-    function fn(M) {
-      Y.scrollToRowByIndex(M);
+    function fn(k) {
+      _.scrollToRowByIndex(k);
     }
     function vn() {
-      F.keepSelectingOnPaging.value || ht(), x.updateVisibleDataSummary(h.value), lt({
+      O.keepSelectingOnPaging.value || ht(), x.updateVisibleDataSummary(h.value), lt({
         total: x.dataView.value.length,
         index: 1
       });
@@ -2254,8 +2254,8 @@ const jt = /* @__PURE__ */ Be({
       removeDataItem: qt,
       removeDataItemById: Kt,
       editDataItem: Ut,
-      acceptDataItem: _t,
-      cancelDataItem: Yt,
+      acceptDataItem: Yt,
+      cancelDataItem: _t,
       selectItemById: Qt,
       selectItemByIds: nn,
       updateColumns: et,
@@ -2279,17 +2279,17 @@ const jt = /* @__PURE__ */ Be({
     t.expose(st);
     const mn = Da(e, t, st, D, ne, h), {
       renderDataArea: hn
-    } = io(e, t, g, C, I, Ge, $e, D, ne, S, mn, fe, ke, Y, h, x), gn = y(() => !h.value || !h.value.length), {
+    } = io(e, t, g, p, F, Ge, $e, D, ne, S, mn, me, ke, _, h, x), gn = b(() => !h.value || !h.value.length), {
       renderEmpty: pn
-    } = Ra(e, t), yn = y(() => ({
+    } = Ra(e, t), yn = b(() => ({
       "d-flex": !0,
-      "justify-content-between": b.value && K.value,
-      "justify-content-end": b.value && !K.value,
+      "justify-content-between": w.value && K.value,
+      "justify-content-end": w.value && !K.value,
       "position-relative": !0,
       "fv-datagrid-pagination": !0
-    })), bn = y(() => ({
+    })), bn = b(() => ({
       "flex-direction": "row"
-    })), Cn = y(() => ({
+    })), Cn = b(() => ({
       "d-flex": !0,
       "align-items-center": !0
     }));
@@ -2299,19 +2299,19 @@ const jt = /* @__PURE__ */ Be({
       useFilterComposition: E,
       useFitColumnComposition: Oe,
       useSortComposition: R,
-      useVirtualScrollComposition: Y,
+      useVirtualScrollComposition: _,
       dataGridComponentInstance: st
     });
-    function wn(M) {
+    function wn(k) {
       let j;
       return l(ja, {
         class: "f-form-layout farris-form farris-form-controls-inline col-12 col-md-6 col-xl-3 col-el-2"
-      }, so(j = Object.keys(M.data).filter((_) => {
+      }, so(j = Object.keys(k.data).filter((Y) => {
         var oe, de;
-        return ((oe = M.data[_].column) == null ? void 0 : oe.dataType) !== Bt && ((de = M.data[_].column) == null ? void 0 : de.dataType) !== St;
-      }).map((_) => {
+        return ((oe = k.data[Y].column) == null ? void 0 : oe.dataType) !== Bt && ((de = k.data[Y].column) == null ? void 0 : de.dataType) !== St;
+      }).map((Y) => {
         var de, se;
-        const oe = M.data[_];
+        const oe = k.data[Y];
         return l("div", {
           class: "farris-group-wrap w-100"
         }, [l("div", {
@@ -2326,44 +2326,44 @@ const jt = /* @__PURE__ */ Be({
         default: () => [j]
       });
     }
-    function xn(M, j) {
-      const _ = {}, oe = {}, de = [], se = [], yt = {};
+    function xn(k, j) {
+      const Y = {}, oe = {}, de = [], se = [], yt = {};
       Object.keys(j.data).filter((De) => {
         var ye, Xe;
         return ((ye = j.data[De].column) == null ? void 0 : ye.dataType) !== Bt && ((Xe = j.data[De].column) == null ? void 0 : Xe.dataType) !== St;
       }).forEach((De) => {
         var Xe, bt, Ct;
         const ye = j.data[De];
-        _[De] = ye.data, ne.endEditByCell(ye), oe[De] = ye.data, de.push(ye.column), se.push(ye), yt[De] = (Ct = (bt = (Xe = ye.column) == null ? void 0 : Xe.editor) == null ? void 0 : bt.context) == null ? void 0 : Ct.editor;
+        Y[De] = ye.data, ne.endEditByCell(ye), oe[De] = ye.data, de.push(ye.column), se.push(ye), yt[De] = (Ct = (bt = (Xe = ye.column) == null ? void 0 : Xe.editor) == null ? void 0 : bt.context) == null ? void 0 : Ct.editor;
       }), t.emit("endEditRow", {
         row: j,
         cells: se,
         columns: de,
-        oldValues: _,
+        oldValues: Y,
         newValues: oe,
         editors: yt
       }), ne.showRowEditPanel.value = !1;
     }
     function Bn() {
-      const M = F.currentSelectedDataId.value, j = h.value.find((_) => _.raw[e.idField] === M);
+      const k = O.currentSelectedDataId.value, j = h.value.find((Y) => Y.raw[e.idField] === k);
       return j ? l(Ha, {
         showHeader: !1,
         modelValue: ne.showRowEditPanel.value,
-        "onUpdate:modelValue": (_) => ne.showRowEditPanel.value = _,
+        "onUpdate:modelValue": (Y) => ne.showRowEditPanel.value = Y,
         width: 600
       }, {
         default: () => wn(j),
         footerTemplate: () => l(pe, null, [l(xt, {
           class: "mr-3",
           type: "secondary",
-          onClick: (_) => {
+          onClick: (Y) => {
             ne.showRowEditPanel.value = !1;
           }
         }, {
           default: () => [xe("取消")]
         }), l(xt, {
-          onClick: (_) => {
-            xn(_, j);
+          onClick: (Y) => {
+            xn(Y, j);
           }
         }, {
           default: () => [xe("确定")]
@@ -2371,26 +2371,26 @@ const jt = /* @__PURE__ */ Be({
       }) : null;
     }
     return () => e.visible && l(pe, null, [l("div", {
-      ref: v,
+      ref: m,
       class: ee.value,
       style: ie.value,
       onWheel: Fe
-    }, [f.value && e.enableFilter && Lt(), f.value && At(), f.value && N.value && _e(), f.value && (Pe.value === "top" || Pe.value === "both") && Ee(), l("div", {
+    }, [f.value && e.enableFilter && Lt(), f.value && At(), f.value && N.value && Ye(), f.value && (Pe.value === "top" || Pe.value === "both") && Ee(), l("div", {
       ref: f,
       class: X.value,
       style: ce.value,
-      onMouseover: (M) => {
-        M.stopPropagation(), e.scrollbarMode !== "always" && (w.value = !0);
+      onMouseover: (k) => {
+        k.stopPropagation(), e.scrollbarMode !== "always" && (C.value = !0);
       },
-      onMouseleave: (M) => {
-        M.stopPropagation(), e.scrollbarMode !== "always" && (w.value = !1);
+      onMouseleave: (k) => {
+        k.stopPropagation(), e.scrollbarMode !== "always" && (C.value = !1);
       }
-    }, [f.value && P(h), f.value && hn(), f.value && gn.value && pn(), f.value && Ye(), f.value && zt()]), f.value && (Pe.value === "bottom" || Pe.value === "both") && Ee(), (b.value || K.value) && l("div", {
+    }, [f.value && P(h), f.value && hn(), f.value && gn.value && pn(), f.value && _e(), f.value && zt()]), f.value && (Pe.value === "bottom" || Pe.value === "both") && Ee(), (w.value || K.value) && l("div", {
       class: yn.value,
       style: bn.value
     }, [K.value && l("div", {
       class: Cn.value
-    }, [l("div", null, ["已选：" + O.value.length, xe(" 条")])]), b.value && U()]), c(), le.value && Z()]), n() && Bn()]);
+    }, [l("div", null, ["已选：" + I.value.length, xe(" 条")])]), w.value && U()]), c(), le.value && Z()]), n() && Bn()]);
   }
 });
 Ft(jt);
@@ -2447,14 +2447,14 @@ function vo() {
   return { onCopy: e };
 }
 function mo(e, t, n, a) {
-  const o = r(14), i = r(140), s = r(""), u = r(a.value.length), v = y(() => a.value), f = y(() => ({
+  const o = r(14), i = r(140), s = r(""), u = r(a.value.length), m = b(() => a.value), f = b(() => ({
     "font-size": `${o.value}px`,
     height: "100%"
   }));
-  function g(C) {
-    if (C.currentTarget) {
-      const I = C.currentTarget.value || "";
-      u.value = I.length;
+  function g(p) {
+    if (p.currentTarget) {
+      const F = p.currentTarget.value || "";
+      u.value = F.length;
     }
   }
   return () => l(pe, null, [l("textarea", {
@@ -2464,8 +2464,8 @@ function mo(e, t, n, a) {
     style: f.value,
     rows: "4",
     maxlength: i.value,
-    onInput: (C) => g(C)
-  }, [v.value]), l("span", {
+    onInput: (p) => g(p)
+  }, [m.value]), l("span", {
     class: "textarea-wordcount",
     title: s.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
@@ -2481,7 +2481,7 @@ function ho(e, t, n, a) {
 function go() {
   const e = r(!1), t = r("复制成功");
   return {
-    feedbackStyle: y(() => {
+    feedbackStyle: b(() => {
       const a = {
         position: "absolute",
         left: "50%",
@@ -2513,39 +2513,39 @@ function yo(e, t) {
   function n(h) {
     if (h == null)
       return 0;
-    let w = 0;
-    for (let k = 0; k < h.length; k++) {
-      const S = h.charCodeAt(k);
-      S >= 0 && S <= 128 ? w++ : w = w + 2;
+    let C = 0;
+    for (let T = 0; T < h.length; T++) {
+      const S = h.charCodeAt(T);
+      S >= 0 && S <= 128 ? C++ : C = C + 2;
     }
-    return w;
+    return C;
   }
-  function a(h, w) {
+  function a(h, C) {
     if (h !== "" && h !== void 0 && h !== null) {
       h = "" + h;
-      const k = h.length;
+      const T = h.length;
       let S = "", E = 0;
-      for (let p = 0; p < k; p++) {
-        const V = h.charAt(p);
-        if (E++, encodeURI(V).length > 4 && E++, S = S.concat(V), E >= w)
+      for (let y = 0; y < T; y++) {
+        const V = h.charAt(y);
+        if (E++, encodeURI(V).length > 4 && E++, S = S.concat(V), E >= C)
           return S = S.concat("..."), S;
       }
-      if (E < w)
+      if (E < C)
         return h;
     }
     return "";
   }
-  const o = y(() => !!e.value && !!e.value.date), i = y(() => {
+  const o = b(() => !!e.value && !!e.value.date), i = b(() => {
     const h = e.value && e.value.date || "";
     return `${t.exception.happend} : ${h}`;
-  }), s = y(() => !!e.value && !!e.value.detail), u = y(() => e.value ? n(e.value.detail) > 160 : !1), v = r(!1), f = y(() => v.value ? t.exception.collapse : t.exception.expand), g = y(() => {
+  }), s = b(() => !!e.value && !!e.value.detail), u = b(() => e.value ? n(e.value.detail) > 160 : !1), m = r(!1), f = b(() => m.value ? t.exception.collapse : t.exception.expand), g = b(() => {
     const h = t.exception.detail + " : " + (e.value && e.value.detail) || "";
-    return v.value ? h : a(h, 160);
-  }), C = y(() => ({
-    bottom: v.value ? 0 : "2px"
+    return m.value ? h : a(h, 160);
+  }), p = b(() => ({
+    bottom: m.value ? 0 : "2px"
   }));
-  function I() {
-    v.value = !v.value;
+  function F() {
+    m.value = !m.value;
   }
   return () => l("div", {
     class: "toast-msg-detail",
@@ -2558,8 +2558,8 @@ function yo(e, t) {
     innerHTML: g.value
   }, null), u.value && l("span", {
     class: "exception_toggle_detail",
-    style: C.value,
-    onClick: I
+    style: p.value,
+    onClick: F
   }, [f.value])])])]);
 }
 function bo(e) {
@@ -2570,16 +2570,16 @@ function bo(e) {
   }, null);
 }
 function Co(e, t, n, a, o) {
-  const i = r(e.exceptionInfo), s = y(() => {
-    const w = t.value === "question" ? "warning" : t.value, k = {
+  const i = r(e.exceptionInfo), s = b(() => {
+    const C = t.value === "question" ? "warning" : t.value, T = {
       "f-icon": !0
-    }, S = `f-icon-${w}`;
-    return k[S] = !0, k;
-  }), u = y(() => n.value || i.value && i.value.message), v = y(() => a.value), f = y(() => !!a.value), g = y(() => !!i.value);
-  function C() {
-    return g.value ? yo(i, o) : f.value ? bo(v) : () => null;
+    }, S = `f-icon-${C}`;
+    return T[S] = !0, T;
+  }), u = b(() => n.value || i.value && i.value.message), m = b(() => a.value), f = b(() => !!a.value), g = b(() => !!i.value);
+  function p() {
+    return g.value ? yo(i, o) : f.value ? bo(m) : () => null;
   }
-  const I = C(), h = y(() => o.locale === "en" ? {
+  const F = p(), h = b(() => o.locale === "en" ? {
     wordBreak: "keep-all",
     overflowWrap: "break-word"
   } : {});
@@ -2593,20 +2593,20 @@ function Co(e, t, n, a, o) {
     class: "toast-msg-title",
     innerHTML: u.value,
     style: h.value
-  }, null), I()])]);
+  }, null), F()])]);
 }
 function wo(e, t, n, a) {
   const {
     onCopy: o
   } = t, {
     toShowFeedback: i
-  } = n, s = r(a.exception.copySuccess || "复制成功"), u = r(a.exception.copy || "复制详细信息"), v = r(e.exceptionInfo || {
+  } = n, s = r(a.exception.copySuccess || "复制成功"), u = r(a.exception.copy || "复制详细信息"), m = r(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
-  }), f = y(() => v.value && v.value.detail || "");
-  function g(C) {
-    o(f.value).catch((I) => {
+  }), f = b(() => m.value && m.value.detail || "");
+  function g(p) {
+    o(f.value).catch((F) => {
       s.value = a.exception.copyFailed || "复制失败";
     }).finally(() => {
       i.value = !0, setTimeout(() => {
@@ -2622,31 +2622,31 @@ function wo(e, t, n, a) {
   }, [u.value])]);
 }
 function xo(e, t, n, a, o) {
-  const i = r(e.type), s = r(e.buttons), u = r(e.exceptionInfo), v = r(o.ok || e.okButtonText), f = r(o.cancel || e.cancelButtonText), g = r(e.showCancelButton), C = r(e.showOkButton), I = y(() => !!(s.value && s.value.length)), h = y(() => !!(u.value && u.value.detail)), w = y(() => !(s.value && s.value.length) && (C.value || g.value)), k = wo(e, n, a, o);
-  v.value === "关闭" ? v.value = o.close : v.value === "知道了" && (v.value = o.exception.roger);
-  function S(p) {
+  const i = r(e.type), s = r(e.buttons), u = r(e.exceptionInfo), m = r(o.ok || e.okButtonText), f = r(o.cancel || e.cancelButtonText), g = r(e.showCancelButton), p = r(e.showOkButton), F = b(() => !!(s.value && s.value.length)), h = b(() => !!(u.value && u.value.detail)), C = b(() => !(s.value && s.value.length) && (p.value || g.value)), T = wo(e, n, a, o);
+  m.value === "关闭" ? m.value = o.close : m.value === "知道了" && (m.value = o.exception.roger);
+  function S(y) {
     i.value === "question" && t.emit("reject"), t.emit("close");
   }
-  function E(p) {
+  function E(y) {
     i.value === "question" && t.emit("accept"), t.emit("close");
   }
   return () => l("div", {
     class: "modal-footer"
-  }, [h.value && k(), w.value && g.value && l("button", {
+  }, [h.value && T(), C.value && g.value && l("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: S
-  }, [f.value]), w.value && C.value && l("button", {
+  }, [f.value]), C.value && p.value && l("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: E
-  }, [v.value]), I.value && s.value.length && s.value.map((p) => l("button", {
+  }, [m.value]), F.value && s.value.length && s.value.map((y) => l("button", {
     type: "button",
-    onClick: p.handle,
-    class: p.class
-  }, [p.iconClass && l("span", {
-    class: p.iconClass
-  }, null), p.text]))]);
+    onClick: y.handle,
+    class: y.class
+  }, [y.iconClass && l("span", {
+    class: y.iconClass
+  }, null), y.text]))]);
 }
 function Bo(e) {
   const { getLocaleValue: t } = be, n = be.getLocale();
@@ -2679,29 +2679,29 @@ const nt = /* @__PURE__ */ Be({
   props: uo,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
-    const n = Bo(e), a = r(e.type), o = r(e.title), i = r(e.detail), s = y(() => {
+    const n = Bo(e), a = r(e.type), o = r(e.title), i = r(e.detail), s = b(() => {
       const E = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
-      }, p = `messager-type-${a.value}`;
-      return E[p] = !0, E;
-    }), u = y(() => {
+      }, y = `messager-type-${a.value}`;
+      return E[y] = !0, E;
+    }), u = b(() => {
       const E = {
         cursor: "default"
       };
       return a.value === "prompt" ? E.padding = "0.5rem 0.5rem 1rem 1.5rem" : a.value === "error" && (E.padding = "0.5rem 1.5rem 1rem 1.5rem"), E;
-    }), v = vo(), f = ho(e, a, o, i), g = go(), {
-      feedbackStyle: C,
-      feedbackMessage: I
+    }), m = vo(), f = ho(e, a, o, i), g = go(), {
+      feedbackStyle: p,
+      feedbackMessage: F
     } = g;
-    I.value = n.exception.copySuccess;
+    F.value = n.exception.copySuccess;
     function h() {
       return l("div", {
-        style: C.value
-      }, [I.value]);
+        style: p.value
+      }, [F.value]);
     }
-    function w() {
+    function C() {
       switch (a.value) {
         case "prompt":
           return po(e, f);
@@ -2709,7 +2709,7 @@ const nt = /* @__PURE__ */ Be({
           return Co(e, a, o, i, n);
       }
     }
-    const k = w(), S = xo(e, t, v, g, n);
+    const T = C(), S = xo(e, t, m, g, n);
     return () => l("div", {
       class: "farris-messager"
     }, [!e.exceptionInfo && l("div", {
@@ -2718,68 +2718,79 @@ const nt = /* @__PURE__ */ Be({
     }, null), l("section", {
       class: s.value,
       style: u.value
-    }, [k()]), S(), h()]);
+    }, [T()]), S(), h()]);
   }
-}), he = class he {
-  static show(t) {
-    const n = ge({
-      ...t
-    }), a = !1, o = n.type === "error" || n.type === "prompt", i = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", s = n.acceptCallback || (() => {
-    }), u = n.rejectCallback || (() => {
+}), fe = class fe {
+  static show(t, n, a) {
+    let o;
+    if (typeof t == "string" && n != null) {
+      const T = {
+        type: t,
+        title: n,
+        detail: "",
+        ...a
+      };
+      o = ve(T);
+    } else
+      o = ve({
+        ...t
+      });
+    const i = !1, s = o.type === "error" || o.type === "prompt", u = o.type === "error" ? "错误提示" : o.type === "prompt" && o.title || "", m = o.acceptCallback || (() => {
+    }), f = o.rejectCallback || (() => {
     });
-    let v = null, f = new Pt(he.app);
-    const g = () => {
-      v && (v == null || v.destroy(), f = null);
+    let g = null, p = new Pt(fe.app);
+    const F = () => {
+      g && (g == null || g.destroy(), p = null);
     };
-    return v = f == null ? void 0 : f.open({
+    return g = p == null ? void 0 : p.open({
       class: "modal-message modal-message-type-info",
-      title: i,
-      showButtons: a,
-      showHeader: o,
-      width: n.width || 400,
+      title: u,
+      showButtons: i,
+      showHeader: s,
+      width: o.width || 400,
       fitContent: !0,
       showMaxButton: !1,
       draggable: !0,
       dragHandle: ".messager-draggable",
-      render: () => l(nt, ot(n, {
-        onAccept: s,
-        onReject: u,
-        onClose: g
+      render: () => l(nt, ot(o, {
+        onAccept: m,
+        onReject: f,
+        onClose: F
       }), null)
-    }), f == null ? void 0 : f.getCurrentModal();
+    }), p == null ? void 0 : p.getCurrentModal();
   }
   static info(t, n) {
-    const a = ge({
+    const a = ve({
       type: "info",
       title: t,
       detail: n,
       okButtonText: "知道了",
       showCancelButton: !1
     });
-    he.show(a);
+    fe.show(a);
   }
   static warning(t, n) {
-    const a = ge({
+    const a = ve({
       type: "warning",
       title: t,
       detail: n,
       okButtonText: "知道了",
       showCancelButton: !1
     });
-    he.show(a);
+    fe.show(a);
   }
   static success(t, n) {
-    const a = ge({
+    const a = ve({
       type: "success",
       title: t,
       detail: n,
       okButtonText: "关闭",
       showCancelButton: !1
     });
-    he.show(a);
+    fe.show(a);
   }
   static error(t, n, a) {
-    const o = ge({
+    const o = ve({
       width: 500,
       type: "error",
       okButtonText: "关闭",
@@ -2790,20 +2801,20 @@ const nt = /* @__PURE__ */ Be({
         detail: n
       }
     });
-    he.show(o);
+    fe.show(o);
   }
   static prompt(t, n) {
-    const a = ge({
+    const a = ve({
       type: "prompt",
       title: t,
       detail: n,
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    he.show(a);
+    fe.show(a);
   }
   static question(t, n, a, o) {
-    const i = ge({
+    const i = ve({
       type: "question",
       title: t,
       detail: n,
@@ -2812,11 +2823,20 @@ const nt = /* @__PURE__ */ Be({
       acceptCallback: a,
       rejectCallback: o
     });
-    he.show(i);
+    fe.show(i);
+  }
+  static showHtmlMsg(t, n, a, o) {
+    fe.show({
+      type: t,
+      title: n,
+      detail: a,
+      okButtonText: "关闭",
+      acceptCallback: o
+    });
   }
 };
-me(he, "app", null);
-let Ze = he;
+ge(fe, "app", null);
+let Ze = fe;
 nt.install = (e) => {
   e.component(nt.name, nt), Ze.app = e, e.provide("FMessageBoxService", Ze);
 };
@@ -2906,51 +2926,51 @@ const So = "https://json-schema.org/draft/2020-12/schema", To = "https://farris-
   props: Do,
   emits: ["close", "click"],
   setup: (e, t) => {
-    const n = r(e.animate), a = "fadeOut", o = y(() => e.options), i = r(!1), s = y(() => o.value.title && o.value.message), u = y(() => !o.value.title && o.value.message), v = y(() => {
-      const p = {
+    const n = r(e.animate), a = "fadeOut", o = b(() => e.options), i = r(!1), s = b(() => o.value.title && o.value.message), u = b(() => !o.value.title && o.value.message), m = b(() => {
+      const y = {
         animated: i.value,
         toast: !0,
         "toast--only-content": !s.value
       };
-      return p[e.animate] = !1, p[a] = i.value, p["toasty-type-" + o.value.type] = !0, o.value.theme && (p[o.value.theme] = !0), p;
-    }), f = y(() => {
+      return y[e.animate] = !1, y[a] = i.value, y["toasty-type-" + o.value.type] = !0, o.value.theme && (y[o.value.theme] = !0), y;
+    }), f = b(() => {
       const A = `f-icon-${o.value && o.value.type ? o.value.type.replace("toasty-type-", "") : "default"}`, x = {
         "f-icon": !0
       };
       return x[A] = !0, x;
-    }), g = y(() => o.value.title || o.value.message), C = y(() => e.showCloseButton), I = y(() => !!o.value.buttons || !!t.slots.default), h = y(() => be.getLocale() === "en" ? {
+    }), g = b(() => o.value.title || o.value.message), p = b(() => e.showCloseButton), F = b(() => !!o.value.buttons || !!t.slots.default), h = b(() => be.getLocale() === "en" ? {
       wordBreak: "keep-all",
       overflowWrap: "break-word"
     } : {});
-    function w(p) {
-      p.stopPropagation(), p.preventDefault(), i.value = !1, setTimeout(() => {
+    function C(y) {
+      y.stopPropagation(), y.preventDefault(), i.value = !1, setTimeout(() => {
         t.emit("close", o.value);
       }, 200);
     }
-    function k(p, V) {
+    function T(y, V) {
     }
-    function S(p) {
-      return `f-preten-link ${p.customClass ? p.customClass : ""}`;
+    function S(y) {
+      return `f-preten-link ${y.customClass ? y.customClass : ""}`;
     }
     Q(n, () => {
       n.value;
     });
     const E = () => {
-      var p;
+      var y;
       return l(pe, null, [l("div", {
         class: "after-toast-msg text-right"
-      }, [!t.slots.default && ((p = o.value.buttons) == null ? void 0 : p.map((V) => l("span", {
+      }, [!t.slots.default && ((y = o.value.buttons) == null ? void 0 : y.map((V) => l("span", {
         class: S(V),
         onClick: (A) => void 0
       }, [V.text]))), t.slots.default && t.slots.default()])]);
     };
     return () => l("div", {
-      class: v.value,
+      class: m.value,
       style: "min-height:44px"
-    }, [C.value && l("button", {
+    }, [p.value && l("button", {
       title: be.getLocaleValue("messageBox.close"),
       class: "toast-close f-btn-icon f-bare",
-      onClick: w
+      onClick: C
     }, [l("span", {
       class: "f-icon modal_close"
     }, null)]), g.value && l("section", {
@@ -2968,7 +2988,7 @@ const So = "https://json-schema.org/draft/2020-12/schema", To = "https://farris-
       class: "toast-msg",
       innerHTML: o.value.message,
       style: h.value
-    }, null), I.value && E()]), u.value && (o.value.buttons ? l("div", {
+    }, null), F.value && E()]), u.value && (o.value.buttons ? l("div", {
       class: "toast-title-btns-wrapper d-flex"
     }, [l("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
@@ -3035,8 +3055,8 @@ const at = /* @__PURE__ */ Be({
   props: Po,
   emits: ["close", "empty"],
   setup(e, t) {
-    var k;
-    const n = No(), o = `farris-notify-${(k = e.options) != null && k.type ? e.options.type : "info"}}`, i = y(() => ({
+    var T;
+    const n = No(), o = `farris-notify-${(T = e.options) != null && T.type ? e.options.type : "info"}}`, i = b(() => ({
       "farris-notify": !0,
       [o]: n
     })), s = {
@@ -3044,27 +3064,27 @@ const at = /* @__PURE__ */ Be({
       right: 12,
       top: 20,
       bottom: 12
-    }, u = r(), v = r(e.options), f = r(e.showCloseButton), g = y(() => e.position || "bottom-right"), C = y(() => e.timeout != null ? e.timeout : 3e3), I = y(() => {
-      const S = e.bottom ? e.bottom : s.bottom, E = e.top ? e.top : s.top, p = {
+    }, u = r(), m = r(e.options), f = r(e.showCloseButton), g = b(() => e.position || "bottom-right"), p = b(() => e.timeout != null ? e.timeout : 3e3), F = b(() => {
+      const S = e.bottom ? e.bottom : s.bottom, E = e.top ? e.top : s.top, y = {
         transition: "all 0.2s ease",
         left: g.value.indexOf("left") > -1 ? `${e.left ? e.left : s.left}px` : "",
         right: g.value.indexOf("right") > -1 ? `${e.right ? e.right : s.right}px` : "",
         top: g.value.indexOf("top") > -1 ? `${E}px` : "",
         bottom: g.value.indexOf("bottom") > -1 ? `${S}px` : ""
       };
-      return g.value.indexOf("center") > -1 && (p.left = "50%", p.marginLeft = "calc(-24rem / 2)", g.value === "center-center" && (p.top = "50%", p.transform = "translate(-50%, -50%)")), p;
+      return g.value.indexOf("center") > -1 && (y.left = "50%", y.marginLeft = "calc(-24rem / 2)", g.value === "center-center" && (y.top = "50%", y.transform = "translate(-50%, -50%)")), y;
     });
     function h(S) {
       t.emit("close");
     }
-    C.value && setTimeout(() => {
+    p.value && setTimeout(() => {
       h();
-    }, C.value), t.expose({
+    }, p.value), t.expose({
       closeToast: h,
       container: u,
       notifyPosition: g
     });
-    function w(S, E) {
+    function C(S, E) {
       h();
     }
     return () => {
@@ -3074,21 +3094,21 @@ const at = /* @__PURE__ */ Be({
         ref: u
       }, [(S = e.options) == null ? void 0 : S.message]) : l("div", {
         class: i.value,
-        style: I.value,
+        style: F.value,
         ref: u
       }, [l(ct, {
-        options: v.value,
+        options: m.value,
         showCloseButton: f.value,
         animate: e.animate,
-        onClose: (E) => w(E, v.value)
+        onClose: (E) => C(E, m.value)
       }, null)]);
     };
   }
 });
 class Vo {
   constructor() {
-    me(this, "notifyRefs", []);
-    me(this, "globalConfig", ge({}));
+    ge(this, "notifyRefs", []);
+    ge(this, "globalConfig", ve({}));
   }
   escapeAllHtml(t) {
     if (typeof t != "string" || !t)
@@ -3110,16 +3130,16 @@ class Vo {
       setup() {
         var f;
         const u = r();
-        function v() {
+        function m() {
           u.value.container.style.transform = "scale(0)", setTimeout(() => {
             n.updateNotifyPositionForClose(o, u), s.unmount();
           }, 220);
         }
         if (o.position.indexOf("top") > -1) {
-          const g = n.getNotifyInstances(o.position), C = g[g.length - 1];
-          if (C) {
-            const I = C.value.container.getBoundingClientRect();
-            o.top = I.bottom;
+          const g = n.getNotifyInstances(o.position), p = g[g.length - 1];
+          if (p) {
+            const F = p.value.container.getBoundingClientRect();
+            o.top = F.bottom;
           }
         }
         return o.safeHtml && ((f = o.options) != null && f.message) && (o.options.message = n.escapeAllHtml(o.options.message)), Qe(() => {
@@ -3134,7 +3154,7 @@ class Vo {
           default: () => [l(at, ot({
             ref: u
           }, o, {
-            onClose: v
+            onClose: m
           }), null)]
         });
       }
@@ -3221,11 +3241,11 @@ const rt = /* @__PURE__ */ Be({
   props: Nt,
   emits: ["submitModal", "update:modelValue"],
   setup(e, t) {
-    const n = '<i class="f-icon f-icon-lookup"></i>', a = r(), o = r(e.modelValue || {}), i = r([]), s = r(e.fromData.dataSource || []), u = r([]), v = e.fromData.repositoryToken ? tt(e.fromData.repositoryToken) : null, f = e.toData.repositoryToken ? tt(e.toData.repositoryToken) : null, g = tt(Vt), C = (T) => ((T.raw.$type !== "SimpleField" || T.raw.selectable === !1) && (T.disabled = !0), T), I = y(() => dt(s.value)), h = y(() => dt(u.value)), w = (T, d, B, D) => {
+    const n = '<i class="f-icon f-icon-lookup"></i>', a = r(), o = r(e.modelValue || {}), i = r([]), s = r(e.fromData.dataSource || []), u = r([]), m = e.fromData.repositoryToken ? tt(e.fromData.repositoryToken) : null, f = e.toData.repositoryToken ? tt(e.toData.repositoryToken) : null, g = tt(Vt), p = (M) => ((M.raw.$type !== "SimpleField" || M.raw.selectable === !1) && (M.disabled = !0), M), F = b(() => dt(s.value)), h = b(() => dt(u.value)), C = (M, d, B, D) => {
       var q, te;
-      const R = ((q = T.value.find((ue) => ue[D] === d)) == null ? void 0 : q[B || "name"]) || "", W = ((te = T.value.find((ue) => ue[D] === d)) == null ? void 0 : te[D || "code"]) || "";
+      const R = ((q = M.value.find((ue) => ue[D] === d)) == null ? void 0 : q[B || "name"]) || "", W = ((te = M.value.find((ue) => ue[D] === d)) == null ? void 0 : te[D || "code"]) || "";
       return R && W ? `${R}[${W}]` : "";
-    }, k = [{
+    }, T = [{
       field: "sourceField",
       title: "数据源字段",
       dataType: "string",
@@ -3239,10 +3259,10 @@ const rt = /* @__PURE__ */ Be({
         editorParams: e.fromData.editorParams,
         editable: e.fromData.editable || !1,
         searchFields: e.fromData.searchFields || [],
-        customRowStatus: C,
+        customRowStatus: p,
         displayFormatter: e.fromData.displayFormatter
       },
-      formatter: (T, d) => w(I, d.raw.sourceField, e.fromData.textField, e.fromData.valueField)
+      formatter: (M, d) => C(F, d.raw.sourceField, e.fromData.textField, e.fromData.valueField)
     }, {
       field: "targetField",
       title: "目标字段",
@@ -3259,25 +3279,25 @@ const rt = /* @__PURE__ */ Be({
         enableSearch: !0,
         editable: !1,
         searchFields: e.toData.searchFields || [],
-        customRowStatus: C,
+        customRowStatus: p,
         displayFormatter: e.toData.displayFormatter
       },
-      formatter: (T, d) => d.raw.targetField ? (d.raw.targetField.indexOf(",") > -1 ? d.raw.targetField.split(",") : [d.raw.targetField]).map((D) => w(h, D, e.toData.textField, e.toData.valueField)).join(",") : ""
+      formatter: (M, d) => d.raw.targetField ? (d.raw.targetField.indexOf(",") > -1 ? d.raw.targetField.split(",") : [d.raw.targetField]).map((D) => C(h, D, e.toData.textField, e.toData.valueField)).join(",") : ""
     }];
     function S() {
       return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
     }
     function E() {
-      let T = o.value || {};
-      return typeof T == "string" && (T = JSON.parse(T)), Object.keys(T).map((d) => ({
+      let M = o.value || {};
+      return typeof M == "string" && (M = JSON.parse(M)), Object.keys(M).map((d) => ({
         id: S(),
         sourceField: d,
-        targetField: T[d]
+        targetField: M[d]
       }));
     }
-    const p = r(E()), V = y(() => {
-      var T;
-      return `共 ${((T = p.value) == null ? void 0 : T.length) || 0} 项`;
+    const y = r(E()), V = b(() => {
+      var M;
+      return `共 ${((M = y.value) == null ? void 0 : M.length) || 0} 项`;
     });
     function A() {
       a.value.endEditCell(), a.value.addNewDataItemAtLast();
@@ -3295,32 +3315,32 @@ const rt = /* @__PURE__ */ Be({
         return;
       }
       a.value.endEditCell();
-      const T = p.value.findIndex((W) => W.id === i.value[0].id);
-      if (T === -1)
+      const M = y.value.findIndex((W) => W.id === i.value[0].id);
+      if (M === -1)
         return;
       const d = i.value[0].id;
-      if (a.value.removeDataItemById(d), i.value = [], !p.value.length)
+      if (a.value.removeDataItemById(d), i.value = [], !y.value.length)
         return;
-      const B = Math.min(T, p.value.length - 1), D = p.value[B], R = D == null ? void 0 : D.id;
+      const B = Math.min(M, y.value.length - 1), D = y.value[B], R = D == null ? void 0 : D.id;
       R && (a.value.selectItemById(R), i.value = [D]);
     }
-    function b() {
+    function w() {
       Ze.question("确定要清空所有映射字段吗？", "", () => {
-        i.value = [], o.value = {}, p.value = [], a.value.updateDataSource(p.value);
+        i.value = [], o.value = {}, y.value = [], a.value.updateDataSource(y.value);
       }, () => {
       });
     }
-    function F() {
-      const T = {};
-      return p.value.forEach((d) => {
-        d.sourceField && d.targetField && (T[d.sourceField] = d.targetField);
-      }), T;
+    function O() {
+      const M = {};
+      return y.value.forEach((d) => {
+        d.sourceField && d.targetField && (M[d.sourceField] = d.targetField);
+      }), M;
     }
-    Q(() => e.modelValue, (T) => {
-      o.value = T, p.value = E();
+    Q(() => e.modelValue, (M) => {
+      o.value = M, y.value = E();
     });
     function G() {
-      return p.value.filter((d) => !d.sourceField || !d.targetField).length;
+      return y.value.filter((d) => !d.sourceField || !d.targetField).length;
     }
     const K = {
       title: e.title,
@@ -3334,26 +3354,26 @@ const rt = /* @__PURE__ */ Be({
         name: "cancel",
         text: "取消",
         class: "btn btn-secondary",
-        handle: (T) => !0
+        handle: (M) => !0
       }, {
         name: "accept",
         text: "确定",
         class: "btn btn-primary",
-        handle: (T) => {
+        handle: (M) => {
           if (a.value.endEditCell(), G())
             return g.warning("请将映射字段填写完整！"), !1;
-          const d = F();
+          const d = O();
           return o.value = d, t.emit("submitModal", d), t.emit("update:modelValue", d), e.onMappingFieldsChanged && typeof e.onMappingFieldsChanged == "function" && e.onMappingFieldsChanged(JSON.stringify(d)), !0;
         }
       }],
       resizeable: !0,
       draggable: !0,
-      closedCallback: (T, d) => {
-        (T.target.name === "cancel" || d === "icon" || d === "esc") && (o.value = e.modelValue, p.value = E(), i.value = []);
+      closedCallback: (M, d) => {
+        (M.target.name === "cancel" || d === "icon" || d === "esc") && (o.value = e.modelValue, y.value = E(), i.value = []);
       }
     };
-    function O(T) {
-      i.value = T;
+    function I(M) {
+      i.value = M;
     }
     function $() {
       var R, W;
@@ -3361,8 +3381,8 @@ const rt = /* @__PURE__ */ Be({
         const q = e.beforeOpen({
           fromDataSource: s,
           toDataSource: u,
-          gridColumns: k,
-          repository: v
+          gridColumns: T,
+          repository: m
         });
         if (typeof q == "boolean")
           return q;
@@ -3377,34 +3397,34 @@ const rt = /* @__PURE__ */ Be({
           message: "请先配置数据源！",
           position: "top-center"
         }), !1;
-      const d = [], B = v ? v.getData(e.editorParams) : Promise.resolve(s.value);
+      const d = [], B = m ? m.getData(e.editorParams) : Promise.resolve(s.value);
       d.push(B), typeof e.toData.dataSource == "function" ? u.value = e.toData.dataSource() : u.value = e.toData.dataSource;
       const D = f ? f.getData(e.editorParams) : Promise.resolve(u.value);
-      return d.push(D), Promise.all(d).then(([q, te]) => (s.value = q, u.value = te, k[0].editor.data = q, k[1].editor.data = te, !0));
+      return d.push(D), Promise.all(d).then(([q, te]) => (s.value = q, u.value = te, T[0].editor.data = q, T[1].editor.data = te, !0));
     }
-    function le(T, d) {
-      T.forEach((B) => {
+    function le(M, d) {
+      M.forEach((B) => {
         B.selectable = !d.includes(B.data.bindingPath), B.children && le(B.children, d);
       });
     }
-    function J(T) {
+    function J(M) {
       const {
         column: d,
         rawData: B
-      } = T, {
+      } = M, {
         field: D,
         editor: R
       } = d;
       if (D === "sourceField" && R) {
-        const W = p.value.filter((q) => q.sourceField !== B.sourceField).map((q) => q.sourceField);
+        const W = y.value.filter((q) => q.sourceField !== B.sourceField).map((q) => q.sourceField);
         le(s.value, W), R.data = Ot(s.value);
       }
       return !0;
     }
-    const ie = y(() => i.value.length > 0), z = y(() => p.value.length > 0);
+    const ie = b(() => i.value.length > 0), z = b(() => y.value.length > 0);
     return () => l(Ht, {
       modelValue: V.value,
-      "onUpdate:modelValue": (T) => V.value = T,
+      "onUpdate:modelValue": (M) => V.value = M,
       editable: !1,
       disabled: e.disabled,
       readonly: e.readonly,
@@ -3429,7 +3449,7 @@ const rt = /* @__PURE__ */ Be({
       }, [xe("删除")]), l("button", {
         class: "btn btn-secondary ml-3",
         disabled: !z.value,
-        onClick: b
+        onClick: w
       }, [xe("清空")])]), l("div", {
         class: " f-utils-fill p-2"
       }, [l(jt, {
@@ -3450,10 +3470,10 @@ const rt = /* @__PURE__ */ Be({
         showBorder: !0,
         editable: "true",
         fit: !0,
-        columns: k,
-        data: p.value,
+        columns: T,
+        data: y.value,
         newDataItem: x,
-        onSelectionChange: O,
+        onSelectionChange: I,
         beforeEditCell: J
       }, null)])])]
     });