复用内联选项按钮收口缩放入口
编辑器顶部缩放百分比触发器改为复用 PlatformInlineOptionButton。 保留缩放入口局部尺寸和 hover 视觉覆盖,移除重复混入编辑器图标按钮基础规则。 补充编辑器测试断言共享按钮原语,并更新 TRACKING。
This commit is contained in:
@@ -591,7 +591,9 @@ describe('ImageCanvasEditorView', () => {
|
||||
it('adds assets from the sidebar and supports zoom buttons', () => {
|
||||
render(<ImageCanvasEditorView />);
|
||||
|
||||
expect(screen.getByRole('button', { name: '当前缩放比例 82%' })).toBeTruthy();
|
||||
expect(
|
||||
screen.getByRole('button', { name: '当前缩放比例 82%' }).className,
|
||||
).toContain('platform-inline-option-button');
|
||||
|
||||
fireEvent.click(screen.getByRole('button', { name: '当前缩放比例 82%' }));
|
||||
fireEvent.click(screen.getByRole('menuitem', { name: '放大' }));
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user