@ioca/react 1.4.79 → 1.4.81

package/lib/cjs/components/upload/upload.cjs

@@ -1,165 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.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("../../js/usePreview/index.cjs");
-const require_container = require("../input/container.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");
-let react_easy_sort = require("react-easy-sort");
-//#region packages/components/upload/upload.tsx
-const Upload = (props) => {
-	const { ref, label, labelInline, value, files = [], initialFiles, placeholder, status = "normal", message, className, style, children, defaultButtonProps, mode = "default", cardSize = "4em", disabled, sortable, limit = props.multiple ? Infinity : 1, multiple, renderItem, shouldUpload = () => true, uploader, onChange, onFilesChange, onUpload, ...restProps } = props;
-	const [fileList, setFileListState] = (0, react.useState)(files);
-	const [uploadMessage, setUploadMessage] = (0, react.useState)(message);
-	const inputRef = (0, react.useRef)(null);
-	const preview = require_index$2.default();
-	const defBtnProps = Object.assign({ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.DriveFolderUploadOutlined, {}) }), " 上传"] }) }, defaultButtonProps);
-	const trigger = (0, react.useMemo)(() => {
-		if (children) return children;
-		switch (mode) {
-			case "card": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				className: "i-upload-card-btn color-5",
-				square: true,
-				flat: true,
-				outline: true,
-				disabled,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.PlusSharp, {}) })
-			});
-			default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				...defBtnProps,
-				className: (0, classnames.default)("i-upload-btn", defBtnProps.className),
-				disabled
-			});
-		}
-	}, [mode, children]);
-	const handleChange = (e) => {
-		const files = Array.from(e.target.files || []);
-		const before = fileList;
-		const changed = [];
-		files.map((f) => {
-			const { id, name, size, type } = f;
-			const same = before.find((pf) => {
-				const { name: n, size: s, type: t } = pf;
-				return n === name && s === size && t === type;
-			});
-			const src = URL.createObjectURL(f);
-			Object.assign(f, {
-				id: id ?? (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.uid)(7),
-				src: src ?? f.name,
-				url: src ?? f.name
-			});
-			!same && changed.push(f);
-		});
-		const after = [...before, ...changed];
-		const last = after.at(-1);
-		const nextFiles = multiple ? after.slice(0, limit) : last ? [last] : [];
-		setFileListState(nextFiles);
-		setUploadMessage(message);
-		onFilesChange?.(nextFiles, changed, e);
-		onChange?.(nextFiles, e);
-		handleUpload(changed);
-		inputRef.current && (inputRef.current.value = "");
-	};
-	const handleRemove = (i) => {
-		const [ ...files] = fileList;
-		const changed = files.splice(i, 1);
-		URL.revokeObjectURL(changed[0]?.src || "");
-		setFileListState(files);
-		onFilesChange?.(files, changed);
-		onChange?.(files);
-		inputRef.current && (inputRef.current.value = "");
-	};
-	const handleUpload = async (files) => {
-		if (!uploader) return;
-		const shouldUploadFiles = files.filter(shouldUpload);
-		const result = Promise.all(shouldUploadFiles.map(uploader));
-		return onUpload?.(result);
-	};
-	const handlePreview = (i) => {
-		preview({
-			items: fileList,
-			initial: i
-		});
-	};
-	const setFileList = (files) => {
-		if (!files) return;
-		setFileListState(files.map((f) => {
-			const file = f;
-			return {
-				...file,
-				id: file.id ?? (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.uid)(7)
-			};
-		}));
-	};
-	const handleSortEnd = (before, after) => {
-		const [ ...files] = fileList;
-		const nextFiles = require_utils.arrayMove(files, before, after);
-		setFileListState(nextFiles);
-		onChange?.(nextFiles);
-	};
-	(0, react.useEffect)(() => {
-		setUploadMessage(message);
-	}, [status, message]);
-	(0, react.useEffect)(() => {
-		setFileListState(value?.filter?.((file) => !!file.id) ?? []);
-	}, [value]);
-	(0, react.useEffect)(() => {
-		setFileList(initialFiles);
-	}, []);
-	(0, react.useImperativeHandle)(ref, () => ({
-		getFileList: () => fileList,
-		setFileList
-	}), [fileList]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_container.default, {
-		as: "div",
-		label,
-		labelInline,
-		className: (0, classnames.default)("i-input-label-file", className),
-		style,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, classnames.default)("i-upload-inner", { [`i-upload-${mode}`]: mode !== "default" }),
-			style: { ["--upload-card-size"]: cardSize },
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_renderFile.ListContainer, {
-					sortable,
-					onSortEnd: handleSortEnd,
-					children: fileList.map((file, i) => {
-						const node = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_renderFile.default, {
-							index: i,
-							file,
-							mode,
-							renderItem,
-							onRemove: handleRemove,
-							onPreview: handlePreview
-						}, i);
-						if (!sortable) return node;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_easy_sort.SortableItem, { children: node }, i);
-					})
-				}),
-				uploadMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "i-upload-message",
-					children: uploadMessage
-				}),
-				fileList.length < limit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					...restProps,
-					disabled,
-					ref: inputRef,
-					type: "file",
-					className: "i-input-file-hidden",
-					multiple,
-					onChange: handleChange
-				}), trigger] })
-			]
-		})
-	});
-};
-//#endregion
-exports.default = Upload;
-
-//# sourceMappingURL=upload.cjs.map

