chore: 抢单端UI回退前备份当前完整工作区
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
XingQue
@@ -1,7 +1,14 @@
|
||||
const app = getApp();
|
||||
import { formatDate } from '../../static/lib/utils';
|
||||
import { resolveAvatarUrl, getDefaultAvatarUrl } from '../../utils/avatar.js';
|
||||
import { resolveAvatarUrl, getDefaultAvatarUrl, resolveAvatarFromStorage, subscribeConfigAvatarRefresh } from '../../utils/avatar.js';
|
||||
import { getLocalImUserId } from '../../utils/im-user.js';
|
||||
import { recordConversationOpen } from '../../utils/group-chat.js';
|
||||
import {
|
||||
fetchHistoryMessages,
|
||||
getOldestHistoryTimestamp,
|
||||
mergeHistoryMessages,
|
||||
waitImConnected,
|
||||
} from '../../utils/chat-history.js';
|
||||
|
||||
Page({
|
||||
data: {
|
||||
@@ -25,29 +32,58 @@ Page({
|
||||
pendingImage: '',
|
||||
pendingImageFile: null,
|
||||
keyboardHeight: 0,
|
||||
bottomSafeHeight: 10
|
||||
bottomSafeHeight: 140,
|
||||
defaultAvatarUrl: '',
|
||||
},
|
||||
|
||||
onLoad(options) {
|
||||
const defAvatar = getDefaultAvatarUrl(app);
|
||||
if (options.data) {
|
||||
try {
|
||||
const p = JSON.parse(decodeURIComponent(options.data));
|
||||
this.setData({
|
||||
toUserId: p.toUserId || '',
|
||||
toName: p.toName || '聊天',
|
||||
toAvatar: resolveAvatarUrl(p.toAvatar, app),
|
||||
toAvatar: resolveAvatarUrl(p.toAvatar, app) || defAvatar,
|
||||
defaultAvatarUrl: defAvatar,
|
||||
});
|
||||
} catch (e) {}
|
||||
} catch (e) {
|
||||
this.setData({ defaultAvatarUrl: defAvatar });
|
||||
}
|
||||
} else {
|
||||
this.setData({ defaultAvatarUrl: defAvatar });
|
||||
}
|
||||
wx.setNavigationBarTitle({ title: this.data.toName });
|
||||
this.initCurrentUser();
|
||||
this._unsubConfigAvatar = subscribeConfigAvatarRefresh(this, () => {
|
||||
const def = getDefaultAvatarUrl(app);
|
||||
this.setData({
|
||||
defaultAvatarUrl: def,
|
||||
toAvatar: resolveAvatarUrl(this.data.toAvatar, app) || def,
|
||||
});
|
||||
this.refreshCurrentUserAvatar();
|
||||
});
|
||||
},
|
||||
|
||||
onShow() {
|
||||
const defAvatar = getDefaultAvatarUrl(app);
|
||||
this.setData({
|
||||
defaultAvatarUrl: defAvatar,
|
||||
toAvatar: resolveAvatarUrl(this.data.toAvatar, app) || defAvatar,
|
||||
});
|
||||
this.refreshCurrentUserAvatar();
|
||||
if (this.data.toUserId) {
|
||||
if (!app.globalData.pageState) app.globalData.pageState = {};
|
||||
app.globalData.pageState.lastOpenedConvId = this.data.toUserId;
|
||||
recordConversationOpen({ userId: this.data.toUserId });
|
||||
}
|
||||
this.ensureChatReady();
|
||||
},
|
||||
|
||||
onHide() {
|
||||
if (this.data.toUserId) {
|
||||
recordConversationOpen({ userId: this.data.toUserId });
|
||||
}
|
||||
this.clearPageListeners();
|
||||
this.markPrivateMessageAsRead();
|
||||
setTimeout(() => {
|
||||
@@ -55,6 +91,13 @@ Page({
|
||||
}, 250);
|
||||
},
|
||||
|
||||
onUnload() {
|
||||
if (this._unsubConfigAvatar) {
|
||||
this._unsubConfigAvatar();
|
||||
this._unsubConfigAvatar = null;
|
||||
}
|
||||
},
|
||||
|
||||
ensureChatReady() {
|
||||
const targetUserId = getLocalImUserId(app);
|
||||
if (!targetUserId) return;
|
||||
@@ -133,14 +176,26 @@ Page({
|
||||
const imId = getLocalImUserId(app);
|
||||
const uid = wx.getStorageSync('uid');
|
||||
const nick = app.globalData.nicheng || app.globalData.dashouNicheng || wx.getStorageSync('nicheng') || '';
|
||||
const defAvatar = getDefaultAvatarUrl(app);
|
||||
const avatar = resolveAvatarFromStorage(app) || defAvatar;
|
||||
this.setData({
|
||||
currentUser: {
|
||||
id: imId || ('Ds' + uid),
|
||||
name: nick || `用户${uid}`,
|
||||
avatar: resolveAvatarUrl(wx.getStorageSync('touxiang'), app),
|
||||
avatar,
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
refreshCurrentUserAvatar() {
|
||||
const defAvatar = getDefaultAvatarUrl(app);
|
||||
const cu = this.data.currentUser;
|
||||
if (!cu) return;
|
||||
const avatar = resolveAvatarUrl(cu.avatar || wx.getStorageSync('touxiang'), app) || defAvatar;
|
||||
if (avatar !== cu.avatar) {
|
||||
this.setData({ currentUser: { ...cu, avatar } });
|
||||
}
|
||||
},
|
||||
fixAvatar(url) {
|
||||
return resolveAvatarUrl(url, app);
|
||||
},
|
||||
@@ -156,6 +211,19 @@ Page({
|
||||
normalizeMessage(msg) {
|
||||
if (!msg) return msg;
|
||||
if (!msg.payload) msg.payload = {};
|
||||
const defAvatar = this.data.defaultAvatarUrl || getDefaultAvatarUrl(app);
|
||||
const myId = this.data.currentUser?.id;
|
||||
if (myId && msg.senderId === myId) {
|
||||
msg.senderData = {
|
||||
name: this.data.currentUser.name,
|
||||
avatar: resolveAvatarUrl(this.data.currentUser.avatar, app) || defAvatar,
|
||||
};
|
||||
} else {
|
||||
msg.senderData = {
|
||||
name: this.data.toName,
|
||||
avatar: resolveAvatarUrl(this.data.toAvatar, app) || defAvatar,
|
||||
};
|
||||
}
|
||||
if (msg.type === 'image') {
|
||||
const p = msg.payload;
|
||||
if (!p.url) p.url = p.thumbnail || p.thumb || p.imageUrl || '';
|
||||
@@ -188,63 +256,91 @@ Page({
|
||||
|
||||
onPullDownRefresh() {
|
||||
if (this.data.loadingHistory) return;
|
||||
if (!this.data.hasMore) {
|
||||
wx.showToast({ title: '没有更早的消息了', icon: 'none' });
|
||||
this.setData({ isRefreshing: false });
|
||||
wx.stopPullDownRefresh();
|
||||
return;
|
||||
}
|
||||
this.setData({ isRefreshing: true });
|
||||
this.loadHistory(false).finally(() => { this.setData({ isRefreshing: false }); wx.stopPullDownRefresh(); });
|
||||
this.loadHistory(false).finally(() => {
|
||||
this.setData({ isRefreshing: false });
|
||||
wx.stopPullDownRefresh();
|
||||
});
|
||||
},
|
||||
|
||||
loadHistory(refresh) {
|
||||
if (!refresh && !this.data.hasMore) return Promise.resolve();
|
||||
return new Promise((resolve) => {
|
||||
this.setData({ loadingHistory: true });
|
||||
const { toUserId, lastTimestamp } = this.data;
|
||||
const ts = refresh ? null : lastTimestamp;
|
||||
wx.goEasy.im.history({
|
||||
type: wx.GoEasy.IM_SCENE.PRIVATE, id: toUserId, lastTimestamp: ts, limit: 20,
|
||||
onSuccess: (res) => {
|
||||
let list = res.content || [];
|
||||
list.sort((a, b) => a.timestamp - b.timestamp);
|
||||
list.forEach((m, idx) => {
|
||||
m = this.normalizeMessage(m);
|
||||
list[idx] = m;
|
||||
m.formattedTime = formatDate(m.timestamp);
|
||||
if (idx === 0) m.showTime = true;
|
||||
else m.showTime = (m.timestamp - list[idx-1].timestamp) / 60000 > 5;
|
||||
if (m.senderId === this.data.currentUser.id) {
|
||||
m.senderData = {
|
||||
name: this.data.currentUser.name,
|
||||
avatar: resolveAvatarUrl(this.data.currentUser.avatar, app),
|
||||
};
|
||||
} else {
|
||||
m.senderData = {
|
||||
name: this.data.toName,
|
||||
avatar: resolveAvatarUrl(this.data.toAvatar, app),
|
||||
};
|
||||
}
|
||||
});
|
||||
let final = refresh ? list : [...list, ...this.data.messages];
|
||||
if (!refresh) {
|
||||
for (let i=0; i<final.length; i++) {
|
||||
if (i===0) final[i].showTime = true;
|
||||
else final[i].showTime = (final[i].timestamp - final[i-1].timestamp) / 60000 > 5;
|
||||
}
|
||||
}
|
||||
const ids = new Set();
|
||||
const unique = [];
|
||||
for (const m of final) { if (!ids.has(m.messageId)) { ids.add(m.messageId); unique.push(m); } }
|
||||
const update = {
|
||||
messages: unique,
|
||||
hasMore: list.length >= 20,
|
||||
lastTimestamp: unique.length ? unique[0].timestamp : lastTimestamp,
|
||||
loadingHistory: false
|
||||
};
|
||||
if (refresh) update.scrollToView = 'msg-bottom';
|
||||
this.setData(update);
|
||||
if (refresh) this.markPrivateMessageAsRead();
|
||||
resolve();
|
||||
},
|
||||
onFailed: () => { this.setData({ loadingHistory: false }); resolve(); }
|
||||
mapHistoryMessage(m, idx, list) {
|
||||
m = this.normalizeMessage(m);
|
||||
m.formattedTime = formatDate(m.timestamp);
|
||||
if (idx === 0) m.showTime = true;
|
||||
else m.showTime = (m.timestamp - list[idx - 1].timestamp) / 60000 > 5;
|
||||
if (m.senderId === this.data.currentUser?.id) {
|
||||
m.senderData = {
|
||||
name: this.data.currentUser.name,
|
||||
avatar: resolveAvatarUrl(this.data.currentUser.avatar, app),
|
||||
};
|
||||
} else {
|
||||
m.senderData = {
|
||||
name: this.data.toName,
|
||||
avatar: resolveAvatarUrl(this.data.toAvatar, app),
|
||||
};
|
||||
}
|
||||
return m;
|
||||
},
|
||||
|
||||
async loadHistory(refresh) {
|
||||
if (!refresh && !this.data.hasMore) return;
|
||||
if (this.data.loadingHistory) return;
|
||||
if (!this.data.toUserId) return;
|
||||
|
||||
this.setData({ loadingHistory: true });
|
||||
try {
|
||||
const ready = await waitImConnected(app);
|
||||
if (!ready) {
|
||||
wx.showToast({ title: '消息服务未连接，请稍后重试', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
|
||||
const ts = refresh
|
||||
? null
|
||||
: getOldestHistoryTimestamp(this.data.messages, this.data.lastTimestamp);
|
||||
if (!refresh && ts == null) {
|
||||
this.setData({ hasMore: false });
|
||||
wx.showToast({ title: '没有更早的消息了', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
|
||||
const raw = await fetchHistoryMessages({
|
||||
scene: wx.GoEasy.IM_SCENE.PRIVATE,
|
||||
id: this.data.toUserId,
|
||||
lastTimestamp: ts,
|
||||
limit: 20,
|
||||
});
|
||||
});
|
||||
|
||||
const merged = mergeHistoryMessages({
|
||||
incoming: raw,
|
||||
existing: this.data.messages,
|
||||
refresh,
|
||||
limit: 20,
|
||||
mapMessage: (m, idx, list) => this.mapHistoryMessage(m, idx, list),
|
||||
});
|
||||
|
||||
const update = {
|
||||
messages: merged.messages,
|
||||
hasMore: merged.hasMore,
|
||||
lastTimestamp: merged.lastTimestamp,
|
||||
};
|
||||
if (refresh) update.scrollToView = 'msg-bottom';
|
||||
this.setData(update);
|
||||
if (refresh) this.markPrivateMessageAsRead();
|
||||
} catch (e) {
|
||||
console.warn('[私聊] 历史消息加载失败', e);
|
||||
if (!refresh) {
|
||||
wx.showToast({ title: '加载历史消息失败', icon: 'none' });
|
||||
}
|
||||
} finally {
|
||||
this.setData({ loadingHistory: false });
|
||||
}
|
||||
},
|
||||
|
||||
listenNewMsg() {
|
||||
|
||||
Reference in New Issue
Block a user