@hi-ui/form 4.1.2 → 4.1.3

package/lib/esm/use-form-field.js

@@ -13,20 +13,16 @@ import { isArrayNonEmpty } from '@hi-ui/type-assertion';
 import Validater from 'async-validator';
 import { normalizeArray } from '@hi-ui/array-utils';
 import { stringify, isValidField } from './utils/index.js';
-
 var useFiledRules = function useFiledRules(props) {
   var field = props.field,
-      rulesProp = props.rules,
-      _props$valueType = props.valueType,
-      valueType = _props$valueType === void 0 ? 'any' : _props$valueType;
-
+    rulesProp = props.rules,
+    _props$valueType = props.valueType,
+    valueType = _props$valueType === void 0 ? 'any' : _props$valueType;
   var _useFormContext = useFormContext(),
-      getFieldRules = _useFormContext.getFieldRules;
+    getFieldRules = _useFormContext.getFieldRules;
   /**
    * 处理校验规则，item 优先级大于 form
    */
-
-
   var fieldRules = useMemo(function () {
     // @ts-ignore
     var rules = normalizeArray(rulesProp !== null && rulesProp !== void 0 ? rulesProp : getFieldRules(field));
@@ -38,33 +34,28 @@ var useFiledRules = function useFiledRules(props) {
   }, [rulesProp, field, getFieldRules, valueType]);
   return fieldRules;
 };
-
 var useFormField = function useFormField(props) {
   var field = props.field,
-      valueType = props.valueType;
-
+    valueType = props.valueType;
   var _useFormContext2 = useFormContext(),
-      getFieldProps = _useFormContext2.getFieldProps,
-      registerField = _useFormContext2.registerField,
-      unregisterField = _useFormContext2.unregisterField;
-
-  var fieldRules = useFiledRules(props); // 当前 field 的唯一校验器
-
+    getFieldProps = _useFormContext2.getFieldProps,
+    registerField = _useFormContext2.registerField,
+    unregisterField = _useFormContext2.unregisterField;
+  var fieldRules = useFiledRules(props);
+  // 当前 field 的唯一校验器
   var fieldValidate = useCallback(function (value) {
     var _Validater, _validater$validate;
-
     if (!isArrayNonEmpty(fieldRules)) {
       return Promise.resolve(null);
-    } // TODO: rules 处理成 Async Validate 的指定结构
-
-
+    }
+    // TODO: rules 处理成 Async Validate 的指定结构
     var fieldMD5 = stringify(field);
     var validater = new Validater((_Validater = {}, _Validater[fieldMD5] = fieldRules, _Validater));
     return validater.validate((_validater$validate = {}, _validater$validate[fieldMD5] = valueType !== 'number' || value === '' ? value : isNaN(value) ? value : Number(value), _validater$validate), {
       firstFields: true
     });
-  }, [fieldRules, field, valueType]); // 注入当前 field 及其验证规则到 Form
-
+  }, [fieldRules, field, valueType]);
+  // 注入当前 field 及其验证规则到 Form
   useEffect(function () {
     if (!isValidField(field)) return;
     registerField(field, {
@@ -77,5 +68,4 @@ var useFormField = function useFormField(props) {
   }, [registerField, unregisterField, field, fieldValidate]);
   return getFieldProps(props);
 };
-
 export { useFiledRules, useFormField };

package/lib/esm/use-form.js

@@ -20,66 +20,58 @@ var EMPTY_RULES = {};
 var EMPTY_ERRORS = {};
 var EMPTY_TOUCHED = {};
 var DEFAULT_VALIDATE_TRIGGER = ['onChange', 'onBlur'];
-
 var EMPTY_FUNC = function EMPTY_FUNC() {};
-
 var useForm = function useForm(_a) {
   var initialValues = _a.initialValues,
-      _a$initialErrors = _a.initialErrors,
-      initialErrors = _a$initialErrors === void 0 ? EMPTY_ERRORS : _a$initialErrors,
-      _a$initialTouched = _a.initialTouched,
-      initialTouched = _a$initialTouched === void 0 ? EMPTY_TOUCHED : _a$initialTouched,
-      _a$lazyValidate = _a.lazyValidate,
-      lazyValidate = _a$lazyValidate === void 0 ? false : _a$lazyValidate,
-      onValuesChange = _a.onValuesChange,
-      onReset = _a.onReset,
-      onSubmit = _a.onSubmit,
-      _a$rules = _a.rules,
-      rules = _a$rules === void 0 ? EMPTY_RULES : _a$rules,
-      _a$validateAfterTouch = _a.validateAfterTouched,
-      validateAfterTouched = _a$validateAfterTouch === void 0 ? false : _a$validateAfterTouch,
-      _a$validateTrigger = _a.validateTrigger,
-      validateTriggerProp = _a$validateTrigger === void 0 ? DEFAULT_VALIDATE_TRIGGER : _a$validateTrigger,
-      rest = __rest(_a, ["initialValues", "initialErrors", "initialTouched", "lazyValidate", "onValuesChange", "onReset", "onSubmit", "rules", "validateAfterTouched", "validateTrigger"]);
+    _a$initialErrors = _a.initialErrors,
+    initialErrors = _a$initialErrors === void 0 ? EMPTY_ERRORS : _a$initialErrors,
+    _a$initialTouched = _a.initialTouched,
+    initialTouched = _a$initialTouched === void 0 ? EMPTY_TOUCHED : _a$initialTouched,
+    _a$lazyValidate = _a.lazyValidate,
+    lazyValidate = _a$lazyValidate === void 0 ? false : _a$lazyValidate,
+    onValuesChange = _a.onValuesChange,
+    onReset = _a.onReset,
+    onSubmit = _a.onSubmit,
+    _a$rules = _a.rules,
+    rules = _a$rules === void 0 ? EMPTY_RULES : _a$rules,
+    _a$validateAfterTouch = _a.validateAfterTouched,
+    validateAfterTouched = _a$validateAfterTouch === void 0 ? false : _a$validateAfterTouch,
+    _a$validateTrigger = _a.validateTrigger,
+    validateTriggerProp = _a$validateTrigger === void 0 ? DEFAULT_VALIDATE_TRIGGER : _a$validateTrigger,
+    rest = __rest(_a, ["initialValues", "initialErrors", "initialTouched", "lazyValidate", "onValuesChange", "onReset", "onSubmit", "rules", "validateAfterTouched", "validateTrigger"]);
   /**
    * 处理校验触发器，保证 memo 依赖的是数组每个项，避免无效重渲染
    */
-
-
-  var validateTrigger = isArray(validateTriggerProp) ? validateTriggerProp : [validateTriggerProp]; // eslint-disable-next-line react-hooks/exhaustive-deps
-
+  var validateTrigger = isArray(validateTriggerProp) ? validateTriggerProp : [validateTriggerProp];
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   var validateTriggersMemo = useMemo(function () {
     return validateTrigger;
   }, validateTrigger);
   /**
    * 收集 Field 的校验器注册表
    */
-
   var _useCollection = useCollection(),
-      getValidation = _useCollection[0],
-      registerField = _useCollection[1],
-      unregisterField = _useCollection[2],
-      getRegisteredKeys = _useCollection[3];
+    getValidation = _useCollection[0],
+    registerField = _useCollection[1],
+    unregisterField = _useCollection[2],
+    getRegisteredKeys = _useCollection[3];
   /**
    * form 数据管理中心
    */
-
-
   var _useReducer = useReducer(formReducer, {
-    values: initialValues,
-    errors: initialErrors,
-    touched: initialTouched,
-    validating: false,
-    submitting: false
-  }),
-      formState = _useReducer[0],
-      formDispatch = _useReducer[1]; // 使用 latest ref 维护，保证每次主动拿取的 formState 都是最新的
-
-
-  var formStateRef = useLatestRef(formState); // const getFieldNames = useCallback(() => Object.keys(formStateRef.current.values as any), [
+      values: initialValues,
+      errors: initialErrors,
+      touched: initialTouched,
+      validating: false,
+      submitting: false
+    }),
+    formState = _useReducer[0],
+    formDispatch = _useReducer[1];
+  // 使用 latest ref 维护，保证每次主动拿取的 formState 都是最新的
+  var formStateRef = useLatestRef(formState);
+  // const getFieldNames = useCallback(() => Object.keys(formStateRef.current.values as any), [
   //   formStateRef,
   // ])
-
   var getFieldValue = useCallback(function (fieldName) {
     return getNested(formStateRef.current.values, fieldName);
   }, [formStateRef]);
@@ -106,7 +98,6 @@ var useForm = function useForm(_a) {
     if (touched === void 0) {
       touched = false;
     }
-
     formDispatch({
       type: 'SET_FIELD_TOUCHED',
       // @ts-ignore
@@ -119,7 +110,6 @@ var useForm = function useForm(_a) {
   /**
    * 使用单个 Field 规则对给定值进行校验
    */
-
   var validateField = useCallback(function (field, value) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var fieldValidation, errorResultAsPromise;
@@ -128,14 +118,11 @@ var useForm = function useForm(_a) {
           switch (_context.prev = _context.next) {
             case 0:
               fieldValidation = getValidation(field);
-
               if (fieldValidation) {
                 _context.next = 3;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 3:
               formDispatch({
                 type: 'SET_VALIDATING',
@@ -151,16 +138,14 @@ var useForm = function useForm(_a) {
                 return setNested({}, field, value);
               }, function (errorMsg) {
                 var _a, _b, _c;
-
                 formDispatch({
                   type: 'SET_VALIDATING',
                   payload: false
-                }); // @ts-ignore
-
+                });
+                // @ts-ignore
                 setFieldError(field, (_c = (_b = (_a = errorMsg.fields[stringify(field)]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : '');
                 throw errorMsg;
               }));
-
             case 6:
             case "end":
               return _context.stop();
@@ -172,7 +157,6 @@ var useForm = function useForm(_a) {
   /**
    * 校验单个 Field 及其当前值
    */
-
   var validateFieldState = useCallback(function (field) {
     var value = getFieldValue(field);
     return validateField(field, value);
@@ -180,7 +164,6 @@ var useForm = function useForm(_a) {
   /**
    * 检验所有字段
    */
-
   var validateAll = useCallback(function () {
     var fieldNames = getRegisteredKeys();
     formDispatch({
@@ -190,37 +173,30 @@ var useForm = function useForm(_a) {
     return Promise.all(fieldNames.map(function (fieldName) {
       var value = getFieldValue(fieldName);
       var fieldValidation = getValidation(fieldName);
-
       if (!fieldValidation) {
         return Promise.resolve(null);
-      } // catch 错误，保证检验所有表单项
-
-
+      }
+      // catch 错误，保证检验所有表单项
       return fieldValidation.validate(value)["catch"](function (error) {
         // 第一个出错，即退出校验
         if (lazyValidate) {
           throw error;
         }
-
         return error;
       });
     })).then(function (result) {
       // 合并错误，批量更新并返回
       var combinedError = result.reduce(function (prev, cur, index) {
         var _a, _b;
-
         var fieldName = fieldNames[index];
         var errorMsg;
-
         if (cur instanceof Error) {
           // @ts-ignore
           errorMsg = ((_b = (_a = cur.fields[stringify(fieldName)]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.message) || '';
-
           if (typeof errorMsg === 'string' && !!errorMsg) {
             return setNested(prev, fieldName, errorMsg);
           }
         }
-
         return prev;
       }, {});
       formDispatch({
@@ -234,16 +210,14 @@ var useForm = function useForm(_a) {
       return combinedError;
     })["catch"](function (error) {
       var _a, _b;
-
       var fieldNameStrings = fieldNames.map(function (item) {
         return stringify(item);
-      }); // @ts-ignore
-
+      });
+      // @ts-ignore
       var fieldNameString = Object.keys(error.fields).find(function (item) {
         return fieldNameStrings.includes(item);
       });
       var combinedError = {};
-
       if (!fieldNameString) {
         formDispatch({
           type: 'SET_VALIDATING',
@@ -251,20 +225,15 @@ var useForm = function useForm(_a) {
         });
         return error;
       }
-
       var errorMsg;
-
       if (error instanceof Error) {
         // @ts-ignore
         errorMsg = ((_b = (_a = error.fields[fieldNameString]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.message) || '';
       }
-
       var fieldName = parse(fieldNameString);
-
       if (typeof errorMsg === 'string' && !!errorMsg) {
         combinedError = setNested(combinedError, fieldName, errorMsg);
       }
-
       formDispatch({
         type: 'SET_VALIDATING',
         payload: false
@@ -279,7 +248,6 @@ var useForm = function useForm(_a) {
   /**
    * 控件值更新策略
    */
-
   var setFieldValue = useCallback(function (field, value, shouldValidate) {
     formDispatch({
       type: 'SET_FIELD_VALUE',
@@ -287,10 +255,9 @@ var useForm = function useForm(_a) {
         field: field,
         value: value
       }
-    }); // touched 给外部控制展示，而不是当做参数暴露
-
+    });
+    // touched 给外部控制展示，而不是当做参数暴露
     var shouldValidateField = validateAfterTouched ? getNested(formState.touched, field) && shouldValidate : shouldValidate;
-
     if (shouldValidateField) {
       validateField(field, value)["catch"](EMPTY_FUNC);
     }
@@ -305,26 +272,23 @@ var useForm = function useForm(_a) {
   }, []);
   var normalizeValueFromChange = useCallback(function (eventOrValue, valuePropName) {
     var nextValue = eventOrValue;
-
     if (isObjectLike(eventOrValue) && eventOrValue.target) {
-      var event = eventOrValue; // @see https://reactjs.org/docs/events.html#event-pooling
-
+      var event = eventOrValue;
+      // @see https://reactjs.org/docs/events.html#event-pooling
       if (isFunction(event.persist)) {
         event.persist();
       }
-
-      var target = event.target || event.currentTarget; // if (hasOwnProp(target, valuePropName)) {
+      var target = event.target || event.currentTarget;
+      // if (hasOwnProp(target, valuePropName)) {
       //   nextValue = target[valuePropName]
       // }
       // TODO: support all native html field
-
       if (/checkbox/.test(target.type)) {
         nextValue = target.checked;
       } else {
         nextValue = target.value;
       }
     }
-
     return nextValue;
   }, []);
   var handleFieldChange = useCallback(function (fieldName, valuePropName, valueDispatchTransform, shouldValidate) {
@@ -332,7 +296,6 @@ var useForm = function useForm(_a) {
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
-
       var nextValue = isFunction(valueDispatchTransform) ? valueDispatchTransform.apply(void 0, [evt].concat(args)) : normalizeValueFromChange(evt, valuePropName);
       setFieldValue(fieldName, nextValue, shouldValidate);
       var changedValues = setNested({}, fieldName, nextValue);
@@ -343,13 +306,11 @@ var useForm = function useForm(_a) {
   /**
    * 控件失焦策略
    */
-
   var handleFieldBlur = useCallback(function (fieldName, shouldValidate) {
     return function (evt) {
       if (shouldValidate) {
         validateFieldState(fieldName)["catch"](EMPTY_FUNC);
       }
-
       setFieldTouched(fieldName, true);
     };
   }, [setFieldTouched, validateFieldState]);
@@ -361,7 +322,6 @@ var useForm = function useForm(_a) {
   /**
    * 表单重置，永远使用第一次的初始值
    */
-
   var initialValuesRef = useRef(initialValues);
   var initialErrorsRef = useRef(initialErrors);
   var initialTouchedRef = useRef(initialTouched);
@@ -376,13 +336,12 @@ var useForm = function useForm(_a) {
               values = nextState && nextState.values ? nextState.values : initialValuesRef.current;
               errors = nextState && nextState.errors ? nextState.errors : initialErrorsRef.current;
               touched = nextState && nextState.touched ? nextState.touched : initialTouchedRef.current;
-              initialValuesRef.current = values; // @ts-ignore
-
+              initialValuesRef.current = values;
+              // @ts-ignore
               initialErrorsRef.current = errors;
               initialTouchedRef.current = touched;
               submitting = !!(nextState && nextState.submitting);
               validating = !!(nextState && nextState.validating);
-
               dispatchFn = function dispatchFn() {
                 formDispatch({
                   type: 'SET_FORM',
@@ -395,23 +354,18 @@ var useForm = function useForm(_a) {
                   }
                 });
               };
-
               if (!onResetLatestRef.current) {
                 _context2.next = 15;
                 break;
               }
-
               _context2.next = 12;
               return onResetLatestRef.current(formState.values);
-
             case 12:
               dispatchFn();
               _context2.next = 16;
               break;
-
             case 15:
               dispatchFn();
-
             case 16:
             case "end":
               return _context2.stop();
@@ -423,7 +377,6 @@ var useForm = function useForm(_a) {
   /**
    * 表单提交
    */
-
   var submitForm = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -436,10 +389,8 @@ var useForm = function useForm(_a) {
               return _context3.abrupt("return", validateAll().then(function (combinedErrors) {
                 var isInstanceOfError = combinedErrors instanceof Error;
                 var isActuallyValid = !!combinedErrors && !isInstanceOfError && Object.keys(combinedErrors).length === 0;
-
                 if (isActuallyValid) {
                   var promiseOrUndefined;
-
                   try {
                     // @ts-ignore
                     promiseOrUndefined = onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formState.values);
@@ -449,21 +400,19 @@ var useForm = function useForm(_a) {
                     });
                     throw error;
                   }
-
                   if (promiseOrUndefined === undefined) {
                     formDispatch({
                       type: 'SUBMIT_DONE'
-                    }); // return combinedErrors
-
+                    });
+                    // return combinedErrors
                     return formState.values;
                   }
-
                   return Promise.resolve(promiseOrUndefined).then(function (result) {
                     formDispatch({
                       type: 'SUBMIT_DONE'
-                    }); // return result
+                    });
+                    // return result
                     // TODO: 满足promise 如果既给到values 又给到 errors
-
                     return formState.values;
                   })["catch"](function (_errors) {
                     formDispatch({
@@ -475,7 +424,6 @@ var useForm = function useForm(_a) {
                   formDispatch({
                     type: 'SUBMIT_DONE'
                   });
-
                   if (isInstanceOfError) {
                     throw combinedErrors;
                   } else {
@@ -488,7 +436,6 @@ var useForm = function useForm(_a) {
                 });
                 throw error;
               }));
-
             case 2:
             case "end":
               return _context3.stop();
@@ -529,25 +476,23 @@ var useForm = function useForm(_a) {
   });
   var getFieldProps = useCallback(function (props) {
     var _returnProps;
-
     if (props === void 0) {
       props = {};
     }
-
     var _props = props,
-        field = _props.field,
-        _props$valuePropName = _props.valuePropName,
-        valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName,
-        _props$valueChangeFun = _props.valueChangeFuncPropName,
-        valueChangeFuncPropName = _props$valueChangeFun === void 0 ? 'onChange' : _props$valueChangeFun,
-        valueDispatchTransform = _props.valueDispatchTransform,
-        valueConnectTransform = _props.valueConnectTransform,
-        _props$validateTrigge = _props.validateTrigger,
-        validateTriggerProp = _props$validateTrigge === void 0 ? validateTriggersMemo : _props$validateTrigge,
-        children = _props.children; // field 未设置，不进行收集管理
-
-    if (!isValidField(field)) return {}; // 控件的 props
-
+      field = _props.field,
+      _props$valuePropName = _props.valuePropName,
+      valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName,
+      _props$valueChangeFun = _props.valueChangeFuncPropName,
+      valueChangeFuncPropName = _props$valueChangeFun === void 0 ? 'onChange' : _props$valueChangeFun,
+      valueDispatchTransform = _props.valueDispatchTransform,
+      valueConnectTransform = _props.valueConnectTransform,
+      _props$validateTrigge = _props.validateTrigger,
+      validateTriggerProp = _props$validateTrigge === void 0 ? validateTriggersMemo : _props$validateTrigge,
+      children = _props.children;
+    // field 未设置，不进行收集管理
+    if (!isValidField(field)) return {};
+    // 控件的 props
     var controlProps = children && children.props || {};
     var validateTrigger = isArray(validateTriggerProp) ? validateTriggerProp : [validateTriggerProp];
     var validateOnCollect = validateTrigger.includes(valueChangeFuncPropName);
@@ -587,62 +532,50 @@ var useForm = function useForm(_a) {
     getFieldsError: getFieldsError
   });
 };
-
 function formReducer(state, action) {
   switch (action.type) {
     case 'SET_STATE':
       var nextState = isFunction(action.payload) ? action.payload(state) : action.payload;
       return Object.assign(Object.assign({}, state), nextState);
-
     case 'SET_VALUES':
       var nextValues = isFunction(action.payload) ? action.payload(state.values) : action.payload;
       return Object.assign(Object.assign({}, state), {
         values: nextValues
       });
-
     case 'SET_ERRORS':
       return Object.assign(Object.assign({}, state), {
         errors: action.payload
       });
-
     case 'SET_TOUCHED':
       return Object.assign(Object.assign({}, state), {
         touched: action.payload
       });
-
     case 'SET_SUBMITTING':
       return Object.assign(Object.assign({}, state), {
         submitting: action.payload
       });
-
     case 'SET_VALIDATING':
       return Object.assign(Object.assign({}, state), {
         validating: action.payload
       });
-
     case 'SET_FIELD_VALUE':
       return Object.assign(Object.assign({}, state), {
         values: setNested(state.values, action.payload.field, action.payload.value)
       });
-
     case 'SET_FIELD_TOUCHED':
       return Object.assign(Object.assign({}, state), {
         touched: setNested(state.touched, action.payload.field, action.payload.value)
       });
-
     case 'SET_FIELD_ERROR':
       return Object.assign(Object.assign({}, state), {
         errors: setNested(state.errors, action.payload.field, action.payload.value)
       });
-
     case 'SET_FORM':
       return Object.assign(Object.assign({}, state), action.payload);
-
     case 'SUBMIT_DONE':
       return Object.assign(Object.assign({}, state), {
         submitting: false
       });
-
     default:
       return state;
   }
@@ -650,8 +583,6 @@ function formReducer(state, action) {
 /**
  * 一个注册表的收集器
  */
-
-
 var useCollection = function useCollection() {
   var collectionMp = useMemo(function () {
     return new Map();
@@ -665,11 +596,9 @@ var useCollection = function useCollection() {
   }, []);
   var getCollection = useCallback(function (keyOrKeys) {
     var key = stringify(keyOrKeys);
-
     if (collectionRef.current.has(key)) {
       return collectionRef.current.get(key);
     }
-
     return null;
   }, []);
   var getRegisteredKeys = useCallback(function () {
@@ -681,5 +610,4 @@ var useCollection = function useCollection() {
   }, []);
   return [getCollection, register, unregister, getRegisteredKeys];
 };
-
 export { useForm };

package/lib/esm/utils/index.js

@@ -10,14 +10,13 @@
 import { isNullish, isArray } from '@hi-ui/type-assertion';
 import { clone, hasOwnProp } from '@hi-ui/object-utils';
 
+// TODO: 支持 数字字符串持久化 唯一化
 var stringify = function stringify(field) {
   return JSON.stringify(field);
 };
-
 var parse = function parse(fieldStr) {
   return JSON.parse(fieldStr);
 };
-
 var isValidField = function isValidField(field) {
   if (isNullish(field) || field === '') return false;
   if (isArray(field) && field.every(function (item) {
@@ -25,19 +24,15 @@ var isValidField = function isValidField(field) {
   })) return false;
   return true;
 };
-
 var mergeValues = function mergeValues(source, override) {
   if (!override) return source;
   if (!source) return clone(override);
   var target = clone(source);
-
   for (var key in override) {
     if (hasOwnProp(override, key)) {
       target[key] = override[key];
     }
   }
-
   return target;
 };
-
 export { isValidField, mergeValues, parse, stringify };

package/lib/types/Form.d.ts

@@ -4,7 +4,7 @@ import { HiBaseHTMLProps } from '@hi-ui/core';
 import { FormRuleModel, FormHelpers } from './types';
 export declare const FORM_REGISTER_TABLE: Record<string, FormRuleModel>;
 /**
- * TODO: What is Form
+ * 表单
  */
 export declare const Form: React.ForwardRefExoticComponent<FormProps<Record<string, any>> & React.RefAttributes<HTMLFormElement | null>>;
 export interface FormProps<Values = Record<string, any>> extends Omit<HiBaseHTMLProps<'form'>, 'onSubmit' | 'onReset'>, UseFormProps<Values> {

package/lib/types/FormField.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
 import { UseFormFieldProps } from './use-form-field';
-/**
- * TODO: What is FormField
- */
 export declare const FormField: React.FC<FormFieldProps>;
 export interface FormFieldProps extends UseFormFieldProps {
     /**