@ioca/react 1.4.77 → 1.4.79

package/lib/cjs/components/utils/helpericon/helpericon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpericon.cjs","names":[],"sources":["../../../../../packages/components/utils/helpericon/helpericon.tsx"],"sourcesContent":["import { CloseRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { uid } from \"radash\";\nimport { createElement } from \"react\";\nimport Icon from \"../../icon\";\nimport \"./index.css\";\nimport { IHelperIcon } from \"./type\";\n\nconst Helpericon = (props: IHelperIcon) => {\n\tconst {\n\t\tas = \"a\",\n\t\tactive,\n\t\tclassName,\n\t\ticon = <CloseRound />,\n\t\t...restProps\n\t} = props;\n\n\tif (!active) return <></>;\n\n\treturn createElement(\n\t\tas,\n\t\t{\n\t\t\tclassName: classNames(\"i-helpericon\", className),\n\t\t\t...restProps,\n\t\t},\n\t\t[\n\t\t\tcreateElement(Icon, {\n\t\t\t\tkey: uid(3),\n\t\t\t\ticon,\n\t\t\t}),\n\t\t]\n\t);\n};\n\nexport default Helpericon;\n"],"mappings":";;;;;;;;;;CAQA,MAAM,EACL,KAAM,KACL,QACA,WACA,OAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,YAAA,EAAS,CAAA,EACT,GAAA,cACG;;iCAKJ,IACC;EACA,YAAA,GAAA,WAAA,SAAA,gBAAA,UAAA;EACC,GAAA;EACA,EACD,EAAA,GAAA,MAAA,eACA,cAAA,SAAA;EACC,MAAA,GAAA,qGAAA,KAAA,EAAA;EACC;EACA,CAAA,CACD,CACD"}

package/lib/cjs/components/utils/helpericon/index.cjs

@@ -0,0 +1,6 @@
+//#region packages/components/utils/helpericon/index.tsx
+var helpericon_default = require("./helpericon.cjs").default;
+//#endregion
+exports.default = helpericon_default;
+
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/utils/helpericon/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Helpericon"],"sources":["../../../../../packages/components/utils/helpericon/index.tsx"],"sourcesContent":["import Helpericon from \"./helpericon\";\n\nexport default Helpericon;\n"],"mappings":";AAEA,IAAA,iDAAeA"}

package/lib/cjs/components/video/index.cjs

@@ -0,0 +1,6 @@
+//#region packages/components/video/index.tsx
+var video_default = require("./video.cjs").default;
+//#endregion
+exports.default = video_default;
+
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/video/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Video"],"sources":["../../../../packages/components/video/index.tsx"],"sourcesContent":["import Video from \"./video\";\n\nexport default Video;\n"],"mappings":";AAEA,IAAA,uCAAeA"}

package/lib/cjs/components/video/video.cjs

