@ioca/react 1.4.80 → 1.5.1

package/lib/cjs/js/usePreview/content.js

@@ -1,197 +1,164 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_hooks = require("../hooks.js");
-const require_index = require("../../components/button/index.js");
-const require_index$1 = require("../../components/icon/index.js");
-const require_utils = require("../utils.js");
-const require_type = require("./type.js");
-const require_renderFile = require("./renderFile.js");
-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/js/usePreview/content.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var button = require('../../components/button/button.js');
+var icon = require('../../components/icon/icon.js');
+var material = require('@ricons/material');
+var classNames = require('classnames');
+var radash = require('radash');
+var react = require('react');
+var hooks = require('../hooks.js');
+var utils = require('../utils.js');
+var renderFile = require('./renderFile.js');
+var type = require('./type.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
 function Content(props) {
-	const { items = [], initial = 0, renderFile: renderFile$1 = require_renderFile.default, onRotate, onChange, onClose, onZoom } = props;
-	const state = require_hooks.useReactive({
-		current: initial,
-		rotate: 0,
-		scale: 1,
-		translate: [0, 0],
-		start: [0, 0],
-		dragging: false,
-		controlHidden: true
-	});
-	const box = (0, react.useRef)(null);
-	const translate = (0, react.useRef)([0, 0]);
-	const hiddenTO = (0, react.useRef)(null);
-	const files = (0, react.useMemo)(() => {
-		return items.map((item) => {
-			const o = { src: "" };
-			if (typeof item === "string") o.src = item;
-			else Object.assign(o, item);
-			o.suffix = require_utils.getSuffixByUrl(o.src) || "";
-			o.type = require_utils.getFileType(o.suffix, item["type"]);
-			return o;
-		});
-	}, [items]);
-	const { file, content } = (0, react.useMemo)(() => {
-		const file = files[state.current];
-		return {
-			file,
-			content: renderFile$1(file)
-		};
-	}, [state.current, items]);
-	const isImage = file.type === require_type.TFileType.IMAGE;
-	const handleSwitch = (next) => {
-		const l = files.length;
-		const { current: before } = state;
-		if (next >= l) state.current = 0;
-		else if (next < 0) state.current = l - 1;
-		else state.current = next;
-		onChange?.(state.current, before);
-		state.rotate = files[state.current].rotate || 0;
-		if (state.scale !== 1) {
-			state.scale = 1;
-			onZoom?.(1);
-		}
-		onRotate?.(state.rotate);
-		state.translate = translate.current = [0, 0];
-	};
-	const handleRotate = (deg) => {
-		state.rotate += deg;
-		onRotate?.(state.rotate);
-	};
-	const handleMouseWheel = (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.throttle)({ interval: 60 }, (e) => {
-		e.stopPropagation();
-		e.preventDefault();
-		if (!isImage) return;
-		let after = state.scale + (e.deltaY < 0 ? .05 : -.05);
-		if (after > 2) after = 2;
-		if (after < .25) after = .25;
-		onZoom?.(after);
-		state.scale = after;
-	});
-	const handleMouseDown = (e) => {
-		if (!isImage) return;
-		e.preventDefault();
-		state.dragging = true;
-		state.start = [e.pageX, e.pageY];
-	};
-	const clearHiddenTO = () => {
-		if (!hiddenTO.current || state.controlHidden) return;
-		clearTimeout(hiddenTO.current);
-		hiddenTO.current = null;
-	};
-	const setHiddenFalse = () => {
-		if (!state.controlHidden) return;
-		state.controlHidden = false;
-		clearHiddenTO();
-		hiddenTO.current = setTimeout(() => {
-			state.controlHidden = true;
-		}, 1e3);
-	};
-	const throttleMouseMove = (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.throttle)({ interval: 300 }, setHiddenFalse);
-	const handleMouseMove = (e) => {
-		throttleMouseMove();
-		if (!state.dragging) return;
-		e.preventDefault();
-		const [x, y] = translate.current;
-		const [ox, oy] = state.start;
-		const offsetX = e.pageX - ox;
-		const offsetY = e.pageY - oy;
-		state.translate = [x + offsetX, y + offsetY];
-	};
-	const handleMouseUp = () => {
-		if (!state.dragging) return;
-		state.dragging = false;
-		translate.current = state.translate;
-	};
-	require_hooks.useMouseMove(handleMouseMove);
-	require_hooks.useMouseUp(handleMouseUp);
-	(0, react.useEffect)(() => {
-		if (!box.current) return;
-		box.current.addEventListener("wheel", handleMouseWheel, { passive: false });
-		return () => {
-			if (!box.current) return;
-			box.current.removeEventListener("wheel", handleMouseWheel);
-		};
-	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref: box,
-		className: (0, classnames.default)("i-preview-content", { "no-transition": state.dragging }),
-		style: { transform: `translate(${state.translate.map((n) => `${n}px`).join(",")}) rotate(${state.rotate}deg) scale(${state.scale})` },
-		onMouseDown: handleMouseDown,
-		onClick: (e) => e.stopPropagation(),
-		children: content
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)("i-preview-controls", { "i-preview-controls-hidden": state.controlHidden }),
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				flat: true,
-				onClick: onClose,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.CloseRound, {}) })
-			}),
-			files.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "px-8",
-				children: [
-					state.current + 1,
-					" / ",
-					files.length
-				]
-			}),
-			state.scale !== 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index.default, {
-				flat: true,
-				onClick: () => state.scale = 1,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.AspectRatioRound, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "mt-2",
-					children: [(state.scale * 100).toFixed(0), "%"]
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				flat: true,
-				href: file.src,
-				target: "_blank",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.OpenInNewRound, {}) })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				flat: true,
-				href: file.src,
-				download: true,
-				target: "_blank",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.FileDownloadOutlined, {}) })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				flat: true,
-				onClick: () => handleRotate(90),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.RotateRightRound, {}) })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				flat: true,
-				onClick: () => handleRotate(-90),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.RotateLeftRound, {}) })
-			}),
-			files.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				flat: true,
-				onClick: () => handleSwitch(state.current - 1),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.KeyboardArrowLeftRound, {}) })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				flat: true,
-				onClick: () => handleSwitch(state.current + 1),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.KeyboardArrowRightRound, {}) })
-			})] })
-		]
-	})] });
+    const { items = [], initial = 0, renderFile: renderFile$1 = renderFile.default, onRotate, onChange, onClose, onZoom, } = props;
+    const state = hooks.useReactive({
+        current: initial,
+        rotate: 0,
+        scale: 1,
+        translate: [0, 0],
+        start: [0, 0],
+        dragging: false,
+        controlHidden: true,
+    });
+    const box = react.useRef(null);
+    const translate = react.useRef([0, 0]);
+    const hiddenTO = react.useRef(null);
+    const files = react.useMemo(() => {
+        return items.map((item) => {
+            const o = {
+                src: "",
+            };
+            if (typeof item === "string") {
+                o.src = item;
+            }
+            else {
+                Object.assign(o, item);
+            }
+            o.suffix = utils.getSuffixByUrl(o.src) || "";
+            o.type = utils.getFileType(o.suffix, item["type"]);
+            return o;
+        });
+    }, [items]);
+    const { file, content } = react.useMemo(() => {
+        const file = files[state.current];
+        const content = renderFile$1(file);
+        return {
+            file,
+            content,
+        };
+    }, [state.current, items]);
+    const isImage = file.type === type.TFileType.IMAGE;
+    const handleSwitch = (next) => {
+        const l = files.length;
+        const { current: before } = state;
+        if (next >= l) {
+            state.current = 0;
+        }
+        else if (next < 0) {
+            state.current = l - 1;
+        }
+        else {
+            state.current = next;
+        }
+        onChange?.(state.current, before);
+        state.rotate = files[state.current].rotate || 0;
+        if (state.scale !== 1) {
+            state.scale = 1;
+            onZoom?.(1);
+        }
+        onRotate?.(state.rotate);
+        state.translate = translate.current = [0, 0];
+    };
+    const handleRotate = (deg) => {
+        state.rotate += deg;
+        onRotate?.(state.rotate);
+    };
+    const handleMouseWheel = radash.throttle({ interval: 60 }, (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (!isImage)
+            return;
+        let after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);
+        if (after > 2)
+            after = 2;
+        if (after < 0.25)
+            after = 0.25;
+        onZoom?.(after);
+        state.scale = after;
+    });
+    const handleMouseDown = (e) => {
+        if (!isImage)
+            return;
+        e.preventDefault();
+        state.dragging = true;
+        state.start = [e.pageX, e.pageY];
+    };
+    const clearHiddenTO = () => {
+        if (!hiddenTO.current || state.controlHidden)
+            return;
+        clearTimeout(hiddenTO.current);
+        hiddenTO.current = null;
+    };
+    const setHiddenFalse = () => {
+        if (!state.controlHidden)
+            return;
+        state.controlHidden = false;
+        clearHiddenTO();
+        hiddenTO.current = setTimeout(() => {
+            state.controlHidden = true;
+        }, 1000);
+    };
+    const throttleMouseMove = radash.throttle({ interval: 300 }, setHiddenFalse);
+    const handleMouseMove = (e) => {
+        throttleMouseMove();
+        if (!state.dragging)
+            return;
+        e.preventDefault();
+        const [x, y] = translate.current;
+        const [ox, oy] = state.start;
+        const offsetX = e.pageX - ox;
+        const offsetY = e.pageY - oy;
+        state.translate = [x + offsetX, y + offsetY];
+    };
+    const handleMouseUp = () => {
+        if (!state.dragging)
+            return;
+        state.dragging = false;
+        translate.current = state.translate;
+    };
+    hooks.useMouseMove(handleMouseMove);
+    hooks.useMouseUp(handleMouseUp);
+    react.useEffect(() => {
+        if (!box.current)
+            return;
+        box.current.addEventListener("wheel", handleMouseWheel, {
+            passive: false,
+        });
+        return () => {
+            if (!box.current)
+                return;
+            box.current.removeEventListener("wheel", handleMouseWheel);
+        };
+    }, []);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ref: box, className: classNames__default("i-preview-content", {
+                    "no-transition": state.dragging,
+                }), style: {
+                    transform: `translate(${state.translate
+                        .map((n) => `${n}px`)
+                        .join(",")}) rotate(${state.rotate}deg) scale(${state.scale})`,
+                }, onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation(), children: content }), jsxRuntime.jsxs("div", { className: classNames__default("i-preview-controls", {
+                    "i-preview-controls-hidden": state.controlHidden,
+                }), children: [jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: onClose, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.CloseRound, {}) }) }), files.length > 1 && (jsxRuntime.jsxs("span", { className: 'px-8', children: [state.current + 1, " / ", files.length] })), state.scale !== 1 && (jsxRuntime.jsxs(button.default, { flat: true, onClick: () => (state.scale = 1), children: [jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.AspectRatioRound, {}) }), jsxRuntime.jsxs("span", { className: 'mt-2', children: [(state.scale * 100).toFixed(0), "%"] })] })), jsxRuntime.jsx(button.default, { square: true, flat: true, href: file.src, target: '_blank', children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.OpenInNewRound, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, href: file.src, download: true, target: '_blank', children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.FileDownloadOutlined, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleRotate(90), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.RotateRightRound, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleRotate(-90), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.RotateLeftRound, {}) }) }), files.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleSwitch(state.current - 1), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.KeyboardArrowLeftRound, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleSwitch(state.current + 1), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.KeyboardArrowRightRound, {}) }) })] }))] })] }));
 }
