xfy 533f12e851 fix(editor): 修复 CodeMirror 折叠图标垂直不居中 ...

折叠三角 (▾/▸) 在每行行框里偏低，根因有二：

1. 图标字符本身基线不稳。codemirror 包的 basicSetup 调 foldGutter() 用默认
   openText "⌄" (U+2304「下花括号」)，这是个基线/字形表现不稳定的符号字符，
   在多数 mono 字体里墨迹落在字符框底部，三角明显偏低。本地内联一份 basicSetup
   （CodeMirror 官方推荐的定制方式），改用几何形状块字符 ▾ (U+25BE) /
   ▸ (U+25B8)，字形本身在字符框内居中；同时把 foldGutter() 展开后丢弃的
   @codemirror/{lint,search} 显式声明为依赖。

2. core 没给图标 <span> 设 vertical-align/display。baseTheme 只给
   .cm-foldGutter span 设了 padding/cursor，图标默认按基线贴在格子底部。
   themes.ts 加一条 flex 居中规则，把 .cm-foldGutter .cm-gutterElement 变成
   flex 容器，三角稳稳落在行框中央。

文章页 CodeRunner 与后台 SQL 控制台共用同一份 editor.js，一处修复两处生效。

2026-07-08 13:19:59 +08:00

..

src

fix(editor): 修复 CodeMirror 折叠图标垂直不居中

2026-07-08 13:19:59 +08:00

package.json

fix(editor): 修复 CodeMirror 折叠图标垂直不居中

2026-07-08 13:19:59 +08:00

tsconfig.json

chore(workspace): 建立 pnpm workspace 与共享 tsconfig

2026-07-02 17:50:52 +08:00

vite.config.ts

chore(biome): 引入 Biome v2.5 monorepo 配置并格式化全量源码

2026-07-02 17:54:46 +08:00

vitest.config.ts

chore(biome): 引入 Biome v2.5 monorepo 配置并格式化全量源码

2026-07-02 17:54:46 +08:00