hys-ui 0.4.0 → 0.6.0

package/dist/composables/numberAnimationSequence.js

@@ -0,0 +1,45 @@
+import { hysNumberAnimationCatalog as w } from "./numberAnimationCatalog.js";
+const A = new Map(
+  w.filter(({ category: o }) => o === "sequence").map(({ name: o, variant: m }) => [o, m])
+), l = (o, m, c) => typeof o == "number" && Number.isFinite(o) ? Math.max(0, Math.min(c, o)) : m;
+function j(o, m, c = {}) {
+  const n = Math.floor(l(m, 0, 256)), M = l(c.duration, 650, 6e4), f = l(c.interval, 130, 6e4), u = Math.max(1, Math.floor(l(c.columns, 3, n))), r = A.get(o) ?? 0, p = l(c.seed, 17, 2147483647), e = Array.from({ length: n }, (a, t) => t);
+  for (let a = e.length - 1; a > 0; a--) {
+    const t = ((Math.imul(a + 1, 2246822507) ^ Math.imul(p + 1, 3266489909)) >>> 0) % (a + 1);
+    [e[a], e[t]] = [e[t], e[a]];
+  }
+  const g = new Map(e.map((a, t) => [a, t]));
+  return Array.from({ length: n }, (a, t) => {
+    const y = Math.min(t, n - t - 1), N = Math.floor(Math.abs(t - (n - 1) / 2)), s = Math.floor(t / u), h = t % u, b = [
+      t,
+      s + h,
+      Math.floor(t / 2),
+      N,
+      y,
+      g.get(t),
+      t,
+      0,
+      t % 2,
+      t,
+      t * 1.15,
+      t % 3 * 2,
+      t + s,
+      y,
+      s,
+      s + h,
+      s * u + (s % 2 ? u - 1 - h : h),
+      g.get(t),
+      s,
+      h
+    ][r] * (r === 9 ? M : f), q = r === 7 ? t * f : 0;
+    return {
+      index: r === 17 ? e[t] : t,
+      delay: b,
+      duration: r === 6 ? Math.max(0, M + Math.max(0, n - 1) * f - b) : M + q,
+      reverse: (r === 8 || r === 13) && t % 2 === 1
+    };
+  });
+}
+export {
+  j as createHysNumberSequence
+};

package/dist/composables/popupReferenceBinding.js

@@ -0,0 +1,41 @@
+function l(b, n, o) {
+  let e, i;
+  function s(t) {
+    if (!(!e || !i))
+      if (b === "tooltip") {
+        const r = t ? [i["aria-describedby"], n].filter(Boolean).join(" ") : i["aria-describedby"];
+        r ? e.setAttribute("aria-describedby", r) : e.removeAttribute("aria-describedby");
+      } else {
+        e.setAttribute(
+          "aria-haspopup",
+          i["aria-haspopup"] ?? "dialog"
+        ), e.setAttribute("aria-expanded", String(t));
+        const r = t ? n : i["aria-controls"];
+        r ? e.setAttribute("aria-controls", r) : e.removeAttribute("aria-controls");
+      }
+  }
+  function c() {
+    if (e)
+      for (const [t, r] of Object.entries(o))
+        e.removeEventListener(t, r);
+    if (e && i)
+      for (const [t, r] of Object.entries(i))
+        r === null ? e.removeAttribute(t) : e.setAttribute(t, r);
+    i = void 0, e = void 0;
+  }
+  function u(t, r) {
+    if (c(), !!t) {
+      e = t, i = Object.fromEntries(
+        ["aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup"].map(
+          (a) => [a, t.getAttribute(a)]
+        )
+      ), s(r);
+      for (const [a, f] of Object.entries(o))
+        t.addEventListener(a, f);
+    }
+  }
+  return { attach: u, detach: c, syncAria: s };
+}
+export {
+  l as createPopupReferenceBinding
+};

package/dist/composables/textInput.js

