2023-11-17

king

2023-11-17 878e09d732771964781104288994a9544f11a24e

 src/menu/stylecontroller/index.jsx

@@ -56,6 +56,7 @@
  }

  callback = null
  timer = null

  shouldComponentUpdate (nextProps, nextState) {
    return !is(fromJS(this.state), fromJS(nextState))
@@ -96,6 +97,8 @@
    }

    this.callback = callback
    this.timer = null

    let card = fromJS(style).toJS()
    let borposition = 'outer'

@@ -163,7 +166,7 @@
    this.callback = null
  }

  updateStyle = (style) => {
  updateStyle = (style, delay) => {
    const { card } = this.state

    let _style = {
@@ -191,7 +194,15 @@
      card: _style,
    })

    this.callback && this.callback(_style)
    this.timer && clearTimeout(this.timer)

    if (delay) {
      this.timer = setTimeout(() => {
        this.callback && this.callback(_style)
      }, 300)
    } else {
      this.callback && this.callback(_style)
    }
  }

  /**
@@ -208,7 +219,7 @@
      value = 300
    }

    this.updateStyle({fontSize: `${value}px`})
    this.updateStyle({fontSize: `${value}px`}, true)
  }

  /**
@@ -219,7 +230,7 @@

    if (isNaN(value) || value < 1 || value > 10) return

    this.updateStyle({lineHeight: value})
    this.updateStyle({lineHeight: value}, true)
  }

  /**
@@ -230,7 +241,7 @@

    if (isNaN(value) || value < 0 || value > 100) return

    this.updateStyle({letterSpacing: `${value}px`})
    this.updateStyle({letterSpacing: `${value}px`}, true)
  }

  /**
@@ -241,7 +252,7 @@

    if (isNaN(value) || value < 0 || value > 100) return

    this.updateStyle({textIndent: `${value}px`})
    this.updateStyle({textIndent: `${value}px`}, true)
  }

  changeBackground = (val) => {