From 163dfa86bec2cc724d9a3138fb3ec3067192d8e7 Mon Sep 17 00:00:00 2001
From: liwenxuan <1298531568@qq.com>
Date: Thu, 11 Sep 2025 11:30:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87fit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DesignForm/designLayout/pageSize.vue      |  4 ++--
 .../DesignForm/public/expand/lowcodeImage.vue | 22 +++++++++++++++----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/DesignForm/designLayout/pageSize.vue b/src/components/DesignForm/designLayout/pageSize.vue
index d20fe50..77413e8 100644
--- a/src/components/DesignForm/designLayout/pageSize.vue
+++ b/src/components/DesignForm/designLayout/pageSize.vue
@@ -101,8 +101,8 @@ const objectFitOptions = [
 		label:"contain-包含",
 	},
 	{
-		value:"vover",
-		label:"vover-原始比例填充",
+		value:"cover",
+		label:"cover-原始比例填充",
 	},
 	{
 		value:"none",
diff --git a/src/components/DesignForm/public/expand/lowcodeImage.vue b/src/components/DesignForm/public/expand/lowcodeImage.vue
index e655a44..4470330 100644
--- a/src/components/DesignForm/public/expand/lowcodeImage.vue
+++ b/src/components/DesignForm/public/expand/lowcodeImage.vue
@@ -297,28 +297,41 @@ function selectFile(){
   //fileUpload.handleStart();
   fileUpload.value.$el.querySelector('input[type="file"]').click();
 }
+
+//const fit = props.data.styles.divStyle.objectFit!=undefined ? props.data.styles.divStyle.objectFit : 'fill'
+
+const fit = computed(()=>{
+  if(props.data.styles.divStyle&&props.data.styles.divStyle.objectFit){
+    return props.data.styles.divStyle.objectFit
+  }else{
+    return 'fill'
+  }
+})
 </script>
 <template>
-  <img
+  <el-image
         v-if="(!hasELCard(ancestors))&&props.data.control.useDefaultImg&&props.type==5"
         :src="value"
         class="avatar"
         :style="getFormItemInputStyle(configStyle, 2)"
+        :fit="fit"
       />
     
 
-  <img
+  <el-image
         v-if="props.data.control.useDefaultImg&&props.type==4"
         :src="props.modelValue"
         class="avatar"
         :style="getFormItemInputStyle(configStyle, 2)"
+        :fit="fit"
       />
 
-      <img
+      <el-image
         v-if="props.data.control.useDefaultImg&&props.type!=4&&props.type!=5&&props.data.control.defaultAllowsChange=='0'"
         :src="props.modelValue"
         class="avatar"
         :style="getFormItemInputStyle(configStyle, 2)"
+        :fit="fit"
       />
   
   <el-upload
@@ -331,11 +344,12 @@ function selectFile(){
     :before-upload="beforeAvatarUpload"
     v-loading="imgLoading"
   >
-    <img
+    <el-image
         v-if="props.data.control.useDefaultImg"
         :src="props.modelValue"
         class="avatar"
         :style="getFormItemInputStyle(configStyle, 2)"
+        :fit="fit"
       />
   </el-upload>
     <!-- <img referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']"  /> -->