style(工作台): 调整tooltip内容太长和展示位置样式

This commit is contained in:
xinxin.wu 2024-12-16 18:38:22 +08:00 committed by Craftsman
parent 9828dfb123
commit e2b5f9a402
4 changed files with 9 additions and 3 deletions

View File

@ -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;

View File

@ -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(
<a-tooltip
content={selectFullTooltip.value}
class={disabledTooltip.value ? 'opacity-0' : ''}
position="top"
position={props.fullTooltipPosition || 'top'}
mouse-enter-delay={300}
mini
>
@ -588,6 +589,7 @@ export default defineComponent(
'disabled',
'size',
'optionTooltipPosition',
'fullTooltipPosition',
],
emits: [
'update:modelValue',

View File

@ -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"

View File

@ -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"
>