feat: ✨ Swiper 轮播项type字段的处理逻辑限制在可选值范围内 (#785)

Author: Moonofweisheng

src/pages/swiper/Index.vue

@@ -212,7 +212,6 @@ const current6 = ref<number>(0)
 const current7 = ref<number>(0)
 const current8 = ref<number>(0)
 const current9 = ref<number>(0)
-const current10 = ref<number>(0)
 
 const isLoop = ref(false)
 

src/uni_modules/wot-design-uni/components/wd-swiper/wd-swiper.vue

@@ -20,16 +20,8 @@
       @animationfinish="handleAnimationfinish"
     >
       <swiper-item v-for="(item, index) in list" :key="index" class="wd-swiper__item">
-        <image
-          v-if="isImage(item)"
-          :src="isObj(item) ? item[valueKey] : item"
-          :class="`wd-swiper__image ${customImageClass} ${customItemClass} ${getCustomItemClass(currentValue, index, list)}`"
-          :style="{ height: addUnit(height) }"
-          :mode="imageMode"
-          @click="handleClick(index, item)"
-        />
         <video
-          v-else-if="isVideo(item)"
+          v-if="isVideo(item)"
           :id="`video-${index}-${uid}`"
           :style="{ height: addUnit(height) }"
           :src="isObj(item) ? item[valueKey] : item"
@@ -44,6 +36,15 @@
           objectFit="cover"
           @click="handleClick(index, item)"
         />
+        <image
+          v-else
+          :src="isObj(item) ? item[valueKey] : item"
+          :class="`wd-swiper__image ${customImageClass} ${customItemClass} ${getCustomItemClass(currentValue, index, list)}`"
+          :style="{ height: addUnit(height) }"
+          :mode="imageMode"
+          @click="handleClick(index, item)"
+        />
+
         <text v-if="isObj(item) && item[textKey]" :class="`wd-swiper__text ${customTextClass}`" :style="customTextStyle">{{ item[textKey] }}</text>
       </swiper-item>
     </swiper>
@@ -137,10 +138,12 @@ const swiperIndicator = computed(() => {
 })
 
 const getMediaType = (item: string | SwiperList, type: 'video' | 'image') => {
+  const checkType = (url: string) => (type === 'video' ? isVideoUrl(url) : isImageUrl(url))
+
   if (isObj(item)) {
-    return item.type ? item.type === type : type === 'video' ? isVideoUrl(item[props.valueKey]) : isImageUrl(item[props.valueKey])
+    return item.type && ['video', 'image'].includes(item.type) ? item.type === type : checkType(item[props.valueKey])
   } else {
-    return type === 'video' ? isVideoUrl(item) : isImageUrl(item)
+    return checkType(item)
   }
 }