@xto/feedback 1.0.3 → 1.1.0

package/es/index.mjs

@@ -1,10 +1,12 @@
-import { defineComponent as O, ref as E, computed as I, watch as ne, openBlock as v, createBlock as X, Teleport as le, createVNode as ie, Transition as j, withCtx as F, createElementBlock as $, normalizeStyle as N, normalizeClass as g, unref as x, createElementVNode as z, withModifiers as pe, renderSlot as L, createTextVNode as W, toDisplayString as V, createCommentVNode as M, nextTick as Q, onUnmounted as ae, withDirectives as he, vShow as ge, onMounted as ve, reactive as be, createApp as me, h as b } from "vue";
-import { useNamespace as U, useZIndex as we, useEscape as Ce, nextMessageZIndex as ke } from "@xto/core";
-const Ze = /* @__PURE__ */ O({
+import { defineComponent as A, ref as E, computed as I, watch as le, resolveComponent as be, openBlock as x, createBlock as j, Teleport as ie, createVNode as U, Transition as F, withCtx as O, createElementBlock as $, normalizeStyle as H, normalizeClass as v, unref as b, createElementVNode as z, withModifiers as pe, renderSlot as L, createTextVNode as N, toDisplayString as V, createCommentVNode as M, withDirectives as me, vShow as he, nextTick as ee, onUnmounted as ae, onMounted as ve, reactive as we, createApp as ge, h as C } from "vue";
+import { useNamespace as Y, useZIndex as ke, useEscape as Ce, nextMessageZIndex as Be } from "@xto/core";
+const Ke = /* @__PURE__ */ A({
   name: "XModal",
+  inheritAttrs: !1,
   __name: "index",
   props: {
-    modelValue: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean, default: void 0 },
+    open: { type: Boolean, default: void 0 },
     title: { default: "" },
     width: { default: "50%" },
     top: { default: "15vh" },
@@ -15,79 +17,109 @@ const Ze = /* @__PURE__ */ O({
     center: { type: Boolean, default: !1 },
     destroyOnClose: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue", "close", "open"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, o = U("modal"), { next: i } = we(), f = E(i()), d = I({
-      get: () => t.modelValue,
-      set: (p) => a("update:modelValue", p)
+  emits: ["update:modelValue", "update:open", "close", "open", "ok", "cancel"],
+  setup(e, { emit: i }) {
+    const t = e, l = i, o = Y("modal"), { next: a } = ke(), f = E(a()), d = I({
+      get: () => t.modelValue !== void 0 ? t.modelValue : t.open !== void 0 ? t.open : !1,
+      set: (g) => {
+        l("update:modelValue", g), l("update:open", g);
+      }
     }), u = E(), n = () => {
-      d.value = !1, a("close");
-    }, m = () => {
+      d.value = !1, l("cancel"), l("close");
+    }, p = () => {
+      l("ok");
+    }, r = () => {
       t.closeOnClickModal && t.modal && n();
     };
     Ce(() => {
       t.closeOnPressEscape && d.value && n();
-    }), ne(() => t.modelValue, (p) => {
-      p && (f.value = i(), a("open"));
-    });
-    const r = I(() => ({
+    }), le(() => [t.modelValue, t.open], ([g, h]) => {
+      (g !== void 0 ? g : h) && (f.value = a(), l("open"));
+    }, { immediate: !0 });
+    const m = I(() => ({
       paddingTop: t.top
-    })), h = I(() => ({
+    })), w = I(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width,
       zIndex: f.value
     }));
-    return (p, B) => (v(), X(le, { to: "body" }, [
-      ie(j, { name: "x-modal-fade" }, {
-        default: F(() => [
-          e.modelValue ? (v(), $("div", {
-            key: 0,
-            class: g(x(o).e("wrapper")),
-            style: N(r.value),
-            onClick: m
-          }, [
-            z("div", {
-              ref_key: "modalRef",
-              ref: u,
-              class: g(x(o).b()),
-              style: N(h.value),
-              onClick: B[0] || (B[0] = pe(() => {
-              }, ["stop"]))
+    return (g, h) => {
+      const y = be("x-button");
+      return x(), j(ie, { to: "body" }, [
+        U(F, { name: "x-modal-fade" }, {
+          default: O(() => [
+            d.value ? (x(), $("div", {
+              key: 0,
+              class: v(b(o).e("wrapper")),
+              style: H(m.value),
+              onClick: r
             }, [
               z("div", {
-                class: g(x(o).e("header"))
+                ref_key: "modalRef",
+                ref: u,
+                class: v(b(o).b()),
+                style: H(w.value),
+                onClick: h[0] || (h[0] = pe(() => {
+                }, ["stop"]))
               }, [
-                z("span", {
-                  class: g(x(o).e("title"))
+                z("div", {
+                  class: v(b(o).e("header"))
                 }, [
-                  L(p.$slots, "title", {}, () => [
-                    W(V(e.title), 1)
-                  ])
+                  z("span", {
+                    class: v(b(o).e("title"))
+                  }, [
+                    L(g.$slots, "title", {}, () => [
+                      N(V(e.title), 1)
+                    ])
+                  ], 2),
+                  e.showClose ? (x(), $("button", {
+                    key: 0,
+                    class: v(b(o).e("close")),
+                    onClick: n
+                  }, " ✕ ", 2)) : M("", !0)
                 ], 2),
-                e.showClose ? (v(), $("button", {
+                z("div", {
+                  class: v(b(o).e("body"))
+                }, [
+                  L(g.$slots, "default")
+                ], 2),
+                g.$slots.footer ? (x(), $("div", {
                   key: 0,
-                  class: g(x(o).e("close")),
-                  onClick: n
-                }, " ✕ ", 2)) : M("", !0)
-              ], 2),
-              z("div", {
-                class: g(x(o).e("body"))
-              }, [
-                L(p.$slots, "default")
-              ], 2),
-              p.$slots.footer ? (v(), $("div", {
-                key: 0,
-                class: g(x(o).e("footer"))
-              }, [
-                L(p.$slots, "footer")
-              ], 2)) : M("", !0)
-            ], 6)
-          ], 6)) : M("", !0)
-        ]),
-        _: 3
-      })
-    ]));
+                  class: v(b(o).e("footer"))
+                }, [
+                  L(g.$slots, "footer", {
+                    ok: p,
+                    cancel: n
+                  })
+                ], 2)) : g.$slots.footer ? M("", !0) : (x(), $("div", {
+                  key: 1,
+                  class: v(b(o).e("footer"))
+                }, [
+                  U(y, { onClick: n }, {
+                    default: O(() => [...h[1] || (h[1] = [
+                      N("取消", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  U(y, {
+                    type: "primary",
+                    style: { "margin-left": "8px" },
+                    onClick: p
+                  }, {
+                    default: O(() => [...h[2] || (h[2] = [
+                      N("确定", -1)
+                    ])]),
+                    _: 1
+                  })
+                ], 2))
+              ], 6)
+            ], 6)) : M("", !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
   }
-}), Ke = /* @__PURE__ */ O({
+}), Ue = /* @__PURE__ */ A({
   name: "XDrawer",
   inheritAttrs: !1,
   __name: "index",
@@ -104,79 +136,80 @@ const Ze = /* @__PURE__ */ O({
     destroyOnClose: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "close", "open"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, o = U("drawer"), i = E(2e3), f = () => {
-      a("update:modelValue", !1), a("close");
+  setup(e, { emit: i }) {
+    const t = e, l = i, o = Y("drawer"), a = E(2e3), f = () => {
+      l("update:modelValue", !1), l("close");
     }, d = () => {
       t.closeOnClickModal && f();
     }, u = (r) => {
       r.key === "Escape" && t.modelValue && f();
     };
-    ne(() => t.modelValue, (r) => {
-      r ? (i.value = 2e3 + Math.floor(Math.random() * 100), a("open"), document.addEventListener("keydown", u)) : document.removeEventListener("keydown", u);
+    le(() => t.modelValue, (r) => {
+      r ? (a.value = 2e3 + Math.floor(Math.random() * 100), l("open"), document.addEventListener("keydown", u)) : document.removeEventListener("keydown", u);
     });
     const n = I(() => ({
-      zIndex: i.value
-    })), m = I(() => {
-      const r = t.direction ?? t.placement ?? "rtl", h = t.size ?? t.width ?? "30%", p = typeof h == "number" ? `${h}px` : h;
+      zIndex: a.value
+    })), p = I(() => {
+      const r = t.direction ?? t.placement ?? "rtl", m = t.size ?? t.width ?? "30%", w = typeof m == "number" ? `${m}px` : m;
       return {
-        ltr: { width: p, height: "100%" },
-        rtl: { width: p, height: "100%" },
-        ttb: { width: "100%", height: p },
-        btt: { width: "100%", height: p }
+        ltr: { width: w, height: "100%" },
+        rtl: { width: w, height: "100%" },
+        ttb: { width: "100%", height: w },
+        btt: { width: "100%", height: w }
       }[r];
     });
-    return (r, h) => (v(), X(le, { to: "body" }, [
-      ie(j, { name: "x-drawer-fade" }, {
-        default: F(() => [
-          e.modelValue ? (v(), $("div", {
-            key: 0,
-            class: g(x(o).e("overlay")),
-            style: N(n.value),
+    return (r, m) => (x(), j(ie, { to: "body" }, [
+      U(F, { name: "x-drawer-fade" }, {
+        default: O(() => [
+          me(z("div", {
+            class: v(b(o).e("overlay")),
+            style: H(n.value),
             onClick: d
           }, [
             z("div", {
-              class: g([x(o).b(), x(o).m(e.direction ?? e.placement)]),
-              style: N(m.value),
-              onClick: h[0] || (h[0] = pe(() => {
+              class: v([b(o).b(), b(o).m(e.direction ?? e.placement)]),
+              style: H(p.value),
+              onClick: m[0] || (m[0] = pe(() => {
               }, ["stop"]))
             }, [
-              e.withHeader ? (v(), $("div", {
+              e.withHeader ? (x(), $("div", {
                 key: 0,
-                class: g(x(o).e("header"))
+                class: v(b(o).e("header"))
               }, [
                 z("span", {
-                  class: g(x(o).e("title"))
+                  class: v(b(o).e("title"))
                 }, [
                   L(r.$slots, "title", {}, () => [
-                    W(V(e.title), 1)
+                    N(V(e.title), 1)
                   ])
                 ], 2),
-                e.showClose ? (v(), $("button", {
+                e.showClose ? (x(), $("button", {
                   key: 0,
-                  class: g(x(o).e("close")),
+                  class: v(b(o).e("close")),
                   onClick: f
                 }, " ✕ ", 2)) : M("", !0)
               ], 2)) : M("", !0),
               z("div", {
-                class: g(x(o).e("body"))
+                class: v(b(o).e("body"))
               }, [
                 L(r.$slots, "default")
               ], 2),
-              r.$slots.footer ? (v(), $("div", {
+              r.$slots.footer ? (x(), $("div", {
                 key: 1,
-                class: g(x(o).e("footer"))
+                class: v(b(o).e("footer"))
               }, [
                 L(r.$slots, "footer")
               ], 2)) : M("", !0)
             ], 6)
-          ], 6)) : M("", !0)
+          ], 6), [
+            [he, e.modelValue]
+          ])
         ]),
         _: 3
       })
     ]));
   }
-}), Ue = /* @__PURE__ */ O({
+}), Ye = /* @__PURE__ */ A({
   name: "XAlert",
   __name: "index",
   props: {
@@ -188,8 +221,8 @@ const Ze = /* @__PURE__ */ O({
     center: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, o = U("alert"), i = E(!0), f = {
+  setup(e, { emit: i }) {
+    const t = e, l = i, o = Y("alert"), a = E(!0), f = {
       success: "✓",
       warning: "⚠",
       error: "✕",
@@ -200,41 +233,41 @@ const Ze = /* @__PURE__ */ O({
       o.is("center", t.center),
       o.is("with-description", t.description)
     ]), u = (n) => {
-      i.value = !1, a("close", n);
+      a.value = !1, l("close", n);
     };
-    return (n, m) => (v(), X(j, { name: "x-alert-fade" }, {
-      default: F(() => [
-        i.value ? (v(), $("div", {
+    return (n, p) => (x(), j(F, { name: "x-alert-fade" }, {
+      default: O(() => [
+        a.value ? (x(), $("div", {
           key: 0,
-          class: g(d.value)
+          class: v(d.value)
         }, [
-          e.showIcon ? (v(), $("span", {
+          e.showIcon ? (x(), $("span", {
             key: 0,
-            class: g(x(o).e("icon"))
+            class: v(b(o).e("icon"))
           }, V(f[e.type]), 3)) : M("", !0),
           z("div", {
-            class: g(x(o).e("content"))
+            class: v(b(o).e("content"))
           }, [
-            e.title || n.$slots.title ? (v(), $("span", {
+            e.title || n.$slots.title ? (x(), $("span", {
               key: 0,
-              class: g(x(o).e("title"))
+              class: v(b(o).e("title"))
             }, [
               L(n.$slots, "title", {}, () => [
-                W(V(e.title), 1)
+                N(V(e.title), 1)
               ])
             ], 2)) : M("", !0),
-            e.description || n.$slots.default ? (v(), $("span", {
+            e.description || n.$slots.default ? (x(), $("span", {
               key: 1,
-              class: g(x(o).e("description"))
+              class: v(b(o).e("description"))
             }, [
               L(n.$slots, "default", {}, () => [
-                W(V(e.description), 1)
+                N(V(e.description), 1)
               ])
             ], 2)) : M("", !0)
           ], 2),
-          e.closable ? (v(), $("button", {
+          e.closable ? (x(), $("button", {
             key: 1,
-            class: g(x(o).e("close")),
+            class: v(b(o).e("close")),
             onClick: u
           }, " ✕ ", 2)) : M("", !0)
         ], 2)) : M("", !0)
@@ -242,7 +275,7 @@ const Ze = /* @__PURE__ */ O({
       _: 3
     }));
   }
-}), Ye = /* @__PURE__ */ O({
+}), qe = /* @__PURE__ */ A({
   name: "XTooltip",
   __name: "index",
   props: {
@@ -258,115 +291,115 @@ const Ze = /* @__PURE__ */ O({
     closeDelay: { default: 0 }
   },
   emits: ["update:visible", "show", "hide"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, o = U("tooltip"), i = E(!1), f = E(), d = E();
+  setup(e, { emit: i }) {
+    const t = e, l = i, o = Y("tooltip"), a = E(!1), f = E(), d = E();
     let u, n;
-    const m = E({}), r = () => {
+    const p = E({}), r = () => {
       if (!f.value || !d.value) return;
-      const k = f.value.getBoundingClientRect(), _ = d.value;
-      _.style.visibility = "hidden", _.style.display = "block";
-      const H = _.offsetWidth, D = _.offsetHeight, A = t.offset, ce = window.innerWidth, de = window.innerHeight;
-      let P = 0, R = 0, Y = t.placement;
+      const B = f.value.getBoundingClientRect(), W = d.value;
+      W.style.visibility = "hidden", W.style.display = "block";
+      const _ = W.offsetWidth, X = W.offsetHeight, D = t.offset, ce = window.innerWidth, de = window.innerHeight;
+      let P = 0, R = 0, q = t.placement;
       switch (t.placement) {
         case "top":
-          P = k.top - D - A, R = k.left + (k.width - H) / 2;
+          P = B.top - X - D, R = B.left + (B.width - _) / 2;
           break;
         case "bottom":
-          P = k.bottom + A, R = k.left + (k.width - H) / 2;
+          P = B.bottom + D, R = B.left + (B.width - _) / 2;
           break;
         case "left":
-          P = k.top + (k.height - D) / 2, R = k.left - H - A;
+          P = B.top + (B.height - X) / 2, R = B.left - _ - D;
           break;
         case "right":
-          P = k.top + (k.height - D) / 2, R = k.right + A;
+          P = B.top + (B.height - X) / 2, R = B.right + D;
           break;
       }
-      t.placement === "top" && P < 0 ? (Y = "bottom", P = k.bottom + A) : t.placement === "bottom" && P + D > de ? (Y = "top", P = k.top - D - A) : t.placement === "left" && R < 0 ? (Y = "right", R = k.right + A) : t.placement === "right" && R + H > ce && (Y = "left", R = k.left - H - A), R < 8 && (R = 8), R + H > ce - 8 && (R = ce - H - 8), P < 8 && (P = 8), P + D > de - 8 && (P = de - D - 8), m.value = {
+      t.placement === "top" && P < 0 ? (q = "bottom", P = B.bottom + D) : t.placement === "bottom" && P + X > de ? (q = "top", P = B.top - X - D) : t.placement === "left" && R < 0 ? (q = "right", R = B.right + D) : t.placement === "right" && R + _ > ce && (q = "left", R = B.left - _ - D), R < 8 && (R = 8), R + _ > ce - 8 && (R = ce - _ - 8), P < 8 && (P = 8), P + X > de - 8 && (P = de - X - 8), p.value = {
         position: "fixed",
         top: `${P}px`,
         left: `${R}px`,
         visibility: "visible",
         zIndex: "2000"
-      }, h.value = Y;
-    }, h = E(t.placement), p = () => {
+      }, m.value = q;
+    }, m = E(t.placement), w = () => {
       t.disabled || (clearTimeout(n), u = setTimeout(() => {
-        i.value = !0, a("update:visible", !0), a("show"), Q(() => {
+        a.value = !0, l("update:visible", !0), l("show"), ee(() => {
           r();
         });
       }, t.openDelay));
-    }, B = () => {
+    }, g = () => {
       clearTimeout(u), n = setTimeout(() => {
-        i.value = !1, a("update:visible", !1), a("hide");
+        a.value = !1, l("update:visible", !1), l("hide");
       }, t.closeDelay);
-    }, w = () => {
-      i.value ? B() : p();
-    }, C = () => {
-      t.trigger === "hover" && p();
+    }, h = () => {
+      a.value ? g() : w();
+    }, y = () => {
+      t.trigger === "hover" && w();
     }, s = () => {
-      t.trigger === "hover" && B();
+      t.trigger === "hover" && g();
     }, c = () => {
-      t.trigger === "click" && w();
+      t.trigger === "click" && h();
     }, Z = () => {
-      t.trigger === "focus" && p();
+      t.trigger === "focus" && w();
     }, S = () => {
-      t.trigger === "focus" && B();
-    }, T = (k) => {
-      var _, H;
-      t.trigger === "click" && !((_ = f.value) != null && _.contains(k.target)) && !((H = d.value) != null && H.contains(k.target)) && B();
-    }, y = () => {
-      i.value && r();
+      t.trigger === "focus" && g();
+    }, T = (B) => {
+      var W, _;
+      t.trigger === "click" && !((W = f.value) != null && W.contains(B.target)) && !((_ = d.value) != null && _.contains(B.target)) && g();
+    }, k = () => {
+      a.value && r();
     };
-    ne(i, (k) => {
-      k ? Q(() => {
-        r(), t.trigger === "click" && document.addEventListener("click", T), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y);
-      }) : (document.removeEventListener("click", T), window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y));
+    le(a, (B) => {
+      B ? ee(() => {
+        r(), t.trigger === "click" && document.addEventListener("click", T), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k);
+      }) : (document.removeEventListener("click", T), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k));
     }), ae(() => {
-      clearTimeout(u), clearTimeout(n), document.removeEventListener("click", T), window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+      clearTimeout(u), clearTimeout(n), document.removeEventListener("click", T), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
     });
-    const ee = I(() => [
+    const te = I(() => [
       o.b(),
       o.m(t.effect)
-    ]), te = I(() => [
+    ]), oe = I(() => [
       o.e("arrow"),
-      o.e(`arrow-${h.value}`)
+      o.e(`arrow-${m.value}`)
     ]);
-    return (k, _) => (v(), $("div", {
-      class: g(x(o).e("wrapper"))
+    return (B, W) => (x(), $("div", {
+      class: v(b(o).e("wrapper"))
     }, [
       z("div", {
         ref_key: "triggerRef",
         ref: f,
-        class: g(x(o).e("trigger")),
-        onMouseenter: C,
+        class: v(b(o).e("trigger")),
+        onMouseenter: y,
         onMouseleave: s,
         onClick: c,
         onFocus: Z,
         onBlur: S
       }, [
-        L(k.$slots, "default")
+        L(B.$slots, "default")
       ], 34),
-      (v(), X(le, { to: "body" }, [
-        ie(j, {
+      (x(), j(ie, { to: "body" }, [
+        U(F, {
           name: `x-tooltip-${e.transition}`
         }, {
-          default: F(() => [
-            he(z("div", {
+          default: O(() => [
+            me(z("div", {
               ref_key: "tooltipRef",
               ref: d,
-              class: g(ee.value),
-              style: N(m.value),
-              onMouseenter: C,
+              class: v(te.value),
+              style: H(p.value),
+              onMouseenter: y,
               onMouseleave: s
             }, [
-              L(k.$slots, "content", {}, () => [
-                W(V(e.content), 1)
+              L(B.$slots, "content", {}, () => [
+                N(V(e.content), 1)
               ]),
-              e.visibleArrow ? (v(), $("div", {
+              e.visibleArrow ? (x(), $("div", {
                 key: 0,
-                class: g(te.value)
+                class: v(oe.value)
               }, null, 2)) : M("", !0)
             ], 38), [
-              [ge, i.value]
+              [he, a.value]
             ])
           ]),
           _: 3
@@ -374,7 +407,7 @@ const Ze = /* @__PURE__ */ O({
       ]))
     ], 2));
   }
-}), Be = { class: "x-popconfirm-wrapper" }, Te = { class: "x-popconfirm__main" }, $e = { class: "x-popconfirm__title" }, Ee = { class: "x-popconfirm__action" }, qe = /* @__PURE__ */ O({
+}), Te = { class: "x-popconfirm-wrapper" }, $e = { class: "x-popconfirm__main" }, Ee = { class: "x-popconfirm__title" }, Me = { class: "x-popconfirm__action" }, Ge = /* @__PURE__ */ A({
   name: "XPopconfirm",
   __name: "index",
   props: {
@@ -395,80 +428,80 @@ const Ze = /* @__PURE__ */ O({
     showArrow: { type: Boolean, default: !0 }
   },
   emits: ["confirm", "cancel"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, o = E(!1), i = E(null), f = E(null), d = E({}), u = () => {
-      if (!i.value || !f.value) return;
-      const s = i.value.getBoundingClientRect(), c = f.value.getBoundingClientRect(), Z = t.placement, S = t.offset;
-      let T = 0, y = 0;
+  setup(e, { emit: i }) {
+    const t = e, l = i, o = E(!1), a = E(null), f = E(null), d = E({}), u = () => {
+      if (!a.value || !f.value) return;
+      const s = a.value.getBoundingClientRect(), c = f.value.getBoundingClientRect(), Z = t.placement, S = t.offset;
+      let T = 0, k = 0;
       switch (Z) {
         case "top":
-          T = s.top - c.height - S, y = s.left + (s.width - c.width) / 2;
+          T = s.top - c.height - S, k = s.left + (s.width - c.width) / 2;
           break;
         case "top-start":
-          T = s.top - c.height - S, y = s.left;
+          T = s.top - c.height - S, k = s.left;
           break;
         case "top-end":
-          T = s.top - c.height - S, y = s.right - c.width;
+          T = s.top - c.height - S, k = s.right - c.width;
           break;
         case "bottom":
-          T = s.bottom + S, y = s.left + (s.width - c.width) / 2;
+          T = s.bottom + S, k = s.left + (s.width - c.width) / 2;
           break;
         case "bottom-start":
-          T = s.bottom + S, y = s.left;
+          T = s.bottom + S, k = s.left;
           break;
         case "bottom-end":
-          T = s.bottom + S, y = s.right - c.width;
+          T = s.bottom + S, k = s.right - c.width;
           break;
         case "left":
-          T = s.top + (s.height - c.height) / 2, y = s.left - c.width - S;
+          T = s.top + (s.height - c.height) / 2, k = s.left - c.width - S;
           break;
         case "left-start":
-          T = s.top, y = s.left - c.width - S;
+          T = s.top, k = s.left - c.width - S;
           break;
         case "left-end":
-          T = s.bottom - c.height, y = s.left - c.width - S;
+          T = s.bottom - c.height, k = s.left - c.width - S;
           break;
         case "right":
-          T = s.top + (s.height - c.height) / 2, y = s.right + S;
+          T = s.top + (s.height - c.height) / 2, k = s.right + S;
           break;
         case "right-start":
-          T = s.top, y = s.right + S;
+          T = s.top, k = s.right + S;
           break;
         case "right-end":
-          T = s.bottom - c.height, y = s.right + S;
+          T = s.bottom - c.height, k = s.right + S;
           break;
         default:
-          T = s.top - c.height - S, y = s.left + (s.width - c.width) / 2;
+          T = s.top - c.height - S, k = s.left + (s.width - c.width) / 2;
       }
-      const ee = window.innerWidth, te = window.innerHeight;
-      y < 0 && (y = 10), y + c.width > ee && (y = ee - c.width - 10), T < 0 && (T = 10), T + c.height > te && (T = te - c.height - 10), d.value = {
+      const te = window.innerWidth, oe = window.innerHeight;
+      k < 0 && (k = 10), k + c.width > te && (k = te - c.width - 10), T < 0 && (T = 10), T + c.height > oe && (T = oe - c.height - 10), d.value = {
         position: "fixed",
         top: `${T}px`,
-        left: `${y}px`,
+        left: `${k}px`,
         zIndex: "2000"
       };
     }, n = (s) => {
       var c, Z;
-      o.value && ((c = i.value) != null && c.contains(s.target) || (Z = f.value) != null && Z.contains(s.target) || (o.value = !1));
-    }, m = (s) => {
+      o.value && ((c = a.value) != null && c.contains(s.target) || (Z = f.value) != null && Z.contains(s.target) || (o.value = !1));
+    }, p = (s) => {
       t.disabled || (s.stopPropagation(), o.value = !o.value, o.value && setTimeout(u, 0));
     }, r = () => {
-      o.value = !1, a("confirm");
-    }, h = () => {
-      o.value = !1, a("cancel");
-    }, p = () => {
+      o.value = !1, l("confirm");
+    }, m = () => {
+      o.value = !1, l("cancel");
+    }, w = () => {
       o.value && u();
-    }, B = () => {
+    }, g = () => {
       o.value && u();
     };
-    ne(o, (s) => {
-      s ? (setTimeout(u, 0), document.addEventListener("click", n), window.addEventListener("scroll", p, !0), window.addEventListener("resize", B)) : (document.removeEventListener("click", n), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", B));
+    le(o, (s) => {
+      s ? (setTimeout(u, 0), document.addEventListener("click", n), window.addEventListener("scroll", w, !0), window.addEventListener("resize", g)) : (document.removeEventListener("click", n), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", g));
     }), ae(() => {
-      document.removeEventListener("click", n), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", B);
+      document.removeEventListener("click", n), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", g);
     });
-    const w = I(() => ({
+    const h = I(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width
-    })), C = I(() => {
+    })), y = I(() => {
       const s = t.placement, c = {};
       switch (s) {
         case "top":
@@ -494,57 +527,57 @@ const Ze = /* @__PURE__ */ O({
       }
       return c;
     });
-    return (s, c) => (v(), $("span", Be, [
+    return (s, c) => (x(), $("span", Te, [
       z("span", {
         ref_key: "triggerRef",
-        ref: i,
+        ref: a,
         class: "x-popconfirm-trigger",
-        onClick: m
+        onClick: p
       }, [
         L(s.$slots, "default")
       ], 512),
-      (v(), X(le, { to: "body" }, [
-        ie(j, { name: "x-popconfirm-fade" }, {
-          default: F(() => [
-            o.value ? (v(), $("div", {
+      (x(), j(ie, { to: "body" }, [
+        U(F, { name: "x-popconfirm-fade" }, {
+          default: O(() => [
+            o.value ? (x(), $("div", {
               key: 0,
               ref_key: "popperRef",
               ref: f,
               class: "x-popconfirm",
-              style: N({ ...d.value, ...w.value }),
+              style: H({ ...d.value, ...h.value }),
               onClick: c[0] || (c[0] = pe(() => {
               }, ["stop"]))
             }, [
-              e.showArrow ? (v(), $("span", {
+              e.showArrow ? (x(), $("span", {
                 key: 0,
                 class: "x-popconfirm__arrow",
-                style: N(C.value)
+                style: H(y.value)
               }, null, 4)) : M("", !0),
-              z("div", Te, [
-                e.hideIcon ? M("", !0) : (v(), $("span", {
+              z("div", $e, [
+                e.hideIcon ? M("", !0) : (x(), $("span", {
                   key: 0,
                   class: "x-popconfirm__icon",
-                  style: N({ color: e.iconColor })
+                  style: H({ color: e.iconColor })
                 }, [
                   L(s.$slots, "icon", {}, () => [
-                    W(V(e.icon || "⚠"), 1)
+                    N(V(e.icon || "⚠"), 1)
                   ])
                 ], 4)),
-                z("div", $e, [
+                z("div", Ee, [
                   L(s.$slots, "title", {}, () => [
-                    W(V(e.title), 1)
+                    N(V(e.title), 1)
                   ])
                 ])
               ]),
-              z("div", Ee, [
-                e.hideCancelButton ? M("", !0) : (v(), $("button", {
+              z("div", Me, [
+                e.hideCancelButton ? M("", !0) : (x(), $("button", {
                   key: 0,
                   class: "x-button p-button--default p-button--small",
-                  onClick: h
+                  onClick: m
                 }, V(e.cancelButtonText), 1)),
-                e.hideConfirmButton ? M("", !0) : (v(), $("button", {
+                e.hideConfirmButton ? M("", !0) : (x(), $("button", {
                   key: 1,
-                  class: g(["x-button x-button--small", `x-button--${e.confirmButtonType}`]),
+                  class: v(["x-button x-button--small", `x-button--${e.confirmButtonType}`]),
                   onClick: r
                 }, V(e.confirmButtonText), 3))
               ])
@@ -555,7 +588,7 @@ const Ze = /* @__PURE__ */ O({
       ]))
     ]));
   }
-}), Ge = /* @__PURE__ */ O({
+}), Je = /* @__PURE__ */ A({
   name: "XBacktop",
   __name: "index",
   props: {
@@ -564,15 +597,15 @@ const Ze = /* @__PURE__ */ O({
     bottom: { default: 40 }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const t = e, a = l, o = U("backtop"), i = E(!1), f = () => {
+  setup(e, { emit: i }) {
+    const t = e, l = i, o = Y("backtop"), a = E(!1), f = () => {
       const n = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
-      i.value = n >= t.visibilityHeight;
+      a.value = n >= t.visibilityHeight;
     }, d = (n) => {
       window.scrollTo({
         top: 0,
         behavior: "smooth"
-      }), a("click", n);
+      }), l("click", n);
     }, u = I(() => ({
       right: `${t.right}px`,
       bottom: `${t.bottom}px`
@@ -581,26 +614,26 @@ const Ze = /* @__PURE__ */ O({
       window.addEventListener("scroll", f, { passive: !0, capture: !0 }), setTimeout(f, 100);
     }), ae(() => {
       window.removeEventListener("scroll", f, !0);
-    }), (n, m) => (v(), X(j, { name: "x-fade" }, {
-      default: F(() => [
-        he(z("div", {
-          class: g(x(o).b()),
-          style: N(u.value),
+    }), (n, p) => (x(), j(F, { name: "x-fade" }, {
+      default: O(() => [
+        me(z("div", {
+          class: v(b(o).b()),
+          style: H(u.value),
           onClick: d
         }, [
           L(n.$slots, "default", {}, () => [
             z("span", {
-              class: g(x(o).e("icon"))
+              class: v(b(o).e("icon"))
             }, "↑", 2)
           ])
         ], 6), [
-          [ge, i.value]
+          [he, a.value]
         ])
       ]),
       _: 3
     }));
   }
-}), Me = /* @__PURE__ */ O({
+}), ze = /* @__PURE__ */ A({
   name: "XMessage",
   __name: "index",
   props: {
@@ -614,119 +647,119 @@ const Ze = /* @__PURE__ */ O({
     onClose: {}
   },
   emits: ["close", "destroy"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, o = t, i = U("message"), f = E(!1), d = E(ke()), u = {
+  setup(e, { expose: i, emit: t }) {
+    const l = e, o = t, a = Y("message"), f = E(!1), d = E(Be()), u = {
       success: "✓",
       warning: "⚠",
       error: "✕",
       info: "ℹ"
     }, n = I(() => [
-      i.b(),
-      i.m(a.type),
-      i.is("center", a.center),
-      i.is("closable", a.showClose),
-      a.customClass
-    ]), m = I(() => ({
-      top: `${a.offset}px`,
+      a.b(),
+      a.m(l.type),
+      a.is("center", l.center),
+      a.is("closable", l.showClose),
+      l.customClass
+    ]), p = I(() => ({
+      top: `${l.offset}px`,
       zIndex: d.value
     }));
     let r = null;
-    const h = () => {
-      a.duration > 0 && (r = setTimeout(() => {
-        B();
-      }, a.duration));
-    }, p = () => {
-      r && (clearTimeout(r), r = null);
-    }, B = () => {
-      var C;
-      f.value = !1, (C = a.onClose) == null || C.call(a), o("close");
+    const m = () => {
+      l.duration > 0 && (r = setTimeout(() => {
+        g();
+      }, l.duration));
     }, w = () => {
+      r && (clearTimeout(r), r = null);
+    }, g = () => {
+      var y;
+      f.value = !1, (y = l.onClose) == null || y.call(l), o("close");
+    }, h = () => {
       o("destroy");
     };
     return ve(() => {
-      h(), f.value = !0;
+      m(), f.value = !0;
     }), ae(() => {
-      p();
-    }), l({
-      close: B
-    }), (C, s) => (v(), X(j, {
+      w();
+    }), i({
+      close: g
+    }), (y, s) => (x(), j(F, {
       name: "x-message-fade",
-      onAfterLeave: w
+      onAfterLeave: h
     }, {
-      default: F(() => [
-        f.value ? (v(), $("div", {
+      default: O(() => [
+        f.value ? (x(), $("div", {
           key: 0,
-          class: g(n.value),
-          style: N(m.value),
-          onMouseenter: p,
-          onMouseleave: h
+          class: v(n.value),
+          style: H(p.value),
+          onMouseenter: w,
+          onMouseleave: m
         }, [
           z("span", {
-            class: g(x(i).e("icon"))
+            class: v(b(a).e("icon"))
           }, V(u[e.type]), 3),
           z("span", {
-            class: g(x(i).e("content"))
+            class: v(b(a).e("content"))
           }, [
-            L(C.$slots, "default", {}, () => [
-              W(V(e.message), 1)
+            L(y.$slots, "default", {}, () => [
+              N(V(e.message), 1)
             ])
           ], 2),
-          e.showClose ? (v(), $("button", {
+          e.showClose ? (x(), $("button", {
             key: 0,
-            class: g(x(i).e("close")),
-            onClick: B
+            class: v(b(a).e("close")),
+            onClick: g
           }, " ✕ ", 2)) : M("", !0)
         ], 38)) : M("", !0)
       ]),
       _: 3
     }));
   }
-}), q = [];
-let ze = 1;
-const Se = () => {
-  q.slice().forEach((e) => e.close());
+}), G = [];
+let Se = 1;
+const Ie = () => {
+  G.slice().forEach((e) => e.close());
 };
 function xe(e) {
-  const l = ze++, t = document.createElement("div");
+  const i = Se++, t = document.createElement("div");
   document.body.appendChild(t);
-  const a = {
+  const l = {
     success: { bg: "#f0f9eb", border: "#67c23a", icon: "✓" },
     warning: { bg: "#fdf6ec", border: "#e6a23c", icon: "⚠" },
     error: { bg: "#fef0f0", border: "#f56c6c", icon: "✕" },
     info: { bg: "#f4f4f5", border: "#909399", icon: "ℹ" }
-  }, o = e.type || "info", i = a[o] || a.info, f = be({
+  }, o = e.type || "info", a = l[o] || l.info, f = we({
     visible: !1,
     offset: e.offset ?? 20
   });
   let d = e.offset ?? 20;
-  q.forEach((w) => {
-    const C = w.container.firstElementChild;
-    C && C.offsetHeight && (d += C.offsetHeight + 16);
+  G.forEach((h) => {
+    const y = h.container.firstElementChild;
+    y && y.offsetHeight && (d += y.offsetHeight + 16);
   }), f.offset = d;
   let u = null, n = !1;
-  const m = () => {
+  const p = () => {
     n || (f.visible = !1, setTimeout(() => {
       if (n) return;
       n = !0;
-      const w = q.findIndex((C) => C.id === l);
-      w !== -1 && q.splice(w, 1);
+      const h = G.findIndex((y) => y.id === i);
+      h !== -1 && G.splice(h, 1);
       try {
-        p.unmount();
+        w.unmount();
       } catch {
       }
       t.parentNode && t.parentNode.removeChild(t);
     }, 300));
   }, r = () => {
-    const w = e.duration ?? 3e3;
-    w > 0 && (u = setTimeout(m, w));
-  }, h = () => {
+    const h = e.duration ?? 3e3;
+    h > 0 && (u = setTimeout(p, h));
+  }, m = () => {
     u && (clearTimeout(u), u = null);
-  }, p = me({
+  }, w = ge({
     render() {
       if (!f.visible) return null;
-      const w = [
+      const h = [
         // Icon
-        b("span", {
+        C("span", {
           style: {
             display: "inline-flex",
             alignItems: "center",
@@ -735,11 +768,11 @@ function xe(e) {
             height: "20px",
             marginRight: "10px",
             fontSize: "16px",
-            color: i.border
+            color: a.border
           }
-        }, i.icon),
+        }, a.icon),
         // Content
-        b("span", {
+        C("span", {
           style: {
             flex: "1",
             fontSize: "14px",
@@ -748,8 +781,8 @@ function xe(e) {
           }
         }, e.message || "")
       ];
-      return e.showClose && w.push(
-        b("button", {
+      return e.showClose && h.push(
+        C("button", {
           style: {
             position: "absolute",
             top: "50%",
@@ -762,11 +795,11 @@ function xe(e) {
             color: "#909399",
             padding: "0"
           },
-          onClick: (C) => {
-            C.stopPropagation(), m();
+          onClick: (y) => {
+            y.stopPropagation(), p();
           }
         }, "✕")
-      ), b("div", {
+      ), C("div", {
         class: ["x-message", `x-message--${o}`, e.center ? "is-center" : "", e.showClose ? "is-closable" : ""],
         style: {
           position: "fixed",
@@ -780,139 +813,139 @@ function xe(e) {
           boxShadow: "0 2px 12px rgba(0,0,0,0.1)",
           minWidth: "280px",
           maxWidth: "480px",
-          backgroundColor: i.bg,
-          border: `1px solid ${i.border}`,
-          zIndex: 2e3 + l,
+          backgroundColor: a.bg,
+          border: `1px solid ${a.border}`,
+          zIndex: 2e3 + i,
           transition: "opacity 0.3s, transform 0.3s"
         },
-        onMouseenter: h,
+        onMouseenter: m,
         onMouseleave: r
-      }, w);
+      }, h);
     }
   });
-  p.mount(t), Q(() => {
+  w.mount(t), ee(() => {
     f.visible = !0, r();
   });
-  const B = { id: l, app: p, container: t, close: m };
-  return q.push(B), { close: m };
+  const g = { id: i, app: w, container: t, close: p };
+  return G.push(g), { close: p };
 }
-function Ie(e) {
+function Le(e) {
   return xe(typeof e == "string" ? { message: e } : e);
 }
-const oe = (e) => (l) => xe({ ...typeof l == "string" ? { message: l } : l, type: e }), ue = Object.assign(Ie, {
-  info: oe("info"),
-  success: oe("success"),
-  warning: oe("warning"),
-  error: oe("error"),
-  closeAll: Se
-}), Je = ue, Qe = Me, et = {
+const ne = (e) => (i) => xe({ ...typeof i == "string" ? { message: i } : i, type: e }), ue = Object.assign(Le, {
+  info: ne("info"),
+  success: ne("success"),
+  warning: ne("warning"),
+  error: ne("error"),
+  closeAll: Ie
+}), Qe = ue, et = ze, tt = {
   install(e) {
     e.config.globalProperties.$message = ue, e.provide("message", ue);
   }
-}, G = [], Le = () => {
-  G.slice().forEach((e) => e.close());
-}, Pe = {
+}, J = [], Pe = () => {
+  J.slice().forEach((e) => e.close());
+}, Re = {
   success: { icon: "✓", color: "#67c23a" },
   warning: { icon: "⚠", color: "#e6a23c" },
   error: { icon: "✕", color: "#f56c6c" },
   info: { icon: "ℹ", color: "#909399" }
 };
 function re(e) {
-  return new Promise((l) => {
+  return new Promise((i) => {
     const t = document.createElement("div");
     document.body.appendChild(t);
-    let a = !1;
-    const o = O({
+    let l = !1;
+    const o = A({
       name: "TMessageBox",
       setup() {
-        const d = E(!1), u = E(e.inputValue ?? ""), n = E(""), m = 2e3 + G.length + 1, r = (C) => {
-          a || (a = !0, d.value = !1, setTimeout(() => {
-            const s = G.findIndex((c) => c.container === t);
-            s !== -1 && G.splice(s, 1);
+        const d = E(!1), u = E(e.inputValue ?? ""), n = E(""), p = 2e3 + J.length + 1, r = (y) => {
+          l || (l = !0, d.value = !1, setTimeout(() => {
+            const s = J.findIndex((c) => c.container === t);
+            s !== -1 && J.splice(s, 1);
             try {
-              i.unmount();
+              a.unmount();
             } catch {
             }
-            t.parentNode && t.parentNode.removeChild(t), l({
-              action: C,
-              value: C === "confirm" ? u.value : void 0
+            t.parentNode && t.parentNode.removeChild(t), i({
+              action: y,
+              value: y === "confirm" ? u.value : void 0
             });
           }, 300));
-        }, h = () => {
+        }, m = () => {
           if (e.showInput && e.inputPattern && !e.inputPattern.test(u.value)) {
             n.value = e.inputErrorMessage || "输入格式不正确";
             return;
           }
           n.value = "", r("confirm");
-        }, p = () => {
+        }, w = () => {
           r("cancel");
-        }, B = () => {
+        }, g = () => {
           r("close");
-        }, w = () => {
-          e.closeOnClickModal !== !1 && B();
+        }, h = () => {
+          e.closeOnClickModal !== !1 && g();
         };
-        return Q(() => {
+        return ee(() => {
           d.value = !0;
         }), {
           visible: d,
           inputValue: u,
           inputError: n,
-          zIndex: m,
-          handleConfirm: h,
-          handleCancel: p,
-          handleClose: B,
-          handleMaskClick: w
+          zIndex: p,
+          handleConfirm: m,
+          handleCancel: w,
+          handleClose: g,
+          handleMaskClick: h
         };
       },
       render() {
         if (!this.visible) return null;
-        const d = e.type, u = d ? Pe[d] : null, n = [];
+        const d = e.type, u = d ? Re[d] : null, n = [];
         u && n.push(
-          b("span", {
+          C("span", {
             class: "x-message-box__icon",
             style: { color: u.color, marginRight: "10px", fontSize: "20px" }
           }, u.icon)
         ), n.push(
-          b("span", { class: "x-message-box__title" }, e.title || "提示")
+          C("span", { class: "x-message-box__title" }, e.title || "提示")
         ), e.showClose !== !1 && n.push(
-          b("button", {
+          C("button", {
             class: "x-message-box__close",
             onClick: this.handleClose
           }, "✕")
         );
-        const m = [];
-        m.push(
-          b("div", { class: "x-message-box__content" }, e.message || "")
-        ), e.showInput && m.push(
-          b("div", { class: "x-message-box__input", style: { marginTop: "12px" } }, [
-            b("input", {
+        const p = [];
+        p.push(
+          C("div", { class: "x-message-box__content" }, e.message || "")
+        ), e.showInput && p.push(
+          C("div", { class: "x-message-box__input", style: { marginTop: "12px" } }, [
+            C("input", {
               class: ["x-message-box__input-inner", this.inputError ? "is-error" : ""].filter(Boolean),
               type: e.inputType || "text",
               placeholder: e.inputPlaceholder || "请输入",
               value: this.inputValue,
-              onInput: (h) => {
-                this.inputValue = h.target.value, this.inputError = "";
+              onInput: (m) => {
+                this.inputValue = m.target.value, this.inputError = "";
               },
-              onKeyup: (h) => {
-                h.key === "Enter" && this.handleConfirm();
+              onKeyup: (m) => {
+                m.key === "Enter" && this.handleConfirm();
               }
             }),
-            this.inputError ? b("div", { class: "x-message-box__error", style: { color: "#f56c6c", fontSize: "12px", marginTop: "4px" } }, this.inputError) : null
+            this.inputError ? C("div", { class: "x-message-box__error", style: { color: "#f56c6c", fontSize: "12px", marginTop: "4px" } }, this.inputError) : null
           ])
         );
         const r = [];
         return e.showCancelButton && r.push(
-          b("button", {
+          C("button", {
             class: "x-button p-button--default",
             onClick: this.handleCancel
           }, e.cancelButtonText || "取消")
         ), e.showConfirmButton !== !1 && r.push(
-          b("button", {
+          C("button", {
             class: "x-button p-button--primary",
             onClick: this.handleConfirm,
             style: { marginLeft: "10px" }
           }, e.confirmButtonText || "确定")
-        ), b("div", {
+        ), C("div", {
           class: ["x-message-box-wrapper", e.center ? "is-center" : ""],
           style: {
             position: "fixed",
@@ -928,7 +961,7 @@ function re(e) {
           },
           onClick: this.handleMaskClick
         }, [
-          b("div", {
+          C("div", {
             class: ["x-message-box", e.customClass],
             style: {
               backgroundColor: "#fff",
@@ -937,10 +970,10 @@ function re(e) {
               minWidth: "300px",
               maxWidth: "500px"
             },
-            onClick: (h) => h.stopPropagation()
+            onClick: (m) => m.stopPropagation()
           }, [
             // Header
-            b("div", {
+            C("div", {
               class: "x-message-box__header",
               style: {
                 display: "flex",
@@ -951,16 +984,16 @@ function re(e) {
               }
             }, n),
             // Body
-            b("div", {
+            C("div", {
               class: "x-message-box__body",
               style: {
                 padding: "20px",
                 fontSize: "14px",
                 color: "#606266"
               }
-            }, m),
+            }, p),
             // Footer
-            b("div", {
+            C("div", {
               class: "x-message-box__footer",
               style: {
                 padding: "10px 20px 16px",
@@ -970,42 +1003,42 @@ function re(e) {
           ])
         ]);
       }
-    }), i = me(o);
-    i.mount(t);
+    }), a = ge(o);
+    a.mount(t);
     const f = {
-      app: i,
+      app: a,
       container: t,
       close: () => {
         var u;
-        const d = (u = i._instance) == null ? void 0 : u.proxy;
+        const d = (u = a._instance) == null ? void 0 : u.proxy;
         d != null && d.handleClose && d.handleClose();
       }
     };
-    G.push(f);
+    J.push(f);
   });
 }
-async function Re(e, l, t) {
+async function Ve(e, i, t) {
   return re({
     message: e,
-    title: l,
+    title: i,
     ...t,
     showConfirmButton: !0,
     showCancelButton: !1
   });
 }
-async function Ve(e, l, t) {
+async function _e(e, i, t) {
   return re({
     message: e,
-    title: l,
+    title: i,
     ...t,
     showConfirmButton: !0,
     showCancelButton: !0
   });
 }
-async function He(e, l, t) {
+async function He(e, i, t) {
   return re({
     message: e,
-    title: l,
+    title: i,
     ...t,
     showInput: !0,
     showConfirmButton: !0,
@@ -1016,33 +1049,33 @@ function Ne(e) {
   return re(e);
 }
 const K = Object.assign(Ne, {
-  alert: Re,
-  confirm: Ve,
+  alert: Ve,
+  confirm: _e,
   prompt: He,
-  closeAll: Le
-}), tt = K, ot = {
+  closeAll: Pe
+}), ot = K, nt = {
   install(e) {
     e.config.globalProperties.$msgbox = K, e.config.globalProperties.$alert = K.alert, e.config.globalProperties.$confirm = K.confirm, e.config.globalProperties.$prompt = K.prompt, e.provide("messageBox", K);
   }
-}, J = [];
+}, Q = [];
 let Oe = 1;
-const _e = () => {
-  J.slice().forEach((e) => e.close());
-}, Ae = {
+const Ae = () => {
+  Q.slice().forEach((e) => e.close());
+}, We = {
   success: { icon: "✓", color: "#67c23a" },
   warning: { icon: "⚠", color: "#e6a23c" },
   error: { icon: "✕", color: "#f56c6c" },
   info: { icon: "ℹ", color: "#909399" }
-}, We = (e, l) => {
-  const t = J.filter((o) => o.position === e);
-  let a = 16;
+}, De = (e, i) => {
+  const t = Q.filter((o) => o.position === e);
+  let l = 16;
   for (const o of t)
-    if (o.id < l) {
-      const i = o.container.firstElementChild;
-      i && (a += i.offsetHeight + 16);
+    if (o.id < i) {
+      const a = o.container.firstElementChild;
+      a && (l += a.offsetHeight + 16);
     }
-  return a;
-}, De = (e, l) => {
+  return l;
+}, Xe = (e, i) => {
   const t = {
     position: "fixed",
     width: "330px",
@@ -1050,61 +1083,61 @@ const _e = () => {
   };
   switch (e) {
     case "top-right":
-      t.top = `${l}px`, t.right = "16px";
+      t.top = `${i}px`, t.right = "16px";
       break;
     case "top-left":
-      t.top = `${l}px`, t.left = "16px";
+      t.top = `${i}px`, t.left = "16px";
       break;
     case "bottom-right":
-      t.bottom = `${l}px`, t.right = "16px";
+      t.bottom = `${i}px`, t.right = "16px";
       break;
     case "bottom-left":
-      t.bottom = `${l}px`, t.left = "16px";
+      t.bottom = `${i}px`, t.left = "16px";
       break;
     default:
-      t.top = `${l}px`, t.right = "16px";
+      t.top = `${i}px`, t.right = "16px";
   }
   return t;
 };
 function ye(e) {
-  const l = Oe++, t = e.position || "top-right", a = document.createElement("div");
-  document.body.appendChild(a);
-  let o = null, i = !1;
-  const f = O({
+  const i = Oe++, t = e.position || "top-right", l = document.createElement("div");
+  document.body.appendChild(l);
+  let o = null, a = !1;
+  const f = A({
     name: "TNotification",
     setup() {
-      const n = E(!1), m = () => {
-        i || (i = !0, n.value = !1, setTimeout(() => {
-          var C;
-          const w = J.findIndex((s) => s.id === l);
-          w !== -1 && J.splice(w, 1), o && clearTimeout(o), (C = e.onClose) == null || C.call(e);
+      const n = E(!1), p = () => {
+        a || (a = !0, n.value = !1, setTimeout(() => {
+          var y;
+          const h = Q.findIndex((s) => s.id === i);
+          h !== -1 && Q.splice(h, 1), o && clearTimeout(o), (y = e.onClose) == null || y.call(e);
           try {
             d.unmount();
           } catch {
           }
-          a.parentNode && a.parentNode.removeChild(a);
+          l.parentNode && l.parentNode.removeChild(l);
         }, 300));
       }, r = () => {
-        const w = e.duration ?? 4500;
-        w > 0 && (o = setTimeout(m, w));
-      }, h = () => {
+        const h = e.duration ?? 4500;
+        h > 0 && (o = setTimeout(p, h));
+      }, m = () => {
         o && (clearTimeout(o), o = null);
-      }, p = I(() => (e.offset ?? 0) + We(t, l)), B = I(() => De(t, p.value));
-      return Q(() => {
+      }, w = I(() => (e.offset ?? 0) + De(t, i)), g = I(() => Xe(t, w.value));
+      return ee(() => {
         n.value = !0, r();
       }), {
         visible: n,
-        close: m,
-        positionStyles: B,
+        close: p,
+        positionStyles: g,
         startTimer: r,
-        clearTimer: h
+        clearTimer: m
       };
     },
     render() {
       if (!this.visible) return null;
-      const n = e.type, m = n ? Ae[n] : null, r = [];
+      const n = e.type, p = n ? We[n] : null, r = [];
       e.title && r.push(
-        b("div", {
+        C("div", {
           class: "x-notification__title",
           style: {
             fontWeight: "600",
@@ -1114,7 +1147,7 @@ function ye(e) {
           }
         }, e.title)
       ), e.message && (e.dangerouslyUseHTMLString ? r.push(
-        b("div", {
+        C("div", {
           class: "x-notification__content",
           style: {
             fontSize: "14px",
@@ -1124,7 +1157,7 @@ function ye(e) {
           innerHTML: e.message
         })
       ) : r.push(
-        b("div", {
+        C("div", {
           class: "x-notification__content",
           style: {
             fontSize: "14px",
@@ -1133,9 +1166,9 @@ function ye(e) {
           }
         }, e.message)
       ));
-      const h = [];
-      return m && h.push(
-        b("div", {
+      const m = [];
+      return p && m.push(
+        C("div", {
           class: "x-notification__icon",
           style: {
             display: "flex",
@@ -1145,18 +1178,18 @@ function ye(e) {
             height: "24px",
             marginRight: "12px",
             fontSize: "18px",
-            color: m.color
+            color: p.color
           }
-        }, m.icon)
-      ), h.push(
-        b("div", {
+        }, p.icon)
+      ), m.push(
+        C("div", {
           class: "x-notification__main",
           style: {
             flex: "1"
           }
         }, r)
-      ), e.showClose !== !1 && h.push(
-        b("button", {
+      ), e.showClose !== !1 && m.push(
+        C("button", {
           class: "x-notification__close",
           style: {
             position: "absolute",
@@ -1169,11 +1202,11 @@ function ye(e) {
             color: "#909399",
             padding: "0"
           },
-          onClick: (p) => {
-            p.stopPropagation(), this.close();
+          onClick: (w) => {
+            w.stopPropagation(), this.close();
           }
         }, "✕")
-      ), b("div", {
+      ), C("div", {
         class: ["x-notification", e.customClass],
         style: {
           ...this.positionStyles,
@@ -1188,49 +1221,49 @@ function ye(e) {
         },
         onMouseenter: this.clearTimer,
         onMouseleave: this.startTimer
-      }, h);
+      }, m);
     }
-  }), d = me(f);
-  d.mount(a);
+  }), d = ge(f);
+  d.mount(l);
   const u = {
-    id: l,
+    id: i,
     app: d,
-    container: a,
+    container: l,
     position: t,
     close: () => {
-      var m;
-      const n = (m = d._instance) == null ? void 0 : m.proxy;
+      var p;
+      const n = (p = d._instance) == null ? void 0 : p.proxy;
       n != null && n.close && n.close();
     }
   };
-  return J.push(u), { close: u.close };
+  return Q.push(u), { close: u.close };
 }
-function Xe(e) {
+function je(e) {
   return ye(typeof e == "string" ? { message: e } : e);
 }
-const se = (e) => (l) => ye({ ...typeof l == "string" ? { message: l } : l, type: e }), fe = Object.assign(Xe, {
+const se = (e) => (i) => ye({ ...typeof i == "string" ? { message: i } : i, type: e }), fe = Object.assign(je, {
   info: se("info"),
   success: se("success"),
   warning: se("warning"),
   error: se("error"),
-  closeAll: _e
-}), st = fe, nt = {
+  closeAll: Ae
+}), st = fe, lt = {
   install(e) {
     e.config.globalProperties.$notify = fe, e.provide("notification", fe);
   }
 };
 export {
-  Ue as Alert,
-  Ge as Backtop,
-  Ke as Drawer,
-  Je as Message,
-  tt as MessageBox,
-  Qe as MessageComponent,
-  Ze as Modal,
+  Ye as Alert,
+  Je as Backtop,
+  Ue as Drawer,
+  Qe as Message,
+  ot as MessageBox,
+  et as MessageComponent,
+  Ke as Modal,
   st as Notification,
-  qe as Popconfirm,
-  et as TMessage,
-  ot as TMessageBox,
-  nt as TNotification,
-  Ye as Tooltip
+  Ge as Popconfirm,
+  tt as TMessage,
+  nt as TMessageBox,
+  lt as TNotification,
+  qe as Tooltip
 };