package/lib/cjs/components/upload/upload.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload.cjs","names":[],"sources":["../../../../packages/components/upload/upload.tsx"],"sourcesContent":["import { DriveFolderUploadOutlined, PlusSharp } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { uid } from \"radash\";\nimport {\n\tChangeEvent,\n\tCSSProperties,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { SortableItem } from \"react-easy-sort\";\nimport usePreview from \"../../js/usePreview\";\nimport { TPreviewItem } from \"../../js/usePreview/type\";\nimport { arrayMove } from \"../../js/utils\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport InputContainer from \"../input/container\";\nimport \"./index.css\";\nimport FileListItem, { ListContainer } from \"./renderFile\";\nimport { IFile, IUpload } from \"./type\";\n\nconst Upload = (props: IUpload) => {\n\tconst {\n\t\tref,\n\t\tlabel,\n\t\tlabelInline,\n\t\tvalue,\n\t\tfiles = [],\n\t\tinitialFiles,\n\t\tplaceholder,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\tclassName,\n\t\tstyle,\n\t\tchildren,\n\t\tdefaultButtonProps,\n\t\tmode = \"default\",\n\t\tcardSize = \"4em\",\n\t\tdisabled,\n\t\tsortable,\n\t\tlimit = props.multiple ? Infinity : 1,\n\t\tmultiple,\n\t\trenderItem,\n\t\tshouldUpload = () => true,\n\t\tuploader,\n\t\tonChange,\n\t\tonFilesChange,\n\t\tonUpload,\n\t\t...restProps\n\t} = props;\n\n\tconst [fileList, setFileListState] = useState(files);\n\tconst [uploadMessage, setUploadMessage] = useState(message);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst preview = usePreview();\n\tconst defBtnProps = Object.assign(\n\t\t{\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t<Icon icon={<DriveFolderUploadOutlined />} /> 上传\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t\tdefaultButtonProps,\n\t);\n\n\tconst trigger = useMemo(() => {\n\t\tif (children) return children;\n\n\t\tswitch (mode) {\n\t\t\tcase \"card\":\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='i-upload-card-btn color-5'\n\t\t\t\t\t\tsquare\n\t\t\t\t\t\tflat\n\t\t\t\t\t\toutline\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={<PlusSharp />} />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...defBtnProps}\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\"i-upload-btn\",\n\t\t\t\t\t\t\tdefBtnProps.className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t}\n\t}, [mode, children]);\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst files = Array.from(e.target.files || []) as IFile[];\n\t\tconst before = fileList;\n\t\tconst changed: IFile[] = [];\n\n\t\tfiles.map((f) => {\n\t\t\tconst { id, name, size, type } = f;\n\t\t\tconst same = before.find((pf) => {\n\t\t\t\tconst { name: n, size: s, type: t } = pf;\n\t\t\t\treturn n === name && s === size && t === type;\n\t\t\t});\n\t\t\tconst src = URL.createObjectURL(f);\n\n\t\t\tObject.assign(f, {\n\t\t\t\tid: id ?? uid(7),\n\t\t\t\tsrc: src ?? f.name,\n\t\t\t\turl: src ?? f.name,\n\t\t\t});\n\t\t\t!same && changed.push(f);\n\t\t});\n\n\t\tconst after = [...before, ...changed];\n\t\tconst last = after.at(-1);\n\t\tconst nextFiles = multiple ? after.slice(0, limit) : last ? [last] : [];\n\n\t\tsetFileListState(nextFiles);\n\t\tsetUploadMessage(message);\n\n\t\tonFilesChange?.(nextFiles, changed, e);\n\t\tonChange?.(nextFiles, e);\n\n\t\thandleUpload(changed);\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t};\n\n\tconst handleRemove = (i: number) => {\n\t\tconst [...files] = fileList;\n\n\t\tconst changed = files.splice(i, 1);\n\t\tURL.revokeObjectURL(changed[0]?.src || \"\");\n\n\t\tsetFileListState(files);\n\t\tonFilesChange?.(files, changed);\n\t\tonChange?.(files);\n\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t};\n\n\tconst handleUpload = async (files: IFile[]) => {\n\t\tif (!uploader) return;\n\n\t\tconst shouldUploadFiles = files.filter(shouldUpload);\n\n\t\tconst result = Promise.all(shouldUploadFiles.map(uploader));\n\n\t\treturn onUpload?.(result);\n\t};\n\n\tconst handlePreview = (i: number) => {\n\t\tpreview({ items: fileList as TPreviewItem[], initial: i });\n\t};\n\n\tconst setFileList = (files?: IFile[] | File[]) => {\n\t\tif (!files) return;\n\n\t\tsetFileListState(\n\t\t\tfiles.map((f: IFile | File) => {\n\t\t\t\tconst file = f as IFile;\n\t\t\t\treturn { ...file, id: file.id ?? uid(7) };\n\t\t\t}),\n\t\t);\n\t};\n\n\tconst handleSortEnd = (before: number, after: number) => {\n\t\tconst [...files] = fileList;\n\n\t\tconst nextFiles = arrayMove(files, before, after);\n\t\tsetFileListState(nextFiles);\n\t\tonChange?.(nextFiles);\n\t};\n\n\tuseEffect(() => {\n\t\tsetUploadMessage(message);\n\t}, [status, message]);\n\n\tuseEffect(() => {\n\t\tsetFileListState(value?.filter?.((file: IFile) => !!file.id) ?? []);\n\t}, [value]);\n\n\tuseEffect(() => {\n\t\tsetFileList(initialFiles);\n\t}, []);\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\tgetFileList: () => fileList,\n\n\t\t\tsetFileList,\n\t\t}),\n\t\t[fileList],\n\t);\n\n\treturn (\n\t\t<InputContainer\n\t\t\tas='div'\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={classNames(\"i-input-label-file\", className)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-upload-inner\", {\n\t\t\t\t\t[`i-upload-${mode}`]: mode !== \"default\",\n\t\t\t\t})}\n\t\t\t\tstyle={{ [\"--upload-card-size\"]: cardSize } as CSSProperties}\n\t\t\t>\n\t\t\t\t<ListContainer sortable={sortable} onSortEnd={handleSortEnd}>\n\t\t\t\t\t{fileList.map((file: IFile, i: number) => {\n\t\t\t\t\t\tconst node = (\n\t\t\t\t\t\t\t<FileListItem\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\tfile={file}\n\t\t\t\t\t\t\t\tmode={mode}\n\t\t\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\t\t\tonRemove={handleRemove}\n\t\t\t\t\t\t\t\tonPreview={handlePreview}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tif (!sortable) return node;\n\n\t\t\t\t\t\treturn <SortableItem key={i}>{node}</SortableItem>;\n\t\t\t\t\t})}\n\t\t\t\t</ListContainer>\n\n\t\t\t\t{uploadMessage && (\n\t\t\t\t\t<span className='i-upload-message'>{uploadMessage}</span>\n\t\t\t\t)}\n\n\t\t\t\t{fileList.length < limit && (\n\t\t\t\t\t<label>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t\ttype='file'\n\t\t\t\t\t\t\tclassName='i-input-file-hidden'\n\t\t\t\t\t\t\tmultiple={multiple}\n\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{trigger}\n\t\t\t\t\t</label>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Upload;\n"],"mappings":"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"}

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

