im-ui-mobile 0.1.16 → 0.1.18

package/components/im-col/im-col.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, nextTick, useSlots, inject } from 'vue'
+import { computed, inject } from 'vue'
 
 // 定义 Props
 interface Props {

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

@@ -10,10 +10,10 @@
       <!-- 按钮类型 -->
       <template v-if="type === 'button'">
         <im-button :type="buttonType" :size="buttonSize" :disabled="disabled" :loading="uploading">
-          <view class="im-upload__button-content">
-            <text v-if="!uploading" class="im-upload__icon">+</text>
-            <text class="im-upload__text">{{ uploading ? '上传中...' : buttonText }}</text>
-          </view>
+          <!-- <view>  -->
+          <text v-if="!uploading" class="im-upload__icon">+</text>
+          <text class="im-upload__text">{{ uploading ? '上传中...' : buttonText }}</text>
+          <!-- </view> -->
         </im-button>
       </template>
 
@@ -29,9 +29,9 @@
       <!-- 头像类型 -->
       <template v-else-if="type === 'avatar'">
         <view class="im-upload__avatar">
-          <im-avatar :src="fileList[0]?.url" :size="avatarSize" :radius="avatarRadius">
+          <im-avatar :url="fileList[0]?.url" :size="avatarSize" :radius="avatarRadius">
             <template v-if="!fileList[0]?.url">
-              <text class="im-upload__avatar-icon">+</text>
+              <im-icon name="plus" size="40" color="#8c939d" />
             </template>
           </im-avatar>
           <text class="im-upload__avatar-text">{{ avatarText }}</text>
@@ -57,7 +57,7 @@
         <!-- 图片列表 -->
         <template v-if="listType === 'picture'">
           <view class="im-upload__item-preview">
-            <image v-if="file.type?.startsWith('image/')" class="im-upload__item-image" :src="file.url || file.thumbUrl"
+            <image v-if="file.type?.startsWith('image')" class="im-upload__item-image" :src="file.url || file.thumbUrl"
               mode="aspectFill" @tap="handlePreview(file)" />
             <view v-else class="im-upload__item-file">
               <text class="im-upload__item-file-icon">📄</text>
@@ -83,10 +83,6 @@
 
             <!-- 操作按钮 -->
             <view class="im-upload__item-actions">
-              <text v-if="file.status === 'done' && previewable" class="im-upload__item-action"
-                @tap="handlePreview(file)">
-                👁️
-              </text>
               <text v-if="!readonly && removable" class="im-upload__item-action" @tap="handleRemove(file, index)">
                 ✕
               </text>
@@ -176,7 +172,7 @@ interface UploadFile {
 // 定义 Props
 interface Props {
   // 值
-  modelValue?: UploadFile[]
+  modelValue?: string | UploadFile[]
 
   // 上传类型
   type?: 'button' | 'card' | 'avatar' | 'drag' | undefined
@@ -241,18 +237,17 @@ interface Props {
 
 // 定义 Emits
 interface Emits {
-  (e: 'update:modelValue', files: UploadFile[]): void
-  (e: 'change', files: UploadFile[]): void
+  (e: 'update:modelValue', files: string | UploadFile[]): void
+  (e: 'change', files: string | UploadFile[]): void
   (e: 'select', file: Object): void
-  (e: 'upload', file: UploadFile): void
-  (e: 'success', response: any, file: UploadFile): void
+  (e: 'success', file: UploadFile): void
   (e: 'error', error: Error, file: UploadFile): void
   (e: 'progress', percent: number, file: UploadFile): void
   (e: 'remove', file: UploadFile, index: number): void
   (e: 'preview', file: UploadFile): void
   (e: 'exceed', files: Object[]): void
-  (e: 'before-upload', file: UploadFile): void
-  (e: 'after-upload', file: UploadFile): void
+  (e: 'uploading', file: UploadFile): void
+  (e: 'uploaded', file: UploadFile): void
 }
 
 // 定义 Props 默认值
@@ -294,6 +289,7 @@ const props = withDefaults(defineProps<Props>(), {
   autoUpload: true,
 
   responseFormatter: (response: any) => {
+    console.log('responseFormatter', response)
     return {
       url: response?.data?.url || response?.result?.url || response?.url || response?.fileUrl,
       name: response?.data?.fileName || response?.result?.fileName || response?.data?.name || response?.result?.name || response?.name,
@@ -313,7 +309,7 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<Emits>()
 
 // 响应式状态
-const fileList = ref<UploadFile[]>(props.modelValue || [])
+const fileList = ref<UploadFile[]>([]) //props.modelValue || []
 const dragOver = ref(false)
 const uploadingAll = ref(false)
 
@@ -322,8 +318,19 @@ const uploadTasks = new Map<string, UniApp.UploadTask>()
 
 // 监听 modelValue 变化
 watch(() => props.modelValue, (val) => {
-  if (val) {
-    fileList.value = val
+  if (!val) return
+
+  if (isSingleFile()) {
+    fileList.value = [{
+      url: String(props.modelValue),
+      uid: '',
+      name: 'single file',
+      size: 0,
+      status: 'uploading'
+    }]
+  }
+  else {
+    fileList.value = val as UploadFile[]
   }
 }, { deep: true })
 
@@ -334,7 +341,7 @@ const uploading = computed(() => {
 
 // 生成唯一ID
 const generateUid = () => {
-  return Date.now() + '-' + Math.random().toString(36).substr(2, 9)
+  return Date.now() + '-' + Math.random().toString(36).substring(2, 9)
 }
 
 // 格式化文件大小
@@ -370,8 +377,13 @@ const handleUploadTap = async () => {
     return
   }
 
-  const maxSelectable = props.multiple ?
-    Math.max(0, props.maxCount! - fileList.value.length) : 1
+  let accept = getFileType(props.accept) // image, video, all
+  let maxSelectable = props.multiple ? Math.max(0, props.maxCount! - fileList.value.length) : 1
+
+  if (props.type === 'avatar') {
+    accept = 'image'
+    maxSelectable = 1
+  }
 
   if (maxSelectable <= 0) {
     emit('exceed', [])
@@ -384,9 +396,10 @@ const handleUploadTap = async () => {
 
   try {
     const res = await chooseFile({
-      count: 9,
-      type: getFileType(props.accept) //'image' // image, video, all
+      count: maxSelectable,
+      type: accept
     })
+
     for (const tempFile of res.tempFiles as Array<any>) {
       await processFile(tempFile)
     }
@@ -397,25 +410,6 @@ const handleUploadTap = async () => {
       icon: 'none'
     })
   }
-
-
-  // uni.chooseFile({
-  //   count: maxSelectable,
-  //   type: getFileType(props.accept),
-  //   extension: getFileExtensions(props.accept),
-  //   success: async (res) => {
-  //     for (const tempFile of res.tempFiles as Array<any>) {
-  //       await processFile(tempFile)
-  //     }
-  //   },
-  //   fail: (err) => {
-  //     console.error('选择文件失败:', err)
-  //     uni.showToast({
-  //       title: '选择文件失败',
-  //       icon: 'none'
-  //     })
-  //   }
-  // })
 }
 
 // 获取文件类型
@@ -425,19 +419,9 @@ const getFileType = (accept: string): 'image' | 'video' | 'all' => {
   return 'all'
 }
 
-// 获取文件扩展名
-const getFileExtensions = (accept: string): string[] | undefined => {
-  if (accept === '*' || accept.includes('all')) {
-    return undefined
-  }
-
-  const extensions = accept
-    .split(',')
-    .map(ext => ext.trim())
-    .filter(ext => ext.startsWith('.'))
-    .map(ext => ext.substring(1))
-
-  return extensions.length > 0 ? extensions : undefined
+// 是否仅上传单个文件
+const isSingleFile = () => {
+  return typeof props.modelValue === 'string' || props.type === 'avatar' || !props.multiple
 }
 
 // 处理文件
@@ -485,7 +469,7 @@ const processFile = async (uniFile: any) => {
     status: 'pending',
     progress: 0,
     url: uniFile.path,
-    thumbUrl: uniFile.type?.startsWith('image/') ? uniFile.path : undefined,
+    thumbUrl: uniFile.type?.startsWith('image') ? uniFile.path : undefined,
     rawFile: uniFile,
     file
   }
@@ -493,6 +477,7 @@ const processFile = async (uniFile: any) => {
   // 添加到文件列表
   if (!props.multiple) {
     fileList.value = [uploadFile]
+
   } else {
     fileList.value.push(uploadFile)
   }
@@ -506,69 +491,13 @@ const processFile = async (uniFile: any) => {
   }
 }
 
-// // 检查文件类型是否被接受
-// const isFileTypeAccepted = (uniFile: any): boolean => {
-//   if (props.accept === '*') return true
-
-//   const acceptTypes = props.accept.split(',').map(type => type.trim())
-
-//   for (const acceptType of acceptTypes) {
-//     if (acceptType === '*') return true
-
-//     // 检查 MIME 类型
-//     if (acceptType.endsWith('/*')) {
-//       const category = acceptType.split('/')[0]
-//       if (uniFile.type?.startsWith(category + '/')) {
-//         return true
-//       }
-//     }
-
-//     // 检查扩展名
-//     if (acceptType.startsWith('.')) {
-//       const ext = acceptType.substring(1).toLowerCase()
-//       const fileName = uniFile.name.toLowerCase()
-//       if (fileName.endsWith('.' + ext)) {
-//         return true
-//       }
-//     }
-
-//     // 检查完整 MIME 类型
-//     if (uniFile.type === acceptType) {
-//       return true
-//     }
-//   }
-
-//   return false
-// }
-
-// 从 uniapp 文件创建 File 对象
-// const createFileFromUniFile = (uniFile: any): File => {
-//   const file = new File([], uniFile.name, {
-//     type: uniFile.type || 'application/octet-stream',
-//     lastModified: uniFile.lastModified || Date.now()
-//   })
-
-//   Object.defineProperties(file, {
-//     size: {
-//       value: uniFile.size,
-//       writable: false
-//     },
-//     path: {
-//       value: uniFile.path,
-//       writable: false
-//     }
-//   })
-
-//   return file
-// }
-
 // 开始上传
 const startUpload = async (uploadFile: UploadFile) => {
   uploadFile.status = 'uploading'
   uploadFile.progress = 0
-  emit('upload', uploadFile)
-  emit('before-upload', uploadFile)
-  updateFileList()
+  emit('uploading', uploadFile)
+
+  // updateFileList()
 
   try {
     let response: any
@@ -580,7 +509,7 @@ const startUpload = async (uploadFile: UploadFile) => {
         (percent) => {
           uploadFile.progress = percent
           emit('progress', percent, uploadFile)
-          updateFileList()
+          updateFileList(uploadFile)
         }
       )
     } else if (props.action) {
@@ -598,7 +527,7 @@ const startUpload = async (uploadFile: UploadFile) => {
     uploadFile.response = formattedResponse
     uploadFile.url = formattedResponse.url || uploadFile.url
 
-    emit('success', formattedResponse, uploadFile)
+    emit('success', uploadFile)
   } catch (error) {
     uploadFile.status = 'error'
     uploadFile.error = error as Error
@@ -609,17 +538,21 @@ const startUpload = async (uploadFile: UploadFile) => {
       icon: 'none'
     })
   } finally {
-    emit('after-upload', uploadFile)
-    updateFileList()
+    emit('uploaded', uploadFile)
+    updateFileList(uploadFile)
   }
 }
 
 // 默认上传实现
 const defaultUpload = (uploadFile: UploadFile): Promise<any> => {
-  const headers = {
-    ...props.headers,
-    'Authorization': `Bearer ${props.accessToken}`,
-    'AccessToken': props.accessToken,
+  let headers = props.headers
+
+  if (props.accessToken) {
+    headers = {
+      ...headers,
+      'Authorization': `Bearer ${props.accessToken}`,
+      'AccessToken': props.accessToken,
+    }
   }
 
   return universalUploadFile({
@@ -636,43 +569,17 @@ const defaultUpload = (uploadFile: UploadFile): Promise<any> => {
     timeout: props.timeout,
     withCredentials: props.withCredentials
   })
-
-  // return new Promise((resolve, reject) => {
-  //   uni.uploadFile({
-  //     url: props.action!,
-  //     filePath: uploadFile.rawFile.path,
-  //     name: props.name,
-  //     formData: {
-  //       ...props.data,
-  //       filename: uploadFile.name,
-  //       size: uploadFile.size,
-  //       type: uploadFile.type
-  //     },
-  //     header: headers,
-  //     timeout: props.timeout,
-  //     withCredentials: props.withCredentials,
-  //     success: (res: any) => {
-  //       try {
-  //         const data = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
-  //         resolve(data)
-  //       } catch (e: any) {
-  //         reject(e)
-  //       }
-  //     },
-  //     complete: () => {
-  //       // 上传完成
-  //     },
-  //     fail: (e: any) => {
-  //       reject(e)
-  //     }
-  //   })
-  // })
 }
 
 // 更新文件列表
-const updateFileList = () => {
+const updateFileList = (uploadFile?: UploadFile) => {
   emit('change', [...fileList.value])
-  emit('update:modelValue', [...fileList.value])
+
+  if (isSingleFile()) {
+    emit('update:modelValue', String(uploadFile?.url))
+  } else {
+    emit('update:modelValue', [...fileList.value])
+  }
 }
 
 // 处理删除
@@ -713,7 +620,7 @@ const handlePreview = (file: UploadFile) => {
   emit('preview', file)
 
   // 如果是图片，使用 uni.previewImage
-  if (file.url && file.type?.startsWith('image/')) {
+  if (file.url && file.type?.startsWith('image')) {
     uni.previewImage({
       urls: [file.url],
       current: file.url
@@ -778,30 +685,6 @@ const handleClearAll = () => {
   })
 }
 
-// 手动上传文件
-const upload = async (file: File) => {
-  const uploadFile: UploadFile = {
-    uid: generateUid(),
-    name: file.name,
-    size: file.size,
-    type: file.type,
-    status: 'pending',
-    progress: 0,
-    file: file
-  }
-
-  if (!props.multiple) {
-    fileList.value = [uploadFile]
-  } else {
-    fileList.value.push(uploadFile)
-  }
-
-  emit('select', file)
-  updateFileList()
-
-  await startUpload(uploadFile)
-}
-
 // 清空文件列表
 const clearFiles = () => {
   handleClearAll()
@@ -825,7 +708,6 @@ const abortUpload = (uid: string) => {
 
 // 暴露方法给父组件
 defineExpose({
-  upload,
   clearFiles,
   abortUpload,
   uploadAll: handleUploadAll,
@@ -905,11 +787,6 @@ defineExpose({
   gap: 20rpx;
 }
 
-.im-upload__avatar-icon {
-  font-size: 40rpx;
-  color: #8c939d;
-}
-
 .im-upload__avatar-text {
   font-size: 26rpx;
   color: #606266;
@@ -949,12 +826,15 @@ defineExpose({
 }
 
 .im-upload__list {
-  margin-top: 32rpx;
+  // margin-top: 20rpx;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .im-upload__item {
   &--picture {
-    margin-bottom: 24rpx;
+    margin-top: 20rpx;
+    margin-right: 20rpx;
   }
 
   &--text {
@@ -1066,12 +946,6 @@ defineExpose({
   right: 8rpx;
   display: flex;
   gap: 8rpx;
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-
-.im-upload__item-preview:hover .im-upload__item-actions {
-  opacity: 1;
 }
 
 .im-upload__item-action {

package/components/im-upload/utils/{file-adapter.js → file-adapter.ts}

@@ -1,11 +1,11 @@
-// utils/file-adapter.js
+// utils/file-adapter.ts
 
 /**
  * 创建统一的文件对象（多平台兼容）
  * @param {Object} rawFile - 原始文件数据
  * @returns {Object} 统一格式的文件对象
  */
-export const createFileFromUniFile = (rawFile) => {
+export const createFileFromUniFile = (rawFile: any): any => {
     // 检查环境
     // #ifdef H5
     if (rawFile instanceof File) {
@@ -31,7 +31,7 @@ export const createFileFromUniFile = (rawFile) => {
         raw: rawFile,
 
         // 方法（模拟 File 对象的部分行为）
-        slice(start, end) {
+        slice(start: any, end: any) {
             // 小程序环境不支持实际切片，返回一个标记对象
             return {
                 path: this.path,
@@ -44,12 +44,12 @@ export const createFileFromUniFile = (rawFile) => {
 
         // 转换为 base64（异步）
         toBase64() {
-            return new Promise((resolve, reject) => {
+            return new Promise((resolve: any, reject: any) => {
                 // #ifdef MP-WEIXIN
                 wx.getFileSystemManager().readFile({
                     filePath: this.path,
                     encoding: 'base64',
-                    success: (res) => resolve(res.data),
+                    success: (res: any) => resolve(res.data),
                     fail: reject
                 })
                 // #endif
@@ -62,10 +62,10 @@ export const createFileFromUniFile = (rawFile) => {
                 // #endif
 
                 // #ifdef APP-PLUS
-                plus.io.resolveLocalFileSystemURL(this.path, (entry) => {
-                    entry.file((file) => {
+                plus.io.resolveLocalFileSystemURL(this.path, (entry: any) => {
+                    entry.file((file: any) => {
                         const reader = new plus.io.FileReader()
-                        reader.onload = (e) => resolve(e.target.result.split(',')[1])
+                        reader.onload = (e: any) => resolve(e.target.result.split(',')[1])
                         reader.onerror = reject
                         reader.readAsDataURL(file)
                     })
@@ -76,11 +76,11 @@ export const createFileFromUniFile = (rawFile) => {
 
         // 转换为 ArrayBuffer（异步）
         toArrayBuffer() {
-            return new Promise((resolve, reject) => {
+            return new Promise((resolve: any, reject: any) => {
                 // #ifdef MP-WEIXIN
                 wx.getFileSystemManager().readFile({
                     filePath: this.path,
-                    success: (res) => resolve(res.data),
+                    success: (res: any) => resolve(res.data),
                     fail: reject
                 })
                 // #endif
@@ -132,7 +132,7 @@ export const createFileFromUniFile = (rawFile) => {
 /**
  * 从文件路径提取文件名
  */
-const getFileNameFromPath = (path) => {
+const getFileNameFromPath = (path: any): any => {
     if (!path) return 'unnamed'
     return path.split('/').pop().split('?')[0]
 }
@@ -140,11 +140,11 @@ const getFileNameFromPath = (path) => {
 /**
  * 从文件名获取文件类型
  */
-const getFileTypeFromPath = (filename) => {
+const getFileTypeFromPath = (filename: any): any => {
     if (!filename) return 'application/octet-stream'
 
     const extension = filename.split('.').pop().toLowerCase()
-    const typeMap = {
+    const typeMap: any = {
         // 图片
         'jpg': 'image/jpeg',
         'jpeg': 'image/jpeg',
@@ -186,18 +186,18 @@ const getFileTypeFromPath = (filename) => {
 /**
  * 批量转换文件对象
  */
-export const createFilesFromUniFiles = (rawFiles) => {
+export const createFilesFromUniFiles = (rawFiles: any): any => {
     if (!Array.isArray(rawFiles)) {
         rawFiles = [rawFiles]
     }
 
-    return rawFiles.map(file => createFileFromUniFile(file))
+    return rawFiles.map((file: any) => createFileFromUniFile(file))
 }
 
 /**
  * 环境检测
  */
-export const isBrowserEnv = () => {
+export const isBrowserEnv = (): any => {
     // #ifdef H5
     return typeof File !== 'undefined'
     // #endif
@@ -205,7 +205,7 @@ export const isBrowserEnv = () => {
     return false
 }
 
-export const isWeChatEnv = () => {
+export const isWeChatEnv = (): any => {
     // #ifdef MP-WEIXIN
     return true
     // #endif

package/components/im-upload/utils/{file-chooser.js → file-chooser.ts}

@@ -1,34 +1,36 @@
-// utils/file-chooser.js
-export const chooseFile = (options = {}) => {
+// utils/file-chooser.ts
+
+export const chooseFile = (options: any = {}): any => {
     const defaultOptions = {
         count: 1,
         type: 'image'
     }
-
     const config = { ...defaultOptions, ...options }
 
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve: any, reject: any) => {
         // #ifdef H5 || APP-PLUS
         uni.chooseFile({
             ...config,
-            success: (res) => resolve(res),
-            fail: (err) => reject(err)
+            success: (res: any) => resolve(res),
+            fail: (err: any) => reject(err)
         })
         // #endif
 
         // #ifdef MP-WEIXIN
         // 微信小程序需要根据type映射到不同的API
-        if (config.type === 'image' || config.type === 'all') {
+        if (config.type === 'image') {
             wx.chooseImage({
                 count: config.count,
-                success: (res) => {
+                success: (res: any) => {
+                    const { tempFilePaths, tempFiles } = res
                     // 统一返回格式
                     const result = {
-                        tempFilePaths: res.tempFilePaths,
-                        tempFiles: res.tempFiles.map(file => ({
+                        tempFilePaths: tempFilePaths,
+                        tempFiles: tempFiles.map((file: any) => ({
                             path: file.path,
                             size: file.size,
-                            type: file.type || 'image'
+                            type: file.type || 'image',
+                            name: ''
                         }))
                     }
                     resolve(result)
@@ -39,9 +41,9 @@ export const chooseFile = (options = {}) => {
             wx.chooseMessageFile({
                 count: config.count,
                 type: config.type === 'video' ? 'video' : 'file',
-                success: (res) => {
+                success: (res: any) => {
                     resolve({
-                        tempFilePaths: res.tempFiles.map(file => file.path),
+                        tempFilePaths: res.tempFiles.map((file: any) => file.path),
                         tempFiles: res.tempFiles
                     })
                 },
@@ -54,10 +56,10 @@ export const chooseFile = (options = {}) => {
         // 支付宝小程序处理
         my.chooseImage({
             count: config.count,
-            success: (res) => {
+            success: (res: any) => {
                 resolve({
                     tempFilePaths: res.apFilePaths,
-                    tempFiles: res.apFilePaths.map(path => ({ path }))
+                    tempFiles: res.apFilePaths.map((path: any) => ({ path }))
                 })
             },
             fail: reject

package/components/im-upload/utils/{file-validator.js → file-validator.ts}

@@ -1,14 +1,9 @@
-// utils/file-validator.js
+// utils/file-validator.ts
 
 /**
  * 获取文件类型（多平台兼容）
  */
-const getFileType = (file) => {
-    // 优先使用 MIME 类型判断
-    if (file.type) {
-        return file.type.split('/')[0] // image, video, audio, application
-    }
-
+const getFileType = (file: any): any => {
     // 通过文件名后缀判断
     const path = file.path || file.name || ''
     const extension = path.split('.').pop().toLowerCase()
@@ -35,7 +30,7 @@ const getFileType = (file) => {
 /**
  * 统一文件类型映射（将自定义类型映射到平台支持的类型）
  */
-const mapAcceptTypeToPlatform = (accept, platform) => {
+const mapAcceptTypeToPlatform = (accept: string, platform: string): any => {
     const typeMap = {
         image: {
             wx: ['image'],
@@ -73,7 +68,7 @@ const mapAcceptTypeToPlatform = (accept, platform) => {
  * @param {string|Array} accept - 接受的文件类型
  * @returns {boolean}
  */
-export const isFileTypeAccepted = (file, accept = 'image') => {
+export const isFileTypeAccepted = (file: any, accept: any = 'image'): boolean => {
     if (!file) return false
 
     // 如果 accept 是数组，转换为字符串处理
@@ -83,11 +78,10 @@ export const isFileTypeAccepted = (file, accept = 'image') => {
     const fileType = getFileType(file)
 
     // 处理 accept 字符串
-    const acceptTypes = acceptType.split(',').map(type => type.trim())
+    const acceptTypes = acceptType.split(',').map((type: any) => type.trim())
 
     // 特殊类型处理
-    if (acceptTypes.includes('all')) return true
-    if (acceptTypes.includes('*')) return true
+    if (acceptTypes.includes('*') || acceptTypes.includes('all')) return true
 
     // 检查文件类型
     for (const accepted of acceptTypes) {
@@ -106,7 +100,7 @@ export const isFileTypeAccepted = (file, accept = 'image') => {
         }
 
         // 通用类型匹配
-        const genericTypes = {
+        const genericTypes: any = {
             'image': ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'],
             'video': ['mp4', 'avi', 'mov', 'wmv'],
             'audio': ['mp3', 'wav', 'ogg', 'm4a'],
@@ -124,7 +118,7 @@ export const isFileTypeAccepted = (file, accept = 'image') => {
 /**
  * 获取平台特定的文件选择配置
  */
-export const getPlatformFileConfig = (options = {}) => {
+export const getPlatformFileConfig = (options: any = {}): any => {
     const { accept = 'image', count = 1 } = options
 
     // #ifdef MP-WEIXIN
@@ -194,8 +188,8 @@ export const getPlatformFileConfig = (options = {}) => {
 /**
  * 获取微信小程序支持的扩展名
  */
-const getWeChatExtensions = (accept) => {
-    const extensions = []
+const getWeChatExtensions = (accept: any): any => {
+    const extensions: any = []
 
     if (accept.includes('image')) {
         extensions.push('.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp')
@@ -217,90 +211,4 @@ const getWeChatExtensions = (accept) => {
     }
 
     return extensions
-}
-
-// /**
-//  * 统一文件选择方法（整合类型检查）
-//  */
-// export const chooseFile = async (options = {}) => {
-//     const {
-//         accept = 'image',
-//         count = 1,
-//         sizeLimit, // 文件大小限制（字节）
-//         onTypeError, // 类型错误回调
-//         onSizeError // 大小错误回调
-//     } = options
-
-//     const platformConfig = getPlatformFileConfig({ accept, count })
-
-//     return new Promise((resolve, reject) => {
-//         // #ifdef MP-WEIXIN
-//         const wxApi = wx[platformConfig.api]
-//         wxApi({
-//             ...platformConfig.config,
-//             success: (res) => {
-//                 // 统一处理返回结果
-//                 let files = []
-//                 if (platformConfig.api === 'chooseImage') {
-//                     files = res.tempFiles.map(file => ({
-//                         path: file.path,
-//                         size: file.size,
-//                         type: 'image'
-//                     }))
-//                 } else if (platformConfig.api === 'chooseMessageFile') {
-//                     files = res.tempFiles
-//                 }
-
-//                 // 类型检查
-//                 const filteredFiles = files.filter(file =>
-//                     isFileTypeAccepted(file, accept)
-//                 )
-
-//                 // 大小检查
-//                 if (sizeLimit) {
-//                     const oversizedFiles = filteredFiles.filter(file => file.size > sizeLimit)
-//                     if (oversizedFiles.length > 0 && onSizeError) {
-//                         onSizeError(oversizedFiles)
-//                     }
-//                 }
-
-//                 resolve({
-//                     tempFilePaths: filteredFiles.map(f => f.path),
-//                     tempFiles: filteredFiles
-//                 })
-//             },
-//             fail: reject
-//         })
-//         // #endif
-
-//         // #ifdef H5 || APP-PLUS
-//         uni.chooseFile({
-//             ...platformConfig.config,
-//             success: (res) => {
-//                 // 类型检查
-//                 const filteredFiles = res.tempFiles.filter(file =>
-//                     isFileTypeAccepted(file, accept)
-//                 )
-
-//                 if (filteredFiles.length === 0 && onTypeError) {
-//                     onTypeError('没有符合类型的文件')
-//                 }
-
-//                 // 大小检查
-//                 if (sizeLimit) {
-//                     const oversizedFiles = filteredFiles.filter(file => file.size > sizeLimit)
-//                     if (oversizedFiles.length > 0 && onSizeError) {
-//                         onSizeError(oversizedFiles)
-//                     }
-//                 }
-
-//                 resolve({
-//                     tempFilePaths: filteredFiles.map(f => f.path),
-//                     tempFiles: filteredFiles
-//                 })
-//             },
-//             fail: reject
-//         })
-//         // #endif
-//     })
-// }
+}

package/components/im-upload/utils/{upload.js → upload.ts}

@@ -1,8 +1,9 @@
-// utils/upload.js
+// utils/upload.ts
+
 /**
  * 获取平台特定的上传方法
  */
-const getPlatformUploadAPI = () => {
+const getPlatformUploadAPI = (): any => {
     // #ifdef H5 || APP-PLUS
     return uni.uploadFile
     // #endif
@@ -34,11 +35,11 @@ const getPlatformUploadAPI = () => {
 /**
  * 获取平台特定的请求头处理
  */
-const getPlatformHeaders = (headers, platform) => {
+const getPlatformHeaders = (headers: any, platform: any): any => {
     // 微信小程序需要特殊处理
     if (platform === 'wx') {
         // 微信小程序中，header 字段名是小写的
-        const wxHeaders = {}
+        const wxHeaders: any = {}
         Object.keys(headers).forEach(key => {
             wxHeaders[key.toLowerCase()] = headers[key]
         })
@@ -51,7 +52,7 @@ const getPlatformHeaders = (headers, platform) => {
 /**
  * 获取平台特定的请求配置
  */
-const getPlatformConfig = (config, platform) => {
+const getPlatformConfig = (config: any, platform: any): any => {
     const baseConfig = {
         url: config.url,
         filePath: config.filePath,
@@ -107,7 +108,7 @@ const getPlatformConfig = (config, platform) => {
 /**
  * 获取当前平台标识
  */
-const getCurrentPlatform = () => {
+const getCurrentPlatform = (): any => {
     // #ifdef MP-WEIXIN
     return 'wx'
     // #endif
@@ -142,14 +143,14 @@ const getCurrentPlatform = () => {
 /**
  * 多平台兼容的文件上传方法
  */
-export const universalUploadFile = (config) => {
+export const universalUploadFile = (config: any): any => {
     const platform = getCurrentPlatform()
     const platformConfig = getPlatformConfig(config, platform)
     const uploadAPI = getPlatformUploadAPI()
 
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve: any, reject: any) => {
         // 平台特定的成功回调处理
-        const successCallback = (res) => {
+        const successCallback = (res: any) => {
             try {
                 // 统一处理返回数据格式
                 let data = res.data || res
@@ -181,7 +182,7 @@ export const universalUploadFile = (config) => {
         }
 
         // 平台特定的失败回调处理
-        const failCallback = (err) => {
+        const failCallback = (err: any) => {
             const error = {
                 errMsg: err.errMsg || 'uploadFile:fail',
                 detail: err

package/package.json

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

package/types/components/upload.d.ts

@@ -86,9 +86,6 @@ declare interface UploadProps {
 
 // 上传组件方法
 declare interface UploadMethods {
-    // 手动上传文件
-    upload: (file: Object) => Promise<void>
-
     // 清空文件列表
     clearFiles: () => void
 
@@ -110,15 +107,14 @@ declare interface _Upload {
             'update:modelValue': (files: UploadFile[]) => void
             'change': (files: UploadFile[]) => void
             'select': (file: Object) => void
-            'upload': (file: UploadFile) => void
             'success': (response: any, file: UploadFile) => void
             'error': (error: Error, file: UploadFile) => void
             'progress': (percent: number, file: UploadFile) => void
             'remove': (file: UploadFile, index: number) => void
             'preview': (file: UploadFile) => void
             'exceed': (files: Object[]) => void
-            'before-upload': (file: UploadFile) => void
-            'after-upload': (file: UploadFile) => void
+            'uploading': (file: UploadFile) => void
+            'uploaded': (file: UploadFile) => void
         }
     } & UploadMethods
 }

package/types/index.d.ts

@@ -125,4 +125,5 @@ declare module 'im-ui-mobile' {
     }
 
     export * from './components/sku.d.ts'
+    
 }

package/utils/datetime.js

@@ -19,18 +19,18 @@ const toTimeText = (timeStamp, simple = false) => {
         timeText = Math.floor(timeDiff / 60000) + '分钟前';
     } else if (timeDiff >= 3600000 && timeDiff < 86400000 && !isYesterday(dateTime)) {
         // 今日
-        timeText = formatDateTime(dateTime).substr(11, 5);
+        timeText = formatDateTime(dateTime).substring(11, 5);
     } else if (isYesterday(dateTime)) {
         // 昨天
-        timeText = '昨天' + formatDateTime(dateTime).substr(11, 5);
+        timeText = '昨天' + formatDateTime(dateTime).substring(11, 5);
     } else if (isYear(dateTime)) {
         // 今年
-        timeText = formatDateTime(dateTime).substr(5, simple ? 5 : 14);
+        timeText = formatDateTime(dateTime).substring(5, simple ? 5 : 14);
     } else {
         // 不属于今年
         timeText = formatDateTime(dateTime);
         if (simple) {
-            timeText = timeText.substr(2, 8);
+            timeText = timeText.substring(2, 8);
         }
     }
     return timeText;
@@ -127,19 +127,19 @@ const toChatTimeText = (timeStamp) => {
 
     // 今天内的消息
     if (timeDiff < 86400000 && !isYesterday(dateTime)) {
-        return formatDateTime(dateTime).substr(11, 5);
+        return formatDateTime(dateTime).substring(11, 5);
     }
     // 昨天的消息
     else if (isYesterday(dateTime)) {
-        return '昨天 ' + formatDateTime(dateTime).substr(11, 5);
+        return '昨天 ' + formatDateTime(dateTime).substring(11, 5);
     }
     // 今年内的消息
     else if (isYear(dateTime)) {
-        return formatDateTime(dateTime).substr(5, 5); // MM/dd
+        return formatDateTime(dateTime).substring(5, 5); // MM/dd
     }
     // 往年的消息
     else {
-        return formatDateTime(dateTime).substr(2, 8); // yy/MM/dd
+        return formatDateTime(dateTime).substring(2, 8); // yy/MM/dd
     }
 }