@ioca/react 1.4.80 → 1.5.1

package/lib/cjs/components/upload/renderFile.js

@@ -1,99 +1,69 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_index = require("../icon/index.js");
-const require_utils = require("../../js/utils.js");
-const require_index$1 = require("../utils/helpericon/index.js");
-const require_type = require("../../js/usePreview/type.js");
-const require_index$2 = require("../image/index.js");
-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 _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_easy_sort = require("react-easy-sort");
-react_easy_sort = require_runtime.__toESM(react_easy_sort);
-//#region packages/components/upload/renderFile.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@ricons/material');
+var radash = require('radash');
+var SortableContainer = require('react-easy-sort');
+var type = require('../../js/usePreview/type.js');
+var utils = require('../../js/utils.js');
+var icon = require('../icon/icon.js');
+var image = require('../image/image.js');
+var helpericon = require('../utils/helpericon/helpericon.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+var SortableContainer__default = /*#__PURE__*/_interopDefaultCompat(SortableContainer);
+
 const ListContainer = (props) => {
-	const { sortable, onSortEnd, itemProps, ...restProps } = props;
-	const customProps = {
-		className: "i-upload-list",
-		onClick: (e) => {
-			e.stopPropagation();
-			e.preventDefault();
-		}
-	};
-	if (!sortable) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...customProps,
-		...restProps
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_easy_sort.default, {
-		draggedItemClassName: "i-upload-item-dragged",
-		onSortEnd,
-		...customProps,
-		...restProps
-	});
+    const { sortable, onSortEnd, itemProps, ...restProps } = props;
+    const customProps = {
+        className: "i-upload-list",
+        onClick: (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+        },
+    };
+    if (!sortable) {
+        return jsxRuntime.jsx("div", { ...customProps, ...restProps });
+    }
+    return (jsxRuntime.jsx(SortableContainer__default, { draggedItemClassName: 'i-upload-item-dragged', onSortEnd: onSortEnd, ...customProps, ...restProps }));
 };
 const FileListItem = (props) => {
-	const { ref, mode, index, file, renderItem, onRemove, onPreview } = props;
-	if (!file) return "";
-	const { id, name, size, url, src } = file;
-	const type = require_utils.getFileType(name, file.type);
-	if (renderItem) return renderItem(file, index);
-	const CloseBtn = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
-		active: true,
-		className: "i-upload-delete",
-		onClick: (e) => {
-			e.stopPropagation();
-			e.preventDefault();
-			onRemove(index);
-		}
-	});
-	switch (mode) {
-		case "card":
-			let node = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-			switch (type) {
-				case require_type.TFileType.IMAGE:
-					node = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
-						lazyload: true,
-						src: url || src,
-						fit: "cover",
-						onMouseDown: (e) => e.preventDefault()
-					});
-					break;
-				case require_type.TFileType.VIDEO:
-					node = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
-						src: url || src,
-						preload: "none"
-					});
-					break;
-				default:
-					node = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.ListAltRound, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "i-upload-file-name",
-						children: (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.title)(name)
-					})] });
-					break;
-			}
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref,
-				title: name,
-				className: "i-upload-item-card",
-				onClick: () => onPreview?.(index),
-				children: [node, CloseBtn]
-			});
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			ref,
-			className: "i-upload-item",
-			onClick: () => onPreview?.(index),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: name }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-					className: "i-upload-size",
-					children: require_utils.formatBytes(size ?? 0)
-				}),
-				CloseBtn
-			]
-		}, id);
-	}
+    const { ref, mode, index, file, renderItem, onRemove, onPreview } = props;
+    if (!file)
+        return "";
+    const { id, name, size, url, src } = file;
+    const type$1 = utils.getFileType(name, file.type);
+    if (renderItem) {
+        return renderItem(file, index);
+    }
+    const CloseBtn = (jsxRuntime.jsx(helpericon.default, { active: true, className: 'i-upload-delete', onClick: (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            onRemove(index);
+        } }));
+    switch (mode) {
+        case "card":
+            let node = jsxRuntime.jsx(jsxRuntime.Fragment, {});
+            switch (type$1) {
+                case type.TFileType.IMAGE:
+                    node = (jsxRuntime.jsx(image.default, { lazyload: true, src: url || src, fit: 'cover', onMouseDown: (e) => e.preventDefault() }));
+                    break;
+                case type.TFileType.VIDEO:
+                    node = jsxRuntime.jsx("video", { src: url || src, preload: 'none' });
+                    break;
+                default:
+                    node = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.ListAltRound, {}) }), jsxRuntime.jsx("span", { className: 'i-upload-file-name', children: radash.title(name) })] }));
+                    break;
+            }
+            return (jsxRuntime.jsxs("div", { ref: ref, title: name, className: 'i-upload-item-card', onClick: () => onPreview?.(index), children: [node, CloseBtn] }));
+        default:
+            return (jsxRuntime.jsxs("div", { ref: ref, className: 'i-upload-item', onClick: () => onPreview?.(index), children: [jsxRuntime.jsx("span", { children: name }), jsxRuntime.jsx("i", { className: 'i-upload-size', children: utils.formatBytes(size ?? 0) }), CloseBtn] }, id));
+    }
 };
