diff --git a/frontend/src/assets/style/arco-reset.less b/frontend/src/assets/style/arco-reset.less index 6bea3b89bb..fe143e8e31 100644 --- a/frontend/src/assets/style/arco-reset.less +++ b/frontend/src/assets/style/arco-reset.less @@ -897,9 +897,11 @@ input::placeholder { /** tooltip **/ .arco-tooltip-content { - @apply break-all; - + max-height: 400px; color: var(--color-text-fff); + @apply overflow-y-auto break-all; + + .ms-scroll-bar(); } .arco-trigger-arrow { border-bottom-right-radius: var(--border-radius-mini) !important; diff --git a/frontend/src/components/business/ms-select/index.tsx b/frontend/src/components/business/ms-select/index.tsx index 709a34dccf..5e4a1ebf5e 100644 --- a/frontend/src/components/business/ms-select/index.tsx +++ b/frontend/src/components/business/ms-select/index.tsx @@ -45,6 +45,7 @@ export interface MsSearchSelectProps { optionTooltipContent?: (item: SelectOptionData) => string; // 自定义 option 的 tooltip 内容,返回一个字符串,默认使用 item.label remoteFilterFunc?: (options: SelectOptionData[]) => SelectOptionData[]; // 自定义过滤函数,会在远程请求返回数据后执行 optionTooltipPosition?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb'; // // label tooltip 的位置 + fullTooltipPosition?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb'; // // 全选 tooltip 的位置 } export interface RadioProps { options: SelectOptionData[]; @@ -479,7 +480,7 @@ export default defineComponent( @@ -588,6 +589,7 @@ export default defineComponent( 'disabled', 'size', 'optionTooltipPosition', + 'fullTooltipPosition', ], emits: [ 'update:modelValue', diff --git a/frontend/src/views/workbench/homePage/components/overview.vue b/frontend/src/views/workbench/homePage/components/overview.vue index be910a5014..be4af0c5b9 100644 --- a/frontend/src/views/workbench/homePage/components/overview.vue +++ b/frontend/src/views/workbench/homePage/components/overview.vue @@ -22,6 +22,7 @@ :prefix="t('workbench.homePage.project')" :multiple="true" :has-all-select="true" + full-tooltip-position="tr" :default-all-select="props.item.selectAll" :at-least-one="true" @popup-visible-change="popupVisibleChange" diff --git a/frontend/src/views/workbench/homePage/components/overviewMember.vue b/frontend/src/views/workbench/homePage/components/overviewMember.vue index d60fb2f9de..5915eaf649 100644 --- a/frontend/src/views/workbench/homePage/components/overviewMember.vue +++ b/frontend/src/views/workbench/homePage/components/overviewMember.vue @@ -29,6 +29,7 @@ class="!w-[220px]" :prefix="t('workbench.homePage.staff')" :multiple="true" + full-tooltip-position="tr" :has-all-select="true" @popup-visible-change="popupVisibleChange" >