From 26816ce456d57c6c98511dd4a795c66297d86c0f Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Wed, 10 Sep 2025 17:34:09 +0800
Subject: [PATCH 1/8] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dfigure=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6lazyPreview=E5=8F=82=E6=95=B0=E5=8D=95=E8=AF=8D?=
 =?UTF-8?q?=E6=8B=BC=E5=86=99=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/figure/OFigure.vue | 2 +-
 packages/opendesign/src/figure/types.ts    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/opendesign/src/figure/OFigure.vue b/packages/opendesign/src/figure/OFigure.vue
index 1b2551a8..fbcbbc08 100644
--- a/packages/opendesign/src/figure/OFigure.vue
+++ b/packages/opendesign/src/figure/OFigure.vue
@@ -93,7 +93,7 @@ const paddingTop = computed(() => {
 
 // 全屏预览图片
 const previewVisible = ref(false);
-const canPreview = computed(() => props.preview || props.lazyPreiew);
+const canPreview = computed(() => props.preview || props.lazyPreview);
 const previewCloseTypes = computed(() => {
   if (!props.previewClose) {
     return isPhonePad.value ? ['image', 'mask', 'button'] : ['mask', 'button'];
diff --git a/packages/opendesign/src/figure/types.ts b/packages/opendesign/src/figure/types.ts
index 1aa2bcca..0955b8eb 100644
--- a/packages/opendesign/src/figure/types.ts
+++ b/packages/opendesign/src/figure/types.ts
@@ -61,7 +61,7 @@ export const figureProps = {
   /**
    * 支持通过实例接口调用预览
    */
-  lazyPreiew: {
+  lazyPreview: {
     type: Boolean,
   },
   /**
-- 
Gitee


From 25fb30b42ef3668ccf79dbbb202e4d0b8ba11c71 Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Thu, 11 Sep 2025 11:47:59 +0800
Subject: [PATCH 2/8] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90=E6=97=B6ts=E6=8A=A5=E9=94=99=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/package.json      | 3 ++-
 packages/opendesign/src/vite-env.d.ts | 6 ------
 pnpm-lock.yaml                        | 3 +++
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index da46d068..7660970f 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -33,6 +33,7 @@
   "devDependencies": {
     "@opensig/open-scripts": "workspace:^",
     "typescript": "catalog:typescript",
-    "vue-tsc": "catalog:build"
+    "vue-tsc": "catalog:build",
+    "vite": "catalog:build"
   }
 }
diff --git a/packages/opendesign/src/vite-env.d.ts b/packages/opendesign/src/vite-env.d.ts
index af36df34..11f02fe2 100644
--- a/packages/opendesign/src/vite-env.d.ts
+++ b/packages/opendesign/src/vite-env.d.ts
@@ -1,7 +1 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7a05f93d..12deaee6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -279,6 +279,9 @@ importers:
       typescript:
         specifier: catalog:typescript
         version: 5.8.2
+      vite:
+        specifier: catalog:build
+        version: 6.3.0(@types/node@22.13.1)(sass-embedded@1.83.4)(sass@1.84.0)(terser@5.38.1)
       vue-tsc:
         specifier: catalog:build
         version: 2.2.8(typescript@5.8.2)
-- 
Gitee


From 43c26d1e40e99efacf6f1062b6d45995ccabe8ca Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Thu, 18 Sep 2025 09:10:33 +0800
Subject: [PATCH 3/8] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=BD=93=20backgr?=
 =?UTF-8?q?ound=20=E4=B8=BA=E7=9C=9F=E6=97=B6=20figure=20=E6=87=92?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E5=AE=8C=E6=88=90=E5=89=8D=E4=B8=8D=E8=83=BD?=
 =?UTF-8?q?=E9=80=9A=E8=BF=87=20ratio=20=E5=B1=9E=E6=80=A7=E4=BF=9D?=
 =?UTF-8?q?=E6=8C=81=E5=AE=BD=E9=AB=98=E6=AF=94=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/figure/OFigure.vue    | 52 +++++++++----------
 .../src/figure/__demo__/FigureLazy.vue        | 15 ++++++
 2 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/packages/opendesign/src/figure/OFigure.vue b/packages/opendesign/src/figure/OFigure.vue
index fbcbbc08..2d7fff25 100644
--- a/packages/opendesign/src/figure/OFigure.vue
+++ b/packages/opendesign/src/figure/OFigure.vue
@@ -150,42 +150,40 @@ defineExpose({
     @click="onFigureClick"
     ref="rootEl"
   >
-    <template v-if="imgSrc">
-      <div
-        v-if="paddingTop || isError"
-        class="o-figure-wrap"
-        :class="{
-          'o-figure-bg': props.background,
-        }"
-        :style="{
-          backgroundImage: bgUrl,
-        }"
-      >
-        <div v-if="isError" class="o-figure-error-wrap">
-          <slot name="error"><IconImageError /></slot>
-        </div>
-        <img
-          v-else-if="!props.background"
-          ref="imgRef"
-          :src="imgSrc"
-          :alt="props.alt"
-          class="o-figure-img-ratio"
-          :loading="props.lazy === true ? 'lazy' : 'eager'"
-          @load="onImgLoaded"
-          @error="onImgError"
-        />
+    <div
+      v-if="paddingTop || isError"
+      class="o-figure-wrap"
+      :class="{
+        'o-figure-bg': props.background,
+      }"
+      :style="{
+        backgroundImage: bgUrl,
+      }"
+    >
+      <div v-if="isError" class="o-figure-error-wrap">
+        <slot name="error"><IconImageError /></slot>
       </div>
       <img
-        v-else-if="!isError"
+        v-else-if="!props.background && imgSrc"
         ref="imgRef"
         :src="imgSrc"
         :alt="props.alt"
-        class="o-figure-img"
+        class="o-figure-img-ratio"
         :loading="props.lazy === true ? 'lazy' : 'eager'"
         @load="onImgLoaded"
         @error="onImgError"
       />
-    </template>
+    </div>
+    <img
+      v-else-if="!isError && imgSrc"
+      ref="imgRef"
+      :src="imgSrc"
+      :alt="props.alt"
+      class="o-figure-img"
+      :loading="props.lazy === true ? 'lazy' : 'eager'"
+      @load="onImgLoaded"
+      @error="onImgError"
+    />
     <div class="o-figure-main" v-if="props.videoPoster || $slots.content || $slots.title || $slots.default">
       <slot></slot>
       <div v-if="props.videoPoster" class="o-figure-mask">
diff --git a/packages/opendesign/src/figure/__demo__/FigureLazy.vue b/packages/opendesign/src/figure/__demo__/FigureLazy.vue
index b010a854..2a4af937 100644
--- a/packages/opendesign/src/figure/__demo__/FigureLazy.vue
+++ b/packages/opendesign/src/figure/__demo__/FigureLazy.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { onMounted, useTemplateRef } from 'vue';
 import { OFigure } from '../index';
 const img1 = 'https://www.openeuler.org/assets/computing-arch_zh_pc.Bn12UMeP.jpg';
 const img2 = 'https://www.openeuler.org/assets/blog-bg1.CWrw5LH1.jpg';
@@ -18,6 +19,15 @@ const onerror = (key: string) => {
 const lazyOption = {
   rootMargin: '400px 0px 400px 0px',
 };
+const figureDom = useTemplateRef('keep-ratio-before-load');
+onMounted(() => {
+  const height = figureDom.value?.$el.getBoundingClientRect().height;
+  if (height && height > 10) {
+    console.log('成功：当 background 为真时 figure 懒加载完成前不能通过 ratio 属性保持宽高比的问题, height: ', height);
+  } else {
+    console.error('失败：当 background 为真时 figure 懒加载完成前不能通过 ratio 属性保持宽高比的问题, height: ', height);
+  }
+});
 </script>
 <template>
   <div style="margin-top: 400vh"></div>
@@ -31,6 +41,8 @@ const lazyOption = {
     <OFigure class="img" :src="img3" colorful @load="() => onload('img3')" lazy @error="() => onerror('img3')" preview />
     <OFigure class="img" :src="img4" :ratio="16 / 9" fit="cover" background colorful @load="() => onload('img4')" lazy @error="() => onerror('img4')" preview />
   </section>
+  <h4>测试当 background 为真时 figure 懒加载完成前不能通过 ratio 属性保持宽高比的问题</h4>
+  <OFigure ref="keep-ratio-before-load" class="img" :src="img4" :ratio="16 / 9" lazy background />
 
   <h4>懒加载 lazy= { rootMargin: '400px 0px 400px 0px' }</h4>
   <section>
@@ -64,4 +76,7 @@ const lazyOption = {
   font-size: 32px;
   cursor: pointer;
 }
+#lazy-preview-ratio-check {
+  border: 5px solid red;
+}
 </style>
-- 
Gitee


From 7209cbb93892e1efc465b4a426646dc13bc46b02 Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Thu, 18 Sep 2025 09:11:32 +0800
Subject: [PATCH 4/8] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dfigure=E7=BB=84?=
 =?UTF-8?q?=E5=BB=BA=E5=9C=A8=E8=AE=BE=E7=BD=AE=20background=20=E4=B8=BA?=
 =?UTF-8?q?=20true=20=E4=B8=94=E6=9C=AA=E8=AE=BE=E7=BD=AE=20ratio=20?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E6=97=B6=EF=BC=8Cbackground=20=E5=A4=B1?=
 =?UTF-8?q?=E6=95=88=E7=9A=84=E9=97=AE=E9=A2=98=E4=BB=A5=E5=8F=8Aload=20?=
 =?UTF-8?q?=E6=88=96=20error=20=E8=A7=A6=E5=8F=91=E4=B8=A4=E6=AC=A1?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/figure/OFigure.vue    | 15 +++-----
 .../src/figure/__demo__/FigureBasic.vue       | 36 +++++++++++++++++++
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/packages/opendesign/src/figure/OFigure.vue b/packages/opendesign/src/figure/OFigure.vue
index 2d7fff25..a79689ac 100644
--- a/packages/opendesign/src/figure/OFigure.vue
+++ b/packages/opendesign/src/figure/OFigure.vue
@@ -141,25 +141,18 @@ defineExpose({
       'o-figure-hoverable': props.hoverable || !!props.href || props.preview || props.videoPoster,
       'o-figure-previewable': props.preview,
       'o-figure-video-poster': props.videoPoster,
+      'o-figure-bg': props.background,
     }"
     :style="{
       '--figure-prest-color': prestColor,
       '--figure-padding-top': paddingTop,
       '--figure-fit': props.fit,
+      backgroundImage: bgUrl,
     }"
     @click="onFigureClick"
     ref="rootEl"
   >
-    <div
-      v-if="paddingTop || isError"
-      class="o-figure-wrap"
-      :class="{
-        'o-figure-bg': props.background,
-      }"
-      :style="{
-        backgroundImage: bgUrl,
-      }"
-    >
+    <div v-if="paddingTop || isError" class="o-figure-wrap">
       <div v-if="isError" class="o-figure-error-wrap">
         <slot name="error"><IconImageError /></slot>
       </div>
@@ -175,7 +168,7 @@ defineExpose({
       />
     </div>
     <img
-      v-else-if="!isError && imgSrc"
+      v-else-if="!isError && imgSrc && !props.background"
       ref="imgRef"
       :src="imgSrc"
       :alt="props.alt"
diff --git a/packages/opendesign/src/figure/__demo__/FigureBasic.vue b/packages/opendesign/src/figure/__demo__/FigureBasic.vue
index f9ae7852..a90f4be4 100644
--- a/packages/opendesign/src/figure/__demo__/FigureBasic.vue
+++ b/packages/opendesign/src/figure/__demo__/FigureBasic.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { onMounted, useTemplateRef } from 'vue';
 import { OFigure } from '../index';
 const img = 'https://www.openeuler.org/img/banners/20230418-odd.png';
 
@@ -12,6 +13,22 @@ const onload = () => {
 const onerror = () => {
   console.log('error');
 };
+let count = 0;
+const testTriggerDouble = () => {
+  if (count++ >= 1) {
+    console.error('失败：修复在设置 background 为 true 且未设置 ratio 属性时，load 或 error 触发两次的问题');
+  } else {
+    console.log('trigger', count);
+  }
+};
+const figureDom = useTemplateRef('background-no-ratio');
+onMounted(() => {
+  if (figureDom.value?.$el.querySelector('img')) {
+    console.error('失败：修复在设置 background 为 true 且未设置 ratio 属性时，background 失效的问题');
+  } else {
+    console.log('成功：修复在设置 background 为 true 且未设置 ratio 属性时，background 失效的问题');
+  }
+});
 </script>
 <template>
   <h4>基本</h4>
@@ -25,6 +42,20 @@ const onerror = () => {
     <OFigure class="img" :src="img" video-poster @click="playVideo" />
   </section>
 
+  <h4>background</h4>
+  <div class="column">
+    <OFigure class="img" :src="img" background :ratio="16 / 9" />
+    <span>修复在设置 background 为 true 且未设置 ratio 属性时，background 失效的问题以及load 或 error 触发两次的问题</span>
+    <OFigure
+      ref="background-no-ratio"
+      class="img"
+      :src="img"
+      background
+      style="height: 200px; width: 200px"
+      @load="testTriggerDouble"
+      @error="testTriggerDouble"
+    />
+  </div>
   <h4>slot</h4>
 
   <section>
@@ -37,6 +68,11 @@ const onerror = () => {
   </section>
 </template>
 <style lang="scss" scoped>
+.column {
+  > * {
+    display: block;
+  }
+}
 .img {
   width: 25%;
   border: 1px solid #ddd;
-- 
Gitee


From 8a3c3169b7151b5df472392560f7a6cf2d0818d8 Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Thu, 18 Sep 2025 09:23:47 +0800
Subject: [PATCH 5/8] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=81=97=E7=95=99?=
 =?UTF-8?q?=E7=9A=84figure=E7=BB=84=E4=BB=B6lazyPreview=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E5=8D=95=E8=AF=8D=E6=8B=BC=E5=86=99=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/figure/__demo__/FigurePreview.vue | 2 +-
 packages/opendesign/src/upload/UploadItem.vue             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/opendesign/src/figure/__demo__/FigurePreview.vue b/packages/opendesign/src/figure/__demo__/FigurePreview.vue
index 8202053d..e3c48894 100644
--- a/packages/opendesign/src/figure/__demo__/FigurePreview.vue
+++ b/packages/opendesign/src/figure/__demo__/FigurePreview.vue
@@ -68,7 +68,7 @@ const closePreviewManully = () => {
     </div>
     <div>
       <span>使用api调用preivew</span>
-      <OFigure ref="figureRef" class="img" :src="img2" lazy-preiew>
+      <OFigure ref="figureRef" class="img" :src="img2" lazy-preview>
         <OIconSearch class="zoomIn" @click="preivewImg" />
       </OFigure>
     </div>
diff --git a/packages/opendesign/src/upload/UploadItem.vue b/packages/opendesign/src/upload/UploadItem.vue
index 45fb64eb..d3c1988e 100644
--- a/packages/opendesign/src/upload/UploadItem.vue
+++ b/packages/opendesign/src/upload/UploadItem.vue
@@ -67,7 +67,7 @@ const onPreview = () => {
       >
         <div class="o-upload-card-item-wrap">
           <div class="o-upload-card-file">
-            <OFigure v-if="props.file.imgUrl" ref="figureRef" lazy-preiew class="o-upload-thumbnail" :src="props.file.imgUrl" />
+            <OFigure v-if="props.file.imgUrl" ref="figureRef" lazy-preview class="o-upload-thumbnail" :src="props.file.imgUrl" />
             <IconFile v-else class="o-upload-icon-file" />
           </div>
           <div
-- 
Gitee


From 47379a2b9d1ba68e12d11d44f310ac431d063ab3 Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Fri, 19 Sep 2025 10:12:12 +0800
Subject: [PATCH 6/8] =?UTF-8?q?fix:=20figure=E5=9C=A8=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?background=20=E4=B8=BA=20true=20=E4=B8=94=E6=9C=AA=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=20ratio=20=E5=B1=9E=E6=80=A7=E6=97=B6=EF=BC=8C?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E9=AB=98=E5=BA=A6=E4=BE=9D=E9=9D=A0?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E6=8F=92=E6=A7=BD=E4=B8=AD=E7=9A=84=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E6=92=91=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/figure/OFigure.vue    |  3 ++-
 .../src/figure/__demo__/FigureBasic.vue       | 23 +++++++++++++++++++
 .../opendesign/src/figure/style/style.scss    | 12 ++++++++++
 packages/opendesign/src/figure/style/var.scss |  2 +-
 4 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/packages/opendesign/src/figure/OFigure.vue b/packages/opendesign/src/figure/OFigure.vue
index a79689ac..5ac45bb5 100644
--- a/packages/opendesign/src/figure/OFigure.vue
+++ b/packages/opendesign/src/figure/OFigure.vue
@@ -142,6 +142,7 @@ defineExpose({
       'o-figure-previewable': props.preview,
       'o-figure-video-poster': props.videoPoster,
       'o-figure-bg': props.background,
+      'o-figure-no-ratio': !props.ratio,
     }"
     :style="{
       '--figure-prest-color': prestColor,
@@ -168,7 +169,7 @@ defineExpose({
       />
     </div>
     <img
-      v-else-if="!isError && imgSrc && !props.background"
+      v-else-if="imgSrc && !props.background"
       ref="imgRef"
       :src="imgSrc"
       :alt="props.alt"
diff --git a/packages/opendesign/src/figure/__demo__/FigureBasic.vue b/packages/opendesign/src/figure/__demo__/FigureBasic.vue
index a90f4be4..ee5e40f9 100644
--- a/packages/opendesign/src/figure/__demo__/FigureBasic.vue
+++ b/packages/opendesign/src/figure/__demo__/FigureBasic.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { onMounted, useTemplateRef } from 'vue';
 import { OFigure } from '../index';
+import { OButton } from '../../button';
+import '../../button/style';
 const img = 'https://www.openeuler.org/img/banners/20230418-odd.png';
 
 const playVideo = () => {
@@ -55,6 +57,17 @@ onMounted(() => {
       @load="testTriggerDouble"
       @error="testTriggerDouble"
     />
+    <span>修复在设置 background 为 true 且未设置 ratio 属性时，组件的高度依靠默认插槽中的内容撑开</span>
+    <OFigure :src="img" background fit="100% auto" class="background-no-ratio">
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem impedit aut non, quo, debitis vel nulla ullam veritatis fugit itaque nihil vero quia, esse
+      saepe ipsam maiores iste. Voluptatem, at!
+      <OButton color="primary" variant="solid" @click="console.log('click1')">click1</OButton>
+    </OFigure>
+    <OFigure src="/abc.jpg" background fit="100% auto" class="background-no-ratio">
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem impedit aut non, quo, debitis vel nulla ullam veritatis fugit itaque nihil vero quia, esse
+      saepe ipsam maiores iste. Voluptatem, at!
+      <OButton color="primary" variant="solid" @click="console.log('click2')">click2</OButton>
+    </OFigure>
   </div>
   <h4>slot</h4>
 
@@ -68,7 +81,17 @@ onMounted(() => {
   </section>
 </template>
 <style lang="scss" scoped>
+.background-no-ratio {
+  --figure-position: left top;
+
+  color: red;
+  width: 300px;
+}
+
 .column {
+  display: grid;
+  grid-column: 1fr;
+  gap: 16px;
   > * {
     display: block;
   }
diff --git a/packages/opendesign/src/figure/style/style.scss b/packages/opendesign/src/figure/style/style.scss
index eb36a011..75d43ccb 100644
--- a/packages/opendesign/src/figure/style/style.scss
+++ b/packages/opendesign/src/figure/style/style.scss
@@ -67,6 +67,18 @@
   background-size: var(--figure-fit);
   background-position: var(--figure-position);
   background-repeat: no-repeat;
+
+  &.o-figure-no-ratio {
+    // background 模式下且未设置 ratio 时，组件高度由 o-figure-main 中的内容撑开
+    // o-figure-wrap 中的 IconImageError 作为背景图
+    .o-figure-wrap {
+      position: absolute;
+      inset: 0;
+    }
+    .o-figure-main {
+      position: relative;
+    }
+  }
 }
 .o-figure-img-ratio {
   position: absolute;
diff --git a/packages/opendesign/src/figure/style/var.scss b/packages/opendesign/src/figure/style/var.scss
index 3ba00e20..57324731 100644
--- a/packages/opendesign/src/figure/style/var.scss
+++ b/packages/opendesign/src/figure/style/var.scss
@@ -1,5 +1,5 @@
 .o-figure {
-  --figure-padding-top: 50%;
+  --figure-padding-top: 0px;
   --figure-fit: cover;
   --figure-position: center;
   --figure-radius: 0;
-- 
Gitee


From 8f283f24c8fd4ed8b4f9240b9daae97c83c1834d Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Fri, 19 Sep 2025 10:16:55 +0800
Subject: [PATCH 7/8] =?UTF-8?q?feat:=20figure=E6=96=B0=E5=A2=9ECSS?=
 =?UTF-8?q?=E5=8F=98=E9=87=8F--figure-error-bk=E6=8E=A7=E5=88=B6=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=8A=A0=E8=BD=BD=E5=A4=B1=E8=B4=A5=E6=97=B6=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/figure/__demo__/FigureBasic.vue | 1 +
 packages/opendesign/src/figure/style/style.scss         | 2 +-
 packages/opendesign/src/figure/style/var.scss           | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/opendesign/src/figure/__demo__/FigureBasic.vue b/packages/opendesign/src/figure/__demo__/FigureBasic.vue
index ee5e40f9..9198c200 100644
--- a/packages/opendesign/src/figure/__demo__/FigureBasic.vue
+++ b/packages/opendesign/src/figure/__demo__/FigureBasic.vue
@@ -83,6 +83,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .background-no-ratio {
   --figure-position: left top;
+  --figure-error-bk: lightblue;
 
   color: red;
   width: 300px;
diff --git a/packages/opendesign/src/figure/style/style.scss b/packages/opendesign/src/figure/style/style.scss
index 75d43ccb..a5c337ae 100644
--- a/packages/opendesign/src/figure/style/style.scss
+++ b/packages/opendesign/src/figure/style/style.scss
@@ -27,7 +27,7 @@
     border-radius: var(--figure-radius);
   }
   &.is-error {
-    background-color: var(--o-color-control4);
+    background-color: var(--figure-error-bk);
   }
 }
 
diff --git a/packages/opendesign/src/figure/style/var.scss b/packages/opendesign/src/figure/style/var.scss
index 57324731..8a1558ef 100644
--- a/packages/opendesign/src/figure/style/var.scss
+++ b/packages/opendesign/src/figure/style/var.scss
@@ -3,6 +3,7 @@
   --figure-fit: cover;
   --figure-position: center;
   --figure-radius: 0;
+  --figure-error-bk: var(--o-color-control4);
   --figure-error-color: var(--o-color-control4);
   --figure-error-size: var(--o-icon_size_control-l);
   --figure-play-icon-size: 64px;
-- 
Gitee


From 127af9eee49484b2093c2a6b5f3c4379f1e68aad Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Fri, 19 Sep 2025 10:40:57 +0800
Subject: [PATCH 8/8] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A01.0.2=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E7=9A=84=E5=85=B3=E4=BA=8Efigure=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E5=8F=98=E6=9B=B4=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/docs/ReleaesNote.opendesign.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/docs/ReleaesNote.opendesign.md b/packages/docs/ReleaesNote.opendesign.md
index fd743076..fc5d063f 100644
--- a/packages/docs/ReleaesNote.opendesign.md
+++ b/packages/docs/ReleaesNote.opendesign.md
@@ -20,6 +20,7 @@
 2. [button] 新增 `--btn-gap-prefix` 及 `--btn-gap-suffix` 变量以单独控制前缀及后缀图标外边距
 3. [scss-mixin] respond-to新增断点
 4. [menu] 菜单增加small尺寸
+5. [figure] 新增CSS变量--figure-error-bk控制图片加载失败时背景色
 
 - fix
 
@@ -31,6 +32,12 @@
 6. [rate] 完善ORate组件icon插槽status变量类型签名
 7. [select] 优化select组件provide的select函数
 8. [vScrollbar] 优化类型签名
+9. [figure] 修复组件lazyPreview参数单词拼写错误
+10. [figure] 修复当 background 为真时图片懒加载完成前不能通过 ratio 属性保持宽高比的问题
+11. [figure] 修复组件在设置 background 为 true 且未设置 ratio 属性时
+    - background 不显示
+    - load 或 error 触发两次
+    - 组件的高度应该通过默认插槽中的内容撑开
 
 # 1.0.1
 
-- 
Gitee