hys-ui 0.1.1 → 0.3.0

package/dist/composables/autocomplete.js

@@ -0,0 +1,50 @@
+function k(l, n = "value", e = "label") {
+  return typeof l == "string" ? l : String(l[n] ?? l.value ?? l[e] ?? l.label ?? "");
+}
+function S(l, n, e) {
+  const c = (t) => e.caseSensitive ? t : t.toLocaleLowerCase(), p = c(n);
+  function y(t, g = "", b = !1) {
+    return t.flatMap((o, h) => {
+      if (typeof o != "string" && (!o || typeof o != "object" || Array.isArray(o)))
+        return [];
+      const i = g + h, r = typeof o == "string" ? void 0 : o, s = r && (Array.isArray(r.options) ? r.options : Array.isArray(r.children) ? r.children : void 0);
+      if (s) {
+        const f = r, A = y(s, i + "-", b || !!f.disabled);
+        return A.length ? [
+          {
+            key: i,
+            kind: "group",
+            label: String(f.label ?? ""),
+            value: "",
+            disabled: !0,
+            item: "",
+            group: f
+          },
+          ...A
+        ] : [];
+      }
+      const a = o, u = k(a, e.valueKey, e.labelKey), v = typeof a == "string" ? a : String(a[e.labelKey] ?? a.label ?? u);
+      let d = !0;
+      try {
+        d = typeof e.filter == "function" ? e.filter(n, a) : !e.filter || !n || c(v).includes(p) || c(u).includes(p);
+      } catch {
+        d = !1;
+      }
+      return d ? [
+        {
+          key: i,
+          kind: "option",
+          label: v,
+          value: u,
+          disabled: b || !!(r && r.disabled),
+          item: a
+        }
+      ] : [];
+    });
+  }
+  return y(l);
+}
+export {
+  k as autocompleteValue,
+  S as normalizeAutocomplete
+};

package/dist/composables/avatar.js

@@ -0,0 +1,57 @@
+import { ref as f, watch as d, onActivated as s, onDeactivated as c, onBeforeUnmount as p, computed as b } from "vue";
+const h = Symbol(
+  "hys-ui-avatar-group"
+), y = [
+  ["xs", 0],
+  ["sm", 576],
+  ["md", 768],
+  ["lg", 992],
+  ["xl", 1200],
+  ["xxl", 1600]
+], l = f(0), a = /* @__PURE__ */ new Set();
+let o;
+function m() {
+  o = void 0, l.value = window.innerWidth;
+}
+function u() {
+  o === void 0 && (o = requestAnimationFrame(m));
+}
+function w(e, i) {
+  let t = typeof e == "object" ? void 0 : e;
+  if (e && typeof e == "object")
+    for (const [n, r] of y)
+      i >= r && e[n] !== void 0 && (t = e[n]);
+  return typeof t == "string" && (t = {
+    sm: 24,
+    small: 24,
+    md: 36,
+    medium: 36,
+    default: 36,
+    lg: 48,
+    large: 48
+  }[t]), typeof t == "number" && Number.isFinite(t) ? Math.max(1, Math.min(1024, t)) : 36;
+}
+function x(e) {
+  const i = f(!0), t = Symbol();
+  let n = !1;
+  function r() {
+    n && (n = !1, a.delete(t), a.size || (window.removeEventListener("resize", u), o !== void 0 && cancelAnimationFrame(o), o = void 0));
+  }
+  function v() {
+    if (!i.value || !e.value || typeof e.value != "object") {
+      r();
+      return;
+    }
+    n || (n = !0, a.add(t), a.size === 1 && (m(), window.addEventListener("resize", u)));
+  }
+  return d([i, () => !!e.value && typeof e.value == "object"], v, {
+    immediate: !0
+  }), s(() => i.value = !0), c(() => {
+    i.value = !1, r();
+  }), p(r), b(() => w(e.value, l.value));
+}
+export {
+  h as avatarGroupKey,
+  w as resolveAvatarSize,
+  x as useAvatarSize
+};

package/dist/composables/calendar.js

