@ioca/react 1.4.75 → 1.4.77

package/lib/es/components/upload/upload.js

@@ -1,118 +1,163 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { DriveFolderUploadOutlined, PlusSharp } from '@ricons/material';
-import classNames from 'classnames';
-import { uid } from 'radash';
-import { useState, useRef, useMemo, useEffect, useImperativeHandle } from 'react';
-import { SortableItem } from 'react-easy-sort';
-import usePreview from '../../js/usePreview/index.js';
-import { arrayMove } from '../../js/utils.js';
-import Button from '../button/button.js';
-import Icon from '../icon/icon.js';
-import InputContainer from '../input/container.js';
-import FileListItem, { ListContainer } from './renderFile.js';
-
+import button_default from "../button/index.js";
+import icon_default from "../icon/index.js";
+import { arrayMove } from "../../js/utils.js";
+import usePreview from "../../js/usePreview/index.js";
+import InputContainer from "../input/container.js";
+import FileListItem, { ListContainer } from "./renderFile.js";
+import classNames from "classnames";
+import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
+import { useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { DriveFolderUploadOutlined, PlusSharp } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { SortableItem } from "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] = useState(files);
-    const [uploadMessage, setUploadMessage] = useState(message);
-    const inputRef = useRef(null);
-    const preview = usePreview();
-    const defBtnProps = Object.assign({
-        children: (jsxs(Fragment, { children: [jsx(Icon, { icon: jsx(DriveFolderUploadOutlined, {}) }), " \u4E0A\u4F20"] })),
-    }, defaultButtonProps);
-    const trigger = useMemo(() => {
-        if (children)
-            return children;
-        switch (mode) {
-            case "card":
-                return (jsx(Button, { className: 'i-upload-card-btn color-5', square: true, flat: true, outline: true, disabled: disabled, children: jsx(Icon, { icon: jsx(PlusSharp, {}) }) }));
-            default:
-                return (jsx(Button, { ...defBtnProps, className: classNames("i-upload-btn", defBtnProps.className), disabled: 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 ?? 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 ?? uid(7) };
-        }));
-    };
-    const handleSortEnd = (before, after) => {
-        const [...files] = fileList;
-        const nextFiles = arrayMove(files, before, after);
-        setFileListState(nextFiles);
-        onChange?.(nextFiles);
-    };
-    useEffect(() => {
-        setUploadMessage(message);
-    }, [status, message]);
-    useEffect(() => {
-        setFileListState(value?.filter?.((file) => !!file.id) ?? []);
-    }, [value]);
-    useEffect(() => {
-        setFileList(initialFiles);
-    }, []);
-    useImperativeHandle(ref, () => ({
-        getFileList: () => fileList,
-        setFileList,
-    }), [fileList]);
-    return (jsx(InputContainer, { as: 'div', label: label, labelInline: labelInline, className: classNames("i-input-label-file", className), style: style, children: jsxs("div", { className: classNames("i-upload-inner", {
-                [`i-upload-${mode}`]: mode !== "default",
-            }), style: { ["--upload-card-size"]: cardSize }, children: [jsx(ListContainer, { sortable: sortable, onSortEnd: handleSortEnd, children: fileList.map((file, i) => {
-                        const node = (jsx(FileListItem, { index: i, file: file, mode: mode, renderItem: renderItem, onRemove: handleRemove, onPreview: handlePreview }, i));
-                        if (!sortable)
-                            return node;
-                        return jsx(SortableItem, { children: node }, i);
-                    }) }), uploadMessage && (jsx("span", { className: 'i-upload-message', children: uploadMessage })), fileList.length < limit && (jsxs("label", { children: [jsx("input", { ...restProps, disabled: disabled, ref: inputRef, type: 'file', className: 'i-input-file-hidden', multiple: multiple, onChange: handleChange }), trigger] }))] }) }));
+	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] = useState(files);
+	const [uploadMessage, setUploadMessage] = useState(message);
+	const inputRef = useRef(null);
+	const preview = usePreview();
+	const defBtnProps = Object.assign({ children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(DriveFolderUploadOutlined, {}) }), " 上传"] }) }, defaultButtonProps);
+	const trigger = useMemo(() => {
+		if (children) return children;
+		switch (mode) {
+			case "card": return /* @__PURE__ */ jsx(button_default, {
+				className: "i-upload-card-btn color-5",
+				square: true,
+				flat: true,
+				outline: true,
+				disabled,
+				children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(PlusSharp, {}) })
+			});
+			default: return /* @__PURE__ */ jsx(button_default, {
+				...defBtnProps,
+				className: classNames("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 ?? 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 ?? uid(7)
+			};
+		}));
+	};
+	const handleSortEnd = (before, after) => {
+		const [ ...files] = fileList;
+		const nextFiles = arrayMove(files, before, after);
+		setFileListState(nextFiles);
+		onChange?.(nextFiles);
+	};
+	useEffect(() => {
+		setUploadMessage(message);
+	}, [status, message]);
+	useEffect(() => {
+		setFileListState(value?.filter?.((file) => !!file.id) ?? []);
+	}, [value]);
+	useEffect(() => {
+		setFileList(initialFiles);
+	}, []);
+	useImperativeHandle(ref, () => ({
+		getFileList: () => fileList,
+		setFileList
+	}), [fileList]);
+	return /* @__PURE__ */ jsx(InputContainer, {
+		as: "div",
+		label,
+		labelInline,
+		className: classNames("i-input-label-file", className),
+		style,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: classNames("i-upload-inner", { [`i-upload-${mode}`]: mode !== "default" }),
+			style: { ["--upload-card-size"]: cardSize },
+			children: [
+				/* @__PURE__ */ jsx(ListContainer, {
+					sortable,
+					onSortEnd: handleSortEnd,
+					children: fileList.map((file, i) => {
+						const node = /* @__PURE__ */ jsx(FileListItem, {
+							index: i,
+							file,
+							mode,
+							renderItem,
+							onRemove: handleRemove,
+							onPreview: handlePreview
+						}, i);
+						if (!sortable) return node;
+						return /* @__PURE__ */ jsx(SortableItem, { children: node }, i);
+					})
+				}),
+				uploadMessage && /* @__PURE__ */ jsx("span", {
+					className: "i-upload-message",
+					children: uploadMessage
+				}),
+				fileList.length < limit && /* @__PURE__ */ jsxs("label", { children: [/* @__PURE__ */ jsx("input", {
+					...restProps,
+					disabled,
+					ref: inputRef,
+					type: "file",
+					className: "i-input-file-hidden",
+					multiple,
+					onChange: handleChange
+				}), trigger] })
+			]
+		})
+	});
 };