-//#endregion
-exports.default = Content;
 
-//# sourceMappingURL=content.js.map
+exports.default = Content;
+//# sourceMappingURL=content.js.map

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

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

package/lib/cjs/js/usePreview/index.js

@@ -1,39 +1,27 @@
-require("../../_virtual/_rolldown/runtime.js");
-const require_utils = require("../utils.js");
-const require_hookModal = require("../../components/modal/hookModal.js");
-const require_content = require("./content.js");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/js/usePreview/index.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hookModal = require('../../components/modal/hookModal.js');
+var utils = require('../utils.js');
+var content = require('./content.js');
+
 function usePreview() {
-	const ref = (0, react.useRef)(null);
-	const preview = (config) => {
-		const { items, modalProps, onClose, ...restProps } = config;
-		const handleClose = () => {
-			onClose?.();
-			unMount?.();
-		};
-		const unMount = require_utils.renderNode(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_hookModal.default, {
-			ref,
-			visible: true,
-			className: "i-preview",
-			customized: true,
-			hideShadow: true,
-			...modalProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_content.default, {
-				...restProps,
-				items,
-				onClose: () => {
-					ref.current?.update({ visible: false });
-				}
-			}),
-			fixed: true,
-			onClose: handleClose
-		}));
-	};
-	return preview;
+    const ref = react.useRef(null);
+    const preview = (config) => {
+        const { items, modalProps, onClose, ...restProps } = config;
+        const handleClose = () => {
+            onClose?.();
+            unMount?.();
+        };
+        const unMount = utils.renderNode(jsxRuntime.jsx(hookModal.default, { ref: ref, visible: true, className: 'i-preview', customized: true, hideShadow: true, ...modalProps, children: jsxRuntime.jsx(content.default, { ...restProps, items: items, onClose: () => {
+                    ref.current?.update({ visible: false });
+                } }), fixed: true, onClose: handleClose }));
+    };
+    return preview;
 }
