// bindinput事件返回值 
// value為變化后的值 cursor為變化的位置 keyCode為觸發(fā)的鍵值 
const {value, cursor, keyCode} = event.detail 
// 獲取光標位置，聚焦時生效 
wx.getSelectedTextRange({
  complete: res => {
    console.log('光標位置：', res.start, res.end)
  }
})

initAtFn() {
    // 獲取@人員數(shù)據(jù)
    const me = this
    const initMemberList = wx.getStorageSync('atMemberList')
    const atMemberArr = initMemberList ? initMemberList : []
    // 賦值后清除@人員數(shù)據(jù)
    wx.removeStorageSync('atMemberList')
    // 獲取上一次光標的位置
    const preCursor = wx.getStorageSync('blurCursor') ? parseInt(wx.getStorageSync('blurCursor')) : me.content.length
    // 將 @人員數(shù)據(jù) 并入內(nèi)容區(qū)域
    if (atMemberArr.length > 0) {
     // 獲取人員名稱
     const atMemberName = `@${atMemberArr[0].name}`
     // 如果上次光標有記錄 就根據(jù)光標分割字符串 并入@人員名稱
     if (preCursor.toString().length !== me.content.length) {
      const start = me.content.substring(0, preCursor)
      const end = me.content.substring(preCursor)
      me.content = `${start}${atMemberName}${end}`
     } else {
      me.content += `${atMemberName}`
     }
     me.atArr = me.atArr.concat(atMemberArr) // 合并人員
     wx.setStorageSync('blurCursor', preCursor + atMemberName.length)
    }else {
     wx.setStorageSync('blurCursor', me.content.length)
    }
    me.focus = true
    me.copyContent = me.content
    me.executeArr = me.getAtMemberPosFn() // 獲取@人員位置
   }

getAtMemberPosFn() {
    const me = this
    const [tipArr, left, right] = [ [], [], [] ]
    // 根據(jù)@人員的數(shù)組來匹配計算所處位置
    me.atArr.map(item => {
     const name = item.name
     const userId = item.userId
     // 此處有一個缺陷 如果手輸入的和獲取的@人名字相同 第一個會生效 第二個不會生效
     let start = me.copyContent.indexOf(name)
     
     if (tipArr.length > 0) {
      const _arr = tipArr.filter(v => v.name.includes(name))
      if (_arr.length > 0) {
       start = me.copyContent.indexOf(name, _arr[_arr.length - 1].end)
      }
     }
     
     const end = name.length + start // end
     left.push(start)
     right.push(end)
     // 獲取唯一標識 是用于重復(fù)@的區(qū)分
     const guid = me.createGuidFn()
     const tipObj = {
      start: start - 1, // @ - 1
      end,
      name,
      atName: `@${name}`,
      type: item.userId, 
      userId: userId,
      code: guid
     }
     tipArr.push(tipObj)
    })
    
    // 獲取區(qū)間左右最值
    right.length > 0 ? me.maxAt = Math.max(...right) : me.maxAt = 0
    left.length > 0 ? me.minAt = Math.min(...left) : me.minAt = 0
    me.atArr = tipArr
    return tipArr
   }

changeFn(txt) {
    const me = this
    const { value, cursor, keyCode } = txt.detail // 改變后的值，改變的位置，按鍵
     
    // 如果改變后的值為'', 就直接返回
    if(!value) {
     me.content = value
     me.copyContent = value
     me.atArr = []
     return false
    }
    
    // 判斷值改變的增減
    const changeLen = value.length - me.copyContent.length
    // 值改變的光標位置 不影響@人員的則不管
    if (cursor > me.maxAt) {
     me.copyContent = me.content
     return false
    }
  
    // 判斷為 增加值
    if (changeLen > 0) {
     const addCursor = cursor - changeLen // 重新計算增加位置 防止移動端一次性粘貼導(dǎo)致失效問題
     me.copyContent = me.content
     // 增加值的位置 小于左區(qū)間最值 則重新計算位置
     if(addCursor < me.minAt) {
      me.executeArr = me.getAtMemberPosFn()
      return false
     }
     
     me.executeArr.map(item => {
      const { start, end, name, code } = item
      if (addCursor < end && addCursor > start) {
       // 刪除命中人員，則該人員失效
       me.atArr = me.atArr.filter(v => v.code !== code)
      }
     })
     
     // 需要重新計算位置
     me.executeArr = me.getAtMemberPosFn()
    } else {
     let replaceStr = '' // 應(yīng)被刪除的字段
     const left = [] // 刪除左值集合
     const right = [] // 刪除右值集合
     const delLen = cursor - changeLen // 本身刪除的長度
     const deleteString = me.copyContent.substring(cursor, delLen) // 本身刪除的字段 [cursor, changeLen）
     // 獲取應(yīng)被刪除的左右位置
     function pushArrEvent(s, e) {
      left.push(s)
      right.push(e)
     }
  
     me.executeArr.map(item => {
      let { start, end, name, code } = item
      // D大 <= B小 || D小 >= B大
      // 命中部分為 刪除部分與@人員的交集
      if (!(delLen <= start || cursor >= end)) {
       // 命中判定，命中位置在名字區(qū)間 左邊/右邊/之間/或者多選中刪除的
       if (delLen <= end && cursor >= start) {
        pushArrEvent(start, end)
       } else {
        if (cursor > start) {
         if (delLen > end) {
          pushArrEvent(start, delLen)
         } else {
          pushArrEvent(start, end)
         }
        } else if (cursor < start) {
         if (delLen > end) {
          pushArrEvent(cursor, delLen)
         } else {
          pushArrEvent(cursor, end)
         }
        } else {
         pushArrEvent(cursor, delLen)
        }
       }
  
       // 獲取一鍵刪除區(qū)間 
       const del_left = Math.min(...left)
       const del_right = Math.max(...right)
       // 根據(jù)區(qū)間獲取一鍵刪除字段
       replaceStr = me.copyContent.substring(del_left, del_right)
       // 刪除后的賦值
       me.content = me.copyContent.substring(0, del_left) + me.copyContent.substring(del_right)
       
       // @人員數(shù)組生成
       me.atArr = me.atArr.filter(v => v.code !== code)
      }
     })
     // 執(zhí)行完后 重新賦值計算
     me.copyContent = me.content
     me.executeArr = me.getAtMemberPosFn()
    }
   }

submitTxtFn() {
    const copyTxt = this.content
    const arr = JSON.parse(JSON.stringify(this.atArr))
    const atUserIds = [...new Set(arr.map(v=>v.userId))] // 獲取@人員id
    let targetContent = ''
    let count = 0
    // 給@人員添加wxml標簽，此處用了jyf-Parser富文本解析插件，href里面的值用于點擊傳參
    if(arr.length > 0) {
     arr.forEach((item, index)=>{
      let _tip = ''
      const txt = copyTxt.substring(count, item.start)
      // 加空格
      _tip = `${txt}<a class="link" href="${item.name}" rel="external nofollow" >${item.atName} </a>`
      targetContent += _tip
      // 處理最后一個標簽后面的文本
      if(index + 1 === arr.length) {
       if(item.end < copyTxt.length) {
        targetContent += copyTxt.substring(item.end)
       }
      }
      count = item.end
     })
    }else {
     targetContent = this.content
    }
    // 目標數(shù)據(jù)
    const targetObj = {
     content: targetContent,
     atIds: atUserIds
    }
    this.submitData = targetObj
    return targetObj
   }