ono-react-element 0.0.16 → 0.0.18

package/dist/es/{AutoSliderList-w9mw0JCN.js → AutoSliderList-eb1CVc8b.js}

@@ -1,6 +1,6 @@
 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 { 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" }) => {

package/dist/es/Button-BsWI818a.js

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,37 @@
+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/ScrollableTabs--449B73p.js

@@ -0,0 +1,34 @@
+import { j as e } from "./dependencies-CbQbPZZ-.js";
+import { forwardRef as t, useState as r, useRef as n, useEffect as l } from "react";
+const o = ({ children: t2, disabled: r2, className: n2, style: l2, onClick: o2 }) => e.jsx("li", { className: ["ono-scrollable-tab", n2].filter(Boolean).join(" "), style: l2, onClick: (e2) => !r2 && (o2 == null ? void 0 : o2(e2)), children: t2 }), s = t(({ activeIndex: t2, children: s2, className: c, style: a, position: i = "center", onChange: f }, d) => {
+  const [h, u] = r(0), m = n(null);
+  return l(() => {
+    const e2 = m.current;
+    if (!e2 || h < 0) return;
+    const r2 = e2.offsetWidth, n2 = Array.from(e2.children);
+    if (h >= n2.length) return;
+    const l2 = parseInt(((a == null ? void 0 : a.gap) || getComputedStyle(e2).gap || "0").toString(), 10) || 0;
+    let o2 = 0;
+    switch (n2.slice(0, h + 1).forEach((e3) => o2 += e3.offsetWidth + l2), i) {
+      case "start":
+        e2.scrollLeft = o2 - n2[h].offsetWidth - l2;
+        break;
+      case "end":
+        e2.scrollLeft = o2 - r2;
+        break;
+      default:
+        o2 -= n2[h].offsetWidth / 2 + (t2 !== n2.length - 1 ? l2 : 0), e2.scrollLeft = o2 - r2 / 2;
+    }
+  }, [m, s2, t2, i]), l(() => {
+    u(t2 || 0);
+  }, [t2]), l(() => {
+    d && ("function" == typeof d ? d(m.current) : d.current = m.current);
+  }, [d]), e.jsx("ul", { ref: m, className: ["ono-scrollable-tabs", c].filter(Boolean).join(" "), style: a, onClick: (e2) => {
+    m.current && Array.from(m.current.children).some((t3, r2) => {
+      if (t3.contains(e2.target)) return u(r2), f == null ? void 0 : f(r2), true;
+    });
+  }, children: s2(o) });
+});
+export {
+  s as S
+};

package/dist/es/Select-B11NvK-I.js

@@ -0,0 +1,34 @@
+import { j as e } from "./dependencies-CbQbPZZ-.js";
+import { useState as o, useEffect as n } from "react";
+import { T as t } from "./Tooltip-CgttMIcX.js";
+import { O as l } from "./Input-DLOeg2pz.js";
+import { L as a } from "./List-UAKCMuGC.js";
+const i = ({ label: o2, value: n2, disabled: t2, onChange: l2, selectValue: a2, optionRender: i2, currentValue: s2, onChangeCursor: r2 }) => e.jsx("button", { role: "option", "aria-label": o2, disabled: t2, className: "ono-option-item", onClick: () => l2 == null ? void 0 : l2(n2), onMouseEnter: () => !t2 && (r2 == null ? void 0 : r2(o2)), children: i2 ? i2({ label: o2, value: n2, disabled: t2 }, a2 === o2) : e.jsx("div", { className: ["ono-option-item-content", s2 === o2 && a2 !== o2 ? "ono-option-item-content-active" : "", a2 === o2 ? "ono-option-item-content-selected" : "", t2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: o2 }) }), s = ({ options: s2, defaultValue: c, placeholder: d, inputBorder: p, isShowArrow: m, disabled: u, clearable: f, selectClassName: h, optionsClassName: b, notFoundContent: j, optionRender: g, onClear: C, onChange: v, filterOption: x }) => {
+  const [w, N] = o(""), [L, V] = o(""), [B, S] = o(""), [k, M] = o(false), [O, y] = o(false), [R, A] = o(""), E = (e2) => {
+    const o2 = s2.find((o3) => o3.value === e2);
+    N(o2 ? o2.label : "");
+  }, F = (e2) => {
+    v == null ? void 0 : v(e2), A(e2), E(e2);
+  };
+  return n(() => {
+    c && E(c);
+  }, [c]), n(() => {
+    var _a;
+    if (s2.length > 0) {
+      if (c) {
+        const e2 = s2.find((e3) => e3.value === c);
+        e2 && V(e2.label);
+      } else e: for (let e2 = 0; e2 < s2.length; e2++) if (true !== ((_a = s2[e2]) == null ? void 0 : _a.disabled)) {
+        V(s2[0].label);
+        break e;
+      }
+    }
+  }, [s2, c]), e.jsx(t, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: m, className: ["ono-option-container", b].filter(Boolean).join(" "), onOpenChange: (e2) => {
+    y(e2), x && B && !e2 && S("");
+  }, content: e.jsx(a, { list: x ? "function" == typeof x ? x(B, s2) : s2.filter((e2) => e2.label.toLocaleLowerCase().includes(B.toLocaleLowerCase())) : s2, fallback: e.jsx("div", { className: "ono-option-item", children: e.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e2) => e2.stopPropagation(), children: j ?? "No Data" }) }), children: (o2) => e.jsx(i, { ...o2, onChange: F, selectValue: w.toString(), currentValue: L.toString(), optionRender: g, onChangeCursor: V }, o2.value) }), children: e.jsx("div", { className: "ono-select", onMouseEnter: () => M(true), onMouseLeave: () => M(false), children: e.jsx(l, { className: [x ? "" : "ono-select-readonly", h].filter(Boolean).join(" "), border: p, disabled: u, placeholder: x && R ? w.toString() || "" : d, readonly: !x, value: x && O ? B : w.toString(), clearable: k && f, suffix: k && f && w || f && B && x ? e.jsx(e.Fragment, {}) : e.jsx(r, { isVisible: O }), onClear: () => {
+    C == null ? void 0 : C(), v == null ? void 0 : v(""), A(""), N(""), 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 → Switch-BBHMaxoZ.js}

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

package/dist/es/{TemplateDialog-dD8BcnbA.js → TemplateDialog-PQxjmAJa.js}

@@ -1,5 +1,5 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { g as t } from "./common.ts-DQOEx8k3.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 = () => {

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

@@ -1,13 +1,13 @@
 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 { u as t } from "./useClickOutSide.tsx-CMvd2uTW.js";
+import { createPopper as r } 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, () => {
+  return t(k, () => {
     "click" !== a && "contextmenu" !== a || b(false);
   }, { event: ["click", "contextmenu"], deps: [a, u] }), c(() => {
     (() => {
@@ -17,7 +17,7 @@ const i = ({ children: i2, content: p, onOpenChange: u, trigger: a = "hover", pl
       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 }) {
+    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] } }, 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`;

package/dist/es/VirtualList-CdhqyHFQ.js

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,154 @@
+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
+};

package/dist/es/event-CtX9rswE.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class e {
+  constructor(e2) {
+    __publicField(this, "events", {});
+    e2.forEach((e3) => {
+      this.events[e3] = /* @__PURE__ */ new Set();
+    });
+  }
+  emit(e2, ...t2) {
+    if (!this.events[e2]) throw new Error(`Event ${e2} does not exist`);
+    this.events[e2].forEach((e3) => {
+      e3(...t2);
+    });
+  }
+  on(e2, t2) {
+    this.events[e2] || (this.events[e2] = /* @__PURE__ */ new Set()), this.events[e2].add(t2);
+  }
+  cancel(e2, t2) {
+    this.events[e2] && this.events[e2].delete(t2);
+  }
+}
+let t = null;
+const s = (s2) => (t || (t = new e(s2)), t);
+export {
+  s as c
+};

package/dist/es/index.js

@@ -7,31 +7,33 @@ import { u as u6 } from "./useMouseClick.tsx-C7uAH4n4.js";
 import { u as u7 } from "./useTheme.tsx-C5b7BRYz.js";
 import { u as u8 } from "./useThemePro.tsx-DQuSI8J7.js";
 import { a, c } from "./colorUtils.ts-DYuRvCXZ.js";
-import { a as a2, b, c as c2, d, e, f, h, i, j, k, l, m, n, g, o, q, r, s, t, u as u9, v, w, x, y, z, p, A, B, C, D, E } from "./common.ts-DQOEx8k3.js";
+import { a as a2, b, c as c2, d, e, f, h, i, j, k, l, m, n, o, g, q, r, s, u as u9, v, w, x, y, z, A, B, p, C, D, E, F, G, t } from "./common.ts-vX9A6Rye.js";
 import { b as b2, a as a3, c as c3, d as d2, f as f2, e as e2, u as u10, g as g2, h as h2 } from "./fileFormatConversion.ts-tUlewYon.js";
 import { c as c4, f as f3, l as l2, s as s2 } from "./formatTimeUtils.ts-CkdWJ_Sl.js";
-import { A as A2, D as D2 } from "./AutoSliderList-w9mw0JCN.js";
+import { c as c5 } from "./event-CtX9rswE.js";
+import { A as A2, D as D2 } from "./AutoSliderList-eb1CVc8b.js";
 import { A as A3 } from "./AvatarCrop-DrA-SARP.js";
 import { A as A4, L } from "./List-UAKCMuGC.js";
-import { B as B2 } from "./Button-C89izu2m.js";
+import { B as B2 } from "./Button-BsWI818a.js";
 import { C as C2 } from "./Card3D-DMvCSUhe.js";
 import { C as C3 } from "./Checkbox-daBabj14.js";
-import { E as E2, c as c5 } from "./VirtualList-w16-kBkT.js";
+import { E as E2, c as c6 } from "./VirtualList-CdhqyHFQ.js";
 import { i as i2 } from "./InjunctiveBox-DUNoNHCO.js";
 import { M } from "./MenuButton-DHkU5Bq7.js";
 import { m as m2 } from "./Message-BGDILiLc.js";
-import { M as M2 } from "./Modal-BIFxRjSt.js";
+import { M as M2 } from "./Modal-BsI-8rap.js";
 import { O, a as a4 } from "./Input-DLOeg2pz.js";
-import { O as O2 } from "./Select-DAU6TuBu.js";
+import { O as O2 } from "./Select-B11NvK-I.js";
 import { P } from "./Pagination-m71H2tfS.js";
 import { p as p2 } from "./PortalRenderer-CDAzQJgm.js";
 import { R, a as a5 } from "./Radio-D_GKVoOC.js";
-import { S } from "./SvgImg-CZwq2D7J.js";
-import { S as S2 } from "./Switch-CRJejHP9.js";
-import { T } from "./TemplateDialog-dD8BcnbA.js";
+import { S } from "./ScrollableTabs--449B73p.js";
+import { S as S2 } from "./SvgImg-CZwq2D7J.js";
+import { S as S3 } from "./Switch-BBHMaxoZ.js";
+import { T } from "./TemplateDialog-PQxjmAJa.js";
 import { t as t2 } from "./Toast-CQEsbqUJ.js";
-import { T as T2 } from "./Tooltip-j2AKREfX.js";
-import { W } from "./Waterfall-CFVkuuCO.js";
+import { T as T2 } from "./Tooltip-CgttMIcX.js";
+import { W } from "./Waterfall-CY3QkL5m.js";
 export {
   A2 as AutoSliderList,
   A3 as AvatarCrop,
@@ -50,8 +52,9 @@ export {
   P as Pagination,
   R as Radio,
   a5 as RadioGroup,
-  S as SvgImg,
-  S2 as Switch,
+  S as ScrollableTabs,
+  S2 as SvgImg,
+  S3 as Switch,
   T as TemplateDialog,
   T2 as Tooltip,
   W as Waterfall,
@@ -69,39 +72,42 @@ export {
   f as common,
   c4 as convertSecondToOtherTime,
   h as copy2Clipboard,
-  c5 as createDataSource,
+  c6 as createDataSource,
+  c5 as createEventEmitter,
   i as createIntersectionObserver,
   j as dayOfYear,
-  k as deepCopy,
-  l as downloadFile,
+  k as debounce,
+  l as deepCopy,
+  m as downloadFile,
   f2 as fileToBase64,
   e2 as fileToBlob,
-  m as formatFileSize,
-  n as formatSecondes,
+  n as formatFileSize,
+  o as formatSecondes,
   f3 as formatTime,
   g as getElementCenterPosition,
-  o as getFileName,
-  q as getFileSuffix,
-  r as getImageSIze,
-  s as getPointDistance,
-  t as getURLSearchParams,
-  u9 as grayColor,
+  q as getFileName,
+  r as getFileSuffix,
+  s as getImageSIze,
+  u9 as getPointDistance,
+  v as getURLSearchParams,
+  w as grayColor,
   i2 as injunctiveBox,
   l2 as localFormat,
-  v as mediaAutoplayPolicies,
+  x as mediaAutoplayPolicies,
   m2 as message,
-  w as parseQuery,
-  x as passwordStrength,
-  y as pick,
+  y as parseQuery,
+  z as passwordStrength,
+  A as pick,
   p2 as portalRenderer,
-  z as printStr,
+  B as printStr,
   p as pureNumber,
-  A as quickSort,
-  B as rafTimeout,
-  C as randomString,
-  D as safeCapitalizeWord,
+  C as quickSort,
+  D as rafTimeout,
+  E as randomString,
+  F as safeCapitalizeWord,
   s2 as second2Day,
-  E as singleton,
+  G as singleton,
+  t as throttle,
   t2 as toast,
   u10 as urlToBase64,
   g2 as urlToBlob,