-
+//#endregion
 export { Upload as default };
-//# sourceMappingURL=upload.js.map
+
+//# sourceMappingURL=upload.js.map

package/lib/es/components/upload/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","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"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"upload.js","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/es/components/utils/empty/index.js

@@ -1,11 +1,15 @@
-import { jsx } from 'react/jsx-runtime';
-import { InboxTwotone } from '@ricons/material';
-import classNames from 'classnames';
-
+import classNames from "classnames";
+import { InboxTwotone } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region packages/components/utils/empty/index.tsx
 function Empty(props) {
-    const { className, ...restProps } = props;
-    return (jsx(InboxTwotone, { className: classNames("i-empty", className), ...restProps }));
+	const { className, ...restProps } = props;
+	return /* @__PURE__ */ jsx(InboxTwotone, {
+		className: classNames("i-empty", className),
+		...restProps
+	});
 }
-
+//#endregion
 export { Empty as default };
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/lib/es/components/utils/empty/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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"],"names":["_jsx"],"mappings":";;;;AAIc,SAAU,KAAK,CAAC,KAAK,EAAA;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEzC,IAAA,QACCA,GAAA,CAAC,YAAY,EAAA,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,GACvC,SAAS,EAAA,CACZ;AAEJ;;;;"}
+{"version":3,"file":"index.js","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":";;;;AAIA,SAAwB,MAAM,OAAO;CACpC,MAAM,EAAE,WAAW,GAAG,cAAc;AAEpC,QACC,oBAAC,cAAD;EACC,WAAW,WAAW,WAAW,UAAU;EAC3C,GAAI;EACJ,CAAA"}

