ono-react-element 0.0.15 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/es/AutoSliderList-eb1CVc8b.js +1 -0
  2. package/dist/es/AvatarCrop-DrA-SARP.js +1 -65
  3. package/dist/es/Button-BsWI818a.js +1 -0
  4. package/dist/es/Card3D-DMvCSUhe.js +1 -18
  5. package/dist/es/Checkbox-daBabj14.js +1 -19
  6. package/dist/es/InjunctiveBox-DUNoNHCO.js +1 -11
  7. package/dist/es/Input-DLOeg2pz.js +1 -80
  8. package/dist/es/List-UAKCMuGC.js +1 -19
  9. package/dist/es/MenuButton-DHkU5Bq7.js +1 -17
  10. package/dist/es/Message-BGDILiLc.js +1 -105
  11. package/dist/es/Modal-BsI-8rap.js +1 -0
  12. package/dist/es/Pagination-m71H2tfS.js +1 -17
  13. package/dist/es/PortalRenderer-CDAzQJgm.js +1 -19
  14. package/dist/es/Radio-D_GKVoOC.js +1 -25
  15. package/dist/es/ScrollableTabs--449B73p.js +1 -0
  16. package/dist/es/Select-B11NvK-I.js +1 -0
  17. package/dist/es/SvgImg-CZwq2D7J.js +1 -14
  18. package/dist/es/Switch-BBHMaxoZ.js +1 -0
  19. package/dist/es/TemplateDialog-PQxjmAJa.js +1 -0
  20. package/dist/es/Toast-CQEsbqUJ.js +1 -42
  21. package/dist/es/Tooltip-CgttMIcX.js +1 -0
  22. package/dist/es/VirtualList-CdhqyHFQ.js +1 -0
  23. package/dist/es/Waterfall-CY3QkL5m.js +1 -0
  24. package/dist/es/colorUtils.ts-DYuRvCXZ.js +1 -145
  25. package/dist/es/common.ts-vX9A6Rye.js +1 -0
  26. package/dist/es/dependencies-CbQbPZZ-.js +1 -15524
  27. package/dist/es/event-CtX9rswE.js +1 -0
  28. package/dist/es/fileFormatConversion.ts-tUlewYon.js +1 -38
  29. package/dist/es/formatTimeUtils.ts-CkdWJ_Sl.js +1 -32
  30. package/dist/es/index.js +1 -115
  31. package/dist/es/useClickOutSide.tsx-CMvd2uTW.js +1 -15
  32. package/dist/es/useCountdown.tsx-Btzj-keH.js +1 -16
  33. package/dist/es/useEventListener.tsx-BBGVcI5T.js +1 -12
  34. package/dist/es/useGetElementSize.tsx-Dtshth0Y.js +1 -22
  35. package/dist/es/useKeyPress.tsx-Db44HXXz.js +1 -18
  36. package/dist/es/useMouseClick.tsx-C7uAH4n4.js +1 -12
  37. package/dist/es/useTheme.tsx-C5b7BRYz.js +1 -24
  38. package/dist/es/useThemePro.tsx-DQuSI8J7.js +1 -20
  39. package/dist/es/viewTransitionUtils.ts-CHa9uBpi.js +1 -19
  40. package/dist/index.css +1 -1
  41. package/dist/style/Button.css +1 -1
  42. package/dist/style/Modal.css +1 -1
  43. package/dist/style/ScrollableTabs.css +1 -0
  44. package/dist/style/Select.css +1 -1
  45. package/dist/types/components/Button/Button.d.ts +1 -1
  46. package/dist/types/components/Button/types.d.ts +1 -0
  47. package/dist/types/components/Modal/types.d.ts +0 -1
  48. package/dist/types/components/ScrollableTabs/ScrollableTab.d.ts +2 -0
  49. package/dist/types/components/ScrollableTabs/ScrollableTabs.d.ts +2 -0
  50. package/dist/types/components/ScrollableTabs/index.d.ts +1 -0
  51. package/dist/types/components/ScrollableTabs/types.d.ts +17 -0
  52. package/dist/types/components/Select/Option.d.ts +1 -1
  53. package/dist/types/components/Select/Select.d.ts +1 -1
  54. package/dist/types/components/Select/types.d.ts +12 -12
  55. package/dist/types/components/index.d.ts +1 -0
  56. package/dist/types/event/createEventEmitter.d.ts +2 -0
  57. package/dist/types/event/eventEmitter.d.ts +7 -0
  58. package/dist/types/event/index.d.ts +1 -0
  59. package/dist/types/index.d.ts +4 -3
  60. package/dist/types/utils/common.d.ts +22 -0
  61. package/dist/umd/index.css +1 -1
  62. package/dist/umd/index.css.br +0 -0
  63. package/dist/umd/index.css.gz +0 -0
  64. package/dist/umd/index.umd.cjs +1 -16587
  65. package/dist/umd/index.umd.cjs.br +0 -0
  66. package/dist/umd/index.umd.cjs.gz +0 -0
  67. package/package.json +1 -1
  68. package/dist/es/AutoSliderList-w9mw0JCN.js +0 -30
  69. package/dist/es/Button-C89izu2m.js +0 -26
  70. package/dist/es/Modal-BIFxRjSt.js +0 -32
  71. package/dist/es/Select-DAU6TuBu.js +0 -23
  72. package/dist/es/Switch-CRJejHP9.js +0 -34
  73. package/dist/es/TemplateDialog-dD8BcnbA.js +0 -45
  74. package/dist/es/Tooltip-j2AKREfX.js +0 -29
  75. package/dist/es/VirtualList-w16-kBkT.js +0 -65
  76. package/dist/es/Waterfall-CFVkuuCO.js +0 -55
  77. package/dist/es/common.ts-DQOEx8k3.js +0 -126
