@ioca/react 1.3.2 → 1.3.4

package/lib/js/hooks.js

@@ -0,0 +1,2 @@
+import{useEffect as e}from"react";const n=new Set,t=new Set,o=new Set,s="ontouchend"in document,c={MOVE:s?"touchmove":"mousemove",UP:s?"touchend":"mouseup",KEYDOWN:"keydown"};function r(t,o){e((()=>(n.add(t),()=>{n.delete(t)})),[t])}function u(n,o){e((()=>(t.add(n),()=>{t.delete(n)})),[n])}function d(n,t){e((()=>{if(!t?.disabled)return o.add(n),()=>{o.delete(n)}}),[n])}function i(e){const n=new WeakMap,t=new IntersectionObserver((e=>{e.map((e=>{const t=n.get(e.target);t?.(e.target,e.isIntersecting)}))}),e);return{observe:function(e,o){n.get(e)||(n.set(e,o),e&&t.observe(e))},unobserve:function(e){e&&t.unobserve(e),n.delete(e)},disconnect:function(){t.disconnect()}}}function a(){const e=new WeakMap,n=new ResizeObserver((n=>{n.map((n=>{const t=e.get(n.target);t?.(n.target)}))}));return{observe:function(t,o){e.get(t)||(t&&n.observe(t),e.set(t,o))},unobserve:function(t){t&&n.unobserve(t),e.delete(t)},disconnect:function(){n.disconnect()}}}document.addEventListener(c.MOVE,(e=>{for(const t of n.values())t(e)}),{passive:!1}),document.addEventListener(c.UP,(e=>{for(const n of t.values())n(e)})),document.addEventListener(c.KEYDOWN,(e=>{for(const n of o.values())n(e)}));export{i as useIntersectionObserver,d as useKeydown,r as useMouseMove,u as useMouseUp,a as useResizeObserver};
+//# sourceMappingURL=hooks.js.map

package/lib/js/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../packages/js/hooks.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\ntype TMouseEvent = (e: MouseEvent) => void;\ntype TKeyboardEvent = (e: KeyboardEvent) => void;\ntype TEventOption = {\n\tdisabled?: boolean;\n};\n\nconst ClickEvents = new Set<TMouseEvent>();\nconst MouseMoveEvents = new Set<TMouseEvent>();\nconst MouseUpEvents = new Set<TMouseEvent>();\nconst KeydownEvents = new Set<TKeyboardEvent>();\n\nconst touchable = \"ontouchend\" in document;\nconst EVENTS: any = {\n\tMOVE: touchable ? \"touchmove\" : \"mousemove\",\n\tUP: touchable ? \"touchend\" : \"mouseup\",\n\tKEYDOWN: \"keydown\",\n};\n\ndocument.addEventListener(\n\tEVENTS.MOVE,\n\t(e: MouseEvent) => {\n\t\tfor (const listener of MouseMoveEvents.values()) {\n\t\t\tlistener(e);\n\t\t}\n\t},\n\t{ passive: false }\n);\n\ndocument.addEventListener(EVENTS.UP, (e) => {\n\tfor (const listener of MouseUpEvents.values()) {\n\t\tlistener(e);\n\t}\n});\n\ndocument.addEventListener(EVENTS.KEYDOWN, (e) => {\n\tfor (const listener of KeydownEvents.values()) {\n\t\tlistener(e);\n\t}\n});\n\nexport function useMouseMove(listener: TMouseEvent, options?: TEventOption) {\n\tuseEffect(() => {\n\t\tif (options?.disabled) return;\n\n\t\tMouseMoveEvents.add(listener);\n\t\treturn () => {\n\t\t\tMouseMoveEvents.delete(listener);\n\t\t};\n\t}, [listener]);\n}\n\nexport function useMouseUp(listener: TMouseEvent, options?: TEventOption) {\n\tuseEffect(() => {\n\t\tif (options?.disabled) return;\n\n\t\tMouseUpEvents.add(listener);\n\t\treturn () => {\n\t\t\tMouseUpEvents.delete(listener);\n\t\t};\n\t}, [listener]);\n}\n\nexport function useKeydown(listener: TKeyboardEvent, options?: TEventOption) {\n\tuseEffect(() => {\n\t\tif (options?.disabled) return;\n\n\t\tKeydownEvents.add(listener);\n\t\treturn () => {\n\t\t\tKeydownEvents.delete(listener);\n\t\t};\n\t}, [listener]);\n}\n\nexport function useIntersectionObserver(configs?: IntersectionObserverInit) {\n\tconst WM = new WeakMap();\n\tconst IO = new IntersectionObserver((entries) => {\n\t\tentries.map((entry) => {\n\t\t\tconst callback = WM.get(entry.target);\n\n\t\t\tcallback?.(entry.target, entry.isIntersecting);\n\t\t});\n\t}, configs);\n\n\tfunction observe(target: HTMLElement, callback: Function) {\n\t\tif (WM.get(target)) return;\n\n\t\tWM.set(target, callback);\n\t\ttarget && IO.observe(target);\n\t}\n\n\tfunction unobserve(target: HTMLElement) {\n\t\ttarget && IO.unobserve(target);\n\t\tWM.delete(target);\n\t}\n\n\tfunction disconnect() {\n\t\tIO.disconnect();\n\t}\n\n\treturn {\n\t\tobserve,\n\t\tunobserve,\n\t\tdisconnect,\n\t};\n}\n\nexport function useResizeObserver() {\n\tconst WM = new WeakMap();\n\tconst IO = new ResizeObserver((entries) => {\n\t\tentries.map((entry) => {\n\t\t\tconst callback = WM.get(entry.target);\n\n\t\t\tcallback?.(entry.target);\n\t\t});\n\t});\n\n\tfunction observe(target: HTMLElement, callback: Function) {\n\t\tif (WM.get(target)) return;\n\n\t\ttarget && IO.observe(target);\n\t\tWM.set(target, callback);\n\t}\n\n\tfunction unobserve(target: HTMLElement) {\n\t\ttarget && IO.unobserve(target);\n\t\tWM.delete(target);\n\t}\n\n\tfunction disconnect() {\n\t\tIO.disconnect();\n\t}\n\n\treturn {\n\t\tobserve,\n\t\tunobserve,\n\t\tdisconnect,\n\t};\n}\n"],"names":["MouseMoveEvents","Set","MouseUpEvents","KeydownEvents","touchable","document","EVENTS","MOVE","UP","KEYDOWN","useMouseMove","listener","options","useEffect","add","delete","useMouseUp","useKeydown","disabled","useIntersectionObserver","configs","WM","WeakMap","IO","IntersectionObserver","entries","map","entry","callback","get","target","isIntersecting","observe","set","unobserve","disconnect","useResizeObserver","ResizeObserver","addEventListener","e","values","passive"],"mappings":"kCASA,MAAMA,EAAkB,IAAIC,IACtBC,EAAgB,IAAID,IACpBE,EAAgB,IAAIF,IAEpBG,EAAY,eAAgBC,SAC5BC,EAAc,CACnBC,KAAMH,EAAY,YAAc,YAChCI,GAAIJ,EAAY,WAAa,UAC7BK,QAAS,WAyBM,SAAAC,EAAaC,EAAuBC,GACnDC,GAAU,KAGTb,EAAgBc,IAAIH,GACb,KACNX,EAAgBe,OAAOJ,EAAS,IAE/B,CAACA,GACL,CAEgB,SAAAK,EAAWL,EAAuBC,GACjDC,GAAU,KAGTX,EAAcY,IAAIH,GACX,KACNT,EAAca,OAAOJ,EAAS,IAE7B,CAACA,GACL,CAEgB,SAAAM,EAAWN,EAA0BC,GACpDC,GAAU,KACT,IAAID,GAASM,SAGb,OADAf,EAAcW,IAAIH,GACX,KACNR,EAAcY,OAAOJ,EAAS,CAC9B,GACC,CAACA,GACL,CAEM,SAAUQ,EAAwBC,GACvC,MAAMC,EAAK,IAAIC,QACTC,EAAK,IAAIC,sBAAsBC,IACpCA,EAAQC,KAAKC,IACZ,MAAMC,EAAWP,EAAGQ,IAAIF,EAAMG,QAE9BF,IAAWD,EAAMG,OAAQH,EAAMI,eAAe,GAC7C,GACAX,GAkBH,MAAO,CACNY,QAjBD,SAAiBF,EAAqBF,GACjCP,EAAGQ,IAAIC,KAEXT,EAAGY,IAAIH,EAAQF,GACfE,GAAUP,EAAGS,QAAQF,KAcrBI,UAXD,SAAmBJ,GAClBA,GAAUP,EAAGW,UAAUJ,GACvBT,EAAGN,OAAOe,IAUVK,WAPD,WACCZ,EAAGY,cAQL,UAEgBC,IACf,MAAMf,EAAK,IAAIC,QACTC,EAAK,IAAIc,gBAAgBZ,IAC9BA,EAAQC,KAAKC,IACZ,MAAMC,EAAWP,EAAGQ,IAAIF,EAAMG,QAE9BF,IAAWD,EAAMG,OAAO,GACvB,IAmBH,MAAO,CACNE,QAjBD,SAAiBF,EAAqBF,GACjCP,EAAGQ,IAAIC,KAEXA,GAAUP,EAAGS,QAAQF,GACrBT,EAAGY,IAAIH,EAAQF,KAcfM,UAXD,SAAmBJ,GAClBA,GAAUP,EAAGW,UAAUJ,GACvBT,EAAGN,OAAOe,IAUVK,WAPD,WACCZ,EAAGY,cAQL,CAvHA9B,SAASiC,iBACRhC,EAAOC,MACNgC,IACA,IAAK,MAAM5B,KAAYX,EAAgBwC,SACtC7B,EAAS4B,KAGX,CAAEE,SAAS,IAGZpC,SAASiC,iBAAiBhC,EAAOE,IAAK+B,IACrC,IAAK,MAAM5B,KAAYT,EAAcsC,SACpC7B,EAAS4B,MAIXlC,SAASiC,iBAAiBhC,EAAOG,SAAU8B,IAC1C,IAAK,MAAM5B,KAAYR,EAAcqC,SACpC7B,EAAS4B"}

package/lib/js/usePreview/content.js

@@ -0,0 +1,2 @@
+import{jsxs as r,Fragment as t,jsx as e}from"react/jsx-runtime";import"../../components/button/index.js";import n from"../../components/icon/icon.js";import{CloseRound as o,AspectRatioRound as a,OpenInNewRound as i,FileDownloadOutlined as c,RotateRightRound as l,RotateLeftRound as s,KeyboardArrowLeftRound as d,KeyboardArrowRightRound as u}from"@ricons/material";import{useReactive as m}from"ahooks";import p from"classnames";import{throttle as f}from"radash";import{useRef as g,useMemo as h}from"react";import{useMouseMove as k,useMouseUp as j}from"../hooks.js";import{getSuffixByUrl as v,getFileType as C}from"../utils.js";import x from"./renderFile.js";import{TFileType as q}from"./type.js";import b from"../../components/button/button.js";function y(y){const{items:H=[],initial:w=0,renderFile:N=x,onRotate:$,onChange:D,onClose:F,onZoom:Y}=y,M=m({current:w,rotate:0,scale:1,translate:[0,0],start:[0,0],dragging:!1,controlHidden:!0}),T=g(null),X=g([0,0]),_=g(null),A=h((()=>H.map((r=>{const t={src:""};return"string"==typeof r?t.src=r:Object.assign(t,r),t.suffix=v(t.src)||"",t.type=C(t.suffix,r.type),t}))),[H]),{file:E,content:G}=h((()=>{const r=A[M.current];return{file:r,content:N(r)}}),[M.current,H]),I=E.type===q.IMAGE,O=r=>{const t=A.length,{current:e}=M;M.current=r>=t?0:r<0?t-1:r,D?.(M.current,e),M.rotate=A[M.current].rotate||0,1!==M.scale&&(M.scale=1,Y?.(1)),$?.(M.rotate),M.translate=X.current=[0,0]},P=r=>{M.rotate+=r,$?.(M.rotate)},R=f({interval:60},(r=>{if(!I)return;let t=M.scale+(r.deltaY<0?.05:-.05);t>2&&(t=2),t<.25&&(t=.25),Y?.(t),M.scale=t})),W=f({interval:300},(()=>{M.controlHidden&&(M.controlHidden=!1,_.current&&!M.controlHidden&&(clearTimeout(_.current),_.current=null),_.current=setTimeout((()=>{M.controlHidden=!0}),1e3))}));return k((r=>{if(W(),!M.dragging)return;r.preventDefault();const[t,e]=X.current,[n,o]=M.start,a=r.pageX-n,i=r.pageY-o;M.translate=[t+a,e+i]})),j((()=>{M.dragging&&(M.dragging=!1,X.current=M.translate)})),r(t,{children:[e("div",{ref:T,className:p("i-preview-content",{"no-transition":M.dragging}),style:{transform:`translate(${M.translate.map((r=>`${r}px`)).join(",")}) rotate(${M.rotate}deg) scale(${M.scale})`},onWheel:R,onMouseDown:r=>{I&&(r.preventDefault(),M.dragging=!0,M.start=[r.pageX,r.pageY])},onClick:r=>r.stopPropagation(),children:G}),r("div",{className:p("i-preview-controls",{"i-preview-controls-hidden":M.controlHidden}),children:[e(b,{square:!0,flat:!0,onClick:F,children:e(n,{icon:e(o,{})})}),A.length>1&&r("span",{className:"px-8",children:[M.current+1," / ",A.length]}),1!==M.scale&&r(b,{flat:!0,onClick:()=>M.scale=1,children:[e(n,{icon:e(a,{})}),r("span",{className:"mt-2",children:[(100*M.scale).toFixed(0),"%"]})]}),e(b,{square:!0,flat:!0,href:E.src,target:"_blank",children:e(n,{icon:e(i,{})})}),e(b,{square:!0,flat:!0,href:E.src,download:!0,target:"_blank",children:e(n,{icon:e(c,{})})}),e(b,{square:!0,flat:!0,onClick:()=>P(90),children:e(n,{icon:e(l,{})})}),e(b,{square:!0,flat:!0,onClick:()=>P(-90),children:e(n,{icon:e(s,{})})}),A.length>1&&r(t,{children:[e(b,{square:!0,flat:!0,onClick:()=>O(M.current-1),children:e(n,{icon:e(d,{})})}),e(b,{square:!0,flat:!0,onClick:()=>O(M.current+1),children:e(n,{icon:e(u,{})})})]})]})]})}export{y as default};
+//# sourceMappingURL=content.js.map