@@ -0,0 +1,96 @@
+function h(n, t = "YYYY-MM-DD") {
+  if (n instanceof Date)
+    return Number.isFinite(n.getTime()) ? f(n.getFullYear(), n.getMonth(), n.getDate()) : void 0;
+  if (typeof n != "string") return;
+  let e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(n);
+  if (!e && t !== "YYYY-MM-DD") {
+    const d = [], u = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/YYYY|MM|DD/g, (y) => (d.push(y), y === "YYYY" ? "(\\d{4})" : "(\\d{2})"));
+    if (d.length !== 3 || new Set(d).size !== 3) return;
+    const s = new RegExp("^" + u + "$").exec(n);
+    s && (e = [
+      s[0],
+      s[d.indexOf("YYYY") + 1],
+      s[d.indexOf("MM") + 1],
+      s[d.indexOf("DD") + 1]
+    ]);
+  }
+  if (!e) return;
+  const a = +e[1], o = +e[2] - 1, c = +e[3];
+  if (a < 1 || a > 9999 || o < 0 || o > 11 || c < 1 || c > 31) return;
+  const Y = f(a, o, c), i = new Date(Y * 864e5);
+  if (i.getUTCFullYear() === a && i.getUTCMonth() === o && i.getUTCDate() === c)
+    return Y;
+}
+function f(n, t, e) {
+  const a = /* @__PURE__ */ new Date(0);
+  return a.setUTCFullYear(n, t, e), a.setUTCHours(0, 0, 0, 0), a.getTime() / 864e5;
+}
+function r(n) {
+  const t = new Date(n * 864e5);
+  return {
+    year: t.getUTCFullYear(),
+    month: t.getUTCMonth(),
+    day: t.getUTCDate(),
+    weekday: t.getUTCDay()
+  };
+}
+function l(n) {
+  const t = r(n);
+  return `${String(t.year).padStart(4, "0")}-${String(t.month + 1).padStart(2, "0")}-${String(t.day).padStart(2, "0")}`;
+}
+function p(n) {
+  const t = r(n), e = /* @__PURE__ */ new Date(0);
+  return e.setFullYear(t.year, t.month, t.day), e.setHours(0, 0, 0, 0), e;
+}
+function M(n, t) {
+  const e = r(n);
+  return t.replace(
+    /YYYY|MM|DD/g,
+    (a) => a === "YYYY" ? String(e.year).padStart(4, "0") : String(a === "MM" ? e.month + 1 : e.day).padStart(2, "0")
+  );
+}
+function m(n, t) {
+  const e = r(n), a = r(f(e.year, e.month + t, 1)), o = r(f(a.year, a.month + 1, 0)).day;
+  return f(a.year, a.month, Math.min(e.day, o));
+}
+function w(n, t, e) {
+  return [
+    n - (r(n).weekday - e + 7) % 7,
+    t + (e + 6 - r(t).weekday + 7) % 7
+  ];
+}
+function S(n) {
+  const t = (r(n).weekday + 6) % 7, e = n + 3 - t, a = r(e).year;
+  return 1 + Math.floor((e - f(a, 0, 1)) / 7);
+}
+function T(n, t, e) {
+  const a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  for (const c of n) {
+    const Y = h(c.date), i = h(c.end ?? c.date);
+    if (Y === void 0 || i === void 0 || i < Y || i < t || Y > e)
+      continue;
+    const d = /* @__PURE__ */ new Set();
+    for (let u = Math.max(Y, t); u <= Math.min(i, e); u++) {
+      const s = a.get(u) ?? [];
+      s.push(c), a.set(u, s);
+      const y = r(u), g = y.year * 12 + y.month;
+      if (!d.has(g)) {
+        const D = o.get(g) ?? [];
+        D.push(c), o.set(g, D), d.add(g);
+      }
+    }
+  }
+  return { dates: a, months: o };
+}
+export {
+  p as calendarDate,
+  h as calendarDay,
+  T as calendarEvents,
+  M as calendarFormat,
+  l as calendarISO,
+  r as calendarParts,
+  m as calendarShift,
+  S as calendarWeek,
+  w as calendarWeeks,
+  f as civilDay
+};

