@xto/feedback 1.0.2 → 1.0.4

package/es/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as N, ref as E, computed as I, watch as ne, openBlock as x, createBlock as X, Teleport as le, createVNode as ie, Transition as j, withCtx as F, createElementBlock as $, normalizeStyle as H, normalizeClass as m, unref as v, 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 xe, reactive as be, createApp as me, h as b } from "vue";
+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, withDirectives as me, vShow as he, nextTick as Q, onUnmounted as ae, onMounted as ve, reactive as be, createApp as ge, h as b } from "vue";
 import { useNamespace as U, useZIndex as we, useEscape as Ce, nextMessageZIndex as ke } from "@xto/core";
-const Ze = /* @__PURE__ */ N({
+const Ze = /* @__PURE__ */ O({
   name: "XModal",
   __name: "index",
   props: {
@@ -19,16 +19,16 @@ const Ze = /* @__PURE__ */ N({
   setup(e, { emit: l }) {
     const t = e, a = l, o = U("modal"), { next: i } = we(), f = E(i()), d = I({
       get: () => t.modelValue,
-      set: (g) => a("update:modelValue", g)
+      set: (p) => a("update:modelValue", p)
     }), u = E(), n = () => {
       d.value = !1, a("close");
-    }, p = () => {
+    }, m = () => {
       t.closeOnClickModal && t.modal && n();
     };
     Ce(() => {
       t.closeOnPressEscape && d.value && n();
-    }), ne(() => t.modelValue, (g) => {
-      g && (f.value = i(), a("open"));
+    }), ne(() => t.modelValue, (p) => {
+      p && (f.value = i(), a("open"));
     });
     const r = I(() => ({
       paddingTop: t.top
@@ -36,49 +36,49 @@ const Ze = /* @__PURE__ */ N({
       width: typeof t.width == "number" ? `${t.width}px` : t.width,
       zIndex: f.value
     }));
-    return (g, B) => (x(), X(le, { to: "body" }, [
+    return (p, B) => (v(), X(le, { to: "body" }, [
       ie(j, { name: "x-modal-fade" }, {
         default: F(() => [
-          e.modelValue ? (x(), $("div", {
+          e.modelValue ? (v(), $("div", {
             key: 0,
-            class: m(v(o).e("wrapper")),
-            style: H(r.value),
-            onClick: p
+            class: g(x(o).e("wrapper")),
+            style: N(r.value),
+            onClick: m
           }, [
             z("div", {
               ref_key: "modalRef",
               ref: u,
-              class: m(v(o).b()),
-              style: H(h.value),
+              class: g(x(o).b()),
+              style: N(h.value),
               onClick: B[0] || (B[0] = pe(() => {
               }, ["stop"]))
             }, [
               z("div", {
-                class: m(v(o).e("header"))
+                class: g(x(o).e("header"))
               }, [
                 z("span", {
-                  class: m(v(o).e("title"))
+                  class: g(x(o).e("title"))
                 }, [
-                  L(g.$slots, "title", {}, () => [
+                  L(p.$slots, "title", {}, () => [
                     W(V(e.title), 1)
                   ])
                 ], 2),
-                e.showClose ? (x(), $("button", {
+                e.showClose ? (v(), $("button", {
                   key: 0,
-                  class: m(v(o).e("close")),
+                  class: g(x(o).e("close")),
                   onClick: n
                 }, " ✕ ", 2)) : M("", !0)
               ], 2),
               z("div", {
-                class: m(v(o).e("body"))
+                class: g(x(o).e("body"))
               }, [
-                L(g.$slots, "default")
+                L(p.$slots, "default")
               ], 2),
-              g.$slots.footer ? (x(), $("div", {
+              p.$slots.footer ? (v(), $("div", {
                 key: 0,
-                class: m(v(o).e("footer"))
+                class: g(x(o).e("footer"))
               }, [
-                L(g.$slots, "footer")
+                L(p.$slots, "footer")
               ], 2)) : M("", !0)
             ], 6)
           ], 6)) : M("", !0)
@@ -87,13 +87,16 @@ const Ze = /* @__PURE__ */ N({
       })
     ]));
   }
-}), Ke = /* @__PURE__ */ N({
+}), Ke = /* @__PURE__ */ O({
   name: "XDrawer",
+  inheritAttrs: !1,
   __name: "index",
   props: {
     modelValue: { type: Boolean, default: !1 },
     title: { default: "" },
+    placement: { default: void 0 },
     direction: { default: "rtl" },
+    width: { default: void 0 },
     size: { default: "30%" },
     withHeader: { type: Boolean, default: !0 },
     showClose: { type: Boolean, default: !0 },
@@ -114,66 +117,67 @@ const Ze = /* @__PURE__ */ N({
     });
     const n = I(() => ({
       zIndex: i.value
-    })), p = I(() => {
-      const r = typeof t.size == "number" ? `${t.size}px` : t.size;
+    })), m = I(() => {
+      const r = t.direction ?? t.placement ?? "rtl", h = t.size ?? t.width ?? "30%", p = typeof h == "number" ? `${h}px` : h;
       return {
-        ltr: { width: r, height: "100%" },
-        rtl: { width: r, height: "100%" },
-        ttb: { width: "100%", height: r },
-        btt: { width: "100%", height: r }
-      }[t.direction];
+        ltr: { width: p, height: "100%" },
+        rtl: { width: p, height: "100%" },
+        ttb: { width: "100%", height: p },
+        btt: { width: "100%", height: p }
+      }[r];
     });
-    return (r, h) => (x(), X(le, { to: "body" }, [
+    return (r, h) => (v(), X(le, { to: "body" }, [
       ie(j, { name: "x-drawer-fade" }, {
         default: F(() => [
-          e.modelValue ? (x(), $("div", {
-            key: 0,
-            class: m(v(o).e("overlay")),
-            style: H(n.value),
+          me(z("div", {
+            class: g(x(o).e("overlay")),
+            style: N(n.value),
             onClick: d
           }, [
             z("div", {
-              class: m([v(o).b(), v(o).m(e.direction)]),
-              style: H(p.value),
+              class: g([x(o).b(), x(o).m(e.direction ?? e.placement)]),
+              style: N(m.value),
               onClick: h[0] || (h[0] = pe(() => {
               }, ["stop"]))
             }, [
-              e.withHeader ? (x(), $("div", {
+              e.withHeader ? (v(), $("div", {
                 key: 0,
-                class: m(v(o).e("header"))
+                class: g(x(o).e("header"))
               }, [
                 z("span", {
-                  class: m(v(o).e("title"))
+                  class: g(x(o).e("title"))
                 }, [
                   L(r.$slots, "title", {}, () => [
                     W(V(e.title), 1)
                   ])
                 ], 2),
-                e.showClose ? (x(), $("button", {
+                e.showClose ? (v(), $("button", {
                   key: 0,
-                  class: m(v(o).e("close")),
+                  class: g(x(o).e("close")),
                   onClick: f
                 }, " ✕ ", 2)) : M("", !0)
               ], 2)) : M("", !0),
               z("div", {
-                class: m(v(o).e("body"))
+                class: g(x(o).e("body"))
               }, [
                 L(r.$slots, "default")
               ], 2),
-              r.$slots.footer ? (x(), $("div", {
+              r.$slots.footer ? (v(), $("div", {
                 key: 1,
-                class: m(v(o).e("footer"))
+                class: g(x(o).e("footer"))
               }, [
                 L(r.$slots, "footer")
               ], 2)) : M("", !0)
             ], 6)
-          ], 6)) : M("", !0)
+          ], 6), [
+            [he, e.modelValue]
+          ])
         ]),
         _: 3
       })
     ]));
   }
-}), Ue = /* @__PURE__ */ N({
+}), Ue = /* @__PURE__ */ O({
   name: "XAlert",
   __name: "index",
   props: {
@@ -199,39 +203,39 @@ const Ze = /* @__PURE__ */ N({
     ]), u = (n) => {
       i.value = !1, a("close", n);
     };
-    return (n, p) => (x(), X(j, { name: "x-alert-fade" }, {
+    return (n, m) => (v(), X(j, { name: "x-alert-fade" }, {
       default: F(() => [
-        i.value ? (x(), $("div", {
+        i.value ? (v(), $("div", {
           key: 0,
-          class: m(d.value)
+          class: g(d.value)
         }, [
-          e.showIcon ? (x(), $("span", {
+          e.showIcon ? (v(), $("span", {
             key: 0,
-            class: m(v(o).e("icon"))
+            class: g(x(o).e("icon"))
           }, V(f[e.type]), 3)) : M("", !0),
           z("div", {
-            class: m(v(o).e("content"))
+            class: g(x(o).e("content"))
           }, [
-            e.title || n.$slots.title ? (x(), $("span", {
+            e.title || n.$slots.title ? (v(), $("span", {
               key: 0,
-              class: m(v(o).e("title"))
+              class: g(x(o).e("title"))
             }, [
               L(n.$slots, "title", {}, () => [
                 W(V(e.title), 1)
               ])
             ], 2)) : M("", !0),
-            e.description || n.$slots.default ? (x(), $("span", {
+            e.description || n.$slots.default ? (v(), $("span", {
               key: 1,
-              class: m(v(o).e("description"))
+              class: g(x(o).e("description"))
             }, [
               L(n.$slots, "default", {}, () => [
                 W(V(e.description), 1)
               ])
             ], 2)) : M("", !0)
           ], 2),
-          e.closable ? (x(), $("button", {
+          e.closable ? (v(), $("button", {
             key: 1,
-            class: m(v(o).e("close")),
+            class: g(x(o).e("close")),
             onClick: u
           }, " ✕ ", 2)) : M("", !0)
         ], 2)) : M("", !0)
@@ -239,7 +243,7 @@ const Ze = /* @__PURE__ */ N({
       _: 3
     }));
   }
-}), Ye = /* @__PURE__ */ N({
+}), Ye = /* @__PURE__ */ O({
   name: "XTooltip",
   __name: "index",
   props: {
@@ -258,34 +262,34 @@ const Ze = /* @__PURE__ */ N({
   setup(e, { emit: l }) {
     const t = e, a = l, o = U("tooltip"), i = E(!1), f = E(), d = E();
     let u, n;
-    const p = E({}), r = () => {
+    const m = E({}), r = () => {
       if (!f.value || !d.value) return;
-      const k = f.value.getBoundingClientRect(), O = d.value;
-      O.style.visibility = "hidden", O.style.display = "block";
-      const _ = O.offsetWidth, D = O.offsetHeight, A = t.offset, ce = window.innerWidth, de = window.innerHeight;
+      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;
       switch (t.placement) {
         case "top":
-          P = k.top - D - A, R = k.left + (k.width - _) / 2;
+          P = k.top - D - A, R = k.left + (k.width - H) / 2;
           break;
         case "bottom":
-          P = k.bottom + A, R = k.left + (k.width - _) / 2;
+          P = k.bottom + A, R = k.left + (k.width - H) / 2;
           break;
         case "left":
-          P = k.top + (k.height - D) / 2, R = k.left - _ - A;
+          P = k.top + (k.height - D) / 2, R = k.left - H - A;
           break;
         case "right":
           P = k.top + (k.height - D) / 2, R = k.right + A;
           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 + _ > ce && (Y = "left", R = k.left - _ - A), R < 8 && (R = 8), R + _ > ce - 8 && (R = ce - _ - 8), P < 8 && (P = 8), P + D > de - 8 && (P = de - D - 8), p.value = {
+      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 = {
         position: "fixed",
         top: `${P}px`,
         left: `${R}px`,
         visibility: "visible",
         zIndex: "2000"
       }, h.value = Y;
-    }, h = E(t.placement), g = () => {
+    }, h = E(t.placement), p = () => {
       t.disabled || (clearTimeout(n), u = setTimeout(() => {
         i.value = !0, a("update:visible", !0), a("show"), Q(() => {
           r();
@@ -296,20 +300,20 @@ const Ze = /* @__PURE__ */ N({
         i.value = !1, a("update:visible", !1), a("hide");
       }, t.closeDelay);
     }, w = () => {
-      i.value ? B() : g();
+      i.value ? B() : p();
     }, C = () => {
-      t.trigger === "hover" && g();
+      t.trigger === "hover" && p();
     }, s = () => {
       t.trigger === "hover" && B();
     }, c = () => {
       t.trigger === "click" && w();
     }, Z = () => {
-      t.trigger === "focus" && g();
+      t.trigger === "focus" && p();
     }, S = () => {
       t.trigger === "focus" && B();
     }, T = (k) => {
-      var O, _;
-      t.trigger === "click" && !((O = f.value) != null && O.contains(k.target)) && !((_ = d.value) != null && _.contains(k.target)) && B();
+      var _, H;
+      t.trigger === "click" && !((_ = f.value) != null && _.contains(k.target)) && !((H = d.value) != null && H.contains(k.target)) && B();
     }, y = () => {
       i.value && r();
     };
@@ -327,13 +331,13 @@ const Ze = /* @__PURE__ */ N({
       o.e("arrow"),
       o.e(`arrow-${h.value}`)
     ]);
-    return (k, O) => (x(), $("div", {
-      class: m(v(o).e("wrapper"))
+    return (k, _) => (v(), $("div", {
+      class: g(x(o).e("wrapper"))
     }, [
       z("div", {
         ref_key: "triggerRef",
         ref: f,
-        class: m(v(o).e("trigger")),
+        class: g(x(o).e("trigger")),
         onMouseenter: C,
         onMouseleave: s,
         onClick: c,
@@ -342,28 +346,28 @@ const Ze = /* @__PURE__ */ N({
       }, [
         L(k.$slots, "default")
       ], 34),
-      (x(), X(le, { to: "body" }, [
+      (v(), X(le, { to: "body" }, [
         ie(j, {
           name: `x-tooltip-${e.transition}`
         }, {
           default: F(() => [
-            he(z("div", {
+            me(z("div", {
               ref_key: "tooltipRef",
               ref: d,
-              class: m(ee.value),
-              style: H(p.value),
+              class: g(ee.value),
+              style: N(m.value),
               onMouseenter: C,
               onMouseleave: s
             }, [
               L(k.$slots, "content", {}, () => [
                 W(V(e.content), 1)
               ]),
-              e.visibleArrow ? (x(), $("div", {
+              e.visibleArrow ? (v(), $("div", {
                 key: 0,
-                class: m(te.value)
+                class: g(te.value)
               }, null, 2)) : M("", !0)
             ], 38), [
-              [ge, i.value]
+              [he, i.value]
             ])
           ]),
           _: 3
@@ -371,7 +375,7 @@ const Ze = /* @__PURE__ */ N({
       ]))
     ], 2));
   }
-}), Be = { class: "x-popconfirm-wrapper" }, Te = { class: "x-popconfirm__main" }, $e = { class: "x-popconfirm__title" }, Ee = { class: "x-popconfirm__action" }, qe = /* @__PURE__ */ N({
+}), Be = { class: "x-popconfirm-wrapper" }, Te = { class: "x-popconfirm__main" }, $e = { class: "x-popconfirm__title" }, Ee = { class: "x-popconfirm__action" }, qe = /* @__PURE__ */ O({
   name: "XPopconfirm",
   __name: "index",
   props: {
@@ -447,21 +451,21 @@ const Ze = /* @__PURE__ */ N({
     }, 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));
-    }, p = (s) => {
+    }, m = (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");
-    }, g = () => {
+    }, p = () => {
       o.value && u();
     }, B = () => {
       o.value && u();
     };
     ne(o, (s) => {
-      s ? (setTimeout(u, 0), document.addEventListener("click", n), window.addEventListener("scroll", g, !0), window.addEventListener("resize", B)) : (document.removeEventListener("click", n), window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", B));
+      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));
     }), ae(() => {
-      document.removeEventListener("click", n), window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", B);
+      document.removeEventListener("click", n), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", B);
     });
     const w = I(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width
@@ -491,37 +495,37 @@ const Ze = /* @__PURE__ */ N({
       }
       return c;
     });
-    return (s, c) => (x(), $("span", Be, [
+    return (s, c) => (v(), $("span", Be, [
       z("span", {
         ref_key: "triggerRef",
         ref: i,
         class: "x-popconfirm-trigger",
-        onClick: p
+        onClick: m
       }, [
         L(s.$slots, "default")
       ], 512),
-      (x(), X(le, { to: "body" }, [
+      (v(), X(le, { to: "body" }, [
         ie(j, { name: "x-popconfirm-fade" }, {
           default: F(() => [
-            o.value ? (x(), $("div", {
+            o.value ? (v(), $("div", {
               key: 0,
               ref_key: "popperRef",
               ref: f,
               class: "x-popconfirm",
-              style: H({ ...d.value, ...w.value }),
+              style: N({ ...d.value, ...w.value }),
               onClick: c[0] || (c[0] = pe(() => {
               }, ["stop"]))
             }, [
-              e.showArrow ? (x(), $("span", {
+              e.showArrow ? (v(), $("span", {
                 key: 0,
                 class: "x-popconfirm__arrow",
-                style: H(C.value)
+                style: N(C.value)
               }, null, 4)) : M("", !0),
               z("div", Te, [
-                e.hideIcon ? M("", !0) : (x(), $("span", {
+                e.hideIcon ? M("", !0) : (v(), $("span", {
                   key: 0,
                   class: "x-popconfirm__icon",
-                  style: H({ color: e.iconColor })
+                  style: N({ color: e.iconColor })
                 }, [
                   L(s.$slots, "icon", {}, () => [
                     W(V(e.icon || "⚠"), 1)
@@ -534,14 +538,14 @@ const Ze = /* @__PURE__ */ N({
                 ])
               ]),
               z("div", Ee, [
-                e.hideCancelButton ? M("", !0) : (x(), $("button", {
+                e.hideCancelButton ? M("", !0) : (v(), $("button", {
                   key: 0,
                   class: "x-button p-button--default p-button--small",
                   onClick: h
                 }, V(e.cancelButtonText), 1)),
-                e.hideConfirmButton ? M("", !0) : (x(), $("button", {
+                e.hideConfirmButton ? M("", !0) : (v(), $("button", {
                   key: 1,
-                  class: m(["x-button x-button--small", `x-button--${e.confirmButtonType}`]),
+                  class: g(["x-button x-button--small", `x-button--${e.confirmButtonType}`]),
                   onClick: r
                 }, V(e.confirmButtonText), 3))
               ])
@@ -552,7 +556,7 @@ const Ze = /* @__PURE__ */ N({
       ]))
     ]));
   }
-}), Ge = /* @__PURE__ */ N({
+}), Ge = /* @__PURE__ */ O({
   name: "XBacktop",
   __name: "index",
   props: {
@@ -574,30 +578,30 @@ const Ze = /* @__PURE__ */ N({
       right: `${t.right}px`,
       bottom: `${t.bottom}px`
     }));
-    return xe(() => {
+    return ve(() => {
       window.addEventListener("scroll", f, { passive: !0, capture: !0 }), setTimeout(f, 100);
     }), ae(() => {
       window.removeEventListener("scroll", f, !0);
-    }), (n, p) => (x(), X(j, { name: "x-fade" }, {
+    }), (n, m) => (v(), X(j, { name: "x-fade" }, {
       default: F(() => [
-        he(z("div", {
-          class: m(v(o).b()),
-          style: H(u.value),
+        me(z("div", {
+          class: g(x(o).b()),
+          style: N(u.value),
           onClick: d
         }, [
           L(n.$slots, "default", {}, () => [
             z("span", {
-              class: m(v(o).e("icon"))
+              class: g(x(o).e("icon"))
             }, "↑", 2)
           ])
         ], 6), [
-          [ge, i.value]
+          [he, i.value]
         ])
       ]),
       _: 3
     }));
   }
-}), Me = /* @__PURE__ */ N({
+}), Me = /* @__PURE__ */ O({
   name: "XMessage",
   __name: "index",
   props: {
@@ -623,7 +627,7 @@ const Ze = /* @__PURE__ */ N({
       i.is("center", a.center),
       i.is("closable", a.showClose),
       a.customClass
-    ]), p = I(() => ({
+    ]), m = I(() => ({
       top: `${a.offset}px`,
       zIndex: d.value
     }));
@@ -632,7 +636,7 @@ const Ze = /* @__PURE__ */ N({
       a.duration > 0 && (r = setTimeout(() => {
         B();
       }, a.duration));
-    }, g = () => {
+    }, p = () => {
       r && (clearTimeout(r), r = null);
     }, B = () => {
       var C;
@@ -640,37 +644,37 @@ const Ze = /* @__PURE__ */ N({
     }, w = () => {
       o("destroy");
     };
-    return xe(() => {
+    return ve(() => {
       h(), f.value = !0;
     }), ae(() => {
-      g();
+      p();
     }), l({
       close: B
-    }), (C, s) => (x(), X(j, {
+    }), (C, s) => (v(), X(j, {
       name: "x-message-fade",
       onAfterLeave: w
     }, {
       default: F(() => [
-        f.value ? (x(), $("div", {
+        f.value ? (v(), $("div", {
           key: 0,
-          class: m(n.value),
-          style: H(p.value),
-          onMouseenter: g,
+          class: g(n.value),
+          style: N(m.value),
+          onMouseenter: p,
           onMouseleave: h
         }, [
           z("span", {
-            class: m(v(i).e("icon"))
+            class: g(x(i).e("icon"))
           }, V(u[e.type]), 3),
           z("span", {
-            class: m(v(i).e("content"))
+            class: g(x(i).e("content"))
           }, [
             L(C.$slots, "default", {}, () => [
               W(V(e.message), 1)
             ])
           ], 2),
-          e.showClose ? (x(), $("button", {
+          e.showClose ? (v(), $("button", {
             key: 0,
-            class: m(v(i).e("close")),
+            class: g(x(i).e("close")),
             onClick: B
           }, " ✕ ", 2)) : M("", !0)
         ], 38)) : M("", !0)
@@ -683,7 +687,7 @@ let ze = 1;
 const Se = () => {
   q.slice().forEach((e) => e.close());
 };
-function ve(e) {
+function xe(e) {
   const l = ze++, t = document.createElement("div");
   document.body.appendChild(t);
   const a = {
@@ -701,24 +705,24 @@ function ve(e) {
     C && C.offsetHeight && (d += C.offsetHeight + 16);
   }), f.offset = d;
   let u = null, n = !1;
-  const p = () => {
+  const m = () => {
     n || (f.visible = !1, setTimeout(() => {
       if (n) return;
       n = !0;
       const w = q.findIndex((C) => C.id === l);
       w !== -1 && q.splice(w, 1);
       try {
-        g.unmount();
+        p.unmount();
       } catch {
       }
       t.parentNode && t.parentNode.removeChild(t);
     }, 300));
   }, r = () => {
     const w = e.duration ?? 3e3;
-    w > 0 && (u = setTimeout(p, w));
+    w > 0 && (u = setTimeout(m, w));
   }, h = () => {
     u && (clearTimeout(u), u = null);
-  }, g = me({
+  }, p = ge({
     render() {
       if (!f.visible) return null;
       const w = [
@@ -760,7 +764,7 @@ function ve(e) {
             padding: "0"
           },
           onClick: (C) => {
-            C.stopPropagation(), p();
+            C.stopPropagation(), m();
           }
         }, "✕")
       ), b("div", {
@@ -787,16 +791,16 @@ function ve(e) {
       }, w);
     }
   });
-  g.mount(t), Q(() => {
+  p.mount(t), Q(() => {
     f.visible = !0, r();
   });
-  const B = { id: l, app: g, container: t, close: p };
-  return q.push(B), { close: p };
+  const B = { id: l, app: p, container: t, close: m };
+  return q.push(B), { close: m };
 }
 function Ie(e) {
-  return ve(typeof e == "string" ? { message: e } : e);
+  return xe(typeof e == "string" ? { message: e } : e);
 }
-const oe = (e) => (l) => ve({ ...typeof l == "string" ? { message: l } : l, type: e }), ue = Object.assign(Ie, {
+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"),
@@ -819,10 +823,10 @@ function re(e) {
     const t = document.createElement("div");
     document.body.appendChild(t);
     let a = !1;
-    const o = N({
+    const o = O({
       name: "TMessageBox",
       setup() {
-        const d = E(!1), u = E(e.inputValue ?? ""), n = E(""), p = 2e3 + G.length + 1, r = (C) => {
+        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);
@@ -841,7 +845,7 @@ function re(e) {
             return;
           }
           n.value = "", r("confirm");
-        }, g = () => {
+        }, p = () => {
           r("cancel");
         }, B = () => {
           r("close");
@@ -854,9 +858,9 @@ function re(e) {
           visible: d,
           inputValue: u,
           inputError: n,
-          zIndex: p,
+          zIndex: m,
           handleConfirm: h,
-          handleCancel: g,
+          handleCancel: p,
           handleClose: B,
           handleMaskClick: w
         };
@@ -877,10 +881,10 @@ function re(e) {
             onClick: this.handleClose
           }, "✕")
         );
-        const p = [];
-        p.push(
+        const m = [];
+        m.push(
           b("div", { class: "x-message-box__content" }, e.message || "")
-        ), e.showInput && p.push(
+        ), e.showInput && m.push(
           b("div", { class: "x-message-box__input", style: { marginTop: "12px" } }, [
             b("input", {
               class: ["x-message-box__input-inner", this.inputError ? "is-error" : ""].filter(Boolean),
@@ -955,7 +959,7 @@ function re(e) {
                 fontSize: "14px",
                 color: "#606266"
               }
-            }, p),
+            }, m),
             // Footer
             b("div", {
               class: "x-message-box__footer",
@@ -967,7 +971,7 @@ function re(e) {
           ])
         ]);
       }
-    }), i = me(o);
+    }), i = ge(o);
     i.mount(t);
     const f = {
       app: i,
@@ -999,7 +1003,7 @@ async function Ve(e, l, t) {
     showCancelButton: !0
   });
 }
-async function _e(e, l, t) {
+async function He(e, l, t) {
   return re({
     message: e,
     title: l,
@@ -1009,21 +1013,21 @@ async function _e(e, l, t) {
     showCancelButton: !0
   });
 }
-function He(e) {
+function Ne(e) {
   return re(e);
 }
-const K = Object.assign(He, {
+const K = Object.assign(Ne, {
   alert: Re,
   confirm: Ve,
-  prompt: _e,
+  prompt: He,
   closeAll: Le
 }), tt = K, ot = {
   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 = [];
-let Ne = 1;
-const Oe = () => {
+let Oe = 1;
+const _e = () => {
   J.slice().forEach((e) => e.close());
 }, Ae = {
   success: { icon: "✓", color: "#67c23a" },
@@ -1064,13 +1068,13 @@ const Oe = () => {
   return t;
 };
 function ye(e) {
-  const l = Ne++, t = e.position || "top-right", a = document.createElement("div");
+  const l = Oe++, t = e.position || "top-right", a = document.createElement("div");
   document.body.appendChild(a);
   let o = null, i = !1;
-  const f = N({
+  const f = O({
     name: "TNotification",
     setup() {
-      const n = E(!1), p = () => {
+      const n = E(!1), m = () => {
         i || (i = !0, n.value = !1, setTimeout(() => {
           var C;
           const w = J.findIndex((s) => s.id === l);
@@ -1083,15 +1087,15 @@ function ye(e) {
         }, 300));
       }, r = () => {
         const w = e.duration ?? 4500;
-        w > 0 && (o = setTimeout(p, w));
+        w > 0 && (o = setTimeout(m, w));
       }, h = () => {
         o && (clearTimeout(o), o = null);
-      }, g = I(() => (e.offset ?? 0) + We(t, l)), B = I(() => De(t, g.value));
+      }, p = I(() => (e.offset ?? 0) + We(t, l)), B = I(() => De(t, p.value));
       return Q(() => {
         n.value = !0, r();
       }), {
         visible: n,
-        close: p,
+        close: m,
         positionStyles: B,
         startTimer: r,
         clearTimer: h
@@ -1099,7 +1103,7 @@ function ye(e) {
     },
     render() {
       if (!this.visible) return null;
-      const n = e.type, p = n ? Ae[n] : null, r = [];
+      const n = e.type, m = n ? Ae[n] : null, r = [];
       e.title && r.push(
         b("div", {
           class: "x-notification__title",
@@ -1131,7 +1135,7 @@ function ye(e) {
         }, e.message)
       ));
       const h = [];
-      return p && h.push(
+      return m && h.push(
         b("div", {
           class: "x-notification__icon",
           style: {
@@ -1142,9 +1146,9 @@ function ye(e) {
             height: "24px",
             marginRight: "12px",
             fontSize: "18px",
-            color: p.color
+            color: m.color
           }
-        }, p.icon)
+        }, m.icon)
       ), h.push(
         b("div", {
           class: "x-notification__main",
@@ -1166,8 +1170,8 @@ function ye(e) {
             color: "#909399",
             padding: "0"
           },
-          onClick: (g) => {
-            g.stopPropagation(), this.close();
+          onClick: (p) => {
+            p.stopPropagation(), this.close();
           }
         }, "✕")
       ), b("div", {
@@ -1187,7 +1191,7 @@ function ye(e) {
         onMouseleave: this.startTimer
       }, h);
     }
-  }), d = me(f);
+  }), d = ge(f);
   d.mount(a);
   const u = {
     id: l,
@@ -1195,8 +1199,8 @@ function ye(e) {
     container: a,
     position: t,
     close: () => {
-      var p;
-      const n = (p = d._instance) == null ? void 0 : p.proxy;
+      var m;
+      const n = (m = d._instance) == null ? void 0 : m.proxy;
       n != null && n.close && n.close();
     }
   };
@@ -1210,7 +1214,7 @@ const se = (e) => (l) => ye({ ...typeof l == "string" ? { message: l } : l, type
   success: se("success"),
   warning: se("warning"),
   error: se("error"),
-  closeAll: Oe
+  closeAll: _e
 }), st = fe, nt = {
   install(e) {
     e.config.globalProperties.$notify = fe, e.provide("notification", fe);

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("@xto/core"),q=e.defineComponent({name:"XModal",__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:""},width:{default:"50%"},top:{default:"15vh"},modal:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},center:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","close","open"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("modal"),{next:i}=z.useZIndex(),m=e.ref(i()),u=e.computed({get:()=>o.modelValue,set:g=>r("update:modelValue",g)}),f=e.ref(),l=()=>{u.value=!1,r("close")},p=()=>{o.closeOnClickModal&&o.modal&&l()};z.useEscape(()=>{o.closeOnPressEscape&&u.value&&l()}),e.watch(()=>o.modelValue,g=>{g&&(m.value=i(),r("open"))});const c=e.computed(()=>({paddingTop:o.top})),h=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width,zIndex:m.value}));return(g,C)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-modal-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("wrapper")),style:e.normalizeStyle(c.value),onClick:p},[e.createElementVNode("div",{ref_key:"modalRef",ref:f,class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(h.value),onClick:C[0]||(C[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(g.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:l}," ✕ ",2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(g.$slots,"default")],2),g.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(g.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)],6)):e.createCommentVNode("",!0)]),_:3})]))}}),K=e.defineComponent({name:"XDrawer",__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:""},direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","close","open"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("drawer"),i=e.ref(2e3),m=()=>{r("update:modelValue",!1),r("close")},u=()=>{o.closeOnClickModal&&m()},f=c=>{c.key==="Escape"&&o.modelValue&&m()};e.watch(()=>o.modelValue,c=>{c?(i.value=2e3+Math.floor(Math.random()*100),r("open"),document.addEventListener("keydown",f)):document.removeEventListener("keydown",f)});const l=e.computed(()=>({zIndex:i.value})),p=e.computed(()=>{const c=typeof o.size=="number"?`${o.size}px`:o.size;return{ltr:{width:c,height:"100%"},rtl:{width:c,height:"100%"},ttb:{width:"100%",height:c},btt:{width:"100%",height:c}}[o.direction]});return(c,h)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-drawer-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("overlay")),style:e.normalizeStyle(l.value),onClick:u},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).m(t.direction)]),style:e.normalizeStyle(p.value),onClick:h[0]||(h[0]=e.withModifiers(()=>{},["stop"]))},[t.withHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:m}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(c.$slots,"default")],2),c.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(c.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)],6)):e.createCommentVNode("",!0)]),_:3})]))}}),Y=e.defineComponent({name:"XAlert",__name:"index",props:{type:{default:"info"},title:{default:""},description:{},closable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},center:{type:Boolean,default:!1}},emits:["close"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("alert"),i=e.ref(!0),m={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},u=e.computed(()=>[n.b(),n.m(o.type),n.is("center",o.center),n.is("with-description",o.description)]),f=l=>{i.value=!1,r("close",l)};return(l,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-alert-fade"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(u.value)},[t.showIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("icon"))},e.toDisplayString(m[t.type]),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("content"))},[t.title||l.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||l.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("description"))},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0)],2),t.closable?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(e.unref(n).e("close")),onClick:f}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3}))}}),G=e.defineComponent({name:"XTooltip",__name:"index",props:{content:{default:""},placement:{default:"top"},effect:{default:"dark"},disabled:{type:Boolean,default:!1},offset:{default:8},transition:{default:"fade"},visibleArrow:{type:Boolean,default:!0},trigger:{default:"hover"},openDelay:{default:0},closeDelay:{default:0}},emits:["update:visible","show","hide"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("tooltip"),i=e.ref(!1),m=e.ref(),u=e.ref();let f,l;const p=e.ref({}),c=()=>{if(!m.value||!u.value)return;const b=m.value.getBoundingClientRect(),S=u.value;S.style.visibility="hidden",S.style.display="block";const E=S.offsetWidth,V=S.offsetHeight,N=o.offset,W=window.innerWidth,j=window.innerHeight;let B=0,T=0,I=o.placement;switch(o.placement){case"top":B=b.top-V-N,T=b.left+(b.width-E)/2;break;case"bottom":B=b.bottom+N,T=b.left+(b.width-E)/2;break;case"left":B=b.top+(b.height-V)/2,T=b.left-E-N;break;case"right":B=b.top+(b.height-V)/2,T=b.right+N;break}o.placement==="top"&&B<0?(I="bottom",B=b.bottom+N):o.placement==="bottom"&&B+V>j?(I="top",B=b.top-V-N):o.placement==="left"&&T<0?(I="right",T=b.right+N):o.placement==="right"&&T+E>W&&(I="left",T=b.left-E-N),T<8&&(T=8),T+E>W-8&&(T=W-E-8),B<8&&(B=8),B+V>j-8&&(B=j-V-8),p.value={position:"fixed",top:`${B}px`,left:`${T}px`,visibility:"visible",zIndex:"2000"},h.value=I},h=e.ref(o.placement),g=()=>{o.disabled||(clearTimeout(l),f=setTimeout(()=>{i.value=!0,r("update:visible",!0),r("show"),e.nextTick(()=>{c()})},o.openDelay))},C=()=>{clearTimeout(f),l=setTimeout(()=>{i.value=!1,r("update:visible",!1),r("hide")},o.closeDelay)},y=()=>{i.value?C():g()},v=()=>{o.trigger==="hover"&&g()},s=()=>{o.trigger==="hover"&&C()},d=()=>{o.trigger==="click"&&y()},$=()=>{o.trigger==="focus"&&g()},w=()=>{o.trigger==="focus"&&C()},k=b=>{var S,E;o.trigger==="click"&&!((S=m.value)!=null&&S.contains(b.target))&&!((E=u.value)!=null&&E.contains(b.target))&&C()},x=()=>{i.value&&c()};e.watch(i,b=>{b?e.nextTick(()=>{c(),o.trigger==="click"&&document.addEventListener("click",k),window.addEventListener("scroll",x,!0),window.addEventListener("resize",x)}):(document.removeEventListener("click",k),window.removeEventListener("scroll",x,!0),window.removeEventListener("resize",x))}),e.onUnmounted(()=>{clearTimeout(f),clearTimeout(l),document.removeEventListener("click",k),window.removeEventListener("scroll",x,!0),window.removeEventListener("resize",x)});const D=e.computed(()=>[n.b(),n.m(o.effect)]),_=e.computed(()=>[n.e("arrow"),n.e(`arrow-${h.value}`)]);return(b,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n).e("wrapper"))},[e.createElementVNode("div",{ref_key:"triggerRef",ref:m,class:e.normalizeClass(e.unref(n).e("trigger")),onMouseenter:v,onMouseleave:s,onClick:d,onFocus:$,onBlur:w},[e.renderSlot(b.$slots,"default")],34),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:`x-tooltip-${t.transition}`},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"tooltipRef",ref:u,class:e.normalizeClass(D.value),style:e.normalizeStyle(p.value),onMouseenter:v,onMouseleave:s},[e.renderSlot(b.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)]),t.visibleArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(_.value)},null,2)):e.createCommentVNode("",!0)],38),[[e.vShow,i.value]])]),_:3},8,["name"])]))],2))}}),J={class:"x-popconfirm-wrapper"},Q={class:"x-popconfirm__main"},ee={class:"x-popconfirm__title"},te={class:"x-popconfirm__action"},oe=e.defineComponent({name:"XPopconfirm",__name:"index",props:{title:{default:""},confirmButtonText:{default:"确定"},cancelButtonText:{default:"取消"},confirmButtonType:{default:"primary"},cancelButtonType:{default:"default"},icon:{default:""},iconColor:{default:"#faad14"},hideIcon:{type:Boolean,default:!1},hideCancelButton:{type:Boolean,default:!1},hideConfirmButton:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},width:{default:200},placement:{default:"top"},offset:{default:12},showArrow:{type:Boolean,default:!0}},emits:["confirm","cancel"],setup(t,{emit:a}){const o=t,r=a,n=e.ref(!1),i=e.ref(null),m=e.ref(null),u=e.ref({}),f=()=>{if(!i.value||!m.value)return;const s=i.value.getBoundingClientRect(),d=m.value.getBoundingClientRect(),$=o.placement,w=o.offset;let k=0,x=0;switch($){case"top":k=s.top-d.height-w,x=s.left+(s.width-d.width)/2;break;case"top-start":k=s.top-d.height-w,x=s.left;break;case"top-end":k=s.top-d.height-w,x=s.right-d.width;break;case"bottom":k=s.bottom+w,x=s.left+(s.width-d.width)/2;break;case"bottom-start":k=s.bottom+w,x=s.left;break;case"bottom-end":k=s.bottom+w,x=s.right-d.width;break;case"left":k=s.top+(s.height-d.height)/2,x=s.left-d.width-w;break;case"left-start":k=s.top,x=s.left-d.width-w;break;case"left-end":k=s.bottom-d.height,x=s.left-d.width-w;break;case"right":k=s.top+(s.height-d.height)/2,x=s.right+w;break;case"right-start":k=s.top,x=s.right+w;break;case"right-end":k=s.bottom-d.height,x=s.right+w;break;default:k=s.top-d.height-w,x=s.left+(s.width-d.width)/2}const D=window.innerWidth,_=window.innerHeight;x<0&&(x=10),x+d.width>D&&(x=D-d.width-10),k<0&&(k=10),k+d.height>_&&(k=_-d.height-10),u.value={position:"fixed",top:`${k}px`,left:`${x}px`,zIndex:"2000"}},l=s=>{var d,$;n.value&&((d=i.value)!=null&&d.contains(s.target)||($=m.value)!=null&&$.contains(s.target)||(n.value=!1))},p=s=>{o.disabled||(s.stopPropagation(),n.value=!n.value,n.value&&setTimeout(f,0))},c=()=>{n.value=!1,r("confirm")},h=()=>{n.value=!1,r("cancel")},g=()=>{n.value&&f()},C=()=>{n.value&&f()};e.watch(n,s=>{s?(setTimeout(f,0),document.addEventListener("click",l),window.addEventListener("scroll",g,!0),window.addEventListener("resize",C)):(document.removeEventListener("click",l),window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",C))}),e.onUnmounted(()=>{document.removeEventListener("click",l),window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",C)});const y=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width})),v=e.computed(()=>{const s=o.placement,d={};switch(s){case"top":case"top-start":case"top-end":d.bottom="-6px",d.transform="rotate(45deg)";break;case"bottom":case"bottom-start":case"bottom-end":d.top="-6px",d.transform="rotate(225deg)";break;case"left":case"left-start":case"left-end":d.right="-6px",d.transform="rotate(315deg)";break;case"right":case"right-start":case"right-end":d.left="-6px",d.transform="rotate(135deg)";break}return d});return(s,d)=>(e.openBlock(),e.createElementBlock("span",J,[e.createElementVNode("span",{ref_key:"triggerRef",ref:i,class:"x-popconfirm-trigger",onClick:p},[e.renderSlot(s.$slots,"default")],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-popconfirm-fade"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:m,class:"x-popconfirm",style:e.normalizeStyle({...u.value,...y.value}),onClick:d[0]||(d[0]=e.withModifiers(()=>{},["stop"]))},[t.showArrow?(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__arrow",style:e.normalizeStyle(v.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[t.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__icon",style:e.normalizeStyle({color:t.iconColor})},[e.renderSlot(s.$slots,"icon",{},()=>[e.createTextVNode(e.toDisplayString(t.icon||"⚠"),1)])],4)),e.createElementVNode("div",ee,[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])]),e.createElementVNode("div",te,[t.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"x-button p-button--default p-button--small",onClick:h},e.toDisplayString(t.cancelButtonText),1)),t.hideConfirmButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["x-button x-button--small",`x-button--${t.confirmButtonType}`]),onClick:c},e.toDisplayString(t.confirmButtonText),3))])],4)):e.createCommentVNode("",!0)]),_:3})]))]))}}),ne=e.defineComponent({name:"XBacktop",__name:"index",props:{visibilityHeight:{default:200},right:{default:40},bottom:{default:40}},emits:["click"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("backtop"),i=e.ref(!1),m=()=>{const l=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop||0;i.value=l>=o.visibilityHeight},u=l=>{window.scrollTo({top:0,behavior:"smooth"}),r("click",l)},f=e.computed(()=>({right:`${o.right}px`,bottom:`${o.bottom}px`}));return e.onMounted(()=>{window.addEventListener("scroll",m,{passive:!0,capture:!0}),setTimeout(m,100)}),e.onUnmounted(()=>{window.removeEventListener("scroll",m,!0)}),(l,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(f.value),onClick:u},[e.renderSlot(l.$slots,"default",{},()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("icon"))},"↑",2)])],6),[[e.vShow,i.value]])]),_:3}))}}),se=e.defineComponent({name:"XMessage",__name:"index",props:{message:{default:""},type:{default:"info"},duration:{default:3e3},showClose:{type:Boolean,default:!1},center:{type:Boolean,default:!1},offset:{default:20},customClass:{},onClose:{}},emits:["close","destroy"],setup(t,{expose:a,emit:o}){const r=t,n=o,i=z.useNamespace("message"),m=e.ref(!1),u=e.ref(z.nextMessageZIndex()),f={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},l=e.computed(()=>[i.b(),i.m(r.type),i.is("center",r.center),i.is("closable",r.showClose),r.customClass]),p=e.computed(()=>({top:`${r.offset}px`,zIndex:u.value}));let c=null;const h=()=>{r.duration>0&&(c=setTimeout(()=>{C()},r.duration))},g=()=>{c&&(clearTimeout(c),c=null)},C=()=>{var v;m.value=!1,(v=r.onClose)==null||v.call(r),n("close")},y=()=>{n("destroy")};return e.onMounted(()=>{h(),m.value=!0}),e.onUnmounted(()=>{g()}),a({close:C}),(v,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-message-fade",onAfterLeave:y},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.value),style:e.normalizeStyle(p.value),onMouseenter:g,onMouseleave:h},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(i).e("icon"))},e.toDisplayString(f[t.type]),3),e.createElementVNode("span",{class:e.normalizeClass(e.unref(i).e("content"))},[e.renderSlot(v.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(i).e("close")),onClick:C}," ✕ ",2)):e.createCommentVNode("",!0)],38)):e.createCommentVNode("",!0)]),_:3}))}}),L=[];let le=1;const ae=()=>{L.slice().forEach(t=>t.close())};function U(t){const a=le++,o=document.createElement("div");document.body.appendChild(o);const r={success:{bg:"#f0f9eb",border:"#67c23a",icon:"✓"},warning:{bg:"#fdf6ec",border:"#e6a23c",icon:"⚠"},error:{bg:"#fef0f0",border:"#f56c6c",icon:"✕"},info:{bg:"#f4f4f5",border:"#909399",icon:"ℹ"}},n=t.type||"info",i=r[n]||r.info,m=e.reactive({visible:!1,offset:t.offset??20});let u=t.offset??20;L.forEach(y=>{const v=y.container.firstElementChild;v&&v.offsetHeight&&(u+=v.offsetHeight+16)}),m.offset=u;let f=null,l=!1;const p=()=>{l||(m.visible=!1,setTimeout(()=>{if(l)return;l=!0;const y=L.findIndex(v=>v.id===a);y!==-1&&L.splice(y,1);try{g.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o)},300))},c=()=>{const y=t.duration??3e3;y>0&&(f=setTimeout(p,y))},h=()=>{f&&(clearTimeout(f),f=null)},g=e.createApp({render(){if(!m.visible)return null;const y=[e.h("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",marginRight:"10px",fontSize:"16px",color:i.border}},i.icon),e.h("span",{style:{flex:"1",fontSize:"14px",color:"#606266",lineHeight:"1.4"}},t.message||"")];return t.showClose&&y.push(e.h("button",{style:{position:"absolute",top:"50%",right:"12px",transform:"translateY(-50%)",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:v=>{v.stopPropagation(),p()}},"✕")),e.h("div",{class:["x-message",`x-message--${n}`,t.center?"is-center":"",t.showClose?"is-closable":""],style:{position:"fixed",left:"50%",top:`${m.offset}px`,transform:"translateX(-50%)",display:"flex",alignItems:"center",padding:t.showClose?"12px 40px 12px 16px":"12px 16px",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0,0,0,0.1)",minWidth:"280px",maxWidth:"480px",backgroundColor:i.bg,border:`1px solid ${i.border}`,zIndex:2e3+a,transition:"opacity 0.3s, transform 0.3s"},onMouseenter:h,onMouseleave:c},y)}});g.mount(o),e.nextTick(()=>{m.visible=!0,c()});const C={id:a,app:g,container:o,close:p};return L.push(C),{close:p}}function ie(t){return U(typeof t=="string"?{message:t}:t)}const H=t=>a=>U({...typeof a=="string"?{message:a}:a,type:t}),X=Object.assign(ie,{info:H("info"),success:H("success"),warning:H("warning"),error:H("error"),closeAll:ae}),re=X,ce=se,de={install(t){t.config.globalProperties.$message=X,t.provide("message",X)}},P=[],ue=()=>{P.slice().forEach(t=>t.close())},fe={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}};function A(t){return new Promise(a=>{const o=document.createElement("div");document.body.appendChild(o);let r=!1;const n=e.defineComponent({name:"TMessageBox",setup(){const u=e.ref(!1),f=e.ref(t.inputValue??""),l=e.ref(""),p=2e3+P.length+1,c=v=>{r||(r=!0,u.value=!1,setTimeout(()=>{const s=P.findIndex(d=>d.container===o);s!==-1&&P.splice(s,1);try{i.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o),a({action:v,value:v==="confirm"?f.value:void 0})},300))},h=()=>{if(t.showInput&&t.inputPattern&&!t.inputPattern.test(f.value)){l.value=t.inputErrorMessage||"输入格式不正确";return}l.value="",c("confirm")},g=()=>{c("cancel")},C=()=>{c("close")},y=()=>{t.closeOnClickModal!==!1&&C()};return e.nextTick(()=>{u.value=!0}),{visible:u,inputValue:f,inputError:l,zIndex:p,handleConfirm:h,handleCancel:g,handleClose:C,handleMaskClick:y}},render(){if(!this.visible)return null;const u=t.type,f=u?fe[u]:null,l=[];f&&l.push(e.h("span",{class:"x-message-box__icon",style:{color:f.color,marginRight:"10px",fontSize:"20px"}},f.icon)),l.push(e.h("span",{class:"x-message-box__title"},t.title||"提示")),t.showClose!==!1&&l.push(e.h("button",{class:"x-message-box__close",onClick:this.handleClose},"✕"));const p=[];p.push(e.h("div",{class:"x-message-box__content"},t.message||"")),t.showInput&&p.push(e.h("div",{class:"x-message-box__input",style:{marginTop:"12px"}},[e.h("input",{class:["x-message-box__input-inner",this.inputError?"is-error":""].filter(Boolean),type:t.inputType||"text",placeholder:t.inputPlaceholder||"请输入",value:this.inputValue,onInput:h=>{this.inputValue=h.target.value,this.inputError=""},onKeyup:h=>{h.key==="Enter"&&this.handleConfirm()}}),this.inputError?e.h("div",{class:"x-message-box__error",style:{color:"#f56c6c",fontSize:"12px",marginTop:"4px"}},this.inputError):null]));const c=[];return t.showCancelButton&&c.push(e.h("button",{class:"x-button p-button--default",onClick:this.handleCancel},t.cancelButtonText||"取消")),t.showConfirmButton!==!1&&c.push(e.h("button",{class:"x-button p-button--primary",onClick:this.handleConfirm,style:{marginLeft:"10px"}},t.confirmButtonText||"确定")),e.h("div",{class:["x-message-box-wrapper",t.center?"is-center":""],style:{position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:this.zIndex},onClick:this.handleMaskClick},[e.h("div",{class:["x-message-box",t.customClass],style:{backgroundColor:"#fff",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0, 0, 0, 0.1)",minWidth:"300px",maxWidth:"500px"},onClick:h=>h.stopPropagation()},[e.h("div",{class:"x-message-box__header",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:"1px solid #eee"}},l),e.h("div",{class:"x-message-box__body",style:{padding:"20px",fontSize:"14px",color:"#606266"}},p),e.h("div",{class:"x-message-box__footer",style:{padding:"10px 20px 16px",textAlign:"right"}},c)])])}}),i=e.createApp(n);i.mount(o);const m={app:i,container:o,close:()=>{var f;const u=(f=i._instance)==null?void 0:f.proxy;u!=null&&u.handleClose&&u.handleClose()}};P.push(m)})}async function me(t,a,o){return A({message:t,title:a,...o,showConfirmButton:!0,showCancelButton:!1})}async function pe(t,a,o){return A({message:t,title:a,...o,showConfirmButton:!0,showCancelButton:!0})}async function he(t,a,o){return A({message:t,title:a,...o,showInput:!0,showConfirmButton:!0,showCancelButton:!0})}function ge(t){return A(t)}const M=Object.assign(ge,{alert:me,confirm:pe,prompt:he,closeAll:ue}),xe=M,ye={install(t){t.config.globalProperties.$msgbox=M,t.config.globalProperties.$alert=M.alert,t.config.globalProperties.$confirm=M.confirm,t.config.globalProperties.$prompt=M.prompt,t.provide("messageBox",M)}},R=[];let ve=1;const be=()=>{R.slice().forEach(t=>t.close())},Ce={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}},ke=(t,a)=>{const o=R.filter(n=>n.position===t);let r=16;for(const n of o)if(n.id<a){const i=n.container.firstElementChild;i&&(r+=i.offsetHeight+16)}return r},we=(t,a)=>{const o={position:"fixed",width:"330px",zIndex:"2010"};switch(t){case"top-right":o.top=`${a}px`,o.right="16px";break;case"top-left":o.top=`${a}px`,o.left="16px";break;case"bottom-right":o.bottom=`${a}px`,o.right="16px";break;case"bottom-left":o.bottom=`${a}px`,o.left="16px";break;default:o.top=`${a}px`,o.right="16px"}return o};function Z(t){const a=ve++,o=t.position||"top-right",r=document.createElement("div");document.body.appendChild(r);let n=null,i=!1;const m=e.defineComponent({name:"TNotification",setup(){const l=e.ref(!1),p=()=>{i||(i=!0,l.value=!1,setTimeout(()=>{var v;const y=R.findIndex(s=>s.id===a);y!==-1&&R.splice(y,1),n&&clearTimeout(n),(v=t.onClose)==null||v.call(t);try{u.unmount()}catch{}r.parentNode&&r.parentNode.removeChild(r)},300))},c=()=>{const y=t.duration??4500;y>0&&(n=setTimeout(p,y))},h=()=>{n&&(clearTimeout(n),n=null)},g=e.computed(()=>(t.offset??0)+ke(o,a)),C=e.computed(()=>we(o,g.value));return e.nextTick(()=>{l.value=!0,c()}),{visible:l,close:p,positionStyles:C,startTimer:c,clearTimer:h}},render(){if(!this.visible)return null;const l=t.type,p=l?Ce[l]:null,c=[];t.title&&c.push(e.h("div",{class:"x-notification__title",style:{fontWeight:"600",fontSize:"16px",color:"#303133",marginBottom:t.message?"6px":"0"}},t.title)),t.message&&(t.dangerouslyUseHTMLString?c.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"},innerHTML:t.message})):c.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"}},t.message)));const h=[];return p&&h.push(e.h("div",{class:"x-notification__icon",style:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",marginRight:"12px",fontSize:"18px",color:p.color}},p.icon)),h.push(e.h("div",{class:"x-notification__main",style:{flex:"1"}},c)),t.showClose!==!1&&h.push(e.h("button",{class:"x-notification__close",style:{position:"absolute",top:"18px",right:"15px",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:g=>{g.stopPropagation(),this.close()}},"✕")),e.h("div",{class:["x-notification",t.customClass],style:{...this.positionStyles,display:"flex",alignItems:"flex-start",padding:"14px 26px 14px 13px",borderRadius:"8px",backgroundColor:"#fff",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",transition:"opacity 0.3s, transform 0.3s",boxSizing:"border-box"},onMouseenter:this.clearTimer,onMouseleave:this.startTimer},h)}}),u=e.createApp(m);u.mount(r);const f={id:a,app:u,container:r,position:o,close:()=>{var p;const l=(p=u._instance)==null?void 0:p.proxy;l!=null&&l.close&&l.close()}};return R.push(f),{close:f.close}}function Be(t){return Z(typeof t=="string"?{message:t}:t)}const O=t=>a=>Z({...typeof a=="string"?{message:a}:a,type:t}),F=Object.assign(Be,{info:O("info"),success:O("success"),warning:O("warning"),error:O("error"),closeAll:be}),Te=F,Ee={install(t){t.config.globalProperties.$notify=F,t.provide("notification",F)}};exports.Alert=Y;exports.Backtop=ne;exports.Drawer=K;exports.Message=re;exports.MessageBox=xe;exports.MessageComponent=ce;exports.Modal=q;exports.Notification=Te;exports.Popconfirm=oe;exports.TMessage=de;exports.TMessageBox=ye;exports.TNotification=Ee;exports.Tooltip=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("@xto/core"),q=e.defineComponent({name:"XModal",__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:""},width:{default:"50%"},top:{default:"15vh"},modal:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},center:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","close","open"],setup(t,{emit:i}){const o=t,r=i,n=z.useNamespace("modal"),{next:a}=z.useZIndex(),m=e.ref(a()),u=e.computed({get:()=>o.modelValue,set:p=>r("update:modelValue",p)}),f=e.ref(),l=()=>{u.value=!1,r("close")},h=()=>{o.closeOnClickModal&&o.modal&&l()};z.useEscape(()=>{o.closeOnPressEscape&&u.value&&l()}),e.watch(()=>o.modelValue,p=>{p&&(m.value=a(),r("open"))});const c=e.computed(()=>({paddingTop:o.top})),g=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width,zIndex:m.value}));return(p,C)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-modal-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("wrapper")),style:e.normalizeStyle(c.value),onClick:h},[e.createElementVNode("div",{ref_key:"modalRef",ref:f,class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(g.value),onClick:C[0]||(C[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(p.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:l}," ✕ ",2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(p.$slots,"default")],2),p.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(p.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)],6)):e.createCommentVNode("",!0)]),_:3})]))}}),K=e.defineComponent({name:"XDrawer",inheritAttrs:!1,__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:""},placement:{default:void 0},direction:{default:"rtl"},width:{default:void 0},size:{default:"30%"},withHeader:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","close","open"],setup(t,{emit:i}){const o=t,r=i,n=z.useNamespace("drawer"),a=e.ref(2e3),m=()=>{r("update:modelValue",!1),r("close")},u=()=>{o.closeOnClickModal&&m()},f=c=>{c.key==="Escape"&&o.modelValue&&m()};e.watch(()=>o.modelValue,c=>{c?(a.value=2e3+Math.floor(Math.random()*100),r("open"),document.addEventListener("keydown",f)):document.removeEventListener("keydown",f)});const l=e.computed(()=>({zIndex:a.value})),h=e.computed(()=>{const c=o.direction??o.placement??"rtl",g=o.size??o.width??"30%",p=typeof g=="number"?`${g}px`:g;return{ltr:{width:p,height:"100%"},rtl:{width:p,height:"100%"},ttb:{width:"100%",height:p},btt:{width:"100%",height:p}}[c]});return(c,g)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-drawer-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("overlay")),style:e.normalizeStyle(l.value),onClick:u},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).m(t.direction??t.placement)]),style:e.normalizeStyle(h.value),onClick:g[0]||(g[0]=e.withModifiers(()=>{},["stop"]))},[t.withHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:m}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(c.$slots,"default")],2),c.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(c.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)],6),[[e.vShow,t.modelValue]])]),_:3})]))}}),Y=e.defineComponent({name:"XAlert",__name:"index",props:{type:{default:"info"},title:{default:""},description:{},closable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},center:{type:Boolean,default:!1}},emits:["close"],setup(t,{emit:i}){const o=t,r=i,n=z.useNamespace("alert"),a=e.ref(!0),m={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},u=e.computed(()=>[n.b(),n.m(o.type),n.is("center",o.center),n.is("with-description",o.description)]),f=l=>{a.value=!1,r("close",l)};return(l,h)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-alert-fade"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(u.value)},[t.showIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("icon"))},e.toDisplayString(m[t.type]),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("content"))},[t.title||l.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||l.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("description"))},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0)],2),t.closable?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(e.unref(n).e("close")),onClick:f}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3}))}}),G=e.defineComponent({name:"XTooltip",__name:"index",props:{content:{default:""},placement:{default:"top"},effect:{default:"dark"},disabled:{type:Boolean,default:!1},offset:{default:8},transition:{default:"fade"},visibleArrow:{type:Boolean,default:!0},trigger:{default:"hover"},openDelay:{default:0},closeDelay:{default:0}},emits:["update:visible","show","hide"],setup(t,{emit:i}){const o=t,r=i,n=z.useNamespace("tooltip"),a=e.ref(!1),m=e.ref(),u=e.ref();let f,l;const h=e.ref({}),c=()=>{if(!m.value||!u.value)return;const b=m.value.getBoundingClientRect(),S=u.value;S.style.visibility="hidden",S.style.display="block";const E=S.offsetWidth,V=S.offsetHeight,N=o.offset,W=window.innerWidth,j=window.innerHeight;let B=0,T=0,I=o.placement;switch(o.placement){case"top":B=b.top-V-N,T=b.left+(b.width-E)/2;break;case"bottom":B=b.bottom+N,T=b.left+(b.width-E)/2;break;case"left":B=b.top+(b.height-V)/2,T=b.left-E-N;break;case"right":B=b.top+(b.height-V)/2,T=b.right+N;break}o.placement==="top"&&B<0?(I="bottom",B=b.bottom+N):o.placement==="bottom"&&B+V>j?(I="top",B=b.top-V-N):o.placement==="left"&&T<0?(I="right",T=b.right+N):o.placement==="right"&&T+E>W&&(I="left",T=b.left-E-N),T<8&&(T=8),T+E>W-8&&(T=W-E-8),B<8&&(B=8),B+V>j-8&&(B=j-V-8),h.value={position:"fixed",top:`${B}px`,left:`${T}px`,visibility:"visible",zIndex:"2000"},g.value=I},g=e.ref(o.placement),p=()=>{o.disabled||(clearTimeout(l),f=setTimeout(()=>{a.value=!0,r("update:visible",!0),r("show"),e.nextTick(()=>{c()})},o.openDelay))},C=()=>{clearTimeout(f),l=setTimeout(()=>{a.value=!1,r("update:visible",!1),r("hide")},o.closeDelay)},y=()=>{a.value?C():p()},v=()=>{o.trigger==="hover"&&p()},s=()=>{o.trigger==="hover"&&C()},d=()=>{o.trigger==="click"&&y()},$=()=>{o.trigger==="focus"&&p()},k=()=>{o.trigger==="focus"&&C()},w=b=>{var S,E;o.trigger==="click"&&!((S=m.value)!=null&&S.contains(b.target))&&!((E=u.value)!=null&&E.contains(b.target))&&C()},x=()=>{a.value&&c()};e.watch(a,b=>{b?e.nextTick(()=>{c(),o.trigger==="click"&&document.addEventListener("click",w),window.addEventListener("scroll",x,!0),window.addEventListener("resize",x)}):(document.removeEventListener("click",w),window.removeEventListener("scroll",x,!0),window.removeEventListener("resize",x))}),e.onUnmounted(()=>{clearTimeout(f),clearTimeout(l),document.removeEventListener("click",w),window.removeEventListener("scroll",x,!0),window.removeEventListener("resize",x)});const R=e.computed(()=>[n.b(),n.m(o.effect)]),H=e.computed(()=>[n.e("arrow"),n.e(`arrow-${g.value}`)]);return(b,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n).e("wrapper"))},[e.createElementVNode("div",{ref_key:"triggerRef",ref:m,class:e.normalizeClass(e.unref(n).e("trigger")),onMouseenter:v,onMouseleave:s,onClick:d,onFocus:$,onBlur:k},[e.renderSlot(b.$slots,"default")],34),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:`x-tooltip-${t.transition}`},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"tooltipRef",ref:u,class:e.normalizeClass(R.value),style:e.normalizeStyle(h.value),onMouseenter:v,onMouseleave:s},[e.renderSlot(b.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)]),t.visibleArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(H.value)},null,2)):e.createCommentVNode("",!0)],38),[[e.vShow,a.value]])]),_:3},8,["name"])]))],2))}}),J={class:"x-popconfirm-wrapper"},Q={class:"x-popconfirm__main"},ee={class:"x-popconfirm__title"},te={class:"x-popconfirm__action"},oe=e.defineComponent({name:"XPopconfirm",__name:"index",props:{title:{default:""},confirmButtonText:{default:"确定"},cancelButtonText:{default:"取消"},confirmButtonType:{default:"primary"},cancelButtonType:{default:"default"},icon:{default:""},iconColor:{default:"#faad14"},hideIcon:{type:Boolean,default:!1},hideCancelButton:{type:Boolean,default:!1},hideConfirmButton:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},width:{default:200},placement:{default:"top"},offset:{default:12},showArrow:{type:Boolean,default:!0}},emits:["confirm","cancel"],setup(t,{emit:i}){const o=t,r=i,n=e.ref(!1),a=e.ref(null),m=e.ref(null),u=e.ref({}),f=()=>{if(!a.value||!m.value)return;const s=a.value.getBoundingClientRect(),d=m.value.getBoundingClientRect(),$=o.placement,k=o.offset;let w=0,x=0;switch($){case"top":w=s.top-d.height-k,x=s.left+(s.width-d.width)/2;break;case"top-start":w=s.top-d.height-k,x=s.left;break;case"top-end":w=s.top-d.height-k,x=s.right-d.width;break;case"bottom":w=s.bottom+k,x=s.left+(s.width-d.width)/2;break;case"bottom-start":w=s.bottom+k,x=s.left;break;case"bottom-end":w=s.bottom+k,x=s.right-d.width;break;case"left":w=s.top+(s.height-d.height)/2,x=s.left-d.width-k;break;case"left-start":w=s.top,x=s.left-d.width-k;break;case"left-end":w=s.bottom-d.height,x=s.left-d.width-k;break;case"right":w=s.top+(s.height-d.height)/2,x=s.right+k;break;case"right-start":w=s.top,x=s.right+k;break;case"right-end":w=s.bottom-d.height,x=s.right+k;break;default:w=s.top-d.height-k,x=s.left+(s.width-d.width)/2}const R=window.innerWidth,H=window.innerHeight;x<0&&(x=10),x+d.width>R&&(x=R-d.width-10),w<0&&(w=10),w+d.height>H&&(w=H-d.height-10),u.value={position:"fixed",top:`${w}px`,left:`${x}px`,zIndex:"2000"}},l=s=>{var d,$;n.value&&((d=a.value)!=null&&d.contains(s.target)||($=m.value)!=null&&$.contains(s.target)||(n.value=!1))},h=s=>{o.disabled||(s.stopPropagation(),n.value=!n.value,n.value&&setTimeout(f,0))},c=()=>{n.value=!1,r("confirm")},g=()=>{n.value=!1,r("cancel")},p=()=>{n.value&&f()},C=()=>{n.value&&f()};e.watch(n,s=>{s?(setTimeout(f,0),document.addEventListener("click",l),window.addEventListener("scroll",p,!0),window.addEventListener("resize",C)):(document.removeEventListener("click",l),window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",C))}),e.onUnmounted(()=>{document.removeEventListener("click",l),window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",C)});const y=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width})),v=e.computed(()=>{const s=o.placement,d={};switch(s){case"top":case"top-start":case"top-end":d.bottom="-6px",d.transform="rotate(45deg)";break;case"bottom":case"bottom-start":case"bottom-end":d.top="-6px",d.transform="rotate(225deg)";break;case"left":case"left-start":case"left-end":d.right="-6px",d.transform="rotate(315deg)";break;case"right":case"right-start":case"right-end":d.left="-6px",d.transform="rotate(135deg)";break}return d});return(s,d)=>(e.openBlock(),e.createElementBlock("span",J,[e.createElementVNode("span",{ref_key:"triggerRef",ref:a,class:"x-popconfirm-trigger",onClick:h},[e.renderSlot(s.$slots,"default")],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-popconfirm-fade"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:m,class:"x-popconfirm",style:e.normalizeStyle({...u.value,...y.value}),onClick:d[0]||(d[0]=e.withModifiers(()=>{},["stop"]))},[t.showArrow?(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__arrow",style:e.normalizeStyle(v.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[t.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__icon",style:e.normalizeStyle({color:t.iconColor})},[e.renderSlot(s.$slots,"icon",{},()=>[e.createTextVNode(e.toDisplayString(t.icon||"⚠"),1)])],4)),e.createElementVNode("div",ee,[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])]),e.createElementVNode("div",te,[t.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"x-button p-button--default p-button--small",onClick:g},e.toDisplayString(t.cancelButtonText),1)),t.hideConfirmButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["x-button x-button--small",`x-button--${t.confirmButtonType}`]),onClick:c},e.toDisplayString(t.confirmButtonText),3))])],4)):e.createCommentVNode("",!0)]),_:3})]))]))}}),ne=e.defineComponent({name:"XBacktop",__name:"index",props:{visibilityHeight:{default:200},right:{default:40},bottom:{default:40}},emits:["click"],setup(t,{emit:i}){const o=t,r=i,n=z.useNamespace("backtop"),a=e.ref(!1),m=()=>{const l=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop||0;a.value=l>=o.visibilityHeight},u=l=>{window.scrollTo({top:0,behavior:"smooth"}),r("click",l)},f=e.computed(()=>({right:`${o.right}px`,bottom:`${o.bottom}px`}));return e.onMounted(()=>{window.addEventListener("scroll",m,{passive:!0,capture:!0}),setTimeout(m,100)}),e.onUnmounted(()=>{window.removeEventListener("scroll",m,!0)}),(l,h)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(f.value),onClick:u},[e.renderSlot(l.$slots,"default",{},()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("icon"))},"↑",2)])],6),[[e.vShow,a.value]])]),_:3}))}}),se=e.defineComponent({name:"XMessage",__name:"index",props:{message:{default:""},type:{default:"info"},duration:{default:3e3},showClose:{type:Boolean,default:!1},center:{type:Boolean,default:!1},offset:{default:20},customClass:{},onClose:{}},emits:["close","destroy"],setup(t,{expose:i,emit:o}){const r=t,n=o,a=z.useNamespace("message"),m=e.ref(!1),u=e.ref(z.nextMessageZIndex()),f={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},l=e.computed(()=>[a.b(),a.m(r.type),a.is("center",r.center),a.is("closable",r.showClose),r.customClass]),h=e.computed(()=>({top:`${r.offset}px`,zIndex:u.value}));let c=null;const g=()=>{r.duration>0&&(c=setTimeout(()=>{C()},r.duration))},p=()=>{c&&(clearTimeout(c),c=null)},C=()=>{var v;m.value=!1,(v=r.onClose)==null||v.call(r),n("close")},y=()=>{n("destroy")};return e.onMounted(()=>{g(),m.value=!0}),e.onUnmounted(()=>{p()}),i({close:C}),(v,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-message-fade",onAfterLeave:y},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.value),style:e.normalizeStyle(h.value),onMouseenter:p,onMouseleave:g},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("icon"))},e.toDisplayString(f[t.type]),3),e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(v.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(a).e("close")),onClick:C}," ✕ ",2)):e.createCommentVNode("",!0)],38)):e.createCommentVNode("",!0)]),_:3}))}}),L=[];let le=1;const ie=()=>{L.slice().forEach(t=>t.close())};function U(t){const i=le++,o=document.createElement("div");document.body.appendChild(o);const r={success:{bg:"#f0f9eb",border:"#67c23a",icon:"✓"},warning:{bg:"#fdf6ec",border:"#e6a23c",icon:"⚠"},error:{bg:"#fef0f0",border:"#f56c6c",icon:"✕"},info:{bg:"#f4f4f5",border:"#909399",icon:"ℹ"}},n=t.type||"info",a=r[n]||r.info,m=e.reactive({visible:!1,offset:t.offset??20});let u=t.offset??20;L.forEach(y=>{const v=y.container.firstElementChild;v&&v.offsetHeight&&(u+=v.offsetHeight+16)}),m.offset=u;let f=null,l=!1;const h=()=>{l||(m.visible=!1,setTimeout(()=>{if(l)return;l=!0;const y=L.findIndex(v=>v.id===i);y!==-1&&L.splice(y,1);try{p.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o)},300))},c=()=>{const y=t.duration??3e3;y>0&&(f=setTimeout(h,y))},g=()=>{f&&(clearTimeout(f),f=null)},p=e.createApp({render(){if(!m.visible)return null;const y=[e.h("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",marginRight:"10px",fontSize:"16px",color:a.border}},a.icon),e.h("span",{style:{flex:"1",fontSize:"14px",color:"#606266",lineHeight:"1.4"}},t.message||"")];return t.showClose&&y.push(e.h("button",{style:{position:"absolute",top:"50%",right:"12px",transform:"translateY(-50%)",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:v=>{v.stopPropagation(),h()}},"✕")),e.h("div",{class:["x-message",`x-message--${n}`,t.center?"is-center":"",t.showClose?"is-closable":""],style:{position:"fixed",left:"50%",top:`${m.offset}px`,transform:"translateX(-50%)",display:"flex",alignItems:"center",padding:t.showClose?"12px 40px 12px 16px":"12px 16px",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0,0,0,0.1)",minWidth:"280px",maxWidth:"480px",backgroundColor:a.bg,border:`1px solid ${a.border}`,zIndex:2e3+i,transition:"opacity 0.3s, transform 0.3s"},onMouseenter:g,onMouseleave:c},y)}});p.mount(o),e.nextTick(()=>{m.visible=!0,c()});const C={id:i,app:p,container:o,close:h};return L.push(C),{close:h}}function ae(t){return U(typeof t=="string"?{message:t}:t)}const O=t=>i=>U({...typeof i=="string"?{message:i}:i,type:t}),X=Object.assign(ae,{info:O("info"),success:O("success"),warning:O("warning"),error:O("error"),closeAll:ie}),re=X,ce=se,de={install(t){t.config.globalProperties.$message=X,t.provide("message",X)}},P=[],ue=()=>{P.slice().forEach(t=>t.close())},fe={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}};function _(t){return new Promise(i=>{const o=document.createElement("div");document.body.appendChild(o);let r=!1;const n=e.defineComponent({name:"TMessageBox",setup(){const u=e.ref(!1),f=e.ref(t.inputValue??""),l=e.ref(""),h=2e3+P.length+1,c=v=>{r||(r=!0,u.value=!1,setTimeout(()=>{const s=P.findIndex(d=>d.container===o);s!==-1&&P.splice(s,1);try{a.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o),i({action:v,value:v==="confirm"?f.value:void 0})},300))},g=()=>{if(t.showInput&&t.inputPattern&&!t.inputPattern.test(f.value)){l.value=t.inputErrorMessage||"输入格式不正确";return}l.value="",c("confirm")},p=()=>{c("cancel")},C=()=>{c("close")},y=()=>{t.closeOnClickModal!==!1&&C()};return e.nextTick(()=>{u.value=!0}),{visible:u,inputValue:f,inputError:l,zIndex:h,handleConfirm:g,handleCancel:p,handleClose:C,handleMaskClick:y}},render(){if(!this.visible)return null;const u=t.type,f=u?fe[u]:null,l=[];f&&l.push(e.h("span",{class:"x-message-box__icon",style:{color:f.color,marginRight:"10px",fontSize:"20px"}},f.icon)),l.push(e.h("span",{class:"x-message-box__title"},t.title||"提示")),t.showClose!==!1&&l.push(e.h("button",{class:"x-message-box__close",onClick:this.handleClose},"✕"));const h=[];h.push(e.h("div",{class:"x-message-box__content"},t.message||"")),t.showInput&&h.push(e.h("div",{class:"x-message-box__input",style:{marginTop:"12px"}},[e.h("input",{class:["x-message-box__input-inner",this.inputError?"is-error":""].filter(Boolean),type:t.inputType||"text",placeholder:t.inputPlaceholder||"请输入",value:this.inputValue,onInput:g=>{this.inputValue=g.target.value,this.inputError=""},onKeyup:g=>{g.key==="Enter"&&this.handleConfirm()}}),this.inputError?e.h("div",{class:"x-message-box__error",style:{color:"#f56c6c",fontSize:"12px",marginTop:"4px"}},this.inputError):null]));const c=[];return t.showCancelButton&&c.push(e.h("button",{class:"x-button p-button--default",onClick:this.handleCancel},t.cancelButtonText||"取消")),t.showConfirmButton!==!1&&c.push(e.h("button",{class:"x-button p-button--primary",onClick:this.handleConfirm,style:{marginLeft:"10px"}},t.confirmButtonText||"确定")),e.h("div",{class:["x-message-box-wrapper",t.center?"is-center":""],style:{position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:this.zIndex},onClick:this.handleMaskClick},[e.h("div",{class:["x-message-box",t.customClass],style:{backgroundColor:"#fff",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0, 0, 0, 0.1)",minWidth:"300px",maxWidth:"500px"},onClick:g=>g.stopPropagation()},[e.h("div",{class:"x-message-box__header",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:"1px solid #eee"}},l),e.h("div",{class:"x-message-box__body",style:{padding:"20px",fontSize:"14px",color:"#606266"}},h),e.h("div",{class:"x-message-box__footer",style:{padding:"10px 20px 16px",textAlign:"right"}},c)])])}}),a=e.createApp(n);a.mount(o);const m={app:a,container:o,close:()=>{var f;const u=(f=a._instance)==null?void 0:f.proxy;u!=null&&u.handleClose&&u.handleClose()}};P.push(m)})}async function me(t,i,o){return _({message:t,title:i,...o,showConfirmButton:!0,showCancelButton:!1})}async function pe(t,i,o){return _({message:t,title:i,...o,showConfirmButton:!0,showCancelButton:!0})}async function he(t,i,o){return _({message:t,title:i,...o,showInput:!0,showConfirmButton:!0,showCancelButton:!0})}function ge(t){return _(t)}const M=Object.assign(ge,{alert:me,confirm:pe,prompt:he,closeAll:ue}),xe=M,ye={install(t){t.config.globalProperties.$msgbox=M,t.config.globalProperties.$alert=M.alert,t.config.globalProperties.$confirm=M.confirm,t.config.globalProperties.$prompt=M.prompt,t.provide("messageBox",M)}},D=[];let ve=1;const be=()=>{D.slice().forEach(t=>t.close())},Ce={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}},we=(t,i)=>{const o=D.filter(n=>n.position===t);let r=16;for(const n of o)if(n.id<i){const a=n.container.firstElementChild;a&&(r+=a.offsetHeight+16)}return r},ke=(t,i)=>{const o={position:"fixed",width:"330px",zIndex:"2010"};switch(t){case"top-right":o.top=`${i}px`,o.right="16px";break;case"top-left":o.top=`${i}px`,o.left="16px";break;case"bottom-right":o.bottom=`${i}px`,o.right="16px";break;case"bottom-left":o.bottom=`${i}px`,o.left="16px";break;default:o.top=`${i}px`,o.right="16px"}return o};function Z(t){const i=ve++,o=t.position||"top-right",r=document.createElement("div");document.body.appendChild(r);let n=null,a=!1;const m=e.defineComponent({name:"TNotification",setup(){const l=e.ref(!1),h=()=>{a||(a=!0,l.value=!1,setTimeout(()=>{var v;const y=D.findIndex(s=>s.id===i);y!==-1&&D.splice(y,1),n&&clearTimeout(n),(v=t.onClose)==null||v.call(t);try{u.unmount()}catch{}r.parentNode&&r.parentNode.removeChild(r)},300))},c=()=>{const y=t.duration??4500;y>0&&(n=setTimeout(h,y))},g=()=>{n&&(clearTimeout(n),n=null)},p=e.computed(()=>(t.offset??0)+we(o,i)),C=e.computed(()=>ke(o,p.value));return e.nextTick(()=>{l.value=!0,c()}),{visible:l,close:h,positionStyles:C,startTimer:c,clearTimer:g}},render(){if(!this.visible)return null;const l=t.type,h=l?Ce[l]:null,c=[];t.title&&c.push(e.h("div",{class:"x-notification__title",style:{fontWeight:"600",fontSize:"16px",color:"#303133",marginBottom:t.message?"6px":"0"}},t.title)),t.message&&(t.dangerouslyUseHTMLString?c.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"},innerHTML:t.message})):c.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"}},t.message)));const g=[];return h&&g.push(e.h("div",{class:"x-notification__icon",style:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",marginRight:"12px",fontSize:"18px",color:h.color}},h.icon)),g.push(e.h("div",{class:"x-notification__main",style:{flex:"1"}},c)),t.showClose!==!1&&g.push(e.h("button",{class:"x-notification__close",style:{position:"absolute",top:"18px",right:"15px",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:p=>{p.stopPropagation(),this.close()}},"✕")),e.h("div",{class:["x-notification",t.customClass],style:{...this.positionStyles,display:"flex",alignItems:"flex-start",padding:"14px 26px 14px 13px",borderRadius:"8px",backgroundColor:"#fff",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",transition:"opacity 0.3s, transform 0.3s",boxSizing:"border-box"},onMouseenter:this.clearTimer,onMouseleave:this.startTimer},g)}}),u=e.createApp(m);u.mount(r);const f={id:i,app:u,container:r,position:o,close:()=>{var h;const l=(h=u._instance)==null?void 0:h.proxy;l!=null&&l.close&&l.close()}};return D.push(f),{close:f.close}}function Be(t){return Z(typeof t=="string"?{message:t}:t)}const A=t=>i=>Z({...typeof i=="string"?{message:i}:i,type:t}),F=Object.assign(Be,{info:A("info"),success:A("success"),warning:A("warning"),error:A("error"),closeAll:be}),Te=F,Ee={install(t){t.config.globalProperties.$notify=F,t.provide("notification",F)}};exports.Alert=Y;exports.Backtop=ne;exports.Drawer=K;exports.Message=re;exports.MessageBox=xe;exports.MessageComponent=ce;exports.Modal=q;exports.Notification=Te;exports.Popconfirm=oe;exports.TMessage=de;exports.TMessageBox=ye;exports.TNotification=Ee;exports.Tooltip=G;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xto/feedback",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Xto Feedback - Feedback components",
   "main": "./lib/index.cjs",
   "module": "./es/index.mjs",
@@ -35,4 +35,4 @@
     "vitest": "^1.4.0",
     "vue": "^3.4.21"
   }
-}
+}