@vtj/ui 0.7.31 → 0.7.33

package/dist/index.mjs

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