releases 4.10.6

x-extends · Jan 12, 2025 · d558be6 · d558be6
1 parent 9c90132
commit d558be6
Showing 14 changed files with 1,265 additions and 982 deletions.
diff --git a/examples/views/table/TableTest1.vue b/examples/views/table/TableTest1.vue
@@ -1,5 +1,9 @@
 <template>
   <div>
+    <vxe-button @click="loadData(0)">加载0条</vxe-button>
+    <vxe-button @click="loadData(5)">加载5条</vxe-button>
+    <vxe-button @click="loadData(20)">加载20条</vxe-button>
+    <vxe-button @click="loadData(1000)">加载1000条</vxe-button>
     <vxe-button @click="loadData(5000)">加载5k条</vxe-button>
     <vxe-button @click="loadData(10000)">加载1w条</vxe-button>
     <vxe-button @click="loadData(50000)">加载5w条</vxe-button>
@@ -213,6 +217,6 @@ const loadData = (rowSize) => {
     })
   }, 100)
 }
-loadData(200)
+loadData(100)
 
 </script>
diff --git a/examples/views/table/TableTest9.vue b/examples/views/table/TableTest9.vue
@@ -1,7 +1,11 @@
 <template>
   <div>
+    <vxe-button @click="loadData(0)">加载0条</vxe-button>
+    <vxe-button @click="loadData(5)">加载5条</vxe-button>
+    <vxe-button @click="loadData(50)">加载50条</vxe-button>
     <vxe-button @click="loadData(5000)">加载5k条</vxe-button>
     <vxe-button @click="loadData(10000)">加载1w条</vxe-button>
+    <vxe-button @click="loadData(30000)">加载3w条</vxe-button>
     <vxe-table
       border
       show-overflow
@@ -12,8 +16,8 @@
       :scroll-x="{enabled: true, gt: 0}"
       :scroll-y="{enabled: true, gt: 0}"
       :data="tableData">
-      <vxe-column type="checkbox" width="80" drag-sort></vxe-column>
-      <vxe-column field="col0" title="列0" width="100"></vxe-column>
+      <vxe-column type="checkbox" width="80" fixed="left" drag-sort></vxe-column>
+      <vxe-column field="col0" title="列0" fixed="left" width="100"></vxe-column>
       <vxe-column field="imgUrl" title="列1" width="80" :cell-render="imgUrlCellRender"></vxe-column>
       <vxe-column field="col2" title="列2" width="90"></vxe-column>
       <vxe-column field="col3" title="列3" width="200"></vxe-column>
@@ -102,7 +106,7 @@
       <vxe-column field="col86" title="列86" width="800"></vxe-column>
       <vxe-column field="imgList1" title="列88" width="120"  :cell-render="imgList1CellRender"></vxe-column>
       <vxe-column field="flag1" title="列89" width="100"  :cell-render="flag1CellRender"></vxe-column>
-      <vxe-column field="action" title="操作" width="120" >
+      <vxe-column field="action" title="操作" width="120" fixed="right" >
         <template #default>
           <vxe-button mode="text" status="primary">编辑</vxe-button>
           <vxe-button mode="text" status="error">删除</vxe-button>
@@ -185,5 +189,5 @@ const loadData = (rowSize: number) => {
   }, 350)
 }
 
-loadData(200)
+loadData(16)
 </script>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "4.10.5",
+  "version": "4.10.6-beta.0",
   "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟树、拖拽排序，懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式...",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -28,7 +28,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "vxe-pc-ui": "^4.3.68"
+    "vxe-pc-ui": "^4.3.70"
   },
   "devDependencies": {
     "@types/resize-observer-browser": "^0.1.11",

diff --git a/packages/grid/src/grid.ts b/packages/grid/src/grid.ts
@@ -442,7 +442,12 @@ export default defineComponent({
           reactData.tZindex = nextZIndex()
         }
       }
-      return nextTick().then(() => gridExtendTableMethods.recalculate(true)).then(() => reactData.isZMax)
+      return nextTick()
+        .then(() => gridExtendTableMethods.recalculate(true))
+        .then(() => {
+          setTimeout(() => gridExtendTableMethods.recalculate(true), 15)
+          return reactData.isZMax
+        })
     }
 
     const getFuncSlot = (optSlots: any, slotKey: string) => {

diff --git a/packages/table/module/export/hook.ts b/packages/table/module/export/hook.ts
@@ -1235,9 +1235,9 @@ hooks.add('tableExportModule', {
           if (mode === 'selected') {
             const selectRecords = $xeTable.getCheckboxRecords()
             if (['html', 'pdf'].indexOf(type) > -1 && treeConfig) {
-              opts.data = XEUtils.searchTree($xeTable.getTableData().fullData, item => $xeTable.findRowIndexOf(selectRecords, item) > -1, Object.assign({}, treeOpts, { data: '_row' }))
+              handleOptions.data = XEUtils.searchTree($xeTable.getTableData().fullData, item => $xeTable.findRowIndexOf(selectRecords, item) > -1, Object.assign({}, treeOpts, { data: '_row' }))
             } else {
-              opts.data = selectRecords
+              handleOptions.data = selectRecords
             }
           } else if (mode === 'all') {
             if (process.env.VUE_APP_VXE_ENV === 'development') {

diff --git a/packages/table/module/keyboard/hook.ts b/packages/table/module/keyboard/hook.ts
@@ -40,8 +40,8 @@ hooks.add('tableKeyboardModule', {
       let rangeRows: any[] = []
       let moveSize = 0
       const isDown = moveRange > 0
-      const { scrollYLoad } = reactData
-      const { afterFullData, scrollYStore } = internalData
+      const { scrollYLoad, rowHeight } = reactData
+      const { afterFullData } = internalData
       if (scrollYLoad) {
         if (isDown) {
           moveSize = offsetClientTop + moveRange
@@ -50,9 +50,9 @@ hooks.add('tableKeyboardModule', {
         }
         const _rowIndex = $xeTable.getVTRowIndex(params.row)
         if (isDown) {
-          rangeRows = afterFullData.slice(_rowIndex, _rowIndex + Math.ceil(moveSize / scrollYStore.rowHeight))
+          rangeRows = afterFullData.slice(_rowIndex, _rowIndex + Math.ceil(moveSize / rowHeight))
         } else {
-          rangeRows = afterFullData.slice(_rowIndex - Math.floor(moveSize / scrollYStore.rowHeight), _rowIndex + 1)
+          rangeRows = afterFullData.slice(_rowIndex - Math.floor(moveSize / rowHeight), _rowIndex + 1)
         }
       } else {
         if (isDown) {