@@ -0,0 +1,237 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_hooks = require("../../js/hooks.cjs");
+const require_index = require("../button/index.cjs");
+const require_index$1 = require("../icon/index.cjs");
+const require_utils = require("../../js/utils.cjs");
+const require_index$2 = require("../text/index.cjs");
+const require_index$3 = require("../progress/index.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
+let react = require("react");
+let _ricons_material = require("@ricons/material");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/video/video.tsx
+const Video = (props) => {
+	const { ref, style, hideControls, autoplay, muted, volume = 50, height, width, useOriginControls, timeProgressProps = { barClass: "bg-blue" }, volumeProgressProps = { barClass: "bg-blue" }, className, onFullScreenChange, ...restProps } = props;
+	const state = require_hooks.useReactive({
+		playing: autoplay,
+		volume: muted ? 0 : volume,
+		volumeCache: 0,
+		muted,
+		current: 0,
+		duration: 0,
+		isFullscreen: false,
+		controlHidden: true,
+		draggingProgress: false
+	});
+	const videoRef = (0, react.useRef)(null);
+	const hiddenTO = (0, react.useRef)(null);
+	const timeUpdateListener = (e) => {
+		const tar = e.target;
+		if (tar.paused || state.draggingProgress) return;
+		Object.assign(state, { current: tar.currentTime });
+	};
+	const playChangeListener = (e) => {
+		state.playing = !e.target.paused;
+	};
+	const fsChangeListener = () => {
+		if (typeof document === "undefined") return;
+		const tar = videoRef.current?.parentElement;
+		if (!tar) return;
+		state.isFullscreen = document.fullscreenElement === tar;
+	};
+	const volumeChangeListener = (e) => {
+		const tar = e.target;
+		Object.assign(state, {
+			volume: tar.volume * 100,
+			muted: tar.volume === 0
+		});
+	};
+	const handlePlay = () => {
+		const v = videoRef.current;
+		if (!v) return;
+		v.paused ? v.play() : v.pause();
+	};
+	const handleReady = (e) => {
+		const tar = e.target;
+		Object.assign(state, {
+			duration: tar.duration,
+			current: tar.currentTime
+		});
+		tar.volume = state.volume / 100;
+	};
+	const handleMuted = () => {
+		const v = videoRef.current;
+		if (!v) return;
+		if (v.volume > 0) {
+			state.volumeCache = v.volume;
+			v.volume = 0;
+			return;
+		}
+		v.volume = state.volumeCache === 0 ? .5 : state.volumeCache;
+	};
+	const handleStop = () => {
+		const v = videoRef.current;
+		if (!v) return;
+		v.currentTime = 0;
+		v.pause();
+	};
+	const handleFullscreen = () => {
+		const tar = videoRef.current?.parentElement;
+		if (!tar) return;
+		state.isFullscreen ? require_utils.exitFullScreen() : require_utils.fullScreen(tar);
+		onFullScreenChange?.(!state.isFullscreen);
+	};
+	const handleUpdateTime = (t) => {
+		const v = videoRef.current;
+		if (!v) return;
+		v.currentTime = state.duration * t / 100;
+	};
+	const handleUpdateVolume = (t) => {
+		const v = videoRef.current;
+		if (!v) return;
+		v.volume = t / 100;
+	};
+	const showControls = !hideControls && !useOriginControls;
+	const clearHiddenTO = () => {
+		if (!hiddenTO.current) return;
+		clearTimeout(hiddenTO.current);
+		hiddenTO.current = null;
+	};
+	const setHiddenFalse = () => {
+		if (!showControls || !state.controlHidden) return;
+		state.controlHidden = false;
+		clearHiddenTO();
+		hiddenTO.current = setTimeout(() => {
+			state.controlHidden = true;
+		}, 1e3);
+	};
+	const handleDraggingProgress = (dragging) => {
+		state.draggingProgress = dragging;
+	};
+	const handleMouseMove = (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.throttle)({ interval: 900 }, setHiddenFalse);
+	(0, react.useImperativeHandle)(ref, () => ({
+		play: () => {
+			const v = videoRef.current;
+			if (!v) return;
+			v.play();
+		},
+		pause: () => {
+			const v = videoRef.current;
+			if (!v) return;
+			v.pause();
+		},
+		stop: handleStop,
+		fullscreen: handleFullscreen,
+		getVideo: () => videoRef.current
+	}));
+	(0, react.useEffect)(() => {
+		if (typeof document === "undefined") return;
+		const v = videoRef.current;
+		if (!v) return;
+		v.addEventListener("timeupdate", timeUpdateListener);
+		v.addEventListener("play", playChangeListener);
+		v.addEventListener("pause", playChangeListener);
+		v.addEventListener("volumechange", volumeChangeListener);
+		document.addEventListener("fullscreenchange", fsChangeListener);
+		return () => {
+			clearHiddenTO();
+			v.removeEventListener("timeupdate", timeUpdateListener);
+			v.removeEventListener("play", playChangeListener);
+			v.removeEventListener("pause", playChangeListener);
+			v.removeEventListener("volumechange", volumeChangeListener);
+			document.removeEventListener("fullscreenchange", fsChangeListener);
+		};
+	}, []);
+	const currentValue = state.current / state.duration * 100;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("i-video", className),
+		style: {
+			height,
+			width,
+			...style
+		},
+		onClick: handlePlay,
+		onDoubleClick: () => handleFullscreen(),
+		onMouseMove: handleMouseMove,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
+			ref: videoRef,
+			onCanPlay: handleReady,
+			...restProps,
+			controls: useOriginControls
+		}), showControls && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, classnames.default)("i-video-controls", { "i-video-controls-hidden": state.controlHidden }),
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default.Toggle, {
+					className: "i-video-btn",
+					flat: true,
+					square: true,
+					after: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.PauseRound, {}) }),
+					active: state.playing,
+					onClick: handlePlay,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.PlayArrowRound, {}) })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+					className: "i-video-btn",
+					flat: true,
+					square: true,
+					onClick: handleStop,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.StopRound, {}) })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "i-video-times font-sm",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default.Time, { seconds: state.current }),
+						" /",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default.Time, { seconds: state.duration })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.default, {
+					...timeProgressProps,
+					value: currentValue,
+					onChange: handleUpdateTime,
+					onDraggingChange: handleDraggingProgress
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "i-video-control-volume",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default.Toggle, {
+						className: "i-video-btn",
+						flat: true,
+						square: true,
+						active: state.volume <= 0,
+						after: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
+							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.VolumeOffRound, {}),
+							style: { padding: ".125em" }
+						}),
+						onClick: handleMuted,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.VolumeDownRound, {}) })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "i-video-volume",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.default, {
+							style: { height: 100 },
+							vertical: true,
+							...volumeProgressProps,
+							value: state.volume,
+							onChange: handleUpdateVolume
+						})
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default.Toggle, {
+					className: "i-video-btn",
+					flat: true,
+					square: true,
+					after: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.FullscreenExitRound, {}) }),
+					active: state.isFullscreen,
+					onClick: () => handleFullscreen(),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.FullscreenRound, {}) })
+				})
+			]
+		})]
+	});
+};
+//#endregion
+exports.default = Video;
+
+//# sourceMappingURL=video.cjs.map

package/lib/cjs/components/video/video.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.cjs","names":[],"sources":["../../../../packages/components/video/video.tsx"],"sourcesContent":["import {\n\tFullscreenExitRound,\n\tFullscreenRound,\n\tPauseRound,\n\tPlayArrowRound,\n\tStopRound,\n\tVolumeDownRound,\n\tVolumeOffRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { throttle } from \"radash\";\nimport { useEffect, useImperativeHandle, useRef } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport { exitFullScreen, fullScreen } from \"../../js/utils\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport Progress from \"../progress\";\nimport Text from \"../text\";\nimport \"./index.css\";\nimport { IVideo } from \"./type\";\n\nconst Video = (props: IVideo) => {\n\tconst {\n\t\tref,\n\t\tstyle,\n\t\thideControls,\n\t\tautoplay,\n\t\tmuted,\n\t\tvolume = 50,\n\t\theight,\n\t\twidth,\n\t\tuseOriginControls,\n\t\ttimeProgressProps = {\n\t\t\tbarClass: \"bg-blue\",\n\t\t},\n\t\tvolumeProgressProps = {\n\t\t\tbarClass: \"bg-blue\",\n\t\t},\n\t\tclassName,\n\t\tonFullScreenChange,\n\t\t...restProps\n\t} = props;\n\tconst state = useReactive({\n\t\tplaying: autoplay,\n\t\tvolume: muted ? 0 : volume,\n\t\tvolumeCache: 0,\n\t\tmuted,\n\t\tcurrent: 0,\n\t\tduration: 0,\n\t\tisFullscreen: false,\n\t\tcontrolHidden: true,\n\t\tdraggingProgress: false,\n\t});\n\tconst videoRef = useRef<HTMLVideoElement>(null);\n\tconst hiddenTO = useRef<any>(null);\n\n\tconst timeUpdateListener = (e) => {\n\t\tconst tar = e.target;\n\t\tif (tar.paused || state.draggingProgress) return;\n\n\t\tObject.assign(state, {\n\t\t\tcurrent: tar.currentTime,\n\t\t});\n\t};\n\n\tconst playChangeListener = (e) => {\n\t\tstate.playing = !e.target.paused;\n\t};\n\n\tconst fsChangeListener = () => {\n\t\tif (typeof document === \"undefined\") return;\n\t\tconst tar = videoRef.current?.parentElement;\n\t\tif (!tar) return;\n\n\t\tstate.isFullscreen = document.fullscreenElement === tar;\n\t};\n\n\tconst volumeChangeListener = (e) => {\n\t\tconst tar = e.target;\n\t\tObject.assign(state, {\n\t\t\tvolume: tar.volume * 100,\n\t\t\tmuted: tar.volume === 0,\n\t\t});\n\t};\n\n\tconst handlePlay = () => {\n\t\tconst v = videoRef.current;\n\t\tif (!v) return;\n\n\t\tv.paused ? v.play() : v.pause();\n\t};\n\n\tconst handleReady = (e) => {\n\t\tconst tar = e.target;\n\t\tObject.assign(state, {\n\t\t\tduration: tar.duration,\n\t\t\tcurrent: tar.currentTime,\n\t\t});\n\t\ttar.volume = state.volume / 100;\n\t};\n\n\tconst handleMuted = () => {\n\t\tconst v = videoRef.current;\n\t\tif (!v) return;\n\n\t\tif (v.volume > 0) {\n\t\t\tstate.volumeCache = v.volume;\n\t\t\tv.volume = 0;\n\t\t\treturn;\n\t\t}\n\t\tv.volume = state.volumeCache === 0 ? 0.5 : state.volumeCache;\n\t};\n\n\tconst handleStop = () => {\n\t\tconst v = videoRef.current;\n\t\tif (!v) return;\n\n\t\tv.currentTime = 0;\n\t\tv.pause();\n\t};\n\n\tconst handleFullscreen = () => {\n\t\tconst tar = videoRef.current?.parentElement;\n\t\tif (!tar) return;\n\n\t\tstate.isFullscreen ? exitFullScreen() : fullScreen(tar);\n\t\tonFullScreenChange?.(!state.isFullscreen);\n\t};\n\n\tconst handleUpdateTime = (t) => {\n\t\tconst v = videoRef.current;\n\t\tif (!v) return;\n\n\t\tv.currentTime = (state.duration * t) / 100;\n\t};\n\n\tconst handleUpdateVolume = (t) => {\n\t\tconst v = videoRef.current;\n\t\tif (!v) return;\n\n\t\tv.volume = t / 100;\n\t};\n\n\tconst showControls = !hideControls && !useOriginControls;\n\n\tconst clearHiddenTO = () => {\n\t\tif (!hiddenTO.current) return;\n\t\tclearTimeout(hiddenTO.current);\n\t\thiddenTO.current = null;\n\t};\n\n\tconst setHiddenFalse = () => {\n\t\tif (!showControls || !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 handleDraggingProgress = (dragging) => {\n\t\tstate.draggingProgress = dragging;\n\t};\n\n\tconst handleMouseMove = throttle({ interval: 900 }, setHiddenFalse);\n\n\tuseImperativeHandle(ref, () => ({\n\t\tplay: () => {\n\t\t\tconst v = videoRef.current;\n\t\t\tif (!v) return;\n\n\t\t\tv.play();\n\t\t},\n\t\tpause: () => {\n\t\t\tconst v = videoRef.current;\n\t\t\tif (!v) return;\n\n\t\t\tv.pause();\n\t\t},\n\t\tstop: handleStop,\n\t\tfullscreen: handleFullscreen,\n\t\tgetVideo: () => videoRef.current,\n\t}));\n\n\tuseEffect(() => {\n\t\tif (typeof document === \"undefined\") return;\n\n\t\tconst v = videoRef.current;\n\t\tif (!v) return;\n\n\t\tv.addEventListener(\"timeupdate\", timeUpdateListener);\n\t\tv.addEventListener(\"play\", playChangeListener);\n\t\tv.addEventListener(\"pause\", playChangeListener);\n\t\tv.addEventListener(\"volumechange\", volumeChangeListener);\n\t\tdocument.addEventListener(\"fullscreenchange\", fsChangeListener);\n\n\t\treturn () => {\n\t\t\tclearHiddenTO();\n\t\t\tv.removeEventListener(\"timeupdate\", timeUpdateListener);\n\t\t\tv.removeEventListener(\"play\", playChangeListener);\n\t\t\tv.removeEventListener(\"pause\", playChangeListener);\n\t\t\tv.removeEventListener(\"volumechange\", volumeChangeListener);\n\t\t\tdocument.removeEventListener(\"fullscreenchange\", fsChangeListener);\n\t\t};\n\t}, []);\n\n\tconst currentValue = (state.current / state.duration) * 100;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-video\", className)}\n\t\t\tstyle={{ height, width, ...style }}\n\t\t\tonClick={handlePlay}\n\t\t\tonDoubleClick={() => handleFullscreen()}\n\t\t\tonMouseMove={handleMouseMove}\n\t\t>\n\t\t\t<video\n\t\t\t\tref={videoRef}\n\t\t\t\tonCanPlay={handleReady}\n\t\t\t\t{...restProps}\n\t\t\t\tcontrols={useOriginControls}\n\t\t\t/>\n\n\t\t\t{showControls && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-video-controls\", {\n\t\t\t\t\t\t\"i-video-controls-hidden\": state.controlHidden,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t<Button.Toggle\n\t\t\t\t\t\tclassName='i-video-btn'\n\t\t\t\t\t\tflat\n\t\t\t\t\t\tsquare\n\t\t\t\t\t\tafter={<Icon icon={<PauseRound />} />}\n\t\t\t\t\t\tactive={state.playing}\n\t\t\t\t\t\tonClick={handlePlay}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={<PlayArrowRound />} />\n\t\t\t\t\t</Button.Toggle>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='i-video-btn'\n\t\t\t\t\t\tflat\n\t\t\t\t\t\tsquare\n\t\t\t\t\t\tonClick={handleStop}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={<StopRound />} />\n\t\t\t\t\t</Button>\n\t\t\t\t\t<span className='i-video-times font-sm'>\n\t\t\t\t\t\t<Text.Time seconds={state.current} /> /\n\t\t\t\t\t\t<Text.Time seconds={state.duration} />\n\t\t\t\t\t</span>\n\t\t\t\t\t<Progress\n\t\t\t\t\t\t{...timeProgressProps}\n\t\t\t\t\t\tvalue={currentValue}\n\t\t\t\t\t\tonChange={handleUpdateTime}\n\t\t\t\t\t\tonDraggingChange={handleDraggingProgress}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className='i-video-control-volume'>\n\t\t\t\t\t\t<Button.Toggle\n\t\t\t\t\t\t\tclassName='i-video-btn'\n\t\t\t\t\t\t\tflat\n\t\t\t\t\t\t\tsquare\n\t\t\t\t\t\t\tactive={state.volume <= 0}\n\t\t\t\t\t\t\tafter={\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={<VolumeOffRound />}\n\t\t\t\t\t\t\t\t\tstyle={{ padding: \".125em\" }}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={handleMuted}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon icon={<VolumeDownRound />} />\n\t\t\t\t\t\t</Button.Toggle>\n\n\t\t\t\t\t\t<div className='i-video-volume'>\n\t\t\t\t\t\t\t<Progress\n\t\t\t\t\t\t\t\tstyle={{ height: 100 }}\n\t\t\t\t\t\t\t\tvertical\n\t\t\t\t\t\t\t\t{...volumeProgressProps}\n\t\t\t\t\t\t\t\tvalue={state.volume}\n\t\t\t\t\t\t\t\tonChange={handleUpdateVolume}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Button.Toggle\n\t\t\t\t\t\tclassName='i-video-btn'\n\t\t\t\t\t\tflat\n\t\t\t\t\t\tsquare\n\t\t\t\t\t\tafter={<Icon icon={<FullscreenExitRound />} />}\n\t\t\t\t\t\tactive={state.isFullscreen}\n\t\t\t\t\t\tonClick={() => handleFullscreen()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={<FullscreenRound />} />\n\t\t\t\t\t</Button.Toggle>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Video;\n"],"mappings":"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"}