-//#endregion
+
 exports.ListContainer = ListContainer;
 exports.default = FileListItem;
-
-//# sourceMappingURL=renderFile.js.map
+//# sourceMappingURL=renderFile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderFile.js","names":["SortableContainer","getFileType","Helpericon","TFileType","Image","Icon","ListAltRound","formatBytes"],"sources":["../../../../packages/components/upload/renderFile.tsx"],"sourcesContent":["import { ListAltRound } from \"@ricons/material\";\nimport { title } from \"radash\";\nimport { RefObject } from \"react\";\nimport SortableContainer from \"react-easy-sort\";\nimport { TFileType } from \"../../js/usePreview/type\";\nimport { formatBytes, getFileType } from \"../../js/utils\";\nimport Icon from \"../icon\";\nimport Image from \"../image\";\nimport Helpericon from \"../utils/helpericon\";\nimport { IUploadItem } from \"./type\";\n\nexport const ListContainer = (props) => {\n\tconst { sortable, onSortEnd, itemProps, ...restProps } = props;\n\tconst customProps = {\n\t\tclassName: \"i-upload-list\",\n\t\tonClick: (e) => {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t},\n\t};\n\n\tif (!sortable) {\n\t\treturn <div {...customProps} {...restProps} />;\n\t}\n\treturn (\n\t\t<SortableContainer\n\t\t\tdraggedItemClassName='i-upload-item-dragged'\n\t\t\tonSortEnd={onSortEnd}\n\t\t\t{...customProps}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n};\n\nconst FileListItem = (\n\tprops: IUploadItem & { ref?: RefObject<HTMLDivElement | null> }\n) => {\n\tconst { ref, mode, index, file, renderItem, onRemove, onPreview } = props;\n\n\tif (!file) return \"\";\n\n\tconst { id, name, size, url, src } = file;\n\tconst type = getFileType(name, file.type);\n\n\tif (renderItem) {\n\t\treturn renderItem(file, index);\n\t}\n\n\tconst CloseBtn = (\n\t\t<Helpericon\n\t\t\tactive\n\t\t\tclassName='i-upload-delete'\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\te.preventDefault();\n\t\t\t\tonRemove(index);\n\t\t\t}}\n\t\t/>\n\t);\n\n\tswitch (mode) {\n\t\tcase \"card\":\n\t\t\tlet node = <></>;\n\n\t\t\tswitch (type) {\n\t\t\t\tcase TFileType.IMAGE:\n\t\t\t\t\tnode = (\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\tlazyload\n\t\t\t\t\t\t\tsrc={url || src}\n\t\t\t\t\t\t\tfit='cover'\n\t\t\t\t\t\t\tonMouseDown={(e) => e.preventDefault()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t\tcase TFileType.VIDEO:\n\t\t\t\t\tnode = <video src={url || src} preload='none' />;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tnode = (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Icon icon={<ListAltRound />} />\n\t\t\t\t\t\t\t<span className='i-upload-file-name'>\n\t\t\t\t\t\t\t\t{title(name)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tref={ref}\n\t\t\t\t\ttitle={name}\n\t\t\t\t\tclassName='i-upload-item-card'\n\t\t\t\t\tonClick={() => onPreview?.(index)}\n\t\t\t\t>\n\t\t\t\t\t{node}\n\t\t\t\t\t{CloseBtn}\n\t\t\t\t</div>\n\t\t\t);\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tref={ref}\n\t\t\t\t\tkey={id}\n\t\t\t\t\tclassName='i-upload-item'\n\t\t\t\t\tonClick={() => onPreview?.(index)}\n\t\t\t\t>\n\t\t\t\t\t<span>{name}</span>\n\n\t\t\t\t\t<i className='i-upload-size'>{formatBytes(size ?? 0)}</i>\n\n\t\t\t\t\t{CloseBtn}\n\t\t\t\t</div>\n\t\t\t);\n\t}\n};\n\nexport default FileListItem;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,iBAAiB,UAAU;CACvC,MAAM,EAAE,UAAU,WAAW,WAAW,GAAG,cAAc;CACzD,MAAM,cAAc;EACnB,WAAW;EACX,UAAU,MAAM;AACf,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;;EAEnB;AAED,KAAI,CAAC,SACJ,QAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAa,GAAI;EAAa,CAAA;AAE/C,QACC,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;EACC,sBAAqB;EACV;EACX,GAAI;EACJ,GAAI;EACH,CAAA;;AAIJ,MAAM,gBACL,UACI;CACJ,MAAM,EAAE,KAAK,MAAM,OAAO,MAAM,YAAY,UAAU,cAAc;AAEpE,KAAI,CAAC,KAAM,QAAO;CAElB,MAAM,EAAE,IAAI,MAAM,MAAM,KAAK,QAAQ;CACrC,MAAM,OAAOC,cAAAA,YAAY,MAAM,KAAK,KAAK;AAEzC,KAAI,WACH,QAAO,WAAW,MAAM,MAAM;CAG/B,MAAM,WACL,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;EACC,QAAA;EACA,WAAU;EACV,UAAU,MAAM;AACf,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB,YAAS,MAAM;;EAEf,CAAA;AAGH,SAAQ,MAAR;EACC,KAAK;GACJ,IAAI,OAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA;AAEhB,WAAQ,MAAR;IACC,KAAKC,aAAAA,UAAU;AACd,YACC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;MACC,UAAA;MACA,KAAK,OAAO;MACZ,KAAI;MACJ,cAAc,MAAM,EAAE,gBAAgB;MACrC,CAAA;AAEH;IACD,KAAKD,aAAAA,UAAU;AACd,YAAO,iBAAA,GAAA,kBAAA,KAAC,SAAD;MAAO,KAAK,OAAO;MAAK,SAAQ;MAAS,CAAA;AAChD;IACD;AACC,YACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACC,iBAAA,GAAA,kBAAA,KAACE,cAAAA,SAAD,EAAM,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,cAAD,EAAgB,CAAA,EAAI,CAAA,EAChC,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gIACR,KAAK;MACN,CAAA,CACL,EAAA,CAAA;AAEJ;;AAGF,UACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;IACM;IACL,OAAO;IACP,WAAU;IACV,eAAe,YAAY,MAAM;cAJlC,CAME,MACA,SACI;;EAER,QACC,QACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GACM;GAEL,WAAU;GACV,eAAe,YAAY,MAAM;aAJlC;IAMC,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,MAAY,CAAA;IAEnB,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAAiBC,cAAAA,YAAY,QAAQ,EAAE;KAAK,CAAA;IAExD;IACI;KATA,GASA"}
+{"version":3,"file":"renderFile.js","sources":["../../../../packages/components/upload/renderFile.tsx"],"sourcesContent":["import { ListAltRound } from \"@ricons/material\";\r\nimport { title } from \"radash\";\r\nimport { RefObject } from \"react\";\r\nimport SortableContainer from \"react-easy-sort\";\r\nimport { TFileType } from \"../../js/usePreview/type\";\r\nimport { formatBytes, getFileType } from \"../../js/utils\";\r\nimport Icon from \"../icon\";\r\nimport Image from \"../image\";\r\nimport Helpericon from \"../utils/helpericon\";\r\nimport { IUploadItem } from \"./type\";\r\n\r\nexport const ListContainer = (props) => {\r\n\tconst { sortable, onSortEnd, itemProps, ...restProps } = props;\r\n\tconst customProps = {\r\n\t\tclassName: \"i-upload-list\",\r\n\t\tonClick: (e) => {\r\n\t\t\te.stopPropagation();\r\n\t\t\te.preventDefault();\r\n\t\t},\r\n\t};\r\n\r\n\tif (!sortable) {\r\n\t\treturn <div {...customProps} {...restProps} />;\r\n\t}\r\n\treturn (\r\n\t\t<SortableContainer\r\n\t\t\tdraggedItemClassName='i-upload-item-dragged'\r\n\t\t\tonSortEnd={onSortEnd}\r\n\t\t\t{...customProps}\r\n\t\t\t{...restProps}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nconst FileListItem = (\r\n\tprops: IUploadItem & { ref?: RefObject<HTMLDivElement | null> }\r\n) => {\r\n\tconst { ref, mode, index, file, renderItem, onRemove, onPreview } = props;\r\n\r\n\tif (!file) return \"\";\r\n\r\n\tconst { id, name, size, url, src } = file;\r\n\tconst type = getFileType(name, file.type);\r\n\r\n\tif (renderItem) {\r\n\t\treturn renderItem(file, index);\r\n\t}\r\n\r\n\tconst CloseBtn = (\r\n\t\t<Helpericon\r\n\t\t\tactive\r\n\t\t\tclassName='i-upload-delete'\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tonRemove(index);\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n\r\n\tswitch (mode) {\r\n\t\tcase \"card\":\r\n\t\t\tlet node = <></>;\r\n\r\n\t\t\tswitch (type) {\r\n\t\t\t\tcase TFileType.IMAGE:\r\n\t\t\t\t\tnode = (\r\n\t\t\t\t\t\t<Image\r\n\t\t\t\t\t\t\tlazyload\r\n\t\t\t\t\t\t\tsrc={url || src}\r\n\t\t\t\t\t\t\tfit='cover'\r\n\t\t\t\t\t\t\tonMouseDown={(e) => e.preventDefault()}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase TFileType.VIDEO:\r\n\t\t\t\t\tnode = <video src={url || src} preload='none' />;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tnode = (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<Icon icon={<ListAltRound />} />\r\n\t\t\t\t\t\t\t<span className='i-upload-file-name'>\r\n\t\t\t\t\t\t\t\t{title(name)}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\ttitle={name}\r\n\t\t\t\t\tclassName='i-upload-item-card'\r\n\t\t\t\t\tonClick={() => onPreview?.(index)}\r\n\t\t\t\t>\r\n\t\t\t\t\t{node}\r\n\t\t\t\t\t{CloseBtn}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\tdefault:\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tkey={id}\r\n\t\t\t\t\tclassName='i-upload-item'\r\n\t\t\t\t\tonClick={() => onPreview?.(index)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span>{name}</span>\r\n\r\n\t\t\t\t\t<i className='i-upload-size'>{formatBytes(size ?? 0)}</i>\r\n\r\n\t\t\t\t\t{CloseBtn}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t}\r\n};\r\n\r\nexport default FileListItem;\r\n"],"names":["_jsx","SortableContainer","type","getFileType","Helpericon","_Fragment","TFileType","Image","_jsxs","Icon","ListAltRound","title","formatBytes"],"mappings":"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"}

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

