feat(image-viewer): 新增image-viewer组件

site/site.config.mjs

@@ -340,6 +340,13 @@ export default {
           path: '/vue-next/components/comment',
           component: () => import('tdesign-vue-next/comment/comment.md'),
         },
+        {
+          title: 'ImageViewer 图片预览',
+          name: 'image-viewer',
+          meta: {},
+          path: '/vue-next/components/image-viewer',
+          component: () => import('tdesign-vue-next/image-viewer/image-viewer.md'),
+        },
         {
           title: 'List 列表',
           name: 'list',

src/components.ts

@@ -47,6 +47,7 @@ export * from './badge';
 export * from './calendar';
 export * from './card';
 export * from './comment';
+export * from './image-viewer';
 export * from './list';
 export * from './progress';
 export * from './skeleton';

src/image-viewer/__tests__/__snapshots__/demo.test.js.snap

@@ -0,0 +1,21 @@
+// Vitest Snapshot v1
+
+exports[`Image-viewer > base demo works fine 1`] = `
+<div
+  data-v-28de1c03=""
+>
+  <div
+    class="tdesign-demo-image-viewer__base"
+    data-v-28de1c03=""
+  >
+    <t-image-viewer
+      closeonoverlay=""
+      data-v-28de1c03=""
+      images="https://tdesign.gtimg.com/demo/demo-image-1.png"
+      showoverlay="false"
+      visible="false"
+      zindex="10"
+    />
+  </div>
+</div>
+`;