vue2-client 1.14.54 → 1.14.56

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

@@ -1,51 +1,51 @@
-<script>
-import { Ellipsis } from '@vue2-client/components'
-import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
-import { getConfigByNameAsync, runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'CustomFuncCel',
-  methods: {
-    runLogic,
-    async fetchSlotValue () {
-      try {
-        let func = this.item.slotCustomFunction
-        if (this.item.slotCustomFunction.startsWith('function')) {
-          func = `async ${func}`
-        }
-        this.slotValueResult = await executeStrFunctionByContext(this, func, [this.text, this.record, this.localDataSource, this.index, runLogic, getConfigByNameAsync])
-        this.loading = false
-      } catch (error) {
-        console.error('Error fetching slot value:', error)
-      }
-    }
-  },
-  mounted () {
-    this.fetchSlotValue()
-  },
-  data: () => {
-    return {
-      slotValueResult: '',
-      loading: true
-    }
-  },
-  components: { Ellipsis },
-  // eslint-disable-next-line
-  props: ['item', 'text', 'record', 'index', 'localDataSource'],
-}
-</script>
-
-<template>
-  <span>
-    <template v-if="item.slotValue">
-      <ellipsis :length="item.slotValue" tooltip>{{ loading ? text : slotValueResult }}</ellipsis>
-    </template>
-    <template v-else>
-      {{ loading ? text : slotValueResult }}
-    </template>
-  </span>
-</template>
-
-<style scoped lang="less">
-
-</style>
+<script>
+import { Ellipsis } from '@vue2-client/components'
+import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
+import { getConfigByNameAsync, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'CustomFuncCel',
+  methods: {
+    runLogic,
+    async fetchSlotValue () {
+      try {
+        let func = this.item.slotCustomFunction
+        if (this.item.slotCustomFunction.startsWith('function')) {
+          func = `async ${func}`
+        }
+        this.slotValueResult = await executeStrFunctionByContext(this, func, [this.text, this.record, this.localDataSource, this.index, runLogic, getConfigByNameAsync])
+        this.loading = false
+      } catch (error) {
+        console.error('Error fetching slot value:', error)
+      }
+    }
+  },
+  mounted () {
+    this.fetchSlotValue()
+  },
+  data: () => {
+    return {
+      slotValueResult: '',
+      loading: true
+    }
+  },
+  components: { Ellipsis },
+  // eslint-disable-next-line
+  props: ['item', 'text', 'record', 'index', 'localDataSource'],
+}
+</script>
+
+<template>
+  <span>
+    <template v-if="item.slotValue">
+      <ellipsis :length="item.slotValue" tooltip>{{ loading ? text : slotValueResult }}</ellipsis>
+    </template>
+    <template v-else>
+      {{ loading ? text : slotValueResult }}
+    </template>
+  </span>
+</template>
+
+<style scoped lang="less">
+
+</style>

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