package/dist/composables/cascader.js

@@ -0,0 +1,79 @@
+import { treeField as n, treeKey as m } from "./tree.js";
+const L = (r) => JSON.stringify(r.map((e) => [typeof e, e]));
+function P(r) {
+  try {
+    const e = JSON.parse(r);
+    return Array.isArray(e) && e.every(
+      (l) => Array.isArray(l) && l.length === 2 && m(l[1]) && typeof l[1] === l[0]
+    ) ? e.map((l) => l[1]) : [];
+  } catch {
+    return [];
+  }
+}
+const j = (r) => Array.isArray(r) && r.every(m), B = {
+  panel: "级联选择",
+  search: "搜索分类",
+  empty: "暂无分类",
+  noMatch: "无匹配分类",
+  loading: "加载中",
+  loadError: "加载失败",
+  retry: "重试",
+  clear: "清空选择",
+  close: "关闭",
+  level: "第{level}级",
+  expand: "展开 {label}",
+  remove: "移除 {label}",
+  more: "另外 {count} 项",
+  limit: "最多选择 {count} 项"
+};
+function F(r, e, l) {
+  var A, w, x, C, S, k, K;
+  const i = {
+    value: "value",
+    label: "label",
+    children: "children",
+    disabled: "disabled",
+    leaf: "isLeaf",
+    hasChildren: "hasChildren",
+    ...e.fieldNames
+  }, g = [], o = /* @__PURE__ */ new Map(), h = new Set((l == null ? void 0 : l.nodes) ?? []), c = [...r].reverse().map((t) => ({ node: t, parent: l, target: g }));
+  for (; c.length; ) {
+    const t = c.pop(), { node: a } = t;
+    if (t.exit) {
+      h.delete(a);
+      continue;
+    }
+    if (!a || typeof a != "object" || h.has(a)) continue;
+    const f = typeof e.valueKey == "function" ? e.valueKey(a) : n(a, e.valueKey ?? i.value);
+    if (!m(f)) continue;
+    const M = [...((A = t.parent) == null ? void 0 : A.path) ?? [], f], y = L(M);
+    if (o.has(y)) continue;
+    const u = [...((w = t.parent) == null ? void 0 : w.nodes) ?? [], a], N = String(n(a, i.label) ?? f), d = n(a, i.children), E = ((x = e.leafMethod) == null ? void 0 : x.call(e, a, u)) ?? n(a, i.leaf) ?? ((C = e.fieldNames) != null && C.leaf ? void 0 : n(a, "leaf")), v = E === !0, J = E === !1, s = {
+      value: y,
+      label: N,
+      raw: a,
+      path: M,
+      labels: [...((S = t.parent) == null ? void 0 : S.labels) ?? [], N],
+      nodes: u,
+      disabled: !!((k = t.parent) != null && k.disabled || n(a, i.disabled) || (K = e.disabledMethod) != null && K.call(e, a, u)),
+      isLeaf: v,
+      hasChildren: !v && !!(Array.isArray(d) && d.length || n(a, i.hasChildren) || J),
+      children: []
+    };
+    if (o.set(y, s), t.target.push(s), h.add(a), c.push({ ...t, exit: !0 }), !v && Array.isArray(d))
+      for (let b = d.length - 1; b >= 0; b--)
+        c.push({
+          node: d[b],
+          parent: s,
+          target: s.children
+        });
+  }
+  return { roots: g, map: o };
+}
+export {
+  F as cascaderEntries,
+  P as cascaderPath,
+  L as cascaderToken,
+  B as cascaderWords,
+  j as validCascaderPath
+};

package/dist/composables/choice.js

