springbrand-lab/dsh-skin-universe--packages-dsh-aionui-panel ↗★ 3
@linxin666/dsh-client-ui-aionui-panel
DSH 右侧双面板系统:像素级复刻 AionUi 的文件树、Git 变更及多格式多标签预览。
AI 分析
核心用途是为 DSH 补充强大的右侧辅助工作区。适合需要深度代码编写、文件管理、Git 提交以及多格式文档(PDF/Word/Excel等)实时预览的开发者。
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:springbrand-lab/dsh-skin-universe#519c9946d9ce2cb820ce305eb5de899393ae7828&path:packages/dsh-aionui-panel说明文档
阅读完整 README ↗使用
项目会话(当前会话有工作目录)打开后,聊天区右侧出现两块面板:
- 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)。读取一律范围校验,非法值回退默认。