@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/components/message-box/index.esm.js

@@ -1,12 +1,12 @@
 var hn = Object.defineProperty;
 var yn = (e, t, n) => t in e ? hn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => yn(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as y, computed as z, createVNode as T, Fragment as ot, defineComponent as rt, watch as Be, nextTick as It, onBeforeMount as bn, onMounted as dt, onUnmounted as ft, Teleport as wn, Transition as Vt, shallowRef as Cn, render as Bt, h as xn, cloneVNode as Sn, createApp as _t, mergeProps as Ot, reactive as He, createTextVNode as Tn } from "vue";
+import { ref as b, computed as z, createVNode as T, Fragment as ot, defineComponent as rt, watch as Be, nextTick as It, onBeforeMount as bn, onMounted as dt, onUnmounted as ft, Teleport as wn, Transition as Vt, shallowRef as Cn, createApp as _t, render as Bt, h as xn, cloneVNode as Sn, mergeProps as Ot, reactive as He, createTextVNode as Tn } from "vue";
 import { useI18n as Rt } from "vue-i18n";
 import { resolveAppearance as Fn, createPropsResolver as qt } from "../dynamic-resolver/index.esm.js";
 import { getMaxZIndex as kn, getCustomClass as Bn, withInstall as En, FormSchemaEntityField$Type as $t, FormSchemaEntityFieldTypeName as zt } from "../common/index.esm.js";
 import { LocaleService as mt } from "../locale/index.esm.js";
-import { isPlainObject as Lt, cloneDeep as Et, isUndefined as je } from "lodash-es";
+import { cloneDeep as Et, isPlainObject as Lt, isUndefined as je } from "lodash-es";
 import "../accordion/index.esm.js";
 import "../avatar/index.esm.js";
 import "../../designer/button-edit/index.esm.js";
