fix: 修复下拉框字数太多,超出部分隐藏

Author: shaohuzhang1

ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue

@@ -31,7 +31,7 @@
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
   >
-    <el-select v-model="formValue.default_value">
+    <el-select v-model="formValue.default_value" :teleported="false" popper-class="default-select">
       <el-option
         v-for="(option, index) in formValue.option_list"
         :key="index"
@@ -94,4 +94,8 @@ onMounted(() => {
 :deep(.el-form-item__label) {
   display: block;
 }
+
+:deep(.el-select-dropdown) {
+  max-width: 400px;
+}
 </style>

ui/src/components/dynamics-form/items/select/SingleSelect.vue

@@ -1,8 +1,9 @@
 <template>
-  <el-select class="m-2" filterable clearable v-bind="$attrs" v-model="_modelValue">
+  <el-select filterable :teleported="false" clearable v-bind="$attrs" v-model="_modelValue">
     <el-option
       v-for="(item, index) in option_list"
       :key="index"
+      teleported
       :label="label(item)"
       :value="item[valueField]"
     >
@@ -60,4 +61,8 @@ const label = (option: any) => {
   return option[textField.value]
 }
 </script>
-<style lang="scss"></style>
+<style lang="scss" scoped>
+:deep(.el-select-dropdown) {
+  max-width: 400px;
+}
+</style>