@@ -1,165 +1,126 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_index = require("../button/index.js");
-const require_index$1 = require("../icon/index.js");
-const require_utils = require("../../js/utils.js");
-const require_index$2 = require("../../js/usePreview/index.js");
-const require_container = require("../input/container.js");
-const require_renderFile = require("./renderFile.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
-let react = require("react");
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_easy_sort = require("react-easy-sort");
-//#region packages/components/upload/upload.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@ricons/material');
+var classNames = require('classnames');
+var radash = require('radash');
+var react = require('react');
+var SortableContainer = require('react-easy-sort');
+var index = require('../../js/usePreview/index.js');
+var utils = require('../../js/utils.js');
+var button = require('../button/button.js');
+var icon = require('../icon/icon.js');
+var container = require('../input/container.js');
+var renderFile = require('./renderFile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
 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] })
-			]
-		})
-	});
+    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] = react.useState(files);
+    const [uploadMessage, setUploadMessage] = react.useState(message);
+    const inputRef = react.useRef(null);
+    const preview = index.default();
+    const defBtnProps = Object.assign({
+        children: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.DriveFolderUploadOutlined, {}) }), " \u4E0A\u4F20"] })),
+    }, defaultButtonProps);
+    const trigger = react.useMemo(() => {
+        if (children)
+            return children;
+        switch (mode) {
+            case "card":
+                return (jsxRuntime.jsx(button.default, { className: 'i-upload-card-btn color-5', square: true, flat: true, outline: true, disabled: disabled, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.PlusSharp, {}) }) }));
+            default:
+                return (jsxRuntime.jsx(button.default, { ...defBtnProps, className: classNames__default("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 ?? radash.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 ?? radash.uid(7) };
+        }));
+    };
+    const handleSortEnd = (before, after) => {
+        const [...files] = fileList;
+        const nextFiles = utils.arrayMove(files, before, after);
+        setFileListState(nextFiles);
+        onChange?.(nextFiles);
+    };
+    react.useEffect(() => {
+        setUploadMessage(message);
+    }, [status, message]);
+    react.useEffect(() => {
+        setFileListState(value?.filter?.((file) => !!file.id) ?? []);
+    }, [value]);
+    react.useEffect(() => {
+        setFileList(initialFiles);
+    }, []);
+    react.useImperativeHandle(ref, () => ({
+        getFileList: () => fileList,
+        setFileList,
+    }), [fileList]);
+    return (jsxRuntime.jsx(container.default, { as: 'div', label: label, labelInline: labelInline, className: classNames__default("i-input-label-file", className), style: style, children: jsxRuntime.jsxs("div", { className: classNames__default("i-upload-inner", {
+                [`i-upload-${mode}`]: mode !== "default",
+            }), style: { ["--upload-card-size"]: cardSize }, children: [jsxRuntime.jsx(renderFile.ListContainer, { sortable: sortable, onSortEnd: handleSortEnd, children: fileList.map((file, i) => {
+                        const node = (jsxRuntime.jsx(renderFile.default, { index: i, file: file, mode: mode, renderItem: renderItem, onRemove: handleRemove, onPreview: handlePreview }, i));
+                        if (!sortable)
+                            return node;
+                        return jsxRuntime.jsx(SortableContainer.SortableItem, { children: node }, i);
+                    }) }), uploadMessage && (jsxRuntime.jsx("span", { className: 'i-upload-message', children: uploadMessage })), fileList.length < limit && (jsxRuntime.jsxs("label", { children: [jsxRuntime.jsx("input", { ...restProps, disabled: disabled, ref: inputRef, type: 'file', className: 'i-input-file-hidden', multiple: multiple, onChange: handleChange }), trigger] }))] }) }));
 };
