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