docs: 更新 UI 重新设计进度

- 标记 DocumentsPanel.vue 已完成
- 更新统计: 已完成 43/61 emoji (3/12 组件)
- 调整预计工作量为 1 周

docs/REDISIGN_TODO.md

@@ -323,7 +323,7 @@
 |------|-----------|------|--------|----------|
 | GlobalSidebar.vue | 10 | ✅ 已完成 | Claude | 2025-01-12 |
 | MainContent.vue | 27 | ✅ 已完成 | Claude | 2025-01-12 |
-| DocumentsPanel.vue | 3 | ⏳ 待开始 | - | - |
+| DocumentsPanel.vue | 6 | ✅ 已完成 | Claude | 2025-01-12 |
 | AnalysisPanel.vue | 9 | ⏳ 待开始 | - | - |
 | ArticleRewritePanel.vue | 8 | ⏳ 待开始 | - | - |
 | MaterialsPanel.vue | 3 | ⏳ 待开始 | - | - |
@@ -353,6 +353,6 @@
 **最后更新**: 2025-01-12
 **总计组件**: 12
 **总计 emoji**: 61 处
-**已完成**: 37 处 (2/12 组件)
-**待完成**: 24 处 (10/12 组件)
-**预计工作量**: 1-2 周
+**已完成**: 43 处 (3/12 组件)
+**待完成**: 18 处 (9/12 组件)
+**预计工作量**: 1 周

src/components/DocumentsPanel.vue

@@ -3,7 +3,8 @@
     <!-- 头部 -->
     <header class="docs-header">
       <h1 class="docs-header-title">
-        <span style="font-size: var(--text-xl)">📂</span> 文稿管理
+        <IconLibrary name="folder" :size="20" />
+        <span>文稿管理</span>
       </h1>
       <span class="badge badge-primary">Pro版</span>
     </header>
@@ -31,7 +32,9 @@
     <!-- 文稿列表 -->
     <div class="docs-list">
       <div v-if="filteredDocuments.length === 0" class="text-center text-muted py-8">
-        <span style="font-size: var(--text-2xl); display: block; margin-bottom: var(--space-2)">📄</span>
+        <div class="w-16 h-16 flex items-center justify-center rounded-xl bg-slate-800/50 border border-slate-700 mx-auto mb-3 opacity-40">
+          <IconLibrary name="document" :size="32" />
+        </div>
         <p class="text-sm">暂无文稿</p>
       </div>
 
@@ -62,27 +65,31 @@
       <div class="flex gap-2">
         <button
           @click="openDocument"
-          class="action-btn primary"
+          class="action-btn primary flex items-center justify-center gap-1.5"
         >
-          📝 编辑
+          <IconLibrary name="edit" :size="14" />
+          <span>编辑</span>
         </button>
         <button
           @click="duplicateDocument"
-          class="action-btn secondary"
+          class="action-btn secondary flex items-center justify-center gap-1.5"
         >
-          📋 复制
+          <IconLibrary name="copy" :size="14" />
+          <span>复制</span>
         </button>
         <button
           @click="toggleVersionPanel"
-          class="action-btn success"
+          class="action-btn success flex items-center justify-center gap-1.5"
         >
-          🕰️ 版本
+          <IconLibrary name="history" :size="14" />
+          <span>版本</span>
         </button>
         <button
           @click="confirmDelete"
-          class="action-btn danger"
+          class="action-btn danger flex items-center justify-center"
+          aria-label="删除文稿"
         >
-          🗑️
+          <IconLibrary name="trash" :size="16" />
         </button>
       </div>
     </div>
@@ -116,6 +123,7 @@ import { ref, computed, onMounted } from 'vue'
 import { useAppStore } from '../stores/app'
 import { useDatabaseStore } from '../stores/database.js'
 import { storeToRefs } from 'pinia'
+import IconLibrary from './icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const dbStore = useDatabaseStore()