chat-app/src/main.js

import customNavbar from '@/components/custom-navbar/index'

import { createSSRApp } from 'vue'
import App from './App.vue'
import dayjs from 'dayjs'
import 'virtual:uno.css'
import VConsole from 'vconsole'
import '@/utils/uni.webview.js'
import tmui from '@/uni_modules/tmui'
import { config } from '@/config/tmui/index.js'
import 'dayjs/locale/zh-cn'
import xLoaderror from '@/components/x-loaderror/index.vue'
import asyncLoading from '@/components/async-loading/index.vue'
import asyncError from '@/components/async-error/index.vue'
import { vLoading } from '@/components/x-loading/index.js'
import messagePopup from '@/components/x-message/useMessagePopup'
import pageAnimation from '@/components/page-animation/index.vue'
import * as plugins from './plugins'
import { useDialogueStore, useTalkStore, useUserStore, useDialogueListStore } from '@/store'
import {uniStorage} from "@/utils/uniStorage.js"

const { showMessage } = messagePopup()
dayjs.locale('zh-cn')
if (import.meta.env.VITE_SHOW_CONSOLE === 'true') {
  new VConsole()
}
export function createApp() {
  const app = createSSRApp(App)
  plugins.setPinia(app)
  plugins.setComponents(app)
  app.use(tmui, { ...config })
  app.directive('loading', vLoading)
  app.mixin(pageAnimation)
  app.component('customNavbar', customNavbar)
  app.component('x-loaderror', xLoaderror)
  app.component('AsyncLoading', asyncLoading)
  app.component('AsyncError', asyncError)
  app.directive('no-space', {
    mounted(el) {
      el.addEventListener('input', (e) => {
        const originalValue = e.target.value
        const newValue = originalValue.replace(/\s/g, '')
        if (originalValue !== newValue) {
          e.target.value = newValue
          e.target.dispatchEvent(new Event('input'))
        }
      })
    },
  })

  //获取当前聊天页面所在页面，并通过当前的receiver_id判断是否要创建本地通知栏消息
  window.getCurrentChatRoute = (msg) => {
    let pushMsg = JSON.parse(decodeURIComponent(msg))
    //当前所在聊天会话的receiver_id
    const receiver_id = pushMsg?.payload?.receiver_id
    // 获取当前页面路径
    const pages = getCurrentPages()
    const page = pages[pages.length - 1]
    console.log(page.route)

    const dialogueStore = useDialogueStore()
    console.log(dialogueStore?.talk?.receiver_id)
    if (
      page?.route === 'pages/dialog/index' &&
      receiver_id === dialogueStore?.talk?.receiver_id
    ) {
      return
    }
    console.log('===准备创建本地通知栏消息')
    let OAWebView = plus.webview.all()
    OAWebView.forEach((webview, index) => {
      if (webview.id === 'webviewId1') {
        webview.evalJS(`doCreatePushMessage('${msg}')`)
      }
    })
  }

  //处理聊天推送弹窗点开
  window.openUniPushMsg = (msg) => {
    console.log('=====点击通知栏消息')
    let pushMsg = JSON.parse(decodeURIComponent(msg))
    console.log('=====pushMsg', pushMsg)
    //由于弹窗前处理了不该弹窗的场景，因此这里弹窗可以一并处理
    //也就是都跳转到聊天页面
    const talkStore = useTalkStore()
    talkStore.toTalk(pushMsg?.payload?.talk_type, pushMsg?.payload?.receiver_id)
  }

  //处理当用户信息发生变化时，更新用户信息
  window.updateUserInfo = () => {
    useUserStore().loadSetting()
  }
  // 通讯录跳转
  window.handleContacts = () => {
    // 旧版本-按组织架构树的通讯录
    // uni.navigateTo({
    //   url: '/pages/chooseByDeps/index?chooseMode=3&type=true'
    // });

    // 新版本-按公司别、好友、群组的通讯录
    uni.navigateTo({
      url: '/pages/addressBook/index?type=true',
    });
  };

  //处理OA、墨册强制刷新时，聊天同步强制刷新
  window.doLocationRefresh = () => {
    uniStorage.removeItem('dialogueList')
    uniStorage.removeItem('dialogue')
    useUserStore().loadSetting()
    useDialogueListStore().dialogueList.value = []
    // location.reload(true)
  }

  //检查聊天页面是否可用
  window.checkChatWebviewAvailable = () => {
    let OAWebView = plus.webview.all()
    OAWebView.forEach((webview, index) => {
      if (webview.id === 'webviewId1') {
        webview.evalJS(`doneCheckChatWebviewAvailable()`)
      }
    })
  }

  //获取从base传来的多选视频列表
  window.getBaseMulVideo = (videoList) => {
    const videos = JSON.parse(decodeURIComponent(videoList))
    console.error('=====videos', videos)
    if(videos.length > 0){
      const videoUri = videos[0]
      console.error('=====videoUri', videoUri)

    }
  }

  window.message = ['success', 'error', 'warning'].reduce((acc, type) => {
    acc[type] = (message) => {
      if (typeof message === 'string') {
        showMessage({ type, message })
      } else if (typeof message === 'object') {
        showMessage({ type, ...message })
      }
    }
    return acc
  }, {})
  return {
    app,
  }
}
createApp()