From b9d3d60e0f8fe1166a0addcc8295365cbe65a7bf Mon Sep 17 00:00:00 2001
From: Lan <6995syu@163.com>
Date: Thu, 26 Nov 2020 01:17:42 +0800
Subject: [PATCH] perf: Add the style injection of the top row to the form.
 (#102)

Co-authored-by: NorthLan <lan6995@gmail.com>
---
 src/components/Form/src/BasicForm.vue | 8 +++++++-
 src/components/Form/src/props.ts      | 3 +++
 src/components/Form/src/types/form.ts | 3 +++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
index 6019b647..7b71ef9c 100644
--- a/src/components/Form/src/BasicForm.vue
+++ b/src/components/Form/src/BasicForm.vue
@@ -1,6 +1,6 @@
 <template>
   <Form v-bind="{ ...$attrs, ...$props }" ref="formElRef" :model="formModel">
-    <Row :class="getProps.compact ? 'compact-form-row' : ''">
+    <Row :class="getProps.compact ? 'compact-form-row' : ''" :style="getRowWrapStyleRef">
       <slot name="formHeader" />
       <template v-for="schema in getSchema" :key="schema.field">
         <FormItem
@@ -71,6 +71,11 @@
       const schemaRef = ref<Nullable<FormSchema[]>>(null);
       const formElRef = ref<Nullable<FormActionType>>(null);
 
+      const getRowWrapStyleRef = computed((): any => {
+        const { baseRowStyle } = unref(getProps);
+        return baseRowStyle || {};
+      });
+
       const getMergePropsRef = computed(
         (): FormProps => {
           return deepMerge(cloneDeep(props), unref(propsRef));
@@ -207,6 +212,7 @@
         getActionPropsRef,
         defaultValueRef,
         advanceState,
+        getRowWrapStyleRef,
         getProps,
         formElRef,
         getSchema,
diff --git a/src/components/Form/src/props.ts b/src/components/Form/src/props.ts
index b4dfed8b..2306f166 100644
--- a/src/components/Form/src/props.ts
+++ b/src/components/Form/src/props.ts
@@ -28,6 +28,9 @@ export const basicProps = {
     type: Object as PropType<any>,
     default: null,
   },
+  baseRowStyle: {
+    type: Object as PropType<any>,
+  },
   baseColProps: {
     type: Object as PropType<any>,
   },
diff --git a/src/components/Form/src/types/form.ts b/src/components/Form/src/types/form.ts
index e4226a39..3a196969 100644
--- a/src/components/Form/src/types/form.ts
+++ b/src/components/Form/src/types/form.ts
@@ -53,6 +53,9 @@ export interface FormProps {
   // Col configuration for the entire form
   wrapperCol?: Partial<ColEx>;
 
+  // General row style
+  baseRowStyle?: object;
+
   // General col configuration
   baseColProps?: Partial<ColEx>;
 
-- 
GitLab