feat(next): add fusion multiple lang of validator (#1504)

README.md

@@ -37,6 +37,10 @@ https://formilyjs.org
 
 - [icejs](https://github.com/alibaba/ice)
 
+## How to contribute?
+
+- [Contribute document](https://v2.formilyjs.org/zh-CN/guide/contribution)
+
 ## Contributors
 
 This project exists thanks to all the people who contribute.

README.zh-cn.md

@@ -37,6 +37,11 @@ https://formilyjs.org
 
 - [icejs](https://github.com/alibaba/ice)
 
+
+## 如何贡献
+
+- [贡献指南](https://v2.formilyjs.org/zh-CN/guide/contribution)
+
 ## 贡献者
 
 This project exists thanks to all the people who contribute.

packages/core/docs/api/entry/FormValidatorRegistry.md

@@ -139,3 +139,27 @@ registerValidateRules({
   },
 })
 ```
+
+## getValidateLocaleIOSCode
+
+#### 描述
+
+获取内置存在的 ISO Code
+
+#### 签名
+
+```ts
+interface getValidateLocaleIOSCode {
+  (language: string): string | undefined
+}
+```
+
+#### 用例
+
+```ts
+import { getValidateLocaleIOSCode } from '@formily/core'
+
+getValidateLocaleIOSCode('en')
+
+// ==>  en_US
+```

packages/core/src/shared/externals.ts

@@ -2,6 +2,7 @@ import { FormPath } from '@formily/shared'
 import { Form } from '../models'
 import { IFormProps } from '../types'
 import {
+  getValidateLocaleIOSCode,
   setValidateLanguage,
   registerValidateFormats,
   registerValidateLocale,
@@ -53,6 +54,7 @@ export {
   isQuery,
   isVoidField,
   isVoidFieldState,
+  getValidateLocaleIOSCode,
   setValidateLanguage,
   registerValidateFormats,
   registerValidateLocale,

packages/next/docs/components/Form.md

@@ -76,6 +76,50 @@ export default () => (
 )
 ```
 
+## Fusion 多语言
+
+```tsx
+import React from 'react'
+import {
+  Input,
+  Select,
+  Form,
+  FormItem,
+  FormGrid,
+  FormButtonGroup,
+  Submit,
+} from '@formily/next'
+import { createForm } from '@formily/core'
+import { Field } from '@formily/react'
+import { ConfigProvider } from '@alifd/next'
+import enUS from '@alifd/next/lib/locale/en-us'
+
+const form = createForm()
+
+export default () => (
+  <ConfigProvider locale={enUS}>
+    <Form
+      form={form}
+      layout="vertical"
+      feedbackLayout="terse"
+      onAutoSubmit={console.log}
+    >
+      <Field
+        name="bb"
+        title="User Name"
+        required
+        decorator={[FormItem]}
+        component={[Input]}
+      />
+
+      <FormButtonGroup.FormItem>
+        <Submit>Submit</Submit>
+      </FormButtonGroup.FormItem>
+    </Form>
+  </ConfigProvider>
+)
+```
+
 <Alert style="margin-top:20px">
 注意：想要实现回车提交，我们在使用Submit组件的时候不能给其传onSubmit事件，否则回车提交会失效，这样做的目的是为了防止用户同时在多处写onSubmit事件监听器，处理逻辑不一致的话，提交时很难定位问题。
 </Alert>

packages/next/src/form/index.tsx

@@ -1,6 +1,8 @@
-import React from 'react'
+import React, { useMemo } from 'react'
 import { FormProvider } from '@formily/react'
 import { FormLayout, IFormLayoutProps } from '../form-layout'
+import { ConfigProvider } from '@alifd/next'
+import { getValidateLocaleIOSCode, setValidateLanguage } from '@formily/core'
 
 export interface FormProps
   extends Formily.React.Types.IProviderProps,
@@ -16,6 +18,14 @@ export const Form: React.FC<FormProps> = ({
   onAutoSubmit,
   ...props
 }) => {
+  // @ts-ignore
+  const lang = ConfigProvider.getContext()?.locale?.momentLocale
+  useMemo(() => {
+    if (getValidateLocaleIOSCode(lang)) {
+      setValidateLanguage(lang)
+    }
+  }, [lang])
+
   return (
     <FormProvider form={form}>
       <FormLayout {...props}>

packages/validator/src/registry.ts

@@ -54,6 +54,8 @@ const getISOCode = (language: string) => {
   return isoCode
 }
 
+export const getValidateLocaleIOSCode = getISOCode;
+
 export const setValidateLanguage = (lang: string) => {
   registry.locales.language = lang
 }