collabdocchat 2.0.4 → 2.0.5

package/src/utils/onboarding-guide.js

@@ -1,7 +1,6 @@
 /**
  * 新手引导系统
- * 提供交互式的新手引导和帮助
- */
+ * 提供交互式的新手引导和帮�? */
 
 export class OnboardingGuide {
   constructor() {
@@ -41,46 +40,45 @@ export class OnboardingGuide {
     return [
       {
         target: '.sidebar',
-        title: '欢迎使用 CollabDocChat！',
-        content: '这是侧边栏，您可以在这里访问所有主要功能。',
+        title: '欢迎使用 CollabDocChat�?,
+        content: '这是侧边栏，您可以在这里访问所有主要功能�?,
         position: 'right'
       },
       {
         target: '.nav-item[data-view="groups"]',
         title: '群组管理',
-        content: '点击这里可以创建和管理群组，邀请成员加入。',
+        content: '点击这里可以创建和管理群组，邀请成员加入�?,
         position: 'right'
       },
       {
         target: '.nav-item[data-view="chat"]',
         title: '群聊功能',
-        content: '在这里可以与团队成员实时聊天，支持@提及、消息撤回等功能。',
+        content: '在这里可以与团队成员实时聊天，支持@提及、消息撤回等功能�?,
         position: 'right'
       },
       {
         target: '.nav-item[data-view="documents"]',
         title: '文档协作',
-        content: '创建和编辑文档，支持多人实时协作编辑。',
+        content: '创建和编辑文档，支持多人实时协作编辑�?,
         position: 'right'
       },
       {
         target: '.nav-item[data-view="tasks"]',
         title: '任务管理',
-        content: '创建任务、分配给团队成员，跟踪任务进度。',
+        content: '创建任务、分配给团队成员，跟踪任务进度�?,
         position: 'right'
       },
       {
         target: '.user-info',
         title: '个人信息',
-        content: '这里显示您的个人信息和在线状态。',
+        content: '这里显示您的个人信息和在线状态�?,
         position: 'right'
       }
     ];
   }
 
   /**
-   * 开始引导
-   */
+   * 开始引�?   */
   start() {
     if (this.hasCompleted) {
       const restart = confirm('您已经完成过新手引导，是否重新开始？');
@@ -106,11 +104,9 @@ export class OnboardingGuide {
     const step = steps[stepIndex];
     this.currentStep = stepIndex;
 
-    // 移除之前的引导元素
-    this.removeGuideElements();
+    // 移除之前的引导元�?    this.removeGuideElements();
 
-    // 创建遮罩层
-    const overlay = document.createElement('div');
+    // 创建遮罩�?    const overlay = document.createElement('div');
     overlay.className = 'onboarding-overlay';
     overlay.id = 'onboardingOverlay';
     document.body.appendChild(overlay);
@@ -130,8 +126,7 @@ export class OnboardingGuide {
       
       document.body.appendChild(spotlight);
 
-      // 创建提示框
-      const tooltip = document.createElement('div');
+      // 创建提示�?      const tooltip = document.createElement('div');
       tooltip.className = 'onboarding-tooltip';
       tooltip.id = 'onboardingTooltip';
       
@@ -148,16 +143,15 @@ export class OnboardingGuide {
             ${stepIndex + 1} / ${steps.length}
           </div>
           <div class="tooltip-actions">
-            ${stepIndex > 0 ? '<button class="btn-secondary" id="prevStep">上一步</button>' : ''}
+            ${stepIndex > 0 ? '<button class="btn-secondary" id="prevStep">上一�?/button>' : ''}
             ${stepIndex < steps.length - 1 ? 
-              '<button class="btn-primary" id="nextStep">下一步</button>' : 
+              '<button class="btn-primary" id="nextStep">下一�?/button>' : 
               '<button class="btn-primary" id="finishOnboarding">完成</button>'}
           </div>
         </div>
       `;
 
-      // 定位提示框
-      this.positionTooltip(tooltip, rect, step.position);
+      // 定位提示�?      this.positionTooltip(tooltip, rect, step.position);
       document.body.appendChild(tooltip);
 
       // 添加事件监听
@@ -166,8 +160,7 @@ export class OnboardingGuide {
   }
 
   /**
-   * 定位提示框
-   */
+   * 定位提示�?   */
   positionTooltip(tooltip, targetRect, position) {
     document.body.appendChild(tooltip);
     const tooltipRect = tooltip.getBoundingClientRect();
@@ -196,8 +189,7 @@ export class OnboardingGuide {
         left = targetRect.right + 20;
     }
 
-    // 确保提示框在视口内
-    if (left < 10) left = 10;
+    // 确保提示框在视口�?    if (left < 10) left = 10;
     if (left + tooltipRect.width > window.innerWidth - 10) {
       left = window.innerWidth - tooltipRect.width - 10;
     }
@@ -252,7 +244,7 @@ export class OnboardingGuide {
    * 跳过引导
    */
   skip() {
-    if (confirm('确定要跳过新手引导吗？您可以稍后在帮助菜单中重新开始。')) {
+    if (confirm('确定要跳过新手引导吗？您可以稍后在帮助菜单中重新开始�?)) {
       this.removeGuideElements();
       this.isActive = false;
     }
@@ -266,12 +258,11 @@ export class OnboardingGuide {
     this.markCompleted();
     this.isActive = false;
     
-    alert('恭喜！您已完成新手引导。现在可以开始使用 CollabDocChat 了！');
+    alert('恭喜！您已完成新手引导。现在可以开始使�?CollabDocChat 了！');
   }
 
   /**
-   * 显示帮助中心（优化后的卡片式布局）
-   */
+   * 显示帮助中心（优化后的卡片式布局�?   */
   showHelpCenter(container) {
     container.innerHTML = `
       <div class="view-header">
@@ -281,25 +272,25 @@ export class OnboardingGuide {
       <div class="help-cards-grid">
         <div class="help-card">
           <div class="help-icon">🚀</div>
-          <h3>快速开始</h3>
+          <h3>快速开�?/h3>
           <ul>
             <li><a href="#" data-action="start-guide">新手引导</a></li>
-            <li><a href="#" data-action="show-shortcuts">键盘快捷键</a></li>
-            <li><a href="#" data-action="show-tips">使用技巧</a></li>
+            <li><a href="#" data-action="show-shortcuts">键盘快捷�?/a></li>
+            <li><a href="#" data-action="show-tips">使用技�?/a></li>
           </ul>
-          <button class="btn-help-detail" data-topic="quickstart">查看详情 →</button>
+          <button class="btn-help-detail" data-topic="quickstart">查看详情 �?/button>
         </div>
 
         <div class="help-card">
           <div class="help-icon">💬</div>
           <h3>聊天功能</h3>
           <ul>
-            <li>如何发送消息</li>
+            <li>如何发送消�?/li>
             <li>如何@提及用户</li>
             <li>如何撤回消息</li>
-            <li>如何查看已读状态</li>
+            <li>如何查看已读状�?/li>
           </ul>
-          <button class="btn-help-detail" data-topic="chat">查看详情 →</button>
+          <button class="btn-help-detail" data-topic="chat">查看详情 �?/button>
         </div>
 
         <div class="help-card">
@@ -307,11 +298,11 @@ export class OnboardingGuide {
           <h3>文档协作</h3>
           <ul>
             <li>如何创建文档</li>
-            <li>如何邀请协作</li>
+            <li>如何邀请协�?/li>
             <li>如何查看编辑历史</li>
             <li>如何导出文档</li>
           </ul>
-          <button class="btn-help-detail" data-topic="documents">查看详情 →</button>
+          <button class="btn-help-detail" data-topic="documents">查看详情 �?/button>
         </div>
 
         <div class="help-card">
@@ -323,7 +314,7 @@ export class OnboardingGuide {
             <li>如何跟踪进度</li>
             <li>如何设置提醒</li>
           </ul>
-          <button class="btn-help-detail" data-topic="tasks">查看详情 →</button>
+          <button class="btn-help-detail" data-topic="tasks">查看详情 �?/button>
         </div>
 
         <div class="help-card">
@@ -335,24 +326,24 @@ export class OnboardingGuide {
             <li>如何设置权限</li>
             <li>如何导出数据</li>
           </ul>
-          <button class="btn-help-detail" data-topic="settings">查看详情 →</button>
+          <button class="btn-help-detail" data-topic="settings">查看详情 �?/button>
         </div>
 
         <div class="help-card">
-          <div class="help-icon">❓</div>
+          <div class="help-icon">�?/div>
           <h3>常见问题</h3>
           <ul>
             <li>忘记密码怎么办？</li>
-            <li>如何邀请新成员？</li>
-            <li>如何删除群组？</li>
-            <li>如何联系支持？</li>
+            <li>如何邀请新成员�?/li>
+            <li>如何删除群组�?/li>
+            <li>如何联系支持�?/li>
           </ul>
-          <button class="btn-help-detail" data-topic="faq">查看详情 →</button>
+          <button class="btn-help-detail" data-topic="faq">查看详情 �?/button>
         </div>
       </div>
 
       <div class="help-footer-actions">
-        <h3>还有其他问题？</h3>
+        <h3>还有其他问题�?/h3>
         <div class="help-action-buttons">
           <button class="btn-primary" id="contactSupport">
             <span>📧</span> 联系支持
@@ -387,7 +378,7 @@ export class OnboardingGuide {
     });
 
     container.querySelector('#contactSupport')?.addEventListener('click', () => {
-      alert('请发送邮件至 support@collabdocchat.com 或在 GitHub 提交 Issue。');
+      alert('请发送邮件至 support@collabdocchat.com 或在 GitHub 提交 Issue�?);
     });
 
     container.querySelector('#videoTutorials')?.addEventListener('click', () => {
@@ -541,99 +532,99 @@ export class OnboardingGuide {
   showHelpDetail(topic, container) {
     const details = {
       quickstart: {
-        title: '🚀 快速开始',
+        title: '🚀 快速开�?,
         content: `
-          <h4>欢迎使用 CollabDocChat！</h4>
-          <p>这是一个功能强大的团队协作平台，支持实时聊天、文档协作、任务管理等功能。</p>
+          <h4>欢迎使用 CollabDocChat�?/h4>
+          <p>这是一个功能强大的团队协作平台，支持实时聊天、文档协作、任务管理等功能�?/p>
           
           <h4>第一步：创建群组</h4>
-          <p>点击左侧菜单的"群组管理"，创建您的第一个群组并邀请成员。</p>
+          <p>点击左侧菜单�?群组管理"，创建您的第一个群组并邀请成员�?/p>
           
-          <h4>第二步：开始聊天</h4>
-          <p>在群组中发送消息，使用 @ 符号提及成员，支持文件上传和表情符号。</p>
+          <h4>第二步：开始聊�?/h4>
+          <p>在群组中发送消息，使用 @ 符号提及成员，支持文件上传和表情符号�?/p>
           
           <h4>第三步：创建文档</h4>
-          <p>点击"文档管理"创建协作文档，支持多人实时编辑。</p>
+          <p>点击"文档管理"创建协作文档，支持多人实时编辑�?/p>
         `
       },
       chat: {
         title: '💬 聊天功能详解',
         content: `
-          <h4>发送消息</h4>
-          <p>在输入框中输入消息，按 Enter 或点击发送按钮即可发送。</p>
+          <h4>发送消�?/h4>
+          <p>在输入框中输入消息，�?Enter 或点击发送按钮即可发送�?/p>
           
           <h4>@提及用户</h4>
-          <p>输入 @ 符号会弹出成员列表，选择要提及的成员即可。</p>
+          <p>输入 @ 符号会弹出成员列表，选择要提及的成员即可�?/p>
           
           <h4>撤回消息</h4>
-          <p>鼠标悬停在消息上，点击"撤回"按钮可以撤回消息（2分钟内）。</p>
+          <p>鼠标悬停在消息上，点�?撤回"按钮可以撤回消息�?分钟内）�?/p>
           
-          <h4>查看已读状态</h4>
-          <p>消息右下角会显示已读/未读状态，点击可查看详细信息。</p>
+          <h4>查看已读状�?/h4>
+          <p>消息右下角会显示已读/未读状态，点击可查看详细信息�?/p>
         `
       },
       documents: {
         title: '📄 文档协作指南',
         content: `
           <h4>创建文档</h4>
-          <p>点击"文档管理" → "创建文档"，输入标题和内容即可。</p>
+          <p>点击"文档管理" �?"创建文档"，输入标题和内容即可�?/p>
           
-          <h4>邀请协作</h4>
-          <p>在文档详情页点击"邀请协作"，选择要邀请的成员。</p>
+          <h4>邀请协�?/h4>
+          <p>在文档详情页点击"邀请协�?，选择要邀请的成员�?/p>
           
           <h4>实时编辑</h4>
-          <p>多人可以同时编辑文档，所有更改会实时同步。</p>
+          <p>多人可以同时编辑文档，所有更改会实时同步�?/p>
           
           <h4>查看历史</h4>
-          <p>点击"编辑历史"可以查看所有修改记录，支持版本回退。</p>
+          <p>点击"编辑历史"可以查看所有修改记录，支持版本回退�?/p>
         `
       },
       tasks: {
         title: '📋 任务管理教程',
         content: `
           <h4>创建任务</h4>
-          <p>点击"任务管理" → "创建任务"，填写任务信息。</p>
+          <p>点击"任务管理" �?"创建任务"，填写任务信息�?/p>
           
           <h4>分配任务</h4>
-          <p>在任务详情中选择负责人，可以分配给多个成员。</p>
+          <p>在任务详情中选择负责人，可以分配给多个成员�?/p>
           
           <h4>跟踪进度</h4>
-          <p>任务状态包括：待处理、进行中、已完成、已终止。</p>
+          <p>任务状态包括：待处理、进行中、已完成、已终止�?/p>
           
           <h4>设置提醒</h4>
-          <p>可以设置任务截止时间，系统会自动发送提醒。</p>
+          <p>可以设置任务截止时间，系统会自动发送提醒�?/p>
         `
       },
       settings: {
         title: '⚙️ 设置指南',
         content: `
           <h4>更改主题</h4>
-          <p>点击"设置" → "主题设置"，选择您喜欢的主题风格。</p>
+          <p>点击"设置" �?"主题设置"，选择您喜欢的主题风格�?/p>
           
           <h4>管理通知</h4>
-          <p>在"通知设置"中可以配置桌面通知、声音提示等。</p>
+          <p>�?通知设置"中可以配置桌面通知、声音提示等�?/p>
           
           <h4>设置权限</h4>
-          <p>管理员可以在"权限管理"中设置用户权限。</p>
+          <p>管理员可以在"权限管理"中设置用户权限�?/p>
           
           <h4>导出数据</h4>
-          <p>在"数据管理"中可以导出您的聊天记录和文档。</p>
+          <p>�?数据管理"中可以导出您的聊天记录和文档�?/p>
         `
       },
       faq: {
-        title: '❓ 常见问题解答',
+        title: '�?常见问题解答',
         content: `
           <h4>忘记密码怎么办？</h4>
-          <p>点击登录页面的"忘记密码"，输入邮箱即可重置密码。</p>
+          <p>点击登录页面�?忘记密码"，输入邮箱即可重置密码�?/p>
           
-          <h4>如何邀请新成员？</h4>
-          <p>在群组管理页面点击"管理成员" → "添加成员"。</p>
+          <h4>如何邀请新成员�?/h4>
+          <p>在群组管理页面点�?管理成员" �?"添加成员"�?/p>
           
-          <h4>如何删除群组？</h4>
-          <p>只有群组创建者可以删除群组，在群组设置中操作。</p>
+          <h4>如何删除群组�?/h4>
+          <p>只有群组创建者可以删除群组，在群组设置中操作�?/p>
           
-          <h4>如何联系支持？</h4>
-          <p>发送邮件至 support@collabdocchat.com 或在 GitHub 提交 Issue。</p>
+          <h4>如何联系支持�?/h4>
+          <p>发送邮件至 support@collabdocchat.com 或在 GitHub 提交 Issue�?/p>
         `
       }
     };
@@ -675,15 +666,14 @@ export class OnboardingGuide {
   }
 
   /**
-   * 显示快捷键
-   */
+   * 显示快捷�?   */
   showShortcuts() {
     const shortcuts = [
       { key: 'Ctrl + S', action: '保存文档' },
-      { key: 'Ctrl + Enter', action: '发送消息' },
+      { key: 'Ctrl + Enter', action: '发送消�? },
       { key: 'Ctrl + K', action: '搜索' },
-      { key: 'Ctrl + /', action: '显示快捷键' },
-      { key: 'Esc', action: '关闭对话框' },
+      { key: 'Ctrl + /', action: '显示快捷�? },
+      { key: 'Esc', action: '关闭对话�? },
       { key: '@', action: '提及用户' }
     ];
 
@@ -691,7 +681,7 @@ export class OnboardingGuide {
     modal.className = 'modal';
     modal.innerHTML = `
       <div class="modal-content">
-        <h3>⌨️ 键盘快捷键</h3>
+        <h3>⌨️ 键盘快捷�?/h3>
         <table class="shortcuts-table">
           ${shortcuts.map(s => `
             <tr>
@@ -712,14 +702,13 @@ export class OnboardingGuide {
   }
 
   /**
-   * 显示使用技巧
-   */
+   * 显示使用技�?   */
   showTips() {
     const tips = [
-      '💡 使用 @ 符号可以快速提及团队成员',
-      '💡 双击消息可以快速回复',
-      '💡 拖拽文件到聊天框可以快速上传',
-      '💡 使用 Ctrl+Enter 可以快速发送消息',
+      '💡 使用 @ 符号可以快速提及团队成�?,
+      '💡 双击消息可以快速回�?,
+      '💡 拖拽文件到聊天框可以快速上�?,
+      '💡 使用 Ctrl+Enter 可以快速发送消�?,
       '💡 点击用户头像可以查看详细信息',
       '💡 长按消息可以显示更多操作'
     ];

package/src/utils/performance.js

@@ -59,7 +59,7 @@ export class VirtualScroller {
     // 清空内容
     this.content.innerHTML = '';
     
-    // 渲染可见项
+    // 渲染可见�?
     for (let i = this.visibleStart; i < this.visibleEnd; i++) {
       const item = this.items[i];
       const element = this.renderItem(item, i);
@@ -83,7 +83,7 @@ export class VirtualScroller {
 }
 
 /**
- * 图片懒加载
+ * 图片懒加�?
  */
 export class LazyLoader {
   constructor(options = {}) {
@@ -115,7 +115,7 @@ export class LazyLoader {
     // 添加加载中类
     element.classList.add(this.loadingClass);
     
-    // 开始观察
+    // 开始观�?
     this.observer.observe(element);
   }
 
@@ -199,7 +199,7 @@ export function throttle(func, limit = 300) {
 }
 
 /**
- * 请求动画帧节流
+ * 请求动画帧节�?
  */
 export function rafThrottle(func) {
   let rafId = null;
@@ -214,7 +214,7 @@ export function rafThrottle(func) {
 }
 
 /**
- * 代码分割 - 动态导入
+ * 代码分割 - 动态导�?
  */
 export async function loadModule(modulePath) {
   try {
@@ -227,7 +227,7 @@ export async function loadModule(modulePath) {
 }
 
 /**
- * 资源预加载
+ * 资源预加�?
  */
 export function preloadResource(url, type = 'fetch') {
   const link = document.createElement('link');
@@ -302,7 +302,7 @@ export class PerformanceMonitor {
       firstPaint: paint.find(p => p.name === 'first-paint')?.startTime || 0,
       // 首次内容绘制
       firstContentfulPaint: paint.find(p => p.name === 'first-contentful-paint')?.startTime || 0,
-      // 自定义测量
+      // 自定义测�?
       customMeasures: this.measures
     };
   }
@@ -321,7 +321,7 @@ export class PerformanceMonitor {
 }
 
 /**
- * 内存优化 - 对象池
+ * 内存优化 - 对象�?
  */
 export class ObjectPool {
   constructor(factory, reset, initialSize = 10) {
@@ -329,7 +329,7 @@ export class ObjectPool {
     this.reset = reset;
     this.pool = [];
     
-    // 预创建对象
+    // 预创建对�?
     for (let i = 0; i < initialSize; i++) {
       this.pool.push(this.factory());
     }