ant-design/components/switch/index.tsx

39 lines
988 B
TypeScript
Raw Normal View History

2016-09-21 11:54:53 +08:00
import React from 'react';
2016-08-10 09:46:56 +08:00
import { PropTypes } from 'react';
import RcSwitch from 'rc-switch';
2015-12-06 16:39:01 +08:00
import classNames from 'classnames';
2015-07-08 19:47:45 +08:00
2016-08-10 09:46:56 +08:00
export interface SwitchProps {
prefixCls?: string;
size?: 'small' | 'default';
className?: string;
checked?: boolean;
defaultChecked?: boolean;
onChange?: (checked: boolean) => any;
checkedChildren?: React.ReactNode;
unCheckedChildren?: React.ReactNode;
disabled?: boolean;
2016-08-10 09:46:56 +08:00
}
export default class Switch extends React.Component<SwitchProps, any> {
static defaultProps = {
prefixCls: 'ant-switch',
2016-08-10 09:46:56 +08:00
size: 'default',
};
static propTypes = {
prefixCls: PropTypes.string,
size: PropTypes.oneOf(['small', 'default']),
className: PropTypes.string,
2016-07-13 11:14:24 +08:00
};
2015-07-08 19:47:45 +08:00
render() {
2016-10-24 16:30:38 +08:00
const { prefixCls, size, className = '' } = this.props;
2016-08-10 09:46:56 +08:00
const classes = classNames({
2015-12-06 16:39:01 +08:00
[className]: !!className,
2016-01-27 12:00:27 +08:00
[`${prefixCls}-small`]: size === 'small',
2015-12-06 16:39:01 +08:00
});
2016-08-10 09:46:56 +08:00
return <RcSwitch {...this.props} className={classes} />;
2015-07-08 19:47:45 +08:00
}
}