haze-ui 1.28.0 → 1.30.0

package/dist/components/Upload/UploadCore.js

@@ -5,10 +5,10 @@ import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import n from "./UploadList.js";
 import { createXhrRequest as r } from "./xhr-upload.js";
 /* empty css                     */
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useCallback as s, useEffect as c, useImperativeHandle as l, useRef as u, useState as d } from "react";
+import { useCallback as i, useEffect as a, useImperativeHandle as ee, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/lib/components/Upload/UploadCore.tsx
-var ee = "haze-UploadCore__zoneBase", te = "haze-UploadCore__dropArea", ne = "haze-UploadCore__clickArea", re = "haze-UploadCore__iconStyle", f = "haze-UploadCore__hiddenInput";
+var d = "haze-UploadCore__zoneBase", f = "haze-UploadCore__dropArea", te = "haze-UploadCore__clickArea", ne = "haze-UploadCore__iconStyle", re = "haze-UploadCore__hiddenInput";
 function p(e) {
 	return e.toLowerCase().replace(/([./])jpg\b/g, "$1jpeg");
 }
@@ -21,48 +21,49 @@ function h(e) {
 }
 var g = /* @__PURE__ */ new WeakMap(), _ = { n: 0 };
 function v(e) {
+	if (!(e instanceof File) && e.uid) return e.uid;
 	let t = g.get(e);
 	if (t) return t;
 	_.n += 1;
 	let n = `haze-upload-file-${_.n}`;
 	return g.set(e, n), n;
 }
-function y({ value: p, onChange: g, accept: _, droppable: y = !0, beforeUpload: b, maxCount: x, multiple: S = !1, request: C, action: w, method: T, headers: E, name: D, data: O, manual: k = !1, showUploadList: A, listType: ie, removeLabel: ae, directory: oe, onStatusChange: j, className: se, children: ce, ref: le, ...ue }) {
-	let M = u(null), [de, N] = d(!1), [P, F] = d([]), I = t("upload"), L = C ?? (w == null ? void 0 : r({
+function y({ value: p, onChange: g, accept: _, droppable: y = !0, beforeUpload: b, maxCount: x, multiple: S = !1, request: C, action: w, method: T, headers: E, name: D, data: O, manual: k = !1, showUploadList: A, listType: ie, onPreview: ae, removeLabel: oe, directory: se, onStatusChange: j, className: ce, children: le, ref: ue, ...de }) {
+	let M = o(null), [fe, N] = s(!1), [P, F] = s([]), I = t("upload"), L = C ?? (w == null ? void 0 : r({
 		action: w,
 		method: T,
 		headers: E,
 		name: D,
 		data: O
-	})), R = L != null, z = A != null && A !== !1, B = R || z, V = u(p);
-	c(() => {
+	})), R = L != null, z = A != null && A !== !1, B = R || z, V = o(p);
+	a(() => {
 		V.current = p;
 	});
-	let H = u(P);
-	c(() => {
+	let H = o(P);
+	a(() => {
 		H.current = P;
 	});
-	let U = u(L);
-	c(() => {
+	let U = o(L);
+	a(() => {
 		U.current = L;
 	});
-	let W = u(g);
-	c(() => {
+	let W = o(g);
+	a(() => {
 		W.current = g;
 	});
-	let G = u(j);
-	c(() => {
+	let G = o(j);
+	a(() => {
 		G.current = j;
 	});
-	let K = u(/* @__PURE__ */ new Map()), q = u(/* @__PURE__ */ new Set()), J = u(!0);
-	c(() => {
+	let K = o(/* @__PURE__ */ new Map()), q = o(/* @__PURE__ */ new Set()), J = o(!0);
+	a(() => {
 		J.current = !0;
 		let e = K.current;
 		return () => {
 			J.current = !1, e.forEach((e) => e.abort()), e.clear();
 		};
 	}, []);
-	let Y = s((e) => {
+	let Y = i((e) => {
 		let t = U.current;
 		if (!t || !J.current) return;
 		let n = H.current.find((t) => t.file === e);
@@ -99,7 +100,7 @@ function y({ value: p, onChange: g, accept: _, droppable: y = !0, beforeUpload:
 			K.current.delete(r);
 		});
 	}, []);
-	c(() => {
+	a(() => {
 		if (!B) {
 			F((e) => e.length > 0 ? [] : e);
 			return;
@@ -111,39 +112,59 @@ function y({ value: p, onChange: g, accept: _, droppable: y = !0, beforeUpload:
 			if (e.length === 0 && p.length === 0) return e;
 			let t = new Map(e.map((e) => [e.file, e])), n = p.length !== e.length, r = p.map((e) => {
 				let r = t.get(e);
-				return r ? (t.delete(e), r) : (n = !0, {
+				if (r) {
+					if (t.delete(e), e instanceof File) return r;
+					let i = e.status ?? "success", a = h(e.percent ?? 0);
+					return r.status === i && r.percent === a ? r : (n = !0, {
+						...r,
+						status: i,
+						percent: a
+					});
+				}
+				return n = !0, e instanceof File ? {
 					uid: v(e),
 					file: e,
 					status: "idle",
 					percent: 0
-				});
+				} : {
+					uid: v(e),
+					file: e,
+					status: e.status ?? "success",
+					percent: h(e.percent ?? 0)
+				};
 			});
 			return n || t.size > 0 ? r : e;
 		});
-	}, [p, B]), c(() => {
-		R && !k && P.filter((e) => e.status === "idle" && !q.current.has(e.uid)).forEach((e) => Y(e.file));
+	}, [p, B]), a(() => {
+		R && !k && P.forEach((e) => {
+			e.file instanceof File && e.status === "idle" && !q.current.has(e.uid) && Y(e.file);
+		});
 	}, [
 		P,
 		R,
 		k,
 		Y
-	]), c(() => {
+	]), a(() => {
 		let e = G.current;
 		e && B && e(P.map(({ file: e, status: t, percent: n }) => ({
 			file: e,
 			status: t,
 			percent: n
 		})));
-	}, [P, B]), l(le, () => ({
+	}, [P, B]), ee(ue, () => ({
 		upload: (e) => {
 			if (e !== void 0) {
 				Y(e);
 				return;
 			}
-			H.current.filter((e) => e.status === "idle" || e.status === "error").forEach((e) => Y(e.file));
+			H.current.forEach((e) => {
+				e.file instanceof File && (e.status === "idle" || e.status === "error") && Y(e.file);
+			});
 		},
 		uploadAll: () => {
-			H.current.filter((e) => e.status !== "uploading").forEach((e) => Y(e.file));
+			H.current.forEach((e) => {
+				e.file instanceof File && e.status !== "uploading" && Y(e.file);
+			});
 		},
 		abort: () => {
 			K.current.forEach((e) => e.abort());
@@ -152,14 +173,14 @@ function y({ value: p, onChange: g, accept: _, droppable: y = !0, beforeUpload:
 			K.current.forEach((e) => e.abort()), K.current.clear(), J.current && W.current([]);
 		}
 	}), [Y]);
-	let X = s((e) => {
+	let X = i((e) => {
 		let t = H.current.find((t) => t.file === e);
 		t && K.current.get(t.uid)?.abort();
-	}, []), Z = s((e) => {
+	}, []), Z = i((e) => {
 		X(e), J.current && g(V.current.filter((t) => t !== e));
-	}, [X, g]), fe = s((e) => {
-		H.current.find((t) => t.file === e)?.status === "error" && Y(e);
-	}, [Y]), Q = s((e) => {
+	}, [X, g]), pe = i((e) => {
+		e instanceof File && H.current.find((t) => t.file === e)?.status === "error" && Y(e);
+	}, [Y]), Q = i((e) => {
 		if (e.length === 0) return;
 		let t = (e) => {
 			if (e.length === 0) return;
@@ -178,53 +199,55 @@ function y({ value: p, onChange: g, accept: _, droppable: y = !0, beforeUpload:
 		x,
 		b,
 		g
-	]), pe = s(() => {
+	]), me = i(() => {
 		M.current?.click();
-	}, []), me = oe ? {
+	}, []), he = se ? {
 		webkitdirectory: "",
 		directory: ""
-	} : {}, he = s((e) => {
+	} : {}, ge = i((e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), M.current?.click());
-	}, []), ge = s((e) => {
+	}, []), $ = i((e) => {
 		Q(Array.from(e.target.files || [])), e.target.value = "";
-	}, [Q]), $ = s((e) => {
+	}, [Q]), _e = i((e) => {
 		e.preventDefault(), N(!1);
 		let t = Array.from(e.dataTransfer.files);
 		Q(_ ? t.filter((e) => m(e, _)) : t);
-	}, [Q, _]), _e = s((e) => {
+	}, [Q, _]), ve = i((e) => {
 		e.preventDefault(), N(!0);
-	}, []), ve = s((e) => {
+	}, []), ye = i((e) => {
 		e.preventDefault(), N(!0);
-	}, []), ye = s((e) => {
+	}, []), be = i((e) => {
 		e.currentTarget.contains(e.relatedTarget) || N(!1);
 	}, []);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+		"data-slot": "drop-zone",
 		"aria-label": I.label,
-		...ue,
-		"data-dragover": y && de ? "true" : void 0,
-		onClick: pe,
-		onKeyDown: he,
-		onDrop: y ? $ : void 0,
-		onDragOver: y ? _e : void 0,
-		onDragEnter: y ? ve : void 0,
-		onDragLeave: y ? ye : void 0,
+		...de,
+		"data-dragover": y && fe ? "true" : void 0,
+		onClick: me,
+		onKeyDown: ge,
+		onDrop: y ? _e : void 0,
+		onDragOver: y ? ve : void 0,
+		onDragEnter: y ? ye : void 0,
+		onDragLeave: y ? be : void 0,
 		role: "button",
 		tabIndex: 0,
 		className: e([
-			ee,
-			y ? te : ne,
-			se
+			d,
+			y ? f : te,
+			ce
 		]),
-		children: [/* @__PURE__ */ a("input", {
+		children: [/* @__PURE__ */ l("input", {
 			ref: M,
 			type: "file",
 			accept: _,
 			multiple: S,
-			...me,
-			onChange: ge,
+			...he,
+			onChange: $,
 			hidden: !0,
-			className: e([f])
-		}), ce || /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("svg", {
+			className: e([re])
+		}), le || /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("svg", {
+			"data-slot": "icon",
 			width: "40",
 			height: "40",
 			viewBox: "0 0 24 24",
@@ -233,25 +256,29 @@ function y({ value: p, onChange: g, accept: _, droppable: y = !0, beforeUpload:
 			strokeWidth: "2",
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			className: e([re]),
+			className: e([ne]),
 			children: [
-				/* @__PURE__ */ a("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-				/* @__PURE__ */ a("polyline", { points: "17 8 12 3 7 8" }),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ l("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+				/* @__PURE__ */ l("polyline", { points: "17 8 12 3 7 8" }),
+				/* @__PURE__ */ l("line", {
 					x1: "12",
 					y1: "3",
 					x2: "12",
 					y2: "15"
 				})
 			]
-		}), /* @__PURE__ */ a("div", { children: y ? I.hint : I.clickHint })] })]
-	}), z && P.length > 0 && /* @__PURE__ */ a(n, {
+		}), /* @__PURE__ */ l("div", {
+			"data-slot": "hint",
+			children: y ? I.hint : I.clickHint
+		})] })]
+	}), z && P.length > 0 && /* @__PURE__ */ l(n, {
 		entries: P,
 		listType: ie,
-		removeLabel: ae,
+		removeLabel: oe,
+		onPreview: ae,
 		itemRender: typeof A == "object" ? A.itemRender : void 0,
 		onRemove: Z,
-		onRetry: fe,
+		onRetry: pe,
 		onCancel: Z
 	})] });
 }