@vtj/ui 0.6.11 → 0.6.13

package/lib/index.js

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