@xto/feedback 1.1.7 → 1.1.9

package/es/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as I, computed as L, watch as te, resolveComponent as ke, openBlock as d, createBlock as j, Teleport as oe, createVNode as K, Transition as q, withCtx as D, createElementBlock as x, normalizeStyle as O, normalizeClass as a, unref as i, createElementVNode as C, withModifiers as ie, renderSlot as S, createTextVNode as H, toDisplayString as z, createCommentVNode as $, withDirectives as re, vShow as ce, Fragment as ge, renderList as be, nextTick as ee, onUnmounted as ue, onMounted as ye, reactive as Ce, createApp as ve, h as T } from "vue";
+import { defineComponent as N, ref as I, computed as L, watch as te, resolveComponent as ke, openBlock as f, createBlock as j, Teleport as oe, createVNode as K, Transition as q, withCtx as D, createElementBlock as x, normalizeStyle as O, normalizeClass as a, unref as i, createElementVNode as C, withModifiers as ie, renderSlot as S, createTextVNode as H, toDisplayString as z, createCommentVNode as $, withDirectives as re, vShow as ce, Fragment as ge, renderList as ye, nextTick as ee, onUnmounted as ue, onMounted as be, reactive as Ce, createApp as ve, h as T } from "vue";
 import { useNamespace as F, useZIndex as $e, useEscape as Be, nextMessageZIndex as Te } from "@xto/core";
 const ot = /* @__PURE__ */ N({
   name: "XModal",
@@ -19,10 +19,10 @@ const ot = /* @__PURE__ */ N({
   },
   emits: ["update:modelValue", "update:open", "close", "open", "ok", "cancel"],
   setup(e, { emit: s }) {
-    const t = e, r = s, o = F("modal"), { next: l } = $e(), f = I(l()), g = L({
+    const t = e, r = s, o = F("modal"), { next: l } = $e(), m = I(l()), g = L({
       get: () => t.modelValue !== void 0 ? t.modelValue : t.open !== void 0 ? t.open : !1,
-      set: (m) => {
-        r("update:modelValue", m), r("update:open", m);
+      set: (d) => {
+        t.modelValue !== void 0 && r("update:modelValue", d), t.open !== void 0 && r("update:open", d), t.modelValue === void 0 && t.open === void 0 && r("update:modelValue", d);
       }
     }), v = I(), c = () => {
       g.value = !1, r("cancel"), r("close");
@@ -33,21 +33,21 @@ const ot = /* @__PURE__ */ N({
     };
     Be(() => {
       t.closeOnPressEscape && g.value && c();
-    }), te(() => [t.modelValue, t.open], ([m, n]) => {
-      (m !== void 0 ? m : n) && (f.value = l(), r("open"));
+    }), te(() => [t.modelValue, t.open], ([d, n]) => {
+      (d !== void 0 ? d : n) && (m.value = l(), r("open"));
     }, { immediate: !0 });
     const w = L(() => ({
       paddingTop: t.top
     })), h = L(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width,
-      zIndex: f.value
+      zIndex: m.value
     }));
-    return (m, n) => {
-      const b = ke("x-button");
-      return d(), j(oe, { to: "body" }, [
+    return (d, n) => {
+      const y = ke("x-button");
+      return f(), j(oe, { to: "body" }, [
         K(q, { name: "x-modal-fade" }, {
           default: D(() => [
-            g.value ? (d(), x("div", {
+            g.value ? (f(), x("div", {
               key: 0,
               class: a(i(o).e("wrapper")),
               style: O(w.value),
@@ -67,11 +67,11 @@ const ot = /* @__PURE__ */ N({
                   C("span", {
                     class: a(i(o).e("title"))
                   }, [
-                    S(m.$slots, "title", {}, () => [
+                    S(d.$slots, "title", {}, () => [
                       H(z(e.title), 1)
                     ])
                   ], 2),
-                  e.showClose ? (d(), x("button", {
+                  e.showClose ? (f(), x("button", {
                     key: 0,
                     class: a(i(o).e("close")),
                     onClick: c
@@ -80,27 +80,27 @@ const ot = /* @__PURE__ */ N({
                 C("div", {
                   class: a(i(o).e("body"))
                 }, [
-                  S(m.$slots, "default")
+                  S(d.$slots, "default")
                 ], 2),
-                m.$slots.footer ? (d(), x("div", {
+                d.$slots.footer ? (f(), x("div", {
                   key: 0,
                   class: a(i(o).e("footer"))
                 }, [
-                  S(m.$slots, "footer", {
+                  S(d.$slots, "footer", {
                     ok: k,
                     cancel: c
                   })
-                ], 2)) : m.$slots.footer ? $("", !0) : (d(), x("div", {
+                ], 2)) : d.$slots.footer ? $("", !0) : (f(), x("div", {
                   key: 1,
                   class: a(i(o).e("footer"))
                 }, [
-                  K(b, { onClick: c }, {
+                  K(y, { onClick: c }, {
                     default: D(() => [...n[1] || (n[1] = [
                       H("取消", -1)
                     ])]),
                     _: 1
                   }),
-                  K(b, {
+                  K(y, {
                     type: "primary",
                     style: { "margin-left": "8px" },
                     onClick: k
@@ -133,16 +133,17 @@ const ot = /* @__PURE__ */ N({
     withHeader: { type: Boolean, default: !0 },
     showClose: { type: Boolean, default: !0 },
     closeOnClickModal: { type: Boolean, default: !0 },
-    destroyOnClose: { type: Boolean, default: !1 }
+    destroyOnClose: { type: Boolean, default: !1 },
+    modal: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "close", "open"],
   setup(e, { emit: s }) {
-    const t = e, r = s, o = F("drawer"), l = I(2e3), f = () => {
+    const t = e, r = s, o = F("drawer"), l = I(2e3), m = () => {
       r("update:modelValue", !1), r("close");
     }, g = () => {
-      t.closeOnClickModal && f();
+      t.closeOnClickModal && m();
     }, v = (p) => {
-      p.key === "Escape" && t.modelValue && f();
+      p.key === "Escape" && t.modelValue && m();
     };
     te(() => t.modelValue, (p) => {
       p ? (l.value = 2e3 + Math.floor(Math.random() * 100), r("open"), document.addEventListener("keydown", v)) : document.removeEventListener("keydown", v);
@@ -158,11 +159,11 @@ const ot = /* @__PURE__ */ N({
         btt: { width: "100%", height: h }
       }[p];
     });
-    return (p, w) => (d(), j(oe, { to: "body" }, [
+    return (p, w) => (f(), j(oe, { to: "body" }, [
       K(q, { name: "x-drawer-fade" }, {
         default: D(() => [
           re(C("div", {
-            class: a(i(o).e("overlay")),
+            class: a([i(o).e("overlay"), { [i(o).em("overlay", "no-modal")]: !e.modal }]),
             style: O(c.value),
             onClick: g
           }, [
@@ -172,7 +173,7 @@ const ot = /* @__PURE__ */ N({
               onClick: w[0] || (w[0] = ie(() => {
               }, ["stop"]))
             }, [
-              e.withHeader ? (d(), x("div", {
+              e.withHeader ? (f(), x("div", {
                 key: 0,
                 class: a(i(o).e("header"))
               }, [
@@ -183,10 +184,10 @@ const ot = /* @__PURE__ */ N({
                     H(z(e.title), 1)
                   ])
                 ], 2),
-                e.showClose ? (d(), x("button", {
+                e.showClose ? (f(), x("button", {
                   key: 0,
                   class: a(i(o).e("close")),
-                  onClick: f
+                  onClick: m
                 }, " ✕ ", 2)) : $("", !0)
               ], 2)) : $("", !0),
               C("div", {
@@ -194,7 +195,7 @@ const ot = /* @__PURE__ */ N({
               }, [
                 S(p.$slots, "default")
               ], 2),
-              p.$slots.footer ? (d(), x("div", {
+              p.$slots.footer ? (f(), x("div", {
                 key: 1,
                 class: a(i(o).e("footer"))
               }, [
@@ -230,7 +231,7 @@ const ot = /* @__PURE__ */ N({
   },
   emits: ["update:modelValue", "confirm", "cancel", "close", "field-change"],
   setup(e, { emit: s }) {
-    const t = e, r = s, o = F("drawer-form"), l = I({}), f = I({});
+    const t = e, r = s, o = F("drawer-form"), l = I({}), m = I({});
     L(() => [
       o.b()
     ]), te(() => t.formData, (h) => {
@@ -243,26 +244,26 @@ const ot = /* @__PURE__ */ N({
     }, k = () => {
       p() && (r("confirm", l.value), v());
     }, p = () => {
-      f.value = {};
+      m.value = {};
       for (const h of t.fields) {
         if (h.required) {
-          const m = l.value[h.name];
-          if (m == null || m === "") {
-            f.value[h.name] = `${h.label}为必填项`;
+          const d = l.value[h.name];
+          if (d == null || d === "") {
+            m.value[h.name] = `${h.label}为必填项`;
             continue;
           }
         }
         if (h.rules)
-          for (const m of h.rules) {
+          for (const d of h.rules) {
             const n = l.value[h.name];
-            m.type === "email" && n && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n) && (f.value[h.name] = m.message), m.type === "minLength" && n && n.length < m.min && (f.value[h.name] = m.message);
+            d.type === "email" && n && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n) && (m.value[h.name] = d.message), d.type === "minLength" && n && n.length < d.min && (m.value[h.name] = d.message);
           }
       }
-      return Object.keys(f.value).length === 0;
-    }, w = (h, m) => {
-      l.value[h] = m, r("field-change", h, m);
+      return Object.keys(m.value).length === 0;
+    }, w = (h, d) => {
+      l.value[h] = d, r("field-change", h, d);
     };
-    return (h, m) => (d(), j(oe, { to: "body" }, [
+    return (h, d) => (f(), j(oe, { to: "body" }, [
       K(q, { name: "drawer-form-fade" }, {
         default: D(() => [
           re(C("div", {
@@ -272,7 +273,7 @@ const ot = /* @__PURE__ */ N({
             C("div", {
               class: a(i(o).b()),
               style: O({ width: g.value }),
-              onClick: m[0] || (m[0] = ie(() => {
+              onClick: d[0] || (d[0] = ie(() => {
               }, ["stop"]))
             }, [
               C("div", {
@@ -289,11 +290,11 @@ const ot = /* @__PURE__ */ N({
               C("div", {
                 class: a(i(o).e("body"))
               }, [
-                !e.destroyOnClose || e.modelValue ? (d(), x("div", {
+                !e.destroyOnClose || e.modelValue ? (f(), x("div", {
                   key: 0,
                   class: a(i(o).e("form"))
                 }, [
-                  (d(!0), x(ge, null, be(e.fields, (n) => (d(), x("div", {
+                  (f(!0), x(ge, null, ye(e.fields, (n) => (f(), x("div", {
                     key: n.name,
                     class: a(i(o).e("field"))
                   }, [
@@ -301,68 +302,68 @@ const ot = /* @__PURE__ */ N({
                       class: a(i(o).e("label"))
                     }, [
                       H(z(n.label) + " ", 1),
-                      n.required ? (d(), x("span", Ee, "*")) : $("", !0)
+                      n.required ? (f(), x("span", Ee, "*")) : $("", !0)
                     ], 2),
-                    n.type === "input" ? (d(), x("input", {
+                    n.type === "input" ? (f(), x("input", {
                       key: 0,
-                      class: a([i(o).e("input"), { "has-error": f.value[n.name] }]),
+                      class: a([i(o).e("input"), { "has-error": m.value[n.name] }]),
                       value: l.value[n.name],
                       placeholder: n.placeholder,
                       disabled: e.disabled || n.disabled,
-                      onInput: (b) => w(n.name, b.target.value)
-                    }, null, 42, Me)) : n.type === "textarea" ? (d(), x("textarea", {
+                      onInput: (y) => w(n.name, y.target.value)
+                    }, null, 42, Me)) : n.type === "textarea" ? (f(), x("textarea", {
                       key: 1,
-                      class: a([i(o).e("textarea"), { "has-error": f.value[n.name] }]),
+                      class: a([i(o).e("textarea"), { "has-error": m.value[n.name] }]),
                       value: l.value[n.name],
                       placeholder: n.placeholder,
                       disabled: e.disabled || n.disabled,
                       rows: "4",
-                      onInput: (b) => w(n.name, b.target.value)
-                    }, null, 42, ze)) : n.type === "number" ? (d(), x("input", {
+                      onInput: (y) => w(n.name, y.target.value)
+                    }, null, 42, ze)) : n.type === "number" ? (f(), x("input", {
                       key: 2,
                       type: "number",
-                      class: a([i(o).e("input"), { "has-error": f.value[n.name] }]),
+                      class: a([i(o).e("input"), { "has-error": m.value[n.name] }]),
                       value: l.value[n.name],
                       placeholder: n.placeholder,
                       disabled: e.disabled || n.disabled,
-                      onInput: (b) => w(n.name, Number(b.target.value))
-                    }, null, 42, Ie)) : n.type === "select" ? (d(), x("select", {
+                      onInput: (y) => w(n.name, Number(y.target.value))
+                    }, null, 42, Ie)) : n.type === "select" ? (f(), x("select", {
                       key: 3,
-                      class: a([i(o).e("select"), { "has-error": f.value[n.name] }]),
+                      class: a([i(o).e("select"), { "has-error": m.value[n.name] }]),
                       value: l.value[n.name],
                       disabled: e.disabled || n.disabled,
-                      onChange: (b) => w(n.name, b.target.value)
+                      onChange: (y) => w(n.name, y.target.value)
                     }, [
-                      (d(!0), x(ge, null, be(n.options, (b) => (d(), x("option", {
-                        key: b.value,
-                        value: b.value
-                      }, z(b.label), 9, Le))), 128))
-                    ], 42, Se)) : n.type === "switch" ? (d(), x("div", {
+                      (f(!0), x(ge, null, ye(n.options, (y) => (f(), x("option", {
+                        key: y.value,
+                        value: y.value
+                      }, z(y.label), 9, Le))), 128))
+                    ], 42, Se)) : n.type === "switch" ? (f(), x("div", {
                       key: 4,
                       class: a(i(o).e("switch"))
                     }, [
                       C("button", {
                         class: a(["switch-btn", { "is-on": l.value[n.name] }]),
                         disabled: e.disabled || n.disabled,
-                        onClick: (b) => w(n.name, !l.value[n.name])
+                        onClick: (y) => w(n.name, !l.value[n.name])
                       }, z(l.value[n.name] ? "开启" : "关闭"), 11, Ve)
                     ], 2)) : $("", !0),
-                    f.value[n.name] ? (d(), x("span", {
+                    m.value[n.name] ? (f(), x("span", {
                       key: 5,
                       class: a(i(o).e("error"))
-                    }, z(f.value[n.name]), 3)) : $("", !0)
+                    }, z(m.value[n.name]), 3)) : $("", !0)
                   ], 2))), 128))
                 ], 2)) : $("", !0)
               ], 2),
               C("div", {
                 class: a(i(o).e("footer"))
               }, [
-                e.showCancel ? (d(), x("button", {
+                e.showCancel ? (f(), x("button", {
                   key: 0,
                   class: a(i(o).e("cancel")),
                   onClick: c
                 }, z(e.cancelText), 3)) : $("", !0),
-                e.showConfirm ? (d(), x("button", {
+                e.showConfirm ? (f(), x("button", {
                   key: 1,
                   class: a(i(o).e("confirm")),
                   onClick: k
@@ -390,7 +391,7 @@ const ot = /* @__PURE__ */ N({
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = e, r = s, o = F("alert"), l = I(!0), f = {
+    const t = e, r = s, o = F("alert"), l = I(!0), m = {
       success: "✓",
       warning: "⚠",
       error: "✕",
@@ -403,20 +404,20 @@ const ot = /* @__PURE__ */ N({
     ]), v = (c) => {
       l.value = !1, r("close", c);
     };
-    return (c, k) => (d(), j(q, { name: "x-alert-fade" }, {
+    return (c, k) => (f(), j(q, { name: "x-alert-fade" }, {
       default: D(() => [
-        l.value ? (d(), x("div", {
+        l.value ? (f(), x("div", {
           key: 0,
           class: a(g.value)
         }, [
-          e.showIcon ? (d(), x("span", {
+          e.showIcon ? (f(), x("span", {
             key: 0,
             class: a(i(o).e("icon"))
-          }, z(f[e.type]), 3)) : $("", !0),
+          }, z(m[e.type]), 3)) : $("", !0),
           C("div", {
             class: a(i(o).e("content"))
           }, [
-            e.title || c.$slots.title ? (d(), x("span", {
+            e.title || c.$slots.title ? (f(), x("span", {
               key: 0,
               class: a(i(o).e("title"))
             }, [
@@ -424,7 +425,7 @@ const ot = /* @__PURE__ */ N({
                 H(z(e.title), 1)
               ])
             ], 2)) : $("", !0),
-            e.description || c.$slots.default ? (d(), x("span", {
+            e.description || c.$slots.default ? (f(), x("span", {
               key: 1,
               class: a(i(o).e("description"))
             }, [
@@ -433,7 +434,7 @@ const ot = /* @__PURE__ */ N({
               ])
             ], 2)) : $("", !0)
           ], 2),
-          e.closable ? (d(), x("button", {
+          e.closable ? (f(), x("button", {
             key: 1,
             class: a(i(o).e("close")),
             onClick: v
@@ -460,11 +461,11 @@ const ot = /* @__PURE__ */ N({
   },
   emits: ["update:visible", "show", "hide"],
   setup(e, { emit: s }) {
-    const t = e, r = s, o = F("tooltip"), l = I(!1), f = I(), g = I();
+    const t = e, r = s, o = F("tooltip"), l = I(!1), m = I(), g = I();
     let v, c;
     const k = I({}), p = () => {
-      if (!f.value || !g.value) return;
-      const E = f.value.getBoundingClientRect(), W = g.value;
+      if (!m.value || !g.value) return;
+      const E = m.value.getBoundingClientRect(), W = g.value;
       W.style.visibility = "hidden", W.style.display = "block";
       const A = W.offsetWidth, Z = W.offsetHeight, X = t.offset, fe = window.innerWidth, me = window.innerHeight;
       let P = 0, R = 0, G = t.placement;
@@ -495,25 +496,25 @@ const ot = /* @__PURE__ */ N({
           p();
         });
       }, t.openDelay));
-    }, m = () => {
+    }, d = () => {
       clearTimeout(v), c = setTimeout(() => {
         l.value = !1, r("update:visible", !1), r("hide");
       }, t.closeDelay);
     }, n = () => {
-      l.value ? m() : h();
-    }, b = () => {
+      l.value ? d() : h();
+    }, y = () => {
       t.trigger === "hover" && h();
     }, u = () => {
-      t.trigger === "hover" && m();
-    }, y = () => {
+      t.trigger === "hover" && d();
+    }, b = () => {
       t.trigger === "click" && n();
     }, U = () => {
       t.trigger === "focus" && h();
     }, V = () => {
-      t.trigger === "focus" && m();
+      t.trigger === "focus" && d();
     }, M = (E) => {
       var W, A;
-      t.trigger === "click" && !((W = f.value) != null && W.contains(E.target)) && !((A = g.value) != null && A.contains(E.target)) && m();
+      t.trigger === "click" && !((W = m.value) != null && W.contains(E.target)) && !((A = g.value) != null && A.contains(E.target)) && d();
     }, B = () => {
       l.value && p();
     };
@@ -531,22 +532,22 @@ const ot = /* @__PURE__ */ N({
       o.e("arrow"),
       o.e(`arrow-${w.value}`)
     ]);
-    return (E, W) => (d(), x("div", {
+    return (E, W) => (f(), x("div", {
       class: a(i(o).e("wrapper"))
     }, [
       C("div", {
         ref_key: "triggerRef",
-        ref: f,
+        ref: m,
         class: a(i(o).e("trigger")),
-        onMouseenter: b,
+        onMouseenter: y,
         onMouseleave: u,
-        onClick: y,
+        onClick: b,
         onFocus: U,
         onBlur: V
       }, [
         S(E.$slots, "default")
       ], 34),
-      (d(), j(oe, { to: "body" }, [
+      (f(), j(oe, { to: "body" }, [
         K(q, {
           name: `x-tooltip-${e.transition}`
         }, {
@@ -556,13 +557,13 @@ const ot = /* @__PURE__ */ N({
               ref: g,
               class: a(ne.value),
               style: O(k.value),
-              onMouseenter: b,
+              onMouseenter: y,
               onMouseleave: u
             }, [
               S(E.$slots, "content", {}, () => [
                 H(z(e.content), 1)
               ]),
-              e.visibleArrow ? (d(), x("div", {
+              e.visibleArrow ? (f(), x("div", {
                 key: 0,
                 class: a(se.value)
               }, null, 2)) : $("", !0)
@@ -597,60 +598,60 @@ const ot = /* @__PURE__ */ N({
   },
   emits: ["confirm", "cancel"],
   setup(e, { emit: s }) {
-    const t = e, r = s, o = I(!1), l = I(null), f = I(null), g = I({}), v = () => {
-      if (!l.value || !f.value) return;
-      const u = l.value.getBoundingClientRect(), y = f.value.getBoundingClientRect(), U = t.placement, V = t.offset;
+    const t = e, r = s, o = I(!1), l = I(null), m = I(null), g = I({}), v = () => {
+      if (!l.value || !m.value) return;
+      const u = l.value.getBoundingClientRect(), b = m.value.getBoundingClientRect(), U = t.placement, V = t.offset;
       let M = 0, B = 0;
       switch (U) {
         case "top":
-          M = u.top - y.height - V, B = u.left + (u.width - y.width) / 2;
+          M = u.top - b.height - V, B = u.left + (u.width - b.width) / 2;
           break;
         case "top-start":
-          M = u.top - y.height - V, B = u.left;
+          M = u.top - b.height - V, B = u.left;
           break;
         case "top-end":
-          M = u.top - y.height - V, B = u.right - y.width;
+          M = u.top - b.height - V, B = u.right - b.width;
           break;
         case "bottom":
-          M = u.bottom + V, B = u.left + (u.width - y.width) / 2;
+          M = u.bottom + V, B = u.left + (u.width - b.width) / 2;
           break;
         case "bottom-start":
           M = u.bottom + V, B = u.left;
           break;
         case "bottom-end":
-          M = u.bottom + V, B = u.right - y.width;
+          M = u.bottom + V, B = u.right - b.width;
           break;
         case "left":
-          M = u.top + (u.height - y.height) / 2, B = u.left - y.width - V;
+          M = u.top + (u.height - b.height) / 2, B = u.left - b.width - V;
           break;
         case "left-start":
-          M = u.top, B = u.left - y.width - V;
+          M = u.top, B = u.left - b.width - V;
           break;
         case "left-end":
-          M = u.bottom - y.height, B = u.left - y.width - V;
+          M = u.bottom - b.height, B = u.left - b.width - V;
           break;
         case "right":
-          M = u.top + (u.height - y.height) / 2, B = u.right + V;
+          M = u.top + (u.height - b.height) / 2, B = u.right + V;
           break;
         case "right-start":
           M = u.top, B = u.right + V;
           break;
         case "right-end":
-          M = u.bottom - y.height, B = u.right + V;
+          M = u.bottom - b.height, B = u.right + V;
           break;
         default:
-          M = u.top - y.height - V, B = u.left + (u.width - y.width) / 2;
+          M = u.top - b.height - V, B = u.left + (u.width - b.width) / 2;
       }
       const ne = window.innerWidth, se = window.innerHeight;
-      B < 0 && (B = 10), B + y.width > ne && (B = ne - y.width - 10), M < 0 && (M = 10), M + y.height > se && (M = se - y.height - 10), g.value = {
+      B < 0 && (B = 10), B + b.width > ne && (B = ne - b.width - 10), M < 0 && (M = 10), M + b.height > se && (M = se - b.height - 10), g.value = {
         position: "fixed",
         top: `${M}px`,
         left: `${B}px`,
         zIndex: "2000"
       };
     }, c = (u) => {
-      var y, U;
-      o.value && ((y = l.value) != null && y.contains(u.target) || (U = f.value) != null && U.contains(u.target) || (o.value = !1));
+      var b, U;
+      o.value && ((b = l.value) != null && b.contains(u.target) || (U = m.value) != null && U.contains(u.target) || (o.value = !1));
     }, k = (u) => {
       t.disabled || (u.stopPropagation(), o.value = !o.value, o.value && setTimeout(v, 0));
     }, p = () => {
@@ -659,43 +660,43 @@ const ot = /* @__PURE__ */ N({
       o.value = !1, r("cancel");
     }, h = () => {
       o.value && v();
-    }, m = () => {
+    }, d = () => {
       o.value && v();
     };
     te(o, (u) => {
-      u ? (setTimeout(v, 0), document.addEventListener("click", c), window.addEventListener("scroll", h, !0), window.addEventListener("resize", m)) : (document.removeEventListener("click", c), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", m));
+      u ? (setTimeout(v, 0), document.addEventListener("click", c), window.addEventListener("scroll", h, !0), window.addEventListener("resize", d)) : (document.removeEventListener("click", c), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", d));
     }), ue(() => {
-      document.removeEventListener("click", c), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", m);
+      document.removeEventListener("click", c), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", d);
     });
     const n = L(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width
-    })), b = L(() => {
-      const u = t.placement, y = {};
+    })), y = L(() => {
+      const u = t.placement, b = {};
       switch (u) {
         case "top":
         case "top-start":
         case "top-end":
-          y.bottom = "-6px", y.transform = "rotate(45deg)";
+          b.bottom = "-6px", b.transform = "rotate(45deg)";
           break;
         case "bottom":
         case "bottom-start":
         case "bottom-end":
-          y.top = "-6px", y.transform = "rotate(225deg)";
+          b.top = "-6px", b.transform = "rotate(225deg)";
           break;
         case "left":
         case "left-start":
         case "left-end":
-          y.right = "-6px", y.transform = "rotate(315deg)";
+          b.right = "-6px", b.transform = "rotate(315deg)";
           break;
         case "right":
         case "right-start":
         case "right-end":
-          y.left = "-6px", y.transform = "rotate(135deg)";
+          b.left = "-6px", b.transform = "rotate(135deg)";
           break;
       }
-      return y;
+      return b;
     });
-    return (u, y) => (d(), x("span", Pe, [
+    return (u, b) => (f(), x("span", Pe, [
       C("span", {
         ref_key: "triggerRef",
         ref: l,
@@ -704,25 +705,25 @@ const ot = /* @__PURE__ */ N({
       }, [
         S(u.$slots, "default")
       ], 512),
-      (d(), j(oe, { to: "body" }, [
+      (f(), j(oe, { to: "body" }, [
         K(q, { name: "x-popconfirm-fade" }, {
           default: D(() => [
-            o.value ? (d(), x("div", {
+            o.value ? (f(), x("div", {
               key: 0,
               ref_key: "popperRef",
-              ref: f,
+              ref: m,
               class: "x-popconfirm",
               style: O({ ...g.value, ...n.value }),
-              onClick: y[0] || (y[0] = ie(() => {
+              onClick: b[0] || (b[0] = ie(() => {
               }, ["stop"]))
             }, [
-              e.showArrow ? (d(), x("span", {
+              e.showArrow ? (f(), x("span", {
                 key: 0,
                 class: "x-popconfirm__arrow",
-                style: O(b.value)
+                style: O(y.value)
               }, null, 4)) : $("", !0),
               C("div", Re, [
-                e.hideIcon ? $("", !0) : (d(), x("span", {
+                e.hideIcon ? $("", !0) : (f(), x("span", {
                   key: 0,
                   class: "x-popconfirm__icon",
                   style: O({ color: e.iconColor })
@@ -738,12 +739,12 @@ const ot = /* @__PURE__ */ N({
                 ])
               ]),
               C("div", Ne, [
-                e.hideCancelButton ? $("", !0) : (d(), x("button", {
+                e.hideCancelButton ? $("", !0) : (f(), x("button", {
                   key: 0,
                   class: "x-button p-button--default p-button--small",
                   onClick: w
                 }, z(e.cancelButtonText), 1)),
-                e.hideConfirmButton ? $("", !0) : (d(), x("button", {
+                e.hideConfirmButton ? $("", !0) : (f(), x("button", {
                   key: 1,
                   class: a(["x-button x-button--small", `x-button--${e.confirmButtonType}`]),
                   onClick: p
@@ -766,7 +767,7 @@ const ot = /* @__PURE__ */ N({
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const t = e, r = s, o = F("backtop"), l = I(!1), f = () => {
+    const t = e, r = s, o = F("backtop"), l = I(!1), m = () => {
       const c = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
       l.value = c >= t.visibilityHeight;
     }, g = (c) => {
@@ -778,11 +779,11 @@ const ot = /* @__PURE__ */ N({
       right: `${t.right}px`,
       bottom: `${t.bottom}px`
     }));
-    return ye(() => {
-      window.addEventListener("scroll", f, { passive: !0, capture: !0 }), setTimeout(f, 100);
+    return be(() => {
+      window.addEventListener("scroll", m, { passive: !0, capture: !0 }), setTimeout(m, 100);
     }), ue(() => {
-      window.removeEventListener("scroll", f, !0);
-    }), (c, k) => (d(), j(q, { name: "x-fade" }, {
+      window.removeEventListener("scroll", m, !0);
+    }), (c, k) => (f(), j(q, { name: "x-fade" }, {
       default: D(() => [
         re(C("div", {
           class: a(i(o).b()),
@@ -806,7 +807,7 @@ const ot = /* @__PURE__ */ N({
   __name: "index",
   setup(e) {
     const s = F("timeline");
-    return (t, r) => (d(), x("ul", {
+    return (t, r) => (f(), x("ul", {
       class: a(i(s).b())
     }, [
       S(t.$slots, "default")
@@ -826,7 +827,7 @@ const ot = /* @__PURE__ */ N({
   },
   setup(e) {
     const s = F("timeline-item");
-    return (t, r) => (d(), x("li", {
+    return (t, r) => (f(), x("li", {
       class: a([i(s).b(), i(s).m(e.placement)])
     }, [
       C("div", {
@@ -837,7 +838,7 @@ const ot = /* @__PURE__ */ N({
         style: O(e.color ? { backgroundColor: e.color, borderColor: e.color } : void 0)
       }, [
         S(t.$slots, "icon", {}, () => [
-          e.icon ? (d(), x("span", {
+          e.icon ? (f(), x("span", {
             key: 0,
             class: a(i(s).e("icon"))
           }, z(e.icon), 3)) : $("", !0)
@@ -846,7 +847,7 @@ const ot = /* @__PURE__ */ N({
       C("div", {
         class: a(i(s).e("wrapper"))
       }, [
-        e.timestamp && e.placement === "top" ? (d(), x("div", {
+        e.timestamp && e.placement === "top" ? (f(), x("div", {
           key: 0,
           class: a(i(s).e("timestamp"))
         }, z(e.timestamp), 3)) : $("", !0),
@@ -855,7 +856,7 @@ const ot = /* @__PURE__ */ N({
         }, [
           S(t.$slots, "default")
         ], 2),
-        e.timestamp && e.placement === "bottom" ? (d(), x("div", {
+        e.timestamp && e.placement === "bottom" ? (f(), x("div", {
           key: 1,
           class: a(i(s).e("timestamp"))
         }, z(e.timestamp), 3)) : $("", !0)
@@ -877,7 +878,7 @@ const ot = /* @__PURE__ */ N({
   },
   emits: ["close", "destroy"],
   setup(e, { expose: s, emit: t }) {
-    const r = e, o = t, l = F("message"), f = I(!1), g = I(Te()), v = {
+    const r = e, o = t, l = F("message"), m = I(!1), g = I(Te()), v = {
       success: "✓",
       warning: "⚠",
       error: "✕",
@@ -895,28 +896,28 @@ const ot = /* @__PURE__ */ N({
     let p = null;
     const w = () => {
       r.duration > 0 && (p = setTimeout(() => {
-        m();
+        d();
       }, r.duration));
     }, h = () => {
       p && (clearTimeout(p), p = null);
-    }, m = () => {
-      var b;
-      f.value = !1, (b = r.onClose) == null || b.call(r), o("close");
+    }, d = () => {
+      var y;
+      m.value = !1, (y = r.onClose) == null || y.call(r), o("close");
     }, n = () => {
       o("destroy");
     };
-    return ye(() => {
-      w(), f.value = !0;
+    return be(() => {
+      w(), m.value = !0;
     }), ue(() => {
       h();
     }), s({
-      close: m
-    }), (b, u) => (d(), j(q, {
+      close: d
+    }), (y, u) => (f(), j(q, {
       name: "x-message-fade",
       onAfterLeave: n
     }, {
       default: D(() => [
-        f.value ? (d(), x("div", {
+        m.value ? (f(), x("div", {
           key: 0,
           class: a(c.value),
           style: O(k.value),
@@ -929,14 +930,14 @@ const ot = /* @__PURE__ */ N({
           C("span", {
             class: a(i(l).e("content"))
           }, [
-            S(b.$slots, "default", {}, () => [
+            S(y.$slots, "default", {}, () => [
               H(z(e.message), 1)
             ])
           ], 2),
-          e.showClose ? (d(), x("button", {
+          e.showClose ? (f(), x("button", {
             key: 0,
             class: a(i(l).e("close")),
-            onClick: m
+            onClick: d
           }, " ✕ ", 2)) : $("", !0)
         ], 38)) : $("", !0)
       ]),
@@ -956,21 +957,21 @@ function xe(e) {
     warning: { bg: "#fdf6ec", border: "#e6a23c", icon: "⚠" },
     error: { bg: "#fef0f0", border: "#f56c6c", icon: "✕" },
     info: { bg: "#f4f4f5", border: "#909399", icon: "ℹ" }
-  }, o = e.type || "info", l = r[o] || r.info, f = Ce({
+  }, o = e.type || "info", l = r[o] || r.info, m = Ce({
     visible: !1,
     offset: e.offset ?? 20
   });
   let g = e.offset ?? 20;
   J.forEach((n) => {
-    const b = n.container.firstElementChild;
-    b && b.offsetHeight && (g += b.offsetHeight + 16);
-  }), f.offset = g;
+    const y = n.container.firstElementChild;
+    y && y.offsetHeight && (g += y.offsetHeight + 16);
+  }), m.offset = g;
   let v = null, c = !1;
   const k = () => {
-    c || (f.visible = !1, setTimeout(() => {
+    c || (m.visible = !1, setTimeout(() => {
       if (c) return;
       c = !0;
-      const n = J.findIndex((b) => b.id === s);
+      const n = J.findIndex((y) => y.id === s);
       n !== -1 && J.splice(n, 1);
       try {
         h.unmount();
@@ -985,7 +986,7 @@ function xe(e) {
     v && (clearTimeout(v), v = null);
   }, h = ve({
     render() {
-      if (!f.visible) return null;
+      if (!m.visible) return null;
       const n = [
         // Icon
         T("span", {
@@ -1024,8 +1025,8 @@ function xe(e) {
             color: "#909399",
             padding: "0"
           },
-          onClick: (b) => {
-            b.stopPropagation(), k();
+          onClick: (y) => {
+            y.stopPropagation(), k();
           }
         }, "✕")
       ), T("div", {
@@ -1033,7 +1034,7 @@ function xe(e) {
         style: {
           position: "fixed",
           left: "50%",
-          top: `${f.offset}px`,
+          top: `${m.offset}px`,
           transform: "translateX(-50%)",
           display: "flex",
           alignItems: "center",
@@ -1053,10 +1054,10 @@ function xe(e) {
     }
   });
   h.mount(t), ee(() => {
-    f.visible = !0, p();
+    m.visible = !0, p();
   });
-  const m = { id: s, app: h, container: t, close: k };
-  return J.push(m), { close: k };
+  const d = { id: s, app: h, container: t, close: k };
+  return J.push(d), { close: k };
 }
 function Fe(e) {
   return xe(typeof e == "string" ? { message: e } : e);
@@ -1087,17 +1088,17 @@ function de(e) {
     const o = N({
       name: "TMessageBox",
       setup() {
-        const g = I(!1), v = I(e.inputValue ?? ""), c = I(""), k = 2e3 + Q.length + 1, p = (b) => {
+        const g = I(!1), v = I(e.inputValue ?? ""), c = I(""), k = 2e3 + Q.length + 1, p = (y) => {
           r || (r = !0, g.value = !1, setTimeout(() => {
-            const u = Q.findIndex((y) => y.container === t);
+            const u = Q.findIndex((b) => b.container === t);
             u !== -1 && Q.splice(u, 1);
             try {
               l.unmount();
             } catch {
             }
             t.parentNode && t.parentNode.removeChild(t), s({
-              action: b,
-              value: b === "confirm" ? v.value : void 0
+              action: y,
+              value: y === "confirm" ? v.value : void 0
             });
           }, 300));
         }, w = () => {
@@ -1108,10 +1109,10 @@ function de(e) {
           c.value = "", p("confirm");
         }, h = () => {
           p("cancel");
-        }, m = () => {
+        }, d = () => {
           p("close");
         }, n = () => {
-          e.closeOnClickModal !== !1 && m();
+          e.closeOnClickModal !== !1 && d();
         };
         return ee(() => {
           g.value = !0;
@@ -1122,7 +1123,7 @@ function de(e) {
           zIndex: k,
           handleConfirm: w,
           handleCancel: h,
-          handleClose: m,
+          handleClose: d,
           handleMaskClick: n
         };
       },
@@ -1234,7 +1235,7 @@ function de(e) {
       }
     }), l = ve(o);
     l.mount(t);
-    const f = {
+    const m = {
       app: l,
       container: t,
       close: () => {
@@ -1243,7 +1244,7 @@ function de(e) {
         g != null && g.handleClose && g.handleClose();
       }
     };
-    Q.push(f);
+    Q.push(m);
   });
 }
 async function je(e, s, t) {
@@ -1332,14 +1333,14 @@ function we(e) {
   const s = Ue++, t = e.position || "top-right", r = document.createElement("div");
   document.body.appendChild(r);
   let o = null, l = !1;
-  const f = N({
+  const m = N({
     name: "TNotification",
     setup() {
       const c = I(!1), k = () => {
         l || (l = !0, c.value = !1, setTimeout(() => {
-          var b;
+          var y;
           const n = _.findIndex((u) => u.id === s);
-          n !== -1 && _.splice(n, 1), o && clearTimeout(o), (b = e.onClose) == null || b.call(e);
+          n !== -1 && _.splice(n, 1), o && clearTimeout(o), (y = e.onClose) == null || y.call(e);
           try {
             g.unmount();
           } catch {
@@ -1351,13 +1352,13 @@ function we(e) {
         n > 0 && (o = setTimeout(k, n));
       }, w = () => {
         o && (clearTimeout(o), o = null);
-      }, h = L(() => (e.offset ?? 0) + Je(t, s)), m = L(() => Qe(t, h.value));
+      }, h = L(() => (e.offset ?? 0) + Je(t, s)), d = L(() => Qe(t, h.value));
       return ee(() => {
         c.value = !0, p();
       }), {
         visible: c,
         close: k,
-        positionStyles: m,
+        positionStyles: d,
         startTimer: p,
         clearTimer: w
       };
@@ -1452,7 +1453,7 @@ function we(e) {
         onMouseleave: this.startTimer
       }, w);
     }
-  }), g = ve(f);
+  }), g = ve(m);
   g.mount(r);
   const v = {
     id: s,