feat: list-type: picture-card动画效果关闭样式

apps/web-antd/src/views/演示使用自行删除/upload/index.vue

@@ -51,6 +51,8 @@ const customThumbnailUrl: CustomGetter<undefined> = () => {
 };
 
 const { copy } = useClipboard({ legacy: true });
+
+const animationEnable = ref(false);
 </script>
 
 <template>
@@ -207,6 +209,19 @@ const { copy } = useClipboard({ legacy: true });
           :custom-thumb-url="customThumbnailUrl"
         />
       </Card>
+
+      <Card title="图片上传的动画效果" size="small">
+        <div class="my-2">
+          是否启用
+          <span class="font-semibold">list-type: picture-card</span> 的动画效果:
+          <Switch v-model:checked="animationEnable" />
+        </div>
+        <ImageUpload
+          v-model:value="singleImageId"
+          :with-animation="animationEnable"
+        />
+        当前绑定值: {{ singleImageId }}
+      </Card>
     </div>
   </Page>
 </template>