@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/upload-BzdpoGJX.js

@@ -0,0 +1,1777 @@
+import "./src-DNBBthjO.js";
+import { t as e } from "./foundation-Cawx37mp.js";
+import { t } from "./env-BeIzjQx7.js";
+import { t as n } from "./constants-BNwzO87W.js";
+import { n as r } from "./uuid-BUHV1G8U.js";
+import { t as i } from "./Cropper-Dy1LPBDN.js";
+import { t as a } from "./Tooltip-Bq7HZwnS.js";
+import { t as o } from "./isPromise-D2v3Ejff.js";
+import { t as s } from "./Modal-BhmFYVFw.js";
+import { t as c } from "./Progress-BulSV_JR.js";
+import { t as l } from "./Spin-CuFLkqev.js";
+import { u } from "./typography-DF8KwKuL.js";
+import { t as d } from "./config-context-CyynTtDb.js";
+import { t as f } from "./Button-RCaDTqHh.js";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as ee, createVNode as y, defineComponent as b, getCurrentInstance as te, inject as ne, markRaw as re, mergeProps as x, nextTick as ie, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as ae, onMounted as oe, openBlock as w, renderList as se, renderSlot as T, shallowReactive as ce, shallowRef as E, toDisplayString as D, unref as O, useAttrs as k, useSlots as le, useTemplateRef as ue, watch as de, withCtx as A } from "vue";
+import { IconAlertCircle as fe, IconClear as pe, IconClose as j, IconFile as M, IconPlus as me, IconRefresh as N, IconUpload as he } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var ge = `${t}-upload`, P = "picture", _e = "list", ve = "none", ye = .95;
+`${ge}`;
+var be = "auto", xe = "custom", F = {
+	FILE_STATUS_UPLOADING: "uploading",
+	FILE_STATUS_SUCCESS: "success",
+	FILE_STATUS_UPLOAD_FAIL: "uploadFail",
+	FILE_STATUS_VALIDATING: "validating",
+	FILE_STATUS_VALID_FAIL: "validateFail",
+	FILE_STATUS_WAIT_UPLOAD: "wait",
+	FILE_LIST_PIC: P,
+	FILE_LIST_DEFAULT: _e,
+	LIST_TYPE: [
+		P,
+		_e,
+		ve
+	],
+	imageTypes: [
+		"image",
+		"webp",
+		"png",
+		"svg",
+		"gif",
+		"jpg",
+		"jpeg",
+		"bmp",
+		"dpg"
+	],
+	DRAG_AREA_DEFAULT: "default",
+	DRAG_AREA_LEGAL: "legal",
+	DRAG_AREA_ILLEGAL: "illegal",
+	TRIGGER_AUTO: be,
+	TRIGGER_CUSTOM: xe,
+	UPLOAD_TRIGGER: [be, xe],
+	VALIDATE_STATUS: n,
+	PROMPT_POSITION: [
+		"left",
+		"right",
+		"bottom"
+	]
+}, Se = { PROGRESS_COEFFICIENT: ye }, I = 1024, L = 1048576;
+function R(e) {
+	if (e < 1024) return `${(e / I).toFixed(2)}KB`;
+	if (e >= 1024 && e < 1048576) return `${(e / I).toFixed(1)}KB`;
+	if (e >= 1048576) return `${(e / L).toFixed(1)}MB`;
+}
+function Ce(e, t) {
+	return e.indexOf(t, e.length - t.length) !== -1;
+}
+async function we(e) {
+	return new Promise((t, n) => {
+		let r = e.createReader(), i = [];
+		function a() {
+			r.readEntries((e) => {
+				let n = Array.prototype.slice.apply(e);
+				i = i.concat(n), n.length ? a() : t(i);
+			}, n);
+		}
+		a();
+	});
+}
+async function z(e) {
+	let t = [], n = async (e, r) => {
+		if (r ||= "", e.path = r, e.isFile) t.push(new Promise((t, n) => {
+			e.file((n) => {
+				e.fullPath && !n.webkitRelativePath && (Object.defineProperties(n, { webkitRelativePath: { writable: !0 } }), n.webkitRelativePath = e.fullPath.replace(/^\//, ""), Object.defineProperties(n, { webkitRelativePath: { writable: !1 } })), t(n);
+			}, n);
+		}));
+		else if (e.isDirectory) {
+			let t = await we(e);
+			for (let i = 0; i < t.length; i++) {
+				let a = t[i];
+				await n(a, `${r}${e.name}/`);
+			}
+		}
+	};
+	try {
+		let r = e.map((e) => n(e.webkitGetAsEntry()));
+		return await Promise.all(r), await Promise.all(t);
+	} catch (e) {
+		return console.warn("Captured error while loop directory."), console.error(e), [];
+	}
+}
+//#endregion
+//#region bundled-foundation
+var { FILE_STATUS_UPLOADING: B, FILE_STATUS_SUCCESS: V, FILE_STATUS_UPLOAD_FAIL: Te, FILE_STATUS_VALID_FAIL: H, FILE_STATUS_WAIT_UPLOAD: Ee, DRAG_AREA_DEFAULT: De, DRAG_AREA_LEGAL: Oe, TRIGGER_AUTO: U } = F, ke = class extends e {
+	constructor(e) {
+		super({ ...e }), this.destroyState = !1, this._localUrls = {}, this._pasteHandled = !1;
+	}
+	init() {
+		this.destroyState = !1, this._syncLocalUrlsFromFileList();
+		let { disabled: e, addOnPasting: t } = this.getProps();
+		t && !e && this.bindPastingHandler();
+	}
+	_syncLocalUrlsFromFileList() {
+		let { fileList: e } = this.getStates(), t = {};
+		if (!Array.isArray(e)) {
+			this._localUrls = {}, this._adapter.updateLocalUrls([]);
+			return;
+		}
+		e.forEach((e) => {
+			let n = e && e.uid, r = e && e.url, i = e && e.fileInstance, a = typeof File < "u" && i instanceof File;
+			n && typeof r == "string" && r.startsWith("blob:") && a && (t[n] = r);
+		}), this._localUrls = t, this._adapter.updateLocalUrls(Object.values(this._localUrls));
+	}
+	destroy() {
+		let { disabled: e, addOnPasting: t } = this.getProps();
+		e || this.unbindPastingHandler(), this.destroyState = !0;
+	}
+	_releaseFileUrl(e) {
+		if (!e) return;
+		let t = this._localUrls && this._localUrls[e];
+		if (!t) return;
+		this._releaseBlob(t);
+		let n = { ...this._localUrls || {} };
+		delete n[e], this._localUrls = n, this._adapter.updateLocalUrls(Object.values(this._localUrls));
+	}
+	_releaseAllFileUrls() {
+		let e = this._localUrls;
+		!e || typeof e != "object" || (Object.keys(e).forEach((t) => {
+			let n = e[t];
+			n && this._releaseBlob(n);
+		}), this._localUrls = {}, this._adapter.updateLocalUrls([]));
+	}
+	getError({ action: e, xhr: t, message: n, fileName: r }) {
+		let i = t ? t.status : 0, a = n || `cannot post ${r} to ${e}, xhr status: ${i}'`, o = Error(a);
+		return o.status = i, o.method = "post", o.url = e, o;
+	}
+	getBody(e) {
+		if (!e) return;
+		let t = e.responseText || e.response;
+		if (!t) return t;
+		try {
+			return JSON.parse(t);
+		} catch {
+			return t;
+		}
+	}
+	checkFileSize(e) {
+		let { size: t } = e, { maxSize: n, minSize: r } = this.getProps(), i = !1;
+		return (t > n * 1024 || t < r * 1024) && (i = !0), i;
+	}
+	handleChange(e) {
+		let t = [], { limit: n, transformFile: i, accept: a } = this.getProps(), { fileList: o } = this.getStates(), s = Array.from(e);
+		if (a !== void 0 && (s = s.filter((e) => {
+			let n = this.checkFileFormat(a, e);
+			return n || t.push(e), n;
+		}), t.length !== 0 && this._adapter.notifyAcceptInvalid(t), s.length === 0)) return;
+		s = s.map((e) => (i && (e = i(e)), e.uid || (e.uid = r()), this.checkFileSize(e) && (e._sizeInvalid = !0, e.status = H, this._adapter.notifySizeError(e, o)), e));
+		let c = o.length + s.length;
+		if (n !== void 0 && c > n) {
+			if (this._adapter.notifyExceed(s), n === 1) {
+				s = s.slice(-1), this._adapter.notifyFileSelect(s), this._adapter.resetInput(), this.replaceFileList(s);
+				return;
+			}
+			let e = n - o.length;
+			s = s.slice(0, e);
+		}
+		this._adapter.notifyFileSelect(s), this._adapter.resetInput(), this.addFilesToList(s);
+	}
+	handleReplaceChange(e) {
+		if (e.length === 0) return;
+		let { transformFile: t, uploadTrigger: n, accept: i } = this.getProps(), { replaceIdx: a, fileList: o } = this.getStates(), s = Array.from(e).pop();
+		if (i !== void 0 && !this.checkFileFormat(i, s)) {
+			this._adapter.notifyAcceptInvalid([s]);
+			return;
+		}
+		t && (s = t(s)), s.uid || (s.uid = r()), this.checkFileSize(s) && (s._sizeInvalid = !0, s.status = H, this._adapter.notifySizeError(s, o)), this._adapter.notifyFileSelect([s]);
+		let c = this.buildFileItem(s, n), l = [...o], u = l[a];
+		u && u.uid && this._releaseFileUrl(u.uid), l.splice(a, 1, c), this._adapter.notifyChange({
+			currentFile: c,
+			fileList: l
+		}), this._adapter.updateFileList(l, () => {
+			this._adapter.resetReplaceInput(), c._sizeInvalid || this.upload(c);
+		});
+	}
+	buildFileItem(e, t) {
+		let { _sizeInvalid: n, status: r } = e;
+		try {
+			delete e._sizeInvalid, delete e.status;
+		} catch {}
+		let i = {
+			status: r || (t === U ? B : Ee),
+			name: e.name,
+			size: R(e.size),
+			uid: e.uid,
+			percent: 0,
+			fileInstance: e,
+			url: this._createURL(e, e.uid)
+		};
+		return n && (i._sizeInvalid = !0), this.isImage(e) && (i.preview = !0), i;
+	}
+	replaceFileList(e) {
+		let { uploadTrigger: t } = this.getProps(), n = e.map((e) => this.buildFileItem(e, t));
+		this._adapter.notifyChange({
+			fileList: n,
+			currentFile: n[0]
+		}), this._adapter.updateFileList(n, () => {
+			t === U && this.startUpload(n);
+		});
+	}
+	addFilesToList(e) {
+		let t = this.getState("fileList").slice(), { uploadTrigger: n } = this.getProps(), r = e.map((e) => this.buildFileItem(e, n));
+		r.forEach((e) => {
+			let n = t.findIndex((t) => t.uid === e.uid);
+			n === -1 ? (t.push(e), this._adapter.notifyChange({
+				fileList: t,
+				currentFile: e
+			})) : t[n] = e;
+		}), this._adapter.updateFileList(t, () => {
+			n === U && this.startUpload(r);
+		});
+	}
+	insertFileToList(e, t) {
+		let { limit: n, transformFile: i, accept: a, uploadTrigger: o } = this.getProps(), { fileList: s } = this.getStates(), c = [], l = Array.from(e);
+		if (a !== void 0 && (l = l.filter((e) => {
+			let t = this.checkFileFormat(a, e);
+			return t || c.push(e), t;
+		}), c.length !== 0 && this._adapter.notifyAcceptInvalid(c), l.length === 0)) return;
+		l = l.map((e) => (e.uid || (e.uid = r()), this.checkFileSize(e) && (e._sizeInvalid = !0, e.status = H, this._adapter.notifySizeError(e, s)), i && (e = i(e)), e));
+		let u = s.length + l.length;
+		if (n !== void 0 && u > n) {
+			if (n === 1) {
+				l = l.slice(-1), this._adapter.notifyFileSelect(l), this._adapter.resetInput(), this.replaceFileList(l);
+				return;
+			}
+			let e = n - s.length;
+			l = l.slice(0, e), this._adapter.notifyExceed(l);
+		}
+		let d = l.map((e) => this.buildFileItem(e, o)), f = s.slice();
+		t === void 0 ? f.push(...d) : f.splice(t, 0, ...d), this._adapter.notifyFileSelect(l), this._adapter.notifyChange({
+			fileList: f,
+			currentFile: null
+		}), this._adapter.updateFileList(f, () => {
+			o === U && this.startUpload(d);
+		});
+	}
+	/* istanbul ignore next */
+	manualUpload() {
+		let e = this.getState("fileList").filter((e) => e.status === Ee);
+		this.startUpload(e);
+	}
+	startUpload(e) {
+		e.forEach((e) => {
+			e._sizeInvalid || this.upload(e);
+		});
+	}
+	upload(e) {
+		let { beforeUpload: t } = this.getProps();
+		if (t === void 0) {
+			this.post(e);
+			return;
+		}
+		if (typeof t == "function") {
+			let { fileList: t } = this.getStates(), n = this._adapter.notifyBeforeUpload({
+				file: e,
+				fileList: t
+			});
+			switch (!0) {
+				case n === !0:
+					this.post(e);
+					break;
+				case n === !1: {
+					let t = {
+						shouldUpload: !1,
+						status: F.FILE_STATUS_VALID_FAIL
+					};
+					this.handleBeforeUploadResultInObject(t, e);
+					break;
+				}
+				case n && o(n):
+					Promise.resolve(n).then((t) => {
+						let n = { shouldUpload: !0 };
+						Object.prototype.toString.call(t).slice(8, -1) === "Object" && (n = {
+							...n,
+							...t
+						}), this.handleBeforeUploadResultInObject(n, e);
+					}, (t) => {
+						let n = {
+							shouldUpload: !1,
+							status: F.FILE_STATUS_VALID_FAIL
+						};
+						Object.prototype.toString.call(t).slice(8, -1) === "Object" && (n = {
+							...n,
+							...t
+						}), this.handleBeforeUploadResultInObject(n, e);
+					});
+					break;
+				case typeof n == "object": this.handleBeforeUploadResultInObject(n, e);
+			}
+		}
+	}
+	handleBeforeUploadResultInObject(e, t) {
+		let { shouldUpload: n, status: r, autoRemove: i, validateMessage: a, fileInstance: o } = e, s = this.getState("fileList").slice();
+		if (i) this._releaseFileUrl(t.uid), s = s.filter((e) => e.uid !== t.uid);
+		else {
+			let e = this._getFileIndex(t, s);
+			if (e < 0) return;
+			r && (s[e].status = r), a && (s[e].validateMessage = a), o && (o.uid = t.uid, s[e].fileInstance = o, s[e].size = R(o.size), s[e].name = o.name, this._releaseFileUrl(t.uid), s[e].url = this._createURL(o, t.uid)), s[e].shouldUpload = n;
+		}
+		this._adapter.updateFileList(s), this._adapter.notifyChange({
+			fileList: s,
+			currentFile: t
+		}), n && this.post(t);
+	}
+	post(e) {
+		let { fileInstance: t } = e, n = this.getProps();
+		if (typeof XMLHttpRequest > "u") return;
+		let r = new XMLHttpRequest(), i = new FormData(), { action: a } = n, { data: o } = n;
+		o && (typeof o == "function" && (o = o(t)), Object.keys(o).forEach((e) => {
+			i.append(e, o[e]);
+		}));
+		let s = n.name || n.fileName || t.name;
+		if (n.customRequest) return n.customRequest({
+			fileName: s,
+			data: o,
+			file: e,
+			fileInstance: t,
+			onProgress: (e) => this.handleProgress({
+				e,
+				fileInstance: t
+			}),
+			onError: (e, n) => this.handleError({
+				e: n,
+				xhr: e,
+				fileInstance: t
+			}),
+			onSuccess: (e, n) => this.handleSuccess({
+				response: e,
+				fileInstance: t,
+				e: n,
+				isCustomRequest: !0
+			}),
+			withCredentials: n.withCredentials,
+			action: n.action
+		});
+		i.append(s, t), r.open("post", a, !0), n.withCredentials && "withCredentials" in r && (r.withCredentials = !0), r.upload && (r.upload.onprogress = (e) => {
+			this.destroyState ? r.abort() : this.handleProgress({
+				e,
+				fileInstance: t
+			});
+		}), r.onload = (e) => {
+			this.destroyState || this.handleOnLoad({
+				e,
+				xhr: r,
+				fileInstance: t
+			});
+		}, r.onerror = (e) => {
+			this.destroyState || this.handleError({
+				e,
+				xhr: r,
+				fileInstance: t
+			});
+		};
+		let c = n.headers || {};
+		typeof c == "function" && (c = c(t));
+		for (let e in c) Object.prototype.hasOwnProperty.call(c, e) && c[e] !== null && r.setRequestHeader(e, c[e]);
+		r.send(i);
+	}
+	handleProgress({ e, fileInstance: t }) {
+		let { fileList: n } = this.getStates(), r = n.slice(), i = 0;
+		e.total > 0 && (i = Number((e.loaded / e.total * 100 * Se.PROGRESS_COEFFICIENT).toFixed(0)) || 0);
+		let a = this._getFileIndex(t, r);
+		a < 0 || (r[a].percent = i, r[a].status = B, this._adapter.notifyProgress(i, t, r), this._adapter.updateFileList(r), this._adapter.notifyChange({
+			fileList: r,
+			currentFile: r[a]
+		}));
+	}
+	handleOnLoad({ e, xhr: t, fileInstance: n }) {
+		let { fileList: r } = this.getStates(), i = this._getFileIndex(n, r);
+		i < 0 || (t.status < 200 || t.status >= 300 ? this.handleError({
+			e,
+			xhr: t,
+			fileInstance: n
+		}) : this.handleSuccess({
+			e,
+			xhr: t,
+			fileInstance: n,
+			index: i
+		}));
+	}
+	handleSuccess({ e, fileInstance: t, isCustomRequest: n = !1, xhr: r, response: i }) {
+		let { fileList: a } = this.getStates(), o = null, s = this._getFileIndex(t, a);
+		if (s < 0) return;
+		o = n ? i : this.getBody(r);
+		let c = a.slice(), { afterUpload: l } = this.getProps();
+		if (c[s].status = V, c[s].percent = 100, this._adapter.notifyProgress(100, t, c), c[s].response = o, e && (c[s].event = e), l && typeof l == "function") {
+			let { autoRemove: e, status: t, validateMessage: n, name: r, url: i } = this._adapter.notifyAfterUpload({
+				response: o,
+				file: c[s],
+				fileList: c
+			}) || {};
+			t && (c[s].status = t), n && (c[s].validateMessage = n), r && (c[s].name = r), i && (this._releaseFileUrl(c[s].uid), c[s].url = i), e && (this._releaseFileUrl(c[s].uid), c.splice(s, 1));
+		}
+		this._adapter.notifySuccess(o, t, c), this._adapter.notifyChange({
+			fileList: c,
+			currentFile: c[s]
+		}), this._adapter.updateFileList(c);
+	}
+	_getFileIndex(e, t) {
+		return t.findIndex((t) => t.uid === e.uid);
+	}
+	handleRemove(e) {
+		let { disabled: t } = this.getProps();
+		if (t) return;
+		let { fileList: n } = this.getStates();
+		Promise.resolve(this._adapter.notifyBeforeRemove(e, n)).then((t) => {
+			if (t === !1) return;
+			let r = n.slice(), i = this._getFileIndex(e, n);
+			i < 0 || (r.splice(i, 1), this._releaseFileUrl(e.uid), this._adapter.notifyRemove(e.fileInstance, r, e), this._adapter.updateFileList(r), this._adapter.notifyChange({
+				fileList: r,
+				currentFile: e
+			}));
+		});
+	}
+	handleError({ e, xhr: t, fileInstance: n }) {
+		let { fileList: r } = this.getStates(), i = this._getFileIndex(n, r);
+		if (i < 0) return;
+		let { action: a } = this.getProps(), o = r.slice(), s = this.getError({
+			action: a,
+			xhr: t,
+			fileName: n.name
+		});
+		o[i].status = Te, o[i].response = s, o[i].event = e, this._adapter.notifyError(s, n, o, t), this._adapter.updateFileList(o), this._adapter.notifyChange({
+			currentFile: o[i],
+			fileList: o
+		});
+	}
+	handleClear() {
+		let { disabled: e } = this.getProps(), { fileList: t } = this.getStates();
+		e || Promise.resolve(this._adapter.notifyBeforeClear(t)).then((e) => {
+			e !== !1 && (this._releaseAllFileUrls(), this._adapter.updateFileList([]), this._adapter.notifyClear(), this._adapter.notifyChange({ fileList: [] }));
+		}).catch((e) => {});
+	}
+	_createURL(e, t) {
+		let n = URL.createObjectURL(e), r = { ...this._localUrls || {} };
+		return t && r[t] && r[t] !== n && this._releaseBlob(r[t]), t && (r[t] = n), this._localUrls = r, this._adapter.updateLocalUrls(Object.values(this._localUrls)), n;
+	}
+	releaseMemory() {
+		if (this._localUrls && Object.keys(this._localUrls).length) {
+			this._releaseAllFileUrls();
+			return;
+		}
+		let { localUrls: e } = this.getStates();
+		if (e) {
+			if (Array.isArray(e)) {
+				e.forEach((e) => {
+					this._releaseBlob(e);
+				});
+				return;
+			}
+			typeof e == "object" && Object.keys(e).forEach((t) => {
+				let n = e[t];
+				n && this._releaseBlob(n);
+			});
+		}
+	}
+	_releaseBlob(e) {
+		try {
+			URL.revokeObjectURL(e);
+		} catch (e) {
+			console.log(e);
+		}
+	}
+	isImage(e) {
+		return /(webp|svg|png|gif|jpg|jpeg|bmp|dpg)$/i.test(e.type);
+	}
+	/* istanbul ignore next */
+	isMultiple() {
+		return !!this.getProp("multiple");
+	}
+	handleDragEnter(e) {
+		e.preventDefault(), e.stopPropagation(), this._dragEnterTarget = e.currentTarget;
+		let { disabled: t } = this.getProps();
+		t || this._adapter.updateDragAreaStatus(Oe);
+	}
+	async handleDirectoryDrop(e) {
+		let t = this.getState("fileList").slice(), n = await z([].slice.call(e.dataTransfer.items));
+		this.handleChange(n), this._adapter.updateDragAreaStatus(De), this._adapter.notifyDrop(e, n, t);
+	}
+	handleDrop(e) {
+		e.preventDefault(), e.stopPropagation();
+		let { disabled: t, directory: n } = this.getProps(), r = this.getState("fileList").slice();
+		if (!t) {
+			if (n) {
+				this.handleDirectoryDrop(e);
+				return;
+			}
+			let t = Array.from(e.dataTransfer.files);
+			this.handleChange(t), this._adapter.updateDragAreaStatus(De), this._adapter.notifyDrop(e, t, r);
+		}
+	}
+	handleDragOver(e) {
+		e.preventDefault(), e.stopPropagation();
+	}
+	handleDragLeave(e) {
+		e.preventDefault(), e.stopPropagation(), this._dragEnterTarget === e.target && this._adapter.updateDragAreaStatus(De);
+	}
+	checkFileFormat(e, t) {
+		let n = e.split(",").map((e) => e.trim()).filter((e) => e), r = t.type || "", i = r.replace(/\/.*$/, "");
+		return n.some((e) => {
+			if (e.charAt(0) === ".") {
+				let n = t.name || "", r = e.split(".").pop().toLowerCase();
+				return Ce(n.toLowerCase(), r);
+			}
+			if (/\/\*$/.test(e)) {
+				let t = e.replace(/\/.*$/, "");
+				return i === t;
+			}
+			return /^[^\/]+\/[^\/]+$/.test(e) ? r === e : !1;
+		});
+	}
+	retry(e) {
+		let { onRetry: t } = this.getProps();
+		t && typeof t == "function" && t(e), this.post(e);
+	}
+	handlePreviewClick(e) {
+		this._adapter.notifyPreviewClick(e);
+	}
+	readFileFromClipboard(e) {
+		for (let t of e) for (let e of t.types) e.startsWith("image") && t.getType(e).then((e) => e.arrayBuffer()).then((t) => {
+			let n = e.split("/")[1], r = new File([t], `upload.${n}`, { type: e });
+			this.handleChange([r]);
+		});
+	}
+	handlePasting(e) {
+		let { addOnPasting: t } = this.getProps();
+		if (t) {
+			if (e.type === "paste" && e.clipboardData && e.clipboardData.items) {
+				let t = e.clipboardData.items, n = [];
+				for (let e = 0; e < t.length; e++) {
+					let r = t[e];
+					if (r.kind === "file") {
+						let e = r.getAsFile();
+						e && n.push(e);
+					}
+				}
+				if (n.length > 0) {
+					e.preventDefault(), this.handleChange(n), this._pasteHandled = !0, setTimeout(() => {
+						this._pasteHandled = !1;
+					}, 100);
+					return;
+				}
+			}
+			if (this._pasteHandled) {
+				this._pasteHandled = !1;
+				return;
+			}
+			if ((this._adapter.isMac() ? e.metaKey : e.ctrlKey) && e.code === "KeyV") {
+				if (!navigator.clipboard || typeof navigator.clipboard.read != "function") return;
+				navigator.permissions.query({ name: "clipboard-read" }).then((e) => {
+					e.state === "granted" || e.state === "prompt" ? navigator.clipboard.read().then((e) => {
+						this.readFileFromClipboard(e);
+					}).catch((e) => {
+						this._adapter.notifyPastingError(e);
+					}) : this._adapter.notifyPastingError(e);
+				}).catch((e) => {
+					this._adapter.notifyPastingError(e);
+				});
+			}
+		}
+	}
+	bindPastingHandler() {
+		this._adapter.registerPastingHandler((e) => this.handlePasting(e)), this._adapter.registerPasteEventHandler((e) => this.handlePasting(e));
+	}
+	unbindPastingHandler() {
+		this._adapter.unRegisterPastingHandler(), this._adapter.unRegisterPasteEventHandler();
+	}
+}, Ae = class extends e {
+	constructor(e) {
+		super({ ...e });
+	}
+	handleImageError(e) {
+		this._adapter.updateFallbackPreview(!0);
+	}
+}, W = b({
+	name: "UploadNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), je = ["src", "alt"], Me = {
+	key: 6,
+	class: "semi-upload-picture-file-card-preview"
+}, Ne = {
+	key: 8,
+	class: "semi-upload-picture-file-card-pic-info"
+}, G = {
+	key: 0,
+	class: "semi-upload-tooltip-children-wrapper semi-upload-picture-file-card-icon-loading"
+}, Pe = {
+	key: 1,
+	class: "semi-upload-picture-file-card-icon-error"
+}, Fe = ["src", "alt"], Ie = { class: "semi-upload-file-card-info-main" }, Le = { class: "semi-upload-file-card-info-main-text" }, Re = { class: "semi-upload-file-card-info-size" }, ze = { class: "semi-upload-tooltip-children-wrapper semi-upload-file-card-replace" }, Be = { class: "semi-upload-file-card-info-main-control" }, K = { class: "semi-upload-file-card-info-validate-message" }, Ve = /* @__PURE__ */ b({
+	name: "UploadFileCard",
+	inheritAttrs: !1,
+	__name: "UploadFileCard",
+	props: {
+		index: {},
+		listType: {},
+		onRemove: { type: Function },
+		onRetry: { type: Function },
+		onReplace: { type: Function },
+		showPicInfo: { type: Boolean },
+		showRetry: { type: Boolean },
+		showReplace: { type: Boolean },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		disabled: { type: Boolean },
+		onPreviewClick: { type: Function },
+		picWidth: {},
+		picHeight: {},
+		showTooltip: { type: [Boolean, Object] },
+		previewFile: { type: Function },
+		renderPicInfo: { type: Function },
+		renderThumbnail: { type: Function },
+		renderPicPreviewIcon: { type: Function },
+		renderPicClose: { type: Function },
+		renderFileOperation: { type: Function },
+		status: {},
+		name: {},
+		size: {},
+		uid: {},
+		url: {},
+		fileInstance: {},
+		percent: {},
+		_sizeInvalid: { type: Boolean },
+		preview: { type: Boolean },
+		validateMessage: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		shouldUpload: { type: Boolean },
+		response: {},
+		event: {},
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		_locale: {}
+	},
+	setup(e) {
+		let t = e, n = m(() => t._locale ?? {
+			mainText: "点击上传文件或拖拽文件到这里",
+			illegalTips: "不支持此类型文件",
+			legalTips: "松手开始上传",
+			retry: "重试",
+			replace: "替换文件",
+			clear: "清空",
+			selectedFiles: "已选择文件",
+			illegalSize: "文件尺寸不合法",
+			fail: "上传失败",
+			cropTitle: "裁切图片",
+			cropOk: "确定",
+			cropCancel: "取消"
+		}), r = ce({ fallbackPreview: !1 }), i = m(() => ({
+			...t,
+			disabled: t.disabled ?? !1,
+			index: t.index ?? 0,
+			listType: t.listType ?? "list",
+			name: t.name ?? "",
+			onRemove: t.onRemove ?? (() => void 0),
+			onReplace: t.onReplace ?? (() => void 0),
+			onRetry: t.onRetry ?? (() => void 0),
+			showPicInfo: t.showPicInfo ?? !1,
+			size: t.size ?? "",
+			status: t.status ?? "wait",
+			uid: t.uid ?? ""
+		})), o = m(() => ({
+			...i.value,
+			key: t.uid ?? ""
+		})), s = re(new Ae({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => t[e],
+			getProps: () => i.value,
+			getState: (e) => r[e],
+			getStates: () => r,
+			setState: (e, t) => {
+				Object.assign(r, e), t?.();
+			},
+			getCache: () => void 0,
+			getCaches: () => void 0,
+			setCache: () => void 0,
+			stopPropagation: (e) => e.stopPropagation?.(),
+			persistEvent: () => void 0,
+			updateFallbackPreview: (e) => {
+				r.fallbackPreview = e;
+			}
+		})), d = m(() => t.listType === "picture"), b = m(() => t.status === "uploading" && t.percent !== 100 && t.percent !== void 0), te = m(() => t.status === "uploadFail" && (t.showRetry ?? !0)), ne = m(() => t.status === "success" && t.showReplace), x = m(() => t.status === "success" && !t.showReplace), ie = m(() => typeof t.size == "number" ? R(t.size) : t.size), ae = m(() => [
+			"semi-upload-file-card",
+			["validateFail", "uploadFail"].includes(t.status) ? "semi-upload-file-card-fail" : null,
+			typeof t.onPreviewClick == "function" ? "semi-upload-file-card-show-pointer" : null,
+			t.className
+		]), oe = m(() => [
+			"semi-upload-picture-file-card",
+			r.fallbackPreview ? "semi-upload-picture-file-card-preview-fallback" : null,
+			t.disabled ? "semi-upload-picture-file-card-disabled" : null,
+			typeof t.onPreviewClick == "function" ? "semi-upload-picture-file-card-show-pointer" : null,
+			t.status === "uploadFail" ? "semi-upload-picture-file-card-error" : null,
+			b.value ? "semi-upload-picture-file-card-uploading" : null,
+			typeof t.renderThumbnail == "function" && t.picHeight && t.picWidth ? "semi-upload-picture-file-card-custom-thumbnail" : null,
+			t.className
+		]), se = m(() => [t.style, d.value ? {
+			height: t.picHeight,
+			width: t.picWidth
+		} : void 0]), T = m(() => ({
+			height: t.picHeight,
+			width: t.picWidth
+		})), E = m(() => {
+			if (t.validateMessage) return t.validateMessage;
+			if (t.status === "uploadFail") return n.value.fail;
+			if (t._sizeInvalid) return n.value.illegalSize;
+		});
+		function k(e, t) {
+			e.stopPropagation(), t();
+		}
+		function le(e) {
+			s.handleImageError(e);
+		}
+		return (e, i) => d.value ? (w(), _("div", {
+			key: 0,
+			role: "listitem",
+			class: S(oe.value),
+			style: C(se.value),
+			onClick: i[3] ||= (e) => t.onPreviewClick?.()
+		}, [
+			t.renderThumbnail ? (w(), h(O(W), {
+				key: 0,
+				content: t.renderThumbnail(o.value)
+			}, null, 8, ["content"])) : O(r).fallbackPreview ? (w(), h(O(M), {
+				key: 2,
+				size: "large"
+			})) : (w(), _("img", {
+				key: 1,
+				src: t.url,
+				alt: t.name,
+				style: C(T.value),
+				onError: le
+			}, null, 44, je)),
+			b.value ? (w(), h(c, {
+				key: 3,
+				percent: t.percent ?? 0,
+				type: "circle",
+				size: "small",
+				"orbit-stroke": "#FFF",
+				"aria-label": "uploading file progress"
+			}, null, 8, ["percent"])) : g("", !0),
+			te.value ? (w(), _("div", {
+				key: 4,
+				role: "button",
+				tabindex: "0",
+				class: "semi-upload-picture-file-card-retry",
+				onClick: i[0] ||= (e) => k(e, t.onRetry)
+			}, [y(O(N), { class: "semi-upload-picture-file-card-icon-retry" })])) : g("", !0),
+			ne.value ? (w(), h(a, {
+				key: 5,
+				trigger: "hover",
+				position: "top",
+				content: n.value.replace,
+				"show-arrow": !1,
+				spacing: 4
+			}, {
+				default: A(() => [v("div", {
+					role: "button",
+					tabindex: "0",
+					class: "semi-upload-picture-file-card-replace",
+					onClick: i[1] ||= (e) => k(e, t.onReplace)
+				}, [...i[8] ||= [v("svg", {
+					class: "semi-upload-picture-file-card-icon-replace",
+					focusable: "false",
+					"aria-hidden": "true",
+					width: "28",
+					height: "28",
+					viewBox: "0 0 28 28",
+					fill: "none"
+				}, [
+					v("circle", {
+						cx: "14",
+						cy: "14",
+						r: "14",
+						fill: "#16161A",
+						"fill-opacity": "0.6"
+					}),
+					v("path", {
+						d: "M9 10.25V18.25L10.25 13.25H17.875V11.75C17.875 11.4739 17.6511 11.25 17.375 11.25H14L12.75 9.75H9.5C9.22386 9.75 9 9.97386 9 10.25Z",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					}),
+					v("path", {
+						d: "M18 18.25L19 13.25H10.2031L9 18.25H18Z",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					})
+				], -1)]])]),
+				_: 1
+			}, 8, ["content"])) : g("", !0),
+			x.value ? (w(), _("div", Me, [t.renderPicPreviewIcon ? (w(), h(O(W), {
+				key: 0,
+				content: t.renderPicPreviewIcon(o.value)
+			}, null, 8, ["content"])) : g("", !0)])) : g("", !0),
+			t.showPicInfo && t.renderPicInfo ? (w(), h(O(W), {
+				key: 7,
+				content: t.renderPicInfo(o.value)
+			}, null, 8, ["content"])) : t.showPicInfo ? (w(), _("div", Ne, D(t.index + 1), 1)) : g("", !0),
+			!t.disabled && t.renderPicClose ? (w(), h(O(W), {
+				key: 9,
+				content: t.renderPicClose({
+					className: "semi-upload-picture-file-card-close",
+					remove: (e) => k(e, t.onRemove)
+				})
+			}, null, 8, ["content"])) : t.disabled ? g("", !0) : (w(), _("div", {
+				key: 10,
+				role: "button",
+				tabindex: "0",
+				class: "semi-upload-picture-file-card-close",
+				onClick: i[2] ||= (e) => k(e, t.onRemove)
+			}, [y(O(pe), { class: "semi-upload-picture-file-card-icon-close" })])),
+			E.value ? (w(), h(a, {
+				key: 11,
+				content: E.value,
+				trigger: "hover",
+				position: "bottom"
+			}, {
+				default: A(() => [t.status === "validating" ? (w(), _("span", G, [y(l, { size: "small" })])) : (w(), _("div", Pe, [...i[9] ||= [v("svg", {
+					focusable: "false",
+					"aria-hidden": "true",
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "none"
+				}, [v("circle", {
+					cx: "8",
+					cy: "8",
+					r: "6.66667",
+					fill: "white"
+				}), v("path", {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					d: "M15.3332 8.00008C15.3332 12.0502 12.0499 15.3334 7.99984 15.3334C3.94975 15.3334 0.666504 12.0502 0.666504 8.00008C0.666504 3.94999 3.94975 0.666748 7.99984 0.666748C12.0499 0.666748 15.3332 3.94999 15.3332 8.00008ZM8.99984 11.6667C8.99984 11.1145 8.55212 10.6667 7.99984 10.6667C7.44755 10.6667 6.99984 11.1145 6.99984 11.6667C6.99984 12.219 7.44755 12.6667 7.99984 12.6667ZM7.99984 3.33341C7.27573 3.33341 6.7003 3.94171 6.74046 4.66469L6.94437 8.33495C6.97549 8.89513 7.4388 9.33341 7.99984 9.33341C8.56087 9.33341 9.02419 8.89513 9.05531 8.33495L9.25921 4.66469C9.29938 3.94171 8.72394 3.33341 7.99984 3.33341Z",
+					fill: "#F93920"
+				})], -1)]]))]),
+				_: 1
+			}, 8, ["content"])) : g("", !0)
+		], 6)) : t.listType === "list" ? (w(), _("div", {
+			key: 1,
+			role: "listitem",
+			class: S(ae.value),
+			style: C(t.style),
+			onClick: i[7] ||= (e) => t.onPreviewClick?.()
+		}, [
+			v("div", { class: S(["semi-upload-file-card-preview", !t.preview || typeof t.previewFile == "function" || O(r).fallbackPreview ? "semi-upload-file-card-preview-placeholder" : null]) }, [t.previewFile ? (w(), h(O(W), {
+				key: 0,
+				content: t.previewFile(o.value)
+			}, null, 8, ["content"])) : t.preview && !O(r).fallbackPreview ? (w(), _("img", {
+				key: 1,
+				src: t.url,
+				alt: t.name,
+				onError: le
+			}, null, 40, Fe)) : (w(), h(O(M), {
+				key: 2,
+				size: "large"
+			}))], 2),
+			v("div", Ie, [
+				v("div", Le, [y(u, {
+					class: "semi-upload-file-card-info-name",
+					ellipsis: { showTooltip: t.showTooltip ?? !0 }
+				}, {
+					default: A(() => [ee(D(t.name), 1)]),
+					_: 1
+				}, 8, ["ellipsis"]), v("span", null, [v("span", Re, D(ie.value), 1), ne.value ? (w(), h(a, {
+					key: 0,
+					trigger: "hover",
+					position: "top",
+					"show-arrow": !1,
+					content: n.value.replace
+				}, {
+					default: A(() => [v("span", ze, [y(f, {
+						type: "tertiary",
+						theme: "borderless",
+						size: "small",
+						onClick: i[4] ||= (e) => k(e, t.onReplace)
+					}, {
+						icon: A(() => [...i[10] ||= [v("svg", {
+							focusable: "false",
+							"aria-hidden": "true",
+							width: "24",
+							height: "24",
+							viewBox: "0 0 24 24",
+							fill: "none"
+						}, [v("path", {
+							d: "M6 17V7.58824C6 7.26336 6.26863 7 6.6 7H10.5L12 8.76471H16.05C16.3814 8.76471 16.65 9.02806 16.65 9.35294V11.1176H7.5L6 17ZM6 17L7.44375 11.1176H18L16.8 17L6 17Z",
+							stroke: "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						})], -1)]]),
+						_: 1
+					})])]),
+					_: 1
+				}, 8, ["content"])) : g("", !0)])]),
+				b.value ? (w(), h(c, {
+					key: 0,
+					percent: t.percent ?? 0,
+					style: { width: "100%" },
+					"aria-label": "uploading file progress"
+				}, null, 8, ["percent"])) : g("", !0),
+				v("div", Be, [v("span", K, [typeof E.value == "string" ? (w(), _(p, { key: 0 }, [t.status === "validating" ? (w(), h(l, {
+					key: 0,
+					size: "small",
+					"wrapper-class-name": "semi-upload-file-card-icon-loading"
+				})) : (w(), h(O(fe), {
+					key: 1,
+					class: "semi-upload-file-card-icon-error"
+				})), ee(" " + D(E.value), 1)], 64)) : E.value ? (w(), h(O(W), {
+					key: 1,
+					content: E.value
+				}, null, 8, ["content"])) : g("", !0)]), te.value ? (w(), _("span", {
+					key: 0,
+					role: "button",
+					tabindex: "0",
+					class: "semi-upload-file-card-info-retry",
+					onClick: i[5] ||= (e) => k(e, t.onRetry)
+				}, D(n.value.retry), 1)) : g("", !0)])
+			]),
+			t.renderFileOperation ? (w(), h(O(W), {
+				key: 0,
+				content: t.renderFileOperation(o.value)
+			}, null, 8, ["content"])) : (w(), h(f, {
+				key: 1,
+				type: "tertiary",
+				theme: "borderless",
+				size: "small",
+				class: "semi-upload-file-card-close",
+				onClick: i[6] ||= (e) => k(e, t.onRemove)
+			}, {
+				icon: A(() => [y(O(j))]),
+				_: 1
+			}))
+		], 6)) : g("", !0);
+	}
+}), He = ["x-prompt-pos"], Ue = [
+	"capture",
+	"multiple",
+	"accept"
+], We = ["accept"], Ge = ["aria-disabled"], Ke = {
+	class: "semi-upload-drag-area-icon",
+	"x-semi-prop": "dragIcon"
+}, qe = { class: "semi-upload-drag-area-text" }, Je = {
+	class: "semi-upload-drag-area-main-text",
+	"x-semi-prop": "dragMainText"
+}, Ye = {
+	class: "semi-upload-drag-area-sub-text",
+	"x-semi-prop": "dragSubText"
+}, Xe = { class: "semi-upload-drag-area-tips" }, Ze = {
+	key: 0,
+	class: "semi-upload-drag-area-tips-legal"
+}, Qe = {
+	key: 1,
+	class: "semi-upload-drag-area-tips-illegal"
+}, $e = ["aria-disabled"], et = {
+	key: 1,
+	class: "semi-upload-prompt",
+	"x-semi-prop": "prompt"
+}, tt = {
+	key: 2,
+	class: "semi-upload-validate-message",
+	"x-semi-prop": "validateMessage"
+}, nt = {
+	key: 0,
+	class: "semi-upload-file-list semi-upload-picture-file-list"
+}, rt = {
+	class: "semi-upload-file-list-main",
+	role: "list",
+	"aria-label": "picture list"
+}, it = {
+	key: 4,
+	class: "semi-upload-file-list"
+}, at = {
+	key: 0,
+	class: "semi-upload-file-list-title"
+}, ot = { class: "semi-upload-file-list-title-choosen" }, st = {
+	class: "semi-upload-file-list-main",
+	role: "list",
+	"aria-label": "file list"
+}, q = /* @__PURE__ */ b({
+	name: "Upload",
+	inheritAttrs: !1,
+	__name: "Upload",
+	props: {
+		accept: {},
+		action: {},
+		afterUpload: {},
+		beforeUpload: {},
+		beforeClear: {
+			type: Function,
+			default: () => !0
+		},
+		beforeRemove: {
+			type: Function,
+			default: () => !0
+		},
+		capture: { type: [Boolean, String] },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		customRequest: {},
+		data: {},
+		defaultFileList: { default: () => [] },
+		directory: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		dragIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		dragMainText: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		dragSubText: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		addOnPasting: {
+			type: Boolean,
+			default: !1
+		},
+		fileList: {},
+		modelValue: {},
+		fileName: {},
+		headers: {},
+		hotSpotLocation: { default: "end" },
+		itemStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		limit: {},
+		listType: { default: "list" },
+		maxSize: {},
+		minSize: {},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		name: {},
+		picHeight: {},
+		picWidth: {},
+		prompt: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		promptPosition: { default: "right" },
+		showClear: {
+			type: Boolean,
+			default: !0
+		},
+		showPicInfo: {
+			type: Boolean,
+			default: !1
+		},
+		showReplace: {
+			type: Boolean,
+			default: !1
+		},
+		showRetry: {
+			type: Boolean,
+			default: !0
+		},
+		showTooltip: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		showUploadList: {
+			type: Boolean,
+			default: !0
+		},
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		timeout: {},
+		transformFile: {},
+		uploadTrigger: { default: "auto" },
+		validateMessage: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		validateStatus: {},
+		withCredentials: {
+			type: Boolean,
+			default: !1
+		},
+		crop: { type: [Boolean, Object] },
+		beforeCrop: {},
+		onCropError: {},
+		cropModalProps: {},
+		previewFile: {},
+		renderFileItem: {},
+		renderPicInfo: {},
+		renderThumbnail: {},
+		renderPicPreviewIcon: {},
+		renderPicClose: {},
+		renderFileOperation: {},
+		fileListTitle: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] }
+	},
+	emits: [
+		"acceptInvalid",
+		"change",
+		"clear",
+		"cropError",
+		"drop",
+		"error",
+		"exceed",
+		"fileChange",
+		"openFileDialog",
+		"pastingError",
+		"previewClick",
+		"progress",
+		"remove",
+		"retry",
+		"sizeError",
+		"success",
+		"update:fileList",
+		"update:modelValue"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = Object.freeze({
+			mainText: "点击上传文件或拖拽文件到这里",
+			illegalTips: "不支持此类型文件",
+			legalTips: "松手开始上传",
+			retry: "重试",
+			replace: "替换文件",
+			clear: "清空",
+			selectedFiles: "已选择文件",
+			illegalSize: "文件尺寸不合法",
+			fail: "上传失败",
+			cropTitle: "裁切图片",
+			cropOk: "确定",
+			cropCancel: "取消"
+		}), a = Object.freeze({
+			mainText: "Click to Upload File or Drag File to here",
+			illegalTips: "This type of file is not supported",
+			legalTips: "Release and start uploading",
+			retry: "Retry",
+			replace: "Replace File",
+			clear: "Clear",
+			selectedFiles: "Selected Files",
+			illegalSize: "Illegal file size",
+			fail: "Upload fail",
+			cropTitle: "Crop Image",
+			cropOk: "OK",
+			cropCancel: "Cancel"
+		}), o = e, c = n, l = k(), u = le(), f = te(), b = ne(d, void 0), fe = ue("inputRef"), pe = ue("replaceInputRef"), j = ue("cropperRef");
+		function M(e) {
+			let t = f?.vnode.props, n = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		function N(e) {
+			return !M(e) || o[e] !== !1;
+		}
+		let ge = m(() => N("showClear")), P = m(() => N("showRetry")), _e = m(() => !M("showTooltip") || o.showTooltip !== !1 && o.showTooltip), ve = m(() => N("showUploadList")), ye = m(() => M("fileList")), be = m(() => M("modelValue")), xe = m(() => ye.value || be.value), F = m(() => be.value ? o.modelValue ?? [] : ye.value ? o.fileList ?? [] : void 0), Se = m(() => b ? b.value : {
+			direction: "ltr",
+			locale: { code: "zh-CN" }
+		}), I = m(() => ({
+			...Se.value.locale.code === "en-US" ? a : r,
+			...Se.value.locale.Upload
+		})), L = ce({
+			croppedFiles: [],
+			dragAreaStatus: "default",
+			fileList: [...F.value ?? o.defaultFileList],
+			inputKey: 0,
+			isReplaceOperation: !1,
+			localUrls: [],
+			nonImageFiles: [],
+			pendingImageFiles: [],
+			replaceIdx: -1,
+			replaceInputKey: 0
+		}), R = m(() => xe.value ? [...F.value ?? []] : L.fileList);
+		de(F, (e) => {
+			xe.value && (L.fileList = [...e ?? []]);
+		});
+		function Ce() {
+			return {
+				...o,
+				addOnPasting: o.addOnPasting,
+				beforeClear: o.beforeClear,
+				beforeRemove: o.beforeRemove,
+				disabled: o.disabled,
+				fileList: L.fileList,
+				listType: o.listType,
+				multiple: o.multiple,
+				showClear: ge.value,
+				showRetry: P.value,
+				showUploadList: ve.value,
+				uploadTrigger: o.uploadTrigger,
+				withCredentials: o.withCredentials
+			};
+		}
+		let we = /* @__PURE__ */ new Map(), z = E(null), B = E(null);
+		function V(e) {
+			return e.map((e) => ({ ...e }));
+		}
+		let Te = {
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => Ce()[e],
+			getProps: Ce,
+			getState: (e) => L[e],
+			getStates: () => L,
+			setState: (e, t) => {
+				Object.assign(L, e), t?.();
+			},
+			getCache: (e) => we.get(e),
+			getCaches: () => we,
+			setCache: (e, t) => we.set(e, t),
+			stopPropagation: (e) => e.stopPropagation?.(),
+			persistEvent: () => void 0,
+			notifyFileSelect: (e) => c("fileChange", e),
+			notifyError: (e, t, n, r) => c("error", e, t, V(n), r),
+			notifySuccess: (e, t, n) => c("success", e, t, V(n)),
+			notifyProgress: (e, t, n) => c("progress", e, t, V(n)),
+			notifyRemove: (e, t, n) => c("remove", e, V(t), { ...n }),
+			notifySizeError: (e, t) => c("sizeError", e, V(t)),
+			notifyExceed: (e) => c("exceed", e),
+			updateFileList: (e, t) => {
+				L.fileList = V(e), t?.();
+			},
+			notifyBeforeUpload: ({ file: e, fileList: t }) => o.beforeUpload?.({
+				file: { ...e },
+				fileList: V(t)
+			}) ?? !0,
+			notifyAfterUpload: ({ response: e, file: t, fileList: n }) => o.afterUpload?.({
+				response: e,
+				file: { ...t },
+				fileList: V(n)
+			}) ?? {},
+			resetInput: () => {
+				L.inputKey += 1;
+			},
+			resetReplaceInput: () => {
+				L.replaceInputKey += 1;
+			},
+			updateDragAreaStatus: (e) => {
+				L.dragAreaStatus = e;
+			},
+			notifyBeforeRemove: (e, t) => o.beforeRemove({ ...e }, V(t)),
+			notifyBeforeClear: (e) => o.beforeClear(V(e)),
+			notifyChange: ({ currentFile: e, fileList: t }) => {
+				let n = {
+					fileList: V(t),
+					...e === void 0 ? {} : { currentFile: e && { ...e } }
+				};
+				c("change", n), c("update:fileList", n.fileList), c("update:modelValue", n.fileList);
+			},
+			updateLocalUrls: (e) => {
+				L.localUrls = [...e];
+			},
+			notifyClear: () => c("clear"),
+			notifyPreviewClick: (e) => c("previewClick", { ...e }),
+			notifyDrop: (e, t, n) => c("drop", e, t, V(n)),
+			notifyAcceptInvalid: (e) => c("acceptInvalid", e),
+			registerPastingHandler: (e) => {
+				if (typeof document > "u" || !e) return;
+				let t = (t) => {
+					if (o.crop && t.type === "keydown" && "code" in t && (Te.isMac() ? t.metaKey : t.ctrlKey) && t.code === "KeyV" && "clipboard" in navigator) {
+						bt();
+						return;
+					}
+					e(t);
+				};
+				document.body.addEventListener("keydown", t), z.value = t;
+			},
+			unRegisterPastingHandler: () => {
+				typeof document < "u" && z.value && document.body.removeEventListener("keydown", z.value), z.value = null;
+			},
+			registerPasteEventHandler: (e) => {
+				if (typeof document > "u" || !e) return;
+				let t = (t) => {
+					let n = Array.from(t.clipboardData?.items ?? []).filter((e) => e.kind === "file").map((e) => e.getAsFile()).filter((e) => !!e);
+					if (o.crop && n.some(Q)) {
+						t.preventDefault(), $(n);
+						return;
+					}
+					e(t);
+				};
+				document.body.addEventListener("paste", t), B.value = t;
+			},
+			unRegisterPasteEventHandler: () => {
+				typeof document < "u" && B.value && document.body.removeEventListener("paste", B.value), B.value = null;
+			},
+			isMac: () => typeof navigator < "u" && /MAC/i.test(navigator.platform),
+			notifyPastingError: (e) => c("pastingError", e)
+		}, H = re(new ke(Te));
+		oe(() => H.init()), ae(() => {
+			H.destroy(), Z.value && URL.revokeObjectURL(Z.value);
+		});
+		let Ee = m(() => [
+			"semi-upload",
+			o.listType === "picture" ? "semi-upload-picture" : null,
+			o.disabled ? "semi-upload-disabled" : null,
+			o.validateStatus ? `semi-upload-${o.validateStatus}` : null,
+			Se.value.direction === "rtl" ? "semi-rtl" : null,
+			o.className,
+			o.class,
+			l.class
+		]), De = m(() => [o.style, l.style]), Oe = m(() => Object.fromEntries(Object.entries(l).filter(([e]) => !["class", "style"].includes(e) && (e.startsWith("data-") || e.startsWith("aria-"))))), U = m(() => o.directory ? {
+			directory: "directory",
+			webkitdirectory: "webkitdirectory"
+		} : {}), Ae = m(() => o.limit === void 0 || o.limit > R.value.length), je = m(() => o.limit !== 1 && R.value.length > 0), Me = m(() => [
+			"semi-upload-add",
+			"semi-upload-picture-add",
+			o.disabled ? "semi-upload-picture-add-disabled" : null,
+			o.draggable && L.dragAreaStatus === "legal" ? "semi-upload-drag-area-legal" : null,
+			o.draggable && L.dragAreaStatus === "illegal" ? "semi-upload-drag-area-illegal" : null
+		]), Ne = m(() => [
+			"semi-upload-drag-area",
+			L.dragAreaStatus === "legal" ? "semi-upload-drag-area-legal" : null,
+			L.dragAreaStatus === "illegal" ? "semi-upload-drag-area-illegal" : null,
+			u.default ? "semi-upload-drag-area-custom" : null
+		]);
+		function G() {
+			o.disabled || !fe.value || (fe.value.click(), c("openFileDialog"));
+		}
+		function Pe(e) {
+			let t = e.target.files;
+			t?.length && H.handleChange(t);
+		}
+		function Fe(e) {
+			let t = e.target.files;
+			if (!t?.length) return;
+			let n = Array.from(t);
+			if (o.crop && n.some(Q)) {
+				$(n, !0);
+				return;
+			}
+			H.handleReplaceChange(t);
+		}
+		function Ie(e) {
+			H.handleRemove(e);
+		}
+		function Le() {
+			H.handleClear();
+		}
+		function Re(e) {
+			o.disabled || (L.replaceIdx = e, ie(() => pe.value?.click()));
+		}
+		function ze(e, t) {
+			H.insertFileToList(e, t);
+		}
+		function Be() {
+			H.manualUpload();
+		}
+		function K(e) {
+			let t = Array.from(e.dataTransfer?.files ?? []);
+			if (o.crop && !o.disabled && !o.directory && t.some(Q)) {
+				e.preventDefault(), e.stopPropagation(), L.dragAreaStatus = "default", c("drop", e, t, [...L.fileList]), $(t);
+				return;
+			}
+			H.handleDrop(e);
+		}
+		function q(e) {
+			H.handleDragOver(e);
+		}
+		function J(e) {
+			H.handleDragLeave(e);
+		}
+		function Y(e) {
+			H.handleDragEnter(e);
+		}
+		function ct(e, t) {
+			let n = e.validateMessage ?? (e.status === "uploadFail" ? I.value.fail : e._sizeInvalid ? I.value.illegalSize : void 0), r = {
+				...e,
+				index: t,
+				key: e.uid || `${e.name}${t}`,
+				listType: o.listType,
+				disabled: o.disabled,
+				onRemove: () => Ie(e),
+				onRetry: () => {
+					c("retry", e), H.retry(e);
+				},
+				onReplace: () => Re(t),
+				...o.renderFileOperation ? { renderFileOperation: o.renderFileOperation } : {},
+				...o.renderPicClose ? { renderPicClose: o.renderPicClose } : {},
+				...o.renderPicInfo ? { renderPicInfo: o.renderPicInfo } : {},
+				...o.renderPicPreviewIcon ? { renderPicPreviewIcon: o.renderPicPreviewIcon } : {},
+				...o.renderThumbnail ? { renderThumbnail: o.renderThumbnail } : {},
+				...o.previewFile ? { previewFile: o.previewFile } : {},
+				...o.itemStyle ? { style: o.itemStyle } : {},
+				...M("onPreviewClick") ? { onPreviewClick: () => H.handlePreviewClick(e) } : {},
+				showPicInfo: o.showPicInfo,
+				showReplace: e.showReplace ?? o.showReplace,
+				showRetry: e.showRetry ?? P.value,
+				showTooltip: _e.value
+			};
+			return o.picHeight !== void 0 && (r.picHeight = o.picHeight), o.picWidth !== void 0 && (r.picWidth = o.picWidth), n !== void 0 && (r.validateMessage = n), r;
+		}
+		function lt(e, t) {
+			let n = ct(e, t);
+			return u.fileItem?.(n) ?? o.renderFileItem?.(n);
+		}
+		let ut = m(() => R.value.map((e, t) => ({
+			file: e,
+			cardProps: ct(e, t),
+			content: lt(e, t)
+		})));
+		function dt() {
+			return {
+				fileList: [...R.value],
+				onClear: Le,
+				clearText: I.value.clear
+			};
+		}
+		function ft() {
+			let e = dt();
+			return u.fileListTitle?.(e) ?? (typeof o.fileListTitle == "function" ? o.fileListTitle(e) : void 0);
+		}
+		let pt = m(() => ft()), mt = E(!1), X = E(null), Z = E("");
+		function Q(e) {
+			return e.type.startsWith("image/");
+		}
+		function ht(e, t) {
+			t ? H.handleReplaceChange(e) : H.handleChange(e);
+		}
+		async function gt(e, t) {
+			if (!o.beforeCrop) return !0;
+			try {
+				return await o.beforeCrop(e, t) !== !1;
+			} catch (e) {
+				let t = e instanceof Error ? e : Error(String(e));
+				return o.onCropError?.(t), c("cropError", t), !1;
+			}
+		}
+		async function $(e, t = !1) {
+			let n = e.filter(Q), r = e.filter((e) => !Q(e)), i = n[0];
+			if (!o.crop || !i) {
+				ht(e, t);
+				return;
+			}
+			if (!await gt(i, e)) {
+				ht(e, t);
+				return;
+			}
+			let [a, ...s] = t ? [i] : n;
+			a && (X.value = a, Z.value = URL.createObjectURL(a), L.pendingImageFiles = s, L.nonImageFiles = t ? [] : r, L.croppedFiles = [], L.isReplaceOperation = t, mt.value = !0);
+		}
+		async function _t() {
+			if (!(!X.value || !j.value)) try {
+				let e = j.value.getCropperCanvas(), t = typeof o.crop == "object" ? o.crop : {}, n = await new Promise((n, r) => e.toBlob((e) => e ? n(e) : r(/* @__PURE__ */ Error("Failed to create blob")), X.value?.type || "image/png", t.quality ?? .92)), r = new File([n], X.value.name, {
+					type: X.value.type,
+					lastModified: X.value.lastModified
+				}), i = [...L.croppedFiles, r], a = L.pendingImageFiles[0];
+				if (a) {
+					Z.value && URL.revokeObjectURL(Z.value), X.value = a, Z.value = URL.createObjectURL(a), L.pendingImageFiles = L.pendingImageFiles.slice(1), L.croppedFiles = i;
+					return;
+				}
+				let s = [...i, ...L.nonImageFiles], c = L.isReplaceOperation;
+				vt(), ht(s, c);
+			} catch (e) {
+				let t = e instanceof Error ? e : Error(String(e));
+				o.onCropError?.(t), c("cropError", t);
+			}
+		}
+		function vt() {
+			Z.value && URL.revokeObjectURL(Z.value), mt.value = !1, X.value = null, Z.value = "", L.pendingImageFiles = [], L.nonImageFiles = [], L.croppedFiles = [], L.isReplaceOperation = !1, L.inputKey += 1, L.replaceInputKey += 1;
+		}
+		async function yt(e) {
+			let t = Array.from(e.target.files ?? []);
+			t.length && await $(t);
+		}
+		async function bt() {
+			try {
+				let e = await navigator.permissions.query({ name: "clipboard-read" });
+				if (e.state !== "granted" && e.state !== "prompt") {
+					c("pastingError", e);
+					return;
+				}
+				let t = await navigator.clipboard.read(), n = [];
+				for (let e of t) for (let t of e.types.filter((e) => e.startsWith("image/"))) {
+					let r = await e.getType(t), i = t.split("/")[1] ?? "png";
+					n.push(new File([await r.arrayBuffer()], `paste.${i}`, { type: t }));
+				}
+				n.length && await $(n);
+			} catch (e) {
+				c("pastingError", e instanceof Error ? e : Error(String(e)));
+			}
+		}
+		return t({
+			insert: ze,
+			upload: Be,
+			openFileDialog: G,
+			clear: Le,
+			remove: Ie
+		}), (e, t) => (w(), _("div", x(Oe.value, {
+			class: Ee.value,
+			style: De.value,
+			"x-prompt-pos": o.promptPosition
+		}), [
+			(w(), _("input", x({
+				key: O(L).inputKey,
+				ref_key: "inputRef",
+				ref: fe
+			}, U.value, {
+				capture: o.capture || void 0,
+				multiple: o.multiple,
+				accept: o.accept,
+				type: "file",
+				autocomplete: "off",
+				tabindex: "-1",
+				class: "semi-upload-hidden-input",
+				onChange: t[0] ||= (e) => o.crop ? yt(e) : Pe(e)
+			}), null, 16, Ue)),
+			(w(), _("input", {
+				key: O(L).replaceInputKey,
+				ref_key: "replaceInputRef",
+				ref: pe,
+				accept: o.accept,
+				type: "file",
+				autocomplete: "off",
+				tabindex: "-1",
+				class: "semi-upload-hidden-input-replace",
+				onChange: Fe
+			}, null, 40, We)),
+			o.listType === "picture" ? g("", !0) : (w(), _(p, { key: 0 }, [o.draggable ? (w(), _("div", {
+				key: 0,
+				role: "button",
+				tabindex: "0",
+				"aria-disabled": o.disabled,
+				class: S(Ne.value),
+				onDrop: K,
+				onDragover: q,
+				onDragleave: J,
+				onDragenter: Y,
+				onClick: G
+			}, [O(u).default ? T(e.$slots, "default", {}, void 0, void 0, 0) : (w(), _(p, { key: 1 }, [v("div", Ke, [T(e.$slots, "dragIcon", {}, () => [o.dragIcon ? (w(), h(O(W), {
+				key: 0,
+				content: o.dragIcon
+			}, null, 8, ["content"])) : (w(), h(O(he), {
+				key: 1,
+				size: "extra-large"
+			}))])]), v("div", qe, [
+				v("div", Je, [T(e.$slots, "dragMainText", {}, () => [o.dragMainText ? (w(), h(O(W), {
+					key: 0,
+					content: o.dragMainText
+				}, null, 8, ["content"])) : (w(), _(p, { key: 1 }, [ee(D(I.value.mainText), 1)], 64))])]),
+				v("div", Ye, [T(e.$slots, "dragSubText", {}, () => [o.dragSubText ? (w(), h(O(W), {
+					key: 0,
+					content: o.dragSubText
+				}, null, 8, ["content"])) : g("", !0)])]),
+				v("div", Xe, [O(L).dragAreaStatus === "legal" ? (w(), _("span", Ze, D(I.value.legalTips), 1)) : g("", !0), O(L).dragAreaStatus === "illegal" ? (w(), _("span", Qe, D(I.value.illegalTips), 1)) : g("", !0)])
+			])], 64))], 42, Ge)) : (w(), _("div", {
+				key: 1,
+				role: "button",
+				tabindex: "0",
+				"aria-disabled": o.disabled,
+				class: "semi-upload-add",
+				onClick: G
+			}, [T(e.$slots, "default")], 8, $e))], 64)),
+			O(u).prompt || o.prompt ? (w(), _("div", et, [T(e.$slots, "prompt", {}, () => [y(O(W), { content: o.prompt }, null, 8, ["content"])])])) : g("", !0),
+			o.validateMessage ? (w(), _("div", tt, [y(O(W), { content: o.validateMessage }, null, 8, ["content"])])) : g("", !0),
+			o.listType === "picture" ? (w(), _(p, { key: 3 }, [ve.value && R.value.length ? (w(), _("div", nt, [v("div", rt, [
+				Ae.value && o.hotSpotLocation === "start" ? (w(), _("div", {
+					key: 0,
+					role: "button",
+					class: S(Me.value),
+					style: C({
+						height: o.picHeight,
+						width: o.picWidth
+					}),
+					"x-semi-prop": "children",
+					onClick: G,
+					onDrop: t[1] ||= (e) => o.draggable ? K(e) : void 0,
+					onDragover: t[2] ||= (e) => o.draggable ? q(e) : void 0,
+					onDragleave: t[3] ||= (e) => o.draggable ? J(e) : void 0,
+					onDragenter: t[4] ||= (e) => o.draggable ? Y(e) : void 0
+				}, [T(e.$slots, "default", {}, () => [y(O(me))])], 38)) : g("", !0),
+				(w(!0), _(p, null, se(ut.value, (e) => (w(), _(p, { key: e.cardProps.key }, [e.content === void 0 ? (w(), h(Ve, x({
+					key: 1,
+					ref_for: !0
+				}, e.cardProps, { _locale: I.value }), null, 16, ["_locale"])) : (w(), h(O(W), {
+					key: 0,
+					content: e.content
+				}, null, 8, ["content"]))], 64))), 128)),
+				Ae.value && o.hotSpotLocation === "end" ? (w(), _("div", {
+					key: 1,
+					role: "button",
+					class: S(Me.value),
+					style: C({
+						height: o.picHeight,
+						width: o.picWidth
+					}),
+					"x-semi-prop": "children",
+					onClick: G,
+					onDrop: t[5] ||= (e) => o.draggable ? K(e) : void 0,
+					onDragover: t[6] ||= (e) => o.draggable ? q(e) : void 0,
+					onDragleave: t[7] ||= (e) => o.draggable ? J(e) : void 0,
+					onDragenter: t[8] ||= (e) => o.draggable ? Y(e) : void 0
+				}, [T(e.$slots, "default", {}, () => [y(O(me))])], 38)) : g("", !0)
+			])])) : Ae.value ? (w(), _("div", {
+				key: 1,
+				role: "button",
+				class: S(Me.value),
+				style: C({
+					height: o.picHeight,
+					width: o.picWidth
+				}),
+				"x-semi-prop": "children",
+				onClick: G,
+				onDrop: t[9] ||= (e) => o.draggable ? K(e) : void 0,
+				onDragover: t[10] ||= (e) => o.draggable ? q(e) : void 0,
+				onDragleave: t[11] ||= (e) => o.draggable ? J(e) : void 0,
+				onDragenter: t[12] ||= (e) => o.draggable ? Y(e) : void 0
+			}, [T(e.$slots, "default", {}, () => [y(O(me))])], 38)) : g("", !0)], 64)) : o.listType === "list" && ve.value && R.value.length ? (w(), _("div", it, [je.value ? (w(), _("div", at, [pt.value === void 0 ? (w(), _(p, { key: 1 }, [v("span", ot, [o.fileListTitle && typeof o.fileListTitle != "function" ? (w(), h(O(W), {
+				key: 0,
+				content: o.fileListTitle
+			}, null, 8, ["content"])) : (w(), _(p, { key: 1 }, [ee(D(I.value.selectedFiles), 1)], 64))]), ge.value && !o.disabled ? (w(), _("span", {
+				key: 0,
+				role: "button",
+				tabindex: "0",
+				class: "semi-upload-file-list-title-clear",
+				onClick: Le
+			}, D(I.value.clear), 1)) : g("", !0)], 64)) : (w(), h(O(W), {
+				key: 0,
+				content: pt.value
+			}, null, 8, ["content"]))])) : g("", !0), v("div", st, [(w(!0), _(p, null, se(ut.value, (e) => (w(), _(p, { key: e.cardProps.key }, [e.content === void 0 ? (w(), h(Ve, x({
+				key: 1,
+				ref_for: !0
+			}, e.cardProps, { _locale: I.value }), null, 16, ["_locale"])) : (w(), h(O(W), {
+				key: 0,
+				content: e.content
+			}, null, 8, ["content"]))], 64))), 128))])])) : g("", !0),
+			o.crop ? (w(), h(s, x({ key: 5 }, o.cropModalProps, {
+				visible: mt.value,
+				title: typeof o.crop == "object" && o.crop.modalTitle ? o.crop.modalTitle : I.value.cropTitle,
+				"ok-text": typeof o.crop == "object" && o.crop.modalOkText ? o.crop.modalOkText : I.value.cropOk,
+				"cancel-text": typeof o.crop == "object" && o.crop.modalCancelText ? o.crop.modalCancelText : I.value.cropCancel,
+				"on-ok": _t,
+				"on-cancel": vt
+			}), {
+				default: A(() => [Z.value ? (w(), h(i, {
+					key: 0,
+					ref_key: "cropperRef",
+					ref: j,
+					src: Z.value,
+					shape: typeof o.crop == "object" ? o.crop.shape ?? "rect" : "rect",
+					"aspect-ratio": typeof o.crop == "object" ? o.crop.aspectRatio : void 0,
+					"min-zoom": typeof o.crop == "object" ? o.crop.minZoom : void 0,
+					"max-zoom": typeof o.crop == "object" ? o.crop.maxZoom : void 0,
+					"zoom-step": typeof o.crop == "object" ? o.crop.zoomStep : void 0,
+					fill: typeof o.crop == "object" ? o.crop.fill : void 0,
+					style: {
+						width: "100%",
+						height: "100%"
+					}
+				}, null, 8, [
+					"src",
+					"shape",
+					"aspect-ratio",
+					"min-zoom",
+					"max-zoom",
+					"zoom-step",
+					"fill"
+				])) : g("", !0)]),
+				_: 1
+			}, 16, [
+				"visible",
+				"title",
+				"ok-text",
+				"cancel-text"
+			])) : g("", !0)
+		], 16, He));
+	}
+}), J = [
+	"picture",
+	"list",
+	"none"
+], Y = [
+	"left",
+	"right",
+	"bottom"
+], ct = ["auto", "custom"], lt = [
+	"success",
+	"uploadFail",
+	"validateFail",
+	"validating",
+	"uploading",
+	"wait"
+], ut = Object.assign(q, { FileCard: Ve });
+//#endregion
+export { ct as a, Y as i, lt as n, Ve as o, J as r, ut as t };