dsh-plugin-rightbar-divider

DSH PLUGINUI 与外观

仓库 1700563146/dsh-plugin-rightbar-divider

UI 与外观 L5 · 运行验证通过 安全审查:低风险 可信度:金 可安装插件
安装这个插件

DSH 的右栏其实本来就有拖拽手柄;拖不动不是宿主没做,而是 ui-zoom 的整页 zoom 让手柄算错了位置。这个插件把宿主手柄搬回真正的分割线,并把命中区从 8px 加宽到 12px、悬停时画一条 2px 提示线。

一句话选型结论

按资料字段整理

dsh-plugin-rightbar-divider 是UI 与外观类的 DSH 可安装插件,验证等级 L5 · 运行验证通过,安全审查为低风险,有可直接复制的安装命令。验证通过不等于安全:插件会读写文件、执行命令或联网,装前先到仓库确认它做了什么;涉及密钥或系统权限的,建议先在隔离环境试装。

分类UI 与外观 收录类型可安装插件 验证等级L5 · 运行验证通过 安全审查低风险
验证等级 L5 L5 · 运行验证通过
GitHub 星标 0 复刻 0 · 未关闭 issue 0
最近更新 2026-10-23 创建于 2026-10-23
README 4.7 KB 正文体量,越大说明说明书写得越细

安装

可安装插件
在 DSH 里执行,装完用 dsh plugin list 确认已挂上;标了 L4 / L5 的命令已在沙盒里真实跑通
dsh plugin --profile web add github:1700563146/dsh-plugin-rightbar-divider
  1. 1
    确认版本与运行环境

    仓库没有标注兼容版本与 Node.js 要求,先确认你的 DSH 版本能装,再继续。

  2. 2
    执行安装命令

    在 DSH 里执行上面的命令;多包仓库要注意区分具体子包名,别装错包。

  3. 3
    确认已挂载

    用 dsh plugin list 查看列表里是否出现这个插件,出现即挂载成功。

  4. 4
    试跑并检查权限

    加载后跑一个最小用例,确认它能正常工作;同时看它申请了哪些文件、命令或网络权限。

兼容 DSH 版本未标注版本不匹配时安装会报错
Node.js 要求未标注来自仓库 package.json 的 engines 字段
前置依赖无需要同时安装的同级依赖
npm 包名未发布到 npm可用 npm view 查看包信息

能做什么

UI 与外观
字段来自项目仓库与公开索引,中文说明由本站标注

适用场景

皮肤主题

上游标签

dsh-plugin

验证等级与安全审查

L5 · 运行验证通过
自动化流程结论,不是人工审核
验证等级L5 · 运行验证通过在 dsh 沙盒中完成安装与运行冒烟——装得上、跑得起来
安全审查低风险静态分析结论,未标注不代表已通过审查
仓库健康度活跃按仓库活跃度与最近更新时间给出
可信度金综合仓库活跃度与验证结果

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 验证等级 L5:安装和运行都在沙盒里跑通过,装完能直接用的概率高。
  • 静态安全审查为低风险,没有发现明显可疑行为。
  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有声明 Node.js 版本要求,版本不匹配可能装不上。
  • 验证通过不等于安全:插件会读写文件、执行命令或联网,装前先到仓库确认它做了什么。

更适合

  • 需要在UI 与外观场景里给 DSH 补能力的人。
  • 想装完就能用、不想自己排依赖的人。
  • 能接受在本地装依赖、愿意自己确认权限的人。

不太适合

  • 只使用 DSH 官方内置能力、不接受第三方插件的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
插件验证等级安全审查星标兼容版本安装命令
dsh-plugin-rightbar-divider当前 L5 · 运行验证通过 低风险 0 未标注 有
nuwa-skill 未做沙盒验证 未标注 3.8 万 未标注 有
awesome-dsh-plugin L4 · 沙盒安装通过 低风险 1.8 万 0.1.1-rc.2 有
deepseek-balance-whale-widget L4 · 沙盒安装通过 低风险 4,492 0.1.7-rc.2 等 2 个 有
dsh-better-sidebar L4 · 沙盒安装通过 低风险 4,112 0.1.7-rc.2 等 10 个 有
dsh-deep-whale L4 · 沙盒安装通过 低风险 2,470 未标注 有

仓库档案

