ono-react-element 0.0.17 → 0.0.18

package/dist/es/Radio-D_GKVoOC.js

@@ -1 +1,25 @@
-import{j as e}from "./dependencies-CbQbPZZ-.js";import{useState as r,useRef as o,useEffect as a}from "react";const n=({name:n2,value:l2,style:c,checked:d,onChange:s,children:t,className:i,radioW:u=16,radioGap:h=4,checkedColor:m="#532ce1",unCheckedColor:p="transparent",disabled:C=false})=>{const [v,k]=r(""),f=o(null),y=o(null),b=o(null),j=[{value:u,name:"w"},{value:h,name:"gap"},{value:m,name:"checkedColor"},{value:p,name:"unCheckedColor"}];return a(()=>{(()=>{if(!b.current||!y.current)return;j.forEach(({value:e3,name:r2})=>{e3&&((e4,r3,o2)=>{const a2="number"==typeof e4;o2.style.setProperty(`--${r3}`,a2 ? `${e4}px`:e4);})(e3,r2,y.current);});const e2=getComputedStyle(b.current);v||k(e2.borderColor),b.current.style.borderColor=d ? m:v;})();},[y,b,d,v]),e.jsxs("div",{ref:y,className:["ono-radio-box",i].join(" "),style:c,children:[e.jsx("div",{ref:b,className:"ono-radio",onClick:()=>{var _a;return(_a=f.current)==null ? void 0:_a.click();},children:e.jsx("input",{type:"radio",name:n2,ref:f,value:l2+"",checked:d,disabled:C,id:l2+""+t,onChange:s})}),t&&e.jsx("label",{htmlFor:l2+""+t||"",children:t})]});},l=({name:r2,style:o2,options:a2,onChange:l2,className:c,radioW:d=16,radioGap:s=4,labelPosition:t="right",checkedColor:i="#532ce1",unCheckedColor:u="transparent",value:h})=>e.jsx("div",{className:["ono-radio-group",c].join(" "),style:o2,children:a2.map(({label:o3,value:a3,disabled:c2})=>e.jsx(n,{name:r2,value:a3,radioW:d,radioGap:s,style:{flexDirection:"left"===t ? "row-reverse":"row"},checkedColor:i,unCheckedColor:u,onChange:()=>l2(a3),checked:h+""==a3+"",disabled:"function"==typeof c2 ? c2(h):c2||false,children:o3},o3))});export{n as R,l as a};
+import { j as e } from "./dependencies-CbQbPZZ-.js";
+import { useState as r, useRef as o, useEffect as a } from "react";
+const n = ({ name: n2, value: l2, style: c, checked: d, onChange: s, children: t, className: i, radioW: u = 16, radioGap: h = 4, checkedColor: m = "#532ce1", unCheckedColor: p = "transparent", disabled: C = false }) => {
+  const [v, k] = r(""), f = o(null), y = o(null), b = o(null), j = [{ value: u, name: "w" }, { value: h, name: "gap" }, { value: m, name: "checkedColor" }, { value: p, name: "unCheckedColor" }];
+  return a(() => {
+    (() => {
+      if (!b.current || !y.current) return;
+      j.forEach(({ value: e3, name: r2 }) => {
+        e3 && ((e4, r3, o2) => {
+          const a2 = "number" == typeof e4;
+          o2.style.setProperty(`--${r3}`, a2 ? `${e4}px` : e4);
+        })(e3, r2, y.current);
+      });
+      const e2 = getComputedStyle(b.current);
+      v || k(e2.borderColor), b.current.style.borderColor = d ? m : v;
+    })();
+  }, [y, b, d, v]), e.jsxs("div", { ref: y, className: ["ono-radio-box", i].join(" "), style: c, children: [e.jsx("div", { ref: b, className: "ono-radio", onClick: () => {
+    var _a;
+    return (_a = f.current) == null ? void 0 : _a.click();
+  }, children: e.jsx("input", { type: "radio", name: n2, ref: f, value: l2 + "", checked: d, disabled: C, id: l2 + "" + t, onChange: s }) }), t && e.jsx("label", { htmlFor: l2 + "" + t || "", children: t })] });
+}, l = ({ name: r2, style: o2, options: a2, onChange: l2, className: c, radioW: d = 16, radioGap: s = 4, labelPosition: t = "right", checkedColor: i = "#532ce1", unCheckedColor: u = "transparent", value: h }) => e.jsx("div", { className: ["ono-radio-group", c].join(" "), style: o2, children: a2.map(({ label: o3, value: a3, disabled: c2 }) => e.jsx(n, { name: r2, value: a3, radioW: d, radioGap: s, style: { flexDirection: "left" === t ? "row-reverse" : "row" }, checkedColor: i, unCheckedColor: u, onChange: () => l2(a3), checked: h + "" == a3 + "", disabled: "function" == typeof c2 ? c2(h) : c2 || false, children: o3 }, o3)) });
+export {
+  n as R,
+  l as a
+};

package/dist/es/ScrollableTabs--449B73p.js

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

@@ -1 +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};
+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/SvgImg-CZwq2D7J.js

@@ -1 +1,14 @@
-import{j as e}from "./dependencies-CbQbPZZ-.js";import{useRef as r,useEffect as s}from "react";const a=({w:a2,h:n,src:t,clr:l,className:c,onClick:o})=>{const m=r(null),i=[{value:a2,name:"w"},{value:n,name:"h"},{value:l,name:"clr"}];return s(()=>{m.current&&i.forEach((e2)=>{var r2,s2,a3;e2.value&&(r2=e2.value,s2=e2.name,a3=m.current,"string"==typeof r2 ? a3.style.setProperty(`--${s2}`,r2):a3.style.setProperty(`--${s2}`,`${r2}px`));});},[m,l]),e.jsx("div",{ref:m,className:["ono-svg-img",c].join(" "),onClick:o,children:e.jsx("img",{src:t,alt:""})});};export{a as S};
+import { j as e } from "./dependencies-CbQbPZZ-.js";
+import { useRef as r, useEffect as s } from "react";
+const a = ({ w: a2, h: n, src: t, clr: l, className: c, onClick: o }) => {
+  const m = r(null), i = [{ value: a2, name: "w" }, { value: n, name: "h" }, { value: l, name: "clr" }];
+  return s(() => {
+    m.current && i.forEach((e2) => {
+      var r2, s2, a3;
+      e2.value && (r2 = e2.value, s2 = e2.name, a3 = m.current, "string" == typeof r2 ? a3.style.setProperty(`--${s2}`, r2) : a3.style.setProperty(`--${s2}`, `${r2}px`));
+    });
+  }, [m, l]), e.jsx("div", { ref: m, className: ["ono-svg-img", c].join(" "), onClick: o, children: e.jsx("img", { src: t, alt: "" }) });
+};
+export {
+  a as S
+};

package/dist/es/Switch-BBHMaxoZ.js

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

package/dist/es/TemplateDialog-PQxjmAJa.js

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

package/dist/es/Toast-CQEsbqUJ.js

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

package/dist/es/Tooltip-CgttMIcX.js

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

package/dist/es/VirtualList-CdhqyHFQ.js

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

package/dist/es/Waterfall-CY3QkL5m.js

@@ -1 +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};
+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/colorUtils.ts-DYuRvCXZ.js

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