@tnotesjs/ui 0.3.2 → 0.4.0

package/README.md

@@ -100,35 +100,3 @@ console.log('a')
 | `enableCopy`         | `true`    |
 | `enableFullscreen`   | `true`    |
 | `enableCenterToggle` | `true`    |
-
-### `MindmapEditor`（`@tnotesjs/ui/mindmap-editor`）
-
-思维导图编辑器的**唯一实现**。`@tnotesjs/ui/mindmap` 那个块（`Mindmap.vue`）是给 SSG / Desk 笔记
-内嵌用的「预览 + 可选编辑」；本入口导出它内部复用的编辑器组件，供自带页面外壳的宿主直接组装。
-当前宿主：`apps/mindmap-web`、`apps/mindmap-vscode`。
-
-| 导出                                                                          | 说明                                           |
-| ----------------------------------------------------------------------------- | ---------------------------------------------- |
-| `MindmapView`                                                                 | 脑图画布（含选区工具条 / 右键菜单 / 链接浮层） |
-| `OutlineView`                                                                 | 大纲视图（拖拽、行内富文本、折叠）             |
-| `MarkdownView`                                                                | 源码视图（防抖回流 + 诊断定位）                |
-| `SearchBar`                                                                   | 三视图共用的搜索条                             |
-| `FocusBreadcrumbs`                                                            | 进入主题后的面包屑（与主 barrel 同源）         |
-| `AppIcon` / `IconButton` / `CollapseMenu`                                     | 外壳按钮与图标                                 |
-| `CanvasContextMenu` / `LinkPopover` / `RichInlineEditor` / `SelectionToolbar` | 上面几个组件的组成件，供未来宿主自行组装       |
-| `insertImageIntoSource`                                                       | 源码视图的整节点图片插入                       |
-| `pasteCanvasOutline` / `readMindmapClipboard` / `writeMindmapClipboard`       | 脑图剪贴板（含无权限时的进程内回退）           |
-| `resolveAfterDropLevel` / `DropLevel`                                         | 大纲拖拽落点解析                               |
-| `primaryShortcut` / `altShortcut` / `isApplePlatform`                         | 平台快捷键文案                                 |
-
-**浮层挂载点（`teleportTo`）**：`MindmapView`（并透传给 `CanvasContextMenu` / `LinkPopover`）接受
-`teleportTo?: string`。默认 `undefined` = 就地渲染——浮层是 `position: fixed`，嵌在笔记里的宿主
-（Desk / SSG）teleport 到 `body` 会脱离笔记的层叠上下文。整页宿主传 `'body'`。
-
-**宿主职责（不属于本包）**：`MindmapSession` 的归属与生命周期、`--mm-*` 主题变量
-（`--mm-canvas-bg` / `--mm-panel-bg` / `--mm-border` / `--mm-text` / `--mm-text-dim` / `--mm-hover` /
-`--mm-selected-bg` / `--mm-accent` / `--mm-edit-bg`）、落盘、图片写入、宿主快捷键到组件
-`defineExpose` 钩子的桥接（`OutlineView` 的 `locateNode` / `selectAllFromHost` / `undoFromHost` /
-`redoFromHost`，`MarkdownView` 的 `selectAllFromHost` / `flushDraft`）。
-
-改公共交互只改这里一处，三个宿主同时生效。

package/dist/components/Mindmap/markdown.d.ts

@@ -1,8 +1,13 @@
 interface MindmapFenceOptions {
     title?: string;
     initialExpandLevel?: number;
+    /** Pane height in px (`h=480` in the fence info). */
+    height?: number;
 }
