@unicom-cloud/ui 0.8.159 → 0.8.161

package/form/FormControl.js

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