From 152644de17bbc13674c45f13484165d8f1f124a0 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Mon, 16 Dec 2024 16:37:17 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92):=20?=
 =?UTF-8?q?=E8=AE=A1=E5=88=92=E8=AF=A6=E6=83=85-=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E9=AB=98=E7=BA=A7=E7=AD=9B=E9=80=89-?=
 =?UTF-8?q?=E6=89=80=E5=B1=9E=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1050375 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001050375
---
 .../business/ms-associate-case/apiCaseTable.vue          | 1 +
 .../components/business/ms-associate-case/apiTable.vue   | 1 +
 .../components/business/ms-associate-case/caseTable.vue  | 1 +
 .../business/ms-associate-case/scenarioCaseTable.vue     | 1 +
 frontend/src/components/business/ms-select/index.tsx     | 9 ++++++++-
 5 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/business/ms-associate-case/apiCaseTable.vue b/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
index 92fa383671..0f3a8b561e 100644
--- a/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
+++ b/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
@@ -405,6 +405,7 @@
       type: FilterType.SELECT_EQUAL,
       selectProps: {
         options: props.testPlanList,
+        optionTooltipPosition: 'tr',
       },
     },
     {
diff --git a/frontend/src/components/business/ms-associate-case/apiTable.vue b/frontend/src/components/business/ms-associate-case/apiTable.vue
index a6c3817386..21e691676b 100644
--- a/frontend/src/components/business/ms-associate-case/apiTable.vue
+++ b/frontend/src/components/business/ms-associate-case/apiTable.vue
@@ -344,6 +344,7 @@
       type: FilterType.SELECT_EQUAL,
       selectProps: {
         options: props.testPlanList,
+        optionTooltipPosition: 'tr',
       },
     },
     {
diff --git a/frontend/src/components/business/ms-associate-case/caseTable.vue b/frontend/src/components/business/ms-associate-case/caseTable.vue
index 1826624a96..12aec7424e 100644
--- a/frontend/src/components/business/ms-associate-case/caseTable.vue
+++ b/frontend/src/components/business/ms-associate-case/caseTable.vue
@@ -385,6 +385,7 @@
       type: FilterType.SELECT_EQUAL,
       selectProps: {
         options: props.testPlanList,
+        optionTooltipPosition: 'tr',
       },
     },
     {
diff --git a/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue b/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue
index a75ec827d3..3f30b1d0fe 100644
--- a/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue
+++ b/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue
@@ -371,6 +371,7 @@
         type: FilterType.SELECT_EQUAL,
         selectProps: {
           options: props.testPlanList,
+          optionTooltipPosition: 'tr',
         },
       },
       {
diff --git a/frontend/src/components/business/ms-select/index.tsx b/frontend/src/components/business/ms-select/index.tsx
index 05e4c32198..60a16afd38 100644
--- a/frontend/src/components/business/ms-select/index.tsx
+++ b/frontend/src/components/business/ms-select/index.tsx
@@ -44,6 +44,7 @@ export interface MsSearchSelectProps {
   optionLabelRender?: (item: SelectOptionData) => string; // 自定义 option 的 label 渲染，返回一个 html 字符串，默认使用 item.label
   optionTooltipContent?: (item: SelectOptionData) => string; // 自定义 option 的 tooltip 内容，返回一个字符串，默认使用 item.label
   remoteFilterFunc?: (options: SelectOptionData[]) => SelectOptionData[]; // 自定义过滤函数，会在远程请求返回数据后执行
+  optionTooltipPosition?: string;
 }
 export interface RadioProps {
   options: SelectOptionData[];
@@ -283,7 +284,12 @@ export default defineComponent(
       const _slots: MsSearchSelectSlots = {
         default: () =>
           filterOptions.value.map((item) => (
-            <a-tooltip content={item.tooltipContent} mouse-enter-delay={500} position="bl">
+            <a-tooltip
+              content={item.tooltipContent}
+              mouse-enter-delay={500}
+              position={props.optionTooltipPosition || 'bl'}
+              arrow-class={props.optionTooltipPosition === 'tr' ? 'absolute right-[4px] !left-auto' : ''}
+            >
               <a-option
                 key={item[props.valueKey || 'value']}
                 value={props.objectValue ? item : item[props.valueKey || 'value']}
@@ -581,6 +587,7 @@ export default defineComponent(
       'shouldCalculateMaxTag',
       'disabled',
       'size',
+      'optionTooltipPosition',
     ],
     emits: [
       'update:modelValue',