-/** Parse the canonical `mindmap [title] 2` fence metadata. */
+declare const MINDMAP_MIN_HEIGHT = 200;
+declare const MINDMAP_MAX_HEIGHT = 1600;
+declare function clampMindmapHeight(value: number): number;
+/** Parse the canonical `mindmap [title] 2 h=480` fence metadata. */
 declare function parseMindmapFence(openLine: string): MindmapFenceOptions | null;
 interface NormalizeMindmapOptions {
     title?: string;
@@ -11,4 +16,4 @@ interface NormalizeMindmapOptions {
 /** Ensure canonical mindmap Markdown has exactly one H1 root title. */
 declare function normalizeMindmapMarkdown(source: string, options?: NormalizeMindmapOptions): string;
 
-export { type MindmapFenceOptions, type NormalizeMindmapOptions, normalizeMindmapMarkdown, parseMindmapFence };
+export { MINDMAP_MAX_HEIGHT, MINDMAP_MIN_HEIGHT, type MindmapFenceOptions, type NormalizeMindmapOptions, clampMindmapHeight, normalizeMindmapMarkdown, parseMindmapFence };

package/dist/components/Mindmap/markdown.js

@@ -1,4 +1,9 @@
 // src/components/Mindmap/markdown.ts
+var MINDMAP_MIN_HEIGHT = 200;
+var MINDMAP_MAX_HEIGHT = 1600;
+function clampMindmapHeight(value) {
+  return Math.round(Math.min(MINDMAP_MAX_HEIGHT, Math.max(MINDMAP_MIN_HEIGHT, value)));
+}
 function cleanHeadingText(value) {
   return value.trim().replace(/\s+#+\s*$/, "").trim();
 }
@@ -13,9 +18,15 @@ function parseMindmapFence(openLine) {
     options.title = cleanHeadingText(titleMatch[1]) || void 0;
     rest = `${rest.slice(0, titleMatch.index)} ${rest.slice((titleMatch.index ?? 0) + titleMatch[0].length)}`.trim();
   }
-  if (rest && !/^\d+$/.test(rest)) return null;
-  if (rest) {
-    options.initialExpandLevel = Math.max(1, Number(rest));
+  for (const token of rest.split(/\s+/).filter(Boolean)) {
+    const height = token.match(/^h=(\d+)$/);
+    if (height) {
+      options.height = clampMindmapHeight(Number(height[1]));
+    } else if (/^\d+$/.test(token) && options.initialExpandLevel === void 0) {
+      options.initialExpandLevel = Math.max(1, Number(token));
+    } else {
+      return null;
+    }
   }
   return options;
 }
@@ -41,6 +52,9 @@ ${body.join("\n")}
 `;
 }
 export {
+  MINDMAP_MAX_HEIGHT,
+  MINDMAP_MIN_HEIGHT,
+  clampMindmapHeight,
   normalizeMindmapMarkdown,
   parseMindmapFence
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tnotesjs/ui",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Shared Vue UI for TNotes built-in blocks — consumed by the TNotes SSG and Desk.",
   "type": "module",
   "exports": {
@@ -60,11 +60,6 @@
       "types": "./src/entries/excalidraw-editor.ts",
       "import": "./src/entries/excalidraw-editor.ts",
       "default": "./src/entries/excalidraw-editor.ts"
-    },
-    "./mindmap-editor": {
-      "types": "./src/entries/mindmap-editor.ts",
-      "import": "./src/entries/mindmap-editor.ts",
-      "default": "./src/entries/mindmap-editor.ts"
     }
   },
   "files": [
@@ -88,7 +83,7 @@
     "react-dom": "18.3.1",
     "sass": "^1.90.0",
     "shiki": "4.4.2",
-    "@tnotesjs/mindmap-core": "^0.2.2"
+    "@tnotesjs/mindmap-core": "^0.2.3"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
@@ -111,7 +106,8 @@
   },
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/"
+    "registry": "https://registry.npmjs.org/",
+    "provenance": true
   },
   "repository": {
     "type": "git",
@@ -136,4 +132,4 @@
     "lint": "eslint . --max-warnings=0",
     "lint:fix": "eslint . --fix"
   }
-}
+}

package/src/components/Mindmap/Mindmap.vue

@@ -2,7 +2,16 @@
 import { CanvasEditor, CanvasViewer, MindmapSession } from '@tnotesjs/mindmap-core'
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'
 
-import { applyInitialExpandLevel, normalizeExpandLevel } from './expandLevel'
+import {
+  MAX_EXPAND_LEVEL,
+  MIN_EXPAND_LEVEL,
+  acceptsExpandLevelEdit,
+  applyInitialExpandLevel,
+  normalizeExpandLevel,
+  resolvedExpandLevel,
+  stepExpandLevel
+} from './expandLevel'
+import { FORCE_EXIT_FULLSCREEN_EVENT, reconcileMindmapFullscreen } from './fullscreenFlag'
 import { normalizeMindmapMarkdown } from './markdown'
 import MindmapOutlineNode from './MindmapOutlineNode.vue'
 import MindmapViewIcon from './MindmapViewIcon.vue'
@@ -20,8 +29,6 @@ type PreviewView = 'mindmap' | 'outline' | 'source'
 
 /** One fullscreen mindmap at a time across preview instances on the page. */
 const FS_GATE_KEY = '__tnotesjs_mindmap_fullscreen_gate__'
-const FS_BODY_ATTR = 'tnMindmapFs'
-const FORCE_EXIT_FULLSCREEN_EVENT = 'tnotes-mindmap-force-exit-fullscreen'
 
 type FsGateState = { owners: Map<symbol, () => void> }
 
@@ -52,15 +59,7 @@ function claimMindmapFullscreen(id: symbol): void {
 
 function syncBodyFullscreenAttr(activeRoot: HTMLElement | null): void {
   if (typeof document === 'undefined') return
-  if (activeRoot?.classList.contains('is-fullscreen')) {
-    document.body.dataset[FS_BODY_ATTR] = '1'
-    document.documentElement.dataset[FS_BODY_ATTR] = '1'
-    return
-  }
-  if (!document.querySelector('.mindmap-preview.is-fullscreen')) {
-    delete document.body.dataset[FS_BODY_ATTR]
-    delete document.documentElement.dataset[FS_BODY_ATTR]
-  }
+  reconcileMindmapFullscreen(activeRoot, document.querySelectorAll<HTMLElement>('.mindmap-preview'))
 }
 
 function forceExitPeerFullscreen(activeRoot: HTMLElement | null): void {
@@ -83,6 +82,8 @@ const props = withDefaults(
     editable?: boolean
     /** Show expand-level control on the chrome (Desk). */
     expandLevelControl?: boolean
+    /** Pane height in px; omit for the default 440px canvas. */
+    height?: number
     /** Explicit dark mode; omit to auto-detect html.dark / data-theme=dark. */
     isDark?: boolean
     /**
@@ -102,6 +103,7 @@ const props = withDefaults(
     initialExpandLevel: 3,
     editable: false,
     expandLevelControl: false,
+    height: undefined,
     isDark: undefined,
     resolveImageSrc: undefined,
     writeAsset: undefined
@@ -162,6 +164,9 @@ function decodeContent(value: string): string {
   }
 }
 
+const paneStyle = computed(() =>
+  props.height ? { '--mindmap-pane-height': `${props.height}px` } : undefined
+)
 const rawContent = computed(() => props.source || decodeContent(props.content || ''))
 const normalizedContent = computed(() => normalizeMindmapMarkdown(rawContent.value))
 
@@ -274,9 +279,127 @@ function setExpandLevel(raw: number): void {
   emit('expandLevelChange', level)
 }
 
+/** The value the field held when it was focused — what ESC / an empty blur restores. */
+let expandLevelBeforeFocus: number | null = null
+
+/**
+ * Refuse a non-digit before it ever reaches the field. Cancelling `beforeinput`
+ * leaves the value and the selection untouched, which is what keeps the field
+ * usable after a rejected key — restoring `input.value` after the fact leaves
+ * the browser's editing state wedged, and nothing types into the field again.
+ *
+ * The first character cannot be `0` (the range starts at 1); a second character
+ * completes a 1–99 number, so `0` is allowed there (`10`, `20`, …).
+ */
+function onExpandLevelBeforeInput(event: InputEvent): void {
+  // Only text being inserted is judged; deletions and history carry no `data`.
+  if (event.data === null) return
+  if (event.inputType !== 'insertText') return
+  if (!/^\d+$/.test(event.data)) {
+    event.preventDefault()
+    return
+  }
+  const input = event.target as HTMLInputElement
+  const replacingAll = input.selectionStart === 0 && input.selectionEnd === input.value.length
+  const next = replacingAll
+    ? event.data
+    : input.value.slice(0, input.selectionStart ?? input.value.length) +
+      event.data +
+      input.value.slice(input.selectionEnd ?? input.value.length)
+  if (!acceptsExpandLevelEdit(next)) event.preventDefault()
+}
+
 function onExpandLevelInput(event: Event): void {
-  const value = Number((event.target as HTMLInputElement).value)
-  setExpandLevel(value)
+  const input = event.target as HTMLInputElement
+  // Safety net for input that skips `beforeinput` (paste, IME, drag-and-drop, a
+  // programmatic value): anything that cannot be a 1–99 number is dropped.
+  if (!acceptsExpandLevelEdit(input.value)) {
+    input.value = String(expandLevel.value)
+    input.select()
+    return
+  }
+  if (input.value === '') return
+  const typed = Number(input.value)
+  // `0` (and anything above the cap) stays in the field uncommitted; blur clamps it.
+  if (typed >= MIN_EXPAND_LEVEL && typed <= MAX_EXPAND_LEVEL) setExpandLevel(typed)
+}
+
+/**
+ * Editing ends: an empty field means "no input", so the pre-focus value comes
+ * back; otherwise whatever was typed is clamped into 1–99 and committed.
+ */
+function onExpandLevelBlur(event: Event): void {
+  const input = event.target as HTMLInputElement
+  const restore = expandLevelBeforeFocus
+  expandLevelBeforeFocus = null
+  const level = resolvedExpandLevel(input.value, restore ?? expandLevel.value)
+  input.value = String(level)
+  setExpandLevel(level)
+}
+
+/** ESC abandons the edit outright, wherever the field happens to be. */
+function onExpandLevelEscape(event: KeyboardEvent): boolean {
+  if (event.key !== 'Escape') return false
+  const restore = expandLevelBeforeFocus ?? expandLevel.value
+  event.preventDefault()
+  event.stopPropagation()
+  const input = event.target as HTMLInputElement
+  input.value = String(restore)
+  setExpandLevel(restore)
+  input.blur()
+  return true
+}
+
+/**
+ * Backspace clears the field in one press. Editing a single number digit by digit
+ * has no use: an empty field here means "no input" — it shows the hint, and blur
+ * puts the pre-focus value back.
+ */
+function onExpandLevelClearKey(event: KeyboardEvent): boolean {
+  if (event.key !== 'Backspace' && event.key !== 'Delete') return false
+  const input = event.target as HTMLInputElement
+  if (input.value === '') return false
+  event.preventDefault()
+  input.value = ''
+  return true
+}
+
+/**
+ * All four arrows step the level. The field is a text input (see
+ * `onExpandLevelFocus`), so ↑/↓ no longer come free from the number input and
+ * have to be handled here alongside ←/→ — either hand stays on the arrows.
+ * A caret inside one number has nothing to scroll, which is what leaves the
+ * horizontal arrows free to take.
+ */
+function onExpandLevelKeydown(event: KeyboardEvent): void {
+  if (onExpandLevelEscape(event)) return
+  if (onExpandLevelClearKey(event)) return
+  const step = { ArrowUp: 1, ArrowRight: 1, ArrowDown: -1, ArrowLeft: -1 }[event.key]
+  if (step === undefined) return
+  // Leave modifiers alone: Cmd/Alt+← are word-jump / back shortcuts.
+  if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) return
+  const input = event.target as HTMLInputElement
+  const current = Number(input.value)
+  const base = /^\d{1,2}$/.test(input.value) ? current : expandLevel.value
+  // Clamp rather than lean on `setExpandLevel`: a clamped step is still a step,
+  // and the value stays inside the documented 1–99.
+  const bounded = stepExpandLevel(base, step as -1 | 1)
+  event.preventDefault()
+  input.value = String(bounded)
+  setExpandLevel(bounded)
+}
+
+/**
+ * Two digits mean "type the level, not append to it": select the current value on
+ * focus so a keystroke replaces it. This is also why the field is a `text` input
+ * with `inputmode="numeric"` rather than `type=number` — selection APIs are not
+ * available on the latter (the digit would be appended, giving `39`).
+ * The pre-focus value is remembered for ESC and for an empty blur.
+ */
+function onExpandLevelFocus(event: FocusEvent): void {
+  const input = event.target as HTMLInputElement
+  expandLevelBeforeFocus = expandLevel.value
+  input.select()
 }
 
 function setView(view: PreviewView): void {
@@ -378,6 +501,9 @@ function handleFullscreenChange(): void {
   } else if (fullscreenMode === 'native') {
     fullscreenMode = null
     isFullscreen.value = false
+    // `syncBodyFullscreenAttr` also drops the stale `is-fullscreen` class, so
+    // ESC (which only fires `fullscreenchange`) lands in the same state as the
+    // button path and the toolbar comes back.
     syncBodyFullscreenAttr(null)
   }
   if (activeView.value === 'mindmap') void nextTick(() => zoomToFit())
@@ -388,9 +514,14 @@ function zoomToFit(): void {
   viewer?.zoomToFit()
 }
 
-function activateCanvas(): void {
+/** 画布上的浮层自己管焦点；被抢走会让节点编辑提前提交，工具栏点了也不生效 */
+const CANVAS_OVERLAY_SELECTOR =
+  '.selection-toolbar, .mm-edit-input, .link-popover, .canvas-context-menu'
+
+function activateCanvas(event: PointerEvent): void {
   isCanvasActive.value = true
   if (!props.editable) return
+  if (event.target instanceof Element && event.target.closest(CANVAS_OVERLAY_SELECTOR)) return
   const editorEl = canvasHost.value?.querySelector<HTMLElement>('.mm-editor')
   editorEl?.focus({ preventScroll: true })
 }
@@ -609,6 +740,7 @@ onBeforeUnmount(() => {
   <section
     ref="previewRoot"
     class="mindmap-preview"
+    :style="paneStyle"
     :class="{
       'is-dark': dark,
       'is-fullscreen': isFullscreen,
@@ -637,16 +769,24 @@ onBeforeUnmount(() => {
         </button>
       </nav>
       <span class="mindmap-preview-action-divider" aria-hidden="true" />
-      <label v-if="expandLevelControl" class="mindmap-preview-expand" title="默认展开层级">
-        <span class="mindmap-preview-expand-label">层</span>
+      <label
+        v-if="expandLevelControl"
+        class="mindmap-preview-expand"
+        :title="`默认展开层级（${MIN_EXPAND_LEVEL}～${MAX_EXPAND_LEVEL}）`"
+      >
         <input
           class="mindmap-preview-expand-input"
-          type="number"
-          min="1"
-          max="20"
+          type="text"
+          inputmode="numeric"
+          maxlength="2"
+          :placeholder="`${MIN_EXPAND_LEVEL}～${MAX_EXPAND_LEVEL}`"
           :value="expandLevel"
-          aria-label="默认展开层级"
-          @change="onExpandLevelInput"
+          :aria-label="`默认展开层级，${MIN_EXPAND_LEVEL} 到 ${MAX_EXPAND_LEVEL}`"
+          @focus="onExpandLevelFocus"
+          @beforeinput="onExpandLevelBeforeInput"
+          @input="onExpandLevelInput"
+          @blur="onExpandLevelBlur"
+          @keydown="onExpandLevelKeydown"
         />
       </label>
       <button
@@ -865,32 +1005,65 @@ onBeforeUnmount(() => {
   cursor: default;
 }
 
-.mindmap-preview-expand-label {
-  opacity: 0.85;
-}
-
+/*
+ * Just the number: no label, no box, no fill — an underline is enough to say
+ * "you can type here". The field is as wide as its placeholder (`1～99`) needs,
+ * so the hint is never clipped, and the value is centred so the caret and the
+ * number do not jump as it changes.
+ */
 .mindmap-preview-expand-input {
-  width: 2.4rem;
-  height: 22px;
-  padding: 0 4px;
-  border: 1px solid var(--tn-c-divider);
-  border-radius: 4px;
-  background: var(--tn-c-bg);
-  color: var(--tn-c-text);
-  font-size: 12px;
-  line-height: 22px;
+  width: 2.9rem;
+  height: 20px;
+  padding: 0;
+  border: 0;
+  border-bottom: 1px solid var(--tn-c-divider);
+  border-radius: 0;
+  background: transparent;
+  color: var(--tn-c-brand);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+  text-align: center;
+  cursor: text;
+  appearance: textfield;
+  -moz-appearance: textfield;
+
+  &::placeholder {
+    color: var(--tn-c-text-3, var(--tn-c-text-2));
+    font-weight: 400;
+    opacity: 0.75;
+  }
+
+  &:focus {
+    border-bottom-color: var(--tn-c-brand);
+    outline: none;
+  }
+
+  /* Chromium keeps a spinner on text-ish numeric fields; we step via keys. */
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    margin: 0;
+    appearance: none;
+    -webkit-appearance: none;
+  }
 }
 
 .mindmap-canvas-host {
   position: relative;
   width: 100%;
-  height: 440px;
+  height: var(--mindmap-pane-height, 440px);
   overflow: hidden;
-  background: var(--tn-c-bg);
+  /*
+   * No background of its own: the canvas is cleared to transparent, and the
+   * container above (`.mindmap-preview`) already paints `--tn-c-bg` with the
+   * panel border. Painting it again here only made the canvas read as a second,
+   * inset panel inside the editor.
+   */
+  background: transparent;
   touch-action: none;
   user-select: none;
 
-  /* CanvasEditor overlay + chrome tokens (aligned with mindmap-web). */
+  /* CanvasEditor overlay + chrome tokens. */
   --mm-canvas-bg: var(--tn-c-bg);
   --mm-panel-bg: var(--tn-c-bg-soft, var(--tn-c-bg));
   --mm-text: var(--tn-c-text);
@@ -930,7 +1103,7 @@ onBeforeUnmount(() => {
   pointer-events: none;
 }
 
-/* Marquee box — required for box-select feedback (aligned with mindmap-web). */
+/* Marquee box — required for box-select feedback. */
 .mindmap-canvas-host:deep(.mm-selection-box) {
   position: absolute;
   z-index: 8;
@@ -1008,8 +1181,7 @@ onBeforeUnmount(() => {
 .mindmap-canvas-host:deep(.mm-edit-input .inline-run.highlight:not(.code)) {
   padding: 0 1px;
   border-radius: 2px;
-  background: #fff36a;
-  color: #242424;
+  background: var(--tn-c-mark-bg, rgba(255, 221, 0, 0.45));
 }
 .mindmap-canvas-host:deep(.mm-edit-input .inline-run.code) {
   padding: 0 4px;
@@ -1052,13 +1224,13 @@ onBeforeUnmount(() => {
 }
 
 .mindmap-outline {
-  max-height: 560px;
+  max-height: var(--mindmap-pane-height, 560px);
   padding: 18px 22px 22px;
   overflow: auto;
 }
 
 .mindmap-outline.is-editable {
-  height: 440px;
+  height: var(--mindmap-pane-height, 440px);
   max-height: none;
   padding: 0;
   overflow: hidden;
@@ -1067,7 +1239,7 @@ onBeforeUnmount(() => {
 }
 
 .mindmap-source-wrap.is-editable {
-  height: 440px;
+  height: var(--mindmap-pane-height, 440px);
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -1105,9 +1277,28 @@ onBeforeUnmount(() => {
 
 .mindmap-outline :deep(.mindmap-outline-toggle),
 .mindmap-outline :deep(.mindmap-outline-leaf) {
+  display: flex;
   flex: 0 0 18px;
+  align-items: center;
+  justify-content: center;
   width: 18px;
+  height: 24px;
   color: var(--tn-c-text-2);
+  /*
+   * The toggle is a real `<button>`, so it arrives with the browser's default
+   * chrome — 2px outset border, button-face background, 1px 6px padding and a
+   * 13.33px font. Desk never saw it because the preview renders inside
+   * `.milkdown`, whose theme reset (`.milkdown button { border/background: none }`)
+   * swallowed it; the SSG site has no such ancestor, so the box showed up and
+   * the chevron read as a filled square next to the plain `•` leaf. Reset it
+   * here so the outline looks the same wherever the component is mounted.
+   */
+  padding: 0;
+  border: 0;
+  background: none;
+  box-shadow: none;
+  font: inherit;
+  line-height: inherit;
   text-align: center;
 }
 
@@ -1152,8 +1343,7 @@ onBeforeUnmount(() => {
 .mindmap-outline :deep(.is-highlight) {
   padding: 0 2px;
   border-radius: 2px;
-  background: #ffe56b;
-  color: #252525;
+  background: var(--tn-c-mark-bg, rgba(255, 221, 0, 0.45));
 }
 .mindmap-outline :deep(.is-code) {
   padding: 1px 5px;
@@ -1169,7 +1359,7 @@ onBeforeUnmount(() => {
 }
 
 .mindmap-source {
-  max-height: 560px;
+  max-height: var(--mindmap-pane-height, 560px);
   margin: 0;
   padding: 18px 22px;
   overflow: auto;
@@ -1251,7 +1441,7 @@ onBeforeUnmount(() => {
 
 @media (max-width: 768px) {
   .mindmap-canvas-host {
-    height: 360px;
+    height: var(--mindmap-pane-height, 360px);
   }
   .mindmap-preview-actions {
     top: 6px;

package/src/components/Mindmap/editor/MindmapView.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import { CanvasEditor, serializeSubtree } from '@tnotesjs/mindmap-core'
 import type {
   CanvasContextRequest,
+  CanvasEditState,
   CanvasLinkHover,
+  CanvasLinkRequest,
   InlineFormat,
   MindmapNode,
   MindmapSession
@@ -33,6 +35,27 @@ const emit = defineEmits<{
 const host = ref<HTMLElement>()
 let editor: CanvasEditor | null = null
 const selectedCount = ref(0)
+/** 选中的不全是图片节点；图片说明是纯文本，不出格式按钮 */
+const selectionFormattable = ref(true)
+/** 内联编辑态：编辑框里有文字选区时，弹出与大纲视图同一套文字格式工具栏 */
+const editState = ref<CanvasEditState | null>(null)
+const selectionLink = ref<CanvasLinkRequest | null>(null)
+const textSelection = computed(() => {
+  const state = editState.value
+  return state && !state.image ? state.selection : null
+})
+const textFormats = computed<Partial<Record<InlineFormat, boolean>>>(() => {
+  const state = editState.value
+  const selection = textSelection.value
+  if (!state || !selection) return {}
+  const formats: InlineFormat[] = ['bold', 'italic', 'underline', 'strike', 'highlight', 'code']
+  return Object.fromEntries(
+    formats.map((format) => [
+      format,
+      props.session.inlineFormatActive(state.nodeId, selection.start, selection.end, format)
+    ])
+  )
+})
 const linkEditor = ref<CanvasLinkHover | null>(null)
 const contextMenu = ref<CanvasContextRequest | null>(null)
 let linkCloseTimer: ReturnType<typeof setTimeout> | null = null
@@ -87,6 +110,41 @@ function applyNodeFormat(format: InlineFormat) {
   props.session.formatSelectedNodes(format)
 }
 
+function formatEditing(format: InlineFormat) {
+  editor?.formatEditing(format)
+}
+
+function clearEditingFormats() {
+  editor?.clearEditingFormats()
+}
+
+function linkEditing() {
+  editor?.linkEditing()
+}
+
+function toggleEditingTask() {
+  editor?.commitEditing()
+  props.session.toggleTaskSelectedNodes()
+}
+
+function removeEditingNode() {
+  editor?.commitEditing()
+  props.session.removeSelectedNodes()
+}
+
+function saveSelectionLink(url: string) {
+  const request = selectionLink.value
+  selectionLink.value = null
+  if (!request) return
+  props.session.setNodeInlineLink(request.nodeId, request.start, request.end, url.trim() || null)
+}
+
+function removeSelectionLink() {
+  const request = selectionLink.value
+  selectionLink.value = null
+  if (request) props.session.setNodeInlineLink(request.nodeId, request.start, request.end, null)
+}
+
 function selectedMarkdown() {
   return selectedRoots()
     .map((node) => serializeSubtree(node))
@@ -167,6 +225,14 @@ onMounted(() => {
     onSelectionPositionChange: (_position, count) => {
       // Canvas toolbar is absolutely anchored; only the selection count gates visibility.
       selectedCount.value = count
+      selectionFormattable.value = !props.session.selectedNodes.every((node) => node.content.image)
+    },
+    onEditStateChange: (state) => {
+      editState.value = state
+    },
+    onRequestLink: (request) => {
+      linkEditor.value = null
+      selectionLink.value = request
     },
     onLinkHover: onCanvasLinkHover,
     onContextMenu: (request) => {
@@ -204,9 +270,22 @@ onBeforeUnmount(() => {
   <div class="mindmap-view-root">
     <div ref="host" class="mindmap-view-host" />
     <SelectionToolbar
-      v-if="selectedCount > 0"
+      v-if="textSelection && !selectionLink"
+      mode="text"
+      :position="textSelection.position"
+      :active-formats="textFormats"
+      :can-insert-image="false"
+      @format="formatEditing"
+      @task="toggleEditingTask"
+      @link="linkEditing"
+      @clear="clearEditingFormats"
+      @delete="removeEditingNode"
+    />
+    <SelectionToolbar
+      v-else-if="selectedCount > 0 && !editState"
       mode="nodes"
       placement="canvas-bottom"
+      :formattable="selectionFormattable"
       @format="applyNodeFormat"
       @task="props.session.toggleTaskSelectedNodes()"
       @copy="copySelected"
@@ -224,6 +303,16 @@ onBeforeUnmount(() => {
       @leave="closeLinkPopoverSoon"
       @close="linkEditor = null"
     />
+    <LinkPopover
+      v-if="selectionLink"
+      :url="selectionLink.url"
+      :position="selectionLink.position"
+      :teleport-to="teleportTo"
+      start-editing
+      @save="saveSelectionLink"
+      @remove="removeSelectionLink"
+      @close="selectionLink = null"
+    />
     <CanvasContextMenu
       v-if="contextMenu"
       :position="contextMenu.position"

package/src/components/Mindmap/editor/OutlineView.vue

@@ -361,7 +361,7 @@ function selectionPosition(input: RichInlineEditorElement): { left: number; top:
 function syncTextSelection(nodeId: string, input: RichInlineEditorElement) {
   const start = input.selectionStart ?? 0
   const end = input.selectionEnd ?? 0
-  if (start === end) {
+  if (start === end || props.session.document.find(nodeId)?.content.image) {
     if (textSelection.value?.nodeId === nodeId) textSelection.value = null
     return
   }
@@ -713,6 +713,8 @@ function applyInputFormatShortcut(
   input: RichInlineEditorElement,
   format: InlineFormat
 ) {
+  // 图片节点的文字是图片说明：纯文本，不接受行内格式
+  if (node.content.image) return
   const caretStart = input.selectionStart ?? 0
   const caretEnd = input.selectionEnd ?? 0
   if (input.value.length === 0) return
@@ -741,6 +743,8 @@ function applyInputFormatShortcut(
 }
 
 function applyInputClearFormats(node: MindmapNode, input: RichInlineEditorElement) {
+  // 图片节点的文字是图片说明：纯文本，不接受行内格式
+  if (node.content.image) return
   const caretStart = input.selectionStart ?? 0
   const caretEnd = input.selectionEnd ?? 0
   if (input.value.length === 0) return

package/src/components/Mindmap/editor/RichInlineEditor.vue

@@ -416,8 +416,7 @@ onBeforeUnmount(emitCommit)
 .rich-inline-editor :deep(.inline-run.highlight:not(.code)) {
   padding: 0 1px;
   border-radius: 2px;
-  background: #fff36a;
-  color: #242424;
+  background: var(--tn-c-mark-bg, rgba(255, 221, 0, 0.45));
 }
 .rich-inline-editor :deep(.inline-run.code) {
   padding: 2px 6px;

package/src/components/Mindmap/editor/SelectionToolbar.vue

@@ -16,8 +16,18 @@ const props = withDefaults(
      */
     placement?: 'fixed' | 'canvas-bottom'
     activeFormats?: Partial<Record<InlineFormat, boolean>>
+    /** 宿主没有插入图片入口时隐藏（脑图编辑框） */
+    canInsertImage?: boolean
+    /** 选中的全是图片节点时为 false：图片说明是纯文本，不出格式按钮 */
+    formattable?: boolean
   }>(),
-  { placement: 'fixed', position: undefined, activeFormats: undefined }
+  {
+    placement: 'fixed',
+    position: undefined,
+    activeFormats: undefined,
+    canInsertImage: true,
+    formattable: true
+  }
 )
 
 const emit = defineEmits<{
@@ -90,21 +100,24 @@ onBeforeUnmount(() => window.removeEventListener('resize', measureToolbar))
     role="toolbar"
     :aria-label="mode === 'text' ? '文字格式工具栏' : '多主题工具栏'"
     @pointerdown.prevent
+    @mousedown.prevent
   >
-    <button
-      v-for="item in formats"
-      :key="item.id"
-      type="button"
-      class="format-button"
-      :class="[{ active: activeFormats?.[item.id] }, `is-${item.id}`]"
-      :data-tooltip="item.label"
-      :aria-label="item.label"
-      @click="emit('format', item.id)"
-    >
-      <AppIcon v-if="item.id === 'highlight'" name="highlight" :size="21" />
-      <template v-else>{{ item.text }}</template>
-    </button>
-    <span class="toolbar-divider" />
+    <template v-if="formattable">
+      <button
+        v-for="item in formats"
+        :key="item.id"
+        type="button"
+        class="format-button"
+        :class="[{ active: activeFormats?.[item.id] }, `is-${item.id}`]"
+        :data-tooltip="item.label"
+        :aria-label="item.label"
+        @click="emit('format', item.id)"
+      >
+        <AppIcon v-if="item.id === 'highlight'" name="highlight" :size="21" />
+        <template v-else>{{ item.text }}</template>
+      </button>
+      <span class="toolbar-divider" />
+    </template>
     <button
       type="button"
       class="tool-button"
@@ -116,6 +129,7 @@ onBeforeUnmount(() => window.removeEventListener('resize', measureToolbar))
     </button>
     <template v-if="mode === 'text'">
       <button
+        v-if="canInsertImage"
         type="button"
         class="tool-button"
         :data-tooltip="`添加图片 (${altShortcut('Enter')})`"
@@ -135,12 +149,12 @@ onBeforeUnmount(() => window.removeEventListener('resize', measureToolbar))
       </button>
       <button
         type="button"
-        class="tool-button code-button"
+        class="tool-button"
         :data-tooltip="`行内代码 (${primaryShortcut('E')})`"
         aria-label="行内代码"
         @click="emit('format', 'code')"
       >
-        &lt;/&gt;
+        <AppIcon name="code" :size="20" />
       </button>
     </template>
     <button
@@ -155,6 +169,7 @@ onBeforeUnmount(() => window.removeEventListener('resize', measureToolbar))
     </button>
     <span class="toolbar-divider" />
     <button
+      v-if="formattable"
       type="button"
       class="tool-button"
       :data-tooltip="`清除样式 (${primaryShortcut('\\')})`"
@@ -217,7 +232,13 @@ onBeforeUnmount(() => window.removeEventListener('resize', measureToolbar))
 .tool-button::after {
   position: absolute;
   z-index: 2;
+  /* 宿主可能有全局 [data-tooltip]::after（例如 Desk 往下弹），这里把方向和显隐都定死 */
+  top: auto;
   bottom: calc(100% + 9px);
+  min-width: 0;
+  border: 0;
+  visibility: visible;
+  transition: none;
   left: 50%;
   width: max-content;
   max-width: min(260px, calc(100vw - 16px));
@@ -266,11 +287,6 @@ onBeforeUnmount(() => window.removeEventListener('resize', measureToolbar))
 .format-button.is-highlight {
   color: #d3c900;
 }
-.tool-button.code-button {
-  font-family: ui-monospace, monospace;
-  font-size: 15px;
-  font-weight: 700;
-}
 .tool-button.danger {
   color: #e14f5b;
 }

package/src/components/Mindmap/expandLevel.ts

@@ -1,7 +1,46 @@
 import type { MindmapNode, MindmapSession } from '@tnotesjs/mindmap-core'
 
+/**
+ * The level field holds at most two digits: 1–99. Kept here as the one source of
+ * truth for the clamp, the key handler and the field's own width/placeholder.
+ */
+export const MIN_EXPAND_LEVEL = 1
+export const MAX_EXPAND_LEVEL = 99
+
 export function normalizeExpandLevel(value: number): number {
-  return Math.max(1, Math.trunc(Number(value) || 1))
+  const level = Math.trunc(Number(value) || MIN_EXPAND_LEVEL)
+  return Math.min(MAX_EXPAND_LEVEL, Math.max(MIN_EXPAND_LEVEL, level))
+}
+
+/**
+ * What the level field accepts as its complete text: one or two digits, no
+ * leading zero (`0` is below the range, `07` is not how a level is written).
+ * Empty is allowed while editing — it means "no input yet".
+ */
+export function isValidExpandLevelText(text: string): boolean {
+  return text === '' || /^[1-9]\d?$/.test(text)
+}
+
+/**
+ * Whether an edit would leave the field in an acceptable state. `beforeinput`
+ * asks this before the browser applies the change, so a rejected key leaves the
+ * value *and* the selection untouched — restoring the value afterwards wedges the
+ * browser's editing state and the field stops accepting input.
+ *
+ * `next` is what the field would read after the edit.
+ */
+export function acceptsExpandLevelEdit(next: string): boolean {
+  return isValidExpandLevelText(next)
+}
+
+/** One arrow-key step, clamped to the range. */
+export function stepExpandLevel(value: number, direction: -1 | 1): number {
+  return Math.min(MAX_EXPAND_LEVEL, Math.max(MIN_EXPAND_LEVEL, value + direction))
+}
+
+/** Editing ended: an empty field drops the current value back. */
+export function resolvedExpandLevel(text: string, previous: number): number {
+  return text === '' ? previous : normalizeExpandLevel(Number(text))
 }
 
 function childLevel(node: MindmapNode, root: MindmapNode): number {

package/src/components/Mindmap/fullscreenFlag.ts

@@ -0,0 +1,40 @@
+/**
+ * The document-wide "a mindmap owns fullscreen" flag.
+ *
+ * The flag drives an **unscoped**, `!important` rule (in `Mindmap.vue`) that
+ * hides the child buttons (`.mindmap-preview-actions`) of every *non*-fullscreen
+ * mindmap. So the flag and the `is-fullscreen` classes have to be reconciled
+ * together — a stale flag, or a stale class left behind by a path that only
+ * observed `fullscreenchange` (ESC) or unmounted a preview, hides every toolbar
+ * with no way back short of a page reload.
+ *
+ * Kept as plain DOM code in its own module so the invariant is unit-testable
+ * without mounting the canvas-backed component.
+ */
+
+export const FS_BODY_ATTR = 'tnMindmapFs'
+
+/** Custom event peers dispatch to make each other leave fullscreen. */
+export const FORCE_EXIT_FULLSCREEN_EVENT = 'tnotes-mindmap-force-exit-fullscreen'
+
+/**
+ * Reconcile the document flag with the fullscreen classes.
+ *
+ * - `activeRoot` still marked fullscreen → keep the flag (a peer's stray
+ *   `.is-fullscreen` must not be mistaken for the owner);
+ * - otherwise → drop the class from every tracked preview and delete the flag.
+ */
+export function reconcileMindmapFullscreen(
+  activeRoot: HTMLElement | null,
+  previews: ArrayLike<HTMLElement>
+): void {
+  if (typeof document === 'undefined') return
+  if (activeRoot?.classList.contains('is-fullscreen')) {
+    document.body.dataset[FS_BODY_ATTR] = '1'
+    document.documentElement.dataset[FS_BODY_ATTR] = '1'
+    return
+  }
+  for (const el of Array.from(previews)) el.classList.remove('is-fullscreen')
+  delete document.body.dataset[FS_BODY_ATTR]
+  delete document.documentElement.dataset[FS_BODY_ATTR]
+}

package/src/components/Mindmap/markdown.ts

@@ -1,6 +1,15 @@
 export interface MindmapFenceOptions {
   title?: string
   initialExpandLevel?: number
+  /** Pane height in px (`h=480` in the fence info). */
+  height?: number
+}
+
+export const MINDMAP_MIN_HEIGHT = 200
+export const MINDMAP_MAX_HEIGHT = 1600
+
+export function clampMindmapHeight(value: number): number {
+  return Math.round(Math.min(MINDMAP_MAX_HEIGHT, Math.max(MINDMAP_MIN_HEIGHT, value)))
 }
 
 function cleanHeadingText(value: string): string {
@@ -10,7 +19,7 @@ function cleanHeadingText(value: string): string {
     .trim()
 }
 
-/** Parse the canonical `mindmap [title] 2` fence metadata. */
+/** Parse the canonical `mindmap [title] 2 h=480` fence metadata. */
 export function parseMindmapFence(openLine: string): MindmapFenceOptions | null {
   const fenceBody = openLine.trim().replace(/^`+\s*/, '')
   const nameMatch = fenceBody.match(/^mindmap(?=\s|\[|$)/)
@@ -25,9 +34,15 @@ export function parseMindmapFence(openLine: string): MindmapFenceOptions | null
       `${rest.slice(0, titleMatch.index)} ${rest.slice((titleMatch.index ?? 0) + titleMatch[0].length)}`.trim()
   }
 
-  if (rest && !/^\d+$/.test(rest)) return null
-  if (rest) {
-    options.initialExpandLevel = Math.max(1, Number(rest))
+  for (const token of rest.split(/\s+/).filter(Boolean)) {
+    const height = token.match(/^h=(\d+)$/)
+    if (height) {
+      options.height = clampMindmapHeight(Number(height[1]))
+    } else if (/^\d+$/.test(token) && options.initialExpandLevel === undefined) {
+      options.initialExpandLevel = Math.max(1, Number(token))
+    } else {
+      return null
+    }
   }
   return options
 }

package/src/index.ts

@@ -11,7 +11,13 @@ export {
   resolveWordListFeatures
 } from './components/WordList/wordListFeatures'
 export type { WordListFeatures } from './components/WordList/wordListFeatures'
-export { normalizeMindmapMarkdown, parseMindmapFence } from './components/Mindmap/markdown'
+export {
+  clampMindmapHeight,
+  MINDMAP_MAX_HEIGHT,
+  MINDMAP_MIN_HEIGHT,
+  normalizeMindmapMarkdown,
+  parseMindmapFence
+} from './components/Mindmap/markdown'
 export type { MindmapFenceOptions, NormalizeMindmapOptions } from './components/Mindmap/markdown'
 export type { NotesTableRow } from './components/NotesTable/types'
 export {

package/src/styles/code.css

@@ -159,7 +159,7 @@ html[data-theme='dark'] .tn-code-highlight span:not(.line) {
 }
 .tn-code-group {
   position: relative;
-  margin: 1rem 0;
+  margin: 0;
 }
 .tn-code-group__tabs {
   position: absolute;

package/src/styles/prose.css

@@ -112,6 +112,12 @@
   font: 0.875em var(--tn-font-mono);
   padding: 3px 6px;
 }
+:is(.tn-prose, .vp-doc) :where(mark) {
+  color: inherit;
+  background: var(--tn-c-mark-bg);
+  border-radius: 2px;
+  padding: 0 2px;
+}
 :is(.tn-prose, .vp-doc) :where(blockquote) {
   margin: 16px 0;
   border-left: 2px solid var(--tn-c-divider);
@@ -185,7 +191,7 @@
 }
 
 /* Callouts — same soft-tint cards as Desk visual (no left accent bar). */
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block) {
   box-sizing: border-box;
   margin: 16px 0;
   padding: 12px 16px;
@@ -195,37 +201,37 @@
   font-size: inherit;
   line-height: 1.5;
 }
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block.tip) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block.tip) {
   background-color: var(--tn-c-highlight);
 }
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block.info),
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block.note),
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block.details) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block.info),
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block.note),
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block.details) {
   background-color: var(--tn-c-hover);
 }
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block.warning) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block.warning) {
   background-color: var(--tn-c-warning-soft);
 }
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block.danger) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block.danger) {
   background-color: var(--tn-c-danger-soft);
 }
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block-title) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block-title) {
   margin: 0 0 2px;
   font-size: inherit;
   font-weight: 600;
   line-height: 1.5;
   color: var(--tn-c-text);
 }
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block > p:not(.tn-custom-block-title)) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block > p:not(.tn-custom-block-title)) {
   margin: 0;
   padding: 4px 0;
   font-size: 1em;
   line-height: 1.5;
 }