-//#endregion
-exports.default = usePreview;
 
-//# sourceMappingURL=index.js.map
+exports.default = usePreview;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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"],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../packages/js/usePreview/index.tsx"],"sourcesContent":["import { useRef } from \"react\";\r\nimport HookModal from \"../../components/modal/hookModal\";\r\nimport type { RefHookModal } from \"../../components/modal/type\";\r\nimport { renderNode } from \"../utils\";\r\nimport Content from \"./content\";\r\nimport \"./index.css\";\r\nimport type { IPreview } from \"./type\";\r\n\r\nexport default function usePreview() {\r\n\tconst ref = useRef<RefHookModal>(null);\r\n\r\n\tconst preview = (config: IPreview) => {\r\n\t\tconst { items, modalProps, onClose, ...restProps } = config;\r\n\r\n\t\tconst handleClose = () => {\r\n\t\t\tonClose?.();\r\n\t\t\tunMount?.();\r\n\t\t};\r\n\r\n\t\tconst unMount = renderNode(\r\n\t\t\t<HookModal\r\n\t\t\t\tref={ref}\r\n\t\t\t\tvisible\r\n\t\t\t\tclassName='i-preview'\r\n\t\t\t\tcustomized\r\n\t\t\t\thideShadow\r\n\t\t\t\t{...modalProps}\r\n\t\t\t\tchildren={\r\n\t\t\t\t\t<Content\r\n\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\titems={items}\r\n\t\t\t\t\t\tonClose={() => {\r\n\t\t\t\t\t\t\tref.current?.update({ visible: false });\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t}\r\n\t\t\t\tfixed\r\n\t\t\t\tonClose={handleClose}\r\n\t\t\t/>\r\n\t\t);\r\n\t};\r\n\r\n\treturn preview;\r\n}\r\n"],"names":["useRef","renderNode","_jsx","HookModal","Content"],"mappings":";;;;;;;;;;AAQc,SAAU,UAAU,GAAA;AACjC,IAAA,MAAM,GAAG,GAAGA,YAAM,CAAe,IAAI,CAAC;AAEtC,IAAA,MAAM,OAAO,GAAG,CAAC,MAAgB,KAAI;AACpC,QAAA,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,MAAM;QAE3D,MAAM,WAAW,GAAG,MAAK;YACxB,OAAO,IAAI;YACX,OAAO,IAAI;AACZ,QAAA,CAAC;AAED,QAAA,MAAM,OAAO,GAAGC,gBAAU,CACzBC,cAAA,CAACC,iBAAS,EAAA,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAA,IAAA,EACP,SAAS,EAAC,WAAW,EACrB,UAAU,EAAA,IAAA,EACV,UAAU,WACN,UAAU,EACd,QAAQ,EACPD,eAACE,eAAO,EAAA,EAAA,GACH,SAAS,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAK;oBACb,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;gBACxC,CAAC,EAAA,CACA,EAEH,KAAK,EAAA,IAAA,EACL,OAAO,EAAE,WAAW,EAAA,CACnB,CACF;AACF,IAAA,CAAC;AAED,IAAA,OAAO,OAAO;AACf;;;;"}