package/lib/js/usePreview/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../packages/js/usePreview/content.tsx"],"sourcesContent":["import Button from \"@p/components/button\";\nimport Icon from \"@p/components/icon\";\nimport {\n\tAspectRatioRound,\n\tCloseRound,\n\tFileDownloadOutlined,\n\tKeyboardArrowLeftRound,\n\tKeyboardArrowRightRound,\n\tOpenInNewRound,\n\tRotateLeftRound,\n\tRotateRightRound,\n} from \"@ricons/material\";\nimport { useReactive } from \"ahooks\";\nimport classNames from \"classnames\";\nimport { throttle } from \"radash\";\nimport { useMemo, useRef } from \"react\";\nimport { useMouseMove, useMouseUp } from \"../hooks\";\nimport { getFileType, getSuffixByUrl } from \"../utils\";\nimport DefaultRenderFile from \"./renderFile\";\nimport { IPreview, TFileType, TPreviewItem } from \"./type\";\n\nexport default function Content(props: IPreview) {\n\tconst {\n\t\titems = [],\n\t\tinitial = 0,\n\t\trenderFile = DefaultRenderFile,\n\t\tonRotate,\n\t\tonChange,\n\t\tonClose,\n\t\tonZoom,\n\t} = props;\n\tconst state = useReactive({\n\t\tcurrent: initial,\n\t\trotate: 0,\n\t\tscale: 1,\n\t\ttranslate: [0, 0],\n\t\tstart: [0, 0],\n\t\tdragging: false,\n\t\tcontrolHidden: true,\n\t});\n\tconst box = useRef<HTMLDivElement>(null);\n\tconst translate = useRef<number[]>([0, 0]);\n\tconst hiddenTO = useRef<any>(null);\n\n\tconst files = useMemo(() => {\n\t\treturn items.map((item) => {\n\t\t\tconst o: TPreviewItem = {\n\t\t\t\tsrc: \"\",\n\t\t\t};\n\t\t\tif (typeof item === \"string\") {\n\t\t\t\to.src = item;\n\t\t\t} else {\n\t\t\t\tObject.assign(o, item);\n\t\t\t}\n\n\t\t\to.suffix = getSuffixByUrl(o.src) || \"\";\n\t\t\to.type = getFileType(o.suffix, item[\"type\"]);\n\n\t\t\treturn o;\n\t\t});\n\t}, [items]);\n\n\tconst { file, content } = useMemo(() => {\n\t\tconst file = files[state.current];\n\t\tconst content = renderFile(file);\n\n\t\treturn {\n\t\t\tfile,\n\t\t\tcontent,\n\t\t};\n\t}, [state.current, items]);\n\n\tconst isImage = file.type === TFileType.IMAGE;\n\n\tconst handleSwitch = (next: number) => {\n\t\tconst l = files.length;\n\t\tconst { current: before } = state;\n\t\tif (next >= l) {\n\t\t\tstate.current = 0;\n\t\t} else if (next < 0) {\n\t\t\tstate.current = l - 1;\n\t\t} else {\n\t\t\tstate.current = next;\n\t\t}\n\t\tonChange?.(state.current, before);\n\n\t\tstate.rotate = files[state.current].rotate || 0;\n\n\t\tif (state.scale !== 1) {\n\t\t\tstate.scale = 1;\n\t\t\tonZoom?.(1);\n\t\t}\n\t\tonRotate?.(state.rotate);\n\t\tstate.translate = translate.current = [0, 0];\n\t};\n\n\tconst handleRotate = (deg: number) => {\n\t\tstate.rotate += deg;\n\n\t\tonRotate?.(state.rotate);\n\t};\n\n\tconst handleMouseWheel = throttle({ interval: 60 }, (e) => {\n\t\tif (!isImage) return;\n\t\tlet after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);\n\t\tif (after > 2) after = 2;\n\t\tif (after < 0.25) after = 0.25;\n\n\t\tonZoom?.(after);\n\t\tstate.scale = after;\n\t});\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!isImage) return;\n\t\te.preventDefault();\n\t\tstate.dragging = true;\n\t\tstate.start = [e.pageX, e.pageY];\n\t};\n\n\tconst clearHiddenTO = () => {\n\t\tif (!hiddenTO.current || state.controlHidden) return;\n\t\tclearTimeout(hiddenTO.current);\n\t\thiddenTO.current = null;\n\t};\n\n\tconst setHiddenFalse = () => {\n\t\tif (!state.controlHidden) return;\n\t\tstate.controlHidden = false;\n\n\t\tclearHiddenTO();\n\t\thiddenTO.current = setTimeout(() => {\n\t\t\tstate.controlHidden = true;\n\t\t}, 1000);\n\t};\n\n\tconst throttleMouseMove = throttle({ interval: 300 }, setHiddenFalse);\n\n\tconst handleMouseMove = (e) => {\n\t\tthrottleMouseMove();\n\t\tif (!state.dragging) return;\n\t\te.preventDefault();\n\n\t\tconst [x, y] = translate.current;\n\t\tconst [ox, oy] = state.start;\n\t\tconst offsetX = e.pageX - ox;\n\t\tconst offsetY = e.pageY - oy;\n\n\t\tstate.translate = [x + offsetX, y + offsetY];\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging) return;\n\t\tstate.dragging = false;\n\t\ttranslate.current = state.translate;\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tref={box}\n\t\t\t\tclassName={classNames(\"i-preview-content\", {\n\t\t\t\t\t\"no-transition\": state.dragging,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\ttransform: `translate(${state.translate\n\t\t\t\t\t\t.map((n) => `${n}px`)\n\t\t\t\t\t\t.join(\",\")}) rotate(${state.rotate}deg) scale(${\n\t\t\t\t\t\tstate.scale\n\t\t\t\t\t})`,\n\t\t\t\t}}\n\t\t\t\tonWheel={handleMouseWheel}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-preview-controls\", {\n\t\t\t\t\t\"i-preview-controls-hidden\": state.controlHidden,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<Button square flat onClick={onClose}>\n\t\t\t\t\t<Icon icon={<CloseRound />} />\n\t\t\t\t</Button>\n\t\t\t\t{files.length > 1 && (\n\t\t\t\t\t<span className='px-8'>\n\t\t\t\t\t\t{state.current + 1} / {files.length}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{state.scale !== 1 && (\n\t\t\t\t\t<Button flat onClick={() => (state.scale = 1)}>\n\t\t\t\t\t\t<Icon icon={<AspectRatioRound />} />\n\t\t\t\t\t\t<span className='mt-2'>\n\t\t\t\t\t\t\t{(state.scale * 100).toFixed(0)}%\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t<Button square flat href={file.src} target='_blank'>\n\t\t\t\t\t<Icon icon={<OpenInNewRound />} />\n\t\t\t\t</Button>\n\t\t\t\t<Button square flat href={file.src} download target='_blank'>\n\t\t\t\t\t<Icon icon={<FileDownloadOutlined />} />\n\t\t\t\t</Button>\n\t\t\t\t<Button square flat onClick={() => handleRotate(90)}>\n\t\t\t\t\t<Icon icon={<RotateRightRound />} />\n\t\t\t\t</Button>\n\t\t\t\t<Button square flat onClick={() => handleRotate(-90)}>\n\t\t\t\t\t<Icon icon={<RotateLeftRound />} />\n\t\t\t\t</Button>\n\n\t\t\t\t{files.length > 1 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsquare\n\t\t\t\t\t\t\tflat\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current - 1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowLeftRound />} />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsquare\n\t\t\t\t\t\t\tflat\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current + 1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowRightRound />} />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"names":["Content","props","items","initial","renderFile","DefaultRenderFile","onRotate","onChange","onClose","onZoom","state","useReactive","current","rotate","scale","translate","start","dragging","controlHidden","box","useRef","hiddenTO","files","useMemo","map","item","o","src","Object","assign","suffix","getSuffixByUrl","type","getFileType","file","content","isImage","TFileType","IMAGE","handleSwitch","next","l","length","before","handleRotate","deg","handleMouseWheel","throttle","interval","e","after","deltaY","throttleMouseMove","clearTimeout","setTimeout","useMouseMove","preventDefault","x","y","ox","oy","offsetX","pageX","offsetY","pageY","useMouseUp","_jsxs","_Fragment","children","_jsx","ref","className","classNames","style","transform","n","join","onWheel","onMouseDown","onClick","stopPropagation","Button","square","flat","Icon","icon","CloseRound","AspectRatioRound","toFixed","href","target","OpenInNewRound","download","FileDownloadOutlined","RotateRightRound","RotateLeftRound","KeyboardArrowLeftRound","KeyboardArrowRightRound"],"mappings":"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"}

package/lib/js/usePreview/index.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{useRef as e}from"react";import t from"../../components/modal/hookModal.js";import{renderNode as r}from"../utils.js";import i from"./content.js";function s(){const s=e(null);return e=>{const{items:m,modalProps:n,onClose:l,...a}=e,c=r(o(t,{ref:s,visible:!0,className:"i-preview",customized:!0,hideShadow:!0,...n,children:o(i,{...a,items:m,onClose:()=>{s.current?.update({visible:!1})}}),fixed:!0,onClose:()=>{l?.(),c?.()}}))}}export{s as default};
+//# sourceMappingURL=index.js.map

