@vtj/ui 0.8.27 → 0.8.28

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { inject as ke, defineComponent as R, useAttrs as Fe, getCurrentInstance as ye, computed as C, markRaw as Ne, openBlock as f, createBlock as b, unref as c, normalizeClass as J, normalizeStyle as we, withCtx as y, renderSlot as A, resolveDynamicComponent as ee, createCommentVNode as x, createElementBlock as P, mergeProps as O, createElementVNode as N, toDisplayString as L, Fragment as q, renderList as te, isVNode as J0, h as ce, shallowRef as wt, ref as D, watch as G, toRef as Je, createTextVNode as U, useSlots as q0, toRaw as fe, createVNode as z, normalizeProps as tt, guardReactiveProps as nt, effectScope as o0, reactive as ot, onMounted as Q0, onUnmounted as s0, watchEffect as Et, nextTick as xe, Teleport as a0, withDirectives as Z, createSlots as ve, render as Ot, vShow as re, isRef as Ke, withModifiers as i0, KeepAlive as Z0, provide as Ve, withKeys as en } from "vue";
-import { ElIcon as Pe, ElSubMenu as tn, ElBadge as _t, ElMenuItem as nn, ElMenu as on, ElButton as de, ElDropdown as sn, ElDropdownMenu as an, ElDropdownItem as ln, ElTooltip as l0, ElDivider as ue, ElSwitch as Tt, ElInput as ge, ElEmpty as r0, ElTabs as c0, ElTabPane as bt, ElPopover as u0, ElAvatar as rn, ElMessageBox as Ge, ElSelect as d0, ElOption as p0, ElCheckboxButton as cn, ElCheckbox as un, ElCheckboxGroup as dn, ElRadioButton as pn, ElRadio as fn, ElRadioGroup as mn, ElInputNumber as gn, ElDatePicker as jt, ElTimePicker as hn, ElRate as vn, ElSlider as yn, ElCascader as wn, formContextKey as _n, ElFormItem as bn, ElForm as Cn, ElImage as kn, ElInfiniteScroll as Ut, ElPagination as xn, ElDescriptions as Xt, ElDescriptionsItem as ut, ElMessage as qe, vLoading as f0, ElLink as Sn, ElUpload as zn, ElImageViewer as En } from "element-plus";
+import { inject as ke, defineComponent as R, useAttrs as Fe, getCurrentInstance as ye, computed as C, markRaw as Ne, openBlock as p, createBlock as b, unref as c, normalizeClass as J, normalizeStyle as we, withCtx as y, renderSlot as A, resolveDynamicComponent as ee, createCommentVNode as x, createElementBlock as P, mergeProps as O, createElementVNode as N, toDisplayString as L, Fragment as q, renderList as te, isVNode as J0, h as ce, shallowRef as wt, ref as D, watch as G, toRef as Je, createTextVNode as U, useSlots as q0, toRaw as pe, createVNode as z, normalizeProps as tt, guardReactiveProps as nt, effectScope as o0, reactive as ot, onMounted as Q0, onUnmounted as s0, watchEffect as Et, nextTick as xe, Teleport as a0, withDirectives as Z, createSlots as ve, render as Ot, vShow as re, isRef as Ke, withModifiers as i0, KeepAlive as Z0, provide as Ve, withKeys as en } from "vue";
+import { ElIcon as Pe, ElSubMenu as tn, ElBadge as _t, ElMenuItem as nn, ElMenu as on, ElButton as de, ElDropdown as sn, ElDropdownMenu as an, ElDropdownItem as ln, ElTooltip as l0, ElDivider as ue, ElSwitch as Tt, ElInput as ge, ElEmpty as r0, ElTabs as c0, ElTabPane as bt, ElPopover as u0, ElAvatar as rn, ElMessageBox as Ge, ElSelect as d0, ElOption as f0, ElCheckboxButton as cn, ElCheckbox as un, ElCheckboxGroup as dn, ElRadioButton as fn, ElRadio as pn, ElRadioGroup as mn, ElInputNumber as gn, ElDatePicker as jt, ElTimePicker as hn, ElRate as vn, ElSlider as yn, ElCascader as wn, formContextKey as _n, ElFormItem as bn, ElForm as Cn, ElImage as kn, ElInfiniteScroll as Ut, ElPagination as xn, ElDescriptions as Xt, ElDescriptionsItem as ut, ElMessage as qe, vLoading as p0, ElLink as Sn, ElUpload as zn, ElImageViewer as En } from "element-plus";
 import { ArrowRight as Tn, Minimize as $n, Popup as Mn, Maximize as Bn, RawClose as In, StarFilled as m0, Menu as Pn, Search as Ct, Close as g0, Expand as An, Fold as Vn, Star as h0, Document as be, Refresh as v0, CopyDocument as Dn, Moon as Fn, Sunny as Nn, MoreFilled as Rn, UserFilled as Ln, HomeFilled as Hn, WarningFilled as On, EditPen as jn, SuccessFilled as Un, CircleCloseFilled as Xn, ZoomIn as Kn, Download as Gn, Delete as Yn, Plus as Wn } from "@vtj/icons";
 import { useDraggable as Jn, useMouseInElement as qn, useEventListener as Qe, useElementSize as y0, useDark as Qn, useVirtualList as Zn } from "@vueuse/core";
 import { isEqual as $t, isObject as Mt, uid as w0, arrayToMap as e2, isUrl as t2, upperFirstCamelCase as _0, toArray as b0, get as Ye, merge as n2, set as dt, dedupArray as o2, numberFormat as s2, cloneDeep as Kt, downloadRemoteFile as a2, downloadUrl as Gt } from "@vtj/utils";
