复用内联选项按钮收口缩放入口

编辑器顶部缩放百分比触发器改为复用 PlatformInlineOptionButton。

保留缩放入口局部尺寸和 hover 视觉覆盖,移除重复混入编辑器图标按钮基础规则。

补充编辑器测试断言共享按钮原语,并更新 TRACKING。
This commit is contained in:
2026-06-14 15:37:27 +08:00
parent d4ceb084c9
commit d70ffa7d30
4 changed files with 17 additions and 7 deletions

View File

@@ -2431,16 +2431,15 @@ export function ImageCanvasEditorView() {
<span></span>
</div>
<div className="image-canvas-editor__zoom-menu-wrap">
<button
type="button"
<PlatformInlineOptionButton
className="image-canvas-editor__zoom-trigger"
aria-label={`当前缩放比例 ${formatPercent(viewport.scale)}`}
aria-haspopup="menu"
aria-expanded={isZoomMenuOpen}
onClick={() => setIsZoomMenuOpen((open) => !open)}
>
<span>{formatPercent(viewport.scale)}</span>
</button>
{formatPercent(viewport.scale)}
</PlatformInlineOptionButton>
{isZoomMenuOpen ? (
<PlatformFloatingMenu label="缩放菜单" placement="bottom-end">
<PlatformFloatingMenuItem