package/lib/cjs/js/usePreview/renderFile.js

@@ -1,28 +1,24 @@
-require("../../_virtual/_rolldown/runtime.js");
-const require_index = require("../../components/icon/index.js");
-const require_index$1 = require("../../components/video/index.js");
-const require_type = require("./type.js");
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/js/usePreview/renderFile.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('../../components/icon/icon.js');
+var video = require('../../components/video/video.js');
+var material = require('@ricons/material');
+var type = require('./type.js');
+
 function renderFile(props) {
-	const { name, suffix, type } = props;
-	switch (type) {
-		case require_type.TFileType.IMAGE: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", { src: props.src });
-		case require_type.TFileType.VIDEO: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { ...props });
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "i-preview-unknown",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.FeedOutlined, {}),
-				size: "3em"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h5", {
-				className: "mt-4",
-				children: name || suffix || "?"
-			})]
-		});
-	}
+    const { name, suffix, type: type$1 } = props;
+    switch (type$1) {
+        case type.TFileType.IMAGE:
+            return jsxRuntime.jsx("img", { src: props.src });
+        case type.TFileType.VIDEO:
+            return jsxRuntime.jsx(video.default, { ...props });
+        default:
+            return (jsxRuntime.jsxs("div", { className: 'i-preview-unknown', children: [jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.FeedOutlined, {}), size: '3em' }), jsxRuntime.jsx("h5", { className: 'mt-4', children: name || suffix || "?" })] }));
+    }
 }
