@rainbow-oh/yee-c 0.14.6 → 0.14.7

package/dist/cjs/Form/Field.js

@@ -99,6 +99,7 @@ var Field = (props) => {
   const {
     getCallbacks,
     getFieldStatus,
+    getFieldValidate,
     getFieldValue,
     getFieldsValue,
     setFieldsValue,
@@ -119,13 +120,31 @@ var Field = (props) => {
   const normalizedName = (0, import_react2.useMemo)(() => {
     return stringifyPath(fullFieldNamePath);
   }, [fullFieldNamePath]);
+  const propsRef = (0, import_react2.useRef)(props);
+  propsRef.current = props;
   (0, import_react2.useLayoutEffect)(() => {
     const unregister = registerFieldEntities == null ? void 0 : registerFieldEntities({
-      props: __spreadProps(__spreadValues({}, props), { name: normalizedName }),
+      get props() {
+        return __spreadProps(__spreadValues({}, propsRef.current), { name: normalizedName });
+      },
       onStoreChange: forceUpdate
     });
     return unregister;
   }, [normalizedName, registerFieldEntities]);
+  const validateSignature = (0, import_react2.useMemo)(
+    () => JSON.stringify({ required, rules }),
+    [required, rules]
+  );
+  const prevValidateSignatureRef = (0, import_react2.useRef)(validateSignature);
+  (0, import_react2.useLayoutEffect)(() => {
+    const prev = prevValidateSignatureRef.current;
+    prevValidateSignatureRef.current = validateSignature;
+    if (prev === validateSignature)
+      return;
+    if (getFieldValidate == null ? void 0 : getFieldValidate(normalizedName)) {
+      void (validateField == null ? void 0 : validateField(normalizedName));
+    }
+  }, [validateSignature, normalizedName]);
   const isRequired = () => {
     return Array.isArray(rules) && rules.find((rule) => rule.required) || required;
   };

package/dist/cjs/Form/Group.js

@@ -130,10 +130,12 @@ var Group = (props) => {
     );
     return () => unsubscribes.forEach((fn) => fn());
   }, [childNames, formInstance]);
+  const validateRef = (0, import_react2.useRef)(validate);
+  validateRef.current = validate;
   (0, import_react2.useEffect)(() => {
     const unregister = formInstance.registerGroupEntity(groupId, {
       validate: (force) => __async(void 0, null, function* () {
-        const result = yield validate(force);
+        const result = yield validateRef.current(force);
         setErrors(result);
         forceUpdate();
         return result;

package/dist/cjs/Selector/style/index.less

@@ -54,8 +54,8 @@
       height: var(--yee-selector-large-height);
     }
 
-    &:focus-within,
-    &:focus {
+    &:not(@{pls}-disabled):focus-within,
+    &:not(@{pls}-disabled):focus {
       @{pls}-input-wrapper {
         z-index: 1;
         opacity: var(--yee-selector-input-focus-opacity);

package/dist/cjs/style/color.css

@@ -29,7 +29,7 @@
   --yee-color-text: #39364e;
   --yee-color-text-secondary: #696969;
   --yee-color-text-description: #7c7c7c;
-  --yee-color-text-disabled: #bfbfbf;
+  --yee-color-text-disabled: #b8b8b8;
   --yee-color-text-highlight: #f58220;
   --yee-color-text-auxiliary: #d1d1d1;
   --yee-color-split: #e7e7e7;
@@ -37,7 +37,7 @@
   --yee-color-border-hover: #75b9f0;
   --yee-color-border-focus: #75b9f0;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
-  --yee-color-bg-disabled: #f5f8fa;
+  --yee-color-bg-disabled: #f5f5f5;
   --yee-color-bg-head: #f8f8f8;
   --yee-color-bg-rail: #f5f5f5;
   --yee-color-bg-fill: #ededed;
@@ -493,7 +493,7 @@
   --yee-checkbox-checked-after-border-color: #fff;
   --yee-checkbox-disabled-unchecked-bg-color: var(--yee-color-bg-disabled);
   --yee-checkbox-disabled-checked-bg-color: var(--yee-color-bg-disabled);
-  --yee-checkbox-disabled-checked-border-color: var(--yee-color-border);
+  --yee-checkbox-disabled-checked-border-color: var(--yee-color-text-disabled);
   --yee-checkbox-disabled-checked-after-border-color: var(
     --yee-color-text-disabled
   );
@@ -1223,7 +1223,7 @@
   --yee-border-color-hover-focus: var(--yee-color-border-focus);
   --yee-placeholder-color: var(--yee-color-placeholder);
 
-    /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
+  /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
   --yee-color-border-hover-focus: var(--yee-color-border-focus);
   /* deprecated:2026-09-11 更名 --yee-input-focus-border-color */
   --yee-input-content-focus-border-color: var(--yee-input-focus-border-color);
@@ -1339,5 +1339,5 @@
   --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
   --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
 
-    /* deprecated-aliases:end */
+  /* deprecated-aliases:end */
 }

package/dist/cjs/style/color.gemini.css

@@ -79,7 +79,7 @@
   /* ================= 背景 ================= */
   --yee-color-bg-layout: #f1f2f4;
   --yee-color-bg-head: #fff;
-  --yee-color-bg-disabled: #f2f3f5;
+  --yee-color-bg-disabled: #f5f5f5;
   /* 衍生:规范 --hover(极浅悬浮底) */
   --yee-color-bg-hover: rgba(109, 93, 252, 3.5%);
 

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-10T06:48:35.780Z
+ * Generated on 2026-10-14T03:47:11.377Z
  */
 
 /* ========== color.blue.css ========== */
@@ -3846,7 +3846,7 @@
   /* ================= 背景 ================= */
   --yee-color-bg-layout: #f1f2f4;
   --yee-color-bg-head: #fff;
-  --yee-color-bg-disabled: #f2f3f5;
+  --yee-color-bg-disabled: #f5f5f5;
   /* 衍生:规范 --hover(极浅悬浮底) */
   --yee-color-bg-hover: rgba(109, 93, 252, 3.5%);
 

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-10T06:48:35.780Z
+ * Generated on 2026-10-14T03:47:11.377Z
  */
 
 /* ========== color.css ========== */
@@ -36,7 +36,7 @@
   --yee-color-text: #39364e;
   --yee-color-text-secondary: #696969;
   --yee-color-text-description: #7c7c7c;
-  --yee-color-text-disabled: #bfbfbf;
+  --yee-color-text-disabled: #b8b8b8;
   --yee-color-text-highlight: #f58220;
   --yee-color-text-auxiliary: #d1d1d1;
   --yee-color-split: #e7e7e7;
@@ -44,7 +44,7 @@
   --yee-color-border-hover: #75b9f0;
   --yee-color-border-focus: #75b9f0;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
-  --yee-color-bg-disabled: #f5f8fa;
+  --yee-color-bg-disabled: #f5f5f5;
   --yee-color-bg-head: #f8f8f8;
   --yee-color-bg-rail: #f5f5f5;
   --yee-color-bg-fill: #ededed;
@@ -500,7 +500,7 @@
   --yee-checkbox-checked-after-border-color: #fff;
   --yee-checkbox-disabled-unchecked-bg-color: var(--yee-color-bg-disabled);
   --yee-checkbox-disabled-checked-bg-color: var(--yee-color-bg-disabled);
-  --yee-checkbox-disabled-checked-border-color: var(--yee-color-border);
+  --yee-checkbox-disabled-checked-border-color: var(--yee-color-text-disabled);
   --yee-checkbox-disabled-checked-after-border-color: var(
     --yee-color-text-disabled
   );
@@ -1230,7 +1230,7 @@
   --yee-border-color-hover-focus: var(--yee-color-border-focus);
   --yee-placeholder-color: var(--yee-color-placeholder);
 
-    /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
+  /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
   --yee-color-border-hover-focus: var(--yee-color-border-focus);
   /* deprecated:2026-09-11 更名 --yee-input-focus-border-color */
   --yee-input-content-focus-border-color: var(--yee-input-focus-border-color);
@@ -1346,7 +1346,7 @@
   --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
   --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
 
-    /* deprecated-aliases:end */
+  /* deprecated-aliases:end */
 }
 
 

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.14.6";
+export declare const version = "0.14.7";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.14.6";
+var version = "0.14.7";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Form/Field.js

@@ -20,7 +20,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import clsx from 'clsx';
 import { HelpCircle } from 'lucide-react';
 import { AnimatePresence, motion } from 'motion/react';
-import React, { useContext, useLayoutEffect, useMemo, useReducer } from 'react';
+import React, { useContext, useLayoutEffect, useMemo, useReducer, useRef } from 'react';
 import Tooltip from "../Tooltip";
 import FieldContext from "./FieldContext";
 import FormContext from "./FormContext";
@@ -56,6 +56,7 @@ var Field = function Field(props) {
   var _useContext = useContext(FieldContext),
     getCallbacks = _useContext.getCallbacks,
     getFieldStatus = _useContext.getFieldStatus,
+    getFieldValidate = _useContext.getFieldValidate,
     getFieldValue = _useContext.getFieldValue,
     getFieldsValue = _useContext.getFieldsValue,
     setFieldsValue = _useContext.setFieldsValue,
@@ -84,15 +85,45 @@ var Field = function Field(props) {
   var normalizedName = useMemo(function () {
     return stringifyPath(fullFieldNamePath);
   }, [fullFieldNamePath]);
+
+  // Registration happens once per field name, but the store (validateField)
+  // reads validation config off entity.props on every validation pass — the
+  // getter keeps those reads on the latest render's props so runtime changes
+  // to required/rules take effect.
+  var propsRef = useRef(props);
+  propsRef.current = props;
   useLayoutEffect(function () {
     var unregister = registerFieldEntities === null || registerFieldEntities === void 0 ? void 0 : registerFieldEntities({
-      props: _objectSpread(_objectSpread({}, props), {}, {
-        name: normalizedName
-      }),
+      get props() {
+        return _objectSpread(_objectSpread({}, propsRef.current), {}, {
+          name: normalizedName
+        });
+      },
       onStoreChange: forceUpdate
     });
     return unregister;
   }, [normalizedName, registerFieldEntities]);
+
+  // JSON signature (not reference) because rules is typically an inline array
+  // literal; validator functions are dropped, but the getter above already
+  // makes the next natural validation use them.
+  var validateSignature = useMemo(function () {
+    return JSON.stringify({
+      required: required,
+      rules: rules
+    });
+  }, [required, rules]);
+  var prevValidateSignatureRef = useRef(validateSignature);
+  useLayoutEffect(function () {
+    var prev = prevValidateSignatureRef.current;
+    prevValidateSignatureRef.current = validateSignature;
+    if (prev === validateSignature) return;
+    // Only re-check fields already showing a validation message — pristine
+    // fields must not start erroring just because rules changed.
+    if (getFieldValidate !== null && getFieldValidate !== void 0 && getFieldValidate(normalizedName)) {
+      void (validateField === null || validateField === void 0 ? void 0 : validateField(normalizedName));
+    }
+  }, [validateSignature, normalizedName]);
   var isRequired = function isRequired() {
     return Array.isArray(rules) && rules.find(function (rule) {
       return rule.required;

package/dist/esm/Form/Group.js

@@ -57,7 +57,7 @@ var Group = function Group(props) {
     forceValidate = _useReducer4[1]; // eslint-disable-line @typescript-eslint/no-unused-vars
 
   // Group validation
-  var _validate = /*#__PURE__*/function () {
+  var validate = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(force) {
       var values, errors, hasEmpty, _iterator, _step, rule, result, _ref2, _result$message;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -165,7 +165,7 @@ var Group = function Group(props) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.next = 2;
-            return _validate(false);
+            return validate(false);
           case 2:
             result = _context2.sent;
             setErrors(result);
@@ -195,17 +195,21 @@ var Group = function Group(props) {
     };
   }, [childNames, formInstance]);
 
-  // Register group validator to FormStore
+  // Register group validator to FormStore. The closure is registered once, so
+  // it reads the latest validate (and its required/rules/childNames captures)
+  // through a ref — otherwise runtime prop changes never take effect.
+  var validateRef = useRef(validate);
+  validateRef.current = validate;
   useEffect(function () {
     var unregister = formInstance.registerGroupEntity(groupId, {
       validate: function () {
-        var _validate2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(force) {
+        var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(force) {
           var result;
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
                 _context3.next = 2;
-                return _validate(force);
+                return validateRef.current(force);
               case 2:
                 result = _context3.sent;
                 setErrors(result);
@@ -218,7 +222,7 @@ var Group = function Group(props) {
           }, _callee3);
         }));
         function validate(_x2) {
-          return _validate2.apply(this, arguments);
+          return _validate.apply(this, arguments);
         }
         return validate;
       }(),

package/dist/esm/Selector/style/index.less

@@ -54,8 +54,8 @@
       height: var(--yee-selector-large-height);
     }
 
-    &:focus-within,
-    &:focus {
+    &:not(@{pls}-disabled):focus-within,
+    &:not(@{pls}-disabled):focus {
       @{pls}-input-wrapper {
         z-index: 1;
         opacity: var(--yee-selector-input-focus-opacity);

package/dist/esm/style/color.css

@@ -29,7 +29,7 @@
   --yee-color-text: #39364e;
   --yee-color-text-secondary: #696969;
   --yee-color-text-description: #7c7c7c;
-  --yee-color-text-disabled: #bfbfbf;
+  --yee-color-text-disabled: #b8b8b8;
   --yee-color-text-highlight: #f58220;
   --yee-color-text-auxiliary: #d1d1d1;
   --yee-color-split: #e7e7e7;
@@ -37,7 +37,7 @@
   --yee-color-border-hover: #75b9f0;
   --yee-color-border-focus: #75b9f0;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
-  --yee-color-bg-disabled: #f5f8fa;
+  --yee-color-bg-disabled: #f5f5f5;
   --yee-color-bg-head: #f8f8f8;
   --yee-color-bg-rail: #f5f5f5;
   --yee-color-bg-fill: #ededed;
@@ -493,7 +493,7 @@
   --yee-checkbox-checked-after-border-color: #fff;
   --yee-checkbox-disabled-unchecked-bg-color: var(--yee-color-bg-disabled);
   --yee-checkbox-disabled-checked-bg-color: var(--yee-color-bg-disabled);
-  --yee-checkbox-disabled-checked-border-color: var(--yee-color-border);
+  --yee-checkbox-disabled-checked-border-color: var(--yee-color-text-disabled);
   --yee-checkbox-disabled-checked-after-border-color: var(
     --yee-color-text-disabled
   );
@@ -1223,7 +1223,7 @@
   --yee-border-color-hover-focus: var(--yee-color-border-focus);
   --yee-placeholder-color: var(--yee-color-placeholder);
 
-    /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
+  /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
   --yee-color-border-hover-focus: var(--yee-color-border-focus);
   /* deprecated:2026-09-11 更名 --yee-input-focus-border-color */
   --yee-input-content-focus-border-color: var(--yee-input-focus-border-color);
@@ -1339,5 +1339,5 @@
   --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
   --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
 
-    /* deprecated-aliases:end */
+  /* deprecated-aliases:end */
 }

package/dist/esm/style/color.gemini.css

@@ -79,7 +79,7 @@
   /* ================= 背景 ================= */
   --yee-color-bg-layout: #f1f2f4;
   --yee-color-bg-head: #fff;
-  --yee-color-bg-disabled: #f2f3f5;
+  --yee-color-bg-disabled: #f5f5f5;
   /* 衍生:规范 --hover(极浅悬浮底) */
   --yee-color-bg-hover: rgba(109, 93, 252, 3.5%);
 

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-10T06:48:35.780Z
+ * Generated on 2026-10-14T03:47:11.377Z
  */
 
 /* ========== color.blue.css ========== */
@@ -3846,7 +3846,7 @@
   /* ================= 背景 ================= */
   --yee-color-bg-layout: #f1f2f4;
   --yee-color-bg-head: #fff;
-  --yee-color-bg-disabled: #f2f3f5;
+  --yee-color-bg-disabled: #f5f5f5;
   /* 衍生:规范 --hover(极浅悬浮底) */
   --yee-color-bg-hover: rgba(109, 93, 252, 3.5%);
 

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-10T06:48:35.780Z
+ * Generated on 2026-10-14T03:47:11.377Z
  */
 
 /* ========== color.css ========== */
@@ -36,7 +36,7 @@
   --yee-color-text: #39364e;
   --yee-color-text-secondary: #696969;
   --yee-color-text-description: #7c7c7c;
-  --yee-color-text-disabled: #bfbfbf;
+  --yee-color-text-disabled: #b8b8b8;
   --yee-color-text-highlight: #f58220;
   --yee-color-text-auxiliary: #d1d1d1;
   --yee-color-split: #e7e7e7;
@@ -44,7 +44,7 @@
   --yee-color-border-hover: #75b9f0;
   --yee-color-border-focus: #75b9f0;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
-  --yee-color-bg-disabled: #f5f8fa;
+  --yee-color-bg-disabled: #f5f5f5;
   --yee-color-bg-head: #f8f8f8;
   --yee-color-bg-rail: #f5f5f5;
   --yee-color-bg-fill: #ededed;
@@ -500,7 +500,7 @@
   --yee-checkbox-checked-after-border-color: #fff;
   --yee-checkbox-disabled-unchecked-bg-color: var(--yee-color-bg-disabled);
   --yee-checkbox-disabled-checked-bg-color: var(--yee-color-bg-disabled);
-  --yee-checkbox-disabled-checked-border-color: var(--yee-color-border);
+  --yee-checkbox-disabled-checked-border-color: var(--yee-color-text-disabled);
   --yee-checkbox-disabled-checked-after-border-color: var(
     --yee-color-text-disabled
   );
@@ -1230,7 +1230,7 @@
   --yee-border-color-hover-focus: var(--yee-color-border-focus);
   --yee-placeholder-color: var(--yee-color-placeholder);
 
-    /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
+  /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
   --yee-color-border-hover-focus: var(--yee-color-border-focus);
   /* deprecated:2026-09-11 更名 --yee-input-focus-border-color */
   --yee-input-content-focus-border-color: var(--yee-input-focus-border-color);
@@ -1346,7 +1346,7 @@
   --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
   --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
 
-    /* deprecated-aliases:end */
+  /* deprecated-aliases:end */
 }
 
 

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.14.6";
+export declare const version = "0.14.7";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.14.6";
+export var version = "0.14.7";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }