@vtj/ui 0.7.6 → 0.7.7

package/dist/index.mjs

@@ -1,5 +1,5 @@
-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 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 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 { 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";
@@ -8,10 +8,10 @@ import { useRouter as qe, RouterView as Wo, useRoute as Et, routeLocationKey as
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.6
+ * @version 0.7.7
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ha = "0.7.6", Qo = {
+const Ha = "0.7.7", Qo = {
   default: 14,
   small: 12,
   large: 18
@@ -61,7 +61,7 @@ const ct = Symbol("INSTALLED_KEY"), Ka = (a = []) => ({
       t.name && e.component(t.name, t);
     }));
   }
-}), Go = ["src"], re = /* @__PURE__ */ P({
+}), Go = ["src"], re = /* @__PURE__ */ V({
   name: "XIcon",
   __name: "Icon",
   props: Zo,
@@ -105,7 +105,7 @@ const ct = Symbol("INSTALLED_KEY"), Ka = (a = []) => ({
 }, en = /* @__PURE__ */ X("i", null, null, -1), tn = {
   key: 0,
   class: "x-menu__title"
-}, on = /* @__PURE__ */ X("i", null, null, -1), Mt = /* @__PURE__ */ P({
+}, on = /* @__PURE__ */ X("i", null, null, -1), Mt = /* @__PURE__ */ V({
   inheritAttrs: !1,
   name: "XMenuItem",
   __name: "MenuItem",
@@ -178,7 +178,7 @@ const ct = Symbol("INSTALLED_KEY"), Ka = (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"), Ka = (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;
           }
         }
       };
@@ -354,7 +354,7 @@ function ln(a) {
 }
 function _e(a) {
   const o = ln(a);
-  return o.value ? ke(P({ render: () => ae(re, o.value) })) : void 0;
+  return o.value ? ke(V({ render: () => ae(re, o.value) })) : void 0;
 }
 function et(a, o) {
   return y(() => {
@@ -381,7 +381,7 @@ function rn(a, o, e) {
     loader: c
   };
 }
-const cn = { key: 0 }, un = /* @__PURE__ */ P({
+const cn = { key: 0 }, un = /* @__PURE__ */ V({
   __name: "Trigger",
   props: It,
   emits: ["click"],
@@ -417,7 +417,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
       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,
@@ -430,9 +430,9 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
     }, 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,24 +440,25 @@ const cn = { key: 0 }, un = /* @__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
-    ]), E = y(() => {
-      let z = t.default ? t.default()[0] : ae(ke(un), { ...e, onClick: f });
-      return c.value && (z = h(z)), i.value && (z = b(z)), s.value && (z = w(z)), z;
+    ]), M = y(() => {
+      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(E.value)))
+      (u(), g(J(M.value)))
     ], 2));
   }
 }), dn = {
@@ -531,7 +532,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
   button: {
     type: Object
   }
-}, Oe = /* @__PURE__ */ P({
+}, Oe = /* @__PURE__ */ V({
   name: "XActionBar",
   __name: "ActionBar",
   props: dn,
@@ -552,7 +553,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
     }, c = (i, r) => {
       t("command", i, r);
     };
-    return (i, r) => (u(), g(n(M), {
+    return (i, r) => (u(), g(n(I), {
       class: "x-action-bar",
       align: "center"
     }, {
@@ -697,7 +698,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
   autoPointer: {
     type: Boolean
   }
-}, M = /* @__PURE__ */ P({
+}, I = /* @__PURE__ */ V({
   name: "XContainer",
   __name: "Container",
   props: pn,
@@ -765,7 +766,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
 }, mn = {
   key: 0,
   class: "x-header__actions"
-}, Bt = /* @__PURE__ */ P({
+}, Bt = /* @__PURE__ */ V({
   name: "XHeader",
   inheritAttrs: !1,
   __name: "Header",
@@ -776,13 +777,13 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
       "is-border": o.border,
       "is-pointer": !!t.onClick
     }));
-    return (s, c) => (u(), g(n(M), {
+    return (s, c) => (u(), g(n(I), {
       class: W(["x-header", l.value]),
       justify: "space-between",
       align: "center"
     }, {
       default: d(() => [
-        _(n(M), {
+        _(n(I), {
           align: "center",
           class: W(["x-header__wrapper", l.value]),
           grow: ""
@@ -891,7 +892,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
   footer: {
     type: Object
   }
-}, Se = /* @__PURE__ */ P({
+}, Se = /* @__PURE__ */ V({
   name: "XPanel",
   __name: "Panel",
   props: gn,
@@ -912,7 +913,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
     }), c = y(() => e.fit || e.height ? "auto" : void 0);
     return o({
       bodyRef: t
-    }), (i, r) => (u(), g(n(M), {
+    }), (i, r) => (u(), g(n(I), {
       class: W(["x-panel", l.value]),
       direction: "column",
       fit: e.fit,
@@ -920,14 +921,14 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
       height: e.height
     }, {
       default: d(() => [
-        s.value ? (u(), g(n(M), {
+        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 cn = { key: 0 }, un = /* @__PURE__ */ P({
           ]),
           _: 3
         })) : v("", !0),
-        _(n(M), F({
+        _(n(I), F({
           ref_key: "bodyRef",
           ref: t,
           flex: !1,
@@ -954,7 +955,7 @@ const cn = { key: 0 }, un = /* @__PURE__ */ P({
           ]),
           _: 3
         }, 16, ["overflow"]),
-        i.$slots.footer ? (u(), g(n(M), F({
+        i.$slots.footer ? (u(), g(n(I), F({
           key: 1,
           flex: !1,
           padding: "",
@@ -993,26 +994,26 @@ class dt {
     let i = null;
     const r = this.getHandle(), p = this.getTarget();
     let f = o.getBoundingClientRect(), m = null;
-    const { x: h, y: b } = Ro(o, {
+    const { x: b, y: h } = Ro(o, {
       initialValue: { x: f.x, y: f.y },
       ...e,
       handle: r,
-      onStart: (w, E) => {
+      onStart: (w, M) => {
         document.body.classList.add(ut), clearTimeout(i), i = setTimeout(() => {
-          this.dragging = !0, f = o.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(w, E);
+          this.dragging = !0, f = o.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(w, M);
         }, l);
       },
-      onEnd: (w, E) => {
+      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, E), 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`;
       }
     });
@@ -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: E = 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, E), 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(
-        Math.max(m.value - f.value, E),
-        I
+      const B = Math.min(
+        Math.max(m.value - f.value, M),
+        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)
@@ -1224,7 +1225,7 @@ const Pt = {
   }
 };
 let ve = 1e3;
-function bn(a, o) {
+function hn(a, o) {
   const { width: e, height: t } = Ct(o), l = Re({
     mode: a.mode || "normal",
     wrapperWidth: 0,
@@ -1248,7 +1249,7 @@ function bn(a, o) {
     minimized: y(() => l.mode === "minimized")
   };
 }
-function hn(a, o) {
+function bn(a, o) {
   const e = y(() => {
     const { width: c, height: i, top: r, left: p, zIndex: f } = o;
     return {
@@ -1358,13 +1359,13 @@ function xn(a, o) {
     componentInstance: e
   };
 }
-const Sn = ["src"], tt = /* @__PURE__ */ P({
+const Sn = ["src"], tt = /* @__PURE__ */ V({
   name: "XDialog",
   __name: "Dialog",
   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 = O(), i = O(), { state: r, maximized: p, minimized: f, normal: m } = bn(t, c), { styles: h, classes: b, wrapperClass: w, modalStyle: E } = hn(t, r), { changeMode: z, active: I, close: V, show: S, hide: B, submit: T, cancel: j } = _n(
+    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
@@ -1381,7 +1382,7 @@ const Sn = ["src"], tt = /* @__PURE__ */ P({
       minimized: f,
       changeMode: z,
       show: S,
-      hide: B,
+      hide: P,
       submit: T,
       cancel: j,
       componentInstance: K
@@ -1397,23 +1398,23 @@ const Sn = ["src"], tt = /* @__PURE__ */ P({
         t.modal ? (u(), C("div", {
           key: 0,
           class: "x-dialog__modal",
-          style: fe(n(E))
+          style: fe(n(M))
         }, null, 4)) : v("", !0),
         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(A(t.title), 1)
           ]),
@@ -1454,7 +1455,7 @@ const Sn = ["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(() => [
@@ -1473,13 +1474,13 @@ const Sn = ["src"], tt = /* @__PURE__ */ P({
             name: "footer",
             fn: d(() => [
               x(Z.$slots, "footer", {}, () => [
-                _(n(M), { align: "center" }, {
+                _(n(I), { align: "center" }, {
                   default: d(() => [
                     x(Z.$slots, "extra")
                   ]),
                   _: 3
                 }),
-                _(n(M), { align: "center" }, {
+                _(n(I), { align: "center" }, {
                   default: d(() => [
                     x(Z.$slots, "handle"),
                     t.cancel ? (u(), g(n(ie), {
@@ -1532,14 +1533,14 @@ function ot(a, o) {
     destroy: l
   };
 }
-const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -1), Cn = /* @__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(M), {
+    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 zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     }, {
       default: d(() => [
         x(e.$slots, "brand"),
-        _(n(M), {
+        _(n(I), {
           class: "x-mask-sidebar__wrapper",
           flex: "",
           grow: "",
@@ -1572,7 +1573,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       }]
     ]);
   }
-}), Tn = /* @__PURE__ */ P({
+}), Tn = /* @__PURE__ */ V({
   __name: "SwitchBar",
   props: {
     collasped: { type: Boolean, default: !1 },
@@ -1596,13 +1597,13 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     }, m = () => {
       t("update:favorite", c.value);
     };
-    return (h, b) => (u(), g(n(M), {
+    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(M), {
+        e.collasped ? v("", !0) : (u(), g(n(I), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
@@ -1611,7 +1612,7 @@ const zn = /* @__PURE__ */ X("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 zn = /* @__PURE__ */ X("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 zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
           ]),
           _: 1
         })),
-        _(n(M), {
+        _(n(I), {
           class: W(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
           flex: "",
           align: "center",
@@ -1679,7 +1680,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }));
   }
-}), $n = ["src"], En = { 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 zn = /* @__PURE__ */ X("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(M), {
+    return (l, s) => (u(), g(n(I), {
       class: W(["x-mask-brand", { "is-collapsed": o.collapsed }]),
       align: "center"
     }, {
       default: d(() => [
-        _(n(M), {
+        _(n(I), {
           class: "x-mask-brand__logo",
           flex: "",
           justify: "center",
@@ -1713,7 +1714,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
           ]),
           _: 3
         }),
-        _(n(M), {
+        _(n(I), {
           class: "x-mask-brand__title",
           flex: "",
           align: "center"
@@ -1731,7 +1732,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }, 8, ["class"]));
   }
-}), Me = "__favorites__", Ie = "__search__", In = /* @__PURE__ */ P({
+}), Me = "__favorites__", Ie = "__search__", In = /* @__PURE__ */ V({
   __name: "Menu",
   props: {
     collapse: { type: Boolean, default: !1 },
@@ -1777,7 +1778,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       l("select", p);
     };
     return (p, f) => (u(), C(Q, null, [
-      G(_(n(M), {
+      G(_(n(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
@@ -1823,7 +1824,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [ne, !e.favorite && !e.keyword]
       ]),
-      G(_(n(M), {
+      G(_(n(I), {
         class: "x-mask-menu",
         grow: "",
         flex: !1,
@@ -1871,7 +1872,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [ne, e.favorite && !e.keyword]
       ]),
-      e.keyword ? G((u(), g(n(M), {
+      e.keyword ? G((u(), g(n(I), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
@@ -2005,7 +2006,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
   removeFavorite: {
     type: Function
   }
-}, Vt = Symbol(), At = Symbol(), An = { class: "x-mask-tabs__trigger" }, Dn = { key: 1 }, Rn = ["onDragstart", "onDragend"], On = { key: 1 }, Fn = /* @__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 zn = /* @__PURE__ */ X("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 [
         {
@@ -2049,10 +2050,10 @@ const zn = /* @__PURE__ */ X("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 zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     }, p = (f, m) => {
       m.target && m.target.classList.remove("is-dagging");
     };
-    return (f, m) => (u(), g(n(M), {
+    return (f, m) => (u(), g(n(I), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2100,9 +2101,9 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
               ]),
               _: 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 zn = /* @__PURE__ */ X("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(() => [
                     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", On, A(h.title), 1)) : v("", !0)
+                      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,7 +2147,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 1
     }, 512));
   }
-}), jn = /* @__PURE__ */ P({
+}), jn = /* @__PURE__ */ V({
   __name: "ThemeSwitch",
   setup(a) {
     const o = Fo();
@@ -2159,7 +2160,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       "inactive-action-icon": n(Io)
     }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
   }
-}), Nn = { class: "x-mask-toolbar__menu-item" }, Xn = /* @__PURE__ */ P({
+}), Nn = { class: "x-mask-toolbar__menu-item" }, Xn = /* @__PURE__ */ V({
   __name: "Toolbar",
   props: {
     tabs: { default: () => [] },
@@ -2211,7 +2212,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
     }, r = (p, f) => {
       t("actionCommand", p, f);
     };
-    return (p, f) => (u(), g(n(M), {
+    return (p, f) => (u(), g(n(I), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
@@ -2230,7 +2231,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
               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"]))
             ])
@@ -2262,7 +2263,7 @@ const zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
       _: 3
     }));
   }
-}), Un = /* @__PURE__ */ P({
+}), Un = /* @__PURE__ */ V({
   __name: "Avatar",
   props: {
     avatar: {}
@@ -2289,7 +2290,7 @@ const zn = /* @__PURE__ */ X("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 zn = /* @__PURE__ */ X("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   setup(a) {
     const o = a;
-    return (e, t) => (u(), g(n(M), {
+    return (e, t) => (u(), g(n(I), {
       class: "x-mask__content",
       flex: !1,
       grow: "",
@@ -2348,41 +2349,41 @@ function Dt(a, o) {
 }
 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 E = typeof w == "object" ? w.id : w, z = c.value.get(E);
+    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") {
-      Uo(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 ?? [];
   }, f = (w) => {
     l.value = [w, ...l.value], a.addFavorite && a.addFavorite(w);
   }, m = (w) => {
-    l.value = l.value.filter((E) => E.id !== w.id), a.removeFavorite && a.removeFavorite(w);
-  }, h = (w) => !!l.value.find((E) => E === w || E.id === w.id), b = (w) => {
-    h(w) ? m(w) : f(w);
+    l.value = l.value.filter((M) => M.id !== w.id), a.removeFavorite && a.removeFavorite(w);
+  }, b = (w) => !!l.value.find((M) => M === w || M.id === w.id), h = (w) => {
+    b(w) ? m(w) : f(w);
   };
   return Qe(p), {
     menus: t,
@@ -2390,21 +2391,21 @@ function Ln(a, o) {
     flatMenus: s,
     active: i,
     select: r,
-    toggleFavorite: b
+    toggleFavorite: h
   };
 }
 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)), h = y(
+  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((D) => D.url === $), E = ($) => s.fullPath === $.url, z = ($) => l.value.id === $ ? l.value : r.value.find((D) => D.id === $), I = O(""), V = y(() => z(I.value)), 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);
-  }, B = ($) => {
-    I.value = $.id, s.fullPath !== $.url && S($);
+  }, P = ($) => {
+    E.value = $.id, s.fullPath !== $.url && S($);
   }, T = () => {
     S(l.value);
   }, j = ($) => {
     const D = r.value.find((N) => N.url === $.url || N.id === $.id);
-    D ? B(D) : (r.value.unshift($), B($));
+    D ? P(D) : (r.value.unshift($), P($));
   }, k = async ($) => {
     const { url: D = s.fullPath, icon: N, title: Te = "新建标签页" } = $ || {}, $e = i[D], Fe = Tt(), je = $t(D);
     return {
@@ -2421,7 +2422,7 @@ function Wn(a, o, e, t, l) {
     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);
       }
@@ -2439,22 +2440,22 @@ function Wn(a, o, e, t, l) {
     }).catch(() => !1))
       return;
     const D = r.value;
-    return r.value = [], B(l.value), D;
+    return r.value = [], P(l.value), D;
   }, Z = async () => {
     if (!await Ne.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch(() => !1))
       return;
-    const D = r.value.filter((N) => N.id !== I.value);
-    return r.value = r.value.filter((N) => N.id === I.value), D;
+    const D = r.value.filter((N) => N.id !== E.value);
+    return r.value = r.value.filter((N) => N.id === E.value), D;
   }, ee = ($) => {
     const D = r.value.filter((N) => N.id !== $.id);
-    r.value = [$, ...D], B($);
+    r.value = [$, ...D], P($);
   }, ue = async () => {
     await ye();
     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(D);
       j(N);
@@ -2464,26 +2465,26 @@ function Wn(a, o, e, t, l) {
   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: H,
     updateTab: K,
     addTab: j,
     home: l,
-    tabValue: I,
-    isCurrentTab: E,
+    tabValue: E,
+    isCurrentTab: M,
     activeHome: T,
-    activeTab: B,
-    dropdownTabs: b,
+    activeTab: P,
+    dropdownTabs: h,
     removeAllTabs: ce,
     removeOtherTabs: Z,
     moveToShow: ee
   };
 }
 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, B) => {
-    const T = B.fullPath;
+  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);
     {
@@ -2493,7 +2494,7 @@ function Jn(a) {
           const H = y(() => t[T] || document.body), K = y(() => !t[T]), ce = y(() => !e.value.includes(j));
           return ze(
             Jo,
-            ge({ ...B })
+            ge({ ...P })
           ), () => ce.value ? ae(
             vt,
             {
@@ -2508,13 +2509,13 @@ function Jn(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 Jn(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,48 +2541,48 @@ function Jn(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 = [];
-  }, E = async (S) => {
-    e.value = S.map((B) => B.name), await ye(), e.value = [];
-  }, z = (S) => (S.preventDefault(), !1), I = (S) => {
+  }, M = async (S) => {
+    e.value = S.map((P) => P.name), await ye(), e.value = [];
+  }, z = (S) => (S.preventDefault(), !1), E = (S) => {
     if (S.dataTransfer) {
-      const 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: E,
-    hasDialog: V,
+    cleanCache: M,
+    hasDialog: B,
     closeDialog: m,
-    closeDialogs: h
+    closeDialogs: b
   };
 }
-const Qn = /* @__PURE__ */ P({
+const Qn = /* @__PURE__ */ V({
   name: "XMask",
   __name: "Mask",
   props: Vn,
   emits: ["select", "actionClick", "actionCommand"],
   setup(a, { emit: o }) {
-    const e = a, t = o, l = Kn(e), { collapsed: s, keyword: c, favorite: i } = Hn(), { menus: r, favorites: p, flatMenus: f, active: m, select: h, toggleFavorite: b } = Ln(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: E,
+      showTabs: M,
       currentTab: z,
-      changeTab: I,
-      removeTab: V,
+      changeTab: E,
+      removeTab: B,
       tabs: S,
-      updateTab: B,
+      updateTab: P,
       isCurrentTab: T,
       activeHome: j,
       removeAllTabs: k,
@@ -2590,11 +2591,11 @@ const Qn = /* @__PURE__ */ P({
       moveToShow: ce
     } = 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 (U) => {
-      await V(U) && await D([U]);
+      await B(U) && await D([U]);
     }, $e = async () => {
       const U = await k();
       U && (N(U), await D(U));
@@ -2610,10 +2611,10 @@ const Qn = /* @__PURE__ */ P({
       tabs: S,
       flatMenus: f,
       favorites: p,
-      updateTab: B,
+      updateTab: P,
       active: m,
       currentTab: z
-    }), (U, oe) => (u(), g(n(M), {
+    }), (U, oe) => (u(), g(n(I), {
       class: W(["x-mask", { "is-disabled": e.disabled }]),
       fit: ""
     }, {
@@ -2654,12 +2655,12 @@ const Qn = /* @__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(M), {
+          _(n(I), {
             class: "x-mask__main",
             grow: "",
             shrink: "",
@@ -2667,7 +2668,7 @@ const Qn = /* @__PURE__ */ P({
             direction: "column"
           }, {
             default: d(() => [
-              _(n(M), {
+              _(n(I), {
                 class: "x-mask-topbar",
                 justify: "space-between",
                 align: "center"
@@ -2677,11 +2678,11 @@ const Qn = /* @__PURE__ */ P({
                     ref_key: "tabRef",
                     ref: w,
                     favorites: n(p),
-                    tabs: n(E),
+                    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)
@@ -2700,7 +2701,7 @@ const Qn = /* @__PURE__ */ P({
                     default: d(() => [
                       _(Un, {
                         avatar: e.avatar
-                      }, he({ _: 2 }, [
+                      }, be({ _: 2 }, [
                         U.$slots.user ? {
                           name: "default",
                           fn: d(() => [
@@ -2744,18 +2745,18 @@ function La(a = {}) {
     mask: t
   };
 }
-const Zn = /* @__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 Zn = /* @__PURE__ */ P({
       _: 3
     }, 16));
   }
-}), Gn = /* @__PURE__ */ P({
+}), Gn = /* @__PURE__ */ V({
   __name: "CheckboxEditor",
   props: {
     options: { default: () => [] },
@@ -2778,7 +2779,7 @@ const Zn = /* @__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}`,
@@ -2793,7 +2794,7 @@ const Zn = /* @__PURE__ */ P({
       _: 1
     }, 16));
   }
-}), Yn = /* @__PURE__ */ P({
+}), Yn = /* @__PURE__ */ V({
   __name: "RadioEditor",
   props: {
     options: { default: () => [] },
@@ -2803,7 +2804,7 @@ const Zn = /* @__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}`,
@@ -3028,22 +3029,22 @@ function ta(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"),
-        onChange: (E) => o("change", E)
+        onChange: (M) => o("change", M)
       }, w = typeof r == "string" ? Rt[r] : {
         component: r,
         props: {}
       };
       return Ko({}, w, {
-        props: b
+        props: h
       });
     })
   };
@@ -3054,7 +3055,7 @@ const oa = {
 }, na = {
   key: 0,
   class: "x-field__tip"
-}, Ot = /* @__PURE__ */ P({
+}, Ot = /* @__PURE__ */ V({
   name: "XField",
   __name: "Field",
   props: qn,
@@ -3066,25 +3067,25 @@ const oa = {
       r,
       s,
       i
-    ), h = O(), b = O(), w = y(
+    ), b = O(), h = O(), w = y(
       () => t.size || c?.size || "default"
-    ), E = y(() => Object.assign(
+    ), 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) => {
@@ -3111,24 +3112,24 @@ const oa = {
       }
     ), 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, 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,9 +3137,9 @@ const oa = {
             class: "x-field__info",
             style: fe(S.value)
           }, [
-            _(n(ht), F({
+            _(n(bt), F({
               content: z(K)
-            }, E.value), {
+            }, M.value), {
               default: d(() => [
                 _(n(re), {
                   class: "x-field__trigger",
@@ -3155,15 +3156,15 @@ const oa = {
         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": H[0] || (H[0] = (K) => f.value = K)
-            }, n(m).props), he({ _: 2 }, [
+            }, n(m).props), be({ _: 2 }, [
               k.$slots.option ? {
                 name: "option",
                 fn: d(({ option: K }) => [
@@ -3248,7 +3249,7 @@ const oa = {
     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: aa,
@@ -3274,14 +3275,14 @@ const oa = {
       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(() => [
@@ -3308,7 +3309,7 @@ const oa = {
               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(A(t.resetText), 1)
@@ -3361,7 +3362,7 @@ const oa = {
   submitMethod: {
     type: Function
   }
-}, la = /* @__PURE__ */ P({
+}, la = /* @__PURE__ */ V({
   name: "XDialogForm",
   __name: "DialogForm",
   props: sa,
@@ -3371,30 +3372,30 @@ const oa = {
       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,31 +3409,31 @@ const oa = {
           "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
@@ -3448,7 +3449,7 @@ const oa = {
   border: {
     type: Boolean
   }
-}, ra = /* @__PURE__ */ P({
+}, ra = /* @__PURE__ */ V({
   name: "XTabs",
   __name: "Tabs",
   props: ia,
@@ -3473,7 +3474,7 @@ const oa = {
           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"
@@ -3482,7 +3483,7 @@ const oa = {
             ])
           ]),
           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)
             ])
           ]),
@@ -3539,17 +3540,17 @@ const oa = {
 }, fa = {
   key: 3,
   class: "x-data-item__section x-data-item__actions"
-}, ma = /* @__PURE__ */ P({
+}, ma = /* @__PURE__ */ V({
   name: "XDataItem",
   __name: "DataItem",
   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 oa = {
       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(M), {
+    })), 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(M), {
+        e.imageSrc || m.$slots.image ? (u(), g(n(I), {
           key: 0,
           class: "x-data-item__img",
           autoPointer: !0,
@@ -3575,7 +3576,7 @@ const oa = {
         }, {
           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 oa = {
           ]),
           _: 3
         }, 8, ["onClick"])) : v("", !0),
-        _(n(M), {
+        _(n(I), {
           class: "x-data-item__content",
           direction: "column",
           grow: "",
           shrink: ""
         }, {
           default: d(() => [
-            e.title || m.$slots.title ? (u(), g(n(M), {
+            e.title || m.$slots.title ? (u(), g(n(I), {
               key: 0,
               class: "x-data-item__section x-data-item__wrapper",
               align: "center",
@@ -3674,7 +3675,7 @@ function va(a, o) {
     echarts: t
   };
 }
-const ba = /* @__PURE__ */ P({
+const ha = /* @__PURE__ */ V({
   name: "XChart",
   __name: "Chart",
   props: ga,
@@ -3693,7 +3694,7 @@ const ba = /* @__PURE__ */ P({
       style: fe(c.value)
     }, null, 4));
   }
-}), ha = {
+}), ba = {
   data: {
     type: [Object, Function],
     default() {
@@ -3746,10 +3747,10 @@ const ba = /* @__PURE__ */ P({
 }, Sa = {
   key: 1,
   class: "x-list__pager"
-}, za = /* @__PURE__ */ P({
+}, za = /* @__PURE__ */ V({
   name: "XList",
   __name: "List",
-  props: ha,
+  props: ba,
   emits: ["load"],
   setup(a, { expose: o, emit: e }) {
     const t = a, l = e, s = Re({
@@ -3770,35 +3771,35 @@ const ba = /* @__PURE__ */ P({
     ), 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: E, containerProps: z, wrapperProps: I, scrollTo: V } = No(
+    }), 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: E,
-      scrollTo: V,
+      list: M,
+      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 }, () => [
@@ -3810,9 +3811,9 @@ const ba = /* @__PURE__ */ P({
           class: "x-list__wrapper",
           ref_key: "wrapperRef",
           ref: f
-        }, { ...n(I), ...b.value }), [
-          (u(!0), C(Q, null, Y(n(E), (k, H) => x(T.$slots, "default", le(F({
-            key: B(k.data)
+        }, { ...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)),
@@ -3831,9 +3832,9 @@ const ba = /* @__PURE__ */ P({
         ]) : G((u(), C("div", F({
           key: 1,
           class: "x-list__wrapper"
-        }, b.value), [
+        }, h.value), [
           (u(!0), C(Q, null, Y(n(c).list, (k, H) => x(T.$slots, "default", le(F({
-            key: B(k)
+            key: P(k)
           }, { item: k, index: H })), () => [
             X("div", null, A(k), 1)
           ])), 128)),
@@ -3852,7 +3853,7 @@ const ba = /* @__PURE__ */ P({
         ])
       ], 16),
       t.pager ? (u(), C("div", Sa, [
-        _(n(ho), F({
+        _(n(bo), F({
           small: "",
           background: "",
           layout: "prev, pager, next",
@@ -3884,7 +3885,7 @@ const ba = /* @__PURE__ */ P({
     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__ */ P({
+}, 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) {
@@ -3946,7 +3947,7 @@ const ba = /* @__PURE__ */ P({
   syncProp: {
     type: String
   }
-}, Aa = { class: "x-test__slot" }, Da = { class: "x-test__slot" }, Ra = /* @__PURE__ */ P({
+}, Aa = { class: "x-test__slot" }, Da = { class: "x-test__slot" }, Ra = /* @__PURE__ */ V({
   name: "XTest",
   __name: "Test",
   props: Va,
@@ -3956,15 +3957,15 @@ const ba = /* @__PURE__ */ P({
       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 = O("default inner data"), p = () => {
       it.info({
@@ -3974,9 +3975,9 @@ const ba = /* @__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({
@@ -3984,7 +3985,7 @@ const ba = /* @__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: ""
@@ -3996,7 +3997,7 @@ const ba = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(M), null, {
+        _(n(I), null, {
           default: d(() => [
             R(A(r.value), 1)
           ]),
@@ -4013,7 +4014,7 @@ const ba = /* @__PURE__ */ P({
           border: ""
         }, {
           default: d(() => [
-            (u(!0), C(Q, null, Y(s.value, ([E, z]) => (u(), g(n(Xe), { label: E }, {
+            (u(!0), C(Q, null, Y(s.value, ([M, z]) => (u(), g(n(Xe), { label: M }, {
               default: d(() => [
                 X("pre", null, A(JSON.stringify(z, null, 2)), 1)
               ]),
@@ -4028,7 +4029,7 @@ const ba = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(M), {
+        _(n(I), {
           justify: "space-around",
           flex: "",
           gap: ""
@@ -4041,7 +4042,7 @@ const ba = /* @__PURE__ */ P({
             }, {
               default: d(() => [
                 X("div", Aa, [
-                  x(b.$slots, "default", {
+                  x(h.$slots, "default", {
                     props: t,
                     data: r.value
                   }, () => [
@@ -4058,7 +4059,7 @@ const ba = /* @__PURE__ */ P({
             }, {
               default: d(() => [
                 X("div", Da, [
-                  x(b.$slots, "extra", {
+                  x(h.$slots, "extra", {
                     props: t,
                     data: r.value
                   }, () => [
@@ -4077,7 +4078,7 @@ const ba = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(M), null, {
+        _(n(I), null, {
           default: d(() => [
             _(n(lt), {
               column: 2,
@@ -4088,7 +4089,7 @@ const ba = /* @__PURE__ */ P({
                   default: d(() => [
                     _(n(Ce), {
                       modelValue: c.value,
-                      "onUpdate:modelValue": w[0] || (w[0] = (E) => c.value = E)
+                      "onUpdate:modelValue": w[0] || (w[0] = (M) => c.value = M)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -4097,7 +4098,7 @@ const ba = /* @__PURE__ */ P({
                   default: d(() => [
                     _(n(Ce), {
                       modelValue: i.value,
-                      "onUpdate:modelValue": w[1] || (w[1] = (E) => i.value = E)
+                      "onUpdate:modelValue": w[1] || (w[1] = (M) => i.value = M)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -4114,7 +4115,7 @@ const ba = /* @__PURE__ */ P({
           ]),
           _: 1
         }),
-        _(n(M), null, {
+        _(n(I), null, {
           default: d(() => [
             _(n(ie), { onClick: p }, {
               default: d(() => [
@@ -4128,7 +4129,7 @@ const ba = /* @__PURE__ */ P({
               ]),
               _: 1
             }),
-            _(n(ie), { onClick: h }, {
+            _(n(ie), { onClick: b }, {
               default: d(() => [
                 R("change")
               ]),
@@ -4146,7 +4147,7 @@ const ba = /* @__PURE__ */ P({
   de,
   te,
   Oe,
-  M,
+  I,
   Bt,
   Se,
   tt,
@@ -4156,7 +4157,7 @@ const ba = /* @__PURE__ */ P({
   la,
   ra,
   ma,
-  ba,
+  ha,
   za,
   Pa,
   Ra
@@ -4171,8 +4172,8 @@ export {
   Ha as VTJ_UI_VERSION,
   te as XAction,
   Oe as XActionBar,
-  ba as XChart,
-  M as XContainer,
+  ha as XChart,
+  I as XContainer,
   ma as XDataItem,
   tt as XDialog,
   la as XDialogForm,
@@ -4206,7 +4207,7 @@ export {
   fn as headerProps,
   Zo as iconProps,
   Qo as iconSizeMap,
-  ha as listProps,
+  ba as listProps,
   Ka as makeInstaller,
   Vn as maskProps,
   gn as panelProps,