ono-react-element 0.0.26 → 0.0.27
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as d}from "./dependencies-B7YNjh_z.js";import{g as b}from "./getElementCenterPosition.ts-CpWYej6j.js";import{useState as h,useRef as P,useEffect as
|
|
1
|
+
import{j as d}from "./dependencies-B7YNjh_z.js";import{g as b}from "./getElementCenterPosition.ts-CpWYej6j.js";import{useState as h,useRef as P,useEffect as w,useCallback as j}from "react";const F=({children:s,animation:e,className:u,duration:l=300,style:p,maskColor:m="rgba(0,0,0,0.5)",disableContextMenu:f,maskClickClose:y=!0,dialogClose:a})=>{const [r,k]=h(!1),o=P(null),c=()=>{if(o.current)if(k(!0),e){const t=o.current;t.classList.remove(`ono-${e.type}-enter`),t.classList.add(`ono-${e.type}-leave`),setTimeout(a,l);}else a();};w(()=>{(()=>{if(!e||!o.current)return;const t=o.current.parentElement.style,n=o.current.style;switch(t.setProperty("--duration",l/1e3+"s"),e.type){case "zoom":{const{x:i,y:C}=b(e.element),x=(i/window.innerWidth*100).toFixed(2)+"%",v=(C/window.innerHeight*100).toFixed(2)+"%";n.setProperty("--left",x),n.setProperty("--top",v);break;}case "fade":{const i=e.direction==="left-center" ? "--left":"--top";n.setProperty(i,e.startPosition);break;}}})();},[o,e]);const g=j(()=>{if(!e)return "";const t=`ono-${e.type}-enter`,n=`ono-${e.type}-leave`;return r ? n:t;},[e,r]);return d.jsx("div",{className:"ono-dialog-mask ono-dialog-mask-"+(r ? "leave":"enter"),style:{background:m},onClick:()=>y&&c(),onContextMenu:(t)=>f&&t.preventDefault(),children:d.jsx("div",{ref:o,className:["ono-dialog",u,g()].filter(Boolean).join(" "),style:p,onClick:(t)=>t.stopPropagation(),children:typeof s=="function" ? s(c):s})});};export{F as T};
|
package/dist/es/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{u as e}from "./useClickOutSide.tsx-C6XuLZzd.js";import{u as a}from "./useCountdown.tsx-DWqs6wNp.js";import{u as m}from "./useEventListener.tsx-C8V9Qip6.js";import{u as f}from "./useGetElementSize.tsx-DML7z5Xp.js";import{u as i}from "./useKeyPress.tsx-hgs6v_Jt.js";import{u as n}from "./useMouseClick.tsx-BmzbuM6X.js";import{u as c}from "./useQuery.tsx-FzGWYq50.js";import{u as d}from "./useTheme.tsx-C-GCpzAS.js";import{u as b}from "./useThemePro.tsx-BIU8EPPB.js";import{a as C,c as S}from "./async2syncUtils.ts-DkF1iSK4.js";import{b as y,g as O}from "./browserUtils.ts-DSM1TN_g.js";import{a as A}from "./adjustColor.ts-Bcmtt429.js";import{a as D}from "./adjustingColors.ts-CpC0GUUO.js";import{f as I}from "./formatColor.ts-BpkK5FYe.js";import{g as E}from "./getColorType.ts-B-_g2UQs.js";import{g as L}from "./getContrastColor.ts-5KaKa1G7.js";import{h as R}from "./hex2hsl.ts-BLU_9tQG.js";import{h as U}from "./hex2hsv.ts-CNUNM2bM.js";import{h as W}from "./hex2rgb.ts-BQpml6Tb.js";import{h as j}from "./hex3To6.ts-BNOY-YJ2.js";import{h as G}from "./hsl2hex.ts-D9xS0UDg.js";import{h as H}from "./hsl2rgb.ts-B6-BIsnP.js";import{h as Y}from "./hsv2hex.ts-BNkK519v.js";import{h as J}from "./hsv2rgb.ts-Bvoa3lA1.js";import{i as _}from "./isValidColor.ts-CpkuoTf9.js";import{r as oo}from "./randomColor.ts-Cf-bUfCt.js";import{r as eo}from "./rgb2hex.ts-Dkw9FDV4.js";import{r as ao}from "./rgb2hsl.ts-BPiSggZg.js";import{r as mo}from "./rgb2hsv.ts-CxNRFDKF.js";import{r as fo}from "./rgb2rgba.ts-Dx8-1nZt.js";import{a as io}from "./addCommasToNumber.ts-Bc5ZX_HW.js";import{a as no}from "./addEventWithOriginHandler.ts-CBP4faL-.js";import{c as co}from "./calculateAspectRatio.ts-DLTMZ6rT.js";import{c as ho}from "./checkDeviceIsMobile.ts-D_9fa1Z1.js";import{c as To}from "./checkStatusCode.ts-CeS5vbbx.js";import{c as So}from "./copy2Clipboard.ts-D-Ux5BRc.js";import{d as yo}from "./dayOfYear.ts-DdscYtyU.js";import{d as Po}from "./debounce.ts-DtQl9QX-.js";import{d as Bo}from "./deepCopy.ts-DZSM2TJ5.js";import{e as Fo}from "./ellipsisString.ts-CEHck07f.js";import{f as wo}from "./formatFileSize.ts-DmkABYUs.js";import{f as ko}from "./formatSecond.ts-CI2ihnKf.js";import{g as Mo}from "./gcd.ts-BCWGat6T.js";import{g as No}from "./getAllTheNumbers.ts-DaNxVd8a.js";import{g as zo}from "./getElementCenterPosition.ts-CpWYej6j.js";import{g as Vo}from "./getImageSIze.ts-BKCUZEmG.js";import{g as qo}from "./getPointDistance.ts-oQIzWYT7.js";import{g as Qo}from "./getURLSearchParams.ts-CdkTE_NB.js";import{g as Ko}from "./grayColor.ts-bqVfONY0.js";import{i as Zo}from "./isPureNumber.ts-UvzCfFTt.js";import{m as Xo}from "./mediaAutoplayPolicies.ts-h8T8o7DV.js";import{p as $o}from "./parseQuery.ts-rxlqkZEE.js";import{p as rr}from "./passwordStrength.ts-BSVicol-.js";import{p as tr}from "./pick.ts-CVf1DuK1.js";import{p as sr}from "./printStr.ts-DMJqar33.js";import{p as pr}from "./pureNumber.ts-LjeTI9RC.js";import{q as xr}from "./quickSort.ts-CTYjJtIg.js";import{r as lr}from "./rafTimeout.ts-atBwwlgC.js";import{r as ur}from "./randomString.ts-DpWnx0Kc.js";import{r as gr}from "./removeTag.ts-K8ovHu9Z.js";import{s as hr}from "./safeCapitalizeWord.ts-CBBsQk5s.js";import{s as Tr}from "./singleton.ts-BxAjTJl8.js";import{t as Sr}from "./throttle.ts-D_EqcNzV.js";import{b as yr}from "./base64ToBlob.ts-TfYiqeZD.js";import{b as Pr}from "./base64ToFile.ts-DMMwTaBr.js";import{b as Br}from "./blobToBase64.ts-CPZTWtAM.js";import{b as Fr}from "./blobToFile.ts-BXmUv6W-.js";import{d as wr}from "./downloadFile.ts-1nf2IAw4.js";import{f as kr}from "./fileToBase64.ts-Dx4eMf1P.js";import{f as Mr}from "./fileToBlob.ts-t5-IVXI8.js";import{g as Nr}from "./getFileName.ts-BeGee0uD.js";import{g as zr}from "./getFileSuffix.ts-BNoXbi6l.js";import{u as Vr}from "./urlToBase64.ts-t7glJoIV.js";import{u as qr}from "./urlToBlob.ts-DDhIhkMn.js";import{u as Qr}from "./urlToFile.ts-Dp1k4tJm.js";import{c as Kr,f as Yr,l as Zr,s as Jr}from "./formatTimeUtils.ts-ng_eAUID.js";import{c as _r,e as $r,i as oe}from "./intersectionObserverUtils.ts-BdWvnE4X.js";import{d as ee,a as te,p as ae}from "./platformUtils.ts-BkXvuNq4.js";import{c as me}from "./event-B2tGdMqN.js";import{A as fe,D as xe}from "./AutoSliderList-CedBSQM5.js";import{A as le}from "./AvatarCrop-CSkrjAcy.js";import{A as ue,L as ce}from "./List-DXRmDwDo.js";import{B as de}from "./Button-CWrnOZH2.js";import{C as be}from "./Card3D-DrfpLxw2.js";import{C as Ce}from "./Checkbox-jOOMkqbP.js";import{c as ve}from "./ContextMenu-BW91eI6D.js";import{E as Oe,c as Pe}from "./VirtualList-CoQKjvuB.js";import{F as Be}from "./FileDropZone-Czdv3XF4.js";import{M as Fe}from "./MenuButton-M93IpBnN.js";import{m as we}from "./Message-C-4NUqae.js";import{M as ke}from "./Modal-C58i1Qbd.js";import{O as Me,a as Re}from "./Input-UCScuMXP.js";import{O as Ue}from "./Select-D5zgLQ8n.js";import{P as We}from "./Pagination-L17GYQVO.js";import{p as je}from "./PortalRenderer-izu9LyVc.js";import{R as Ge,a as Qe}from "./Radio-m9BOKzf5.js";import{S as Ke}from "./ScrollableTabs-DgcrSjsb.js";import{S as Ze}from "./SvgImg-HkuwJQ4_.js";import{S as Xe}from "./Switch-BEPzl8aC.js";import{T as $e}from "./TemplateDialog-
|
|
1
|
+
import{u as e}from "./useClickOutSide.tsx-C6XuLZzd.js";import{u as a}from "./useCountdown.tsx-DWqs6wNp.js";import{u as m}from "./useEventListener.tsx-C8V9Qip6.js";import{u as f}from "./useGetElementSize.tsx-DML7z5Xp.js";import{u as i}from "./useKeyPress.tsx-hgs6v_Jt.js";import{u as n}from "./useMouseClick.tsx-BmzbuM6X.js";import{u as c}from "./useQuery.tsx-FzGWYq50.js";import{u as d}from "./useTheme.tsx-C-GCpzAS.js";import{u as b}from "./useThemePro.tsx-BIU8EPPB.js";import{a as C,c as S}from "./async2syncUtils.ts-DkF1iSK4.js";import{b as y,g as O}from "./browserUtils.ts-DSM1TN_g.js";import{a as A}from "./adjustColor.ts-Bcmtt429.js";import{a as D}from "./adjustingColors.ts-CpC0GUUO.js";import{f as I}from "./formatColor.ts-BpkK5FYe.js";import{g as E}from "./getColorType.ts-B-_g2UQs.js";import{g as L}from "./getContrastColor.ts-5KaKa1G7.js";import{h as R}from "./hex2hsl.ts-BLU_9tQG.js";import{h as U}from "./hex2hsv.ts-CNUNM2bM.js";import{h as W}from "./hex2rgb.ts-BQpml6Tb.js";import{h as j}from "./hex3To6.ts-BNOY-YJ2.js";import{h as G}from "./hsl2hex.ts-D9xS0UDg.js";import{h as H}from "./hsl2rgb.ts-B6-BIsnP.js";import{h as Y}from "./hsv2hex.ts-BNkK519v.js";import{h as J}from "./hsv2rgb.ts-Bvoa3lA1.js";import{i as _}from "./isValidColor.ts-CpkuoTf9.js";import{r as oo}from "./randomColor.ts-Cf-bUfCt.js";import{r as eo}from "./rgb2hex.ts-Dkw9FDV4.js";import{r as ao}from "./rgb2hsl.ts-BPiSggZg.js";import{r as mo}from "./rgb2hsv.ts-CxNRFDKF.js";import{r as fo}from "./rgb2rgba.ts-Dx8-1nZt.js";import{a as io}from "./addCommasToNumber.ts-Bc5ZX_HW.js";import{a as no}from "./addEventWithOriginHandler.ts-CBP4faL-.js";import{c as co}from "./calculateAspectRatio.ts-DLTMZ6rT.js";import{c as ho}from "./checkDeviceIsMobile.ts-D_9fa1Z1.js";import{c as To}from "./checkStatusCode.ts-CeS5vbbx.js";import{c as So}from "./copy2Clipboard.ts-D-Ux5BRc.js";import{d as yo}from "./dayOfYear.ts-DdscYtyU.js";import{d as Po}from "./debounce.ts-DtQl9QX-.js";import{d as Bo}from "./deepCopy.ts-DZSM2TJ5.js";import{e as Fo}from "./ellipsisString.ts-CEHck07f.js";import{f as wo}from "./formatFileSize.ts-DmkABYUs.js";import{f as ko}from "./formatSecond.ts-CI2ihnKf.js";import{g as Mo}from "./gcd.ts-BCWGat6T.js";import{g as No}from "./getAllTheNumbers.ts-DaNxVd8a.js";import{g as zo}from "./getElementCenterPosition.ts-CpWYej6j.js";import{g as Vo}from "./getImageSIze.ts-BKCUZEmG.js";import{g as qo}from "./getPointDistance.ts-oQIzWYT7.js";import{g as Qo}from "./getURLSearchParams.ts-CdkTE_NB.js";import{g as Ko}from "./grayColor.ts-bqVfONY0.js";import{i as Zo}from "./isPureNumber.ts-UvzCfFTt.js";import{m as Xo}from "./mediaAutoplayPolicies.ts-h8T8o7DV.js";import{p as $o}from "./parseQuery.ts-rxlqkZEE.js";import{p as rr}from "./passwordStrength.ts-BSVicol-.js";import{p as tr}from "./pick.ts-CVf1DuK1.js";import{p as sr}from "./printStr.ts-DMJqar33.js";import{p as pr}from "./pureNumber.ts-LjeTI9RC.js";import{q as xr}from "./quickSort.ts-CTYjJtIg.js";import{r as lr}from "./rafTimeout.ts-atBwwlgC.js";import{r as ur}from "./randomString.ts-DpWnx0Kc.js";import{r as gr}from "./removeTag.ts-K8ovHu9Z.js";import{s as hr}from "./safeCapitalizeWord.ts-CBBsQk5s.js";import{s as Tr}from "./singleton.ts-BxAjTJl8.js";import{t as Sr}from "./throttle.ts-D_EqcNzV.js";import{b as yr}from "./base64ToBlob.ts-TfYiqeZD.js";import{b as Pr}from "./base64ToFile.ts-DMMwTaBr.js";import{b as Br}from "./blobToBase64.ts-CPZTWtAM.js";import{b as Fr}from "./blobToFile.ts-BXmUv6W-.js";import{d as wr}from "./downloadFile.ts-1nf2IAw4.js";import{f as kr}from "./fileToBase64.ts-Dx4eMf1P.js";import{f as Mr}from "./fileToBlob.ts-t5-IVXI8.js";import{g as Nr}from "./getFileName.ts-BeGee0uD.js";import{g as zr}from "./getFileSuffix.ts-BNoXbi6l.js";import{u as Vr}from "./urlToBase64.ts-t7glJoIV.js";import{u as qr}from "./urlToBlob.ts-DDhIhkMn.js";import{u as Qr}from "./urlToFile.ts-Dp1k4tJm.js";import{c as Kr,f as Yr,l as Zr,s as Jr}from "./formatTimeUtils.ts-ng_eAUID.js";import{c as _r,e as $r,i as oe}from "./intersectionObserverUtils.ts-BdWvnE4X.js";import{d as ee,a as te,p as ae}from "./platformUtils.ts-BkXvuNq4.js";import{c as me}from "./event-B2tGdMqN.js";import{A as fe,D as xe}from "./AutoSliderList-CedBSQM5.js";import{A as le}from "./AvatarCrop-CSkrjAcy.js";import{A as ue,L as ce}from "./List-DXRmDwDo.js";import{B as de}from "./Button-CWrnOZH2.js";import{C as be}from "./Card3D-DrfpLxw2.js";import{C as Ce}from "./Checkbox-jOOMkqbP.js";import{c as ve}from "./ContextMenu-BW91eI6D.js";import{E as Oe,c as Pe}from "./VirtualList-CoQKjvuB.js";import{F as Be}from "./FileDropZone-Czdv3XF4.js";import{M as Fe}from "./MenuButton-M93IpBnN.js";import{m as we}from "./Message-C-4NUqae.js";import{M as ke}from "./Modal-C58i1Qbd.js";import{O as Me,a as Re}from "./Input-UCScuMXP.js";import{O as Ue}from "./Select-D5zgLQ8n.js";import{P as We}from "./Pagination-L17GYQVO.js";import{p as je}from "./PortalRenderer-izu9LyVc.js";import{R as Ge,a as Qe}from "./Radio-m9BOKzf5.js";import{S as Ke}from "./ScrollableTabs-DgcrSjsb.js";import{S as Ze}from "./SvgImg-HkuwJQ4_.js";import{S as Xe}from "./Switch-BEPzl8aC.js";import{T as $e}from "./TemplateDialog-B3LqEwG2.js";import{t as rt}from "./Toast-CERLQ4i7.js";import{T as tt}from "./Tooltip-DDUtx7BP.js";import{W as st}from "./Waterfall-DNvOPDGJ.js";export{fe as AutoSliderList,le as AvatarCrop,ue as AwaitList,de as Button,be as Card3D,Ce as Checkbox,xe as Direction,Oe as EstimatedVirtualList,Be as FileDropZone,ce as List,Fe as MenuButton,ke as Modal,Me as OnoInput,Ue as OnoSelect,Re as OnoTextarea,We as Pagination,Ge as Radio,Qe as RadioGroup,Ke as ScrollableTabs,Ze as SvgImg,Xe as Switch,$e as TemplateDialog,tt as Tooltip,st as Waterfall,io as addCommasToNumber,no as addEventWithOriginHandler,A as adjustColor,D as adjustingColors,C as async2syncUtils,yr as base64ToBlob,Pr as base64ToFile,Br as blobToBase64,Fr as blobToFile,y as browserUtils,co as calculateAspectRatio,ho as checkDeviceIsMobile,To as checkStatusCode,S as clearAsyncContagion,ve as contextMenu,Kr as convertSecondToOtherTime,So as copy2Clipboard,Pe as createDataSource,me as createEventEmitter,_r as createIntersectionObserver,yo as dayOfYear,Po as debounce,Bo as deepCopy,ee as distinguishPlatform,te as distinguishPlatformDelay,wr as downloadFile,$r as elementIsInViewport,Fo as ellipsisString,kr as fileToBase64,Mr as fileToBlob,I as formatColor,wo as formatFileSize,ko as formatSecond,Yr as formatTime,Mo as gcd,No as getAllTheNumbers,O as getBrowserInfo,E as getColorType,L as getContrastColor,zo as getElementCenterPosition,Nr as getFileName,zr as getFileSuffix,Vo as getImageSIze,qo as getPointDistance,Qo as getURLSearchParams,Ko as grayColor,R as hex2hsl,U as hex2hsv,W as hex2rgb,j as hex3To6,G as hsl2hex,H as hsl2rgb,Y as hsv2hex,J as hsv2rgb,oe as intersectionObserverUtils,Zo as isPureNumber,_ as isValidColor,Zr as localFormat,Xo as mediaAutoplayPolicies,we as message,$o as parseQuery,rr as passwordStrength,tr as pick,ae as platformUtils,je as portalRenderer,sr as printStr,pr as pureNumber,xr as quickSort,lr as rafTimeout,oo as randomColor,ur as randomString,gr as removeTag,eo as rgb2hex,ao as rgb2hsl,mo as rgb2hsv,fo as rgb2rgba,hr as safeCapitalizeWord,Jr as second2Day,Tr as singleton,Sr as throttle,rt as toast,Vr as urlToBase64,qr as urlToBlob,Qr as urlToFile,e as useClickOutSide,a as useCountdown,m as useEventListener,f as useGetElementSize,i as useKeyPress,n as useMouseClick,c as useQuery,d as useTheme,b as useThemePro};
|