@xto/feedback 1.2.7 → 1.3.0

package/es/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as R, computed as B, openBlock as u, createElementBlock as f, normalizeStyle as P, normalizeClass as s, createElementVNode as z, renderSlot as H, createTextVNode as S, toDisplayString as $, ref as I, watch as ae, resolveComponent as ze, createBlock as Z, Teleport as oe, createVNode as E, Transition as K, withCtx as D, unref as o, withModifiers as re, createCommentVNode as C, withDirectives as ce, vShow as ue, Fragment as ge, renderList as be, nextTick as te, onUnmounted as de, onMounted as ye, reactive as Ce, createApp as Me, h as k } from "vue";
-import { useNamespace as j, useZIndex as Ve, useEscape as Le, nextMessageZIndex as He } from "@xto/core";
-const we = {
+import { defineComponent as S, computed as $, openBlock as u, createElementBlock as f, normalizeStyle as A, normalizeClass as s, createElementVNode as z, renderSlot as L, createTextVNode as P, toDisplayString as H, ref as E, watch as ae, resolveComponent as ze, createBlock as Z, Teleport as oe, createVNode as I, Transition as K, withCtx as N, unref as o, withModifiers as re, createCommentVNode as C, withDirectives as ce, vShow as ue, Fragment as Me, renderList as be, nextTick as te, onUnmounted as de, onMounted as xe, reactive as Ce, createApp as ge, h as k } from "vue";
+import { useNamespace as W, useZIndex as Be, useEscape as Ve, nextMessageZIndex as Le } from "@xto/core";
+const ye = {
   // 箭头类
   "arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
   "arrow-down": "M12 5v14m0 0l7-7m-7 7l-7-7",
@@ -201,10 +201,10 @@ const we = {
   up: "M5 15l7-7 7 7"
   // 上箭头
 };
-function $e(e) {
-  return e in we;
+function He(e) {
+  return e in ye;
 }
-const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X = /* @__PURE__ */ R({
+const $e = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ee = ["d"], D = /* @__PURE__ */ S({
   name: "XIcon",
   __name: "index",
   props: {
@@ -215,23 +215,23 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     strokeWidth: { default: 2 }
   },
   setup(e, { expose: n }) {
-    const t = e, r = j("icon"), a = B(() => typeof t.size == "number" ? `${t.size}px` : t.size), i = B(() => ({
+    const t = e, r = W("icon"), a = $(() => typeof t.size == "number" ? `${t.size}px` : t.size), i = $(() => ({
       width: a.value,
       height: a.value,
       color: t.color
-    })), m = B(() => ({
+    })), m = $(() => ({
       strokeWidth: t.strokeWidth
-    })), g = B(() => [
+    })), M = $(() => [
       r.b(),
       r.is("spin", t.spin)
-    ]), v = B(() => t.name && $e(t.name) ? we[t.name] : "");
+    ]), v = $(() => t.name && He(t.name) ? ye[t.name] : "");
     return n({
       iconSize: a,
       iconStyle: i,
       iconPath: v
-    }), (c, x) => (u(), f("span", {
-      class: s(g.value),
-      style: P(i.value),
+    }), (c, w) => (u(), f("span", {
+      class: s(M.value),
+      style: A(i.value),
       "aria-hidden": !e.name,
       "aria-label": e.name,
       role: "img"
@@ -244,16 +244,16 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
         "stroke-width": e.strokeWidth,
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
-        style: P(m.value),
+        style: A(m.value),
         "aria-hidden": "true"
       }, [
-        z("path", { d: v.value }, null, 8, Ie)
-      ], 12, Te)) : H(c.$slots, "default", { key: 1 }, () => [
-        S($(e.name), 1)
+        z("path", { d: v.value }, null, 8, Ee)
+      ], 12, Te)) : L(c.$slots, "default", { key: 1 }, () => [
+        P(H(e.name), 1)
       ])
-    ], 14, Be));
+    ], 14, $e));
   }
-}), rt = /* @__PURE__ */ R({
+}), rt = /* @__PURE__ */ S({
   name: "XModal",
   inheritAttrs: !1,
   __name: "index",
@@ -272,45 +272,45 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:modelValue", "update:open", "close", "open", "ok", "cancel"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = j("modal"), { next: i } = Ve(), m = I(i()), g = B({
+    const t = e, r = n, a = W("modal"), { next: i } = Be(), m = E(i()), M = $({
       get: () => t.modelValue !== void 0 ? t.modelValue : t.open !== void 0 ? t.open : !1,
       set: (h) => {
         t.modelValue !== void 0 && r("update:modelValue", h), t.open !== void 0 && r("update:open", h), t.modelValue === void 0 && t.open === void 0 && r("update:modelValue", h);
       }
-    }), v = I(), c = () => {
-      g.value = !1, r("cancel"), r("close");
-    }, x = () => {
+    }), v = E(), c = () => {
+      M.value = !1, r("cancel"), r("close");
+    }, w = () => {
       r("ok");
     }, p = () => {
       t.closeOnClickModal && t.modal && c();
     };
-    Le(() => {
-      t.closeOnPressEscape && g.value && c();
+    Ve(() => {
+      t.closeOnPressEscape && M.value && c();
     }), ae(() => [t.modelValue, t.open], ([h, l]) => {
       (h !== void 0 ? h : l) && (m.value = i(), r("open"));
     }, { immediate: !0 });
-    const w = B(() => ({
+    const y = $(() => ({
       paddingTop: t.top
-    })), M = B(() => ({
+    })), g = $(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width,
       zIndex: m.value
     }));
     return (h, l) => {
       const b = ze("x-button");
       return u(), Z(oe, { to: "body" }, [
-        E(K, { name: "x-modal-fade" }, {
-          default: D(() => [
-            g.value ? (u(), f("div", {
+        I(K, { name: "x-modal-fade" }, {
+          default: N(() => [
+            M.value ? (u(), f("div", {
               key: 0,
               class: s(o(a).e("wrapper")),
-              style: P(w.value),
+              style: A(y.value),
               onClick: p
             }, [
               z("div", {
                 ref_key: "modalRef",
                 ref: v,
                 class: s(o(a).b()),
-                style: P(M.value),
+                style: A(g.value),
                 onClick: l[0] || (l[0] = re(() => {
                 }, ["stop"]))
               }, [
@@ -320,8 +320,8 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                   z("span", {
                     class: s(o(a).e("title"))
                   }, [
-                    H(h.$slots, "title", {}, () => [
-                      S($(e.title), 1)
+                    L(h.$slots, "title", {}, () => [
+                      P(H(e.title), 1)
                     ])
                   ], 2),
                   e.showClose ? (u(), f("button", {
@@ -329,7 +329,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                     class: s(o(a).e("close")),
                     onClick: c
                   }, [
-                    E(o(X), {
+                    I(o(D), {
                       name: "close",
                       size: 16
                     })
@@ -338,33 +338,33 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                 z("div", {
                   class: s(o(a).e("body"))
                 }, [
-                  H(h.$slots, "default")
+                  L(h.$slots, "default")
                 ], 2),
                 h.$slots.footer ? (u(), f("div", {
                   key: 0,
                   class: s(o(a).e("footer"))
                 }, [
-                  H(h.$slots, "footer", {
-                    ok: x,
+                  L(h.$slots, "footer", {
+                    ok: w,
                     cancel: c
                   })
                 ], 2)) : h.$slots.footer ? C("", !0) : (u(), f("div", {
                   key: 1,
                   class: s(o(a).e("footer"))
                 }, [
-                  E(b, { onClick: c }, {
-                    default: D(() => [...l[1] || (l[1] = [
-                      S("取消", -1)
+                  I(b, { onClick: c }, {
+                    default: N(() => [...l[1] || (l[1] = [
+                      P("取消", -1)
                     ])]),
                     _: 1
                   }),
-                  E(b, {
+                  I(b, {
                     type: "primary",
                     style: { "margin-left": "8px" },
-                    onClick: x
+                    onClick: w
                   }, {
-                    default: D(() => [...l[2] || (l[2] = [
-                      S("确定", -1)
+                    default: N(() => [...l[2] || (l[2] = [
+                      P("确定", -1)
                     ])]),
                     _: 1
                   })
@@ -377,7 +377,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       ]);
     };
   }
-}), ct = /* @__PURE__ */ R({
+}), ct = /* @__PURE__ */ S({
   name: "XDrawer",
   inheritAttrs: !1,
   __name: "index",
@@ -396,9 +396,9 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:modelValue", "close", "open"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = j("drawer"), i = I(2e3), m = () => {
+    const t = e, r = n, a = W("drawer"), i = E(2e3), m = () => {
       r("update:modelValue", !1), r("close");
-    }, g = () => {
+    }, M = () => {
       t.closeOnClickModal && m();
     }, v = (p) => {
       p.key === "Escape" && t.modelValue && m();
@@ -406,29 +406,29 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     ae(() => t.modelValue, (p) => {
       p ? (i.value = 2e3 + Math.floor(Math.random() * 100), r("open"), document.addEventListener("keydown", v)) : document.removeEventListener("keydown", v);
     });
-    const c = B(() => ({
+    const c = $(() => ({
       zIndex: i.value
-    })), x = B(() => {
-      const p = t.direction ?? t.placement ?? "rtl", w = t.size ?? t.width ?? "30%", M = typeof w == "number" ? `${w}px` : w;
+    })), w = $(() => {
+      const p = t.direction ?? t.placement ?? "rtl", y = t.size ?? t.width ?? "30%", g = typeof y == "number" ? `${y}px` : y;
       return {
-        ltr: { width: M, height: "100%" },
-        rtl: { width: M, height: "100%" },
-        ttb: { width: "100%", height: M },
-        btt: { width: "100%", height: M }
+        ltr: { width: g, height: "100%" },
+        rtl: { width: g, height: "100%" },
+        ttb: { width: "100%", height: g },
+        btt: { width: "100%", height: g }
       }[p];
     });
-    return (p, w) => (u(), Z(oe, { to: "body" }, [
-      E(K, { name: "x-drawer-fade" }, {
-        default: D(() => [
+    return (p, y) => (u(), Z(oe, { to: "body" }, [
+      I(K, { name: "x-drawer-fade" }, {
+        default: N(() => [
           ce(z("div", {
             class: s([o(a).e("overlay"), { [o(a).em("overlay", "no-modal")]: !e.modal }]),
-            style: P(c.value),
-            onClick: g
+            style: A(c.value),
+            onClick: M
           }, [
             z("div", {
               class: s([o(a).b(), o(a).m(e.direction ?? e.placement ?? "rtl")]),
-              style: P(x.value),
-              onClick: w[0] || (w[0] = re(() => {
+              style: A(w.value),
+              onClick: y[0] || (y[0] = re(() => {
               }, ["stop"]))
             }, [
               e.withHeader ? (u(), f("div", {
@@ -438,8 +438,8 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                 z("span", {
                   class: s(o(a).e("title"))
                 }, [
-                  H(p.$slots, "title", {}, () => [
-                    S($(e.title), 1)
+                  L(p.$slots, "title", {}, () => [
+                    P(H(e.title), 1)
                   ])
                 ], 2),
                 e.showClose ? (u(), f("button", {
@@ -447,7 +447,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                   class: s(o(a).e("close")),
                   onClick: m
                 }, [
-                  E(o(X), {
+                  I(o(D), {
                     name: "close",
                     size: 18
                   })
@@ -456,13 +456,13 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
               z("div", {
                 class: s([o(a).e("body"), p.$slots.footer && o(a).em("body", "has-footer")])
               }, [
-                H(p.$slots, "default")
+                L(p.$slots, "default")
               ], 2),
               p.$slots.footer ? (u(), f("div", {
                 key: 1,
                 class: s(o(a).e("footer"))
               }, [
-                H(p.$slots, "footer")
+                L(p.$slots, "footer")
               ], 2)) : C("", !0)
             ], 6)
           ], 6), [
@@ -473,10 +473,10 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       })
     ]));
   }
-}), Ee = {
+}), Ie = {
   key: 0,
   class: "required-mark"
-}, Ae = ["value", "placeholder", "disabled", "onInput"], Pe = ["value", "placeholder", "disabled", "onInput"], Se = ["value", "placeholder", "disabled", "onInput"], Re = ["value", "disabled", "onChange"], Oe = ["value"], We = ["disabled", "onClick"], ut = /* @__PURE__ */ R({
+}, Fe = ["value", "placeholder", "disabled", "onInput"], Ae = ["value", "placeholder", "disabled", "onInput"], Pe = ["value", "placeholder", "disabled", "onInput"], Se = ["value", "disabled", "onChange"], Re = ["value"], Oe = ["disabled", "onClick"], ut = /* @__PURE__ */ S({
   name: "XDrawerForm",
   __name: "index",
   props: {
@@ -494,48 +494,48 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:modelValue", "confirm", "cancel", "close", "field-change"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = j("drawer-form"), i = I({}), m = I({});
-    B(() => [
+    const t = e, r = n, a = W("drawer-form"), i = E({}), m = E({});
+    $(() => [
       a.b()
-    ]), ae(() => t.formData, (M) => {
-      i.value = { ...M };
+    ]), ae(() => t.formData, (g) => {
+      i.value = { ...g };
     }, { immediate: !0, deep: !0 });
-    const g = B(() => typeof t.size == "number" ? `${t.size}px` : t.size), v = () => {
+    const M = $(() => typeof t.size == "number" ? `${t.size}px` : t.size), v = () => {
       r("update:modelValue", !1), r("close");
     }, c = () => {
       r("cancel"), v();
-    }, x = () => {
+    }, w = () => {
       p() && (r("confirm", i.value), v());
     }, p = () => {
       m.value = {};
-      for (const M of t.fields) {
-        if (M.required) {
-          const h = i.value[M.name];
+      for (const g of t.fields) {
+        if (g.required) {
+          const h = i.value[g.name];
           if (h == null || h === "") {
-            m.value[M.name] = `${M.label}为必填项`;
+            m.value[g.name] = `${g.label}为必填项`;
             continue;
           }
         }
-        if (M.rules)
-          for (const h of M.rules) {
-            const l = i.value[M.name];
-            h.type === "email" && l && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l) && (m.value[M.name] = h.message), h.type === "minLength" && l && l.length < h.min && (m.value[M.name] = h.message);
+        if (g.rules)
+          for (const h of g.rules) {
+            const l = i.value[g.name];
+            h.type === "email" && l && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l) && (m.value[g.name] = h.message), h.type === "minLength" && l && l.length < h.min && (m.value[g.name] = h.message);
           }
       }
       return Object.keys(m.value).length === 0;
-    }, w = (M, h) => {
-      i.value[M] = h, r("field-change", M, h);
+    }, y = (g, h) => {
+      i.value[g] = h, r("field-change", g, h);
     };
-    return (M, h) => (u(), Z(oe, { to: "body" }, [
-      E(K, { name: "drawer-form-fade" }, {
-        default: D(() => [
+    return (g, h) => (u(), Z(oe, { to: "body" }, [
+      I(K, { name: "drawer-form-fade" }, {
+        default: N(() => [
           ce(z("div", {
             class: s(o(a).e("overlay")),
             onClick: v
           }, [
             z("div", {
               class: s(o(a).b()),
-              style: P({ width: g.value }),
+              style: A({ width: M.value }),
               onClick: h[0] || (h[0] = re(() => {
               }, ["stop"]))
             }, [
@@ -544,12 +544,12 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
               }, [
                 z("span", {
                   class: s(o(a).e("title"))
-                }, $(e.title), 3),
+                }, H(e.title), 3),
                 z("button", {
                   class: s(o(a).e("close")),
                   onClick: v
                 }, [
-                  E(o(X), {
+                  I(o(D), {
                     name: "close",
                     size: 16
                   })
@@ -562,15 +562,15 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                   key: 0,
                   class: s(o(a).e("form"))
                 }, [
-                  (u(!0), f(ge, null, be(e.fields, (l) => (u(), f("div", {
+                  (u(!0), f(Me, null, be(e.fields, (l) => (u(), f("div", {
                     key: l.name,
                     class: s(o(a).e("field"))
                   }, [
                     z("label", {
                       class: s(o(a).e("label"))
                     }, [
-                      S($(l.label) + " ", 1),
-                      l.required ? (u(), f("span", Ee, "*")) : C("", !0)
+                      P(H(l.label) + " ", 1),
+                      l.required ? (u(), f("span", Ie, "*")) : C("", !0)
                     ], 2),
                     l.type === "input" ? (u(), f("input", {
                       key: 0,
@@ -578,48 +578,48 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                       value: i.value[l.name],
                       placeholder: l.placeholder,
                       disabled: e.disabled || l.disabled,
-                      onInput: (b) => w(l.name, b.target.value)
-                    }, null, 42, Ae)) : l.type === "textarea" ? (u(), f("textarea", {
+                      onInput: (b) => y(l.name, b.target.value)
+                    }, null, 42, Fe)) : l.type === "textarea" ? (u(), f("textarea", {
                       key: 1,
                       class: s([o(a).e("textarea"), { "has-error": m.value[l.name] }]),
                       value: i.value[l.name],
                       placeholder: l.placeholder,
                       disabled: e.disabled || l.disabled,
                       rows: "4",
-                      onInput: (b) => w(l.name, b.target.value)
-                    }, null, 42, Pe)) : l.type === "number" ? (u(), f("input", {
+                      onInput: (b) => y(l.name, b.target.value)
+                    }, null, 42, Ae)) : l.type === "number" ? (u(), f("input", {
                       key: 2,
                       type: "number",
                       class: s([o(a).e("input"), { "has-error": m.value[l.name] }]),
                       value: i.value[l.name],
                       placeholder: l.placeholder,
                       disabled: e.disabled || l.disabled,
-                      onInput: (b) => w(l.name, Number(b.target.value))
-                    }, null, 42, Se)) : l.type === "select" ? (u(), f("select", {
+                      onInput: (b) => y(l.name, Number(b.target.value))
+                    }, null, 42, Pe)) : l.type === "select" ? (u(), f("select", {
                       key: 3,
                       class: s([o(a).e("select"), { "has-error": m.value[l.name] }]),
                       value: i.value[l.name],
                       disabled: e.disabled || l.disabled,
-                      onChange: (b) => w(l.name, b.target.value)
+                      onChange: (b) => y(l.name, b.target.value)
                     }, [
-                      (u(!0), f(ge, null, be(l.options, (b) => (u(), f("option", {
+                      (u(!0), f(Me, null, be(l.options, (b) => (u(), f("option", {
                         key: b.value,
                         value: b.value
-                      }, $(b.label), 9, Oe))), 128))
-                    ], 42, Re)) : l.type === "switch" ? (u(), f("div", {
+                      }, H(b.label), 9, Re))), 128))
+                    ], 42, Se)) : l.type === "switch" ? (u(), f("div", {
                       key: 4,
                       class: s(o(a).e("switch"))
                     }, [
                       z("button", {
                         class: s(["switch-btn", { "is-on": i.value[l.name] }]),
                         disabled: e.disabled || l.disabled,
-                        onClick: (b) => w(l.name, !i.value[l.name])
-                      }, $(i.value[l.name] ? "开启" : "关闭"), 11, We)
+                        onClick: (b) => y(l.name, !i.value[l.name])
+                      }, H(i.value[l.name] ? "开启" : "关闭"), 11, Oe)
                     ], 2)) : C("", !0),
                     m.value[l.name] ? (u(), f("span", {
                       key: 5,
                       class: s(o(a).e("error"))
-                    }, $(m.value[l.name]), 3)) : C("", !0)
+                    }, H(m.value[l.name]), 3)) : C("", !0)
                   ], 2))), 128))
                 ], 2)) : C("", !0)
               ], 2),
@@ -630,12 +630,12 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                   key: 0,
                   class: s(o(a).e("cancel")),
                   onClick: c
-                }, $(e.cancelText), 3)) : C("", !0),
+                }, H(e.cancelText), 3)) : C("", !0),
                 e.showConfirm ? (u(), f("button", {
                   key: 1,
                   class: s(o(a).e("confirm")),
-                  onClick: x
-                }, $(e.confirmText), 3)) : C("", !0)
+                  onClick: w
+                }, H(e.confirmText), 3)) : C("", !0)
               ], 2)
             ], 6)
           ], 2), [
@@ -646,7 +646,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       })
     ]));
   }
-}), dt = /* @__PURE__ */ R({
+}), dt = /* @__PURE__ */ S({
   name: "XAlert",
   __name: "index",
   props: {
@@ -659,12 +659,12 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["close"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = j("alert"), i = I(!0), m = {
+    const t = e, r = n, a = W("alert"), i = E(!0), m = {
       success: "check",
       warning: "warning",
       error: "close-circle",
       info: "info"
-    }, g = B(() => [
+    }, M = $(() => [
       a.b(),
       a.m(t.type),
       a.is("center", t.center),
@@ -672,17 +672,17 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     ]), v = (c) => {
       i.value = !1, r("close", c);
     };
-    return (c, x) => (u(), Z(K, { name: "x-alert-fade" }, {
-      default: D(() => [
+    return (c, w) => (u(), Z(K, { name: "x-alert-fade" }, {
+      default: N(() => [
         i.value ? (u(), f("div", {
           key: 0,
-          class: s(g.value)
+          class: s(M.value)
         }, [
           e.showIcon ? (u(), f("span", {
             key: 0,
             class: s(o(a).e("icon"))
           }, [
-            E(o(X), {
+            I(o(D), {
               name: m[e.type],
               size: 16
             }, null, 8, ["name"])
@@ -694,16 +694,16 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
               key: 0,
               class: s(o(a).e("title"))
             }, [
-              H(c.$slots, "title", {}, () => [
-                S($(e.title), 1)
+              L(c.$slots, "title", {}, () => [
+                P(H(e.title), 1)
               ])
             ], 2)) : C("", !0),
             e.description || c.$slots.default ? (u(), f("span", {
               key: 1,
               class: s(o(a).e("description"))
             }, [
-              H(c.$slots, "default", {}, () => [
-                S($(e.description), 1)
+              L(c.$slots, "default", {}, () => [
+                P(H(e.description), 1)
               ])
             ], 2)) : C("", !0)
           ], 2),
@@ -712,7 +712,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
             class: s(o(a).e("close")),
             onClick: v
           }, [
-            E(o(X), {
+            I(o(D), {
               name: "close",
               size: 14
             })
@@ -722,7 +722,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       _: 3
     }));
   }
-}), mt = /* @__PURE__ */ R({
+}), mt = /* @__PURE__ */ S({
   name: "XTooltip",
   __name: "index",
   props: {
@@ -739,36 +739,36 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:visible", "show", "hide"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = j("tooltip"), i = I(!1), m = I(), g = I();
+    const t = e, r = n, a = W("tooltip"), i = E(!1), m = E(), M = E();
     let v, c;
-    const x = I({}), p = () => {
-      if (!m.value || !g.value) return;
-      const L = m.value.getBoundingClientRect(), F = g.value;
-      F.style.visibility = "hidden", F.style.display = "block";
-      const N = F.offsetWidth, U = F.offsetHeight, q = t.offset, he = window.innerWidth, fe = window.innerHeight;
-      let O = 0, W = 0, J = t.placement;
+    const w = E({}), p = () => {
+      if (!m.value || !M.value) return;
+      const V = m.value.getBoundingClientRect(), X = M.value;
+      X.style.visibility = "hidden", X.style.display = "block";
+      const j = X.offsetWidth, U = X.offsetHeight, q = t.offset, he = window.innerWidth, fe = window.innerHeight;
+      let R = 0, O = 0, J = t.placement;
       switch (t.placement) {
         case "top":
-          O = L.top - U - q, W = L.left + (L.width - N) / 2;
+          R = V.top - U - q, O = V.left + (V.width - j) / 2;
           break;
         case "bottom":
-          O = L.bottom + q, W = L.left + (L.width - N) / 2;
+          R = V.bottom + q, O = V.left + (V.width - j) / 2;
           break;
         case "left":
-          O = L.top + (L.height - U) / 2, W = L.left - N - q;
+          R = V.top + (V.height - U) / 2, O = V.left - j - q;
           break;
         case "right":
-          O = L.top + (L.height - U) / 2, W = L.right + q;
+          R = V.top + (V.height - U) / 2, O = V.right + q;
           break;
       }
-      t.placement === "top" && O < 0 ? (J = "bottom", O = L.bottom + q) : t.placement === "bottom" && O + U > fe ? (J = "top", O = L.top - U - q) : t.placement === "left" && W < 0 ? (J = "right", W = L.right + q) : t.placement === "right" && W + N > he && (J = "left", W = L.left - N - q), W < 8 && (W = 8), W + N > he - 8 && (W = he - N - 8), O < 8 && (O = 8), O + U > fe - 8 && (O = fe - U - 8), x.value = {
+      t.placement === "top" && R < 0 ? (J = "bottom", R = V.bottom + q) : t.placement === "bottom" && R + U > fe ? (J = "top", R = V.top - U - q) : t.placement === "left" && O < 0 ? (J = "right", O = V.right + q) : t.placement === "right" && O + j > he && (J = "left", O = V.left - j - q), O < 8 && (O = 8), O + j > he - 8 && (O = he - j - 8), R < 8 && (R = 8), R + U > fe - 8 && (R = fe - U - 8), w.value = {
         position: "fixed",
-        top: `${O}px`,
-        left: `${W}px`,
+        top: `${R}px`,
+        left: `${O}px`,
         visibility: "visible",
         zIndex: "2000"
-      }, w.value = J;
-    }, w = I(t.placement), M = () => {
+      }, y.value = J;
+    }, y = E(t.placement), g = () => {
       t.disabled || (clearTimeout(c), v = setTimeout(() => {
         i.value = !0, r("update:visible", !0), r("show"), te(() => {
           p();
@@ -779,38 +779,38 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
         i.value = !1, r("update:visible", !1), r("hide");
       }, t.closeDelay);
     }, l = () => {
-      i.value ? h() : M();
+      i.value ? h() : g();
     }, b = () => {
-      t.trigger === "hover" && M();
+      t.trigger === "hover" && g();
     }, d = () => {
       t.trigger === "hover" && h();
-    }, y = () => {
+    }, x = () => {
       t.trigger === "click" && l();
     }, Y = () => {
-      t.trigger === "focus" && M();
-    }, A = () => {
+      t.trigger === "focus" && g();
+    }, F = () => {
       t.trigger === "focus" && h();
-    }, T = (L) => {
-      var F, N;
-      t.trigger === "click" && !((F = m.value) != null && F.contains(L.target)) && !((N = g.value) != null && N.contains(L.target)) && h();
-    }, V = () => {
+    }, T = (V) => {
+      var X, j;
+      t.trigger === "click" && !((X = m.value) != null && X.contains(V.target)) && !((j = M.value) != null && j.contains(V.target)) && h();
+    }, B = () => {
       i.value && p();
     };
-    ae(i, (L) => {
-      L ? te(() => {
-        p(), t.trigger === "click" && document.addEventListener("click", T), window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
-      }) : (document.removeEventListener("click", T), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V));
+    ae(i, (V) => {
+      V ? te(() => {
+        p(), t.trigger === "click" && document.addEventListener("click", T), window.addEventListener("scroll", B, !0), window.addEventListener("resize", B);
+      }) : (document.removeEventListener("click", T), window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B));
     }), de(() => {
-      clearTimeout(v), clearTimeout(c), document.removeEventListener("click", T), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
+      clearTimeout(v), clearTimeout(c), document.removeEventListener("click", T), window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B);
     });
-    const le = B(() => [
+    const le = $(() => [
       a.b(),
       a.m(t.effect)
-    ]), ne = B(() => [
+    ]), ne = $(() => [
       a.e("arrow"),
-      a.e(`arrow-${w.value}`)
+      a.e(`arrow-${y.value}`)
     ]);
-    return (L, F) => (u(), f("div", {
+    return (V, X) => (u(), f("div", {
       class: s(o(a).e("wrapper"))
     }, [
       z("div", {
@@ -819,27 +819,27 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
         class: s(o(a).e("trigger")),
         onMouseenter: b,
         onMouseleave: d,
-        onClick: y,
+        onClick: x,
         onFocus: Y,
-        onBlur: A
+        onBlur: F
       }, [
-        H(L.$slots, "default")
+        L(V.$slots, "default")
       ], 34),
       (u(), Z(oe, { to: "body" }, [
-        E(K, {
+        I(K, {
           name: `x-tooltip-${e.transition}`
         }, {
-          default: D(() => [
+          default: N(() => [
             ce(z("div", {
               ref_key: "tooltipRef",
-              ref: g,
+              ref: M,
               class: s(le.value),
-              style: P(x.value),
+              style: A(w.value),
               onMouseenter: b,
               onMouseleave: d
             }, [
-              H(L.$slots, "content", {}, () => [
-                S($(e.content), 1)
+              L(V.$slots, "content", {}, () => [
+                P(H(e.content), 1)
               ]),
               e.visibleArrow ? (u(), f("div", {
                 key: 0,
@@ -854,7 +854,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       ]))
     ], 2));
   }
-}), je = { class: "x-popconfirm-wrapper" }, Ne = { class: "x-popconfirm__main" }, De = { class: "x-popconfirm__title" }, Xe = { class: "x-popconfirm__action" }, ht = /* @__PURE__ */ R({
+}), We = { class: "x-popconfirm-wrapper" }, je = { class: "x-popconfirm__main" }, Ne = { class: "x-popconfirm__title" }, De = { class: "x-popconfirm__action" }, ht = /* @__PURE__ */ S({
   name: "XPopconfirm",
   __name: "index",
   props: {
@@ -876,157 +876,157 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["confirm", "cancel"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = I(!1), i = I(null), m = I(null), g = I({}), v = () => {
+    const t = e, r = n, a = E(!1), i = E(null), m = E(null), M = E({}), v = () => {
       if (!i.value || !m.value) return;
-      const d = i.value.getBoundingClientRect(), y = m.value.getBoundingClientRect(), Y = t.placement, A = t.offset;
-      let T = 0, V = 0;
+      const d = i.value.getBoundingClientRect(), x = m.value.getBoundingClientRect(), Y = t.placement, F = t.offset;
+      let T = 0, B = 0;
       switch (Y) {
         case "top":
-          T = d.top - y.height - A, V = d.left + (d.width - y.width) / 2;
+          T = d.top - x.height - F, B = d.left + (d.width - x.width) / 2;
           break;
         case "top-start":
-          T = d.top - y.height - A, V = d.left;
+          T = d.top - x.height - F, B = d.left;
           break;
         case "top-end":
-          T = d.top - y.height - A, V = d.right - y.width;
+          T = d.top - x.height - F, B = d.right - x.width;
           break;
         case "bottom":
-          T = d.bottom + A, V = d.left + (d.width - y.width) / 2;
+          T = d.bottom + F, B = d.left + (d.width - x.width) / 2;
           break;
         case "bottom-start":
-          T = d.bottom + A, V = d.left;
+          T = d.bottom + F, B = d.left;
           break;
         case "bottom-end":
-          T = d.bottom + A, V = d.right - y.width;
+          T = d.bottom + F, B = d.right - x.width;
           break;
         case "left":
-          T = d.top + (d.height - y.height) / 2, V = d.left - y.width - A;
+          T = d.top + (d.height - x.height) / 2, B = d.left - x.width - F;
           break;
         case "left-start":
-          T = d.top, V = d.left - y.width - A;
+          T = d.top, B = d.left - x.width - F;
           break;
         case "left-end":
-          T = d.bottom - y.height, V = d.left - y.width - A;
+          T = d.bottom - x.height, B = d.left - x.width - F;
           break;
         case "right":
-          T = d.top + (d.height - y.height) / 2, V = d.right + A;
+          T = d.top + (d.height - x.height) / 2, B = d.right + F;
           break;
         case "right-start":
-          T = d.top, V = d.right + A;
+          T = d.top, B = d.right + F;
           break;
         case "right-end":
-          T = d.bottom - y.height, V = d.right + A;
+          T = d.bottom - x.height, B = d.right + F;
           break;
         default:
-          T = d.top - y.height - A, V = d.left + (d.width - y.width) / 2;
+          T = d.top - x.height - F, B = d.left + (d.width - x.width) / 2;
       }
       const le = window.innerWidth, ne = window.innerHeight;
-      V < 0 && (V = 10), V + y.width > le && (V = le - y.width - 10), T < 0 && (T = 10), T + y.height > ne && (T = ne - y.height - 10), g.value = {
+      B < 0 && (B = 10), B + x.width > le && (B = le - x.width - 10), T < 0 && (T = 10), T + x.height > ne && (T = ne - x.height - 10), M.value = {
         position: "fixed",
         top: `${T}px`,
-        left: `${V}px`,
+        left: `${B}px`,
         zIndex: "2000"
       };
     }, c = (d) => {
-      var y, Y;
-      a.value && ((y = i.value) != null && y.contains(d.target) || (Y = m.value) != null && Y.contains(d.target) || (a.value = !1));
-    }, x = (d) => {
+      var x, Y;
+      a.value && ((x = i.value) != null && x.contains(d.target) || (Y = m.value) != null && Y.contains(d.target) || (a.value = !1));
+    }, w = (d) => {
       t.disabled || (d.stopPropagation(), a.value = !a.value, a.value && setTimeout(v, 0));
     }, p = () => {
       a.value = !1, r("confirm");
-    }, w = () => {
+    }, y = () => {
       a.value = !1, r("cancel");
-    }, M = () => {
+    }, g = () => {
       a.value && v();
     }, h = () => {
       a.value && v();
     };
     ae(a, (d) => {
-      d ? (setTimeout(v, 0), document.addEventListener("click", c), window.addEventListener("scroll", M, !0), window.addEventListener("resize", h)) : (document.removeEventListener("click", c), window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", h));
+      d ? (setTimeout(v, 0), document.addEventListener("click", c), window.addEventListener("scroll", g, !0), window.addEventListener("resize", h)) : (document.removeEventListener("click", c), window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", h));
     }), de(() => {
-      document.removeEventListener("click", c), window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", h);
+      document.removeEventListener("click", c), window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", h);
     });
-    const l = B(() => ({
+    const l = $(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width
-    })), b = B(() => {
-      const d = t.placement, y = {};
+    })), b = $(() => {
+      const d = t.placement, x = {};
       switch (d) {
         case "top":
         case "top-start":
         case "top-end":
-          y.bottom = "-6px", y.transform = "rotate(45deg)";
+          x.bottom = "-6px", x.transform = "rotate(45deg)";
           break;
         case "bottom":
         case "bottom-start":
         case "bottom-end":
-          y.top = "-6px", y.transform = "rotate(225deg)";
+          x.top = "-6px", x.transform = "rotate(225deg)";
           break;
         case "left":
         case "left-start":
         case "left-end":
-          y.right = "-6px", y.transform = "rotate(315deg)";
+          x.right = "-6px", x.transform = "rotate(315deg)";
           break;
         case "right":
         case "right-start":
         case "right-end":
-          y.left = "-6px", y.transform = "rotate(135deg)";
+          x.left = "-6px", x.transform = "rotate(135deg)";
           break;
       }
-      return y;
+      return x;
     });
-    return (d, y) => (u(), f("span", je, [
+    return (d, x) => (u(), f("span", We, [
       z("span", {
         ref_key: "triggerRef",
         ref: i,
         class: "x-popconfirm-trigger",
-        onClick: x
+        onClick: w
       }, [
-        H(d.$slots, "default")
+        L(d.$slots, "default")
       ], 512),
       (u(), Z(oe, { to: "body" }, [
-        E(K, { name: "x-popconfirm-fade" }, {
-          default: D(() => [
+        I(K, { name: "x-popconfirm-fade" }, {
+          default: N(() => [
             a.value ? (u(), f("div", {
               key: 0,
               ref_key: "popperRef",
               ref: m,
               class: "x-popconfirm",
-              style: P({ ...g.value, ...l.value }),
-              onClick: y[0] || (y[0] = re(() => {
+              style: A({ ...M.value, ...l.value }),
+              onClick: x[0] || (x[0] = re(() => {
               }, ["stop"]))
             }, [
               e.showArrow ? (u(), f("span", {
                 key: 0,
                 class: "x-popconfirm__arrow",
-                style: P(b.value)
+                style: A(b.value)
               }, null, 4)) : C("", !0),
-              z("div", Ne, [
+              z("div", je, [
                 e.hideIcon ? C("", !0) : (u(), f("span", {
                   key: 0,
                   class: "x-popconfirm__icon",
-                  style: P({ color: e.iconColor })
+                  style: A({ color: e.iconColor })
                 }, [
-                  H(d.$slots, "icon", {}, () => [
-                    S($(e.icon || "⚠"), 1)
+                  L(d.$slots, "icon", {}, () => [
+                    P(H(e.icon || "⚠"), 1)
                   ])
                 ], 4)),
-                z("div", De, [
-                  H(d.$slots, "title", {}, () => [
-                    S($(e.title), 1)
+                z("div", Ne, [
+                  L(d.$slots, "title", {}, () => [
+                    P(H(e.title), 1)
                   ])
                 ])
               ]),
-              z("div", Xe, [
+              z("div", De, [
                 e.hideCancelButton ? C("", !0) : (u(), f("button", {
                   key: 0,
                   class: "x-button p-button--default p-button--small",
-                  onClick: w
-                }, $(e.cancelButtonText), 1)),
+                  onClick: y
+                }, H(e.cancelButtonText), 1)),
                 e.hideConfirmButton ? C("", !0) : (u(), f("button", {
                   key: 1,
                   class: s(["x-button x-button--small", `x-button--${e.confirmButtonType}`]),
                   onClick: p
-                }, $(e.confirmButtonText), 3))
+                }, H(e.confirmButtonText), 3))
               ])
             ], 4)) : C("", !0)
           ]),
@@ -1035,7 +1035,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       ]))
     ]));
   }
-}), ft = /* @__PURE__ */ R({
+}), ft = /* @__PURE__ */ S({
   name: "XBacktop",
   __name: "index",
   props: {
@@ -1045,34 +1045,34 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = j("backtop"), i = I(!1), m = () => {
+    const t = e, r = n, a = W("backtop"), i = E(!1), m = () => {
       const c = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
       i.value = c >= t.visibilityHeight;
-    }, g = (c) => {
+    }, M = (c) => {
       window.scrollTo({
         top: 0,
         behavior: "smooth"
       }), r("click", c);
-    }, v = B(() => ({
+    }, v = $(() => ({
       right: `${t.right}px`,
       bottom: `${t.bottom}px`
     }));
-    return ye(() => {
+    return xe(() => {
       window.addEventListener("scroll", m, { passive: !0, capture: !0 }), setTimeout(m, 100);
     }), de(() => {
       window.removeEventListener("scroll", m, !0);
-    }), (c, x) => (u(), Z(K, { name: "x-fade" }, {
-      default: D(() => [
+    }), (c, w) => (u(), Z(K, { name: "x-fade" }, {
+      default: N(() => [
         ce(z("div", {
           class: s(o(a).b()),
-          style: P(v.value),
-          onClick: g
+          style: A(v.value),
+          onClick: M
         }, [
-          H(c.$slots, "default", {}, () => [
+          L(c.$slots, "default", {}, () => [
             z("span", {
               class: s(o(a).e("icon"))
             }, [
-              E(o(X), {
+              I(o(D), {
                 name: "back-top",
                 size: 20
               })
@@ -1085,7 +1085,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       _: 3
     }));
   }
-}), vt = /* @__PURE__ */ R({
+}), vt = /* @__PURE__ */ S({
   name: "XResult",
   __name: "index",
   props: {
@@ -1095,7 +1095,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     icon: {}
   },
   setup(e) {
-    const n = e, t = j("result"), r = B(() => n.icon ? n.icon : {
+    const n = e, t = W("result"), r = $(() => n.icon ? n.icon : {
       success: "check-circle",
       warning: "warning",
       error: "close-circle",
@@ -1107,8 +1107,8 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       z("div", {
         class: s(o(t).e("icon"))
       }, [
-        H(a.$slots, "icon", {}, () => [
-          E(o(X), {
+        L(a.$slots, "icon", {}, () => [
+          I(o(D), {
             name: r.value,
             size: 72
           }, null, 8, ["name"])
@@ -1118,44 +1118,44 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
         key: 0,
         class: s(o(t).e("title"))
       }, [
-        H(a.$slots, "title", {}, () => [
-          S($(e.title), 1)
+        L(a.$slots, "title", {}, () => [
+          P(H(e.title), 1)
         ])
       ], 2)) : C("", !0),
       e.subTitle || a.$slots.subTitle ? (u(), f("div", {
         key: 1,
         class: s(o(t).e("subtitle"))
       }, [
-        H(a.$slots, "subTitle", {}, () => [
-          S($(e.subTitle), 1)
+        L(a.$slots, "subTitle", {}, () => [
+          P(H(e.subTitle), 1)
         ])
       ], 2)) : C("", !0),
       a.$slots.extra ? (u(), f("div", {
         key: 2,
         class: s(o(t).e("extra"))
       }, [
-        H(a.$slots, "extra")
+        L(a.$slots, "extra")
       ], 2)) : C("", !0),
       a.$slots.default ? (u(), f("div", {
         key: 3,
         class: s(o(t).e("content"))
       }, [
-        H(a.$slots, "default")
+        L(a.$slots, "default")
       ], 2)) : C("", !0)
     ], 2));
   }
-}), pt = /* @__PURE__ */ R({
+}), pt = /* @__PURE__ */ S({
   name: "XTimeline",
   __name: "index",
   setup(e) {
-    const n = j("timeline");
+    const n = W("timeline");
     return (t, r) => (u(), f("ul", {
       class: s(o(n).b())
     }, [
-      H(t.$slots, "default")
+      L(t.$slots, "default")
     ], 2));
   }
-}), Mt = /* @__PURE__ */ R({
+}), gt = /* @__PURE__ */ S({
   name: "XTimelineItem",
   __name: "TimelineItem",
   props: {
@@ -1168,7 +1168,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     hollow: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = j("timeline-item");
+    const n = W("timeline-item");
     return (t, r) => (u(), f("li", {
       class: s([o(n).b(), o(n).m(e.placement)])
     }, [
@@ -1177,13 +1177,13 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       }, null, 2),
       z("div", {
         class: s([o(n).e("node"), o(n).m(e.type), o(n).is("hollow", e.hollow)]),
-        style: P(e.color ? { backgroundColor: e.color, borderColor: e.color } : void 0)
+        style: A(e.color ? { backgroundColor: e.color, borderColor: e.color } : void 0)
       }, [
-        H(t.$slots, "icon", {}, () => [
+        L(t.$slots, "icon", {}, () => [
           e.icon ? (u(), f("span", {
             key: 0,
             class: s(o(n).e("icon"))
-          }, $(e.icon), 3)) : C("", !0)
+          }, H(e.icon), 3)) : C("", !0)
         ])
       ], 6),
       z("div", {
@@ -1192,20 +1192,20 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
         e.timestamp && e.placement === "top" ? (u(), f("div", {
           key: 0,
           class: s(o(n).e("timestamp"))
-        }, $(e.timestamp), 3)) : C("", !0),
+        }, H(e.timestamp), 3)) : C("", !0),
         z("div", {
           class: s(o(n).e("content"))
         }, [
-          H(t.$slots, "default")
+          L(t.$slots, "default")
         ], 2),
         e.timestamp && e.placement === "bottom" ? (u(), f("div", {
           key: 1,
           class: s(o(n).e("timestamp"))
-        }, $(e.timestamp), 3)) : C("", !0)
+        }, H(e.timestamp), 3)) : C("", !0)
       ], 2)
     ], 2));
   }
-}), Fe = /* @__PURE__ */ R({
+}), Xe = /* @__PURE__ */ S({
   name: "XMessage",
   __name: "index",
   props: {
@@ -1220,27 +1220,27 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["close", "destroy"],
   setup(e, { expose: n, emit: t }) {
-    const r = e, a = t, i = j("message"), m = I(!1), g = I(He()), v = {
+    const r = e, a = t, i = W("message"), m = E(!1), M = E(Le()), v = {
       success: "check",
       warning: "warning",
       error: "close-circle",
       info: "info"
-    }, c = B(() => [
+    }, c = $(() => [
       i.b(),
       i.m(r.type),
       i.is("center", r.center),
       i.is("closable", r.showClose),
       r.customClass
-    ]), x = B(() => ({
+    ]), w = $(() => ({
       top: `${r.offset}px`,
-      zIndex: g.value
+      zIndex: M.value
     }));
     let p = null;
-    const w = () => {
+    const y = () => {
       r.duration > 0 && (p = setTimeout(() => {
         h();
       }, r.duration));
-    }, M = () => {
+    }, g = () => {
       p && (clearTimeout(p), p = null);
     }, h = () => {
       var b;
@@ -1248,28 +1248,28 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     }, l = () => {
       a("destroy");
     };
-    return ye(() => {
-      w(), m.value = !0;
+    return xe(() => {
+      y(), m.value = !0;
     }), de(() => {
-      M();
+      g();
     }), n({
       close: h
     }), (b, d) => (u(), Z(K, {
       name: "x-message-fade",
       onAfterLeave: l
     }, {
-      default: D(() => [
+      default: N(() => [
         m.value ? (u(), f("div", {
           key: 0,
           class: s(c.value),
-          style: P(x.value),
-          onMouseenter: M,
-          onMouseleave: w
+          style: A(w.value),
+          onMouseenter: g,
+          onMouseleave: y
         }, [
           z("span", {
             class: s(o(i).e("icon"))
           }, [
-            E(o(X), {
+            I(o(D), {
               name: v[e.type],
               size: 16
             }, null, 8, ["name"])
@@ -1277,8 +1277,8 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
           z("span", {
             class: s(o(i).e("content"))
           }, [
-            H(b.$slots, "default", {}, () => [
-              S($(e.message), 1)
+            L(b.$slots, "default", {}, () => [
+              P(H(e.message), 1)
             ])
           ], 2),
           e.showClose ? (u(), f("button", {
@@ -1286,7 +1286,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
             class: s(o(i).e("close")),
             onClick: h
           }, [
-            E(o(X), {
+            I(o(D), {
               name: "close",
               size: 14
             })
@@ -1301,42 +1301,42 @@ let qe = 1;
 const Ze = () => {
   Q.slice().forEach((e) => e.close());
 };
-function xe(e) {
+function we(e) {
   const n = qe++, t = document.createElement("div");
   document.body.appendChild(t);
   const r = {
-    success: { bg: "#f0f9eb", border: "#67c23a", iconPath: "M5 13l4 4L19 7" },
-    warning: { bg: "#fdf6ec", border: "#e6a23c", iconPath: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" },
-    error: { bg: "#fef0f0", border: "#f56c6c", iconPath: "M6 18L18 6M6 6l12 12" },
-    info: { bg: "#f4f4f5", border: "#909399", iconPath: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }
+    success: { bg: "var(--xto-color-success-light-9, #ECFDF5)", border: "var(--xto-color-success, #10B981)", iconPath: "M5 13l4 4L19 7" },
+    warning: { bg: "var(--xto-color-warning-light-9, #FFFBEB)", border: "var(--xto-color-warning, #F59E0B)", iconPath: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" },
+    error: { bg: "var(--xto-color-danger-light-9, #FEF2F2)", border: "var(--xto-color-danger, #EF4444)", iconPath: "M6 18L18 6M6 6l12 12" },
+    info: { bg: "var(--xto-color-info-light-9, #F3F4F6)", border: "var(--xto-color-info, #6B7280)", iconPath: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }
   }, a = e.type || "info", i = r[a] || r.info, m = Ce({
     visible: !1,
     offset: e.offset ?? 20
   });
-  let g = e.offset ?? 20;
+  let M = e.offset ?? 20;
   Q.forEach((l) => {
     const b = l.container.firstElementChild;
-    b && b.offsetHeight && (g += b.offsetHeight + 16);
-  }), m.offset = g;
+    b && b.offsetHeight && (M += b.offsetHeight + 16);
+  }), m.offset = M;
   let v = null, c = !1;
-  const x = () => {
+  const w = () => {
     c || (m.visible = !1, setTimeout(() => {
       if (c) return;
       c = !0;
       const l = Q.findIndex((b) => b.id === n);
       l !== -1 && Q.splice(l, 1);
       try {
-        M.unmount();
+        g.unmount();
       } catch {
       }
       t.parentNode && t.parentNode.removeChild(t);
     }, 300));
   }, p = () => {
     const l = e.duration ?? 3e3;
-    l > 0 && (v = setTimeout(x, l));
-  }, w = () => {
+    l > 0 && (v = setTimeout(w, l));
+  }, y = () => {
     v && (clearTimeout(v), v = null);
-  }, M = Me({
+  }, g = ge({
     render() {
       if (!m.visible) return null;
       const l = [
@@ -1393,7 +1393,7 @@ function xe(e) {
             justifyContent: "center"
           },
           onClick: (b) => {
-            b.stopPropagation(), x();
+            b.stopPropagation(), w();
           }
         }, [
           k("svg", {
@@ -1429,49 +1429,49 @@ function xe(e) {
           zIndex: 2e3 + n,
           transition: "opacity 0.3s, transform 0.3s"
         },
-        onMouseenter: w,
+        onMouseenter: y,
         onMouseleave: p
       }, l);
     }
   });
-  M.mount(t), te(() => {
+  g.mount(t), te(() => {
     m.visible = !0, p();
   });
-  const h = { id: n, app: M, container: t, close: x };
-  return Q.push(h), { close: x };
+  const h = { id: n, app: g, container: t, close: w };
+  return Q.push(h), { close: w };
 }
 function Ke(e) {
-  return xe(typeof e == "string" ? { message: e } : e);
+  return we(typeof e == "string" ? { message: e } : e);
 }
-const se = (e) => (n) => xe({ ...typeof n == "string" ? { message: n } : n, type: e }), ve = Object.assign(Ke, {
+const se = (e) => (n) => we({ ...typeof n == "string" ? { message: n } : n, type: e }), ve = Object.assign(Ke, {
   info: se("info"),
   success: se("success"),
   warning: se("warning"),
   error: se("error"),
   closeAll: Ze
-}), gt = Fe, bt = {
+}), Mt = Xe, bt = {
   install(e) {
     e.config.globalProperties.$message = ve, e.provide("message", ve);
   }
 }, _ = [], Ue = () => {
   _.slice().forEach((e) => e.close());
 }, Ye = {
-  success: { iconPath: "M5 13l4 4L19 7", color: "#67c23a" },
-  warning: { iconPath: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z", color: "#e6a23c" },
-  error: { iconPath: "M6 18L18 6M6 6l12 12", color: "#f56c6c" },
-  info: { iconPath: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z", color: "#909399" }
+  success: { iconPath: "M5 13l4 4L19 7", color: "var(--xto-color-success, #10B981)" },
+  warning: { iconPath: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z", color: "var(--xto-color-warning, #F59E0B)" },
+  error: { iconPath: "M6 18L18 6M6 6l12 12", color: "var(--xto-color-danger, #EF4444)" },
+  info: { iconPath: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z", color: "var(--xto-color-info, #6B7280)" }
 };
 function me(e) {
   return new Promise((n) => {
     const t = document.createElement("div");
     document.body.appendChild(t);
     let r = !1;
-    const a = R({
+    const a = S({
       name: "TMessageBox",
       setup() {
-        const g = I(!1), v = I(e.inputValue ?? ""), c = I(""), x = 2e3 + _.length + 1, p = (b) => {
-          r || (r = !0, g.value = !1, setTimeout(() => {
-            const d = _.findIndex((y) => y.container === t);
+        const M = E(!1), v = E(e.inputValue ?? ""), c = E(""), w = 2e3 + _.length + 1, p = (b) => {
+          r || (r = !0, M.value = !1, setTimeout(() => {
+            const d = _.findIndex((x) => x.container === t);
             d !== -1 && _.splice(d, 1);
             try {
               i.unmount();
@@ -1482,13 +1482,13 @@ function me(e) {
               value: b === "confirm" ? v.value : void 0
             });
           }, 300));
-        }, w = () => {
+        }, y = () => {
           if (e.showInput && e.inputPattern && !e.inputPattern.test(v.value)) {
             c.value = e.inputErrorMessage || "输入格式不正确";
             return;
           }
           c.value = "", p("confirm");
-        }, M = () => {
+        }, g = () => {
           p("cancel");
         }, h = () => {
           p("close");
@@ -1496,21 +1496,21 @@ function me(e) {
           e.closeOnClickModal !== !1 && h();
         };
         return te(() => {
-          g.value = !0;
+          M.value = !0;
         }), {
-          visible: g,
+          visible: M,
           inputValue: v,
           inputError: c,
-          zIndex: x,
-          handleConfirm: w,
-          handleCancel: M,
+          zIndex: w,
+          handleConfirm: y,
+          handleCancel: g,
           handleClose: h,
           handleMaskClick: l
         };
       },
       render() {
         if (!this.visible) return null;
-        const g = e.type, v = g ? Ye[g] : null, c = [];
+        const M = e.type, v = M ? Ye[M] : null, c = [];
         v && c.push(
           k("span", {
             class: "x-message-box__icon",
@@ -1553,24 +1553,24 @@ function me(e) {
             ])
           ])
         );
-        const x = [];
-        x.push(
+        const w = [];
+        w.push(
           k("div", { class: "x-message-box__content" }, e.message || "")
-        ), e.showInput && x.push(
+        ), e.showInput && w.push(
           k("div", { class: "x-message-box__input", style: { marginTop: "12px" } }, [
             k("input", {
               class: ["x-message-box__input-inner", this.inputError ? "is-error" : ""].filter(Boolean),
               type: e.inputType || "text",
               placeholder: e.inputPlaceholder || "请输入",
               value: this.inputValue,
-              onInput: (w) => {
-                this.inputValue = w.target.value, this.inputError = "";
+              onInput: (y) => {
+                this.inputValue = y.target.value, this.inputError = "";
               },
-              onKeyup: (w) => {
-                w.key === "Enter" && this.handleConfirm();
+              onKeyup: (y) => {
+                y.key === "Enter" && this.handleConfirm();
               }
             }),
-            this.inputError ? k("div", { class: "x-message-box__error", style: { color: "#f56c6c", fontSize: "12px", marginTop: "4px" } }, this.inputError) : null
+            this.inputError ? k("div", { class: "x-message-box__error", style: { color: "var(--xto-color-danger, #EF4444)", fontSize: "12px", marginTop: "4px" } }, this.inputError) : null
           ])
         );
         const p = [];
@@ -1597,6 +1597,7 @@ function me(e) {
             alignItems: "center",
             justifyContent: "center",
             backgroundColor: "rgba(0, 0, 0, 0.5)",
+            backdropFilter: "blur(4px)",
             zIndex: this.zIndex
           },
           onClick: this.handleMaskClick
@@ -1604,13 +1605,13 @@ function me(e) {
           k("div", {
             class: ["x-message-box", e.customClass],
             style: {
-              backgroundColor: "#fff",
-              borderRadius: "4px",
-              boxShadow: "0 2px 12px rgba(0, 0, 0, 0.1)",
+              backgroundColor: "var(--xto-bg-color, #FFFFFF)",
+              borderRadius: "var(--xto-border-radius-xl, 12px)",
+              boxShadow: "var(--xto-shadow-prominent, 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08))",
               minWidth: "300px",
               maxWidth: "500px"
             },
-            onClick: (w) => w.stopPropagation()
+            onClick: (y) => y.stopPropagation()
           }, [
             // Header
             k("div", {
@@ -1620,7 +1621,7 @@ function me(e) {
                 alignItems: "center",
                 justifyContent: "space-between",
                 padding: "16px 20px",
-                borderBottom: "1px solid #eee"
+                borderBottom: "1px solid var(--xto-border-color-lighter, #F3F4F6)"
               }
             }, c),
             // Body
@@ -1629,9 +1630,9 @@ function me(e) {
               style: {
                 padding: "20px",
                 fontSize: "14px",
-                color: "#606266"
+                color: "var(--xto-color-text-regular, #4B5563)"
               }
-            }, x),
+            }, w),
             // Footer
             k("div", {
               class: "x-message-box__footer",
@@ -1643,15 +1644,15 @@ function me(e) {
           ])
         ]);
       }
-    }), i = Me(a);
+    }), i = ge(a);
     i.mount(t);
     const m = {
       app: i,
       container: t,
       close: () => {
         var v;
-        const g = (v = i._instance) == null ? void 0 : v.proxy;
-        g != null && g.handleClose && g.handleClose();
+        const M = (v = i._instance) == null ? void 0 : v.proxy;
+        M != null && M.handleClose && M.handleClose();
       }
     };
     _.push(m);
@@ -1693,7 +1694,7 @@ const G = Object.assign(_e, {
   confirm: Je,
   prompt: Qe,
   closeAll: Ue
-}), yt = {
+}), xt = {
   install(e) {
     e.config.globalProperties.$msgbox = G, e.config.globalProperties.$alert = G.alert, e.config.globalProperties.$confirm = G.confirm, e.config.globalProperties.$prompt = G.prompt, e.provide("messageBox", G);
   }
@@ -1702,10 +1703,10 @@ let et = 1;
 const tt = () => {
   ee.slice().forEach((e) => e.close());
 }, at = {
-  success: { iconPath: "M5 13l4 4L19 7", color: "#67c23a" },
-  warning: { iconPath: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z", color: "#e6a23c" },
-  error: { iconPath: "M6 18L18 6M6 6l12 12", color: "#f56c6c" },
-  info: { iconPath: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z", color: "#909399" }
+  success: { iconPath: "M5 13l4 4L19 7", color: "var(--xto-color-success, #10B981)" },
+  warning: { iconPath: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z", color: "var(--xto-color-warning, #F59E0B)" },
+  error: { iconPath: "M6 18L18 6M6 6l12 12", color: "var(--xto-color-danger, #EF4444)" },
+  info: { iconPath: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z", color: "var(--xto-color-info, #6B7280)" }
 }, ot = (e, n) => {
   const t = ee.filter((a) => a.position === e);
   let r = 16;
@@ -1743,46 +1744,46 @@ function ke(e) {
   const n = et++, t = e.position || "top-right", r = document.createElement("div");
   document.body.appendChild(r);
   let a = null, i = !1;
-  const m = R({
+  const m = S({
     name: "TNotification",
     setup() {
-      const c = I(!1), x = () => {
+      const c = E(!1), w = () => {
         i || (i = !0, c.value = !1, setTimeout(() => {
           var b;
           const l = ee.findIndex((d) => d.id === n);
           l !== -1 && ee.splice(l, 1), a && clearTimeout(a), (b = e.onClose) == null || b.call(e);
           try {
-            g.unmount();
+            M.unmount();
           } catch {
           }
           r.parentNode && r.parentNode.removeChild(r);
         }, 300));
       }, p = () => {
         const l = e.duration ?? 4500;
-        l > 0 && (a = setTimeout(x, l));
-      }, w = () => {
+        l > 0 && (a = setTimeout(w, l));
+      }, y = () => {
         a && (clearTimeout(a), a = null);
-      }, M = B(() => (e.offset ?? 0) + ot(t, n)), h = B(() => lt(t, M.value));
+      }, g = $(() => (e.offset ?? 0) + ot(t, n)), h = $(() => lt(t, g.value));
       return te(() => {
         c.value = !0, p();
       }), {
         visible: c,
-        close: x,
+        close: w,
         positionStyles: h,
         startTimer: p,
-        clearTimer: w
+        clearTimer: y
       };
     },
     render() {
       if (!this.visible) return null;
-      const c = e.type, x = c ? at[c] : null, p = [];
+      const c = e.type, w = c ? at[c] : null, p = [];
       e.title && p.push(
         k("div", {
           class: "x-notification__title",
           style: {
             fontWeight: "600",
             fontSize: "16px",
-            color: "#303133",
+            color: "var(--xto-color-text-primary, #1F2937)",
             marginBottom: e.message ? "6px" : "0"
           }
         }, e.title)
@@ -1791,7 +1792,7 @@ function ke(e) {
           class: "x-notification__content",
           style: {
             fontSize: "14px",
-            color: "#606266",
+            color: "var(--xto-color-text-regular, #4B5563)",
             lineHeight: "1.5"
           },
           innerHTML: e.message
@@ -1801,13 +1802,13 @@ function ke(e) {
           class: "x-notification__content",
           style: {
             fontSize: "14px",
-            color: "#606266",
+            color: "var(--xto-color-text-regular, #4B5563)",
             lineHeight: "1.5"
           }
         }, e.message)
       ));
-      const w = [];
-      return x && w.push(
+      const y = [];
+      return w && y.push(
         k("div", {
           class: "x-notification__icon",
           style: {
@@ -1817,7 +1818,7 @@ function ke(e) {
             width: "24px",
             height: "24px",
             marginRight: "12px",
-            color: x.color
+            color: w.color
           }
         }, [
           k("svg", {
@@ -1831,17 +1832,17 @@ function ke(e) {
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }, [
-            k("path", { d: x.iconPath })
+            k("path", { d: w.iconPath })
           ])
         ])
-      ), w.push(
+      ), y.push(
         k("div", {
           class: "x-notification__main",
           style: {
             flex: "1"
           }
         }, p)
-      ), e.showClose !== !1 && w.push(
+      ), e.showClose !== !1 && y.push(
         k("button", {
           class: "x-notification__close",
           style: {
@@ -1851,14 +1852,14 @@ function ke(e) {
             background: "none",
             border: "none",
             cursor: "pointer",
-            color: "#909399",
+            color: "var(--xto-color-text-secondary, #6B7280)",
             padding: "0",
             display: "flex",
             alignItems: "center",
             justifyContent: "center"
           },
-          onClick: (M) => {
-            M.stopPropagation(), this.close();
+          onClick: (g) => {
+            g.stopPropagation(), this.close();
           }
         }, [
           k("svg", {
@@ -1882,26 +1883,26 @@ function ke(e) {
           display: "flex",
           alignItems: "flex-start",
           padding: "14px 26px 14px 13px",
-          borderRadius: "8px",
-          backgroundColor: "#fff",
-          boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
-          transition: "opacity 0.3s, transform 0.3s",
+          borderRadius: "var(--xto-border-radius-large, 8px)",
+          backgroundColor: "var(--xto-bg-color, #FFFFFF)",
+          boxShadow: "var(--xto-shadow-elevated, 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05))",
+          transition: "opacity var(--xto-transition-duration-base, 250ms), transform var(--xto-transition-duration-base, 250ms)",
           boxSizing: "border-box"
         },
         onMouseenter: this.clearTimer,
         onMouseleave: this.startTimer
-      }, w);
+      }, y);
     }
-  }), g = Me(m);
-  g.mount(r);
+  }), M = ge(m);
+  M.mount(r);
   const v = {
     id: n,
-    app: g,
+    app: M,
     container: r,
     position: t,
     close: () => {
-      var x;
-      const c = (x = g._instance) == null ? void 0 : x.proxy;
+      var w;
+      const c = (w = M._instance) == null ? void 0 : w.proxy;
       c != null && c.close && c.close();
     }
   };
@@ -1916,27 +1917,27 @@ const ie = (e) => (n) => ke({ ...typeof n == "string" ? { message: n } : n, type
   warning: ie("warning"),
   error: ie("error"),
   closeAll: tt
-}), wt = {
+}), yt = {
   install(e) {
     e.config.globalProperties.$notify = pe, e.provide("notification", pe);
   }
-}, xt = ve, kt = G, zt = pe;
+}, wt = ve, kt = G, zt = pe;
 export {
   dt as Alert,
   ft as Backtop,
   ct as Drawer,
   ut as DrawerForm,
-  xt as Message,
+  wt as Message,
   kt as MessageBox,
-  gt as MessageComponent,
+  Mt as MessageComponent,
   rt as Modal,
   zt as Notification,
   ht as Popconfirm,
   vt as Result,
   bt as TMessage,
-  yt as TMessageBox,
-  wt as TNotification,
+  xt as TMessageBox,
+  yt as TNotification,
   pt as Timeline,
-  Mt as TimelineItem,
+  gt as TimelineItem,
   mt as Tooltip
 };