@vtj/ui 0.7.31 → 0.7.32

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as V, useAttrs as We, getCurrentInstance as pe, computed as v, markRaw as we, openBlock as u, createBlock as g, unref as o, normalizeClass as J, normalizeStyle as fe, withCtx as f, renderSlot as C, resolveDynamicComponent as Q, createCommentVNode as h, createElementBlock as $, mergeProps as F, createElementVNode as j, toDisplayString as A, Fragment as W, renderList as Y, isVNode as Xt, h as ae, shallowRef as Pe, ref as D, watch as L, toRef as Ae, createTextVNode as R, useSlots as Ht, toRaw as ye, createVNode as k, normalizeProps as le, guardReactiveProps as be, effectScope as ft, reactive as Oe, onMounted as mt, onUnmounted as gt, watchEffect as Je, nextTick as ve, Teleport as yt, withDirectives as G, createSlots as ce, render as nt, vShow as oe, isRef as Ie, withModifiers as vt, KeepAlive as Kt, provide as Ce, inject as Se, withKeys as Lt } from "vue";
-import { ElIcon as Wt, ElSubMenu as Jt, ElBadge as He, ElMenuItem as Qt, ElMenu as Zt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Yt, ElDropdownItem as qt, ElTooltip as ht, ElDivider as se, ElSwitch as Qe, ElInput as _e, ElEmpty as bt, ElTabs as _t, ElTabPane as Ke, ElPopover as kt, ElAvatar as en, ElMessageBox as je, ElSelect as wt, ElOption as xt, ElCheckboxButton as tn, ElCheckbox as nn, ElCheckboxGroup as on, ElRadioButton as an, ElRadio as sn, ElRadioGroup as ln, ElInputNumber as rn, ElDatePicker as ot, ElTimePicker as un, ElRate as cn, ElSlider as dn, ElCascader as pn, formContextKey as fn, ElFormItem as mn, ElForm as gn, ElImage as yn, ElInfiniteScroll as at, ElPagination as vn, ElDescriptions as st, ElDescriptionsItem as Ne, ElMessage as lt } from "element-plus";
-import { ArrowRight as hn, Minimize as bn, Popup as _n, Maximize as kn, RawClose as wn, StarFilled as St, Menu as xn, Search as Le, Close as Ct, Expand as Sn, Fold as Cn, Star as zt, Document as me, Refresh as zn, CopyDocument as $n, Moon as Tn, Sunny as En, MoreFilled as Mn, UserFilled as In, HomeFilled as Bn, WarningFilled as Vn, EditPen as Pn } from "@vtj/icons";
-import { useDraggable as An, useMouseInElement as Dn, useEventListener as De, useElementSize as $t, useDark as On, useResizeObserver as Rn, useVirtualList as Fn } from "@vueuse/core";
-import { isEqual as Ze, isObject as Ge, uid as Tt, arrayToMap as jn, isUrl as Nn, upperFirstCamelCase as Et, toArray as Mt, get as Be, merge as Un, set as Ue, debounce as Xn, dedupArray as Hn, numberFormat as Kn } from "@vtj/utils";
-import { useRouter as Ye, RouterView as Ln, useRoute as It, routeLocationKey as Wn } from "vue-router";
+import { defineComponent as I, useAttrs as We, getCurrentInstance as pe, computed as v, markRaw as we, openBlock as c, createBlock as g, unref as o, normalizeClass as Y, normalizeStyle as fe, withCtx as f, renderSlot as S, resolveDynamicComponent as J, createCommentVNode as b, createElementBlock as z, mergeProps as A, createElementVNode as F, toDisplayString as O, Fragment as W, renderList as Z, isVNode as Lt, h as ae, shallowRef as Ve, ref as j, watch as K, toRef as Oe, createTextVNode as D, useSlots as Ut, toRaw as ye, createVNode as k, normalizeProps as le, guardReactiveProps as he, effectScope as ft, reactive as Re, onMounted as mt, onUnmounted as gt, watchEffect as Ye, nextTick as ve, Teleport as yt, withDirectives as G, createSlots as ue, render as nt, vShow as oe, isRef as Pe, withModifiers as vt, KeepAlive as Ht, provide as Se, inject as $e, withKeys as Kt } from "vue";
+import { ElIcon as Wt, ElSubMenu as Yt, ElBadge as Ue, ElMenuItem as Jt, ElMenu as qt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Zt, ElDropdownItem as Qt, ElTooltip as bt, ElDivider as se, ElSwitch as Je, ElInput as _e, ElEmpty as ht, ElTabs as _t, ElTabPane as He, ElPopover as kt, ElAvatar as en, ElMessageBox as Fe, ElSelect as wt, ElOption as xt, ElCheckboxButton as tn, ElCheckbox as nn, ElCheckboxGroup as on, ElRadioButton as an, ElRadio as sn, ElRadioGroup as ln, ElInputNumber as rn, ElDatePicker as ot, ElTimePicker as cn, ElRate as un, ElSlider as dn, ElCascader as pn, formContextKey as fn, ElFormItem as mn, ElForm as gn, ElImage as yn, ElInfiniteScroll as at, ElPagination as vn, ElDescriptions as st, ElDescriptionsItem as Ne, ElMessage as lt } from "element-plus";
+import { ArrowRight as bn, Minimize as hn, Popup as _n, Maximize as kn, RawClose as wn, StarFilled as $t, Menu as xn, Search as Ke, Close as St, Expand as $n, Fold as Sn, Star as Ct, Document as me, Refresh as Cn, CopyDocument as zn, Moon as Mn, Sunny as Tn, MoreFilled as En, UserFilled as Pn, HomeFilled as Bn, WarningFilled as In, EditPen as Vn } from "@vtj/icons";
+import { useDraggable as On, useMouseInElement as jn, useEventListener as je, useElementSize as zt, useDark as Rn, useResizeObserver as Dn, useVirtualList as An } from "@vueuse/core";
+import { isEqual as qe, isObject as Ge, uid as Mt, arrayToMap as Fn, isUrl as Nn, upperFirstCamelCase as Tt, toArray as Et, get as Be, merge as Xn, set as Xe, debounce as Ln, dedupArray as Un, numberFormat as Hn } from "@vtj/utils";
+import { useRouter as Ze, RouterView as Kn, useRoute as Pt, routeLocationKey as Wn } from "vue-router";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.31
+ * @version 0.7.32
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ua = "0.7.31", Jn = {
+const Xa = "0.7.32", Yn = {
   default: 14,
   small: 12,
   large: 18
-}, Qn = {
+}, Jn = {
   icon: {
     type: [String, Object]
   },
@@ -39,10 +39,10 @@ const Ua = "0.7.31", Jn = {
     type: Number
   }
 };
-function q(a) {
+function Q(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
-function Te(a = 0, n) {
+function Me(a = 0, n) {
   if (typeof a == "number")
     return a;
   if (/(%|vh|vw)$/i.test(a)) {
@@ -55,16 +55,16 @@ function it(a, n = {}) {
   const e = { ...n };
   return typeof a == "boolean" ? e : Object.assign(e, a || {});
 }
-const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
+const rt = Symbol("INSTALLED_KEY"), La = (a = []) => ({
   install: (e) => {
     e[rt] || (e[rt] = !0, a.forEach((t) => {
       t.name && e.component(t.name, t);
     }));
   }
-}), Zn = ["src"], de = /* @__PURE__ */ V({
+}), qn = ["src"], de = /* @__PURE__ */ I({
   name: "XIcon",
   __name: "Icon",
-  props: Qn,
+  props: Jn,
   setup(a) {
     const n = a, e = We(), t = pe(), l = v(() => {
       if (!n.icon)
@@ -76,36 +76,36 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
         "is-pointer": !!e.onClick
       };
       return !l.value && n.icon && (i[n.icon] = !0), i;
-    }), c = v(() => ({
+    }), u = v(() => ({
       "background-color": n.background,
-      "border-radius": n.radius ? q(n.radius) : void 0,
-      padding: n.padding ? q(n.padding) : void 0
-    })), r = v(() => typeof n.size == "number" ? n.size : Jn[n.size] ?? void 0);
-    return (i, p) => (u(), g(o(Wt), {
-      class: J(["x-icon", s.value]),
+      "border-radius": n.radius ? Q(n.radius) : void 0,
+      padding: n.padding ? Q(n.padding) : void 0
+    })), r = v(() => typeof n.size == "number" ? n.size : Yn[n.size] ?? void 0);
+    return (i, p) => (c(), g(o(Wt), {
+      class: Y(["x-icon", s.value]),
       color: n.color,
       size: r.value,
-      style: fe(c.value)
+      style: fe(u.value)
     }, {
       default: f(() => [
-        C(i.$slots, "default", {}, () => [
-          l.value ? (u(), g(Q(l.value), { key: 0 })) : h("", !0),
-          n.src ? (u(), $("img", {
+        S(i.$slots, "default", {}, () => [
+          l.value ? (c(), g(J(l.value), { key: 0 })) : b("", !0),
+          n.src ? (c(), z("img", {
             key: 1,
             src: n.src
-          }, null, 8, Zn)) : h("", !0)
+          }, null, 8, qn)) : b("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class", "color", "size", "style"]));
   }
-}), Gn = { class: "x-menu__wrapper" }, Yn = {
+}), Gn = { class: "x-menu__wrapper" }, Zn = {
   key: 1,
   class: "x-menu__title"
-}, qn = /* @__PURE__ */ j("i", null, null, -1), eo = {
+}, Qn = /* @__PURE__ */ F("i", null, null, -1), eo = {
   key: 0,
   class: "x-menu__title"
-}, to = /* @__PURE__ */ j("i", null, null, -1), Bt = /* @__PURE__ */ V({
+}, to = /* @__PURE__ */ F("i", null, null, -1), Bt = /* @__PURE__ */ I({
   inheritAttrs: !1,
   name: "XMenuItem",
   __name: "MenuItem",
@@ -115,36 +115,36 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
     defaultIcon: {}
   },
   setup(a) {
-    const n = a, e = pe(), t = (c) => {
-      if (c)
-        return typeof c == "string" && (e?.appContext.app?.component(c) || n.defaultIcon) || c;
-    }, l = (c) => typeof c == "object" ? c : { value: c }, s = (c = []) => c.filter((r) => !r.hidden);
-    return (c, r) => n.item.children ? (u(), g(o(Jt), F({
+    const n = a, e = pe(), t = (u) => {
+      if (u)
+        return typeof u == "string" && (e?.appContext.app?.component(u) || n.defaultIcon) || u;
+    }, l = (u) => typeof u == "object" ? u : { value: u }, s = (u = []) => u.filter((r) => !r.hidden);
+    return (u, r) => n.item.children ? (c(), g(o(Yt), A({
       key: 0,
       disabled: n.item.disabled
     }, n.subMenu, {
       index: String(n.item.id)
     }), {
       title: f(() => [
-        j("div", Gn, [
-          n.item.icon ? (u(), g(o(de), {
+        F("div", Gn, [
+          n.item.icon ? (c(), g(o(de), {
             key: 0,
             icon: t(n.item.icon)
-          }, null, 8, ["icon"])) : h("", !0),
-          n.item.title ? (u(), $("span", Yn, A(n.item.title), 1)) : h("", !0),
-          n.item.badge ? (u(), g(o(He), F({
+          }, null, 8, ["icon"])) : b("", !0),
+          n.item.title ? (c(), z("span", Zn, O(n.item.title), 1)) : b("", !0),
+          n.item.badge ? (c(), g(o(Ue), A({
             key: 2,
             class: "x-menu__badge"
           }, l(n.item.badge)), {
             default: f(() => [
-              qn
+              Qn
             ]),
             _: 1
-          }, 16)) : h("", !0)
+          }, 16)) : b("", !0)
         ])
       ]),
       default: f(() => [
-        (u(!0), $(W, null, Y(s(n.item.children), (i) => (u(), g(o(Bt), {
+        (c(!0), z(W, null, Z(s(n.item.children), (i) => (c(), g(o(Bt), {
           key: i.id,
           item: i,
           subMenu: n.subMenu,
@@ -152,14 +152,14 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
         }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
       ]),
       _: 1
-    }, 16, ["disabled", "index"])) : (u(), g(o(Qt), {
+    }, 16, ["disabled", "index"])) : (c(), g(o(Jt), {
       key: 1,
       index: String(n.item.id),
       disabled: n.item.disabled
     }, {
       title: f(() => [
-        n.item.title ? (u(), $("span", eo, A(n.item.title), 1)) : h("", !0),
-        n.item.badge ? (u(), g(o(He), F({
+        n.item.title ? (c(), z("span", eo, O(n.item.title), 1)) : b("", !0),
+        n.item.badge ? (c(), g(o(Ue), A({
           key: 1,
           class: "x-menu__badge"
         }, l(n.item.badge)), {
@@ -167,18 +167,18 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
             to
           ]),
           _: 1
-        }, 16)) : h("", !0)
+        }, 16)) : b("", !0)
       ]),
       default: f(() => [
-        n.item.icon ? (u(), g(o(de), {
+        n.item.icon ? (c(), g(o(de), {
           key: 0,
           icon: t(n.item.icon)
-        }, null, 8, ["icon"])) : h("", !0)
+        }, null, 8, ["icon"])) : b("", !0)
       ]),
       _: 1
     }, 8, ["index", "disabled"]));
   }
-}), ge = /* @__PURE__ */ V({
+}), ge = /* @__PURE__ */ I({
   inheritAttrs: !1,
   name: "XMenu",
   __name: "Menu",
@@ -191,24 +191,24 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
   setup(a, { emit: n }) {
     const e = a, t = n, l = v(() => e.data.filter((r) => !r.hidden)), s = (r, i) => {
       const p = (d, m = []) => {
-        for (const b of m) {
-          if (b.id.toString() === d.toString())
-            return b;
-          if (b.children?.length) {
-            const _ = p(d, b.children);
+        for (const h of m) {
+          if (h.id.toString() === d.toString())
+            return h;
+          if (h.children?.length) {
+            const _ = p(d, h.children);
             if (_)
               return _;
           }
         }
       };
       return p(i, r);
-    }, c = (r) => {
+    }, u = (r) => {
       const i = s(l.value, r);
       i && t("select", i);
     };
-    return (r, i) => (u(), g(o(Zt), F({ class: "x-menu" }, r.$attrs, { onSelect: c }), {
+    return (r, i) => (c(), g(o(qt), A({ class: "x-menu" }, r.$attrs, { onSelect: u }), {
       default: f(() => [
-        (u(!0), $(W, null, Y(l.value, (p) => (u(), g(o(Bt), {
+        (c(!0), z(W, null, Z(l.value, (p) => (c(), g(o(Bt), {
           item: { ...p, icon: p.icon },
           defaultIcon: e.defaultIcon,
           subMenu: e.subMenu
@@ -217,7 +217,7 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
       _: 1
     }, 16));
   }
-}), Vt = {
+}), It = {
   /**
    * 动作名称标识
    */
@@ -342,7 +342,7 @@ function so(a) {
   return v(() => {
     const e = o(a);
     if (e)
-      if (typeof e == "string" || e.setup || e.render || Xt(e)) {
+      if (typeof e == "string" || e.setup || e.render || Lt(e)) {
         const t = n?.appContext.app;
         return {
           icon: typeof e == "string" && t?.component(e) || e
@@ -354,39 +354,39 @@ function so(a) {
 }
 function ke(a) {
   const n = so(a);
-  return n.value ? we(V({ render: () => ae(de, n.value) })) : void 0;
+  return n.value ? we(I({ render: () => ae(de, n.value) })) : void 0;
 }
-function qe(a, n) {
+function Qe(a, n) {
   return v(() => {
     const e = o(a);
     return typeof e == "function" ? e(n) : !!e;
   });
 }
 function lo(a, n, e) {
-  const t = Pe(n), l = D(!1), s = async (r) => {
+  const t = Ve(n), l = j(!1), s = async (r) => {
     const i = o(a);
     return i ? typeof i == "function" ? await i(r) : i : n;
-  }, c = async (r) => (l.value = !0, await s(r).then((i) => (t.value = i || n, l.value = !1, o(t))));
-  return L(
+  }, u = async (r) => (l.value = !0, await s(r).then((i) => (t.value = i || n, l.value = !1, o(t))));
+  return K(
     () => a,
     () => {
-      c(e);
+      u(e);
     },
     { immediate: !0 }
-  ), e && L(e, () => {
-    c(e);
+  ), e && K(e, () => {
+    u(e);
   }), {
     data: t,
     loading: l,
-    loader: c
+    loader: u
   };
 }
-const io = { key: 0 }, ro = /* @__PURE__ */ V({
+const io = { key: 0 }, ro = /* @__PURE__ */ I({
   __name: "Trigger",
-  props: Vt,
+  props: It,
   emits: ["click"],
   setup(a, { emit: n }) {
-    const e = a, t = n, l = ke(Ae(e, "icon")), s = qe(Ae(e, "disabled")), c = v(() => ({
+    const e = a, t = n, l = ke(Oe(e, "icon")), s = Qe(Oe(e, "disabled")), u = v(() => ({
       [`is-${e.mode}`]: !!e.mode,
       [`is-${e.type}`]: !!e.type,
       [`is-${e.size}`]: !!e.size && e.size !== "default",
@@ -397,7 +397,7 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
       if (i.preventDefault(), !s.value)
         return t("click"), !1;
     };
-    return (i, p) => e.mode === "button" ? (u(), g(o(ie), F({
+    return (i, p) => e.mode === "button" ? (c(), g(o(ie), A({
       key: 0,
       icon: o(l),
       type: e.type,
@@ -405,63 +405,63 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
       disabled: o(s)
     }, e.button, { onClick: r }), {
       default: f(() => [
-        R(A(i.label), 1)
+        D(O(i.label), 1)
       ]),
       _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (u(), $("div", {
+    }, 16, ["icon", "type", "size", "disabled"])) : (c(), z("div", {
       key: 1,
-      class: J(["x-action__inner", c.value]),
+      class: Y(["x-action__inner", u.value]),
       onClick: r
     }, [
-      (u(), g(Q(o(l)))),
-      i.label ? (u(), $("span", io, A(i.label), 1)) : h("", !0)
+      (c(), g(J(o(l)))),
+      i.label ? (c(), z("span", io, O(i.label), 1)) : b("", !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ V({
+}), te = /* @__PURE__ */ I({
   name: "XAction",
   __name: "Action",
-  props: Vt,
+  props: It,
   emits: ["click", "command"],
   setup(a, { emit: n }) {
-    const e = a, t = Ht(), l = n, s = no(e), c = oo(e), r = ao(e), i = qe(Ae(e, "disabled")), p = v(() => ({
+    const e = a, t = Ut(), l = n, s = no(e), u = oo(e), r = ao(e), i = Qe(Oe(e, "disabled")), p = v(() => ({
       [`x-action--${e.mode}`]: !!e.mode
     })), d = () => {
       i.value || l("click", ye(e));
     }, m = (w) => {
       if (i.value)
         return;
-      const M = e.menus?.find((I) => I.command === w);
-      M && l("command", ye(M));
-    }, b = (w) => ae(He, c.value, () => [].concat(w)), _ = (w) => ae(
+      const E = e.menus?.find((P) => P.command === w);
+      E && l("command", ye(E));
+    }, h = (w) => ae(Ue, u.value, () => [].concat(w)), _ = (w) => ae(
       Gt,
       { ...r.value, disabled: i.value, onCommand: m },
       {
         default: () => [w],
         dropdown: () => [
           ae(
-            Yt,
-            () => (e.menus || []).map((M, I) => ae(
-              qt,
-              M,
-              () => t.item ? t.item({ item: M, index: I }) : M.label
+            Zt,
+            () => (e.menus || []).map((E, P) => ae(
+              Qt,
+              E,
+              () => t.item ? t.item({ item: E, index: P }) : E.label
             ))
           )
         ]
       }
-    ), y = (w) => ae(ht, { ...s.value, disabled: i.value }, () => [
+    ), y = (w) => ae(bt, { ...s.value, disabled: i.value }, () => [
       w
-    ]), S = v(() => {
+    ]), $ = v(() => {
       let w = ae(we(ro), { ...e, onClick: d });
-      const M = t.default?.();
-      return M && M.length && (w = M[0]), c.value && (w = b(w)), r.value && (w = _(w)), s.value && (w = y(w)), w;
+      const E = t.default?.();
+      return E && E.length && (w = E[0]), u.value && (w = h(w)), r.value && (w = _(w)), s.value && (w = y(w)), w;
     });
-    return (w, M) => (u(), $("div", {
-      class: J(["x-action", p.value])
+    return (w, E) => (c(), z("div", {
+      class: Y(["x-action", p.value])
     }, [
-      (u(), g(Q(S.value)))
+      (c(), g(J($.value)))
     ], 2));
   }
-}), uo = {
+}), co = {
   /**
    * 动作项
    */
@@ -532,10 +532,10 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
   button: {
     type: Object
   }
-}, et = /* @__PURE__ */ V({
+}, et = /* @__PURE__ */ I({
   name: "XActionBar",
   __name: "ActionBar",
-  props: uo,
+  props: co,
   emits: ["click", "command"],
   setup(a, { emit: n }) {
     const e = a, t = n, l = v(() => (e.items || []).map((r) => r === "|" ? r : {
@@ -550,20 +550,20 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
       } : void 0
     })), s = (r) => {
       t("click", r);
-    }, c = (r, i) => {
+    }, u = (r, i) => {
       t("command", r, i);
     };
-    return (r, i) => (u(), g(o(B), {
+    return (r, i) => (c(), g(o(B), {
       class: "x-action-bar",
       align: "center"
     }, {
       default: f(() => [
-        (u(!0), $(W, null, Y(l.value, (p) => (u(), $(W, null, [
-          p === "|" ? (u(), g(o(se), {
+        (c(!0), z(W, null, Z(l.value, (p) => (c(), z(W, null, [
+          p === "|" ? (c(), g(o(se), {
             key: 0,
             direction: "vertical",
             class: "x-action-bar__divider"
-          })) : (u(), g(o(te), F({
+          })) : (c(), g(o(te), A({
             key: 1,
             mode: e.mode,
             size: e.size,
@@ -572,17 +572,17 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
             background: e.background,
             button: e.button,
             dropdown: e.dropdown,
-            disabled: o(qe)(e.disabled, p).value
+            disabled: o(Qe)(e.disabled, p).value
           }, p, {
             onClick: s,
-            onCommand: (d) => c(p, d)
+            onCommand: (d) => u(p, d)
           }), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
         ], 64))), 256))
       ]),
       _: 1
     }));
   }
-}), co = {
+}), uo = {
   /**
    * 组件渲染html标签
    */
@@ -698,10 +698,10 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
   autoPointer: {
     type: Boolean
   }
-}, B = /* @__PURE__ */ V({
+}, B = /* @__PURE__ */ I({
   name: "XContainer",
   __name: "Container",
-  props: co,
+  props: uo,
   setup(a) {
     const n = a, e = We(), t = pe(), l = v(() => {
       const r = t?.parent;
@@ -725,19 +725,19 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
       "is-padding": !!n.padding,
       "is-pointer": n.autoPointer && !!e.onClick,
       "is-gap": !!n.gap
-    })), c = v(() => {
+    })), u = v(() => {
       const { width: r, height: i, fit: p } = n;
       return p ? null : {
-        width: r ? q(r) : void 0,
-        height: i ? q(i) : void 0
+        width: r ? Q(r) : void 0,
+        height: i ? Q(i) : void 0
       };
     });
-    return (r, i) => (u(), g(Q(n.tag), {
-      class: J(["x-container", s.value]),
-      style: fe(c.value)
+    return (r, i) => (c(), g(J(n.tag), {
+      class: Y(["x-container", s.value]),
+      style: fe(u.value)
     }, {
       default: f(() => [
-        C(r.$slots, "default")
+        S(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -766,61 +766,61 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
 }, fo = { class: "x-header__content" }, mo = {
   key: 0,
   class: "x-header__actions"
-}, go = /* @__PURE__ */ V({
+}, go = /* @__PURE__ */ I({
   name: "XHeader",
   inheritAttrs: !1,
   __name: "Header",
   props: po,
   setup(a) {
-    const n = a, e = ke(Ae(n, "icon")), t = We(), l = v(() => ({
+    const n = a, e = ke(Oe(n, "icon")), t = We(), l = v(() => ({
       [`is-size-${n.size}`]: !!n.size && n.size !== "default",
       "is-border": n.border,
       "is-pointer": !!t.onClick
     }));
-    return (s, c) => (u(), g(o(B), {
-      class: J(["x-header", l.value]),
+    return (s, u) => (c(), g(o(B), {
+      class: Y(["x-header", l.value]),
       justify: "space-between",
       align: "center"
     }, {
       default: f(() => [
         k(o(B), {
           align: "center",
-          class: J(["x-header__wrapper", l.value]),
+          class: Y(["x-header__wrapper", l.value]),
           grow: "",
           onClick: o(t).onClick
         }, {
           default: f(() => [
-            o(e) ? (u(), g(Q(o(e)), {
+            o(e) ? (c(), g(J(o(e)), {
               key: 0,
               class: "x-header__icon",
               onClick: o(t).onClickIcon || o(t).onClick
-            }, null, 8, ["onClick"])) : h("", !0),
-            j("span", fo, [
-              C(s.$slots, "default", {}, () => [
-                R(A(n.content), 1)
+            }, null, 8, ["onClick"])) : b("", !0),
+            F("span", fo, [
+              S(s.$slots, "default", {}, () => [
+                D(O(n.content), 1)
               ])
             ]),
-            n.more ? (u(), g(o(de), {
+            n.more ? (c(), g(o(de), {
               key: 1,
               class: "x-header__more",
-              icon: o(hn)
-            }, null, 8, ["icon"])) : h("", !0),
-            n.subtitle || s.$slots.subtitle ? (u(), $("span", {
+              icon: o(bn)
+            }, null, 8, ["icon"])) : b("", !0),
+            n.subtitle || s.$slots.subtitle ? (c(), z("span", {
               key: 2,
               class: "x-header__subtitle",
-              onClick: c[0] || (c[0] = //@ts-ignore
+              onClick: u[0] || (u[0] = //@ts-ignore
               (...r) => o(t).onClick && o(t).onClick(...r))
             }, [
-              C(s.$slots, "subtitle", {}, () => [
-                R(A(n.subtitle), 1)
+              S(s.$slots, "subtitle", {}, () => [
+                D(O(n.subtitle), 1)
               ])
-            ])) : h("", !0)
+            ])) : b("", !0)
           ]),
           _: 3
         }, 8, ["class", "onClick"]),
-        s.$slots.actions ? (u(), $("div", mo, [
-          C(s.$slots, "actions")
-        ])) : h("", !0)
+        s.$slots.actions ? (c(), z("div", mo, [
+          S(s.$slots, "actions")
+        ])) : b("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -889,12 +889,12 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
   footer: {
     type: Object
   }
-}, Ve = /* @__PURE__ */ V({
+}, Ie = /* @__PURE__ */ I({
   name: "XPanel",
   __name: "Panel",
   props: yo,
   setup(a, { expose: n }) {
-    const e = a, t = D(), l = v(() => ({
+    const e = a, t = j(), l = v(() => ({
       "x-panel--card": !!e.card,
       "x-panel--default": !e.card,
       [`is-${e.size}`]: !!e.size && e.size !== "default",
@@ -907,68 +907,68 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
     } : {
       ...e.header,
       size: e.size
-    }), c = v(() => e.fit || e.height ? "auto" : void 0);
+    }), u = v(() => e.fit || e.height ? "auto" : void 0);
     return n({
       bodyRef: t
-    }), (r, i) => (u(), g(o(B), {
-      class: J(["x-panel", l.value]),
+    }), (r, i) => (c(), g(o(B), {
+      class: Y(["x-panel", l.value]),
       direction: "column",
       fit: e.fit,
       width: e.width,
       height: e.height
     }, {
       default: f(() => [
-        s.value ? (u(), g(o(B), {
+        s.value ? (c(), g(o(B), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
         }, {
           default: f(() => [
-            C(r.$slots, "header", {}, () => [
-              k(o(go), le(be(s.value)), {
+            S(r.$slots, "header", {}, () => [
+              k(o(go), le(he(s.value)), {
                 default: f(() => [
-                  C(r.$slots, "title")
+                  S(r.$slots, "title")
                 ]),
                 actions: f(() => [
-                  C(r.$slots, "actions")
+                  S(r.$slots, "actions")
                 ]),
                 _: 3
               }, 16)
             ])
           ]),
           _: 3
-        })) : h("", !0),
-        k(o(B), F({
+        })) : b("", !0),
+        k(o(B), A({
           ref_key: "bodyRef",
           ref: t,
           flex: !1,
-          overflow: c.value,
+          overflow: u.value,
           grow: "",
           padding: "",
           class: "x-panel__body"
         }, e.body), {
           default: f(() => [
-            C(r.$slots, "default")
+            S(r.$slots, "default")
           ]),
           _: 3
         }, 16, ["overflow"]),
-        r.$slots.footer ? (u(), g(o(B), F({
+        r.$slots.footer ? (c(), g(o(B), A({
           key: 1,
           flex: !1,
           padding: "",
           class: "x-panel__footer"
         }, e.footer), {
           default: f(() => [
-            C(r.$slots, "footer")
+            S(r.$slots, "footer")
           ]),
           _: 3
-        }, 16)) : h("", !0)
+        }, 16)) : b("", !0)
       ]),
       _: 3
     }, 8, ["class", "fit", "width", "height"]));
   }
-}), ut = "user-select-none";
-class ct {
+}), ct = "user-select-none";
+class ut {
   constructor(n, e = {}) {
     this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
       this.init();
@@ -985,38 +985,38 @@ class ct {
     return typeof n == "string" ? document.querySelector(n) : o(n) || document.body;
   }
   init() {
-    const { el: n, options: e } = this, { disabled: t, delay: l = 150, onStart: s, onEnd: c } = e;
+    const { el: n, options: e } = this, { disabled: t, delay: l = 150, onStart: s, onEnd: u } = e;
     if (t)
       return;
     let r = null;
     const i = this.getHandle(), p = this.getTarget();
     let d = n.getBoundingClientRect(), m = null;
-    const { x: b, y: _ } = An(n, {
+    const { x: h, y: _ } = On(n, {
       initialValue: { x: d.x, y: d.y },
       ...e,
       handle: i,
-      onStart: (y, S) => {
-        document.body.classList.add(ut), clearTimeout(r), r = setTimeout(() => {
-          this.dragging = !0, d = n.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(y, S);
+      onStart: (y, $) => {
+        document.body.classList.add(ct), clearTimeout(r), r = setTimeout(() => {
+          this.dragging = !0, d = n.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(y, $);
         }, l);
       },
-      onEnd: (y, S) => {
-        if (clearTimeout(r), document.body.classList.remove(ut), this.dragging && m) {
+      onEnd: (y, $) => {
+        if (clearTimeout(r), document.body.classList.remove(ct), this.dragging && m) {
           this.dragging = !1;
-          const { x: w, y: M } = y, I = this.getPosition(m, d, w, M);
-          c && c(I, S), m = null;
+          const { x: w, y: E } = y, P = this.getPosition(m, d, w, E);
+          u && u(P, $), m = null;
         }
       }
     });
-    L([b, _], () => {
+    K([h, _], () => {
       if (this.dragging && m) {
-        const y = this.getPosition(m, d, b.value, _.value);
+        const y = this.getPosition(m, d, h.value, _.value);
         n.style.left = `${y.x}px`, n.style.top = `${y.y}px`;
       }
     });
   }
   getPosition(n, e, t, l) {
-    const { edge: s = 50 } = this.options, c = -e.width + s, r = n.width - s, i = 0, p = n.height - s, d = Math.min(r, Math.max(t, c)), m = Math.min(p, Math.max(l, i));
+    const { edge: s = 50 } = this.options, u = -e.width + s, r = n.width - s, i = 0, p = n.height - s, d = Math.min(r, Math.max(t, u)), m = Math.min(p, Math.max(l, i));
     return {
       x: d,
       y: m
@@ -1028,19 +1028,19 @@ class ct {
 }
 const vo = {
   mounted(a, n) {
-    const e = n.value || {}, t = new ct(a, e);
+    const e = n.value || {}, t = new ut(a, e);
     a.__draggable__ = t;
   },
   updated(a, n) {
     const e = n.value || {};
     let t = a.__draggable__;
-    t && !Ze(t.options, e) && (t.destory(), a.__draggable__ = new ct(a, e));
+    t && !qe(t.options, e) && (t.destory(), a.__draggable__ = new ut(a, e));
   },
   unmounted(a) {
     const n = a.__draggable__;
     n && (n.destory(), a.__draggable__ = null);
   }
-}, Xe = "user-select-none";
+}, Le = "user-select-none";
 class dt {
   constructor(n, e = {}) {
     this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
@@ -1048,8 +1048,8 @@ class dt {
     });
   }
   scope;
-  resizing = D(!1);
-  direction = D("");
+  resizing = j(!1);
+  direction = j("");
   MIE = null;
   cleanMousedown;
   cleanMouseup;
@@ -1057,55 +1057,55 @@ class dt {
     const { el: n, options: e } = this, { disabled: t, onStart: l, onEnd: s } = e;
     if (t)
       return;
-    this.MIE = Dn(n), this.cleanMousedown = De(document, "mousedown", () => {
+    this.MIE = jn(n), this.cleanMousedown = je(document, "mousedown", () => {
       this.direction?.value && this.MIE && (this.resizing.value = !0, n.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
-    }), this.cleanMouseup = De(document, "mouseup", () => {
+    }), this.cleanMouseup = je(document, "mouseup", () => {
       this.resizing.value && this.direction?.value && this.MIE && (n.classList.remove(
         "is-resizing",
         `is-${this.direction.value}-resizing`
       ), s && s(this.direction.value, this.MIE)), this.resizing.value = !1;
-    }), L(this.direction, (i) => {
+    }), K(this.direction, (i) => {
       const p = document.body;
-      p.style.cursor = i ? `${i}-resize` : "", i ? p.classList.add(Xe) : p.classList.remove(Xe);
+      p.style.cursor = i ? `${i}-resize` : "", i ? p.classList.add(Le) : p.classList.remove(Le);
     });
-    const { x: c, y: r } = this.MIE;
-    L([c, r], () => {
+    const { x: u, y: r } = this.MIE;
+    K([u, r], () => {
       this.resizing.value ? this.resize() : this.direction.value = this.getDirection();
     });
   }
   resize() {
-    const { MIE: n, direction: e, resizing: t, options: l, el: s } = this, c = e?.value || "";
-    if (!n || !t.value || !c)
+    const { MIE: n, direction: e, resizing: t, options: l, el: s } = this, u = e?.value || "";
+    if (!n || !t.value || !u)
       return;
-    const { x: r, y: i, elementX: p, elementY: d, elementHeight: m, elementWidth: b } = n, { onResizing: _ } = l, {
+    const { x: r, y: i, elementX: p, elementY: d, elementHeight: m, elementWidth: h } = n, { onResizing: _ } = l, {
       minWidth: y = 0,
-      minHeight: S = 0,
+      minHeight: $ = 0,
       maxWidth: w = 99999,
-      maxHeight: M = 99999
+      maxHeight: E = 99999
     } = l;
-    if (c.includes("e")) {
-      const I = Math.min(Math.max(p.value, y), w);
-      s.style.width = `${I}px`;
+    if (u.includes("e")) {
+      const P = Math.min(Math.max(p.value, y), w);
+      s.style.width = `${P}px`;
     }
-    if (c.includes("s")) {
-      const I = Math.min(Math.max(d.value, S), M);
-      s.style.height = `${I}px`;
+    if (u.includes("s")) {
+      const P = Math.min(Math.max(d.value, $), E);
+      s.style.height = `${P}px`;
     }
-    if (c.includes("w")) {
-      const I = Math.min(
-        Math.max(b.value - p.value, y),
+    if (u.includes("w")) {
+      const P = Math.min(
+        Math.max(h.value - p.value, y),
         w
       );
-      s.style.width = `${I}px`, s.style.left = `${r.value}px`;
+      s.style.width = `${P}px`, s.style.left = `${r.value}px`;
     }
-    if (c.includes("n")) {
-      const I = Math.min(
-        Math.max(m.value - d.value, S),
-        M
+    if (u.includes("n")) {
+      const P = Math.min(
+        Math.max(m.value - d.value, $),
+        E
       );
-      this.el.style.height = `${I}px`, this.el.style.top = `${i.value}px`;
+      this.el.style.height = `${P}px`, this.el.style.top = `${i.value}px`;
     }
-    _ && _(c, n);
+    _ && _(u, n);
   }
   getDirection() {
     if (!this.MIE)
@@ -1113,16 +1113,16 @@ class dt {
     const { elementX: n, elementY: e, elementHeight: t, elementWidth: l, isOutside: s } = this.MIE;
     if (s.value)
       return "";
-    const { dirs: c = ["n", "s", "w", "e"], edge: r = 5 } = this.options;
+    const { dirs: u = ["n", "s", "w", "e"], edge: r = 5 } = this.options;
     let i = "";
-    return c.includes("n") && e.value <= r ? i += "n" : c.includes("s") && e.value > t.value - r && (i += "s"), c.includes("w") && n.value <= r ? i += "w" : c.includes("e") && n.value > l.value - r && (i += "e"), i;
+    return u.includes("n") && e.value <= r ? i += "n" : u.includes("s") && e.value > t.value - r && (i += "s"), u.includes("w") && n.value <= r ? i += "w" : u.includes("e") && n.value > l.value - r && (i += "e"), i;
   }
   destory() {
     const n = document.body;
-    n.style.cursor = "", n.classList.remove(Xe), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
+    n.style.cursor = "", n.classList.remove(Le), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
   }
 }
-const Pt = {
+const Vt = {
   mounted(a, n) {
     const e = n.value || {}, t = new dt(a, e);
     a.__resizable__ = t;
@@ -1130,13 +1130,13 @@ const Pt = {
   updated(a, n) {
     const e = n.value || {};
     let t = a.__resizable__;
-    t && !Ze(t.options, e) && (t.destory(), a.__resizable__ = new dt(a, e));
+    t && !qe(t.options, e) && (t.destory(), a.__resizable__ = new dt(a, e));
   },
   unmounted(a) {
     const n = a.__resizable__;
     n && (n.destory(), a.__resizable__ = null);
   }
-}, ho = {
+}, bo = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -1221,9 +1221,9 @@ const Pt = {
     type: Boolean
   }
 };
-let he = 1e3;
-function bo(a, n) {
-  const { width: e, height: t } = $t(n), l = Oe({
+let be = 1e3;
+function ho(a, n) {
+  const { width: e, height: t } = zt(n), l = Re({
     mode: a.mode || "normal",
     wrapperWidth: 0,
     wrapperHeight: 0,
@@ -1231,14 +1231,14 @@ function bo(a, n) {
     height: 0,
     top: 0,
     left: 0,
-    zIndex: ++he,
+    zIndex: ++be,
     dragging: !1,
     resizing: !1
   });
-  return L([e, t], ([s, c]) => {
-    l.wrapperWidth = s, l.wrapperHeight = c, l.width = Te(a.width, s), l.height = Te(a.height, c), l.left = a.left ? Te(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Te(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
-  }), L(l, (s) => {
-    he = Math.max(s.zIndex, he);
+  return K([e, t], ([s, u]) => {
+    l.wrapperWidth = s, l.wrapperHeight = u, l.width = Me(a.width, s), l.height = Me(a.height, u), l.left = a.left ? Me(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Me(a.top, u) : Math.max(Math.floor((u - l.height) / 2), 0);
+  }), K(l, (s) => {
+    be = Math.max(s.zIndex, be);
   }), {
     state: l,
     normal: v(() => l.mode === "normal"),
@@ -1248,9 +1248,9 @@ function bo(a, n) {
 }
 function _o(a, n) {
   const e = v(() => {
-    const { width: c, height: r, top: i, left: p, zIndex: d } = n;
+    const { width: u, height: r, top: i, left: p, zIndex: d } = n;
     return {
-      width: `${c}px`,
+      width: `${u}px`,
       height: `${r}px`,
       top: `${i}px`,
       left: `${p}px`,
@@ -1290,7 +1290,7 @@ function ko(a, n, e) {
       const m = d.target.nodeName || "";
       ["INPUT", "TEXTAREA", "RADIO", "CHECKBOX"].includes(
         m.toUpperCase()
-      ) || (n.zIndex = Math.max(n.zIndex, ++he));
+      ) || (n.zIndex = Math.max(n.zIndex, ++be));
     },
     submit: () => e("submit"),
     cancel: () => {
@@ -1307,7 +1307,7 @@ function wo(a, n, e, t) {
       target: t,
       selector: ".x-panel__header",
       onStart(s) {
-        n.dragging = !0, n.zIndex = Math.max(n.zIndex, ++he), e("dragStart", s);
+        n.dragging = !0, n.zIndex = Math.max(n.zIndex, ++be), e("dragStart", s);
       },
       onMove(s) {
         e("dragging", s);
@@ -1315,8 +1315,8 @@ function wo(a, n, e, t) {
       onEnd(s) {
         if (n.mode === "maximized")
           return;
-        const { x: c, y: r } = s;
-        n.left = c, n.top = r, n.dragging = !1, e("dragEnd", s);
+        const { x: u, y: r } = s;
+        n.left = u, n.top = r, n.dragging = !1, e("dragEnd", s);
       }
     };
   });
@@ -1331,7 +1331,7 @@ function xo(a, n, e) {
       disabled: t,
       dirs: ["e", "s", "w"],
       onStart(l, s) {
-        n.resizing = !0, n.zIndex = Math.max(n.zIndex, ++he), e("resizeStart", l, s);
+        n.resizing = !0, n.zIndex = Math.max(n.zIndex, ++be), e("resizeStart", l, s);
       },
       onResizing(l, s) {
         e("resizing", l, s);
@@ -1342,7 +1342,7 @@ function xo(a, n, e) {
     };
   });
 }
-function So(a, n) {
+function $o(a, n) {
   const e = a.componentInstance;
   if (!e)
     return;
@@ -1356,18 +1356,18 @@ function So(a, n) {
     componentInstance: e
   };
 }
-const Co = ["src"], At = /* @__PURE__ */ V({
+const So = ["src"], Ot = /* @__PURE__ */ I({
   name: "XDialog",
   __name: "Dialog",
-  props: ho,
+  props: bo,
   emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
   setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = pe(), c = D(), r = D(), { state: i, maximized: p, minimized: d, normal: m } = bo(t, c), { styles: b, classes: _, wrapperClass: y, modalStyle: S } = _o(t, i), { changeMode: w, active: M, close: I, show: z, hide: P, submit: T, cancel: N } = ko(
+    const t = a, l = e, s = pe(), u = j(), r = j(), { state: i, maximized: p, minimized: d, normal: m } = ho(t, u), { styles: h, classes: _, wrapperClass: y, modalStyle: $ } = _o(t, i), { changeMode: w, active: E, close: P, show: C, hide: V, submit: M, cancel: N } = ko(
       t,
       i,
       l
-    ), x = wo(t, i, l, c), H = xo(t, i, l), K = So(t, r);
-    Je(async () => {
+    ), x = wo(t, i, l, u), U = xo(t, i, l), H = $o(t, r);
+    Ye(async () => {
       t.modelValue && (await ve(), s && l("open", s));
     });
     const re = v(() => r.value?.$el);
@@ -1378,27 +1378,27 @@ const Co = ["src"], At = /* @__PURE__ */ V({
       maximized: p,
       minimized: d,
       changeMode: w,
-      show: z,
-      hide: P,
-      submit: T,
+      show: C,
+      hide: V,
+      submit: M,
       cancel: N,
-      close: I,
-      componentInstance: K
-    }), (Z, ee) => t.modelValue ? (u(), g(yt, {
+      close: P,
+      componentInstance: H
+    }), (q, ee) => t.modelValue ? (c(), g(yt, {
       key: 0,
       to: "body"
     }, [
-      j("div", {
+      F("div", {
         ref_key: "wrapper",
-        ref: c,
-        class: J(["x-dialog__wrapper", o(y)])
+        ref: u,
+        class: Y(["x-dialog__wrapper", o(y)])
       }, [
-        t.modal ? (u(), $("div", {
+        t.modal ? (c(), z("div", {
           key: 0,
           class: "x-dialog__modal",
-          style: fe(o(S))
-        }, null, 4)) : h("", !0),
-        G((u(), g(o(Ve), F({
+          style: fe(o($))
+        }, null, 4)) : b("", !0),
+        G((c(), g(o(Ie), A({
           ref_key: "panelRef",
           ref: r,
           class: ["x-dialog", o(_)],
@@ -1408,101 +1408,101 @@ const Co = ["src"], At = /* @__PURE__ */ V({
           width: "800px",
           height: "600px",
           footer: { justify: "space-between", flex: !0, align: "center" },
-          style: o(b),
+          style: o(h),
           size: t.size,
           body: { padding: t.bodyPadding },
-          onClick: o(M)
-        }, Z.$attrs), ce({
+          onClick: o(E)
+        }, q.$attrs), ue({
           title: f(() => [
-            R(A(t.title), 1)
+            D(O(t.title), 1)
           ]),
           actions: f(() => [
-            C(Z.$slots, "actions"),
-            t.minimizable ? (u(), g(o(te), {
+            S(q.$slots, "actions"),
+            t.minimizable ? (c(), g(o(te), {
               key: 0,
-              icon: o(bn),
+              icon: o(hn),
               size: t.size,
               mode: "icon",
               type: "primary",
               background: "hover",
-              onClick: ee[0] || (ee[0] = (ue) => o(w)("minimized"))
-            }, null, 8, ["icon", "size"])) : h("", !0),
-            t.maximizable ? (u(), $(W, { key: 1 }, [
-              o(m) ? (u(), g(o(te), {
+              onClick: ee[0] || (ee[0] = (ce) => o(w)("minimized"))
+            }, null, 8, ["icon", "size"])) : b("", !0),
+            t.maximizable ? (c(), z(W, { key: 1 }, [
+              o(m) ? (c(), g(o(te), {
                 key: 1,
                 icon: o(kn),
                 size: t.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: ee[2] || (ee[2] = (ue) => o(w)("maximized"))
-              }, null, 8, ["icon", "size"])) : (u(), g(o(te), {
+                onClick: ee[2] || (ee[2] = (ce) => o(w)("maximized"))
+              }, null, 8, ["icon", "size"])) : (c(), g(o(te), {
                 key: 0,
                 icon: o(_n),
                 size: t.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: ee[1] || (ee[1] = (ue) => o(w)("normal"))
+                onClick: ee[1] || (ee[1] = (ce) => o(w)("normal"))
               }, null, 8, ["icon", "size"]))
-            ], 64)) : h("", !0),
-            t.closable ? (u(), g(o(te), {
+            ], 64)) : b("", !0),
+            t.closable ? (c(), g(o(te), {
               key: 2,
               icon: o(wn),
               size: t.size,
               mode: "icon",
               type: "danger",
               background: "hover",
-              onClick: o(I)
-            }, null, 8, ["icon", "size", "onClick"])) : h("", !0)
+              onClick: o(P)
+            }, null, 8, ["icon", "size", "onClick"])) : b("", !0)
           ]),
           default: f(() => [
-            C(Z.$slots, "default", {}, () => [
-              t.content ? (u(), g(Q(t.content), { key: 0 })) : h("", !0),
-              t.src ? (u(), $("iframe", {
+            S(q.$slots, "default", {}, () => [
+              t.content ? (c(), g(J(t.content), { key: 0 })) : b("", !0),
+              t.src ? (c(), z("iframe", {
                 key: 1,
                 src: t.src,
                 class: "x-dialog__frame"
-              }, null, 8, Co)) : h("", !0)
+              }, null, 8, So)) : b("", !0)
             ])
           ]),
           _: 2
         }, [
-          t.cancel || t.submit || Z.$slots.footer || Z.$slots.extra || Z.$slots.handle ? {
+          t.cancel || t.submit || q.$slots.footer || q.$slots.extra || q.$slots.handle ? {
             name: "footer",
             fn: f(() => [
-              C(Z.$slots, "footer", {}, () => [
+              S(q.$slots, "footer", {}, () => [
                 k(o(B), { align: "center" }, {
                   default: f(() => [
-                    C(Z.$slots, "extra")
+                    S(q.$slots, "extra")
                   ]),
                   _: 3
                 }),
                 k(o(B), { align: "center" }, {
                   default: f(() => [
-                    C(Z.$slots, "handle"),
-                    t.cancel ? (u(), g(o(ie), {
+                    S(q.$slots, "handle"),
+                    t.cancel ? (c(), g(o(ie), {
                       key: 0,
                       type: "default",
                       size: t.size,
                       onClick: o(N)
                     }, {
                       default: f(() => [
-                        R(A(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
+                        D(O(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : h("", !0),
-                    t.submit ? (u(), g(o(ie), {
+                    }, 8, ["size", "onClick"])) : b("", !0),
+                    t.submit ? (c(), g(o(ie), {
                       key: 1,
                       type: "primary",
                       size: t.size,
-                      onClick: o(T)
+                      onClick: o(M)
                     }, {
                       default: f(() => [
-                        R(A(typeof t.submit == "string" ? t.submit : "确定"), 1)
+                        D(O(typeof t.submit == "string" ? t.submit : "确定"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : h("", !0)
+                    }, 8, ["size", "onClick"])) : b("", !0)
                   ]),
                   _: 3
                 })
@@ -1512,14 +1512,14 @@ const Co = ["src"], At = /* @__PURE__ */ V({
           } : void 0
         ]), 1040, ["header", "class", "style", "size", "body", "onClick"])), [
           [o(vo), o(x)],
-          [o(Pt), o(H)]
+          [o(Vt), o(U)]
         ])
       ], 2)
-    ])) : h("", !0);
+    ])) : b("", !0);
   }
 });
 function tt(a, n) {
-  const e = document.createElement("div"), t = k(At, a);
+  const e = document.createElement("div"), t = k(Ot, a);
   t.appContext = n ?? tt._context, nt(t, e);
   const l = () => {
     nt(null, e), e.parentNode?.removeChild(e);
@@ -1531,21 +1531,21 @@ function tt(a, n) {
     destroy: l
   };
 }
-const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -1), $o = /* @__PURE__ */ V({
+const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -1), zo = /* @__PURE__ */ I({
   __name: "Sidebar",
   props: {
     collapsed: { type: Boolean }
   },
   setup(a) {
     const n = a;
-    return (e, t) => G((u(), g(o(B), {
-      class: J(["x-mask-sidebar", { "is-collapsed": n.collapsed }]),
+    return (e, t) => G((c(), g(o(B), {
+      class: Y(["x-mask-sidebar", { "is-collapsed": n.collapsed }]),
       grow: !1,
       flex: "",
       direction: "column"
     }, {
       default: f(() => [
-        C(e.$slots, "brand"),
+        S(e.$slots, "brand"),
         k(o(B), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
@@ -1555,15 +1555,15 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
           align: "center"
         }, {
           default: f(() => [
-            C(e.$slots, "default"),
-            zo
+            S(e.$slots, "default"),
+            Co
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class"])), [
-      [o(Pt), {
+      [o(Vt), {
         dirs: ["e"],
         disabled: n.collapsed,
         maxWidth: 500,
@@ -1571,7 +1571,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
       }]
     ]);
   }
-}), To = /* @__PURE__ */ V({
+}), Mo = /* @__PURE__ */ I({
   __name: "SwitchBar",
   props: {
     collasped: { type: Boolean, default: !1 },
@@ -1584,7 +1584,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:favorite"
   ],
   setup(a, { emit: n }) {
-    const e = a, t = n, l = D(!1), s = D(""), c = D(!1), r = () => {
+    const e = a, t = n, l = j(!1), s = j(""), u = j(!1), r = () => {
       l.value = !0;
     }, i = () => {
       s.value = "", l.value = !1, t("update:keyword", s.value);
@@ -1593,30 +1593,30 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
     }, d = () => {
       t("update:keyword", s.value);
     }, m = () => {
-      t("update:favorite", c.value);
+      t("update:favorite", u.value);
     };
-    return (b, _) => (u(), g(o(B), {
+    return (h, _) => (c(), g(o(B), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
       default: f(() => [
-        e.collasped ? h("", !0) : (u(), g(o(B), {
+        e.collasped ? b("", !0) : (c(), g(o(B), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
           default: f(() => [
-            l.value ? h("", !0) : (u(), g(o(Qe), {
+            l.value ? b("", !0) : (c(), g(o(Je), {
               key: 0,
-              modelValue: c.value,
-              "onUpdate:modelValue": _[0] || (_[0] = (y) => c.value = y),
+              modelValue: u.value,
+              "onUpdate:modelValue": _[0] || (_[0] = (y) => u.value = y),
               class: "x-mask-switch-bar__switch",
-              "active-icon": o(St),
+              "active-icon": o($t),
               "inactive-icon": o(xn),
               onChange: m
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
-            l.value ? (u(), g(o(_e), {
+            l.value ? (c(), g(o(_e), {
               key: 1,
               modelValue: s.value,
               "onUpdate:modelValue": _[1] || (_[1] = (y) => s.value = y),
@@ -1624,47 +1624,47 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
               size: "small",
               placeholder: "请输入查询关键字",
               onInput: d,
-              "prefix-icon": o(Le)
+              "prefix-icon": o(Ke)
             }, {
               suffix: f(() => [
                 k(o(de), {
-                  icon: o(Ct),
+                  icon: o(St),
                   onClick: i
                 }, null, 8, ["icon"])
               ]),
               _: 1
-            }, 8, ["modelValue", "prefix-icon"])) : h("", !0)
+            }, 8, ["modelValue", "prefix-icon"])) : b("", !0)
           ]),
           _: 1
         })),
         k(o(B), {
-          class: J(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
+          class: Y(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
           flex: "",
           align: "center",
           justify: "center"
         }, {
           default: f(() => [
-            !l.value && !e.collasped ? (u(), g(o(te), {
+            !l.value && !e.collasped ? (c(), g(o(te), {
               key: 0,
-              icon: o(Le),
+              icon: o(Ke),
               mode: "icon",
               background: "hover",
               size: "default",
               circle: "",
               onClick: r
-            }, null, 8, ["icon"])) : h("", !0),
-            e.collasped ? (u(), g(o(te), {
+            }, null, 8, ["icon"])) : b("", !0),
+            e.collasped ? (c(), g(o(te), {
               key: 1,
-              icon: o(Sn),
+              icon: o($n),
               mode: "icon",
               size: "default",
               background: "hover",
               onClick: p,
               circle: ""
-            }, null, 8, ["icon"])) : h("", !0),
-            e.collasped ? h("", !0) : (u(), g(o(te), {
+            }, null, 8, ["icon"])) : b("", !0),
+            e.collasped ? b("", !0) : (c(), g(o(te), {
               key: 2,
-              icon: o(Cn),
+              icon: o(Sn),
               mode: "icon",
               size: "default",
               background: "hover",
@@ -1678,7 +1678,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }));
   }
-}), Eo = ["src"], Mo = { key: 0 }, Io = /* @__PURE__ */ V({
+}), To = ["src"], Eo = { key: 0 }, Po = /* @__PURE__ */ I({
   __name: "Brand",
   props: {
     collapsed: { type: Boolean, default: !1 },
@@ -1687,11 +1687,11 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
     url: {}
   },
   setup(a) {
-    const n = a, e = Ye(), t = () => {
+    const n = a, e = Ze(), t = () => {
       n.url && e.push(n.url);
     };
-    return (l, s) => (u(), g(o(B), {
-      class: J(["x-mask-brand", { "is-collapsed": n.collapsed }]),
+    return (l, s) => (c(), g(o(B), {
+      class: Y(["x-mask-brand", { "is-collapsed": n.collapsed }]),
       align: "center"
     }, {
       default: f(() => [
@@ -1703,11 +1703,11 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
           onClick: t
         }, {
           default: f(() => [
-            C(l.$slots, "logo", {}, () => [
-              n.logo ? (u(), $("img", {
+            S(l.$slots, "logo", {}, () => [
+              n.logo ? (c(), z("img", {
                 key: 0,
                 src: n.logo
-              }, null, 8, Eo)) : h("", !0)
+              }, null, 8, To)) : b("", !0)
             ])
           ]),
           _: 3
@@ -1718,11 +1718,11 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
           align: "center"
         }, {
           default: f(() => [
-            n.title ? (u(), $("span", Mo, [
-              C(l.$slots, "title", {}, () => [
-                R(A(n.title), 1)
+            n.title ? (c(), z("span", Eo, [
+              S(l.$slots, "title", {}, () => [
+                D(O(n.title), 1)
               ])
-            ])) : h("", !0)
+            ])) : b("", !0)
           ]),
           _: 3
         })
@@ -1730,7 +1730,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), Ee = "__favorites__", Me = "__search__", Bo = /* @__PURE__ */ V({
+}), Te = "__favorites__", Ee = "__search__", Bo = /* @__PURE__ */ I({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1743,14 +1743,14 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   emits: ["select"],
   setup(a, { emit: n }) {
-    const e = a, t = v(() => e.menus || []), l = n, s = v(() => String(e.active?.id)), c = v(() => [
+    const e = a, t = v(() => e.menus || []), l = n, s = v(() => String(e.active?.id)), u = v(() => [
       {
-        id: Ee,
+        id: Te,
         title: "收藏",
-        icon: zt,
+        icon: Ct,
         children: e.favorites?.length ? e.favorites : [
           {
-            id: Ee + "empty",
+            id: Te + "empty",
             disabled: !0,
             title: "暂无收藏菜单"
           }
@@ -1760,12 +1760,12 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
       const p = (e.keyword || "").trim(), d = p ? (e.flatMenus || []).filter((m) => m.title?.includes(p)) : [];
       return [
         {
-          id: Me,
+          id: Ee,
           title: "搜索",
-          icon: Le,
+          icon: Ke,
           children: d?.length ? d : [
             {
-              id: Me + "empty",
+              id: Ee + "empty",
               disabled: !0,
               title: "查询匹配不到菜单项"
             }
@@ -1775,7 +1775,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
     }), i = (p) => {
       l("select", p);
     };
-    return (p, d) => (u(), $(W, null, [
+    return (p, d) => (c(), z(W, null, [
       G(k(o(B), {
         class: "x-mask-menu",
         grow: "",
@@ -1813,7 +1813,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
           }, null, 8, ["data", "default-icon", "default-active"]), [
             [oe, !e.collapse]
           ]),
-          t.value.length ? h("", !0) : (u(), g(o(bt), {
+          t.value.length ? b("", !0) : (c(), g(o(ht), {
             key: 0,
             description: "暂无菜单数据"
           }))
@@ -1837,12 +1837,12 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: c.value,
+            data: u.value,
             "default-icon": o(me),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Ee],
+            "default-openeds": [Te],
             onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, e.collapse]
@@ -1855,12 +1855,12 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: c.value,
+            data: u.value,
             "default-icon": o(me),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Ee],
+            "default-openeds": [Te],
             onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, !e.collapse]
@@ -1870,7 +1870,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [oe, e.favorite && !e.keyword]
       ]),
-      e.keyword ? G((u(), g(o(B), {
+      e.keyword ? G((c(), g(o(B), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
@@ -1891,7 +1891,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Me],
+            "default-openeds": [Ee],
             onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, e.collapse]
@@ -1909,7 +1909,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Me],
+            "default-openeds": [Ee],
             onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, !e.collapse]
@@ -1918,16 +1918,16 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
         _: 1
       }, 512)), [
         [oe, !!e.keyword]
-      ]) : h("", !0)
+      ]) : b("", !0)
     ], 64));
   }
-}), Vo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAQd0lEQVR4nO2dCXRVxRnHf/clIPsekBgIS1hFdqVoZbGLFNTWWgQ3bLVurRYJcTuntbW22qooKKWl2toWquygIFa01doqmBBWWcomIkhACLIKyXvcnu/eefiSNzd57y4vAfI/553wuPfNzJ3/nW9m/t83M4Yx6iTVGOlAC6AD0Bs4F2gGtFT/lmtNgLpABDgMFAN7gCJgH3AQ2ACsAz5V91RbpFfDguUAg4EewBCgLdAQqJXAb5sD7RyuHVGfpcBy4AOgADjkc/k9obq0kP7AN4CrgK7qrQ8aJrALeAt4Q/3dV7XVULWEtAauBq5ThNSpqoIo7AReBWYA/6mqQlQFId2AW4HRwHmpzjwBSMv5N/BHYAHwRSozTyUhQsS9iohGqcrUI1YDE4GXgROpyDAVhMiIKBe4I0V9QxCQgcCvgdeCzigUcPo/BN4HHjiNyRAMBBYBs4BOQWYUFCFdgIXA80DHgPKoCowE3gHuCirvIAj5AfAmcEUAaVcHZAJTgHlqjuQr/CREJm/PAH8G2pyWVZ0crlbzl8v8TNQvQrLVGP5en9I7XdBV9S0/9qu8fhDSC1isZI6zEaKjTQYe8aM+vSZwqeq8u5+lZMTiYeA5oLaXRLwQMhSYe5b0F4niR8BUL6S4VXsvAWYCGZ6Kf2bi+8oVcDuQ9KzbTQvpqQS4GjKcIVrdU25+mCwhbZWuk+WhsGcLxgEPJvusyRAi84xpNR14UhD9a1QyP0iGkEeBQcGV/YyE1O+zwPnJ/CARSEc1NrBin9kQtftFoHEiT5kIIeLj/s3ZXqsecSHwUCJJVEZIGjAJaFXVT3QG4D7ga5U9RmWEiHI7/GyvSZ8QUkPhhhUlVxEhLZUcUAP/ILFld7slJK9GFgkEuRXEjjkSIh6/O0+fZzyt0EK5tLVwIiSvMltXA0+4yWluoiOkqwrVqUFwqA/ckygholI2SCUZZhjM4/bflOYrn1IwT4AZSW3eSlLpUP4/yxPSKtWtwyyBnPPgioHQtpX93Zd0TVXZEbviddcJQ59OMHwAZDTxL+8EIWFRN5a/tTwh31UxtymBtIrhF8GiBwwWPmDw2oMGg3t5rxghIi0NLugAbcRJUKoIiEUYbhwCrz9k57sgz6BvZ7u1pBBjlPk6hdjIRSHnXeV8ChzmF3DlJfDyWIP653yZ28ZP4dKHTfYdBCPNHRndsuGpmwwGdYNjJ2DiYpMnFtheI8OwTWPnLCh43KBR3S9/u/0z+N4Ek8KNYKQu9PvbKkDEQmwL6QP0S0UJhIxhA2D6PWXJEHTNhN7t7Tc46XQj0KQRzBhrMLwPNKgDLRvDY9cZfFOeLtrywjC0B2XIELTLgNm5Br072603RRgZm00sIcNSsSRAyBjSF6b/xIirEMHRE7D7gEtfZhiG9YGe2fGXLuwY41A1oOhzfRLtW8LMcQbnd0wZKd9UC40shGL+Xhl0zkLGwJ4w816D5g7juKlvwbqPwEhkvVRs2thPcfWFhvb62h02ERZqw+vL4e//1afVuTXMGW/QpV1KSMmIDaGKEtI+GSeKGwgZ/brZZLR08AzMWgY/e8l03TqyW8PXesRf2roH3t3w5aI46UdKwnDnVJNXC/XJiemcPd4gp03gpMhr8tXol+ijDwly7iFk9Opiv3VtmuvvmZsPtzxnWp2wm85cCBnRB5pr9IXFK2F/sXImKBjpcOQY3DTJ5LWV+iQvaGOTkp0Z+Ojr8mjoUJSQnkHlJG9X9xyYO96wOk0dFq6AHzxncvS4XVFJ52FCWh24+qJ4cxU5Ca8WmpZNK39VzOKhIzDmWZO31+nT7t0OZuUaZGYESkrbaOB2SMVmBeIrlwfo0h7mjTfo6ODikrdzzCSTw8eS7zdOIQzd28JXNCs3pO94f6PzGl6jNhQfhOsnmrz3P/09F+XAy7kGGc0CmzzWV2tQLEJaqD7EVwgZHdvA/DyDLpn6lN9aCzc/a/L5YfdkWJ15BIb1soe55TEv3+SYpF9BvySkFO2D6yeZrNyuv2dQV3hpnEHTRvZcJwB0jRIieko9X8kogQ5ZMC/PoJvDss531sMNE032H7QrxDVOQq168F2NuZIh9PyCsn2HE4xzYMduuPZpk3U79Td9vQdMG2vQqF4gpAgPTUPKi+XWWMRByDivpW13ezosZ/lgC9w4yWRvsUcysGWRAZ3UPKMclm6CDTsSD5gVUrbssEnZskd/jwwc/ibqQl3fSZGl4e1DakWQLxAyWjW3Z7v9HIygmIRRT5vs2mtXgBdE9SmZe6RpTJKYq8gJe5ibKEQyWb8NrnnS5KPP9D/6dn948W6DunV8JUVc5i1Dfi3GFDKaNYaX7zUY2Fl/z4ZdMPoZk493eyfDwklo2Bgu7x1/af8ReH1VYuaqPISUNZvhe0+ZfLJff8/Ir8Cff2xwTm3f3AZS0mYhxYwnCBkNG9id3lCH6aWYgJETTDZ97BMZ2Obqki5o+6klq2H7LveDBaMurNhoi427HWSW0RfDCz8ySE/3hRSplcyQ2lXHNaQg9evB9LEGlzvMZiwV9SmTddv8U1Etc2XYc4+QxiTN+cB0sRigLISU/HU2KZ85bFFz46Uw9Q5FijcnV3qUkBZuUzBPQnoaTLnd4CoHnViavDzQ6s0+S9oRaJkBwzXm6qO98M46f/Y6ElLeXwM3PGty4Kj+nluGwiOjDatMcX6X5HCutz6kFAb1gDEO08pPDyj/woYA/Aul8PULIEsjxSxaAcX73c36dRBS3iyAMZNNDjvsfJI7Avp2scvlAVYfohHBE0QELu+lH8KImbr2GdNq8ob7HLSw3sJaemW3NAxzlml0Eq+oA4veh9ummhQfiU+rTi3VWr2ZrXohT0mY0NbB4P1qnsl7+f6TYSEM7VrDEM0AYvUOyN/i/9Zs1tC5Dsx8A/70tv6erOae34JwyNOWdwbscNjyK3eEQe+eAUnXYfttbKFRdhcWmhw/7FIxrgzH4VuD4Iav6u/bVeytA5Hd7UJqj0J3SIf5+SZhTRvrrqSTCzra8rtfkIGEKLvXDIh/G4+VJC6VJAt5hqF9Ydo9BplN4398vNTuuzzm/VlIbRjpDrVg2Qb45Vz9myHu0Hn3++wOVcruAI2y+98N8OF2/82VkHFJT5hRgafzyYWwcpMnEUoq8dOQ2r3TFSy7mgaPzoDHFuhTyGkF8+4z6OqXOzSCNcQuHxwhmP2BaanMFSm7yULI6NvV1uacPJ3P/xMemWladZGMTFMO4m3ZJUV3EAcSg/XwafDT6SYTF+t/Ij7q+fcbdMn2RoqYqzoN4Dua0dWeg7BkjZ8yqU1Gz072C6UzU4KX3oO7nzeJRDz3WzJg3ivV6SAMJA4piGlA3l9MJr+h/5n4qOfeZ9C5rQdSSuGiTtBHI1z+60PYUeRf/2F5OjvaZc52GEnOWQa3TTEt/7wPcx5pIQdCapNhzxBSIibkvmjygsOw8PwsmDXesHwlrtyhJlzV31nZlf7Fg8n4Mpvj0Dkb5uYZlsnVQYIjbplicsyl21mD9SJshNSOzw6iQHIQUkojcPcfTaY5bLTaKxvm5CUfOCA6UcMmcEXf+Gtbimzvox/mSsjIaav6PQfHxOJVth/+8FEPbud4iMHdGfJ7+20h5UQp3PUHk9nL9Pf0aWcHo2W1SoKUsK3sdtJEHr+yHD53G1wXAylL+yw70uR8h70qpJ+6aaLJwSO+kiEQV1pJdGK41M+UpQlLBMmtk00WOsQ9DciBmbkG52YkGDhgwKiB8cqutMgFBfaw24u5EjKyzrXNVG9N5KPg3xtst3PxId/JKFVbn596p1b4mrwKsREhTpq2NfrR4OLOtkOrRdOKSRGJP7OV6Gbx11Zth8Jt3syV5enMgFnjDKv16rB0M4yaYLLvcx/czvGQAwM+JIaQpZ5lMQ2EFIkokbfqPxv19wzpDjPGGTRpXIE7NGJHJLbWDD1fKTD54rB7cyVkNG1im1AnT6fldp5gsmd/IGQIlkUVk+hjFHiZIFYEeYB9B2w/+vJt+hulsl8aa9CgfjwplrKbbo+uyuPIcZi/3B7qurFWklcD8XT+xGBwN/0963fans5Pinz0dMbj1Lg0SsghdTpAIJAH2b3XJuXDT/Q5fKt3DCmxbTUCHVrDZRplV2z6+iSiSmIhZrBeXTsKf5jGyYUavUkEytZPAl0vIkrfv6JfYhv6PwLLUgUObFNv26bd+nuu7AeTbzVID8V43kTZ7QPNNBrSPHHTliTfmVuhp2nwu9sMK4JEB/HnjJQYra2BL96ReeDa6JdYQpaoIXBgkAfbuN1+67Y5SJo3D4b+nWKWoaVLKKeDVLLWpZBYCiP6w/cH6y+LS0HKuGpTQP6cspgZ23/HElKsdhgNFEKK+NdHTzLZ6aCi1a6ltE/DLuqWong1WUJ8dha5JOSkPUHVQRYLSUhpQRBu53gcjV3OhmZsMt2zVzgByIMWrFeklPPGyIx7xRZ7GGu1i3T4wxLKBELvPwwTF6m5h5sCpMGba+wJbCyk1V03yeS9tSlbYyh9R5nxZ5rR4+ex33eqLYQc3h//IJNHiaV9ax00bWBw0oRFhTDur2UXfIqafPQYvFIIoZBhEZg3zSR/o/shqKS9cw98XAz9OthL6wq22v7yd9ekdMHneGBzmbJpzg8ZpXYdTQmsCWEte3Hm3gO2qdKJddbIy1RtOux9PmD1T6XQvb3tSFu+FfbsC2yeoUOhWvFcRjzSEVJXTVQCW8RTHlblnLQru6IRU3Tk5YeieyrNUpV3ekB+eGfcDPyt/FXd/FbGxRNSWTKpYCMBb5t1n8/hPaImyDwpxWTIUUpzdBecBIeZUbGrBoHgcYnJSIYQsWu/CELfqoGliMx2qoaKJLl/qGPjauAfpMf6WUV7wlemkcrOZw7LVmrgAhPVgMkRlRGytWYjTN8gXqHHKkssES/C8zWmyzPCamfwSiN8EiEkorY23VT1z3Xa4qfquL1KkaifbZfapTR1mxadOZiTzLwuGcfn20p7qUHiWKlOcEt4BWKynugp6tiKGlSObUoX3JtMXbkJDXhYEVMDZxSpzUQ3J1tHbkPLZMTwlxpCtNinDu0vcPNjt4SE1XHcf3L5+zMV0jKuTXREpYOX4MsSNfJ6+myt/XKQSfR3YkN63MDr0pawGnkldHrMGYxCdc6KZ4Xcr7VGv1F2M9ColWoKOfR+hF8TZz+P756htprN9zHN6oxSdU7hdZ7WaZaD3wfcS6TUN1SLOZN9KavVxpW/dXO8akXwmxBUWOpDyqauCiD9qkSJImGo187bCUEQEsUSdbz3A3426SrEEhUiJWbqQFDFCJIQgewK8oTacfN36vvpBmnl10s8uCyFD7rsujCgINFDnTl+bex+59UUMtP+vQr40AYkBIFUExKFbFl5gzqLKacqCuCAQ6pveEGZqNQe8VKFhEQhiwwuA66RXVj93JAzCRxTSwJmqWBzX5aJu0VVExILWZ4vCwQuVvY6M9EDfZNERAmABao1vKP6iWpREdWJkFjUUgHfMhjopD79Vb9TW20YWdlChOPK5JSoRflr1NLjfDVfcr8LUoDwed8c3yCzYFmUIB9BM3U6prQi+UjrkY9s4CnXZGdu0dWkD5CwJZFwxO0sw20JLJCFdPIJfKmFJwD/B4g2wB0X86iqAAAAAElFTkSuQmCC", Po = 140, Ao = {
+}), Io = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1711803009570'%20class='icon'%20viewBox='0%200%201280%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1500'%20width='320'%20height='256'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M557.85%201023l-122-35.4c-12.8-3.6-20-17-16.4-29.8L692.45%2017.4c3.6-12.8%2017-20%2029.8-16.4l122%2035.4c12.8%203.6%2020%2017%2016.4%2029.8L587.65%201006.6c-3.8%2012.8-17%2020.2-29.8%2016.4z%20m-228-224.4l87-92.8c9.2-9.8%208.6-25.4-1.6-34.4L234.05%20512l181.2-159.4c10.2-9%2011-24.6%201.6-34.4l-87-92.8c-9-9.6-24.2-10.2-34-1L7.65%20494.4c-10.2%209.4-10.2%2025.6%200%2035l288.2%20270.2c9.8%209.2%2025%208.8%2034-1z%20m654.4%201.2l288.2-270.2c10.2-9.4%2010.2-25.6%200-35L984.25%20224.2c-9.6-9-24.8-8.6-34%201L863.25%20318c-9.2%209.8-8.6%2025.4%201.6%2034.4L1046.05%20512l-181.2%20159.4c-10.2%209-11%2024.6-1.6%2034.4l87%2092.8c9%209.8%2024.2%2010.2%2034%201.2z'%20fill='%230157fe'%20p-id='1501'%3e%3c/path%3e%3c/svg%3e", Vo = 140, Oo = {
   /**
    * 系统logo
    */
   logo: {
     type: String,
-    default: Vo
+    default: Io
   },
   /**
    * 系统标题
@@ -2004,7 +2004,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
   removeFavorite: {
     type: Function
   }
-}, Dt = Symbol(), Ot = Symbol(), Do = { class: "x-mask-tabs__trigger" }, Oo = { key: 1 }, Ro = ["onDragstart", "onDragend"], Fo = { key: 1 }, jo = /* @__PURE__ */ V({
+}, jt = Symbol(), Rt = Symbol(), jo = { class: "x-mask-tabs__trigger" }, Ro = { key: 1 }, Do = ["onDragstart", "onDragend"], Ao = { key: 1 }, Fo = /* @__PURE__ */ I({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -2017,18 +2017,18 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
   setup(a, { emit: n }) {
     const e = a, t = n, l = (d) => {
       const m = !!e.favorites.find(
-        (b) => b === d.menu || b.id === d.menu?.id
+        (h) => h === d.menu || h.id === d.menu?.id
       );
       return [
         {
-          icon: zn,
+          icon: Cn,
           label: "刷新",
           name: "refresh",
           value: d
         },
         "|",
         {
-          icon: m ? St : zt,
+          icon: m ? $t : Ct,
           label: "收藏",
           name: "favorite",
           value: d.menu,
@@ -2036,7 +2036,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
         },
         "|",
         {
-          icon: $n,
+          icon: zn,
           label: "弹窗",
           name: "dialog",
           value: d
@@ -2048,10 +2048,10 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
         t("click", e.home);
         return;
       }
-      const b = e.tabs.find((_) => _.id === m);
-      b && t("click", b);
-    }, c = (d) => {
-      const m = e.tabs.find((b) => b.id === d);
+      const h = e.tabs.find((_) => _.id === m);
+      h && t("click", h);
+    }, u = (d) => {
+      const m = e.tabs.find((h) => h.id === d);
       m && t("remove", m);
     }, r = (d) => {
       switch (d.name) {
@@ -2070,7 +2070,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
     }, p = (d, m) => {
       m.target && m.target.classList.remove("is-dagging");
     };
-    return (d, m) => (u(), g(o(B), {
+    return (d, m) => (c(), g(o(B), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2083,25 +2083,25 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
         k(o(_t), {
           type: "card",
           "model-value": e.value,
-          onTabRemove: c,
+          onTabRemove: u,
           onTabClick: s
         }, {
           default: f(() => [
-            e.home ? (u(), g(o(Ke), {
+            e.home ? (c(), g(o(He), {
               key: 0,
               name: e.home.id
             }, {
               label: f(() => [
-                j("div", Do, [
-                  e.home.icon ? (u(), g(Q(o(ke)(e.home.icon)), { key: 0 })) : h("", !0),
-                  e.home.title ? (u(), $("span", Oo, A(e.home.title), 1)) : h("", !0)
+                F("div", jo, [
+                  e.home.icon ? (c(), g(J(o(ke)(e.home.icon)), { key: 0 })) : b("", !0),
+                  e.home.title ? (c(), z("span", Ro, O(e.home.title), 1)) : b("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["name"])) : h("", !0),
-            (u(!0), $(W, null, Y(e.tabs, (b) => (u(), g(o(Ke), {
-              key: b.id,
-              name: b.id,
+            }, 8, ["name"])) : b("", !0),
+            (c(!0), z(W, null, Z(e.tabs, (h) => (c(), g(o(He), {
+              key: h.id,
+              name: h.id,
               lazy: "",
               closable: ""
             }, {
@@ -2111,22 +2111,22 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
                   placement: "bottom",
                   trigger: "hover",
                   width: "200px",
-                  disabled: b.id !== e.value
+                  disabled: h.id !== e.value
                 }, {
                   reference: f(() => [
-                    j("div", {
+                    F("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (_) => i(b, _),
-                      onDragend: (_) => p(b, _)
+                      onDragstart: (_) => i(h, _),
+                      onDragend: (_) => p(h, _)
                     }, [
-                      b.icon ? (u(), g(Q(o(ke)(b.icon)), { key: 0 })) : h("", !0),
-                      b.title ? (u(), $("span", Fo, A(b.title), 1)) : h("", !0)
-                    ], 40, Ro)
+                      h.icon ? (c(), g(J(o(ke)(h.icon)), { key: 0 })) : b("", !0),
+                      h.title ? (c(), z("span", Ao, O(h.title), 1)) : b("", !0)
+                    ], 40, Do)
                   ]),
                   default: f(() => [
                     k(o(et), {
-                      items: l(b),
+                      items: l(h),
                       mode: "text",
                       size: "small",
                       type: "info",
@@ -2145,20 +2145,20 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }, 512));
   }
-}), No = /* @__PURE__ */ V({
+}), No = /* @__PURE__ */ I({
   __name: "ThemeSwitch",
   setup(a) {
-    const n = On();
-    return (e, t) => (u(), g(o(Qe), {
+    const n = Rn();
+    return (e, t) => (c(), g(o(Je), {
       class: "x-mask-theme-switch",
       modelValue: o(n),
-      "onUpdate:modelValue": t[0] || (t[0] = (l) => Ie(n) ? n.value = l : null),
+      "onUpdate:modelValue": t[0] || (t[0] = (l) => Pe(n) ? n.value = l : null),
       size: "default",
-      "active-action-icon": o(Tn),
-      "inactive-action-icon": o(En)
+      "active-action-icon": o(Mn),
+      "inactive-action-icon": o(Tn)
     }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
   }
-}), Uo = { class: "x-mask-toolbar__menu-item" }, Xo = /* @__PURE__ */ V({
+}), Xo = { class: "x-mask-toolbar__menu-item" }, Lo = /* @__PURE__ */ I({
   __name: "Toolbar",
   props: {
     tabs: { default: () => [] },
@@ -2193,7 +2193,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
       ];
     }), s = (p) => {
       t("closeTab", p.command);
-    }, c = (p) => {
+    }, u = (p) => {
       switch (p.command) {
         case "all":
           t("closeAllTabs");
@@ -2210,34 +2210,34 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
     }, i = (p, d) => {
       t("actionCommand", p, d);
     };
-    return (p, d) => (u(), g(o(B), {
+    return (p, d) => (c(), g(o(B), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
       default: f(() => [
         k(o(te), {
-          icon: o(Mn),
+          icon: o(En),
           menus: l.value,
           dropdown: { size: "small" },
           mode: "icon",
           circle: "",
           background: "hover",
-          onCommand: c
+          onCommand: u
         }, {
           item: f(({ item: m }) => [
-            j("span", Uo, [
-              R(A(m.label) + " ", 1),
-              ["other", "all"].includes(m.command) ? h("", !0) : (u(), g(o(de), {
+            F("span", Xo, [
+              D(O(m.label) + " ", 1),
+              ["other", "all"].includes(m.command) ? b("", !0) : (c(), g(o(de), {
                 key: 0,
-                onClick: vt((b) => s(m), ["stop"]),
-                icon: o(Ct)
+                onClick: vt((h) => s(m), ["stop"]),
+                icon: o(St)
               }, null, 8, ["onClick", "icon"]))
             ])
           ]),
           _: 1
         }, 8, ["icon", "menus"]),
         k(o(se), { direction: "vertical" }),
-        e.actions ? (u(), g(o(et), {
+        e.actions ? (c(), g(o(et), {
           key: 0,
           circle: "",
           mode: "icon",
@@ -2246,29 +2246,29 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
           items: p.actions,
           onClick: r,
           onCommand: i
-        }, null, 8, ["items"])) : h("", !0),
-        e.actions ? (u(), g(o(se), {
+        }, null, 8, ["items"])) : b("", !0),
+        e.actions ? (c(), g(o(se), {
           key: 1,
           direction: "vertical"
-        })) : h("", !0),
-        e.theme ? (u(), g(No, { key: 2 })) : h("", !0),
-        e.theme ? (u(), g(o(se), {
+        })) : b("", !0),
+        e.theme ? (c(), g(No, { key: 2 })) : b("", !0),
+        e.theme ? (c(), g(o(se), {
           key: 3,
           direction: "vertical"
-        })) : h("", !0),
-        C(p.$slots, "default")
+        })) : b("", !0),
+        S(p.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Ho = /* @__PURE__ */ V({
+}), Uo = /* @__PURE__ */ I({
   __name: "Avatar",
   props: {
     avatar: {}
   },
   setup(a) {
     const n = a;
-    return (e, t) => (u(), g(o(kt), {
+    return (e, t) => (c(), g(o(kt), {
       width: 200,
       "popper-class": "x-mask-avatar__popper",
       disabled: !e.$slots.default
@@ -2277,18 +2277,18 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
         k(o(en), {
           class: "x-mask-avatar",
           shape: "circle",
-          icon: o(In),
+          icon: o(Pn),
           src: n.avatar,
           size: 26
         }, null, 8, ["icon", "src"])
       ]),
       default: f(() => [
-        e.$slots.default ? C(e.$slots, "default", { key: 0 }) : h("", !0)
+        e.$slots.default ? S(e.$slots, "default", { key: 0 }) : b("", !0)
       ]),
       _: 3
     }, 8, ["disabled"]));
   }
-}), pt = /* @__PURE__ */ V({
+}), pt = /* @__PURE__ */ I({
   __name: "Content",
   props: {
     createView: { type: Function },
@@ -2296,22 +2296,22 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   setup(a) {
     const n = a;
-    return (e, t) => (u(), g(o(B), {
+    return (e, t) => (c(), g(o(B), {
       class: "x-mask__content",
       flex: !1,
       grow: "",
       padding: !1
     }, {
       default: f(() => [
-        C(e.$slots, "default"),
-        k(o(Ln), null, {
+        S(e.$slots, "default"),
+        k(o(Kn), null, {
           default: f(({ Component: l, route: s }) => [
-            (u(), g(Kt, {
+            (c(), g(Ht, {
               exclude: n.exclude
             }, [
-              l ? (u(), g(Q(n.createView(l, s)), {
+              l ? (c(), g(J(n.createView(l, s)), {
                 key: s.fullPath
-              })) : h("", !0)
+              })) : b("", !0)
             ], 1032, ["exclude"]))
           ]),
           _: 1
@@ -2321,16 +2321,16 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
     }));
   }
 });
-function Ko() {
-  const a = D(!1), n = D(""), e = D(!1);
+function Ho() {
+  const a = j(!1), n = j(""), e = j(!1);
   return {
     collapsed: a,
     keyword: n,
     favorite: e
   };
 }
-function Lo(a) {
-  const n = Tt();
+function Ko(a) {
+  const n = Mt();
   return v(() => {
     const e = a.home;
     return Object.assign(
@@ -2339,51 +2339,51 @@ function Lo(a) {
     );
   });
 }
-function Rt(a, n) {
+function Dt(a, n) {
   let e = [];
   return a.forEach((t) => {
-    t = n ? n(t) : t, t.children ? e = e.concat(Rt(t.children, n)) : e.push(t);
+    t = n ? n(t) : t, t.children ? e = e.concat(Dt(t.children, n)) : e.push(t);
   }), e;
 }
 function Wo(a, n) {
-  const e = Ye(), t = Pe([]), l = Pe([]), s = v(() => Rt(t.value, a.menuAdapter)), c = v(() => jn(s.value, "id")), r = D(null), i = (y) => {
-    const S = typeof y == "object" ? y.id : y, w = c.value.get(S);
+  const e = Ze(), t = Ve([]), l = Ve([]), s = v(() => Dt(t.value, a.menuAdapter)), u = v(() => Fn(s.value, "id")), r = j(null), i = (y) => {
+    const $ = typeof y == "object" ? y.id : y, w = u.value.get($);
     if (!w) {
       console.warn("找不到菜单", y);
       return;
     }
-    const { type: M = "route", url: I, title: z, icon: P } = w;
-    if (!I) {
+    const { type: E = "route", url: P, title: C, icon: V } = w;
+    if (!P) {
       r.value = w, n("select", w);
       return;
     }
-    if (M === "route") {
-      Nn(I) || I.startsWith("//") ? window.open(I) : (r.value = w, e.push(I).catch((T) => T));
+    if (E === "route") {
+      Nn(P) || P.startsWith("//") ? window.open(P) : (r.value = w, e.push(P).catch((M) => M));
       return;
     }
-    if (M === "window") {
-      window.open(I);
+    if (E === "window") {
+      window.open(P);
       return;
     }
-    M === "dialog" && tt({
+    E === "dialog" && tt({
       resizable: !0,
       bodyPadding: !1,
       width: "80%",
       height: "80%",
-      title: z,
-      icon: P,
-      src: I
+      title: C,
+      icon: V,
+      src: P
     });
   }, p = async () => {
     t.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], l.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
   }, d = (y) => {
     l.value = [y, ...l.value], a.addFavorite && a.addFavorite(y);
   }, m = (y) => {
-    l.value = l.value.filter((S) => S.id !== y.id), a.removeFavorite && a.removeFavorite(y);
-  }, b = (y) => !!l.value.find((S) => S === y || S.id === y.id), _ = (y) => {
-    b(y) ? m(y) : d(y);
+    l.value = l.value.filter(($) => $.id !== y.id), a.removeFavorite && a.removeFavorite(y);
+  }, h = (y) => !!l.value.find(($) => $ === y || $.id === y.id), _ = (y) => {
+    h(y) ? m(y) : d(y);
   };
-  return Je(p), {
+  return Ye(p), {
     menus: t,
     favorites: l,
     flatMenus: s,
@@ -2392,244 +2392,244 @@ function Wo(a, n) {
     toggleFavorite: _
   };
 }
-function Jo(a, n, e, t, l) {
-  const s = It(), c = Ye(), r = {}, i = D([]), p = D(), { width: d } = $t(p), m = v(() => Math.floor(d.value / Po)), b = v(
-    () => i.value.slice(0, m.value).filter((E) => !E.dialog)
-  ), _ = v(() => i.value.slice(m.value)), y = (E) => e.value.find((O) => O.url === E), S = (E) => s.fullPath === E.url, w = (E) => l.value.id === E ? l.value : i.value.find((O) => O.id === E), M = D(""), I = v(() => w(M.value)), z = (E) => {
-    c.push(E.url).catch((O) => O);
-  }, P = (E) => {
-    M.value = E.id, s.fullPath !== E.url && z(E);
-  }, T = () => {
-    z(l.value);
-  }, N = (E) => {
-    const O = i.value.find((U) => U.url === E.url || U.id === E.id);
-    O ? P(O) : (i.value.unshift(E), P(E));
-  }, x = async (E) => {
-    const { url: O = s.fullPath, icon: U, title: ze = "新建标签页" } = E || {}, $e = r[O], Re = Tt(), Fe = Et(O);
+function Yo(a, n, e, t, l) {
+  const s = Pt(), u = Ze(), r = {}, i = j([]), p = j(), { width: d } = zt(p), m = v(() => Math.floor(d.value / Vo)), h = v(
+    () => i.value.slice(0, m.value).filter((T) => !T.dialog)
+  ), _ = v(() => i.value.slice(m.value)), y = (T) => e.value.find((R) => R.url === T), $ = (T) => s.fullPath === T.url, w = (T) => l.value.id === T ? l.value : i.value.find((R) => R.id === T), E = j(""), P = v(() => w(E.value)), C = (T) => {
+    u.push(T.url).catch((R) => R);
+  }, V = (T) => {
+    E.value = T.id, s.fullPath !== T.url && C(T);
+  }, M = () => {
+    C(l.value);
+  }, N = (T) => {
+    const R = i.value.find((X) => X.url === T.url || X.id === T.id);
+    R ? V(R) : (i.value.unshift(T), V(T));
+  }, x = async (T) => {
+    const { url: R = s.fullPath, icon: X, title: Ce = "新建标签页" } = T || {}, ze = r[R], De = Mt(), Ae = Tt(R);
     return {
-      id: Re,
-      name: Fe,
-      url: O,
-      icon: U,
-      title: ze,
+      id: De,
+      name: Ae,
+      url: R,
+      icon: X,
+      title: Ce,
       closable: !0,
-      menu: E,
-      ...$e ? await $e() : {}
+      menu: T,
+      ...ze ? await ze() : {}
     };
-  }, H = async (E) => {
-    if (await je.confirm("是否关闭页签", "提示", {
+  }, U = async (T) => {
+    if (await Fe.confirm("是否关闭页签", "提示", {
       type: "warning"
     }).catch(() => !1)) {
-      if (i.value = i.value.filter((U) => U.id !== E.id), M.value === E.id) {
-        const U = i.value[0];
-        z(U || l.value);
+      if (i.value = i.value.filter((X) => X.id !== T.id), E.value === T.id) {
+        const X = i.value[0];
+        C(X || l.value);
       }
-      return E;
+      return T;
     }
-  }, K = (E) => {
-    const O = i.value.findIndex((U) => U.id === E.id);
-    if (O >= 0) {
-      const U = i.value[O];
-      i.value.splice(O, 1, Object.assign(U, E));
+  }, H = (T) => {
+    const R = i.value.findIndex((X) => X.id === T.id);
+    if (R >= 0) {
+      const X = i.value[R];
+      i.value.splice(R, 1, Object.assign(X, T));
     }
   }, re = async () => {
-    if (!await je.confirm("是否关闭全部页签", "提示", {
+    if (!await Fe.confirm("是否关闭全部页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
-    const O = i.value;
-    return i.value = [], P(l.value), O;
-  }, Z = async () => {
-    if (!await je.confirm("是否关闭其他页签", "提示", {
+    const R = i.value;
+    return i.value = [], V(l.value), R;
+  }, q = async () => {
+    if (!await Fe.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
-    const O = i.value.filter((U) => U.id !== M.value);
-    return i.value = i.value.filter((U) => U.id === M.value), O;
-  }, ee = (E) => {
-    const O = i.value.filter((U) => U.id !== E.id);
-    i.value = [E, ...O], P(E);
-  }, ue = async () => {
+    const R = i.value.filter((X) => X.id !== E.value);
+    return i.value = i.value.filter((X) => X.id === E.value), R;
+  }, ee = (T) => {
+    const R = i.value.filter((X) => X.id !== T.id);
+    i.value = [T, ...R], V(T);
+  }, ce = async () => {
     await ve();
-    const E = l.value.url === s.fullPath, O = y(s.fullPath);
-    if (E)
-      M.value = l.value.id;
+    const T = l.value.url === s.fullPath, R = y(s.fullPath);
+    if (T)
+      E.value = l.value.id;
     else {
-      const U = await x(O);
-      N(U);
+      const X = await x(R);
+      N(X);
     }
-    await ve(), t.value = O || null;
+    await ve(), t.value = R || null;
   };
-  return L(e, ue), L(s, ue, { immediate: !0 }), Ce(Dt, r), {
+  return K(e, ce), K(s, ce, { immediate: !0 }), Se(jt, r), {
     tabRef: p,
     tabs: i,
-    showTabs: b,
-    currentTab: I,
-    changeTab: z,
-    removeTab: H,
-    updateTab: K,
+    showTabs: h,
+    currentTab: P,
+    changeTab: C,
+    removeTab: U,
+    updateTab: H,
     addTab: N,
     home: l,
-    tabValue: M,
-    isCurrentTab: S,
-    activeHome: T,
-    activeTab: P,
+    tabValue: E,
+    isCurrentTab: $,
+    activeHome: M,
+    activeTab: V,
     dropdownTabs: _,
     removeAllTabs: re,
-    removeOtherTabs: Z,
+    removeOtherTabs: q,
     moveToShow: ee
   };
 }
-function Qo(a) {
-  const n = /* @__PURE__ */ new Map(), e = D([]), t = Oe({}), l = pe(), s = {}, { updateTab: c, isCurrentTab: r, activeHome: i, tabs: p } = a, d = (z, P) => {
-    const T = P.fullPath;
-    if (n.has(T))
-      return n.get(T);
+function Jo(a) {
+  const n = /* @__PURE__ */ new Map(), e = j([]), t = Re({}), l = pe(), s = {}, { updateTab: u, isCurrentTab: r, activeHome: i, tabs: p } = a, d = (C, V) => {
+    const M = V.fullPath;
+    if (n.has(M))
+      return n.get(M);
     {
-      const N = Et(T), x = {
+      const N = Tt(M), x = {
         name: N,
         setup() {
-          const H = v(() => t[T] || document.body), K = v(() => !t[T]), re = v(() => !e.value.includes(N));
-          return Ce(
+          const U = v(() => t[M] || document.body), H = v(() => !t[M]), re = v(() => !e.value.includes(N));
+          return Se(
             Wn,
-            ye({ ...P })
+            ye({ ...V })
           ), () => re.value ? ae(
             yt,
             {
-              to: H.value,
-              disabled: K.value
+              to: U.value,
+              disabled: H.value
             },
-            [ae(z)]
+            [ae(C)]
           ) : null;
         }
       };
-      return n.set(T, x), x;
+      return n.set(M, x), x;
     }
-  }, m = (z) => {
-    z.dialog = void 0, delete t[z.url];
-    const P = s[z.id];
-    P && (P.destroy(), delete s[z.id], c(z));
-  }, b = (z = []) => {
-    z.forEach((P) => {
-      m(P);
+  }, m = (C) => {
+    C.dialog = void 0, delete t[C.url];
+    const V = s[C.id];
+    V && (V.destroy(), delete s[C.id], u(C));
+  }, h = (C = []) => {
+    C.forEach((V) => {
+      m(V);
     });
-  }, _ = async (z) => {
-    z.dialog = {
-      ...z.dialog,
+  }, _ = async (C) => {
+    C.dialog = {
+      ...C.dialog,
       onMinimized: () => {
-        m(z);
+        m(C);
       },
       onClose: async () => {
-        m(z), p.value = p.value.filter((T) => T.id !== z.id);
+        m(C), p.value = p.value.filter((M) => M.id !== C.id);
       }
-    }, c(z);
-    const P = tt(
+    }, u(C);
+    const V = tt(
       {
-        title: z.title,
-        icon: z.icon,
+        title: C.title,
+        icon: C.icon,
         modal: !1,
         resizable: !0,
         draggable: !0,
         maximizable: !0,
         minimizable: !0,
-        ...z.dialog,
-        onOpen(T) {
-          t[z.url] = T.refs.panelRef?.bodyRef?.$el;
+        ...C.dialog,
+        onOpen(M) {
+          t[C.url] = M.refs.panelRef?.bodyRef?.$el;
         }
       },
       l?.appContext
     );
-    return await ve(), r(z) && i(), s[z.id] = P, P;
-  }, y = async (z) => {
-    e.value = [z.name], await ve(), e.value = [];
-  }, S = async (z) => {
-    e.value = z.map((P) => P.name), await ve(), e.value = [];
-  }, w = (z) => (z.preventDefault(), !1), M = (z) => {
-    if (z.dataTransfer) {
-      const P = z.dataTransfer.getData("tab"), T = p.value.find((N) => N.id === P);
-      if (T) {
-        const { clientX: N, clientY: x } = z;
-        T.dialog = {
+    return await ve(), r(C) && i(), s[C.id] = V, V;
+  }, y = async (C) => {
+    e.value = [C.name], await ve(), e.value = [];
+  }, $ = async (C) => {
+    e.value = C.map((V) => V.name), await ve(), e.value = [];
+  }, w = (C) => (C.preventDefault(), !1), E = (C) => {
+    if (C.dataTransfer) {
+      const V = C.dataTransfer.getData("tab"), M = p.value.find((N) => N.id === V);
+      if (M) {
+        const { clientX: N, clientY: x } = C;
+        M.dialog = {
           left: N,
           top: x
-        }, _(T);
+        }, _(M);
       }
     }
-  }, I = (z) => !!t[z];
-  return De(document, "dragover", w), De(document, "drop", M), {
+  }, P = (C) => !!t[C];
+  return je(document, "dragover", w), je(document, "drop", E), {
     createView: d,
     openDialog: _,
     refresh: y,
     exclude: e,
-    cleanCache: S,
-    hasDialog: I,
+    cleanCache: $,
+    hasDialog: P,
     closeDialog: m,
-    closeDialogs: b
+    closeDialogs: h
   };
 }
-const Ha = /* @__PURE__ */ V({
+const Ua = /* @__PURE__ */ I({
   name: "XMask",
   __name: "Mask",
-  props: Ao,
+  props: Oo,
   emits: ["select", "actionClick", "actionCommand"],
   setup(a, { emit: n }) {
-    const e = a, t = n, l = Lo(e), { collapsed: s, keyword: c, favorite: r } = Ko(), { menus: i, favorites: p, flatMenus: d, active: m, select: b, toggleFavorite: _ } = Wo(e, t), {
+    const e = a, t = n, l = Ko(e), { collapsed: s, keyword: u, favorite: r } = Ho(), { menus: i, favorites: p, flatMenus: d, active: m, select: h, toggleFavorite: _ } = Wo(e, t), {
       tabRef: y,
-      showTabs: S,
+      showTabs: $,
       currentTab: w,
-      changeTab: M,
-      removeTab: I,
-      tabs: z,
-      updateTab: P,
-      isCurrentTab: T,
+      changeTab: E,
+      removeTab: P,
+      tabs: C,
+      updateTab: V,
+      isCurrentTab: M,
       activeHome: N,
       removeAllTabs: x,
-      removeOtherTabs: H,
-      dropdownTabs: K,
+      removeOtherTabs: U,
+      dropdownTabs: H,
       moveToShow: re
-    } = Jo(e, t, d, m, l), { createView: Z, openDialog: ee, refresh: ue, exclude: E, cleanCache: O, closeDialogs: U } = Qo({
-      tabs: z,
-      updateTab: P,
-      isCurrentTab: T,
+    } = Yo(e, t, d, m, l), { createView: q, openDialog: ee, refresh: ce, exclude: T, cleanCache: R, closeDialogs: X } = Jo({
+      tabs: C,
+      updateTab: V,
+      isCurrentTab: M,
       activeHome: N
-    }), ze = async (X) => {
-      await I(X) && await O([X]);
-    }, $e = async () => {
-      const X = await x();
-      X && (U(X), await O(X));
-    }, Re = async () => {
-      const X = await H();
-      X && (U(X), await O(X));
-    }, Fe = (X) => {
-      t("actionClick", X);
-    }, Ut = (X, ne) => {
-      t("actionCommand", X, ne);
+    }), Ce = async (L) => {
+      await P(L) && await R([L]);
+    }, ze = async () => {
+      const L = await x();
+      L && (X(L), await R(L));
+    }, De = async () => {
+      const L = await U();
+      L && (X(L), await R(L));
+    }, Ae = (L) => {
+      t("actionClick", L);
+    }, Xt = (L, ne) => {
+      t("actionCommand", L, ne);
     };
-    return Ce(Ot, {
-      tabs: z,
+    return Se(Rt, {
+      tabs: C,
       flatMenus: d,
       favorites: p,
-      updateTab: P,
+      updateTab: V,
       active: m,
       currentTab: w
-    }), (X, ne) => (u(), g(o(B), {
-      class: J(["x-mask", { "is-disabled": e.disabled }]),
+    }), (L, ne) => (c(), g(o(B), {
+      class: Y(["x-mask", { "is-disabled": e.disabled }]),
       fit: ""
     }, {
       default: f(() => [
-        e.disabled ? (u(), g(pt, {
+        e.disabled ? (c(), g(pt, {
           key: 1,
-          createView: o(Z),
-          exclude: o(E)
+          createView: o(q),
+          exclude: o(T)
         }, {
           default: f(() => [
-            X.$slots.default ? C(X.$slots, "default", { key: 0 }) : h("", !0)
+            L.$slots.default ? S(L.$slots, "default", { key: 0 }) : b("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (u(), $(W, { key: 0 }, [
-          k($o, { collapsed: o(s) }, {
+        }, 8, ["createView", "exclude"])) : (c(), z(W, { key: 0 }, [
+          k(zo, { collapsed: o(s) }, {
             brand: f(() => [
-              k(Io, {
+              k(Po, {
                 logo: e.logo,
                 title: e.title,
                 url: o(l).url,
@@ -2637,23 +2637,23 @@ const Ha = /* @__PURE__ */ V({
               }, null, 8, ["logo", "title", "url", "collapsed"])
             ]),
             default: f(() => [
-              k(To, {
+              k(Mo, {
                 collasped: o(s),
-                "onUpdate:collasped": ne[0] || (ne[0] = (xe) => Ie(s) ? s.value = xe : null),
+                "onUpdate:collasped": ne[0] || (ne[0] = (xe) => Pe(s) ? s.value = xe : null),
                 favorite: o(r),
-                "onUpdate:favorite": ne[1] || (ne[1] = (xe) => Ie(r) ? r.value = xe : null),
-                keyword: o(c),
-                "onUpdate:keyword": ne[2] || (ne[2] = (xe) => Ie(c) ? c.value = xe : null)
+                "onUpdate:favorite": ne[1] || (ne[1] = (xe) => Pe(r) ? r.value = xe : null),
+                keyword: o(u),
+                "onUpdate:keyword": ne[2] || (ne[2] = (xe) => Pe(u) ? u.value = xe : null)
               }, null, 8, ["collasped", "favorite", "keyword"]),
               k(Bo, {
                 collapse: o(s),
-                keyword: o(c),
+                keyword: o(u),
                 favorite: o(r),
                 favorites: o(p),
                 flatMenus: o(d),
                 menus: o(i),
                 active: o(m),
-                onSelect: o(b)
+                onSelect: o(h)
               }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
             ]),
             _: 1
@@ -2672,38 +2672,38 @@ const Ha = /* @__PURE__ */ V({
                 align: "center"
               }, {
                 default: f(() => [
-                  k(jo, {
+                  k(Fo, {
                     ref_key: "tabRef",
                     ref: y,
                     favorites: o(p),
-                    tabs: o(S),
+                    tabs: o($),
                     home: o(l),
                     value: o(w)?.id,
-                    onClick: o(M),
+                    onClick: o(E),
                     onToggleFavorite: o(_),
-                    onRemove: ze,
+                    onRemove: Ce,
                     onDialog: o(ee),
-                    onRefresh: o(ue)
+                    onRefresh: o(ce)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
-                  k(Xo, {
-                    tabs: o(K),
+                  k(Lo, {
+                    tabs: o(H),
                     actions: e.actions,
                     theme: e.theme,
-                    onCloseOtherTabs: Re,
-                    onCloseAllTabs: $e,
-                    onCloseTab: ze,
+                    onCloseOtherTabs: De,
+                    onCloseAllTabs: ze,
+                    onCloseTab: Ce,
                     onClickTab: o(re),
-                    onActionClick: Fe,
-                    onActionCommand: Ut
+                    onActionClick: Ae,
+                    onActionCommand: Xt
                   }, {
                     default: f(() => [
-                      k(Ho, {
+                      k(Uo, {
                         avatar: e.avatar
-                      }, ce({ _: 2 }, [
-                        X.$slots.user ? {
+                      }, ue({ _: 2 }, [
+                        L.$slots.user ? {
                           name: "default",
                           fn: f(() => [
-                            C(X.$slots, "user")
+                            S(L.$slots, "user")
                           ]),
                           key: "0"
                         } : void 0
@@ -2715,11 +2715,11 @@ const Ha = /* @__PURE__ */ V({
                 _: 3
               }),
               k(pt, {
-                createView: o(Z),
-                exclude: o(E)
+                createView: o(q),
+                exclude: o(T)
               }, {
                 default: f(() => [
-                  X.$slots.default ? C(X.$slots, "default", { key: 0 }) : h("", !0)
+                  L.$slots.default ? S(L.$slots, "default", { key: 0 }) : b("", !0)
                 ]),
                 _: 3
               }, 8, ["createView", "exclude"])
@@ -2732,8 +2732,8 @@ const Ha = /* @__PURE__ */ V({
     }, 8, ["class"]));
   }
 });
-function Ka(a = {}) {
-  const n = It(), e = Se(Dt, null), t = Se(Ot, null);
+function Ha(a = {}) {
+  const n = Pt(), e = $e(jt, null), t = $e(Rt, null);
   if (e) {
     const s = typeof a == "function" ? a : async () => a;
     e[n.fullPath] = s;
@@ -2743,22 +2743,22 @@ function Ka(a = {}) {
     mask: t
   };
 }
-const Zo = /* @__PURE__ */ V({
+const qo = /* @__PURE__ */ I({
   __name: "SelectEditor",
   props: {
     options: { default: () => [] }
   },
   setup(a) {
     const n = a;
-    return (e, t) => (u(), g(o(wt), le(be(e.$attrs)), {
+    return (e, t) => (c(), g(o(wt), le(he(e.$attrs)), {
       default: f(() => [
-        (u(!0), $(W, null, Y(n.options, (l, s) => (u(), g(o(xt), F({
+        (c(!0), z(W, null, Z(n.options, (l, s) => (c(), g(o(xt), A({
           key: `item_${s}_${l.value}`
-        }, l), ce({ _: 2 }, [
+        }, l), ue({ _: 2 }, [
           e.$slots.option ? {
             name: "default",
             fn: f(() => [
-              C(e.$slots, "option", { option: l })
+              S(e.$slots, "option", { option: l })
             ]),
             key: "0"
           } : void 0
@@ -2767,7 +2767,7 @@ const Zo = /* @__PURE__ */ V({
       _: 3
     }, 16));
   }
-}), Go = /* @__PURE__ */ V({
+}), Go = /* @__PURE__ */ I({
   __name: "CheckboxEditor",
   props: {
     options: { default: () => [] },
@@ -2777,15 +2777,15 @@ const Zo = /* @__PURE__ */ V({
     const n = a, e = v(
       () => we(n.button ? tn : nn)
     );
-    return (t, l) => (u(), g(o(on), le(be(t.$attrs)), {
+    return (t, l) => (c(), g(o(on), le(he(t.$attrs)), {
       default: f(() => [
-        (u(!0), $(W, null, Y(n.options, (s, c) => (u(), g(Q(e.value), {
-          key: `item_${c}_${s.value}`,
+        (c(!0), z(W, null, Z(n.options, (s, u) => (c(), g(J(e.value), {
+          key: `item_${u}_${s.value}`,
           label: s.label,
           value: s.value
         }, {
           default: f(() => [
-            R(A(s.label), 1)
+            D(O(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label", "value"]))), 128))
@@ -2793,7 +2793,7 @@ const Zo = /* @__PURE__ */ V({
       _: 1
     }, 16));
   }
-}), Yo = /* @__PURE__ */ V({
+}), Zo = /* @__PURE__ */ I({
   __name: "RadioEditor",
   props: {
     options: { default: () => [] },
@@ -2803,15 +2803,15 @@ const Zo = /* @__PURE__ */ V({
     const n = a, e = v(
       () => we(n.button ? an : sn)
     );
-    return (t, l) => (u(), g(o(ln), le(be(t.$attrs)), {
+    return (t, l) => (c(), g(o(ln), le(he(t.$attrs)), {
       default: f(() => [
-        (u(!0), $(W, null, Y(n.options, (s, c) => (u(), g(Q(e.value), {
-          key: `item_${c}_${s.value}`,
+        (c(!0), z(W, null, Z(n.options, (s, u) => (c(), g(J(e.value), {
+          key: `item_${u}_${s.value}`,
           label: s.label,
           value: s.value
         }, {
           default: f(() => [
-            R(A(s.label), 1)
+            D(O(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label", "value"]))), 128))
@@ -2819,7 +2819,7 @@ const Zo = /* @__PURE__ */ V({
       _: 1
     }, 16));
   }
-}), Ft = {
+}), At = {
   none: {
     component: "div",
     props: {
@@ -2842,7 +2842,7 @@ const Zo = /* @__PURE__ */ V({
     defaultValue: ""
   },
   select: {
-    component: Zo,
+    component: qo,
     props: {
       clearable: !0
     }
@@ -2853,7 +2853,7 @@ const Zo = /* @__PURE__ */ V({
     defaultValue: []
   },
   radio: {
-    component: Yo,
+    component: Zo,
     props: {}
   },
   number: {
@@ -2865,7 +2865,7 @@ const Zo = /* @__PURE__ */ V({
     props: {}
   },
   time: {
-    component: un,
+    component: cn,
     props: {}
   },
   datetime: {
@@ -2875,11 +2875,11 @@ const Zo = /* @__PURE__ */ V({
     }
   },
   switch: {
-    component: Qe,
+    component: Je,
     props: {}
   },
   rate: {
-    component: cn,
+    component: un,
     props: {}
   },
   slider: {
@@ -2890,7 +2890,7 @@ const Zo = /* @__PURE__ */ V({
     component: pn,
     props: {}
   }
-}, qo = {
+}, Qo = {
   /**
    * 字段名称
    */
@@ -2922,7 +2922,7 @@ const Zo = /* @__PURE__ */ V({
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default(a) {
-      return Ft[a.editor]?.defaultValue;
+      return At[a.editor]?.defaultValue;
     }
   },
   /**
@@ -3009,9 +3009,9 @@ async function ea(a, n) {
   return e ? typeof e == "function" ? await e(n) || [] : e : [];
 }
 function ta(a, n, e, t, l) {
-  const s = D([]), c = v(() => !t || !l ? {} : Mt(a.cascader).reduce((p, d) => (p[d] = Be(l, d), p), {}));
-  return L(
-    c,
+  const s = j([]), u = v(() => !t || !l ? {} : Et(a.cascader).reduce((p, d) => (p[d] = Be(l, d), p), {}));
+  return K(
+    u,
     async (i) => {
       if (e.value) {
         s.value = await ea(a, i);
@@ -3029,21 +3029,21 @@ function ta(a, n, e, t, l) {
         placeholder: p,
         label: d = "...",
         disabled: m,
-        readonly: b
+        readonly: h
       } = a, _ = {
         ...a.props,
         placeholder: p || (p === null ? void 0 : `请输入${d}`),
         disabled: m,
-        readonly: b,
+        readonly: h,
         options: s.value,
         onFocus: () => n("focus"),
         onBlur: () => n("blur"),
-        onChange: (S) => n("change", S)
-      }, y = typeof i == "string" ? Ft[i] : {
+        onChange: ($) => n("change", $)
+      }, y = typeof i == "string" ? At[i] : {
         component: i,
         props: {}
       };
-      return Un({}, y, {
+      return Xn({}, y, {
         props: _
       });
     })
@@ -3055,46 +3055,46 @@ const na = {
 }, oa = {
   key: 0,
   class: "x-field__tip"
-}, aa = /* @__PURE__ */ V({
+}, aa = /* @__PURE__ */ I({
   name: "XField",
   __name: "Field",
-  props: qo,
+  props: Qo,
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = Se(jt, null), c = Se(fn, null), r = Se(Nt, null), i = v(() => !s?.proxy || !r ? t.visible : typeof t.visible == "function" ? t.visible(r) : Ge(t.visible) ? Object.entries(t.visible).every(([H, K]) => Be(r, H) === K) : t.visible), p = () => s?.proxy && r && t.name ? Be(r, t.name) ?? t.modelValue : t.modelValue, d = D(p()), { editor: m } = ta(
+    const t = a, l = e, s = $e(Ft, null), u = $e(fn, null), r = $e(Nt, null), i = v(() => !s?.proxy || !r ? t.visible : typeof t.visible == "function" ? t.visible(r) : Ge(t.visible) ? Object.entries(t.visible).every(([U, H]) => Be(r, U) === H) : t.visible), p = () => s?.proxy && r && t.name ? Be(r, t.name) ?? t.modelValue : t.modelValue, d = j(p()), { editor: m } = ta(
       t,
       l,
       i,
       s,
       r
-    ), b = D(), _ = D(), y = v(
-      () => t.size || c?.size || "default"
-    ), S = v(() => Object.assign(
+    ), h = j(), _ = j(), y = v(
+      () => t.size || u?.size || "default"
+    ), $ = v(() => Object.assign(
       {},
       s?.props.tooltipMessage || {},
       typeof t.tooltipMessage == "boolean" ? {} : t.tooltipMessage
-    )), w = (x = "") => t.error ? t.error : x.includes("is required") ? `${t.label || t.name}是必填项！` : x, M = v(() => {
+    )), w = (x = "") => t.error ? t.error : x.includes("is required") ? `${t.label || t.name}是必填项！` : x, E = v(() => {
       const x = s?.props.tooltipMessage ?? t.tooltipMessage;
       return {
         [`is-tooltip-${t.tooltipPosition}`]: !!x && !!t.tooltipPosition
       };
-    }), I = v(() => {
+    }), P = v(() => {
       const x = s?.proxy;
       return {
-        width: t.width ? q(t.width) : x && x.inline && x.inlineColumns ? `${100 / x.inlineColumns}%` : null
+        width: t.width ? Q(t.width) : x && x.inline && x.inlineColumns ? `${100 / x.inlineColumns}%` : null
       };
-    }), z = v(() => ({
+    }), C = v(() => ({
       right: typeof t.tooltipPosition == "number" ? `${t.tooltipPosition}px` : void 0
-    })), P = v(() => ({
+    })), V = v(() => ({
       ...m.value.props,
       modelValue: d.value,
       "onUpdate:modelValue": (x) => {
         d.value = x;
       }
     }));
-    return L(d, (x, H) => {
-      i.value && !Ze(x, H) && (l("update:modelValue", x), s?.proxy && r && t.name && Ue(r, t.name, x));
-    }), L(
+    return K(d, (x, U) => {
+      i.value && !qe(x, U) && (l("update:modelValue", x), s?.proxy && r && t.name && Xe(r, t.name, x));
+    }), K(
       () => !s?.proxy || !t.name || !r ? t.modelValue : Be(r, t.name) ?? t.modelValue,
       (x) => {
         i.value && (d.value = x);
@@ -3102,17 +3102,17 @@ const na = {
       {
         immediate: !0
       }
-    ), L(
+    ), K(
       i,
       (x) => {
-        s?.proxy && r && t.name && (x ? (d.value = p(), Ue(r, t.name, d.value)) : (d.value = void 0, Ue(r, t.name, void 0)));
+        s?.proxy && r && t.name && (x ? (d.value = p(), Xe(r, t.name, d.value)) : (d.value = void 0, Xe(r, t.name, void 0)));
       },
       {
         immediate: !0
       }
     ), n({
       fieldValue: d,
-      itemRef: b,
+      itemRef: h,
       editorRef: _,
       focus: () => {
         _.value?.focus && _.value.focus();
@@ -3120,78 +3120,78 @@ const na = {
       blur: () => {
         _.value?.foucs && _.value.blur();
       }
-    }), (x, H) => i.value ? (u(), g(o(mn), F({
+    }), (x, U) => i.value ? (c(), g(o(mn), A({
       key: 0,
-      class: ["x-field", M.value],
+      class: ["x-field", E.value],
       ref_key: "itemRef",
-      ref: b,
+      ref: h,
       prop: t.name,
       label: x.label,
       size: y.value,
-      style: I.value
-    }, x.$attrs), ce({
-      error: f(({ error: K }) => [
-        C(x.$slots, "error", { error: K }, () => [
-          o(s)?.props.tooltipMessage ?? t.tooltipMessage ? (u(), $("div", {
+      style: P.value
+    }, x.$attrs), ue({
+      error: f(({ error: H }) => [
+        S(x.$slots, "error", { error: H }, () => [
+          o(s)?.props.tooltipMessage ?? t.tooltipMessage ? (c(), z("div", {
             key: 0,
             class: "x-field__info",
-            style: fe(z.value)
+            style: fe(C.value)
           }, [
-            k(o(ht), F({
-              content: w(K)
-            }, S.value), {
+            k(o(bt), A({
+              content: w(H)
+            }, $.value), {
               default: f(() => [
                 k(o(de), {
                   class: "x-field__trigger",
-                  icon: o(Vn),
+                  icon: o(In),
                   size: y.value
                 }, null, 8, ["icon", "size"])
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : (u(), $("div", na, A(w(K)), 1))
+          ], 4)) : (c(), z("div", na, O(w(H)), 1))
         ])
       ]),
       default: f(() => [
-        j("div", {
-          class: J(["x-field__editor_wrap", { "is-inline": t.inline }])
+        F("div", {
+          class: Y(["x-field__editor_wrap", { "is-inline": t.inline }])
         }, [
-          C(x.$slots, "editor", { editor: P.value }, () => [
-            o(m).component ? (u(), g(Q(o(m).component), F({
+          S(x.$slots, "editor", { editor: V.value }, () => [
+            o(m).component ? (c(), g(J(o(m).component), A({
               key: 0,
               class: "x-field__editor",
               ref_key: "editorRef",
               ref: _,
               modelValue: d.value,
-              "onUpdate:modelValue": H[0] || (H[0] = (K) => d.value = K)
-            }, o(m).props), ce({ _: 2 }, [
+              "onUpdate:modelValue": U[0] || (U[0] = (H) => d.value = H)
+            }, o(m).props), ue({ _: 2 }, [
               x.$slots.option ? {
                 name: "option",
-                fn: f(({ option: K }) => [
-                  C(x.$slots, "option", { option: K })
+                fn: f(({ option: H }) => [
+                  S(x.$slots, "option", { option: H })
                 ]),
                 key: "0"
               } : void 0
-            ]), 1040, ["modelValue"])) : h("", !0)
+            ]), 1040, ["modelValue"])) : b("", !0)
           ]),
-          t.tip || x.$slots.tip ? (u(), $("div", oa, [
-            C(x.$slots, "tip", {}, () => [
-              R(A(t.tip), 1)
+          t.tip || x.$slots.tip ? (c(), z("div", oa, [
+            S(x.$slots, "tip", {}, () => [
+              D(O(t.tip), 1)
             ])
-          ])) : h("", !0)
+          ])) : b("", !0)
         ], 2),
-        C(x.$slots, "default")
+        S(x.$slots, "default")
       ]),
       _: 2
     }, [
       x.$slots.label ? {
         name: "label",
         fn: f(() => [
-          C(x.$slots, "label")
+          S(x.$slots, "label")
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["prop", "label", "size", "class", "style"])) : h("", !0);
+    ]), 1040, ["prop", "label", "size", "class", "style"])) : b("", !0);
   }
 }), sa = {
   /**
@@ -3249,78 +3249,78 @@ const na = {
     type: [Object, Boolean],
     default: void 0
   }
-}, jt = Symbol("formInstanceKey"), Nt = Symbol("formModelKey"), la = /* @__PURE__ */ V({
+}, Ft = Symbol("formInstanceKey"), Nt = Symbol("formModelKey"), la = /* @__PURE__ */ I({
   name: "XForm",
   __name: "Form",
   props: sa,
   emits: ["change", "submit", "reset"],
   setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = pe(), c = D(), r = Oe(t.model || {}), i = D(!1);
-    Ce(jt, s), Ce(Nt, r), L(
+    const t = a, l = e, s = pe(), u = j(), r = Re(t.model || {}), i = j(!1);
+    Se(Ft, s), Se(Nt, r), K(
       () => t.model,
       (m) => {
         Object.assign(r, m);
       },
       { deep: !0 }
-    ), L(r, () => {
+    ), K(r, () => {
       l("change", ye(r));
     });
     const p = async () => {
-      await c.value.validate().catch(() => !1) && (l("submit", ye(r)), t.submitMethod && (i.value = !0, await t.submitMethod(ye(r)), i.value = !1));
+      await u.value.validate().catch(() => !1) && (l("submit", ye(r)), t.submitMethod && (i.value = !0, await t.submitMethod(ye(r)), i.value = !1));
     }, d = (m) => {
-      c.value.resetFields(m), l("reset");
+      u.value.resetFields(m), l("reset");
     };
     return n({
-      formRef: c,
+      formRef: u,
       model: r,
       submit: p,
       reset: d
-    }), (m, b) => (u(), g(o(gn), F({
+    }), (m, h) => (c(), g(o(gn), A({
       ref_key: "formRef",
-      ref: c,
+      ref: u,
       class: "x-form",
       inline: t.inline,
       model: r,
-      onKeyup: Lt(p, ["enter"]),
-      onSubmit: b[1] || (b[1] = vt(() => {
+      onKeyup: Kt(p, ["enter"]),
+      onSubmit: h[1] || (h[1] = vt(() => {
       }, ["stop", "prevent"]))
     }, m.$attrs), {
       default: f(() => [
-        C(m.$slots, "default"),
-        t.footer ? (u(), g(o(aa), {
+        S(m.$slots, "default"),
+        t.footer ? (c(), g(o(aa), {
           key: 0,
           editor: "none",
           class: "x-form__footer",
           label: " "
         }, {
           editor: f(() => [
-            C(m.$slots, "footer", {}, () => [
-              t.submitText ? (u(), g(o(ie), {
+            S(m.$slots, "footer", {}, () => [
+              t.submitText ? (c(), g(o(ie), {
                 key: 0,
                 loading: i.value,
                 type: "primary",
                 onClick: p
               }, {
                 default: f(() => [
-                  R(A(t.submitText), 1)
+                  D(O(t.submitText), 1)
                 ]),
                 _: 1
-              }, 8, ["loading"])) : h("", !0),
-              t.resetText ? (u(), g(o(ie), {
+              }, 8, ["loading"])) : b("", !0),
+              t.resetText ? (c(), g(o(ie), {
                 key: 1,
                 type: "default",
-                onClick: b[0] || (b[0] = () => d())
+                onClick: h[0] || (h[0] = () => d())
               }, {
                 default: f(() => [
-                  R(A(t.resetText), 1)
+                  D(O(t.resetText), 1)
                 ]),
                 _: 1
-              })) : h("", !0),
-              C(m.$slots, "action")
+              })) : b("", !0),
+              S(m.$slots, "action")
             ])
           ]),
           _: 3
-        })) : h("", !0)
+        })) : b("", !0)
       ]),
       _: 3
     }, 16, ["inline", "model"]));
@@ -3362,13 +3362,13 @@ const na = {
   submitMethod: {
     type: Function
   }
-}, La = /* @__PURE__ */ V({
+}, Ka = /* @__PURE__ */ I({
   name: "XDialogForm",
   __name: "DialogForm",
   props: ia,
   emits: ["update:modelValue", "submit", "close"],
   setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = D(), c = D(), r = v(() => c.value?.$vtjEl), i = () => {
+    const t = a, l = e, s = j(), u = j(), r = v(() => u.value?.$vtjEl), i = () => {
       s.value?.submit();
     }, p = () => {
       l("update:modelValue", !1), l("close");
@@ -3376,28 +3376,28 @@ const na = {
       l("submit", _), t.submitMethod ? await t.submitMethod(_) && p() : p();
     }, m = v(
       () => t.formProps?.disabled ? !1 : t.submit
-    ), b = v(
+    ), h = v(
       () => t.formProps?.disabled ? !1 : t.cancel
     );
     return n({
       $vtjEl: r,
       formRef: s,
-      dialogRef: c
-    }), (_, y) => (u(), g(o(At), F({
+      dialogRef: u
+    }), (_, y) => (c(), g(o(Ot), A({
       ref_key: "dialogRef",
-      ref: c,
+      ref: u,
       class: "x-dialog-form",
       "model-value": t.modelValue,
       submit: m.value,
-      cancel: b.value,
+      cancel: h.value,
       size: t.size,
       onSubmit: i,
       onClose: p,
       minimizable: !1,
       maximizable: !1
-    }, _.$attrs), ce({
+    }, _.$attrs), ue({
       default: f(() => [
-        k(o(la), F({
+        k(o(la), A({
           ref_key: "formRef",
           ref: s,
           class: "x-dialog-form__form",
@@ -3409,7 +3409,7 @@ const na = {
           "submit-method": d
         }, t.formProps), {
           default: f(() => [
-            C(_.$slots, "default")
+            S(_.$slots, "default")
           ]),
           _: 3
         }, 16, ["size", "model", "rules"])
@@ -3419,21 +3419,21 @@ const na = {
       _.$slots.extra ? {
         name: "extra",
         fn: f(() => [
-          C(_.$slots, "extra")
+          S(_.$slots, "extra")
         ]),
         key: "0"
       } : void 0,
       _.$slots.handle ? {
         name: "handle",
         fn: f(() => [
-          C(_.$slots, "handle")
+          S(_.$slots, "handle")
         ]),
         key: "1"
       } : void 0,
       _.$slots.footer ? {
         name: "footer",
         fn: f(() => [
-          C(_.$slots, "footer")
+          S(_.$slots, "footer")
         ]),
         key: "2"
       } : void 0
@@ -3455,21 +3455,21 @@ const na = {
   align: {
     type: String
   }
-}, ua = { class: "x-tabs__label-inner" }, ca = {
+}, ca = { class: "x-tabs__label-inner" }, ua = {
   key: 0,
   class: "x-tabs__actions"
-}, Wa = /* @__PURE__ */ V({
+}, Wa = /* @__PURE__ */ I({
   name: "XTabs",
   __name: "Tabs",
   props: ra,
   emits: ["actionClick", "actionCommand"],
   setup(a, { emit: n }) {
     const e = a, t = n, l = (i) => {
-      const { label: p, name: d, value: m, disabled: b, closable: _, lazy: y } = i;
+      const { label: p, name: d, value: m, disabled: h, closable: _, lazy: y } = i;
       return {
         label: p,
         name: m ?? d,
-        disabled: b,
+        disabled: h,
         closable: _,
         lazy: y
       };
@@ -3477,43 +3477,43 @@ const na = {
       "is-no-border": !e.border,
       "is-fit": !!e.fit,
       [`is-align-${e.align}`]: !!e.align
-    })), c = (i) => {
+    })), u = (i) => {
       t("actionClick", i);
     }, r = (i) => {
       t("actionCommand", i);
     };
-    return (i, p) => (u(), g(o(_t), F({
+    return (i, p) => (c(), g(o(_t), A({
       class: ["x-tabs", s.value]
     }, i.$attrs), {
       default: f(() => [
-        (u(!0), $(W, null, Y(e.items, (d) => (u(), g(o(Ke), F({
+        (c(!0), z(W, null, Z(e.items, (d) => (c(), g(o(He), A({
           key: d.value ?? d.name
         }, l(d)), {
           label: f(() => [
-            C(i.$slots, "label", le(be(d)), () => [
-              d.icon ? (u(), g(Q(o(ke)(d.icon)), {
+            S(i.$slots, "label", le(he(d)), () => [
+              d.icon ? (c(), g(J(o(ke)(d.icon)), {
                 key: 0,
                 class: "x-tabs__icon"
-              })) : h("", !0),
-              j("div", ua, [
-                R(A(d.label) + " ", 1),
-                d.actions && [d.name, d.value].includes(i.$attrs.modelValue) ? (u(), $("div", ca, [
-                  (u(!0), $(W, null, Y(d.actions, (m) => (u(), g(o(te), F({
+              })) : b("", !0),
+              F("div", ca, [
+                D(O(d.label) + " ", 1),
+                d.actions && [d.name, d.value].includes(i.$attrs.modelValue) ? (c(), z("div", ua, [
+                  (c(!0), z(W, null, Z(d.actions, (m) => (c(), g(o(te), A({
                     mode: "icon",
                     type: "primary",
                     size: "small",
                     circle: ""
                   }, m, {
-                    onClick: c,
+                    onClick: u,
                     onCommand: r
                   }), null, 16))), 256))
-                ])) : h("", !0)
+                ])) : b("", !0)
               ])
             ])
           ]),
           default: f(() => [
-            C(i.$slots, "default", le(be(d)), () => [
-              d.component ? (u(), g(Q(d.component), le(F({ key: 0 }, d.props)), null, 16)) : h("", !0)
+            S(i.$slots, "default", le(he(d)), () => [
+              d.component ? (c(), g(J(d.component), le(A({ key: 0 }, d.props)), null, 16)) : b("", !0)
             ])
           ]),
           _: 2
@@ -3569,51 +3569,51 @@ const na = {
 }, ga = {
   key: 3,
   class: "x-data-item__section x-data-item__actions"
-}, Ja = /* @__PURE__ */ V({
+}, Ya = /* @__PURE__ */ I({
   name: "XDataItem",
   __name: "DataItem",
   props: da,
   emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
   setup(a, { emit: n }) {
     const e = a, t = n, l = v(() => {
-      const { imageWidth: m, imageHeight: b } = e;
+      const { imageWidth: m, imageHeight: h } = e;
       return {
-        width: m ? q(m) : void 0,
-        height: b ? q(b) : void 0
+        width: m ? Q(m) : void 0,
+        height: h ? Q(h) : void 0
       };
     }), s = v(() => ({
       [`is-image-${e.direction}`]: !!e.direction,
       "is-split": !!e.split
-    })), c = v(() => ({
+    })), u = v(() => ({
       size: "small",
       mode: "text",
       justify: "flex-end",
       type: "info",
       items: e.actions,
       ...e.actionBarProps
-    })), r = () => t("imageClick"), i = () => t("titleClick"), p = (m) => t("actionClick", m), d = (m, b) => t("actionCommand", m, b);
-    return (m, b) => (u(), g(o(B), {
-      class: J(["x-data-item", s.value]),
+    })), r = () => t("imageClick"), i = () => t("titleClick"), p = (m) => t("actionClick", m), d = (m, h) => t("actionCommand", m, h);
+    return (m, h) => (c(), g(o(B), {
+      class: Y(["x-data-item", s.value]),
       direction: e.direction
     }, {
       default: f(() => [
-        e.imageSrc || m.$slots.image ? (u(), g(o(B), {
+        e.imageSrc || m.$slots.image ? (c(), g(o(B), {
           key: 0,
           class: "x-data-item__img",
           autoPointer: !0,
           onClick: e.onImageClick ? r : void 0
         }, {
           default: f(() => [
-            C(m.$slots, "image", {}, () => [
-              e.imageSrc ? (u(), g(o(yn), {
+            S(m.$slots, "image", {}, () => [
+              e.imageSrc ? (c(), g(o(yn), {
                 key: 0,
                 style: fe(l.value),
                 src: e.imageSrc
-              }, null, 8, ["style", "src"])) : h("", !0)
+              }, null, 8, ["style", "src"])) : b("", !0)
             ])
           ]),
           _: 3
-        }, 8, ["onClick"])) : h("", !0),
+        }, 8, ["onClick"])) : b("", !0),
         k(o(B), {
           class: "x-data-item__content",
           direction: "column",
@@ -3621,7 +3621,7 @@ const na = {
           shrink: ""
         }, {
           default: f(() => [
-            e.title || m.$slots.title ? (u(), g(o(B), {
+            e.title || m.$slots.title ? (c(), g(o(B), {
               key: 0,
               class: "x-data-item__section x-data-item__wrapper",
               align: "center",
@@ -3629,34 +3629,34 @@ const na = {
               onClick: e.onTitleClick ? i : void 0
             }, {
               default: f(() => [
-                e.icon ? (u(), g(Q(o(ke)(e.icon)), {
+                e.icon ? (c(), g(J(o(ke)(e.icon)), {
                   key: 0,
                   class: "x-data-item__icon"
-                })) : h("", !0),
-                j("span", pa, [
-                  C(m.$slots, "title", {}, () => [
-                    R(A(e.title), 1)
+                })) : b("", !0),
+                F("span", pa, [
+                  S(m.$slots, "title", {}, () => [
+                    D(O(e.title), 1)
                   ])
                 ])
               ]),
               _: 3
-            }, 8, ["onClick"])) : h("", !0),
-            e.description || m.$slots.description ? (u(), $("div", fa, [
-              C(m.$slots, "description", {}, () => [
-                R(A(e.description), 1)
+            }, 8, ["onClick"])) : b("", !0),
+            e.description || m.$slots.description ? (c(), z("div", fa, [
+              S(m.$slots, "description", {}, () => [
+                D(O(e.description), 1)
               ])
-            ])) : h("", !0),
-            m.$slots.default ? (u(), $("div", ma, [
-              C(m.$slots, "default")
-            ])) : h("", !0),
-            e.actions || e.actionBarProps || m.$slots.actions ? (u(), $("div", ga, [
-              C(m.$slots, "actions", {}, () => [
-                k(o(et), F(c.value, {
+            ])) : b("", !0),
+            m.$slots.default ? (c(), z("div", ma, [
+              S(m.$slots, "default")
+            ])) : b("", !0),
+            e.actions || e.actionBarProps || m.$slots.actions ? (c(), z("div", ga, [
+              S(m.$slots, "actions", {}, () => [
+                k(o(et), A(u.value, {
                   onClick: p,
                   onCommand: d
                 }), null, 16)
               ])
-            ])) : h("", !0)
+            ])) : b("", !0)
           ]),
           _: 3
         })
@@ -3680,23 +3680,23 @@ const na = {
 function va() {
   return import("echarts");
 }
-function ha(a, n) {
-  const e = D(), t = Pe();
+function ba(a, n) {
+  const e = j(), t = Ve();
   return mt(async () => {
     t.value = await va();
     const l = o(a);
     l && (e.value || (e.value = we(t.value.init(l))), e.value && e.value.setOption(n.option || {}));
   }), gt(() => {
     e.value && e.value.dispose();
-  }), L(
+  }), K(
     () => n.option,
     (l) => {
       e.value && e.value.setOption(l || {});
     },
     { deep: !0 }
-  ), Rn(
+  ), Dn(
     a,
-    Xn(() => {
+    Ln(() => {
       e.value && e.value.resize();
     }, 150)
   ), {
@@ -3704,26 +3704,26 @@ function ha(a, n) {
     echarts: t
   };
 }
-const Qa = /* @__PURE__ */ V({
+const Ja = /* @__PURE__ */ I({
   name: "XChart",
   __name: "Chart",
   props: ya,
   setup(a, { expose: n }) {
-    const e = a, t = D(), { echartsInstance: l, echarts: s } = ha(t, e), c = v(() => ({
-      width: q(e.width),
-      height: q(e.height)
+    const e = a, t = j(), { echartsInstance: l, echarts: s } = ba(t, e), u = v(() => ({
+      width: Q(e.width),
+      height: Q(e.height)
     }));
     return n({
       chartRef: t,
       echartsInstance: l,
       echarts: s
-    }), (r, i) => (u(), $("div", {
+    }), (r, i) => (c(), z("div", {
       ref_key: "chartRef",
       ref: t,
-      style: fe(c.value)
+      style: fe(u.value)
     }, null, 4));
   }
-}), ba = {
+}), ha = {
   data: {
     type: [Object, Function],
     default() {
@@ -3773,120 +3773,120 @@ const Qa = /* @__PURE__ */ V({
 }, xa = {
   key: 1,
   class: "x-list__nomore"
-}, Sa = {
+}, $a = {
   key: 1,
   class: "x-list__pager"
-}, Za = /* @__PURE__ */ V({
+}, qa = /* @__PURE__ */ I({
   name: "XList",
   __name: "List",
-  props: ba,
+  props: ha,
   emits: ["load"],
   setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = Oe({
+    const t = a, l = e, s = Re({
       page: t.page,
       pageSize: t.pageSize
     });
-    Je(() => {
-      const { page: T, pageSize: N } = t;
-      Object.assign(s, { page: T, pageSize: N });
+    Ye(() => {
+      const { page: M, pageSize: N } = t;
+      Object.assign(s, { page: M, pageSize: N });
     });
-    const { data: c, loading: r } = lo(
+    const { data: u, loading: r } = lo(
       t.data,
       {
         list: [],
         total: 0
       },
       s
-    ), i = v(() => Math.ceil((c.value.total || 0) / s.pageSize)), p = D(!1), d = D(), m = v(() => ({
-      width: q(t.width),
-      height: q(t.height)
-    })), b = v(() => ({
+    ), i = v(() => Math.ceil((u.value.total || 0) / s.pageSize)), p = j(!1), d = j(), m = v(() => ({
+      width: Q(t.width),
+      height: Q(t.height)
+    })), h = v(() => ({
       "is-virtual": !!t.itemHeight
     })), _ = v(() => {
-      const T = {};
+      const M = {};
       for (let [N, x] of Object.entries(
         it(t.infiniteScroll)
       ))
-        T[`infinite-scroll-${N}`] = x;
-      return (r.value || p.value) && (T["infinite-scroll-disabled"] = !0), T;
-    }), y = v(() => it(t.pager, {})), { list: S, containerProps: w, wrapperProps: M, scrollTo: I } = Fn(
-      v(() => c.value.list),
+        M[`infinite-scroll-${N}`] = x;
+      return (r.value || p.value) && (M["infinite-scroll-disabled"] = !0), M;
+    }), y = v(() => it(t.pager, {})), { list: $, containerProps: w, wrapperProps: E, scrollTo: P } = An(
+      v(() => u.value.list),
       {
         itemHeight: t.itemHeight || 0
       }
-    ), z = () => {
+    ), C = () => {
       !t.infiniteScroll || p.value || (s.page < i.value ? (++s.page, l("load", s)) : p.value = !0);
-    }, P = (T) => t.dataKey ? T[t.dataKey] : void 0;
+    }, V = (M) => t.dataKey ? M[t.dataKey] : void 0;
     return n({
-      list: S,
-      scrollTo: I,
+      list: $,
+      scrollTo: P,
       wrapperRef: d,
       loading: r,
       state: s,
       pageCount: i,
       nomore: p,
-      data: c,
-      getKey: P
-    }), (T, N) => (u(), $("div", {
-      class: J(["x-list", b.value]),
+      data: u,
+      getKey: V
+    }), (M, N) => (c(), z("div", {
+      class: Y(["x-list", h.value]),
       style: fe(m.value)
     }, [
-      !o(c).total && !o(r) ? C(T.$slots, "empty", { key: 0 }, () => [
-        k(o(bt))
-      ]) : h("", !0),
-      j("div", F({ class: "x-list__content" }, o(w)), [
-        t.itemHeight ? G((u(), $("div", F({
+      !o(u).total && !o(r) ? S(M.$slots, "empty", { key: 0 }, () => [
+        k(o(ht))
+      ]) : b("", !0),
+      F("div", A({ class: "x-list__content" }, o(w)), [
+        t.itemHeight ? G((c(), z("div", A({
           key: 0,
           class: "x-list__wrapper",
           ref_key: "wrapperRef",
           ref: d
-        }, { ...o(M), ..._.value }), [
-          (u(!0), $(W, null, Y(o(S), (x, H) => C(T.$slots, "default", le(F({
-            key: P(x.data)
-          }, { item: x.data, index: H })), () => [
-            j("div", null, A(x), 1)
+        }, { ...o(E), ..._.value }), [
+          (c(!0), z(W, null, Z(o($), (x, U) => S(M.$slots, "default", le(A({
+            key: V(x.data)
+          }, { item: x.data, index: U })), () => [
+            F("div", null, O(x), 1)
           ])), 128)),
-          o(r) ? (u(), $("div", _a, [
-            C(T.$slots, "loading", {}, () => [
-              R(" 正在加载数据... ")
+          o(r) ? (c(), z("div", _a, [
+            S(M.$slots, "loading", {}, () => [
+              D(" 正在加载数据... ")
             ])
-          ])) : h("", !0),
-          p.value ? (u(), $("div", ka, [
-            C(T.$slots, "nomore", {}, () => [
-              R(" 没有更多数据 ")
+          ])) : b("", !0),
+          p.value ? (c(), z("div", ka, [
+            S(M.$slots, "nomore", {}, () => [
+              D(" 没有更多数据 ")
             ])
-          ])) : h("", !0)
+          ])) : b("", !0)
         ], 16)), [
-          [o(at), z]
-        ]) : G((u(), $("div", F({
+          [o(at), C]
+        ]) : G((c(), z("div", A({
           key: 1,
           class: "x-list__wrapper"
         }, _.value), [
-          (u(!0), $(W, null, Y(o(c).list, (x, H) => C(T.$slots, "default", le(F({
-            key: P(x)
-          }, { item: x, index: H })), () => [
-            j("div", null, A(x), 1)
+          (c(!0), z(W, null, Z(o(u).list, (x, U) => S(M.$slots, "default", le(A({
+            key: V(x)
+          }, { item: x, index: U })), () => [
+            F("div", null, O(x), 1)
           ])), 128)),
-          o(r) ? (u(), $("div", wa, [
-            C(T.$slots, "loading", {}, () => [
-              R(" 正在加载数据... ")
+          o(r) ? (c(), z("div", wa, [
+            S(M.$slots, "loading", {}, () => [
+              D(" 正在加载数据... ")
             ])
-          ])) : h("", !0),
-          p.value ? (u(), $("div", xa, [
-            C(T.$slots, "nomore", {}, () => [
-              R(" 没有更多数据 ")
+          ])) : b("", !0),
+          p.value ? (c(), z("div", xa, [
+            S(M.$slots, "nomore", {}, () => [
+              D(" 没有更多数据 ")
             ])
-          ])) : h("", !0)
+          ])) : b("", !0)
         ], 16)), [
-          [o(at), z]
+          [o(at), C]
         ])
       ], 16),
-      t.pager ? (u(), $("div", Sa, [
-        k(o(vn), F({
+      t.pager ? (c(), z("div", $a, [
+        k(o(vn), A({
           small: "",
           background: "",
           layout: "prev, pager, next",
-          total: o(c).total,
+          total: o(u).total,
           "default-page-size": t.pageSize,
           "default-current-page": t.page,
           "current-page": s.page,
@@ -3894,10 +3894,10 @@ const Qa = /* @__PURE__ */ V({
           "page-size": s.pageSize,
           "onUpdate:pageSize": N[1] || (N[1] = (x) => s.pageSize = x)
         }, y.value), null, 16, ["total", "default-page-size", "default-current-page", "current-page", "page-size"])
-      ])) : h("", !0)
+      ])) : b("", !0)
     ], 6));
   }
-}), Ca = {
+}), Sa = {
   name: {
     type: String,
     default: "VTJ.PRO"
@@ -3914,9 +3914,9 @@ const Qa = /* @__PURE__ */ V({
     type: String,
     default: "/@vtj/pro/"
   }
-}, za = { class: "x-startup" }, $a = { class: "x-startup__wrapper" }, Ta = { class: "x-startup__name" }, Ea = { class: "clip" }, Ma = { class: "x-startup__tagline" }, Ia = { class: "x-startup__actions" }, Ga = /* @__PURE__ */ V({
+}, Ca = { class: "x-startup" }, za = { class: "x-startup__wrapper" }, Ma = { class: "x-startup__name" }, Ta = { class: "clip" }, Ea = { class: "x-startup__tagline" }, Pa = { class: "x-startup__actions" }, Ga = /* @__PURE__ */ I({
   __name: "Startup",
-  props: Ca,
+  props: Sa,
   setup(a) {
     const n = a, e = () => {
       if (typeof window < "u") {
@@ -3924,22 +3924,22 @@ const Qa = /* @__PURE__ */ V({
         window.location.href = l;
       }
     };
-    return (t, l) => (u(), $("div", za, [
-      j("div", $a, [
-        j("div", Ta, [
-          j("span", Ea, A(n.name), 1)
+    return (t, l) => (c(), z("div", Ca, [
+      F("div", za, [
+        F("div", Ma, [
+          F("span", Ta, O(n.name), 1)
         ]),
-        j("div", Ma, A(n.tagline), 1),
-        j("div", Ia, [
+        F("div", Ea, O(n.tagline), 1),
+        F("div", Pa, [
           k(o(ie), {
             type: "primary",
             size: "large",
             round: "",
-            icon: o(Pn),
+            icon: o(Vn),
             onClick: e
           }, {
             default: f(() => [
-              R(A(n.actionText), 1)
+              D(O(n.actionText), 1)
             ]),
             _: 1
           }, 8, ["icon"])
@@ -3978,13 +3978,13 @@ const Qa = /* @__PURE__ */ V({
   syncProp: {
     type: String
   }
-}, Va = { class: "x-test__slot" }, Pa = { class: "x-test__slot" }, Ya = /* @__PURE__ */ V({
+}, Ia = { class: "x-test__slot" }, Va = { class: "x-test__slot" }, Za = /* @__PURE__ */ I({
   name: "XTest",
   __name: "Test",
   props: Ba,
   emits: ["click", "submit", "change", "update:modelValue", "update:syncProp"],
   setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = v(() => Object.entries(t)), c = v({
+    const t = a, l = e, s = v(() => Object.entries(t)), u = v({
       get() {
         return t.modelValue;
       },
@@ -3998,7 +3998,7 @@ const Qa = /* @__PURE__ */ V({
       set(_) {
         l("update:syncProp", _);
       }
-    }), i = D("default inner data"), p = () => {
+    }), i = j("default inner data"), p = () => {
       lt.info({
         message: "触发click事件"
       }), l("click", t);
@@ -4008,7 +4008,7 @@ const Qa = /* @__PURE__ */ V({
       }), l("submit", t);
     }, m = (_) => {
       i.value = _, l("change", i.value);
-    }, b = () => {
+    }, h = () => {
       m("user click change:" + Date.now());
     };
     return n({
@@ -4016,7 +4016,7 @@ const Qa = /* @__PURE__ */ V({
       submit: d,
       data: i,
       change: m
-    }), (_, y) => (u(), g(o(Ve), {
+    }), (_, y) => (c(), g(o(Ie), {
       class: "x-test",
       header: "VTJ 低代码测试组件",
       border: ""
@@ -4024,19 +4024,19 @@ const Qa = /* @__PURE__ */ V({
       default: f(() => [
         k(o(se), null, {
           default: f(() => [
-            R("内部数据")
+            D("内部数据")
           ]),
           _: 1
         }),
         k(o(B), null, {
           default: f(() => [
-            R(A(i.value), 1)
+            D(O(i.value), 1)
           ]),
           _: 1
         }),
         k(o(se), null, {
           default: f(() => [
-            R("属性")
+            D("属性")
           ]),
           _: 1
         }),
@@ -4045,9 +4045,9 @@ const Qa = /* @__PURE__ */ V({
           border: ""
         }, {
           default: f(() => [
-            (u(!0), $(W, null, Y(s.value, ([S, w]) => (u(), g(o(Ne), { label: S }, {
+            (c(!0), z(W, null, Z(s.value, ([$, w]) => (c(), g(o(Ne), { label: $ }, {
               default: f(() => [
-                j("pre", null, A(JSON.stringify(w, null, 2)), 1)
+                F("pre", null, O(JSON.stringify(w, null, 2)), 1)
               ]),
               _: 2
             }, 1032, ["label"]))), 256))
@@ -4056,7 +4056,7 @@ const Qa = /* @__PURE__ */ V({
         }),
         k(o(se), null, {
           default: f(() => [
-            R("插槽")
+            D("插槽")
           ]),
           _: 1
         }),
@@ -4066,35 +4066,35 @@ const Qa = /* @__PURE__ */ V({
           gap: ""
         }, {
           default: f(() => [
-            k(o(Ve), {
+            k(o(Ie), {
               header: "default",
               grow: "",
               card: ""
             }, {
               default: f(() => [
-                j("div", Va, [
-                  C(_.$slots, "default", {
+                F("div", Ia, [
+                  S(_.$slots, "default", {
                     props: t,
                     data: i.value
                   }, () => [
-                    j("pre", null, A(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
+                    F("pre", null, O(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
                   ])
                 ])
               ]),
               _: 3
             }),
-            k(o(Ve), {
+            k(o(Ie), {
               header: "extra",
               grow: "",
               card: ""
             }, {
               default: f(() => [
-                j("div", Pa, [
-                  C(_.$slots, "extra", {
+                F("div", Va, [
+                  S(_.$slots, "extra", {
                     props: t,
                     data: i.value
                   }, () => [
-                    j("pre", null, A(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
+                    F("pre", null, O(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
                   ])
                 ])
               ]),
@@ -4105,7 +4105,7 @@ const Qa = /* @__PURE__ */ V({
         }),
         k(o(se), null, {
           default: f(() => [
-            R("双向绑定")
+            D("双向绑定")
           ]),
           _: 1
         }),
@@ -4119,8 +4119,8 @@ const Qa = /* @__PURE__ */ V({
                 k(o(Ne), { label: "modelValue" }, {
                   default: f(() => [
                     k(o(_e), {
-                      modelValue: c.value,
-                      "onUpdate:modelValue": y[0] || (y[0] = (S) => c.value = S)
+                      modelValue: u.value,
+                      "onUpdate:modelValue": y[0] || (y[0] = ($) => u.value = $)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -4129,7 +4129,7 @@ const Qa = /* @__PURE__ */ V({
                   default: f(() => [
                     k(o(_e), {
                       modelValue: r.value,
-                      "onUpdate:modelValue": y[1] || (y[1] = (S) => r.value = S)
+                      "onUpdate:modelValue": y[1] || (y[1] = ($) => r.value = $)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -4142,7 +4142,7 @@ const Qa = /* @__PURE__ */ V({
         }),
         k(o(se), null, {
           default: f(() => [
-            R("事件和方法")
+            D("事件和方法")
           ]),
           _: 1
         }),
@@ -4150,19 +4150,19 @@ const Qa = /* @__PURE__ */ V({
           default: f(() => [
             k(o(ie), { onClick: p }, {
               default: f(() => [
-                R("click")
+                D("click")
               ]),
               _: 1
             }),
             k(o(ie), { onClick: d }, {
               default: f(() => [
-                R("submit")
+                D("submit")
               ]),
               _: 1
             }),
-            k(o(ie), { onClick: b }, {
+            k(o(ie), { onClick: h }, {
               default: f(() => [
-                R("change")
+                D("change")
               ]),
               _: 1
             })
@@ -4173,7 +4173,7 @@ const Qa = /* @__PURE__ */ V({
       _: 3
     }));
   }
-}), Aa = {
+}), Oa = {
   units: {
     type: [String, Object, Array]
   },
@@ -4197,71 +4197,71 @@ const Qa = /* @__PURE__ */ V({
   selectProps: {
     type: Object
   }
-}, qa = /* @__PURE__ */ V({
+}, Qa = /* @__PURE__ */ I({
   name: "XInputUnit",
   __name: "InputUnit",
-  props: Aa,
+  props: Oa,
   emits: ["update:modelValue", "update:unit", "change", "unit-change"],
   setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = v(() => Mt(t.units).map((S) => typeof S == "string" ? { label: S, value: S } : S)), c = v(() => {
-      const y = s.value.map((S) => S.value);
-      return t.unit && y.push(t.unit), Hn(y);
-    }), r = D(), i = D(), p = (y) => t.format && y ? Kn(Number(y) || 0, t.format) : y, d = (y) => {
+    const t = a, l = e, s = v(() => Et(t.units).map(($) => typeof $ == "string" ? { label: $, value: $ } : $)), u = v(() => {
+      const y = s.value.map(($) => $.value);
+      return t.unit && y.push(t.unit), Un(y);
+    }), r = j(), i = j(), p = (y) => t.format && y ? Hn(Number(y) || 0, t.format) : y, d = (y) => {
       if (!t.withUnit || typeof y != "string")
         return { value: p(y), unit: t.unit };
-      for (const S of c.value) {
-        const w = new RegExp(`${S}$`);
+      for (const $ of u.value) {
+        const w = new RegExp(`${$}$`);
         if (w.test(y))
           return {
             value: p(y.toString().replace(w, "")),
-            unit: S
+            unit: $
           };
       }
       return { value: p(y), unit: t.unit };
     }, m = () => {
-      const y = p(i.value), S = r.value;
-      return t.withUnit && y && S ? `${y}${S}` : y;
+      const y = p(i.value), $ = r.value;
+      return t.withUnit && y && $ ? `${y}${$}` : y;
     };
-    L(
+    K(
       () => t.modelValue,
       (y) => {
-        const { value: S, unit: w } = d(y);
-        r.value = w, i.value = S;
+        const { value: $, unit: w } = d(y);
+        r.value = w, i.value = $;
       },
       {
         immediate: !0
       }
-    ), L(i, (y) => {
+    ), K(i, (y) => {
       l("change", y);
     });
-    const b = async () => {
-      const { value: y, unit: S } = d(m());
-      i.value = y, r.value = S, l("update:modelValue", m());
+    const h = async () => {
+      const { value: y, unit: $ } = d(m());
+      i.value = y, r.value = $, l("update:modelValue", m());
     }, _ = () => {
-      l("unit-change", r.value), b();
+      l("unit-change", r.value), h();
     };
     return n({
       parser: d,
       formatValue: p
-    }), (y, S) => (u(), g(o(_e), {
+    }), (y, $) => (c(), g(o(_e), {
       modelValue: i.value,
-      "onUpdate:modelValue": S[1] || (S[1] = (w) => i.value = w),
+      "onUpdate:modelValue": $[1] || ($[1] = (w) => i.value = w),
       modelModifiers: { trim: !0 },
       class: "x-input-unit",
-      onChange: b
-    }, ce({ _: 2 }, [
+      onChange: h
+    }, ue({ _: 2 }, [
       s.value.length ? {
         name: "append",
         fn: f(() => [
-          k(o(wt), F({
+          k(o(wt), A({
             class: "x-input-unit__unit",
             modelValue: r.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (w) => r.value = w),
+            "onUpdate:modelValue": $[0] || ($[0] = (w) => r.value = w),
             size: y.$attrs.size,
             style: { width: `${t.appendWidth}px` }
           }, y.$props.selectProps, { onChange: _ }), {
             default: f(() => [
-              (u(!0), $(W, null, Y(s.value, (w) => (u(), g(o(xt), {
+              (c(!0), z(W, null, Z(s.value, (w) => (c(), g(o(xt), {
                 key: w.value,
                 label: w.label,
                 value: w.value
@@ -4274,12 +4274,12 @@ const Qa = /* @__PURE__ */ V({
       } : {
         name: "suffix",
         fn: f(() => [
-          r.value ? (u(), $("div", {
+          r.value ? (c(), z("div", {
             key: 0,
             class: "x-input-unit__unit"
           }, [
-            j("span", null, A(r.value), 1)
-          ])) : h("", !0)
+            F("span", null, O(r.value), 1)
+          ])) : b("", !0)
         ]),
         key: "1"
       }
@@ -4287,64 +4287,64 @@ const Qa = /* @__PURE__ */ V({
   }
 });
 export {
-  ct as Draggable,
+  ut as Draggable,
   rt as INSTALLED_KEY,
-  Ot as MASK_KEY,
+  Rt as MASK_KEY,
   dt as Resizable,
-  Dt as TAB_CREATORS_KEY,
-  Po as TAB_ITEM_WIDTH,
-  Ua as VTJ_UI_VERSION,
+  jt as TAB_CREATORS_KEY,
+  Vo as TAB_ITEM_WIDTH,
+  Xa as VTJ_UI_VERSION,
   te as XAction,
   et as XActionBar,
-  Qa as XChart,
+  Ja as XChart,
   B as XContainer,
-  Ja as XDataItem,
-  At as XDialog,
-  La as XDialogForm,
+  Ya as XDataItem,
+  Ot as XDialog,
+  Ka as XDialogForm,
   aa as XField,
   la as XForm,
   go as XHeader,
   de as XIcon,
-  qa as XInputUnit,
-  Za as XList,
-  Ha as XMask,
+  Qa as XInputUnit,
+  qa as XList,
+  Ua as XMask,
   ge as XMenu,
-  Ve as XPanel,
+  Ie as XPanel,
   Ga as XStartup,
   Wa as XTabs,
-  Ya as XTest,
-  uo as actionBarProps,
-  Vt as actionProps,
-  Ft as builtinFieldEditors,
+  Za as XTest,
+  co as actionBarProps,
+  It as actionProps,
+  At as builtinFieldEditors,
   ya as chartProps,
-  co as containerProps,
+  uo as containerProps,
   tt as createDialog,
   da as dataItemProps,
-  Ka as defineTab,
+  Ha as defineTab,
   ia as dialogFormProps,
-  ho as dialogProps,
-  qo as fieldProps,
-  jt as formInstanceKey,
+  bo as dialogProps,
+  Qo as fieldProps,
+  Ft as formInstanceKey,
   Nt as formModelKey,
   sa as formProps,
-  q as getSizeValue,
+  Q as getSizeValue,
   po as headerProps,
-  Qn as iconProps,
-  Jn as iconSizeMap,
-  Aa as inputUnitProps,
-  ba as listProps,
-  Xa as makeInstaller,
-  Ao as maskProps,
+  Jn as iconProps,
+  Yn as iconSizeMap,
+  Oa as inputUnitProps,
+  ha as listProps,
+  La as makeInstaller,
+  Oo as maskProps,
   yo as panelProps,
-  Te as parseSize,
-  Ca as startupProps,
+  Me as parseSize,
+  Sa as startupProps,
   ra as tabsProps,
   Ba as testProps,
   it as toObjectProps,
-  qe as useDisabled,
+  Qe as useDisabled,
   ke as useIcon,
   so as useIconProps,
   lo as useLoader,
   vo as vDraggable,
-  Pt as vResizable
+  Vt as vResizable
 };