iov-design 2.15.123 → 2.15.124

package/lib/upload.js

@@ -227,8 +227,8 @@ module.exports = require("iov-design/lib/utils/file-icon");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=4440ee8e
-var upload_listvue_type_template_id_4440ee8e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition-group',{class:[
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=61654d05
+var upload_listvue_type_template_id_61654d05_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition-group',{class:[
     'el-upload-list',
     'el-upload-list--' + _vm.listType,
     { 'is-disabled': _vm.disabled,
@@ -241,11 +241,11 @@ var upload_listvue_type_template_id_4440ee8e_render = function () {var _vm=this;
       'is-' + file.status,
       _vm.focusing ? 'focusing' : '',
       { 'is-dragging': _vm.dragState.isDragging && _vm.dragState.draggingFile && _vm.dragState.draggingFile.uid === file.uid }
-    ],attrs:{"data-uid":file.uid,"tabindex":"0","draggable":_vm.sortable && _vm.listType === 'picture-card' && file.status === 'success' && !_vm.disabled},on:{"focus":function($event){_vm.focusing = true},"blur":function($event){_vm.focusing = false},"click":function($event){_vm.focusing = false},"dragstart":function($event){_vm.handleDragStart($event, file)},"dragover":function($event){_vm.handleDragOver($event, file)},"dragleave":function($event){_vm.handleDragLeave($event, file)},"drop":function($event){_vm.handleDrop($event, file)},"dragend":function($event){_vm.handleDragEnd($event, file)}}},[_vm._t("default",[_c('div',{staticClass:"el-upload-list__file"},[_c('div',{staticClass:"el-upload-list__item-name",on:{"click":function($event){_vm.onPreview(file)}}},[(['picture'].includes(_vm.listType)  || ['picture-card'].includes(_vm.listType) && file.status === 'success')?_c('span',{staticClass:"el-upload-list__item-thumbnail"},[_c('el-image',{attrs:{"src":file[_vm.fileUrlAlias],"preview-src-list":_vm.handlePreview ? [] : [file[_vm.fileUrlAlias]],"fit":"contain"}},[_c('i',{staticClass:"el-image__placeholder",attrs:{"slot":"placeholder"},slot:"placeholder"}),_c('i',{staticClass:"el-image__error",attrs:{"slot":"error"},slot:"error"})])],1):(['text'].includes(_vm.listType))?_c('i',{staticClass:"el-upload-list__icon",style:(_vm.iconStyle(file.name || file[_vm.fileNameAlias]))}):_vm._e(),(['text', 'picture'].includes(_vm.listType))?_c('div',{staticClass:"el-upload-list__name"},[_c('span',{staticClass:"file-name"},[_vm._v(_vm._s(file.name || file[_vm.fileNameAlias]))])]):_vm._e()]),(['text', 'picture'].includes(_vm.listType))?_c('div',{staticClass:"el-upload-list__item-status-label"},[(file.status === 'uploading')?_c('el-progress',{staticClass:"el-upload-progress",attrs:{"percentage":file.percentage,"width":14,"stroke-width":7,"show-text":false,"type":"circle","stroke-linecap":"butt"}}):(file.status === 'success')?_c('i',{staticClass:"el-upload-success iov-icon-success"}):_vm._e()],1):(['picture-card'].includes(_vm.listType) && file.status === 'uploading')?_c('div',{staticClass:"el-upload-list__item-status-label"},[_c('el-progress',{staticClass:"el-upload-progress",attrs:{"percentage":file.percentage,"stroke-width":2,"show-text":false,"type":"line","color":"#3F57FF","define-back-color":"#F2F3F5"}}),_c('span',{staticClass:"el-upload-progress__text"},[_vm._v("上传中")])],1):_vm._e()]),(!_vm.disabled && ['text', 'picture'].includes(_vm.listType))?_c('i',{staticClass:"iov-icon-delete",on:{"click":function($event){$event.stopPropagation();_vm.$emit('remove', file)}}}):_vm._e(),(_vm.listType === 'picture-card' && file.status === 'success' && _vm.actions.length > 0)?_c('span',{staticClass:"el-upload-list__item-actions"},[(_vm.handlePreview && _vm.actions.includes('preview'))?_c('i',{staticClass:"el-upload-list__item-preview iov-icon-eye",on:{"click":function($event){$event.stopPropagation();_vm.onPreview(file)}}}):_vm._e(),(!_vm.disabled && _vm.actions.includes('update'))?_c('i',{staticClass:"el-upload-list__item-update iov-icon-update",on:{"click":function($event){$event.stopPropagation();return _vm.onUpdate($event)}}}):_vm._e(),(!_vm.disabled && _vm.actions.includes('remove'))?_c('i',{staticClass:"el-upload-list__item-delete iov-icon-delete",on:{"click":function($event){$event.stopPropagation();_vm.$emit('remove', file)}}}):_vm._e()]):_vm._e()],{file:file})],2)}),0)}
+    ],attrs:{"data-uid":file.uid,"tabindex":"0","draggable":_vm.sortable && _vm.listType === 'picture-card' && file.status === 'success' && !_vm.disabled},on:{"focus":function($event){_vm.focusing = true},"blur":function($event){_vm.focusing = false},"click":function($event){_vm.focusing = false},"dragstart":function($event){_vm.handleDragStart($event, file)},"dragover":function($event){_vm.handleDragOver($event, file)},"dragleave":function($event){_vm.handleDragLeave($event, file)},"drop":function($event){_vm.handleDrop($event, file)},"dragend":function($event){_vm.handleDragEnd($event, file)}}},[_vm._t("default",[_c('div',{staticClass:"el-upload-list__file"},[_c('div',{staticClass:"el-upload-list__item-name",on:{"click":function($event){_vm.onPreview(file)}}},[(['picture'].includes(_vm.listType)  || ['picture-card'].includes(_vm.listType) && file.status === 'success')?_c('span',{staticClass:"el-upload-list__item-thumbnail"},[_c('el-image',{attrs:{"src":file[_vm.fileUrlAlias],"preview-src-list":_vm.handlePreview ? [] : [file[_vm.fileUrlAlias]],"fit":"contain"}},[_c('i',{staticClass:"el-image__placeholder",attrs:{"slot":"placeholder"},slot:"placeholder"}),_c('i',{staticClass:"el-image__error",attrs:{"slot":"error"},slot:"error"})])],1):(['text'].includes(_vm.listType))?_c('i',{staticClass:"el-upload-list__icon",style:(_vm.iconStyle(file.name || file[_vm.fileNameAlias]))}):_vm._e(),(['text', 'picture'].includes(_vm.listType))?_c('div',{staticClass:"el-upload-list__name"},[_c('span',{staticClass:"file-name"},[_vm._v(_vm._s(file.name || file[_vm.fileNameAlias]))])]):_vm._e()]),(['text', 'picture'].includes(_vm.listType))?_c('div',{staticClass:"el-upload-list__item-status-label"},[(file.status === 'uploading')?_c('el-progress',{staticClass:"el-upload-progress",attrs:{"percentage":file.percentage,"width":14,"stroke-width":7,"show-text":false,"type":"circle","stroke-linecap":"butt"}}):(file.status === 'success')?_c('i',{staticClass:"el-upload-success iov-icon-success"}):_vm._e()],1):(['picture-card'].includes(_vm.listType) && file.status === 'uploading')?_c('div',{staticClass:"el-upload-list__item-status-label"},[_c('el-progress',{staticClass:"el-upload-progress",attrs:{"percentage":file.percentage,"stroke-width":2,"show-text":false,"type":"line","color":"#3F57FF","define-back-color":"#F2F3F5"}}),_c('span',{staticClass:"el-upload-progress__text"},[_vm._v("上传中")])],1):_vm._e()]),(!_vm.disabled && ['text', 'picture'].includes(_vm.listType))?_c('i',{staticClass:"iov-icon-delete",on:{"click":function($event){$event.stopPropagation();_vm.$emit('remove', file)}}}):_vm._e(),(_vm.listType === 'picture-card' && file.status === 'success' && _vm.actions.length > 0)?_c('span',{staticClass:"el-upload-list__item-actions"},[(_vm.handlePreview && _vm.actions.includes('preview'))?_c('i',{staticClass:"el-upload-list__item-preview iov-icon-eye",on:{"click":function($event){$event.stopPropagation();_vm.onPreview(file)}}}):_vm._e(),(!_vm.disabled && _vm.actions.includes('update'))?_c('i',{staticClass:"el-upload-list__item-update iov-icon-update",on:{"click":function($event){$event.stopPropagation();_vm.onUpdate(file)}}}):_vm._e(),(!_vm.disabled && _vm.actions.includes('remove'))?_c('i',{staticClass:"el-upload-list__item-delete iov-icon-delete",on:{"click":function($event){$event.stopPropagation();_vm.$emit('remove', file)}}}):_vm._e()]):_vm._e()],{file:file})],2)}),0)}
 var staticRenderFns = []
