@vtj/ui 0.7.5 → 0.7.7

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as P, useAttrs as Je, getCurrentInstance as pe, computed as y, markRaw as ke, openBlock as u, createBlock as g, unref as n, normalizeClass as W, normalizeStyle as fe, withCtx as d, renderSlot as x, resolveDynamicComponent as J, createCommentVNode as v, createElementBlock as C, mergeProps as F, createElementVNode as H, toDisplayString as O, Fragment as Q, renderList as Y, isVNode as Ut, h as ae, shallowRef as Ve, ref as D, watch as L, toRef as Ae, createTextVNode as R, useSlots as Ht, toRaw as ge, createVNode as _, normalizeProps as le, guardReactiveProps as be, effectScope as mt, reactive as Re, onMounted as gt, onUnmounted as yt, watchEffect as Qe, nextTick as ye, Teleport as vt, withDirectives as G, createSlots as he, render as nt, vShow as ne, isRef as Be, withModifiers as bt, KeepAlive as Kt, provide as ze, inject as xe, withKeys as Lt } from "vue";
-import { ElIcon as Wt, ElSubMenu as Jt, ElBadge as Ke, ElMenuItem as Qt, ElMenu as Zt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Yt, ElDropdownItem as qt, ElTooltip as ht, ElDivider as se, ElSwitch as Ze, ElInput as Ce, ElEmpty as _t, ElTabs as kt, ElTabPane as Le, ElPopover as wt, ElAvatar as eo, ElMessageBox as Ne, ElSelect as to, ElOption as oo, ElCheckboxButton as no, ElCheckbox as ao, ElCheckboxGroup as so, ElRadioButton as lo, ElRadio as io, ElRadioGroup as ro, ElInputNumber as co, ElDatePicker as at, ElTimePicker as uo, ElRate as po, ElSlider as fo, ElCascader as mo, formContextKey as go, ElFormItem as yo, ElForm as vo, ElImage as bo, ElInfiniteScroll as st, ElPagination as ho, ElDescriptions as lt, ElDescriptionsItem as Xe, ElMessage as it } from "element-plus";
-import { ArrowRight as _o, Minimize as ko, Popup as wo, Maximize as xo, RawClose as So, StarFilled as xt, Menu as zo, Search as We, Close as St, Expand as Co, Fold as To, Star as zt, Document as me, Refresh as $o, CopyDocument as Mo, Moon as Eo, Sunny as Io, MoreFilled as Bo, UserFilled as Po, HomeFilled as Vo, WarningFilled as Ao } from "@vtj/icons";
-import { useDraggable as Do, useMouseInElement as Ro, useEventListener as De, useElementSize as Ct, useDark as Oo, useResizeObserver as Fo, useVirtualList as jo } from "@vueuse/core";
-import { isEqual as Ge, isObject as Ye, uid as Tt, arrayToMap as No, isUrl as Xo, upperFirstCamelCase as $t, toArray as Uo, get as Pe, merge as Ho, set as Ue, debounce as Ko } from "@vtj/utils";
-import { useRouter as qe, RouterView as Lo, useRoute as Mt, routeLocationKey as Wo } from "vue-router";
+import { defineComponent as V, useAttrs as Je, getCurrentInstance as pe, computed as y, markRaw as ke, openBlock as u, createBlock as g, unref as n, normalizeClass as W, normalizeStyle as fe, withCtx as d, renderSlot as x, resolveDynamicComponent as J, createCommentVNode as v, createElementBlock as C, mergeProps as F, createElementVNode as X, toDisplayString as A, Fragment as Q, renderList as Y, isVNode as Ut, h as ae, shallowRef as Ve, ref as O, watch as L, toRef as Ae, createTextVNode as R, useSlots as Ht, toRaw as ge, createVNode as _, normalizeProps as le, guardReactiveProps as he, effectScope as mt, reactive as Re, onMounted as gt, onUnmounted as yt, watchEffect as Qe, nextTick as ye, Teleport as vt, withDirectives as G, createSlots as be, render as nt, vShow as ne, isRef as Be, withModifiers as ht, KeepAlive as Kt, provide as ze, inject as xe, withKeys as Lt } from "vue";
+import { ElIcon as Wt, ElSubMenu as Jt, ElBadge as Ke, ElMenuItem as Qt, ElMenu as Zt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Yt, ElDropdownItem as qt, ElTooltip as bt, ElDivider as se, ElSwitch as Ze, ElInput as Ce, ElEmpty as _t, ElTabs as kt, ElTabPane as Le, ElPopover as wt, ElAvatar as eo, ElMessageBox as Ne, ElSelect as to, ElOption as oo, ElCheckboxButton as no, ElCheckbox as ao, ElCheckboxGroup as so, ElRadioButton as lo, ElRadio as io, ElRadioGroup as ro, ElInputNumber as co, ElDatePicker as at, ElTimePicker as uo, ElRate as po, ElSlider as fo, ElCascader as mo, formContextKey as go, ElFormItem as yo, ElForm as vo, ElImage as ho, ElInfiniteScroll as st, ElPagination as bo, ElDescriptions as lt, ElDescriptionsItem as Xe, ElMessage as it } from "element-plus";
+import { ArrowRight as _o, Minimize as ko, Popup as wo, Maximize as xo, RawClose as So, StarFilled as xt, Menu as zo, Search as We, Close as St, Expand as Co, Fold as To, Star as zt, Document as me, Refresh as $o, CopyDocument as Eo, Moon as Mo, Sunny as Io, MoreFilled as Bo, UserFilled as Po, HomeFilled as Vo, WarningFilled as Ao, EditPen as Do } from "@vtj/icons";
+import { useDraggable as Ro, useMouseInElement as Oo, useEventListener as De, useElementSize as Ct, useDark as Fo, useResizeObserver as jo, useVirtualList as No } from "@vueuse/core";
+import { isEqual as Ge, isObject as Ye, uid as Tt, arrayToMap as Xo, isUrl as Uo, upperFirstCamelCase as $t, toArray as Ho, get as Pe, merge as Ko, set as Ue, debounce as Lo } from "@vtj/utils";
+import { useRouter as qe, RouterView as Wo, useRoute as Et, routeLocationKey as Jo } from "vue-router";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.5
+ * @version 0.7.7
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Aa = "0.7.5", Jo = {
+const Ha = "0.7.7", Qo = {
   default: 14,
   small: 12,
   large: 18
-}, Qo = {
+}, Zo = {
   icon: {
     type: [String, Object]
   },
@@ -42,7 +42,7 @@ const Aa = "0.7.5", Jo = {
 function q(a) {
   return typeof a == "string" ? a : `${a}px`;
 }
-function Me(a = 0, o) {
+function Ee(a = 0, o) {
   if (typeof a == "number")
     return a;
   if (/(%|vh|vw)$/i.test(a)) {
@@ -55,16 +55,16 @@ function rt(a, o = {}) {
   const e = { ...o };
   return typeof a == "boolean" ? e : Object.assign(e, a || {});
 }
-const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
+const ct = Symbol("INSTALLED_KEY"), Ka = (a = []) => ({
   install: (e) => {
     e[ct] || (e[ct] = !0, a.forEach((t) => {
       t.name && e.component(t.name, t);
     }));
   }
-}), Zo = ["src"], re = /* @__PURE__ */ P({
+}), Go = ["src"], re = /* @__PURE__ */ V({
   name: "XIcon",
   __name: "Icon",
-  props: Qo,
+  props: Zo,
   setup(a) {
     const o = a, e = Je(), t = pe(), l = y(() => {
       if (!o.icon)
@@ -80,7 +80,7 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
       "background-color": o.background,
       "border-radius": o.radius ? q(o.radius) : void 0,
       padding: o.padding ? q(o.padding) : void 0
-    })), i = y(() => typeof o.size == "number" ? o.size : Jo[o.size] ?? void 0);
+    })), i = y(() => typeof o.size == "number" ? o.size : Qo[o.size] ?? void 0);
     return (r, p) => (u(), g(n(Wt), {
       class: W(["x-icon", s.value]),
       color: o.color,
@@ -93,19 +93,19 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
           o.src ? (u(), C("img", {
             key: 1,
             src: o.src
-          }, null, 8, Zo)) : v("", !0)
+          }, null, 8, Go)) : v("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class", "color", "size", "style"]));
   }
-}), Go = { class: "x-menu__wrapper" }, Yo = {
+}), Yo = { class: "x-menu__wrapper" }, qo = {
   key: 1,
   class: "x-menu__title"
-}, qo = /* @__PURE__ */ H("i", null, null, -1), en = {
+}, en = /* @__PURE__ */ X("i", null, null, -1), tn = {
   key: 0,
   class: "x-menu__title"
-}, tn = /* @__PURE__ */ H("i", null, null, -1), Et = /* @__PURE__ */ P({
+}, on = /* @__PURE__ */ X("i", null, null, -1), Mt = /* @__PURE__ */ V({
   inheritAttrs: !1,
   name: "XMenuItem",
   __name: "MenuItem",
@@ -126,25 +126,25 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
       index: String(o.item.id)
     }), {
       title: d(() => [
-        H("div", Go, [
+        X("div", Yo, [
           o.item.icon ? (u(), g(n(re), {
             key: 0,
             icon: t(o.item.icon)
           }, null, 8, ["icon"])) : v("", !0),
-          o.item.title ? (u(), C("span", Yo, O(o.item.title), 1)) : v("", !0),
+          o.item.title ? (u(), C("span", qo, A(o.item.title), 1)) : v("", !0),
           o.item.badge ? (u(), g(n(Ke), F({
             key: 2,
             class: "x-menu__badge"
           }, l(o.item.badge)), {
             default: d(() => [
-              qo
+              en
             ]),
             _: 1
           }, 16)) : v("", !0)
         ])
       ]),
       default: d(() => [
-        (u(!0), C(Q, null, Y(s(o.item.children), (r) => (u(), g(n(Et), {
+        (u(!0), C(Q, null, Y(s(o.item.children), (r) => (u(), g(n(Mt), {
           key: r.id,
           item: r,
           subMenu: o.subMenu,
@@ -158,13 +158,13 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
       disabled: o.item.disabled
     }, {
       title: d(() => [
-        o.item.title ? (u(), C("span", en, O(o.item.title), 1)) : v("", !0),
+        o.item.title ? (u(), C("span", tn, A(o.item.title), 1)) : v("", !0),
         o.item.badge ? (u(), g(n(Ke), F({
           key: 1,
           class: "x-menu__badge"
         }, l(o.item.badge)), {
           default: d(() => [
-            tn
+            on
           ]),
           _: 1
         }, 16)) : v("", !0)
@@ -178,7 +178,7 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
       _: 1
     }, 8, ["index", "disabled"]));
   }
-}), de = /* @__PURE__ */ P({
+}), de = /* @__PURE__ */ V({
   inheritAttrs: !1,
   name: "XMenu",
   __name: "Menu",
@@ -191,13 +191,13 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
   setup(a, { emit: o }) {
     const e = a, t = o, l = y(() => e.data.filter((i) => !i.hidden)), s = (i, r) => {
       const p = (f, m = []) => {
-        for (const h of m) {
-          if (h.id.toString() === f.toString())
-            return h;
-          if (h.children?.length) {
-            const b = p(f, h.children);
-            if (b)
-              return b;
+        for (const b of m) {
+          if (b.id.toString() === f.toString())
+            return b;
+          if (b.children?.length) {
+            const h = p(f, b.children);
+            if (h)
+              return h;
           }
         }
       };
@@ -208,7 +208,7 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
     };
     return (i, r) => (u(), g(n(Zt), F({ class: "x-menu" }, i.$attrs, { onSelect: c }), {
       default: d(() => [
-        (u(!0), C(Q, null, Y(l.value, (p) => (u(), g(n(Et), {
+        (u(!0), C(Q, null, Y(l.value, (p) => (u(), g(n(Mt), {
           item: { ...p, icon: p.icon },
           defaultIcon: e.defaultIcon,
           subMenu: e.subMenu
@@ -313,21 +313,21 @@ const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
     type: Boolean
   }
 };
-function on(a) {
+function nn(a) {
   return y(() => {
     const o = a.tooltip;
     if (o)
       return typeof o == "string" ? { content: o } : o;
   });
 }
-function nn(a) {
+function an(a) {
   return y(() => {
     const o = a.badge;
     if (o)
       return typeof o == "object" ? o : { value: o };
   });
 }
-function an(a) {
+function sn(a) {
   return y(() => {
     const { dropdown: o, menus: e } = a;
     if (e && e.length > 0)
@@ -337,7 +337,7 @@ function an(a) {
       );
   });
 }
-function sn(a) {
+function ln(a) {
   const o = pe();
   return y(() => {
     const e = n(a);
@@ -353,8 +353,8 @@ function sn(a) {
   });
 }
 function _e(a) {
-  const o = sn(a);
-  return o.value ? ke(P({ render: () => ae(re, o.value) })) : void 0;
+  const o = ln(a);
+  return o.value ? ke(V({ render: () => ae(re, o.value) })) : void 0;
 }
 function et(a, o) {
   return y(() => {
@@ -362,8 +362,8 @@ function et(a, o) {
     return typeof e == "function" ? e(o) : !!e;
   });
 }
-function ln(a, o, e) {
-  const t = Ve(o), l = D(!1), s = async (i) => {
+function rn(a, o, e) {
+  const t = Ve(o), l = O(!1), s = async (i) => {
     const r = n(a);
     return r ? typeof r == "function" ? await r(i) : r : o;
   }, c = async (i) => (l.value = !0, await s(i).then((r) => (t.value = r || o, l.value = !1, t)));
@@ -381,7 +381,7 @@ function ln(a, o, e) {
     loader: c
   };
 }
-const rn = { key: 0 }, cn = /* @__PURE__ */ P({
+const cn = { key: 0 }, un = /* @__PURE__ */ V({
   __name: "Trigger",
   props: It,
   emits: ["click"],
@@ -405,7 +405,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       disabled: n(s)
     }, e.button, { onClick: i }), {
       default: d(() => [
-        R(O(r.label), 1)
+        R(A(r.label), 1)
       ]),
       _: 1
     }, 16, ["icon", "type", "size", "disabled"])) : (u(), C("div", {
@@ -414,25 +414,25 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       onClick: i
     }, [
       (u(), g(J(n(l)))),
-      r.label ? (u(), C("span", rn, O(r.label), 1)) : v("", !0)
+      r.label ? (u(), C("span", cn, A(r.label), 1)) : v("", !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ P({
+}), te = /* @__PURE__ */ V({
   name: "XAction",
   __name: "Action",
   props: It,
   emits: ["click", "command"],
   setup(a, { emit: o }) {
-    const e = a, t = Ht(), l = o, s = on(e), c = nn(e), i = an(e), r = et(Ae(e, "disabled")), p = y(() => ({
+    const e = a, t = Ht(), l = o, s = nn(e), c = an(e), i = sn(e), r = et(Ae(e, "disabled")), p = y(() => ({
       [`x-action--${e.mode}`]: !!e.mode
     })), f = () => {
       r.value || l("click", ge(e));
     }, m = (z) => {
       if (r.value)
         return;
-      const I = e.menus?.find((V) => V.command === z);
-      I && l("command", ge(I));
-    }, h = (z) => ae(Ke, c.value, () => [].concat(z)), b = (z) => ae(
+      const E = e.menus?.find((B) => B.command === z);
+      E && l("command", ge(E));
+    }, b = (z) => ae(Ke, c.value, () => [].concat(z)), h = (z) => ae(
       Gt,
       { ...i.value, disabled: r.value, onCommand: m },
       {
@@ -440,27 +440,28 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
         dropdown: () => [
           ae(
             Yt,
-            () => (e.menus || []).map((I) => ae(
+            () => (e.menus || []).map((E, B) => ae(
               qt,
-              I,
-              () => t.item ? t.item({ item: I }) : I.label
+              E,
+              () => t.item ? t.item({ item: E, index: B }) : E.label
             ))
           )
         ]
       }
-    ), w = (z) => ae(ht, { ...s.value, disabled: r.value }, () => [
+    ), w = (z) => ae(bt, { ...s.value, disabled: r.value }, () => [
       z
     ]), M = y(() => {
-      let z = t.default ? t.default()[0] : ae(ke(cn), { ...e, onClick: f });
-      return c.value && (z = h(z)), i.value && (z = b(z)), s.value && (z = w(z)), z;
+      let z = ae(ke(un), { ...e, onClick: f });
+      const E = t.default?.();
+      return E && E.length && (z = E[0]), c.value && (z = b(z)), i.value && (z = h(z)), s.value && (z = w(z)), z;
     });
-    return (z, I) => (u(), C("div", {
+    return (z, E) => (u(), C("div", {
       class: W(["x-action", p.value])
     }, [
       (u(), g(J(M.value)))
     ], 2));
   }
-}), un = {
+}), dn = {
   /**
    * 动作项
    */
@@ -531,10 +532,10 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
   button: {
     type: Object
   }
-}, Oe = /* @__PURE__ */ P({
+}, Oe = /* @__PURE__ */ V({
   name: "XActionBar",
   __name: "ActionBar",
-  props: un,
+  props: dn,
   emits: ["click", "command"],
   setup(a, { emit: o }) {
     const e = a, t = o, l = y(() => (e.items || []).map((i) => i === "|" ? i : {
@@ -552,7 +553,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
     }, c = (i, r) => {
       t("command", i, r);
     };
-    return (i, r) => (u(), g(n(E), {
+    return (i, r) => (u(), g(n(I), {
       class: "x-action-bar",
       align: "center"
     }, {
@@ -581,7 +582,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       _: 1
     }));
   }
-}), dn = {
+}), pn = {
   /**
    * 组件渲染html标签
    */
@@ -697,10 +698,10 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
   autoPointer: {
     type: Boolean
   }
-}, E = /* @__PURE__ */ P({
+}, I = /* @__PURE__ */ V({
   name: "XContainer",
   __name: "Container",
-  props: dn,
+  props: pn,
   setup(a) {
     const o = a, e = Je(), t = pe(), l = y(() => {
       const i = t?.parent;
@@ -741,7 +742,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), pn = {
+}), fn = {
   size: {
     type: String,
     default: "default"
@@ -762,27 +763,27 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
   more: {
     type: Boolean
   }
-}, fn = {
+}, mn = {
   key: 0,
   class: "x-header__actions"
-}, Bt = /* @__PURE__ */ P({
+}, Bt = /* @__PURE__ */ V({
   name: "XHeader",
   inheritAttrs: !1,
   __name: "Header",
-  props: pn,
+  props: fn,
   setup(a) {
     const o = a, e = _e(Ae(o, "icon")), t = Je(), l = y(() => ({
       [`is-size-${o.size}`]: !!o.size && o.size !== "default",
       "is-border": o.border,
       "is-pointer": !!t.onClick
     }));
-    return (s, c) => (u(), g(n(E), {
+    return (s, c) => (u(), g(n(I), {
       class: W(["x-header", l.value]),
       justify: "space-between",
       align: "center"
     }, {
       default: d(() => [
-        _(n(E), {
+        _(n(I), {
           align: "center",
           class: W(["x-header__wrapper", l.value]),
           grow: ""
@@ -793,13 +794,13 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
               class: "x-header__icon",
               onClick: n(t).onClickIcon || n(t).onClick
             }, null, 8, ["onClick"])) : v("", !0),
-            H("span", {
+            X("span", {
               class: "x-header__content",
               onClick: c[0] || (c[0] = //@ts-ignore
               (...i) => n(t).onClick && n(t).onClick(...i))
             }, [
               x(s.$slots, "default", {}, () => [
-                R(O(o.content), 1)
+                R(A(o.content), 1)
               ])
             ]),
             o.more ? (u(), g(n(re), {
@@ -814,20 +815,20 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
               (...i) => n(t).onClick && n(t).onClick(...i))
             }, [
               x(s.$slots, "subtitle", {}, () => [
-                R(O(o.subtitle), 1)
+                R(A(o.subtitle), 1)
               ])
             ])) : v("", !0)
           ]),
           _: 3
         }, 8, ["class"]),
-        s.$slots.actions ? (u(), C("div", fn, [
+        s.$slots.actions ? (u(), C("div", mn, [
           x(s.$slots, "actions")
         ])) : v("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), mn = {
+}), gn = {
   /**
    * 宽高自适应
    */
@@ -891,12 +892,12 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
   footer: {
     type: Object
   }
-}, Se = /* @__PURE__ */ P({
+}, Se = /* @__PURE__ */ V({
   name: "XPanel",
   __name: "Panel",
-  props: mn,
+  props: gn,
   setup(a, { expose: o }) {
-    const e = a, t = D(), l = y(() => ({
+    const e = a, t = O(), l = y(() => ({
       "x-panel--card": !!e.card,
       "x-panel--default": !e.card,
       [`is-${e.size}`]: !!e.size && e.size !== "default",
@@ -912,7 +913,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
     }), c = y(() => e.fit || e.height ? "auto" : void 0);
     return o({
       bodyRef: t
-    }), (i, r) => (u(), g(n(E), {
+    }), (i, r) => (u(), g(n(I), {
       class: W(["x-panel", l.value]),
       direction: "column",
       fit: e.fit,
@@ -920,14 +921,14 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       height: e.height
     }, {
       default: d(() => [
-        s.value ? (u(), g(n(E), {
+        s.value ? (u(), g(n(I), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
         }, {
           default: d(() => [
             x(i.$slots, "header", {}, () => [
-              _(n(Bt), le(be(s.value)), {
+              _(n(Bt), le(he(s.value)), {
                 default: d(() => [
                   x(i.$slots, "title")
                 ]),
@@ -940,7 +941,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
           ]),
           _: 3
         })) : v("", !0),
-        _(n(E), F({
+        _(n(I), F({
           ref_key: "bodyRef",
           ref: t,
           flex: !1,
@@ -954,7 +955,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
           ]),
           _: 3
         }, 16, ["overflow"]),
-        i.$slots.footer ? (u(), g(n(E), F({
+        i.$slots.footer ? (u(), g(n(I), F({
           key: 1,
           flex: !1,
           padding: "",
@@ -993,7 +994,7 @@ class dt {
     let i = null;
     const r = this.getHandle(), p = this.getTarget();
     let f = o.getBoundingClientRect(), m = null;
-    const { x: h, y: b } = Do(o, {
+    const { x: b, y: h } = Ro(o, {
       initialValue: { x: f.x, y: f.y },
       ...e,
       handle: r,
@@ -1005,14 +1006,14 @@ class dt {
       onEnd: (w, M) => {
         if (clearTimeout(i), document.body.classList.remove(ut), this.dragging && m) {
           this.dragging = !1;
-          const { x: z, y: I } = w, V = this.getPosition(m, f, z, I);
-          c && c(V, M), m = null;
+          const { x: z, y: E } = w, B = this.getPosition(m, f, z, E);
+          c && c(B, M), m = null;
         }
       }
     });
-    L([h, b], () => {
+    L([b, h], () => {
       if (this.dragging && m) {
-        const w = this.getPosition(m, f, h.value, b.value);
+        const w = this.getPosition(m, f, b.value, h.value);
         o.style.left = `${w.x}px`, o.style.top = `${w.y}px`;
       }
     });
@@ -1028,7 +1029,7 @@ class dt {
     this.scope.stop();
   }
 }
-const gn = {
+const yn = {
   mounted(a, o) {
     const e = o.value || {}, t = new dt(a, e);
     a.__draggable__ = t;
@@ -1050,8 +1051,8 @@ class pt {
     });
   }
   scope;
-  resizing = D(!1);
-  direction = D("");
+  resizing = O(!1);
+  direction = O("");
   MIE = null;
   cleanMousedown;
   cleanMouseup;
@@ -1059,7 +1060,7 @@ class pt {
     const { el: o, options: e } = this, { disabled: t, onStart: l, onEnd: s } = e;
     if (t)
       return;
-    this.MIE = Ro(o), this.cleanMousedown = De(document, "mousedown", () => {
+    this.MIE = Oo(o), this.cleanMousedown = De(document, "mousedown", () => {
       this.direction?.value && this.MIE && (this.resizing.value = !0, o.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
     }), this.cleanMouseup = De(document, "mouseup", () => {
       this.resizing.value && this.direction?.value && this.MIE && (o.classList.remove(
@@ -1079,35 +1080,35 @@ class pt {
     const { MIE: o, direction: e, resizing: t, options: l, el: s } = this, c = e?.value || "";
     if (!o || !t.value || !c)
       return;
-    const { x: i, y: r, elementX: p, elementY: f, elementHeight: m, elementWidth: h } = o, { onResizing: b } = l, {
+    const { x: i, y: r, elementX: p, elementY: f, elementHeight: m, elementWidth: b } = o, { onResizing: h } = l, {
       minWidth: w = 0,
       minHeight: M = 0,
       maxWidth: z = 99999,
-      maxHeight: I = 99999
+      maxHeight: E = 99999
     } = l;
     if (c.includes("e")) {
-      const V = Math.min(Math.max(p.value, w), z);
-      s.style.width = `${V}px`;
+      const B = Math.min(Math.max(p.value, w), z);
+      s.style.width = `${B}px`;
     }
     if (c.includes("s")) {
-      const V = Math.min(Math.max(f.value, M), I);
-      s.style.height = `${V}px`;
+      const B = Math.min(Math.max(f.value, M), E);
+      s.style.height = `${B}px`;
     }
     if (c.includes("w")) {
-      const V = Math.min(
-        Math.max(h.value - p.value, w),
+      const B = Math.min(
+        Math.max(b.value - p.value, w),
         z
       );
-      s.style.width = `${V}px`, s.style.left = `${i.value}px`;
+      s.style.width = `${B}px`, s.style.left = `${i.value}px`;
     }
     if (c.includes("n")) {
-      const V = Math.min(
+      const B = Math.min(
         Math.max(m.value - f.value, M),
-        I
+        E
       );
-      this.el.style.height = `${V}px`, this.el.style.top = `${r.value}px`;
+      this.el.style.height = `${B}px`, this.el.style.top = `${r.value}px`;
     }
-    b && b(c, o);
+    h && h(c, o);
   }
   getDirection() {
     if (!this.MIE)
@@ -1138,7 +1139,7 @@ const Pt = {
     const o = a.__resizable__;
     o && (o.destory(), a.__resizable__ = null);
   }
-}, yn = {
+}, vn = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -1224,7 +1225,7 @@ const Pt = {
   }
 };
 let ve = 1e3;
-function vn(a, o) {
+function hn(a, o) {
   const { width: e, height: t } = Ct(o), l = Re({
     mode: a.mode || "normal",
     wrapperWidth: 0,
@@ -1238,7 +1239,7 @@ function vn(a, o) {
     resizing: !1
   });
   return L([e, t], ([s, c]) => {
-    l.wrapperWidth = s, l.wrapperHeight = c, l.width = Me(a.width, s), l.height = Me(a.height, c), l.left = a.left ? Me(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Me(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
+    l.wrapperWidth = s, l.wrapperHeight = c, l.width = Ee(a.width, s), l.height = Ee(a.height, c), l.left = a.left ? Ee(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Ee(a.top, c) : Math.max(Math.floor((c - l.height) / 2), 0);
   }), L(l, (s) => {
     ve = Math.max(s.zIndex, ve);
   }), {
@@ -1277,7 +1278,7 @@ function bn(a, o) {
     modalStyle: s
   };
 }
-function hn(a, o, e) {
+function _n(a, o, e) {
   const t = (f) => {
     o.mode = f, ["maximized", "minimized", "normal"].includes(f) && e(f), e("modeChange", f);
   }, l = async () => {
@@ -1300,7 +1301,7 @@ function hn(a, o, e) {
     }
   };
 }
-function _n(a, o, e, t) {
+function kn(a, o, e, t) {
   return y(() => {
     const l = typeof a.draggable == "boolean" ? !a.draggable : !!a.draggable?.disabled;
     return {
@@ -1323,7 +1324,7 @@ function _n(a, o, e, t) {
     };
   });
 }
-function kn(a, o, e) {
+function wn(a, o, e) {
   return y(() => {
     const t = typeof a.resizable == "boolean" ? !a.resizable : !!a.resizable?.disabled;
     return {
@@ -1344,7 +1345,7 @@ function kn(a, o, e) {
     };
   });
 }
-function wn(a, o) {
+function xn(a, o) {
   const e = a.componentInstance;
   if (!e)
     return;
@@ -1358,17 +1359,17 @@ function wn(a, o) {
     componentInstance: e
   };
 }
-const xn = ["src"], tt = /* @__PURE__ */ P({
+const Sn = ["src"], tt = /* @__PURE__ */ V({
   name: "XDialog",
   __name: "Dialog",
-  props: yn,
+  props: vn,
   emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
   setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = pe(), c = D(), i = D(), { state: r, maximized: p, minimized: f, normal: m } = vn(t, c), { styles: h, classes: b, wrapperClass: w, modalStyle: M } = bn(t, r), { changeMode: z, active: I, close: V, show: S, hide: B, submit: T, cancel: j } = hn(
+    const t = a, l = e, s = pe(), c = O(), i = O(), { state: r, maximized: p, minimized: f, normal: m } = hn(t, c), { styles: b, classes: h, wrapperClass: w, modalStyle: M } = bn(t, r), { changeMode: z, active: E, close: B, show: S, hide: P, submit: T, cancel: j } = _n(
       t,
       r,
       l
-    ), k = _n(t, r, l, c), U = kn(t, r, l), K = wn(t, i);
+    ), k = kn(t, r, l, c), H = wn(t, r, l), K = xn(t, i);
     Qe(async () => {
       t.modelValue && (await ye(), s && l("open", s));
     });
@@ -1381,7 +1382,7 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
       minimized: f,
       changeMode: z,
       show: S,
-      hide: B,
+      hide: P,
       submit: T,
       cancel: j,
       componentInstance: K
@@ -1389,7 +1390,7 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
       key: 0,
       to: "body"
     }, [
-      H("div", {
+      X("div", {
         ref_key: "wrapper",
         ref: c,
         class: W(["x-dialog__wrapper", n(w)])
@@ -1402,20 +1403,20 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
         G((u(), g(n(Se), F({
           ref_key: "panelRef",
           ref: i,
-          class: ["x-dialog", n(b)],
+          class: ["x-dialog", n(h)],
           card: "",
           shadow: "always",
           header: { icon: t.icon, subtitle: t.subtitle },
           width: "800px",
           height: "600px",
           footer: { justify: "space-between", flex: !0, align: "center" },
-          style: n(h),
+          style: n(b),
           size: t.size,
           body: { padding: t.bodyPadding },
-          onClick: n(I)
-        }, Z.$attrs), he({
+          onClick: n(E)
+        }, Z.$attrs), be({
           title: d(() => [
-            R(O(t.title), 1)
+            R(A(t.title), 1)
           ]),
           actions: d(() => [
             x(Z.$slots, "actions"),
@@ -1454,7 +1455,7 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
               mode: "icon",
               type: "danger",
               background: "hover",
-              onClick: n(V)
+              onClick: n(B)
             }, null, 8, ["icon", "size", "onClick"])) : v("", !0)
           ]),
           default: d(() => [
@@ -1464,7 +1465,7 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
                 key: 1,
                 src: t.src,
                 class: "x-dialog__frame"
-              }, null, 8, xn)) : v("", !0)
+              }, null, 8, Sn)) : v("", !0)
             ])
           ]),
           _: 2
@@ -1473,13 +1474,13 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
             name: "footer",
             fn: d(() => [
               x(Z.$slots, "footer", {}, () => [
-                _(n(E), { align: "center" }, {
+                _(n(I), { align: "center" }, {
                   default: d(() => [
                     x(Z.$slots, "extra")
                   ]),
                   _: 3
                 }),
-                _(n(E), { align: "center" }, {
+                _(n(I), { align: "center" }, {
                   default: d(() => [
                     x(Z.$slots, "handle"),
                     t.cancel ? (u(), g(n(ie), {
@@ -1489,7 +1490,7 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
                       onClick: n(j)
                     }, {
                       default: d(() => [
-                        R(O(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
+                        R(A(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "onClick"])) : v("", !0),
@@ -1500,7 +1501,7 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
                       onClick: n(T)
                     }, {
                       default: d(() => [
-                        R(O(typeof t.submit == "string" ? t.submit : "确定"), 1)
+                        R(A(typeof t.submit == "string" ? t.submit : "确定"), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "onClick"])) : v("", !0)
@@ -1512,8 +1513,8 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
             key: "0"
           } : void 0
         ]), 1040, ["header", "class", "style", "size", "body", "onClick"])), [
-          [n(gn), n(k)],
-          [n(Pt), n(U)]
+          [n(yn), n(k)],
+          [n(Pt), n(H)]
         ])
       ], 2)
     ])) : v("", !0);
@@ -1532,14 +1533,14 @@ function ot(a, o) {
     destroy: l
   };
 }
-const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -1), zn = /* @__PURE__ */ P({
+const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -1), Cn = /* @__PURE__ */ V({
   __name: "Sidebar",
   props: {
     collapsed: { type: Boolean }
   },
   setup(a) {
     const o = a;
-    return (e, t) => G((u(), g(n(E), {
+    return (e, t) => G((u(), g(n(I), {
       class: W(["x-mask-sidebar", { "is-collapsed": o.collapsed }]),
       grow: !1,
       flex: "",
@@ -1547,7 +1548,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     }, {
       default: d(() => [
         x(e.$slots, "brand"),
-        _(n(E), {
+        _(n(I), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
           grow: "",
@@ -1557,7 +1558,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
         }, {
           default: d(() => [
             x(e.$slots, "default"),
-            Sn
+            zn
           ]),
           _: 3
         })
@@ -1572,7 +1573,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       }]
     ]);
   }
-}), Cn = /* @__PURE__ */ P({
+}), Tn = /* @__PURE__ */ V({
   __name: "SwitchBar",
   props: {
     collasped: { type: Boolean, default: !1 },
@@ -1585,7 +1586,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     "update:favorite"
   ],
   setup(a, { emit: o }) {
-    const e = a, t = o, l = D(!1), s = D(""), c = D(!1), i = () => {
+    const e = a, t = o, l = O(!1), s = O(""), c = O(!1), i = () => {
       l.value = !0;
     }, r = () => {
       s.value = "", l.value = !1, t("update:keyword", s.value);
@@ -1596,13 +1597,13 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     }, m = () => {
       t("update:favorite", c.value);
     };
-    return (h, b) => (u(), g(n(E), {
+    return (b, h) => (u(), g(n(I), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
       default: d(() => [
-        e.collasped ? v("", !0) : (u(), g(n(E), {
+        e.collasped ? v("", !0) : (u(), g(n(I), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
@@ -1611,7 +1612,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
             l.value ? v("", !0) : (u(), g(n(Ze), {
               key: 0,
               modelValue: c.value,
-              "onUpdate:modelValue": b[0] || (b[0] = (w) => c.value = w),
+              "onUpdate:modelValue": h[0] || (h[0] = (w) => c.value = w),
               class: "x-mask-switch-bar__switch",
               "active-icon": n(xt),
               "inactive-icon": n(zo),
@@ -1620,7 +1621,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
             l.value ? (u(), g(n(Ce), {
               key: 1,
               modelValue: s.value,
-              "onUpdate:modelValue": b[1] || (b[1] = (w) => s.value = w),
+              "onUpdate:modelValue": h[1] || (h[1] = (w) => s.value = w),
               class: "x-mask-switch-bar__input",
               size: "small",
               placeholder: "请输入查询关键字",
@@ -1638,7 +1639,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
           ]),
           _: 1
         })),
-        _(n(E), {
+        _(n(I), {
           class: W(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
           flex: "",
           align: "center",
@@ -1679,7 +1680,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }));
   }
-}), Tn = ["src"], $n = { key: 0 }, Mn = /* @__PURE__ */ P({
+}), $n = ["src"], En = { key: 0 }, Mn = /* @__PURE__ */ V({
   __name: "Brand",
   props: {
     collapsed: { type: Boolean, default: !1 },
@@ -1691,12 +1692,12 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     const o = a, e = qe(), t = () => {
       o.url && e.push(o.url);
     };
-    return (l, s) => (u(), g(n(E), {
+    return (l, s) => (u(), g(n(I), {
       class: W(["x-mask-brand", { "is-collapsed": o.collapsed }]),
       align: "center"
     }, {
       default: d(() => [
-        _(n(E), {
+        _(n(I), {
           class: "x-mask-brand__logo",
           flex: "",
           justify: "center",
@@ -1708,20 +1709,20 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
               o.logo ? (u(), C("img", {
                 key: 0,
                 src: o.logo
-              }, null, 8, Tn)) : v("", !0)
+              }, null, 8, $n)) : v("", !0)
             ])
           ]),
           _: 3
         }),
-        _(n(E), {
+        _(n(I), {
           class: "x-mask-brand__title",
           flex: "",
           align: "center"
         }, {
           default: d(() => [
-            o.title ? (u(), C("span", $n, [
+            o.title ? (u(), C("span", En, [
               x(l.$slots, "title", {}, () => [
-                R(O(o.title), 1)
+                R(A(o.title), 1)
               ])
             ])) : v("", !0)
           ]),
@@ -1731,7 +1732,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), Ee = "__favorites__", Ie = "__search__", En = /* @__PURE__ */ P({
+}), Me = "__favorites__", Ie = "__search__", In = /* @__PURE__ */ V({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1746,12 +1747,12 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
   setup(a, { emit: o }) {
     const e = a, t = y(() => e.menus || []), l = o, s = y(() => String(e.active?.id)), c = y(() => [
       {
-        id: Ee,
+        id: Me,
         title: "收藏",
         icon: zt,
         children: e.favorites?.length ? e.favorites : [
           {
-            id: Ee + "empty",
+            id: Me + "empty",
             disabled: !0,
             title: "暂无收藏菜单"
           }
@@ -1777,7 +1778,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       l("select", p);
     };
     return (p, f) => (u(), C(Q, null, [
-      G(_(n(E), {
+      G(_(n(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
@@ -1823,7 +1824,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [ne, !e.favorite && !e.keyword]
       ]),
-      G(_(n(E), {
+      G(_(n(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
@@ -1843,7 +1844,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
             collapse: !0,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Ee],
+            "default-openeds": [Me],
             onSelect: r
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [ne, e.collapse]
@@ -1861,7 +1862,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
             collapse: !1,
             "collapse-transition": !1,
             "default-active": s.value,
-            "default-openeds": [Ee],
+            "default-openeds": [Me],
             onSelect: r
           }, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
             [ne, !e.collapse]
@@ -1871,7 +1872,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [ne, e.favorite && !e.keyword]
       ]),
-      e.keyword ? G((u(), g(n(E), {
+      e.keyword ? G((u(), g(n(I), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
@@ -1922,13 +1923,13 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       ]) : v("", !0)
     ], 64));
   }
-}), In = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAQd0lEQVR4nO2dCXRVxRnHf/clIPsekBgIS1hFdqVoZbGLFNTWWgQ3bLVurRYJcTuntbW22qooKKWl2toWquygIFa01doqmBBWWcomIkhACLIKyXvcnu/eefiSNzd57y4vAfI/553wuPfNzJ3/nW9m/t83M4Yx6iTVGOlAC6AD0Bs4F2gGtFT/lmtNgLpABDgMFAN7gCJgH3AQ2ACsAz5V91RbpFfDguUAg4EewBCgLdAQqJXAb5sD7RyuHVGfpcBy4AOgADjkc/k9obq0kP7AN4CrgK7qrQ8aJrALeAt4Q/3dV7XVULWEtAauBq5ThNSpqoIo7AReBWYA/6mqQlQFId2AW4HRwHmpzjwBSMv5N/BHYAHwRSozTyUhQsS9iohGqcrUI1YDE4GXgROpyDAVhMiIKBe4I0V9QxCQgcCvgdeCzigUcPo/BN4HHjiNyRAMBBYBs4BOQWYUFCFdgIXA80DHgPKoCowE3gHuCirvIAj5AfAmcEUAaVcHZAJTgHlqjuQr/CREJm/PAH8G2pyWVZ0crlbzl8v8TNQvQrLVGP5en9I7XdBV9S0/9qu8fhDSC1isZI6zEaKjTQYe8aM+vSZwqeq8u5+lZMTiYeA5oLaXRLwQMhSYe5b0F4niR8BUL6S4VXsvAWYCGZ6Kf2bi+8oVcDuQ9KzbTQvpqQS4GjKcIVrdU25+mCwhbZWuk+WhsGcLxgEPJvusyRAi84xpNR14UhD9a1QyP0iGkEeBQcGV/YyE1O+zwPnJ/CARSEc1NrBin9kQtftFoHEiT5kIIeLj/s3ZXqsecSHwUCJJVEZIGjAJaFXVT3QG4D7ga5U9RmWEiHI7/GyvSZ8QUkPhhhUlVxEhLZUcUAP/ILFld7slJK9GFgkEuRXEjjkSIh6/O0+fZzyt0EK5tLVwIiSvMltXA0+4yWluoiOkqwrVqUFwqA/ckygholI2SCUZZhjM4/bflOYrn1IwT4AZSW3eSlLpUP4/yxPSKtWtwyyBnPPgioHQtpX93Zd0TVXZEbviddcJQ59OMHwAZDTxL+8EIWFRN5a/tTwh31UxtymBtIrhF8GiBwwWPmDw2oMGg3t5rxghIi0NLugAbcRJUKoIiEUYbhwCrz9k57sgz6BvZ7u1pBBjlPk6hdjIRSHnXeV8ChzmF3DlJfDyWIP653yZ28ZP4dKHTfYdBCPNHRndsuGpmwwGdYNjJ2DiYpMnFtheI8OwTWPnLCh43KBR3S9/u/0z+N4Ek8KNYKQu9PvbKkDEQmwL6QP0S0UJhIxhA2D6PWXJEHTNhN7t7Tc46XQj0KQRzBhrMLwPNKgDLRvDY9cZfFOeLtrywjC0B2XIELTLgNm5Br072603RRgZm00sIcNSsSRAyBjSF6b/xIirEMHRE7D7gEtfZhiG9YGe2fGXLuwY41A1oOhzfRLtW8LMcQbnd0wZKd9UC40shGL+Xhl0zkLGwJ4w816D5g7juKlvwbqPwEhkvVRs2thPcfWFhvb62h02ERZqw+vL4e//1afVuTXMGW/QpV1KSMmIDaGKEtI+GSeKGwgZ/brZZLR08AzMWgY/e8l03TqyW8PXesRf2roH3t3w5aI46UdKwnDnVJNXC/XJiemcPd4gp03gpMhr8tXol+ijDwly7iFk9Opiv3VtmuvvmZsPtzxnWp2wm85cCBnRB5pr9IXFK2F/sXImKBjpcOQY3DTJ5LWV+iQvaGOTkp0Z+Ojr8mjoUJSQnkHlJG9X9xyYO96wOk0dFq6AHzxncvS4XVFJ52FCWh24+qJ4cxU5Ca8WmpZNK39VzOKhIzDmWZO31+nT7t0OZuUaZGYESkrbaOB2SMVmBeIrlwfo0h7mjTfo6ODikrdzzCSTw8eS7zdOIQzd28JXNCs3pO94f6PzGl6jNhQfhOsnmrz3P/09F+XAy7kGGc0CmzzWV2tQLEJaqD7EVwgZHdvA/DyDLpn6lN9aCzc/a/L5YfdkWJ15BIb1soe55TEv3+SYpF9BvySkFO2D6yeZrNyuv2dQV3hpnEHTRvZcJwB0jRIieko9X8kogQ5ZMC/PoJvDss531sMNE032H7QrxDVOQq168F2NuZIh9PyCsn2HE4xzYMduuPZpk3U79Td9vQdMG2vQqF4gpAgPTUPKi+XWWMRByDivpW13ezosZ/lgC9w4yWRvsUcysGWRAZ3UPKMclm6CDTsSD5gVUrbssEnZskd/jwwc/ibqQl3fSZGl4e1DakWQLxAyWjW3Z7v9HIygmIRRT5vs2mtXgBdE9SmZe6RpTJKYq8gJe5ibKEQyWb8NrnnS5KPP9D/6dn948W6DunV8JUVc5i1Dfi3GFDKaNYaX7zUY2Fl/z4ZdMPoZk493eyfDwklo2Bgu7x1/af8ReH1VYuaqPISUNZvhe0+ZfLJff8/Ir8Cff2xwTm3f3AZS0mYhxYwnCBkNG9id3lCH6aWYgJETTDZ97BMZ2Obqki5o+6klq2H7LveDBaMurNhoi427HWSW0RfDCz8ySE/3hRSplcyQ2lXHNaQg9evB9LEGlzvMZiwV9SmTddv8U1Etc2XYc4+QxiTN+cB0sRigLISU/HU2KZ85bFFz46Uw9Q5FijcnV3qUkBZuUzBPQnoaTLnd4CoHnViavDzQ6s0+S9oRaJkBwzXm6qO98M46f/Y6ElLeXwM3PGty4Kj+nluGwiOjDatMcX6X5HCutz6kFAb1gDEO08pPDyj/woYA/Aul8PULIEsjxSxaAcX73c36dRBS3iyAMZNNDjvsfJI7Avp2scvlAVYfohHBE0QELu+lH8KImbr2GdNq8ob7HLSw3sJaemW3NAxzlml0Eq+oA4veh9ummhQfiU+rTi3VWr2ZrXohT0mY0NbB4P1qnsl7+f6TYSEM7VrDEM0AYvUOyN/i/9Zs1tC5Dsx8A/70tv6erOae34JwyNOWdwbscNjyK3eEQe+eAUnXYfttbKFRdhcWmhw/7FIxrgzH4VuD4Iav6u/bVeytA5Hd7UJqj0J3SIf5+SZhTRvrrqSTCzra8rtfkIGEKLvXDIh/G4+VJC6VJAt5hqF9Ydo9BplN4398vNTuuzzm/VlIbRjpDrVg2Qb45Vz9myHu0Hn3++wOVcruAI2y+98N8OF2/82VkHFJT5hRgafzyYWwcpMnEUoq8dOQ2r3TFSy7mgaPzoDHFuhTyGkF8+4z6OqXOzSCNcQuHxwhmP2BaanMFSm7yULI6NvV1uacPJ3P/xMemWladZGMTFMO4m3ZJUV3EAcSg/XwafDT6SYTF+t/Ij7q+fcbdMn2RoqYqzoN4Dua0dWeg7BkjZ8yqU1Gz072C6UzU4KX3oO7nzeJRDz3WzJg3ivV6SAMJA4piGlA3l9MJr+h/5n4qOfeZ9C5rQdSSuGiTtBHI1z+60PYUeRf/2F5OjvaZc52GEnOWQa3TTEt/7wPcx5pIQdCapNhzxBSIibkvmjygsOw8PwsmDXesHwlrtyhJlzV31nZlf7Fg8n4Mpvj0Dkb5uYZlsnVQYIjbplicsyl21mD9SJshNSOzw6iQHIQUkojcPcfTaY5bLTaKxvm5CUfOCA6UcMmcEXf+Gtbimzvox/mSsjIaav6PQfHxOJVth/+8FEPbud4iMHdGfJ7+20h5UQp3PUHk9nL9Pf0aWcHo2W1SoKUsK3sdtJEHr+yHD53G1wXAylL+yw70uR8h70qpJ+6aaLJwSO+kiEQV1pJdGK41M+UpQlLBMmtk00WOsQ9DciBmbkG52YkGDhgwKiB8cqutMgFBfaw24u5EjKyzrXNVG9N5KPg3xtst3PxId/JKFVbn596p1b4mrwKsREhTpq2NfrR4OLOtkOrRdOKSRGJP7OV6Gbx11Zth8Jt3syV5enMgFnjDKv16rB0M4yaYLLvcx/czvGQAwM+JIaQpZ5lMQ2EFIkokbfqPxv19wzpDjPGGTRpXIE7NGJHJLbWDD1fKTD54rB7cyVkNG1im1AnT6fldp5gsmd/IGQIlkUVk+hjFHiZIFYEeYB9B2w/+vJt+hulsl8aa9CgfjwplrKbbo+uyuPIcZi/3B7qurFWklcD8XT+xGBwN/0963fans5Pinz0dMbj1Lg0SsghdTpAIJAH2b3XJuXDT/Q5fKt3DCmxbTUCHVrDZRplV2z6+iSiSmIhZrBeXTsKf5jGyYUavUkEytZPAl0vIkrfv6JfYhv6PwLLUgUObFNv26bd+nuu7AeTbzVID8V43kTZ7QPNNBrSPHHTliTfmVuhp2nwu9sMK4JEB/HnjJQYra2BL96ReeDa6JdYQpaoIXBgkAfbuN1+67Y5SJo3D4b+nWKWoaVLKKeDVLLWpZBYCiP6w/cH6y+LS0HKuGpTQP6cspgZ23/HElKsdhgNFEKK+NdHTzLZ6aCi1a6ltE/DLuqWong1WUJ8dha5JOSkPUHVQRYLSUhpQRBu53gcjV3OhmZsMt2zVzgByIMWrFeklPPGyIx7xRZ7GGu1i3T4wxLKBELvPwwTF6m5h5sCpMGba+wJbCyk1V03yeS9tSlbYyh9R5nxZ5rR4+ex33eqLYQc3h//IJNHiaV9ax00bWBw0oRFhTDur2UXfIqafPQYvFIIoZBhEZg3zSR/o/shqKS9cw98XAz9OthL6wq22v7yd9ekdMHneGBzmbJpzg8ZpXYdTQmsCWEte3Hm3gO2qdKJddbIy1RtOux9PmD1T6XQvb3tSFu+FfbsC2yeoUOhWvFcRjzSEVJXTVQCW8RTHlblnLQru6IRU3Tk5YeieyrNUpV3ekB+eGfcDPyt/FXd/FbGxRNSWTKpYCMBb5t1n8/hPaImyDwpxWTIUUpzdBecBIeZUbGrBoHgcYnJSIYQsWu/CELfqoGliMx2qoaKJLl/qGPjauAfpMf6WUV7wlemkcrOZw7LVmrgAhPVgMkRlRGytWYjTN8gXqHHKkssES/C8zWmyzPCamfwSiN8EiEkorY23VT1z3Xa4qfquL1KkaifbZfapTR1mxadOZiTzLwuGcfn20p7qUHiWKlOcEt4BWKynugp6tiKGlSObUoX3JtMXbkJDXhYEVMDZxSpzUQ3J1tHbkPLZMTwlxpCtNinDu0vcPNjt4SE1XHcf3L5+zMV0jKuTXREpYOX4MsSNfJ6+myt/XKQSfR3YkN63MDr0pawGnkldHrMGYxCdc6KZ4Xcr7VGv1F2M9ColWoKOfR+hF8TZz+P756htprN9zHN6oxSdU7hdZ7WaZaD3wfcS6TUN1SLOZN9KavVxpW/dXO8akXwmxBUWOpDyqauCiD9qkSJImGo187bCUEQEsUSdbz3A3426SrEEhUiJWbqQFDFCJIQgewK8oTacfN36vvpBmnl10s8uCyFD7rsujCgINFDnTl+bex+59UUMtP+vQr40AYkBIFUExKFbFl5gzqLKacqCuCAQ6pveEGZqNQe8VKFhEQhiwwuA66RXVj93JAzCRxTSwJmqWBzX5aJu0VVExILWZ4vCwQuVvY6M9EDfZNERAmABao1vKP6iWpREdWJkFjUUgHfMhjopD79Vb9TW20YWdlChOPK5JSoRflr1NLjfDVfcr8LUoDwed8c3yCzYFmUIB9BM3U6prQi+UjrkY9s4CnXZGdu0dWkD5CwJZFwxO0sw20JLJCFdPIJfKmFJwD/B4g2wB0X86iqAAAAAElFTkSuQmCC", Bn = 140, Pn = {
+}), Bn = "data:image/png;base64,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", Pn = 140, Vn = {
   /**
    * 系统logo
    */
   logo: {
     type: String,
-    default: In
+    default: Bn
   },
   /**
    * 系统标题
@@ -2005,7 +2006,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
   removeFavorite: {
     type: Function
   }
-}, Vt = Symbol(), At = Symbol(), Vn = { class: "x-mask-tabs__trigger" }, An = { key: 1 }, Dn = ["onDragstart", "onDragend"], Rn = { key: 1 }, On = /* @__PURE__ */ P({
+}, Vt = Symbol(), At = Symbol(), An = { class: "x-mask-tabs__trigger" }, Dn = { key: 1 }, Rn = ["onDragstart", "onDragend"], On = { key: 1 }, Fn = /* @__PURE__ */ V({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -2018,7 +2019,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
   setup(a, { emit: o }) {
     const e = a, t = o, l = (f) => {
       const m = !!e.favorites.find(
-        (h) => h === f.menu || h.id === f.menu?.id
+        (b) => b === f.menu || b.id === f.menu?.id
       );
       return [
         {
@@ -2037,7 +2038,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
         },
         "|",
         {
-          icon: Mo,
+          icon: Eo,
           label: "弹窗",
           name: "dialog",
           value: f
@@ -2049,10 +2050,10 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
         t("click", e.home);
         return;
       }
-      const h = e.tabs.find((b) => b.id === m);
-      h && t("click", h);
+      const b = e.tabs.find((h) => h.id === m);
+      b && t("click", b);
     }, c = (f) => {
-      const m = e.tabs.find((h) => h.id === f);
+      const m = e.tabs.find((b) => b.id === f);
       m && t("remove", m);
     }, i = (f) => {
       switch (f.name) {
@@ -2071,7 +2072,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     }, p = (f, m) => {
       m.target && m.target.classList.remove("is-dagging");
     };
-    return (f, m) => (u(), g(n(E), {
+    return (f, m) => (u(), g(n(I), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2093,16 +2094,16 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
               name: e.home.id
             }, {
               label: d(() => [
-                H("div", Vn, [
+                X("div", An, [
                   e.home.icon ? (u(), g(J(n(_e)(e.home.icon)), { key: 0 })) : v("", !0),
-                  e.home.title ? (u(), C("span", An, O(e.home.title), 1)) : v("", !0)
+                  e.home.title ? (u(), C("span", Dn, A(e.home.title), 1)) : v("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["name"])) : v("", !0),
-            (u(!0), C(Q, null, Y(e.tabs, (h) => (u(), g(n(Le), {
-              key: h.id,
-              name: h.id,
+            (u(!0), C(Q, null, Y(e.tabs, (b) => (u(), g(n(Le), {
+              key: b.id,
+              name: b.id,
               lazy: "",
               closable: ""
             }, {
@@ -2112,22 +2113,22 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
                   placement: "bottom",
                   trigger: "hover",
                   width: "200px",
-                  disabled: h.id !== e.value
+                  disabled: b.id !== e.value
                 }, {
                   reference: d(() => [
-                    H("div", {
+                    X("div", {
                       class: "x-mask-tabs__trigger",
                       draggable: "true",
-                      onDragstart: (b) => r(h, b),
-                      onDragend: (b) => p(h, b)
+                      onDragstart: (h) => r(b, h),
+                      onDragend: (h) => p(b, h)
                     }, [
-                      h.icon ? (u(), g(J(n(_e)(h.icon)), { key: 0 })) : v("", !0),
-                      h.title ? (u(), C("span", Rn, O(h.title), 1)) : v("", !0)
-                    ], 40, Dn)
+                      b.icon ? (u(), g(J(n(_e)(b.icon)), { key: 0 })) : v("", !0),
+                      b.title ? (u(), C("span", On, A(b.title), 1)) : v("", !0)
+                    ], 40, Rn)
                   ]),
                   default: d(() => [
                     _(n(Oe), {
-                      items: l(h),
+                      items: l(b),
                       mode: "text",
                       size: "small",
                       type: "info",
@@ -2146,20 +2147,20 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }, 512));
   }
-}), Fn = /* @__PURE__ */ P({
+}), jn = /* @__PURE__ */ V({
   __name: "ThemeSwitch",
   setup(a) {
-    const o = Oo();
+    const o = Fo();
     return (e, t) => (u(), g(n(Ze), {
       class: "x-mask-theme-switch",
       modelValue: n(o),
       "onUpdate:modelValue": t[0] || (t[0] = (l) => Be(o) ? o.value = l : null),
       size: "default",
-      "active-action-icon": n(Eo),
+      "active-action-icon": n(Mo),
       "inactive-action-icon": n(Io)
     }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
   }
-}), jn = { class: "x-mask-toolbar__menu-item" }, Nn = /* @__PURE__ */ P({
+}), Nn = { class: "x-mask-toolbar__menu-item" }, Xn = /* @__PURE__ */ V({
   __name: "Toolbar",
   props: {
     tabs: { default: () => [] },
@@ -2211,7 +2212,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     }, r = (p, f) => {
       t("actionCommand", p, f);
     };
-    return (p, f) => (u(), g(n(E), {
+    return (p, f) => (u(), g(n(I), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
@@ -2226,11 +2227,11 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
           onCommand: c
         }, {
           item: d(({ item: m }) => [
-            H("span", jn, [
-              R(O(m.label) + " ", 1),
+            X("span", Nn, [
+              R(A(m.label) + " ", 1),
               ["other", "all"].includes(m.command) ? v("", !0) : (u(), g(n(re), {
                 key: 0,
-                onClick: bt((h) => s(m), ["stop"]),
+                onClick: ht((b) => s(m), ["stop"]),
                 icon: n(St)
               }, null, 8, ["onClick", "icon"]))
             ])
@@ -2252,7 +2253,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
           key: 1,
           direction: "vertical"
         })) : v("", !0),
-        e.theme ? (u(), g(Fn, { key: 2 })) : v("", !0),
+        e.theme ? (u(), g(jn, { key: 2 })) : v("", !0),
         e.theme ? (u(), g(n(se), {
           key: 3,
           direction: "vertical"
@@ -2262,7 +2263,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }));
   }
-}), Xn = /* @__PURE__ */ P({
+}), Un = /* @__PURE__ */ V({
   __name: "Avatar",
   props: {
     avatar: {}
@@ -2289,7 +2290,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["disabled"]));
   }
-}), ft = /* @__PURE__ */ P({
+}), ft = /* @__PURE__ */ V({
   __name: "Content",
   props: {
     createView: { type: Function },
@@ -2297,7 +2298,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   setup(a) {
     const o = a;
-    return (e, t) => (u(), g(n(E), {
+    return (e, t) => (u(), g(n(I), {
       class: "x-mask__content",
       flex: !1,
       grow: "",
@@ -2305,7 +2306,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     }, {
       default: d(() => [
         x(e.$slots, "default"),
-        _(n(Lo), null, {
+        _(n(Wo), null, {
           default: d(({ Component: l, route: s }) => [
             (u(), g(Kt, {
               exclude: o.exclude
@@ -2322,15 +2323,15 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     }));
   }
 });
-function Un() {
-  const a = D(!1), o = D(""), e = D(!1);
+function Hn() {
+  const a = O(!1), o = O(""), e = O(!1);
   return {
     collapsed: a,
     keyword: o,
     favorite: e
   };
 }
-function Hn(a) {
+function Kn(a) {
   const o = Tt();
   return y(() => {
     const e = a.home;
@@ -2346,34 +2347,34 @@ function Dt(a, o) {
     t = o ? o(t) : t, t.children ? e = e.concat(Dt(t.children, o)) : e.push(t);
   }), e;
 }
-function Kn(a, o) {
-  const e = qe(), t = Ve([]), l = Ve([]), s = y(() => Dt(t.value, a.menuAdapter)), c = y(() => No(s.value, "id")), i = D(null), r = (w) => {
+function Ln(a, o) {
+  const e = qe(), t = Ve([]), l = Ve([]), s = y(() => Dt(t.value, a.menuAdapter)), c = y(() => Xo(s.value, "id")), i = O(null), r = (w) => {
     const M = typeof w == "object" ? w.id : w, z = c.value.get(M);
     if (!z) {
       console.warn("找不到菜单", w);
       return;
     }
-    const { type: I = "route", url: V, title: S, icon: B } = z;
-    if (!V) {
+    const { type: E = "route", url: B, title: S, icon: P } = z;
+    if (!B) {
       i.value = z, o("select", z);
       return;
     }
-    if (I === "route") {
-      Xo(V) || V.startsWith("//") ? window.open(V) : (i.value = z, e.push(V).catch((T) => T));
+    if (E === "route") {
+      Uo(B) || B.startsWith("//") ? window.open(B) : (i.value = z, e.push(B).catch((T) => T));
       return;
     }
-    if (I === "window") {
-      window.open(V);
+    if (E === "window") {
+      window.open(B);
       return;
     }
-    I === "dialog" && ot({
+    E === "dialog" && ot({
       resizable: !0,
       bodyPadding: !1,
       width: "80%",
       height: "80%",
       title: S,
-      icon: B,
-      src: V
+      icon: P,
+      src: B
     });
   }, p = async () => {
     t.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], l.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
@@ -2381,8 +2382,8 @@ function Kn(a, o) {
     l.value = [w, ...l.value], a.addFavorite && a.addFavorite(w);
   }, m = (w) => {
     l.value = l.value.filter((M) => M.id !== w.id), a.removeFavorite && a.removeFavorite(w);
-  }, h = (w) => !!l.value.find((M) => M === w || M.id === w.id), b = (w) => {
-    h(w) ? m(w) : f(w);
+  }, b = (w) => !!l.value.find((M) => M === w || M.id === w.id), h = (w) => {
+    b(w) ? m(w) : f(w);
   };
   return Qe(p), {
     menus: t,
@@ -2390,114 +2391,114 @@ function Kn(a, o) {
     flatMenus: s,
     active: i,
     select: r,
-    toggleFavorite: b
+    toggleFavorite: h
   };
 }
-function Ln(a, o, e, t, l) {
-  const s = Mt(), c = qe(), i = {}, r = D([]), p = D(), { width: f } = Ct(p), m = y(() => Math.floor(f.value / Bn)), h = y(
+function Wn(a, o, e, t, l) {
+  const s = Et(), c = qe(), i = {}, r = O([]), p = O(), { width: f } = Ct(p), m = y(() => Math.floor(f.value / Pn)), b = y(
     () => r.value.slice(0, m.value).filter(($) => !$.dialog)
-  ), b = y(() => r.value.slice(m.value)), w = ($) => e.value.find((A) => A.url === $), M = ($) => s.fullPath === $.url, z = ($) => l.value.id === $ ? l.value : r.value.find((A) => A.id === $), I = D(""), V = y(() => z(I.value)), S = ($) => {
-    c.push($.url).catch((A) => A);
-  }, B = ($) => {
-    I.value = $.id, s.fullPath !== $.url && S($);
+  ), h = y(() => r.value.slice(m.value)), w = ($) => e.value.find((D) => D.url === $), M = ($) => s.fullPath === $.url, z = ($) => l.value.id === $ ? l.value : r.value.find((D) => D.id === $), E = O(""), B = y(() => z(E.value)), S = ($) => {
+    c.push($.url).catch((D) => D);
+  }, P = ($) => {
+    E.value = $.id, s.fullPath !== $.url && S($);
   }, T = () => {
     S(l.value);
   }, j = ($) => {
-    const A = r.value.find((N) => N.url === $.url || N.id === $.id);
-    A ? B(A) : (r.value.unshift($), B($));
+    const D = r.value.find((N) => N.url === $.url || N.id === $.id);
+    D ? P(D) : (r.value.unshift($), P($));
   }, k = async ($) => {
-    const { url: A = s.fullPath, icon: N, title: Te = "新建标签页" } = $ || {}, $e = i[A], Fe = Tt(), je = $t(A);
+    const { url: D = s.fullPath, icon: N, title: Te = "新建标签页" } = $ || {}, $e = i[D], Fe = Tt(), je = $t(D);
     return {
       id: Fe,
       name: je,
-      url: A,
+      url: D,
       icon: N,
       title: Te,
       closable: !0,
       menu: $,
       ...$e ? await $e() : {}
     };
-  }, U = async ($) => {
+  }, H = async ($) => {
     if (await Ne.confirm("是否关闭页签", "提示", {
       type: "warning"
     }).catch(() => !1)) {
-      if (r.value = r.value.filter((N) => N.id !== $.id), I.value === $.id) {
+      if (r.value = r.value.filter((N) => N.id !== $.id), E.value === $.id) {
         const N = r.value[0];
         S(N || l.value);
       }
       return $;
     }
   }, K = ($) => {
-    const A = r.value.findIndex((N) => N.id === $.id);
-    if (A >= 0) {
-      const N = r.value[A];
-      r.value.splice(A, 1, Object.assign(N, $));
+    const D = r.value.findIndex((N) => N.id === $.id);
+    if (D >= 0) {
+      const N = r.value[D];
+      r.value.splice(D, 1, Object.assign(N, $));
     }
   }, ce = async () => {
     if (!await Ne.confirm("是否关闭全部页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
-    const A = r.value;
-    return r.value = [], B(l.value), A;
+    const D = r.value;
+    return r.value = [], P(l.value), D;
   }, Z = async () => {
     if (!await Ne.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
-    const A = r.value.filter((N) => N.id !== I.value);
-    return r.value = r.value.filter((N) => N.id === I.value), A;
+    const D = r.value.filter((N) => N.id !== E.value);
+    return r.value = r.value.filter((N) => N.id === E.value), D;
   }, ee = ($) => {
-    const A = r.value.filter((N) => N.id !== $.id);
-    r.value = [$, ...A], B($);
+    const D = r.value.filter((N) => N.id !== $.id);
+    r.value = [$, ...D], P($);
   }, ue = async () => {
     await ye();
-    const $ = l.value.url === s.fullPath, A = w(s.fullPath);
+    const $ = l.value.url === s.fullPath, D = w(s.fullPath);
     if ($)
-      I.value = l.value.id;
+      E.value = l.value.id;
     else {
-      const N = await k(A);
+      const N = await k(D);
       j(N);
     }
-    await ye(), t.value = A || null;
+    await ye(), t.value = D || null;
   };
   return L(e, ue), L(s, ue, { immediate: !0 }), ze(Vt, i), {
     tabRef: p,
     tabs: r,
-    showTabs: h,
-    currentTab: V,
+    showTabs: b,
+    currentTab: B,
     changeTab: S,
-    removeTab: U,
+    removeTab: H,
     updateTab: K,
     addTab: j,
     home: l,
-    tabValue: I,
+    tabValue: E,
     isCurrentTab: M,
     activeHome: T,
-    activeTab: B,
-    dropdownTabs: b,
+    activeTab: P,
+    dropdownTabs: h,
     removeAllTabs: ce,
     removeOtherTabs: Z,
     moveToShow: ee
   };
 }
-function Wn(a) {
-  const o = /* @__PURE__ */ new Map(), e = D([]), t = Re({}), l = pe(), s = {}, { updateTab: c, isCurrentTab: i, activeHome: r, tabs: p } = a, f = (S, B) => {
-    const T = B.fullPath;
+function Jn(a) {
+  const o = /* @__PURE__ */ new Map(), e = O([]), t = Re({}), l = pe(), s = {}, { updateTab: c, isCurrentTab: i, activeHome: r, tabs: p } = a, f = (S, P) => {
+    const T = P.fullPath;
     if (o.has(T))
       return o.get(T);
     {
       const j = $t(T), k = {
         name: j,
         setup() {
-          const U = y(() => t[T] || document.body), K = y(() => !t[T]), ce = y(() => !e.value.includes(j));
+          const H = y(() => t[T] || document.body), K = y(() => !t[T]), ce = y(() => !e.value.includes(j));
           return ze(
-            Wo,
-            ge({ ...B })
+            Jo,
+            ge({ ...P })
           ), () => ce.value ? ae(
             vt,
             {
-              to: U.value,
+              to: H.value,
               disabled: K.value
             },
             [ae(S)]
@@ -2508,13 +2509,13 @@ function Wn(a) {
     }
   }, m = (S) => {
     S.dialog = void 0, delete t[S.url];
-    const B = s[S.id];
-    B && (B.destroy(), delete s[S.id], c(S));
-  }, h = (S = []) => {
-    S.forEach((B) => {
-      m(B);
+    const P = s[S.id];
+    P && (P.destroy(), delete s[S.id], c(S));
+  }, b = (S = []) => {
+    S.forEach((P) => {
+      m(P);
     });
-  }, b = async (S) => {
+  }, h = async (S) => {
     S.dialog = {
       ...S.dialog,
       onMinimized: () => {
@@ -2524,7 +2525,7 @@ function Wn(a) {
         m(S), p.value = p.value.filter((T) => T.id !== S.id);
       }
     }, c(S);
-    const B = ot(
+    const P = ot(
       {
         title: S.title,
         icon: S.icon,
@@ -2540,80 +2541,80 @@ function Wn(a) {
       },
       l?.appContext
     );
-    return await ye(), i(S) && r(), s[S.id] = B, B;
+    return await ye(), i(S) && r(), s[S.id] = P, P;
   }, w = async (S) => {
     e.value = [S.name], await ye(), e.value = [];
   }, M = async (S) => {
-    e.value = S.map((B) => B.name), await ye(), e.value = [];
-  }, z = (S) => (S.preventDefault(), !1), I = (S) => {
+    e.value = S.map((P) => P.name), await ye(), e.value = [];
+  }, z = (S) => (S.preventDefault(), !1), E = (S) => {
     if (S.dataTransfer) {
-      const B = S.dataTransfer.getData("tab"), T = p.value.find((j) => j.id === B);
+      const P = S.dataTransfer.getData("tab"), T = p.value.find((j) => j.id === P);
       if (T) {
         const { clientX: j, clientY: k } = S;
         T.dialog = {
           left: j,
           top: k
-        }, b(T);
+        }, h(T);
       }
     }
-  }, V = (S) => !!t[S];
-  return De(document, "dragover", z), De(document, "drop", I), {
+  }, B = (S) => !!t[S];
+  return De(document, "dragover", z), De(document, "drop", E), {
     createView: f,
-    openDialog: b,
+    openDialog: h,
     refresh: w,
     exclude: e,
     cleanCache: M,
-    hasDialog: V,
+    hasDialog: B,
     closeDialog: m,
-    closeDialogs: h
+    closeDialogs: b
   };
 }
-const Jn = /* @__PURE__ */ P({
+const Qn = /* @__PURE__ */ V({
   name: "XMask",
   __name: "Mask",
-  props: Pn,
+  props: Vn,
   emits: ["select", "actionClick", "actionCommand"],
   setup(a, { emit: o }) {
-    const e = a, t = o, l = Hn(e), { collapsed: s, keyword: c, favorite: i } = Un(), { menus: r, favorites: p, flatMenus: f, active: m, select: h, toggleFavorite: b } = Kn(e, t), {
+    const e = a, t = o, l = Kn(e), { collapsed: s, keyword: c, favorite: i } = Hn(), { menus: r, favorites: p, flatMenus: f, active: m, select: b, toggleFavorite: h } = Ln(e, t), {
       tabRef: w,
       showTabs: M,
       currentTab: z,
-      changeTab: I,
-      removeTab: V,
+      changeTab: E,
+      removeTab: B,
       tabs: S,
-      updateTab: B,
+      updateTab: P,
       isCurrentTab: T,
       activeHome: j,
       removeAllTabs: k,
-      removeOtherTabs: U,
+      removeOtherTabs: H,
       dropdownTabs: K,
       moveToShow: ce
-    } = Ln(e, t, f, m, l), { createView: Z, openDialog: ee, refresh: ue, exclude: $, cleanCache: A, closeDialogs: N } = Wn({
+    } = Wn(e, t, f, m, l), { createView: Z, openDialog: ee, refresh: ue, exclude: $, cleanCache: D, closeDialogs: N } = Jn({
       tabs: S,
-      updateTab: B,
+      updateTab: P,
       isCurrentTab: T,
       activeHome: j
-    }), Te = async (X) => {
-      await V(X) && await A([X]);
+    }), Te = async (U) => {
+      await B(U) && await D([U]);
     }, $e = async () => {
-      const X = await k();
-      X && (N(X), await A(X));
+      const U = await k();
+      U && (N(U), await D(U));
     }, Fe = async () => {
-      const X = await U();
-      X && (N(X), await A(X));
-    }, je = (X) => {
-      t("actionClick", X);
-    }, Xt = (X, oe) => {
-      t("actionCommand", X, oe);
+      const U = await H();
+      U && (N(U), await D(U));
+    }, je = (U) => {
+      t("actionClick", U);
+    }, Xt = (U, oe) => {
+      t("actionCommand", U, oe);
     };
     return ze(At, {
       tabs: S,
       flatMenus: f,
       favorites: p,
-      updateTab: B,
+      updateTab: P,
       active: m,
       currentTab: z
-    }), (X, oe) => (u(), g(n(E), {
+    }), (U, oe) => (u(), g(n(I), {
       class: W(["x-mask", { "is-disabled": e.disabled }]),
       fit: ""
     }, {
@@ -2624,11 +2625,11 @@ const Jn = /* @__PURE__ */ P({
           exclude: n($)
         }, {
           default: d(() => [
-            X.$slots.default ? x(X.$slots, "default", { key: 0 }) : v("", !0)
+            U.$slots.default ? x(U.$slots, "default", { key: 0 }) : v("", !0)
           ]),
           _: 3
         }, 8, ["createView", "exclude"])) : (u(), C(Q, { key: 0 }, [
-          _(zn, { collapsed: n(s) }, {
+          _(Cn, { collapsed: n(s) }, {
             brand: d(() => [
               _(Mn, {
                 logo: e.logo,
@@ -2638,7 +2639,7 @@ const Jn = /* @__PURE__ */ P({
               }, null, 8, ["logo", "title", "url", "collapsed"])
             ]),
             default: d(() => [
-              _(Cn, {
+              _(Tn, {
                 collasped: n(s),
                 "onUpdate:collasped": oe[0] || (oe[0] = (we) => Be(s) ? s.value = we : null),
                 favorite: n(i),
@@ -2646,7 +2647,7 @@ const Jn = /* @__PURE__ */ P({
                 keyword: n(c),
                 "onUpdate:keyword": oe[2] || (oe[2] = (we) => Be(c) ? c.value = we : null)
               }, null, 8, ["collasped", "favorite", "keyword"]),
-              _(En, {
+              _(In, {
                 collapse: n(s),
                 keyword: n(c),
                 favorite: n(i),
@@ -2654,12 +2655,12 @@ const Jn = /* @__PURE__ */ P({
                 flatMenus: n(f),
                 menus: n(r),
                 active: n(m),
-                onSelect: n(h)
+                onSelect: n(b)
               }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
             ]),
             _: 1
           }, 8, ["collapsed"]),
-          _(n(E), {
+          _(n(I), {
             class: "x-mask__main",
             grow: "",
             shrink: "",
@@ -2667,26 +2668,26 @@ const Jn = /* @__PURE__ */ P({
             direction: "column"
           }, {
             default: d(() => [
-              _(n(E), {
+              _(n(I), {
                 class: "x-mask-topbar",
                 justify: "space-between",
                 align: "center"
               }, {
                 default: d(() => [
-                  _(On, {
+                  _(Fn, {
                     ref_key: "tabRef",
                     ref: w,
                     favorites: n(p),
                     tabs: n(M),
                     home: n(l),
                     value: n(z)?.id,
-                    onClick: n(I),
-                    onToggleFavorite: n(b),
+                    onClick: n(E),
+                    onToggleFavorite: n(h),
                     onRemove: Te,
                     onDialog: n(ee),
                     onRefresh: n(ue)
                   }, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
-                  _(Nn, {
+                  _(Xn, {
                     tabs: n(K),
                     actions: e.actions,
                     theme: e.theme,
@@ -2698,13 +2699,13 @@ const Jn = /* @__PURE__ */ P({
                     onActionCommand: Xt
                   }, {
                     default: d(() => [
-                      _(Xn, {
+                      _(Un, {
                         avatar: e.avatar
-                      }, he({ _: 2 }, [
-                        X.$slots.user ? {
+                      }, be({ _: 2 }, [
+                        U.$slots.user ? {
                           name: "default",
                           fn: d(() => [
-                            x(X.$slots, "user")
+                            x(U.$slots, "user")
                           ]),
                           key: "0"
                         } : void 0
@@ -2720,7 +2721,7 @@ const Jn = /* @__PURE__ */ P({
                 exclude: n($)
               }, {
                 default: d(() => [
-                  X.$slots.default ? x(X.$slots, "default", { key: 0 }) : v("", !0)
+                  U.$slots.default ? x(U.$slots, "default", { key: 0 }) : v("", !0)
                 ]),
                 _: 3
               }, 8, ["createView", "exclude"])
@@ -2733,8 +2734,8 @@ const Jn = /* @__PURE__ */ P({
     }, 8, ["class"]));
   }
 });
-function Ra(a = {}) {
-  const o = Mt(), e = xe(Vt, null), t = xe(At, null);
+function La(a = {}) {
+  const o = Et(), e = xe(Vt, null), t = xe(At, null);
   if (e) {
     const s = typeof a == "function" ? a : async () => a;
     e[o.fullPath] = s;
@@ -2744,18 +2745,18 @@ function Ra(a = {}) {
     mask: t
   };
 }
-const Qn = /* @__PURE__ */ P({
+const Zn = /* @__PURE__ */ V({
   __name: "SelectEditor",
   props: {
     options: { default: () => [] }
   },
   setup(a) {
     const o = a;
-    return (e, t) => (u(), g(n(to), le(be(e.$attrs)), {
+    return (e, t) => (u(), g(n(to), le(he(e.$attrs)), {
       default: d(() => [
         (u(!0), C(Q, null, Y(o.options, (l, s) => (u(), g(n(oo), F({
           key: `item_${s}_${l.value}`
-        }, l), he({ _: 2 }, [
+        }, l), be({ _: 2 }, [
           e.$slots.option ? {
             name: "default",
             fn: d(() => [
@@ -2768,7 +2769,7 @@ const Qn = /* @__PURE__ */ P({
       _: 3
     }, 16));
   }
-}), Zn = /* @__PURE__ */ P({
+}), Gn = /* @__PURE__ */ V({
   __name: "CheckboxEditor",
   props: {
     options: { default: () => [] },
@@ -2778,14 +2779,14 @@ const Qn = /* @__PURE__ */ P({
     const o = a, e = y(
       () => ke(o.button ? no : ao)
     );
-    return (t, l) => (u(), g(n(so), le(be(t.$attrs)), {
+    return (t, l) => (u(), g(n(so), le(he(t.$attrs)), {
       default: d(() => [
         (u(!0), C(Q, null, Y(o.options, (s, c) => (u(), g(J(e.value), {
           key: `item_${c}_${s.value}`,
           label: s.value
         }, {
           default: d(() => [
-            R(O(s.label), 1)
+            R(A(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label"]))), 128))
@@ -2793,7 +2794,7 @@ const Qn = /* @__PURE__ */ P({
       _: 1
     }, 16));
   }
-}), Gn = /* @__PURE__ */ P({
+}), Yn = /* @__PURE__ */ V({
   __name: "RadioEditor",
   props: {
     options: { default: () => [] },
@@ -2803,14 +2804,14 @@ const Qn = /* @__PURE__ */ P({
     const o = a, e = y(
       () => ke(o.button ? lo : io)
     );
-    return (t, l) => (u(), g(n(ro), le(be(t.$attrs)), {
+    return (t, l) => (u(), g(n(ro), le(he(t.$attrs)), {
       default: d(() => [
         (u(!0), C(Q, null, Y(o.options, (s, c) => (u(), g(J(e.value), {
           key: `item_${c}_${s.value}`,
           label: s.value
         }, {
           default: d(() => [
-            R(O(s.label), 1)
+            R(A(s.label), 1)
           ]),
           _: 2
         }, 1032, ["label"]))), 128))
@@ -2841,18 +2842,18 @@ const Qn = /* @__PURE__ */ P({
     defaultValue: ""
   },
   select: {
-    component: Qn,
+    component: Zn,
     props: {
       clearable: !0
     }
   },
   checkbox: {
-    component: Zn,
+    component: Gn,
     props: {},
     defaultValue: []
   },
   radio: {
-    component: Gn,
+    component: Yn,
     props: {}
   },
   number: {
@@ -2889,7 +2890,7 @@ const Qn = /* @__PURE__ */ P({
     component: mo,
     props: {}
   }
-}, Yn = {
+}, qn = {
   /**
    * 字段名称
    */
@@ -3003,17 +3004,17 @@ const Qn = /* @__PURE__ */ P({
     type: Boolean
   }
 };
-async function qn(a, o) {
+async function ea(a, o) {
   const e = a.options;
   return e ? typeof e == "function" ? await e(o) || [] : e : [];
 }
-function ea(a, o, e, t, l) {
-  const s = D([]), c = y(() => !t || !l ? {} : Uo(a.cascader).reduce((p, f) => (p[f] = Pe(l, f), p), {}));
+function ta(a, o, e, t, l) {
+  const s = O([]), c = y(() => !t || !l ? {} : Ho(a.cascader).reduce((p, f) => (p[f] = Pe(l, f), p), {}));
   return L(
     c,
     async (r) => {
       if (e.value) {
-        s.value = await qn(a, r);
+        s.value = await ea(a, r);
         const p = t?.exposed?.reset;
         p && a.name && p(a.name);
       }
@@ -3028,12 +3029,12 @@ function ea(a, o, e, t, l) {
         placeholder: p,
         label: f = "...",
         disabled: m,
-        readonly: h
-      } = a, b = {
+        readonly: b
+      } = a, h = {
         ...a.props,
         placeholder: p || (p === null ? void 0 : `请输入${f}`),
         disabled: m,
-        readonly: h,
+        readonly: b,
         options: s.value,
         onFocus: () => o("focus"),
         onBlur: () => o("blur"),
@@ -3042,57 +3043,57 @@ function ea(a, o, e, t, l) {
         component: r,
         props: {}
       };
-      return Ho({}, w, {
-        props: b
+      return Ko({}, w, {
+        props: h
       });
     })
   };
 }
-const ta = {
+const oa = {
   key: 1,
   class: "el-form-item__error"
-}, oa = {
+}, na = {
   key: 0,
   class: "x-field__tip"
-}, Ot = /* @__PURE__ */ P({
+}, Ot = /* @__PURE__ */ V({
   name: "XField",
   __name: "Field",
-  props: Yn,
+  props: qn,
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = xe(Ft, null), c = xe(go, null), i = xe(jt, null), r = y(() => !s?.proxy || !i ? t.visible : typeof t.visible == "function" ? t.visible(i) : Ye(t.visible) ? Object.entries(t.visible).every(([U, K]) => Pe(i, U) === K) : t.visible), p = () => s?.proxy && i && t.name ? Pe(i, t.name) ?? t.modelValue : t.modelValue, f = D(p()), { editor: m } = ea(
+    const t = a, l = e, s = xe(Ft, null), c = xe(go, null), i = xe(jt, null), r = y(() => !s?.proxy || !i ? t.visible : typeof t.visible == "function" ? t.visible(i) : Ye(t.visible) ? Object.entries(t.visible).every(([H, K]) => Pe(i, H) === K) : t.visible), p = () => s?.proxy && i && t.name ? Pe(i, t.name) ?? t.modelValue : t.modelValue, f = O(p()), { editor: m } = ta(
       t,
       l,
       r,
       s,
       i
-    ), h = D(), b = D(), w = y(
+    ), b = O(), h = O(), w = y(
       () => t.size || c?.size || "default"
     ), M = y(() => Object.assign(
       {},
       s?.props.tooltipMessage || {},
       typeof t.tooltipMessage == "boolean" ? {} : t.tooltipMessage
-    )), z = (k = "") => t.error ? t.error : k.includes("is required") ? `${t.label || t.name}是必填项！` : k, I = y(() => {
+    )), z = (k = "") => t.error ? t.error : k.includes("is required") ? `${t.label || t.name}是必填项！` : k, E = y(() => {
       const k = s?.props.tooltipMessage ?? t.tooltipMessage;
       return {
         [`is-tooltip-${t.tooltipPosition}`]: !!k && !!t.tooltipPosition
       };
-    }), V = y(() => {
+    }), B = y(() => {
       const k = s?.proxy;
       return {
         width: t.width ? q(t.width) : k && k.inline && k.inlineColumns ? `${100 / k.inlineColumns}%` : null
       };
     }), S = y(() => ({
       right: typeof t.tooltipPosition == "number" ? `${t.tooltipPosition}px` : void 0
-    })), B = y(() => ({
+    })), P = y(() => ({
       ...m.value.props,
       modelValue: f.value,
       "onUpdate:modelValue": (k) => {
         f.value = k;
       }
     }));
-    return L(f, (k, U) => {
-      r.value && !Ge(k, U) && (l("update:modelValue", k), s?.proxy && i && t.name && Ue(i, t.name, k));
+    return L(f, (k, H) => {
+      r.value && !Ge(k, H) && (l("update:modelValue", k), s?.proxy && i && t.name && Ue(i, t.name, k));
     }), L(
       () => !s?.proxy || !t.name || !i ? t.modelValue : Pe(i, t.name) ?? t.modelValue,
       (k) => {
@@ -3111,24 +3112,24 @@ const ta = {
       }
     ), o({
       fieldValue: f,
-      itemRef: h,
-      editorRef: b,
+      itemRef: b,
+      editorRef: h,
       focus: () => {
-        b.value?.focus && b.value.focus();
+        h.value?.focus && h.value.focus();
       },
       blur: () => {
-        b.value?.foucs && b.value.blur();
+        h.value?.foucs && h.value.blur();
       }
-    }), (k, U) => r.value ? (u(), g(n(yo), F({
+    }), (k, H) => r.value ? (u(), g(n(yo), F({
       key: 0,
-      class: ["x-field", I.value],
+      class: ["x-field", E.value],
       ref_key: "itemRef",
-      ref: h,
+      ref: b,
       prop: t.name,
       label: k.label,
       size: w.value,
-      style: V.value
-    }, k.$attrs), he({
+      style: B.value
+    }, k.$attrs), be({
       error: d(({ error: K }) => [
         x(k.$slots, "error", { error: K }, () => [
           n(s)?.props.tooltipMessage ?? t.tooltipMessage ? (u(), C("div", {
@@ -3136,7 +3137,7 @@ const ta = {
             class: "x-field__info",
             style: fe(S.value)
           }, [
-            _(n(ht), F({
+            _(n(bt), F({
               content: z(K)
             }, M.value), {
               default: d(() => [
@@ -3148,22 +3149,22 @@ const ta = {
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : (u(), C("div", ta, O(z(K)), 1))
+          ], 4)) : (u(), C("div", oa, A(z(K)), 1))
         ])
       ]),
       default: d(() => [
-        H("div", {
+        X("div", {
           class: W(["x-field__editor_wrap", { "is-inline": t.inline }])
         }, [
-          x(k.$slots, "editor", { editor: B.value }, () => [
+          x(k.$slots, "editor", { editor: P.value }, () => [
             n(m).component ? (u(), g(J(n(m).component), F({
               key: 0,
               class: "x-field__editor",
               ref_key: "editorRef",
-              ref: b,
+              ref: h,
               modelValue: f.value,
-              "onUpdate:modelValue": U[0] || (U[0] = (K) => f.value = K)
-            }, n(m).props), he({ _: 2 }, [
+              "onUpdate:modelValue": H[0] || (H[0] = (K) => f.value = K)
+            }, n(m).props), be({ _: 2 }, [
               k.$slots.option ? {
                 name: "option",
                 fn: d(({ option: K }) => [
@@ -3173,9 +3174,9 @@ const ta = {
               } : void 0
             ]), 1040, ["modelValue"])) : v("", !0)
           ]),
-          t.tip || k.$slots.tip ? (u(), C("div", oa, [
+          t.tip || k.$slots.tip ? (u(), C("div", na, [
             x(k.$slots, "tip", {}, () => [
-              R(O(t.tip), 1)
+              R(A(t.tip), 1)
             ])
           ])) : v("", !0)
         ], 2),
@@ -3192,7 +3193,7 @@ const ta = {
       } : void 0
     ]), 1040, ["prop", "label", "size", "class", "style"])) : v("", !0);
   }
-}), na = {
+}), aa = {
   /**
    * 表单模型
    */
@@ -3248,13 +3249,13 @@ const ta = {
     type: [Object, Boolean],
     default: void 0
   }
-}, Ft = Symbol("formInstanceKey"), jt = Symbol("formModelKey"), Nt = /* @__PURE__ */ P({
+}, Ft = Symbol("formInstanceKey"), jt = Symbol("formModelKey"), Nt = /* @__PURE__ */ V({
   name: "XForm",
   __name: "Form",
-  props: na,
+  props: aa,
   emits: ["change", "submit", "reset"],
   setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = pe(), c = D(), i = Re(t.model || {}), r = D(!1);
+    const t = a, l = e, s = pe(), c = O(), i = Re(t.model || {}), r = O(!1);
     ze(Ft, s), ze(jt, i), L(i, () => {
       l("change", ge(i));
     }), L(
@@ -3274,14 +3275,14 @@ const ta = {
       model: i,
       submit: p,
       reset: f
-    }), (m, h) => (u(), g(n(vo), F({
+    }), (m, b) => (u(), g(n(vo), F({
       ref_key: "formRef",
       ref: c,
       class: "x-form",
       inline: t.inline,
       model: i,
       onKeyup: Lt(p, ["enter"]),
-      onSubmit: h[1] || (h[1] = bt(() => {
+      onSubmit: b[1] || (b[1] = ht(() => {
       }, ["stop", "prevent"]))
     }, m.$attrs), {
       default: d(() => [
@@ -3301,17 +3302,17 @@ const ta = {
                 onClick: p
               }, {
                 default: d(() => [
-                  R(O(t.submitText), 1)
+                  R(A(t.submitText), 1)
                 ]),
                 _: 1
               }, 8, ["loading"])) : v("", !0),
               t.resetText ? (u(), g(n(ie), {
                 key: 1,
                 type: "default",
-                onClick: h[0] || (h[0] = () => f())
+                onClick: b[0] || (b[0] = () => f())
               }, {
                 default: d(() => [
-                  R(O(t.resetText), 1)
+                  R(A(t.resetText), 1)
                 ]),
                 _: 1
               })) : v("", !0),
@@ -3324,7 +3325,7 @@ const ta = {
       _: 3
     }, 16, ["inline", "model"]));
   }
-}), aa = {
+}), sa = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -3361,40 +3362,40 @@ const ta = {
   submitMethod: {
     type: Function
   }
-}, sa = /* @__PURE__ */ P({
+}, la = /* @__PURE__ */ V({
   name: "XDialogForm",
   __name: "DialogForm",
-  props: aa,
+  props: sa,
   emits: ["update:modelValue", "submit", "close"],
   setup(a, { expose: o, emit: e }) {
-    const t = a, l = e, s = D(), c = D(), i = y(() => c.value?.$vtjEl), r = () => {
+    const t = a, l = e, s = O(), c = O(), i = y(() => c.value?.$vtjEl), r = () => {
       s.value?.submit();
     }, p = () => {
       l("update:modelValue", !1), l("close");
-    }, f = async (b) => {
-      l("submit", b), t.submitMethod ? await t.submitMethod(b) && p() : p();
+    }, f = async (h) => {
+      l("submit", h), t.submitMethod ? await t.submitMethod(h) && p() : p();
     }, m = y(
       () => t.formProps?.disabled ? !1 : t.submit
-    ), h = y(
+    ), b = y(
       () => t.formProps?.disabled ? !1 : t.cancel
     );
     return o({
       $vtjEl: i,
       formRef: s,
       dialogRef: c
-    }), (b, w) => (u(), g(n(tt), F({
+    }), (h, w) => (u(), g(n(tt), F({
       ref_key: "dialogRef",
       ref: c,
       class: "x-dialog-form",
       "model-value": t.modelValue,
       submit: m.value,
-      cancel: h.value,
+      cancel: b.value,
       size: t.size,
       onSubmit: r,
       onClose: p,
       minimizable: !1,
       maximizable: !1
-    }, b.$attrs), he({
+    }, h.$attrs), be({
       default: d(() => [
         _(n(Nt), F({
           ref_key: "formRef",
@@ -3408,37 +3409,37 @@ const ta = {
           "submit-method": f
         }, t.formProps), {
           default: d(() => [
-            x(b.$slots, "default")
+            x(h.$slots, "default")
           ]),
           _: 3
         }, 16, ["size", "model", "rules"])
       ]),
       _: 2
     }, [
-      b.$slots.extra ? {
+      h.$slots.extra ? {
         name: "extra",
         fn: d(() => [
-          x(b.$slots, "extra")
+          x(h.$slots, "extra")
         ]),
         key: "0"
       } : void 0,
-      b.$slots.handle ? {
+      h.$slots.handle ? {
         name: "handle",
         fn: d(() => [
-          x(b.$slots, "handle")
+          x(h.$slots, "handle")
         ]),
         key: "1"
       } : void 0,
-      b.$slots.footer ? {
+      h.$slots.footer ? {
         name: "footer",
         fn: d(() => [
-          x(b.$slots, "footer")
+          x(h.$slots, "footer")
         ]),
         key: "2"
       } : void 0
     ]), 1040, ["model-value", "submit", "cancel", "size"]));
   }
-}), la = {
+}), ia = {
   items: {
     type: Array,
     default() {
@@ -3448,10 +3449,10 @@ const ta = {
   border: {
     type: Boolean
   }
-}, ia = /* @__PURE__ */ P({
+}, ra = /* @__PURE__ */ V({
   name: "XTabs",
   __name: "Tabs",
-  props: la,
+  props: ia,
   setup(a) {
     const o = a, e = (l) => {
       const { label: s, name: c, value: i, disabled: r, closable: p, lazy: f } = l;
@@ -3473,16 +3474,16 @@ const ta = {
           key: c.value ?? c.name
         }, e(c)), {
           label: d(() => [
-            x(l.$slots, "label", le(be(c)), () => [
+            x(l.$slots, "label", le(he(c)), () => [
               c.icon ? (u(), g(J(n(_e)(c.icon)), {
                 key: 0,
                 class: "x-tabs__icon"
               })) : v("", !0),
-              R(" " + O(c.label), 1)
+              R(" " + A(c.label), 1)
             ])
           ]),
           default: d(() => [
-            x(l.$slots, "default", le(be(c)), () => [
+            x(l.$slots, "default", le(he(c)), () => [
               c.component ? (u(), g(J(c.component), le(F({ key: 0 }, c.props)), null, 16)) : v("", !0)
             ])
           ]),
@@ -3492,7 +3493,7 @@ const ta = {
       _: 3
     }, 16, ["class"]));
   }
-}), ra = {
+}), ca = {
   direction: {
     type: String,
     default: "column"
@@ -3530,26 +3531,26 @@ const ta = {
   onTitleClick: {
     type: Function
   }
-}, ca = { class: "x-data-item__title" }, ua = {
+}, ua = { class: "x-data-item__title" }, da = {
   key: 1,
   class: "x-data-item__section x-data-item__desc"
-}, da = {
+}, pa = {
   key: 2,
   class: "x-data-item__section x-data-item__extra"
-}, pa = {
+}, fa = {
   key: 3,
   class: "x-data-item__section x-data-item__actions"
-}, fa = /* @__PURE__ */ P({
+}, ma = /* @__PURE__ */ V({
   name: "XDataItem",
   __name: "DataItem",
-  props: ra,
+  props: ca,
   emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
   setup(a, { emit: o }) {
     const e = a, t = o, l = y(() => {
-      const { imageWidth: m, imageHeight: h } = e;
+      const { imageWidth: m, imageHeight: b } = e;
       return {
         width: m ? q(m) : void 0,
-        height: h ? q(h) : void 0
+        height: b ? q(b) : void 0
       };
     }), s = y(() => ({
       [`is-image-${e.direction}`]: !!e.direction,
@@ -3561,13 +3562,13 @@ const ta = {
       type: "info",
       items: e.actions,
       ...e.actionBarProps
-    })), i = () => t("imageClick"), r = () => t("titleClick"), p = (m) => t("actionClick", m), f = (m, h) => t("actionCommand", m, h);
-    return (m, h) => (u(), g(n(E), {
+    })), i = () => t("imageClick"), r = () => t("titleClick"), p = (m) => t("actionClick", m), f = (m, b) => t("actionCommand", m, b);
+    return (m, b) => (u(), g(n(I), {
       class: W(["x-data-item", s.value]),
       direction: e.direction
     }, {
       default: d(() => [
-        e.imageSrc || m.$slots.image ? (u(), g(n(E), {
+        e.imageSrc || m.$slots.image ? (u(), g(n(I), {
           key: 0,
           class: "x-data-item__img",
           autoPointer: !0,
@@ -3575,7 +3576,7 @@ const ta = {
         }, {
           default: d(() => [
             x(m.$slots, "image", {}, () => [
-              e.imageSrc ? (u(), g(n(bo), {
+              e.imageSrc ? (u(), g(n(ho), {
                 key: 0,
                 style: fe(l.value),
                 src: e.imageSrc
@@ -3584,14 +3585,14 @@ const ta = {
           ]),
           _: 3
         }, 8, ["onClick"])) : v("", !0),
-        _(n(E), {
+        _(n(I), {
           class: "x-data-item__content",
           direction: "column",
           grow: "",
           shrink: ""
         }, {
           default: d(() => [
-            e.title || m.$slots.title ? (u(), g(n(E), {
+            e.title || m.$slots.title ? (u(), g(n(I), {
               key: 0,
               class: "x-data-item__section x-data-item__wrapper",
               align: "center",
@@ -3603,23 +3604,23 @@ const ta = {
                   key: 0,
                   class: "x-data-item__icon"
                 })) : v("", !0),
-                H("span", ca, [
+                X("span", ua, [
                   x(m.$slots, "title", {}, () => [
-                    R(O(e.title), 1)
+                    R(A(e.title), 1)
                   ])
                 ])
               ]),
               _: 3
             }, 8, ["onClick"])) : v("", !0),
-            e.description || m.$slots.description ? (u(), C("div", ua, [
+            e.description || m.$slots.description ? (u(), C("div", da, [
               x(m.$slots, "description", {}, () => [
-                R(O(e.description), 1)
+                R(A(e.description), 1)
               ])
             ])) : v("", !0),
-            m.$slots.default ? (u(), C("div", da, [
+            m.$slots.default ? (u(), C("div", pa, [
               x(m.$slots, "default")
             ])) : v("", !0),
-            e.actions || e.actionBarProps || m.$slots.actions ? (u(), C("div", pa, [
+            e.actions || e.actionBarProps || m.$slots.actions ? (u(), C("div", fa, [
               x(m.$slots, "actions", {}, () => [
                 _(n(Oe), F(c.value, {
                   onClick: p,
@@ -3634,7 +3635,7 @@ const ta = {
       _: 3
     }, 8, ["direction", "class"]));
   }
-}), ma = {
+}), ga = {
   option: {
     type: Object
   },
@@ -3647,13 +3648,13 @@ const ta = {
     default: "400px"
   }
 };
-function ga() {
+function ya() {
   return import("echarts");
 }
-function ya(a, o) {
-  const e = D(), t = Ve();
+function va(a, o) {
+  const e = O(), t = Ve();
   return gt(async () => {
-    t.value = await ga();
+    t.value = await ya();
     const l = n(a);
     l && (e.value || (e.value = ke(t.value.init(l))), e.value && e.value.setOption(o.option || {}));
   }), yt(() => {
@@ -3664,9 +3665,9 @@ function ya(a, o) {
       e.value && e.value.setOption(l || {});
     },
     { deep: !0 }
-  ), Fo(
+  ), jo(
     a,
-    Ko(() => {
+    Lo(() => {
       e.value && e.value.resize();
     }, 150)
   ), {
@@ -3674,12 +3675,12 @@ function ya(a, o) {
     echarts: t
   };
 }
-const va = /* @__PURE__ */ P({
+const ha = /* @__PURE__ */ V({
   name: "XChart",
   __name: "Chart",
-  props: ma,
+  props: ga,
   setup(a, { expose: o }) {
-    const e = a, t = D(), { echartsInstance: l, echarts: s } = ya(t, e), c = y(() => ({
+    const e = a, t = O(), { echartsInstance: l, echarts: s } = va(t, e), c = y(() => ({
       width: q(e.width),
       height: q(e.height)
     }));
@@ -3731,22 +3732,22 @@ const va = /* @__PURE__ */ P({
   infiniteScroll: {
     type: [Boolean, Object]
   }
-}, ha = {
+}, _a = {
   key: 0,
   class: "x-list__loading"
-}, _a = {
+}, ka = {
   key: 1,
   class: "x-list__nomore"
-}, ka = {
+}, wa = {
   key: 0,
   class: "x-list__loading"
-}, wa = {
+}, xa = {
   key: 1,
   class: "x-list__nomore"
-}, xa = {
+}, Sa = {
   key: 1,
   class: "x-list__pager"
-}, Sa = /* @__PURE__ */ P({
+}, za = /* @__PURE__ */ V({
   name: "XList",
   __name: "List",
   props: ba,
@@ -3760,68 +3761,68 @@ const va = /* @__PURE__ */ P({
       const { page: T, pageSize: j } = t;
       Object.assign(s, { page: T, pageSize: j });
     });
-    const { data: c, loading: i } = ln(
+    const { data: c, loading: i } = rn(
       t.data,
       {
         list: [],
         total: 0
       },
       s
-    ), r = y(() => Math.ceil((c.value.total || 0) / s.pageSize)), p = D(!1), f = D(), m = y(() => ({
+    ), r = y(() => Math.ceil((c.value.total || 0) / s.pageSize)), p = O(!1), f = O(), m = y(() => ({
       width: q(t.width),
       height: q(t.height)
-    })), h = y(() => ({
+    })), b = y(() => ({
       "is-virtual": !!t.itemHeight
-    })), b = y(() => {
+    })), h = y(() => {
       const T = {};
       for (let [j, k] of Object.entries(
         rt(t.infiniteScroll)
       ))
         T[`infinite-scroll-${j}`] = k;
       return (i.value || p.value) && (T["infinite-scroll-disabled"] = !0), T;
-    }), w = y(() => rt(t.pager, {})), { list: M, containerProps: z, wrapperProps: I, scrollTo: V } = jo(
+    }), w = y(() => rt(t.pager, {})), { list: M, containerProps: z, wrapperProps: E, scrollTo: B } = No(
       y(() => c.value.list),
       {
         itemHeight: t.itemHeight || 0
       }
     ), S = () => {
       !t.infiniteScroll || p.value || (s.page < r.value ? (++s.page, l("load", s)) : p.value = !0);
-    }, B = (T) => t.dataKey ? T[t.dataKey] : void 0;
+    }, P = (T) => t.dataKey ? T[t.dataKey] : void 0;
     return o({
       list: M,
-      scrollTo: V,
+      scrollTo: B,
       wrapperRef: f,
       loading: i,
       state: s,
       pageCount: r,
       nomore: p,
       data: c,
-      getKey: B
+      getKey: P
     }), (T, j) => (u(), C("div", {
-      class: W(["x-list", h.value]),
+      class: W(["x-list", b.value]),
       style: fe(m.value)
     }, [
       !n(c).total && !n(i) ? x(T.$slots, "empty", { key: 0 }, () => [
         _(n(_t))
       ]) : v("", !0),
-      H("div", F({ class: "x-list__content" }, n(z)), [
+      X("div", F({ class: "x-list__content" }, n(z)), [
         t.itemHeight ? G((u(), C("div", F({
           key: 0,
           class: "x-list__wrapper",
           ref_key: "wrapperRef",
           ref: f
-        }, { ...n(I), ...b.value }), [
-          (u(!0), C(Q, null, Y(n(M), (k, U) => x(T.$slots, "default", le(F({
-            key: B(k.data)
-          }, { item: k.data, index: U })), () => [
-            H("div", null, O(k), 1)
+        }, { ...n(E), ...h.value }), [
+          (u(!0), C(Q, null, Y(n(M), (k, H) => x(T.$slots, "default", le(F({
+            key: P(k.data)
+          }, { item: k.data, index: H })), () => [
+            X("div", null, A(k), 1)
           ])), 128)),
-          n(i) ? (u(), C("div", ha, [
+          n(i) ? (u(), C("div", _a, [
             x(T.$slots, "loading", {}, () => [
               R(" 正在加载数据... ")
             ])
           ])) : v("", !0),
-          p.value ? (u(), C("div", _a, [
+          p.value ? (u(), C("div", ka, [
             x(T.$slots, "nomore", {}, () => [
               R(" 没有更多数据 ")
             ])
@@ -3831,18 +3832,18 @@ const va = /* @__PURE__ */ P({
         ]) : G((u(), C("div", F({
           key: 1,
           class: "x-list__wrapper"
-        }, b.value), [
-          (u(!0), C(Q, null, Y(n(c).list, (k, U) => x(T.$slots, "default", le(F({
-            key: B(k)
-          }, { item: k, index: U })), () => [
-            H("div", null, O(k), 1)
+        }, h.value), [
+          (u(!0), C(Q, null, Y(n(c).list, (k, H) => x(T.$slots, "default", le(F({
+            key: P(k)
+          }, { item: k, index: H })), () => [
+            X("div", null, A(k), 1)
           ])), 128)),
-          n(i) ? (u(), C("div", ka, [
+          n(i) ? (u(), C("div", wa, [
             x(T.$slots, "loading", {}, () => [
               R(" 正在加载数据... ")
             ])
           ])) : v("", !0),
-          p.value ? (u(), C("div", wa, [
+          p.value ? (u(), C("div", xa, [
             x(T.$slots, "nomore", {}, () => [
               R(" 没有更多数据 ")
             ])
@@ -3851,8 +3852,8 @@ const va = /* @__PURE__ */ P({
           [n(st), S]
         ])
       ], 16),
-      t.pager ? (u(), C("div", xa, [
-        _(n(ho), F({
+      t.pager ? (u(), C("div", Sa, [
+        _(n(bo), F({
           small: "",
           background: "",
           layout: "prev, pager, next",
@@ -3867,7 +3868,55 @@ const va = /* @__PURE__ */ P({
       ])) : v("", !0)
     ], 6));
   }
-}), za = {
+}), Ca = {
+  name: {
+    type: String,
+    default: "VTJ.PRO"
+  },
+  tagline: {
+    type: String,
+    default: "基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台"
+  },
+  actionText: {
+    type: String,
+    default: "开始设计"
+  },
+  actionLink: {
+    type: String,
+    default: "/@vtj/pro/"
+  }
+}, Ta = { class: "x-startup" }, $a = { class: "x-startup__wrapper" }, Ea = { class: "x-startup__name" }, Ma = { class: "clip" }, Ia = { class: "x-startup__tagline" }, Ba = { class: "x-startup__actions" }, Pa = /* @__PURE__ */ V({
+  __name: "Startup",
+  props: Ca,
+  setup(a) {
+    const o = a, e = () => {
+      let l = (window.__VTJ_LINK__ || {}).href || window.location.pathname + "@vtj/pro/#/";
+      location.href = l;
+    };
+    return (t, l) => (u(), C("div", Ta, [
+      X("div", $a, [
+        X("div", Ea, [
+          X("span", Ma, A(o.name), 1)
+        ]),
+        X("div", Ia, A(o.tagline), 1),
+        X("div", Ba, [
+          _(n(ie), {
+            type: "primary",
+            size: "large",
+            round: "",
+            icon: n(Do),
+            onClick: e
+          }, {
+            default: d(() => [
+              R(A(o.actionText), 1)
+            ]),
+            _: 1
+          }, 8, ["icon"])
+        ])
+      ])
+    ]));
+  }
+}), Va = {
   stringProp: {
     type: String
   },
@@ -3898,27 +3947,27 @@ const va = /* @__PURE__ */ P({
   syncProp: {
     type: String
   }
-}, Ca = { class: "x-test__slot" }, Ta = { class: "x-test__slot" }, $a = /* @__PURE__ */ P({
+}, Aa = { class: "x-test__slot" }, Da = { class: "x-test__slot" }, Ra = /* @__PURE__ */ V({
   name: "XTest",
   __name: "Test",
-  props: za,
+  props: Va,
   emits: ["click", "submit", "change", "update:modelValue", "update:syncProp"],
   setup(a, { expose: o, emit: e }) {
     const t = a, l = e, s = y(() => Object.entries(t)), c = y({
       get() {
         return t.modelValue;
       },
-      set(b) {
-        l("update:modelValue", b);
+      set(h) {
+        l("update:modelValue", h);
       }
     }), i = y({
       get() {
         return t.syncProp;
       },
-      set(b) {
-        l("update:syncProp", b);
+      set(h) {
+        l("update:syncProp", h);
       }
-    }), r = D("default inner data"), p = () => {
+    }), r = O("default inner data"), p = () => {
       it.info({
         message: "触发click事件"
       }), l("click", t);
@@ -3926,9 +3975,9 @@ const va = /* @__PURE__ */ P({
       it.info({
         message: "触发submit事件"
       }), l("submit", t);
-    }, m = (b) => {
-      r.value = b, l("change", r.value);
-    }, h = () => {
+    }, m = (h) => {
+      r.value = h, l("change", r.value);
+    }, b = () => {
       m("user click change:" + Date.now());
     };
     return o({
@@ -3936,7 +3985,7 @@ const va = /* @__PURE__ */ P({
       submit: f,
       data: r,
       change: m
-    }), (b, w) => (u(), g(n(Se), {
+    }), (h, w) => (u(), g(n(Se), {
       class: "x-test",
       header: "VTJ 低代码测试组件",
       border: ""
@@ -3948,9 +3997,9 @@ const va = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(E), null, {
+        _(n(I), null, {
           default: d(() => [
-            R(O(r.value), 1)
+            R(A(r.value), 1)
           ]),
           _: 1
         }),
@@ -3967,7 +4016,7 @@ const va = /* @__PURE__ */ P({
           default: d(() => [
             (u(!0), C(Q, null, Y(s.value, ([M, z]) => (u(), g(n(Xe), { label: M }, {
               default: d(() => [
-                H("pre", null, O(JSON.stringify(z, null, 2)), 1)
+                X("pre", null, A(JSON.stringify(z, null, 2)), 1)
               ]),
               _: 2
             }, 1032, ["label"]))), 256))
@@ -3980,7 +4029,7 @@ const va = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(E), {
+        _(n(I), {
           justify: "space-around",
           flex: "",
           gap: ""
@@ -3992,12 +4041,12 @@ const va = /* @__PURE__ */ P({
               card: ""
             }, {
               default: d(() => [
-                H("div", Ca, [
-                  x(b.$slots, "default", {
+                X("div", Aa, [
+                  x(h.$slots, "default", {
                     props: t,
                     data: r.value
                   }, () => [
-                    H("pre", null, O(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
+                    X("pre", null, A(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
                   ])
                 ])
               ]),
@@ -4009,12 +4058,12 @@ const va = /* @__PURE__ */ P({
               card: ""
             }, {
               default: d(() => [
-                H("div", Ta, [
-                  x(b.$slots, "extra", {
+                X("div", Da, [
+                  x(h.$slots, "extra", {
                     props: t,
                     data: r.value
                   }, () => [
-                    H("pre", null, O(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
+                    X("pre", null, A(JSON.stringify({ props: t, data: r.value }, null, 2)), 1)
                   ])
                 ])
               ]),
@@ -4029,7 +4078,7 @@ const va = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(E), null, {
+        _(n(I), null, {
           default: d(() => [
             _(n(lt), {
               column: 2,
@@ -4066,7 +4115,7 @@ const va = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(E), null, {
+        _(n(I), null, {
           default: d(() => [
             _(n(ie), { onClick: p }, {
               default: d(() => [
@@ -4080,7 +4129,7 @@ const va = /* @__PURE__ */ P({
               ]),
               _: 1
             }),
-            _(n(ie), { onClick: h }, {
+            _(n(ie), { onClick: b }, {
               default: d(() => [
                 R("change")
               ]),
@@ -4093,24 +4142,25 @@ const va = /* @__PURE__ */ P({
       _: 3
     }));
   }
-}), Oa = [
+}), Wa = [
   re,
   de,
   te,
   Oe,
-  E,
+  I,
   Bt,
   Se,
   tt,
-  Jn,
+  Qn,
   Ot,
   Nt,
-  sa,
-  ia,
-  fa,
-  va,
-  Sa,
-  $a
+  la,
+  ra,
+  ma,
+  ha,
+  za,
+  Pa,
+  Ra
 ];
 export {
   dt as Draggable,
@@ -4118,56 +4168,58 @@ export {
   At as MASK_KEY,
   pt as Resizable,
   Vt as TAB_CREATORS_KEY,
-  Bn as TAB_ITEM_WIDTH,
-  Aa as VTJ_UI_VERSION,
+  Pn as TAB_ITEM_WIDTH,
+  Ha as VTJ_UI_VERSION,
   te as XAction,
   Oe as XActionBar,
-  va as XChart,
-  E as XContainer,
-  fa as XDataItem,
+  ha as XChart,
+  I as XContainer,
+  ma as XDataItem,
   tt as XDialog,
-  sa as XDialogForm,
+  la as XDialogForm,
   Ot as XField,
   Nt as XForm,
   Bt as XHeader,
   re as XIcon,
-  Sa as XList,
-  Jn as XMask,
+  za as XList,
+  Qn as XMask,
   de as XMenu,
   Se as XPanel,
-  ia as XTabs,
-  $a as XTest,
-  un as actionBarProps,
+  Pa as XStartup,
+  ra as XTabs,
+  Ra as XTest,
+  dn as actionBarProps,
   It as actionProps,
   Rt as builtinFieldEditors,
-  ma as chartProps,
-  Oa as components,
-  dn as containerProps,
+  ga as chartProps,
+  Wa as components,
+  pn as containerProps,
   ot as createDialog,
-  ra as dataItemProps,
-  Ra as defineTab,
-  aa as dialogFormProps,
-  yn as dialogProps,
-  Yn as fieldProps,
+  ca as dataItemProps,
+  La as defineTab,
+  sa as dialogFormProps,
+  vn as dialogProps,
+  qn as fieldProps,
   Ft as formInstanceKey,
   jt as formModelKey,
-  na as formProps,
+  aa as formProps,
   q as getSizeValue,
-  pn as headerProps,
-  Qo as iconProps,
-  Jo as iconSizeMap,
+  fn as headerProps,
+  Zo as iconProps,
+  Qo as iconSizeMap,
   ba as listProps,
-  Da as makeInstaller,
-  Pn as maskProps,
-  mn as panelProps,
-  Me as parseSize,
-  la as tabsProps,
-  za as testProps,
+  Ka as makeInstaller,
+  Vn as maskProps,
+  gn as panelProps,
+  Ee as parseSize,
+  Ca as startupProps,
+  ia as tabsProps,
+  Va as testProps,
   rt as toObjectProps,
   et as useDisabled,
   _e as useIcon,
-  sn as useIconProps,
-  ln as useLoader,
-  gn as vDraggable,
+  ln as useIconProps,
+  rn as useLoader,
+  yn as vDraggable,
   Pt as vResizable
 };