From 65fb5978201bc5c85f64e1173886151f2a4918b3 Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Tue, 23 Apr 2024 17:11:55 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=85=A8=E5=B1=80):=20=E5=A4=9A=E9=80=89?=
 =?UTF-8?q?=E6=A1=86=E6=A0=B7=E5=BC=8F&=E6=90=9C=E7=B4=A2=E6=A1=86?=
 =?UTF-8?q?=E5=8A=A0=20clear=20=E8=87=AA=E5=8A=A8=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/style/arco-reset.less          | 14 ++++++++++----
 .../business/ms-link-file/linkFileTable.vue        |  1 +
 .../business/ms-user-group-comp/authTable.vue      |  6 ------
 .../components/management/api/preview/quote.vue    |  1 +
 .../components/management/case/caseTable.vue       |  1 +
 .../case/tabContent/tabCaseDependency.vue          |  1 +
 .../components/management/mock/mockTable.vue       |  1 +
 .../management/components/recycle/api/apiTable.vue |  8 ++------
 .../components/recycle/case/caseTable.vue          |  4 +---
 .../report/component/case/IndepReportChart.vue     |  2 --
 .../views/api-test/scenario/components/params.vue  |  1 +
 .../views/bug-management/components/bugCaseTab.vue |  1 +
 .../components/tabContent/tabCase/tabCaseTable.vue |  1 +
 .../components/tabContent/tabCaseReview.vue        |  1 +
 .../components/tabContent/tabDemand/demand.vue     |  4 ++--
 .../tabContent/tabDemand/platformDemandDrawer.vue  |  1 +
 .../tabContent/tabDemand/thirdDemandDrawer.vue     |  1 +
 .../tabDependency/preAndPostCaseDrawer.vue         |  1 +
 .../tabContent/tabDependency/tabDependency.vue     |  1 +
 .../case-management/caseReview/caseDetail.vue      |  2 ++
 .../components/envParams/DatabaseTab.vue           |  1 +
 .../project-management/environmental/index.vue     |  1 +
 .../menuManagement/components/falseAlermRule.vue   |  1 +
 .../userGroup/projectUserGroup.vue                 |  3 ++-
 .../template/components/templateManagement.vue     |  1 +
 .../views/setting/organization/member/index.vue    |  1 +
 .../template/components/templateManagement.vue     |  1 +
 .../organization/usergroup/orgUserGroup.vue        |  1 +
 .../pluginManager/components/pluginTable.vue       |  1 +
 29 files changed, 40 insertions(+), 24 deletions(-)

diff --git a/frontend/src/assets/style/arco-reset.less b/frontend/src/assets/style/arco-reset.less
index 50a3e923ff..5cdeefc3cb 100644
--- a/frontend/src/assets/style/arco-reset.less
+++ b/frontend/src/assets/style/arco-reset.less
@@ -428,23 +428,29 @@
     @apply hidden;
   }
 }
-.arco-checkbox-indeterminate .arco-checkbox-icon {
+.arco-checkbox-indeterminate .arco-checkbox-icon:not(.arco-checkbox-disabled .arco-checkbox-icon) {
   border: 1px solid rgba(var(--primary-7)) !important;
   background-color: rgba(var(--primary-1));
   &::after {
     background-color: rgb(var(--primary-7));
   }
 }
+.arco-checkbox-disabled:hover,
+.arco-checkbox-disabled,
 .arco-checkbox-disabled.arco-checkbox-checked,
 .arco-checkbox-disabled.arco-checkbox-checked:hover {
   .arco-checkbox-icon {
     @apply bg-white text-white;
 
-    border: none;
-    background: rgb(var(--primary-2)) !important;
+    border-color: var(--color-text-input-border) !important;
+    background: var(--color-text-n8) !important;
+    &::after {
+      background-color: var(--color-text-4);
+    }
   }
   .arco-checkbox-icon-check {
-    background-color: rgb(var(--primary-2)) !important;
+    color: var(--color-text-4);
+    background-color: var(--color-text-n8) !important;
   }
 }
 
diff --git a/frontend/src/components/business/ms-link-file/linkFileTable.vue b/frontend/src/components/business/ms-link-file/linkFileTable.vue
index d2fd1ad53c..880e20cbdb 100644
--- a/frontend/src/components/business/ms-link-file/linkFileTable.vue
+++ b/frontend/src/components/business/ms-link-file/linkFileTable.vue
@@ -19,6 +19,7 @@
           class="w-[240px]"
           @search="searchList"
           @press-enter="searchList"
+          @clear="searchList"
       /></div>
     </div>
     <ms-base-table v-bind="propsRes" ref="tableRef" v-model:selected-key="selectedKey" no-disable v-on="propsEvent">
diff --git a/frontend/src/components/business/ms-user-group-comp/authTable.vue b/frontend/src/components/business/ms-user-group-comp/authTable.vue
index 6c7cc6ab93..c43e73d247 100644
--- a/frontend/src/components/business/ms-user-group-comp/authTable.vue
+++ b/frontend/src/components/business/ms-user-group-comp/authTable.vue
@@ -500,12 +500,6 @@
       background-color: var(--color-text-n9);
       line-height: normal;
     }
