vue2-client 1.19.40 → 1.19.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.19.40",
+  "version": "1.19.41",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XTable/XTable.vue

@@ -1041,41 +1041,38 @@ export default {
         result.then(res => {
           this.totalCount = res.totalCount || 0
 
-          // 在数据加载完成后，立即检查并更新选中状态
+          // 查询后保留跨页选中行的相关逻辑
           if (this.selectRowMode !== 'disabled' && !this.clearSelectRowAfterQuery) {
             const primaryKeyName = this.primaryKey || this.rowKey
+            // 获取当前页所有行的key
+            const currentPageKeys = res.data.map(row => row[primaryKeyName])
             // 找出当前页中应该被选中的行
             const currentPageSelectedRows = res.data.filter(row =>
               this.selectedRowKeys.includes(row[primaryKeyName])
             )
-            // 更新表格的选中状态
+
             this.$nextTick(() => {
-              // 更新内部选中状态
+              // 更新当前页选中状态
               this.innerSelectedRowKeys = currentPageSelectedRows.map(row => row[primaryKeyName])
               this.innerSelectedRows = currentPageSelectedRows
-              // 更新表格显示
+
               if (this.$refs.table) {
                 this.$refs.table.updateSelect(this.innerSelectedRowKeys, this.innerSelectedRows)
-                // 更新总选中状态
-                if (currentPageSelectedRows.length > 0) {
-                  // 保留不在当前页面的已选中行
-                  const otherPageSelectedRows = this.selectedRows.filter(row =>
-                    !currentPageSelectedRows.some(currentRow =>
-                      currentRow[primaryKeyName] === row[primaryKeyName]
-                    )
-                  )
-                  // 合并当前页面和其他页面的选中行
-                  const rowsMap = new Map()
-                  // 先添加其他页面的行
-                  otherPageSelectedRows.forEach(row => {
-                    rowsMap.set(row[primaryKeyName], row)
-                  })
-                  // 再添加当前页面的行（会覆盖重复的）
-                  currentPageSelectedRows.forEach(row => {
+
+                // 合并跨页选中数据：保留其他页 + 当前页最新数据
+                const rowsMap = new Map()
+                // 先保留其他页的选中行
+                this.selectedRows.forEach(row => {
+                  if (!currentPageKeys.includes(row[primaryKeyName])) {
                     rowsMap.set(row[primaryKeyName], row)
-                  })
-                  this.selectedRows = Array.from(rowsMap.values())
-                }
+                  }
+                })
+                // 再添加当前页的选中行（覆盖重复项，确保数据最新）
+                currentPageSelectedRows.forEach(row => {
+                  rowsMap.set(row[primaryKeyName], row)
+                })
+                this.selectedRows = Array.from(rowsMap.values())
+
                 // 触发选择事件
                 this.$emit('selectRow', this.selectedRowKeys, this.selectedRows)
               }
@@ -1147,62 +1144,68 @@ export default {
      * @param currentPageSelectedRows 被选择的列集合
      */
     onSelectChange (currentPageSelectedKeys, currentPageSelectedRows) {
-      if (this.selectRowMode === 'listView' && !this.clearSelectRowAfterQuery) {
-        const primaryKeyName = this.primaryKey || this.rowKey
-        if (primaryKeyName) {
-          // 获取当前页面所有行的key
-          const currentPageAllKeys = this.$refs.table.localDataSource.map(row => row[primaryKeyName])
-          // 1. 保留不在当前页的已选中keys，并去重
-          const otherPageSelectedKeys = [...new Set(this.selectedRowKeys.filter(key => !currentPageAllKeys.includes(key)))]
-          console.log('其他页的keys', otherPageSelectedKeys)
-          // 2. 添加当前页新选中的keys，并去重
-          this.selectedRowKeys = [...new Set([...otherPageSelectedKeys, ...currentPageSelectedKeys])]
-          console.log('onSelectChange - updated selectedRowKeys:', this.selectedRowKeys)
-          // 更新总的 selectedRows
-          // 1. 保留不在当前页的已选中行，并去重
-          const otherPageSelectedRows = this.selectedRows.filter(row =>
-            !currentPageAllKeys.includes(row[primaryKeyName])
-          )
-          // 2. 合并结果，使用 Map 去重
-          const rowsMap = new Map()
-          // 先添加其他页面的行
-          otherPageSelectedRows.forEach(row => {
-            rowsMap.set(row[primaryKeyName], row)
-          })
-          // 再添加当前页面的行（会覆盖重复的）
-          currentPageSelectedRows.forEach(row => {
-            rowsMap.set(row[primaryKeyName], row)
-          })
-          this.selectedRows = Array.from(rowsMap.values())
-          console.log('onSelectChange - updated selectedRows:', this.selectedRows)
-        } else {
-          // 如果没有主键，则直接使用当前选中的行（此情况可能无法跨页选中，但为了兼容保留）
-          this.selectedRowKeys = currentPageSelectedKeys
-          this.selectedRows = currentPageSelectedRows
-        }
+      // 跨页选中模式：需要合并多页数据
+      if (this.selectRowMode === 'listView' && !this.clearSelectRowAfterQuery && (this.primaryKey || this.rowKey)) {
+        this.mergeMultiPageSelection(currentPageSelectedKeys, currentPageSelectedRows)
       } else {
-        // 非 listView 模式或 clearSelectRowAfterQuery 为 true，直接使用当前页的选中状态作为总状态
+        // 单页选中模式：直接使用当前页数据
         this.selectedRowKeys = currentPageSelectedKeys
         this.selectedRows = currentPageSelectedRows
       }
 
-      // 更新内部状态和表格显示
+      // 更新当前页选中状态
       this.innerSelectedRowKeys = currentPageSelectedKeys
       this.innerSelectedRows = currentPageSelectedRows
 
-      // 确保在DOM更新后调用 updateSelect，以正确反映当前页的选中状态
+      // 更新表格显示
       this.$nextTick(() => {
-        this.$refs.table.updateSelect(this.innerSelectedRowKeys, this.innerSelectedRows)
+        this.$refs.table?.updateSelect(this.innerSelectedRowKeys, this.innerSelectedRows)
       })
 
-      // 更新按钮状态基于总选中数量
-      this.isModify = this.selectedRowKeys.length === 1
-      this.isDelete = this.selectedRowKeys.length > 0
-      this.isChoose = this.allowSelectRowNum === 0 ? this.selectedRowKeys.length > 0 : this.selectedRowKeys.length === this.allowSelectRowNum
+      // 更新按钮状态
+      this.updateButtonState()
 
-      // 触发选择事件，传递总的选中数据
+      // 触发选择事件
       this.$emit('selectRow', this.selectedRowKeys, this.selectedRows)
     },
+
+    /**
+     * 合并多页选中数据
+     */
+    mergeMultiPageSelection (currentPageSelectedKeys, currentPageSelectedRows) {
+      const primaryKeyName = this.primaryKey || this.rowKey
+      const currentPageAllKeys = this.$refs.table.localDataSource.map(row => row[primaryKeyName])
+
+      // 使用 Map 统一处理 keys 和 rows 的合并
+      const rowsMap = new Map()
+
+      // 1. 保留其他页的选中行
+      this.selectedRows.forEach(row => {
+        if (!currentPageAllKeys.includes(row[primaryKeyName])) {
+          rowsMap.set(row[primaryKeyName], row)
+        }
+      })
+
+      // 2. 添加当前页的选中行（覆盖重复项）
+      currentPageSelectedRows.forEach(row => {
+        rowsMap.set(row[primaryKeyName], row)
+      })
+
+      // 3. 更新结果
+      this.selectedRows = Array.from(rowsMap.values())
+      this.selectedRowKeys = Array.from(rowsMap.keys())
+    },
+
+    /**
+     * 更新按钮状态
+     */
+    updateButtonState () {
+      this.isModify = this.selectedRowKeys.length === 1
+      this.isDelete = this.selectedRowKeys.length > 0
+      this.isChoose = this.allowSelectRowNum === 0 
+        ? this.selectedRowKeys.length > 0 
+        : this.selectedRowKeys.length === this.allowSelectRowNum
+    },
     /**
      * 清除表格选中项
      */
@@ -1435,6 +1438,11 @@ export default {
               this.localEditModeDataSource = this.getLocalData().filter(item => !this.selectedRowKeys.includes(item[this.rowKey]))
               resolve(200)
               this.$message.success('删除成功！')
+              // 清空选中状态
+              this.selectedRowKeys = []
+              this.selectedRows = []
+              this.innerSelectedRowKeys = []
+              this.innerSelectedRows = []
               this.refresh(true)
               // afterDelete
               this.$emit('afterDelete', requestParameters)
@@ -1444,6 +1452,11 @@ export default {
               remove(requestParameters, this.serviceName, this.env === 'dev').then(res => {
                 resolve(res)
                 this.$message.success('删除成功！')
+                // 清空选中状态
+                this.selectedRowKeys = []
+                this.selectedRows = []
+                this.innerSelectedRowKeys = []
+                this.innerSelectedRows = []
                 this.refresh(true)
                 // afterDelete
                 this.$emit('afterDelete', requestParameters)