Skip to content

v0.2.2 — 导出对话框八向拖拽缩放

Choose a tag to compare

@DDDMUC DDDMUC released this 05 Nov 07:43
· 2 commits to main since this release

导出对话框现在可以像窗口一样拖拽缩放了。

新增

八向拖拽缩放 — 弹窗四边、四角都能拖,光标会跟着方向变(ns-resize / ew-resize / nwse-resize)。右下角有一个小抓握角标,其余七个是透明热区。

记住尺寸 — 拖完的大小存本机浏览器,下次打开沿用;双击任意手柄还原默认。

默认宽度放宽 — 从原来那条窄栏改成 min(760px, 94vw),窄屏自动收,宽屏不再一行挤成一团。

高度受约束时内部滚动 — 拖矮之后内容在弹窗内滚,页脚按钮始终留在底部可点。

说明

  • 弹窗由框架居中,所以拖左边/上边时是往两边一起长,不是左边缘固定、右边缘跟着跑。这样不会把弹窗拖出屏幕。
  • 手柄贴在边框内侧(不是外侧),因为 dialog 会裁掉自己的溢出内容。

安装

dsh plugin --profile web add dsh-chat-export@0.2.2

这次只改了浏览器半(src/client.js),不需要重启 DSH,client-hmr 会热替换。

验证

npm test — 341 条全过(+6:八个热区、className 传递、东/西/南/北/四角的拖拽数学与边界钳制)。手柄的定位与光标用真实浏览器引擎核对过计算样式。