-//#endregion
-exports.default = renderFile;
 
-//# sourceMappingURL=renderFile.js.map
+exports.default = renderFile;
+//# sourceMappingURL=renderFile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderFile.js","names":["TFileType","Video","Icon","FeedOutlined"],"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"],"mappings":";;;;;;;AAKA,SAAwB,WAAW,OAAqB;CACvD,MAAM,EAAE,MAAM,QAAQ,SAAS;AAE/B,SAAQ,MAAR;EACC,KAAKA,aAAAA,UAAU,MACd,QAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,KAAK,MAAM,KAAO,CAAA;EAC/B,KAAKA,aAAAA,UAAU,MACd,QAAO,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD,EAAO,GAAI,OAAS,CAAA;EAC5B,QACC,QACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IAAM,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,cAAD,EAAgB,CAAA;IAAE,MAAK;IAAQ,CAAA,EAC3C,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAI,WAAU;cAAQ,QAAQ,UAAU;IAAS,CAAA,CAC5C"}
+{"version":3,"file":"renderFile.js","sources":["../../../../packages/js/usePreview/renderFile.tsx"],"sourcesContent":["import Icon from \"@p/components/icon\";\r\nimport Video from \"@p/components/video\";\r\nimport { FeedOutlined } from \"@ricons/material\";\r\nimport { TFileType, TPreviewItem } from \"./type\";\r\n\r\nexport default function renderFile(props: TPreviewItem) {\r\n\tconst { name, suffix, type } = props;\r\n\r\n\tswitch (type) {\r\n\t\tcase TFileType.IMAGE:\r\n\t\t\treturn <img src={props.src} />;\r\n\t\tcase TFileType.VIDEO:\r\n\t\t\treturn <Video {...props} />;\r\n\t\tdefault:\r\n\t\t\treturn (\r\n\t\t\t\t<div className='i-preview-unknown'>\r\n\t\t\t\t\t<Icon icon={<FeedOutlined />} size='3em' />\r\n\t\t\t\t\t<h5 className='mt-4'>{name || suffix || \"?\"}</h5>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t}\r\n}\r\n"],"names":["type","TFileType","_jsx","Video","_jsxs","Icon","FeedOutlined"],"mappings":";;;;;;;;;;AAKc,SAAU,UAAU,CAAC,KAAmB,EAAA;IACrD,MAAM,EAAE,IAAI,EAAE,MAAM,QAAEA,MAAI,EAAE,GAAG,KAAK;IAEpC,QAAQA,MAAI;QACX,KAAKC,cAAS,CAAC,KAAK;AACnB,YAAA,OAAOC,wBAAK,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI;QAC/B,KAAKD,cAAS,CAAC,KAAK;AACnB,YAAA,OAAOC,cAAA,CAACC,aAAK,EAAA,EAAA,GAAK,KAAK,GAAI;AAC5B,QAAA;AACC,YAAA,QACCC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACjCF,cAAA,CAACG,YAAI,EAAA,EAAC,IAAI,EAAEH,cAAA,CAACI,qBAAY,KAAG,EAAE,IAAI,EAAC,KAAK,EAAA,CAAG,EAC3CJ,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,IAAI,IAAI,MAAM,IAAI,GAAG,EAAA,CAAM,CAAA,EAAA,CAC5C;;AAGV;;;;"}