package/lib/js/usePreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../packages/js/usePreview/index.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport HookModal from \"../../components/modal/hookModal\";\nimport type { RefHookModal } from \"../../components/modal/type\";\nimport { renderNode } from \"../utils\";\nimport Content from \"./content\";\nimport \"./index.css\";\nimport type { IPreview } from \"./type\";\n\nexport default function usePreview() {\n\tconst ref = useRef<RefHookModal>(null);\n\n\tconst preview = (config: IPreview) => {\n\t\tconst { items, modalProps, onClose, ...restProps } = config;\n\n\t\tconst handleClose = () => {\n\t\t\tonClose?.();\n\t\t\tunMount?.();\n\t\t};\n\n\t\tconst unMount = renderNode(\n\t\t\t<HookModal\n\t\t\t\tref={ref}\n\t\t\t\tvisible\n\t\t\t\tclassName='i-preview'\n\t\t\t\tcustomized\n\t\t\t\thideShadow\n\t\t\t\t{...modalProps}\n\t\t\t\tchildren={\n\t\t\t\t\t<Content\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\titems={items}\n\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\tref.current?.update({ visible: false });\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tfixed\n\t\t\t\tonClose={handleClose}\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn preview;\n}\n"],"names":["usePreview","ref","useRef","config","items","modalProps","onClose","restProps","unMount","renderNode","_jsx","HookModal","visible","className","customized","hideShadow","children","Content","current","update","fixed"],"mappings":"+LAQc,SAAUA,IACvB,MAAMC,EAAMC,EAAqB,MAiCjC,OA/BiBC,IAChB,MAAMC,MAAEA,EAAKC,WAAEA,EAAUC,QAAEA,KAAYC,GAAcJ,EAO/CK,EAAUC,EACfC,EAACC,EACA,CAAAV,IAAKA,EACLW,SAAO,EACPC,UAAU,YACVC,YACA,EAAAC,iBACIV,EACJW,SACCN,EAACO,EAAO,IACHV,EACJH,MAAOA,EACPE,QAAS,KACRL,EAAIiB,SAASC,OAAO,CAAEP,SAAS,GAAQ,IAI1CQ,OAAK,EACLd,QAvBkB,KACnBA,MACAE,KAAW,IAuBX,CAIH"}

package/lib/js/usePreview/renderFile.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"../../components/icon/icon.js";import i from"../../components/video/video.js";import{FeedOutlined as t}from"@ricons/material";import{TFileType as n}from"./type.js";function m(m){const{name:s,suffix:c,type:a}=m;switch(a){case n.IMAGE:return r("img",{src:m.src});case n.VIDEO:return r(i,{...m});default:return e("div",{className:"i-preview-unknown",children:[r(o,{icon:r(t,{}),size:"3em"}),r("h5",{className:"mt-4",children:s||c||"?"})]})}}export{m as default};
+//# sourceMappingURL=renderFile.js.map

package/lib/js/usePreview/renderFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFile.js","sources":["../../../packages/js/usePreview/renderFile.tsx"],"sourcesContent":["import Icon from \"@p/components/icon\";\nimport Video from \"@p/components/video\";\nimport { FeedOutlined } from \"@ricons/material\";\nimport { TFileType, TPreviewItem } from \"./type\";\n\nexport default function renderFile(props: TPreviewItem) {\n\tconst { name, suffix, type } = props;\n\n\tswitch (type) {\n\t\tcase TFileType.IMAGE:\n\t\t\treturn <img src={props.src} />;\n\t\tcase TFileType.VIDEO:\n\t\t\treturn <Video {...props} />;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<div className='i-preview-unknown'>\n\t\t\t\t\t<Icon icon={<FeedOutlined />} size='3em' />\n\t\t\t\t\t<h5 className='mt-4'>{name || suffix || \"?\"}</h5>\n\t\t\t\t</div>\n\t\t\t);\n\t}\n}\n"],"names":["renderFile","props","name","suffix","type","TFileType","IMAGE","_jsx","src","VIDEO","Video","_jsxs","className","children","Icon","icon","FeedOutlined","size"],"mappings":"oOAKwB,SAAAA,EAAWC,GAClC,MAAMC,KAAEA,EAAIC,OAAEA,EAAMC,KAAEA,GAASH,EAE/B,OAAQG,GACP,KAAKC,EAAUC,MACd,OAAOC,SAAKC,IAAKP,EAAMO,MACxB,KAAKH,EAAUI,MACd,OAAOF,EAACG,EAAU,IAAAT,IACnB,QACC,OACCU,EAAA,MAAA,CAAKC,UAAU,oBACdC,SAAA,CAAAN,EAACO,EAAI,CAACC,KAAMR,EAACS,MAAiBC,KAAK,QACnCV,EAAI,KAAA,CAAAK,UAAU,OAAMC,SAAEX,GAAQC,GAAU,SAI7C"}

package/lib/js/usePreview/type.js

@@ -0,0 +1,2 @@
+var E;!function(E){E.IMAGE="IMAGE",E.VIDEO="VIDEO",E.AUDIO="AUDIO",E.PDF="PDF",E.EXCEL="EXCEL",E.TXT="TXT",E.UNKNOWN="UNKNOWN"}(E||(E={}));export{E as TFileType};
+//# sourceMappingURL=type.js.map

package/lib/js/usePreview/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":["../../../packages/js/usePreview/type.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from \"react\";\nimport type { IModal } from \"../../components/modal/type\";\n\nexport type TPreviewItem = {\n\tsrc: string;\n\tname?: ReactNode;\n\tthumb?: string;\n\trotate?: number;\n\tzoom?: number;\n\tstyle?: CSSProperties;\n\ttype?: string;\n\tsuffix?: string;\n};\n\nexport enum TFileType {\n\tIMAGE = \"IMAGE\",\n\tVIDEO = \"VIDEO\",\n\tAUDIO = \"AUDIO\",\n\tPDF = \"PDF\",\n\tEXCEL = \"EXCEL\",\n\tTXT = \"TXT\",\n\tUNKNOWN = \"UNKNOWN\",\n}\n\nexport interface IPreview {\n\titems: (TPreviewItem | string)[];\n\tinitial?: number;\n\tcontrols?: boolean;\n\tloop?: boolean;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tmodalProps?: IModal;\n\trenderImage?: (file: TPreviewItem) => ReactNode;\n\trenderFile?: (file: TPreviewItem) => ReactNode;\n\tonClose?: () => void;\n\tonChange?: (after: number, before?: number) => void;\n\tonZoom?: (scale: number) => void;\n\tonRotate?: (deg: number) => void;\n}\n"],"names":["TFileType"],"mappings":"IAcYA,GAAZ,SAAYA,GACXA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACA,CARD,CAAYA,IAAAA,EAQX,CAAA"}

package/lib/js/useRipple/index.js

@@ -0,0 +1,2 @@
+const e=500,t=()=>{document.documentElement.dataset.useripple||(document.documentElement.dataset.useripple="enable",document.addEventListener("mousedown",n))};function n(t){const n=t.target,a=n.closest("[data-ripple]");n&&a&&function(t,n){const[a,i]=function(){const e=document.createElement("SPAN"),t=document.createElement("SPAN");return e.className="i-ripple-container",t.className="i-ripple",e.append(t),[e,t]}(),s=t.getBoundingClientRect(),o=2*Math.max(s.width,s.height);i.style.cssText=`\n        left: ${n.pageX-s.left}px;\n        top: ${n.pageY-s.top}px;\n        width: ${o}px;\n        height: ${o}px;\n        transition: all 0.5s;\n    `,t.insertAdjacentElement("afterbegin",a),t.offsetHeight,i.classList.add("i-ripple-active"),setTimeout((()=>{a.remove()}),e)}(a,t)}export{t as default};
+//# sourceMappingURL=index.js.map