-    :deep(.arco-checkbox-indeterminate) {
-      .arco-checkbox-icon {
-        border-color: rgb(var(--primary-5));
-        background: rgb(var(--primary-1));
-      }
-    }
   }
   .footer {
     display: flex;
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/quote.vue b/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
index fe26a2ae05..86544a1f80 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
@@ -7,6 +7,7 @@
       class="mr-[8px] w-[240px]"
       @search="loadQuoteList"
       @press-enter="loadQuoteList"
+      @clear="loadQuoteList"
     />
     <ms-base-table v-bind="propsRes" no-disable v-on="propsEvent">
       <template #num="{ record }">
diff --git a/frontend/src/views/api-test/management/components/management/case/caseTable.vue b/frontend/src/views/api-test/management/components/management/case/caseTable.vue
index 260de66659..7956cf6886 100644
--- a/frontend/src/views/api-test/management/components/management/case/caseTable.vue
+++ b/frontend/src/views/api-test/management/components/management/case/caseTable.vue
@@ -17,6 +17,7 @@
           class="mr-[8px] w-[240px]"
           @search="loadCaseList"
           @press-enter="loadCaseList"
+          @clear="loadCaseList"
         />
         <a-button type="outline" class="arco-btn-outline--secondary !p-[8px]" @click="loadCaseList">
           <template #icon>
diff --git a/frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseDependency.vue b/frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseDependency.vue
index 2220f74fee..d82487c3bc 100644
--- a/frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseDependency.vue
+++ b/frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseDependency.vue
@@ -9,6 +9,7 @@
         class="mr-[8px] w-[240px]"
         @search="loadQuoteList"
         @press-enter="loadQuoteList"
+        @clear="loadQuoteList"
       />
     </div>
 
diff --git a/frontend/src/views/api-test/management/components/management/mock/mockTable.vue b/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
index cdf7c3f087..16b5042dc2 100644
--- a/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
+++ b/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
@@ -9,6 +9,7 @@
           class="mr-[8px] w-[240px]"
           @search="loadMockList"
           @press-enter="loadMockList"
+          @clear="loadMockList"
         />
       </div>
     </div>
diff --git a/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue b/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
index 1d114c981c..c58fe90894 100644
--- a/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
+++ b/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
@@ -9,6 +9,7 @@
           class="mr-[8px] w-[240px]"
           @search="loadApiList(false)"
           @press-enter="loadApiList(false)"
+          @clear="loadApiList(false)"
         />
         <a-button type="outline" class="arco-btn-outline--secondary !p-[8px]" @click="loadApiList(false)">
           <template #icon>
@@ -309,12 +310,7 @@
   const statusFilters = ref<string[]>([]);
   const deleteUserFilterVisible = ref(false);
   const deleteUserFilters = ref<string[]>([]);
-  const moduleIds = computed(() => {
-    if (props.activeModule === 'all') {
-      return [];
-    }
-    return [props.activeModule];
-  });
+
   const tableQueryParams = ref<any>();
   const tableStore = useTableStore();
   async function getModuleIds() {
diff --git a/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue b/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
index 3aebd7468d..b567d1186b 100644
--- a/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
+++ b/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
@@ -9,6 +9,7 @@
           class="mr-[8px] w-[240px]"
           @search="loadCaseList"
           @press-enter="loadCaseList"
+          @clear="loadCaseList"
         />
         <a-button type="outline" class="arco-btn-outline--secondary !p-[8px]" @click="loadCaseList">
           <template #icon>
@@ -450,9 +451,6 @@
   const caseLevelFields = ref<Record<string, any>>({});
   const caseFilterVisible = ref(false);
   const caseFilters = ref<string[]>([]);
-  const caseLevelList = computed(() => {
-    return caseLevelFields.value?.options || [];
-  });
   const lastReportStatusFilterVisible = ref(false);
   const lastReportStatusList = ref<string[]>(Object.keys(ReportStatus[ReportEnum.API_REPORT]));
   const lastReportStatusFilters = ref<string[]>([]);
diff --git a/frontend/src/views/api-test/report/component/case/IndepReportChart.vue b/frontend/src/views/api-test/report/component/case/IndepReportChart.vue
index 9090e68320..0f1eb67608 100644
--- a/frontend/src/views/api-test/report/component/case/IndepReportChart.vue
+++ b/frontend/src/views/api-test/report/component/case/IndepReportChart.vue
@@ -25,8 +25,6 @@
   /**
    * @description 用例报告独立报告
    */
-  import { ref } from 'vue';
-
   import MsChart from '@/components/pure/chart/index.vue';
 
   import { useI18n } from '@/hooks/useI18n';
diff --git a/frontend/src/views/api-test/scenario/components/params.vue b/frontend/src/views/api-test/scenario/components/params.vue
index d801d74e30..efeca3a978 100644
--- a/frontend/src/views/api-test/scenario/components/params.vue
+++ b/frontend/src/views/api-test/scenario/components/params.vue
@@ -17,6 +17,7 @@
       class="mr-[8px] w-[240px]"
       @search="handleSearch"
       @press-enter="handleSearch"
+      @clear="handleSearch"
     />
     <batchAddKeyVal
       :params="innerParams"
diff --git a/frontend/src/views/bug-management/components/bugCaseTab.vue b/frontend/src/views/bug-management/components/bugCaseTab.vue
index 0d1b4d8adc..ad593dea87 100644
--- a/frontend/src/views/bug-management/components/bugCaseTab.vue
+++ b/frontend/src/views/bug-management/components/bugCaseTab.vue
@@ -10,6 +10,7 @@
       class="mx-[8px] w-[240px]"
       @search="searchCase"
       @press-enter="searchCase"
+      @clear="searchCase"
     ></a-input-search>
   </div>
   <ms-base-table v-bind="propsRes" v-on="propsEvent">
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
index 8b9c2f2e7b..0d80def9d5 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
@@ -18,6 +18,7 @@
         class="mx-[8px] w-[240px]"
         @search="searchCase"
         @press-enter="searchCase"
+        @clear="searchCase"
       ></a-input-search>
     </div>
     <ms-base-table v-bind="propsRes" v-on="propsEvent">
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
index 432c35dbe8..6a2d9fb2f0 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
@@ -9,6 +9,7 @@
         class="mx-[8px] w-[240px]"
         @search="searchList"
         @press-enter="searchList"
+        @clear="searchList"
       ></a-input-search>
     </div>
     <ms-base-table v-bind="propsRes" v-on="propsEvent">
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/demand.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/demand.vue
index e84471998a..d8ac93cbcc 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/demand.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/demand.vue
@@ -27,6 +27,7 @@
         class="mx-[8px] w-[240px]"
         @search="searchList"
         @press-enter="searchList"
+        @clear="searchList"
       ></a-input-search>
     </div>
     <AssociatedDemandTable
@@ -74,6 +75,7 @@
           class="mx-[8px] w-[240px]"
           @search="searchHandler"
           @press-enter="searchHandler"
+          @clear="searchHandler"
         ></a-input-search>
       </div>
       <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
@@ -119,14 +121,12 @@
   import { getCaseRelatedInfo } from '@/api/modules/project-management/menuManagement';
   import { useI18n } from '@/hooks/useI18n';
   import { useAppStore } from '@/store';
-  import useFeatureCaseStore from '@/store/modules/case/featureCase';
 
   import type { CreateOrUpdateDemand, DemandItem } from '@/models/caseManagement/featureCase';
   import { TableKeyEnum } from '@/enums/tableEnum';
 
   const { t } = useI18n();
   const appStore = useAppStore();
-  const featureCaseStore = useFeatureCaseStore();
   const currentProjectId = computed(() => appStore.currentProjectId);
   const props = defineProps<{
     caseId: string;
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/platformDemandDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/platformDemandDrawer.vue
index 8adfef1e38..f444e060c4 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/platformDemandDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/platformDemandDrawer.vue
@@ -21,6 +21,7 @@
         allow-clear
         @search="searchHandler"
         @press-enter="searchHandler"
+        @clear="searchHandler"
       ></a-input-search>
     </div>
     <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
index 3482b201ac..2a8f252e97 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
@@ -25,6 +25,7 @@
         class="mx-[8px] w-[240px]"
         @search="searchHandler"
         @press-enter="searchHandler"
+        @clear="searchHandler"
       ></a-input-search>
     </div>
     <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
index c2bbe12ed2..5ecff9740d 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
@@ -78,6 +78,7 @@
               class="w-[200px]"
               @press-enter="searchCase"
               @search="searchCase"
+              @clear="searchCase"
             />
             <!-- TODO这个版本不做  -->
             <!-- <a-button type="outline" class="arco-btn-outline--secondary px-[8px]">
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
index f644f42cf6..e545e5b785 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
@@ -31,6 +31,7 @@
           class="mx-[8px] w-[240px]"
           @search="searchDependCase"
           @press-enter="searchDependCase"
+          @clear="searchDependCase"
         ></a-input-search>
       </div>
     </div>
diff --git a/frontend/src/views/case-management/caseReview/caseDetail.vue b/frontend/src/views/case-management/caseReview/caseDetail.vue
index 678c02f28d..048ee6bc66 100644
--- a/frontend/src/views/case-management/caseReview/caseDetail.vue
+++ b/frontend/src/views/case-management/caseReview/caseDetail.vue
@@ -31,6 +31,7 @@
             class="mr-[8px] w-[240px]"
             @search="loadCaseList"
             @press-enter="loadCaseList"
+            @clear="loadCaseList"
           />
           <a-select
             v-model:model-value="type"
@@ -184,6 +185,7 @@
                 class="w-[300px]"
                 @press-enter="searchDemand"
                 @search="searchDemand"
+                @clear="searchDemand"
               />
             </div>
             <caseTabDemand
diff --git a/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue b/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
index d54b00743f..cded5e690c 100644
--- a/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
+++ b/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
@@ -13,6 +13,7 @@
         :placeholder="t('project.menu.nameSearch')"
         @press-enter="fetchData"
         @search="fetchData"
+        @clear="fetchData"
       ></a-input-search>
     </div>
   </div>
diff --git a/frontend/src/views/project-management/environmental/index.vue b/frontend/src/views/project-management/environmental/index.vue
index 106c95f878..707001c2e8 100644
--- a/frontend/src/views/project-management/environmental/index.vue
+++ b/frontend/src/views/project-management/environmental/index.vue
@@ -26,6 +26,7 @@
               allow-clear
               @press-enter="searchData"
               @search="searchData"
+              @clear="searchData"
             />
             <!-- 全局参数-->
             <div class="p-[8px] text-[var(--color-text-4)]">
diff --git a/frontend/src/views/project-management/projectAndPermission/menuManagement/components/falseAlermRule.vue b/frontend/src/views/project-management/projectAndPermission/menuManagement/components/falseAlermRule.vue
index 6ab9515513..bc412b73d7 100644
--- a/frontend/src/views/project-management/projectAndPermission/menuManagement/components/falseAlermRule.vue
+++ b/frontend/src/views/project-management/projectAndPermission/menuManagement/components/falseAlermRule.vue
@@ -16,6 +16,7 @@
         allow-clear
         @press-enter="fetchData"
         @search="fetchData"
+        @clear="fetchData"
       ></a-input-search>
     </div>
     <MsBaseTable
diff --git a/frontend/src/views/project-management/projectAndPermission/userGroup/projectUserGroup.vue b/frontend/src/views/project-management/projectAndPermission/userGroup/projectUserGroup.vue
index b35041a509..a65d7c94cb 100644
--- a/frontend/src/views/project-management/projectAndPermission/userGroup/projectUserGroup.vue
+++ b/frontend/src/views/project-management/projectAndPermission/userGroup/projectUserGroup.vue
@@ -10,6 +10,7 @@
       allow-clear
       @press-enter="fetchData"
       @search="fetchData"
+      @clear="fetchData"
     ></a-input-search>
   </div>
   <MsBaseTable class="mt-[16px]" v-bind="propsRes" v-on="propsEvent">
@@ -334,4 +335,4 @@
   });
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped></style>
diff --git a/frontend/src/views/project-management/template/components/templateManagement.vue b/frontend/src/views/project-management/template/components/templateManagement.vue
index 39c7bdbd12..dd2e2c5f28 100644
--- a/frontend/src/views/project-management/template/components/templateManagement.vue
+++ b/frontend/src/views/project-management/template/components/templateManagement.vue
@@ -28,6 +28,7 @@
         allow-clear
         @search="searchFiled"
         @press-enter="searchFiled"
+        @clear="searchFiled"
       ></a-input-search>
     </div>
     <MsBaseTable v-bind="propsRes" ref="tableRef" v-on="propsEvent">
diff --git a/frontend/src/views/setting/organization/member/index.vue b/frontend/src/views/setting/organization/member/index.vue
index 022da2eb24..2e171876e1 100644
--- a/frontend/src/views/setting/organization/member/index.vue
+++ b/frontend/src/views/setting/organization/member/index.vue
@@ -18,6 +18,7 @@
         class="w-[230px]"
         @search="searchHandler"
         @press-enter="searchHandler"
+        @clear="searchHandler"
       ></a-input-search>
     </div>
     <ms-base-table
diff --git a/frontend/src/views/setting/organization/template/components/templateManagement.vue b/frontend/src/views/setting/organization/template/components/templateManagement.vue
index 6723efed67..9ceda355ba 100644
--- a/frontend/src/views/setting/organization/template/components/templateManagement.vue
+++ b/frontend/src/views/setting/organization/template/components/templateManagement.vue
@@ -30,6 +30,7 @@
         allow-clear
         @search="searchFiled"
         @press-enter="searchFiled"
+        @clear="searchFiled"
       ></a-input-search>
     </div>
     <MsBaseTable v-bind="propsRes" ref="tableRef" v-on="propsEvent">
diff --git a/frontend/src/views/setting/organization/usergroup/orgUserGroup.vue b/frontend/src/views/setting/organization/usergroup/orgUserGroup.vue
index 62fd5cbc02..36b6dc3768 100644
--- a/frontend/src/views/setting/organization/usergroup/orgUserGroup.vue
+++ b/frontend/src/views/setting/organization/usergroup/orgUserGroup.vue
@@ -25,6 +25,7 @@
                 allow-clear
                 @press-enter="handleEnter"
                 @search="handleSearch"
+                @clear="() => handleSearch('')"
               ></a-input-search>
               <a-radio-group
                 v-if="couldShowUser && couldShowAuth"
diff --git a/frontend/src/views/setting/system/pluginManager/components/pluginTable.vue b/frontend/src/views/setting/system/pluginManager/components/pluginTable.vue
index 9b08d7060d..ce1424b06f 100644
--- a/frontend/src/views/setting/system/pluginManager/components/pluginTable.vue
+++ b/frontend/src/views/setting/system/pluginManager/components/pluginTable.vue
@@ -21,6 +21,7 @@
           allow-clear
           @search="searchHandler"
           @press-enter="searchHandler"
+          @clear="searchHandler"
         ></a-input-search>
       </a-col>
     </a-row>