@v-c/upload 1.0.0 → 1.1.0

package/dist/AjaxUploader.js

@@ -1,12 +1,13 @@
 import attrAccept_default from "./attrAccept.js";
 import upload from "./request.js";
-import traverseFileTree_default from "./traverseFileTree.js";
+import traverseFileTree from "./traverseFileTree.js";
 import uid from "./uid.js";
 import { computed, createVNode, defineComponent, mergeProps, onMounted, onUnmounted, onUpdated, ref } from "vue";
 import { clsx } from "@v-c/util";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
+//#region src/AjaxUploader.tsx
 function noop() {}
-var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots }) => {
+var AjaxUploader = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots }) => {
 	const uid$1 = ref(uid());
 	let _isMounted = false;
 	const reqs = {};
@@ -48,7 +49,7 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 	const post = ({ data, origin, action, parsedFile }) => {
 		if (!_isMounted) return;
 		const { onStart, customRequest, name, headers, withCredentials, method } = props;
-		const { uid: uid$2 } = origin;
+		const { uid } = origin;
 		const request = customRequest || upload;
 		const requestOption = {
 			action,
@@ -65,17 +66,20 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 			onSuccess: (ret, xhr) => {
 				const { onSuccess } = props;
 				onSuccess?.(ret, parsedFile, xhr);
-				delete reqs[uid$2];
+				delete reqs[uid];
 			},
 			onError: (err, ret) => {
 				const { onError } = props;
 				onError?.(err, ret, parsedFile);
-				delete reqs[uid$2];
+				delete reqs[uid];
 			}
 		};
 		onStart?.(origin);
-		reqs[uid$2] = request(requestOption, { defaultRequest: upload });
+		reqs[uid] = request(requestOption, { defaultRequest: upload });
 	};
+	/**
+	* Process file before upload. When all the file is ready, we start upload.
+	*/
 	const processFile = async (file, fileList) => {
 		const { beforeUpload } = props;
 		let transformedFile = file;
@@ -137,7 +141,7 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 		let files = [...dataTransfer.files || []];
 		if (files.length > 0 || items.some((item) => item.kind === "file")) existFileCallback?.();
 		if (directory) {
-			files = await traverseFileTree_default(Array.prototype.slice.call(items), (currentFile) => filterFile(currentFile));
+			files = await traverseFileTree(Array.prototype.slice.call(items), (currentFile) => filterFile(currentFile));
 			uploadFiles(files);
 		} else {
 			let acceptFiles = [...files].filter((file) => filterFile(file, true));
@@ -145,6 +149,18 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 			uploadFiles(acceptFiles);
 		}
 	};
+	/**
+	* Retry upload for a file. The origin file passed to `onStart` / `onError`
+	* should be provided so it can be processed and posted again.
+	* A retry is ignored while a request for the same uid is still in flight.
+	*/
+	const retry = (originFile) => {
+		const { uid } = originFile;
+		processFile(originFile, [originFile]).then((fileInfo) => {
+			if (reqs[uid]) return;
+			if (fileInfo.parsedFile) post(fileInfo);
+		}).catch(() => {});
+	};
 	const onFileDrop = (e) => {
 		e.preventDefault();
 		if (e.type === "drop") {
@@ -160,7 +176,8 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 	};
 	const onChange = (e) => {
 		const { files } = e.target;
-		uploadFiles([...files || []].filter((file) => filterFile(file)));
+		const acceptedFiles = [...files || []].filter((file) => filterFile(file));
+		uploadFiles(acceptedFiles);
 		reset();
 	};
 	const dirProps = computed(() => {
@@ -171,12 +188,12 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 	});
 	const abort = (file) => {
 		if (file) {
-			const uid$2 = file.uid ? file.uid : file;
-			if (reqs[uid$2] && reqs[uid$2].abort) reqs[uid$2].abort();
-			delete reqs[uid$2];
-		} else Object.keys(reqs).forEach((uid$2) => {
-			if (reqs[uid$2] && reqs[uid$2].abort) reqs[uid$2].abort();
-			delete reqs[uid$2];
+			const uid = file.uid ? file.uid : file;
+			if (reqs[uid] && reqs[uid].abort) reqs[uid].abort();
+			delete reqs[uid];
+		} else Object.keys(reqs).forEach((uid) => {
+			if (reqs[uid] && reqs[uid].abort) reqs[uid].abort();
+			delete reqs[uid];
 		});
 	};
 	const events = computed(() => {
@@ -217,7 +234,10 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 		abort();
 		document.removeEventListener("paste", onFilePaste);
 	});
-	expose({ abort });
+	expose({
+		abort,
+		retry
+	});
 	return () => {
 		const { component, prefixCls, className, classNames = {}, disabled, id, name, style, styles = {}, multiple, accept, capture, directory, openFileDialogOnClick, onMouseEnter, onMouseLeave, hasControlInside, ...otherProps } = {
 			...props,
@@ -405,4 +425,5 @@ var AjaxUploader_default = /* @__PURE__ */ defineComponent((props, { attrs, expo
 		default: void 0
 	}
 } });
-export { AjaxUploader_default as default };
+//#endregion
+export { AjaxUploader as default };

package/dist/Upload.js

@@ -1,5 +1,6 @@
-import AjaxUploader_default from "./AjaxUploader.js";
+import AjaxUploader from "./AjaxUploader.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, ref } from "vue";
+//#region src/Upload.tsx
 function empty() {}
 var defaults = {
 	component: "span",
@@ -17,19 +18,25 @@ var defaults = {
 	openFileDialogOnClick: true,
 	hasControlInside: false
 };
-var Upload_default = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots }) => {
+var Upload = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots }) => {
 	const uploaderRef = ref();
 	const abort = (file) => {
 		uploaderRef.value?.abort(file);
 	};
-	expose({ abort });
+	const retry = (file) => {
+		uploaderRef.value?.retry(file);
+	};
+	expose({
+		abort,
+		retry
+	});
 	const mergedProps = computed(() => ({
 		...defaults,
 		...props
 	}));
-	return () => createVNode(AjaxUploader_default, mergeProps({ "ref": uploaderRef }, mergedProps.value, attrs), { default: () => [slots.default?.()] });
+	return () => createVNode(AjaxUploader, mergeProps({ "ref": uploaderRef }, mergedProps.value, attrs), { default: () => [slots.default?.()] });
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		name: {
 			type: String,
 			required: false,
@@ -187,4 +194,5 @@ var Upload_default = /* @__PURE__ */ defineComponent((props, { attrs, expose, sl
 	}, defaults),
 	name: "Upload"
 });
-export { Upload_default as default };
+//#endregion
+export { Upload as default };

package/dist/attrAccept.js

@@ -1,4 +1,5 @@
 import { warning } from "@v-c/util";
+//#region src/attrAccept.ts
 var attrAccept_default = (file, acceptedFiles) => {
 	if (file && acceptedFiles) {
 		const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
@@ -26,4 +27,5 @@ var attrAccept_default = (file, acceptedFiles) => {
 	}
 	return true;
 };
+//#endregion
 export { attrAccept_default as default };

package/dist/index.js

@@ -1,3 +1,5 @@
-import Upload_default from "./Upload.js";
-var src_default = Upload_default;
+import Upload from "./Upload.js";
+//#region src/index.ts
+var src_default = Upload;
+//#endregion
 export { src_default as default };

package/dist/interface.d.ts

@@ -20,7 +20,8 @@ export interface UploadProgressEvent extends Partial<ProgressEvent> {
     percent?: number;
 }
 export interface AjaxUploaderExpose {
-    abort: (file: any) => void;
+    abort: (file?: any) => void;
+    retry: (file: VcFile) => void;
 }
 export interface UploadRequestOption<T = any> {
     onProgress?: (event: UploadProgressEvent, file?: UploadRequestFile) => void;

package/dist/request.js

@@ -1,3 +1,4 @@
+//#region src/request.ts
 function getError(option, xhr) {
 	const msg = `cannot ${option.method} ${option.action} ${xhr.status}'`;
 	const err = new Error(msg);
@@ -53,4 +54,5 @@ function upload(option) {
 		xhr.abort();
 	} };
 }
+//#endregion
 export { upload as default };

package/dist/traverseFileTree.js

@@ -1,3 +1,4 @@
+//#region src/traverseFileTree.ts
 async function traverseFileTree(files, isAccepted) {
 	const flattenFileList = [];
 	const progressFileList = [];
@@ -47,5 +48,5 @@ async function traverseFileTree(files, isAccepted) {
 	}
 	return flattenFileList;
 }
-var traverseFileTree_default = traverseFileTree;
-export { traverseFileTree_default as default };
+//#endregion
+export { traverseFileTree as default };

package/dist/uid.js

@@ -1,6 +1,8 @@
+//#region src/uid.ts
 var now = +/* @__PURE__ */ new Date();
 var index = 0;
 function uid() {
 	return `vc-upload-${now}-${++index}`;
 }
+//#endregion
 export { uid as default };

package/package.json

@@ -1,12 +1,18 @@
 {
   "name": "@v-c/upload",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.1.0",
+  "license": "MIT",
+  "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/upload",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antdv-next/vue-components.git"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -23,12 +29,12 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/util": "^1.0.9"
+    "@v-c/util": "^1.2.0"
   },
   "devDependencies": {
     "@types/nise": "^1.4.5",
-    "nise": "^6.1.1",
-    "vue": "^3.5.22"
+    "nise": "^6.1.5",
+    "vue": "^3.5.39"
   },
   "scripts": {
     "build": "vite build",

package/dist/AjaxUploader.cjs

@@ -1,415 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_attrAccept = require("./attrAccept.cjs");
-const require_request = require("./request.cjs");
-const require_traverseFileTree = require("./traverseFileTree.cjs");
-const require_uid = require("./uid.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
-_v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
-function noop() {}
-var AjaxUploader = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expose, slots }) => {
-	const uid$1 = (0, vue.ref)(require_uid.default());
-	let _isMounted = false;
-	const reqs = {};
-	const fileInputRef = (0, vue.ref)();
-	const cls = (0, vue.computed)(() => {
-		const { prefixCls, disabled, className } = props;
-		return (0, _v_c_util.clsx)({
-			[prefixCls]: true,
-			[`${prefixCls}-disabled`]: disabled,
-			[className]: className
-		});
-	});
-	const filterFile = (file, force = false) => {
-		const { accept, directory } = props;
-		let filterFn;
-		let acceptFormat;
-		if (typeof accept === "string") acceptFormat = accept;
-		else {
-			const { filter, format } = accept || {};
-			acceptFormat = format;
-			if (filter === "native") filterFn = () => true;
-			else filterFn = filter;
-		}
-		return (filterFn || (directory || force ? (currentFile) => require_attrAccept.default(currentFile, acceptFormat) : () => true))(file);
-	};
-	const onClick = (event) => {
-		if (!fileInputRef.value) return;
-		const target = event.target;
-		if (target && target.tagName === "BUTTON") {
-			fileInputRef.value.parentNode.focus();
-			target.blur();
-		}
-		fileInputRef.value.click();
-		if (props.onClick) props.onClick(event);
-	};
-	const onKeyDown = (e) => {
-		if (e.key === "Enter") onClick(e);
-	};
-	const post = ({ data, origin, action, parsedFile }) => {
-		if (!_isMounted) return;
-		const { onStart, customRequest, name, headers, withCredentials, method } = props;
-		const { uid: uid$2 } = origin;
-		const request = customRequest || require_request.default;
-		const requestOption = {
-			action,
-			filename: name,
-			data,
-			file: parsedFile,
-			headers,
-			withCredentials,
-			method: method || "post",
-			onProgress: (e) => {
-				const { onProgress } = props;
-				onProgress?.(e, parsedFile);
-			},
-			onSuccess: (ret, xhr) => {
-				const { onSuccess } = props;
-				onSuccess?.(ret, parsedFile, xhr);
-				delete reqs[uid$2];
-			},
-			onError: (err, ret) => {
-				const { onError } = props;
-				onError?.(err, ret, parsedFile);
-				delete reqs[uid$2];
-			}
-		};
-		onStart?.(origin);
-		reqs[uid$2] = request(requestOption, { defaultRequest: require_request.default });
-	};
-	const processFile = async (file, fileList) => {
-		const { beforeUpload } = props;
-		let transformedFile = file;
-		if (beforeUpload) {
-			try {
-				transformedFile = await beforeUpload(file, fileList);
-			} catch (e) {
-				transformedFile = false;
-			}
-			if (transformedFile === false) return {
-				origin: file,
-				parsedFile: null,
-				action: null,
-				data: null
-			};
-		}
-		const { action } = props;
-		let mergedAction;
-		if (typeof action === "function") mergedAction = await action(file);
-		else mergedAction = action;
-		const { data } = props;
-		let mergedData;
-		if (typeof data === "function") mergedData = await data(file);
-		else mergedData = data;
-		const parsedData = (typeof transformedFile === "object" || typeof transformedFile === "string") && transformedFile ? transformedFile : file;
-		let parsedFile;
-		if (parsedData instanceof File) parsedFile = parsedData;
-		else parsedFile = new File([parsedData], file.name, { type: file.type });
-		const mergedParsedFile = parsedFile;
-		mergedParsedFile.uid = file.uid;
-		return {
-			origin: file,
-			data: mergedData,
-			parsedFile: mergedParsedFile,
-			action: mergedAction
-		};
-	};
-	const uploadFiles = (files) => {
-		const originFiles = [...files];
-		const postFiles = originFiles.map((file) => {
-			file.uid = require_uid.default();
-			return processFile(file, originFiles);
-		});
-		Promise.all(postFiles).then((fileList) => {
-			const { onBatchStart } = props;
-			onBatchStart?.(fileList.map(({ origin, parsedFile }) => ({
-				file: origin,
-				parsedFile
-			})));
-			fileList.filter((file) => file.parsedFile !== null).forEach((file) => {
-				post(file);
-			});
-		});
-	};
-	const onDataTransferFiles = async (dataTransfer, existFileCallback) => {
-		if (!dataTransfer) return;
-		const { multiple, directory } = props;
-		const items = [...dataTransfer.items || []];
-		let files = [...dataTransfer.files || []];
-		if (files.length > 0 || items.some((item) => item.kind === "file")) existFileCallback?.();
-		if (directory) {
-			files = await require_traverseFileTree.default(Array.prototype.slice.call(items), (currentFile) => filterFile(currentFile));
-			uploadFiles(files);
-		} else {
-			let acceptFiles = [...files].filter((file) => filterFile(file, true));
-			if (multiple === false) acceptFiles = files.slice(0, 1);
-			uploadFiles(acceptFiles);
-		}
-	};
-	const onFileDrop = (e) => {
-		e.preventDefault();
-		if (e.type === "drop") {
-			const dataTransfer = e.dataTransfer;
-			return onDataTransferFiles(dataTransfer);
-		}
-	};
-	const onFileDragOver = (e) => {
-		e.preventDefault();
-	};
-	const reset = () => {
-		uid$1.value = require_uid.default();
-	};
-	const onChange = (e) => {
-		const { files } = e.target;
-		uploadFiles([...files || []].filter((file) => filterFile(file)));
-		reset();
-	};
-	const dirProps = (0, vue.computed)(() => {
-		return props.directory ? {
-			directory: "directory",
-			webkitdirectory: "webkitdirectory"
-		} : {};
-	});
-	const abort = (file) => {
-		if (file) {
-			const uid$2 = file.uid ? file.uid : file;
-			if (reqs[uid$2] && reqs[uid$2].abort) reqs[uid$2].abort();
-			delete reqs[uid$2];
-		} else Object.keys(reqs).forEach((uid$2) => {
-			if (reqs[uid$2] && reqs[uid$2].abort) reqs[uid$2].abort();
-			delete reqs[uid$2];
-		});
-	};
-	const events = (0, vue.computed)(() => {
-		return props.disabled ? {} : {
-			onClick: props.openFileDialogOnClick ? onClick : noop,
-			onKeyDown: props.openFileDialogOnClick ? onKeyDown : noop,
-			onMouseEnter: props.onMouseEnter,
-			onMouseLeave: props.onMouseLeave,
-			onDrop: onFileDrop,
-			onDragover: onFileDragOver,
-			tabIndex: props.hasControlInside ? void 0 : "0"
-		};
-	});
-	const onFilePaste = async (e) => {
-		const { pastable } = props;
-		if (!pastable) return;
-		if (e.type === "paste") {
-			const clipboardData = e.clipboardData;
-			return onDataTransferFiles(clipboardData, () => {
-				e.preventDefault();
-			});
-		}
-	};
-	let prevPastable;
-	(0, vue.onMounted)(() => {
-		_isMounted = true;
-		if (props.pastable) document.addEventListener("paste", onFilePaste);
-		prevPastable = props.pastable;
-	});
-	(0, vue.onUpdated)(() => {
-		const pastable = props.pastable;
-		if (pastable && !prevPastable) document.addEventListener("paste", onFilePaste);
-		else if (!pastable && prevPastable) document.removeEventListener("paste", onFilePaste);
-		prevPastable = pastable;
-	});
-	(0, vue.onUnmounted)(() => {
-		_isMounted = false;
-		abort();
-		document.removeEventListener("paste", onFilePaste);
-	});
-	expose({ abort });
-	return () => {
-		const { component, prefixCls, className, classNames = {}, disabled, id, name, style, styles = {}, multiple, accept, capture, directory, openFileDialogOnClick, onMouseEnter, onMouseLeave, hasControlInside, ...otherProps } = {
-			...props,
-			...attrs
-		};
-		const acceptFormat = typeof accept === "string" ? accept : accept?.format;
-		return (0, vue.createVNode)(component, (0, vue.mergeProps)({ "class": cls.value }, events.value, {
-			"role": hasControlInside ? void 0 : "button",
-			"style": style
-		}), { default: () => [(0, vue.createVNode)("input", (0, vue.mergeProps)((0, _v_c_util_dist_pickAttrs.default)(otherProps, {
-			aria: true,
-			data: true
-		}), {
-			"id": id,
-			"name": name,
-			"disabled": disabled,
-			"type": "file",
-			"ref": fileInputRef,
-			"onClick": (e) => e.stopPropagation(),
-			"key": uid$1.value,
-			"style": {
-				display: "none",
-				...styles.input
-			},
-			"class": classNames.input
-		}, dirProps.value, {
-			"multiple": multiple,
-			"accept": acceptFormat,
-			"onChange": onChange
-		}, capture != null ? { capture } : {}), null), slots.default?.()] });
-	};
-}, { props: {
-	name: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	style: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	className: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	disabled: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	component: {
-		type: [
-			Object,
-			Function,
-			String
-		],
-		required: false,
-		default: void 0
-	},
-	action: {
-		type: [String, Function],
-		required: false,
-		default: void 0
-	},
-	method: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	directory: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	data: {
-		type: [Object, Function],
-		required: false,
-		default: void 0
-	},
-	headers: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	accept: {
-		type: [String, Object],
-		required: false,
-		default: void 0
-	},
-	multiple: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	onBatchStart: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onStart: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onError: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onSuccess: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onProgress: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	beforeUpload: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	customRequest: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	withCredentials: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	openFileDialogOnClick: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	prefixCls: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	id: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	onMouseEnter: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onMouseLeave: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onClick: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	classNames: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	styles: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	hasControlInside: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	pastable: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	}
-} });
-var AjaxUploader_default = AjaxUploader;
-exports.default = AjaxUploader_default;

package/dist/Upload.cjs

@@ -1,196 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_AjaxUploader = require("./AjaxUploader.cjs");
-let vue = require("vue");
-function empty() {}
-var defaults = {
-	component: "span",
-	prefixCls: "vc-upload",
-	data: {},
-	headers: {},
-	name: "file",
-	onStart: empty,
-	onError: empty,
-	onSuccess: empty,
-	multiple: false,
-	beforeUpload: void 0,
-	customRequest: void 0,
-	withCredentials: false,
-	openFileDialogOnClick: true,
-	hasControlInside: false
-};
-var Upload = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expose, slots }) => {
-	const uploaderRef = (0, vue.ref)();
-	const abort = (file) => {
-		uploaderRef.value?.abort(file);
-	};
-	expose({ abort });
-	const mergedProps = (0, vue.computed)(() => ({
-		...defaults,
-		...props
-	}));
-	return () => (0, vue.createVNode)(require_AjaxUploader.default, (0, vue.mergeProps)({ "ref": uploaderRef }, mergedProps.value, attrs), { default: () => [slots.default?.()] });
-}, {
-	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		name: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		className: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		component: {
-			type: [
-				Object,
-				Function,
-				String
-			],
-			required: false,
-			default: void 0
-		},
-		action: {
-			type: [String, Function],
-			required: false,
-			default: void 0
-		},
-		method: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		directory: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		data: {
-			type: [Object, Function],
-			required: false,
-			default: void 0
-		},
-		headers: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		accept: {
-			type: [String, Object],
-			required: false,
-			default: void 0
-		},
-		multiple: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		onBatchStart: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onStart: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onError: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onSuccess: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onProgress: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		beforeUpload: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		customRequest: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		withCredentials: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		openFileDialogOnClick: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		id: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		onMouseEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onMouseLeave: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		classNames: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		hasControlInside: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		pastable: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	}, defaults),
-	name: "Upload"
-});
-var Upload_default = Upload;
-exports.default = Upload_default;

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,21 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-exports.__toESM = __toESM;

