From b1a6ba7ae46f74ef0c9bef3b9a88df0ad65db33f Mon Sep 17 00:00:00 2001
From: viarotel <viarotel@qq.com>
Date: Fri, 8 Nov 2024 15:04:00 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E2=99=BB=EF=B8=8F=20Supports=20retriev?=
 =?UTF-8?q?ing=20a=20list=20of=20applications?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |  1 +
 .../ControlBar/ApplicationStart/index.vue     | 25 ++++++++++++++++---
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index ac78c7d..3d6cd6f 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
     "husky": "9.0.11",
     "lodash-es": "4.17.21",
     "pinia": "2.1.7",
+    "pinyin-pro": "^3.26.0",
     "postcss": "8.4.38",
     "postcss-nested": "6.0.1",
     "postcss-scss": "4.0.9",
diff --git a/src/components/Device/components/ControlBar/ApplicationStart/index.vue b/src/components/Device/components/ControlBar/ApplicationStart/index.vue
index 82d4fc1..4c51000 100644
--- a/src/components/Device/components/ControlBar/ApplicationStart/index.vue
+++ b/src/components/Device/components/ControlBar/ApplicationStart/index.vue
@@ -3,12 +3,16 @@
     :hide-on-click="false"
     :disabled="loading || floating"
     max-height="300px"
-    @mouseenter="getAppData"
+    trigger="click"
+    @visible-change="onVisibleChange"
   >
     <slot :loading :trigger="handleTrigger" />
 
     <template #dropdown>
       <el-dropdown-menu>
+        <el-dropdown-item command="search" @click.stop>
+          <el-input v-model="keyword" class="!w-[calc(100%+18px)] !-mx-[9px] !-mt-1" :placeholder="$t('common.search')" prefix-icon="Search"></el-input>
+        </el-dropdown-item>
         <el-dropdown-item
           v-for="item of options"
           :key="item.value"
@@ -27,6 +31,9 @@
 <script>
 import { openFloatControl } from '$/utils/device/index.js'
 
+import { pinyin } from 'pinyin-pro'
+import { sleep } from '$/utils'
+
 export default {
   props: {
     device: {
@@ -42,6 +49,7 @@ export default {
     return {
       loading: false,
       appList: [],
+      keyword: '',
     }
   },
   computed: {
@@ -58,8 +66,13 @@ export default {
         icon: 'HomeFilled',
       })
 
-      if (value[1]) {
-        value[1].divided = true
+      value[0].divided = true
+
+      if (this.keyword) {
+        return value.filter((item) => {
+          const pinyinLabel = pinyin(item.label, { toneType: 'none' })
+          return (item.label + pinyinLabel).includes(this.keyword)
+        })
       }
 
       return value
@@ -69,6 +82,12 @@ export default {
     this.getAppData()
   },
   methods: {
+    async onVisibleChange(val) {
+      if (!val) {
+        await sleep()
+        this.keyword = ''
+      }
+    },
     async getAppData() {
       const data = await window.scrcpy.getAppList(this.device.id)