feat: 统一图片铺满展示与原生预览

src/features/subject-identity/SubjectIdentityPage.vue

@@ -527,6 +527,7 @@ watch(
                             <AssetImage
                                 :src="anchor.imageUrl"
                                 :alt="`${subject.name}当前身份母版`"
+                                preview
                                 class="h-20 w-20 shrink-0 rounded"
                             />
                             <div>

src/features/subject-identity/components/IdentityGallery.vue

@@ -64,6 +64,7 @@ function chooseAnchor() {
                 :src="selected.status === 'completed' ? selected.imageUrl : null"
                 :alt="`${subjectName} · ${identityViewLabels[selected.viewType]}`"
                 class="asset-image-preview mt-4"
+                preview
                 :empty-text="selected.status === 'failed' ? '本次生成失败' : '等待后端图片结果'"
             />
             <div class="image-history-heading">

src/features/subject-identity/identity.test.ts

@@ -1,6 +1,6 @@
 import { flushPromises, mount, type VueWrapper } from '@vue/test-utils'
 import { afterEach, describe, expect, it, vi } from 'vitest'
-import { NScrollbar } from 'naive-ui'
+import { NImage, NScrollbar } from 'naive-ui'
 import { AssetImage } from '../../components/ui'
 import IdentityImageDialog from './components/IdentityImageDialog.vue'
 import IdentityGallery from './components/IdentityGallery.vue'
@@ -45,6 +45,43 @@ function input(selector: string, value: string) {
 }
 
 describe('身份图与母版契约', () => {
+    it('大图和历史统一 cover，缩略图只切换记录，大图单独打开完整原图', async () => {
+        wrapper = mount(IdentityGallery, {
+            attachTo: document.body,
+            props: {
+                subjectName: '林夏',
+                module: 'character',
+                identityLocked: true,
+                disabled: false,
+                images: [
+                    identityImageFixture({ id: 'anchor', imageUrl: '/storage/anchor.png' }),
+                    identityImageFixture({
+                        id: 'front',
+                        viewType: 'front',
+                        isAnchor: false,
+                        imageUrl: '/storage/front.png'
+                    })
+                ]
+            }
+        })
+        const images = wrapper.findAllComponents(NImage)
+        expect(images).toHaveLength(3)
+        expect(images.every(image => image.props('objectFit') === 'cover')).toBe(true)
+        expect(images.map(image => image.props('previewDisabled'))).toEqual([false, true, true])
+        await wrapper.get('[aria-label="查看身份图片 front"] img').trigger('click')
+        await flushPromises()
+        expect(wrapper.get('[aria-label="查看身份图片 front"]').attributes('aria-pressed')).toBe('true')
+        expect(document.querySelector('.n-image-preview-container')).toBeNull()
+        const main = wrapper.get('.asset-image-preview img')
+        expect(main.attributes('src')).toContain('/storage/front.png')
+        await main.trigger('click')
+        await flushPromises()
+        const original = document.querySelector<HTMLImageElement>('.n-image-preview')!
+        expect(original.getAttribute('src')).toBe(main.attributes('src'))
+        expect(original.style.objectFit).not.toBe('cover')
+        expect(wrapper.emitted('anchor')).toBeUndefined()
+    })
+
     it('实际提示词默认展开，可手动收起，轮询更新不强行重新展开', async () => {
         const image = identityImageFixture({ prompt: '本次实际生成提示词' })
         wrapper = mount(IdentityGallery, {