@@ -0,0 +1,38 @@
+const s = Symbol(
+  "hys-ui-checkbox-group"
+);
+function c(e) {
+  return typeof e == "string" || typeof e == "boolean" || typeof e == "number" && Number.isFinite(e);
+}
+function u(e) {
+  return typeof e + ":" + String(e);
+}
+function y(e) {
+  return Array.isArray(e) ? [...new Set(e.filter(c))] : [];
+}
+function b(e, o = {}) {
+  const a = /* @__PURE__ */ new Set(), i = [];
+  if (!Array.isArray(e)) return i;
+  for (const r of e) {
+    const n = c(r) ? { label: String(r), value: r } : r;
+    if (!n || typeof n != "object") continue;
+    const t = n[o.value ?? "value"];
+    !c(t) || a.has(u(t)) || (a.add(u(t)), i.push({
+      ...n,
+      label: String(n[o.label ?? "label"] ?? t),
+      value: t,
+      disabled: !!n[o.disabled ?? "disabled"],
+      indeterminate: !!n[o.indeterminate ?? "indeterminate"]
+    }));
+  }
+  return i;
+}
+const f = Symbol("hys-ui-radio-group");
+export {
+  s as checkboxGroupKey,
+  u as choiceKey,
+  b as choiceOptions,
+  c as isChoice,
+  f as radioGroupKey,
+  y as uniqueChoices
+};

package/dist/composables/choiceModel.js

@@ -0,0 +1,67 @@
+import { shallowRef as B, inject as C, computed as R, watch as x, onActivated as E, onDeactivated as L, onBeforeUnmount as M, onMounted as T, onUpdated as U, nextTick as j } from "vue";
+import { formKey as b } from "./formContext.js";
+function D(r, v, f = Object.is, c) {
+  const i = B(v()), t = C(b, void 0), l = R(
+    () => r.modelValue === void 0 ? i.value : r.modelValue
+  );
+  let n = !0, s = 0, u;
+  function o() {
+    s++, u = void 0, c == null || c();
+  }
+  async function a(e, m, h, V = !1) {
+    if (!n || f(l.value, e)) return !1;
+    const k = ++s;
+    return u = { value: e, version: k }, r.modelValue === void 0 && (i.value = e), m(e), V && h(e), await j(), !n || k !== s || (u = void 0, !f(l.value, e)) ? !1 : (V || h(e), !0);
+  }
+  function d() {
+    o(), r.modelValue === void 0 && (i.value = v());
+  }
+  return x(
+    () => r.modelValue,
+    (e) => {
+      u && f(e, u.value) || o();
+    },
+    { flush: "sync" }
+  ), x(
+    () => t == null ? void 0 : t.resetting.value,
+    (e) => {
+      e && o();
+    },
+    { flush: "sync" }
+  ), E(() => {
+    n = !0;
+  }), L(() => {
+    n = !1, o();
+  }), M(() => {
+    n = !1, o();
+  }), { current: l, commit: a, reset: d, invalidate: o, isLive: () => n };
+}
+function F(r, v, f, c) {
+  let i = !0, t, l = 0;
+  function n(o) {
+    const a = l;
+    queueMicrotask(() => {
+      !i || a !== l || o.defaultPrevented || (v(), j(() => f == null ? void 0 : f()));
+    });
+  }
+  function s() {
+    l++, t == null || t.removeEventListener("reset", n), t = void 0;
+  }
+  function u() {
+    var e, m;
+    if (!i) return;
+    const o = c == null ? void 0 : c(), a = o ? document.getElementById(o) : ((e = r.value) == null ? void 0 : e.form) || ((m = r.value) == null ? void 0 : m.closest("form")), d = a instanceof HTMLFormElement ? a : void 0;
+    d !== t && (s(), t = d, t == null || t.addEventListener("reset", n));
+  }
+  T(u), U(u), E(() => {
+    i = !0, u();
+  }), L(() => {
+    i = !1, s();
+  }), M(() => {
+    i = !1, s();
+  });
+}
+export {
+  D as useChoiceModel,
+  F as useChoiceNativeReset
+};

package/dist/composables/color.js