package/lib/js/useRipple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\n\nconst TIMEOUT = 500;\n\nconst useRipple = () => {\n\tif (document.documentElement.dataset[\"useripple\"]) return;\n\tdocument.documentElement.dataset[\"useripple\"] = \"enable\";\n\n\tdocument.addEventListener(\"mousedown\", listener);\n};\n\nfunction listener(e: MouseEvent) {\n\tconst target = e.target as HTMLElement;\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\n\n\tif (!target || !parent) return;\n\n\ttriggerRipple(parent, e);\n}\n\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\n\tconst [$box, $ripple] = createRipple();\n\tconst rect = target.getBoundingClientRect();\n\tconst size = Math.max(rect.width, rect.height) * 2;\n\n\t$ripple.style.cssText = `\n        left: ${e.pageX - rect.left}px;\n        top: ${e.pageY - rect.top}px;\n        width: ${size}px;\n        height: ${size}px;\n        transition: all ${TIMEOUT / 1000}s;\n    `;\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\n\ttarget.offsetHeight;\n\t$ripple.classList.add(\"i-ripple-active\");\n\n\tsetTimeout(() => {\n\t\t$box.remove();\n\t}, TIMEOUT);\n}\n\nfunction createRipple() {\n\tconst $box = document.createElement(\"SPAN\");\n\tconst $ripple = document.createElement(\"SPAN\");\n\n\t$box.className = \"i-ripple-container\";\n\t$ripple.className = \"i-ripple\";\n\n\t$box.append($ripple);\n\n\treturn [$box, $ripple];\n}\n\nexport default useRipple;\n"],"names":["TIMEOUT","useRipple","document","documentElement","dataset","addEventListener","listener","e","target","parent","closest","$box","$ripple","createElement","className","append","createRipple","rect","getBoundingClientRect","size","Math","max","width","height","style","cssText","pageX","left","pageY","top","insertAdjacentElement","offsetHeight","classList","add","setTimeout","remove","triggerRipple"],"mappings":"AAEA,MAAMA,EAAU,IAEVC,EAAY,KACbC,SAASC,gBAAgBC,QAAmB,YAChDF,SAASC,gBAAgBC,QAAmB,UAAI,SAEhDF,SAASG,iBAAiB,YAAaC,GAAS,EAGjD,SAASA,EAASC,GACjB,MAAMC,EAASD,EAAEC,OACXC,EAASD,EAAOE,QAAQ,iBAEzBF,GAAWC,GAKjB,SAAuBD,EAAqBD,GAC3C,MAAOI,EAAMC,GAoBd,WACC,MAAMD,EAAOT,SAASW,cAAc,QAC9BD,EAAUV,SAASW,cAAc,QAOvC,OALAF,EAAKG,UAAY,qBACjBF,EAAQE,UAAY,WAEpBH,EAAKI,OAAOH,GAEL,CAACD,EAAMC,EACf,CA9ByBI,GAClBC,EAAOT,EAAOU,wBACdC,EAA2C,EAApCC,KAAKC,IAAIJ,EAAKK,MAAOL,EAAKM,QAEvCX,EAAQY,MAAMC,QAAU,mBACTlB,EAAEmB,MAAQT,EAAKU,yBAChBpB,EAAEqB,MAAQX,EAAKY,0BACbV,yBACCA,4CAGjBX,EAAOsB,sBAAsB,aAAcnB,GAC3CH,EAAOuB,aACPnB,EAAQoB,UAAUC,IAAI,mBAEtBC,YAAW,KACVvB,EAAKwB,QAAQ,GACXnC,EACJ,CAtBCoC,CAAc3B,EAAQF,EACvB"}

package/lib/js/utils.js

@@ -0,0 +1,2 @@
+import{createRoot as t}from"react-dom/client";function e(t,e,n={}){const{refWindow:i,gap:r=0,offset:c=0,position:s="top",align:a}=n;if(!t||!e)return[0,0,{arrowX:0,arrowY:0,arrowPos:"bottom"}];const u=t.getBoundingClientRect(),f=e.getBoundingClientRect();let l=window.innerWidth,g=window.innerHeight,{left:h,top:d,right:p,bottom:m,width:w,height:B}=u;const{height:b,width:z}=f;if(!i){const e=t.offsetParent?.getBoundingClientRect();l=e?.width||l,g=e?.height||g,h=t.offsetLeft,d=t.offsetTop,p=h+u.width,m=d+u.height}let M=0,S=0,$=0,F=0,v="bottom";switch(s){case"left":case"right":M=B!==b?o({containerSize:g,targetSize:B,targetOffset:d,contentSize:b,gap:r,align:a}):d,F=M<d?d-M+B/2:B/2;const t=h-c-z,e=p+c+z;if("left"===s){const n=t<0&&e<=l;S=n?p+c:t,$=n?0:z,v=n?"left":"right"}else{const n=l>e||t<0;S=n?p+c:t,$=n?0:z,v=n?"left":"right"}break;case"top":case"bottom":S=w!==z?o({containerSize:l,targetOffset:h,targetSize:w,contentSize:z,gap:r,align:a}):h,$=S>h?z/2:h-S+w/2;const n=d-c-b,i=m+c+b;if("top"===s){const t=n<0&&i<=g;M=t?m+c:n,F=t?0:b,v=t?"top":"bottom"}else{const t=g>i||n<0;M=t?m+c:n,F=t?0:b,v=t?"top":"bottom"}}return[S,M,{arrowX:$,arrowY:F,arrowPos:v}]}function n(t,e){const{width:n,height:o}=e.getBoundingClientRect(),i=e.offsetParent;let r,c,s=0,a=0;if(i){const{width:t,height:e,left:n,top:o}=i.getBoundingClientRect();r=t,c=e,a=o-(i.scrollTop??0),s=n}else r=window.innerWidth,c=window.innerHeight;const u=t.pageX-s,f=t.pageY-a;return[u+n>=r&&u-n>0?u-n:u,f+o>=c&&f-o>0?f-o:f]}function o({containerSize:t,targetSize:e,targetOffset:n,contentSize:o,gap:i,align:r="center"}){const c=n+e/2;switch(r){case"start":return n+o>t?t-o-i:n;case"center":return e>=o?c-o/2:c+o/2+i>t?n+e-o:c-o/2-i<0?i:c-o/2;case"end":const r=n+e-o;return r>0?r:i;default:return c-o/2}}function i(t){return t.map((t=>["string","number"].includes(typeof t)?{label:t,value:t}:t))}function r(t,e,n=1e3,o,i=t=>1-Math.pow(1-t,4)){const r=performance.now(),c=e-t;let s=requestAnimationFrame((function t(){s=requestAnimationFrame(t);let e=(performance.now()-r)/n;e>=1&&(e=1,cancelAnimationFrame(s));const a=c*i(e);o?.(a)}))}function c(t,e={}){const{precision:n,thousand:o}=e,i=t.toFixed(n);if(!o)return i;const r=i.split("."),c=r[0].replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,`$&${o}`);return 1===r.length?c:`${c}.${r[1]}`}function s(e,n=document.body){const o=document.createElement("div");n.append(o);const i=t(o),r=setTimeout((()=>{i?.render(e)}),0);return()=>{o?.remove(),i?.unmount(),r&&clearTimeout(r)}}function a(t){return t.match(/\.([^\./\?]+)($|\?)/)?.[1]}function u(t,e){switch(!0){case["jpg","jpeg","png","webp","svg"].includes(t)||e?.startsWith("image/"):return"IMAGE";case["mp4","avi"].includes(t)||e?.startsWith("video/"):return"VIDEO";default:return"UNKNOWN"}}function f(t){t.requestFullscreen?.()}function l(){document.exitFullscreen?.()}function g(t,e){const n=[],{zero:o=!0,units:i=["",":",":"]}=e,r=i.length;let c=0;for(;c<r&&!(t<=0&&c>1);){const e=Math.round(t%60);t=Math.floor(t/60),n.unshift((o&&e<10?`0${e}`:e)+i[c++])}return n.join("")}function h(t,e,n){const o=["desc","asc"];if(t===n){const t=o.findIndex((t=>t===e))+1,i=o[t]||"";return[""===i?"":n,i]}return[n,"desc"]}function d(t,e=2){if(!+t)return"0 Bytes";const n=e<0?0:e,o=Math.floor(Math.log(t)/Math.log(1024));return`${parseFloat((t/Math.pow(1024,o)).toFixed(n))} ${["B","KB","MB","GB","TB","PB","EB","ZB","YB"][o]}`}function p(t,e,n){return t<e?e:t>n?n:t}const m=(t,e,n)=>{if(n>=t.length){let e=n-t.length+1;for(;e--;)t.push(void 0)}return t.splice(n,0,t.splice(e,1)[0]),t};export{r as animate,m as arrayMove,p as clamp,l as exitFullScreen,d as formatBytes,c as formatNumber,i as formatOption,g as formatTime,f as fullScreen,u as getFileType,h as getNextSorter,n as getPointPosition,e as getPosition,a as getSuffixByUrl,s as renderNode};
+//# sourceMappingURL=utils.js.map

