render()

in src/setter/style-setter/components/color-input/index.tsx [82:107]

• 26 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    const { styleKey, styleData, inputWidth = '108px',color } = this.props;
    const InputTarget = (
      <Input
        className="lowcode-setter-color"
        style={{ width: inputWidth }}
        hasClear
        innerBefore={<div className="color-box" style={{ backgroundColor: color?color:styleData[styleKey] }} />}
        onChange={this.inputChange}
        value={color?color:styleData[styleKey]}
      />
    );
    return (
      <Balloon
        needAdjust
        align="tr"
        offset={[-30, 0]}
        style={{ padding: 0 }}
        trigger={InputTarget}
        triggerType="click"
        closable={false}
      >
        <SketchPicker width={250} color={color?color:styleData[styleKey]} onChange={this.handleChange} />
      </Balloon>
    );
  }