chenw2759-wq/dsh-IDE--packages-dsh-aionui-panel ↗★ 16
@deepseek-ai/dsh-client-ui-aionui-panel
DSH web GUI right-panel system: a pixel-faithful re-implementation of AionUi's Explorer + Preview columns (file tree, filename search, git changes, multi-tab preview of 10+ formats) driven by real host-side fs/git services, hot-pluggable via a profile bundle without any dsh source changes
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:chenw2759-wq/dsh-IDE#c7389f155bee756e518283900b2f4c49450fa851&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 溢出渐变指示器。
docx 预览在浏览器端解 ZIP 并渲染段落/表格/run 格式(加粗/斜体/下划线/颜色/
字号/字体/高亮/底纹)、内联图片与形状照片(
w:drawing/a:blip,含mc:AlternateContent形状)、内容控件(w:sdt)、页眉页脚(header1.xml的 logo/信头);编辑保存时从编辑后 HTML 重建word/document.xml,run 格式不丢。 图表与嵌入对象暂不解析(已知限制)。
交互细节:
- 拖拽左缘把手调宽(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)。读取一律范围校验,非法值回退默认。