refactor: 回收站点击整行生效

--story=1016239 --user=吕梦园
https://www.tapd.cn/55049933/prong/stories/view/1155049933001016239

frontend/src/views/api-test/management/components/moduleTree.vue

@@ -260,7 +260,7 @@
       };
     }
     return {
-      height: 'calc(100vh - 250px)',
+      height: 'calc(100vh - 273px)',
       threshold: 200,
       fixedSize: true,
       buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题

frontend/src/views/api-test/management/index.vue

@@ -3,7 +3,7 @@
     <MsSplitBox :not-show-first="isAdvancedSearchMode" :size="300" :max="0.5">
       <template #first>
         <div class="flex flex-col">
-          <div class="p-[16px]" :style="{ height: `calc(100vh - 120px)` }">
+          <div class="p-[16px]">
             <moduleTree
               ref="moduleTreeRef"
               :active-node-id="activeNodeId"
@@ -20,16 +20,12 @@
           </div>
           <div class="flex-1">
             <a-divider class="!my-0 !mb-0" />
-            <div class="case">
+            <div class="case h-[40px] !px-[24px]" @click="setActiveFolder('recycle')">
-              <div
+              <div class="flex items-center" :class="getActiveClass('recycle')">
-                class="flex items-center px-[20px]"
-                :class="getActiveClass('recycle')"
-                @click="setActiveFolder('recycle')"
-              >
                 <MsIcon type="icon-icon_delete-trash_outlined1" class="folder-icon" />
-                <div class="folder-name mx-[4px]">{{ t('caseManagement.featureCase.recycle') }}</div>
+                <div class="folder-name mx-[4px]">{{ t('common.recycle') }}</div>
-                <div class="folder-count">({{ recycleModulesCount || 0 }})</div>
               </div>
+              <div class="folder-count">{{ recycleModulesCount || 0 }}</div>
             </div>
           </div>
         </div>

frontend/src/views/api-test/scenario/index.vue

@@ -15,12 +15,12 @@
             ></scenarioModuleTree>
           </div>
           <a-divider margin="0" />
-          <div class="case">
+          <div class="case h-[40px] !px-[24px]" @click="redirectRecycle()">
-            <div class="flex items-center px-[20px]" :class="getActiveClass('recycle')" @click="redirectRecycle()">
+            <div class="flex items-center" :class="getActiveClass('recycle')">
               <MsIcon type="icon-icon_delete-trash_outlined1" class="folder-icon" />
-              <div class="folder-name mx-[4px]">{{ t('apiScenario.tree.recycleBin') }}</div>
+              <div class="folder-name mx-[4px]">{{ t('common.recycle') }}</div>
-              <div class="folder-count">({{ recycleModulesCount || 0 }})</div>
             </div>
+            <div class="folder-count">{{ recycleModulesCount || 0 }}</div>
           </div>
         </div>
       </template>

frontend/src/views/api-test/scenario/locale/en-US.ts

@@ -5,7 +5,6 @@ export default {
   'apiScenario.importScenario': 'Import Scenario',
   'apiScenario.tree.selectorPlaceholder': 'Please enter module name',
   'apiScenario.tree.folder.allScenario': 'All Scenarios',
-  'apiScenario.tree.recycleBin': 'Recycle Bin',
   'apiScenario.tree.noMatchModule': 'No matching module found',
   'apiScenario.createSubModule': 'Create Submodule',
   'apiScenario.module.deleteTipTitle': 'Delete Module {name}?',

frontend/src/views/api-test/scenario/locale/zh-CN.ts

@@ -5,7 +5,6 @@ export default {
   'apiScenario.importScenario': '导入场景',
   'apiScenario.tree.selectorPlaceholder': '请输入模块名称进行搜索',
   'apiScenario.tree.folder.allScenario': '全部场景',
-  'apiScenario.tree.recycleBin': '回收站',
   'apiScenario.tree.noMatchModule': '暂无匹配的模块',
   'apiScenario.createSubModule': '新建子模块',
   'apiScenario.module.deleteTipTitle': '是否删除 {name} 模块？',

frontend/src/views/case-management/caseManagementFeature/index.vue

@@ -67,10 +67,10 @@
         </div>
         <div class="flex-1">
           <a-divider class="!my-0 !mb-0" />
-          <div class="case h-[40px] !px-[24px]">
+          <div class="case h-[40px] !px-[24px]" @click="setActiveFolder('recycle')">
-            <div class="flex items-center" :class="getActiveClass('recycle')" @click="setActiveFolder('recycle')">
+            <div class="flex items-center" :class="getActiveClass('recycle')">
               <MsIcon type="icon-icon_delete-trash_outlined1" class="folder-icon" />
-              <div class="folder-name mx-[4px]">{{ t('caseManagement.featureCase.recycle') }}</div>
+              <div class="folder-name mx-[4px]">{{ t('common.recycle') }}</div>
             </div>
             <div class="folder-count">{{ recycleModulesCount.all || 0 }}</div>
           </div>

frontend/src/views/case-management/caseManagementFeature/locale/en-US.ts

@@ -11,7 +11,6 @@ export default {
     'No use case data yet, please click the button above to create or import',
   'caseManagement.featureCase.addSubModule': 'Add submodules',
   'caseManagement.featureCase.rename': 'rename',
-  'caseManagement.featureCase.recycle': 'Recycle',
   'caseManagement.featureCase.versionPlaceholder': 'The default is the latest version',
   'caseManagement.featureCase.searchByNameAndId': 'Search by ID, name, or tag',
   'caseManagement.featureCase.searchByIdAndName': 'Search by ID or name',

frontend/src/views/case-management/caseManagementFeature/locale/zh-CN.ts

@@ -11,7 +11,6 @@ export default {
   'caseManagement.featureCase.caseEmptyRecycle': '暂无用例数据',
   'caseManagement.featureCase.addSubModule': '添加子模块',
   'caseManagement.featureCase.rename': '重命名',
-  'caseManagement.featureCase.recycle': '回收站',
   'caseManagement.featureCase.versionPlaceholder': '默认为最新版本',
   'caseManagement.featureCase.searchByNameAndId': '通过 ID/名称/标签搜索',
   'caseManagement.featureCase.searchByIdAndName': '通过 ID/名称搜索',