@@ -1,42 +1 @@
1
- import { j as e } from "./dependencies-CbQbPZZ-.js";
2
- import { useEffect as s, useRef as t } from "react";
3
- import { i } from "./InjunctiveBox-DUNoNHCO.js";
4
- const a = "_enter_974ly_32";
5
- let r = [];
6
- const c = { success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, promise: { light: "", dark: "" } }, o = (e2, s2) => c[e2][s2], n = (s2) => {
7
- switch (s2) {
8
- case "success":
9
- return e.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", width: "24px", height: "24px", fill: o(s2, "light"), "aria-hidden": "true", children: e.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
10
- case "error":
11
- return e.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", width: "24px", height: "24px", fill: o(s2, "light"), "aria-hidden": "true", children: e.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
12
- case "warning":
13
- return e.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "exclamation-circle", width: "24px", height: "24px", fill: o(s2, "light"), "aria-hidden": "true", children: e.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" }) });
14
- }
15
- }, l = ({ type: i2, speed: r2 = 200, message: c2, duration: o2 = 2e3, className: l2, style: m2, isUseEnterAnimation: d = true, promiseOptions: h, toastList: u, handleDestroy: g }) => {
16
- const y = t(null);
17
- return s(() => {
18
- y.current && (y.current.style.setProperty("--speed", r2 / 1e3 + "s"), d && y.current.classList.add(a), "promise" !== i2 && setTimeout(() => {
19
- var _a, _b;
20
- (_a = y.current) == null ? void 0 : _a.classList.remove(a), (_b = y.current) == null ? void 0 : _b.classList.add("_leave_974ly_36");
21
- }, o2 - r2));
22
- }, [y]), s(() => {
23
- "promise" === i2 ? ("function" == typeof c2 ? c2() : c2).then((e2) => setTimeout(() => {
24
- g(), p({ type: "success", message: "function" == typeof (h == null ? void 0 : h.success) ? h.success(e2) : (h == null ? void 0 : h.success) || "", isUseEnterAnimation: false, toastList: u });
25
- }, r2)).catch((e2) => setTimeout(() => {
26
- g(), p({ type: "error", message: "function" == typeof (h == null ? void 0 : h.error) ? h.error(e2) : (h == null ? void 0 : h.error) || "", isUseEnterAnimation: false, toastList: u });
27
- }, r2)) : setTimeout(() => g(() => u = []), o2);
28
- }, [i2]), e.jsxs("div", { ref: y, className: ["promise" === i2 ? "_promise_974ly_15" : "_base_974ly_15", l2].join(" "), style: m2, onClick: () => {
29
- }, children: [e.jsx("div", { className: "_icon_974ly_40", children: n(i2) }), e.jsx("p", { children: "string" == typeof c2 ? c2 : h && h.loading })] });
30
- }, p = ({ type: t2, speed: a2 = 200, message: r2, duration: c2 = 2e3, zIndex: o2 = 9999, className: n2, style: p2, isUseEnterAnimation: m2 = true, promiseOptions: d, toastList: h }) => i({ className: "_container_974ly_1", isSingle: true, style: { zIndex: o2 }, content: (i2) => (s(() => {
31
- }, [h]), e.jsx(l, { className: n2, style: p2, type: t2, message: r2, speed: a2, duration: c2, isUseEnterAnimation: m2, promiseOptions: d, handleDestroy: i2, toastList: h })) }), m = { success: (e2) => {
32
- r.push({ type: "success", message: e2 }), p("string" == typeof e2 ? { type: "success", message: e2, toastList: r } : { type: "success", ...e2, toastList: r });
33
- }, error: (e2) => {
34
- r.push({ type: "error", message: e2 }), p("string" == typeof e2 ? { type: "error", message: e2, toastList: r } : { type: "error", ...e2, toastList: r });
35
- }, warning: (e2) => {
36
- r.push({ type: "warning", message: e2 }), p("string" == typeof e2 ? { type: "warning", message: e2, toastList: r } : { type: "warning", ...e2, toastList: r });
37
- }, promise: (e2, s2) => {
38
- r.push({ type: "promise", message: e2 }), p({ type: "promise", message: e2, promiseOptions: s2, toastList: r });
39
- } };
40
- export {
41
- m as t
42
- };
1
+ import{j as e}from "./dependencies-CbQbPZZ-.js";import{useEffect as s,useRef as t}from "react";import{i}from "./InjunctiveBox-DUNoNHCO.js";const a="_enter_974ly_32";let r=[];const c={success:{light:"#52c41a",dark:"#49aa19"},error:{light:"#ff4d4f",dark:"#a61d24"},warning:{light:"#faad14",dark:"#d89614"},promise:{light:"",dark:""}},o=(e2,s2)=>c[e2][s2],n=(s2)=>{switch(s2){case "success":return e.jsx("svg",{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"check-circle",width:"24px",height:"24px",fill:o(s2,"light"),"aria-hidden":"true",children:e.jsx("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"})});case "error":return e.jsx("svg",{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"close-circle",width:"24px",height:"24px",fill:o(s2,"light"),"aria-hidden":"true",children:e.jsx("path",{d:"M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"})});case "warning":return e.jsx("svg",{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"exclamation-circle",width:"24px",height:"24px",fill:o(s2,"light"),"aria-hidden":"true",children:e.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"})});}},l=({type:i2,speed:r2=200,message:c2,duration:o2=2e3,className:l2,style:m2,isUseEnterAnimation:d=true,promiseOptions:h,toastList:u,handleDestroy:g})=>{const y=t(null);return s(()=>{y.current&&(y.current.style.setProperty("--speed",r2/1e3+"s"),d&&y.current.classList.add(a),"promise"!==i2&&setTimeout(()=>{var _a,_b;(_a=y.current)==null ? void 0:_a.classList.remove(a),(_b=y.current)==null ? void 0:_b.classList.add("_leave_974ly_36");},o2-r2));},[y]),s(()=>{"promise"===i2 ?("function"==typeof c2 ? c2():c2).then((e2)=>setTimeout(()=>{g(),p({type:"success",message:"function"==typeof(h==null ? void 0:h.success)? h.success(e2):(h==null ? void 0:h.success)||"",isUseEnterAnimation:false,toastList:u});},r2)).catch((e2)=>setTimeout(()=>{g(),p({type:"error",message:"function"==typeof(h==null ? void 0:h.error)? h.error(e2):(h==null ? void 0:h.error)||"",isUseEnterAnimation:false,toastList:u});},r2)):setTimeout(()=>g(()=>u=[]),o2);},[i2]),e.jsxs("div",{ref:y,className:["promise"===i2 ? "_promise_974ly_15":"_base_974ly_15",l2].join(" "),style:m2,onClick:()=>{},children:[e.jsx("div",{className:"_icon_974ly_40",children:n(i2)}),e.jsx("p",{children:"string"==typeof c2 ? c2:h&&h.loading})]});},p=({type:t2,speed:a2=200,message:r2,duration:c2=2e3,zIndex:o2=9999,className:n2,style:p2,isUseEnterAnimation:m2=true,promiseOptions:d,toastList:h})=>i({className:"_container_974ly_1",isSingle:true,style:{zIndex:o2},content:(i2)=>(s(()=>{},[h]),e.jsx(l,{className:n2,style:p2,type:t2,message:r2,speed:a2,duration:c2,isUseEnterAnimation:m2,promiseOptions:d,handleDestroy:i2,toastList:h}))}),m={success:(e2)=>{r.push({type:"success",message:e2}),p("string"==typeof e2 ?{type:"success",message:e2,toastList:r}:{type:"success",...e2,toastList:r});},error:(e2)=>{r.push({type:"error",message:e2}),p("string"==typeof e2 ?{type:"error",message:e2,toastList:r}:{type:"error",...e2,toastList:r});},warning:(e2)=>{r.push({type:"warning",message:e2}),p("string"==typeof e2 ?{type:"warning",message:e2,toastList:r}:{type:"warning",...e2,toastList:r});},promise:(e2,s2)=>{r.push({type:"promise",message:e2}),p({type:"promise",message:e2,promiseOptions:s2,toastList:r});}};export{m as t};
@@ -0,0 +1 @@
1
+ import{j as e}from "./dependencies-CbQbPZZ-.js";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 t(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=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`;}}:{},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};
@@ -0,0 +1 @@
1
+ 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};
@@ -0,0 +1 @@
1
+ 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};
@@ -1,145 +1 @@
1
- const t = /\d+/g, r = (r2) => {
2
- const e2 = r2.match(t), a2 = (t2) => Number(t2).toString(16).padStart(2, "0"), n2 = (t2) => t2.reduce((t3, r3) => t3 + a2(r3), "#"), s2 = (t2) => {
3
- const r3 = t2, e3 = 1 !== Number(t2[t2.length - 1]) ? Number(t2[t2.length - 1]) : 100;
4
- return r3.pop(), n2(r3) + a2(2.56 * e3);
5
- };
6
- return 3 === e2.length ? n2(e2) : 5 === e2.length ? s2([e2[0], e2[1], e2[2], 10 * Number(e2[e2.length - 1])]) : s2(e2);
7
- }, e = (t2) => {
8
- const r2 = t2.split("#")[1], e2 = (t3) => [parseInt(t3.slice(0, 2), 16), parseInt(t3.slice(2, 4), 16), parseInt(t3.slice(4, 6), 16)];
9
- if (8 === r2.length) {
10
- const t3 = parseInt(r2.slice(-2), 16) / 256, a2 = e2(r2.slice(0, -2));
11
- return a2.push(t3), "rgba(" + a2.join(", ") + ")";
12
- }
13
- return "rgb(" + e2(r2).join(", ") + ")";
14
- }, a = (r2) => {
15
- const e2 = r2.match(t), a2 = Number(e2[0]) / 255, n2 = Number(e2[1]) / 255, s2 = Number(e2[2]) / 255, h2 = Math.min(a2, n2, s2), i2 = Math.max(a2, n2, s2);
16
- let u2 = 0, o2 = 0, l2 = (i2 + h2) / 2;
17
- if (i2 === h2) u2 = o2 = 0;
18
- else {
19
- const t2 = i2 - h2;
20
- switch (o2 = l2 > 0.5 ? t2 / (2 - i2 - h2) : t2 / (i2 + h2), i2) {
21
- case a2:
22
- u2 = (n2 - s2) / t2 + (n2 < s2 ? 6 : 0);
23
- break;
24
- case n2:
25
- u2 = (s2 - a2) / t2 + 2;
26
- break;
27
- case s2:
28
- u2 = (a2 - n2) / t2 + 4;
29
- }
30
- u2 /= 6;
31
- }
32
- return `hsl(${Math.round(360 * u2)}, ${Math.round(100 * o2)}%, ${Math.round(100 * l2)}%)`;
33
- }, n = (r2) => {
34
- const e2 = r2.match(t), a2 = Number(e2[0]) / 360, n2 = Number(e2[1]) / 100, s2 = Number(e2[2]) / 100;
35
- let h2, i2, u2;
36
- function o2(t2, r3, e3) {
37
- return e3 < 0 && (e3 += 1), e3 > 1 && (e3 -= 1), e3 < 1 / 6 ? t2 + 6 * (r3 - t2) * e3 : e3 < 0.5 ? r3 : e3 < 2 / 3 ? t2 + (r3 - t2) * (2 / 3 - e3) * 6 : t2;
38
- }
39
- let l2 = s2 < 0.5 ? s2 * (1 + n2) : s2 + n2 - s2 * n2, c2 = 2 * s2 - l2;
40
- return h2 = o2(c2, l2, a2 + 1 / 3), i2 = o2(c2, l2, a2), u2 = o2(c2, l2, a2 - 1 / 3), `rgb(${Math.round(255 * h2)}, ${Math.round(255 * i2)}, ${Math.round(255 * u2)})`;
41
- }, s = (t2) => a(e(t2)), h = (t2) => r(n(t2)), i = (r2) => {
42
- const e2 = r2.match(t);
43
- let a2 = Number(e2[0]) / 255, n2 = Number(e2[1]) / 255, s2 = Number(e2[2]) / 255;
44
- const h2 = Math.max(a2, n2, s2), i2 = Math.min(a2, n2, s2);
45
- let u2 = 0, o2 = 0, l2 = h2;
46
- const c2 = h2 - i2;
47
- if (o2 = 0 === h2 ? 0 : c2 / h2, h2 === i2) u2 = 0;
48
- else {
49
- switch (h2) {
50
- case a2:
51
- u2 = (n2 - s2) / c2 + (n2 < s2 ? 6 : 0);
52
- break;
53
- case n2:
54
- u2 = (s2 - a2) / c2 + 2;
55
- break;
56
- case s2:
57
- u2 = (a2 - n2) / c2 + 4;
58
- }
59
- u2 /= 6;
60
- }
61
- return `hsv(${360 * u2}, ${100 * o2}, ${100 * l2})`;
62
- }, u = (r2) => {
63
- const e2 = r2.match(t);
64
- let a2, n2, s2, h2, i2, u2, o2, l2, c2 = Number(e2[0]) / 360, m = Number(e2[1]) / 100, b = Number(e2[2]) / 100;
65
- if (c2 && 0 === m) a2 = n2 = s2 = b;
66
- else switch (c2 /= 60, h2 = Math.floor(c2), i2 = c2 - h2, u2 = b * (1 - m), o2 = b * (1 - m * i2), l2 = b * (1 - m * (1 - i2)), h2) {
67
- case 0:
68
- a2 = b, n2 = l2, s2 = u2;
69
- break;
70
- case 1:
71
- a2 = o2, n2 = b, s2 = u2;
72
- break;
73
- case 2:
74
- a2 = u2, n2 = b, s2 = l2;
75
- break;
76
- case 3:
77
- a2 = u2, n2 = o2, s2 = b;
78
- break;
79
- case 4:
80
- a2 = l2, n2 = u2, s2 = b;
81
- break;
82
- default:
83
- a2 = b, n2 = u2, s2 = o2;
84
- }
85
- return `rgb(${Math.round(255 * a2)}, ${Math.round(255 * n2)}, ${Math.round(255 * s2)})`;
86
- }, o = (t2) => /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2) ? "hex" : /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2) ? "rgb" : "unknown", l = (r2, e2, n2) => {
87
- let i2 = [];
88
- if (r2.includes("#")) i2 = s(r2).match(t);
89
- else if (r2.includes("rgb")) i2 = a(r2).match(t);
90
- else {
91
- if (!r2.includes("hsl")) throw new Error("颜色格式错误");
92
- i2 = r2.match(t);
93
- }
94
- return h(`${i2[0]}, ${i2[1]}%, ${"light" === e2 ? Number(i2[2]) + n2 > 100 ? 100 : Number(i2[2]) + n2 : Number(i2[2]) - n2 < 0 ? 0 : Number(i2[2]) - n2}%`);
95
- }, c = { randomColor: () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), rgb2hex: r, hex2rgb: e, rgb2rgba: (t2, r2) => {
96
- if (!r2) return t2;
97
- if (t2.includes("rgba")) {
98
- const e2 = t2.split(",");
99
- return e2.pop(), e2.push(r2 + ")"), e2.join(",");
100
- }
101
- if (t2.includes("rgb")) {
102
- const e2 = t2.split(","), a2 = "rgba(" + e2[0].split("(")[1], n2 = e2[e2.length - 1].split(")")[0];
103
- return [a2, e2[1], n2, " " + r2 + ")"].join(",");
104
- }
105
- }, rgb2hsl: a, hsl2rgb: n, hex2hsl: s, hsl2hex: h, rgb2hsv: i, hsv2rgb: u, hex2hsv: (t2) => i(e(t2)), hsv2hex: (t2) => r(u(t2)), formatColor: (e2, n2, s2 = "rgba") => {
106
- const h2 = e2.match(t);
107
- let i2 = Number(h2[0]) / 255, u2 = Number(h2[1]) / 255, o2 = Number(h2[2]) / 255;
108
- return "rgba" === s2 ? `rgba(${i2},${u2},${o2},${n2})` : "rgb" === s2 ? e2 : "hex" === s2 ? r(e2) : "hsl" === s2 ? a(`rgba(${i2},${u2},${o2},${n2})`) : `rgba(${i2},${u2},${o2},${n2})`;
109
- }, getContrastColor: (t2) => {
110
- const r2 = (function(t3) {
111
- if (t3.startsWith("#")) return 4 === t3.length && (t3 = `#${t3.slice(1).repeat(2)}`), [parseInt(t3.substr(1, 2), 16), parseInt(t3.substr(3, 2), 16), parseInt(t3.substr(5, 2), 16)];
112
- if (t3.startsWith("rgb")) {
113
- const r3 = t3.match(/\d+/g);
114
- return [parseInt(r3[0]), parseInt(r3[1]), parseInt(r3[2])];
115
- }
116
- return null;
117
- })(t2);
118
- return null === r2 ? null : (299 * (e2 = r2)[0] + 587 * e2[1] + 114 * e2[2]) / 1e3 > 128 ? "#000" : "#fff";
119
- var e2;
120
- }, adjustColor: (t2, r2, e2) => {
121
- const a2 = o(t2);
122
- if ("hex" === a2) {
123
- const a3 = t2.replace("#", ""), n2 = parseInt(a3.slice(0, 2), 16), s2 = parseInt(a3.slice(2, 4), 16), h2 = parseInt(a3.slice(4, 6), 16);
124
- if ("lighten" === r2) {
125
- const t3 = Math.min(255, Math.max(0, n2 + (255 - n2) * e2 / 100)), r3 = Math.min(255, Math.max(0, s2 + (255 - s2) * e2 / 100)), a4 = Math.min(255, Math.max(0, h2 + (255 - h2) * e2 / 100));
126
- return `#${t3.toString(16).padStart(2, "0")}${r3.toString(16).padStart(2, "0")}${a4.toString(16).padStart(2, "0")}`;
127
- }
128
- if ("darken" === r2) {
129
- const t3 = Math.min(255, Math.max(0, n2 - n2 * e2 / 100)), r3 = Math.min(255, Math.max(0, s2 - s2 * e2 / 100)), a4 = Math.min(255, Math.max(0, h2 - h2 * e2 / 100));
130
- return `#${t3.toString(16).padStart(2, "0")}${r3.toString(16).padStart(2, "0")}${a4.toString(16).padStart(2, "0")}`;
131
- }
132
- } else if ("rgb" === a2) {
133
- const a3 = t2.match(/\d+/g), n2 = parseInt(a3[0]), s2 = parseInt(a3[1]), h2 = parseInt(a3[2]);
134
- if ("lighten" === r2) return `rgb(${Math.min(255, Math.max(0, n2 + (255 - n2) * e2 / 100))},${Math.min(255, Math.max(0, s2 + (255 - s2) * e2 / 100))},${Math.min(255, Math.max(0, h2 + (255 - h2) * e2 / 100))})`;
135
- if ("darken" === r2) return `rgb(${Math.min(255, Math.max(0, n2 - n2 * e2 / 100))},${Math.min(255, Math.max(0, s2 - s2 * e2 / 100))},${Math.min(255, Math.max(0, h2 - h2 * e2 / 100))})`;
136
- }
137
- return t2;
138
- }, isValidColor: (t2) => !(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2) && !/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2)), getColorType: o, hex3To6: (t2) => {
139
- const r2 = t2.replace("#", "").split("");
140
- return `#${r2[0] + r2[0] + r2[1] + r2[1] + r2[2] + r2[2]}`;
141
- }, adjustingColors: l };
142
- export {
143
- l as a,
144
- c
145
- };
1
+ const t=/\d+/g,r=(r2)=>{const e2=r2.match(t),a2=(t2)=>Number(t2).toString(16).padStart(2,"0"),n2=(t2)=>t2.reduce((t3,r3)=>t3+a2(r3),"#"),s2=(t2)=>{const r3=t2,e3=1!==Number(t2[t2.length-1])? Number(t2[t2.length-1]):100;return r3.pop(),n2(r3)+a2(2.56*e3);};return 3===e2.length ? n2(e2):5===e2.length ? s2([e2[0],e2[1],e2[2],10*Number(e2[e2.length-1])]):s2(e2);},e=(t2)=>{const r2=t2.split("#")[1],e2=(t3)=>[parseInt(t3.slice(0,2),16),parseInt(t3.slice(2,4),16),parseInt(t3.slice(4,6),16)];if(8===r2.length){const t3=parseInt(r2.slice(-2),16)/256,a2=e2(r2.slice(0,-2));return a2.push(t3),"rgba("+a2.join(",")+")";}return "rgb("+e2(r2).join(",")+")";},a=(r2)=>{const e2=r2.match(t),a2=Number(e2[0])/255,n2=Number(e2[1])/255,s2=Number(e2[2])/255,h2=Math.min(a2,n2,s2),i2=Math.max(a2,n2,s2);let u2=0,o2=0,l2=(i2+h2)/2;if(i2===h2)u2=o2=0;else{const t2=i2-h2;switch(o2=l2>0.5 ? t2/(2-i2-h2):t2/(i2+h2),i2){case a2:u2=(n2-s2)/t2+(n2<s2 ? 6:0);break;case n2:u2=(s2-a2)/t2+2;break;case s2:u2=(a2-n2)/t2+4;}u2/=6;}return `hsl(${Math.round(360*u2)},${Math.round(100*o2)}%,${Math.round(100*l2)}%)`;},n=(r2)=>{const e2=r2.match(t),a2=Number(e2[0])/360,n2=Number(e2[1])/100,s2=Number(e2[2])/100;let h2,i2,u2;function o2(t2,r3,e3){return e3<0&&(e3+=1),e3>1&&(e3-=1),e3<1/6 ? t2+6*(r3-t2)*e3:e3<0.5 ? r3:e3<2/3 ? t2+(r3-t2)*(2/3-e3)*6:t2;}let l2=s2<0.5 ? s2*(1+n2):s2+n2-s2*n2,c2=2*s2-l2;return h2=o2(c2,l2,a2+1/3),i2=o2(c2,l2,a2),u2=o2(c2,l2,a2-1/3),`rgb(${Math.round(255*h2)},${Math.round(255*i2)},${Math.round(255*u2)})`;},s=(t2)=>a(e(t2)),h=(t2)=>r(n(t2)),i=(r2)=>{const e2=r2.match(t);let a2=Number(e2[0])/255,n2=Number(e2[1])/255,s2=Number(e2[2])/255;const h2=Math.max(a2,n2,s2),i2=Math.min(a2,n2,s2);let u2=0,o2=0,l2=h2;const c2=h2-i2;if(o2=0===h2 ? 0:c2/h2,h2===i2)u2=0;else{switch(h2){case a2:u2=(n2-s2)/c2+(n2<s2 ? 6:0);break;case n2:u2=(s2-a2)/c2+2;break;case s2:u2=(a2-n2)/c2+4;}u2/=6;}return `hsv(${360*u2},${100*o2},${100*l2})`;},u=(r2)=>{const e2=r2.match(t);let a2,n2,s2,h2,i2,u2,o2,l2,c2=Number(e2[0])/360,m=Number(e2[1])/100,b=Number(e2[2])/100;if(c2&&0===m)a2=n2=s2=b;else switch(c2/=60,h2=Math.floor(c2),i2=c2-h2,u2=b*(1-m),o2=b*(1-m*i2),l2=b*(1-m*(1-i2)),h2){case 0:a2=b,n2=l2,s2=u2;break;case 1:a2=o2,n2=b,s2=u2;break;case 2:a2=u2,n2=b,s2=l2;break;case 3:a2=u2,n2=o2,s2=b;break;case 4:a2=l2,n2=u2,s2=b;break;default:a2=b,n2=u2,s2=o2;}return `rgb(${Math.round(255*a2)},${Math.round(255*n2)},${Math.round(255*s2)})`;},o=(t2)=>/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2)? "hex":/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2)? "rgb":"unknown",l=(r2,e2,n2)=>{let i2=[];if(r2.includes("#"))i2=s(r2).match(t);else if(r2.includes("rgb"))i2=a(r2).match(t);else{if(!r2.includes("hsl"))throw new Error("颜色格式错误");i2=r2.match(t);}return h(`${i2[0]},${i2[1]}%,${"light"===e2 ? Number(i2[2])+n2>100 ? 100:Number(i2[2])+n2:Number(i2[2])-n2<0 ? 0:Number(i2[2])-n2}%`);},c={randomColor:()=>"#"+Math.random().toString(16).slice(2,8).padEnd(6,"0"),rgb2hex:r,hex2rgb:e,rgb2rgba:(t2,r2)=>{if(!r2)return t2;if(t2.includes("rgba")){const e2=t2.split(",");return e2.pop(),e2.push(r2+")"),e2.join(",");}if(t2.includes("rgb")){const e2=t2.split(","),a2="rgba("+e2[0].split("(")[1],n2=e2[e2.length-1].split(")")[0];return [a2,e2[1],n2," "+r2+")"].join(",");}},rgb2hsl:a,hsl2rgb:n,hex2hsl:s,hsl2hex:h,rgb2hsv:i,hsv2rgb:u,hex2hsv:(t2)=>i(e(t2)),hsv2hex:(t2)=>r(u(t2)),formatColor:(e2,n2,s2="rgba")=>{const h2=e2.match(t);let i2=Number(h2[0])/255,u2=Number(h2[1])/255,o2=Number(h2[2])/255;return "rgba"===s2 ? `rgba(${i2},${u2},${o2},${n2})`:"rgb"===s2 ? e2:"hex"===s2 ? r(e2):"hsl"===s2 ? a(`rgba(${i2},${u2},${o2},${n2})`):`rgba(${i2},${u2},${o2},${n2})`;},getContrastColor:(t2)=>{const r2=(function(t3){if(t3.startsWith("#"))return 4===t3.length&&(t3=`#${t3.slice(1).repeat(2)}`),[parseInt(t3.substr(1,2),16),parseInt(t3.substr(3,2),16),parseInt(t3.substr(5,2),16)];if(t3.startsWith("rgb")){const r3=t3.match(/\d+/g);return [parseInt(r3[0]),parseInt(r3[1]),parseInt(r3[2])];}return null;})(t2);return null===r2 ? null:(299*(e2=r2)[0]+587*e2[1]+114*e2[2])/1e3>128 ? "#000":"#fff";var e2;},adjustColor:(t2,r2,e2)=>{const a2=o(t2);if("hex"===a2){const a3=t2.replace("#",""),n2=parseInt(a3.slice(0,2),16),s2=parseInt(a3.slice(2,4),16),h2=parseInt(a3.slice(4,6),16);if("lighten"===r2){const t3=Math.min(255,Math.max(0,n2+(255-n2)*e2/100)),r3=Math.min(255,Math.max(0,s2+(255-s2)*e2/100)),a4=Math.min(255,Math.max(0,h2+(255-h2)*e2/100));return `#${t3.toString(16).padStart(2,"0")}${r3.toString(16).padStart(2,"0")}${a4.toString(16).padStart(2,"0")}`;}if("darken"===r2){const t3=Math.min(255,Math.max(0,n2-n2*e2/100)),r3=Math.min(255,Math.max(0,s2-s2*e2/100)),a4=Math.min(255,Math.max(0,h2-h2*e2/100));return `#${t3.toString(16).padStart(2,"0")}${r3.toString(16).padStart(2,"0")}${a4.toString(16).padStart(2,"0")}`;}}else if("rgb"===a2){const a3=t2.match(/\d+/g),n2=parseInt(a3[0]),s2=parseInt(a3[1]),h2=parseInt(a3[2]);if("lighten"===r2)return `rgb(${Math.min(255,Math.max(0,n2+(255-n2)*e2/100))},${Math.min(255,Math.max(0,s2+(255-s2)*e2/100))},${Math.min(255,Math.max(0,h2+(255-h2)*e2/100))})`;if("darken"===r2)return `rgb(${Math.min(255,Math.max(0,n2-n2*e2/100))},${Math.min(255,Math.max(0,s2-s2*e2/100))},${Math.min(255,Math.max(0,h2-h2*e2/100))})`;}return t2;},isValidColor:(t2)=>!(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2)&&!/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2)),getColorType:o,hex3To6:(t2)=>{const r2=t2.replace("#","").split("");return `#${r2[0]+r2[0]+r2[1]+r2[1]+r2[2]+r2[2]}`;},adjustingColors:l};export{l as a,c};
@@ -0,0 +1 @@
1
+ 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};