package/lib/es/components/utils/helpericon/helpericon.js

@@ -1,24 +1,22 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { CloseRound } from '@ricons/material';
-import classNames from 'classnames';
-import { uid } from 'radash';
-import { createElement } from 'react';
-import Icon from '../../icon/icon.js';
-
+import icon_default from "../../icon/index.js";
+import classNames from "classnames";
+import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
+import { createElement } from "react";
+import { CloseRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region packages/components/utils/helpericon/helpericon.tsx
 const Helpericon = (props) => {
-    const { as = "a", active, className, icon = jsx(CloseRound, {}), ...restProps } = props;
-    if (!active)
-        return jsx(Fragment, {});
-    return createElement(as, {
-        className: classNames("i-helpericon", className),
-        ...restProps,
-    }, [
-        createElement(Icon, {
-            key: uid(3),
-            icon,
-        }),
-    ]);
+	const { as = "a", active, className, icon = /* @__PURE__ */ jsx(CloseRound, {}), ...restProps } = props;
+	if (!active) return /* @__PURE__ */ jsx(Fragment$1, {});
+	return createElement(as, {
+		className: classNames("i-helpericon", className),
+		...restProps
+	}, [createElement(icon_default, {
+		key: uid(3),
+		icon
+	})]);
 };
-
+//#endregion
 export { Helpericon as default };
-//# sourceMappingURL=helpericon.js.map
+
+//# sourceMappingURL=helpericon.js.map

package/lib/es/components/utils/helpericon/helpericon.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpericon.js","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"],"names":["_jsx"],"mappings":";;;;;;;AAQA,MAAM,UAAU,GAAG,CAAC,KAAkB,KAAI;IACzC,MAAM,EACL,EAAE,GAAG,GAAG,EACR,MAAM,EACN,SAAS,EACT,IAAI,GAAGA,GAAA,CAAC,UAAU,KAAG,EACrB,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAOA,iBAAK;IAEzB,OAAO,aAAa,CACnB,EAAE,EACF;AACC,QAAA,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC;AAChD,QAAA,GAAG,SAAS;KACZ,EACD;QACC,aAAa,CAAC,IAAI,EAAE;AACnB,YAAA,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;YACX,IAAI;SACJ,CAAC;AACF,KAAA,CACD;AACF;;;;"}
+{"version":3,"file":"helpericon.js","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":";;;;;;;AAQA,MAAM,cAAc,UAAuB;CAC1C,MAAM,EACL,KAAK,KACL,QACA,WACA,OAAO,oBAAC,YAAD,EAAc,CAAA,EACrB,GAAG,cACA;AAEJ,KAAI,CAAC,OAAQ,QAAO,oBAAA,YAAA,EAAK,CAAA;AAEzB,QAAO,cACN,IACA;EACC,WAAW,WAAW,gBAAgB,UAAU;EAChD,GAAG;EACH,EACD,CACC,cAAc,cAAM;EACnB,KAAK,IAAI,EAAE;EACX;EACA,CAAC,CACH,CACA"}

package/lib/es/components/utils/helpericon/index.js

@@ -1,6 +1,7 @@
-import Helpericon from './helpericon.js';
+import Helpericon from "./helpericon.js";
+//#region packages/components/utils/helpericon/index.tsx
+var helpericon_default = Helpericon;
+//#endregion
+export { helpericon_default as default };
 
-
-
-export { Helpericon as default };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/es/components/utils/helpericon/index.js.map

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

package/lib/es/components/video/index.js

@@ -1,6 +1,7 @@
-import Video from './video.js';
+import Video from "./video.js";
+//#region packages/components/video/index.tsx
+var video_default = Video;
+//#endregion
+export { video_default as default };
 
-
-
-export { Video as default };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/es/components/video/index.js.map

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