saven/packages/saven-components/src/components/switch/index.js

no

import Nerv from 'nervjs'
import omit from 'omit.js'
import classNames from 'classnames'

const types = {
  switch: 'switch',
  checkbox: 'check'
}
function parseType (type) {
  if (!types[type]) throw new Error('unexpected type')
  return types[type]
}
class Switch extends Nerv.Component {
  constructor () {
    super(...arguments)
    this.state = {
      checked: this.props.checked
    }
    this.switchChange = this.switchChange.bind(this)
  }

  switchChange (e) {
    const { onChange } = this.props
    Object.defineProperty(e, 'detail', {
      enumerable: true,
      value: {
        value: e.target.checked
      }
    })
    onChange && onChange(e)
    this.setState({
      checked: e.target.checked
    })
  }

  render () {
    const { type = 'switch', className, color } = this.props
    const cls = classNames(
      {
        [`weui-${parseType(type)}`]: true
      },
      className
    )
    let sty
    if (this.state.checked) {
      sty = {
        borderColor: color || '04BE02',
        backgroundColor: color || '04BE02'
      }
    } else {
      sty = ''
    }
    return (
      <input
        {...omit(this.props, ['className', 'checked', 'onChange'])}
        className={cls}
        checked={this.state.checked}
        type='checkbox'
        onChange={this.switchChange}
        style={sty}
      />
    )
  }
}

export default Switch