fix(全局): 多选框样式&搜索框加 clear 自动刷新数据

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;
+    border-color: var(--color-text-input-border) !important;
-    background: rgb(var(--primary-2)) !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;
   }
 }
 

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">

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;

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 }">

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>

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>
 

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>

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() {

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[]>([]);

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';

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"

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">

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">

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">

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;

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">

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">

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]">

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>

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

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>

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)]">

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

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>
+<style scoped></style>

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">

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

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">

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"

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>