@vtj/ui 0.7.13 → 0.7.15

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as V, useAttrs as We, getCurrentInstance as de, computed as y, markRaw as ke, openBlock as u, createBlock as g, unref as n, normalizeClass as W, normalizeStyle as pe, withCtx as d, renderSlot as x, resolveDynamicComponent as J, createCommentVNode as v, createElementBlock as C, mergeProps as F, createElementVNode as X, toDisplayString as A, Fragment as Q, renderList as Y, isVNode as jt, h as ne, shallowRef as Ve, ref as O, watch as L, toRef as Ae, createTextVNode as R, useSlots as Nt, toRaw as ge, createVNode as _, normalizeProps as le, guardReactiveProps as he, effectScope as ft, reactive as Re, onMounted as mt, onUnmounted as gt, watchEffect as Je, nextTick as ye, Teleport as yt, withDirectives as G, createSlots as be, render as ot, vShow as oe, isRef as Ie, withModifiers as vt, KeepAlive as Xt, provide as Se, inject as xe, withKeys as Ut } from "vue";
-import { ElIcon as Ht, ElSubMenu as Kt, ElBadge as He, ElMenuItem as Lt, ElMenu as Wt, ElButton as ie, ElDropdown as Jt, ElDropdownMenu as Qt, ElDropdownItem as Zt, ElTooltip as ht, ElDivider as ae, ElSwitch as Qe, ElInput as ze, ElEmpty as bt, ElTabs as _t, ElTabPane as Ke, ElPopover as kt, ElAvatar as Gt, ElMessageBox as je, ElSelect as Yt, ElOption as qt, ElCheckboxButton as eo, ElCheckbox as to, ElCheckboxGroup as oo, ElRadioButton as no, ElRadio as ao, ElRadioGroup as so, ElInputNumber as lo, ElDatePicker as nt, ElTimePicker as io, ElRate as ro, ElSlider as co, ElCascader as uo, formContextKey as po, ElFormItem as fo, ElForm as mo, ElImage as go, ElInfiniteScroll as at, ElPagination as yo, ElDescriptions as st, ElDescriptionsItem as Ne, ElMessage as lt } from "element-plus";
-import { ArrowRight as vo, Minimize as ho, Popup as bo, Maximize as _o, RawClose as ko, StarFilled as wt, Menu as wo, Search as Le, Close as xt, Expand as xo, Fold as So, Star as St, Document as fe, Refresh as zo, CopyDocument as Co, Moon as To, Sunny as $o, MoreFilled as Eo, UserFilled as Mo, HomeFilled as Io, WarningFilled as Bo, EditPen as Po } from "@vtj/icons";
-import { useDraggable as Vo, useMouseInElement as Ao, useEventListener as De, useElementSize as zt, useDark as Do, useResizeObserver as Ro, useVirtualList as Oo } from "@vueuse/core";
-import { isEqual as Ze, isObject as Ge, uid as Ct, arrayToMap as Fo, isUrl as jo, upperFirstCamelCase as Tt, toArray as No, get as Be, merge as Xo, set as Xe, debounce as Uo } from "@vtj/utils";
-import { useRouter as Ye, RouterView as Ho, useRoute as $t, routeLocationKey as Ko } from "vue-router";
+import { defineComponent as V, useAttrs as We, getCurrentInstance as pe, computed as v, markRaw as we, openBlock as u, createBlock as g, unref as o, normalizeClass as J, normalizeStyle as fe, withCtx as f, renderSlot as C, resolveDynamicComponent as Q, createCommentVNode as h, createElementBlock as $, mergeProps as F, createElementVNode as j, toDisplayString as A, Fragment as W, renderList as Y, isVNode as Xt, h as ae, shallowRef as Pe, ref as D, watch as L, toRef as Ae, createTextVNode as R, useSlots as Ht, toRaw as ye, createVNode as k, normalizeProps as le, guardReactiveProps as be, effectScope as ft, reactive as Oe, onMounted as mt, onUnmounted as gt, watchEffect as Je, nextTick as ve, Teleport as yt, withDirectives as G, createSlots as ce, render as nt, vShow as oe, isRef as Ie, withModifiers as vt, KeepAlive as Kt, provide as Ce, inject as Se, withKeys as Lt } from "vue";
+import { ElIcon as Wt, ElSubMenu as Jt, ElBadge as He, ElMenuItem as Qt, ElMenu as Zt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Yt, ElDropdownItem as qt, ElTooltip as ht, ElDivider as se, ElSwitch as Qe, ElInput as _e, ElEmpty as bt, ElTabs as _t, ElTabPane as Ke, ElPopover as kt, ElAvatar as en, ElMessageBox as je, ElSelect as wt, ElOption as xt, ElCheckboxButton as tn, ElCheckbox as nn, ElCheckboxGroup as on, ElRadioButton as an, ElRadio as sn, ElRadioGroup as ln, ElInputNumber as rn, ElDatePicker as ot, ElTimePicker as un, ElRate as cn, ElSlider as dn, ElCascader as pn, formContextKey as fn, ElFormItem as mn, ElForm as gn, ElImage as yn, ElInfiniteScroll as at, ElPagination as vn, ElDescriptions as st, ElDescriptionsItem as Ne, ElMessage as lt } from "element-plus";
+import { ArrowRight as hn, Minimize as bn, Popup as _n, Maximize as kn, RawClose as wn, StarFilled as St, Menu as xn, Search as Le, Close as Ct, Expand as Sn, Fold as Cn, Star as zt, Document as me, Refresh as zn, CopyDocument as $n, Moon as Tn, Sunny as En, MoreFilled as Mn, UserFilled as In, HomeFilled as Vn, WarningFilled as Bn, EditPen as Pn } from "@vtj/icons";
+import { useDraggable as An, useMouseInElement as Dn, useEventListener as De, useElementSize as $t, useDark as On, useResizeObserver as Rn, useVirtualList as Fn } from "@vueuse/core";
+import { isEqual as Ze, isObject as Ge, uid as Tt, arrayToMap as jn, isUrl as Nn, upperFirstCamelCase as Et, toArray as Mt, get as Ve, merge as Un, set as Ue, debounce as Xn, dedupArray as Hn, numberFormat as Kn } from "@vtj/utils";
+import { useRouter as Ye, RouterView as Ln, useRoute as It, routeLocationKey as Wn } from "vue-router";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.13
+ * @version 0.7.15
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Da = "0.7.13", Lo = {
+const Ua = "0.7.15", Jn = {
   default: 14,
   small: 12,
   large: 18
-}, Wo = {
+}, Qn = {
   icon: {
     type: [String, Object]
   },
@@ -42,70 +42,70 @@ const Da = "0.7.13", Lo = {
 function q(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
-function $e(a = 0, o) {
+function Te(a = 0, n) {
   if (typeof a == "number")
     return a;
   if (/(%|vh|vw)$/i.test(a)) {
     const t = Number.parseInt(a);
-    return Math.floor(o * t / 100);
+    return Math.floor(n * t / 100);
   }
   return Number.parseInt(a);
 }
-function it(a, o = {}) {
-  const e = { ...o };
+function it(a, n = {}) {
+  const e = { ...n };
   return typeof a == "boolean" ? e : Object.assign(e, a || {});
 }
-const rt = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
+const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
   install: (e) => {
     e[rt] || (e[rt] = !0, a.forEach((t) => {
       t.name && e.component(t.name, t);
     }));
   }
-}), Jo = ["src"], ue = /* @__PURE__ */ V({
+}), Zn = ["src"], de = /* @__PURE__ */ V({
   name: "XIcon",
   __name: "Icon",
-  props: Wo,
+  props: Qn,
   setup(a) {
-    const o = a, e = We(), t = de(), l = y(() => {
-      if (!o.icon)
+    const n = a, e = We(), t = pe(), l = v(() => {
+      if (!n.icon)
         return null;
-      const r = t?.appContext.app;
-      return typeof o.icon == "object" ? ke(o.icon) : r?.component(o.icon) || o.icon;
-    }), s = y(() => {
-      const r = {
+      const i = t?.appContext.app;
+      return typeof n.icon == "object" ? we(n.icon) : i?.component(n.icon) || n.icon;
+    }), s = v(() => {
+      const i = {
         "is-pointer": !!e.onClick
       };
-      return !l.value && o.icon && (r[o.icon] = !0), r;
-    }), c = y(() => ({
-      "background-color": o.background,
-      "border-radius": o.radius ? q(o.radius) : void 0,
-      padding: o.padding ? q(o.padding) : void 0
-    })), i = y(() => typeof o.size == "number" ? o.size : Lo[o.size] ?? void 0);
-    return (r, p) => (u(), g(n(Ht), {
-      class: W(["x-icon", s.value]),
-      color: o.color,
-      size: i.value,
-      style: pe(c.value)
+      return !l.value && n.icon && (i[n.icon] = !0), i;
+    }), c = v(() => ({
+      "background-color": n.background,
+      "border-radius": n.radius ? q(n.radius) : void 0,
+      padding: n.padding ? q(n.padding) : void 0
+    })), r = v(() => typeof n.size == "number" ? n.size : Jn[n.size] ?? void 0);
+    return (i, p) => (u(), g(o(Wt), {
+      class: J(["x-icon", s.value]),
+      color: n.color,
+      size: r.value,
+      style: fe(c.value)
     }, {
-      default: d(() => [
-        x(r.$slots, "default", {}, () => [
-          l.value ? (u(), g(J(l.value), { key: 0 })) : v("", !0),
-          o.src ? (u(), C("img", {
+      default: f(() => [
+        C(i.$slots, "default", {}, () => [
+          l.value ? (u(), g(Q(l.value), { key: 0 })) : h("", !0),
+          n.src ? (u(), $("img", {
             key: 1,
-            src: o.src
-          }, null, 8, Jo)) : v("", !0)
+            src: n.src
+          }, null, 8, Zn)) : h("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class", "color", "size", "style"]));
   }
-}), Qo = { class: "x-menu__wrapper" }, Zo = {
+}), Gn = { class: "x-menu__wrapper" }, Yn = {
   key: 1,
   class: "x-menu__title"
-}, Go = /* @__PURE__ */ X("i", null, null, -1), Yo = {
+}, qn = /* @__PURE__ */ j("i", null, null, -1), eo = {
   key: 0,
   class: "x-menu__title"
-}, qo = /* @__PURE__ */ X("i", null, null, -1), Et = /* @__PURE__ */ V({
+}, to = /* @__PURE__ */ j("i", null, null, -1), Vt = /* @__PURE__ */ V({
   inheritAttrs: !1,
   name: "XMenuItem",
   __name: "MenuItem",
@@ -115,70 +115,70 @@ const rt = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
     defaultIcon: {}
   },
   setup(a) {
-    const o = a, e = de(), t = (c) => {
+    const n = a, e = pe(), 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((i) => !i.hidden);
-    return (c, i) => o.item.children ? (u(), g(n(Kt), F({
+        return typeof c == "string" && (e?.appContext.app?.component(c) || n.defaultIcon) || c;
+    }, l = (c) => typeof c == "object" ? c : { value: c }, s = (c = []) => c.filter((r) => !r.hidden);
+    return (c, r) => n.item.children ? (u(), g(o(Jt), F({
       key: 0,
-      disabled: o.item.disabled
-    }, o.subMenu, {
-      index: String(o.item.id)
+      disabled: n.item.disabled
+    }, n.subMenu, {
+      index: String(n.item.id)
     }), {
-      title: d(() => [
-        X("div", Qo, [
-          o.item.icon ? (u(), g(n(ue), {
+      title: f(() => [
+        j("div", Gn, [
+          n.item.icon ? (u(), g(o(de), {
             key: 0,
-            icon: t(o.item.icon)
-          }, null, 8, ["icon"])) : v("", !0),
-          o.item.title ? (u(), C("span", Zo, A(o.item.title), 1)) : v("", !0),
-          o.item.badge ? (u(), g(n(He), F({
+            icon: t(n.item.icon)
+          }, null, 8, ["icon"])) : h("", !0),
+          n.item.title ? (u(), $("span", Yn, A(n.item.title), 1)) : h("", !0),
+          n.item.badge ? (u(), g(o(He), F({
             key: 2,
             class: "x-menu__badge"
-          }, l(o.item.badge)), {
-            default: d(() => [
-              Go
+          }, l(n.item.badge)), {
+            default: f(() => [
+              qn
             ]),
             _: 1
-          }, 16)) : v("", !0)
+          }, 16)) : h("", !0)
         ])
       ]),
-      default: d(() => [
-        (u(!0), C(Q, null, Y(s(o.item.children), (r) => (u(), g(n(Et), {
-          key: r.id,
-          item: r,
-          subMenu: o.subMenu,
-          defaultIcon: o.defaultIcon
+      default: f(() => [
+        (u(!0), $(W, null, Y(s(n.item.children), (i) => (u(), g(o(Vt), {
+          key: i.id,
+          item: i,
+          subMenu: n.subMenu,
+          defaultIcon: n.defaultIcon
         }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
       ]),
       _: 1
-    }, 16, ["disabled", "index"])) : (u(), g(n(Lt), {
+    }, 16, ["disabled", "index"])) : (u(), g(o(Qt), {
       key: 1,
-      index: String(o.item.id),
-      disabled: o.item.disabled
+      index: String(n.item.id),
+      disabled: n.item.disabled
     }, {
-      title: d(() => [
-        o.item.title ? (u(), C("span", Yo, A(o.item.title), 1)) : v("", !0),
-        o.item.badge ? (u(), g(n(He), F({
+      title: f(() => [
+        n.item.title ? (u(), $("span", eo, A(n.item.title), 1)) : h("", !0),
+        n.item.badge ? (u(), g(o(He), F({
           key: 1,
           class: "x-menu__badge"
-        }, l(o.item.badge)), {
-          default: d(() => [
-            qo
+        }, l(n.item.badge)), {
+          default: f(() => [
+            to
           ]),
           _: 1
-        }, 16)) : v("", !0)
+        }, 16)) : h("", !0)
       ]),
-      default: d(() => [
-        o.item.icon ? (u(), g(n(ue), {
+      default: f(() => [
+        n.item.icon ? (u(), g(o(de), {
           key: 0,
-          icon: t(o.item.icon)
-        }, null, 8, ["icon"])) : v("", !0)
+          icon: t(n.item.icon)
+        }, null, 8, ["icon"])) : h("", !0)
       ]),
       _: 1
     }, 8, ["index", "disabled"]));
   }
-}), me = /* @__PURE__ */ V({
+}), ge = /* @__PURE__ */ V({
   inheritAttrs: !1,
   name: "XMenu",
   __name: "Menu",
@@ -188,27 +188,27 @@ const rt = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
     defaultIcon: {}
   },
   emits: ["select"],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = y(() => e.data.filter((i) => !i.hidden)), s = (i, r) => {
-      const p = (f, m = []) => {
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = v(() => e.data.filter((r) => !r.hidden)), s = (r, i) => {
+      const p = (d, m = []) => {
         for (const b of m) {
-          if (b.id.toString() === f.toString())
+          if (b.id.toString() === d.toString())
             return b;
           if (b.children?.length) {
-            const h = p(f, b.children);
-            if (h)
-              return h;
+            const _ = p(d, b.children);
+            if (_)
+              return _;
           }
         }
       };
-      return p(r, i);
-    }, c = (i) => {
-      const r = s(l.value, i);
-      r && t("select", r);
+      return p(i, r);
+    }, c = (r) => {
+      const i = s(l.value, r);
+      i && t("select", i);
     };
-    return (i, r) => (u(), g(n(Wt), F({ class: "x-menu" }, i.$attrs, { onSelect: c }), {
-      default: d(() => [
-        (u(!0), C(Q, null, Y(l.value, (p) => (u(), g(n(Et), {
+    return (r, i) => (u(), g(o(Zt), F({ class: "x-menu" }, r.$attrs, { onSelect: c }), {
+      default: f(() => [
+        (u(!0), $(W, null, Y(l.value, (p) => (u(), g(o(Vt), {
           item: { ...p, icon: p.icon },
           defaultIcon: e.defaultIcon,
           subMenu: e.subMenu
@@ -217,7 +217,7 @@ const rt = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
       _: 1
     }, 16));
   }
-}), Mt = {
+}), Bt = {
   /**
    * 动作名称标识
    */
@@ -313,37 +313,37 @@ const rt = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
     type: Boolean
   }
 };
-function en(a) {
-  return y(() => {
-    const o = a.tooltip;
-    if (o)
-      return typeof o == "string" ? { content: o } : o;
+function no(a) {
+  return v(() => {
+    const n = a.tooltip;
+    if (n)
+      return typeof n == "string" ? { content: n } : n;
   });
 }
-function tn(a) {
-  return y(() => {
-    const o = a.badge;
-    if (o)
-      return typeof o == "object" ? o : { value: o };
+function oo(a) {
+  return v(() => {
+    const n = a.badge;
+    if (n)
+      return typeof n == "object" ? n : { value: n };
   });
 }
-function on(a) {
-  return y(() => {
-    const { dropdown: o, menus: e } = a;
+function ao(a) {
+  return v(() => {
+    const { dropdown: n, menus: e } = a;
     if (e && e.length > 0)
       return Object.assign(
         { popperClass: "x-action__menus", size: a.size },
-        o || {}
+        n || {}
       );
   });
 }
-function nn(a) {
-  const o = de();
-  return y(() => {
-    const e = n(a);
+function so(a) {
+  const n = pe();
+  return v(() => {
+    const e = o(a);
     if (e)
-      if (typeof e == "string" || e.setup || e.render || jt(e)) {
-        const t = o?.appContext.app;
+      if (typeof e == "string" || e.setup || e.render || Xt(e)) {
+        const t = n?.appContext.app;
         return {
           icon: typeof e == "string" && t?.component(e) || e
         };
@@ -352,21 +352,21 @@ function nn(a) {
     return null;
   });
 }
-function _e(a) {
-  const o = nn(a);
-  return o.value ? ke(V({ render: () => ne(ue, o.value) })) : void 0;
+function ke(a) {
+  const n = so(a);
+  return n.value ? we(V({ render: () => ae(de, n.value) })) : void 0;
 }
-function qe(a, o) {
-  return y(() => {
-    const e = n(a);
-    return typeof e == "function" ? e(o) : !!e;
+function qe(a, n) {
+  return v(() => {
+    const e = o(a);
+    return typeof e == "function" ? e(n) : !!e;
   });
 }
-function an(a, o, e) {
-  const t = Ve(o), l = O(!1), s = async (i) => {
-    const r = n(a);
-    return r ? typeof r == "function" ? await r(i) : r : o;
-  }, c = async (i) => (l.value = !0, await s(i).then((r) => (t.value = r || o, l.value = !1, n(t))));
+function lo(a, n, e) {
+  const t = Pe(n), l = D(!1), s = async (r) => {
+    const i = o(a);
+    return i ? typeof i == "function" ? await i(r) : i : n;
+  }, c = async (r) => (l.value = !0, await s(r).then((i) => (t.value = i || n, l.value = !1, o(t))));
   return L(
     () => a,
     () => {
@@ -381,87 +381,87 @@ function an(a, o, e) {
     loader: c
   };
 }
-const sn = { key: 0 }, ln = /* @__PURE__ */ V({
+const io = { key: 0 }, ro = /* @__PURE__ */ V({
   __name: "Trigger",
-  props: Mt,
+  props: Bt,
   emits: ["click"],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = _e(Ae(e, "icon")), s = qe(Ae(e, "disabled")), c = y(() => ({
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = ke(Ae(e, "icon")), s = qe(Ae(e, "disabled")), c = v(() => ({
       [`is-${e.mode}`]: !!e.mode,
       [`is-${e.type}`]: !!e.type,
       [`is-${e.size}`]: !!e.size && e.size !== "default",
       [`is-background-${e.background}`]: e.mode === "icon" && !!e.background,
       "is-disabled": !!e.disabled,
       "is-circle": !!e.circle
-    })), i = (r) => {
-      if (r.preventDefault(), !s.value)
+    })), r = (i) => {
+      if (i.preventDefault(), !s.value)
         return t("click"), !1;
     };
-    return (r, p) => e.mode === "button" ? (u(), g(n(ie), F({
+    return (i, p) => e.mode === "button" ? (u(), g(o(ie), F({
       key: 0,
-      icon: n(l),
+      icon: o(l),
       type: e.type,
       size: e.size,
-      disabled: n(s)
-    }, e.button, { onClick: i }), {
-      default: d(() => [
-        R(A(r.label), 1)
+      disabled: o(s)
+    }, e.button, { onClick: r }), {
+      default: f(() => [
+        R(A(i.label), 1)
       ]),
       _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (u(), C("div", {
+    }, 16, ["icon", "type", "size", "disabled"])) : (u(), $("div", {
       key: 1,
-      class: W(["x-action__inner", c.value]),
-      onClick: i
+      class: J(["x-action__inner", c.value]),
+      onClick: r
     }, [
-      (u(), g(J(n(l)))),
-      r.label ? (u(), C("span", sn, A(r.label), 1)) : v("", !0)
+      (u(), g(Q(o(l)))),
+      i.label ? (u(), $("span", io, A(i.label), 1)) : h("", !0)
     ], 2));
   }
-}), se = /* @__PURE__ */ V({
+}), te = /* @__PURE__ */ V({
   name: "XAction",
   __name: "Action",
-  props: Mt,
+  props: Bt,
   emits: ["click", "command"],
-  setup(a, { emit: o }) {
-    const e = a, t = Nt(), l = o, s = en(e), c = tn(e), i = on(e), r = qe(Ae(e, "disabled")), p = y(() => ({
+  setup(a, { emit: n }) {
+    const e = a, t = Ht(), l = n, s = no(e), c = oo(e), r = ao(e), i = qe(Ae(e, "disabled")), p = v(() => ({
       [`x-action--${e.mode}`]: !!e.mode
-    })), f = () => {
-      r.value || l("click", ge(e));
-    }, m = (z) => {
-      if (r.value)
+    })), d = () => {
+      i.value || l("click", ye(e));
+    }, m = (w) => {
+      if (i.value)
         return;
-      const E = e.menus?.find((B) => B.command === z);
-      E && l("command", ge(E));
-    }, b = (z) => ne(He, c.value, () => [].concat(z)), h = (z) => ne(
-      Jt,
-      { ...i.value, disabled: r.value, onCommand: m },
+      const M = e.menus?.find((B) => B.command === w);
+      M && l("command", ye(M));
+    }, b = (w) => ae(He, c.value, () => [].concat(w)), _ = (w) => ae(
+      Gt,
+      { ...r.value, disabled: i.value, onCommand: m },
       {
-        default: () => [z],
+        default: () => [w],
         dropdown: () => [
-          ne(
-            Qt,
-            () => (e.menus || []).map((E, B) => ne(
-              Zt,
-              E,
-              () => t.item ? t.item({ item: E, index: B }) : E.label
+          ae(
+            Yt,
+            () => (e.menus || []).map((M, B) => ae(
+              qt,
+              M,
+              () => t.item ? t.item({ item: M, index: B }) : M.label
             ))
           )
         ]
       }
-    ), w = (z) => ne(ht, { ...s.value, disabled: r.value }, () => [
-      z
-    ]), M = y(() => {
-      let z = ne(ke(ln), { ...e, onClick: f });
-      const E = t.default?.();
-      return E && E.length && (z = E[0]), c.value && (z = b(z)), i.value && (z = h(z)), s.value && (z = w(z)), z;
+    ), y = (w) => ae(ht, { ...s.value, disabled: i.value }, () => [
+      w
+    ]), S = v(() => {
+      let w = ae(we(ro), { ...e, onClick: d });
+      const M = t.default?.();
+      return M && M.length && (w = M[0]), c.value && (w = b(w)), r.value && (w = _(w)), s.value && (w = y(w)), w;
     });
-    return (z, E) => (u(), C("div", {
-      class: W(["x-action", p.value])
+    return (w, M) => (u(), $("div", {
+      class: J(["x-action", p.value])
     }, [
-      (u(), g(J(M.value)))
+      (u(), g(Q(S.value)))
     ], 2));
   }
-}), rn = {
+}), uo = {
   /**
    * 动作项
    */
@@ -535,35 +535,35 @@ const sn = { key: 0 }, ln = /* @__PURE__ */ V({
 }, et = /* @__PURE__ */ V({
   name: "XActionBar",
   __name: "ActionBar",
-  props: rn,
+  props: uo,
   emits: ["click", "command"],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = y(() => (e.items || []).map((i) => i === "|" ? i : {
-      ...i,
-      badge: i.badge ? {
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = v(() => (e.items || []).map((r) => r === "|" ? r : {
+      ...r,
+      badge: r.badge ? {
         ...e.badge,
-        ...typeof i.badge == "object" ? i.badge || {} : { value: i.badge }
+        ...typeof r.badge == "object" ? r.badge || {} : { value: r.badge }
       } : void 0,
-      tooltip: i.tooltip ? {
+      tooltip: r.tooltip ? {
         ...e.tooltip,
-        ...typeof i.tooltip == "object" ? i.tooltip || {} : { content: i.tooltip }
+        ...typeof r.tooltip == "object" ? r.tooltip || {} : { content: r.tooltip }
       } : void 0
-    })), s = (i) => {
-      t("click", i);
-    }, c = (i, r) => {
-      t("command", i, r);
+    })), s = (r) => {
+      t("click", r);
+    }, c = (r, i) => {
+      t("command", r, i);
     };
-    return (i, r) => (u(), g(n(I), {
+    return (r, i) => (u(), g(o(I), {
       class: "x-action-bar",
       align: "center"
     }, {
-      default: d(() => [
-        (u(!0), C(Q, null, Y(l.value, (p) => (u(), C(Q, null, [
-          p === "|" ? (u(), g(n(ae), {
+      default: f(() => [
+        (u(!0), $(W, null, Y(l.value, (p) => (u(), $(W, null, [
+          p === "|" ? (u(), g(o(se), {
             key: 0,
             direction: "vertical",
             class: "x-action-bar__divider"
-          })) : (u(), g(n(se), F({
+          })) : (u(), g(o(te), F({
             key: 1,
             mode: e.mode,
             size: e.size,
@@ -572,17 +572,17 @@ const sn = { key: 0 }, ln = /* @__PURE__ */ V({
             background: e.background,
             button: e.button,
             dropdown: e.dropdown,
-            disabled: n(qe)(e.disabled, p).value
+            disabled: o(qe)(e.disabled, p).value
           }, p, {
             onClick: s,
-            onCommand: (f) => c(p, f)
+            onCommand: (d) => c(p, d)
           }), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
         ], 64))), 256))
       ]),
       _: 1
     }));
   }
-}), cn = {
+}), co = {
   /**
    * 组件渲染html标签
    */
@@ -701,48 +701,48 @@ const sn = { key: 0 }, ln = /* @__PURE__ */ V({
 }, I = /* @__PURE__ */ V({
   name: "XContainer",
   __name: "Container",
-  props: cn,
+  props: co,
   setup(a) {
-    const o = a, e = We(), t = de(), l = y(() => {
-      const i = t?.parent;
-      if (!i)
+    const n = a, e = We(), t = pe(), l = v(() => {
+      const r = t?.parent;
+      if (!r)
         return !1;
-      const r = i.proxy;
-      return r.$options.name === "XContainer" || !!r.flex;
-    }), s = y(() => ({
-      "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": l.value && 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 = y(() => {
-      const { width: i, height: r, fit: p } = o;
+      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": l.value && n.shrink,
+      [`is-align-self-${n.alignSelf}`]: l.value && n.alignSelf !== "auto",
+      [`is-overflow-${n.overflow}`]: !!n.overflow,
+      "is-padding": !!n.padding,
+      "is-pointer": n.autoPointer && !!e.onClick,
+      "is-gap": !!n.gap
+    })), c = v(() => {
+      const { width: r, height: i, fit: p } = n;
       return p ? null : {
-        width: i ? q(i) : void 0,
-        height: r ? q(r) : void 0
+        width: r ? q(r) : void 0,
+        height: i ? q(i) : void 0
       };
     });
-    return (i, r) => (u(), g(J(o.tag), {
-      class: W(["x-container", s.value]),
-      style: pe(c.value)
+    return (r, i) => (u(), g(Q(n.tag), {
+      class: J(["x-container", s.value]),
+      style: fe(c.value)
     }, {
-      default: d(() => [
-        x(i.$slots, "default")
+      default: f(() => [
+        C(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), un = {
+}), po = {
   size: {
     type: String,
     default: "default"
@@ -763,72 +763,69 @@ const sn = { key: 0 }, ln = /* @__PURE__ */ V({
   more: {
     type: Boolean
   }
-}, dn = {
+}, fo = { class: "x-header__content" }, mo = {
   key: 0,
   class: "x-header__actions"
-}, pn = /* @__PURE__ */ V({
+}, go = /* @__PURE__ */ V({
   name: "XHeader",
   inheritAttrs: !1,
   __name: "Header",
-  props: un,
+  props: po,
   setup(a) {
-    const o = a, e = _e(Ae(o, "icon")), t = We(), l = y(() => ({
-      [`is-size-${o.size}`]: !!o.size && o.size !== "default",
-      "is-border": o.border,
+    const n = a, e = ke(Ae(n, "icon")), t = We(), l = v(() => ({
+      [`is-size-${n.size}`]: !!n.size && n.size !== "default",
+      "is-border": n.border,
       "is-pointer": !!t.onClick
     }));
-    return (s, c) => (u(), g(n(I), {
-      class: W(["x-header", l.value]),
+    return (s, c) => (u(), g(o(I), {
+      class: J(["x-header", l.value]),
       justify: "space-between",
       align: "center"
     }, {
-      default: d(() => [
-        _(n(I), {
+      default: f(() => [
+        k(o(I), {
           align: "center",
-          class: W(["x-header__wrapper", l.value]),
-          grow: ""
+          class: J(["x-header__wrapper", l.value]),
+          grow: "",
+          onClick: o(t).onClick
         }, {
-          default: d(() => [
-            n(e) ? (u(), g(J(n(e)), {
+          default: f(() => [
+            o(e) ? (u(), g(Q(o(e)), {
               key: 0,
               class: "x-header__icon",
-              onClick: n(t).onClickIcon || n(t).onClick
-            }, null, 8, ["onClick"])) : v("", !0),
-            X("span", {
-              class: "x-header__content",
-              onClick: c[0] || (c[0] = //@ts-ignore
-              (...i) => n(t).onClick && n(t).onClick(...i))
-            }, [
-              x(s.$slots, "default", {}, () => [
-                R(A(o.content), 1)
+              onClick: o(t).onClickIcon || o(t).onClick
+            }, null, 8, ["onClick"])) : h("", !0),
+            j("span", fo, [
+              C(s.$slots, "default", {}, () => [
+                R(A(n.content), 1)
               ])
             ]),
-            o.more ? (u(), g(n(ue), {
+            n.more ? (u(), g(o(de), {
               key: 1,
               class: "x-header__more",
-              icon: n(vo)
-            }, null, 8, ["icon"])) : v("", !0),
-            o.subtitle || s.$slots.subtitle ? (u(), C("span", {
+              icon: o(hn)
+            }, null, 8, ["icon"])) : h("", !0),
+            n.subtitle || s.$slots.subtitle ? (u(), $("span", {
               key: 2,
               class: "x-header__subtitle",
-              onClick: c[1] || (c[1] = //@ts-ignore
-              (...i) => n(t).onClick && n(t).onClick(...i))
+              onClick: c[0] || (c[0] = //@ts-ignore
+              (...r) => o(t).onClick && o(t).onClick(...r))
             }, [
-              x(s.$slots, "subtitle", {}, () => [
-                R(A(o.subtitle), 1)
+              C(s.$slots, "subtitle", {}, () => [
+                R(A(n.subtitle), 1)
               ])
-            ])) : v("", !0)
+            ])) : h("", !0)
           ]),
           _: 3
-        }, 8, ["class"]),
-        s.$slots.actions ? (u(), C("div", dn, [
-          x(s.$slots, "actions")
-        ])) : v("", !0)
+        }, 8, ["class", "onClick"]),
+        s.$slots.actions ? (u(), $("div", mo, [
+          C(s.$slots, "actions")
+        ])) : h("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), fn = {
+}), yo = {
   /**
    * 宽高自适应
    */
@@ -892,56 +889,56 @@ const sn = { key: 0 }, ln = /* @__PURE__ */ V({
   footer: {
     type: Object
   }
-}, Pe = /* @__PURE__ */ V({
+}, Be = /* @__PURE__ */ V({
   name: "XPanel",
   __name: "Panel",
-  props: fn,
-  setup(a, { expose: o }) {
-    const e = a, t = O(), l = y(() => ({
+  props: yo,
+  setup(a, { expose: n }) {
+    const e = a, t = D(), l = v(() => ({
       "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 = y(() => e.header === null ? null : typeof e.header == "string" ? {
+    })), s = v(() => e.header === null ? null : typeof e.header == "string" ? {
       content: e.header,
       size: e.size
     } : {
       ...e.header,
       size: e.size
-    }), c = y(() => e.fit || e.height ? "auto" : void 0);
-    return o({
+    }), c = v(() => e.fit || e.height ? "auto" : void 0);
+    return n({
       bodyRef: t
-    }), (i, r) => (u(), g(n(I), {
-      class: W(["x-panel", l.value]),
+    }), (r, i) => (u(), g(o(I), {
+      class: J(["x-panel", l.value]),
       direction: "column",
       fit: e.fit,
       width: e.width,
       height: e.height
     }, {
-      default: d(() => [
-        s.value ? (u(), g(n(I), {
+      default: f(() => [
+        s.value ? (u(), g(o(I), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
         }, {
-          default: d(() => [
-            x(i.$slots, "header", {}, () => [
-              _(n(pn), le(he(s.value)), {
-                default: d(() => [
-                  x(i.$slots, "title")
+          default: f(() => [
+            C(r.$slots, "header", {}, () => [
+              k(o(go), le(be(s.value)), {
+                default: f(() => [
+                  C(r.$slots, "title")
                 ]),
-                actions: d(() => [
-                  x(i.$slots, "actions")
+                actions: f(() => [
+                  C(r.$slots, "actions")
                 ]),
                 _: 3
               }, 16)
             ])
           ]),
           _: 3
-        })) : v("", !0),
-        _(n(I), F({
+        })) : h("", !0),
+        k(o(I), F({
           ref_key: "bodyRef",
           ref: t,
           flex: !1,
@@ -950,78 +947,78 @@ const sn = { key: 0 }, ln = /* @__PURE__ */ V({
           padding: "",
           class: "x-panel__body"
         }, e.body), {
-          default: d(() => [
-            x(i.$slots, "default")
+          default: f(() => [
+            C(r.$slots, "default")
           ]),
           _: 3
         }, 16, ["overflow"]),
-        i.$slots.footer ? (u(), g(n(I), F({
+        r.$slots.footer ? (u(), g(o(I), F({
           key: 1,
           flex: !1,
           padding: "",
           class: "x-panel__footer"
         }, e.footer), {
-          default: d(() => [
-            x(i.$slots, "footer")
+          default: f(() => [
+            C(r.$slots, "footer")
           ]),
           _: 3
-        }, 16)) : v("", !0)
+        }, 16)) : h("", !0)
       ]),
       _: 3
     }, 8, ["class", "fit", "width", "height"]));
   }
-}), ct = "user-select-none";
-class ut {
-  constructor(o, e = {}) {
-    this.el = o, this.options = e, this.scope = ft(), this.scope.run(() => {
+}), ut = "user-select-none";
+class ct {
+  constructor(n, e = {}) {
+    this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
       this.init();
     });
   }
   scope;
   dragging = !1;
   getHandle() {
-    const { selector: o, handle: e } = this.options;
-    return o ? this.el.querySelector(o) : e;
+    const { selector: n, handle: e } = this.options;
+    return n ? this.el.querySelector(n) : e;
   }
   getTarget() {
-    const { target: o = "body" } = this.options;
-    return typeof o == "string" ? document.querySelector(o) : n(o) || document.body;
+    const { target: n = "body" } = this.options;
+    return typeof n == "string" ? document.querySelector(n) : o(n) || document.body;
   }
   init() {
-    const { el: o, options: e } = this, { disabled: t, delay: l = 150, onStart: s, onEnd: c } = e;
+    const { el: n, options: e } = this, { disabled: t, delay: l = 150, onStart: s, onEnd: c } = e;
     if (t)
       return;
-    let i = null;
-    const r = this.getHandle(), p = this.getTarget();
-    let f = o.getBoundingClientRect(), m = null;
-    const { x: b, y: h } = Vo(o, {
-      initialValue: { x: f.x, y: f.y },
+    let r = null;
+    const i = this.getHandle(), p = this.getTarget();
+    let d = n.getBoundingClientRect(), m = null;
+    const { x: b, y: _ } = An(n, {
+      initialValue: { x: d.x, y: d.y },
       ...e,
-      handle: r,
-      onStart: (w, M) => {
-        document.body.classList.add(ct), clearTimeout(i), i = setTimeout(() => {
-          this.dragging = !0, f = o.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(w, M);
+      handle: i,
+      onStart: (y, S) => {
+        document.body.classList.add(ut), clearTimeout(r), r = setTimeout(() => {
+          this.dragging = !0, d = n.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(y, S);
         }, l);
       },
-      onEnd: (w, M) => {
-        if (clearTimeout(i), document.body.classList.remove(ct), this.dragging && m) {
+      onEnd: (y, S) => {
+        if (clearTimeout(r), document.body.classList.remove(ut), this.dragging && m) {
           this.dragging = !1;
-          const { x: z, y: E } = w, B = this.getPosition(m, f, z, E);
-          c && c(B, M), m = null;
+          const { x: w, y: M } = y, B = this.getPosition(m, d, w, M);
+          c && c(B, S), m = null;
         }
       }
     });
-    L([b, h], () => {
+    L([b, _], () => {
       if (this.dragging && m) {
-        const w = this.getPosition(m, f, b.value, h.value);
-        o.style.left = `${w.x}px`, o.style.top = `${w.y}px`;
+        const y = this.getPosition(m, d, b.value, _.value);
+        n.style.left = `${y.x}px`, n.style.top = `${y.y}px`;
       }
     });
   }
-  getPosition(o, e, t, l) {
-    const { edge: s = 50 } = this.options, c = -e.width + s, i = o.width - s, r = 0, p = o.height - s, f = Math.min(i, Math.max(t, c)), m = Math.min(p, Math.max(l, r));
+  getPosition(n, e, t, l) {
+    const { edge: s = 50 } = this.options, c = -e.width + s, r = n.width - s, i = 0, p = n.height - s, d = Math.min(r, Math.max(t, c)), m = Math.min(p, Math.max(l, i));
     return {
-      x: f,
+      x: d,
       y: m
     };
   }
@@ -1029,117 +1026,117 @@ class ut {
     this.scope.stop();
   }
 }
-const mn = {
-  mounted(a, o) {
-    const e = o.value || {}, t = new ut(a, e);
+const vo = {
+  mounted(a, n) {
+    const e = n.value || {}, t = new ct(a, e);
     a.__draggable__ = t;
   },
-  updated(a, o) {
-    const e = o.value || {};
+  updated(a, n) {
+    const e = n.value || {};
     let t = a.__draggable__;
-    t && !Ze(t.options, e) && (t.destory(), a.__draggable__ = new ut(a, e));
+    t && !Ze(t.options, e) && (t.destory(), a.__draggable__ = new ct(a, e));
   },
   unmounted(a) {
-    const o = a.__draggable__;
-    o && (o.destory(), a.__draggable__ = null);
+    const n = a.__draggable__;
+    n && (n.destory(), a.__draggable__ = null);
   }
-}, Ue = "user-select-none";
+}, Xe = "user-select-none";
 class dt {
-  constructor(o, e = {}) {
-    this.el = o, this.options = e, this.scope = ft(), this.scope.run(() => {
+  constructor(n, e = {}) {
+    this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
       this.init();
     });
   }
   scope;
-  resizing = O(!1);
-  direction = O("");
+  resizing = D(!1);
+  direction = D("");
   MIE = null;
   cleanMousedown;
   cleanMouseup;
   init() {
-    const { el: o, options: e } = this, { disabled: t, onStart: l, onEnd: s } = e;
+    const { el: n, options: e } = this, { disabled: t, onStart: l, onEnd: s } = e;
     if (t)
       return;
-    this.MIE = Ao(o), this.cleanMousedown = De(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.MIE = Dn(n), this.cleanMousedown = De(document, "mousedown", () => {
+      this.direction?.value && this.MIE && (this.resizing.value = !0, n.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
     }), this.cleanMouseup = De(document, "mouseup", () => {
-      this.resizing.value && this.direction?.value && this.MIE && (o.classList.remove(
+      this.resizing.value && this.direction?.value && this.MIE && (n.classList.remove(
         "is-resizing",
         `is-${this.direction.value}-resizing`
       ), s && s(this.direction.value, this.MIE)), this.resizing.value = !1;
-    }), L(this.direction, (r) => {
+    }), L(this.direction, (i) => {
       const p = document.body;
-      p.style.cursor = r ? `${r}-resize` : "", r ? p.classList.add(Ue) : p.classList.remove(Ue);
+      p.style.cursor = i ? `${i}-resize` : "", i ? p.classList.add(Xe) : p.classList.remove(Xe);
     });
-    const { x: c, y: i } = this.MIE;
-    L([c, i], () => {
+    const { x: c, y: r } = this.MIE;
+    L([c, r], () => {
       this.resizing.value ? this.resize() : this.direction.value = this.getDirection();
     });
   }
   resize() {
-    const { MIE: o, direction: e, resizing: t, options: l, el: s } = this, c = e?.value || "";
-    if (!o || !t.value || !c)
+    const { MIE: n, direction: e, resizing: t, options: l, el: s } = this, c = e?.value || "";
+    if (!n || !t.value || !c)
       return;
-    const { x: i, y: r, elementX: p, elementY: f, elementHeight: m, elementWidth: b } = o, { onResizing: h } = l, {
-      minWidth: w = 0,
-      minHeight: M = 0,
-      maxWidth: z = 99999,
-      maxHeight: E = 99999
+    const { x: r, y: i, elementX: p, elementY: d, elementHeight: m, elementWidth: b } = n, { onResizing: _ } = l, {
+      minWidth: y = 0,
+      minHeight: S = 0,
+      maxWidth: w = 99999,
+      maxHeight: M = 99999
     } = l;
     if (c.includes("e")) {
-      const B = Math.min(Math.max(p.value, w), z);
+      const B = Math.min(Math.max(p.value, y), w);
       s.style.width = `${B}px`;
     }
     if (c.includes("s")) {
-      const B = Math.min(Math.max(f.value, M), E);
+      const B = Math.min(Math.max(d.value, S), M);
       s.style.height = `${B}px`;
     }
     if (c.includes("w")) {
       const B = Math.min(
-        Math.max(b.value - p.value, w),
-        z
+        Math.max(b.value - p.value, y),
+        w
       );
-      s.style.width = `${B}px`, s.style.left = `${i.value}px`;
+      s.style.width = `${B}px`, s.style.left = `${r.value}px`;
     }
     if (c.includes("n")) {
       const B = Math.min(
-        Math.max(m.value - f.value, M),
-        E
+        Math.max(m.value - d.value, S),
+        M
       );
-      this.el.style.height = `${B}px`, this.el.style.top = `${r.value}px`;
+      this.el.style.height = `${B}px`, this.el.style.top = `${i.value}px`;
     }
-    h && h(c, o);
+    _ && _(c, n);
   }
   getDirection() {
     if (!this.MIE)
       return "";
-    const { elementX: o, elementY: e, elementHeight: t, elementWidth: l, isOutside: s } = this.MIE;
+    const { elementX: n, elementY: e, elementHeight: t, elementWidth: l, isOutside: s } = this.MIE;
     if (s.value)
       return "";
-    const { dirs: c = ["n", "s", "w", "e"], edge: i = 5 } = this.options;
-    let r = "";
-    return c.includes("n") && e.value <= i ? r += "n" : c.includes("s") && e.value > t.value - i && (r += "s"), c.includes("w") && o.value <= i ? r += "w" : c.includes("e") && o.value > l.value - i && (r += "e"), r;
+    const { dirs: c = ["n", "s", "w", "e"], edge: r = 5 } = this.options;
+    let i = "";
+    return c.includes("n") && e.value <= r ? i += "n" : c.includes("s") && e.value > t.value - r && (i += "s"), c.includes("w") && n.value <= r ? i += "w" : c.includes("e") && n.value > l.value - r && (i += "e"), i;
   }
   destory() {
-    const o = document.body;
-    o.style.cursor = "", o.classList.remove(Ue), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
+    const n = document.body;
+    n.style.cursor = "", n.classList.remove(Xe), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
   }
 }
-const It = {
-  mounted(a, o) {
-    const e = o.value || {}, t = new dt(a, e);
+const Pt = {
+  mounted(a, n) {
+    const e = n.value || {}, t = new dt(a, e);
     a.__resizable__ = t;
   },
-  updated(a, o) {
-    const e = o.value || {};
+  updated(a, n) {
+    const e = n.value || {};
     let t = a.__resizable__;
     t && !Ze(t.options, e) && (t.destory(), a.__resizable__ = new dt(a, e));
   },
   unmounted(a) {
-    const o = a.__resizable__;
-    o && (o.destory(), a.__resizable__ = null);
+    const n = a.__resizable__;
+    n && (n.destory(), a.__resizable__ = null);
   }
-}, gn = {
+}, ho = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -1224,9 +1221,9 @@ const It = {
     type: Boolean
   }
 };
-let ve = 1e3;
-function yn(a, o) {
-  const { width: e, height: t } = zt(o), l = Re({
+let he = 1e3;
+function bo(a, n) {
+  const { width: e, height: t } = $t(n), l = Oe({
     mode: a.mode || "normal",
     wrapperWidth: 0,
     wrapperHeight: 0,
@@ -1234,42 +1231,42 @@ function yn(a, o) {
     height: 0,
     top: 0,
     left: 0,
-    zIndex: ++ve,
+    zIndex: ++he,
     dragging: !1,
     resizing: !1
   });
   return L([e, t], ([s, c]) => {
-    l.wrapperWidth = s, l.wrapperHeight = c, l.width = $e(a.width, s), l.height = $e(a.height, c), l.left = a.left ? $e(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? $e(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
+    l.wrapperWidth = s, l.wrapperHeight = c, l.width = Te(a.width, s), l.height = Te(a.height, c), l.left = a.left ? Te(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Te(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
   }), L(l, (s) => {
-    ve = Math.max(s.zIndex, ve);
+    he = Math.max(s.zIndex, he);
   }), {
     state: l,
-    normal: y(() => l.mode === "normal"),
-    maximized: y(() => l.mode === "maximized"),
-    minimized: y(() => l.mode === "minimized")
+    normal: v(() => l.mode === "normal"),
+    maximized: v(() => l.mode === "maximized"),
+    minimized: v(() => l.mode === "minimized")
   };
 }
-function vn(a, o) {
-  const e = y(() => {
-    const { width: c, height: i, top: r, left: p, zIndex: f } = o;
+function _o(a, n) {
+  const e = v(() => {
+    const { width: c, height: r, top: i, left: p, zIndex: d } = n;
     return {
       width: `${c}px`,
-      height: `${i}px`,
-      top: `${r}px`,
+      height: `${r}px`,
+      top: `${i}px`,
       left: `${p}px`,
-      zIndex: f
+      zIndex: d
     };
-  }), t = y(() => ({
-    [`is-${o.mode}`]: !!o.mode,
+  }), t = v(() => ({
+    [`is-${n.mode}`]: !!n.mode,
     "is-draggable": !!a.draggable,
     "is-resizable": !!a.resizable,
     "is-primary": !!a.primary
-  })), l = y(() => ({
-    [`is-${o.mode}`]: !!o.mode,
-    "is-dragging": o.dragging,
-    "is-resizing": o.resizing
-  })), s = y(() => ({
-    zIndex: o.zIndex
+  })), l = v(() => ({
+    [`is-${n.mode}`]: !!n.mode,
+    "is-dragging": n.dragging,
+    "is-resizing": n.resizing
+  })), s = v(() => ({
+    zIndex: n.zIndex
   }));
   return {
     styles: e,
@@ -1278,9 +1275,9 @@ function vn(a, o) {
     modalStyle: s
   };
 }
-function hn(a, o, e) {
-  const t = (f) => {
-    o.mode = f, ["maximized", "minimized", "normal"].includes(f) && e(f), e("modeChange", f);
+function ko(a, n, e) {
+  const t = (d) => {
+    n.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"));
   };
@@ -1289,11 +1286,11 @@ function hn(a, o, e) {
     changeMode: t,
     show: () => t("normal"),
     hide: () => t("minimized"),
-    active: (f) => {
-      const m = f.target.nodeName || "";
+    active: (d) => {
+      const m = d.target.nodeName || "";
       ["INPUT", "TEXTAREA", "RADIO", "CHECKBOX"].includes(
         m.toUpperCase()
-      ) || (o.zIndex = Math.max(o.zIndex, ++ve));
+      ) || (n.zIndex = Math.max(n.zIndex, ++he));
     },
     submit: () => e("submit"),
     cancel: () => {
@@ -1301,8 +1298,8 @@ function hn(a, o, e) {
     }
   };
 }
-function bn(a, o, e, t) {
-  return y(() => {
+function wo(a, n, e, t) {
+  return v(() => {
     const l = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
     return {
       ...Ge(a.draggable) ? a.draggable : {},
@@ -1310,22 +1307,22 @@ function bn(a, o, e, t) {
       target: t,
       selector: ".x-panel__header",
       onStart(s) {
-        o.dragging = !0, o.zIndex = Math.max(o.zIndex, ++ve), e("dragStart", s);
+        n.dragging = !0, n.zIndex = Math.max(n.zIndex, ++he), e("dragStart", s);
       },
       onMove(s) {
         e("dragging", s);
       },
       onEnd(s) {
-        if (o.mode === "maximized")
+        if (n.mode === "maximized")
           return;
-        const { x: c, y: i } = s;
-        o.left = c, o.top = i, o.dragging = !1, e("dragEnd", s);
+        const { x: c, y: r } = s;
+        n.left = c, n.top = r, n.dragging = !1, e("dragEnd", s);
       }
     };
   });
 }
-function _n(a, o, e) {
-  return y(() => {
+function xo(a, n, e) {
+  return v(() => {
     const t = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
     return {
       minWidth: 200,
@@ -1334,24 +1331,24 @@ function _n(a, o, e) {
       disabled: t,
       dirs: ["e", "s", "w"],
       onStart(l, s) {
-        o.resizing = !0, o.zIndex = Math.max(o.zIndex, ++ve), e("resizeStart", l, s);
+        n.resizing = !0, n.zIndex = Math.max(n.zIndex, ++he), e("resizeStart", l, s);
       },
       onResizing(l, s) {
         e("resizing", l, s);
       },
       onEnd(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);
+        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);
       }
     };
   });
 }
-function kn(a, o) {
+function So(a, n) {
   const e = a.componentInstance;
   if (!e)
     return;
   let t = null;
   return mt(() => {
-    const l = n(o), s = n(l?.bodyRef);
+    const l = o(n), s = o(l?.bodyRef);
     t = e.$el, s && s.$el && s.$el.appendChild(t);
   }), gt(() => {
     t && t.parentNode && t.parentNode.removeChild(t);
@@ -1359,152 +1356,152 @@ function kn(a, o) {
     componentInstance: e
   };
 }
-const wn = ["src"], Bt = /* @__PURE__ */ V({
+const Co = ["src"], At = /* @__PURE__ */ V({
   name: "XDialog",
   __name: "Dialog",
-  props: gn,
+  props: ho,
   emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
-  setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = de(), c = O(), i = O(), { state: r, maximized: p, minimized: f, normal: m } = yn(t, c), { styles: b, classes: h, wrapperClass: w, modalStyle: M } = vn(t, r), { changeMode: z, active: E, close: B, show: S, hide: P, submit: T, cancel: j } = hn(
+  setup(a, { expose: n, emit: e }) {
+    const t = a, l = e, s = pe(), c = D(), r = D(), { state: i, maximized: p, minimized: d, normal: m } = bo(t, c), { styles: b, classes: _, wrapperClass: y, modalStyle: S } = _o(t, i), { changeMode: w, active: M, close: B, show: z, hide: P, submit: T, cancel: N } = ko(
       t,
-      r,
+      i,
       l
-    ), k = bn(t, r, l, c), H = _n(t, r, l), K = kn(t, i);
+    ), x = wo(t, i, l, c), H = xo(t, i, l), K = So(t, r);
     Je(async () => {
-      t.modelValue && (await ye(), s && l("open", s));
+      t.modelValue && (await ve(), s && l("open", s));
     });
-    const re = y(() => i.value?.$el);
-    return o({
+    const re = v(() => r.value?.$el);
+    return n({
       $vtjEl: re,
-      panelRef: i,
-      state: r,
+      panelRef: r,
+      state: i,
       maximized: p,
-      minimized: f,
-      changeMode: z,
-      show: S,
+      minimized: d,
+      changeMode: w,
+      show: z,
       hide: P,
       submit: T,
-      cancel: j,
+      cancel: N,
       componentInstance: K
     }), (Z, ee) => t.modelValue ? (u(), g(yt, {
       key: 0,
       to: "body"
     }, [
-      X("div", {
+      j("div", {
         ref_key: "wrapper",
         ref: c,
-        class: W(["x-dialog__wrapper", n(w)])
+        class: J(["x-dialog__wrapper", o(y)])
       }, [
-        t.modal ? (u(), C("div", {
+        t.modal ? (u(), $("div", {
           key: 0,
           class: "x-dialog__modal",
-          style: pe(n(M))
-        }, null, 4)) : v("", !0),
-        G((u(), g(n(Pe), F({
+          style: fe(o(S))
+        }, null, 4)) : h("", !0),
+        G((u(), g(o(Be), F({
           ref_key: "panelRef",
-          ref: i,
-          class: ["x-dialog", n(h)],
+          ref: r,
+          class: ["x-dialog", o(_)],
           card: "",
           shadow: "always",
           header: { icon: t.icon, subtitle: t.subtitle },
           width: "800px",
           height: "600px",
           footer: { justify: "space-between", flex: !0, align: "center" },
-          style: n(b),
+          style: o(b),
           size: t.size,
           body: { padding: t.bodyPadding },
-          onClick: n(E)
-        }, Z.$attrs), be({
-          title: d(() => [
+          onClick: o(M)
+        }, Z.$attrs), ce({
+          title: f(() => [
             R(A(t.title), 1)
           ]),
-          actions: d(() => [
-            x(Z.$slots, "actions"),
-            t.minimizable ? (u(), g(n(se), {
+          actions: f(() => [
+            C(Z.$slots, "actions"),
+            t.minimizable ? (u(), g(o(te), {
               key: 0,
-              icon: n(ho),
+              icon: o(bn),
               size: t.size,
               mode: "icon",
               type: "primary",
               background: "hover",
-              onClick: ee[0] || (ee[0] = (ce) => n(z)("minimized"))
-            }, null, 8, ["icon", "size"])) : v("", !0),
-            t.maximizable ? (u(), C(Q, { key: 1 }, [
-              n(m) ? (u(), g(n(se), {
+              onClick: ee[0] || (ee[0] = (ue) => o(w)("minimized"))
+            }, null, 8, ["icon", "size"])) : h("", !0),
+            t.maximizable ? (u(), $(W, { key: 1 }, [
+              o(m) ? (u(), g(o(te), {
                 key: 1,
-                icon: n(_o),
+                icon: o(kn),
                 size: t.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: ee[2] || (ee[2] = (ce) => n(z)("maximized"))
-              }, null, 8, ["icon", "size"])) : (u(), g(n(se), {
+                onClick: ee[2] || (ee[2] = (ue) => o(w)("maximized"))
+              }, null, 8, ["icon", "size"])) : (u(), g(o(te), {
                 key: 0,
-                icon: n(bo),
+                icon: o(_n),
                 size: t.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: ee[1] || (ee[1] = (ce) => n(z)("normal"))
+                onClick: ee[1] || (ee[1] = (ue) => o(w)("normal"))
               }, null, 8, ["icon", "size"]))
-            ], 64)) : v("", !0),
-            t.closable ? (u(), g(n(se), {
+            ], 64)) : h("", !0),
+            t.closable ? (u(), g(o(te), {
               key: 2,
-              icon: n(ko),
+              icon: o(wn),
               size: t.size,
               mode: "icon",
               type: "danger",
               background: "hover",
-              onClick: n(B)
-            }, null, 8, ["icon", "size", "onClick"])) : v("", !0)
+              onClick: o(B)
+            }, null, 8, ["icon", "size", "onClick"])) : h("", !0)
           ]),
-          default: d(() => [
-            x(Z.$slots, "default", {}, () => [
-              t.content ? (u(), g(J(t.content), { key: 0 })) : v("", !0),
-              t.src ? (u(), C("iframe", {
+          default: f(() => [
+            C(Z.$slots, "default", {}, () => [
+              t.content ? (u(), g(Q(t.content), { key: 0 })) : h("", !0),
+              t.src ? (u(), $("iframe", {
                 key: 1,
                 src: t.src,
                 class: "x-dialog__frame"
-              }, null, 8, wn)) : v("", !0)
+              }, null, 8, Co)) : h("", !0)
             ])
           ]),
           _: 2
         }, [
           t.cancel || t.submit || Z.$slots.footer || Z.$slots.extra || Z.$slots.handle ? {
             name: "footer",
-            fn: d(() => [
-              x(Z.$slots, "footer", {}, () => [
-                _(n(I), { align: "center" }, {
-                  default: d(() => [
-                    x(Z.$slots, "extra")
+            fn: f(() => [
+              C(Z.$slots, "footer", {}, () => [
+                k(o(I), { align: "center" }, {
+                  default: f(() => [
+                    C(Z.$slots, "extra")
                   ]),
                   _: 3
                 }),
-                _(n(I), { align: "center" }, {
-                  default: d(() => [
-                    x(Z.$slots, "handle"),
-                    t.cancel ? (u(), g(n(ie), {
+                k(o(I), { align: "center" }, {
+                  default: f(() => [
+                    C(Z.$slots, "handle"),
+                    t.cancel ? (u(), g(o(ie), {
                       key: 0,
                       type: "default",
                       size: t.size,
-                      onClick: n(j)
+                      onClick: o(N)
                     }, {
-                      default: d(() => [
+                      default: f(() => [
                         R(A(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : v("", !0),
-                    t.submit ? (u(), g(n(ie), {
+                    }, 8, ["size", "onClick"])) : h("", !0),
+                    t.submit ? (u(), g(o(ie), {
                       key: 1,
                       type: "primary",
                       size: t.size,
-                      onClick: n(T)
+                      onClick: o(T)
                     }, {
-                      default: d(() => [
+                      default: f(() => [
                         R(A(typeof t.submit == "string" ? t.submit : "确定"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : v("", !0)
+                    }, 8, ["size", "onClick"])) : h("", !0)
                   ]),
                   _: 3
                 })
@@ -1513,18 +1510,18 @@ const wn = ["src"], Bt = /* @__PURE__ */ V({
             key: "0"
           } : void 0
         ]), 1040, ["header", "class", "style", "size", "body", "onClick"])), [
-          [n(mn), n(k)],
-          [n(It), n(H)]
+          [o(vo), o(x)],
+          [o(Pt), o(H)]
         ])
       ], 2)
-    ])) : v("", !0);
+    ])) : h("", !0);
   }
 });
-function tt(a, o) {
-  const e = document.createElement("div"), t = _(Bt, a);
-  t.appContext = o ?? tt._context, ot(t, e);
+function tt(a, n) {
+  const e = document.createElement("div"), t = k(At, a);
+  t.appContext = n ?? tt._context, nt(t, e);
   const l = () => {
-    ot(null, e), e.parentNode?.removeChild(e);
+    nt(null, e), e.parentNode?.removeChild(e);
   };
   return t.props.onDestroy = () => {
     l();
@@ -1533,22 +1530,22 @@ function tt(a, o) {
     destroy: l
   };
 }
-const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -1), Sn = /* @__PURE__ */ V({
+const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -1), $o = /* @__PURE__ */ V({
   __name: "Sidebar",
   props: {
     collapsed: { type: Boolean }
   },
   setup(a) {
-    const o = a;
-    return (e, t) => G((u(), g(n(I), {
-      class: W(["x-mask-sidebar", { "is-collapsed": o.collapsed }]),
+    const n = a;
+    return (e, t) => G((u(), g(o(I), {
+      class: J(["x-mask-sidebar", { "is-collapsed": n.collapsed }]),
       grow: !1,
       flex: "",
       direction: "column"
     }, {
-      default: d(() => [
-        x(e.$slots, "brand"),
-        _(n(I), {
+      default: f(() => [
+        C(e.$slots, "brand"),
+        k(o(I), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
           grow: "",
@@ -1556,24 +1553,24 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
           justify: "space-between",
           align: "center"
         }, {
-          default: d(() => [
-            x(e.$slots, "default"),
-            xn
+          default: f(() => [
+            C(e.$slots, "default"),
+            zo
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class"])), [
-      [n(It), {
+      [o(Pt), {
         dirs: ["e"],
-        disabled: o.collapsed,
+        disabled: n.collapsed,
         maxWidth: 500,
         minWidth: 200
       }]
     ]);
   }
-}), zn = /* @__PURE__ */ V({
+}), To = /* @__PURE__ */ V({
   __name: "SwitchBar",
   props: {
     collasped: { type: Boolean, default: !1 },
@@ -1585,88 +1582,88 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:keyword",
     "update:favorite"
   ],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = O(!1), s = O(""), c = O(!1), i = () => {
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = D(!1), s = D(""), c = D(!1), r = () => {
       l.value = !0;
-    }, r = () => {
+    }, i = () => {
       s.value = "", l.value = !1, t("update:keyword", s.value);
     }, p = () => {
       t("update:collasped", !e.collasped);
-    }, f = () => {
+    }, d = () => {
       t("update:keyword", s.value);
     }, m = () => {
       t("update:favorite", c.value);
     };
-    return (b, h) => (u(), g(n(I), {
+    return (b, _) => (u(), g(o(I), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
-      default: d(() => [
-        e.collasped ? v("", !0) : (u(), g(n(I), {
+      default: f(() => [
+        e.collasped ? h("", !0) : (u(), g(o(I), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
-          default: d(() => [
-            l.value ? v("", !0) : (u(), g(n(Qe), {
+          default: f(() => [
+            l.value ? h("", !0) : (u(), g(o(Qe), {
               key: 0,
               modelValue: c.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (w) => c.value = w),
+              "onUpdate:modelValue": _[0] || (_[0] = (y) => c.value = y),
               class: "x-mask-switch-bar__switch",
-              "active-icon": n(wt),
-              "inactive-icon": n(wo),
+              "active-icon": o(St),
+              "inactive-icon": o(xn),
               onChange: m
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
-            l.value ? (u(), g(n(ze), {
+            l.value ? (u(), g(o(_e), {
               key: 1,
               modelValue: s.value,
-              "onUpdate:modelValue": h[1] || (h[1] = (w) => s.value = w),
+              "onUpdate:modelValue": _[1] || (_[1] = (y) => s.value = y),
               class: "x-mask-switch-bar__input",
               size: "small",
               placeholder: "请输入查询关键字",
-              onInput: f,
-              "prefix-icon": n(Le)
+              onInput: d,
+              "prefix-icon": o(Le)
             }, {
-              suffix: d(() => [
-                _(n(ue), {
-                  icon: n(xt),
-                  onClick: r
+              suffix: f(() => [
+                k(o(de), {
+                  icon: o(Ct),
+                  onClick: i
                 }, null, 8, ["icon"])
               ]),
               _: 1
-            }, 8, ["modelValue", "prefix-icon"])) : v("", !0)
+            }, 8, ["modelValue", "prefix-icon"])) : h("", !0)
           ]),
           _: 1
         })),
-        _(n(I), {
-          class: W(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
+        k(o(I), {
+          class: J(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
           flex: "",
           align: "center",
           justify: "center"
         }, {
-          default: d(() => [
-            !l.value && !e.collasped ? (u(), g(n(se), {
+          default: f(() => [
+            !l.value && !e.collasped ? (u(), g(o(te), {
               key: 0,
-              icon: n(Le),
+              icon: o(Le),
               mode: "icon",
               background: "hover",
               size: "default",
               circle: "",
-              onClick: i
-            }, null, 8, ["icon"])) : v("", !0),
-            e.collasped ? (u(), g(n(se), {
+              onClick: r
+            }, null, 8, ["icon"])) : h("", !0),
+            e.collasped ? (u(), g(o(te), {
               key: 1,
-              icon: n(xo),
+              icon: o(Sn),
               mode: "icon",
               size: "default",
               background: "hover",
               onClick: p,
               circle: ""
-            }, null, 8, ["icon"])) : v("", !0),
-            e.collasped ? v("", !0) : (u(), g(n(se), {
+            }, null, 8, ["icon"])) : h("", !0),
+            e.collasped ? h("", !0) : (u(), g(o(te), {
               key: 2,
-              icon: n(So),
+              icon: o(Cn),
               mode: "icon",
               size: "default",
               background: "hover",
@@ -1680,7 +1677,7 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }));
   }
-}), Cn = ["src"], Tn = { key: 0 }, $n = /* @__PURE__ */ V({
+}), Eo = ["src"], Mo = { key: 0 }, Io = /* @__PURE__ */ V({
   __name: "Brand",
   props: {
     collapsed: { type: Boolean, default: !1 },
@@ -1689,42 +1686,42 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     url: {}
   },
   setup(a) {
-    const o = a, e = Ye(), t = () => {
-      o.url && e.push(o.url);
+    const n = a, e = Ye(), t = () => {
+      n.url && e.push(n.url);
     };
-    return (l, s) => (u(), g(n(I), {
-      class: W(["x-mask-brand", { "is-collapsed": o.collapsed }]),
+    return (l, s) => (u(), g(o(I), {
+      class: J(["x-mask-brand", { "is-collapsed": n.collapsed }]),
       align: "center"
     }, {
-      default: d(() => [
-        _(n(I), {
+      default: f(() => [
+        k(o(I), {
           class: "x-mask-brand__logo",
           flex: "",
           justify: "center",
           align: "center",
           onClick: t
         }, {
-          default: d(() => [
-            x(l.$slots, "logo", {}, () => [
-              o.logo ? (u(), C("img", {
+          default: f(() => [
+            C(l.$slots, "logo", {}, () => [
+              n.logo ? (u(), $("img", {
                 key: 0,
-                src: o.logo
-              }, null, 8, Cn)) : v("", !0)
+                src: n.logo
+              }, null, 8, Eo)) : h("", !0)
             ])
           ]),
           _: 3
         }),
-        _(n(I), {
+        k(o(I), {
           class: "x-mask-brand__title",
           flex: "",
           align: "center"
         }, {
-          default: d(() => [
-            o.title ? (u(), C("span", Tn, [
-              x(l.$slots, "title", {}, () => [
-                R(A(o.title), 1)
+          default: f(() => [
+            n.title ? (u(), $("span", Mo, [
+              C(l.$slots, "title", {}, () => [
+                R(A(n.title), 1)
               ])
-            ])) : v("", !0)
+            ])) : h("", !0)
           ]),
           _: 3
         })
@@ -1732,7 +1729,7 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), Ee = "__favorites__", Me = "__search__", En = /* @__PURE__ */ V({
+}), Ee = "__favorites__", Me = "__search__", Vo = /* @__PURE__ */ V({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1744,12 +1741,12 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     active: {}
   },
   emits: ["select"],
-  setup(a, { emit: o }) {
-    const e = a, t = y(() => e.menus || []), l = o, s = y(() => String(e.active?.id)), c = y(() => [
+  setup(a, { emit: n }) {
+    const e = a, t = v(() => e.menus || []), l = n, s = v(() => String(e.active?.id)), c = v(() => [
       {
         id: Ee,
         title: "收藏",
-        icon: St,
+        icon: zt,
         children: e.favorites?.length ? e.favorites : [
           {
             id: Ee + "empty",
@@ -1758,14 +1755,14 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
           }
         ]
       }
-    ]), i = y(() => {
-      const p = (e.keyword || "").trim(), f = p ? (e.flatMenus || []).filter((m) => m.title?.includes(p)) : [];
+    ]), r = v(() => {
+      const p = (e.keyword || "").trim(), d = p ? (e.flatMenus || []).filter((m) => m.title?.includes(p)) : [];
       return [
         {
           id: Me,
           title: "搜索",
           icon: Le,
-          children: f?.length ? f : [
+          children: d?.length ? d : [
             {
               id: Me + "empty",
               disabled: !0,
@@ -1774,18 +1771,18 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
           ]
         }
       ];
-    }), r = (p) => {
+    }), i = (p) => {
       l("select", p);
     };
-    return (p, f) => (u(), C(Q, null, [
-      G(_(n(I), {
+    return (p, d) => (u(), $(W, null, [
+      G(k(o(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
-        default: d(() => [
-          G(_(n(me), {
+        default: f(() => [
+          G(k(o(ge), {
             subMenu: {
               popperClass: "x-mask-menu-popper",
               teleported: !0,
@@ -1793,29 +1790,29 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: t.value,
-            "default-icon": n(fe),
+            "default-icon": o(me),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            onSelect: r
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active"]), [
             [oe, e.collapse]
           ]),
-          G(_(n(me), {
+          G(k(o(ge), {
             subMenu: {
               popperClass: "x-mask-menu-popper",
               teleported: !0
             },
             data: t.value,
-            "default-icon": n(fe),
+            "default-icon": o(me),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            onSelect: r
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active"]), [
             [oe, !e.collapse]
           ]),
-          t.value.length ? v("", !0) : (u(), g(n(bt), {
+          t.value.length ? h("", !0) : (u(), g(o(bt), {
             key: 0,
             description: "暂无菜单数据"
           }))
@@ -1824,14 +1821,14 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [oe, !e.favorite && !e.keyword]
       ]),
-      G(_(n(I), {
+      G(k(o(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
-        default: d(() => [
-          G(_(n(me), {
+        default: f(() => [
+          G(k(o(ge), {
             class: "x-mask-menu__favorites",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1840,16 +1837,16 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: c.value,
-            "default-icon": n(fe),
+            "default-icon": o(me),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
             "default-openeds": [Ee],
-            onSelect: r
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, e.collapse]
           ]),
-          G(_(n(me), {
+          G(k(o(ge), {
             class: "x-mask-menu__favorites",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1858,12 +1855,12 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: c.value,
-            "default-icon": n(fe),
+            "default-icon": o(me),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
             "default-openeds": [Ee],
-            onSelect: r
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, !e.collapse]
           ])
@@ -1872,15 +1869,15 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [oe, e.favorite && !e.keyword]
       ]),
-      e.keyword ? G((u(), g(n(I), {
+      e.keyword ? G((u(), g(o(I), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
-        default: d(() => [
-          G(_(n(me), {
+        default: f(() => [
+          G(k(o(ge), {
             class: "x-mask-menu__search",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1888,17 +1885,17 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: i.value,
-            "default-icon": n(fe),
+            data: r.value,
+            "default-icon": o(me),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
             "default-openeds": [Me],
-            onSelect: r
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, e.collapse]
           ]),
-          G(_(n(me), {
+          G(k(o(ge), {
             class: "x-mask-menu__search",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1906,13 +1903,13 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: i.value,
-            "default-icon": n(fe),
+            data: r.value,
+            "default-icon": o(me),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
             "default-openeds": [Me],
-            onSelect: r
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [oe, !e.collapse]
           ])
@@ -1920,16 +1917,16 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
         _: 1
       }, 512)), [
         [oe, !!e.keyword]
-      ]) : v("", !0)
+      ]) : h("", !0)
     ], 64));
   }
-}), Mn = "data:image/png;base64,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", In = 140, Bn = {
+}), Bo = "data:image/png;base64,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", Po = 140, Ao = {
   /**
    * 系统logo
    */
   logo: {
     type: String,
-    default: Mn
+    default: Bo
   },
   /**
    * 系统标题
@@ -2006,7 +2003,7 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
   removeFavorite: {
     type: Function
   }
-}, Pt = Symbol(), Vt = Symbol(), Pn = { class: "x-mask-tabs__trigger" }, Vn = { key: 1 }, An = ["onDragstart", "onDragend"], Dn = { key: 1 }, Rn = /* @__PURE__ */ V({
+}, Dt = Symbol(), Ot = Symbol(), Do = { class: "x-mask-tabs__trigger" }, Oo = { key: 1 }, Ro = ["onDragstart", "onDragend"], Fo = { key: 1 }, jo = /* @__PURE__ */ V({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -2016,63 +2013,63 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     favorites: {}
   },
   emits: ["click", "remove", "refresh", "toggleFavorite", "dialog"],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = (f) => {
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = (d) => {
       const m = !!e.favorites.find(
-        (b) => b === f.menu || b.id === f.menu?.id
+        (b) => b === d.menu || b.id === d.menu?.id
       );
       return [
         {
-          icon: zo,
+          icon: zn,
           label: "刷新",
           name: "refresh",
-          value: f
+          value: d
         },
         "|",
         {
-          icon: m ? wt : St,
+          icon: m ? St : zt,
           label: "收藏",
           name: "favorite",
-          value: f.menu,
-          disabled: !f.menu
+          value: d.menu,
+          disabled: !d.menu
         },
         "|",
         {
-          icon: Co,
+          icon: $n,
           label: "弹窗",
           name: "dialog",
-          value: f
+          value: d
         }
       ];
-    }, s = (f) => {
-      const m = f.paneName;
+    }, s = (d) => {
+      const m = d.paneName;
       if (m === e.home.id) {
         t("click", e.home);
         return;
       }
-      const b = e.tabs.find((h) => h.id === m);
+      const b = e.tabs.find((_) => _.id === m);
       b && t("click", b);
-    }, c = (f) => {
-      const m = e.tabs.find((b) => b.id === f);
+    }, c = (d) => {
+      const m = e.tabs.find((b) => b.id === d);
       m && t("remove", m);
-    }, i = (f) => {
-      switch (f.name) {
+    }, r = (d) => {
+      switch (d.name) {
         case "refresh":
-          t("refresh", f.value);
+          t("refresh", d.value);
           break;
         case "favorite":
-          t("toggleFavorite", f.value);
+          t("toggleFavorite", d.value);
           break;
         case "dialog":
-          t("dialog", f.value);
+          t("dialog", d.value);
           break;
       }
-    }, r = (f, m) => {
-      m.dataTransfer && (m.dataTransfer.setData("tab", f.id), m.target && m.target.classList.add("is-dagging"));
-    }, p = (f, m) => {
+    }, i = (d, m) => {
+      m.dataTransfer && (m.dataTransfer.setData("tab", d.id), m.target && m.target.classList.add("is-dagging"));
+    }, p = (d, m) => {
       m.target && m.target.classList.remove("is-dagging");
     };
-    return (f, m) => (u(), g(n(I), {
+    return (d, m) => (u(), g(o(I), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2081,58 +2078,58 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       justify: "flex-end",
       direction: "column"
     }, {
-      default: d(() => [
-        _(n(_t), {
+      default: f(() => [
+        k(o(_t), {
           type: "card",
           "model-value": e.value,
           onTabRemove: c,
           onTabClick: s
         }, {
-          default: d(() => [
-            e.home ? (u(), g(n(Ke), {
+          default: f(() => [
+            e.home ? (u(), g(o(Ke), {
               key: 0,
               name: e.home.id
             }, {
-              label: d(() => [
-                X("div", Pn, [
-                  e.home.icon ? (u(), g(J(n(_e)(e.home.icon)), { key: 0 })) : v("", !0),
-                  e.home.title ? (u(), C("span", Vn, A(e.home.title), 1)) : v("", !0)
+              label: f(() => [
+                j("div", Do, [
+                  e.home.icon ? (u(), g(Q(o(ke)(e.home.icon)), { key: 0 })) : h("", !0),
+                  e.home.title ? (u(), $("span", Oo, A(e.home.title), 1)) : h("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["name"])) : v("", !0),
-            (u(!0), C(Q, null, Y(e.tabs, (b) => (u(), g(n(Ke), {
+            }, 8, ["name"])) : h("", !0),
+            (u(!0), $(W, null, Y(e.tabs, (b) => (u(), g(o(Ke), {
               key: b.id,
               name: b.id,
               lazy: "",
               closable: ""
             }, {
-              label: d(() => [
-                _(n(kt), {
+              label: f(() => [
+                k(o(kt), {
                   "open-delay": 500,
                   placement: "bottom",
                   trigger: "hover",
                   width: "200px",
                   disabled: b.id !== e.value
                 }, {
-                  reference: d(() => [
-                    X("div", {
+                  reference: f(() => [
+                    j("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (h) => r(b, h),
-                      onDragend: (h) => p(b, h)
+                      onDragstart: (_) => i(b, _),
+                      onDragend: (_) => p(b, _)
                     }, [
-                      b.icon ? (u(), g(J(n(_e)(b.icon)), { key: 0 })) : v("", !0),
-                      b.title ? (u(), C("span", Dn, A(b.title), 1)) : v("", !0)
-                    ], 40, An)
+                      b.icon ? (u(), g(Q(o(ke)(b.icon)), { key: 0 })) : h("", !0),
+                      b.title ? (u(), $("span", Fo, A(b.title), 1)) : h("", !0)
+                    ], 40, Ro)
                   ]),
-                  default: d(() => [
-                    _(n(et), {
+                  default: f(() => [
+                    k(o(et), {
                       items: l(b),
                       mode: "text",
                       size: "small",
                       type: "info",
-                      onClick: i
+                      onClick: r
                     }, null, 8, ["items"])
                   ]),
                   _: 2
@@ -2147,20 +2144,20 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }, 512));
   }
-}), On = /* @__PURE__ */ V({
+}), No = /* @__PURE__ */ V({
   __name: "ThemeSwitch",
   setup(a) {
-    const o = Do();
-    return (e, t) => (u(), g(n(Qe), {
+    const n = On();
+    return (e, t) => (u(), g(o(Qe), {
       class: "x-mask-theme-switch",
-      modelValue: n(o),
-      "onUpdate:modelValue": t[0] || (t[0] = (l) => Ie(o) ? o.value = l : null),
+      modelValue: o(n),
+      "onUpdate:modelValue": t[0] || (t[0] = (l) => Ie(n) ? n.value = l : null),
       size: "default",
-      "active-action-icon": n(To),
-      "inactive-action-icon": n($o)
+      "active-action-icon": o(Tn),
+      "inactive-action-icon": o(En)
     }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
   }
-}), Fn = { class: "x-mask-toolbar__menu-item" }, jn = /* @__PURE__ */ V({
+}), Uo = { class: "x-mask-toolbar__menu-item" }, Xo = /* @__PURE__ */ V({
   __name: "Toolbar",
   props: {
     tabs: { default: () => [] },
@@ -2175,12 +2172,12 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     "actionClick",
     "actionCommand"
   ],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = y(() => {
-      const p = e.tabs.map((f, m) => ({
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = v(() => {
+      const p = e.tabs.map((d, m) => ({
         divided: m === 0,
-        label: f.title,
-        command: f
+        label: d.title,
+        command: d
       }));
       return [
         {
@@ -2207,18 +2204,18 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
           t("clickTab", p.command);
           break;
       }
-    }, i = (p) => {
+    }, r = (p) => {
       t("actionClick", p);
-    }, r = (p, f) => {
-      t("actionCommand", p, f);
+    }, i = (p, d) => {
+      t("actionCommand", p, d);
     };
-    return (p, f) => (u(), g(n(I), {
+    return (p, d) => (u(), g(o(I), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
-      default: d(() => [
-        _(n(se), {
-          icon: n(Eo),
+      default: f(() => [
+        k(o(te), {
+          icon: o(Mn),
           menus: l.value,
           dropdown: { size: "small" },
           mode: "icon",
@@ -2226,66 +2223,66 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
           background: "hover",
           onCommand: c
         }, {
-          item: d(({ item: m }) => [
-            X("span", Fn, [
+          item: f(({ item: m }) => [
+            j("span", Uo, [
               R(A(m.label) + " ", 1),
-              ["other", "all"].includes(m.command) ? v("", !0) : (u(), g(n(ue), {
+              ["other", "all"].includes(m.command) ? h("", !0) : (u(), g(o(de), {
                 key: 0,
                 onClick: vt((b) => s(m), ["stop"]),
-                icon: n(xt)
+                icon: o(Ct)
               }, null, 8, ["onClick", "icon"]))
             ])
           ]),
           _: 1
         }, 8, ["icon", "menus"]),
-        _(n(ae), { direction: "vertical" }),
-        e.actions ? (u(), g(n(et), {
+        k(o(se), { direction: "vertical" }),
+        e.actions ? (u(), g(o(et), {
           key: 0,
           circle: "",
           mode: "icon",
           size: "default",
           background: "hover",
           items: p.actions,
-          onClick: i,
-          onCommand: r
-        }, null, 8, ["items"])) : v("", !0),
-        e.actions ? (u(), g(n(ae), {
+          onClick: r,
+          onCommand: i
+        }, null, 8, ["items"])) : h("", !0),
+        e.actions ? (u(), g(o(se), {
           key: 1,
           direction: "vertical"
-        })) : v("", !0),
-        e.theme ? (u(), g(On, { key: 2 })) : v("", !0),
-        e.theme ? (u(), g(n(ae), {
+        })) : h("", !0),
+        e.theme ? (u(), g(No, { key: 2 })) : h("", !0),
+        e.theme ? (u(), g(o(se), {
           key: 3,
           direction: "vertical"
-        })) : v("", !0),
-        x(p.$slots, "default")
+        })) : h("", !0),
+        C(p.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Nn = /* @__PURE__ */ V({
+}), Ho = /* @__PURE__ */ V({
   __name: "Avatar",
   props: {
     avatar: {}
   },
   setup(a) {
-    const o = a;
-    return (e, t) => (u(), g(n(kt), {
+    const n = a;
+    return (e, t) => (u(), g(o(kt), {
       width: 200,
       "popper-class": "x-mask-avatar__popper",
       disabled: !e.$slots.default
     }, {
-      reference: d(() => [
-        _(n(Gt), {
+      reference: f(() => [
+        k(o(en), {
           class: "x-mask-avatar",
           shape: "circle",
-          icon: n(Mo),
-          src: o.avatar,
+          icon: o(In),
+          src: n.avatar,
           size: 26
         }, null, 8, ["icon", "src"])
       ]),
-      default: d(() => [
-        e.$slots.default ? x(e.$slots, "default", { key: 0 }) : v("", !0)
+      default: f(() => [
+        e.$slots.default ? C(e.$slots, "default", { key: 0 }) : h("", !0)
       ]),
       _: 3
     }, 8, ["disabled"]));
@@ -2297,23 +2294,23 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     exclude: {}
   },
   setup(a) {
-    const o = a;
-    return (e, t) => (u(), g(n(I), {
+    const n = a;
+    return (e, t) => (u(), g(o(I), {
       class: "x-mask__content",
       flex: !1,
       grow: "",
       padding: !1
     }, {
-      default: d(() => [
-        x(e.$slots, "default"),
-        _(n(Ho), null, {
-          default: d(({ Component: l, route: s }) => [
-            (u(), g(Xt, {
-              exclude: o.exclude
+      default: f(() => [
+        C(e.$slots, "default"),
+        k(o(Ln), null, {
+          default: f(({ Component: l, route: s }) => [
+            (u(), g(Kt, {
+              exclude: n.exclude
             }, [
-              l ? (u(), g(J(o.createView(l, s)), {
+              l ? (u(), g(Q(n.createView(l, s)), {
                 key: s.fullPath
-              })) : v("", !0)
+              })) : h("", !0)
             ], 1032, ["exclude"]))
           ]),
           _: 1
@@ -2323,389 +2320,389 @@ const xn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     }));
   }
 });
-function Xn() {
-  const a = O(!1), o = O(""), e = O(!1);
+function Ko() {
+  const a = D(!1), n = D(""), e = D(!1);
   return {
     collapsed: a,
-    keyword: o,
+    keyword: n,
     favorite: e
   };
 }
-function Un(a) {
-  const o = Ct();
-  return y(() => {
+function Lo(a) {
+  const n = Tt();
+  return v(() => {
     const e = a.home;
     return Object.assign(
-      { id: o, url: "/", name: "MaskHome", icon: Io, closable: !1 },
+      { id: n, url: "/", name: "MaskHome", icon: Vn, closable: !1 },
       typeof e == "string" ? { url: e } : e || {}
     );
   });
 }
-function At(a, o) {
+function Rt(a, n) {
   let e = [];
   return a.forEach((t) => {
-    t = o ? o(t) : t, t.children ? e = e.concat(At(t.children, o)) : e.push(t);
+    t = n ? n(t) : t, t.children ? e = e.concat(Rt(t.children, n)) : e.push(t);
   }), e;
 }
-function Hn(a, o) {
-  const e = Ye(), t = Ve([]), l = Ve([]), s = y(() => At(t.value, a.menuAdapter)), c = y(() => Fo(s.value, "id")), i = O(null), r = (w) => {
-    const M = typeof w == "object" ? w.id : w, z = c.value.get(M);
-    if (!z) {
-      console.warn("找不到菜单", w);
+function Wo(a, n) {
+  const e = Ye(), t = Pe([]), l = Pe([]), s = v(() => Rt(t.value, a.menuAdapter)), c = v(() => jn(s.value, "id")), r = D(null), i = (y) => {
+    const S = typeof y == "object" ? y.id : y, w = c.value.get(S);
+    if (!w) {
+      console.warn("找不到菜单", y);
       return;
     }
-    const { type: E = "route", url: B, title: S, icon: P } = z;
+    const { type: M = "route", url: B, title: z, icon: P } = w;
     if (!B) {
-      i.value = z, o("select", z);
+      r.value = w, n("select", w);
       return;
     }
-    if (E === "route") {
-      jo(B) || B.startsWith("//") ? window.open(B) : (i.value = z, e.push(B).catch((T) => T));
+    if (M === "route") {
+      Nn(B) || B.startsWith("//") ? window.open(B) : (r.value = w, e.push(B).catch((T) => T));
       return;
     }
-    if (E === "window") {
+    if (M === "window") {
       window.open(B);
       return;
     }
-    E === "dialog" && tt({
+    M === "dialog" && tt({
       resizable: !0,
       bodyPadding: !1,
       width: "80%",
       height: "80%",
-      title: S,
+      title: z,
       icon: P,
       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 ?? [];
-  }, f = (w) => {
-    l.value = [w, ...l.value], a.addFavorite && a.addFavorite(w);
-  }, m = (w) => {
-    l.value = l.value.filter((M) => M.id !== w.id), a.removeFavorite && a.removeFavorite(w);
-  }, b = (w) => !!l.value.find((M) => M === w || M.id === w.id), h = (w) => {
-    b(w) ? m(w) : f(w);
+  }, d = (y) => {
+    l.value = [y, ...l.value], a.addFavorite && a.addFavorite(y);
+  }, m = (y) => {
+    l.value = l.value.filter((S) => S.id !== y.id), a.removeFavorite && a.removeFavorite(y);
+  }, b = (y) => !!l.value.find((S) => S === y || S.id === y.id), _ = (y) => {
+    b(y) ? m(y) : d(y);
   };
   return Je(p), {
     menus: t,
     favorites: l,
     flatMenus: s,
-    active: i,
-    select: r,
-    toggleFavorite: h
+    active: r,
+    select: i,
+    toggleFavorite: _
   };
 }
-function Kn(a, o, e, t, l) {
-  const s = $t(), c = Ye(), i = {}, r = O([]), p = O(), { width: f } = zt(p), m = y(() => Math.floor(f.value / In)), b = y(
-    () => r.value.slice(0, m.value).filter(($) => !$.dialog)
-  ), h = y(() => r.value.slice(m.value)), w = ($) => e.value.find((D) => D.url === $), M = ($) => s.fullPath === $.url, z = ($) => l.value.id === $ ? l.value : r.value.find((D) => D.id === $), E = O(""), B = y(() => z(E.value)), S = ($) => {
-    c.push($.url).catch((D) => D);
-  }, P = ($) => {
-    E.value = $.id, s.fullPath !== $.url && S($);
+function Jo(a, n, e, t, l) {
+  const s = It(), c = Ye(), r = {}, i = D([]), p = D(), { width: d } = $t(p), m = v(() => Math.floor(d.value / Po)), b = v(
+    () => i.value.slice(0, m.value).filter((E) => !E.dialog)
+  ), _ = v(() => i.value.slice(m.value)), y = (E) => e.value.find((O) => O.url === E), S = (E) => s.fullPath === E.url, w = (E) => l.value.id === E ? l.value : i.value.find((O) => O.id === E), M = D(""), B = v(() => w(M.value)), z = (E) => {
+    c.push(E.url).catch((O) => O);
+  }, P = (E) => {
+    M.value = E.id, s.fullPath !== E.url && z(E);
   }, T = () => {
-    S(l.value);
-  }, j = ($) => {
-    const D = r.value.find((N) => N.url === $.url || N.id === $.id);
-    D ? P(D) : (r.value.unshift($), P($));
-  }, k = async ($) => {
-    const { url: D = s.fullPath, icon: N, title: Ce = "新建标签页" } = $ || {}, Te = i[D], Oe = Ct(), Fe = Tt(D);
+    z(l.value);
+  }, N = (E) => {
+    const O = i.value.find((U) => U.url === E.url || U.id === E.id);
+    O ? P(O) : (i.value.unshift(E), P(E));
+  }, x = async (E) => {
+    const { url: O = s.fullPath, icon: U, title: ze = "新建标签页" } = E || {}, $e = r[O], Re = Tt(), Fe = Et(O);
     return {
-      id: Oe,
+      id: Re,
       name: Fe,
-      url: D,
-      icon: N,
-      title: Ce,
+      url: O,
+      icon: U,
+      title: ze,
       closable: !0,
-      menu: $,
-      ...Te ? await Te() : {}
+      menu: E,
+      ...$e ? await $e() : {}
     };
-  }, H = async ($) => {
+  }, H = async (E) => {
     if (await je.confirm("是否关闭页签", "提示", {
       type: "warning"
     }).catch(() => !1)) {
-      if (r.value = r.value.filter((N) => N.id !== $.id), E.value === $.id) {
-        const N = r.value[0];
-        S(N || l.value);
+      if (i.value = i.value.filter((U) => U.id !== E.id), M.value === E.id) {
+        const U = i.value[0];
+        z(U || l.value);
       }
-      return $;
+      return E;
     }
-  }, K = ($) => {
-    const D = r.value.findIndex((N) => N.id === $.id);
-    if (D >= 0) {
-      const N = r.value[D];
-      r.value.splice(D, 1, Object.assign(N, $));
+  }, K = (E) => {
+    const O = i.value.findIndex((U) => U.id === E.id);
+    if (O >= 0) {
+      const U = i.value[O];
+      i.value.splice(O, 1, Object.assign(U, E));
     }
   }, re = async () => {
     if (!await je.confirm("是否关闭全部页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
-    const D = r.value;
-    return r.value = [], P(l.value), D;
+    const O = i.value;
+    return i.value = [], P(l.value), O;
   }, Z = async () => {
     if (!await je.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
-    const D = r.value.filter((N) => N.id !== E.value);
-    return r.value = r.value.filter((N) => N.id === E.value), D;
-  }, ee = ($) => {
-    const D = r.value.filter((N) => N.id !== $.id);
-    r.value = [$, ...D], P($);
-  }, ce = async () => {
-    await ye();
-    const $ = l.value.url === s.fullPath, D = w(s.fullPath);
-    if ($)
-      E.value = l.value.id;
+    const O = i.value.filter((U) => U.id !== M.value);
+    return i.value = i.value.filter((U) => U.id === M.value), O;
+  }, ee = (E) => {
+    const O = i.value.filter((U) => U.id !== E.id);
+    i.value = [E, ...O], P(E);
+  }, ue = async () => {
+    await ve();
+    const E = l.value.url === s.fullPath, O = y(s.fullPath);
+    if (E)
+      M.value = l.value.id;
     else {
-      const N = await k(D);
-      j(N);
+      const U = await x(O);
+      N(U);
     }
-    await ye(), t.value = D || null;
+    await ve(), t.value = O || null;
   };
-  return L(e, ce), L(s, ce, { immediate: !0 }), Se(Pt, i), {
+  return L(e, ue), L(s, ue, { immediate: !0 }), Ce(Dt, r), {
     tabRef: p,
-    tabs: r,
+    tabs: i,
     showTabs: b,
     currentTab: B,
-    changeTab: S,
+    changeTab: z,
     removeTab: H,
     updateTab: K,
-    addTab: j,
+    addTab: N,
     home: l,
-    tabValue: E,
-    isCurrentTab: M,
+    tabValue: M,
+    isCurrentTab: S,
     activeHome: T,
     activeTab: P,
-    dropdownTabs: h,
+    dropdownTabs: _,
     removeAllTabs: re,
     removeOtherTabs: Z,
     moveToShow: ee
   };
 }
-function Ln(a) {
-  const o = /* @__PURE__ */ new Map(), e = O([]), t = Re({}), l = de(), s = {}, { updateTab: c, isCurrentTab: i, activeHome: r, tabs: p } = a, f = (S, P) => {
+function Qo(a) {
+  const n = /* @__PURE__ */ new Map(), e = D([]), t = Oe({}), l = pe(), s = {}, { updateTab: c, isCurrentTab: r, activeHome: i, tabs: p } = a, d = (z, P) => {
     const T = P.fullPath;
-    if (o.has(T))
-      return o.get(T);
+    if (n.has(T))
+      return n.get(T);
     {
-      const j = Tt(T), k = {
-        name: j,
+      const N = Et(T), x = {
+        name: N,
         setup() {
-          const H = y(() => t[T] || document.body), K = y(() => !t[T]), re = y(() => !e.value.includes(j));
-          return Se(
-            Ko,
-            ge({ ...P })
-          ), () => re.value ? ne(
+          const H = v(() => t[T] || document.body), K = v(() => !t[T]), re = v(() => !e.value.includes(N));
+          return Ce(
+            Wn,
+            ye({ ...P })
+          ), () => re.value ? ae(
             yt,
             {
               to: H.value,
               disabled: K.value
             },
-            [ne(S)]
+            [ae(z)]
           ) : null;
         }
       };
-      return o.set(T, k), k;
+      return n.set(T, x), x;
     }
-  }, m = (S) => {
-    S.dialog = void 0, delete t[S.url];
-    const P = s[S.id];
-    P && (P.destroy(), delete s[S.id], c(S));
-  }, b = (S = []) => {
-    S.forEach((P) => {
+  }, m = (z) => {
+    z.dialog = void 0, delete t[z.url];
+    const P = s[z.id];
+    P && (P.destroy(), delete s[z.id], c(z));
+  }, b = (z = []) => {
+    z.forEach((P) => {
       m(P);
     });
-  }, h = async (S) => {
-    S.dialog = {
-      ...S.dialog,
+  }, _ = async (z) => {
+    z.dialog = {
+      ...z.dialog,
       onMinimized: () => {
-        m(S);
+        m(z);
       },
       onClose: async () => {
-        m(S), p.value = p.value.filter((T) => T.id !== S.id);
+        m(z), p.value = p.value.filter((T) => T.id !== z.id);
       }
-    }, c(S);
+    }, c(z);
     const P = tt(
       {
-        title: S.title,
-        icon: S.icon,
+        title: z.title,
+        icon: z.icon,
         modal: !1,
         resizable: !0,
         draggable: !0,
         maximizable: !0,
         minimizable: !0,
-        ...S.dialog,
+        ...z.dialog,
         onOpen(T) {
-          t[S.url] = T.refs.panelRef?.bodyRef?.$el;
+          t[z.url] = T.refs.panelRef?.bodyRef?.$el;
         }
       },
       l?.appContext
     );
-    return await ye(), i(S) && r(), s[S.id] = P, P;
-  }, w = async (S) => {
-    e.value = [S.name], await ye(), e.value = [];
-  }, M = async (S) => {
-    e.value = S.map((P) => P.name), await ye(), e.value = [];
-  }, z = (S) => (S.preventDefault(), !1), E = (S) => {
-    if (S.dataTransfer) {
-      const P = S.dataTransfer.getData("tab"), T = p.value.find((j) => j.id === P);
+    return await ve(), r(z) && i(), s[z.id] = P, P;
+  }, y = async (z) => {
+    e.value = [z.name], await ve(), e.value = [];
+  }, S = async (z) => {
+    e.value = z.map((P) => P.name), await ve(), e.value = [];
+  }, w = (z) => (z.preventDefault(), !1), M = (z) => {
+    if (z.dataTransfer) {
+      const P = z.dataTransfer.getData("tab"), T = p.value.find((N) => N.id === P);
       if (T) {
-        const { clientX: j, clientY: k } = S;
+        const { clientX: N, clientY: x } = z;
         T.dialog = {
-          left: j,
-          top: k
-        }, h(T);
+          left: N,
+          top: x
+        }, _(T);
       }
     }
-  }, B = (S) => !!t[S];
-  return De(document, "dragover", z), De(document, "drop", E), {
-    createView: f,
-    openDialog: h,
-    refresh: w,
+  }, B = (z) => !!t[z];
+  return De(document, "dragover", w), De(document, "drop", M), {
+    createView: d,
+    openDialog: _,
+    refresh: y,
     exclude: e,
-    cleanCache: M,
+    cleanCache: S,
     hasDialog: B,
     closeDialog: m,
     closeDialogs: b
   };
 }
-const Oa = /* @__PURE__ */ V({
+const Ha = /* @__PURE__ */ V({
   name: "XMask",
   __name: "Mask",
-  props: Bn,
+  props: Ao,
   emits: ["select", "actionClick", "actionCommand"],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = Un(e), { collapsed: s, keyword: c, favorite: i } = Xn(), { menus: r, favorites: p, flatMenus: f, active: m, select: b, toggleFavorite: h } = Hn(e, t), {
-      tabRef: w,
-      showTabs: M,
-      currentTab: z,
-      changeTab: E,
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = Lo(e), { collapsed: s, keyword: c, favorite: r } = Ko(), { menus: i, favorites: p, flatMenus: d, active: m, select: b, toggleFavorite: _ } = Wo(e, t), {
+      tabRef: y,
+      showTabs: S,
+      currentTab: w,
+      changeTab: M,
       removeTab: B,
-      tabs: S,
+      tabs: z,
       updateTab: P,
       isCurrentTab: T,
-      activeHome: j,
-      removeAllTabs: k,
+      activeHome: N,
+      removeAllTabs: x,
       removeOtherTabs: H,
       dropdownTabs: K,
       moveToShow: re
-    } = Kn(e, t, f, m, l), { createView: Z, openDialog: ee, refresh: ce, exclude: $, cleanCache: D, closeDialogs: N } = Ln({
-      tabs: S,
+    } = Jo(e, t, d, m, l), { createView: Z, openDialog: ee, refresh: ue, exclude: E, cleanCache: O, closeDialogs: U } = Qo({
+      tabs: z,
       updateTab: P,
       isCurrentTab: T,
-      activeHome: j
-    }), Ce = async (U) => {
-      await B(U) && await D([U]);
-    }, Te = async () => {
-      const U = await k();
-      U && (N(U), await D(U));
-    }, Oe = async () => {
-      const U = await H();
-      U && (N(U), await D(U));
-    }, Fe = (U) => {
-      t("actionClick", U);
-    }, Ft = (U, te) => {
-      t("actionCommand", U, te);
+      activeHome: N
+    }), ze = async (X) => {
+      await B(X) && await O([X]);
+    }, $e = async () => {
+      const X = await x();
+      X && (U(X), await O(X));
+    }, Re = async () => {
+      const X = await H();
+      X && (U(X), await O(X));
+    }, Fe = (X) => {
+      t("actionClick", X);
+    }, Ut = (X, ne) => {
+      t("actionCommand", X, ne);
     };
-    return Se(Vt, {
-      tabs: S,
-      flatMenus: f,
+    return Ce(Ot, {
+      tabs: z,
+      flatMenus: d,
       favorites: p,
       updateTab: P,
       active: m,
-      currentTab: z
-    }), (U, te) => (u(), g(n(I), {
-      class: W(["x-mask", { "is-disabled": e.disabled }]),
+      currentTab: w
+    }), (X, ne) => (u(), g(o(I), {
+      class: J(["x-mask", { "is-disabled": e.disabled }]),
       fit: ""
     }, {
-      default: d(() => [
+      default: f(() => [
         e.disabled ? (u(), g(pt, {
           key: 1,
-          createView: n(Z),
-          exclude: n($)
+          createView: o(Z),
+          exclude: o(E)
         }, {
-          default: d(() => [
-            U.$slots.default ? x(U.$slots, "default", { key: 0 }) : v("", !0)
+          default: f(() => [
+            X.$slots.default ? C(X.$slots, "default", { key: 0 }) : h("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (u(), C(Q, { key: 0 }, [
-          _(Sn, { collapsed: n(s) }, {
-            brand: d(() => [
-              _($n, {
+        }, 8, ["createView", "exclude"])) : (u(), $(W, { key: 0 }, [
+          k($o, { collapsed: o(s) }, {
+            brand: f(() => [
+              k(Io, {
                 logo: e.logo,
                 title: e.title,
-                url: n(l).url,
-                collapsed: n(s)
+                url: o(l).url,
+                collapsed: o(s)
               }, null, 8, ["logo", "title", "url", "collapsed"])
             ]),
-            default: d(() => [
-              _(zn, {
-                collasped: n(s),
-                "onUpdate:collasped": te[0] || (te[0] = (we) => Ie(s) ? s.value = we : null),
-                favorite: n(i),
-                "onUpdate:favorite": te[1] || (te[1] = (we) => Ie(i) ? i.value = we : null),
-                keyword: n(c),
-                "onUpdate:keyword": te[2] || (te[2] = (we) => Ie(c) ? c.value = we : null)
+            default: f(() => [
+              k(To, {
+                collasped: o(s),
+                "onUpdate:collasped": ne[0] || (ne[0] = (xe) => Ie(s) ? s.value = xe : null),
+                favorite: o(r),
+                "onUpdate:favorite": ne[1] || (ne[1] = (xe) => Ie(r) ? r.value = xe : null),
+                keyword: o(c),
+                "onUpdate:keyword": ne[2] || (ne[2] = (xe) => Ie(c) ? c.value = xe : null)
               }, null, 8, ["collasped", "favorite", "keyword"]),
-              _(En, {
-                collapse: n(s),
-                keyword: n(c),
-                favorite: n(i),
-                favorites: n(p),
-                flatMenus: n(f),
-                menus: n(r),
-                active: n(m),
-                onSelect: n(b)
+              k(Vo, {
+                collapse: o(s),
+                keyword: o(c),
+                favorite: o(r),
+                favorites: o(p),
+                flatMenus: o(d),
+                menus: o(i),
+                active: o(m),
+                onSelect: o(b)
               }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
             ]),
             _: 1
           }, 8, ["collapsed"]),
-          _(n(I), {
+          k(o(I), {
             class: "x-mask__main",
             grow: "",
             shrink: "",
             flex: "",
             direction: "column"
           }, {
-            default: d(() => [
-              _(n(I), {
+            default: f(() => [
+              k(o(I), {
                 class: "x-mask-topbar",
                 justify: "space-between",
                 align: "center"
               }, {
-                default: d(() => [
-                  _(Rn, {
+                default: f(() => [
+                  k(jo, {
                     ref_key: "tabRef",
-                    ref: w,
-                    favorites: n(p),
-                    tabs: n(M),
-                    home: n(l),
-                    value: n(z)?.id,
-                    onClick: n(E),
-                    onToggleFavorite: n(h),
-                    onRemove: Ce,
-                    onDialog: n(ee),
-                    onRefresh: n(ce)
+                    ref: y,
+                    favorites: o(p),
+                    tabs: o(S),
+                    home: o(l),
+                    value: o(w)?.id,
+                    onClick: o(M),
+                    onToggleFavorite: o(_),
+                    onRemove: ze,
+                    onDialog: o(ee),
+                    onRefresh: o(ue)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
-                  _(jn, {
-                    tabs: n(K),
+                  k(Xo, {
+                    tabs: o(K),
                     actions: e.actions,
                     theme: e.theme,
-                    onCloseOtherTabs: Oe,
-                    onCloseAllTabs: Te,
-                    onCloseTab: Ce,
-                    onClickTab: n(re),
+                    onCloseOtherTabs: Re,
+                    onCloseAllTabs: $e,
+                    onCloseTab: ze,
+                    onClickTab: o(re),
                     onActionClick: Fe,
-                    onActionCommand: Ft
+                    onActionCommand: Ut
                   }, {
-                    default: d(() => [
-                      _(Nn, {
+                    default: f(() => [
+                      k(Ho, {
                         avatar: e.avatar
-                      }, be({ _: 2 }, [
-                        U.$slots.user ? {
+                      }, ce({ _: 2 }, [
+                        X.$slots.user ? {
                           name: "default",
-                          fn: d(() => [
-                            x(U.$slots, "user")
+                          fn: f(() => [
+                            C(X.$slots, "user")
                           ]),
                           key: "0"
                         } : void 0
@@ -2716,12 +2713,12 @@ const Oa = /* @__PURE__ */ V({
                 ]),
                 _: 3
               }),
-              _(pt, {
-                createView: n(Z),
-                exclude: n($)
+              k(pt, {
+                createView: o(Z),
+                exclude: o(E)
               }, {
-                default: d(() => [
-                  U.$slots.default ? x(U.$slots, "default", { key: 0 }) : v("", !0)
+                default: f(() => [
+                  X.$slots.default ? C(X.$slots, "default", { key: 0 }) : h("", !0)
                 ]),
                 _: 3
               }, 8, ["createView", "exclude"])
@@ -2734,33 +2731,33 @@ const Oa = /* @__PURE__ */ V({
     }, 8, ["class"]));
   }
 });
-function Fa(a = {}) {
-  const o = $t(), e = xe(Pt, null), t = xe(Vt, null);
+function Ka(a = {}) {
+  const n = It(), e = Se(Dt, null), t = Se(Ot, null);
   if (e) {
     const s = typeof a == "function" ? a : async () => a;
-    e[o.fullPath] = s;
+    e[n.fullPath] = s;
   }
   return {
-    tab: y(() => t ? t.tabs.value.find((s) => s.url === o.fullPath) : null),
+    tab: v(() => t ? t.tabs.value.find((s) => s.url === n.fullPath) : null),
     mask: t
   };
 }
-const Wn = /* @__PURE__ */ V({
+const Zo = /* @__PURE__ */ V({
   __name: "SelectEditor",
   props: {
     options: { default: () => [] }
   },
   setup(a) {
-    const o = a;
-    return (e, t) => (u(), g(n(Yt), le(he(e.$attrs)), {
-      default: d(() => [
-        (u(!0), C(Q, null, Y(o.options, (l, s) => (u(), g(n(qt), F({
+    const n = a;
+    return (e, t) => (u(), g(o(wt), le(be(e.$attrs)), {
+      default: f(() => [
+        (u(!0), $(W, null, Y(n.options, (l, s) => (u(), g(o(xt), F({
           key: `item_${s}_${l.value}`
-        }, l), be({ _: 2 }, [
+        }, l), ce({ _: 2 }, [
           e.$slots.option ? {
             name: "default",
-            fn: d(() => [
-              x(e.$slots, "option", { option: l })
+            fn: f(() => [
+              C(e.$slots, "option", { option: l })
             ]),
             key: "0"
           } : void 0
@@ -2769,23 +2766,23 @@ const Wn = /* @__PURE__ */ V({
       _: 3
     }, 16));
   }
-}), Jn = /* @__PURE__ */ V({
+}), Go = /* @__PURE__ */ V({
   __name: "CheckboxEditor",
   props: {
     options: { default: () => [] },
     button: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const o = a, e = y(
-      () => ke(o.button ? eo : to)
+    const n = a, e = v(
+      () => we(n.button ? tn : nn)
     );
-    return (t, l) => (u(), g(n(oo), le(he(t.$attrs)), {
-      default: d(() => [
-        (u(!0), C(Q, null, Y(o.options, (s, c) => (u(), g(J(e.value), {
+    return (t, l) => (u(), g(o(on), le(be(t.$attrs)), {
+      default: f(() => [
+        (u(!0), $(W, null, Y(n.options, (s, c) => (u(), g(Q(e.value), {
           key: `item_${c}_${s.value}`,
           label: s.value
         }, {
-          default: d(() => [
+          default: f(() => [
             R(A(s.label), 1)
           ]),
           _: 2
@@ -2794,23 +2791,23 @@ const Wn = /* @__PURE__ */ V({
       _: 1
     }, 16));
   }
-}), Qn = /* @__PURE__ */ V({
+}), Yo = /* @__PURE__ */ V({
   __name: "RadioEditor",
   props: {
     options: { default: () => [] },
     button: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const o = a, e = y(
-      () => ke(o.button ? no : ao)
+    const n = a, e = v(
+      () => we(n.button ? an : sn)
     );
-    return (t, l) => (u(), g(n(so), le(he(t.$attrs)), {
-      default: d(() => [
-        (u(!0), C(Q, null, Y(o.options, (s, c) => (u(), g(J(e.value), {
+    return (t, l) => (u(), g(o(ln), le(be(t.$attrs)), {
+      default: f(() => [
+        (u(!0), $(W, null, Y(n.options, (s, c) => (u(), g(Q(e.value), {
           key: `item_${c}_${s.value}`,
           label: s.value
         }, {
-          default: d(() => [
+          default: f(() => [
             R(A(s.label), 1)
           ]),
           _: 2
@@ -2819,7 +2816,7 @@ const Wn = /* @__PURE__ */ V({
       _: 1
     }, 16));
   }
-}), Dt = {
+}), Ft = {
   none: {
     component: "div",
     props: {
@@ -2827,14 +2824,14 @@ const Wn = /* @__PURE__ */ V({
     }
   },
   text: {
-    component: ze,
+    component: _e,
     props: {
       clearable: !0
     },
     defaultValue: ""
   },
   textarea: {
-    component: ze,
+    component: _e,
     props: {
       type: "textarea",
       rows: 2
@@ -2842,34 +2839,34 @@ const Wn = /* @__PURE__ */ V({
     defaultValue: ""
   },
   select: {
-    component: Wn,
+    component: Zo,
     props: {
       clearable: !0
     }
   },
   checkbox: {
-    component: Jn,
+    component: Go,
     props: {},
     defaultValue: []
   },
   radio: {
-    component: Qn,
+    component: Yo,
     props: {}
   },
   number: {
-    component: lo,
+    component: rn,
     props: {}
   },
   date: {
-    component: nt,
+    component: ot,
     props: {}
   },
   time: {
-    component: io,
+    component: un,
     props: {}
   },
   datetime: {
-    component: nt,
+    component: ot,
     props: {
       type: "datetime"
     }
@@ -2879,18 +2876,18 @@ const Wn = /* @__PURE__ */ V({
     props: {}
   },
   rate: {
-    component: ro,
+    component: cn,
     props: {}
   },
   slider: {
-    component: co,
+    component: dn,
     props: {}
   },
   cascader: {
-    component: uo,
+    component: pn,
     props: {}
   }
-}, Zn = {
+}, qo = {
   /**
    * 字段名称
    */
@@ -2922,7 +2919,7 @@ const Wn = /* @__PURE__ */ V({
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default(a) {
-      return Dt[a.editor]?.defaultValue;
+      return Ft[a.editor]?.defaultValue;
     }
   },
   /**
@@ -3004,17 +3001,17 @@ const Wn = /* @__PURE__ */ V({
     type: Boolean
   }
 };
-async function Gn(a, o) {
+async function ea(a, n) {
   const e = a.options;
-  return e ? typeof e == "function" ? await e(o) || [] : e : [];
+  return e ? typeof e == "function" ? await e(n) || [] : e : [];
 }
-function Yn(a, o, e, t, l) {
-  const s = O([]), c = y(() => !t || !l ? {} : No(a.cascader).reduce((p, f) => (p[f] = Be(l, f), p), {}));
+function ta(a, n, e, t, l) {
+  const s = D([]), c = v(() => !t || !l ? {} : Mt(a.cascader).reduce((p, d) => (p[d] = Ve(l, d), p), {}));
   return L(
     c,
-    async (r) => {
+    async (i) => {
       if (e.value) {
-        s.value = await Gn(a, r);
+        s.value = await ea(a, i);
         const p = t?.exposed?.reset;
         p && a.name && p(a.name);
       }
@@ -3023,177 +3020,177 @@ function Yn(a, o, e, t, l) {
       immediate: !0
     }
   ), {
-    editor: y(() => {
+    editor: v(() => {
       const {
-        editor: r = "text",
+        editor: i = "text",
         placeholder: p,
-        label: f = "...",
+        label: d = "...",
         disabled: m,
         readonly: b
-      } = a, h = {
+      } = a, _ = {
         ...a.props,
-        placeholder: p || (p === null ? void 0 : `请输入${f}`),
+        placeholder: p || (p === null ? void 0 : `请输入${d}`),
         disabled: m,
         readonly: b,
         options: s.value,
-        onFocus: () => o("focus"),
-        onBlur: () => o("blur"),
-        onChange: (M) => o("change", M)
-      }, w = typeof r == "string" ? Dt[r] : {
-        component: r,
+        onFocus: () => n("focus"),
+        onBlur: () => n("blur"),
+        onChange: (S) => n("change", S)
+      }, y = typeof i == "string" ? Ft[i] : {
+        component: i,
         props: {}
       };
-      return Xo({}, w, {
-        props: h
+      return Un({}, y, {
+        props: _
       });
     })
   };
 }
-const qn = {
+const na = {
   key: 1,
   class: "el-form-item__error"
-}, ea = {
+}, oa = {
   key: 0,
   class: "x-field__tip"
-}, ta = /* @__PURE__ */ V({
+}, aa = /* @__PURE__ */ V({
   name: "XField",
   __name: "Field",
-  props: Zn,
+  props: qo,
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = xe(Rt, null), c = xe(po, null), i = xe(Ot, null), r = y(() => !s?.proxy || !i ? t.visible : typeof t.visible == "function" ? t.visible(i) : Ge(t.visible) ? Object.entries(t.visible).every(([H, K]) => Be(i, H) === K) : t.visible), p = () => s?.proxy && i && t.name ? Be(i, t.name) ?? t.modelValue : t.modelValue, f = O(p()), { editor: m } = Yn(
+  setup(a, { expose: n, emit: e }) {
+    const t = a, l = e, s = Se(jt, null), c = Se(fn, null), r = Se(Nt, null), i = v(() => !s?.proxy || !r ? t.visible : typeof t.visible == "function" ? t.visible(r) : Ge(t.visible) ? Object.entries(t.visible).every(([H, K]) => Ve(r, H) === K) : t.visible), p = () => s?.proxy && r && t.name ? Ve(r, t.name) ?? t.modelValue : t.modelValue, d = D(p()), { editor: m } = ta(
       t,
       l,
-      r,
+      i,
       s,
-      i
-    ), b = O(), h = O(), w = y(
+      r
+    ), b = D(), _ = D(), y = v(
       () => t.size || c?.size || "default"
-    ), M = y(() => Object.assign(
+    ), S = v(() => Object.assign(
       {},
       s?.props.tooltipMessage || {},
       typeof t.tooltipMessage == "boolean" ? {} : t.tooltipMessage
-    )), z = (k = "") => t.error ? t.error : k.includes("is required") ? `${t.label || t.name}是必填项！` : k, E = y(() => {
-      const k = s?.props.tooltipMessage ?? t.tooltipMessage;
+    )), w = (x = "") => t.error ? t.error : x.includes("is required") ? `${t.label || t.name}是必填项！` : x, M = v(() => {
+      const x = s?.props.tooltipMessage ?? t.tooltipMessage;
       return {
-        [`is-tooltip-${t.tooltipPosition}`]: !!k && !!t.tooltipPosition
+        [`is-tooltip-${t.tooltipPosition}`]: !!x && !!t.tooltipPosition
       };
-    }), B = y(() => {
-      const k = s?.proxy;
+    }), B = v(() => {
+      const x = s?.proxy;
       return {
-        width: t.width ? q(t.width) : k && k.inline && k.inlineColumns ? `${100 / k.inlineColumns}%` : null
+        width: t.width ? q(t.width) : x && x.inline && x.inlineColumns ? `${100 / x.inlineColumns}%` : null
       };
-    }), S = y(() => ({
+    }), z = v(() => ({
       right: typeof t.tooltipPosition == "number" ? `${t.tooltipPosition}px` : void 0
-    })), P = y(() => ({
+    })), P = v(() => ({
       ...m.value.props,
-      modelValue: f.value,
-      "onUpdate:modelValue": (k) => {
-        f.value = k;
+      modelValue: d.value,
+      "onUpdate:modelValue": (x) => {
+        d.value = x;
       }
     }));
-    return L(f, (k, H) => {
-      r.value && !Ze(k, H) && (l("update:modelValue", k), s?.proxy && i && t.name && Xe(i, t.name, k));
+    return L(d, (x, H) => {
+      i.value && !Ze(x, H) && (l("update:modelValue", x), s?.proxy && r && t.name && Ue(r, t.name, x));
     }), L(
-      () => !s?.proxy || !t.name || !i ? t.modelValue : Be(i, t.name) ?? t.modelValue,
-      (k) => {
-        r.value && (f.value = k);
+      () => !s?.proxy || !t.name || !r ? t.modelValue : Ve(r, t.name) ?? t.modelValue,
+      (x) => {
+        i.value && (d.value = x);
       },
       {
         immediate: !0
       }
     ), L(
-      r,
-      (k) => {
-        s?.proxy && i && t.name && (k ? (f.value = p(), Xe(i, t.name, f.value)) : (f.value = void 0, Xe(i, t.name, void 0)));
+      i,
+      (x) => {
+        s?.proxy && r && t.name && (x ? (d.value = p(), Ue(r, t.name, d.value)) : (d.value = void 0, Ue(r, t.name, void 0)));
       },
       {
         immediate: !0
       }
-    ), o({
-      fieldValue: f,
+    ), n({
+      fieldValue: d,
       itemRef: b,
-      editorRef: h,
+      editorRef: _,
       focus: () => {
-        h.value?.focus && h.value.focus();
+        _.value?.focus && _.value.focus();
       },
       blur: () => {
-        h.value?.foucs && h.value.blur();
+        _.value?.foucs && _.value.blur();
       }
-    }), (k, H) => r.value ? (u(), g(n(fo), F({
+    }), (x, H) => i.value ? (u(), g(o(mn), F({
       key: 0,
-      class: ["x-field", E.value],
+      class: ["x-field", M.value],
       ref_key: "itemRef",
       ref: b,
       prop: t.name,
-      label: k.label,
-      size: w.value,
+      label: x.label,
+      size: y.value,
       style: B.value
-    }, k.$attrs), be({
-      error: d(({ error: K }) => [
-        x(k.$slots, "error", { error: K }, () => [
-          n(s)?.props.tooltipMessage ?? t.tooltipMessage ? (u(), C("div", {
+    }, x.$attrs), ce({
+      error: f(({ error: K }) => [
+        C(x.$slots, "error", { error: K }, () => [
+          o(s)?.props.tooltipMessage ?? t.tooltipMessage ? (u(), $("div", {
             key: 0,
             class: "x-field__info",
-            style: pe(S.value)
+            style: fe(z.value)
           }, [
-            _(n(ht), F({
-              content: z(K)
-            }, M.value), {
-              default: d(() => [
-                _(n(ue), {
+            k(o(ht), F({
+              content: w(K)
+            }, S.value), {
+              default: f(() => [
+                k(o(de), {
                   class: "x-field__trigger",
-                  icon: n(Bo),
-                  size: w.value
+                  icon: o(Bn),
+                  size: y.value
                 }, null, 8, ["icon", "size"])
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : (u(), C("div", qn, A(z(K)), 1))
+          ], 4)) : (u(), $("div", na, A(w(K)), 1))
         ])
       ]),
-      default: d(() => [
-        X("div", {
-          class: W(["x-field__editor_wrap", { "is-inline": t.inline }])
+      default: f(() => [
+        j("div", {
+          class: J(["x-field__editor_wrap", { "is-inline": t.inline }])
         }, [
-          x(k.$slots, "editor", { editor: P.value }, () => [
-            n(m).component ? (u(), g(J(n(m).component), F({
+          C(x.$slots, "editor", { editor: P.value }, () => [
+            o(m).component ? (u(), g(Q(o(m).component), F({
               key: 0,
               class: "x-field__editor",
               ref_key: "editorRef",
-              ref: h,
-              modelValue: f.value,
-              "onUpdate:modelValue": H[0] || (H[0] = (K) => f.value = K)
-            }, n(m).props), be({ _: 2 }, [
-              k.$slots.option ? {
+              ref: _,
+              modelValue: d.value,
+              "onUpdate:modelValue": H[0] || (H[0] = (K) => d.value = K)
+            }, o(m).props), ce({ _: 2 }, [
+              x.$slots.option ? {
                 name: "option",
-                fn: d(({ option: K }) => [
-                  x(k.$slots, "option", { option: K })
+                fn: f(({ option: K }) => [
+                  C(x.$slots, "option", { option: K })
                 ]),
                 key: "0"
               } : void 0
-            ]), 1040, ["modelValue"])) : v("", !0)
+            ]), 1040, ["modelValue"])) : h("", !0)
           ]),
-          t.tip || k.$slots.tip ? (u(), C("div", ea, [
-            x(k.$slots, "tip", {}, () => [
+          t.tip || x.$slots.tip ? (u(), $("div", oa, [
+            C(x.$slots, "tip", {}, () => [
               R(A(t.tip), 1)
             ])
-          ])) : v("", !0)
+          ])) : h("", !0)
         ], 2),
-        x(k.$slots, "default")
+        C(x.$slots, "default")
       ]),
       _: 2
     }, [
-      k.$slots.label ? {
+      x.$slots.label ? {
         name: "label",
-        fn: d(() => [
-          x(k.$slots, "label")
+        fn: f(() => [
+          C(x.$slots, "label")
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["prop", "label", "size", "class", "style"])) : v("", !0);
+    ]), 1040, ["prop", "label", "size", "class", "style"])) : h("", !0);
   }
-}), oa = {
+}), sa = {
   /**
    * 表单模型
    */
@@ -3249,83 +3246,83 @@ const qn = {
     type: [Object, Boolean],
     default: void 0
   }
-}, Rt = Symbol("formInstanceKey"), Ot = Symbol("formModelKey"), na = /* @__PURE__ */ V({
+}, jt = Symbol("formInstanceKey"), Nt = Symbol("formModelKey"), la = /* @__PURE__ */ V({
   name: "XForm",
   __name: "Form",
-  props: oa,
+  props: sa,
   emits: ["change", "submit", "reset"],
-  setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = de(), c = O(), i = Re(t.model || {}), r = O(!1);
-    Se(Rt, s), Se(Ot, i), L(i, () => {
-      l("change", ge(i));
+  setup(a, { expose: n, emit: e }) {
+    const t = a, l = e, s = pe(), c = D(), r = Oe(t.model || {}), i = D(!1);
+    Ce(jt, s), Ce(Nt, r), L(r, () => {
+      l("change", ye(r));
     }), L(
       () => t.model,
       (m) => {
-        Object.assign(i, m);
+        Object.assign(r, m);
       },
       { deep: !0 }
     );
     const p = async () => {
-      await c.value.validate().catch(() => !1) && (l("submit", ge(i)), t.submitMethod && (r.value = !0, await t.submitMethod(ge(i)), r.value = !1));
-    }, f = (m) => {
+      await c.value.validate().catch(() => !1) && (l("submit", ye(r)), t.submitMethod && (i.value = !0, await t.submitMethod(ye(r)), i.value = !1));
+    }, d = (m) => {
       c.value.resetFields(m), l("reset");
     };
-    return o({
+    return n({
       formRef: c,
-      model: i,
+      model: r,
       submit: p,
-      reset: f
-    }), (m, b) => (u(), g(n(mo), F({
+      reset: d
+    }), (m, b) => (u(), g(o(gn), F({
       ref_key: "formRef",
       ref: c,
       class: "x-form",
       inline: t.inline,
-      model: i,
-      onKeyup: Ut(p, ["enter"]),
+      model: r,
+      onKeyup: Lt(p, ["enter"]),
       onSubmit: b[1] || (b[1] = vt(() => {
       }, ["stop", "prevent"]))
     }, m.$attrs), {
-      default: d(() => [
-        x(m.$slots, "default"),
-        t.footer ? (u(), g(n(ta), {
+      default: f(() => [
+        C(m.$slots, "default"),
+        t.footer ? (u(), g(o(aa), {
           key: 0,
           editor: "none",
           class: "x-form__footer",
           label: " "
         }, {
-          editor: d(() => [
-            x(m.$slots, "footer", {}, () => [
-              t.submitText ? (u(), g(n(ie), {
+          editor: f(() => [
+            C(m.$slots, "footer", {}, () => [
+              t.submitText ? (u(), g(o(ie), {
                 key: 0,
-                loading: r.value,
+                loading: i.value,
                 type: "primary",
                 onClick: p
               }, {
-                default: d(() => [
+                default: f(() => [
                   R(A(t.submitText), 1)
                 ]),
                 _: 1
-              }, 8, ["loading"])) : v("", !0),
-              t.resetText ? (u(), g(n(ie), {
+              }, 8, ["loading"])) : h("", !0),
+              t.resetText ? (u(), g(o(ie), {
                 key: 1,
                 type: "default",
-                onClick: b[0] || (b[0] = () => f())
+                onClick: b[0] || (b[0] = () => d())
               }, {
-                default: d(() => [
+                default: f(() => [
                   R(A(t.resetText), 1)
                 ]),
                 _: 1
-              })) : v("", !0),
-              x(m.$slots, "action")
+              })) : h("", !0),
+              C(m.$slots, "action")
             ])
           ]),
           _: 3
-        })) : v("", !0)
+        })) : h("", !0)
       ]),
       _: 3
     }, 16, ["inline", "model"]));
   }
-}), aa = {
+}), ia = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -3362,28 +3359,28 @@ const qn = {
   submitMethod: {
     type: Function
   }
-}, ja = /* @__PURE__ */ V({
+}, La = /* @__PURE__ */ V({
   name: "XDialogForm",
   __name: "DialogForm",
-  props: aa,
+  props: ia,
   emits: ["update:modelValue", "submit", "close"],
-  setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = O(), c = O(), i = y(() => c.value?.$vtjEl), r = () => {
+  setup(a, { expose: n, emit: e }) {
+    const t = a, l = e, s = D(), c = D(), r = v(() => c.value?.$vtjEl), i = () => {
       s.value?.submit();
     }, p = () => {
       l("update:modelValue", !1), l("close");
-    }, f = async (h) => {
-      l("submit", h), t.submitMethod ? await t.submitMethod(h) && p() : p();
-    }, m = y(
+    }, d = async (_) => {
+      l("submit", _), t.submitMethod ? await t.submitMethod(_) && p() : p();
+    }, m = v(
       () => t.formProps?.disabled ? !1 : t.submit
-    ), b = y(
+    ), b = v(
       () => t.formProps?.disabled ? !1 : t.cancel
     );
-    return o({
-      $vtjEl: i,
+    return n({
+      $vtjEl: r,
       formRef: s,
       dialogRef: c
-    }), (h, w) => (u(), g(n(Bt), F({
+    }), (_, y) => (u(), g(o(At), F({
       ref_key: "dialogRef",
       ref: c,
       class: "x-dialog-form",
@@ -3391,13 +3388,13 @@ const qn = {
       submit: m.value,
       cancel: b.value,
       size: t.size,
-      onSubmit: r,
+      onSubmit: i,
       onClose: p,
       minimizable: !1,
       maximizable: !1
-    }, h.$attrs), be({
-      default: d(() => [
-        _(n(na), F({
+    }, _.$attrs), ce({
+      default: f(() => [
+        k(o(la), F({
           ref_key: "formRef",
           ref: s,
           class: "x-dialog-form__form",
@@ -3406,40 +3403,40 @@ const qn = {
           size: t.size,
           model: t.model,
           rules: t.rules,
-          "submit-method": f
+          "submit-method": d
         }, t.formProps), {
-          default: d(() => [
-            x(h.$slots, "default")
+          default: f(() => [
+            C(_.$slots, "default")
           ]),
           _: 3
         }, 16, ["size", "model", "rules"])
       ]),
       _: 2
     }, [
-      h.$slots.extra ? {
+      _.$slots.extra ? {
         name: "extra",
-        fn: d(() => [
-          x(h.$slots, "extra")
+        fn: f(() => [
+          C(_.$slots, "extra")
         ]),
         key: "0"
       } : void 0,
-      h.$slots.handle ? {
+      _.$slots.handle ? {
         name: "handle",
-        fn: d(() => [
-          x(h.$slots, "handle")
+        fn: f(() => [
+          C(_.$slots, "handle")
         ]),
         key: "1"
       } : void 0,
-      h.$slots.footer ? {
+      _.$slots.footer ? {
         name: "footer",
-        fn: d(() => [
-          x(h.$slots, "footer")
+        fn: f(() => [
+          C(_.$slots, "footer")
         ]),
         key: "2"
       } : void 0
     ]), 1040, ["model-value", "submit", "cancel", "size"]));
   }
-}), sa = {
+}), ra = {
   items: {
     type: Array,
     default() {
@@ -3449,42 +3446,63 @@ const qn = {
   border: {
     type: Boolean
   }
-}, Na = /* @__PURE__ */ V({
+}, ua = { class: "x-tabs__label-inner" }, ca = {
+  key: 0,
+  class: "x-tabs__actions"
+}, Wa = /* @__PURE__ */ V({
   name: "XTabs",
   __name: "Tabs",
-  props: sa,
-  setup(a) {
-    const o = a, e = (l) => {
-      const { label: s, name: c, value: i, disabled: r, closable: p, lazy: f } = l;
+  props: ra,
+  emits: ["actionClick", "actionCommand"],
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = (i) => {
+      const { label: p, name: d, value: m, disabled: b, closable: _, lazy: y } = i;
       return {
-        label: s,
-        name: i ?? c,
-        disabled: r,
-        closable: p,
-        lazy: f
+        label: p,
+        name: m ?? d,
+        disabled: b,
+        closable: _,
+        lazy: y
       };
-    }, t = y(() => ({
-      "is-no-border": !o.border
-    }));
-    return (l, s) => (u(), g(n(_t), F({
-      class: ["x-tabs", t.value]
-    }, l.$attrs), {
-      default: d(() => [
-        (u(!0), C(Q, null, Y(o.items, (c) => (u(), g(n(Ke), F({
-          key: c.value ?? c.name
-        }, e(c)), {
-          label: d(() => [
-            x(l.$slots, "label", le(he(c)), () => [
-              c.icon ? (u(), g(J(n(_e)(c.icon)), {
+    }, s = v(() => ({
+      "is-no-border": !e.border
+    })), c = (i) => {
+      t("actionClick", i);
+    }, r = (i) => {
+      t("actionCommand", i);
+    };
+    return (i, p) => (u(), g(o(_t), F({
+      class: ["x-tabs", s.value]
+    }, i.$attrs), {
+      default: f(() => [
+        (u(!0), $(W, null, Y(e.items, (d) => (u(), g(o(Ke), F({
+          key: d.value ?? d.name
+        }, l(d)), {
+          label: f(() => [
+            C(i.$slots, "label", le(be(d)), () => [
+              d.icon ? (u(), g(Q(o(ke)(d.icon)), {
                 key: 0,
                 class: "x-tabs__icon"
-              })) : v("", !0),
-              R(" " + A(c.label), 1)
+              })) : h("", !0),
+              j("div", ua, [
+                R(A(d.label) + " ", 1),
+                d.actions && [d.name, d.value].includes(i.$attrs.modelValue) ? (u(), $("div", ca, [
+                  (u(!0), $(W, null, Y(d.actions, (m) => (u(), g(o(te), F({
+                    mode: "icon",
+                    type: "primary",
+                    size: "small",
+                    circle: ""
+                  }, m, {
+                    onClick: c,
+                    onCommand: r
+                  }), null, 16))), 256))
+                ])) : h("", !0)
+              ])
             ])
           ]),
-          default: d(() => [
-            x(l.$slots, "default", le(he(c)), () => [
-              c.component ? (u(), g(J(c.component), le(F({ key: 0 }, c.props)), null, 16)) : v("", !0)
+          default: f(() => [
+            C(i.$slots, "default", le(be(d)), () => [
+              d.component ? (u(), g(Q(d.component), le(F({ key: 0 }, d.props)), null, 16)) : h("", !0)
             ])
           ]),
           _: 2
@@ -3493,7 +3511,7 @@ const qn = {
       _: 3
     }, 16, ["class"]));
   }
-}), la = {
+}), da = {
   direction: {
     type: String,
     default: "column"
@@ -3531,103 +3549,103 @@ const qn = {
   onTitleClick: {
     type: Function
   }
-}, ia = { class: "x-data-item__title" }, ra = {
+}, pa = { class: "x-data-item__title" }, fa = {
   key: 1,
   class: "x-data-item__section x-data-item__desc"
-}, ca = {
+}, ma = {
   key: 2,
   class: "x-data-item__section x-data-item__extra"
-}, ua = {
+}, ga = {
   key: 3,
   class: "x-data-item__section x-data-item__actions"
-}, Xa = /* @__PURE__ */ V({
+}, Ja = /* @__PURE__ */ V({
   name: "XDataItem",
   __name: "DataItem",
-  props: la,
+  props: da,
   emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
-  setup(a, { emit: o }) {
-    const e = a, t = o, l = y(() => {
+  setup(a, { emit: n }) {
+    const e = a, t = n, l = v(() => {
       const { imageWidth: m, imageHeight: b } = e;
       return {
         width: m ? q(m) : void 0,
         height: b ? q(b) : void 0
       };
-    }), s = y(() => ({
+    }), s = v(() => ({
       [`is-image-${e.direction}`]: !!e.direction,
       "is-split": !!e.split
-    })), c = y(() => ({
+    })), c = v(() => ({
       size: "small",
       mode: "text",
       justify: "flex-end",
       type: "info",
       items: e.actions,
       ...e.actionBarProps
-    })), i = () => t("imageClick"), r = () => t("titleClick"), p = (m) => t("actionClick", m), f = (m, b) => t("actionCommand", m, b);
-    return (m, b) => (u(), g(n(I), {
-      class: W(["x-data-item", s.value]),
+    })), r = () => t("imageClick"), i = () => t("titleClick"), p = (m) => t("actionClick", m), d = (m, b) => t("actionCommand", m, b);
+    return (m, b) => (u(), g(o(I), {
+      class: J(["x-data-item", s.value]),
       direction: e.direction
     }, {
-      default: d(() => [
-        e.imageSrc || m.$slots.image ? (u(), g(n(I), {
+      default: f(() => [
+        e.imageSrc || m.$slots.image ? (u(), g(o(I), {
           key: 0,
           class: "x-data-item__img",
           autoPointer: !0,
-          onClick: e.onImageClick ? i : void 0
+          onClick: e.onImageClick ? r : void 0
         }, {
-          default: d(() => [
-            x(m.$slots, "image", {}, () => [
-              e.imageSrc ? (u(), g(n(go), {
+          default: f(() => [
+            C(m.$slots, "image", {}, () => [
+              e.imageSrc ? (u(), g(o(yn), {
                 key: 0,
-                style: pe(l.value),
+                style: fe(l.value),
                 src: e.imageSrc
-              }, null, 8, ["style", "src"])) : v("", !0)
+              }, null, 8, ["style", "src"])) : h("", !0)
             ])
           ]),
           _: 3
-        }, 8, ["onClick"])) : v("", !0),
-        _(n(I), {
+        }, 8, ["onClick"])) : h("", !0),
+        k(o(I), {
           class: "x-data-item__content",
           direction: "column",
           grow: "",
           shrink: ""
         }, {
-          default: d(() => [
-            e.title || m.$slots.title ? (u(), g(n(I), {
+          default: f(() => [
+            e.title || m.$slots.title ? (u(), g(o(I), {
               key: 0,
               class: "x-data-item__section x-data-item__wrapper",
               align: "center",
               autoPointer: !0,
-              onClick: e.onTitleClick ? r : void 0
+              onClick: e.onTitleClick ? i : void 0
             }, {
-              default: d(() => [
-                e.icon ? (u(), g(J(n(_e)(e.icon)), {
+              default: f(() => [
+                e.icon ? (u(), g(Q(o(ke)(e.icon)), {
                   key: 0,
                   class: "x-data-item__icon"
-                })) : v("", !0),
-                X("span", ia, [
-                  x(m.$slots, "title", {}, () => [
+                })) : h("", !0),
+                j("span", pa, [
+                  C(m.$slots, "title", {}, () => [
                     R(A(e.title), 1)
                   ])
                 ])
               ]),
               _: 3
-            }, 8, ["onClick"])) : v("", !0),
-            e.description || m.$slots.description ? (u(), C("div", ra, [
-              x(m.$slots, "description", {}, () => [
+            }, 8, ["onClick"])) : h("", !0),
+            e.description || m.$slots.description ? (u(), $("div", fa, [
+              C(m.$slots, "description", {}, () => [
                 R(A(e.description), 1)
               ])
-            ])) : v("", !0),
-            m.$slots.default ? (u(), C("div", ca, [
-              x(m.$slots, "default")
-            ])) : v("", !0),
-            e.actions || e.actionBarProps || m.$slots.actions ? (u(), C("div", ua, [
-              x(m.$slots, "actions", {}, () => [
-                _(n(et), F(c.value, {
+            ])) : h("", !0),
+            m.$slots.default ? (u(), $("div", ma, [
+              C(m.$slots, "default")
+            ])) : h("", !0),
+            e.actions || e.actionBarProps || m.$slots.actions ? (u(), $("div", ga, [
+              C(m.$slots, "actions", {}, () => [
+                k(o(et), F(c.value, {
                   onClick: p,
-                  onCommand: f
+                  onCommand: d
                 }), null, 16)
               ])
-            ])) : v("", !0)
+            ])) : h("", !0)
           ]),
           _: 3
         })
@@ -3635,7 +3653,7 @@ const qn = {
       _: 3
     }, 8, ["direction", "class"]));
   }
-}), da = {
+}), ya = {
   option: {
     type: Object
   },
@@ -3648,26 +3666,26 @@ const qn = {
     default: "400px"
   }
 };
-function pa() {
+function va() {
   return import("echarts");
 }
-function fa(a, o) {
-  const e = O(), t = Ve();
+function ha(a, n) {
+  const e = D(), t = Pe();
   return mt(async () => {
-    t.value = await pa();
-    const l = n(a);
-    l && (e.value || (e.value = ke(t.value.init(l))), e.value && e.value.setOption(o.option || {}));
+    t.value = await va();
+    const l = o(a);
+    l && (e.value || (e.value = we(t.value.init(l))), e.value && e.value.setOption(n.option || {}));
   }), gt(() => {
     e.value && e.value.dispose();
   }), L(
-    () => o.option,
+    () => n.option,
     (l) => {
       e.value && e.value.setOption(l || {});
     },
     { deep: !0 }
-  ), Ro(
+  ), Rn(
     a,
-    Uo(() => {
+    Xn(() => {
       e.value && e.value.resize();
     }, 150)
   ), {
@@ -3675,26 +3693,26 @@ function fa(a, o) {
     echarts: t
   };
 }
-const Ua = /* @__PURE__ */ V({
+const Qa = /* @__PURE__ */ V({
   name: "XChart",
   __name: "Chart",
-  props: da,
-  setup(a, { expose: o }) {
-    const e = a, t = O(), { echartsInstance: l, echarts: s } = fa(t, e), c = y(() => ({
+  props: ya,
+  setup(a, { expose: n }) {
+    const e = a, t = D(), { echartsInstance: l, echarts: s } = ha(t, e), c = v(() => ({
       width: q(e.width),
       height: q(e.height)
     }));
-    return o({
+    return n({
       chartRef: t,
       echartsInstance: l,
       echarts: s
-    }), (i, r) => (u(), C("div", {
+    }), (r, i) => (u(), $("div", {
       ref_key: "chartRef",
       ref: t,
-      style: pe(c.value)
+      style: fe(c.value)
     }, null, 4));
   }
-}), ma = {
+}), ba = {
   data: {
     type: [Object, Function],
     default() {
@@ -3732,143 +3750,143 @@ const Ua = /* @__PURE__ */ V({
   infiniteScroll: {
     type: [Boolean, Object]
   }
-}, ga = {
+}, _a = {
   key: 0,
   class: "x-list__loading"
-}, ya = {
+}, ka = {
   key: 1,
   class: "x-list__nomore"
-}, va = {
+}, wa = {
   key: 0,
   class: "x-list__loading"
-}, ha = {
+}, xa = {
   key: 1,
   class: "x-list__nomore"
-}, ba = {
+}, Sa = {
   key: 1,
   class: "x-list__pager"
-}, Ha = /* @__PURE__ */ V({
+}, Za = /* @__PURE__ */ V({
   name: "XList",
   __name: "List",
-  props: ma,
+  props: ba,
   emits: ["load"],
-  setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = Re({
+  setup(a, { expose: n, emit: e }) {
+    const t = a, l = e, s = Oe({
       page: t.page,
       pageSize: t.pageSize
     });
     Je(() => {
-      const { page: T, pageSize: j } = t;
-      Object.assign(s, { page: T, pageSize: j });
+      const { page: T, pageSize: N } = t;
+      Object.assign(s, { page: T, pageSize: N });
     });
-    const { data: c, loading: i } = an(
+    const { data: c, loading: r } = lo(
       t.data,
       {
         list: [],
         total: 0
       },
       s
-    ), r = y(() => Math.ceil((c.value.total || 0) / s.pageSize)), p = O(!1), f = O(), m = y(() => ({
+    ), i = v(() => Math.ceil((c.value.total || 0) / s.pageSize)), p = D(!1), d = D(), m = v(() => ({
       width: q(t.width),
       height: q(t.height)
-    })), b = y(() => ({
+    })), b = v(() => ({
       "is-virtual": !!t.itemHeight
-    })), h = y(() => {
+    })), _ = v(() => {
       const T = {};
-      for (let [j, k] of Object.entries(
+      for (let [N, x] of Object.entries(
         it(t.infiniteScroll)
       ))
-        T[`infinite-scroll-${j}`] = k;
-      return (i.value || p.value) && (T["infinite-scroll-disabled"] = !0), T;
-    }), w = y(() => it(t.pager, {})), { list: M, containerProps: z, wrapperProps: E, scrollTo: B } = Oo(
-      y(() => c.value.list),
+        T[`infinite-scroll-${N}`] = x;
+      return (r.value || p.value) && (T["infinite-scroll-disabled"] = !0), T;
+    }), y = v(() => it(t.pager, {})), { list: S, containerProps: w, wrapperProps: M, scrollTo: B } = Fn(
+      v(() => c.value.list),
       {
         itemHeight: t.itemHeight || 0
       }
-    ), S = () => {
-      !t.infiniteScroll || p.value || (s.page < r.value ? (++s.page, l("load", s)) : p.value = !0);
+    ), z = () => {
+      !t.infiniteScroll || p.value || (s.page < i.value ? (++s.page, l("load", s)) : p.value = !0);
     }, P = (T) => t.dataKey ? T[t.dataKey] : void 0;
-    return o({
-      list: M,
+    return n({
+      list: S,
       scrollTo: B,
-      wrapperRef: f,
-      loading: i,
+      wrapperRef: d,
+      loading: r,
       state: s,
-      pageCount: r,
+      pageCount: i,
       nomore: p,
       data: c,
       getKey: P
-    }), (T, j) => (u(), C("div", {
-      class: W(["x-list", b.value]),
-      style: pe(m.value)
+    }), (T, N) => (u(), $("div", {
+      class: J(["x-list", b.value]),
+      style: fe(m.value)
     }, [
-      !n(c).total && !n(i) ? x(T.$slots, "empty", { key: 0 }, () => [
-        _(n(bt))
-      ]) : v("", !0),
-      X("div", F({ class: "x-list__content" }, n(z)), [
-        t.itemHeight ? G((u(), C("div", F({
+      !o(c).total && !o(r) ? C(T.$slots, "empty", { key: 0 }, () => [
+        k(o(bt))
+      ]) : h("", !0),
+      j("div", F({ class: "x-list__content" }, o(w)), [
+        t.itemHeight ? G((u(), $("div", F({
           key: 0,
           class: "x-list__wrapper",
           ref_key: "wrapperRef",
-          ref: f
-        }, { ...n(E), ...h.value }), [
-          (u(!0), C(Q, null, Y(n(M), (k, H) => x(T.$slots, "default", le(F({
-            key: P(k.data)
-          }, { item: k.data, index: H })), () => [
-            X("div", null, A(k), 1)
+          ref: d
+        }, { ...o(M), ..._.value }), [
+          (u(!0), $(W, null, Y(o(S), (x, H) => C(T.$slots, "default", le(F({
+            key: P(x.data)
+          }, { item: x.data, index: H })), () => [
+            j("div", null, A(x), 1)
           ])), 128)),
-          n(i) ? (u(), C("div", ga, [
-            x(T.$slots, "loading", {}, () => [
+          o(r) ? (u(), $("div", _a, [
+            C(T.$slots, "loading", {}, () => [
               R(" 正在加载数据... ")
             ])
-          ])) : v("", !0),
-          p.value ? (u(), C("div", ya, [
-            x(T.$slots, "nomore", {}, () => [
+          ])) : h("", !0),
+          p.value ? (u(), $("div", ka, [
+            C(T.$slots, "nomore", {}, () => [
               R(" 没有更多数据 ")
             ])
-          ])) : v("", !0)
+          ])) : h("", !0)
         ], 16)), [
-          [n(at), S]
-        ]) : G((u(), C("div", F({
+          [o(at), z]
+        ]) : G((u(), $("div", F({
           key: 1,
           class: "x-list__wrapper"
-        }, h.value), [
-          (u(!0), C(Q, null, Y(n(c).list, (k, H) => x(T.$slots, "default", le(F({
-            key: P(k)
-          }, { item: k, index: H })), () => [
-            X("div", null, A(k), 1)
+        }, _.value), [
+          (u(!0), $(W, null, Y(o(c).list, (x, H) => C(T.$slots, "default", le(F({
+            key: P(x)
+          }, { item: x, index: H })), () => [
+            j("div", null, A(x), 1)
           ])), 128)),
-          n(i) ? (u(), C("div", va, [
-            x(T.$slots, "loading", {}, () => [
+          o(r) ? (u(), $("div", wa, [
+            C(T.$slots, "loading", {}, () => [
               R(" 正在加载数据... ")
             ])
-          ])) : v("", !0),
-          p.value ? (u(), C("div", ha, [
-            x(T.$slots, "nomore", {}, () => [
+          ])) : h("", !0),
+          p.value ? (u(), $("div", xa, [
+            C(T.$slots, "nomore", {}, () => [
               R(" 没有更多数据 ")
             ])
-          ])) : v("", !0)
+          ])) : h("", !0)
         ], 16)), [
-          [n(at), S]
+          [o(at), z]
         ])
       ], 16),
-      t.pager ? (u(), C("div", ba, [
-        _(n(yo), F({
+      t.pager ? (u(), $("div", Sa, [
+        k(o(vn), F({
           small: "",
           background: "",
           layout: "prev, pager, next",
-          total: n(c).total,
+          total: o(c).total,
           "default-page-size": t.pageSize,
           "default-current-page": t.page,
           "current-page": s.page,
-          "onUpdate:currentPage": j[0] || (j[0] = (k) => s.page = k),
+          "onUpdate:currentPage": N[0] || (N[0] = (x) => s.page = x),
           "page-size": s.pageSize,
-          "onUpdate:pageSize": j[1] || (j[1] = (k) => s.pageSize = k)
-        }, w.value), null, 16, ["total", "default-page-size", "default-current-page", "current-page", "page-size"])
-      ])) : v("", !0)
+          "onUpdate:pageSize": N[1] || (N[1] = (x) => s.pageSize = x)
+        }, y.value), null, 16, ["total", "default-page-size", "default-current-page", "current-page", "page-size"])
+      ])) : h("", !0)
     ], 6));
   }
-}), _a = {
+}), Ca = {
   name: {
     type: String,
     default: "VTJ.PRO"
@@ -3885,32 +3903,32 @@ const Ua = /* @__PURE__ */ V({
     type: String,
     default: "/@vtj/pro/"
   }
-}, ka = { class: "x-startup" }, wa = { class: "x-startup__wrapper" }, xa = { class: "x-startup__name" }, Sa = { class: "clip" }, za = { class: "x-startup__tagline" }, Ca = { class: "x-startup__actions" }, Ka = /* @__PURE__ */ V({
+}, za = { class: "x-startup" }, $a = { class: "x-startup__wrapper" }, Ta = { class: "x-startup__name" }, Ea = { class: "clip" }, Ma = { class: "x-startup__tagline" }, Ia = { class: "x-startup__actions" }, Ga = /* @__PURE__ */ V({
   __name: "Startup",
-  props: _a,
+  props: Ca,
   setup(a) {
-    const o = a, e = () => {
+    const n = a, e = () => {
       if (typeof window < "u") {
         let l = (window.__VTJ_LINK__ || {}).href || window.location.pathname + "@vtj/pro/#/";
         window.location.href = l;
       }
     };
-    return (t, l) => (u(), C("div", ka, [
-      X("div", wa, [
-        X("div", xa, [
-          X("span", Sa, A(o.name), 1)
+    return (t, l) => (u(), $("div", za, [
+      j("div", $a, [
+        j("div", Ta, [
+          j("span", Ea, A(n.name), 1)
         ]),
-        X("div", za, A(o.tagline), 1),
-        X("div", Ca, [
-          _(n(ie), {
+        j("div", Ma, A(n.tagline), 1),
+        j("div", Ia, [
+          k(o(ie), {
             type: "primary",
             size: "large",
             round: "",
-            icon: n(Po),
+            icon: o(Pn),
             onClick: e
           }, {
-            default: d(() => [
-              R(A(o.actionText), 1)
+            default: f(() => [
+              R(A(n.actionText), 1)
             ]),
             _: 1
           }, 8, ["icon"])
@@ -3918,7 +3936,7 @@ const Ua = /* @__PURE__ */ V({
       ])
     ]));
   }
-}), Ta = {
+}), Va = {
   stringProp: {
     type: String
   },
@@ -3949,123 +3967,123 @@ const Ua = /* @__PURE__ */ V({
   syncProp: {
     type: String
   }
-}, $a = { class: "x-test__slot" }, Ea = { class: "x-test__slot" }, La = /* @__PURE__ */ V({
+}, Ba = { class: "x-test__slot" }, Pa = { class: "x-test__slot" }, Ya = /* @__PURE__ */ V({
   name: "XTest",
   __name: "Test",
-  props: Ta,
+  props: Va,
   emits: ["click", "submit", "change", "update:modelValue", "update:syncProp"],
-  setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = y(() => Object.entries(t)), c = y({
+  setup(a, { expose: n, emit: e }) {
+    const t = a, l = e, s = v(() => Object.entries(t)), c = v({
       get() {
         return t.modelValue;
       },
-      set(h) {
-        l("update:modelValue", h);
+      set(_) {
+        l("update:modelValue", _);
       }
-    }), i = y({
+    }), r = v({
       get() {
         return t.syncProp;
       },
-      set(h) {
-        l("update:syncProp", h);
+      set(_) {
+        l("update:syncProp", _);
       }
-    }), r = O("default inner data"), p = () => {
+    }), i = D("default inner data"), p = () => {
       lt.info({
         message: "触发click事件"
       }), l("click", t);
-    }, f = () => {
+    }, d = () => {
       lt.info({
         message: "触发submit事件"
       }), l("submit", t);
-    }, m = (h) => {
-      r.value = h, l("change", r.value);
+    }, m = (_) => {
+      i.value = _, l("change", i.value);
     }, b = () => {
       m("user click change:" + Date.now());
     };
-    return o({
+    return n({
       click: p,
-      submit: f,
-      data: r,
+      submit: d,
+      data: i,
       change: m
-    }), (h, w) => (u(), g(n(Pe), {
+    }), (_, y) => (u(), g(o(Be), {
       class: "x-test",
       header: "VTJ 低代码测试组件",
       border: ""
     }, {
-      default: d(() => [
-        _(n(ae), null, {
-          default: d(() => [
+      default: f(() => [
+        k(o(se), null, {
+          default: f(() => [
             R("内部数据")
           ]),
           _: 1
         }),
-        _(n(I), null, {
-          default: d(() => [
-            R(A(r.value), 1)
+        k(o(I), null, {
+          default: f(() => [
+            R(A(i.value), 1)
           ]),
           _: 1
         }),
-        _(n(ae), null, {
-          default: d(() => [
+        k(o(se), null, {
+          default: f(() => [
             R("属性")
           ]),
           _: 1
         }),
-        _(n(st), {
+        k(o(st), {
           column: 3,
           border: ""
         }, {
-          default: d(() => [
-            (u(!0), C(Q, null, Y(s.value, ([M, z]) => (u(), g(n(Ne), { label: M }, {
-              default: d(() => [
-                X("pre", null, A(JSON.stringify(z, null, 2)), 1)
+          default: f(() => [
+            (u(!0), $(W, null, Y(s.value, ([S, w]) => (u(), g(o(Ne), { label: S }, {
+              default: f(() => [
+                j("pre", null, A(JSON.stringify(w, null, 2)), 1)
               ]),
               _: 2
             }, 1032, ["label"]))), 256))
           ]),
           _: 1
         }),
-        _(n(ae), null, {
-          default: d(() => [
+        k(o(se), null, {
+          default: f(() => [
             R("插槽")
           ]),
           _: 1
         }),
-        _(n(I), {
+        k(o(I), {
           justify: "space-around",
           flex: "",
           gap: ""
         }, {
-          default: d(() => [
-            _(n(Pe), {
+          default: f(() => [
+            k(o(Be), {
               header: "default",
               grow: "",
               card: ""
             }, {
-              default: d(() => [
-                X("div", $a, [
-                  x(h.$slots, "default", {
+              default: f(() => [
+                j("div", Ba, [
+                  C(_.$slots, "default", {
                     props: t,
-                    data: r.value
+                    data: i.value
                   }, () => [
-                    X("pre", null, A(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
+                    j("pre", null, A(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
                   ])
                 ])
               ]),
               _: 3
             }),
-            _(n(Pe), {
+            k(o(Be), {
               header: "extra",
               grow: "",
               card: ""
             }, {
-              default: d(() => [
-                X("div", Ea, [
-                  x(h.$slots, "extra", {
+              default: f(() => [
+                j("div", Pa, [
+                  C(_.$slots, "extra", {
                     props: t,
-                    data: r.value
+                    data: i.value
                   }, () => [
-                    X("pre", null, A(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
+                    j("pre", null, A(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
                   ])
                 ])
               ]),
@@ -4074,33 +4092,33 @@ const Ua = /* @__PURE__ */ V({
           ]),
           _: 3
         }),
-        _(n(ae), null, {
-          default: d(() => [
+        k(o(se), null, {
+          default: f(() => [
             R("双向绑定")
           ]),
           _: 1
         }),
-        _(n(I), null, {
-          default: d(() => [
-            _(n(st), {
+        k(o(I), null, {
+          default: f(() => [
+            k(o(st), {
               column: 2,
               border: ""
             }, {
-              default: d(() => [
-                _(n(Ne), { label: "modelValue" }, {
-                  default: d(() => [
-                    _(n(ze), {
+              default: f(() => [
+                k(o(Ne), { label: "modelValue" }, {
+                  default: f(() => [
+                    k(o(_e), {
                       modelValue: c.value,
-                      "onUpdate:modelValue": w[0] || (w[0] = (M) => c.value = M)
+                      "onUpdate:modelValue": y[0] || (y[0] = (S) => c.value = S)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 }),
-                _(n(Ne), { label: "syncProp" }, {
-                  default: d(() => [
-                    _(n(ze), {
-                      modelValue: i.value,
-                      "onUpdate:modelValue": w[1] || (w[1] = (M) => i.value = M)
+                k(o(Ne), { label: "syncProp" }, {
+                  default: f(() => [
+                    k(o(_e), {
+                      modelValue: r.value,
+                      "onUpdate:modelValue": y[1] || (y[1] = (S) => r.value = S)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -4111,28 +4129,28 @@ const Ua = /* @__PURE__ */ V({
           ]),
           _: 1
         }),
-        _(n(ae), null, {
-          default: d(() => [
+        k(o(se), null, {
+          default: f(() => [
             R("事件和方法")
           ]),
           _: 1
         }),
-        _(n(I), null, {
-          default: d(() => [
-            _(n(ie), { onClick: p }, {
-              default: d(() => [
+        k(o(I), null, {
+          default: f(() => [
+            k(o(ie), { onClick: p }, {
+              default: f(() => [
                 R("click")
               ]),
               _: 1
             }),
-            _(n(ie), { onClick: f }, {
-              default: d(() => [
+            k(o(ie), { onClick: d }, {
+              default: f(() => [
                 R("submit")
               ]),
               _: 1
             }),
-            _(n(ie), { onClick: b }, {
-              default: d(() => [
+            k(o(ie), { onClick: b }, {
+              default: f(() => [
                 R("change")
               ]),
               _: 1
@@ -4144,64 +4162,178 @@ const Ua = /* @__PURE__ */ V({
       _: 3
     }));
   }
+}), Aa = {
+  units: {
+    type: [String, Object, Array]
+  },
+  unit: {
+    type: String
+  },
+  appendWidth: {
+    type: Number,
+    default: 100
+  },
+  withUnit: {
+    type: Boolean,
+    default: !0
+  },
+  format: {
+    type: String
+  },
+  modelValue: {
+    type: [String, Number]
+  },
+  selectProps: {
+    type: Object
+  }
+}, qa = /* @__PURE__ */ V({
+  name: "XInputUnit",
+  __name: "InputUnit",
+  props: Aa,
+  emits: ["update:modelValue", "update:unit", "change", "unit-change"],
+  setup(a, { expose: n, emit: e }) {
+    const t = a, l = e, s = v(() => Mt(t.units).map((S) => typeof S == "string" ? { label: S, value: S } : S)), c = v(() => {
+      const y = s.value.map((S) => S.value);
+      return t.unit && y.push(t.unit), Hn(y);
+    }), r = D(), i = D(), p = (y) => t.format && y ? Kn(Number(y) || 0, t.format) : y, d = (y) => {
+      if (!t.withUnit || typeof y != "string")
+        return { value: p(y), unit: t.unit };
+      for (const S of c.value) {
+        const w = new RegExp(`${S}$`);
+        if (w.test(y))
+          return {
+            value: p(y.toString().replace(w, "")),
+            unit: S
+          };
+      }
+      return { value: p(y), unit: t.unit };
+    }, m = () => {
+      const y = p(i.value), S = r.value;
+      return t.withUnit && y && S ? `${y}${S}` : y;
+    };
+    L(
+      () => t.modelValue,
+      (y) => {
+        const { value: S, unit: w } = d(y);
+        r.value = w, i.value = S;
+      },
+      {
+        immediate: !0
+      }
+    ), L(i, (y) => {
+      l("change", y);
+    });
+    const b = async () => {
+      const { value: y, unit: S } = d(m());
+      i.value = y, r.value = S, l("update:modelValue", m());
+    }, _ = () => {
+      l("unit-change", r.value), b();
+    };
+    return n({
+      parser: d,
+      formatValue: p
+    }), (y, S) => (u(), g(o(_e), {
+      modelValue: i.value,
+      "onUpdate:modelValue": S[1] || (S[1] = (w) => i.value = w),
+      modelModifiers: { trim: !0 },
+      class: "x-input-unit",
+      onChange: b
+    }, ce({ _: 2 }, [
+      s.value.length ? {
+        name: "append",
+        fn: f(() => [
+          k(o(wt), F({
+            class: "x-input-unit__unit",
+            modelValue: r.value,
+            "onUpdate:modelValue": S[0] || (S[0] = (w) => r.value = w),
+            size: y.$attrs.size,
+            style: { width: `${t.appendWidth}px` }
+          }, y.$props.selectProps, { onChange: _ }), {
+            default: f(() => [
+              (u(!0), $(W, null, Y(s.value, (w) => (u(), g(o(xt), {
+                key: w.value,
+                label: w.label,
+                value: w.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 16, ["modelValue", "size", "style"])
+        ]),
+        key: "0"
+      } : {
+        name: "suffix",
+        fn: f(() => [
+          r.value ? (u(), $("div", {
+            key: 0,
+            class: "x-input-unit__unit"
+          }, [
+            j("span", null, A(r.value), 1)
+          ])) : h("", !0)
+        ]),
+        key: "1"
+      }
+    ]), 1032, ["modelValue"]));
+  }
 });
 export {
-  ut as Draggable,
+  ct as Draggable,
   rt as INSTALLED_KEY,
-  Vt as MASK_KEY,
+  Ot as MASK_KEY,
   dt as Resizable,
-  Pt as TAB_CREATORS_KEY,
-  In as TAB_ITEM_WIDTH,
-  Da as VTJ_UI_VERSION,
-  se as XAction,
+  Dt as TAB_CREATORS_KEY,
+  Po as TAB_ITEM_WIDTH,
+  Ua as VTJ_UI_VERSION,
+  te as XAction,
   et as XActionBar,
-  Ua as XChart,
+  Qa as XChart,
   I as XContainer,
-  Xa as XDataItem,
-  Bt as XDialog,
-  ja as XDialogForm,
-  ta as XField,
-  na as XForm,
-  pn as XHeader,
-  ue as XIcon,
-  Ha as XList,
-  Oa as XMask,
-  me as XMenu,
-  Pe as XPanel,
-  Ka as XStartup,
-  Na as XTabs,
-  La as XTest,
-  rn as actionBarProps,
-  Mt as actionProps,
-  Dt as builtinFieldEditors,
-  da as chartProps,
-  cn as containerProps,
+  Ja as XDataItem,
+  At as XDialog,
+  La as XDialogForm,
+  aa as XField,
+  la as XForm,
+  go as XHeader,
+  de as XIcon,
+  qa as XInputUnit,
+  Za as XList,
+  Ha as XMask,
+  ge as XMenu,
+  Be as XPanel,
+  Ga as XStartup,
+  Wa as XTabs,
+  Ya as XTest,
+  uo as actionBarProps,
+  Bt as actionProps,
+  Ft as builtinFieldEditors,
+  ya as chartProps,
+  co as containerProps,
   tt as createDialog,
-  la as dataItemProps,
-  Fa as defineTab,
-  aa as dialogFormProps,
-  gn as dialogProps,
-  Zn as fieldProps,
-  Rt as formInstanceKey,
-  Ot as formModelKey,
-  oa as formProps,
+  da as dataItemProps,
+  Ka as defineTab,
+  ia as dialogFormProps,
+  ho as dialogProps,
+  qo as fieldProps,
+  jt as formInstanceKey,
+  Nt as formModelKey,
+  sa as formProps,
   q as getSizeValue,
-  un as headerProps,
-  Wo as iconProps,
-  Lo as iconSizeMap,
-  ma as listProps,
-  Ra as makeInstaller,
-  Bn as maskProps,
-  fn as panelProps,
-  $e as parseSize,
-  _a as startupProps,
-  sa as tabsProps,
-  Ta as testProps,
+  po as headerProps,
+  Qn as iconProps,
+  Jn as iconSizeMap,
+  Aa as inputUnitProps,
+  ba as listProps,
+  Xa as makeInstaller,
+  Ao as maskProps,
+  yo as panelProps,
+  Te as parseSize,
+  Ca as startupProps,
+  ra as tabsProps,
+  Va as testProps,
   it as toObjectProps,
   qe as useDisabled,
-  _e as useIcon,
-  nn as useIconProps,
-  an as useLoader,
-  mn as vDraggable,
-  It as vResizable
+  ke as useIcon,
+  so as useIconProps,
+  lo as useLoader,
+  vo as vDraggable,
+  Pt as vResizable
 };