Skip to content

Releases: 21hbguo/dsh-mobile-ui

Release list

v0.1.0

Choose a tag to compare

@21hbguo 21hbguo released this 16 Aug 04:41

dsh-mobile-ui v0.1.0

DSH Web GUI 手机端 UI 适配插件:窄屏(默认 ≤860px)下自动切换为全屏聊天布局,桌面宽度零影响。

功能

  • 全屏聊天布局:三栏 + 右侧面板脱离文档流,聊天占满整屏
  • 侧栏/右侧面板 → 抽屉(aionui 资源列/预览列同步镜像)
  • 顶部悬浮操作条:☰ 侧栏 · 面板 · ⟳ 刷新 · ⛶ 全屏
  • 返回键退栈 + 全屏锁定(全屏/PWA standalone 内逐层关闭,永不退出全屏)
  • 会话切换抑制 composer 自动聚焦(键盘不弹出)
  • 移动端细节:安全区适配、16px 输入框防 iOS 缩放、PWA meta(添加到主屏幕)
  • 配置:设置页卡片 / settings.yaml(enabled / breakpoint,默认 860px)

安装

  1. git clone https://github.com/21hbguo/dsh-mobile-ui.gitbash scripts/build.sh(需 DSH checkout,可用 DSH_CHECKOUT 指定)
  2. 热装配:dev_install_package <目录>;或手动在 profile 的 cordis.patch.yml 添加 @dsh-external/dsh-mobile-ui 装配行

已知限制

  • iOS Safari 无网页 Fullscreen API:⛶ 提示「添加到主屏幕」以 standalone 全屏
  • 详情列在 ≤860px 下被 AppFrame 自动收起(布局约束),移动端主要使用 aionui 右侧面板
  • 桌面宽度下 aionui 拖拽把手在移动端隐藏,抽屉宽度固定