@hi-ui/form 4.3.1 → 4.3.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @hi-ui/form
 
+## 4.3.3
+
+### Patch Changes
+
+- [#3277](https://github.com/XiaoMi/hiui/pull/3277) [`93df0aaff`](https://github.com/XiaoMi/hiui/commit/93df0aafff09be59faeb4bad0ceea57a00df5ccf) Thanks [@zyprepare](https://github.com/zyprepare)! - fix(form): 处理规则消息为空的情况，将其设置为 undefined (#3276)
+
+- [#3275](https://github.com/XiaoMi/hiui/pull/3275) [`b2b66a9e7`](https://github.com/XiaoMi/hiui/commit/b2b66a9e73a1a92d6b0604dc2ad711895154e518) Thanks [@zyprepare](https://github.com/zyprepare)! - fix(form): 优化 valueType 为 number 情况下的校验逻辑 (#3274)
+
+## 4.3.2
+
+### Patch Changes
+
+- [#3160](https://github.com/XiaoMi/hiui/pull/3160) [`3244e5a`](https://github.com/XiaoMi/hiui/commit/3244e5a94d1cfa3d85a65bc8804a21b8b60b80a4) Thanks [@zyprepare](https://github.com/zyprepare)! - <br>
+  - feat(form): 入口新增 FormLabel 组件导出
+  - feat(form): 更新 FormListProps 中 children 渲染函数中 fields 参数的类型
+
 ## 4.3.1
 
 ### Patch Changes

package/lib/cjs/index.js

@@ -18,6 +18,7 @@ var FormItem = require('./FormItem.js');
 var FormList = require('./FormList.js');
 var FormSubmit = require('./FormSubmit.js');
 var FormReset = require('./FormReset.js');
+var FormLabel = require('./FormLabel.js');
 var Form = Object.assign(Form$1.Form, {
   Item: FormItem.FormItem,
   List: FormList.FormList,
@@ -30,4 +31,5 @@ exports.FormItem = FormItem.FormItem;
 exports.FormList = FormList.FormList;
 exports.FormSubmit = FormSubmit.FormSubmit;
 exports.FormReset = FormReset.FormReset;
+exports.FormLabel = FormLabel.FormLabel;
 exports["default"] = Form;

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

@@ -63,6 +63,9 @@ var useFormField = function useFormField(props) {
     // TODO: rules 处理成 Async Validate 的指定结构
     var fieldMD5 = index.stringify(field);
     var modifiedFieldRules = fieldRules.map(function (rule) {
+      if (rule.message === null || rule.message === '') {
+        rule.message = undefined;
+      }
       // 重写 rule 的 validator 函数，正则匹配 validatorRule 中的 field 和 fullField，消除 field 和 fullField 中的双引号
       // issue：https://github.com/XiaoMi/hiui/issues/2931
       if (rule.validator) {
@@ -79,7 +82,17 @@ var useFormField = function useFormField(props) {
       } else return Object.assign({}, rule);
     });
     var validater = new Validater__default["default"]((_Validater = {}, _Validater[fieldMD5] = modifiedFieldRules, _Validater));
-    return validater.validate((_validater$validate = {}, _validater$validate[fieldMD5] = valueType !== 'number' || value === '' ? value : isNaN(value) ? value : Number(value), _validater$validate), {
+    var valueToValidate = value;
+    if (valueType === 'number') {
+      if (typeAssertion.isNullish(value) || value === '') {
+        valueToValidate = value;
+      } else if (isNaN(value)) {
+        valueToValidate = value;
+      } else {
+        valueToValidate = Number(value);
+      }
+    }
+    return validater.validate((_validater$validate = {}, _validater$validate[fieldMD5] = valueToValidate, _validater$validate), {
       firstFields: true
     });
   }, [fieldRules, field, valueType]);

package/lib/esm/index.js

@@ -14,6 +14,7 @@ import { FormItem } from './FormItem.js';
 import { FormList } from './FormList.js';
 import { FormSubmit } from './FormSubmit.js';
 import { FormReset } from './FormReset.js';
+export { FormLabel } from './FormLabel.js';
 var Form = Object.assign(Form$1, {
   Item: FormItem,
   List: FormList,

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

@@ -9,7 +9,7 @@
  */
 import { useMemo, useCallback, useEffect } from 'react';
 import { useFormContext } from './context.js';
-import { isArrayNonEmpty } from '@hi-ui/type-assertion';
+import { isArrayNonEmpty, isNullish } from '@hi-ui/type-assertion';
 import Validater from 'async-validator';
 import { normalizeArray } from '@hi-ui/array-utils';
 import { stringify, isValidField } from './utils/index.js';
@@ -51,6 +51,9 @@ var useFormField = function useFormField(props) {
     // TODO: rules 处理成 Async Validate 的指定结构
     var fieldMD5 = stringify(field);
     var modifiedFieldRules = fieldRules.map(function (rule) {
+      if (rule.message === null || rule.message === '') {
+        rule.message = undefined;
+      }
       // 重写 rule 的 validator 函数，正则匹配 validatorRule 中的 field 和 fullField，消除 field 和 fullField 中的双引号
       // issue：https://github.com/XiaoMi/hiui/issues/2931
       if (rule.validator) {
@@ -67,7 +70,17 @@ var useFormField = function useFormField(props) {
       } else return Object.assign({}, rule);
     });
     var validater = new Validater((_Validater = {}, _Validater[fieldMD5] = modifiedFieldRules, _Validater));
-    return validater.validate((_validater$validate = {}, _validater$validate[fieldMD5] = valueType !== 'number' || value === '' ? value : isNaN(value) ? value : Number(value), _validater$validate), {
+    var valueToValidate = value;
+    if (valueType === 'number') {
+      if (isNullish(value) || value === '') {
+        valueToValidate = value;
+      } else if (isNaN(value)) {
+        valueToValidate = value;
+      } else {
+        valueToValidate = Number(value);
+      }
+    }
+    return validater.validate((_validater$validate = {}, _validater$validate[fieldMD5] = valueToValidate, _validater$validate), {
       firstFields: true
     });
   }, [fieldRules, field, valueType]);

package/lib/types/FormList.d.ts

@@ -1,12 +1,28 @@
 import React from 'react';
 import { HiBaseHTMLProps } from '@hi-ui/core';
 import { FormFieldPath, FormListChildrenAction, FormListHelper } from './types';
+declare const fieldListSymbol: unique symbol;
 export declare const FormList: React.ForwardRefExoticComponent<FormListProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface FormListChildField {
+    /**
+     * 字段名
+     * - 实际上是元素在数组中的索引
+     */
+    name: string;
+    /**
+     * 字段符号
+     */
+    symbol: typeof fieldListSymbol;
+    /**
+     * 字段值
+     */
+    value: unknown;
+}
 export interface FormListProps extends HiBaseHTMLProps<'div'> {
     /**
      * 表单控件渲染函数
      */
-    children?: (fields: any[], action: FormListChildrenAction) => React.ReactElement;
+    children?: (fields: FormListChildField[], action: FormListChildrenAction) => React.ReactElement;
     /**
      * 列表名称
      */
@@ -16,3 +32,4 @@ export interface FormListProps extends HiBaseHTMLProps<'div'> {
      */
     innerRef?: React.Ref<FormListHelper>;
 }
+export {};

package/lib/types/index.d.ts

@@ -12,4 +12,5 @@ export * from './FormItem';
 export * from './FormList';
 export * from './FormSubmit';
 export * from './FormReset';
+export * from './FormLabel';
 export * from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/form",
-  "version": "4.3.1",
+  "version": "4.3.3",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",