';
chatRecordsHtml += '
📋 聊天记录引用
';
for (const record of msg.chatRecords) {
chatRecordsHtml += \`
\${this.escapeHtml(record.senderDisplayName)}
\${this.escapeHtml(record.formattedTime)}
\${this.escapeHtml(record.content)}
\`;
}
chatRecordsHtml += '
\${this.escapeHtml(senderName)}
\${contentHtml}
\${chatRecordsHtml}
\${time}
\`;
}
searchMessages() {
const keyword = document.getElementById('searchInput').value.trim().toLowerCase();
if (!keyword) {
this.filteredMessages = this.allData.messages;
} else {
this.filteredMessages = this.allData.messages.filter(msg => {
// 搜索消息内容
if (msg.content && msg.content.toLowerCase().includes(keyword)) {
return true;
}
// 搜索发送者名称
const member = this.allData.members.find(m => m.id === msg.sender);
const senderName = member ? member.name : msg.senderName;
if (senderName.toLowerCase().includes(keyword)) {
return true;
}
// 搜索聊天记录内容
if (msg.chatRecords) {
for (const record of msg.chatRecords) {
if (record.content.toLowerCase().includes(keyword) ||
record.senderDisplayName.toLowerCase().includes(keyword)) {
return true;
}
}
}
return false;
});
}
// 重置并重新加载
this.reset();
}
clearSearch() {
document.getElementById('searchInput').value = '';
this.filteredMessages = this.allData.messages;
this.reset();
}
reset() {
// 停止观察
if (this.loadMoreObserver && this.sentinel && this.sentinel.parentNode) {
this.loadMoreObserver.unobserve(this.sentinel);
}
// 清空容器
this.messagesContainer.innerHTML = '';
// 重置状态
this.loadedCount = 0;
this.isLoading = false;
// 滚动到顶部
this.scrollContainer.scrollTop = 0;
// 重新设置观察器（必须在 loadMoreMessages 之前）
this.setupIntersectionObserver();
// 重新加载
this.loadMoreMessages();
}
updateStats() {
const totalCount = this.filteredMessages.length;
document.getElementById('messageStats').textContent = \`共 \${totalCount} 条消息\`;
document.getElementById('loadedStats').textContent = \`已加载 \${this.loadedCount} 条\`;
}
escapeHtml(text) {
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
}
// 初始化应用
const app = new ChatApp();`;
}
/**
* 生成数据 JSON 文件
*/
static generateDataJson(exportData: HtmlExportData): string {
return JSON.stringify(exportData, null, 2);
}
/**
* HTML 转义
*/
private static escapeHtml(text: string): string {
const map: Record