@ioca/react 1.4.79 → 1.4.81

package/lib/cjs/js/hooks.cjs

@@ -1,259 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}

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

@@ -1,197 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../hooks.cjs");
-const require_index = require("../../components/button/index.cjs");
-const require_index$1 = require("../../components/icon/index.cjs");
-const require_utils = require("../utils.cjs");
-const require_type = require("./type.cjs");
-const require_renderFile = require("./renderFile.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/js/usePreview/content.tsx
-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, {}) })
-			})] })
-		]
-	})] });
-}
-//#endregion
-exports.default = Content;
-
-//# sourceMappingURL=content.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"content.cjs","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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"}

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

@@ -1,39 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_utils = require("../utils.cjs");
-const require_hookModal = require("../../components/modal/hookModal.cjs");
-const require_content = require("./content.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/js/usePreview/index.tsx
-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;
-}
-//#endregion
-exports.default = usePreview;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","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":";;;;;;;;CAQA,MAAO,OAAA,GAAA,MAAA,QAA2B,KAAG;;EAGpC,MAAM,EAAA,OAAU,YAAS,SAAY,GAAC,cAAA;;AAGrC,cAAM;AACL,cAAW;;2CAIZ,iBAAA,GAAA,kBAAA,KAAA,kBAAA,SAAA;GACE;GACA,SAAA;GACA,WAAA;GACA,YAAA;GACA,YAAA;GACA,GAAA;GACA,UACA,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;IACE,GAAA;IACI;IACJ,eAAY;AACZ,SAAA,SAAc,OAAC,EAAA,SAAA,OAAA,CAAA;;IAEd,CAAA;GAEH,OAAA;GACA,SAAA;GACA,CAAA,CACD"}

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

@@ -1,28 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../components/icon/index.cjs");
-const require_index$1 = require("../../components/video/index.cjs");
-const require_type = require("./type.cjs");
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/js/usePreview/renderFile.tsx
-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 || "?"
-			})]
-		});
-	}
-}
-//#endregion
-exports.default = renderFile;
-
-//# sourceMappingURL=renderFile.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderFile.cjs","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"}

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

@@ -1,15 +0,0 @@
-//#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;
-
-//# sourceMappingURL=type.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"type.cjs","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"}

package/lib/cjs/js/useRipple/index.cjs

@@ -1,45 +0,0 @@
-//#region packages/js/useRipple/index.ts
-const TIMEOUT = 500;
-const useRipple = () => {
-	if (!document) return;
-	if (document.documentElement.dataset["iocaRipple"]) return;
-	document.documentElement.dataset["iocaRipple"] = "enable";
-	document.addEventListener("mousedown", listener);
-};
-function listener(e) {
-	const target = e.target;
-	const parent = target.closest("[data-ripple]");
-	if (!target || !parent) return;
-	triggerRipple(parent, e);
-}
-function triggerRipple(target, e) {
-	if (!document) return;
-	const [$box, $ripple] = createRipple();
-	const rect = target.getBoundingClientRect();
-	const size = Math.max(rect.width, rect.height) * 2;
-	$ripple.style.cssText = `
-        left: ${e.pageX - rect.left}px;
-        top: ${e.pageY - rect.top}px;
-        width: ${size}px;
-        height: ${size}px;
-        transition: all ${TIMEOUT / 1e3}s;
-    `;
-	target.insertAdjacentElement("afterbegin", $box);
-	target.offsetHeight;
-	$ripple.classList.add("i-ripple-active");
-	setTimeout(() => {
-		$box.remove();
-	}, TIMEOUT);
-}
-function createRipple() {
-	const $box = document.createElement("SPAN");
-	const $ripple = document.createElement("SPAN");
-	$box.className = "i-ripple-container";
-	$ripple.className = "i-ripple";
-	$box.append($ripple);
-	return [$box, $ripple];
-}
-//#endregion
-exports.default = useRipple;
-
-//# sourceMappingURL=index.cjs.map