feat(dropdown): add dropdown destroyPopupOnHide type (#4768)
Co-authored-by: WangYang <yang.wang@cue.group>1.x
parent
441024b993
commit
233ef9f2cf
|
@ -5,6 +5,7 @@
|
||||||
| Property | Description | Type | Default |
|
| Property | Description | Type | Default |
|
||||||
| --- | --- | --- | --- |
|
| --- | --- | --- | --- |
|
||||||
| disabled | whether the dropdown menu is disabled | boolean | - |
|
| disabled | whether the dropdown menu is disabled | boolean | - |
|
||||||
|
| destroyPopupOnHide | Whether destroy dropdown when hidden | boolean | false | |
|
||||||
| getPopupContainer | to set the container of the dropdown menu. The default is to create a `div` element in `body`, you can reset it to the scrolling area and make a relative reposition. [example](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | Function(triggerNode) | `() => document.body` |
|
| getPopupContainer | to set the container of the dropdown menu. The default is to create a `div` element in `body`, you can reset it to the scrolling area and make a relative reposition. [example](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | Function(triggerNode) | `() => document.body` |
|
||||||
| overlay(slot-scope) | the dropdown menu | [Menu](/components/menu) | - |
|
| overlay(slot-scope) | the dropdown menu | [Menu](/components/menu) | - |
|
||||||
| overlayClassName | Class name of the dropdown root element | string | - |
|
| overlayClassName | Class name of the dropdown root element | string | - |
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
| 参数 | 说明 | 类型 | 默认值 |
|
| 参数 | 说明 | 类型 | 默认值 |
|
||||||
| --- | --- | --- | --- |
|
| --- | --- | --- | --- |
|
||||||
| disabled | 菜单是否禁用 | boolean | - |
|
| disabled | 菜单是否禁用 | boolean | - |
|
||||||
|
| destroyPopupOnHide | 关闭后是否销毁 Dropdown | boolean | false | |
|
||||||
| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。 | Function(triggerNode) | `() => document.body` |
|
| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。 | Function(triggerNode) | `() => document.body` |
|
||||||
| overlay(slot-scope) | 菜单 | [Menu](/components/menu-cn) | - |
|
| overlay(slot-scope) | 菜单 | [Menu](/components/menu-cn) | - |
|
||||||
| overlayClassName | 下拉根元素的类名称 | string | - |
|
| overlayClassName | 下拉根元素的类名称 | string | - |
|
||||||
|
|
|
@ -23,4 +23,5 @@ export default () => ({
|
||||||
mouseLeaveDelay: PropTypes.number,
|
mouseLeaveDelay: PropTypes.number,
|
||||||
openClassName: PropTypes.string,
|
openClassName: PropTypes.string,
|
||||||
minOverlayWidthMatchTrigger: PropTypes.bool,
|
minOverlayWidthMatchTrigger: PropTypes.bool,
|
||||||
|
destroyPopupOnHide: PropTypes.bool,
|
||||||
});
|
});
|
||||||
|
|
|
@ -9,6 +9,7 @@ export default {
|
||||||
mixins: [BaseMixin],
|
mixins: [BaseMixin],
|
||||||
props: {
|
props: {
|
||||||
minOverlayWidthMatchTrigger: PropTypes.bool,
|
minOverlayWidthMatchTrigger: PropTypes.bool,
|
||||||
|
destroyPopupOnHide: PropTypes.bool.def(false),
|
||||||
prefixCls: PropTypes.string.def('rc-dropdown'),
|
prefixCls: PropTypes.string.def('rc-dropdown'),
|
||||||
transitionName: PropTypes.string,
|
transitionName: PropTypes.string,
|
||||||
overlayClassName: PropTypes.string.def(''),
|
overlayClassName: PropTypes.string.def(''),
|
||||||
|
@ -169,6 +170,7 @@ export default {
|
||||||
overlayClassName,
|
overlayClassName,
|
||||||
overlayStyle,
|
overlayStyle,
|
||||||
trigger,
|
trigger,
|
||||||
|
destroyPopupOnHide,
|
||||||
...otherProps
|
...otherProps
|
||||||
} = this.$props;
|
} = this.$props;
|
||||||
let triggerHideAction = hideAction;
|
let triggerHideAction = hideAction;
|
||||||
|
@ -180,6 +182,7 @@ export default {
|
||||||
props: {
|
props: {
|
||||||
...otherProps,
|
...otherProps,
|
||||||
prefixCls,
|
prefixCls,
|
||||||
|
destroyPopupOnHide,
|
||||||
popupClassName: overlayClassName,
|
popupClassName: overlayClassName,
|
||||||
popupStyle: overlayStyle,
|
popupStyle: overlayStyle,
|
||||||
builtinPlacements: placements,
|
builtinPlacements: placements,
|
||||||
|
|
Loading…
Reference in New Issue