@vtj/ui 0.6.21 → 0.6.23

package/lib/index.js

@@ -1,14 +1,15 @@
-import { defineComponent as E, openBlock as c, createElementBlock as A, renderSlot as z, createElementVNode as O, unref as n, toDisplayString as j, createVNode as k, withCtx as p, createTextVNode as N, createBlock as m, createCommentVNode as v, useAttrs as st, getCurrentInstance as de, computed as h, markRaw as ve, normalizeClass as W, resolveDynamicComponent as L, mergeProps as X, Fragment as Q, renderList as ie, isVNode as $t, h as q, toRef as ze, useSlots as Vt, normalizeStyle as Ce, ref as P, normalizeProps as Me, guardReactiveProps as Be, effectScope as lt, watch as H, reactive as Ne, onMounted as Dt, onUnmounted as Pt, watchEffect as it, nextTick as ce, Teleport as rt, withDirectives as K, createSlots as ye, render as Ze, vShow as Y, isRef as xe, withModifiers as Rt, KeepAlive as Ft, shallowRef as Je, provide as he, toRaw as Se, inject as me } from "vue";
-import { ElDivider as ge, ElButton as le, ElIcon as Ot, ElSubMenu as jt, ElBadge as Re, ElMenuItem as Nt, ElMenu as Xt, ElContainer as Ge, ElHeader as Ut, ElAside as Ht, ElMain as Wt, ElFooter as Lt, ElDropdown as Kt, ElDropdownMenu as Qt, ElDropdownItem as Zt, ElTooltip as ct, ElSwitch as Xe, ElInput as Fe, ElEmpty as Jt, ElTabs as Gt, ElTabPane as Ye, ElPopover as ut, ElAvatar as Yt, ElMessageBox as De, ElSelect as qt, ElOption as eo, ElCheckboxButton as to, ElCheckbox as oo, ElCheckboxGroup as no, ElRadioButton as ao, ElRadio as so, ElRadioGroup as lo, ElInputNumber as io, ElDatePicker as qe, ElTimePicker as ro, ElRate as co, ElSlider as uo, ElCascader as po, formContextKey as fo, ElFormItem as mo, ElForm as go } from "element-plus";
-import { VideoPlay as yo, Document as se, Menu as dt, ArrowRight as ho, StarFilled as pt, Search as Oe, Close as ft, Expand as vo, Fold as bo, Star as mt, Refresh as _o, CopyDocument as ko, Moon as wo, Sunny as xo, MoreFilled as So, UserFilled as zo, HomeFilled as Co, WarningFilled as To } from "@element-plus/icons-vue";
-import { useRouter as Ie, useRoute as Ue, RouterView as gt, routeLocationKey as Eo } from "vue-router";
-import { Minimize as Mo, Popup as Bo, Maximize as Io, RawClose as Ao } from "@vtj/icons";
-import { useDraggable as $o, useMouseInElement as Vo, useEventListener as Te, useElementSize as yt, useDark as Do } from "@vueuse/core";
-import { isEqual as He, isObject as We, uid as ht, arrayToMap as Po, isUrl as Ro, upperFirstCamelCase as vt, toArray as Fo, merge as Oo } from "@vtj/utils";
-function je(a) {
+import { defineComponent as M, openBlock as u, createElementBlock as E, renderSlot as _, createElementVNode as R, unref as n, toDisplayString as F, createVNode as k, withCtx as f, createTextVNode as N, createBlock as g, createCommentVNode as y, useAttrs as Ue, getCurrentInstance as ve, computed as h, markRaw as be, normalizeClass as Q, normalizeStyle as ue, resolveDynamicComponent as W, mergeProps as j, Fragment as Z, renderList as se, isVNode as jt, h as te, toRef as Be, useSlots as Nt, toRaw as pe, ref as D, normalizeProps as ce, guardReactiveProps as ge, effectScope as ct, watch as L, reactive as He, onMounted as ut, onUnmounted as dt, watchEffect as pt, nextTick as me, Teleport as mt, withDirectives as J, createSlots as ye, render as Ye, vShow as ee, isRef as $e, withModifiers as Xt, KeepAlive as Ut, shallowRef as qe, provide as Se, inject as we } from "vue";
+import { ElDivider as xe, ElButton as de, ElIcon as Ht, ElSubMenu as Wt, ElBadge as Oe, ElMenuItem as Lt, ElMenu as Kt, ElContainer as et, ElHeader as Qt, ElAside as Zt, ElMain as Jt, ElFooter as Gt, ElDropdown as Yt, ElDropdownMenu as qt, ElDropdownItem as eo, ElTooltip as ft, ElSwitch as We, ElInput as je, ElEmpty as to, ElTabs as gt, ElTabPane as Ne, ElPopover as yt, ElAvatar as oo, ElMessageBox as Re, ElSelect as no, ElOption as ao, ElCheckboxButton as so, ElCheckbox as lo, ElCheckboxGroup as io, ElRadioButton as ro, ElRadio as co, ElRadioGroup as uo, ElInputNumber as po, ElDatePicker as tt, ElTimePicker as mo, ElRate as fo, ElSlider as go, ElCascader as yo, formContextKey as ho, ElFormItem as vo, ElForm as bo, ElImage as _o } from "element-plus";
+import { VideoPlay as ko, Document as re, Menu as ht, ArrowRight as wo, StarFilled as vt, Search as Xe, Close as bt, Expand as xo, Fold as So, Star as _t, Refresh as zo, CopyDocument as Co, Moon as To, Sunny as Eo, MoreFilled as Mo, UserFilled as $o, HomeFilled as Bo, WarningFilled as Io } from "@element-plus/icons-vue";
+import { useRouter as Ae, useRoute as Le, RouterView as kt, routeLocationKey as Ao } from "vue-router";
+import { Minimize as Vo, Popup as Po, Maximize as Do, RawClose as Ro } from "@vtj/icons";
+import { useDraggable as Fo, useMouseInElement as Oo, useEventListener as Ie, useElementSize as wt, useDark as jo, useResizeObserver as No } from "@vueuse/core";
+import { isEqual as Ke, isObject as Qe, uid as xt, arrayToMap as Xo, isUrl as Uo, upperFirstCamelCase as St, toArray as Ho, merge as Wo, set as ot, debounce as Lo } from "@vtj/utils";
+import * as nt from "echarts";
+function oe(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
-function _e(a = 0, t) {
+function Te(a = 0, t) {
   if (typeof a == "number")
     return a;
   if (/(%|vh|vw)$/i.test(a)) {
@@ -17,32 +18,32 @@ function _e(a = 0, t) {
   }
   return Number.parseInt(a);
 }
-function fa(a, t) {
+function Va(a, t) {
   const e = {};
   return Object.keys(a).forEach((o) => {
     t.includes(o) || (e[o] = a[o]);
   }), e;
 }
-function ma(a, t) {
+function Pa(a, t) {
   const e = {};
   return Object.keys(a).forEach((o) => {
     t.includes(o) && (e[o] = a[o]);
   }), e;
 }
-const ga = () => {
-}, et = Symbol("INSTALLED_KEY"), jo = (a = []) => ({
+const Da = () => {
+}, at = Symbol("INSTALLED_KEY"), Ko = (a = []) => ({
   install: (e) => {
-    e[et] || (e[et] = !0, a.forEach((o) => {
+    e[at] || (e[at] = !0, a.forEach((o) => {
       o.name && e.component(o.name, o);
     }));
   }
-}), bt = "data:image/png;base64,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", No = { class: "x-startup" }, Xo = { class: "brand" }, Uo = ["src"], Ho = /* @__PURE__ */ O("h3", null, [
+}), zt = "data:image/png;base64,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", Qo = { class: "x-startup" }, Zo = { class: "brand" }, Jo = ["src"], Go = /* @__PURE__ */ R("h3", null, [
   /* @__PURE__ */ N("基于 "),
-  /* @__PURE__ */ O("span", null, "Vue3 + TypeScript"),
+  /* @__PURE__ */ R("span", null, "Vue3 + TypeScript"),
   /* @__PURE__ */ N(" 的低代码设计器引擎")
-], -1), Wo = { class: "btn" }, Lo = /* @__PURE__ */ O("div", { class: "ba" }, [
-  /* @__PURE__ */ O("a", { href: "http://beian.miit.gov.cn/" }, "粤ICP备2023104074号")
-], -1), Ko = /* @__PURE__ */ E({
+], -1), Yo = { class: "btn" }, qo = /* @__PURE__ */ R("div", { class: "ba" }, [
+  /* @__PURE__ */ R("a", { href: "http://beian.miit.gov.cn/" }, "粤ICP备2023104074号")
+], -1), en = /* @__PURE__ */ M({
   name: "XStartup",
   __name: "Startup",
   props: {
@@ -56,53 +57,53 @@ const ga = () => {
     }, o = () => {
       t.example && t.example(t.link);
     };
-    return (s, i) => (c(), A("div", No, [
-      z(s.$slots, "default", {}, () => [
-        O("div", null, [
-          O("div", Xo, [
-            O("img", { src: n(bt) }, null, 8, Uo),
-            O("h1", null, j(t.text), 1)
+    return (l, s) => (u(), E("div", Qo, [
+      _(l.$slots, "default", {}, () => [
+        R("div", null, [
+          R("div", Zo, [
+            R("img", { src: n(zt) }, null, 8, Jo),
+            R("h1", null, F(t.text), 1)
           ]),
-          k(n(ge)),
-          Ho,
-          O("div", Wo, [
-            k(n(le), {
+          k(n(xe)),
+          Go,
+          R("div", Yo, [
+            k(n(de), {
               onClick: e,
               type: "primary",
               round: "",
               size: "large",
-              icon: n(yo)
+              icon: n(ko)
             }, {
-              default: p(() => [
+              default: f(() => [
                 N(" 立即开始体验 ")
               ]),
               _: 1
             }, 8, ["icon"]),
-            t.example ? (c(), m(n(le), {
+            t.example ? (u(), g(n(de), {
               key: 0,
               onClick: o,
               type: "default",
               round: "",
               size: "large",
-              icon: n(se)
+              icon: n(re)
             }, {
-              default: p(() => [
+              default: f(() => [
                 N(" 加载示例项目 ")
               ]),
               _: 1
-            }, 8, ["icon"])) : v("", !0)
+            }, 8, ["icon"])) : y("", !0)
           ])
         ])
       ]),
-      Lo
+      qo
     ]));
   }
 });
-const Qo = {
+const tn = {
   default: 14,
   small: 12,
   large: 18
-}, Zo = {
+}, on = {
   icon: {
     type: [String, Object]
   },
@@ -115,47 +116,61 @@ const Qo = {
   },
   src: {
     type: String
+  },
+  background: {
+    type: String
+  },
+  padding: {
+    type: Number
+  },
+  radius: {
+    type: Number
   }
-}, Jo = ["src"], te = /* @__PURE__ */ E({
+}, nn = ["src"], ae = /* @__PURE__ */ M({
   name: "XIcon",
   __name: "Icon",
-  props: Zo,
+  props: on,
   setup(a) {
-    const t = a, e = st(), o = de(), s = h(() => {
+    const t = a, e = Ue(), o = ve(), l = h(() => {
       if (!t.icon)
         return null;
-      const u = o?.appContext.app;
-      return typeof t.icon == "object" ? ve(t.icon) : u?.component(t.icon) || t.icon;
-    }), i = h(() => {
-      const u = {
+      const i = o?.appContext.app;
+      return typeof t.icon == "object" ? be(t.icon) : i?.component(t.icon) || t.icon;
+    }), s = h(() => {
+      const i = {
         "is-pointer": !!e.onClick
       };
-      return !s.value && t.icon && (u[t.icon] = !0), u;
-    }), l = h(() => typeof t.size == "number" ? t.size : Qo[t.size] ?? void 0);
-    return (u, r) => (c(), m(n(Ot), {
-      class: W(["x-icon", i.value]),
+      return !l.value && t.icon && (i[t.icon] = !0), i;
+    }), c = h(() => ({
+      "background-color": t.background,
+      "border-radius": t.radius ? oe(t.radius) : void 0,
+      padding: t.padding ? oe(t.padding) : void 0
+    })), r = h(() => typeof t.size == "number" ? t.size : tn[t.size] ?? void 0);
+    return (i, m) => (u(), g(n(Ht), {
+      class: Q(["x-icon", s.value]),
       color: t.color,
-      size: l.value
+      size: r.value,
+      style: ue(c.value)
     }, {
-      default: p(() => [
-        z(u.$slots, "default", {}, () => [
-          s.value ? (c(), m(L(s.value), { key: 0 })) : v("", !0),
-          t.src ? (c(), A("img", {
+      default: f(() => [
+        _(i.$slots, "default", {}, () => [
+          l.value ? (u(), g(W(l.value), { key: 0 })) : y("", !0),
+          t.src ? (u(), E("img", {
             key: 1,
             src: t.src
-          }, null, 8, Jo)) : v("", !0)
+          }, null, 8, nn)) : y("", !0)
         ])
       ]),
       _: 3
-    }, 8, ["class", "color", "size"]));
+    }, 8, ["class", "color", "size", "style"]));
   }
-}), Go = { class: "x-menu__wrapper" }, Yo = {
+}), an = { class: "x-menu__wrapper" }, sn = {
   key: 1,
   class: "x-menu__title"
-}, qo = /* @__PURE__ */ O("i", null, null, -1), en = {
+}, ln = /* @__PURE__ */ R("i", null, null, -1), rn = {
   key: 0,
   class: "x-menu__title"
-}, tn = /* @__PURE__ */ O("i", null, null, -1), _t = /* @__PURE__ */ E({
+}, cn = /* @__PURE__ */ R("i", null, null, -1), Ct = /* @__PURE__ */ M({
   inheritAttrs: !1,
   name: "XMenuItem",
   __name: "MenuItem",
@@ -165,70 +180,70 @@ const Qo = {
     defaultIcon: { type: [Object, Function] }
   },
   setup(a) {
-    const t = a, e = de(), o = (l) => {
-      if (l)
-        return typeof l == "string" && (e?.appContext.app?.component(l) || t.defaultIcon) || l;
-    }, s = (l) => typeof l == "object" ? l : { value: l }, i = (l = []) => l.filter((u) => !u.hidden);
-    return (l, u) => t.item.children ? (c(), m(n(jt), X({
+    const t = a, e = ve(), o = (c) => {
+      if (c)
+        return typeof c == "string" && (e?.appContext.app?.component(c) || t.defaultIcon) || c;
+    }, l = (c) => typeof c == "object" ? c : { value: c }, s = (c = []) => c.filter((r) => !r.hidden);
+    return (c, r) => t.item.children ? (u(), g(n(Wt), j({
       key: 0,
       disabled: t.item.disabled
     }, t.subMenu, {
       index: String(t.item.id)
     }), {
-      title: p(() => [
-        O("div", Go, [
-          t.item.icon ? (c(), m(n(te), {
+      title: f(() => [
+        R("div", an, [
+          t.item.icon ? (u(), g(n(ae), {
             key: 0,
             icon: o(t.item.icon)
-          }, null, 8, ["icon"])) : v("", !0),
-          t.item.title ? (c(), A("span", Yo, j(t.item.title), 1)) : v("", !0),
-          t.item.badge ? (c(), m(n(Re), X({
+          }, null, 8, ["icon"])) : y("", !0),
+          t.item.title ? (u(), E("span", sn, F(t.item.title), 1)) : y("", !0),
+          t.item.badge ? (u(), g(n(Oe), j({
             key: 2,
             class: "x-menu__badge"
-          }, s(t.item.badge)), {
-            default: p(() => [
-              qo
+          }, l(t.item.badge)), {
+            default: f(() => [
+              ln
             ]),
             _: 1
-          }, 16)) : v("", !0)
+          }, 16)) : y("", !0)
         ])
       ]),
-      default: p(() => [
-        (c(!0), A(Q, null, ie(i(t.item.children), (r) => (c(), m(n(_t), {
-          key: r.id,
-          item: r,
+      default: f(() => [
+        (u(!0), E(Z, null, se(s(t.item.children), (i) => (u(), g(n(Ct), {
+          key: i.id,
+          item: i,
           subMenu: t.subMenu,
           defaultIcon: t.defaultIcon
         }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
       ]),
       _: 1
-    }, 16, ["disabled", "index"])) : (c(), m(n(Nt), {
+    }, 16, ["disabled", "index"])) : (u(), g(n(Lt), {
       key: 1,
       index: String(t.item.id),
       disabled: t.item.disabled
     }, {
-      title: p(() => [
-        t.item.title ? (c(), A("span", en, j(t.item.title), 1)) : v("", !0),
-        t.item.badge ? (c(), m(n(Re), X({
+      title: f(() => [
+        t.item.title ? (u(), E("span", rn, F(t.item.title), 1)) : y("", !0),
+        t.item.badge ? (u(), g(n(Oe), j({
           key: 1,
           class: "x-menu__badge"
-        }, s(t.item.badge)), {
-          default: p(() => [
-            tn
+        }, l(t.item.badge)), {
+          default: f(() => [
+            cn
           ]),
           _: 1
-        }, 16)) : v("", !0)
+        }, 16)) : y("", !0)
       ]),
-      default: p(() => [
-        t.item.icon ? (c(), m(n(te), {
+      default: f(() => [
+        t.item.icon ? (u(), g(n(ae), {
           key: 0,
           icon: o(t.item.icon)
-        }, null, 8, ["icon"])) : v("", !0)
+        }, null, 8, ["icon"])) : y("", !0)
       ]),
       _: 1
     }, 8, ["index", "disabled"]));
   }
-}), ee = /* @__PURE__ */ E({
+}), ne = /* @__PURE__ */ M({
   inheritAttrs: !1,
   name: "XMenu",
   __name: "Menu",
@@ -239,27 +254,27 @@ const Qo = {
   },
   emits: ["select"],
   setup(a, { emit: t }) {
-    const e = a, o = h(() => e.data.filter((l) => !l.hidden)), s = (l, u) => {
-      const r = (d, f = []) => {
-        for (const g of f) {
-          if (g.id.toString() === d.toString())
-            return g;
-          if (g.children?.length) {
-            const S = r(d, g.children);
+    const e = a, o = t, l = h(() => e.data.filter((r) => !r.hidden)), s = (r, i) => {
+      const m = (p, d = []) => {
+        for (const b of d) {
+          if (b.id.toString() === p.toString())
+            return b;
+          if (b.children?.length) {
+            const S = m(p, b.children);
             if (S)
               return S;
           }
         }
       };
-      return r(u, l);
-    }, i = (l) => {
-      const u = s(o.value, l);
-      u && t("select", u);
+      return m(i, r);
+    }, c = (r) => {
+      const i = s(l.value, r);
+      i && o("select", i);
     };
-    return (l, u) => (c(), m(n(Xt), X({ class: "x-menu" }, l.$attrs, { onSelect: i }), {
-      default: p(() => [
-        (c(!0), A(Q, null, ie(o.value, (r) => (c(), m(n(_t), {
-          item: { ...r, icon: r.icon || n(dt) },
+    return (r, i) => (u(), g(n(Kt), j({ class: "x-menu" }, r.$attrs, { onSelect: c }), {
+      default: f(() => [
+        (u(!0), E(Z, null, se(l.value, (m) => (u(), g(n(Ct), {
+          item: { ...m, icon: m.icon || n(ht) },
           defaultIcon: e.defaultIcon,
           subMenu: e.subMenu
         }, null, 8, ["item", "defaultIcon", "subMenu"]))), 256))
@@ -267,7 +282,7 @@ const Qo = {
       _: 1
     }, 16));
   }
-}), on = { class: "x-simple-mask__brand" }, nn = { class: "x-simple-mask__aciton" }, an = /* @__PURE__ */ E({
+}), un = { class: "x-simple-mask__brand" }, dn = { class: "x-simple-mask__aciton" }, pn = /* @__PURE__ */ M({
   name: "XSimpleMask",
   __name: "SimpleMask",
   props: {
@@ -279,53 +294,53 @@ const Qo = {
     menu: {}
   },
   setup(a, { expose: t }) {
-    const e = a, o = Ie(), s = Ue(), i = h(() => s.params.id), l = () => {
-      const r = e.project.home;
-      r && o.push(r);
-    }, u = (r) => {
-      const d = r?.id;
-      if (d) {
-        const g = `${e.preview ? "/preview" : e.project.page}/${d}`;
-        o.push(g);
+    const e = a, o = Ae(), l = Le(), s = h(() => l.params.id), c = () => {
+      const i = e.project.home;
+      i && o.push(i);
+    }, r = (i) => {
+      const m = i?.id;
+      if (m) {
+        const d = `${e.preview ? "/preview" : e.project.page}/${m}`;
+        o.push(d);
       }
     };
     return t({
-      goHome: l
-    }), (r, d) => (c(), m(n(Ge), { class: "x-simple-mask" }, {
-      default: p(() => [
-        k(n(Ut), { class: "x-simple-mask__header" }, {
-          default: p(() => [
-            O("div", on, [
-              O("span", {
+      goHome: c
+    }), (i, m) => (u(), g(n(et), { class: "x-simple-mask" }, {
+      default: f(() => [
+        k(n(Qt), { class: "x-simple-mask__header" }, {
+          default: f(() => [
+            R("div", un, [
+              R("span", {
                 class: "x-simple-mask__logo",
-                onClick: l
+                onClick: c
               }, [
-                z(r.$slots, "logo", {}, () => [
-                  N(j(e.project.name), 1)
+                _(i.$slots, "logo", {}, () => [
+                  N(F(e.project.name), 1)
                 ])
               ])
             ]),
-            O("div", nn, [
-              z(r.$slots, "action")
+            R("div", dn, [
+              _(i.$slots, "action")
             ])
           ]),
           _: 3
         }),
-        k(n(Ge), null, {
-          default: p(() => [
-            k(n(Ht), { class: "x-simple-mask__aside" }, {
-              default: p(() => [
-                k(n(ee), X(e.menu, {
-                  "default-active": i.value,
-                  onSelect: u
+        k(n(et), null, {
+          default: f(() => [
+            k(n(Zt), { class: "x-simple-mask__aside" }, {
+              default: f(() => [
+                k(n(ne), j(e.menu, {
+                  "default-active": s.value,
+                  onSelect: r
                 }), null, 16, ["default-active"])
               ]),
               _: 1
             }),
-            k(n(Wt), { class: "x-simple-mask__main" }, {
-              default: p(() => [
-                z(r.$slots, "default", {}, () => [
-                  k(n(gt))
+            k(n(Jt), { class: "x-simple-mask__main" }, {
+              default: f(() => [
+                _(i.$slots, "default", {}, () => [
+                  k(n(kt))
                 ])
               ]),
               _: 3
@@ -333,21 +348,21 @@ const Qo = {
           ]),
           _: 3
         }),
-        r.$slots.footer ? (c(), m(n(Lt), {
+        i.$slots.footer ? (u(), g(n(Gt), {
           key: 0,
           class: "x-simple-mask__footer",
           height: "40px"
         }, {
-          default: p(() => [
-            z(r.$slots, "footer")
+          default: f(() => [
+            _(i.$slots, "footer")
           ]),
           _: 3
-        })) : v("", !0)
+        })) : y("", !0)
       ]),
       _: 3
     }));
   }
-}), kt = {
+}), Tt = {
   /**
    * 动作名称标识
    */
@@ -443,21 +458,21 @@ const Qo = {
     type: Boolean
   }
 };
-function sn(a) {
+function mn(a) {
   return h(() => {
     const t = a.tooltip;
     if (t)
       return typeof t == "string" ? { content: t } : t;
   });
 }
-function ln(a) {
+function fn(a) {
   return h(() => {
     const t = a.badge;
     if (t)
       return typeof t == "object" ? t : { value: t };
   });
 }
-function rn(a) {
+function gn(a) {
   return h(() => {
     const { dropdown: t, menus: e } = a;
     if (e && e.length > 0)
@@ -467,12 +482,12 @@ function rn(a) {
       );
   });
 }
-function cn(a) {
-  const t = de();
+function yn(a) {
+  const t = ve();
   return h(() => {
     const e = n(a);
     if (e)
-      if (typeof e == "string" || e.setup || e.render || $t(e)) {
+      if (typeof e == "string" || e.setup || e.render || jt(e)) {
         const o = t?.appContext.app;
         return {
           icon: typeof e == "string" && o?.component(e) || e
@@ -482,93 +497,93 @@ function cn(a) {
     return null;
   });
 }
-function Ee(a) {
-  const t = cn(a);
-  return t.value ? ve(E({ render: () => q(te, t.value) })) : null;
+function he(a) {
+  const t = yn(a);
+  return t.value ? be(M({ render: () => te(ae, t.value) })) : null;
 }
-function Le(a, t) {
+function Ze(a, t) {
   return h(() => {
     const e = n(a);
     return typeof e == "function" ? e(t) : !!e;
   });
 }
-const un = { key: 0 }, dn = /* @__PURE__ */ E({
+const hn = { key: 0 }, vn = /* @__PURE__ */ M({
   __name: "Trigger",
-  props: kt,
+  props: Tt,
   emits: ["click"],
   setup(a, { emit: t }) {
-    const e = a, o = Ee(ze(e, "icon")), s = Le(ze(e, "disabled")), i = h(() => ({
+    const e = a, o = t, l = he(Be(e, "icon")), s = Ze(Be(e, "disabled")), c = h(() => ({
       [`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
-    })), l = () => {
-      t("click");
+    })), r = () => {
+      o("click");
     };
-    return (u, r) => e.mode === "button" ? (c(), m(n(le), X({
+    return (i, m) => e.mode === "button" ? (u(), g(n(de), j({
       key: 0,
-      icon: n(o),
+      icon: n(l),
       type: e.type,
       size: e.size,
       disabled: n(s)
-    }, e.button, { onClick: l }), {
-      default: p(() => [
-        N(j(u.label), 1)
+    }, e.button, { onClick: r }), {
+      default: f(() => [
+        N(F(i.label), 1)
       ]),
       _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (c(), A("div", {
+    }, 16, ["icon", "type", "size", "disabled"])) : (u(), E("div", {
       key: 1,
-      class: W(["x-action__inner", i.value]),
-      onClick: l
+      class: Q(["x-action__inner", c.value]),
+      onClick: r
     }, [
-      (c(), m(L(n(o)))),
-      u.label ? (c(), A("span", un, j(u.label), 1)) : v("", !0)
+      (u(), g(W(n(l)))),
+      i.label ? (u(), E("span", hn, F(i.label), 1)) : y("", !0)
     ], 2));
   }
-}), J = /* @__PURE__ */ E({
+}), Y = /* @__PURE__ */ M({
   name: "XAction",
   __name: "Action",
-  props: kt,
+  props: Tt,
   emits: ["click", "command"],
   setup(a, { emit: t }) {
-    const e = a, o = Vt(), s = sn(e), i = ln(e), l = rn(e), u = Le(ze(e, "disabled")), r = h(() => ({
+    const e = a, o = Nt(), l = t, s = mn(e), c = fn(e), r = gn(e), i = Ze(Be(e, "disabled")), m = h(() => ({
       [`x-action--${e.mode}`]: !!e.mode
-    })), d = () => {
-      t("click", e);
-    }, f = (_) => {
-      const T = e.menus?.find((V) => V.command === _);
-      T && t("command", T);
-    }, g = (_) => q(Re, i.value, () => [].concat(_)), S = (_) => q(
-      Kt,
-      { ...l.value, disabled: u.value, onCommand: f },
+    })), p = () => {
+      l("click", pe(e));
+    }, d = (x) => {
+      const T = e.menus?.find((v) => v.command === x);
+      T && l("command", pe(T));
+    }, b = (x) => te(Oe, c.value, () => [].concat(x)), S = (x) => te(
+      Yt,
+      { ...r.value, disabled: i.value, onCommand: d },
       {
-        default: () => [_],
+        default: () => [x],
         dropdown: () => [
-          q(
-            Qt,
-            () => (e.menus || []).map((T) => q(
-              Zt,
+          te(
+            qt,
+            () => (e.menus || []).map((T) => te(
+              eo,
               T,
               () => o.item ? o.item({ item: T }) : T.label
             ))
           )
         ]
       }
-    ), $ = (_) => q(ct, { ...s.value, disabled: u.value }, () => [
-      _
-    ]), w = h(() => {
-      let _ = o.default ? o.default()[0] : q(ve(dn), { ...e, onClick: d });
-      return i.value && (_ = g(_)), l.value && (_ = S(_)), s.value && (_ = $(_)), _;
+    ), w = (x) => te(ft, { ...s.value, disabled: i.value }, () => [
+      x
+    ]), V = h(() => {
+      let x = o.default ? o.default()[0] : te(be(vn), { ...e, onClick: p });
+      return c.value && (x = b(x)), r.value && (x = S(x)), s.value && (x = w(x)), x;
     });
-    return (_, T) => (c(), A("div", {
-      class: W(["x-action", r.value])
+    return (x, T) => (u(), E("div", {
+      class: Q(["x-action", m.value])
     }, [
-      (c(), m(L(w.value)))
+      (u(), g(W(V.value)))
     ], 2));
   }
-}), pn = {
+}), bn = {
   /**
    * 动作项
    */
@@ -639,38 +654,38 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   button: {
     type: Object
   }
-}, Ke = /* @__PURE__ */ E({
+}, Ve = /* @__PURE__ */ M({
   name: "XActionBar",
   __name: "ActionBar",
-  props: pn,
+  props: bn,
   emits: ["click", "command"],
   setup(a, { emit: t }) {
-    const e = a, o = h(() => (e.items || []).map((l) => l === "|" ? l : {
-      ...l,
-      badge: l.badge ? {
+    const e = a, o = t, l = h(() => (e.items || []).map((r) => r === "|" ? r : {
+      ...r,
+      badge: r.badge ? {
         ...e.badge,
-        ...typeof l.badge == "object" ? l.badge || {} : { value: l.badge }
+        ...typeof r.badge == "object" ? r.badge || {} : { value: r.badge }
       } : void 0,
-      tooltip: l.tooltip ? {
+      tooltip: r.tooltip ? {
         ...e.tooltip,
-        ...typeof l.tooltip == "object" ? l.tooltip || {} : { content: l.tooltip }
+        ...typeof r.tooltip == "object" ? r.tooltip || {} : { content: r.tooltip }
       } : void 0
-    })), s = (l) => {
-      t("click", l);
-    }, i = (l, u) => {
-      t("command", l, u);
+    })), s = (r) => {
+      o("click", r);
+    }, c = (r, i) => {
+      o("command", r, i);
     };
-    return (l, u) => (c(), m(n(I), {
+    return (r, i) => (u(), g(n($), {
       class: "x-action-bar",
       align: "center"
     }, {
-      default: p(() => [
-        (c(!0), A(Q, null, ie(o.value, (r) => (c(), A(Q, null, [
-          r === "|" ? (c(), m(n(ge), {
+      default: f(() => [
+        (u(!0), E(Z, null, se(l.value, (m) => (u(), E(Z, null, [
+          m === "|" ? (u(), g(n(xe), {
             key: 0,
             direction: "vertical",
             class: "x-action-bar__divider"
-          })) : (c(), m(n(J), X({
+          })) : (u(), g(n(Y), j({
             key: 1,
             mode: e.mode,
             size: e.size,
@@ -679,17 +694,17 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
             background: e.background,
             button: e.button,
             dropdown: e.dropdown,
-            disabled: n(Le)(e.disabled, r).value
-          }, r, {
+            disabled: n(Ze)(e.disabled, m).value
+          }, m, {
             onClick: s,
-            onCommand: (d) => i(r, d)
+            onCommand: (p) => c(m, p)
           }), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
         ], 64))), 256))
       ]),
       _: 1
     }));
   }
-}), fn = {
+}), _n = {
   /**
    * 组件渲染html标签
    */
@@ -797,18 +812,22 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   padding: {
     type: Boolean,
     default: !1
+  },
+  // 嵌套子组件加间隔
+  gap: {
+    type: Boolean
   }
-}, I = /* @__PURE__ */ E({
+}, $ = /* @__PURE__ */ M({
   name: "XContainer",
   __name: "Container",
-  props: fn,
+  props: _n,
   setup(a) {
-    const t = a, e = de(), o = h(() => {
-      const l = e?.parent;
-      if (!l)
+    const t = a, e = Ue(), o = ve(), l = h(() => {
+      const r = o?.parent;
+      if (!r)
         return !1;
-      const u = l.proxy;
-      return u.$options.name === "XContainer" || !!u.flex;
+      const i = r.proxy;
+      return i.$options.name === "XContainer" || !!i.flex;
     }), s = h(() => ({
       "is-fit": t.fit,
       "is-flex": t.flex && !t.inline,
@@ -818,29 +837,31 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
       [`is-justify-${t.justify}`]: t.flex && t.justify !== "flex-start",
       [`is-align-${t.align}`]: t.flex && t.align !== "flex-start",
       [`is-align-content-${t.alignContent}`]: t.flex && t.alignContent !== "stretch",
-      "is-grow": t.grow ?? o.value,
-      "is-shrink": o.value && t.shrink,
-      [`is-align-self-${t.alignSelf}`]: o.value && t.alignSelf !== "auto",
+      "is-grow": t.grow ?? l.value,
+      "is-shrink": l.value && t.shrink,
+      [`is-align-self-${t.alignSelf}`]: l.value && t.alignSelf !== "auto",
       [`is-overflow-${t.overflow}`]: !!t.overflow,
-      "is-padding": !!t.padding
-    })), i = h(() => {
-      const { width: l, height: u, fit: r } = t;
-      return r ? null : {
-        width: l ? je(l) : void 0,
-        height: u ? je(u) : void 0
+      "is-padding": !!t.padding,
+      "is-pointer": !!e.onClick,
+      "is-gap": !!t.gap
+    })), c = h(() => {
+      const { width: r, height: i, fit: m } = t;
+      return m ? null : {
+        width: r ? oe(r) : void 0,
+        height: i ? oe(i) : void 0
       };
     });
-    return (l, u) => (c(), m(L(t.tag), {
-      class: W(["x-container", s.value]),
-      style: Ce(i.value)
+    return (r, i) => (u(), g(W(t.tag), {
+      class: Q(["x-container", s.value]),
+      style: ue(c.value)
     }, {
-      default: p(() => [
-        z(l.$slots, "default")
+      default: f(() => [
+        _(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), mn = {
+}), kn = {
   size: {
     type: String,
     default: "default"
@@ -861,65 +882,65 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   more: {
     type: Boolean
   }
-}, gn = {
+}, wn = {
   key: 2,
   class: "x-header__subtitle"
-}, yn = {
+}, xn = {
   key: 0,
   class: "x-header__actions"
-}, wt = /* @__PURE__ */ E({
+}, Et = /* @__PURE__ */ M({
   name: "XHeader",
   inheritAttrs: !1,
   __name: "Header",
-  props: mn,
+  props: kn,
   setup(a) {
-    const t = a, e = st(), o = Ee(ze(t, "icon")), s = h(() => ({
+    const t = a, e = Ue(), o = he(Be(t, "icon")), l = h(() => ({
       [`is-size-${t.size}`]: !!t.size && t.size !== "default",
       "is-border": t.border,
       "is-pointer": !!e.onClick
     }));
-    return (i, l) => (c(), m(n(I), {
-      class: W(["x-header", s.value]),
+    return (s, c) => (u(), g(n($), {
+      class: Q(["x-header", l.value]),
       justify: "space-between",
       align: "center"
     }, {
-      default: p(() => [
-        k(n(I), {
+      default: f(() => [
+        k(n($), {
           align: "center",
-          class: W(["x-header__wrapper", s.value]),
+          class: Q(["x-header__wrapper", l.value]),
           grow: ""
         }, {
-          default: p(() => [
-            n(o) ? (c(), m(L(n(o)), {
+          default: f(() => [
+            n(o) ? (u(), g(W(n(o)), {
               key: 0,
               class: "x-header__icon"
-            })) : v("", !0),
-            O("span", X({ class: "x-header__content" }, i.$attrs), [
-              z(i.$slots, "default", {}, () => [
-                N(j(t.content), 1)
+            })) : y("", !0),
+            R("span", j({ class: "x-header__content" }, s.$attrs), [
+              _(s.$slots, "default", {}, () => [
+                N(F(t.content), 1)
               ])
             ], 16),
-            t.more ? (c(), m(n(te), {
+            t.more ? (u(), g(n(ae), {
               key: 1,
               class: "x-header__more",
-              icon: n(ho)
-            }, null, 8, ["icon"])) : v("", !0),
-            t.subtitle || i.$slots.subtitle ? (c(), A("span", gn, [
-              z(i.$slots, "subtitle", {}, () => [
-                N(j(t.subtitle), 1)
+              icon: n(wo)
+            }, null, 8, ["icon"])) : y("", !0),
+            t.subtitle || s.$slots.subtitle ? (u(), E("span", wn, [
+              _(s.$slots, "subtitle", {}, () => [
+                N(F(t.subtitle), 1)
               ])
-            ])) : v("", !0)
+            ])) : y("", !0)
           ]),
           _: 3
         }, 8, ["class"]),
-        i.$slots.actions ? (c(), A("div", yn, [
-          z(i.$slots, "actions")
-        ])) : v("", !0)
+        s.$slots.actions ? (u(), E("div", xn, [
+          _(s.$slots, "actions")
+        ])) : y("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), hn = {
+}), Sn = {
   /**
    * 宽高自适应
    */
@@ -991,88 +1012,88 @@ const un = { key: 0 }, dn = /* @__PURE__ */ E({
   footer: {
     type: Object
   }
-}, xt = /* @__PURE__ */ E({
+}, Mt = /* @__PURE__ */ M({
   name: "XPanel",
   __name: "Panel",
-  props: hn,
+  props: Sn,
   setup(a, { expose: t }) {
-    const e = a, o = P(), s = h(() => ({
+    const e = a, o = D(), l = h(() => ({
       "x-panel--card": !!e.card,
       "x-panel--default": !e.card,
       [`is-${e.size}`]: !!e.size && e.size !== "default",
       "is-border": !!e.border,
       "is-radius": !!e.radius,
       [`is-shadow-${e.shadow}`]: !!e.shadow && e.shadow !== "none"
-    })), i = h(() => e.header === null ? null : typeof e.header == "string" ? {
+    })), s = h(() => e.header === null ? null : typeof e.header == "string" ? {
       content: e.header,
       size: e.size
     } : {
       ...e.header,
       size: e.size
-    }), l = h(() => e.fit || e.height ? "auto" : void 0);
+    }), c = h(() => e.fit || e.height ? "auto" : void 0);
     return t({
       bodyRef: o
-    }), (u, r) => (c(), m(n(I), {
-      class: W(["x-panel", s.value]),
+    }), (r, i) => (u(), g(n($), {
+      class: Q(["x-panel", l.value]),
       direction: "column",
       fit: e.fit,
       width: e.width,
       height: e.height
     }, {
-      default: p(() => [
-        i.value ? (c(), m(n(I), {
+      default: f(() => [
+        s.value ? (u(), g(n($), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
         }, {
-          default: p(() => [
-            z(u.$slots, "header", {}, () => [
-              k(n(wt), Me(Be(i.value)), {
-                default: p(() => [
-                  z(u.$slots, "title")
+          default: f(() => [
+            _(r.$slots, "header", {}, () => [
+              k(n(Et), ce(ge(s.value)), {
+                default: f(() => [
+                  _(r.$slots, "title")
                 ]),
-                actions: p(() => [
-                  z(u.$slots, "actions")
+                actions: f(() => [
+                  _(r.$slots, "actions")
                 ]),
                 _: 3
               }, 16)
             ])
           ]),
           _: 3
-        })) : v("", !0),
-        k(n(I), X({
+        })) : y("", !0),
+        k(n($), j({
           ref_key: "bodyRef",
           ref: o,
           flex: !1,
-          overflow: l.value,
+          overflow: c.value,
           grow: "",
           padding: "",
           class: "x-panel__body"
         }, e.body), {
-          default: p(() => [
-            z(u.$slots, "default")
+          default: f(() => [
+            _(r.$slots, "default")
           ]),
           _: 3
         }, 16, ["overflow"]),
-        u.$slots.footer ? (c(), m(n(I), X({
+        r.$slots.footer ? (u(), g(n($), j({
           key: 1,
           flex: !1,
           padding: "",
           class: "x-panel__footer"
         }, e.footer), {
-          default: p(() => [
-            z(u.$slots, "footer")
+          default: f(() => [
+            _(r.$slots, "footer")
           ]),
           _: 3
-        }, 16)) : v("", !0)
+        }, 16)) : y("", !0)
       ]),
       _: 3
     }, 8, ["class", "fit", "width", "height"]));
   }
-}), tt = "user-select-none";
-class ot {
+}), st = "user-select-none";
+class lt {
   constructor(t, e = {}) {
-    this.el = t, this.options = e, this.scope = lt(), this.scope.run(() => {
+    this.el = t, this.options = e, this.scope = ct(), this.scope.run(() => {
       this.init();
     });
   }
@@ -1087,158 +1108,158 @@ class ot {
     return typeof t == "string" ? document.querySelector(t) : n(t) || document.body;
   }
   init() {
-    const { el: t, options: e } = this, { disabled: o, delay: s = 150, onStart: i, onEnd: l } = e;
+    const { el: t, options: e } = this, { disabled: o, delay: l = 150, onStart: s, onEnd: c } = e;
     if (o)
       return;
-    let u = null;
-    const r = this.getHandle(), d = this.getTarget();
-    let f = t.getBoundingClientRect(), g = null;
-    const { x: S, y: $ } = $o(t, {
-      initialValue: { x: f.x, y: f.y },
+    let r = null;
+    const i = this.getHandle(), m = this.getTarget();
+    let p = t.getBoundingClientRect(), d = null;
+    const { x: b, y: S } = Fo(t, {
+      initialValue: { x: p.x, y: p.y },
       ...e,
-      handle: r,
-      onStart: (w, _) => {
-        document.body.classList.add(tt), clearTimeout(u), u = setTimeout(() => {
-          this.dragging = !0, f = t.getBoundingClientRect(), g = d?.getBoundingClientRect(), i && i(w, _);
-        }, s);
+      handle: i,
+      onStart: (w, V) => {
+        document.body.classList.add(st), clearTimeout(r), r = setTimeout(() => {
+          this.dragging = !0, p = t.getBoundingClientRect(), d = m?.getBoundingClientRect(), s && s(w, V);
+        }, l);
       },
-      onEnd: (w, _) => {
-        if (clearTimeout(u), document.body.classList.remove(tt), this.dragging && g) {
+      onEnd: (w, V) => {
+        if (clearTimeout(r), document.body.classList.remove(st), this.dragging && d) {
           this.dragging = !1;
-          const { x: T, y: V } = w, y = this.getPosition(g, f, T, V);
-          l && l(y, _), g = null;
+          const { x, y: T } = w, v = this.getPosition(d, p, x, T);
+          c && c(v, V), d = null;
         }
       }
     });
-    H([S, $], () => {
-      if (this.dragging && g) {
-        const w = this.getPosition(g, f, S.value, $.value);
+    L([b, S], () => {
+      if (this.dragging && d) {
+        const w = this.getPosition(d, p, b.value, S.value);
         t.style.left = `${w.x}px`, t.style.top = `${w.y}px`;
       }
     });
   }
-  getPosition(t, e, o, s) {
-    const { edge: i = 50 } = this.options, l = -e.width + i, u = t.width - i, r = 0, d = t.height - i, f = Math.min(u, Math.max(o, l)), g = Math.min(d, Math.max(s, r));
+  getPosition(t, e, o, l) {
+    const { edge: s = 50 } = this.options, c = -e.width + s, r = t.width - s, i = 0, m = t.height - s, p = Math.min(r, Math.max(o, c)), d = Math.min(m, Math.max(l, i));
     return {
-      x: f,
-      y: g
+      x: p,
+      y: d
     };
   }
   destory() {
     this.scope.stop();
   }
 }
-const vn = {
+const zn = {
   mounted(a, t) {
-    const e = t.value || {}, o = new ot(a, e);
+    const e = t.value || {}, o = new lt(a, e);
     a.__draggable__ = o;
   },
   updated(a, t) {
     const e = t.value || {};
     let o = a.__draggable__;
-    o && !He(o.options, e) && (o.destory(), a.__draggable__ = new ot(a, e));
+    o && !Ke(o.options, e) && (o.destory(), a.__draggable__ = new lt(a, e));
   },
   unmounted(a) {
     const t = a.__draggable__;
     t && (t.destory(), a.__draggable__ = null);
   }
-}, Pe = "user-select-none";
-class nt {
+}, Fe = "user-select-none";
+class it {
   constructor(t, e = {}) {
-    this.el = t, this.options = e, this.scope = lt(), this.scope.run(() => {
+    this.el = t, this.options = e, this.scope = ct(), this.scope.run(() => {
       this.init();
     });
   }
   scope;
-  resizing = P(!1);
-  direction = P("");
+  resizing = D(!1);
+  direction = D("");
   MIE = null;
   cleanMousedown;
   cleanMouseup;
   init() {
-    const { el: t, options: e } = this, { disabled: o, onStart: s, onEnd: i } = e;
+    const { el: t, options: e } = this, { disabled: o, onStart: l, onEnd: s } = e;
     if (o)
       return;
-    this.MIE = Vo(t), this.cleanMousedown = Te(document, "mousedown", () => {
-      this.direction?.value && this.MIE && (this.resizing.value = !0, t.classList.add("is-resizing", `is-${this.direction.value}-resizing`), s && s(this.direction.value, this.MIE));
-    }), this.cleanMouseup = Te(document, "mouseup", () => {
+    this.MIE = Oo(t), this.cleanMousedown = Ie(document, "mousedown", () => {
+      this.direction?.value && this.MIE && (this.resizing.value = !0, t.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
+    }), this.cleanMouseup = Ie(document, "mouseup", () => {
       this.resizing.value && this.direction?.value && this.MIE && (t.classList.remove(
         "is-resizing",
         `is-${this.direction.value}-resizing`
-      ), i && i(this.direction.value, this.MIE)), this.resizing.value = !1;
-    }), H(this.direction, (r) => {
-      const d = document.body;
-      d.style.cursor = r ? `${r}-resize` : "", r ? d.classList.add(Pe) : d.classList.remove(Pe);
+      ), s && s(this.direction.value, this.MIE)), this.resizing.value = !1;
+    }), L(this.direction, (i) => {
+      const m = document.body;
+      m.style.cursor = i ? `${i}-resize` : "", i ? m.classList.add(Fe) : m.classList.remove(Fe);
     });
-    const { x: l, y: u } = this.MIE;
-    H([l, u], () => {
+    const { x: c, y: r } = this.MIE;
+    L([c, r], () => {
       this.resizing.value ? this.resize() : this.direction.value = this.getDirection();
     });
   }
   resize() {
-    const { MIE: t, direction: e, resizing: o, options: s, el: i } = this, l = e?.value || "";
-    if (!t || !o.value || !l)
+    const { MIE: t, direction: e, resizing: o, options: l, el: s } = this, c = e?.value || "";
+    if (!t || !o.value || !c)
       return;
-    const { x: u, y: r, elementX: d, elementY: f, elementHeight: g, elementWidth: S } = t, { onResizing: $ } = s, {
+    const { x: r, y: i, elementX: m, elementY: p, elementHeight: d, elementWidth: b } = t, { onResizing: S } = l, {
       minWidth: w = 0,
-      minHeight: _ = 0,
-      maxWidth: T = 99999,
-      maxHeight: V = 99999
-    } = s;
-    if (l.includes("e")) {
-      const y = Math.min(Math.max(d.value, w), T);
-      i.style.width = `${y}px`;
+      minHeight: V = 0,
+      maxWidth: x = 99999,
+      maxHeight: T = 99999
+    } = l;
+    if (c.includes("e")) {
+      const v = Math.min(Math.max(m.value, w), x);
+      s.style.width = `${v}px`;
     }
-    if (l.includes("s")) {
-      const y = Math.min(Math.max(f.value, _), V);
-      i.style.height = `${y}px`;
+    if (c.includes("s")) {
+      const v = Math.min(Math.max(p.value, V), T);
+      s.style.height = `${v}px`;
     }
-    if (l.includes("w")) {
-      const y = Math.min(
-        Math.max(S.value - d.value, w),
-        T
+    if (c.includes("w")) {
+      const v = Math.min(
+        Math.max(b.value - m.value, w),
+        x
       );
-      i.style.width = `${y}px`, i.style.left = `${u.value}px`;
+      s.style.width = `${v}px`, s.style.left = `${r.value}px`;
     }
-    if (l.includes("n")) {
-      const y = Math.min(
-        Math.max(g.value - f.value, _),
-        V
+    if (c.includes("n")) {
+      const v = Math.min(
+        Math.max(d.value - p.value, V),
+        T
       );
-      this.el.style.height = `${y}px`, this.el.style.top = `${r.value}px`;
+      this.el.style.height = `${v}px`, this.el.style.top = `${i.value}px`;
     }
-    $ && $(l, t);
+    S && S(c, t);
   }
   getDirection() {
     if (!this.MIE)
       return "";
-    const { elementX: t, elementY: e, elementHeight: o, elementWidth: s, isOutside: i } = this.MIE;
-    if (i.value)
+    const { elementX: t, elementY: e, elementHeight: o, elementWidth: l, isOutside: s } = this.MIE;
+    if (s.value)
       return "";
-    const { dirs: l = ["n", "s", "w", "e"], edge: u = 5 } = this.options;
-    let r = "";
-    return l.includes("n") && e.value <= u ? r += "n" : l.includes("s") && e.value > o.value - u && (r += "s"), l.includes("w") && t.value <= u ? r += "w" : l.includes("e") && t.value > s.value - u && (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 > o.value - r && (i += "s"), c.includes("w") && t.value <= r ? i += "w" : c.includes("e") && t.value > l.value - r && (i += "e"), i;
   }
   destory() {
     const t = document.body;
-    t.style.cursor = "", t.classList.remove(Pe), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
+    t.style.cursor = "", t.classList.remove(Fe), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
   }
 }
-const St = {
+const $t = {
   mounted(a, t) {
-    const e = t.value || {}, o = new nt(a, e);
+    const e = t.value || {}, o = new it(a, e);
     a.__resizable__ = o;
   },
   updated(a, t) {
     const e = t.value || {};
     let o = a.__resizable__;
-    o && !He(o.options, e) && (o.destory(), a.__resizable__ = new nt(a, e));
+    o && !Ke(o.options, e) && (o.destory(), a.__resizable__ = new it(a, e));
   },
   unmounted(a) {
     const t = a.__resizable__;
     t && (t.destory(), a.__resizable__ = null);
   }
-}, bn = {
+}, Cn = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -1323,9 +1344,9 @@ const St = {
     type: Boolean
   }
 };
-let ue = 1e3;
-function _n(a, t) {
-  const { width: e, height: o } = yt(t), s = Ne({
+let fe = 1e3;
+function Tn(a, t) {
+  const { width: e, height: o } = wt(t), l = He({
     mode: a.mode || "normal",
     wrapperWidth: 0,
     wrapperHeight: 0,
@@ -1333,274 +1354,274 @@ function _n(a, t) {
     height: 0,
     top: 0,
     left: 0,
-    zIndex: ++ue,
+    zIndex: ++fe,
     dragging: !1,
     resizing: !1
   });
-  return H([e, o], ([i, l]) => {
-    s.wrapperWidth = i, s.wrapperHeight = l, s.width = _e(a.width, i), s.height = _e(a.height, l), s.left = a.left ? _e(a.left, i) - s.width / 2 : Math.max(Math.floor((i - s.width) / 2), 0), s.top = a.top ? _e(a.top, l) : Math.max(Math.floor((l - s.height) / 2), 0);
-  }), H(s, (i) => {
-    ue = Math.max(i.zIndex, ue);
+  return L([e, o], ([s, c]) => {
+    l.wrapperWidth = s, l.wrapperHeight = c, l.width = Te(a.width, s), l.height = Te(a.height, c), l.left = a.left ? Te(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Te(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
+  }), L(l, (s) => {
+    fe = Math.max(s.zIndex, fe);
   }), {
-    state: s,
-    normal: h(() => s.mode === "normal"),
-    maximized: h(() => s.mode === "maximized"),
-    minimized: h(() => s.mode === "minimized")
+    state: l,
+    normal: h(() => l.mode === "normal"),
+    maximized: h(() => l.mode === "maximized"),
+    minimized: h(() => l.mode === "minimized")
   };
 }
-function kn(a, t) {
+function En(a, t) {
   const e = h(() => {
-    const { width: l, height: u, top: r, left: d, zIndex: f } = t;
+    const { width: c, height: r, top: i, left: m, zIndex: p } = t;
     return {
-      width: `${l}px`,
-      height: `${u}px`,
-      top: `${r}px`,
-      left: `${d}px`,
-      zIndex: f
+      width: `${c}px`,
+      height: `${r}px`,
+      top: `${i}px`,
+      left: `${m}px`,
+      zIndex: p
     };
   }), o = h(() => ({
     [`is-${t.mode}`]: !!t.mode,
     "is-draggable": !!a.draggable,
     "is-resizable": !!a.resizable,
     "is-primary": !!a.primary
-  })), s = h(() => ({
+  })), l = h(() => ({
     [`is-${t.mode}`]: !!t.mode,
     "is-dragging": t.dragging,
     "is-resizing": t.resizing
-  })), i = h(() => ({
+  })), s = h(() => ({
     zIndex: t.zIndex
   }));
   return {
     styles: e,
     classes: o,
-    wrapperClass: s,
-    modalStyle: i
+    wrapperClass: l,
+    modalStyle: s
   };
 }
-function wn(a, t, e) {
-  const o = (f) => {
-    t.mode = f, ["maximized", "minimized", "normal"].includes(f) && e(f), e("modeChange", f);
-  }, s = async () => {
+function Mn(a, t, e) {
+  const o = (p) => {
+    t.mode = p, ["maximized", "minimized", "normal"].includes(p) && e(p), e("modeChange", p);
+  }, l = async () => {
     (!a.beforeClose || await a.beforeClose()) && (e("update:modelValue", !1), e("close"), e("destroy"));
   };
   return {
-    close: s,
+    close: l,
     changeMode: o,
     show: () => o("normal"),
     hide: () => o("minimized"),
     active: () => {
-      t.zIndex = Math.max(t.zIndex, ++ue);
+      t.zIndex = Math.max(t.zIndex, ++fe);
     },
     submit: () => e("submit"),
     cancel: () => {
-      e("cancel"), s();
+      e("cancel"), l();
     }
   };
 }
-function xn(a, t, e, o) {
+function $n(a, t, e, o) {
   return h(() => {
-    const s = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
+    const l = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
     return {
-      ...We(a.draggable) ? a.draggable : {},
-      disabled: s,
+      ...Qe(a.draggable) ? a.draggable : {},
+      disabled: l,
       target: o,
       selector: ".x-panel__header",
-      onStart(i) {
-        t.dragging = !0, t.zIndex = Math.max(t.zIndex, ++ue), e("dragStart", i);
+      onStart(s) {
+        t.dragging = !0, t.zIndex = Math.max(t.zIndex, ++fe), e("dragStart", s);
       },
-      onMove(i) {
-        e("dragging", i);
+      onMove(s) {
+        e("dragging", s);
       },
-      onEnd(i) {
+      onEnd(s) {
         if (t.mode === "maximized")
           return;
-        const { x: l, y: u } = i;
-        t.left = l, t.top = u, t.dragging = !1, e("dragEnd", i);
+        const { x: c, y: r } = s;
+        t.left = c, t.top = r, t.dragging = !1, e("dragEnd", s);
       }
     };
   });
 }
-function Sn(a, t, e) {
+function Bn(a, t, e) {
   return h(() => {
     const o = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
     return {
       minWidth: 200,
       minHeight: 150,
-      ...We(a.resizable) ? a.resizable : {},
+      ...Qe(a.resizable) ? a.resizable : {},
       disabled: o,
       dirs: ["e", "s", "w"],
-      onStart(s, i) {
-        t.resizing = !0, t.zIndex = Math.max(t.zIndex, ++ue), e("resizeStart", s, i);
+      onStart(l, s) {
+        t.resizing = !0, t.zIndex = Math.max(t.zIndex, ++fe), e("resizeStart", l, s);
       },
-      onResizing(s, i) {
-        e("resizing", s, i);
+      onResizing(l, s) {
+        e("resizing", l, s);
       },
-      onEnd(s, i) {
-        t.left = i.elementPositionX.value, t.top = i.elementPositionY.value, t.width = i.elementWidth.value, t.height = i.elementHeight.value, t.resizing = !1, e("resizeEnd", s, i);
+      onEnd(l, s) {
+        t.left = s.elementPositionX.value, t.top = s.elementPositionY.value, t.width = s.elementWidth.value, t.height = s.elementHeight.value, t.resizing = !1, e("resizeEnd", l, s);
       }
     };
   });
 }
-function zn(a, t) {
+function In(a, t) {
   const e = a.componentInstance;
   if (!e)
     return;
   let o = null;
-  return Dt(() => {
-    const s = n(t), i = n(s?.bodyRef);
-    o = e.$el, i && i.$el && i.$el.appendChild(o);
-  }), Pt(() => {
+  return ut(() => {
+    const l = n(t), s = n(l?.bodyRef);
+    o = e.$el, s && s.$el && s.$el.appendChild(o);
+  }), dt(() => {
     o && o.parentNode && o.parentNode.removeChild(o);
   }), {
     componentInstance: e
   };
 }
-const Cn = ["src"], zt = /* @__PURE__ */ E({
+const An = ["src"], Je = /* @__PURE__ */ M({
   name: "XDialog",
   __name: "Dialog",
-  props: bn,
+  props: Cn,
   emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
   setup(a, { expose: t, emit: e }) {
-    const o = a, s = de(), i = P(), l = P(), { state: u, maximized: r, minimized: d, normal: f } = _n(o, i), { styles: g, classes: S, wrapperClass: $, modalStyle: w } = kn(o, u), { changeMode: _, active: T, close: V, show: y, hide: M, submit: b, cancel: D } = wn(
+    const o = a, l = e, s = ve(), c = D(), r = D(), { state: i, maximized: m, minimized: p, normal: d } = Tn(o, c), { styles: b, classes: S, wrapperClass: w, modalStyle: V } = En(o, i), { changeMode: x, active: T, close: v, show: I, hide: A, submit: U, cancel: z } = Mn(
       o,
-      u,
-      e
-    ), R = xn(o, u, e, i), oe = Sn(o, u, e), ne = zn(o, l);
-    it(async () => {
-      o.modelValue && (await ce(), s && e("open", s));
+      i,
+      l
+    ), H = $n(o, i, l, c), X = Bn(o, i, l), le = In(o, r);
+    pt(async () => {
+      o.modelValue && (await me(), s && l("open", s));
     });
-    const ae = h(() => l.value?.$el);
+    const _e = h(() => r.value?.$el);
     return t({
-      $vtjEl: ae,
-      panelRef: l,
-      state: u,
-      maximized: r,
-      minimized: d,
-      changeMode: _,
-      show: y,
-      hide: M,
-      submit: b,
-      cancel: D,
-      componentInstance: ne
-    }), (U, Z) => o.modelValue ? (c(), m(rt, {
+      $vtjEl: _e,
+      panelRef: r,
+      state: i,
+      maximized: m,
+      minimized: p,
+      changeMode: x,
+      show: I,
+      hide: A,
+      submit: U,
+      cancel: z,
+      componentInstance: le
+    }), (K, G) => o.modelValue ? (u(), g(mt, {
       key: 0,
       to: "body"
     }, [
-      O("div", {
+      R("div", {
         ref_key: "wrapper",
-        ref: i,
-        class: W(["x-dialog__wrapper", n($)])
+        ref: c,
+        class: Q(["x-dialog__wrapper", n(w)])
       }, [
-        o.modal ? (c(), A("div", {
+        o.modal ? (u(), E("div", {
           key: 0,
           class: "x-dialog__modal",
-          style: Ce(n(w))
-        }, null, 4)) : v("", !0),
-        K((c(), m(n(xt), {
+          style: ue(n(V))
+        }, null, 4)) : y("", !0),
+        J((u(), g(n(Mt), {
           ref_key: "panelRef",
-          ref: l,
-          class: W(["x-dialog", n(S)]),
+          ref: r,
+          class: Q(["x-dialog", n(S)]),
           card: "",
           shadow: "always",
           header: { icon: o.icon, subtitle: o.subtitle },
           width: "800px",
           height: "600px",
           footer: { justify: "space-between", flex: !0, align: "center" },
-          style: Ce(n(g)),
+          style: ue(n(b)),
           size: o.size,
           body: { padding: o.bodyPadding },
           onClick: n(T)
         }, ye({
-          title: p(() => [
-            N(j(o.title), 1)
+          title: f(() => [
+            N(F(o.title), 1)
           ]),
-          actions: p(() => [
-            z(U.$slots, "actions"),
-            o.minimizable ? (c(), m(n(J), {
+          actions: f(() => [
+            _(K.$slots, "actions"),
+            o.minimizable ? (u(), g(n(Y), {
               key: 0,
-              icon: n(Mo),
+              icon: n(Vo),
               size: o.size,
               mode: "icon",
               type: "primary",
               background: "hover",
-              onClick: Z[0] || (Z[0] = (re) => n(_)("minimized"))
-            }, null, 8, ["icon", "size"])) : v("", !0),
-            o.maximizable ? (c(), A(Q, { key: 1 }, [
-              n(f) ? (c(), m(n(J), {
+              onClick: G[0] || (G[0] = (ie) => n(x)("minimized"))
+            }, null, 8, ["icon", "size"])) : y("", !0),
+            o.maximizable ? (u(), E(Z, { key: 1 }, [
+              n(d) ? (u(), g(n(Y), {
                 key: 1,
-                icon: n(Io),
+                icon: n(Do),
                 size: o.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: Z[2] || (Z[2] = (re) => n(_)("maximized"))
-              }, null, 8, ["icon", "size"])) : (c(), m(n(J), {
+                onClick: G[2] || (G[2] = (ie) => n(x)("maximized"))
+              }, null, 8, ["icon", "size"])) : (u(), g(n(Y), {
                 key: 0,
-                icon: n(Bo),
+                icon: n(Po),
                 size: o.size,
                 mode: "icon",
                 type: "primary",
                 background: "hover",
-                onClick: Z[1] || (Z[1] = (re) => n(_)("normal"))
+                onClick: G[1] || (G[1] = (ie) => n(x)("normal"))
               }, null, 8, ["icon", "size"]))
-            ], 64)) : v("", !0),
-            o.closable ? (c(), m(n(J), {
+            ], 64)) : y("", !0),
+            o.closable ? (u(), g(n(Y), {
               key: 2,
-              icon: n(Ao),
+              icon: n(Ro),
               size: o.size,
               mode: "icon",
               type: "danger",
               background: "hover",
-              onClick: n(V)
-            }, null, 8, ["icon", "size", "onClick"])) : v("", !0)
+              onClick: n(v)
+            }, null, 8, ["icon", "size", "onClick"])) : y("", !0)
           ]),
-          default: p(() => [
-            z(U.$slots, "default", {}, () => [
-              o.content ? (c(), m(L(o.content), { key: 0 })) : v("", !0),
-              o.src ? (c(), A("iframe", {
+          default: f(() => [
+            _(K.$slots, "default", {}, () => [
+              o.content ? (u(), g(W(o.content), { key: 0 })) : y("", !0),
+              o.src ? (u(), E("iframe", {
                 key: 1,
                 src: o.src,
                 class: "x-dialog__frame"
-              }, null, 8, Cn)) : v("", !0)
+              }, null, 8, An)) : y("", !0)
             ])
           ]),
           _: 2
         }, [
-          o.cancel || o.submit || U.$slots.footer || U.$slots.extra || U.$slots.handle ? {
+          o.cancel || o.submit || K.$slots.footer || K.$slots.extra || K.$slots.handle ? {
             name: "footer",
-            fn: p(() => [
-              z(U.$slots, "footer", {}, () => [
-                k(n(I), null, {
-                  default: p(() => [
-                    z(U.$slots, "extra")
+            fn: f(() => [
+              _(K.$slots, "footer", {}, () => [
+                k(n($), { align: "center" }, {
+                  default: f(() => [
+                    _(K.$slots, "extra")
                   ]),
                   _: 3
                 }),
-                k(n(I), null, {
-                  default: p(() => [
-                    z(U.$slots, "handle"),
-                    o.cancel ? (c(), m(n(le), {
+                k(n($), { align: "center" }, {
+                  default: f(() => [
+                    _(K.$slots, "handle"),
+                    o.cancel ? (u(), g(n(de), {
                       key: 0,
                       type: "default",
                       size: o.size,
-                      onClick: n(D)
+                      onClick: n(z)
                     }, {
-                      default: p(() => [
-                        N(j(typeof o.cancel == "string" ? o.cancel : "取消"), 1)
+                      default: f(() => [
+                        N(F(typeof o.cancel == "string" ? o.cancel : "取消"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : v("", !0),
-                    o.submit ? (c(), m(n(le), {
+                    }, 8, ["size", "onClick"])) : y("", !0),
+                    o.submit ? (u(), g(n(de), {
                       key: 1,
                       type: "primary",
                       size: o.size,
-                      onClick: n(b)
+                      onClick: n(U)
                     }, {
-                      default: p(() => [
-                        N(j(typeof o.submit == "string" ? o.cancel : "确定"), 1)
+                      default: f(() => [
+                        N(F(typeof o.submit == "string" ? o.submit : "确定"), 1)
                       ]),
                       _: 1
-                    }, 8, ["size", "onClick"])) : v("", !0)
+                    }, 8, ["size", "onClick"])) : y("", !0)
                   ]),
                   _: 3
                 })
@@ -1609,42 +1630,42 @@ const Cn = ["src"], zt = /* @__PURE__ */ E({
             key: "0"
           } : void 0
         ]), 1032, ["header", "class", "style", "size", "body", "onClick"])), [
-          [n(vn), n(R)],
-          [n(St), n(oe)]
+          [n(zn), n(H)],
+          [n($t), n(X)]
         ])
       ], 2)
-    ])) : v("", !0);
+    ])) : y("", !0);
   }
 });
-function Qe(a, t) {
-  const e = document.createElement("div"), o = k(zt, a);
-  o.appContext = t ?? Qe._context, Ze(o, e);
-  const s = () => {
-    Ze(null, e), e.parentNode?.removeChild(e);
+function Ge(a, t) {
+  const e = document.createElement("div"), o = k(Je, a);
+  o.appContext = t ?? Ge._context, Ye(o, e);
+  const l = () => {
+    Ye(null, e), e.parentNode?.removeChild(e);
   };
   return o.props.onDestroy = () => {
-    s();
+    l();
   }, document.body.appendChild(e), {
     vnode: o,
-    destroy: s
+    destroy: l
   };
 }
-const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -1), En = /* @__PURE__ */ E({
+const Vn = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -1), Pn = /* @__PURE__ */ M({
   __name: "Sidebar",
   props: {
     collapsed: { type: Boolean }
   },
   setup(a) {
     const t = a;
-    return (e, o) => K((c(), m(n(I), {
-      class: W(["x-mask-sidebar", { "is-collapsed": t.collapsed }]),
+    return (e, o) => J((u(), g(n($), {
+      class: Q(["x-mask-sidebar", { "is-collapsed": t.collapsed }]),
       grow: !1,
       flex: "",
       direction: "column"
     }, {
-      default: p(() => [
-        z(e.$slots, "brand"),
-        k(n(I), {
+      default: f(() => [
+        _(e.$slots, "brand"),
+        k(n($), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
           grow: "",
@@ -1652,16 +1673,16 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
           justify: "space-between",
           align: "center"
         }, {
-          default: p(() => [
-            z(e.$slots, "default"),
-            Tn
+          default: f(() => [
+            _(e.$slots, "default"),
+            Vn
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class"])), [
-      [n(St), {
+      [n($t), {
         dirs: ["e"],
         disabled: t.collapsed,
         maxWidth: 500,
@@ -1669,7 +1690,7 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
       }]
     ]);
   }
-}), Mn = /* @__PURE__ */ E({
+}), Dn = /* @__PURE__ */ M({
   __name: "SwitchBar",
   props: {
     collasped: { type: Boolean, default: !1 },
@@ -1682,92 +1703,92 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:favorite"
   ],
   setup(a, { emit: t }) {
-    const e = a, o = P(!1), s = P(""), i = P(!1), l = () => {
-      o.value = !0;
-    }, u = () => {
-      s.value = "", o.value = !1, t("update:keyword", s.value);
-    }, r = () => {
-      t("update:collasped", !e.collasped);
+    const e = a, o = t, l = D(!1), s = D(""), c = D(!1), r = () => {
+      l.value = !0;
+    }, i = () => {
+      s.value = "", l.value = !1, o("update:keyword", s.value);
+    }, m = () => {
+      o("update:collasped", !e.collasped);
+    }, p = () => {
+      o("update:keyword", s.value);
     }, d = () => {
-      t("update:keyword", s.value);
-    }, f = () => {
-      t("update:favorite", i.value);
+      o("update:favorite", c.value);
     };
-    return (g, S) => (c(), m(n(I), {
+    return (b, S) => (u(), g(n($), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
-      default: p(() => [
-        e.collasped ? v("", !0) : (c(), m(n(I), {
+      default: f(() => [
+        e.collasped ? y("", !0) : (u(), g(n($), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
-          default: p(() => [
-            o.value ? v("", !0) : (c(), m(n(Xe), {
+          default: f(() => [
+            l.value ? y("", !0) : (u(), g(n(We), {
               key: 0,
-              modelValue: i.value,
-              "onUpdate:modelValue": S[0] || (S[0] = ($) => i.value = $),
+              modelValue: c.value,
+              "onUpdate:modelValue": S[0] || (S[0] = (w) => c.value = w),
               class: "x-mask-switch-bar__switch",
-              "active-icon": n(pt),
-              "inactive-icon": n(dt),
-              onChange: f
+              "active-icon": n(vt),
+              "inactive-icon": n(ht),
+              onChange: d
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
-            o.value ? (c(), m(n(Fe), {
+            l.value ? (u(), g(n(je), {
               key: 1,
               modelValue: s.value,
-              "onUpdate:modelValue": S[1] || (S[1] = ($) => s.value = $),
+              "onUpdate:modelValue": S[1] || (S[1] = (w) => s.value = w),
               class: "x-mask-switch-bar__input",
               size: "small",
               placeholder: "请输入查询关键字",
-              onInput: d,
-              "prefix-icon": n(Oe)
+              onInput: p,
+              "prefix-icon": n(Xe)
             }, {
-              suffix: p(() => [
-                k(n(te), {
-                  icon: n(ft),
-                  onClick: u
+              suffix: f(() => [
+                k(n(ae), {
+                  icon: n(bt),
+                  onClick: i
                 }, null, 8, ["icon"])
               ]),
               _: 1
-            }, 8, ["modelValue", "prefix-icon"])) : v("", !0)
+            }, 8, ["modelValue", "prefix-icon"])) : y("", !0)
           ]),
           _: 1
         })),
-        k(n(I), {
-          class: W(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
+        k(n($), {
+          class: Q(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
           flex: "",
           align: "center",
           justify: "center"
         }, {
-          default: p(() => [
-            !o.value && !e.collasped ? (c(), m(n(J), {
+          default: f(() => [
+            !l.value && !e.collasped ? (u(), g(n(Y), {
               key: 0,
-              icon: n(Oe),
+              icon: n(Xe),
               mode: "icon",
               background: "hover",
               size: "default",
               circle: "",
-              onClick: l
-            }, null, 8, ["icon"])) : v("", !0),
-            e.collasped ? (c(), m(n(J), {
+              onClick: r
+            }, null, 8, ["icon"])) : y("", !0),
+            e.collasped ? (u(), g(n(Y), {
               key: 1,
-              icon: n(vo),
+              icon: n(xo),
               mode: "icon",
               size: "default",
               background: "hover",
-              onClick: r,
+              onClick: m,
               circle: ""
-            }, null, 8, ["icon"])) : v("", !0),
-            e.collasped ? v("", !0) : (c(), m(n(J), {
+            }, null, 8, ["icon"])) : y("", !0),
+            e.collasped ? y("", !0) : (u(), g(n(Y), {
               key: 2,
-              icon: n(bo),
+              icon: n(So),
               mode: "icon",
               size: "default",
               background: "hover",
               circle: "",
-              onClick: r
+              onClick: m
             }, null, 8, ["icon"]))
           ]),
           _: 1
@@ -1776,7 +1797,7 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }));
   }
-}), Bn = ["src"], In = { key: 0 }, An = /* @__PURE__ */ E({
+}), Rn = ["src"], Fn = { key: 0 }, On = /* @__PURE__ */ M({
   __name: "Brand",
   props: {
     collapsed: { type: Boolean, default: !1 },
@@ -1785,42 +1806,42 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
     url: {}
   },
   setup(a) {
-    const t = a, e = Ie(), o = () => {
+    const t = a, e = Ae(), o = () => {
       t.url && e.push(t.url);
     };
-    return (s, i) => (c(), m(n(I), {
-      class: W(["x-mask-brand", { "is-collapsed": t.collapsed }]),
+    return (l, s) => (u(), g(n($), {
+      class: Q(["x-mask-brand", { "is-collapsed": t.collapsed }]),
       align: "center"
     }, {
-      default: p(() => [
-        k(n(I), {
+      default: f(() => [
+        k(n($), {
           class: "x-mask-brand__logo",
           flex: "",
           justify: "center",
           align: "center",
           onClick: o
         }, {
-          default: p(() => [
-            z(s.$slots, "logo", {}, () => [
-              t.logo ? (c(), A("img", {
+          default: f(() => [
+            _(l.$slots, "logo", {}, () => [
+              t.logo ? (u(), E("img", {
                 key: 0,
                 src: t.logo
-              }, null, 8, Bn)) : v("", !0)
+              }, null, 8, Rn)) : y("", !0)
             ])
           ]),
           _: 3
         }),
-        k(n(I), {
+        k(n($), {
           class: "x-mask-brand__title",
           flex: "",
           align: "center"
         }, {
-          default: p(() => [
-            t.title ? (c(), A("span", In, [
-              z(s.$slots, "title", {}, () => [
-                N(j(t.title), 1)
+          default: f(() => [
+            t.title ? (u(), E("span", Fn, [
+              _(l.$slots, "title", {}, () => [
+                N(F(t.title), 1)
               ])
-            ])) : v("", !0)
+            ])) : y("", !0)
           ]),
           _: 3
         })
@@ -1828,7 +1849,7 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), ke = "__favorites__", we = "__search__", $n = /* @__PURE__ */ E({
+}), Ee = "__favorites__", Me = "__search__", jn = /* @__PURE__ */ M({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1841,47 +1862,47 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   emits: ["select"],
   setup(a, { emit: t }) {
-    const e = a, o = h(() => e.menus || []), s = h(() => String(e.active?.id)), i = h(() => [
+    const e = a, o = h(() => e.menus || []), l = t, s = h(() => String(e.active?.id)), c = h(() => [
       {
-        id: ke,
+        id: Ee,
         title: "收藏",
-        icon: mt,
+        icon: _t,
         children: e.favorites?.length ? e.favorites : [
           {
-            id: ke + "empty",
+            id: Ee + "empty",
             disabled: !0,
             title: "暂无收藏菜单"
           }
         ]
       }
-    ]), l = h(() => {
-      const r = (e.keyword || "").trim(), d = r ? (e.flatMenus || []).filter((f) => f.title?.includes(r)) : [];
+    ]), r = h(() => {
+      const m = (e.keyword || "").trim(), p = m ? (e.flatMenus || []).filter((d) => d.title?.includes(m)) : [];
       return [
         {
-          id: we,
+          id: Me,
           title: "搜索",
-          icon: Oe,
-          children: d?.length ? d : [
+          icon: Xe,
+          children: p?.length ? p : [
             {
-              id: we + "empty",
+              id: Me + "empty",
               disabled: !0,
               title: "查询匹配不到菜单项"
             }
           ]
         }
       ];
-    }), u = (r) => {
-      t("select", r);
+    }), i = (m) => {
+      l("select", m);
     };
-    return (r, d) => (c(), A(Q, null, [
-      K(k(n(I), {
+    return (m, p) => (u(), E(Z, null, [
+      J(k(n($), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
-        default: p(() => [
-          K(k(n(ee), {
+        default: f(() => [
+          J(k(n(ne), {
             subMenu: {
               popperClass: "x-mask-menu-popper",
               teleported: !0,
@@ -1889,45 +1910,45 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
               hideTimeout: 200
             },
             data: o.value,
-            "default-icon": n(se),
+            "default-icon": n(re),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            onSelect: u
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active"]), [
-            [Y, e.collapse]
+            [ee, e.collapse]
           ]),
-          K(k(n(ee), {
+          J(k(n(ne), {
             subMenu: {
               popperClass: "x-mask-menu-popper",
               teleported: !0
             },
             data: o.value,
-            "default-icon": n(se),
+            "default-icon": n(re),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            onSelect: u
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active"]), [
-            [Y, !e.collapse]
+            [ee, !e.collapse]
           ]),
-          o.value.length ? v("", !0) : (c(), m(n(Jt), {
+          o.value.length ? y("", !0) : (u(), g(n(to), {
             key: 0,
             description: "暂无菜单数据"
           }))
         ]),
         _: 1
       }, 512), [
-        [Y, !e.favorite && !e.keyword]
+        [ee, !e.favorite && !e.keyword]
       ]),
-      K(k(n(I), {
+      J(k(n($), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
-        default: p(() => [
-          K(k(n(ee), {
+        default: f(() => [
+          J(k(n(ne), {
             class: "x-mask-menu__favorites",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1935,17 +1956,17 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: i.value,
-            "default-icon": n(se),
+            data: c.value,
+            "default-icon": n(re),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [ke],
-            onSelect: u
+            "default-openeds": [Ee],
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [Y, e.collapse]
+            [ee, e.collapse]
           ]),
-          K(k(n(ee), {
+          J(k(n(ne), {
             class: "x-mask-menu__favorites",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1953,30 +1974,30 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: i.value,
-            "default-icon": n(se),
+            data: c.value,
+            "default-icon": n(re),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [ke],
-            onSelect: u
+            "default-openeds": [Ee],
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [Y, !e.collapse]
+            [ee, !e.collapse]
           ])
         ]),
         _: 1
       }, 512), [
-        [Y, e.favorite && !e.keyword]
+        [ee, e.favorite && !e.keyword]
       ]),
-      e.keyword ? K((c(), m(n(I), {
+      e.keyword ? J((u(), g(n($), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
-        default: p(() => [
-          K(k(n(ee), {
+        default: f(() => [
+          J(k(n(ne), {
             class: "x-mask-menu__search",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1984,17 +2005,17 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: l.value,
-            "default-icon": n(se),
+            data: r.value,
+            "default-icon": n(re),
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [we],
-            onSelect: u
+            "default-openeds": [Me],
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [Y, e.collapse]
+            [ee, e.collapse]
           ]),
-          K(k(n(ee), {
+          J(k(n(ne), {
             class: "x-mask-menu__search",
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -2002,24 +2023,24 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
               showTimeout: 200,
               hideTimeout: 200
             },
-            data: l.value,
-            "default-icon": n(se),
+            data: r.value,
+            "default-icon": n(re),
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [we],
-            onSelect: u
+            "default-openeds": [Me],
+            onSelect: i
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
-            [Y, !e.collapse]
+            [ee, !e.collapse]
           ])
         ]),
         _: 1
       }, 512)), [
-        [Y, !!e.keyword]
-      ]) : v("", !0)
+        [ee, !!e.keyword]
+      ]) : y("", !0)
     ], 64));
   }
-}), Vn = { class: "x-mask-tabs__trigger" }, Dn = { key: 1 }, Pn = ["onDragstart", "onDragend"], Rn = { key: 1 }, Fn = /* @__PURE__ */ E({
+}), Nn = { class: "x-mask-tabs__trigger" }, Xn = { key: 1 }, Un = ["onDragstart", "onDragend"], Hn = { key: 1 }, Wn = /* @__PURE__ */ M({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -2030,62 +2051,62 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   emits: ["click", "remove", "refresh", "toggleFavorite", "dialog"],
   setup(a, { emit: t }) {
-    const e = a, o = (d) => {
-      const f = !!e.favorites.find(
-        (g) => g === d.menu || g.id === d.menu?.id
+    const e = a, o = t, l = (p) => {
+      const d = !!e.favorites.find(
+        (b) => b === p.menu || b.id === p.menu?.id
       );
       return [
         {
-          icon: _o,
+          icon: zo,
           label: "刷新",
           name: "refresh",
-          value: d
+          value: p
         },
         "|",
         {
-          icon: f ? pt : mt,
+          icon: d ? vt : _t,
           label: "收藏",
           name: "favorite",
-          value: d.menu,
-          disabled: !d.menu
+          value: p.menu,
+          disabled: !p.menu
         },
         "|",
         {
-          icon: ko,
+          icon: Co,
           label: "弹窗",
           name: "dialog",
-          value: d
+          value: p
         }
       ];
-    }, s = (d) => {
-      const f = d.paneName;
-      if (f === e.home.id) {
-        t("click", e.home);
+    }, s = (p) => {
+      const d = p.paneName;
+      if (d === e.home.id) {
+        o("click", e.home);
         return;
       }
-      const g = e.tabs.find((S) => S.id === f);
-      g && t("click", g);
-    }, i = (d) => {
-      const f = e.tabs.find((g) => g.id === d);
-      f && t("remove", f);
-    }, l = (d) => {
-      switch (d.name) {
+      const b = e.tabs.find((S) => S.id === d);
+      b && o("click", b);
+    }, c = (p) => {
+      const d = e.tabs.find((b) => b.id === p);
+      d && o("remove", d);
+    }, r = (p) => {
+      switch (p.name) {
         case "refresh":
-          t("refresh", d.value);
+          o("refresh", p.value);
           break;
         case "favorite":
-          t("toggleFavorite", d.value);
+          o("toggleFavorite", p.value);
           break;
         case "dialog":
-          t("dialog", d.value);
+          o("dialog", p.value);
           break;
       }
-    }, u = (d, f) => {
-      f.dataTransfer && (f.dataTransfer.setData("tab", d.id), f.target && f.target.classList.add("is-dagging"));
-    }, r = (d, f) => {
-      f.target && f.target.classList.remove("is-dagging");
+    }, i = (p, d) => {
+      d.dataTransfer && (d.dataTransfer.setData("tab", p.id), d.target && d.target.classList.add("is-dagging"));
+    }, m = (p, d) => {
+      d.target && d.target.classList.remove("is-dagging");
     };
-    return (d, f) => (c(), m(n(I), {
+    return (p, d) => (u(), g(n($), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2094,58 +2115,58 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
       justify: "flex-end",
       direction: "column"
     }, {
-      default: p(() => [
-        k(n(Gt), {
+      default: f(() => [
+        k(n(gt), {
           type: "card",
           "model-value": e.value,
-          onTabRemove: i,
+          onTabRemove: c,
           onTabClick: s
         }, {
-          default: p(() => [
-            e.home ? (c(), m(n(Ye), {
+          default: f(() => [
+            e.home ? (u(), g(n(Ne), {
               key: 0,
               name: e.home.id
             }, {
-              label: p(() => [
-                O("div", Vn, [
-                  e.home.icon ? (c(), m(L(n(Ee)(e.home.icon)), { key: 0 })) : v("", !0),
-                  e.home.title ? (c(), A("span", Dn, j(e.home.title), 1)) : v("", !0)
+              label: f(() => [
+                R("div", Nn, [
+                  e.home.icon ? (u(), g(W(n(he)(e.home.icon)), { key: 0 })) : y("", !0),
+                  e.home.title ? (u(), E("span", Xn, F(e.home.title), 1)) : y("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["name"])) : v("", !0),
-            (c(!0), A(Q, null, ie(e.tabs, (g) => (c(), m(n(Ye), {
-              key: g.id,
-              name: g.id,
+            }, 8, ["name"])) : y("", !0),
+            (u(!0), E(Z, null, se(e.tabs, (b) => (u(), g(n(Ne), {
+              key: b.id,
+              name: b.id,
               lazy: "",
               closable: ""
             }, {
-              label: p(() => [
-                k(n(ut), {
+              label: f(() => [
+                k(n(yt), {
                   "open-delay": 500,
                   placement: "bottom",
                   trigger: "hover",
                   width: "200px",
-                  disabled: g.id !== e.value
+                  disabled: b.id !== e.value
                 }, {
-                  reference: p(() => [
-                    O("div", {
+                  reference: f(() => [
+                    R("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (S) => u(g, S),
-                      onDragend: (S) => r(g, S)
+                      onDragstart: (S) => i(b, S),
+                      onDragend: (S) => m(b, S)
                     }, [
-                      g.icon ? (c(), m(L(n(Ee)(g.icon)), { key: 0 })) : v("", !0),
-                      g.title ? (c(), A("span", Rn, j(g.title), 1)) : v("", !0)
-                    ], 40, Pn)
+                      b.icon ? (u(), g(W(n(he)(b.icon)), { key: 0 })) : y("", !0),
+                      b.title ? (u(), E("span", Hn, F(b.title), 1)) : y("", !0)
+                    ], 40, Un)
                   ]),
-                  default: p(() => [
-                    k(n(Ke), {
-                      items: o(g),
+                  default: f(() => [
+                    k(n(Ve), {
+                      items: l(b),
                       mode: "text",
                       size: "small",
                       type: "info",
-                      onClick: l
+                      onClick: r
                     }, null, 8, ["items"])
                   ]),
                   _: 2
@@ -2160,20 +2181,20 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }, 512));
   }
-}), On = /* @__PURE__ */ E({
+}), Ln = /* @__PURE__ */ M({
   __name: "ThemeSwitch",
   setup(a) {
-    const t = Do();
-    return (e, o) => (c(), m(n(Xe), {
+    const t = jo();
+    return (e, o) => (u(), g(n(We), {
       class: "x-mask-theme-switch",
       modelValue: n(t),
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => xe(t) ? t.value = s : null),
+      "onUpdate:modelValue": o[0] || (o[0] = (l) => $e(t) ? t.value = l : null),
       size: "default",
-      "active-action-icon": n(wo),
-      "inactive-action-icon": n(xo)
+      "active-action-icon": n(To),
+      "inactive-action-icon": n(Eo)
     }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
   }
-}), jn = { class: "x-mask-toolbar__menu-item" }, Nn = /* @__PURE__ */ E({
+}), Kn = { class: "x-mask-toolbar__menu-item" }, Qn = /* @__PURE__ */ M({
   __name: "Toolbar",
   props: {
     tabs: { default: () => [] },
@@ -2189,11 +2210,11 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
     "actionCommand"
   ],
   setup(a, { emit: t }) {
-    const e = a, o = h(() => {
-      const r = e.tabs.map((d, f) => ({
-        divided: f === 0,
-        label: d.title,
-        command: d
+    const e = a, o = t, l = h(() => {
+      const m = e.tabs.map((p, d) => ({
+        divided: d === 0,
+        label: p.title,
+        command: p
       }));
       return [
         {
@@ -2204,106 +2225,106 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
           label: "关闭全部",
           command: "all"
         },
-        ...r
+        ...m
       ];
-    }), s = (r) => {
-      t("closeTab", r.command);
-    }, i = (r) => {
-      switch (r.command) {
+    }), s = (m) => {
+      o("closeTab", m.command);
+    }, c = (m) => {
+      switch (m.command) {
         case "all":
-          t("closeAllTabs");
+          o("closeAllTabs");
           break;
         case "other":
-          t("closeOtherTabs");
+          o("closeOtherTabs");
           break;
         default:
-          t("clickTab", r.command);
+          o("clickTab", m.command);
           break;
       }
-    }, l = (r) => {
-      t("actionClick", r);
-    }, u = (r, d) => {
-      t("actionCommand", r, d);
+    }, r = (m) => {
+      o("actionClick", m);
+    }, i = (m, p) => {
+      o("actionCommand", m, p);
     };
-    return (r, d) => (c(), m(n(I), {
+    return (m, p) => (u(), g(n($), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
-      default: p(() => [
-        k(n(J), {
-          icon: n(So),
-          menus: o.value,
+      default: f(() => [
+        k(n(Y), {
+          icon: n(Mo),
+          menus: l.value,
           dropdown: { size: "small" },
           mode: "icon",
           circle: "",
           background: "hover",
-          onCommand: i
+          onCommand: c
         }, {
-          item: p(({ item: f }) => [
-            O("span", jn, [
-              N(j(f.label) + " ", 1),
-              ["other", "all"].includes(f.command) ? v("", !0) : (c(), m(n(te), {
+          item: f(({ item: d }) => [
+            R("span", Kn, [
+              N(F(d.label) + " ", 1),
+              ["other", "all"].includes(d.command) ? y("", !0) : (u(), g(n(ae), {
                 key: 0,
-                onClick: Rt((g) => s(f), ["stop"]),
-                icon: n(ft)
+                onClick: Xt((b) => s(d), ["stop"]),
+                icon: n(bt)
               }, null, 8, ["onClick", "icon"]))
             ])
           ]),
           _: 1
         }, 8, ["icon", "menus"]),
-        k(n(ge), { direction: "vertical" }),
-        e.actions ? (c(), m(n(Ke), {
+        k(n(xe), { direction: "vertical" }),
+        e.actions ? (u(), g(n(Ve), {
           key: 0,
           circle: "",
           mode: "icon",
           size: "default",
           background: "hover",
-          items: r.actions,
-          onClick: l,
-          onCommand: u
-        }, null, 8, ["items"])) : v("", !0),
-        e.actions ? (c(), m(n(ge), {
+          items: m.actions,
+          onClick: r,
+          onCommand: i
+        }, null, 8, ["items"])) : y("", !0),
+        e.actions ? (u(), g(n(xe), {
           key: 1,
           direction: "vertical"
-        })) : v("", !0),
-        e.theme ? (c(), m(On, { key: 2 })) : v("", !0),
-        e.theme ? (c(), m(n(ge), {
+        })) : y("", !0),
+        e.theme ? (u(), g(Ln, { key: 2 })) : y("", !0),
+        e.theme ? (u(), g(n(xe), {
           key: 3,
           direction: "vertical"
-        })) : v("", !0),
-        z(r.$slots, "default")
+        })) : y("", !0),
+        _(m.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Xn = /* @__PURE__ */ E({
+}), Zn = /* @__PURE__ */ M({
   __name: "Avatar",
   props: {
     avatar: {}
   },
   setup(a) {
     const t = a;
-    return (e, o) => (c(), m(n(ut), {
+    return (e, o) => (u(), g(n(yt), {
       width: 200,
       "popper-class": "x-mask-avatar__popper",
       disabled: !e.$slots.default
     }, {
-      reference: p(() => [
-        k(n(Yt), {
+      reference: f(() => [
+        k(n(oo), {
           class: "x-mask-avatar",
           shape: "circle",
-          icon: n(zo),
+          icon: n($o),
           src: t.avatar,
           size: 26
         }, null, 8, ["icon", "src"])
       ]),
-      default: p(() => [
-        e.$slots.default ? z(e.$slots, "default", { key: 0 }) : v("", !0)
+      default: f(() => [
+        e.$slots.default ? _(e.$slots, "default", { key: 0 }) : y("", !0)
       ]),
       _: 3
     }, 8, ["disabled"]));
   }
-}), at = /* @__PURE__ */ E({
+}), rt = /* @__PURE__ */ M({
   __name: "Content",
   props: {
     createView: { type: Function },
@@ -2311,22 +2332,22 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   setup(a) {
     const t = a;
-    return (e, o) => (c(), m(n(I), {
+    return (e, o) => (u(), g(n($), {
       class: "x-mask__content",
       flex: !1,
       grow: "",
       padding: !1
     }, {
-      default: p(() => [
-        z(e.$slots, "default"),
-        k(n(gt), null, {
-          default: p(({ Component: s, route: i }) => [
-            (c(), m(Ft, {
+      default: f(() => [
+        _(e.$slots, "default"),
+        k(n(kt), null, {
+          default: f(({ Component: l, route: s }) => [
+            (u(), g(Ut, {
               exclude: t.exclude
             }, [
-              s ? (c(), m(L(t.createView(s, i)), {
-                key: i.fullPath
-              })) : v("", !0)
+              l ? (u(), g(W(t.createView(l, s)), {
+                key: s.fullPath
+              })) : y("", !0)
             ], 1032, ["exclude"]))
           ]),
           _: 1
@@ -2335,13 +2356,13 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }));
   }
-}), Un = 140, Hn = {
+}), Jn = 140, Gn = {
   /**
    * 系统logo
    */
   logo: {
     type: String,
-    default: bt
+    default: zt
   },
   /**
    * 系统标题
@@ -2418,382 +2439,382 @@ const Tn = /* @__PURE__ */ O("div", { class: "x-mask-sidebar__helper" }, null, -
   removeFavorite: {
     type: Function
   }
-}, Ct = Symbol(), Tt = Symbol();
-function Wn(a) {
-  const t = P(!1), e = P(""), o = P(!1);
+}, Bt = Symbol(), It = Symbol();
+function Yn(a) {
+  const t = D(!1), e = D(""), o = D(!1);
   return {
     collapsed: t,
     keyword: e,
     favorite: o
   };
 }
-function Ln(a) {
-  const t = ht();
+function qn(a) {
+  const t = xt();
   return h(() => {
     const e = a.home;
     return Object.assign(
-      { id: t, url: "/", name: "MaskHome", icon: Co, closable: !1 },
+      { id: t, url: "/", name: "MaskHome", icon: Bo, closable: !1 },
       typeof e == "string" ? { url: e } : e || {}
     );
   });
 }
-function Et(a, t) {
+function At(a, t) {
   let e = [];
   return a.forEach((o) => {
-    o = t ? t(o) : o, o.children ? e = e.concat(Et(o.children, t)) : e.push(o);
+    o = t ? t(o) : o, o.children ? e = e.concat(At(o.children, t)) : e.push(o);
   }), e;
 }
-function Kn(a, t) {
-  const e = Ie(), o = Je([]), s = Je([]), i = h(() => Et(o.value, a.menuAdapter)), l = h(() => Po(i.value, "id")), u = P(null), r = (w) => {
-    const _ = typeof w == "object" ? w.id : w, T = l.value.get(_);
-    if (!T) {
+function ea(a, t) {
+  const e = Ae(), o = qe([]), l = qe([]), s = h(() => At(o.value, a.menuAdapter)), c = h(() => Xo(s.value, "id")), r = D(null), i = (w) => {
+    const V = typeof w == "object" ? w.id : w, x = c.value.get(V);
+    if (!x) {
       console.warn("找不到菜单", w);
       return;
     }
-    const { type: V = "route", url: y, title: M, icon: b } = T;
-    if (!y) {
-      u.value = T, t("select", T);
+    const { type: T = "route", url: v, title: I, icon: A } = x;
+    if (!v) {
+      r.value = x, t("select", x);
       return;
     }
-    if (V === "route") {
-      Ro(y) || y.startsWith("//") ? window.open(y) : (u.value = T, e.push(y).catch((D) => D));
+    if (T === "route") {
+      Uo(v) || v.startsWith("//") ? window.open(v) : (r.value = x, e.push(v).catch((U) => U));
       return;
     }
-    if (V === "window") {
-      window.open(y);
+    if (T === "window") {
+      window.open(v);
       return;
     }
-    V === "dialog" && Qe({
+    T === "dialog" && Ge({
       resizable: !0,
       bodyPadding: !1,
       width: "80%",
       height: "80%",
-      title: M,
-      icon: b,
-      src: y
+      title: I,
+      icon: A,
+      src: v
     });
-  }, d = async () => {
-    o.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], s.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
-  }, f = (w) => {
-    s.value = [w, ...s.value], a.addFavorite && a.addFavorite(w);
-  }, g = (w) => {
-    s.value = s.value.filter((_) => _.id !== w.id), a.removeFavorite && a.removeFavorite(w);
-  }, S = (w) => !!s.value.find((_) => _ === w || _.id === w.id), $ = (w) => {
-    S(w) ? g(w) : f(w);
+  }, m = async () => {
+    o.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], l.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
+  }, p = (w) => {
+    l.value = [w, ...l.value], a.addFavorite && a.addFavorite(w);
+  }, d = (w) => {
+    l.value = l.value.filter((V) => V.id !== w.id), a.removeFavorite && a.removeFavorite(w);
+  }, b = (w) => !!l.value.find((V) => V === w || V.id === w.id), S = (w) => {
+    b(w) ? d(w) : p(w);
   };
-  return it(d), {
+  return pt(m), {
     menus: o,
-    favorites: s,
-    flatMenus: i,
-    active: u,
-    select: r,
-    toggleFavorite: $
+    favorites: l,
+    flatMenus: s,
+    active: r,
+    select: i,
+    toggleFavorite: S
   };
 }
-function Qn(a, t, e, o, s) {
-  const i = Ue(), l = Ie(), u = {}, r = P([]), d = P(), { width: f } = yt(d), g = h(() => Math.floor(f.value / Un)), S = h(
-    () => r.value.slice(0, g.value).filter((x) => !x.dialog)
-  ), $ = h(() => r.value.slice(g.value)), w = (x) => e.value.find((C) => C.url === x), _ = (x) => i.fullPath === x.url, T = (x) => s.value.id === x ? s.value : r.value.find((C) => C.id === x), V = P(""), y = h(() => T(V.value)), M = (x) => {
-    l.push(x.url).catch((C) => C);
-  }, b = (x) => {
-    V.value = x.id, i.fullPath !== x.url && M(x);
-  }, D = () => {
-    M(s.value);
-  }, R = (x) => {
-    const C = r.value.find((B) => B.url === x.url || B.id === x.id);
-    C ? b(C) : (r.value.unshift(x), b(x));
-  }, oe = async (x) => {
-    const { url: C = i.fullPath, icon: B, title: Ae = "新建标签页" } = x || {}, be = u[C], $e = ht(), Ve = vt(C);
+function ta(a, t, e, o, l) {
+  const s = Le(), c = Ae(), r = {}, i = D([]), m = D(), { width: p } = wt(m), d = h(() => Math.floor(p.value / Jn)), b = h(
+    () => i.value.slice(0, d.value).filter((C) => !C.dialog)
+  ), S = h(() => i.value.slice(d.value)), w = (C) => e.value.find((B) => B.url === C), V = (C) => s.fullPath === C.url, x = (C) => l.value.id === C ? l.value : i.value.find((B) => B.id === C), T = D(""), v = h(() => x(T.value)), I = (C) => {
+    c.push(C.url).catch((B) => B);
+  }, A = (C) => {
+    T.value = C.id, s.fullPath !== C.url && I(C);
+  }, U = () => {
+    I(l.value);
+  }, z = (C) => {
+    const B = i.value.find((P) => P.url === C.url || P.id === C.id);
+    B ? A(B) : (i.value.unshift(C), A(C));
+  }, H = async (C) => {
+    const { url: B = s.fullPath, icon: P, title: ze = "新建标签页" } = C || {}, Ce = r[B], Pe = xt(), De = St(B);
     return {
-      id: $e,
-      name: Ve,
-      url: C,
-      icon: B,
-      title: Ae,
+      id: Pe,
+      name: De,
+      url: B,
+      icon: P,
+      title: ze,
       closable: !0,
-      menu: x,
-      ...be ? await be() : {}
+      menu: C,
+      ...Ce ? await Ce() : {}
     };
-  }, ne = async (x) => {
-    if (await De.confirm("是否关闭页签", "提示", {
+  }, X = async (C) => {
+    if (await Re.confirm("是否关闭页签", "提示", {
       type: "warning"
-    }).catch((B) => !1)) {
-      if (r.value = r.value.filter((B) => B.id !== x.id), V.value === x.id) {
-        const B = r.value[0];
-        M(B || s.value);
+    }).catch((P) => !1)) {
+      if (i.value = i.value.filter((P) => P.id !== C.id), T.value === C.id) {
+        const P = i.value[0];
+        I(P || l.value);
       }
-      return x;
+      return C;
     }
-  }, ae = (x) => {
-    const C = r.value.findIndex((B) => B.id === x.id);
-    if (C >= 0) {
-      const B = r.value[C];
-      r.value.splice(C, 1, Object.assign(B, x));
+  }, le = (C) => {
+    const B = i.value.findIndex((P) => P.id === C.id);
+    if (B >= 0) {
+      const P = i.value[B];
+      i.value.splice(B, 1, Object.assign(P, C));
     }
-  }, U = async () => {
-    if (!await De.confirm("是否关闭全部页签", "提示", {
+  }, _e = async () => {
+    if (!await Re.confirm("是否关闭全部页签", "提示", {
       type: "warning"
-    }).catch((B) => !1))
+    }).catch((P) => !1))
       return;
-    const C = r.value;
-    return r.value = [], b(s.value), C;
-  }, Z = async () => {
-    if (!await De.confirm("是否关闭其他页签", "提示", {
+    const B = i.value;
+    return i.value = [], A(l.value), B;
+  }, K = async () => {
+    if (!await Re.confirm("是否关闭其他页签", "提示", {
       type: "warning"
-    }).catch((B) => !1))
+    }).catch((P) => !1))
       return;
-    const C = r.value.filter((B) => B.id !== V.value);
-    return r.value = r.value.filter((B) => B.id === V.value), C;
-  }, re = (x) => {
-    const C = r.value.filter((B) => B.id !== x.id);
-    r.value = [x, ...C], b(x);
-  }, pe = async () => {
-    await ce();
-    const x = s.value.url === i.fullPath, C = w(i.fullPath);
-    if (x)
-      V.value = s.value.id;
+    const B = i.value.filter((P) => P.id !== T.value);
+    return i.value = i.value.filter((P) => P.id === T.value), B;
+  }, G = (C) => {
+    const B = i.value.filter((P) => P.id !== C.id);
+    i.value = [C, ...B], A(C);
+  }, ie = async () => {
+    await me();
+    const C = l.value.url === s.fullPath, B = w(s.fullPath);
+    if (C)
+      T.value = l.value.id;
     else {
-      const B = await oe(C);
-      R(B);
+      const P = await H(B);
+      z(P);
     }
-    await ce(), o.value = C || null;
+    await me(), o.value = B || null;
   };
-  return H(e, pe), H(i, pe, { immediate: !0 }), he(Ct, u), {
-    tabRef: d,
-    tabs: r,
-    showTabs: S,
-    currentTab: y,
-    changeTab: M,
-    removeTab: ne,
-    updateTab: ae,
-    addTab: R,
-    home: s,
-    tabValue: V,
-    isCurrentTab: _,
-    activeHome: D,
-    activeTab: b,
-    dropdownTabs: $,
-    removeAllTabs: U,
-    removeOtherTabs: Z,
-    moveToShow: re
+  return L(e, ie), L(s, ie, { immediate: !0 }), Se(Bt, r), {
+    tabRef: m,
+    tabs: i,
+    showTabs: b,
+    currentTab: v,
+    changeTab: I,
+    removeTab: X,
+    updateTab: le,
+    addTab: z,
+    home: l,
+    tabValue: T,
+    isCurrentTab: V,
+    activeHome: U,
+    activeTab: A,
+    dropdownTabs: S,
+    removeAllTabs: _e,
+    removeOtherTabs: K,
+    moveToShow: G
   };
 }
-function Zn(a) {
-  const t = /* @__PURE__ */ new Map(), e = P([]), o = Ne({}), s = {}, { updateTab: i, isCurrentTab: l, activeHome: u, tabs: r } = a, d = (y, M) => {
-    const b = M.fullPath;
-    if (t.has(b))
-      return t.get(b);
+function oa(a) {
+  const t = /* @__PURE__ */ new Map(), e = D([]), o = He({}), l = {}, { updateTab: s, isCurrentTab: c, activeHome: r, tabs: i } = a, m = (v, I) => {
+    const A = I.fullPath;
+    if (t.has(A))
+      return t.get(A);
     {
-      const D = vt(b), R = {
-        name: D,
+      const U = St(A), z = {
+        name: U,
         setup() {
-          const oe = h(() => o[b] || document.body), ne = h(() => !o[b]), ae = h(() => !e.value.includes(D));
-          return he(
-            Eo,
-            Se({ ...M })
-          ), () => ae.value ? q(
-            rt,
+          const H = h(() => o[A] || document.body), X = h(() => !o[A]), le = h(() => !e.value.includes(U));
+          return Se(
+            Ao,
+            pe({ ...I })
+          ), () => le.value ? te(
+            mt,
             {
-              to: oe.value,
-              disabled: ne.value
+              to: H.value,
+              disabled: X.value
             },
-            [q(y)]
+            [te(v)]
           ) : null;
         }
       };
-      return t.set(b, R), R;
+      return t.set(A, z), z;
     }
-  }, f = (y) => {
-    y.dialog = void 0, delete o[y.url];
-    const M = s[y.id];
-    M && (M.destroy(), delete s[y.id], i(y));
-  }, g = (y = []) => {
-    y.forEach((M) => {
-      f(M);
+  }, p = (v) => {
+    v.dialog = void 0, delete o[v.url];
+    const I = l[v.id];
+    I && (I.destroy(), delete l[v.id], s(v));
+  }, d = (v = []) => {
+    v.forEach((I) => {
+      p(I);
     });
-  }, S = async (y) => {
-    y.dialog = {
-      ...y.dialog,
+  }, b = async (v) => {
+    v.dialog = {
+      ...v.dialog,
       onMinimized: () => {
-        f(y);
+        p(v);
       },
       onClose: async () => {
-        f(y), r.value = r.value.filter((b) => b.id !== y.id);
+        p(v), i.value = i.value.filter((A) => A.id !== v.id);
       }
-    }, i(y);
-    const M = Qe({
-      title: y.title,
-      icon: y.icon,
+    }, s(v);
+    const I = Ge({
+      title: v.title,
+      icon: v.icon,
       modal: !1,
       resizable: !0,
       draggable: !0,
-      ...y.dialog,
-      onOpen(b) {
-        o[y.url] = b.refs.panelRef?.bodyRef?.$el;
+      ...v.dialog,
+      onOpen(A) {
+        o[v.url] = A.refs.panelRef?.bodyRef?.$el;
       }
     });
-    return await ce(), l(y) && u(), s[y.id] = M, M;
-  }, $ = async (y) => {
-    e.value = [y.name], await ce(), e.value = [];
-  }, w = async (y) => {
-    e.value = y.map((M) => M.name), await ce(), e.value = [];
-  }, _ = (y) => (y.preventDefault(), !1), T = (y) => {
-    if (y.dataTransfer) {
-      const M = y.dataTransfer.getData("tab"), b = r.value.find((D) => D.id === M);
-      if (b) {
-        const { clientX: D, clientY: R } = y;
-        b.dialog = {
-          left: D,
-          top: R
-        }, S(b);
+    return await me(), c(v) && r(), l[v.id] = I, I;
+  }, S = async (v) => {
+    e.value = [v.name], await me(), e.value = [];
+  }, w = async (v) => {
+    e.value = v.map((I) => I.name), await me(), e.value = [];
+  }, V = (v) => (v.preventDefault(), !1), x = (v) => {
+    if (v.dataTransfer) {
+      const I = v.dataTransfer.getData("tab"), A = i.value.find((U) => U.id === I);
+      if (A) {
+        const { clientX: U, clientY: z } = v;
+        A.dialog = {
+          left: U,
+          top: z
+        }, b(A);
       }
     }
-  }, V = (y) => !!o[y];
-  return Te(document, "dragover", _), Te(document, "drop", T), {
-    createView: d,
-    openDialog: S,
-    refresh: $,
+  }, T = (v) => !!o[v];
+  return Ie(document, "dragover", V), Ie(document, "drop", x), {
+    createView: m,
+    openDialog: b,
+    refresh: S,
     exclude: e,
     cleanCache: w,
-    hasDialog: V,
-    closeDialog: f,
-    closeDialogs: g
+    hasDialog: T,
+    closeDialog: p,
+    closeDialogs: d
   };
 }
-const Jn = /* @__PURE__ */ E({
+const na = /* @__PURE__ */ M({
   name: "XMask",
   __name: "Mask",
-  props: Hn,
+  props: Gn,
   emits: ["select", "actionClick", "actionCommand"],
   setup(a, { emit: t }) {
-    const e = a, o = Ln(e), { collapsed: s, keyword: i, favorite: l } = Wn(), { menus: u, favorites: r, flatMenus: d, active: f, select: g, toggleFavorite: S } = Kn(e, t), {
-      tabRef: $,
-      showTabs: w,
-      currentTab: _,
+    const e = a, o = t, l = qn(e), { collapsed: s, keyword: c, favorite: r } = Yn(), { menus: i, favorites: m, flatMenus: p, active: d, select: b, toggleFavorite: S } = ea(e, o), {
+      tabRef: w,
+      showTabs: V,
+      currentTab: x,
       changeTab: T,
-      removeTab: V,
-      tabs: y,
-      updateTab: M,
-      isCurrentTab: b,
-      activeHome: D,
-      removeAllTabs: R,
-      removeOtherTabs: oe,
-      dropdownTabs: ne,
-      moveToShow: ae
-    } = Qn(e, t, d, f, o), { createView: U, openDialog: Z, refresh: re, exclude: pe, cleanCache: x, closeDialogs: C } = Zn({
-      tabs: y,
-      updateTab: M,
-      isCurrentTab: b,
-      activeHome: D
-    }), B = async (F) => {
-      await V(F) && await x([F]);
-    }, Ae = async () => {
-      const F = await R();
-      F && (C(F), await x(F));
-    }, be = async () => {
-      const F = await oe();
-      F && (C(F), await x(F));
-    }, $e = (F) => {
-      t("actionClick", F);
-    }, Ve = (F, G) => {
-      t("actionCommand", F, G);
+      removeTab: v,
+      tabs: I,
+      updateTab: A,
+      isCurrentTab: U,
+      activeHome: z,
+      removeAllTabs: H,
+      removeOtherTabs: X,
+      dropdownTabs: le,
+      moveToShow: _e
+    } = ta(e, o, p, d, l), { createView: K, openDialog: G, refresh: ie, exclude: C, cleanCache: B, closeDialogs: P } = oa({
+      tabs: I,
+      updateTab: A,
+      isCurrentTab: U,
+      activeHome: z
+    }), ze = async (O) => {
+      await v(O) && await B([O]);
+    }, Ce = async () => {
+      const O = await H();
+      O && (P(O), await B(O));
+    }, Pe = async () => {
+      const O = await X();
+      O && (P(O), await B(O));
+    }, De = (O) => {
+      o("actionClick", O);
+    }, Ot = (O, q) => {
+      o("actionCommand", O, q);
     };
-    return he(Tt, {
-      tabs: y,
-      flatMenus: d,
-      favorites: r,
-      updateTab: M,
-      active: f,
-      currentTab: _
-    }), (F, G) => (c(), m(n(I), { class: "x-mask" }, {
-      default: p(() => [
-        e.disabled ? (c(), m(at, {
+    return Se(It, {
+      tabs: I,
+      flatMenus: p,
+      favorites: m,
+      updateTab: A,
+      active: d,
+      currentTab: x
+    }), (O, q) => (u(), g(n($), { class: "x-mask" }, {
+      default: f(() => [
+        e.disabled ? (u(), g(rt, {
           key: 1,
-          createView: n(U),
-          exclude: n(pe)
+          createView: n(K),
+          exclude: n(C)
         }, {
-          default: p(() => [
-            F.$slots.default ? z(F.$slots, "default", { key: 0 }) : v("", !0)
+          default: f(() => [
+            O.$slots.default ? _(O.$slots, "default", { key: 0 }) : y("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (c(), A(Q, { key: 0 }, [
-          k(En, { collapsed: n(s) }, {
-            brand: p(() => [
-              k(An, {
+        }, 8, ["createView", "exclude"])) : (u(), E(Z, { key: 0 }, [
+          k(Pn, { collapsed: n(s) }, {
+            brand: f(() => [
+              k(On, {
                 logo: e.logo,
                 title: e.title,
-                url: n(o).url,
+                url: n(l).url,
                 collapsed: n(s)
               }, null, 8, ["logo", "title", "url", "collapsed"])
             ]),
-            default: p(() => [
-              k(Mn, {
+            default: f(() => [
+              k(Dn, {
                 collasped: n(s),
-                "onUpdate:collasped": G[0] || (G[0] = (fe) => xe(s) ? s.value = fe : null),
-                favorite: n(l),
-                "onUpdate:favorite": G[1] || (G[1] = (fe) => xe(l) ? l.value = fe : null),
-                keyword: n(i),
-                "onUpdate:keyword": G[2] || (G[2] = (fe) => xe(i) ? i.value = fe : null)
+                "onUpdate:collasped": q[0] || (q[0] = (ke) => $e(s) ? s.value = ke : null),
+                favorite: n(r),
+                "onUpdate:favorite": q[1] || (q[1] = (ke) => $e(r) ? r.value = ke : null),
+                keyword: n(c),
+                "onUpdate:keyword": q[2] || (q[2] = (ke) => $e(c) ? c.value = ke : null)
               }, null, 8, ["collasped", "favorite", "keyword"]),
-              k($n, {
+              k(jn, {
                 collapse: n(s),
-                keyword: n(i),
-                favorite: n(l),
-                favorites: n(r),
-                flatMenus: n(d),
-                menus: n(u),
-                active: n(f),
-                onSelect: n(g)
+                keyword: n(c),
+                favorite: n(r),
+                favorites: n(m),
+                flatMenus: n(p),
+                menus: n(i),
+                active: n(d),
+                onSelect: n(b)
               }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
             ]),
             _: 1
           }, 8, ["collapsed"]),
-          k(n(I), {
+          k(n($), {
             class: "x-mask__main",
             grow: "",
             shrink: "",
             flex: "",
             direction: "column"
           }, {
-            default: p(() => [
-              k(n(I), {
+            default: f(() => [
+              k(n($), {
                 class: "x-mask-topbar",
                 justify: "space-between",
                 align: "center"
               }, {
-                default: p(() => [
-                  k(Fn, {
+                default: f(() => [
+                  k(Wn, {
                     ref_key: "tabRef",
-                    ref: $,
-                    favorites: n(r),
-                    tabs: n(w),
-                    home: n(o),
-                    value: n(_)?.id,
+                    ref: w,
+                    favorites: n(m),
+                    tabs: n(V),
+                    home: n(l),
+                    value: n(x)?.id,
                     onClick: n(T),
                     onToggleFavorite: n(S),
-                    onRemove: B,
-                    onDialog: n(Z),
-                    onRefresh: n(re)
+                    onRemove: ze,
+                    onDialog: n(G),
+                    onRefresh: n(ie)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
-                  k(Nn, {
-                    tabs: n(ne),
+                  k(Qn, {
+                    tabs: n(le),
                     actions: e.actions,
                     theme: e.theme,
-                    onCloseOtherTabs: be,
-                    onCloseAllTabs: Ae,
-                    onCloseTab: B,
-                    onClickTab: n(ae),
-                    onActionClick: $e,
-                    onActionCommand: Ve
+                    onCloseOtherTabs: Pe,
+                    onCloseAllTabs: Ce,
+                    onCloseTab: ze,
+                    onClickTab: n(_e),
+                    onActionClick: De,
+                    onActionCommand: Ot
                   }, {
-                    default: p(() => [
-                      k(Xn, {
+                    default: f(() => [
+                      k(Zn, {
                         avatar: e.avatar
                       }, ye({ _: 2 }, [
-                        F.$slots.user ? {
+                        O.$slots.user ? {
                           name: "default",
-                          fn: p(() => [
-                            z(F.$slots, "user")
+                          fn: f(() => [
+                            _(O.$slots, "user")
                           ]),
                           key: "0"
                         } : void 0
@@ -2804,12 +2825,12 @@ const Jn = /* @__PURE__ */ E({
                 ]),
                 _: 3
               }),
-              k(at, {
-                createView: n(U),
-                exclude: n(pe)
+              k(rt, {
+                createView: n(K),
+                exclude: n(C)
               }, {
-                default: p(() => [
-                  F.$slots.default ? z(F.$slots, "default", { key: 0 }) : v("", !0)
+                default: f(() => [
+                  O.$slots.default ? _(O.$slots, "default", { key: 0 }) : y("", !0)
                 ]),
                 _: 3
               }, 8, ["createView", "exclude"])
@@ -2822,33 +2843,33 @@ const Jn = /* @__PURE__ */ E({
     }));
   }
 });
-function ya(a = {}) {
-  const t = Ue(), e = me(Ct, null), o = me(Tt, null);
+function Ra(a = {}) {
+  const t = Le(), e = we(Bt, null), o = we(It, null);
   if (e) {
-    const i = typeof a == "function" ? a : async () => a;
-    e[t.fullPath] = i;
+    const s = typeof a == "function" ? a : async () => a;
+    e[t.fullPath] = s;
   }
   return {
-    tab: h(() => o ? o.tabs.value.find((i) => i.url === t.fullPath) : null),
+    tab: h(() => o ? o.tabs.value.find((s) => s.url === t.fullPath) : null),
     mask: o
   };
 }
-const Gn = /* @__PURE__ */ E({
+const aa = /* @__PURE__ */ M({
   __name: "SelectEditor",
   props: {
     options: { default: () => [] }
   },
   setup(a) {
     const t = a;
-    return (e, o) => (c(), m(n(qt), Me(Be(e.$attrs)), {
-      default: p(() => [
-        (c(!0), A(Q, null, ie(t.options, (s, i) => (c(), m(n(eo), X({
-          key: `item_${i}_${s.value}`
-        }, s), ye({ _: 2 }, [
+    return (e, o) => (u(), g(n(no), ce(ge(e.$attrs)), {
+      default: f(() => [
+        (u(!0), E(Z, null, se(t.options, (l, s) => (u(), g(n(ao), j({
+          key: `item_${s}_${l.value}`
+        }, l), ye({ _: 2 }, [
           e.$slots.option ? {
             name: "default",
-            fn: p(() => [
-              z(e.$slots, "option", { option: s })
+            fn: f(() => [
+              _(e.$slots, "option", { option: l })
             ]),
             key: "0"
           } : void 0
@@ -2857,7 +2878,7 @@ const Gn = /* @__PURE__ */ E({
       _: 3
     }, 16));
   }
-}), Yn = /* @__PURE__ */ E({
+}), sa = /* @__PURE__ */ M({
   __name: "CheckboxEditor",
   props: {
     options: { default: () => [] },
@@ -2865,16 +2886,16 @@ const Gn = /* @__PURE__ */ E({
   },
   setup(a) {
     const t = a, e = h(
-      () => ve(t.button ? to : oo)
+      () => be(t.button ? so : lo)
     );
-    return (o, s) => (c(), m(n(no), Me(Be(o.$attrs)), {
-      default: p(() => [
-        (c(!0), A(Q, null, ie(t.options, (i, l) => (c(), m(L(e.value), {
-          key: `item_${l}_${i.value}`,
-          label: i.value
+    return (o, l) => (u(), g(n(io), ce(ge(o.$attrs)), {
+      default: f(() => [
+        (u(!0), E(Z, null, se(t.options, (s, c) => (u(), g(W(e.value), {
+          key: `item_${c}_${s.value}`,
+          label: s.value
         }, {
-          default: p(() => [
-            N(j(i.label), 1)
+          default: f(() => [
+            N(F(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label"]))), 128))
@@ -2882,7 +2903,7 @@ const Gn = /* @__PURE__ */ E({
       _: 1
     }, 16));
   }
-}), qn = /* @__PURE__ */ E({
+}), la = /* @__PURE__ */ M({
   __name: "RadioEditor",
   props: {
     options: { default: () => [] },
@@ -2890,16 +2911,16 @@ const Gn = /* @__PURE__ */ E({
   },
   setup(a) {
     const t = a, e = h(
-      () => ve(t.button ? ao : so)
+      () => be(t.button ? ro : co)
     );
-    return (o, s) => (c(), m(n(lo), Me(Be(o.$attrs)), {
-      default: p(() => [
-        (c(!0), A(Q, null, ie(t.options, (i, l) => (c(), m(L(e.value), {
-          key: `item_${l}_${i.value}`,
-          label: i.value
+    return (o, l) => (u(), g(n(uo), ce(ge(o.$attrs)), {
+      default: f(() => [
+        (u(!0), E(Z, null, se(t.options, (s, c) => (u(), g(W(e.value), {
+          key: `item_${c}_${s.value}`,
+          label: s.value
         }, {
-          default: p(() => [
-            N(j(i.label), 1)
+          default: f(() => [
+            N(F(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label"]))), 128))
@@ -2907,7 +2928,7 @@ const Gn = /* @__PURE__ */ E({
       _: 1
     }, 16));
   }
-}), Mt = {
+}), Vt = {
   none: {
     component: "div",
     props: {
@@ -2915,14 +2936,14 @@ const Gn = /* @__PURE__ */ E({
     }
   },
   text: {
-    component: Fe,
+    component: je,
     props: {
       clearable: !0
     },
     defaultValue: ""
   },
   textarea: {
-    component: Fe,
+    component: je,
     props: {
       type: "textarea",
       rows: 2
@@ -2930,55 +2951,55 @@ const Gn = /* @__PURE__ */ E({
     defaultValue: ""
   },
   select: {
-    component: Gn,
+    component: aa,
     props: {
       clearable: !0
     }
   },
   checkbox: {
-    component: Yn,
+    component: sa,
     props: {},
     defaultValue: []
   },
   radio: {
-    component: qn,
+    component: la,
     props: {}
   },
   number: {
-    component: io,
+    component: po,
     props: {}
   },
   date: {
-    component: qe,
+    component: tt,
     props: {}
   },
   time: {
-    component: ro,
+    component: mo,
     props: {}
   },
   datetime: {
-    component: qe,
+    component: tt,
     props: {
       type: "datetime"
     }
   },
   switch: {
-    component: Xe,
+    component: We,
     props: {}
   },
   rate: {
-    component: co,
+    component: fo,
     props: {}
   },
   slider: {
-    component: uo,
+    component: go,
     props: {}
   },
   cascader: {
-    component: po,
+    component: yo,
     props: {}
   }
-}, ea = {
+}, ia = {
   /**
    * 字段名称
    */
@@ -3010,7 +3031,7 @@ const Gn = /* @__PURE__ */ E({
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default(a) {
-      return Mt[a.editor]?.defaultValue;
+      return Vt[a.editor]?.defaultValue;
     }
   },
   /**
@@ -3074,19 +3095,19 @@ const Gn = /* @__PURE__ */ E({
     type: [String, Array]
   }
 };
-async function ta(a, t) {
+async function ra(a, t) {
   const e = a.options;
   return e ? typeof e == "function" ? await e(t) || [] : e : [];
 }
-function oa(a, t, e, o, s) {
-  const i = P([]), l = h(() => !o || !s ? {} : Fo(a.cascader).reduce((d, f) => (d[f] = s[f], d), {}));
-  return H(
-    l,
-    async (r) => {
+function ca(a, t, e, o, l) {
+  const s = D([]), c = h(() => !o || !l ? {} : Ho(a.cascader).reduce((m, p) => (m[p] = l[p], m), {}));
+  return L(
+    c,
+    async (i) => {
       if (e.value) {
-        i.value = await ta(a, r);
-        const d = o?.exposed?.reset;
-        d && a.name && d(a.name);
+        s.value = await ra(a, i);
+        const m = o?.exposed?.reset;
+        m && a.name && m(a.name);
       }
     },
     {
@@ -3095,81 +3116,84 @@ function oa(a, t, e, o, s) {
   ), {
     editor: h(() => {
       const {
-        editor: r = "text",
-        placeholder: d,
-        label: f = "...",
-        disabled: g,
-        readonly: S
-      } = a, $ = {
+        editor: i = "text",
+        placeholder: m,
+        label: p = "...",
+        disabled: d,
+        readonly: b
+      } = a, S = {
         ...a.props,
-        placeholder: d || (d === null ? void 0 : `请输入${f}`),
-        disabled: g,
-        readonly: S,
-        options: i.value,
+        placeholder: m || (m === null ? void 0 : `请输入${p}`),
+        disabled: d,
+        readonly: b,
+        options: s.value,
         onFocus: () => t("focus"),
         onBlur: () => t("blur"),
-        onChange: (_) => t("change", _)
-      }, w = typeof r == "string" ? Mt[r] : {
-        component: r,
+        onChange: (V) => t("change", V)
+      }, w = typeof i == "string" ? Vt[i] : {
+        component: i,
         props: {}
       };
-      return Oo({}, w, {
-        props: $
+      return Wo({}, w, {
+        props: S
       });
     })
   };
 }
-const Bt = /* @__PURE__ */ E({
+const ua = { class: "x-field__editor_wrap" }, Pt = /* @__PURE__ */ M({
   name: "XField",
   __name: "Field",
-  props: ea,
+  props: ia,
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(a, { expose: t, emit: e }) {
-    const o = a, s = me(It, null), i = me(fo, null), l = me(At, null), u = h(() => !s?.proxy || !l ? o.visible : typeof o.visible == "function" ? o.visible(l) : We(o.visible) ? Object.entries(o.visible).every(([D, R]) => l[D] === R) : o.visible), r = () => s?.proxy && l && o.name ? l[o.name] ?? o.modelValue : o.modelValue, d = P(r()), { editor: f } = oa(
+    const o = a, l = e, s = we(Dt, null), c = we(ho, null), r = we(Rt, null), i = h(() => !s?.proxy || !r ? o.visible : typeof o.visible == "function" ? o.visible(r) : Qe(o.visible) ? Object.entries(o.visible).every(([H, X]) => r[H] === X) : o.visible), m = () => s?.proxy && r && o.name ? r[o.name] ?? o.modelValue : o.modelValue, p = D(m()), { editor: d } = ca(
       o,
-      e,
-      u,
+      l,
+      i,
       s,
-      l
-    ), g = P(), S = P(), $ = h(
-      () => o.size || i?.size || "default"
-    ), w = h(() => ({
+      r
+    ), b = D(), S = D(), w = h(
+      () => o.size || c?.size || "default"
+    ), V = h(() => Object.assign(
+      {},
+      typeof o.tooltipMessage == "boolean" ? {} : o.tooltipMessage
+    )), x = h(() => ({
       [`is-tooltip-${o.tooltipPosition}`]: !!o.tooltipPosition
-    })), _ = h(() => {
-      const b = s?.proxy;
+    })), T = h(() => {
+      const z = s?.proxy;
       return {
-        width: o.width ? je(o.width) : b && b.inline && b.inlineColumns ? `${100 / b.inlineColumns}%` : null
+        width: o.width ? oe(o.width) : z && z.inline && z.inlineColumns ? `${100 / z.inlineColumns}%` : null
       };
-    }), T = h(() => ({
+    }), v = h(() => ({
       right: typeof o.tooltipPosition == "number" ? `${o.tooltipPosition}px` : void 0
-    })), V = h(() => ({
-      ...f.value.props,
-      modelValue: d.value,
-      "onUpdate:modelValue": (b) => {
-        d.value = b;
+    })), I = h(() => ({
+      ...d.value.props,
+      modelValue: p.value,
+      "onUpdate:modelValue": (z) => {
+        p.value = z;
       }
     }));
-    return H(d, (b, D) => {
-      u.value && !He(b, D) && (e("update:modelValue", b), s?.proxy && l && o.name && (l[o.name] = b));
-    }), H(
-      () => !s?.proxy || !o.name || !l ? o.modelValue : l[o.name] ?? o.modelValue,
-      (b) => {
-        u.value && (d.value = b);
+    return L(p, (z, H) => {
+      i.value && !Ke(z, H) && (l("update:modelValue", z), s?.proxy && r && o.name && ot(r, o.name, z));
+    }), L(
+      () => !s?.proxy || !o.name || !r ? o.modelValue : r[o.name] ?? o.modelValue,
+      (z) => {
+        i.value && (p.value = z);
       },
       {
         immediate: !0
       }
-    ), H(
-      u,
-      (b) => {
-        s?.proxy && l && o.name && (b ? (d.value = r(), l[o.name] = d.value) : (d.value = void 0, delete l[o.name]));
+    ), L(
+      i,
+      (z) => {
+        s?.proxy && r && o.name && (z ? (p.value = m(), ot(r, o.name, p.value)) : (p.value = void 0, delete r[o.name]));
       },
       {
         immediate: !0
       }
     ), t({
-      fieldValue: d,
-      itemRef: g,
+      fieldValue: p,
+      itemRef: b,
       editorRef: S,
       focus: () => {
         S.value?.focus && S.value.focus();
@@ -3177,68 +3201,71 @@ const Bt = /* @__PURE__ */ E({
       blur: () => {
         S.value?.foucs && S.value.blur();
       }
-    }), (b, D) => u.value ? (c(), m(n(mo), X({
+    }), (z, H) => i.value ? (u(), g(n(vo), j({
       key: 0,
-      class: ["x-field", w.value],
+      class: ["x-field", x.value],
       ref_key: "itemRef",
-      ref: g,
+      ref: b,
       prop: o.name,
-      label: b.label,
-      size: $.value,
-      style: _.value
-    }, b.$attrs), ye({
-      error: p(({ error: R }) => [
-        z(b.$slots, "error", { error: R }, () => [
-          o.tooltipMessage ? (c(), A("div", {
+      label: z.label,
+      size: w.value,
+      style: T.value
+    }, z.$attrs), ye({
+      error: f(({ error: X }) => [
+        _(z.$slots, "error", { error: X }, () => [
+          o.tooltipMessage ? (u(), E("div", {
             key: 0,
             class: "x-field__info",
-            style: Ce(T.value)
+            style: ue(v.value)
           }, [
-            k(n(ct), X({ content: R }, o.tooltipMessage), {
-              default: p(() => [
-                k(n(te), {
+            k(n(ft), j({ content: X }, V.value), {
+              default: f(() => [
+                k(n(ae), {
                   class: "x-field__trigger",
-                  icon: n(To),
-                  size: $.value
+                  icon: n(Io),
+                  size: w.value
                 }, null, 8, ["icon", "size"])
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : v("", !0)
+          ], 4)) : y("", !0)
         ])
       ]),
-      default: p(() => [
-        z(b.$slots, "editor", { editor: V.value }, () => [
-          n(f).component ? (c(), m(L(n(f).component), X({
-            key: 0,
-            class: "x-field__editor",
-            ref_key: "editorRef",
-            ref: S,
-            modelValue: d.value,
-            "onUpdate:modelValue": D[0] || (D[0] = (R) => d.value = R)
-          }, n(f).props), ye({ _: 2 }, [
-            b.$slots.option ? {
-              name: "option",
-              fn: p(({ option: R }) => [
-                z(b.$slots, "option", { option: R })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["modelValue"])) : v("", !0)
-        ])
+      default: f(() => [
+        R("div", ua, [
+          _(z.$slots, "editor", { editor: I.value }, () => [
+            n(d).component ? (u(), g(W(n(d).component), j({
+              key: 0,
+              class: "x-field__editor",
+              ref_key: "editorRef",
+              ref: S,
+              modelValue: p.value,
+              "onUpdate:modelValue": H[0] || (H[0] = (X) => p.value = X)
+            }, n(d).props), ye({ _: 2 }, [
+              z.$slots.option ? {
+                name: "option",
+                fn: f(({ option: X }) => [
+                  _(z.$slots, "option", { option: X })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["modelValue"])) : y("", !0)
+          ])
+        ]),
+        _(z.$slots, "default")
       ]),
       _: 2
     }, [
-      b.$slots.label ? {
+      z.$slots.label ? {
         name: "label",
-        fn: p(() => [
-          z(b.$slots, "label")
+        fn: f(() => [
+          _(z.$slots, "label")
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["prop", "label", "size", "class", "style"])) : v("", !0);
+    ]), 1040, ["prop", "label", "size", "class", "style"])) : y("", !0);
   }
-}), na = {
+}), da = {
   /**
    * 表单模型
    */
@@ -3287,142 +3314,512 @@ const Bt = /* @__PURE__ */ E({
   submitMethod: {
     type: Function
   }
-}, It = Symbol("formInstanceKey"), At = Symbol("formModelKey"), ha = /* @__PURE__ */ E({
+}, Dt = Symbol("formInstanceKey"), Rt = Symbol("formModelKey"), Ft = /* @__PURE__ */ M({
   name: "XForm",
   __name: "Form",
-  props: na,
+  props: da,
   emits: ["change", "submit", "reset"],
   setup(a, { expose: t, emit: e }) {
-    const o = a, s = de(), i = P(), l = Ne(o.model || {}), u = P(!1);
-    he(It, s), he(At, l), H(l, () => {
-      e("change", Se(l));
-    }), H(
+    const o = a, l = e, s = ve(), c = D(), r = He(o.model || {}), i = D(!1);
+    Se(Dt, s), Se(Rt, r), L(r, () => {
+      l("change", pe(r));
+    }), L(
       () => o.model,
-      (f) => {
-        Object.assign(l, f);
+      (d) => {
+        Object.assign(r, d);
       },
       { deep: !0 }
     );
-    const r = async () => {
-      await i.value.validate().catch((g) => g) && o.model && (e("submit", Se(l)), o.submitMethod && (u.value = !0, await o.submitMethod(Se(l)), u.value = !1));
-    }, d = (f) => {
-      i.value.resetFields(f), e("reset");
+    const m = async () => {
+      await c.value.validate().catch((b) => b) && o.model && (l("submit", pe(r)), o.submitMethod && (i.value = !0, await o.submitMethod(pe(r)), i.value = !1));
+    }, p = (d) => {
+      c.value.resetFields(d), l("reset");
     };
     return t({
-      formRef: i,
-      model: l,
-      submit: r,
-      reset: d
-    }), (f, g) => (c(), m(n(go), X({
+      formRef: c,
+      model: r,
+      submit: m,
+      reset: p
+    }), (d, b) => (u(), g(n(bo), j({
       ref_key: "formRef",
-      ref: i,
+      ref: c,
       class: "x-form",
       inline: o.inline,
-      model: l
-    }, f.$attrs), {
-      default: p(() => [
-        z(f.$slots, "default"),
-        o.footer ? (c(), m(n(Bt), {
+      model: r
+    }, d.$attrs), {
+      default: f(() => [
+        _(d.$slots, "default"),
+        o.footer ? (u(), g(n(Pt), {
           key: 0,
           editor: "none",
           class: "x-form__footer",
           label: " "
         }, {
-          editor: p(() => [
-            o.submitText ? (c(), m(n(le), {
+          editor: f(() => [
+            _(d.$slots, "footer", {}, () => [
+              o.submitText ? (u(), g(n(de), {
+                key: 0,
+                loading: i.value,
+                type: "primary",
+                onClick: m
+              }, {
+                default: f(() => [
+                  N(F(o.submitText), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])) : y("", !0),
+              o.resetText ? (u(), g(n(de), {
+                key: 1,
+                type: "default",
+                onClick: b[0] || (b[0] = () => p())
+              }, {
+                default: f(() => [
+                  N(F(o.resetText), 1)
+                ]),
+                _: 1
+              })) : y("", !0),
+              _(d.$slots, "action")
+            ])
+          ]),
+          _: 3
+        })) : y("", !0)
+      ]),
+      _: 3
+    }, 16, ["inline", "model"]));
+  }
+}), pa = {
+  modelValue: {
+    type: Boolean,
+    default: !0
+  },
+  size: {
+    type: String
+  },
+  formProps: {
+    type: Object
+  },
+  submit: {
+    type: [Boolean, String],
+    default: "确定"
+  },
+  cancel: {
+    type: [Boolean, String],
+    default: "取消"
+  },
+  /**
+   * 表单模型
+   */
+  model: {
+    type: Object,
+    default() {
+      return /* @__PURE__ */ Object.create(null);
+    }
+  },
+  rules: {
+    type: Object
+  },
+  /**
+   * 表单提交处理方法, return true 关闭弹窗
+   */
+  submitMethod: {
+    type: Function
+  }
+}, ma = /* @__PURE__ */ M({
+  name: "XDialogForm",
+  __name: "DialogForm",
+  props: pa,
+  emits: ["update:modelValue", "submit", "close"],
+  setup(a, { expose: t, emit: e }) {
+    const o = a, l = e, s = D(), c = D(), r = h(() => c.value?.$vtjEl), i = () => {
+      s.value?.submit();
+    }, m = () => {
+      l("update:modelValue", !1), l("close");
+    }, p = async (d) => {
+      l("submit", d), o.submitMethod ? await o.submitMethod(d) && m() : m();
+    };
+    return t({
+      $vtjEl: r,
+      formRef: s,
+      dialogRef: c
+    }), (d, b) => (u(), g(n(Je), j({
+      ref_key: "dialogRef",
+      ref: c,
+      "model-value": o.modelValue,
+      submit: o.submit,
+      cancel: o.cancel,
+      size: o.size,
+      onSubmit: i,
+      onClose: m,
+      minimizable: !1,
+      maximizable: !1
+    }, d.$attrs), ye({
+      default: f(() => [
+        k(n(Ft), j({
+          ref_key: "formRef",
+          ref: s,
+          footer: !1,
+          "label-width": "80px",
+          size: o.size,
+          model: o.model,
+          rules: o.rules,
+          "submit-method": p
+        }, o.formProps), {
+          default: f(() => [
+            _(d.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["size", "model", "rules"])
+      ]),
+      _: 2
+    }, [
+      d.$slots.extra ? {
+        name: "extra",
+        fn: f(() => [
+          _(d.$slots, "extra")
+        ]),
+        key: "0"
+      } : void 0,
+      d.$slots.handle ? {
+        name: "handle",
+        fn: f(() => [
+          _(d.$slots, "handle")
+        ]),
+        key: "1"
+      } : void 0,
+      d.$slots.footer ? {
+        name: "footer",
+        fn: f(() => [
+          _(d.$slots, "footer")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["model-value", "submit", "cancel", "size"]));
+  }
+}), fa = {
+  items: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  border: {
+    type: Boolean
+  }
+}, ga = /* @__PURE__ */ M({
+  name: "XTabs",
+  __name: "Tabs",
+  props: fa,
+  setup(a) {
+    const t = a, e = (l) => {
+      const { label: s, name: c, value: r, disabled: i, closable: m, lazy: p } = l;
+      return {
+        label: s,
+        name: r ?? c,
+        disabled: i,
+        closable: m,
+        lazy: p
+      };
+    }, o = h(() => ({
+      "is-no-border": !t.border
+    }));
+    return (l, s) => (u(), g(n(gt), j({
+      class: ["x-tabs", o.value]
+    }, l.$attrs), {
+      default: f(() => [
+        (u(!0), E(Z, null, se(t.items, (c) => (u(), g(n(Ne), j({
+          key: c.value ?? c.name
+        }, e(c)), {
+          label: f(() => [
+            _(l.$slots, "label", ce(ge(c)), () => [
+              c.icon ? (u(), g(W(n(he)(c.icon)), {
+                key: 0,
+                class: "x-tabs__icon"
+              })) : y("", !0),
+              N(" " + F(c.label), 1)
+            ])
+          ]),
+          default: f(() => [
+            _(l.$slots, "default", ce(ge(c)), () => [
+              c.component ? (u(), g(W(c.component), ce(j({ key: 0 }, c.props)), null, 16)) : y("", !0)
+            ])
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ya = {
+  direction: {
+    type: String,
+    default: "column"
+  },
+  imageSrc: {
+    type: String
+  },
+  imageWidth: {
+    type: [Number, String]
+  },
+  imageHeight: {
+    type: [Number, String]
+  },
+  icon: {
+    type: [String, Object]
+  },
+  title: {
+    type: String
+  },
+  description: {
+    type: String
+  },
+  actions: {
+    type: Array
+  },
+  actionBarProps: {
+    type: Object
+  },
+  split: {
+    type: Boolean
+  },
+  onImageClick: {
+    type: Function
+  },
+  onTitleClick: {
+    type: Function
+  }
+}, ha = { class: "x-data-item__title" }, va = {
+  key: 1,
+  class: "x-data-item__section x-data-item__desc"
+}, ba = {
+  key: 2,
+  class: "x-data-item__section x-data-item__extra"
+}, _a = {
+  key: 3,
+  class: "x-data-item__section x-data-item__actions"
+}, ka = /* @__PURE__ */ M({
+  name: "XDataItem",
+  __name: "DataItem",
+  props: ya,
+  emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
+  setup(a, { emit: t }) {
+    const e = a, o = t, l = h(() => {
+      const { imageWidth: d, imageHeight: b } = e;
+      return {
+        width: d ? oe(d) : void 0,
+        height: b ? oe(b) : void 0
+      };
+    }), s = h(() => ({
+      [`is-image-${e.direction}`]: !!e.direction,
+      "is-split": !!e.split
+    })), c = h(() => ({
+      size: "small",
+      mode: "text",
+      justify: "flex-end",
+      type: "info",
+      items: e.actions,
+      ...e.actionBarProps
+    })), r = () => o("imageClick"), i = () => o("titleClick"), m = (d) => o("actionClick", d), p = (d, b) => o("actionCommand", d, b);
+    return (d, b) => (u(), g(n($), {
+      class: Q(["x-data-item", s.value]),
+      direction: e.direction
+    }, {
+      default: f(() => [
+        e.imageSrc || d.$slots.image ? (u(), g(n($), {
+          key: 0,
+          class: "x-data-item__img",
+          onClick: e.onImageClick ? r : void 0
+        }, {
+          default: f(() => [
+            _(d.$slots, "image", {}, () => [
+              e.imageSrc ? (u(), g(n(_o), {
+                key: 0,
+                style: ue(l.value),
+                src: e.imageSrc
+              }, null, 8, ["style", "src"])) : y("", !0)
+            ])
+          ]),
+          _: 3
+        }, 8, ["onClick"])) : y("", !0),
+        k(n($), {
+          class: "x-data-item__content",
+          direction: "column",
+          grow: "",
+          shrink: ""
+        }, {
+          default: f(() => [
+            e.title || d.$slots.title ? (u(), g(n($), {
               key: 0,
-              loading: u.value,
-              type: "primary",
-              onClick: r
-            }, {
-              default: p(() => [
-                N(j(o.submitText), 1)
-              ]),
-              _: 1
-            }, 8, ["loading"])) : v("", !0),
-            o.resetText ? (c(), m(n(le), {
-              key: 1,
-              type: "default",
-              onClick: g[0] || (g[0] = () => d())
+              class: "x-data-item__section x-data-item__wrapper",
+              align: "center",
+              onClick: e.onTitleClick ? i : void 0
             }, {
-              default: p(() => [
-                N(j(o.resetText), 1)
+              default: f(() => [
+                e.icon ? (u(), g(W(n(he)(e.icon)), {
+                  key: 0,
+                  class: "x-data-item__icon"
+                })) : y("", !0),
+                R("span", ha, [
+                  _(d.$slots, "title", {}, () => [
+                    N(F(e.title), 1)
+                  ])
+                ])
               ]),
-              _: 1
-            })) : v("", !0)
-          ]),
-          default: p(() => [
-            z(f.$slots, "footer")
+              _: 3
+            }, 8, ["onClick"])) : y("", !0),
+            e.description || d.$slots.description ? (u(), E("div", va, [
+              _(d.$slots, "description", {}, () => [
+                N(F(e.description), 1)
+              ])
+            ])) : y("", !0),
+            d.$slots.default ? (u(), E("div", ba, [
+              _(d.$slots, "default")
+            ])) : y("", !0),
+            e.actions || e.actionBarProps || d.$slots.actions ? (u(), E("div", _a, [
+              _(d.$slots, "actions", {}, () => [
+                k(n(Ve), j(c.value, {
+                  onClick: m,
+                  onCommand: p
+                }), null, 16)
+              ])
+            ])) : y("", !0)
           ]),
           _: 3
-        })) : v("", !0)
+        })
       ]),
       _: 3
-    }, 16, ["inline", "model"]));
+    }, 8, ["direction", "class"]));
+  }
+}), wa = {
+  option: {
+    type: Object
+  },
+  width: {
+    type: [Number, String],
+    default: "100%"
+  },
+  height: {
+    type: [Number, String],
+    default: "400px"
+  }
+};
+function xa(a, t) {
+  const e = D();
+  return ut(() => {
+    const o = n(a);
+    o && (e.value || (e.value = be(nt.init(o))), e.value.setOption(t.option || {}));
+  }), dt(() => {
+    e.value && e.value.dispose();
+  }), L(
+    () => t.option,
+    (o) => {
+      e.value && e.value.setOption(o || {});
+    },
+    { deep: !0 }
+  ), No(
+    a,
+    Lo(() => {
+      e.value && e.value.resize();
+    }, 150)
+  ), {
+    echartsInstance: e,
+    echarts: nt
+  };
+}
+const Sa = /* @__PURE__ */ M({
+  name: "XChart",
+  __name: "Chart",
+  props: wa,
+  setup(a, { expose: t }) {
+    const e = a, o = D(), { echartsInstance: l, echarts: s } = xa(o, e), c = h(() => ({
+      width: oe(e.width),
+      height: oe(e.height)
+    }));
+    return t({
+      chartRef: o,
+      echartsInstance: l,
+      echarts: s
+    }), (r, i) => (u(), E("div", {
+      ref_key: "chartRef",
+      ref: o,
+      style: ue(c.value)
+    }, null, 4));
   }
-}), aa = [
-  Ko,
-  te,
-  ee,
-  an,
-  J,
-  Ke,
-  I,
-  wt,
-  xt,
-  zt,
-  Jn,
-  Bt
-], va = "0.6.21", sa = jo(aa), ba = sa.install;
+}), za = [
+  en,
+  ae,
+  ne,
+  pn,
+  Y,
+  Ve,
+  $,
+  Et,
+  Mt,
+  Je,
+  na,
+  Pt,
+  Ft,
+  ma,
+  ga,
+  ka,
+  Sa
+], Fa = "0.6.23", Ca = Ko(za), Oa = Ca.install;
 export {
-  ot as Draggable,
-  et as INSTALLED_KEY,
-  Tt as MASK_KEY,
-  ga as NOOP,
-  nt as Resizable,
-  Ct as TAB_CREATORS_KEY,
-  Un as TAB_ITEM_WIDTH,
-  J as XAction,
-  Ke as XActionBar,
-  I as XContainer,
-  zt as XDialog,
-  Bt as XField,
-  ha as XForm,
-  wt as XHeader,
-  te as XIcon,
-  Jn as XMask,
-  ee as XMenu,
-  xt as XPanel,
-  an as XSimpleMask,
-  Ko as XStartup,
-  pn as actionBarProps,
-  kt as actionProps,
-  Mt as builtinFieldEditors,
-  aa as components,
-  fn as containerProps,
-  Qe as createDialog,
-  ba as default,
-  ya as defineTab,
-  bn as dialogProps,
-  ea as fieldProps,
-  It as formInstanceKey,
-  At as formModelKey,
-  na as formProps,
-  je as getSizeValue,
-  mn as headerProps,
-  Zo as iconProps,
-  Qo as iconSizeMap,
-  ba as install,
-  jo as makeInstaller,
-  Hn as maskProps,
-  fa as omit,
-  hn as panelProps,
-  _e as parseSize,
-  ma as pick,
-  Le as useDisabled,
-  Ee as useIcon,
-  cn as useIconProps,
-  vn as vDraggable,
-  St as vResizable,
-  va as version
+  lt as Draggable,
+  at as INSTALLED_KEY,
+  It as MASK_KEY,
+  Da as NOOP,
+  it as Resizable,
+  Bt as TAB_CREATORS_KEY,
+  Jn as TAB_ITEM_WIDTH,
+  Y as XAction,
+  Ve as XActionBar,
+  Sa as XChart,
+  $ as XContainer,
+  ka as XDataItem,
+  Je as XDialog,
+  ma as XDialogForm,
+  Pt as XField,
+  Ft as XForm,
+  Et as XHeader,
+  ae as XIcon,
+  na as XMask,
+  ne as XMenu,
+  Mt as XPanel,
+  pn as XSimpleMask,
+  en as XStartup,
+  ga as XTabs,
+  bn as actionBarProps,
+  Tt as actionProps,
+  Vt as builtinFieldEditors,
+  wa as chartProps,
+  za as components,
+  _n as containerProps,
+  Ge as createDialog,
+  ya as dataItemProps,
+  Oa as default,
+  Ra as defineTab,
+  pa as dialogFormProps,
+  Cn as dialogProps,
+  ia as fieldProps,
+  Dt as formInstanceKey,
+  Rt as formModelKey,
+  da as formProps,
+  oe as getSizeValue,
+  kn as headerProps,
+  on as iconProps,
+  tn as iconSizeMap,
+  Oa as install,
+  Ko as makeInstaller,
+  Gn as maskProps,
+  Va as omit,
+  Sn as panelProps,
+  Te as parseSize,
+  Pa as pick,
+  fa as tabsProps,
+  Ze as useDisabled,
+  he as useIcon,
+  yn as useIconProps,
+  zn as vDraggable,
+  $t as vResizable,
+  Fa as version
 };