feat: 新增select下的popper class

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"

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;
+  }
 }

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,

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');

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;