@vtj/ui 0.6.6 → 0.6.8

package/lib/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as D, openBlock as u, createElementBlock as A, renderSlot as z, createElementVNode as R, unref as o, toDisplayString as O, createVNode as b, withCtx as p, createTextVNode as N, createBlock as f, createCommentVNode as v, useAttrs as Je, getCurrentInstance as pe, computed as y, markRaw as Ae, normalizeClass as U, resolveDynamicComponent as Y, mergeProps as Q, Fragment as q, renderList as we, isVNode as xt, h as K, toRef as ye, useSlots as zt, normalizeStyle as Ee, ref as $, normalizeProps as St, guardReactiveProps as Ct, effectScope as Ke, watch as oe, reactive as Ye, onMounted as Tt, onUnmounted as Mt, watchEffect as Ge, nextTick as le, Teleport as qe, withDirectives as L, createSlots as et, render as Fe, vShow as J, isRef as ve, withModifiers as Et, KeepAlive as It, shallowRef as Oe, provide as De, toRaw as Bt, inject as je } from "vue";
-import { ElDivider as ue, ElButton as de, ElIcon as At, ElSubMenu as Dt, ElBadge as Ie, ElMenuItem as Vt, ElMenu as Pt, ElContainer as Ne, ElHeader as Rt, ElAside as $t, ElMain as Ft, ElFooter as Ot, ElDropdown as jt, ElDropdownMenu as Nt, ElDropdownItem as Ut, ElTooltip as Xt, ElSwitch as tt, ElInput as Ht, ElEmpty as Lt, ElTabs as Wt, ElTabPane as Ue, ElPopover as nt, ElAvatar as Qt, ElMessageBox as Te } from "element-plus";
-import { VideoPlay as Zt, Document as ne, Menu as ot, ArrowRight as Jt, StarFilled as at, Search as Be, Close as st, Expand as Kt, Fold as Yt, Star as lt, Refresh as Gt, CopyDocument as qt, Moon as en, Sunny as tn, MoreFilled as nn, UserFilled as on, HomeFilled as an } from "@element-plus/icons-vue";
-import { useRouter as ke, useRoute as Ve, RouterView as it, routeLocationKey as sn } from "vue-router";
-import { Minimize as ln, Popup as rn, Maximize as cn, RawClose as un } from "@vtj/icons";
-import { useDraggable as dn, useMouseInElement as pn, useEventListener as be, useElementSize as rt, useDark as fn } from "@vueuse/core";
-import { isEqual as ct, isObject as ut, uid as dt, arrayToMap as mn, isUrl as gn, upperFirstCamelCase as pt } from "@vtj/utils";
-function Xe(a) {
+import { defineComponent as B, openBlock as u, createElementBlock as D, renderSlot as x, createElementVNode as $, unref as o, toDisplayString as O, createVNode as b, withCtx as d, createTextVNode as N, createBlock as f, createCommentVNode as v, useAttrs as Ye, getCurrentInstance as pe, computed as y, markRaw as Ae, normalizeClass as X, resolveDynamicComponent as Y, mergeProps as Q, Fragment as q, renderList as we, isVNode as St, h as K, toRef as ye, useSlots as Ct, normalizeStyle as Ee, ref as R, normalizeProps as De, guardReactiveProps as Pe, effectScope as Ge, watch as oe, reactive as qe, onMounted as Tt, onUnmounted as Mt, watchEffect as et, nextTick as le, Teleport as tt, withDirectives as L, createSlots as nt, render as je, vShow as J, isRef as ve, withModifiers as Et, KeepAlive as It, shallowRef as Ne, provide as Ve, toRaw as Bt, inject as Xe } from "vue";
+import { ElDivider as ue, ElButton as de, ElIcon as At, ElSubMenu as Dt, ElBadge as Ie, ElMenuItem as Pt, ElMenu as Vt, ElContainer as Ue, ElHeader as $t, ElAside as Rt, ElMain as Ft, ElFooter as Ot, ElDropdown as jt, ElDropdownMenu as Nt, ElDropdownItem as Xt, ElTooltip as Ut, ElSwitch as ot, ElInput as Ht, ElEmpty as Lt, ElTabs as Wt, ElTabPane as He, ElPopover as at, ElAvatar as Qt, ElMessageBox as Te, ElFormItem as Zt, ElForm as Jt } from "element-plus";
+import { VideoPlay as Kt, Document as ne, Menu as st, ArrowRight as Yt, StarFilled as lt, Search as Be, Close as it, Expand as Gt, Fold as qt, Star as rt, Refresh as en, CopyDocument as tn, Moon as nn, Sunny as on, MoreFilled as an, UserFilled as sn, HomeFilled as ln } from "@element-plus/icons-vue";
+import { useRouter as ke, useRoute as $e, RouterView as ct, routeLocationKey as rn } from "vue-router";
+import { Minimize as cn, Popup as un, Maximize as dn, RawClose as pn } from "@vtj/icons";
+import { useDraggable as fn, useMouseInElement as mn, useEventListener as be, useElementSize as ut, useDark as gn } from "@vueuse/core";
+import { isEqual as dt, isObject as pt, uid as ft, arrayToMap as hn, isUrl as vn, upperFirstCamelCase as mt } from "@vtj/utils";
+function Le(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
 function me(a = 0, e) {
@@ -17,30 +17,32 @@ function me(a = 0, e) {
   }
   return Number.parseInt(a);
 }
-function Ro(a, e) {
+function Oo(a, e) {
   const t = {};
   return Object.keys(a).forEach((n) => {
     e.includes(n) || (t[n] = a[n]);
   }), t;
 }
-function $o(a, e) {
+function jo(a, e) {
   const t = {};
   return Object.keys(a).forEach((n) => {
     e.includes(n) && (t[n] = a[n]);
   }), t;
 }
-const Fo = () => {
-}, He = Symbol("INSTALLED_KEY"), hn = (a = []) => ({
+const No = () => {
+}, We = Symbol("INSTALLED_KEY"), yn = (a = []) => ({
   install: (t) => {
-    t[He] || (t[He] = !0, a.forEach((n) => t.component(n.name, n)));
+    t[We] || (t[We] = !0, a.forEach((n) => {
+      n.name && t.component(n.name, n);
+    }));
   }
-}), ft = "data:image/png;base64,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", vn = { class: "x-startup" }, yn = { class: "brand" }, bn = ["src"], _n = /* @__PURE__ */ R("h3", null, [
+}), gt = "data:image/png;base64,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", bn = { class: "x-startup" }, _n = { class: "brand" }, wn = ["src"], kn = /* @__PURE__ */ $("h3", null, [
   /* @__PURE__ */ N("基于 "),
-  /* @__PURE__ */ R("span", null, "Vue3 + TypeScript"),
+  /* @__PURE__ */ $("span", null, "Vue3 + TypeScript"),
   /* @__PURE__ */ N(" 的低代码设计器引擎")
-], -1), wn = { class: "btn" }, kn = /* @__PURE__ */ R("div", { class: "ba" }, [
-  /* @__PURE__ */ R("a", { href: "http://beian.miit.gov.cn/" }, "粤ICP备2023104074号")
-], -1), xn = /* @__PURE__ */ D({
+], -1), xn = { class: "btn" }, zn = /* @__PURE__ */ $("div", { class: "ba" }, [
+  /* @__PURE__ */ $("a", { href: "http://beian.miit.gov.cn/" }, "粤ICP备2023104074号")
+], -1), Sn = /* @__PURE__ */ B({
   name: "XStartup",
   __name: "Startup",
   props: {
@@ -54,24 +56,24 @@ const Fo = () => {
     }, n = () => {
       e.example && e.example(e.link);
     };
-    return (s, l) => (u(), A("div", vn, [
-      z(s.$slots, "default", {}, () => [
-        R("div", null, [
-          R("div", yn, [
-            R("img", { src: o(ft) }, null, 8, bn),
-            R("h1", null, O(e.text), 1)
+    return (s, l) => (u(), D("div", bn, [
+      x(s.$slots, "default", {}, () => [
+        $("div", null, [
+          $("div", _n, [
+            $("img", { src: o(gt) }, null, 8, wn),
+            $("h1", null, O(e.text), 1)
           ]),
           b(o(ue)),
-          _n,
-          R("div", wn, [
+          kn,
+          $("div", xn, [
             b(o(de), {
               onClick: t,
               type: "primary",
               round: "",
               size: "large",
-              icon: o(Zt)
+              icon: o(Kt)
             }, {
-              default: p(() => [
+              default: d(() => [
                 N(" 立即开始体验 ")
               ]),
               _: 1
@@ -84,7 +86,7 @@ const Fo = () => {
               size: "large",
               icon: o(ne)
             }, {
-              default: p(() => [
+              default: d(() => [
                 N(" 加载示例项目 ")
               ]),
               _: 1
@@ -92,15 +94,15 @@ const Fo = () => {
           ])
         ])
       ]),
-      kn
+      zn
     ]));
   }
 });
-const zn = {
+const Cn = {
   default: 14,
   small: 12,
   large: 18
-}, Sn = {
+}, Tn = {
   icon: {
     type: [String, Object]
   },
@@ -114,12 +116,12 @@ const zn = {
   src: {
     type: String
   }
-}, Cn = ["src"], ae = /* @__PURE__ */ D({
+}, Mn = ["src"], ae = /* @__PURE__ */ B({
   name: "XIcon",
   __name: "Icon",
-  props: Sn,
+  props: Tn,
   setup(a) {
-    const e = a, t = Je(), n = pe(), s = y(() => {
+    const e = a, t = Ye(), n = pe(), s = y(() => {
       if (!e.icon)
         return null;
       const c = n?.appContext.app;
@@ -129,31 +131,31 @@ const zn = {
         "is-pointer": !!t.onClick
       };
       return !s.value && e.icon && (c[e.icon] = !0), c;
-    }), i = y(() => typeof e.size == "number" ? e.size : zn[e.size] ?? void 0);
+    }), i = y(() => typeof e.size == "number" ? e.size : Cn[e.size] ?? void 0);
     return (c, r) => (u(), f(o(At), {
-      class: U(["x-icon", l.value]),
+      class: X(["x-icon", l.value]),
       color: e.color,
       size: i.value
     }, {
-      default: p(() => [
-        z(c.$slots, "default", {}, () => [
+      default: d(() => [
+        x(c.$slots, "default", {}, () => [
           s.value ? (u(), f(Y(s.value), { key: 0 })) : v("", !0),
-          e.src ? (u(), A("img", {
+          e.src ? (u(), D("img", {
             key: 1,
             src: e.src
-          }, null, 8, Cn)) : v("", !0)
+          }, null, 8, Mn)) : v("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class", "color", "size"]));
   }
-}), Tn = { class: "x-menu__wrapper" }, Mn = {
+}), En = { class: "x-menu__wrapper" }, In = {
   key: 1,
   class: "x-menu__title"
-}, En = /* @__PURE__ */ R("i", null, null, -1), In = {
+}, Bn = /* @__PURE__ */ $("i", null, null, -1), An = {
   key: 0,
   class: "x-menu__title"
-}, Bn = /* @__PURE__ */ R("i", null, null, -1), mt = /* @__PURE__ */ D({
+}, Dn = /* @__PURE__ */ $("i", null, null, -1), ht = /* @__PURE__ */ B({
   inheritAttrs: !1,
   name: "XMenuItem",
   __name: "MenuItem",
@@ -173,26 +175,26 @@ const zn = {
     }, e.subMenu, {
       index: String(e.item.id)
     }), {
-      title: p(() => [
-        R("div", Tn, [
+      title: d(() => [
+        $("div", En, [
           e.item.icon ? (u(), f(o(ae), {
             key: 0,
             icon: n(e.item.icon)
           }, null, 8, ["icon"])) : v("", !0),
-          e.item.title ? (u(), A("span", Mn, O(e.item.title), 1)) : v("", !0),
+          e.item.title ? (u(), D("span", In, O(e.item.title), 1)) : v("", !0),
           e.item.badge ? (u(), f(o(Ie), Q({
             key: 2,
             class: "x-menu__badge"
           }, s(e.item.badge)), {
-            default: p(() => [
-              En
+            default: d(() => [
+              Bn
             ]),
             _: 1
           }, 16)) : v("", !0)
         ])
       ]),
-      default: p(() => [
-        (u(!0), A(q, null, we(l(e.item.children), (r) => (u(), f(o(mt), {
+      default: d(() => [
+        (u(!0), D(q, null, we(l(e.item.children), (r) => (u(), f(o(ht), {
           key: r.id,
           item: r,
           subMenu: e.subMenu,
@@ -200,24 +202,24 @@ const zn = {
         }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
       ]),
       _: 1
-    }, 16, ["disabled", "index"])) : (u(), f(o(Vt), {
+    }, 16, ["disabled", "index"])) : (u(), f(o(Pt), {
       key: 1,
       index: String(e.item.id),
       disabled: e.item.disabled
     }, {
-      title: p(() => [
-        e.item.title ? (u(), A("span", In, O(e.item.title), 1)) : v("", !0),
+      title: d(() => [
+        e.item.title ? (u(), D("span", An, O(e.item.title), 1)) : v("", !0),
         e.item.badge ? (u(), f(o(Ie), Q({
           key: 1,
           class: "x-menu__badge"
         }, s(e.item.badge)), {
-          default: p(() => [
-            Bn
+          default: d(() => [
+            Dn
           ]),
           _: 1
         }, 16)) : v("", !0)
       ]),
-      default: p(() => [
+      default: d(() => [
         e.item.icon ? (u(), f(o(ae), {
           key: 0,
           icon: n(e.item.icon)
@@ -226,7 +228,7 @@ const zn = {
       _: 1
     }, 8, ["index", "disabled"]));
   }
-}), G = /* @__PURE__ */ D({
+}), G = /* @__PURE__ */ B({
   inheritAttrs: !1,
   name: "XMenu",
   __name: "Menu",
@@ -238,14 +240,14 @@ const zn = {
   emits: ["select"],
   setup(a, { emit: e }) {
     const t = a, n = y(() => t.data.filter((i) => !i.hidden)), s = (i, c) => {
-      const r = (d, m = []) => {
+      const r = (p, m = []) => {
         for (const h of m) {
-          if (h.id.toString() === d.toString())
+          if (h.id.toString() === p.toString())
             return h;
           if (h.children?.length) {
-            const x = r(d, h.children);
-            if (x)
-              return x;
+            const z = r(p, h.children);
+            if (z)
+              return z;
           }
         }
       };
@@ -254,10 +256,10 @@ const zn = {
       const c = s(n.value, i);
       c && e("select", c);
     };
-    return (i, c) => (u(), f(o(Pt), Q({ class: "x-menu" }, i.$attrs, { onSelect: l }), {
-      default: p(() => [
-        (u(!0), A(q, null, we(n.value, (r) => (u(), f(o(mt), {
-          item: { ...r, icon: r.icon || o(ot) },
+    return (i, c) => (u(), f(o(Vt), Q({ class: "x-menu" }, i.$attrs, { onSelect: l }), {
+      default: d(() => [
+        (u(!0), D(q, null, we(n.value, (r) => (u(), f(o(ht), {
+          item: { ...r, icon: r.icon || o(st) },
           defaultIcon: t.defaultIcon,
           subMenu: t.subMenu
         }, null, 8, ["item", "defaultIcon", "subMenu"]))), 256))
@@ -265,7 +267,7 @@ const zn = {
       _: 1
     }, 16));
   }
-}), An = { class: "x-simple-mask__brand" }, Dn = { class: "x-simple-mask__aciton" }, Vn = /* @__PURE__ */ D({
+}), Pn = { class: "x-simple-mask__brand" }, Vn = { class: "x-simple-mask__aciton" }, $n = /* @__PURE__ */ B({
   name: "XSimpleMask",
   __name: "SimpleMask",
   props: {
@@ -277,42 +279,42 @@ const zn = {
     menu: {}
   },
   setup(a, { expose: e }) {
-    const t = a, n = ke(), s = Ve(), l = y(() => s.params.id), i = () => {
+    const t = a, n = ke(), s = $e(), l = y(() => s.params.id), i = () => {
       const r = t.project.home;
       r && n.push(r);
     }, c = (r) => {
-      const d = r?.id;
-      if (d) {
-        const h = `${t.preview ? "/preview" : t.project.page}/${d}`;
+      const p = r?.id;
+      if (p) {
+        const h = `${t.preview ? "/preview" : t.project.page}/${p}`;
         n.push(h);
       }
     };
     return e({
       goHome: i
-    }), (r, d) => (u(), f(o(Ne), { class: "x-simple-mask" }, {
-      default: p(() => [
-        b(o(Rt), { class: "x-simple-mask__header" }, {
-          default: p(() => [
-            R("div", An, [
-              R("span", {
+    }), (r, p) => (u(), f(o(Ue), { class: "x-simple-mask" }, {
+      default: d(() => [
+        b(o($t), { class: "x-simple-mask__header" }, {
+          default: d(() => [
+            $("div", Pn, [
+              $("span", {
                 class: "x-simple-mask__logo",
                 onClick: i
               }, [
-                z(r.$slots, "logo", {}, () => [
+                x(r.$slots, "logo", {}, () => [
                   N(O(t.project.name), 1)
                 ])
               ])
             ]),
-            R("div", Dn, [
-              z(r.$slots, "action")
+            $("div", Vn, [
+              x(r.$slots, "action")
             ])
           ]),
           _: 3
         }),
-        b(o(Ne), null, {
-          default: p(() => [
-            b(o($t), { class: "x-simple-mask__aside" }, {
-              default: p(() => [
+        b(o(Ue), null, {
+          default: d(() => [
+            b(o(Rt), { class: "x-simple-mask__aside" }, {
+              default: d(() => [
                 b(o(G), Q(t.menu, {
                   "default-active": l.value,
                   onSelect: c
@@ -321,9 +323,9 @@ const zn = {
               _: 1
             }),
             b(o(Ft), { class: "x-simple-mask__main" }, {
-              default: p(() => [
-                z(r.$slots, "default", {}, () => [
-                  b(o(it))
+              default: d(() => [
+                x(r.$slots, "default", {}, () => [
+                  b(o(ct))
                 ])
               ]),
               _: 3
@@ -336,8 +338,8 @@ const zn = {
           class: "x-simple-mask__footer",
           height: "40px"
         }, {
-          default: p(() => [
-            z(r.$slots, "footer")
+          default: d(() => [
+            x(r.$slots, "footer")
           ]),
           _: 3
         })) : v("", !0)
@@ -345,7 +347,7 @@ const zn = {
       _: 3
     }));
   }
-}), gt = {
+}), vt = {
   /**
    * 动作名称标识
    */
@@ -441,21 +443,21 @@ const zn = {
     type: Boolean
   }
 };
-function Pn(a) {
+function Rn(a) {
   return y(() => {
     const e = a.tooltip;
     if (e)
       return typeof e == "string" ? { content: e } : e;
   });
 }
-function Rn(a) {
+function Fn(a) {
   return y(() => {
     const e = a.badge;
     if (e)
       return typeof e == "object" ? e : { value: e };
   });
 }
-function $n(a) {
+function On(a) {
   return y(() => {
     const { dropdown: e, menus: t } = a;
     if (t && t.length > 0)
@@ -465,12 +467,12 @@ function $n(a) {
       );
   });
 }
-function Fn(a) {
+function jn(a) {
   const e = pe();
   return y(() => {
     const t = o(a);
     if (t)
-      if (typeof t == "string" || t.setup || t.render || xt(t)) {
+      if (typeof t == "string" || t.setup || t.render || St(t)) {
         const n = e?.appContext.app;
         return {
           icon: typeof t == "string" && n?.component(t) || t
@@ -481,21 +483,21 @@ function Fn(a) {
   });
 }
 function _e(a) {
-  const e = Fn(a);
-  return e.value ? Ae(D({ render: () => K(ae, e.value) })) : null;
+  const e = jn(a);
+  return e.value ? Ae(B({ render: () => K(ae, e.value) })) : null;
 }
-function Pe(a, e) {
+function Re(a, e) {
   return y(() => {
     const t = o(a);
     return typeof t == "function" ? t(e) : !!t;
   });
 }
-const On = { key: 0 }, jn = /* @__PURE__ */ D({
+const Nn = { key: 0 }, Xn = /* @__PURE__ */ B({
   __name: "Trigger",
-  props: gt,
+  props: vt,
   emits: ["click"],
   setup(a, { emit: e }) {
-    const t = a, n = _e(ye(t, "icon")), s = Pe(ye(t, "disabled")), l = y(() => ({
+    const t = a, n = _e(ye(t, "icon")), s = Re(ye(t, "disabled")), l = y(() => ({
       [`is-${t.mode}`]: !!t.mode,
       [`is-${t.type}`]: !!t.type,
       [`is-${t.size}`]: !!t.size && t.size !== "default",
@@ -512,33 +514,33 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
       size: t.size,
       disabled: o(s)
     }, t.button, { onClick: i }), {
-      default: p(() => [
+      default: d(() => [
         N(O(c.label), 1)
       ]),
       _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (u(), A("div", {
+    }, 16, ["icon", "type", "size", "disabled"])) : (u(), D("div", {
       key: 1,
-      class: U(["x-action__inner", l.value]),
+      class: X(["x-action__inner", l.value]),
       onClick: i
     }, [
       (u(), f(Y(o(n)))),
-      c.label ? (u(), A("span", On, O(c.label), 1)) : v("", !0)
+      c.label ? (u(), D("span", Nn, O(c.label), 1)) : v("", !0)
     ], 2));
   }
-}), W = /* @__PURE__ */ D({
+}), W = /* @__PURE__ */ B({
   name: "XAction",
   __name: "Action",
-  props: gt,
+  props: vt,
   emits: ["click", "command"],
   setup(a, { emit: e }) {
-    const t = a, n = zt(), s = Pn(t), l = Rn(t), i = $n(t), c = Pe(ye(t, "disabled")), r = y(() => ({
+    const t = a, n = Ct(), s = Rn(t), l = Fn(t), i = On(t), c = Re(ye(t, "disabled")), r = y(() => ({
       [`x-action--${t.mode}`]: !!t.mode
-    })), d = () => {
+    })), p = () => {
       e("click", t);
     }, m = (_) => {
-      const E = t.menus?.find((B) => B.command === _);
+      const E = t.menus?.find((A) => A.command === _);
       E && e("command", E);
-    }, h = (_) => K(Ie, l.value, () => [].concat(_)), x = (_) => K(
+    }, h = (_) => K(Ie, l.value, () => [].concat(_)), z = (_) => K(
       jt,
       { ...i.value, disabled: c.value, onCommand: m },
       {
@@ -547,26 +549,26 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
           K(
             Nt,
             () => (t.menus || []).map((E) => K(
-              Ut,
+              Xt,
               E,
               () => n.item ? n.item({ item: E }) : E.label
             ))
           )
         ]
       }
-    ), V = (_) => K(Xt, { ...s.value, disabled: c.value }, () => [
+    ), P = (_) => K(Ut, { ...s.value, disabled: c.value }, () => [
       _
     ]), k = y(() => {
-      let _ = n.default ? n.default()[0] : K(Ae(jn), { ...t, onClick: d });
-      return l.value && (_ = h(_)), i.value && (_ = x(_)), s.value && (_ = V(_)), _;
+      let _ = n.default ? n.default()[0] : K(Ae(Xn), { ...t, onClick: p });
+      return l.value && (_ = h(_)), i.value && (_ = z(_)), s.value && (_ = P(_)), _;
     });
-    return (_, E) => (u(), A("div", {
-      class: U(["x-action", r.value])
+    return (_, E) => (u(), D("div", {
+      class: X(["x-action", r.value])
     }, [
       (u(), f(Y(k.value)))
     ], 2));
   }
-}), Nn = {
+}), Un = {
   /**
    * 动作项
    */
@@ -637,10 +639,10 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   button: {
     type: Object
   }
-}, Re = /* @__PURE__ */ D({
+}, Fe = /* @__PURE__ */ B({
   name: "XActionBar",
   __name: "ActionBar",
-  props: Nn,
+  props: Un,
   emits: ["click", "command"],
   setup(a, { emit: e }) {
     const t = a, n = y(() => (t.items || []).map((i) => i === "|" ? i : {
@@ -662,8 +664,8 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
       class: "x-action-bar",
       align: "center"
     }, {
-      default: p(() => [
-        (u(!0), A(q, null, we(n.value, (r) => (u(), A(q, null, [
+      default: d(() => [
+        (u(!0), D(q, null, we(n.value, (r) => (u(), D(q, null, [
           r === "|" ? (u(), f(o(ue), {
             key: 0,
             direction: "vertical",
@@ -677,17 +679,17 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
             background: t.background,
             button: t.button,
             dropdown: t.dropdown,
-            disabled: o(Pe)(t.disabled, r).value
+            disabled: o(Re)(t.disabled, r).value
           }, r, {
             onClick: s,
-            onCommand: (d) => l(r, d)
+            onCommand: (p) => l(r, p)
           }), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
         ], 64))), 256))
       ]),
       _: 1
     }));
   }
-}), Un = {
+}), Hn = {
   /**
    * 组件渲染html标签
    */
@@ -796,10 +798,10 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
     type: Boolean,
     default: !1
   }
-}, M = /* @__PURE__ */ D({
+}, M = /* @__PURE__ */ B({
   name: "XContainer",
   __name: "Container",
-  props: Un,
+  props: Hn,
   setup(a) {
     const e = a, t = pe(), n = y(() => {
       const i = t?.parent;
@@ -824,21 +826,21 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
     })), l = y(() => {
       const { width: i, height: c, fit: r } = e;
       return r ? null : {
-        width: i ? Xe(i) : void 0,
-        height: c ? Xe(c) : void 0
+        width: i ? Le(i) : void 0,
+        height: c ? Le(c) : void 0
       };
     });
     return (i, c) => (u(), f(Y(e.tag), {
-      class: U(["x-container", s.value]),
+      class: X(["x-container", s.value]),
       style: Ee(l.value)
     }, {
-      default: p(() => [
-        z(i.$slots, "default")
+      default: d(() => [
+        x(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), Xn = {
+}), Ln = {
   size: {
     type: String,
     default: "default"
@@ -859,65 +861,65 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   more: {
     type: Boolean
   }
-}, Hn = {
+}, Wn = {
   key: 2,
   class: "x-header__subtitle"
-}, Ln = {
+}, Qn = {
   key: 0,
   class: "x-header__actions"
-}, ht = /* @__PURE__ */ D({
+}, yt = /* @__PURE__ */ B({
   name: "XHeader",
   inheritAttrs: !1,
   __name: "Header",
-  props: Xn,
+  props: Ln,
   setup(a) {
-    const e = a, t = Je(), n = _e(ye(e, "icon")), s = y(() => ({
+    const e = a, t = Ye(), n = _e(ye(e, "icon")), s = y(() => ({
       [`is-size-${e.size}`]: !!e.size && e.size !== "default",
       "is-border": e.border,
       "is-pointer": !!t.onClick
     }));
     return (l, i) => (u(), f(o(M), {
-      class: U(["x-header", s.value]),
+      class: X(["x-header", s.value]),
       justify: "space-between",
       align: "center"
     }, {
-      default: p(() => [
+      default: d(() => [
         b(o(M), {
           align: "center",
-          class: U(["x-header__wrapper", s.value]),
+          class: X(["x-header__wrapper", s.value]),
           grow: ""
         }, {
-          default: p(() => [
+          default: d(() => [
             o(n) ? (u(), f(Y(o(n)), {
               key: 0,
               class: "x-header__icon"
             })) : v("", !0),
-            R("span", Q({ class: "x-header__content" }, l.$attrs), [
-              z(l.$slots, "default", {}, () => [
+            $("span", Q({ class: "x-header__content" }, l.$attrs), [
+              x(l.$slots, "default", {}, () => [
                 N(O(e.content), 1)
               ])
             ], 16),
             e.more ? (u(), f(o(ae), {
               key: 1,
               class: "x-header__more",
-              icon: o(Jt)
+              icon: o(Yt)
             }, null, 8, ["icon"])) : v("", !0),
-            e.subtitle || l.$slots.subtitle ? (u(), A("span", Hn, [
-              z(l.$slots, "subtitle", {}, () => [
+            e.subtitle || l.$slots.subtitle ? (u(), D("span", Wn, [
+              x(l.$slots, "subtitle", {}, () => [
                 N(O(e.subtitle), 1)
               ])
             ])) : v("", !0)
           ]),
           _: 3
         }, 8, ["class"]),
-        l.$slots.actions ? (u(), A("div", Ln, [
-          z(l.$slots, "actions")
+        l.$slots.actions ? (u(), D("div", Qn, [
+          x(l.$slots, "actions")
         ])) : v("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Wn = {
+}), Zn = {
   /**
    * 宽高自适应
    */
@@ -989,12 +991,12 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
   footer: {
     type: Object
   }
-}, vt = /* @__PURE__ */ D({
+}, bt = /* @__PURE__ */ B({
   name: "XPanel",
   __name: "Panel",
-  props: Wn,
+  props: Zn,
   setup(a, { expose: e }) {
-    const t = a, n = $(), s = y(() => ({
+    const t = a, n = R(), s = y(() => ({
       "x-panel--card": !!t.card,
       "x-panel--default": !t.card,
       [`is-${t.size}`]: !!t.size && t.size !== "default",
@@ -1011,26 +1013,26 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
     return e({
       bodyRef: n
     }), (c, r) => (u(), f(o(M), {
-      class: U(["x-panel", s.value]),
+      class: X(["x-panel", s.value]),
       direction: "column",
       fit: t.fit,
       width: t.width,
       height: t.height
     }, {
-      default: p(() => [
+      default: d(() => [
         l.value ? (u(), f(o(M), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
         }, {
-          default: p(() => [
-            z(c.$slots, "header", {}, () => [
-              b(o(ht), St(Ct(l.value)), {
-                default: p(() => [
-                  z(c.$slots, "title")
+          default: d(() => [
+            x(c.$slots, "header", {}, () => [
+              b(o(yt), De(Pe(l.value)), {
+                default: d(() => [
+                  x(c.$slots, "title")
                 ]),
-                actions: p(() => [
-                  z(c.$slots, "actions")
+                actions: d(() => [
+                  x(c.$slots, "actions")
                 ]),
                 _: 3
               }, 16)
@@ -1047,8 +1049,8 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
           padding: "",
           class: "x-panel__body"
         }, t.body), {
-          default: p(() => [
-            z(c.$slots, "default")
+          default: d(() => [
+            x(c.$slots, "default")
           ]),
           _: 3
         }, 16, ["overflow"]),
@@ -1058,8 +1060,8 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
           padding: "",
           class: "x-panel__footer"
         }, t.footer), {
-          default: p(() => [
-            z(c.$slots, "footer")
+          default: d(() => [
+            x(c.$slots, "footer")
           ]),
           _: 3
         }, 16)) : v("", !0)
@@ -1067,10 +1069,10 @@ const On = { key: 0 }, jn = /* @__PURE__ */ D({
       _: 3
     }, 8, ["class", "fit", "width", "height"]));
   }
-}), Le = "user-select-none";
-class We {
+}), Qe = "user-select-none";
+class Ze {
   constructor(e, t = {}) {
-    this.el = e, this.options = t, this.scope = Ke(), this.scope.run(() => {
+    this.el = e, this.options = t, this.scope = Ge(), this.scope.run(() => {
       this.init();
     });
   }
@@ -1089,34 +1091,34 @@ class We {
     if (n)
       return;
     let c = null;
-    const r = this.getHandle(), d = this.getTarget();
+    const r = this.getHandle(), p = this.getTarget();
     let m = e.getBoundingClientRect(), h = null;
-    const { x, y: V } = dn(e, {
+    const { x: z, y: P } = fn(e, {
       initialValue: { x: m.x, y: m.y },
       ...t,
       handle: r,
       onStart: (k, _) => {
-        document.body.classList.add(Le), clearTimeout(c), c = setTimeout(() => {
-          this.dragging = !0, m = e.getBoundingClientRect(), h = d?.getBoundingClientRect(), l && l(k, _);
+        document.body.classList.add(Qe), clearTimeout(c), c = setTimeout(() => {
+          this.dragging = !0, m = e.getBoundingClientRect(), h = p?.getBoundingClientRect(), l && l(k, _);
         }, s);
       },
       onEnd: (k, _) => {
-        if (clearTimeout(c), document.body.classList.remove(Le), this.dragging && h) {
+        if (clearTimeout(c), document.body.classList.remove(Qe), this.dragging && h) {
           this.dragging = !1;
-          const { x: E, y: B } = k, g = this.getPosition(h, m, E, B);
+          const { x: E, y: A } = k, g = this.getPosition(h, m, E, A);
           i && i(g, _), h = null;
         }
       }
     });
-    oe([x, V], () => {
+    oe([z, P], () => {
       if (this.dragging && h) {
-        const k = this.getPosition(h, m, x.value, V.value);
+        const k = this.getPosition(h, m, z.value, P.value);
         e.style.left = `${k.x}px`, e.style.top = `${k.y}px`;
       }
     });
   }
   getPosition(e, t, n, s) {
-    const { edge: l = 50 } = this.options, i = -t.width + l, c = e.width - l, r = 0, d = e.height - l, m = Math.min(c, Math.max(n, i)), h = Math.min(d, Math.max(s, r));
+    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));
     return {
       x: m,
       y: h
@@ -1126,30 +1128,30 @@ class We {
     this.scope.stop();
   }
 }
-const Qn = {
+const Jn = {
   mounted(a, e) {
-    const t = e.value || {}, n = new We(a, t);
+    const t = e.value || {}, n = new Ze(a, t);
     a.__draggable__ = n;
   },
   updated(a, e) {
     const t = e.value || {};
     let n = a.__draggable__;
-    n && !ct(n.options, t) && (n.destory(), a.__draggable__ = new We(a, t));
+    n && !dt(n.options, t) && (n.destory(), a.__draggable__ = new Ze(a, t));
   },
   unmounted(a) {
     const e = a.__draggable__;
     e && (e.destory(), a.__draggable__ = null);
   }
 }, Me = "user-select-none";
-class Qe {
+class Je {
   constructor(e, t = {}) {
-    this.el = e, this.options = t, this.scope = Ke(), this.scope.run(() => {
+    this.el = e, this.options = t, this.scope = Ge(), this.scope.run(() => {
       this.init();
     });
   }
   scope;
-  resizing = $(!1);
-  direction = $("");
+  resizing = R(!1);
+  direction = R("");
   MIE = null;
   cleanMousedown;
   cleanMouseup;
@@ -1157,7 +1159,7 @@ class Qe {
     const { el: e, options: t } = this, { disabled: n, onStart: s, onEnd: l } = t;
     if (n)
       return;
-    this.MIE = pn(e), this.cleanMousedown = be(document, "mousedown", () => {
+    this.MIE = mn(e), this.cleanMousedown = be(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 = be(document, "mouseup", () => {
       this.resizing.value && this.direction?.value && this.MIE && (e.classList.remove(
@@ -1165,8 +1167,8 @@ class Qe {
         `is-${this.direction.value}-resizing`
       ), l && l(this.direction.value, this.MIE)), this.resizing.value = !1;
     }), oe(this.direction, (r) => {
-      const d = document.body;
-      d.style.cursor = r ? `${r}-resize` : "", r ? d.classList.add(Me) : d.classList.remove(Me);
+      const p = document.body;
+      p.style.cursor = r ? `${r}-resize` : "", r ? p.classList.add(Me) : p.classList.remove(Me);
     });
     const { x: i, y: c } = this.MIE;
     oe([i, c], () => {
@@ -1177,23 +1179,23 @@ class Qe {
     const { MIE: e, direction: t, resizing: n, options: s, el: l } = this, i = t?.value || "";
     if (!e || !n.value || !i)
       return;
-    const { x: c, y: r, elementX: d, elementY: m, elementHeight: h, elementWidth: x } = e, { onResizing: V } = s, {
+    const { x: c, y: r, elementX: p, elementY: m, elementHeight: h, elementWidth: z } = e, { onResizing: P } = s, {
       minWidth: k = 0,
       minHeight: _ = 0,
       maxWidth: E = 99999,
-      maxHeight: B = 99999
+      maxHeight: A = 99999
     } = s;
     if (i.includes("e")) {
-      const g = Math.min(Math.max(d.value, k), E);
+      const g = Math.min(Math.max(p.value, k), E);
       l.style.width = `${g}px`;
     }
     if (i.includes("s")) {
-      const g = Math.min(Math.max(m.value, _), B);
+      const g = Math.min(Math.max(m.value, _), A);
       l.style.height = `${g}px`;
     }
     if (i.includes("w")) {
       const g = Math.min(
-        Math.max(x.value - d.value, k),
+        Math.max(z.value - p.value, k),
         E
       );
       l.style.width = `${g}px`, l.style.left = `${c.value}px`;
@@ -1201,11 +1203,11 @@ class Qe {
     if (i.includes("n")) {
       const g = Math.min(
         Math.max(h.value - m.value, _),
-        B
+        A
       );
       this.el.style.height = `${g}px`, this.el.style.top = `${r.value}px`;
     }
-    V && V(i, e);
+    P && P(i, e);
   }
   getDirection() {
     if (!this.MIE)
@@ -1222,21 +1224,21 @@ class Qe {
     e.style.cursor = "", e.classList.remove(Me), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
   }
 }
-const yt = {
+const _t = {
   mounted(a, e) {
-    const t = e.value || {}, n = new Qe(a, t);
+    const t = e.value || {}, n = new Je(a, t);
     a.__resizable__ = n;
   },
   updated(a, e) {
     const t = e.value || {};
     let n = a.__resizable__;
-    n && !ct(n.options, t) && (n.destory(), a.__resizable__ = new Qe(a, t));
+    n && !dt(n.options, t) && (n.destory(), a.__resizable__ = new Je(a, t));
   },
   unmounted(a) {
     const e = a.__resizable__;
     e && (e.destory(), a.__resizable__ = null);
   }
-}, Zn = {
+}, Kn = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -1322,8 +1324,8 @@ const yt = {
   }
 };
 let ie = 1e3;
-function Jn(a, e) {
-  const { width: t, height: n } = rt(e), s = Ye({
+function Yn(a, e) {
+  const { width: t, height: n } = ut(e), s = qe({
     mode: a.mode || "normal",
     wrapperWidth: 0,
     wrapperHeight: 0,
@@ -1346,14 +1348,14 @@ function Jn(a, e) {
     minimized: y(() => s.mode === "minimized")
   };
 }
-function Kn(a, e) {
+function Gn(a, e) {
   const t = y(() => {
-    const { width: i, height: c, top: r, left: d, zIndex: m } = e;
+    const { width: i, height: c, top: r, left: p, zIndex: m } = e;
     return {
       width: `${i}px`,
       height: `${c}px`,
       top: `${r}px`,
-      left: `${d}px`,
+      left: `${p}px`,
       zIndex: m
     };
   }), n = y(() => ({
@@ -1375,7 +1377,7 @@ function Kn(a, e) {
     modalStyle: l
   };
 }
-function Yn(a, e, t) {
+function qn(a, e, t) {
   const n = (m) => {
     e.mode = m, ["maximized", "minimized", "normal"].includes(m) && t(m), t("modeChange", m);
   }, s = async () => {
@@ -1395,11 +1397,11 @@ function Yn(a, e, t) {
     }
   };
 }
-function Gn(a, e, t, n) {
+function eo(a, e, t, n) {
   return y(() => {
     const s = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
     return {
-      ...ut(a.draggable) ? a.draggable : {},
+      ...pt(a.draggable) ? a.draggable : {},
       disabled: s,
       target: n,
       selector: ".x-panel__header",
@@ -1418,13 +1420,13 @@ function Gn(a, e, t, n) {
     };
   });
 }
-function qn(a, e, t) {
+function to(a, e, t) {
   return y(() => {
     const n = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
     return {
       minWidth: 200,
       minHeight: 150,
-      ...ut(a.resizable) ? a.resizable : {},
+      ...pt(a.resizable) ? a.resizable : {},
       disabled: n,
       dirs: ["e", "s", "w"],
       onStart(s, l) {
@@ -1439,7 +1441,7 @@ function qn(a, e, t) {
     };
   });
 }
-function eo(a, e) {
+function no(a, e) {
   const t = a.componentInstance;
   if (!t)
     return;
@@ -1453,48 +1455,48 @@ function eo(a, e) {
     componentInstance: t
   };
 }
-const to = ["src"], bt = /* @__PURE__ */ D({
+const oo = ["src"], wt = /* @__PURE__ */ B({
   name: "XDialog",
   __name: "Dialog",
-  props: Zn,
+  props: Kn,
   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 = $(), i = $(), { state: c, maximized: r, minimized: d, normal: m } = Jn(n, l), { styles: h, classes: x, wrapperClass: V, modalStyle: k } = Kn(n, c), { changeMode: _, active: E, close: B, show: g, hide: I, submit: C, cancel: F } = Yn(
+    const n = a, s = pe(), l = R(), i = R(), { state: c, maximized: r, minimized: p, normal: m } = Yn(n, l), { styles: h, classes: z, wrapperClass: P, modalStyle: k } = Gn(n, c), { changeMode: _, active: E, close: A, show: g, hide: I, submit: C, cancel: F } = qn(
       n,
       c,
       t
-    ), X = Gn(n, c, t, l), ee = qn(n, c, t), te = eo(n, i);
-    return Ge(async () => {
+    ), U = eo(n, c, t, l), ee = to(n, c, t), te = no(n, i);
+    return et(async () => {
       n.modelValue && (await le(), s && t("open", s));
     }), e({
       panelRef: i,
       state: c,
       maximized: r,
-      minimized: d,
+      minimized: p,
       changeMode: _,
       show: g,
       hide: I,
       submit: C,
       cancel: F,
       componentInstance: te
-    }), (j, H) => n.modelValue ? (u(), f(qe, {
+    }), (j, H) => n.modelValue ? (u(), f(tt, {
       key: 0,
       to: "body"
     }, [
-      R("div", {
+      $("div", {
         ref_key: "wrapper",
         ref: l,
-        class: U(["x-dialog__wrapper", o(V)])
+        class: X(["x-dialog__wrapper", o(P)])
       }, [
-        n.modal ? (u(), A("div", {
+        n.modal ? (u(), D("div", {
           key: 0,
           class: "x-dialog__modal",
           style: Ee(o(k))
         }, null, 4)) : v("", !0),
-        L((u(), f(o(vt), {
+        L((u(), f(o(bt), {
           ref_key: "panelRef",
           ref: i,
-          class: U(["x-dialog", o(x)]),
+          class: X(["x-dialog", o(z)]),
           card: "",
           shadow: "always",
           header: { icon: n.icon, subtitle: n.subtitle },
@@ -1505,25 +1507,25 @@ const to = ["src"], bt = /* @__PURE__ */ D({
           size: n.size,
           body: { padding: n.bodyPadding },
           onClick: o(E)
-        }, et({
-          title: p(() => [
+        }, nt({
+          title: d(() => [
             N(O(n.title), 1)
           ]),
-          actions: p(() => [
-            z(j.$slots, "actions"),
+          actions: d(() => [
+            x(j.$slots, "actions"),
             n.minimizable ? (u(), f(o(W), {
               key: 0,
-              icon: o(ln),
+              icon: o(cn),
               size: n.size,
               mode: "icon",
               type: "primary",
               background: "hover",
               onClick: H[0] || (H[0] = (se) => o(_)("minimized"))
             }, null, 8, ["icon", "size"])) : v("", !0),
-            n.maximizable ? (u(), A(q, { key: 1 }, [
+            n.maximizable ? (u(), D(q, { key: 1 }, [
               o(m) ? (u(), f(o(W), {
                 key: 1,
-                icon: o(cn),
+                icon: o(dn),
                 size: n.size,
                 mode: "icon",
                 type: "primary",
@@ -1531,7 +1533,7 @@ const to = ["src"], bt = /* @__PURE__ */ D({
                 onClick: H[2] || (H[2] = (se) => o(_)("maximized"))
               }, null, 8, ["icon", "size"])) : (u(), f(o(W), {
                 key: 0,
-                icon: o(rn),
+                icon: o(un),
                 size: n.size,
                 mode: "icon",
                 type: "primary",
@@ -1541,46 +1543,46 @@ const to = ["src"], bt = /* @__PURE__ */ D({
             ], 64)) : v("", !0),
             n.closable ? (u(), f(o(W), {
               key: 2,
-              icon: o(un),
+              icon: o(pn),
               size: n.size,
               mode: "icon",
               type: "danger",
               background: "hover",
-              onClick: o(B)
+              onClick: o(A)
             }, null, 8, ["icon", "size", "onClick"])) : v("", !0)
           ]),
-          default: p(() => [
-            z(j.$slots, "default", {}, () => [
+          default: d(() => [
+            x(j.$slots, "default", {}, () => [
               n.content ? (u(), f(Y(n.content), { key: 0 })) : v("", !0),
-              n.src ? (u(), A("iframe", {
+              n.src ? (u(), D("iframe", {
                 key: 1,
                 src: n.src,
                 class: "x-dialog__frame"
-              }, null, 8, to)) : v("", !0)
+              }, null, 8, oo)) : v("", !0)
             ])
           ]),
           _: 2
         }, [
           n.cancel || n.submit || j.$slots.footer || j.$slots.extra || j.$slots.handle ? {
             name: "footer",
-            fn: p(() => [
-              z(j.$slots, "footer", {}, () => [
+            fn: d(() => [
+              x(j.$slots, "footer", {}, () => [
                 b(o(M), null, {
-                  default: p(() => [
-                    z(j.$slots, "extra")
+                  default: d(() => [
+                    x(j.$slots, "extra")
                   ]),
                   _: 3
                 }),
                 b(o(M), null, {
-                  default: p(() => [
-                    z(j.$slots, "handle"),
+                  default: d(() => [
+                    x(j.$slots, "handle"),
                     n.cancel ? (u(), f(o(de), {
                       key: 0,
                       type: "default",
                       size: n.size,
                       onClick: o(F)
                     }, {
-                      default: p(() => [
+                      default: d(() => [
                         N(O(typeof n.cancel == "string" ? n.cancel : "取消"), 1)
                       ]),
                       _: 1
@@ -1591,7 +1593,7 @@ const to = ["src"], bt = /* @__PURE__ */ D({
                       size: n.size,
                       onClick: o(C)
                     }, {
-                      default: p(() => [
+                      default: d(() => [
                         N(O(typeof n.submit == "string" ? n.cancel : "确定"), 1)
                       ]),
                       _: 1
@@ -1604,18 +1606,18 @@ const to = ["src"], bt = /* @__PURE__ */ D({
             key: "0"
           } : void 0
         ]), 1032, ["header", "class", "style", "size", "body", "onClick"])), [
-          [o(Qn), o(X)],
-          [o(yt), o(ee)]
+          [o(Jn), o(U)],
+          [o(_t), o(ee)]
         ])
       ], 2)
     ])) : v("", !0);
   }
 });
-function $e(a, e) {
-  const t = document.createElement("div"), n = b(bt, a);
-  n.appContext = e ?? $e._context, Fe(n, t);
+function Oe(a, e) {
+  const t = document.createElement("div"), n = b(wt, a);
+  n.appContext = e ?? Oe._context, je(n, t);
   const s = () => {
-    Fe(null, t), t.parentNode?.removeChild(t);
+    je(null, t), t.parentNode?.removeChild(t);
   };
   return n.props.onDestroy = () => {
     s();
@@ -1624,7 +1626,7 @@ function $e(a, e) {
     destroy: s
   };
 }
-const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -1), oo = /* @__PURE__ */ D({
+const ao = /* @__PURE__ */ $("div", { class: "x-mask-sidebar__helper" }, null, -1), so = /* @__PURE__ */ B({
   __name: "Sidebar",
   props: {
     collapsed: { type: Boolean }
@@ -1632,13 +1634,13 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
   setup(a) {
     const e = a;
     return (t, n) => L((u(), f(o(M), {
-      class: U(["x-mask-sidebar", { "is-collapsed": e.collapsed }]),
+      class: X(["x-mask-sidebar", { "is-collapsed": e.collapsed }]),
       grow: !1,
       flex: "",
       direction: "column"
     }, {
-      default: p(() => [
-        z(t.$slots, "brand"),
+      default: d(() => [
+        x(t.$slots, "brand"),
         b(o(M), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
@@ -1647,16 +1649,16 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           justify: "space-between",
           align: "center"
         }, {
-          default: p(() => [
-            z(t.$slots, "default"),
-            no
+          default: d(() => [
+            x(t.$slots, "default"),
+            ao
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class"])), [
-      [o(yt), {
+      [o(_t), {
         dirs: ["e"],
         disabled: e.collapsed,
         maxWidth: 500,
@@ -1664,7 +1666,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       }]
     ]);
   }
-}), ao = /* @__PURE__ */ D({
+}), lo = /* @__PURE__ */ B({
   __name: "SwitchBar",
   props: {
     collasped: { type: Boolean, default: !1 },
@@ -1677,51 +1679,51 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:favorite"
   ],
   setup(a, { emit: e }) {
-    const t = a, n = $(!1), s = $(""), l = $(!1), i = () => {
+    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);
     }, r = () => {
       e("update:collasped", !t.collasped);
-    }, d = () => {
+    }, p = () => {
       e("update:keyword", s.value);
     }, m = () => {
       e("update:favorite", l.value);
     };
-    return (h, x) => (u(), f(o(M), {
+    return (h, z) => (u(), f(o(M), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
-      default: p(() => [
+      default: d(() => [
         t.collasped ? v("", !0) : (u(), f(o(M), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
-          default: p(() => [
-            n.value ? v("", !0) : (u(), f(o(tt), {
+          default: d(() => [
+            n.value ? v("", !0) : (u(), f(o(ot), {
               key: 0,
               modelValue: l.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (V) => l.value = V),
+              "onUpdate:modelValue": z[0] || (z[0] = (P) => l.value = P),
               class: "x-mask-switch-bar__switch",
-              "active-icon": o(at),
-              "inactive-icon": o(ot),
+              "active-icon": o(lt),
+              "inactive-icon": o(st),
               onChange: m
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
             n.value ? (u(), f(o(Ht), {
               key: 1,
               modelValue: s.value,
-              "onUpdate:modelValue": x[1] || (x[1] = (V) => s.value = V),
+              "onUpdate:modelValue": z[1] || (z[1] = (P) => s.value = P),
               class: "x-mask-switch-bar__input",
               size: "small",
               placeholder: "请输入查询关键字",
-              onInput: d,
+              onInput: p,
               "prefix-icon": o(Be)
             }, {
-              suffix: p(() => [
+              suffix: d(() => [
                 b(o(ae), {
-                  icon: o(st),
+                  icon: o(it),
                   onClick: c
                 }, null, 8, ["icon"])
               ]),
@@ -1731,12 +1733,12 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           _: 1
         })),
         b(o(M), {
-          class: U(["x-mask-switch-bar__right", { "is-collasped": t.collasped }]),
+          class: X(["x-mask-switch-bar__right", { "is-collasped": t.collasped }]),
           flex: "",
           align: "center",
           justify: "center"
         }, {
-          default: p(() => [
+          default: d(() => [
             !n.value && !t.collasped ? (u(), f(o(W), {
               key: 0,
               icon: o(Be),
@@ -1748,7 +1750,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
             }, null, 8, ["icon"])) : v("", !0),
             t.collasped ? (u(), f(o(W), {
               key: 1,
-              icon: o(Kt),
+              icon: o(Gt),
               mode: "icon",
               size: "default",
               background: "hover",
@@ -1757,7 +1759,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
             }, null, 8, ["icon"])) : v("", !0),
             t.collasped ? v("", !0) : (u(), f(o(W), {
               key: 2,
-              icon: o(Yt),
+              icon: o(qt),
               mode: "icon",
               size: "default",
               background: "hover",
@@ -1771,7 +1773,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }));
   }
-}), so = ["src"], lo = { key: 0 }, io = /* @__PURE__ */ D({
+}), io = ["src"], ro = { key: 0 }, co = /* @__PURE__ */ B({
   __name: "Brand",
   props: {
     collapsed: { type: Boolean, default: !1 },
@@ -1784,10 +1786,10 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       e.url && t.push(e.url);
     };
     return (s, l) => (u(), f(o(M), {
-      class: U(["x-mask-brand", { "is-collapsed": e.collapsed }]),
+      class: X(["x-mask-brand", { "is-collapsed": e.collapsed }]),
       align: "center"
     }, {
-      default: p(() => [
+      default: d(() => [
         b(o(M), {
           class: "x-mask-brand__logo",
           flex: "",
@@ -1795,12 +1797,12 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           align: "center",
           onClick: n
         }, {
-          default: p(() => [
-            z(s.$slots, "logo", {}, () => [
-              e.logo ? (u(), A("img", {
+          default: d(() => [
+            x(s.$slots, "logo", {}, () => [
+              e.logo ? (u(), D("img", {
                 key: 0,
                 src: e.logo
-              }, null, 8, so)) : v("", !0)
+              }, null, 8, io)) : v("", !0)
             ])
           ]),
           _: 3
@@ -1810,9 +1812,9 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           flex: "",
           align: "center"
         }, {
-          default: p(() => [
-            e.title ? (u(), A("span", lo, [
-              z(s.$slots, "title", {}, () => [
+          default: d(() => [
+            e.title ? (u(), D("span", ro, [
+              x(s.$slots, "title", {}, () => [
                 N(O(e.title), 1)
               ])
             ])) : v("", !0)
@@ -1823,7 +1825,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), ge = "__favorites__", he = "__search__", ro = /* @__PURE__ */ D({
+}), ge = "__favorites__", he = "__search__", uo = /* @__PURE__ */ B({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1840,7 +1842,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       {
         id: ge,
         title: "收藏",
-        icon: lt,
+        icon: rt,
         children: t.favorites?.length ? t.favorites : [
           {
             id: ge + "empty",
@@ -1850,13 +1852,13 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
         ]
       }
     ]), i = y(() => {
-      const r = (t.keyword || "").trim(), d = r ? (t.flatMenus || []).filter((m) => m.title?.includes(r)) : [];
+      const r = (t.keyword || "").trim(), p = r ? (t.flatMenus || []).filter((m) => m.title?.includes(r)) : [];
       return [
         {
           id: he,
           title: "搜索",
           icon: Be,
-          children: d?.length ? d : [
+          children: p?.length ? p : [
             {
               id: he + "empty",
               disabled: !0,
@@ -1868,14 +1870,14 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
     }), c = (r) => {
       e("select", r);
     };
-    return (r, d) => (u(), A(q, null, [
+    return (r, p) => (u(), D(q, null, [
       L(b(o(M), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
         overflow: "auto"
       }, {
-        default: p(() => [
+        default: d(() => [
           L(b(o(G), {
             subMenu: {
               popperClass: "x-mask-menu-popper",
@@ -1921,7 +1923,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
         flex: !1,
         overflow: "auto"
       }, {
-        default: p(() => [
+        default: d(() => [
           L(b(o(G), {
             class: "x-mask-menu__favorites",
             subMenu: {
@@ -1970,7 +1972,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
         flex: !1,
         overflow: "auto"
       }, {
-        default: p(() => [
+        default: d(() => [
           L(b(o(G), {
             class: "x-mask-menu__search",
             subMenu: {
@@ -2014,7 +2016,7 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       ]) : v("", !0)
     ], 64));
   }
-}), co = { class: "x-mask-tabs__trigger" }, uo = { key: 1 }, po = ["onDragstart", "onDragend"], fo = { key: 1 }, mo = /* @__PURE__ */ D({
+}), po = { class: "x-mask-tabs__trigger" }, fo = { key: 1 }, mo = ["onDragstart", "onDragend"], go = { key: 1 }, ho = /* @__PURE__ */ B({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -2025,62 +2027,62 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   emits: ["click", "remove", "refresh", "toggleFavorite", "dialog"],
   setup(a, { emit: e }) {
-    const t = a, n = (d) => {
+    const t = a, n = (p) => {
       const m = !!t.favorites.find(
-        (h) => h === d.menu || h.id === d.menu?.id
+        (h) => h === p.menu || h.id === p.menu?.id
       );
       return [
         {
-          icon: Gt,
+          icon: en,
           label: "刷新",
           name: "refresh",
-          value: d
+          value: p
         },
         "|",
         {
-          icon: m ? at : lt,
+          icon: m ? lt : rt,
           label: "收藏",
           name: "favorite",
-          value: d.menu,
-          disabled: !d.menu
+          value: p.menu,
+          disabled: !p.menu
         },
         "|",
         {
-          icon: qt,
+          icon: tn,
           label: "弹窗",
           name: "dialog",
-          value: d
+          value: p
         }
       ];
-    }, s = (d) => {
-      const m = d.paneName;
+    }, s = (p) => {
+      const m = p.paneName;
       if (m === t.home.id) {
         e("click", t.home);
         return;
       }
-      const h = t.tabs.find((x) => x.id === m);
+      const h = t.tabs.find((z) => z.id === m);
       h && e("click", h);
-    }, l = (d) => {
-      const m = t.tabs.find((h) => h.id === d);
+    }, l = (p) => {
+      const m = t.tabs.find((h) => h.id === p);
       m && e("remove", m);
-    }, i = (d) => {
-      switch (d.name) {
+    }, i = (p) => {
+      switch (p.name) {
         case "refresh":
-          e("refresh", d.value);
+          e("refresh", p.value);
           break;
         case "favorite":
-          e("toggleFavorite", d.value);
+          e("toggleFavorite", p.value);
           break;
         case "dialog":
-          e("dialog", d.value);
+          e("dialog", p.value);
           break;
       }
-    }, c = (d, m) => {
-      m.dataTransfer && (m.dataTransfer.setData("tab", d.id), m.target && m.target.classList.add("is-dagging"));
-    }, r = (d, m) => {
+    }, 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");
     };
-    return (d, m) => (u(), f(o(M), {
+    return (p, m) => (u(), f(o(M), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2089,53 +2091,53 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       justify: "flex-end",
       direction: "column"
     }, {
-      default: p(() => [
+      default: d(() => [
         b(o(Wt), {
           type: "card",
           "model-value": t.value,
           onTabRemove: l,
           onTabClick: s
         }, {
-          default: p(() => [
-            t.home ? (u(), f(o(Ue), {
+          default: d(() => [
+            t.home ? (u(), f(o(He), {
               key: 0,
               name: t.home.id
             }, {
-              label: p(() => [
-                R("div", co, [
+              label: d(() => [
+                $("div", po, [
                   t.home.icon ? (u(), f(Y(o(_e)(t.home.icon)), { key: 0 })) : v("", !0),
-                  t.home.title ? (u(), A("span", uo, O(t.home.title), 1)) : v("", !0)
+                  t.home.title ? (u(), D("span", fo, O(t.home.title), 1)) : v("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["name"])) : v("", !0),
-            (u(!0), A(q, null, we(t.tabs, (h) => (u(), f(o(Ue), {
+            (u(!0), D(q, null, we(t.tabs, (h) => (u(), f(o(He), {
               key: h.id,
               name: h.id,
               lazy: "",
               closable: ""
             }, {
-              label: p(() => [
-                b(o(nt), {
+              label: d(() => [
+                b(o(at), {
                   "open-delay": 500,
                   placement: "bottom",
                   trigger: "hover",
                   width: "200px",
                   disabled: h.id !== t.value
                 }, {
-                  reference: p(() => [
-                    R("div", {
+                  reference: d(() => [
+                    $("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (x) => c(h, x),
-                      onDragend: (x) => r(h, x)
+                      onDragstart: (z) => c(h, z),
+                      onDragend: (z) => r(h, z)
                     }, [
                       h.icon ? (u(), f(Y(o(_e)(h.icon)), { key: 0 })) : v("", !0),
-                      h.title ? (u(), A("span", fo, O(h.title), 1)) : v("", !0)
-                    ], 40, po)
+                      h.title ? (u(), D("span", go, O(h.title), 1)) : v("", !0)
+                    ], 40, mo)
                   ]),
-                  default: p(() => [
-                    b(o(Re), {
+                  default: d(() => [
+                    b(o(Fe), {
                       items: n(h),
                       mode: "text",
                       size: "small",
@@ -2155,20 +2157,20 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }, 512));
   }
-}), go = /* @__PURE__ */ D({
+}), vo = /* @__PURE__ */ B({
   __name: "ThemeSwitch",
   setup(a) {
-    const e = fn();
-    return (t, n) => (u(), f(o(tt), {
+    const e = gn();
+    return (t, n) => (u(), f(o(ot), {
       class: "x-mask-theme-switch",
       modelValue: o(e),
       "onUpdate:modelValue": n[0] || (n[0] = (s) => ve(e) ? e.value = s : null),
       size: "default",
-      "active-action-icon": o(en),
-      "inactive-action-icon": o(tn)
+      "active-action-icon": o(nn),
+      "inactive-action-icon": o(on)
     }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
   }
-}), ho = { class: "x-mask-toolbar__menu-item" }, vo = /* @__PURE__ */ D({
+}), yo = { class: "x-mask-toolbar__menu-item" }, bo = /* @__PURE__ */ B({
   __name: "Toolbar",
   props: {
     tabs: { default: () => [] },
@@ -2185,10 +2187,10 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
   ],
   setup(a, { emit: e }) {
     const t = a, n = y(() => {
-      const r = t.tabs.map((d, m) => ({
+      const r = t.tabs.map((p, m) => ({
         divided: m === 0,
-        label: d.title,
-        command: d
+        label: p.title,
+        command: p
       }));
       return [
         {
@@ -2217,16 +2219,16 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       }
     }, i = (r) => {
       e("actionClick", r);
-    }, c = (r, d) => {
-      e("actionCommand", r, d);
+    }, c = (r, p) => {
+      e("actionCommand", r, p);
     };
-    return (r, d) => (u(), f(o(M), {
+    return (r, p) => (u(), f(o(M), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
-      default: p(() => [
+      default: d(() => [
         b(o(W), {
-          icon: o(nn),
+          icon: o(an),
           menus: n.value,
           dropdown: { size: "small" },
           mode: "icon",
@@ -2234,20 +2236,20 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           background: "hover",
           onCommand: l
         }, {
-          item: p(({ item: m }) => [
-            R("span", ho, [
+          item: d(({ item: m }) => [
+            $("span", yo, [
               N(O(m.label) + " ", 1),
               ["other", "all"].includes(m.command) ? v("", !0) : (u(), f(o(ae), {
                 key: 0,
                 onClick: Et((h) => s(m), ["stop"]),
-                icon: o(st)
+                icon: o(it)
               }, null, 8, ["onClick", "icon"]))
             ])
           ]),
           _: 1
         }, 8, ["icon", "menus"]),
         b(o(ue), { direction: "vertical" }),
-        t.actions ? (u(), f(o(Re), {
+        t.actions ? (u(), f(o(Fe), {
           key: 0,
           circle: "",
           mode: "icon",
@@ -2261,44 +2263,44 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
           key: 1,
           direction: "vertical"
         })) : v("", !0),
-        t.theme ? (u(), f(go, { key: 2 })) : v("", !0),
+        t.theme ? (u(), f(vo, { key: 2 })) : v("", !0),
         t.theme ? (u(), f(o(ue), {
           key: 3,
           direction: "vertical"
         })) : v("", !0),
-        z(r.$slots, "default")
+        x(r.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), yo = /* @__PURE__ */ D({
+}), _o = /* @__PURE__ */ B({
   __name: "Avatar",
   props: {
     avatar: {}
   },
   setup(a) {
     const e = a;
-    return (t, n) => (u(), f(o(nt), {
+    return (t, n) => (u(), f(o(at), {
       width: 200,
       "popper-class": "x-mask-avatar__popper",
       disabled: !t.$slots.default
     }, {
-      reference: p(() => [
+      reference: d(() => [
         b(o(Qt), {
           class: "x-mask-avatar",
           shape: "circle",
-          icon: o(on),
+          icon: o(sn),
           src: e.avatar,
           size: 26
         }, null, 8, ["icon", "src"])
       ]),
-      default: p(() => [
-        t.$slots.default ? z(t.$slots, "default", { key: 0 }) : v("", !0)
+      default: d(() => [
+        t.$slots.default ? x(t.$slots, "default", { key: 0 }) : v("", !0)
       ]),
       _: 3
     }, 8, ["disabled"]));
   }
-}), Ze = /* @__PURE__ */ D({
+}), Ke = /* @__PURE__ */ B({
   __name: "Content",
   props: {
     createView: { type: Function },
@@ -2312,10 +2314,10 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       grow: "",
       padding: !1
     }, {
-      default: p(() => [
-        z(t.$slots, "default"),
-        b(o(it), null, {
-          default: p(({ Component: s, route: l }) => [
+      default: d(() => [
+        x(t.$slots, "default"),
+        b(o(ct), null, {
+          default: d(({ Component: s, route: l }) => [
             (u(), f(It, {
               exclude: e.exclude
             }, [
@@ -2330,13 +2332,13 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }));
   }
-}), bo = 140, _o = {
+}), wo = 140, ko = {
   /**
    * 系统logo
    */
   logo: {
     type: String,
-    default: ft
+    default: gt
   },
   /**
    * 系统标题
@@ -2413,52 +2415,52 @@ const no = /* @__PURE__ */ R("div", { class: "x-mask-sidebar__helper" }, null, -
   removeFavorite: {
     type: Function
   }
-}, _t = Symbol(), wt = Symbol();
-function wo(a) {
-  const e = $(!1), t = $(""), n = $(!1);
+}, kt = Symbol(), xt = Symbol();
+function xo(a) {
+  const e = R(!1), t = R(""), n = R(!1);
   return {
     collapsed: e,
     keyword: t,
     favorite: n
   };
 }
-function ko(a) {
-  const e = dt();
+function zo(a) {
+  const e = ft();
   return y(() => {
     const t = a.home;
     return Object.assign(
-      { id: e, url: "/", name: "MaskHome", icon: an, closable: !1 },
+      { id: e, url: "/", name: "MaskHome", icon: ln, closable: !1 },
       typeof t == "string" ? { url: t } : t || {}
     );
   });
 }
-function kt(a, e) {
+function zt(a, e) {
   let t = [];
   return a.forEach((n) => {
-    n = e ? e(n) : n, n.children ? t = t.concat(kt(n.children, e)) : t.push(n);
+    n = e ? e(n) : n, n.children ? t = t.concat(zt(n.children, e)) : t.push(n);
   }), t;
 }
-function xo(a, e) {
-  const t = ke(), n = Oe([]), s = Oe([]), l = y(() => kt(n.value, a.menuAdapter)), i = y(() => mn(l.value, "id")), c = $(null), r = (k) => {
+function So(a, e) {
+  const t = ke(), n = Ne([]), s = Ne([]), l = y(() => zt(n.value, a.menuAdapter)), i = y(() => hn(l.value, "id")), c = R(null), r = (k) => {
     const _ = typeof k == "object" ? k.id : k, E = i.value.get(_);
     if (!E) {
       console.warn("找不到菜单", k);
       return;
     }
-    const { type: B = "route", url: g, title: I, icon: C } = E;
+    const { type: A = "route", url: g, title: I, icon: C } = E;
     if (!g) {
       c.value = E, e("select", E);
       return;
     }
-    if (B === "route") {
-      gn(g) || g.startsWith("//") ? window.open(g) : (c.value = E, t.push(g).catch((F) => F));
+    if (A === "route") {
+      vn(g) || g.startsWith("//") ? window.open(g) : (c.value = E, t.push(g).catch((F) => F));
       return;
     }
-    if (B === "window") {
+    if (A === "window") {
       window.open(g);
       return;
     }
-    B === "dialog" && $e({
+    A === "dialog" && Oe({
       resizable: !0,
       bodyPadding: !1,
       width: "80%",
@@ -2467,38 +2469,38 @@ function xo(a, e) {
       icon: C,
       src: g
     });
-  }, d = async () => {
+  }, 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 = (k) => {
     s.value = [k, ...s.value], a.addFavorite && a.addFavorite(k);
   }, h = (k) => {
     s.value = s.value.filter((_) => _.id !== k.id), a.removeFavorite && a.removeFavorite(k);
-  }, x = (k) => !!s.value.find((_) => _ === k || _.id === k.id), V = (k) => {
-    x(k) ? h(k) : m(k);
+  }, z = (k) => !!s.value.find((_) => _ === k || _.id === k.id), P = (k) => {
+    z(k) ? h(k) : m(k);
   };
-  return Ge(d), {
+  return et(p), {
     menus: n,
     favorites: s,
     flatMenus: l,
     active: c,
     select: r,
-    toggleFavorite: V
+    toggleFavorite: P
   };
 }
-function zo(a, e, t, n, s) {
-  const l = Ve(), i = ke(), c = {}, r = $([]), d = $(), { width: m } = rt(d), h = y(() => Math.floor(m.value / bo)), x = y(
+function Co(a, e, t, n, s) {
+  const l = $e(), i = ke(), c = {}, r = R([]), p = R(), { width: m } = ut(p), h = y(() => Math.floor(m.value / wo)), z = y(
     () => r.value.slice(0, h.value).filter((w) => !w.dialog)
-  ), V = y(() => r.value.slice(h.value)), k = (w) => t.value.find((S) => S.url === w), _ = (w) => l.fullPath === w.url, E = (w) => s.value.id === w ? s.value : r.value.find((S) => S.id === w), B = $(""), g = y(() => E(B.value)), I = (w) => {
+  ), P = y(() => r.value.slice(h.value)), k = (w) => t.value.find((S) => S.url === w), _ = (w) => l.fullPath === w.url, E = (w) => s.value.id === w ? s.value : r.value.find((S) => S.id === w), A = R(""), g = y(() => E(A.value)), I = (w) => {
     i.push(w.url).catch((S) => S);
   }, C = (w) => {
-    B.value = w.id, l.fullPath !== w.url && I(w);
+    A.value = w.id, l.fullPath !== w.url && I(w);
   }, F = () => {
     I(s.value);
-  }, X = (w) => {
+  }, U = (w) => {
     const S = r.value.find((T) => T.url === w.url || T.id === w.id);
     S ? C(S) : (r.value.unshift(w), C(w));
   }, ee = async (w) => {
-    const { url: S = l.fullPath, icon: T, title: ze = "新建标签页" } = w || {}, fe = c[S], Se = dt(), Ce = pt(S);
+    const { url: S = l.fullPath, icon: T, title: ze = "新建标签页" } = w || {}, fe = c[S], Se = ft(), Ce = mt(S);
     return {
       id: Se,
       name: Ce,
@@ -2513,7 +2515,7 @@ function zo(a, e, t, n, s) {
     if (await Te.confirm("是否关闭页签", "提示", {
       type: "warning"
     }).catch((T) => !1)) {
-      if (r.value = r.value.filter((T) => T.id !== w.id), B.value === w.id) {
+      if (r.value = r.value.filter((T) => T.id !== w.id), A.value === w.id) {
         const T = r.value[0];
         I(T || s.value);
       }
@@ -2537,8 +2539,8 @@ function zo(a, e, t, n, s) {
       type: "warning"
     }).catch((T) => !1))
       return;
-    const S = r.value.filter((T) => T.id !== B.value);
-    return r.value = r.value.filter((T) => T.id === B.value), S;
+    const S = r.value.filter((T) => T.id !== A.value);
+    return r.value = r.value.filter((T) => T.id === A.value), S;
   }, xe = (w) => {
     const S = r.value.filter((T) => T.id !== w.id);
     r.value = [w, ...S], C(w);
@@ -2546,48 +2548,48 @@ function zo(a, e, t, n, s) {
     await le();
     const w = s.value.url === l.fullPath, S = k(l.fullPath);
     if (w)
-      B.value = s.value.id;
+      A.value = s.value.id;
     else {
       const T = await ee(S);
-      X(T);
+      U(T);
     }
     await le(), n.value = S || null;
   };
-  return oe(t, re), oe(l, re, { immediate: !0 }), De(_t, c), {
-    tabRef: d,
+  return oe(t, re), oe(l, re, { immediate: !0 }), Ve(kt, c), {
+    tabRef: p,
     tabs: r,
-    showTabs: x,
+    showTabs: z,
     currentTab: g,
     changeTab: I,
     removeTab: te,
     updateTab: j,
-    addTab: X,
+    addTab: U,
     home: s,
-    tabValue: B,
+    tabValue: A,
     isCurrentTab: _,
     activeHome: F,
     activeTab: C,
-    dropdownTabs: V,
+    dropdownTabs: P,
     removeAllTabs: H,
     removeOtherTabs: se,
     moveToShow: xe
   };
 }
-function So(a) {
-  const e = /* @__PURE__ */ new Map(), t = $([]), n = Ye({}), s = {}, { updateTab: l, isCurrentTab: i, activeHome: c, tabs: r } = a, d = (g, I) => {
+function To(a) {
+  const e = /* @__PURE__ */ new Map(), t = R([]), n = qe({}), 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);
     {
-      const F = pt(C), X = {
+      const F = mt(C), U = {
         name: F,
         setup() {
           const ee = y(() => n[C] || document.body), te = y(() => !n[C]), j = y(() => !t.value.includes(F));
-          return De(
-            sn,
+          return Ve(
+            rn,
             Bt({ ...I })
           ), () => j.value ? K(
-            qe,
+            tt,
             {
               to: ee.value,
               disabled: te.value
@@ -2596,7 +2598,7 @@ function So(a) {
           ) : null;
         }
       };
-      return e.set(C, X), X;
+      return e.set(C, U), U;
     }
   }, m = (g) => {
     g.dialog = void 0, delete n[g.url];
@@ -2606,7 +2608,7 @@ function So(a) {
     g.forEach((I) => {
       m(I);
     });
-  }, x = async (g) => {
+  }, z = async (g) => {
     g.dialog = {
       ...g.dialog,
       onMinimized: () => {
@@ -2616,7 +2618,7 @@ function So(a) {
         m(g), r.value = r.value.filter((C) => C.id !== g.id);
       }
     }, l(g);
-    const I = $e({
+    const I = Oe({
       title: g.title,
       icon: g.icon,
       modal: !1,
@@ -2628,7 +2630,7 @@ function So(a) {
       }
     });
     return await le(), i(g) && c(), s[g.id] = I, I;
-  }, V = async (g) => {
+  }, P = async (g) => {
     t.value = [g.name], await le(), t.value = [];
   }, k = async (g) => {
     t.value = g.map((I) => I.name), await le(), t.value = [];
@@ -2636,93 +2638,93 @@ function So(a) {
     if (g.dataTransfer) {
       const I = g.dataTransfer.getData("tab"), C = r.value.find((F) => F.id === I);
       if (C) {
-        const { clientX: F, clientY: X } = g;
+        const { clientX: F, clientY: U } = g;
         C.dialog = {
           left: F,
-          top: X
-        }, x(C);
+          top: U
+        }, z(C);
       }
     }
-  }, B = (g) => !!n[g];
+  }, A = (g) => !!n[g];
   return be(document, "dragover", _), be(document, "drop", E), {
-    createView: d,
-    openDialog: x,
-    refresh: V,
+    createView: p,
+    openDialog: z,
+    refresh: P,
     exclude: t,
     cleanCache: k,
-    hasDialog: B,
+    hasDialog: A,
     closeDialog: m,
     closeDialogs: h
   };
 }
-const Co = /* @__PURE__ */ D({
+const Mo = /* @__PURE__ */ B({
   name: "XMask",
   __name: "Mask",
-  props: _o,
+  props: ko,
   emits: ["select", "actionClick", "actionCommand"],
   setup(a, { emit: e }) {
-    const t = a, n = ko(t), { collapsed: s, keyword: l, favorite: i } = wo(), { menus: c, favorites: r, flatMenus: d, active: m, select: h, toggleFavorite: x } = xo(t, e), {
-      tabRef: V,
+    const t = a, n = zo(t), { collapsed: s, keyword: l, favorite: i } = xo(), { menus: c, favorites: r, flatMenus: p, active: m, select: h, toggleFavorite: z } = So(t, e), {
+      tabRef: P,
       showTabs: k,
       currentTab: _,
       changeTab: E,
-      removeTab: B,
+      removeTab: A,
       tabs: g,
       updateTab: I,
       isCurrentTab: C,
       activeHome: F,
-      removeAllTabs: X,
+      removeAllTabs: U,
       removeOtherTabs: ee,
       dropdownTabs: te,
       moveToShow: j
-    } = zo(t, e, d, m, n), { createView: H, openDialog: se, refresh: xe, exclude: re, cleanCache: w, closeDialogs: S } = So({
+    } = Co(t, e, p, m, n), { createView: H, openDialog: se, refresh: xe, exclude: re, cleanCache: w, closeDialogs: S } = To({
       tabs: g,
       updateTab: I,
       isCurrentTab: C,
       activeHome: F
-    }), T = async (P) => {
-      await B(P) && await w([P]);
+    }), T = async (V) => {
+      await A(V) && await w([V]);
     }, ze = async () => {
-      const P = await X();
-      P && (S(P), await w(P));
+      const V = await U();
+      V && (S(V), await w(V));
     }, fe = async () => {
-      const P = await ee();
-      P && (S(P), await w(P));
-    }, Se = (P) => {
-      e("actionClick", P);
-    }, Ce = (P, Z) => {
-      e("actionCommand", P, Z);
+      const V = await ee();
+      V && (S(V), await w(V));
+    }, Se = (V) => {
+      e("actionClick", V);
+    }, Ce = (V, Z) => {
+      e("actionCommand", V, Z);
     };
-    return De(wt, {
+    return Ve(xt, {
       tabs: g,
-      flatMenus: d,
+      flatMenus: p,
       favorites: r,
       updateTab: I,
       active: m,
       currentTab: _
-    }), (P, Z) => (u(), f(o(M), { class: "x-mask" }, {
-      default: p(() => [
-        t.disabled ? (u(), f(Ze, {
+    }), (V, Z) => (u(), f(o(M), { class: "x-mask" }, {
+      default: d(() => [
+        t.disabled ? (u(), f(Ke, {
           key: 1,
           createView: o(H),
           exclude: o(re)
         }, {
-          default: p(() => [
-            P.$slots.default ? z(P.$slots, "default", { key: 0 }) : v("", !0)
+          default: d(() => [
+            V.$slots.default ? x(V.$slots, "default", { key: 0 }) : v("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (u(), A(q, { key: 0 }, [
-          b(oo, { collapsed: o(s) }, {
-            brand: p(() => [
-              b(io, {
+        }, 8, ["createView", "exclude"])) : (u(), D(q, { key: 0 }, [
+          b(so, { collapsed: o(s) }, {
+            brand: d(() => [
+              b(co, {
                 logo: t.logo,
                 title: t.title,
                 url: o(n).url,
                 collapsed: o(s)
               }, null, 8, ["logo", "title", "url", "collapsed"])
             ]),
-            default: p(() => [
-              b(ao, {
+            default: d(() => [
+              b(lo, {
                 collasped: o(s),
                 "onUpdate:collasped": Z[0] || (Z[0] = (ce) => ve(s) ? s.value = ce : null),
                 favorite: o(i),
@@ -2730,12 +2732,12 @@ const Co = /* @__PURE__ */ D({
                 keyword: o(l),
                 "onUpdate:keyword": Z[2] || (Z[2] = (ce) => ve(l) ? l.value = ce : null)
               }, null, 8, ["collasped", "favorite", "keyword"]),
-              b(ro, {
+              b(uo, {
                 collapse: o(s),
                 keyword: o(l),
                 favorite: o(i),
                 favorites: o(r),
-                flatMenus: o(d),
+                flatMenus: o(p),
                 menus: o(c),
                 active: o(m),
                 onSelect: o(h)
@@ -2750,27 +2752,27 @@ const Co = /* @__PURE__ */ D({
             flex: "",
             direction: "column"
           }, {
-            default: p(() => [
+            default: d(() => [
               b(o(M), {
                 class: "x-mask-topbar",
                 justify: "space-between",
                 align: "center"
               }, {
-                default: p(() => [
-                  b(mo, {
+                default: d(() => [
+                  b(ho, {
                     ref_key: "tabRef",
-                    ref: V,
+                    ref: P,
                     favorites: o(r),
                     tabs: o(k),
                     home: o(n),
                     value: o(_)?.id,
                     onClick: o(E),
-                    onToggleFavorite: o(x),
+                    onToggleFavorite: o(z),
                     onRemove: T,
                     onDialog: o(se),
                     onRefresh: o(xe)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
-                  b(vo, {
+                  b(bo, {
                     tabs: o(te),
                     actions: t.actions,
                     theme: t.theme,
@@ -2781,14 +2783,14 @@ const Co = /* @__PURE__ */ D({
                     onActionClick: Se,
                     onActionCommand: Ce
                   }, {
-                    default: p(() => [
-                      b(yo, {
+                    default: d(() => [
+                      b(_o, {
                         avatar: t.avatar
-                      }, et({ _: 2 }, [
-                        P.$slots.user ? {
+                      }, nt({ _: 2 }, [
+                        V.$slots.user ? {
                           name: "default",
-                          fn: p(() => [
-                            z(P.$slots, "user")
+                          fn: d(() => [
+                            x(V.$slots, "user")
                           ]),
                           key: "0"
                         } : void 0
@@ -2799,12 +2801,12 @@ const Co = /* @__PURE__ */ D({
                 ]),
                 _: 3
               }),
-              b(Ze, {
+              b(Ke, {
                 createView: o(H),
                 exclude: o(re)
               }, {
-                default: p(() => [
-                  P.$slots.default ? z(P.$slots, "default", { key: 0 }) : v("", !0)
+                default: d(() => [
+                  V.$slots.default ? x(V.$slots, "default", { key: 0 }) : v("", !0)
                 ]),
                 _: 3
               }, 8, ["createView", "exclude"])
@@ -2817,8 +2819,8 @@ const Co = /* @__PURE__ */ D({
     }));
   }
 });
-function Oo(a = {}) {
-  const e = Ve(), t = je(_t, null), n = je(wt, null);
+function Xo(a = {}) {
+  const e = $e(), t = Xe(kt, null), n = Xe(xt, null);
   if (t) {
     const l = typeof a == "function" ? a : async () => a;
     t[e.fullPath] = l;
@@ -2828,61 +2830,89 @@ function Oo(a = {}) {
     mask: n
   };
 }
-const To = [
-  xn,
+const Eo = /* @__PURE__ */ B({
+  __name: "Field",
+  setup(a) {
+    return (e, t) => (u(), f(o(Zt), De(Pe(e.$attrs)), {
+      default: d(() => [
+        x(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Uo = {
+  editor: {
+    type: [String, Object]
+  }
+}, Ho = /* @__PURE__ */ B({
+  __name: "Form",
+  setup(a) {
+    return (e, t) => (u(), f(o(Jt), De(Pe(e.$attrs)), {
+      default: d(() => [
+        x(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Io = [
+  Sn,
   ae,
   G,
-  Vn,
+  $n,
   W,
-  Re,
+  Fe,
   M,
-  ht,
-  vt,
+  yt,
   bt,
-  Co
-], jo = "0.6.6", Mo = hn(To), No = Mo.install;
+  wt,
+  Mo,
+  Eo
+], Lo = "0.6.8", Bo = yn(Io), Wo = Bo.install;
 export {
-  We as Draggable,
-  He as INSTALLED_KEY,
-  wt as MASK_KEY,
-  Fo as NOOP,
-  Qe as Resizable,
-  _t as TAB_CREATORS_KEY,
-  bo as TAB_ITEM_WIDTH,
+  Ze as Draggable,
+  We as INSTALLED_KEY,
+  xt as MASK_KEY,
+  No as NOOP,
+  Je as Resizable,
+  kt as TAB_CREATORS_KEY,
+  wo as TAB_ITEM_WIDTH,
   W as XAction,
-  Re as XActionBar,
+  Fe as XActionBar,
   M as XContainer,
-  bt as XDialog,
-  ht as XHeader,
+  wt as XDialog,
+  Eo as XField,
+  Ho as XForm,
+  yt as XHeader,
   ae as XIcon,
-  Co as XMask,
+  Mo as XMask,
   G as XMenu,
-  vt as XPanel,
-  Vn as XSimpleMask,
-  xn as XStartup,
-  Nn as actionBarProps,
-  gt as actionProps,
-  To as components,
-  Un as containerProps,
-  $e as createDialog,
-  No as default,
-  Oo as defineTab,
-  Zn as dialogProps,
-  Xe as getSizeValue,
-  Xn as headerProps,
-  Sn as iconProps,
-  zn as iconSizeMap,
-  No as install,
-  hn as makeInstaller,
-  _o as maskProps,
-  Ro as omit,
-  Wn as panelProps,
+  bt as XPanel,
+  $n as XSimpleMask,
+  Sn as XStartup,
+  Un as actionBarProps,
+  vt as actionProps,
+  Io as components,
+  Hn as containerProps,
+  Oe as createDialog,
+  Wo as default,
+  Xo as defineTab,
+  Kn as dialogProps,
+  Uo as fieldProps,
+  Le as getSizeValue,
+  Ln as headerProps,
+  Tn as iconProps,
+  Cn as iconSizeMap,
+  Wo as install,
+  yn as makeInstaller,
+  ko as maskProps,
+  Oo as omit,
+  Zn as panelProps,
   me as parseSize,
-  $o as pick,
-  Pe as useDisabled,
+  jo as pick,
+  Re as useDisabled,
   _e as useIcon,
-  Fn as useIconProps,
-  Qn as vDraggable,
-  yt as vResizable,
-  jo as version
+  jn as useIconProps,
+  Jn as vDraggable,
+  _t as vResizable,
+  Lo as version
 };