@@ -1,161 +1,161 @@
-<template>
-  <x-form-item
-    v-if="isEditMode && getFromItem(item.dataIndex)"
-    class="innerTable"
-    :form="record"
-    :attr="getFromItem(item.dataIndex)"
-    :service-name="serviceName"
-    mode="新增/修改"
-    :env="env"
-    :showLabel="false"
-  />
-  <!-- 序号列 -->
-  <span v-else-if="item.slotType === 'index'">
-    {{ index + 1 }}
-  </span>
-  <!-- 行链接 -->
-  <span v-else-if="item.slotType === 'link'">
-    <a @click="columnClick(item.dataIndex, text, record)">{{ text }}</a>
-  </span>
-  <!-- 文本溢出省略 -->
-  <span v-else-if="item.slotType === 'ellipsis'">
-    <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
-  </span>
-  <!-- 徽标 -->
-  <span v-else-if="item.slotType === 'badge'">
-    <x-badge
-      :service-name="serviceName"
-      :env="env"
-      v-if="text !== null && text !== undefined"
-      :badge-key="item.slotKeyMap"
-      :value="text"
-    />
-  </span>
-  <!-- 日期 -->
-  <span v-else-if="item.slotType === 'date'">
-    {{ format(text, 'yyyy-MM-dd') }}
-  </span>
-  <!-- 日期时间 -->
-  <span v-else-if="item.slotType === 'dateTime'">
-    {{ format(text, 'yyyy-MM-dd hh:mm:ss') }}
-  </span>
-  <!-- 两位小数 -->
-  <span v-else-if="item.slotType === 'towDecimal'">
-    {{ numberFormat(text, 2) }}
-  </span>
-  <!-- 四位小数 -->
-  <span v-else-if="item.slotType === 'fourDecimal'">
-    {{ numberFormat(text, 4) }}
-  </span>
-  <!-- 整数 -->
-  <span v-else-if="item.slotType === 'int'">
-    {{ numberFormat(text, 0) }}
-  </span>
-  <!-- 操作列 -->
-  <span v-else-if="item.slotType === 'action'">
-    <template v-if="item.actionArr && item.actionArr.length > 0">
-      <a-dropdown>
-        <a class="ant-dropdown-link" @click="e => e.preventDefault()">
-          {{ item.scopedSlots?.customRender || item.slotValue }} <a-icon type="down"/>
-        </a>
-        <a-menu slot="overlay" style="min-width: 60px">
-          <a-menu-item
-            v-for="(action_item, actionIndex) in item.actionArr"
-            :key="actionIndex"
-            v-if="!action_item.customFunction || executeStrFunction(action_item.customFunction, [record, c_index])"
-          >
-            <a style="text-align: center" @click="action(record, item.dataIndex, action_item.func)">
-              {{ action_item.text }}
-            </a>
-          </a-menu-item>
-        </a-menu>
-      </a-dropdown>
-    </template>
-    <template v-if="!item.actionArr || item.actionArr.length === 0">
-      <a @click="action(record, item.dataIndex)">{{ item.slotValue }}</a>
-    </template>
-  </span>
-</template>
-<!--表格列组件抽取失败 暂时没用到这个组件-->
-<script>
-import XFormItem from '@vue2-client/base-client/components/common/XForm/XFormItem.vue'
-import Ellipsis from '@vue2-client/components/Ellipsis/Ellipsis.vue'
-import XBadge from '@vue2-client/base-client/components/common/XBadge/XBadge.vue'
-import { executeStrFunction } from '@vue2-client/utils/runEvalFunction'
-import { formatDate } from '@vue2-client/utils/util'
-
-export default {
-  components: { XBadge, Ellipsis, XFormItem },
-  props: {
-    item: {
-      type: Object,
-      required: true,
-    },
-    record: {
-      type: Object,
-      required: true,
-    },
-    index: {
-      type: Number,
-      required: true,
-    },
-    text: {
-      type: String,
-      required: true,
-    },
-    serviceName: {
-      type: String,
-      default: undefined
-    },
-    env: {
-      type: String,
-      default: undefined
-    },
-    isEditMode: {
-      type: Boolean,
-      default: false
-    },
-    formItems: {
-      type: Array,
-      required: true,
-    },
-  },
-  methods: {
-    executeStrFunction,
-    getFromItem (model) {
-      const aa = this.formItems.find(item => item.model === model && item.editRow)
-      if (aa) {
-        return JSON.parse(JSON.stringify(aa))
-      }
-      return false
-    },
-    columnClick () {
-      this.$emit('columnClick', ...arguments)
-    },
-    action () {
-      this.$emit('action', ...arguments)
-    },
-    /**
-     * 格式化日期
-     * @param date 日期字符串
-     * @param format 格式化方式
-     */
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    /**
-     * 格式化数字
-     * @param number string 或者 number
-     * @param decimalPlaces 小数位数
-     */
-    numberFormat (number, decimalPlaces = 2) {
-      const value = parseFloat(number)
-      if (!isNaN(value)) {
-        return value.toFixed(decimalPlaces)
-      } else {
-        return ''
-      }
-    },
-  },
-}
-</script>
+<template>
+  <x-form-item
+    v-if="isEditMode && getFromItem(item.dataIndex)"
+    class="innerTable"
+    :form="record"
+    :attr="getFromItem(item.dataIndex)"
+    :service-name="serviceName"
+    mode="新增/修改"
+    :env="env"
+    :showLabel="false"
+  />
+  <!-- 序号列 -->
+  <span v-else-if="item.slotType === 'index'">
+    {{ index + 1 }}
+  </span>
+  <!-- 行链接 -->
+  <span v-else-if="item.slotType === 'link'">
+    <a @click="columnClick(item.dataIndex, text, record)">{{ text }}</a>
+  </span>
+  <!-- 文本溢出省略 -->
+  <span v-else-if="item.slotType === 'ellipsis'">
+    <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
+  </span>
+  <!-- 徽标 -->
+  <span v-else-if="item.slotType === 'badge'">
+    <x-badge
+      :service-name="serviceName"
+      :env="env"
+      v-if="text !== null && text !== undefined"
+      :badge-key="item.slotKeyMap"
+      :value="text"
+    />
+  </span>
+  <!-- 日期 -->
+  <span v-else-if="item.slotType === 'date'">
+    {{ format(text, 'yyyy-MM-dd') }}
+  </span>
+  <!-- 日期时间 -->
+  <span v-else-if="item.slotType === 'dateTime'">
+    {{ format(text, 'yyyy-MM-dd hh:mm:ss') }}
+  </span>
+  <!-- 两位小数 -->
+  <span v-else-if="item.slotType === 'towDecimal'">
+    {{ numberFormat(text, 2) }}
+  </span>
+  <!-- 四位小数 -->
+  <span v-else-if="item.slotType === 'fourDecimal'">
+    {{ numberFormat(text, 4) }}
+  </span>
+  <!-- 整数 -->
+  <span v-else-if="item.slotType === 'int'">
+    {{ numberFormat(text, 0) }}
+  </span>
+  <!-- 操作列 -->
+  <span v-else-if="item.slotType === 'action'">
+    <template v-if="item.actionArr && item.actionArr.length > 0">
+      <a-dropdown>
+        <a class="ant-dropdown-link" @click="e => e.preventDefault()">
+          {{ item.scopedSlots?.customRender || item.slotValue }} <a-icon type="down"/>
+        </a>
+        <a-menu slot="overlay" style="min-width: 60px">
+          <a-menu-item
+            v-for="(action_item, actionIndex) in item.actionArr"
+            :key="actionIndex"
+            v-if="!action_item.customFunction || executeStrFunction(action_item.customFunction, [record, c_index])"
+          >
+            <a style="text-align: center" @click="action(record, item.dataIndex, action_item.func)">
+              {{ action_item.text }}
+            </a>
+          </a-menu-item>
+        </a-menu>
+      </a-dropdown>
+    </template>
+    <template v-if="!item.actionArr || item.actionArr.length === 0">
+      <a @click="action(record, item.dataIndex)">{{ item.slotValue }}</a>
+    </template>
+  </span>
+</template>
+<!--表格列组件抽取失败 暂时没用到这个组件-->
+<script>
+import XFormItem from '@vue2-client/base-client/components/common/XForm/XFormItem.vue'
+import Ellipsis from '@vue2-client/components/Ellipsis/Ellipsis.vue'
+import XBadge from '@vue2-client/base-client/components/common/XBadge/XBadge.vue'
+import { executeStrFunction } from '@vue2-client/utils/runEvalFunction'
+import { formatDate } from '@vue2-client/utils/util'
+
+export default {
+  components: { XBadge, Ellipsis, XFormItem },
+  props: {
+    item: {
+      type: Object,
+      required: true,
+    },
+    record: {
+      type: Object,
+      required: true,
+    },
+    index: {
+      type: Number,
+      required: true,
+    },
+    text: {
+      type: String,
+      required: true,
+    },
+    serviceName: {
+      type: String,
+      default: undefined
+    },
+    env: {
+      type: String,
+      default: undefined
+    },
+    isEditMode: {
+      type: Boolean,
+      default: false
+    },
+    formItems: {
+      type: Array,
+      required: true,
+    },
+  },
+  methods: {
+    executeStrFunction,
+    getFromItem (model) {
+      const aa = this.formItems.find(item => item.model === model && item.editRow)
+      if (aa) {
+        return JSON.parse(JSON.stringify(aa))
+      }
+      return false
+    },
+    columnClick () {
+      this.$emit('columnClick', ...arguments)
+    },
+    action () {
+      this.$emit('action', ...arguments)
+    },
+    /**
+     * 格式化日期
+     * @param date 日期字符串
+     * @param format 格式化方式
+     */
+    format (date, format) {
+      return formatDate(date, format)
+    },
+    /**
+     * 格式化数字
+     * @param number string 或者 number
+     * @param decimalPlaces 小数位数
+     */
+    numberFormat (number, decimalPlaces = 2) {
+      const value = parseFloat(number)
+      if (!isNaN(value)) {
+        return value.toFixed(decimalPlaces)
+      } else {
+        return ''
+      }
+    },
+  },
+}
+</script>

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