package/dist/attrAccept.cjs

@@ -1,34 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-let _v_c_util = require("@v-c/util");
-var attrAccept_default = (file, acceptedFiles) => {
-	if (file && acceptedFiles) {
-		const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
-		const fileName = file.name || "";
-		const mimeType = file.type || "";
-		const baseMimeType = mimeType.replace(/\/.*$/, "");
-		return acceptedFilesArray.some((type) => {
-			const validType = type.trim();
-			if (/^\*(\/\*)?$/.test(type)) return true;
-			if (validType.charAt(0) === ".") {
-				const lowerFileName = fileName.toLowerCase();
-				const lowerType = validType.toLowerCase();
-				let affixList = [lowerType];
-				if (lowerType === ".jpg" || lowerType === ".jpeg") affixList = [".jpg", ".jpeg"];
-				return affixList.some((affix) => lowerFileName.endsWith(affix));
-			}
-			if (/\/\*$/.test(validType)) return baseMimeType === validType.replace(/\/.*$/, "");
-			if (mimeType === validType) return true;
-			if (/^\w+$/.test(validType)) {
-				(0, _v_c_util.warning)(false, `Upload takes an invalidate 'accept' type '${validType}'.Skip for check.`);
-				return true;
-			}
-			return false;
-		});
-	}
-	return true;
-};
-exports.default = attrAccept_default;

