ono-react-element 0.0.11 → 0.0.13

package/dist/es/{Tooltip-C5OFmxWo.js → Tooltip-j2AKREfX.js}

@@ -1,29 +1,29 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { createPopper as r } from "@popperjs/core";
-import { useState as t, useRef as n, useEffect as o } from "react";
-import { c } from "./hooks-Dew3_cmY.js";
+import { u as r } from "./useClickOutSide.tsx-CMvd2uTW.js";
+import { createPopper as t } from "@popperjs/core";
+import { useState as n, useRef as o, useEffect as c } from "react";
 let s = null, l = null;
-const p = ({ children: p2, content: i, onOpenChange: u, trigger: a = "hover", placement: m = "top", popperOptions: d = {}, className: f, style: h, isShowArrow: w = true, sameWidth: x, autoAdjustOverflow: j = true }) => {
-  const [v, y] = t(false), g = n(null), k = n(null), b = (e2) => {
+const i = ({ children: i2, content: p, onOpenChange: u, trigger: a = "hover", placement: m = "top", popperOptions: d = {}, className: f, style: h, isShowArrow: x = true, sameWidth: w, autoAdjustOverflow: j = true }) => {
+  const [v, y] = n(false), g = o(null), k = o(null), b = (e2) => {
     u == null ? void 0 : u(e2), y(e2);
   };
-  return c(k, () => {
+  return r(k, () => {
     "click" !== a && "contextmenu" !== a || b(false);
-  }, { event: ["click", "contextmenu"], deps: [a, u] }), o(() => {
+  }, { event: ["click", "contextmenu"], deps: [a, u] }), c(() => {
     (() => {
       if (!k.current) return;
       const e2 = Array.from(k.current.children);
       if (e2.length > 1) throw new Error("Tooltip only support one child");
       k.current.style.width = e2[0].getBoundingClientRect().width + "px";
     })();
-  }, [k, p2]), o(() => {
-    k.current && ("hover" === a ? (k.current.onmouseenter = () => b(true), k.current.onmouseleave = () => b(false)) : "click" === a ? k.current.onclick = () => b(!v) : "focus" === a ? (k.current.onfocus = () => b(true), k.current.onblur = () => b(false)) : k.current.oncontextmenu = () => b(!v)), v && k.current && g.current ? l = r(k.current, g.current, { placement: m, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, x ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e2 }) {
+  }, [k, i2]), c(() => {
+    k.current && ("hover" === a ? (k.current.onmouseenter = () => b(true), k.current.onmouseleave = () => b(false)) : "click" === a ? k.current.onclick = () => b(!v) : "focus" === a ? (k.current.onfocus = () => b(true), k.current.onblur = () => b(false)) : k.current.oncontextmenu = () => b(!v)), v && k.current && g.current ? l = t(k.current, g.current, { placement: m, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, w ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e2 }) {
       e2.styles.popper.width = `${e2.rects.reference.width}px`;
     }, effect({ state: e2 }) {
       e2.elements.popper.style.width = `${e2.elements.reference.offsetWidth}px`;
     } } : {}, j ? { name: "flip", enabled: true } : {}], ...d }) : l && (l.destroy(), l = null, s && s.remove(), s = null);
-  }, [v, k, g]), e.jsxs(e.Fragment, { children: [v && e.jsxs("div", { ref: g, style: h, className: ["ono-tooltip-popper", f].join(" "), "data-popper-placement": d.placement || m, children: [e.jsx("div", { children: i instanceof Function ? i() : i }), w && e.jsx("div", { className: "ono-tooltip-popper-arrow", "data-popper-arrow": true })] }), e.jsx("div", { ref: k, children: p2 instanceof Function ? p2() : p2 })] });
+  }, [v, k, g]), e.jsxs(e.Fragment, { children: [v && e.jsxs("div", { ref: g, style: h, className: ["ono-tooltip-popper", f].join(" "), "data-popper-placement": d.placement || m, children: [e.jsx("div", { children: p instanceof Function ? p() : p }), x && e.jsx("div", { className: "ono-tooltip-popper-arrow", "data-popper-arrow": true })] }), e.jsx("div", { ref: k, children: i2 instanceof Function ? i2() : i2 })] });
 };
 export {
-  p as T
+  i as T
 };

package/dist/es/VirtualList-w16-kBkT.js

