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 **/ /** tooltip **/
.arco-tooltip-content { .arco-tooltip-content {
@apply break-all; max-height: 400px;
color: var(--color-text-fff); color: var(--color-text-fff);
@apply overflow-y-auto break-all;
.ms-scroll-bar();
} }
.arco-trigger-arrow { .arco-trigger-arrow {
border-bottom-right-radius: var(--border-radius-mini) !important; 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 optionTooltipContent?: (item: SelectOptionData) => string; // 自定义 option 的 tooltip 内容,返回一个字符串,默认使用 item.label
remoteFilterFunc?: (options: SelectOptionData[]) => SelectOptionData[]; // 自定义过滤函数,会在远程请求返回数据后执行 remoteFilterFunc?: (options: SelectOptionData[]) => SelectOptionData[]; // 自定义过滤函数,会在远程请求返回数据后执行
optionTooltipPosition?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb'; // // label tooltip 的位置 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 { export interface RadioProps {
options: SelectOptionData[]; options: SelectOptionData[];
@ -479,7 +480,7 @@ export default defineComponent(
<a-tooltip <a-tooltip
content={selectFullTooltip.value} content={selectFullTooltip.value}
class={disabledTooltip.value ? 'opacity-0' : ''} class={disabledTooltip.value ? 'opacity-0' : ''}
position="top" position={props.fullTooltipPosition || 'top'}
mouse-enter-delay={300} mouse-enter-delay={300}
mini mini
> >
@ -588,6 +589,7 @@ export default defineComponent(
'disabled', 'disabled',
'size', 'size',
'optionTooltipPosition', 'optionTooltipPosition',
'fullTooltipPosition',
], ],
emits: [ emits: [
'update:modelValue', 'update:modelValue',

View File

@ -22,6 +22,7 @@
:prefix="t('workbench.homePage.project')" :prefix="t('workbench.homePage.project')"
:multiple="true" :multiple="true"
:has-all-select="true" :has-all-select="true"
full-tooltip-position="tr"
:default-all-select="props.item.selectAll" :default-all-select="props.item.selectAll"
:at-least-one="true" :at-least-one="true"
@popup-visible-change="popupVisibleChange" @popup-visible-change="popupVisibleChange"

View File

@ -29,6 +29,7 @@
class="!w-[220px]" class="!w-[220px]"
:prefix="t('workbench.homePage.staff')" :prefix="t('workbench.homePage.staff')"
:multiple="true" :multiple="true"
full-tooltip-position="tr"
:has-all-select="true" :has-all-select="true"
@popup-visible-change="popupVisibleChange" @popup-visible-change="popupVisibleChange"
> >