@vtj/ui 0.6.12 → 0.6.13

package/lib/index.js

@@ -1,14 +1,14 @@
-import { defineComponent as E, openBlock as c, createElementBlock as A, renderSlot as z, createElementVNode as F, unref as n, toDisplayString as j, createVNode as k, withCtx as p, createTextVNode as N, createBlock as m, createCommentVNode as h, useAttrs as st, getCurrentInstance as ue, computed as v, markRaw as he, normalizeClass as W, resolveDynamicComponent as L, mergeProps as X, Fragment as Z, renderList as le, isVNode as $t, h as q, toRef as xe, useSlots as Vt, normalizeStyle as Se, ref as O, normalizeProps as Te, guardReactiveProps as Ee, effectScope as lt, watch as H, reactive as Ne, onMounted as Dt, onUnmounted as Pt, watchEffect as it, nextTick as re, Teleport as rt, withDirectives as Q, createSlots as ge, render as Ze, vShow as Y, isRef as we, withModifiers as Rt, KeepAlive as Ft, shallowRef as Je, provide as ye, toRaw as Pe, inject as fe } from "vue";
-import { ElDivider as me, ElButton as se, ElIcon as Ot, ElSubMenu as jt, ElBadge as Re, ElMenuItem as Nt, ElMenu as Xt, ElContainer as Ge, ElHeader as Ut, ElAside as Ht, ElMain as Wt, ElFooter as Lt, ElDropdown as Kt, ElDropdownMenu as Qt, ElDropdownItem as Zt, ElTooltip as ct, ElSwitch as Xe, ElInput as Fe, ElEmpty as Jt, ElTabs as Gt, ElTabPane as Ye, ElPopover as ut, ElAvatar as Yt, ElMessageBox as Ve, ElSelect as qt, ElOption as eo, ElCheckboxButton as to, ElCheckbox as oo, ElCheckboxGroup as no, ElRadioButton as ao, ElRadio as so, ElRadioGroup as lo, ElInputNumber as io, ElDatePicker as qe, ElTimePicker as ro, ElRate as co, ElSlider as uo, ElCascader as po, formContextKey as fo, ElFormItem as mo, ElForm as go } from "element-plus";
-import { VideoPlay as yo, Document as ae, Menu as dt, ArrowRight as ho, StarFilled as pt, Search as Oe, Close as ft, Expand as vo, Fold as bo, Star as mt, Refresh as _o, CopyDocument as ko, Moon as wo, Sunny as xo, MoreFilled as So, UserFilled as zo, HomeFilled as Co, WarningFilled as To } from "@element-plus/icons-vue";
-import { useRouter as Me, useRoute as Ue, RouterView as gt, routeLocationKey as Eo } from "vue-router";
+import { defineComponent as E, openBlock as c, createElementBlock as A, renderSlot as z, createElementVNode as O, unref as n, toDisplayString as j, createVNode as k, withCtx as p, createTextVNode as N, createBlock as m, createCommentVNode as v, useAttrs as st, getCurrentInstance as de, computed as h, markRaw as ve, normalizeClass as W, resolveDynamicComponent as L, mergeProps as X, Fragment as Q, renderList as ie, isVNode as $t, h as q, toRef as ze, useSlots as Vt, normalizeStyle as Ce, ref as P, normalizeProps as Me, guardReactiveProps as Be, effectScope as lt, watch as H, reactive as Ne, onMounted as Dt, onUnmounted as Pt, watchEffect as it, nextTick as ce, Teleport as rt, withDirectives as K, createSlots as ye, render as Ze, vShow as Y, isRef as xe, withModifiers as Rt, KeepAlive as Ft, shallowRef as Je, provide as he, toRaw as Se, inject as me } from "vue";
+import { ElDivider as ge, ElButton as le, ElIcon as Ot, ElSubMenu as jt, ElBadge as Re, ElMenuItem as Nt, ElMenu as Xt, ElContainer as Ge, ElHeader as Ut, ElAside as Ht, ElMain as Wt, ElFooter as Lt, ElDropdown as Kt, ElDropdownMenu as Qt, ElDropdownItem as Zt, ElTooltip as ct, ElSwitch as Xe, ElInput as Fe, ElEmpty as Jt, ElTabs as Gt, ElTabPane as Ye, ElPopover as ut, ElAvatar as Yt, ElMessageBox as De, ElSelect as qt, ElOption as eo, ElCheckboxButton as to, ElCheckbox as oo, ElCheckboxGroup as no, ElRadioButton as ao, ElRadio as so, ElRadioGroup as lo, ElInputNumber as io, ElDatePicker as qe, ElTimePicker as ro, ElRate as co, ElSlider as uo, ElCascader as po, formContextKey as fo, ElFormItem as mo, ElForm as go } from "element-plus";
+import { VideoPlay as yo, Document as se, Menu as dt, ArrowRight as ho, StarFilled as pt, Search as Oe, Close as ft, Expand as vo, Fold as bo, Star as mt, Refresh as _o, CopyDocument as ko, Moon as wo, Sunny as xo, MoreFilled as So, UserFilled as zo, HomeFilled as Co, WarningFilled as To } from "@element-plus/icons-vue";
+import { useRouter as Ie, useRoute as Ue, RouterView as gt, routeLocationKey as Eo } from "vue-router";
 import { Minimize as Mo, Popup as Bo, Maximize as Io, RawClose as Ao } from "@vtj/icons";
