lyc-dev #153
|
@ -1,7 +1,11 @@
|
|||
appId: com.electron.app
|
||||
productName: AIx
|
||||
directories:
|
||||
output: dist
|
||||
buildResources: build
|
||||
win:
|
||||
executableName: AIx
|
||||
icon: resources/logo2.ico
|
||||
files:
|
||||
- '!**/.vscode/*'
|
||||
- '!src/*'
|
||||
|
@ -10,9 +14,6 @@ files:
|
|||
- '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
|
||||
asarUnpack:
|
||||
- resources/**
|
||||
win:
|
||||
executableName: AIx
|
||||
icon: resources/logo2.ico
|
||||
nsis:
|
||||
oneClick: false
|
||||
allowToChangeInstallationDirectory: true
|
||||
|
@ -45,3 +46,9 @@ publish:
|
|||
url: https://prev.ysaix.com:7868/src/assets/smarttalk/
|
||||
electronDownload:
|
||||
mirror: https://npmmirror.com/mirrors/electron/
|
||||
# 额外依赖打包到输出目录
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
|
|
|
@ -45,3 +45,9 @@ publish:
|
|||
url: http://localhost:3000
|
||||
electronDownload:
|
||||
mirror: https://npmmirror.com/mirrors/electron/
|
||||
# 额外依赖打包到输出目录
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
|
|
|
@ -13,6 +13,11 @@ asarUnpack:
|
|||
win:
|
||||
executableName: AIx
|
||||
icon: resources/logo2.ico
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
nsis:
|
||||
oneClick: false
|
||||
allowToChangeInstallationDirectory: true
|
||||
|
|
13
package.json
13
package.json
|
@ -63,5 +63,18 @@
|
|||
"vite-plugin-windicss": "^1.9.3",
|
||||
"vue": "^3.4.30",
|
||||
"windicss": "^3.5.6"
|
||||
},
|
||||
"build": {
|
||||
"win": {
|
||||
"extraFiles": [
|
||||
{
|
||||
"from": "./node_modules/im_electron_sdk/lib/",
|
||||
"to": "./resources",
|
||||
"filter": [
|
||||
"**/*"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -230,7 +230,6 @@ app.on('window-all-closed', () => {
|
|||
|
||||
// 监听全局事件
|
||||
function handleAll() {
|
||||
// chat.initialize() // im-chat 实例
|
||||
const chatInstance = chat.initialize() // im-chat 实例
|
||||
// 新窗口创建-监听
|
||||
ipcMain.on('new-window', (e, data) => {
|
||||
|
|
|
@ -13,9 +13,11 @@ export class ApiService {
|
|||
if (!!data) config[method=='get'?'params':'data'] = data
|
||||
if (!!option) Object.assign(config, option)
|
||||
// 特殊格式处理
|
||||
if (type == 'file') config.headers = { 'Content-Type': 'multipart/form-data' }
|
||||
else if (type == 'json') config.headers = { 'Content-Type': 'application/json' }
|
||||
else if (type == 'form') config.headers = { 'Content-Type': 'application/x-www-form-urlencoded' }
|
||||
let headers
|
||||
if (type == 'file') headers = { 'Content-Type': 'multipart/form-data' }
|
||||
else if (type == 'json') headers = { 'Content-Type': 'application/json' }
|
||||
else if (type == 'form') headers = { 'Content-Type': 'application/x-www-form-urlencoded' }
|
||||
headers && (config.headers = { ...config.headers, ...headers })
|
||||
return request(config)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -160,10 +160,12 @@ export function deleteSmartReserv(id) {
|
|||
})
|
||||
}
|
||||
export function startClass(id, ex3) {
|
||||
const params = {id}
|
||||
!!ex3 && (params.ex3 = ex3)
|
||||
return request({
|
||||
url: '/smarttalk/classReserv/startClass',
|
||||
method: 'get',
|
||||
params: {id, ex3}
|
||||
params
|
||||
})
|
||||
}
|
||||
export function endClass(id) {
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 2794390 */
|
||||
src: url('iconfont.woff2?t=1723453634574') format('woff2'),
|
||||
url('iconfont.woff?t=1723453634574') format('woff'),
|
||||
url('iconfont.ttf?t=1723453634574') format('truetype'),
|
||||
url('iconfont.svg?t=1723453634574#iconfont') format('svg');
|
||||
src: url('iconfont.woff2?t=1724212790213') format('woff2'),
|
||||
url('iconfont.woff?t=1724212790213') format('woff'),
|
||||
url('iconfont.ttf?t=1724212790213') format('truetype'),
|
||||
url('iconfont.svg?t=1724212790213#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
|
@ -14,6 +14,90 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-yiwen:before {
|
||||
content: "\e687";
|
||||
}
|
||||
|
||||
.icon-yiwen-01:before {
|
||||
content: "\e688";
|
||||
}
|
||||
|
||||
.icon-yihuo:before {
|
||||
content: "\e689";
|
||||
}
|
||||
|
||||
.icon-a-yiwen:before {
|
||||
content: "\e6b1";
|
||||
}
|
||||
|
||||
.icon-zan:before {
|
||||
content: "\e658";
|
||||
}
|
||||
|
||||
.icon-zan1:before {
|
||||
content: "\e659";
|
||||
}
|
||||
|
||||
.icon-zan2:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
|
||||
.icon-zan3:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
|
||||
.icon-zan4:before {
|
||||
content: "\e67c";
|
||||
}
|
||||
|
||||
.icon-yizan:before {
|
||||
content: "\e67e";
|
||||
}
|
||||
|
||||
.icon-zan5:before {
|
||||
content: "\e67f";
|
||||
}
|
||||
|
||||
.icon-zan-yizan:before {
|
||||
content: "\e680";
|
||||
}
|
||||
|
||||
.icon-zan6:before {
|
||||
content: "\e681";
|
||||
}
|
||||
|
||||
.icon-MBEfenggeduosetubiao-xihuan:before {
|
||||
content: "\e682";
|
||||
}
|
||||
|
||||
.icon-zan7:before {
|
||||
content: "\e683";
|
||||
}
|
||||
|
||||
.icon-zan11:before {
|
||||
content: "\e6ff";
|
||||
}
|
||||
|
||||
.icon-zan8:before {
|
||||
content: "\e684";
|
||||
}
|
||||
|
||||
.icon-dianzan-red:before {
|
||||
content: "\e685";
|
||||
}
|
||||
|
||||
.icon-zan9:before {
|
||||
content: "\e69e";
|
||||
}
|
||||
|
||||
.icon-zanping:before {
|
||||
content: "\100ae";
|
||||
}
|
||||
|
||||
.icon-zan10:before {
|
||||
content: "\e686";
|
||||
}
|
||||
|
||||
.icon-arrangement:before {
|
||||
content: "\e656";
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -5,6 +5,153 @@
|
|||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "20574719",
|
||||
"name": "疑问",
|
||||
"font_class": "yiwen",
|
||||
"unicode": "e687",
|
||||
"unicode_decimal": 59015
|
||||
},
|
||||
{
|
||||
"icon_id": "21052326",
|
||||
"name": "yiwen-01",
|
||||
"font_class": "yiwen-01",
|
||||
"unicode": "e688",
|
||||
"unicode_decimal": 59016
|
||||
},
|
||||
{
|
||||
"icon_id": "30456317",
|
||||
"name": "疑惑",
|
||||
"font_class": "yihuo",
|
||||
"unicode": "e689",
|
||||
"unicode_decimal": 59017
|
||||
},
|
||||
{
|
||||
"icon_id": "33439935",
|
||||
"name": "[疑问]",
|
||||
"font_class": "a-yiwen",
|
||||
"unicode": "e6b1",
|
||||
"unicode_decimal": 59057
|
||||
},
|
||||
{
|
||||
"icon_id": "1242129",
|
||||
"name": "赞",
|
||||
"font_class": "zan",
|
||||
"unicode": "e658",
|
||||
"unicode_decimal": 58968
|
||||
},
|
||||
{
|
||||
"icon_id": "1741390",
|
||||
"name": "赞",
|
||||
"font_class": "zan1",
|
||||
"unicode": "e659",
|
||||
"unicode_decimal": 58969
|
||||
},
|
||||
{
|
||||
"icon_id": "3159200",
|
||||
"name": "赞",
|
||||
"font_class": "zan2",
|
||||
"unicode": "e65a",
|
||||
"unicode_decimal": 58970
|
||||
},
|
||||
{
|
||||
"icon_id": "3402139",
|
||||
"name": "赞",
|
||||
"font_class": "zan3",
|
||||
"unicode": "e65c",
|
||||
"unicode_decimal": 58972
|
||||
},
|
||||
{
|
||||
"icon_id": "4931286",
|
||||
"name": "赞 (1)",
|
||||
"font_class": "zan4",
|
||||
"unicode": "e67c",
|
||||
"unicode_decimal": 59004
|
||||
},
|
||||
{
|
||||
"icon_id": "4942300",
|
||||
"name": "已赞",
|
||||
"font_class": "yizan",
|
||||
"unicode": "e67e",
|
||||
"unicode_decimal": 59006
|
||||
},
|
||||
{
|
||||
"icon_id": "5806181",
|
||||
"name": "赞",
|
||||
"font_class": "zan5",
|
||||
"unicode": "e67f",
|
||||
"unicode_decimal": 59007
|
||||
},
|
||||
{
|
||||
"icon_id": "7172310",
|
||||
"name": "赞-已赞",
|
||||
"font_class": "zan-yizan",
|
||||
"unicode": "e680",
|
||||
"unicode_decimal": 59008
|
||||
},
|
||||
{
|
||||
"icon_id": "7293361",
|
||||
"name": "赞2",
|
||||
"font_class": "zan6",
|
||||
"unicode": "e681",
|
||||
"unicode_decimal": 59009
|
||||
},
|
||||
{
|
||||
"icon_id": "8705087",
|
||||
"name": "MBE风格多色图标-喜欢",
|
||||
"font_class": "MBEfenggeduosetubiao-xihuan",
|
||||
"unicode": "e682",
|
||||
"unicode_decimal": 59010
|
||||
},
|
||||
{
|
||||
"icon_id": "10024138",
|
||||
"name": "赞",
|
||||
"font_class": "zan7",
|
||||
"unicode": "e683",
|
||||
"unicode_decimal": 59011
|
||||
},
|
||||
{
|
||||
"icon_id": "11055391",
|
||||
"name": "赞",
|
||||
"font_class": "zan11",
|
||||
"unicode": "e6ff",
|
||||
"unicode_decimal": 59135
|
||||
},
|
||||
{
|
||||
"icon_id": "11086734",
|
||||
"name": "赞",
|
||||
"font_class": "zan8",
|
||||
"unicode": "e684",
|
||||
"unicode_decimal": 59012
|
||||
},
|
||||
{
|
||||
"icon_id": "23592614",
|
||||
"name": "点赞",
|
||||
"font_class": "dianzan-red",
|
||||
"unicode": "e685",
|
||||
"unicode_decimal": 59013
|
||||
},
|
||||
{
|
||||
"icon_id": "26327261",
|
||||
"name": "赞",
|
||||
"font_class": "zan9",
|
||||
"unicode": "e69e",
|
||||
"unicode_decimal": 59038
|
||||
},
|
||||
{
|
||||
"icon_id": "27804883",
|
||||
"name": "赞评",
|
||||
"font_class": "zanping",
|
||||
"unicode": "100ae",
|
||||
"unicode_decimal": 65710
|
||||
},
|
||||
{
|
||||
"icon_id": "29252894",
|
||||
"name": "赞",
|
||||
"font_class": "zan10",
|
||||
"unicode": "e686",
|
||||
"unicode_decimal": 59014
|
||||
},
|
||||
{
|
||||
"icon_id": "4978988",
|
||||
"name": "作业-布置作业",
|
||||
|
|
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 337 KiB After Width: | Height: | Size: 337 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -100,12 +100,17 @@ const renderPage = async (canvasobj) => {
|
|||
})
|
||||
}
|
||||
// 保存数据
|
||||
const savaDataStore = () => {
|
||||
const savaDataStore = (type) => {
|
||||
if(!toolState.isToolWin){
|
||||
toolState.isPdfWin=false
|
||||
toolState.showBoardAll=true //恢复默认值
|
||||
if(type=='rest'){
|
||||
ipcRenderer.invoke('tool-sphere:reset') //重置tool状态
|
||||
ipcRenderer.send('open-PDF:minimize')
|
||||
ipcRenderer.send('open-PDF:close')
|
||||
}else{
|
||||
ipcRenderer.invoke('open-PDF:minimize')
|
||||
}
|
||||
|
||||
return
|
||||
}
|
||||
imgarr.value.forEach((a) => {
|
||||
|
@ -139,8 +144,15 @@ const savaDataStore = () => {
|
|||
Promise.all(promises).then(res=>{
|
||||
toolState.isPdfWin=false
|
||||
toolState.showBoardAll=true //恢复默认值
|
||||
// ipcRenderer.send('open-PDF:minimize')
|
||||
if(type=='rest'){
|
||||
ipcRenderer.invoke('tool-sphere:reset') //重置tool状态
|
||||
ipcRenderer.send('open-PDF:close')
|
||||
}else{
|
||||
ipcRenderer.send('open-PDF:minimize')
|
||||
}
|
||||
// ipcRenderer.send('open-PDF:close')
|
||||
|
||||
})
|
||||
}
|
||||
const updatePage = (canvasobj) => {
|
||||
|
|
|
@ -382,13 +382,13 @@ const TIMResult= {
|
|||
* | 名称 | 含义 | 值(number) |
|
||||
* | ---- | ---- | ---- |
|
||||
* | kTIMLog_Off | 关闭日志输出 | 0 |
|
||||
* | kTIMLog_Test | 失败,IM SDK未初始化 | 1 |
|
||||
* | kTIMLog_Verbose | 失败,IM SDK未初始化 | 2 |
|
||||
* | kTIMLog_Debug | 接口调用失败,错误的Json格式或Json Key | 3 |
|
||||
* | kTIMLog_Info | 接口调用失败,参数错误 | 4 |
|
||||
* | kTIMLog_Warn | 接口调用失败,无效的会话 | 5 |
|
||||
* | kTIMLog_Error | 接口调用失败,无效的群组 | 6 |
|
||||
* | kTIMLog_Assert | 断言日志| 7 |
|
||||
* | kTIMLog_Test | 全量日志 | 1 |
|
||||
* | kTIMLog_Verbose| 开发调试过程中一些详细信息日志 | 2 |
|
||||
* | kTIMLog_Debug | 调试日志 | 3 |
|
||||
* | kTIMLog_Info | 信息日志 | 4 |
|
||||
* | kTIMLog_Warn | 警告日志 | 5 |
|
||||
* | kTIMLog_Error | 错误日志 | 6 |
|
||||
* | kTIMLog_Assert | 断言日志 | 7 |
|
||||
*/
|
||||
const TIMLogLevel= {
|
||||
kTIMLog_Off : 0,
|
||||
|
|
|
@ -0,0 +1,420 @@
|
|||
/**
|
||||
* @description im 事件监听
|
||||
* @author zdg
|
||||
* @date 2023-07-07
|
||||
*/
|
||||
// @ts-ignore
|
||||
const API = window?.api || {}
|
||||
const timRenderInstance = API?.getTimRender?.() || {}
|
||||
|
||||
// im 事件监听
|
||||
export class IMListeners {
|
||||
// 初始化监听
|
||||
static initListeners(callback) {
|
||||
/**
|
||||
* 注销消息监听事件
|
||||
*/
|
||||
timRenderInstance.TIMRemoveRecvNewMsgCallback()
|
||||
/**
|
||||
* @brief 增加接收新消息回调
|
||||
* @param cb 新消息回调函数,请参考[TIMRecvNewMsgCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 如果用户是登录状态,ImSDK收到新消息会通过此接口设置的回调抛出,另外需要注意,抛出的消息不一定是未读的消息,
|
||||
* 只是本地曾经没有过的消息(例如在另外一个终端已读,拉取最近联系人消息时可以获取会话最后一条消息,如果本地没有,会通过此方法抛出)。
|
||||
* 在用户登录之后,ImSDK会拉取离线消息,为了不漏掉消息通知,需要在登录之前注册新消息通知。
|
||||
*/
|
||||
timRenderInstance.TIMAddRecvNewMsgCallback({
|
||||
callback:(args)=>{
|
||||
callback({
|
||||
type: 'TIMAddRecvNewMsgCallback',
|
||||
data: JSON.parse(args[0])
|
||||
})
|
||||
},
|
||||
user_data: "test"
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.3 设置消息已读回执回调
|
||||
* @param cb 消息已读回执回调,请参考[TIMMsgReadedReceiptCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 发送方发送消息,接收方调用接口[TIMMsgReportReaded]()上报该消息已读,发送方ImSDK会通过此接口设置的回调抛出。
|
||||
*/
|
||||
timRenderInstance.TIMSetMsgReadedReceiptCallback({
|
||||
callback:(args)=>{
|
||||
callback({
|
||||
type: 'TIMSetMsgReadedReceiptCallback',
|
||||
data: JSON.parse(args[0])
|
||||
})
|
||||
},
|
||||
user_data: "test"
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.4 设置接收的消息被撤回回调
|
||||
* @param cb 消息撤回通知回调,请参考[TIMMsgRevokeCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 发送方发送消息,接收方收到消息。此时发送方调用接口[TIMMsgRevoke]()撤回该消息,接收方的ImSDK会通过此接口设置的回调抛出。
|
||||
*/
|
||||
timRenderInstance.TIMSetMsgRevokeCallback({
|
||||
callback:(args)=>{
|
||||
callback({
|
||||
type: 'TIMSetMsgRevokeCallback',
|
||||
data: JSON.parse(args[0])
|
||||
});
|
||||
},
|
||||
user_data: "test"
|
||||
})
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.5 设置消息内元素相关文件上传进度回调
|
||||
* @param cb 文件上传进度回调,请参考[TIMMsgElemUploadProgressCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 设置消息元素上传进度回调。当消息内包含图片、声音、文件、视频元素时,ImSDK会上传这些文件,并触发此接口设置的回调,用户可以根据回调感知上传的进度
|
||||
*/
|
||||
timRenderInstance.TIMSetMsgElemUploadProgressCallback({
|
||||
callback:(args)=>{
|
||||
try{
|
||||
const [message, index, cur_size, total_size, user_data] = JSON.parse(args)
|
||||
callback({
|
||||
type: 'TIMSetMsgElemUploadProgressCallback',
|
||||
data: {
|
||||
message: JSON.parse(message),
|
||||
index,
|
||||
cur_size,
|
||||
total_size,
|
||||
user_data
|
||||
}
|
||||
})
|
||||
}catch(err){
|
||||
throw err;
|
||||
}
|
||||
},
|
||||
user_data: "test"
|
||||
})
|
||||
|
||||
/**
|
||||
* @brief 1.6 设置群组系统消息回调
|
||||
* @param cb 群消息回调,请参考[TIMGroupTipsEventCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 群组系统消息事件包括 加入群、退出群、踢出群、设置管理员、取消管理员、群资料变更、群成员资料变更。此消息是针对所有群组成员下发的
|
||||
*/
|
||||
timRenderInstance.TIMSetGroupTipsEventCallback({
|
||||
callback:(args)=>{
|
||||
callback({
|
||||
type: 'TIMSetGroupTipsEventCallback',
|
||||
data: JSON.parse(args[0])
|
||||
})
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.7 设置群组属性变更回调
|
||||
* @param cb 群组属性变更回调,请参考[TIMGroupAttributeChangedCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 某个已加入的群的属性被修改了,会返回所在群组的所有属性(该群所有的成员都能收到)
|
||||
*/
|
||||
timRenderInstance.TIMSetGroupAttributeChangedCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetGroupAttributeChangedCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.8 设置会话事件回调
|
||||
* @param cb 会话事件回调,请参考[TIMConvEventCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* > 会话事件包括:
|
||||
* >> 会话新增
|
||||
* >> 会话删除
|
||||
* >> 会话更新。
|
||||
* >> 会话开始
|
||||
* >> 会话结束
|
||||
* > 任何产生一个新会话的操作都会触发会话新增事件,例如调用接口[TIMConvCreate]()创建会话,接收到未知会话的第一条消息等。
|
||||
* 任何已有会话变化的操作都会触发会话更新事件,例如收到会话新消息,消息撤回,已读上报等。
|
||||
* 调用接口[TIMConvDelete]()删除会话成功时会触发会话删除事件。
|
||||
*/
|
||||
timRenderInstance.TIMSetConvEventCallback({
|
||||
callback:(args)=>{
|
||||
callback({
|
||||
type: 'TIMSetConvEventCallback',
|
||||
data: {
|
||||
type:args[0],
|
||||
data:args[1]!=="" ? JSON.parse(args[1]) : []
|
||||
}
|
||||
})
|
||||
},
|
||||
user_data:"TIMSetConvEventCallback"
|
||||
})
|
||||
|
||||
/**
|
||||
* @brief 1.9 设置会话未读消息总数变更的回调
|
||||
* @param cb 会话未读消息总数变更的回调,请参考[TIMConvTotalUnreadMessageCountChangedCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
*/
|
||||
timRenderInstance.TIMSetConvTotalUnreadMessageCountChangedCallback({
|
||||
callback:(args)=>{
|
||||
callback({
|
||||
type: 'TIMSetConvTotalUnreadMessageCountChangedCallback',
|
||||
data: args[0]
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.10 设置网络连接状态监听回调
|
||||
* @param cb 连接事件回调,请参考[TIMNetworkStatusListenerCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* > 当调用接口 [TIMInit]() 时,ImSDK会去连接云后台。此接口设置的回调用于监听网络连接的状态。
|
||||
* > 网络连接状态包含四个:正在连接、连接失败、连接成功、已连接。这里的网络事件不表示用户本地网络状态,仅指明ImSDK是否与即时通信IM云Server连接状态。
|
||||
* > 可选设置,如果要用户感知是否已经连接服务器,需要设置此回调,用于通知调用者跟通讯后台链接的连接和断开事件,另外,如果断开网络,等网络恢复后会自动重连,自动拉取消息通知用户,用户无需关心网络状态,仅作通知之用
|
||||
* > 只要用户处于登录状态,ImSDK内部会进行断网重连,用户无需关心。
|
||||
*/
|
||||
timRenderInstance.TIMSetNetworkStatusListenerCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetNetworkStatusListenerCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
/**
|
||||
* @brief 1.11 设置被踢下线通知回调
|
||||
* @param cb 踢下线回调,请参考[TIMKickedOfflineCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* > 用户如果在其他终端登录,会被踢下线,这时会收到用户被踢下线的通知,出现这种情况常规的做法是提示用户进行操作(退出,或者再次把对方踢下线)。
|
||||
* > 用户如果在离线状态下被踢,下次登录将会失败,可以给用户一个非常强的提醒(登录错误码ERR_IMSDK_KICKED_BY_OTHERS:6208),开发者也可以选择忽略这次错误,再次登录即可。
|
||||
* > 用户在线情况下的互踢情况:
|
||||
* + 用户在设备1登录,保持在线状态下,该用户又在设备2登录,这时用户会在设备1上强制下线,收到 TIMKickedOfflineCallback 回调。
|
||||
* 用户在设备1上收到回调后,提示用户,可继续调用login上线,强制设备2下线。这里是在线情况下互踢过程。
|
||||
* > 用户离线状态互踢:
|
||||
* + 用户在设备1登录,没有进行logout情况下进程退出。该用户在设备2登录,此时由于用户不在线,无法感知此事件,
|
||||
* 为了显式提醒用户,避免无感知的互踢,用户在设备1重新登录时,会返回(ERR_IMSDK_KICKED_BY_OTHERS:6208)错误码,表明之前被踢,是否需要把对方踢下线。
|
||||
* 如果需要,则再次调用login强制上线,设备2的登录的实例将会收到 TIMKickedOfflineCallback 回调。
|
||||
*/
|
||||
timRenderInstance.TIMSetKickedOfflineCallback({
|
||||
callback: (...args) => {
|
||||
callback({
|
||||
type: 'TIMSetKickedOfflineCallback',
|
||||
data: args
|
||||
});
|
||||
},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.12 设置票据过期回调
|
||||
* @param cb 票据过期回调,请参考[TIMUserSigExpiredCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 用户票据,可能会存在过期的情况,如果用户票据过期,此接口设置的回调会调用。
|
||||
* [TIMLogin]()也将会返回70001错误码。开发者可根据错误码或者票据过期回调进行票据更换
|
||||
*/
|
||||
timRenderInstance.TIMSetUserSigExpiredCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetUserSigExpiredCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.13 设置添加好友的回调
|
||||
* @param cb 添加好友回调,请参考[TIMOnAddFriendCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 此回调为了多终端同步。例如A设备、B设备都登录了同一帐号的ImSDK,A设备添加了好友,B设备ImSDK会收到添加好友的推送,ImSDK通过此回调告知开发者。
|
||||
*/
|
||||
timRenderInstance.TIMSetOnAddFriendCallback({
|
||||
callback: (...args) => {
|
||||
console.log('=====添加好友=====', args)
|
||||
callback({ type: 'TIMSetOnAddFriendCallback', data: args })
|
||||
},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.14 设置删除好友的回调
|
||||
* @param cb 删除好友回调,请参考[TIMOnDeleteFriendCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 此回调为了多终端同步。例如A设备、B设备都登录了同一帐号的ImSDK,A设备删除了好友,B设备ImSDK会收到删除好友的推送,ImSDK通过此回调告知开发者。
|
||||
*/
|
||||
timRenderInstance.TIMSetOnDeleteFriendCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetOnDeleteFriendCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
/**
|
||||
* @brief 1.15 设置更新好友资料的回调
|
||||
* @param cb 更新好友资料回调,请参考[TIMUpdateFriendProfileCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 此回调为了多终端同步。例如A设备、B设备都登录了同一帐号的ImSDK,A设备更新了好友资料,B设备ImSDK会收到更新好友资料的推送,ImSDK通过此回调告知开发者。
|
||||
*/
|
||||
timRenderInstance.TIMSetUpdateFriendProfileCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetUpdateFriendProfileCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.16 设置好友添加请求的回调
|
||||
* @param cb 好友添加请求回调,请参考[TIMFriendAddRequestCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 当前登入用户设置添加好友需要确认时,如果有用户请求加当前登入用户为好友,会收到好友添加请求的回调,ImSDK通过此回调告知开发者。如果多终端登入同一帐号,每个终端都会收到这个回调。
|
||||
*/
|
||||
timRenderInstance.TIMSetFriendAddRequestCallback({
|
||||
callback: (...args) => {
|
||||
console.log('=====添加好友请求=====', JSON.parse(args[0][0]));
|
||||
callback({
|
||||
type: 'TIMSetFriendAddRequestCallback',
|
||||
data: JSON.parse(args[0][0])
|
||||
})
|
||||
},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.17 设置好友申请删除的回调
|
||||
* @param cb 好友申请删除回调,请参考[TIMFriendApplicationListDeletedCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 1. 主动删除好友申请
|
||||
* 2. 拒绝好友申请
|
||||
* 3. 同意好友申请
|
||||
* 4. 申请加别人好友被拒绝
|
||||
*/
|
||||
timRenderInstance.TIMSetFriendApplicationListDeletedCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetFriendApplicationListDeletedCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
/**
|
||||
* @brief 1.18 设置好友申请已读的回调
|
||||
* @param cb 好友申请已读回调,请参考[TIMFriendApplicationListReadCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* 如果调用 setFriendApplicationRead 设置好友申请列表已读,会收到这个回调(主要用于多端同步)
|
||||
*/
|
||||
|
||||
timRenderInstance.TIMSetFriendApplicationListReadCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetFriendApplicationListReadCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.19 设置黑名单新增的回调
|
||||
* @param cb 黑名单新增的回调,请参考[TIMFriendBlackListAddedCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
*/
|
||||
timRenderInstance.TIMSetFriendBlackListAddedCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetFriendBlackListAddedCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
/**
|
||||
* @brief 1.20 设置黑名单删除的回调
|
||||
* @param cb 黑名单删除的回调,请参考[TIMFriendBlackListDeletedCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
*/
|
||||
timRenderInstance.TIMSetFriendBlackListDeletedCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetFriendBlackListDeletedCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @brief 1.22 设置消息在云端被修改后回传回来的消息更新通知回调
|
||||
* @param cb 消息更新回调,请参考[TIMMsgUpdateCallback](TIMCloudCallback.h)
|
||||
* @param user_data 用户自定义数据,ImSDK只负责传回给回调函数cb,不做任何处理
|
||||
*
|
||||
* @note
|
||||
* > 当您发送的消息在服务端被修改后,ImSDK会通过该回调通知给您
|
||||
* > 您可以在您自己的服务器上拦截所有即时通信IM消息 [发单聊消息之前回调](https://cloud.tencent.com/document/product/269/1632)
|
||||
* > 设置成功之后,即时通信IM服务器会将您的用户发送的每条消息都同步地通知给您的业务服务器。
|
||||
* > 您的业务服务器可以对该条消息进行修改(例如过滤敏感词),如果您的服务器对消息进行了修改,ImSDK就会通过此回调通知您。
|
||||
*/
|
||||
timRenderInstance.TIMSetMsgUpdateCallback({
|
||||
callback: (...args) => {callback({ type: 'TIMSetMsgUpdateCallback', data: args })},
|
||||
userData: ""
|
||||
})
|
||||
timRenderInstance.TIMOnInvited({
|
||||
callback:(data)=>{
|
||||
callback({
|
||||
type: 'TIMOnInvited',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
})
|
||||
timRenderInstance.TIMOnRejected({
|
||||
callback:(data)=>{
|
||||
callback({
|
||||
type: 'TIMOnRejected',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
})
|
||||
timRenderInstance.TIMOnAccepted({
|
||||
callback:(data)=>{
|
||||
callback({
|
||||
type: 'TIMOnAccepted',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
})
|
||||
timRenderInstance.TIMOnCancelled({
|
||||
callback:(data)=>{
|
||||
callback({
|
||||
type: 'TIMOnCancelled',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
timRenderInstance.TIMOnTimeout({
|
||||
callback:(data)=>{
|
||||
callback({
|
||||
type: 'TIMOnTimeout',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export default { timRenderInstance, initListeners: IMListeners.initListeners }
|
|
@ -8,6 +8,8 @@
|
|||
// const TimRender = require('im_electron_sdk/dist/render')
|
||||
import * as TYPES from './enumbers' // sdk相关枚举
|
||||
import MsgEnum from './msgEnum' // 消息相关枚举(自定义)
|
||||
import IMListeners from './imLiseners' // im消息-监听器
|
||||
// @ts-ignore
|
||||
const API = window.api
|
||||
// TIM生成签名
|
||||
// import * as GenerateUserSig from './userSig' // 引入签名生成器
|
||||
|
@ -24,29 +26,33 @@ export class ImChat {
|
|||
}
|
||||
defOption = { // 默认配置
|
||||
// 日志等级-全量日志
|
||||
log_level: TYPES.TIMLogLevel.kTIMLog_Test,
|
||||
log_level: TYPES.TIMLogLevel.kTIMLog_Off,
|
||||
// 群组类型-会议群(Meeting),成员上限 6000 人
|
||||
group_type: TYPES.TIMGroupType.kTIMGroup_ChatRoom,
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @description 构造函数
|
||||
* @param {number} SDKAppID
|
||||
* @param {string} userSig
|
||||
* @param {string} userID
|
||||
* @param {boolean} isInit
|
||||
*/
|
||||
constructor(SDKAppID, userSig, userID, isInit) {
|
||||
this.SDKAppID = SDKAppID
|
||||
this.userSig = userSig
|
||||
// const sig = 'eJwtjN0KgjAYQN9l16Vzcz8I3RhE9J*JV94IW-ZV6nASWfTurfTynAPnjdLNyXvoFkWIeBhN-gxK1x2cYdCMTQnlYmxW3QpjQKEo4BhjGgrKh6KfBlrtPGOMuDTYDqqfE26BWUjEeIHSrW1cL-SulHd5KI7zxDbpdh1cX0nuX7JK7HtroNerZhnnPpYz9PkCe5Mx1w__'
|
||||
// this.userSig = sig
|
||||
this.userID = userID
|
||||
window.test = this
|
||||
// this.timGroupId = '@TGS#3CYWMK2ON' // 测试使用
|
||||
if (isInit) return this.init()
|
||||
// window.test = this
|
||||
if (isInit) this.init()
|
||||
}
|
||||
// 设置配置
|
||||
async setConfig() {
|
||||
await this.timChat.TIMSetConfig({ // TIMSetConfigParam
|
||||
json_config: { // JSONCongfig
|
||||
set_config_log_level: this.defOption.log_level,
|
||||
set_config_callback_log_level: this.defOption.log_level,
|
||||
// set_config_is_log_output_console: true,
|
||||
set_config_log_level: TYPES.TIMLogLevel.kTIMLog_Test,
|
||||
set_config_callback_log_level: TYPES.TIMLogLevel.kTIMLog_Error,
|
||||
set_config_is_log_output_console: true,
|
||||
// set_config_user_config: { // 用户配置
|
||||
// user_config_is_read_receipt: true, // true表示要收已读回执事件
|
||||
// user_config_is_sync_report: true, // true表示服务端要删掉已读状态
|
||||
|
@ -62,7 +68,6 @@ export class ImChat {
|
|||
// 日志监听
|
||||
this.timChat.TIMSetLogCallback({
|
||||
callback: data => {
|
||||
// console.log('[im-chat]:', data[1])
|
||||
this.setConsole('%cchat-log ', data[1])
|
||||
},
|
||||
user_data: ''
|
||||
|
@ -73,42 +78,57 @@ export class ImChat {
|
|||
return new Promise(async(resolve, reject) => {
|
||||
try {
|
||||
if(!API) reject('preload api获取失败, 初始化-未完成')
|
||||
this.timChat = await API.getTimRender()
|
||||
await this.timChat.TIMInit()
|
||||
console.log('[im-chat]:初始化成功')
|
||||
// this.timChat = await API.getTimRender()
|
||||
this.timChat = IMListeners.timRenderInstance
|
||||
const code = await this.timChat.TIMInit()
|
||||
if (code == 0) { // 初始化成功
|
||||
this.setConsole('%cim-chat: init', '初始化成功')
|
||||
this.status.isConnect = true
|
||||
this.setConfig() // 设置日志级别
|
||||
resolve(this)
|
||||
} else { // 失败:具体请看code
|
||||
console.error('[im-chat]:初始化失败', code)
|
||||
reject(code)
|
||||
}
|
||||
} catch (error) {reject(error)}
|
||||
})
|
||||
}
|
||||
// 生成签名
|
||||
genTestUserSig() {
|
||||
const options = {
|
||||
SDKAppID: this.SDKAppID,
|
||||
secretKey: this.secretKey,
|
||||
userID: this.userID,
|
||||
// const options = {
|
||||
// SDKAppID: this.SDKAppID,
|
||||
// secretKey: this.secretKey,
|
||||
// userID: this.userID,
|
||||
// }
|
||||
// const { userSig } = GenerateUserSig.genTestUserSig(options)
|
||||
// this.userSig = userSig
|
||||
}
|
||||
const { userSig } = GenerateUserSig.genTestUserSig(options)
|
||||
this.userSig = userSig
|
||||
}
|
||||
// 监听
|
||||
/**
|
||||
* @description 监听消息
|
||||
* @param {Function} callback
|
||||
*/
|
||||
watch(callback) {
|
||||
// 先移除监听
|
||||
this.timChat.TIMRemoveRecvNewMsgCallback()
|
||||
// 消息监听
|
||||
this.timChat.TIMAddRecvNewMsgCallback({
|
||||
callback, user_data: this.toStr('msg')
|
||||
})
|
||||
// 群消息监听
|
||||
// 群组系统消息事件包括 加入群、退出群、踢出群、设置管理员、取消管理员、群资料变更、群成员资料变更。此消息是针对所有群组成员下发的
|
||||
this.timChat.TIMSetGroupTipsEventCallback({
|
||||
// callback, user_data: this.toStr('msg-group')
|
||||
callback: (data) => {
|
||||
// console.log('群消息', group_tips_event)
|
||||
this.setConsole('%c群消息', data)
|
||||
},
|
||||
})
|
||||
// // 先移除监听
|
||||
// this.timChat.TIMRemoveRecvNewMsgCallback()
|
||||
// // 消息监听
|
||||
// this.timChat.TIMAddRecvNewMsgCallback({
|
||||
// callback, user_data: this.toStr('msg')
|
||||
// })
|
||||
// // 群消息监听
|
||||
// // 群组系统消息事件包括 加入群、退出群、踢出群、设置管理员、取消管理员、群资料变更、群成员资料变更。此消息是针对所有群组成员下发的
|
||||
// this.timChat.TIMSetGroupTipsEventCallback({
|
||||
// // callback, user_data: this.toStr('msg-group')
|
||||
// callback: (data) => {
|
||||
// // console.log('群消息', group_tips_event)
|
||||
// this.setConsole('%c群消息', data)
|
||||
// },
|
||||
// })
|
||||
if (this.timChat && this.status.isConnect) { // 连接成功允许监听
|
||||
this.setConsole('%cim-chat: watch', '监听成功')
|
||||
IMListeners.initListeners(callback)
|
||||
} else {
|
||||
this.setConsole('%cim-chat: watch', '监听失败, 未连接')
|
||||
}
|
||||
}
|
||||
// 登录
|
||||
login() {
|
||||
|
@ -125,18 +145,19 @@ export class ImChat {
|
|||
const res = await this.timChat.TIMLogin(option)
|
||||
if (res && res.code == 0) {
|
||||
// console.log('登录成功', res)
|
||||
this.setConsole('%cim-chat: login', '登录成功')
|
||||
this.status.isLogin = true
|
||||
resolve({status:0, msg:'登录成功', data:res})
|
||||
} else reject(res)
|
||||
} else {
|
||||
if (status == 1) { // 已登录
|
||||
console.log('已登录')
|
||||
this.setConsole('%cim-chat: login', '已登录')
|
||||
resolve({status, msg:'已登录'})
|
||||
} else if (status == 2) { // 登录中
|
||||
console.log('登录中')
|
||||
this.setConsole('%cim-chat: login', '登录中')
|
||||
resolve({status, msg:'登录中'})
|
||||
} else if (status == 4) { // 登出中
|
||||
console.log('登出中')
|
||||
this.setConsole('%cim-chat: login', '登出中')
|
||||
resolve({status, msg:'登出中'})
|
||||
}
|
||||
}
|
||||
|
@ -150,13 +171,18 @@ export class ImChat {
|
|||
return this.timChat.TIMLogout().then(res => {
|
||||
console.log('登出成功', res)
|
||||
this.status.isLogin = false
|
||||
this.timChat.TIMUninit() // 反初始化
|
||||
return res
|
||||
}).catch(error => {
|
||||
console.log('登出失败', error)
|
||||
return error
|
||||
})
|
||||
}
|
||||
// 创建群组 群名和初始成员 userID
|
||||
/**
|
||||
* @description 创建群组 群名和初始成员 userID
|
||||
* @param {any} name
|
||||
* @param {any[]} memberList
|
||||
*/
|
||||
createGroup(name, memberList=[]) {
|
||||
if (!this.timChat) return
|
||||
if (!!this.timGroupId) return console.log('群组已存在')
|
||||
|
@ -186,9 +212,10 @@ export class ImChat {
|
|||
// @TGS#3XVNI6ZOG
|
||||
return this.timChat.TIMGroupCreate(option).then(res => {
|
||||
if (res && res.code == 0) {
|
||||
this.setConsole('%c创建群组成功', res)
|
||||
const timGroupId = res?.json_param?.create_group_result_groupid
|
||||
if (!!timGroupId && timGroupId != 'undefined'){
|
||||
this.setConsole('%c创建群组成功', timGroupId)
|
||||
// this.setConsole('%c创建群组成功', timGroupId)
|
||||
this.timGroupId = timGroupId
|
||||
// this.setGroupMsgReceive()
|
||||
}
|
||||
|
@ -204,7 +231,10 @@ export class ImChat {
|
|||
data: '', // 用户自定义数据
|
||||
})
|
||||
}
|
||||
// 设置群消息接收
|
||||
/**
|
||||
* @description 设置群消息接收
|
||||
* @param {string} timGroupId
|
||||
*/
|
||||
setGroupMsgReceive(timGroupId) {
|
||||
if (!this.timGroupId) this.timGroupId = timGroupId || ''
|
||||
if (!this.timGroupId) return console.log('timGroupId为空')
|
||||
|
@ -224,7 +254,11 @@ export class ImChat {
|
|||
return error
|
||||
})
|
||||
}
|
||||
// 发送消息
|
||||
/**
|
||||
* @description 发送消息
|
||||
* @param {any} conv_id
|
||||
* @param {any} msg
|
||||
*/
|
||||
sendMsg(conv_id, msg) {
|
||||
if (!conv_id) return console.log('conv_id为空')
|
||||
if (typeof msg == 'object') msg = JSON.stringify(msg)
|
||||
|
@ -243,15 +277,33 @@ export class ImChat {
|
|||
user_data: '', // 用户自定义数据
|
||||
// callback: (data) => {}
|
||||
}
|
||||
console.log('发送消息', option)
|
||||
// console.log('发送消息', option)
|
||||
this.setConsole('%cim-chat: 发送消息', option)
|
||||
return this.timChat.TIMMsgSendMessageV2(option)
|
||||
}
|
||||
/**
|
||||
* @description 发送群消息
|
||||
* @param {any} msg
|
||||
* @param {*} head
|
||||
* @param {*} type
|
||||
*/
|
||||
sendMsgGroup(msg, head, type) {
|
||||
const msgObj = this.getMsgObj(head, msg, type)
|
||||
// console.log('发送群消息', msgObj)
|
||||
return this.sendMsg(this.timGroupId, msgObj)
|
||||
}
|
||||
// 发送关闭(下课)消息
|
||||
sendMsgClosed(){
|
||||
const msg = this.getMsgObj(MsgEnum.HEADS.MSG_closed, '下课', MsgEnum.TYPES.TEACHER)
|
||||
const msg = this.getMsgObj(MsgEnum.HEADS.MSG_closed, '下课')
|
||||
return this.sendMsg(this.timGroupId, msg)
|
||||
}
|
||||
// 获取消息对象
|
||||
/**
|
||||
* @description 获取消息对象
|
||||
* @param {string} msgHead
|
||||
* @param {string} msg
|
||||
* @param {string} type
|
||||
* @param {string|number} sender
|
||||
*/
|
||||
getMsgObj(msgHead, msg, type, sender, option={}) {
|
||||
if (!msgHead) throw new Error('msgHead is required')
|
||||
if (!msg) throw new Error('msg is required')
|
||||
|
@ -259,19 +311,27 @@ export class ImChat {
|
|||
return {
|
||||
msgKey: msgHead,
|
||||
msgcontent: msg,
|
||||
msgType: type ?? MsgEnum.TYPES.STUDENT, // 默认为学生
|
||||
msgType: type || MsgEnum.TYPES.TEACHER, // 默认为老师
|
||||
senduserid: sender ?? this.userID,
|
||||
...option
|
||||
}
|
||||
}
|
||||
// 设置控制台样式
|
||||
/**
|
||||
* @description 设置控制台样式
|
||||
* @param {string} hearStr
|
||||
* @param {string[]} args
|
||||
*/
|
||||
setConsole(hearStr,...args) {
|
||||
const css = 'color: #fff;background-color:#2ccb92;padding:3px 5px;border-radius:3px;'
|
||||
const time = new Date().toLocaleTimeString()
|
||||
if (!hearStr) hearStr = '%c' + time
|
||||
console.log(hearStr, css, ...args)
|
||||
}
|
||||
// 获取数据字符串
|
||||
/**
|
||||
* @description 获取数据字符串
|
||||
* @param {*} data
|
||||
* @returns
|
||||
*/
|
||||
toStr = (data) => {
|
||||
if (typeof data === 'string') data = {type: data}
|
||||
return JSON.stringify(data)
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -95,6 +95,7 @@ export class MsgEnum {
|
|||
// === 新定义-消息头 ===
|
||||
/** @desc: 点赞 */
|
||||
MSG_0001: 0x0001,
|
||||
/** @desc: 疑惑 */
|
||||
MSG_0002: 0x0002,
|
||||
MSG_0003: 0x0003,
|
||||
MSG_0004: 0x0004,
|
||||
|
@ -109,6 +110,7 @@ export class MsgEnum {
|
|||
MSG_0013: 0x000d,
|
||||
MSG_0014: 0x000e,
|
||||
MSG_0015: 0x000f,
|
||||
/** @desc: 作业推送 */
|
||||
MSG_0016: 0x0010,
|
||||
MSG_0017: 0x0011,
|
||||
MSG_0018: 0x0012,
|
||||
|
|
|
@ -1,44 +0,0 @@
|
|||
/**
|
||||
* @description: 生成签名|客户端计算 UserSig
|
||||
* @author: zdg
|
||||
* @date 2021-07-05 14:07:01
|
||||
*/
|
||||
|
||||
// TIM生成签名
|
||||
import LibGenerateTestUserSig from './lib-generate-test-usersig-es.min.js';
|
||||
/**
|
||||
* Signature expiration time, which should not be too short
|
||||
* Time unit: second
|
||||
* Default time: 7 * 24 * 60 * 60 = 604800 = 7days
|
||||
*/
|
||||
const EXPIRETIME = 604800;
|
||||
|
||||
/**
|
||||
* Module: GenerateTestUserSig
|
||||
*
|
||||
* Description: Generates UserSig for testing. UserSig is a security signature designed by Tencent Cloud for its cloud services.
|
||||
* It is calculated based on `SDKAppID`, `UserID`, and `EXPIRETIME` using the HMAC-SHA256 encryption algorithm.
|
||||
*
|
||||
* Attention: For the following reasons, do not use the code below in your commercial application.
|
||||
*
|
||||
* The code may be able to calculate UserSig correctly, but it is only for quick testing of the SDK’s basic features, not for commercial applications.
|
||||
* `SECRETKEY` in client code can be easily decompiled and reversed, especially on web.
|
||||
* Once your key is disclosed, attackers will be able to steal your Tencent Cloud traffic.
|
||||
*
|
||||
* The correct method is to deploy the `UserSig` calculation code and encryption key on your project server so that your application can request from your server a `UserSig` that is calculated whenever one is needed.
|
||||
* Given that it is more difficult to hack a server than a client application, server-end calculation can better protect your key.
|
||||
*
|
||||
* Reference: https://cloud.tencent.com/document/product/647/17275#Server
|
||||
*/
|
||||
|
||||
function genTestUserSig(options) {
|
||||
const { SDKAppID, secretKey, userID } = options;
|
||||
const generator = new LibGenerateTestUserSig(SDKAppID, secretKey, EXPIRETIME);
|
||||
const userSig = generator.genTestUserSig(userID);
|
||||
return {
|
||||
SDKAppID,
|
||||
userSig,
|
||||
};
|
||||
}
|
||||
|
||||
export { genTestUserSig, EXPIRETIME };
|
|
@ -12,13 +12,15 @@ export function shareStorePlugin({store}) {
|
|||
// console.log('store.$subscribe', mutation)
|
||||
// 在存储变化的时候执行
|
||||
// const storeName = store.$id
|
||||
// const storeName = mutation.storeId
|
||||
const { storeId: storeName, payload, events, type } = mutation // direct
|
||||
// if (!Object.keys(payload).length) return
|
||||
if (type != 'direct') return
|
||||
const storeName = mutation.storeId
|
||||
// 用于多窗口共享(需要共享的状态名称)
|
||||
const names = ['tool']
|
||||
if (names.includes(storeName)) stateSync(storeName, events.key, events.newValue) // 需要同步
|
||||
if (names.includes(storeName)) {
|
||||
const { storeId: storeName, payload, events, type } = mutation // direct
|
||||
// if (!Object.keys(payload).length) return
|
||||
if (type != 'direct' || !events || Array.isArray(events) || !events.key) return
|
||||
stateSync(storeName, events.key, events.newValue) // 需要同步
|
||||
}
|
||||
})
|
||||
// 暴露方法-手动同步
|
||||
store.stateSync = (storeName, key, value) => {
|
||||
|
@ -34,11 +36,15 @@ export function shareStorePlugin({store}) {
|
|||
// 同步数据-发送给主线程-单独
|
||||
function stateSync(storeName, key, value) {
|
||||
// console.log('state-change', storeName, key, value)
|
||||
try {
|
||||
let jsonStr = ''
|
||||
if (typeof key === 'string') jsonStr = JSON.stringify({[key]:value})
|
||||
else if (typeof value === 'object') jsonStr = JSON.stringify(key)
|
||||
// 通知主线程更新
|
||||
ipcRenderer?.invoke('pinia-state-change', storeName, jsonStr)
|
||||
} catch (error) {
|
||||
console.log('state-change-error', error)
|
||||
}
|
||||
}
|
||||
|
||||
// 同步数据-发送给主线程-全量更新
|
||||
|
|
|
@ -110,11 +110,21 @@ export const createWindow = async (type, data) => {
|
|||
wins_tool.setIgnoreMouseEvents(true, {forward: true}) // 忽略鼠标事件但是事件继续传递给窗口
|
||||
wins_tool.setAlwaysOnTop(true,'screen-saver') // 将窗口设置为顶层窗口
|
||||
wins_tool.setVisibleOnAllWorkspaces(true) // 如果窗口在所有工作区都可见
|
||||
// win.webContents.openDevTools() // 打开调试工具
|
||||
// wins_tool.webContents.openDevTools() // 打开调试工具
|
||||
eventHandles(type, wins_tool) // 事件监听处理
|
||||
return wins_tool
|
||||
}
|
||||
case 'open-PDF': { //课本展示-pdf
|
||||
if(winPdf){ //判断是否已经打开
|
||||
if (winPdf.isMinimized()){
|
||||
winPdf.restore();
|
||||
} else{
|
||||
winPdf.focus();
|
||||
toolState.isPdfWin=true
|
||||
}
|
||||
|
||||
return
|
||||
}
|
||||
const option = data.option||{}
|
||||
const defOption = {
|
||||
frame: false, // 要创建无边框窗口
|
||||
|
@ -123,12 +133,6 @@ export const createWindow = async (type, data) => {
|
|||
}
|
||||
data.isConsole = true // 是否开启控制台
|
||||
data.option = {...defOption, ...option}
|
||||
if(winPdf){ //判断是否已经打开
|
||||
// if (winPdf.isMinimized()) winPdf.restore();
|
||||
winPdf.focus();
|
||||
// toolState.isPdfWin=true
|
||||
return
|
||||
}
|
||||
const win = await toolWindow(data)
|
||||
win.type = type // 唯一标识
|
||||
win.show()
|
||||
|
@ -190,7 +194,10 @@ export function toolWindow({url, isConsole, isWeb=true, option={}}) {
|
|||
// 内部监听器-是否打印
|
||||
if (!!isConsole) {
|
||||
win.webContents.on('console-message', (e,leve,m,lin,s) => {
|
||||
console.log(`[${win.type}]`,m)
|
||||
if(m.startsWith('%c')){ // 特殊打印
|
||||
const arr = m.match(/(%c[^ ]+)(?:\s+(.*;))(.*)/)
|
||||
console.log(arr[1],arr[2],arr[3])
|
||||
} else console.log(`[${win.type}]`,m)
|
||||
})
|
||||
}
|
||||
})
|
||||
|
@ -236,24 +243,34 @@ const eventHandles = (type, win) => {
|
|||
break}
|
||||
case 'open-PDF': {
|
||||
// 最小化窗口 minimize()
|
||||
Remote.ipcMain.once('open-PDF:minimize', () => {
|
||||
Remote.ipcMain.handle('open-PDF:minimize', () => {
|
||||
// winPdf=null
|
||||
// win&&win.destroy()
|
||||
win&&win.minimize(); //缩小功能
|
||||
})
|
||||
// 关闭窗口
|
||||
Remote.ipcMain.once('open-PDF:close', () => {
|
||||
winPdf=null
|
||||
win&&win.destroy()
|
||||
// win&&win.minimize(); //缩小功能
|
||||
})
|
||||
publicMethods() // 加载公共方法
|
||||
const on = {
|
||||
onClosed: () => {
|
||||
Remote.ipcMain.removeHandler('open-PDF:minimize')
|
||||
}
|
||||
}
|
||||
publicMethods(on) // 加载公共方法
|
||||
break}
|
||||
default:
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const taskHandles = () => {
|
||||
// // 设置任务栏上下文菜单
|
||||
// const contextMenu = new Remote.Menu()
|
||||
// contextMenu.append(new Remote.MenuItem({
|
||||
// label: '关闭',
|
||||
// click: () => {Remote.app.quit()}
|
||||
// }))
|
||||
}
|
||||
// const taskHandles = () => {
|
||||
// // 设置任务栏上下文菜单
|
||||
// const contextMenu = new Remote.Menu()
|
||||
// contextMenu.append(new Remote.MenuItem({
|
||||
// label: '关闭',
|
||||
// click: () => {Remote.app.quit()}
|
||||
// }))
|
||||
// }
|
||||
|
||||
|
|
|
@ -26,7 +26,10 @@
|
|||
<i class="iconfont icon-xiayiye"></i>
|
||||
<span class="texts">下一页</span>
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="pdf-btn-right">
|
||||
<el-button @click="minimize" >最小化</el-button>
|
||||
<el-button @click="minimize('rest')" >关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -72,9 +75,10 @@ const navtopage = (type) => {
|
|||
pdfCanvaslist.value.initPdf('rest')
|
||||
}
|
||||
// 关闭窗口
|
||||
const minimize = async () => {
|
||||
await pdfCanvaslist.value.savaDataStore()
|
||||
const minimize = async (type='minimize') => {
|
||||
await pdfCanvaslist.value.savaDataStore(type)
|
||||
}
|
||||
|
||||
const handleUpdate = (data) => {
|
||||
numPagesTotal.value = data
|
||||
if (numPagesTotal.value == 1) {
|
||||
|
@ -101,8 +105,8 @@ const switchPageMode = () => {
|
|||
}
|
||||
onMounted(async () => {
|
||||
toolState.isPdfWin=true //设置打开pdf窗口
|
||||
// pdfObj.pdfUrl = getStaticUrl(route.query.path, 'user', 'selfFile', true) //线上
|
||||
pdfObj.pdfUrl = getStaticUrl('aaa.pdf', 'user', 'selfFile', true) //本地
|
||||
pdfObj.pdfUrl = getStaticUrl(route.query.path, 'user', 'selfFile', true) //线上
|
||||
// pdfObj.pdfUrl = getStaticUrl('aaa.pdf', 'user', 'selfFile', true) //本地
|
||||
textbookId.value = route.query.textbookId
|
||||
pdfObj.bookId=textbookId.value
|
||||
//初始化获取接口数据
|
||||
|
@ -138,7 +142,8 @@ const getUniqueArrayByLastOccurrence=(array)=> {
|
|||
flex-wrap: wrap;
|
||||
.pdf-btn {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
// right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
|
||||
border-radius: 5px 0 0 0;
|
||||
|
@ -163,5 +168,28 @@ const getUniqueArrayByLastOccurrence=(array)=> {
|
|||
}
|
||||
}
|
||||
}
|
||||
.pdf-btn-right{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
|
||||
border-radius: 5px 0 0 0;
|
||||
button {
|
||||
margin-left: 0;
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
// padding: 4px 7px;
|
||||
border-radius: 0;
|
||||
width: 80px;
|
||||
height: 70px;
|
||||
:deep(> span) {
|
||||
display: block !important;
|
||||
}
|
||||
.iconfont {
|
||||
font-size: 26px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -493,7 +493,7 @@ export default {
|
|||
|
||||
// 打开PDF-课件
|
||||
async navtoPdf() {
|
||||
if (toolStore.isPdfWin) return this.$message.error('您当前已打开课本,请勿重复操作')
|
||||
// if (toolStore.isPdfWin) return this.$message.error('您当前已打开课本,请勿重复操作')
|
||||
let path = await this.getBookPathFromServer()
|
||||
createWindow('open-PDF', {
|
||||
url: '/classBegins/index?textbookId=' + this.uploadData.textbookId + '&path=' + path
|
||||
|
@ -501,7 +501,7 @@ export default {
|
|||
},
|
||||
// 上课-工具类悬浮
|
||||
async openLesson() {
|
||||
await startClass(this.curClassReserv.id)
|
||||
// await startClass(this.curClassReserv.id)
|
||||
createWindow('tool-sphere', {
|
||||
url:
|
||||
'/tool/sphere?entpcourseid=' +
|
||||
|
|
|
@ -77,14 +77,14 @@ import { getSmarttalkPage, getPrepareById } from '@/api/file'
|
|||
import SetHomework from '@/views/prepare/container/set-homework.vue'
|
||||
import FileImage from '@/components/file-image/index.vue'
|
||||
import { useGetHomework } from '@/hooks/useGetHomework'
|
||||
import { ipcMsgSend } from '@/utils/tool'
|
||||
import { ipcMsgSend, ipcMsgInvoke } from '@/utils/tool'
|
||||
import { useToolState } from '@/store/modules/tool'
|
||||
import { asyncLocalFile } from '@/utils/talkFile'
|
||||
import Lesson from './lesson.vue';
|
||||
import { parseCataByNode } from '@/utils/talkFile'
|
||||
import outLink from '@/utils/linkConfig'
|
||||
import MsgEnum from '@/plugins/imChat/msgEnum' // 消息枚举
|
||||
|
||||
import { ipcMsgSend2 } from '@/utils/tool'
|
||||
const route = useRoute();
|
||||
const usertore = useUserStore().user
|
||||
const toolStore = useToolState()
|
||||
|
@ -110,8 +110,10 @@ const sendHomework = (row) => {
|
|||
setDialog.value = true
|
||||
}
|
||||
//
|
||||
const closeHomework = () => {
|
||||
const closeHomework = async() => {
|
||||
ipcMsgSend('tool-sphere:set:ignore', true)
|
||||
// 发送im消息-推送作业(app|平板)
|
||||
await ipcMsgInvoke('im-chat:msg', curRow.value.id, MsgEnum.HEADS.MSG_0016)
|
||||
setDialog.value = false
|
||||
}
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@ import { onMounted, ref, reactive, watchEffect } from 'vue'
|
|||
import { ImChat } from '@/plugins/imChat'
|
||||
import useUserStore from '@/store/modules/user'
|
||||
import * as http from '@/api/apiService' // 自定义api service
|
||||
// import { ipcMsgSend, ipcHandle, ipcMain, ipcMsgInvoke } from '@/utils/tool' // 相关工具
|
||||
import { ipcMsgSend, ipcHandle, ipcMain, ipcMsgInvoke } from '@/utils/tool' // 相关工具
|
||||
const userStore = useUserStore()
|
||||
const emits = defineEmits(['change'])
|
||||
const props = defineProps({
|
||||
|
@ -12,11 +12,10 @@ const props = defineProps({
|
|||
})
|
||||
const imChatObj = reactive({imChat:null})
|
||||
onMounted(() => {
|
||||
// console.log(imChatObj)
|
||||
initImChat()
|
||||
ipcMainHandle() // 绑定-监听ipcMain im相关消息
|
||||
})
|
||||
// 初始化 im-chat
|
||||
const initImChat = async () => {
|
||||
const initImChat = async (timGroupId) => {
|
||||
// console.log('im-chat', userStore.user.timuserid)
|
||||
try {
|
||||
const { timuserid, deptId, userId } = userStore.user
|
||||
|
@ -31,29 +30,59 @@ const initImChat = async () => {
|
|||
imChatObj.imChat = new ImChat(sdkAppId, sign, timuserid)
|
||||
// 初始化 im-chat
|
||||
await imChatObj.imChat.init()
|
||||
// 登录 im-chat
|
||||
await imChatObj.imChat.login()
|
||||
// 监听 im-chat 消息
|
||||
imChatObj.imChat.watch((res) => {
|
||||
const [msg] = res[0]?JSON.parse(res[0]):[]
|
||||
imChatObj.imChat.setConsole('%cchat-msg', msg)
|
||||
// 系统消息
|
||||
if(msg.message_sender == '@TIM#SYSTEM'){
|
||||
emits('change', 'msg-system', null, msg)
|
||||
} else { // 普通消息-数据处理
|
||||
(msg?.message_elem_array||[]).forEach(o => {
|
||||
const msgData = !!o.text_elem_content ? JSON.parse(o.text_elem_content)||'' : ''
|
||||
emits('change', 'msg', msgData, msg)
|
||||
})
|
||||
}
|
||||
imChatObj.imChat.setConsole('%cchat-msg', res)
|
||||
msgHandle(res) // 消息处理
|
||||
})
|
||||
// 登录 im-chat(为了不漏消息,需要在登录之前-监听)
|
||||
await imChatObj.imChat.login()
|
||||
// 创建群
|
||||
if (props.isGroup) await createGroup(groupName)
|
||||
if (!timGroupId||props.isGroup) { // 创建群
|
||||
await createGroup(groupName)
|
||||
} else { // 已有群-设置群id
|
||||
imChatObj.imChat.timGroupId = timGroupId
|
||||
}
|
||||
return imChatObj.imChat
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('im-error: ', error)
|
||||
}
|
||||
}
|
||||
// 消息处理
|
||||
const msgHandle = (msg) => {
|
||||
const { type, data } = msg
|
||||
switch(type) {
|
||||
case 'TIMAddRecvNewMsgCallback': // 收到新消息 data=[]
|
||||
{
|
||||
(data||[]).forEach(o => {
|
||||
const msgArr = o?.message_elem_array||[]
|
||||
msgArr.forEach(info => {
|
||||
const msgType = info?.elem_type // 消息类型 TIMElemType
|
||||
const msgData = !!info.text_elem_content ? JSON.parse(info.text_elem_content)||'' : ''
|
||||
emits('change', 'msg', msgData, o, type, msgType)
|
||||
})
|
||||
})
|
||||
}
|
||||
break
|
||||
case 'TIMSetConvEventCallback': // 监听会话事件 data = {data,type}
|
||||
{
|
||||
const convArr = data.data || []
|
||||
convArr.forEach(o => {
|
||||
const msgArr = o?.conv_last_msg?.message_elem_array||[]
|
||||
msgArr.forEach(info => {
|
||||
const msgType = info?.elem_type // 消息类型 TIMElemType
|
||||
const msgData = !!info.text_elem_content ? JSON.parse(info.text_elem_content)||'' : ''
|
||||
emits('change', 'msg', msgData, o?.conv_last_msg, type, msgType)
|
||||
})
|
||||
})
|
||||
}
|
||||
emits('change', 'msg-conv', msg)
|
||||
break
|
||||
}
|
||||
// 未处理的消息
|
||||
emits('change', 'msgDef', msg)
|
||||
}
|
||||
// 创建群组
|
||||
const createGroup = async (groupName) => {
|
||||
if (!imChatObj.imChat) return
|
||||
|
@ -65,7 +94,15 @@ const logout = () => imChatObj.imChat?.logout()
|
|||
// 解散群
|
||||
const deleteGroup = () => imChatObj.imChat?.deleteGroup()
|
||||
|
||||
defineExpose({ logout, deleteGroup, imChatObj })
|
||||
// 绑定-监听ipcMain im相关消息
|
||||
const ipcMainHandle = () => {
|
||||
ipcMain?.removeHandler?.('im-chat:msg') // 先移除已有的 ipcMain 消息
|
||||
ipcMain?.handle?.('im-chat:msg', (e, msg, head, type) => { // 重新绑定 ipcMain 消息
|
||||
return imChatObj.imChat?.sendMsgGroup(msg, head, type)
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({ initImChat, logout, deleteGroup, imChatObj })
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div class="warp" ref="btnRef">
|
||||
<div class="warp" ref="btnRef" :style="isFold?'min-height:auto;':''">
|
||||
<slot name="start"></slot>
|
||||
<!-- 工具按钮 -->
|
||||
<el-space direction="vertical">
|
||||
<el-space direction="vertical" v-show="!isFold">
|
||||
<template v-for="(item,index) in list">
|
||||
<slot :name="item.prop" :item="item" :index="index">
|
||||
<div class="c-btn flex flex-col items-center gap-2 p-2" @click.stop="clickHandel(item,$event)">
|
||||
|
@ -13,7 +13,11 @@
|
|||
</template>
|
||||
<slot name="append"></slot>
|
||||
</el-space>
|
||||
<slot name="end"></slot>
|
||||
<slot name="end">
|
||||
<span class="fold" @click="isFold=!isFold" :style="isFold?'margin: 5px;':''">
|
||||
{{isFold?'<<<':'>>>'}}
|
||||
</span>
|
||||
</slot>
|
||||
<!-- 内容部分 -->
|
||||
<transition name="el-fade-in">
|
||||
<div class="c-popover" :style="`--top: ${topPos}px;--height:${hPost}px;`" v-show="isVisible">
|
||||
|
@ -54,6 +58,7 @@ const activeObj = ref(null) // 当前激活的按钮
|
|||
const btnRef = ref(null) // 按钮元素-ref
|
||||
const topPos = ref(30) // 顶部距离-内容的距离
|
||||
const hPost = ref(0) // 顶部距离-内容的距离
|
||||
const isFold = ref(false) // 是否折叠
|
||||
let posBtnAll = {} // 存储位置
|
||||
// === 计算属性 ===
|
||||
const list = computed(() => props.data.map((o,i) => {
|
||||
|
@ -100,7 +105,7 @@ const clickHandel = (o, e) => {
|
|||
min-width: 4em;
|
||||
border-radius: 4em;
|
||||
background-color: #121212;
|
||||
.el-space{margin: 20px 0;}
|
||||
.el-space{margin: 20px 0 0;}
|
||||
.c-btn{
|
||||
color: #d9dce3;
|
||||
cursor: pointer;
|
||||
|
@ -113,6 +118,20 @@ const clickHandel = (o, e) => {
|
|||
background: #454545fa;
|
||||
}
|
||||
}
|
||||
.fold{
|
||||
display: block;
|
||||
color: #ccc;
|
||||
font-size: 14px;
|
||||
padding: 3px 6px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
margin-bottom: 10px;
|
||||
&:hover{
|
||||
color: #409eff;
|
||||
border-radius: 4px;
|
||||
// background: #454545fa;
|
||||
}
|
||||
}
|
||||
}
|
||||
.c-popover{
|
||||
--top: 30px;
|
||||
|
|
|
@ -1,28 +1,50 @@
|
|||
<template>
|
||||
<el-button v-if="props.test" type="primary" @click="trigger">测试</el-button>
|
||||
<div v-if="props.test">
|
||||
<el-button type="primary" @click="trigger">点赞</el-button>
|
||||
<el-button type="primary" @click="trigger(1, '学生A')">疑惑</el-button>
|
||||
</div>
|
||||
<div ref="warpRef" class="c-warp">
|
||||
<template v-for="i in sum">
|
||||
<slot><el-icon><Star /></el-icon></slot>
|
||||
<template v-for="(item, index) in iconCache.list">
|
||||
<slot>
|
||||
<el-icon v-if="props.def"><Star /></el-icon>
|
||||
<div v-else class="item">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use :xlink:href="`#icon-`+item.icon"></use>
|
||||
</svg>
|
||||
<!-- 学生姓名 -->
|
||||
<div class="tip" v-if="item.name">
|
||||
<span :title="item.name">{{item.name}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</slot>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
// 功能说明:动画-点赞
|
||||
import { nextTick, ref } from 'vue'
|
||||
import { ref, nextTick, useSlots, reactive } from 'vue'
|
||||
import {Star} from '@element-plus/icons-vue'
|
||||
const warpRef = ref(null)
|
||||
const props = defineProps({ test: Boolean })
|
||||
const sum = ref(0)
|
||||
// === 方法 ===
|
||||
const trigger = () => {
|
||||
sum.value++
|
||||
const props = defineProps({ test: Boolean, def: Boolean })
|
||||
const slots = useSlots() // 获取插槽
|
||||
let iconCache = reactive({list:[]}) // 图标缓存
|
||||
const isSlot = !!Object.keys(slots).length // 是否使用了插槽
|
||||
// === 触发 type 1 疑惑 def 点赞 ===
|
||||
const trigger = async (type, name) => {
|
||||
if (typeof type == 'string') { name = type; type = 1 } // 兼容
|
||||
iconCache.list.push({
|
||||
name,
|
||||
icon: isSlot||props.def ? '' : getRandomIcon(type) // 图标
|
||||
})
|
||||
nextTick(() => {
|
||||
const el = warpRef.value.lastElementChild // 获取最后一个新加的元素
|
||||
animInit(el)
|
||||
const tipEl = el.querySelector('.tip') // 获取提示元素
|
||||
// console.log(el)
|
||||
animInit(el, tipEl, type)
|
||||
})
|
||||
}
|
||||
// 初始化动画
|
||||
const animInit = (el) => {
|
||||
const animInit = (el, tipEl, type) => {
|
||||
const { height, width } = el.getBoundingClientRect()
|
||||
const sumH = warpRef.value.clientHeight
|
||||
const sumW = warpRef.value.clientWidth
|
||||
|
@ -32,15 +54,25 @@ const animInit = (el) => {
|
|||
let opacity = 0 // 透明度
|
||||
let scale = 0 // 缩放
|
||||
let transform = '' // 旋转 缩放 偏移等操作
|
||||
let transform2 = '' // 旋转 缩放 偏移等操作-恢复
|
||||
let right = getRandom(5, maxw, false, true) // 随机-右距离
|
||||
let isPlus = getRandomBool()?'':'-' // 随机-方向
|
||||
let isPlus2 = isPlus ? '' : '-' // 随机-方向-恢复
|
||||
let rotate = getRandom(0, 60, false, true) // 随机-旋转
|
||||
let scaleMax = getRandom(0, 1, true, true)+1 // 随机-缩放倍数
|
||||
let scaleMax = getRandom(0.5, 1.5, true, true)+1 // 随机-缩放倍数
|
||||
setStatic(el,'position','absolute') // 设置-定位
|
||||
setStatic(el, 'right', right, 'px') // 设置-右距离
|
||||
// 特殊处理
|
||||
if (type === 1) { // 疑惑
|
||||
rotate = getRandom(0, 15, false, true) // 随机-旋转
|
||||
scaleMax = getRandom(2.5, 3, true, true) // 随机-缩放倍数
|
||||
}
|
||||
// console.log('zdg: ', right, isPlus, rotate, scaleMax, maxw)
|
||||
|
||||
const amFn = () => { // opacity: 0.5;
|
||||
// if (bottom == 130) return
|
||||
// 到顶了- 移除元素
|
||||
if (bottom > maxH) {el.remove();return}
|
||||
if (bottom > maxH) {el.remove();resetIconCache();return}
|
||||
// 透明度: 进入-慢慢出现
|
||||
if (bottom < 101 && opacity < 1) opacity = toNumber(opacity + 0.01)
|
||||
else if (bottom > maxH - 100 && opacity > 0) opacity = toNumber(opacity - 0.01)
|
||||
|
@ -49,18 +81,45 @@ const animInit = (el) => {
|
|||
// 缩放:退出-慢慢缩小
|
||||
else if (bottom > maxH - (scaleMax/0.1) && scale > 0) scale = toNumber(scale - 0.1)
|
||||
bottom++
|
||||
// console.log('zdg: ', scale)
|
||||
// console.log('zdg: ', scale) rotate(${isPlus2}${rotate}deg)
|
||||
// 设置样式
|
||||
transform = `rotate(${isPlus}${rotate}deg) scale(${scale})`
|
||||
setStatic(el, 'bottom', bottom, 'px')
|
||||
setStatic(el, 'opacity', opacity)
|
||||
setStatic(el, 'transform', transform)
|
||||
if (!!tipEl && type) {
|
||||
transform2 = `rotate(${isPlus2}${rotate}deg) scale(${toNumber(1/scale)})`
|
||||
setStatic(tipEl, 'transform', transform2)
|
||||
}
|
||||
requestAnimationFrame(amFn)
|
||||
}
|
||||
amFn() // 初次执行
|
||||
}
|
||||
|
||||
// 设置-静态样式
|
||||
const setStatic = (el, type, val, end) => el.style[type] = val + (end || '')
|
||||
// 重置缓存列表
|
||||
const resetIconCache = () => {
|
||||
const len = warpRef.value?.children?.length||0
|
||||
if (!len && iconCache.list.length) iconCache.list = []
|
||||
}
|
||||
// 随机图案样式-默认
|
||||
const getRandomIcon = (type) => {
|
||||
let iconArr = []
|
||||
switch (type) {
|
||||
case 1: // 阿里icon-疑惑
|
||||
iconArr = ['yiwen', 'a-yiwen', 'yihuo', 'yiwen-01']
|
||||
break
|
||||
default:
|
||||
iconArr = [ // 阿里icon-点赞
|
||||
'zan10', 'zanping', 'zan9', 'dianzan-red', 'zan8', 'zan11', 'zan7', 'MBEfenggeduosetubiao-xihuan',
|
||||
'zan6', 'zan-yizan', 'zan5', 'yizan', 'zan4', 'zan3', 'zan2', 'zan1', 'zan'
|
||||
]
|
||||
break
|
||||
}
|
||||
const ind = getRandom(0, iconArr.length-1)
|
||||
return iconArr[ind]||''
|
||||
}
|
||||
// 随机数 isFloat:是否小数 isMax:是否包含最大值
|
||||
const getRandom = (min, max, isFloat, isMax, pos=2) => {
|
||||
const maxVal = isMax ? max - min + 1 : max - min
|
||||
|
@ -71,6 +130,8 @@ const getRandom = (min, max, isFloat, isMax, pos=2) => {
|
|||
const getRandomBool = () => Math.random() > 0.5
|
||||
// 转换数字-(小数精度丢失)
|
||||
const toNumber = (v, pos = 2) => Number(v.toFixed(pos))
|
||||
// 延时
|
||||
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
|
||||
// 暴露方法
|
||||
defineExpose({ trigger })
|
||||
</script>
|
||||
|
@ -83,5 +144,39 @@ defineExpose({ trigger })
|
|||
width: 30%;
|
||||
height: 50%;
|
||||
pointer-events: none;
|
||||
.item{
|
||||
display: inline-block;
|
||||
.tip{
|
||||
position: absolute;
|
||||
padding: 3px 6px;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(90deg, #9fe597, #cce581);
|
||||
font-size: 12px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 65px;
|
||||
transform-origin: right top;
|
||||
span{
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
/* text-overflow: ellipsis; */
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
}
|
||||
&::before{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
z-index: -1;
|
||||
box-sizing: border-box;
|
||||
background: linear-gradient(45deg, #b2e68d, #bce689);
|
||||
bottom: -3px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -66,6 +66,7 @@ const classObj = reactive({ // 课程相关
|
|||
id: route.query.reservId, // 课程id
|
||||
data: {} // 课程信息
|
||||
})
|
||||
const msgIds = [] // 消息id
|
||||
const btnList = [ // 工具栏按钮列表
|
||||
{ label: '选择', value: 'select', icon: 'icon-mouse' },
|
||||
{ label: '画笔', value: 'brush', icon: 'icon-huabi' },
|
||||
|
@ -77,8 +78,8 @@ const btnList = [ // 工具栏按钮列表
|
|||
]
|
||||
// === 页面加载完毕 ===
|
||||
onMounted(async() => {
|
||||
setTimeout(() => {
|
||||
getClassInfo() // 获取课堂详情 ex3
|
||||
setTimeout(() => {
|
||||
resetStatus() // 开启重置状态-监听
|
||||
}, 200);
|
||||
})
|
||||
|
@ -88,15 +89,12 @@ onMounted(async() => {
|
|||
const getClassInfo = async () => {
|
||||
const { data } = await classManageApi.getClassInfo(classObj.id)
|
||||
classObj.data = data
|
||||
if(!data.ex3 || data.ex3 == 'undefined') { // 无群直接创建
|
||||
await imChatRef.value.imChatObj.imChat.createGroup(data.className)
|
||||
const timGroupId = imChatRef.value.imChatObj.imChat.timGroupId
|
||||
// 群id
|
||||
let timGroupId = data?.ex3 || ''
|
||||
console.log('获取群ID:', timGroupId)
|
||||
const chat = await imChatRef.value?.initImChat(timGroupId) // 初始化im-chat
|
||||
if (!timGroupId) timGroupId = chat?.timGroupId
|
||||
classManageApi.startClass(classObj.id, timGroupId) // 开始上课
|
||||
} else { // 已创建群
|
||||
// console.log('已创建群: ', data.ex3)
|
||||
imChatRef.value.imChatObj.imChat.timGroupId = data.ex3
|
||||
// imChatRef.value.imChatObj.imChat.setGroupMsgReceive(data.ex3)
|
||||
}
|
||||
}
|
||||
// 切换tab-change
|
||||
const tabChange = (val) => {
|
||||
|
@ -119,17 +117,22 @@ const mouseChange = (bool) => {
|
|||
setIgnore(resBool)
|
||||
}
|
||||
// im-chat: 聊天事件 {type, data}
|
||||
const chatChange = (type, data) => {
|
||||
const chatChange = (type, data, ...args) => {
|
||||
if (type == 'createGroup') { // 创建群-监听
|
||||
console.log('创建群:', data)
|
||||
!!data && classManageApi.startClass(classObj.id, data)
|
||||
} else if (type == 'msg') { // im-chat 消息监听
|
||||
if (!data) return // 没有msg数据
|
||||
if (!data) return // 没有msg数据 message_msg_id
|
||||
const msgId = (args||[])[0].message_msg_id
|
||||
const { msgKey:head, msgcontent:msg, senduserid:sendId, msgType } = data
|
||||
switch(head) {
|
||||
case MsgEnum.HEADS.MSG_0001:
|
||||
case MsgEnum.HEADS.MSG_0001: // 点赞
|
||||
case MsgEnum.HEADS.MSG_0002: // 疑惑
|
||||
// console.log('点赞:', data)
|
||||
upvoteRef.value.trigger()
|
||||
if(msgIds.includes(msgId)) return // 忽略重复-点赞消息
|
||||
upvoteRef.value.trigger(data.name) // 触发点赞|疑惑
|
||||
if (msgIds.length >= 100) msgIds.shift() // 删除第一个
|
||||
msgIds.push(msgId) // 添加到数组
|
||||
break
|
||||
default:
|
||||
console.log('未知消息:', data)
|
||||
|
@ -144,6 +147,7 @@ const setIgnore = (bool) => {ipcMsgSend('tool-sphere:set:ignore', bool)}
|
|||
// 重置状态: 鼠标|画板
|
||||
const resetStatus = () => {
|
||||
if (toolStore.isToolWin) return // 已经打开过-忽略
|
||||
ipcMain?.removeHandler('tool-sphere:reset') // 避免已绑定,先移除在绑定
|
||||
ipcMain?.handle?.('tool-sphere:reset', () => {
|
||||
setTimeout(() => {
|
||||
boardVueRef.value.handleMode(tabActive.value)
|
||||
|
@ -181,16 +185,16 @@ const sideChange = async o => {
|
|||
}).then(async() => {
|
||||
await imChatRef.value?.imChatObj?.imChat?.sendMsgClosed() // 发送下课消息
|
||||
// const elMsg = ElMessage.warning({duration:0,message:'正在下课...'})
|
||||
const elMsg = ElLoading.service({lock: true, text: '正在下课...', background: 'rgba(0, 0, 0, 0.7)'})
|
||||
// const elMsg = ElLoading.service({lock: true, text: '正在下课...', background: 'rgba(0, 0, 0, 0.7)'})
|
||||
// 延迟2秒后关闭窗口,如果马上解散群,会导致群组不存在
|
||||
setTimeout(async() => {
|
||||
elMsg.close()
|
||||
// elMsg.close()
|
||||
toolStore.isToolWin = false
|
||||
await classManageApi.endClass(route.query.reservId)
|
||||
await imChatRef.value?.deleteGroup() // 解散群
|
||||
await imChatRef.value?.logout() // 退出im
|
||||
await classManageApi.endClass(route.query.reservId)
|
||||
ipcMsgSend('tool-sphere:close') // 关闭窗口
|
||||
}, 2000);
|
||||
}, 500);
|
||||
|
||||
// isOver.value = false
|
||||
// setIgnore(true) // 开启窗口鼠标-穿透
|
||||
|
|
Loading…
Reference in New Issue