style(工作台): 调整tooltip内容太长和展示位置样式
This commit is contained in:
parent
9828dfb123
commit
e2b5f9a402
|
@ -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;
|
||||
|
|
|
@ -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',
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
>
|
||||
|
|
Loading…
Reference in New Issue