新增：文件预览支持 Excel 和 Word

功能增强：
- Excel 文件预览（.xlsx, .xls）
- Word 文件预览（.docx, .doc）
- 使用动态导入减小初始包体积

技术实现：
- xlsx 库（143KB gzipped）
- mammoth 库（100KB gzipped）
- 动态加载，仅在打开文件时导入
- HTML 表格渲染 Excel
- HTML 内容渲染 Word

修改文件：
- filePreviewHandlers.js - Office 预览处理器
- fileTypeHelpers.js - 添加 isExcelFile/isWordFile
- FileEditorPanel.vue - 集成 Office 预览 UI
- useFileEdit.ts - 添加 Office 文件类型判断
- index.vue - 更新配置和导入
- file-system.ts - 添加 Office 预览相关类型

web/package-lock.json

@@ -30,10 +30,12 @@
         "@types/highlight.js": "^9.12.4",
         "@types/mermaid": "^9.1.0",
         "highlight.js": "^11.11.1",
+        "mammoth": "^1.11.0",
         "marked": "^17.0.1",
         "mermaid": "^11.12.2",
         "pinia": "^3.0.4",
-        "vue": "^3.5.26"
+        "vue": "^3.5.26",
+        "xlsx": "^0.18.5"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^6.0.3",
@@ -1575,6 +1577,15 @@
       "version": "3.5.26",
       "license": "MIT"
     },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.11",
+      "resolved": "https://registry.npmmirror.com/@xmldom/xmldom/-/xmldom-0.8.11.tgz",
+      "integrity": "sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.15.0.tgz",
@@ -1587,6 +1598,15 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
@@ -1614,6 +1634,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmmirror.com/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
     "node_modules/b-tween": {
       "version": "0.3.3",
       "license": "MIT"
@@ -1629,6 +1658,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -1651,6 +1700,12 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/bluebird": {
+      "version": "3.4.7",
+      "resolved": "https://registry.npmmirror.com/bluebird/-/bluebird-3.4.7.tgz",
+      "integrity": "sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA==",
+      "license": "MIT"
+    },
     "node_modules/brace-expansion": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.2.tgz",
@@ -1674,6 +1729,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/chevrotain": {
       "version": "11.0.3",
       "resolved": "https://registry.npmmirror.com/chevrotain/-/chevrotain-11.0.3.tgz",
@@ -1731,6 +1799,15 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/color": {
       "version": "3.2.1",
       "license": "MIT",
@@ -1792,6 +1869,12 @@
         "url": "https://github.com/sponsors/mesqueeb"
       }
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
     "node_modules/cose-base": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/cose-base/-/cose-base-1.0.3.tgz",
@@ -1801,6 +1884,18 @@
         "layout-base": "^1.0.0"
       }
     },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/crelt": {
       "version": "1.0.6",
       "resolved": "https://registry.npmmirror.com/crelt/-/crelt-1.0.6.tgz",
@@ -2343,6 +2438,12 @@
         "robust-predicates": "^3.0.2"
       }
     },
+    "node_modules/dingbat-to-unicode": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dingbat-to-unicode/-/dingbat-to-unicode-1.0.1.tgz",
+      "integrity": "sha512-98l0sW87ZT58pU4i61wa2OHwxbiYSbuxsCBozaVnYX2iCnr3bLM3fIes1/ej7h1YdOKuKt/MLs706TVnALA65w==",
+      "license": "BSD-2-Clause"
+    },
     "node_modules/dompurify": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/dompurify/-/dompurify-3.3.1.tgz",
@@ -2352,6 +2453,15 @@
         "@types/trusted-types": "^2.0.7"
       }
     },
