|
|
@@ -204,13 +204,13 @@ import { Button, Popconfirm, Space } from '@douyinfe/semi-ui';
|
|
|
|
|
|
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
|
| --- |-------------------------------------------------------------------------------------------------------------------------------------------| --- | --- | --- |
|
|
|
-| arrowPointAtCenter | “小三角”是否指向元素中心,需要同时传入"showArrow=true" | boolean | false | **0.34.0** |
|
|
|
+| arrowPointAtCenter | “小三角”是否指向元素中心,需要同时传入"showArrow=true" | boolean | false | |
|
|
|
| cancelText | 取消按钮文字 | string | "取消" |
|
|
|
| cancelButtonProps | 取消按钮的 props | object | | **0.29.0** |
|
|
|
| cancelType | 取消按钮类型 | string | "tertiary" |
|
|
|
| closeOnEsc | 在 trigger 聚焦时或在弹出层内聚焦元素上按 Esc 键是否关闭面板,受控时不生效 | boolean | true | **2.8.0** |
|
|
|
| content | 显示的内容(函数类型,2.10.0 版本支持) | ReactNode\|({ initialFocusRef }) => ReactNode | |
|
|
|
-| defaultVisible | 气泡框默认是否展示 | boolean | | **0.19.0** |
|
|
|
+| defaultVisible | 气泡框默认是否展示 | boolean | | |
|
|
|
| disabled | 点击 Popconfirm 子元素是否弹出气泡确认框 | boolean | false |
|
|
|
| getPopupContainer | 指定父级 DOM,弹层将会渲染至该 DOM 中,自定义时容器需要设置 `position: relative` 这会改变浮层 DOM 树位置,但不会改变视图渲染位置。 | Function():HTMLElement | () => document.body |
|
|
|
| guardFocus | 当焦点处于弹出层内时,切换 Tab 是否让焦点在弹出层内循环 | boolean | true | **2.8.0** |
|
|
|
@@ -218,20 +218,20 @@ import { Button, Popconfirm, Space } from '@douyinfe/semi-ui';
|
|
|
| motion | 下拉列表出现/隐藏时,是否有动画 | boolean | true |
|
|
|
| okText | 确认按钮文字 | string | "确认" |
|
|
|
| okType | 确认按钮类型 | string | "primary" |
|
|
|
-| okButtonProps | 确认按钮的 props | object | | **0.29.0** |
|
|
|
+| okButtonProps | 确认按钮的 props | object | | |
|
|
|
| position | 方向,可选值:`top`,`topLeft`,`topRight`,`left`,`leftTop`,`leftBottom`,<br/>`right`,`rightTop`,`rightBottom`,`bottom`,`bottomLeft`,`bottomRight` | string | "bottomLeft" |
|
|
|
| returnFocusOnClose | 按下 Esc 键后,焦点是否回到 trigger 上,只有设置 trigger 为 click 时生效 | boolean | true | **2.8.0** |
|
|
|
| showArrow | 是否显示箭头三角形 | boolean | false | |
|
|
|
-| stopPropagation | 是否阻止弹层上的点击事件冒泡 | boolean | true | **0.34.0** |
|
|
|
-| title | 显示的标题 | string\|ReactNode | |
|
|
|
+| stopPropagation | 是否阻止弹层上的点击事件冒泡 | boolean | true | |
|
|
|
+| title | 显示的标题 | ReactNode | |
|
|
|
| trigger | 触发展示的时机,可选值:hover / focus / click / custom | string | 'click' |
|
|
|
-| visible | 气泡框是否展示的受控属性 | boolean | | **0.19.0** |
|
|
|
+| visible | 气泡框是否展示的受控属性 | boolean | | |
|
|
|
| zIndex | 浮层 z-index 值 | number | 1030 |
|
|
|
| onConfirm | 点击确认按钮回调 | Function(e) | |
|
|
|
| onCancel | 点击取消按钮回调 | Function(e) | |
|
|
|
-| onClickOutSide | 当弹出层处于展示状态,点击非 Children、非浮层内部区域时的回调 | Function(e) | **2.1.0** |
|
|
|
-| onEscKeyDown | 在 trigger 或弹出层按 Esc 键时调用 | function(e:event) | | **2.8.0** |
|
|
|
-| onVisibleChange | 气泡框切换显示隐藏的回调 | Function(visible: boolean): void | () => {} | **0.19.0** |
|
|
|
+| onClickOutSide | 当弹出层处于展示状态,点击非 Children、非浮层内部区域时的回调 | Function(e) | |**2.1.0** |
|
|
|
+| onEscKeyDown | 在 trigger 或弹出层按 Esc 键时调用 | Function(e:event) | | **2.8.0** |
|
|
|
+| onVisibleChange | 气泡框切换显示隐藏的回调 | Function(visible: boolean): void | () => {} | |
|
|
|
|
|
|
## Accessibility
|
|
|
|