-//#endregion
-exports.default = Upload;
 
-//# sourceMappingURL=upload.js.map
+exports.default = Upload;
+//# sourceMappingURL=upload.js.map

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

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

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

@@ -1,17 +1,19 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
-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
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@ricons/material');
+var classNames = require('classnames');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
 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
-	});
+    const { className, ...restProps } = props;
+    return (jsxRuntime.jsx(material.InboxTwotone, { className: classNames__default("i-empty", className), ...restProps }));
 }
-//#endregion
-exports.default = Empty;
 
-//# sourceMappingURL=index.js.map
+exports.default = Empty;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/utils/empty/index.tsx"],"sourcesContent":["import { InboxTwotone } from \"@ricons/material\";\r\nimport classNames from \"classnames\";\r\nimport \"./index.css\";\r\n\r\nexport default function Empty(props) {\r\n\tconst { className, ...restProps } = props;\r\n\r\n\treturn (\r\n\t\t<InboxTwotone\r\n\t\t\tclassName={classNames(\"i-empty\", className)}\r\n\t\t\t{...restProps}\r\n\t\t/>\r\n\t);\r\n}\r\n"],"names":["_jsx","InboxTwotone","classNames"],"mappings":";;;;;;;;;;;;AAIc,SAAU,KAAK,CAAC,KAAK,EAAA;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEzC,IAAA,QACCA,cAAA,CAACC,qBAAY,EAAA,EACZ,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,GACvC,SAAS,EAAA,CACZ;AAEJ;;;;"}