@materialui-reactjs/admin 1.0.4 → 1.0.5

package/dist/chunks/{single-DyPwG6ZR.js → single-DfnwtW2f.js}

@@ -1,31 +1,31 @@
 import { n as e } from "./Env-DRXhvUcb.js";
 import { _ as t, b as n, c as r, g as i, i as a, t as o, v as s, y as c } from "./Common-C_ZhT4L6.js";
-import { n as l, t as u } from "./Validator-DjZz2bJs.js";
-import { t as d } from "./UDragFile-CAiSfTsp.js";
-import { t as f } from "./SpinnerLoader-h8RDIarB.js";
-import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, r as b, s as x, t as S, u as C } from "./HeaderUpdate-lrSYWsKp.js";
-import w, { createRef as T } from "react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Form as k, Link as A } from "react-router-dom";
-import { Helmet as j } from "react-helmet-async";
+import { n as l, r as u, t as d } from "./Validator-CXYkI7vJ.js";
+import { t as f } from "./UDragFile-CAiSfTsp.js";
+import { t as p } from "./SpinnerLoader-h8RDIarB.js";
+import { a as m, c as h, d as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C, u as w } from "./HeaderUpdate-CYN7fndV.js";
+import T, { createRef as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Form as A, Link as j } from "react-router-dom";
+import { Helmet as M } from "react-helmet-async";
 //#region src/hook/detail.ts
