im-ui-mobile 0.1.18 → 0.1.20

package/components/im-cell-switch/im-cell-switch.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, nextTick, useSlots } from 'vue'
+import { ref, computed, watch } from 'vue'
 import ImCell from '../im-cell/im-cell.vue'
 
 // 定义 Props 接口

package/components/im-upload/im-upload.vue

@@ -51,9 +51,9 @@
     </view>
 
     <!-- 文件列表 -->
-    <view v-if="showList && fileList.length > 0" class="im-upload__list">
-      <view v-for="(file, index) in fileList" :key="file.uid" class="im-upload__item"
-        :class="`im-upload__item--${listType}`">
+    <view class="im-upload__list">
+      <view v-if="showList && fileList.length > 0" v-for="(file, index) in fileList" :key="file.uid"
+        class="im-upload__item" :class="`im-upload__item--${listType}`">
         <!-- 图片列表 -->
         <template v-if="listType === 'picture'">
           <view class="im-upload__item-preview">
@@ -121,6 +121,10 @@
           </view>
         </template>
       </view>
+
+      <view v-if="!type" class="im-upload__default" @tap="handleUploadTap">
+        <im-icon type="custom" name="+" customClass="im-upload__default-icon" />
+      </view>
     </view>
 
     <!-- 上传提示 -->
@@ -297,7 +301,7 @@ const props = withDefaults(defineProps<Props>(), {
     }
   },
 
-  showList: false,
+  showList: true,
   listType: 'picture',
   removable: true,
   previewable: true,
@@ -519,6 +523,11 @@ const startUpload = async (uploadFile: UploadFile) => {
       throw new Error('请设置上传地址或自定义上传函数')
     }
 
+    // 服务端失败
+    if (response.statusCode !== 200) {
+      throw new Error(response.data.error.message)
+    }
+
     // 格式化响应数据
     const formattedResponse = props.responseFormatter(response)
 
@@ -746,6 +755,26 @@ defineExpose({
   font-size: 28rpx;
 }
 
+.im-upload__default {
+  margin-top: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 180rpx;
+  height: 180rpx;
+  border: 4rpx dashed #dcdfe6;
+  border-radius: 20rpx;
+  background-color: #fafafa;
+  transition: all 0.3s;
+
+  &-icon {
+    color: #dcdfe6;
+    font-size: 200rpx;
+    margin-top: -20rpx;
+  }
+}
+
+
 .im-upload__card {
   display: flex;
   flex-direction: column;
@@ -851,8 +880,8 @@ defineExpose({
 
 .im-upload__item-preview {
   position: relative;
-  width: 200rpx;
-  height: 200rpx;
+  width: 184rpx;
+  height: 184rpx;
   border-radius: 8rpx;
   overflow: hidden;
   border: 1rpx solid #ebeef5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "im-ui-mobile",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "A Vue3.0 + Typescript instant messaging component library for Uniapp",
   "type": "module",
   "main": "index.js",