@unicom-cloud/ui 0.8.157 → 0.8.159

package/form/FormControl.js

@@ -1,136 +1,136 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isArray as e, isBoolean as t, isEqualWith as n, isExist as r, isFunction as i, isNil as a, isUndefined as o } from "../utils/is.js";
 import s from "../hooks/use-force-update/index.js";
 import c from "../utils/className.js";
 import l from "../hooks/use-merge-props/index.js";
 import u from "../config-provider/context.js";
-import { FormContext as d, FormItemContext as f, FormListContext as p } from "./context.js";
+import d from "../hooks/use-create/index.js";
+import { FormContext as f, FormItemContext as p, FormListContext as ee } from "./context.js";
 import "../config-provider/index.js";
-import m from "../utils/warning.js";
-import ee from "../hooks/use-update-effect/index.js";
-import te from "../hooks/use-create/index.js";
+import te from "../utils/warning.js";
+import m from "../hooks/use-update-effect/index.js";
 import { cloneDeep as ne, isFieldMatch as h, isSyntheticEvent as re, schemaValidate as g } from "./utils.js";
-import ie from "../hooks/use-latest/index.js";
-import _, { cloneElement as ae, forwardRef as v, useContext as y, useEffect as oe, useImperativeHandle as se, useRef as ce } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import le from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import ue from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import de from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import fe from "@unicom-cloud/icons/IconUiLoading";
-import pe from "lodash/castArray";
-import S from "lodash/get";
-import me from "lodash/set";
+import ie from "../hooks/use-update-layout-effect/index.js";
+import _, { cloneElement as ae, forwardRef as v, useContext as y, useEffect as b, useImperativeHandle as oe, useRef as x } from "react";
+import { jsx as S, jsxs as se } from "react/jsx-runtime";
+import ce from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import le from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import ue from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import de from "@unicom-cloud/icons/IconUiLoading";
+import fe from "lodash/castArray";
+import C from "lodash/get";
+import pe from "lodash/set";
 //#region components/pc/form/FormControl.tsx
