import React, { Component } from 'react'; import PropTypes from 'prop-types'; import Header from './Header'; import Combobox from './Combobox'; import moment from 'moment'; import classNames from 'classnames'; function noop() { } function generateOptions(length, disabledOptions, hideDisabledOptions) { const arr = []; for (let value = 0; value < length; value++) { if (!disabledOptions || disabledOptions.indexOf(value) < 0 || !hideDisabledOptions) { arr.push(value); } } return arr; } class Panel extends Component { static propTypes = { clearText: PropTypes.string, prefixCls: PropTypes.string, className: PropTypes.string, defaultOpenValue: PropTypes.object, value: PropTypes.object, placeholder: PropTypes.string, format: PropTypes.string, disabledHours: PropTypes.func, disabledMinutes: PropTypes.func, disabledSeconds: PropTypes.func, hideDisabledOptions: PropTypes.bool, onChange: PropTypes.func, onEsc: PropTypes.func, allowEmpty: PropTypes.bool, showHour: PropTypes.bool, showMinute: PropTypes.bool, showSecond: PropTypes.bool, onClear: PropTypes.func, use12Hours: PropTypes.bool, addon: PropTypes.func, }; static defaultProps = { prefixCls: 'rc-time-picker-panel', onChange: noop, onClear: noop, disabledHours: noop, disabledMinutes: noop, disabledSeconds: noop, defaultOpenValue: moment(), use12Hours: false, addon: noop, }; constructor(props) { super(props); this.state = { value: props.value, selectionRange: [], }; } componentWillReceiveProps(nextProps) { const value = nextProps.value; if (value) { this.setState({ value, }); } } onChange = (newValue) => { this.setState({ value: newValue }); this.props.onChange(newValue); } onCurrentSelectPanelChange = (currentSelectPanel) => { this.setState({ currentSelectPanel }); } // https://github.com/ant-design/ant-design/issues/5829 close() { this.props.onEsc(); } render() { const { prefixCls, className, placeholder, disabledHours, disabledMinutes, disabledSeconds, hideDisabledOptions, allowEmpty, showHour, showMinute, showSecond, format, defaultOpenValue, clearText, onEsc, addon, use12Hours, onClear, } = this.props; const { value, currentSelectPanel, } = this.state; const disabledHourOptions = disabledHours(); const disabledMinuteOptions = disabledMinutes(value ? value.hour() : null); const disabledSecondOptions = disabledSeconds(value ? value.hour() : null, value ? value.minute() : null); const hourOptions = generateOptions(24, disabledHourOptions, hideDisabledOptions); const minuteOptions = generateOptions(60, disabledMinuteOptions, hideDisabledOptions); const secondOptions = generateOptions(60, disabledSecondOptions, hideDisabledOptions); return (
{addon(this)}
); } } export default Panel;