@vtj/ui 0.7.2 → 0.7.4

package/dist/index.mjs

@@ -1,4 +1,4 @@
-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 Z, normalizeStyle as fe, withCtx as d, renderSlot as x, resolveDynamicComponent as W, createCommentVNode as v, createElementBlock as C, mergeProps as F, createElementVNode as H, toDisplayString as O, Fragment as J, renderList as Y, isVNode as Ut, h as ae, shallowRef as Ve, ref as D, watch as L, toRef as Ae, createTextVNode as R, useSlots as Ht, toRaw as ge, createVNode as _, normalizeProps as le, guardReactiveProps as be, effectScope as mt, reactive as Re, onMounted as gt, onUnmounted as yt, watchEffect as Qe, nextTick as ye, Teleport as vt, withDirectives as G, createSlots as he, render as nt, vShow as ne, isRef as Be, withModifiers as bt, KeepAlive as Kt, provide as ze, inject as xe, withKeys as Lt } from "vue";
+import { defineComponent as P, useAttrs as Je, getCurrentInstance as pe, computed as y, markRaw as ke, openBlock as u, createBlock as g, unref as n, normalizeClass as W, normalizeStyle as fe, withCtx as d, renderSlot as x, resolveDynamicComponent as J, createCommentVNode as v, createElementBlock as C, mergeProps as F, createElementVNode as H, toDisplayString as O, Fragment as Q, renderList as Y, isVNode as Ut, h as ae, shallowRef as Ve, ref as D, watch as L, toRef as Ae, createTextVNode as R, useSlots as Ht, toRaw as ge, createVNode as _, normalizeProps as le, guardReactiveProps as be, effectScope as mt, reactive as Re, onMounted as gt, onUnmounted as yt, watchEffect as Qe, nextTick as ye, Teleport as vt, withDirectives as G, createSlots as he, render as nt, vShow as ne, isRef as Be, withModifiers as bt, KeepAlive as Kt, provide as ze, inject as xe, withKeys as Lt } from "vue";
 import { ElIcon as Wt, ElSubMenu as Jt, ElBadge as Ke, ElMenuItem as Qt, ElMenu as Zt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Yt, ElDropdownItem as qt, ElTooltip as ht, ElDivider as se, ElSwitch as Ze, ElInput as Ce, ElEmpty as _t, ElTabs as kt, ElTabPane as Le, ElPopover as wt, ElAvatar as eo, ElMessageBox as Ne, ElSelect as to, ElOption as oo, ElCheckboxButton as no, ElCheckbox as ao, ElCheckboxGroup as so, ElRadioButton as lo, ElRadio as io, ElRadioGroup as ro, ElInputNumber as co, ElDatePicker as at, ElTimePicker as uo, ElRate as po, ElSlider as fo, ElCascader as mo, formContextKey as go, ElFormItem as yo, ElForm as vo, ElImage as bo, ElInfiniteScroll as st, ElPagination as ho, ElDescriptions as lt, ElDescriptionsItem as Xe, ElMessage as it } from "element-plus";
 import { ArrowRight as _o, Minimize as ko, Popup as wo, Maximize as xo, RawClose as So, StarFilled as xt, Menu as zo, Search as We, Close as St, Expand as Co, Fold as To, Star as zt, Document as me, Refresh as $o, CopyDocument as Mo, Moon as Eo, Sunny as Io, MoreFilled as Bo, UserFilled as Po, HomeFilled as Vo, WarningFilled as Ao } from "@vtj/icons";
 import { useDraggable as Do, useMouseInElement as Ro, useEventListener as De, useElementSize as Ct, useDark as Oo, useResizeObserver as Fo, useVirtualList as jo } from "@vueuse/core";