package/lib/js/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../packages/js/utils.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport { ReactNode } from \"react\";\nimport { Root, createRoot } from \"react-dom/client\";\nimport type { TOption, TOptions, TRelativeOptions } from \"../type\";\n\ntype TComputePosition = {\n\tcontainerSize: number;\n\ttargetSize: number;\n\ttargetOffset: number;\n\tcontentSize: number;\n\tgap: number;\n\talign?: \"start\" | \"center\" | \"end\";\n};\n\nexport function getPosition(\n\t$source?: HTMLElement | null,\n\t$popup?: HTMLElement | null,\n\toptions: TRelativeOptions = {}\n): [\n\tx: number,\n\ty: number,\n\tz: {\n\t\tarrowX: number;\n\t\tarrowY: number;\n\t\tarrowPos: string;\n\t}\n] {\n\tconst { refWindow, gap = 0, offset = 0, position = \"top\", align } = options;\n\n\tif (!$source || !$popup)\n\t\treturn [\n\t\t\t0,\n\t\t\t0,\n\t\t\t{\n\t\t\t\tarrowX: 0,\n\t\t\t\tarrowY: 0,\n\t\t\t\tarrowPos: \"bottom\",\n\t\t\t},\n\t\t];\n\n\tconst rectT = $source.getBoundingClientRect();\n\tconst rectC = $popup.getBoundingClientRect();\n\n\tlet w = window.innerWidth;\n\tlet h = window.innerHeight;\n\tlet {\n\t\tleft: tl,\n\t\ttop: tt,\n\t\tright: tr,\n\t\tbottom: tb,\n\t\twidth: tw,\n\t\theight: th,\n\t} = rectT;\n\tconst { height: ch, width: cw } = rectC;\n\n\tif (!refWindow) {\n\t\tconst rectPa = $source.offsetParent?.getBoundingClientRect();\n\n\t\tw = rectPa?.width || w;\n\t\th = rectPa?.height || h;\n\t\ttl = $source.offsetLeft;\n\t\ttt = $source.offsetTop;\n\t\ttr = tl + rectT.width;\n\t\ttb = tt + rectT.height;\n\t}\n\n\tlet y = 0;\n\tlet x = 0;\n\tlet arrowX = 0;\n\tlet arrowY = 0;\n\tlet arrowPos = \"bottom\";\n\n\tswitch (position) {\n\t\tcase \"left\":\n\t\tcase \"right\":\n\t\t\ty =\n\t\t\t\tth !== ch\n\t\t\t\t\t? computePosition({\n\t\t\t\t\t\t\tcontainerSize: h,\n\t\t\t\t\t\t\ttargetSize: th,\n\t\t\t\t\t\t\ttargetOffset: tt,\n\t\t\t\t\t\t\tcontentSize: ch,\n\t\t\t\t\t\t\tgap,\n\t\t\t\t\t\t\talign,\n\t\t\t\t\t  })\n\t\t\t\t\t: tt;\n\t\t\tarrowY = y < tt ? tt - y + th / 2 : th / 2;\n\n\t\t\tconst xl = tl - offset - cw;\n\t\t\tconst xr = tr + offset + cw;\n\n\t\t\tif (position === \"left\") {\n\t\t\t\tconst R = xl < 0 && xr <= w;\n\t\t\t\tx = R ? tr + offset : xl;\n\t\t\t\tarrowX = R ? 0 : cw;\n\t\t\t\tarrowPos = R ? \"left\" : \"right\";\n\t\t\t} else {\n\t\t\t\tconst R = w > xr || xl < 0;\n\t\t\t\tx = R ? tr + offset : xl;\n\t\t\t\tarrowX = R ? 0 : cw;\n\t\t\t\tarrowPos = R ? \"left\" : \"right\";\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase \"top\":\n\t\tcase \"bottom\":\n\t\t\tx =\n\t\t\t\ttw !== cw\n\t\t\t\t\t? computePosition({\n\t\t\t\t\t\t\tcontainerSize: w,\n\t\t\t\t\t\t\ttargetOffset: tl,\n\t\t\t\t\t\t\ttargetSize: tw,\n\t\t\t\t\t\t\tcontentSize: cw,\n\t\t\t\t\t\t\tgap,\n\t\t\t\t\t\t\talign,\n\t\t\t\t\t  })\n\t\t\t\t\t: tl;\n\t\t\tarrowX = x > tl ? cw / 2 : tl - x + tw / 2;\n\n\t\t\tconst yt = tt - offset - ch;\n\t\t\tconst yb = tb + offset + ch;\n\t\t\tif (position === \"top\") {\n\t\t\t\tconst T = yt < 0 && yb <= h;\n\t\t\t\ty = T ? tb + offset : yt;\n\t\t\t\tarrowY = T ? 0 : ch;\n\t\t\t\tarrowPos = T ? \"top\" : \"bottom\";\n\t\t\t} else {\n\t\t\t\tconst B = h > yb || yt < 0;\n\t\t\t\ty = B ? tb + offset : yt;\n\t\t\t\tarrowY = B ? 0 : ch;\n\t\t\t\tarrowPos = B ? \"top\" : \"bottom\";\n\t\t\t}\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\n\treturn [\n\t\tx,\n\t\ty,\n\t\t{\n\t\t\tarrowX,\n\t\t\tarrowY,\n\t\t\tarrowPos,\n\t\t},\n\t];\n}\n\nexport function getPointPosition(e: MouseEvent, content: HTMLElement) {\n\tconst { width: w, height: h } = content.getBoundingClientRect();\n\tconst parent = content.offsetParent;\n\tlet pw,\n\t\tph,\n\t\tpl = 0,\n\t\tpt = 0;\n\n\tif (parent) {\n\t\tconst {\n\t\t\twidth: ow,\n\t\t\theight: oh,\n\t\t\tleft: ol,\n\t\t\ttop: ot,\n\t\t} = parent.getBoundingClientRect();\n\t\tconst st = parent.scrollTop ?? 0;\n\n\t\tpw = ow;\n\t\tph = oh;\n\t\tpt = ot - st;\n\t\tpl = ol;\n\t} else {\n\t\tpw = window.innerWidth;\n\t\tph = window.innerHeight;\n\t}\n\tconst x = e.pageX - pl;\n\tconst y = e.pageY - pt;\n\n\tconst left = x + w >= pw ? (x - w > 0 ? x - w : x) : x;\n\tconst top = y + h >= ph ? (y - h > 0 ? y - h : y) : y;\n\n\treturn [left, top];\n}\n\nfunction computePosition({\n\tcontainerSize,\n\ttargetSize,\n\ttargetOffset,\n\tcontentSize,\n\tgap,\n\talign = \"center\",\n}: TComputePosition) {\n\tconst centerPoint = targetOffset + targetSize / 2;\n\n\tswitch (align) {\n\t\tcase \"start\":\n\t\t\treturn targetOffset + contentSize > containerSize\n\t\t\t\t? containerSize - contentSize - gap\n\t\t\t\t: targetOffset;\n\t\tcase \"center\":\n\t\t\tif (targetSize >= contentSize) {\n\t\t\t\treturn centerPoint - contentSize / 2;\n\t\t\t}\n\n\t\t\tif (centerPoint + contentSize / 2 + gap > containerSize) {\n\t\t\t\treturn targetOffset + targetSize - contentSize;\n\t\t\t}\n\n\t\t\tif (centerPoint - contentSize / 2 - gap < 0) {\n\t\t\t\treturn gap;\n\t\t\t}\n\n\t\t\treturn centerPoint - contentSize / 2;\n\t\tcase \"end\":\n\t\t\tconst result = targetOffset + targetSize - contentSize;\n\t\t\treturn result > 0 ? result : gap;\n\t\tdefault:\n\t\t\treturn centerPoint - contentSize / 2;\n\t}\n}\n\nexport function formatOption(options: TOptions): TOption[] {\n\treturn options.map((option) =>\n\t\t[\"string\", \"number\"].includes(typeof option)\n\t\t\t? { label: option, value: option }\n\t\t\t: option\n\t) as TOption[];\n}\n\nexport function animate(\n\tfrom: number,\n\tto: number,\n\tduration: number = 1000,\n\tcallback?: (v: number) => void,\n\teasing: (t: number) => number = (t) => 1 - Math.pow(1 - t, 4)\n) {\n\tconst start = performance.now();\n\tconst diff = to - from;\n\tlet raf = requestAnimationFrame(loop);\n\n\tfunction loop() {\n\t\traf = requestAnimationFrame(loop);\n\n\t\tconst past = performance.now() - start;\n\t\tlet percent = past / duration;\n\n\t\tif (percent >= 1) {\n\t\t\tpercent = 1;\n\t\t\tcancelAnimationFrame(raf);\n\t\t}\n\n\t\tconst pass = diff * easing(percent);\n\t\tcallback?.(pass);\n\t}\n}\n\nexport function formatNumber(\n\tvalue: number,\n\toptions: {\n\t\tprecision?: number;\n\t\tthousand?: string;\n\t} = {}\n) {\n\tconst { precision, thousand } = options;\n\n\tconst result = value.toFixed(precision);\n\n\tif (!thousand) return result;\n\n\tconst points = result.split(\".\");\n\tconst integer = points[0].replace(\n\t\t/\\d{1,3}(?=(\\d{3})+(\\.\\d*)?$)/g,\n\t\t`$&${thousand}`\n\t);\n\n\tif (points.length === 1) return integer;\n\n\treturn `${integer}.${points[1]}`;\n}\n\nexport function renderNode(node: ReactNode, container = document.body) {\n\tconst div: HTMLDivElement | null = document.createElement(\"div\");\n\tcontainer.append(div);\n\n\tconst root: Root | null = createRoot(div);\n\tconst sto = setTimeout(() => {\n\t\troot?.render(node);\n\t}, 0);\n\n\treturn () => {\n\t\tdiv?.remove();\n\t\troot?.unmount();\n\t\tsto && clearTimeout(sto);\n\t};\n}\n\nexport function getSuffixByUrl(url: string) {\n\treturn url.match(/\\.([^\\./\\?]+)($|\\?)/)?.[1];\n}\n\nexport function getFileType(suffix: string, type?: string) {\n\tswitch (true) {\n\t\tcase [\"jpg\", \"jpeg\", \"png\", \"webp\", \"svg\"].includes(suffix) ||\n\t\t\ttype?.startsWith(\"image/\"):\n\t\t\treturn \"IMAGE\";\n\t\tcase [\"mp4\", \"avi\"].includes(suffix) || type?.startsWith(\"video/\"):\n\t\t\treturn \"VIDEO\";\n\t\tdefault:\n\t\t\treturn \"UNKNOWN\";\n\t}\n}\n\nexport function fullScreen(el: HTMLElement) {\n\tel.requestFullscreen?.();\n}\n\nexport function exitFullScreen() {\n\tdocument.exitFullscreen?.();\n}\n\nexport function formatTime(\n\ttime: number,\n\toptions?: {\n\t\tzero?: boolean;\n\t\tunits?: string[];\n\t}\n) {\n\tconst result: string[] = [];\n\tconst { zero = true, units = [\"\", \":\", \":\"] } = options || {};\n\n\tconst l = units.length;\n\tlet i = 0;\n\n\twhile (i < l) {\n\t\tif (time <= 0 && i > 1) break;\n\n\t\tconst n = Math.round(time % 60);\n\n\t\ttime = Math.floor(time / 60);\n\n\t\tresult.unshift((zero && n < 10 ? `0${n}` : n) + units[i++]);\n\t}\n\n\treturn result.join(\"\");\n}\n\nexport function getNextSorter(\n\tprevSortBy: string,\n\tprevSortType: string,\n\tsortBy: string\n): [sortBy: string, sortType: string] {\n\tconst types = [\"desc\", \"asc\"];\n\n\tif (prevSortBy === sortBy) {\n\t\tconst i = types.findIndex((t) => t === prevSortType) + 1;\n\t\tconst type = types[i] || \"\";\n\t\tconst by = type === \"\" ? \"\" : sortBy;\n\n\t\treturn [by, type];\n\t}\n\n\treturn [sortBy, \"desc\"];\n}\n\nexport function formatBytes(bytes: number, decimals = 2) {\n\tif (!+bytes) return \"0 Bytes\";\n\n\tconst k = 1024;\n\tconst dm = decimals < 0 ? 0 : decimals;\n\tconst sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\n\treturn `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n\nexport function clamp(value: number, min: number, max: number) {\n\treturn value < min ? min : value > max ? max : value;\n}\n\nexport const arrayMove = (array, fromIndex: number, toIndex: number) => {\n\tif (toIndex >= array.length) {\n\t\tlet k = toIndex - array.length + 1;\n\t\twhile (k--) {\n\t\t\tarray.push(undefined);\n\t\t}\n\t}\n\tarray.splice(toIndex, 0, array.splice(fromIndex, 1)[0]);\n\treturn array;\n};\n"],"names":["getPosition","$source","$popup","options","refWindow","gap","offset","position","align","arrowX","arrowY","arrowPos","rectT","getBoundingClientRect","rectC","w","window","innerWidth","h","innerHeight","left","tl","top","tt","right","tr","bottom","tb","width","tw","height","th","ch","cw","rectPa","offsetParent","offsetLeft","offsetTop","y","x","computePosition","containerSize","targetSize","targetOffset","contentSize","xl","xr","R","yt","yb","T","B","getPointPosition","e","content","parent","pw","ph","pl","pt","ow","oh","ol","ot","scrollTop","pageX","pageY","centerPoint","result","formatOption","map","option","includes","label","value","animate","from","to","duration","callback","easing","t","Math","pow","start","performance","now","diff","raf","requestAnimationFrame","loop","percent","cancelAnimationFrame","pass","formatNumber","precision","thousand","toFixed","points","split","integer","replace","length","renderNode","node","container","document","body","div","createElement","append","root","createRoot","sto","setTimeout","render","remove","unmount","clearTimeout","getSuffixByUrl","url","match","getFileType","suffix","type","startsWith","fullScreen","el","requestFullscreen","exitFullScreen","exitFullscreen","formatTime","time","zero","units","l","i","n","round","floor","unshift","join","getNextSorter","prevSortBy","prevSortType","sortBy","types","findIndex","formatBytes","bytes","decimals","dm","log","parseFloat","clamp","min","max","arrayMove","array","fromIndex","toIndex","k","push","undefined","splice"],"mappings":"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"}

