md2ui 1.0.18 → 1.0.20

package/src/composables/useDocTree.js

@@ -1,5 +1,26 @@
 // 文档树操作：查找、展开、扁平化等纯逻辑
 
+// ===== Hash 索引（O(1) 查找 + 碰撞检测） =====
+// 文档列表变更时由 buildHashIndex 重建
+let _hashIndex = new Map() // hash → doc
+
+// 构建 hash → doc 索引，同时检测碰撞
+export function buildHashIndex(items, docHashFn) {
+  _hashIndex = new Map()
+  const allDocs = flattenDocsList(items)
+  for (const doc of allDocs) {
+    const hash = docHashFn(doc.key)
+    if (_hashIndex.has(hash)) {
+      const existing = _hashIndex.get(hash)
+      console.warn(
+        `[md2ui] hash 碰撞检测：「${doc.key}」与「${existing.key}」生成了相同的 hash「${hash}」，` +
+        '后者将被覆盖。请考虑重命名其中一个文档。'
+      )
+    }
+    _hashIndex.set(hash, doc)
+  }
+}
+
 // 在文档树中查找文档
 export function findDoc(items, key) {
   for (const item of items) {
@@ -40,8 +61,12 @@ export function findReadmeDoc(items) {
   return null
 }
 
-// 根据 hash 查找文档
+// 根据 hash 查找文档（优先走索引，O(1)；索引未建时回退全树遍历）
 export function findDocByHash(items, hash, docHash) {
+  if (_hashIndex.size > 0) {
+    return _hashIndex.get(hash) || null
+  }
+  // 回退：索引未建时全树遍历
   for (const item of items) {
     if (item.type === 'file' && docHash(item.key) === hash) return item
     if (item.type === 'folder' && item.children) {
@@ -55,7 +80,11 @@ export function findDocByHash(items, hash, docHash) {
 // 展开文档所在的所有父级文件夹
 export function expandParents(items, targetKey) {
   for (const item of items) {
-    if (item.type === 'file' && item.key === targetKey) return true
+    if (item.key === targetKey) {
+      // 如果目标本身是文件夹，也展开它
+      if (item.type === 'folder') item.expanded = true
+      return true
+    }
     if (item.type === 'folder' && item.children) {
       if (expandParents(item.children, targetKey)) {
         item.expanded = true
@@ -94,3 +123,5 @@ export function collapseAll(items) {
     }
   })
 }
+
+

package/src/composables/useExportWord.js

@@ -3,10 +3,26 @@ import {
   Document, Packer, Paragraph, TextRun, HeadingLevel,
   Table, TableRow, TableCell, WidthType, BorderStyle,
   ImageRun, AlignmentType, ShadingType,
-  ExternalHyperlink,
+  ExternalHyperlink, TableLayoutType,
   convertInchesToTwip
 } from 'docx'
-import { saveAs } from 'file-saver'
+// 使用原生方式下载文件，兼容 Chrome / Safari / Firefox
+// 使用原生方式下载文件，兼容 Chrome / Safari / Firefox
+function downloadBlob(blob, fileName) {
+  // 将 Blob 包装为 File 对象，Chrome 会从 File.name 获取文件名
+  const file = new File([blob], fileName, { type: blob.type })
+  const url = URL.createObjectURL(file)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = fileName
+  a.style.display = 'none'
+  document.body.appendChild(a)
+  a.click()
+  setTimeout(() => {
+    document.body.removeChild(a)
+    URL.revokeObjectURL(url)
+  }, 200)
+}
 
 // ---- SVG 转 PNG ----
 
@@ -160,16 +176,35 @@ function extractTextRuns(node, inherited = {}) {
   return runs
 }
 
-// 解析表格
+// 解析表格（兼容 Office + WPS）
 function parseTable(tableEl) {
+  // A4 内容区宽度（缇），左右页边距各 1.2 英寸，纸宽 8.27 英寸
+  const TABLE_WIDTH_DXA = 9024
   const rows = []
   const allTr = tableEl.querySelectorAll('tr')
+
+  // 1. 扫描最大列数（考虑 colspan）
+  let maxCols = 0
+  for (const tr of allTr) {
+    let colCount = 0
+    for (const td of tr.querySelectorAll('th, td')) {
+      colCount += parseInt(td.getAttribute('colspan') || '1', 10)
+    }
+    maxCols = Math.max(maxCols, colCount)
+  }
+  if (maxCols === 0) return null
+
+  // 2. 每列均分宽度
+  const colWidth = Math.floor(TABLE_WIDTH_DXA / maxCols)
+
+  // 3. 构建行（处理 colspan）
   for (const tr of allTr) {
     const cells = []
     const tds = tr.querySelectorAll('th, td')
     const isHeader = tr.querySelector('th') !== null
     for (const td of tds) {
-      cells.push(new TableCell({
+      const colspan = parseInt(td.getAttribute('colspan') || '1', 10)
+      const cellOpts = {
         children: [new Paragraph({
           children: extractTextRuns(td, isHeader ? { bold: true } : {}),
           spacing: { before: 40, after: 40 },
@@ -177,17 +212,23 @@ function parseTable(tableEl) {
         shading: isHeader
           ? { type: ShadingType.CLEAR, fill: 'f0f0f0' }
           : undefined,
-        width: { size: 100 / tds.length, type: WidthType.PERCENTAGE },
-      }))
+        width: { size: colWidth * colspan, type: WidthType.DXA },
+      }
+      if (colspan > 1) cellOpts.columnSpan = colspan
+      cells.push(new TableCell(cellOpts))
     }
     if (cells.length > 0) {
       rows.push(new TableRow({ children: cells }))
     }
   }
   if (rows.length === 0) return null
+
+  // 4. FIXED 布局 + columnWidths（tblGrid），WPS 严格依赖这两项
   return new Table({
     rows,
-    width: { size: 100, type: WidthType.PERCENTAGE },
+    width: { size: TABLE_WIDTH_DXA, type: WidthType.DXA },
+    layout: TableLayoutType.FIXED,
+    columnWidths: Array(maxCols).fill(colWidth),
   })
 }
 
@@ -410,8 +451,8 @@ async function parseDomToDocx(contentEl) {
       continue
     }
 
-    // 表格（可能被 table-wrapper 包裹）
-    if (tag === 'TABLE' || node.classList?.contains('table-wrapper')) {
+    // 表格（可能被 table-outer 或 table-wrapper 包裹）
+    if (tag === 'TABLE' || node.classList?.contains('table-wrapper') || node.classList?.contains('table-outer')) {
       const tableEl = tag === 'TABLE' ? node : node.querySelector('table')
       if (tableEl) {
         const table = parseTable(tableEl)
@@ -601,6 +642,24 @@ export function useExportWord() {
                 alignment: AlignmentType.LEFT,
               },
             },
+            heading1: {
+              run: { font: 'Microsoft YaHei', size: 36, bold: true, color: '333333' },
+            },
+            heading2: {
+              run: { font: 'Microsoft YaHei', size: 32, bold: true, color: '333333' },
+            },
+            heading3: {
+              run: { font: 'Microsoft YaHei', size: 28, bold: true, color: '333333' },
+            },
+            heading4: {
+              run: { font: 'Microsoft YaHei', size: 26, bold: true, color: '333333' },
+            },
+            heading5: {
+              run: { font: 'Microsoft YaHei', size: 24, bold: true, color: '333333' },
+            },
+            heading6: {
+              run: { font: 'Microsoft YaHei', size: 22, bold: true, color: '333333' },
+            },
           },
         },
         sections: [{
@@ -619,8 +678,12 @@ export function useExportWord() {
       })
 
       const blob = await Packer.toBlob(doc)
+      // 确保 blob 的 MIME type 正确
+      const wordBlob = new Blob([blob], {
+        type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+      })
       const fileName = title.replace(/[\\/:*?"<>|]/g, '_') + '.docx'
-      saveAs(blob, fileName)
+      downloadBlob(wordBlob, fileName)
     } catch (err) {
       console.error('导出 Word 失败:', err)
     } finally {

package/src/composables/useFileWatcher.js

@@ -0,0 +1,45 @@
+import { ref, onMounted, onBeforeUnmount } from 'vue'
+import { pollDocsList, pollDocContent } from '../services/DocService.js'
+
+/**
+ * 轮询监听文件变更
+ * 通过 DocService 统一处理模式检测和 ETag，这里只管定时调用
+ */
+export function useFileWatcher({ getCurrentDocPath, onDocsListChange, onDocContentChange }) {
+  const watching = ref(false)
+  let timer = null
+  let polling = false
+
+  async function poll() {
+    if (polling) return
+    polling = true
+    try {
+      // 轮询文档列表
+      const newTree = await pollDocsList()
+      if (newTree) onDocsListChange?.(newTree)
+
+      // 轮询当前文档内容
+      const docPath = getCurrentDocPath?.()
+      const content = await pollDocContent(docPath)
+      if (content !== null) onDocContentChange?.(content)
+    } finally {
+      polling = false
+    }
+  }
+
+  function start() {
+    if (watching.value) return
+    watching.value = true
+    timer = setInterval(poll, 500)
+  }
+
+  function stop() {
+    watching.value = false
+    if (timer) { clearInterval(timer); timer = null }
+  }
+
+  onMounted(start)
+  onBeforeUnmount(stop)
+
+  return { watching, start, stop }
+}

package/src/composables/useFrontmatter.js

@@ -4,7 +4,7 @@
 // 支持 title / description / order / hidden 字段
 export function parseFrontmatter(markdown) {
   const match = markdown.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?/)
-  if (!match) return { data: {}, content: markdown }
+  if (!match) return { data: {}, content: markdown, rawYaml: '' }
   const yamlStr = match[1]
   const data = {}
   for (const line of yamlStr.split('\n')) {
@@ -20,7 +20,7 @@ export function parseFrontmatter(markdown) {
     else val = val.replace(/^['"]|['"]$/g, '')
     data[m[1]] = val
   }
-  return { data, content: markdown.slice(match[0].length) }
+  return { data, content: markdown.slice(match[0].length), rawYaml: yamlStr }
 }
 
 // 计算阅读时间（中文 400 字/分钟，英文 200 词/分钟）