iov-pro-components 0.0.117 → 0.0.118

package/lib/iov-pro-components.min.js

@@ -28442,6 +28442,16 @@ var script = {
       default: function _default() {
         return ['preview', 'update', 'remove'];
       }
+    },
+    // 是否开启拖拽排序
+    sortable: {
+      type: Boolean,
+      default: false
+    },
+    // 拖拽排序完成后的回调
+    onSort: {
+      type: Function,
+      default: null
     }
   },
   data: function data() {
@@ -28537,13 +28547,18 @@ var script = {
      * ElUpload需要的文件列表
      */
     fileList: function fileList() {
-      var _this$uploadFileList;
+      var _this$uploadFileList,
+        _this = this;
       // 如果有上传文件
       if (((_this$uploadFileList = this.uploadFileList) === null || _this$uploadFileList === void 0 ? void 0 : _this$uploadFileList.length) > 0) {
         return this.uploadFileList;
       }
       // 返回当前双向绑定的数据
-      return this.modelValue;
+      return this.modelValue.map(function (val) {
+        return _objectSpread2({
+          uid: val[_this.uploadAlias.uuid] || val[_this.uploadAlias.url] || ''
+        }, val);
+      });
     }
   },
   watch: {
@@ -28724,7 +28739,7 @@ var script = {
      * @time 2025-08-01 16:37:30
      */
     onUploadFile: function onUploadFile(resp, file, fileList) {
-      var _this = this;
+      var _this2 = this;
       // 标记当前没在上传
       this.uploading = false;
       // 如果接口请求失败
@@ -28757,9 +28772,9 @@ var script = {
       }) ? [] : fileList;
       // 等待数据双向绑定成功后触发表单事件
       this.$nextTick(function () {
-        var _this$$parent, _this$$parent2;
+        var _this2$$parent, _this2$$parent2;
         // 触发表单校验
-        ((_this$$parent = _this.$parent) === null || _this$$parent === void 0 ? void 0 : _this$$parent.$emit) && ((_this$$parent2 = _this.$parent) === null || _this$$parent2 === void 0 ? void 0 : _this$$parent2.$emit('el.form.change'));
+        ((_this2$$parent = _this2.$parent) === null || _this2$$parent === void 0 ? void 0 : _this2$$parent.$emit) && ((_this2$$parent2 = _this2.$parent) === null || _this2$$parent2 === void 0 ? void 0 : _this2$$parent2.$emit('el.form.change'));
       });
     },
     /**
@@ -28768,7 +28783,7 @@ var script = {
      * @time 2025-08-04 13:54:07
      */
     onChangeModelValue: function onChangeModelValue(fileList) {
-      var _this2 = this;
+      var _this3 = this;
       var transformUploadRespData = this.responseTransform || function (respData) {
         return respData;
       };
@@ -28777,7 +28792,7 @@ var script = {
         var _item$response;
         // 转换后的结果
         var transformResponse = item !== null && item !== void 0 && (_item$response = item.response) !== null && _item$response !== void 0 && _item$response.data ? transformUploadRespData(item.response.data) : {};
-        return _defineProperty$2(_defineProperty$2(_defineProperty$2({}, _this2.uploadAlias.fileName, item.raw ? transformResponse === null || transformResponse === void 0 ? void 0 : transformResponse.fileName : item[_this2.uploadAlias.fileName]), _this2.uploadAlias.uuid, item.raw ? transformResponse === null || transformResponse === void 0 ? void 0 : transformResponse.uuid : item[_this2.uploadAlias.uuid]), _this2.uploadAlias.url, item.raw ? transformResponse === null || transformResponse === void 0 ? void 0 : transformResponse.accessUrl : item[_this2.uploadAlias.url]);
+        return _defineProperty$2(_defineProperty$2(_defineProperty$2({}, _this3.uploadAlias.fileName, item.raw ? transformResponse === null || transformResponse === void 0 ? void 0 : transformResponse.fileName : item[_this3.uploadAlias.fileName]), _this3.uploadAlias.uuid, item.raw ? transformResponse === null || transformResponse === void 0 ? void 0 : transformResponse.uuid : item[_this3.uploadAlias.uuid]), _this3.uploadAlias.url, item.raw ? transformResponse === null || transformResponse === void 0 ? void 0 : transformResponse.accessUrl : item[_this3.uploadAlias.url]);
       });
       // 双向绑定列表数据
       this.onEmitValue(list, fileList);
@@ -28789,7 +28804,7 @@ var script = {
      * @time 2025-11-03 13:47:01
      */
     onEmitValue: function onEmitValue(list, fileList) {
-      var _this3 = this;
+      var _this4 = this;
       // 当前需要双向绑定的数据
       var value = [];
       // 如果需要格式化数据
@@ -28807,7 +28822,7 @@ var script = {
           case 'Object':
             // 如果当前传入的是对象
             value = list[0] ? fields.reduce(function (memo, key) {
-              memo[key] = list[0][_this3.uploadAlias[key]];
+              memo[key] = list[0][_this4.uploadAlias[key]];
               return memo;
             }, {}) : null;
             break;
@@ -28815,7 +28830,7 @@ var script = {
             // 如果当前传入的是数组
             value = list ? list.map(function (item) {
               return fields.reduce(function (memo, key) {
-                memo[key] = item[_this3.uploadAlias[key]];
+                memo[key] = item[_this4.uploadAlias[key]];
                 return memo;
               }, {});
             }) : [];
@@ -28841,7 +28856,7 @@ var script = {
       // 如果有表单项
       if (this.elFormItem) {
         this.$nextTick(function () {
-          return _this3.elFormItem.validate('change');
+          return _this4.elFormItem.validate('change');
         });
       }
     },
@@ -28851,7 +28866,7 @@ var script = {
      * @time 2023-08-19 09:32:38
      */
     onUploadError: function onUploadError(file) {
-      var _this4 = this;
+      var _this5 = this;
       // 标记当前没在上传
       this.uploading = false;
       // 文件上传失败提示
@@ -28861,7 +28876,7 @@ var script = {
       // 如果有表单项
       if (this.elFormItem) {
         this.$nextTick(function () {
-          return _this4.elFormItem.validate('change');
+          return _this5.elFormItem.validate('change');
         });
       }
     },
@@ -28912,6 +28927,41 @@ var script = {
      */
     onExceed: function onExceed() {
       this.$message.error("\u4E0A\u4F20\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7".concat(this.limit, "\u4E2A"));
+    },
+    /**
+     * 排序方法
+     * @param  {Object} sortInfo 排序信息
+     * @time 2026-05-19 16:44:44
+     */
+    onSortEnd: function onSortEnd(sortInfo) {
+      // 排序字段
+      var oldIndex = sortInfo.oldIndex,
+        newIndex = sortInfo.newIndex,
+        file = sortInfo.file,
+        targetFile = sortInfo.targetFile,
+        files = sortInfo.files;
+      // 如果有排序回调
+      if (this.onSort) {
+        // 执行排序回调
+        this.onSort({
+          oldIndex: oldIndex,
+          newIndex: newIndex,
+          file: file,
+          targetFile: targetFile,
+          files: files
+        });
+      } else {
+        // 开始双向绑定
+        this.onEmitValue(files.map(function (f) {
+          // 复制当前文件
+          var fileClone = _objectSpread2({}, f);
+          // 去掉status和uid字段
+          delete fileClone.status;
+          delete fileClone.uid;
+          // 直接返回
+          return fileClone;
+        }), files);
+      }
     }
   }
 };
@@ -28943,6 +28993,8 @@ var __vue_render__ = function __vue_render__() {
       "on-exceed": _vm.onExceed,
       "on-preview": _vm.onPreviewFile,
       "on-remove": _vm.onDeleteFile,
+      sortable: _vm.sortable,
+      "on-sort": _vm.onSortEnd,
       "before-upload": _vm.onBeforeUpload,
       disabled: _vm.disabled,
       "file-name-alias": _vm.uploadAlias.fileName,
@@ -29195,7 +29247,7 @@ var install = function install(Vue, componentConfig) {
 };
 var index = {
   install: install,
-  version: '0.0.117',
+  version: '0.0.118',
   BackTop: __vue_component__$K,
   ColorPicker: __vue_component__$E,
   ColumnTooltip: __vue_component__$D,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iov-pro-components",
-  "version": "0.0.117",
+  "version": "0.0.118",
   "description": "IOV Pro Components for Vue.js",
   "main": "lib/iov-pro-components.min.js",
   "files": [
@@ -44,7 +44,7 @@
     "core-js": "^3.8.3",
     "eslint": "7.32.0",
     "eslint-plugin-vue": "8.0.3",
-    "iov-design": "^2.15.106",
+    "iov-design": "^2.15.115",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-serializer-vue": "^3.1.0",