ono-react-element 0.0.15 → 0.0.17

package/package.json

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

package/dist/es/AutoSliderList-w9mw0JCN.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-DQOEx8k3.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-C89izu2m.js

@@ -1,26 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { useState as n, useRef as t, useEffect as s } from "react";
-const i = ({ onClick: i2, children: o, disabled: r, loading: l, plain: a, shape: c = "default", htmlType: d = "button", type: u = "primary", className: p, style: h, icon: f }) => {
-  const [m, g] = n(false), j = t(null), b = t(null);
-  return s(() => {
-    (() => {
-      if (!b.current) return;
-      const e2 = b.current;
-      l ? (g(true), e2.classList.add("ono-loading-start")) : (setTimeout(() => {
-        g(false);
-      }, 300), e2.classList.remove("ono-loading-start"), e2.classList.add("ono-loading-end"));
-    })();
-  }, [l, b]), s(() => {
-    (() => {
-      if (!j.current) return;
-      const e2 = j.current, n2 = e2.getBoundingClientRect();
-      e2.style.setProperty("--btn-height", n2.height + "px");
-    })();
-  }, [j]), e.jsxs("button", { ref: j, className: [`ono-btn-${u}`, l || m ? "is-loading" : "", l || f ? "is-icon" : "", r ? "is-disabled" : "", "round" === c ? "is-round" : "circle" === c ? "is-circle" : "", a ? "is-plain" : "", p ?? ""].filter(Boolean).join(" "), type: d, disabled: ("function" == typeof r ? r() : r) || !!l, style: h, onClick: i2, children: [(() => {
-    const n2 = e.jsx("span", { ref: b, className: "ono-btn-icon", children: e.jsx("span", { children: "object" == typeof l ? l.icon : e.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", children: e.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 l || m ? n2 : f ? e.jsx("span", { children: f }) : e.jsx(e.Fragment, {});
-  })(), o] });
-};
-export {
-  i as B
-};

package/dist/es/Modal-BIFxRjSt.js

@@ -1,32 +0,0 @@
-import { j as o } from "./dependencies-CbQbPZZ-.js";
-import { a as e } from "./colorUtils.ts-DYuRvCXZ.js";
-import { useRef as l, useEffect as n } from "react";
-import { p as a } from "./PortalRenderer-CDAzQJgm.js";
-const t = ({ title: a2 = "This is a modal title", icon: t2, content: r2 = "This is a modal content", okText: s = "confirm", cancelText: i = "cancel", isLoading: c, confirmDisabled: d, cancelDisabled: m, position: x, onConfirm: h = () => {
-}, onCancel: b = () => {
-}, mask: u = true, maskClosable: f = false, width: j, btnClr: p, footer: C = ({ OkBtn: e2, CancelBtn: l2 }) => o.jsxs(o.Fragment, { children: [o.jsx(l2, {}), o.jsx(e2, {})] }), modalBody: v, destroy: g }) => {
-  const y = l(null), B = l(null), w = [{ label: "themeColor", value: p || "" }, { label: "themeHoverColor", value: p && e(p, "light", 10) || "" }, { label: "themeActiveColor", value: p && e(p, "dark", 20) || "" }, { label: "themeDisabledClr", value: p && e(p, "light", 20) || "" }], N = () => {
-    if (x) {
-      if (!B.current) return;
-      B.current.classList.remove("ono-modal-enter"), B.current.classList.add("ono-modal-leave"), setTimeout(() => {
-        g();
-      }, 300);
-    } else g();
-  };
-  return n(() => (y.current && (u ? y.current.showModal() : y.current.show()), () => {
-    y.current && y.current.close();
-  }), [y.current, u]), n(() => {
-    (() => {
-      if (!B.current) return;
-      const o2 = B.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) + "%")), p && w.forEach((e2) => o2.setProperty(`--${e2.label}`, e2.value));
-    })();
-  }, [B]), o.jsx("dialog", { ref: y, className: "ono-modal", onClick: () => f && N(), children: v ? v(N) : o.jsxs("div", { ref: B, className: ["ono-modal-box", x ? "ono-modal-enter" : ""].join(" "), onClick: (o2) => o2.stopPropagation(), children: [o.jsxs("div", { className: "ono-modal-box-body", children: [t2 ?? 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: a2 }), o.jsx("p", { className: "ono-modal-box-body-contentBar-content", children: r2 })] })] }), C && o.jsx("div", { className: "ono-modal-box-footer", children: C({ OkBtn: () => o.jsxs("button", { className: "ono-modal-box-footer-confirmBtn", disabled: d || c, onClick: () => {
-    h(), N();
-  }, children: [c && o.jsx("svg", { className: "ono-modal-box-footer-confirmBtn-loading", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: "currentColor", "aria-hidden": "true", children: o.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" }) }), s ?? "Confirm"] }), CancelBtn: () => o.jsx("button", { className: "ono-modal-box-footer-cancelBtn", disabled: m || c, onClick: () => {
-    b(), N();
-  }, children: i ?? "Cancel" }), handleClose: () => N() }) })] }) });
-}, r = (o2) => a(t, o2, "ono-modal");
-export {
-  r as M
-};

