fix: add tab menu when user search menu

src/layout/components/layout/BaseSearchItem.vue

@@ -8,10 +8,13 @@ interface BaseSearchItemProps {
 const props = defineProps<BaseSearchItemProps>()
 const emit = defineEmits(['close'])
 
+const routeKey = props.menu.key as string
 const router = useRouter()
+const routeMenuStore = useRouteMenuStore()
 
 const navigatorTo = () => {
-  router.push({ name: (props.menu.key as string) })
+  routeMenuStore.createTabMenuKey(routeKey)
+  router.push({ name: routeKey })
   emit('close')
 }
 </script>

src/layout/components/layout/BaseSearchMenu.vue

@@ -23,12 +23,8 @@ const showSearchMenu = () => {
   isShowSearchMenu.value = true
 }
 const closeSearchMenu = (type: 'CLICK' | 'BLUR') => {
-  if (type === 'CLICK') {
-    isShowSearchMenu.value = false
-    searchKeyWord.value = ''
-  } else if (type === 'BLUR') {
-    isShowSearchMenu.value = false
-  }
+  isShowSearchMenu.value = false
+  if (type === 'CLICK') searchKeyWord.value = ''
 }
 
 const inputKeywordRef = ref<HTMLInputElement>()
@@ -55,14 +51,15 @@ watch(defaultLocales, () => {
 }, { immediate: true })
 
 const inputKeyword = useDebounce(() => {
-  // 去除字符串里的空格
+  // remove all Spaces in the string
   searchKeyWord.value = searchKeyWord.value.replace(/\s*/g, '')
   const searchResult = fuse.search(searchKeyWord.value)
   // @ts-ignore
   searchMenuList.value = searchResult.map((data) => data.item)
 }, 200)
 
 </script>
+
 <template>
   <div class="flex items-center">
     <NInput