@@ -0,0 +1,65 @@
+import { j as e } from "./dependencies-CbQbPZZ-.js";
+import { u as t } from "./useEventListener.tsx-BBGVcI5T.js";
+import { memo as r, useState as n, useMemo as i, useRef as l, useEffect as a } from "react";
+const s = r(({ containerClassName: r2, dataSource: s2, containerStyle: d2 = {}, onEndCallback: c, refreshSpeed: o = 50, wrapperClassName: h, wrapperStyle: u = {}, estimatedSize: p = 35, updateDataSourceScroll2Top: f, direction: v = "vertical" }) => {
+  const [g, x] = n({ viewSize: 0, startIndex: 0, listSize: 0, renderCount: 0, prevLen: 0 }), [S, m] = n([]), z = "number" == typeof p ? p : p(), w = i(() => Math.min(s2.length, g.startIndex + g.renderCount), [s2, g]), I = i(() => {
+    var _a;
+    return g.startIndex > 0 ? (_a = S[g.startIndex - 1]) == null ? void 0 : _a.end : 0;
+  }, [g.startIndex, S]), y = i(() => s2.slice(g.startIndex, w).map(({ id: t2, data: r3 }) => e.jsx("li", { "data-virtual-id": t2, style: "vertical" === v ? { width: "100%" } : { height: "100%" }, children: r3 }, t2)), [w, s2, g.startIndex, v]), C = i(() => ({ display: "flex", listStyle: "none", flexDirection: "vertical" === v ? "column" : "row", height: "vertical" === v ? g.listSize - I + "px" : "100%", width: "vertical" === v ? "auto" : g.listSize - I + "px", transform: "vertical" === v ? `translate3d(0, ${I}px, 0)` : `translate3d(${I}px, 0, 0)` }), [g.listSize, I, v]), j = l(null), L = l(null), N = (e2) => x((t2) => ({ ...t2, ...e2 })), b = /* @__PURE__ */ ((e2, t2 = 300) => {
+    let r3 = 0;
+    return () => {
+      const n2 = Date.now();
+      n2 - r3 >= t2 && (e2(), r3 = n2);
+    };
+  })(() => {
+    const { scrollTop: e2, clientHeight: t2, scrollHeight: r3, scrollLeft: n2, clientWidth: i2, scrollWidth: l2 } = j.current, a2 = "vertical" === v ? r3 - t2 - e2 : l2 - i2 - n2;
+    N({ startIndex: E(S, "vertical" === v ? e2 : n2) }), ("vertical" === v ? e2 === z / 2 : n2 === z / 2) && N({ startIndex: 0 }), a2 <= 20 && c && c();
+  }, o), E = (e2, t2) => {
+    let r3 = 0, n2 = e2.length - 1, i2 = -1;
+    for (; r3 <= n2; ) {
+      const l2 = r3 + Math.floor((n2 - r3) / 2), a2 = e2[l2].end;
+      if (a2 === t2) return l2 + 1;
+      a2 < t2 ? r3 = l2 + 1 : ((-1 === i2 || i2 > l2) && (i2 = l2), n2 = l2 - 1);
+    }
+    return i2;
+  };
+  return t("scroll", b, { target: j.current, deps: [S, v] }), a(() => {
+    (() => {
+      if (!j.current) return;
+      const e2 = ("vertical" === v ? j.current.offsetHeight : j.current.offsetWidth) || 0;
+      N({ viewSize: e2, renderCount: Math.ceil(e2 / z) + 1 });
+    })();
+  }, [j, v]), a(() => {
+    s2.length && L && (() => {
+      var _a;
+      const e2 = [], t2 = s2.length - g.prevLen, r3 = t2 > 0 ? S.length : 0, n2 = r3 > 0 ? S[r3 - 1].end : 0;
+      for (let r4 = 0; r4 < (t2 > 0 ? t2 : s2.length); r4++) {
+        const i2 = s2[(t2 > 0 ? g.prevLen : 0) + r4];
+        e2.push({ index: i2.id, size: z, start: n2 ? n2 + r4 * z : i2.id * z, end: n2 ? n2 + (r4 + 1) * z : (i2.id + 1) * z, dSize: 0 });
+      }
+      m((r4) => [...t2 > 0 ? r4 : [], ...e2]), N({ prevLen: s2.length }), f && ((_a = j.current) == null ? void 0 : _a.scrollTo(0, 0));
+    })();
+  }, [L, s2, f]), a(() => {
+    (() => {
+      if (!L.current || 0 === S.length) return;
+      const e2 = Array.from(L.current.childNodes);
+      if (!e2.length) return;
+      e2.forEach((e3) => {
+        const t3 = e3.getBoundingClientRect(), r4 = +e3.getAttribute("data-virtual-id"), n3 = S[r4], i2 = n3.size - ("vertical" === v ? t3.height : t3.width);
+        i2 && (n3.size = "vertical" === v ? t3.height : t3.width, n3.end = n3.end - i2, n3.dSize = i2);
+      });
+      const t2 = +e2[0].getAttribute("data-virtual-id"), r3 = S.length;
+      let n2 = S[t2].dSize;
+      S[t2].dSize = 0;
+      for (let e3 = t2 + 1; e3 < r3; e3++) {
+        const t3 = S[e3];
+        t3.start = S[e3 - 1].end, t3.end = t3.end - n2, t3.dSize && (n2 += t3.dSize, t3.dSize = 0);
+      }
+      N({ listSize: S[r3 - 1].end });
+    })();
+  }, [L, S, g.startIndex, v]), e.jsx("div", { ref: j, className: r2, style: { width: "100%", height: "100%", overflow: "auto", ...d2 }, children: e.jsx("ul", { ref: L, className: h, style: { ...C, ...u }, children: y }) });
+}), d = (e2, t2) => e2.map((e3, r2) => ({ id: r2, data: t2(e3, r2) }));
+export {
+  s as E,
+  d as c
+};

package/dist/es/{Waterfall-a_c3urjB.js → Waterfall-CFVkuuCO.js}

