| | |
| | | import React, {Component} from 'react' |
| | | import PropTypes from 'prop-types' |
| | | import { is, fromJS } from 'immutable' |
| | | import { Modal } from 'antd' |
| | | import { ClockCircleOutlined } from '@ant-design/icons' |
| | | |
| | |
| | | visible: false |
| | | } |
| | | |
| | | shouldComponentUpdate (nextProps, nextState) { |
| | | return !is(fromJS(this.state), fromJS(nextState)) |
| | | } |
| | | |
| | | trigger = () => { |
| | | this.setState({ |
| | | visible: true |
| | |
| | | this.setState({ |
| | | visible: false |
| | | }) |
| | | this.props.updateConfig({...config, timer: res.timer, clearField: res.clearField || '', clearValue: res.clearValue || ''}) |
| | | this.props.updateConfig({...config, timer: res.timer, timerRepeats: res.timerRepeats, clearField: res.clearField || '', clearValue: res.clearValue || ''}) |
| | | }) |
| | | } |
| | | |
| | |
| | | const { visible, loading } = this.state |
| | | |
| | | return ( |
| | | <div className="clock-component-wrap"> |
| | | <div className={'clock-component-wrap' + (config.timer ? ' tip-sign' : '')}> |
| | | <ClockCircleOutlined title="定时器" onClick={this.trigger} /> |
| | | <Modal |
| | | title="定时器设置" |