From ff53176e7ff46c0fac483979b8e7627ad3f59a2d Mon Sep 17 00:00:00 2001
From: ty <ty@xh.com>
Date: Thu, 22 Oct 2026 10:34:01 +0800
Subject: [PATCH] fix(demos): extract inline template expressions to satisfy
 vue-tsc

---
 src/avatar/demos/enUS/lazy.demo.vue           |  4 ++-
 src/avatar/demos/zhCN/lazy.demo.vue           |  4 ++-
 .../enUS/component-preview-group.demo.vue     | 28 ++++++++++---------
 .../zhCN/component-preview-group.demo.vue     | 28 ++++++++++---------
 4 files changed, 36 insertions(+), 28 deletions(-)

diff --git a/src/avatar/demos/enUS/lazy.demo.vue b/src/avatar/demos/enUS/lazy.demo.vue
index 9de5f251cca..495b5d53954 100644
--- a/src/avatar/demos/enUS/lazy.demo.vue
+++ b/src/avatar/demos/enUS/lazy.demo.vue
@@ -17,6 +17,8 @@ const srcList = [
   'https://picsum.photos/id/10/100/100',
   'xxx.png'
 ]
+
+const fallbackSrc = 'https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg'
 </script>
 
 <template>
@@ -48,7 +50,7 @@ const srcList = [
         size="small"
         lazy
         :src="src"
-        fallback-src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
+        :fallback-src="fallbackSrc"
         :render-placeholder="() => null"
         :intersection-observer-options="{
           root: '#image-scroll-container',
diff --git a/src/avatar/demos/zhCN/lazy.demo.vue b/src/avatar/demos/zhCN/lazy.demo.vue
index 7684f831f71..722c41368ae 100644
--- a/src/avatar/demos/zhCN/lazy.demo.vue
+++ b/src/avatar/demos/zhCN/lazy.demo.vue
@@ -18,6 +18,8 @@ const srcList = [
   'https://picsum.photos/id/10/100/100',
   'xxx.png'
 ]
+
+const fallbackSrc = 'https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg'
 </script>
 
 <template>
@@ -49,7 +51,7 @@ const srcList = [
         size="small"
         lazy
         :src="src"
-        fallback-src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
+        :fallback-src="fallbackSrc"
         :render-placeholder="() => null"
         :intersection-observer-options="{
           root: '#image-scroll-container',
diff --git a/src/image/demos/enUS/component-preview-group.demo.vue b/src/image/demos/enUS/component-preview-group.demo.vue
index 581379efc81..2e4fcce8b92 100644
--- a/src/image/demos/enUS/component-preview-group.demo.vue
+++ b/src/image/demos/enUS/component-preview-group.demo.vue
@@ -10,6 +10,20 @@ import { ref } from 'vue'
 
 const currentIndex = ref(0)
 
+const srcList = [
+  'https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg',
+  'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
+  'https://picsum.photos/id/1/100/100',
+  'https://picsum.photos/id/2/100/100',
+  'https://picsum.photos/id/3/100/100',
+  'https://picsum.photos/id/4/100/100',
+  'https://picsum.photos/id/5/100/100',
+  'https://picsum.photos/id/7/100/100',
+  'https://picsum.photos/id/8/100/100',
+  'https://picsum.photos/id/9/100/100',
+  'https://picsum.photos/id/10/100/100'
+]
+
 const showRef = ref(false)
 function onClick() {
   showRef.value = true
@@ -32,19 +46,7 @@ function handleUpdateCurrent(current: number) {
   <n-image-group
     v-model:show="showRef"
     v-model:current="currentIndex"
-    :src-list="[
-      'https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg',
-      'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
-      'https://picsum.photos/id/1/100/100',
-      'https://picsum.photos/id/2/100/100',
-      'https://picsum.photos/id/3/100/100',
-      'https://picsum.photos/id/4/100/100',
-      'https://picsum.photos/id/5/100/100',
-      'https://picsum.photos/id/7/100/100',
-      'https://picsum.photos/id/8/100/100',
-      'https://picsum.photos/id/9/100/100',
-      'https://picsum.photos/id/10/100/100',
-    ]"
+    :src-list="srcList"
     @update:show="handleUpdateShow"
     @update:current="handleUpdateCurrent"
   />
diff --git a/src/image/demos/zhCN/component-preview-group.demo.vue b/src/image/demos/zhCN/component-preview-group.demo.vue
index 8f1b749f9fb..22f84a8d763 100644
--- a/src/image/demos/zhCN/component-preview-group.demo.vue
+++ b/src/image/demos/zhCN/component-preview-group.demo.vue
@@ -10,6 +10,20 @@ import { ref } from 'vue'
 
 const currentIndex = ref(0)
 
+const srcList = [
+  'https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg',
+  'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
+  'https://picsum.photos/id/1/100/100',
+  'https://picsum.photos/id/2/100/100',
+  'https://picsum.photos/id/3/100/100',
+  'https://picsum.photos/id/4/100/100',
+  'https://picsum.photos/id/5/100/100',
+  'https://picsum.photos/id/7/100/100',
+  'https://picsum.photos/id/8/100/100',
+  'https://picsum.photos/id/9/100/100',
+  'https://picsum.photos/id/10/100/100'
+]
+
 const showRef = ref(false)
 function onClick() {
   showRef.value = true
@@ -32,19 +46,7 @@ function handleUpdateCurrent(current: number) {
   <n-image-group
     v-model:show="showRef"
     v-model:current="currentIndex"
-    :src-list="[
-      'https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg',
-      'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
-      'https://picsum.photos/id/1/100/100',
-      'https://picsum.photos/id/2/100/100',
-      'https://picsum.photos/id/3/100/100',
-      'https://picsum.photos/id/4/100/100',
-      'https://picsum.photos/id/5/100/100',
-      'https://picsum.photos/id/7/100/100',
-      'https://picsum.photos/id/8/100/100',
-      'https://picsum.photos/id/9/100/100',
-      'https://picsum.photos/id/10/100/100',
-    ]"
+    :src-list="srcList"
     @update:show="handleUpdateShow"
     @update:current="handleUpdateCurrent"
   />