TYOPXN360/dsh-web-scroll-flow

README excerpt

dsh-web-scroll-flow DSH Web 对话滚动动效插件：自动跟随滚动动画、边缘橡皮筋回弹、流式逐字打字机。 纯客户端插件，源码 + 预构建产物都在仓库里，安装后无需自己构建即可直接看到效果。 效果 1. 自动跟随滚动动画 ：内容流入 / 自动换行时，贴底跟随从"瞬间跳变"变成自然的平滑推送。小增量（流式逐字）近乎瞬时，大距离（回到底部、展开思维链）平滑过渡；底部状态行（Deep diving、时间、待插话消息）保持固定不漂移。 2. 边缘橡皮筋回弹 ：手动滚动到顶部 / 底部后继续向外滚，内容跟手持续拉动（无硬上限），滚轮停止后才弹簧回弹归位，类似手机的橡皮筋手感。消息内部可滚动的子容器（详情、代码块）不触发页面回弹。 3. 流式逐字打字机（原生 / 覆盖层两种模式） ：思维链与正文在流式输出时以字为单位逐字显示，带闪烁光标。 - 原生：直接截断原始 Markdown 文本节点，无双份 DOM，段落 / 行距天然一致。 - 覆盖层：在原内容上叠加模拟层逐字显示。 段落间距与完成后的 Markdown 一致，打完字不跳变；大段文本按公式自动提速。初次加载 / 刷新页面时历史消息不会全部重新打字。 4. 设置面板可调 ：General 设置中新增四项，选择持久化到浏览器： - 自动滚动动画：关闭 / 优雅（慢速上推）/ 适中（默认） - 边缘回弹：开关 - 打字机效果：开关 - 打字机模式：原生 / 覆盖层 prefers-reduced-motion （系统减动效）下自动跟随动画与回弹禁用，保持瞬时行为。 安装到 DSH Web 仓库自带预构建产物（ lib/index.js 、 lib/client.js ），克隆后 无需构建 ，直接安装即可看到效果： 这会向 $DSH HOME/profiles/web/package.json 写入 "dsh-web-scroll-flow": "link: " 依赖，并把包加入 dsh.profile.bundles 层列表。首次安装需要重启 pnpm dsh web ： 打开 http://127.0.0.1:3080 ： window. DSH BOOT 中出现 dsh-web-scroll-flow 条目， /plugins/dsh-web-scroll-flow/client.js 可访问，即加载成功。 热重载（开发时） 每次 pnpm run build 后刷新 http://127.0.0.1:3080 即可（服务器实时读取 lib/client.js ），无需重启服务器；只有首次安装需要重启 pnpm dsh web 使 profile 组合生效。 开发 仓库提交了预构建产物（ lib/index.js 、 lib/client.js 、 lib/index.d.ts ）， source…

Category