@tnotesjs/core 0.2.2 → 0.4.0

package/vitepress/components/MindmapPreview/compat.test.ts

@@ -0,0 +1,93 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  normalizeMindmapMarkdown,
+  parseMarkmapFence,
+  parseMindmapReference,
+} from './compat'
+
+describe('parseMarkmapFence', () => {
+  it.each([
+    ['```markmap', {}],
+    ['```markmap 2', { initialExpandLevel: 2 }],
+    ['```markmap {2}', { initialExpandLevel: 2 }],
+    ['```markmap {initialExpandLevel=3}', { initialExpandLevel: 3 }],
+    ['```markmap [ESM 模块] 2', { title: 'ESM 模块', initialExpandLevel: 2 }],
+    ['```markmap 2 [ESM 模块]', { title: 'ESM 模块', initialExpandLevel: 2 }],
+    ['```mindmap', {}],
+    ['```mindmap [项目架构] 1', { title: '项目架构', initialExpandLevel: 1 }],
+  ])('parses %s', (input, expected) => {
+    expect(parseMarkmapFence(input)).toEqual(expected)
+  })
+})
+
+describe('parseMindmapReference', () => {
+  it.each([
+    ['<<< ./assets/tree.md', { path: './assets/tree.md' }],
+    ['<<< ./assets/tree.md [项目架构]', { path: './assets/tree.md', title: '项目架构' }],
+    ['<<< "./assets/tree with spaces.md" [项目架构]', { path: './assets/tree with spaces.md', title: '项目架构' }],
+  ])('parses %s', (input, expected) => {
+    expect(parseMindmapReference(input)).toEqual(expected)
+  })
+})
+
+describe('normalizeMindmapMarkdown', () => {
+  it('injects the default root for historical unordered-list input', () => {
+    expect(normalizeMindmapMarkdown('- A\n  - B')).toBe('# root\n\n- A\n  - B\n')
+  })
+
+  it('promotes a single legacy root item instead of rendering duplicate roots', () => {
+    expect(normalizeMindmapMarkdown('- root\n  - item1\n  - item2')).toBe(
+      '# root\n\n- item1\n- item2\n',
+    )
+    expect(normalizeMindmapMarkdown('- Custom\n  - item', { title: 'Custom' })).toBe(
+      '# Custom\n\n- item\n',
+    )
+  })
+
+  it('does not promote a matching root item when it has top-level siblings', () => {
+    expect(normalizeMindmapMarkdown('- root\n  - nested\n- sibling')).toBe(
+      '# root\n\n- root\n  - nested\n- sibling\n',
+    )
+  })
+
+  it('preserves an existing H1 and lets explicit fence metadata override it', () => {
+    const source = '# Existing\n\n- A\n'
+    expect(normalizeMindmapMarkdown(source)).toBe(source)
+    expect(normalizeMindmapMarkdown(source, { title: 'Explicit' })).toBe('# Explicit\n\n- A\n')
+  })
+
+  it('converts legacy H2/H3 sections into a nested unordered-list tree', () => {
+    const source = [
+      '# ESM',
+      '',
+      '## 基本语法',
+      '',
+      '### 导出方式',
+      '',
+      '- 命名导出',
+      '  - 统一导出',
+      '### 导入方式',
+      '- 默认导入',
+    ].join('\n')
+
+    expect(normalizeMindmapMarkdown(source)).toBe([
+      '# ESM',
+      '',
+      '- 基本语法',
+      '',
+      '  - 导出方式',
+      '',
+      '    - 命名导出',
+      '      - 统一导出',
+      '  - 导入方式',
+      '    - 默认导入',
+      '',
+    ].join('\n'))
+  })
+
+  it('is stable when normalized more than once', () => {
+    const once = normalizeMindmapMarkdown('- A\n  - B')
+    expect(normalizeMindmapMarkdown(once)).toBe(once)
+  })
+})

package/vitepress/components/MindmapPreview/compat.ts

