hys-ui 0.5.0 → 0.7.0

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/popupSurfaceStyle.js

@@ -0,0 +1,30 @@
+import { computed as o } from "vue";
+function r(t) {
+  return typeof t != "number" ? t : Number.isFinite(t) ? Math.max(0, t) + "px" : void 0;
+}
+function c(t, e) {
+  return r(t.maxWidth) ?? (e === "tooltip" ? "320px" : "360px");
+}
+function m(t, e, u) {
+  const h = o(() => {
+    const i = (t.effect ?? (e === "tooltip" ? "dark" : "light")) === "dark";
+    return {
+      ...t.overlayStyle,
+      ...u.value,
+      "--hys-ui-popup-surface": t.color || (i ? "#172744" : "var(--hys-ui-surface,var(--hys-ui-theme-surface))"),
+      "--hys-ui-popup-color": t.textColor || (i ? "#fff" : "var(--hys-ui-text,var(--hys-ui-theme-text))"),
+      "--hys-ui-popup-border": t.color || (i ? "#172744" : "var(--hys-ui-border,var(--hys-ui-theme-border))"),
+      overflow: "visible",
+      maxWidth: `min(${c(t, e)},calc(100vw - 20px))`,
+      minWidth: t.width !== void 0 ? "0" : void 0
+    };
+  }), a = o(() => ({
+    ...t.contentStyle,
+    maxHeight: t.maxHeight !== void 0 ? `min(${r(t.maxHeight)},calc(100vh - 20px))` : "calc(100vh - 20px)"
+  }));
+  return { style: h, contentStyle: a };
+}
+export {
+  c as popupMaximumWidth,
+  m as usePopupSurfaceStyle
+};

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
+};

package/dist/composables/useContainerWidth.js

@@ -0,0 +1,24 @@
+import { ref as r, watch as f, onMounted as a, onActivated as s, onDeactivated as v, onBeforeUnmount as c, computed as w } from "vue";
+function p(e) {
+  const u = r(0);
+  let t, i = !0;
+  const n = () => {
+    e.value && (u.value = e.value.clientWidth || e.value.getBoundingClientRect().width);
+  };
+  function o() {
+    t == null || t.disconnect(), t = void 0, typeof window < "u" && window.removeEventListener("resize", n);
+  }
+  function d() {
+    o(), !(!i || !e.value) && (n(), typeof ResizeObserver < "u" ? (t = new ResizeObserver(n), t.observe(e.value)) : typeof window < "u" && window.addEventListener("resize", n));
+  }
+  return f(e, d), a(d), s(() => {
+    i = !0, d();
+  }), v(() => {
+    i = !1, o();
+  }), c(() => {
+    i = !1, o();
+  }), w(() => u.value);
+}
+export {
+  p as useContainerWidth
+};