优化字体可 检索

src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue

@@ -14,8 +14,19 @@
 
     <Divider />
     
-    <SelectGroup class="row">
-      <Select
+    <SelectGroup class="row formatFontsBox">
+      <el-select v-model="richTextAttrs.fontname" placeholder="" filterable>
+        <el-option
+            v-for="item in formatFonts"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+        />
+        <template #icon>
+          <IconFontSize />
+        </template>
+      </el-select>
+      <!-- <Select
         class="font-select"
         style="width: 60%;"
         :value="richTextAttrs.fontname"
@@ -27,7 +38,7 @@
         <template #icon>
           <IconFontSize />
         </template>
-      </Select>
+      </Select> -->
       <Select
         style="width: 40%;"
         :value="richTextAttrs.fontsize"
@@ -658,4 +669,7 @@ watch(handleElement, () => {
 .popover-btn {
   padding: 0 3px;
 }
+.formatFontsBox .el-input__wrapper{
+  border: 0;
+}
 </style>
\ No newline at end of file

src/views/Editor/Toolbar/SlideDesignPanel.vue

@@ -138,16 +138,24 @@
         <IconRight v-else />
       </span>
     </div>
-    <div class="row">
+    <div class="row formatFontsBox">
       <div style="width: 40%;">字体：</div>
-      <Select
+      <el-select v-model="theme.fontName" placeholder="" filterable>
+        <el-option
+            v-for="item in formatFonts"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+        />
+      </el-select>
+      <!-- <Select
         style="width: 60%;"
         :value="theme.fontName"
         @update:value="value => updateTheme({ fontName: value as string })"
         :options="[
           ...formatFonts
         ]"
-      />
+      /> -->
       <!-- ...availableFonts,
           ...WEB_FONTS -->
     </div>
@@ -551,4 +559,7 @@ const updateViewportRatio = (value: number) => {
     }
   }
 }
+.formatFontsBox .el-input__wrapper{
+  border: 0;
+}
 </style>
\ No newline at end of file