From 2c9ea0f8b2e487101867f02d337256757e67704a Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Mon, 28 Mar 2022 20:17:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Eselect=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84popper=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/layouts/PropsPanel.vue |  1 +
 packages/editor/src/theme/props-panel.scss | 14 ++++++++++++++
 packages/form/src/Form.vue                 |  5 +++++
 packages/form/src/fields/Select.vue        |  2 ++
 packages/form/src/schema.ts                |  1 +
 5 files changed, 23 insertions(+)

diff --git a/packages/editor/src/layouts/PropsPanel.vue b/packages/editor/src/layouts/PropsPanel.vue
index 5f470ab3..2f2c5542 100644
--- a/packages/editor/src/layouts/PropsPanel.vue
+++ b/packages/editor/src/layouts/PropsPanel.vue
@@ -1,6 +1,7 @@
 <template>
   <m-form
     class="m-editor-props-panel"
+    popper-class="m-editor-props-panel-popper"
     ref="configForm"
     size="small"
     :init-values="values"
diff --git a/packages/editor/src/theme/props-panel.scss b/packages/editor/src/theme/props-panel.scss
index 336af7ce..097704b4 100644
--- a/packages/editor/src/theme/props-panel.scss
+++ b/packages/editor/src/theme/props-panel.scss
@@ -14,4 +14,18 @@
   .el-tabs__item {
     font-size: 12px;
   }
+
+  span,
+  a,
+  p {
+    font-size: 12px;
+  }
+}
+
+.m-editor-props-panel-popper {
+  span,
+  a,
+  p {
+    font-size: 12px;
+  }
 }
diff --git a/packages/form/src/Form.vue b/packages/form/src/Form.vue
index b2e68873..0f1ed2dc 100644
--- a/packages/form/src/Form.vue
+++ b/packages/form/src/Form.vue
@@ -103,6 +103,10 @@ export default defineComponent({
       type: String,
       default: '__key',
     },
+
+    popperClass: {
+      type: String,
+    },
   },
 
   emits: ['change', 'field-input', 'field-change'],
@@ -117,6 +121,7 @@ export default defineComponent({
 
     const formState: FormState = reactive<FormState>({
       keyProp: props.keyProp,
+      popperClass: props.popperClass,
       config: props.config,
       initValues: props.initValues,
       parentValues: props.parentValues,
diff --git a/packages/form/src/fields/Select.vue b/packages/form/src/fields/Select.vue
index 90384720..81b4384e 100644
--- a/packages/form/src/fields/Select.vue
+++ b/packages/form/src/fields/Select.vue
@@ -7,6 +7,7 @@
     ref="select"
     clearable
     filterable
+    :popper-class="`m-select-popper ${popperClass}`"
     :size="size"
     :remote="remote"
     :placeholder="config.placeholder"
@@ -346,6 +347,7 @@ export default defineComponent({
       remote,
       options,
       moreLoadingVisible,
+      popperClass: mForm?.popperClass,
 
       getRequestFuc() {
         return getConfig('request');
diff --git a/packages/form/src/schema.ts b/packages/form/src/schema.ts
index f89651e4..608f6d29 100644
--- a/packages/form/src/schema.ts
+++ b/packages/form/src/schema.ts
@@ -21,6 +21,7 @@
  */
 export type FormState = {
   config: FormConfig;
+  popperClass?: string;
   initValues: FormValue;
   values: FormValue;
   $emit: (event: string, ...args: any[]) => void;