hys-ui 0.3.0 → 0.5.0

package/dist/composables/table.js

@@ -1,150 +1,173 @@
-const N = (n) => typeof n + ":" + n;
-function g(n, r) {
-  const s = typeof r == "string" ? r.split(".") : r;
-  let o = n;
-  for (const e of s) {
-    if (o == null || typeof o != "object") return;
-    o = o[e];
+const C = (i) => typeof i + ":" + i;
+function v(i, o) {
+  const a = typeof o == "string" ? o.split(".") : o;
+  let s = i;
+  for (const e of a) {
+    if (s == null || typeof s != "object") return;
+    s = s[e];
   }
-  return o;
+  return s;
 }
-const M = (n) => n < 576 ? "xs" : n < 768 ? "sm" : n < 992 ? "md" : n < 1200 ? "lg" : n < 1600 ? "xl" : "xxl";
-function S(n, r, s = !0) {
-  const o = /* @__PURE__ */ new Set();
-  function e(y, u, i = /* @__PURE__ */ new Set(), p = 0) {
-    return p > 32 ? [] : y.flatMap((d) => {
-      if (i.has(d) || d.hidden || !s && d.type === "expand" || d.responsive && !d.responsive.includes(r) || o.has(d.key))
+const F = (i) => i < 576 ? "xs" : i < 768 ? "sm" : i < 992 ? "md" : i < 1200 ? "lg" : i < 1600 ? "xl" : "xxl";
+function I(i, o, a = !0) {
+  const s = /* @__PURE__ */ new Set();
+  function e(h, r, n = /* @__PURE__ */ new Set(), c = 0) {
+    return c > 32 ? [] : h.flatMap((l) => {
+      if (n.has(l) || l.hidden || !a && l.type === "expand" || l.responsive && !l.responsive.includes(o) || s.has(l.key))
         return [];
-      o.add(d.key);
-      const v = d.fixed === !1 ? void 0 : d.fixed === !0 ? "left" : d.fixed ?? u, b = d.children ? e(
-        d.children,
-        v,
-        /* @__PURE__ */ new Set([...i, d]),
-        p + 1
+      s.add(l.key);
+      const m = l.fixed === !1 ? void 0 : l.fixed === !0 ? "left" : l.fixed ?? r, k = l.children ? e(
+        l.children,
+        m,
+        /* @__PURE__ */ new Set([...n, l]),
+        c + 1
       ) : void 0;
-      return b && !b.length ? [] : [{ ...d, fixed: v, children: b }];
+      return k && !k.length ? [] : [{ ...l, fixed: m, children: k }];
     });
   }
-  const t = e(n);
-  function a(y, u) {
-    return y.flatMap((i) => {
-      if (i.children) {
-        const p = a(i.children, u);
-        return p.length ? [{ ...i, children: p, fixed: u }] : [];
+  const t = e(i);
+  function u(h, r) {
+    return h.flatMap((n) => {
+      if (n.children) {
+        const c = u(n.children, r);
+        return c.length ? [{ ...n, children: c, fixed: r }] : [];
       }
-      return i.fixed === u ? [i] : [];
+      return n.fixed === r ? [n] : [];
     });
   }
-  const f = [
-    ...a(t, "left"),
-    ...a(t),
-    ...a(t, "right")
+  const d = [
+    ...u(t, "left"),
+    ...u(t),
+    ...u(t, "right")
   ];
-  function m(y) {
-    return y.flatMap((u) => u.children ? m(u.children) : [u]);
+  function x(h) {
+    return h.flatMap((r) => r.children ? x(r.children) : [r]);
   }
-  function l(y) {
+  function f(h) {
     return Math.max(
       1,
-      ...y.map((u) => u.children ? 1 + l(u.children) : 1)
+      ...h.map((r) => r.children ? 1 + f(r.children) : 1)
     );
   }
-  const c = l(f), h = Array.from({ length: c }, () => []);
-  function x(y, u) {
-    for (const i of y) {
-      const p = i.children ? m(i.children) : [i];
-      h[u].push({
-        column: i,
-        key: i.key + ":" + (i.fixed || "center"),
-        leaves: p,
-        colspan: p.length,
-        rowspan: i.children ? 1 : c - u,
-        fixed: i.fixed === "left" || i.fixed === "right" ? i.fixed : void 0
-      }), i.children && x(i.children, u + 1);
+  const p = f(d), y = Array.from({ length: p }, () => []);
+  function b(h, r) {
+    for (const n of h) {
+      const c = n.children ? x(n.children) : [n];
+      y[r].push({
+        column: n,
+        key: n.key + ":" + (n.fixed || "center"),
+        leaves: c,
+        colspan: c.length,
+        rowspan: n.children ? 1 : p - r,
+        fixed: n.fixed === "left" || n.fixed === "right" ? n.fixed : void 0
+      }), n.children && b(n.children, r + 1);
     }
   }
-  return x(f, 0), { leaves: m(f), headers: h };
+  b(d, 0);
+  const N = x(d), M = new Map(N.map((h, r) => [h.key, r])), w = y.map((h) => {
+    const r = [];
+    for (let n = 0; n < h.length; n++) {
+      const c = h[n], l = c.column.headerColSpan;
+      if (l === 0) {
+        r.push({ ...c, blank: !0 });
+        continue;
+      }
+      if (l === void 0 || !Number.isSafeInteger(l) || l <= 1 || c.column.children) {
+        r.push(c);
+        continue;
+      }
+      const m = [...c.leaves], k = M.get(m[0].key);
+      for (; m.length < l; ) {
+        const g = h[n + 1];
+        if (!g || g.column.children || g.column.type && g.column.type !== "default" || g.fixed !== c.fixed || g.rowspan !== c.rowspan || M.get(g.column.key) !== k + m.length) break;
+        m.push(g.column), n++;
+      }
+      r.push({ ...c, leaves: m, colspan: m.length });
+    }
+    return r;
+  });
+  return { leaves: N, headers: w };
 }
-function F(n, r) {
-  const s = new Intl.Collator("zh-CN", {
+function B(i, o) {
+  const a = new Intl.Collator("zh-CN", {
     numeric: !0,
     sensitivity: "base"
-  }), o = n.flatMap((e) => {
-    const t = r.find((a) => a.key === e.key);
+  }), s = i.flatMap((e) => {
+    const t = o.find((u) => u.key === e.key);
     return t && t.sortable !== "custom" ? [{ ...e, column: t }] : [];
   });
   return (e, t) => {
-    for (const { direction: a, column: f } of o) {
-      if (f.sorter) {
-        const l = f.sorter(e, t);
-        if (Number.isFinite(l) && l !== 0)
-          return (a === "asc" ? 1 : -1) * l;
+    for (const { direction: u, column: d } of s) {
+      if (d.sorter) {
+        const f = d.sorter(e, t);
+        if (Number.isFinite(f) && f !== 0)
+          return (u === "asc" ? 1 : -1) * f;
         continue;
       }
-      const m = Array.isArray(f.sortBy) ? f.sortBy : [f.sortBy ?? f.dataIndex ?? f.key];
-      for (const l of m) {
-        const c = typeof l == "function" ? l(e) : g(e, l), h = typeof l == "function" ? l(t) : g(t, l);
-        if (c == null || h == null) {
-          if (c == null && h == null) continue;
-          return c == null ? 1 : -1;
+      const x = Array.isArray(d.sortBy) ? d.sortBy : [d.sortBy ?? d.dataIndex ?? d.key];
+      for (const f of x) {
+        const p = typeof f == "function" ? f(e) : v(e, f), y = typeof f == "function" ? f(t) : v(t, f);
+        if (p == null || y == null) {
+          if (p == null && y == null) continue;
+          return p == null ? 1 : -1;
         }
-        const x = typeof c == "number" && typeof h == "number" ? Number.isNaN(c) ? Number.isNaN(h) ? 0 : 1 : Number.isNaN(h) ? -1 : c - h : s.compare(String(c), String(h));
-        if (Number.isFinite(x) && x !== 0)
-          return (a === "asc" ? 1 : -1) * x;
+        const b = typeof p == "number" && typeof y == "number" ? Number.isNaN(p) ? Number.isNaN(y) ? 0 : 1 : Number.isNaN(y) ? -1 : p - y : a.compare(String(p), String(y));
+        if (Number.isFinite(b) && b !== 0)
+          return (u === "asc" ? 1 : -1) * b;
       }
     }
     return 0;
   };
 }
-function w(n, r) {
-  var o;
-  const s = /* @__PURE__ */ new Map();
-  for (const e of r) {
-    const t = n[e.key];
+function L(i, o) {
+  var s;
+  const a = /* @__PURE__ */ new Map();
+  for (const e of o) {
+    const t = i[e.key];
     if (!(t != null && t.length) || !e.filters || e.filterMethod) continue;
-    const a = new Set(t), f = k(e.filters), m = new Map(f.map((l) => [l.value, l]));
-    for (const l of t) {
-      const c = (o = m.get(l)) == null ? void 0 : o.children;
-      if (c)
-        for (const h of k(c))
-          a.add(h.value);
+    const u = new Set(t), d = S(e.filters), x = new Map(d.map((f) => [f.value, f]));
+    for (const f of t) {
+      const p = (s = x.get(f)) == null ? void 0 : s.children;
+      if (p)
+        for (const y of S(p))
+          u.add(y.value);
     }
-    s.set(e.key, a);
+    a.set(e.key, u);
   }
-  return (e) => r.every((t) => {
-    const a = n[t.key];
-    return a != null && a.length ? s.has(t.key) ? s.get(t.key).has(
-      g(
+  return (e) => o.every((t) => {
+    const u = i[t.key];
+    return u != null && u.length ? a.has(t.key) ? a.get(t.key).has(
+      v(
         e,
         t.dataIndex ?? t.key
       )
-    ) : a.some(
-      (f) => t.filterMethod ? t.filterMethod(f, e, t) : String(g(e, t.dataIndex ?? t.key) ?? "").toLocaleLowerCase().includes(String(f).toLocaleLowerCase())
+    ) : u.some(
+      (d) => t.filterMethod ? t.filterMethod(d, e, t) : String(v(e, t.dataIndex ?? t.key) ?? "").toLocaleLowerCase().includes(String(d).toLocaleLowerCase())
     ) : !0;
   });
 }
-function k(n) {
-  const r = [], s = /* @__PURE__ */ new Set(), o = [...n].reverse();
-  for (; o.length; ) {
-    const e = o.pop();
-    s.has(e) || (s.add(e), r.push(e), e.children && o.push(...[...e.children].reverse()));
+function S(i) {
+  const o = [], a = /* @__PURE__ */ new Set(), s = [...i].reverse();
+  for (; s.length; ) {
+    const e = s.pop();
+    a.has(e) || (a.add(e), o.push(e), e.children && s.push(...[...e.children].reverse()));
   }
-  return r;
+  return o;
 }
-function C(n, r) {
-  if (r.summary === "count") return n.length;
-  const s = n.map((e) => g(e, r.dataIndex ?? r.key)).filter((e) => typeof e == "number" && Number.isFinite(e));
-  if (!s.length) return "—";
-  const o = s.reduce((e, t) => e + t, 0);
-  return r.summary === "sum" ? +o.toFixed(12) : r.summary === "avg" ? +(o / s.length).toFixed(12) : r.summary === "min" ? s.reduce((e, t) => Math.min(e, t)) : r.summary === "max" ? s.reduce((e, t) => Math.max(e, t)) : "";
+function A(i, o) {
+  if (o.summary === "count") return i.length;
+  const a = i.map((e) => v(e, o.dataIndex ?? o.key)).filter((e) => typeof e == "number" && Number.isFinite(e));
+  if (!a.length) return "—";
+  const s = a.reduce((e, t) => e + t, 0);
+  return o.summary === "sum" ? +s.toFixed(12) : o.summary === "avg" ? +(s / a.length).toFixed(12) : o.summary === "min" ? a.reduce((e, t) => Math.min(e, t)) : o.summary === "max" ? a.reduce((e, t) => Math.max(e, t)) : "";
 }
 export {
-  M as tableBreakpoint,
-  S as tableColumns,
-  F as tableCompare,
-  k as tableFilterOptions,
-  w as tableFilterPredicate,
-  C as tableSummary,
-  N as tableToken,
-  g as tableValue
+  F as tableBreakpoint,
+  I as tableColumns,
+  B as tableCompare,
+  S as tableFilterOptions,
+  L as tableFilterPredicate,
+  A as tableSummary,
+  C as tableToken,
+  v as tableValue
 };

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

@@ -1,98 +1,98 @@
-import { ref as O, inject as P, computed as b, provide as R, shallowRef as g, watch as L, nextTick as w, onActivated as B, onDeactivated as H, onBeforeUnmount as M } from "vue";
-import { overlayOwnerKey as D, registerOverlay as j, lockBodyScroll as N } from "./overlayManager.js";
+import { ref as O, inject as P, computed as b, provide as R, shallowRef as g, watch as D, nextTick as x, onActivated as B, onDeactivated as H, onBeforeUnmount as M } from "vue";
+import { overlayOwnerKey as A, registerOverlay as j, lockBodyScroll as N } from "./overlayManager.js";
 const U = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidden"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
-function J(A, a, x, t = {}) {
-  const m = O(!0), h = P(D, void 0), o = b(() => m.value && (h == null ? void 0 : h.value) !== !1), i = b(() => A.value && o.value);
+function J(z, r, T, u = {}) {
+  const o = O(!0), h = P(A, void 0), s = b(() => o.value && (h == null ? void 0 : h.value) !== !1), i = b(() => z.value && s.value);
   R(
-    D,
+    A,
     b(() => {
       var e;
-      return i.value && ((e = t.childVisible) == null ? void 0 : e.call(t)) !== !1;
+      return i.value && ((e = u.childVisible) == null ? void 0 : e.call(u)) !== !1;
     })
   );
-  const d = g(), z = b(
+  const d = g(), k = b(
     () => {
-      var e, u;
-      return ((e = d.value) == null ? void 0 : e.zIndex.value) ?? ((u = t.zIndex) == null ? void 0 : u.call(t)) ?? 100;
+      var e, t;
+      return ((e = d.value) == null ? void 0 : e.zIndex.value) ?? ((t = u.zIndex) == null ? void 0 : t.call(u)) ?? 100;
     }
   );
-  let E = null, r, s = 0;
+  let E = null, a, m = 0;
   function S() {
     var e;
     return Array.from(
-      ((e = a.value) == null ? void 0 : e.querySelectorAll(U)) ?? []
+      ((e = r.value) == null ? void 0 : e.querySelectorAll(U)) ?? []
     ).filter(
-      (u) => u.tabIndex >= 0 && u.getClientRects().length > 0 && getComputedStyle(u).visibility !== "hidden" && !u.closest('[inert],[aria-hidden="true"]')
+      (t) => t.tabIndex >= 0 && t.getClientRects().length > 0 && getComputedStyle(t).visibility !== "hidden" && !t.closest('[inert],[aria-hidden="true"]')
     );
   }
-  function T() {
+  function w() {
     var e;
-    (e = S()[0] ?? a.value) == null || e.focus({ preventScroll: !0 });
+    (e = S()[0] ?? r.value) == null || e.focus({ preventScroll: !0 });
   }
-  function k(e) {
+  function C(e) {
     var n, f;
-    if (!i.value || !((n = d.value) != null && n.isTop()) || !a.value) return;
+    if (!i.value || !((n = d.value) != null && n.isTop()) || !r.value) return;
     if (e.key === "Escape") {
-      e.preventDefault(), e.stopImmediatePropagation(), x();
+      e.preventDefault(), e.stopImmediatePropagation(), T();
       return;
     }
-    if (e.key !== "Tab" || ((f = t.trapFocus) == null ? void 0 : f.call(t)) === !1) return;
-    const u = S();
-    if (!u.length) {
-      e.preventDefault(), a.value.focus({ preventScroll: !0 });
+    if (e.key !== "Tab" || ((f = u.trapFocus) == null ? void 0 : f.call(u)) === !1) return;
+    const t = S();
+    if (!t.length) {
+      e.preventDefault(), r.value.focus({ preventScroll: !0 });
       return;
     }
-    const l = u[0], c = u[u.length - 1];
-    e.shiftKey && (document.activeElement === l || document.activeElement === a.value || !a.value.contains(document.activeElement)) ? (e.preventDefault(), c.focus({ preventScroll: !0 })) : !e.shiftKey && (document.activeElement === c || !a.value.contains(document.activeElement)) && (e.preventDefault(), l.focus({ preventScroll: !0 }));
+    const l = t[0], c = t[t.length - 1];
+    e.shiftKey && (document.activeElement === l || document.activeElement === r.value || !r.value.contains(document.activeElement)) ? (e.preventDefault(), c.focus({ preventScroll: !0 })) : !e.shiftKey && (document.activeElement === c || !r.value.contains(document.activeElement)) && (e.preventDefault(), l.focus({ preventScroll: !0 }));
   }
-  function C(e) {
-    var u, l, c;
-    i.value && ((u = d.value) != null && u.isTop()) && ((l = t.trapFocus) == null ? void 0 : l.call(t)) !== !1 && e.target instanceof Node && !((c = a.value) != null && c.contains(e.target)) && T();
+  function F(e) {
+    var t, l, c;
+    i.value && ((t = d.value) != null && t.isTop()) && ((l = u.trapFocus) == null ? void 0 : l.call(u)) !== !1 && e.target instanceof Node && !((c = r.value) != null && c.contains(e.target)) && w();
   }
-  function F() {
+  function I() {
     var e;
-    i.value && ((e = t.lockScroll) == null ? void 0 : e.call(t)) !== !1 ? r ?? (r = N()) : (r == null || r(), r = void 0);
+    i.value && ((e = u.lockScroll) == null ? void 0 : e.call(u)) !== !1 ? a ?? (a = N()) : (a == null || a(), a = void 0);
   }
   function y() {
-    var u, l;
-    const e = ((u = d.value) == null ? void 0 : u.isTop()) ?? !1;
-    return (l = d.value) == null || l.unregister(), d.value = void 0, r == null || r(), r = void 0, document.removeEventListener("keydown", k, !0), document.removeEventListener("focusin", C, !0), e;
+    var t, l;
+    const e = ((t = d.value) == null ? void 0 : t.isTop()) ?? !1;
+    return (l = d.value) == null || l.unregister(), d.value = void 0, a == null || a(), a = void 0, document.removeEventListener("keydown", C, !0), document.removeEventListener("focusin", F, !0), e;
   }
-  function q(e, u, l) {
-    w(() => {
+  function q(e, t, l) {
+    x(() => {
       var n, f;
-      if (u !== s || !o.value || !l || ((n = t.restoreFocus) == null ? void 0 : n.call(t)) === !1)
+      if (t !== m || !s.value || !l || ((n = u.restoreFocus) == null ? void 0 : n.call(u)) === !1)
         return;
       const c = new Event("hys-ui-close-auto-focus", { cancelable: !0 });
-      (f = t.onCloseAutoFocus) == null || f.call(t, c), !c.defaultPrevented && (e != null && e.isConnected) && e.focus({ preventScroll: !0 });
+      (f = u.onCloseAutoFocus) == null || f.call(u, c), !c.defaultPrevented && (e != null && e.isConnected) && e.focus({ preventScroll: !0 });
     });
   }
-  return L(
+  return typeof document > "u" ? { active: s, zIndex: k, focus: w } : (D(
     i,
     async (e) => {
       var l, c, n, f;
-      const u = ++s;
+      const t = ++m;
       if (e) {
-        if (y(), E = document.activeElement instanceof HTMLElement ? document.activeElement : null, d.value = j("dialog", x, t.zIndex), F(), document.addEventListener("keydown", k, !0), document.addEventListener("focusin", C, !0), await w(), u !== s || !i.value) return;
-        const I = new Event("hys-ui-open-auto-focus", { cancelable: !0 });
-        (l = t.onOpenAutoFocus) == null || l.call(t, I);
-        const v = (c = t.initialFocus) == null ? void 0 : c.call(t), K = v instanceof HTMLElement && v.isConnected && v.getClientRects().length > 0 && getComputedStyle(v).visibility !== "hidden" && !v.closest('[inert],[aria-hidden="true"]') && !v.disabled ? v : void 0;
-        !I.defaultPrevented && v !== !1 && ((f = K ?? ((n = a.value) == null ? void 0 : n.querySelector("[autofocus]")) ?? S()[0] ?? a.value) == null || f.focus({ preventScroll: !0 }));
-      } else q(E, u, y());
+        if (y(), E = document.activeElement instanceof HTMLElement ? document.activeElement : null, d.value = j("dialog", T, u.zIndex), I(), document.addEventListener("keydown", C, !0), document.addEventListener("focusin", F, !0), await x(), t !== m || !i.value) return;
+        const L = new Event("hys-ui-open-auto-focus", { cancelable: !0 });
+        (l = u.onOpenAutoFocus) == null || l.call(u, L);
+        const v = (c = u.initialFocus) == null ? void 0 : c.call(u), K = v instanceof HTMLElement && v.isConnected && v.getClientRects().length > 0 && getComputedStyle(v).visibility !== "hidden" && !v.closest('[inert],[aria-hidden="true"]') && !v.disabled ? v : void 0;
+        !L.defaultPrevented && v !== !1 && ((f = K ?? ((n = r.value) == null ? void 0 : n.querySelector("[autofocus]")) ?? S()[0] ?? r.value) == null || f.focus({ preventScroll: !0 }));
+      } else q(E, t, y());
     },
     { immediate: !0, flush: "post" }
-  ), L(() => {
+  ), D(() => {
     var e;
-    return (e = t.lockScroll) == null ? void 0 : e.call(t);
-  }, F), B(() => m.value = !0), H(() => {
-    m.value = !1, s++, y();
+    return (e = u.lockScroll) == null ? void 0 : e.call(u);
+  }, I), B(() => o.value = !0), H(() => {
+    o.value = !1, m++, y();
   }), M(() => {
     var c;
-    const e = E, u = y(), l = o.value && ((c = t.restoreFocus) == null ? void 0 : c.call(t)) !== !1;
-    m.value = !1, s++, l && u && w(() => {
+    const e = E, t = y(), l = s.value && ((c = u.restoreFocus) == null ? void 0 : c.call(u)) !== !1;
+    o.value = !1, m++, l && t && x(() => {
       e != null && e.isConnected && e.focus({ preventScroll: !0 });
     });
-  }), { active: o, zIndex: z, focus: T };
+  }), { active: s, zIndex: k, focus: w });
 }
 export {
   J as useDialog