diff --git a/src/popconfirm/Popconfirm.tsx b/src/popconfirm/Popconfirm.tsx index b93da5148d..4491685f10 100644 --- a/src/popconfirm/Popconfirm.tsx +++ b/src/popconfirm/Popconfirm.tsx @@ -22,9 +22,9 @@ const Popconfirm = forwardRef((props: PopconfirmProps, ref: React.RefObject setVisible(visible)} overlayClassName={classNames(`${classPrefix}-popconfirm`)} content={ diff --git a/src/popconfirm/_usage/props.json b/src/popconfirm/_usage/props.json index a4d7255687..19fdee003f 100644 --- a/src/popconfirm/_usage/props.json +++ b/src/popconfirm/_usage/props.json @@ -60,6 +60,29 @@ } ] }, + { + "name": "trigger", + "type": "enum", + "defaultValue": "click", + "options": [ + { + "label": "hover", + "value": "hover" + }, + { + "label": "click", + "value": "click" + }, + { + "label": "focus", + "value": "focus" + }, + { + "label": "context-menu", + "value": "context-menu" + } + ] + }, { "name": "showArrow", "type": "Boolean", @@ -91,4 +114,4 @@ "defaultValue": false, "options": [] } -] \ No newline at end of file +] diff --git a/src/popconfirm/popconfirm.en-US.md b/src/popconfirm/popconfirm.en-US.md index 1c616b06cb..a21a0eb7ac 100644 --- a/src/popconfirm/popconfirm.en-US.md +++ b/src/popconfirm/popconfirm.en-US.md @@ -18,6 +18,7 @@ placement | String | top | options:top/left/right/bottom/top-left/top-right/bo popupProps | Object | - | Typescript:`PopupProps`,[Popup API Documents](./popup?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/popconfirm/type.ts) | N showArrow | Boolean | true | \- | N theme | String | default | options:default/warning/danger | N +trigger | String | hover | options:hover/click/focus/mousedown/context-menu | N triggerElement | TNode | - | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N visible | Boolean | - | \- | N defaultVisible | Boolean | - | uncontrolled property | N diff --git a/src/popconfirm/popconfirm.md b/src/popconfirm/popconfirm.md index ea1fb19e08..dcdb3ef3bc 100644 --- a/src/popconfirm/popconfirm.md +++ b/src/popconfirm/popconfirm.md @@ -17,6 +17,7 @@ placement | String | top | 浮层出现位置。可选项:top/left/right/botto popupProps | Object | - | 透传 Popup 组件属性。TS 类型:`PopupProps`,[Popup API Documents](./popup?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/popconfirm/type.ts) | N showArrow | Boolean | true | 是否显示浮层箭头 | N theme | String | default | 文字提示风格。可选项:default/warning/danger | N +trigger | String | hover | 触发浮层出现的方式。可选项:hover/click/focus/mousedown/context-menu | N triggerElement | TNode | - | 触发元素。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N visible | Boolean | - | 是否显示气泡确认框 | N defaultVisible | Boolean | - | 是否显示气泡确认框。非受控属性 | N diff --git a/src/popconfirm/type.ts b/src/popconfirm/type.ts index 61592bc616..44ceb22999 100644 --- a/src/popconfirm/type.ts +++ b/src/popconfirm/type.ts @@ -68,6 +68,11 @@ export interface TdPopconfirmProps { * @default default */ theme?: 'default' | 'warning' | 'danger'; + /** + * 触发浮层出现的方式 + * @default hover + */ + trigger?: 'hover' | 'click' | 'focus' | 'mousedown' | 'context-menu'; /** * 触发元素 */ diff --git a/src/popup/popup.en-US.md b/src/popup/popup.en-US.md index 972aef10c3..c7caba41df 100644 --- a/src/popup/popup.en-US.md +++ b/src/popup/popup.en-US.md @@ -19,7 +19,7 @@ overlayStyle | Boolean / Object / Function | - | Typescript:`Styles \| ((trigg placement | String | top | Typescript:`PopupPlacement` `type PopupPlacement = 'top'\|'left'\|'right'\|'bottom'\|'top-left'\|'top-right'\|'bottom-left'\|'bottom-right'\|'left-top'\|'left-bottom'\|'right-top'\|'right-bottom'`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/popup/type.ts) | N popperOptions | Object | - | popper initial options,details refer to https://popper.js.org/docs | N showArrow | Boolean | false | \- | N -trigger | String | hover | options:hover/click/focus/mousedown/context-menu | N +trigger | String | click | options:hover/click/focus/mousedown/context-menu | N triggerElement | TNode | - | Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N visible | Boolean | - | Typescript:`boolean` | N defaultVisible | Boolean | - | uncontrolled property。Typescript:`boolean` | N diff --git a/src/popup/popup.md b/src/popup/popup.md index b5a17683ef..154a877e76 100644 --- a/src/popup/popup.md +++ b/src/popup/popup.md @@ -25,7 +25,7 @@ overlayStyle | Boolean / Object / Function | - | 浮层样式,第一个参数 placement | String | top | 浮层出现位置。TS 类型:`PopupPlacement` `type PopupPlacement = 'top'\|'left'\|'right'\|'bottom'\|'top-left'\|'top-right'\|'bottom-left'\|'bottom-right'\|'left-top'\|'left-bottom'\|'right-top'\|'right-bottom'`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/popup/type.ts) | N popperOptions | Object | - | popper 初始化配置,详情参考 https://popper.js.org/docs/ | N showArrow | Boolean | false | 是否显示浮层箭头 | N -trigger | String | hover | 触发浮层出现的方式。可选项:hover/click/focus/mousedown/context-menu | N +trigger | String | click | 触发浮层出现的方式。可选项:hover/click/focus/mousedown/context-menu | N triggerElement | TNode | - | 触发元素。值类型为字符串表示元素选择器。TS 类型:`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N visible | Boolean | - | 是否显示浮层。TS 类型:`boolean` | N defaultVisible | Boolean | - | 是否显示浮层。非受控属性。TS 类型:`boolean` | N