@cghbcf/xp-ui 1.1.0 → 1.2.0

package/dist/cghbcf-xp-ui.es.js

@@ -1,13 +1,13 @@
-import { ref as z, openBlock as a, createBlock as R, Transition as D, withCtx as E, createElementBlock as r, normalizeClass as B, createElementVNode as o, toDisplayString as k, renderSlot as b, createTextVNode as W, createCommentVNode as g, computed as M, normalizeStyle as T, onUnmounted as ie, Teleport as H, createVNode as A, withModifiers as j, Fragment as _, renderList as V, watch as re, onMounted as de, onBeforeUnmount as Q, nextTick as ue, inject as _e, provide as ke, reactive as $e, unref as ce, TransitionGroup as we } from "vue";
-const C = (e, n) => {
+import { ref as S, openBlock as i, createBlock as R, Transition as A, withCtx as j, createElementBlock as a, normalizeClass as B, createElementVNode as n, toDisplayString as b, renderSlot as y, createTextVNode as H, createCommentVNode as x, computed as z, normalizeStyle as T, onUnmounted as re, Teleport as J, createVNode as E, withModifiers as D, Fragment as k, renderList as V, watch as ae, onMounted as de, onBeforeUnmount as Q, nextTick as ue, inject as ke, provide as be, reactive as we, unref as ce, TransitionGroup as $e } from "vue";
+const C = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [s, l] of n)
+  for (const [s, l] of o)
     t[s] = l;
   return t;
