diff --git a/src/assets/icons/404.svg b/src/assets/icons/svg/404.svg
similarity index 100%
rename from src/assets/icons/404.svg
rename to src/assets/icons/svg/404.svg
diff --git a/src/assets/icons/await.svg b/src/assets/icons/svg/await.svg
similarity index 100%
rename from src/assets/icons/await.svg
rename to src/assets/icons/svg/await.svg
diff --git a/src/assets/icons/bug.svg b/src/assets/icons/svg/bug.svg
similarity index 100%
rename from src/assets/icons/bug.svg
rename to src/assets/icons/svg/bug.svg
diff --git a/src/assets/icons/build.svg b/src/assets/icons/svg/build.svg
similarity index 100%
rename from src/assets/icons/build.svg
rename to src/assets/icons/svg/build.svg
diff --git a/src/assets/icons/button.svg b/src/assets/icons/svg/button.svg
similarity index 100%
rename from src/assets/icons/button.svg
rename to src/assets/icons/svg/button.svg
diff --git a/src/assets/icons/cascader.svg b/src/assets/icons/svg/cascader.svg
similarity index 100%
rename from src/assets/icons/cascader.svg
rename to src/assets/icons/svg/cascader.svg
diff --git a/src/assets/icons/chart.svg b/src/assets/icons/svg/chart.svg
similarity index 100%
rename from src/assets/icons/chart.svg
rename to src/assets/icons/svg/chart.svg
diff --git a/src/assets/icons/checkbox.svg b/src/assets/icons/svg/checkbox.svg
similarity index 100%
rename from src/assets/icons/checkbox.svg
rename to src/assets/icons/svg/checkbox.svg
diff --git a/src/assets/icons/clipboard.svg b/src/assets/icons/svg/clipboard.svg
similarity index 100%
rename from src/assets/icons/clipboard.svg
rename to src/assets/icons/svg/clipboard.svg
diff --git a/src/assets/icons/code.svg b/src/assets/icons/svg/code.svg
similarity index 100%
rename from src/assets/icons/code.svg
rename to src/assets/icons/svg/code.svg
diff --git a/src/assets/icons/color.svg b/src/assets/icons/svg/color.svg
similarity index 100%
rename from src/assets/icons/color.svg
rename to src/assets/icons/svg/color.svg
diff --git a/src/assets/icons/component.svg b/src/assets/icons/svg/component.svg
similarity index 100%
rename from src/assets/icons/component.svg
rename to src/assets/icons/svg/component.svg
diff --git a/src/assets/icons/dashboard.svg b/src/assets/icons/svg/dashboard.svg
similarity index 100%
rename from src/assets/icons/dashboard.svg
rename to src/assets/icons/svg/dashboard.svg
diff --git a/src/assets/icons/date-range.svg b/src/assets/icons/svg/date-range.svg
similarity index 100%
rename from src/assets/icons/date-range.svg
rename to src/assets/icons/svg/date-range.svg
diff --git a/src/assets/icons/date.svg b/src/assets/icons/svg/date.svg
similarity index 100%
rename from src/assets/icons/date.svg
rename to src/assets/icons/svg/date.svg
diff --git a/src/assets/icons/dict.svg b/src/assets/icons/svg/dict.svg
similarity index 100%
rename from src/assets/icons/dict.svg
rename to src/assets/icons/svg/dict.svg
diff --git a/src/assets/icons/documentation.svg b/src/assets/icons/svg/documentation.svg
similarity index 100%
rename from src/assets/icons/documentation.svg
rename to src/assets/icons/svg/documentation.svg
diff --git a/src/assets/icons/download.svg b/src/assets/icons/svg/download.svg
similarity index 100%
rename from src/assets/icons/download.svg
rename to src/assets/icons/svg/download.svg
diff --git a/src/assets/icons/drag.svg b/src/assets/icons/svg/drag.svg
similarity index 100%
rename from src/assets/icons/drag.svg
rename to src/assets/icons/svg/drag.svg
diff --git a/src/assets/icons/druid.svg b/src/assets/icons/svg/druid.svg
similarity index 100%
rename from src/assets/icons/druid.svg
rename to src/assets/icons/svg/druid.svg
diff --git a/src/assets/icons/edit.svg b/src/assets/icons/svg/edit.svg
similarity index 100%
rename from src/assets/icons/edit.svg
rename to src/assets/icons/svg/edit.svg
diff --git a/src/assets/icons/education.svg b/src/assets/icons/svg/education.svg
similarity index 100%
rename from src/assets/icons/education.svg
rename to src/assets/icons/svg/education.svg
diff --git a/src/assets/icons/email.svg b/src/assets/icons/svg/email.svg
similarity index 100%
rename from src/assets/icons/email.svg
rename to src/assets/icons/svg/email.svg
diff --git a/src/assets/icons/example.svg b/src/assets/icons/svg/example.svg
similarity index 100%
rename from src/assets/icons/example.svg
rename to src/assets/icons/svg/example.svg
diff --git a/src/assets/icons/excel.svg b/src/assets/icons/svg/excel.svg
similarity index 100%
rename from src/assets/icons/excel.svg
rename to src/assets/icons/svg/excel.svg
diff --git a/src/assets/icons/exit-fullscreen.svg b/src/assets/icons/svg/exit-fullscreen.svg
similarity index 100%
rename from src/assets/icons/exit-fullscreen.svg
rename to src/assets/icons/svg/exit-fullscreen.svg
diff --git a/src/assets/icons/eye-open.svg b/src/assets/icons/svg/eye-open.svg
similarity index 100%
rename from src/assets/icons/eye-open.svg
rename to src/assets/icons/svg/eye-open.svg
diff --git a/src/assets/icons/eye.svg b/src/assets/icons/svg/eye.svg
similarity index 100%
rename from src/assets/icons/eye.svg
rename to src/assets/icons/svg/eye.svg
diff --git a/src/assets/icons/form.svg b/src/assets/icons/svg/form.svg
similarity index 100%
rename from src/assets/icons/form.svg
rename to src/assets/icons/svg/form.svg
diff --git a/src/assets/icons/fullscreen.svg b/src/assets/icons/svg/fullscreen.svg
similarity index 100%
rename from src/assets/icons/fullscreen.svg
rename to src/assets/icons/svg/fullscreen.svg
diff --git a/src/assets/icons/github.svg b/src/assets/icons/svg/github.svg
similarity index 100%
rename from src/assets/icons/github.svg
rename to src/assets/icons/svg/github.svg
diff --git a/src/assets/icons/guide.svg b/src/assets/icons/svg/guide.svg
similarity index 100%
rename from src/assets/icons/guide.svg
rename to src/assets/icons/svg/guide.svg
diff --git a/src/assets/icons/icon.svg b/src/assets/icons/svg/icon.svg
similarity index 100%
rename from src/assets/icons/icon.svg
rename to src/assets/icons/svg/icon.svg
diff --git a/src/assets/icons/input.svg b/src/assets/icons/svg/input.svg
similarity index 100%
rename from src/assets/icons/input.svg
rename to src/assets/icons/svg/input.svg
diff --git a/src/assets/icons/international.svg b/src/assets/icons/svg/international.svg
similarity index 100%
rename from src/assets/icons/international.svg
rename to src/assets/icons/svg/international.svg
diff --git a/src/assets/icons/ip.svg b/src/assets/icons/svg/ip.svg
similarity index 100%
rename from src/assets/icons/ip.svg
rename to src/assets/icons/svg/ip.svg
diff --git a/src/assets/icons/job.svg b/src/assets/icons/svg/job.svg
similarity index 100%
rename from src/assets/icons/job.svg
rename to src/assets/icons/svg/job.svg
diff --git a/src/assets/icons/language.svg b/src/assets/icons/svg/language.svg
similarity index 100%
rename from src/assets/icons/language.svg
rename to src/assets/icons/svg/language.svg
diff --git a/src/assets/icons/link.svg b/src/assets/icons/svg/link.svg
similarity index 100%
rename from src/assets/icons/link.svg
rename to src/assets/icons/svg/link.svg
diff --git a/src/assets/icons/list.svg b/src/assets/icons/svg/list.svg
similarity index 100%
rename from src/assets/icons/list.svg
rename to src/assets/icons/svg/list.svg
diff --git a/src/assets/icons/lock.svg b/src/assets/icons/svg/lock.svg
similarity index 100%
rename from src/assets/icons/lock.svg
rename to src/assets/icons/svg/lock.svg
diff --git a/src/assets/icons/log.svg b/src/assets/icons/svg/log.svg
similarity index 100%
rename from src/assets/icons/log.svg
rename to src/assets/icons/svg/log.svg
diff --git a/src/assets/icons/logininfor.svg b/src/assets/icons/svg/logininfor.svg
similarity index 100%
rename from src/assets/icons/logininfor.svg
rename to src/assets/icons/svg/logininfor.svg
diff --git a/src/assets/icons/menu.svg b/src/assets/icons/svg/menu.svg
similarity index 100%
rename from src/assets/icons/menu.svg
rename to src/assets/icons/svg/menu.svg
diff --git a/src/assets/icons/message.svg b/src/assets/icons/svg/message.svg
similarity index 100%
rename from src/assets/icons/message.svg
rename to src/assets/icons/svg/message.svg
diff --git a/src/assets/icons/money.svg b/src/assets/icons/svg/money.svg
similarity index 100%
rename from src/assets/icons/money.svg
rename to src/assets/icons/svg/money.svg
diff --git a/src/assets/icons/monitor.svg b/src/assets/icons/svg/monitor.svg
similarity index 100%
rename from src/assets/icons/monitor.svg
rename to src/assets/icons/svg/monitor.svg
diff --git a/src/assets/icons/nested.svg b/src/assets/icons/svg/nested.svg
similarity index 100%
rename from src/assets/icons/nested.svg
rename to src/assets/icons/svg/nested.svg
diff --git a/src/assets/icons/nodata.svg b/src/assets/icons/svg/nodata.svg
similarity index 100%
rename from src/assets/icons/nodata.svg
rename to src/assets/icons/svg/nodata.svg
diff --git a/src/assets/icons/number.svg b/src/assets/icons/svg/number.svg
similarity index 100%
rename from src/assets/icons/number.svg
rename to src/assets/icons/svg/number.svg
diff --git a/src/assets/icons/offline.svg b/src/assets/icons/svg/offline.svg
similarity index 100%
rename from src/assets/icons/offline.svg
rename to src/assets/icons/svg/offline.svg
diff --git a/src/assets/icons/online.svg b/src/assets/icons/svg/online.svg
similarity index 100%
rename from src/assets/icons/online.svg
rename to src/assets/icons/svg/online.svg
diff --git a/src/assets/icons/password.svg b/src/assets/icons/svg/password.svg
similarity index 100%
rename from src/assets/icons/password.svg
rename to src/assets/icons/svg/password.svg
diff --git a/src/assets/icons/pdf.svg b/src/assets/icons/svg/pdf.svg
similarity index 100%
rename from src/assets/icons/pdf.svg
rename to src/assets/icons/svg/pdf.svg
diff --git a/src/assets/icons/people.svg b/src/assets/icons/svg/people.svg
similarity index 100%
rename from src/assets/icons/people.svg
rename to src/assets/icons/svg/people.svg
diff --git a/src/assets/icons/peoples.svg b/src/assets/icons/svg/peoples.svg
similarity index 100%
rename from src/assets/icons/peoples.svg
rename to src/assets/icons/svg/peoples.svg
diff --git a/src/assets/icons/perm.svg b/src/assets/icons/svg/perm.svg
similarity index 100%
rename from src/assets/icons/perm.svg
rename to src/assets/icons/svg/perm.svg
diff --git a/src/assets/icons/phone.svg b/src/assets/icons/svg/phone.svg
similarity index 100%
rename from src/assets/icons/phone.svg
rename to src/assets/icons/svg/phone.svg
diff --git a/src/assets/icons/post.svg b/src/assets/icons/svg/post.svg
similarity index 100%
rename from src/assets/icons/post.svg
rename to src/assets/icons/svg/post.svg
diff --git a/src/assets/icons/qq.svg b/src/assets/icons/svg/qq.svg
similarity index 100%
rename from src/assets/icons/qq.svg
rename to src/assets/icons/svg/qq.svg
diff --git a/src/assets/icons/question.svg b/src/assets/icons/svg/question.svg
similarity index 100%
rename from src/assets/icons/question.svg
rename to src/assets/icons/svg/question.svg
diff --git a/src/assets/icons/radio.svg b/src/assets/icons/svg/radio.svg
similarity index 100%
rename from src/assets/icons/radio.svg
rename to src/assets/icons/svg/radio.svg
diff --git a/src/assets/icons/rate.svg b/src/assets/icons/svg/rate.svg
similarity index 100%
rename from src/assets/icons/rate.svg
rename to src/assets/icons/svg/rate.svg
diff --git a/src/assets/icons/redis.svg b/src/assets/icons/svg/redis.svg
similarity index 100%
rename from src/assets/icons/redis.svg
rename to src/assets/icons/svg/redis.svg
diff --git a/src/assets/icons/route.svg b/src/assets/icons/svg/route.svg
similarity index 100%
rename from src/assets/icons/route.svg
rename to src/assets/icons/svg/route.svg
diff --git a/src/assets/icons/row.svg b/src/assets/icons/svg/row.svg
similarity index 100%
rename from src/assets/icons/row.svg
rename to src/assets/icons/svg/row.svg
diff --git a/src/assets/icons/search.svg b/src/assets/icons/svg/search.svg
similarity index 100%
rename from src/assets/icons/search.svg
rename to src/assets/icons/svg/search.svg
diff --git a/src/assets/icons/select.svg b/src/assets/icons/svg/select.svg
similarity index 100%
rename from src/assets/icons/select.svg
rename to src/assets/icons/svg/select.svg
diff --git a/src/assets/icons/server.svg b/src/assets/icons/svg/server.svg
similarity index 100%
rename from src/assets/icons/server.svg
rename to src/assets/icons/svg/server.svg
diff --git a/src/assets/icons/shopping.svg b/src/assets/icons/svg/shopping.svg
similarity index 100%
rename from src/assets/icons/shopping.svg
rename to src/assets/icons/svg/shopping.svg
diff --git a/src/assets/icons/size.svg b/src/assets/icons/svg/size.svg
similarity index 100%
rename from src/assets/icons/size.svg
rename to src/assets/icons/svg/size.svg
diff --git a/src/assets/icons/skill.svg b/src/assets/icons/svg/skill.svg
similarity index 100%
rename from src/assets/icons/skill.svg
rename to src/assets/icons/svg/skill.svg
diff --git a/src/assets/icons/slider.svg b/src/assets/icons/svg/slider.svg
similarity index 100%
rename from src/assets/icons/slider.svg
rename to src/assets/icons/svg/slider.svg
diff --git a/src/assets/icons/star.svg b/src/assets/icons/svg/star.svg
similarity index 100%
rename from src/assets/icons/star.svg
rename to src/assets/icons/svg/star.svg
diff --git a/src/assets/icons/swagger.svg b/src/assets/icons/svg/swagger.svg
similarity index 100%
rename from src/assets/icons/swagger.svg
rename to src/assets/icons/svg/swagger.svg
diff --git a/src/assets/icons/switch.svg b/src/assets/icons/svg/switch.svg
similarity index 100%
rename from src/assets/icons/switch.svg
rename to src/assets/icons/svg/switch.svg
diff --git a/src/assets/icons/system.svg b/src/assets/icons/svg/system.svg
similarity index 100%
rename from src/assets/icons/system.svg
rename to src/assets/icons/svg/system.svg
diff --git a/src/assets/icons/tab.svg b/src/assets/icons/svg/tab.svg
similarity index 100%
rename from src/assets/icons/tab.svg
rename to src/assets/icons/svg/tab.svg
diff --git a/src/assets/icons/table.svg b/src/assets/icons/svg/table.svg
similarity index 100%
rename from src/assets/icons/table.svg
rename to src/assets/icons/svg/table.svg
diff --git a/src/assets/icons/textarea.svg b/src/assets/icons/svg/textarea.svg
similarity index 100%
rename from src/assets/icons/textarea.svg
rename to src/assets/icons/svg/textarea.svg
diff --git a/src/assets/icons/theme.svg b/src/assets/icons/svg/theme.svg
similarity index 100%
rename from src/assets/icons/theme.svg
rename to src/assets/icons/svg/theme.svg
diff --git a/src/assets/icons/time-range.svg b/src/assets/icons/svg/time-range.svg
similarity index 100%
rename from src/assets/icons/time-range.svg
rename to src/assets/icons/svg/time-range.svg
diff --git a/src/assets/icons/time.svg b/src/assets/icons/svg/time.svg
similarity index 100%
rename from src/assets/icons/time.svg
rename to src/assets/icons/svg/time.svg
diff --git a/src/assets/icons/tool.svg b/src/assets/icons/svg/tool.svg
similarity index 100%
rename from src/assets/icons/tool.svg
rename to src/assets/icons/svg/tool.svg
diff --git a/src/assets/icons/tree-table.svg b/src/assets/icons/svg/tree-table.svg
similarity index 100%
rename from src/assets/icons/tree-table.svg
rename to src/assets/icons/svg/tree-table.svg
diff --git a/src/assets/icons/tree.svg b/src/assets/icons/svg/tree.svg
similarity index 100%
rename from src/assets/icons/tree.svg
rename to src/assets/icons/svg/tree.svg
diff --git a/src/assets/icons/upload.svg b/src/assets/icons/svg/upload.svg
similarity index 100%
rename from src/assets/icons/upload.svg
rename to src/assets/icons/svg/upload.svg
diff --git a/src/assets/icons/user.svg b/src/assets/icons/svg/user.svg
similarity index 100%
rename from src/assets/icons/user.svg
rename to src/assets/icons/svg/user.svg
diff --git a/src/assets/icons/validCode.svg b/src/assets/icons/svg/validCode.svg
similarity index 100%
rename from src/assets/icons/validCode.svg
rename to src/assets/icons/svg/validCode.svg
diff --git a/src/assets/icons/wechat.svg b/src/assets/icons/svg/wechat.svg
similarity index 100%
rename from src/assets/icons/wechat.svg
rename to src/assets/icons/svg/wechat.svg
diff --git a/src/assets/icons/zip.svg b/src/assets/icons/svg/zip.svg
similarity index 100%
rename from src/assets/icons/zip.svg
rename to src/assets/icons/svg/zip.svg
diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
new file mode 100644
index 00000000..f4618393
--- /dev/null
+++ b/src/components/IconSelect/index.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="icon-body">
+    <el-input
+      v-model="iconName"
+      style="position: relative;"
+      clearable
+      placeholder="请输入图标名称"
+      @clear="filterIcons"
+      @input="filterIcons"
+    >
+      <template #suffix><i class="el-icon-search el-input__icon" /></template>
+    </el-input>
+    <div class="icon-list">
+      <div v-for="(item, index) in iconList" :key="index" @click="selectedIcon(item)">
+        <svg-icon color="#999" :icon-class="item" style="height: 30px;width: 16px;margin-right: 5px" />
+        <span>{{ item }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {defineEmits, ref} from "vue";
+import SvgIcon from '@/components/SvgIcon/index.vue';
+
+let icons = []
+const modules = import.meta.glob('../../assets/icons/svg/*.svg');
+for (const path in modules) {
+  const p = path.split('assets/icons/svg/')[1].split('.svg')[0];
+  icons.push(p);
+}
+const iconList = ref(icons);
+
+const iconName = ref('');
+
+const emit = defineEmits(['selected']);
+
+function filterIcons() {
+  iconList.value = icons
+  if (iconName.value) {
+    iconList.value = icons.filter(item => item.indexOf(iconName.value) !== -1)
+  }
+}
+
+function selectedIcon(name) {
+  emit('selected', name)
+  document.body.click()
+}
+
+function reset() {
+  iconName.value = ''
+  iconList.value = icons
+}
+
+defineExpose({
+  reset
+})
+</script>
+
+<style lang='scss' scoped>
+.icon-body {
+  width: 100%;
+  padding: 10px;
+  .icon-list {
+    height: 200px;
+    overflow-y: scroll;
+    div {
+      height: 30px;
+      line-height: 30px;
+      margin-bottom: -5px;
+      cursor: pointer;
+      width: 33%;
+      float: left;
+    }
+    span {
+      display: inline-block;
+      vertical-align: -0.15em;
+      fill: currentColor;
+      overflow: hidden;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/TreeSelect/index.vue b/src/components/TreeSelect/index.vue
index 5d0087be..14039840 100644
--- a/src/components/TreeSelect/index.vue
+++ b/src/components/TreeSelect/index.vue
@@ -1,195 +1,155 @@
 <template>
-  <el-select
-    v-model="valueTitle"
-    :clearable="clearable"
-    @clear="clearHandle"
-    :placeholder="placeholder"
-  >
-    <el-option
-      :value="valueTitle"
-      :label="valueTitle"
-      class="options"
+  <div class="el-tree-select">
+    <el-select
+        style="width: 100%"
+        v-model="valueId"
+        ref="treeSelect"
+        :filterable="true"
+        :clearable="true"
+        @clear="clearHandle"
+        :filter-method="selectFilterData"
+        :placeholder="placeholder"
     >
-      <el-tree
-        id="tree-option"
-        ref="selectTree"
-        :accordion="accordion"
-        :data="options"
-        :props="treeProps"
-        :node-key="treeProps.value"
-        :default-expanded-keys="defaultExpandedKey"
-        @node-click="handleNodeClick"
-        :disabled="disabled"
-      />
-    </el-option>
-  </el-select>
+      <el-option :value="valueId" :label="valueTitle">
+        <el-tree
+            id="tree-option"
+            ref="selectTree"
+            :accordion="accordion"
+            :data="options"
+            :props="state.props"
+            :node-key="state.props.value"
+            :expand-on-click-node="false"
+            :default-expanded-keys="defaultExpandedKey"
+            :filter-node-method="filterNode"
+            @node-click="handleNodeClick"
+        ></el-tree>
+      </el-option>
+    </el-select>
+  </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, reactive, toRefs, nextTick, onMounted, getCurrentInstance, PropType, watch } from 'vue'
+<script setup>
+import {defineEmits, ref, getCurrentInstance ,nextTick,onMounted,computed,watch} from "vue";
+const { proxy } = getCurrentInstance();
 
-interface TreeProps {
-  value: number
-  label: string
-  children: string
-}
-
-export default defineComponent({
-  name: 'ElTreeSelect',
+const state = defineProps({
+  /* 配置项 */
   props: {
-    placeholder: {
-      type: [String,Number],
-      default: ''
-    },
-    user: {
-      type: Boolean,
-      default: false
-    },
-    // 选项列表数据(一维数组)
-    originOptions: { type: Array, required: true },
-    // 选项列表数据(树形结构的对象数组)
-    options: { type: Array, required: true },
-    // 初始值
-    defalut: { type: [String,Number], default: null },
-    // 可清空选项
-    clearable: { type: Boolean, default: true },
-    // 自动收起
-    accordion: { type: Boolean, default: false },
-    treeProps: {
-      type: Object as PropType<TreeProps>,
-      default: () => {
-        return {
-          value: 'menuId',
-          label: 'menuName',
-          children: 'children'
-        }
+    type: Object,
+    default: () => {
+      return {
+        value: 'id', // ID字段名
+        label: 'label', // 显示名称
+        children: 'children' // 子级字段名
       }
-    },
-    disabled: {
-      type: Boolean, default: false
     }
   },
-  emits: ['callBack'],
-  setup(props, ctx) {
-    const instance = getCurrentInstance() as any
-    const state = reactive({
-      valueId: 0,
-      valueTitle: '',
-      defaultExpandedKey: Array<number>()
-    })
-
-    // 初始化滚动条
-    const initScroll = () => {
-      nextTick(() => {
-        const scrollWrap = document.querySelectorAll('.el-scrollbar .el-select-dropdown__wrap')[0] as any
-        const scrollBar = document.querySelectorAll('.el-scrollbar .el-scrollbar__bar') as any
-        scrollWrap.style.cssText = 'margin: 0px; max-height: none; overflow: hidden;'
-        scrollBar.forEach((ele: any) => {
-          ele.style.width = 0
-        })
-      })
-    }
-
-    // 清空选中样式
-    const clearSelected = () => {
-      const allNode = document.querySelectorAll('#tree-option .el-tree-node')
-      allNode.forEach((element) => element.classList.remove('is-current'))
-    }
-
-    const initHandle = () => {
-      initScroll()
-    }
-
-    // 处理默认值并显示
-    const defaultValue = () => {
-      if (props.defalut !== null) {
-        const deafaultModels = props.originOptions.filter((item: any) => {
-          return item[props.treeProps.value] === props.defalut
-        })
-
-        if (deafaultModels.length > 0) {
-          state.valueId = props.defalut
-          state.valueTitle = (deafaultModels[0] as any)[props.treeProps.label]
-        } else {
-          if (!props.user) {
-            state.valueId = 0
-            state.valueTitle = '主类目'
-          } else {
-            state.valueId = 0
-            state.valueTitle = ''
-          }
-        }
-        instance.ctx.$refs.selectTree.setCurrentKey(props.defalut)
-        state.defaultExpandedKey = [props.defalut] as number[]
-      }
-    }
-
-    onMounted(() => {
-      initHandle()
-    })
-
-    watch(() => props.options, () => {
-      if (props.options) {
-        defaultValue()
-      }
-    })
-
-    // 更新数据
-    const updateData = (value: any, label: any) => {
-      state.valueTitle = label
-      state.valueId = value
-      state.defaultExpandedKey = []
-      ctx.emit('callBack', value)
-    }
-
-    // 点击节点调用
-    const handleNodeClick = (node: any) => {
-      updateData(node[props.treeProps.value], node[props.treeProps.label])
-    }
-
-    // 清除选中
-    const clearHandle = () => {
-      updateData(null, null)
-      clearSelected()
-    }
-
-    return {
-      ...toRefs(state),
-      handleNodeClick,
-      clearHandle
+  /* 自动收起 */
+  accordion: {
+    type: Boolean,
+    default: () => {
+      return false
     }
+  },
+  /**当前双向数据绑定的值 */
+  value: {
+    type: [String, Number],
+    default: ''
+  },
+  /**当前的数据 */
+  options: {
+    type: Array,
+    default: () => []
+  },
+  /**输入框内部的文字 */
+  placeholder: {
+    type: String,
+    default: ''
   }
 })
+
+const emit = defineEmits(['update:value']);
+
+const valueId = computed({
+  get: () => state.value,
+  set: (val) => {
+    emit('update:value', val)
+  }
+});
+const valueTitle = ref('');
+const defaultExpandedKey = ref([]);
+
+function initHandle() {
+  nextTick(() => {
+    const selectedValue = valueId.value;
+    if(selectedValue !== null && typeof (selectedValue) !== "undefined"){
+      const node = proxy.$refs.selectTree.getNode(selectedValue)
+      if (node) {
+        valueTitle.value = node.data[state.props.label]
+        proxy.$refs.selectTree.setCurrentKey(selectedValue) // 设置默认选中
+        defaultExpandedKey.value = [selectedValue] // 设置默认展开
+      }else{
+        clearHandle()
+      }
+    }
+  })
+}
+function handleNodeClick(node) {
+  valueTitle.value = node[state.props.label]
+  valueId.value = node[state.props.value];
+  defaultExpandedKey.value = [];
+  proxy.$refs.treeSelect.blur()
+  selectFilterData('')
+}
+function selectFilterData(val) {
+  proxy.$refs.selectTree.filter(val)
+}
+function filterNode(value, data) {
+  if (!value) return true
+  return data[state.props['label']].indexOf(value) !== -1
+}
+function clearHandle() {
+  valueTitle.value = ''
+  valueId.value = ''
+  defaultExpandedKey.value = [];
+  clearSelected()
+}
+function clearSelected() {
+  const allNode = document.querySelectorAll('#tree-option .el-tree-node')
+  allNode.forEach((element) => element.classList.remove('is-current'))
+}
+
+onMounted(() => {
+  initHandle()
+})
+
+watch(valueId, () => {
+  initHandle();
+})
 </script>
 
-<style scoped>
-.el-select.el-select--medium{
-  width: 100%;
+<style lang='scss' scoped>
+.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
+  padding: 0;
+  background-color: #fff;
+  height: auto;
 }
 
-.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
-  height: auto;
-  max-height: 274px;
-  padding: 0;
-  overflow: hidden;
-  overflow-y: auto;
-}
 .el-select-dropdown__item.selected {
   font-weight: normal;
 }
-ul li :deep(.el-tree .el-tree-node__content) {
+
+ul li  .el-tree .el-tree-node__content {
   height: auto;
   padding: 0 20px;
+  box-sizing: border-box;
 }
-.el-tree-node__label {
-  font-weight: normal;
+
+:deep(.el-tree-node__content:hover),
+:deep(.el-tree-node__content:active),
+:deep(.is-current > div:first-child),
+:deep( .el-tree-node__content:focus ){
+  background-color: mix(#fff, #409EFF, 90%);
+  color: #409EFF;
 }
-.el-tree :deep(.is-current .el-tree-node__label) {
-  color: #409eff;
-  font-weight: 700;
-}
-.el-tree :deep(.is-current .el-tree-node__children .el-tree-node__label) {
-  color: #606266;
-  font-weight: normal;
-}
-</style>
+</style>
\ No newline at end of file
diff --git a/src/views/system/menu/components/Menu.vue b/src/views/system/menu/components/Menu.vue
index 3e9d082e..a3b9a384 100644
--- a/src/views/system/menu/components/Menu.vue
+++ b/src/views/system/menu/components/Menu.vue
@@ -83,12 +83,10 @@
           :rules="state.rules"
           label-width="80px">
         <el-form-item label="父级菜单" prop="parentId">
-          <treeselect
-              placeholder="请选择父级菜单"
-              v-model="state.formData.parentId"
-              :multiple="false"
+          <tree-select
+              v-model:value="state.formData.parentId"
               :options="state.menuOptions"
-              :defaultExpandLevel="1"
+              placeholder="选择上级菜单"
           />
         </el-form-item>
 
@@ -115,7 +113,30 @@
         </el-form-item>
 
         <el-form-item label="菜单图标">
-          <el-input v-model="state.formData.icon" placeholder="请输入图标" maxlength="50"/>
+
+          <el-popover
+              placement="bottom-start"
+              :width="540"
+              v-model:visible="showChooseIcon"
+              trigger="click"
+              @show="showSelectIcon"
+          >
+            <icon-select ref="iconSelectRef" @selected="selected"/>
+            <template #reference>
+              <el-input v-model="state.formData.icon" placeholder="点击选择图标" readonly>
+                <template #prefix>
+                  <svg-icon
+                      v-if="state.formData.icon"
+                      :icon-class="state.formData.icon"
+                      class="el-input__icon"
+                      style="height: 40px;width: 16px;"
+                      color="#999"
+                  />
+                  <i v-else class="el-icon-search el-input__icon"/>
+                </template>
+              </el-input>
+            </template>
+          </el-popover>
         </el-form-item>
 
         <el-form-item label="状态">
@@ -150,12 +171,15 @@ import {Search, Plus, Edit, Refresh, Delete} from '@element-plus/icons'
 import {ElForm, ElMessage, ElMessageBox} from "element-plus";
 import {defineEmits, reactive, ref, unref, onMounted, getCurrentInstance} from "vue";
 
-import Treeselect from 'vue3-treeselect'
-import 'vue3-treeselect/dist/vue3-treeselect.css'
 import SvgIcon from '@/components/SvgIcon/index.vue';
 
-const emit = defineEmits(['menuClick'])
+import TreeSelect from '@/components/TreeSelect/index.vue';
+import IconSelect from '@/components/IconSelect/index.vue';
 
+
+const emit = defineEmits(['menuClick'])
+const showChooseIcon = ref(false);
+const iconSelectRef = ref(null);
 const state = reactive({
   loading: true,
   // 选中ID数组
@@ -180,7 +204,7 @@ const state = reactive({
     parentId: 0,
     name: undefined,
     visible: 1,
-    icon: undefined,
+    icon: '',
     sort: 1,
     component: 'Layout',
     path: undefined
@@ -220,7 +244,7 @@ function handleQuery() {
 function loadTreeSelectMenuOptions() {
   const menuOptions: any[] = []
   listTreeSelectMenus().then(response => {
-    const menuOption = {id: 0, label: '无', children: response.data}
+    const menuOption = {id: 0, label: '顶级菜单', children: response.data}
     menuOptions.push(menuOption)
     state.menuOptions = menuOptions
   })
@@ -268,6 +292,7 @@ function handleUpdate(row: any) {
 }
 
 const dataForm = ref(ElForm)
+
 function submitForm() {
   const form = unref(dataForm)
   form.validate((valid: any) => {
@@ -296,7 +321,7 @@ function resetForm() {
     parentId: 0,
     name: undefined,
     visible: 1,
-    icon: undefined,
+    icon: '',
     sort: 1,
     component: 'Layout',
     path: undefined
@@ -323,6 +348,17 @@ function handleDelete(row: any) {
   )
 }
 
+function showSelectIcon() {
+  (iconSelectRef as any).value.reset();
+  showChooseIcon.value = true;
+}
+
+function selected(name: string) {
+  state.formData.icon = name;
+  showChooseIcon.value = false;
+}
+
+
 onMounted(() => {
   handleQuery()
 })
diff --git a/vite.config.ts b/vite.config.ts
index ac8b645c..7f25b631 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,12 +12,11 @@ export default ({command, mode}: ConfigEnv): UserConfig => {
 
     return (
         {
-
             plugins: [
                 vue(),
                 viteSvgIcons({
                     // 指定需要缓存的图标文件夹
-                    iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
+                    iconDirs: [path.resolve(process.cwd(), 'src/assets/icons/svg')],
                     // 指定symbolId格式
                     symbolId: 'icon-[dir]-[name]',
                 })