fix: 统一图库图标间距与提示

统一四个图库操作图标的间距，为布局按钮补充悬浮说明，并在移动端禁用全部 Popover。
2026-09-08 14:16:48 +08:00
parent e912eada04
commit 3c6b1600b4
4 changed files with 124 additions and 95 deletions
@@ -143,6 +143,12 @@ describe('过期首帧到具体素材定位', () => {
        expect(wrapper!.get('[aria-label="网格布局"]').attributes('aria-pressed')).toBe('true')
        expect(wrapper!.get('[aria-label="网格布局"]').classes()).toContain('layout-option-active')
        expect(wrapper!.get('[aria-label="瀑布流布局"]').classes()).not.toContain('layout-option-active')
+        expect(
+            wrapper!
+                .get('.gallery-layout-switch')
+                .findAll('button')
+                .map(button => button.attributes('aria-label'))
+        ).toEqual(['网格布局', '瀑布流布局', '刷新图库', '批量生图'])
        await wrapper!.get('[aria-label="瀑布流布局"]').trigger('click')
        expect(wrapper!.get('.form-image-masonry').element).toBe(grid)
        expect(wrapper!.get('[aria-label="瀑布流布局"]').attributes('aria-pressed')).toBe('true')