@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/modules/inputSearch.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-afm0gWnG.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-UCm0Csto.js";
 export {
   f as default
 };

package/buildLibs/modules/inputTag.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-Ix_0hpqL.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-D0s2DEcR.js";
 export {
   f as default
 };

package/buildLibs/modules/inputTextarea.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-COItePPk.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DBo8NT25.js";
 export {
   f as default
 };

package/buildLibs/modules/link.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-BDCMqHLL.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CoQ8bldZ.js";
 export {
   f as default
 };

package/buildLibs/modules/load.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-BH8ejOuv.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-C5i17oB9.js";
 export {
   f as default
 };

package/buildLibs/modules/loadFullCenter.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, openBlock as a, createBlock as o, withCtx as l, createElementVNode as r, createVNode as c } from "vue";
-import { _ as n } from "./shared/Index.vue_vue_type_script_setup_true_lang-BH8ejOuv.js";
-import { _ as s } from "./shared/Index.vue_vue_type_script_setup_true_lang-BZHTSznV.js";
+import { _ as n } from "./shared/Index.vue_vue_type_script_setup_true_lang-C5i17oB9.js";
+import { _ as s } from "./shared/Index.vue_vue_type_script_setup_true_lang-N3rQdrH6.js";
 const d = { class: "loading-content" }, g = /* @__PURE__ */ t({
   name: "ClLoadFullCenter",
   __name: "FullCenter",

package/buildLibs/modules/loadIng.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Ing.vue_vue_type_script_setup_true_lang-CbxKiYq1.js";
+import { _ as f } from "./shared/Ing.vue_vue_type_script_setup_true_lang-Bnc9BIaT.js";
 export {
   f as default
 };

package/buildLibs/modules/loadScreen.js

@@ -1,8 +1,8 @@
 import { defineComponent as p, ref as g, reactive as _, onBeforeUnmount as h, openBlock as n, createBlock as y, withCtx as x, createElementVNode as c, unref as S, createElementBlock as m, toDisplayString as T, Fragment as v, createVNode as k } from "vue";
-import { C as r } from "./shared/base-C5l51ld_.js";
-import { _ as N } from "./shared/Index.vue_vue_type_script_setup_true_lang-BH8ejOuv.js";
-import { _ as B } from "./shared/Index.vue_vue_type_script_setup_true_lang-BZHTSznV.js";
-import { u as b } from "./shared/language-TSK4pJka.js";
+import { C as r } from "./shared/base-fr2I80sU.js";
+import { _ as N } from "./shared/Index.vue_vue_type_script_setup_true_lang-C5i17oB9.js";
+import { _ as B } from "./shared/Index.vue_vue_type_script_setup_true_lang-N3rQdrH6.js";
+import { u as b } from "./shared/language-pMmux6Js.js";
 const w = ["aria-label"], C = { class: "loadScreen-main" }, E = {
   key: 0,
   class: "loadScreen-text"

package/buildLibs/modules/loadWarp.js

@@ -1,7 +1,7 @@
 import { defineComponent as d, computed as s, openBlock as g, createElementBlock as p, unref as f, normalizeStyle as u, normalizeClass as y, renderSlot as m, createVNode as C, withCtx as E } from "vue";
-import { C as a } from "./shared/base-C5l51ld_.js";
-import { C as x } from "./shared/index-wdK75uN2.js";
-import { _ as z } from "./shared/Ing.vue_vue_type_script_setup_true_lang-CbxKiYq1.js";
+import { C as a } from "./shared/base-fr2I80sU.js";
+import { C as x } from "./shared/index-B477PjJ3.js";
+import { _ as z } from "./shared/Ing.vue_vue_type_script_setup_true_lang-Bnc9BIaT.js";
 const D = ["id"], S = /* @__PURE__ */ d({
   name: "ClLoadWarp",
   __name: "Warp",

package/buildLibs/modules/modal.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-Dt1s66Uw.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-D5akRc9d.js";
 export {
   f as default
 };

package/buildLibs/modules/navBar.js

@@ -1,7 +1,7 @@
 import { defineComponent as L, useSlots as E, computed as t, openBlock as s, createElementBlock as n, Fragment as I, withDirectives as f, vShow as v, createCommentVNode as a, createElementVNode as r, normalizeStyle as A, normalizeClass as z, unref as F, createBlock as R, toDisplayString as i, renderSlot as c } from "vue";
-import { C as l } from "./shared/base-C5l51ld_.js";
-import { C as D } from "./shared/index-wdK75uN2.js";
-import { _ as $ } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
+import { C as l } from "./shared/base-fr2I80sU.js";
+import { C as D } from "./shared/index-B477PjJ3.js";
+import { _ as $ } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
 const J = {
   key: 0,
   class: "navbar-placeholder"

package/buildLibs/modules/noticeBar.js

@@ -1,7 +1,7 @@
-import { defineComponent as G, useTemplateRef as T, ref as U, computed as a, onMounted as V, onBeforeUnmount as X, watch as j, openBlock as s, createElementBlock as d, normalizeStyle as W, normalizeClass as K, unref as Q, withModifiers as _, toDisplayString as R, Fragment as N, createElementVNode as u, renderSlot as Y, createBlock as w } from "vue";
-import { C as r } from "./shared/base-C5l51ld_.js";
-import { C as Z } from "./shared/index-wdK75uN2.js";
-import { _ as F } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
+import { defineComponent as G, useTemplateRef as T, ref as U, computed as a, onMounted as V, onBeforeUnmount as X, watch as j, openBlock as s, createElementBlock as p, normalizeStyle as W, normalizeClass as K, unref as Q, withModifiers as _, toDisplayString as R, Fragment as N, createElementVNode as d, renderSlot as Y, createBlock as w } from "vue";
+import { C as r } from "./shared/base-fr2I80sU.js";
+import { C as Z } from "./shared/index-B477PjJ3.js";
+import { _ as F } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
 const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar-text-default" }, ne = 1e3, le = 1e3, ce = /* @__PURE__ */ G({
   name: "ClNoticeBar",
   __name: "Index",
@@ -28,7 +28,7 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
       default: !0
       // desc: 文本过长时是否开启滚动
     },
-    isWrapable: {
+    isWrappable: {
       type: Boolean,
       default: !1
       // desc: 是否开启文本换行
@@ -46,21 +46,21 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
   },
   emits: ["onClick", "onClickLeftIcon", "onClickRightIcon", "onClose"],
   setup(o, { emit: B }) {
-    const e = o, i = B, L = e.id, c = T("refElWrap"), g = T("refElText"), p = U(0);
+    const e = o, i = B, L = e.id, c = T("refElWrap"), g = T("refElText"), u = U(0);
     let k = 0, t = 0, n = null, f = null;
     const A = a(() => r.isNonEmptyString(e.leftIcon)), z = a(() => e.mode === "link"), M = a(() => {
       const l = {
         "panel-notice-bar": !0,
-        "panel-notice-bar--wrapable": e.isWrapable
+        "panel-notice-bar-wrappable": e.isWrappable
       };
       return r.getJsonMerge(l, Z.getClassNameJson(e.className));
     }), O = a(() => ({
       color: e.color,
       background: e.background
     })), P = a(() => ({
-      transform: `translateX(${-p.value}px)`
+      transform: `translateX(${-u.value}px)`
     })), b = () => {
-      if (t && cancelAnimationFrame(t), t = 0, n && clearTimeout(n), n = null, p.value = 0, !e.isScrollable || e.isWrapable) return;
+      if (t && cancelAnimationFrame(t), t = 0, n && clearTimeout(n), n = null, u.value = 0, !e.isScrollable || e.isWrappable) return;
       const l = c.value, y = g.value;
       if (!l || !y) return;
       const S = l.offsetWidth, v = y.scrollWidth;
@@ -75,7 +75,7 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
           }
           C = E;
           const J = k % m / m;
-          p.value = J * h, t = requestAnimationFrame(x);
+          u.value = J * h, t = requestAnimationFrame(x);
         };
         t = requestAnimationFrame(x);
       }, e.delay));
@@ -85,7 +85,7 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
     }), X(() => {
       t && cancelAnimationFrame(t), n && clearTimeout(n), f && f.disconnect();
     }), j(
-      [() => e.isScrollable, () => e.isWrapable, () => e.speed, () => e.delay, () => e.text],
+      [() => e.isScrollable, () => e.isWrappable, () => e.speed, () => e.delay, () => e.text],
       b
     );
     const $ = () => {
@@ -97,31 +97,31 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
     }, H = () => {
       i("onClose");
     };
-    return (l, y) => (s(), d("div", {
+    return (l, y) => (s(), p("div", {
       id: Q(L),
       class: K(M.value),
       style: W(O.value),
       onClick: $
     }, [
-      A.value ? (s(), d("span", {
+      A.value ? (s(), p("span", {
         key: 0,
         class: "noticebar-left-icon",
         onClick: _(q, ["stop"])
-      }, R(e.leftIcon), 1)) : (s(), d(N, { key: 1 }, [], 64)),
-      u("div", {
+      }, R(e.leftIcon), 1)) : (s(), p(N, { key: 1 }, [], 64)),
+      d("div", {
         ref_key: "refElWrap",
         ref: c,
         class: "noticebar-wrap"
       }, [
-        u("div", te, [
-          u("div", {
+        d("div", te, [
+          d("div", {
             ref_key: "refElText",
             ref: g,
             class: "noticebar-text",
             style: W(P.value)
           }, [
             Y(l.$slots, "default", {}, () => [
-              u("span", oe, R(e.text), 1)
+              d("span", oe, R(e.text), 1)
             ])
           ], 4)
         ])
@@ -136,7 +136,7 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
         name: "angle-right",
         className: "noticebar-right-icon",
         onClick: _(D, ["stop"])
-      })) : (s(), d(N, { key: 4 }, [], 64))
+      })) : (s(), p(N, { key: 4 }, [], 64))
     ], 14, ee));
   }
 });

package/buildLibs/modules/notifyM.js

@@ -1,8 +1,9 @@
-import { defineComponent as X, ref as n, computed as a, onMounted as j, onUnmounted as G, watch as w, openBlock as D, createBlock as Q, Teleport as W, createVNode as E, Transition as ee, withCtx as oe, createElementBlock as te, normalizeStyle as ne, normalizeClass as le, unref as se, createElementVNode as re, toDisplayString as ae, createCommentVNode as ce } from "vue";
-import { C as l } from "./shared/base-C5l51ld_.js";
-import { C as ie } from "./shared/index-wdK75uN2.js";
-import { l as ue, u as de } from "./shared/scrollLock-DQEGK5um.js";
-const me = ["id"], fe = { class: "notifym-text" }, F = 2e3, O = 3e3, pe = 300, ge = 300, Ce = /* @__PURE__ */ X({
+import { defineComponent as ke, useTemplateRef as Ce, ref as n, computed as d, onMounted as be, onUnmounted as Me, watch as H, openBlock as te, createBlock as Ae, Teleport as Oe, createVNode as ne, Transition as Pe, withCtx as De, createElementBlock as Le, normalizeStyle as ze, normalizeClass as Fe, unref as Ye, createElementVNode as Be, toDisplayString as Re, withModifiers as J, createCommentVNode as Ue, nextTick as $e } from "vue";
+import { C as l } from "./shared/base-fr2I80sU.js";
+import { C as qe } from "./shared/index-B477PjJ3.js";
+import { _ as Ve } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
+import { l as We, u as Ze } from "./shared/scrollLock-DQEGK5um.js";
+const He = ["id"], Je = { class: "notifym-text" }, se = 2e3, le = 3e3, Ee = 300, Xe = 6, je = 0.3, xe = 24, Ge = 200, io = /* @__PURE__ */ ke({
   name: "ClNotifyM",
   __name: "Index",
   props: {
@@ -25,14 +26,24 @@ const me = ["id"], fe = { class: "notifym-text" }, F = 2e3, O = 3e3, pe = 300, g
     // desc: 背景色（自定义覆盖）
     duration: {
       type: Number,
-      default: O
+      default: le
       // desc: 展示时长(ms)，0 表示不自动关闭
     },
     isLockScroll: Boolean,
     // desc: 展示时是否锁定背景滚动
+    isSwipeClose: {
+      type: Boolean,
+      default: !0
+      // desc: 是否支持上滑关闭
+    },
+    isSafeAreaInsetTop: {
+      type: Boolean,
+      default: !0
+      // desc: 是否开启顶部安全区适配（刘海屏/状态栏）
+    },
     zIndex: {
       type: Number,
-      default: F
+      default: se
       // desc: 通知层级
     },
     teleportTarget: {
@@ -42,128 +53,219 @@ const me = ["id"], fe = { class: "notifym-text" }, F = 2e3, O = 3e3, pe = 300, g
     }
   },
   emits: ["update:show", "onClick", "onClose"],
-  setup(B, { expose: U, emit: Y }) {
-    const o = B, _ = Y, u = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : O, d = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : F, V = o.id, m = n(!1), y = n(o.message || ""), f = n(o.type), T = n(o.color || ""), S = n(o.background || ""), p = n(u(o.duration)), c = n(!!o.isLockScroll), k = n(d(o.zIndex)), i = n(o.teleportTarget || "");
-    let s = null, r = !1;
-    const N = /* @__PURE__ */ new Set();
-    let I = !1;
-    const b = a(() => m.value), Z = a(() => {
-      const e = i.value;
+  setup(ae, { expose: re, emit: ie }) {
+    const t = ae, O = ie, y = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : le, I = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : se, ue = t.id, h = Ce("refElParent"), w = n(!1), P = n(t.message || ""), N = n(t.type), D = n(t.color || ""), L = n(t.background || ""), k = n(y(t.duration)), m = n(!!t.isLockScroll), z = n(!!t.isSwipeClose), F = n(!!t.isSafeAreaInsetTop), Y = n(I(t.zIndex)), p = n(t.teleportTarget || ""), i = n(0), s = n(!1), a = n(!1);
+    let v = null, S = null, B = 0, u = !1, r = !1, C = !1, R = 0, g = 0, _ = null, c = !1;
+    const U = /* @__PURE__ */ new Set();
+    let $ = !1;
+    const q = d(() => w.value), ce = d(() => {
+      const e = p.value;
       return l.isNonEmptyString(e) && (e === "body" || e === "self" || /^[#.][A-Za-z_][\w-]*$/.test(e)) ? e : "body";
-    }), R = a(() => i.value === "self"), z = a(() => pe), $ = a(() => {
+    }), fe = d(() => p.value === "self"), E = d(() => Ee), de = d(() => {
       const e = {
         "panel-notify-m": !0,
-        [`panel-notify-m--${f.value}`]: l.isNonEmptyString(f.value)
+        [`panel-notify-m--${N.value}`]: l.isNonEmptyString(N.value),
+        "notifym-is-dragging": s.value,
+        "notifym-is-rebounding": a.value,
+        "panel-notify-m--safe-top": F.value
       };
-      return l.getJsonMerge(e, ie.getClassNameJson(o.className));
-    }), x = a(() => ({
-      zIndex: k.value,
-      color: T.value,
-      background: S.value,
-      "--notifym-duration": `${z.value}ms`
-    })), J = () => {
-      C(), p.value > 0 && (s = setTimeout(() => {
-        s = null, _("update:show", !1), !s && m.value && (s = setTimeout(() => {
-          s = null, L();
-        }, ge));
-      }, p.value));
-    }, C = () => {
-      s && (clearTimeout(s), s = null);
-    }, P = () => {
-      const e = i.value;
+      return l.getJsonMerge(e, qe.getClassNameJson(t.className));
+    }), X = () => {
+      const e = h.value?.offsetHeight || 0;
+      return Math.max(xe, e * je);
+    }, me = () => {
+      const e = X();
+      if (e <= 0) return 1;
+      const o = Math.min(1, Math.abs(i.value) / e);
+      return Number((1 - o * 0.7).toFixed(2));
+    }, pe = d(() => {
+      const e = {
+        zIndex: Y.value,
+        color: D.value,
+        background: L.value,
+        "--notifym-duration": `${E.value}ms`
+      };
+      return (s.value || a.value) && (e["--notifym-drag-y"] = `${i.value}px`, e["--notifym-drag-opacity"] = `${me()}`), e;
+    }), ve = () => {
+      b(), k.value > 0 && (v = setTimeout(() => {
+        v = null, V();
+      }, k.value));
+    }, b = () => {
+      v && (clearTimeout(v), v = null);
+    }, T = () => {
+      S && (clearTimeout(S), S = null);
+    }, V = () => {
+      b();
+      const e = B;
+      O("update:show", !1), $e(() => {
+        B === e && w.value && Z();
+      });
+    }, Se = () => {
+      const e = p.value;
       if (l.isNonEmptyString(e) && e !== "body" && e !== "self") {
-        const t = document.querySelector(e);
-        return t instanceof HTMLElement ? t : null;
+        const o = document.querySelector(e);
+        return o instanceof HTMLElement ? o : null;
       }
       return document.body;
-    }, h = () => {
-      if (r) return;
-      const e = P();
-      e && (r = !0, N.add(e), ue(e));
-    }, g = () => {
-      r && (r = !1, N.forEach((e) => {
-        de(e);
-      }), N.clear());
+    }, W = () => {
+      if (c) return;
+      const e = Se();
+      e && (c = !0, U.add(e), We(e));
+    }, M = () => {
+      c && (c = !1, U.forEach((e) => {
+        Ze(e);
+      }), U.clear());
+    }, ge = () => {
+      T(), u = !1, r = !1, C = !1, R = 0, g = 0, i.value = 0, s.value = !1, a.value = !1;
+    }, j = (e) => {
+      C = !1, z.value && (T(), u = !0, r = !1, R = e, g = 0, i.value = 0, a.value = !1);
+    }, x = (e, o) => {
+      if (!u) return;
+      const f = e - R;
+      if (f >= 0) {
+        r && (r = !1, g = 0, i.value = 0, s.value = !1);
+        return;
+      }
+      Math.abs(f) < Xe || (C = !0, r = !0, s.value = !0, g = f, i.value = f, o.cancelable && o.preventDefault());
+    }, G = () => {
+      if (u && (u = !1, !!r)) {
+        if (r = !1, Math.abs(g) >= X()) {
+          s.value = !1, a.value = !0, V();
+          return;
+        }
+        s.value = !1, a.value = !0, i.value = 0, T(), S = setTimeout(() => {
+          S = null, a.value = !1;
+        }, Ge);
+      }
     };
-    j(() => {
-      b.value && c.value && !r && h();
-    }), G(() => {
-      C(), r && g();
+    be(() => {
+      q.value && m.value && !c && W();
+    }), Me(() => {
+      b(), T(), c && M();
     });
-    const A = () => {
-      y.value = o.message || "", f.value = o.type, T.value = o.color || "", S.value = o.background || "", p.value = u(o.duration), c.value = !!o.isLockScroll, k.value = d(o.zIndex), i.value = o.teleportTarget || "";
-    }, M = () => {
-      c.value ? h() : g(), m.value = !0, I = !0, J();
-    }, v = (e, t, H = "primary") => {
-      y.value = l.isNonEmptyString(e) ? e : o.message || "", f.value = t && t.type || H, T.value = t && t.color || o.color || "", S.value = t && t.background || o.background || "", p.value = t && t.duration !== void 0 ? u(t.duration) : u(o.duration);
-      const K = t && t.isLockScroll !== void 0 ? !!t.isLockScroll : !!o.isLockScroll;
-      c.value = K, k.value = t && t.zIndex !== void 0 ? d(t.zIndex) : d(o.zIndex), i.value = t && t.teleportTarget || o.teleportTarget || "", M();
-    }, L = () => {
-      C(), g(), m.value = !1, I && (I = !1, _("onClose"));
+    const K = () => {
+      P.value = t.message || "", N.value = t.type, D.value = t.color || "", L.value = t.background || "", k.value = y(t.duration), m.value = !!t.isLockScroll, z.value = !!t.isSwipeClose, F.value = !!t.isSafeAreaInsetTop, Y.value = I(t.zIndex), p.value = t.teleportTarget || "";
+    }, Q = () => {
+      m.value ? W() : M(), B++, ge(), w.value = !0, $ = !0, ve();
+    }, A = (e, o, f = "primary") => {
+      P.value = l.isNonEmptyString(e) ? e : t.message || "", N.value = o && o.type || f, D.value = o && o.color || t.color || "", L.value = o && o.background || t.background || "", k.value = o && o.duration !== void 0 ? y(o.duration) : y(t.duration);
+      const Ne = o && o.isLockScroll !== void 0 ? !!o.isLockScroll : !!t.isLockScroll;
+      m.value = Ne, z.value = o && o.isSwipeClose !== void 0 ? !!o.isSwipeClose : !!t.isSwipeClose, F.value = o && o.isSafeAreaInsetTop !== void 0 ? !!o.isSafeAreaInsetTop : !!t.isSafeAreaInsetTop, Y.value = o && o.zIndex !== void 0 ? I(o.zIndex) : I(t.zIndex), p.value = o && o.teleportTarget || t.teleportTarget || "", Q();
+    }, Z = () => {
+      b(), T(), M(), s.value && (s.value = !1, a.value = !0), u = !1, r = !1, w.value = !1, $ && ($ = !1, O("onClose"));
     };
-    w(
-      () => o.show,
+    H(
+      () => t.show,
       (e) => {
-        e ? (A(), M()) : L();
+        e ? (K(), Q()) : Z();
       },
       { immediate: !0 }
-    ), w(
+    ), H(
       () => [
-        o.message,
-        o.type,
-        o.color,
-        o.background,
-        o.duration,
-        o.zIndex,
-        o.teleportTarget
+        t.message,
+        t.type,
+        t.color,
+        t.background,
+        t.duration,
+        t.isSwipeClose,
+        t.isSafeAreaInsetTop,
+        t.zIndex,
+        t.teleportTarget
       ],
       () => {
-        A();
+        K();
       }
-    ), w(
-      () => o.isLockScroll,
+    ), H(
+      () => t.isLockScroll,
       (e) => {
-        c.value = !!e, b.value && (e ? h() : g());
+        m.value = !!e, q.value && (e ? W() : M());
       }
     );
-    const q = () => {
-      _("onClick");
+    const _e = () => {
+      C || O("onClick");
+    }, Te = () => {
+      V();
+    }, ye = (e) => {
+      const o = e.touches[0];
+      o && j(o.clientY);
+    }, Ie = (e) => {
+      const o = e.touches[0];
+      o && x(o.clientY, e);
+    }, ee = () => {
+      G();
+    }, he = (e) => {
+      if (_ === null) {
+        _ = e.pointerId, j(e.clientY);
+        try {
+          h.value?.setPointerCapture(e.pointerId);
+        } catch {
+        }
+      }
+    }, we = (e) => {
+      _ === e.pointerId && x(e.clientY, e);
+    }, oe = (e) => {
+      if (_ === e.pointerId) {
+        _ = null, G();
+        try {
+          h.value?.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+      }
     };
-    return U({
-      notify: (e, t) => {
-        v(e, t, "primary");
+    return re({
+      notify: (e, o) => {
+        A(e, o, "primary");
       },
-      success: (e, t) => {
-        v(e, t, "success");
+      success: (e, o) => {
+        A(e, o, "success");
       },
-      danger: (e, t) => {
-        v(e, t, "danger");
+      danger: (e, o) => {
+        A(e, o, "danger");
       },
-      warning: (e, t) => {
-        v(e, t, "warning");
+      warning: (e, o) => {
+        A(e, o, "warning");
       },
       close: () => {
-        L();
+        Z();
       }
-    }), (e, t) => (D(), Q(W, {
-      to: Z.value,
-      disabled: R.value
+    }), (e, o) => (te(), Ae(Oe, {
+      to: ce.value,
+      disabled: fe.value
     }, [
-      E(ee, {
+      ne(Pe, {
         name: "notifym-fade",
-        duration: z.value
+        duration: E.value
       }, {
-        default: oe(() => [
-          b.value ? (D(), te("div", {
+        default: De(() => [
+          q.value ? (te(), Le("div", {
             key: 0,
-            id: se(V),
-            class: le($.value),
-            style: ne(x.value),
+            id: Ye(ue),
+            ref_key: "refElParent",
+            ref: h,
+            class: Fe(de.value),
+            style: ze(pe.value),
             role: "alert",
-            onClick: q
+            onClick: _e,
+            onTouchstart: ye,
+            onTouchmove: Ie,
+            onTouchend: ee,
+            onTouchcancel: ee,
+            onPointerdown: he,
+            onPointermove: we,
+            onPointerup: oe,
+            onPointercancel: oe
           }, [
-            re("span", fe, ae(y.value), 1)
-          ], 14, me)) : ce("", !0)
+            Be("span", Je, Re(P.value), 1),
+            ne(Ve, {
+              name: "close",
+              className: "notifym-close",
+              onClick: J(Te, ["stop"]),
+              onTouchstart: o[0] || (o[0] = J(() => {
+              }, ["stop"])),
+              onPointerdown: o[1] || (o[1] = J(() => {
+              }, ["stop"]))
+            })
+          ], 46, He)) : Ue("", !0)
         ]),
         _: 1
       }, 8, ["duration"])
@@ -171,5 +273,5 @@ const me = ["id"], fe = { class: "notifym-text" }, F = 2e3, O = 3e3, pe = 300, g
   }
 });
 export {
-  Ce as default
+  io as default
 };