-upload_listvue_type_template_id_4440ee8e_render._withStripped = true
+upload_listvue_type_template_id_61654d05_render._withStripped = true
 
-// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=4440ee8e
+// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=61654d05
 
 // EXTERNAL MODULE: external "iov-design/lib/progress"
 var progress_ = __webpack_require__(34);
@@ -408,8 +408,11 @@ function iconStyle(fileName) {
     onPreview: function onPreview(file) {
       this.handlePreview && this.handlePreview(file);
     },
-    onUpdate: function onUpdate() {
-      this.$parent.$refs['upload-inner'].handleClick();
+
+    // "更新"操作：调用 upload-inner 的 handleClick 强制弹出文件选择框，
+    // 并传入当前 file 标记为待替换文件，使新文件上传后替换原位置
+    onUpdate: function onUpdate(file) {
+      this.$parent.$refs['upload-inner'].handleClick(true, file);
     },
     findLiByUid: function findLiByUid(uid) {
       return this.$el.querySelector('[data-uid="' + uid + '"]');
@@ -523,7 +526,7 @@ var componentNormalizer = __webpack_require__(0);
 
 var component = Object(componentNormalizer["a" /* default */])(
   src_upload_listvue_type_script_lang_js,
-  upload_listvue_type_template_id_4440ee8e_render,
+  upload_listvue_type_template_id_61654d05_render,
   staticRenderFns,
   false,
   null,
@@ -665,16 +668,16 @@ var upload_file_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var upload_file = (upload_file_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=template&id=39dfe1ea
-var upload_picturevue_type_template_id_39dfe1ea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:[
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=template&id=43adfc78
+var upload_picturevue_type_template_id_43adfc78_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:[
     'el-upload-list',
     'el-upload-list--' + _vm.listType,
     { 'is-disabled': _vm.disabled }
   ],attrs:{"tag":"ul","name":"el-list"}},_vm._l((_vm.files),function(file){return _c('li',{key:file.uid,class:['el-upload-list__item', 'el-upload-list__item-' + _vm.size, 'is-' + file.status, _vm.focusing ? 'focusing' : ''],attrs:{"tabindex":"0"},on:{"focus":function($event){_vm.focusing = true},"blur":function($event){_vm.focusing = false},"click":function($event){_vm.focusing = false}}},[_vm._t("default",[_c('div',{staticClass:"el-upload-list__file"},[(file.status === 'success')?_c('div',{staticClass:"el-upload-list__item-name"},[_c('span',{staticClass:"el-upload-list__item-thumbnail"},[_c('el-image',{attrs:{"src":file[_vm.fileUrlAlias],"preview-src-list":_vm.handlePreview ? [] : [file[_vm.fileUrlAlias]],"fit":"contain"}},[_c('i',{staticClass:"el-image__placeholder",attrs:{"slot":"placeholder"},slot:"placeholder"}),_c('i',{staticClass:"el-image__error",attrs:{"slot":"error"},slot:"error"})])],1)]):_vm._e(),(file.status === 'uploading')?_c('div',{staticClass:"el-upload-list__item-status-label"},[_c('el-progress',{staticClass:"el-upload-progress",attrs:{"percentage":file.percentage,"stroke-width":2,"show-text":false,"type":"line","color":"#3F57FF","define-back-color":"#F2F3F5"}}),_c('span',{staticClass:"el-upload-progress__text"},[_vm._v("上传中")])],1):_vm._e()]),(file.status === 'success' && _vm.actions.length > 0)?_c('span',{staticClass:"el-upload-list__item-actions",on:{"click":function($event){$event.stopPropagation();}}},[(_vm.handlePreview && _vm.actions.includes('preview'))?_c('i',{staticClass:"el-upload-list__item-preview iov-icon-eye",on:{"click":function($event){$event.stopPropagation();_vm.onPreview(file)}}}):_vm._e(),(!_vm.disabled && _vm.actions.includes('update'))?_c('i',{staticClass:"el-upload-list__item-update iov-icon-update",on:{"click":function($event){$event.stopPropagation();return _vm.onUpdate($event)}}}):_vm._e(),(!_vm.disabled && _vm.actions.includes('remove'))?_c('i',{staticClass:"el-upload-list__item-delete iov-icon-delete",on:{"click":function($event){$event.stopPropagation();_vm.$emit('remove', file)}}}):_vm._e()]):_vm._e()],{file:file})],2)}),0)}
-var upload_picturevue_type_template_id_39dfe1ea_staticRenderFns = []
-upload_picturevue_type_template_id_39dfe1ea_render._withStripped = true
+var upload_picturevue_type_template_id_43adfc78_staticRenderFns = []
+upload_picturevue_type_template_id_43adfc78_render._withStripped = true
 
-// CONCATENATED MODULE: ./packages/upload/src/upload-picture.vue?vue&type=template&id=39dfe1ea
+// CONCATENATED MODULE: ./packages/upload/src/upload-picture.vue?vue&type=template&id=43adfc78
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=script&lang=js
 //
@@ -775,7 +778,7 @@ upload_picturevue_type_template_id_39dfe1ea_render._withStripped = true
       this.handlePreview && this.handlePreview(file);
     },
     onUpdate: function onUpdate() {
-      this.$parent.handleClick();
+      this.$parent.handleClick(true);
     }
   }
 });