-var M = (e, t) => {
+var N = (e) => {
 	e.preventDefault();
-	let { name: n, type: r, value: i } = e.target;
-	if (r === "file") {
-		let r = e.target.files;
-		t[n] = r ? r[0] : null;
-	} else t[n] = i;
-	return t;
-}, N = (e, t, n, r, i, a) => {
+	let { name: t, type: n, value: r } = e.target;
+	if (n === "file") {
+		let n = e.target.files;
+		return { [t]: n ? n[0] : null };
+	}
+	return { [t]: r };
+}, P = (e, t, n, r, i, a) => {
 	if (!a) return !1;
 	if (a == 1) return !0;
 	for (let o of e) {
 		if (o.module == t && o.controller == n && o.action == r && o.code == i && o.status !== 1) return o.isPer;
-		if (o.subs && o.subs.length > 0 && !N(o.subs, t, n, r, i, a)) return !1;
+		if (o.subs && o.subs.length > 0 && !P(o.subs, t, n, r, i, a)) return !1;
 	}
 	return !0;
-}, { API_URL: P, ADMIN_URI: F } = await e(), I = class extends w.Component {
+}, { API_URL: F, ADMIN_URI: I } = await e(), L = class extends T.Component {
 	effectRan = !1;
 	module = "admins";
 	controller = "";
@@ -37,16 +37,17 @@ var M = (e, t) => {
 	};
 	title = "";
 	cUri = "";
-	cLink = F + this.cUri;
-	API_URL = P;
-	ADMIN_URI = F;
+	cLink = I + this.cUri;
+	API_URL = F;
+	ADMIN_URI = I;
 	getDataUrl = "";
 	ctype = "application/json";
 	fluid = !1;
 	isBackUri = !0;
-	renderForm = () => /* @__PURE__ */ D(E, {});
+	debug = !1;
+	renderForm = () => /* @__PURE__ */ O(D, {});
 	syncPermissionsAndState = async () => {
-		let { menuData: e, user: t } = this.props, n = { isDetail: N(e, this.module, this.controller, "detail", 0, t.groupId) };
+		let { menuData: e, user: t } = this.props, n = { isDetail: P(e, this.module, this.controller, "detail", 0, t.groupId) };
 		this.setState(n, async () => {
 			let e = r();
 			if (e && n.isDetail) {
@@ -73,7 +74,7 @@ var M = (e, t) => {
 	}
 	componentDidMountAfter = async () => {};
 	renderHeaderDetail() {
-		return /* @__PURE__ */ D(b, {
+		return /* @__PURE__ */ O(x, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri
@@ -81,23 +82,23 @@ var M = (e, t) => {
 	}
 	handleChange = async (e) => {
 		e.preventDefault();
-		let t = await M(e, { ...this.state.formValue });
-		this.setState((e) => ({ formValue: {
+		let t = N(e);
+		this.debug && console.log("handleChange:", e.target.name, e.target.value), this.setState((e) => ({ formValue: {
 			...e.formValue,
 			...t
 		} }));
 	};
 	render() {
 		let { isDetail: e, item: t } = this.state;
-		return e ? t === !1 ? /* @__PURE__ */ D(g, {
+		return e ? t === !1 ? /* @__PURE__ */ O(_, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | Chi tiết"
-		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: this.title }) }), /* @__PURE__ */ O("div", {
+		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: this.title }) }), /* @__PURE__ */ k("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-			children: [this.renderHeaderDetail(), /* @__PURE__ */ D("div", {
+			children: [this.renderHeaderDetail(), /* @__PURE__ */ O("div", {
 				className: "position-relative",
-				children: /* @__PURE__ */ D(f, {
+				children: /* @__PURE__ */ O(p, {
 					loading: !t,
 					style: {
 						minHeight: 200,
@@ -106,22 +107,22 @@ var M = (e, t) => {
 					children: this.renderForm()
 				})
 			})]
-		})] }) : /* @__PURE__ */ D(p, {
+		})] }) : /* @__PURE__ */ O(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | Chi tiết",
 			fluid: this.fluid
 		});
 	}
-}, L = (e, t) => {
+}, R = (e) => {
 	e.preventDefault();
-	let { name: n, type: r, value: i } = e.target;
-	if (r === "file") {
-		let r = e.target.files;
-		t[n] = r ? r[0] : null;
-	} else t[n] = i;
-	return t;
-}, { API_URL: R, ADMIN_URI: z } = await e(), B = class extends w.Component {
+	let { name: t, type: n, value: r } = e.target;
+	if (n === "file") {
+		let n = e.target.files;
+		return { [t]: n ? n[0] : null };
+	}
+	return { [t]: r };
+}, { API_URL: z, ADMIN_URI: B } = await e(), V = class extends T.Component {
 	effectRan = !1;
 	module = "admins";
 	controller = "";
@@ -134,33 +135,34 @@ var M = (e, t) => {
 	};
 	title = "";
 	cUri = "";
-	cLink = z + this.cUri;
-	API_URL = R;
-	ADMIN_URI = z;
+	cLink = B + this.cUri;
+	API_URL = z;
+	ADMIN_URI = B;
 	getDataUrl = "";
 	editUrl = "";
 	createUrl = "";
 	ctype = "application/json";
 	fluid = !1;
 	isBackUri = !1;
-	renderForm = () => /* @__PURE__ */ D(E, {});
-	renderAfterForm = () => /* @__PURE__ */ D(E, {});
+	debug = !1;
+	renderForm = () => /* @__PURE__ */ O(D, {});
+	renderAfterForm = () => /* @__PURE__ */ O(D, {});
 	handleChange = async (e) => {
 		e.preventDefault();
-		let t = await L(e, { ...this.state.formValue });
-		this.setState((e) => ({ formValue: {
+		let t = R(e);
+		this.debug && console.log("handleChange:", e.target.name, e.target.value), this.setState((e) => ({ formValue: {
 			...e.formValue,
 			...t
 		} }));
 	};
 	syncPermissionsAndState = async () => {
-		let { menuData: e, user: t } = this.props, n = { isDetail: N(e, this.module, this.controller, "detail", 0, t.groupId) };
+		let { menuData: e, user: t } = this.props, n = { isDetail: P(e, this.module, this.controller, "detail", 0, t.groupId) };
 		this.setState(n, async () => {
 			let e = (await o(this.getDataUrl, { table: this.table }, "GET", "application/json", !1))?.data;
 			this.setState({
 				item: e || !1,
 				formValue: e ? { ...e } : {}
-			}), new u("#fieldUpdate").run();
+			}), new d("#fieldUpdate").run();
 		});
 	};
 	async initDidMount() {
@@ -177,7 +179,7 @@ var M = (e, t) => {
 	componentDidMountAfter = async () => {};
 	handleSubmit = async (e) => {
 		e.preventDefault();
-		let { formValue: t } = this.state, r = new u("#fieldUpdate");
+		let { formValue: t } = this.state, r = new d("#fieldUpdate");
 		if (!r.hasErrors() && !r.isIncomplete()) {
 			n("#fieldUpdate", !0);
 			try {
@@ -201,7 +203,7 @@ var M = (e, t) => {
 	};
 	afterSubmit = async (e) => {};
 	renderHeaderUpdate() {
-		return /* @__PURE__ */ D(S, {
+		return /* @__PURE__ */ O(C, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri,
@@ -210,16 +212,16 @@ var M = (e, t) => {
 	}
 	render() {
 		let { isDetail: e, item: t } = this.state;
-		return e === !1 ? /* @__PURE__ */ D(p, {
+		return e === !1 ? /* @__PURE__ */ O(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title,
 			fluid: this.fluid
-		}) : /* @__PURE__ */ O(E, { children: [
-			/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [this.title, " | Tùy chỉnh dữ liệu"] }) }),
-			/* @__PURE__ */ D("div", {
+		}) : /* @__PURE__ */ k(D, { children: [
+			/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [this.title, " | Tùy chỉnh dữ liệu"] }) }),
+			/* @__PURE__ */ O("div", {
 				className: `position-relative mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-				children: /* @__PURE__ */ D(k, {
+				children: /* @__PURE__ */ O(A, {
 					id: "fieldUpdate",
 					className: "position-relative",
 					method: "post",
@@ -227,7 +229,7 @@ var M = (e, t) => {
 					"data-toggle": "validator",
 					role: "form",
 					onSubmit: this.handleSubmit,
-					children: /* @__PURE__ */ O(f, {
+					children: /* @__PURE__ */ k(p, {
 						loading: !t,
 						style: {
 							minHeight: 200,
@@ -240,7 +242,7 @@ var M = (e, t) => {
 			this.renderAfterForm()
 		] });
 	}
-}, { API_URL: V, ADMIN_URI: H } = await e(), U = class extends w.Component {
+}, { API_URL: H, ADMIN_URI: U } = await e(), W = class extends T.Component {
 	module = "admins";
 	controller = "";
 	state = {
@@ -251,9 +253,9 @@ var M = (e, t) => {
 	};
 	title = "";
 	cUri = "";
-	cLink = H + this.cUri;
-	API_URL = V;
-	ADMIN_URI = H;
+	cLink = U + this.cUri;
+	API_URL = H;
+	ADMIN_URI = U;
 	importUrl = "";
 	importFile = "assetorigin.xlsx";
 	ctype = "multipart/form-data";
@@ -274,11 +276,11 @@ var M = (e, t) => {
 	};
 	syncPermissionsAndState = () => {
 		let { menuData: e, user: t } = this.props, n = {
-			isCre: N(e, this.module, this.controller, "update", 0, t.groupId),
-			isEdit: N(e, this.module, this.controller, "update", 1, t.groupId)
+			isCre: P(e, this.module, this.controller, "update", 0, t.groupId),
+			isEdit: P(e, this.module, this.controller, "update", 1, t.groupId)
 		};
 		this.setState(n, async () => {
-			new u("#itemImport").run();
+			new d("#itemImport").run();
 		});
 	};
 	async initDidMount() {
@@ -294,7 +296,7 @@ var M = (e, t) => {
 	componentDidMountAfter = async () => {};
 	handleSubmit = async (e) => {
 		e.preventDefault();
-		let { formValue: t } = this.state, r = new u("#itemImport");
+		let { formValue: t } = this.state, r = new d("#itemImport");
 		if (!r.hasErrors() && !r.isIncomplete()) {
 			n("#itemImport", !0);
 			try {
@@ -307,7 +309,7 @@ var M = (e, t) => {
 			}
 		}
 	};
-	renderForm = () => /* @__PURE__ */ D(E, { children: /* @__PURE__ */ D(d, {
+	renderForm = () => /* @__PURE__ */ O(D, { children: /* @__PURE__ */ O(f, {
 		onChange: this.handleChange,
 		label: "Import excel",
 		name: "importfile",
@@ -315,18 +317,18 @@ var M = (e, t) => {
 	}) });
 	render() {
 		let { isCre: e, isEdit: t } = this.state;
-		return e === !1 && t === !1 ? /* @__PURE__ */ D(p, {
+		return e === !1 && t === !1 ? /* @__PURE__ */ O(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | Import",
 			fluid: this.fluid
-		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
 			this.title,
 			" | ",
 			"Import"
-		] }) }), /* @__PURE__ */ D("div", {
+		] }) }), /* @__PURE__ */ O("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-			children: /* @__PURE__ */ O(k, {
+			children: /* @__PURE__ */ k(A, {
 				id: "itemImport",
 				className: "position-relative",
 				action: this.importUrl,
@@ -335,71 +337,71 @@ var M = (e, t) => {
 				"data-toggle": "validator",
 				role: "form",
 				onSubmit: this.handleSubmit,
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-					children: [/* @__PURE__ */ D("nav", {
+					children: [/* @__PURE__ */ O("nav", {
 						"aria-label": "breadcrumb",
-						children: /* @__PURE__ */ O("ol", {
+						children: /* @__PURE__ */ k("ol", {
 							className: "breadcrumb bg-transparent m-0 p-0",
 							children: [
-								/* @__PURE__ */ D("li", {
+								/* @__PURE__ */ O("li", {
 									className: "breadcrumb-item",
-									children: /* @__PURE__ */ D(A, {
+									children: /* @__PURE__ */ O(j, {
 										className: "text-white",
 										to: this.ADMIN_URI || "/",
-										children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+										children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
 									})
 								}),
-								/* @__PURE__ */ D("li", {
+								/* @__PURE__ */ O("li", {
 									className: "breadcrumb-item",
-									children: /* @__PURE__ */ D(A, {
+									children: /* @__PURE__ */ O(j, {
 										className: "text-white",
 										to: this.cUri,
 										children: this.title
 									})
 								}),
-								/* @__PURE__ */ D("li", {
+								/* @__PURE__ */ O("li", {
 									className: "breadcrumb-item text-white active",
 									"aria-current": "page",
 									children: "Import"
 								})
 							]
 						})
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ k("div", {
 						className: "ms-auto",
-						children: [/* @__PURE__ */ D(A, {
+						children: [/* @__PURE__ */ O(j, {
 							target: "_blank",
 							to: this.API_URL + "/importfile/" + this.importFile,
 							className: "btn btn-sm btn-icon btn-info me-2",
 							title: "Tải xuống biểu mẫu",
-							children: /* @__PURE__ */ D("i", {
+							children: /* @__PURE__ */ O("i", {
 								className: "material-icons text-white position-relative text-lg",
 								children: "file_download"
 							})
-						}), /* @__PURE__ */ D(A, {
+						}), /* @__PURE__ */ O(j, {
 							to: this.cUri,
 							className: "btn btn-sm btn-icon btn-secondary",
 							title: "Trở lại",
-							children: /* @__PURE__ */ D("i", {
+							children: /* @__PURE__ */ O("i", {
 								className: "material-icons text-white position-relative text-lg",
 								children: "reply"
 							})
 						})]
 					})]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "card",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "card-body pb-0",
-						children: /* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ O("div", {
 							className: "row justify-content-center",
-							children: /* @__PURE__ */ O("div", {
+							children: /* @__PURE__ */ k("div", {
 								className: "col-md-8 pt-5 pb-4",
 								children: [
-									/* @__PURE__ */ D("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
+									/* @__PURE__ */ O("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
 									this.renderForm(),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "w-100 d-flex",
-										children: /* @__PURE__ */ D("button", {
+										children: /* @__PURE__ */ O("button", {
 											title: "Import",
 											type: "submit",
 											className: "btn btn-success mb-4 mx-auto",
@@ -414,7 +416,7 @@ var M = (e, t) => {
 			})
 		})] });
 	}
-}, { API_URL: W, ADMIN_URI: G } = await e(), K = class extends w.Component {
+}, { API_URL: G, ADMIN_URI: K } = await e(), q = class extends T.Component {
 	effectRan = !1;
 	fluid = !1;
 	module = "admins";
@@ -453,9 +455,9 @@ var M = (e, t) => {
 		"del"
 	];
 	cUri = "";
-	cLink = G + this.cUri;
-	API_URL = W;
-	ADMIN_URI = G;
+	cLink = K + this.cUri;
+	API_URL = G;
+	ADMIN_URI = K;
 	getDataUrl = "";
 	deleteUrl = "";
 	copyUrl = "";
@@ -464,7 +466,7 @@ var M = (e, t) => {
 	handleChange = async (e) => {
 		try {
 			e.preventDefault();
-			let { name: t } = e.target, n = await x(e, this.state.data.filter || {});
+			let { name: t } = e.target, n = await v(e, this.state.data.filter || {});
 			if (t === "pageLen") {
 				await this.setFilter(n);
 				let e = n ? a(n) : "";
@@ -480,7 +482,7 @@ var M = (e, t) => {
 	handleSearchForm = async (e) => {
 		try {
 			e.preventDefault();
-			let t = await _(this.state.data.filter || {}, this.cUri, this.props.navigate);
+			let t = await h(this.state.data.filter || {}, this.cUri, this.props.navigate);
 			await this.setFilter(t), await this.fetchData();
 		} catch (e) {
 			console.log(e);
@@ -489,7 +491,7 @@ var M = (e, t) => {
 	handleClickPage = async (e) => {
 		try {
 			e.preventDefault();
-			let t = await m(e, this.state.data.filter || {}, this.cUri, this.props.navigate);
+			let t = await S(e, this.state.data.filter || {}, this.cUri, this.props.navigate);
 			await this.setFilter(t), await this.fetchData();
 		} catch (e) {
 			s(e.message);
@@ -546,7 +548,7 @@ var M = (e, t) => {
 	}
 	fetchData = async () => {
 		try {
-			let e = await y(this.state.data.filter || {}, this.getDataUrl);
+			let e = await b(this.state.data.filter || {}, this.getDataUrl);
 			if (!e || !("items" in e)) return;
 			this.setState({
 				data: {
@@ -565,12 +567,12 @@ var M = (e, t) => {
 	});
 	syncPermissionsAndState = async () => {
 		let { menuData: e, user: t } = this.props, n = {
-			isCre: this.activeMethod.includes("cre") ? N(e, this.module, this.controller, "update", 0, t.groupId) : !1,
-			isEdit: this.activeMethod.includes("edit") ? N(e, this.module, this.controller, "update", 1, t.groupId) : !1,
-			isDel: this.activeMethod.includes("del") ? N(e, this.module, this.controller, "delete", 0, t.groupId) : !1,
-			isDelOne: this.activeMethod.includes("delone") ? N(e, this.module, this.controller, "delete", 1, t.groupId) : !1,
-			isIndex: this.activeMethod.includes("ind") ? N(e, this.module, this.controller, "index", 0, t.groupId) : !1,
-			isDetail: this.activeMethod.includes("det") ? N(e, this.module, this.controller, "detail", 0, t.groupId) : !1,
+			isCre: this.activeMethod.includes("cre") ? P(e, this.module, this.controller, "update", 0, t.groupId) : !1,
+			isEdit: this.activeMethod.includes("edit") ? P(e, this.module, this.controller, "update", 1, t.groupId) : !1,
+			isDel: this.activeMethod.includes("del") ? P(e, this.module, this.controller, "delete", 0, t.groupId) : !1,
+			isDelOne: this.activeMethod.includes("delone") ? P(e, this.module, this.controller, "delete", 1, t.groupId) : !1,
+			isIndex: this.activeMethod.includes("ind") ? P(e, this.module, this.controller, "index", 0, t.groupId) : !1,
+			isDetail: this.activeMethod.includes("det") ? P(e, this.module, this.controller, "detail", 0, t.groupId) : !1,
 			isImport: !!this.activeMethod.includes("imp"),
 			isExport: !!this.activeMethod.includes("exp"),
 			isCopy: !!this.activeMethod.includes("cpy")
@@ -608,7 +610,7 @@ var M = (e, t) => {
 	}
 	componentDidMountAfter = async () => {};
 	renderHeaderIndex() {
-		return /* @__PURE__ */ D(v, {
+		return /* @__PURE__ */ O(y, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri,
@@ -623,41 +625,41 @@ var M = (e, t) => {
 			onDelete: this.handleDelete
 		});
 	}
-	renderTable = () => /* @__PURE__ */ D(E, {});
-	renderSearch = () => /* @__PURE__ */ D(E, {});
+	renderTable = () => /* @__PURE__ */ O(D, {});
+	renderSearch = () => /* @__PURE__ */ O(D, {});
 	render() {
 		let { isIndex: e, data: t, loading: n } = this.state;
-		return e === !1 ? /* @__PURE__ */ D(p, {
+		return e === !1 ? /* @__PURE__ */ O(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title,
 			fluid: this.fluid
-		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: this.title }) }), /* @__PURE__ */ D(f, {
+		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: this.title }) }), /* @__PURE__ */ O(p, {
 			loading: n,
-			children: e && /* @__PURE__ */ O("div", {
+			children: e && /* @__PURE__ */ k("div", {
 				className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-				children: [this.renderHeaderIndex(), /* @__PURE__ */ D("div", {
+				children: [this.renderHeaderIndex(), /* @__PURE__ */ O("div", {
 					className: "card position-relative",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "card-body",
 						style: { minHeight: "200px" },
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ k("div", {
 							className: "searchForm",
 							children: [
-								/* @__PURE__ */ D("form", {
+								/* @__PURE__ */ O("form", {
 									onSubmit: this.handleSearchForm,
 									children: this.renderSearch()
 								}),
-								t.items.length ? /* @__PURE__ */ D(C, {
+								t.items.length ? /* @__PURE__ */ O(w, {
 									data: t,
 									onChange: this.handleChange,
 									onClickPage: this.handleClickPage
 								}) : "",
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "table-responsive mt-2",
 									children: this.renderTable()
 								}),
-								t.items.length ? /* @__PURE__ */ D(C, {
+								t.items.length ? /* @__PURE__ */ O(w, {
 									data: t,
 									onChange: this.handleChange,
 									onClickPage: this.handleClickPage
@@ -669,78 +671,78 @@ var M = (e, t) => {
 			})
 		})] });
 	}
-}, q = ({ adminUri: e, cUri: t, title: n, itemId: r, isSave: i = !0, titleAction: a }) => /* @__PURE__ */ O("div", {
+}, J = ({ adminUri: e, cUri: t, title: n, itemId: r, isSave: i = !0, titleAction: a }) => /* @__PURE__ */ k("div", {
 	className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-	children: [/* @__PURE__ */ D("nav", {
+	children: [/* @__PURE__ */ O("nav", {
 		"aria-label": "breadcrumb",
-		children: /* @__PURE__ */ O("ol", {
+		children: /* @__PURE__ */ k("ol", {
 			className: "breadcrumb bg-transparent m-0 p-0",
 			children: [
-				/* @__PURE__ */ D("li", {
+				/* @__PURE__ */ O("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ D(A, {
+					children: /* @__PURE__ */ O(j, {
 						className: "text-white",
 						to: e || "/",
-						children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+						children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
 					})
 				}),
-				/* @__PURE__ */ D("li", {
+				/* @__PURE__ */ O("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ D(A, {
+					children: /* @__PURE__ */ O(j, {
 						className: "text-white",
 						to: t,
 						children: n
 					})
 				}),
-				/* @__PURE__ */ D("li", {
+				/* @__PURE__ */ O("li", {
 					className: "breadcrumb-item text-white active",
 					"aria-current": "page",
 					children: a ?? (r ? "Chỉnh sửa" : "Thêm mới")
 				})
 			]
 		})
-	}), /* @__PURE__ */ O("div", {
+	}), /* @__PURE__ */ k("div", {
 		className: "ms-auto",
-		children: [i && /* @__PURE__ */ D(h, {
+		children: [i && /* @__PURE__ */ O(g, {
 			title: "Lưu lại",
-			children: /* @__PURE__ */ D("button", {
+			children: /* @__PURE__ */ O("button", {
 				type: "submit",
 				className: "btn btn-sm btn-icon btn-success me-1",
-				children: /* @__PURE__ */ D("i", {
+				children: /* @__PURE__ */ O("i", {
 					className: "material-icons text-white position-relative text-lg",
 					children: "save"
 				})
 			})
-		}), /* @__PURE__ */ D(h, {
+		}), /* @__PURE__ */ O(g, {
 			title: "Trở lại",
-			children: /* @__PURE__ */ D(A, {
+			children: /* @__PURE__ */ O(j, {
 				to: t,
 				className: "btn btn-sm btn-icon btn-secondary",
-				children: /* @__PURE__ */ D("i", {
+				children: /* @__PURE__ */ O("i", {
 					className: "material-icons text-white position-relative text-lg",
 					children: "reply"
 				})
 			})
 		})]
 	})]
-}), J = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: e || "Truy cập không được phép" }) }), /* @__PURE__ */ O("div", {
+}), Y = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: e || "Truy cập không được phép" }) }), /* @__PURE__ */ k("div", {
 	className: `${n ? "container-fluid" : "container"}`,
-	children: [/* @__PURE__ */ D("div", {
+	children: [/* @__PURE__ */ O("div", {
 		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-		children: /* @__PURE__ */ D("nav", {
+		children: /* @__PURE__ */ O("nav", {
 			"aria-label": "breadcrumb",
-			children: /* @__PURE__ */ O("ol", {
+			children: /* @__PURE__ */ k("ol", {
 				className: "breadcrumb bg-transparent m-0 p-0",
-				children: [/* @__PURE__ */ D("li", {
+				children: [/* @__PURE__ */ O("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ D(A, {
+					children: /* @__PURE__ */ O(j, {
 						className: "text-white",
 						to: "/",
-						children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+						children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
 					})
-				}), /* @__PURE__ */ D("li", {
+				}), /* @__PURE__ */ O("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ D(A, {
+					children: /* @__PURE__ */ O(j, {
 						className: "text-white",
 						to: t,
 						children: r
@@ -748,25 +750,25 @@ var M = (e, t) => {
 				})]
 			})
 		})
-	}), /* @__PURE__ */ D("div", {
+	}), /* @__PURE__ */ O("div", {
 		style: { minHeight: "50vh" },
 		className: "d-flex align-items-center",
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ k("div", {
 			className: "m-auto text-center",
 			children: [
-				/* @__PURE__ */ D("h1", {
+				/* @__PURE__ */ O("h1", {
 					className: "display-1 text-bolder text-white",
 					children: "403"
 				}),
-				/* @__PURE__ */ D("h2", {
+				/* @__PURE__ */ O("h2", {
 					className: "text-white",
 					children: "Truy cập không được phép"
 				}),
-				/* @__PURE__ */ D("p", {
+				/* @__PURE__ */ O("p", {
 					className: "lead text-white",
 					children: "Xin lỗi, bạn không có quyền truy cập vào trang này."
 				}),
-				/* @__PURE__ */ D(A, {
+				/* @__PURE__ */ O(j, {
 					to: "/",
 					className: "btn btn-outline-white mt-4",
 					children: "trang chủ"
@@ -774,24 +776,24 @@ var M = (e, t) => {
 			]
 		})
 	})]
-})] }), Y = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: e || "Không tìm thấy dữ liệu" }) }), /* @__PURE__ */ O("div", {
+})] }), X = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: e || "Không tìm thấy dữ liệu" }) }), /* @__PURE__ */ k("div", {
 	className: `${n ? "container-fluid" : "container"}`,
-	children: [/* @__PURE__ */ D("div", {
+	children: [/* @__PURE__ */ O("div", {
 		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-		children: /* @__PURE__ */ D("nav", {
+		children: /* @__PURE__ */ O("nav", {
 			"aria-label": "breadcrumb",
-			children: /* @__PURE__ */ O("ol", {
+			children: /* @__PURE__ */ k("ol", {
 				className: "breadcrumb bg-transparent m-0 p-0",
-				children: [/* @__PURE__ */ D("li", {
+				children: [/* @__PURE__ */ O("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ D(A, {
+					children: /* @__PURE__ */ O(j, {
 						className: "text-white",
 						to: "/",
-						children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+						children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
 					})
-				}), /* @__PURE__ */ D("li", {
+				}), /* @__PURE__ */ O("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ D(A, {
+					children: /* @__PURE__ */ O(j, {
 						className: "text-white",
 						to: t,
 						children: r
@@ -799,25 +801,25 @@ var M = (e, t) => {
 				})]
 			})
 		})
-	}), /* @__PURE__ */ D("div", {
+	}), /* @__PURE__ */ O("div", {
 		style: { minHeight: "50vh" },
 		className: "d-flex align-items-center",
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ k("div", {
 			className: "m-auto text-center",
 			children: [
-				/* @__PURE__ */ D("h1", {
+				/* @__PURE__ */ O("h1", {
 					className: "display-1 text-bolder text-white",
 					children: "404"
 				}),
-				/* @__PURE__ */ D("h2", {
+				/* @__PURE__ */ O("h2", {
 					className: "text-white",
 					children: "Không tìm thấy dữ liệu"
 				}),
-				/* @__PURE__ */ D("p", {
+				/* @__PURE__ */ O("p", {
 					className: "lead text-white",
 					children: "Xin lỗi, dữ liệu của bạn không được tìm thấy"
 				}),
-				/* @__PURE__ */ D(A, {
+				/* @__PURE__ */ O(j, {
 					to: "/",
 					className: "btn btn-outline-white mt-4",
 					children: "trang chủ"
@@ -825,7 +827,7 @@ var M = (e, t) => {
 			]
 		})
 	})]
-})] }), { API_URL: X, ADMIN_URI: Z } = await e(), Q = class extends w.Component {
+})] }), { API_URL: Z, ADMIN_URI: Q } = await e(), $ = class extends T.Component {
 	effectRan = !1;
 	module = "admins";
 	controller = "";
@@ -840,9 +842,9 @@ var M = (e, t) => {
 	};
 	title = "";
 	cUri = "";
-	cLink = Z + this.cUri;
-	API_URL = X;
-	ADMIN_URI = Z;
+	cLink = Q + this.cUri;
+	API_URL = Z;
+	ADMIN_URI = Q;
 	getDataUrl = "";
 	editUrl = "";
 	createUrl = "";
@@ -850,24 +852,22 @@ var M = (e, t) => {
 	formRef;
 	fluid = !1;
 	isBackUri = !0;
+	debug = !1;
 	constructor(e) {
-		super(e), this.formRef = w.createRef();
+		super(e), this.formRef = T.createRef();
 	}
-	renderForm = () => /* @__PURE__ */ D(E, {});
-	renderAfterForm = () => /* @__PURE__ */ D(E, {});
-	handleChange = async (e) => {
+	renderForm = () => /* @__PURE__ */ O(D, {});
+	renderAfterForm = () => /* @__PURE__ */ O(D, {});
+	handleChange = (e) => {
 		e.preventDefault();
-		let t = await l(e, { ...this.state.formValue });
-		this.setState((e) => ({ formValue: {
-			...e.formValue,
-			...t
-		} }));
+		let t = u(e);
+		this.setState((e) => ({ formValue: l(e.formValue, t) }));
 	};
 	syncPermissionsAndState = async () => {
 		let { menuData: e, user: t } = this.props, n = {
-			isCre: N(e, this.module, this.controller, "update", 0, t.groupId),
-			isEdit: N(e, this.module, this.controller, "update", 1, t.groupId),
-			isDetail: N(e, this.module, this.controller, "detail", 0, t.groupId)
+			isCre: P(e, this.module, this.controller, "update", 0, t.groupId),
+			isEdit: P(e, this.module, this.controller, "update", 1, t.groupId),
+			isDetail: P(e, this.module, this.controller, "detail", 0, t.groupId)
 		};
 		this.setState(n, async () => {
 			let e = r();
@@ -877,11 +877,11 @@ var M = (e, t) => {
 					item: t || !1,
 					formValue: t ? JSON.parse(JSON.stringify(t)) : {}
 				}, async () => {
-					this.setState({ loading: !1 }), await this.componentDidMountAfter(), this.formRef.current && new u(this.formRef.current).run();
+					this.setState({ loading: !1 }), await this.componentDidMountAfter(), this.formRef.current && new d(this.formRef.current).run();
 				});
 			} else {
 				if (this.setState({ loading: !1 }), await this.componentDidMountAfter(), !this.formRef.current) return;
-				new u(this.formRef.current).run();
+				new d(this.formRef.current).run();
 			}
 		});
 	};
@@ -902,7 +902,7 @@ var M = (e, t) => {
 	});
 	handleSubmit = async (e) => {
 		e.preventDefault();
-		let { item: t, formValue: n } = this.state, r = Number(t?.id), i = new u(this.formRef.current);
+		let { item: t, formValue: n } = this.state, r = Number(t?.id), i = new d(this.formRef.current);
 		!i.hasErrors() && !i.isIncomplete() && this.formRef.current && this.beforeSubmit().then(async () => {
 			this.setState({ loading: !0 });
 			try {
@@ -925,7 +925,7 @@ var M = (e, t) => {
 	};
 	afterSubmit = async (e) => {};
 	renderHeaderUpdate() {
-		return /* @__PURE__ */ D(q, {
+		return /* @__PURE__ */ O(J, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri,
@@ -934,24 +934,24 @@ var M = (e, t) => {
 	}
 	render() {
 		let e = r(), { isCre: t, isEdit: n, isDetail: a, item: o } = this.state;
-		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ D(J, {
+		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ O(Y, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
 			fluid: this.fluid
-		}) : e && o === !1 ? /* @__PURE__ */ D(Y, {
+		}) : e && o === !1 ? /* @__PURE__ */ O(X, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
-		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
 			this.title,
 			" | ",
 			o?.id ? "Chỉnh sửa" : "Thêm mới"
-		] }) }), /* @__PURE__ */ O("div", {
+		] }) }), /* @__PURE__ */ k("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
 			children: [
-				/* @__PURE__ */ D("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
-				/* @__PURE__ */ D(k, {
+				/* @__PURE__ */ O("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
+				/* @__PURE__ */ O(A, {
 					ref: this.formRef,
 					className: "position-relative",
 					method: "post",
@@ -959,7 +959,7 @@ var M = (e, t) => {
 					"data-toggle": "validator",
 					role: "form",
 					onSubmit: this.handleSubmit,
-					children: /* @__PURE__ */ O(f, {
+					children: /* @__PURE__ */ k(p, {
 						loading: !!this.state.loading,
 						style: {
 							minHeight: 200,
@@ -972,37 +972,37 @@ var M = (e, t) => {
 			]
 		})] });
 	}
-}, $ = class extends Q {
+}, ee = class extends $ {
 	urlUpdateDetail = "";
 	render() {
 		let e = r(), { isCre: t, isEdit: n, isDetail: a, item: o } = this.state;
-		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ D(J, {
+		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ O(Y, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
 			fluid: this.fluid
-		}) : e && o === !1 ? /* @__PURE__ */ D(Y, {
+		}) : e && o === !1 ? /* @__PURE__ */ O(X, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
-		}) : (e && o || !e) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+		}) : (e && o || !e) && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
 			this.title,
 			" | ",
 			o?.id ? "Chỉnh sửa" : "Thêm mới"
-		] }) }), /* @__PURE__ */ O("div", {
+		] }) }), /* @__PURE__ */ k("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
 			children: [
-				/* @__PURE__ */ D(q, {
+				/* @__PURE__ */ O(J, {
 					adminUri: this.ADMIN_URI,
 					title: this.title,
 					cUri: this.cUri,
 					isSave: !1,
 					itemId: o?.id
 				}),
-				/* @__PURE__ */ D("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
+				/* @__PURE__ */ O("div", {
 					className: "position-relative",
-					children: /* @__PURE__ */ D(f, {
+					children: /* @__PURE__ */ O(p, {
 						loading: !!this.state.loading,
 						style: {
 							minHeight: 200,
@@ -1025,7 +1025,7 @@ var M = (e, t) => {
 		}
 	};
 	editDetailAfter = async (e) => {};
-}, ee = class extends Q {
+}, te = class extends $ {
 	urlGetDeTableList = "";
 	urlGetDeTable = "";
 	urlCreDeTable = "";
@@ -1034,30 +1034,30 @@ var M = (e, t) => {
 	modalRef;
 	isBackUri = !1;
 	constructor(e) {
-		super(e), this.modalRef = T();
+		super(e), this.modalRef = E();
 	}
 	async fetchDataDetails() {
 		return {};
 	}
 	render() {
 		let e = r(), { isCre: t, isEdit: n, isDetail: i, item: a } = this.state;
-		return t === !1 && n === !1 && i === !1 || t === !1 && e === 0 || (n === !1 || i === !1) && e ? /* @__PURE__ */ D(J, {
+		return t === !1 && n === !1 && i === !1 || t === !1 && e === 0 || (n === !1 || i === !1) && e ? /* @__PURE__ */ O(Y, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
 			fluid: this.fluid
-		}) : e && a === !1 ? /* @__PURE__ */ D(Y, {
+		}) : e && a === !1 ? /* @__PURE__ */ O(X, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
-		}) : (e && a || !e) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+		}) : (e && a || !e) && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
 			this.title,
 			" | ",
 			a?.id ? "Chỉnh sửa" : "Thêm mới"
-		] }) }), /* @__PURE__ */ O("div", {
+		] }) }), /* @__PURE__ */ k("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
 			children: [
-				/* @__PURE__ */ D(q, {
+				/* @__PURE__ */ O(J, {
 					adminUri: this.ADMIN_URI,
 					title: this.title,
 					cUri: this.cUri,
@@ -1070,13 +1070,13 @@ var M = (e, t) => {
 		})] });
 	}
 	renderDeTable() {
-		return /* @__PURE__ */ D(E, {});
+		return /* @__PURE__ */ O(D, {});
 	}
-	renderModalDeBody = (e, t) => /* @__PURE__ */ D(E, {});
+	renderModalDeBody = (e, t) => /* @__PURE__ */ O(D, {});
 	handleDetailSubmit = async (e) => {
 		e.preventDefault();
 	};
 	editDetailAfter = async (e) => {};
 };
 //#endregion
-export { U as a, K as i, $ as n, B as o, Q as r, I as s, ee as t };
+export { W as a, q as i, ee as n, V as o, $ as r, L as s, te as t };