+    "node_modules/duck": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmmirror.com/duck/-/duck-0.1.12.tgz",
+      "integrity": "sha512-wkctla1O6VfP89gQ+J/yDesM0S7B7XLXjKGzXxMDVFg7uEn706niAtyYovKbyq1oT9YwDcly721/iUWoc8MVRg==",
+      "license": "BSD",
+      "dependencies": {
+        "underscore": "^1.13.1"
+      }
+    },
     "node_modules/entities": {
       "version": "7.0.0",
       "license": "BSD-2-Clause",
@@ -2486,6 +2596,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
@@ -2547,6 +2666,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmmirror.com/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "license": "MIT"
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
     "node_modules/internmap": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/internmap/-/internmap-2.0.3.tgz",
@@ -2618,6 +2749,12 @@
         "url": "https://github.com/sponsors/mesqueeb"
       }
     },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
     "node_modules/js-tokens": {
       "version": "9.0.1",
       "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
@@ -2625,6 +2762,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmmirror.com/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
     "node_modules/katex": {
       "version": "0.16.28",
       "resolved": "https://registry.npmmirror.com/katex/-/katex-0.16.28.tgz",
@@ -2677,6 +2826,15 @@
       "integrity": "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==",
       "license": "MIT"
     },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmmirror.com/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
     "node_modules/local-pkg": {
       "version": "0.5.1",
       "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.1.tgz",
@@ -2700,6 +2858,17 @@
       "integrity": "sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==",
       "license": "MIT"
     },
+    "node_modules/lop": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmmirror.com/lop/-/lop-0.4.2.tgz",
+      "integrity": "sha512-RefILVDQ4DKoRZsJ4Pj22TxE3omDO47yFpkIBoDKzkqPRISs5U1cnAdg/5583YPkWPaLIYHOKRMQSvjFsO26cw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "duck": "^0.1.12",
+        "option": "~0.2.1",
+        "underscore": "^1.13.1"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "license": "MIT",
@@ -2707,6 +2876,30 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/mammoth": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmmirror.com/mammoth/-/mammoth-1.11.0.tgz",
+      "integrity": "sha512-BcEqqY/BOwIcI1iR5tqyVlqc3KIaMRa4egSoK83YAVrBf6+yqdAAbtUcFDCWX8Zef8/fgNZ6rl4VUv+vVX8ddQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.6",
+        "argparse": "~1.0.3",
+        "base64-js": "^1.5.1",
+        "bluebird": "~3.4.0",
+        "dingbat-to-unicode": "^1.0.1",
+        "jszip": "^3.7.1",
+        "lop": "^0.4.2",
+        "path-is-absolute": "^1.0.0",
+        "underscore": "^1.13.1",
+        "xmlbuilder": "^10.0.0"
+      },
+      "bin": {
+        "mammoth": "bin/mammoth"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/marked": {
       "version": "17.0.1",
       "resolved": "https://registry.npmmirror.com/marked/-/marked-17.0.1.tgz",
@@ -2867,18 +3060,39 @@
       "version": "1.6.0",
       "license": "MIT"
     },
+    "node_modules/option": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmmirror.com/option/-/option-0.2.4.tgz",
+      "integrity": "sha512-pkEqbDyl8ou5cpq+VsnQbe/WlEy5qS7xPzMS1U55OCG9KPvwFD46zDbxQIj3egJSFc3D+XhYOPUzz49zQAVy7A==",
+      "license": "BSD-2-Clause"
+    },
     "node_modules/package-manager-detector": {
       "version": "1.6.0",
       "resolved": "https://registry.npmmirror.com/package-manager-detector/-/package-manager-detector-1.6.0.tgz",
       "integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
       "license": "MIT"
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmmirror.com/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/path-data-parser": {
       "version": "0.1.0",
       "resolved": "https://registry.npmmirror.com/path-data-parser/-/path-data-parser-0.1.0.tgz",
       "integrity": "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==",
       "license": "MIT"
     },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pathe": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
@@ -2982,6 +3196,12 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
     "node_modules/quansync": {
       "version": "0.2.11",
       "resolved": "https://registry.npmmirror.com/quansync/-/quansync-0.2.11.tgz",
@@ -3020,6 +3240,21 @@
       ],
       "license": "MIT"
     },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
@@ -3156,6 +3391,12 @@
       "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
       "license": "BSD-3-Clause"
     },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -3176,6 +3417,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
     "node_modules/simple-swizzle": {
       "version": "0.2.4",
       "license": "MIT",
@@ -3199,6 +3446,33 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/strip-literal": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-2.1.1.tgz",
@@ -3290,6 +3564,12 @@
       "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
       "license": "MIT"
     },