@@ -506,6 +506,11 @@ export default {
     pageMaxSize: {
       type: Number,
       default: null
+    },
+    // 外部传入的选中行keys
+    externalSelectedRowKeys: {
+      type: Array,
+      default: () => []
     }
   },
   computed: {
@@ -535,10 +540,29 @@ export default {
         }
       },
       immediate: true
+    },
+    externalSelectedRowKeys: {
+      handler (newVal) {
+        // 如果新值和当前值相同，则不处理
+        if (JSON.stringify(newVal) === JSON.stringify(this.selectedRowKeys)) {
+          return
+        }
+        if (newVal && newVal.length > 0) {
+          this.$nextTick(() => {
+            this.updateTableSelection(newVal)
+          })
+        }
+      }
     }
   },
   mounted () {
     window.addEventListener('resize', this.handleResize)
+    // 初始化时如果有外部选中值，等待 table 准备好后设置
+    if (this.externalSelectedRowKeys && this.externalSelectedRowKeys.length > 0) {
+      this.$nextTick(() => {
+        this.updateTableSelection(this.externalSelectedRowKeys)
+      })
+    }
   },
   beforeDestroy () {
     // 销毁页面查询定时器
@@ -551,8 +575,20 @@ export default {
     showTempData () {
       this.selectedRowModalVisible = true
       this.$nextTick(() => {
-        this.$refs.selectedDataTable.refresh(true)
-        this.$refs.selectedDataTable.updateSelect(this.selectedRowKeys, this.selectedRows)
+        if (this.$refs.selectedDataTable) {
+          // 确保数据已经准备好
+          const selectedData = this.selectedRows.map(row => ({ ...row }))
+          this.$refs.selectedDataTable.refresh(true)
+          // 等待数据加载完成后再更新选中状态
+          setTimeout(() => {
+            if (this.$refs.selectedDataTable) {
+              this.$refs.selectedDataTable.updateSelect(
+                selectedData.map(row => row[this.primaryKey || this.rowKey]),
+                selectedData
+              )
+            }
+          }, 100)
+        }
       })
     },
     customFunctionShow (customFunction, record, cIndex) {
@@ -880,6 +916,33 @@ export default {
         result = query(Object.assign(requestParameters, { userId: this.currUser?.id }), this.serviceName, this.env === 'dev')
         result.then(res => {
           this.totalCount = res.totalCount || 0
+          // 在数据加载完成后，立即检查并更新选中状态
+          if (this.selectRowMode !== 'disabled' && !this.clearSelectRowAfterQuery) {
+            // 找出当前页中应该被选中的行
+            const currentPageSelectedRows = res.data.filter(row =>
+              this.selectedRowKeys.includes(row[this.primaryKey || this.rowKey])
+            )
+            // 更新表格的选中状态
+            this.$nextTick(() => {
+              // 更新内部选中状态
+              this.innerSelectedRowKeys = currentPageSelectedRows.map(row => row[this.primaryKey || this.rowKey])
+              this.innerSelectedRows = currentPageSelectedRows
+              // 更新表格显示
+              this.$refs.table.updateSelect(this.innerSelectedRowKeys, this.innerSelectedRows)
+              // 更新总选中状态
+              if (currentPageSelectedRows.length > 0) {
+                // 保留不在当前页面的已选中行
+                const otherPageSelectedRows = this.selectedRows.filter(row =>
+                  !currentPageSelectedRows.some(currentRow =>
+                    currentRow[this.primaryKey || this.rowKey] === row[this.primaryKey || this.rowKey]
+                  )
+                )
+                // 合并当前页面和其他页面的选中行
+                this.selectedRows = [...otherPageSelectedRows, ...currentPageSelectedRows]
+              }
+              this.$emit('selectRow', this.selectedRowKeys, this.selectedRows)
+            })
+          }
         })
       }
 
@@ -942,38 +1005,71 @@ export default {
     },
     /**
      * 选择列数据改变事件
-     * @param selectedRowKeys 被选择的列Key集合
-     * @param selectedRows 被选择的列集合
+     * @param currentPageSelectedKeys 被选择的列Key集合
+     * @param currentPageSelectedRows 被选择的列集合
      */
-    onSelectChange (selectedRowKeys, selectedRows) {
-      this.innerSelectedRowKeys = selectedRowKeys
-      this.innerSelectedRows = selectedRows
+    onSelectChange (currentPageSelectedKeys, currentPageSelectedRows) {
+      console.log('currentPageSelectedKeys', currentPageSelectedKeys)
+      // 这里的 currentPageSelectedKeys 和 currentPageSelectedRows 是当前页选中状态改变后的数据
       if (this.selectRowMode === 'listView' && !this.clearSelectRowAfterQuery) {
         if (this.primaryKey) {
-          // 找出被取消选中的行
-          const deselectedKeys = this.selectedRowKeys.filter(key => !selectedRowKeys.includes(key))
-          // 从已选中的行中移除被取消选中的行
-          if (deselectedKeys.length > 0) {
-            this.selectedRowKeys = this.selectedRowKeys.filter(key => !deselectedKeys.includes(key))
-            this.selectedRows = this.selectedRows.filter(row => !deselectedKeys.includes(row[this.primaryKey]))
+          const primaryKeyName = this.primaryKey || this.rowKey
+          // 获取当前页面所有行的key
+          const currentPageAllKeys = this.$refs.table.localDataSource.map(row => row[primaryKeyName])
+          // 找出当前页新选中的 keys (之前未选中但现在选中了)
+          const newlySelectedKeysOnPage = currentPageSelectedKeys.filter(key => !this.selectedRowKeys.includes(key))
+          // 找出当前页被取消选中的 keys (之前选中但现在未选中了)
+          const deselectedKeysOnPage = this.selectedRowKeys.filter(key => currentPageAllKeys.includes(key) && !currentPageSelectedKeys.includes(key))
+          // 更新总的 selectedRowKeys: 移除被取消选中的，添加新选中的
+          this.selectedRowKeys = this.selectedRowKeys.filter(key => !deselectedKeysOnPage.includes(key))
+          this.selectedRowKeys = [...this.selectedRowKeys, ...newlySelectedKeysOnPage]
+          // 更新总的 selectedRows: 移除被取消选中的行对象，添加新选中的行对象
+          // 从当前页数据源中找到被取消选中的行对象
+          const deselectedRowsOnPage = this.$refs.table.localDataSource.filter(row => deselectedKeysOnPage.includes(row[primaryKeyName]))
+          // 移除被取消选中的行对象
+          const selectedRowsWithoutDeselected = this.selectedRows.filter(row => !deselectedRowsOnPage.some(deselectedRow => deselectedRow[primaryKeyName] === row[primaryKeyName]))
+          // 从当前页数据源中找到新选中的行对象
+          const newlySelectedRowsOnPage = this.$refs.table.localDataSource.filter(row => newlySelectedKeysOnPage.includes(row[primaryKeyName]))
+          // 添加新选中的行对象 (需要去重，以防其他页面已包含此行)
+          const finalSelectedRows = [...selectedRowsWithoutDeselected]
+           const finalSelectedRowKeysMap = new Map()
+           for (const row of finalSelectedRows) {
+               finalSelectedRowKeysMap.set(row[primaryKeyName], true)
+           }
+
+          for (const row of newlySelectedRowsOnPage) {
+            const key = row[primaryKeyName]
+            if (!finalSelectedRowKeysMap.has(key)) {
+               finalSelectedRowKeysMap.set(key, true)
+               finalSelectedRows.push(row)
+            }
           }
-          // 添加新选中的行（去重）
-          const newSelectedKeys = selectedRowKeys.filter(key => !this.selectedRowKeys.includes(key))
-          const newSelectedRows = selectedRows.filter(row => newSelectedKeys.includes(row[this.primaryKey]))
-          this.selectedRowKeys = [...this.selectedRowKeys, ...newSelectedKeys]
-          this.selectedRows = [...this.selectedRows, ...newSelectedRows]
+          this.selectedRows = finalSelectedRows
         } else {
-          // 如果没有主键，则直接使用当前选中的行
-          this.selectedRowKeys = selectedRowKeys
-          this.selectedRows = selectedRows
+          // 如果没有主键，则直接使用当前选中的行（此情况可能无法跨页选中，但为了兼容保留）
+          this.selectedRowKeys = currentPageSelectedKeys
+          this.selectedRows = currentPageSelectedRows
         }
       } else {
-        this.selectedRowKeys = this.innerSelectedRowKeys
-        this.selectedRows = this.innerSelectedRows
+        // 非 listView 模式或 clearSelectRowAfterQuery 为 true，直接使用当前页的选中状态作为总状态
+        this.selectedRowKeys = currentPageSelectedKeys
+        this.selectedRows = currentPageSelectedRows
       }
-      this.isModify = this.innerSelectedRowKeys.length === 1
-      this.isDelete = this.innerSelectedRowKeys.length > 0
-      this.isChoose = this.allowSelectRowNum === 0 ? this.innerSelectedRowKeys.length > 0 : this.innerSelectedRowKeys.length === this.allowSelectRowNum
+
+      // 更新内部状态和表格显示 (即使在 listView 模式下，内部状态也需要同步以更新表格显示)
+      this.innerSelectedRowKeys = currentPageSelectedKeys
+      this.innerSelectedRows = currentPageSelectedRows
+      // 确保在DOM更新后调用 updateSelect，以正确反映当前页的选中状态
+      this.$nextTick(() => {
+        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.$emit('selectRow', this.selectedRowKeys, this.selectedRows)
     },
     /**
@@ -1353,6 +1449,53 @@ export default {
     },
     onExpand (expanded, record) {
       this.$emit('expand', expanded, record)
+    },
+    // 添加新方法处理表格选中状态
+    updateTableSelection (selectedKeys) {
+      console.log('selectedKeys', selectedKeys)
+      if (!this.$refs.table) {
+        return
+      }
+
+      // 检查数据是否已加载
+      if (!this.$refs.table.localDataSource || this.$refs.table.localDataSource.length === 0) {
+        // 等待数据加载完成后再处理
+        const checkDataLoaded = () => {
+          if (this.$refs.table.localDataSource && this.$refs.table.localDataSource.length > 0) {
+            this.doUpdateTableSelection(selectedKeys)
+          } else {
+            setTimeout(checkDataLoaded, 100)
+          }
+        }
+        checkDataLoaded()
+        return
+      }
+
+      this.doUpdateTableSelection(selectedKeys)
+    },
+
+    // 实际执行更新选中状态的方法
+    doUpdateTableSelection (selectedKeys) {
+      // 更新内部选中状态
+      this.selectedRowKeys = [...selectedKeys]
+      this.innerSelectedRowKeys = [...selectedKeys]
+      // 根据 selectedRowKeys 找到对应的行数据
+      this.selectedRows = this.$refs.table.localDataSource.filter(row =>
+        selectedKeys.includes(row[this.primaryKey || this.rowKey])
+      )
+      // 更新表格选中状态
+      if (this.selectRowMode !== 'disabled' && !this.clearSelectRowAfterQuery) {
+        this.$refs.table.updateSelect(this.selectedRowKeys, this.selectedRows)
+      } else if (this.isTableMode && !this.simpleMode) {
+        this.clearRowKeys()
+      }
+      // 更新按钮状态
+      this.isModify = this.innerSelectedRowKeys.length === 1
+      this.isDelete = this.innerSelectedRowKeys.length > 0
+      this.isChoose = this.allowSelectRowNum === 0 ? this.innerSelectedRowKeys.length > 0 : this.innerSelectedRowKeys.length === this.allowSelectRowNum
+
+      // 触发选择事件
+      this.$emit('selectRow', this.selectedRowKeys, this.selectedRows)
     }
   }
 }