Skip to content

Releases: hesheng01/dsh-pele

dsh-pele v0.1.2

Choose a tag to compare

@hesheng01 hesheng01 released this 28 Oct 14:33

dsh-pele v0.1.2

查看器交互改为「点击激活」、放大保持矢量清晰,并将 vendored pele 升级到 1.12.0。

交互:点击激活

  • 查看器默认不拦截滚轮:鼠标悬停在图表卡片上时,滚轮照常滚动页面,不再缩放(消除 scroll hijacking)。
  • 点击图表(或卡片标题等任意区域)后进入交互态:滚轮缩放、右键拖动平移、左键框选放大、中键/双击复位、全屏查看。
  • 点击卡片外或按 Esc 退出交互,滚轮重新交还给页面。
  • 激活态有内描边与底部提示切换;查看器 tabindex=0,键盘聚焦即激活,全屏层保持激活态。

修复:放大后发糊

  • 缩放改为按缩放后的布局尺寸让 SVG 原生矢量重绘,不再用 CSS transform 拉伸已被浏览器栅格化的合成层(高分屏 / GPU 合成下越放越糊),并移除 will-change: transform。
  • PNG 导出同步修正:克隆 SVG 时还原自然尺寸,避免导出图按默认视口(300×150)栅格化。

依赖:vendored pele 1.10.0 → 1.12.0

  • 自定义填充色(classDef / style)上的标签与边自动选高对比色(新增 --pele-fg-on-light / --pele-fg-on-dark),明暗主题都可读。
  • flowchart / agentflow 子图方向按父级修正;以关键字开头的名字(如 set-theory、titles)不再误报语法错误;链接中的 %20 / %26 转义保留;treemap / block / sequence 布局改进。
  • 兼容性:33 类语料重新遍历 33/33 成功,类型与尺寸与 1.10.0 完全一致;Host 端的标签对比度兜底注入保留,用于旧版本输出。

验证

  • node scripts/selftest.mjs → PASS(23 类图表 + 错误路径 + 对比度原生/兜底断言)
  • node scripts/card-ssr-test.mjs → 14/14 PASS
  • node scripts/build-traversal-report.mjs → 33/33 成功
  • 本地 DSH(desktop profile,0.2.1-rc.3)实测:热重载生效,info 图输出版本为 Pele v1.12.0

升级方式

  • 本地目录 / Git 安装:更新到本 tag 后,在 DSH 中重新安装该 bundle(或重启 Host);仅 client.js 变化时可由 client-modules HMR 热替换。
  • 卸载:Plugin Manager 里移除 dsh-pele bundle 与 profile 依赖。

dsh-pele 0.1.1

Choose a tag to compare

@hesheng01 hesheng01 released this 25 Oct 14:03

0.1.1 — 2026-10-25

交互查看器与明暗主题可读性修复。

新增

  • 交互查看器:卡片内图表支持滚轮缩放(以光标为中心)、右键拖动平移、左键框选后铺满窗口、中键/双击复位;查看器右上角提供「适应窗口」与「全屏」按钮。
  • 全屏查看:在 DSH 页面内铺满整个视口(Esc / 关闭按钮退出),全屏中同样支持缩放、拖动与框选。
  • 查看器高度自适应:小图给足留白、大图封顶 560px,复杂图表不再挤在狭窄区域。

修复

  • 夜间模式可读性:节点用 classDef/style 指定固定填充色时,标签文字会继承主题文字色导致低对比;Host 渲染后按填充色相对亮度自动选择深/浅高对比文字色(作者显式 color 不覆盖)。对比图见 deliverables/effect-dark-contrast.png。
  • 边标签背景:--pele-bg 改为映射卡片底色(原先 transparent 让 pele 的标签背景矩形失效,连线会从标签文字中间穿过)。对比图见 deliverables/effect-label-background.png。
  • GitHub 上的语言切换曾渲染为字面量:<div align> 块内改为空行分隔,恢复 Markdown 解析。

文档与工程

  • 市场收录准备:新增 docs/icon-180.png 市场卡片图标;plugin/package.json 补 repository.directory;仓库 topics 已配置(不体现在仓库文件内)。
  • 效果图:新增 deliverables/effect-viewer.png、effect-fullscreen.png、effect-label-background.png、effect-dark-contrast.png;中英文 README 同步交互操作与两处渲染修复的说明。
  • 测试:离线自检新增节点文字对比度断言;卡片 SSR 测试 13 → 14 条(覆盖查看器控件与边标签背景)。

GitHub: https://github.com/hesheng01/dsh-pele