2021-10-21

king

2021-10-21 1da6506bf58270bacc2a4345002c6b082835580e

 src/mob/colorsketch/index.jsx

@@ -20,6 +20,7 @@
  }
  state = {
    color: '',
    colors: [],
    allowClear: false
  }

@@ -35,7 +36,27 @@
      initVal = value
    }
    
    this.setState({color: initVal, allowClear: allowClear === true})
    let _colors = sessionStorage.getItem('app_colors')
    let colors = presetColors

    if (_colors && _colors !== '[]') {
      try {
        _colors = JSON.parse(_colors)
      } catch (e) {
        _colors = null
      }
      
      if (_colors) {
        colors = presetColors.map((item, i) => {
          if (_colors[i] && _colors[i].linkurl && !presetColors.includes(_colors[i].linkurl)) {
            return _colors[i].linkurl
          }
          return item
        })
      }
    }
    
    this.setState({color: initVal, allowClear: allowClear === true, colors})
  }

  handleChange = (color) => {
@@ -59,11 +80,11 @@
  }

  render() {
    const { color, allowClear } = this.state
    const { color, allowClear, colors } = this.state
    return (
      <div className="color-sketch-block">
        <Popover content={
          <SketchPicker color={ color } presetColors={presetColors} onChange={ this.handleChange } />
          <SketchPicker color={ color } presetColors={colors} onChange={ this.handleChange } />
        } overlayClassName="color-sketch-popover" placement="bottomRight" title="" trigger="click">
          <div className="color-sketch-block-box">
            <div className="color-sketch-block-inner" style={ {background: color} }></div>