@cloudtower/eagle 0.27.15 → 0.27.16

package/dist/umd/index.js

@@ -6672,18 +6672,18 @@
       error
     } = props;
     const [validateResult, setValidateResult] = React.useState();
-    const isTouched = React.useRef(false);
+    const [isTouched, setIsTouched] = React.useState(false);
     const width = typeof column.width === "number" ? column.width + "px" : column.width;
     const isCellErrorStyle = Boolean((validateResult == null ? void 0 : validateResult.isError) || isRowError);
     React.useEffect(() => {
-      if (isTouched.current)
+      if (isTouched)
         setValidateResult(
           error ? {
             msg: error,
             isError: true
           } : void 0
         );
-    }, [error]);
+    }, [error, isTouched]);
     const triggerValidate = React.useCallback(
       (currentValue) => {
         var _a;
@@ -6708,24 +6708,24 @@
     );
     React.useEffect(() => {
       if (validateAll) {
-        isTouched.current = true;
+        setIsTouched(true);
         triggerValidate();
       }
-    }, [validateAll, triggerValidate]);
+    }, [validateAll, triggerValidate, setIsTouched]);
     const _onChange = (value, data2) => {
       const newData = data2.map(
         (row, i) => i === rowIndex ? __spreadProps$7(__spreadValues$7({}, row), { [column.key]: value }) : row
       );
       onChange == null ? void 0 : onChange(newData, rowIndex, column.key);
-      if (validateTriggerType === ValidateTriggerType.Normal && isTouched.current || validateTriggerType === ValidateTriggerType.Aggressive) {
+      if (validateTriggerType === ValidateTriggerType.Normal && isTouched || validateTriggerType === ValidateTriggerType.Aggressive) {
         triggerValidate(value);
       }
     };
     const _onBlur = React.useCallback(() => {
-      isTouched.current = true;
+      setIsTouched(true);
       triggerValidate();
       onBlur == null ? void 0 : onBlur(data, rowIndex, column.key);
-    }, [rowIndex, column, onBlur, data, triggerValidate]);
+    }, [rowIndex, column, onBlur, data, triggerValidate, setIsTouched]);
     const renderDefaultComponent = () => {
       if (!column.type)
         return null;