package/lib/cjs/index.cjs

@@ -0,0 +1,83 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_index = require("./components/loading/index.cjs");
+const require_index$1 = require("./components/button/index.cjs");
+const require_index$2 = require("./components/icon/index.cjs");
+const require_index$3 = require("./components/affix/index.cjs");
+const require_index$4 = require("./components/badge/index.cjs");
+const require_index$5 = require("./components/card/index.cjs");
+const require_index$6 = require("./components/checkbox/index.cjs");
+const require_index$7 = require("./components/collapse/index.cjs");
+const require_index$8 = require("./components/datagrid/index.cjs");
+const require_index$9 = require("./components/description/index.cjs");
+const require_index$10 = require("./components/drawer/index.cjs");
+const require_index$11 = require("./components/list/index.cjs");
+const require_index$12 = require("./components/popup/index.cjs");
+const require_index$13 = require("./components/dropdown/index.cjs");
+const require_index$14 = require("./components/editor/index.cjs");
+const require_index$15 = require("./components/flex/index.cjs");
+const require_index$16 = require("./components/form/index.cjs");
+const require_index$17 = require("./components/text/index.cjs");
+const require_index$18 = require("./components/progress/index.cjs");
+const require_index$19 = require("./components/video/index.cjs");
+const require_index$20 = require("./js/usePreview/index.cjs");
+const require_index$21 = require("./components/image/index.cjs");
+const require_index$22 = require("./components/input/index.cjs");
+const require_index$23 = require("./components/message/index.cjs");
+const require_index$24 = require("./components/modal/index.cjs");
+const require_index$25 = require("./components/pagination/index.cjs");
+const require_index$26 = require("./components/tag/index.cjs");
+const require_index$27 = require("./components/select/index.cjs");
+const require_index$28 = require("./components/picker/colors/index.cjs");
+const require_index$29 = require("./components/picker/dates/index.cjs");
+const require_index$30 = require("./components/picker/time/index.cjs");
+const require_index$31 = require("./components/popconfirm/index.cjs");
+const require_index$32 = require("./components/radio/index.cjs");
+const require_index$33 = require("./components/resizable/index.cjs");
+const require_index$34 = require("./components/river/index.cjs");
+const require_index$35 = require("./components/step/index.cjs");
+const require_index$36 = require("./components/swiper/index.cjs");
+const require_index$37 = require("./components/tabs/index.cjs");
+const require_index$38 = require("./components/tree/index.cjs");
+const require_index$39 = require("./components/upload/index.cjs");
+const require_index$40 = require("./js/useTheme/index.cjs");
+exports.Affix = require_index$3.default;
+exports.Badge = require_index$4.default;
+exports.Button = require_index$1.default;
+exports.Card = require_index$5.default;
+exports.Checkbox = require_index$6.default;
+exports.Collapse = require_index$7.default;
+exports.ColorPicker = require_index$28.default;
+exports.Datagrid = require_index$8.default;
+exports.DatePicker = require_index$29.default;
+exports.Description = require_index$9.default;
+exports.Drawer = require_index$10.default;
+exports.Dropdown = require_index$13.default;
+exports.Editor = require_index$14.default;
+exports.Flex = require_index$15.default;
+exports.Form = require_index$16.default;
+exports.Icon = require_index$2.default;
+exports.Image = require_index$21.default;
+exports.Input = require_index$22.default;
+exports.List = require_index$11.default;
+exports.Loading = require_index.default;
+exports.Message = require_index$23.default;
+exports.Modal = require_index$24.default;
+exports.Pagination = require_index$25.default;
+exports.Popconfirm = require_index$31.default;
+exports.Popup = require_index$12.default;
+exports.Progress = require_index$18.default;
+exports.Radio = require_index$32.default;
+exports.Resizable = require_index$33.default;
+exports.River = require_index$34.default;
+exports.Select = require_index$27.default;
+exports.Step = require_index$35.default;
+exports.Swiper = require_index$36.default;
+exports.Tabs = require_index$37.default;
+exports.Tag = require_index$26.default;
+exports.Text = require_index$17.default;
+exports.TimePicker = require_index$30.default;
+exports.Tree = require_index$38.default;
+exports.Upload = require_index$39.default;
+exports.Video = require_index$19.default;
+exports.usePreview = require_index$20.default;
+exports.useTheme = require_index$40.default;

