ant-design/components/switch/index.tsx

38 lines
1.0 KiB
TypeScript
Raw Normal View History

import React, { PropTypes } from 'react';
2016-08-10 09:46:56 +08:00
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
};
static propTypes = {
prefixCls: PropTypes.string,
// HACK: https://github.com/ant-design/ant-design/issues/5368
// size=default and size=large are the same
size: PropTypes.oneOf(['small', 'default', 'large']),
2016-08-10 09:46:56 +08:00
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;
const classes = classNames(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
}
}