@@ -140,7 +140,7 @@ function yo() {
   return { onCopy: e };
 }
 function bo(e, t, n, o) {
-  const r = y(14), a = y(140), i = y(""), d = y(o.value.length), u = z(() => o.value), l = z(() => ({
+  const r = b(14), a = b(140), i = b(""), d = b(o.value.length), u = z(() => o.value), l = z(() => ({
     "font-size": `${r.value}px`,
     height: "100%"
   }));
@@ -172,7 +172,7 @@ function wo(e, t, n, o) {
   return { getEditorRender: i };
 }
 function Co() {
-  const e = y(!1), t = y("复制成功");
+  const e = b(!1), t = b("复制成功");
   return {
     feedbackStyle: z(() => {
       const o = {
@@ -231,7 +231,7 @@ function So(e, t) {
   const r = z(() => !!e.value && !!e.value.date), a = z(() => {
     const c = e.value && e.value.date || "";
     return `${t.exception.happend} : ${c}`;
-  }), i = z(() => !!e.value && !!e.value.detail), d = z(() => e.value ? n(e.value.detail) > 160 : !1), u = y(!1), l = z(() => u.value ? t.exception.collapse : t.exception.expand), p = z(() => {
+  }), i = z(() => !!e.value && !!e.value.detail), d = z(() => e.value ? n(e.value.detail) > 160 : !1), u = b(!1), l = z(() => u.value ? t.exception.collapse : t.exception.expand), p = z(() => {
     const c = t.exception.detail + " : " + (e.value && e.value.detail) || "";
     return u.value ? c : o(c, 160);
   }), s = z(() => ({
@@ -264,7 +264,7 @@ function To(e) {
   }, null);
 }
 function Fo(e, t, n, o, r) {
-  const a = y(e.exceptionInfo), i = z(() => {
+  const a = b(e.exceptionInfo), i = z(() => {
     const f = t.value === "question" ? "warning" : t.value, g = {
       "f-icon": !0
     }, F = `f-icon-${f}`;
@@ -294,7 +294,7 @@ function ko(e, t, n, o) {
     onCopy: r
   } = t, {
     toShowFeedback: a
-  } = n, i = y(o.exception.copySuccess || "复制成功"), d = y(o.exception.copy || "复制详细信息"), u = y(e.exceptionInfo || {
+  } = n, i = b(o.exception.copySuccess || "复制成功"), d = b(o.exception.copy || "复制详细信息"), u = b(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
@@ -316,7 +316,7 @@ function ko(e, t, n, o) {
   }, [d.value])]);
 }
 function Bo(e, t, n, o, r) {
-  const a = y(e.type), i = y(e.buttons), d = y(e.exceptionInfo), u = y(r.ok || e.okButtonText), l = y(r.cancel || e.cancelButtonText), p = y(e.showCancelButton), s = y(e.showOkButton), m = z(() => !!(i.value && i.value.length)), c = z(() => d.value && d.value.message && d.value.detail), f = z(() => !(i.value && i.value.length) && (s.value || p.value)), g = ko(e, n, o, r);
+  const a = b(e.type), i = b(e.buttons), d = b(e.exceptionInfo), u = b(r.ok || e.okButtonText), l = b(r.cancel || e.cancelButtonText), p = b(e.showCancelButton), s = b(e.showOkButton), m = z(() => !!(i.value && i.value.length)), c = z(() => d.value && d.value.message && d.value.detail), f = z(() => !(i.value && i.value.length) && (s.value || p.value)), g = ko(e, n, o, r);
   u.value === "关闭" ? u.value = r.close : u.value === "知道了" && (u.value = r.exception.roger);
   function F(O) {
     a.value === "question" && t.emit("reject"), t.emit("close");
@@ -373,7 +373,7 @@ const st = /* @__PURE__ */ rt({
   props: po,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
-    const n = Eo(e), o = y(e.type), r = y(e.title), a = y(e.detail), i = z(() => {
+    const n = Eo(e), o = b(e.type), r = b(e.title), a = b(e.detail), i = z(() => {
       const E = {
         "modal-tips": !0,
         "d-flex": !0,
@@ -717,7 +717,7 @@ class qe {
   }
 }
 function _o(e, t) {
-  const n = y(), o = y(), r = y(), a = y(), i = y(), d = y(), u = y(), l = y(), p = y(), s = y(), m = y(), c = y(e.resizeable), f = y(), g = y(e.draggable), F = y(!1);
+  const n = b(), o = b(), r = b(), a = b(), i = b(), d = b(), u = b(), l = b(), p = b(), s = b(), m = b(), c = b(e.resizeable), f = b(), g = b(e.draggable), F = b(!1);
   function E() {
     const R = o.value || document.body, M = window.getComputedStyle(R);
     if (!M || !n.value)
@@ -766,13 +766,13 @@ function _o(e, t) {
     const M = R.x, U = R.y;
     l.value.n ? (u.value.y = i.value.y + U, d.value.height = a.value.height - U) : l.value.s && (d.value.height = a.value.height + U), l.value.e ? d.value.width = a.value.width + M : l.value.w && (d.value.width = a.value.width - M, u.value.x = i.value.x + M), w(), D(), L();
   }
-  function x(R) {
+  function C(R) {
     if (!p.value)
       return;
     const M = re.fromEvent(R);
     M && h(M);
   }
-  function C() {
+  function x() {
     if (n.value) {
       const {
         width: R,
@@ -795,56 +795,56 @@ function _o(e, t) {
   }
   function k(R) {
     if (n.value) {
-      const M = C();
+      const M = x();
       m.value = M;
     }
-    r.value = void 0, a.value = null, i.value = null, d.value = null, u.value = null, l.value = null, p.value = null, document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", k);
+    r.value = void 0, a.value = null, i.value = null, d.value = null, u.value = null, l.value = null, p.value = null, document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", k);
   }
   function _() {
-    document.addEventListener("mousemove", x), document.addEventListener("mouseup", k);
+    document.addEventListener("mousemove", C), document.addEventListener("mouseup", k);
   }
-  function b(R) {
+  function y(R) {
     R instanceof MouseEvent && R.button === 2 || g.value && (document.body.click(), R.stopPropagation(), R.preventDefault(), r.value = re.fromEvent(R), p.value = R.target, O(R), _());
   }
   function q(R) {
     return n.value = R, c.value && T(ot, null, [T("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null), T("div", {
       class: "fv-resizable-handle fv-resizable-e",
       type: "e",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null), T("div", {
       class: "fv-resizable-handle fv-resizable-s",
       type: "s",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null), T("div", {
       class: "fv-resizable-handle fv-resizable-w",
       type: "w",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null), T("div", {
       class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null), T("div", {
       class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null), T("div", {
       class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null), T("div", {
       class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
-      onMousedown: (M) => b(M)
+      onMousedown: (M) => y(M)
     }, null)]);
   }
   function V(R = !0) {
     document.body.click();
     const M = o.value || document.body, U = qe.getCurrent(M), P = n.value;
-    R && P && (f.value = C(), f.value.transform = P.style.transform), U && P && (d.value = U, d.value.height -= 14, d.value.width -= 14, P.style.height = d.value.height + "px", P.style.width = d.value.width + "px", P.style.left = "7px", P.style.top = "7px", P.style.transform = "", m.value = {
+    R && P && (f.value = x(), f.value.transform = P.style.transform), U && P && (d.value = U, d.value.height -= 14, d.value.width -= 14, P.style.height = d.value.height + "px", P.style.width = d.value.width + "px", P.style.left = "7px", P.style.top = "7px", P.style.transform = "", m.value = {
       size: d.value,
       position: {
         x: 0,
@@ -904,78 +904,78 @@ function _o(e, t) {
   };
 }
 function qo(e, t, n) {
-  const o = y(), r = y(e.draggable), a = y(e.lockAxis), i = y(), d = y(), u = y(!1), l = y(new re(0, 0)), p = y(new re(0, 0)), s = y(new re(0, 0)), m = y(new re(0, 0));
-  Be(() => n.value, (x) => {
-    i.value.style.cursor = x ? "move" : "default";
+  const o = b(), r = b(e.draggable), a = b(e.lockAxis), i = b(), d = b(), u = b(!1), l = b(new re(0, 0)), p = b(new re(0, 0)), s = b(new re(0, 0)), m = b(new re(0, 0));
+  Be(() => n.value, (C) => {
+    i.value.style.cursor = C ? "move" : "default";
   });
-  function c(x, C) {
-    if (C.tagName === "BUTTON")
+  function c(C, x) {
+    if (x.tagName === "BUTTON")
       return !1;
-    if (C === x)
+    if (x === C)
       return !0;
-    for (const k in C.children)
-      if (Object.prototype.hasOwnProperty.call(C.children, k) && c(x, C.children[k]))
+    for (const k in x.children)
+      if (Object.prototype.hasOwnProperty.call(x.children, k) && c(C, x.children[k]))
         return !0;
     return !1;
   }
   function f() {
-    var _, b;
-    let x = s.value.x + p.value.x, C = s.value.y + p.value.y;
-    a.value === "x" ? (x = ((_ = l.value) == null ? void 0 : _.x) || 0, s.value.x = 0) : a.value === "y" && (C = ((b = l.value) == null ? void 0 : b.y) || 0, s.value.y = 0);
-    const k = `translate3d(${Math.round(x)}px, ${Math.round(C)}px, 0px)`;
-    o.value && (o.value.style.transform = k), m.value.x = x, m.value.y = C;
+    var _, y;
+    let C = s.value.x + p.value.x, x = s.value.y + p.value.y;
+    a.value === "x" ? (C = ((_ = l.value) == null ? void 0 : _.x) || 0, s.value.x = 0) : a.value === "y" && (x = ((y = l.value) == null ? void 0 : y.y) || 0, s.value.y = 0);
+    const k = `translate3d(${Math.round(C)}px, ${Math.round(x)}px, 0px)`;
+    o.value && (o.value.style.transform = k), m.value.x = C, m.value.y = x;
   }
   function g() {
     if (!d.value || !o.value)
       return null;
-    const x = d.value.getBoundingClientRect(), C = o.value.getBoundingClientRect(), k = {
-      top: x.top < C.top,
-      right: x.right > C.right,
-      bottom: x.bottom > C.bottom,
-      left: x.left < C.left
+    const C = d.value.getBoundingClientRect(), x = o.value.getBoundingClientRect(), k = {
+      top: C.top < x.top,
+      right: C.right > x.right,
+      bottom: C.bottom > x.bottom,
+      left: C.left < x.left
     };
-    return k.top || (s.value.y -= C.top - x.top), k.bottom || (s.value.y -= C.bottom - x.bottom), k.right || (s.value.x -= C.right - x.right), k.left || (s.value.x -= C.left - x.left), f(), k;
+    return k.top || (s.value.y -= x.top - C.top), k.bottom || (s.value.y -= x.bottom - C.bottom), k.right || (s.value.x -= x.right - C.right), k.left || (s.value.x -= x.left - C.left), f(), k;
   }
-  function F(x) {
-    x && (l.value && x.subtract(l.value), s.value.set(x), f(), g());
+  function F(C) {
+    C && (l.value && C.subtract(l.value), s.value.set(C), f(), g());
   }
-  function E(x) {
-    u.value && r.value && (x.stopPropagation(), x.preventDefault(), F(re.fromEvent(x, i.value)));
+  function E(C) {
+    u.value && r.value && (C.stopPropagation(), C.preventDefault(), F(re.fromEvent(C, i.value)));
   }
   function O() {
-    var x;
-    u.value && (u.value = !1, p.value.add(s.value), s.value.reset(), (x = o.value) == null || x.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", O));
+    var C;
+    u.value && (u.value = !1, p.value.add(s.value), s.value.reset(), (C = o.value) == null || C.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", O));
   }
   function L() {
     !u.value && i.value && (u.value = !0, i.value.classList.add("ng-dragging"), document.addEventListener("mousemove", E), document.addEventListener("mouseup", O));
   }
   function D() {
     if (o.value) {
-      const x = re.getTransformInfo(o.value);
-      p.value.set(x);
+      const C = re.getTransformInfo(o.value);
+      p.value.set(C);
       return;
     }
     p.value.reset();
   }
-  function w(x) {
-    if (!n.value || x instanceof MouseEvent && x.button === 2)
+  function w(C) {
+    if (!n.value || C instanceof MouseEvent && C.button === 2)
       return;
-    const C = x.target || x.srcElement;
-    i.value !== void 0 && C && !c(C, i.value) || r.value !== !1 && (document.body.click(), x.stopPropagation(), x.preventDefault(), l.value = re.fromEvent(x, o.value), D(), L());
+    const x = C.target || C.srcElement;
+    i.value !== void 0 && x && !c(x, i.value) || r.value !== !1 && (document.body.click(), C.stopPropagation(), C.preventDefault(), l.value = re.fromEvent(C, o.value), D(), L());
   }
-  function h(x, C, k) {
-    if (r.value && C) {
-      if (x)
-        i.value = x;
+  function h(C, x, k) {
+    if (r.value && x) {
+      if (C)
+        i.value = C;
       else if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
           i.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
-          const _ = C.querySelector(e.dragHandle);
+          const _ = x.querySelector(e.dragHandle);
           _ && (i.value = _);
         }
       }
-      o.value = C, d.value = k, i.value ? (i.value.classList.add("ng-draggable"), i.value.addEventListener("mousedown", w)) : r.value = !1;
+      o.value = x, d.value = k, i.value ? (i.value.classList.add("ng-draggable"), i.value.addEventListener("mousedown", w)) : r.value = !1;
     }
   }
   return {
@@ -994,7 +994,7 @@ function Gt(e, t) {
   }
 }
 function Wo(e, t) {
-  const n = y(e.enableEsc);
+  const n = b(e.enableEsc);
   let o = null;
   return n.value ? (o = Gt("Escape", (r) => {
     t.emit("esc", { event: r.event, type: "esc" });
@@ -1003,7 +1003,7 @@ function Wo(e, t) {
   }) : null;
 }
 function Go(e, t) {
-  const n = y(e.enableEnter);
+  const n = b(e.enableEnter);
   let o = null;
   return n.value ? (o = Gt("Enter", (r) => {
     t.emit("enter", { event: r.event, type: "enter" });
@@ -1016,11 +1016,11 @@ const We = /* @__PURE__ */ rt({
   props: Wt,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
   setup(e, t) {
-    const n = y(e.width || 300), o = y(e.height || 200), r = y(e.modelValue), a = y(""), i = y(e.class), d = y(e.fitContent), u = y(e.showHeader), l = y(""), p = y(e.showCloseButton), s = y(e.showMaxButton), m = y(!1), c = y(e.dialogType), f = y(e.src), g = y(""), F = y(e.showButtons), E = y(e.title), O = y(e.containment || null), L = y(), {
+    const n = b(e.width || 300), o = b(e.height || 200), r = b(e.modelValue), a = b(""), i = b(e.class), d = b(e.fitContent), u = b(e.showHeader), l = b(""), p = b(e.showCloseButton), s = b(e.showMaxButton), m = b(!1), c = b(e.dialogType), f = b(e.src), g = b(""), F = b(e.showButtons), E = b(e.title), O = b(e.containment || null), L = b(), {
       t: D
     } = Rt();
     E.value === "错误提示" && (E.value = D("messageBox.errorTitle"));
-    const w = y(!1);
+    const w = b(!1);
     function h(S, X) {
       const ae = X ? "accept" : "cancel";
       Promise.resolve().then(() => {
@@ -1032,7 +1032,7 @@ const We = /* @__PURE__ */ rt({
         se && (r.value = !1, t.emit("update:modelValue", !1), X != null && t.emit(X ? "accept" : "cancel"), t.emit("closed", S));
       });
     }
-    const x = [{
+    const C = [{
       name: "cancel",
       text: D("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
@@ -1046,7 +1046,7 @@ const We = /* @__PURE__ */ rt({
       handle: (S) => {
         h(S, !0);
       }
-    }], C = y(e.buttons && e.buttons.length ? e.buttons : x), k = z(() => !!l.value), _ = z(() => !!F.value && !!C.value), b = y(), q = y(), V = y(!1), {
+    }], x = b(e.buttons && e.buttons.length ? e.buttons : C), k = z(() => !!l.value), _ = z(() => !!F.value && !!x.value), y = b(), q = b(), V = b(!1), {
       renderResizeBar: H,
       maximize: W,
       restore: J,
@@ -1069,7 +1069,7 @@ const We = /* @__PURE__ */ rt({
       S !== X && (E.value = S);
     }), Be(() => e.modelValue, (S, X) => {
       S !== X && (r.value = S, r.value && e.draggable && It(() => {
-        q.value && !O.value && (O.value = q.value.parentElement, oe.value = O.value, K(b.value, q.value, oe.value), P());
+        q.value && !O.value && (O.value = q.value.parentElement, oe.value = O.value, K(y.value, q.value, oe.value), P());
       }), S || (O.value && (O.value = null), ve())), r.value ? w.value = pe() : (V.value = !1, M.value = e.draggable);
     }), Be(() => e.showHeader, (S, X) => {
       S !== X && (u.value = S);
@@ -1153,13 +1153,13 @@ const We = /* @__PURE__ */ rt({
       S.handle && await S.handle(X, S) && t.emit("closed", X);
     }
     function Oe(S) {
-      S.width && (n.value = S.width), S.height && (o.value = S.height), S.buttons && (C.value = S.buttons), S.title && (E.value = S.title);
+      S.width && (n.value = S.width), S.height && (o.value = S.height), S.buttons && (x.value = S.buttons), S.title && (E.value = S.title);
     }
     let Re = null, Se = null;
     bn(() => {
       w.value = pe();
     }), dt(() => {
-      q.value && !O.value && (O.value = q.value.parentElement, oe.value = O.value, K(b.value, q.value, oe.value)), Y.value && document.body.classList.add("modal-open"), Re = Wo(e, t), Se = Go(e, t);
+      q.value && !O.value && (O.value = q.value.parentElement, oe.value = O.value, K(y.value, q.value, oe.value)), Y.value && document.body.classList.add("modal-open"), Re = Wo(e, t), Se = Go(e, t);
     }), ft(() => {
       U && U(), Re && Re.remove(), Se && Se.remove();
     }), t.expose({
@@ -1192,8 +1192,8 @@ const We = /* @__PURE__ */ rt({
       return T("div", {
         class: "modal-footer",
         style: Ue.value
-      }, [C.value && C.value.map((S) => {
-        const X = y(S.disabled);
+      }, [x.value && x.value.map((S) => {
+        const X = b(S.disabled);
         return T("button", {
           name: S.name,
           type: "button",
@@ -1209,7 +1209,7 @@ const We = /* @__PURE__ */ rt({
     }
     function Le() {
       return T("div", {
-        ref: b,
+        ref: y,
         class: "modal-header",
         style: Ie.value
       }, [t.slots.headerTemplate ? t.slots.headerTemplate() : T("div", {
@@ -1286,7 +1286,7 @@ function Uo(e) {
       ft(() => {
         document.body.removeChild(t);
       });
-      const a = y(), i = y(e.class || ""), d = y(!!e.showButtons), u = y(!!e.showHeader), l = y(e.showCloseButton == null ? !0 : e.showCloseButton), p = y(!0), s = y(e.title || ""), m = e.acceptCallback || (() => {
+      const a = b(), i = b(e.class || ""), d = b(!!e.showButtons), u = b(!!e.showHeader), l = b(e.showCloseButton == null ? !0 : e.showCloseButton), p = b(!0), s = b(e.title || ""), m = e.acceptCallback || (() => {
       }), c = e.rejectCallback || (() => {
       }), f = e.closedCallback || ((L) => {
       }), g = e.resizeHandle || ((L) => {
@@ -1326,10 +1326,10 @@ function Uo(e) {
 class Yt {
   constructor(t) {
     he(this, "appContext", null);
-    he(this, "modalRef", y());
-    he(this, "activeModalIndex", y(0));
+    he(this, "modalRef", b());
+    he(this, "activeModalIndex", b(0));
     he(this, "modalRefs", {});
-    he(this, "isUseEscCloseModal", y(!1));
+    he(this, "isUseEscCloseModal", b(!1));
     he(this, "activeModalInstance", z(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = t, this.appContext = t ? t._context : null;
   }
@@ -1368,7 +1368,7 @@ class Yt {
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t)), r = y(!0), a = o.value.acceptCallback || (() => {
+    }, t)), r = b(!0), a = o.value.acceptCallback || (() => {
     }), i = o.value.rejectCallback || (() => {
     }), d = o.value.closedCallback || ((w, h) => {
     }), u = o.value.resizeHandle || ((w) => {
@@ -1376,14 +1376,14 @@ class Yt {
     });
     let p;
     const s = Ut(o.value), m = (w) => {
-      var x;
+      var C;
       r.value = !1;
-      const h = (x = w == null ? void 0 : w.target) == null ? void 0 : x.classList.contains("modal_close");
+      const h = (C = w == null ? void 0 : w.target) == null ? void 0 : C.classList.contains("modal_close");
       d(w, this.isUseEscCloseModal.value ? "esc" : h ? "icon" : "button");
     }, c = (w) => {
       m(w), p && It(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Bt(null, n), p = null, this.modalRef.value = null, this.modalRefs) {
-          const h = Object.keys(this.modalRefs).map((x) => Number(x));
+          const h = Object.keys(this.modalRefs).map((C) => Number(C));
           h.length > 0 ? this.activeModalIndex.value = Math.max(...h) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
@@ -1789,14 +1789,14 @@ function Xt(e, t, n) {
   }
   function p(f, g, F, E, O, L = "", D = "") {
     return Object.keys(f).map((h) => {
-      const x = y(1), C = h, k = f[h], _ = Object.keys(k), b = k.title, q = k.type, V = r.get(q) || { type: "input-group", enableClear: !1 }, H = k.editor ? Object.assign({}, V, k.editor) : Object.assign({}, V), W = d(_, k, g), J = u(_, k, g);
+      const C = b(1), x = h, k = f[h], _ = Object.keys(k), y = k.title, q = k.type, V = r.get(q) || { type: "input-group", enableClear: !1 }, H = k.editor ? Object.assign({}, V, k.editor) : Object.assign({}, V), W = d(_, k, g), J = u(_, k, g);
       H.readonly = H.readonly === void 0 ? J() : H.readonly;
       const oe = k.type === "cascade" ? p(k.properties, g, F, E, O, L, D) : [], R = !0;
       let M = l(k, D);
       const U = z({
         get() {
-          if (x.value) {
-            if (["class", "style"].find((le) => le === C) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
+          if (C.value) {
+            if (["class", "style"].find((le) => le === x) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
               return M.convertFrom(F, h, O, L);
             const ne = F[h];
             return Object.prototype.hasOwnProperty.call(k, "defaultValue") && (ne === void 0 || typeof ne == "string" && ne === "") ? k.type === "boolean" ? k.defaultValue : k.defaultValue || "" : ne;
@@ -1804,28 +1804,28 @@ function Xt(e, t, n) {
           return null;
         },
         set(ne) {
-          x.value += 1, M && M.convertTo ? (M.convertTo(E, h, ne, O, L), M.convertTo(F, h, ne, O, L)) : (E[h] = ne, F[h] = ne);
+          C.value += 1, M && M.convertTo ? (M.convertTo(E, h, ne, O, L), M.convertTo(F, h, ne, O, L)) : (E[h] = ne, F[h] = ne);
         }
-      }), { refreshPanelAfterChanged: P, description: K, isExpand: pe, parentPropertyID: ve } = k, Y = { propertyID: C, propertyName: b, propertyType: q, propertyValue: U, editor: H, visible: W, readonly: J, cascadeConfig: oe, hideCascadeTitle: R, refreshPanelAfterChanged: P, description: K, isExpand: pe, parentPropertyID: ve };
-      return g[C] = Y, Y;
+      }), { refreshPanelAfterChanged: P, description: K, isExpand: pe, parentPropertyID: ve } = k, Y = { propertyID: x, propertyName: y, propertyType: q, propertyValue: U, editor: H, visible: W, readonly: J, cascadeConfig: oe, hideCascadeTitle: R, refreshPanelAfterChanged: P, description: K, isExpand: pe, parentPropertyID: ve };
+      return g[x] = Y, Y;
     });
   }
   function s(f, g, F = {}) {
     const E = {}, O = e[f];
     return O && O.categories ? Object.keys(O.categories).map((D) => {
-      const w = O.categories[D], h = w == null ? void 0 : w.title, x = p(w.properties || {}, E, {}, F, g);
-      return { categoryId: D, categoryName: h, properties: x };
+      const w = O.categories[D], h = w == null ? void 0 : w.title, C = p(w.properties || {}, E, {}, F, g);
+      return { categoryId: D, categoryName: h, properties: C };
     }) : [];
   }
   function m(f, g, F, E, O = "") {
-    const L = g.$ref.schema, D = g.$ref.converter, w = F[L], h = w.type, x = n(w), C = {}, k = e[h];
+    const L = g.$ref.schema, D = g.$ref.converter, w = F[L], h = w.type, C = n(w), x = {}, k = e[h];
     if (k && k.categories) {
-      const _ = k.categories[f], b = _ == null ? void 0 : _.title;
+      const _ = k.categories[f], y = _ == null ? void 0 : _.title;
       D && Object.keys(_.properties).forEach((H) => {
         _.properties[H].$converter = D;
       });
-      const q = (_ == null ? void 0 : _.properties) || {}, V = p(q, C, x, w, E, O);
-      return { categoryId: f, categoryName: b, properties: V };
+      const q = (_ == null ? void 0 : _.properties) || {}, V = p(q, x, C, w, E, O);
+      return { categoryId: f, categoryName: y, properties: V };
     }
     return { categoryId: f, categoryName: "", properties: [] };
   }
@@ -1833,16 +1833,16 @@ function Xt(e, t, n) {
     const L = f.type, D = n(f), w = {};
     let h = O || e[L];
     if (h && Object.keys(h).length === 0 && F && F.getPropConfig && (h = F.getPropConfig(E)), h && h.categories) {
-      const x = [];
-      return Object.keys(h.categories).map((C) => {
-        const k = h.categories[C];
+      const C = [];
+      return Object.keys(h.categories).map((x) => {
+        const k = h.categories[x];
         if (k.$ref) {
-          x.push(m(C, k, f, g, E));
+          C.push(m(x, k, f, g, E));
           return;
         }
-        const _ = k == null ? void 0 : k.title, b = k == null ? void 0 : k.tabId, q = k == null ? void 0 : k.tabName, V = k == null ? void 0 : k.hide, H = k == null ? void 0 : k.hideTitle, W = p(k.properties || {}, w, D, f, g, E, k.$converter), { setPropertyRelates: J } = k, oe = k == null ? void 0 : k.parentPropertyID;
-        x.push({ categoryId: C, categoryName: _, tabId: b, tabName: q, hide: V, properties: W, hideTitle: H, setPropertyRelates: J, parentPropertyID: oe });
-      }), x;
+        const _ = k == null ? void 0 : k.title, y = k == null ? void 0 : k.tabId, q = k == null ? void 0 : k.tabName, V = k == null ? void 0 : k.hide, H = k == null ? void 0 : k.hideTitle, W = p(k.properties || {}, w, D, f, g, E, k.$converter), { setPropertyRelates: J } = k, oe = k == null ? void 0 : k.parentPropertyID;
+        C.push({ categoryId: x, categoryName: _, tabId: y, tabName: q, hide: V, properties: W, hideTitle: H, setPropertyRelates: J, parentPropertyID: oe });
+      }), C;
     }
     return [];
   }
@@ -1929,9 +1929,9 @@ function Jt(e, t) {
   }
   return { getSchemaByType: a, resolveSchemaWithDefaultValue: l, resolveSchemaToProps: u, mappingSchemaToProps: d, setDesignerContext: p };
 }
-const Qt = {}, Zt = {}, { resolveSchemaWithDefaultValue: gr } = Jt(Qt, Zt), Kt = {}, en = {};
+const Qt = {}, Zt = {}, { getSchemaByType: nl, resolveSchemaWithDefaultValue: gr, resolveSchemaToProps: ol, mappingSchemaToProps: rl, setDesignerContext: il } = Jt(Qt, Zt), Kt = {}, en = {};
 Xt(Kt, en, gr);
-const tn = {}, nn = {}, { resolveSchemaWithDefaultValue: hr, resolveSchemaToProps: yr, mappingSchemaToProps: br } = Jt(tn, nn), on = {}, rn = {};
+const tn = {}, nn = {}, { getSchemaByType: al, resolveSchemaWithDefaultValue: hr, resolveSchemaToProps: yr, mappingSchemaToProps: br, setDesignerContext: ll } = Jt(tn, nn), on = {}, rn = {};
 Xt(on, rn, hr);
 function pt(e, t, n = /* @__PURE__ */ new Map(), o = (i, d, u, l) => d, r = {}, a = (i) => i) {
   return tn[t.title] = t, nn[t.title] = o, on[t.title] = r, rn[t.title] = a, Qt[t.title] = t, Zt[t.title] = o, Kt[t.title] = r, en[t.title] = a, (i = {}, d = !0) => {
@@ -2057,8 +2057,8 @@ pt(
   Dt,
   void 0
 );
-y(0);
-y(0);
+b(0);
+b(0);
 const Je = class Je {
   /**
    * 根据绑定字段类型获取可用的输入类控件
@@ -2203,11 +2203,11 @@ var Mr = { exports: {} };
       2: [function(n, o, r) {
         (function(a) {
           var i = n("contra/emitter"), d = n("crossvent"), u = n("./classes"), l = document, p = l.documentElement;
-          function s(b, q) {
+          function s(y, q) {
             var V = arguments.length;
-            V === 1 && Array.isArray(b) === !1 && (q = b, b = []);
+            V === 1 && Array.isArray(y) === !1 && (q = y, y = []);
             var H, W, J, oe, R, M, U, P, K, pe = null, ve, Y, ne = !1, le = 0, ee, $ = q || {};
-            $.moves === void 0 && ($.moves = O), $.accepts === void 0 && ($.accepts = O), $.invalid === void 0 && ($.invalid = Ze), $.containers === void 0 && ($.containers = b || []), $.isContainer === void 0 && ($.isContainer = E), $.copy === void 0 && ($.copy = !1), $.copySortSource === void 0 && ($.copySortSource = !1), $.revertOnSpill === void 0 && ($.revertOnSpill = !1), $.removeOnSpill === void 0 && ($.removeOnSpill = !1), $.direction === void 0 && ($.direction = "vertical"), $.ignoreInputTextSelection === void 0 && ($.ignoreInputTextSelection = !0), $.mirrorContainer === void 0 && ($.mirrorContainer = l.body);
+            $.moves === void 0 && ($.moves = O), $.accepts === void 0 && ($.accepts = O), $.invalid === void 0 && ($.invalid = Ze), $.containers === void 0 && ($.containers = y || []), $.isContainer === void 0 && ($.isContainer = E), $.copy === void 0 && ($.copy = !1), $.copySortSource === void 0 && ($.copySortSource = !1), $.revertOnSpill === void 0 && ($.revertOnSpill = !1), $.removeOnSpill === void 0 && ($.removeOnSpill = !1), $.direction === void 0 && ($.direction = "vertical"), $.ignoreInputTextSelection === void 0 && ($.ignoreInputTextSelection = !0), $.mirrorContainer === void 0 && ($.mirrorContainer = l.body);
             var te = i({
               containers: $.containers,
               start: Se,
@@ -2272,7 +2272,7 @@ var Mr = { exports: {} };
                     return;
                 var N = w(v);
                 if (N && !$.invalid(v, B)) {
-                  var A = $.moves(v, N, B, C(v));
+                  var A = $.moves(v, N, B, x(v));
                   if (A)
                     return {
                       item: v,
@@ -2289,7 +2289,7 @@ var Mr = { exports: {} };
               B && Ne(B);
             }
             function Ne(v) {
-              kt(v.item, v.source) && (P = v.item.cloneNode(!0), te.emit("cloned", P, v.item, "copy")), W = v.source, J = v.item, M = U = C(v.item), te.dragging = !0, te.emit("drag", J, W);
+              kt(v.item, v.source) && (P = v.item.cloneNode(!0), te.emit("cloned", P, v.item, "copy")), W = v.source, J = v.item, M = U = x(v.item), te.dragging = !0, te.emit("drag", J, W);
             }
             function Ze() {
               return !1;
@@ -2331,7 +2331,7 @@ var Mr = { exports: {} };
             }
             function ae(v, B) {
               var N;
-              return B !== void 0 ? N = B : H ? N = U : N = C(P || J), v === W && N === M;
+              return B !== void 0 ? N = B : H ? N = U : N = x(P || J), v === W && N === M;
             }
             function se(v, B, N) {
               for (var A = v; A && !Q(); )
@@ -2379,7 +2379,7 @@ var Mr = { exports: {} };
               }
             }
             function vt(v, B, N) {
-              (v === B || v === C(B)) && (U = C(B)), (v === null && N || v !== B && v !== C(B)) && (U = v);
+              (v === B || v === x(B)) && (U = x(B)), (v === null && N || v !== B && v !== x(B)) && (U = v);
             }
             function gt(v) {
               u.rm(v, "gu-hide");
@@ -2498,14 +2498,14 @@ var Mr = { exports: {} };
                 return Te(Q ? N > ue.left + L(ue) / 2 : A > ue.top + D(ue) / 2);
               }
               function Te(ue) {
-                return ue ? C(B) : B;
+                return ue ? x(B) : B;
               }
             }
             function kt(v, B) {
               return typeof $.copy == "boolean" ? $.copy : $.copy(v, B);
             }
           }
-          function m(b) {
+          function m(y) {
             const q = Array.from(window.scrollContainerList);
             if (q.length === 1) {
               const H = Array.from(window.scrollContainerList)[0];
@@ -2513,18 +2513,18 @@ var Mr = { exports: {} };
             }
             const V = c(q);
             for (const H of V)
-              if (H.contains(b))
+              if (H.contains(y))
                 return H;
             return null;
           }
-          function c(b) {
+          function c(y) {
             const q = [];
-            return b.forEach((V) => {
+            return y.forEach((V) => {
               const H = document.getElementById(V);
               H && q.push(H);
             }), q.sort((V, H) => V.contains(H) ? 1 : H.contains(V) ? -1 : 0), q;
           }
-          function f(b, q, V, H) {
+          function f(y, q, V, H) {
             var W = {
               mouseup: "touchend",
               mousedown: "touchstart",
@@ -2538,23 +2538,23 @@ var Mr = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            a.navigator.pointerEnabled ? d[q](b, J[V], H) : a.navigator.msPointerEnabled ? d[q](b, oe[V], H) : (d[q](b, W[V], H), d[q](b, V, H));
+            a.navigator.pointerEnabled ? d[q](y, J[V], H) : a.navigator.msPointerEnabled ? d[q](y, oe[V], H) : (d[q](y, W[V], H), d[q](y, V, H));
           }
-          function g(b) {
-            if (b.touches !== void 0)
-              return b.touches.length;
-            if (b.which !== void 0 && b.which !== 0)
-              return b.which;
-            if (b.buttons !== void 0)
-              return b.buttons;
-            var q = b.button;
+          function g(y) {
+            if (y.touches !== void 0)
+              return y.touches.length;
+            if (y.which !== void 0 && y.which !== 0)
+              return y.which;
+            if (y.buttons !== void 0)
+              return y.buttons;
+            var q = y.button;
             if (q !== void 0)
               return q & 1 ? 1 : q & 2 ? 3 : q & 4 ? 2 : 0;
           }
-          function F(b, q, V) {
-            b = b || {};
-            var H = b.className || "", W;
-            return b.className += " gu-hide", W = l.elementFromPoint(q, V), b.className = H, W;
+          function F(y, q, V) {
+            y = y || {};
+            var H = y.className || "", W;
+            return y.className += " gu-hide", W = l.elementFromPoint(q, V), y.className = H, W;
           }
           function E() {
             return !1;
@@ -2562,42 +2562,42 @@ var Mr = { exports: {} };
           function O() {
             return !0;
           }
-          function L(b) {
-            return b.width || b.right - b.left;
+          function L(y) {
+            return y.width || y.right - y.left;
           }
-          function D(b) {
-            return b.height || b.bottom - b.top;
+          function D(y) {
+            return y.height || y.bottom - y.top;
           }
-          function w(b) {
-            return b.parentNode === l ? null : b.parentNode;
+          function w(y) {
+            return y.parentNode === l ? null : y.parentNode;
           }
-          function h(b) {
-            return b.tagName === "INPUT" || b.tagName === "TEXTAREA" || b.tagName === "SELECT" || x(b);
+          function h(y) {
+            return y.tagName === "INPUT" || y.tagName === "TEXTAREA" || y.tagName === "SELECT" || C(y);
           }
-          function x(b) {
-            return !b || b.contentEditable === "false" ? !1 : b.contentEditable === "true" ? !0 : x(w(b));
+          function C(y) {
+            return !y || y.contentEditable === "false" ? !1 : y.contentEditable === "true" ? !0 : C(w(y));
           }
-          function C(b) {
-            return b.nextElementSibling || q();
+          function x(y) {
+            return y.nextElementSibling || q();
             function q() {
-              var V = b;
+              var V = y;
               do
                 V = V.nextSibling;
               while (V && V.nodeType !== 1);
               return V;
             }
           }
-          function k(b) {
-            return b.targetTouches && b.targetTouches.length ? b.targetTouches[0] : b.changedTouches && b.changedTouches.length ? b.changedTouches[0] : b;
+          function k(y) {
+            return y.targetTouches && y.targetTouches.length ? y.targetTouches[0] : y.changedTouches && y.changedTouches.length ? y.changedTouches[0] : y;
           }
-          function _(b, q) {
+          function _(y, q) {
             var V = k(q), H = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return b in H && !(b in V) && H[b] in V && (b = H[b]), V[b];
+            return y in H && !(y in V) && H[y] in V && (y = H[y]), V[y];
           }
           o.exports = s;
         }).call(this, typeof Pe < "u" ? Pe : typeof self < "u" ? self : typeof window < "u" ? window : {});
@@ -2660,62 +2660,62 @@ var Mr = { exports: {} };
             remove: p,
             fabricate: F
           };
-          function m(w, h, x, C) {
-            return w.addEventListener(h, x, C);
+          function m(w, h, C, x) {
+            return w.addEventListener(h, C, x);
           }
-          function c(w, h, x) {
-            return w.attachEvent("on" + h, O(w, h, x));
+          function c(w, h, C) {
+            return w.attachEvent("on" + h, O(w, h, C));
           }
-          function f(w, h, x, C) {
-            return w.removeEventListener(h, x, C);
+          function f(w, h, C, x) {
+            return w.removeEventListener(h, C, x);
           }
-          function g(w, h, x) {
-            var C = L(w, h, x);
-            if (C)
-              return w.detachEvent("on" + h, C);
+          function g(w, h, C) {
+            var x = L(w, h, C);
+            if (x)
+              return w.detachEvent("on" + h, x);
           }
-          function F(w, h, x) {
-            var C = d.indexOf(h) === -1 ? _() : k();
-            w.dispatchEvent ? w.dispatchEvent(C) : w.fireEvent("on" + h, C);
+          function F(w, h, C) {
+            var x = d.indexOf(h) === -1 ? _() : k();
+            w.dispatchEvent ? w.dispatchEvent(x) : w.fireEvent("on" + h, x);
             function k() {
-              var b;
-              return u.createEvent ? (b = u.createEvent("Event"), b.initEvent(h, !0, !0)) : u.createEventObject && (b = u.createEventObject()), b;
+              var y;
+              return u.createEvent ? (y = u.createEvent("Event"), y.initEvent(h, !0, !0)) : u.createEventObject && (y = u.createEventObject()), y;
             }
             function _() {
-              return new i(h, { detail: x });
+              return new i(h, { detail: C });
             }
           }
-          function E(w, h, x) {
+          function E(w, h, C) {
             return function(k) {
               var _ = k || a.event;
               _.target = _.target || _.srcElement, _.preventDefault = _.preventDefault || function() {
                 _.returnValue = !1;
               }, _.stopPropagation = _.stopPropagation || function() {
                 _.cancelBubble = !0;
-              }, _.which = _.which || _.keyCode, x.call(w, _);
+              }, _.which = _.which || _.keyCode, C.call(w, _);
             };
           }
-          function O(w, h, x) {
-            var C = L(w, h, x) || E(w, h, x);
+          function O(w, h, C) {
+            var x = L(w, h, C) || E(w, h, C);
             return s.push({
-              wrapper: C,
+              wrapper: x,
               element: w,
               type: h,
-              fn: x
-            }), C;
+              fn: C
+            }), x;
           }
-          function L(w, h, x) {
-            var C = D(w, h, x);
-            if (C) {
-              var k = s[C].wrapper;
-              return s.splice(C, 1), k;
+          function L(w, h, C) {
+            var x = D(w, h, C);
+            if (x) {
+              var k = s[x].wrapper;
+              return s.splice(x, 1), k;
             }
           }
-          function D(w, h, x) {
-            var C, k;
-            for (C = 0; C < s.length; C++)
-              if (k = s[C], k.element === w && k.type === h && k.fn === x)
-                return C;
+          function D(w, h, C) {
+            var x, k;
+            for (x = 0; x < s.length; x++)
+              if (k = s[x], k.element === w && k.type === h && k.fn === C)
+                return x;
           }
         }).call(this, typeof Pe < "u" ? Pe : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
@@ -2920,7 +2920,7 @@ const Ir = {
     const {
       locale: n,
       t: o
-    } = Rt(), r = y(e.animate), a = "fadeOut", i = z(() => e.options), d = y(!1), u = z(() => i.value.title && i.value.message), l = z(() => !i.value.title && i.value.message), p = z(() => {
+    } = Rt(), r = b(e.animate), a = "fadeOut", i = z(() => e.options), d = b(!1), u = z(() => i.value.title && i.value.message), l = z(() => !i.value.title && i.value.message), p = z(() => {
       const D = {
         animated: d.value,
         toast: !0,
@@ -2928,10 +2928,10 @@ const Ir = {
       };
       return D[e.animate] = !1, D[a] = d.value, D["toasty-type-" + i.value.type] = !0, i.value.theme && (D[i.value.theme] = !0), D;
     }), s = z(() => {
-      const h = `f-icon-${i.value && i.value.type ? i.value.type.replace("toasty-type-", "") : "default"}`, x = {
+      const h = `f-icon-${i.value && i.value.type ? i.value.type.replace("toasty-type-", "") : "default"}`, C = {
         "f-icon": !0
       };
-      return x[h] = !0, x;
+      return C[h] = !0, C;
     }), m = z(() => i.value.title || i.value.message), c = z(() => e.showCloseButton), f = z(() => !!i.value.buttons || !!t.slots.default), g = z(() => n.value === "en" ? {
       wordBreak: "keep-all",
       overflowWrap: "break-word"
@@ -3008,7 +3008,7 @@ const Ir = {
       right: 12,
       top: 20,
       bottom: 12
-    }, r = y(), a = y(e.options), i = y(e.showCloseButton), d = z(() => e.position || "bottom-right"), u = z(() => e.timeout != null ? e.timeout : 3e3), l = z(() => {
+    }, r = b(), a = b(e.options), i = b(e.showCloseButton), d = z(() => e.position || "bottom-right"), u = z(() => e.timeout != null ? e.timeout : 3e3), l = z(() => {
       const m = e.bottom ? e.bottom : o.bottom, c = e.top ? e.top : o.top, f = {
         transition: "all 0.2s ease",
         left: d.value.indexOf("left") > -1 ? `${e.left ? e.left : o.left}px` : "",
@@ -3067,7 +3067,7 @@ class Rr {
     const i = _t({
       setup() {
         var l;
-        const d = y();
+        const d = b();
         function u() {
           d.value.container.style.transform = "scale(0)", setTimeout(() => {
             n.updateNotifyPositionForClose(r, d), i.unmount();
@@ -3328,15 +3328,15 @@ function jr(e, t, n, o, r, a, i, d, u, l, p, s, m, c, f, g, F) {
   } = i, {
     gridDataStyle: w,
     leftFixedGridDataStyle: h,
-    rightFixedGridDataStyle: x
+    rightFixedGridDataStyle: C
   } = c, {
-    renderDataRow: C
-  } = In(e, t, O, F, d, u, l, p, s, m, c, f, g), k = [C];
+    renderDataRow: x
+  } = In(e, t, O, F, d, u, l, p, s, m, c, f, g), k = [x];
   function _(W, J) {
     const oe = E(W);
     return F.value.filter((R) => R.visible !== !1).map((R, M) => k[R.type](R, oe, J, M));
   }
-  function b() {
+  function y() {
     return T("div", {
       ref: o,
       class: "fv-grid-content-left-fixed"
@@ -3360,12 +3360,12 @@ function jr(e, t, n, o, r, a, i, d, u, l, p, s, m, c, f, g, F) {
       class: "fv-grid-content-right-fixed"
     }, [T("div", {
       class: "fv-grid-data",
-      style: x.value
+      style: C.value
     }, [_(O.value.rightColumns.filter((W) => W.visible), "right")])]);
   }
   function H() {
     const W = [];
-    return L.value && W.push(b()), W.push(q()), D.value && W.push(V()), W;
+    return L.value && W.push(y()), W.push(q()), D.value && W.push(V()), W;
   }
   return {
     renderDataArea: H
@@ -3377,19 +3377,19 @@ const Pr = /* @__PURE__ */ rt({
   emits: ["selectionChange", "clickRow", "expandNode", "unSelectItem", "dblclickNode", "doubleClickRow", "unSelectItem", "selectItem", "filterChanged", "sortChanged", "selectionUpdate"],
   setup(e, t) {
     var jt, Pt;
-    const o = ((jt = e.rowOption) == null ? void 0 : jt.height) || 28, r = y(20), a = y(e.columns), i = On(e), {
+    const o = ((jt = e.rowOption) == null ? void 0 : jt.height) || 28, r = b(20), a = b(e.columns), i = On(e), {
       idField: d
-    } = i, u = y(), l = y(), p = y(), s = y(), m = y(), c = y([]), f = y(!1), g = y(((Pt = e.rowOption) == null ? void 0 : Pt.wrapContent) || !1), F = Rn(e, i), E = Nn(e, t), O = Dn(e), {
+    } = i, u = b(), l = b(), p = b(), s = b(), m = b(), c = b([]), f = b(!1), g = b(((Pt = e.rowOption) == null ? void 0 : Pt.wrapContent) || !1), F = Rn(e, i), E = Nn(e, t), O = Dn(e), {
       collapseField: L
     } = O, {
       showLoading: D,
       renderLoading: w
     } = jn(e, u), h = Pn(e, /* @__PURE__ */ new Map(), E, O, i), {
-      dataView: x
-    } = h, C = Hn(e, h, i, c, t), {
+      dataView: C
+    } = h, x = Hn(e, h, i, c, t), {
       showSelection: k,
       selectedValues: _
-    } = C, b = $n(e, c, h, i, C, t), q = z(() => e.disabled), V = z(() => e.virtualized ? Math.min(h.dataView.value.length, r.value) : h.dataView.value.length), H = zn(e, h), {
+    } = x, y = $n(e, c, h, i, x, t), q = z(() => e.disabled), V = z(() => e.virtualized ? Math.min(h.dataView.value.length, r.value) : h.dataView.value.length), H = zn(e, h), {
       shouldRenderPagination: W
     } = H, {
       containerStyleObject: J
@@ -3408,9 +3408,9 @@ const Pr = /* @__PURE__ */ rt({
       updateColumnRenderContext: Y
     } = P;
     pe(h, K);
-    const ne = Wn(e, ve), le = Gn(e, t, C, i), ee = Un(e, t, i, le, c), $ = Yn(e), te = Xn(e, ee, $), $e = Jn(e, h, ee, O, i, $, te), Ie = Qn(e, a, h, V, 0, $e), {
+    const ne = Wn(e, ve), le = Gn(e, t, x, i), ee = Un(e, t, i, le, c), $ = Yn(e), te = Xn(e, ee, $), $e = Jn(e, h, ee, O, i, $, te), Ie = Qn(e, a, h, V, 0, $e), {
       getVisualData: xe
-    } = Ie, Ge = Zn(e, ve), ze = Kn(e, C), {
+    } = Ie, Ge = Zn(e, ve), ze = Kn(e, x), {
       sidebarWidth: Ue
     } = ze, ie = eo(e, h, c, ve, Ie, V, 0, Ue), {
       onWheel: Qe,
@@ -3435,13 +3435,13 @@ const Pr = /* @__PURE__ */ rt({
       "fv-grid-wrap-content": g.value
     })), {
       renderDataArea: ae
-    } = jr(e, t, p, s, m, Ge, P, h, ee, O, le, C, b, ie, Ie, $, c), {
+    } = jr(e, t, p, s, m, Ge, P, h, ee, O, le, x, y, ie, Ie, $, c), {
       renderGridHeader: se,
       renderGridColumnResizeOverlay: Me,
       shouldShowHeader: vt
-    } = io(e, t, l, s, m, P, h, Xe, Ye, E, De, Le, ne, C, ze, K, ie, Se, c), {
+    } = io(e, t, l, s, m, P, h, Xe, Ye, E, De, Le, ne, x, ze, K, ie, Se, c), {
       renderDataGridSidebar: gt
-    } = ao(e, le, C, ze, ie), {
+    } = ao(e, le, x, ze, ie), {
       renderDisableMask: ht
     } = lo(), {
       renderHorizontalScrollbar: yt
@@ -3470,7 +3470,7 @@ const Pr = /* @__PURE__ */ rt({
       h.expandTo(j), h.reOrderVisibleIndex(), Ne();
     }
     function Ke() {
-      const j = C.getSelectionRow();
+      const j = x.getSelectionRow();
       return j ? j.dataIndex - 1 : -1;
     }
     function xt() {
@@ -3486,8 +3486,8 @@ const Pr = /* @__PURE__ */ rt({
       h.insertNewChildDataItems(j, me);
     }
     function Ft() {
-      const j = Ke(), G = b.getNextSelectableHierarchyItemId(j);
-      h.removeHierarchyDataItem(j), c.value = xe(0, V.value + 0 - 1), G && C.selectItemById(G);
+      const j = Ke(), G = y.getNextSelectableHierarchyItemId(j);
+      h.removeHierarchyDataItem(j), c.value = xe(0, V.value + 0 - 1), G && y.selectItemById(G);
     }
     function at(j) {
       ee.onEditingRow(j);
@@ -3508,7 +3508,7 @@ const Pr = /* @__PURE__ */ rt({
       j && (h.load(j), h.reOrderVisibleIndex(), G != null && G.keepScrollPosition ? ie.scrollTo(ie.offsetY.value) : Ne());
     }
     function A(j) {
-      C.selectItemById(j);
+      y.selectItemById(j);
     }
     function Q(j) {
       const G = c.value.find((ce) => ce.raw[i.idField.value] === j);
@@ -3518,28 +3518,28 @@ const Pr = /* @__PURE__ */ rt({
       le.activeRowById(j);
     }
     function Ce(j) {
-      C.selectItemByIds(j);
+      y.selectItemByIds(j);
     }
     function ge() {
-      return C.getSelectedItems();
+      return x.getSelectedItems();
     }
     function ye() {
-      C.clearSelection();
+      x.clearSelection();
     }
     const Te = z(() => !c.value || !c.value.length), {
       renderEmpty: ue
     } = co(e, t);
     function Fe() {
-      return C.getSelectionRow();
+      return x.getSelectionRow();
     }
     function be(j) {
-      C.unSelectItemByIds(j);
+      y.unSelectItemByIds(j);
     }
     function fe() {
-      return C.currentSelectedDataId.value;
+      return x.currentSelectedDataId.value;
     }
     function et(j, G, ce) {
-      const me = x.value.find((we) => we[d.value] === j);
+      const me = C.value.find((we) => we[d.value] === j);
       if (me) {
         if (Object.keys(me).forEach((de) => {
           Object.prototype.hasOwnProperty.call(G, de) && (me[de] = G[de]);
@@ -3590,7 +3590,7 @@ const Pr = /* @__PURE__ */ rt({
       ce && le.changeRow(ce);
     }
     function dn() {
-      C.keepSelectingOnPaging.value || ye(), h.updateVisibleDataSummary(c.value);
+      x.keepSelectingOnPaging.value || ye(), h.updateVisibleDataSummary(c.value);
     }
     t.expose({
       activeRowById: Z,
@@ -3627,9 +3627,9 @@ const Pr = /* @__PURE__ */ rt({
     }), mn = z(() => ({
       ...J.value,
       borderRadius: "5px"
-    })), {
-      renderDataGridPagination: Si
-    } = fo(e, t, h, ie, H, C), pn = z(() => ({
+    }));
+    fo(e, t, h, ie, H, x);
+    const pn = z(() => ({
       "d-flex": !0,
       "justify-content-between": W.value && k.value,
       "justify-content-end": W.value && !k.value,