swordpass-ui 1.1.6 → 1.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "swordpass-ui",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "author": "sword",
   "private": false,
   "scripts": {

package/packages/File/src/main.vue

@@ -16,6 +16,7 @@
     />
     <file-upload
       ref="fileUpload"
+      v-if="inputWriteable"
       v-model="inputVal"
       :list-type="pictureWall ? 'picture-card' : null"
       :action-url="actionUrlVal"
@@ -29,7 +30,6 @@
       :size="size"
       :readonly="!inputWriteable"
       :with-credentials="withCredentials"
-      @on-progress="handleProgress"
       @handle-error="handleError"
       @clear="handleClear"
     >
@@ -219,7 +219,7 @@ export default {
     return {
       writeable: true,
       temp: null,
-      refreshFileUploadDebounce: _.debounce(this.refreshFileUpload, 1000),
+      refreshFileUploadDebounce: null,
       inputVal: [],
     }
   },
@@ -311,10 +311,17 @@ export default {
     },
   },
   created() {
+    this.refreshFileUploadDebounce = _.debounce(this.refreshFileUpload, 1000)
     if (this.value) {
       this.inputVal = JSON.parse(this.value)
     }
   },
+  beforeDestroy() {
+    // 组件销毁前取消防抖调用
+    if (this.refreshFileUploadDebounce) {
+      this.refreshFileUploadDebounce.cancel()
+    }
+  },
   methods: {
     //获取指定字符串点最后一个字符
     substringType(str) {
@@ -383,7 +390,9 @@ export default {
       // 清空操作
       if (opType === 'clear') {
         this.$emit('input', '')
-        this.refreshFileUploadDebounce()
+        if (this.refreshFileUploadDebounce) {
+          this.refreshFileUploadDebounce()
+        }
         return
       }
 
@@ -414,7 +423,9 @@ export default {
 
       // 更新组件值并刷新上传组件
       this.$emit('input', ary.length > 0 ? JSON.stringify(ary) : '')
-      this.refreshFileUploadDebounce()
+      if (this.refreshFileUploadDebounce) {
+        this.refreshFileUploadDebounce()
+      }
     },
 
     /**
@@ -455,9 +466,13 @@ export default {
     // 同步附件数据到上传组件
     refreshFileUpload() {
       this.$nextTick(() => {
-        console.log(this.$refs.fileUpload)
-        if (this.$refs.fileUpload) {
+        if (
+          this.$refs.fileUpload &&
+          typeof this.$refs.fileUpload.reload === 'function'
+        ) {
           this.$refs.fileUpload.reload(this.inputVal)
+        } else {
+          console.warn('FileUpload 组件尚未渲染或已卸载')
         }
       })
     },
@@ -483,7 +498,12 @@ export default {
       this.$emit('onSuccess', response, file, fileList)
     },
     removeFile(file) {
-      this.$refs.fileUpload.abort(file)
+      if (
+        this.$refs.fileUpload &&
+        typeof this.$refs.fileUpload.abort === 'function'
+      ) {
+        this.$refs.fileUpload.abort(file)
+      }
       this.valueOpration(this.convertFile2Item(file), 'remove')
       this.$emit('remove', file, this.inputVal)
     },
@@ -532,7 +552,9 @@ export default {
     },
     handleSort(data) {
       this.$emit('input', JSON.stringify(data))
-      this.refreshFileUploadDebounce()
+      if (this.refreshFileUploadDebounce) {
+        this.refreshFileUploadDebounce()
+      }
     },
   },
 }