@vtj/ui 0.6.2 → 0.6.4

package/lib/index.js

@@ -1,38 +1,38 @@
-import { defineComponent as D, openBlock as c, createElementBlock as A, renderSlot as z, createElementVNode as R, unref as o, toDisplayString as O, createVNode as b, withCtx as p, createTextVNode as N, useAttrs as Je, computed as y, markRaw as Ae, createBlock as m, normalizeClass as U, resolveDynamicComponent as Y, createCommentVNode as v, getCurrentInstance as _e, mergeProps as Q, Fragment as q, renderList as we, isVNode as xt, h as K, toRef as he, useSlots as zt, normalizeStyle as Ee, ref as $, normalizeProps as St, guardReactiveProps as Ct, effectScope as Ke, watch as ne, reactive as Ye, onMounted as Tt, onUnmounted as Mt, watchEffect as Ge, nextTick as le, Teleport as qe, withDirectives as L, createSlots as et, render as Fe, vShow as J, isRef as ge, withModifiers as Et, KeepAlive as It, shallowRef as Oe, provide as De, toRaw as Bt, inject as je } from "vue";
-import { ElDivider as ue, ElButton as ve, ElIcon as At, ElSubMenu as Dt, ElBadge as Ie, ElMenuItem as Vt, ElMenu as Pt, ElContainer as Ne, ElHeader as Rt, ElAside as $t, ElMain as Ft, ElFooter as Ot, ElDropdown as jt, ElDropdownMenu as Nt, ElDropdownItem as Ut, ElTooltip as Xt, ElSwitch as tt, ElInput as Ht, ElEmpty as Lt, ElTabs as Wt, ElTabPane as Ue, ElPopover as nt, ElAvatar as Qt, ElMessageBox as Te } from "element-plus";
-import { VideoPlay as Zt, Menu as ot, ArrowRight as Jt, StarFilled as at, Search as Be, Close as st, Expand as Kt, Fold as Yt, Star as lt, Document as se, Refresh as Gt, CopyDocument as qt, Moon as en, Sunny as tn, MoreFilled as nn, UserFilled as on, HomeFilled as an } from "@element-plus/icons-vue";
+import { defineComponent as D, openBlock as u, createElementBlock as A, renderSlot as z, createElementVNode as R, unref as o, toDisplayString as O, createVNode as b, withCtx as p, createTextVNode as N, createBlock as f, createCommentVNode as v, useAttrs as Je, getCurrentInstance as pe, computed as y, markRaw as Ae, normalizeClass as U, resolveDynamicComponent as Y, mergeProps as Q, Fragment as q, renderList as we, isVNode as xt, h as K, toRef as ye, useSlots as zt, normalizeStyle as Ee, ref as $, normalizeProps as St, guardReactiveProps as Ct, effectScope as Ke, watch as oe, reactive as Ye, onMounted as Tt, onUnmounted as Mt, watchEffect as Ge, nextTick as le, Teleport as qe, withDirectives as L, createSlots as et, render as Fe, vShow as J, isRef as ve, withModifiers as Et, KeepAlive as It, shallowRef as Oe, provide as De, toRaw as Bt, inject as je } from "vue";
+import { ElDivider as ue, ElButton as de, ElIcon as At, ElSubMenu as Dt, ElBadge as Ie, ElMenuItem as Vt, ElMenu as Pt, ElContainer as Ne, ElHeader as Rt, ElAside as $t, ElMain as Ft, ElFooter as Ot, ElDropdown as jt, ElDropdownMenu as Nt, ElDropdownItem as Ut, ElTooltip as Xt, ElSwitch as tt, ElInput as Ht, ElEmpty as Lt, ElTabs as Wt, ElTabPane as Ue, ElPopover as nt, ElAvatar as Qt, ElMessageBox as Te } from "element-plus";
+import { VideoPlay as Zt, Document as ne, Menu as ot, ArrowRight as Jt, StarFilled as at, Search as Be, Close as st, Expand as Kt, Fold as Yt, Star as lt, Refresh as Gt, CopyDocument as qt, Moon as en, Sunny as tn, MoreFilled as nn, UserFilled as on, HomeFilled as an } from "@element-plus/icons-vue";
 import { useRouter as ke, useRoute as Ve, RouterView as it, routeLocationKey as sn } from "vue-router";
 import { Minimize as ln, Popup as rn, Maximize as cn, RawClose as un } from "@vtj/icons";
