diff --git a/packages/theme-saas/src/tooltip/index.less b/packages/theme-saas/src/tooltip/index.less index 6aacaf456..e1b35e18f 100644 --- a/packages/theme-saas/src/tooltip/index.less +++ b/packages/theme-saas/src/tooltip/index.less @@ -10,7 +10,6 @@ } &__content-wrapper { - max-height: 50vh; @apply overflow-auto; } diff --git a/packages/theme/src/tooltip/index.less b/packages/theme/src/tooltip/index.less index 6c8916c08..27182cc7d 100644 --- a/packages/theme/src/tooltip/index.less +++ b/packages/theme/src/tooltip/index.less @@ -27,7 +27,6 @@ } &__content-wrapper { - max-height: var(--tv-Tooltip-content-max-height); overflow: auto; } diff --git a/packages/theme/src/tooltip/vars.less b/packages/theme/src/tooltip/vars.less index 66d373af7..f73fa0bde 100644 --- a/packages/theme/src/tooltip/vars.less +++ b/packages/theme/src/tooltip/vars.less @@ -75,6 +75,4 @@ --tv-Tooltip-padding-x: var(--tv-space-xl, 16px); // 文字提示错误图标色 --tv-Tooltip-validate-icon-color: var(--tv-color-error-icon, #f23030); - // 文本内容容器最大高度 - --tv-Tooltip-content-max-height: 50vh; } diff --git a/packages/vue/src/tooltip/src/index.ts b/packages/vue/src/tooltip/src/index.ts index dd83dccf5..4c5ffa745 100644 --- a/packages/vue/src/tooltip/src/index.ts +++ b/packages/vue/src/tooltip/src/index.ts @@ -86,7 +86,8 @@ export const tooltipProps = { default: () => 'next' }, contentMaxHeight: { - type: String + type: String, + default: () => '80vh' } } export default defineComponent({ diff --git a/packages/vue/src/tooltip/src/mobile-first.vue b/packages/vue/src/tooltip/src/mobile-first.vue index 2c89fde45..fdb36505b 100644 --- a/packages/vue/src/tooltip/src/mobile-first.vue +++ b/packages/vue/src/tooltip/src/mobile-first.vue @@ -96,6 +96,9 @@ export default defineComponent({ zIndex: { type: String, default: () => 'next' + }, + contentMaxHeight: { + type: String } }, setup(props, context) { @@ -160,7 +163,7 @@ export default defineComponent({ aria-hidden={this.disabled || !this.state.showPopper ? 'true' : 'false'} onMouseenter={() => mouseenter()} onMouseleave={() => mouseleave()}> - {content} +