eoss-ui 0.8.47 → 0.8.49

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

@@ -493,3 +493,18 @@ background-color: $--color-primary-light-9 !important;
       padding: 12px 16px 60px 16px !important;
     }
 }
+
+.task-read{
+  overflow: hidden;
+  display: flex;
+    flex-direction: column;
+  &-form{
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    &-content{
+      flex:1;
+      overflow-y: auto;
+    }
+  }
+}

package/packages/upload/src/main.vue

@@ -770,6 +770,7 @@ export default {
     lists: {
       deep: true,
       handler(val) {
+        if (this._isSortRebuilding) return;
         this.$emit('update:fileCount', val.length);
         this.$emit('getFilesAmount', val.length);
       }
@@ -1355,6 +1356,19 @@ export default {
     handleSort(files) {
       console.log('files', files);
       if (this.isSort) {
+        // 同步拖拽排序后的顺序到数据层，采用先清空再重建的方式
+        // 避免 SortableJS 移动 DOM 后与 Vue 虚拟 DOM 产生引用错位
+        this._isSortRebuilding = true;
+        this.lists = [];
+        this.$nextTick(() => {
+          this.lists = files;
+          this._isSortRebuilding = false;
+          // 重建完成后清除 table-body 的 newData 缓存
+          // 使下次拖拽基于最新的 this.data 而非旧缓存
+          this.$nextTick(() => {
+            this._resetTableBodyCache();
+          });
+        });
         if (this.onSort) {
           this.onSort(files);
         } else {
@@ -1460,6 +1474,10 @@ export default {
       this.$emit('remove', file, fileList);
       this.$emit('change', fileList);
       this.onRemove && this.onRemove(file, fileList);
+      // 删除后重置 table-body 的排序缓存，防止再次拖拽时已删除文件从旧 newData 中复活
+      this.$nextTick(() => {
+        this._resetTableBodyCache();
+      });
     },
     handleError(err, file, fileList) {
       console.log('err', err);
@@ -1832,6 +1850,30 @@ export default {
         };
         schedule();
       });
+    },
+    /**
+     * 重置 table-body 组件内部的 newData 缓存。
+     * table-body.js 在拖拽排序时会把结果存入 newData，后续排序优先从 newData 取数据源。
+     * 但文件被删除后 newData 不会自动清除，导致已删除文件在下次拖拽时复活。
+     */
+    _resetTableBodyCache() {
+      if (this.listType !== 'table') return;
+      const upload = this.$refs.upload;
+      if (!upload) return;
+      const tableList = upload.$children.find(
+        (c) => c.$options.name === 'TableList'
+      );
+      if (!tableList) return;
+      const elTable = tableList.$children.find(
+        (c) => c.$options.name === 'ElTable'
+      );
+      if (!elTable) return;
+      const tableBody = elTable.$children.find(
+        (c) => c.$options.name === 'ElTableBody'
+      );
+      if (tableBody) {
+        tableBody.newData = null;
+      }
     }
   }
 };

package/src/index.js

@@ -127,7 +127,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.8.47',
+  version: '0.8.49',
   install,
   Archives,
   Button,