package/lib/cjs/js/hooks.cjs

@@ -0,0 +1,259 @@
+require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region packages/js/hooks.ts
+const MouseMoveEvents = /* @__PURE__ */ new Set();
+const MouseUpEvents = /* @__PURE__ */ new Set();
+const KeydownEvents = /* @__PURE__ */ new Set();
+let initialized = false;
+const initEvents = () => {
+	if (typeof document === "undefined" || initialized) return;
+	initialized = true;
+	const touchable = "ontouchend" in document;
+	const EVENTS = {
+		MOVE: touchable ? "touchmove" : "mousemove",
+		UP: touchable ? "touchend" : "mouseup",
+		KEYDOWN: "keydown"
+	};
+	document.addEventListener(EVENTS.MOVE, (e) => {
+		for (const listener of MouseMoveEvents.values()) listener(e);
+	}, { passive: false });
+	document.addEventListener(EVENTS.UP, (e) => {
+		for (const listener of MouseUpEvents.values()) listener(e);
+	});
+	document.addEventListener(EVENTS.KEYDOWN, (e) => {
+		for (const listener of KeydownEvents.values()) listener(e);
+	});
+};
+function initEventsOnce() {
+	(0, react.useEffect)(initEvents, []);
+}
+function useMouseMove(listener, options) {
+	initEventsOnce();
+	(0, react.useEffect)(() => {
+		if (options?.disabled) return;
+		MouseMoveEvents.add(listener);
+		return () => {
+			MouseMoveEvents.delete(listener);
+		};
+	}, []);
+}
+function useMouseUp(listener, options) {
+	initEventsOnce();
+	(0, react.useEffect)(() => {
+		if (options?.disabled) return;
+		MouseUpEvents.add(listener);
+		return () => {
+			MouseUpEvents.delete(listener);
+		};
+	}, []);
+}
+function useKeydown(listener, options) {
+	initEventsOnce();
+	(0, react.useEffect)(() => {
+		if (options?.disabled) return;
+		KeydownEvents.add(listener);
+		return () => {
+			KeydownEvents.delete(listener);
+		};
+	}, []);
+}
+function useReactive(initialState) {
+	const [, setFlag] = (0, react.useState)(0);
+	const scheduledRef = (0, react.useRef)(false);
+	const proxyCacheRef = (0, react.useRef)(/* @__PURE__ */ new WeakMap());
+	const rootRef = (0, react.useRef)(null);
+	const proxyRef = (0, react.useRef)(null);
+	const notify = () => {
+		if (scheduledRef.current) return;
+		scheduledRef.current = true;
+		const flush = () => {
+			scheduledRef.current = false;
+			setFlag((n) => n + 1);
+		};
+		if (typeof queueMicrotask !== "undefined") {
+			queueMicrotask(flush);
+			return;
+		}
+		Promise.resolve().then(flush);
+	};
+	const createProxy = (target) => {
+		if (!target || typeof target !== "object") return target;
+		if (!Array.isArray(target)) {
+			const proto = Object.getPrototypeOf(target);
+			if (!(proto === Object.prototype || proto === null)) return target;
+		}
+		const cached = proxyCacheRef.current.get(target);
+		if (cached) return cached;
+		const proxy = new Proxy(target, {
+			get(t, p, r) {
+				return createProxy(Reflect.get(t, p, r));
+			},
+			set(t, p, v, r) {
+				const prev = Reflect.get(t, p, r);
+				const ok = Reflect.set(t, p, v, r);
+				if (prev !== v) notify();
+				return ok;
+			},
+			deleteProperty(t, p) {
+				const had = Object.prototype.hasOwnProperty.call(t, p);
+				const ok = Reflect.deleteProperty(t, p);
+				if (had) notify();
+				return ok;
+			}
+		});
+		proxyCacheRef.current.set(target, proxy);
+		return proxy;
+	};
+	if (!proxyRef.current) {
+		rootRef.current = initialState;
+		proxyRef.current = createProxy(rootRef.current);
+	}
+	return proxyRef.current;
+}
+function useLocalStorageState(key, options) {
+	const { defaultValue, listenStorageChange } = options ?? {};
+	const getDefault = () => {
+		return typeof defaultValue === "function" ? defaultValue() : defaultValue;
+	};
+	const read = () => {
+		if (typeof window === "undefined") return getDefault();
+		const raw = window.localStorage.getItem(key);
+		if (raw === null) return getDefault();
+		try {
+			return JSON.parse(raw);
+		} catch (e) {
+			return raw;
+		}
+	};
+	const [state, setState] = (0, react.useState)(() => read());
+	const set = (value) => {
+		setState((prev) => {
+			const next = typeof value === "function" ? value(prev) : value;
+			if (typeof window !== "undefined") if (next === void 0) window.localStorage.removeItem(key);
+			else window.localStorage.setItem(key, JSON.stringify(next));
+			return next;
+		});
+	};
+	(0, react.useEffect)(() => {
+		if (!listenStorageChange) return;
+		if (typeof window === "undefined") return;
+		const onStorage = (e) => {
+			if (e.key !== key) return;
+			if (e.newValue === null) {
+				setState(getDefault());
+				return;
+			}
+			try {
+				setState(JSON.parse(e.newValue));
+			} catch (err) {
+				setState(e.newValue);
+			}
+		};
+		window.addEventListener("storage", onStorage);
+		return () => {
+			window.removeEventListener("storage", onStorage);
+		};
+	}, [key, listenStorageChange]);
+	return [state, set];
+}
+function useSize(target) {
+	const [size, setSize] = (0, react.useState)();
+	(0, react.useEffect)(() => {
+		if (typeof window === "undefined") return;
+		const resolveTarget = () => {
+			if (!target) return null;
+			if (typeof target === "function") return target();
+			if (typeof target === "object" && "current" in target) return target.current;
+			return target;
+		};
+		const el = resolveTarget();
+		if (!el) return;
+		const update = () => {
+			const rect = el.getBoundingClientRect();
+			setSize({
+				width: rect.width,
+				height: rect.height
+			});
+		};
+		update();
+		let ro;
+		if (typeof ResizeObserver !== "undefined") {
+			ro = new ResizeObserver(update);
+			ro.observe(el);
+		}
+		window.addEventListener("resize", update);
+		return () => {
+			window.removeEventListener("resize", update);
+			ro?.disconnect();
+		};
+	}, [target]);
+	return size;
+}
+const defaultObserver = {
+	observe: void 0,
+	unobserve: void 0,
+	disconnect: void 0
+};
+function useIntersectionObserver(configs) {
+	if (typeof window === "undefined") return { ...defaultObserver };
+	const WM = /* @__PURE__ */ new WeakMap();
+	const IO = new IntersectionObserver((entries) => {
+		entries.map((entry) => {
+			WM.get(entry.target)?.(entry.target, entry.isIntersecting);
+		});
+	}, configs);
+	function observe(target, callback) {
+		if (WM.get(target)) return;
+		WM.set(target, callback);
+		target && IO.observe(target);
+	}
+	function unobserve(target) {
+		target && IO.unobserve(target);
+		WM.delete(target);
+	}
+	function disconnect() {
+		IO.disconnect();
+	}
+	return {
+		observe,
+		unobserve,
+		disconnect
+	};
+}
+function useResizeObserver() {
+	if (typeof window === "undefined") return { ...defaultObserver };
+	const WM = /* @__PURE__ */ new WeakMap();
+	const IO = new ResizeObserver((entries) => {
+		entries.map((entry) => {
+			WM.get(entry.target)?.(entry.target);
+		});
+	});
+	function observe(target, callback) {
+		if (WM.get(target)) return;
+		target && IO.observe(target);
+		WM.set(target, callback);
+	}
+	function unobserve(target) {
+		target && IO.unobserve(target);
+		WM.delete(target);
+	}
+	function disconnect() {
+		IO.disconnect();
+	}
+	return {
+		observe,
+		unobserve,
+		disconnect
+	};
+}
+//#endregion
+exports.useIntersectionObserver = useIntersectionObserver;
+exports.useKeydown = useKeydown;
+exports.useLocalStorageState = useLocalStorageState;
+exports.useMouseMove = useMouseMove;
+exports.useMouseUp = useMouseUp;
+exports.useReactive = useReactive;
+exports.useResizeObserver = useResizeObserver;
+exports.useSize = useSize;
+
+//# sourceMappingURL=hooks.cjs.map

