import { ref, computed } from 'vue'

export interface ChatMessage {
  id: number
  title: string
  content: string
  time: string
  pending?: boolean
  avatar?: string
}

export interface ChatBubble {
  id: number
  content: string
  time: string
  isSelf: boolean
}

export type FilterType = 'all' | 'pending' | 'processed'

export function useChat() {
  const selectedChatId = ref<number | null>(null)

  // 模拟对话列表数据
  const chats = ref<ChatMessage[]>([
    { id: 1, title: '系统助手', content: '欢迎使用角色管理系统，祝您工作顺利！', time: '10:00', pending: false, avatar: '系统' },
    { id: 2, title: '任务提醒', content: '您有一个待处理的任务需要在今天完成。', time: '11:30', pending: true, avatar: '任务' },
    { id: 3, title: '审批助手', content: '新的流程审批等待您的处理，请及时查看。', time: '14:20', pending: true, avatar: '审批' },
    { id: 4, title: '会议助手', content: '明天上午 10 点召开项目进度会议，请准时参加。', time: '15:00', pending: false, avatar: '会议' },
  ])

  // 模拟聊天泡泡数据
  const chatBubbles = ref<Record<number, ChatBubble[]>>({
    1: [
      { id: 1, content: '欢迎使用角色管理系统，祝您工作顺利！', time: '10:00', isSelf: false },
      { id: 2, content: '谢谢，我该如何开始？', time: '10:01', isSelf: true },
      { id: 3, content: '您可以从左侧菜单开始探索各项功能', time: '10:02', isSelf: false },
    ],
    2: [
      { id: 1, content: '您有一个待处理的任务需要在今天完成。', time: '11:30', isSelf: false },
    ],
    3: [
      { id: 1, content: '新的流程审批等待您的处理，请及时查看。', time: '14:20', isSelf: false },
      { id: 2, content: '好的，我马上处理', time: '14:25', isSelf: true },
    ],
    4: [
      { id: 1, content: '明天上午 10 点召开项目进度会议，请准时参加。', time: '15:00', isSelf: false },
    ],
  })

  // 计算属性：获取当前选中的对话
  const selectedChat = computed(() => 
    chats.value.find(c => c.id === selectedChatId.value)
  )

  // 计算属性：获取当前对话的泡泡列表
  const currentBubbles = computed(() => 
    selectedChatId.value ? (chatBubbles.value[selectedChatId.value] || []) : []
  )

  // 选择对话
  const selectChat = (id: number) => {
    selectedChatId.value = id
    // 标记为已处理
    const chat = chats.value.find(c => c.id === id)
    if (chat) chat.pending = false
  }

  // 发送消息
  const sendMessage = (content: string) => {
    if (!selectedChatId.value || !content.trim()) return
    
    const newBubble: ChatBubble = {
      id: Date.now(),
      content: content.trim(),
      time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }),
      isSelf: true,
    }
    
    if (!chatBubbles.value[selectedChatId.value]) {
      chatBubbles.value[selectedChatId.value] = []
    }
    chatBubbles.value[selectedChatId.value].push(newBubble)
  }

  // 操作处理函数
  const handleChatAction = (action: string, chatId: number) => {
    console.log(`处理对话 ${chatId}: ${action}`)
    // TODO: 实现具体业务逻辑
  }

  return {
    // 状态
    selectedChatId,
    
    // 数据
    chats,
    chatBubbles,
    
    // 计算属性
    selectedChat,
    currentBubbles,
    
    // 方法
    selectChat,
    sendMessage,
    handleChatAction,
  }
}