diff --git a/packages/dropdown-item/index.js b/packages/dropdown-item/index.js index 2171ac3c9..6885360ab 100644 --- a/packages/dropdown-item/index.js +++ b/packages/dropdown-item/index.js @@ -39,7 +39,7 @@ export default sfc({ }, render(h) { - const { top, zIndex, activeColor } = this.parent; + const { top, zIndex, overlay, activeColor, closeOnClickOverlay } = this.parent; const Options = this.options.map(option => { const active = option.value === this.value; @@ -65,7 +65,8 @@ export default sfc({ position="top" duration={0.2} class={bem('content')} - overlay={this.parent.overlay} + overlay={overlay} + closeOnClickOverlay={closeOnClickOverlay} overlayStyle={{ position: 'absolute' }} > {Options} diff --git a/packages/dropdown-menu/en-US.md b/packages/dropdown-menu/en-US.md index 14b5acb68..433a3234b 100644 --- a/packages/dropdown-menu/en-US.md +++ b/packages/dropdown-menu/en-US.md @@ -83,6 +83,7 @@ export default { | active-color | Active color of title and option | `String` | `#1989fa` | | z-index | z-index of menu item | `Number` | `10` | | overlay | Whether to show overlay | `Boolean` | `true` | +| close-on-click-overlay | Whether to close when click overlay | `Boolean` | `true` | ### DropdownItem Props diff --git a/packages/dropdown-menu/index.js b/packages/dropdown-menu/index.js index d3aacbb71..56dd50434 100644 --- a/packages/dropdown-menu/index.js +++ b/packages/dropdown-menu/index.js @@ -19,6 +19,10 @@ export default sfc({ activeColor: { type: String, default: BLUE + }, + closeOnClickOverlay: { + type: Boolean, + default: true } }, diff --git a/packages/dropdown-menu/zh-CN.md b/packages/dropdown-menu/zh-CN.md index 1fe6e77f3..dac89e311 100644 --- a/packages/dropdown-menu/zh-CN.md +++ b/packages/dropdown-menu/zh-CN.md @@ -84,7 +84,8 @@ export default { |------|------|------|------|------| | active-color | 菜单标题和选项的选中态颜色 | `String` | `#1989fa` | - | | z-index | 菜单栏 z-index 层级 | `Number` | `10` | - | -| overlay | 是否显示遮罩层 | `Boolean` | `true` | - | - | +| overlay | 是否显示遮罩层 | `Boolean` | `true` | - | +| close-on-click-overlay | 是否在点击蒙层后关闭菜单 | `Boolean` | `true` | - | ### DropdownItem Props