package/dist/index.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Upload = require("./Upload.cjs");
-var src_default = require_Upload.default;
-exports.default = src_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/request.cjs

@@ -1,60 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-function getError(option, xhr) {
-	const msg = `cannot ${option.method} ${option.action} ${xhr.status}'`;
-	const err = new Error(msg);
-	err.status = xhr.status;
-	err.method = option.method;
-	err.url = option.action;
-	return err;
-}
-function getBody(xhr) {
-	const text = xhr.responseText || xhr.response;
-	if (!text) return text;
-	try {
-		return JSON.parse(text);
-	} catch (e) {
-		return text;
-	}
-}
-function upload(option) {
-	const xhr = new XMLHttpRequest();
-	if (option.onProgress && xhr.upload) xhr.upload.onprogress = function progress(e) {
-		if (e.total > 0) e.percent = e.loaded / e.total * 100;
-		option.onProgress?.(e);
-	};
-	const formData = new FormData();
-	if (option.data) Object.keys(option.data).forEach((key) => {
-		const value = option.data[key];
-		if (Array.isArray(value)) {
-			value.forEach((item) => {
-				formData.append(`${key}[]`, item);
-			});
-			return;
-		}
-		formData.append(key, value);
-	});
-	if (option.file instanceof Blob) formData.append(option.filename, option.file, option.file.name);
-	else formData.append(option.filename, option.file);
-	xhr.onerror = function error(e) {
-		option.onError?.(e);
-	};
-	xhr.onload = function onload() {
-		if (xhr.status < 200 || xhr.status >= 300) return option.onError?.(getError(option, xhr), getBody(xhr));
-		return option.onSuccess?.(getBody(xhr), xhr);
-	};
-	xhr.open(option.method, option.action, true);
-	if (option.withCredentials && "withCredentials" in xhr) xhr.withCredentials = true;
-	const headers = option.headers || {};
-	if (headers["X-Requested-With"] !== null) xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
-	Object.keys(headers).forEach((h) => {
-		if (headers[h] !== null) xhr.setRequestHeader(h, headers[h]);
-	});
-	xhr.send(formData);
-	return { abort() {
-		xhr.abort();
-	} };
-}
-exports.default = upload;

