style(接口测试): 关注和分享图标增加提示

frontend/src/locale/en-US/common.ts

@@ -84,6 +84,7 @@ export default {
   'common.copySuccess': 'Copy successfully',
   'common.copyNotSupport': 'Your browser does not support automatic copying. Please copy manually.',
   'common.fork': 'Fork',
+  'common.notForked': 'Not Forked',
   'common.forked': 'Forked',
   'common.more': 'More',
   'common.recycle': 'Recycle Bin',

frontend/src/locale/zh-CN/common.ts

@@ -85,6 +85,7 @@ export default {
   'common.copySuccess': '复制成功',
   'common.copyNotSupport': '您的浏览器不支持自动复制，请手动复制',
   'common.fork': '关注',
+  'common.notForked': '未关注',
   'common.forked': '已关注',
   'common.more': '更多',
   'common.recycle': '回收站',

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

@@ -7,6 +7,7 @@
         :simple-show-count="4"
       >
         <template #titleAppend>
+          <a-tooltip :content="t(previewDetail.follow ? 'common.forked' : 'common.notForked')">
             <MsIcon
               v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']"
               :loading="followLoading"
@@ -16,7 +17,15 @@
               :size="16"
               @click="toggleFollowReview"
             />
-          <MsIcon type="icon-icon_share1" class="cursor-pointer text-[var(--color-text-4)]" :size="16" @click="share" />
+          </a-tooltip>
+          <a-tooltip :content="t('report.detail.api.copyLink')">
+            <MsIcon
+              type="icon-icon_share1"
+              class="cursor-pointer text-[var(--color-text-4)]"
+              :size="16"
+              @click="share"
+            />
+          </a-tooltip>
           <apiStatus :status="previewDetail.status" size="small" />
         </template>
         <template #type="{ value }">

frontend/src/views/api-test/management/components/management/case/caseDetail.vue

@@ -33,6 +33,7 @@
       <a-tab-pane key="detail" :title="t('case.detail')" class="px-[18px] py-[16px]">
         <MsDetailCard :title="`【${caseDetail.num}】${caseDetail.name}`" :description="description" class="mb-[8px]">
           <template v-if="!props.isDrawer" #titleAppend>
+            <a-tooltip :content="t(caseDetail.follow ? 'common.forked' : 'common.notForked')">
               <MsIcon
                 v-permission="['PROJECT_API_DEFINITION_CASE:READ+UPDATE']"
                 :loading="followLoading"
@@ -42,12 +43,15 @@
                 :size="16"
                 @click="follow"
               />
+            </a-tooltip>
+            <a-tooltip :content="t('report.detail.api.copyLink')">
               <MsIcon
                 type="icon-icon_share1"
                 class="cursor-pointer text-[var(--color-text-4)]"
                 :size="16"
                 @click="share"
               />
+            </a-tooltip>
           </template>
           <template #type="{ value }">
             <apiMethodName :method="value as RequestMethods" tag-size="small" is-tag />

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

@@ -3,6 +3,7 @@
     <div class="px-[24px] pt-[16px]">
       <MsDetailCard :title="`【${scenario.num}】${scenario.name}`" :description="description" class="!py-[8px]">
         <template #titleAppend>
+          <a-tooltip :content="t(scenario.follow ? 'common.forked' : 'common.notForked')">
             <MsIcon
               :loading="followLoading"
               :type="scenario.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
@@ -11,7 +12,15 @@
               :size="16"
               @click="toggleFollowReview"
             />
-          <MsIcon type="icon-icon_share1" class="cursor-pointer text-[var(--color-text-4)]" :size="16" @click="share" />
+          </a-tooltip>
+          <a-tooltip :content="t('report.detail.api.copyLink')">
+            <MsIcon
+              type="icon-icon_share1"
+              class="cursor-pointer text-[var(--color-text-4)]"
+              :size="16"
+              @click="share"
+            />
+          </a-tooltip>
           <apiStatus :status="scenario.status" size="small" />
         </template>
         <template #priority="{ value }">