hys-ui 0.1.0 → 0.1.1

package/dist/components/HysUpload/HysUpload2.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as B, ref as v, openBlock as f, createElementBlock as c, normalizeProps as D, guardReactiveProps as F, unref as p, createElementVNode as u, withModifiers as b, withKeys as h, normalizeClass as L, renderSlot as k, createVNode as y, toDisplayString as z, Fragment as S, renderList as A, createTextVNode as N, createCommentVNode as V } from "vue";
-import { CloudUpload as W, FileText as E, X as R } from "lucide-vue-next";
-import { useHysRootAttrs as T } from "../../config.js";
-const H = ["aria-disabled", "tabindex"], K = ["accept", "multiple", "disabled"], P = { key: 0 }, I = ["aria-label", "disabled", "onClick"], q = /* @__PURE__ */ B({
+import { defineComponent as L, ref as b, watch as S, onActivated as N, onDeactivated as V, onBeforeUnmount as W, openBlock as p, createElementBlock as y, normalizeProps as E, guardReactiveProps as R, unref as g, createElementVNode as m, withModifiers as h, withKeys as x, normalizeClass as T, renderSlot as C, createVNode as k, toDisplayString as U, Fragment as H, renderList as K, createTextVNode as P, createCommentVNode as I } from "vue";
+import { CloudUpload as M, FileText as X, X as j } from "lucide-vue-next";
+import { useHysRootAttrs as q } from "../../config.js";
+const G = ["aria-disabled", "tabindex"], J = ["accept", "multiple", "disabled"], O = { key: 0 }, Q = ["aria-label", "disabled", "onClick"], ee = /* @__PURE__ */ L({
   __name: "HysUpload",
   props: {
     accept: {},
@@ -14,115 +14,133 @@ const H = ["aria-disabled", "tabindex"], K = ["accept", "multiple", "disabled"],
     beforeUpload: {}
   },
   emits: ["change", "remove", "exceed", "error", "select"],
-  setup(l, { expose: w, emit: x }) {
-    const i = l, r = x, C = T(), o = v([]), d = v(), m = v(!1), s = v(!1);
-    function $(a) {
-      return !i.accept || i.accept.split(",").some((e) => (e = e.trim().toLowerCase(), e.startsWith(".") ? a.name.toLowerCase().endsWith(e) : e.endsWith("/*") ? a.type.startsWith(e.slice(0, -1)) : a.type === e));
+  setup(n, { expose: $, emit: B }) {
+    const l = n, r = B, D = q(), o = b([]), d = b(), v = b(!1), u = b(!1);
+    function A(i) {
+      return !l.accept || l.accept.split(",").some((e) => (e = e.trim().toLowerCase(), e.startsWith(".") ? i.name.toLowerCase().endsWith(e) : e.endsWith("/*") ? i.type.startsWith(e.slice(0, -1)) : i.type === e));
     }
-    async function g(a) {
-      if (i.disabled || s.value) return;
-      if (i.multiple || (a = a.slice(0, 1)), i.limit && o.value.length + a.length > i.limit) {
-        r("exceed", a);
+    let f = 0, s = !0;
+    function c() {
+      f++, u.value = !1, v.value = !1, d.value && (d.value.value = "");
+    }
+    S(() => l.disabled, c), N(() => {
+      s = !0;
+    }), V(() => {
+      s = !1, c();
+    }), W(() => {
+      s = !1, c();
+    });
+    async function z(i) {
+      if (!s || l.disabled || u.value) return;
+      if (l.multiple || (i = i.slice(0, 1)), l.limit && (l.multiple ? o.value.length : 0) + i.length > l.limit) {
+        r("exceed", i);
         return;
       }
-      s.value = !0;
-      const e = [];
+      const e = ++f;
+      u.value = !0;
+      const a = [];
       try {
-        for (const t of a) {
-          if (!$(t)) {
-            r("error", "文件类型不符合要求：" + t.name);
-            continue;
-          }
-          if (i.maxSize && t.size > i.maxSize) {
-            r("error", "文件超过大小限制：" + t.name);
-            continue;
+        for (const t of i) {
+          if (!s || e !== f || l.disabled) return;
+          try {
+            if (!A(t)) {
+              r("error", "文件类型不符合要求：" + t.name);
+              continue;
+            }
+            if (l.maxSize && t.size > l.maxSize) {
+              r("error", "文件超过大小限制：" + t.name);
+              continue;
+            }
+            if (l.beforeUpload && await l.beforeUpload(t) === !1) continue;
+            if (!s || e !== f || l.disabled) return;
+            a.push({ uid: crypto.randomUUID(), name: t.name, size: t.size, raw: t });
+          } catch (w) {
+            s && e === f && r("error", w instanceof Error ? w.message : "文件检查失败");
           }
-          i.beforeUpload && await i.beforeUpload(t) === !1 || e.push({ uid: crypto.randomUUID(), name: t.name, size: t.size, raw: t });
         }
-        o.value = i.multiple ? [...o.value, ...e] : e, e.length && (r("select", e.map((t) => t.raw)), r("change", [...o.value]));
-      } catch (t) {
-        r("error", t instanceof Error ? t.message : "文件检查失败");
+        if (!s || e !== f || l.disabled || !a.length) return;
+        o.value = l.multiple ? [...o.value, ...a] : a, a.length && (r("select", a.map((t) => t.raw)), r("change", [...o.value]));
       } finally {
-        s.value = !1, d.value && (d.value.value = "");
+        e === f && (u.value = !1, d.value && (d.value.value = ""));
       }
     }
-    function U(a) {
-      i.disabled || (o.value = o.value.filter((e) => e.uid !== a.uid), r("remove", a), r("change", [...o.value]));
+    function F(i) {
+      l.disabled || (o.value = o.value.filter((e) => e.uid !== i.uid), r("remove", i), r("change", [...o.value]));
     }
-    return w({ clearFiles: () => {
-      o.value = [], r("change", []);
+    return $({ clearFiles: () => {
+      c(), o.value = [], r("change", []);
     }, open: () => {
-      var a;
-      i.disabled || (a = d.value) == null || a.click();
-    } }), (a, e) => (f(), c("div", D(F(p(C))), [
-      u("div", {
-        class: L(["hys-ui-upload-zone", { "hys-ui-upload-dragging": m.value }]),
+      var i;
+      s && !l.disabled && !u.value && ((i = d.value) == null || i.click());
+    } }), (i, e) => (p(), y("div", E(R(g(D))), [
+      m("div", {
+        class: T(["hys-ui-upload-zone", { "hys-ui-upload-dragging": v.value }]),
         role: "button",
-        "aria-disabled": l.disabled || s.value,
-        tabindex: l.disabled ? -1 : 0,
+        "aria-disabled": n.disabled || u.value,
+        tabindex: n.disabled ? -1 : 0,
         "aria-label": "选择上传文件",
-        onClick: e[0] || (e[0] = (t) => {
-          var n;
-          return !l.disabled && ((n = d.value) == null ? void 0 : n.click());
+        onClick: e[0] || (e[0] = (a) => {
+          var t;
+          return !n.disabled && ((t = d.value) == null ? void 0 : t.click());
         }),
         onKeydown: [
-          e[1] || (e[1] = h(b((t) => {
-            var n;
-            return !l.disabled && ((n = d.value) == null ? void 0 : n.click());
+          e[1] || (e[1] = x(h((a) => {
+            var t;
+            return !n.disabled && ((t = d.value) == null ? void 0 : t.click());
           }, ["prevent"]), ["enter"])),
-          e[2] || (e[2] = h(b((t) => {
-            var n;
-            return !l.disabled && ((n = d.value) == null ? void 0 : n.click());
+          e[2] || (e[2] = x(h((a) => {
+            var t;
+            return !n.disabled && ((t = d.value) == null ? void 0 : t.click());
           }, ["prevent"]), ["space"]))
         ],
-        onDragover: e[3] || (e[3] = b((t) => l.drag && !l.disabled && (m.value = !0), ["prevent"])),
-        onDragleave: e[4] || (e[4] = (t) => m.value = !1),
-        onDrop: e[5] || (e[5] = b((t) => {
-          var n;
-          m.value = !1, l.drag && g(Array.from(((n = t.dataTransfer) == null ? void 0 : n.files) || []));
+        onDragover: e[3] || (e[3] = h((a) => n.drag && !n.disabled && (v.value = !0), ["prevent"])),
+        onDragleave: e[4] || (e[4] = (a) => v.value = !1),
+        onDrop: e[5] || (e[5] = h((a) => {
+          var t;
+          v.value = !1, n.drag && z(Array.from(((t = a.dataTransfer) == null ? void 0 : t.files) || []));
         }, ["prevent"]))
       }, [
-        k(a.$slots, "default", {}, () => [
-          y(p(W), {
+        C(i.$slots, "default", {}, () => [
+          k(g(M), {
             size: 28,
             "aria-hidden": "true"
           }),
-          u("strong", null, z(s.value ? "正在检查文件…" : "点击选择或拖入文件"), 1),
-          e[7] || (e[7] = u("span", null, "文件通过事件交给业务层上传", -1))
+          m("strong", null, U(u.value ? "正在检查文件…" : "点击选择或拖入文件"), 1),
+          e[7] || (e[7] = m("span", null, "文件通过事件交给业务层上传", -1))
         ], !0)
-      ], 42, H),
-      u("input", {
+      ], 42, G),
+      m("input", {
         ref_key: "input",
         ref: d,
         hidden: "",
         type: "file",
-        accept: l.accept,
-        multiple: l.multiple,
-        disabled: l.disabled || s.value,
-        onChange: e[6] || (e[6] = (t) => g(Array.from(t.target.files || [])))
-      }, null, 40, K),
-      l.showFileList ? (f(), c("div", P, [
-        (f(!0), c(S, null, A(o.value, (t) => (f(), c("div", {
-          key: t.uid,
+        accept: n.accept,
+        multiple: n.multiple,
+        disabled: n.disabled || u.value,
+        onChange: e[6] || (e[6] = (a) => z(Array.from(a.target.files || [])))
+      }, null, 40, J),
+      n.showFileList ? (p(), y("div", O, [
+        (p(!0), y(H, null, K(o.value, (a) => (p(), y("div", {
+          key: a.uid,
           class: "hys-ui-upload-file"
         }, [
-          y(p(E), { size: 16 }),
-          k(a.$slots, "file", { file: t }, () => [
-            N(z(t.name), 1)
+          k(g(X), { size: 16 }),
+          C(i.$slots, "file", { file: a }, () => [
+            P(U(a.name), 1)
           ], !0),
-          u("button", {
+          m("button", {
             type: "button",
-            "aria-label": "移除" + t.name,
-            disabled: l.disabled,
-            onClick: (n) => U(t)
+            "aria-label": "移除" + a.name,
+            disabled: n.disabled,
+            onClick: (t) => F(a)
           }, [
-            y(p(R), { size: 14 })
-          ], 8, I)
+            k(g(j), { size: 14 })
+          ], 8, Q)
         ]))), 128))
-      ])) : V("", !0)
+      ])) : I("", !0)
     ], 16));
   }
 });
 export {
-  q as default
+  ee as default
 };

package/dist/composables/formContext.js

@@ -1,5 +1,11 @@
-const o = Symbol("hys-ui-form"), y = Symbol("hys-ui-field");
+const i = Symbol("hys-ui-form"), d = Symbol("hys-ui-field");
+function n(e) {
+  if (!e || e.closest("[inert],fieldset[disabled]") || e.getAttribute("aria-disabled") === "true") return;
+  const t = e.matches('input,button,textarea,select,a[href],[tabindex],[contenteditable="true"]') ? e : e.querySelector('input:checked:not(:disabled),input:not(:disabled):not([hidden]),button:not(:disabled),[tabindex]:not([tabindex="-1"])');
+  t == null || t.focus();
+}
 export {
-  y as fieldKey,
-  o as formKey
+  d as fieldKey,
+  n as focusHysField,
+  i as formKey
 };

package/dist/composables/toastEscape.js

@@ -0,0 +1,16 @@
+const e = [];
+function i(t) {
+  if (t.key !== "Escape" || t.defaultPrevented) return;
+  const n = e.at(-1);
+  n && (t.preventDefault(), n.close());
+}
+function o(t) {
+  const n = { close: t };
+  return e.length || document.addEventListener("keydown", i), e.push(n), () => {
+    const s = e.indexOf(n);
+    s >= 0 && e.splice(s, 1), e.length || document.removeEventListener("keydown", i);
+  };
+}
+export {
+  o as registerToastEscape
+};

package/dist/composables/useDialog.js

@@ -2,13 +2,13 @@ import { ref as k, computed as D, onActivated as w, onDeactivated as x, watch as
 import { lockBodyScroll as T, registerOverlay as A } from "./overlayManager.js";
 const C = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
 function B(h, t, m) {
-  const i = k(!0), s = D(() => h.value && i.value);
+  const o = k(!0), s = D(() => h.value && o.value);
   w(() => {
-    i.value = !0;
+    o.value = !0;
   }), x(() => {
-    i.value = !1, c++, f();
+    o.value = !1, c++, f();
   });
-  let d = null, a, u, c = 0;
+  let d = null, i, u, c = 0;
   function v() {
     var e;
     return Array.from(((e = t.value) == null ? void 0 : e.querySelectorAll(C)) ?? []).filter((n) => n.getClientRects().length > 0 && getComputedStyle(n).visibility !== "hidden");
@@ -25,31 +25,31 @@ function B(h, t, m) {
       e.preventDefault(), t.value.focus();
       return;
     }
-    const r = n[0], l = n[n.length - 1];
-    e.shiftKey && (document.activeElement === r || document.activeElement === t.value || !t.value.contains(document.activeElement)) ? (e.preventDefault(), l.focus()) : !e.shiftKey && (document.activeElement === l || !t.value.contains(document.activeElement)) && (e.preventDefault(), r.focus());
+    const l = n[0], r = n[n.length - 1];
+    e.shiftKey && (document.activeElement === l || document.activeElement === t.value || !t.value.contains(document.activeElement)) ? (e.preventDefault(), r.focus()) : !e.shiftKey && (document.activeElement === r || !t.value.contains(document.activeElement)) && (e.preventDefault(), l.focus());
   }
   function p(e) {
     !s.value || !(u != null && u()) || !t.value || e.target instanceof Node && !t.value.contains(e.target) && (v()[0] ?? t.value).focus();
   }
   function f() {
-    a == null || a(), a = void 0, u = void 0, document.removeEventListener("keydown", y, !0), document.removeEventListener("focusin", p, !0);
+    i == null || i(), i = void 0, u = void 0, document.removeEventListener("keydown", y, !0), document.removeEventListener("focusin", p, !0);
   }
   return L(s, async (e) => {
-    var r, l;
+    var l, r;
     const n = ++c;
     if (e) {
       f(), d = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-      const o = T(), E = A("dialog", m);
-      u = E.isTop, a = () => {
-        E.unregister(), o();
-      }, document.addEventListener("keydown", y, !0), document.addEventListener("focusin", p, !0), await b(), n === c && s.value && ((l = ((r = t.value) == null ? void 0 : r.querySelector("[autofocus]")) ?? v()[0] ?? t.value) == null || l.focus());
+      const a = T(), E = A("dialog", m);
+      u = E.isTop, i = () => {
+        E.unregister(), a();
+      }, document.addEventListener("keydown", y, !0), document.addEventListener("focusin", p, !0), await b(), n === c && s.value && ((r = ((l = t.value) == null ? void 0 : l.querySelector("[autofocus]")) ?? v()[0] ?? t.value) == null || r.focus());
     } else {
-      const o = d;
-      f(), await b(), n === c && i.value && (o != null && o.isConnected) && o.focus();
+      const a = d;
+      f(), await b(), n === c && o.value && (a != null && a.isConnected) && a.focus();
     }
   }, { immediate: !0, flush: "post" }), S(() => {
-    c++, f();
-  }), { active: i };
+    o.value = !1, c++, f();
+  }), { active: o };
 }
 export {
   B as useDialog

package/dist/composables/useFloating.js

@@ -1,34 +1,34 @@
-import { ref as y, onDeactivated as R, onBeforeUnmount as q, nextTick as D } from "vue";
-import { registerOverlay as H } from "./overlayManager.js";
-function O(f, u, m = {}) {
-  const a = y(!1), E = y(!1), L = y({ position: "fixed", top: "0px", left: "0px", visibility: "hidden" }), z = y(m.placement ?? "bottom-start"), d = m.gap ?? 8, r = m.padding ?? 10;
-  let M = 0, p, c, g = 0;
-  function W() {
-    if (!a.value || !f.value || !u.value) return;
+import { ref as E, onDeactivated as q, onBeforeUnmount as D, nextTick as H } from "vue";
+import { registerOverlay as I } from "./overlayManager.js";
+function P(f, a, m = {}) {
+  const l = E(!1), W = E(!1), M = E({ position: "fixed", top: "0px", left: "0px", visibility: "hidden" }), A = E(m.placement ?? "bottom-start"), d = m.gap ?? 8, r = m.padding ?? 10;
+  let L = 0, h, c, g = 0;
+  function $() {
+    if (!l.value || !f.value || !a.value) return;
     const t = f.value.getBoundingClientRect();
     if (!t.width && !t.height) {
       s();
       return;
     }
-    const e = document.documentElement.clientWidth, n = document.documentElement.clientHeight, o = Math.min(t.width, Math.max(0, e - 2 * r));
-    m.matchWidth && (u.value.style.width = `${o}px`, u.value.style.minWidth = "0", u.value.style.maxWidth = `${o}px`);
-    const h = u.value.getBoundingClientRect(), v = Math.min(h.width, Math.max(0, e - 2 * r)), w = Math.min(h.height, Math.max(0, n - 2 * r));
+    const e = document.documentElement.clientWidth, n = document.documentElement.clientHeight, o = Math.min(t.width, Math.max(0, e - 2 * r)), v = typeof m.matchWidth == "function" ? m.matchWidth() : m.matchWidth;
+    v === !0 && (a.value.style.width = `${o}px`, a.value.style.minWidth = "0", a.value.style.maxWidth = `${o}px`), v === "min" && (a.value.style.width = "max-content", a.value.style.minWidth = `${o}px`, a.value.style.maxWidth = `calc(100vw - ${r * 2}px)`);
+    const w = a.value.getBoundingClientRect(), p = Math.min(w.width, Math.max(0, e - 2 * r)), x = Math.min(w.height, Math.max(0, n - 2 * r));
     let i = m.placement ?? "bottom-start";
-    const k = n - t.bottom - d, $ = t.top - d;
-    i.startsWith("bottom") && k < w && $ > k ? i = i.replace("bottom", "top") : i.startsWith("top") && $ < w && k > $ ? i = i.replace("top", "bottom") : i === "right" && e - t.right - d < v && t.left > e - t.right ? i = "left" : i === "left" && t.left - d < v && e - t.right > t.left && (i = "right");
-    let x = i.endsWith("end") ? t.right - v : t.left, b = i.startsWith("top") ? t.top - w - d : t.bottom + d;
-    (i === "right" || i === "left") && (x = i === "right" ? t.right + d : t.left - v - d, b = t.top + (t.height - w) / 2), x = Math.max(r, Math.min(x, e - v - r)), b = Math.max(r, Math.min(b, n - w - r)), z.value = i, L.value = { ...m.matchWidth ? { width: `${o}px`, minWidth: "0" } : {}, position: "fixed", left: `${Math.round(x)}px`, top: `${Math.round(b)}px`, visibility: "visible", zIndex: "1200", maxWidth: `calc(100vw - ${r * 2}px)`, maxHeight: `calc(100vh - ${r * 2}px)`, overflowY: "auto", overscrollBehavior: "contain" };
+    const k = n - t.bottom - d, z = t.top - d;
+    i.startsWith("bottom") && k < x && z > k ? i = i.replace("bottom", "top") : i.startsWith("top") && z < x && k > z ? i = i.replace("top", "bottom") : i === "right" && e - t.right - d < p && t.left > e - t.right ? i = "left" : i === "left" && t.left - d < p && e - t.right > t.left && (i = "right");
+    let y = i.endsWith("end") ? t.right - p : t.left, b = i.startsWith("top") ? t.top - x - d : t.bottom + d;
+    (i === "right" || i === "left") && (y = i === "right" ? t.right + d : t.left - p - d, b = t.top + (t.height - x) / 2), y = Math.max(r, Math.min(y, e - p - r)), b = Math.max(r, Math.min(b, n - x - r)), A.value = i, M.value = { ...v === !0 ? { width: `${o}px`, minWidth: "0" } : v === "min" ? { width: "max-content", minWidth: `${o}px` } : {}, position: "fixed", left: `${Math.round(y)}px`, top: `${Math.round(b)}px`, visibility: "visible", zIndex: "1200", maxWidth: `calc(100vw - ${r * 2}px)`, maxHeight: `calc(100vh - ${r * 2}px)`, overflowY: "auto", overscrollBehavior: "contain" };
   }
-  function l() {
-    cancelAnimationFrame(M), M = requestAnimationFrame(W);
+  function u() {
+    cancelAnimationFrame(L), L = requestAnimationFrame($);
   }
-  function A(t) {
+  function F(t) {
     var e, n;
-    c != null && c() && !((e = f.value) != null && e.contains(t.target)) && !((n = u.value) != null && n.contains(t.target)) && s();
+    c != null && c() && !((e = f.value) != null && e.contains(t.target)) && !((n = a.value) != null && n.contains(t.target)) && s();
   }
-  function F(t) {
+  function B(t) {
     var e, n;
-    if (!(!a.value || !(c != null && c()))) {
+    if (!(!l.value || !(c != null && c()))) {
       if (t.key === "Escape")
         t.preventDefault(), t.stopImmediatePropagation(), s(!0);
       else if (t.key === "Tab") {
@@ -37,46 +37,46 @@ function O(f, u, m = {}) {
           s();
           return;
         }
-        if ((n = u.value) != null && n.contains(o)) {
-          const h = Array.from(u.value.querySelectorAll('a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])')).filter((v) => v.getClientRects().length && !v.closest("[inert]"));
-          (!h.length || o === (t.shiftKey ? h[0] : h.at(-1))) && s(!0);
+        if ((n = a.value) != null && n.contains(o)) {
+          const v = Array.from(a.value.querySelectorAll('a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])')).filter((w) => w.getClientRects().length && !w.closest("[inert]"));
+          (!v.length || o === (t.shiftKey ? v[0] : v.at(-1))) && s(!0);
         }
       }
     }
   }
-  function B() {
+  function C() {
     var t, e;
-    document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", F, !0), window.removeEventListener("resize", l), window.removeEventListener("scroll", l, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", l), (e = window.visualViewport) == null || e.removeEventListener("scroll", l), cancelAnimationFrame(M), p == null || p(), p = void 0, c = void 0;
+    document.removeEventListener("pointerdown", F, !0), document.removeEventListener("keydown", B, !0), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", u), (e = window.visualViewport) == null || e.removeEventListener("scroll", u), cancelAnimationFrame(L), h == null || h(), h = void 0, c = void 0;
   }
   function s(t = !1) {
     var e;
-    if (g++, !!a.value && (a.value = !1, B(), t && ((e = f.value) != null && e.isConnected))) {
-      E.value = !0;
+    if (g++, !!l.value && (l.value = !1, C(), t && ((e = f.value) != null && e.isConnected))) {
+      W.value = !0;
       try {
         f.value.focus();
       } finally {
-        E.value = !1;
+        W.value = !1;
       }
     }
   }
-  async function C() {
+  async function V() {
     var n, o;
-    if (a.value) {
-      l();
+    if (l.value) {
+      u();
       return;
     }
     const t = ++g;
-    if (a.value = !0, L.value = { position: "fixed", top: "0px", left: "0px", visibility: "hidden" }, await D(), t !== g || !a.value) return;
-    const e = H("floating", () => s(!0));
-    p = e.unregister, c = e.isTop, W(), document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", F, !0), window.addEventListener("resize", l), window.addEventListener("scroll", l, !0), (n = window.visualViewport) == null || n.addEventListener("resize", l), (o = window.visualViewport) == null || o.addEventListener("scroll", l);
+    if (l.value = !0, M.value = { position: "fixed", top: "0px", left: "0px", visibility: "hidden" }, await H(), t !== g || !l.value) return;
+    const e = I("floating", () => s(!0));
+    h = e.unregister, c = e.isTop, $(), document.addEventListener("pointerdown", F, !0), document.addEventListener("keydown", B, !0), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), (n = window.visualViewport) == null || n.addEventListener("resize", u), (o = window.visualViewport) == null || o.addEventListener("scroll", u);
   }
-  function V() {
-    return a.value ? s() : C();
+  function R() {
+    return l.value ? s() : V();
   }
-  return R(() => s()), q(() => {
-    g++, B();
-  }), { open: a, style: L, placement: z, update: W, show: C, close: s, toggle: V, restoringFocus: E };
+  return q(() => s()), D(() => {
+    g++, C();
+  }), { open: l, style: M, placement: A, update: $, show: V, close: s, toggle: R, restoringFocus: W };
 }
 export {
-  O as useFloating
+  P as useFloating
 };

package/dist/composables/useHysToast.js

@@ -0,0 +1,148 @@
+import { defineComponent as k, createApp as F, h as m, getCurrentInstance as Q, shallowReactive as A, Fragment as R, onDeactivated as B, onActivated as N, onScopeDispose as P, nextTick as W, render as b } from "vue";
+import X from "../components/HysToast/HysToast.vue.js";
+import { provideHysConfig as z, useHysRootAttrs as G } from "../config.js";
+let J = 0;
+const g = (n = "top-center") => n === "top" ? "top-center" : n === "bottom" ? "bottom-center" : n;
+function K(n = {}) {
+  const l = Q();
+  if (!l) throw new Error("useHysToast must be called during component setup");
+  const p = G(), a = A([]), d = /* @__PURE__ */ new Map();
+  let r, x = !0, v = !1;
+  const M = Number.isFinite(n.maxCount) ? Math.max(1, Math.floor(n.maxCount)) : 5, w = (e) => typeof e == "string" ? { message: e } : e;
+  function C(e) {
+    try {
+      e == null || e();
+    } catch (o) {
+      try {
+        l.appContext.config.errorHandler ? l.appContext.config.errorHandler(o, l.proxy, "HysToast callback") : console.error(o);
+      } catch (s) {
+        console.error(s);
+      }
+    }
+  }
+  function H(e) {
+    if (e.finished) return;
+    e.finished = !0;
+    const o = a.indexOf(e);
+    o >= 0 && a.splice(o, 1), d.delete(e.token), e.resolve(), C(e.onAfterClose);
+    const s = r;
+    W(() => {
+      s && s === r && !a.length && (b(null, s), s.remove(), r = void 0);
+    });
+  }
+  function h(e) {
+    if (!(e.closing || e.finished)) {
+      e.closing = !0;
+      try {
+        C(e.onClose);
+      } finally {
+        const o = d.get(e.token);
+        o ? o.close() : H(e);
+      }
+    }
+  }
+  function I(e, o) {
+    if (e.closing || e.finished || v) return;
+    const s = w(o), t = e.type;
+    Object.assign(e, s, { id: e.id }), s.type && s.type !== t && s.duration === void 0 && (e.duration = s.type === "loading" ? 0 : n.duration), W(() => {
+      var f;
+      e.closing || (f = d.get(e.token)) == null || f.restart();
+    });
+  }
+  function j(e) {
+    const o = g(e.position), s = Math.max(0, e.offset ?? 24) + "px", t = { position: "fixed", width: "max-content", display: "flex", flexDirection: o.startsWith("bottom") ? "column-reverse" : "column", gap: "10px", alignItems: o.endsWith("left") ? "flex-start" : o.endsWith("right") ? "flex-end" : "center", maxWidth: `calc(100vw - ${Math.max(16, e.offset ?? 24) * 2}px)`, pointerEvents: "none", zIndex: e.zIndex ?? 2e3 };
+    return o === "center" ? Object.assign(t, { left: "50%", top: "50%", transform: "translate(-50%,-50%)" }) : (o.startsWith("bottom") ? t.bottom = `max(${s},env(safe-area-inset-bottom))` : t.top = `max(${s},env(safe-area-inset-top))`, o.endsWith("left") ? t.left = `max(${s},env(safe-area-inset-left))` : o.endsWith("right") ? t.right = `max(${s},env(safe-area-inset-right))` : Object.assign(t, { left: "50%", transform: "translateX(-50%)" })), t;
+  }
+  const q = k({
+    name: "HysToastQueue",
+    setup() {
+      return z({ theme: () => p.value["data-hys-theme"], motion: () => p.value["data-hys-motion"] }), () => {
+        const e = /* @__PURE__ */ new Map();
+        for (const o of a) {
+          const s = `${g(o.position)}:${o.offset ?? 24}:${o.zIndex ?? 2e3}`, t = e.get(s) || [];
+          t.push(o), e.set(s, t);
+        }
+        return m(R, [...e].map(([o, s]) => m("div", { key: o, ...p.value, class: "hys-ui-toast-stack", style: j(s[0]) }, s.map((t) => m(X, {
+          key: t.token,
+          ref: (f) => {
+            f ? d.set(t.token, f) : d.delete(t.token);
+          },
+          "data-toast-id": t.id,
+          message: t.message,
+          type: t.type,
+          duration: t.duration,
+          closable: t.closable ?? !0,
+          showIcon: t.showIcon ?? !0,
+          pauseOnHover: t.pauseOnHover ?? !0,
+          closeOnEscape: t.closeOnEscape,
+          position: t.position,
+          offset: t.offset,
+          zIndex: t.zIndex,
+          plain: t.plain,
+          repeat: t.repeat,
+          teleport: !1,
+          onClose: () => h(t),
+          onAfterClose: () => H(t)
+        }, {
+          ...t.content !== void 0 ? { default: () => typeof t.content == "function" ? t.content() : t.content } : {},
+          ...t.icon !== void 0 ? { icon: () => typeof t.icon == "function" ? t.icon() : t.icon } : {}
+        })))));
+      };
+    }
+  });
+  function D() {
+    if (r) return;
+    const e = typeof n.appendTo == "string" ? document.querySelector(n.appendTo) : n.appendTo ?? document.body;
+    if (!e) throw new Error("Toast appendTo target was not found");
+    r = document.createElement("div"), r.dataset.hysToastHost = "", e.appendChild(r);
+    const o = m(q);
+    o.appContext = l.appContext, b(o, r);
+  }
+  function O(e) {
+    const o = w(e), s = { type: "info", ...n, ...o };
+    s.type === "loading" && o.duration === void 0 && (s.duration = 0);
+    const t = a.find((i) => !i.closing && (o.id && i.id === o.id || s.grouping && o.message && o.content === void 0 && i.message === o.message && i.type === s.type && g(i.position) === g(s.position)));
+    if (t)
+      return o.id || t.repeat++, I(t, o), t.handle;
+    const f = "hys-toast-" + ++J, $ = o.id ?? f;
+    let T;
+    const S = new Promise((i) => {
+      T = i;
+    }), c = A({ ...s, token: f, id: $, repeat: 1, closing: !1, finished: !1, resolve: T });
+    if (c.handle = { id: $, closed: S, close: () => h(c), update: (i) => I(c, i) }, v || !x || !c.message && (c.content == null || c.content === !1 || c.content === ""))
+      return c.finished = !0, T(), c.handle;
+    for (; a.filter((i) => !i.closing).length >= M; ) h(a.find((i) => !i.closing));
+    return D(), a.push(c), c.handle;
+  }
+  function E() {
+    for (const e of [...a])
+      e.closing || (e.closing = !0, C(e.onClose)), H(e);
+    r && (b(null, r), r.remove(), r = void 0);
+  }
+  B(() => {
+    x = !1, E();
+  }), N(() => {
+    x = !0;
+  }), P(() => {
+    v = !0, E();
+  });
+  const u = (e) => (o) => O({ ...w(o), type: e });
+  return { show: O, success: u("success"), info: u("info"), warning: u("warning"), error: u("error"), loading: u("loading"), closeAll: () => {
+    for (const e of [...a]) h(e);
+  } };
+}
+function Y(n = {}) {
+  let l, p = !1;
+  const a = k({ setup() {
+    return l = K(n), () => null;
+  } }), d = F(k({ setup() {
+    return z(n), () => m(a);
+  } }));
+  return d.mount(document.createElement("div")), { ...l, dispose() {
+    p || (p = !0, d.unmount());
+  } };
+}
+export {
+  Y as createHysToast,
+  K as useHysToast
+};

package/dist/config.js

@@ -1,21 +1,24 @@
-import { computed as s, toValue as i, inject as u, provide as r } from "vue";
-const n = Symbol("hys-ui-config");
-function f(e) {
-  const t = u(n, {});
-  r(n, { theme: e.theme ?? t.theme, motion: e.motion ?? t.motion });
+import { computed as a, toValue as s, provide as m, getCurrentInstance as i, inject as f } from "vue";
+const u = Symbol("hys-ui-config"), r = /* @__PURE__ */ new WeakMap();
+function h(t) {
+  const e = c(), n = { theme: t.theme ?? e.theme, motion: t.motion ?? e.motion };
+  m(u, n);
+  const o = i();
+  o && r.set(o, n);
 }
-function m() {
-  return u(n, {});
+function c() {
+  const t = i();
+  return t && r.get(t) || f(u, {});
 }
-function l() {
-  const e = m();
-  return s(() => {
-    const t = i(e.theme), o = i(e.motion);
-    return { "data-hys-ui": "", "data-hys-theme": t && ["blue", "dark", "green", "purple", "orange", "forest"].includes(t) ? t : "blue", "data-hys-motion": o && ["full", "subtle", "off"].includes(o) ? o : "subtle" };
+function d() {
+  const t = c();
+  return a(() => {
+    const e = s(t.theme), n = s(t.motion);
+    return { "data-hys-ui": "", "data-hys-theme": e && ["blue", "dark", "green", "purple", "orange", "forest"].includes(e) ? e : "blue", "data-hys-motion": n && ["full", "subtle", "off"].includes(n) ? n : "subtle" };
   });
 }
 export {
-  f as provideHysConfig,
-  m as useHysConfig,
-  l as useHysRootAttrs
+  h as provideHysConfig,
+  c as useHysConfig,
+  d as useHysRootAttrs
 };