UI 与外观
字段来自项目仓库与公开索引,中文说明由本站标注
作者 / 维护方1700563146仓库 dsh-plugin-rightbar-divider · 默认分支 main
分类UI 与外观skin
收录类型可安装插件声明了 dsh.bundle、可用 dsh plugin add 安装的条目
开发语言未标注仓库主语言
许可证MIT商用或二次分发前请确认条款原文
星标 / 复刻 / issue0 / 0 / 0收录时的数值,非实时
创建 / 更新2026-10-23 · 2026-10-23最后推送 2026-10-23
本站收录2026-10-30首次进入本站目录的时间

README 全文

4.7 KB
作者原文,中文版优先;只做安全转义,不改内容

右栏分割线修复(dsh-plugin-rightbar-divider)

一句话

DSH 的右栏其实本来就有拖拽手柄;拖不动不是宿主没做,而是 ui-zoom 的整页 zoom 让手柄算错了位置。这个插件把宿主手柄搬回真正的分割线,并把命中区从 8px 加宽到 12px、悬停时画一条 2px 提示线。

为什么左边能拖、右边不能

宿主的两条分割线都在 @deepseek-ai/dsh-client-ui-layout 的 AppFrame 里,各是一个 8px 宽、cursor: col-resize 的透明 div:

// 左侧
{ side: 'sidebar', left: cols.sidebar, ... }
// 右侧
{ side: 'rightbar', left: viewport - normal.rightbar, ... }

viewport 来自 frame.getBoundingClientRect().width,是视觉像素;而 left 写进样式时是布局像素。没有缩放时两者相等,两边都准。

ui-zoom 给 ` 加上zoom: 1.2` 之后,视觉像素 = 布局像素 × 1.2。于是:

  • 左栏:left = cols.sidebar,两边都是布局像素,仍然对齐;
  • 右栏:left = 视觉宽度 − 右栏宽度,再被 zoom 乘一次,手柄整体向右偏 视觉宽度 × (zoom − 1)。
    在 120% 缩放、1600px 宽的窗口里,这个偏移约 320px:手柄跑进了面板内部,真正的分割线上自然既没有光标、也拖不动。

所以这不是「右栏不支持拖拽」,而是「手柄被画偏了」。把缩放点回 100%,分割线立刻就能拖 —— 这是最快的验证。另一个验证:在 120% 下沿着右栏左缘往右移约 300px,某处会突然出现左右箭头,那就是被画偏的手柄。

插件做了什么

client.js 里只做两件事,全部走 ctx.effect,卸载即还原:

  1. 重算左缘:从右栏面板 [data-sidebar-right-open] 沿 offsetLeft 链走到 frame。offsetLeft / offsetWidth 是布局像素,不受 zoom 和滑入动画的 transform 影响,所以算出来就是最终分割线的位置。再用一条 !important 的样式规则,通过 CSS 变量覆盖宿主手柄的 left。缩放变化时这个布局位置不变,不需要额外监听。
  2. 加宽命中区 + 提示线:12px(margin-left: -6px,仍以分割线为中心),hover / [data-dragging] 时叠一条 2px 的 --dsw-alias-label-tertiary 细线。

宽度本身还是宿主的 setRightbar 在管:上下限 300–70%、拖动结束后记住像素宽、关闭再开还在,插件一律不碰。

已知边界

  • 依赖宿主的私有属性:[data-side="rightbar"]、[data-rightbar-col]、[data-sidebar-right-open]。它们不是公开 API,DSH 升级后若改名,插件会「找不到手柄 → 自动让位」(不覆盖、不报错),但也就失效了,需要跟着改。
  • 缩放下的拖动幅度:宿主仍按鼠标的视觉位移改宽度。120% 时,拖动 100px 实际会改 120px,手柄会稍稍跑在光标前面;能用,但没有 100% 时那么跟手。这是宿主 drag 计算的另一处视觉/布局混用,插件不接管 pointer 事件,避免更脆。
  • 全屏面板没有外侧手柄:这是宿主的设计(全屏时面板盖住窗口,没有可调的外侧宽度),插件不会凭空造一个。
  • 只在右栏普通展开态生效:右栏关闭 / 全屏时手柄不存在,插件自动撤掉覆盖。

安装

市场 / npm(推荐)

  1. 插件 → 添加插件,填包名:
