feat(脑图): 脑图抽屉缺陷列表新增测试计划

frontend/src/components/business/ms-minders/featureCaseMinder/bugList.vue

@@ -1,11 +1,28 @@
 <template>
   <a-spin :loading="bugListLoading" class="block h-full pl-[16px]">
+    <div class="flex items-center justify-between">
+      <div class="flex items-center justify-between">
         <a-button v-if="hasEditPermission" class="mr-3" type="primary" @click="linkBug">
           {{ t('caseManagement.featureCase.linkDefect') }}
         </a-button>
         <a-button v-permission="['PROJECT_BUG:READ+ADD']" type="outline" @click="createBug">
           {{ t('caseManagement.featureCase.createDefect') }}
         </a-button>
+      </div>
+      <a-radio-group
+        v-model:model-value="showType"
+        type="button"
+        class="file-show-type ml-[4px]"
+        @change="handleShowTypeChange"
+      >
+        <a-radio value="link" class="show-type-icon p-[2px]">
+          {{ t('caseManagement.featureCase.directLink') }}
+        </a-radio>
+        <a-radio value="testPlan" class="show-type-icon p-[2px]">
+          {{ t('caseManagement.featureCase.testPlan') }}
+        </a-radio>
+      </a-radio-group>
+    </div>
     <MsList
       v-model:data="bugList"
       mode="remote"
@@ -91,6 +108,7 @@
     pageSize: 10,
     current: 1,
   });
+  const showType = ref<'link' | 'testPlan'>('link');
   const bugListLoading = ref(false);
 
   async function loadBugList() {
@@ -99,7 +117,8 @@
       const res = await getLinkedCaseBugList({
         keyword: '',
         projectId: appStore.currentProjectId,
-        caseId: props.activeCase.id,
+        testPlanCaseId: showType.value === 'testPlan' ? props.activeCase.id : undefined,
+        caseId: showType.value === 'link' ? props.activeCase.id : undefined,
         current: pageNation.value.current || 1,
         pageSize: pageNation.value.pageSize,
       });
@@ -117,6 +136,11 @@
     }
   }
 
+  function handleShowTypeChange() {
+    pageNation.value.current = 1;
+    loadBugList();
+  }
+
   // 滚动翻页
   function handleReachBottom() {
     pageNation.value.current += 1;

frontend/src/components/pure/ms-minder-editor/main/mainEditor.vue

@@ -128,8 +128,6 @@
           'zoom',
           'zoomin',
           'zoomout',
-          'appendchildnode',
-          'appendsiblingnode',
         ]);
         if (selectNodes.length > 0 && !notChangeCommands.has(event.commandName.toLocaleLowerCase())) {
           minderStore.setMinderUnsaved(true);

frontend/src/hooks/useLeaveUnSaveTip.ts

@@ -1,4 +1,4 @@
-import { onBeforeRouteLeave } from 'vue-router';
+import { type NavigationGuardNext, onBeforeRouteLeave } from 'vue-router';
 
 import { useI18n } from '@/hooks/useI18n';
 import type { ModalType } from '@/hooks/useModal';
@@ -27,13 +27,8 @@ export default function useLeaveUnSaveTip(leaveProp = leaveProps) {
   const setIsSave = (flag: boolean) => {
     isSave.value = flag;
   };
-  onBeforeRouteLeave((to, from, next) => {
-    if (to.path === from.path) {
-      next();
-      return;
-    }
 
-    if (!isSave.value) {
+  function openUnsavedTip(next: NavigationGuardNext | (() => void)) {
     openModal({
       type: tipType,
       title: t(leaveTitle),
@@ -49,11 +44,23 @@ export default function useLeaveUnSaveTip(leaveProp = leaveProps) {
       },
       hideCancel: false,
     });
+  }
+
+  onBeforeRouteLeave((to, from, next) => {
+    if (to.path === from.path) {
+      next();
+      return;
+    }
+
+    if (!isSave.value) {
+      openUnsavedTip(next);
     } else {
       next();
     }
   });
   return {
     setIsSave,
+    openUnsavedTip,
+    isSave,
   };
 }