@@ -1,17 +0,0 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/utils/empty/index.tsx
-function Empty(props) {
-	const { className, ...restProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.InboxTwotone, {
-		className: (0, classnames.default)("i-empty", className),
-		...restProps
-	});
-}
-//#endregion
-exports.default = Empty;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../../packages/components/utils/empty/index.tsx"],"sourcesContent":["import { InboxTwotone } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\nexport default function Empty(props) {\n\tconst { className, ...restProps } = props;\n\n\treturn (\n\t\t<InboxTwotone\n\t\t\tclassName={classNames(\"i-empty\", className)}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAEA,SAAoB,MAAA,OAAA;;AAGnB,QAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,cAAA;EAEA,YAAA,GAAA,WAAA,SAAO,WAAA,UAAA;EACL,GAAA;EACA,CAAA"}

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

@@ -1,24 +0,0 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../icon/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/utils/helpericon/helpericon.tsx
-const Helpericon = (props) => {
-	const { as = "a", active, className, icon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.CloseRound, {}), ...restProps } = props;
-	if (!active) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-	return (0, react.createElement)(as, {
-		className: (0, classnames.default)("i-helpericon", className),
-		...restProps
-	}, [(0, react.createElement)(require_index.default, {
-		key: (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.uid)(3),
-		icon
-	})]);
-};
-//#endregion
-exports.default = Helpericon;
-
-//# sourceMappingURL=helpericon.cjs.map

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

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

@@ -1,6 +0,0 @@
-//#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

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

@@ -1,6 +0,0 @@
-//#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

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

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;CAqBA,MAAM,EACL,KACC,OACA,cACA,UACA,OACA,SAAK,IACL,QACA,OACA,mBACA,oBAAiB,EACjB,UAAA,WACC,EACD,sBAAC,EACD,UAAA,WACC,EACD,WACA,oBACA,GAAA,cACG;CACJ,MAAI,QAAK,cAAA,YAAA;EACT,SAAM;EACL,QAAQ,QAAC,IAAQ;EACjB,aAAa;EACb;EACA,SAAK;EACL,UAAU;EACV,cAAW;EACX,eAAc;EACd,kBAAe;EACf,CAAA;CACD,MAAE,YAAA,GAAA,MAAA,QAAA,KAAA;CACF,MAAM,YAAA,GAAA,MAAA,QAAkB,KAAA;;EAGxB,MAAM,MAAA,EAAA;AACL,MAAA,IAAM,UAAQ,MAAM,iBAAA;yBAGpB,SAAO,IAAO,aACb,CAAA;;;AAIF,QAAM,UAAA,CAAA,EAAA,OAAqB;;;AAI3B,MAAK,OAAC,aAAmB,YAAM;EAC9B,MAAI,MAAO,SAAU,SAAI;AACzB,MAAA,CAAK,IAAK;;;;EAMX,MAAM,MAAA,EAAA;AACL,SAAM,OAAQ,OAAM;GACpB,QAAO,IAAM,SAAQ;GACpB,OAAO,IAAI,WAAU;GACrB,CAAA;;;EAIF,MAAM,IAAA,SAAc;AACnB,MAAA,CAAK,EAAG;;;;EAMT,MAAM,MAAA,EAAA;AACL,SAAM,OAAQ,OAAM;GACpB,UAAO,IAAO;GACb,SAAS,IAAI;GACb,CAAA;AACD,MAAE,SAAA,MAAA,SAAA;;;EAIH,MAAM,IAAA,SAAc;AACnB,MAAA,CAAK,EAAG;;AAGR,SAAM,cAAY,EAAA;AACjB,KAAA,SAAM;AACN;;AAED,IAAA,SAAA,MAAA,gBAAA,IAAA,KAAA,MAAA;;;EAID,MAAM,IAAA,SAAc;AACnB,MAAA,CAAK,EAAG;;AAGR,IAAE,OAAA;;;EAIH,MAAM,MAAA,SAAgB,SAAS;AAC9B,MAAA,CAAK,IAAK;;AAGV,uBAAqB,CAAA,MAAA,aAAmB;;;EAIzC,MAAM,IAAA,SAAA;AACL,MAAA,CAAK,EAAG;;;;EAMT,MAAM,IAAA,SAAA;AACL,MAAA,CAAK,EAAG;;;;;AAQT,MAAK,CAAC,SAAA,QAAkB;AACvB,eAAa,SAAS,QAAO;AAC7B,WAAA,UAAa;;;AAId,MAAK,CAAC,gBAAgB,CAAC,MAAM,cAAA;AAC5B,QAAK,gBAAiB;;AAGtB,WAAA,UAAe,iBAAA;AACf,SAAA,gBAAmB;KAClB,IAAM;;;AAIR,QAAM,mBAAA;;;;EAMN,YAAA;GACC,MAAO,IAAI,SAAC;AACX,OAAA,CAAK,EAAG;;;EAIT,aAAC;GACD,MAAO,IAAI,SAAE;AACZ,OAAA,CAAK,EAAG;;;EAIT,MAAC;EACD,YAAM;EACN,gBAAY,SAAA;EACZ,EAAA;;AAGD,MAAA,OAAY,aAAI,YAAA;;AAGf,MAAA,CAAK,EAAG;;AAGR,IAAE,iBAAiB,QAAC,mBAAa;AACjC,IAAE,iBAAiB,SAAQ,mBAAmB;AAC9C,IAAE,iBAAiB,gBAAS,qBAAmB;AAC/C,WAAE,iBAAkB,oBAAe,iBAAqB;;AAGxD,kBAAa;AACZ,KAAA,oBAAe,cAAA,mBAAA;AACf,KAAE,oBAAoB,QAAC,mBAAa;AACpC,KAAE,oBAAoB,SAAQ,mBAAmB;AACjD,KAAE,oBAAoB,gBAAS,qBAAmB;AAClD,YAAE,oBAAqB,oBAAe,iBAAqB;;IAE3D,EAAA,CAAA;;QAKF,iBAAA,GAAA,kBAAA,MAAA,OAAA;EACE,YAAA,GAAA,WAAA,SAAA,WAAA,UAAA;EACA,OAAA;GAAS;GAAE;GAAa,GAAC;GAAQ;EACjC,SAAS;EACT,qBAAmB,kBAAA;EACnB,aAAa;YALf,CAOC,iBAAA,GAAA,kBAAA,KAAA,SAAA;GACE,KAAA;GACA,WAAK;GACL,GAAA;GACA,UAAI;GACJ,CAAA,EAAA,gBAGA,iBAAA,GAAA,kBAAA,MAAA,OAAA;GACC,YAAA,GAAA,WAAA,SAAA,oBAAA,EACA,2BAAyB,MAAM,eAC9B,CAAC;GACF,UAAE,MAAA,EAAA,iBAAA;aAJH;IAMA,iBAAA,GAAA,kBAAA,KAAA,cAAA,QAAA,QAAA;KACE,WAAO;KACP,MAAA;KACA,QAAA;KACA,OAAA,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA,EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,YAAA,EAAA,CAAA,EAAA,CAAA;KACA,QAAQ,MAAK;KACb,SAAQ;eAET,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA,EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,gBAAA,EAAA,CAAA,EAAA,CAAA;KACc,CAAA;IACd,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD;KACC,WAAA;KACA,MAAA;KACA,QAAA;KACA,SAAA;eAED,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA,EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,WAAA,EAAA,CAAA,EAAA,CAAA;KACO,CAAA;IACP,iBAAA,GAAA,kBAAA,MAAC,QAAD;KAAE,WAAM;eAAR;MACC,iBAAA,GAAA,kBAAA,KAAA,gBAAA,QAAK,MAAL,EAAK,SAAa,MAAM,SAAa,CAAA;;MACrC,iBAAA,GAAA,kBAAA,KAAC,gBAAA,QAAK,MAAN,EAAW,SAAS,MAAM,UAAY,CAAA;MAChC;;IACP,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD;KACC,GAAA;KACA,OAAI;KACJ,UAAO;KACP,kBAAU;KACV,CAAA;;;gBAGA,iBAAA,GAAA,kBAAA,KAAA,cAAA,QAAI,QAAJ;MACC,WAAO;MACP,MAAA;MACA,QAAA;MACA,QAAA,MAAA,UAAA;MACA,OACA,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;OACE,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,gBAAA,EAAA,CAAA;OACA,OAAO,EAAA,SAAA,UAAiB;OACxB,CAAA;MAEF,SAAA;gBAED,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA,EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,iBAAA,EAAA,CAAA,EAAA,CAAA;MACc,CAAA,EAAA,iBAAA,GAAA,kBAAA,KAAA,OAAA;;gBAGb,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;OACC,OAAA,EAAA,QAAA,KAAA;OACA,UAAA;OACA,GAAA;OACA,OAAI,MAAA;OACJ,UAAO;OACP,CAAA;MACA,CAAA,CACG;;;KAGL,WAAO;KACP,MAAA;KACA,QAAA;KACA,OAAA,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA,EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,qBAAA,EAAA,CAAA,EAAA,CAAA;KACA,QAAQ,MAAK;KACb,eAAc,kBAAY;eAE3B,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA,EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,iBAAA,EAAA,CAAA,EAAA,CAAA;KACc,CAAA;IACZ;KAEH"}

package/lib/cjs/index.cjs

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