feat: 调整微信风格明暗主题并完整展示详情图片

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"
+                object-fit="contain"
                 preview
                 :empty-text="selected.status === 'failed' ? '本次生成失败' : '等待后端图片结果'"
             />

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

@@ -45,7 +45,7 @@ function input(selector: string, value: string) {
 }
 
 describe('身份图与母版契约', () => {
-    it('大图和历史统一 cover，缩略图只切换记录，大图单独打开完整原图', async () => {
+    it('详情大图 contain 完整显示，历史仍为 cover，缩略图只切换记录', async () => {
         wrapper = mount(IdentityGallery, {
             attachTo: document.body,
             props: {
@@ -66,13 +66,14 @@ describe('身份图与母版契约', () => {
         })
         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('objectFit'))).toEqual(['contain', 'cover', 'cover'])
         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.element as HTMLImageElement).style.objectFit).toBe('contain')
         expect(main.attributes('src')).toContain('/storage/front.png')
         await main.trigger('click')
         await flushPromises()

src/features/subject-images/components/ImageGalleryDialog.vue

@@ -101,6 +101,7 @@ async function choosePrimary() {
                 :alt="`${form?.subject.name} · ${form?.name}`"
                 :empty-text="selected.status === 'failed' ? '本次生成失败' : '等待后端生成结果'"
                 class="asset-image-preview"
+                object-fit="contain"
                 preview
             />
             <div class="image-history-heading">

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

@@ -39,6 +39,8 @@ describe('形态图片选择与操作', () => {
         await flushPromises()
         const history = document.querySelector<HTMLElement>('[aria-label="图片历史"]')!
         expect(history.querySelectorAll('.image-history-item')).toHaveLength(3)
+        expect(document.querySelector<HTMLImageElement>('.asset-image-preview img')?.style.objectFit).toBe('contain')
+        expect([...history.querySelectorAll('img')].every(image => image.style.objectFit === 'cover')).toBe(true)
         expect(history.previousElementSibling?.textContent).toContain('历史记录 · 3 条')
         expect(history.previousElementSibling?.previousElementSibling?.classList.contains('asset-image-preview')).toBe(
             true
@@ -49,6 +51,7 @@ describe('形态图片选择与操作', () => {
             '/storage/candidate.png'
         )
         expect(history.querySelector('[aria-label="查看图片 candidate"]')?.getAttribute('aria-pressed')).toBe('true')
+        expect(document.querySelector<HTMLImageElement>('.asset-image-preview img')?.style.objectFit).toBe('contain')
         history.querySelector<HTMLButtonElement>('[aria-label="查看图片 failed"]')!.click()
         await flushPromises()
         expect(document.querySelector('.asset-image-preview')?.textContent).toContain('本次生成失败')