-:is(.tn-prose, .vp-doc) :where(.tn-custom-block > :last-child) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(.tn-custom-block > :last-child) {
   margin-bottom: 0;
 }
-:is(.tn-prose, .vp-doc) :where(details.tn-custom-block > summary) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(details.tn-custom-block > summary) {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -236,13 +242,14 @@
   font-weight: 600;
   line-height: 1.5;
 }
-:is(.tn-prose, .vp-doc) :where(details.tn-custom-block:not([open]) > summary) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(details.tn-custom-block:not([open]) > summary) {
   margin-bottom: 0;
 }
-:is(.tn-prose, .vp-doc) :where(details.tn-custom-block > summary::-webkit-details-marker) {
+:is(.tn-prose, .vp-doc, .cm-lp-card)
+  :where(details.tn-custom-block > summary::-webkit-details-marker) {
   display: none;
 }
-:is(.tn-prose, .vp-doc) :where(details.tn-custom-block > summary::before) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(details.tn-custom-block > summary::before) {
   content: '';
   flex: none;
   box-sizing: border-box;
@@ -256,7 +263,7 @@
   transform-origin: 50% 50%;
   transition: transform 120ms ease;
 }
-:is(.tn-prose, .vp-doc) :where(details.tn-custom-block[open] > summary::before) {
+:is(.tn-prose, .vp-doc, .cm-lp-card) :where(details.tn-custom-block[open] > summary::before) {
   margin-top: -0.05em;
   transform: rotate(45deg);
 }

package/src/styles/tokens.css

@@ -22,6 +22,8 @@
   --tn-c-warning-soft: rgba(234, 179, 8, 0.14);
   --tn-c-danger-soft: rgba(244, 63, 94, 0.14);
   --tn-c-default-soft: #e8e8e9;
+  /* ==高亮== 的底色：正文、Desk 编辑器、SSG 共用 */
+  --tn-c-mark-bg: rgba(255, 221, 0, 0.45);
   /* 任务列表复选框（对齐语雀）：16px 方框、圆角 4px、选中填充品牌绿 + 白色对勾。 */
   --tn-c-task-check: #00b96b;
   --tn-c-task-check-border: #d9d9d9;
@@ -69,6 +71,7 @@
   --tn-c-warning-soft: rgba(234, 179, 8, 0.16);
   --tn-c-danger-soft: rgba(244, 63, 94, 0.14);
   --tn-c-default-soft: #2e2e32;
+  --tn-c-mark-bg: rgba(250, 204, 21, 0.32);
   --tn-c-task-check-border: #4a4d54;
   --tn-c-task-check-bg: transparent;
   --tn-shadow-2: 0 4px 12px rgb(0 0 0 / 0.35);

package/src/entries/mindmap-editor.ts

@@ -1,37 +0,0 @@
-/**
- * 思维导图编辑器外壳入口：Web 与 VS Code 扩展共用同一套三视图 UI。
- *
- * 与 `./mindmap` 的分工：`./mindmap` 是 SSG / Desk 笔记里内嵌的「预览 + 可选编辑」块
- * （`components/Mindmap/Mindmap.vue`，自带 `--mm-*` 主题变量与只读渲染）；本入口导出它
- * 内部复用的编辑器组件，供自带页面外壳的宿主（Web 整页、VS Code webview）直接组装。
- *
- * 宿主职责：`MindmapSession` 归属、`--mm-*` 变量定义、落盘 / 剪贴板 / 图片写入
- * （`apps/mindmap-web`、`apps/mindmap-vscode`）。浮层默认不 teleport，嵌入笔记的宿主
- * 保持默认即可；整页宿主传 `teleport-to="body"`。
- */
-export { default as AppIcon } from '../components/Mindmap/editor/AppIcon.vue'
-export { default as CanvasContextMenu } from '../components/Mindmap/editor/CanvasContextMenu.vue'
-export { default as CollapseMenu } from '../components/Mindmap/editor/CollapseMenu.vue'
-export { default as IconButton } from '../components/Mindmap/editor/IconButton.vue'
-export { default as LinkPopover } from '../components/Mindmap/editor/LinkPopover.vue'
-export { default as MarkdownView } from '../components/Mindmap/editor/MarkdownView.vue'
-export { default as MindmapView } from '../components/Mindmap/editor/MindmapView.vue'
-export { default as OutlineView } from '../components/Mindmap/editor/OutlineView.vue'
-export { default as RichInlineEditor } from '../components/Mindmap/editor/RichInlineEditor.vue'
-export { default as SearchBar } from '../components/Mindmap/editor/SearchBar.vue'
-export { default as SelectionToolbar } from '../components/Mindmap/editor/SelectionToolbar.vue'
-export { default as FocusBreadcrumbs } from '../components/Mindmap/FocusBreadcrumbs.vue'
-
-export { insertImageIntoSource } from '../components/Mindmap/editor/imagePaste'
-export {
-  pasteCanvasOutline,
-  readMindmapClipboard,
-  writeMindmapClipboard
-} from '../components/Mindmap/editor/mindmapClipboard'
-export { resolveAfterDropLevel } from '../components/Mindmap/editor/outlineDrag'
-export type { DropLevel } from '../components/Mindmap/editor/outlineDrag'
-export {
-  altShortcut,
-  isApplePlatform,
-  primaryShortcut
-} from '../components/Mindmap/editor/platform'