package/lib/cjs/js/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.cjs","names":[],"sources":["../../../packages/js/hooks.ts"],"sourcesContent":["import { DependencyList, useEffect, useMemo, useRef, useState } from \"react\";\n\ntype TMouseEvent = (e: MouseEvent) => void;\ntype TKeyboardEvent = (e: KeyboardEvent) => void;\ntype TEventOption = {\n\tdisabled?: boolean;\n};\n\nconst MouseMoveEvents = new Set<TMouseEvent>();\nconst MouseUpEvents = new Set<TMouseEvent>();\nconst KeydownEvents = new Set<TKeyboardEvent>();\n\nlet initialized = false;\n\nconst initEvents = () => {\n\tif (typeof document === \"undefined\" || initialized) return;\n\tinitialized = true;\n\n\tconst touchable = \"ontouchend\" in document;\n\tconst EVENTS: Record<string, any> = {\n\t\tMOVE: touchable ? \"touchmove\" : \"mousemove\",\n\t\tUP: touchable ? \"touchend\" : \"mouseup\",\n\t\tKEYDOWN: \"keydown\",\n\t};\n\n\tdocument.addEventListener(\n\t\tEVENTS.MOVE,\n\t\t(e) => {\n\t\t\tfor (const listener of MouseMoveEvents.values()) {\n\t\t\t\tlistener(e);\n\t\t\t}\n\t\t},\n\t\t{ passive: false },\n\t);\n\n\tdocument.addEventListener(EVENTS.UP, (e) => {\n\t\tfor (const listener of MouseUpEvents.values()) {\n\t\t\tlistener(e);\n\t\t}\n\t});\n\n\tdocument.addEventListener(EVENTS.KEYDOWN, (e) => {\n\t\tfor (const listener of KeydownEvents.values()) {\n\t\t\tlistener(e);\n\t\t}\n\t});\n};\n\nfunction initEventsOnce() {\n\tuseEffect(initEvents, []);\n}\n\nexport function useMouseMove(listener: TMouseEvent, options?: TEventOption) {\n\tinitEventsOnce();\n\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}, []);\n}\n\nexport function useMouseUp(listener: TMouseEvent, options?: TEventOption) {\n\tinitEventsOnce();\n\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}, []);\n}\n\nexport function useKeydown(listener: TKeyboardEvent, options?: TEventOption) {\n\tinitEventsOnce();\n\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}, []);\n}\n\nexport function useCreation<T>(factory: () => T, deps: DependencyList) {\n\treturn useMemo(factory, deps);\n}\n\nexport function useReactive<T extends object>(initialState: T): T {\n\tconst [, setFlag] = useState(0);\n\tconst scheduledRef = useRef(false);\n\tconst proxyCacheRef = useRef(new WeakMap<object, any>());\n\tconst rootRef = useRef<T | null>(null);\n\tconst proxyRef = useRef<T | null>(null);\n\n\tconst notify = () => {\n\t\tif (scheduledRef.current) return;\n\t\tscheduledRef.current = true;\n\n\t\tconst flush = () => {\n\t\t\tscheduledRef.current = false;\n\t\t\tsetFlag((n) => n + 1);\n\t\t};\n\n\t\tif (typeof queueMicrotask !== \"undefined\") {\n\t\t\tqueueMicrotask(flush);\n\t\t\treturn;\n\t\t}\n\n\t\tPromise.resolve().then(flush);\n\t};\n\n\tconst createProxy = (target: any): any => {\n\t\tif (!target || typeof target !== \"object\") return target;\n\n\t\tif (!Array.isArray(target)) {\n\t\t\tconst proto = Object.getPrototypeOf(target);\n\t\t\tconst isPlainObject = proto === Object.prototype || proto === null;\n\t\t\tif (!isPlainObject) return target;\n\t\t}\n\n\t\tconst cached = proxyCacheRef.current.get(target);\n\t\tif (cached) return cached;\n\n\t\tconst proxy = new Proxy(target, {\n\t\t\tget(t, p, r) {\n\t\t\t\treturn createProxy(Reflect.get(t, p, r));\n\t\t\t},\n\t\t\tset(t, p, v, r) {\n\t\t\t\tconst prev = Reflect.get(t, p, r);\n\t\t\t\tconst ok = Reflect.set(t, p, v, r);\n\t\t\t\tif (prev !== v) notify();\n\t\t\t\treturn ok;\n\t\t\t},\n\t\t\tdeleteProperty(t, p) {\n\t\t\t\tconst had = Object.prototype.hasOwnProperty.call(t, p);\n\t\t\t\tconst ok = Reflect.deleteProperty(t, p);\n\t\t\t\tif (had) notify();\n\t\t\t\treturn ok;\n\t\t\t},\n\t\t});\n\n\t\tproxyCacheRef.current.set(target, proxy);\n\t\treturn proxy;\n\t};\n\n\tif (!proxyRef.current) {\n\t\trootRef.current = initialState;\n\t\tproxyRef.current = createProxy(rootRef.current);\n\t}\n\n\treturn proxyRef.current as T;\n}\n\ntype TSetState<T> = (\n\tvalue: T | undefined | ((prev: T | undefined) => T),\n) => void;\n\ntype TLocalStorageOptions<T> = {\n\tdefaultValue?: T | (() => T);\n\tlistenStorageChange?: boolean;\n};\n\nexport function useLocalStorageState<T>(\n\tkey: string,\n\toptions?: TLocalStorageOptions<T>,\n): [T | undefined, TSetState<T>] {\n\tconst { defaultValue, listenStorageChange } = options ?? {};\n\n\tconst getDefault = () => {\n\t\treturn typeof defaultValue === \"function\"\n\t\t\t? (defaultValue as () => T)()\n\t\t\t: defaultValue;\n\t};\n\n\tconst read = (): T | undefined => {\n\t\tif (typeof window === \"undefined\") return getDefault();\n\n\t\tconst raw = window.localStorage.getItem(key);\n\t\tif (raw === null) return getDefault();\n\n\t\ttry {\n\t\t\treturn JSON.parse(raw) as T;\n\t\t} catch (e) {\n\t\t\treturn raw as unknown as T;\n\t\t}\n\t};\n\n\tconst [state, setState] = useState<T | undefined>(() => read());\n\n\tconst set: TSetState<T> = (value) => {\n\t\tsetState((prev) => {\n\t\t\tconst next =\n\t\t\t\ttypeof value === \"function\"\n\t\t\t\t\t? (value as (prev: T | undefined) => T)(prev)\n\t\t\t\t\t: value;\n\n\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\tif (next === undefined) {\n\t\t\t\t\twindow.localStorage.removeItem(key);\n\t\t\t\t} else {\n\t\t\t\t\twindow.localStorage.setItem(key, JSON.stringify(next));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn next;\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (!listenStorageChange) return;\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onStorage = (e: StorageEvent) => {\n\t\t\tif (e.key !== key) return;\n\n\t\t\tif (e.newValue === null) {\n\t\t\t\tsetState(getDefault());\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tsetState(JSON.parse(e.newValue) as T);\n\t\t\t} catch (err) {\n\t\t\t\tsetState(e.newValue as unknown as T);\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"storage\", onStorage);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"storage\", onStorage);\n\t\t};\n\t}, [key, listenStorageChange]);\n\n\treturn [state, set];\n}\n\ntype TResponsiveConfig = Record<string, number>;\n\nlet responsiveConfig: TResponsiveConfig = {};\n\nexport function configResponsive(config: TResponsiveConfig) {\n\tresponsiveConfig = config;\n}\n\nexport function useResponsive() {\n\tconst compute = () => {\n\t\tif (typeof window === \"undefined\") return {};\n\t\tconst w = window.innerWidth;\n\t\tconst result: Record<string, boolean> = {};\n\n\t\tfor (const key in responsiveConfig) {\n\t\t\tresult[key] = w >= responsiveConfig[key];\n\t\t}\n\n\t\treturn result;\n\t};\n\n\tconst [state, setState] = useState<Record<string, boolean>>(() =>\n\t\tcompute(),\n\t);\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onResize = () => {\n\t\t\tconst next = compute();\n\t\t\tsetState((prev) => {\n\t\t\t\tconst prevKeys = Object.keys(prev);\n\t\t\t\tconst nextKeys = Object.keys(next);\n\t\t\t\tif (prevKeys.length !== nextKeys.length) return next;\n\n\t\t\t\tfor (const k of nextKeys) {\n\t\t\t\t\tif (prev[k] !== next[k]) return next;\n\t\t\t\t}\n\n\t\t\t\treturn prev;\n\t\t\t});\n\t\t};\n\n\t\tonResize();\n\t\twindow.addEventListener(\"resize\", onResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", onResize);\n\t\t};\n\t}, []);\n\n\treturn state;\n}\n\ntype TSize = { width: number; height: number };\n\nexport function useSize(target: any): TSize | undefined {\n\tconst [size, setSize] = useState<TSize>();\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst resolveTarget = () => {\n\t\t\tif (!target) return null;\n\t\t\tif (typeof target === \"function\") return target();\n\t\t\tif (typeof target === \"object\" && \"current\" in target) {\n\t\t\t\treturn target.current;\n\t\t\t}\n\t\t\treturn target;\n\t\t};\n\n\t\tconst el = resolveTarget() as HTMLElement | null;\n\t\tif (!el) return;\n\n\t\tconst update = () => {\n\t\t\tconst rect = el.getBoundingClientRect();\n\t\t\tsetSize({ width: rect.width, height: rect.height });\n\t\t};\n\n\t\tupdate();\n\n\t\tlet ro: ResizeObserver | undefined;\n\t\tif (typeof ResizeObserver !== \"undefined\") {\n\t\t\tro = new ResizeObserver(update);\n\t\t\tro.observe(el);\n\t\t}\n\n\t\twindow.addEventListener(\"resize\", update);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", update);\n\t\t\tro?.disconnect();\n\t\t};\n\t}, [target]);\n\n\treturn size;\n}\n\nconst defaultObserver = {\n\tobserve: undefined,\n\tunobserve: undefined,\n\tdisconnect: undefined,\n};\n\nexport function useIntersectionObserver(configs?: IntersectionObserverInit) {\n\tif (typeof window === \"undefined\") {\n\t\treturn {\n\t\t\t...defaultObserver,\n\t\t};\n\t}\n\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\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\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\tif (typeof window === \"undefined\") {\n\t\treturn {\n\t\t\t...defaultObserver,\n\t\t};\n\t}\n\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\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\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"],"mappings":"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"}