package/lib/types/components/affix/affix.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import ToTop from './totop.js';
+import { IAffix } from './type.js';
+
+declare const Affix: {
+    (props: IAffix): react_jsx_runtime.JSX.Element;
+    ToTop: typeof ToTop;
+};
+
+export { Affix as default };

package/lib/types/components/affix/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Affix from './affix.js';
+
+
+
+export { Affix as default };

package/lib/types/components/affix/totop.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IAffix } from './type.js';
+
+declare function ToTop(props: IAffix): react_jsx_runtime.JSX.Element;
+
+export { ToTop as default };

package/lib/types/components/affix/type.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+
+import { HTMLAttributes } from 'react';
+
+interface IAffix extends HTMLAttributes<HTMLElement> {
+    position?: "fixed" | "absolute" | "sticky" | "static";
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    offset?: number;
+    getContainer?: () => HTMLElement | null;
+}
+
+export type { IAffix };

package/lib/types/components/badge/badge.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IBadge } from './type.js';
+
+declare const Badge: (props: IBadge) => react_jsx_runtime.JSX.Element;
+
+export { Badge as default };

package/lib/types/components/badge/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Badge from './badge.js';
+
+
+
+export { Badge as default };

package/lib/types/components/badge/type.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+
+import { ReactNode, CSSProperties } from 'react';
+
+interface IBadge {
+    content?: ReactNode;
+    contentClass?: string;
+    dot?: boolean;
+    dotSize?: string | number;
+    round?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+
+export type { IBadge };

package/lib/types/components/button/button.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import { CompositionButton } from './type.js';
+
+declare const _default: CompositionButton;
+
+export { _default as default };

package/lib/types/components/button/group.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IButtonGroup } from './type.js';
+
+declare function Group(props: IButtonGroup): react_jsx_runtime.JSX.Element;
+
+export { Group as default };

package/lib/types/components/button/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import _default from './button.js';
+
+
+
+export { _default as default };

package/lib/types/components/button/toggle.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IButtonToggle } from './type.js';
+
+declare function Toggle(props: IButtonToggle): react_jsx_runtime.JSX.Element;
+
+export { Toggle as default };