-}, Ce = { class: "xp-alert__icon" }, Se = { class: "xp-alert__content" }, ze = { class: "xp-alert__title" }, Be = {
+}, Ce = { class: "xp-alert__icon" }, Me = { class: "xp-alert__content" }, Se = { class: "xp-alert__title" }, Be = {
   key: 0,
   class: "xp-alert__description"
-}, Me = {
+}, ze = {
   __name: "Alert",
   props: {
     title: {
@@ -34,8 +34,8 @@ const C = (e, n) => {
     }
   },
   emits: ["close"],
-  setup(e, { emit: n }) {
-    const t = n, s = z(!0), l = {
+  setup(e, { emit: o }) {
+    const t = o, s = S(!0), l = {
       success: "✓",
       warning: "!",
       danger: "×",
@@ -43,9 +43,9 @@ const C = (e, n) => {
     }, u = () => {
       s.value = !1, t("close");
     };
-    return (d, x) => (a(), R(D, { name: "xp-alert-fade" }, {
-      default: E(() => [
-        s.value ? (a(), r("div", {
+    return (d, v) => (i(), R(A, { name: "xp-alert-fade" }, {
+      default: j(() => [
+        s.value ? (i(), a("div", {
           key: 0,
           class: B(["xp-alert", [
             `xp-alert--${e.type}`,
@@ -54,34 +54,34 @@ const C = (e, n) => {
           ]]),
           role: "alert"
         }, [
-          o("span", Ce, k(l[e.type]), 1),
-          o("div", Se, [
-            o("span", ze, [
-              b(d.$slots, "default", {}, () => [
-                W(k(e.title), 1)
+          n("span", Ce, b(l[e.type]), 1),
+          n("div", Me, [
+            n("span", Se, [
+              y(d.$slots, "default", {}, () => [
+                H(b(e.title), 1)
               ], !0)
             ]),
-            d.$slots.default ? (a(), r("p", Be, [
-              b(d.$slots, "default", {}, void 0, !0)
-            ])) : g("", !0)
+            d.$slots.default ? (i(), a("p", Be, [
+              y(d.$slots, "default", {}, void 0, !0)
+            ])) : x("", !0)
           ]),
-          e.closable ? (a(), r("i", {
+          e.closable ? (i(), a("i", {
             key: 0,
             class: "xp-alert__close-btn",
             onClick: u
-          }, "×")) : g("", !0)
-        ], 2)) : g("", !0)
+          }, "×")) : x("", !0)
+        ], 2)) : x("", !0)
       ]),
       _: 3
     }));
   }
-}, Ie = /* @__PURE__ */ C(Me, [["__scopeId", "data-v-91d792bd"]]), Te = ["src", "alt"], Ve = {
+}, Ie = /* @__PURE__ */ C(ze, [["__scopeId", "data-v-91d792bd"]]), Te = ["src", "alt"], Ve = {
   key: 1,
   class: "xp-avatar__slot"
-}, Ee = {
+}, je = {
   key: 2,
   class: "xp-avatar__text"
-}, Ae = {
+}, Ee = {
   __name: "Avatar",
   props: {
     src: {
@@ -108,14 +108,14 @@ const C = (e, n) => {
     }
   },
   emits: ["error"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = z(!1), u = M(() => ({
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = S(!1), u = z(() => ({
       backgroundColor: t.src ? "transparent" : "var(--xp-color-primary-bg)",
       color: t.src ? void 0 : "var(--xp-color-primary)"
     })), d = () => {
       l.value = !0, s("error");
     };
-    return (x, m) => (a(), r("span", {
+    return (v, h) => (i(), a("span", {
       class: B(["xp-avatar", [
         `xp-avatar--${e.shape}`,
         `xp-avatar--${e.size}`,
@@ -123,17 +123,17 @@ const C = (e, n) => {
       ]]),
       style: T(u.value)
     }, [
-      e.src && !l.value ? (a(), r("img", {
+      e.src && !l.value ? (i(), a("img", {
         key: 0,
         src: e.src,
         alt: e.alt,
         onError: d
-      }, null, 40, Te)) : x.$slots.default ? (a(), r("span", Ve, [
-        b(x.$slots, "default", {}, void 0, !0)
-      ])) : (a(), r("span", Ee, k(e.alt || "A"), 1))
+      }, null, 40, Te)) : v.$slots.default ? (i(), a("span", Ve, [
+        y(v.$slots, "default", {}, void 0, !0)
+      ])) : (i(), a("span", je, b(e.alt || "A"), 1))
     ], 6));
   }
-}, De = /* @__PURE__ */ C(Ae, [["__scopeId", "data-v-a9a54bc5"]]), je = { key: 0 }, Ne = {
+}, Ae = /* @__PURE__ */ C(Ee, [["__scopeId", "data-v-a9a54bc5"]]), De = { key: 0 }, Ne = {
   __name: "Badge",
   props: {
     value: {
@@ -159,20 +159,20 @@ const C = (e, n) => {
     }
   },
   setup(e) {
-    const n = e, t = M(() => typeof n.value == "number" && n.value > n.max ? `${n.max}+` : n.value), s = M(() => n.value !== 0 && n.value !== "" && n.value !== null && n.value !== void 0);
-    return (l, u) => (a(), r("div", {
+    const o = e, t = z(() => typeof o.value == "number" && o.value > o.max ? `${o.max}+` : o.value), s = z(() => o.value !== 0 && o.value !== "" && o.value !== null && o.value !== void 0);
+    return (l, u) => (i(), a("div", {
       class: B(["xp-badge", { "xp-badge--dot": e.isDot, "xp-badge--hidden": e.hidden }])
     }, [
-      b(l.$slots, "default", {}, void 0, !0),
-      !e.hidden && (e.isDot || s.value) ? (a(), r("sup", {
+      y(l.$slots, "default", {}, void 0, !0),
+      !e.hidden && (e.isDot || s.value) ? (i(), a("sup", {
         key: 0,
         class: B(["xp-badge__content", [
           `xp-badge__content--${e.type}`,
           { "xp-badge__content--dot": e.isDot }
         ]])
       }, [
-        e.isDot ? g("", !0) : (a(), r("span", je, k(t.value), 1))
-      ], 2)) : g("", !0)
+        e.isDot ? x("", !0) : (i(), a("span", De, b(t.value), 1))
+      ], 2)) : x("", !0)
     ], 2));
   }
 }, Fe = /* @__PURE__ */ C(Ne, [["__scopeId", "data-v-207db6dd"]]), Re = ["disabled"], Oe = {
@@ -209,11 +209,11 @@ const C = (e, n) => {
     }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = (u) => {
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = (u) => {
       !t.disabled && !t.loading && s("click", u);
     };
-    return (u, d) => (a(), r("button", {
+    return (u, d) => (i(), a("button", {
       class: B(["xp-button", [
         `xp-button--${e.type}`,
         `xp-button--${e.size}`,
@@ -227,19 +227,19 @@ const C = (e, n) => {
       disabled: e.disabled || e.loading,
       onClick: l
     }, [
-      e.loading ? (a(), r("span", Oe)) : g("", !0),
-      o("span", Xe, [
-        b(u.$slots, "default", {}, void 0, !0)
+      e.loading ? (i(), a("span", Oe)) : x("", !0),
+      n("span", Xe, [
+        y(u.$slots, "default", {}, void 0, !0)
       ])
     ], 10, Re));
   }
 }, K = /* @__PURE__ */ C(Le, [["__scopeId", "data-v-9c6bc634"]]), Pe = {
   key: 0,
   class: "xp-card__header"
-}, We = { class: "xp-card__title" }, Je = {
+}, He = { class: "xp-card__title" }, We = {
   key: 0,
   class: "xp-card__extra"
-}, He = { class: "xp-card__body" }, Ue = {
+}, Je = { class: "xp-card__body" }, Ue = {
   key: 1,
   class: "xp-card__footer"
 }, Ge = {
@@ -264,7 +264,7 @@ const C = (e, n) => {
     }
   },
   setup(e) {
-    return (n, t) => (a(), r("div", {
+    return (o, t) => (i(), a("div", {
       class: B(["xp-card", [
         `xp-card--${e.shadow}`,
         {
@@ -273,20 +273,20 @@ const C = (e, n) => {
         }
       ]])
     }, [
-      e.title || n.$slots.header ? (a(), r("div", Pe, [
-        b(n.$slots, "header", {}, () => [
-          o("h3", We, k(e.title), 1)
+      e.title || o.$slots.header ? (i(), a("div", Pe, [
+        y(o.$slots, "header", {}, () => [
+          n("h3", He, b(e.title), 1)
         ], !0),
-        n.$slots.extra ? (a(), r("div", Je, [
-          b(n.$slots, "extra", {}, void 0, !0)
-        ])) : g("", !0)
-      ])) : g("", !0),
-      o("div", He, [
-        b(n.$slots, "default", {}, void 0, !0)
+        o.$slots.extra ? (i(), a("div", We, [
+          y(o.$slots, "extra", {}, void 0, !0)
+        ])) : x("", !0)
+      ])) : x("", !0),
+      n("div", Je, [
+        y(o.$slots, "default", {}, void 0, !0)
       ]),
-      n.$slots.footer ? (a(), r("div", Ue, [
-        b(n.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      o.$slots.footer ? (i(), a("div", Ue, [
+        y(o.$slots, "footer", {}, void 0, !0)
+      ])) : x("", !0)
     ], 2));
   }
 }, qe = /* @__PURE__ */ C(Ge, [["__scopeId", "data-v-e65cbe05"]]), Ye = { class: "xp-checkbox__input" }, Ke = ["checked", "disabled", ".indeterminate"], Ze = { class: "xp-checkbox__label" }, Qe = {
@@ -306,13 +306,13 @@ const C = (e, n) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = (u) => {
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = (u) => {
       if (t.disabled) return;
       const d = u.target.checked;
       s("update:modelValue", d), s("change", d);
     };
-    return (u, d) => (a(), r("label", {
+    return (u, d) => (i(), a("label", {
       class: B(["xp-checkbox", [
         {
           "xp-checkbox--checked": e.modelValue,
@@ -321,9 +321,9 @@ const C = (e, n) => {
         }
       ]])
     }, [
-      o("span", Ye, [
-        d[0] || (d[0] = o("span", { class: "xp-checkbox__inner" }, null, -1)),
-        o("input", {
+      n("span", Ye, [
+        d[0] || (d[0] = n("span", { class: "xp-checkbox__inner" }, null, -1)),
+        n("input", {
           type: "checkbox",
           class: "xp-checkbox__original",
           checked: e.modelValue,
@@ -332,15 +332,15 @@ const C = (e, n) => {
           ".indeterminate": e.indeterminate
         }, null, 40, Ke)
       ]),
-      o("span", Ze, [
-        b(u.$slots, "default", {}, void 0, !0)
+      n("span", Ze, [
+        y(u.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 }, et = /* @__PURE__ */ C(Qe, [["__scopeId", "data-v-7c078f46"]]), tt = {
   key: 0,
   class: "xp-menu__divider"
-}, nt = ["disabled", "onClick"], ot = {
+}, ot = ["disabled", "onClick"], nt = {
   key: 0,
   class: "xp-menu__icon",
   "aria-hidden": "true"
@@ -357,62 +357,62 @@ const C = (e, n) => {
     items: { type: Array, default: () => [] }
   },
   emits: ["close", "select", "command"],
-  setup(e, { emit: n }) {
-    const t = e, s = n;
-    z(null);
-    const l = M(() => {
-      const f = Math.min(t.items.filter((h) => !h.divider).length, 12) * 32 + 12;
-      let i = t.x, c = t.y;
-      return i + 220 > window.innerWidth - 8 && (i = Math.max(8, window.innerWidth - 220 - 8)), c + f > window.innerHeight - 8 && (c = Math.max(8, window.innerHeight - f - 8)), { left: `${i}px`, top: `${c}px` };
+  setup(e, { emit: o }) {
+    const t = e, s = o;
+    S(null);
+    const l = z(() => {
+      const f = Math.min(t.items.filter((m) => !m.divider).length, 12) * 32 + 12;
+      let r = t.x, c = t.y;
+      return r + 220 > window.innerWidth - 8 && (r = Math.max(8, window.innerWidth - 220 - 8)), c + f > window.innerHeight - 8 && (c = Math.max(8, window.innerHeight - f - 8)), { left: `${r}px`, top: `${c}px` };
     });
     function u() {
       s("close");
     }
-    function d(m) {
-      m.disabled || (s("close"), s("select", m), s("command", m.command), m.onClick && m.onClick());
+    function d(h) {
+      h.disabled || (s("close"), s("select", h), s("command", h.command), h.onClick && h.onClick());
     }
-    function x(m) {
-      m.key === "Escape" && t.visible && s("close");
+    function v(h) {
+      h.key === "Escape" && t.visible && s("close");
     }
-    return ie(() => window.removeEventListener("keydown", x)), (m, f) => (a(), R(H, { to: "body" }, [
-      A(D, { name: "xp-menu" }, {
-        default: E(() => [
-          e.visible ? (a(), r("div", {
+    return re(() => window.removeEventListener("keydown", v)), (h, f) => (i(), R(J, { to: "body" }, [
+      E(A, { name: "xp-menu" }, {
+        default: j(() => [
+          e.visible ? (i(), a("div", {
             key: 0,
             class: "xp-menu-mask",
             onMousedown: u,
-            onContextmenu: f[2] || (f[2] = j(() => {
+            onContextmenu: f[2] || (f[2] = D(() => {
             }, ["prevent"]))
           }, [
-            o("div", {
+            n("div", {
               class: "xp-menu",
               style: T(l.value),
               role: "menu",
-              onMousedown: f[0] || (f[0] = j(() => {
+              onMousedown: f[0] || (f[0] = D(() => {
               }, ["stop"])),
-              onMouseup: f[1] || (f[1] = j(() => {
+              onMouseup: f[1] || (f[1] = D(() => {
               }, ["stop"]))
             }, [
-              (a(!0), r(_, null, V(e.items, (i, c) => (a(), r(_, { key: c }, [
-                i.divider ? (a(), r("div", tt)) : (a(), r("button", {
+              (i(!0), a(k, null, V(e.items, (r, c) => (i(), a(k, { key: c }, [
+                r.divider ? (i(), a("div", tt)) : (i(), a("button", {
                   key: 1,
-                  class: B(["xp-menu__item", { "xp-menu__item--danger": i.danger, "xp-menu__item--disabled": i.disabled }]),
+                  class: B(["xp-menu__item", { "xp-menu__item--danger": r.danger, "xp-menu__item--disabled": r.disabled }]),
                   role: "menuitem",
-                  disabled: i.disabled,
-                  onClick: (h) => d(i)
+                  disabled: r.disabled,
+                  onClick: (m) => d(r)
                 }, [
-                  i.icon ? (a(), r("span", ot, k(i.icon), 1)) : g("", !0),
-                  o("span", st, k(i.label), 1)
-                ], 10, nt))
+                  r.icon ? (i(), a("span", nt, b(r.icon), 1)) : x("", !0),
+                  n("span", st, b(r.label), 1)
+                ], 10, ot))
               ], 64))), 128))
             ], 36)
-          ], 32)) : g("", !0)
+          ], 32)) : x("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, at = /* @__PURE__ */ C(lt, [["__scopeId", "data-v-7477a575"]]), it = { class: "xp-dialog__header" }, rt = { class: "xp-dialog__title" }, dt = { class: "xp-dialog__body" }, ut = {
+}, it = /* @__PURE__ */ C(lt, [["__scopeId", "data-v-7477a575"]]), rt = { class: "xp-dialog__header" }, at = { class: "xp-dialog__title" }, dt = { class: "xp-dialog__body" }, ut = {
   key: 0,
   class: "xp-dialog__footer"
 }, ct = {
@@ -448,86 +448,86 @@ const C = (e, n) => {
     }
   },
   emits: ["confirm", "cancel", "update:visible", "close"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = () => {
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = () => {
       s("update:visible", !1), s("close");
     }, u = () => {
       t.closeOnClickModal && l();
     }, d = () => {
       s("confirm"), l();
-    }, x = () => {
+    }, v = () => {
       s("cancel"), l();
     };
-    function m(f) {
+    function h(f) {
       f.key === "Escape" && t.visible && l();
     }
-    return re(
+    return ae(
       () => t.visible,
       (f) => {
-        f ? window.addEventListener("keydown", m) : window.removeEventListener("keydown", m);
+        f ? window.addEventListener("keydown", h) : window.removeEventListener("keydown", h);
       }
-    ), ie(() => window.removeEventListener("keydown", m)), (f, i) => (a(), R(H, { to: "body" }, [
-      A(D, { name: "xp-dialog-fade" }, {
-        default: E(() => [
-          e.visible ? (a(), r("div", {
+    ), re(() => window.removeEventListener("keydown", h)), (f, r) => (i(), R(J, { to: "body" }, [
+      E(A, { name: "xp-dialog-fade" }, {
+        default: j(() => [
+          e.visible ? (i(), a("div", {
             key: 0,
             class: "xp-dialog__wrapper",
-            onClick: j(u, ["self"])
+            onClick: D(u, ["self"])
           }, [
-            i[0] || (i[0] = o("div", { class: "xp-dialog__mask" }, null, -1)),
-            A(D, {
+            r[0] || (r[0] = n("div", { class: "xp-dialog__mask" }, null, -1)),
+            E(A, {
               name: "xp-dialog-slide",
               appear: ""
             }, {
-              default: E(() => [
-                e.visible ? (a(), r("div", {
+              default: j(() => [
+                e.visible ? (i(), a("div", {
                   key: 0,
                   class: "xp-dialog",
                   style: T({ width: e.width })
                 }, [
-                  o("div", it, [
-                    o("h3", rt, k(e.title), 1),
-                    o("button", {
+                  n("div", rt, [
+                    n("h3", at, b(e.title), 1),
+                    n("button", {
                       class: "xp-dialog__close",
                       onClick: l
                     }, "×")
                   ]),
-                  o("div", dt, [
-                    b(f.$slots, "default", {}, void 0, !0)
+                  n("div", dt, [
+                    y(f.$slots, "default", {}, void 0, !0)
                   ]),
-                  f.$slots.footer || e.showDefaultFooter ? (a(), r("div", ut, [
-                    b(f.$slots, "footer", {}, () => [
-                      A(K, { onClick: x }, {
-                        default: E(() => [
-                          W(k(e.cancelButtonText), 1)
+                  f.$slots.footer || e.showDefaultFooter ? (i(), a("div", ut, [
+                    y(f.$slots, "footer", {}, () => [
+                      E(K, { onClick: v }, {
+                        default: j(() => [
+                          H(b(e.cancelButtonText), 1)
                         ]),
                         _: 1
                       }),
-                      A(K, {
+                      E(K, {
                         type: "primary",
                         onClick: d
                       }, {
-                        default: E(() => [
-                          W(k(e.confirmButtonText), 1)
+                        default: j(() => [
+                          H(b(e.confirmButtonText), 1)
                         ]),
                         _: 1
                       })
                     ], !0)
-                  ])) : g("", !0)
-                ], 4)) : g("", !0)
+                  ])) : x("", !0)
+                ], 4)) : x("", !0)
               ]),
               _: 3
             })
-          ])) : g("", !0)
+          ])) : x("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}, pt = /* @__PURE__ */ C(ct, [["__scopeId", "data-v-f85c5a46"]]), ft = ["onClick"], mt = { key: 0 }, ht = {
+}, pt = /* @__PURE__ */ C(ct, [["__scopeId", "data-v-f85c5a46"]]), ft = ["onClick"], ht = { key: 0 }, mt = {
   key: 1,
   class: "xp-dropdown__divider"
-}, xt = {
+}, vt = {
   __name: "Dropdown",
   props: {
     items: {
@@ -540,91 +540,91 @@ const C = (e, n) => {
     }
   },
   emits: ["select", "command", "open", "close"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = z(!1), u = z({}), d = z(null), x = z(null), m = () => {
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = S(!1), u = S({}), d = S(null), v = S(null), h = () => {
       ue(() => {
-        if (!d.value || !x.value) return;
-        const h = d.value.getBoundingClientRect(), $ = x.value.getBoundingClientRect();
-        let w = h.bottom + 6, I = h.left;
-        I + $.width > window.innerWidth - 10 && (I = window.innerWidth - $.width - 10), w + $.height > window.innerHeight - 10 && (w = h.top - $.height - 6), u.value = {
-          top: `${w + window.scrollY}px`,
+        if (!d.value || !v.value) return;
+        const m = d.value.getBoundingClientRect(), w = v.value.getBoundingClientRect();
+        let $ = m.bottom + 6, I = m.left;
+        I + w.width > window.innerWidth - 10 && (I = window.innerWidth - w.width - 10), $ + w.height > window.innerHeight - 10 && ($ = m.top - w.height - 6), u.value = {
+          top: `${$ + window.scrollY}px`,
           left: `${I + window.scrollX}px`
         };
       });
     }, f = () => {
-      t.disabled || (l.value = !l.value, l.value ? (m(), s("open")) : s("close"));
-    }, i = (h) => {
-      h.disabled || h.divider || (s("select", h), h.command !== void 0 && s("command", h.command, h), l.value = !1, s("close"));
-    }, c = (h) => {
-      var $;
-      l.value && d.value && !d.value.contains(h.target) && !(($ = x.value) != null && $.contains(h.target)) && (l.value = !1, s("close"));
+      t.disabled || (l.value = !l.value, l.value ? (h(), s("open")) : s("close"));
+    }, r = (m) => {
+      m.disabled || m.divider || (s("select", m), m.command !== void 0 && s("command", m.command, m), l.value = !1, s("close"));
+    }, c = (m) => {
+      var w;
+      l.value && d.value && !d.value.contains(m.target) && !((w = v.value) != null && w.contains(m.target)) && (l.value = !1, s("close"));
     };
     return de(() => {
       document.addEventListener("click", c);
     }), Q(() => {
       document.removeEventListener("click", c);
-    }), (h, $) => (a(), r("div", {
+    }), (m, w) => (i(), a("div", {
       class: "xp-dropdown",
       ref_key: "dropdownRef",
       ref: d
     }, [
-      o("div", {
+      n("div", {
         class: "xp-dropdown__trigger",
         onClick: f
       }, [
-        b(h.$slots, "default", {}, void 0, !0)
+        y(m.$slots, "default", {}, void 0, !0)
       ]),
-      (a(), R(H, { to: "body" }, [
-        A(D, { name: "xp-dropdown-fade" }, {
-          default: E(() => [
-            l.value ? (a(), r("div", {
+      (i(), R(J, { to: "body" }, [
+        E(A, { name: "xp-dropdown-fade" }, {
+          default: j(() => [
+            l.value ? (i(), a("div", {
               key: 0,
               class: "xp-dropdown__menu",
               style: T(u.value),
               ref_key: "menuRef",
-              ref: x
+              ref: v
             }, [
-              (a(!0), r(_, null, V(e.items, (w, I) => (a(), r("div", {
+              (i(!0), a(k, null, V(e.items, ($, I) => (i(), a("div", {
                 key: I,
-                class: B(["xp-dropdown__item", { "xp-dropdown__item--disabled": w.disabled, "xp-dropdown__item--divider": w.divider }]),
-                onClick: (te) => i(w)
+                class: B(["xp-dropdown__item", { "xp-dropdown__item--disabled": $.disabled, "xp-dropdown__item--divider": $.divider }]),
+                onClick: (te) => r($)
               }, [
-                w.divider ? g("", !0) : (a(), r("span", mt, k(w.label), 1)),
-                w.divider ? (a(), r("span", ht)) : g("", !0)
+                $.divider ? x("", !0) : (i(), a("span", ht, b($.label), 1)),
+                $.divider ? (i(), a("span", mt)) : x("", !0)
               ], 10, ft))), 128))
-            ], 4)) : g("", !0)
+            ], 4)) : x("", !0)
           ]),
           _: 1
         })
       ]))
     ], 512));
   }
-}, vt = /* @__PURE__ */ C(xt, [["__scopeId", "data-v-ad741cd8"]]), gt = { class: "xp-empty" }, yt = { class: "xp-empty__title" }, bt = {
+}, gt = /* @__PURE__ */ C(vt, [["__scopeId", "data-v-ad741cd8"]]), xt = { class: "xp-empty" }, _t = { class: "xp-empty__title" }, yt = {
   key: 0,
   class: "xp-empty__hint"
-}, _t = {
+}, kt = {
   key: 1,
   class: "xp-empty__action"
-}, kt = {
+}, bt = {
   __name: "Empty",
   props: {
     title: { type: String, default: "暂无内容" },
     hint: { type: String, default: "" }
   },
   setup(e) {
-    return (n, t) => (a(), r("div", gt, [
-      b(n.$slots, "icon", {}, () => [
-        t[0] || (t[0] = o("div", {
+    return (o, t) => (i(), a("div", xt, [
+      y(o.$slots, "icon", {}, () => [
+        t[0] || (t[0] = n("div", {
           class: "xp-empty__icon",
           "aria-hidden": "true"
         }, [
-          o("svg", {
+          n("svg", {
             width: "46",
             height: "46",
             viewBox: "0 0 24 24",
             fill: "none"
           }, [
-            o("path", {
+            n("path", {
               d: "M4 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z",
               stroke: "var(--xp-border-color)",
               "stroke-width": "1.5",
@@ -633,43 +633,43 @@ const C = (e, n) => {
           ])
         ], -1))
       ], !0),
-      o("p", yt, k(e.title), 1),
-      e.hint ? (a(), r("p", bt, k(e.hint), 1)) : g("", !0),
-      n.$slots.default ? (a(), r("div", _t, [
-        b(n.$slots, "default", {}, void 0, !0)
-      ])) : g("", !0)
+      n("p", _t, b(e.title), 1),
+      e.hint ? (i(), a("p", yt, b(e.hint), 1)) : x("", !0),
+      o.$slots.default ? (i(), a("div", kt, [
+        y(o.$slots, "default", {}, void 0, !0)
+      ])) : x("", !0)
     ]));
   }
-}, $t = /* @__PURE__ */ C(kt, [["__scopeId", "data-v-93d5e1e9"]]), wt = ["width", "height"], Ct = {
+}, wt = /* @__PURE__ */ C(bt, [["__scopeId", "data-v-93d5e1e9"]]), $t = ["width", "height"], Ct = {
   __name: "FileIcon",
   props: {
     type: { type: String, default: "file" },
     size: { type: Number, default: 20 }
   },
   setup(e) {
-    return (n, t) => (a(), r("span", {
+    return (o, t) => (i(), a("span", {
       class: "xp-file-icon",
       style: T({ width: e.size + "px", height: e.size + "px" }),
       "aria-hidden": "true"
     }, [
-      (a(), r("svg", {
+      (i(), a("svg", {
         width: e.size,
         height: e.size,
         viewBox: "0 0 24 24",
         fill: "none"
       }, [
-        e.type === "folder" ? (a(), r(_, { key: 0 }, [
-          t[0] || (t[0] = o("path", {
+        e.type === "folder" ? (i(), a(k, { key: 0 }, [
+          t[0] || (t[0] = n("path", {
             d: "M3 6.5A2.5 2.5 0 0 1 5.5 4h4l2 2h7A2.5 2.5 0 0 1 21 8.5v9A2.5 2.5 0 0 1 18.5 20h-13A2.5 2.5 0 0 1 3 17.5z",
             fill: "#E8B64E",
             "fill-opacity": "0.9"
           }, null, -1)),
-          t[1] || (t[1] = o("path", {
+          t[1] || (t[1] = n("path", {
             d: "M3 8.5h18v9A2.5 2.5 0 0 1 18.5 20h-13A2.5 2.5 0 0 1 3 17.5z",
             fill: "#F3CE78"
           }, null, -1))
-        ], 64)) : e.type === "image" ? (a(), r(_, { key: 1 }, [
-          t[2] || (t[2] = o("rect", {
+        ], 64)) : e.type === "image" ? (i(), a(k, { key: 1 }, [
+          t[2] || (t[2] = n("rect", {
             x: "3",
             y: "4",
             width: "18",
@@ -680,13 +680,13 @@ const C = (e, n) => {
             stroke: "#3D8EAD",
             "stroke-width": "1.4"
           }, null, -1)),
-          t[3] || (t[3] = o("circle", {
+          t[3] || (t[3] = n("circle", {
             cx: "9",
             cy: "10",
             r: "1.8",
             fill: "#3D8EAD"
           }, null, -1)),
-          t[4] || (t[4] = o("path", {
+          t[4] || (t[4] = n("path", {
             d: "M4.4 17.4l4.6-4.4 3 2.8 3.2-3.2 4.4 4.2",
             stroke: "#3D8EAD",
             "stroke-width": "1.4",
@@ -694,8 +694,8 @@ const C = (e, n) => {
             "stroke-linejoin": "round",
             fill: "none"
           }, null, -1))
-        ], 64)) : e.type === "video" ? (a(), r(_, { key: 2 }, [
-          t[5] || (t[5] = o("rect", {
+        ], 64)) : e.type === "video" ? (i(), a(k, { key: 2 }, [
+          t[5] || (t[5] = n("rect", {
             x: "3",
             y: "5",
             width: "13",
@@ -706,12 +706,12 @@ const C = (e, n) => {
             stroke: "#8A48C4",
             "stroke-width": "1.4"
           }, null, -1)),
-          t[6] || (t[6] = o("path", {
+          t[6] || (t[6] = n("path", {
             d: "M16 10.5l5-3v9l-5-3z",
             fill: "#8A48C4"
           }, null, -1))
-        ], 64)) : e.type === "audio" ? (a(), r(_, { key: 3 }, [
-          t[7] || (t[7] = o("path", {
+        ], 64)) : e.type === "audio" ? (i(), a(k, { key: 3 }, [
+          t[7] || (t[7] = n("path", {
             d: "M9 18V6l10-2v11",
             stroke: "#C2569B",
             "stroke-width": "1.6",
@@ -719,20 +719,20 @@ const C = (e, n) => {
             "stroke-linejoin": "round",
             fill: "none"
           }, null, -1)),
-          t[8] || (t[8] = o("circle", {
+          t[8] || (t[8] = n("circle", {
             cx: "6.6",
             cy: "18",
             r: "2.4",
             fill: "#C2569B"
           }, null, -1)),
-          t[9] || (t[9] = o("circle", {
+          t[9] || (t[9] = n("circle", {
             cx: "16.6",
             cy: "15",
             r: "2.4",
             fill: "#C2569B"
           }, null, -1))
-        ], 64)) : e.type === "pdf" ? (a(), r(_, { key: 4 }, [
-          t[10] || (t[10] = o("rect", {
+        ], 64)) : e.type === "pdf" ? (i(), a(k, { key: 4 }, [
+          t[10] || (t[10] = n("rect", {
             x: "4",
             y: "3",
             width: "16",
@@ -743,7 +743,7 @@ const C = (e, n) => {
             stroke: "#C24842",
             "stroke-width": "1.4"
           }, null, -1)),
-          t[11] || (t[11] = o("text", {
+          t[11] || (t[11] = n("text", {
             x: "12",
             y: "16.2",
             "text-anchor": "middle",
@@ -752,8 +752,8 @@ const C = (e, n) => {
             fill: "#C24842",
             "font-family": "Arial, sans-serif"
           }, "PDF", -1))
-        ], 64)) : e.type === "doc" ? (a(), r(_, { key: 5 }, [
-          t[12] || (t[12] = o("path", {
+        ], 64)) : e.type === "doc" ? (i(), a(k, { key: 5 }, [
+          t[12] || (t[12] = n("path", {
             d: "M5 3.5h9l5 5v12h-14z",
             fill: "#3B7FD6",
             "fill-opacity": "0.14",
@@ -761,27 +761,27 @@ const C = (e, n) => {
             "stroke-width": "1.4",
             "stroke-linejoin": "round"
           }, null, -1)),
-          t[13] || (t[13] = o("path", {
+          t[13] || (t[13] = n("path", {
             d: "M14 3.5v5h5",
             fill: "none",
             stroke: "#2F6DC0",
             "stroke-width": "1.4",
             "stroke-linejoin": "round"
           }, null, -1)),
-          t[14] || (t[14] = o("path", {
+          t[14] || (t[14] = n("path", {
             d: "M7.5 12v5M7.5 14.5h3",
             stroke: "#2F6DC0",
             "stroke-width": "1.4",
             "stroke-linecap": "round"
           }, null, -1)),
-          t[15] || (t[15] = o("path", {
+          t[15] || (t[15] = n("path", {
             d: "M13.5 12h3M13.5 14.5h3M13.5 17h2",
             stroke: "#2F6DC0",
             "stroke-width": "1.4",
             "stroke-linecap": "round"
           }, null, -1))
-        ], 64)) : e.type === "sheet" ? (a(), r(_, { key: 6 }, [
-          t[16] || (t[16] = o("rect", {
+        ], 64)) : e.type === "sheet" ? (i(), a(k, { key: 6 }, [
+          t[16] || (t[16] = n("rect", {
             x: "4",
             y: "3.5",
             width: "16",
@@ -792,14 +792,14 @@ const C = (e, n) => {
             stroke: "#33854F",
             "stroke-width": "1.4"
           }, null, -1)),
-          t[17] || (t[17] = o("path", {
+          t[17] || (t[17] = n("path", {
             d: "M4 9h16M4 14h16M10 9v11.5M14.5 9v11.5",
             stroke: "#33854F",
             "stroke-width": "1.2",
             "stroke-linecap": "round"
           }, null, -1))
-        ], 64)) : e.type === "slide" ? (a(), r(_, { key: 7 }, [
-          t[18] || (t[18] = o("rect", {
+        ], 64)) : e.type === "slide" ? (i(), a(k, { key: 7 }, [
+          t[18] || (t[18] = n("rect", {
             x: "3",
             y: "5",
             width: "18",
@@ -810,19 +810,19 @@ const C = (e, n) => {
             stroke: "#CC8420",
             "stroke-width": "1.4"
           }, null, -1)),
-          t[19] || (t[19] = o("path", {
+          t[19] || (t[19] = n("path", {
             d: "M12 17v3M9.5 20h5",
             stroke: "#CC8420",
             "stroke-width": "1.4",
             "stroke-linecap": "round"
           }, null, -1)),
-          t[20] || (t[20] = o("circle", {
+          t[20] || (t[20] = n("circle", {
             cx: "9",
             cy: "10.4",
             r: "1.3",
             fill: "#CC8420"
           }, null, -1)),
-          t[21] || (t[21] = o("path", {
+          t[21] || (t[21] = n("path", {
             d: "M6 14.4l2.8-2.8 2 1.8L14 9.6l4 4.4",
             stroke: "#CC8420",
             "stroke-width": "1.4",
@@ -830,8 +830,8 @@ const C = (e, n) => {
             "stroke-linejoin": "round",
             fill: "none"
           }, null, -1))
-        ], 64)) : e.type === "archive" ? (a(), r(_, { key: 8 }, [
-          t[22] || (t[22] = o("rect", {
+        ], 64)) : e.type === "archive" ? (i(), a(k, { key: 8 }, [
+          t[22] || (t[22] = n("rect", {
             x: "4",
             y: "3.5",
             width: "16",
@@ -842,13 +842,13 @@ const C = (e, n) => {
             stroke: "#8F6539",
             "stroke-width": "1.4"
           }, null, -1)),
-          t[23] || (t[23] = o("path", {
+          t[23] || (t[23] = n("path", {
             d: "M9.5 4v16M14.5 4v16M4 12h16",
             stroke: "#8F6539",
             "stroke-width": "1.3"
           }, null, -1))
-        ], 64)) : e.type === "code" ? (a(), r(_, { key: 9 }, [
-          t[24] || (t[24] = o("path", {
+        ], 64)) : e.type === "code" ? (i(), a(k, { key: 9 }, [
+          t[24] || (t[24] = n("path", {
             d: "M8.5 8l-4.5 4 4.5 4M15.5 8l4.5 4-4.5 4",
             stroke: "#6B62E0",
             "stroke-width": "1.7",
@@ -856,28 +856,28 @@ const C = (e, n) => {
             "stroke-linejoin": "round",
             fill: "none"
           }, null, -1)),
-          t[25] || (t[25] = o("path", {
+          t[25] || (t[25] = n("path", {
             d: "M13.6 5.8l-3.2 12.4",
             stroke: "#6B62E0",
             "stroke-width": "1.5",
             "stroke-linecap": "round"
           }, null, -1))
-        ], 64)) : e.type === "text" ? (a(), r(_, { key: 10 }, [
-          t[26] || (t[26] = o("path", {
+        ], 64)) : e.type === "text" ? (i(), a(k, { key: 10 }, [
+          t[26] || (t[26] = n("path", {
             d: "M4 6.2C4 5 4.9 4 6.5 4h11C19 4 20 5 20 6.2v11.6C20 19 19 20 17.5 20h-11C4.9 20 4 19 4 17.8z",
             fill: "#7D8894",
             "fill-opacity": "0.12",
             stroke: "#5F6B78",
             "stroke-width": "1.4"
           }, null, -1)),
-          t[27] || (t[27] = o("path", {
+          t[27] || (t[27] = n("path", {
             d: "M7.5 8.5h9M7.5 12h6.5",
             stroke: "#5F6B78",
             "stroke-width": "1.5",
             "stroke-linecap": "round"
           }, null, -1))
-        ], 64)) : (a(), r(_, { key: 11 }, [
-          t[28] || (t[28] = o("path", {
+        ], 64)) : (i(), a(k, { key: 11 }, [
+          t[28] || (t[28] = n("path", {
             d: "M6 3.5h8l5 5v12h-13z",
             fill: "#A2AAB4",
             "fill-opacity": "0.16",
@@ -885,27 +885,27 @@ const C = (e, n) => {
             "stroke-width": "1.4",
             "stroke-linejoin": "round"
           }, null, -1)),
-          t[29] || (t[29] = o("path", {
+          t[29] || (t[29] = n("path", {
             d: "M14 3.5v5h5",
             fill: "none",
             stroke: "#7C8590",
             "stroke-width": "1.4",
             "stroke-linejoin": "round"
           }, null, -1)),
-          t[30] || (t[30] = o("path", {
+          t[30] || (t[30] = n("path", {
             d: "M8 12.5h8M8 15.5h8M8 18.5h5",
             stroke: "#7C8590",
             "stroke-width": "1.3",
             "stroke-linecap": "round"
           }, null, -1))
         ], 64))
-      ], 8, wt))
+      ], 8, $t))
     ], 4));
   }
-}, St = /* @__PURE__ */ C(Ct, [["__scopeId", "data-v-c598c294"]]), zt = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M330.666667 512c0-14.933333 4.266667-29.866667 14.933333-40.533333l234.666667-277.33333399c23.466667-27.733333 64-29.866667 89.6-8.53333301 27.733333 23.466667 29.866667 64 8.53333299 89.6L477.866667 512l200.53333299 236.8c23.466667 27.733333 19.19999999 68.266667-8.53333299 89.6-27.733333 23.466667-68.266667 19.19999999-89.6-8.53333301l-234.666667-277.33333399c-10.666667-10.666667-14.933333-25.6-14.933333-40.533333z"  /></svg>', Bt = ["viewBox", "innerHTML"], Mt = {
+}, Mt = /* @__PURE__ */ C(Ct, [["__scopeId", "data-v-c598c294"]]), St = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M4 12h10M10 8l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', Bt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', zt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', It = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M6 14l6-6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', Tt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', Vt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/><path d="M12 11v5M9.5 13.5h5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>', jt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>', Et = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', At = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="4" y="4" width="6" height="6" rx="1.2" stroke="currentColor" stroke-width="1.8"/><rect x="14" y="4" width="6" height="6" rx="1.2" stroke="currentColor" stroke-width="1.8"/><rect x="4" y="14" width="6" height="6" rx="1.2" stroke="currentColor" stroke-width="1.8"/><rect x="14" y="14" width="6" height="6" rx="1.2" stroke="currentColor" stroke-width="1.8"/></svg>', Dt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M4 11l8-7 8 7v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="M10 21v-6h4v6" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>', Nt = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M330.666667 512c0-14.933333 4.266667-29.866667 14.933333-40.533333l234.666667-277.33333399c23.466667-27.733333 64-29.866667 89.6-8.53333301 27.733333 23.466667 29.866667 64 8.53333299 89.6L477.866667 512l200.53333299 236.8c23.466667 27.733333 19.19999999 68.266667-8.53333299 89.6-27.733333 23.466667-68.266667 19.19999999-89.6-8.53333301l-234.666667-277.33333399c-10.666667-10.666667-14.933333-25.6-14.933333-40.533333z"  /></svg>', Ft = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M4 6h16M4 12h16M4 18h16" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>', Rt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M20 12a8 8 0 1 1-2.34-5.66M20 4v5h-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', Ot = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><circle cx="12" cy="12" r="3.2" stroke="currentColor" stroke-width="1.8"/><path d="M12 2.8v2.6M12 18.6v2.6M2.8 12h2.6M18.6 12h2.6M5.5 5.5l1.8 1.8M16.7 16.7l1.8 1.8M18.5 5.5l-1.8 1.8M7.3 16.7l-1.8 1.8" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>', Xt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8L3.5 9.7l5.9-.9z" fill="currentColor" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg>', Lt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8L3.5 9.7l5.9-.9z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg>', Pt = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M12 19V6M6 12l6-6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', Ht = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M12 16V5M7.5 9.5L12 5l4.5 4.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>', Wt = ["viewBox", "innerHTML"], Jt = {
   key: 2,
   class: "xp-icon__fallback"
-}, It = {
+}, Ut = {
   __name: "Icon",
   props: {
     name: {
@@ -930,44 +930,44 @@ const C = (e, n) => {
     }
   },
   setup(e) {
-    const n = ["small", "medium", "large"], t = e, s = /* @__PURE__ */ Object.assign({ "./icons/jiantou.svg": zt }), l = (i) => i && i.replace(/\bfill\s*=\s*["'](?!none["'])[^"']+["']/gi, 'fill="currentColor"').replace(/\bstroke\s*=\s*["'](?!none["'])[^"']+["']/gi, 'stroke="currentColor"'), u = M(() => {
+    const o = ["small", "medium", "large"], t = e, s = /* @__PURE__ */ Object.assign({ "./icons/arrow-right.svg": St, "./icons/back.svg": Bt, "./icons/chevron-down.svg": zt, "./icons/chevron-up.svg": It, "./icons/close.svg": Tt, "./icons/folder-add.svg": Vt, "./icons/folder.svg": jt, "./icons/forward.svg": Et, "./icons/grid.svg": At, "./icons/home.svg": Dt, "./icons/jiantou.svg": Nt, "./icons/list.svg": Ft, "./icons/refresh.svg": Rt, "./icons/settings.svg": Ot, "./icons/star-fill.svg": Xt, "./icons/star.svg": Lt, "./icons/up.svg": Pt, "./icons/upload.svg": Ht }), l = (r) => r && r.replace(/\bfill\s*=\s*["'](?!none["'])[^"']+["']/gi, 'fill="currentColor"').replace(/\bstroke\s*=\s*["'](?!none["'])[^"']+["']/gi, 'stroke="currentColor"'), u = z(() => {
       if (!t.name) return null;
-      const i = `./icons/${t.name}.svg`, c = s[i];
+      const r = `./icons/${t.name}.svg`, c = s[r];
       if (!c) return null;
-      const h = c.match(/<svg[^>]*>([\s\S]*)<\/svg>/i), $ = l(h ? h[1] : c), w = c.match(/viewBox\s*=\s*["']([^"']+)["']/i);
+      const m = c.match(/<svg[^>]*>([\s\S]*)<\/svg>/i), w = l(m ? m[1] : c), $ = c.match(/viewBox\s*=\s*["']([^"']+)["']/i);
       return {
-        inner: $,
-        viewBox: w ? w[1] : "0 0 24 24"
+        inner: w,
+        viewBox: $ ? $[1] : "0 0 24 24"
       };
-    }), d = M(() => n.includes(String(t.size))), x = M(() => {
+    }), d = z(() => o.includes(String(t.size))), v = z(() => {
       if (d.value) return null;
-      const i = t.size;
-      return typeof i == "number" ? `${i}px` : typeof i == "string" && i.trim() ? /^\d+(\.\d+)?$/.test(i.trim()) ? `${i}px` : i.trim() : null;
-    }), m = M(() => {
-      const i = [];
-      return d.value && i.push(`xp-icon--${t.size}`), t.spin && i.push("xp-icon--spin"), i;
-    }), f = M(() => {
-      const i = {};
-      return t.color && (i.color = t.color), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), x.value && (i.width = x.value, i.height = x.value, i.fontSize = x.value), i;
+      const r = t.size;
+      return typeof r == "number" ? `${r}px` : typeof r == "string" && r.trim() ? /^\d+(\.\d+)?$/.test(r.trim()) ? `${r}px` : r.trim() : null;
+    }), h = z(() => {
+      const r = [];
+      return d.value && r.push(`xp-icon--${t.size}`), t.spin && r.push("xp-icon--spin"), r;
+    }), f = z(() => {
+      const r = {};
+      return t.color && (r.color = t.color), t.rotate && (r.transform = `rotate(${t.rotate}deg)`), v.value && (r.width = v.value, r.height = v.value, r.fontSize = v.value), r;
     });
-    return (i, c) => (a(), r("i", {
-      class: B(["xp-icon", m.value]),
+    return (r, c) => (i(), a("i", {
+      class: B(["xp-icon", h.value]),
       style: T(f.value)
     }, [
-      i.$slots.default ? b(i.$slots, "default", { key: 0 }, void 0, !0) : u.value ? (a(), r("svg", {
+      r.$slots.default ? y(r.$slots, "default", { key: 0 }, void 0, !0) : u.value ? (i(), a("svg", {
         key: 1,
         viewBox: u.value.viewBox,
         innerHTML: u.value.inner
-      }, null, 8, Bt)) : (a(), r("span", Mt, "?"))
+      }, null, 8, Wt)) : (i(), a("span", Jt, "?"))
     ], 6));
   }
-}, Tt = /* @__PURE__ */ C(It, [["__scopeId", "data-v-14319319"]]), Vt = {
+}, Gt = /* @__PURE__ */ C(Ut, [["__scopeId", "data-v-9ed9f36d"]]), qt = {
   key: 0,
   class: "xp-input__prefix"
-}, Et = ["id", "type", "value", "placeholder", "disabled", "maxlength"], At = {
+}, Yt = ["id", "type", "value", "placeholder", "disabled", "maxlength"], Kt = {
   key: 2,
   class: "xp-input__suffix"
-}, Dt = {
+}, Zt = {
   __name: "Input",
   props: {
     modelValue: {
@@ -1007,35 +1007,35 @@ const C = (e, n) => {
     }
   },
   emits: ["update:modelValue", "focus", "blur", "clear"],
-  setup(e, { expose: n, emit: t }) {
-    const s = t, l = z(null), u = z(!1), d = (i) => {
-      s("update:modelValue", i.target.value);
-    }, x = (i) => {
-      u.value = !0, s("focus", i);
-    }, m = (i) => {
-      u.value = !1, s("blur", i);
+  setup(e, { expose: o, emit: t }) {
+    const s = t, l = S(null), u = S(!1), d = (r) => {
+      s("update:modelValue", r.target.value);
+    }, v = (r) => {
+      u.value = !0, s("focus", r);
+    }, h = (r) => {
+      u.value = !1, s("blur", r);
     }, f = () => {
       s("update:modelValue", ""), s("clear"), l.value && l.value.focus();
     };
-    return n({
+    return o({
       focus: () => l.value && l.value.focus(),
       select: () => l.value && l.value.select(),
       blur: () => l.value && l.value.blur()
-    }), (i, c) => (a(), r("div", {
+    }), (r, c) => (i(), a("div", {
       class: B(["xp-input", [
         `xp-input--${e.size}`,
         {
           "xp-input--disabled": e.disabled,
-          "xp-input--prefix": i.$slots.prefix,
-          "xp-input--suffix": i.$slots.suffix || e.showClear,
+          "xp-input--prefix": r.$slots.prefix,
+          "xp-input--suffix": r.$slots.suffix || e.showClear,
           "xp-input--focus": u.value
         }
       ]])
     }, [
-      i.$slots.prefix ? (a(), r("span", Vt, [
-        b(i.$slots, "prefix", {}, void 0, !0)
-      ])) : g("", !0),
-      o("input", {
+      r.$slots.prefix ? (i(), a("span", qt, [
+        y(r.$slots, "prefix", {}, void 0, !0)
+      ])) : x("", !0),
+      n("input", {
         ref_key: "inputRef",
         ref: l,
         class: "xp-input__inner",
@@ -1046,23 +1046,23 @@ const C = (e, n) => {
         disabled: e.disabled,
         maxlength: e.maxlength,
         onInput: d,
-        onFocus: x,
-        onBlur: m
-      }, null, 40, Et),
-      e.showClear && e.modelValue && !e.disabled ? (a(), r("span", {
+        onFocus: v,
+        onBlur: h
+      }, null, 40, Yt),
+      e.showClear && e.modelValue && !e.disabled ? (i(), a("span", {
         key: 1,
         class: "xp-input__clear",
         onClick: f
-      }, "×")) : g("", !0),
-      i.$slots.suffix && !e.showClear ? (a(), r("span", At, [
-        b(i.$slots, "suffix", {}, void 0, !0)
-      ])) : g("", !0)
+      }, "×")) : x("", !0),
+      r.$slots.suffix && !e.showClear ? (i(), a("span", Kt, [
+        y(r.$slots, "suffix", {}, void 0, !0)
+      ])) : x("", !0)
     ], 2));
   }
-}, jt = /* @__PURE__ */ C(Dt, [["__scopeId", "data-v-46247483"]]), Nt = {
+}, Qt = /* @__PURE__ */ C(Zt, [["__scopeId", "data-v-46247483"]]), eo = {
   key: 0,
   class: "xp-progress__text"
-}, Ft = {
+}, to = {
   __name: "Progress",
   props: {
     percentage: {
@@ -1095,29 +1095,29 @@ const C = (e, n) => {
     }
   },
   setup(e) {
-    const n = e, t = M(
-      () => n.type === "line" ? { height: `${n.strokeWidth}px` } : {}
-    ), s = M(() => n.color ? n.color : n.status === "success" ? "var(--xp-color-success)" : n.status === "warning" ? "var(--xp-color-warning)" : n.status === "exception" ? "var(--xp-color-danger)" : "var(--xp-color-primary)");
-    return (l, u) => (a(), r("div", {
+    const o = e, t = z(
+      () => o.type === "line" ? { height: `${o.strokeWidth}px` } : {}
+    ), s = z(() => o.color ? o.color : o.status === "success" ? "var(--xp-color-success)" : o.status === "warning" ? "var(--xp-color-warning)" : o.status === "exception" ? "var(--xp-color-danger)" : "var(--xp-color-primary)");
+    return (l, u) => (i(), a("div", {
       class: B(["xp-progress", [`xp-progress--${e.type}`]])
     }, [
-      o("div", {
+      n("div", {
         class: "xp-progress__bar",
         style: T(t.value)
       }, [
-        o("div", {
+        n("div", {
           class: "xp-progress__inner",
           style: T({ width: `${e.percentage}%`, backgroundColor: s.value })
         }, null, 4)
       ], 4),
-      e.showText ? (a(), r("span", Nt, [
-        b(l.$slots, "default", {}, () => [
-          W(k(e.percentage) + "%", 1)
+      e.showText ? (i(), a("span", eo, [
+        y(l.$slots, "default", {}, () => [
+          H(b(e.percentage) + "%", 1)
         ], !0)
-      ])) : g("", !0)
+      ])) : x("", !0)
     ], 2));
   }
-}, Rt = /* @__PURE__ */ C(Ft, [["__scopeId", "data-v-244dca2c"]]), Ot = { class: "xp-radio__input" }, Xt = ["checked", "disabled"], Lt = { class: "xp-radio__label" }, Pt = {
+}, oo = /* @__PURE__ */ C(to, [["__scopeId", "data-v-244dca2c"]]), no = { class: "xp-radio__input" }, so = ["checked", "disabled"], lo = { class: "xp-radio__label" }, io = {
   __name: "Radio",
   props: {
     modelValue: {
@@ -1134,11 +1134,11 @@ const C = (e, n) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = () => {
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = () => {
       t.disabled || (s("update:modelValue", t.value), s("change", t.value));
     };
-    return (u, d) => (a(), r("label", {
+    return (u, d) => (i(), a("label", {
       class: B(["xp-radio", [
         {
           "xp-radio--checked": e.modelValue === e.value,
@@ -1146,25 +1146,25 @@ const C = (e, n) => {
         }
       ]])
     }, [
-      o("span", Ot, [
-        d[0] || (d[0] = o("span", { class: "xp-radio__inner" }, null, -1)),
-        o("input", {
+      n("span", no, [
+        d[0] || (d[0] = n("span", { class: "xp-radio__inner" }, null, -1)),
+        n("input", {
           type: "radio",
           class: "xp-radio__original",
           checked: e.modelValue === e.value,
           disabled: e.disabled,
           onChange: l
-        }, null, 40, Xt)
+        }, null, 40, so)
       ]),
-      o("span", Lt, [
-        b(u.$slots, "default", {}, void 0, !0)
+      n("span", lo, [
+        y(u.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}, Wt = /* @__PURE__ */ C(Pt, [["__scopeId", "data-v-02a0d80d"]]), Jt = { class: "xp-rate" }, Ht = ["onClick", "onMouseenter"], Ut = { class: "xp-rate__star" }, Gt = {
+}, ro = /* @__PURE__ */ C(io, [["__scopeId", "data-v-02a0d80d"]]), ao = { class: "xp-rate" }, uo = ["onClick", "onMouseenter"], co = { class: "xp-rate__star" }, po = {
   key: 0,
   class: "xp-rate__text"
-}, qt = {
+}, fo = {
   __name: "Rate",
   props: {
     modelValue: {
@@ -1189,39 +1189,39 @@ const C = (e, n) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = z(0), u = M(() => l.value || t.modelValue), d = (m) => {
-      const f = u.value - m + 1;
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = S(0), u = z(() => l.value || t.modelValue), d = (h) => {
+      const f = u.value - h + 1;
       return f >= 1 ? 100 : f > 0 ? f * 100 : 0;
-    }, x = (m) => {
-      t.disabled || (s("update:modelValue", m), s("change", m));
+    }, v = (h) => {
+      t.disabled || (s("update:modelValue", h), s("change", h));
     };
-    return (m, f) => (a(), r("div", Jt, [
-      (a(!0), r(_, null, V(e.max, (i) => (a(), r("span", {
-        key: i,
+    return (h, f) => (i(), a("div", ao, [
+      (i(!0), a(k, null, V(e.max, (r) => (i(), a("span", {
+        key: r,
         class: B(["xp-rate__item", {
           "xp-rate__item--disabled": e.disabled
         }]),
         style: T({ cursor: e.disabled ? "default" : "pointer" }),
-        onClick: (c) => x(i),
-        onMouseenter: (c) => l.value = i,
+        onClick: (c) => v(r),
+        onMouseenter: (c) => l.value = r,
         onMouseleave: f[0] || (f[0] = (c) => l.value = 0)
       }, [
-        o("span", Ut, [
-          f[1] || (f[1] = o("span", { class: "xp-rate__star-outer" }, "★", -1)),
-          o("span", {
+        n("span", co, [
+          f[1] || (f[1] = n("span", { class: "xp-rate__star-outer" }, "★", -1)),
+          n("span", {
             class: "xp-rate__star-inner",
-            style: T({ width: d(i) + "%", color: e.color })
+            style: T({ width: d(r) + "%", color: e.color })
           }, " ★ ", 4)
         ])
-      ], 46, Ht))), 128)),
-      e.showText && !e.disabled ? (a(), r("span", Gt, k(e.modelValue) + " / " + k(e.max), 1)) : g("", !0)
+      ], 46, uo))), 128)),
+      e.showText && !e.disabled ? (i(), a("span", po, b(e.modelValue) + " / " + b(e.max), 1)) : x("", !0)
     ]));
   }
-}, Yt = /* @__PURE__ */ C(qt, [["__scopeId", "data-v-214323a3"]]), Kt = ["aria-checked"], Zt = {
+}, ho = /* @__PURE__ */ C(fo, [["__scopeId", "data-v-214323a3"]]), mo = ["aria-checked"], vo = {
   key: 0,
   class: "xp-switch__label"
-}, Qt = {
+}, go = {
   __name: "Switch",
   props: {
     modelValue: {
@@ -1239,13 +1239,13 @@ const C = (e, n) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = () => {
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = () => {
       if (t.disabled) return;
       const u = !t.modelValue;
       s("update:modelValue", u), s("change", u);
     };
-    return (u, d) => (a(), r("div", {
+    return (u, d) => (i(), a("div", {
       class: B(["xp-switch", [
         `xp-switch--${e.size}`,
         {
@@ -1257,18 +1257,18 @@ const C = (e, n) => {
       "aria-checked": e.modelValue,
       onClick: l
     }, [
-      d[0] || (d[0] = o("span", { class: "xp-switch__core" }, [
-        o("span", { class: "xp-switch__action" })
+      d[0] || (d[0] = n("span", { class: "xp-switch__core" }, [
+        n("span", { class: "xp-switch__action" })
       ], -1)),
-      u.$slots.default ? (a(), r("span", Zt, [
-        b(u.$slots, "default", {}, void 0, !0)
-      ])) : g("", !0)
-    ], 10, Kt));
+      u.$slots.default ? (i(), a("span", vo, [
+        y(u.$slots, "default", {}, void 0, !0)
+      ])) : x("", !0)
+    ], 10, mo));
   }
-}, en = /* @__PURE__ */ C(Qt, [["__scopeId", "data-v-5a5e33c5"]]), tn = {
+}, xo = /* @__PURE__ */ C(go, [["__scopeId", "data-v-5a5e33c5"]]), _o = {
   key: 0,
   class: "xp-tab-pane"
-}, nn = {
+}, yo = {
   __name: "TabPane",
   props: {
     name: {
@@ -1285,19 +1285,19 @@ const C = (e, n) => {
     }
   },
   setup(e) {
-    const n = e, t = _e("xpTabs", null), s = M(() => t ? t.currentValue.value === n.name : !0);
+    const o = e, t = ke("xpTabs", null), s = z(() => t ? t.currentValue.value === o.name : !0);
     return de(() => {
-      t && t.addTab && t.addTab({ name: n.name, title: n.title, disabled: n.disabled });
+      t && t.addTab && t.addTab({ name: o.name, title: o.title, disabled: o.disabled });
     }), Q(() => {
-      t && t.removeTab && t.removeTab(n.name);
-    }), (l, u) => s.value ? (a(), r("div", tn, [
-      b(l.$slots, "default", {}, void 0, !0)
-    ])) : g("", !0);
+      t && t.removeTab && t.removeTab(o.name);
+    }), (l, u) => s.value ? (i(), a("div", _o, [
+      y(l.$slots, "default", {}, void 0, !0)
+    ])) : x("", !0);
   }
-}, on = /* @__PURE__ */ C(nn, [["__scopeId", "data-v-6fe7943a"]]), sn = { class: "xp-tabs" }, ln = {
+}, ko = /* @__PURE__ */ C(yo, [["__scopeId", "data-v-6fe7943a"]]), bo = { class: "xp-tabs" }, wo = {
   class: "xp-tabs__nav",
   role: "tablist"
-}, an = ["onClick"], rn = { class: "xp-tabs__content" }, dn = {
+}, $o = ["onClick"], Co = { class: "xp-tabs__content" }, Mo = {
   __name: "Tabs",
   props: {
     modelValue: {
@@ -1306,48 +1306,48 @@ const C = (e, n) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = z([]), u = M(() => {
-      var i;
-      return t.modelValue !== null && t.modelValue !== void 0 && t.modelValue !== "" ? t.modelValue : ((i = l.value[0]) == null ? void 0 : i.name) ?? null;
-    }), d = M(() => {
-      const i = l.value.findIndex((h) => h.name === u.value);
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = S([]), u = z(() => {
+      var r;
+      return t.modelValue !== null && t.modelValue !== void 0 && t.modelValue !== "" ? t.modelValue : ((r = l.value[0]) == null ? void 0 : r.name) ?? null;
+    }), d = z(() => {
+      const r = l.value.findIndex((m) => m.name === u.value);
       return {
-        transform: `translateX(${(i >= 0 ? i : 0) * 100}%)`,
+        transform: `translateX(${(r >= 0 ? r : 0) * 100}%)`,
         width: `${l.value.length ? 100 / l.value.length : 0}%`
       };
-    }), x = (i) => {
-      i.disabled || (s("update:modelValue", i.name), s("change", i.name));
+    }), v = (r) => {
+      r.disabled || (s("update:modelValue", r.name), s("change", r.name));
     };
-    return ke("xpTabs", { addTab: (i) => {
-      l.value.find((c) => c.name === i.name) || l.value.push(i);
-    }, removeTab: (i) => {
-      const c = l.value.findIndex((h) => h.name === i);
+    return be("xpTabs", { addTab: (r) => {
+      l.value.find((c) => c.name === r.name) || l.value.push(r);
+    }, removeTab: (r) => {
+      const c = l.value.findIndex((m) => m.name === r);
       c >= 0 && l.value.splice(c, 1);
-    }, currentValue: u }), (i, c) => (a(), r("div", sn, [
-      o("div", ln, [
-        (a(!0), r(_, null, V(l.value, (h, $) => (a(), r("div", {
-          key: h.name || $,
+    }, currentValue: u }), (r, c) => (i(), a("div", bo, [
+      n("div", wo, [
+        (i(!0), a(k, null, V(l.value, (m, w) => (i(), a("div", {
+          key: m.name || w,
           class: B(["xp-tabs__item", [
             {
-              "xp-tabs__item--active": u.value === h.name,
-              "xp-tabs__item--disabled": h.disabled
+              "xp-tabs__item--active": u.value === m.name,
+              "xp-tabs__item--disabled": m.disabled
             }
           ]]),
           role: "tab",
-          onClick: (w) => x(h)
-        }, k(h.title), 11, an))), 128)),
-        o("div", {
+          onClick: ($) => v(m)
+        }, b(m.title), 11, $o))), 128)),
+        n("div", {
           class: "xp-tabs__active-bar",
           style: T(d.value)
         }, null, 4)
       ]),
-      o("div", rn, [
-        b(i.$slots, "default", {}, void 0, !0)
+      n("div", Co, [
+        y(r.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}, un = /* @__PURE__ */ C(dn, [["__scopeId", "data-v-3e658dba"]]), cn = {
+}, So = /* @__PURE__ */ C(Mo, [["__scopeId", "data-v-3e658dba"]]), Bo = {
   __name: "Tag",
   props: {
     type: {
@@ -1378,17 +1378,17 @@ const C = (e, n) => {
     }
   },
   emits: ["click", "close"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = M(() => t.color ? t.color.startsWith("#") || t.color.startsWith("rgb") ? {
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = z(() => t.color ? t.color.startsWith("#") || t.color.startsWith("rgb") ? {
       backgroundColor: t.color,
       borderColor: t.color,
       color: "#fff"
-    } : {} : {}), u = (x) => {
-      s("click", x);
-    }, d = (x) => {
-      s("close", x);
+    } : {} : {}), u = (v) => {
+      s("click", v);
+    }, d = (v) => {
+      s("close", v);
     };
-    return (x, m) => (a(), r("span", {
+    return (v, h) => (i(), a("span", {
       class: B(["xp-tag", [
         `xp-tag--${e.type}`,
         `xp-tag--${e.size}`,
@@ -1401,25 +1401,25 @@ const C = (e, n) => {
       style: T(l.value),
       onClick: u
     }, [
-      b(x.$slots, "default", {}, void 0, !0),
-      e.closable ? (a(), r("span", {
+      y(v.$slots, "default", {}, void 0, !0),
+      e.closable ? (i(), a("span", {
         key: 0,
         class: "xp-tag__close",
-        onClick: j(d, ["stop"])
-      }, "×")) : g("", !0)
+        onClick: D(d, ["stop"])
+      }, "×")) : x("", !0)
     ], 6));
   }
-}, pn = /* @__PURE__ */ C(cn, [["__scopeId", "data-v-903813de"]]), fn = /^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/, mn = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*([\d.]+))?\s*\)$/;
+}, zo = /* @__PURE__ */ C(Bo, [["__scopeId", "data-v-903813de"]]), Io = /^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/, To = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*([\d.]+))?\s*\)$/;
 function Y(e) {
   if (typeof e != "string") return null;
-  const n = e.trim(), t = n.match(fn);
+  const o = e.trim(), t = o.match(Io);
   if (t) {
     let l = t[1];
-    l.length === 3 && (l = l.split("").map((m) => m + m).join(""));
-    const u = parseInt(l.slice(0, 2), 16), d = parseInt(l.slice(2, 4), 16), x = parseInt(l.slice(4, 6), 16);
-    return { r: u, g: d, b: x, a: 1 };
+    l.length === 3 && (l = l.split("").map((h) => h + h).join(""));
+    const u = parseInt(l.slice(0, 2), 16), d = parseInt(l.slice(2, 4), 16), v = parseInt(l.slice(4, 6), 16);
+    return { r: u, g: d, b: v, a: 1 };
   }
-  const s = n.match(mn);
+  const s = o.match(To);
   return s ? {
     r: parseInt(s[1], 10),
     g: parseInt(s[2], 10),
@@ -1427,43 +1427,43 @@ function Y(e) {
     a: s[4] ? parseFloat(s[4]) : 1
   } : null;
 }
-function hn(e) {
+function Vo(e) {
   return Math.max(0, Math.min(255, Math.round(e)));
 }
-function xn(e, n, t) {
-  const s = (l) => hn(l).toString(16).padStart(2, "0");
-  return "#" + s(e) + s(n) + s(t);
+function jo(e, o, t) {
+  const s = (l) => Vo(l).toString(16).padStart(2, "0");
+  return "#" + s(e) + s(o) + s(t);
 }
-function pe(e, n, t = 0.5) {
-  const s = Y(e), l = Y(n);
+function pe(e, o, t = 0.5) {
+  const s = Y(e), l = Y(o);
   if (!s || !l) return "#000000";
-  const u = Math.max(0, Math.min(1, t)), d = s.r * (1 - u) + l.r * u, x = s.g * (1 - u) + l.g * u, m = s.b * (1 - u) + l.b * u;
-  return xn(d, x, m);
+  const u = Math.max(0, Math.min(1, t)), d = s.r * (1 - u) + l.r * u, v = s.g * (1 - u) + l.g * u, h = s.b * (1 - u) + l.b * u;
+  return jo(d, v, h);
 }
-function G(e, n) {
-  return pe(e, "#ffffff", n);
+function G(e, o) {
+  return pe(e, "#ffffff", o);
 }
-function q(e, n) {
-  return pe(e, "#000000", n);
+function q(e, o) {
+  return pe(e, "#000000", o);
 }
-function xo(e) {
+function jn(e) {
   return G(e, 0.3);
 }
-function vo(e) {
+function En(e) {
   return q(e, 0.2);
 }
-function go(e, n) {
+function An(e, o) {
   const t = Y(e);
   if (!t) return e;
-  const s = Math.max(0, Math.min(1, n));
+  const s = Math.max(0, Math.min(1, o));
   return `rgba(${t.r}, ${t.g}, ${t.b}, ${s})`;
 }
-function yo(e) {
-  const n = Y(e);
-  return n ? (n.r * 299 + n.g * 587 + n.b * 114) / 1e3 < 128 : !1;
+function Dn(e) {
+  const o = Y(e);
+  return o ? (o.r * 299 + o.g * 587 + o.b * 114) / 1e3 < 128 : !1;
 }
-function fe(e, n) {
-  const t = G(e, 0.3), s = q(e, 0.2), l = n === "dark" ? q(e, 0.85) : G(e, 0.9), u = n === "dark" ? q(e, 0.7) : G(e, 0.7);
+function fe(e, o) {
+  const t = G(e, 0.3), s = q(e, 0.2), l = o === "dark" ? q(e, 0.85) : G(e, 0.9), u = o === "dark" ? q(e, 0.7) : G(e, 0.7);
   return { base: e, light: t, dark: s, bg: l, border: u };
 }
 const N = {
@@ -1472,7 +1472,7 @@ const N = {
   warning: "#e6a23c",
   danger: "#f56c6c",
   info: "#909399"
-}, J = {
+}, W = {
   light: {
     text: { primary: "#303133", regular: "#606266", secondary: "#909399", placeholder: "#c0c4cc" },
     border: { base: "#dcdfe6", light: "#ebeef5", lighter: "#f2f6fc" },
@@ -1501,45 +1501,45 @@ const N = {
 function F() {
   return {
     primary: { ...N },
-    light: se(J.light),
-    dark: se(J.dark)
+    light: se(W.light),
+    dark: se(W.dark)
   };
 }
 function se(e) {
   return JSON.parse(JSON.stringify(e));
 }
-function le(e, n) {
+function le(e, o) {
   const t = ["primary", "success", "warning", "danger", "info"], s = [];
   for (const l of t) {
-    const u = e[l] || N[l], d = fe(u, n);
+    const u = e[l] || N[l], d = fe(u, o);
     s.push(`  --xp-color-${l}: ${u};`), s.push(`  --xp-color-${l}-light: ${d.light};`), s.push(`  --xp-color-${l}-dark: ${d.dark};`), s.push(`  --xp-color-${l}-bg: ${d.bg};`), s.push(`  --xp-color-${l}-border: ${d.border};`);
   }
   return s.join(`
 `);
 }
-function ae(e) {
-  const n = [];
-  for (const t of Object.keys(e.text)) n.push(`  --xp-text-color-${t}: ${e.text[t]};`);
-  n.push(`  --xp-border-color: ${e.border.base};`), n.push(`  --xp-border-color-light: ${e.border.light};`), n.push(`  --xp-border-color-lighter: ${e.border.lighter};`);
+function ie(e) {
+  const o = [];
+  for (const t of Object.keys(e.text)) o.push(`  --xp-text-color-${t}: ${e.text[t]};`);
+  o.push(`  --xp-border-color: ${e.border.base};`), o.push(`  --xp-border-color-light: ${e.border.light};`), o.push(`  --xp-border-color-lighter: ${e.border.lighter};`);
   for (const t of Object.keys(e.bg)) {
     const s = t === "base" ? "" : `-${t}`;
-    n.push(`  --xp-bg-color${s}: ${e.bg[t]};`);
+    o.push(`  --xp-bg-color${s}: ${e.bg[t]};`);
   }
   for (const t of Object.keys(e.fill)) {
     const s = t === "base" ? "" : `-${t}`;
-    n.push(`  --xp-fill-color${s}: ${e.fill[t]};`);
+    o.push(`  --xp-fill-color${s}: ${e.fill[t]};`);
   }
-  for (const t of Object.keys(e.shadow)) n.push(`  --xp-shadow-${t}: ${e.shadow[t]};`);
-  return n.join(`
+  for (const t of Object.keys(e.shadow)) o.push(`  --xp-shadow-${t}: ${e.shadow[t]};`);
+  return o.join(`
 `);
 }
-function vn(e, n) {
+function Eo(e, o) {
   const t = {}, s = e.primary || N, l = ["primary", "success", "warning", "danger", "info"];
   for (const d of l) {
-    const x = s[d] || N[d], m = fe(x, n);
-    t[`--xp-color-${d}`] = x, t[`--xp-color-${d}-light`] = m.light, t[`--xp-color-${d}-dark`] = m.dark, t[`--xp-color-${d}-bg`] = m.bg, t[`--xp-color-${d}-border`] = m.border;
+    const v = s[d] || N[d], h = fe(v, o);
+    t[`--xp-color-${d}`] = v, t[`--xp-color-${d}-light`] = h.light, t[`--xp-color-${d}-dark`] = h.dark, t[`--xp-color-${d}-bg`] = h.bg, t[`--xp-color-${d}-border`] = h.border;
   }
-  const u = e[n] || J[n];
+  const u = e[o] || W[o];
   for (const d of Object.keys(u.text)) t[`--xp-text-color-${d}`] = u.text[d];
   t["--xp-border-color"] = u.border.base, t["--xp-border-color-light"] = u.border.light, t["--xp-border-color-lighter"] = u.border.lighter;
   for (const d of Object.keys(u.bg)) t[`--xp-bg-color${d === "base" ? "" : "-" + d}`] = u.bg[d];
@@ -1547,32 +1547,32 @@ function vn(e, n) {
   for (const d of Object.keys(u.shadow)) t[`--xp-shadow-${d}`] = u.shadow[d];
   return t;
 }
-function me(e) {
+function he(e) {
   return [
     ':root, [data-theme="light"] {',
     le(e.primary || N, "light"),
-    ae(e.light || J.light),
+    ie(e.light || W.light),
     "}",
     "",
     '[data-theme="dark"] {',
     le(e.primary || N, "dark"),
-    ae(e.dark || J.dark),
+    ie(e.dark || W.dark),
     "}"
   ].join(`
 `);
 }
 let U = null;
-function gn() {
+function Ao() {
   if (typeof document > "u") return null;
   if (U && document.contains(U)) return U;
   let e = document.querySelector("style[data-xp-ui-theme]");
   return e || (e = document.createElement("style"), e.setAttribute("data-xp-ui-theme", "true"), document.head.appendChild(e)), U = e, e;
 }
-function yn(e) {
-  const n = gn();
-  n && (n.textContent = me(e));
+function Do(e) {
+  const o = Ao();
+  o && (o.textContent = he(e));
 }
-const ee = z("light"), he = z(F());
+const ee = S("light"), me = S(F());
 function L(e) {
   if (["light", "dark"].includes(e) && (ee.value = e, typeof document < "u")) {
     document.documentElement.setAttribute("data-theme", e);
@@ -1582,22 +1582,22 @@ function L(e) {
     }
   }
 }
-function bn() {
+function No() {
   L(ee.value === "light" ? "dark" : "light");
 }
 function P(e) {
   if (!e) return;
-  const n = F();
-  e.primary && (n.primary = { ...n.primary, ...e.primary }), e.light && (n.light = Z(n.light, e.light)), e.dark && (n.dark = Z(n.dark, e.dark)), he.value = n, yn(n);
+  const o = F();
+  e.primary && (o.primary = { ...o.primary, ...e.primary }), e.light && (o.light = Z(o.light, e.light)), e.dark && (o.dark = Z(o.dark, e.dark)), me.value = o, Do(o);
   try {
-    localStorage.setItem("xp-ui-theme-config", JSON.stringify(n));
+    localStorage.setItem("xp-ui-theme-config", JSON.stringify(o));
   } catch {
   }
 }
-function _n() {
+function Fo() {
   P(F());
 }
-function kn() {
+function Ro() {
   if (typeof document > "u") return;
   let e = null;
   try {
@@ -1605,42 +1605,42 @@ function kn() {
   } catch {
   }
   e === "light" || e === "dark" ? L(e) : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? L("dark") : L("light");
-  let n = null;
+  let o = null;
   try {
-    n = localStorage.getItem("xp-ui-theme-config");
+    o = localStorage.getItem("xp-ui-theme-config");
   } catch {
   }
-  if (n)
+  if (o)
     try {
-      P(JSON.parse(n));
+      P(JSON.parse(o));
     } catch {
       P(F());
     }
   else
     P(F());
 }
-function Z(e, n) {
-  if (!n || typeof n != "object") return e;
+function Z(e, o) {
+  if (!o || typeof o != "object") return e;
   const t = Array.isArray(e) ? [...e] : { ...e };
-  for (const s of Object.keys(n))
-    n[s] && typeof n[s] == "object" && !Array.isArray(n[s]) ? t[s] = Z(e[s] || {}, n[s]) : t[s] = n[s];
+  for (const s of Object.keys(o))
+    o[s] && typeof o[s] == "object" && !Array.isArray(o[s]) ? t[s] = Z(e[s] || {}, o[s]) : t[s] = o[s];
   return t;
 }
-function $n() {
+function Oo() {
   return {
     theme: ee,
-    themeConfig: he,
+    themeConfig: me,
     setTheme: L,
-    toggleTheme: bn,
-    initTheme: kn,
+    toggleTheme: No,
+    initTheme: Ro,
     applyThemeConfig: P,
-    resetThemeConfig: _n,
+    resetThemeConfig: Fo,
     getDefaultThemeConfig: F,
-    buildCssString: me,
-    buildCssVars: vn
+    buildCssString: he,
+    buildCssVars: Eo
   };
 }
-const wn = ["data-theme"], Cn = { class: "xp-theme-customizer__header" }, Sn = { class: "xp-theme-customizer__body" }, zn = { class: "xp-theme-customizer__section" }, Bn = { class: "xp-theme-customizer__modes" }, Mn = ["onClick"], In = { class: "xp-theme-customizer__section" }, Tn = { class: "xp-theme-customizer__grid" }, Vn = { class: "xp-theme-customizer__label" }, En = { class: "xp-theme-customizer__input" }, An = ["value", "onInput"], Dn = ["value", "onChange"], jn = { class: "xp-theme-customizer__section" }, Nn = { class: "xp-theme-customizer__grid" }, Fn = { class: "xp-theme-customizer__label" }, Rn = { class: "xp-theme-customizer__input" }, On = ["value", "onInput"], Xn = ["value", "onChange"], Ln = { class: "xp-theme-customizer__section" }, Pn = { class: "xp-theme-customizer__grid" }, Wn = { class: "xp-theme-customizer__label" }, Jn = { class: "xp-theme-customizer__input" }, Hn = ["value", "onInput"], Un = ["value", "onChange"], Gn = { class: "xp-theme-customizer__section" }, qn = { class: "xp-theme-customizer__grid" }, Yn = { class: "xp-theme-customizer__label" }, Kn = { class: "xp-theme-customizer__input" }, Zn = ["value", "onInput"], Qn = ["value", "onChange"], eo = { class: "xp-theme-customizer__label" }, to = { class: "xp-theme-customizer__input" }, no = ["value", "onInput"], oo = ["value", "onChange"], so = {
+const Xo = ["data-theme"], Lo = { class: "xp-theme-customizer__header" }, Po = { class: "xp-theme-customizer__body" }, Ho = { class: "xp-theme-customizer__section" }, Wo = { class: "xp-theme-customizer__modes" }, Jo = ["onClick"], Uo = { class: "xp-theme-customizer__section" }, Go = { class: "xp-theme-customizer__grid" }, qo = { class: "xp-theme-customizer__label" }, Yo = { class: "xp-theme-customizer__input" }, Ko = ["value", "onInput"], Zo = ["value", "onChange"], Qo = { class: "xp-theme-customizer__section" }, en = { class: "xp-theme-customizer__grid" }, tn = { class: "xp-theme-customizer__label" }, on = { class: "xp-theme-customizer__input" }, nn = ["value", "onInput"], sn = ["value", "onChange"], ln = { class: "xp-theme-customizer__section" }, rn = { class: "xp-theme-customizer__grid" }, an = { class: "xp-theme-customizer__label" }, dn = { class: "xp-theme-customizer__input" }, un = ["value", "onInput"], cn = ["value", "onChange"], pn = { class: "xp-theme-customizer__section" }, fn = { class: "xp-theme-customizer__grid" }, hn = { class: "xp-theme-customizer__label" }, mn = { class: "xp-theme-customizer__input" }, vn = ["value", "onInput"], gn = ["value", "onChange"], xn = { class: "xp-theme-customizer__label" }, _n = { class: "xp-theme-customizer__input" }, yn = ["value", "onInput"], kn = ["value", "onChange"], bn = {
   __name: "ThemeCustomizer",
   props: {
     modelValue: {
@@ -1649,8 +1649,8 @@ const wn = ["data-theme"], Cn = { class: "xp-theme-customizer__header" }, Sn = {
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const { theme: t, applyThemeConfig: s, resetThemeConfig: l, getDefaultThemeConfig: u, buildCssString: d, themeConfig: x } = $n(), m = {
+  setup(e, { emit: o }) {
+    const { theme: t, applyThemeConfig: s, resetThemeConfig: l, getDefaultThemeConfig: u, buildCssString: d, themeConfig: v } = Oo(), h = {
       primary: "主色",
       success: "成功",
       warning: "警告",
@@ -1664,255 +1664,255 @@ const wn = ["data-theme"], Cn = { class: "xp-theme-customizer__header" }, Sn = {
       soft: "柔和",
       light: "亮",
       lighter: "更亮"
-    }, f = z("light"), i = z(null), c = $e(h(x.value));
-    re(x, (S) => Object.assign(c, h(S)), { deep: !0 });
-    function h(S) {
-      return JSON.parse(JSON.stringify(S));
+    }, f = S("light"), r = S(null), c = we(m(v.value));
+    ae(v, (M) => Object.assign(c, m(M)), { deep: !0 });
+    function m(M) {
+      return JSON.parse(JSON.stringify(M));
     }
-    function $(S) {
-      if (!S) return "#ffffff";
-      if (/^#([0-9a-f]{6})$/i.test(S)) return S.toLowerCase();
-      const v = S.match(/rgba?\(\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})/);
-      return v ? "#" + [v[1], v[2], v[3]].map((p) => Number(p).toString(16).padStart(2, "0")).join("") : "#ffffff";
+    function w(M) {
+      if (!M) return "#ffffff";
+      if (/^#([0-9a-f]{6})$/i.test(M)) return M.toLowerCase();
+      const g = M.match(/rgba?\(\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})/);
+      return g ? "#" + [g[1], g[2], g[3]].map((p) => Number(p).toString(16).padStart(2, "0")).join("") : "#ffffff";
     }
-    function w(S, v) {
-      c.primary[S] = v, s(c);
+    function $(M, g) {
+      c.primary[M] = g, s(c);
     }
-    function I(S, v, p) {
-      c[f.value][S][v] = p, s(c);
+    function I(M, g, p) {
+      c[f.value][M][g] = p, s(c);
     }
     function te() {
       l();
     }
-    function ve() {
-      ne("xp-ui-theme.json", JSON.stringify(c, null, 2), "application/json");
-    }
     function ge() {
-      ne("xp-ui-theme.css", d(c), "text/css");
+      oe("xp-ui-theme.json", JSON.stringify(c, null, 2), "application/json");
+    }
+    function xe() {
+      oe("xp-ui-theme.css", d(c), "text/css");
     }
-    function ye() {
-      i.value && i.value.click();
+    function _e() {
+      r.value && r.value.click();
     }
-    function be(S) {
-      const v = S.target.files && S.target.files[0];
-      if (!v) return;
+    function ye(M) {
+      const g = M.target.files && M.target.files[0];
+      if (!g) return;
       const p = new FileReader();
       p.onload = () => {
         try {
-          const y = JSON.parse(p.result);
-          s(y);
-        } catch (y) {
+          const _ = JSON.parse(p.result);
+          s(_);
+        } catch (_) {
           alert(`主题配置解析失败：
-` + y.message);
+` + _.message);
         } finally {
-          S.target.value = "";
+          M.target.value = "";
         }
-      }, p.readAsText(v);
+      }, p.readAsText(g);
     }
-    function ne(S, v, p) {
-      const y = new Blob([v], { type: p + ";charset=utf-8" }), oe = URL.createObjectURL(y), O = document.createElement("a");
-      O.href = oe, O.download = S, document.body.appendChild(O), O.click(), O.remove(), setTimeout(() => URL.revokeObjectURL(oe), 0);
+    function oe(M, g, p) {
+      const _ = new Blob([g], { type: p + ";charset=utf-8" }), ne = URL.createObjectURL(_), O = document.createElement("a");
+      O.href = ne, O.download = M, document.body.appendChild(O), O.click(), O.remove(), setTimeout(() => URL.revokeObjectURL(ne), 0);
     }
-    return (S, v) => (a(), r(_, null, [
-      A(D, { name: "xp-fade" }, {
-        default: E(() => [
-          e.modelValue ? (a(), r("div", {
+    return (M, g) => (i(), a(k, null, [
+      E(A, { name: "xp-fade" }, {
+        default: j(() => [
+          e.modelValue ? (i(), a("div", {
             key: 0,
             class: "xp-theme-customizer-backdrop",
-            onClick: v[0] || (v[0] = j((p) => S.$emit("update:modelValue", !1), ["self"]))
-          })) : g("", !0)
+            onClick: g[0] || (g[0] = D((p) => M.$emit("update:modelValue", !1), ["self"]))
+          })) : x("", !0)
         ]),
         _: 1
       }),
-      A(D, { name: "xp-slide" }, {
-        default: E(() => [
-          e.modelValue ? (a(), r("aside", {
+      E(A, { name: "xp-slide" }, {
+        default: j(() => [
+          e.modelValue ? (i(), a("aside", {
             key: 0,
             class: "xp-theme-customizer",
             "data-theme": ce(t)
           }, [
-            o("header", Cn, [
-              v[2] || (v[2] = o("div", { class: "xp-theme-customizer__title" }, "🎨 主题定制", -1)),
-              o("button", {
+            n("header", Lo, [
+              g[2] || (g[2] = n("div", { class: "xp-theme-customizer__title" }, "🎨 主题定制", -1)),
+              n("button", {
                 class: "xp-theme-customizer__close",
-                onClick: v[1] || (v[1] = (p) => S.$emit("update:modelValue", !1)),
+                onClick: g[1] || (g[1] = (p) => M.$emit("update:modelValue", !1)),
                 "aria-label": "关闭"
               }, "✕")
             ]),
-            o("div", Sn, [
-              o("section", zn, [
-                v[3] || (v[3] = o("p", { class: "xp-theme-customizer__desc" }, " 修改下方颜色即可改变整个示例/库的外观。导出后可直接放进你自己的项目中应用。 ", -1)),
-                o("div", Bn, [
-                  (a(), r(_, null, V(["light", "dark"], (p) => o("button", {
+            n("div", Po, [
+              n("section", Ho, [
+                g[3] || (g[3] = n("p", { class: "xp-theme-customizer__desc" }, " 修改下方颜色即可改变整个示例/库的外观。导出后可直接放进你自己的项目中应用。 ", -1)),
+                n("div", Wo, [
+                  (i(), a(k, null, V(["light", "dark"], (p) => n("button", {
                     key: p,
                     class: B(["xp-theme-customizer__mode-btn", { "is-active": f.value === p }]),
-                    onClick: (y) => f.value = p
-                  }, k(p === "light" ? "浅色" : "暗黑"), 11, Mn)), 64))
+                    onClick: (_) => f.value = p
+                  }, b(p === "light" ? "浅色" : "暗黑"), 11, Jo)), 64))
                 ])
               ]),
-              o("section", In, [
-                v[4] || (v[4] = o("h3", { class: "xp-theme-customizer__h" }, "主色", -1)),
-                o("div", Tn, [
-                  (a(), r(_, null, V(["primary", "success", "warning", "danger", "info"], (p) => o("div", {
+              n("section", Uo, [
+                g[4] || (g[4] = n("h3", { class: "xp-theme-customizer__h" }, "主色", -1)),
+                n("div", Go, [
+                  (i(), a(k, null, V(["primary", "success", "warning", "danger", "info"], (p) => n("div", {
                     key: p,
                     class: "xp-theme-customizer__item"
                   }, [
-                    o("div", Vn, k(m[p]), 1),
-                    o("div", En, [
-                      o("input", {
+                    n("div", qo, b(h[p]), 1),
+                    n("div", Yo, [
+                      n("input", {
                         type: "color",
                         value: c.primary[p],
-                        onInput: (y) => w(p, y.target.value)
-                      }, null, 40, An),
-                      o("input", {
+                        onInput: (_) => $(p, _.target.value)
+                      }, null, 40, Ko),
+                      n("input", {
                         type: "text",
                         value: c.primary[p],
-                        onChange: (y) => w(p, y.target.value)
-                      }, null, 40, Dn)
+                        onChange: (_) => $(p, _.target.value)
+                      }, null, 40, Zo)
                     ])
                   ])), 64))
                 ])
               ]),
-              o("section", jn, [
-                v[5] || (v[5] = o("h3", { class: "xp-theme-customizer__h" }, "文本", -1)),
-                o("div", Nn, [
-                  (a(), r(_, null, V(["primary", "regular", "secondary", "placeholder"], (p) => o("div", {
+              n("section", Qo, [
+                g[5] || (g[5] = n("h3", { class: "xp-theme-customizer__h" }, "文本", -1)),
+                n("div", en, [
+                  (i(), a(k, null, V(["primary", "regular", "secondary", "placeholder"], (p) => n("div", {
                     key: "t-" + p,
                     class: "xp-theme-customizer__item"
                   }, [
-                    o("div", Fn, k(m[p]), 1),
-                    o("div", Rn, [
-                      o("input", {
+                    n("div", tn, b(h[p]), 1),
+                    n("div", on, [
+                      n("input", {
                         type: "color",
-                        value: $(c[f.value].text[p]),
-                        onInput: (y) => I("text", p, y.target.value)
-                      }, null, 40, On),
-                      o("input", {
+                        value: w(c[f.value].text[p]),
+                        onInput: (_) => I("text", p, _.target.value)
+                      }, null, 40, nn),
+                      n("input", {
                         type: "text",
                         value: c[f.value].text[p],
-                        onChange: (y) => I("text", p, y.target.value)
-                      }, null, 40, Xn)
+                        onChange: (_) => I("text", p, _.target.value)
+                      }, null, 40, sn)
                     ])
                   ])), 64))
                 ])
               ]),
-              o("section", Ln, [
-                v[6] || (v[6] = o("h3", { class: "xp-theme-customizer__h" }, "背景", -1)),
-                o("div", Pn, [
-                  (a(), r(_, null, V(["base", "page", "soft"], (p) => o("div", {
+              n("section", ln, [
+                g[6] || (g[6] = n("h3", { class: "xp-theme-customizer__h" }, "背景", -1)),
+                n("div", rn, [
+                  (i(), a(k, null, V(["base", "page", "soft"], (p) => n("div", {
                     key: "bg-" + p,
                     class: "xp-theme-customizer__item"
                   }, [
-                    o("div", Wn, k(m[p]), 1),
-                    o("div", Jn, [
-                      o("input", {
+                    n("div", an, b(h[p]), 1),
+                    n("div", dn, [
+                      n("input", {
                         type: "color",
-                        value: $(c[f.value].bg[p]),
-                        onInput: (y) => I("bg", p, y.target.value)
-                      }, null, 40, Hn),
-                      o("input", {
+                        value: w(c[f.value].bg[p]),
+                        onInput: (_) => I("bg", p, _.target.value)
+                      }, null, 40, un),
+                      n("input", {
                         type: "text",
                         value: c[f.value].bg[p],
-                        onChange: (y) => I("bg", p, y.target.value)
-                      }, null, 40, Un)
+                        onChange: (_) => I("bg", p, _.target.value)
+                      }, null, 40, cn)
                     ])
                   ])), 64))
                 ])
               ]),
-              o("section", Gn, [
-                v[7] || (v[7] = o("h3", { class: "xp-theme-customizer__h" }, "边框 / 填充", -1)),
-                o("div", qn, [
-                  (a(), r(_, null, V(["base", "light", "lighter"], (p) => o("div", {
+              n("section", pn, [
+                g[7] || (g[7] = n("h3", { class: "xp-theme-customizer__h" }, "边框 / 填充", -1)),
+                n("div", fn, [
+                  (i(), a(k, null, V(["base", "light", "lighter"], (p) => n("div", {
                     key: "bd-" + p,
                     class: "xp-theme-customizer__item"
                   }, [
-                    o("div", Yn, "边框 - " + k(m[p]), 1),
-                    o("div", Kn, [
-                      o("input", {
+                    n("div", hn, "边框 - " + b(h[p]), 1),
+                    n("div", mn, [
+                      n("input", {
                         type: "color",
-                        value: $(c[f.value].border[p]),
-                        onInput: (y) => I("border", p, y.target.value)
-                      }, null, 40, Zn),
-                      o("input", {
+                        value: w(c[f.value].border[p]),
+                        onInput: (_) => I("border", p, _.target.value)
+                      }, null, 40, vn),
+                      n("input", {
                         type: "text",
                         value: c[f.value].border[p],
-                        onChange: (y) => I("border", p, y.target.value)
-                      }, null, 40, Qn)
+                        onChange: (_) => I("border", p, _.target.value)
+                      }, null, 40, gn)
                     ])
                   ])), 64)),
-                  (a(), r(_, null, V(["base", "light", "lighter"], (p) => o("div", {
+                  (i(), a(k, null, V(["base", "light", "lighter"], (p) => n("div", {
                     key: "fl-" + p,
                     class: "xp-theme-customizer__item"
                   }, [
-                    o("div", eo, "填充 - " + k(m[p]), 1),
-                    o("div", to, [
-                      o("input", {
+                    n("div", xn, "填充 - " + b(h[p]), 1),
+                    n("div", _n, [
+                      n("input", {
                         type: "color",
-                        value: $(c[f.value].fill[p]),
-                        onInput: (y) => I("fill", p, y.target.value)
-                      }, null, 40, no),
-                      o("input", {
+                        value: w(c[f.value].fill[p]),
+                        onInput: (_) => I("fill", p, _.target.value)
+                      }, null, 40, yn),
+                      n("input", {
                         type: "text",
                         value: c[f.value].fill[p],
-                        onChange: (y) => I("fill", p, y.target.value)
-                      }, null, 40, oo)
+                        onChange: (_) => I("fill", p, _.target.value)
+                      }, null, 40, kn)
                     ])
                   ])), 64))
                 ])
               ]),
-              v[8] || (v[8] = o("section", { class: "xp-theme-customizer__section" }, [
-                o("h3", { class: "xp-theme-customizer__h" }, "实时预览"),
-                o("div", { class: "xp-theme-customizer__preview" }, [
-                  o("div", { class: "xp-preview-row" }, [
-                    o("button", { class: "xp-preview-btn xp-preview-btn--primary" }, "Primary"),
-                    o("button", { class: "xp-preview-btn xp-preview-btn--success" }, "Success"),
-                    o("button", { class: "xp-preview-btn xp-preview-btn--warning" }, "Warning"),
-                    o("button", { class: "xp-preview-btn xp-preview-btn--danger" }, "Danger")
+              g[8] || (g[8] = n("section", { class: "xp-theme-customizer__section" }, [
+                n("h3", { class: "xp-theme-customizer__h" }, "实时预览"),
+                n("div", { class: "xp-theme-customizer__preview" }, [
+                  n("div", { class: "xp-preview-row" }, [
+                    n("button", { class: "xp-preview-btn xp-preview-btn--primary" }, "Primary"),
+                    n("button", { class: "xp-preview-btn xp-preview-btn--success" }, "Success"),
+                    n("button", { class: "xp-preview-btn xp-preview-btn--warning" }, "Warning"),
+                    n("button", { class: "xp-preview-btn xp-preview-btn--danger" }, "Danger")
                   ]),
-                  o("div", { class: "xp-preview-text xp-preview-text--primary" }, "主标题文本"),
-                  o("div", { class: "xp-preview-text" }, "正文内容样例 Regular text"),
-                  o("div", { class: "xp-preview-text xp-preview-text--secondary" }, "次要提示")
+                  n("div", { class: "xp-preview-text xp-preview-text--primary" }, "主标题文本"),
+                  n("div", { class: "xp-preview-text" }, "正文内容样例 Regular text"),
+                  n("div", { class: "xp-preview-text xp-preview-text--secondary" }, "次要提示")
                 ])
               ], -1))
             ]),
-            o("footer", { class: "xp-theme-customizer__footer" }, [
-              o("button", {
+            n("footer", { class: "xp-theme-customizer__footer" }, [
+              n("button", {
                 class: "xp-theme-customizer__action",
                 onClick: te
               }, "恢复默认"),
-              o("button", {
+              n("button", {
                 class: "xp-theme-customizer__action xp-theme-customizer__action--secondary",
-                onClick: ye
+                onClick: _e
               }, "导入 JSON"),
-              o("button", {
+              n("button", {
                 class: "xp-theme-customizer__action xp-theme-customizer__action--primary",
-                onClick: ve
+                onClick: ge
               }, "导出 JSON"),
-              o("button", {
+              n("button", {
                 class: "xp-theme-customizer__action xp-theme-customizer__action--primary",
-                onClick: ge
+                onClick: xe
               }, "导出 CSS")
             ]),
-            o("input", {
+            n("input", {
               ref_key: "importFileInput",
-              ref: i,
+              ref: r,
               type: "file",
               accept: "application/json,.json,.txt",
               class: "xp-theme-customizer__hidden",
-              onChange: be
+              onChange: ye
             }, null, 544)
-          ], 8, wn)) : g("", !0)
+          ], 8, Xo)) : x("", !0)
         ]),
         _: 1
       })
     ], 64));
   }
-}, X = z([]);
-let lo = 0;
-function bo() {
-  function e(n, t = "info", s = 2600) {
-    const l = ++lo;
-    X.value.push({ id: l, message: n, type: t }), setTimeout(() => {
+}, X = S([]);
+let wn = 0;
+function Nn() {
+  function e(o, t = "info", s = 2600) {
+    const l = ++wn;
+    X.value.push({ id: l, message: o, type: t }), setTimeout(() => {
       const u = X.value.findIndex((d) => d.id === l);
       u >= 0 && X.value.splice(u, 1);
     }, s);
@@ -1920,31 +1920,31 @@ function bo() {
   return {
     toasts: X,
     toast: e,
-    success: (n) => e(n, "success", 2200),
-    error: (n) => e(n, "error", 3600),
-    info: (n) => e(n, "info"),
-    warn: (n) => e(n, "warn", 2800)
+    success: (o) => e(o, "success", 2200),
+    error: (o) => e(o, "error", 3600),
+    info: (o) => e(o, "info"),
+    warn: (o) => e(o, "warn", 2800)
   };
 }
-const ao = {
+const $n = {
   class: "xp-toast-wrap",
   "aria-live": "polite"
-}, io = { class: "xp-toast__msg" }, ro = {
+}, Cn = { class: "xp-toast__msg" }, Mn = {
   __name: "Toast",
   setup(e) {
-    return (n, t) => (a(), R(H, { to: "body" }, [
-      o("div", ao, [
-        A(we, { name: "xp-toast" }, {
-          default: E(() => [
-            (a(!0), r(_, null, V(ce(X), (s) => (a(), r("div", {
+    return (o, t) => (i(), R(J, { to: "body" }, [
+      n("div", $n, [
+        E($e, { name: "xp-toast" }, {
+          default: j(() => [
+            (i(!0), a(k, null, V(ce(X), (s) => (i(), a("div", {
               key: s.id,
               class: B(["xp-toast", `xp-toast--${s.type}`])
             }, [
-              t[0] || (t[0] = o("span", {
+              t[0] || (t[0] = n("span", {
                 class: "xp-toast__dot",
                 "aria-hidden": "true"
               }, null, -1)),
-              o("span", io, k(s.message), 1)
+              n("span", Cn, b(s.message), 1)
             ], 2))), 128))
           ]),
           _: 1
@@ -1952,7 +1952,7 @@ const ao = {
       ])
     ]));
   }
-}, uo = /* @__PURE__ */ C(ro, [["__scopeId", "data-v-b564201c"]]), co = { class: "xp-tooltip__content" }, po = {
+}, Sn = /* @__PURE__ */ C(Mn, [["__scopeId", "data-v-b564201c"]]), Bn = { class: "xp-tooltip__content" }, zn = {
   __name: "Tooltip",
   props: {
     content: {
@@ -1975,159 +1975,159 @@ const ao = {
     }
   },
   setup(e) {
-    const n = e, t = z(!1), s = z({}), l = z(null), u = z(null);
+    const o = e, t = S(!1), s = S({}), l = S(null), u = S(null);
     let d = null;
-    const x = () => {
+    const v = () => {
       ue(() => {
         if (!l.value || !u.value) return;
-        const c = l.value.getBoundingClientRect(), h = u.value.getBoundingClientRect();
-        let $ = 0, w = 0;
-        switch (n.placement) {
+        const c = l.value.getBoundingClientRect(), m = u.value.getBoundingClientRect();
+        let w = 0, $ = 0;
+        switch (o.placement) {
           case "top":
-            $ = c.top - h.height - 8, w = c.left + c.width / 2 - h.width / 2;
+            w = c.top - m.height - 8, $ = c.left + c.width / 2 - m.width / 2;
             break;
           case "bottom":
-            $ = c.bottom + 8, w = c.left + c.width / 2 - h.width / 2;
+            w = c.bottom + 8, $ = c.left + c.width / 2 - m.width / 2;
             break;
           case "left":
-            $ = c.top + c.height / 2 - h.height / 2, w = c.left - h.width - 8;
+            w = c.top + c.height / 2 - m.height / 2, $ = c.left - m.width - 8;
             break;
           case "right":
-            $ = c.top + c.height / 2 - h.height / 2, w = c.right + 8;
+            w = c.top + c.height / 2 - m.height / 2, $ = c.right + 8;
             break;
         }
         s.value = {
-          top: `${$ + window.scrollY}px`,
-          left: `${w + window.scrollX}px`
+          top: `${w + window.scrollY}px`,
+          left: `${$ + window.scrollX}px`
         };
       });
-    }, m = () => {
-      n.disabled || (clearTimeout(d), d = setTimeout(() => {
-        t.value = !0, x();
+    }, h = () => {
+      o.disabled || (clearTimeout(d), d = setTimeout(() => {
+        t.value = !0, v();
       }, 100));
     }, f = () => {
       clearTimeout(d), d = setTimeout(() => {
         t.value = !1;
       }, 150);
-    }, i = () => {
-      n.trigger !== "click" || n.disabled || (t.value = !t.value, t.value && x());
+    }, r = () => {
+      o.trigger !== "click" || o.disabled || (t.value = !t.value, t.value && v());
     };
     return Q(() => {
       clearTimeout(d);
-    }), (c, h) => (a(), r("div", {
+    }), (c, m) => (i(), a("div", {
       class: "xp-tooltip",
       ref_key: "tooltipRef",
       ref: l
     }, [
-      o("div", {
+      n("div", {
         class: "xp-tooltip__trigger",
-        onMouseenter: m,
+        onMouseenter: h,
         onMouseleave: f,
-        onClick: i
+        onClick: r
       }, [
-        b(c.$slots, "default", {}, void 0, !0)
+        y(c.$slots, "default", {}, void 0, !0)
       ], 32),
-      (a(), R(H, { to: "body" }, [
-        A(D, { name: "xp-tooltip-fade" }, {
-          default: E(() => [
-            t.value ? (a(), r("div", {
+      (i(), R(J, { to: "body" }, [
+        E(A, { name: "xp-tooltip-fade" }, {
+          default: j(() => [
+            t.value ? (i(), a("div", {
               key: 0,
               class: B(["xp-tooltip__popper", [`xp-tooltip__popper--${e.placement}`]]),
               style: T(s.value),
               ref_key: "popperRef",
               ref: u
             }, [
-              o("div", co, [
-                b(c.$slots, "content", {}, () => [
-                  W(k(e.content), 1)
+              n("div", Bn, [
+                y(c.$slots, "content", {}, () => [
+                  H(b(e.content), 1)
                 ], !0)
               ]),
-              h[0] || (h[0] = o("div", { class: "xp-tooltip__arrow" }, null, -1))
-            ], 6)) : g("", !0)
+              m[0] || (m[0] = n("div", { class: "xp-tooltip__arrow" }, null, -1))
+            ], 6)) : x("", !0)
           ]),
           _: 3
         })
       ]))
     ], 512));
   }
-}, fo = /* @__PURE__ */ C(po, [["__scopeId", "data-v-6d9af40b"]]), xe = {
+}, In = /* @__PURE__ */ C(zn, [["__scopeId", "data-v-6d9af40b"]]), ve = {
   XpAlert: Ie,
-  XpAvatar: De,
+  XpAvatar: Ae,
   XpBadge: Fe,
   XpButton: K,
   XpCard: qe,
   XpCheckbox: et,
-  XpContextMenu: at,
+  XpContextMenu: it,
   XpDialog: pt,
-  XpDropdown: vt,
-  XpEmpty: $t,
-  XpFileIcon: St,
-  XpIcon: Tt,
-  XpInput: jt,
-  XpProgress: Rt,
-  XpRadio: Wt,
-  XpRate: Yt,
-  XpSwitch: en,
-  XpTabPane: on,
-  XpTabs: un,
-  XpTag: pn,
-  XpThemeCustomizer: so,
-  XpToast: uo,
-  XpTooltip: fo
-}, mo = (e) => {
-  Object.entries(xe).forEach(([n, t]) => {
-    e.component(n, t);
+  XpDropdown: gt,
+  XpEmpty: wt,
+  XpFileIcon: Mt,
+  XpIcon: Gt,
+  XpInput: Qt,
+  XpProgress: oo,
+  XpRadio: ro,
+  XpRate: ho,
+  XpSwitch: xo,
+  XpTabPane: ko,
+  XpTabs: So,
+  XpTag: zo,
+  XpThemeCustomizer: bn,
+  XpToast: Sn,
+  XpTooltip: In
+}, Tn = (e) => {
+  Object.entries(ve).forEach(([o, t]) => {
+    e.component(o, t);
   });
-}, _o = {
-  install: mo,
-  ...xe
+}, Fn = {
+  install: Tn,
+  ...ve
 };
 export {
   N as DEFAULT_PRIMARY,
-  J as DEFAULT_TOKENS,
+  W as DEFAULT_TOKENS,
   Ie as XpAlert,
-  De as XpAvatar,
+  Ae as XpAvatar,
   Fe as XpBadge,
   K as XpButton,
   qe as XpCard,
   et as XpCheckbox,
-  at as XpContextMenu,
+  it as XpContextMenu,
   pt as XpDialog,
-  vt as XpDropdown,
-  $t as XpEmpty,
-  St as XpFileIcon,
-  Tt as XpIcon,
-  jt as XpInput,
-  Rt as XpProgress,
-  Wt as XpRadio,
-  Yt as XpRate,
-  en as XpSwitch,
-  on as XpTabPane,
-  un as XpTabs,
-  pn as XpTag,
-  so as XpThemeCustomizer,
-  uo as XpToast,
-  fo as XpTooltip,
+  gt as XpDropdown,
+  wt as XpEmpty,
+  Mt as XpFileIcon,
+  Gt as XpIcon,
+  Qt as XpInput,
+  oo as XpProgress,
+  ro as XpRadio,
+  ho as XpRate,
+  xo as XpSwitch,
+  ko as XpTabPane,
+  So as XpTabs,
+  zo as XpTag,
+  bn as XpThemeCustomizer,
+  Sn as XpToast,
+  In as XpTooltip,
   P as applyThemeConfig,
-  me as buildCssString,
-  vn as buildCssVars,
+  he as buildCssString,
+  Eo as buildCssVars,
   q as darken,
-  _o as default,
-  vo as deriveDark,
-  xo as deriveLight,
+  Fn as default,
+  En as deriveDark,
+  jn as deriveLight,
   F as getDefaultThemeConfig,
-  kn as initTheme,
-  mo as install,
-  yo as isDark,
+  Ro as initTheme,
+  Tn as install,
+  Dn as isDark,
   G as lighten,
   pe as mix,
   Y as parseColor,
-  _n as resetThemeConfig,
+  Fo as resetThemeConfig,
   L as setTheme,
-  xn as toHex,
+  jo as toHex,
   X as toasts,
-  bn as toggleTheme,
-  $n as useTheme,
-  bo as useToast,
-  go as withAlpha
+  No as toggleTheme,
+  Oo as useTheme,
+  Nn as useToast,
+  An as withAlpha
 };