-var C = {
+var w = {
 	trigger: "onChange",
 	triggerPropName: "value"
 };
-function w(v, w) {
-	let { prefixCls: T, getPrefixCls: he } = y(u), E = y(d);
-	y(p);
-	let D = y(f), O = l(v, C, { readOnly: D?.readOnly ?? E?.readOnly }), { noStyle: ge, field: _e, isFormList: ve, hasFeedback: ye, readOnly: be, initialValue: xe, shouldUpdate: Se, dependencies: Ce, rules: we, validateTrigger: Te, onValuesChange: Ee } = O, De = "initialValue" in O, Oe = s(), k = ce(null), A = ce({
+function T(v, T) {
+	let { prefixCls: E, getPrefixCls: me } = y(u), D = y(f);
+	y(ee);
+	let O = y(p), k = l(v, w, { readOnly: O?.readOnly ?? D?.readOnly }), { noStyle: he, field: ge, isFormList: _e, hasFeedback: ve, readOnly: ye, initialValue: be, shouldUpdate: xe, dependencies: Se, rules: Ce, validateTrigger: we, onValuesChange: Te } = k, Ee = "initialValue" in k, De = s(), A = x(null), j = x({
 		errors: null,
 		warnings: null,
 		validateStatus: void 0,
 		touched: !1,
 		isDestroyed: !1,
 		_: {}
-	}), j = D.store || E.store;
-	te(() => {
-		if (De && U()) {
-			let { field: e, initialValue: t } = O;
-			(j?.getInnerMethods?.())?.innerSetInitialValue?.(e, t);
+	}), M = O.store || D.store;
+	d(() => {
+		if (Ee && q()) {
+			let { field: e, initialValue: t } = k;
+			(M?.getInnerMethods?.())?.innerSetInitialValue?.(e, t);
 		}
 	});
-	let M = ie({
-		props: O,
-		getErrors: ke,
-		getWarnings: Ae,
-		isTouched: V,
-		getValidateStatus: H,
-		hasFieldProps: U,
-		onStoreChange: je,
-		innerSetFieldValue: W,
-		validateFieldOnly: Me,
-		validateField: G,
-		getValidateTrigger: K,
-		handleTrigger: q,
-		renderControl: J,
+	let N = {
+		props: k,
+		getErrors: R,
+		getWarnings: B,
+		isTouched: G,
+		getValidateStatus: K,
+		existField: q,
+		innerSetFieldValue: ke,
+		validateFieldOnly: Ae,
+		validateField: J,
+		getValidateTrigger: je,
+		handleTrigger: Y,
+		renderControl: Me,
+		onStoreChange: Oe,
 		getRootElement() {
-			return k.current;
+			return A.current;
 		}
-	});
-	se(w, () => ({
-		...M.current,
-		getRootElement() {
-			return k.current;
-		}
-	}));
-	let N = () => {
-		let { innerCollectFormState: e } = j.getInnerMethods();
+	};
+	oe(T, () => ({ ...N }));
+	function P() {
+		let { innerCollectFormState: e } = M.getInnerMethods();
 		e();
-	}, P = (e) => {
-		A.current.validateStatus = e, N();
-	}, F = (e) => {
-		A.current.touched = t(e) ? e : !A.current.touched, N();
-	}, I = (e) => {
-		A.current.warnings = e, N();
-	}, L = (e) => {
-		A.current.errors = e, N();
-	}, R = (e = O.field) => {
-		let { updateFormItem: t } = D;
-		i(t) && t(e, {
-			errors: null,
-			warnings: null
+	}
+	function F(e) {
+		j.current.validateStatus = e, P();
+	}
+	function I(e) {
+		j.current.touched = t(e) ? e : !j.current.touched, P();
+	}
+	function L(e) {
+		j.current.errors = e, P();
+	}
+	function R() {
+		return j.current.errors;
+	}
+	function z(e) {
+		j.current.warnings = e, P();
+	}
+	function B() {
+		return j.current.warnings || [];
+	}
+	function V(e = k.field, t = null, n = null) {
+		let { updateFormItem: r } = O;
+		i(r) && r(e, {
+			errors: t,
+			warnings: n
 		});
-	}, z = () => {
-		if (A.current.isDestroyed) return;
-		let { field: e } = O, { updateFormItem: t } = D;
-		i(t) && t(e, {
-			errors: A.current.errors,
-			warnings: A.current.warnings
-		}), Oe();
-	}, B = () => {
-		let { field: e } = O;
-		return e ? j.getInnerMethods().innerGetFieldValue(e) : void 0;
-	};
-	function ke() {
-		return A.current.errors;
 	}
-	function Ae() {
-		return A.current.warnings || [];
+	function H(e = k.field) {
+		V(e, null, null);
+	}
+	function U(e = k.field) {
+		j.current.isDestroyed || (V(e, R(), B()), De());
 	}
-	function V() {
-		return A.current.touched;
+	function W() {
+		let { field: e } = k;
+		return e ? M.getInnerMethods().innerGetFieldValue(e) : void 0;
 	}
-	function H() {
-		let { validateStatus: e } = O;
-		return e || A.current.validateStatus;
+	function G() {
+		return j.current.touched;
+	}
+	function K() {
+		let { validateStatus: e } = k;
+		return e || j.current.validateStatus;
 	}
-	function U() {
-		let { field: e } = O;
+	function q() {
+		let { field: e } = k;
 		return !!r(e);
 	}
-	function je(t, r) {
-		let o = pe(r.field), { field: s, shouldUpdate: c, dependencies: l } = O;
-		A.current._.notifyType = t, A.current._.storeChangeInfo = ne(r);
+	function Oe(t, r) {
+		let o = fe(r.field), { field: s, shouldUpdate: c, dependencies: l } = k;
+		j.current._.notifyType = t, j.current._.storeChangeInfo = ne(r);
 		let u = (t) => {
-			if (l && c && m(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), l) e(l) && l.some((e) => h(e, o)) && V() && G();
+			if (l && c && te(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), l) e(l) && l.some((e) => h(e, o)) && G() && J();
 			else if (c) {
 				let e = !1;
 				e = i(c) ? c(r.prev, r.current, {
 					field: r.field,
 					...t
-				}) : !n(r.prev, r.current), e && z();
+				}) : !n(r.prev, r.current), e && U();
 			}
 		};
 		switch (t) {
 			case "reset":
-				F(!1), P(void 0), L(null), I(null), l || c ? u() : z();
+				I(!1), F(void 0), L(null), z(null), l || c ? u() : U();
 				break;
 			case "innerSetValue":
 				if (h(s, o)) {
-					F(!0), z();
+					I(!0), U();
 					return;
 				}
 				u({
@@ -140,7 +140,7 @@ function w(v, w) {
 				break;
 			case "setFieldValue":
 				if (h(s, o)) {
-					F(!0), r.data && "touched" in r.data && F(r.data.touched), r.data && "warnings" in r.data && I(a(r.data.warnings) ? [] : [].concat(r.data.warnings)), r.data && "errors" in r.data ? L(r.data.errors) : n(S(r.prev, s), S(r.current, s)) || L(null), z();
+					I(!0), r.data && "touched" in r.data && I(r.data.touched), r.data && "warnings" in r.data && z(a(r.data.warnings) ? [] : [].concat(r.data.warnings)), r.data && "errors" in r.data ? L(r.data.errors) : n(C(r.prev, s), C(r.current, s)) || L(null), U();
 					return;
 				}
 				u();
@@ -148,15 +148,15 @@ function w(v, w) {
 			default: break;
 		}
 	}
-	function W(e, t) {
-		let { onValuesChange: n } = O;
+	function ke(e, t) {
+		let { onValuesChange: n } = k;
 		if (!e) return;
-		j.getInnerMethods().innerSetFieldValue(e, t);
+		M.getInnerMethods().innerSetFieldValue(e, t);
 		let r = {};
-		me(r, e, t), n?.(r, { ...j.getFieldsValue() });
+		pe(r, e, t), n?.(r, { ...M.getFieldsValue() });
 	}
-	function Me() {
-		let { validateMessages: e, schemaOptions: t } = D, { field: n, rules: r } = O, i = B();
+	function Ae() {
+		let { validateMessages: e, schemaOptions: t } = O, { field: n, rules: r } = k, i = W();
 		return g(n, i, r, e, t).then(({ error: e, warning: t }) => Promise.resolve({
 			error: e,
 			value: i,
@@ -164,12 +164,12 @@ function w(v, w) {
 			field: n
 		}));
 	}
-	function G(e) {
-		let { validateTrigger: t, validateMessages: n, schemaOptions: r } = D, { field: i, rules: a, validateTrigger: o } = O, s = B(), c = () => {
-			let e = A.current.errors || A.current.warnings?.length;
-			P("validating"), L(null), I(null), e && z();
+	function J(e) {
+		let { validateTrigger: t, validateMessages: n, schemaOptions: r } = O, { field: i, rules: a, validateTrigger: o } = k, s = W(), c = () => {
+			let e = R() || B()?.length;
+			F("validating"), L(null), z(null), e && U();
 		}, l = e ? (a || []).filter((n) => [].concat(n.validateTrigger || o || t).includes(e)) : a;
-		return l?.length && i ? (c(), g(i, s, l, n, r).then(({ error: e, warning: t }) => (L(e ? e[i] : null), I(t || null), P(A.current.errors ? "error" : A.current.warnings?.length ? "warning" : "success"), z(), Promise.resolve({
+		return l?.length && i ? (c(), g(i, s, l, n, r).then(({ error: e, warning: t }) => (L(e ? e[i] : null), z(t || null), F(R() ? "error" : B()?.length ? "warning" : "success"), U(), Promise.resolve({
 			error: e,
 			value: s,
 			field: i
@@ -179,77 +179,80 @@ function w(v, w) {
 			field: i
 		});
 	}
-	function K() {
-		let { rules: e = [], validateTrigger: t } = O, n = t || D.validateTrigger || E.validateTrigger || C.trigger, r = [];
+	function je() {
+		let { rules: e = [], validateTrigger: t } = k, n = t || O.validateTrigger || D.validateTrigger || w.trigger, r = [];
 		return e.forEach((e, t, i) => {
 			r = r.concat(e.validateTrigger || n);
 		}), Array.from(new Set(r));
 	}
-	function q(e, ...t) {
-		let { field: n, trigger: r = C.trigger, triggerPropName: a = C.triggerPropName, normalize: o, getValueFromEvent: s, isFormList: c } = O, l = Y(), u = i(s) ? s(e, ...t) : e, d = u;
+	function Y(e, ...t) {
+		let { field: n, trigger: r = w.trigger, triggerPropName: a = w.triggerPropName, normalize: o, getValueFromEvent: s, isFormList: c } = k, l = Ne(), u = i(s) ? s(e, ...t) : e, d = u;
 		if (re(u)) {
-			m(!0, "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"), u.stopPropagation();
+			te(!0, "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"), u.stopPropagation();
 			return;
 		}
-		i(o) && (d = o(u, j.getFieldValue(n), { ...j.getFieldsValue() }, ...t)), F(!0), W(n, d), G(r), _.isValidElement(l) && i(l.props?.[r]) && (c || l.props[r](d, ...t));
+		i(o) && (d = o(u, M.getFieldValue(n), { ...M.getFieldsValue() }, ...t)), I(!0), ke(n, d), J(r), _.isValidElement(l) && i(l.props?.[r]) && (c || l.props[r](d, ...t));
 	}
-	function J(e, t) {
-		let { disabled: n } = D, { field: r, trigger: a = C.trigger, triggerPropName: s = C.triggerPropName, validateStatus: l, formatter: u, disabled: d = n } = O;
+	function Me(e, t) {
+		let { disabled: n } = O, { field: r, trigger: a = w.trigger, triggerPropName: s = w.triggerPropName, validateStatus: l, formatter: u, disabled: d = n } = k;
 		e = _.Children.only(e);
 		let f = { id: c(e.props?.id || { [`${t}_input`]: t }) };
-		K().forEach((t) => {
+		je().forEach((t) => {
 			f[t] = (n) => {
-				G(t), e.props?.[t]?.(n);
+				J(t), e.props?.[t]?.(n);
 			};
-		}), f[a] = q, !o(d) && !("disabled" in e.props) && (f.disabled = d);
-		let p = S(j.getInnerMethods().innerGetStore(), r);
-		return i(u) && (p = u(p)), e.type?.___PQB_RICH_TEXT___ ? f[s] = A.current._.firstValue ||= p : f[s] = p, !l && A.current.errors && (f.error = !0), ae(e, f);
-	}
-	function Y() {
-		let { children: e, field: t, isFormList: n } = O;
-		return i(e) ? e(j.getFields(), { ...j }, n && {
-			value: B(),
-			onChange: q
-		}, A.current._.storeChangeInfo, A.current._.notifyType) : e;
-	}
-	ee(() => {
-		let { field: e, _key: t, rules: n, disabled: r } = O;
-		return e && t && (r || !n ? R(e) : z()), () => {};
+		}), f[a] = Y, !o(d) && !("disabled" in e.props) && (f.disabled = d);
+		let p = C(M.getInnerMethods().innerGetStore(), r);
+		return i(u) && (p = u(p)), e.type?.___PQB_RICH_TEXT___ ? f[s] = j.current._.firstValue ||= p : f[s] = p, !l && R() && (f.error = !0), ae(e, f);
+	}
+	function Ne() {
+		let { children: e, field: t, isFormList: n } = k;
+		return i(e) ? e(M.getFields(), { ...M }, n && {
+			value: W(),
+			onChange: Y
+		}, j.current._.storeChangeInfo, j.current._.notifyType) : e;
+	}
+	m(() => {}, []), ie(() => {}, []), m(() => {
+		let { field: e, rules: t, disabled: n } = k;
+		return e && (n || !t ? H(e) : U()), () => {
+			H(e);
+		};
 	}, [
-		O.field,
-		O._key,
-		O.disabled,
-		O.rules
-	]), oe(() => {
-		let e = j.getInnerMethods().registerField(M.current);
-		return A.current.isDestroyed = !1, () => {
-			i(e) && e(), R(), A.current.isDestroyed = !0, A.current._ = {};
+		k.field,
+		k.disabled,
+		k.rules
+	]), b(() => {
+		let e = M.getInnerMethods().registerField(N);
+		return () => {
+			i(e) && e();
 		};
-	}, []);
-	let X = H(), { prefixCls: Z, getFormElementId: Ne } = D, Q = Y(), $ = U() ? Ne?.(_e) : void 0;
-	return U() && !ve && _.Children.count(Q) === 1 && (Q = J(Q, $)), ge ? Q : /* @__PURE__ */ b("div", {
-		ref: k,
+	}, [k.field]), b(() => (j.current.isDestroyed = !1, () => {
+		j.current.isDestroyed = !0, j.current._ = {};
+	}), []);
+	let X = K(), { prefixCls: Z, getFormElementId: Pe } = O, Q = Ne(), $ = q() ? Pe?.(ge) : void 0;
+	return q() && !_e && _.Children.count(Q) === 1 && (Q = Me(Q, $)), he ? Q : /* @__PURE__ */ S("div", {
+		ref: A,
 		className: `${Z}-control-wrapper`,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: `${Z}-control`,
 			id: $,
-			children: /* @__PURE__ */ x("div", {
+			children: /* @__PURE__ */ se("div", {
 				className: `${Z}-control-children`,
-				children: [Q, X && ye && /* @__PURE__ */ x("div", {
+				children: [Q, X && ve && /* @__PURE__ */ se("div", {
 					className: c(`${Z}-feedback`, `${Z}-feedback-${X}`),
 					children: [
-						X === "warning" && /* @__PURE__ */ b(de, {}),
-						X === "success" && /* @__PURE__ */ b(le, {}),
-						X === "error" && /* @__PURE__ */ b(ue, {}),
-						X === "validating" && /* @__PURE__ */ b(fe, {})
+						X === "warning" && /* @__PURE__ */ S(ue, {}),
+						X === "success" && /* @__PURE__ */ S(ce, {}),
+						X === "error" && /* @__PURE__ */ S(le, {}),
+						X === "validating" && /* @__PURE__ */ S(de, {})
 					]
 				})]
 			})
 		})
 	});
 }
-var T = Object.assign(v(w), { isFormControl: !0 });
-T.displayName = "FormControl";
+var E = Object.assign(v(T), { isFormControl: !0 });
+E.displayName = "FormControl";
 //#endregion
-export { T as default };
+export { E as default };
 /* 独立思考，明辨是非 */