| | |
| | | const { value, config } = this.props |
| | | |
| | | let type = config.showType || 'line' |
| | | let style = {} |
| | | |
| | | if (config.showInfo === 'true') { |
| | | style.color = config.infoColor || 'rgba(0, 0, 0, 0.65)' |
| | | } |
| | | |
| | | if (type === 'line') { |
| | | return <Progress percent={value} type="line" className={config.strokeLinecap || ''} strokeWidth={config.strokeWidth || 8} strokeColor={config.color} showInfo={config.showInfo === 'true'}/> |
| | | return <Progress percent={value} style={style} type="line" className={config.strokeLinecap || ''} strokeWidth={config.strokeWidth || 8} strokeColor={config.color} showInfo={config.showInfo === 'true'}/> |
| | | } |
| | | |
| | | let width = config.outlineWidth || 0 |
| | |
| | | width = this.progress.clientWidth |
| | | } |
| | | |
| | | style.stroke = config.trailColor || '#f5f5f5' |
| | | |
| | | return ( |
| | | <div ref={(ref) => this.progress = ref } style={{textAlign: config.textAlign || 'left'}}> |
| | | <Progress percent={value} width={width} type={type} strokeLinecap={config.strokeLinecap || 'round'} strokeWidth={config.strokeWidth || 8} strokeColor={config.color} showInfo={config.showInfo === 'true'}/> |
| | | <Progress percent={value} width={width} style={style} type={type} strokeLinecap={config.strokeLinecap || 'round'} strokeWidth={config.strokeWidth || 8} strokeColor={config.color} showInfo={config.showInfo === 'true'}/> |
| | | </div> |
| | | ) |
| | | } |