@@ -791,8 +794,8 @@ upload_picturevue_type_template_id_39dfe1ea_render._withStripped = true
 
 var upload_picture_component = Object(componentNormalizer["a" /* default */])(
   src_upload_picturevue_type_script_lang_js,
-  upload_picturevue_type_template_id_39dfe1ea_render,
-  upload_picturevue_type_template_id_39dfe1ea_staticRenderFns,
+  upload_picturevue_type_template_id_43adfc78_render,
+  upload_picturevue_type_template_id_43adfc78_staticRenderFns,
   false,
   null,
   null,
@@ -1050,7 +1053,10 @@ var upload_dragger_component = Object(componentNormalizer["a" /* default */])(
   data: function data() {
     return {
       mouseover: false,
-      reqs: {}
+      reqs: {},
+      // 记录当前"更新"操作要被替换的旧文件对象。
+      // 点击更新按钮时由 handleClick 设置，在 handleChange 中消费后置空。
+      replacingFile: null
     };
   },
 
@@ -1070,12 +1076,26 @@ var upload_dragger_component = Object(componentNormalizer["a" /* default */])(
 
       if (!files) return;
 
-      if (this.drag && this.limit === 1 || this.hideUploadInput) {
+      // 更新场景：需在原位置替换文件
+      // - 先记录旧文件在列表中的索引（用于新文件原位插入）
+      // - 中断旧文件正在进行的上传请求（如有）
+      // - 从列表中移除旧文件
+      var replacingIndex = -1;
+      if (this.replacingFile) {
+        replacingIndex = this.fileList.indexOf(this.replacingFile);
+        if (replacingIndex > -1) {
+          this.abort(this.replacingFile);
+          this.fileList.splice(replacingIndex, 1);
+        }
+        this.replacingFile = null;
+      } else if (this.drag && this.limit === 1 || this.hideUploadInput) {
+        // 单文件拖拽上传或隐藏上传框的单图场景：直接清空列表
         this.fileList.length = [];
       }
-      this.uploadFiles(files);
+      // 传入 replacingIndex，让新文件插入到原位置而非追加到末尾
+      this.uploadFiles(files, replacingIndex);
     },
-    uploadFiles: function uploadFiles(files) {
+    uploadFiles: function uploadFiles(files, replacingIndex) {
       var _this = this;
 
       if (this.limit && this.fileList.length + files.length > this.limit) {
@@ -1093,7 +1113,12 @@ var upload_dragger_component = Object(componentNormalizer["a" /* default */])(
       }
 
       postFiles.forEach(function (rawFile) {
-        _this.onStart(rawFile);
+        // 将 replacingIndex 传给 onStart（即 ElUpload.handleStart），
+        // 使新文件 splice 到原位置；replacingIndex 递增以支持多文件顺序替换
+        _this.onStart(rawFile, replacingIndex);
+        if (replacingIndex > -1) {
+          replacingIndex++;
+        }
         if (_this.autoUpload) _this.upload(rawFile);
       });
     },
@@ -1181,8 +1206,15 @@ var upload_dragger_component = Object(componentNormalizer["a" /* default */])(
         req.then(options.onSuccess, options.onError);
       }
     },
-    handleClick: function handleClick() {
-      if (!this.disabled && (this.fileList.length < this.limit || !this.limit) || this.fileList.length === 0) {
+    handleClick: function handleClick(ev, file) {
+      // force=true 表示绕过 limit 检查强制弹出文件选择框（用于"更新"操作）
+      var force = ev === true;
+      // file 存在表示本次为"更新"操作，记录要被替换的旧文件，
+      // 供 handleChange 在选择新文件后移除旧文件并在原位插入新文件
+      if (file) {
+        this.replacingFile = file;
+      }
+      if (force || !this.disabled && (this.fileList.length < this.limit || !this.limit) || this.fileList.length === 0) {
         this.$refs.input.value = null;
         this.$refs.input.click();
       }
@@ -1459,7 +1491,7 @@ function noop() {}
   },
 
   methods: {
-    handleStart: function handleStart(rawFile) {
+    handleStart: function handleStart(rawFile, replacingIndex) {
       rawFile.uid = Date.now() + this.tempIndex++;
       var file = {
         status: 'ready',
@@ -1479,7 +1511,14 @@ function noop() {}
         }
       }
 
-      this.uploadFiles.push(file);
+      // replacingIndex > -1 表示当前为"更新"操作：
+      // 新文件插入到被替换文件的原始位置，保持列表顺序不变；
+      // 否则按常规追加到列表末尾
+      if (replacingIndex > -1) {
+        this.uploadFiles.splice(replacingIndex, 0, file);
+      } else {
+        this.uploadFiles.push(file);
+      }
       this.onChange(file, this.uploadFiles);
     },
     handleProgress: function handleProgress(ev, rawFile) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iov-design",
-  "version": "2.15.123",
+  "version": "2.15.124",
   "description": "A Component Library for Vue.js.",
   "main": "lib/iov-design.common.js",
   "files": [

package/packages/theme-chalk/src/iovfont.scss

@@ -1,12 +1,20 @@
 @font-face {
   font-family: 'iovfont'; /* Project id 4466910 */
-  src: url('./fonts/iovfont.woff2?t=1781518231127') format('woff2'),
-       url('./fonts/iovfont.woff?t=1781518231127') format('woff'),
-       url('./fonts/iovfont.ttf?t=1781518231127') format('truetype');
+  src: url('./fonts/iovfont.woff2?t=1782987860576') format('woff2'),
+       url('./fonts/iovfont.woff?t=1782987860576') format('woff'),
+       url('./fonts/iovfont.ttf?t=1782987860576') format('truetype');
 }
 
 
 
+.iov-icon-partnership:before {
+  content: "\e725";
+}
+
+.iov-icon-own:before {
+  content: "\e726";
+}
+
 .iov-icon-ars:before {
   content: "\e723";
 }

package/packages/theme-chalk/src/mixins/_button.scss

@@ -64,6 +64,7 @@
 @mixin button-size($height, $padding-horizontal, $font-size, $border-radius) {
   padding: 0 $padding-horizontal;
   height: $height;
+  line-height: $height;
   font-size: $font-size;
   border-radius: $border-radius;
   .el-button__text {

package/packages/upload/src/index.vue

@@ -182,7 +182,7 @@ export default {
   },
 
   methods: {
-    handleStart(rawFile) {
+    handleStart(rawFile, replacingIndex) {
       rawFile.uid = Date.now() + this.tempIndex++;
       let file = {
         status: 'ready',
@@ -202,7 +202,14 @@ export default {
         }
       }
 
-      this.uploadFiles.push(file);
+      // replacingIndex > -1 表示当前为"更新"操作：
+      // 新文件插入到被替换文件的原始位置，保持列表顺序不变；
+      // 否则按常规追加到列表末尾
+      if (replacingIndex > -1) {
+        this.uploadFiles.splice(replacingIndex, 0, file);
+      } else {
+        this.uploadFiles.push(file);
+      }
       this.onChange(file, this.uploadFiles);
     },
     handleProgress(ev, rawFile) {

package/packages/upload/src/upload-list.vue

@@ -76,7 +76,7 @@
         <i class="iov-icon-delete" v-if="!disabled && ['text', 'picture'].includes(listType)" @click.stop="$emit('remove', file)"></i>
         <span class="el-upload-list__item-actions" v-if="listType === 'picture-card' && file.status === 'success' && actions.length > 0">
           <i v-if="handlePreview && actions.includes('preview')" @click.stop="onPreview(file)" class="el-upload-list__item-preview iov-icon-eye"></i>
-          <i v-if="!disabled && actions.includes('update')" class="el-upload-list__item-update iov-icon-update" @click.stop="onUpdate"></i>
+          <i v-if="!disabled && actions.includes('update')" class="el-upload-list__item-update iov-icon-update" @click.stop="onUpdate(file)"></i>
           <i v-if="!disabled && actions.includes('remove')" class="el-upload-list__item-delete iov-icon-delete" @click.stop="$emit('remove', file)"></i>
         </span>
       </slot>
@@ -138,8 +138,10 @@
       onPreview(file) {
         this.handlePreview && this.handlePreview(file);
       },
-      onUpdate() {
-        this.$parent.$refs['upload-inner'].handleClick();
+      // "更新"操作：调用 upload-inner 的 handleClick 强制弹出文件选择框，
+      // 并传入当前 file 标记为待替换文件，使新文件上传后替换原位置
+      onUpdate(file) {
+        this.$parent.$refs['upload-inner'].handleClick(true, file);
       },
       findLiByUid(uid) {
         return this.$el.querySelector(`[data-uid="${uid}"]`);

package/packages/upload/src/upload-picture.vue

@@ -95,7 +95,7 @@
         this.handlePreview && this.handlePreview(file);
       },
       onUpdate() {
-        this.$parent.handleClick();
+        this.$parent.handleClick(true);
       }
     }
   };

package/packages/upload/src/upload.vue

@@ -53,7 +53,10 @@ export default {
   data() {
     return {
       mouseover: false,
-      reqs: {}
+      reqs: {},
+      // 记录当前"更新"操作要被替换的旧文件对象。
+      // 点击更新按钮时由 handleClick 设置，在 handleChange 中消费后置空。
+      replacingFile: null
     };
   },
 
@@ -75,12 +78,26 @@ export default {
 
       if (!files) return;
 
-      if (this.drag && this.limit === 1 || this.hideUploadInput) {
+      // 更新场景：需在原位置替换文件
+      // - 先记录旧文件在列表中的索引（用于新文件原位插入）
+      // - 中断旧文件正在进行的上传请求（如有）
+      // - 从列表中移除旧文件
+      let replacingIndex = -1;
+      if (this.replacingFile) {
+        replacingIndex = this.fileList.indexOf(this.replacingFile);
+        if (replacingIndex > -1) {
+          this.abort(this.replacingFile);
+          this.fileList.splice(replacingIndex, 1);
+        }
+        this.replacingFile = null;
+      } else if (this.drag && this.limit === 1 || this.hideUploadInput) {
+        // 单文件拖拽上传或隐藏上传框的单图场景：直接清空列表
         this.fileList.length = [];
       }
-      this.uploadFiles(files);
+      // 传入 replacingIndex，让新文件插入到原位置而非追加到末尾
+      this.uploadFiles(files, replacingIndex);
     },
-    uploadFiles(files) {
+    uploadFiles(files, replacingIndex) {
       if (this.limit && this.fileList.length + files.length > this.limit) {
         this.onExceed && this.onExceed(files, this.fileList);
         return;
@@ -92,7 +109,10 @@ export default {
       if (postFiles.length === 0) { return; }
 
       postFiles.forEach(rawFile => {
-        this.onStart(rawFile);
+        // 将 replacingIndex 传给 onStart（即 ElUpload.handleStart），
+        // 使新文件 splice 到原位置；replacingIndex 递增以支持多文件顺序替换
+        this.onStart(rawFile, replacingIndex);
+        if (replacingIndex > -1) { replacingIndex++; }
         if (this.autoUpload) this.upload(rawFile);
       });
     },
@@ -174,8 +194,15 @@ export default {
         req.then(options.onSuccess, options.onError);
       }
     },
-    handleClick() {
-      if (!this.disabled && (this.fileList.length < this.limit || !this.limit) || this.fileList.length === 0) {
+    handleClick(ev, file) {
+      // force=true 表示绕过 limit 检查强制弹出文件选择框（用于"更新"操作）
+      const force = ev === true;
+      // file 存在表示本次为"更新"操作，记录要被替换的旧文件，
+      // 供 handleChange 在选择新文件后移除旧文件并在原位插入新文件
+      if (file) {
+        this.replacingFile = file;
+      }
+      if (force || (!this.disabled && (this.fileList.length < this.limit || !this.limit)) || this.fileList.length === 0) {
         this.$refs.input.value = null;
         this.$refs.input.click();
       }

package/src/index.js

@@ -217,7 +217,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.15.123',
+  version: '2.15.124',
   locale: locale.use,
   i18n: locale.i18n,
   install,