+    "node_modules/underscore": {
+      "version": "1.13.7",
+      "resolved": "https://registry.npmmirror.com/underscore/-/underscore-1.13.7.tgz",
+      "integrity": "sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==",
+      "license": "MIT"
+    },
     "node_modules/unimport": {
       "version": "3.14.6",
       "resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.14.6.tgz",
@@ -3447,6 +3727,12 @@
         }
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
     "node_modules/uuid": {
       "version": "11.1.0",
       "resolved": "https://registry.npmmirror.com/uuid/-/uuid-11.1.0.tgz",
@@ -3617,6 +3903,54 @@
       "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
       "dev": true,
       "license": "MIT"
+    },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmmirror.com/xmlbuilder/-/xmlbuilder-10.1.1.tgz",
+      "integrity": "sha512-OyzrcFLL/nb6fMGHbiRDuPup9ljBycsdCypwuyg5AAHvyWzGfChJpCXMG88AGTIMFhGZ9RccFN1e6lhg3hkwKg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
     }
   }
 }

web/package.json

@@ -30,15 +30,17 @@
     "@types/highlight.js": "^9.12.4",
     "@types/mermaid": "^9.1.0",
     "highlight.js": "^11.11.1",
+    "mammoth": "^1.11.0",
     "marked": "^17.0.1",
     "mermaid": "^11.12.2",
     "pinia": "^3.0.4",
-    "vue": "^3.5.26"
+    "vue": "^3.5.26",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.3",
-    "unplugin-vue-components": "^0.27.4",
     "unplugin-auto-import": "^0.18.3",
+    "unplugin-vue-components": "^0.27.4",
     "vite": "^7.3.0"
   }
 }

web/src/components/FileSystem/components/FileEditorPanel.vue

@@ -8,6 +8,8 @@
         <template v-else-if="config.isPdfFile">📕 PDF 预览</template>
         <template v-else-if="config.isHtmlFile">🌐 HTML 预览</template>
         <template v-else-if="config.isMarkdownFile">📝 Markdown 预览</template>
+        <template v-else-if="config.isExcelFile">📊 Excel 预览</template>
+        <template v-else-if="config.isWordFile">📄 Word 预览</template>
         <template v-else>📝 文件内容</template>
       </span>
       <div v-if="config.currentFileName" class="filename-with-copy">
@@ -77,6 +79,26 @@
         </div>
       </div>
 
+      <!-- Excel 预览 -->
+      <div v-else-if="config.isExcelFile" class="office-preview">
+        <div class="office-preview-container" ref="excelPreviewRef">
+          <a-spin v-if="config.officeLoading" :loading="true" tip="加载中...">
+            <div class="loading-placeholder"></div>
+          </a-spin>
+          <a-alert v-else-if="config.officeError" type="error" :message="config.officeError" />
+        </div>
+      </div>
+
+      <!-- Word 预览 -->
+      <div v-else-if="config.isWordFile" class="office-preview">
+        <div class="office-preview-container" ref="wordPreviewRef">
+          <a-spin v-if="config.officeLoading" :loading="true" tip="加载中...">
+            <div class="loading-placeholder"></div>
+          </a-spin>
+          <a-alert v-else-if="config.officeError" type="error" :message="config.officeError" />
+        </div>
+      </div>
+
       <!-- HTML 预览/编辑 -->
       <div v-else-if="config.isHtmlFile" class="html-preview-wrapper">
         <!-- 编辑模式/预览模式切换按钮 -->
@@ -254,12 +276,13 @@
 </template>
 
 <script setup lang="ts">
-import { computed, watch, nextTick, defineAsyncComponent } from 'vue'
+import { computed, watch, nextTick, defineAsyncComponent, ref, onMounted } from 'vue'
 import { Message } from '@arco-design/web-vue'
 import { IconSave, IconEdit, IconEye, IconUndo, IconCopy } from '@arco-design/web-vue/es/icon'
 import { getFileName } from '@/utils/fileUtils'
 import type { FileEditorPanelConfig } from '@/types/file-system'
 import { renderMermaidDiagrams } from '@/utils/markedExtensions'