@@ -1,7 +1,14 @@
-let f;
-function u(t) {
+function l(t) {
+  return t === "small" ? "sm" : t === "middle" || t === "default" ? "md" : t === "large" ? "lg" : t;
+}
+function h(t, n) {
+  const r = n != null && n.trim ? t.trim() : t, e = n != null && n.number ? parseFloat(r) : NaN;
+  return Number.isNaN(e) ? r : String(e);
+}
+let c;
+function f(t) {
   const n = Intl.Segmenter;
-  return n && (f ?? (f = new n(void 0, { granularity: "grapheme" })), f) ? Array.from(f.segment(t), (r) => r.segment) : Array.from(t);
+  return n && (c ?? (c = new n(void 0, { granularity: "grapheme" })), c) ? Array.from(c.segment(t), (r) => r.segment) : Array.from(t);
 }
 function m(t, n) {
   if (typeof n == "function")
@@ -10,25 +17,27 @@ function m(t, n) {
       if (Number.isFinite(r) && r >= 0) return r;
     } catch {
     }
-  return n ? u(t).length : t.length;
+  return n ? f(t).length : t.length;
 }
-function h(t, n, r) {
+function g(t, n, r) {
   if (n === void 0 || m(t, r) <= n) return t;
-  const i = r ? u(t) : Array.from(t);
-  let e = 0, o = i.length;
-  for (; e < o; ) {
-    const c = Math.ceil((e + o) / 2);
-    m(i.slice(0, c).join(""), r) <= n ? e = c : o = c - 1;
+  const e = r ? f(t) : Array.from(t);
+  let o = 0, i = e.length;
+  for (; o < i; ) {
+    const u = Math.ceil((o + i) / 2);
+    m(e.slice(0, u).join(""), r) <= n ? o = u : i = u - 1;
   }
-  return i.slice(0, e).join("");
+  return e.slice(0, o).join("");
 }
-function s(t) {
+function N(t) {
   if (t === void 0 || t === "") return;
   const n = Number(t);
   return Number.isFinite(n) && n >= 0 ? Math.floor(n) : void 0;
 }
 export {
+  h as modelText,
   m as textCount,
-  s as textLengthLimit,
-  h as textLimit
+  l as textInputSize,
+  N as textLengthLimit,
+  g as textLimit
 };

package/dist/composables/toastEscape.js

@@ -1,16 +1,24 @@
 const e = [];
-function i(t) {
-  if (t.key !== "Escape" || t.defaultPrevented) return;
-  const n = e.at(-1);
-  n && (t.preventDefault(), n.close());
+function c(n) {
+  var i;
+  if (n.key !== "Escape" || n.defaultPrevented) return;
+  const r = document.activeElement;
+  let t = e.at(-1);
+  for (let o = e.length - 1; o >= 0; o--)
+    if ((i = e[o].element()) != null && i.contains(r)) {
+      t = e[o];
+      break;
+    }
+  t && (n.preventDefault(), t.close(n));
 }
-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);
+function d(n, r) {
+  if (typeof document > "u") return;
+  const t = { close: n, element: r };
+  return e.length || document.addEventListener("keydown", c), e.push(t), () => {
+    const i = e.indexOf(t);
+    i >= 0 && e.splice(i, 1), e.length || document.removeEventListener("keydown", c);
   };
 }
 export {
-  o as registerToastEscape
+  d as registerToastEscape
 };

package/dist/composables/toastQueue.js

@@ -0,0 +1,276 @@
+import { shallowRef as oe, shallowReactive as H, nextTick as J } from "vue";
+import { finite as f, toastDuration as L, normalizeToastPosition as N } from "../components/HysToast/toastPresentation.js";
+import { context as U, matches as V, snapshot as D, defaults as se, toastStackKey as X, asOptions as W, nextToastSequence as ie } from "./toastQueueModel.js";
+import { createToastTaskRunner as ne } from "./toastTasks.js";
+function de(Y, j, B) {
+  const l = oe({ ...Y }), a = H(/* @__PURE__ */ new Map()), c = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Set();
+  let p = !0, K = !1, v = 0, Q = !1, A = !1;
+  function m(e, ...t) {
+    try {
+      e == null || e(...t);
+    } catch (o) {
+      B(o);
+    }
+  }
+  function k(e, t) {
+    e.status = t, m(e.options.onStateChange, D(e));
+  }
+  function P() {
+    return Math.max(1, Math.floor(f(l.value.maxCount, 5)));
+  }
+  function C(e) {
+    switch (l.value.queueScope) {
+      case "position":
+        return N(e.options.position);
+      case "type":
+        return e.options.type ?? "info";
+      case "group":
+        return e.options.group ?? "";
+      default:
+        return "";
+    }
+  }
+  function M(e, t) {
+    return f(t.options.priority, 0) - f(e.options.priority, 0) || (l.value.queueOrder === "lifo" ? t.serial - e.serial : e.serial - t.serial);
+  }
+  function g() {
+    if (!(!p || v)) {
+      if (Q) {
+        A = !0;
+        return;
+      }
+      Q = !0;
+      try {
+        A = !1;
+        const e = /* @__PURE__ */ new Map(), t = [], o = l.value.overflow === "queue";
+        for (const s of a.values())
+          if (s.status === "queued") t.push(s);
+          else if (s.status === "visible" || s.status === "closing" && o) {
+            const i = C(s);
+            e.set(i, (e.get(i) ?? 0) + 1);
+          }
+        for (const s of t.sort(M)) {
+          if (!p || s.status !== "queued") continue;
+          const i = C(s), u = e.get(i) ?? 0;
+          u >= P() || (e.set(i, u + 1), k(s, "visible"));
+        }
+      } finally {
+        Q = !1;
+      }
+      A && g();
+    }
+  }
+  function R(e, t) {
+    e.status === "closing" || e.status === "closed" || (e.closeContext = t, k(e, "closing"), m(e.options.onClose, t));
+  }
+  function S(e) {
+    if (e.status === "closed") return;
+    const t = e.closeContext;
+    a.get(e.id) === e && a.delete(e.id), c.delete(e.serial), x.delete(e.serial), q.delete(e), k(e, "closed"), e.resolve(), t && m(e.options.onAfterClose, t), g(), a.size || j.empty();
+  }
+  async function w(e, t = "api", o = !1) {
+    if (e.status === "closing" || e.status === "closed" || !o && q.has(e))
+      return;
+    const s = c.get(e.serial);
+    if (s) {
+      await s.close(t, void 0, o);
+      return;
+    }
+    const i = { ...U(e), reason: t };
+    if (!o && e.options.beforeClose) {
+      q.add(e);
+      try {
+        if (await e.options.beforeClose(i) === !1) return;
+      } catch {
+        return;
+      } finally {
+        q.delete(e);
+      }
+      if (e.status === "closed" || e.status === "closing")
+        return;
+      const u = c.get(e.serial);
+      if (u) {
+        await u.close(t, void 0, !0);
+        return;
+      }
+    }
+    R(e, i), S(e);
+  }
+  function T(e, t) {
+    var u;
+    if (!p || e.status === "closing" || e.status === "closed")
+      return;
+    const o = e.options, s = W(t), i = { ...o, ...s, id: e.id };
+    s.type && s.type !== o.type && !("duration" in s) && (i.duration = s.type === "loading" ? 0 : l.value.duration), i.message !== o.message || L(i) !== L(o) ? e.clock = void 0 : X(i) !== X(o) && (e.clock ?? (e.clock = (u = c.get(e.serial)) == null ? void 0 : u.snapshotClock())), e.options = i, (i.type !== o.type || i.group !== o.group || i.position !== o.position || i.priority !== o.priority) && (m(e.options.onStateChange, D(e)), g());
+  }
+  function Z(e) {
+    if (!(e.dedupe ?? (e.grouping ? "merge" : void 0)) || !e.dedupeKey && (!e.message || e.content !== void 0))
+      return;
+    const o = Date.now(), s = Math.max(0, f(e.dedupeWindow, 1 / 0));
+    return [...a.values()].find(
+      (i) => i.status !== "closing" && i.status !== "closed" && o - i.lastSeen <= s && i.options.group === e.group && (e.dedupeKey ? i.options.dedupeKey === e.dedupeKey : i.options.message === e.message && i.options.type === e.type && N(i.options.position) === N(e.position))
+    );
+  }
+  function b(e) {
+    var E;
+    const t = W(e), o = {
+      type: "info",
+      ...se(l.value),
+      ...t
+    };
+    o.type === "loading" && t.duration === void 0 && (o.duration = 0);
+    const s = t.id === void 0 ? void 0 : a.get(t.id);
+    if (s && s.status !== "closing" && s.status !== "closed")
+      return s.lastSeen = Date.now(), T(s, t), s.clock = void 0, J(() => {
+        var n;
+        return (n = c.get(s.serial)) == null ? void 0 : n.restart();
+      }), s.handle;
+    const i = Z(o);
+    if (i)
+      return i.lastSeen = Date.now(), o.dedupe !== "ignore" && (i.repeat++, T(i, t), (E = c.get(i.serial)) == null || E.restart()), i.handle;
+    const u = ie(), F = t.id ?? "hys-toast-" + u;
+    let O;
+    const y = new Promise((n) => {
+      O = n;
+    }), I = {
+      id: F,
+      closed: y,
+      close: () => {
+        w(d);
+      },
+      update: (n) => T(d, n),
+      extend: (n) => {
+        if (!Number.isFinite(n) || n <= 0 || !L(d.options))
+          return;
+        const r = c.get(u);
+        r ? r.extend(n) : d.extending += n;
+      },
+      pause: () => {
+        d.paused = !0;
+      },
+      resume: () => {
+        d.paused = !1;
+      }
+    }, d = H({
+      id: F,
+      serial: u,
+      options: o,
+      status: "queued",
+      repeat: 1,
+      paused: !1,
+      lastSeen: Date.now(),
+      extending: 0,
+      handle: I,
+      resolve: O
+    });
+    if (K || !p || typeof document > "u" || !o.message && !o.title && o.content == null && o.header == null)
+      return O(), I;
+    j.mount(), v++;
+    try {
+      (s == null ? void 0 : s.status) === "closing" && S(s), a.set(F, d);
+      const n = [...a.values()].filter(
+        (r) => r.status === "visible" && C(r) === C(d)
+      );
+      if (l.value.overflow !== "queue" && n.length >= P()) {
+        n.sort(
+          (r, G) => f(r.options.priority, 0) - f(G.options.priority, 0) || r.serial - G.serial
+        );
+        for (const r of n.slice(
+          0,
+          n.length - P() + 1
+        ))
+          w(r, "overflow", !0);
+      }
+      k(d, "queued");
+    } finally {
+      v--;
+    }
+    g();
+    const ee = [...a.values()].filter((n) => n.status === "queued").sort(M), te = Math.max(
+      0,
+      Math.floor(f(l.value.maxQueue, 1e3))
+    );
+    for (const n of ee.slice(te))
+      w(n, "overflow", !0);
+    return I;
+  }
+  function _(e, t, o) {
+    if (!t) {
+      x.get(e.serial) === o && (x.delete(e.serial), c.delete(e.serial));
+      return;
+    }
+    if (c.set(e.serial, t), x.set(e.serial, o), e.clock) {
+      const s = e.clock;
+      J(() => {
+        c.get(e.serial) !== t || e.clock !== s || (e.clock = void 0, t.restoreClock(s));
+      });
+    }
+    e.extending && (t.extend(e.extending), e.extending = 0);
+  }
+  async function z(e, t = !1) {
+    v++;
+    try {
+      await Promise.all(
+        [...a.values()].filter((o) => V(o, e)).map((o) => w(o, "api", t))
+      );
+    } finally {
+      v--, g();
+    }
+  }
+  function $(e = !1) {
+    p = !1, K || (K = e);
+    for (const t of [...a.values()])
+      R(t, { ...U(t), reason: "dispose" }), S(t);
+  }
+  const h = (e) => (t) => b({ ...W(t), type: e });
+  return {
+    api: {
+      show: b,
+      promise: ne(b, B),
+      success: h("success"),
+      info: h("info"),
+      warning: h("warning"),
+      error: h("error"),
+      loading: h("loading"),
+      close: (e) => {
+        const t = a.get(e);
+        t && w(t);
+      },
+      update: (e, t) => {
+        const o = a.get(e);
+        o && T(o, t);
+      },
+      find: (e) => {
+        const t = a.get(e);
+        return t && D(t);
+      },
+      list: (e) => [...a.values()].filter((t) => V(t, e)).sort(M).map(D),
+      closeAll: (e) => {
+        z(e);
+      },
+      closeType: (e) => {
+        z({ type: e });
+      },
+      clearQueue: () => {
+        z({ status: "queued" }, !0);
+      },
+      configure: (e) => {
+        l.value = { ...l.value, ...e }, g();
+      }
+    },
+    records: a,
+    settings: l,
+    order: M,
+    notify: m,
+    begin: R,
+    finish: S,
+    setInstance: _,
+    suspend: $,
+    resume: () => {
+      K || (p = !0);
+    }
+  };
+}
+export {
+  de as createToastQueue
+};

package/dist/composables/toastQueueModel.js

@@ -0,0 +1,86 @@
+import { normalizeToastPosition as e, finite as C } from "../components/HysToast/toastPresentation.js";
+let S = 0;
+const O = () => ++S, k = (o) => typeof o == "string" ? { message: o } : o;
+function z(o) {
+  const {
+    id: t,
+    content: s,
+    icon: i,
+    header: p,
+    footer: u,
+    renderActions: a,
+    priority: r,
+    group: d,
+    grouping: c,
+    dedupe: f,
+    dedupeKey: g,
+    dedupeWindow: n,
+    onShow: x,
+    onAfterShow: l,
+    onClose: q,
+    onAfterClose: w,
+    onClick: A,
+    onAction: T,
+    onStateChange: v,
+    ...m
+  } = o;
+  return m;
+}
+function K(o) {
+  return JSON.stringify([
+    e(o.position),
+    o.offsetX ?? o.offset ?? 24,
+    o.offsetY ?? o.offset ?? 24,
+    o.zIndex ?? 2e3,
+    o.coordinates
+  ]);
+}
+function I(o) {
+  const {
+    maxCount: t,
+    maxQueue: s,
+    overflow: i,
+    queueOrder: p,
+    queueScope: u,
+    layout: a,
+    gap: r,
+    collapsedCount: d,
+    layerCount: c,
+    layerTrigger: f,
+    appendTo: g,
+    ...n
+  } = o;
+  return n;
+}
+function h(o) {
+  return {
+    id: o.id,
+    message: o.options.message ?? "",
+    title: o.options.title,
+    type: o.options.type ?? "info"
+  };
+}
+function J(o) {
+  return {
+    ...h(o),
+    id: o.id,
+    status: o.status,
+    position: e(o.options.position),
+    group: o.options.group,
+    priority: C(o.options.priority, 0),
+    repeat: o.repeat
+  };
+}
+function N(o, t = {}) {
+  return (t.type === void 0 || t.type === o.options.type) && (t.group === void 0 || t.group === o.options.group) && (t.status === void 0 || t.status === o.status) && (t.position === void 0 || e(t.position) === e(o.options.position));
+}
+export {
+  k as asOptions,
+  h as context,
+  I as defaults,
+  N as matches,
+  O as nextToastSequence,
+  z as presentation,
+  J as snapshot,
+  K as toastStackKey
+};

package/dist/composables/toastTasks.js

@@ -0,0 +1,58 @@
+import { feedback as l } from "../components/HysToast/useToastActions.js";
+import { asOptions as k } from "./toastQueueModel.js";
+function v(d, u) {
+  const t = /* @__PURE__ */ new WeakMap();
+  function c(a, r = {}) {
+    var p;
+    const s = d({
+      actions: void 0,
+      progress: void 0,
+      ...r.options,
+      id: r.id ?? ((p = r.options) == null ? void 0 : p.id),
+      type: "loading",
+      message: "正在处理…",
+      duration: 0,
+      ...k(r.loading ?? {})
+    }), o = Symbol();
+    t.set(s, o);
+    const n = (e) => {
+      t.get(s) === o && s.update(e);
+    };
+    function i(e, f) {
+      try {
+        return l(e, f);
+      } catch (g) {
+        u(g);
+      }
+    }
+    const m = Promise.resolve().then(
+      () => typeof a == "function" ? a({
+        handle: s,
+        update: n,
+        progress: (e) => n({ progress: e })
+      }) : a
+    ).then(
+      (e) => (t.get(s) === o && (n({
+        type: "success",
+        message: "操作成功",
+        progress: void 0,
+        persistent: !1,
+        ...i(r.success, e)
+      }), t.delete(s)), e),
+      (e) => {
+        throw t.get(s) === o && (n({
+          type: "error",
+          message: "操作失败",
+          progress: void 0,
+          persistent: !1,
+          ...i(r.error, e)
+        }), t.delete(s)), e;
+      }
+    );
+    return { handle: s, promise: m };
+  }
+  return c;
+}
+export {
+  v as createToastTaskRunner
+};