@idooel/components 0.0.2-beta.5 → 0.0.2-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idooel/components",
-  "version": "0.0.2-beta.5",
+  "version": "0.0.2-beta.7",
   "description": "",
   "private": false,
   "main": "dist/@idooel/components.umd.js",

package/packages/upload/src/index.vue

@@ -164,8 +164,7 @@ export default {
     querys: {
       type: Object,
       default: () => ({
-        _csrf: localStorage.getItem('token'),
-        _t: new Date().valueOf()
+        _csrf: localStorage.getItem('token')
       })
     },
     headers: {
@@ -192,7 +191,8 @@ export default {
       // 上传状态管理
       saveToServerAsyncPageTimer: null,
       uploadRefId: null,
-      groupId: null
+      // 多选且外部无值时，预先生成 groupId，确保首次上传参数完整
+      groupId: (this.multiple && !this.value) ? uuidv4() : null
     }
   },
   created() {
@@ -205,8 +205,6 @@ export default {
   watch: {
     value: {
       async handler(value) {
-        console.log('watch.value triggered:', { value, multiple: this.multiple, currentGroupId: this.groupId })
-        
         if (type.isEmpty(value)) {
           this.resetFiles()
         } else if (this.multiple) {
@@ -591,10 +589,27 @@ export default {
       this.activateUploadComponent(newFile, oldFile)
     },
     
+    /**
+     * 生成唯一的随机数
+     */
+    generateUniqueRandom() {
+      // 使用 crypto.getRandomValues 生成更安全的随机数
+      if (window.crypto && window.crypto.getRandomValues) {
+        const array = new Uint32Array(1)
+        window.crypto.getRandomValues(array)
+        return array[0].toString()
+      }
+      // 降级方案：使用 Math.random 结合时间戳
+      return Math.random().toString(36).substr(2, 9) + Date.now().toString(36)
+    },
+
     /**
      * 处理文件添加
      */
     handleFileAdd(newFile) {
+      // 为每个文件生成唯一的随机数
+      const uniqueRandom = this.generateUniqueRandom()
+      newFile.postAction = newFile.postAction + '&_t=' + uniqueRandom
       console.log('add file:', newFile)
       console.log('extensions:', this.extensions)
       console.log('accept:', this.accept)
@@ -607,7 +622,6 @@ export default {
         this.removeInvalidFile(newFile)
         return
       }
-      
       console.log('文件类型验证通过，继续上传')
     },
     
@@ -698,8 +712,18 @@ export default {
     resetFiles() {
       this.files = []
       this.buildedFiles = []
-      this.groupId = null
-      console.log('Reset groupId to null')
+      // 多选模式下保留或生成 groupId，避免首次上传为空
+      if (this.multiple) {
+        if (!this.groupId) {
+          this.groupId = uuidv4()
+          console.log('Generated groupId in resetFiles:', this.groupId)
+        } else {
+          console.log('Preserve existing groupId in resetFiles:', this.groupId)
+        }
+      } else {
+        this.groupId = null
+        console.log('Reset groupId to null (single mode)')
+      }
     },
     
     /**