@@ -0,0 +1,128 @@
+export interface MarkmapFenceOptions {
+  title?: string
+  initialExpandLevel?: number
+}
+
+export interface MindmapReference {
+  path: string
+  title?: string
+}
+
+function cleanHeadingText(value: string): string {
+  return value.trim().replace(/\s+#+\s*$/, '').trim()
+}
+
+function promoteLegacyRootList(body: string[], rootTitle: string): string[] {
+  const firstContentIndex = body.findIndex((line) => line.trim() !== '')
+  if (firstContentIndex < 0) return body
+
+  const firstItem = body[firstContentIndex].match(/^[-+*]\s+(.+?)\s*$/)
+  if (!firstItem || cleanHeadingText(firstItem[1]) !== rootTitle) return body
+
+  const descendants = body.slice(firstContentIndex + 1)
+  if (descendants.some((line) => line.trim() !== '' && !/^\s{2,}/.test(line))) return body
+
+  return [
+    ...body.slice(0, firstContentIndex),
+    ...descendants.map((line) => line.replace(/^ {2}/, '')),
+  ]
+}
+
+/** Parse the opening fence while retaining every legacy expand-level spelling. */
+export function parseMarkmapFence(openLine: string): MarkmapFenceOptions {
+  const fenceBody = openLine.trim().replace(/^`+\s*/, '')
+  const nameMatch = fenceBody.match(/^(mindmap|markmap)(?=\s|\{|\[|$)/)
+  if (!nameMatch) return {}
+  let rest = fenceBody.slice(nameMatch[1].length).trim()
+  const options: MarkmapFenceOptions = {}
+
+  const titleMatch = rest.match(/\[([^\]]+)\]/)
+  if (titleMatch) {
+    options.title = titleMatch[1].trim()
+    rest = `${rest.slice(0, titleMatch.index)} ${rest.slice((titleMatch.index ?? 0) + titleMatch[0].length)}`.trim()
+  }
+
+  const braceMatch = rest.match(/\{([^}]*)\}/)
+  const paramPart = braceMatch ? braceMatch[1].trim() : rest
+  const tokens = paramPart.match(/"[^"]*"|'[^']*'|\S+/g) ?? []
+  for (const [index, token] of tokens.entries()) {
+    if (/^\d+$/.test(token) && index === 0) {
+      options.initialExpandLevel = Number(token)
+      continue
+    }
+    const pair = token.match(/^([^=:\s]+)\s*(?:=|:)\s*(.+)$/)
+    if (!pair || pair[1] !== 'initialExpandLevel') continue
+    const value = pair[2].replace(/^['"]|['"]$/g, '')
+    if (/^\d+$/.test(value)) options.initialExpandLevel = Number(value)
+  }
+  return options
+}
+
+/** Parse `<<< file.md [title]`; the title is optional and paths may be quoted. */
+export function parseMindmapReference(line: string): MindmapReference | null {
+  const match = line.trim().match(/^<<<\s+(.+?)\s*$/)
+  if (!match) return null
+
+  let rest = match[1].trim()
+  let title: string | undefined
+  const titleMatch = rest.match(/\s+\[([^\]]+)\]\s*$/)
+  if (titleMatch) {
+    title = cleanHeadingText(titleMatch[1]) || undefined
+    rest = rest.slice(0, titleMatch.index).trim()
+  }
+
+  const path = rest.replace(/^(?:"([\s\S]*)"|'([\s\S]*)')$/, '$1$2').trim()
+  return path ? { path, title } : null
+}
+
+export interface NormalizeMindmapOptions {
+  title?: string
+  defaultTitle?: string
+}
+
+/** Convert historical VitePress markmap input into the strict mindmap-core format. */
+export function normalizeMindmapMarkdown(
+  source: string,
+  options: NormalizeMindmapOptions = {},
+): string {
+  const lines = source.replace(/\r\n?/g, '\n').split('\n')
+  let existingTitle = ''
+  let rootIndex = -1
+
+  for (let index = 0; index < lines.length; index++) {
+    const match = lines[index].match(/^\s{0,3}#(?!#)\s+(.+?)\s*$/)
+    if (!match) continue
+    existingTitle = cleanHeadingText(match[1])
+    rootIndex = index
+    break
+  }
+
+  const rootTitle = cleanHeadingText(options.title || existingTitle || options.defaultTitle || 'root') || 'root'
+  const body: string[] = []
+  let headingDepth: number | null = null
+
+  for (let index = 0; index < lines.length; index++) {
+    if (index === rootIndex) continue
+    const line = lines[index]
+    const heading = line.match(/^\s{0,3}(#{2,6})\s+(.+?)\s*$/)
+    if (heading) {
+      headingDepth = heading[1].length - 2
+      body.push(`${'  '.repeat(headingDepth)}- ${cleanHeadingText(heading[2])}`)
+      continue
+    }
+
+    const listItem = line.match(/^(\s*)([-+*])\s+(.+)$/)
+    if (listItem && headingDepth !== null) {
+      body.push(`${'  '.repeat(headingDepth + 1)}${line}`)
+      continue
+    }
+    body.push(line)
+  }
+
+  const normalizedBody = promoteLegacyRootList(body, rootTitle)
+  while (normalizedBody[0]?.trim() === '') normalizedBody.shift()
+  while (normalizedBody[normalizedBody.length - 1]?.trim() === '') normalizedBody.pop()
+  return normalizedBody.length > 0
+    ? `# ${rootTitle}\n\n${normalizedBody.join('\n')}\n`
+    : `# ${rootTitle}\n`
+}

package/vitepress/components/MindmapPreview/expandLevel.test.ts

@@ -0,0 +1,40 @@
+import { MindmapSession } from '@tnotesjs/mindmap-core'
+import { describe, expect, it } from 'vitest'
+
+import { applyInitialExpandLevel, normalizeExpandLevel } from './expandLevel'
+
+function createSession(): MindmapSession {
+  return new MindmapSession({
+    markdown: '# root\n\n- 一级\n  - 二级\n    - 三级\n',
+    fileName: 'expand-level.tn-mindmap.md',
+  })
+}
+
+function visibleLabels(session: MindmapSession): string[] {
+  const result: string[] = []
+  const visit = (node: typeof session.document.root) => {
+    result.push(node.content.text)
+    if (!node.collapsed) node.children.forEach(visit)
+  }
+  visit(session.document.root)
+  return result
+}
+
+describe('applyInitialExpandLevel', () => {
+  it('clamps the minimum level to one', () => {
+    expect(normalizeExpandLevel(0)).toBe(1)
+    expect(normalizeExpandLevel(-2)).toBe(1)
+  })
+
+  it('shows only root and first-level children for level one', () => {
+    const session = createSession()
+    applyInitialExpandLevel(session, 1)
+    expect(visibleLabels(session)).toEqual(['root', '一级'])
+  })
+
+  it('shows root, first-level and second-level children for level two', () => {
+    const session = createSession()
+    applyInitialExpandLevel(session, 2)
+    expect(visibleLabels(session)).toEqual(['root', '一级', '二级'])
+  })
+})

package/vitepress/components/MindmapPreview/expandLevel.ts

@@ -0,0 +1,28 @@
+import type { MindmapNode, MindmapSession } from '@tnotesjs/mindmap-core'
+
+export function normalizeExpandLevel(value: number): number {
+  return Math.max(1, Math.trunc(Number(value) || 1))
+}
+
+function childLevel(node: MindmapNode, root: MindmapNode): number {
+  let level = 0
+  let current: MindmapNode | null = node
+  while (current && current !== root) {
+    level += 1
+    current = current.parent
+  }
+  return level
+}
+
+/**
+ * Level 1 renders root + direct children; level 2 additionally renders
+ * grandchildren. Nodes at the last visible level are collapsed.
+ */
+export function applyInitialExpandLevel(session: MindmapSession, value: number): void {
+  const visibleLevel = normalizeExpandLevel(value)
+  const root = session.document.root
+  session.document.traverse((node) => {
+    if (node === root || node.children.length === 0) return
+    session.setCollapsed(node.id, childLevel(node, root) >= visibleLevel)
+  })
+}

package/vitepress/components/MindmapPreview/legacyCorpus.test.ts

@@ -0,0 +1,57 @@
+import { parseMarkdown } from '@tnotesjs/mindmap-core'
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
+
+import {
+  normalizeMindmapMarkdown,
+  parseMarkmapFence,
+  parseMindmapReference,
+} from './compat'
+
+const tnotesRoot = path.resolve(fileURLToPath(new URL('../../../../', import.meta.url)))
+const noteFiles = [
+  'TNotes.canvas/notes/0035. 使用 ctx.drawImage 引入图像/README.md',
+  'TNotes.docs/notes/0013. Mindmap/README.md',
+  'TNotes.docs/notes/0014. 分仓库模式/README.md',
+  'TNotes.javascript/notes/0070. CommonJS/README.md',
+  'TNotes.javascript/notes/0071. ESM/README.md',
+  'TNotes.sql/notes/0001. MySQL 8 从入门到精通/README.md',
+  'TNotes.vite/notes/0014. vite 思维导图/README.md',
+].map((relative) => path.join(tnotesRoot, relative))
+
+const corpusAvailable = noteFiles.every((file) => fs.existsSync(file))
+
+describe.skipIf(!corpusAvailable)('legacy TNotes markmap corpus', () => {
+  it('normalizes every historical block into valid mindmap-core Markdown', () => {
+    const diagnostics: string[] = []
+    let blockCount = 0
+
+    for (const noteFile of noteFiles) {
+      const note = fs.readFileSync(noteFile, 'utf8')
+      const blocks = note.matchAll(/^(```(?:mindmap|markmap)[^\n]*)\n([\s\S]*?)^```\s*$/gm)
+      for (const match of blocks) {
+        blockCount += 1
+        const options = parseMarkmapFence(match[1])
+        let source = match[2]
+        const reference = parseMindmapReference(
+          source.split('\n').find((line) => line.trim()) ?? '',
+        )
+        if (reference) {
+          source = fs.readFileSync(path.resolve(path.dirname(noteFile), reference.path), 'utf8')
+        }
+        const normalized = normalizeMindmapMarkdown(source, {
+          title: options.title || reference?.title,
+        })
+        const result = parseMarkdown(normalized, path.basename(noteFile))
+        if (!result.valid) {
+          diagnostics.push(`${noteFile}\n${result.diagnostics.map((item) => item.message).join('\n')}`)
+        }
+      }
+    }
+
+    expect(blockCount).toBe(16)
+    expect(diagnostics).toEqual([])
+  })
+})

package/vitepress/components/Settings/Settings.vue

@@ -10,33 +10,60 @@ vitepress/components/Settings/Settings.vue
       <div class="settingItem">
         <div class="settingMeta">
           <div class="labelLine">
-            <span class="itemName">本地知识库路径</span>
+            <span class="itemName">本地 IDE 打开</span>
             <span class="infoWrap">
               <span class="infoIcon">?</span>
               <span class="tooltip">
-                适用于 PC 桌面环境，需要本地安装 VS Code。配置后可从页面快速打开本地笔记目录。
+                适用于 PC 桌面环境。配置本地知识库 notes 目录路径，并选择 VS Code 或 Cursor，即可从页面快速打开知识库或笔记。
               </span>
             </span>
           </div>
           <span v-if="path" class="statusText">已配置</span>
         </div>
 
-        <div class="inputGroup">
-          <input
-            v-model="path"
-            type="text"
-            placeholder="/Users/username/notes"
-            class="input"
-          />
-          <button
-            v-if="path"
-            @click="clearPath"
-            class="clearBtn"
-            title="清空"
-            type="button"
-          >
-            ×
-          </button>
+        <div class="fieldStack">
+          <div class="controlRow">
+            <span class="controlLabel">IDE</span>
+            <div class="segmented segmented-two">
+              <label
+                v-for="option in localIdeOptions"
+                :key="option.value"
+                :class="[
+                  'segment',
+                  { activeSegment: localIde === option.value },
+                ]"
+              >
+                <input
+                  v-model="localIde"
+                  type="radio"
+                  name="local-ide"
+                  :value="option.value"
+                />
+                <span>{{ option.label }}</span>
+              </label>
+            </div>
+          </div>
+
+          <label class="field">
+            <span class="controlLabel">知识库路径</span>
+            <div class="inputGroup">
+              <input
+                v-model="path"
+                type="text"
+                placeholder="/Users/username/notes"
+                class="input pathInput"
+              />
+              <button
+                v-if="path"
+                @click="clearPath"
+                class="clearBtn"
+                title="清空"
+                type="button"
+              >
+                ×
+              </button>
+            </div>
+          </label>
         </div>
       </div>
 
@@ -128,36 +155,6 @@ vitepress/components/Settings/Settings.vue
           </div>
         </div>
       </div>
-
-      <div class="settingItem">
-        <div class="settingMeta">
-          <div class="labelLine">
-            <span class="itemName">笔记内 MarkMap</span>
-            <span class="infoWrap">
-              <span class="infoIcon">?</span>
-              <span class="tooltip">
-                配置笔记中 markmap 代码块的初始展开层级。
-              </span>
-            </span>
-          </div>
-        </div>
-
-        <div class="inlineGrid">
-          <label class="field">
-            <span class="controlLabel">展开层级</span>
-            <div class="inputWithUnit">
-              <input
-                v-model.number="markmapExpandLevel"
-                type="number"
-                min="1"
-                max="100"
-                class="input"
-              />
-              <span class="unit">层</span>
-            </div>
-          </label>
-        </div>
-      </div>
     </section>
 
     <div class="actionBar">
@@ -185,12 +182,18 @@ import { ref, computed, onMounted } from 'vue'
 
 import {
   NOTES_DIR_KEY,
-  MARKMAP_EXPAND_LEVEL_KEY,
+  LOCAL_IDE_KEY,
   SIDEBAR_SHOW_NOTE_ID_KEY,
   SIDEBAR_DONE_PREFIX_KEY,
   SIDEBAR_UNDONE_PREFIX_KEY,
   CONTENT_WIDTH_MODE_KEY,
 } from '../constants'
+import { useLocalIde } from '../composables/useLocalIde'
+import {
+  DEFAULT_LOCAL_IDE,
+  normalizeLocalIde,
+  type LocalIdeId,
+} from '../utils/vscodePaths'
 // @ts-expect-error - VitePress Data Loader
 import { data as tnotesConfig } from '../tnotes-config.data'
 
@@ -200,6 +203,8 @@ const DEFAULT_CONTENT_WIDTH_MODE: ContentWidthMode = 'wide'
 const DEFAULT_DONE_PREFIX = '✅'
 const DEFAULT_UNDONE_PREFIX = '⏰'
 
+const { setLocalIde } = useLocalIde()
+
 const contentWidthModeOptions: Array<{
   label: string
   value: ContentWidthMode
@@ -208,10 +213,15 @@ const contentWidthModeOptions: Array<{
   { label: '标准页宽', value: 'standard' },
 ]
 
+const localIdeOptions: Array<{ label: string; value: LocalIdeId }> = [
+  { label: 'VS Code', value: 'vscode' },
+  { label: 'Cursor', value: 'cursor' },
+]
+
 const path = ref('')
 const originalPath = ref('')
-const markmapExpandLevel = ref(5)
-const originalMarkmapExpandLevel = ref(5)
+const localIde = ref<LocalIdeId>(DEFAULT_LOCAL_IDE)
+const originalLocalIde = ref<LocalIdeId>(DEFAULT_LOCAL_IDE)
 const showNoteId = ref(false)
 const originalShowNoteId = ref(false)
 const donePrefix = ref(DEFAULT_DONE_PREFIX)
@@ -227,7 +237,7 @@ const showSuccessToast = ref(false)
 const hasChanges = computed(
   () =>
     path.value !== originalPath.value ||
-    markmapExpandLevel.value !== originalMarkmapExpandLevel.value ||
+    localIde.value !== originalLocalIde.value ||
     showNoteId.value !== originalShowNoteId.value ||
     donePrefix.value !== originalDonePrefix.value ||
     undonePrefix.value !== originalUndonePrefix.value ||
@@ -246,9 +256,9 @@ onMounted(() => {
   path.value = savedPath
   originalPath.value = savedPath
 
-  const savedLevel = localStorage.getItem(MARKMAP_EXPAND_LEVEL_KEY) || '5'
-  markmapExpandLevel.value = parseInt(savedLevel, 10)
-  originalMarkmapExpandLevel.value = markmapExpandLevel.value
+  const savedLocalIde = normalizeLocalIde(localStorage.getItem(LOCAL_IDE_KEY))
+  localIde.value = savedLocalIde
+  originalLocalIde.value = savedLocalIde
 
   const savedShowNoteId = localStorage.getItem(SIDEBAR_SHOW_NOTE_ID_KEY)
   showNoteId.value =
@@ -293,17 +303,14 @@ function save() {
       contentWidthMode.value !== originalContentWidthMode.value
 
     localStorage.setItem(NOTES_DIR_KEY, path.value)
-    localStorage.setItem(
-      MARKMAP_EXPAND_LEVEL_KEY,
-      markmapExpandLevel.value.toString(),
-    )
+    setLocalIde(localIde.value)
     localStorage.setItem(SIDEBAR_SHOW_NOTE_ID_KEY, showNoteId.value.toString())
     localStorage.setItem(SIDEBAR_DONE_PREFIX_KEY, donePrefix.value)
     localStorage.setItem(SIDEBAR_UNDONE_PREFIX_KEY, undonePrefix.value)
     localStorage.setItem(CONTENT_WIDTH_MODE_KEY, contentWidthMode.value)
 
     originalPath.value = path.value
-    originalMarkmapExpandLevel.value = markmapExpandLevel.value
+    originalLocalIde.value = localIde.value
     originalShowNoteId.value = showNoteId.value
     originalDonePrefix.value = donePrefix.value
     originalUndonePrefix.value = undonePrefix.value
@@ -327,7 +334,7 @@ function save() {
 
 function reset() {
   path.value = originalPath.value
-  markmapExpandLevel.value = originalMarkmapExpandLevel.value
+  localIde.value = originalLocalIde.value
   showNoteId.value = originalShowNoteId.value
   donePrefix.value = originalDonePrefix.value
   undonePrefix.value = originalUndonePrefix.value
@@ -400,10 +407,12 @@ function reset() {
 
 .tooltip {
   position: absolute;
-  left: 50%;
-  bottom: calc(100% + 8px);
-  z-index: 10;
+  left: 0;
+  top: calc(100% + 8px);
+  bottom: auto;
+  z-index: 20;
   width: 240px;
+  max-width: min(240px, calc(100vw - 48px));
   padding: 8px 10px;
   color: var(--vp-c-text-1);
   background: var(--vp-c-bg-elv);
@@ -414,7 +423,7 @@ function reset() {
   line-height: 18px;
   opacity: 0;
   pointer-events: none;
-  transform: translate(-50%, 4px);
+  transform: translateY(-4px);
   transition:
     opacity 0.15s ease,
     transform 0.15s ease;
@@ -423,7 +432,7 @@ function reset() {
 .infoWrap:hover .tooltip,
 .infoWrap:focus-within .tooltip {
   opacity: 1;
-  transform: translate(-50%, 0);
+  transform: translateY(0);
 }
 
 .inputGroup {
@@ -699,14 +708,8 @@ function reset() {
   }
 
   .tooltip {
-    left: 0;
     width: min(260px, calc(100vw - 48px));
-    transform: translate(0, 4px);
-  }
-
-  .infoWrap:hover .tooltip,
-  .infoWrap:focus-within .tooltip {
-    transform: translate(0, 0);
+    max-width: min(260px, calc(100vw - 48px));
   }
 
   .actionBar {

package/vitepress/components/SidebarCard/FolderTreeItems.vue

@@ -6,8 +6,8 @@ vitepress/components/SidebarCard/FolderTreeItems.vue
 import {
   icon__sidebar_collapsed,
   icon__sidebar_opened,
-  icon__vscode,
 } from '../../assets/icons'
+import { useLocalIde } from '../composables/useLocalIde'
 
 const props = defineProps({
   nodes: {
@@ -30,6 +30,8 @@ const props = defineProps({
 
 const emit = defineEmits(['toggle-node', 'open-vscode'])
 
+const { icon: localIdeIcon, openNoteTitle } = useLocalIde()
+
 function hasChildren(node) {
   return node.children?.length > 0
 }
@@ -109,21 +111,24 @@ function onOpenVscode(node, event) {
         <span class="tree-title">{{ getDisplayTitle(node) }}</span>
       </a>
 
-      <span
+      <button
         v-else-if="hasChildren(node)"
+        type="button"
         class="tree-link tree-link-folder"
+        :title="isExpanded(node) ? '折叠分组' : '展开分组'"
+        @click="onToggle(node)"
       >
         <span class="tree-title">{{ getDisplayTitle(node) }}</span>
-      </span>
+      </button>
 
       <button
         v-if="node.relativePath"
         class="vscode-article"
         type="button"
-        title="在 VS Code 中打开笔记目录"
+        :title="openNoteTitle"
         @click="onOpenVscode(node, $event)"
       >
-        <img :src="icon__vscode" alt="打开笔记目录" />
+        <img :src="localIdeIcon" :alt="openNoteTitle" />
       </button>
     </div>
 
@@ -225,9 +230,14 @@ export default {
 }
 
 .tree-link-folder {
-  cursor: default;
+  cursor: pointer;
   font-weight: 600;
   color: var(--vp-c-text-1);
+  border: none;
+  background: none;
+  padding: 0;
+  text-align: left;
+  font: inherit;
 }
 
 .tree-status {