@vtj/ui 0.7.32 → 0.7.33

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as I, useAttrs as We, getCurrentInstance as pe, computed as v, markRaw as we, openBlock as c, createBlock as g, unref as o, normalizeClass as Y, normalizeStyle as fe, withCtx as f, renderSlot as S, resolveDynamicComponent as J, createCommentVNode as b, createElementBlock as z, mergeProps as A, createElementVNode as F, toDisplayString as O, Fragment as W, renderList as Z, isVNode as Lt, h as ae, shallowRef as Ve, ref as j, watch as K, toRef as Oe, createTextVNode as D, useSlots as Ut, toRaw as ye, createVNode as k, normalizeProps as le, guardReactiveProps as he, effectScope as ft, reactive as Re, onMounted as mt, onUnmounted as gt, watchEffect as Ye, nextTick as ve, Teleport as yt, withDirectives as G, createSlots as ue, render as nt, vShow as oe, isRef as Pe, withModifiers as vt, KeepAlive as Ht, provide as Se, inject as $e, withKeys as Kt } from "vue";
-import { ElIcon as Wt, ElSubMenu as Yt, ElBadge as Ue, ElMenuItem as Jt, ElMenu as qt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Zt, ElDropdownItem as Qt, ElTooltip as bt, ElDivider as se, ElSwitch as Je, ElInput as _e, ElEmpty as ht, ElTabs as _t, ElTabPane as He, ElPopover as kt, ElAvatar as en, ElMessageBox as Fe, ElSelect as wt, ElOption as xt, ElCheckboxButton as tn, ElCheckbox as nn, ElCheckboxGroup as on, ElRadioButton as an, ElRadio as sn, ElRadioGroup as ln, ElInputNumber as rn, ElDatePicker as ot, ElTimePicker as cn, ElRate as un, ElSlider as dn, ElCascader as pn, formContextKey as fn, ElFormItem as mn, ElForm as gn, ElImage as yn, ElInfiniteScroll as at, ElPagination as vn, ElDescriptions as st, ElDescriptionsItem as Ne, ElMessage as lt } from "element-plus";
-import { ArrowRight as bn, Minimize as hn, Popup as _n, Maximize as kn, RawClose as wn, StarFilled as $t, Menu as xn, Search as Ke, Close as St, Expand as $n, Fold as Sn, Star as Ct, Document as me, Refresh as Cn, CopyDocument as zn, Moon as Mn, Sunny as Tn, MoreFilled as En, UserFilled as Pn, HomeFilled as Bn, WarningFilled as In, EditPen as Vn } from "@vtj/icons";
-import { useDraggable as On, useMouseInElement as jn, useEventListener as je, useElementSize as zt, useDark as Rn, useResizeObserver as Dn, useVirtualList as An } from "@vueuse/core";
-import { isEqual as qe, isObject as Ge, uid as Mt, arrayToMap as Fn, isUrl as Nn, upperFirstCamelCase as Tt, toArray as Et, get as Be, merge as Xn, set as Xe, debounce as Ln, dedupArray as Un, numberFormat as Hn } from "@vtj/utils";
-import { useRouter as Ze, RouterView as Kn, useRoute as Pt, routeLocationKey as Wn } from "vue-router";
+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.32
+ * @version 0.7.33
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Xa = "0.7.32", Yn = {
+const Ja = "0.7.33", qo = {
   default: 14,
   small: 12,
   large: 18
-}, Jn = {
+}, Go = {
   icon: {
     type: [String, Object]
   },
@@ -42,70 +42,78 @@ const Xa = "0.7.32", Yn = {
 function Q(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
-function Me(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"), La = (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));
   }
-}), qn = ["src"], de = /* @__PURE__ */ I({
+}), Qo = ["src"], pe = /* @__PURE__ */ P({
   name: "XIcon",
   __name: "Icon",
-  props: Jn,
+  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;
-    }), u = v(() => ({
-      "background-color": n.background,
-      "border-radius": n.radius ? Q(n.radius) : void 0,
-      padding: n.padding ? Q(n.padding) : void 0
-    })), r = v(() => typeof n.size == "number" ? n.size : Yn[n.size] ?? void 0);
-    return (i, p) => (c(), g(o(Wt), {
+      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: n.color,
+      color: o.color,
       size: r.value,
-      style: fe(u.value)
+      style: me(c.value)
     }, {
       default: f(() => [
-        S(i.$slots, "default", {}, () => [
-          l.value ? (c(), g(J(l.value), { key: 0 })) : b("", !0),
-          n.src ? (c(), z("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, qn)) : b("", !0)
+            src: o.src
+          }, null, 8, Qo)) : h("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class", "color", "size", "style"]));
   }
-}), Gn = { class: "x-menu__wrapper" }, Zn = {
+}), en = { class: "x-menu__wrapper" }, tn = {
   key: 1,
   class: "x-menu__title"
-}, Qn = /* @__PURE__ */ F("i", null, null, -1), eo = {
+}, on = /* @__PURE__ */ F("i", null, null, -1), nn = {
   key: 0,
   class: "x-menu__title"
-}, to = /* @__PURE__ */ F("i", null, null, -1), Bt = /* @__PURE__ */ I({
+}, 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"), La = (a = []) => ({
     defaultIcon: {}
   },
   setup(a) {
-    const n = a, e = pe(), t = (u) => {
-      if (u)
-        return typeof u == "string" && (e?.appContext.app?.component(u) || n.defaultIcon) || u;
-    }, l = (u) => typeof u == "object" ? u : { value: u }, s = (u = []) => u.filter((r) => !r.hidden);
-    return (u, r) => n.item.children ? (c(), g(o(Yt), A({
+    const o = a, e = fe(), t = (c) => {
+      if (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) => 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(() => [
-        F("div", Gn, [
-          n.item.icon ? (c(), g(o(de), {
+        F("div", en, [
+          o.item.icon ? (u(), g(n(pe), {
             key: 0,
-            icon: t(n.item.icon)
-          }, null, 8, ["icon"])) : b("", !0),
-          n.item.title ? (c(), z("span", Zn, O(n.item.title), 1)) : b("", !0),
-          n.item.badge ? (c(), g(o(Ue), A({
+            icon: t(o.item.icon)
+          }, null, 8, ["icon"])) : h("", !0),
+          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)) : b("", !0)
+          }, 16)) : h("", !0)
         ])
       ]),
       default: f(() => [
-        (c(!0), z(W, null, Z(s(n.item.children), (i) => (c(), 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"])) : (c(), g(o(Jt), {
+    }, 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 ? (c(), z("span", eo, O(n.item.title), 1)) : b("", !0),
-        n.item.badge ? (c(), g(o(Ue), A({
+        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)) : b("", !0)
+        }, 16)) : h("", !0)
       ]),
       default: f(() => [
-        n.item.icon ? (c(), g(o(de), {
+        o.item.icon ? (u(), g(n(pe), {
           key: 0,
-          icon: t(n.item.icon)
-        }, null, 8, ["icon"])) : b("", !0)
+          icon: t(o.item.icon)
+        }, null, 8, ["icon"])) : h("", !0)
       ]),
       _: 1
     }, 8, ["index", "disabled"]));
   }
-}), ge = /* @__PURE__ */ I({
+}), ye = /* @__PURE__ */ P({
   inheritAttrs: !1,
   name: "XMenu",
   __name: "Menu",
@@ -188,27 +196,27 @@ const rt = Symbol("INSTALLED_KEY"), La = (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 h of m) {
-          if (h.id.toString() === d.toString())
-            return h;
-          if (h.children?.length) {
-            const _ = p(d, h.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;
           }
         }
       };
       return p(i, r);
-    }, u = (r) => {
+    }, c = (r) => {
       const i = s(l.value, r);
       i && t("select", i);
     };
-    return (r, i) => (c(), g(o(qt), A({ class: "x-menu" }, r.$attrs, { onSelect: u }), {
+    return (r, i) => (u(), g(n(Gt), D({ class: "x-menu" }, r.$attrs, { onSelect: c }), {
       default: f(() => [
-        (c(!0), z(W, null, Z(l.value, (p) => (c(), 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
@@ -313,37 +321,37 @@ const rt = Symbol("INSTALLED_KEY"), La = (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 || Lt(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,41 +360,41 @@ function so(a) {
     return null;
   });
 }
-function ke(a) {
-  const n = so(a);
-  return n.value ? we(I({ 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 = Ve(n), l = j(!1), s = async (r) => {
-    const i = o(a);
-    return i ? typeof i == "function" ? await i(r) : i : n;
-  }, u = async (r) => (l.value = !0, await s(r).then((i) => (t.value = i || n, l.value = !1, o(t))));
-  return K(
+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,
     () => {
-      u(e);
+      c(e);
     },
     { immediate: !0 }
-  ), e && K(e, () => {
-    u(e);
+  ), e && U(e, () => {
+    c(e);
   }), {
     data: t,
     loading: l,
-    loader: u
+    loader: c
   };
 }
-const io = { key: 0 }, ro = /* @__PURE__ */ I({
+const dn = { key: 0 }, pn = /* @__PURE__ */ P({
   __name: "Trigger",
   props: It,
   emits: ["click"],
-  setup(a, { emit: n }) {
-    const e = a, t = n, l = ke(Oe(e, "icon")), s = Qe(Oe(e, "disabled")), u = 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__ */ I({
       if (i.preventDefault(), !s.value)
         return t("click"), !1;
     };
-    return (i, p) => e.mode === "button" ? (c(), g(o(ie), A({
+    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(() => [
-        D(O(i.label), 1)
+        A(j(i.label), 1)
       ]),
       _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (c(), z("div", {
+    }, 16, ["icon", "type", "size", "disabled"])) : (u(), z("div", {
       key: 1,
-      class: Y(["x-action__inner", u.value]),
+      class: Y(["x-action__inner", c.value]),
       onClick: r
     }, [
-      (c(), g(J(o(l)))),
-      i.label ? (c(), z("span", io, O(i.label), 1)) : b("", !0)
+      (u(), g(J(n(l)))),
+      i.label ? (u(), z("span", dn, j(i.label), 1)) : h("", !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ I({
+}), te = /* @__PURE__ */ P({
   name: "XAction",
   __name: "Action",
   props: It,
   emits: ["click", "command"],
-  setup(a, { emit: n }) {
-    const e = a, t = Ut(), l = n, s = no(e), u = oo(e), r = ao(e), i = Qe(Oe(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 E = e.menus?.find((P) => P.command === w);
-      E && l("command", ye(E));
-    }, h = (w) => ae(Ue, u.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(
-            Zt,
-            () => (e.menus || []).map((E, P) => ae(
-              Qt,
+            Qt,
+            () => (e.menus || []).map((E, B) => ae(
+              eo,
               E,
-              () => t.item ? t.item({ item: E, index: P }) : E.label
+              () => t.item ? t.item({ item: E, index: B }) : E.label
             ))
           )
         ]
       }
-    ), y = (w) => ae(bt, { ...s.value, disabled: i.value }, () => [
+    ), y = (w) => ae(ht, { ...s.value, disabled: i.value }, () => [
       w
-    ]), $ = v(() => {
-      let w = ae(we(ro), { ...e, onClick: d });
+    ]), C = b(() => {
+      let w = ae(re(pn), { ...e, onClick: d });
       const E = t.default?.();
-      return E && E.length && (w = E[0]), u.value && (w = h(w)), r.value && (w = _(w)), s.value && (w = y(w)), w;
+      return E && E.length && (w = E[0]), c.value && (w = _(w)), r.value && (w = v(w)), s.value && (w = y(w)), w;
     });
-    return (w, E) => (c(), z("div", {
+    return (w, E) => (u(), z("div", {
       class: Y(["x-action", p.value])
     }, [
-      (c(), g(J($.value)))
+      (u(), g(J(C.value)))
     ], 2));
   }
-}), co = {
+}), fn = {
   /**
    * 动作项
    */
@@ -532,13 +540,13 @@ const io = { key: 0 }, ro = /* @__PURE__ */ I({
   button: {
     type: Object
   }
-}, et = /* @__PURE__ */ I({
+}, tt = /* @__PURE__ */ P({
   name: "XActionBar",
   __name: "ActionBar",
-  props: co,
+  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,
@@ -550,20 +558,20 @@ const io = { key: 0 }, ro = /* @__PURE__ */ I({
       } : void 0
     })), s = (r) => {
       t("click", r);
-    }, u = (r, i) => {
+    }, c = (r, i) => {
       t("command", r, i);
     };
-    return (r, i) => (c(), g(o(B), {
+    return (r, i) => (u(), g(n(V), {
       class: "x-action-bar",
       align: "center"
     }, {
       default: f(() => [
-        (c(!0), z(W, null, Z(l.value, (p) => (c(), z(W, null, [
-          p === "|" ? (c(), 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"
-          })) : (c(), g(o(te), A({
+          })) : (u(), g(n(te), D({
             key: 1,
             mode: e.mode,
             size: e.size,
@@ -572,17 +580,17 @@ const io = { key: 0 }, ro = /* @__PURE__ */ I({
             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) => u(p, d)
+            onCommand: (d) => c(p, d)
           }), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
         ], 64))), 256))
       ]),
       _: 1
     }));
   }
-}), uo = {
+}), mn = {
   /**
    * 组件渲染html标签
    */
@@ -698,51 +706,51 @@ const io = { key: 0 }, ro = /* @__PURE__ */ I({
   autoPointer: {
     type: Boolean
   }
-}, B = /* @__PURE__ */ I({
+}, V = /* @__PURE__ */ P({
   name: "XContainer",
   __name: "Container",
-  props: uo,
+  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
-    })), u = 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
       };
     });
-    return (r, i) => (c(), g(J(n.tag), {
+    return (r, i) => (u(), g(J(o.tag), {
       class: Y(["x-container", s.value]),
-      style: fe(u.value)
+      style: me(c.value)
     }, {
       default: f(() => [
-        S(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__ */ I({
   more: {
     type: Boolean
   }
-}, fo = { class: "x-header__content" }, mo = {
+}, yn = { class: "x-header__content" }, vn = {
   key: 0,
   class: "x-header__actions"
-}, go = /* @__PURE__ */ I({
+}, bn = /* @__PURE__ */ P({
   name: "XHeader",
   inheritAttrs: !1,
   __name: "Header",
-  props: po,
+  props: gn,
   setup(a) {
-    const n = a, e = ke(Oe(n, "icon")), t = We(), l = v(() => ({
-      [`is-size-${n.size}`]: !!n.size && n.size !== "default",
-      "is-border": n.border,
+    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, u) => (c(), g(o(B), {
+    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: Y(["x-header__wrapper", l.value]),
           grow: "",
-          onClick: o(t).onClick
+          onClick: n(t).onClick
         }, {
           default: f(() => [
-            o(e) ? (c(), g(J(o(e)), {
+            n(e) ? (u(), g(J(n(e)), {
               key: 0,
               class: "x-header__icon",
-              onClick: o(t).onClickIcon || o(t).onClick
-            }, null, 8, ["onClick"])) : b("", !0),
-            F("span", fo, [
-              S(s.$slots, "default", {}, () => [
-                D(O(n.content), 1)
+              onClick: n(t).onClickIcon || n(t).onClick
+            }, null, 8, ["onClick"])) : h("", !0),
+            F("span", yn, [
+              $(s.$slots, "default", {}, () => [
+                A(j(o.content), 1)
               ])
             ]),
-            n.more ? (c(), g(o(de), {
+            o.more ? (u(), g(n(pe), {
               key: 1,
               class: "x-header__more",
-              icon: o(bn)
-            }, null, 8, ["icon"])) : b("", !0),
-            n.subtitle || s.$slots.subtitle ? (c(), z("span", {
+              icon: n(ho)
+            }, null, 8, ["icon"])) : h("", !0),
+            o.subtitle || s.$slots.subtitle ? (u(), z("span", {
               key: 2,
               class: "x-header__subtitle",
-              onClick: u[0] || (u[0] = //@ts-ignore
-              (...r) => o(t).onClick && o(t).onClick(...r))
+              onClick: c[0] || (c[0] = //@ts-ignore
+              (...r) => n(t).onClick && n(t).onClick(...r))
             }, [
-              S(s.$slots, "subtitle", {}, () => [
-                D(O(n.subtitle), 1)
+              $(s.$slots, "subtitle", {}, () => [
+                A(j(o.subtitle), 1)
               ])
-            ])) : b("", !0)
+            ])) : h("", !0)
           ]),
           _: 3
         }, 8, ["class", "onClick"]),
-        s.$slots.actions ? (c(), z("div", mo, [
-          S(s.$slots, "actions")
-        ])) : b("", !0)
+        s.$slots.actions ? (u(), z("div", vn, [
+          $(s.$slots, "actions")
+        ])) : h("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), yo = {
+}), hn = {
   /**
    * 宽高自适应
    */
@@ -889,28 +897,28 @@ const io = { key: 0 }, ro = /* @__PURE__ */ I({
   footer: {
     type: Object
   }
-}, Ie = /* @__PURE__ */ I({
+}, Ve = /* @__PURE__ */ P({
   name: "XPanel",
   __name: "Panel",
-  props: yo,
-  setup(a, { expose: n }) {
-    const e = a, t = j(), 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
-    }), u = 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) => (c(), g(o(B), {
+    }), (r, i) => (u(), g(n(V), {
       class: Y(["x-panel", l.value]),
       direction: "column",
       fit: e.fit,
@@ -918,105 +926,105 @@ const io = { key: 0 }, ro = /* @__PURE__ */ I({
       height: e.height
     }, {
       default: f(() => [
-        s.value ? (c(), g(o(B), {
+        s.value ? (u(), g(n(V), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
         }, {
           default: f(() => [
-            S(r.$slots, "header", {}, () => [
-              k(o(go), le(he(s.value)), {
+            $(r.$slots, "header", {}, () => [
+              k(n(bn), le(ke(s.value)), {
                 default: f(() => [
-                  S(r.$slots, "title")
+                  $(r.$slots, "title")
                 ]),
                 actions: f(() => [
-                  S(r.$slots, "actions")
+                  $(r.$slots, "actions")
                 ]),
                 _: 3
               }, 16)
             ])
           ]),
           _: 3
-        })) : b("", !0),
-        k(o(B), A({
+        })) : h("", !0),
+        k(n(V), D({
           ref_key: "bodyRef",
           ref: t,
           flex: !1,
-          overflow: u.value,
+          overflow: c.value,
           grow: "",
           padding: "",
           class: "x-panel__body"
         }, e.body), {
           default: f(() => [
-            S(r.$slots, "default")
+            $(r.$slots, "default")
           ]),
           _: 3
         }, 16, ["overflow"]),
-        r.$slots.footer ? (c(), g(o(B), A({
+        r.$slots.footer ? (u(), g(n(V), D({
           key: 1,
           flex: !1,
           padding: "",
           class: "x-panel__footer"
         }, e.footer), {
           default: f(() => [
-            S(r.$slots, "footer")
+            $(r.$slots, "footer")
           ]),
           _: 3
-        }, 16)) : b("", !0)
+        }, 16)) : h("", !0)
       ]),
       _: 3
     }, 8, ["class", "fit", "width", "height"]));
   }
 }), ct = "user-select-none";
-class ut {
-  constructor(n, e = {}) {
-    this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
+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: u } = 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: h, y: _ } = On(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, $) => {
+      onStart: (y, C) => {
         document.body.classList.add(ct), clearTimeout(r), r = setTimeout(() => {
-          this.dragging = !0, d = n.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(y, $);
+          this.dragging = !0, d = o.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(y, C);
         }, l);
       },
-      onEnd: (y, $) => {
+      onEnd: (y, C) => {
         if (clearTimeout(r), document.body.classList.remove(ct), this.dragging && m) {
           this.dragging = !1;
-          const { x: w, y: E } = y, P = this.getPosition(m, d, w, E);
-          u && u(P, $), m = null;
+          const { x: w, y: E } = y, B = this.getPosition(m, d, w, E);
+          c && c(B, C), m = null;
         }
       }
     });
-    K([h, _], () => {
+    U([_, v], () => {
       if (this.dragging && m) {
-        const y = this.getPosition(m, d, h.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, u = -e.width + s, r = n.width - s, i = 0, p = n.height - s, d = Math.min(r, Math.max(t, u)), m = Math.min(p, Math.max(l, i));
+  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 ut {
     this.scope.stop();
   }
 }
-const vo = {
-  mounted(a, n) {
-    const e = n.value || {}, t = new ut(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 && !qe(t.options, e) && (t.destory(), a.__draggable__ = new ut(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);
   }
 }, Le = "user-select-none";
-class dt {
-  constructor(n, e = {}) {
-    this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
+class pt {
+  constructor(o, e = {}) {
+    this.el = o, this.options = e, this.scope = mt(), this.scope.run(() => {
       this.init();
     });
   }
   scope;
-  resizing = j(!1);
-  direction = j("");
+  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 = jn(n), this.cleanMousedown = je(document, "mousedown", () => {
-      this.direction?.value && this.MIE && (this.resizing.value = !0, n.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
+    this.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 && (n.classList.remove(
+      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;
-    }), K(this.direction, (i) => {
+    }), U(this.direction, (i) => {
       const p = document.body;
       p.style.cursor = i ? `${i}-resize` : "", i ? p.classList.add(Le) : p.classList.remove(Le);
     });
-    const { x: u, y: r } = this.MIE;
-    K([u, r], () => {
+    const { x: c, y: r } = this.MIE;
+    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, u = e?.value || "";
-    if (!n || !t.value || !u)
+    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: h } = n, { onResizing: _ } = l, {
+    const { x: r, y: i, elementX: p, elementY: d, elementHeight: m, elementWidth: _ } = o, { onResizing: v } = l, {
       minWidth: y = 0,
-      minHeight: $ = 0,
+      minHeight: C = 0,
       maxWidth: w = 99999,
       maxHeight: E = 99999
     } = l;
-    if (u.includes("e")) {
-      const P = Math.min(Math.max(p.value, y), w);
-      s.style.width = `${P}px`;
+    if (c.includes("e")) {
+      const B = Math.min(Math.max(p.value, y), w);
+      s.style.width = `${B}px`;
     }
-    if (u.includes("s")) {
-      const P = Math.min(Math.max(d.value, $), E);
-      s.style.height = `${P}px`;
+    if (c.includes("s")) {
+      const B = Math.min(Math.max(d.value, C), E);
+      s.style.height = `${B}px`;
     }
-    if (u.includes("w")) {
-      const P = Math.min(
-        Math.max(h.value - p.value, y),
+    if (c.includes("w")) {
+      const B = Math.min(
+        Math.max(_.value - p.value, y),
         w
       );
-      s.style.width = `${P}px`, s.style.left = `${r.value}px`;
+      s.style.width = `${B}px`, s.style.left = `${r.value}px`;
     }
-    if (u.includes("n")) {
-      const P = Math.min(
-        Math.max(m.value - d.value, $),
+    if (c.includes("n")) {
+      const B = Math.min(
+        Math.max(m.value - d.value, C),
         E
       );
-      this.el.style.height = `${P}px`, this.el.style.top = `${i.value}px`;
+      this.el.style.height = `${B}px`, this.el.style.top = `${i.value}px`;
     }
-    _ && _(u, 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: u = ["n", "s", "w", "e"], edge: r = 5 } = this.options;
+    const { dirs: c = ["n", "s", "w", "e"], edge: r = 5 } = this.options;
     let i = "";
-    return u.includes("n") && e.value <= r ? i += "n" : u.includes("s") && e.value > t.value - r && (i += "s"), u.includes("w") && n.value <= r ? i += "w" : u.includes("e") && n.value > l.value - r && (i += "e"), i;
+    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(Le), 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 Vt = {
-  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 && !qe(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);
   }
-}, bo = {
+}, kn = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -1221,9 +1229,9 @@ const Vt = {
     type: Boolean
   }
 };
-let be = 1e3;
-function ho(a, n) {
-  const { width: e, height: t } = zt(n), l = Re({
+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,42 +1239,42 @@ function ho(a, n) {
     height: 0,
     top: 0,
     left: 0,
-    zIndex: ++be,
+    zIndex: ++_e,
     dragging: !1,
     resizing: !1
   });
-  return K([e, t], ([s, u]) => {
-    l.wrapperWidth = s, l.wrapperHeight = u, l.width = Me(a.width, s), l.height = Me(a.height, u), l.left = a.left ? Me(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Me(a.top, u) : Math.max(Math.floor((u - l.height) / 2), 0);
-  }), K(l, (s) => {
-    be = Math.max(s.zIndex, be);
+  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);
+  }), 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: u, 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: `${u}px`,
+      width: `${c}px`,
       height: `${r}px`,
       top: `${i}px`,
       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, ++be));
+      ) || (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, ++be), 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: u, y: r } = s;
-        n.left = u, n.top = r, n.dragging = !1, e("dragEnd", s);
+        const { x: c, y: r } = 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,139 +1339,139 @@ function xo(a, n, e) {
       disabled: t,
       dirs: ["e", "s", "w"],
       onStart(l, s) {
-        n.resizing = !0, n.zIndex = Math.max(n.zIndex, ++be), 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 $o(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 So = ["src"], Ot = /* @__PURE__ */ I({
+const Tn = ["src"], jt = /* @__PURE__ */ P({
   name: "XDialog",
   __name: "Dialog",
-  props: bo,
+  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(), u = j(), r = j(), { state: i, maximized: p, minimized: d, normal: m } = ho(t, u), { styles: h, classes: _, wrapperClass: y, modalStyle: $ } = _o(t, i), { changeMode: w, active: E, close: P, show: C, hide: V, submit: M, cancel: N } = ko(
+  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, u), U = xo(t, i, l), H = $o(t, r);
+    ), x = $n(t, i, l, c), K = Sn(t, i, l), H = zn(t, r);
     Ye(async () => {
-      t.modelValue && (await ve(), s && l("open", s));
+      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: C,
-      hide: V,
-      submit: M,
+      show: S,
+      hide: O,
+      submit: T,
       cancel: N,
-      close: P,
+      close: B,
       componentInstance: H
-    }), (q, ee) => t.modelValue ? (c(), g(yt, {
+    }), (q, ee) => t.modelValue ? (u(), g(vt, {
       key: 0,
       to: "body"
     }, [
       F("div", {
         ref_key: "wrapper",
-        ref: u,
-        class: Y(["x-dialog__wrapper", o(y)])
+        ref: c,
+        class: Y(["x-dialog__wrapper", n(y)])
       }, [
-        t.modal ? (c(), z("div", {
+        t.modal ? (u(), z("div", {
           key: 0,
           class: "x-dialog__modal",
-          style: fe(o($))
-        }, null, 4)) : b("", !0),
-        G((c(), g(o(Ie), A({
+          style: me(n(C))
+        }, null, 4)) : h("", !0),
+        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(h),
+          style: n(_),
           size: t.size,
           body: { padding: t.bodyPadding },
-          onClick: o(E)
-        }, q.$attrs), ue({
+          onClick: n(E)
+        }, q.$attrs), de({
           title: f(() => [
-            D(O(t.title), 1)
+            A(j(t.title), 1)
           ]),
           actions: f(() => [
-            S(q.$slots, "actions"),
-            t.minimizable ? (c(), g(o(te), {
+            $(q.$slots, "actions"),
+            t.minimizable ? (u(), g(n(te), {
               key: 0,
-              icon: o(hn),
+              icon: n(_o),
               size: t.size,
               mode: "icon",
               type: "primary",
               background: "hover",
-              onClick: ee[0] || (ee[0] = (ce) => o(w)("minimized"))
-            }, null, 8, ["icon", "size"])) : b("", !0),
-            t.maximizable ? (c(), z(W, { key: 1 }, [
-              o(m) ? (c(), g(o(te), {
+              onClick: ee[0] || (ee[0] = (ce) => n(w)("minimized"))
+            }, null, 8, ["icon", "size"])) : h("", !0),
+            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] = (ce) => o(w)("maximized"))
-              }, null, 8, ["icon", "size"])) : (c(), 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] = (ce) => o(w)("normal"))
+                onClick: ee[1] || (ee[1] = (ce) => n(w)("normal"))
               }, null, 8, ["icon", "size"]))
-            ], 64)) : b("", !0),
-            t.closable ? (c(), g(o(te), {
+            ], 64)) : h("", !0),
+            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(P)
-            }, null, 8, ["icon", "size", "onClick"])) : b("", !0)
+              onClick: n(B)
+            }, null, 8, ["icon", "size", "onClick"])) : h("", !0)
           ]),
           default: f(() => [
-            S(q.$slots, "default", {}, () => [
-              t.content ? (c(), g(J(t.content), { key: 0 })) : b("", !0),
-              t.src ? (c(), z("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, So)) : b("", !0)
+              }, null, 8, Tn)) : h("", !0)
             ])
           ]),
           _: 2
@@ -1471,38 +1479,38 @@ const So = ["src"], Ot = /* @__PURE__ */ I({
           t.cancel || t.submit || q.$slots.footer || q.$slots.extra || q.$slots.handle ? {
             name: "footer",
             fn: f(() => [
-              S(q.$slots, "footer", {}, () => [
-                k(o(B), { align: "center" }, {
+              $(q.$slots, "footer", {}, () => [
+                k(n(V), { align: "center" }, {
                   default: f(() => [
-                    S(q.$slots, "extra")
+                    $(q.$slots, "extra")
                   ]),
                   _: 3
                 }),
-                k(o(B), { align: "center" }, {
+                k(n(V), { align: "center" }, {
                   default: f(() => [
-                    S(q.$slots, "handle"),
-                    t.cancel ? (c(), 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(() => [
-                        D(O(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
+                        A(j(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : b("", !0),
-                    t.submit ? (c(), g(o(ie), {
+                    }, 8, ["size", "onClick"])) : h("", !0),
+                    t.submit ? (u(), g(n(ie), {
                       key: 1,
                       type: "primary",
                       size: t.size,
-                      onClick: o(M)
+                      onClick: n(T)
                     }, {
                       default: f(() => [
-                        D(O(typeof t.submit == "string" ? t.submit : "确定"), 1)
+                        A(j(typeof t.submit == "string" ? t.submit : "确定"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : b("", !0)
+                    }, 8, ["size", "onClick"])) : h("", !0)
                   ]),
                   _: 3
                 })
@@ -1511,16 +1519,16 @@ const So = ["src"], Ot = /* @__PURE__ */ I({
             key: "0"
           } : void 0
         ]), 1040, ["header", "class", "style", "size", "body", "onClick"])), [
-          [o(vo), o(x)],
-          [o(Vt), o(U)]
+          [n(_n), n(x)],
+          [n(Ot), n(K)]
         ])
       ], 2)
-    ])) : b("", !0);
+    ])) : h("", !0);
   }
 });
-function tt(a, n) {
-  const e = document.createElement("div"), t = k(Ot, 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 Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -1), zo = /* @__PURE__ */ I({
+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((c(), g(o(B), {
-      class: Y(["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(() => [
-        S(e.$slots, "brand"),
-        k(o(B), {
+        $(e.$slots, "brand"),
+        k(n(V), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
           grow: "",
@@ -1555,23 +1563,23 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
           align: "center"
         }, {
           default: f(() => [
-            S(e.$slots, "default"),
-            Co
+            $(e.$slots, "default"),
+            Mn
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class"])), [
-      [o(Vt), {
+      [n(Ot), {
         dirs: ["e"],
-        disabled: n.collapsed,
+        disabled: o.collapsed,
         maxWidth: 500,
         minWidth: 200
       }]
     ]);
   }
-}), Mo = /* @__PURE__ */ I({
+}), Pn = /* @__PURE__ */ P({
   __name: "SwitchBar",
   props: {
     collasped: { type: Boolean, default: !1 },
@@ -1583,8 +1591,8 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:keyword",
     "update:favorite"
   ],
-  setup(a, { emit: n }) {
-    const e = a, t = n, l = j(!1), s = j(""), u = j(!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);
@@ -1593,78 +1601,78 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     }, d = () => {
       t("update:keyword", s.value);
     }, m = () => {
-      t("update:favorite", u.value);
+      t("update:favorite", c.value);
     };
-    return (h, _) => (c(), g(o(B), {
+    return (_, v) => (u(), g(n(V), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
       default: f(() => [
-        e.collasped ? b("", !0) : (c(), g(o(B), {
+        e.collasped ? h("", !0) : (u(), g(n(V), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
           default: f(() => [
-            l.value ? b("", !0) : (c(), g(o(Je), {
+            l.value ? h("", !0) : (u(), g(n(Je), {
               key: 0,
-              modelValue: u.value,
-              "onUpdate:modelValue": _[0] || (_[0] = (y) => u.value = y),
+              modelValue: c.value,
+              "onUpdate:modelValue": v[0] || (v[0] = (y) => c.value = y),
               class: "x-mask-switch-bar__switch",
-              "active-icon": o($t),
-              "inactive-icon": o(xn),
+              "active-icon": n($t),
+              "inactive-icon": n(Co),
               onChange: m
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
-            l.value ? (c(), 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(Ke)
+              "prefix-icon": n(He)
             }, {
               suffix: f(() => [
-                k(o(de), {
-                  icon: o(St),
+                k(n(pe), {
+                  icon: n(St),
                   onClick: i
                 }, null, 8, ["icon"])
               ]),
               _: 1
-            }, 8, ["modelValue", "prefix-icon"])) : b("", !0)
+            }, 8, ["modelValue", "prefix-icon"])) : h("", !0)
           ]),
           _: 1
         })),
-        k(o(B), {
+        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 ? (c(), g(o(te), {
+            !l.value && !e.collasped ? (u(), g(n(te), {
               key: 0,
-              icon: o(Ke),
+              icon: n(He),
               mode: "icon",
               background: "hover",
               size: "default",
               circle: "",
               onClick: r
-            }, null, 8, ["icon"])) : b("", !0),
-            e.collasped ? (c(), g(o(te), {
+            }, null, 8, ["icon"])) : h("", !0),
+            e.collasped ? (u(), g(n(te), {
               key: 1,
-              icon: o($n),
+              icon: n($o),
               mode: "icon",
               size: "default",
               background: "hover",
               onClick: p,
               circle: ""
-            }, null, 8, ["icon"])) : b("", !0),
-            e.collasped ? b("", !0) : (c(), g(o(te), {
+            }, null, 8, ["icon"])) : h("", !0),
+            e.collasped ? h("", !0) : (u(), g(n(te), {
               key: 2,
-              icon: o(Sn),
+              icon: n(So),
               mode: "icon",
               size: "default",
               background: "hover",
@@ -1678,7 +1686,7 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }));
   }
-}), To = ["src"], Eo = { key: 0 }, Po = /* @__PURE__ */ I({
+}), Bn = ["src"], Vn = { key: 0 }, In = /* @__PURE__ */ P({
   __name: "Brand",
   props: {
     collapsed: { type: Boolean, default: !1 },
@@ -1687,15 +1695,15 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     url: {}
   },
   setup(a) {
-    const n = a, e = Ze(), t = () => {
-      n.url && e.push(n.url);
+    const o = a, e = Ze(), t = () => {
+      o.url && e.push(o.url);
     };
-    return (l, s) => (c(), g(o(B), {
-      class: Y(["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,26 +1711,26 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
           onClick: t
         }, {
           default: f(() => [
-            S(l.$slots, "logo", {}, () => [
-              n.logo ? (c(), z("img", {
+            $(l.$slots, "logo", {}, () => [
+              o.logo ? (u(), z("img", {
                 key: 0,
-                src: n.logo
-              }, null, 8, To)) : b("", !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 ? (c(), z("span", Eo, [
-              S(l.$slots, "title", {}, () => [
-                D(O(n.title), 1)
+            o.title ? (u(), z("span", Vn, [
+              $(l.$slots, "title", {}, () => [
+                A(j(o.title), 1)
               ])
-            ])) : b("", !0)
+            ])) : h("", !0)
           ]),
           _: 3
         })
@@ -1730,7 +1738,7 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), Te = "__favorites__", Ee = "__search__", Bo = /* @__PURE__ */ I({
+}), Me = "__favorites__", Ee = "__search__", On = /* @__PURE__ */ P({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1742,27 +1750,27 @@ const Co = /* @__PURE__ */ F("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)), u = v(() => [
+  setup(a, { emit: o }) {
+    const e = a, t = b(() => e.menus || []), l = o, s = b(() => String(e.active?.id)), c = b(() => [
       {
-        id: Te,
+        id: Me,
         title: "收藏",
-        icon: Ct,
+        icon: zt,
         children: e.favorites?.length ? e.favorites : [
           {
-            id: Te + "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: Ee,
           title: "搜索",
-          icon: Ke,
+          icon: He,
           children: d?.length ? d : [
             {
               id: Ee + "empty",
@@ -1775,15 +1783,15 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     }), i = (p) => {
       l("select", p);
     };
-    return (p, d) => (c(), z(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 Co = /* @__PURE__ */ F("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 ? b("", !0) : (c(), g(o(ht), {
+          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",
@@ -1837,17 +1845,17 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: u.value,
-            "default-icon": o(me),
+            data: c.value,
+            "default-icon": n(ge),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Te],
+            "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",
@@ -1855,22 +1863,22 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: u.value,
-            "default-icon": o(me),
+            data: c.value,
+            "default-icon": n(ge),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Te],
+            "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((c(), g(o(B), {
+      e.keyword ? G((u(), g(n(V), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
@@ -1878,7 +1886,7 @@ const Co = /* @__PURE__ */ F("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 Co = /* @__PURE__ */ F("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": [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 Co = /* @__PURE__ */ F("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": [Ee],
             onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [oe, !e.collapse]
+            [ne, !e.collapse]
           ])
         ]),
         _: 1
       }, 512)), [
-        [oe, !!e.keyword]
-      ]) : b("", !0)
+        [ne, !!e.keyword]
+      ]) : h("", !0)
     ], 64));
   }
-}), Io = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1711803009570'%20class='icon'%20viewBox='0%200%201280%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1500'%20width='320'%20height='256'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M557.85%201023l-122-35.4c-12.8-3.6-20-17-16.4-29.8L692.45%2017.4c3.6-12.8%2017-20%2029.8-16.4l122%2035.4c12.8%203.6%2020%2017%2016.4%2029.8L587.65%201006.6c-3.8%2012.8-17%2020.2-29.8%2016.4z%20m-228-224.4l87-92.8c9.2-9.8%208.6-25.4-1.6-34.4L234.05%20512l181.2-159.4c10.2-9%2011-24.6%201.6-34.4l-87-92.8c-9-9.6-24.2-10.2-34-1L7.65%20494.4c-10.2%209.4-10.2%2025.6%200%2035l288.2%20270.2c9.8%209.2%2025%208.8%2034-1z%20m654.4%201.2l288.2-270.2c10.2-9.4%2010.2-25.6%200-35L984.25%20224.2c-9.6-9-24.8-8.6-34%201L863.25%20318c-9.2%209.8-8.6%2025.4%201.6%2034.4L1046.05%20512l-181.2%20159.4c-10.2%209-11%2024.6-1.6%2034.4l87%2092.8c9%209.8%2024.2%2010.2%2034%201.2z'%20fill='%230157fe'%20p-id='1501'%3e%3c/path%3e%3c/svg%3e", Vo = 140, Oo = {
+}), 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: Io
+    default: jn
   },
   /**
    * 系统标题
@@ -2004,7 +2012,7 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
   removeFavorite: {
     type: Function
   }
-}, jt = Symbol(), Rt = Symbol(), jo = { class: "x-mask-tabs__trigger" }, Ro = { key: 1 }, Do = ["onDragstart", "onDragend"], Ao = { key: 1 }, Fo = /* @__PURE__ */ I({
+}, 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 Co = /* @__PURE__ */ F("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(
-        (h) => h === d.menu || h.id === d.menu?.id
+        (_) => _ === d.menu || _.id === d.menu?.id
       );
       return [
         {
-          icon: Cn,
+          icon: zo,
           label: "刷新",
           name: "refresh",
           value: d
         },
         "|",
         {
-          icon: m ? $t : Ct,
+          icon: m ? $t : zt,
           label: "收藏",
           name: "favorite",
           value: d.menu,
@@ -2036,7 +2044,7 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
         },
         "|",
         {
-          icon: zn,
+          icon: To,
           label: "弹窗",
           name: "dialog",
           value: d
@@ -2048,10 +2056,10 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
         t("click", e.home);
         return;
       }
-      const h = e.tabs.find((_) => _.id === m);
-      h && t("click", h);
-    }, u = (d) => {
-      const m = e.tabs.find((h) => h.id === d);
+      const _ = e.tabs.find((v) => v.id === m);
+      _ && t("click", _);
+    }, c = (d) => {
+      const m = e.tabs.find((_) => _.id === d);
       m && t("remove", m);
     }, r = (d) => {
       switch (d.name) {
@@ -2070,7 +2078,7 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     }, p = (d, m) => {
       m.target && m.target.classList.remove("is-dagging");
     };
-    return (d, m) => (c(), g(o(B), {
+    return (d, m) => (u(), g(n(V), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2080,53 +2088,53 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       direction: "column"
     }, {
       default: f(() => [
-        k(o(_t), {
+        k(n(kt), {
           type: "card",
           "model-value": e.value,
-          onTabRemove: u,
+          onTabRemove: c,
           onTabClick: s
         }, {
           default: f(() => [
-            e.home ? (c(), g(o(He), {
+            e.home ? (u(), g(n(Ue), {
               key: 0,
               name: e.home.id
             }, {
               label: f(() => [
-                F("div", jo, [
-                  e.home.icon ? (c(), g(J(o(ke)(e.home.icon)), { key: 0 })) : b("", !0),
-                  e.home.title ? (c(), z("span", Ro, O(e.home.title), 1)) : b("", !0)
+                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"])) : b("", !0),
-            (c(!0), z(W, null, Z(e.tabs, (h) => (c(), g(o(He), {
-              key: h.id,
-              name: h.id,
+            }, 8, ["name"])) : h("", !0),
+            (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: h.id !== e.value
+                  disabled: _.id !== e.value
                 }, {
                   reference: f(() => [
                     F("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (_) => i(h, _),
-                      onDragend: (_) => p(h, _)
+                      onDragstart: (v) => i(_, v),
+                      onDragend: (v) => p(_, v)
                     }, [
-                      h.icon ? (c(), g(J(o(ke)(h.icon)), { key: 0 })) : b("", !0),
-                      h.title ? (c(), z("span", Ao, O(h.title), 1)) : b("", !0)
-                    ], 40, Do)
+                      _.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(h),
+                    k(n(tt), {
+                      items: l(_),
                       mode: "text",
                       size: "small",
                       type: "info",
@@ -2145,20 +2153,20 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }, 512));
   }
-}), No = /* @__PURE__ */ I({
+}), Kn = /* @__PURE__ */ P({
   __name: "ThemeSwitch",
   setup(a) {
-    const n = Rn();
-    return (e, t) => (c(), g(o(Je), {
+    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) => Pe(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(Mn),
-      "inactive-action-icon": o(Tn)
+      "active-action-icon": n(Mo),
+      "inactive-action-icon": n(Eo)
     }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
   }
-}), Xo = { class: "x-mask-toolbar__menu-item" }, Lo = /* @__PURE__ */ I({
+}), Un = { class: "x-mask-toolbar__menu-item" }, Hn = /* @__PURE__ */ P({
   __name: "Toolbar",
   props: {
     tabs: { default: () => [] },
@@ -2173,8 +2181,8 @@ const Co = /* @__PURE__ */ F("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,
@@ -2193,7 +2201,7 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
       ];
     }), s = (p) => {
       t("closeTab", p.command);
-    }, u = (p) => {
+    }, c = (p) => {
       switch (p.command) {
         case "all":
           t("closeAllTabs");
@@ -2210,34 +2218,34 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     }, i = (p, d) => {
       t("actionCommand", p, d);
     };
-    return (p, d) => (c(), g(o(B), {
+    return (p, d) => (u(), g(n(V), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
       default: f(() => [
-        k(o(te), {
-          icon: o(En),
+        k(n(te), {
+          icon: n(Po),
           menus: l.value,
           dropdown: { size: "small" },
           mode: "icon",
           circle: "",
           background: "hover",
-          onCommand: u
+          onCommand: c
         }, {
           item: f(({ item: m }) => [
-            F("span", Xo, [
-              D(O(m.label) + " ", 1),
-              ["other", "all"].includes(m.command) ? b("", !0) : (c(), 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((h) => s(m), ["stop"]),
-                icon: o(St)
+                onClick: bt((_) => s(m), ["stop"]),
+                icon: n(St)
               }, null, 8, ["onClick", "icon"]))
             ])
           ]),
           _: 1
         }, 8, ["icon", "menus"]),
-        k(o(se), { direction: "vertical" }),
-        e.actions ? (c(), g(o(et), {
+        k(n(se), { direction: "vertical" }),
+        e.actions ? (u(), g(n(tt), {
           key: 0,
           circle: "",
           mode: "icon",
@@ -2246,72 +2254,72 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
           items: p.actions,
           onClick: r,
           onCommand: i
-        }, null, 8, ["items"])) : b("", !0),
-        e.actions ? (c(), g(o(se), {
+        }, null, 8, ["items"])) : h("", !0),
+        e.actions ? (u(), g(n(se), {
           key: 1,
           direction: "vertical"
-        })) : b("", !0),
-        e.theme ? (c(), g(No, { key: 2 })) : b("", !0),
-        e.theme ? (c(), g(o(se), {
+        })) : h("", !0),
+        e.theme ? (u(), g(Kn, { key: 2 })) : h("", !0),
+        e.theme ? (u(), g(n(se), {
           key: 3,
           direction: "vertical"
-        })) : b("", !0),
-        S(p.$slots, "default")
+        })) : h("", !0),
+        $(p.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Uo = /* @__PURE__ */ I({
+}), Wn = /* @__PURE__ */ P({
   __name: "Avatar",
   props: {
     avatar: {}
   },
   setup(a) {
-    const n = a;
-    return (e, t) => (c(), 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(Pn),
-          src: n.avatar,
+          icon: n(Bo),
+          src: o.avatar,
           size: 26
         }, null, 8, ["icon", "src"])
       ]),
       default: f(() => [
-        e.$slots.default ? S(e.$slots, "default", { key: 0 }) : b("", !0)
+        e.$slots.default ? $(e.$slots, "default", { key: 0 }) : h("", !0)
       ]),
       _: 3
     }, 8, ["disabled"]));
   }
-}), pt = /* @__PURE__ */ I({
+}), ft = /* @__PURE__ */ P({
   __name: "Content",
   props: {
     createView: { type: Function },
     exclude: {}
   },
   setup(a) {
-    const n = a;
-    return (e, t) => (c(), g(o(B), {
+    const o = a;
+    return (e, t) => (u(), g(n(V), {
       class: "x-mask__content",
       flex: !1,
       grow: "",
       padding: !1
     }, {
       default: f(() => [
-        S(e.$slots, "default"),
-        k(o(Kn), null, {
+        $(e.$slots, "default"),
+        k(n(Yo), null, {
           default: f(({ Component: l, route: s }) => [
-            (c(), g(Ht, {
-              exclude: n.exclude
+            (u(), g(Ht, {
+              exclude: o.exclude
             }, [
-              l ? (c(), g(J(n.createView(l, s)), {
+              l ? (u(), g(J(o.createView(l, s)), {
                 key: s.fullPath
-              })) : b("", !0)
+              })) : h("", !0)
             ], 1032, ["exclude"]))
           ]),
           _: 1
@@ -2321,67 +2329,67 @@ const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -
     }));
   }
 });
-function Ho() {
-  const a = j(!1), n = j(""), e = j(!1);
+function Yn() {
+  const a = I(!1), o = I(""), e = I(!1);
   return {
     collapsed: a,
-    keyword: n,
+    keyword: o,
     favorite: e
   };
 }
-function Ko(a) {
-  const n = Mt();
-  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 Dt(a, n) {
+function Dt(a, o) {
   let e = [];
   return a.forEach((t) => {
-    t = n ? n(t) : t, t.children ? e = e.concat(Dt(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 = Ze(), t = Ve([]), l = Ve([]), s = v(() => Dt(t.value, a.menuAdapter)), u = v(() => Fn(s.value, "id")), r = j(null), i = (y) => {
-    const $ = typeof y == "object" ? y.id : y, w = u.value.get($);
+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: E = "route", url: P, title: C, icon: V } = w;
-    if (!P) {
-      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 (E === "route") {
-      Nn(P) || P.startsWith("//") ? window.open(P) : (r.value = w, e.push(P).catch((M) => M));
+      Xo(B) || B.startsWith("//") ? window.open(B) : (r.value = w, e.push(B).catch((T) => T));
       return;
     }
     if (E === "window") {
-      window.open(P);
+      window.open(B);
       return;
     }
-    E === "dialog" && tt({
+    E === "dialog" && ot({
       resizable: !0,
       bodyPadding: !1,
       width: "80%",
       height: "80%",
-      title: C,
-      icon: V,
-      src: P
+      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(($) => $.id !== y.id), a.removeFavorite && a.removeFavorite(y);
-  }, h = (y) => !!l.value.find(($) => $ === y || $.id === y.id), _ = (y) => {
-    h(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 Ye(p), {
     menus: t,
@@ -2389,56 +2397,56 @@ function Wo(a, n) {
     flatMenus: s,
     active: r,
     select: i,
-    toggleFavorite: _
+    toggleFavorite: v
   };
 }
-function Yo(a, n, e, t, l) {
-  const s = Pt(), u = Ze(), r = {}, i = j([]), p = j(), { width: d } = zt(p), m = v(() => Math.floor(d.value / Vo)), h = v(
-    () => i.value.slice(0, m.value).filter((T) => !T.dialog)
-  ), _ = v(() => i.value.slice(m.value)), y = (T) => e.value.find((R) => R.url === T), $ = (T) => s.fullPath === T.url, w = (T) => l.value.id === T ? l.value : i.value.find((R) => R.id === T), E = j(""), P = v(() => w(E.value)), C = (T) => {
-    u.push(T.url).catch((R) => R);
-  }, V = (T) => {
-    E.value = T.id, s.fullPath !== T.url && C(T);
-  }, M = () => {
-    C(l.value);
-  }, N = (T) => {
-    const R = i.value.find((X) => X.url === T.url || X.id === T.id);
-    R ? V(R) : (i.value.unshift(T), V(T));
-  }, x = async (T) => {
-    const { url: R = s.fullPath, icon: X, title: Ce = "新建标签页" } = T || {}, ze = r[R], De = Mt(), Ae = Tt(R);
+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 = () => {
+    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: De,
-      name: Ae,
+      id: Ae,
+      name: De,
       url: R,
       icon: X,
-      title: Ce,
+      title: Se,
       closable: !0,
-      menu: T,
+      menu: M,
       ...ze ? await ze() : {}
     };
-  }, U = async (T) => {
+  }, K = async (M) => {
     if (await Fe.confirm("是否关闭页签", "提示", {
       type: "warning"
     }).catch(() => !1)) {
-      if (i.value = i.value.filter((X) => X.id !== T.id), E.value === T.id) {
+      if (i.value = i.value.filter((X) => X.id !== M.id), E.value === M.id) {
         const X = i.value[0];
-        C(X || l.value);
+        S(X || l.value);
       }
-      return T;
+      return M;
     }
-  }, H = (T) => {
-    const R = i.value.findIndex((X) => X.id === T.id);
+  }, 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, T));
+      i.value.splice(R, 1, Object.assign(X, M));
     }
-  }, re = async () => {
+  }, ue = async () => {
     if (!await Fe.confirm("是否关闭全部页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
     const R = i.value;
-    return i.value = [], V(l.value), R;
+    return i.value = [], O(l.value), R;
   }, q = async () => {
     if (!await Fe.confirm("是否关闭其他页签", "提示", {
       type: "warning"
@@ -2446,219 +2454,219 @@ function Yo(a, n, e, t, l) {
       return;
     const R = i.value.filter((X) => X.id !== E.value);
     return i.value = i.value.filter((X) => X.id === E.value), R;
-  }, ee = (T) => {
-    const R = i.value.filter((X) => X.id !== T.id);
-    i.value = [T, ...R], V(T);
+  }, ee = (M) => {
+    const R = i.value.filter((X) => X.id !== M.id);
+    i.value = [M, ...R], O(M);
   }, ce = async () => {
-    await ve();
-    const T = l.value.url === s.fullPath, R = y(s.fullPath);
-    if (T)
+    await he();
+    const M = l.value.url === s.fullPath, R = y(s.fullPath);
+    if (M)
       E.value = l.value.id;
     else {
       const X = await x(R);
       N(X);
     }
-    await ve(), t.value = R || null;
+    await he(), t.value = R || null;
   };
-  return K(e, ce), K(s, ce, { immediate: !0 }), Se(jt, r), {
+  return U(e, ce), U(s, ce, { immediate: !0 }), $e(Rt, r), {
     tabRef: p,
     tabs: i,
-    showTabs: h,
-    currentTab: P,
-    changeTab: C,
-    removeTab: U,
+    showTabs: _,
+    currentTab: B,
+    changeTab: S,
+    removeTab: K,
     updateTab: H,
     addTab: N,
     home: l,
     tabValue: E,
-    isCurrentTab: $,
-    activeHome: M,
-    activeTab: V,
-    dropdownTabs: _,
-    removeAllTabs: re,
+    isCurrentTab: C,
+    activeHome: T,
+    activeTab: O,
+    dropdownTabs: v,
+    removeAllTabs: ue,
     removeOtherTabs: q,
     moveToShow: ee
   };
 }
-function Jo(a) {
-  const n = /* @__PURE__ */ new Map(), e = j([]), t = Re({}), l = pe(), s = {}, { updateTab: u, isCurrentTab: r, activeHome: i, tabs: p } = a, d = (C, V) => {
-    const M = V.fullPath;
-    if (n.has(M))
-      return n.get(M);
+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 = Tt(M), x = {
+      const N = Et(T), x = {
         name: N,
         setup() {
-          const U = v(() => t[M] || document.body), H = v(() => !t[M]), re = v(() => !e.value.includes(N));
-          return Se(
-            Wn,
-            ye({ ...V })
-          ), () => 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: U.value,
+              to: K.value,
               disabled: H.value
             },
-            [ae(C)]
+            [ae(S)]
           ) : null;
         }
       };
-      return n.set(M, x), x;
+      return o.set(T, x), x;
     }
-  }, m = (C) => {
-    C.dialog = void 0, delete t[C.url];
-    const V = s[C.id];
-    V && (V.destroy(), delete s[C.id], u(C));
-  }, h = (C = []) => {
-    C.forEach((V) => {
-      m(V);
+  }, 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 (C) => {
-    C.dialog = {
-      ...C.dialog,
+  }, v = async (S) => {
+    S.dialog = {
+      ...S.dialog,
       onMinimized: () => {
-        m(C);
+        m(S);
       },
       onClose: async () => {
-        m(C), p.value = p.value.filter((M) => M.id !== C.id);
+        m(S), p.value = p.value.filter((T) => T.id !== S.id);
       }
-    }, u(C);
-    const V = tt(
+    }, c(S);
+    const O = ot(
       {
-        title: C.title,
-        icon: C.icon,
+        title: S.title,
+        icon: S.icon,
         modal: !1,
         resizable: !0,
         draggable: !0,
         maximizable: !0,
         minimizable: !0,
-        ...C.dialog,
-        onOpen(M) {
-          t[C.url] = M.refs.panelRef?.bodyRef?.$el;
+        ...S.dialog,
+        onOpen(T) {
+          t[S.url] = T.refs.panelRef?.bodyRef?.$el;
         }
       },
       l?.appContext
     );
-    return await ve(), r(C) && i(), s[C.id] = V, V;
-  }, y = async (C) => {
-    e.value = [C.name], await ve(), e.value = [];
-  }, $ = async (C) => {
-    e.value = C.map((V) => V.name), await ve(), e.value = [];
-  }, w = (C) => (C.preventDefault(), !1), E = (C) => {
-    if (C.dataTransfer) {
-      const V = C.dataTransfer.getData("tab"), M = p.value.find((N) => N.id === V);
-      if (M) {
-        const { clientX: N, clientY: x } = C;
-        M.dialog = {
+    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 } = S;
+        T.dialog = {
           left: N,
           top: x
-        }, _(M);
+        }, v(T);
       }
     }
-  }, P = (C) => !!t[C];
+  }, B = (S) => !!t[S];
   return je(document, "dragover", w), je(document, "drop", E), {
     createView: d,
-    openDialog: _,
+    openDialog: v,
     refresh: y,
     exclude: e,
-    cleanCache: $,
-    hasDialog: P,
+    cleanCache: C,
+    hasDialog: B,
     closeDialog: m,
-    closeDialogs: h
+    closeDialogs: _
   };
 }
-const Ua = /* @__PURE__ */ I({
+const Za = /* @__PURE__ */ P({
   name: "XMask",
   __name: "Mask",
-  props: Oo,
+  props: An,
   emits: ["select", "actionClick", "actionCommand"],
-  setup(a, { emit: n }) {
-    const e = a, t = n, l = Ko(e), { collapsed: s, keyword: u, favorite: r } = Ho(), { menus: i, favorites: p, flatMenus: d, active: m, select: h, toggleFavorite: _ } = Wo(e, t), {
+  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: $,
+      showTabs: C,
       currentTab: w,
       changeTab: E,
-      removeTab: P,
-      tabs: C,
-      updateTab: V,
-      isCurrentTab: M,
+      removeTab: B,
+      tabs: S,
+      updateTab: O,
+      isCurrentTab: T,
       activeHome: N,
       removeAllTabs: x,
-      removeOtherTabs: U,
+      removeOtherTabs: K,
       dropdownTabs: H,
-      moveToShow: re
-    } = Yo(e, t, d, m, l), { createView: q, openDialog: ee, refresh: ce, exclude: T, cleanCache: R, closeDialogs: X } = Jo({
-      tabs: C,
-      updateTab: V,
-      isCurrentTab: M,
+      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
-    }), Ce = async (L) => {
-      await P(L) && await R([L]);
+    }), Se = async (L) => {
+      await B(L) && await R([L]);
     }, ze = async () => {
       const L = await x();
       L && (X(L), await R(L));
-    }, De = async () => {
-      const L = await U();
+    }, Ae = async () => {
+      const L = await K();
       L && (X(L), await R(L));
-    }, Ae = (L) => {
+    }, De = (L) => {
       t("actionClick", L);
-    }, Xt = (L, ne) => {
-      t("actionCommand", L, ne);
+    }, Lt = (L, oe) => {
+      t("actionCommand", L, oe);
     };
-    return Se(Rt, {
-      tabs: C,
+    return $e(At, {
+      tabs: S,
       flatMenus: d,
       favorites: p,
-      updateTab: V,
+      updateTab: O,
       active: m,
       currentTab: w
-    }), (L, ne) => (c(), g(o(B), {
+    }), (L, oe) => (u(), g(n(V), {
       class: Y(["x-mask", { "is-disabled": e.disabled }]),
       fit: ""
     }, {
       default: f(() => [
-        e.disabled ? (c(), g(pt, {
+        e.disabled ? (u(), g(ft, {
           key: 1,
-          createView: o(q),
-          exclude: o(T)
+          createView: n(q),
+          exclude: n(M)
         }, {
           default: f(() => [
-            L.$slots.default ? S(L.$slots, "default", { key: 0 }) : b("", !0)
+            L.$slots.default ? $(L.$slots, "default", { key: 0 }) : h("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (c(), z(W, { key: 0 }, [
-          k(zo, { collapsed: o(s) }, {
+        }, 8, ["createView", "exclude"])) : (u(), z(W, { key: 0 }, [
+          k(En, { collapsed: n(s) }, {
             brand: f(() => [
-              k(Po, {
+              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(Mo, {
-                collasped: o(s),
-                "onUpdate:collasped": ne[0] || (ne[0] = (xe) => Pe(s) ? s.value = xe : null),
-                favorite: o(r),
-                "onUpdate:favorite": ne[1] || (ne[1] = (xe) => Pe(r) ? r.value = xe : null),
-                keyword: o(u),
-                "onUpdate:keyword": ne[2] || (ne[2] = (xe) => Pe(u) ? u.value = xe : null)
+              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(u),
-                favorite: o(r),
-                favorites: o(p),
-                flatMenus: o(d),
-                menus: o(i),
-                active: o(m),
-                onSelect: o(h)
+              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 Ua = /* @__PURE__ */ I({
             direction: "column"
           }, {
             default: f(() => [
-              k(o(B), {
+              k(n(V), {
                 class: "x-mask-topbar",
                 justify: "space-between",
                 align: "center"
               }, {
                 default: f(() => [
-                  k(Fo, {
+                  k(Ln, {
                     ref_key: "tabRef",
                     ref: y,
-                    favorites: o(p),
-                    tabs: o($),
-                    home: o(l),
-                    value: o(w)?.id,
-                    onClick: o(E),
-                    onToggleFavorite: o(_),
-                    onRemove: Ce,
-                    onDialog: o(ee),
-                    onRefresh: o(ce)
+                    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(Lo, {
-                    tabs: o(H),
+                  k(Hn, {
+                    tabs: n(H),
                     actions: e.actions,
                     theme: e.theme,
-                    onCloseOtherTabs: De,
+                    onCloseOtherTabs: Ae,
                     onCloseAllTabs: ze,
-                    onCloseTab: Ce,
-                    onClickTab: o(re),
-                    onActionClick: Ae,
-                    onActionCommand: Xt
+                    onCloseTab: Se,
+                    onClickTab: n(ue),
+                    onActionClick: De,
+                    onActionCommand: Lt
                   }, {
                     default: f(() => [
-                      k(Uo, {
+                      k(Wn, {
                         avatar: e.avatar
-                      }, ue({ _: 2 }, [
+                      }, de({ _: 2 }, [
                         L.$slots.user ? {
                           name: "default",
                           fn: f(() => [
-                            S(L.$slots, "user")
+                            $(L.$slots, "user")
                           ]),
                           key: "0"
                         } : void 0
@@ -2714,12 +2722,12 @@ const Ua = /* @__PURE__ */ I({
                 ]),
                 _: 3
               }),
-              k(pt, {
-                createView: o(q),
-                exclude: o(T)
+              k(ft, {
+                createView: n(q),
+                exclude: n(M)
               }, {
                 default: f(() => [
-                  L.$slots.default ? S(L.$slots, "default", { key: 0 }) : b("", !0)
+                  L.$slots.default ? $(L.$slots, "default", { key: 0 }) : h("", !0)
                 ]),
                 _: 3
               }, 8, ["createView", "exclude"])
@@ -2732,33 +2740,33 @@ const Ua = /* @__PURE__ */ I({
     }, 8, ["class"]));
   }
 });
-function Ha(a = {}) {
-  const n = Pt(), e = $e(jt, null), t = $e(Rt, 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 qo = /* @__PURE__ */ I({
+const Qn = /* @__PURE__ */ P({
   __name: "SelectEditor",
   props: {
     options: { default: () => [] }
   },
   setup(a) {
-    const n = a;
-    return (e, t) => (c(), g(o(wt), le(he(e.$attrs)), {
+    const o = a;
+    return (e, t) => (u(), g(n(xt), le(ke(e.$attrs)), {
       default: f(() => [
-        (c(!0), z(W, null, Z(n.options, (l, s) => (c(), g(o(xt), A({
+        (u(!0), z(W, null, Z(o.options, (l, s) => (u(), g(n(Ct), D({
           key: `item_${s}_${l.value}`
-        }, l), ue({ _: 2 }, [
+        }, l), de({ _: 2 }, [
           e.$slots.option ? {
             name: "default",
             fn: f(() => [
-              S(e.$slots, "option", { option: l })
+              $(e.$slots, "option", { option: l })
             ]),
             key: "0"
           } : void 0
@@ -2767,25 +2775,25 @@ const qo = /* @__PURE__ */ I({
       _: 3
     }, 16));
   }
-}), Go = /* @__PURE__ */ I({
+}), 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) => (c(), g(o(on), le(he(t.$attrs)), {
+    return (t, l) => (u(), g(n(ao), le(ke(t.$attrs)), {
       default: f(() => [
-        (c(!0), z(W, null, Z(n.options, (s, u) => (c(), g(J(e.value), {
-          key: `item_${u}_${s.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(() => [
-            D(O(s.label), 1)
+            A(j(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label", "value"]))), 128))
@@ -2793,25 +2801,25 @@ const qo = /* @__PURE__ */ I({
       _: 1
     }, 16));
   }
-}), Zo = /* @__PURE__ */ I({
+}), 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) => (c(), g(o(ln), le(he(t.$attrs)), {
+    return (t, l) => (u(), g(n(io), le(ke(t.$attrs)), {
       default: f(() => [
-        (c(!0), z(W, null, Z(n.options, (s, u) => (c(), g(J(e.value), {
-          key: `item_${u}_${s.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(() => [
-            D(O(s.label), 1)
+            A(j(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label", "value"]))), 128))
@@ -2819,7 +2827,7 @@ const qo = /* @__PURE__ */ I({
       _: 1
     }, 16));
   }
-}), At = {
+}), Ft = {
   none: {
     component: "div",
     props: {
@@ -2827,14 +2835,14 @@ const qo = /* @__PURE__ */ I({
     }
   },
   text: {
-    component: _e,
+    component: we,
     props: {
       clearable: !0
     },
     defaultValue: ""
   },
   textarea: {
-    component: _e,
+    component: we,
     props: {
       type: "textarea",
       rows: 2
@@ -2842,34 +2850,34 @@ const qo = /* @__PURE__ */ I({
     defaultValue: ""
   },
   select: {
-    component: qo,
+    component: Qn,
     props: {
       clearable: !0
     }
   },
   checkbox: {
-    component: Go,
+    component: ea,
     props: {},
     defaultValue: []
   },
   radio: {
-    component: Zo,
+    component: ta,
     props: {}
   },
   number: {
-    component: rn,
+    component: ro,
     props: {}
   },
   date: {
-    component: ot,
+    component: at,
     props: {}
   },
   time: {
-    component: cn,
+    component: uo,
     props: {}
   },
   datetime: {
-    component: ot,
+    component: at,
     props: {
       type: "datetime"
     }
@@ -2879,18 +2887,18 @@ const qo = /* @__PURE__ */ I({
     props: {}
   },
   rate: {
-    component: un,
+    component: co,
     props: {}
   },
   slider: {
-    component: dn,
+    component: po,
     props: {}
   },
   cascader: {
-    component: pn,
+    component: fo,
     props: {}
   }
-}, Qo = {
+}, oa = {
   /**
    * 字段名称
    */
@@ -2922,7 +2930,7 @@ const qo = /* @__PURE__ */ I({
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default(a) {
-      return At[a.editor]?.defaultValue;
+      return Ft[a.editor]?.defaultValue;
     }
   },
   /**
@@ -3004,17 +3012,17 @@ const qo = /* @__PURE__ */ I({
     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 = j([]), u = v(() => !t || !l ? {} : Et(a.cascader).reduce((p, d) => (p[d] = Be(l, d), p), {}));
-  return K(
-    u,
+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: h
-      } = a, _ = {
+        readonly: _
+      } = a, v = {
         ...a.props,
         placeholder: p || (p === null ? void 0 : `请输入${d}`),
         disabled: m,
-        readonly: h,
+        readonly: _,
         options: s.value,
-        onFocus: () => n("focus"),
-        onBlur: () => n("blur"),
-        onChange: ($) => n("change", $)
-      }, y = typeof i == "string" ? At[i] : {
+        onFocus: () => o("focus"),
+        onBlur: () => o("blur"),
+        onChange: (C) => o("change", C)
+      }, y = typeof i == "string" ? Ft[i] : {
         component: i,
         props: {}
       };
-      return Xn({}, 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__ */ I({
+}, 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 = $e(Ft, null), u = $e(fn, null), r = $e(Nt, null), i = v(() => !s?.proxy || !r ? t.visible : typeof t.visible == "function" ? t.visible(r) : Ge(t.visible) ? Object.entries(t.visible).every(([U, H]) => Be(r, U) === H) : t.visible), p = () => s?.proxy && r && t.name ? Be(r, t.name) ?? t.modelValue : t.modelValue, d = j(p()), { editor: m } = ta(
+  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
-    ), h = j(), _ = j(), y = v(
-      () => t.size || u?.size || "default"
-    ), $ = v(() => Object.assign(
+    ), _ = I(), v = I(), y = b(
+      () => t.size || c?.size || "default"
+    ), 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, E = 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
       };
-    }), P = v(() => {
+    }), B = b(() => {
       const x = s?.proxy;
       return {
         width: t.width ? Q(t.width) : x && x.inline && x.inlineColumns ? `${100 / x.inlineColumns}%` : null
       };
-    }), C = v(() => ({
+    }), S = b(() => ({
       right: typeof t.tooltipPosition == "number" ? `${t.tooltipPosition}px` : void 0
-    })), V = v(() => ({
+    })), O = b(() => ({
       ...m.value.props,
       modelValue: d.value,
       "onUpdate:modelValue": (x) => {
         d.value = x;
       }
     }));
-    return K(d, (x, U) => {
-      i.value && !qe(x, U) && (l("update:modelValue", x), s?.proxy && r && t.name && Xe(r, t.name, x));
-    }), K(
+    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,7 +3110,7 @@ const na = {
       {
         immediate: !0
       }
-    ), K(
+    ), U(
       i,
       (x) => {
         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)));
@@ -3110,90 +3118,90 @@ const na = {
       {
         immediate: !0
       }
-    ), n({
+    ), o({
       fieldValue: d,
-      itemRef: h,
-      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, U) => i.value ? (c(), g(o(mn), A({
+    }), (x, K) => i.value ? (u(), g(n(go), D({
       key: 0,
       class: ["x-field", E.value],
       ref_key: "itemRef",
-      ref: h,
+      ref: _,
       prop: t.name,
       label: x.label,
       size: y.value,
-      style: P.value
-    }, x.$attrs), ue({
+      style: B.value
+    }, x.$attrs), de({
       error: f(({ error: H }) => [
-        S(x.$slots, "error", { error: H }, () => [
-          o(s)?.props.tooltipMessage ?? t.tooltipMessage ? (c(), z("div", {
+        $(x.$slots, "error", { error: H }, () => [
+          n(s)?.props.tooltipMessage ?? t.tooltipMessage ? (u(), z("div", {
             key: 0,
             class: "x-field__info",
-            style: fe(C.value)
+            style: me(S.value)
           }, [
-            k(o(bt), A({
+            k(n(ht), D({
               content: w(H)
-            }, $.value), {
+            }, C.value), {
               default: f(() => [
-                k(o(de), {
+                k(n(pe), {
                   class: "x-field__trigger",
-                  icon: o(In),
+                  icon: n(Io),
                   size: y.value
                 }, null, 8, ["icon", "size"])
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : (c(), z("div", na, O(w(H)), 1))
+          ], 4)) : (u(), z("div", sa, j(w(H)), 1))
         ])
       ]),
       default: f(() => [
         F("div", {
           class: Y(["x-field__editor_wrap", { "is-inline": t.inline }])
         }, [
-          S(x.$slots, "editor", { editor: V.value }, () => [
-            o(m).component ? (c(), g(J(o(m).component), A({
+          $(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": U[0] || (U[0] = (H) => d.value = H)
-            }, o(m).props), ue({ _: 2 }, [
+              "onUpdate:modelValue": K[0] || (K[0] = (H) => d.value = H)
+            }, n(m).props), de({ _: 2 }, [
               x.$slots.option ? {
                 name: "option",
                 fn: f(({ option: H }) => [
-                  S(x.$slots, "option", { option: H })
+                  $(x.$slots, "option", { option: H })
                 ]),
                 key: "0"
               } : void 0
-            ]), 1040, ["modelValue"])) : b("", !0)
+            ]), 1040, ["modelValue"])) : h("", !0)
           ]),
-          t.tip || x.$slots.tip ? (c(), z("div", oa, [
-            S(x.$slots, "tip", {}, () => [
-              D(O(t.tip), 1)
+          t.tip || x.$slots.tip ? (u(), z("div", la, [
+            $(x.$slots, "tip", {}, () => [
+              A(j(t.tip), 1)
             ])
-          ])) : b("", !0)
+          ])) : h("", !0)
         ], 2),
-        S(x.$slots, "default")
+        $(x.$slots, "default")
       ]),
       _: 2
     }, [
       x.$slots.label ? {
         name: "label",
         fn: f(() => [
-          S(x.$slots, "label")
+          $(x.$slots, "label")
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["prop", "label", "size", "class", "style"])) : b("", !0);
+    ]), 1040, ["prop", "label", "size", "class", "style"])) : h("", !0);
   }
-}), sa = {
+}), ra = {
   /**
    * 表单模型
    */
@@ -3249,83 +3257,83 @@ const na = {
     type: [Object, Boolean],
     default: void 0
   }
-}, Ft = Symbol("formInstanceKey"), Nt = Symbol("formModelKey"), la = /* @__PURE__ */ I({
+}, 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(), u = j(), r = Re(t.model || {}), i = j(!1);
-    Se(Ft, s), Se(Nt, r), K(
+  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 }
-    ), K(r, () => {
-      l("change", ye(r));
+    ), U(r, () => {
+      l("change", be(r));
     });
     const p = async () => {
-      await u.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) => {
-      u.value.resetFields(m), l("reset");
+      c.value.resetFields(m), l("reset");
     };
-    return n({
-      formRef: u,
+    return o({
+      formRef: c,
       model: r,
       submit: p,
       reset: d
-    }), (m, h) => (c(), g(o(gn), A({
+    }), (m, _) => (u(), g(n(yo), D({
       ref_key: "formRef",
-      ref: u,
+      ref: c,
       class: "x-form",
       inline: t.inline,
       model: r,
-      onKeyup: Kt(p, ["enter"]),
-      onSubmit: h[1] || (h[1] = vt(() => {
+      onKeyup: Wt(p, ["enter"]),
+      onSubmit: _[1] || (_[1] = bt(() => {
       }, ["stop", "prevent"]))
     }, m.$attrs), {
       default: f(() => [
-        S(m.$slots, "default"),
-        t.footer ? (c(), g(o(aa), {
+        $(m.$slots, "default"),
+        t.footer ? (u(), g(n(ia), {
           key: 0,
           editor: "none",
           class: "x-form__footer",
           label: " "
         }, {
           editor: f(() => [
-            S(m.$slots, "footer", {}, () => [
-              t.submitText ? (c(), g(o(ie), {
+            $(m.$slots, "footer", {}, () => [
+              t.submitText ? (u(), g(n(ie), {
                 key: 0,
                 loading: i.value,
                 type: "primary",
                 onClick: p
               }, {
                 default: f(() => [
-                  D(O(t.submitText), 1)
+                  A(j(t.submitText), 1)
                 ]),
                 _: 1
-              }, 8, ["loading"])) : b("", !0),
-              t.resetText ? (c(), g(o(ie), {
+              }, 8, ["loading"])) : h("", !0),
+              t.resetText ? (u(), g(n(ie), {
                 key: 1,
                 type: "default",
-                onClick: h[0] || (h[0] = () => d())
+                onClick: _[0] || (_[0] = () => d())
               }, {
                 default: f(() => [
-                  D(O(t.resetText), 1)
+                  A(j(t.resetText), 1)
                 ]),
                 _: 1
-              })) : b("", !0),
-              S(m.$slots, "action")
+              })) : h("", !0),
+              $(m.$slots, "action")
             ])
           ]),
           _: 3
-        })) : b("", !0)
+        })) : h("", !0)
       ]),
       _: 3
     }, 16, ["inline", "model"]));
   }
-}), ia = {
+}), ca = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -3362,42 +3370,42 @@ const na = {
   submitMethod: {
     type: Function
   }
-}, Ka = /* @__PURE__ */ I({
+}, 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 = j(), u = j(), r = v(() => u.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
-    ), h = v(
+    ), _ = b(
       () => t.formProps?.disabled ? !1 : t.cancel
     );
-    return n({
+    return o({
       $vtjEl: r,
       formRef: s,
-      dialogRef: u
-    }), (_, y) => (c(), g(o(Ot), A({
+      dialogRef: c
+    }), (v, y) => (u(), g(n(jt), D({
       ref_key: "dialogRef",
-      ref: u,
+      ref: c,
       class: "x-dialog-form",
       "model-value": t.modelValue,
       submit: m.value,
-      cancel: h.value,
+      cancel: _.value,
       size: t.size,
       onSubmit: i,
       onClose: p,
       minimizable: !1,
       maximizable: !1
-    }, _.$attrs), ue({
+    }, v.$attrs), de({
       default: f(() => [
-        k(o(la), A({
+        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(() => [
-            S(_.$slots, "default")
+            $(v.$slots, "default")
           ]),
           _: 3
         }, 16, ["size", "model", "rules"])
       ]),
       _: 2
     }, [
-      _.$slots.extra ? {
+      v.$slots.extra ? {
         name: "extra",
         fn: f(() => [
-          S(_.$slots, "extra")
+          $(v.$slots, "extra")
         ]),
         key: "0"
       } : void 0,
-      _.$slots.handle ? {
+      v.$slots.handle ? {
         name: "handle",
         fn: f(() => [
-          S(_.$slots, "handle")
+          $(v.$slots, "handle")
         ]),
         key: "1"
       } : void 0,
-      _.$slots.footer ? {
+      v.$slots.footer ? {
         name: "footer",
         fn: f(() => [
-          S(_.$slots, "footer")
+          $(v.$slots, "footer")
         ]),
         key: "2"
       } : void 0
     ]), 1040, ["model-value", "submit", "cancel", "size"]));
   }
-}), ra = {
+}), da = {
   items: {
     type: Array,
     default() {
@@ -3455,65 +3463,65 @@ const na = {
   align: {
     type: String
   }
-}, ca = { class: "x-tabs__label-inner" }, ua = {
+}, pa = { class: "x-tabs__label-inner" }, fa = {
   key: 0,
   class: "x-tabs__actions"
-}, Wa = /* @__PURE__ */ I({
+}, 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: h, 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: h,
-        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
-    })), u = (i) => {
+    })), c = (i) => {
       t("actionClick", i);
     }, r = (i) => {
       t("actionCommand", i);
     };
-    return (i, p) => (c(), g(o(_t), A({
+    return (i, p) => (u(), g(n(kt), D({
       class: ["x-tabs", s.value]
     }, i.$attrs), {
       default: f(() => [
-        (c(!0), z(W, null, Z(e.items, (d) => (c(), g(o(He), A({
+        (u(!0), z(W, null, Z(e.items, (d) => (u(), g(n(Ue), D({
           key: d.value ?? d.name
         }, l(d)), {
           label: f(() => [
-            S(i.$slots, "label", le(he(d)), () => [
-              d.icon ? (c(), g(J(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"
-              })) : b("", !0),
-              F("div", ca, [
-                D(O(d.label) + " ", 1),
-                d.actions && [d.name, d.value].includes(i.$attrs.modelValue) ? (c(), z("div", ua, [
-                  (c(!0), z(W, null, Z(d.actions, (m) => (c(), g(o(te), A({
+              })) : h("", !0),
+              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",
                     circle: ""
                   }, m, {
-                    onClick: u,
+                    onClick: c,
                     onCommand: r
                   }), null, 16))), 256))
-                ])) : b("", !0)
+                ])) : h("", !0)
               ])
             ])
           ]),
           default: f(() => [
-            S(i.$slots, "default", le(he(d)), () => [
-              d.component ? (c(), g(J(d.component), le(A({ key: 0 }, d.props)), null, 16)) : b("", !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"
-}, Ya = /* @__PURE__ */ I({
+}, 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: h } = 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: h ? Q(h) : void 0
+        height: _ ? Q(_) : void 0
       };
-    }), s = v(() => ({
+    }), s = b(() => ({
       [`is-image-${e.direction}`]: !!e.direction,
       "is-split": !!e.split
-    })), u = 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, h) => t("actionCommand", m, h);
-    return (m, h) => (c(), g(o(B), {
+    })), 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 ? (c(), 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(() => [
-            S(m.$slots, "image", {}, () => [
-              e.imageSrc ? (c(), 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"])) : b("", !0)
+              }, null, 8, ["style", "src"])) : h("", !0)
             ])
           ]),
           _: 3
-        }, 8, ["onClick"])) : b("", !0),
-        k(o(B), {
+        }, 8, ["onClick"])) : h("", !0),
+        k(n(V), {
           class: "x-data-item__content",
           direction: "column",
           grow: "",
           shrink: ""
         }, {
           default: f(() => [
-            e.title || m.$slots.title ? (c(), 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,34 +3637,34 @@ const na = {
               onClick: e.onTitleClick ? i : void 0
             }, {
               default: f(() => [
-                e.icon ? (c(), g(J(o(ke)(e.icon)), {
+                e.icon ? (u(), g(J(n(xe)(e.icon)), {
                   key: 0,
                   class: "x-data-item__icon"
-                })) : b("", !0),
-                F("span", pa, [
-                  S(m.$slots, "title", {}, () => [
-                    D(O(e.title), 1)
+                })) : h("", !0),
+                F("span", ga, [
+                  $(m.$slots, "title", {}, () => [
+                    A(j(e.title), 1)
                   ])
                 ])
               ]),
               _: 3
-            }, 8, ["onClick"])) : b("", !0),
-            e.description || m.$slots.description ? (c(), z("div", fa, [
-              S(m.$slots, "description", {}, () => [
-                D(O(e.description), 1)
+            }, 8, ["onClick"])) : h("", !0),
+            e.description || m.$slots.description ? (u(), z("div", ya, [
+              $(m.$slots, "description", {}, () => [
+                A(j(e.description), 1)
               ])
-            ])) : b("", !0),
-            m.$slots.default ? (c(), z("div", ma, [
-              S(m.$slots, "default")
-            ])) : b("", !0),
-            e.actions || e.actionBarProps || m.$slots.actions ? (c(), z("div", ga, [
-              S(m.$slots, "actions", {}, () => [
-                k(o(et), A(u.value, {
+            ])) : h("", !0),
+            m.$slots.default ? (u(), z("div", va, [
+              $(m.$slots, "default")
+            ])) : h("", !0),
+            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)
               ])
-            ])) : b("", !0)
+            ])) : h("", !0)
           ]),
           _: 3
         })
@@ -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 ba(a, n) {
-  const e = j(), t = Ve();
-  return mt(async () => {
-    t.value = await va();
-    const l = o(a);
-    l && (e.value || (e.value = we(t.value.init(l))), e.value && e.value.setOption(n.option || {}));
-  }), gt(() => {
+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();
-  }), K(
-    () => n.option,
+  }), U(
+    () => o.option,
     (l) => {
       e.value && e.value.setOption(l || {});
     },
     { deep: !0 }
-  ), Dn(
+  ), Do(
     a,
-    Ln(() => {
+    Ko(() => {
       e.value && e.value.resize();
     }, 150)
   ), {
@@ -3704,26 +3712,26 @@ function ba(a, n) {
     echarts: t
   };
 }
-const Ja = /* @__PURE__ */ I({
+const ns = /* @__PURE__ */ P({
   name: "XChart",
   __name: "Chart",
-  props: ya,
-  setup(a, { expose: n }) {
-    const e = a, t = j(), { echartsInstance: l, echarts: s } = ba(t, e), u = v(() => ({
+  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) => (c(), z("div", {
+    }), (r, i) => (u(), z("div", {
       ref_key: "chartRef",
       ref: t,
-      style: fe(u.value)
+      style: me(c.value)
     }, null, 4));
   }
-}), ha = {
+}), wa = {
   data: {
     type: [Object, Function],
     default() {
@@ -3761,132 +3769,132 @@ const Ja = /* @__PURE__ */ I({
   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"
-}, $a = {
+}, za = {
   key: 1,
   class: "x-list__pager"
-}, qa = /* @__PURE__ */ I({
+}, as = /* @__PURE__ */ P({
   name: "XList",
   __name: "List",
-  props: ha,
+  props: wa,
   emits: ["load"],
-  setup(a, { expose: n, emit: e }) {
+  setup(a, { expose: o, emit: e }) {
     const t = a, l = e, s = Re({
       page: t.page,
       pageSize: t.pageSize
     });
     Ye(() => {
-      const { page: M, pageSize: N } = t;
-      Object.assign(s, { page: M, pageSize: N });
+      const { page: T, pageSize: N } = t;
+      Object.assign(s, { page: T, pageSize: N });
     });
-    const { data: u, loading: r } = lo(
+    const { data: c, loading: r } = cn(
       t.data,
       {
         list: [],
         total: 0
       },
       s
-    ), i = v(() => Math.ceil((u.value.total || 0) / s.pageSize)), p = j(!1), d = j(), m = 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)
-    })), h = v(() => ({
+    })), _ = b(() => ({
       "is-virtual": !!t.itemHeight
-    })), _ = v(() => {
-      const M = {};
+    })), v = b(() => {
+      const T = {};
       for (let [N, x] of Object.entries(
-        it(t.infiniteScroll)
+        rt(t.infiniteScroll)
       ))
-        M[`infinite-scroll-${N}`] = x;
-      return (r.value || p.value) && (M["infinite-scroll-disabled"] = !0), M;
-    }), y = v(() => it(t.pager, {})), { list: $, containerProps: w, wrapperProps: E, scrollTo: P } = An(
-      v(() => u.value.list),
+        T[`infinite-scroll-${N}`] = x;
+      return (r.value || p.value) && (T["infinite-scroll-disabled"] = !0), T;
+    }), y = b(() => rt(t.pager, {})), { list: C, containerProps: w, wrapperProps: E, scrollTo: B } = Fo(
+      b(() => c.value.list),
       {
         itemHeight: t.itemHeight || 0
       }
-    ), C = () => {
+    ), S = () => {
       !t.infiniteScroll || p.value || (s.page < i.value ? (++s.page, l("load", s)) : p.value = !0);
-    }, V = (M) => t.dataKey ? M[t.dataKey] : void 0;
-    return n({
-      list: $,
-      scrollTo: P,
+    }, 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: u,
-      getKey: V
-    }), (M, N) => (c(), z("div", {
-      class: Y(["x-list", h.value]),
-      style: fe(m.value)
+      data: c,
+      getKey: O
+    }), (T, N) => (u(), z("div", {
+      class: Y(["x-list", _.value]),
+      style: me(m.value)
     }, [
-      !o(u).total && !o(r) ? S(M.$slots, "empty", { key: 0 }, () => [
-        k(o(ht))
-      ]) : b("", !0),
-      F("div", A({ class: "x-list__content" }, o(w)), [
-        t.itemHeight ? G((c(), z("div", A({
+      !n(c).total && !n(r) ? $(T.$slots, "empty", { key: 0 }, () => [
+        k(n(_t))
+      ]) : h("", !0),
+      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(E), ..._.value }), [
-          (c(!0), z(W, null, Z(o($), (x, U) => S(M.$slots, "default", le(A({
-            key: V(x.data)
-          }, { item: x.data, index: U })), () => [
-            F("div", null, O(x), 1)
+        }, { ...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) ? (c(), z("div", _a, [
-            S(M.$slots, "loading", {}, () => [
-              D(" 正在加载数据... ")
+          n(r) ? (u(), z("div", xa, [
+            $(T.$slots, "loading", {}, () => [
+              A(" 正在加载数据... ")
             ])
-          ])) : b("", !0),
-          p.value ? (c(), z("div", ka, [
-            S(M.$slots, "nomore", {}, () => [
-              D(" 没有更多数据 ")
+          ])) : h("", !0),
+          p.value ? (u(), z("div", Ca, [
+            $(T.$slots, "nomore", {}, () => [
+              A(" 没有更多数据 ")
             ])
-          ])) : b("", !0)
+          ])) : h("", !0)
         ], 16)), [
-          [o(at), C]
-        ]) : G((c(), z("div", A({
+          [n(st), S]
+        ]) : G((u(), z("div", D({
           key: 1,
           class: "x-list__wrapper"
-        }, _.value), [
-          (c(!0), z(W, null, Z(o(u).list, (x, U) => S(M.$slots, "default", le(A({
-            key: V(x)
-          }, { item: x, index: U })), () => [
-            F("div", null, O(x), 1)
+        }, 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) ? (c(), z("div", wa, [
-            S(M.$slots, "loading", {}, () => [
-              D(" 正在加载数据... ")
+          n(r) ? (u(), z("div", $a, [
+            $(T.$slots, "loading", {}, () => [
+              A(" 正在加载数据... ")
             ])
-          ])) : b("", !0),
-          p.value ? (c(), z("div", xa, [
-            S(M.$slots, "nomore", {}, () => [
-              D(" 没有更多数据 ")
+          ])) : h("", !0),
+          p.value ? (u(), z("div", Sa, [
+            $(T.$slots, "nomore", {}, () => [
+              A(" 没有更多数据 ")
             ])
-          ])) : b("", !0)
+          ])) : h("", !0)
         ], 16)), [
-          [o(at), C]
+          [n(st), S]
         ])
       ], 16),
-      t.pager ? (c(), z("div", $a, [
-        k(o(vn), A({
+      t.pager ? (u(), z("div", za, [
+        k(n(bo), D({
           small: "",
           background: "",
           layout: "prev, pager, next",
-          total: o(u).total,
+          total: n(c).total,
           "default-page-size": t.pageSize,
           "default-current-page": t.page,
           "current-page": s.page,
@@ -3894,10 +3902,10 @@ const Ja = /* @__PURE__ */ I({
           "page-size": s.pageSize,
           "onUpdate:pageSize": N[1] || (N[1] = (x) => s.pageSize = x)
         }, y.value), null, 16, ["total", "default-page-size", "default-current-page", "current-page", "page-size"])
-      ])) : b("", !0)
+      ])) : h("", !0)
     ], 6));
   }
-}), Sa = {
+}), Ta = {
   name: {
     type: String,
     default: "VTJ.PRO"
@@ -3914,32 +3922,32 @@ const Ja = /* @__PURE__ */ I({
     type: String,
     default: "/@vtj/pro/"
   }
-}, Ca = { class: "x-startup" }, za = { class: "x-startup__wrapper" }, Ma = { class: "x-startup__name" }, Ta = { class: "clip" }, Ea = { class: "x-startup__tagline" }, Pa = { class: "x-startup__actions" }, Ga = /* @__PURE__ */ I({
+}, 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: Sa,
+  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) => (c(), z("div", Ca, [
-      F("div", za, [
-        F("div", Ma, [
-          F("span", Ta, O(n.name), 1)
-        ]),
-        F("div", Ea, O(n.tagline), 1),
+    return (t, l) => (u(), z("div", Ma, [
+      F("div", Ea, [
         F("div", Pa, [
-          k(o(ie), {
+          F("span", Ba, j(o.name), 1)
+        ]),
+        F("div", Va, j(o.tagline), 1),
+        F("div", Ia, [
+          k(n(ie), {
             type: "primary",
             size: "large",
             round: "",
-            icon: o(Vn),
+            icon: n(Oo),
             onClick: e
           }, {
             default: f(() => [
-              D(O(n.actionText), 1)
+              A(j(o.actionText), 1)
             ]),
             _: 1
           }, 8, ["icon"])
@@ -3947,7 +3955,7 @@ const Ja = /* @__PURE__ */ I({
       ])
     ]));
   }
-}), Ba = {
+}), Oa = {
   stringProp: {
     type: String
   },
@@ -3978,123 +3986,123 @@ const Ja = /* @__PURE__ */ I({
   syncProp: {
     type: String
   }
-}, Ia = { class: "x-test__slot" }, Va = { class: "x-test__slot" }, Za = /* @__PURE__ */ I({
+}, 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)), u = 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 = j("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);
-    }, h = () => {
+    }, 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) => (c(), g(o(Ie), {
+    }), (v, y) => (u(), g(n(Ve), {
       class: "x-test",
       header: "VTJ 低代码测试组件",
       border: ""
     }, {
       default: f(() => [
-        k(o(se), null, {
+        k(n(se), null, {
           default: f(() => [
-            D("内部数据")
+            A("内部数据")
           ]),
           _: 1
         }),
-        k(o(B), null, {
+        k(n(V), null, {
           default: f(() => [
-            D(O(i.value), 1)
+            A(j(i.value), 1)
           ]),
           _: 1
         }),
-        k(o(se), null, {
+        k(n(se), null, {
           default: f(() => [
-            D("属性")
+            A("属性")
           ]),
           _: 1
         }),
-        k(o(st), {
+        k(n(lt), {
           column: 3,
           border: ""
         }, {
           default: f(() => [
-            (c(!0), z(W, null, Z(s.value, ([$, w]) => (c(), g(o(Ne), { label: $ }, {
+            (u(!0), z(W, null, Z(s.value, ([C, w]) => (u(), g(n(Ne), { label: C }, {
               default: f(() => [
-                F("pre", null, O(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(() => [
-            D("插槽")
+            A("插槽")
           ]),
           _: 1
         }),
-        k(o(B), {
+        k(n(V), {
           justify: "space-around",
           flex: "",
           gap: ""
         }, {
           default: f(() => [
-            k(o(Ie), {
+            k(n(Ve), {
               header: "default",
               grow: "",
               card: ""
             }, {
               default: f(() => [
-                F("div", Ia, [
-                  S(_.$slots, "default", {
+                F("div", ja, [
+                  $(v.$slots, "default", {
                     props: t,
                     data: i.value
                   }, () => [
-                    F("pre", null, O(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(Ie), {
+            k(n(Ve), {
               header: "extra",
               grow: "",
               card: ""
             }, {
               default: f(() => [
-                F("div", Va, [
-                  S(_.$slots, "extra", {
+                F("div", Ra, [
+                  $(v.$slots, "extra", {
                     props: t,
                     data: i.value
                   }, () => [
-                    F("pre", null, O(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 Ja = /* @__PURE__ */ I({
           ]),
           _: 3
         }),
-        k(o(se), null, {
+        k(n(se), null, {
           default: f(() => [
-            D("双向绑定")
+            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), {
-                      modelValue: u.value,
-                      "onUpdate:modelValue": y[0] || (y[0] = ($) => u.value = $)
+                    k(n(we), {
+                      modelValue: c.value,
+                      "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] = ($) => r.value = $)
+                      "onUpdate:modelValue": y[1] || (y[1] = (C) => r.value = C)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -4140,29 +4148,29 @@ const Ja = /* @__PURE__ */ I({
           ]),
           _: 1
         }),
-        k(o(se), null, {
+        k(n(se), null, {
           default: f(() => [
-            D("事件和方法")
+            A("事件和方法")
           ]),
           _: 1
         }),
-        k(o(B), null, {
+        k(n(V), null, {
           default: f(() => [
-            k(o(ie), { onClick: p }, {
+            k(n(ie), { onClick: p }, {
               default: f(() => [
-                D("click")
+                A("click")
               ]),
               _: 1
             }),
-            k(o(ie), { onClick: d }, {
+            k(n(ie), { onClick: d }, {
               default: f(() => [
-                D("submit")
+                A("submit")
               ]),
               _: 1
             }),
-            k(o(ie), { onClick: h }, {
+            k(n(ie), { onClick: _ }, {
               default: f(() => [
-                D("change")
+                A("change")
               ]),
               _: 1
             })
@@ -4173,7 +4181,7 @@ const Ja = /* @__PURE__ */ I({
       _: 3
     }));
   }
-}), Oa = {
+}), Aa = {
   units: {
     type: [String, Object, Array]
   },
@@ -4197,71 +4205,71 @@ const Ja = /* @__PURE__ */ I({
   selectProps: {
     type: Object
   }
-}, Qa = /* @__PURE__ */ I({
+}, is = /* @__PURE__ */ P({
   name: "XInputUnit",
   __name: "InputUnit",
-  props: Oa,
+  props: Aa,
   emits: ["update:modelValue", "update:unit", "change", "unit-change"],
-  setup(a, { expose: n, emit: e }) {
-    const t = a, l = e, s = v(() => Et(t.units).map(($) => typeof $ == "string" ? { label: $, value: $ } : $)), u = v(() => {
-      const y = s.value.map(($) => $.value);
-      return t.unit && y.push(t.unit), Un(y);
-    }), r = j(), i = j(), p = (y) => t.format && y ? Hn(Number(y) || 0, t.format) : y, d = (y) => {
+  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 $ of u.value) {
-        const w = new RegExp(`${$}$`);
+      for (const C of c.value) {
+        const w = new RegExp(`${C}$`);
         if (w.test(y))
           return {
             value: p(y.toString().replace(w, "")),
-            unit: $
+            unit: C
           };
       }
       return { value: p(y), unit: t.unit };
     }, m = () => {
-      const y = p(i.value), $ = r.value;
-      return t.withUnit && y && $ ? `${y}${$}` : y;
+      const y = p(i.value), C = r.value;
+      return t.withUnit && y && C ? `${y}${C}` : y;
     };
-    K(
+    U(
       () => t.modelValue,
       (y) => {
-        const { value: $, unit: w } = d(y);
-        r.value = w, i.value = $;
+        const { value: C, unit: w } = d(y);
+        r.value = w, i.value = C;
       },
       {
         immediate: !0
       }
-    ), K(i, (y) => {
+    ), U(i, (y) => {
       l("change", y);
     });
-    const h = async () => {
-      const { value: y, unit: $ } = d(m());
-      i.value = y, r.value = $, l("update:modelValue", m());
-    }, _ = () => {
-      l("unit-change", r.value), h();
+    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, $) => (c(), g(o(_e), {
+    }), (y, C) => (u(), g(n(we), {
       modelValue: i.value,
-      "onUpdate:modelValue": $[1] || ($[1] = (w) => i.value = w),
+      "onUpdate:modelValue": C[1] || (C[1] = (w) => i.value = w),
       modelModifiers: { trim: !0 },
       class: "x-input-unit",
-      onChange: h
-    }, ue({ _: 2 }, [
+      onChange: _
+    }, de({ _: 2 }, [
       s.value.length ? {
         name: "append",
         fn: f(() => [
-          k(o(wt), A({
+          k(n(xt), D({
             class: "x-input-unit__unit",
             modelValue: r.value,
-            "onUpdate:modelValue": $[0] || ($[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(() => [
-              (c(!0), z(W, null, Z(s.value, (w) => (c(), 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 Ja = /* @__PURE__ */ I({
       } : {
         name: "suffix",
         fn: f(() => [
-          r.value ? (c(), z("div", {
+          r.value ? (u(), z("div", {
             key: 0,
             class: "x-input-unit__unit"
           }, [
-            F("span", null, O(r.value), 1)
-          ])) : b("", !0)
+            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 {
-  ut as Draggable,
-  rt as INSTALLED_KEY,
-  Rt as MASK_KEY,
-  dt as Resizable,
-  jt as TAB_CREATORS_KEY,
-  Vo as TAB_ITEM_WIDTH,
-  Xa 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,
-  Ja as XChart,
-  B as XContainer,
-  Ya as XDataItem,
-  Ot as XDialog,
-  Ka as XDialogForm,
-  aa as XField,
-  la as XForm,
-  go as XHeader,
-  de as XIcon,
-  Qa as XInputUnit,
-  qa as XList,
-  Ua as XMask,
-  ge as XMenu,
-  Ie as XPanel,
-  Ga as XStartup,
-  Wa as XTabs,
-  Za as XTest,
-  co as actionBarProps,
+  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,
+  ss as XStartup,
+  ts as XTabs,
+  ls as XTest,
+  fn as actionBarProps,
   It as actionProps,
-  At as builtinFieldEditors,
-  ya as chartProps,
-  uo as containerProps,
-  tt as createDialog,
-  da as dataItemProps,
-  Ha as defineTab,
-  ia as dialogFormProps,
-  bo as dialogProps,
-  Qo as fieldProps,
-  Ft as formInstanceKey,
-  Nt as formModelKey,
-  sa as formProps,
+  Ft as builtinFieldEditors,
+  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,
-  po as headerProps,
-  Jn as iconProps,
-  Yn as iconSizeMap,
-  Oa as inputUnitProps,
-  ha as listProps,
-  La as makeInstaller,
-  Oo as maskProps,
-  yo as panelProps,
-  Me as parseSize,
-  Sa 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,
-  Vt as vResizable
+  gn as headerProps,
+  Go as iconProps,
+  qo as iconSizeMap,
+  Aa as inputUnitProps,
+  wa as listProps,
+  Ga as makeInstaller,
+  An as maskProps,
+  hn as panelProps,
+  Te as parseSize,
+  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
 };