chat-pc/src/views/message/inner/panel/menu.ts

import { reactive } from 'vue'
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 datetime = item.created_at.replace(/-/g, '/')

  const time = new Date().getTime() - Date.parse(datetime)

  return Math.floor(time / 1000 / 60) <= 2
}
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.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 (isRevoke(uid, item)|| (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 }
}