package/lib/types/components/button/type.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+
+import { ForwardRefExoticComponent, RefAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, CSSProperties, RefObject } from 'react';
+import { LinkProps } from '/Users/iann/codes/ioca-react/node_modules/react-router/dist/development/index.d.ts';
+import Group from './group.js';
+import Toggle from './toggle.js';
+
+interface BaseButtonProps {
+    as?: "a" | "button" | ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+    ref?: RefObject<HTMLElement | null>;
+    children?: ReactNode | string;
+    className?: string;
+    loading?: boolean;
+    flat?: boolean;
+    outline?: boolean;
+    square?: boolean;
+    size?: "mini" | "small" | "normal" | "large" | "extreme";
+    disabled?: boolean;
+    block?: boolean;
+    round?: boolean;
+    ripple?: boolean;
+    secondary?: boolean;
+}
+interface IButton extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLElement>, "type" | "onToggle">, Omit<AnchorHTMLAttributes<HTMLElement>, "onToggle"> {
+}
+interface IButtonToggle extends IButton {
+    active?: boolean;
+    activeClass?: string;
+    after?: ReactNode;
+    disabled?: boolean;
+    toggable?: () => boolean | Promise<boolean>;
+    onToggle?: (active: boolean) => void;
+}
+interface IButtonGroup {
+    children?: ReactNode;
+    vertical?: boolean;
+    buttonProps?: IButton;
+    className?: string;
+    style?: CSSProperties;
+}
+interface CompositionButton extends ForwardRefExoticComponent<IButton & RefAttributes<HTMLElement>> {
+    Toggle: typeof Toggle;
+    Group: typeof Group;
+}
+
+export type { CompositionButton, IButton, IButtonGroup, IButtonToggle };

package/lib/types/components/card/card.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ICard } from './type.js';
+
+declare const Card: (props: ICard) => react_jsx_runtime.JSX.Element;
+
+export { Card as default };

package/lib/types/components/card/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Card from './card.js';
+
+
+
+export { Card as default };

package/lib/types/components/card/type.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, CSSProperties, ReactNode } from 'react';
+
+interface ICard extends HTMLAttributes<HTMLDivElement> {
+    hideShadow?: boolean;
+    border?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+}
+
+export type { ICard };

package/lib/types/components/checkbox/checkbox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import CheckboxItem from './item.js';
+import { ICheckbox } from './type.js';
+
+declare function Checkbox(props: ICheckbox): react_jsx_runtime.JSX.Element;
+declare namespace Checkbox {
+    var Item: typeof CheckboxItem;
+}
+
+export { Checkbox as default };

package/lib/types/components/checkbox/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Checkbox from './checkbox.js';
+
+
+
+export { Checkbox as default };

package/lib/types/components/checkbox/item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ICheckboxItem } from './type.js';
+
+declare function CheckboxItem(props: ICheckboxItem): react_jsx_runtime.JSX.Element;
+
+export { CheckboxItem as default };

package/lib/types/components/checkbox/type.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+
+import { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
+import { TValidate, TOption } from '../../type/index.js';
+
+type TRenderCheckboxItem = (checked: boolean, value: any) => ReactNode;
+interface ICheckbox extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange">, TValidate {
+    label?: ReactNode;
+    options: TOption[] | (string | number)[];
+    type?: "default" | "switch" | "button";
+    optionInline?: boolean;
+    labelInline?: boolean;
+    renderItem?: TRenderCheckboxItem;
+    onChange?: (value: any[], option: TOption, e: ChangeEvent<HTMLInputElement>) => void;
+}
+interface ICheckboxItem extends Omit<InputHTMLAttributes<HTMLElement>, "value" | "children" | "onChange">, TValidate {
+    type?: "default" | "switch" | "button";
+    label?: ReactNode;
+    value?: boolean;
+    optionValue?: any;
+    partof?: boolean;
+    children?: ReactNode | TRenderCheckboxItem;
+    onChange?: (value: boolean, e: ChangeEvent<HTMLInputElement>) => void;
+}
+
+export type { ICheckbox, ICheckboxItem };

package/lib/types/components/collapse/collapse.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Item from './item.js';
+import { ICollapse } from './type.js';
+
+declare const Collapse: {
+    (props: ICollapse): react_jsx_runtime.JSX.Element;
+    Item: typeof Item;
+};
+
+export { Collapse as default };

package/lib/types/components/collapse/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Collapse from './collapse.js';
+
+
+
+export { Collapse as default };

package/lib/types/components/collapse/item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ICollapseItem } from './type.js';
+
+declare function Item(props: ICollapseItem): react_jsx_runtime.JSX.Element;
+
+export { Item as default };

package/lib/types/components/collapse/type.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
+
+type TKey = string | number;
+interface ICollapse extends HTMLAttributes<HTMLDivElement> {
+    active?: TKey | TKey[];
+    items?: ICollapseItem[];
+    multiple?: boolean;
+    border?: boolean;
+    headerClickable?: boolean;
+    renderToggle?: (active: boolean) => ReactNode;
+    onCollapse?: (key: TKey, active: boolean) => void;
+}
+interface ICollapseItem {
+    key?: TKey;
+    title?: ReactNode;
+    content?: ReactNode;
+    disabled?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export type { ICollapse, ICollapseItem, TKey };

package/lib/types/components/datagrid/datagrid.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IDatagrid } from './type.js';
+
+declare const Datagrid: (props: IDatagrid) => react_jsx_runtime.JSX.Element;
+
+export { Datagrid as default };

package/lib/types/components/datagrid/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Datagrid from './datagrid.js';
+
+
+
+export { Datagrid as default };

package/lib/types/components/datagrid/type.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+
+import { ReactNode, CSSProperties, MouseEvent } from 'react';
+
+type IData = Record<string, any>;
+interface IColumn {
+    id: string;
+    title?: ReactNode;
+    sorter?: boolean;
+    justify?: string;
+    rowSpan?: number;
+    colSpan?: number;
+    width?: string;
+    fixed?: "left" | "right";
+    render?: (value?: any, data?: IData, index?: number) => ReactNode;
+    renderHeader?: (column?: IColumn, index?: number) => ReactNode;
+}
+interface IDatagrid {
+    data: IData[];
+    columns?: IColumn[];
+    border?: boolean;
+    striped?: boolean;
+    header?: boolean;
+    resizable?: boolean;
+    loading?: boolean;
+    empty?: ReactNode;
+    cellPadding?: string | number;
+    cellEllipsis?: boolean;
+    height?: number | string;
+    style?: CSSProperties;
+    className?: string;
+    renderLoading?: () => ReactNode;
+    onRowClick?: (data?: IData, row?: number) => void;
+    onCellClick?: (data?: IData, column?: IColumn, row?: number, col?: number, e?: MouseEvent) => void;
+    onCellDoubleClick?: (data?: IData, column?: IColumn, row?: number, col?: number, e?: MouseEvent) => void;
+    onHeaderClick?: (column?: IColumn, e?: MouseEvent) => void;
+    onSort?: (sortBy: string, sortType: string) => void;
+    onScroll?: (e: MouseEvent) => void;
+    onResize?: (column?: IColumn, width?: number) => void;
+}
+
+export type { IColumn, IData, IDatagrid };

package/lib/types/components/description/description.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IDescription } from './type.js';
+
+declare const Description: (props: IDescription) => react_jsx_runtime.JSX.Element;
+
+export { Description as default };

package/lib/types/components/description/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Description from './description.js';
+
+
+
+export { Description as default };

package/lib/types/components/description/type.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+
+import { ReactNode, CSSProperties } from 'react';
+
+type IData = {
+    label: ReactNode;
+    value: ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+    hidden?: boolean;
+    style?: CSSProperties;
+};
+interface IDescription {
+    data: IData[];
+    align?: string;
+    colon?: ReactNode;
+    gap?: string | number;
+    equally?: boolean;
+    columns?: number;
+    vertical?: boolean;
+    labelWidth?: string | number;
+    labelAlign?: "left" | "right" | "center" | "justify";
+    style?: CSSProperties;
+    className?: string;
+}
+
+export type { IDescription };

package/lib/types/components/drawer/drawer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import { IDrawer } from './type.js';
+
+declare function Drawer(props: IDrawer): any;
+
+export { Drawer as default };

package/lib/types/components/drawer/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Drawer from './drawer.js';
+
+
+
+export { Drawer as default };