import { reactive } from 'vue'
import dayjs from 'dayjs'
import { useDialogueStore } from '@/store/modules/dialogue.js'

interface IDropdown {
  options: any[]
  show: boolean
  x: number
  y: number
  item: any
}

const isRevoke = (uid: any, item: any): boolean => {
  if (uid != item.user_id) {
    return false
  }

  const messageTime = dayjs(item.created_at)
  const now = dayjs()
  const diffInMinutes = now.diff(messageTime, 'minute')
  return diffInMinutes <= 5
}
const dialogueStore = useDialogueStore()
export function useMenu() {
  const dropdown: IDropdown = reactive({
    options: [],
    show: false,
    x: 0,
    y: 0,
    item: {}
  })

  const showDropdownMenu = (e: any, uid: number, item: any) => {
  //  dropdown.item = Object.assign({}, item)
  dropdown.item = item
  dropdown.item.is_self_action = true
    dropdown.options = []
    if ([4].includes(item.msg_type)) {
      if(item.is_convert_text === 1){
        dropdown.options.push({ label: '关闭转文字', key: 'closeConvertText' })
      }else{
        dropdown.options.push({ label: '转文字', key: 'convertText' })
      }
    
    }
    if ([1, 3].includes(item.msg_type)) {
      dropdown.options.push({ label: '复制', key: 'copy' })
    }

    dropdown.options.push({ label: '多选', key: 'multiSelect' })
    dropdown.options.push({ label: '引用', key: 'quote' })
    //如果是单聊
    if(item.talk_type===1){
      //撤回时间限制内，并且是自己发的
      if(isRevoke(uid, item)&&item.float==='right'){
        dropdown.options.push({ label: `撤回`, key: 'revoke' })
      }
      //群聊
    }else if(item.talk_type===2){
      //管理员可以强制撤回所有成员信息
      if ((dialogueStore.groupInfo as any).is_manager) {
        dropdown.options.push({ label: `撤回`, key: 'revoke' })
      }
    }
   
    dropdown.options.push({ label: '删除', key: 'delete' })



    // if ([3, 4, 5].includes(item.msg_type)) {
    //   dropdown.options.push({ label: '下载', key: 'download' })
    // }

    // if ([3].includes(item.msg_type)) {
    //   dropdown.options.push({ label: '收藏', key: 'collect' })
    // }
   

    dropdown.x = e.clientX
    dropdown.y = e.clientY
    dropdown.show = true
  }

  const closeDropdownMenu = () => {
    dropdown.show = false
    dropdown.item = {}
  }

  return { dropdown, showDropdownMenu, closeDropdownMenu }
}