+import { previewExcel, previewWord } from '@/utils/filePreviewHandlers'
 
 // 异步加载 CodeEditor 组件，减少初始包大小
 const AsyncCodeEditor = defineAsyncComponent({
@@ -268,6 +291,10 @@ const AsyncCodeEditor = defineAsyncComponent({
   timeout: 10000
 })
 
+// Office 预览容器引用
+const excelPreviewRef = ref<HTMLElement | null>(null)
+const wordPreviewRef = ref<HTMLElement | null>(null)
+
 // Props
 interface Props {
   config: FileEditorPanelConfig
@@ -408,6 +435,80 @@ watch(() => props.config.isEditMode, async (newVal, oldVal) => {
   }
 })
 
+// 监听 Excel 文件变化，触发预览
+watch(() => [props.config.isExcelFile, props.config.currentFileFullPath], async ([isExcel, filePath]) => {
+  if (isExcel && filePath && excelPreviewRef.value) {
+    await loadExcelPreview(filePath)
+  }
+}, { immediate: true })
+
+// 监听 Word 文件变化，触发预览
+watch(() => [props.config.isWordFile, props.config.currentFileFullPath], async ([isWord, filePath]) => {
+  if (isWord && filePath && wordPreviewRef.value) {
+    await loadWordPreview(filePath)
+  }
+}, { immediate: true })
+
+// Excel 预览加载
+const loadExcelPreview = async (filePath: string) => {
+  if (!excelPreviewRef.value) return
+
+  // 清空容器
+  excelPreviewRef.value.innerHTML = ''
+
+  try {
+    const response = await fetch(`file://${filePath}`)
+    if (!response.ok) throw new Error('无法读取文件')
+
+    const blob = await response.blob()
+    const file = new File([blob], getFileName(filePath), { type: 'application/vnd.ms-excel' })
+
+    const result = await previewExcel(file, excelPreviewRef.value)
+    if (!result.success) {
+      throw new Error(result.error || '预览失败')
+    }
+  } catch (error) {
+    console.error('[FileEditorPanel] Excel 预览失败:', error)
+    excelPreviewRef.value.innerHTML = `
+      <div class="preview-error">
+        <p>❌ Excel 预览失败</p>
+        <p class="error-detail">${error.message}</p>
+        <p class="error-hint">💡 提示：尝试使用外部应用打开文件</p>
+      </div>
+    `
+  }
+}
+
+// Word 预览加载
+const loadWordPreview = async (filePath: string) => {
+  if (!wordPreviewRef.value) return
+
+  // 清空容器
+  wordPreviewRef.value.innerHTML = ''
+
+  try {
+    const response = await fetch(`file://${filePath}`)
+    if (!response.ok) throw new Error('无法读取文件')
+
+    const blob = await response.blob()
+    const file = new File([blob], getFileName(filePath), { type: 'application/vnd.ms-word' })
+
+    const result = await previewWord(file, wordPreviewRef.value)
+    if (!result.success) {
+      throw new Error(result.error || '预览失败')
+    }
+  } catch (error) {
+    console.error('[FileEditorPanel] Word 预览失败:', error)
+    wordPreviewRef.value.innerHTML = `
+      <div class="preview-error">
+        <p>❌ Word 预览失败</p>
+        <p class="error-detail">${error.message}</p>
+        <p class="error-hint">💡 提示：尝试使用外部应用打开文件</p>
+      </div>
+    `
+  }
+}
+
 // 获取模式切换按钮的提示文本
 const getModeSwitchTooltip = () => {
   if (props.config.isEditMode) {
@@ -781,6 +882,51 @@ const handleCopyPath = () => {
   padding: 20px;
 }
 
+/* Office 预览 */
+.office-preview {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.office-preview-container {
+  flex: 1;
+  overflow: auto;
+  position: relative;
+}
+
+.loading-placeholder {
+  width: 100%;
+  height: 300px;
+}
+
+.preview-error {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 40px 20px;
+  text-align: center;
+}
+
+.preview-error p {
+  margin: 8px 0;
+}
+
+.preview-error .error-detail {
+  font-size: 12px;
+  color: var(--color-text-3);
+  font-family: 'Monaco', 'Menlo', monospace;
+}
+
+.preview-error .error-hint {
+  font-size: 13px;
+  color: var(--color-text-2);
+  font-style: italic;
+}
+
 .binary-file-message pre {
   margin: 0;
   padding: 20px;

web/src/components/FileSystem/composables/useFileEdit.ts

@@ -107,6 +107,22 @@ export function useFileEdit(options: UseFileEditOptions = {}) {
     return ext === 'pdf'
   }
 
+  /**
+   * 判断是否为 Excel 文件
+   */
+  const isExcelFile = (filepath: any): boolean => {
+    const ext = getFileExtension(filepath)
+    return ['xlsx', 'xls'].includes(ext)
+  }
+
+  /**
+   * 判断是否为 Word 文件
+   */
+  const isWordFile = (filepath: any): boolean => {
+    const ext = getFileExtension(filepath)
+    return ['docx', 'doc'].includes(ext)
+  }
+
   /**
    * 判断是否为二进制文件（基于扩展名）
    * 注意：媒体文件（图片、视频、音频、PDF）不是二进制文件，它们可以预览
@@ -613,6 +629,8 @@ ${ext ? `文件类型:  ${fileTypeDesc}\n` : ''}
     isVideoFile,
     isAudioFile,
     isPdfFile,
+    isExcelFile,
+    isWordFile,
     isBinaryFileByExt,
     isFileInCurrentDirectory
   }

web/src/components/FileSystem/index.vue

@@ -120,7 +120,7 @@ import { useCommonPaths } from './composables/useCommonPaths'
 // 导入工具函数
 import { getFileName, sortFileList } from '@/utils/fileUtils'
 import { getParentPath } from '@/utils/pathHelpers'
-import { isImageFile, isVideoFile, isAudioFile, isPdfFile, isHtmlFile, isMarkdownFile } from '@/utils/fileTypeHelpers'
+import { isImageFile, isVideoFile, isAudioFile, isPdfFile, isHtmlFile, isMarkdownFile, isExcelFile, isWordFile } from '@/utils/fileTypeHelpers'
 import { listDir } from '@/api/system'
 import { STORAGE_KEYS, DEFAULTS, UI_TEXT, VALIDATION_RULES, FILE_EXTENSIONS } from '@/utils/constants'
 
@@ -319,6 +319,10 @@ const fileEditorPanelConfig = computed(() => {
     isPdfFile: isPdfFile(currentFileName),
     isHtmlFile: isHtmlFile(currentFileName),
     isMarkdownFile: isMarkdownFile(currentFileName),
+    isExcelFile: isExcelFile(currentFileName),
+    isWordFile: isWordFile(currentFileName),
+    officeLoading: false,
+    officeError: null,
     canSaveFile: canSaveFile.value,
     canResetContent: canResetContent.value,
     canPreviewFile: isEditableWithPreview(currentFileName),

web/src/types/file-system.ts

@@ -169,6 +169,14 @@ export interface FileEditorPanelConfig {
   isHtmlFile: boolean
   /** 是否为 Markdown 文件 */
   isMarkdownFile: boolean
+  /** 是否为 Excel 文件 */
+  isExcelFile: boolean
+  /** 是否为 Word 文件 */
+  isWordFile: boolean
+  /** Office 文件加载中 */
+  officeLoading: boolean
+  /** Office 文件加载错误 */
+  officeError: string | null
   /** 是否可以保存 */
   canSaveFile: boolean
   /** 是否可以重置 */

web/src/utils/filePreviewHandlers.js

@@ -0,0 +1,221 @@
+/**
+ * Office 文件预览处理器
+ * 使用动态导入减小初始包体积
+ */
+
+// Excel 预览处理器
+export async function previewExcel(file, container) {
+  try {
+    // 动态导入 xlsx 库
+    const XLSX = await import('xlsx')
+
+    // 读取文件
+    const arrayBuffer = await file.arrayBuffer()
+    const workbook = XLSX.read(arrayBuffer, { type: 'array' })
+
+    // 获取第一个工作表
+    const firstSheetName = workbook.SheetNames[0]
+    const worksheet = workbook.Sheets[firstSheetName]
+
+    // 转换为 HTML 表格
+    const html = XLSX.utils.sheet_to_html(worksheet, {
+      editable: false,
+      header: '',
+      footer: ''
+    })
+
+    // 渲染到容器
+    container.innerHTML = `
+      <div class="excel-preview">
+        <div class="excel-sheet-info">
+          <span class="sheet-name">📊 ${firstSheetName}</span>
+          <span class="sheet-count">${workbook.SheetNames.length} 个工作表</span>
+        </div>
+        <div class="excel-table-wrapper">
+          ${html}
+        </div>
+      </div>
+      <style>
+        .excel-preview {
+          padding: 20px;
+          height: 100%;
+          overflow: auto;
+        }
+        .excel-sheet-info {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 8px 12px;
+          background: var(--color-fill-2);
+          border-radius: 6px;
+          margin-bottom: 16px;
+        }
+        .sheet-name {
+          font-weight: 600;
+          font-size: 14px;
+        }
+        .sheet-count {
+          font-size: 12px;
+          color: var(--color-text-3);
+        }
+        .excel-table-wrapper {
+          overflow: auto;
+          border: 1px solid var(--color-border-2);
+          border-radius: 6px;
+        }
+        .excel-table-wrapper table {
+          width: 100%;
+          border-collapse: collapse;
+          font-size: 13px;
+        }
+        .excel-table-wrapper td,
+        .excel-table-wrapper th {
+          border: 1px solid var(--color-border-2);
+          padding: 6px 10px;
+          text-align: left;
+          white-space: nowrap;
+        }
+        .excel-table-wrapper th {
+          background: var(--color-fill-2);
+          font-weight: 600;
+          position: sticky;
+          top: 0;
+          z-index: 1;
+        }
+        .excel-table-wrapper tr:hover {
+          background: var(--color-fill-1);
+        }
+      </style>
+    `
+
+    return { success: true }
+  } catch (error) {
+    console.error('Excel 预览失败:', error)
+    return { success: false, error: error.message }
+  }
+}
+
+// Word 预览处理器
+export async function previewWord(file, container) {
+  try {
+    // 动态导入 mammoth 库
+    const mammoth = await import('mammoth')
+
+    // 读取文件并转换为 HTML
+    const arrayBuffer = await file.arrayBuffer()
+    const result = await mammoth.convertToHtml({ arrayBuffer })
+
+    // 渲染到容器
+    container.innerHTML = `
+      <div class="word-preview">
+        <div class="word-content">
+          ${result.value}
+        </div>
+        ${result.messages.length > 0 ? `
+          <div class="word-warnings">
+            <details>
+              <summary>转换警告 (${result.messages.length})</summary>
+              <ul>
+                ${result.messages.map(msg => `<li>${msg.message}</li>`).join('')}
+              </ul>
+            </details>
+          </div>
+        ` : ''}
+      </div>
+      <style>
+        .word-preview {
+          padding: 20px;
+          height: 100%;
+          overflow: auto;
+        }
+        .word-content {
+          line-height: 1.6;
+          color: var(--color-text-1);
+        }
+        .word-content h1,
+        .word-content h2,
+        .word-content h3,
+        .word-content h4,
+        .word-content h5,
+        .word-content h6 {
+          margin: 1em 0 0.5em;
+          font-weight: 600;
+        }
+        .word-content h1 { font-size: 2em; }
+        .word-content h2 { font-size: 1.5em; }
+        .word-content h3 { font-size: 1.25em; }
+        .word-content p {
+          margin: 0.5em 0;
+        }
+        .word-content ul,
+        .word-content ol {
+          margin: 0.5em 0;
+          padding-left: 2em;
+        }
+        .word-content table {
+          border-collapse: collapse;
+          width: 100%;
+          margin: 1em 0;
+        }
+        .word-content td,
+        .word-content th {
+          border: 1px solid var(--color-border-2);
+          padding: 6px 10px;
+        }
+        .word-content th {
+          background: var(--color-fill-2);
+          font-weight: 600;
+        }
+        .word-content img {
+          max-width: 100%;
+          height: auto;
+        }
+        .word-content a {
+          color: rgb(var(--primary-6));
+          text-decoration: none;
+        }
+        .word-content a:hover {
+          text-decoration: underline;
+        }
+        .word-warnings {
+          margin-top: 20px;
+          padding: 12px;
+          background: var(--color-warning-light-1);
+          border: 1px solid var(--color-warning-3);
+          border-radius: 6px;
+          font-size: 12px;
+        }
+        .word-warnings summary {
+          cursor: pointer;
+          font-weight: 600;
+        }
+        .word-warnings ul {
+          margin: 8px 0 0 20px;
+        }
+      </style>
+    `
+
+    return { success: true }
+  } catch (error) {
+    console.error('Word 预览失败:', error)
+    return { success: false, error: error.message }
+  }
+}
+
+// 判断是否为 Office 文件
+export function isOfficeFile(fileName) {
+  const ext = fileName?.toLowerCase()?.split('.').pop()
+  return ['xlsx', 'xls', 'docx', 'doc'].includes(ext)
+}
+
+// 判断是否为 Excel 文件
+export function isExcelFile(fileName) {
+  const ext = fileName?.toLowerCase()?.split('.').pop()
+  return ['xlsx', 'xls'].includes(ext)
+}
+
+// 判断是否为 Word 文件
+export function isWordFile(fileName) {
+  const ext = fileName?.toLowerCase()?.split('.').pop()
+  return ['docx', 'doc'].includes(ext)
+}

web/src/utils/fileTypeHelpers.js

@@ -16,7 +16,9 @@ export const PREVIEWABLE_TYPES = [
   ...FILE_EXTENSIONS.IMAGE,
   ...FILE_EXTENSIONS.VIDEO_BROWSER,
   ...FILE_EXTENSIONS.AUDIO,
-  'pdf', 'html', 'htm', 'md', 'markdown'
+  'pdf', 'html', 'htm', 'md', 'markdown',
+  // Office 文件支持预览
+  'xlsx', 'xls', 'docx', 'doc'
 ]
 
 /**
@@ -28,8 +30,8 @@ export const KNOWN_BINARY_TYPES = [
   'exe', 'dll', 'so', 'bin',
   // 压缩文件
   'zip', 'rar', '7z', 'tar', 'gz', 'bz2', 'xz', 'iso', 'img', 'dmg',
-  // Office 文档
+  // Office PowerPoint（暂不支持预览）
-  'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx',
+  'ppt', 'pptx',
   // 其他二进制
   'pdb', 'idb', 'lib', 'obj', 'o', 'a'
 ]
@@ -161,12 +163,31 @@ export const getFileCategory = (path) => {
   return 'unknown'
 }
 
+/**
+ * 判断是否为 Excel 文件
+ * @param {string} path - 文件路径
+ * @returns {boolean}
+ */
+export const isExcelFile = (path) => {
+  const ext = getExt(path)
+  return ['xlsx', 'xls'].includes(ext)
+}
+
+/**
+ * 判断是否为 Word 文件
+ * @param {string} path - 文件路径
+ * @returns {boolean}
+ */
+export const isWordFile = (path) => {
+  const ext = getExt(path)
+  return ['docx', 'doc'].includes(ext)
+}
+
 /**
  * 判断是否为 Office 文件
  * @param {string} path - 文件路径
  * @returns {boolean}
  */
 export const isOfficeFile = (path) => {
-  const ext = getExt(path)
+  return isExcelFile(path) || isWordFile(path) || ['ppt', 'pptx'].includes(getExt(path))
-  return ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'].includes(ext)
 }