From 68152c3cd61ca3453614ce460460c851e9c1c764 Mon Sep 17 00:00:00 2001 From: "BugMaker.Huang" Date: Wed, 21 Feb 2024 10:54:28 +0800 Subject: [PATCH] docs(tooltip): updated demo and documentation of tooltip --- docs/example/Tooltip/demos/placement.tsx | 1 + docs/example/Tooltip/index.md | 24 ++++++++++++------------ 2 files changed, 13 insertions(+), 12 deletions(-) diff --git a/docs/example/Tooltip/demos/placement.tsx b/docs/example/Tooltip/demos/placement.tsx index 3341037c..962cd816 100644 --- a/docs/example/Tooltip/demos/placement.tsx +++ b/docs/example/Tooltip/demos/placement.tsx @@ -12,6 +12,7 @@ export default function Placement() { display: inline-flex; flex-direction: column; gap: 8px; + --banana-tooltip-max-width: 80px; } .placement-row { diff --git a/docs/example/Tooltip/index.md b/docs/example/Tooltip/index.md index 389ce096..36578e00 100644 --- a/docs/example/Tooltip/index.md +++ b/docs/example/Tooltip/index.md @@ -24,18 +24,18 @@ demo: ## 属性 - Attributes & Properties -| 属性 | 说明 | 类型 | 默认值 | -| --------------------------------------------------------------- | ------------------------------- | -------------------- | ------- | -| content | 提示内容 | `boolean` | '' | -| placement | 弹出位置 | `Placement` | 'top' | -| disableAutoAdjustOverflow
(disable-auto-adjust-overflow) | 禁用自动调整弹出位置 | `boolean` | false | -| maxWidth
(max-width) | 气泡的最大宽度 | `number \| string ` | - | -| backgroundColor
(background-color) | 气泡的背景颜色 | `string` | - | -| margin | 气泡与触发元素（trigger）的距离 | `number` | 8 | -| mouseEnterDelay
(mouse-enter-delay) | 鼠标移入后延时多少才显示 | `number` | 100 | -| mouseLeaveDelay
(mouse-leave-delay) | 鼠标移出后延时多少才隐藏 | `number` | 100 | -| triggerAction
(trigger-action) | 触发行为 | `'hover' \| 'click'` | 'hover' | -| noArrow | 是否隐藏箭头 | `boolean` | false | +| 属性 | 说明 | 类型 | 默认值 | +| --------------------------------------------------------------- | ------------------------------- | -------------------- | --------------------- | +| content | 提示内容 | `boolean` | '' | +| placement | 弹出位置 | `Placement` | 'top' | +| disableAutoAdjustOverflow
(disable-auto-adjust-overflow) | 禁用自动调整弹出位置 | `boolean` | false | +| maxWidth
(max-width) | 气泡的最大宽度 | `number \| string ` | '300px' | +| backgroundColor
(background-color) | 气泡的背景颜色 | `string` | 'rgba(46, 50 ,56, 1)' | +| margin | 气泡与触发元素（trigger）的距离 | `number` | 8 | +| mouseEnterDelay
(mouse-enter-delay) | 鼠标移入后延时多少才显示 | `number` | 100 | +| mouseLeaveDelay
(mouse-leave-delay) | 鼠标移出后延时多少才隐藏 | `number` | 100 | +| triggerAction
(trigger-action) | 触发行为 | `'hover' \| 'click'` | 'hover' | +| noArrow | 是否隐藏箭头 | `boolean` | false | ```typescript export type Placement =