collabdocchat 2.0.4 → 2.0.5

package/src/utils/theme-manager.js

@@ -42,7 +42,7 @@ export class ThemeManager {
         }
       },
       ocean: {
-        name: '海洋蓝',
+        name: '海洋�?,
         colors: {
           primary: '#0ea5e9',
           primaryDark: '#0284c7',
@@ -59,7 +59,7 @@ export class ThemeManager {
         }
       },
       forest: {
-        name: '森林绿',
+        name: '森林�?,
         colors: {
           primary: '#22c55e',
           primaryDark: '#16a34a',
@@ -76,7 +76,7 @@ export class ThemeManager {
         }
       },
       sunset: {
-        name: '日落橙',
+        name: '日落�?,
         colors: {
           primary: '#f97316',
           primaryDark: '#ea580c',
@@ -93,7 +93,7 @@ export class ThemeManager {
         }
       },
       purple: {
-        name: '紫罗兰',
+        name: '紫罗�?,
         colors: {
           primary: '#a855f7',
           primaryDark: '#9333ea',
@@ -110,7 +110,7 @@ export class ThemeManager {
         }
       },
       midnight: {
-        name: '午夜黑',
+        name: '午夜�?,
         colors: {
           primary: '#3b82f6',
           primaryDark: '#2563eb',
@@ -127,7 +127,7 @@ export class ThemeManager {
         }
       },
       rose: {
-        name: '玫瑰粉',
+        name: '玫瑰�?,
         colors: {
           primary: '#f43f5e',
           primaryDark: '#e11d48',
@@ -147,8 +147,7 @@ export class ThemeManager {
   }
 
   /**
-   * 加载保存的主题
-   */
+   * 加载保存的主�?   */
   loadTheme() {
     return localStorage.getItem('theme') || 'default';
   }
@@ -165,7 +164,7 @@ export class ThemeManager {
    */
   applyTheme(themeName) {
     if (!this.themes[themeName]) {
-      console.error('主题不存在:', themeName);
+      console.error('主题不存�?', themeName);
       return;
     }
 
@@ -196,8 +195,7 @@ export class ThemeManager {
   }
 
   /**
-   * 获取所有主题
-   */
+   * 获取所有主�?   */
   getAllThemes() {
     return Object.entries(this.themes).map(([key, theme]) => ({
       id: key,
@@ -207,8 +205,7 @@ export class ThemeManager {
   }
 
   /**
-   * 创建自定义主题
-   */
+   * 创建自定义主�?   */
   createCustomTheme(name, colors) {
     const themeId = `custom_${Date.now()}`;
     this.themes[themeId] = {
@@ -223,8 +220,7 @@ export class ThemeManager {
   }
 
   /**
-   * 保存自定义主题
-   */
+   * 保存自定义主�?   */
   saveCustomThemes() {
     const customThemes = {};
     Object.entries(this.themes).forEach(([key, theme]) => {
@@ -236,8 +232,7 @@ export class ThemeManager {
   }
 
   /**
-   * 加载自定义主题
-   */
+   * 加载自定义主�?   */
   loadCustomThemes() {
     const saved = localStorage.getItem('customThemes');
     if (saved) {
@@ -245,17 +240,16 @@ export class ThemeManager {
         const customThemes = JSON.parse(saved);
         Object.assign(this.themes, customThemes);
       } catch (error) {
-        console.error('加载自定义主题失败:', error);
+        console.error('加载自定义主题失�?', error);
       }
     }
   }
 
   /**
-   * 删除自定义主题
-   */
+   * 删除自定义主�?   */
   deleteCustomTheme(themeId) {
     if (!themeId.startsWith('custom_')) {
-      console.error('只能删除自定义主题');
+      console.error('只能删除自定义主�?);
       return false;
     }
 
@@ -284,8 +278,8 @@ export class ThemeManager {
             <p class="theme-subtitle-modern">选择您喜欢的主题风格，让界面更加个性化</p>
           </div>
           <button class="btn-create-theme-modern" id="createCustomThemeBtn">
-            <span class="btn-icon">✨</span>
-            <span>创建自定义主题</span>
+            <span class="btn-icon">�?/span>
+            <span>创建自定义主�?/span>
           </button>
         </div>
         
@@ -311,21 +305,21 @@ export class ThemeManager {
                   </div>
                 </div>
                 <div class="theme-colors-modern">
-                  <span class="color-dot" style="background: ${theme.colors.primary};" title="主色调"></span>
-                  <span class="color-dot" style="background: ${theme.colors.secondary};" title="次要色"></span>
-                  <span class="color-dot" style="background: ${theme.colors.success};" title="成功色"></span>
-                  <span class="color-dot" style="background: ${theme.colors.danger};" title="危险色"></span>
+                  <span class="color-dot" style="background: ${theme.colors.primary};" title="主色�?></span>
+                  <span class="color-dot" style="background: ${theme.colors.secondary};" title="次要�?></span>
+                  <span class="color-dot" style="background: ${theme.colors.success};" title="成功�?></span>
+                  <span class="color-dot" style="background: ${theme.colors.danger};" title="危险�?></span>
                 </div>
               </div>
               <div class="theme-info-modern">
                 <div class="theme-name-modern">${theme.name}</div>
                 ${this.currentTheme === theme.id ? 
-                  '<div class="theme-badge-modern">✓ 当前使用</div>' : 
+                  '<div class="theme-badge-modern">�?当前使用</div>' : 
                   '<div class="theme-action-modern">点击应用</div>'}
               </div>
               ${theme.id.startsWith('custom_') ? 
                 `<button class="btn-delete-theme-modern" data-theme="${theme.id}" title="删除主题">
-                  <span>🗑️</span>
+                  <span>🗑�?/span>
                 </button>` : 
                 ''}
             </div>
@@ -344,8 +338,7 @@ export class ThemeManager {
           const themeId = card.dataset.theme;
           this.applyTheme(themeId);
           
-          // 更新选中状态
-          container.querySelectorAll('.theme-card-modern').forEach(c => c.classList.remove('active'));
+          // 更新选中状�?          container.querySelectorAll('.theme-card-modern').forEach(c => c.classList.remove('active'));
           card.classList.add('active');
           
           // 更新徽章文字
@@ -357,26 +350,24 @@ export class ThemeManager {
           const badge = card.querySelector('.theme-badge-modern, .theme-action-modern');
           if (badge) {
             badge.className = 'theme-badge-modern';
-            badge.textContent = '✓ 当前使用';
+            badge.textContent = '�?当前使用';
           }
         }
       });
     });
 
-    // 删除自定义主题
-    container.querySelectorAll('.btn-delete-theme-modern').forEach(btn => {
+    // 删除自定义主�?    container.querySelectorAll('.btn-delete-theme-modern').forEach(btn => {
       btn.addEventListener('click', (e) => {
         e.stopPropagation();
         const themeId = btn.dataset.theme;
-        if (confirm('确定要删除这个主题吗？')) {
+        if (confirm('确定要删除这个主题吗�?)) {
           this.deleteCustomTheme(themeId);
           this.renderThemeSelector(container);
         }
       });
     });
 
-    // 创建自定义主题
-    const createBtn = container.querySelector('#createCustomThemeBtn');
+    // 创建自定义主�?    const createBtn = container.querySelector('#createCustomThemeBtn');
     if (createBtn) {
       createBtn.addEventListener('click', () => {
         this.showCustomThemeDialog(container);
@@ -392,30 +383,30 @@ export class ThemeManager {
     dialog.className = 'modal';
     dialog.innerHTML = `
       <div class="modal-content" style="max-width: 600px;">
-        <h3>创建自定义主题</h3>
+        <h3>创建自定义主�?/h3>
         <form id="customThemeForm">
           <div class="form-group">
             <label>主题名称</label>
             <input type="text" name="name" placeholder="我的主题" required>
           </div>
           <div class="form-group">
-            <label>主色调</label>
+            <label>主色�?/label>
             <input type="color" name="primary" value="#6366f1">
           </div>
           <div class="form-group">
-            <label>次要色</label>
+            <label>次要�?/label>
             <input type="color" name="secondary" value="#8b5cf6">
           </div>
           <div class="form-group">
-            <label>成功色</label>
+            <label>成功�?/label>
             <input type="color" name="success" value="#10b981">
           </div>
           <div class="form-group">
-            <label>危险色</label>
+            <label>危险�?/label>
             <input type="color" name="danger" value="#ef4444">
           </div>
           <div class="form-group">
-            <label>背景色</label>
+            <label>背景�?/label>
             <input type="color" name="bgDark" value="#0f172a">
           </div>
           <div class="form-group">
@@ -500,8 +491,7 @@ export class ThemeManager {
   }
 
   /**
-   * 调整透明度
-   */
+   * 调整透明�?   */
   adjustOpacity(color, opacity) {
     const num = parseInt(color.replace('#', ''), 16);
     const R = num >> 16;
@@ -511,8 +501,7 @@ export class ThemeManager {
   }
 
   /**
-   * 添加主题选择器样式
-   */
+   * 添加主题选择器样�?   */
   addThemeSelectorStyles() {
     if (document.getElementById('theme-selector-modern-styles')) return;
     
@@ -797,8 +786,7 @@ export class ThemeManager {
   }
 
   /**
-   * 初始化主题
-   */
+   * 初始化主�?   */
   init() {
     this.loadCustomThemes();
     this.applyTheme(this.currentTheme);

package/src/utils/ui-enhancements-loader.js

@@ -1,7 +1,5 @@
 /**
- * UI 美化增强加载器
- * 自动加载所有界面美化功能
- * 确保所有优化的界面在启动时自动集成
+ * UI 美化增强加载�? * 自动加载所有界面美化功�? * 确保所有优化的界面在启动时自动集成
  */
 
 export class UIEnhancementsLoader {
@@ -15,7 +13,7 @@ export class UIEnhancementsLoader {
    */
   async init() {
     if (this.enhancementsLoaded) {
-      console.log('✅ UI美化增强已加载');
+      console.log('�?UI美化增强已加�?);
       return;
     }
 
@@ -31,8 +29,7 @@ export class UIEnhancementsLoader {
       // 3. 加载任务详情美化
       await this.loadTaskDetailEnhancements();
 
-      // 4. 加载工作流美化
-      await this.loadWorkflowEnhancements();
+      // 4. 加载工作流美�?      await this.loadWorkflowEnhancements();
 
       // 5. 加载投票详情美化
       await this.loadPollDetailEnhancements();
@@ -40,17 +37,17 @@ export class UIEnhancementsLoader {
       // 6. 加载协作工具美化
       await this.loadCollaborationEnhancements();
 
-      // 7. 加载设置界面美化（已在 feature-integrator.js 中）
-      console.log('✅ 设置界面美化已集成');
+      // 7. 加载设置界面美化（已�?feature-integrator.js 中）
+      console.log('�?设置界面美化已集�?);
 
-      // 8. 加载帮助中心美化（已在 onboarding-guide.js 中）
-      console.log('✅ 帮助中心美化已集成');
+      // 8. 加载帮助中心美化（已�?onboarding-guide.js 中）
+      console.log('�?帮助中心美化已集�?);
 
       this.enhancementsLoaded = true;
-      console.log('🎉 所有UI美化增强加载完成！');
+      console.log('🎉 所有UI美化增强加载完成�?);
 
     } catch (error) {
-      console.error('❌ UI美化增强加载失败:', error);
+      console.error('�?UI美化增强加载失败:', error);
     }
   }
 
@@ -70,7 +67,7 @@ export class UIEnhancementsLoader {
          自动加载，无需手动集成
          ======================================== */
 
-      /* 确保主内容区域填满空间 */
+      /* 确保主内容区域填满空�?*/
       .main-content {
         width: 100% !important;
         max-width: 100% !important;
@@ -175,12 +172,12 @@ export class UIEnhancementsLoader {
         animation: fadeInUp 0.3s ease;
       }
 
-      /* 加载状态 */
+      /* 加载状�?*/
       .loading {
         animation: pulse 1.5s ease-in-out infinite;
       }
 
-      /* 成功状态 */
+      /* 成功状�?*/
       .success-feedback {
         background: linear-gradient(135deg, #10b981 0%, #059669 100%);
         color: white;
@@ -189,7 +186,7 @@ export class UIEnhancementsLoader {
         animation: fadeInUp 0.3s ease;
       }
 
-      /* 错误状态 */
+      /* 错误状�?*/
       .error-feedback {
         background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
         color: white;
@@ -199,7 +196,7 @@ export class UIEnhancementsLoader {
       }
     `;
     document.head.appendChild(style);
-    console.log('✅ 全局美化样式已加载');
+    console.log('�?全局美化样式已加�?);
   }
 
   /**
@@ -207,15 +204,14 @@ export class UIEnhancementsLoader {
    */
   async loadBackupEnhancements() {
     try {
-      // 动态导入备份管理美化模块
-      const module = await import('../pages/optimized-backup-view.js');
+      // 动态导入备份管理美化模�?      const module = await import('../pages/optimized-backup-view.js');
       
       // 将函数挂载到全局，供 admin-dashboard.js 调用
       window.renderOptimizedBackupView = module.renderOptimizedBackupView;
       
-      console.log('✅ 备份管理美化已加载');
+      console.log('�?备份管理美化已加�?);
     } catch (error) {
-      console.warn('⚠️ 备份管理美化加载失败，使用默认界面:', error);
+      console.warn('⚠️ 备份管理美化加载失败，使用默认界�?', error);
     }
   }
 
@@ -224,21 +220,19 @@ export class UIEnhancementsLoader {
    */
   async loadTaskDetailEnhancements() {
     try {
-      // 动态导入任务详情美化模块
-      const module = await import('../pages/optimized-task-detail.js');
+      // 动态导入任务详情美化模�?      const module = await import('../pages/optimized-task-detail.js');
       
       // 将函数挂载到全局，供其他模块调用
       window.renderOptimizedTaskDetail = module.renderOptimizedTaskDetail;
       
-      console.log('✅ 任务详情美化已加载');
+      console.log('�?任务详情美化已加�?);
     } catch (error) {
-      console.warn('⚠️ 任务详情美化加载失败，使用默认界面:', error);
+      console.warn('⚠️ 任务详情美化加载失败，使用默认界�?', error);
     }
   }
 
   /**
-   * 加载工作流美化
-   */
+   * 加载工作流美�?   */
   async loadWorkflowEnhancements() {
     try {
       // 动态导入工作流美化模块
@@ -247,7 +241,7 @@ export class UIEnhancementsLoader {
       // 将函数挂载到全局，供其他模块调用
       window.renderOptimizedWorkflowView = module.renderOptimizedWorkflowView;
       
-      console.log('✅ 工作流美化已加载');
+      console.log('�?工作流美化已加载');
     } catch (error) {
       console.warn('⚠️ 工作流美化加载失败，使用默认界面:', error);
     }
@@ -258,8 +252,7 @@ export class UIEnhancementsLoader {
    */
   async loadPollDetailEnhancements() {
     try {
-      // 动态导入投票详情美化模块
-      const module = await import('../components/optimized-poll-detail.js');
+      // 动态导入投票详情美化模�?      const module = await import('../components/optimized-poll-detail.js');
       
       // 将函数挂载到全局，供其他模块调用
       window.renderOptimizedPollDetail = module.renderOptimizedPollDetail;
@@ -270,9 +263,9 @@ export class UIEnhancementsLoader {
         window.addPollDetailStyles();
       }
       
-      console.log('✅ 投票详情美化已加载');
+      console.log('�?投票详情美化已加�?);
     } catch (error) {
-      console.warn('⚠️ 投票详情美化加载失败，使用默认界面:', error);
+      console.warn('⚠️ 投票详情美化加载失败，使用默认界�?', error);
     }
   }
 
@@ -281,17 +274,16 @@ export class UIEnhancementsLoader {
    */
   async loadCollaborationEnhancements() {
     try {
-      // 动态导入协作工具美化模块
-      const module = await import('../styles/collaboration-modern.js');
+      // 动态导入协作工具美化模�?      const module = await import('../styles/collaboration-modern.js');
       
       // 立即添加样式
       if (typeof module.addCollaborationStyles === 'function') {
         module.addCollaborationStyles();
       }
       
-      console.log('✅ 协作工具美化已加载');
+      console.log('�?协作工具美化已加�?);
     } catch (error) {
-      console.warn('⚠️ 协作工具美化加载失败，使用默认界面:', error);
+      console.warn('⚠️ 协作工具美化加载失败，使用默认界�?', error);
     }
   }
 
@@ -303,8 +295,7 @@ export class UIEnhancementsLoader {
   }
 
   /**
-   * 重新加载所有美化功能
-   */
+   * 重新加载所有美化功�?   */
   async reload() {
     this.enhancementsLoaded = false;
     await this.init();
@@ -314,8 +305,7 @@ export class UIEnhancementsLoader {
 // 创建单例实例
 export const uiEnhancementsLoader = new UIEnhancementsLoader();
 
-// 自动初始化（在模块加载时）
-if (typeof window !== 'undefined') {
+// 自动初始化（在模块加载时�?if (typeof window !== 'undefined') {
   // 等待 DOM 加载完成后初始化
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', () => {