let timer = null
Page({
  onShareAppMessage() {
    return {
      title: 'input',
      path: 'pages/component/input/input'
    }
  },

  data: {
    show: true,
    focus: false,
    inputValue: '',
    updateValue: ''
  },

  onLoad() {
    timer = setInterval(() => {
      this.setData({
        active: !this.data.active
      })
    }, 3000)
  },

  onUnload() {
    timer && clearInterval(timer)
  },

  toggleInputShow() {
    this.setData({
      show: !this.data.show
    })
  },

  toggleInputValue() {
    this.setData({
      updateValue: String(Math.random()).slice(0, 12)
    })
  },

  bindKeyInput(e) {
    this.setData({
      inputValue: e.detail.value
    })
  },

  bindReplaceInput(e) {
    const value = e.detail.value
    let pos = e.detail.cursor
    let left
    if (pos !== -1) {
      // 光标在中间
      left = e.detail.value.slice(0, pos)
      // 计算光标的位置
      pos = left.replace(/11/g, '2').length
    }

    // 直接返回对象，可以对输入进行过滤处理，同时可以控制光标的位置
    return {
      value: value.replace(/11/g, '2'),
      cursor: pos
    }

    // 或者直接返回字符串,光标在最后边
    // return value.replace(/11/g,'2'),
  },

  bindHideKeyboard(e) {
    if (e.detail.value === '123') {
      // 收起键盘
      wx.hideKeyboard()
    }
  }
})