@@ -0,0 +1,97 @@
+const m = (t, n = 0, r = 1) => Math.max(n, Math.min(r, t)), M = (t) => t.trim() !== "" && Number.isFinite(Number(t)) ? Number(t) : void 0;
+function v(t, n) {
+  const r = t.endsWith("%"), s = M(r ? t.slice(0, -1) : t);
+  return s === void 0 ? void 0 : m(s / (r ? 100 : n));
+}
+function x(t) {
+  var s;
+  const n = t.match(/^([-+]?(?:\d*\.)?\d+)(deg|rad|turn|grad)?$/i);
+  return n ? (Number(n[1]) * ({ deg: 1, rad: 180 / Math.PI, turn: 360, grad: 0.9 }[((s = n[2]) == null ? void 0 : s.toLowerCase()) ?? "deg"] ?? 1) % 360 + 360) % 360 : void 0;
+}
+function l(t, n, r, s = 1) {
+  const e = Math.max(t, n, r), i = Math.min(t, n, r), o = e - i;
+  let a = 0;
+  return o && (a = (e === t ? (n - r) / o + (n < r ? 6 : 0) : e === n ? (r - t) / o + 2 : (t - n) / o + 4) * 60), { h: a, s: e ? o / e : 0, v: e, a: m(s) };
+}
+function b(t) {
+  const n = m(t.s), r = m(t.v), s = (t.h % 360 + 360) % 360, e = (i) => {
+    const o = (i + s / 60) % 6;
+    return m(r - r * n * Math.max(0, Math.min(o, 4 - o, 1)));
+  };
+  return [e(5), e(3), e(1)];
+}
+function y(t) {
+  if (typeof t != "string") return;
+  const n = t.trim().toLowerCase();
+  if (n === "transparent") return { h: 0, s: 0, v: 0, a: 0 };
+  const r = {
+    red: "#ff0000",
+    green: "#008000",
+    blue: "#0000ff",
+    black: "#000000",
+    white: "#ffffff",
+    yellow: "#ffff00",
+    orange: "#ffa500",
+    purple: "#800080",
+    rebeccapurple: "#663399",
+    gray: "#808080",
+    grey: "#808080",
+    cyan: "#00ffff",
+    magenta: "#ff00ff",
+    lime: "#00ff00",
+    navy: "#000080",
+    teal: "#008080",
+    pink: "#ffc0cb"
+  };
+  if (r[n]) return y(r[n]);
+  const s = n.match(/^#([\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/i);
+  if (s) {
+    const u = s[1].length <= 4 ? [...s[1]].map((f) => f + f).join("") : s[1];
+    return l(
+      ...[0, 2, 4].map((f) => parseInt(u.slice(f, f + 2), 16) / 255),
+      u.length === 8 ? parseInt(u.slice(6, 8), 16) / 255 : 1
+    );
+  }
+  const e = n.match(/^(rgba?|hsla?|hsva?)\(([^()]*)\)$/);
+  if (!e) return;
+  const i = e[2].trim().replace(/\s*[,/]\s*/g, " ").split(/\s+/);
+  if (i.length < 3 || i.length > 4) return;
+  const o = i[3] === void 0 ? 1 : v(i[3], 1);
+  if (o === void 0) return;
+  if (e[1].startsWith("rgb")) {
+    const u = i.slice(0, 3).map((f) => v(f, 255));
+    return u.some((f) => f === void 0) ? void 0 : l(...u, o);
+  }
+  const a = x(i[0]), d = v(i[1], 100), c = v(i[2], 100);
+  if (a === void 0 || d === void 0 || c === void 0) return;
+  if (e[1].startsWith("hsv")) return { h: a, s: d, v: c, a: o };
+  const g = c, p = g + d * Math.min(g, 1 - g);
+  return { h: a, s: p ? 2 * (1 - g / p) : 0, v: p, a: o };
+}
+const h = (t, n = 1) => Number(t.toFixed(n));
+function C(t, n = "hex", r = !1) {
+  const s = b(t), e = h(m(t.a), 3), i = s.map((c) => Math.round(c * 255)), o = h((t.h % 360 + 360) % 360);
+  if (n === "hex")
+    return "#" + i.map((c) => c.toString(16).padStart(2, "0")).join("") + (r ? Math.round(e * 255).toString(16).padStart(2, "0") : "");
+  if (n === "rgb")
+    return (r ? "rgba(" : "rgb(") + i.join(", ") + (r ? ", " + e : "") + ")";
+  if (n === "hsv")
+    return (r ? "hsva(" : "hsv(") + o + ", " + h(t.s * 100) + "%, " + h(t.v * 100) + "%" + (r ? ", " + e : "") + ")";
+  const a = t.v * (1 - t.s / 2), d = a > 0 && a < 1 ? (t.v - a) / Math.min(a, 1 - a) : 0;
+  return (r ? "hsla(" : "hsl(") + o + ", " + h(d * 100) + "%, " + h(a * 100) + "%" + (r ? ", " + e : "") + ")";
+}
+const N = (t) => C(t, "rgb", !0);
+function w(t, n) {
+  if (!t || !n) return t === n;
+  const r = b(t), s = b(n);
+  return r.every((e, i) => Math.abs(e - s[i]) <= 1 / 255) && Math.abs(t.a - n.a) <= 4e-3;
+}
+export {
+  m as colorClamp,
+  N as colorCss,
+  l as colorFromRgb,
+  b as colorRgb,
+  C as formatColor,
+  y as parseColor,
+  w as sameColor
+};

package/dist/composables/dataGrid.js

@@ -0,0 +1,68 @@
+const g = (e) => typeof e == "string" || typeof e == "number" && Number.isFinite(e), u = (e) => typeof e + ":" + e, w = (e, i) => typeof e == "number" && Number.isFinite(e) && e >= 1 ? Math.floor(e) : i;
+function l(e, i) {
+  const r = e;
+  return Object.hasOwn(r, i) ? r[i] : i.split(".").reduce(
+    (d, s) => d && typeof d == "object" && Object.hasOwn(d, s) ? d[s] : void 0,
+    r
+  );
+}
+function y(e, i) {
+  return typeof i.field == "function" ? i.field(e) : l(e, i.field ?? i.key);
+}
+function b(e, i, r) {
+  const d = e.map(
+    (c, f) => typeof i == "function" ? i(c, f + r) : l(c, i)
+  ), s = new Set(d.filter(g)), h = /* @__PURE__ */ new Set();
+  return e.map((c, f) => {
+    const p = d[f];
+    let t = f + r;
+    if (g(p) && !h.has(p)) t = p;
+    else {
+      for (; s.has(t); ) t = "row:" + t;
+      s.add(t);
+    }
+    return h.add(t), { row: c, id: t, index: f + r };
+  });
+}
+function k(e, i, r) {
+  const d = new Set(e.map(({ id: t }) => t)), s = /* @__PURE__ */ new Map();
+  for (const { row: t, id: o } of e) {
+    const n = l(t, i);
+    g(n) && n !== o && d.has(n) && s.set(o, n);
+  }
+  const h = /* @__PURE__ */ new Set();
+  for (const { id: t } of e) {
+    const o = /* @__PURE__ */ new Set();
+    let n = t;
+    for (; n !== void 0 && !h.has(n); ) {
+      if (o.has(n)) {
+        s.delete(n);
+        break;
+      }
+      o.add(n), n = s.get(n);
+    }
+    for (const a of o) h.add(a);
+  }
+  const c = /* @__PURE__ */ new Map();
+  for (const t of e) {
+    const o = s.get(t.id), n = c.get(o);
+    n ? n.push(t) : c.set(o, [t]);
+  }
+  const f = (c.get(void 0) ?? []).map((t) => ({ row: t, depth: 0 })).reverse(), p = [];
+  for (; f.length; ) {
+    const { row: t, depth: o } = f.pop(), n = c.get(t.id);
+    if (p.push({ ...t, depth: o, hasChildren: !!(n != null && n.length) }), n && r.has(t.id))
+      for (let a = n.length - 1; a >= 0; a--)
+        f.push({ row: n[a], depth: o + 1 });
+  }
+  return p;
+}
+export {
+  l as gridField,
+  g as gridKey,
+  b as gridRows,
+  u as gridToken,
+  k as gridTree,
+  y as gridValue,
+  w as positiveInteger
+};