@v2coding/ui 0.1.15 → 0.1.18

package/dist/v2coding-ui.esm.js

@@ -2768,8 +2768,16 @@ var script$A = {
       this.query = query;
     },
 
-    onBlur() {
-      this.query = '';
+    async delay() {
+      let ms = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      return new Promise(resolve => setTimeout(resolve, ms));
+    },
+
+    async onVisibleChange(visible) {
+      if (!visible) {
+        await this.delay(300);
+        this.query = '';
+      }
     }
 
   }
@@ -2806,7 +2814,7 @@ var __vue_render__$A = function () {
     },
     on: {
       "input": _vm.onChange,
-      "blur": _vm.onBlur
+      "visible-change": _vm.onVisibleChange
     }
   }, 'el-select', _vm.$attrs, false), _vm._listeners), [_vm._l(_vm.displayOptions, function (item) {
     return _c('el-option', _vm._b({
@@ -2859,7 +2867,7 @@ var __vue_render__$A = function () {
     },
     on: {
       "input": _vm.onChange,
-      "blur": _vm.onBlur
+      "visible-change": _vm.onVisibleChange
     }
   }, 'el-select', _vm.$attrs, false), _vm._listeners), [_vm._l(_vm.displayOptions, function (item) {
     return _c('el-option', _vm._b({
@@ -2909,7 +2917,7 @@ var __vue_staticRenderFns__$A = [];
 
 const __vue_inject_styles__$B = function (inject) {
   if (!inject) return;
-  inject("data-v-525e6b24_0", {
+  inject("data-v-5ed62eec_0", {
     source: ".ui-field-select .el-select{width:100%}.ui-field-select .el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:var(--color-primary)}.ui-field-select .empty{font-size:12px;color:#909399;display:flex;align-items:center}.ui-field-select .el-loading-mask .el-loading-spinner{margin-top:-14px}",
     map: undefined,
     media: undefined
@@ -4316,6 +4324,36 @@ var Upload = {
         };
       });
     });
+  },
+  aws: (url, params, file) => {
+    const getSignature = params => {
+      return Axios.getInstance().get(url, {
+        params
+      });
+    };
+
+    return getSignature(params).then(result => {
+      if (!result.success) {
+        return result;
+      }
+
+      const {
+        url,
+        putUrl
+      } = result.data;
+      return Axios.getInstance().put(putUrl, file.file, {
+        headers: {
+          'Content-Type': 'multipart/form-data'
+        }
+      }).then(() => {
+        return {
+          success: true,
+          data: {
+            url: url
+          }
+        };
+      });
+    });
   }
 };
 
@@ -4618,6 +4656,7 @@ var script$p = {
       type: Boolean,
       default: false
     },
+    customUpload: Function,
     needCreateAttachment: {
       type: Boolean,
       default: false
@@ -4681,37 +4720,54 @@ var script$p = {
       }
 
       this.uploading = true;
-      const uploadServer = Upload[this.uploadType] || Upload.default;
-      uploadServer(this.url, {
-        filename: file.name
-      }, {
-        file,
-        filename: this.filename
-      }).then(result => {
-        var _result$data;
 
-        this.uploading = false;
+      if (typeof this.customUpload === 'function') {
+        const done = url => {
+          this.onChange([...this.pickerValue, url].join(','));
+          this.handleAttachment(file, url);
+        };
 
-        if (!(result !== null && result !== void 0 && result.success)) {
-          this.$message.error(result.message || '上传失败');
-          return;
-        }
+        this.customUpload({
+          file: file,
+          filename: this.filename,
+          done: done
+        });
+      } else {
+        const uploadServer = Upload[this.uploadType] || Upload.default;
+        uploadServer(this.url, {
+          filename: file.name
+        }, {
+          file,
+          filename: this.filename
+        }).then(result => {
+          var _result$data;
 
-        this.$message.success('上传成功');
-        const url = result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.url;
-        this.onChange([...this.pickerValue, url].join(','));
-        this.$emit('afterUpload', result);
+          this.uploading = false;
 
-        if (this.needCreateAttachment && typeof this.createAttachment === 'function') {
-          this.createAttachment(file, url).then(result => {
-            this.$emit('create-attachment', result);
-          }).catch(error => {
-            this.$emit('create-attachment', error);
-          });
-        }
-      }).catch(() => {
-        this.uploading = false;
-      });
+          if (!(result !== null && result !== void 0 && result.success)) {
+            this.$message.error(result.message || '上传失败');
+            return;
+          }
+
+          this.$message.success('上传成功');
+          const url = result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.url;
+          this.onChange([...this.pickerValue, url].join(','));
+          this.$emit('afterUpload', result);
+          this.handleAttachment(file, url);
+        }).catch(() => {
+          this.uploading = false;
+        });
+      }
+    },
+
+    handleAttachment(file, url) {
+      if (this.needCreateAttachment && typeof this.createAttachment === 'function') {
+        this.createAttachment(file, url).then(result => {
+          this.$emit('create-attachment', result);
+        }).catch(error => {
+          this.$emit('create-attachment', error);
+        });
+      }
     },
 
     remove(url) {
@@ -4784,7 +4840,8 @@ var __vue_render__$o = function () {
     }, [_vm._v(" ")]), _vm._v(" "), _c('a', {
       attrs: {
         "href": url,
-        "target": "_blank"
+        "target": "_blank",
+        "title": _vm.getFileName(url)
       }
     }, [_vm._v(_vm._s(_vm.getFileName(url)))]), _vm._v(" "), _vm.hasDeleteBtn ? _c('span', {
       staticClass: "close",
@@ -4804,8 +4861,8 @@ var __vue_staticRenderFns__$o = [];
 
 const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
-  inject("data-v-112cf62d_0", {
-    source: ".ui-file-upload-field[data-v-112cf62d]{width:100%}.ui-file-upload-field .uploader[data-v-112cf62d]{margin-bottom:5px}.ui-file-upload-field .uploader.disabled[data-v-112cf62d]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-file-upload-field .uploader.disabled[data-v-112cf62d]  .el-upload .upload-btn{color:#888c94;background-color:#edeef0}.ui-file-upload-field .upload-btn[data-v-112cf62d]{padding:5px 10px;line-height:1;background-color:#409eff;color:#fff;font-size:12px;transition:background-color .3s}.ui-file-upload-field .upload-btn[data-v-112cf62d]:hover{background-color:#0d84ff}.ui-file-upload-field .files .file[data-v-112cf62d]{color:#606266;font-size:14px;transition:all .3s;cursor:pointer;line-height:28px;display:flex;align-items:center}.ui-file-upload-field .files .file a[data-v-112cf62d]{flex:1;color:#606266;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-file-upload-field .files .file .close[data-v-112cf62d]{color:transparent;width:28px;text-align:center;visibility:hidden;transition:color .3s;font-weight:700}.ui-file-upload-field .files .file[data-v-112cf62d]:hover{background-color:#f5f7fa}.ui-file-upload-field .files .file:hover a[data-v-112cf62d]{color:#409eff}.ui-file-upload-field .files .file:hover .close[data-v-112cf62d]{color:#409eff;visibility:visible}",
+  inject("data-v-2e4cb775_0", {
+    source: ".ui-file-upload-field[data-v-2e4cb775]{width:100%}.ui-file-upload-field .uploader[data-v-2e4cb775]{margin-bottom:5px}.ui-file-upload-field .uploader.disabled[data-v-2e4cb775]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-file-upload-field .uploader.disabled[data-v-2e4cb775]  .el-upload .upload-btn{color:#888c94;background-color:#edeef0}.ui-file-upload-field .upload-btn[data-v-2e4cb775]{padding:5px 10px;line-height:1;background-color:#409eff;color:#fff;font-size:12px;transition:background-color .3s}.ui-file-upload-field .upload-btn[data-v-2e4cb775]:hover{background-color:#0d84ff}.ui-file-upload-field .files[data-v-2e4cb775]{max-width:100%}.ui-file-upload-field .files .file[data-v-2e4cb775]{color:#606266;font-size:14px;transition:all .3s;cursor:pointer;display:flex;align-items:center;max-width:100%}.ui-file-upload-field .files .file a[data-v-2e4cb775]{flex:1;color:#606266;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-file-upload-field .files .file .close[data-v-2e4cb775]{color:transparent;width:28px;text-align:center;visibility:hidden;transition:color .3s;font-weight:700}.ui-file-upload-field .files .file[data-v-2e4cb775]:hover{background-color:#f5f7fa}.ui-file-upload-field .files .file:hover a[data-v-2e4cb775]{color:var(--color-primary)}.ui-file-upload-field .files .file:hover .close[data-v-2e4cb775]{color:#409eff;visibility:visible}",
     map: undefined,
     media: undefined
   });
@@ -4813,7 +4870,7 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$p = "data-v-112cf62d";
+const __vue_scope_id__$p = "data-v-2e4cb775";
 /* module identifier */
 
 const __vue_module_identifier__$p = undefined;