@@ -1,14 +1,14 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { useState as t, useRef as a, useCallback as i, useEffect as n } from "react";
-import { a as o } from "./hooks-Dew3_cmY.js";
-const r = ({ options: r2, pageSize: l, children: s, request: d, reloadData: c, className: m, style: g, updateData: p, loading: h = true, bottomThreshold: u = 50 }) => {
-  const [f, x] = t({ page: 1, reloadData: c, loading: false, isFinish: false, gap: "number" == typeof r2 ? 0 : r2.gap, imageWidth: "number" == typeof r2 ? r2 : 0, columns: "number" == typeof r2 ? 0 : r2.columns, imageList: [] }), [y, w] = t([]), [W, b] = t([]), j = a(null), v = a(null), D = a(null), L = (e2) => x((t2) => ({ ...t2, ...e2 })), N = async (e2, t2) => {
+import { u as t } from "./useEventListener.tsx-BBGVcI5T.js";
+import { useState as a, useRef as i, useCallback as n, useEffect as o } from "react";
+const r = ({ options: r2, pageSize: s, children: l, request: d, reloadData: c, className: m, style: g, updateData: p, loading: u = true, bottomThreshold: h = 50 }) => {
+  const [f, x] = a({ page: 1, reloadData: c, loading: false, isFinish: false, gap: "number" == typeof r2 ? 0 : r2.gap, imageWidth: "number" == typeof r2 ? r2 : 0, columns: "number" == typeof r2 ? 0 : r2.columns, imageList: [] }), [y, w] = a([]), [W, b] = a([]), j = i(null), v = i(null), D = i(null), L = (e2) => x((t2) => ({ ...t2, ...e2 })), N = async (e2, t2) => {
     const a2 = c && f.reloadData !== c;
     if (f.isFinish) return;
     L({ loading: true });
     const i2 = await d(e2, t2);
-    F(i2), L({ isFinish: !i2.length, imageList: a2 ? [...i2] : [...f.imageList, ...i2], page: e2 + 1, loading: false });
-  }, F = (e2) => x((t2) => {
+    E(i2), L({ isFinish: !i2.length, imageList: a2 ? [...i2] : [...f.imageList, ...i2], page: e2 + 1, loading: false });
+  }, E = (e2) => x((t2) => {
     const a2 = c && f.reloadData !== c, i2 = a2 ? [] : [...W], n2 = a2 ? Array(t2.columns).fill(0) : [..."[]" !== JSON.stringify(y) ? y : Array(t2.columns).fill(0)];
     return e2.forEach((e3) => {
       const a3 = ((e4) => {
@@ -17,7 +17,7 @@ const r = ({ options: r2, pageSize: l, children: s, request: d, reloadData: c, c
       })(n2), o2 = Math.floor(e3.height * t2.imageWidth / e3.width);
       i2.push({ x: a3.index % t2.columns !== 0 ? a3.index * t2.imageWidth + t2.gap * a3.index : a3.index * t2.imageWidth, y: a3.height }), n2[a3.index] += o2 + t2.gap, w(n2);
     }), b(i2), t2;
-  }), M = i(() => {
+  }), F = n(() => {
     if (!D.current) return;
     const e2 = D.current.clientWidth;
     let t2 = 0, a2 = f.page;
@@ -31,10 +31,10 @@ const r = ({ options: r2, pageSize: l, children: s, request: d, reloadData: c, c
       const a3 = (e2 - t2 * f.gap) / f.columns;
       L({ imageWidth: a3 });
     }
-    N(a2, l);
-  }, [f, c]), T = () => {
-    j.current && clearTimeout(j.current), j.current = setTimeout(M, 50);
-  }, z = /* @__PURE__ */ ((e2, t2 = 50) => {
+    N(a2, s);
+  }, [f, c]), M = () => {
+    j.current && clearTimeout(j.current), j.current = setTimeout(F, 50);
+  }, T = /* @__PURE__ */ ((e2, t2 = 50) => {
     let a2 = 0;
     return () => {
       const i2 = Date.now();
@@ -42,13 +42,13 @@ const r = ({ options: r2, pageSize: l, children: s, request: d, reloadData: c, c
     };
   })(() => {
     const { scrollTop: e2, clientHeight: t2, scrollHeight: a2 } = v.current;
-    a2 - t2 - e2 > u || !f.loading && N(f.page, l);
+    a2 - t2 - e2 > h || !f.loading && N(f.page, s);
   });
-  return o("scroll", z, { target: v.current, deps: [f.loading, f.page] }), n(() => (M(), window.addEventListener("resize", T), () => {
-    window.removeEventListener("resize", T);
-  }), [D, c]), n(() => {
-    p && N(f.page, l);
-  }, [p, f.loading, f.page, v.current]), e.jsxs("div", { className: "ono-waterfall-container", children: [e.jsx("div", { ref: v, className: [m, "ono-waterfall-content"].join(" ").trim(), style: g, children: e.jsx("div", { ref: D, className: "ono-waterfall-wrapper", style: { height: Math.max(...y) - f.gap + "px" }, children: f.imageList.map((t2, a2) => e.jsx("div", { className: "ono-waterfall-item", style: { width: `${f.imageWidth}px`, transform: `translate(${W[a2].x}px,${W[a2].y}px)` }, children: s(t2, a2) }, t2.id)) }) }), f.loading && ("function" == typeof h ? h() : h && "boolean" == typeof h ? e.jsx("div", { className: "ono-waterfall-loading", children: "loading..." }) : h)] });
+  return t("scroll", T, { target: v.current, deps: [f.loading, f.page] }), o(() => (F(), window.addEventListener("resize", M), () => {
+    window.removeEventListener("resize", M);
+  }), [D, c]), o(() => {
+    p && N(f.page, s);
+  }, [p, f.loading, f.page, v.current]), e.jsxs("div", { className: "ono-waterfall-container", children: [e.jsx("div", { ref: v, className: [m, "ono-waterfall-content"].join(" ").trim(), style: g, children: e.jsx("div", { ref: D, className: "ono-waterfall-wrapper", style: { height: Math.max(...y) - f.gap + "px" }, children: f.imageList.map((t2, a2) => e.jsx("div", { className: "ono-waterfall-item", style: { width: `${f.imageWidth}px`, transform: `translate(${W[a2].x}px,${W[a2].y}px)` }, children: l(t2, a2) }, t2.id)) }) }), f.loading && ("function" == typeof u ? u() : u && "boolean" == typeof u ? e.jsx("div", { className: "ono-waterfall-loading", children: "loading..." }) : u)] });
 };
 export {
   r as W

package/dist/es/colorUtils.ts-DYuRvCXZ.js

@@ -0,0 +1,145 @@
+const t = /\d+/g, r = (r2) => {
+  const e2 = r2.match(t), a2 = (t2) => Number(t2).toString(16).padStart(2, "0"), n2 = (t2) => t2.reduce((t3, r3) => t3 + a2(r3), "#"), s2 = (t2) => {
+    const r3 = t2, e3 = 1 !== Number(t2[t2.length - 1]) ? Number(t2[t2.length - 1]) : 100;
+    return r3.pop(), n2(r3) + a2(2.56 * e3);
+  };
+  return 3 === e2.length ? n2(e2) : 5 === e2.length ? s2([e2[0], e2[1], e2[2], 10 * Number(e2[e2.length - 1])]) : s2(e2);
+}, e = (t2) => {
+  const r2 = t2.split("#")[1], e2 = (t3) => [parseInt(t3.slice(0, 2), 16), parseInt(t3.slice(2, 4), 16), parseInt(t3.slice(4, 6), 16)];
+  if (8 === r2.length) {
+    const t3 = parseInt(r2.slice(-2), 16) / 256, a2 = e2(r2.slice(0, -2));
+    return a2.push(t3), "rgba(" + a2.join(", ") + ")";
+  }
+  return "rgb(" + e2(r2).join(", ") + ")";
+}, a = (r2) => {
+  const e2 = r2.match(t), a2 = Number(e2[0]) / 255, n2 = Number(e2[1]) / 255, s2 = Number(e2[2]) / 255, h2 = Math.min(a2, n2, s2), i2 = Math.max(a2, n2, s2);
+  let u2 = 0, o2 = 0, l2 = (i2 + h2) / 2;
+  if (i2 === h2) u2 = o2 = 0;
+  else {
+    const t2 = i2 - h2;
+    switch (o2 = l2 > 0.5 ? t2 / (2 - i2 - h2) : t2 / (i2 + h2), i2) {
+      case a2:
+        u2 = (n2 - s2) / t2 + (n2 < s2 ? 6 : 0);
+        break;
+      case n2:
+        u2 = (s2 - a2) / t2 + 2;
+        break;
+      case s2:
+        u2 = (a2 - n2) / t2 + 4;
+    }
+    u2 /= 6;
+  }
+  return `hsl(${Math.round(360 * u2)}, ${Math.round(100 * o2)}%, ${Math.round(100 * l2)}%)`;
+}, n = (r2) => {
+  const e2 = r2.match(t), a2 = Number(e2[0]) / 360, n2 = Number(e2[1]) / 100, s2 = Number(e2[2]) / 100;
+  let h2, i2, u2;
+  function o2(t2, r3, e3) {
+    return e3 < 0 && (e3 += 1), e3 > 1 && (e3 -= 1), e3 < 1 / 6 ? t2 + 6 * (r3 - t2) * e3 : e3 < 0.5 ? r3 : e3 < 2 / 3 ? t2 + (r3 - t2) * (2 / 3 - e3) * 6 : t2;
+  }
+  let l2 = s2 < 0.5 ? s2 * (1 + n2) : s2 + n2 - s2 * n2, c2 = 2 * s2 - l2;
+  return h2 = o2(c2, l2, a2 + 1 / 3), i2 = o2(c2, l2, a2), u2 = o2(c2, l2, a2 - 1 / 3), `rgb(${Math.round(255 * h2)}, ${Math.round(255 * i2)}, ${Math.round(255 * u2)})`;
+}, s = (t2) => a(e(t2)), h = (t2) => r(n(t2)), i = (r2) => {
+  const e2 = r2.match(t);
+  let a2 = Number(e2[0]) / 255, n2 = Number(e2[1]) / 255, s2 = Number(e2[2]) / 255;
+  const h2 = Math.max(a2, n2, s2), i2 = Math.min(a2, n2, s2);
+  let u2 = 0, o2 = 0, l2 = h2;
+  const c2 = h2 - i2;
+  if (o2 = 0 === h2 ? 0 : c2 / h2, h2 === i2) u2 = 0;
+  else {
+    switch (h2) {
+      case a2:
+        u2 = (n2 - s2) / c2 + (n2 < s2 ? 6 : 0);
+        break;
+      case n2:
+        u2 = (s2 - a2) / c2 + 2;
+        break;
+      case s2:
+        u2 = (a2 - n2) / c2 + 4;
+    }
+    u2 /= 6;
+  }
+  return `hsv(${360 * u2}, ${100 * o2}, ${100 * l2})`;
+}, u = (r2) => {
+  const e2 = r2.match(t);
+  let a2, n2, s2, h2, i2, u2, o2, l2, c2 = Number(e2[0]) / 360, m = Number(e2[1]) / 100, b = Number(e2[2]) / 100;
+  if (c2 && 0 === m) a2 = n2 = s2 = b;
+  else switch (c2 /= 60, h2 = Math.floor(c2), i2 = c2 - h2, u2 = b * (1 - m), o2 = b * (1 - m * i2), l2 = b * (1 - m * (1 - i2)), h2) {
+    case 0:
+      a2 = b, n2 = l2, s2 = u2;
+      break;
+    case 1:
+      a2 = o2, n2 = b, s2 = u2;
+      break;
+    case 2:
+      a2 = u2, n2 = b, s2 = l2;
+      break;
+    case 3:
+      a2 = u2, n2 = o2, s2 = b;
+      break;
+    case 4:
+      a2 = l2, n2 = u2, s2 = b;
+      break;
+    default:
+      a2 = b, n2 = u2, s2 = o2;
+  }
+  return `rgb(${Math.round(255 * a2)}, ${Math.round(255 * n2)}, ${Math.round(255 * s2)})`;
+}, o = (t2) => /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2) ? "hex" : /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2) ? "rgb" : "unknown", l = (r2, e2, n2) => {
+  let i2 = [];
+  if (r2.includes("#")) i2 = s(r2).match(t);
+  else if (r2.includes("rgb")) i2 = a(r2).match(t);
+  else {
+    if (!r2.includes("hsl")) throw new Error("颜色格式错误");
+    i2 = r2.match(t);
+  }
+  return h(`${i2[0]}, ${i2[1]}%, ${"light" === e2 ? Number(i2[2]) + n2 > 100 ? 100 : Number(i2[2]) + n2 : Number(i2[2]) - n2 < 0 ? 0 : Number(i2[2]) - n2}%`);
+}, c = { randomColor: () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), rgb2hex: r, hex2rgb: e, rgb2rgba: (t2, r2) => {
+  if (!r2) return t2;
+  if (t2.includes("rgba")) {
+    const e2 = t2.split(",");
+    return e2.pop(), e2.push(r2 + ")"), e2.join(",");
+  }
+  if (t2.includes("rgb")) {
+    const e2 = t2.split(","), a2 = "rgba(" + e2[0].split("(")[1], n2 = e2[e2.length - 1].split(")")[0];
+    return [a2, e2[1], n2, " " + r2 + ")"].join(",");
+  }
+}, rgb2hsl: a, hsl2rgb: n, hex2hsl: s, hsl2hex: h, rgb2hsv: i, hsv2rgb: u, hex2hsv: (t2) => i(e(t2)), hsv2hex: (t2) => r(u(t2)), formatColor: (e2, n2, s2 = "rgba") => {
+  const h2 = e2.match(t);
+  let i2 = Number(h2[0]) / 255, u2 = Number(h2[1]) / 255, o2 = Number(h2[2]) / 255;
+  return "rgba" === s2 ? `rgba(${i2},${u2},${o2},${n2})` : "rgb" === s2 ? e2 : "hex" === s2 ? r(e2) : "hsl" === s2 ? a(`rgba(${i2},${u2},${o2},${n2})`) : `rgba(${i2},${u2},${o2},${n2})`;
+}, getContrastColor: (t2) => {
+  const r2 = (function(t3) {
+    if (t3.startsWith("#")) return 4 === t3.length && (t3 = `#${t3.slice(1).repeat(2)}`), [parseInt(t3.substr(1, 2), 16), parseInt(t3.substr(3, 2), 16), parseInt(t3.substr(5, 2), 16)];
+    if (t3.startsWith("rgb")) {
+      const r3 = t3.match(/\d+/g);
+      return [parseInt(r3[0]), parseInt(r3[1]), parseInt(r3[2])];
+    }
+    return null;
+  })(t2);
+  return null === r2 ? null : (299 * (e2 = r2)[0] + 587 * e2[1] + 114 * e2[2]) / 1e3 > 128 ? "#000" : "#fff";
+  var e2;
+}, adjustColor: (t2, r2, e2) => {
+  const a2 = o(t2);
+  if ("hex" === a2) {
+    const a3 = t2.replace("#", ""), n2 = parseInt(a3.slice(0, 2), 16), s2 = parseInt(a3.slice(2, 4), 16), h2 = parseInt(a3.slice(4, 6), 16);
+    if ("lighten" === r2) {
+      const t3 = Math.min(255, Math.max(0, n2 + (255 - n2) * e2 / 100)), r3 = Math.min(255, Math.max(0, s2 + (255 - s2) * e2 / 100)), a4 = Math.min(255, Math.max(0, h2 + (255 - h2) * e2 / 100));
+      return `#${t3.toString(16).padStart(2, "0")}${r3.toString(16).padStart(2, "0")}${a4.toString(16).padStart(2, "0")}`;
+    }
+    if ("darken" === r2) {
+      const t3 = Math.min(255, Math.max(0, n2 - n2 * e2 / 100)), r3 = Math.min(255, Math.max(0, s2 - s2 * e2 / 100)), a4 = Math.min(255, Math.max(0, h2 - h2 * e2 / 100));
+      return `#${t3.toString(16).padStart(2, "0")}${r3.toString(16).padStart(2, "0")}${a4.toString(16).padStart(2, "0")}`;
+    }
+  } else if ("rgb" === a2) {
+    const a3 = t2.match(/\d+/g), n2 = parseInt(a3[0]), s2 = parseInt(a3[1]), h2 = parseInt(a3[2]);
+    if ("lighten" === r2) return `rgb(${Math.min(255, Math.max(0, n2 + (255 - n2) * e2 / 100))},${Math.min(255, Math.max(0, s2 + (255 - s2) * e2 / 100))},${Math.min(255, Math.max(0, h2 + (255 - h2) * e2 / 100))})`;
+    if ("darken" === r2) return `rgb(${Math.min(255, Math.max(0, n2 - n2 * e2 / 100))},${Math.min(255, Math.max(0, s2 - s2 * e2 / 100))},${Math.min(255, Math.max(0, h2 - h2 * e2 / 100))})`;
+  }
+  return t2;
+}, isValidColor: (t2) => !(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2) && !/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2)), getColorType: o, hex3To6: (t2) => {
+  const r2 = t2.replace("#", "").split("");
+  return `#${r2[0] + r2[0] + r2[1] + r2[1] + r2[2] + r2[2]}`;
+}, adjustingColors: l };
+export {
+  l as a,
+  c
+};

package/dist/es/common.ts-DQOEx8k3.js

@@ -0,0 +1,126 @@
+const t = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*()_+])[\da-zA-Z]{8,}$/, e = (t2) => t2 <= 11 ? Math.random().toString(36).substring(2, 2 + t2).padEnd(t2, "0") : e(11) + e(t2 - 11), r = ({ el: t2, str: e2 = "hello world", speed: r2 = 100, isExtendStr: n2 = true, onDone: o2 }) => {
+  let a2 = 0, s2 = null;
+  t2.textContent && n2 && (a2 = t2.textContent.length, e2 = t2.textContent + e2);
+  const i2 = () => {
+    clearTimeout(s2);
+    const n3 = e2.substring(0, a2 + 1);
+    t2.textContent = n3, a2++, a2 !== e2.length ? s2 = setTimeout(i2, r2) : o2 && o2();
+  };
+  i2();
+}, n = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), o = async (t2, e2) => {
+  const r2 = (t3, e3) => {
+    const r3 = window.URL.createObjectURL(t3), n2 = document.createElement("a");
+    n2.href = r3, n2.download = encodeURIComponent(e3), document.body.appendChild(n2), n2.click(), document.body.removeChild(n2), window.URL.revokeObjectURL(r3);
+  };
+  try {
+    if ("string" == typeof t2) {
+      const n2 = await fetch(t2);
+      if (!n2.ok) throw new Error(`Network response was not ok: ${n2.statusText}`);
+      r2(await n2.blob(), e2);
+    } else r2(t2, e2);
+  } catch (t3) {
+    console.error("文件下载失败:", t3 instanceof Error ? t3.message : String(t3));
+  }
+}, a = (t2, e2) => {
+  t2.toString().startsWith("2") ? e2.onSuccess && e2.onSuccess() : (t2.toString().startsWith("4") || t2.toString().startsWith("5")) && e2.onFail && e2.onFail();
+}, s = (t2) => {
+  const e2 = t2.getBoundingClientRect();
+  return { x: e2.left + e2.width / 2, y: e2.top + e2.height / 2 };
+}, i = (t2, e2, r2) => {
+  const n2 = new IntersectionObserver(e2, r2);
+  t2 instanceof HTMLElement ? n2.observe(t2) : t2.forEach((t3) => n2.observe(t3));
+}, c = (t2) => {
+  const e2 = Math.floor(t2 / 3600), r2 = Math.floor(t2 % 3600 / 60), n2 = Math.floor(t2 % 60), o2 = (t3) => t3.toString().padStart(2, "0");
+  return (e2 > 0 ? `${o2(e2)}:${o2(r2)}:${o2(n2)}` : `${o2(r2)}:${o2(n2)}`) + (t2 < 10 ? ".00" : t2 < 100 ? ".0" : "");
+}, l = (t2) => {
+  if (t2.length < 2) return t2;
+  const e2 = t2[0], r2 = t2.slice(1).filter((t3) => t3 <= e2), n2 = t2.slice(1).filter((t3) => t3 > e2);
+  return [...l(r2), e2, ...l(n2)];
+}, d = (t2, e2) => {
+  const r2 = ["B", "KB", "MB", "GB", "TB"], n2 = 1024;
+  let o2 = r2.indexOf((e2 == null ? void 0 : e2.unit) ?? "B");
+  if (-1 === o2) throw new Error("Invalid unit");
+  if (!(e2 == null ? void 0 : e2.unit)) for (; t2 / Math.pow(n2, o2) >= n2; ) o2++;
+  return `${(t2 / Math.pow(n2, o2)).toFixed((e2 == null ? void 0 : e2.decimalPlaces) ?? 0)} ${r2[o2]}`;
+}, u = (t2, e2) => `${Math.floor(t2 / g(t2, e2))}:${Math.floor(e2 / g(t2, e2))}`, g = (t2, e2) => {
+  for (; 0 !== e2; ) {
+    const r2 = e2;
+    e2 = t2 % e2, t2 = r2;
+  }
+  return t2;
+}, h = (t2, e2, r2) => {
+  t2.muted = true, t2.play();
+  const n2 = new AudioContext(), o2 = "running" === n2.state;
+  n2.close(), o2 ? (t2.muted = false, e2 == null ? void 0 : e2()) : r2 == null ? void 0 : r2();
+}, f = (t2) => new URLSearchParams(window.location.search).get(t2), p = (t2) => {
+  let e2;
+  const r2 = new Proxy(t2, { construct: (t3, r3) => (e2 || (e2 = Reflect.construct(t3, r3)), e2) });
+  return r2.prototype.construct = r2, r2;
+}, m = (t2) => "string" != typeof t2 || 0 === t2.length ? "" : t2.charAt(0).toUpperCase() + t2.slice(1), w = (t2) => {
+  if ("object" != typeof t2 || null === t2) return t2;
+  const e2 = Array.isArray(t2) ? [] : {};
+  for (const r2 in t2) Object.prototype.hasOwnProperty.call(t2, r2) && (e2[r2] = w(t2[r2]));
+  return e2;
+}, b = (t2) => new Promise((e2) => {
+  const r2 = new Image();
+  r2.src = "string" == typeof t2 ? t2 : URL.createObjectURL(t2), r2.onload = () => e2({ width: r2.width, height: r2.height });
+}), y = (t2, e2) => {
+  let r2 = 0;
+  const n2 = (o2) => {
+    r2 || (r2 = o2), o2 - r2 >= e2 ? t2() : requestAnimationFrame(n2);
+  };
+  requestAnimationFrame(n2);
+}, S = (t2, e2, r2) => {
+  const n2 = t2[e2];
+  t2[e2] = function(t3) {
+    n2 && "function" == typeof n2 && n2.call(this, t3), r2.call(this, t3);
+  };
+}, x = (t2) => {
+  if ("number" != typeof t2 || isNaN(t2)) throw new Error("请输入有效的数字");
+  const e2 = t2.toString().split(".");
+  return e2[0] = e2[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), e2.join(".");
+}, C = (t2) => parseFloat(t2.replace(/[^0-9.]/g, "")), O = (t2, e2, r2, n2) => Math.sqrt((t2 - r2) ** 2 + (e2 - n2) ** 2), M = (t2) => navigator.clipboard.writeText(t2), E = (t2) => Math.ceil((t2.getTime() - new Date(t2.getFullYear(), 0, 1).getTime()) / 864e5), A = (t2, e2, r2) => 0.2126 * t2 + 0.7152 * e2 + 0.0722 * r2, v = (t2) => {
+  const e2 = {};
+  return t2.replace(/([^?=&]+)=([^&]+)/g, (t3, r2, n2) => e2[r2] = n2), e2;
+}, I = (t2, ...e2) => Object.fromEntries(Object.entries(t2).filter(([t3]) => e2.includes(t3))), P = (t2) => {
+  if (!t2) return "";
+  const e2 = t2.lastIndexOf(".");
+  return -1 === e2 ? P(t2.substring(t2.lastIndexOf("/") + 1)) : t2.substring(0, e2);
+}, R = (t2) => {
+  if (!t2) return "";
+  const e2 = t2.lastIndexOf(".");
+  return t2.substring(e2 + 1);
+}, $ = { addCommasToNumber: x, addEventWithOriginHandler: S, calculateAspectRatio: u, checkDeviceIsMobile: n, checkStatusCode: a, copy2Clipboard: M, createIntersectionObserver: i, dayOfYear: E, deepCopy: w, downloadFile: o, formatFileSize: d, formatSecondes: c, getElementCenterPosition: s, getFileName: P, getFileSuffix: R, getImageSIze: b, getPointDistance: O, getURLSearchParams: f, grayColor: A, mediaAutoplayPolicies: h, parseQuery: v, passwordStrength: t, pick: I, printStr: r, pureNumber: C, quickSort: l, rafTimeout: y, randomString: e, safeCapitalizeWord: m, singleton: p };
+export {
+  l as A,
+  y as B,
+  e as C,
+  m as D,
+  p as E,
+  x as a,
+  S as b,
+  u as c,
+  n as d,
+  a as e,
+  $ as f,
+  s as g,
+  M as h,
+  i,
+  E as j,
+  w as k,
+  o as l,
+  d as m,
+  c as n,
+  P as o,
+  C as p,
+  R as q,
+  b as r,
+  O as s,
+  f as t,
+  A as u,
+  h as v,
+  v as w,
+  t as x,
+  I as y,
+  r as z
+};

package/dist/es/fileFormatConversion.ts-tUlewYon.js

@@ -0,0 +1,38 @@
+const t = (t2) => {
+  const e2 = t2.split(","), a2 = e2[0].match(/:(.*?);/)[1], s2 = atob(e2[1]);
+  let n2 = s2.length;
+  const o2 = new Uint8Array(n2);
+  for (; n2--; ) o2[n2] = s2.charCodeAt(n2);
+  return new Blob([o2], { type: a2 });
+}, e = (t2, e2) => {
+  const a2 = t2.split(","), s2 = a2[0].match(/:(.*?);/u)[1], n2 = atob(a2[1]);
+  let o2 = n2.length, i2 = "jpeg" === s2.split("/")[1] ? ".jpg" : "." + s2.split("/")[1];
+  const r2 = new Uint8Array(o2);
+  for (; o2--; ) r2[o2] = n2.charCodeAt(o2);
+  const l2 = new Blob([r2], { type: s2 });
+  return new File([l2], e2 + i2, { type: s2, lastModified: (/* @__PURE__ */ new Date()).getTime() });
+}, a = (t2) => new Promise((e2) => {
+  const a2 = new FileReader();
+  a2.readAsDataURL(t2), a2.onload = (t3) => {
+    var _a;
+    const a3 = (_a = t3.target) == null ? void 0 : _a.result, s2 = a3.split(",")[1];
+    e2(s2);
+  };
+}), s = (t2, e2 = "abc.jpg") => new File([t2], e2, { type: t2.type }), n = (t2) => new Promise((e2) => {
+  const a2 = new FileReader();
+  a2.readAsDataURL(t2), a2.onload = (t3) => {
+    var _a;
+    return e2((_a = t3.target) == null ? void 0 : _a.result);
+  };
+}), o = (t2) => t2.slice(0, t2.size, t2.type), i = async (t2) => await (await fetch(t2)).blob(), r = async (t2) => s(await i(t2)), l = async (t2) => await a(await i(t2));
+export {
+  e as a,
+  t as b,
+  a as c,
+  s as d,
+  o as e,
+  n as f,
+  i as g,
+  r as h,
+  l as u
+};

package/dist/es/formatTimeUtils.ts-CkdWJ_Sl.js

@@ -0,0 +1,32 @@
+const t = (t2) => t2 < 10 ? `0${t2}` : `${t2}`, e = (t2) => t2.toString().length > 13 ? new Date(Number(t2.toString().substring(0, 13))) : 13 === t2.toString().length ? new Date(t2) : t2.toString().length < 13 && t2.toString().length > 10 ? new Date(Number((t2.toString() + "000").substring(0, 13))) : 10 === t2.toString().length ? new Date(1e3 * t2) : new Date(Number((t2.toString() + "000000000000").substring(0, 13))), n = (n2, r2 = "YY-MM-DD hh:mm:ss") => {
+  const s2 = ["YY", "MM", "DD", "hh", "mm", "ss"], u2 = [], o = e(n2);
+  u2.push(o.getFullYear().toString()), u2.push(t(o.getMonth() + 1)), u2.push(t(o.getDate())), u2.push(t(o.getHours())), u2.push(t(o.getMinutes())), u2.push(t(o.getSeconds()));
+  for (let t2 in u2) r2 = r2.replace(s2[t2], u2[t2]);
+  return r2;
+}, r = (n2, r2 = "YY-MM-DD hh:mm:ss", s2 = "cn") => {
+  const u2 = ["YY", "MM", "DD", "hh", "mm", "ss"], o = [], h = e(n2);
+  o.push(((t2, e2) => {
+    const n3 = { en: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], cn: ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"] };
+    return t2.split("").map((t3) => n3[e2][Number(t3)]).join("");
+  })(h.getFullYear().toString(), s2)), o.push(((t2, e2) => ({ en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"], cn: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] })[e2][Number(t2) - 1])(t(h.getMonth() + 1), s2)), o.push(((t2, e2) => {
+    let n3;
+    return "en" === e2 ? n3 = "01" === t2 || "21" === t2 || "31" === t2 ? Number(t2) + "st" : "02" === t2 || "22" === t2 ? Number(t2) + "nd" : "03" === t2 || "23" === t2 ? Number(t2) + "rd" : Number(t2) + "th" : "01" === t2 ? n3 = "一日" : "02" === t2 ? n3 = "二日" : "03" === t2 ? n3 = "三日" : "04" === t2 ? n3 = "四日" : "05" === t2 ? n3 = "五日" : "06" === t2 ? n3 = "六日" : "07" === t2 ? n3 = "七日" : "08" === t2 ? n3 = "八日" : "09" === t2 ? n3 = "九日" : "10" === t2 ? n3 = "十日" : "11" === t2 ? n3 = "十一日" : "12" === t2 ? n3 = "十二日" : "13" === t2 ? n3 = "十三日" : "14" === t2 ? n3 = "十四日" : "15" === t2 ? n3 = "十五日" : "16" === t2 ? n3 = "十六日" : "17" === t2 ? n3 = "十七日" : "18" === t2 ? n3 = "十八日" : "19" === t2 ? n3 = "十九日" : "20" === t2 ? n3 = "二十日" : "21" === t2 ? n3 = "二十一日" : "22" === t2 ? n3 = "二十二日" : "23" === t2 ? n3 = "二十三日" : "24" === t2 ? n3 = "二十四日" : "25" === t2 ? n3 = "二十五日" : "26" === t2 ? n3 = "二十六日" : "27" === t2 ? n3 = "二十七日" : "28" === t2 ? n3 = "二十八日" : "29" === t2 ? n3 = "二十九日" : "30" === t2 ? n3 = "三十日" : "31" === t2 && (n3 = "三十一日"), n3 ?? t2;
+  })(t(h.getDate()), s2)), o.push(t(h.getHours())), o.push(t(h.getMinutes())), o.push(t(h.getSeconds()));
+  for (let t2 in o) r2 = r2.replace(u2[t2], o[t2]);
+  return r2;
+}, s = (e2, n2) => {
+  const r2 = ["DD", "hh", "mm", "ss"], s2 = [];
+  s2.push(Math.floor(e2 / 86400)), s2.push(t(Math.floor(e2 % 86400 / 3600))), s2.push(t(Math.floor(e2 % 3600 / 60))), s2.push(t(e2 % 60));
+  for (let t2 = 0; t2 < r2.length; t2++) n2 = n2.replace(r2[t2], s2[t2].toString());
+  return n2;
+}, u = (t2, e2) => {
+  const n2 = { year: 31536e3, month: 2592e3, day: 86400, hour: 3600, minute: 60, second: 1 };
+  if (!n2[e2]) throw new Error('Invalid type. Please use "day", "hour", "minute", or "second".');
+  return Math.floor(t2 / n2[e2]);
+};
+export {
+  u as c,
+  n as f,
+  r as l,
+  s
+};