@@ -8,10 +8,10 @@ import { useRouter as Bt, RouterView as i2, useRoute as C0, routeLocationKey as
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.27
+ * @version 0.8.28
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const xa = "0.8.27", r2 = {
+const xa = "0.8.28", r2 = {
   default: 14,
   small: 12,
   large: 18
@@ -39,7 +39,7 @@ const xa = "0.8.27", r2 = {
     type: Number
   }
 };
-function pe(o) {
+function fe(o) {
   return typeof o == "string" ? o : `${o}px`;
 }
 function He(o = 0, e) {
@@ -86,10 +86,10 @@ const Sa = {
       return !s.value && e.icon && (i[e.icon] = !0), i;
     }), r = C(() => ({
       "background-color": e.background,
-      "border-radius": e.radius ? pe(e.radius) : void 0,
-      padding: e.padding ? pe(e.padding) : void 0
+      "border-radius": e.radius ? fe(e.radius) : void 0,
+      padding: e.padding ? fe(e.padding) : void 0
     })), l = C(() => typeof e.size == "number" ? e.size : r2[e.size] ?? void 0);
-    return (i, d) => (f(), b(c(Pe), {
+    return (i, d) => (p(), b(c(Pe), {
       class: J(["x-icon", a.value]),
       color: e.color,
       size: l.value,
@@ -97,8 +97,8 @@ const Sa = {
     }, {
       default: y(() => [
         A(i.$slots, "default", {}, () => [
-          s.value ? (f(), b(ee(s.value), { key: 0 })) : x("", !0),
-          e.src ? (f(), P("img", {
+          s.value ? (p(), b(ee(s.value), { key: 0 })) : x("", !0),
+          e.src ? (p(), P("img", {
             key: 1,
             src: e.src
           }, null, 8, d2)) : x("", !0)
@@ -107,7 +107,7 @@ const Sa = {
       _: 3
     }, 8, ["class", "color", "size", "style"]));
   }
-}), p2 = { class: "x-menu__wrapper" }, f2 = {
+}), f2 = { class: "x-menu__wrapper" }, p2 = {
   key: 1,
   class: "x-menu__title"
 }, m2 = /* @__PURE__ */ N("i", null, null, -1), g2 = {
@@ -127,20 +127,20 @@ const Sa = {
       if (r)
         return typeof r == "string" && (t?.appContext.app?.component(r) || e.defaultIcon) || r;
     }, s = (r) => typeof r == "object" ? r : { value: r }, a = (r = []) => r.filter((l) => !l.hidden);
-    return (r, l) => e.item.children ? (f(), b(c(tn), O({
+    return (r, l) => e.item.children ? (p(), b(c(tn), O({
       key: 0,
       disabled: e.item.disabled
     }, e.subMenu, {
       index: String(e.item.id)
     }), {
       title: y(() => [
-        N("div", p2, [
-          e.item.icon ? (f(), b(c(ae), {
+        N("div", f2, [
+          e.item.icon ? (p(), b(c(ae), {
             key: 0,
             icon: n(e.item.icon)
           }, null, 8, ["icon"])) : x("", !0),
-          e.item.title ? (f(), P("span", f2, L(e.item.title), 1)) : x("", !0),
-          e.item.badge ? (f(), b(c(_t), O({
+          e.item.title ? (p(), P("span", p2, L(e.item.title), 1)) : x("", !0),
+          e.item.badge ? (p(), b(c(_t), O({
             key: 2,
             class: "x-menu__badge"
           }, s(e.item.badge)), {
@@ -152,7 +152,7 @@ const Sa = {
         ])
       ]),
       default: y(() => [
-        (f(!0), P(q, null, te(a(e.item.children), (i) => (f(), b(c(k0), {
+        (p(!0), P(q, null, te(a(e.item.children), (i) => (p(), b(c(k0), {
           key: i.id,
           item: i,
           subMenu: e.subMenu,
@@ -160,14 +160,14 @@ const Sa = {
         }, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
       ]),
       _: 1
-    }, 16, ["disabled", "index"])) : (f(), b(c(nn), {
+    }, 16, ["disabled", "index"])) : (p(), b(c(nn), {
       key: 1,
       index: String(e.item.id),
       disabled: e.item.disabled
     }, {
       title: y(() => [
-        e.item.title ? (f(), P("span", g2, L(e.item.title), 1)) : x("", !0),
-        e.item.badge ? (f(), b(c(_t), O({
+        e.item.title ? (p(), P("span", g2, L(e.item.title), 1)) : x("", !0),
+        e.item.badge ? (p(), b(c(_t), O({
           key: 1,
           class: "x-menu__badge"
         }, s(e.item.badge)), {
@@ -178,7 +178,7 @@ const Sa = {
         }, 16)) : x("", !0)
       ]),
       default: y(() => [
-        e.item.icon ? (f(), b(c(ae), {
+        e.item.icon ? (p(), b(c(ae), {
           key: 0,
           icon: n(e.item.icon)
         }, null, 8, ["icon"])) : x("", !0)
@@ -198,8 +198,8 @@ const Sa = {
   emits: ["select"],
   setup(o, { emit: e }) {
     const t = o, n = e, s = C(() => t.data.filter((l) => !l.hidden)), a = (l, i) => {
-      const d = (u, p = []) => {
-        for (const h of p) {
+      const d = (u, f = []) => {
+        for (const h of f) {
           if (h.id.toString() === u.toString())
             return h;
           if (h.children?.length) {
@@ -214,9 +214,9 @@ const Sa = {
       const i = a(s.value, l);
       i && n("select", i);
     };
-    return (l, i) => (f(), b(c(on), O({ class: "x-menu" }, l.$attrs, { onSelect: r }), {
+    return (l, i) => (p(), b(c(on), O({ class: "x-menu" }, l.$attrs, { onSelect: r }), {
       default: y(() => [
-        (f(!0), P(q, null, te(s.value, (d) => (f(), b(c(k0), {
+        (p(!0), P(q, null, te(s.value, (d) => (p(), b(c(k0), {
           item: { ...d, icon: d.icon },
           defaultIcon: t.defaultIcon,
           subMenu: t.subMenu
@@ -408,7 +408,7 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
       if (i.preventDefault(), !a.value)
         return n("click"), !1;
     };
-    return (i, d) => t.mode === "button" ? (f(), b(c(de), O({
+    return (i, d) => t.mode === "button" ? (p(), b(c(de), O({
       key: 0,
       icon: c(s),
       type: t.type,
@@ -419,13 +419,13 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
         U(L(i.label), 1)
       ]),
       _: 1
-    }, 16, ["icon", "type", "size", "disabled"])) : (f(), P("div", {
+    }, 16, ["icon", "type", "size", "disabled"])) : (p(), P("div", {
       key: 1,
       class: J(["x-action__inner", r.value]),
       onClick: l
     }, [
-      (f(), b(ee(c(s)))),
-      i.label ? (f(), P("span", C2, L(i.label), 1)) : x("", !0)
+      (p(), b(ee(c(s)))),
+      i.label ? (p(), P("span", C2, L(i.label), 1)) : x("", !0)
     ], 2));
   }
 }), x2 = ["draggable"], se = /* @__PURE__ */ R({
@@ -436,17 +436,17 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
   setup(o, { emit: e }) {
     const t = o, n = q0(), s = e, a = v2(t), r = y2(t), l = w2(t), i = Pt(Je(t, "disabled")), d = C(() => !!t.draggable && !i.value), u = C(() => ({
       [`x-action--${t.mode}`]: !!t.mode
-    })), p = () => {
-      i.value || s("click", fe(t));
+    })), f = () => {
+      i.value || s("click", pe(t));
     }, h = (v) => {
       if (i.value)
         return;
       const _ = t.menus?.find((S) => S.command === v);
-      _ && s("command", fe(_));
+      _ && s("command", pe(_));
     }, m = (v) => {
-      d && s("dragstart", fe(t), v);
+      d && s("dragstart", pe(t), v);
     }, g = (v) => {
-      d && s("dragend", fe(t), v);
+      d && s("dragend", pe(t), v);
     }, w = (v) => ce(_t, r.value, () => [].concat(v)), $ = (v) => ce(
       sn,
       { ...l.value, disabled: i.value, onCommand: h },
@@ -466,17 +466,17 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
     ), E = (v) => ce(l0, { ...a.value, disabled: i.value }, () => [
       v
     ]), T = C(() => {
-      let v = ce(Ne(k2), { ...t, onClick: p });
+      let v = ce(Ne(k2), { ...t, onClick: f });
       const _ = n.default?.();
       return _ && _.length && (v = _[0]), r.value && (v = w(v)), l.value && (v = $(v)), a.value && (v = E(v)), v;
     });
-    return (v, _) => (f(), P("div", {
+    return (v, _) => (p(), P("div", {
       class: J(["x-action", u.value]),
       draggable: d.value,
       onDragstart: m,
       onDragend: g
     }, [
-      (f(), b(ee(T.value)))
+      (p(), b(ee(T.value)))
     ], 42, x2));
   }
 }), S2 = {
@@ -571,17 +571,17 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
     }, r = (l, i) => {
       n("command", l, i);
     };
-    return (l, i) => (f(), b(c(j), {
+    return (l, i) => (p(), b(c(j), {
       class: "x-action-bar",
       align: "center"
     }, {
       default: y(() => [
-        (f(!0), P(q, null, te(s.value, (d) => (f(), P(q, null, [
-          d === "|" ? (f(), b(c(ue), {
+        (p(!0), P(q, null, te(s.value, (d) => (p(), P(q, null, [
+          d === "|" ? (p(), b(c(ue), {
             key: 0,
             direction: "vertical",
             class: "x-action-bar__divider"
-          })) : (f(), b(c(se), O({
+          })) : (p(), b(c(se), O({
             key: 1,
             mode: t.mode,
             size: t.size,
@@ -747,11 +747,11 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
     })), r = C(() => {
       const { width: l, height: i, fit: d } = e;
       return d ? null : {
-        width: l ? pe(l) : void 0,
-        height: i ? pe(i) : void 0
+        width: l ? fe(l) : void 0,
+        height: i ? fe(i) : void 0
       };
     });
-    return (l, i) => (f(), b(ee(e.tag), {
+    return (l, i) => (p(), b(ee(e.tag), {
       class: J(["x-container", a.value]),
       style: we(r.value)
     }, {
@@ -796,7 +796,7 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
       "is-border": e.border,
       "is-pointer": !!n.onClick
     }));
-    return (a, r) => (f(), b(c(j), {
+    return (a, r) => (p(), b(c(j), {
       class: J(["x-header", s.value]),
       justify: "space-between",
       align: "center"
@@ -809,7 +809,7 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
           onClick: c(n).onClick
         }, {
           default: y(() => [
-            c(t) ? (f(), b(ee(c(t)), {
+            c(t) ? (p(), b(ee(c(t)), {
               key: 0,
               class: "x-header__icon",
               onClick: c(n).onClickIcon || c(n).onClick
@@ -819,12 +819,12 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
                 U(L(e.content), 1)
               ])
             ]),
-            e.more ? (f(), b(c(ae), {
+            e.more ? (p(), b(c(ae), {
               key: 1,
               class: "x-header__more",
               icon: c(Tn)
             }, null, 8, ["icon"])) : x("", !0),
-            e.subtitle || a.$slots.subtitle ? (f(), P("span", {
+            e.subtitle || a.$slots.subtitle ? (p(), P("span", {
               key: 2,
               class: "x-header__subtitle",
               onClick: r[0] || (r[0] = //@ts-ignore
@@ -837,7 +837,7 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
           ]),
           _: 3
         }, 8, ["class", "onClick"]),
-        a.$slots.actions ? (f(), P("div", $2, [
+        a.$slots.actions ? (p(), P("div", $2, [
           A(a.$slots, "actions")
         ])) : x("", !0)
       ]),
@@ -929,7 +929,7 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
     }), r = C(() => t.fit || t.height ? "auto" : void 0);
     return e({
       bodyRef: n
-    }), (l, i) => (f(), b(c(j), {
+    }), (l, i) => (p(), b(c(j), {
       class: J(["x-panel", s.value]),
       direction: "column",
       fit: t.fit,
@@ -937,7 +937,7 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
       height: t.height
     }, {
       default: y(() => [
-        a.value ? (f(), b(c(j), {
+        a.value ? (p(), b(c(j), {
           key: 0,
           flex: !1,
           class: "x-panel__header"
@@ -971,7 +971,7 @@ const C2 = { key: 0 }, k2 = /* @__PURE__ */ R({
           ]),
           _: 3
         }, 16, ["overflow"]),
-        l.$slots.footer ? (f(), b(c(j), O({
+        l.$slots.footer ? (p(), b(c(j), O({
           key: 1,
           flex: !1,
           padding: "",
@@ -1009,36 +1009,36 @@ class qt {
       return;
     let l = null;
     const i = this.getHandle(), d = this.getTarget();
-    let u = e.getBoundingClientRect(), p = null;
+    let u = e.getBoundingClientRect(), f = null;
     const { x: h, y: m } = Jn(e, {
       initialValue: { x: u.x, y: u.y },
       ...t,
       handle: i,
       onStart: (g, w) => {
         document.body.classList.add(Jt), clearTimeout(l), l = setTimeout(() => {
-          this.dragging = !0, u = e.getBoundingClientRect(), p = d?.getBoundingClientRect(), a && a(g, w);
+          this.dragging = !0, u = e.getBoundingClientRect(), f = d?.getBoundingClientRect(), a && a(g, w);
         }, s);
       },
       onEnd: (g, w) => {
-        if (clearTimeout(l), document.body.classList.remove(Jt), this.dragging && p) {
+        if (clearTimeout(l), document.body.classList.remove(Jt), this.dragging && f) {
           this.dragging = !1;
-          const { x: $, y: E } = g, T = this.getPosition(p, u, $, E);
-          r && r(T, w), p = null;
+          const { x: $, y: E } = g, T = this.getPosition(f, u, $, E);
+          r && r(T, w), f = null;
         }
       }
     });
     G([h, m], () => {
-      if (this.dragging && p) {
-        const g = this.getPosition(p, u, h.value, m.value);
+      if (this.dragging && f) {
+        const g = this.getPosition(f, u, h.value, m.value);
         e.style.left = `${g.x}px`, e.style.top = `${g.y}px`;
       }
     });
   }
   getPosition(e, t, n, s) {
-    const { edge: a = 50 } = this.options, r = -t.width + a, l = e.width - a, i = 0, d = e.height - a, u = Math.min(l, Math.max(n, r)), p = Math.min(d, Math.max(s, i));
+    const { edge: a = 50 } = this.options, r = -t.width + a, l = e.width - a, i = 0, d = e.height - a, u = Math.min(l, Math.max(n, r)), f = Math.min(d, Math.max(s, i));
     return {
       x: u,
-      y: p
+      y: f
     };
   }
   destory() {
@@ -1059,7 +1059,7 @@ const I2 = {
     const e = o.__draggable__;
     e && (e.destory(), o.__draggable__ = null);
   }
-}, pt = "user-select-none";
+}, ft = "user-select-none";
 class Qt {
   constructor(e, t = {}) {
     this.el = e, this.options = t, this.scope = o0(), this.scope.run(() => {
@@ -1085,7 +1085,7 @@ class Qt {
       ), a && a(this.direction.value, this.MIE)), this.resizing.value = !1;
     }), G(this.direction, (i) => {
       const d = document.body;
-      d.style.cursor = i ? `${i}-resize` : "", i ? d.classList.add(pt) : d.classList.remove(pt);
+      d.style.cursor = i ? `${i}-resize` : "", i ? d.classList.add(ft) : d.classList.remove(ft);
     });
     const { x: r, y: l } = this.MIE;
     G([r, l], () => {
@@ -1096,7 +1096,7 @@ class Qt {
     const { MIE: e, direction: t, resizing: n, options: s, el: a } = this, r = t?.value || "";
     if (!e || !n.value || !r)
       return;
-    const { x: l, y: i, elementX: d, elementY: u, elementHeight: p, elementWidth: h } = e, { onResizing: m } = s, {
+    const { x: l, y: i, elementX: d, elementY: u, elementHeight: f, elementWidth: h } = e, { onResizing: m } = s, {
       minWidth: g = 0,
       minHeight: w = 0,
       maxWidth: $ = 99999,
@@ -1119,7 +1119,7 @@ class Qt {
     }
     if (r.includes("n")) {
       const T = Math.min(
-        Math.max(p.value - u.value, w),
+        Math.max(f.value - u.value, w),
         E
       );
       this.el.style.height = `${T}px`, this.el.style.top = `${i.value}px`;
@@ -1138,7 +1138,7 @@ class Qt {
   }
   destory() {
     const e = document.body;
-    e.style.cursor = "", e.classList.remove(pt), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
+    e.style.cursor = "", e.classList.remove(ft), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
   }
 }
 const S0 = {
@@ -1306,9 +1306,9 @@ function D2(o, e, t) {
     show: () => n("normal"),
     hide: () => n("minimized"),
     active: (u) => {
-      const p = u.target.nodeName || "";
+      const f = u.target.nodeName || "";
       ["INPUT", "TEXTAREA", "RADIO", "CHECKBOX"].includes(
-        p.toUpperCase()
+        f.toUpperCase()
       ) || (e.zIndex = Math.max(e.zIndex, ++Se));
     },
     submit: () => t("submit"),
@@ -1381,7 +1381,7 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
   props: P2,
   emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
   setup(o, { expose: e, emit: t }) {
-    const n = o, s = t, a = ye(), r = D(), l = D(), { state: i, maximized: d, minimized: u, normal: p } = A2(n, r), { styles: h, classes: m, wrapperClass: g, modalStyle: w } = V2(n, i), { changeMode: $, active: E, close: T, show: v, hide: _, submit: S, cancel: V } = D2(
+    const n = o, s = t, a = ye(), r = D(), l = D(), { state: i, maximized: d, minimized: u, normal: f } = A2(n, r), { styles: h, classes: m, wrapperClass: g, modalStyle: w } = V2(n, i), { changeMode: $, active: E, close: T, show: v, hide: _, submit: S, cancel: V } = D2(
       n,
       i,
       s
@@ -1403,7 +1403,7 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
       cancel: V,
       close: T,
       componentInstance: X
-    }), (K, Q) => n.modelValue ? (f(), b(a0, {
+    }), (K, Q) => n.modelValue ? (p(), b(a0, {
       key: 0,
       to: "body"
     }, [
@@ -1412,12 +1412,12 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
         ref: r,
         class: J(["x-dialog__wrapper", c(g)])
       }, [
-        n.modal ? (f(), P("div", {
+        n.modal ? (p(), P("div", {
           key: 0,
           class: "x-dialog__modal",
           style: we(c(w))
         }, null, 4)) : x("", !0),
-        Z((f(), b(c(We), O({
+        Z((p(), b(c(We), O({
           ref_key: "panelRef",
           ref: l,
           class: ["x-dialog", c(m)],
@@ -1437,7 +1437,7 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
           ]),
           actions: y(() => [
             A(K.$slots, "actions"),
-            n.minimizable ? (f(), b(c(se), {
+            n.minimizable ? (p(), b(c(se), {
               key: 0,
               icon: c($n),
               size: n.size,
@@ -1446,8 +1446,8 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
               background: "hover",
               onClick: Q[0] || (Q[0] = (B) => c($)("minimized"))
             }, null, 8, ["icon", "size"])) : x("", !0),
-            n.maximizable ? (f(), P(q, { key: 1 }, [
-              c(p) ? (f(), b(c(se), {
+            n.maximizable ? (p(), P(q, { key: 1 }, [
+              c(f) ? (p(), b(c(se), {
                 key: 1,
                 icon: c(Bn),
                 size: n.size,
@@ -1455,7 +1455,7 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
                 type: "primary",
                 background: "hover",
                 onClick: Q[2] || (Q[2] = (B) => c($)("maximized"))
-              }, null, 8, ["icon", "size"])) : (f(), b(c(se), {
+              }, null, 8, ["icon", "size"])) : (p(), b(c(se), {
                 key: 0,
                 icon: c(Mn),
                 size: n.size,
@@ -1465,7 +1465,7 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
                 onClick: Q[1] || (Q[1] = (B) => c($)("normal"))
               }, null, 8, ["icon", "size"]))
             ], 64)) : x("", !0),
-            n.closable ? (f(), b(c(se), {
+            n.closable ? (p(), b(c(se), {
               key: 2,
               icon: c(In),
               size: n.size,
@@ -1477,8 +1477,8 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
           ]),
           default: y(() => [
             A(K.$slots, "default", {}, () => [
-              n.content ? (f(), b(ee(n.content), { key: 0 })) : x("", !0),
-              n.src ? (f(), P("iframe", {
+              n.content ? (p(), b(ee(n.content), { key: 0 })) : x("", !0),
+              n.src ? (p(), P("iframe", {
                 key: 1,
                 src: n.src,
                 class: "x-dialog__frame"
@@ -1500,7 +1500,7 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
                 z(c(j), { align: "center" }, {
                   default: y(() => [
                     A(K.$slots, "handle"),
-                    n.cancel ? (f(), b(c(de), {
+                    n.cancel ? (p(), b(c(de), {
                       key: 0,
                       type: "default",
                       size: n.size,
@@ -1511,7 +1511,7 @@ const L2 = ["src"], z0 = /* @__PURE__ */ R({
                       ]),
                       _: 1
                     }, 8, ["size", "onClick"])) : x("", !0),
-                    n.submit ? (f(), b(c(de), {
+                    n.submit ? (p(), b(c(de), {
                       key: 1,
                       type: "primary",
                       size: n.size,
@@ -1557,7 +1557,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   setup(o) {
     const e = o;
-    return (t, n) => Z((f(), b(c(j), {
+    return (t, n) => Z((p(), b(c(j), {
       class: J(["x-mask-sidebar", { "is-collapsed": e.collapsed }]),
       grow: !1,
       flex: "",
@@ -1611,31 +1611,31 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
       n("update:collasped", !t.collasped);
     }, u = () => {
       n("update:keyword", a.value);
-    }, p = () => {
+    }, f = () => {
       n("update:favorite", r.value);
     };
-    return (h, m) => (f(), b(c(j), {
+    return (h, m) => (p(), b(c(j), {
       class: "x-mask-switch-bar",
       justify: "space-between",
       align: "center"
     }, {
       default: y(() => [
-        t.collasped ? x("", !0) : (f(), b(c(j), {
+        t.collasped ? x("", !0) : (p(), b(c(j), {
           key: 0,
           class: "x-mask-switch-bar__left",
           grow: ""
         }, {
           default: y(() => [
-            s.value ? x("", !0) : (f(), b(c(Tt), {
+            s.value ? x("", !0) : (p(), b(c(Tt), {
               key: 0,
               modelValue: r.value,
               "onUpdate:modelValue": m[0] || (m[0] = (g) => r.value = g),
               class: "x-mask-switch-bar__switch",
               "active-icon": c(m0),
               "inactive-icon": c(Pn),
-              onChange: p
+              onChange: f
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
-            s.value ? (f(), b(c(ge), {
+            s.value ? (p(), b(c(ge), {
               key: 1,
               modelValue: a.value,
               "onUpdate:modelValue": m[1] || (m[1] = (g) => a.value = g),
@@ -1663,7 +1663,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           justify: "center"
         }, {
           default: y(() => [
-            !s.value && !t.collasped ? (f(), b(c(se), {
+            !s.value && !t.collasped ? (p(), b(c(se), {
               key: 0,
               icon: c(Ct),
               mode: "icon",
@@ -1672,7 +1672,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
               circle: "",
               onClick: l
             }, null, 8, ["icon"])) : x("", !0),
-            t.collasped ? (f(), b(c(se), {
+            t.collasped ? (p(), b(c(se), {
               key: 1,
               icon: c(An),
               mode: "icon",
@@ -1681,7 +1681,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
               onClick: d,
               circle: ""
             }, null, 8, ["icon"])) : x("", !0),
-            t.collasped ? x("", !0) : (f(), b(c(se), {
+            t.collasped ? x("", !0) : (p(), b(c(se), {
               key: 2,
               icon: c(Vn),
               mode: "icon",
@@ -1709,7 +1709,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
     const e = o, t = Bt(), n = () => {
       e.url && t.push(e.url);
     };
-    return (s, a) => (f(), b(c(j), {
+    return (s, a) => (p(), b(c(j), {
       class: J(["x-mask-brand", { "is-collapsed": e.collapsed }]),
       align: "center"
     }, {
@@ -1723,7 +1723,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
         }, {
           default: y(() => [
             A(s.$slots, "logo", {}, () => [
-              e.logo ? (f(), P("img", {
+              e.logo ? (p(), P("img", {
                 key: 0,
                 src: e.logo
               }, null, 8, U2)) : x("", !0)
@@ -1737,7 +1737,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           align: "center"
         }, {
           default: y(() => [
-            e.title ? (f(), P("span", X2, [
+            e.title ? (p(), P("span", X2, [
               A(s.$slots, "title", {}, () => [
                 U(L(e.title), 1)
               ])
@@ -1776,7 +1776,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
         ]
       }
     ]), l = C(() => {
-      const d = (t.keyword || "").trim(), u = d ? (t.flatMenus || []).filter((p) => p.title?.includes(d)) : [];
+      const d = (t.keyword || "").trim(), u = d ? (t.flatMenus || []).filter((f) => f.title?.includes(d)) : [];
       return [
         {
           id: je,
@@ -1794,7 +1794,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
     }), i = (d) => {
       s("select", d);
     };
-    return (d, u) => (f(), P(q, null, [
+    return (d, u) => (p(), P(q, null, [
       Z(z(c(j), {
         class: "x-mask-menu",
         grow: "",
@@ -1832,7 +1832,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           }, null, 8, ["data", "default-icon", "default-active"]), [
             [re, !t.collapse]
           ]),
-          n.value.length ? x("", !0) : (f(), b(c(r0), {
+          n.value.length ? x("", !0) : (p(), b(c(r0), {
             key: 0,
             description: "暂无菜单数据"
           }))
@@ -1889,7 +1889,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
       }, 512), [
         [re, t.favorite && !t.keyword]
       ]),
-      t.keyword ? Z((f(), b(c(j), {
+      t.keyword ? Z((p(), b(c(j), {
         key: 0,
         class: "x-mask-menu",
         grow: "",
@@ -2035,7 +2035,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
   emits: ["click", "remove", "refresh", "toggleFavorite", "dialog"],
   setup(o, { emit: e }) {
     const t = o, n = e, s = (u) => {
-      const p = !!t.favorites.find(
+      const f = !!t.favorites.find(
         (h) => h === u.menu || h.id === u.menu?.id
       );
       return [
@@ -2047,7 +2047,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
         },
         "|",
         {
-          icon: p ? m0 : h0,
+          icon: f ? m0 : h0,
           label: "收藏",
           name: "favorite",
           value: u.menu,
@@ -2062,16 +2062,16 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
         }
       ];
     }, a = (u) => {
-      const p = u.paneName;
-      if (p === t.home.id) {
+      const f = u.paneName;
+      if (f === t.home.id) {
         n("click", t.home);
         return;
       }
-      const h = t.tabs.find((m) => m.id === p);
+      const h = t.tabs.find((m) => m.id === f);
       h && n("click", h);
     }, r = (u) => {
-      const p = t.tabs.find((h) => h.id === u);
-      p && n("remove", p);
+      const f = t.tabs.find((h) => h.id === u);
+      f && n("remove", f);
     }, l = (u) => {
       switch (u.name) {
         case "refresh":
@@ -2084,12 +2084,12 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           n("dialog", u.value);
           break;
       }
-    }, i = (u, p) => {
-      p.dataTransfer && (p.dataTransfer.setData("tab", u.id), p.target && p.target.classList.add("is-dagging"));
-    }, d = (u, p) => {
-      p.target && p.target.classList.remove("is-dagging");
+    }, i = (u, f) => {
+      f.dataTransfer && (f.dataTransfer.setData("tab", u.id), f.target && f.target.classList.add("is-dagging"));
+    }, d = (u, f) => {
+      f.target && f.target.classList.remove("is-dagging");
     };
-    return (u, p) => (f(), b(c(j), {
+    return (u, f) => (p(), b(c(j), {
       ref: "tabsRef",
       class: "x-mask-tabs",
       height: "100%",
@@ -2106,19 +2106,19 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           onTabClick: a
         }, {
           default: y(() => [
-            t.home ? (f(), b(c(bt), {
+            t.home ? (p(), b(c(bt), {
               key: 0,
               name: t.home.id
             }, {
               label: y(() => [
                 N("div", q2, [
-                  t.home.icon ? (f(), b(ee(c(ze)(t.home.icon)), { key: 0 })) : x("", !0),
-                  t.home.title ? (f(), P("span", Q2, L(t.home.title), 1)) : x("", !0)
+                  t.home.icon ? (p(), b(ee(c(ze)(t.home.icon)), { key: 0 })) : x("", !0),
+                  t.home.title ? (p(), P("span", Q2, L(t.home.title), 1)) : x("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["name"])) : x("", !0),
-            (f(!0), P(q, null, te(t.tabs, (h) => (f(), b(c(bt), {
+            (p(!0), P(q, null, te(t.tabs, (h) => (p(), b(c(bt), {
               key: h.id,
               name: h.id,
               lazy: "",
@@ -2139,8 +2139,8 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
                       onDragstart: (m) => i(h, m),
                       onDragend: (m) => d(h, m)
                     }, [
-                      h.icon ? (f(), b(ee(c(ze)(h.icon)), { key: 0 })) : x("", !0),
-                      h.title ? (f(), P("span", eo, L(h.title), 1)) : x("", !0)
+                      h.icon ? (p(), b(ee(c(ze)(h.icon)), { key: 0 })) : x("", !0),
+                      h.title ? (p(), P("span", eo, L(h.title), 1)) : x("", !0)
                     ], 40, Z2)
                   ]),
                   default: y(() => [
@@ -2168,7 +2168,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
   __name: "ThemeSwitch",
   setup(o) {
     const e = Qn();
-    return (t, n) => (f(), b(c(Tt), {
+    return (t, n) => (p(), b(c(Tt), {
       class: "x-mask-theme-switch",
       modelValue: c(e),
       "onUpdate:modelValue": n[0] || (n[0] = (s) => Ke(e) ? e.value = s : null),
@@ -2194,8 +2194,8 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
   ],
   setup(o, { emit: e }) {
     const t = o, n = e, s = C(() => {
-      const d = t.tabs.map((u, p) => ({
-        divided: p === 0,
+      const d = t.tabs.map((u, f) => ({
+        divided: f === 0,
         label: u.title,
         command: u
       }));
@@ -2229,7 +2229,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
     }, i = (d, u) => {
       n("actionCommand", d, u);
     };
-    return (d, u) => (f(), b(c(j), {
+    return (d, u) => (p(), b(c(j), {
       class: "x-mask-toolbar",
       align: "center"
     }, {
@@ -2243,12 +2243,12 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           background: "hover",
           onCommand: r
         }, {
-          item: y(({ item: p }) => [
+          item: y(({ item: f }) => [
             N("span", oo, [
-              U(L(p.label) + " ", 1),
-              ["other", "all"].includes(p.command) ? x("", !0) : (f(), b(c(ae), {
+              U(L(f.label) + " ", 1),
+              ["other", "all"].includes(f.command) ? x("", !0) : (p(), b(c(ae), {
                 key: 0,
-                onClick: i0((h) => a(p), ["stop"]),
+                onClick: i0((h) => a(f), ["stop"]),
                 icon: c(g0)
               }, null, 8, ["onClick", "icon"]))
             ])
@@ -2256,7 +2256,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           _: 1
         }, 8, ["icon", "menus"]),
         z(c(ue), { direction: "vertical" }),
-        t.actions ? (f(), b(c(At), {
+        t.actions ? (p(), b(c(At), {
           key: 0,
           circle: "",
           mode: "icon",
@@ -2266,12 +2266,12 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
           onClick: l,
           onCommand: i
         }, null, 8, ["items"])) : x("", !0),
-        t.actions ? (f(), b(c(ue), {
+        t.actions ? (p(), b(c(ue), {
           key: 1,
           direction: "vertical"
         })) : x("", !0),
-        t.theme ? (f(), b(no, { key: 2 })) : x("", !0),
-        t.theme ? (f(), b(c(ue), {
+        t.theme ? (p(), b(no, { key: 2 })) : x("", !0),
+        t.theme ? (p(), b(c(ue), {
           key: 3,
           direction: "vertical"
         })) : x("", !0),
@@ -2287,7 +2287,7 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   setup(o) {
     const e = o;
-    return (t, n) => (f(), b(c(u0), {
+    return (t, n) => (p(), b(c(u0), {
       width: 200,
       "popper-class": "x-mask-avatar__popper",
       disabled: !t.$slots.default
@@ -2315,8 +2315,9 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
   },
   setup(o) {
     const e = o;
-    return (t, n) => (f(), b(c(j), {
+    return (t, n) => (p(), b(c(j), {
       class: "x-mask__content",
+      overflow: "auto",
       flex: !1,
       grow: "",
       padding: !1
@@ -2325,10 +2326,10 @@ const H2 = /* @__PURE__ */ N("div", { class: "x-mask-sidebar__helper" }, null, -
         A(t.$slots, "default"),
         z(c(i2), null, {
           default: y(({ Component: s, route: a }) => [
-            (f(), b(Z0, {
+            (p(), b(Z0, {
               exclude: e.exclude
             }, [
-              s ? (f(), b(ee(e.createView(s, a)), {
+              s ? (p(), b(ee(e.createView(s, a)), {
                 key: a.fullPath
               })) : x("", !0)
             ], 1032, ["exclude"]))
@@ -2397,10 +2398,10 @@ function ro(o, e) {
     n.value = typeof o.menus == "function" ? await o.menus() || [] : o.menus ?? [], s.value = typeof o.favorites == "function" ? await o.favorites() || [] : o.favorites ?? [];
   }, u = (g) => {
     s.value = [g, ...s.value], o.addFavorite && o.addFavorite(g);
-  }, p = (g) => {
+  }, f = (g) => {
     s.value = s.value.filter((w) => w.id !== g.id), o.removeFavorite && o.removeFavorite(g);
   }, h = (g) => !!s.value.find((w) => w === g || w.id === g.id), m = (g) => {
-    h(g) ? p(g) : u(g);
+    h(g) ? f(g) : u(g);
   };
   return Et(d), {
     menus: n,
@@ -2412,9 +2413,9 @@ function ro(o, e) {
   };
 }
 function co(o, e, t, n, s) {
-  const a = C0(), r = Bt(), l = {}, i = D([]), d = D(), { width: u } = y0(d), p = C(() => Math.floor(u.value / W2)), h = C(
-    () => i.value.slice(0, p.value).filter((I) => !I.dialog)
-  ), m = C(() => i.value.slice(p.value)), g = (I) => t.value.find((M) => M.url === I), w = (I) => a.fullPath === I.url, $ = (I) => s.value.id === I ? s.value : i.value.find((M) => M.id === I), E = D(""), T = C(() => $(E.value)), v = (I) => {
+  const a = C0(), r = Bt(), l = {}, i = D([]), d = D(), { width: u } = y0(d), f = C(() => Math.floor(u.value / W2)), h = C(
+    () => i.value.slice(0, f.value).filter((I) => !I.dialog)
+  ), m = C(() => i.value.slice(f.value)), g = (I) => t.value.find((M) => M.url === I), w = (I) => a.fullPath === I.url, $ = (I) => s.value.id === I ? s.value : i.value.find((M) => M.id === I), E = D(""), T = C(() => $(E.value)), v = (I) => {
     r.push(I.url).catch((M) => M);
   }, _ = (I) => {
     E.value = I.id, a.fullPath !== I.url && v(I);
@@ -2511,7 +2512,7 @@ function uo(o) {
           const H = C(() => n[S] || document.body), X = C(() => !n[S]), Y = C(() => !t.value.includes(V));
           return Ve(
             l2,
-            fe({ ..._ })
+            pe({ ..._ })
           ), () => Y.value ? ce(
             a0,
             {
@@ -2524,22 +2525,22 @@ function uo(o) {
       };
       return e.set(S, k), k;
     }
-  }, p = (v) => {
+  }, f = (v) => {
     v.dialog = void 0, delete n[v.url];
     const _ = a[v.id];
     _ && (_.destroy(), delete a[v.id], r(v));
   }, h = (v = []) => {
     v.forEach((_) => {
-      p(_);
+      f(_);
     });
   }, m = async (v) => {
     v.dialog = {
       ...v.dialog,
       onMinimized: () => {
-        p(v);
+        f(v);
       },
       onClose: async () => {
-        p(v), d.value = d.value.filter((S) => S.id !== v.id);
+        f(v), d.value = d.value.filter((S) => S.id !== v.id);
       }
     }, r(v);
     const _ = Vt(
@@ -2582,7 +2583,7 @@ function uo(o) {
     exclude: t,
     cleanCache: w,
     hasDialog: T,
-    closeDialog: p,
+    closeDialog: f,
     closeDialogs: h
   };
 }
@@ -2592,7 +2593,7 @@ const Ea = /* @__PURE__ */ R({
   props: J2,
   emits: ["select", "actionClick", "actionCommand"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = lo(t), { collapsed: a, keyword: r, favorite: l } = io(), { menus: i, favorites: d, flatMenus: u, active: p, select: h, toggleFavorite: m } = ro(t, n), {
+    const t = o, n = e, s = lo(t), { collapsed: a, keyword: r, favorite: l } = io(), { menus: i, favorites: d, flatMenus: u, active: f, select: h, toggleFavorite: m } = ro(t, n), {
       tabRef: g,
       showTabs: w,
       currentTab: $,
@@ -2606,7 +2607,7 @@ const Ea = /* @__PURE__ */ R({
       removeOtherTabs: H,
       dropdownTabs: X,
       moveToShow: Y
-    } = co(t, n, u, p, s), { createView: K, openDialog: Q, refresh: B, exclude: I, cleanCache: M, closeDialogs: F } = uo({
+    } = co(t, n, u, f, s), { createView: K, openDialog: Q, refresh: B, exclude: I, cleanCache: M, closeDialogs: F } = uo({
       tabs: v,
       updateTab: _,
       isCurrentTab: S,
@@ -2629,14 +2630,14 @@ const Ea = /* @__PURE__ */ R({
       flatMenus: u,
       favorites: d,
       updateTab: _,
-      active: p,
+      active: f,
       currentTab: $
-    }), (W, le) => (f(), b(c(j), {
+    }), (W, le) => (p(), b(c(j), {
       class: J(["x-mask", { "is-disabled": t.disabled }]),
       fit: ""
     }, {
       default: y(() => [
-        t.disabled ? (f(), b(Zt, {
+        t.disabled ? (p(), b(Zt, {
           key: 1,
           createView: c(K),
           exclude: c(I)
@@ -2645,7 +2646,7 @@ const Ea = /* @__PURE__ */ R({
             W.$slots.default ? A(W.$slots, "default", { key: 0 }) : x("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (f(), P(q, { key: 0 }, [
+        }, 8, ["createView", "exclude"])) : (p(), P(q, { key: 0 }, [
           z(O2, { collapsed: c(a) }, {
             brand: y(() => [
               z(K2, {
@@ -2671,7 +2672,7 @@ const Ea = /* @__PURE__ */ R({
                 favorites: c(d),
                 flatMenus: c(u),
                 menus: c(i),
-                active: c(p),
+                active: c(f),
                 onSelect: c(h)
               }, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
             ]),
@@ -2682,7 +2683,8 @@ const Ea = /* @__PURE__ */ R({
             grow: "",
             shrink: "",
             flex: "",
-            direction: "column"
+            direction: "column",
+            overflow: "hidden"
           }, {
             default: y(() => [
               z(c(j), {
@@ -2762,16 +2764,16 @@ function Ta(o = {}) {
     mask: n
   };
 }
-const po = /* @__PURE__ */ R({
+const fo = /* @__PURE__ */ R({
   __name: "SelectEditor",
   props: {
     options: { default: () => [] }
   },
   setup(o) {
     const e = o;
-    return (t, n) => (f(), b(c(d0), tt(nt(t.$attrs)), {
+    return (t, n) => (p(), b(c(d0), tt(nt(t.$attrs)), {
       default: y(() => [
-        (f(!0), P(q, null, te(e.options, (s, a) => (f(), b(c(p0), O({
+        (p(!0), P(q, null, te(e.options, (s, a) => (p(), b(c(f0), O({
           key: `item_${a}_${s.value}`,
           ref_for: !0
         }, s), ve({ _: 2 }, [
@@ -2787,7 +2789,7 @@ const po = /* @__PURE__ */ R({
       _: 3
     }, 16));
   }
-}), fo = /* @__PURE__ */ R({
+}), po = /* @__PURE__ */ R({
   __name: "CheckboxEditor",
   props: {
     options: { default: () => [] },
@@ -2797,9 +2799,9 @@ const po = /* @__PURE__ */ R({
     const e = o, t = C(
       () => Ne(e.button ? cn : un)
     );
-    return (n, s) => (f(), b(c(dn), tt(nt(n.$attrs)), {
+    return (n, s) => (p(), b(c(dn), tt(nt(n.$attrs)), {
       default: y(() => [
-        (f(!0), P(q, null, te(e.options, (a, r) => (f(), b(ee(t.value), O({
+        (p(!0), P(q, null, te(e.options, (a, r) => (p(), b(ee(t.value), O({
           key: `item_${r}_${a.value}`,
           ref_for: !0
         }, a), {
@@ -2820,11 +2822,11 @@ const po = /* @__PURE__ */ R({
   },
   setup(o) {
     const e = o, t = C(
-      () => Ne(e.button ? pn : fn)
+      () => Ne(e.button ? fn : pn)
     );
-    return (n, s) => (f(), b(c(mn), tt(nt(n.$attrs)), {
+    return (n, s) => (p(), b(c(mn), tt(nt(n.$attrs)), {
       default: y(() => [
-        (f(!0), P(q, null, te(e.options, (a, r) => (f(), b(ee(t.value), O({
+        (p(!0), P(q, null, te(e.options, (a, r) => (p(), b(ee(t.value), O({
           key: `item_${r}_${a.value}`,
           ref_for: !0
         }, a), {
@@ -2860,13 +2862,13 @@ const po = /* @__PURE__ */ R({
     defaultValue: ""
   },
   select: {
-    component: po,
+    component: fo,
     props: {
       clearable: !0
     }
   },
   checkbox: {
-    component: fo,
+    component: po,
     props: {},
     defaultValue: []
   },
@@ -3046,12 +3048,12 @@ function vo(o, e, t, n, s) {
         editor: i = "text",
         placeholder: d,
         label: u = "...",
-        disabled: p,
+        disabled: f,
         readonly: h
       } = o, m = {
         ...o.props,
         placeholder: d || (d === null ? void 0 : `请输入${u}`),
-        disabled: p,
+        disabled: f,
         readonly: h,
         options: a.value,
         onFocus: () => e("focus"),
@@ -3079,7 +3081,7 @@ const yo = {
   props: go,
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(o, { expose: e, emit: t }) {
-    const n = o, s = t, a = ke(B0, null), r = ke(_n, null), l = ke(I0, null), i = C(() => !a?.proxy || !l ? n.visible : typeof n.visible == "function" ? n.visible(l) : Mt(n.visible) ? Object.entries(n.visible).every(([H, X]) => Ye(l, H) === X) : n.visible), d = () => a?.proxy && l && n.name ? Ye(l, n.name) ?? n.modelValue : n.modelValue, u = D(d()), { editor: p } = vo(
+    const n = o, s = t, a = ke(B0, null), r = ke(_n, null), l = ke(I0, null), i = C(() => !a?.proxy || !l ? n.visible : typeof n.visible == "function" ? n.visible(l) : Mt(n.visible) ? Object.entries(n.visible).every(([H, X]) => Ye(l, H) === X) : n.visible), d = () => a?.proxy && l && n.name ? Ye(l, n.name) ?? n.modelValue : n.modelValue, u = D(d()), { editor: f } = vo(
       n,
       s,
       i,
@@ -3099,12 +3101,12 @@ const yo = {
     }), T = C(() => {
       const k = a?.proxy;
       return {
-        width: n.width ? pe(n.width) : k && k.inline && k.inlineColumns ? `${100 / k.inlineColumns}%` : null
+        width: n.width ? fe(n.width) : k && k.inline && k.inlineColumns ? `${100 / k.inlineColumns}%` : null
       };
     }), v = C(() => ({
       right: typeof n.tooltipPosition == "number" ? `${n.tooltipPosition}px` : void 0
     })), _ = C(() => ({
-      ...p.value.props,
+      ...f.value.props,
       modelValue: u.value,
       "onUpdate:modelValue": (k) => {
         u.value = k;
@@ -3138,7 +3140,7 @@ const yo = {
       blur: () => {
         m.value?.foucs && m.value.blur();
       }
-    }), (k, H) => i.value ? (f(), b(c(bn), O({
+    }), (k, H) => i.value ? (p(), b(c(bn), O({
       key: 0,
       class: ["x-field", E.value],
       ref_key: "itemRef",
@@ -3150,7 +3152,7 @@ const yo = {
     }, k.$attrs), ve({
       error: y(({ error: X }) => [
         A(k.$slots, "error", { error: X }, () => [
-          c(a)?.props.tooltipMessage ?? n.tooltipMessage ? (f(), P("div", {
+          c(a)?.props.tooltipMessage ?? n.tooltipMessage ? (p(), P("div", {
             key: 0,
             class: "x-field__info",
             style: we(v.value)
@@ -3167,7 +3169,7 @@ const yo = {
               ]),
               _: 2
             }, 1040, ["content"])
-          ], 4)) : (f(), P("div", yo, L($(X)), 1))
+          ], 4)) : (p(), P("div", yo, L($(X)), 1))
         ])
       ]),
       default: y(() => [
@@ -3175,14 +3177,14 @@ const yo = {
           class: J(["x-field__editor_wrap", { "is-inline": n.inline }])
         }, [
           A(k.$slots, "editor", { editor: _.value }, () => [
-            c(p).component ? (f(), b(ee(c(p).component), O({
+            c(f).component ? (p(), b(ee(c(f).component), O({
               key: 0,
               class: "x-field__editor",
               ref_key: "editorRef",
               ref: m,
               modelValue: u.value,
               "onUpdate:modelValue": H[0] || (H[0] = (X) => u.value = X)
-            }, c(p).props), ve({ _: 2 }, [
+            }, c(f).props), ve({ _: 2 }, [
               k.$slots.option ? {
                 name: "option",
                 fn: y(({ option: X }) => [
@@ -3192,7 +3194,7 @@ const yo = {
               } : void 0
             ]), 1040, ["modelValue"])) : x("", !0)
           ]),
-          n.tip || k.$slots.tip ? (f(), P("div", wo, [
+          n.tip || k.$slots.tip ? (p(), P("div", wo, [
             A(k.$slots, "tip", {}, () => [
               U(L(n.tip), 1)
             ])
@@ -3276,24 +3278,24 @@ const yo = {
     const n = o, s = t, a = ye(), r = D(), l = ot(n.model || {}), i = D(!1);
     Ve(B0, a), Ve(I0, l), G(
       () => n.model,
-      (p) => {
-        Object.assign(l, p);
+      (f) => {
+        Object.assign(l, f);
       },
       { deep: !0 }
     ), G(l, () => {
-      s("change", fe(l));
+      s("change", pe(l));
     });
     const d = async () => {
-      await r.value.validate().catch(() => !1) && (s("submit", fe(l)), n.submitMethod && (i.value = !0, await n.submitMethod(fe(l)), i.value = !1));
-    }, u = (p) => {
-      r.value.resetFields(p), s("reset");
+      await r.value.validate().catch(() => !1) && (s("submit", pe(l)), n.submitMethod && (i.value = !0, await n.submitMethod(pe(l)), i.value = !1));
+    }, u = (f) => {
+      r.value.resetFields(f), s("reset");
     };
     return e({
       formRef: r,
       model: l,
       submit: d,
       reset: u
-    }), (p, h) => (f(), b(c(Cn), O({
+    }), (f, h) => (p(), b(c(Cn), O({
       ref_key: "formRef",
       ref: r,
       class: "x-form",
@@ -3302,18 +3304,18 @@ const yo = {
       onKeyup: en(d, ["enter"]),
       onSubmit: h[1] || (h[1] = i0(() => {
       }, ["stop", "prevent"]))
-    }, p.$attrs), {
+    }, f.$attrs), {
       default: y(() => [
-        A(p.$slots, "default"),
-        n.footer ? (f(), b(c(_o), {
+        A(f.$slots, "default"),
+        n.footer ? (p(), b(c(_o), {
           key: 0,
           editor: "none",
           class: "x-form__footer",
           label: " "
         }, {
           editor: y(() => [
-            A(p.$slots, "footer", {}, () => [
-              n.submitText ? (f(), b(c(de), {
+            A(f.$slots, "footer", {}, () => [
+              n.submitText ? (p(), b(c(de), {
                 key: 0,
                 loading: i.value,
                 type: "primary",
@@ -3324,7 +3326,7 @@ const yo = {
                 ]),
                 _: 1
               }, 8, ["loading"])) : x("", !0),
-              n.resetText ? (f(), b(c(de), {
+              n.resetText ? (p(), b(c(de), {
                 key: 1,
                 type: "default",
                 onClick: h[0] || (h[0] = () => u())
@@ -3334,7 +3336,7 @@ const yo = {
                 ]),
                 _: 1
               })) : x("", !0),
-              A(p.$slots, "action")
+              A(f.$slots, "action")
             ])
           ]),
           _: 3
@@ -3392,7 +3394,7 @@ const yo = {
       s("update:modelValue", !1), s("close");
     }, u = async (m) => {
       s("submit", m), n.submitMethod ? await n.submitMethod(m) && d() : d();
-    }, p = C(
+    }, f = C(
       () => n.formProps?.disabled ? !1 : n.submit
     ), h = C(
       () => n.formProps?.disabled ? !1 : n.cancel
@@ -3401,12 +3403,12 @@ const yo = {
       $vtjEl: l,
       formRef: a,
       dialogRef: r
-    }), (m, g) => (f(), b(c(z0), O({
+    }), (m, g) => (p(), b(c(z0), O({
       ref_key: "dialogRef",
       ref: r,
       class: "x-dialog-form",
       "model-value": n.modelValue,
-      submit: p.value,
+      submit: f.value,
       cancel: h.value,
       size: n.size,
       onSubmit: i,
@@ -3483,10 +3485,10 @@ const yo = {
   emits: ["actionClick", "actionCommand"],
   setup(o, { emit: e }) {
     const t = o, n = e, s = (i) => {
-      const { label: d, name: u, value: p, disabled: h, closable: m, lazy: g } = i;
+      const { label: d, name: u, value: f, disabled: h, closable: m, lazy: g } = i;
       return {
         label: d,
-        name: p ?? u,
+        name: f ?? u,
         disabled: h,
         closable: m,
         lazy: g
@@ -3500,30 +3502,30 @@ const yo = {
     }, l = (i) => {
       n("actionCommand", i);
     };
-    return (i, d) => (f(), b(c(c0), O({
+    return (i, d) => (p(), b(c(c0), O({
       class: ["x-tabs", a.value]
     }, i.$attrs), {
       default: y(() => [
-        (f(!0), P(q, null, te(t.items, (u) => (f(), b(c(bt), O({
+        (p(!0), P(q, null, te(t.items, (u) => (p(), b(c(bt), O({
           key: u.value ?? u.name,
           ref_for: !0
         }, s(u)), {
           label: y(() => [
             A(i.$slots, "label", O({ ref_for: !0 }, u), () => [
-              u.icon ? (f(), b(ee(c(ze)(u.icon)), {
+              u.icon ? (p(), b(ee(c(ze)(u.icon)), {
                 key: 0,
                 class: "x-tabs__icon"
               })) : x("", !0),
               N("div", So, [
                 U(L(u.label) + " ", 1),
-                u.actions && [u.name, u.value].includes(i.$attrs.modelValue) ? (f(), P("div", zo, [
-                  (f(!0), P(q, null, te(u.actions, (p) => (f(), b(c(se), O({
+                u.actions && [u.name, u.value].includes(i.$attrs.modelValue) ? (p(), P("div", zo, [
+                  (p(!0), P(q, null, te(u.actions, (f) => (p(), b(c(se), O({
                     mode: "icon",
                     type: "primary",
                     size: "small",
                     circle: "",
                     ref_for: !0
-                  }, p, {
+                  }, f, {
                     onClick: r,
                     onCommand: l
                   }), null, 16))), 256))
@@ -3533,7 +3535,7 @@ const yo = {
           ]),
           default: y(() => [
             A(i.$slots, "default", O({ ref_for: !0 }, u), () => [
-              u.component ? (f(), b(ee(u.component), O({
+              u.component ? (p(), b(ee(u.component), O({
                 key: 0,
                 ref_for: !0
               }, u.props), null, 16)) : x("", !0)
@@ -3599,10 +3601,10 @@ const yo = {
   emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
   setup(o, { emit: e }) {
     const t = o, n = e, s = C(() => {
-      const { imageWidth: p, imageHeight: h } = t;
+      const { imageWidth: f, imageHeight: h } = t;
       return {
-        width: p ? pe(p) : void 0,
-        height: h ? pe(h) : void 0
+        width: f ? fe(f) : void 0,
+        height: h ? fe(h) : void 0
       };
     }), a = C(() => ({
       [`is-image-${t.direction}`]: !!t.direction,
@@ -3614,21 +3616,21 @@ const yo = {
       type: "info",
       items: t.actions,
       ...t.actionBarProps
-    })), l = () => n("imageClick"), i = () => n("titleClick"), d = (p) => n("actionClick", p), u = (p, h) => n("actionCommand", p, h);
-    return (p, h) => (f(), b(c(j), {
+    })), l = () => n("imageClick"), i = () => n("titleClick"), d = (f) => n("actionClick", f), u = (f, h) => n("actionCommand", f, h);
+    return (f, h) => (p(), b(c(j), {
       class: J(["x-data-item", a.value]),
       direction: t.direction
     }, {
       default: y(() => [
-        t.imageSrc || p.$slots.image ? (f(), b(c(j), {
+        t.imageSrc || f.$slots.image ? (p(), b(c(j), {
           key: 0,
           class: "x-data-item__img",
           autoPointer: !0,
           onClick: t.onImageClick ? l : void 0
         }, {
           default: y(() => [
-            A(p.$slots, "image", {}, () => [
-              t.imageSrc ? (f(), b(c(kn), {
+            A(f.$slots, "image", {}, () => [
+              t.imageSrc ? (p(), b(c(kn), {
                 key: 0,
                 style: we(s.value),
                 src: t.imageSrc
@@ -3644,7 +3646,7 @@ const yo = {
           shrink: ""
         }, {
           default: y(() => [
-            t.title || p.$slots.title ? (f(), b(c(j), {
+            t.title || f.$slots.title ? (p(), b(c(j), {
               key: 0,
               class: "x-data-item__section x-data-item__wrapper",
               align: "center",
@@ -3652,28 +3654,28 @@ const yo = {
               onClick: t.onTitleClick ? i : void 0
             }, {
               default: y(() => [
-                t.icon ? (f(), b(ee(c(ze)(t.icon)), {
+                t.icon ? (p(), b(ee(c(ze)(t.icon)), {
                   key: 0,
                   class: "x-data-item__icon"
                 })) : x("", !0),
                 N("span", To, [
-                  A(p.$slots, "title", {}, () => [
+                  A(f.$slots, "title", {}, () => [
                     U(L(t.title), 1)
                   ])
                 ])
               ]),
               _: 3
             }, 8, ["onClick"])) : x("", !0),
-            t.description || p.$slots.description ? (f(), P("div", $o, [
-              A(p.$slots, "description", {}, () => [
+            t.description || f.$slots.description ? (p(), P("div", $o, [
+              A(f.$slots, "description", {}, () => [
                 U(L(t.description), 1)
               ])
             ])) : x("", !0),
-            p.$slots.default ? (f(), P("div", Mo, [
-              A(p.$slots, "default")
+            f.$slots.default ? (p(), P("div", Mo, [
+              A(f.$slots, "default")
             ])) : x("", !0),
-            t.actions || t.actionBarProps || p.$slots.actions ? (f(), P("div", Bo, [
-              A(p.$slots, "actions", {}, () => [
+            t.actions || t.actionBarProps || f.$slots.actions ? (p(), P("div", Bo, [
+              A(f.$slots, "actions", {}, () => [
                 z(c(At), O(r.value, {
                   onClick: d,
                   onCommand: u
@@ -3761,9 +3763,9 @@ const yo = {
         total: 0
       },
       a
-    ), i = C(() => Math.ceil((r.value.total || 0) / a.pageSize)), d = D(!1), u = D(), p = C(() => ({
-      width: pe(n.width),
-      height: pe(n.height)
+    ), i = C(() => Math.ceil((r.value.total || 0) / a.pageSize)), d = D(!1), u = D(), f = C(() => ({
+      width: fe(n.width),
+      height: fe(n.height)
     })), h = C(() => ({
       "is-virtual": !!n.itemHeight
     })), m = C(() => {
@@ -3791,54 +3793,54 @@ const yo = {
       nomore: d,
       data: r,
       getKey: _
-    }), (S, V) => (f(), P("div", {
+    }), (S, V) => (p(), P("div", {
       class: J(["x-list", h.value]),
-      style: we(p.value)
+      style: we(f.value)
     }, [
       !c(r).total && !c(l) ? A(S.$slots, "empty", { key: 0 }, () => [
         z(c(r0))
       ]) : x("", !0),
       N("div", O({ class: "x-list__content" }, c($)), [
-        n.itemHeight ? Z((f(), P("div", O({
+        n.itemHeight ? Z((p(), P("div", O({
           key: 0,
           class: "x-list__wrapper",
           ref_key: "wrapperRef",
           ref: u
         }, { ...c(E), ...m.value }), [
-          (f(!0), P(q, null, te(c(w), (k, H) => A(S.$slots, "default", O({
+          (p(!0), P(q, null, te(c(w), (k, H) => A(S.$slots, "default", O({
             key: _(k.data),
             ref_for: !0
           }, { item: k.data, index: H }), () => [
             N("div", null, L(k), 1)
           ])), 128)),
-          c(l) ? (f(), P("div", Po, [
+          c(l) ? (p(), P("div", Po, [
             A(S.$slots, "loading", {}, () => [
               U(" 正在加载数据... ")
             ])
           ])) : x("", !0),
-          d.value ? (f(), P("div", Ao, [
+          d.value ? (p(), P("div", Ao, [
             A(S.$slots, "nomore", {}, () => [
               U(" 没有更多数据 ")
             ])
           ])) : x("", !0)
         ], 16)), [
           [c(Ut), v]
-        ]) : Z((f(), P("div", O({
+        ]) : Z((p(), P("div", O({
           key: 1,
           class: "x-list__wrapper"
         }, m.value), [
-          (f(!0), P(q, null, te(c(r).list, (k, H) => A(S.$slots, "default", O({
+          (p(!0), P(q, null, te(c(r).list, (k, H) => A(S.$slots, "default", O({
             key: _(k),
             ref_for: !0
           }, { item: k, index: H }), () => [
             N("div", null, L(k), 1)
           ])), 128)),
-          c(l) ? (f(), P("div", Vo, [
+          c(l) ? (p(), P("div", Vo, [
             A(S.$slots, "loading", {}, () => [
               U(" 正在加载数据... ")
             ])
           ])) : x("", !0),
-          d.value ? (f(), P("div", Do, [
+          d.value ? (p(), P("div", Do, [
             A(S.$slots, "nomore", {}, () => [
               U(" 没有更多数据 ")
             ])
@@ -3847,7 +3849,7 @@ const yo = {
           [c(Ut), v]
         ])
       ], 16),
-      n.pager ? (f(), P("div", Fo, [
+      n.pager ? (p(), P("div", Fo, [
         z(c(xn), O({
           small: "",
           background: "",
@@ -3890,7 +3892,7 @@ const yo = {
         window.location.href = s;
       }
     };
-    return (n, s) => (f(), P("div", Ro, [
+    return (n, s) => (p(), P("div", Ro, [
       N("div", Lo, [
         N("div", Ho, [
           N("span", Oo, L(e.name), 1)
@@ -3972,17 +3974,17 @@ const yo = {
       qe.info({
         message: "触发submit事件"
       }), s("submit", n);
-    }, p = (m) => {
+    }, f = (m) => {
       i.value = m, s("change", i.value);
     }, h = () => {
-      p("user click change:" + Date.now());
+      f("user click change:" + Date.now());
     };
     return e({
       click: d,
       submit: u,
       data: i,
-      change: p
-    }), (m, g) => (f(), b(c(We), {
+      change: f
+    }), (m, g) => (p(), b(c(We), {
       class: "x-test",
       header: "VTJ 低代码测试组件",
       border: ""
@@ -4011,7 +4013,7 @@ const yo = {
           border: ""
         }, {
           default: y(() => [
-            (f(!0), P(q, null, te(a.value, ([w, $]) => (f(), b(c(ut), { label: w }, {
+            (p(!0), P(q, null, te(a.value, ([w, $]) => (p(), b(c(ut), { label: w }, {
               default: y(() => [
                 N("pre", null, L(JSON.stringify($, null, 2)), 1)
               ]),
@@ -4184,7 +4186,7 @@ const yo = {
           };
       }
       return { value: d(g), unit: n.unit };
-    }, p = () => {
+    }, f = () => {
       const g = d(i.value), w = l.value;
       return n.withUnit && g && w ? `${g}${w}` : g;
     };
@@ -4201,15 +4203,15 @@ const yo = {
       s("change", g);
     });
     const h = async () => {
-      const { value: g, unit: w } = u(p());
-      i.value = g, l.value = w, s("update:modelValue", p());
+      const { value: g, unit: w } = u(f());
+      i.value = g, l.value = w, s("update:modelValue", f());
     }, m = () => {
       s("unit-change", l.value), h();
     };
     return e({
       parser: u,
       formatValue: d
-    }), (g, w) => (f(), b(c(ge), {
+    }), (g, w) => (p(), b(c(ge), {
       modelValue: i.value,
       "onUpdate:modelValue": w[1] || (w[1] = ($) => i.value = $),
       modelModifiers: { trim: !0 },
@@ -4227,7 +4229,7 @@ const yo = {
             style: { width: `${n.appendWidth}px` }
           }, g.$props.selectProps, { onChange: m }), {
             default: y(() => [
-              (f(!0), P(q, null, te(a.value, ($) => (f(), b(c(p0), {
+              (p(!0), P(q, null, te(a.value, ($) => (p(), b(c(f0), {
                 key: $.value,
                 label: $.label,
                 value: $.value
@@ -4240,7 +4242,7 @@ const yo = {
       } : {
         name: "suffix",
         fn: y(() => [
-          l.value ? (f(), P("div", {
+          l.value ? (p(), P("div", {
             key: 0,
             class: "x-input-unit__unit"
           }, [
@@ -4299,7 +4301,7 @@ const yo = {
     }), i = D(""), d = D(e.maxLength);
     let u;
     typeof e.validate == "function" && (u = e.validate);
-    const p = () => {
+    const f = () => {
       a(), i.value = "";
     };
     return G(
@@ -4308,7 +4310,7 @@ const yo = {
         i.value.length === d.value ? await u(i.value) ? n.value = "success" : n.value = "error" : n.value = "";
       },
       { immediate: !0 }
-    ), (h, m) => (f(), b(c(ge), {
+    ), (h, m) => (p(), b(c(ge), {
       modelValue: i.value,
       "onUpdate:modelValue": m[0] || (m[0] = (g) => i.value = g),
       class: "x-image-code-input",
@@ -4318,18 +4320,18 @@ const yo = {
       prepend: y(() => [
         N("img", {
           class: J(["x-image-code-input__image", l.value]),
-          onClick: p,
+          onClick: f,
           src: s.value
         }, null, 10, Jo)
       ]),
       suffix: y(() => [
-        n.value === "success" ? (f(), b(c(ae), {
+        n.value === "success" ? (p(), b(c(ae), {
           key: 0,
           class: "x-image-code-input__iconSuccess",
           icon: c(Un),
           size: r.value
         }, null, 8, ["icon", "size"])) : x("", !0),
-        n.value === "error" ? (f(), b(c(ae), {
+        n.value === "error" ? (p(), b(c(ae), {
           key: 1,
           class: "x-image-code-input__iconError",
           icon: c(Xn),
@@ -4605,11 +4607,11 @@ var F0 = {};
   }, o.getPenaltyN1 = function(s) {
     const a = s.size;
     let r = 0, l = 0, i = 0, d = null, u = null;
-    for (let p = 0; p < a; p++) {
+    for (let f = 0; f < a; f++) {
       l = i = 0, d = u = null;
       for (let h = 0; h < a; h++) {
-        let m = s.get(p, h);
-        m === d ? l++ : (l >= 5 && (r += e.N1 + (l - 5)), d = m, l = 1), m = s.get(h, p), m === u ? i++ : (i >= 5 && (r += e.N1 + (i - 5)), u = m, i = 1);
+        let m = s.get(f, h);
+        m === d ? l++ : (l >= 5 && (r += e.N1 + (l - 5)), d = m, l = 1), m = s.get(h, f), m === u ? i++ : (i >= 5 && (r += e.N1 + (i - 5)), u = m, i = 1);
       }
       l >= 5 && (r += e.N1 + (l - 5)), i >= 5 && (r += e.N1 + (i - 5));
     }
@@ -5200,7 +5202,7 @@ ie.testAlphanumeric = function(e) {
       g += $ + w.getBitsLength();
     }), g;
   }
-  function p(h, m) {
+  function f(h, m) {
     for (let g = 1; g <= 40; g++)
       if (u(h, g) <= o.getCapacity(g, m, s.MIXED))
         return g;
@@ -5231,7 +5233,7 @@ ie.testAlphanumeric = function(e) {
     const $ = n.from(g, n.M);
     if (Array.isArray(m)) {
       if (m.length > 1)
-        return p(m, $);
+        return f(m, $);
       if (m.length === 0)
         return 1;
       w = m[0];
@@ -5278,7 +5280,7 @@ Ee.prototype.write = function(e) {
   a > 0 && (n = this.data.substr(t), s = parseInt(n, 10), e.put(s, a * 3 + 1));
 };
 var ds = Ee;
-const ps = he, ft = [
+const fs = he, pt = [
   "0",
   "1",
   "2",
@@ -5326,7 +5328,7 @@ const ps = he, ft = [
   ":"
 ];
 function Te(o) {
-  this.mode = ps.ALPHANUMERIC, this.data = o;
+  this.mode = fs.ALPHANUMERIC, this.data = o;
 }
 Te.getBitsLength = function(e) {
   return 11 * Math.floor(e / 2) + 6 * (e % 2);
@@ -5340,12 +5342,12 @@ Te.prototype.getBitsLength = function() {
 Te.prototype.write = function(e) {
   let t;
   for (t = 0; t + 2 <= this.data.length; t += 2) {
-    let n = ft.indexOf(this.data[t]) * 45;
-    n += ft.indexOf(this.data[t + 1]), e.put(n, 11);
+    let n = pt.indexOf(this.data[t]) * 45;
+    n += pt.indexOf(this.data[t + 1]), e.put(n, 11);
   }
-  this.data.length % 2 && e.put(ft.indexOf(this.data[t]), 6);
+  this.data.length % 2 && e.put(pt.indexOf(this.data[t]), 6);
 };
-var fs = Te, ms = function(e) {
+var ps = Te, ms = function(e) {
   for (var t = [], n = e.length, s = 0; s < n; s++) {
     var a = e.charCodeAt(s);
     if (a >= 55296 && a <= 56319 && n > s + 1) {
@@ -5427,10 +5429,10 @@ var _s = Me, X0 = { exports: {} };
       r[n] = 0;
       var l = e.PriorityQueue.make();
       l.push(n, 0);
-      for (var i, d, u, p, h, m, g, w, $; !l.empty(); ) {
-        i = l.pop(), d = i.value, p = i.cost, h = t[d] || {};
+      for (var i, d, u, f, h, m, g, w, $; !l.empty(); ) {
+        i = l.pop(), d = i.value, f = i.cost, h = t[d] || {};
         for (u in h)
-          h.hasOwnProperty(u) && (m = h[u], g = p + m, w = r[u], $ = typeof r[u] > "u", ($ || w > g) && (r[u] = g, l.push(u, g), a[u] = d));
+          h.hasOwnProperty(u) && (m = h[u], g = f + m, w = r[u], $ = typeof r[u] > "u", ($ || w > g) && (r[u] = g, l.push(u, g), a[u] = d));
       }
       if (typeof s < "u" && typeof r[s] > "u") {
         var E = ["Could not find a path from ", n, " to ", s, "."].join("");
@@ -5487,7 +5489,7 @@ var _s = Me, X0 = { exports: {} };
 })(X0);
 var bs = X0.exports;
 (function(o) {
-  const e = he, t = ds, n = fs, s = vs, a = _s, r = ie, l = ne, i = bs;
+  const e = he, t = ds, n = ps, s = vs, a = _s, r = ie, l = ne, i = bs;
   function d(E) {
     return unescape(encodeURIComponent(E)).length;
   }
@@ -5503,7 +5505,7 @@ var bs = X0.exports;
       });
     return _;
   }
-  function p(E) {
+  function f(E) {
     const T = u(r.NUMERIC, e.NUMERIC, E), v = u(r.ALPHANUMERIC, e.ALPHANUMERIC, E);
     let _, S;
     return l.isKanjiModeEnabled() ? (_ = u(r.BYTE, e.BYTE, E), S = u(r.KANJI, e.KANJI, E)) : (_ = u(r.BYTE_KANJI, e.BYTE, E), S = []), T.concat(v, _, S).sort(function(k, H) {
@@ -5607,13 +5609,13 @@ var bs = X0.exports;
       return typeof _ == "string" ? v.push($(_, null)) : _.data && v.push($(_.data, _.mode)), v;
     }, []);
   }, o.fromString = function(T, v) {
-    const _ = p(T, l.isKanjiModeEnabled()), S = g(_), V = w(S, v), k = i.find_path(V.map, "start", "end"), H = [];
+    const _ = f(T, l.isKanjiModeEnabled()), S = g(_), V = w(S, v), k = i.find_path(V.map, "start", "end"), H = [];
     for (let X = 1; X < k.length - 1; X++)
       H.push(V.table[k[X]].node);
     return o.fromArray(m(H));
   }, o.rawSplit = function(T) {
     return o.fromArray(
-      p(T, l.isKanjiModeEnabled())
+      f(T, l.isKanjiModeEnabled())
     );
   };
 })(U0);
@@ -5687,13 +5689,13 @@ function As(o, e, t) {
   return Vs(n, o, e);
 }
 function Vs(o, e, t) {
-  const n = lt.getSymbolTotalCodewords(e), s = St.getTotalCodewordsCount(e, t), a = n - s, r = St.getBlocksCount(e, t), l = n % r, i = r - l, d = Math.floor(n / r), u = Math.floor(a / r), p = u + 1, h = d - u, m = new zs(h);
+  const n = lt.getSymbolTotalCodewords(e), s = St.getTotalCodewordsCount(e, t), a = n - s, r = St.getBlocksCount(e, t), l = n % r, i = r - l, d = Math.floor(n / r), u = Math.floor(a / r), f = u + 1, h = d - u, m = new zs(h);
   let g = 0;
   const w = new Array(r), $ = new Array(r);
   let E = 0;
   const T = new Uint8Array(o.buffer);
   for (let k = 0; k < r; k++) {
-    const H = k < i ? u : p;
+    const H = k < i ? u : f;
     w[k] = T.slice(g, g + H), $[k] = m.encode(w[k]), g += H, E = Math.max(E, H);
   }
   const v = new Uint8Array(n);
@@ -5789,13 +5791,13 @@ var K0 = {}, Rt = {};
     const a = o.getScale(n, s);
     return Math.floor((n + s.margin * 2) * a);
   }, o.qrToImageData = function(n, s, a) {
-    const r = s.modules.size, l = s.modules.data, i = o.getScale(r, a), d = Math.floor((r + a.margin * 2) * i), u = a.margin * i, p = [a.color.light, a.color.dark];
+    const r = s.modules.size, l = s.modules.data, i = o.getScale(r, a), d = Math.floor((r + a.margin * 2) * i), u = a.margin * i, f = [a.color.light, a.color.dark];
     for (let h = 0; h < d; h++)
       for (let m = 0; m < d; m++) {
         let g = (h * d + m) * 4, w = a.color.light;
         if (h >= u && m >= u && h < d - u && m < d - u) {
           const $ = Math.floor((h - u) / i), E = Math.floor((m - u) / i);
-          w = p[l[$ * r + E] ? 1 : 0];
+          w = f[l[$ * r + E] ? 1 : 0];
         }
         n[g++] = w.r, n[g++] = w.g, n[g++] = w.b, n[g] = w.a;
       }
@@ -5816,13 +5818,13 @@ var K0 = {}, Rt = {};
   o.render = function(a, r, l) {
     let i = l, d = r;
     typeof i > "u" && (!r || !r.getContext) && (i = r, r = void 0), r || (d = n()), i = e.getOptions(i);
-    const u = e.getImageWidth(a.modules.size, i), p = d.getContext("2d"), h = p.createImageData(u, u);
-    return e.qrToImageData(h.data, a, i), t(p, d, u), p.putImageData(h, 0, 0), d;
+    const u = e.getImageWidth(a.modules.size, i), f = d.getContext("2d"), h = f.createImageData(u, u);
+    return e.qrToImageData(h.data, a, i), t(f, d, u), f.putImageData(h, 0, 0), d;
   }, o.renderToDataURL = function(a, r, l) {
     let i = l;
     typeof i > "u" && (!r || !r.getContext) && (i = r, r = void 0), i || (i = {});
-    const d = o.render(a, r, i), u = i.type || "image/png", p = i.rendererOpts || {};
-    return d.toDataURL(u, p.quality);
+    const d = o.render(a, r, i), u = i.type || "image/png", f = i.rendererOpts || {};
+    return d.toDataURL(u, f.quality);
   };
 })(K0);
 var G0 = {};
@@ -5897,7 +5899,7 @@ const Hs = ["src"], Os = {
       l.value = !1, d = setTimeout(() => {
         r.value = !0;
       }, n.timeout);
-    }, p = async () => {
+    }, f = async () => {
       r.value = !1, l.value = !0, clearTimeout(d), s("refresh"), await m(), u();
     };
     n.timeout > 0 && u(), s0(() => {
@@ -5926,20 +5928,20 @@ const Hs = ["src"], Os = {
     const g = D();
     return e({
       qrcodeRef: g
-    }), (w, $) => Z((f(), P("div", {
+    }), (w, $) => Z((p(), P("div", {
       class: "x-qrcode",
       ref_key: "qrcodeRef",
       ref: g
     }, [
       N("img", O({ class: "x-qrcode__qrcode" }, c(a), { src: h.value }), null, 16, Hs),
-      h.value && r.value ? (f(), P("div", Os, [
+      h.value && r.value ? (p(), P("div", Os, [
         N("div", {
           class: "x-qrcode__mask",
           style: we({ scale: i.value })
         }, [
           N("div", {
             class: "x-qrcode__logo",
-            onClick: p
+            onClick: f
           }, [
             A(w.$slots, "logo", {}, () => [
               z(c(ae), {
@@ -5957,7 +5959,7 @@ const Hs = ["src"], Os = {
         ], 4)
       ])) : x("", !0)
     ])), [
-      [c(f0), l.value]
+      [c(p0), l.value]
     ]);
   }
 }), Xs = { class: "x-sms-code-input" }, Ks = /* @__PURE__ */ N("span", null, [
@@ -5966,7 +5968,7 @@ const Hs = ["src"], Os = {
 ], -1), Gs = /* @__PURE__ */ N("div", { class: "x-sms-code-input__image" }, "图片验证码", -1), Ra = /* @__PURE__ */ R({
   __name: "SmsCodeInput",
   setup(o) {
-    return (e, t) => (f(), P("div", Xs, [
+    return (e, t) => (p(), P("div", Xs, [
       z(c(ge), { class: "x-sms-code-input__input" }, {
         suffix: y(() => [
           Ks,
@@ -6094,8 +6096,8 @@ const Hs = ["src"], Os = {
 function Ht(o) {
   if (o.type)
     return o.type;
-  const e = o.name || o.url.split("?")[0], t = e.substring(e.lastIndexOf(".") + 1).toLowerCase(), n = ["jpg", "png", "gif", "jpeg", "bpm", "webp", "svg"], s = ["js", "mjs", "cjs", "ts", "jsx", "tsx"], a = ["css", "scss", "sass", "less"], r = ["doc", "docx"], l = ["xls", "xlsx"], i = ["ppt", "pptx"], d = ["zip", "rar"], u = ["mp4", "wmv"], p = ["mp3", "wma"], h = ["pdf", "json"];
-  return n.includes(t) ? "img" : s.includes(t) ? "js" : a.includes(t) ? "css" : r.includes(t) ? "word" : l.includes(t) ? "excel" : i.includes(t) ? "ppt" : d.includes(t) ? "zip" : u.includes(t) ? "video" : p.includes(t) ? "audio" : h.includes(t) ? t : "unknow";
+  const e = o.name || o.url.split("?")[0], t = e.substring(e.lastIndexOf(".") + 1).toLowerCase(), n = ["jpg", "png", "gif", "jpeg", "bpm", "webp", "svg"], s = ["js", "mjs", "cjs", "ts", "jsx", "tsx"], a = ["css", "scss", "sass", "less"], r = ["doc", "docx"], l = ["xls", "xlsx"], i = ["ppt", "pptx"], d = ["zip", "rar"], u = ["mp4", "wmv"], f = ["mp3", "wma"], h = ["pdf", "json"];
+  return n.includes(t) ? "img" : s.includes(t) ? "js" : a.includes(t) ? "css" : r.includes(t) ? "word" : l.includes(t) ? "excel" : i.includes(t) ? "ppt" : d.includes(t) ? "zip" : u.includes(t) ? "video" : f.includes(t) ? "audio" : h.includes(t) ? t : "unknow";
 }
 function yt(o) {
   return Ht(o) === "img";
@@ -6120,10 +6122,10 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   zip: oa,
   audio: sa,
   video: aa
-}, la = { class: "x-attachment__upload" }, ra = ["onClick"], ca = { class: "x-attachment__wrapper" }, ua = ["src"], da = ["title"], pa = {
+}, la = { class: "x-attachment__upload" }, ra = ["onClick"], ca = { class: "x-attachment__wrapper" }, ua = ["src"], da = ["title"], fa = {
   key: 0,
   class: "x-attachment__item-name"
-}, fa = { class: "el-upload-list__item-url" }, ma = {
+}, pa = { class: "el-upload-list__item-url" }, ma = {
   key: 0,
   class: "el-upload-list__item-actions"
 }, ga = ["onClick"], ha = ["onClick"], va = ["onClick"], La = /* @__PURE__ */ R({
@@ -6132,7 +6134,7 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   props: Ys,
   emits: ["click", "preview", "remove", "download", "select", "change", "update:modelValue", "update:selectValue"],
   setup(o, { expose: e, emit: t }) {
-    const n = u2(), s = o, a = t, r = D(!1), l = D(), i = D(Symbol()), d = D(!1), u = D(0), p = D([]), h = C(() => ({
+    const n = u2(), s = o, a = t, r = D(!1), l = D(), i = D(Symbol()), d = D(!1), u = D(0), f = D([]), h = C(() => ({
       [`x-attachment--${s.listType}`]: !!s.listType,
       "is-disabled": !!s.disabled,
       "is-pointer": !!s.clickable || !!s.selectable,
@@ -6162,7 +6164,7 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     ), G(
       () => s.selectValue,
       (B) => {
-        p.value = [].concat(
+        f.value = [].concat(
           Kt(B || [])
         );
       },
@@ -6188,15 +6190,15 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         return r.value = !1, typeof F == "string" ? { url: F } : F;
       }
     }, _ = (B) => {
-      const I = p.value.findIndex((M) => M.url === B.url);
-      I > -1 ? s.multiple ? p.value.splice(I, 1) : p.value = [] : s.multiple ? p.value.push(Ie(B.response || B)) : p.value = [Ie(B.response || B)], a("select", p.value), a(
+      const I = f.value.findIndex((M) => M.url === B.url);
+      I > -1 ? s.multiple ? f.value.splice(I, 1) : f.value = [] : s.multiple ? f.value.push(Ie(B.response || B)) : f.value = [Ie(B.response || B)], a("select", f.value), a(
         "update:selectValue",
-        s.multiple ? p.value : p.value[0]
+        s.multiple ? f.value : f.value[0]
       );
     }, S = (B) => {
-      const I = p.value.findIndex((M) => M.url === B.url);
-      I > -1 && p.value.splice(I, 1);
-    }, V = (B) => !!p.value.find((I) => I.url === B.url), k = (B) => {
+      const I = f.value.findIndex((M) => M.url === B.url);
+      I > -1 && f.value.splice(I, 1);
+    }, V = (B) => !!f.value.find((I) => I.url === B.url), k = (B) => {
       s.clickable && a("click", Ie(B.response || B)), s.selectable && _(B);
     }, H = async (B, I) => {
       if (I.every((F) => F.status === "success") && I.length === m.value.length) {
@@ -6225,12 +6227,12 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       elUploadRef: l,
       remove: X,
       download: Y,
-      selections: p,
+      selections: f,
       fileList: m
-    }), (B, I) => (f(), P("div", {
+    }), (B, I) => (p(), P("div", {
       class: J(["x-attachment", h.value])
     }, [
-      (f(), b(c(zn), O({
+      (p(), b(c(zn), O({
         ref_key: "elUploadRef",
         ref: l,
         key: i.value,
@@ -6242,7 +6244,7 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         "http-request": v
       }), {
         file: y(({ file: M }) => [
-          Z((f(), P("div", {
+          Z((p(), P("div", {
             class: J(["x-attachment__item", { "is-selected": V(M.response || M) }]),
             onClick: (F) => k(M.response || M)
           }, [
@@ -6255,12 +6257,12 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                 class: "el-upload-list__item-name",
                 title: (M.response || M).url
               }, [
-                M.name ? (f(), P("span", pa, L((M.response || M).name), 1)) : x("", !0),
-                N("span", fa, L((M.response || M).url), 1)
+                M.name ? (p(), P("span", fa, L((M.response || M).name), 1)) : x("", !0),
+                N("span", pa, L((M.response || M).url), 1)
               ], 8, da)
             ]),
-            w.value ? (f(), P("div", ma, [
-              s.previewable ? (f(), P("span", {
+            w.value ? (p(), P("div", ma, [
+              s.previewable ? (p(), P("span", {
                 key: 0,
                 onClick: (F) => K(M.response || M),
                 class: "el-upload-list__item-preview"
@@ -6272,7 +6274,7 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   _: 1
                 })
               ], 8, ga)) : x("", !0),
-              s.downloadable ? (f(), P("span", {
+              s.downloadable ? (p(), P("span", {
                 key: 1,
                 onClick: (F) => Y(M.response || M),
                 class: "el-upload-list__item-delete"
@@ -6284,7 +6286,7 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   _: 1
                 })
               ], 8, ha)) : x("", !0),
-              s.removable && !s.disabled ? (f(), P("span", {
+              s.removable && !s.disabled ? (p(), P("span", {
                 key: 2,
                 onClick: (F) => X(M),
                 class: "el-upload-list__item-delete"
@@ -6298,7 +6300,7 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               ], 8, va)) : x("", !0)
             ])) : x("", !0)
           ], 10, ra)), [
-            [c(f0), M.status === "ready" || M.status === "uploading"]
+            [c(p0), M.status === "ready" || M.status === "uploading"]
           ])
         ]),
         tip: y(() => [
@@ -6316,7 +6318,7 @@ const Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         ]),
         _: 3
       }, 16, ["file-list"])),
-      s.previewable && d.value ? (f(), b(c(En), {
+      s.previewable && d.value ? (p(), b(c(En), {
         key: 0,
         "hide-on-click-modal": "",
         teleported: "",
@@ -6373,7 +6375,7 @@ export {
   B0 as formInstanceKey,
   I0 as formModelKey,
   bo as formProps,
-  pe as getSizeValue,
+  fe as getSizeValue,
   E2 as headerProps,
   c2 as iconProps,
   r2 as iconSizeMap,