feat: update form

Author: tangjinzhou

build/config.js

@@ -1,5 +1,5 @@
 module.exports = {
   dev: {
-    componentName: 'empty', // dev components
+    componentName: 'form', // dev components
   },
 };

components/form/Form.jsx

@@ -62,6 +62,8 @@ export const FormProps = {
   layout: PropTypes.oneOf(['horizontal', 'inline', 'vertical']),
   labelCol: PropTypes.shape(ColProps).loose,
   wrapperCol: PropTypes.shape(ColProps).loose,
+  colon: PropTypes.bool,
+  labelAlign: PropTypes.oneOf(['left', 'right']),
   form: PropTypes.object,
   // onSubmit: React.FormEventHandler<any>;
   prefixCls: PropTypes.string,
@@ -128,6 +130,7 @@ const Form = {
   props: initDefaultProps(FormProps, {
     layout: 'horizontal',
     hideRequiredMark: false,
+    colon: true,
   }),
   Item: FormItem,
   createFormField: createFormField,
@@ -148,7 +151,7 @@ const Form = {
   },
   provide() {
     return {
-      FormProps: this.$props,
+      FormContextProps: this,
       // https://github.com/vueComponent/ant-design-vue/issues/446
       collectFormItemContext:
         this.form && this.form.templateContext
@@ -178,6 +181,11 @@ const Form = {
       this.$forceUpdate();
     },
   },
+  computed: {
+    vertical() {
+      return this.layout === 'vertical';
+    },
+  },
   beforeUpdate() {
     this.formItemContexts.forEach((number, c) => {
       if (c.$forceUpdate) {
@@ -220,7 +228,7 @@ const Form = {
       [`${prefixCls}-hide-required-mark`]: hideRequiredMark,
     });
     if (autoFormCreate) {
-      warning(false, '`autoFormCreate` is deprecated. please use `form` instead.');
+      warning(false, 'Form', '`autoFormCreate` is deprecated. please use `form` instead.');
       const DomForm =
         this.DomForm ||
         createDOMForm({