diff --git a/components/ellipsis/ellipsis.tsx b/components/ellipsis/ellipsis.tsx index 95757bd5..60bcb369 100644 --- a/components/ellipsis/ellipsis.tsx +++ b/components/ellipsis/ellipsis.tsx @@ -74,10 +74,17 @@ export default defineComponent({ }); const toolTipPropsRef = computed(() => { - if (isObject(props.tooltip)) { - return props.tooltip; - } - return {}; + const currentTooltipProps = isObject(props.tooltip) + ? props.tooltip + : {}; + + // 增加默认样式 + currentTooltipProps.popperStyle = { + 'max-width': '600px', + ...currentTooltipProps.popperStyle, + }; + + return currentTooltipProps; }); // 元素可能是隐藏的,当hover时需要重新计算下 diff --git a/docs/.vitepress/components/ellipsis/index.md b/docs/.vitepress/components/ellipsis/index.md index ce8906c0..91061dd9 100644 --- a/docs/.vitepress/components/ellipsis/index.md +++ b/docs/.vitepress/components/ellipsis/index.md @@ -12,25 +12,29 @@ app.use(FEllipsis); ### 基础用法 ---COMMON +:::demo +common.vue +::: ### 最大行数 ---LINE +:::demo +line.vue +::: ### 定制 Tooltip 内容 ---TOOLTIP - ---CODE +:::demo +tooltip.vue +::: ## Ellipsis Props -| 属性 | 说明 | 类型 | 默认值 | -| ------- | ------------------------------------------------------------------------------------------ | ---------------- | ------------------ | -| line | 超出几行后省略 | string / number | `1` | -| tooltip | 当文本隐藏时,通过`Tooltip`组件展示全部内容,默认延迟 0.5s。 如果`tooltip`为 false,则禁止 | boolean / object | `{showAfter: 500}` | -| content | 文本内容 | string / number | `-` | +| 属性 | 说明 | 类型 | 默认值 | +|-------------|-------------------------------------------------------------------------------------------|-----------------------------|--------------------| +| line | 超出几行后省略 | `string \| number` | `1` | +| tooltip | 当文本隐藏时,通过 `Tooltip` 组件
展示全部内容,默认延迟 0.5s。
如果 `tooltip` 为 false,则禁止 | `boolean \| object` | `{showAfter: 500}` | +| content | 文本内容 | `string \| number` | `-` | ## Ellipsis Slots