fixed：菜单图标选择不能搜索

src/components/IconSelect/index.vue

@@ -15,7 +15,7 @@
     <el-tabs v-model="activeName">
       <el-tab-pane label="svg-icon" name="1">
         <div class="icon-list">
-          <div class="icon-item mb10" v-for="(item, index) in iconList" :key="index" @click="selectedIcon(item)">
+          <div class="icon-item mb10" v-for="(item, index) in iconList" :key="index" @click="selectedIcon(item, '')">
             <svg-icon :name="item" style="height: 30px; width: 16px" />
             <div class="name">{{ item }}</div>
           </div>
@@ -54,7 +54,9 @@ function filterIcons() {
 }
 
 function selectedIcon(name, prefix) {
-  emit('selected', prefix != undefined ? prefix + name : name)
+  const iconName = prefix != undefined ? prefix + name : name
+  console.log(iconName)
+  emit('selected', iconName)
   document.body.click()
 }
 

src/views/system/menu/index.vue

@@ -156,12 +156,12 @@
           </el-col>
           <el-col :lg="24" v-if="form.menuType != 'F'">
             <el-form-item :label="$t('m.icon')" prop="icon">
-              <el-popover placement="bottom-start" :width="540" v-model:visible="showChooseIcon" trigger="click" @show="showSelectIcon">
+              <el-popover placement="bottom-start" :teleported="false" :width="540" v-model:visible="showChooseIcon" trigger="click">
                 <template #reference>
                   <el-input v-model="form.icon" placeholder="点击选择图标" @click="showSelectIcon" readonly>
                     <template #prefix>
-                      <svg-icon v-if="form.icon" :name="form.icon" class="el-input__icon" />
+                      <svg-icon v-if="form.icon" :name="form.icon" />
-                      <el-icon class="el-input__icon" v-else>
+                      <el-icon v-else>
                         <search />
                       </el-icon>
                     </template>