package/lib/cjs/js/usePreview/type.js

@@ -1,15 +1,13 @@
-//#region packages/js/usePreview/type.ts
-let TFileType = /* @__PURE__ */ function(TFileType) {
-	TFileType["IMAGE"] = "IMAGE";
-	TFileType["VIDEO"] = "VIDEO";
-	TFileType["AUDIO"] = "AUDIO";
-	TFileType["PDF"] = "PDF";
-	TFileType["EXCEL"] = "EXCEL";
-	TFileType["TXT"] = "TXT";
-	TFileType["UNKNOWN"] = "UNKNOWN";
-	return TFileType;
-}({});
-//#endregion
-exports.TFileType = TFileType;
+'use strict';
 
-//# sourceMappingURL=type.js.map
+exports.TFileType = void 0;
+(function (TFileType) {
+    TFileType["IMAGE"] = "IMAGE";
+    TFileType["VIDEO"] = "VIDEO";
+    TFileType["AUDIO"] = "AUDIO";
+    TFileType["PDF"] = "PDF";
+    TFileType["EXCEL"] = "EXCEL";
+    TFileType["TXT"] = "TXT";
+    TFileType["UNKNOWN"] = "UNKNOWN";
+})(exports.TFileType || (exports.TFileType = {}));
+//# sourceMappingURL=type.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.js","names":[],"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"],"mappings":";AAcA,IAAY,YAAL,yBAAA,WAAA;AACN,WAAA,WAAA;AACA,WAAA,WAAA;AACA,WAAA,WAAA;AACA,WAAA,SAAA;AACA,WAAA,WAAA;AACA,WAAA,SAAA;AACA,WAAA,aAAA;;KACA"}
+{"version":3,"file":"type.js","sources":["../../../../packages/js/usePreview/type.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from \"react\";\r\nimport type { IModal } from \"../../components/modal/type\";\r\n\r\nexport type TPreviewItem = {\r\n\tsrc: string;\r\n\tname?: ReactNode;\r\n\tthumb?: string;\r\n\trotate?: number;\r\n\tzoom?: number;\r\n\tstyle?: CSSProperties;\r\n\ttype?: string;\r\n\tsuffix?: string;\r\n};\r\n\r\nexport enum TFileType {\r\n\tIMAGE = \"IMAGE\",\r\n\tVIDEO = \"VIDEO\",\r\n\tAUDIO = \"AUDIO\",\r\n\tPDF = \"PDF\",\r\n\tEXCEL = \"EXCEL\",\r\n\tTXT = \"TXT\",\r\n\tUNKNOWN = \"UNKNOWN\",\r\n}\r\n\r\nexport interface IPreview {\r\n\titems: (TPreviewItem | string)[];\r\n\tinitial?: number;\r\n\tcontrols?: boolean;\r\n\tloop?: boolean;\r\n\tclassName?: string;\r\n\tstyle?: CSSProperties;\r\n\tmodalProps?: IModal;\r\n\trenderImage?: (file: TPreviewItem) => ReactNode;\r\n\trenderFile?: (file: TPreviewItem) => ReactNode;\r\n\tonClose?: () => void;\r\n\tonChange?: (after: number, before?: number) => void;\r\n\tonZoom?: (scale: number) => void;\r\n\tonRotate?: (deg: number) => void;\r\n}\r\n"],"names":["TFileType"],"mappings":";;AAcYA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACpB,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,SAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,SAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACpB,CAAC,EARWA,iBAAS,KAATA,iBAAS,GAAA,EAAA,CAAA,CAAA;;"}