ono-react-element 0.1.5 → 0.1.6
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.
- package/dist/es/AvatarCrop-ByE8oq-Y.js +1 -0
- package/dist/es/Mark-DAMtImfr.js +1 -0
- package/dist/es/TemplateDialog-CEfbPFNt.js +1 -0
- package/dist/es/index.js +1 -1
- package/dist/index.css +1 -1
- package/dist/style/Mark.css +1 -0
- package/dist/style/TemplateDialog.css +1 -1
- package/dist/types/components/Mark/Mark.d.ts +7 -0
- package/dist/types/components/Mark/index.d.ts +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.css.br +0 -0
- package/dist/umd/index.css.gz +0 -0
- package/dist/umd/index.umd.cjs +965 -1
- package/dist/umd/index.umd.cjs.br +0 -0
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +5 -5
- package/dist/es/AvatarCrop-DHnxRLP9.js +0 -1
- package/dist/es/TemplateDialog-xcIPaUIe.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as se,jsxs as me,Fragment as fe}from "react/jsx-runtime";import{c as de}from "react/compiler-runtime";import{useState as _,useRef as we,useEffect as he}from "react";import{loadImage as ge}from "./index.js";const ue=(H)=>{const e=de(70),{imageFile:u,cvsW:J,maskBG:K,border:O,wheelScale:Q,setCtx:R,maskInfo:o,setMaskInfo:v,imageStartState:I,setImageStartState:$,imageState:t,setImageState:a}=H,V=J===void 0 ? 520:J,M=K===void 0 ? "rgba(0,0,0,0.5)":K,w=O===void 0 ? "4px solid #fff":O,F=Q===void 0 ? 0.1:Q,[s,c]=_();let X;e[0]===Symbol.for("react.memo_cache_sentinel")?(X={w:0,h:0},e[0]=X):X=e[0];const [h,ce]=_(X);let S;e[1]===Symbol.for("react.memo_cache_sentinel")?(S={w:0,h:0},e[1]=S):S=e[1];const [i,j]=_(S);let k;e[2]===Symbol.for("react.memo_cache_sentinel")?(k={x:0,y:0},e[2]=k):k=e[2];const [m,b]=_(k),[p,W]=_(!1),L=we(null),x=we(null),r=ve;let d,y,Y;if(e[3]!==w||e[4]!==u||e[5]!==R||e[6]!==$||e[7]!==a||e[8]!==v){let l;y=()=>{if(!L.current)return;const{width:n}=L.current.getBoundingClientRect();C(n),ce({w:n,h:n});},e[11]!==w ?(l=()=>{const n=w.split(" ");let g=0;return n.forEach((N)=>{N.includes("px")&&(g=Number(N.split("px")[0]));}),g;},e[11]=w,e[12]=l):l=e[12],d=l;const C=async(n)=>{const g=await ge(u);let N,B=g.width,D=g.height;B>D ?(N=B/n,B=n,D/=N,r({w:D},v)):(N=D/n,D=n,B/=N,r({w:B},v));const ne=(n-B)/2,re=(n-D)/2;r({w:g.width,h:g.height},j),c(g),r({w:B,h:D,t:re,l:ne},a),$({w:B,h:D,t:re,l:ne}),r(ne>re ?{l:ne}:{l:re},v),R(x.current?.getContext("2d"));};e[3]=w,e[4]=u,e[5]=R,e[6]=$,e[7]=a,e[8]=v,e[9]=d,e[10]=y;}else d=e[9],y=e[10];e[13]!==t.h||e[14]!==t.l||e[15]!==t.t||e[16]!==t.w||e[17]!==o.l||e[18]!==o.w||e[19]!==a ?(Y=()=>{W(!1),t.l>o.l&&r({l:o.l},a),t.t>o.l&&r({t:o.l},a),-t.l>t.w-o.l-o.w&&r({l:-(t.w-o.l-o.w)},a),-t.t>t.h-o.l-o.w&&r({t:-(t.h-o.l-o.w)},a);},e[13]=t.h,e[14]=t.l,e[15]=t.t,e[16]=t.w,e[17]=o.l,e[18]=o.w,e[19]=a,e[20]=Y):Y=e[20];const f=Y;let G;e[21]!==I.w||e[22]!==i.w||e[23]!==F ?(G=(l,C)=>{let n=l+(C==="in" ? l*F:-l*F);return n>i.w&&(n=i.w),n<I.w&&(n=I.w),n;},e[21]=I.w,e[22]=i.w,e[23]=F,e[24]=G):G=e[24];const T=G;let E;e[25]!==T||e[26]!==t.w||e[27]!==i.h||e[28]!==i.w||e[29]!==f||e[30]!==a ?(E=(l)=>{l.preventDefault(),l.stopPropagation();const C=l.deltaY<0 ? "in":"out",n=T(t.w,C),g=n/i.w;r({w:n,h:i.h*g},a),f();},e[25]=T,e[26]=t.w,e[27]=i.h,e[28]=i.w,e[29]=f,e[30]=a,e[31]=E):E=e[31];const U=E;let Z,ee,te,ae;e[32]!==y ?(Z=()=>{y();},e[32]=y,e[33]=Z):Z=e[33],e[34]===Symbol.for("react.memo_cache_sentinel")?(ee=[L],e[34]=ee):ee=e[34],he(Z,ee),e[35]!==s||e[36]!==t.h||e[37]!==t.l||e[38]!==t.t||e[39]!==t.w ?(te=()=>{if(!x.current||!s)return;const l=x.current.getContext("2d");l&&(l.clearRect(0,0,x.current.width,x.current.height),l.drawImage(s,t.l,t.t,t.w,t.h));},e[35]=s,e[36]=t.h,e[37]=t.l,e[38]=t.t,e[39]=t.w,e[40]=te):te=e[40],e[41]!==s||e[42]!==t ?(ae=[x,s,t],e[41]=s,e[42]=t,e[43]=ae):ae=e[43],he(te,ae);const ie=p ? "grabbing":"grab";let q,oe,A,P,z,le;return e[44]!==V||e[45]!==ie ?(q={width:V,cursor:ie},e[44]=V,e[45]=ie,e[46]=q):q=e[46],e[47]===Symbol.for("react.memo_cache_sentinel")?(oe=(l)=>{r({x:l.clientX,y:l.clientY},b),W(!0);},e[47]=oe):oe=e[47],e[48]!==t.l||e[49]!==t.t||e[50]!==p||e[51]!==a||e[52]!==m ?(A=(l)=>{if(p){const C=l.clientX-m.x,n=l.clientY-m.y;(Math.abs(C)>10||Math.abs(n)>10)&&(r({t:t.t+n,l:t.l+C},a),r({x:l.clientX,y:l.clientY},b));}},e[48]=t.l,e[49]=t.t,e[50]=p,e[51]=a,e[52]=m,e[53]=A):A=e[53],e[54]!==h.h||e[55]!==h.w||e[56]!==A ?(P=se("canvas",{width:h.w,height:h.h,ref:x,onMouseDown:oe,onMouseMove:A}),e[54]=h.h,e[55]=h.w,e[56]=A,e[57]=P):P=e[57],e[58]!==w||e[59]!==d||e[60]!==s||e[61]!==M||e[62]!==o.w ?(z=s&&se("div",{className:"ono-avatar-mask",children:se("div",{style:{border:w,boxShadow:`${M}0 0 0 10000px`,width:`${o.w+2*d()}px`,height:`${o.w+2*d()}px`}})}),e[58]=w,e[59]=d,e[60]=s,e[61]=M,e[62]=o.w,e[63]=z):z=e[63],e[64]!==U||e[65]!==f||e[66]!==q||e[67]!==P||e[68]!==z ?(le=me("div",{ref:L,className:"ono-avatar-canvas",style:q,onWheel:U,onMouseUp:f,onMouseLeave:f,children:[P,z]}),e[64]=U,e[65]=f,e[66]=q,e[67]=P,e[68]=z,e[69]=le):le=e[69],le;};function ve(H,e){e((u)=>({...u,...H}));}const ye=(H)=>{const e=de(24),{imageFile:u,cvsW:J,maskBG:K,border:O,wheelScale:Q,children:R}=H,o=J===void 0 ? 520:J,v=K===void 0 ? "rgba(0,0,0,0.5)":K,I=O===void 0 ? "4px solid #fff":O,$=Q===void 0 ? 0.1:Q;let t;e[0]===Symbol.for("react.memo_cache_sentinel")?(t={w:0,h:0,t:0,l:0},e[0]=t):t=e[0];const [a,V]=_(t);let M;e[1]===Symbol.for("react.memo_cache_sentinel")?(M={w:0,h:0,t:0,l:0},e[1]=M):M=e[1];const [w,F]=_(M);let s;e[2]===Symbol.for("react.memo_cache_sentinel")?(s={w:0,l:0},e[2]=s):s=e[2];const [c,X]=_(s),[h,ce]=_();let S;e[3]!==a ?(S=(W)=>{F({w:a.w,h:a.h,t:a.t,l:a.l}),W?.();},e[3]=a,e[4]=S):S=e[4];const i=S;let j;e[5]!==h||e[6]!==c ?(j=(W,L)=>{if(!h)return;const x=h.getImageData(c.l,c.l,c.w,c.w),r=document.createElement("canvas"),d=r.getContext("2d");if(r.width=c.w,r.height=c.w,!d)return;const{imageSaveType:y,dataSaveType:Y,quality:f}=L||{},G=y===void 0 ? "png":y,T=Y===void 0 ? "base64":Y,E=f===void 0 ? 100:f;d.putImageData(x,0,0,0,0,c.w,c.w),T==="base64" ? W(r.toDataURL(`image/${G}`,E/100)):T==="blob"&&r.toBlob((U)=>{if(U)return W(U);},`image/${G}`,E/100);},e[5]=h,e[6]=c,e[7]=j):j=e[7];const k=j;let m,b,p;return e[8]!==I||e[9]!==o||e[10]!==u||e[11]!==a||e[12]!==w||e[13]!==v||e[14]!==c||e[15]!==$ ?(m=se(ue,{imageFile:u,cvsW:o,maskBG:v,border:I,wheelScale:$,maskInfo:c,setMaskInfo:X,setCtx:ce,imageStartState:a,setImageStartState:V,imageState:w,setImageState:F}),e[8]=I,e[9]=o,e[10]=u,e[11]=a,e[12]=w,e[13]=v,e[14]=c,e[15]=$,e[16]=m):m=e[16],e[17]!==R||e[18]!==k||e[19]!==i ?(b=R?.({handleConfirm:k,handleReduction:i}),e[17]=R,e[18]=k,e[19]=i,e[20]=b):b=e[20],e[21]!==m||e[22]!==b ?(p=me(fe,{children:[m,b]}),e[21]=m,e[22]=b,e[23]=p):p=e[23],p;};export{ye as A};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as m}from "react/jsx-runtime";import{c as i}from "react/compiler-runtime";import{chainClassNames as p}from "./index.js";const f=(l)=>{const o=i(8),{children:e,className:t,style:a,onClick:r,onContextMenu:c}=l;let s,n;return o[0]!==t ?(s=p("ono-mark",t),o[0]=t,o[1]=s):s=o[1],o[2]!==e||o[3]!==r||o[4]!==c||o[5]!==a||o[6]!==s ?(n=m("div",{className:s,style:a,onClick:r,onContextMenu:c,children:e}),o[2]=e,o[3]=r,o[4]=c,o[5]=a,o[6]=s,o[7]=n):n=o[7],n;};export{f as M};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as m}from "react/jsx-runtime";import{chainClassNames as h,getElementCenterPosition as P}from "./index.js";import{useState as v,useRef as b,useEffect as w}from "react";import{M as N}from "./Mark-DAMtImfr.js";const L=({children:r,animation:e,className:p,duration:a=300,style:u,maskColor:d="rgba(0,0,0,0.5)",disableContextMenu:f,maskClickClose:y=!0,dialogClose:i})=>{const [c,C]=v(!1),o=b(null),l=()=>{if(o.current)if(C(!0),e){const t=o.current;t.classList.remove(`ono-${e.type}-enter`),t.classList.add(`ono-${e.type}-leave`),setTimeout(i,a);}else i();};return w(()=>{(()=>{if(!e||!o.current)return;const t=o.current.parentElement.style,n=o.current.style;switch(t.setProperty("--duration",a/1e3+"s"),e.type){case "zoom":{const{x:s,y:k}=P(e.element),g=(s/window.innerWidth*100).toFixed(2)+"%",x=(k/window.innerHeight*100).toFixed(2)+"%";n.setProperty("--left",g),n.setProperty("--top",x);break;}case "fade":{const s=e.direction==="left-center" ? "--left":"--top";n.setProperty(s,e.startPosition);break;}}})();},[o,e]),m(N,{className:"ono-dialog-mask-"+(c ? "leave":"enter"),style:{background:d},onClick:()=>y&&l(),onContextMenu:(t)=>f&&t.preventDefault(),children:m("div",{ref:o,className:h("ono-dialog",p,(()=>{if(!e)return "";const t=`ono-${e.type}-enter`,n=`ono-${e.type}-leave`;return c ? n:t;})()),style:u,onClick:(t)=>t.stopPropagation(),children:typeof r=="function" ? r(l):r})});};export{L as T};
|
package/dist/es/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as Pe}from "./AutoSliderList-CnR9cnHk.js";import{A as Fe}from "./AvatarCrop-DHnxRLP9.js";import{B as je}from "./Button-CGyWgrQj.js";import{C as Ye}from "./Card3D-NqDUZB0c.js";import{C as He}from "./Carousel-Bnrz70Tw.js";import{C as We}from "./Checkbox-DI_pnI6U.js";import{c as qe}from "./ContextMenu-Boi1cZFI.js";import{F as Ze}from "./FileDropZone-DCvpaUuw.js";import{O as Je,a as Qe}from "./Input-DnB8zvWy.js";import{A as en,L as nn}from "./List-ClfyFOXz.js";import{M as on}from "./MenuButton-BZMchW23.js";import{m as sn}from "./Message-C8cydGYH.js";import{M as ln}from "./Modal-BbixgMNW.js";import{P as dn}from "./Pagination-D428PpRD.js";import{R as mn,a as gn}from "./Radio-CYirLPd9.js";import{S as pn}from "./ScrollableTabs-yCB3QKsp.js";import{O as bn}from "./Select-D5REq6YE.js";import{S as xn}from "./SvgImg-DWqVwwgv.js";import{S as Mn}from "./Switch-uZtwu9mV.js";import{T as En}from "./TemplateDialog-xcIPaUIe.js";import{t as kn}from "./Toast-nAp61Kbz.js";import{T as Tn}from "./Tooltip-Dw-vi5zs.js";import{E as Ln,c as In}from "./VirtualList-DKHTLs7s.js";import{W as Nn}from "./Waterfall-BVjigHTI.js";import{c as x}from "react/compiler-runtime";import{useEffect as E,useState as M,useRef as N,useReducer as U,createContext as Y,useContext as _}from "react";import{jsx as O}from "react/jsx-runtime";import{useShallow as H}from "zustand/shallow";import K from "react-dom/client";const T=(t,e,n)=>{const r=x(19);let o;r[0]!==n ?(o=n||{},r[0]=n,r[1]=o):o=r[1];const{target:s,deps:a,isDeferred:i}=o;let c;r[2]!==e ?(c=(g)=>e(g),r[2]=e,r[3]=c):c=r[3];const l=c;let u,d,h,m;return r[4]!==t||r[5]!==l||r[6]!==i||r[7]!==s ?(u=()=>(typeof t=="string" ?!i&&(s||window).addEventListener(t,l):t.forEach((g)=>!i&&(s||window).addEventListener(g,l)),()=>{typeof t=="string" ?(s||window).removeEventListener(t,l):t.forEach((g)=>(s||window).removeEventListener(g,l));}),r[4]=t,r[5]=l,r[6]=i,r[7]=s,r[8]=u):u=r[8],r[9]!==a ?(d=a||[],r[9]=a,r[10]=d):d=r[10],r[11]!==d||r[12]!==s ?(h=[s,...d],r[11]=d,r[12]=s,r[13]=h):h=r[13],E(u,h),r[14]!==t||r[15]!==l||r[16]!==i||r[17]!==s ?(m=i ?()=>{typeof t=="string" ?(s||window).addEventListener(t,l):t.forEach((g)=>(s||window).addEventListener(g,l));}:void 0,r[14]=t,r[15]=l,r[16]=i,r[17]=s,r[18]=m):m=r[18],m;},wt=(t,e,n)=>{const r=x(10),o=n?.event||"click";let s,a,i,c;return r[0]!==o ?(s=((l)=>{const u=typeof l=="string" ? [l]:l;if(new Set(u).size!==u.length)throw new Error("there are duplicates in the event type");return u;})(o),r[0]=o,r[1]=s):s=r[1],r[2]!==e||r[3]!==t ?(a=(l)=>{if(t)if(t instanceof Array)t.map(W).some((u)=>!!u&&u.contains(l.target))||e(l);else{const u=t instanceof HTMLElement ? t:t.current;u&&!u.contains(l.target)&&e(l);}},r[2]=e,r[3]=t,r[4]=a):a=r[4],r[5]!==n?.deps ?(i=n?.deps||[],r[5]=n?.deps,r[6]=i):i=r[6],r[7]!==t||r[8]!==i ?(c={deps:[t,...i]},r[7]=t,r[8]=i,r[9]=c):c=r[9],T(s,a,c);};function W(t){return t instanceof HTMLElement ? t:t.current;}const bt=(t,e)=>{const n=x(12),r=t===void 0 ? 60:t,[o,s]=M(r),[a,i]=M(!1),c=N(null);let l;n[0]===Symbol.for("react.memo_cache_sentinel")?(l=()=>i(!0),n[0]=l):l=n[0];const u=l;let d;n[1]!==r||n[2]!==e ?(d=()=>{i(!1),s(r),c.current&&(clearTimeout(c.current),c.current=null),e?.();},n[1]=r,n[2]=e,n[3]=d):d=n[3];const h=d;let m,g,f;return n[4]!==a||n[5]!==o||n[6]!==h ?(m=()=>{if(a)return o>0 ? c.current=setTimeout(()=>{s(X);},1e3):h(),()=>{c.current&&(clearTimeout(c.current),c.current=null);};},g=[a,o,h],n[4]=a,n[5]=o,n[6]=h,n[7]=m,n[8]=g):(m=n[7],g=n[8]),E(m,g),n[9]!==o||n[10]!==h ?(f=[o,u,h],n[9]=o,n[10]=h,n[11]=f):f=n[11],f;};function X(t){return t-1;}const yt=(t)=>{const e=x(9);let n;e[0]===Symbol.for("react.memo_cache_sentinel")?(n={w:0,h:0},e[0]=n):n=e[0];const [r,o]=M(n);let s;e[1]===Symbol.for("react.memo_cache_sentinel")?(s=new ResizeObserver((d)=>{for(const h of d)o({w:h.borderBoxSize[0].inlineSize,h:h.borderBoxSize[0].blockSize});}),e[1]=s):s=e[1];const a=s;let i;e[2]!==t ?(i=()=>{if(t&&typeof t!="function")a.observe(t instanceof HTMLElement ? t:t.current);else if(t&&typeof t=="function"){const d=t();a.observe(d instanceof HTMLElement ? d:d.current);}else o({w:window.innerWidth,h:window.innerHeight});},e[2]=t,e[3]=i):i=e[3];const c=i;let l,u;return e[4]!==c||e[5]!==t ?(l=()=>(c(),window.addEventListener("resize",c),()=>{if(window.removeEventListener("resize",c),t&&typeof t!="function")a.unobserve(t instanceof HTMLElement ? t:t.current);else if(t&&typeof t=="function"){const d=t();a.unobserve(d instanceof HTMLElement ? d:d.current);}}),e[4]=c,e[5]=t,e[6]=l):l=e[6],e[7]!==t ?(u=[t],e[7]=t,e[8]=u):u=e[8],E(l,u),r;},S=(t)=>t.toString().toLocaleLowerCase(),xt=(t,e,n)=>{const r=(o)=>T(o,(s)=>((a,i,c)=>{a.forEach((l)=>{if(l.includes("+")&&l.length>1){const u=l.split("+"),d=i.ctrlKey&&u.includes("ctrl"),h=i.shiftKey&&u.includes("shift"),m=i.altKey&&u.includes("alt"),g=i.metaKey&&u.includes("meta"),f=(i.ctrlKey||i.metaKey)&&u.includes("commandorcontrol");u.length===2 ?(d||h||m||g||f)&&i.key.toLocaleLowerCase()===u[u.length-1]&&e(i,l):u.length===3&&(d&&h||d&&m||d&&g||d&&f||h&&m||h&&g||h&&f||m&&g||m&&f||g&&f)&&i.key.toLocaleLowerCase()===u[u.length-1]&&e(i,l);}else if(l.includes(S(i.key))){if(c)l===S(i.key)&&e(i,l);else if(!(i.ctrlKey||i.metaKey||i.shiftKey||i.altKey))return e(i,l);}});})(t instanceof Array ? t.map((a)=>S(a)):[S(t)],s,n?.exactMatch||!1),{deps:[n?.target,...n?.deps||[]]});n?.events instanceof Array ? n.events.forEach((o)=>r(o)):r(n?.events||"keydown");},vt=()=>{const t=x(2);let e;t[0]===Symbol.for("react.memo_cache_sentinel")?(e={clientX:0,clientY:0,screenX:0,screenY:0,pageX:0,pageY:0},t[0]=e):e=t[0];const [n,r]=M(e);let o;return t[1]===Symbol.for("react.memo_cache_sentinel")?(o=(s)=>{const a=s.clientX,i=s.clientY,c=s.screenX,l=s.screenY,u=s.pageX,d=s.pageY;r({clientX:a,clientY:i,screenX:c,screenY:l,pageX:u,pageY:d});},t[1]=o):o=t[1],T("click",o),n;};let $=!1;const q=(t)=>{const e=x(13),{theme:n,onDark:r,onLight:o}=t;let s;e[0]===Symbol.for("react.memo_cache_sentinel")?(s=window.matchMedia("(prefers-color-scheme:dark)"),e[0]=s):s=e[0];const a=s;let i;e[1]!==r||e[2]!==o ?(i=()=>{a.matches ? r():o();},e[1]=r,e[2]=o,e[3]=i):i=e[3];const c=i;let l;e[4]!==c||e[5]!==r||e[6]!==o||e[7]!==n ?(l=()=>{$&&($=!1,a.removeEventListener("change",c));t:switch(n){case "light":o();break t;case "dark":r();break t;default:c(),$=!0,a.addEventListener("change",c);}},e[4]=c,e[5]=r,e[6]=o,e[7]=n,e[8]=l):l=e[8];const u=l;let d,h;e[9]!==u ?(d=()=>{u();},e[9]=u,e[10]=d):d=e[10],e[11]!==n ?(h=[n],e[11]=n,e[12]=h):h=e[12],E(d,h);},I=(t)=>{const e="ono-view-transition-clip-path-circle",{element:n,duration:r=300,themeRules:o,onChangeTheme:s}=t,a=o?.()||document.documentElement.classList.contains("dark")? "dark":"light";if(!document.startViewTransition)return s(a==="dark" ? "light":"dark");const i=document.startViewTransition(()=>{const f=document.documentElement.classList.contains("dark");s(f ? "light":"dark");}),{top:c,left:l,width:u,height:d}=n.getBoundingClientRect(),h=l+u/2,m=c+d/2,g=[`circle(0%at ${h}px ${m}px)`,`circle(${Math.hypot(Math.max(h,window.innerWidth-h),Math.max(m,window.innerHeight-m))}px at ${h}px ${m}px)`];((f,w)=>{const b=document.createElement("style");b.setAttribute("type","text/css"),b.setAttribute("data-style-tag",w),b.textContent="::view-transition-old(root),::view-transition-new(root){animation:none;}.dark::view-transition-old(root){z-index:1;}.dark::view-transition-new(root){z-index:999;}::view-transition-old(root){z-index:999;}::view-transition-new(root){z-index:1;}",document.head.appendChild(b);})(0,e),i.ready.then(()=>{document.documentElement.animate({clipPath:a==="light" ? g:g.reverse()},{duration:r,fill:"forwards",easing:"ease-in-out",pseudoElement:a==="light" ? "::view-transition-new(root)":"::view-transition-old(root)"}),setTimeout(()=>{return f=e,void document.head.querySelectorAll("style").forEach((w)=>w.getAttribute("data-style-tag")===f&&w.remove());var f;},r+50);});},Mt=(t)=>{const{initTheme:e="light",themeRules:n=(a)=>{a ? document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark");}}=t||Object.assign({}),[r,o]=M(e),s=N(null);return q({theme:r,onDark:()=>{s.current ? I({element:s.current,onChangeTheme:()=>n(!0)}):n(!0);},onLight:()=>{s.current ? I({element:s.current,onChangeTheme:()=>n(!1)}):n(!1);}}),[r,({targetTheme:a,element:i,onChange:c})=>{s.current=i||null,c?.(),o(a);}];},St=(t)=>{const e=window.fetch,n={status:"pending",value:null},r=(...o)=>{if(n.status==="fulfilled")return n.value;throw n.status==="rejected" ? n.value:e(...o).then((s)=>s.json()).then((s)=>{n.status="fulfilled",n.value=s;}).catch((s)=>{n.status="rejected",n.value=s;});};window.fetch=r;try{t();}catch(o){o instanceof Promise&&o.finally(()=>{window.fetch=r,t(),window.fetch=e;});}window.fetch=e;};function Et(){const t=navigator.userAgent;let e="Unknown",n="Unknown";return/Chrome\/(\d+)/.test(t)?(e="Chrome",n=RegExp.$1):/Firefox\/(\d+)/.test(t)?(e="Firefox",n=RegExp.$1):/Safari\/(\d+)/.test(t)&&/Version\/([\d.]+)/.test(t)?(e="Safari",n=RegExp.$1):/Edge\/(\d+)/.test(t)&&(e="Edge",n=RegExp.$1),{name:e,version:n,isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(t)};}function $t(t){if(typeof window>"u")return{};if(t)return new URLSearchParams(window.location.search).get(t);{const e=new URLSearchParams(window.location.search),n={};for(const [r,o] of e.entries())n[r]=o;return n;}}const V=(t)=>/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t)? "hex":/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t)? "rgb":"unknown",kt=(t,e,n)=>{const r=V(t);if(r==="hex"){const o=t.replace("#",""),s=parseInt(o.slice(0,2),16),a=parseInt(o.slice(2,4),16),i=parseInt(o.slice(4,6),16);if(e==="lighten"){const c=Math.min(255,Math.max(0,s+(255-s)*n/100)),l=Math.min(255,Math.max(0,a+(255-a)*n/100)),u=Math.min(255,Math.max(0,i+(255-i)*n/100));return `#${c.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${u.toString(16).padStart(2,"0")}`;}if(e==="darken"){const c=Math.min(255,Math.max(0,s-s*n/100)),l=Math.min(255,Math.max(0,a-a*n/100)),u=Math.min(255,Math.max(0,i-i*n/100));return `#${c.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${u.toString(16).padStart(2,"0")}`;}}else if(r==="rgb"){const o=t.match(/\d+/g),s=parseInt(o[0]),a=parseInt(o[1]),i=parseInt(o[2]);if(e==="lighten")return `rgb(${Math.min(255,Math.max(0,s+(255-s)*n/100))},${Math.min(255,Math.max(0,a+(255-a)*n/100))},${Math.min(255,Math.max(0,i+(255-i)*n/100))})`;if(e==="darken")return `rgb(${Math.min(255,Math.max(0,s-s*n/100))},${Math.min(255,Math.max(0,a-a*n/100))},${Math.min(255,Math.max(0,i-i*n/100))})`;}return t;},R=(t)=>{const e=t.split("#")[1],n=(r)=>[parseInt(r.slice(0,2),16),parseInt(r.slice(2,4),16),parseInt(r.slice(4,6),16)];if(e.length===8){const r=parseInt(e.slice(-2),16)/256,o=n(e.slice(0,-2));return o.push(r),"rgba("+o.join(",")+")";}return "rgb("+n(e).join(",")+")";},y=(t)=>t.match(/(\d+\.?\d*)/g),A=(t)=>{const e=y(t),n=Number(e[0])/255,r=Number(e[1])/255,o=Number(e[2])/255,s=Math.min(n,r,o),a=Math.max(n,r,o);let i=0,c=0,l=(a+s)/2;if(a===s)i=c=0;else{const u=a-s;switch(c=l>0.5 ? u/(2-a-s):u/(a+s),a){case n:i=(r-o)/u+(r<o ? 6:0);break;case r:i=(o-n)/u+2;break;case o:i=(n-r)/u+4;}i/=6;}return `hsl(${Math.round(360*i)},${Math.round(100*c)}%,${Math.round(100*l)}%)`;},Z=(t)=>A(R(t)),G=(t)=>{const e=y(t),n=Number(e[0])/360,r=Number(e[1])/100,o=Number(e[2])/100;let s,a,i;function c(d,h,m){return m<0&&(m+=1),m>1&&(m-=1),m<1/6 ? d+6*(h-d)*m:m<0.5 ? h:m<2/3 ? d+(h-d)*(2/3-m)*6:d;}let l=o<0.5 ? o*(1+r):o+r-o*r,u=2*o-l;return s=c(u,l,n+1/3),a=c(u,l,n),i=c(u,l,n-1/3),`rgb(${Math.round(255*s)},${Math.round(255*a)},${Math.round(255*i)})`;},L=(t)=>{const e=y(t),n=(s)=>Number(s).toString(16).padStart(2,"0"),r=(s)=>s.reduce((a,i)=>a+n(i),"#"),o=(s)=>{const a=s,i=Number(s[s.length-1])!==1 ? Number(s[s.length-1]):100;return a.pop(),r(a)+n(2.56*i);};return e.length===3 ? r(e):e.length===5 ? o([e[0],e[1],e[2],10*Number(e[e.length-1])]):o(e);},J=(t)=>L(G(t)),Ct=(t,e,n)=>{let r=[];if(t.includes("#"))r=y(Z(t));else if(t.includes("rgb"))r=y(A(t));else{if(!t.includes("hsl"))throw new Error("颜色格式错误");r=y(t);}return J(`${r[0]},${r[1]}%,${e==="light" ? Number(r[2])+n>100 ? 100:Number(r[2])+n:Number(r[2])-n<0 ? 0:Number(r[2])-n}%`);},P=(t)=>{const e=y(t);let n=Number(e[0])/255,r=Number(e[1])/255,o=Number(e[2])/255;const s=Math.max(n,r,o),a=Math.min(n,r,o);let i=0,c=0,l=s;const u=s-a;if(c=s===0 ? 0:u/s,s===a)i=0;else{switch(s){case n:i=(r-o)/u+(r<o ? 6:0);break;case r:i=(o-n)/u+2;break;case o:i=(n-r)/u+4;}i/=6;}return `hsv(${360*i},${100*c},${100*l})`;},Tt=(t,e=1,n="rgba")=>{const r=y(t);let o=Number(r[0])/255,s=Number(r[1])/255,a=Number(r[2])/255;switch(n){case "rgba":return `rgba(${o},${s},${a},${e})`;case "hex":return L(t);case "hsl":return A(t);case "hsv":return P(t);default:return t;}},At=(t)=>{const e=(function(r){if(r.startsWith("#"))return r.length===4&&(r=`#${r.slice(1).repeat(2)}`),[parseInt(r.substr(1,2),16),parseInt(r.substr(3,2),16),parseInt(r.substr(5,2),16)];if(r.startsWith("rgb")){const o=r.match(/\d+/g);return [parseInt(o[0]),parseInt(o[1]),parseInt(o[2])];}return null;})(t);return e===null ? null:(299*(n=e)[0]+587*n[1]+114*n[2])/1e3>128 ? "#000":"#fff";var n;},Lt=(t,e,n)=>0.2126*t+0.7152*e+0.0722*n,It=(t)=>P(R(t)),Dt=(t)=>{const e=t.replace("#","").split("");return `#${e[0]+e[0]+e[1]+e[1]+e[2]+e[2]}`;},Q=(t)=>{const e=y(t);let n=Number(e[0])/360,r=Number(e[1])/100,o=Number(e[2])/100,s=0,a=0,i=0;const c=Math.floor(6*n),l=6*n-c,u=o*(1-r),d=o*(1-l*r),h=o*(1-(1-l)*r);switch(c%6){case 0:s=o,a=h,i=u;break;case 1:s=d,a=o,i=u;break;case 2:s=u,a=o,i=h;break;case 3:s=u,a=d,i=o;break;case 4:s=h,a=u,i=o;break;case 5:s=o,a=u,i=d;}return `rgb(${Math.round(255*s)},${Math.round(255*a)},${Math.round(255*i)})`;},Nt=(t)=>L(Q(t)),Ot=(t)=>!(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t)&&!/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t)),Rt=()=>"#"+Math.random().toString(16).slice(2,8).padEnd(6,"0"),Pt=(t,e)=>{if(!e)return t;if(t.includes("rgba")){const n=t.split(",");return n.pop(),n.push(e+")"),n.join(",");}if(t.includes("rgb")){const n=t.split(","),r="rgba("+n[0].split("(")[1],o=n[n.length-1].split(")")[0];return [r,n[1],o," "+e+")"].join(",");}},Bt=(t)=>{if(typeof t!="number"||isNaN(t))throw new Error("请输入有效的数字");const e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".");},Ft=(t,e,n)=>{const r=t[e];t[e]=function(o){r&&typeof r=="function"&&r.call(this,o),n.call(this,o);};},zt=(...t)=>{let e="";for(let n=0;n<t.length;n++){const r=t[n];r&&(e&&(e+=" "),e+=r);}return e;},jt=()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),Ut=(t,e)=>{t.toString().startsWith("2")? e.onSuccess&&e.onSuccess():(t.toString().startsWith("4")||t.toString().startsWith("5"))&&e.onFail&&e.onFail();},Yt=(t)=>navigator.clipboard.writeText(t),_t=(t,e)=>{let n=null;return(...r)=>{n&&clearTimeout(n),n=setTimeout(()=>{t(...r),n=null;},e);};},tt=(t)=>{if(typeof t!="object"||t===null)return t;const e=Array.isArray(t)? []:{};for(const n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=tt(t[n]));return e;},Ht=(t,e,n=t.length)=>e>=t.length ? t:(e<0&&(e=Math.max(0,e+t.length)),n<0&&(n=t.length+n),e>n&&([e,n]=[n,e]),e=Math.max(0,Math.min(e,t.length)),(n=Math.max(0,Math.min(n,t.length)))-e>3 ? t.substring(0,e)+"..."+t.substring(n):t),Kt=(t)=>typeof t!="string"||t.length===0 ? "":t.charAt(0).toUpperCase()+t.slice(1),D=(t,e)=>{for(t=Math.abs(t),e=Math.abs(e);e!==0;){const n=e;e=t%e,t=n;}return t;},Wt=(t,e="viewport")=>{const n=t.getBoundingClientRect(),r=n.left+n.width/2,o=n.top+n.height/2;switch(e){case "page":return{x:r+window.pageXOffset,y:o+window.pageYOffset};case "parent":const s=t.parentElement;if(!s)return{x:r,y:o};const a=s.getBoundingClientRect();return{x:r-(a.left+a.width/2),y:o-(a.top+a.height/2)};default:return{x:r,y:o};}},Xt=(t)=>new Promise((e,n)=>{const r=new Image();let o=null;const s=()=>{o&&URL.revokeObjectURL(o);};r.onload=()=>{s(),e({width:r.width,height:r.height});},r.onerror=()=>{s(),n(new Error("Failed to load image"));},typeof t=="string" ? r.src=t:(o=URL.createObjectURL(t),r.src=o);}),qt=(t,e,n,r)=>Math.sqrt((t-n)**2+(e-r)**2),Vt=(t,e)=>`${Math.floor(t/D(t,e))}:${Math.floor(e/D(t,e))}`,et=(t)=>{const e=new Set();for(const n of t){if(e.has(n))return!0;e.add(n);}return!1;},Zt=(t)=>/^\d+$/.test(t),Gt=(t,e,n)=>{t.muted=!0,t.play();const r=new AudioContext(),o=r.state==="running";r.close(),o ?(t.muted=!1,e?.()):n?.();},p=(t)=>t<10 ? `0${t}`:`${t}`,Jt=(t)=>{const e={};return t.replace(/([^?=&]+)=([^&]+)/g,(n,r,o)=>e[r]=o),e;},Qt=/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*()_+])[\da-zA-Z]{8,}$/,te=({el:t,str:e="hello world",speed:n=100,isExtendStr:r=!0,onDone:o})=>{let s=0,a=null;t.textContent&&r&&(s=t.textContent.length,e=t.textContent+e);const i=()=>{clearTimeout(a);const c=e.substring(0,s+1);t.textContent=c,s++,s!==e.length ? a=setTimeout(i,n):o?.();};i();},ee=(t)=>parseFloat(t.replace(/[^0-9.]/g,"")),ne=(t)=>{if(t.length<2)return [...t];const e=[...t];return C(e,0,e.length-1),e;};function C(t,e,n){if(e<n){const r=(function(o,s,a){const i=o[a];let c=s-1;for(let l=s;l<a;l++)o[l]<=i&&(c++,[o[c],o[l]]=[o[l],o[c]]);return [o[c+1],o[a]]=[o[a],o[c+1]],c+1;})(t,e,n);C(t,e,r-1),C(t,r+1,n);}}const re=(t,e)=>{let n=0;const r=(o)=>{n||(n=o),o-n>=e ? t():requestAnimationFrame(r);};requestAnimationFrame(r);},oe=(t)=>{if(t<=0)return "";let e="";for(let n=0;n<t;n++)e+="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".charAt(Math.floor(62*Math.random()));return e;},ae=(t)=>new DOMParser().parseFromString(t,"text/html").body.textContent||"",se=({currentIndex:t,itemHeight:e,total:n,showMaxNumber:r,element:o})=>{if(n<=0||r<=0||e<=0||n<=r)return;const s=Math.floor(o.scrollTop/e);if(t>=s&&t<=s+r-1)return;let a;a=t<s ? t*e:(t-r+1)*e;const i=(n-r)*e;a=Math.max(0,Math.min(i,a)),a!==o.scrollTop&&o.scrollTo({top:a});},ie=(t,e=[],n=!0)=>{if(e.length===0)return t;if(et(e))throw new Error("Each item in properties must be unique");if(n){const r={};for(const o of e)r[o]=t[o];return r;}{const r=new Set(e),o={};for(const s in t)r.has(s)||(o[s]=t[s]);return o;}},ce=(t)=>{let e;const n=new Proxy(t,{construct:(r,o)=>(e||(e=Reflect.construct(r,o)),e)});return n.prototype.construct=n,n;};function le(t,e,n={}){let r,o=null,s=null,a=0;const i=n.leading!==!1,c=n.trailing!==!1;function l(){s&&(t.apply(r,s),s=null);}function u(){const h=Date.now();h-a>=e ?(c&&s&&l(),o=null):o=setTimeout(u,e-(h-a));}const d=function(...h){const m=Date.now();s=h,r=this,m-a>=e ? o||(a=m,i ? l():c&&(o=setTimeout(u,e))):!o&&c&&(o=setTimeout(u,e-(m-a)));};return d.cancel=function(){o&&(clearTimeout(o),o=null),a=0,s=null;},d;}const nt=/^data:image\/([a-zA-Z]*);base64,([^\s]*)$/,rt=/^[A-Za-z0-9+/]*={0,2}$/,B=(t)=>{if(typeof t!="string"||t.length===0)return!1;if(nt.test(t))return!0;if(t.length%4!=0||!rt.test(t))return!1;if(t.length<=100)return!0;try{return btoa(atob(t))===t;}catch{return!1;}},ue=(t)=>{if(!B(t))throw new Error("Invalid base64 string");const e=t.indexOf(","),n=t.substring(0,e).match(/:(.*?);/);if(!n||!n[1])throw new Error("Could not extract MIME type from base64 string");const r=n[1],o=atob(t.substring(e+1)),s=new Uint8Array(o.length);for(let a=0;a<o.length;a++)s[a]=o.charCodeAt(a);return new Blob([s],{type:r});},de=(t,e)=>{if(!B(t))throw new Error("Invalid base64 string");const n=t.indexOf(","),r=t.substring(0,n),o=t.substring(n+1),s=r.match(/:(.*?);/);if(!s||!s[1])throw new Error("Could not extract MIME type from base64 string");const a=s[1],i=atob(o),c=new Uint8Array(i.length);for(let h=0;h<i.length;h++)c[h]=i.charCodeAt(h);const l=a.split("/"),u=l[1]==="jpeg" ? ".jpg":"."+l[1],d=new Blob([c],{type:a});return new File([d],e+u,{type:a,lastModified:Date.now()});},ot=(t)=>new Promise((e)=>{const n=new FileReader();n.readAsDataURL(t),n.onload=(r)=>{const o=r.target?.result,s=o.split(",")[1];e(s);};}),at=(t,e="abc.jpg")=>new File([t],e,{type:t.type}),he=async(t,e)=>{const n=(r,o)=>{const s=window.URL.createObjectURL(r),a=document.createElement("a");a.href=s,a.download=encodeURIComponent(o),document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(s);};try{if(typeof t=="string"){const r=await fetch(t);if(!r.ok)throw new Error(`Network response was not ok:${r.statusText}`);n(await r.blob(),e);}else n(t,e);}catch{}},me=(t)=>new Promise((e)=>{const n=new FileReader();n.readAsDataURL(t),n.onload=(r)=>e(r.target?.result);}),ge=(t)=>t.slice(0,t.size,t.type),fe=(t,e)=>{const n=["B","KB","MB","GB","TB"];let r=n.indexOf(e?.unit ?? "B");if(r===-1)throw new Error("Invalid unit");if(!e?.unit)for(;t/Math.pow(1024,r)>=1024;)r++;return `${(t/Math.pow(1024,r)).toFixed(e?.decimalPlaces ?? 0)}${n[r]}`;},st=(t)=>{if(!t)return "";const e=t.lastIndexOf(".");return e===-1 ? st(t.substring(t.lastIndexOf("/")+1)):t.substring(0,e);},pe=(t)=>{if(!t)return "";const e=t.lastIndexOf(".");return t.substring(e+1);},F=async(t)=>await(await fetch(t)).blob(),we=async(t)=>await ot(await F(t)),be=async(t)=>at(await F(t)),ye=(t,e,n)=>{const r=new IntersectionObserver(e,n);t instanceof HTMLElement ? r.observe(t):t.forEach((o)=>r.observe(o));},xe=(t,e,n,r={root:null,rootMargin:"0px",threshold:0})=>{const o=new IntersectionObserver((s)=>s.forEach((a)=>a.isIntersecting ? e(a):n(a)),r);t.forEach((s)=>o.observe(s));},it=({onAndroid:t,onIOS:e,onUnknown:n})=>{const r=navigator.userAgent;return/android/i.test(r)?(t(),"Android"):/iPad|iPhone|iPod/.test(r)?(e(),"iOS"):(n?.(),"Unknown");},ve=({onAndroid:t,onIOS:e,onUnknown:n,timeout:r=500})=>()=>{setTimeout(()=>it({onAndroid:t,onIOS:e,onUnknown:n}),r);},Me=(t,e)=>{const n={year:31536e3,month:2592e3,day:86400,hour:3600,minute:60,second:1};if(!n[e])throw new Error('Invalid type. Please use "day","hour","minute",or "second".');return Math.floor(t/n[e]);},Se=(t)=>Math.ceil((t.getTime()-new Date(t.getFullYear(),0,1).getTime())/864e5),Ee=(t)=>{const e=Math.floor(t/3600),n=Math.floor(t%3600/60),r=Math.floor(t%60),o=(s)=>s.toString().padStart(2,"0");return(e>0 ? `${o(e)}:${o(n)}:${o(r)}`:`${o(n)}:${o(r)}`)+(t<10 ? ".00":t<100 ? ".0":"");},z=(t)=>t.toString().length>13 ? new Date(Number(t.toString().substring(0,13))):t.toString().length===13 ? new Date(t):t.toString().length<13&&t.toString().length>10 ? new Date(Number((t.toString()+"000").substring(0,13))):t.toString().length===10 ? new Date(1e3*t):new Date(Number((t.toString()+"000000000000").substring(0,13))),$e=(t,e="YY-MM-DD hh:mm:ss")=>{const n=["YY","MM","DD","hh","mm","ss"],r=[],o=z(t);r.push(o.getFullYear().toString()),r.push(p(o.getMonth()+1)),r.push(p(o.getDate())),r.push(p(o.getHours())),r.push(p(o.getMinutes())),r.push(p(o.getSeconds()));for(let s in r)e=e.replace(n[s],r[s]);return e;},ke=(t,e="YY-MM-DD hh:mm:ss",n="cn")=>{const r=["YY","MM","DD","hh","mm","ss"],o=[],s=z(t);o.push(((a,i)=>{const c={en:["0","1","2","3","4","5","6","7","8","9"],cn:["零","一","二","三","四","五","六","七","八","九"]};return a.split("").map((l)=>c[i][Number(l)]).join("");})(s.getFullYear().toString(),n)),o.push(((a,i)=>({en:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec"],cn:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]})[i][Number(a)-1])(p(s.getMonth()+1),n)),o.push(((a,i)=>{let c;return i==="en" ? c=a==="01"||a==="21"||a==="31" ? Number(a)+"st":a==="02"||a==="22" ? Number(a)+"nd":a==="03"||a==="23" ? Number(a)+"rd":Number(a)+"th":a==="01" ? c="一日":a==="02" ? c="二日":a==="03" ? c="三日":a==="04" ? c="四日":a==="05" ? c="五日":a==="06" ? c="六日":a==="07" ? c="七日":a==="08" ? c="八日":a==="09" ? c="九日":a==="10" ? c="十日":a==="11" ? c="十一日":a==="12" ? c="十二日":a==="13" ? c="十三日":a==="14" ? c="十四日":a==="15" ? c="十五日":a==="16" ? c="十六日":a==="17" ? c="十七日":a==="18" ? c="十八日":a==="19" ? c="十九日":a==="20" ? c="二十日":a==="21" ? c="二十一日":a==="22" ? c="二十二日":a==="23" ? c="二十三日":a==="24" ? c="二十四日":a==="25" ? c="二十五日":a==="26" ? c="二十六日":a==="27" ? c="二十七日":a==="28" ? c="二十八日":a==="29" ? c="二十九日":a==="30" ? c="三十日":a==="31"&&(c="三十一日"),c ?? a;})(p(s.getDate()),n)),o.push(p(s.getHours())),o.push(p(s.getMinutes())),o.push(p(s.getSeconds()));for(let a in o)e=e.replace(r[a],o[a]);return e;},Ce=(t,e)=>{const n=["DD","hh","mm","ss"],r=[];r.push(Math.floor(t/86400)),r.push(p(Math.floor(t%86400/3600))),r.push(p(Math.floor(t%3600/60))),r.push(p(t%60));for(let o=0;o<n.length;o++)e=e.replace(n[o],r[o].toString());return e;},Te=(t)=>{const e="ono-view-transition-clip-path-circle",{element:n,duration:r=300,themeRules:o,onChangeTheme:s}=t,a=o?.()||document.documentElement.classList.contains("dark")? "dark":"light";if(!document.startViewTransition)return s(a==="dark" ? "light":"dark");const i=document.startViewTransition(()=>{const f=document.documentElement.classList.contains("dark");s(f ? "light":"dark");}),{top:c,left:l,width:u,height:d}=n.getBoundingClientRect(),h=l+u/2,m=c+d/2,g=[`circle(0%at ${h}px ${m}px)`,`circle(${Math.hypot(Math.max(h,window.innerWidth-h),Math.max(m,window.innerHeight-m))}px at ${h}px ${m}px)`];((f,w)=>{const b=document.createElement("style");b.setAttribute("type","text/css"),b.setAttribute("data-style-tag",w),b.textContent="::view-transition-old(root),::view-transition-new(root){animation:none;}.dark::view-transition-old(root){z-index:1;}.dark::view-transition-new(root){z-index:999;}::view-transition-old(root){z-index:999;}::view-transition-new(root){z-index:1;}",document.head.appendChild(b);})(0,e),i.ready.then(()=>{document.documentElement.animate({clipPath:a==="light" ? g:g.reverse()},{duration:r,fill:"forwards",easing:"ease-in-out",pseudoElement:a==="light" ? "::view-transition-new(root)":"::view-transition-old(root)"}),setTimeout(()=>((f)=>{document.head.querySelectorAll("style").forEach((w)=>w.getAttribute("data-style-tag")===f&&w.remove());})(e),r+50);});},Ae=(t)=>(e)=>t(H((n)=>((r,o=[],s=!0)=>{if(o.length===0)return r;if(((a)=>{const i=new Set();for(const c of a){if(i.has(c))return!0;i.add(c);}return!1;})(o))throw new Error("Each item in properties must be unique");if(s){const a={};for(const i of o)a[i]=r[i];return a;}{const a=new Set(o),i={};for(const c in r)a.has(c)||(i[c]=r[c]);return i;}})(n,e))),ct={get:(t)=>t,set:(t,e)=>({...t,[e.key]:e.value}),del:(t,e)=>{const n={...t};return delete n[e.key],n;}},lt=(t,e)=>ct[e.type](t,e),j=Y(null),Le=(t)=>{const e=x(5),{initData:n,children:r}=t,[o,s]=U(lt,n);let a,i;return e[0]!==o ?(a={data:o,dispatch:s},e[0]=o,e[1]=a):a=e[1],e[2]!==r||e[3]!==a ?(i=O(j.Provider,{value:a,children:r}),e[2]=r,e[3]=a,e[4]=i):i=e[4],i;},ut=()=>{const t=x(6),e=_(j);if(!e)throw new Error("useData must be used within a DataProvider");let n;t[0]!==e ?(n={set:(s,a)=>{typeof a=="function" ? e.dispatch({type:"set",key:s,value:a(e.data[s])}):e.dispatch({type:"set",key:s,value:a});},setAll:(s)=>Object.keys(s).forEach((a)=>e.dispatch({type:"set",key:a,value:s[a]})),del:(s)=>e.dispatch({type:"del",key:s})},t[0]=e,t[1]=n):n=t[1];const r=n;let o;return t[2]!==e.data||t[3]!==e.dispatch||t[4]!==r ?(o={data:e.data,dispatch:r,originDispatch:e.dispatch},t[2]=e.data,t[3]=e.dispatch,t[4]=r,t[5]=o):o=t[5],o;},Ie=(t)=>ut,v=new Map(),De=(t,e,n,r)=>{const{target:o,root:s,reactRoot:a}=((c,l)=>{const u=c||`${l}-${Math.random().toString(36)}`;if(v.has(u)){const f=v.get(u);if(document.contains(f.target))return f;v.delete(u);}let d,h,m=null;l&&(m=document.getElementById(l),m||(m=document.createElement("div"),m.id=l,document.body.appendChild(m))),c ?(d=document.getElementById(c)?? document.createElement("div"),d.id||(d.id=c,m ? m.appendChild(d):document.body.appendChild(d))):(d=document.createElement("div"),m ? m.appendChild(d):document.body.appendChild(d)),d.__reactContainer$ ? h=d.__reactContainer$:(h=K.createRoot(d),d.__reactContainer$=h);const g={target:d,root:m,reactRoot:h};return v.set(u,g),g;})(n,r),i=(c)=>{try{typeof c=="function"&&c();const l=n||`${r}-${Math.random().toString(36)}`;v.delete(l),a.unmount(),n ? document.getElementById(n)?.remove():o.remove(),requestAnimationFrame(()=>{s&&s.children.length===0&&s.remove();});}catch{}};return a.render(O(t,{...e,destroy:i})),i;};class dt{events={};constructor(e){for(let n=0;n<e.length;n++)this.events[e[n]]=new Set();}createEvent(e,n=!1){this.events[e]&&!n||(this.events[e]=new Set());}emit(e,...n){if(!this.events[e])throw new Error(`Event ${e}does not exist`);this.events[e].forEach((r)=>{r(...n);});}on(e,n,r=!0){this.createEvent(e,r),this.events[e].add(n);}cancel(e,n){this.events[e]&&this.events[e].delete(n);}clear(e){if(e)this.createEvent(e,!0);else{const n=Object.keys(this.events);for(let r=0;r<n.length;r++)this.createEvent(n[r],!0);}}}let k=null;const Ne=(t)=>(k||(k=new dt(t)),k);export{Pe as AutoSliderList,Fe as AvatarCrop,en as AwaitList,je as Button,Ye as Card3D,He as Carousel,We as Checkbox,Le as DataProvider,Ln as EstimatedVirtualList,Ze as FileDropZone,nn as List,on as MenuButton,ln as Modal,Je as OnoInput,bn as OnoSelect,Qe as OnoTextarea,dn as Pagination,mn as Radio,gn as RadioGroup,pn as ScrollableTabs,xn as SvgImg,Mn as Switch,En as TemplateDialog,Tn as Tooltip,Nn as Waterfall,Bt as addCommasToNumber,Ft as addEventWithOriginHandler,kt as adjustColor,Ct as adjustingColors,ue as base64ToBlob,de as base64ToFile,ot as blobToBase64,at as blobToFile,zt as chainClassNames,Te as changeThemeClipPathCircle,jt as checkDeviceIsMobile,Ut as checkStatusCode,St as clearAsyncContagion,qe as contextMenu,Me as convertSecondToOtherTime,Yt as copy2Clipboard,Ie as createContextData,In as createDataSource,Ae as createDesignateStore,Ne as createEventEmitter,ye as createIntersectionObserver,Se as dayOfYear,_t as debounce,tt as deepCopy,it as distinguishPlatform,ve as distinguishPlatformDelay,he as downloadFile,xe as elementIsInViewport,Ht as ellipsisString,me as fileToBase64,ge as fileToBlob,Kt as firstLetter2Capitalize,Tt as formatColor,fe as formatFileSize,Ee as formatSecond,$e as formatTime,D as gcd,y as getAllNumbers,Et as getBrowserInfo,V as getColorType,At as getContrastColor,Wt as getElementCenterPosition,st as getFileName,pe as getFileSuffix,Xt as getImageSize,qt as getPointDistance,Vt as getRatio,$t as getURLSearchParams,Lt as grayColor,et as hasDuplicates,Z as hex2hsl,It as hex2hsv,R as hex2rgb,Dt as hex3To6,J as hsl2hex,G as hsl2rgb,Nt as hsv2hex,Q as hsv2rgb,B as isBase64,Zt as isPureNumber,Ot as isValidColor,ke as localFormat,Gt as mediaAutoplayPolicies,sn as message,p as padZero,Jt as parseQuery,Qt as passwordStrength,De as portalRenderer,te as printStr,ee as pureNumber,ne as quickSort,re as rafTimeout,Rt as randomColor,oe as randomString,ae as removeTag,L as rgb2hex,A as rgb2hsl,P as rgb2hsv,Pt as rgb2rgba,se as scrollToItem,Ce as second2Day,ie as selectProperties,ce as singleton,le as throttle,kn as toast,we as urlToBase64,F as urlToBlob,be as urlToFile,wt as useClickOutSide,bt as useCountdown,T as useEventListener,yt as useGetElementSize,xt as useKeyPress,vt as useMouseClick,q as useTheme,Mt as useThemePro};
|
|
1
|
+
import{A as tn}from "./AutoSliderList-CnR9cnHk.js";import{A as nn}from "./AvatarCrop-ByE8oq-Y.js";import{B as on}from "./Button-CGyWgrQj.js";import{C as sn}from "./Card3D-NqDUZB0c.js";import{C as ln}from "./Carousel-Bnrz70Tw.js";import{C as dn}from "./Checkbox-DI_pnI6U.js";import{c as mn}from "./ContextMenu-Boi1cZFI.js";import{F as fn}from "./FileDropZone-DCvpaUuw.js";import{O as wn,a as bn}from "./Input-DnB8zvWy.js";import{A as xn,L as vn}from "./List-ClfyFOXz.js";import{M as Sn}from "./Mark-DAMtImfr.js";import{M as $n}from "./MenuButton-BZMchW23.js";import{m as Ln}from "./Message-C8cydGYH.js";import{M as Cn}from "./Modal-BbixgMNW.js";import{P as An}from "./Pagination-D428PpRD.js";import{R as Dn,a as On}from "./Radio-CYirLPd9.js";import{S as Nn}from "./ScrollableTabs-yCB3QKsp.js";import{O as Un}from "./Select-D5REq6YE.js";import{S as Bn}from "./SvgImg-DWqVwwgv.js";import{S as Hn}from "./Switch-uZtwu9mV.js";import{T as _n}from "./TemplateDialog-CEfbPFNt.js";import{t as Kn}from "./Toast-nAp61Kbz.js";import{T as Vn}from "./Tooltip-Dw-vi5zs.js";import{E as Zn,c as Gn}from "./VirtualList-DKHTLs7s.js";import{W as Qn}from "./Waterfall-BVjigHTI.js";import{c as y}from "react/compiler-runtime";import{useEffect as M,useState as v,useRef as j,useReducer as V,createContext as X,useContext as Z}from "react";import{jsx as B}from "react/jsx-runtime";import{useShallow as G}from "zustand/shallow";import J from "react-dom/client";const R=(t,e,n)=>{const r=y(19);let o;r[0]!==n ?(o=n||{},r[0]=n,r[1]=o):o=r[1];const{target:a,deps:s,isDeferred:i}=o;let c;r[2]!==e ?(c=(g)=>e(g),r[2]=e,r[3]=c):c=r[3];const l=c;let u,d,h,m;return r[4]!==t||r[5]!==l||r[6]!==i||r[7]!==a ?(u=()=>(typeof t=="string" ?!i&&(a||window).addEventListener(t,l):t.forEach((g)=>!i&&(a||window).addEventListener(g,l)),()=>{typeof t=="string" ?(a||window).removeEventListener(t,l):t.forEach((g)=>(a||window).removeEventListener(g,l));}),r[4]=t,r[5]=l,r[6]=i,r[7]=a,r[8]=u):u=r[8],r[9]!==s ?(d=s||[],r[9]=s,r[10]=d):d=r[10],r[11]!==d||r[12]!==a ?(h=[a,...d],r[11]=d,r[12]=a,r[13]=h):h=r[13],M(u,h),r[14]!==t||r[15]!==l||r[16]!==i||r[17]!==a ?(m=i ?()=>{typeof t=="string" ?(a||window).addEventListener(t,l):t.forEach((g)=>(a||window).addEventListener(g,l));}:void 0,r[14]=t,r[15]=l,r[16]=i,r[17]=a,r[18]=m):m=r[18],m;},kt=(t,e,n)=>{const r=y(10),o=n?.event||"click";let a,s,i,c;return r[0]!==o ?(a=((l)=>{const u=typeof l=="string" ? [l]:l;if(new Set(u).size!==u.length)throw new Error("there are duplicates in the event type");return u;})(o),r[0]=o,r[1]=a):a=r[1],r[2]!==e||r[3]!==t ?(s=(l)=>{if(t)if(t instanceof Array)t.map(Q).some((u)=>!!u&&u.contains(l.target))||e(l);else{const u=t instanceof HTMLElement ? t:t.current;u&&!u.contains(l.target)&&e(l);}},r[2]=e,r[3]=t,r[4]=s):s=r[4],r[5]!==n?.deps ?(i=n?.deps||[],r[5]=n?.deps,r[6]=i):i=r[6],r[7]!==t||r[8]!==i ?(c={deps:[t,...i]},r[7]=t,r[8]=i,r[9]=c):c=r[9],R(a,s,c);};function Q(t){return t instanceof HTMLElement ? t:t.current;}const Ct=(t,e)=>{const n=y(12),r=t===void 0 ? 60:t,[o,a]=v(r),[s,i]=v(!1),c=j(null);let l;n[0]===Symbol.for("react.memo_cache_sentinel")?(l=()=>i(!0),n[0]=l):l=n[0];const u=l;let d;n[1]!==r||n[2]!==e ?(d=()=>{i(!1),a(r),c.current&&(clearTimeout(c.current),c.current=null),e?.();},n[1]=r,n[2]=e,n[3]=d):d=n[3];const h=d;let m,g,f;return n[4]!==s||n[5]!==o||n[6]!==h ?(m=()=>{if(s)return o>0 ? c.current=setTimeout(()=>{a(tt);},1e3):h(),()=>{c.current&&(clearTimeout(c.current),c.current=null);};},g=[s,o,h],n[4]=s,n[5]=o,n[6]=h,n[7]=m,n[8]=g):(m=n[7],g=n[8]),M(m,g),n[9]!==o||n[10]!==h ?(f=[o,u,h],n[9]=o,n[10]=h,n[11]=f):f=n[11],f;};function tt(t){return t-1;}const It=(t)=>{const e=y(8),n=t===void 0 ? 100:t,[r,o]=v(0);let a,s,i,c;if(e[0]!==r||e[1]!==n){const l=()=>a=requestAnimationFrame(()=>{o(r+1),r>=n||l();});l(),e[0]=r,e[1]=n,e[2]=a;}else a=e[2];return e[3]!==a ?(s=()=>()=>{cancelAnimationFrame(a);},e[3]=a,e[4]=s):s=e[4],e[5]===Symbol.for("react.memo_cache_sentinel")?(i=[],e[5]=i):i=e[5],M(s,i),e[6]!==r ?(c=(l)=>r>l,e[6]=r,e[7]=c):c=e[7],c;},At=(t)=>{const e=y(9);let n;e[0]===Symbol.for("react.memo_cache_sentinel")?(n={w:0,h:0},e[0]=n):n=e[0];const [r,o]=v(n);let a;e[1]===Symbol.for("react.memo_cache_sentinel")?(a=new ResizeObserver((d)=>{for(const h of d)o({w:h.borderBoxSize[0].inlineSize,h:h.borderBoxSize[0].blockSize});}),e[1]=a):a=e[1];const s=a;let i;e[2]!==t ?(i=()=>{if(t&&typeof t!="function")s.observe(t instanceof HTMLElement ? t:t.current);else if(t&&typeof t=="function"){const d=t();s.observe(d instanceof HTMLElement ? d:d.current);}else o({w:window.innerWidth,h:window.innerHeight});},e[2]=t,e[3]=i):i=e[3];const c=i;let l,u;return e[4]!==c||e[5]!==t ?(l=()=>(c(),window.addEventListener("resize",c),()=>{if(window.removeEventListener("resize",c),t&&typeof t!="function")s.unobserve(t instanceof HTMLElement ? t:t.current);else if(t&&typeof t=="function"){const d=t();s.unobserve(d instanceof HTMLElement ? d:d.current);}}),e[4]=c,e[5]=t,e[6]=l):l=e[6],e[7]!==t ?(u=[t],e[7]=t,e[8]=u):u=e[8],M(l,u),r;},L=(t)=>t.toString().toLocaleLowerCase(),Rt=(t,e,n)=>{const r=(o)=>R(o,(a)=>((s,i,c)=>{s.forEach((l)=>{if(l.includes("+")&&l.length>1){const u=l.split("+"),d=i.ctrlKey&&u.includes("ctrl"),h=i.shiftKey&&u.includes("shift"),m=i.altKey&&u.includes("alt"),g=i.metaKey&&u.includes("meta"),f=(i.ctrlKey||i.metaKey)&&u.includes("commandorcontrol");u.length===2 ?(d||h||m||g||f)&&i.key.toLocaleLowerCase()===u[u.length-1]&&e(i,l):u.length===3&&(d&&h||d&&m||d&&g||d&&f||h&&m||h&&g||h&&f||m&&g||m&&f||g&&f)&&i.key.toLocaleLowerCase()===u[u.length-1]&&e(i,l);}else if(l.includes(L(i.key))){if(c)l===L(i.key)&&e(i,l);else if(!(i.ctrlKey||i.metaKey||i.shiftKey||i.altKey))return e(i,l);}});})(t instanceof Array ? t.map((s)=>L(s)):[L(t)],a,n?.exactMatch||!1),{deps:[n?.target,...n?.deps||[]]});n?.events instanceof Array ? n.events.forEach((o)=>r(o)):r(n?.events||"keydown");},Dt=()=>{const t=y(2);let e;t[0]===Symbol.for("react.memo_cache_sentinel")?(e={clientX:0,clientY:0,screenX:0,screenY:0,pageX:0,pageY:0},t[0]=e):e=t[0];const [n,r]=v(e);let o;return t[1]===Symbol.for("react.memo_cache_sentinel")?(o=(a)=>{const s=a.clientX,i=a.clientY,c=a.screenX,l=a.screenY,u=a.pageX,d=a.pageY;r({clientX:s,clientY:i,screenX:c,screenY:l,pageX:u,pageY:d});},t[1]=o):o=t[1],R("click",o),n;};let C=!1;const et=(t)=>{const e=y(13),{theme:n,onDark:r,onLight:o}=t;let a;e[0]===Symbol.for("react.memo_cache_sentinel")?(a=window.matchMedia("(prefers-color-scheme:dark)"),e[0]=a):a=e[0];const s=a;let i;e[1]!==r||e[2]!==o ?(i=()=>{s.matches ? r():o();},e[1]=r,e[2]=o,e[3]=i):i=e[3];const c=i;let l;e[4]!==c||e[5]!==r||e[6]!==o||e[7]!==n ?(l=()=>{C&&(C=!1,s.removeEventListener("change",c));t:switch(n){case "light":o();break t;case "dark":r();break t;default:c(),C=!0,s.addEventListener("change",c);}},e[4]=c,e[5]=r,e[6]=o,e[7]=n,e[8]=l):l=e[8];const u=l;let d,h;e[9]!==u ?(d=()=>{u();},e[9]=u,e[10]=d):d=e[10],e[11]!==n ?(h=[n],e[11]=n,e[12]=h):h=e[12],M(d,h);},F=(t)=>{const e="ono-view-transition-clip-path-circle",{element:n,duration:r=300,themeRules:o,onChangeTheme:a}=t,s=o?.()||document.documentElement.classList.contains("dark")? "dark":"light";if(!document.startViewTransition)return a(s==="dark" ? "light":"dark");const i=document.startViewTransition(()=>{const f=document.documentElement.classList.contains("dark");a(f ? "light":"dark");}),{top:c,left:l,width:u,height:d}=n.getBoundingClientRect(),h=l+u/2,m=c+d/2,g=[`circle(0%at ${h}px ${m}px)`,`circle(${Math.hypot(Math.max(h,window.innerWidth-h),Math.max(m,window.innerHeight-m))}px at ${h}px ${m}px)`];((f,p)=>{const w=document.createElement("style");w.setAttribute("type","text/css"),w.setAttribute("data-style-tag",p),w.textContent="::view-transition-old(root),::view-transition-new(root){animation:none;}.dark::view-transition-old(root){z-index:1;}.dark::view-transition-new(root){z-index:999;}::view-transition-old(root){z-index:999;}::view-transition-new(root){z-index:1;}",document.head.appendChild(w);})(0,e),i.ready.then(()=>{document.documentElement.animate({clipPath:s==="light" ? g:g.reverse()},{duration:r,fill:"forwards",easing:"ease-in-out",pseudoElement:s==="light" ? "::view-transition-new(root)":"::view-transition-old(root)"}),setTimeout(()=>{return f=e,void document.head.querySelectorAll("style").forEach((p)=>p.getAttribute("data-style-tag")===f&&p.remove());var f;},r+50);});},Ot=(t)=>{const{initTheme:e="light",themeRules:n=(s)=>{s ? document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark");}}=t||Object.assign({}),[r,o]=v(e),a=j(null);return et({theme:r,onDark:()=>{a.current ? F({element:a.current,onChangeTheme:()=>n(!0)}):n(!0);},onLight:()=>{a.current ? F({element:a.current,onChangeTheme:()=>n(!1)}):n(!1);}}),[r,({targetTheme:s,element:i,onChange:c})=>{a.current=i||null,c?.(),o(s);}];},Ft=()=>{const t=y(3);let e;t[0]===Symbol.for("react.memo_cache_sentinel")?(e={width:0,height:0},t[0]=e):e=t[0];const [n,r]=v(e);let o,a;return t[1]===Symbol.for("react.memo_cache_sentinel")?(o=()=>{const s=()=>r({width:window.innerWidth,height:window.innerHeight});return window.addEventListener("resize",s),s(),()=>{window.removeEventListener("resize",s);};},a=[],t[1]=o,t[2]=a):(o=t[1],a=t[2]),M(o,a),n;},Nt=(t)=>{const e=window.fetch,n={status:"pending",value:null},r=(...o)=>{if(n.status==="fulfilled")return n.value;throw n.status==="rejected" ? n.value:e(...o).then((a)=>a.json()).then((a)=>{n.status="fulfilled",n.value=a;}).catch((a)=>{n.status="rejected",n.value=a;});};window.fetch=r;try{t();}catch(o){o instanceof Promise&&o.finally(()=>{window.fetch=r,t(),window.fetch=e;});}window.fetch=e;},Pt=(t,e)=>{if(!e)return t;const n=new URLSearchParams();for(const [o,a] of Object.entries(e))a!==void 0&&(a===null ? n.append(o,"null"):n.append(o,String(a)));if(![...n.keys()].length)return t;const r=t.includes("?")? "&":"?";return `${t}${r}${n.toString()}`;},nt=()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);function Ut(){const t=navigator.userAgent;let e="Unknown",n="Unknown";return/Chrome\/(\d+)/.test(t)?(e="Chrome",n=RegExp.$1):/Firefox\/(\d+)/.test(t)?(e="Firefox",n=RegExp.$1):/Safari\/(\d+)/.test(t)&&/Version\/([\d.]+)/.test(t)?(e="Safari",n=RegExp.$1):/Edge\/(\d+)/.test(t)&&(e="Edge",n=RegExp.$1),{name:e,version:n,isMobile:nt()};}function jt(t){if(typeof window>"u")return{};if(t)return new URLSearchParams(window.location.search).get(t);{const e=new URLSearchParams(window.location.search),n={};for(const [r,o] of e.entries())n[r]=o;return n;}}const rt=(t)=>/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t)? "hex":/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t)? "rgb":"unknown",Bt=(t,e,n)=>{const r=rt(t);if(r==="hex"){const o=t.replace("#",""),a=parseInt(o.slice(0,2),16),s=parseInt(o.slice(2,4),16),i=parseInt(o.slice(4,6),16);if(e==="lighten"){const c=Math.min(255,Math.max(0,a+(255-a)*n/100)),l=Math.min(255,Math.max(0,s+(255-s)*n/100)),u=Math.min(255,Math.max(0,i+(255-i)*n/100));return `#${c.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${u.toString(16).padStart(2,"0")}`;}if(e==="darken"){const c=Math.min(255,Math.max(0,a-a*n/100)),l=Math.min(255,Math.max(0,s-s*n/100)),u=Math.min(255,Math.max(0,i-i*n/100));return `#${c.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${u.toString(16).padStart(2,"0")}`;}}else if(r==="rgb"){const o=t.match(/\d+/g),a=parseInt(o[0]),s=parseInt(o[1]),i=parseInt(o[2]);if(e==="lighten")return `rgb(${Math.min(255,Math.max(0,a+(255-a)*n/100))},${Math.min(255,Math.max(0,s+(255-s)*n/100))},${Math.min(255,Math.max(0,i+(255-i)*n/100))})`;if(e==="darken")return `rgb(${Math.min(255,Math.max(0,a-a*n/100))},${Math.min(255,Math.max(0,s-s*n/100))},${Math.min(255,Math.max(0,i-i*n/100))})`;}return t;},z=(t)=>{const e=t.split("#")[1],n=(r)=>[parseInt(r.slice(0,2),16),parseInt(r.slice(2,4),16),parseInt(r.slice(4,6),16)];if(e.length===8){const r=parseInt(e.slice(-2),16)/256,o=n(e.slice(0,-2));return o.push(r),"rgba("+o.join(",")+")";}return "rgb("+n(e).join(",")+")";},x=(t)=>t.match(/(\d+\.?\d*)/g),D=(t)=>{const e=x(t),n=Number(e[0])/255,r=Number(e[1])/255,o=Number(e[2])/255,a=Math.min(n,r,o),s=Math.max(n,r,o);let i=0,c=0,l=(s+a)/2;if(s===a)i=c=0;else{const u=s-a;switch(c=l>0.5 ? u/(2-s-a):u/(s+a),s){case n:i=(r-o)/u+(r<o ? 6:0);break;case r:i=(o-n)/u+2;break;case o:i=(n-r)/u+4;}i/=6;}return `hsl(${Math.round(360*i)},${Math.round(100*c)}%,${Math.round(100*l)}%)`;},ot=(t)=>D(z(t)),at=(t)=>{const e=x(t),n=Number(e[0])/360,r=Number(e[1])/100,o=Number(e[2])/100;let a,s,i;function c(d,h,m){return m<0&&(m+=1),m>1&&(m-=1),m<1/6 ? d+6*(h-d)*m:m<0.5 ? h:m<2/3 ? d+(h-d)*(2/3-m)*6:d;}let l=o<0.5 ? o*(1+r):o+r-o*r,u=2*o-l;return a=c(u,l,n+1/3),s=c(u,l,n),i=c(u,l,n-1/3),`rgb(${Math.round(255*a)},${Math.round(255*s)},${Math.round(255*i)})`;},O=(t)=>{const e=x(t),n=(a)=>Number(a).toString(16).padStart(2,"0"),r=(a)=>a.reduce((s,i)=>s+n(i),"#"),o=(a)=>{const s=a,i=Number(a[a.length-1])!==1 ? Number(a[a.length-1]):100;return s.pop(),r(s)+n(2.56*i);};return e.length===3 ? r(e):e.length===5 ? o([e[0],e[1],e[2],10*Number(e[e.length-1])]):o(e);},st=(t)=>O(at(t)),zt=(t,e,n)=>{let r=[];if(t.includes("#"))r=x(ot(t));else if(t.includes("rgb"))r=x(D(t));else{if(!t.includes("hsl"))throw new Error("颜色格式错误");r=x(t);}return st(`${r[0]},${r[1]}%,${e==="light" ? Number(r[2])+n>100 ? 100:Number(r[2])+n:Number(r[2])-n<0 ? 0:Number(r[2])-n}%`);},H=(t)=>{const e=x(t);let n=Number(e[0])/255,r=Number(e[1])/255,o=Number(e[2])/255;const a=Math.max(n,r,o),s=Math.min(n,r,o);let i=0,c=0,l=a;const u=a-s;if(c=a===0 ? 0:u/a,a===s)i=0;else{switch(a){case n:i=(r-o)/u+(r<o ? 6:0);break;case r:i=(o-n)/u+2;break;case o:i=(n-r)/u+4;}i/=6;}return `hsv(${360*i},${100*c},${100*l})`;},Ht=(t,e=1,n="rgba")=>{const r=x(t);let o=Number(r[0])/255,a=Number(r[1])/255,s=Number(r[2])/255;switch(n){case "rgba":return `rgba(${o},${a},${s},${e})`;case "hex":return O(t);case "hsl":return D(t);case "hsv":return H(t);default:return t;}},Yt=(t)=>{const e=(function(r){if(r.startsWith("#"))return r.length===4&&(r=`#${r.slice(1).repeat(2)}`),[parseInt(r.substr(1,2),16),parseInt(r.substr(3,2),16),parseInt(r.substr(5,2),16)];if(r.startsWith("rgb")){const o=r.match(/\d+/g);return [parseInt(o[0]),parseInt(o[1]),parseInt(o[2])];}return null;})(t);return e===null ? null:(299*(n=e)[0]+587*n[1]+114*n[2])/1e3>128 ? "#000":"#fff";var n;},_t=(t,e,n)=>0.2126*t+0.7152*e+0.0722*n,Wt=(t)=>H(z(t)),Kt=(t)=>{const e=t.replace("#","").split("");return `#${e[0]+e[0]+e[1]+e[1]+e[2]+e[2]}`;},it=(t)=>{const e=x(t);let n=Number(e[0])/360,r=Number(e[1])/100,o=Number(e[2])/100,a=0,s=0,i=0;const c=Math.floor(6*n),l=6*n-c,u=o*(1-r),d=o*(1-l*r),h=o*(1-(1-l)*r);switch(c%6){case 0:a=o,s=h,i=u;break;case 1:a=d,s=o,i=u;break;case 2:a=u,s=o,i=h;break;case 3:a=u,s=d,i=o;break;case 4:a=h,s=u,i=o;break;case 5:a=o,s=u,i=d;}return `rgb(${Math.round(255*a)},${Math.round(255*s)},${Math.round(255*i)})`;},qt=(t)=>O(it(t)),Vt=(t)=>!(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t)&&!/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t)),Xt=()=>"#"+Math.random().toString(16).slice(2,8).padEnd(6,"0"),Zt=(t,e)=>{if(!e)return t;if(t.includes("rgba")){const n=t.split(",");return n.pop(),n.push(e+")"),n.join(",");}if(t.includes("rgb")){const n=t.split(","),r="rgba("+n[0].split("(")[1],o=n[n.length-1].split(")")[0];return [r,n[1],o," "+e+")"].join(",");}},Gt=(t)=>{if(typeof t!="number"||isNaN(t))throw new Error("请输入有效的数字");const e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".");},Jt=(t,e,n)=>{const r=t[e];t[e]=function(o){r&&typeof r=="function"&&r.call(this,o),n.call(this,o);};},Qt=(...t)=>{let e="";for(let n=0;n<t.length;n++){const r=t[n];r&&(e&&(e+=" "),e+=r);}return e;},te=(t,e)=>{t.toString().startsWith("2")? e.onSuccess&&e.onSuccess():(t.toString().startsWith("4")||t.toString().startsWith("5"))&&e.onFail&&e.onFail();},ee=(t)=>navigator.clipboard.writeText(t),ne=(t,e)=>{let n=null;return(...r)=>{n&&clearTimeout(n),n=setTimeout(()=>{t(...r),n=null;},e);};},ct=(t)=>{if(typeof t!="object"||t===null)return t;const e=Array.isArray(t)? []:{};for(const n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=ct(t[n]));return e;},re=(t,e,n=t.length)=>e>=t.length ? t:(e<0&&(e=Math.max(0,e+t.length)),n<0&&(n=t.length+n),e>n&&([e,n]=[n,e]),e=Math.max(0,Math.min(e,t.length)),(n=Math.max(0,Math.min(n,t.length)))-e>3 ? t.substring(0,e)+"..."+t.substring(n):t),oe=(t)=>typeof t!="string"||t.length===0 ? "":t.charAt(0).toUpperCase()+t.slice(1),N=(t,e)=>{for(t=Math.abs(t),e=Math.abs(e);e!==0;){const n=e;e=t%e,t=n;}return t;},ae=(t)=>new Promise((e,n)=>{const r=new Image();let o=null;const a=()=>{o&&URL.revokeObjectURL(o);};r.onload=()=>{a(),e({width:r.width,height:r.height});},r.onerror=()=>{a(),n(new Error("Failed to load image"));},typeof t=="string" ? r.src=t:(o=URL.createObjectURL(t),r.src=o);}),se=(t,e,n,r)=>Math.sqrt((t-n)**2+(e-r)**2),ie=(t,e)=>`${Math.floor(t/N(t,e))}:${Math.floor(e/N(t,e))}`,ce=(t)=>Array.from(new Intl.Segmenter("en").segment(t)).length,lt=(t)=>{const e=new Set();for(const n of t){if(e.has(n))return!0;e.add(n);}return!1;},le=(t)=>/^\d+$/.test(t),b=(t)=>t<10 ? `0${t}`:`${t}`,ue=(t)=>{const e={};return t.replace(/([^?=&]+)=([^&]+)/g,(n,r,o)=>e[r]=o),e;},de=/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*()_+])[\da-zA-Z]{8,}$/,he=(t)=>navigator.clipboard.readText().then((e)=>t(e)),me=({el:t,str:e="hello world",speed:n=100,isExtendStr:r=!0,onDone:o})=>{let a=0,s=null;t.textContent&&r&&(a=t.textContent.length,e=t.textContent+e);const i=()=>{clearTimeout(s);const c=e.substring(0,a+1);t.textContent=c,a++,a!==e.length ? s=setTimeout(i,n):o?.();};i();},ge=(t)=>parseFloat(t.replace(/[^0-9.]/g,"")),fe=(t)=>{if(t.length<2)return [...t];const e=[...t];return A(e,0,e.length-1),e;};function A(t,e,n){if(e<n){const r=(function(o,a,s){const i=o[s];let c=a-1;for(let l=a;l<s;l++)o[l]<=i&&(c++,[o[c],o[l]]=[o[l],o[c]]);return [o[c+1],o[s]]=[o[s],o[c+1]],c+1;})(t,e,n);A(t,e,r-1),A(t,r+1,n);}}const pe=(t,e)=>{let n=0;const r=(o)=>{n||(n=o),o-n>=e ? t():requestAnimationFrame(r);};requestAnimationFrame(r);},we=(t)=>{if(t<=0)return "";let e="";for(let n=0;n<t;n++)e+="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".charAt(Math.floor(62*Math.random()));return e;},be=(t)=>new DOMParser().parseFromString(t,"text/html").body.textContent||"",ut=(t,e,n)=>{const{maxWidth:r,maxHeight:o,allowUpscale:a=!1}=Object.assign({maxWidth:1e3,maxHeight:1e3,allowUpscale:!0},n),s=t/r,i=e/o;let c;if(a)c=Math.max(s,i);else if(c=Math.max(s,i),c<=1)return{initWidth:t,initHeight:e};const l=t/c,u=e/c;return{initWidth:Math.round(l),initHeight:Math.round(u)};},ye=({currentIndex:t,itemHeight:e,total:n,showMaxNumber:r,element:o})=>{if(n<=0||r<=0||e<=0||n<=r)return;const a=Math.floor(o.scrollTop/e);if(t>=a&&t<=a+r-1)return;let s;s=t<a ? t*e:(t-r+1)*e;const i=(n-r)*e;s=Math.max(0,Math.min(i,s)),s!==o.scrollTop&&o.scrollTo({top:s});},xe=(t,e=[],n=!0)=>{if(e.length===0)return t;if(lt(e))throw new Error("Each item in properties must be unique");if(n){const r={};for(const o of e)r[o]=t[o];return r;}{const r=new Set(e),o={};for(const a in t)r.has(a)||(o[a]=t[a]);return o;}},ve=(t)=>{let e;const n=new Proxy(t,{construct:(r,o)=>(e||(e=Reflect.construct(r,o)),e)});return n.prototype.construct=n,n;};function Me(t,e,n={}){let r,o=null,a=null,s=0;const i=n.leading!==!1,c=n.trailing!==!1;function l(){a&&(t.apply(r,a),a=null);}function u(){const h=Date.now();h-s>=e ?(c&&a&&l(),o=null):o=setTimeout(u,e-(h-s));}const d=function(...h){const m=Date.now();a=h,r=this,m-s>=e ? o||(s=m,i ? l():c&&(o=setTimeout(u,e))):!o&&c&&(o=setTimeout(u,e-(m-s)));};return d.cancel=function(){o&&(clearTimeout(o),o=null),s=0,a=null;},d;}const P=(t)=>new Promise((e)=>{const n=document.createElement("canvas"),r=n.getContext("2d");n.width=t.videoWidth,n.height=t.videoHeight,r.drawImage(t,0,0,n.width,n.height),n.toBlob((o)=>e({blob:o,url:URL.createObjectURL(o)})),n.remove();}),U=(t,e)=>new Promise((n)=>{if(t instanceof HTMLVideoElement)t.currentTime=e,t.muted=!0,t.autoplay=!0,t.oncanplay=async()=>n(await P(t));else{const r=document.createElement("video");r.currentTime=e,r.muted=!0,r.autoplay=!0,r.src=typeof t=="string" ? t:URL.createObjectURL(t),r.oncanplay=async()=>n(await P(r));}}),Se=(t,e)=>{if(t instanceof HTMLVideoElement)return Promise.all(e.map((n)=>U(t,n)));{const n=document.createElement("video");return n.src=typeof t=="string" ? t:URL.createObjectURL(t),Promise.all(e.map((r)=>U(n,r)));}},dt=(t)=>new Promise((e,n)=>{const r=new Image();if(typeof t=="string"){const o=()=>{r.onload=null,r.onerror=null;};r.onload=()=>{o(),e(r);},r.onerror=()=>{o(),n(new Error(`Failed to load image:${t}`));},r.src=t;}else{const o=URL.createObjectURL(t),a=()=>{r.onload=null,r.onerror=null,URL.revokeObjectURL(o);};r.onload=()=>{a(),e(r);},r.onerror=()=>{a(),n(new Error("Failed to load image from File"));},r.src=o;}}),ht=async(t,e)=>{const n=(r,o)=>{const a=window.URL.createObjectURL(r),s=document.createElement("a");s.href=a,s.download=encodeURIComponent(o),document.body.appendChild(s),s.click(),document.body.removeChild(s),window.URL.revokeObjectURL(a);};try{if(typeof t=="string"){const r=await fetch(t);if(!r.ok)throw new Error(`Network response was not ok:${r.statusText}`);n(await r.blob(),e);}else n(t,e);}catch{}},Ee=async(t,e)=>{const{filename:n,imageWidth:r,imageHeight:o}=e||{},a=document.createElement("canvas"),s=a.getContext("2d");((i,c,l,u,d,h)=>{const m=[],{initWidth:g,initHeight:f}=ut(i.naturalWidth,i.naturalHeight,{maxWidth:u,maxHeight:d}),p=c.width=g,w=c.height=f;if(l?.drawImage(i,0,0,p,w),(function k(){if(l.getImageData(p-1,w-1,1,1).data[3]>0)for(let E=0;E<p;E++)for(let $=0;$<w;$++){const T=l.getImageData(E,$,1,1).data;m.push(`${E}px ${$}px rgba(${T[0]},${T[1]},${T[2]},${T[3]/255})`);}else requestAnimationFrame(k);})(),m.length>=p*w){const k=`<html><head><title>Generated HTML</title><style>*{margin:0;padding:0;box-sizing:border-box;}.item{width:1px;height:1px;box-shadow:${m.join(",")};}</style></head><body><div class="item"></div></body></html>`;ht(URL.createObjectURL(new Blob([k],{type:"text/html"})),h ? h.endsWith(".html")? h:h+".html":"download.html");}})(t instanceof HTMLImageElement ? t:await dt(t),a,s,r,o,n);},$e=(t,e="viewport")=>{const n=t.getBoundingClientRect(),r=n.left+n.width/2,o=n.top+n.height/2;switch(e){case "page":return{x:r+window.pageXOffset,y:o+window.pageYOffset};case "parent":const a=t.parentElement;if(!a)return{x:r,y:o};const s=a.getBoundingClientRect();return{x:r-(s.left+s.width/2),y:o-(s.top+s.height/2)};default:return{x:r,y:o};}},Te=(t,e,n)=>{t.muted=!0,t.play();const r=new AudioContext(),o=r.state==="running";r.close(),o ?(t.muted=!1,e?.()):n?.();},mt=/^data:image\/([a-zA-Z]*);base64,([^\s]*)$/,gt=/^[A-Za-z0-9+/]*={0,2}$/,Y=(t)=>{if(typeof t!="string"||t.length===0)return!1;if(mt.test(t))return!0;if(t.length%4!=0||!gt.test(t))return!1;if(t.length<=100)return!0;try{return btoa(atob(t))===t;}catch{return!1;}},Le=(t)=>{if(!Y(t))throw new Error("Invalid base64 string");const e=t.indexOf(","),n=t.substring(0,e).match(/:(.*?);/);if(!n||!n[1])throw new Error("Could not extract MIME type from base64 string");const r=n[1],o=atob(t.substring(e+1)),a=new Uint8Array(o.length);for(let s=0;s<o.length;s++)a[s]=o.charCodeAt(s);return new Blob([a],{type:r});},ke=(t,e)=>{if(!Y(t))throw new Error("Invalid base64 string");const n=t.indexOf(","),r=t.substring(0,n),o=t.substring(n+1),a=r.match(/:(.*?);/);if(!a||!a[1])throw new Error("Could not extract MIME type from base64 string");const s=a[1],i=atob(o),c=new Uint8Array(i.length);for(let h=0;h<i.length;h++)c[h]=i.charCodeAt(h);const l=s.split("/"),u=l[1]==="jpeg" ? ".jpg":"."+l[1],d=new Blob([c],{type:s});return new File([d],e+u,{type:s,lastModified:Date.now()});},ft=(t)=>new Promise((e)=>{const n=new FileReader();n.readAsDataURL(t),n.onload=(r)=>{const o=r.target?.result,a=o.split(",")[1];e(a);};}),pt=(t,e="abc.jpg")=>new File([t],e,{type:t.type}),Ce=(t)=>new Promise((e)=>{const n=new FileReader();n.readAsDataURL(t),n.onload=(r)=>e(r.target?.result);}),Ie=(t)=>t.slice(0,t.size,t.type),Ae=(t,e)=>{const n=["B","KB","MB","GB","TB"];let r=n.indexOf(e?.unit ?? "B");if(r===-1)throw new Error("Invalid unit");if(!e?.unit)for(;t/Math.pow(1024,r)>=1024;)r++;return `${(t/Math.pow(1024,r)).toFixed(e?.decimalPlaces ?? 0)}${n[r]}`;},wt=(t)=>{if(!t)return "";const e=t.lastIndexOf(".");return e===-1 ? wt(t.substring(t.lastIndexOf("/")+1)):t.substring(0,e);},Re=(t)=>{if(!t)return "";const e=t.lastIndexOf(".");return t.substring(e+1);},De=(t,e)=>{const{onReaderLoad:n,onImageLoad:r}=e||{};return new Promise((o,a)=>{const s=new FileReader();s.onload=(i)=>{const c=new Image();c.onload=()=>{o(c),r?.(c);},c.onerror=a,c.src=i.target?.result,n?.(i);},s.onerror=a,s.readAsDataURL(t);});},_=async(t)=>await(await fetch(t)).blob(),Oe=async(t)=>await ft(await _(t)),Fe=async(t)=>pt(await _(t)),Ne=(t,e,n)=>{const r=new IntersectionObserver(e,n);t instanceof HTMLElement ? r.observe(t):t.forEach((o)=>r.observe(o));},Pe=(t,e,n,r={root:null,rootMargin:"0px",threshold:0})=>{const o=new IntersectionObserver((a)=>a.forEach((s)=>s.isIntersecting ? e(s):n(s)),r);t.forEach((a)=>o.observe(a));},bt=({onAndroid:t,onIOS:e,onUnknown:n})=>{const r=navigator.userAgent;return/android/i.test(r)?(t(),"Android"):/iPad|iPhone|iPod/.test(r)?(e(),"iOS"):(n?.(),"Unknown");},Ue=({onAndroid:t,onIOS:e,onUnknown:n,timeout:r=500})=>()=>{setTimeout(()=>bt({onAndroid:t,onIOS:e,onUnknown:n}),r);},je=(t,e)=>{const n={year:31536e3,month:2592e3,day:86400,hour:3600,minute:60,second:1};if(!n[e])throw new Error('Invalid type. Please use "day","hour","minute",or "second".');return Math.floor(t/n[e]);},Be=(t)=>Math.ceil((t.getTime()-new Date(t.getFullYear(),0,1).getTime())/864e5),ze=(t)=>{const e=Math.floor(t/3600),n=Math.floor(t%3600/60),r=Math.floor(t%60),o=(a)=>a.toString().padStart(2,"0");return(e>0 ? `${o(e)}:${o(n)}:${o(r)}`:`${o(n)}:${o(r)}`)+(t<10 ? ".00":t<100 ? ".0":"");},W=(t)=>t.toString().length>13 ? new Date(Number(t.toString().substring(0,13))):t.toString().length===13 ? new Date(t):t.toString().length<13&&t.toString().length>10 ? new Date(Number((t.toString()+"000").substring(0,13))):t.toString().length===10 ? new Date(1e3*t):new Date(Number((t.toString()+"000000000000").substring(0,13))),He=(t,e="YY-MM-DD hh:mm:ss")=>{const n=["YY","MM","DD","hh","mm","ss"],r=[],o=W(t);r.push(o.getFullYear().toString()),r.push(b(o.getMonth()+1)),r.push(b(o.getDate())),r.push(b(o.getHours())),r.push(b(o.getMinutes())),r.push(b(o.getSeconds()));for(let a in r)e=e.replace(n[a],r[a]);return e;},Ye=(t)=>{const e=new Date(1e3*t),n=new Date();return e.getDate()===n.getDate()&&e.getMonth()===n.getMonth()&&e.getFullYear()===n.getFullYear();},_e=(t,e="YY-MM-DD hh:mm:ss",n="cn")=>{const r=["YY","MM","DD","hh","mm","ss"],o=[],a=W(t);o.push(((s,i)=>{const c={en:["0","1","2","3","4","5","6","7","8","9"],cn:["零","一","二","三","四","五","六","七","八","九"]};return s.split("").map((l)=>c[i][Number(l)]).join("");})(a.getFullYear().toString(),n)),o.push(((s,i)=>({en:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec"],cn:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]})[i][Number(s)-1])(b(a.getMonth()+1),n)),o.push(((s,i)=>{let c;return i==="en" ? c=s==="01"||s==="21"||s==="31" ? Number(s)+"st":s==="02"||s==="22" ? Number(s)+"nd":s==="03"||s==="23" ? Number(s)+"rd":Number(s)+"th":s==="01" ? c="一日":s==="02" ? c="二日":s==="03" ? c="三日":s==="04" ? c="四日":s==="05" ? c="五日":s==="06" ? c="六日":s==="07" ? c="七日":s==="08" ? c="八日":s==="09" ? c="九日":s==="10" ? c="十日":s==="11" ? c="十一日":s==="12" ? c="十二日":s==="13" ? c="十三日":s==="14" ? c="十四日":s==="15" ? c="十五日":s==="16" ? c="十六日":s==="17" ? c="十七日":s==="18" ? c="十八日":s==="19" ? c="十九日":s==="20" ? c="二十日":s==="21" ? c="二十一日":s==="22" ? c="二十二日":s==="23" ? c="二十三日":s==="24" ? c="二十四日":s==="25" ? c="二十五日":s==="26" ? c="二十六日":s==="27" ? c="二十七日":s==="28" ? c="二十八日":s==="29" ? c="二十九日":s==="30" ? c="三十日":s==="31"&&(c="三十一日"),c ?? s;})(b(a.getDate()),n)),o.push(b(a.getHours())),o.push(b(a.getMinutes())),o.push(b(a.getSeconds()));for(let s in o)e=e.replace(r[s],o[s]);return e;},We=(t,e)=>{const n=["DD","hh","mm","ss"],r=[];r.push(Math.floor(t/86400)),r.push(b(Math.floor(t%86400/3600))),r.push(b(Math.floor(t%3600/60))),r.push(b(t%60));for(let o=0;o<n.length;o++)e=e.replace(n[o],r[o].toString());return e;},Ke=(t)=>{const e="ono-view-transition-clip-path-circle",{element:n,duration:r=300,themeRules:o,onChangeTheme:a}=t,s=o?.()||document.documentElement.classList.contains("dark")? "dark":"light";if(!document.startViewTransition)return a(s==="dark" ? "light":"dark");const i=document.startViewTransition(()=>{const f=document.documentElement.classList.contains("dark");a(f ? "light":"dark");}),{top:c,left:l,width:u,height:d}=n.getBoundingClientRect(),h=l+u/2,m=c+d/2,g=[`circle(0%at ${h}px ${m}px)`,`circle(${Math.hypot(Math.max(h,window.innerWidth-h),Math.max(m,window.innerHeight-m))}px at ${h}px ${m}px)`];((f,p)=>{const w=document.createElement("style");w.setAttribute("type","text/css"),w.setAttribute("data-style-tag",p),w.textContent="::view-transition-old(root),::view-transition-new(root){animation:none;}.dark::view-transition-old(root){z-index:1;}.dark::view-transition-new(root){z-index:999;}::view-transition-old(root){z-index:999;}::view-transition-new(root){z-index:1;}",document.head.appendChild(w);})(0,e),i.ready.then(()=>{document.documentElement.animate({clipPath:s==="light" ? g:g.reverse()},{duration:r,fill:"forwards",easing:"ease-in-out",pseudoElement:s==="light" ? "::view-transition-new(root)":"::view-transition-old(root)"}),setTimeout(()=>{return f=e,void document.head.querySelectorAll("style").forEach((p)=>p.getAttribute("data-style-tag")===f&&p.remove());var f;},r+50);});},K=(t,e=[],n=!0)=>{if(e.length===0)return t;if(((r)=>{const o=new Set();for(const a of r){if(o.has(a))return!0;o.add(a);}return!1;})(e))throw new Error("Each item in properties must be unique");if(n){const r={};for(const o of e)r[o]=t[o];return r;}{const r=new Set(e),o={};for(const a in t)r.has(a)||(o[a]=t[a]);return o;}},yt={get:(t)=>t,set:(t,e)=>({...t,[e.key]:e.value}),del:(t,e)=>{const n={...t};return delete n[e.key],n;}},xt=(t,e)=>yt[e.type](t,e),q=X(null),qe=(t)=>{const e=y(5),{initData:n,children:r}=t,[o,a]=V(xt,n);let s,i;return e[0]!==o ?(s={data:o,dispatch:a},e[0]=o,e[1]=s):s=e[1],e[2]!==r||e[3]!==s ?(i=B(q.Provider,{value:s,children:r}),e[2]=r,e[3]=s,e[4]=i):i=e[4],i;},vt=(t)=>{const e=y(9),n=Z(q);if(!n)throw new Error("useData must be used within a DataProvider");let r;e[0]!==n ?(r={set:(i,c)=>n.dispatch({type:"set",key:i,value:c}),setAll:(i)=>{Object.keys(i).forEach((c)=>n.dispatch({type:"set",key:c,value:i[c]}));},del:(i)=>n.dispatch({type:"del",key:i})},e[0]=n,e[1]=r):r=e[1];const o=r;let a,s;return e[2]!==n.data||e[3]!==t ?(a=t ? K(n.data,t):n.data,e[2]=n.data,e[3]=t,e[4]=a):a=e[4],e[5]!==n.dispatch||e[6]!==o||e[7]!==a ?(s={data:a,dispatch:o,originDispatch:n.dispatch},e[5]=n.dispatch,e[6]=o,e[7]=a,e[8]=s):s=e[8],s;},Ve=()=>vt,Xe=(t)=>{function e(n){return n ? t(G((r)=>K(r,n))):t();}return e.setState=t.setState,e;},S=new Map(),Ze=(t,e,n,r)=>{const{target:o,root:a,reactRoot:s}=((c,l)=>{const u=c||`${l}-${Math.random().toString(36)}`;if(S.has(u)){const f=S.get(u);if(document.contains(f.target))return f;S.delete(u);}let d,h,m=null;l&&(m=document.getElementById(l),m||(m=document.createElement("div"),m.id=l,document.body.appendChild(m))),c ?(d=document.getElementById(c)?? document.createElement("div"),d.id||(d.id=c,m ? m.appendChild(d):document.body.appendChild(d))):(d=document.createElement("div"),m ? m.appendChild(d):document.body.appendChild(d)),d.__reactContainer$ ? h=d.__reactContainer$:(h=J.createRoot(d),d.__reactContainer$=h);const g={target:d,root:m,reactRoot:h};return S.set(u,g),g;})(n,r),i=(c)=>{try{typeof c=="function"&&c();const l=n||`${r}-${Math.random().toString(36)}`;S.delete(l),s.unmount(),n ? document.getElementById(n)?.remove():o.remove(),requestAnimationFrame(()=>{a&&a.children.length===0&&a.remove();});}catch{}};return s.render(B(t,{...e,destroy:i})),i;};class Mt{events={};constructor(e){for(let n=0;n<e.length;n++)this.events[e[n]]=new Set();}createEvent(e,n=!1){this.events[e]&&!n||(this.events[e]=new Set());}emit(e,...n){if(!this.events[e])throw new Error(`Event ${e}does not exist`);this.events[e].forEach((r)=>{r(...n);});}on(e,n,r=!0){this.createEvent(e,r),this.events[e].add(n);}cancel(e,n){this.events[e]&&this.events[e].delete(n);}clear(e){if(e)this.createEvent(e,!0);else{const n=Object.keys(this.events);for(let r=0;r<n.length;r++)this.createEvent(n[r],!0);}}}let I=null;function Ge(t,e=!1){const n=new Mt([...t]);return e ?(I||(I=n),I):n;}export{tn as AutoSliderList,nn as AvatarCrop,xn as AwaitList,on as Button,sn as Card3D,ln as Carousel,dn as Checkbox,qe as DataProvider,Zn as EstimatedVirtualList,fn as FileDropZone,vn as List,Sn as Mark,$n as MenuButton,Cn as Modal,wn as OnoInput,Un as OnoSelect,bn as OnoTextarea,An as Pagination,Dn as Radio,On as RadioGroup,Nn as ScrollableTabs,Bn as SvgImg,Hn as Switch,_n as TemplateDialog,Vn as Tooltip,Qn as Waterfall,Gt as addCommasToNumber,Jt as addEventWithOriginHandler,Bt as adjustColor,zt as adjustingColors,Le as base64ToBlob,ke as base64ToFile,ft as blobToBase64,pt as blobToFile,U as captureFrame,Se as captureFrames,Qt as chainClassNames,Ke as changeThemeClipPathCircle,Pt as changeUrlByParams,nt as checkDeviceIsMobile,te as checkStatusCode,Nt as clearAsyncContagion,mn as contextMenu,je as convertSecondToOtherTime,ee as copyText,Ve as createContextData,Gn as createDataSource,Xe as createDesignateStore,Ge as createEventEmitter,Ee as createImageHTML,Ne as createIntersectionObserver,Be as dayOfYear,ne as debounce,ct as deepCopy,bt as distinguishPlatform,Ue as distinguishPlatformDelay,ht as downloadFile,Pe as elementIsInViewport,re as ellipsisString,Ce as fileToBase64,Ie as fileToBlob,oe as firstLetter2Capitalize,Ht as formatColor,Ae as formatFileSize,ze as formatSecond,He as formatTime,N as gcd,x as getAllNumbers,Ut as getBrowserInfo,rt as getColorType,Yt as getContrastColor,$e as getElementCenterPosition,wt as getFileName,Re as getFileSuffix,ae as getImageSize,se as getPointDistance,ie as getRatio,ce as getStringRealLenght,jt as getURLSearchParams,_t as grayColor,lt as hasDuplicates,ot as hex2hsl,Wt as hex2hsv,z as hex2rgb,Kt as hex3To6,st as hsl2hex,at as hsl2rgb,qt as hsv2hex,it as hsv2rgb,Y as isBase64,le as isPureNumber,Ye as isToday,Vt as isValidColor,dt as loadImage,_e as localFormat,Te as mediaAutoplayPolicies,Ln as message,b as padZero,ue as parseQuery,de as passwordStrength,he as pasteText,Ze as portalRenderer,me as printStr,ge as pureNumber,fe as quickSort,pe as rafTimeout,Xt as randomColor,we as randomString,De as readerImageFile,be as removeTag,O as rgb2hex,D as rgb2hsl,H as rgb2hsv,Zt as rgb2rgba,ut as scaleSize,ye as scrollToItem,We as second2Day,xe as selectProperties,ve as singleton,Me as throttle,Kn as toast,Oe as urlToBase64,_ as urlToBlob,Fe as urlToFile,kt as useClickOutSide,Ct as useCountdown,It as useDefer,R as useEventListener,At as useGetElementSize,Rt as useKeyPress,Dt as useMouseClick,et as useTheme,Ot as useThemePro,Ft as useWindowSize};
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bg-color:pink}@keyframes ono-loading{0%{rotate:0deg}to{rotate:1turn}}.ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#409eff}.ono-btn-success{background-color:#67c23a}.ono-btn-warning{background-color:#e6a23c}.ono-btn-danger{background-color:#f56c6c}.ono-btn-info{background-color:#909399}.ono-is-plain.ono-btn-primary{background-color:#ecf5ff;border:1px solid #a0cfff;color:#409eff}.ono-is-plain.ono-btn-primary:hover{background-color:#409eff;border-color:#409eff;color:#fff}.ono-is-plain.ono-btn-success{background-color:#f0f9eb;border:1px solid #b3e19d;color:#67c23a}.ono-is-plain.ono-btn-success:hover{background-color:#67c23a;border-color:#67c23a;color:#fff}.ono-is-plain.ono-btn-warning{background-color:#fdf6ec;border:1px solid #f3d19e;color:#e6a23c}.ono-is-plain.ono-btn-warning:hover{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.ono-is-plain.ono-btn-danger{background-color:#fef0f0;border:1px solid #fab6b6;color:#f56c6c}.ono-is-plain.ono-btn-danger:hover{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.ono-is-plain.ono-btn-info{background-color:#f4f4f5;border:1px solid #c8c9cc;color:#909399}.ono-is-plain.ono-btn-info:hover{background-color:#909399;border-color:#909399;color:#fff}.ono-is-loading{opacity:.7}.ono-is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.ono-is-round{border-radius:calc(var(--btn-height)/2)}.ono-is-icon{gap:8px}.ono-is-circle{border-radius:50%}.ono-btn-is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-carousel button{background:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.ono-carousel-container{height:100%;overflow:hidden;position:relative;width:100%}.ono-carousel-wrapper{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0;transform-origin:top left}.ono-carousel-top{left:50%;position:absolute;top:0;transform:translate(-50%)}.ono-carousel-left{left:0}.ono-carousel-left,.ono-carousel-right{position:absolute;top:50%;transform:translateY(-50%)}.ono-carousel-right{right:0}.ono-carousel-bottom{bottom:0;left:50%;position:absolute;transform:translate(-50%)}.ono-carousel-indicators{align-items:center;bottom:8px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;width:100%}.ono-carousel-indicator{background:#ccc;border-radius:50%;height:8px;width:8px}.ono-carousel-slider{transition:transform var(--speed) ease-in-out}.ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;rotate:-45deg;top:50%;translate:-50% calc(-50% - var(--w)/24*3);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;translate:-50% -50%;width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}.ono-file-process-container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.ono-file-process-container.ono-file-process-container-box{background:transparent;border:1px dashed #000;border-radius:10px}.ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;-webkit-user-select:none;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px #0003;color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-leave{0%{opacity:1}to{opacity:0}}.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;translate:-50% -50%;width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{border-radius:6px;padding:4px 16px;transition:all .2s ease-in-out}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080}.ono-modal-enter{animation:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes ono-modal-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}.ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:50%}.ono-scrollable-tabs{align-items:stretch;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-start;list-style:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}.ono-scrollable-tabs .ono-scrollable-tab{cursor:pointer;list-style:none}.ono-scrollable-tabs::-webkit-scrollbar{display:none}.ono-tooltip-popper{background:var(--tooltip-bg,#333);border:1px solid var(--tooltip-border-color,#666);border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";rotate:45deg;visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:rotate .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{rotate:180deg}.ono-option-container{--tooltip-bg:#fff;--tooltip-border-color:#999;box-shadow:0 4px 10px #0000001a;padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option-container .ono-option-item .ono-option-item-content-selected{background:#e2e1f8;color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-active{background:#f0f0f0}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover{background:transparent}.ono-option-container .ono-option-item .ono-option-item-content-no-data{color:#999}.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}.ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;translate:calc(var(--w)*-1);width:100%}.ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{translate:calc(var(--w) - var(--h)) 0}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{translate:calc(var(--h)/8) 0}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:translate .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);translate:calc((var(--w) - var(--h)*9/8)*-1) 0}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}.ono-dialog-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-dialog-mask .ono-dialog{box-shadow:0 0 10px #0000004d;left:50%;position:absolute;top:50%;translate:-50% -50%}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards}.ono-dialog-mask-leave{animation:mask-leave var(--duration) forwards}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes zoom-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);translate:-50% -100%}to{opacity:1;top:50%;translate:-50% -50%}}@keyframes fade-leave{0%{opacity:1;top:50%;translate:-50% -50%}to{opacity:0;top:var(--top);translate:-50% -100%}}._container_974ly_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_974ly_15,._promise_974ly_15{--speed:.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);-webkit-user-select:none;user-select:none;width:fit-content}._enter_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}.ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:translate .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
|
|
1
|
+
:root{--bg-color:pink}@keyframes ono-loading{0%{rotate:0deg}to{rotate:1turn}}.ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#409eff}.ono-btn-success{background-color:#67c23a}.ono-btn-warning{background-color:#e6a23c}.ono-btn-danger{background-color:#f56c6c}.ono-btn-info{background-color:#909399}.ono-is-plain.ono-btn-primary{background-color:#ecf5ff;border:1px solid #a0cfff;color:#409eff}.ono-is-plain.ono-btn-primary:hover{background-color:#409eff;border-color:#409eff;color:#fff}.ono-is-plain.ono-btn-success{background-color:#f0f9eb;border:1px solid #b3e19d;color:#67c23a}.ono-is-plain.ono-btn-success:hover{background-color:#67c23a;border-color:#67c23a;color:#fff}.ono-is-plain.ono-btn-warning{background-color:#fdf6ec;border:1px solid #f3d19e;color:#e6a23c}.ono-is-plain.ono-btn-warning:hover{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.ono-is-plain.ono-btn-danger{background-color:#fef0f0;border:1px solid #fab6b6;color:#f56c6c}.ono-is-plain.ono-btn-danger:hover{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.ono-is-plain.ono-btn-info{background-color:#f4f4f5;border:1px solid #c8c9cc;color:#909399}.ono-is-plain.ono-btn-info:hover{background-color:#909399;border-color:#909399;color:#fff}.ono-is-loading{opacity:.7}.ono-is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.ono-is-round{border-radius:calc(var(--btn-height)/2)}.ono-is-icon{gap:8px}.ono-is-circle{border-radius:50%}.ono-btn-is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-carousel button{background:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.ono-carousel-container{height:100%;overflow:hidden;position:relative;width:100%}.ono-carousel-wrapper{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0;transform-origin:top left}.ono-carousel-top{left:50%;position:absolute;top:0;transform:translate(-50%)}.ono-carousel-left{left:0}.ono-carousel-left,.ono-carousel-right{position:absolute;top:50%;transform:translateY(-50%)}.ono-carousel-right{right:0}.ono-carousel-bottom{bottom:0;left:50%;position:absolute;transform:translate(-50%)}.ono-carousel-indicators{align-items:center;bottom:8px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;width:100%}.ono-carousel-indicator{background:#ccc;border-radius:50%;height:8px;width:8px}.ono-carousel-slider{transition:transform var(--speed) ease-in-out}.ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;rotate:-45deg;top:50%;translate:-50% calc(-50% - var(--w)/24*3);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;translate:-50% -50%;width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}.ono-file-process-container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.ono-file-process-container.ono-file-process-container-box{background:transparent;border:1px dashed #000;border-radius:10px}.ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;-webkit-user-select:none;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-mark{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px #0003;color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-leave{0%{opacity:1}to{opacity:0}}.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;translate:-50% -50%;width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{border-radius:6px;padding:4px 16px;transition:all .2s ease-in-out}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080}.ono-modal-enter{animation:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes ono-modal-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}.ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:50%}.ono-scrollable-tabs{align-items:stretch;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-start;list-style:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}.ono-scrollable-tabs .ono-scrollable-tab{cursor:pointer;list-style:none}.ono-scrollable-tabs::-webkit-scrollbar{display:none}.ono-tooltip-popper{background:var(--tooltip-bg,#333);border:1px solid var(--tooltip-border-color,#666);border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";rotate:45deg;visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:rotate .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{rotate:180deg}.ono-option-container{--tooltip-bg:#fff;--tooltip-border-color:#999;box-shadow:0 4px 10px #0000001a;padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option-container .ono-option-item .ono-option-item-content-selected{background:#e2e1f8;color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-active{background:#f0f0f0}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover{background:transparent}.ono-option-container .ono-option-item .ono-option-item-content-no-data{color:#999}.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}.ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;translate:calc(var(--w)*-1);width:100%}.ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{translate:calc(var(--w) - var(--h)) 0}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{translate:calc(var(--h)/8) 0}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:translate .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);translate:calc((var(--w) - var(--h)*9/8)*-1) 0}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}.ono-dialog{box-shadow:0 0 10px #0000004d;left:50%;position:absolute;top:50%;translate:-50% -50%}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards;display:initial}.ono-dialog-mask-leave{animation:mask-leave var(--duration) forwards;display:initial}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes zoom-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);translate:-50% -100%}to{opacity:1;top:50%;translate:-50% -50%}}@keyframes fade-leave{0%{opacity:1;top:50%;translate:-50% -50%}to{opacity:0;top:var(--top);translate:-50% -100%}}._container_974ly_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_974ly_15,._promise_974ly_15{--speed:.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);-webkit-user-select:none;user-select:none;width:fit-content}._enter_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}.ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:translate .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ono-mark{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ono-dialog
|
|
1
|
+
.ono-dialog{box-shadow:0 0 10px #0000004d;left:50%;position:absolute;top:50%;translate:-50% -50%}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards;display:initial}.ono-dialog-mask-leave{animation:mask-leave var(--duration) forwards;display:initial}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes zoom-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);translate:-50% -100%}to{opacity:1;top:50%;translate:-50% -50%}}@keyframes fade-leave{0%{opacity:1;top:50%;translate:-50% -50%}to{opacity:0;top:var(--top);translate:-50% -100%}}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const Mark: ({ children, className, style, onClick, onContextMenu }: {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
className?: string;
|
|
4
|
+
style?: React.CSSProperties;
|
|
5
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
6
|
+
onContextMenu?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Mark } from './Mark';
|
package/dist/umd/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bg-color:pink}@keyframes ono-loading{0%{rotate:0deg}to{rotate:1turn}}.ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#409eff}.ono-btn-success{background-color:#67c23a}.ono-btn-warning{background-color:#e6a23c}.ono-btn-danger{background-color:#f56c6c}.ono-btn-info{background-color:#909399}.ono-is-plain.ono-btn-primary{background-color:#ecf5ff;border:1px solid #a0cfff;color:#409eff}.ono-is-plain.ono-btn-primary:hover{background-color:#409eff;border-color:#409eff;color:#fff}.ono-is-plain.ono-btn-success{background-color:#f0f9eb;border:1px solid #b3e19d;color:#67c23a}.ono-is-plain.ono-btn-success:hover{background-color:#67c23a;border-color:#67c23a;color:#fff}.ono-is-plain.ono-btn-warning{background-color:#fdf6ec;border:1px solid #f3d19e;color:#e6a23c}.ono-is-plain.ono-btn-warning:hover{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.ono-is-plain.ono-btn-danger{background-color:#fef0f0;border:1px solid #fab6b6;color:#f56c6c}.ono-is-plain.ono-btn-danger:hover{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.ono-is-plain.ono-btn-info{background-color:#f4f4f5;border:1px solid #c8c9cc;color:#909399}.ono-is-plain.ono-btn-info:hover{background-color:#909399;border-color:#909399;color:#fff}.ono-is-loading{opacity:.7}.ono-is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.ono-is-round{border-radius:calc(var(--btn-height)/2)}.ono-is-icon{gap:8px}.ono-is-circle{border-radius:50%}.ono-btn-is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-carousel button{background:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.ono-carousel-container{height:100%;overflow:hidden;position:relative;width:100%}.ono-carousel-wrapper{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0;transform-origin:top left}.ono-carousel-top{left:50%;position:absolute;top:0;transform:translate(-50%)}.ono-carousel-left{left:0}.ono-carousel-left,.ono-carousel-right{position:absolute;top:50%;transform:translateY(-50%)}.ono-carousel-right{right:0}.ono-carousel-bottom{bottom:0;left:50%;position:absolute;transform:translate(-50%)}.ono-carousel-indicators{align-items:center;bottom:8px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;width:100%}.ono-carousel-indicator{background:#ccc;border-radius:50%;height:8px;width:8px}.ono-carousel-slider{transition:transform var(--speed) ease-in-out}.ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;rotate:-45deg;top:50%;translate:-50% calc(-50% - var(--w)/24*3);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;translate:-50% -50%;width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}.ono-file-process-container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.ono-file-process-container.ono-file-process-container-box{background:transparent;border:1px dashed #000;border-radius:10px}.ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;-webkit-user-select:none;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px #0003;color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-leave{0%{opacity:1}to{opacity:0}}.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;translate:-50% -50%;width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{border-radius:6px;padding:4px 16px;transition:all .2s ease-in-out}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080}.ono-modal-enter{animation:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes ono-modal-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}.ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:50%}.ono-scrollable-tabs{align-items:stretch;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-start;list-style:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}.ono-scrollable-tabs .ono-scrollable-tab{cursor:pointer;list-style:none}.ono-scrollable-tabs::-webkit-scrollbar{display:none}.ono-tooltip-popper{background:var(--tooltip-bg,#333);border:1px solid var(--tooltip-border-color,#666);border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";rotate:45deg;visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:rotate .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{rotate:180deg}.ono-option-container{--tooltip-bg:#fff;--tooltip-border-color:#999;box-shadow:0 4px 10px #0000001a;padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option-container .ono-option-item .ono-option-item-content-selected{background:#e2e1f8;color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-active{background:#f0f0f0}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover{background:transparent}.ono-option-container .ono-option-item .ono-option-item-content-no-data{color:#999}.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}.ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;translate:calc(var(--w)*-1);width:100%}.ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{translate:calc(var(--w) - var(--h)) 0}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{translate:calc(var(--h)/8) 0}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:translate .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);translate:calc((var(--w) - var(--h)*9/8)*-1) 0}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}.ono-dialog-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-dialog-mask .ono-dialog{box-shadow:0 0 10px #0000004d;left:50%;position:absolute;top:50%;translate:-50% -50%}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards}.ono-dialog-mask-leave{animation:mask-leave var(--duration) forwards}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes zoom-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);translate:-50% -100%}to{opacity:1;top:50%;translate:-50% -50%}}@keyframes fade-leave{0%{opacity:1;top:50%;translate:-50% -50%}to{opacity:0;top:var(--top);translate:-50% -100%}}._container_974ly_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_974ly_15,._promise_974ly_15{--speed:.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);-webkit-user-select:none;user-select:none;width:fit-content}._enter_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}.ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:translate .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
|
|
1
|
+
:root{--bg-color:pink}@keyframes ono-loading{0%{rotate:0deg}to{rotate:1turn}}.ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#409eff}.ono-btn-success{background-color:#67c23a}.ono-btn-warning{background-color:#e6a23c}.ono-btn-danger{background-color:#f56c6c}.ono-btn-info{background-color:#909399}.ono-is-plain.ono-btn-primary{background-color:#ecf5ff;border:1px solid #a0cfff;color:#409eff}.ono-is-plain.ono-btn-primary:hover{background-color:#409eff;border-color:#409eff;color:#fff}.ono-is-plain.ono-btn-success{background-color:#f0f9eb;border:1px solid #b3e19d;color:#67c23a}.ono-is-plain.ono-btn-success:hover{background-color:#67c23a;border-color:#67c23a;color:#fff}.ono-is-plain.ono-btn-warning{background-color:#fdf6ec;border:1px solid #f3d19e;color:#e6a23c}.ono-is-plain.ono-btn-warning:hover{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.ono-is-plain.ono-btn-danger{background-color:#fef0f0;border:1px solid #fab6b6;color:#f56c6c}.ono-is-plain.ono-btn-danger:hover{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.ono-is-plain.ono-btn-info{background-color:#f4f4f5;border:1px solid #c8c9cc;color:#909399}.ono-is-plain.ono-btn-info:hover{background-color:#909399;border-color:#909399;color:#fff}.ono-is-loading{opacity:.7}.ono-is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.ono-is-round{border-radius:calc(var(--btn-height)/2)}.ono-is-icon{gap:8px}.ono-is-circle{border-radius:50%}.ono-btn-is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-carousel button{background:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.ono-carousel-container{height:100%;overflow:hidden;position:relative;width:100%}.ono-carousel-wrapper{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0;transform-origin:top left}.ono-carousel-top{left:50%;position:absolute;top:0;transform:translate(-50%)}.ono-carousel-left{left:0}.ono-carousel-left,.ono-carousel-right{position:absolute;top:50%;transform:translateY(-50%)}.ono-carousel-right{right:0}.ono-carousel-bottom{bottom:0;left:50%;position:absolute;transform:translate(-50%)}.ono-carousel-indicators{align-items:center;bottom:8px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;width:100%}.ono-carousel-indicator{background:#ccc;border-radius:50%;height:8px;width:8px}.ono-carousel-slider{transition:transform var(--speed) ease-in-out}.ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;rotate:-45deg;top:50%;translate:-50% calc(-50% - var(--w)/24*3);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;translate:-50% -50%;width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}.ono-file-process-container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.ono-file-process-container.ono-file-process-container-box{background:transparent;border:1px dashed #000;border-radius:10px}.ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;-webkit-user-select:none;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-mark{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px #0003;color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-leave{0%{opacity:1}to{opacity:0}}.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;translate:-50% -50%;width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{border-radius:6px;padding:4px 16px;transition:all .2s ease-in-out}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080}.ono-modal-enter{animation:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes ono-modal-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}.ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:50%}.ono-scrollable-tabs{align-items:stretch;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-start;list-style:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}.ono-scrollable-tabs .ono-scrollable-tab{cursor:pointer;list-style:none}.ono-scrollable-tabs::-webkit-scrollbar{display:none}.ono-tooltip-popper{background:var(--tooltip-bg,#333);border:1px solid var(--tooltip-border-color,#666);border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";rotate:45deg;visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:rotate .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{rotate:180deg}.ono-option-container{--tooltip-bg:#fff;--tooltip-border-color:#999;box-shadow:0 4px 10px #0000001a;padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option-container .ono-option-item .ono-option-item-content-selected{background:#e2e1f8;color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-active{background:#f0f0f0}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover{background:transparent}.ono-option-container .ono-option-item .ono-option-item-content-no-data{color:#999}.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}.ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;translate:calc(var(--w)*-1);width:100%}.ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{translate:calc(var(--w) - var(--h)) 0}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{translate:calc(var(--h)/8) 0}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:translate .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);translate:calc((var(--w) - var(--h)*9/8)*-1) 0}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}.ono-dialog{box-shadow:0 0 10px #0000004d;left:50%;position:absolute;top:50%;translate:-50% -50%}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards;display:initial}.ono-dialog-mask-leave{animation:mask-leave var(--duration) forwards;display:initial}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes zoom-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);translate:-50% -100%}to{opacity:1;top:50%;translate:-50% -50%}}@keyframes fade-leave{0%{opacity:1;top:50%;translate:-50% -50%}to{opacity:0;top:var(--top);translate:-50% -100%}}._container_974ly_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_974ly_15,._promise_974ly_15{--speed:.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);-webkit-user-select:none;user-select:none;width:fit-content}._enter_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}.ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:translate .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
|
package/dist/umd/index.css.br
CHANGED
|
Binary file
|
package/dist/umd/index.css.gz
CHANGED
|
Binary file
|