Fix form error style for input addonAfter slot (vueComponent#6374)

* fix(FormITem): add one propType, add disableElement,edit style

Author: chenxiaofie

components/form/FormItem.tsx

@@ -102,6 +102,7 @@ export const formItemProps = () => ({
   messageVariables: { type: Object as PropType<Record<string, string>> },
   hidden: Boolean,
   noStyle: Boolean,
+  disabled: Boolean,
 });
 
 export type FormItemProps = Partial<ExtractPropTypes<ReturnType<typeof formItemProps>>>;
@@ -250,7 +251,9 @@ export default defineComponent({
       );
       validateState.value = 'validating';
       errors.value = [];
-
+      if (props.disabled) {
+        return Promise.resolve();
+      }
       promise
         .catch(e => e)
         .then((results: RuleError[] = []) => {
@@ -408,6 +411,8 @@ export default defineComponent({
           v-slots={{
             default: () => (
               <>
+                {/* disable */}
+                {props.disabled ? <div class={[`${prefixCls.value}-item-disabled`]}></div> : ''}
                 {/* Label */}
                 <FormItemLabel
                   {...props}

components/form/style/index.less

@@ -59,7 +59,7 @@
 // ================================================================
 .@{form-item-prefix-cls} {
   .reset-component();
-
+  position: relative;
   margin-bottom: @form-item-margin-bottom;
   vertical-align: top;
 
@@ -74,6 +74,16 @@
     display: none;
   }
 
+  &-disabled {
+    //https://github.com/vueComponent/ant-design-vue/issues/6374
+    .disabled();
+    width: 100%;
+    height: 100%;
+    z-index: 99;
+    position: absolute;
+    background: none;
+  }
+
   // ==============================================================
   // =                            Label                           =
   // ==============================================================
@@ -110,7 +120,9 @@
       }
 
       // Required mark
-      &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::before {
+      &.@{form-item-prefix-cls}-required:not(
+          .@{form-item-prefix-cls}-required-mark-optional
+        )::before {
         display: inline-block;
         margin-right: 4px;
         color: @label-required-color;