2021-08-31

king

2021-08-31 4c9caf3828b22bf1d940b0f3a012a7d2f6f5b67a

 src/mob/colorsketch/index.jsx

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

@@ -34,8 +35,22 @@
    } else if (value) {
      initVal = value
    }

    let _colors = sessionStorage.getItem('app_colors') || []
    try {
      _colors = JSON.parse(_colors)
    } catch {
      _colors = []
    }
    
    this.setState({color: initVal, allowClear: allowClear === true})
    let 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 +74,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>