package/dist/traverseFileTree.cjs

@@ -1,55 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-async function traverseFileTree(files, isAccepted) {
-	const flattenFileList = [];
-	const progressFileList = [];
-	files.forEach((file) => progressFileList.push(file.webkitGetAsEntry()));
-	async function readDirectory(directory) {
-		const dirReader = directory.createReader();
-		const entries = [];
-		while (true) {
-			const results = await new Promise((resolve) => {
-				dirReader.readEntries(resolve, () => resolve([]));
-			});
-			const n = results.length;
-			if (!n) break;
-			for (let i = 0; i < n; i++) entries.push(results[i]);
-		}
-		return entries;
-	}
-	async function readFile(item) {
-		return new Promise((resolve) => {
-			item.file((file) => {
-				if (isAccepted(file)) {
-					if (item.fullPath && !file.webkitRelativePath) {
-						Object.defineProperties(file, { webkitRelativePath: { writable: true } });
-						file.webkitRelativePath = item.fullPath.replace(/^\//, "");
-						Object.defineProperties(file, { webkitRelativePath: { writable: false } });
-					}
-					resolve(file);
-				} else resolve(null);
-			});
-		});
-	}
-	const _traverseFileTree = async (item, path) => {
-		if (!item) return;
-		item.path = path || "";
-		if (item.isFile) {
-			const file = await readFile(item);
-			if (file) flattenFileList.push(file);
-		} else if (item.isDirectory) {
-			const entries = await readDirectory(item);
-			progressFileList.push(...entries);
-		}
-	};
-	let wipIndex = 0;
-	while (wipIndex < progressFileList.length) {
-		await _traverseFileTree(progressFileList[wipIndex]);
-		wipIndex++;
-	}
-	return flattenFileList;
-}
-var traverseFileTree_default = traverseFileTree;
-exports.default = traverseFileTree_default;

package/dist/uid.cjs

@@ -1,10 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-var now = +/* @__PURE__ */ new Date();
-var index = 0;
-function uid() {
-	return `vc-upload-${now}-${++index}`;
-}
-exports.default = uid;