springbrand-lab/dsh-skin-universe--packages-dsh-aionui-panel3

@linxin666/dsh-client-ui-aionui-panel

DSH 右侧双面板系统:像素级复刻 AionUi 的文件树、Git 变更及多格式多标签预览。

AI 分析

核心用途是为 DSH 补充强大的右侧辅助工作区。适合需要深度代码编写、文件管理、Git 提交以及多格式文档(PDF/Word/Excel等)实时预览的开发者。

套件
@linxin666/dsh-client-ui-aionui-panel
版本
0.1.7
授權
BSD-3-Clause
最近更新
2026年8月17日

安裝

$npx -p @deepseek-ai/dsh dsh plugin --profile web add github:springbrand-lab/dsh-skin-universe#519c9946d9ce2cb820ce305eb5de899393ae7828&path:packages/dsh-aionui-panel

使用

项目会话(当前会话有工作目录)打开后,聊天区右侧出现两块面板:

  • Explorer(最右栏,默认 260px,范围 220~500px)文件 / 变更 双 tab; 文件树整行点击展开/收起文件夹,点击文件在预览面板打开,顶部按文件名搜索 (150ms 防抖,点击结果 = 定位到树中,不打断思路);变更 tab 读取真实 git 状态,支持 stage / unstage / discard(untracked 走删除,tracked 走 restore,批量放弃有确认)。
  • Preview(右二栏,默认 480px,范围 340~1200px):多 tab 预览,支持 markdown / html / code / diff / csv / pdf / word / excel / ppt / 图片 / 文本 / url;源码/预览切换、分屏编辑(比例持久化)、保存(mtime 冲突检测)、下载、 刷新(4 态:不渲染死按钮)、dirty 点、中键关闭、右键菜单批量关闭 (dirty 确认)、tab 溢出渐变指示器。

交互细节:

  • 拖拽左缘把手调宽(rAF 每帧合并,body user-select:none);双击把手复位默认宽度。
  • 两级宽度钳位(Explorer 先、Preview 后)数学保证聊天区 >= 360px;超限值回写持久化。
  • 折叠 = 宽度缩 0 且组件保持挂载(树展开态 / 预览 tab 不丢),无过渡动画; 折叠后右侧出现浮动展开按钮。
  • 明暗双主题跟随 GUI(body[data-ds-dark-theme]),prefers-reduced-motion 全局禁用动画。
  • 偏好按项目隔离持久化(localStorage keys 与 AionUi 一致): chat-workspace-width-px / chat-preview-width-px / preview-panel-split-ratio / project-panel-collapse: / explorer-ui: / scm-ui: / preview-ui:(LRU 上限 12 scope)。读取一律范围校验,非法值回退默认。