chore: update n-form to form-model

Author: tangjinzhou

CHANGELOG.en-US.md

@@ -19,7 +19,7 @@
   - 🔥🔥🔥 [Descriptions](https://antdv.com/components/descriptions/) Display multiple read-only fields in groups.
   - 🔥🔥🔥 [PageHeader](https://antdv.com/components/page-header/) can be used to declare the topic of the page, display important information about the page that the user is concerned about, and carry the operation items related to the current page.
   - 🔥🔥🔥 [Result](https://antdv.com/components/result) is used to feedback the processing results of a series of operation tasks.
-  - 🔥🔥🔥 [NewForm](https://antdv.com/components/n-form) Form components that use v-model for automatic validation are more concise than v-decorator forms.
+  - 🔥🔥🔥 [FormModel](https://antdv.com/components/form-model) Form components that use v-model for automatic validation are more concise than v-decorator forms.
 - 🔥 Descriptions supports vertical layout.
 - 🔥 Progress.Circle supports gradient colors.
 - 🔥 Progress.Line supports gradient colors.

CHANGELOG.zh-CN.md

@@ -19,7 +19,7 @@
   - 🔥🔥🔥 [Descriptions](https://antdv.com/components/descriptions-cn/) 成组展示多个只读字段。
   - 🔥🔥🔥 [PageHeader](https://antdv.com/components/page-header-cn/) 可用于声明页面主题、展示用户所关注的页面重要信息，以及承载与当前页相关的操作项。
   - 🔥🔥🔥 [Result](https://antdv.com/components/result) 用于反馈一系列操作任务的处理结果。
-  - 🔥🔥🔥 [NewForm](https://antdv.com/components/n-form) 使用 v-model 进行自动校验的表单组件，相较于 v-decorator 形式的表单，更加简洁。
+  - 🔥🔥🔥 [FormModel](https://antdv.com/components/form-model) 使用 v-model 进行自动校验的表单组件，相较于 v-decorator 形式的表单，更加简洁。
 - 🔥 Descriptions 支持垂直布局。
 - 🔥 Progress.Circle 支持渐变色。
 - 🔥 Progress.Line 支持渐变色。

antdv-demo

@@ -46,7 +46,7 @@ export const ValidationRule = {
 };
 
 const Form = {
-  name: 'ANForm',
+  name: 'AFormModel',
   props: initDefaultProps(FormProps, {
     layout: 'horizontal',
     hideRequiredMark: false,
@@ -58,7 +58,7 @@ const Form = {
   },
   provide() {
     return {
-      FormContext: this,
+      FormModelContext: this,
     };
   },
   inject: {
@@ -96,7 +96,7 @@ const Form = {
     },
     resetFields() {
       if (!this.model) {
-        warning(false, 'NewForm', 'model is required for resetFields to work.');
+        warning(false, 'FormModel', 'model is required for resetFields to work.');
         return;
       }
       this.fields.forEach(field => {
@@ -115,7 +115,7 @@ const Form = {
     },
     validate(callback) {
       if (!this.model) {
-        warning(false, 'NewForm', 'model is required for resetFields to work.');
+        warning(false, 'FormModel', 'model is required for resetFields to work.');
         return;
       }
       let promise;
@@ -153,7 +153,7 @@ const Form = {
       props = [].concat(props);
       const fields = this.fields.filter(field => props.indexOf(field.prop) !== -1);
       if (!fields.length) {
-        warning(false, 'NewForm', 'please pass correct props!');
+        warning(false, 'FormModel', 'please pass correct props!');
         return;
       }
       fields.forEach(field => {

components/n-form/Form.jsx renamed to components/form-model/Form.jsx

@@ -62,7 +62,7 @@ export const FormItemProps = {
 };
 
 export default {
-  name: 'ANFormItem',
+  name: 'AFormModelItem',
   __ANT_NEW_FORM_ITEM: true,
   mixins: [BaseMixin],
   props: initDefaultProps(FormItemProps, {
@@ -71,12 +71,12 @@ export default {
   }),
   provide() {
     return {
-      NewFormItemContext: this,
+      FormModelItemContext: this,
     };
   },
   inject: {
     configProvider: { default: () => ConfigConsumerProps },
-    FormContext: { default: () => ({}) },
+    FormModelContext: { default: () => ({}) },
   },
   data() {
     return {
@@ -89,7 +89,7 @@ export default {
 
   computed: {
     fieldValue() {
-      const model = this.FormContext.model;
+      const model = this.FormModelContext.model;
       if (!model || !this.prop) {
         return;
       }
@@ -121,13 +121,13 @@ export default {
   },
   mounted() {
     if (this.prop) {
-      const { addField } = this.FormContext;
+      const { addField } = this.FormModelContext;
       addField && addField(this);
       this.initialValue = cloneDeep(this.fieldValue);
     }
   },
   beforeDestroy() {
-    const { removeField } = this.FormContext;
+    const { removeField } = this.FormModelContext;
     removeField && removeField(this);
   },
   methods: {
@@ -153,13 +153,13 @@ export default {
         this.validateState = errors ? 'error' : 'success';
         this.validateMessage = errors ? errors[0].message : '';
         callback(this.validateMessage, invalidFields);
-        this.FormContext &&
-          this.FormContext.$emit &&
-          this.FormContext.$emit('validate', this.prop, !errors, this.validateMessage || null);
+        this.FormModelContext &&
+          this.FormModelContext.$emit &&
+          this.FormModelContext.$emit('validate', this.prop, !errors, this.validateMessage || null);
       });
     },
     getRules() {
-      let formRules = this.FormContext.rules;
+      let formRules = this.FormModelContext.rules;
       const selfRules = this.rules;
       const requiredRule =
         this.required !== undefined ? { required: !!this.required, trigger: 'change' } : [];
@@ -198,7 +198,7 @@ export default {
     resetField() {
       this.validateState = '';
       this.validateMessage = '';
-      let model = this.FormContext.model || {};
+      let model = this.FormModelContext.model || {};
       let value = this.fieldValue;
       let path = this.prop;
       if (path.indexOf(':') !== -1) {