ono-react-element 0.0.18 → 0.0.19

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ono-react-element",
   "private": false,
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Component library by React + Typescript",
   "type": "module",
   "main": "./dist/umd/index.umd.cjs",

package/dist/es/AutoSliderList-eb1CVc8b.js

@@ -1,30 +0,0 @@
-import { j as t } from "./dependencies-CbQbPZZ-.js";
-import { u as e } from "./useGetElementSize.tsx-Dtshth0Y.js";
-import { p as i } from "./common.ts-vX9A6Rye.js";
-import { useState as o, useRef as r, useMemo as n, useEffect as s, cloneElement as l } from "react";
-var a = ((t2) => (t2.Horizontal = "Horizontal", t2.Vertical = "Vertical", t2))(a || {});
-const c = ({ list: c2, style: d, disable: f, children: m, sliderBox: u, className: p, sliderStyle: h, duration: x = 300, sliderClassName: w, currentIndex: y = 0, direction: j = a.Horizontal, sliderTransitionTimingFunction: z = "ease-in-out" }) => {
-  const [g, H] = o(false), [T, $] = o(0), [v, A] = o({ t: 0, l: 0 }), [C, N] = o({ w: 0, h: 0 }), b = r(null), B = r(null), S = n(() => ["width", "height", "transform"].map((t2) => `${t2} ${x / 1e3}s ${z}`).join(","), [j, x, z]), k = n(() => ({ width: C.w, height: C.h, transition: g ? S : "initial", transform: `translate(${v.l}px, ${v.t}px)` }), [C, v]), { w: D, h: E } = e();
-  return s(() => {
-    $(y);
-  }, [y]), s(() => {
-    (() => {
-      if ("number" != typeof T) return;
-      if (!b.current || !B.current) return;
-      const t2 = Array.from(b.current.children).slice(1);
-      t2.forEach((t3) => {
-        t3.style.position = "relative", t3.style.cursor = f ? "not-allowed" : "pointer", t3.style.zIndex = "1";
-      });
-      const e2 = window.getComputedStyle(b.current), o2 = { t: "Horizontal" === j ? i(e2.paddingTop) : t2[T].offsetTop, l: "Horizontal" === j ? t2[T].offsetLeft : i(e2.paddingLeft) };
-      A(o2), N({ w: t2[T].offsetWidth, h: t2[T].offsetHeight }), setTimeout(() => H(true), x);
-    })();
-  }, [T, D, E, f]), t.jsxs("ul", { ref: b, className: ["ono-auto-slider-list-container", p, f ? "ono-auto-slider-list-is-disable" : ""].filter(Boolean).join(" "), style: { flexDirection: "Horizontal" === j ? "row" : "column", ...d }, children: [t.jsx("li", { ref: B, className: ["ono-auto-slider-list-slider", w].filter(Boolean).join(" "), style: { ...h, ...k }, children: u }), c2.map((t2, e2) => l(m({ item: t2, index: e2, isActive: e2 === T }), { onClick: (i2) => {
-    if (f) return;
-    const o2 = m({ item: t2, index: e2, isActive: e2 === T }).props.onClick;
-    o2 && o2(i2), $(e2);
-  } }))] });
-};
-export {
-  c as A,
-  a as D
-};

package/dist/es/Button-BsWI818a.js

