@hi-ui/form 4.0.0-alpha.1 → 4.0.0-alpha.10

package/lib/types/use-form-field.d.ts

@@ -1,19 +1,19 @@
 import { FormFieldPath, FormRuleModel } from './types';
 export declare const useFormField: <Values = any>(props: UseFormFieldProps<Values>) => {
-    [x: number]: unknown;
+    [x: number]: any;
     ref: any;
     onBlur: (...args: any) => void;
-    invalid: unknown;
+    invalid: any;
 };
 export interface UseFormFieldProps<T = Record<string, any>> {
     /**
      * 字段名，支持数组
      */
-    field: FormFieldPath;
+    field: FormFieldPath | null;
     /**
      * 指定控件值数据结构类型
      */
-    valueType: 'string' | 'boolean' | 'number' | 'array' | 'object' | 'date';
+    valueType: 'string' | 'boolean' | 'number' | 'array' | 'object' | 'date' | null;
     /**
      * 设置字段的验证规则，会覆盖 Form 设置的 rules
      */
@@ -25,11 +25,15 @@ export interface UseFormFieldProps<T = Record<string, any>> {
     /**
      * form 从控件个体采集数据的转换器，最终会把返回值转发给 Form
      */
-    valueSync?: (value: any) => T;
+    valueCollectPipe?: (value: any) => T;
+    /**
+     * 控件个体接收 form 下发数据的转换器，最终会把返回值转发给 FormField
+     */
+    valueSyncPipe?: (value: any) => T;
     /**
      * 自定义设置 Form 从表单控件采集数据回调的属性
      */
-    onChangePropName?: string;
+    valueCollectPropName?: string;
     /**
      * 设置触发该字段校验的时机，会覆盖 Form 设置的 validateTrigger
      */

package/lib/types/use-form.d.ts

@@ -2,25 +2,32 @@ import React from 'react';
 import { FormState, FormFieldCollection, FormErrors, FormRuleModel, FormFieldPath, FormErrorMessage, FormSetState } from './types';
 export declare const useForm: <Values = Record<string, any>>({ initialValues, initialErrors, initialTouched, lazyValidate, onValuesChange, onReset, onSubmit, rules, validateAfterTouched, validateTrigger: validateTriggerProp, ...rest }: UseFormProps<Values>) => {
     setFormState: (stateOrFunc: FormSetState<Values>) => void;
-    setFieldValue: (field: string, value: unknown, shouldValidate?: boolean | undefined) => void;
+    setFieldValue: (field: FormFieldPath, value: unknown, shouldValidate?: boolean | undefined) => void;
     setFieldError: (field: FormFieldPath, errorMessage: FormErrorMessage | undefined) => void;
     setFieldTouched: (field: FormFieldPath, touched?: any) => void;
-    getFieldError: (fieldName: string) => unknown;
-    getFieldRules: (fieldName: string) => import("async-validator").RuleItem[];
+    getFieldValue: (fieldName: FormFieldPath) => any;
+    getFieldError: (fieldName: FormFieldPath) => any;
+    getFieldRules: (fieldName: FormFieldPath) => any;
     getRootProps: () => {
-        onSubmit: (evt?: React.FormEvent<HTMLFormElement> | undefined) => void;
+        onSubmit: (evt?: React.FormEvent<HTMLFormElement> | undefined) => Promise<unknown>;
         onReset: (evt?: React.FormEvent<HTMLFormElement> | undefined) => void;
     };
     getFieldProps: (props?: any, ref?: any) => {
-        [x: number]: unknown;
+        [x: number]: any;
         ref: any;
         onBlur: (...args: any) => void;
-        invalid: unknown;
+        invalid: any;
     };
-    registerField: (key: string, value: FormFieldCollection<Values>) => void;
-    unregisterField: (key: string) => void;
-    submitForm: () => Promise<undefined>;
+    registerField: (keyOrKeys: FormFieldPath, value: FormFieldCollection<Values>) => void;
+    unregisterField: (keyOrKeys: FormFieldPath) => void;
+    submitForm: () => Promise<unknown>;
     resetForm: (nextState?: Partial<FormState<any>> | undefined) => Promise<void>;
+    resetErrors: () => void;
+    validateFieldState: (field: FormFieldPath) => Promise<{} | undefined>;
+    validateValue: (field: FormFieldPath, value: unknown) => Promise<{} | undefined>;
+    getFieldsValue: () => any;
+    setFieldsValue: (fields: Record<string, any>, shouldValidate?: boolean | undefined) => void;
+    getFieldsError: () => any;
     values: unknown;
     errors: FormErrors<unknown>;
     touched: import("./types").FormTouched<unknown>;

package/lib/types/utils/index.d.ts

@@ -1 +1,4 @@
+import { FormFieldPath } from './../types';
 export declare const setProp: (o: any, filed: any, value: any) => any;
+export declare const stringify: (field: FormFieldPath) => string;
+export declare const parse: (fieldStr: string) => FormFieldPath;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/form",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.10",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -44,25 +44,25 @@
   },
   "dependencies": {
     "@flcwly/validater": "^0.1.4",
-    "@hi-ui/button": "^4.0.0-alpha.14",
-    "@hi-ui/classname": "^4.0.0-alpha.0",
-    "@hi-ui/core-css": "^4.0.0-alpha.9",
-    "@hi-ui/dom-utils": "^4.0.0-alpha.5",
-    "@hi-ui/env": "^4.0.0-alpha.4",
-    "@hi-ui/func-utils": "^4.0.0-alpha.4",
-    "@hi-ui/type-assertion": "^4.0.0-alpha.12",
-    "@hi-ui/use-latest": "^4.0.0-alpha.3",
+    "@hi-ui/button": "^4.0.0-alpha.22",
+    "@hi-ui/classname": "^4.0.0-alpha.3",
+    "@hi-ui/core-css": "^4.0.0-alpha.13",
+    "@hi-ui/dom-utils": "^4.0.0-alpha.7",
+    "@hi-ui/env": "^4.0.0-alpha.5",
+    "@hi-ui/func-utils": "^4.0.0-alpha.5",
+    "@hi-ui/type-assertion": "^4.0.0-alpha.13",
+    "@hi-ui/use-latest": "^4.0.0-alpha.5",
     "async-validator": "^4.0.7",
     "yup": "^0.32.11"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/hi-build": "^4.0.0-alpha.0",
+    "@hi-ui/hi-build": "^4.0.0-alpha.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "37cbc875cd26474cfc9ddbd1eeb0abd797a31835"
+  "gitHead": "f001a9fe152b0f84d1a88b8782c38e1527020070"
 }