mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 06:03:38 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

fix: should support Dropdown.Button[disabled], close: #3070

Browse Source
This commit is contained in:
Benjy Cui 2016-09-19 11:42:03 +08:00
parent 029dcf983e
commit 469d24599f
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/dropdown/demo/dropdown-button.md
View File

@ -37,6 +37,13 @@ ReactDOM.render(
<Dropdown.Button onClick={handleButtonClick} overlay={menu} type="ghost">
某功能按钮
</Dropdown.Button>
<Dropdown.Button
onClick={handleButtonClick} overlay={menu}
type="ghost" disabled
style={{ marginLeft: 8 }}
>
某功能按钮
</Dropdown.Button>
<Dropdown overlay={menu}>
<Button type="ghost" style={{ marginLeft: 8 }}>
按钮 <Icon type="down" />

11
components/dropdown/dropdown-button.tsx
View File

@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import Button from '../button';
import Icon from '../icon';
import Dropdown from './dropdown';
@ -12,6 +12,7 @@ export interface DropdownButtonProps {
trigger?: 'click' | 'hover';
overlay: React.ReactNode;
visible?: boolean;
disabled?: boolean;
onVisibleChange?: (visible: boolean) => void;
style?: React.CSSProperties;
prefixCls?: string;
@ -33,18 +34,18 @@ export default class DropdownButton extends React.Component<DropdownButtonProps,
};
render() {
const [{ type, overlay, trigger, align, children, className, onClick, prefixCls }, restProps] =
const [{ type, overlay, trigger, align, children, className, onClick, prefixCls, disabled }, restProps] =
splitObject(this.props,
['type', 'overlay', 'trigger', 'align', 'children', 'className', 'onClick', 'prefixCls']);
['type', 'overlay', 'trigger', 'align', 'children', 'className', 'onClick', 'prefixCls', 'disabled']);
const cls = classNames({
[prefixCls]: true,
[className]: !!className,
});
return (
<ButtonGroup {...restProps} className={cls}>
<Button type={type} onClick={onClick}>{children}</Button>
<Button type={type} onClick={onClick} disabled={disabled}>{children}</Button>
<Dropdown align={align} overlay={overlay} trigger={trigger}>
<Button type={type}>
<Button type={type} disabled={disabled}>
<Icon type="down" />
</Button>
</Dropdown>