-import { useDraggable as dn, useMouseInElement as pn, useEventListener as ye, useElementSize as rt, useDark as fn } from "@vueuse/core";
+import { useDraggable as dn, useMouseInElement as pn, useEventListener as be, useElementSize as rt, useDark as fn } from "@vueuse/core";
 import { isEqual as ct, isObject as ut, uid as dt, arrayToMap as mn, isUrl as gn, upperFirstCamelCase as pt } from "@vtj/utils";
 function Xe(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
-function pe(a = 0, t) {
+function me(a = 0, e) {
   if (typeof a == "number")
     return a;
   if (/(%|vh|vw)$/i.test(a)) {
     const n = Number.parseInt(a);
-    return Math.floor(t * n / 100);
+    return Math.floor(e * n / 100);
   }
   return Number.parseInt(a);
 }
-function Ro(a, t) {
-  const e = {};
+function Ro(a, e) {
+  const t = {};
   return Object.keys(a).forEach((n) => {
-    t.includes(n) || (e[n] = a[n]);
-  }), e;
+    e.includes(n) || (t[n] = a[n]);
+  }), t;
 }
-function $o(a, t) {
-  const e = {};
+function $o(a, e) {
+  const t = {};
   return Object.keys(a).forEach((n) => {
-    t.includes(n) && (e[n] = a[n]);
-  }), e;
+    e.includes(n) && (t[n] = a[n]);
+  }), t;
 }
 const Fo = () => {
 }, He = Symbol("INSTALLED_KEY"), hn = (a = []) => ({
-  install: (e) => {
-    e[He] || (e[He] = !0, a.forEach((n) => e.component(n.name, n)));
+  install: (t) => {
+    t[He] || (t[He] = !0, a.forEach((n) => t.component(n.name, n)));
   }
 }), ft = "data:image/png;base64,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", vn = { class: "x-startup" }, yn = { class: "brand" }, bn = ["src"], _n = /* @__PURE__ */ R("h3", null, [
   /* @__PURE__ */ N("基于 "),
@@ -45,24 +45,27 @@ const Fo = () => {
   __name: "Startup",
   props: {
     text: { default: "VTJ.PRO" },
-    link: { default: "/" }
+    link: { default: "/" },
+    example: {}
   },
   setup(a) {
-    const t = a, e = () => {
-      location.href = t.link + "#/?startup";
+    const e = a, t = () => {
+      location.href = e.link + "#/?startup";
+    }, n = () => {
+      e.example && e.example(e.link);
     };
-    return (n, s) => (c(), A("div", vn, [
-      z(n.$slots, "default", {}, () => [
+    return (s, l) => (u(), A("div", vn, [
+      z(s.$slots, "default", {}, () => [
         R("div", null, [
           R("div", yn, [
             R("img", { src: o(ft) }, null, 8, bn),
-            R("h1", null, O(t.text), 1)
+            R("h1", null, O(e.text), 1)
           ]),
           b(o(ue)),
           _n,
           R("div", wn, [
-            b(o(ve), {
-              onClick: e,
+            b(o(de), {
+              onClick: t,
               type: "primary",
               round: "",
               size: "large",
@@ -72,7 +75,20 @@ const Fo = () => {
                 N(" 立即开始体验 ")
               ]),
               _: 1
-            }, 8, ["icon"])
+            }, 8, ["icon"]),
+            e.example ? (u(), f(o(de), {
+              key: 0,
+              onClick: n,
+              type: "default",
+              round: "",
+              size: "large",
+              icon: o(ne)
+            }, {
+              default: p(() => [
+                N(" 加载示例项目 ")
+              ]),
+              _: 1
+            }, 8, ["icon"])) : v("", !0)
           ])
         ])
       ]),
@@ -97,32 +113,34 @@ const zn = {
   },
   src: {
     type: String
-  },
-  disabled: {
-    type: Boolean
   }
-}, Cn = ["src"], oe = /* @__PURE__ */ D({
+}, Cn = ["src"], ae = /* @__PURE__ */ D({
   name: "XIcon",
   __name: "Icon",
   props: Sn,
   setup(a) {
-    const t = a, e = Je(), n = y(() => typeof t.icon == "object" ? Ae(t.icon) : null), s = y(() => {
-      const i = {
-        "is-pointer": !!e.onClick
+    const e = a, t = Je(), n = pe(), s = y(() => {
+      if (!e.icon)
+        return null;
+      const c = n?.appContext.app;
+      return typeof e.icon == "object" ? Ae(e.icon) : c?.component(e.icon) || e.icon;
+    }), l = y(() => {
+      const c = {
+        "is-pointer": !!t.onClick
       };
-      return !n.value && t.icon && (i[t.icon] = !0), i;
-    }), l = y(() => typeof t.size == "number" ? t.size : zn[t.size] ?? void 0);
-    return (i, u) => (c(), m(o(At), {
-      class: U(["x-icon", s.value]),
-      color: t.color,
-      size: l.value
+      return !s.value && e.icon && (c[e.icon] = !0), c;
+    }), i = y(() => typeof e.size == "number" ? e.size : zn[e.size] ?? void 0);
+    return (c, r) => (u(), f(o(At), {
+      class: U(["x-icon", l.value]),
+      color: e.color,
+      size: i.value
     }, {
       default: p(() => [
-        z(i.$slots, "default", {}, () => [
-          n.value ? (c(), m(Y(n.value), { key: 0 })) : v("", !0),
-          t.src ? (c(), A("img", {
+        z(c.$slots, "default", {}, () => [
+          s.value ? (u(), f(Y(s.value), { key: 0 })) : v("", !0),
+          e.src ? (u(), A("img", {
             key: 1,
-            src: t.src
+            src: e.src
           }, null, 8, Cn)) : v("", !0)
         ])
       ]),
@@ -145,27 +163,27 @@ const zn = {
     defaultIcon: { type: [Object, Function] }
   },
   setup(a) {
-    const t = a, e = _e(), n = (i) => {
+    const e = a, t = pe(), n = (i) => {
       if (i)
-        return typeof i == "string" && (e?.appContext.app?.component(i) || t.defaultIcon) || i;
-    }, s = (i) => typeof i == "object" ? i : { value: i }, l = (i = []) => i.filter((u) => !u.hidden);
-    return (i, u) => t.item.children ? (c(), m(o(Dt), Q({
+        return typeof i == "string" && (t?.appContext.app?.component(i) || e.defaultIcon) || i;
+    }, s = (i) => typeof i == "object" ? i : { value: i }, l = (i = []) => i.filter((c) => !c.hidden);
+    return (i, c) => e.item.children ? (u(), f(o(Dt), Q({
       key: 0,
-      disabled: t.item.disabled
-    }, t.subMenu, {
-      index: String(t.item.id)
+      disabled: e.item.disabled
+    }, e.subMenu, {
+      index: String(e.item.id)
     }), {
       title: p(() => [
         R("div", Tn, [
-          t.item.icon ? (c(), m(o(oe), {
+          e.item.icon ? (u(), f(o(ae), {
             key: 0,
-            icon: n(t.item.icon)
+            icon: n(e.item.icon)
           }, null, 8, ["icon"])) : v("", !0),
-          t.item.title ? (c(), A("span", Mn, O(t.item.title), 1)) : v("", !0),
-          t.item.badge ? (c(), m(o(Ie), Q({
+          e.item.title ? (u(), A("span", Mn, O(e.item.title), 1)) : v("", !0),
+          e.item.badge ? (u(), f(o(Ie), Q({
             key: 2,
             class: "x-menu__badge"
-          }, s(t.item.badge)), {
+          }, s(e.item.badge)), {
             default: p(() => [
               En
             ]),
@@ -174,25 +192,25 @@ const zn = {
         ])
       ]),
       default: p(() => [
-        (c(!0), A(q, null, we(l(t.item.children), (r) => (c(), m(o(mt), {
+        (u(!0), A(q, null, we(l(e.item.children), (r) => (u(), f(o(mt), {
           key: r.id,
           item: r,
-          subMenu: t.subMenu,
-          defaultIcon: t.defaultIcon
+          subMenu: e.subMenu,
+          defaultIcon: e.defaultIcon
         }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
       ]),
       _: 1
-    }, 16, ["disabled", "index"])) : (c(), m(o(Vt), {
+    }, 16, ["disabled", "index"])) : (u(), f(o(Vt), {
       key: 1,
-      index: String(t.item.id),
-      disabled: t.item.disabled
+      index: String(e.item.id),
+      disabled: e.item.disabled
     }, {
       title: p(() => [
-        t.item.title ? (c(), A("span", In, O(t.item.title), 1)) : v("", !0),
-        t.item.badge ? (c(), m(o(Ie), Q({
+        e.item.title ? (u(), A("span", In, O(e.item.title), 1)) : v("", !0),
+        e.item.badge ? (u(), f(o(Ie), Q({
           key: 1,
           class: "x-menu__badge"
-        }, s(t.item.badge)), {
+        }, s(e.item.badge)), {
           default: p(() => [
             Bn
           ]),
@@ -200,9 +218,9 @@ const zn = {
         }, 16)) : v("", !0)
       ]),
       default: p(() => [
-        t.item.icon ? (c(), m(o(oe), {
+        e.item.icon ? (u(), f(o(ae), {
           key: 0,
-          icon: n(t.item.icon)
+          icon: n(e.item.icon)
         }, null, 8, ["icon"])) : v("", !0)
       ]),
       _: 1
@@ -218,10 +236,10 @@ const zn = {
     defaultIcon: {}
   },
   emits: ["select"],
-  setup(a, { emit: t }) {
-    const e = a, n = y(() => e.data.filter((i) => !i.hidden)), s = (i, u) => {
-      const r = (d, f = []) => {
-        for (const h of f) {
+  setup(a, { emit: e }) {
+    const t = a, n = y(() => t.data.filter((i) => !i.hidden)), s = (i, c) => {
+      const r = (d, m = []) => {
+        for (const h of m) {
           if (h.id.toString() === d.toString())
             return h;
           if (h.children?.length) {
@@ -231,17 +249,17 @@ const zn = {
           }
         }
       };
-      return r(u, i);
+      return r(c, i);
     }, l = (i) => {
-      const u = s(n.value, i);
-      u && t("select", u);
+      const c = s(n.value, i);
+      c && e("select", c);
     };
-    return (i, u) => (c(), m(o(Pt), Q({ class: "x-menu" }, i.$attrs, { onSelect: l }), {
+    return (i, c) => (u(), f(o(Pt), Q({ class: "x-menu" }, i.$attrs, { onSelect: l }), {
       default: p(() => [
-        (c(!0), A(q, null, we(n.value, (r) => (c(), m(o(mt), {
+        (u(!0), A(q, null, we(n.value, (r) => (u(), f(o(mt), {
           item: { ...r, icon: r.icon || o(ot) },
-          defaultIcon: e.defaultIcon,
-          subMenu: e.subMenu
+          defaultIcon: t.defaultIcon,
+          subMenu: t.subMenu
         }, null, 8, ["item", "defaultIcon", "subMenu"]))), 256))
       ]),
       _: 1
@@ -258,20 +276,20 @@ const zn = {
     }) },
     menu: {}
   },
-  setup(a, { expose: t }) {
-    const e = a, n = ke(), s = Ve(), l = y(() => s.params.id), i = () => {
-      const r = e.project.home;
+  setup(a, { expose: e }) {
+    const t = a, n = ke(), s = Ve(), l = y(() => s.params.id), i = () => {
+      const r = t.project.home;
       r && n.push(r);
-    }, u = (r) => {
+    }, c = (r) => {
       const d = r?.id;
       if (d) {
-        const h = `${e.preview ? "/preview" : e.project.page}/${d}`;
+        const h = `${t.preview ? "/preview" : t.project.page}/${d}`;
         n.push(h);
       }
     };
-    return t({
+    return e({
       goHome: i
-    }), (r, d) => (c(), m(o(Ne), { class: "x-simple-mask" }, {
+    }), (r, d) => (u(), f(o(Ne), { class: "x-simple-mask" }, {
       default: p(() => [
         b(o(Rt), { class: "x-simple-mask__header" }, {
           default: p(() => [
@@ -281,7 +299,7 @@ const zn = {
                 onClick: i
               }, [
                 z(r.$slots, "logo", {}, () => [
-                  N(O(e.project.name), 1)
+                  N(O(t.project.name), 1)
                 ])
               ])
             ]),
@@ -295,9 +313,9 @@ const zn = {
           default: p(() => [
             b(o($t), { class: "x-simple-mask__aside" }, {
               default: p(() => [
-                b(o(G), Q(e.menu, {
+                b(o(G), Q(t.menu, {
                   "default-active": l.value,
-                  onSelect: u
+                  onSelect: c
                 }), null, 16, ["default-active"])
               ]),
               _: 1
@@ -313,7 +331,7 @@ const zn = {
           ]),
           _: 3
         }),
-        r.$slots.footer ? (c(), m(o(Ot), {
+        r.$slots.footer ? (u(), f(o(Ot), {
           key: 0,
           class: "x-simple-mask__footer",
           height: "40px"
@@ -425,86 +443,86 @@ const zn = {
 };
 function Pn(a) {
   return y(() => {
-    const t = a.tooltip;
-    if (t)
-      return typeof t == "string" ? { content: t } : t;
+    const e = a.tooltip;
+    if (e)
+      return typeof e == "string" ? { content: e } : e;
   });
 }
 function Rn(a) {
   return y(() => {
-    const t = a.badge;
-    if (t)
-      return typeof t == "object" ? t : { value: t };
+    const e = a.badge;
+    if (e)
+      return typeof e == "object" ? e : { value: e };
   });
 }
 function $n(a) {
   return y(() => {
-    const { dropdown: t, menus: e } = a;
-    if (e && e.length > 0)
+    const { dropdown: e, menus: t } = a;
+    if (t && t.length > 0)
       return Object.assign(
         { popperClass: "x-action__menus", size: a.size },
-        t || {}
+        e || {}
       );
   });
 }
 function Fn(a) {
-  const t = _e();
+  const e = pe();
   return y(() => {
-    const e = o(a);
-    if (e)
-      if (typeof e == "string" || e.setup || e.render || xt(e)) {
-        const n = t?.appContext.app;
+    const t = o(a);
+    if (t)
+      if (typeof t == "string" || t.setup || t.render || xt(t)) {
+        const n = e?.appContext.app;
         return {
-          icon: typeof e == "string" && n?.component(e) || e
+          icon: typeof t == "string" && n?.component(t) || t
         };
       } else
-        return e;
+        return t;
     return null;
   });
 }
-function be(a) {
-  const t = Fn(a);
-  return t.value ? Ae(D({ render: () => K(oe, t.value) })) : null;
+function _e(a) {
+  const e = Fn(a);
+  return e.value ? Ae(D({ render: () => K(ae, e.value) })) : null;
 }
-function Pe(a, t) {
+function Pe(a, e) {
   return y(() => {
-    const e = o(a);
-    return typeof e == "function" ? e(t) : !!e;
+    const t = o(a);
+    return typeof t == "function" ? t(e) : !!t;
   });
 }
 const On = { key: 0 }, jn = /* @__PURE__ */ D({
   __name: "Trigger",
   props: gt,
   emits: ["click"],
-  setup(a, { emit: t }) {
-    const e = a, n = be(he(e, "icon")), s = Pe(he(e, "disabled")), l = y(() => ({
-      [`is-${e.mode}`]: !!e.mode,
-      [`is-${e.type}`]: !!e.type,
-      [`is-${e.size}`]: !!e.size && e.size !== "default",
-      [`is-background-${e.background}`]: e.mode === "icon" && !!e.background,
-      "is-disabled": !!e.disabled,
-      "is-circle": !!e.circle
+  setup(a, { emit: e }) {
+    const t = a, n = _e(ye(t, "icon")), s = Pe(ye(t, "disabled")), l = y(() => ({
+      [`is-${t.mode}`]: !!t.mode,
+      [`is-${t.type}`]: !!t.type,
+      [`is-${t.size}`]: !!t.size && t.size !== "default",
+      [`is-background-${t.background}`]: t.mode === "icon" && !!t.background,
+      "is-disabled": !!t.disabled,
+      "is-circle": !!t.circle
     })), i = () => {
-      t("click");
+      e("click");
     };
-    return (u, r) => e.mode === "button" ? (c(), m(o(ve), Q({
+    return (c, r) => t.mode === "button" ? (u(), f(o(de), Q({
       key: 0,
       icon: o(n),
-      type: e.type,
-      size: e.size,
+      type: t.type,
+      size: t.size,
       disabled: o(s)
-    }, e.button, { onClick: i }), {
+    }, t.button, { onClick: i }), {
       default: p(() => [
-        N(O(u.label), 1)
+        N(O(c.label), 1)
       ]),
       _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (c(), A("div", {
+    }, 16, ["icon", "type", "size", "disabled"])) : (u(), A("div", {
       key: 1,
       class: U(["x-action__inner", l.value]),
       onClick: i
     }, [
-      (c(), m(Y(o(n)))),
-      u.label ? (c(), A("span", On, O(u.label), 1)) : v("", !0)
+      (u(), f(Y(o(n)))),
+      c.label ? (u(), A("span", On, O(c.label), 1)) : v("", !0)
     ], 2));
   }
 }), W = /* @__PURE__ */ D({
@@ -512,23 +530,23 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   __name: "Action",
   props: gt,
   emits: ["click", "command"],
-  setup(a, { emit: t }) {
-    const e = a, n = zt(), s = Pn(e), l = Rn(e), i = $n(e), u = Pe(he(e, "disabled")), r = y(() => ({
-      [`x-action--${e.mode}`]: !!e.mode
+  setup(a, { emit: e }) {
+    const t = a, n = zt(), s = Pn(t), l = Rn(t), i = $n(t), c = Pe(ye(t, "disabled")), r = y(() => ({
+      [`x-action--${t.mode}`]: !!t.mode
     })), d = () => {
-      t("click", e);
-    }, f = (_) => {
-      const E = e.menus?.find((B) => B.command === _);
-      E && t("command", E);
+      e("click", t);
+    }, m = (_) => {
+      const E = t.menus?.find((B) => B.command === _);
+      E && e("command", E);
     }, h = (_) => K(Ie, l.value, () => [].concat(_)), x = (_) => K(
       jt,
-      { ...i.value, disabled: u.value, onCommand: f },
+      { ...i.value, disabled: c.value, onCommand: m },
       {
         default: () => [_],
         dropdown: () => [
           K(
             Nt,
-            () => (e.menus || []).map((E) => K(
+            () => (t.menus || []).map((E) => K(
               Ut,
               E,
               () => n.item ? n.item({ item: E }) : E.label
@@ -536,16 +554,16 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
           )
         ]
       }
-    ), V = (_) => K(Xt, { ...s.value, disabled: u.value }, () => [
+    ), V = (_) => K(Xt, { ...s.value, disabled: c.value }, () => [
       _
     ]), k = y(() => {
-      let _ = n.default ? n.default()[0] : K(Ae(jn), { ...e, onClick: d });
+      let _ = n.default ? n.default()[0] : K(Ae(jn), { ...t, onClick: d });
       return l.value && (_ = h(_)), i.value && (_ = x(_)), s.value && (_ = V(_)), _;
     });
-    return (_, E) => (c(), A("div", {
+    return (_, E) => (u(), A("div", {
       class: U(["x-action", r.value])
     }, [
-      (c(), m(Y(k.value)))
+      (u(), f(Y(k.value)))
     ], 2));
   }
 }), Nn = {
@@ -624,42 +642,42 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   __name: "ActionBar",
   props: Nn,
   emits: ["click", "command"],
-  setup(a, { emit: t }) {
-    const e = a, n = y(() => (e.items || []).map((i) => i === "|" ? i : {
+  setup(a, { emit: e }) {
+    const t = a, n = y(() => (t.items || []).map((i) => i === "|" ? i : {
       ...i,
       badge: i.badge ? {
-        ...e.badge,
+        ...t.badge,
         ...typeof i.badge == "object" ? i.badge || {} : { value: i.badge }
       } : void 0,
       tooltip: i.tooltip ? {
-        ...e.tooltip,
+        ...t.tooltip,
         ...typeof i.tooltip == "object" ? i.tooltip || {} : { content: i.tooltip }
       } : void 0
     })), s = (i) => {
-      t("click", i);
-    }, l = (i, u) => {
-      t("command", i, u);
+      e("click", i);
+    }, l = (i, c) => {
+      e("command", i, c);
     };
-    return (i, u) => (c(), m(o(M), {
+    return (i, c) => (u(), f(o(M), {
       class: "x-action-bar",
       align: "center"
     }, {
       default: p(() => [
-        (c(!0), A(q, null, we(n.value, (r) => (c(), A(q, null, [
-          r === "|" ? (c(), m(o(ue), {
+        (u(!0), A(q, null, we(n.value, (r) => (u(), A(q, null, [
+          r === "|" ? (u(), f(o(ue), {
             key: 0,
             direction: "vertical",
             class: "x-action-bar__divider"
-          })) : (c(), m(o(W), Q({
+          })) : (u(), f(o(W), Q({
             key: 1,
-            mode: e.mode,
-            size: e.size,
-            type: e.type,
-            circle: e.circle,
-            background: e.background,
-            button: e.button,
-            dropdown: e.dropdown,
-            disabled: o(Pe)(e.disabled, r).value
+            mode: t.mode,
+            size: t.size,
+            type: t.type,
+            circle: t.circle,
+            background: t.background,
+            button: t.button,
+            dropdown: t.dropdown,
+            disabled: o(Pe)(t.disabled, r).value
           }, r, {
             onClick: s,
             onCommand: (d) => l(r, d)
@@ -783,34 +801,34 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   __name: "Container",
   props: Un,
   setup(a) {
-    const t = a, e = _e(), n = y(() => {
-      const i = e?.parent;
+    const e = a, t = pe(), n = y(() => {
+      const i = t?.parent;
       if (!i)
         return !1;
-      const u = i.proxy;
-      return u.$options.name === "XContainer" || !!u.flex;
+      const c = i.proxy;
+      return c.$options.name === "XContainer" || !!c.flex;
     }), s = y(() => ({
-      "is-fit": t.fit,
-      "is-flex": t.flex && !t.inline,
-      "is-inline-flex": t.flex && t.inline,
-      [`is-direction-${t.direction}`]: t.flex && t.direction !== "row",
-      [`is-wrap-${t.wrap}`]: t.flex && t.wrap !== "nowrap",
-      [`is-justify-${t.justify}`]: t.flex && t.justify !== "flex-start",
-      [`is-align-${t.align}`]: t.flex && t.align !== "flex-start",
-      [`is-align-content-${t.alignContent}`]: t.flex && t.alignContent !== "stretch",
-      "is-grow": t.grow ?? n.value,
-      "is-shrink": n.value && t.shrink,
-      [`is-align-self-${t.alignSelf}`]: n.value && t.alignSelf !== "auto",
-      [`is-overflow-${t.overflow}`]: !!t.overflow,
-      "is-padding": !!t.padding
+      "is-fit": e.fit,
+      "is-flex": e.flex && !e.inline,
+      "is-inline-flex": e.flex && e.inline,
+      [`is-direction-${e.direction}`]: e.flex && e.direction !== "row",
+      [`is-wrap-${e.wrap}`]: e.flex && e.wrap !== "nowrap",
+      [`is-justify-${e.justify}`]: e.flex && e.justify !== "flex-start",
+      [`is-align-${e.align}`]: e.flex && e.align !== "flex-start",
+      [`is-align-content-${e.alignContent}`]: e.flex && e.alignContent !== "stretch",
+      "is-grow": e.grow ?? n.value,
+      "is-shrink": n.value && e.shrink,
+      [`is-align-self-${e.alignSelf}`]: n.value && e.alignSelf !== "auto",
+      [`is-overflow-${e.overflow}`]: !!e.overflow,
+      "is-padding": !!e.padding
     })), l = y(() => {
-      const { width: i, height: u, fit: r } = t;
+      const { width: i, height: c, fit: r } = e;
       return r ? null : {
         width: i ? Xe(i) : void 0,
-        height: u ? Xe(u) : void 0
+        height: c ? Xe(c) : void 0
       };
     });
-    return (i, u) => (c(), m(Y(t.tag), {
+    return (i, c) => (u(), f(Y(e.tag), {
       class: U(["x-container", s.value]),
       style: Ee(l.value)
     }, {
@@ -853,12 +871,12 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   __name: "Header",
   props: Xn,
   setup(a) {
-    const t = a, e = Je(), n = be(he(t, "icon")), s = y(() => ({
-      [`is-size-${t.size}`]: !!t.size && t.size !== "default",
-      "is-border": t.border,
-      "is-pointer": !!e.onClick
+    const e = a, t = Je(), n = _e(ye(e, "icon")), s = y(() => ({
+      [`is-size-${e.size}`]: !!e.size && e.size !== "default",
+      "is-border": e.border,
+      "is-pointer": !!t.onClick
     }));
-    return (l, i) => (c(), m(o(M), {
+    return (l, i) => (u(), f(o(M), {
       class: U(["x-header", s.value]),
       justify: "space-between",
       align: "center"
@@ -870,29 +888,29 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
           grow: ""
         }, {
           default: p(() => [
-            o(n) ? (c(), m(Y(o(n)), {
+            o(n) ? (u(), f(Y(o(n)), {
               key: 0,
               class: "x-header__icon"
             })) : v("", !0),
             R("span", Q({ class: "x-header__content" }, l.$attrs), [
               z(l.$slots, "default", {}, () => [
-                N(O(t.content), 1)
+                N(O(e.content), 1)
               ])
             ], 16),
-            t.more ? (c(), m(o(oe), {
+            e.more ? (u(), f(o(ae), {
               key: 1,
               class: "x-header__more",
               icon: o(Jt)
             }, null, 8, ["icon"])) : v("", !0),
-            t.subtitle || l.$slots.subtitle ? (c(), A("span", Hn, [
+            e.subtitle || l.$slots.subtitle ? (u(), A("span", Hn, [
               z(l.$slots, "subtitle", {}, () => [
-                N(O(t.subtitle), 1)
+                N(O(e.subtitle), 1)
               ])
             ])) : v("", !0)
           ]),
           _: 3
         }, 8, ["class"]),
-        l.$slots.actions ? (c(), A("div", Ln, [
+        l.$slots.actions ? (u(), A("div", Ln, [
           z(l.$slots, "actions")
         ])) : v("", !0)
       ]),
@@ -975,44 +993,44 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   name: "XPanel",
   __name: "Panel",
   props: Wn,
-  setup(a, { expose: t }) {
-    const e = a, n = $(), s = y(() => ({
-      "x-panel--card": !!e.card,
-      "x-panel--default": !e.card,
-      [`is-${e.size}`]: !!e.size && e.size !== "default",
-      "is-border": !!e.border,
-      "is-radius": !!e.radius,
-      [`is-shadow-${e.shadow}`]: !!e.shadow && e.shadow !== "none"
-    })), l = y(() => e.header === null ? null : typeof e.header == "string" ? {
-      content: e.header,
-      size: e.size
+  setup(a, { expose: e }) {
+    const t = a, n = $(), s = y(() => ({
+      "x-panel--card": !!t.card,
+      "x-panel--default": !t.card,
+      [`is-${t.size}`]: !!t.size && t.size !== "default",
+      "is-border": !!t.border,
+      "is-radius": !!t.radius,
+      [`is-shadow-${t.shadow}`]: !!t.shadow && t.shadow !== "none"
+    })), l = y(() => t.header === null ? null : typeof t.header == "string" ? {
+      content: t.header,
+      size: t.size
     } : {
-      ...e.header,
-      size: e.size
-    }), i = y(() => e.fit || e.height ? "auto" : void 0);
-    return t({
+      ...t.header,
+      size: t.size
+    }), i = y(() => t.fit || t.height ? "auto" : void 0);
+    return e({
       bodyRef: n
-    }), (u, r) => (c(), m(o(M), {
+    }), (c, r) => (u(), f(o(M), {
       class: U(["x-panel", s.value]),
       direction: "column",
-      fit: e.fit,
-      width: e.width,
-      height: e.height
+      fit: t.fit,
+      width: t.width,
+      height: t.height
     }, {
       default: p(() => [
-        l.value ? (c(), m(o(M), {
+        l.value ? (u(), f(o(M), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
         }, {
           default: p(() => [
-            z(u.$slots, "header", {}, () => [
+            z(c.$slots, "header", {}, () => [
               b(o(ht), St(Ct(l.value)), {
                 default: p(() => [
-                  z(u.$slots, "title")
+                  z(c.$slots, "title")
                 ]),
                 actions: p(() => [
-                  z(u.$slots, "actions")
+                  z(c.$slots, "actions")
                 ]),
                 _: 3
               }, 16)
@@ -1028,20 +1046,20 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
           grow: "",
           padding: "",
           class: "x-panel__body"
-        }, e.body), {
+        }, t.body), {
           default: p(() => [
-            z(u.$slots, "default")
+            z(c.$slots, "default")
           ]),
           _: 3
         }, 16, ["overflow"]),
-        u.$slots.footer ? (c(), m(o(M), Q({
+        c.$slots.footer ? (u(), f(o(M), Q({
           key: 1,
           flex: !1,
           padding: "",
           class: "x-panel__footer"
-        }, e.footer), {
+        }, t.footer), {
           default: p(() => [
-            z(u.$slots, "footer")
+            z(c.$slots, "footer")
           ]),
           _: 3
         }, 16)) : v("", !0)
@@ -1051,56 +1069,56 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   }
 }), Le = "user-select-none";
 class We {
-  constructor(t, e = {}) {
-    this.el = t, this.options = e, this.scope = Ke(), this.scope.run(() => {
+  constructor(e, t = {}) {
+    this.el = e, this.options = t, this.scope = Ke(), this.scope.run(() => {
       this.init();
     });
   }
   scope;
   dragging = !1;
   getHandle() {
-    const { selector: t, handle: e } = this.options;
-    return t ? this.el.querySelector(t) : e;
+    const { selector: e, handle: t } = this.options;
+    return e ? this.el.querySelector(e) : t;
   }
   getTarget() {
-    const { target: t = "body" } = this.options;
-    return typeof t == "string" ? document.querySelector(t) : o(t) || document.body;
+    const { target: e = "body" } = this.options;
+    return typeof e == "string" ? document.querySelector(e) : o(e) || document.body;
   }
   init() {
-    const { el: t, options: e } = this, { disabled: n, delay: s = 150, onStart: l, onEnd: i } = e;
+    const { el: e, options: t } = this, { disabled: n, delay: s = 150, onStart: l, onEnd: i } = t;
     if (n)
       return;
-    let u = null;
+    let c = null;
     const r = this.getHandle(), d = this.getTarget();
-    let f = t.getBoundingClientRect(), h = null;
-    const { x, y: V } = dn(t, {
-      initialValue: { x: f.x, y: f.y },
-      ...e,
+    let m = e.getBoundingClientRect(), h = null;
+    const { x, y: V } = dn(e, {
+      initialValue: { x: m.x, y: m.y },
+      ...t,
       handle: r,
       onStart: (k, _) => {
-        document.body.classList.add(Le), clearTimeout(u), u = setTimeout(() => {
-          this.dragging = !0, f = t.getBoundingClientRect(), h = d?.getBoundingClientRect(), l && l(k, _);
+        document.body.classList.add(Le), clearTimeout(c), c = setTimeout(() => {
+          this.dragging = !0, m = e.getBoundingClientRect(), h = d?.getBoundingClientRect(), l && l(k, _);
         }, s);
       },
       onEnd: (k, _) => {
-        if (clearTimeout(u), document.body.classList.remove(Le), this.dragging && h) {
+        if (clearTimeout(c), document.body.classList.remove(Le), this.dragging && h) {
           this.dragging = !1;
-          const { x: E, y: B } = k, g = this.getPosition(h, f, E, B);
+          const { x: E, y: B } = k, g = this.getPosition(h, m, E, B);
           i && i(g, _), h = null;
         }
       }
     });
-    ne([x, V], () => {
+    oe([x, V], () => {
       if (this.dragging && h) {
-        const k = this.getPosition(h, f, x.value, V.value);
-        t.style.left = `${k.x}px`, t.style.top = `${k.y}px`;
+        const k = this.getPosition(h, m, x.value, V.value);
+        e.style.left = `${k.x}px`, e.style.top = `${k.y}px`;
       }
     });
   }
-  getPosition(t, e, n, s) {
-    const { edge: l = 50 } = this.options, i = -e.width + l, u = t.width - l, r = 0, d = t.height - l, f = Math.min(u, Math.max(n, i)), h = Math.min(d, Math.max(s, r));
+  getPosition(e, t, n, s) {
+    const { edge: l = 50 } = this.options, i = -t.width + l, c = e.width - l, r = 0, d = e.height - l, m = Math.min(c, Math.max(n, i)), h = Math.min(d, Math.max(s, r));
     return {
-      x: f,
+      x: m,
       y: h
     };
   }
@@ -1109,23 +1127,23 @@ class We {
   }
 }
 const Qn = {
-  mounted(a, t) {
-    const e = t.value || {}, n = new We(a, e);
+  mounted(a, e) {
+    const t = e.value || {}, n = new We(a, t);
     a.__draggable__ = n;
   },
-  updated(a, t) {
-    const e = t.value || {};
+  updated(a, e) {
+    const t = e.value || {};
     let n = a.__draggable__;
-    n && !ct(n.options, e) && (n.destory(), a.__draggable__ = new We(a, e));
+    n && !ct(n.options, t) && (n.destory(), a.__draggable__ = new We(a, t));
   },
   unmounted(a) {
-    const t = a.__draggable__;
-    t && (t.destory(), a.__draggable__ = null);
+    const e = a.__draggable__;
+    e && (e.destory(), a.__draggable__ = null);
   }
 }, Me = "user-select-none";
 class Qe {
-  constructor(t, e = {}) {
-    this.el = t, this.options = e, this.scope = Ke(), this.scope.run(() => {
+  constructor(e, t = {}) {
+    this.el = e, this.options = t, this.scope = Ke(), this.scope.run(() => {
       this.init();
     });
   }
@@ -1136,30 +1154,30 @@ class Qe {
   cleanMousedown;
   cleanMouseup;
   init() {
-    const { el: t, options: e } = this, { disabled: n, onStart: s, onEnd: l } = e;
+    const { el: e, options: t } = this, { disabled: n, onStart: s, onEnd: l } = t;
     if (n)
       return;
-    this.MIE = pn(t), this.cleanMousedown = ye(document, "mousedown", () => {
-      this.direction?.value && this.MIE && (this.resizing.value = !0, t.classList.add("is-resizing", `is-${this.direction.value}-resizing`), s && s(this.direction.value, this.MIE));
-    }), this.cleanMouseup = ye(document, "mouseup", () => {
-      this.resizing.value && this.direction?.value && this.MIE && (t.classList.remove(
+    this.MIE = pn(e), this.cleanMousedown = be(document, "mousedown", () => {
+      this.direction?.value && this.MIE && (this.resizing.value = !0, e.classList.add("is-resizing", `is-${this.direction.value}-resizing`), s && s(this.direction.value, this.MIE));
+    }), this.cleanMouseup = be(document, "mouseup", () => {
+      this.resizing.value && this.direction?.value && this.MIE && (e.classList.remove(
         "is-resizing",
         `is-${this.direction.value}-resizing`
       ), l && l(this.direction.value, this.MIE)), this.resizing.value = !1;
-    }), ne(this.direction, (r) => {
+    }), oe(this.direction, (r) => {
       const d = document.body;
       d.style.cursor = r ? `${r}-resize` : "", r ? d.classList.add(Me) : d.classList.remove(Me);
     });
-    const { x: i, y: u } = this.MIE;
-    ne([i, u], () => {
+    const { x: i, y: c } = this.MIE;
+    oe([i, c], () => {
       this.resizing.value ? this.resize() : this.direction.value = this.getDirection();
     });
   }
   resize() {
-    const { MIE: t, direction: e, resizing: n, options: s, el: l } = this, i = e?.value || "";
-    if (!t || !n.value || !i)
+    const { MIE: e, direction: t, resizing: n, options: s, el: l } = this, i = t?.value || "";
+    if (!e || !n.value || !i)
       return;
-    const { x: u, y: r, elementX: d, elementY: f, elementHeight: h, elementWidth: x } = t, { onResizing: V } = s, {
+    const { x: c, y: r, elementX: d, elementY: m, elementHeight: h, elementWidth: x } = e, { onResizing: V } = s, {
       minWidth: k = 0,
       minHeight: _ = 0,
       maxWidth: E = 99999,
@@ -1170,7 +1188,7 @@ class Qe {
       l.style.width = `${g}px`;
     }
     if (i.includes("s")) {
-      const g = Math.min(Math.max(f.value, _), B);
+      const g = Math.min(Math.max(m.value, _), B);
       l.style.height = `${g}px`;
     }
     if (i.includes("w")) {
@@ -1178,45 +1196,45 @@ class Qe {
         Math.max(x.value - d.value, k),
         E
       );
-      l.style.width = `${g}px`, l.style.left = `${u.value}px`;
+      l.style.width = `${g}px`, l.style.left = `${c.value}px`;
     }
     if (i.includes("n")) {
       const g = Math.min(
-        Math.max(h.value - f.value, _),
+        Math.max(h.value - m.value, _),
         B
       );
       this.el.style.height = `${g}px`, this.el.style.top = `${r.value}px`;
     }
-    V && V(i, t);
+    V && V(i, e);
   }
   getDirection() {
     if (!this.MIE)
       return "";
-    const { elementX: t, elementY: e, elementHeight: n, elementWidth: s, isOutside: l } = this.MIE;
+    const { elementX: e, elementY: t, elementHeight: n, elementWidth: s, isOutside: l } = this.MIE;
     if (l.value)
       return "";
-    const { dirs: i = ["n", "s", "w", "e"], edge: u = 5 } = this.options;
+    const { dirs: i = ["n", "s", "w", "e"], edge: c = 5 } = this.options;
     let r = "";
-    return i.includes("n") && e.value <= u ? r += "n" : i.includes("s") && e.value > n.value - u && (r += "s"), i.includes("w") && t.value <= u ? r += "w" : i.includes("e") && t.value > s.value - u && (r += "e"), r;
+    return i.includes("n") && t.value <= c ? r += "n" : i.includes("s") && t.value > n.value - c && (r += "s"), i.includes("w") && e.value <= c ? r += "w" : i.includes("e") && e.value > s.value - c && (r += "e"), r;
   }
   destory() {
-    const t = document.body;
-    t.style.cursor = "", t.classList.remove(Me), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
+    const e = document.body;
+    e.style.cursor = "", e.classList.remove(Me), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
   }
 }
 const yt = {
-  mounted(a, t) {
-    const e = t.value || {}, n = new Qe(a, e);
+  mounted(a, e) {
+    const t = e.value || {}, n = new Qe(a, t);
     a.__resizable__ = n;
   },
-  updated(a, t) {
-    const e = t.value || {};
+  updated(a, e) {
+    const t = e.value || {};
     let n = a.__resizable__;
-    n && !ct(n.options, e) && (n.destory(), a.__resizable__ = new Qe(a, e));
+    n && !ct(n.options, t) && (n.destory(), a.__resizable__ = new Qe(a, t));
   },
   unmounted(a) {
-    const t = a.__resizable__;
-    t && (t.destory(), a.__resizable__ = null);
+    const e = a.__resizable__;
+    e && (e.destory(), a.__resizable__ = null);
   }
 }, Zn = {
   modelValue: {
@@ -1304,8 +1322,8 @@ const yt = {
   }
 };
 let ie = 1e3;
-function Jn(a, t) {
-  const { width: e, height: n } = rt(t), s = Ye({
+function Jn(a, e) {
+  const { width: t, height: n } = rt(e), s = Ye({
     mode: a.mode || "normal",
     wrapperWidth: 0,
     wrapperHeight: 0,
@@ -1317,9 +1335,9 @@ function Jn(a, t) {
     dragging: !1,
     resizing: !1
   });
-  return ne([e, n], ([l, i]) => {
-    s.wrapperWidth = l, s.wrapperHeight = i, s.width = pe(a.width, l), s.height = pe(a.height, i), s.left = a.left ? pe(a.left, l) - s.width / 2 : Math.max(Math.floor((l - s.width) / 2), 0), s.top = a.top ? pe(a.top, i) : Math.max(Math.floor((i - s.height) / 2), 0);
-  }), ne(s, (l) => {
+  return oe([t, n], ([l, i]) => {
+    s.wrapperWidth = l, s.wrapperHeight = i, s.width = me(a.width, l), s.height = me(a.height, i), s.left = a.left ? me(a.left, l) - s.width / 2 : Math.max(Math.floor((l - s.width) / 2), 0), s.top = a.top ? me(a.top, i) : Math.max(Math.floor((i - s.height) / 2), 0);
+  }), oe(s, (l) => {
     ie = Math.max(l.zIndex, ie);
   }), {
     state: s,
@@ -1328,40 +1346,40 @@ function Jn(a, t) {
     minimized: y(() => s.mode === "minimized")
   };
 }
-function Kn(a, t) {
-  const e = y(() => {
-    const { width: i, height: u, top: r, left: d, zIndex: f } = t;
+function Kn(a, e) {
+  const t = y(() => {
+    const { width: i, height: c, top: r, left: d, zIndex: m } = e;
     return {
       width: `${i}px`,
-      height: `${u}px`,
+      height: `${c}px`,
       top: `${r}px`,
       left: `${d}px`,
-      zIndex: f
+      zIndex: m
     };
   }), n = y(() => ({
-    [`is-${t.mode}`]: !!t.mode,
+    [`is-${e.mode}`]: !!e.mode,
     "is-draggable": !!a.draggable,
     "is-resizable": !!a.resizable,
     "is-primary": !!a.primary
   })), s = y(() => ({
-    [`is-${t.mode}`]: !!t.mode,
-    "is-dragging": t.dragging,
-    "is-resizing": t.resizing
+    [`is-${e.mode}`]: !!e.mode,
+    "is-dragging": e.dragging,
+    "is-resizing": e.resizing
   })), l = y(() => ({
-    zIndex: t.zIndex
+    zIndex: e.zIndex
   }));
   return {
-    styles: e,
+    styles: t,
     classes: n,
     wrapperClass: s,
     modalStyle: l
   };
 }
-function Yn(a, t, e) {
-  const n = (f) => {
-    t.mode = f, ["maximized", "minimized", "normal"].includes(f) && e(f), e("modeChange", f);
+function Yn(a, e, t) {
+  const n = (m) => {
+    e.mode = m, ["maximized", "minimized", "normal"].includes(m) && t(m), t("modeChange", m);
   }, s = async () => {
-    (!a.beforeClose || await a.beforeClose()) && (e("update:modelValue", !1), e("close"), e("destroy"));
+    (!a.beforeClose || await a.beforeClose()) && (t("update:modelValue", !1), t("close"), t("destroy"));
   };
   return {
     close: s,
@@ -1369,15 +1387,15 @@ function Yn(a, t, e) {
     show: () => n("normal"),
     hide: () => n("minimized"),
     active: () => {
-      t.zIndex = Math.max(t.zIndex, ++ie);
+      e.zIndex = Math.max(e.zIndex, ++ie);
     },
-    submit: () => e("submit"),
+    submit: () => t("submit"),
     cancel: () => {
-      e("cancel"), s();
+      t("cancel"), s();
     }
   };
 }
-function Gn(a, t, e, n) {
+function Gn(a, e, t, n) {
   return y(() => {
     const s = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
     return {
@@ -1386,21 +1404,21 @@ function Gn(a, t, e, n) {
       target: n,
       selector: ".x-panel__header",
       onStart(l) {
-        t.dragging = !0, t.zIndex = Math.max(t.zIndex, ++ie), e("dragStart", l);
+        e.dragging = !0, e.zIndex = Math.max(e.zIndex, ++ie), t("dragStart", l);
       },
       onMove(l) {
-        e("dragging", l);
+        t("dragging", l);
       },
       onEnd(l) {
-        if (t.mode === "maximized")
+        if (e.mode === "maximized")
           return;
-        const { x: i, y: u } = l;
-        t.left = i, t.top = u, t.dragging = !1, e("dragEnd", l);
+        const { x: i, y: c } = l;
+        e.left = i, e.top = c, e.dragging = !1, t("dragEnd", l);
       }
     };
   });
 }
-function qn(a, t, e) {
+function qn(a, e, t) {
   return y(() => {
     const n = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
     return {
@@ -1410,29 +1428,29 @@ function qn(a, t, e) {
       disabled: n,
       dirs: ["e", "s", "w"],
       onStart(s, l) {
-        t.resizing = !0, t.zIndex = Math.max(t.zIndex, ++ie), e("resizeStart", s, l);
+        e.resizing = !0, e.zIndex = Math.max(e.zIndex, ++ie), t("resizeStart", s, l);
       },
       onResizing(s, l) {
-        e("resizing", s, l);
+        t("resizing", s, l);
       },
       onEnd(s, l) {
-        t.left = l.elementPositionX.value, t.top = l.elementPositionY.value, t.width = l.elementWidth.value, t.height = l.elementHeight.value, t.resizing = !1, e("resizeEnd", s, l);
+        e.left = l.elementPositionX.value, e.top = l.elementPositionY.value, e.width = l.elementWidth.value, e.height = l.elementHeight.value, e.resizing = !1, t("resizeEnd", s, l);
       }
     };
   });
 }
-function eo(a, t) {
-  const e = a.componentInstance;
-  if (!e)
+function eo(a, e) {
+  const t = a.componentInstance;
+  if (!t)
     return;
   let n = null;
   return Tt(() => {
-    const s = o(t), l = o(s?.bodyRef);
-    n = e.$el, l && l.$el && l.$el.appendChild(n);
+    const s = o(e), l = o(s?.bodyRef);
+    n = t.$el, l && l.$el && l.$el.appendChild(n);
   }), Mt(() => {
     n && n.parentNode && n.parentNode.removeChild(n);
   }), {
-    componentInstance: e
+    componentInstance: t
   };
 }
 const to = ["src"], bt = /* @__PURE__ */ D({
@@ -1440,17 +1458,17 @@ const to = ["src"], bt = /* @__PURE__ */ D({
   __name: "Dialog",
   props: Zn,
   emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
-  setup(a, { expose: t, emit: e }) {
-    const n = a, s = _e(), l = $(), i = $(), { state: u, maximized: r, minimized: d, normal: f } = Jn(n, l), { styles: h, classes: x, wrapperClass: V, modalStyle: k } = Kn(n, u), { changeMode: _, active: E, close: B, show: g, hide: I, submit: C, cancel: F } = Yn(
+  setup(a, { expose: e, emit: t }) {
+    const n = a, s = pe(), l = $(), i = $(), { state: c, maximized: r, minimized: d, normal: m } = Jn(n, l), { styles: h, classes: x, wrapperClass: V, modalStyle: k } = Kn(n, c), { changeMode: _, active: E, close: B, show: g, hide: I, submit: C, cancel: F } = Yn(
       n,
-      u,
-      e
-    ), X = Gn(n, u, e, l), ee = qn(n, u, e), te = eo(n, i);
+      c,
+      t
+    ), X = Gn(n, c, t, l), ee = qn(n, c, t), te = eo(n, i);
     return Ge(async () => {
-      n.modelValue && (await le(), s && e("open", s));
-    }), t({
+      n.modelValue && (await le(), s && t("open", s));
+    }), e({
       panelRef: i,
-      state: u,
+      state: c,
       maximized: r,
       minimized: d,
       changeMode: _,
@@ -1459,7 +1477,7 @@ const to = ["src"], bt = /* @__PURE__ */ D({
       submit: C,
       cancel: F,
       componentInstance: te
-    }), (j, H) => n.modelValue ? (c(), m(qe, {
+    }), (j, H) => n.modelValue ? (u(), f(qe, {
       key: 0,
       to: "body"
     }, [
@@ -1468,12 +1486,12 @@ const to = ["src"], bt = /* @__PURE__ */ D({
         ref: l,
         class: U(["x-dialog__wrapper", o(V)])
       }, [
-        n.modal ? (c(), A("div", {
+        n.modal ? (u(), A("div", {
           key: 0,
           class: "x-dialog__modal",
           style: Ee(o(k))
         }, null, 4)) : v("", !0),
-        L((c(), m(o(vt), {
+        L((u(), f(o(vt), {
           ref_key: "panelRef",
           ref: i,
           class: U(["x-dialog", o(x)]),
@@ -1493,35 +1511,35 @@ const to = ["src"], bt = /* @__PURE__ */ D({
           ]),
           actions: p(() => [
             z(j.$slots, "actions"),
-            n.minimizable ? (c(), m(o(W), {
+            n.minimizable ? (u(), f(o(W), {
               key: 0,
               icon: o(ln),
               size: n.size,
               mode: "icon",
               type: "primary",
               background: "hover",
-              onClick: H[0] || (H[0] = (ae) => o(_)("minimized"))
+              onClick: H[0] || (H[0] = (se) => o(_)("minimized"))
             }, null, 8, ["icon", "size"])) : v("", !0),
-            n.maximizable ? (c(), A(q, { key: 1 }, [
-              o(f) ? (c(), m(o(W), {
+            n.maximizable ? (u(), A(q, { key: 1 }, [
+              o(m) ? (u(), f(o(W), {
                 key: 1,
                 icon: o(cn),
                 size: n.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: H[2] || (H[2] = (ae) => o(_)("maximized"))
-              }, null, 8, ["icon", "size"])) : (c(), m(o(W), {
+                onClick: H[2] || (H[2] = (se) => o(_)("maximized"))
+              }, null, 8, ["icon", "size"])) : (u(), f(o(W), {
                 key: 0,
                 icon: o(rn),
                 size: n.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: H[1] || (H[1] = (ae) => o(_)("normal"))
+                onClick: H[1] || (H[1] = (se) => o(_)("normal"))
               }, null, 8, ["icon", "size"]))
             ], 64)) : v("", !0),
-            n.closable ? (c(), m(o(W), {
+            n.closable ? (u(), f(o(W), {
               key: 2,
               icon: o(un),
               size: n.size,
@@ -1533,8 +1551,8 @@ const to = ["src"], bt = /* @__PURE__ */ D({
           ]),
           default: p(() => [
             z(j.$slots, "default", {}, () => [
-              n.content ? (c(), m(Y(n.content), { key: 0 })) : v("", !0),
-              n.src ? (c(), A("iframe", {
+              n.content ? (u(), f(Y(n.content), { key: 0 })) : v("", !0),
+              n.src ? (u(), A("iframe", {
                 key: 1,
                 src: n.src,
                 class: "x-dialog__frame"
@@ -1556,7 +1574,7 @@ const to = ["src"], bt = /* @__PURE__ */ D({
                 b(o(M), null, {
                   default: p(() => [
                     z(j.$slots, "handle"),
-                    n.cancel ? (c(), m(o(ve), {
+                    n.cancel ? (u(), f(o(de), {
                       key: 0,
                       type: "default",
                       size: n.size,
@@ -1567,7 +1585,7 @@ const to = ["src"], bt = /* @__PURE__ */ D({
                       ]),
                       _: 1
                     }, 8, ["size", "onClick"])) : v("", !0),
-                    n.submit ? (c(), m(o(ve), {
+                    n.submit ? (u(), f(o(de), {
                       key: 1,
                       type: "primary",
                       size: n.size,
@@ -1593,15 +1611,15 @@ const to = ["src"], bt = /* @__PURE__ */ D({
     ])) : v("", !0);
   }
 });
-function $e(a, t) {
-  const e = document.createElement("div"), n = b(bt, a);
-  n.appContext = t ?? $e._context, Fe(n, e);
+function $e(a, e) {
+  const t = document.createElement("div"), n = b(bt, a);
+  n.appContext = e ?? $e._context, Fe(n, t);
   const s = () => {
-    Fe(null, e), e.parentNode?.removeChild(e);
+    Fe(null, t), t.parentNode?.removeChild(t);
   };
   return n.props.onDestroy = () => {
     s();
-  }, document.body.appendChild(e), {
+  }, document.body.appendChild(t), {
     vnode: n,
     destroy: s
   };
@@ -1612,15 +1630,15 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     collapsed: { type: Boolean }
   },
   setup(a) {
-    const t = a;
-    return (e, n) => L((c(), m(o(M), {
-      class: U(["x-mask-sidebar", { "is-collapsed": t.collapsed }]),
+    const e = a;
+    return (t, n) => L((u(), f(o(M), {
+      class: U(["x-mask-sidebar", { "is-collapsed": e.collapsed }]),
       grow: !1,
       flex: "",
       direction: "column"
     }, {
       default: p(() => [
-        z(e.$slots, "brand"),
+        z(t.$slots, "brand"),
         b(o(M), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
@@ -1630,7 +1648,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           align: "center"
         }, {
           default: p(() => [
-            z(e.$slots, "default"),
+            z(t.$slots, "default"),
             no
           ]),
           _: 3
@@ -1640,7 +1658,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     }, 8, ["class"])), [
       [o(yt), {
         dirs: ["e"],
-        disabled: t.collapsed,
+        disabled: e.collapsed,
         maxWidth: 500,
         minWidth: 200
       }]
@@ -1658,40 +1676,40 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:keyword",
     "update:favorite"
   ],
-  setup(a, { emit: t }) {
-    const e = a, n = $(!1), s = $(""), l = $(!1), i = () => {
+  setup(a, { emit: e }) {
+    const t = a, n = $(!1), s = $(""), l = $(!1), i = () => {
       n.value = !0;
-    }, u = () => {
-      s.value = "", n.value = !1, t("update:keyword", s.value);
+    }, c = () => {
+      s.value = "", n.value = !1, e("update:keyword", s.value);
     }, r = () => {
-      t("update:collasped", !e.collasped);
+      e("update:collasped", !t.collasped);
     }, d = () => {
-      t("update:keyword", s.value);
-    }, f = () => {
-      t("update:favorite", l.value);
+      e("update:keyword", s.value);
+    }, m = () => {
+      e("update:favorite", l.value);
     };
-    return (h, x) => (c(), m(o(M), {
+    return (h, x) => (u(), f(o(M), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
       default: p(() => [
-        e.collasped ? v("", !0) : (c(), m(o(M), {
+        t.collasped ? v("", !0) : (u(), f(o(M), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
           default: p(() => [
-            n.value ? v("", !0) : (c(), m(o(tt), {
+            n.value ? v("", !0) : (u(), f(o(tt), {
               key: 0,
               modelValue: l.value,
               "onUpdate:modelValue": x[0] || (x[0] = (V) => l.value = V),
               class: "x-mask-switch-bar__switch",
               "active-icon": o(at),
               "inactive-icon": o(ot),
-              onChange: f
+              onChange: m
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
-            n.value ? (c(), m(o(Ht), {
+            n.value ? (u(), f(o(Ht), {
               key: 1,
               modelValue: s.value,
               "onUpdate:modelValue": x[1] || (x[1] = (V) => s.value = V),
@@ -1702,9 +1720,9 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               "prefix-icon": o(Be)
             }, {
               suffix: p(() => [
-                b(o(oe), {
+                b(o(ae), {
                   icon: o(st),
-                  onClick: u
+                  onClick: c
                 }, null, 8, ["icon"])
               ]),
               _: 1
@@ -1713,13 +1731,13 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           _: 1
         })),
         b(o(M), {
-          class: U(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
+          class: U(["x-mask-switch-bar__right", { "is-collasped": t.collasped }]),
           flex: "",
           align: "center",
           justify: "center"
         }, {
           default: p(() => [
-            !n.value && !e.collasped ? (c(), m(o(W), {
+            !n.value && !t.collasped ? (u(), f(o(W), {
               key: 0,
               icon: o(Be),
               mode: "icon",
@@ -1728,7 +1746,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               circle: "",
               onClick: i
             }, null, 8, ["icon"])) : v("", !0),
-            e.collasped ? (c(), m(o(W), {
+            t.collasped ? (u(), f(o(W), {
               key: 1,
               icon: o(Kt),
               mode: "icon",
@@ -1737,7 +1755,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               onClick: r,
               circle: ""
             }, null, 8, ["icon"])) : v("", !0),
-            e.collasped ? v("", !0) : (c(), m(o(W), {
+            t.collasped ? v("", !0) : (u(), f(o(W), {
               key: 2,
               icon: o(Yt),
               mode: "icon",
@@ -1762,11 +1780,11 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     url: {}
   },
   setup(a) {
-    const t = a, e = ke(), n = () => {
-      t.url && e.push(t.url);
+    const e = a, t = ke(), n = () => {
+      e.url && t.push(e.url);
     };
-    return (s, l) => (c(), m(o(M), {
-      class: U(["x-mask-brand", { "is-collapsed": t.collapsed }]),
+    return (s, l) => (u(), f(o(M), {
+      class: U(["x-mask-brand", { "is-collapsed": e.collapsed }]),
       align: "center"
     }, {
       default: p(() => [
@@ -1779,9 +1797,9 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
         }, {
           default: p(() => [
             z(s.$slots, "logo", {}, () => [
-              t.logo ? (c(), A("img", {
+              e.logo ? (u(), A("img", {
                 key: 0,
-                src: t.logo
+                src: e.logo
               }, null, 8, so)) : v("", !0)
             ])
           ]),
@@ -1793,9 +1811,9 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           align: "center"
         }, {
           default: p(() => [
-            t.title ? (c(), A("span", lo, [
+            e.title ? (u(), A("span", lo, [
               z(s.$slots, "title", {}, () => [
-                N(O(t.title), 1)
+                N(O(e.title), 1)
               ])
             ])) : v("", !0)
           ]),
@@ -1805,7 +1823,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), fe = "__favorites__", me = "__search__", ro = /* @__PURE__ */ D({
+}), ge = "__favorites__", he = "__search__", ro = /* @__PURE__ */ D({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1817,40 +1835,40 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     active: {}
   },
   emits: ["select"],
-  setup(a, { emit: t }) {
-    const e = a, n = y(() => e.menus || []), s = y(() => String(e.active?.id)), l = y(() => [
+  setup(a, { emit: e }) {
+    const t = a, n = y(() => t.menus || []), s = y(() => String(t.active?.id)), l = y(() => [
       {
-        id: fe,
+        id: ge,
         title: "收藏",
         icon: lt,
-        children: e.favorites?.length ? e.favorites : [
+        children: t.favorites?.length ? t.favorites : [
           {
-            id: fe + "empty",
+            id: ge + "empty",
             disabled: !0,
             title: "暂无收藏菜单"
           }
         ]
       }
     ]), i = y(() => {
-      const r = (e.keyword || "").trim(), d = r ? (e.flatMenus || []).filter((f) => f.title?.includes(r)) : [];
+      const r = (t.keyword || "").trim(), d = r ? (t.flatMenus || []).filter((m) => m.title?.includes(r)) : [];
       return [
         {
-          id: me,
+          id: he,
           title: "搜索",
           icon: Be,
           children: d?.length ? d : [
             {
-              id: me + "empty",
+              id: he + "empty",
               disabled: !0,
               title: "查询匹配不到菜单项"
             }
           ]
         }
       ];
-    }), u = (r) => {
-      t("select", r);
+    }), c = (r) => {
+      e("select", r);
     };
-    return (r, d) => (c(), A(q, null, [
+    return (r, d) => (u(), A(q, null, [
       L(b(o(M), {
         class: "x-mask-menu",
         grow: "",
@@ -1866,13 +1884,13 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: n.value,
-            "default-icon": o(se),
+            "default-icon": o(ne),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            onSelect: u
+            onSelect: c
           }, null, 8, ["data", "default-icon", "default-active"]), [
-            [J, e.collapse]
+            [J, t.collapse]
           ]),
           L(b(o(G), {
             subMenu: {
@@ -1880,22 +1898,22 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               teleported: !0
             },
             data: n.value,
-            "default-icon": o(se),
+            "default-icon": o(ne),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            onSelect: u
+            onSelect: c
           }, null, 8, ["data", "default-icon", "default-active"]), [
-            [J, !e.collapse]
+            [J, !t.collapse]
           ]),
-          n.value.length ? v("", !0) : (c(), m(o(Lt), {
+          n.value.length ? v("", !0) : (u(), f(o(Lt), {
             key: 0,
             description: "暂无菜单数据"
           }))
         ]),
         _: 1
       }, 512), [
-        [J, !e.favorite && !e.keyword]
+        [J, !t.favorite && !t.keyword]
       ]),
       L(b(o(M), {
         class: "x-mask-menu",
@@ -1913,14 +1931,14 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: l.value,
-            "default-icon": o(se),
+            "default-icon": o(ne),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [fe],
-            onSelect: u
+            "default-openeds": [ge],
+            onSelect: c
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [J, e.collapse]
+            [J, t.collapse]
           ]),
           L(b(o(G), {
             class: "x-mask-menu__favorites",
@@ -1931,21 +1949,21 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: l.value,
-            "default-icon": o(se),
+            "default-icon": o(ne),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [fe],
-            onSelect: u
+            "default-openeds": [ge],
+            onSelect: c
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [J, !e.collapse]
+            [J, !t.collapse]
           ])
         ]),
         _: 1
       }, 512), [
-        [J, e.favorite && !e.keyword]
+        [J, t.favorite && !t.keyword]
       ]),
-      e.keyword ? L((c(), m(o(M), {
+      t.keyword ? L((u(), f(o(M), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
@@ -1962,14 +1980,14 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: i.value,
-            "default-icon": o(se),
+            "default-icon": o(ne),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [me],
-            onSelect: u
+            "default-openeds": [he],
+            onSelect: c
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [J, e.collapse]
+            [J, t.collapse]
           ]),
           L(b(o(G), {
             class: "x-mask-menu__search",
@@ -1980,19 +1998,19 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: i.value,
-            "default-icon": o(se),
+            "default-icon": o(ne),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [me],
-            onSelect: u
+            "default-openeds": [he],
+            onSelect: c
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [J, !e.collapse]
+            [J, !t.collapse]
           ])
         ]),
         _: 1
       }, 512)), [
-        [J, !!e.keyword]
+        [J, !!t.keyword]
       ]) : v("", !0)
     ], 64));
   }
@@ -2006,9 +2024,9 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     favorites: {}
   },
   emits: ["click", "remove", "refresh", "toggleFavorite", "dialog"],
-  setup(a, { emit: t }) {
-    const e = a, n = (d) => {
-      const f = !!e.favorites.find(
+  setup(a, { emit: e }) {
+    const t = a, n = (d) => {
+      const m = !!t.favorites.find(
         (h) => h === d.menu || h.id === d.menu?.id
       );
       return [
@@ -2020,7 +2038,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
         },
         "|",
         {
-          icon: f ? at : lt,
+          icon: m ? at : lt,
           label: "收藏",
           name: "favorite",
           value: d.menu,
@@ -2035,34 +2053,34 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
         }
       ];
     }, s = (d) => {
-      const f = d.paneName;
-      if (f === e.home.id) {
-        t("click", e.home);
+      const m = d.paneName;
+      if (m === t.home.id) {
+        e("click", t.home);
         return;
       }
-      const h = e.tabs.find((x) => x.id === f);
-      h && t("click", h);
+      const h = t.tabs.find((x) => x.id === m);
+      h && e("click", h);
     }, l = (d) => {
-      const f = e.tabs.find((h) => h.id === d);
-      f && t("remove", f);
+      const m = t.tabs.find((h) => h.id === d);
+      m && e("remove", m);
     }, i = (d) => {
       switch (d.name) {
         case "refresh":
-          t("refresh", d.value);
+          e("refresh", d.value);
           break;
         case "favorite":
-          t("toggleFavorite", d.value);
+          e("toggleFavorite", d.value);
           break;
         case "dialog":
-          t("dialog", d.value);
+          e("dialog", d.value);
           break;
       }
-    }, u = (d, f) => {
-      f.dataTransfer && (f.dataTransfer.setData("tab", d.id), f.target && f.target.classList.add("is-dagging"));
-    }, r = (d, f) => {
-      f.target && f.target.classList.remove("is-dagging");
+    }, c = (d, m) => {
+      m.dataTransfer && (m.dataTransfer.setData("tab", d.id), m.target && m.target.classList.add("is-dagging"));
+    }, r = (d, m) => {
+      m.target && m.target.classList.remove("is-dagging");
     };
-    return (d, f) => (c(), m(o(M), {
+    return (d, m) => (u(), f(o(M), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2074,24 +2092,24 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       default: p(() => [
         b(o(Wt), {
           type: "card",
-          "model-value": e.value,
+          "model-value": t.value,
           onTabRemove: l,
           onTabClick: s
         }, {
           default: p(() => [
-            e.home ? (c(), m(o(Ue), {
+            t.home ? (u(), f(o(Ue), {
               key: 0,
-              name: e.home.id
+              name: t.home.id
             }, {
               label: p(() => [
                 R("div", co, [
-                  e.home.icon ? (c(), m(Y(o(be)(e.home.icon)), { key: 0 })) : v("", !0),
-                  e.home.title ? (c(), A("span", uo, O(e.home.title), 1)) : v("", !0)
+                  t.home.icon ? (u(), f(Y(o(_e)(t.home.icon)), { key: 0 })) : v("", !0),
+                  t.home.title ? (u(), A("span", uo, O(t.home.title), 1)) : v("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["name"])) : v("", !0),
-            (c(!0), A(q, null, we(e.tabs, (h) => (c(), m(o(Ue), {
+            (u(!0), A(q, null, we(t.tabs, (h) => (u(), f(o(Ue), {
               key: h.id,
               name: h.id,
               lazy: "",
@@ -2103,17 +2121,17 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
                   placement: "bottom",
                   trigger: "hover",
                   width: "200px",
-                  disabled: h.id !== e.value
+                  disabled: h.id !== t.value
                 }, {
                   reference: p(() => [
                     R("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (x) => u(h, x),
+                      onDragstart: (x) => c(h, x),
                       onDragend: (x) => r(h, x)
                     }, [
-                      h.icon ? (c(), m(Y(o(be)(h.icon)), { key: 0 })) : v("", !0),
-                      h.title ? (c(), A("span", fo, O(h.title), 1)) : v("", !0)
+                      h.icon ? (u(), f(Y(o(_e)(h.icon)), { key: 0 })) : v("", !0),
+                      h.title ? (u(), A("span", fo, O(h.title), 1)) : v("", !0)
                     ], 40, po)
                   ]),
                   default: p(() => [
@@ -2140,11 +2158,11 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
 }), go = /* @__PURE__ */ D({
   __name: "ThemeSwitch",
   setup(a) {
-    const t = fn();
-    return (e, n) => (c(), m(o(tt), {
+    const e = fn();
+    return (t, n) => (u(), f(o(tt), {
       class: "x-mask-theme-switch",
-      modelValue: o(t),
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => ge(t) ? t.value = s : null),
+      modelValue: o(e),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => ve(e) ? e.value = s : null),
       size: "default",
       "active-action-icon": o(en),
       "inactive-action-icon": o(tn)
@@ -2165,10 +2183,10 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     "actionClick",
     "actionCommand"
   ],
-  setup(a, { emit: t }) {
-    const e = a, n = y(() => {
-      const r = e.tabs.map((d, f) => ({
-        divided: f === 0,
+  setup(a, { emit: e }) {
+    const t = a, n = y(() => {
+      const r = t.tabs.map((d, m) => ({
+        divided: m === 0,
         label: d.title,
         command: d
       }));
@@ -2184,25 +2202,25 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
         ...r
       ];
     }), s = (r) => {
-      t("closeTab", r.command);
+      e("closeTab", r.command);
     }, l = (r) => {
       switch (r.command) {
         case "all":
-          t("closeAllTabs");
+          e("closeAllTabs");
           break;
         case "other":
-          t("closeOtherTabs");
+          e("closeOtherTabs");
           break;
         default:
-          t("clickTab", r.command);
+          e("clickTab", r.command);
           break;
       }
     }, i = (r) => {
-      t("actionClick", r);
-    }, u = (r, d) => {
-      t("actionCommand", r, d);
+      e("actionClick", r);
+    }, c = (r, d) => {
+      e("actionCommand", r, d);
     };
-    return (r, d) => (c(), m(o(M), {
+    return (r, d) => (u(), f(o(M), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
@@ -2216,12 +2234,12 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           background: "hover",
           onCommand: l
         }, {
-          item: p(({ item: f }) => [
+          item: p(({ item: m }) => [
             R("span", ho, [
-              N(O(f.label) + " ", 1),
-              ["other", "all"].includes(f.command) ? v("", !0) : (c(), m(o(oe), {
+              N(O(m.label) + " ", 1),
+              ["other", "all"].includes(m.command) ? v("", !0) : (u(), f(o(ae), {
                 key: 0,
-                onClick: Et((h) => s(f), ["stop"]),
+                onClick: Et((h) => s(m), ["stop"]),
                 icon: o(st)
               }, null, 8, ["onClick", "icon"]))
             ])
@@ -2229,7 +2247,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           _: 1
         }, 8, ["icon", "menus"]),
         b(o(ue), { direction: "vertical" }),
-        e.actions ? (c(), m(o(Re), {
+        t.actions ? (u(), f(o(Re), {
           key: 0,
           circle: "",
           mode: "icon",
@@ -2237,14 +2255,14 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           background: "hover",
           items: r.actions,
           onClick: i,
-          onCommand: u
+          onCommand: c
         }, null, 8, ["items"])) : v("", !0),
-        e.actions ? (c(), m(o(ue), {
+        t.actions ? (u(), f(o(ue), {
           key: 1,
           direction: "vertical"
         })) : v("", !0),
-        e.theme ? (c(), m(go, { key: 2 })) : v("", !0),
-        e.theme ? (c(), m(o(ue), {
+        t.theme ? (u(), f(go, { key: 2 })) : v("", !0),
+        t.theme ? (u(), f(o(ue), {
           key: 3,
           direction: "vertical"
         })) : v("", !0),
@@ -2259,23 +2277,23 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     avatar: {}
   },
   setup(a) {
-    const t = a;
-    return (e, n) => (c(), m(o(nt), {
+    const e = a;
+    return (t, n) => (u(), f(o(nt), {
       width: 200,
       "popper-class": "x-mask-avatar__popper",
-      disabled: !e.$slots.default
+      disabled: !t.$slots.default
     }, {
       reference: p(() => [
         b(o(Qt), {
           class: "x-mask-avatar",
           shape: "circle",
           icon: o(on),
-          src: t.avatar,
+          src: e.avatar,
           size: 26
         }, null, 8, ["icon", "src"])
       ]),
       default: p(() => [
-        e.$slots.default ? z(e.$slots, "default", { key: 0 }) : v("", !0)
+        t.$slots.default ? z(t.$slots, "default", { key: 0 }) : v("", !0)
       ]),
       _: 3
     }, 8, ["disabled"]));
@@ -2287,21 +2305,21 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     exclude: {}
   },
   setup(a) {
-    const t = a;
-    return (e, n) => (c(), m(o(M), {
+    const e = a;
+    return (t, n) => (u(), f(o(M), {
       class: "x-mask__content",
       flex: !1,
       grow: "",
-      padding: ""
+      padding: !1
     }, {
       default: p(() => [
-        z(e.$slots, "default"),
+        z(t.$slots, "default"),
         b(o(it), null, {
           default: p(({ Component: s, route: l }) => [
-            (c(), m(It, {
-              exclude: t.exclude
+            (u(), f(It, {
+              exclude: e.exclude
             }, [
-              s ? (c(), m(Y(t.createView(s, l)), {
+              s ? (u(), f(Y(e.createView(s, l)), {
                 key: l.fullPath
               })) : v("", !0)
             ], 1032, ["exclude"]))
@@ -2397,31 +2415,31 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
   }
 }, _t = Symbol(), wt = Symbol();
 function wo(a) {
-  const t = $(!1), e = $(""), n = $(!1);
+  const e = $(!1), t = $(""), n = $(!1);
   return {
-    collapsed: t,
-    keyword: e,
+    collapsed: e,
+    keyword: t,
     favorite: n
   };
 }
 function ko(a) {
-  const t = dt();
+  const e = dt();
   return y(() => {
-    const e = a.home;
+    const t = a.home;
     return Object.assign(
-      { id: t, url: "/", name: "MaskHome", icon: an, closable: !1 },
-      typeof e == "string" ? { url: e } : e || {}
+      { id: e, url: "/", name: "MaskHome", icon: an, closable: !1 },
+      typeof t == "string" ? { url: t } : t || {}
     );
   });
 }
-function kt(a, t) {
-  let e = [];
+function kt(a, e) {
+  let t = [];
   return a.forEach((n) => {
-    n = t ? t(n) : n, n.children ? e = e.concat(kt(n.children, t)) : e.push(n);
-  }), e;
+    n = e ? e(n) : n, n.children ? t = t.concat(kt(n.children, e)) : t.push(n);
+  }), t;
 }
-function xo(a, t) {
-  const e = ke(), n = Oe([]), s = Oe([]), l = y(() => kt(n.value, a.menuAdapter)), i = y(() => mn(l.value, "id")), u = $(null), r = (k) => {
+function xo(a, e) {
+  const t = ke(), n = Oe([]), s = Oe([]), l = y(() => kt(n.value, a.menuAdapter)), i = y(() => mn(l.value, "id")), c = $(null), r = (k) => {
     const _ = typeof k == "object" ? k.id : k, E = i.value.get(_);
     if (!E) {
       console.warn("找不到菜单", k);
@@ -2429,11 +2447,11 @@ function xo(a, t) {
     }
     const { type: B = "route", url: g, title: I, icon: C } = E;
     if (!g) {
-      u.value = E, t("select", E);
+      c.value = E, e("select", E);
       return;
     }
     if (B === "route") {
-      gn(g) || g.startsWith("//") ? window.open(g) : (u.value = E, e.push(g).catch((F) => F));
+      gn(g) || g.startsWith("//") ? window.open(g) : (c.value = E, t.push(g).catch((F) => F));
       return;
     }
     if (B === "window") {
@@ -2451,26 +2469,26 @@ function xo(a, t) {
     });
   }, d = async () => {
     n.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], s.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
-  }, f = (k) => {
+  }, m = (k) => {
     s.value = [k, ...s.value], a.addFavorite && a.addFavorite(k);
   }, h = (k) => {
     s.value = s.value.filter((_) => _.id !== k.id), a.removeFavorite && a.removeFavorite(k);
   }, x = (k) => !!s.value.find((_) => _ === k || _.id === k.id), V = (k) => {
-    x(k) ? h(k) : f(k);
+    x(k) ? h(k) : m(k);
   };
   return Ge(d), {
     menus: n,
     favorites: s,
     flatMenus: l,
-    active: u,
+    active: c,
     select: r,
     toggleFavorite: V
   };
 }
-function zo(a, t, e, n, s) {
-  const l = Ve(), i = ke(), u = {}, r = $([]), d = $(), { width: f } = rt(d), h = y(() => Math.floor(f.value / bo)), x = y(
+function zo(a, e, t, n, s) {
+  const l = Ve(), i = ke(), c = {}, r = $([]), d = $(), { width: m } = rt(d), h = y(() => Math.floor(m.value / bo)), x = y(
     () => r.value.slice(0, h.value).filter((w) => !w.dialog)
-  ), V = y(() => r.value.slice(h.value)), k = (w) => e.value.find((S) => S.url === w), _ = (w) => l.fullPath === w.url, E = (w) => s.value.id === w ? s.value : r.value.find((S) => S.id === w), B = $(""), g = y(() => E(B.value)), I = (w) => {
+  ), V = y(() => r.value.slice(h.value)), k = (w) => t.value.find((S) => S.url === w), _ = (w) => l.fullPath === w.url, E = (w) => s.value.id === w ? s.value : r.value.find((S) => S.id === w), B = $(""), g = y(() => E(B.value)), I = (w) => {
     i.push(w.url).catch((S) => S);
   }, C = (w) => {
     B.value = w.id, l.fullPath !== w.url && I(w);
@@ -2480,7 +2498,7 @@ function zo(a, t, e, n, s) {
     const S = r.value.find((T) => T.url === w.url || T.id === w.id);
     S ? C(S) : (r.value.unshift(w), C(w));
   }, ee = async (w) => {
-    const { url: S = l.fullPath, icon: T, title: ze = "新建标签页" } = w || {}, de = u[S], Se = dt(), Ce = pt(S);
+    const { url: S = l.fullPath, icon: T, title: ze = "新建标签页" } = w || {}, fe = c[S], Se = dt(), Ce = pt(S);
     return {
       id: Se,
       name: Ce,
@@ -2489,7 +2507,7 @@ function zo(a, t, e, n, s) {
       title: ze,
       closable: !0,
       menu: w,
-      ...de ? await de() : {}
+      ...fe ? await fe() : {}
     };
   }, te = async (w) => {
     if (await Te.confirm("是否关闭页签", "提示", {
@@ -2514,7 +2532,7 @@ function zo(a, t, e, n, s) {
       return;
     const S = r.value;
     return r.value = [], C(s.value), S;
-  }, ae = async () => {
+  }, se = async () => {
     if (!await Te.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch((T) => !1))
@@ -2535,7 +2553,7 @@ function zo(a, t, e, n, s) {
     }
     await le(), n.value = S || null;
   };
-  return ne(e, re), ne(l, re, { immediate: !0 }), De(_t, u), {
+  return oe(t, re), oe(l, re, { immediate: !0 }), De(_t, c), {
     tabRef: d,
     tabs: r,
     showTabs: x,
@@ -2551,20 +2569,20 @@ function zo(a, t, e, n, s) {
     activeTab: C,
     dropdownTabs: V,
     removeAllTabs: H,
-    removeOtherTabs: ae,
+    removeOtherTabs: se,
     moveToShow: xe
   };
 }
 function So(a) {
-  const t = /* @__PURE__ */ new Map(), e = $([]), n = Ye({}), s = {}, { updateTab: l, isCurrentTab: i, activeHome: u, tabs: r } = a, d = (g, I) => {
+  const e = /* @__PURE__ */ new Map(), t = $([]), n = Ye({}), s = {}, { updateTab: l, isCurrentTab: i, activeHome: c, tabs: r } = a, d = (g, I) => {
     const C = I.fullPath;
-    if (t.has(C))
-      return t.get(C);
+    if (e.has(C))
+      return e.get(C);
     {
       const F = pt(C), X = {
         name: F,
         setup() {
-          const ee = y(() => n[C] || document.body), te = y(() => !n[C]), j = y(() => !e.value.includes(F));
+          const ee = y(() => n[C] || document.body), te = y(() => !n[C]), j = y(() => !t.value.includes(F));
           return De(
             sn,
             Bt({ ...I })
@@ -2578,24 +2596,24 @@ function So(a) {
           ) : null;
         }
       };
-      return t.set(C, X), X;
+      return e.set(C, X), X;
     }
-  }, f = (g) => {
+  }, m = (g) => {
     g.dialog = void 0, delete n[g.url];
     const I = s[g.id];
     I && (I.destroy(), delete s[g.id], l(g));
   }, h = (g = []) => {
     g.forEach((I) => {
-      f(I);
+      m(I);
     });
   }, x = async (g) => {
     g.dialog = {
       ...g.dialog,
       onMinimized: () => {
-        f(g);
+        m(g);
       },
       onClose: async () => {
-        f(g), r.value = r.value.filter((C) => C.id !== g.id);
+        m(g), r.value = r.value.filter((C) => C.id !== g.id);
       }
     }, l(g);
     const I = $e({
@@ -2609,11 +2627,11 @@ function So(a) {
         n[g.url] = C.refs.panelRef?.bodyRef?.$el;
       }
     });
-    return await le(), i(g) && u(), s[g.id] = I, I;
+    return await le(), i(g) && c(), s[g.id] = I, I;
   }, V = async (g) => {
-    e.value = [g.name], await le(), e.value = [];
+    t.value = [g.name], await le(), t.value = [];
   }, k = async (g) => {
-    e.value = g.map((I) => I.name), await le(), e.value = [];
+    t.value = g.map((I) => I.name), await le(), t.value = [];
   }, _ = (g) => (g.preventDefault(), !1), E = (g) => {
     if (g.dataTransfer) {
       const I = g.dataTransfer.getData("tab"), C = r.value.find((F) => F.id === I);
@@ -2626,14 +2644,14 @@ function So(a) {
       }
     }
   }, B = (g) => !!n[g];
-  return ye(document, "dragover", _), ye(document, "drop", E), {
+  return be(document, "dragover", _), be(document, "drop", E), {
     createView: d,
     openDialog: x,
     refresh: V,
-    exclude: e,
+    exclude: t,
     cleanCache: k,
     hasDialog: B,
-    closeDialog: f,
+    closeDialog: m,
     closeDialogs: h
   };
 }
@@ -2642,8 +2660,8 @@ const Co = /* @__PURE__ */ D({
   __name: "Mask",
   props: _o,
   emits: ["select", "actionClick", "actionCommand"],
-  setup(a, { emit: t }) {
-    const e = a, n = ko(e), { collapsed: s, keyword: l, favorite: i } = wo(), { menus: u, favorites: r, flatMenus: d, active: f, select: h, toggleFavorite: x } = xo(e, t), {
+  setup(a, { emit: e }) {
+    const t = a, n = ko(t), { collapsed: s, keyword: l, favorite: i } = wo(), { menus: c, favorites: r, flatMenus: d, active: m, select: h, toggleFavorite: x } = xo(t, e), {
       tabRef: V,
       showTabs: k,
       currentTab: _,
@@ -2657,7 +2675,7 @@ const Co = /* @__PURE__ */ D({
       removeOtherTabs: ee,
       dropdownTabs: te,
       moveToShow: j
-    } = zo(e, t, d, f, n), { createView: H, openDialog: ae, refresh: xe, exclude: re, cleanCache: w, closeDialogs: S } = So({
+    } = zo(t, e, d, m, n), { createView: H, openDialog: se, refresh: xe, exclude: re, cleanCache: w, closeDialogs: S } = So({
       tabs: g,
       updateTab: I,
       isCurrentTab: C,
@@ -2667,24 +2685,24 @@ const Co = /* @__PURE__ */ D({
     }, ze = async () => {
       const P = await X();
       P && (S(P), await w(P));
-    }, de = async () => {
+    }, fe = async () => {
       const P = await ee();
       P && (S(P), await w(P));
     }, Se = (P) => {
-      t("actionClick", P);
+      e("actionClick", P);
     }, Ce = (P, Z) => {
-      t("actionCommand", P, Z);
+      e("actionCommand", P, Z);
     };
     return De(wt, {
       tabs: g,
       flatMenus: d,
       favorites: r,
       updateTab: I,
-      active: f,
+      active: m,
       currentTab: _
-    }), (P, Z) => (c(), m(o(M), { class: "x-mask" }, {
+    }), (P, Z) => (u(), f(o(M), { class: "x-mask" }, {
       default: p(() => [
-        e.disabled ? (c(), m(Ze, {
+        t.disabled ? (u(), f(Ze, {
           key: 1,
           createView: o(H),
           exclude: o(re)
@@ -2693,12 +2711,12 @@ const Co = /* @__PURE__ */ D({
             P.$slots.default ? z(P.$slots, "default", { key: 0 }) : v("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (c(), A(q, { key: 0 }, [
+        }, 8, ["createView", "exclude"])) : (u(), A(q, { key: 0 }, [
           b(oo, { collapsed: o(s) }, {
             brand: p(() => [
               b(io, {
-                logo: e.logo,
-                title: e.title,
+                logo: t.logo,
+                title: t.title,
                 url: o(n).url,
                 collapsed: o(s)
               }, null, 8, ["logo", "title", "url", "collapsed"])
@@ -2706,11 +2724,11 @@ const Co = /* @__PURE__ */ D({
             default: p(() => [
               b(ao, {
                 collasped: o(s),
-                "onUpdate:collasped": Z[0] || (Z[0] = (ce) => ge(s) ? s.value = ce : null),
+                "onUpdate:collasped": Z[0] || (Z[0] = (ce) => ve(s) ? s.value = ce : null),
                 favorite: o(i),
-                "onUpdate:favorite": Z[1] || (Z[1] = (ce) => ge(i) ? i.value = ce : null),
+                "onUpdate:favorite": Z[1] || (Z[1] = (ce) => ve(i) ? i.value = ce : null),
                 keyword: o(l),
-                "onUpdate:keyword": Z[2] || (Z[2] = (ce) => ge(l) ? l.value = ce : null)
+                "onUpdate:keyword": Z[2] || (Z[2] = (ce) => ve(l) ? l.value = ce : null)
               }, null, 8, ["collasped", "favorite", "keyword"]),
               b(ro, {
                 collapse: o(s),
@@ -2718,8 +2736,8 @@ const Co = /* @__PURE__ */ D({
                 favorite: o(i),
                 favorites: o(r),
                 flatMenus: o(d),
-                menus: o(u),
-                active: o(f),
+                menus: o(c),
+                active: o(m),
                 onSelect: o(h)
               }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
             ]),
@@ -2728,6 +2746,7 @@ const Co = /* @__PURE__ */ D({
           b(o(M), {
             class: "x-mask__main",
             grow: "",
+            shrink: "",
             flex: "",
             direction: "column"
           }, {
@@ -2748,14 +2767,14 @@ const Co = /* @__PURE__ */ D({
                     onClick: o(E),
                     onToggleFavorite: o(x),
                     onRemove: T,
-                    onDialog: o(ae),
+                    onDialog: o(se),
                     onRefresh: o(xe)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
                   b(vo, {
                     tabs: o(te),
-                    actions: e.actions,
-                    theme: e.theme,
-                    onCloseOtherTabs: de,
+                    actions: t.actions,
+                    theme: t.theme,
+                    onCloseOtherTabs: fe,
                     onCloseAllTabs: ze,
                     onCloseTab: T,
                     onClickTab: o(j),
@@ -2764,7 +2783,7 @@ const Co = /* @__PURE__ */ D({
                   }, {
                     default: p(() => [
                       b(yo, {
-                        avatar: e.avatar
+                        avatar: t.avatar
                       }, et({ _: 2 }, [
                         P.$slots.user ? {
                           name: "default",
@@ -2799,19 +2818,19 @@ const Co = /* @__PURE__ */ D({
   }
 });
 function Oo(a = {}) {
-  const t = Ve(), e = je(_t, null), n = je(wt, null);
-  if (e) {
+  const e = Ve(), t = je(_t, null), n = je(wt, null);
+  if (t) {
     const l = typeof a == "function" ? a : async () => a;
-    e[t.fullPath] = l;
+    t[e.fullPath] = l;
   }
   return {
-    tab: y(() => n ? n.tabs.value.find((l) => l.url === t.fullPath) : null),
+    tab: y(() => n ? n.tabs.value.find((l) => l.url === e.fullPath) : null),
     mask: n
   };
 }
 const To = [
   xn,
-  oe,
+  ae,
   G,
   Vn,
   W,
@@ -2821,7 +2840,7 @@ const To = [
   vt,
   bt,
   Co
-], jo = "0.6.2", Mo = hn(To), No = Mo.install;
+], jo = "0.6.4", Mo = hn(To), No = Mo.install;
 export {
   We as Draggable,
   He as INSTALLED_KEY,
@@ -2835,7 +2854,7 @@ export {
   M as XContainer,
   bt as XDialog,
   ht as XHeader,
-  oe as XIcon,
+  ae as XIcon,
   Co as XMask,
   G as XMenu,
   vt as XPanel,
@@ -2858,10 +2877,10 @@ export {
   _o as maskProps,
   Ro as omit,
   Wn as panelProps,
-  pe as parseSize,
+  me as parseSize,
   $o as pick,
   Pe as useDisabled,
-  be as useIcon,
+  _e as useIcon,
   Fn as useIconProps,
   Qn as vDraggable,
   yt as vResizable,