@@ -8,10 +8,10 @@ import { useRouter as qe, RouterView as Lo, useRoute as Mt, routeLocationKey as
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/ui 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.1
+ * @version 0.7.4
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Da = "0.7.1", Jo = {
+const Aa = "0.7.4", Jo = {
   default: 14,
   small: 12,
   large: 18
@@ -55,7 +55,7 @@ function rt(a, o = {}) {
   const e = { ...o };
   return typeof a == "boolean" ? e : Object.assign(e, a || {});
 }
-const ct = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
+const ct = Symbol("INSTALLED_KEY"), Da = (a = []) => ({
   install: (e) => {
     e[ct] || (e[ct] = !0, a.forEach((t) => {
       t.name && e.component(t.name, t);
@@ -82,14 +82,14 @@ const ct = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
       padding: o.padding ? q(o.padding) : void 0
     })), i = y(() => typeof o.size == "number" ? o.size : Jo[o.size] ?? void 0);
     return (r, p) => (u(), g(n(Wt), {
-      class: Z(["x-icon", s.value]),
+      class: W(["x-icon", s.value]),
       color: o.color,
       size: i.value,
       style: fe(c.value)
     }, {
       default: d(() => [
         x(r.$slots, "default", {}, () => [
-          l.value ? (u(), g(W(l.value), { key: 0 })) : v("", !0),
+          l.value ? (u(), g(J(l.value), { key: 0 })) : v("", !0),
           o.src ? (u(), C("img", {
             key: 1,
             src: o.src
@@ -144,7 +144,7 @@ const ct = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
         ])
       ]),
       default: d(() => [
-        (u(!0), C(J, null, Y(s(o.item.children), (r) => (u(), g(n(Et), {
+        (u(!0), C(Q, null, Y(s(o.item.children), (r) => (u(), g(n(Et), {
           key: r.id,
           item: r,
           subMenu: o.subMenu,
@@ -208,7 +208,7 @@ const ct = Symbol("INSTALLED_KEY"), Ra = (a = []) => ({
     };
     return (i, r) => (u(), g(n(Zt), F({ class: "x-menu" }, i.$attrs, { onSelect: c }), {
       default: d(() => [
-        (u(!0), C(J, null, Y(l.value, (p) => (u(), g(n(Et), {
+        (u(!0), C(Q, null, Y(l.value, (p) => (u(), g(n(Et), {
           item: { ...p, icon: p.icon },
           defaultIcon: e.defaultIcon,
           subMenu: e.subMenu
@@ -410,10 +410,10 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       _: 1
     }, 16, ["icon", "type", "size", "disabled"])) : (u(), C("div", {
       key: 1,
-      class: Z(["x-action__inner", c.value]),
+      class: W(["x-action__inner", c.value]),
       onClick: i
     }, [
-      (u(), g(W(n(l)))),
+      (u(), g(J(n(l)))),
       r.label ? (u(), C("span", rn, O(r.label), 1)) : v("", !0)
     ], 2));
   }
@@ -455,9 +455,9 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       return c.value && (z = h(z)), i.value && (z = b(z)), s.value && (z = w(z)), z;
     });
     return (z, I) => (u(), C("div", {
-      class: Z(["x-action", p.value])
+      class: W(["x-action", p.value])
     }, [
-      (u(), g(W(M.value)))
+      (u(), g(J(M.value)))
     ], 2));
   }
 }), un = {
@@ -557,7 +557,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       align: "center"
     }, {
       default: d(() => [
-        (u(!0), C(J, null, Y(l.value, (p) => (u(), C(J, null, [
+        (u(!0), C(Q, null, Y(l.value, (p) => (u(), C(Q, null, [
           p === "|" ? (u(), g(n(se), {
             key: 0,
             direction: "vertical",
@@ -731,8 +731,8 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
         height: r ? q(r) : void 0
       };
     });
-    return (i, r) => (u(), g(W(o.tag), {
-      class: Z(["x-container", s.value]),
+    return (i, r) => (u(), g(J(o.tag), {
+      class: W(["x-container", s.value]),
       style: fe(c.value)
     }, {
       default: d(() => [
@@ -777,18 +777,18 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
       "is-pointer": !!t.onClick
     }));
     return (s, c) => (u(), g(n(E), {
-      class: Z(["x-header", l.value]),
+      class: W(["x-header", l.value]),
       justify: "space-between",
       align: "center"
     }, {
       default: d(() => [
         _(n(E), {
           align: "center",
-          class: Z(["x-header__wrapper", l.value]),
+          class: W(["x-header__wrapper", l.value]),
           grow: ""
         }, {
           default: d(() => [
-            n(e) ? (u(), g(W(n(e)), {
+            n(e) ? (u(), g(J(n(e)), {
               key: 0,
               class: "x-header__icon",
               onClick: n(t).onClickIcon || n(t).onClick
@@ -913,7 +913,7 @@ const rn = { key: 0 }, cn = /* @__PURE__ */ P({
     return o({
       bodyRef: t
     }), (i, r) => (u(), g(n(E), {
-      class: Z(["x-panel", l.value]),
+      class: W(["x-panel", l.value]),
       direction: "column",
       fit: e.fit,
       width: e.width,
@@ -1385,14 +1385,14 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
       submit: T,
       cancel: j,
       componentInstance: K
-    }), (Q, ee) => t.modelValue ? (u(), g(vt, {
+    }), (Z, ee) => t.modelValue ? (u(), g(vt, {
       key: 0,
       to: "body"
     }, [
       H("div", {
         ref_key: "wrapper",
         ref: c,
-        class: Z(["x-dialog__wrapper", n(w)])
+        class: W(["x-dialog__wrapper", n(w)])
       }, [
         t.modal ? (u(), C("div", {
           key: 0,
@@ -1413,12 +1413,12 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
           size: t.size,
           body: { padding: t.bodyPadding },
           onClick: n(I)
-        }, Q.$attrs), he({
+        }, Z.$attrs), he({
           title: d(() => [
             R(O(t.title), 1)
           ]),
           actions: d(() => [
-            x(Q.$slots, "actions"),
+            x(Z.$slots, "actions"),
             t.minimizable ? (u(), g(n(te), {
               key: 0,
               icon: n(ko),
@@ -1428,7 +1428,7 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
               background: "hover",
               onClick: ee[0] || (ee[0] = (ue) => n(z)("minimized"))
             }, null, 8, ["icon", "size"])) : v("", !0),
-            t.maximizable ? (u(), C(J, { key: 1 }, [
+            t.maximizable ? (u(), C(Q, { key: 1 }, [
               n(m) ? (u(), g(n(te), {
                 key: 1,
                 icon: n(xo),
@@ -1458,8 +1458,8 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
             }, null, 8, ["icon", "size", "onClick"])) : v("", !0)
           ]),
           default: d(() => [
-            x(Q.$slots, "default", {}, () => [
-              t.content ? (u(), g(W(t.content), { key: 0 })) : v("", !0),
+            x(Z.$slots, "default", {}, () => [
+              t.content ? (u(), g(J(t.content), { key: 0 })) : v("", !0),
               t.src ? (u(), C("iframe", {
                 key: 1,
                 src: t.src,
@@ -1469,19 +1469,19 @@ const xn = ["src"], tt = /* @__PURE__ */ P({
           ]),
           _: 2
         }, [
-          t.cancel || t.submit || Q.$slots.footer || Q.$slots.extra || Q.$slots.handle ? {
+          t.cancel || t.submit || Z.$slots.footer || Z.$slots.extra || Z.$slots.handle ? {
             name: "footer",
             fn: d(() => [
-              x(Q.$slots, "footer", {}, () => [
+              x(Z.$slots, "footer", {}, () => [
                 _(n(E), { align: "center" }, {
                   default: d(() => [
-                    x(Q.$slots, "extra")
+                    x(Z.$slots, "extra")
                   ]),
                   _: 3
                 }),
                 _(n(E), { align: "center" }, {
                   default: d(() => [
-                    x(Q.$slots, "handle"),
+                    x(Z.$slots, "handle"),
                     t.cancel ? (u(), g(n(ie), {
                       key: 0,
                       type: "default",
@@ -1540,7 +1540,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
   setup(a) {
     const o = a;
     return (e, t) => G((u(), g(n(E), {
-      class: Z(["x-mask-sidebar", { "is-collapsed": o.collapsed }]),
+      class: W(["x-mask-sidebar", { "is-collapsed": o.collapsed }]),
       grow: !1,
       flex: "",
       direction: "column"
@@ -1639,7 +1639,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
           _: 1
         })),
         _(n(E), {
-          class: Z(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
+          class: W(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
           flex: "",
           align: "center",
           justify: "center"
@@ -1692,7 +1692,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
       o.url && e.push(o.url);
     };
     return (l, s) => (u(), g(n(E), {
-      class: Z(["x-mask-brand", { "is-collapsed": o.collapsed }]),
+      class: W(["x-mask-brand", { "is-collapsed": o.collapsed }]),
       align: "center"
     }, {
       default: d(() => [
@@ -1776,7 +1776,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
     }), r = (p) => {
       l("select", p);
     };
-    return (p, f) => (u(), C(J, null, [
+    return (p, f) => (u(), C(Q, null, [
       G(_(n(E), {
         class: "x-mask-menu",
         grow: "",
@@ -2094,13 +2094,13 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
             }, {
               label: d(() => [
                 H("div", Vn, [
-                  e.home.icon ? (u(), g(W(n(_e)(e.home.icon)), { key: 0 })) : v("", !0),
+                  e.home.icon ? (u(), g(J(n(_e)(e.home.icon)), { key: 0 })) : v("", !0),
                   e.home.title ? (u(), C("span", An, O(e.home.title), 1)) : v("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["name"])) : v("", !0),
-            (u(!0), C(J, null, Y(e.tabs, (h) => (u(), g(n(Le), {
+            (u(!0), C(Q, null, Y(e.tabs, (h) => (u(), g(n(Le), {
               key: h.id,
               name: h.id,
               lazy: "",
@@ -2121,7 +2121,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
                       onDragstart: (b) => r(h, b),
                       onDragend: (b) => p(h, b)
                     }, [
-                      h.icon ? (u(), g(W(n(_e)(h.icon)), { key: 0 })) : v("", !0),
+                      h.icon ? (u(), g(J(n(_e)(h.icon)), { key: 0 })) : v("", !0),
                       h.title ? (u(), C("span", Rn, O(h.title), 1)) : v("", !0)
                     ], 40, Dn)
                   ]),
@@ -2310,7 +2310,7 @@ const Sn = /* @__PURE__ */ H("div", { class: "x-mask-sidebar__helper" }, null, -
             (u(), g(Kt, {
               exclude: o.exclude
             }, [
-              l ? (u(), g(W(o.createView(l, s)), {
+              l ? (u(), g(J(o.createView(l, s)), {
                 key: s.fullPath
               })) : v("", !0)
             ], 1032, ["exclude"]))
@@ -2440,7 +2440,7 @@ function Ln(a, o, e, t, l) {
       return;
     const A = r.value;
     return r.value = [], B(l.value), A;
-  }, Q = async () => {
+  }, Z = async () => {
     if (!await Ne.confirm("是否关闭其他页签", "提示", {
       type: "warning"
     }).catch(() => !1))
@@ -2477,7 +2477,7 @@ function Ln(a, o, e, t, l) {
     activeTab: B,
     dropdownTabs: b,
     removeAllTabs: ce,
-    removeOtherTabs: Q,
+    removeOtherTabs: Z,
     moveToShow: ee
   };
 }
@@ -2588,7 +2588,7 @@ const Jn = /* @__PURE__ */ P({
       removeOtherTabs: U,
       dropdownTabs: K,
       moveToShow: ce
-    } = Ln(e, t, f, m, l), { createView: Q, openDialog: ee, refresh: ue, exclude: $, cleanCache: A, closeDialogs: N } = Wn({
+    } = Ln(e, t, f, m, l), { createView: Z, openDialog: ee, refresh: ue, exclude: $, cleanCache: A, closeDialogs: N } = Wn({
       tabs: S,
       updateTab: B,
       isCurrentTab: T,
@@ -2614,20 +2614,20 @@ const Jn = /* @__PURE__ */ P({
       active: m,
       currentTab: z
     }), (X, oe) => (u(), g(n(E), {
-      class: Z(["x-mask", { "is-disabled": e.disabled }]),
+      class: W(["x-mask", { "is-disabled": e.disabled }]),
       fit: ""
     }, {
       default: d(() => [
         e.disabled ? (u(), g(ft, {
           key: 1,
-          createView: n(Q),
+          createView: n(Z),
           exclude: n($)
         }, {
           default: d(() => [
             X.$slots.default ? x(X.$slots, "default", { key: 0 }) : v("", !0)
           ]),
           _: 3
-        }, 8, ["createView", "exclude"])) : (u(), C(J, { key: 0 }, [
+        }, 8, ["createView", "exclude"])) : (u(), C(Q, { key: 0 }, [
           _(zn, { collapsed: n(s) }, {
             brand: d(() => [
               _(Mn, {
@@ -2716,7 +2716,7 @@ const Jn = /* @__PURE__ */ P({
                 _: 3
               }),
               _(ft, {
-                createView: n(Q),
+                createView: n(Z),
                 exclude: n($)
               }, {
                 default: d(() => [
@@ -2733,7 +2733,7 @@ const Jn = /* @__PURE__ */ P({
     }, 8, ["class"]));
   }
 });
-function Oa(a = {}) {
+function Ra(a = {}) {
   const o = Mt(), e = xe(Vt, null), t = xe(At, null);
   if (e) {
     const s = typeof a == "function" ? a : async () => a;
@@ -2753,7 +2753,7 @@ const Qn = /* @__PURE__ */ P({
     const o = a;
     return (e, t) => (u(), g(n(to), le(be(e.$attrs)), {
       default: d(() => [
-        (u(!0), C(J, null, Y(o.options, (l, s) => (u(), g(n(oo), F({
+        (u(!0), C(Q, null, Y(o.options, (l, s) => (u(), g(n(oo), F({
           key: `item_${s}_${l.value}`
         }, l), he({ _: 2 }, [
           e.$slots.option ? {
@@ -2780,7 +2780,7 @@ const Qn = /* @__PURE__ */ P({
     );
     return (t, l) => (u(), g(n(so), le(be(t.$attrs)), {
       default: d(() => [
-        (u(!0), C(J, null, Y(o.options, (s, c) => (u(), g(W(e.value), {
+        (u(!0), C(Q, null, Y(o.options, (s, c) => (u(), g(J(e.value), {
           key: `item_${c}_${s.value}`,
           label: s.value
         }, {
@@ -2805,7 +2805,7 @@ const Qn = /* @__PURE__ */ P({
     );
     return (t, l) => (u(), g(n(ro), le(be(t.$attrs)), {
       default: d(() => [
-        (u(!0), C(J, null, Y(o.options, (s, c) => (u(), g(W(e.value), {
+        (u(!0), C(Q, null, Y(o.options, (s, c) => (u(), g(J(e.value), {
           key: `item_${c}_${s.value}`,
           label: s.value
         }, {
@@ -2995,6 +2995,12 @@ const Qn = /* @__PURE__ */ P({
    */
   tip: {
     type: String
+  },
+  /**
+   * 表单项内容采用inline布局
+   */
+  inline: {
+    type: Boolean
   }
 };
 async function qn(a, o) {
@@ -3045,7 +3051,7 @@ function ea(a, o, e, t, l) {
 const ta = {
   key: 1,
   class: "el-form-item__error"
-}, oa = { class: "x-field__editor_wrap" }, na = {
+}, oa = {
   key: 0,
   class: "x-field__tip"
 }, Ot = /* @__PURE__ */ P({
@@ -3146,9 +3152,11 @@ const ta = {
         ])
       ]),
       default: d(() => [
-        H("div", oa, [
+        H("div", {
+          class: W(["x-field__editor_wrap", { "is-inline": t.inline }])
+        }, [
           x(k.$slots, "editor", { editor: B.value }, () => [
-            n(m).component ? (u(), g(W(n(m).component), F({
+            n(m).component ? (u(), g(J(n(m).component), F({
               key: 0,
               class: "x-field__editor",
               ref_key: "editorRef",
@@ -3165,12 +3173,12 @@ const ta = {
               } : void 0
             ]), 1040, ["modelValue"])) : v("", !0)
           ]),
-          t.tip || k.$slots.tip ? (u(), C("div", na, [
+          t.tip || k.$slots.tip ? (u(), C("div", oa, [
             x(k.$slots, "tip", {}, () => [
               R(O(t.tip), 1)
             ])
           ])) : v("", !0)
-        ]),
+        ], 2),
         x(k.$slots, "default")
       ]),
       _: 2
@@ -3184,7 +3192,7 @@ const ta = {
       } : void 0
     ]), 1040, ["prop", "label", "size", "class", "style"])) : v("", !0);
   }
-}), aa = {
+}), na = {
   /**
    * 表单模型
    */
@@ -3243,7 +3251,7 @@ const ta = {
 }, Ft = Symbol("formInstanceKey"), jt = Symbol("formModelKey"), Nt = /* @__PURE__ */ P({
   name: "XForm",
   __name: "Form",
-  props: aa,
+  props: na,
   emits: ["change", "submit", "reset"],
   setup(a, { expose: o, emit: e }) {
     const t = a, l = e, s = pe(), c = D(), i = Re(t.model || {}), r = D(!1);
@@ -3316,7 +3324,7 @@ const ta = {
       _: 3
     }, 16, ["inline", "model"]));
   }
-}), sa = {
+}), aa = {
   modelValue: {
     type: Boolean,
     default: !0
@@ -3353,10 +3361,10 @@ const ta = {
   submitMethod: {
     type: Function
   }
-}, la = /* @__PURE__ */ P({
+}, sa = /* @__PURE__ */ P({
   name: "XDialogForm",
   __name: "DialogForm",
-  props: sa,
+  props: aa,
   emits: ["update:modelValue", "submit", "close"],
   setup(a, { expose: o, emit: e }) {
     const t = a, l = e, s = D(), c = D(), i = y(() => c.value?.$vtjEl), r = () => {
@@ -3430,7 +3438,7 @@ const ta = {
       } : void 0
     ]), 1040, ["model-value", "submit", "cancel", "size"]));
   }
-}), ia = {
+}), la = {
   items: {
     type: Array,
     default() {
@@ -3440,10 +3448,10 @@ const ta = {
   border: {
     type: Boolean
   }
-}, ra = /* @__PURE__ */ P({
+}, ia = /* @__PURE__ */ P({
   name: "XTabs",
   __name: "Tabs",
-  props: ia,
+  props: la,
   setup(a) {
     const o = a, e = (l) => {
       const { label: s, name: c, value: i, disabled: r, closable: p, lazy: f } = l;
@@ -3461,12 +3469,12 @@ const ta = {
       class: ["x-tabs", t.value]
     }, l.$attrs), {
       default: d(() => [
-        (u(!0), C(J, null, Y(o.items, (c) => (u(), g(n(Le), F({
+        (u(!0), C(Q, null, Y(o.items, (c) => (u(), g(n(Le), F({
           key: c.value ?? c.name
         }, e(c)), {
           label: d(() => [
             x(l.$slots, "label", le(be(c)), () => [
-              c.icon ? (u(), g(W(n(_e)(c.icon)), {
+              c.icon ? (u(), g(J(n(_e)(c.icon)), {
                 key: 0,
                 class: "x-tabs__icon"
               })) : v("", !0),
@@ -3475,7 +3483,7 @@ const ta = {
           ]),
           default: d(() => [
             x(l.$slots, "default", le(be(c)), () => [
-              c.component ? (u(), g(W(c.component), le(F({ key: 0 }, c.props)), null, 16)) : v("", !0)
+              c.component ? (u(), g(J(c.component), le(F({ key: 0 }, c.props)), null, 16)) : v("", !0)
             ])
           ]),
           _: 2
@@ -3484,7 +3492,7 @@ const ta = {
       _: 3
     }, 16, ["class"]));
   }
-}), ca = {
+}), ra = {
   direction: {
     type: String,
     default: "column"
@@ -3522,19 +3530,19 @@ const ta = {
   onTitleClick: {
     type: Function
   }
-}, ua = { class: "x-data-item__title" }, da = {
+}, ca = { class: "x-data-item__title" }, ua = {
   key: 1,
   class: "x-data-item__section x-data-item__desc"
-}, pa = {
+}, da = {
   key: 2,
   class: "x-data-item__section x-data-item__extra"
-}, fa = {
+}, pa = {
   key: 3,
   class: "x-data-item__section x-data-item__actions"
-}, ma = /* @__PURE__ */ P({
+}, fa = /* @__PURE__ */ P({
   name: "XDataItem",
   __name: "DataItem",
-  props: ca,
+  props: ra,
   emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
   setup(a, { emit: o }) {
     const e = a, t = o, l = y(() => {
@@ -3555,7 +3563,7 @@ const ta = {
       ...e.actionBarProps
     })), i = () => t("imageClick"), r = () => t("titleClick"), p = (m) => t("actionClick", m), f = (m, h) => t("actionCommand", m, h);
     return (m, h) => (u(), g(n(E), {
-      class: Z(["x-data-item", s.value]),
+      class: W(["x-data-item", s.value]),
       direction: e.direction
     }, {
       default: d(() => [
@@ -3591,11 +3599,11 @@ const ta = {
               onClick: e.onTitleClick ? r : void 0
             }, {
               default: d(() => [
-                e.icon ? (u(), g(W(n(_e)(e.icon)), {
+                e.icon ? (u(), g(J(n(_e)(e.icon)), {
                   key: 0,
                   class: "x-data-item__icon"
                 })) : v("", !0),
-                H("span", ua, [
+                H("span", ca, [
                   x(m.$slots, "title", {}, () => [
                     R(O(e.title), 1)
                   ])
@@ -3603,15 +3611,15 @@ const ta = {
               ]),
               _: 3
             }, 8, ["onClick"])) : v("", !0),
-            e.description || m.$slots.description ? (u(), C("div", da, [
+            e.description || m.$slots.description ? (u(), C("div", ua, [
               x(m.$slots, "description", {}, () => [
                 R(O(e.description), 1)
               ])
             ])) : v("", !0),
-            m.$slots.default ? (u(), C("div", pa, [
+            m.$slots.default ? (u(), C("div", da, [
               x(m.$slots, "default")
             ])) : v("", !0),
-            e.actions || e.actionBarProps || m.$slots.actions ? (u(), C("div", fa, [
+            e.actions || e.actionBarProps || m.$slots.actions ? (u(), C("div", pa, [
               x(m.$slots, "actions", {}, () => [
                 _(n(Oe), F(c.value, {
                   onClick: p,
@@ -3626,7 +3634,7 @@ const ta = {
       _: 3
     }, 8, ["direction", "class"]));
   }
-}), ga = {
+}), ma = {
   option: {
     type: Object
   },
@@ -3639,13 +3647,13 @@ const ta = {
     default: "400px"
   }
 };
-function ya() {
+function ga() {
   return import("echarts");
 }
-function va(a, o) {
+function ya(a, o) {
   const e = D(), t = Ve();
   return gt(async () => {
-    t.value = await ya();
+    t.value = await ga();
     const l = n(a);
     l && (e.value || (e.value = ke(t.value.init(l))), e.value && e.value.setOption(o.option || {}));
   }), yt(() => {
@@ -3666,12 +3674,12 @@ function va(a, o) {
     echarts: t
   };
 }
-const ba = /* @__PURE__ */ P({
+const va = /* @__PURE__ */ P({
   name: "XChart",
   __name: "Chart",
-  props: ga,
+  props: ma,
   setup(a, { expose: o }) {
-    const e = a, t = D(), { echartsInstance: l, echarts: s } = va(t, e), c = y(() => ({
+    const e = a, t = D(), { echartsInstance: l, echarts: s } = ya(t, e), c = y(() => ({
       width: q(e.width),
       height: q(e.height)
     }));
@@ -3685,7 +3693,7 @@ const ba = /* @__PURE__ */ P({
       style: fe(c.value)
     }, null, 4));
   }
-}), ha = {
+}), ba = {
   data: {
     type: [Object, Function],
     default() {
@@ -3723,25 +3731,25 @@ const ba = /* @__PURE__ */ P({
   infiniteScroll: {
     type: [Boolean, Object]
   }
-}, _a = {
+}, ha = {
   key: 0,
   class: "x-list__loading"
-}, ka = {
+}, _a = {
   key: 1,
   class: "x-list__nomore"
-}, wa = {
+}, ka = {
   key: 0,
   class: "x-list__loading"
-}, xa = {
+}, wa = {
   key: 1,
   class: "x-list__nomore"
-}, Sa = {
+}, xa = {
   key: 1,
   class: "x-list__pager"
-}, za = /* @__PURE__ */ P({
+}, Sa = /* @__PURE__ */ P({
   name: "XList",
   __name: "List",
-  props: ha,
+  props: ba,
   emits: ["load"],
   setup(a, { expose: o, emit: e }) {
     const t = a, l = e, s = Re({
@@ -3790,7 +3798,7 @@ const ba = /* @__PURE__ */ P({
       data: c,
       getKey: B
     }), (T, j) => (u(), C("div", {
-      class: Z(["x-list", h.value]),
+      class: W(["x-list", h.value]),
       style: fe(m.value)
     }, [
       !n(c).total && !n(i) ? x(T.$slots, "empty", { key: 0 }, () => [
@@ -3803,17 +3811,17 @@ const ba = /* @__PURE__ */ P({
           ref_key: "wrapperRef",
           ref: f
         }, { ...n(I), ...b.value }), [
-          (u(!0), C(J, null, Y(n(M), (k, U) => x(T.$slots, "default", le(F({
+          (u(!0), C(Q, null, Y(n(M), (k, U) => x(T.$slots, "default", le(F({
             key: B(k.data)
           }, { item: k.data, index: U })), () => [
             H("div", null, O(k), 1)
           ])), 128)),
-          n(i) ? (u(), C("div", _a, [
+          n(i) ? (u(), C("div", ha, [
             x(T.$slots, "loading", {}, () => [
               R(" 正在加载数据... ")
             ])
           ])) : v("", !0),
-          p.value ? (u(), C("div", ka, [
+          p.value ? (u(), C("div", _a, [
             x(T.$slots, "nomore", {}, () => [
               R(" 没有更多数据 ")
             ])
@@ -3824,17 +3832,17 @@ const ba = /* @__PURE__ */ P({
           key: 1,
           class: "x-list__wrapper"
         }, b.value), [
-          (u(!0), C(J, null, Y(n(c).list, (k, U) => x(T.$slots, "default", le(F({
+          (u(!0), C(Q, null, Y(n(c).list, (k, U) => x(T.$slots, "default", le(F({
             key: B(k)
           }, { item: k, index: U })), () => [
             H("div", null, O(k), 1)
           ])), 128)),
-          n(i) ? (u(), C("div", wa, [
+          n(i) ? (u(), C("div", ka, [
             x(T.$slots, "loading", {}, () => [
               R(" 正在加载数据... ")
             ])
           ])) : v("", !0),
-          p.value ? (u(), C("div", xa, [
+          p.value ? (u(), C("div", wa, [
             x(T.$slots, "nomore", {}, () => [
               R(" 没有更多数据 ")
             ])
@@ -3843,7 +3851,7 @@ const ba = /* @__PURE__ */ P({
           [n(st), S]
         ])
       ], 16),
-      t.pager ? (u(), C("div", Sa, [
+      t.pager ? (u(), C("div", xa, [
         _(n(ho), F({
           small: "",
           background: "",
@@ -3859,7 +3867,7 @@ const ba = /* @__PURE__ */ P({
       ])) : v("", !0)
     ], 6));
   }
-}), Ca = {
+}), za = {
   stringProp: {
     type: String
   },
@@ -3890,10 +3898,10 @@ const ba = /* @__PURE__ */ P({
   syncProp: {
     type: String
   }
-}, Ta = { class: "x-test__slot" }, $a = { class: "x-test__slot" }, Ma = /* @__PURE__ */ P({
+}, Ca = { class: "x-test__slot" }, Ta = { class: "x-test__slot" }, $a = /* @__PURE__ */ P({
   name: "XTest",
   __name: "Test",
-  props: Ca,
+  props: za,
   emits: ["click", "submit", "change", "update:modelValue", "update:syncProp"],
   setup(a, { expose: o, emit: e }) {
     const t = a, l = e, s = y(() => Object.entries(t)), c = y({
@@ -3957,7 +3965,7 @@ const ba = /* @__PURE__ */ P({
           border: ""
         }, {
           default: d(() => [
-            (u(!0), C(J, null, Y(s.value, ([M, z]) => (u(), g(n(Xe), { label: M }, {
+            (u(!0), C(Q, null, Y(s.value, ([M, z]) => (u(), g(n(Xe), { label: M }, {
               default: d(() => [
                 H("pre", null, O(JSON.stringify(z, null, 2)), 1)
               ]),
@@ -3984,7 +3992,7 @@ const ba = /* @__PURE__ */ P({
               card: ""
             }, {
               default: d(() => [
-                H("div", Ta, [
+                H("div", Ca, [
                   x(b.$slots, "default", {
                     props: t,
                     data: r.value
@@ -4001,7 +4009,7 @@ const ba = /* @__PURE__ */ P({
               card: ""
             }, {
               default: d(() => [
-                H("div", $a, [
+                H("div", Ta, [
                   x(b.$slots, "extra", {
                     props: t,
                     data: r.value
@@ -4085,7 +4093,7 @@ const ba = /* @__PURE__ */ P({
       _: 3
     }));
   }
-}), Fa = [
+}), Oa = [
   re,
   de,
   te,
@@ -4097,12 +4105,12 @@ const ba = /* @__PURE__ */ P({
   Jn,
   Ot,
   Nt,
-  la,
-  ra,
-  ma,
-  ba,
-  za,
-  Ma
+  sa,
+  ia,
+  fa,
+  va,
+  Sa,
+  $a
 ];
 export {
   dt as Draggable,
@@ -4111,50 +4119,50 @@ export {
   pt as Resizable,
   Vt as TAB_CREATORS_KEY,
   Bn as TAB_ITEM_WIDTH,
-  Da as VTJ_UI_VERSION,
+  Aa as VTJ_UI_VERSION,
   te as XAction,
   Oe as XActionBar,
-  ba as XChart,
+  va as XChart,
   E as XContainer,
-  ma as XDataItem,
+  fa as XDataItem,
   tt as XDialog,
-  la as XDialogForm,
+  sa as XDialogForm,
   Ot as XField,
   Nt as XForm,
   Bt as XHeader,
   re as XIcon,
-  za as XList,
+  Sa as XList,
   Jn as XMask,
   de as XMenu,
   Se as XPanel,
-  ra as XTabs,
-  Ma as XTest,
+  ia as XTabs,
+  $a as XTest,
   un as actionBarProps,
   It as actionProps,
   Rt as builtinFieldEditors,
-  ga as chartProps,
-  Fa as components,
+  ma as chartProps,
+  Oa as components,
   dn as containerProps,
   ot as createDialog,
-  ca as dataItemProps,
-  Oa as defineTab,
-  sa as dialogFormProps,
+  ra as dataItemProps,
+  Ra as defineTab,
+  aa as dialogFormProps,
   yn as dialogProps,
   Yn as fieldProps,
   Ft as formInstanceKey,
   jt as formModelKey,
-  aa as formProps,
+  na as formProps,
   q as getSizeValue,
   pn as headerProps,
   Qo as iconProps,
   Jo as iconSizeMap,
-  ha as listProps,
-  Ra as makeInstaller,
+  ba as listProps,
+  Da as makeInstaller,
   Pn as maskProps,
   mn as panelProps,
   Me as parseSize,
-  ia as tabsProps,
-  Ca as testProps,
+  la as tabsProps,
+  za as testProps,
   rt as toObjectProps,
   et as useDisabled,
   _e as useIcon,