@@ -1,29 +0,0 @@
-import { j as n } from "./dependencies-CbQbPZZ-.js";
-import { t as o } from "./common.ts-vX9A6Rye.js";
-import { forwardRef as t, useState as e, useRef as i, useEffect as r } from "react";
-const s = t(({ onClick: t2, children: s2, disabled: c, loading: a, plain: l, shape: d = "default", htmlType: u = "button", type: p = "primary", throttleDuration: m, className: f, style: h, icon: g }, b) => {
-  const [j, y] = e(false), x = i(null), C = i(null), v = t2 ? o(t2, m ? "number" == typeof m ? m : 500 : 0) : void 0;
-  return r(() => {
-    (() => {
-      if (!C.current) return;
-      const n2 = C.current;
-      a ? (y(true), n2.classList.add("ono-loading-start")) : (setTimeout(() => {
-        y(false);
-      }, 300), n2.classList.remove("ono-loading-start"), n2.classList.add("ono-loading-end"));
-    })();
-  }, [a, C]), r(() => {
-    (() => {
-      if (!x.current) return;
-      const n2 = x.current, o2 = n2.getBoundingClientRect();
-      n2.style.setProperty("--btn-height", o2.height + "px");
-    })();
-  }, [x]), r(() => {
-    b && x && ("function" == typeof b ? b(x.current) : b.current = x.current);
-  }, [b, x]), n.jsxs("button", { ref: x, className: [`ono-btn-${p}`, a || j ? "ono-is-loading" : "", a || g ? "ono-is-icon" : "", c ? "ono-btn-is-disabled" : "", "round" === d ? "ono-is-round" : "circle" === d ? "ono-is-circle" : "", l ? "ono-is-plain" : "", f ?? ""].filter(Boolean).join(" "), type: u, disabled: ("function" == typeof c ? c() : c) || !!a, style: h, onClick: v, children: [(() => {
-    const o2 = n.jsx("span", { ref: C, className: "ono-btn-icon", children: n.jsx("span", { children: "object" == typeof a ? a.icon : n.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", children: n.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) }) }) });
-    return a || j ? o2 : g ? n.jsx("span", { children: g }) : n.jsx(n.Fragment, {});
-  })(), s2] });
-});
-export {
-  s as B
-};

package/dist/es/Modal-BsI-8rap.js

@@ -1,37 +0,0 @@
-import { j as o } from "./dependencies-CbQbPZZ-.js";
-import { a as e } from "./colorUtils.ts-DYuRvCXZ.js";
-import { useState as n, useRef as l, useEffect as a } from "react";
-import { p as t } from "./PortalRenderer-CDAzQJgm.js";
-import { B as r } from "./Button-BsWI818a.js";
-const s = ({ title: t2 = "This is a modal title", icon: s2, content: i2 = "This is a modal content", okText: c = "confirm", cancelText: d = "cancel", confirmDisabled: m, cancelDisabled: h, position: x, onConfirm: b, onCancel: f, mask: u = true, maskClosable: p = false, width: j, btnClr: C, footer: v = ({ OkBtn: e2, CancelBtn: n2 }) => o.jsxs(o.Fragment, { children: [o.jsx(n2, {}), o.jsx(e2, {})] }), modalBody: y, destroy: B }) => {
-  const [g, w] = n(false), k = l(null), N = l(null), P = [{ label: "themeColor", value: C || "" }, { label: "themeHoverColor", value: C && e(C, "light", 10) || "" }, { label: "themeActiveColor", value: C && e(C, "dark", 20) || "" }, { label: "themeDisabledClr", value: C && e(C, "light", 20) || "" }], T = () => {
-    if (x) {
-      if (!N.current) return;
-      N.current.classList.remove("ono-modal-enter"), N.current.classList.add("ono-modal-leave"), setTimeout(() => {
-        B();
-      }, 300);
-    } else B();
-  };
-  return a(() => (k.current && (u ? k.current.showModal() : k.current.show()), () => {
-    k.current && k.current.close();
-  }), [k.current, u]), a(() => {
-    (() => {
-      if (!N.current) return;
-      const o2 = N.current.style;
-      j && o2.setProperty("--width", j + "px"), x && (o2.setProperty("--left", (x.x / window.innerWidth * 100).toFixed(2) + "%"), o2.setProperty("--top", (x.y / window.innerHeight * 100).toFixed(2) + "%")), C && P.forEach((e2) => o2.setProperty(`--${e2.label}`, e2.value));
-    })();
-  }, [N]), o.jsx("dialog", { ref: k, className: "ono-modal", onClick: () => p && T(), children: y ? y(T) : o.jsxs("div", { ref: N, className: ["ono-modal-box", x ? "ono-modal-enter" : ""].join(" "), onClick: (o2) => o2.stopPropagation(), children: [o.jsxs("div", { className: "ono-modal-box-body", children: [s2 ?? o.jsx("div", { className: "ono-modal-box-body-icon", children: o.jsx("svg", { color: "#faad14", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", width: "22px", height: "22px", fill: "currentColor", "aria-hidden": "true", style: { marginInlineEnd: "12px" }, children: o.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) }) }), o.jsxs("div", { className: "ono-modal-box-body-contentBar", children: [o.jsx("h1", { className: "ono-modal-box-body-contentBar-title", children: t2 }), o.jsx("p", { className: "ono-modal-box-body-contentBar-content", children: i2 })] })] }), v && o.jsx("div", { className: "ono-modal-box-footer", children: v({ OkBtn: () => o.jsx(r, { className: "ono-modal-box-footer-confirmBtn", loading: g, disabled: m, onClick: async () => {
-    w(true);
-    try {
-      const o2 = b == null ? void 0 : b();
-      o2 instanceof Promise && await o2;
-    } finally {
-      w(false), T();
-    }
-  }, children: c ?? "Confirm" }), CancelBtn: () => o.jsx(r, { className: "ono-modal-box-footer-cancelBtn", disabled: h || g, onClick: () => {
-    f == null ? void 0 : f(), T();
-  }, children: d ?? "Cancel" }), handleClose: () => T() }) })] }) });
-}, i = (o2) => t(s, o2, "ono-modal");
-export {
-  i as M
-};

package/dist/es/Switch-BBHMaxoZ.js

@@ -1,34 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { p as n } from "./common.ts-vX9A6Rye.js";
-import { useRef as r, useEffect as c } from "react";
-const t = ({ id: t2, text: i, style: s, color: l, checked: o, onChange: a, name: d = "", className: h, disabled: u = false }) => {
-  const m = r(null), f = r(null), v = r(null), p = r(null), j = r(null), x = r(null), w = [{ value: "string" == typeof l ? l : l == null ? void 0 : l.active, name: "checkedClr" }, { value: "string" == typeof l ? void 0 : l == null ? void 0 : l.inactive, name: "uncheckedClr" }];
-  return c(() => {
-    (() => {
-      if (!f.current || !m.current) return;
-      let e2 = 60, r2 = 32;
-      if (h || s) {
-        const c2 = getComputedStyle(f.current);
-        e2 = n(c2.width), r2 = n(c2.height);
-      }
-      [...w, { value: e2, name: "w" }, { value: r2, name: "h" }].forEach(({ value: e3, name: n2 }) => {
-        e3 && ((e4, n3, r3) => {
-          const c2 = "number" == typeof e4;
-          r3.style.setProperty(`--${n3}`, c2 ? `${e4}px` : e4);
-        })(e3, n2, m.current);
-      }), requestAnimationFrame(() => {
-        p.current && (p.current.style.transition = "transform 0.3s");
-      });
-    })();
-  }, [f, m, p, h, s, l, i, j, x]), c(() => {
-    v.current && (v.current.checked = o);
-  }, [v, o]), e.jsxs("div", { ref: m, className: ["ono-switch", u ? "ono-switch-is-disabled" : ""].filter(Boolean).join(" "), children: [e.jsx("input", { id: t2, name: d, role: "switch", ref: v, type: "checkbox", checked: o, onChange: (e2) => {
-    u || (a == null ? void 0 : a(e2.currentTarget.checked, e2));
-  } }), e.jsx("div", { ref: f, className: ["ono-switch-box", h || ""].filter(Boolean).join(" "), style: s, onClick: () => {
-    var _a;
-    return (_a = v.current) == null ? void 0 : _a.click();
-  }, children: e.jsxs("div", { ref: p, className: "ono-switch-children-bar", children: [(i == null ? void 0 : i.active) && e.jsx("div", { ref: j, className: "ono-switch-children", children: i == null ? void 0 : i.active }), e.jsx("div", { className: "ono-switch-slider" }), (i == null ? void 0 : i.inactive) && e.jsx("div", { ref: x, className: "ono-switch-children", children: i == null ? void 0 : i.inactive })] }) })] });
-};
-export {
-  t as S
-};

package/dist/es/TemplateDialog-PQxjmAJa.js

@@ -1,45 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { g as t } from "./common.ts-vX9A6Rye.js";
-import { useState as o, useRef as n, useEffect as r, useCallback as s } from "react";
-const i = ({ children: i2, animation: a, className: l, duration: c = 300, style: d, maskColor: m = "rgba(0, 0, 0, 0.5)", disableContextMenu: p, maskClickClose: u = true, dialogClose: y }) => {
-  const [f, k] = o(false), g = n(null), x = () => {
-    if (g.current) if (k(true), a) {
-      const e2 = g.current;
-      e2.classList.remove(`ono-${a.type}-enter`), e2.classList.add(`ono-${a.type}-leave`), setTimeout(y, c);
-    } else y();
-  };
-  r(() => {
-    (() => {
-      if (!a || !g.current) return;
-      const e2 = g.current.parentElement.style, o2 = g.current.style;
-      switch (e2.setProperty("--duration", c / 1e3 + "s"), a.type) {
-        case "zoom": {
-          const { x: e3, y: n2 } = t(a.element), r2 = (e3 / window.innerWidth * 100).toFixed(2) + "%", s2 = (n2 / window.innerHeight * 100).toFixed(2) + "%";
-          o2.setProperty("--left", r2), o2.setProperty("--top", s2);
-          break;
-        }
-        case "fade": {
-          const e3 = "left-center" === a.direction ? "--left" : "--top";
-          o2.setProperty(e3, a.startPosition);
-          break;
-        }
-      }
-    })();
-  }, [g, a]);
-  const C = s(() => {
-    if (!a) return "";
-    const e2 = `ono-${a.type}-enter`, t2 = `ono-${a.type}-leave`;
-    return f ? t2 : e2;
-  }, [a, f]);
-  return e.jsx("div", { className: `
-        ono-dialog-mask
-        ono-dialog-mask-${f ? "leave" : "enter"}
-      `, style: { background: m }, onClick: () => u && x(), onContextMenu: (e2) => p && e2.preventDefault(), children: e.jsx("div", { ref: g, className: `
-          ono-dialog
-          ${l || ""} 
-          ${C()}
-        `, style: d, onClick: (e2) => e2.stopPropagation(), children: "function" == typeof i2 ? i2(x) : i2 }) });
-};
-export {
-  i as T
-};

package/dist/es/VirtualList-CdhqyHFQ.js

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

package/dist/es/Waterfall-CY3QkL5m.js

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

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

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