dsh-plugin-rightbar-divider

或者命令行:

dsh plugin --profile desktop add dsh-plugin-rightbar-divider
  1. 安装后点 立即启用,回到对话页(必要时刷新一次)。
  2. 打开右侧栏,把鼠标放到聊天区和右栏之间的分割线上:应出现左右箭头,并有一条 2px 细线;按住拖动即可调宽。

本地开发

cd D:\Code\dsh-plugins\rightbar-divider
# 在 插件 → 添加插件 里填这个绝对路径

验证 / 卸载

  • 逻辑自检(不碰 profile、不开浏览器):
cd D:\Code\dsh-plugins\rightbar-divider
node test.mjs

覆盖:布局像素换算、宽度变化后重算、手柄消失时撤掉覆盖、offsetParent 链断掉时按矩形 / zoom 兜底、卸载清理。

  • 卸载:插件页停用或移除该行即可。停用后样式、CSS 变量、html 属性和监听器都会撤掉,右栏回到宿主原样。

更根治的两条路(不用插件)

  • 把 ui-zoom 调到 100%,或只在需要看更多内容时临时缩放。
  • 给宿主提一个修复:AppFrame 里把 viewport 改成布局像素(frame.offsetWidth/clientWidth),或把右侧手柄的 left 改成用面板的 offsetLeft 计算。这样所有依赖 viewportWidth 的几何(不只手柄)在缩放下都会一致。

License

MIT

常见问题

6 问
答案由本站依据条目字段整理,不引用上游原文
dsh-plugin-rightbar-divider 怎么安装?

在 DSH 里执行 `dsh plugin --profile web add github:1700563146/dsh-plugin-rightbar-divider` 即可。

dsh-plugin-rightbar-divider 的验证等级是什么意思?

L5 · 运行验证通过。在 dsh 沙盒中完成安装与运行冒烟——装得上、跑得起来

dsh-plugin-rightbar-divider 安全吗?

低风险。

dsh-plugin-rightbar-divider 装之前要先确认什么?

先看它会读写哪些文件、执行哪些命令、连接哪些网络地址;验证等级只说明装得上、跑得起来,不等于安全。涉及密钥或系统权限的,建议先在隔离环境试装。

dsh-plugin-rightbar-divider 用的是什么许可证?

上游标注为 MIT。商用或二次分发前请到仓库确认许可证原文。

这条记录的数据可靠吗?

本站按仓库名去重后合并整理,字段以作者仓库与 npm 元数据为准;安装命令、仓库地址与 README 保持原文,带 L4 / L5 标记的安装命令已在隔离沙盒里真实跑通。

UI 与外观
按星标排序,可作替代方案

nuwa-skill

nuwa-skill

女娲 DSH plugin 只需输入一个名字,就自动调研、提炼并验证任何人的心智模型、决策启发式与表达 DNA,生成可直接调用的思维视角 S

未标注验证等级 3.8 万 星

awesome-dsh-plugin

awesome-dsh-plugin

A curated list of plugins for DeepSeek Harness (dsh) · DeepSeek Harnes

L4 · 沙盒安装通过 1.8 万 星

deepseek-balance-whale-widget

DeepSeek-Balance-Whale-Widget

DSH 界面右下角的常驻小鲸鱼余额挂件,实时显示 DeepSeek 账户余额、今日已用与每轮对话消耗,支持拖拽吸附、Q 弹动画与音效,开箱即

L4 · 沙盒安装通过 4,492 星

dsh-better-sidebar

DSH-better-sidebar

面向 DeepSeek Harness 的服务化侧边栏工作台插件,把文件编辑、终端、Git 变更、子代理任务与侧边对话整合进右侧栏与底部面板

L4 · 沙盒安装通过 4,112 星

dsh-deep-whale

dsh-deep-whale

DSH Web 鲸鱼娘皮肤系列(深海女仆工坊 maid-atelier)。

L4 · 沙盒安装通过 2,470 星

deepseek-design

deepseek-design

可视化设计工作室,支持网站、App 原型、海报、信息卡、报告和杂志的模板创建、元素编辑、选区级 AI 草稿衔接与导出。

L4 · 沙盒安装通过 1,438 星

1700563146 的其它插件

1 个

插件的元信息来自作者仓库;分类、验证等级与安全结论的中文说明为中文整理,最近核验 —。