-import { useDraggable as $o, useMouseInElement as Vo, useEventListener as ze, useElementSize as yt, useDark as Do } from "@vueuse/core";
+import { useDraggable as $o, useMouseInElement as Vo, useEventListener as Te, useElementSize as yt, useDark as Do } from "@vueuse/core";
 import { isEqual as He, isObject as We, uid as ht, arrayToMap as Po, isUrl as Ro, upperFirstCamelCase as vt, toArray as Fo, merge as Oo } from "@vtj/utils";
 function je(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
-function be(a = 0, t) {
+function _e(a = 0, t) {
   if (typeof a == "number")
     return a;
   if (/(%|vh|vw)$/i.test(a)) {
@@ -36,12 +36,12 @@ const ga = () => {
       o.name && e.component(o.name, o);
     }));
   }
-}), bt = "data:image/png;base64,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", No = { class: "x-startup" }, Xo = { class: "brand" }, Uo = ["src"], Ho = /* @__PURE__ */ F("h3", null, [
+}), bt = "data:image/png;base64,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", No = { class: "x-startup" }, Xo = { class: "brand" }, Uo = ["src"], Ho = /* @__PURE__ */ O("h3", null, [
   /* @__PURE__ */ N("基于 "),
-  /* @__PURE__ */ F("span", null, "Vue3 + TypeScript"),
+  /* @__PURE__ */ O("span", null, "Vue3 + TypeScript"),
   /* @__PURE__ */ N(" 的低代码设计器引擎")
-], -1), Wo = { class: "btn" }, Lo = /* @__PURE__ */ F("div", { class: "ba" }, [
-  /* @__PURE__ */ F("a", { href: "http://beian.miit.gov.cn/" }, "粤ICP备2023104074号")
+], -1), Wo = { class: "btn" }, Lo = /* @__PURE__ */ O("div", { class: "ba" }, [
+  /* @__PURE__ */ O("a", { href: "http://beian.miit.gov.cn/" }, "粤ICP备2023104074号")
 ], -1), Ko = /* @__PURE__ */ E({
   name: "XStartup",
   __name: "Startup",
@@ -58,15 +58,15 @@ const ga = () => {
     };
     return (s, i) => (c(), A("div", No, [
       z(s.$slots, "default", {}, () => [
-        F("div", null, [
-          F("div", Xo, [
-            F("img", { src: n(bt) }, null, 8, Uo),
-            F("h1", null, j(t.text), 1)
+        O("div", null, [
+          O("div", Xo, [
+            O("img", { src: n(bt) }, null, 8, Uo),
+            O("h1", null, j(t.text), 1)
           ]),
-          k(n(me)),
+          k(n(ge)),
           Ho,
-          F("div", Wo, [
-            k(n(se), {
+          O("div", Wo, [
+            k(n(le), {
               onClick: e,
               type: "primary",
               round: "",
@@ -78,19 +78,19 @@ const ga = () => {
               ]),
               _: 1
             }, 8, ["icon"]),
-            t.example ? (c(), m(n(se), {
+            t.example ? (c(), m(n(le), {
               key: 0,
               onClick: o,
               type: "default",
               round: "",
               size: "large",
-              icon: n(ae)
+              icon: n(se)
             }, {
               default: p(() => [
                 N(" 加载示例项目 ")
               ]),
               _: 1
-            }, 8, ["icon"])) : h("", !0)
+            }, 8, ["icon"])) : v("", !0)
           ])
         ])
       ]),
@@ -121,17 +121,17 @@ const Qo = {
   __name: "Icon",
   props: Zo,
   setup(a) {
-    const t = a, e = st(), o = ue(), s = v(() => {
+    const t = a, e = st(), o = de(), s = h(() => {
       if (!t.icon)
         return null;
       const u = o?.appContext.app;
-      return typeof t.icon == "object" ? he(t.icon) : u?.component(t.icon) || t.icon;
-    }), i = v(() => {
+      return typeof t.icon == "object" ? ve(t.icon) : u?.component(t.icon) || t.icon;
+    }), i = h(() => {
       const u = {
         "is-pointer": !!e.onClick
       };
       return !s.value && t.icon && (u[t.icon] = !0), u;
-    }), l = v(() => typeof t.size == "number" ? t.size : Qo[t.size] ?? void 0);
+    }), l = h(() => typeof t.size == "number" ? t.size : Qo[t.size] ?? void 0);
     return (u, r) => (c(), m(n(Ot), {
       class: W(["x-icon", i.value]),
       color: t.color,
@@ -139,11 +139,11 @@ const Qo = {
     }, {
       default: p(() => [
         z(u.$slots, "default", {}, () => [
-          s.value ? (c(), m(L(s.value), { key: 0 })) : h("", !0),
+          s.value ? (c(), m(L(s.value), { key: 0 })) : v("", !0),
           t.src ? (c(), A("img", {
             key: 1,
             src: t.src
-          }, null, 8, Jo)) : h("", !0)
+          }, null, 8, Jo)) : v("", !0)
         ])
       ]),
       _: 3
@@ -152,10 +152,10 @@ const Qo = {
 }), Go = { class: "x-menu__wrapper" }, Yo = {
   key: 1,
   class: "x-menu__title"
-}, qo = /* @__PURE__ */ F("i", null, null, -1), en = {
+}, qo = /* @__PURE__ */ O("i", null, null, -1), en = {
   key: 0,
   class: "x-menu__title"
-}, tn = /* @__PURE__ */ F("i", null, null, -1), _t = /* @__PURE__ */ E({
+}, tn = /* @__PURE__ */ O("i", null, null, -1), _t = /* @__PURE__ */ E({
   inheritAttrs: !1,
   name: "XMenuItem",
   __name: "MenuItem",
@@ -165,7 +165,7 @@ const Qo = {
     defaultIcon: { type: [Object, Function] }
   },
   setup(a) {
-    const t = a, e = ue(), o = (l) => {
+    const t = a, e = de(), o = (l) => {
       if (l)
         return typeof l == "string" && (e?.appContext.app?.component(l) || t.defaultIcon) || l;
     }, s = (l) => typeof l == "object" ? l : { value: l }, i = (l = []) => l.filter((u) => !u.hidden);
@@ -176,12 +176,12 @@ const Qo = {
       index: String(t.item.id)
     }), {
       title: p(() => [
-        F("div", Go, [
+        O("div", Go, [
           t.item.icon ? (c(), m(n(te), {
             key: 0,
             icon: o(t.item.icon)
-          }, null, 8, ["icon"])) : h("", !0),
-          t.item.title ? (c(), A("span", Yo, j(t.item.title), 1)) : h("", !0),
+          }, null, 8, ["icon"])) : v("", !0),
+          t.item.title ? (c(), A("span", Yo, j(t.item.title), 1)) : v("", !0),
           t.item.badge ? (c(), m(n(Re), X({
             key: 2,
             class: "x-menu__badge"
@@ -190,11 +190,11 @@ const Qo = {
               qo
             ]),
             _: 1
-          }, 16)) : h("", !0)
+          }, 16)) : v("", !0)
         ])
       ]),
       default: p(() => [
-        (c(!0), A(Z, null, le(i(t.item.children), (r) => (c(), m(n(_t), {
+        (c(!0), A(Q, null, ie(i(t.item.children), (r) => (c(), m(n(_t), {
           key: r.id,
           item: r,
           subMenu: t.subMenu,
@@ -208,7 +208,7 @@ const Qo = {
       disabled: t.item.disabled
     }, {
       title: p(() => [
-        t.item.title ? (c(), A("span", en, j(t.item.title), 1)) : h("", !0),
+        t.item.title ? (c(), A("span", en, j(t.item.title), 1)) : v("", !0),
         t.item.badge ? (c(), m(n(Re), X({
           key: 1,
           class: "x-menu__badge"
@@ -217,13 +217,13 @@ const Qo = {
             tn
           ]),
           _: 1
-        }, 16)) : h("", !0)
+        }, 16)) : v("", !0)
       ]),
       default: p(() => [
         t.item.icon ? (c(), m(n(te), {
           key: 0,
           icon: o(t.item.icon)
-        }, null, 8, ["icon"])) : h("", !0)
+        }, null, 8, ["icon"])) : v("", !0)
       ]),
       _: 1
     }, 8, ["index", "disabled"]));
@@ -239,13 +239,13 @@ const Qo = {
   },
   emits: ["select"],
   setup(a, { emit: t }) {
-    const e = a, o = v(() => e.data.filter((l) => !l.hidden)), s = (l, u) => {
+    const e = a, o = h(() => e.data.filter((l) => !l.hidden)), s = (l, u) => {
       const r = (d, f = []) => {
-        for (const y of f) {
-          if (y.id.toString() === d.toString())
-            return y;
-          if (y.children?.length) {
-            const S = r(d, y.children);
+        for (const g of f) {
+          if (g.id.toString() === d.toString())
+            return g;
+          if (g.children?.length) {
+            const S = r(d, g.children);
             if (S)
               return S;
           }
@@ -258,7 +258,7 @@ const Qo = {
     };
     return (l, u) => (c(), m(n(Xt), X({ class: "x-menu" }, l.$attrs, { onSelect: i }), {
       default: p(() => [
-        (c(!0), A(Z, null, le(o.value, (r) => (c(), m(n(_t), {
+        (c(!0), A(Q, null, ie(o.value, (r) => (c(), m(n(_t), {
           item: { ...r, icon: r.icon || n(dt) },
           defaultIcon: e.defaultIcon,
           subMenu: e.subMenu
@@ -279,14 +279,14 @@ const Qo = {
     menu: {}
   },
   setup(a, { expose: t }) {
-    const e = a, o = Me(), s = Ue(), i = v(() => s.params.id), l = () => {
+    const e = a, o = Ie(), s = Ue(), i = h(() => s.params.id), l = () => {
       const r = e.project.home;
       r && o.push(r);
     }, u = (r) => {
       const d = r?.id;
       if (d) {
-        const y = `${e.preview ? "/preview" : e.project.page}/${d}`;
-        o.push(y);
+        const g = `${e.preview ? "/preview" : e.project.page}/${d}`;
+        o.push(g);
       }
     };
     return t({
@@ -295,8 +295,8 @@ const Qo = {
       default: p(() => [
         k(n(Ut), { class: "x-simple-mask__header" }, {
           default: p(() => [
-            F("div", on, [
-              F("span", {
+            O("div", on, [
+              O("span", {
                 class: "x-simple-mask__logo",
                 onClick: l
               }, [
@@ -305,7 +305,7 @@ const Qo = {
                 ])
               ])
             ]),
-            F("div", nn, [
+            O("div", nn, [
               z(r.$slots, "action")
             ])
           ]),
@@ -342,7 +342,7 @@ const Qo = {
             z(r.$slots, "footer")
           ]),
           _: 3
-        })) : h("", !0)
+        })) : v("", !0)
       ]),
       _: 3
     }));
@@ -444,21 +444,21 @@ const Qo = {
   }
 };
 function sn(a) {
-  return v(() => {
+  return h(() => {
     const t = a.tooltip;
     if (t)
       return typeof t == "string" ? { content: t } : t;
   });
 }
 function ln(a) {
-  return v(() => {
+  return h(() => {
     const t = a.badge;
     if (t)
       return typeof t == "object" ? t : { value: t };
   });
 }
 function rn(a) {
-  return v(() => {
+  return h(() => {
     const { dropdown: t, menus: e } = a;
     if (e && e.length > 0)
       return Object.assign(
@@ -468,8 +468,8 @@ function rn(a) {
   });
 }
 function cn(a) {
-  const t = ue();
-  return v(() => {
+  const t = de();
+  return h(() => {
     const e = n(a);
     if (e)
       if (typeof e == "string" || e.setup || e.render || $t(e)) {
@@ -482,12 +482,12 @@ function cn(a) {
     return null;
   });
 }
-function Ce(a) {
+function Ee(a) {
   const t = cn(a);
-  return t.value ? he(E({ render: () => q(te, t.value) })) : null;
+  return t.value ? ve(E({ render: () => q(te, t.value) })) : null;
 }
 function Le(a, t) {
-  return v(() => {
+  return h(() => {
     const e = n(a);
     return typeof e == "function" ? e(t) : !!e;
   });
@@ -497,7 +497,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   props: kt,
   emits: ["click"],
   setup(a, { emit: t }) {
-    const e = a, o = Ce(xe(e, "icon")), s = Le(xe(e, "disabled")), i = v(() => ({
+    const e = a, o = Ee(ze(e, "icon")), s = Le(ze(e, "disabled")), i = h(() => ({
       [`is-${e.mode}`]: !!e.mode,
       [`is-${e.type}`]: !!e.type,
       [`is-${e.size}`]: !!e.size && e.size !== "default",
@@ -507,7 +507,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
     })), l = () => {
       t("click");
     };
-    return (u, r) => e.mode === "button" ? (c(), m(n(se), X({
+    return (u, r) => e.mode === "button" ? (c(), m(n(le), X({
       key: 0,
       icon: n(o),
       type: e.type,
@@ -524,7 +524,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
       onClick: l
     }, [
       (c(), m(L(n(o)))),
-      u.label ? (c(), A("span", un, j(u.label), 1)) : h("", !0)
+      u.label ? (c(), A("span", un, j(u.label), 1)) : v("", !0)
     ], 2));
   }
 }), J = /* @__PURE__ */ E({
@@ -533,14 +533,14 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   props: kt,
   emits: ["click", "command"],
   setup(a, { emit: t }) {
-    const e = a, o = Vt(), s = sn(e), i = ln(e), l = rn(e), u = Le(xe(e, "disabled")), r = v(() => ({
+    const e = a, o = Vt(), s = sn(e), i = ln(e), l = rn(e), u = Le(ze(e, "disabled")), r = h(() => ({
       [`x-action--${e.mode}`]: !!e.mode
     })), d = () => {
       t("click", e);
     }, f = (_) => {
       const T = e.menus?.find((V) => V.command === _);
       T && t("command", T);
-    }, y = (_) => q(Re, i.value, () => [].concat(_)), S = (_) => q(
+    }, g = (_) => q(Re, i.value, () => [].concat(_)), S = (_) => q(
       Kt,
       { ...l.value, disabled: u.value, onCommand: f },
       {
@@ -558,9 +558,9 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
       }
     ), $ = (_) => q(ct, { ...s.value, disabled: u.value }, () => [
       _
-    ]), w = v(() => {
-      let _ = o.default ? o.default()[0] : q(he(dn), { ...e, onClick: d });
-      return i.value && (_ = y(_)), l.value && (_ = S(_)), s.value && (_ = $(_)), _;
+    ]), w = h(() => {
+      let _ = o.default ? o.default()[0] : q(ve(dn), { ...e, onClick: d });
+      return i.value && (_ = g(_)), l.value && (_ = S(_)), s.value && (_ = $(_)), _;
     });
     return (_, T) => (c(), A("div", {
       class: W(["x-action", r.value])
@@ -645,7 +645,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   props: pn,
   emits: ["click", "command"],
   setup(a, { emit: t }) {
-    const e = a, o = v(() => (e.items || []).map((l) => l === "|" ? l : {
+    const e = a, o = h(() => (e.items || []).map((l) => l === "|" ? l : {
       ...l,
       badge: l.badge ? {
         ...e.badge,
@@ -665,8 +665,8 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
       align: "center"
     }, {
       default: p(() => [
-        (c(!0), A(Z, null, le(o.value, (r) => (c(), A(Z, null, [
-          r === "|" ? (c(), m(n(me), {
+        (c(!0), A(Q, null, ie(o.value, (r) => (c(), A(Q, null, [
+          r === "|" ? (c(), m(n(ge), {
             key: 0,
             direction: "vertical",
             class: "x-action-bar__divider"
@@ -803,13 +803,13 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   __name: "Container",
   props: fn,
   setup(a) {
-    const t = a, e = ue(), o = v(() => {
+    const t = a, e = de(), o = h(() => {
       const l = e?.parent;
       if (!l)
         return !1;
       const u = l.proxy;
       return u.$options.name === "XContainer" || !!u.flex;
-    }), s = v(() => ({
+    }), s = h(() => ({
       "is-fit": t.fit,
       "is-flex": t.flex && !t.inline,
       "is-inline-flex": t.flex && t.inline,
@@ -823,7 +823,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
       [`is-align-self-${t.alignSelf}`]: o.value && t.alignSelf !== "auto",
       [`is-overflow-${t.overflow}`]: !!t.overflow,
       "is-padding": !!t.padding
-    })), i = v(() => {
+    })), i = h(() => {
       const { width: l, height: u, fit: r } = t;
       return r ? null : {
         width: l ? je(l) : void 0,
@@ -832,7 +832,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
     });
     return (l, u) => (c(), m(L(t.tag), {
       class: W(["x-container", s.value]),
-      style: Se(i.value)
+      style: Ce(i.value)
     }, {
       default: p(() => [
         z(l.$slots, "default")
@@ -873,7 +873,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   __name: "Header",
   props: mn,
   setup(a) {
-    const t = a, e = st(), o = Ce(xe(t, "icon")), s = v(() => ({
+    const t = a, e = st(), o = Ee(ze(t, "icon")), s = h(() => ({
       [`is-size-${t.size}`]: !!t.size && t.size !== "default",
       "is-border": t.border,
       "is-pointer": !!e.onClick
@@ -893,8 +893,8 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
             n(o) ? (c(), m(L(n(o)), {
               key: 0,
               class: "x-header__icon"
-            })) : h("", !0),
-            F("span", X({ class: "x-header__content" }, i.$attrs), [
+            })) : v("", !0),
+            O("span", X({ class: "x-header__content" }, i.$attrs), [
               z(i.$slots, "default", {}, () => [
                 N(j(t.content), 1)
               ])
@@ -903,18 +903,18 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
               key: 1,
               class: "x-header__more",
               icon: n(ho)
-            }, null, 8, ["icon"])) : h("", !0),
+            }, null, 8, ["icon"])) : v("", !0),
             t.subtitle || i.$slots.subtitle ? (c(), A("span", gn, [
               z(i.$slots, "subtitle", {}, () => [
                 N(j(t.subtitle), 1)
               ])
-            ])) : h("", !0)
+            ])) : v("", !0)
           ]),
           _: 3
         }, 8, ["class"]),
         i.$slots.actions ? (c(), A("div", yn, [
           z(i.$slots, "actions")
-        ])) : h("", !0)
+        ])) : v("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -996,20 +996,20 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   __name: "Panel",
   props: hn,
   setup(a, { expose: t }) {
-    const e = a, o = O(), s = v(() => ({
+    const e = a, o = P(), s = h(() => ({
       "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"
-    })), i = v(() => e.header === null ? null : typeof e.header == "string" ? {
+    })), i = h(() => e.header === null ? null : typeof e.header == "string" ? {
       content: e.header,
       size: e.size
     } : {
       ...e.header,
       size: e.size
-    }), l = v(() => e.fit || e.height ? "auto" : void 0);
+    }), l = h(() => e.fit || e.height ? "auto" : void 0);
     return t({
       bodyRef: o
     }), (u, r) => (c(), m(n(I), {
@@ -1027,7 +1027,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
         }, {
           default: p(() => [
             z(u.$slots, "header", {}, () => [
-              k(n(wt), Te(Ee(i.value)), {
+              k(n(wt), Me(Be(i.value)), {
                 default: p(() => [
                   z(u.$slots, "title")
                 ]),
@@ -1039,7 +1039,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
             ])
           ]),
           _: 3
-        })) : h("", !0),
+        })) : v("", !0),
         k(n(I), X({
           ref_key: "bodyRef",
           ref: o,
@@ -1064,7 +1064,7 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
             z(u.$slots, "footer")
           ]),
           _: 3
-        }, 16)) : h("", !0)
+        }, 16)) : v("", !0)
       ]),
       _: 3
     }, 8, ["class", "fit", "width", "height"]));
@@ -1092,36 +1092,36 @@ class ot {
       return;
     let u = null;
     const r = this.getHandle(), d = this.getTarget();
-    let f = t.getBoundingClientRect(), y = null;
+    let f = t.getBoundingClientRect(), g = null;
     const { x: S, y: $ } = $o(t, {
       initialValue: { x: f.x, y: f.y },
       ...e,
       handle: r,
       onStart: (w, _) => {
         document.body.classList.add(tt), clearTimeout(u), u = setTimeout(() => {
-          this.dragging = !0, f = t.getBoundingClientRect(), y = d?.getBoundingClientRect(), i && i(w, _);
+          this.dragging = !0, f = t.getBoundingClientRect(), g = d?.getBoundingClientRect(), i && i(w, _);
         }, s);
       },
       onEnd: (w, _) => {
-        if (clearTimeout(u), document.body.classList.remove(tt), this.dragging && y) {
+        if (clearTimeout(u), document.body.classList.remove(tt), this.dragging && g) {
           this.dragging = !1;
-          const { x: T, y: V } = w, g = this.getPosition(y, f, T, V);
-          l && l(g, _), y = null;
+          const { x: T, y: V } = w, y = this.getPosition(g, f, T, V);
+          l && l(y, _), g = null;
         }
       }
     });
     H([S, $], () => {
-      if (this.dragging && y) {
-        const w = this.getPosition(y, f, S.value, $.value);
+      if (this.dragging && g) {
+        const w = this.getPosition(g, f, S.value, $.value);
         t.style.left = `${w.x}px`, t.style.top = `${w.y}px`;
       }
     });
   }
   getPosition(t, e, o, s) {
-    const { edge: i = 50 } = this.options, l = -e.width + i, u = t.width - i, r = 0, d = t.height - i, f = Math.min(u, Math.max(o, l)), y = Math.min(d, Math.max(s, r));
+    const { edge: i = 50 } = this.options, l = -e.width + i, u = t.width - i, r = 0, d = t.height - i, f = Math.min(u, Math.max(o, l)), g = Math.min(d, Math.max(s, r));
     return {
       x: f,
-      y
+      y: g
     };
   }
   destory() {
@@ -1142,7 +1142,7 @@ const vn = {
     const t = a.__draggable__;
     t && (t.destory(), a.__draggable__ = null);
   }
-}, De = "user-select-none";
+}, Pe = "user-select-none";
 class nt {
   constructor(t, e = {}) {
     this.el = t, this.options = e, this.scope = lt(), this.scope.run(() => {
@@ -1150,8 +1150,8 @@ class nt {
     });
   }
   scope;
-  resizing = O(!1);
-  direction = O("");
+  resizing = P(!1);
+  direction = P("");
   MIE = null;
   cleanMousedown;
   cleanMouseup;
@@ -1159,16 +1159,16 @@ class nt {
     const { el: t, options: e } = this, { disabled: o, onStart: s, onEnd: i } = e;
     if (o)
       return;
-    this.MIE = Vo(t), this.cleanMousedown = ze(document, "mousedown", () => {
+    this.MIE = Vo(t), this.cleanMousedown = Te(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 = ze(document, "mouseup", () => {
+    }), this.cleanMouseup = Te(document, "mouseup", () => {
       this.resizing.value && this.direction?.value && this.MIE && (t.classList.remove(
         "is-resizing",
         `is-${this.direction.value}-resizing`
       ), i && i(this.direction.value, this.MIE)), this.resizing.value = !1;
     }), H(this.direction, (r) => {
       const d = document.body;
-      d.style.cursor = r ? `${r}-resize` : "", r ? d.classList.add(De) : d.classList.remove(De);
+      d.style.cursor = r ? `${r}-resize` : "", r ? d.classList.add(Pe) : d.classList.remove(Pe);
     });
     const { x: l, y: u } = this.MIE;
     H([l, u], () => {
@@ -1179,33 +1179,33 @@ class nt {
     const { MIE: t, direction: e, resizing: o, options: s, el: i } = this, l = e?.value || "";
     if (!t || !o.value || !l)
       return;
-    const { x: u, y: r, elementX: d, elementY: f, elementHeight: y, elementWidth: S } = t, { onResizing: $ } = s, {
+    const { x: u, y: r, elementX: d, elementY: f, elementHeight: g, elementWidth: S } = t, { onResizing: $ } = s, {
       minWidth: w = 0,
       minHeight: _ = 0,
       maxWidth: T = 99999,
       maxHeight: V = 99999
     } = s;
     if (l.includes("e")) {
-      const g = Math.min(Math.max(d.value, w), T);
-      i.style.width = `${g}px`;
+      const y = Math.min(Math.max(d.value, w), T);
+      i.style.width = `${y}px`;
     }
     if (l.includes("s")) {
-      const g = Math.min(Math.max(f.value, _), V);
-      i.style.height = `${g}px`;
+      const y = Math.min(Math.max(f.value, _), V);
+      i.style.height = `${y}px`;
     }
     if (l.includes("w")) {
-      const g = Math.min(
+      const y = Math.min(
         Math.max(S.value - d.value, w),
         T
       );
-      i.style.width = `${g}px`, i.style.left = `${u.value}px`;
+      i.style.width = `${y}px`, i.style.left = `${u.value}px`;
     }
     if (l.includes("n")) {
-      const g = Math.min(
-        Math.max(y.value - f.value, _),
+      const y = Math.min(
+        Math.max(g.value - f.value, _),
         V
       );
-      this.el.style.height = `${g}px`, this.el.style.top = `${r.value}px`;
+      this.el.style.height = `${y}px`, this.el.style.top = `${r.value}px`;
     }
     $ && $(l, t);
   }
@@ -1221,7 +1221,7 @@ class nt {
   }
   destory() {
     const t = document.body;
-    t.style.cursor = "", t.classList.remove(De), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
+    t.style.cursor = "", t.classList.remove(Pe), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
   }
 }
 const St = {
@@ -1323,7 +1323,7 @@ const St = {
     type: Boolean
   }
 };
-let ce = 1e3;
+let ue = 1e3;
 function _n(a, t) {
   const { width: e, height: o } = yt(t), s = Ne({
     mode: a.mode || "normal",
@@ -1333,23 +1333,23 @@ function _n(a, t) {
     height: 0,
     top: 0,
     left: 0,
-    zIndex: ++ce,
+    zIndex: ++ue,
     dragging: !1,
     resizing: !1
   });
   return H([e, o], ([i, l]) => {
-    s.wrapperWidth = i, s.wrapperHeight = l, s.width = be(a.width, i), s.height = be(a.height, l), s.left = a.left ? be(a.left, i) - s.width / 2 : Math.max(Math.floor((i - s.width) / 2), 0), s.top = a.top ? be(a.top, l) : Math.max(Math.floor((l - s.height) / 2), 0);
+    s.wrapperWidth = i, s.wrapperHeight = l, s.width = _e(a.width, i), s.height = _e(a.height, l), s.left = a.left ? _e(a.left, i) - s.width / 2 : Math.max(Math.floor((i - s.width) / 2), 0), s.top = a.top ? _e(a.top, l) : Math.max(Math.floor((l - s.height) / 2), 0);
   }), H(s, (i) => {
-    ce = Math.max(i.zIndex, ce);
+    ue = Math.max(i.zIndex, ue);
   }), {
     state: s,
-    normal: v(() => s.mode === "normal"),
-    maximized: v(() => s.mode === "maximized"),
-    minimized: v(() => s.mode === "minimized")
+    normal: h(() => s.mode === "normal"),
+    maximized: h(() => s.mode === "maximized"),
+    minimized: h(() => s.mode === "minimized")
   };
 }
 function kn(a, t) {
-  const e = v(() => {
+  const e = h(() => {
     const { width: l, height: u, top: r, left: d, zIndex: f } = t;
     return {
       width: `${l}px`,
@@ -1358,16 +1358,16 @@ function kn(a, t) {
       left: `${d}px`,
       zIndex: f
     };
-  }), o = v(() => ({
+  }), o = h(() => ({
     [`is-${t.mode}`]: !!t.mode,
     "is-draggable": !!a.draggable,
     "is-resizable": !!a.resizable,
     "is-primary": !!a.primary
-  })), s = v(() => ({
+  })), s = h(() => ({
     [`is-${t.mode}`]: !!t.mode,
     "is-dragging": t.dragging,
     "is-resizing": t.resizing
-  })), i = v(() => ({
+  })), i = h(() => ({
     zIndex: t.zIndex
   }));
   return {
@@ -1389,7 +1389,7 @@ function wn(a, t, e) {
     show: () => o("normal"),
     hide: () => o("minimized"),
     active: () => {
-      t.zIndex = Math.max(t.zIndex, ++ce);
+      t.zIndex = Math.max(t.zIndex, ++ue);
     },
     submit: () => e("submit"),
     cancel: () => {
@@ -1398,7 +1398,7 @@ function wn(a, t, e) {
   };
 }
 function xn(a, t, e, o) {
-  return v(() => {
+  return h(() => {
     const s = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
     return {
       ...We(a.draggable) ? a.draggable : {},
@@ -1406,7 +1406,7 @@ function xn(a, t, e, o) {
       target: o,
       selector: ".x-panel__header",
       onStart(i) {
-        t.dragging = !0, t.zIndex = Math.max(t.zIndex, ++ce), e("dragStart", i);
+        t.dragging = !0, t.zIndex = Math.max(t.zIndex, ++ue), e("dragStart", i);
       },
       onMove(i) {
         e("dragging", i);
@@ -1421,7 +1421,7 @@ function xn(a, t, e, o) {
   });
 }
 function Sn(a, t, e) {
-  return v(() => {
+  return h(() => {
     const o = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
     return {
       minWidth: 200,
@@ -1430,7 +1430,7 @@ function Sn(a, t, e) {
       disabled: o,
       dirs: ["e", "s", "w"],
       onStart(s, i) {
-        t.resizing = !0, t.zIndex = Math.max(t.zIndex, ++ce), e("resizeStart", s, i);
+        t.resizing = !0, t.zIndex = Math.max(t.zIndex, ++ue), e("resizeStart", s, i);
       },
       onResizing(s, i) {
         e("resizing", s, i);
@@ -1461,29 +1461,32 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
   props: bn,
   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 o = a, s = ue(), i = O(), l = O(), { state: u, maximized: r, minimized: d, normal: f } = _n(o, i), { styles: y, classes: S, wrapperClass: $, modalStyle: w } = kn(o, u), { changeMode: _, active: T, close: V, show: g, hide: M, submit: b, cancel: D } = wn(
+    const o = a, s = de(), i = P(), l = P(), { state: u, maximized: r, minimized: d, normal: f } = _n(o, i), { styles: g, classes: S, wrapperClass: $, modalStyle: w } = kn(o, u), { changeMode: _, active: T, close: V, show: y, hide: M, submit: b, cancel: D } = wn(
       o,
       u,
       e
-    ), P = xn(o, u, e, i), oe = Sn(o, u, e), ne = zn(o, l);
-    return it(async () => {
-      o.modelValue && (await re(), s && e("open", s));
-    }), t({
+    ), R = xn(o, u, e, i), oe = Sn(o, u, e), ne = zn(o, l);
+    it(async () => {
+      o.modelValue && (await ce(), s && e("open", s));
+    });
+    const ae = h(() => l.value?.$el);
+    return t({
+      $vtjEl: ae,
       panelRef: l,
       state: u,
       maximized: r,
       minimized: d,
       changeMode: _,
-      show: g,
+      show: y,
       hide: M,
       submit: b,
       cancel: D,
       componentInstance: ne
-    }), (U, K) => o.modelValue ? (c(), m(rt, {
+    }), (U, Z) => o.modelValue ? (c(), m(rt, {
       key: 0,
       to: "body"
     }, [
-      F("div", {
+      O("div", {
         ref_key: "wrapper",
         ref: i,
         class: W(["x-dialog__wrapper", n($)])
@@ -1491,9 +1494,9 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
         o.modal ? (c(), A("div", {
           key: 0,
           class: "x-dialog__modal",
-          style: Se(n(w))
-        }, null, 4)) : h("", !0),
-        Q((c(), m(n(xt), {
+          style: Ce(n(w))
+        }, null, 4)) : v("", !0),
+        K((c(), m(n(xt), {
           ref_key: "panelRef",
           ref: l,
           class: W(["x-dialog", n(S)]),
@@ -1503,11 +1506,11 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
           width: "800px",
           height: "600px",
           footer: { justify: "space-between", flex: !0, align: "center" },
-          style: Se(n(y)),
+          style: Ce(n(g)),
           size: o.size,
           body: { padding: o.bodyPadding },
           onClick: n(T)
-        }, ge({
+        }, ye({
           title: p(() => [
             N(j(o.title), 1)
           ]),
@@ -1520,9 +1523,9 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
               mode: "icon",
               type: "primary",
               background: "hover",
-              onClick: K[0] || (K[0] = (ie) => n(_)("minimized"))
-            }, null, 8, ["icon", "size"])) : h("", !0),
-            o.maximizable ? (c(), A(Z, { key: 1 }, [
+              onClick: Z[0] || (Z[0] = (re) => n(_)("minimized"))
+            }, null, 8, ["icon", "size"])) : v("", !0),
+            o.maximizable ? (c(), A(Q, { key: 1 }, [
               n(f) ? (c(), m(n(J), {
                 key: 1,
                 icon: n(Io),
@@ -1530,7 +1533,7 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: K[2] || (K[2] = (ie) => n(_)("maximized"))
+                onClick: Z[2] || (Z[2] = (re) => n(_)("maximized"))
               }, null, 8, ["icon", "size"])) : (c(), m(n(J), {
                 key: 0,
                 icon: n(Bo),
@@ -1538,9 +1541,9 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: K[1] || (K[1] = (ie) => n(_)("normal"))
+                onClick: Z[1] || (Z[1] = (re) => n(_)("normal"))
               }, null, 8, ["icon", "size"]))
-            ], 64)) : h("", !0),
+            ], 64)) : v("", !0),
             o.closable ? (c(), m(n(J), {
               key: 2,
               icon: n(Ao),
@@ -1549,16 +1552,16 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
               type: "danger",
               background: "hover",
               onClick: n(V)
-            }, null, 8, ["icon", "size", "onClick"])) : h("", !0)
+            }, null, 8, ["icon", "size", "onClick"])) : v("", !0)
           ]),
           default: p(() => [
             z(U.$slots, "default", {}, () => [
-              o.content ? (c(), m(L(o.content), { key: 0 })) : h("", !0),
+              o.content ? (c(), m(L(o.content), { key: 0 })) : v("", !0),
               o.src ? (c(), A("iframe", {
                 key: 1,
                 src: o.src,
                 class: "x-dialog__frame"
-              }, null, 8, Cn)) : h("", !0)
+              }, null, 8, Cn)) : v("", !0)
             ])
           ]),
           _: 2
@@ -1576,7 +1579,7 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
                 k(n(I), null, {
                   default: p(() => [
                     z(U.$slots, "handle"),
-                    o.cancel ? (c(), m(n(se), {
+                    o.cancel ? (c(), m(n(le), {
                       key: 0,
                       type: "default",
                       size: o.size,
@@ -1586,8 +1589,8 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
                         N(j(typeof o.cancel == "string" ? o.cancel : "取消"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : h("", !0),
-                    o.submit ? (c(), m(n(se), {
+                    }, 8, ["size", "onClick"])) : v("", !0),
+                    o.submit ? (c(), m(n(le), {
                       key: 1,
                       type: "primary",
                       size: o.size,
@@ -1597,7 +1600,7 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
                         N(j(typeof o.submit == "string" ? o.cancel : "确定"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : h("", !0)
+                    }, 8, ["size", "onClick"])) : v("", !0)
                   ]),
                   _: 3
                 })
@@ -1606,11 +1609,11 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
             key: "0"
           } : void 0
         ]), 1032, ["header", "class", "style", "size", "body", "onClick"])), [
-          [n(vn), n(P)],
+          [n(vn), n(R)],
           [n(St), n(oe)]
         ])
       ], 2)
-    ])) : h("", !0);
+    ])) : v("", !0);
   }
 });
 function Qe(a, t) {
@@ -1626,14 +1629,14 @@ function Qe(a, t) {
     destroy: s
   };
 }
-const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -1), En = /* @__PURE__ */ E({
+const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -1), En = /* @__PURE__ */ E({
   __name: "Sidebar",
   props: {
     collapsed: { type: Boolean }
   },
   setup(a) {
     const t = a;
-    return (e, o) => Q((c(), m(n(I), {
+    return (e, o) => K((c(), m(n(I), {
       class: W(["x-mask-sidebar", { "is-collapsed": t.collapsed }]),
       grow: !1,
       flex: "",
@@ -1679,7 +1682,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:favorite"
   ],
   setup(a, { emit: t }) {
-    const e = a, o = O(!1), s = O(""), i = O(!1), l = () => {
+    const e = a, o = P(!1), s = P(""), i = P(!1), l = () => {
       o.value = !0;
     }, u = () => {
       s.value = "", o.value = !1, t("update:keyword", s.value);
@@ -1690,19 +1693,19 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     }, f = () => {
       t("update:favorite", i.value);
     };
-    return (y, S) => (c(), m(n(I), {
+    return (g, S) => (c(), m(n(I), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
       default: p(() => [
-        e.collasped ? h("", !0) : (c(), m(n(I), {
+        e.collasped ? v("", !0) : (c(), m(n(I), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
           default: p(() => [
-            o.value ? h("", !0) : (c(), m(n(Xe), {
+            o.value ? v("", !0) : (c(), m(n(Xe), {
               key: 0,
               modelValue: i.value,
               "onUpdate:modelValue": S[0] || (S[0] = ($) => i.value = $),
@@ -1728,7 +1731,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
                 }, null, 8, ["icon"])
               ]),
               _: 1
-            }, 8, ["modelValue", "prefix-icon"])) : h("", !0)
+            }, 8, ["modelValue", "prefix-icon"])) : v("", !0)
           ]),
           _: 1
         })),
@@ -1747,7 +1750,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               size: "default",
               circle: "",
               onClick: l
-            }, null, 8, ["icon"])) : h("", !0),
+            }, null, 8, ["icon"])) : v("", !0),
             e.collasped ? (c(), m(n(J), {
               key: 1,
               icon: n(vo),
@@ -1756,8 +1759,8 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               background: "hover",
               onClick: r,
               circle: ""
-            }, null, 8, ["icon"])) : h("", !0),
-            e.collasped ? h("", !0) : (c(), m(n(J), {
+            }, null, 8, ["icon"])) : v("", !0),
+            e.collasped ? v("", !0) : (c(), m(n(J), {
               key: 2,
               icon: n(bo),
               mode: "icon",
@@ -1782,7 +1785,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     url: {}
   },
   setup(a) {
-    const t = a, e = Me(), o = () => {
+    const t = a, e = Ie(), o = () => {
       t.url && e.push(t.url);
     };
     return (s, i) => (c(), m(n(I), {
@@ -1802,7 +1805,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               t.logo ? (c(), A("img", {
                 key: 0,
                 src: t.logo
-              }, null, 8, Bn)) : h("", !0)
+              }, null, 8, Bn)) : v("", !0)
             ])
           ]),
           _: 3
@@ -1817,7 +1820,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               z(s.$slots, "title", {}, () => [
                 N(j(t.title), 1)
               ])
-            ])) : h("", !0)
+            ])) : v("", !0)
           ]),
           _: 3
         })
@@ -1825,7 +1828,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), _e = "__favorites__", ke = "__search__", $n = /* @__PURE__ */ E({
+}), ke = "__favorites__", we = "__search__", $n = /* @__PURE__ */ E({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1838,29 +1841,29 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   emits: ["select"],
   setup(a, { emit: t }) {
-    const e = a, o = v(() => e.menus || []), s = v(() => String(e.active?.id)), i = v(() => [
+    const e = a, o = h(() => e.menus || []), s = h(() => String(e.active?.id)), i = h(() => [
       {
-        id: _e,
+        id: ke,
         title: "收藏",
         icon: mt,
         children: e.favorites?.length ? e.favorites : [
           {
-            id: _e + "empty",
+            id: ke + "empty",
             disabled: !0,
             title: "暂无收藏菜单"
           }
         ]
       }
-    ]), l = v(() => {
+    ]), l = h(() => {
       const r = (e.keyword || "").trim(), d = r ? (e.flatMenus || []).filter((f) => f.title?.includes(r)) : [];
       return [
         {
-          id: ke,
+          id: we,
           title: "搜索",
           icon: Oe,
           children: d?.length ? d : [
             {
-              id: ke + "empty",
+              id: we + "empty",
               disabled: !0,
               title: "查询匹配不到菜单项"
             }
@@ -1870,15 +1873,15 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     }), u = (r) => {
       t("select", r);
     };
-    return (r, d) => (c(), A(Z, null, [
-      Q(k(n(I), {
+    return (r, d) => (c(), A(Q, null, [
+      K(k(n(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
         default: p(() => [
-          Q(k(n(ee), {
+          K(k(n(ee), {
             subMenu: {
               popperClass: "x-mask-menu-popper",
               teleported: !0,
@@ -1886,7 +1889,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: o.value,
-            "default-icon": n(ae),
+            "default-icon": n(se),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
@@ -1894,13 +1897,13 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
           }, null, 8, ["data", "default-icon", "default-active"]), [
             [Y, e.collapse]
           ]),
-          Q(k(n(ee), {
+          K(k(n(ee), {
             subMenu: {
               popperClass: "x-mask-menu-popper",
               teleported: !0
             },
             data: o.value,
-            "default-icon": n(ae),
+            "default-icon": n(se),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
@@ -1908,7 +1911,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
           }, null, 8, ["data", "default-icon", "default-active"]), [
             [Y, !e.collapse]
           ]),
-          o.value.length ? h("", !0) : (c(), m(n(Jt), {
+          o.value.length ? v("", !0) : (c(), m(n(Jt), {
             key: 0,
             description: "暂无菜单数据"
           }))
@@ -1917,14 +1920,14 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [Y, !e.favorite && !e.keyword]
       ]),
-      Q(k(n(I), {
+      K(k(n(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
         default: p(() => [
-          Q(k(n(ee), {
+          K(k(n(ee), {
             class: "x-mask-menu__favorites",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1933,16 +1936,16 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: i.value,
-            "default-icon": n(ae),
+            "default-icon": n(se),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [_e],
+            "default-openeds": [ke],
             onSelect: u
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [Y, e.collapse]
           ]),
-          Q(k(n(ee), {
+          K(k(n(ee), {
             class: "x-mask-menu__favorites",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1951,11 +1954,11 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: i.value,
-            "default-icon": n(ae),
+            "default-icon": n(se),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [_e],
+            "default-openeds": [ke],
             onSelect: u
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [Y, !e.collapse]
@@ -1965,7 +1968,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [Y, e.favorite && !e.keyword]
       ]),
-      e.keyword ? Q((c(), m(n(I), {
+      e.keyword ? K((c(), m(n(I), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
@@ -1973,7 +1976,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
         overflow: "auto"
       }, {
         default: p(() => [
-          Q(k(n(ee), {
+          K(k(n(ee), {
             class: "x-mask-menu__search",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1982,16 +1985,16 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: l.value,
-            "default-icon": n(ae),
+            "default-icon": n(se),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [ke],
+            "default-openeds": [we],
             onSelect: u
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [Y, e.collapse]
           ]),
-          Q(k(n(ee), {
+          K(k(n(ee), {
             class: "x-mask-menu__search",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -2000,11 +2003,11 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: l.value,
-            "default-icon": n(ae),
+            "default-icon": n(se),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [ke],
+            "default-openeds": [we],
             onSelect: u
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [Y, !e.collapse]
@@ -2013,7 +2016,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
         _: 1
       }, 512)), [
         [Y, !!e.keyword]
-      ]) : h("", !0)
+      ]) : v("", !0)
     ], 64));
   }
 }), Vn = { class: "x-mask-tabs__trigger" }, Dn = { key: 1 }, Pn = ["onDragstart", "onDragend"], Rn = { key: 1 }, Fn = /* @__PURE__ */ E({
@@ -2029,7 +2032,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
   setup(a, { emit: t }) {
     const e = a, o = (d) => {
       const f = !!e.favorites.find(
-        (y) => y === d.menu || y.id === d.menu?.id
+        (g) => g === d.menu || g.id === d.menu?.id
       );
       return [
         {
@@ -2060,10 +2063,10 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
         t("click", e.home);
         return;
       }
-      const y = e.tabs.find((S) => S.id === f);
-      y && t("click", y);
+      const g = e.tabs.find((S) => S.id === f);
+      g && t("click", g);
     }, i = (d) => {
-      const f = e.tabs.find((y) => y.id === d);
+      const f = e.tabs.find((g) => g.id === d);
       f && t("remove", f);
     }, l = (d) => {
       switch (d.name) {
@@ -2104,16 +2107,16 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               name: e.home.id
             }, {
               label: p(() => [
-                F("div", Vn, [
-                  e.home.icon ? (c(), m(L(n(Ce)(e.home.icon)), { key: 0 })) : h("", !0),
-                  e.home.title ? (c(), A("span", Dn, j(e.home.title), 1)) : h("", !0)
+                O("div", Vn, [
+                  e.home.icon ? (c(), m(L(n(Ee)(e.home.icon)), { key: 0 })) : v("", !0),
+                  e.home.title ? (c(), A("span", Dn, j(e.home.title), 1)) : v("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["name"])) : h("", !0),
-            (c(!0), A(Z, null, le(e.tabs, (y) => (c(), m(n(Ye), {
-              key: y.id,
-              name: y.id,
+            }, 8, ["name"])) : v("", !0),
+            (c(!0), A(Q, null, ie(e.tabs, (g) => (c(), m(n(Ye), {
+              key: g.id,
+              name: g.id,
               lazy: "",
               closable: ""
             }, {
@@ -2123,22 +2126,22 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
                   placement: "bottom",
                   trigger: "hover",
                   width: "200px",
-                  disabled: y.id !== e.value
+                  disabled: g.id !== e.value
                 }, {
                   reference: p(() => [
-                    F("div", {
+                    O("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (S) => u(y, S),
-                      onDragend: (S) => r(y, S)
+                      onDragstart: (S) => u(g, S),
+                      onDragend: (S) => r(g, S)
                     }, [
-                      y.icon ? (c(), m(L(n(Ce)(y.icon)), { key: 0 })) : h("", !0),
-                      y.title ? (c(), A("span", Rn, j(y.title), 1)) : h("", !0)
+                      g.icon ? (c(), m(L(n(Ee)(g.icon)), { key: 0 })) : v("", !0),
+                      g.title ? (c(), A("span", Rn, j(g.title), 1)) : v("", !0)
                     ], 40, Pn)
                   ]),
                   default: p(() => [
                     k(n(Ke), {
-                      items: o(y),
+                      items: o(g),
                       mode: "text",
                       size: "small",
                       type: "info",
@@ -2164,7 +2167,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     return (e, o) => (c(), m(n(Xe), {
       class: "x-mask-theme-switch",
       modelValue: n(t),
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => we(t) ? t.value = s : null),
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => xe(t) ? t.value = s : null),
       size: "default",
       "active-action-icon": n(wo),
       "inactive-action-icon": n(xo)
@@ -2186,7 +2189,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     "actionCommand"
   ],
   setup(a, { emit: t }) {
-    const e = a, o = v(() => {
+    const e = a, o = h(() => {
       const r = e.tabs.map((d, f) => ({
         divided: f === 0,
         label: d.title,
@@ -2237,18 +2240,18 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
           onCommand: i
         }, {
           item: p(({ item: f }) => [
-            F("span", jn, [
+            O("span", jn, [
               N(j(f.label) + " ", 1),
-              ["other", "all"].includes(f.command) ? h("", !0) : (c(), m(n(te), {
+              ["other", "all"].includes(f.command) ? v("", !0) : (c(), m(n(te), {
                 key: 0,
-                onClick: Rt((y) => s(f), ["stop"]),
+                onClick: Rt((g) => s(f), ["stop"]),
                 icon: n(ft)
               }, null, 8, ["onClick", "icon"]))
             ])
           ]),
           _: 1
         }, 8, ["icon", "menus"]),
-        k(n(me), { direction: "vertical" }),
+        k(n(ge), { direction: "vertical" }),
         e.actions ? (c(), m(n(Ke), {
           key: 0,
           circle: "",
@@ -2258,16 +2261,16 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
           items: r.actions,
           onClick: l,
           onCommand: u
-        }, null, 8, ["items"])) : h("", !0),
-        e.actions ? (c(), m(n(me), {
+        }, null, 8, ["items"])) : v("", !0),
+        e.actions ? (c(), m(n(ge), {
           key: 1,
           direction: "vertical"
-        })) : h("", !0),
-        e.theme ? (c(), m(On, { key: 2 })) : h("", !0),
-        e.theme ? (c(), m(n(me), {
+        })) : v("", !0),
+        e.theme ? (c(), m(On, { key: 2 })) : v("", !0),
+        e.theme ? (c(), m(n(ge), {
           key: 3,
           direction: "vertical"
-        })) : h("", !0),
+        })) : v("", !0),
         z(r.$slots, "default")
       ]),
       _: 3
@@ -2295,7 +2298,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
         }, null, 8, ["icon", "src"])
       ]),
       default: p(() => [
-        e.$slots.default ? z(e.$slots, "default", { key: 0 }) : h("", !0)
+        e.$slots.default ? z(e.$slots, "default", { key: 0 }) : v("", !0)
       ]),
       _: 3
     }, 8, ["disabled"]));
@@ -2323,7 +2326,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
             }, [
               s ? (c(), m(L(t.createView(s, i)), {
                 key: i.fullPath
-              })) : h("", !0)
+              })) : v("", !0)
             ], 1032, ["exclude"]))
           ]),
           _: 1
@@ -2417,7 +2420,7 @@ const Tn = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
   }
 }, Ct = Symbol(), Tt = Symbol();
 function Wn(a) {
-  const t = O(!1), e = O(""), o = O(!1);
+  const t = P(!1), e = P(""), o = P(!1);
   return {
     collapsed: t,
     keyword: e,
@@ -2426,7 +2429,7 @@ function Wn(a) {
 }
 function Ln(a) {
   const t = ht();
-  return v(() => {
+  return h(() => {
     const e = a.home;
     return Object.assign(
       { id: t, url: "/", name: "MaskHome", icon: Co, closable: !1 },
@@ -2441,23 +2444,23 @@ function Et(a, t) {
   }), e;
 }
 function Kn(a, t) {
-  const e = Me(), o = Je([]), s = Je([]), i = v(() => Et(o.value, a.menuAdapter)), l = v(() => Po(i.value, "id")), u = O(null), r = (w) => {
+  const e = Ie(), o = Je([]), s = Je([]), i = h(() => Et(o.value, a.menuAdapter)), l = h(() => Po(i.value, "id")), u = P(null), r = (w) => {
     const _ = typeof w == "object" ? w.id : w, T = l.value.get(_);
     if (!T) {
       console.warn("找不到菜单", w);
       return;
     }
-    const { type: V = "route", url: g, title: M, icon: b } = T;
-    if (!g) {
+    const { type: V = "route", url: y, title: M, icon: b } = T;
+    if (!y) {
       u.value = T, t("select", T);
       return;
     }
     if (V === "route") {
-      Ro(g) || g.startsWith("//") ? window.open(g) : (u.value = T, e.push(g).catch((D) => D));
+      Ro(y) || y.startsWith("//") ? window.open(y) : (u.value = T, e.push(y).catch((D) => D));
       return;
     }
     if (V === "window") {
-      window.open(g);
+      window.open(y);
       return;
     }
     V === "dialog" && Qe({
@@ -2467,16 +2470,16 @@ function Kn(a, t) {
       height: "80%",
       title: M,
       icon: b,
-      src: g
+      src: y
     });
   }, d = async () => {
     o.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], s.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
   }, f = (w) => {
     s.value = [w, ...s.value], a.addFavorite && a.addFavorite(w);
-  }, y = (w) => {
+  }, g = (w) => {
     s.value = s.value.filter((_) => _.id !== w.id), a.removeFavorite && a.removeFavorite(w);
   }, S = (w) => !!s.value.find((_) => _ === w || _.id === w.id), $ = (w) => {
-    S(w) ? y(w) : f(w);
+    S(w) ? g(w) : f(w);
   };
   return it(d), {
     menus: o,
@@ -2488,31 +2491,31 @@ function Kn(a, t) {
   };
 }
 function Qn(a, t, e, o, s) {
-  const i = Ue(), l = Me(), u = {}, r = O([]), d = O(), { width: f } = yt(d), y = v(() => Math.floor(f.value / Un)), S = v(
-    () => r.value.slice(0, y.value).filter((x) => !x.dialog)
-  ), $ = v(() => r.value.slice(y.value)), w = (x) => e.value.find((C) => C.url === x), _ = (x) => i.fullPath === x.url, T = (x) => s.value.id === x ? s.value : r.value.find((C) => C.id === x), V = O(""), g = v(() => T(V.value)), M = (x) => {
+  const i = Ue(), l = Ie(), u = {}, r = P([]), d = P(), { width: f } = yt(d), g = h(() => Math.floor(f.value / Un)), S = h(
+    () => r.value.slice(0, g.value).filter((x) => !x.dialog)
+  ), $ = h(() => r.value.slice(g.value)), w = (x) => e.value.find((C) => C.url === x), _ = (x) => i.fullPath === x.url, T = (x) => s.value.id === x ? s.value : r.value.find((C) => C.id === x), V = P(""), y = h(() => T(V.value)), M = (x) => {
     l.push(x.url).catch((C) => C);
   }, b = (x) => {
     V.value = x.id, i.fullPath !== x.url && M(x);
   }, D = () => {
     M(s.value);
-  }, P = (x) => {
+  }, R = (x) => {
     const C = r.value.find((B) => B.url === x.url || B.id === x.id);
     C ? b(C) : (r.value.unshift(x), b(x));
   }, oe = async (x) => {
-    const { url: C = i.fullPath, icon: B, title: Ie = "新建标签页" } = x || {}, ve = u[C], Ae = ht(), $e = vt(C);
+    const { url: C = i.fullPath, icon: B, title: Ae = "新建标签页" } = x || {}, be = u[C], $e = ht(), Ve = vt(C);
     return {
-      id: Ae,
-      name: $e,
+      id: $e,
+      name: Ve,
       url: C,
       icon: B,
-      title: Ie,
+      title: Ae,
       closable: !0,
       menu: x,
-      ...ve ? await ve() : {}
+      ...be ? await be() : {}
     };
   }, ne = async (x) => {
-    if (await Ve.confirm("是否关闭页签", "提示", {
+    if (await De.confirm("是否关闭页签", "提示", {
       type: "warning"
     }).catch((B) => !1)) {
       if (r.value = r.value.filter((B) => B.id !== x.id), V.value === x.id) {
@@ -2521,132 +2524,132 @@ function Qn(a, t, e, o, s) {
       }
       return x;
     }
-  }, U = (x) => {
+  }, ae = (x) => {
     const C = r.value.findIndex((B) => B.id === x.id);
     if (C >= 0) {
       const B = r.value[C];
       r.value.splice(C, 1, Object.assign(B, x));
     }
-  }, K = async () => {
-    if (!await Ve.confirm("是否关闭全部页签", "提示", {
+  }, U = async () => {
+    if (!await De.confirm("是否关闭全部页签", "提示", {
       type: "warning"
     }).catch((B) => !1))
       return;
     const C = r.value;
     return r.value = [], b(s.value), C;
-  }, ie = async () => {
-    if (!await Ve.confirm("是否关闭其他页签", "提示", {
+  }, Z = async () => {
+    if (!await De.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch((B) => !1))
       return;
     const C = r.value.filter((B) => B.id !== V.value);
     return r.value = r.value.filter((B) => B.id === V.value), C;
-  }, Be = (x) => {
+  }, re = (x) => {
     const C = r.value.filter((B) => B.id !== x.id);
     r.value = [x, ...C], b(x);
-  }, de = async () => {
-    await re();
+  }, pe = async () => {
+    await ce();
     const x = s.value.url === i.fullPath, C = w(i.fullPath);
     if (x)
       V.value = s.value.id;
     else {
       const B = await oe(C);
-      P(B);
+      R(B);
     }
-    await re(), o.value = C || null;
+    await ce(), o.value = C || null;
   };
-  return H(e, de), H(i, de, { immediate: !0 }), ye(Ct, u), {
+  return H(e, pe), H(i, pe, { immediate: !0 }), he(Ct, u), {
     tabRef: d,
     tabs: r,
     showTabs: S,
-    currentTab: g,
+    currentTab: y,
     changeTab: M,
     removeTab: ne,
-    updateTab: U,
-    addTab: P,
+    updateTab: ae,
+    addTab: R,
     home: s,
     tabValue: V,
     isCurrentTab: _,
     activeHome: D,
     activeTab: b,
     dropdownTabs: $,
-    removeAllTabs: K,
-    removeOtherTabs: ie,
-    moveToShow: Be
+    removeAllTabs: U,
+    removeOtherTabs: Z,
+    moveToShow: re
   };
 }
 function Zn(a) {
-  const t = /* @__PURE__ */ new Map(), e = O([]), o = Ne({}), s = {}, { updateTab: i, isCurrentTab: l, activeHome: u, tabs: r } = a, d = (g, M) => {
+  const t = /* @__PURE__ */ new Map(), e = P([]), o = Ne({}), s = {}, { updateTab: i, isCurrentTab: l, activeHome: u, tabs: r } = a, d = (y, M) => {
     const b = M.fullPath;
     if (t.has(b))
       return t.get(b);
     {
-      const D = vt(b), P = {
+      const D = vt(b), R = {
         name: D,
         setup() {
-          const oe = v(() => o[b] || document.body), ne = v(() => !o[b]), U = v(() => !e.value.includes(D));
-          return ye(
+          const oe = h(() => o[b] || document.body), ne = h(() => !o[b]), ae = h(() => !e.value.includes(D));
+          return he(
             Eo,
-            Pe({ ...M })
-          ), () => U.value ? q(
+            Se({ ...M })
+          ), () => ae.value ? q(
             rt,
             {
               to: oe.value,
               disabled: ne.value
             },
-            [q(g)]
+            [q(y)]
           ) : null;
         }
       };
-      return t.set(b, P), P;
+      return t.set(b, R), R;
     }
-  }, f = (g) => {
-    g.dialog = void 0, delete o[g.url];
-    const M = s[g.id];
-    M && (M.destroy(), delete s[g.id], i(g));
-  }, y = (g = []) => {
-    g.forEach((M) => {
+  }, f = (y) => {
+    y.dialog = void 0, delete o[y.url];
+    const M = s[y.id];
+    M && (M.destroy(), delete s[y.id], i(y));
+  }, g = (y = []) => {
+    y.forEach((M) => {
       f(M);
     });
-  }, S = async (g) => {
-    g.dialog = {
-      ...g.dialog,
+  }, S = async (y) => {
+    y.dialog = {
+      ...y.dialog,
       onMinimized: () => {
-        f(g);
+        f(y);
       },
       onClose: async () => {
-        f(g), r.value = r.value.filter((b) => b.id !== g.id);
+        f(y), r.value = r.value.filter((b) => b.id !== y.id);
       }
-    }, i(g);
+    }, i(y);
     const M = Qe({
-      title: g.title,
-      icon: g.icon,
+      title: y.title,
+      icon: y.icon,
       modal: !1,
       resizable: !0,
       draggable: !0,
-      ...g.dialog,
+      ...y.dialog,
       onOpen(b) {
-        o[g.url] = b.refs.panelRef?.bodyRef?.$el;
+        o[y.url] = b.refs.panelRef?.bodyRef?.$el;
       }
     });
-    return await re(), l(g) && u(), s[g.id] = M, M;
-  }, $ = async (g) => {
-    e.value = [g.name], await re(), e.value = [];
-  }, w = async (g) => {
-    e.value = g.map((M) => M.name), await re(), e.value = [];
-  }, _ = (g) => (g.preventDefault(), !1), T = (g) => {
-    if (g.dataTransfer) {
-      const M = g.dataTransfer.getData("tab"), b = r.value.find((D) => D.id === M);
+    return await ce(), l(y) && u(), s[y.id] = M, M;
+  }, $ = async (y) => {
+    e.value = [y.name], await ce(), e.value = [];
+  }, w = async (y) => {
+    e.value = y.map((M) => M.name), await ce(), e.value = [];
+  }, _ = (y) => (y.preventDefault(), !1), T = (y) => {
+    if (y.dataTransfer) {
+      const M = y.dataTransfer.getData("tab"), b = r.value.find((D) => D.id === M);
       if (b) {
-        const { clientX: D, clientY: P } = g;
+        const { clientX: D, clientY: R } = y;
         b.dialog = {
           left: D,
-          top: P
+          top: R
         }, S(b);
       }
     }
-  }, V = (g) => !!o[g];
-  return ze(document, "dragover", _), ze(document, "drop", T), {
+  }, V = (y) => !!o[y];
+  return Te(document, "dragover", _), Te(document, "drop", T), {
     createView: d,
     openDialog: S,
     refresh: $,
@@ -2654,7 +2657,7 @@ function Zn(a) {
     cleanCache: w,
     hasDialog: V,
     closeDialog: f,
-    closeDialogs: y
+    closeDialogs: g
   };
 }
 const Jn = /* @__PURE__ */ E({
@@ -2663,57 +2666,57 @@ const Jn = /* @__PURE__ */ E({
   props: Hn,
   emits: ["select", "actionClick", "actionCommand"],
   setup(a, { emit: t }) {
-    const e = a, o = Ln(e), { collapsed: s, keyword: i, favorite: l } = Wn(), { menus: u, favorites: r, flatMenus: d, active: f, select: y, toggleFavorite: S } = Kn(e, t), {
+    const e = a, o = Ln(e), { collapsed: s, keyword: i, favorite: l } = Wn(), { menus: u, favorites: r, flatMenus: d, active: f, select: g, toggleFavorite: S } = Kn(e, t), {
       tabRef: $,
       showTabs: w,
       currentTab: _,
       changeTab: T,
       removeTab: V,
-      tabs: g,
+      tabs: y,
       updateTab: M,
       isCurrentTab: b,
       activeHome: D,
-      removeAllTabs: P,
+      removeAllTabs: R,
       removeOtherTabs: oe,
       dropdownTabs: ne,
-      moveToShow: U
-    } = Qn(e, t, d, f, o), { createView: K, openDialog: ie, refresh: Be, exclude: de, cleanCache: x, closeDialogs: C } = Zn({
-      tabs: g,
+      moveToShow: ae
+    } = Qn(e, t, d, f, o), { createView: U, openDialog: Z, refresh: re, exclude: pe, cleanCache: x, closeDialogs: C } = Zn({
+      tabs: y,
       updateTab: M,
       isCurrentTab: b,
       activeHome: D
-    }), B = async (R) => {
-      await V(R) && await x([R]);
-    }, Ie = async () => {
-      const R = await P();
-      R && (C(R), await x(R));
-    }, ve = async () => {
-      const R = await oe();
-      R && (C(R), await x(R));
-    }, Ae = (R) => {
-      t("actionClick", R);
-    }, $e = (R, G) => {
-      t("actionCommand", R, G);
+    }), B = async (F) => {
+      await V(F) && await x([F]);
+    }, Ae = async () => {
+      const F = await R();
+      F && (C(F), await x(F));
+    }, be = async () => {
+      const F = await oe();
+      F && (C(F), await x(F));
+    }, $e = (F) => {
+      t("actionClick", F);
+    }, Ve = (F, G) => {
+      t("actionCommand", F, G);
     };
-    return ye(Tt, {
-      tabs: g,
+    return he(Tt, {
+      tabs: y,
       flatMenus: d,
       favorites: r,
       updateTab: M,
       active: f,
       currentTab: _
-    }), (R, G) => (c(), m(n(I), { class: "x-mask" }, {
+    }), (F, G) => (c(), m(n(I), { class: "x-mask" }, {
       default: p(() => [
         e.disabled ? (c(), m(at, {
           key: 1,
-          createView: n(K),
-          exclude: n(de)
+          createView: n(U),
+          exclude: n(pe)
         }, {
           default: p(() => [
-            R.$slots.default ? z(R.$slots, "default", { key: 0 }) : h("", !0)
+            F.$slots.default ? z(F.$slots, "default", { key: 0 }) : v("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (c(), A(Z, { key: 0 }, [
+        }, 8, ["createView", "exclude"])) : (c(), A(Q, { key: 0 }, [
           k(En, { collapsed: n(s) }, {
             brand: p(() => [
               k(An, {
@@ -2726,11 +2729,11 @@ const Jn = /* @__PURE__ */ E({
             default: p(() => [
               k(Mn, {
                 collasped: n(s),
-                "onUpdate:collasped": G[0] || (G[0] = (pe) => we(s) ? s.value = pe : null),
+                "onUpdate:collasped": G[0] || (G[0] = (fe) => xe(s) ? s.value = fe : null),
                 favorite: n(l),
-                "onUpdate:favorite": G[1] || (G[1] = (pe) => we(l) ? l.value = pe : null),
+                "onUpdate:favorite": G[1] || (G[1] = (fe) => xe(l) ? l.value = fe : null),
                 keyword: n(i),
-                "onUpdate:keyword": G[2] || (G[2] = (pe) => we(i) ? i.value = pe : null)
+                "onUpdate:keyword": G[2] || (G[2] = (fe) => xe(i) ? i.value = fe : null)
               }, null, 8, ["collasped", "favorite", "keyword"]),
               k($n, {
                 collapse: n(s),
@@ -2740,7 +2743,7 @@ const Jn = /* @__PURE__ */ E({
                 flatMenus: n(d),
                 menus: n(u),
                 active: n(f),
-                onSelect: n(y)
+                onSelect: n(g)
               }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
             ]),
             _: 1
@@ -2769,28 +2772,28 @@ const Jn = /* @__PURE__ */ E({
                     onClick: n(T),
                     onToggleFavorite: n(S),
                     onRemove: B,
-                    onDialog: n(ie),
-                    onRefresh: n(Be)
+                    onDialog: n(Z),
+                    onRefresh: n(re)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
                   k(Nn, {
                     tabs: n(ne),
                     actions: e.actions,
                     theme: e.theme,
-                    onCloseOtherTabs: ve,
-                    onCloseAllTabs: Ie,
+                    onCloseOtherTabs: be,
+                    onCloseAllTabs: Ae,
                     onCloseTab: B,
-                    onClickTab: n(U),
-                    onActionClick: Ae,
-                    onActionCommand: $e
+                    onClickTab: n(ae),
+                    onActionClick: $e,
+                    onActionCommand: Ve
                   }, {
                     default: p(() => [
                       k(Xn, {
                         avatar: e.avatar
-                      }, ge({ _: 2 }, [
-                        R.$slots.user ? {
+                      }, ye({ _: 2 }, [
+                        F.$slots.user ? {
                           name: "default",
                           fn: p(() => [
-                            z(R.$slots, "user")
+                            z(F.$slots, "user")
                           ]),
                           key: "0"
                         } : void 0
@@ -2802,11 +2805,11 @@ const Jn = /* @__PURE__ */ E({
                 _: 3
               }),
               k(at, {
-                createView: n(K),
-                exclude: n(de)
+                createView: n(U),
+                exclude: n(pe)
               }, {
                 default: p(() => [
-                  R.$slots.default ? z(R.$slots, "default", { key: 0 }) : h("", !0)
+                  F.$slots.default ? z(F.$slots, "default", { key: 0 }) : v("", !0)
                 ]),
                 _: 3
               }, 8, ["createView", "exclude"])
@@ -2820,13 +2823,13 @@ const Jn = /* @__PURE__ */ E({
   }
 });
 function ya(a = {}) {
-  const t = Ue(), e = fe(Ct, null), o = fe(Tt, null);
+  const t = Ue(), e = me(Ct, null), o = me(Tt, null);
   if (e) {
     const i = typeof a == "function" ? a : async () => a;
     e[t.fullPath] = i;
   }
   return {
-    tab: v(() => o ? o.tabs.value.find((i) => i.url === t.fullPath) : null),
+    tab: h(() => o ? o.tabs.value.find((i) => i.url === t.fullPath) : null),
     mask: o
   };
 }
@@ -2837,11 +2840,11 @@ const Gn = /* @__PURE__ */ E({
   },
   setup(a) {
     const t = a;
-    return (e, o) => (c(), m(n(qt), Te(Ee(e.$attrs)), {
+    return (e, o) => (c(), m(n(qt), Me(Be(e.$attrs)), {
       default: p(() => [
-        (c(!0), A(Z, null, le(t.options, (s, i) => (c(), m(n(eo), X({
+        (c(!0), A(Q, null, ie(t.options, (s, i) => (c(), m(n(eo), X({
           key: `item_${i}_${s.value}`
-        }, s), ge({ _: 2 }, [
+        }, s), ye({ _: 2 }, [
           e.$slots.option ? {
             name: "default",
             fn: p(() => [
@@ -2861,12 +2864,12 @@ const Gn = /* @__PURE__ */ E({
     button: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const t = a, e = v(
-      () => he(t.button ? to : oo)
+    const t = a, e = h(
+      () => ve(t.button ? to : oo)
     );
-    return (o, s) => (c(), m(n(no), Te(Ee(o.$attrs)), {
+    return (o, s) => (c(), m(n(no), Me(Be(o.$attrs)), {
       default: p(() => [
-        (c(!0), A(Z, null, le(t.options, (i, l) => (c(), m(L(e.value), {
+        (c(!0), A(Q, null, ie(t.options, (i, l) => (c(), m(L(e.value), {
           key: `item_${l}_${i.value}`,
           label: i.value
         }, {
@@ -2886,12 +2889,12 @@ const Gn = /* @__PURE__ */ E({
     button: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const t = a, e = v(
-      () => he(t.button ? ao : so)
+    const t = a, e = h(
+      () => ve(t.button ? ao : so)
     );
-    return (o, s) => (c(), m(n(lo), Te(Ee(o.$attrs)), {
+    return (o, s) => (c(), m(n(lo), Me(Be(o.$attrs)), {
       default: p(() => [
-        (c(!0), A(Z, null, le(t.options, (i, l) => (c(), m(L(e.value), {
+        (c(!0), A(Q, null, ie(t.options, (i, l) => (c(), m(L(e.value), {
           key: `item_${l}_${i.value}`,
           label: i.value
         }, {
@@ -3076,7 +3079,7 @@ async function ta(a, t) {
   return e ? typeof e == "function" ? await e(t) || [] : e : [];
 }
 function oa(a, t, e, o, s) {
-  const i = O([]), l = v(() => !o || !s ? {} : Fo(a.cascader).reduce((d, f) => (d[f] = s[f], d), {}));
+  const i = P([]), l = h(() => !o || !s ? {} : Fo(a.cascader).reduce((d, f) => (d[f] = s[f], d), {}));
   return H(
     l,
     async (r) => {
@@ -3090,17 +3093,17 @@ function oa(a, t, e, o, s) {
       immediate: !0
     }
   ), {
-    editor: v(() => {
+    editor: h(() => {
       const {
         editor: r = "text",
         placeholder: d,
         label: f = "...",
-        disabled: y,
+        disabled: g,
         readonly: S
       } = a, $ = {
         ...a.props,
         placeholder: d || (d === null ? void 0 : `请输入${f}`),
-        disabled: y,
+        disabled: g,
         readonly: S,
         options: i.value,
         onFocus: () => t("focus"),
@@ -3122,24 +3125,24 @@ const Bt = /* @__PURE__ */ E({
   props: ea,
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(a, { expose: t, emit: e }) {
-    const o = a, s = fe(It, null), i = fe(fo, null), l = fe(At, null), u = v(() => !s?.proxy || !l ? o.visible : typeof o.visible == "function" ? o.visible(l) : We(o.visible) ? Object.entries(o.visible).every(([D, P]) => l[D] === P) : o.visible), r = () => s?.proxy && l && o.name ? l[o.name] ?? o.modelValue : o.modelValue, d = O(r()), { editor: f } = oa(
+    const o = a, s = me(It, null), i = me(fo, null), l = me(At, null), u = h(() => !s?.proxy || !l ? o.visible : typeof o.visible == "function" ? o.visible(l) : We(o.visible) ? Object.entries(o.visible).every(([D, R]) => l[D] === R) : o.visible), r = () => s?.proxy && l && o.name ? l[o.name] ?? o.modelValue : o.modelValue, d = P(r()), { editor: f } = oa(
       o,
       e,
       u,
       s,
       l
-    ), y = O(), S = O(), $ = v(
+    ), g = P(), S = P(), $ = h(
       () => o.size || i?.size || "default"
-    ), w = v(() => ({
+    ), w = h(() => ({
       [`is-tooltip-${o.tooltipPosition}`]: !!o.tooltipPosition
-    })), _ = v(() => {
+    })), _ = h(() => {
       const b = s?.proxy;
       return {
         width: o.width ? je(o.width) : b && b.inline && b.inlineColumns ? `${100 / b.inlineColumns}%` : null
       };
-    }), T = v(() => ({
+    }), T = h(() => ({
       right: typeof o.tooltipPosition == "number" ? `${o.tooltipPosition}px` : void 0
-    })), V = v(() => ({
+    })), V = h(() => ({
       ...f.value.props,
       modelValue: d.value,
       "onUpdate:modelValue": (b) => {
@@ -3166,7 +3169,7 @@ const Bt = /* @__PURE__ */ E({
       }
     ), t({
       fieldValue: d,
-      itemRef: y,
+      itemRef: g,
       editorRef: S,
       focus: () => {
         S.value?.focus && S.value.focus();
@@ -3178,20 +3181,20 @@ const Bt = /* @__PURE__ */ E({
       key: 0,
       class: ["x-field", w.value],
       ref_key: "itemRef",
-      ref: y,
+      ref: g,
       prop: o.name,
       label: b.label,
       size: $.value,
       style: _.value
-    }, b.$attrs), ge({
-      error: p(({ error: P }) => [
-        z(b.$slots, "error", { error: P }, () => [
+    }, b.$attrs), ye({
+      error: p(({ error: R }) => [
+        z(b.$slots, "error", { error: R }, () => [
           o.tooltipMessage ? (c(), A("div", {
             key: 0,
             class: "x-field__info",
-            style: Se(T.value)
+            style: Ce(T.value)
           }, [
-            k(n(ct), X({ content: P }, o.tooltipMessage), {
+            k(n(ct), X({ content: R }, o.tooltipMessage), {
               default: p(() => [
                 k(n(te), {
                   class: "x-field__trigger",
@@ -3201,7 +3204,7 @@ const Bt = /* @__PURE__ */ E({
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : h("", !0)
+          ], 4)) : v("", !0)
         ])
       ]),
       default: p(() => [
@@ -3212,16 +3215,16 @@ const Bt = /* @__PURE__ */ E({
             ref_key: "editorRef",
             ref: S,
             modelValue: d.value,
-            "onUpdate:modelValue": D[0] || (D[0] = (P) => d.value = P)
-          }, n(f).props), ge({ _: 2 }, [
+            "onUpdate:modelValue": D[0] || (D[0] = (R) => d.value = R)
+          }, n(f).props), ye({ _: 2 }, [
             b.$slots.option ? {
               name: "option",
-              fn: p(({ option: P }) => [
-                z(b.$slots, "option", { option: P })
+              fn: p(({ option: R }) => [
+                z(b.$slots, "option", { option: R })
               ]),
               key: "0"
             } : void 0
-          ]), 1040, ["modelValue"])) : h("", !0)
+          ]), 1040, ["modelValue"])) : v("", !0)
         ])
       ]),
       _: 2
@@ -3233,7 +3236,7 @@ const Bt = /* @__PURE__ */ E({
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["prop", "label", "size", "class", "style"])) : h("", !0);
+    ]), 1040, ["prop", "label", "size", "class", "style"])) : v("", !0);
   }
 }), na = {
   /**
@@ -3277,6 +3280,12 @@ const Bt = /* @__PURE__ */ E({
   resetText: {
     type: String,
     default: "重置"
+  },
+  /**
+   * 表单提交处理方法
+   */
+  submitMethod: {
+    type: Function
   }
 }, It = Symbol("formInstanceKey"), At = Symbol("formModelKey"), ha = /* @__PURE__ */ E({
   name: "XForm",
@@ -3284,35 +3293,35 @@ const Bt = /* @__PURE__ */ E({
   props: na,
   emits: ["change", "submit", "reset"],
   setup(a, { expose: t, emit: e }) {
-    const o = a, s = ue(), i = O(), l = Ne(o.model || {});
-    ye(It, s), ye(At, l), H(l, () => {
-      e("change", Pe(l));
+    const o = a, s = de(), i = P(), l = Ne(o.model || {}), u = P(!1);
+    he(It, s), he(At, l), H(l, () => {
+      e("change", Se(l));
     }), H(
       () => o.model,
-      (d) => {
-        Object.assign(l, d);
+      (f) => {
+        Object.assign(l, f);
       },
       { deep: !0 }
     );
-    const u = async () => {
-      await i.value.validate().catch((f) => f) && o.model && e("submit", Pe(l));
-    }, r = (d) => {
-      i.value.resetFields(d), e("reset");
+    const r = async () => {
+      await i.value.validate().catch((g) => g) && o.model && (e("submit", Se(l)), o.submitMethod && (u.value = !0, await o.submitMethod(Se(l)), u.value = !1));
+    }, d = (f) => {
+      i.value.resetFields(f), e("reset");
     };
     return t({
       formRef: i,
       model: l,
-      submit: u,
-      reset: r
-    }), (d, f) => (c(), m(n(go), X({
+      submit: r,
+      reset: d
+    }), (f, g) => (c(), m(n(go), X({
       ref_key: "formRef",
       ref: i,
       class: "x-form",
       inline: o.inline,
       model: l
-    }, d.$attrs), {
+    }, f.$attrs), {
       default: p(() => [
-        z(d.$slots, "default"),
+        z(f.$slots, "default"),
         o.footer ? (c(), m(n(Bt), {
           key: 0,
           editor: "none",
@@ -3320,32 +3329,33 @@ const Bt = /* @__PURE__ */ E({
           label: " "
         }, {
           editor: p(() => [
-            o.submitText ? (c(), m(n(se), {
+            o.submitText ? (c(), m(n(le), {
               key: 0,
+              loading: u.value,
               type: "primary",
-              onClick: u
+              onClick: r
             }, {
               default: p(() => [
                 N(j(o.submitText), 1)
               ]),
               _: 1
-            })) : h("", !0),
-            o.resetText ? (c(), m(n(se), {
+            }, 8, ["loading"])) : v("", !0),
+            o.resetText ? (c(), m(n(le), {
               key: 1,
               type: "default",
-              onClick: f[0] || (f[0] = () => r())
+              onClick: g[0] || (g[0] = () => d())
             }, {
               default: p(() => [
                 N(j(o.resetText), 1)
               ]),
               _: 1
-            })) : h("", !0)
+            })) : v("", !0)
           ]),
           default: p(() => [
-            z(d.$slots, "footer")
+            z(f.$slots, "footer")
           ]),
           _: 3
-        })) : h("", !0)
+        })) : v("", !0)
       ]),
       _: 3
     }, 16, ["inline", "model"]));
@@ -3363,7 +3373,7 @@ const Bt = /* @__PURE__ */ E({
   zt,
   Jn,
   Bt
-], va = "0.6.12", sa = jo(aa), ba = sa.install;
+], va = "0.6.13", sa = jo(aa), ba = sa.install;
 export {
   ot as Draggable,
   et as INSTALLED_KEY,
@@ -3407,10 +3417,10 @@ export {
   Hn as maskProps,
   fa as omit,
   hn as panelProps,
-  be as parseSize,
+  _e as parseSize,
   ma as pick,
   Le as useDisabled,
-  Ce as useIcon,
+  Ee as useIcon,
   cn as useIconProps,
   vn as vDraggable,
   St as vResizable,