package/dist/es/Select-DAU6TuBu.js

@@ -1,23 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { useState as o, useEffect as n } from "react";
-import { T as a } from "./Tooltip-j2AKREfX.js";
-import { O as t } from "./Input-DLOeg2pz.js";
-import { L as l } from "./List-UAKCMuGC.js";
-const i = ({ label: o2, value: n2, disabled: a2, onChange: t2, optionRender: l2, currentValue: i2 }) => e.jsx("button", { role: "option", "aria-label": o2, disabled: a2, className: "ono-option-item", onClick: () => t2 == null ? void 0 : t2(n2), children: l2 ? l2({ label: o2, value: n2, disabled: a2 }, i2 === o2) : e.jsx("div", { className: ["ono-option-item-content", i2 === o2 ? "ono-option-item-content-active" : "", a2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: o2 }) }), s = ({ options: s2, defaultValue: c, placeholder: d, inputBorder: m, isShowArrow: p, disabled: u, clearable: h, selectClassName: b, optionsClassName: f, filterable: j, notFoundContent: x, optionRender: v, onClear: C, onChange: g, filterMethod: w }) => {
-  const [N, L] = o(""), [B, S] = o(""), [V, k] = o(false), [M, y] = o(false), [O, R] = o(""), A = (e2) => {
-    const o2 = s2.find((o3) => o3.value === e2);
-    L(o2 ? o2.label : "");
-  }, F = (e2) => {
-    g == null ? void 0 : g(e2), R(e2), A(e2);
-  };
-  return n(() => {
-    c && A(c);
-  }, [c, s2]), e.jsx(a, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: p, className: ["ono-option-container", f].filter(Boolean).join(" "), onOpenChange: (e2) => {
-    y(e2), j && B && !e2 && S("");
-  }, content: e.jsx(l, { list: j ? w && "function" == typeof w ? w(B, s2) : s2.filter((e2) => e2.label.toLocaleLowerCase().includes(B.toLocaleLowerCase())) : s2, fallback: x ?? e.jsx("div", { className: "ono-option-item", children: e.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e2) => e2.stopPropagation(), children: "No Data" }) }), children: (o2) => e.jsx(i, { ...o2, onChange: F, currentValue: N.toString(), optionRender: v }, o2.value) }), children: e.jsx("div", { className: "ono-select", onMouseEnter: () => k(true), onMouseLeave: () => k(false), children: e.jsx(t, { className: [j ? "" : "ono-select-readonly", b].filter(Boolean).join(" "), border: m, disabled: u, placeholder: j && O ? N.toString() || "" : d, readonly: !j, value: j && M ? B : N.toString(), clearable: V && h, suffix: V && h && N || h && B && j ? e.jsx(e.Fragment, {}) : e.jsx(r, { isVisible: M }), onClear: () => {
-    C == null ? void 0 : C(), g == null ? void 0 : g(""), R(""), L(""), S("");
-  }, onChange: (e2) => S(e2.target.value) }) }) });
-}, r = ({ isVisible: o2 }) => e.jsx("svg", { className: ["ono-select-arrow-down-icon", o2 ? "ono-select-arrow-down-active" : ""].filter(Boolean).join(" "), viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", fill: "currentColor", "aria-hidden": "true", children: e.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }) });
-export {
-  s as O
-};

package/dist/es/Switch-CRJejHP9.js

@@ -1,34 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { p as n } from "./common.ts-DQOEx8k3.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-dD8BcnbA.js

@@ -1,45 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { g as t } from "./common.ts-DQOEx8k3.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/Tooltip-j2AKREfX.js

@@ -1,29 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.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 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 r(k, () => {
-    "click" !== a && "contextmenu" !== a || b(false);
-  }, { 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, 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: 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 {
-  i as T
-};

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

@@ -1,65 +0,0 @@
-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-CFVkuuCO.js

@@ -1,55 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-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);
-    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) => {
-        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;
-  }), F = n(() => {
-    if (!D.current) return;
-    const e2 = D.current.clientWidth;
-    let t2 = 0, a2 = f.page;
-    if (c && f.reloadData !== c && (x({ 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: [] }), w([]), b([]), a2 = 1), "number" == typeof r2) {
-      const a3 = Math.floor(e2 / f.imageWidth);
-      t2 = a3 - 1;
-      const i2 = t2 ? (e2 - a3 * f.imageWidth) / t2 : 0;
-      L({ columns: a3, gap: i2 });
-    } else {
-      t2 = f.columns - 1;
-      const a3 = (e2 - t2 * f.gap) / f.columns;
-      L({ imageWidth: a3 });
-    }
-    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();
-      i2 - a2 >= t2 && (e2(), a2 = i2);
-    };
-  })(() => {
-    const { scrollTop: e2, clientHeight: t2, scrollHeight: a2 } = v.current;
-    a2 - t2 - e2 > h || !f.loading && N(f.page, s);
-  });
-  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/common.ts-DQOEx8k3.js

@@ -1,126 +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), 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
-};