@materialui-reactjs/admin 1.0.4 → 1.0.5

package/dist/chunks/{HeaderUpdate-lrSYWsKp.js → HeaderUpdate-CYN7fndV.js}

@@ -471,4 +471,4 @@ var u = ({ data: e, onChange: t, onClickPage: a }) => {
 	})]
 });
 //#endregion
-export { h as a, f as c, l as d, g as i, p as l, v as n, d as o, _ as r, m as s, y as t, u };
+export { h as a, p as c, l as d, g as i, m as l, v as n, d as o, _ as r, f as s, y as t, u };

package/dist/chunks/{Validator-DjZz2bJs.js → Validator-CXYkI7vJ.js}

@@ -1,30 +1,33 @@
 //#region src/hook/update.ts
-var e = async (e, n) => {
+var e = (e) => {
 	e.preventDefault();
-	let { name: r, type: i, value: a } = t(e, n);
-	if (i === "file") {
+	let { name: n, type: r, value: i } = t(e);
+	if (r === "file") {
 		let t = e.target.files;
-		n[r] = t ? t[0] : null;
-	} else n[r] = a;
-	return n;
-}, t = (e, t) => {
-	let { name: n, type: r, value: i } = e.target, a = n.split(/[\{\}]+/).filter(Boolean), o = a.shift();
-	if (!o || a.length === 0) return {
-		name: n,
-		type: r,
-		value: i
-	};
-	let s = JSON.parse(JSON.stringify(t?.[o] || {})), c = s;
-	for (let e = 0; e < a.length - 1; e++) {
-		let t = a[e];
-		c[t] = { ...c[t] || {} }, c = c[t];
+		return { [n]: t ? t[0] : null };
 	}
-	return c[a[a.length - 1]] = i, {
-		name: o,
-		type: r,
-		value: s
-	};
-}, n = window.jQuery, r = class e {
+	return { [n]: i };
+}, t = (e) => {
+	let { name: t, type: n, value: r } = e.target, i = t.split(/[\{\}]+/).filter(Boolean), a = i.shift();
+	if (!a || i.length === 0) return {
+		name: t,
+		type: n,
+		value: r
+	};
+	let o = {}, s = o;
+	for (let e = 0; e < i.length - 1; e++) s[i[e]] = {}, s = s[i[e]];
+	return s[i[i.length - 1]] = r, {
+		name: a,
+		type: n,
+		value: o
+	};
+}, n = (e, t) => {
+	let r = { ...e };
+	return Object.keys(t).forEach((e) => {
+		let i = t[e], a = r[e];
+		i && typeof i == "object" && !Array.isArray(i) && a && typeof a == "object" && !Array.isArray(a) ? r[e] = n(a, i) : r[e] = i;
+	}), r;
+}, r = window.jQuery, i = class e {
 	options;
 	validators;
 	$element;
@@ -55,8 +58,8 @@ var e = async (e, n) => {
 			if (t.checkValidity) return !t.checkValidity() && !t.validity.valid && (t.validationMessage || "error!");
 		},
 		match: function(t) {
-			let r = t.attr("data-match");
-			return r && t.val() !== n(r).val() && e.DEFAULTS.errors.match;
+			let n = t.attr("data-match");
+			return n && t.val() !== r(n).val() && e.DEFAULTS.errors.match;
 		},
 		minlength: function(t) {
 			let n = Number(t.attr("data-minlength"));
@@ -83,44 +86,44 @@ var e = async (e, n) => {
 			return t ? !new RegExp(t).test(String(e.val() ?? "")) : !1;
 		}
 	};
-	constructor(t, r = !1) {
-		this.options = r || e.DEFAULTS, this.validators = n.extend({}, e.VALIDATORS), this.$element = n(t), this.$btn = this.$element.find("button[type=\"submit\"], input[type=\"submit\"], .submitAjax"), this.$inputs = this.$element.find(e.INPUT_SELECTOR).add(this.$element.find("[data-validate=\"true\"]")).not(this.$element.find("[data-validate=\"false\"]").each((e, t) => {
-			this.clearErrors(n(t));
+	constructor(t, n = !1) {
+		this.options = n || e.DEFAULTS, this.validators = r.extend({}, e.VALIDATORS), this.$element = r(t), this.$btn = this.$element.find("button[type=\"submit\"], input[type=\"submit\"], .submitAjax"), this.$inputs = this.$element.find(e.INPUT_SELECTOR).add(this.$element.find("[data-validate=\"true\"]")).not(this.$element.find("[data-validate=\"false\"]").each((e, t) => {
+			this.clearErrors(r(t));
 		}));
 	}
 	static getValue(e) {
-		return e.is("[type=\"checkbox\"]") ? !!e.prop("checked") : e.is("[type=\"radio\"]") ? n(`[name="${e.attr("name")}"]:checked`).length > 0 : e.is("select[multiple]") ? (e.val() ?? []).length : e.val() ?? "";
+		return e.is("[type=\"checkbox\"]") ? !!e.prop("checked") : e.is("[type=\"radio\"]") ? r(`[name="${e.attr("name")}"]:checked`).length > 0 : e.is("select[multiple]") ? (e.val() ?? []).length : e.val() ?? "";
 	}
 	update = () => {
 		let t = this;
-		return this.$inputs = this.$element.find(e.INPUT_SELECTOR).add(this.$element.find("[data-validate=\"true\"]")).not(this.$element.find("[data-validate=\"false\"]").each((e, r) => {
-			t.clearErrors(n(r));
+		return this.$inputs = this.$element.find(e.INPUT_SELECTOR).add(this.$element.find("[data-validate=\"true\"]")).not(this.$element.find("[data-validate=\"false\"]").each((e, n) => {
+			t.clearErrors(r(n));
 		})), this.toggleSubmit(), this;
 	};
 	onInput = (e) => {
-		let t = this, r = n(e.target), i = e.type !== "focusout";
-		this.$inputs.is(r) && this.validateInput(r, i)?.done(function() {
+		let t = this, n = r(e.target), i = e.type !== "focusout";
+		this.$inputs.is(n) && this.validateInput(n, i)?.done(function() {
 			t.toggleSubmit();
 		});
 	};
 	validateInput = (e, t) => {
-		let r = e.data("bs.validator.errors");
+		let n = e.data("bs.validator.errors");
 		e.is("[type=\"radio\"]") && (e = this.$element.find("input[name=\"" + e.attr("name") + "\"]"));
-		let i = n.Event("validate.bs.validator", { relatedTarget: e[0] });
+		let i = r.Event("validate.bs.validator", { relatedTarget: e[0] });
 		if (this.$element.trigger(i), i.isDefaultPrevented()) return;
 		let a = this;
 		return this.runValidators(e).done(function(o) {
-			e.data("bs.validator.errors", o), o.length ? t ? a.defer(e, a.showErrors) : a.showErrors(e) : a.clearErrors(e), (!r || o.toString() !== r.toString()) && (i = o.length ? n.Event("invalid.bs.validator", {
+			e.data("bs.validator.errors", o), o.length ? t ? a.defer(e, a.showErrors) : a.showErrors(e) : a.clearErrors(e), (!n || o.toString() !== n.toString()) && (i = o.length ? r.Event("invalid.bs.validator", {
 				relatedTarget: e[0],
 				detail: o
-			}) : n.Event("valid.bs.validator", {
+			}) : r.Event("valid.bs.validator", {
 				relatedTarget: e[0],
-				detail: r
-			}), a.$element.trigger(i)), a.toggleSubmit(), a.$element.trigger(n.Event("validated.bs.validator", { relatedTarget: e[0] }));
+				detail: n
+			}), a.$element.trigger(i)), a.toggleSubmit(), a.$element.trigger(r.Event("validated.bs.validator", { relatedTarget: e[0] }));
 		});
 	};
 	runValidators = (t) => {
-		let r = [], i = n.Deferred();
+		let n = [], i = r.Deferred();
 		t.data("bs.validator.deferred") && t.data("bs.validator.deferred").reject(), t.data("bs.validator.deferred", i);
 		function a(e) {
 			return t.attr("data-" + e + "-error");
@@ -137,39 +140,39 @@ var e = async (e, n) => {
 		function c(e) {
 			return a(e) || o() || s();
 		}
-		return n.each(this.validators, n.proxy(function(n, i) {
+		return r.each(this.validators, r.proxy(function(r, i) {
 			let a = null;
-			(e.getValue(t) || t.attr("required")) && (t.attr("data-" + n) !== void 0 || n == "native") && (a = i.call(this, t)) && (a = c(n) || a, !~r.indexOf(a) && r.push(a));
-		}, this)), i.resolve(r), i.promise();
+			(e.getValue(t) || t.attr("required")) && (t.attr("data-" + r) !== void 0 || r == "native") && (a = i.call(this, t)) && (a = c(r) || a, !~n.indexOf(a) && n.push(a));
+		}, this)), i.resolve(n), i.promise();
 	};
 	validate = () => {
 		let e = this;
-		return n.when(this.$inputs.map((t, r) => e.validateInput(n(r), !1))).then(function() {
+		return r.when(this.$inputs.map((t, n) => e.validateInput(r(n), !1))).then(function() {
 			e.toggleSubmit(), e.focusError();
 		}), this;
 	};
 	focusError = () => {
 		if (!this.options.focus) return;
 		let t = this.$element.find(".has-error:first :input");
-		t.length !== 0 && (n("html, body").animate({ scrollTop: t.offset().top - e.FOCUS_OFFSET }, 250), t.focus());
+		t.length !== 0 && (r("html, body").animate({ scrollTop: t.offset().top - e.FOCUS_OFFSET }, 250), t.focus());
 	};
 	showErrors = (e) => {
 		this.options.html;
-		let t = e.data("bs.validator.errors"), r = e.closest(".form-group, .boxUFile"), i = r.find(".form-control-feedback");
-		t.length && (t = n("<ul/>").addClass("list-unstyled").append(n.map(t, (e) => {
-			let t = n("<li/>");
+		let t = e.data("bs.validator.errors"), n = e.closest(".form-group"), i = n.find(".form-control-feedback");
+		t.length && (t = r("<ul/>").addClass("list-unstyled").append(r.map(t, (e) => {
+			let t = r("<li/>");
 			return this.options.html ? t.html(e) : t.text(e);
-		})), r.addClass("has-error has-danger"), r.find(".invalid-tooltip, .invalid-feedback").remove(), r.find(".select2,.form-control").removeClass("is-valid").addClass("is-invalid"), r.append(`<div class="invalid-feedback"><ul class="list-unstyled">${t.html()}<ul/></div>`), r.removeClass("has-success"), r.hasClass("has-feedback"), i.removeClass(this.options.feedback?.success), i.addClass(this.options.feedback?.error));
+		})), n.addClass("has-error has-danger"), n.find(".invalid-tooltip, .invalid-feedback").remove(), n.find(".select2,.form-control").removeClass("is-valid").addClass("is-invalid"), n.append(`<div class="invalid-feedback"><ul class="list-unstyled">${t.html()}<ul/></div>`), n.removeClass("has-success"), n.hasClass("has-feedback"), i.removeClass(this.options.feedback?.success), i.addClass(this.options.feedback?.error));
 	};
 	clearErrors = (e) => {
-		let t = e.closest(".form-group, .boxUFile"), n = t.find(".form-control-feedback");
+		let t = e.closest(".form-group"), n = t.find(".form-control-feedback");
 		t.removeClass("has-error has-danger has-success"), t.find(".invalid-tooltip, .invalid-feedback").remove(), t.find(".select2,.form-control").addClass("is-valid").removeClass("is-invalid"), t.addClass("has-success"), t.hasClass("has-feedback"), n.removeClass(this.options.feedback?.error), n.removeClass(this.options.feedback?.success), n.addClass(this.options.feedback?.success);
 	};
 	hasErrors = () => !!this.$inputs.filter(function() {
-		return !!(n(this).data("bs.validator.errors") || []).length;
+		return !!(r(this).data("bs.validator.errors") || []).length;
 	}).length;
-	isIncomplete = () => !!this.$inputs.filter("[required]").filter((t, r) => {
-		let i = e.getValue(n(r));
+	isIncomplete = () => !!this.$inputs.filter("[required]").filter((t, n) => {
+		let i = e.getValue(r(n));
 		return !(typeof i == "string" ? i.trim() : i);
 	}).length;
 	onSubmit = (e) => {
@@ -183,21 +186,21 @@ var e = async (e, n) => {
 		window.clearTimeout(e.data("bs.validator.timeout")), e.data("bs.validator.timeout", window.setTimeout(t, this.options.delay));
 	};
 	reset = () => (this.$element.find(".form-control-feedback").removeClass(this.options?.feedback.error).removeClass(this.options.feedback.success), this.$inputs.removeData(["bs.validator.errors", "bs.validator.deferred"]).each(() => {
-		let e = n(this), t = e.data("bs.validator.timeout");
+		let e = r(this), t = e.data("bs.validator.timeout");
 		window.clearTimeout(t), e.removeData("bs.validator.timeout");
 	}), this.$element.find(".invalid-tooltip, .invalid-feedback").each(() => {
-		let e = n(this), t = e.data("bs.validator.originalContent");
+		let e = r(this), t = e.data("bs.validator.originalContent");
 		e.removeData("bs.validator.originalContent").html(t);
 	}), this.$btn.removeClass("disabled"), this.$element.find(".has-error, .has-danger, .has-success, .is-invalid, .is-valid").removeClass("has-error has-danger has-success is-invalid is-valid"), this);
 	destroy = () => (this.reset(), this.$element.removeAttr("novalidate").removeData("bs.validator").off(".bs.validator"), this.$inputs.off(".bs.validator"), this.options = null, this.validators = null, this.$element = null, this.$btn = null, this.$inputs = null, this);
 	run = () => {
 		this.update(), this.$element.on("input.bs.validator change.bs.validator focusout.bs.validator", this.onInput.bind(this)), this.$element.on("submit.bs.validator", this.onSubmit.bind(this)), this.$element.on("reset.bs.validator", this.reset.bind(this)), this.$element.find("[data-match]").each(function() {
-			let t = n(this), r = t.attr("data-match");
-			r && n(r).on("input.bs.validator", function() {
+			let t = r(this), n = t.attr("data-match");
+			n && r(n).on("input.bs.validator", function() {
 				e.getValue(t) && t.trigger("input.bs.validator");
 			});
-		}), this.$inputs.filter((t, r) => e.getValue(n(r)) && !n(this).closest(".has-error").length).trigger("focusout"), this.$element.attr("novalidate", !0);
+		}), this.$inputs.filter((t, n) => e.getValue(r(n)) && !r(this).closest(".has-error").length).trigger("focusout"), this.$element.attr("novalidate", !0);
 	};
 };
 //#endregion
-export { e as n, t as r, r as t };
+export { t as i, n, e as r, i as t };

package/dist/chunks/{form-C8gzkYMW.js → form-DirVyglJ.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./Env-DRXhvUcb.js";
 import { _ as t, a as n, d as r, f as i, h as a, l as o, m as s, n as c, p as l, r as u, s as d, u as f } from "./Common-C_ZhT4L6.js";
 import { t as p } from "./SortableItem-B4-Zsso3.js";
-import { r as m, t as h } from "./Validator-DjZz2bJs.js";
+import { i as m, t as h } from "./Validator-CXYkI7vJ.js";
 import g, { createContext as _, memo as v, useCallback as y, useContext as b, useEffect as x, useMemo as ee, useReducer as te, useRef as S, useState as C } from "react";
 import w, { components as T } from "react-select";
 import { DragDropContext as ne, Draggable as E, Droppable as re } from "@hello-pangea/dnd";
@@ -44674,9 +44674,9 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			return r?.(o), o;
 		});
 	}, d = (e, t) => {
-		let n = m(e, a), i = a.map((e, r) => r === t ? {
+		let n = m(e), i = a.map((e, r) => r === t ? {
 			...e,
-			[n?.name]: n?.value
+			[n.name]: n.value
 		} : e);
 		o(i), r?.(i);
 	}, h = (t, n, r) => {
@@ -44970,31 +44970,41 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			})
 		})
 	})
-}), ZN = { textField: { className: "datepicker-custom" } }, QN = ({ label: e, name: t, value: n = "", defaultValue: r = "", cpnClass: i = "", required: a, onChange: o, ...s }) => {
-	let c = S(!1);
+}), ZN = { textField: { className: "datepicker-custom" } }, QN = ({ label: e, name: t, value: n = "", debug: r = !1, defaultValue: i = "", cpnClass: a = "", required: o, onChange: s, ...c }) => {
+	let l = S(!1);
 	x(() => {
-		if (!c.current && !n && r && o) {
-			c.current = !0;
-			let e = l(r);
-			e && u(e);
+		if (r && console.log("DateTimeInput mounted", {
+			value: n,
+			defaultValue: i,
+			onChange: !!s
+		}), !l.current && !n && i && s) {
+			let e = u(i);
+			e && (l.current = !0, d(e));
 		}
-	}, [n, r]);
-	let l = (e) => {
+	}, [
+		n,
+		i,
+		s
+	]);
+	let u = (e) => {
 		if (!e) return null;
 		if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
 		let t = new Date(e);
 		return isNaN(t.getTime()) ? null : t;
-	}, u = (e) => {
-		o && e && !isNaN(e.getTime()) && o({
+	}, d = (e) => {
+		r && console.log("handleChange", {
+			name: t,
+			date: e
+		}), !(!s || !e || isNaN(e.getTime())) && s({
 			target: {
 				name: t,
 				value: ie(e, "yyyy-MM-dd HH:mm:ss")
 			},
 			preventDefault: () => {}
 		});
-	};
+	}, f = u(n) ?? u(i);
 	return /* @__PURE__ */ O("div", {
-		className: "form-group " + (i ?? ""),
+		className: "form-group " + (a ?? ""),
 		children: /* @__PURE__ */ O("div", {
 			className: "input-group input-group-outline",
 			children: /* @__PURE__ */ O(Me, {
@@ -45002,11 +45012,11 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 				adapterLocale: Pe,
 				children: /* @__PURE__ */ O(Fe, {
 					slotProps: ZN,
-					label: e + (a ? " *" : ""),
+					label: e + (o ? " *" : ""),
 					name: t,
-					value: l(n || r),
-					onChange: u,
-					...s
+					value: f,
+					onChange: d,
+					...c
 				})
 			})
 		})
@@ -45540,13 +45550,39 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			]
 		})
 	}) });
-}, sP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = "", onChange: o, isEdit: s = !1, ext: l = ".xlsx, .xls, .docx, .doc, .pdf", df: u = "" }) => {
-	let d = S(null), [f, p] = C(""), [m, h] = C("");
-	return x(() => {
-		h((a ?? "").split("/").pop() ?? ""), p(i(a, u));
-	}, [a, u]), /* @__PURE__ */ k("div", {
-		ref: d,
-		className: `card boxUFile ${n}`,
+}, sP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, disabled: a, readonly: o, value: s = "", onChange: l, isEdit: u = !1, ext: d = ".xlsx, .xls, .docx, .doc, .pdf", df: f = "" }) => {
+	let p = S(null), m = S(null), [h, g] = C(""), [_, v] = C("");
+	x(() => {
+		v((s ?? "").split("/").pop() ?? ""), g(i(s, f));
+	}, [s, f]), x(() => () => {
+		m.current &&= (URL.revokeObjectURL(m.current), null);
+	}, []);
+	let y = (e) => {
+		e.preventDefault();
+		let t = /\.(pdf|docx|doc|xlsx|xls)$/i, n = e.target.files;
+		if (!n || n.length === 0) return;
+		let r = e.target.getAttribute("accept"), i = r ? RegExp(".(" + r.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : t;
+		c(n, 10, i).then(() => {
+			let t = n[0];
+			if (!t) return;
+			m.current && URL.revokeObjectURL(m.current);
+			let r = URL.createObjectURL(t);
+			m.current = r, g(r), v(t.name), l?.(e);
+		}).catch((t) => {
+			console.error("Upload file validation failed:", t), e.target.value = "";
+		});
+	}, b = (e) => {
+		e.preventDefault(), m.current &&= (URL.revokeObjectURL(m.current), null), g(""), v(""), p.current && (p.current.value = ""), l && l({
+			target: {
+				name: t,
+				type: "input",
+				value: ""
+			},
+			preventDefault: () => {}
+		});
+	}, ee = u && !a && !o;
+	return /* @__PURE__ */ k("div", {
+		className: `card ${n}`,
 		children: [
 			/* @__PURE__ */ O("div", {
 				className: "card-header",
@@ -45557,28 +45593,17 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 						children: [/* @__PURE__ */ O("h3", {
 							className: "card-title",
 							children: e
-						}), s && /* @__PURE__ */ k("label", {
+						}), ee && /* @__PURE__ */ k("label", {
 							className: "text-info cursor-pointer m-0 ms-auto",
 							children: ["Tải lên", /* @__PURE__ */ O("input", {
+								ref: p,
 								required: r,
+								disabled: a,
 								name: t,
 								type: "file",
-								onChange: (e) => {
-									e.preventDefault();
-									let t = /\.(pdf|docx|doc|xlsx|xls)$/i, n = d.current?.querySelector(".default-file-input"), r = d.current?.querySelector(".showFile");
-									if (!n || !r) return;
-									let i = n.files;
-									if (!i) return;
-									let a = d.current?.querySelector(".rmFile"), s = n.getAttribute("accept"), l = s ? RegExp(".(" + s.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : t;
-									c(i, 10, l).then(() => {
-										Array.from(i).forEach((t) => {
-											let n = URL.createObjectURL(t);
-											p(n), h(t.name), o && o(e), a?.classList.remove("d-none");
-										});
-									});
-								},
+								onChange: y,
 								className: "d-none default-file-input",
-								accept: l
+								accept: d
 							})]
 						})]
 					})
@@ -45588,73 +45613,83 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			/* @__PURE__ */ k("div", {
 				className: "card-body d-flex justify-content-between align-items-center px-3 py-0 showFile",
 				style: { minHeight: "50px" },
-				children: [/* @__PURE__ */ k("div", {
-					className: `d-flex align-items-center justify-content-center ${f ? "" : "d-none"}`,
+				children: [h && /* @__PURE__ */ k("div", {
+					className: "d-flex align-items-center justify-content-center",
 					children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
 						className: "text-info",
-						href: f,
+						href: h,
 						target: "_blank",
-						children: m
+						rel: "noopener noreferrer",
+						children: _
 					})]
-				}), s && /* @__PURE__ */ O("a", {
-					onClick: (e) => {
-						e.preventDefault();
-						let n = d.current?.querySelector(".default-file-input"), r = d.current?.querySelector(".showFile");
-						if (!n || !r) return;
-						let a = d.current?.querySelector(".rmFile");
-						a && (a.classList.add("d-none"), p(i("", u)), n.value = "", o && o({
-							target: {
-								name: t,
-								type: "input",
-								value: ""
-							},
-							preventDefault: () => {}
-						}));
-					},
+				}), ee && h && /* @__PURE__ */ O("a", {
+					onClick: b,
 					href: "#",
-					className: `rmFile ml-auto link text-danger ${f ? "" : "d-none"}`,
+					className: "ml-auto link text-danger",
 					children: "Xóa"
 				})]
 			})
 		]
 	});
-}, cP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = [], onChange: o, isEdit: s = !1, ext: l = ".xlsx, .xls, .docx, .doc, .pdf", df: u = "" }) => {
-	let d = S(null), [f, p] = C([]), [m, h] = C(Array.isArray(a) ? a : []), g = (e) => {
+}, cP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, disabled: a, readonly: o, value: s = [], onChange: l, isEdit: u = !1, ext: d = ".xlsx, .xls, .docx, .doc, .pdf", df: f = "" }) => {
+	let [p, m] = C([]), [h, g] = C(Array.isArray(s) ? s : []), [_, v] = C(""), y = S(/* @__PURE__ */ new Map()), b = (e) => {
+		let t = y.current.get(e);
+		return t || (t = URL.createObjectURL(e), y.current.set(e, t)), t;
+	}, ee = (t, n) => {
+		r && t.length === 0 && n.length === 0 ? v(e + " không được để trống") : v("");
+	};
+	x(() => () => {
+		y.current.forEach((e) => {
+			URL.revokeObjectURL(e);
+		}), y.current.clear();
+	}, []), x(() => {
+		g(Array.isArray(s) ? s : []);
+	}, [s]);
+	let te = (e) => {
 		e.preventDefault();
-		let t = /\.(pdf|docx|doc|xlsx|xls)$/i, n = d.current?.querySelector(".default-file-input");
-		if (!n) return;
-		let r = n.files;
-		if (!r) return;
-		let i = n.getAttribute("accept"), a = i ? RegExp(".(" + i.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : t;
-		c(r, 10, a).then(() => {
-			let e = Array.from(r);
-			p((t) => [...t, ...e]);
+		let n = /\.(pdf|docx|doc|xlsx|xls)$/i, r = e.currentTarget, i = r.files;
+		if (!i || i.length === 0) return;
+		let a = r.getAttribute("accept"), o = a ? RegExp(".(" + a.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : n;
+		c(i, 10, o).then(() => {
+			let e = Array.from(i), n = [...p, ...e];
+			m(n), v(""), l?.({
+				target: {
+					name: `${t}_upload`,
+					type: "files",
+					value: n
+				},
+				preventDefault: () => {}
+			}), r.value = "";
 		});
-	}, _ = (e, t) => {
-		e.preventDefault(), h((e) => e.filter((e, n) => n !== t));
-	}, v = (e, t) => {
-		e.preventDefault(), p((e) => e.filter((e, n) => n !== t));
-	};
-	return x(() => {
-		o && o({
+	}, w = (e, n) => {
+		e.preventDefault();
+		let r = h.filter((e, t) => t !== n);
+		g(r), ee(r, p), l?.({
 			target: {
-				name: `${t}_upload`,
-				type: "files",
-				value: f
+				name: t,
+				value: r
 			},
 			preventDefault: () => {}
 		});
-	}, [f]), x(() => {
-		o && o({
+	}, T = (e, n) => {
+		e.preventDefault();
+		let r = p[n];
+		if (r) {
+			let e = y.current.get(r);
+			e && (URL.revokeObjectURL(e), y.current.delete(r));
+		}
+		let i = p.filter((e, t) => t !== n);
+		m(i), ee(h, i), l?.({
 			target: {
-				name: t,
-				value: m
+				name: `${t}_upload`,
+				type: "files",
+				value: i
 			},
 			preventDefault: () => {}
 		});
-	}, [m]), /* @__PURE__ */ k("div", {
-		ref: d,
-		className: `card boxUFile ${n}`,
+	}, ne = u && !a && !o;
+	return /* @__PURE__ */ k("div", {
+		className: `card ${n}`,
 		children: [
 			/* @__PURE__ */ O("div", {
 				className: "card-header position-relative",
@@ -45665,20 +45700,19 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 						children: [/* @__PURE__ */ O("h3", {
 							className: "card-title",
 							children: e
-						}), s && /* @__PURE__ */ k("label", {
+						}), ne && /* @__PURE__ */ k("label", {
 							className: "text-info cursor-pointer m-0 ms-auto",
 							children: ["Tải lên", /* @__PURE__ */ O("input", {
-								required: r,
+								disabled: a,
 								name: t,
 								multiple: !0,
 								type: "file",
-								onChange: g,
+								onChange: te,
 								style: {
 									position: "absolute",
 									left: -9999
 								},
-								className: "default-file-input",
-								accept: l
+								accept: d
 							})]
 						})]
 					})
@@ -45688,49 +45722,61 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			/* @__PURE__ */ k("div", {
 				className: "card-body py-2 px-3",
 				style: { minHeight: "50px" },
-				children: [m?.map((e, t) => {
-					let n = (e ? e.split("/").pop() : "").split("___");
-					return /* @__PURE__ */ k("div", {
+				children: [
+					h?.map((e, t) => {
+						let n = (e ? e.split("/").pop() : "")?.split("___");
+						return /* @__PURE__ */ k("div", {
+							className: "d-flex w-100 justify-content-between",
+							children: [/* @__PURE__ */ k("div", {
+								className: "d-flex justify-content-center flex-column",
+								children: [/* @__PURE__ */ k("div", {
+									className: "w-100",
+									children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
+										className: "text-info",
+										href: i(e, f),
+										target: "_blank",
+										children: n?.[1]
+									})]
+								}), /* @__PURE__ */ O("span", { children: n?.[0] ? new Date(Number(n[0])).toLocaleString("vi-VN") : "" })]
+							}), ne && /* @__PURE__ */ O("a", {
+								onClick: (e) => w(e, t),
+								href: "#",
+								className: "ml-auto link text-danger",
+								children: "Xóa"
+							})]
+						}, t);
+					}),
+					p?.map((e, t) => /* @__PURE__ */ k("div", {
 						className: "d-flex w-100 justify-content-between",
 						children: [/* @__PURE__ */ k("div", {
-							className: `d-flex justify-content-center flex-column ${e ? "" : "d-none"}`,
-							children: [/* @__PURE__ */ k("div", {
-								className: "w-100",
-								children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
-									className: "text-info",
-									href: i(e, u),
-									target: "_blank",
-									children: n?.[1]
-								})]
-							}), /* @__PURE__ */ O("span", { children: n[0] ? new Date(Number(n[0])).toLocaleString("vi-VN") : "" })]
-						}), s && /* @__PURE__ */ O("a", {
-							onClick: (e) => _(e, t),
+							className: "d-flex align-items-center justify-content-center",
+							children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
+								className: "text-info text-1-line",
+								href: b(e),
+								target: "_blank",
+								rel: "noopener noreferrer",
+								children: e?.name
+							})]
+						}), ne && /* @__PURE__ */ O("a", {
+							onClick: (e) => T(e, t),
 							href: "#",
-							className: `ml-auto link text-danger ${e ? "" : "d-none"}`,
+							className: "ml-auto link text-danger",
 							children: "Xóa"
 						})]
-					}, t);
-				}), f?.map((e, t) => /* @__PURE__ */ k("div", {
-					className: "d-flex w-100 justify-content-between",
-					children: [/* @__PURE__ */ k("div", {
-						className: `d-flex align-items-center justify-content-center ${e ? "" : "d-none"}`,
-						children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
-							className: "text-info text-1-line",
-							href: URL.createObjectURL(e),
-							target: "_blank",
-							children: e?.name
-						})]
-					}), s && /* @__PURE__ */ O("a", {
-						onClick: (e) => v(e, t),
-						href: "#",
-						className: `ml-auto link text-danger ${e ? "" : "d-none"}`,
-						children: "Xóa"
-					})]
-				}, t))]
+					}, t)),
+					_ && /* @__PURE__ */ O("div", {
+						className: "text-danger mt-1",
+						children: _
+					})
+				]
 			})
 		]
 	});
-}, lP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = [], onChange: o, isEdit: s = !1, ext: l = ".png, .jpg, .jpeg, .ico", df: u = "" }) => {
+}, lP = (e, t, n) => {
+	let r = e?.[t] ?? [], i = e?.[`${t}_upload`] ?? [];
+	if (r.length === 0 && i.length === 0) throw Error(`${n} không được để trống`);
+	return !0;
+}, uP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = [], onChange: o, isEdit: s = !1, ext: l = ".png, .jpg, .jpeg, .ico", df: u = "" }) => {
 	let d = S(null), [f, p] = C([]), [m, h] = C(Array.isArray(a) ? a : []), g = (e) => {
 		e.preventDefault();
 		let t = /\.(png|jpg|jpeg|ico)$/i, n = d.current?.querySelector(".default-file-input");
@@ -45840,4 +45886,4 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 	});
 };
 //#endregion
-export { Ge as C, ze as E, Ze as S, Ve as T, Qe as _, nP as a, Ye as b, $N as c, JN as d, qN as f, rt as g, nt as h, oP as i, QN as l, it as m, cP as n, tP as o, KN as p, sP as r, eP as s, lP as t, XN as u, Ke as v, qe as w, Xe as x, Je as y };
+export { Ze as C, ze as D, Ve as E, Xe as S, qe as T, rt as _, oP as a, Je as b, eP as c, XN as d, JN as f, nt as g, it as h, sP as i, $N as l, KN as m, cP as n, nP as o, qN as p, lP as r, tP as s, uP as t, QN as u, Qe as v, Ge as w, Ye as x, Ke as y };