@visactor/vtable 0.9.1 → 0.9.2-alpha.1

package/es/scenegraph/group-creater/progress/create-group-for-first-screen.js

@@ -0,0 +1,65 @@
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+};
+
+import { computeColsWidth } from "../../layout/compute-col-width";
+
+import { computeRowsHeight } from "../../layout/compute-row-height";
+
+import { createColGroup } from "../column";
+
+export function createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin, proxy) {
+    var _a, _b, _c, _d;
+    return __awaiter(this, void 0, void 0, (function*() {
+        proxy.setParamsForRow(), proxy.setParamsForColumn(), proxy.table.internalProps._colWidthsMap.clear(), 
+        proxy.table._clearColRangeWidthsMap(), computeColsWidth(proxy.table, 0, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1)), 
+        proxy.table.internalProps._rowHeightsMap.clear(), proxy.table._clearRowRangeHeightsMap(), 
+        computeRowsHeight(proxy.table, 0, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1)), 
+        proxy.table.rightFrozenColCount > 0 && proxy.table.colCount - 1 > proxy.firstScreenColLimit && computeColsWidth(proxy.table, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1, proxy.table.colCount - 1), 
+        proxy.table.bottomFrozenRowCount > 0 && proxy.table.rowCount - 1 > proxy.firstScreenRowLimit && computeColsWidth(proxy.table, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1, proxy.table.rowCount - 1), 
+        proxy.table.scenegraph.colHeaderGroup.setAttribute("x", proxy.table.getFrozenColsWidth()), 
+        proxy.table.scenegraph.rowHeaderGroup.setAttribute("y", proxy.table.getFrozenRowsHeight()), 
+        proxy.table.scenegraph.bottomFrozenGroup.setAttribute("x", proxy.table.getFrozenColsWidth()), 
+        proxy.table.scenegraph.rightFrozenGroup.setAttribute("y", proxy.table.getFrozenRowsHeight()), 
+        proxy.table.scenegraph.bodyGroup.setAttributes({
+            x: proxy.table.getFrozenColsWidth(),
+            y: proxy.table.getFrozenRowsHeight()
+        }), createColGroup(cornerHeaderGroup, xOrigin, yOrigin, 0, proxy.table.rowHeaderLevelCount - 1, 0, proxy.table.columnHeaderLevelCount - 1, "cornerHeader", proxy.table), 
+        createColGroup(colHeaderGroup, xOrigin, yOrigin, proxy.table.rowHeaderLevelCount, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), 0, proxy.table.columnHeaderLevelCount - 1, "columnHeader", proxy.table), 
+        createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, proxy.table.rowHeaderLevelCount - 1, proxy.table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), "rowHeader", proxy.table), 
+        proxy.table.bottomFrozenRowCount > 0 && createColGroup(bottomFrozenGroup, xOrigin, yOrigin, proxy.table.rowHeaderLevelCount, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1, proxy.table.rowCount - 1, "body", proxy.table), 
+        proxy.table.rightFrozenColCount > 0 && createColGroup(rightFrozenGroup, xOrigin, yOrigin, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1, proxy.table.colCount - 1, proxy.table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), "body", proxy.table), 
+        createColGroup(bodyGroup, xOrigin, yOrigin, proxy.table.rowHeaderLevelCount, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), proxy.table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), "body", proxy.table), 
+        bodyGroup.firstChild ? (proxy.currentRow = null !== (_b = null === (_a = bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.rowNumber) && void 0 !== _b ? _b : proxy.totalRow, 
+        proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), 
+        proxy.currentCol = null !== (_d = null === (_c = bodyGroup.lastChild) || void 0 === _c ? void 0 : _c.col) && void 0 !== _d ? _d : proxy.totalCol, 
+        proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2), 
+        yield proxy.progress()) : (proxy.currentRow = proxy.totalRow, proxy.rowEnd = proxy.currentRow, 
+        proxy.rowUpdatePos = proxy.rowEnd, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), 
+        proxy.currentCol = proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd, 
+        proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2));
+    }));
+}
+//# sourceMappingURL=create-group-for-first-screen.js.map

package/es/scenegraph/group-creater/progress/create-group-for-first-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/group-creater/progress/create-group-for-first-screen.ts"],"names":[],"mappings":"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","file":"create-group-for-first-screen.js","sourcesContent":["import type { Group } from '../../graphic/group';\nimport { computeColsWidth } from '../../layout/compute-col-width';\nimport { computeRowsHeight } from '../../layout/compute-row-height';\nimport { createColGroup } from '../column';\nimport type { SceneProxy } from './proxy';\n\nexport async function createGroupForFirstScreen(\n  cornerHeaderGroup: Group,\n  colHeaderGroup: Group,\n  rowHeaderGroup: Group,\n  rightFrozenGroup: Group,\n  bottomFrozenGroup: Group,\n  bodyGroup: Group,\n  xOrigin: number,\n  yOrigin: number,\n  proxy: SceneProxy\n) {\n  // compute parameters\n  proxy.setParamsForRow();\n  proxy.setParamsForColumn();\n\n  // compute colums width in first screen\n  proxy.table.internalProps._colWidthsMap.clear();\n  proxy.table._clearColRangeWidthsMap();\n  computeColsWidth(proxy.table, 0, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1));\n\n  // compute rows height in first screen\n  proxy.table.internalProps._rowHeightsMap.clear();\n  proxy.table._clearRowRangeHeightsMap();\n  computeRowsHeight(proxy.table, 0, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1));\n\n  if (proxy.table.rightFrozenColCount > 0 && proxy.table.colCount - 1 > proxy.firstScreenColLimit) {\n    // compute right frozen row height\n    computeColsWidth(\n      proxy.table,\n      proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1,\n      proxy.table.colCount - 1\n    );\n  }\n  if (proxy.table.bottomFrozenRowCount > 0 && proxy.table.rowCount - 1 > proxy.firstScreenRowLimit) {\n    // compute bottom frozen row height\n    computeColsWidth(\n      proxy.table,\n      proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1,\n      proxy.table.rowCount - 1\n    );\n  }\n\n  // update colHeaderGroup rowHeaderGroup bodyGroup position\n  proxy.table.scenegraph.colHeaderGroup.setAttribute('x', proxy.table.getFrozenColsWidth());\n  proxy.table.scenegraph.rowHeaderGroup.setAttribute('y', proxy.table.getFrozenRowsHeight());\n  proxy.table.scenegraph.bottomFrozenGroup.setAttribute('x', proxy.table.getFrozenColsWidth());\n  proxy.table.scenegraph.rightFrozenGroup.setAttribute('y', proxy.table.getFrozenRowsHeight());\n  proxy.table.scenegraph.bodyGroup.setAttributes({\n    x: proxy.table.getFrozenColsWidth(),\n    y: proxy.table.getFrozenRowsHeight()\n  });\n\n  // create cornerHeaderGroup\n  createColGroup(\n    cornerHeaderGroup,\n    xOrigin,\n    yOrigin,\n    0, // colStart\n    proxy.table.rowHeaderLevelCount - 1, // colEnd\n    0, // rowStart\n    proxy.table.columnHeaderLevelCount - 1, // rowEnd\n    'cornerHeader', // CellType\n    proxy.table\n  );\n\n  // create colHeaderGroup\n  createColGroup(\n    colHeaderGroup,\n    xOrigin,\n    yOrigin,\n    proxy.table.rowHeaderLevelCount, // colStart\n    Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), // colEnd\n    0, // rowStart\n    proxy.table.columnHeaderLevelCount - 1, // rowEnd\n    'columnHeader', // isHeader\n    proxy.table\n  );\n\n  // create rowHeaderGroup\n  createColGroup(\n    rowHeaderGroup,\n    xOrigin,\n    yOrigin,\n    0, // colStart\n    proxy.table.rowHeaderLevelCount - 1, // colEnd\n    proxy.table.columnHeaderLevelCount, // rowStart\n    Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), // rowEnd\n    'rowHeader', // isHeader\n    proxy.table\n  );\n\n  if (proxy.table.bottomFrozenRowCount > 0) {\n    // create bottomFrozenGroup\n    createColGroup(\n      bottomFrozenGroup,\n      xOrigin,\n      yOrigin,\n      proxy.table.rowHeaderLevelCount, // colStart\n      Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), // colEnd\n      proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1, // rowStart\n      proxy.table.rowCount - 1, // rowEnd\n      'body', // isHeader\n      proxy.table\n    );\n    // proxy.table.scenegraph.bottomFrozenGroup.setAttribute(\n    //   'y',\n    //   proxy.table.tableNoFrameHeight - proxy.table.scenegraph.bottomFrozenGroup.attribute.height\n    // );\n    // proxy.table.scenegraph.leftBottomCellGroup.setAttributes({\n    //   visible: true,\n    //   y: proxy.table.tableNoFrameHeight - proxy.table.scenegraph.bottomFrozenGroup.attribute.height,\n    //   height: proxy.table.scenegraph.bottomFrozenGroup.attribute.height,\n    //   width: proxy.table.getFrozenColsWidth()\n    // });\n    // proxy.table.scenegraph.rightBottomCellGroup.setAttributes({\n    //   visible: true,\n    //   y: proxy.table.tableNoFrameHeight - proxy.table.scenegraph.bottomFrozenGroup.attribute.height,\n    //   height: proxy.table.scenegraph.bottomFrozenGroup.attribute.height\n    // });\n  }\n\n  if (proxy.table.rightFrozenColCount > 0) {\n    // create rightFrozenGroup\n    createColGroup(\n      rightFrozenGroup,\n      xOrigin,\n      yOrigin,\n      proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1, // colStart\n      proxy.table.colCount - 1, // colEnd\n      proxy.table.columnHeaderLevelCount, // rowStart\n      Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), // rowEnd\n      'body', // isHeader\n      proxy.table\n    );\n    // proxy.table.scenegraph.rightFrozenGroup.setAttribute(\n    //   'x',\n    //   proxy.table.tableNoFrameWidth - proxy.table.scenegraph.rightFrozenGroup.attribute.width\n    // );\n    // proxy.table.scenegraph.rightTopCellGroup.setAttributes({\n    //   visible: true,\n    //   x: proxy.table.tableNoFrameWidth - proxy.table.scenegraph.rightFrozenGroup.attribute.width,\n    //   width: proxy.table.scenegraph.rightFrozenGroup.attribute.width,\n    //   height: proxy.table.getFrozenRowsHeight()\n    // });\n    // proxy.table.scenegraph.rightBottomCellGroup.setAttributes({\n    //   visible: true,\n    //   x: proxy.table.tableNoFrameWidth - proxy.table.scenegraph.rightFrozenGroup.attribute.width,\n    //   width: proxy.table.scenegraph.rightFrozenGroup.attribute.width\n    // });\n  }\n\n  // create bodyGroup\n  createColGroup(\n    bodyGroup,\n    xOrigin,\n    yOrigin,\n    proxy.table.rowHeaderLevelCount, // colStart\n    Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), // colEnd\n    proxy.table.columnHeaderLevelCount, // rowStart\n    Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), // rowEnd\n    'body', // isHeader\n    proxy.table\n  );\n\n  // update progress information\n  if (!bodyGroup.firstChild) {\n    // 无数据\n    proxy.currentRow = proxy.totalRow;\n    proxy.rowEnd = proxy.currentRow;\n    proxy.rowUpdatePos = proxy.rowEnd;\n    proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);\n\n    proxy.currentCol = proxy.totalCol;\n    proxy.colEnd = proxy.currentCol;\n    proxy.colUpdatePos = proxy.colEnd;\n    proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2);\n  } else {\n    proxy.currentRow = (bodyGroup.firstChild as Group)?.rowNumber ?? proxy.totalRow;\n    proxy.rowEnd = proxy.currentRow;\n    proxy.rowUpdatePos = proxy.rowEnd;\n    proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);\n\n    proxy.currentCol = (bodyGroup.lastChild as Group)?.col ?? proxy.totalCol;\n    proxy.colEnd = proxy.currentCol;\n    proxy.colUpdatePos = proxy.colEnd;\n    proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2);\n\n    // 开始异步任务\n    await proxy.progress();\n  }\n}\n"]}

package/es/scenegraph/group-creater/progress/proxy.d.ts

@@ -1,43 +1,62 @@
 import type { BaseTableAPI } from '../../../ts-types/base-table';
-import type { Group } from '../../graphic/group';
+import { Group } from '../../graphic/group';
 export declare class SceneProxy {
     table: BaseTableAPI;
+    mode: 'column' | 'row' | 'pivot';
+    rowLimit: number;
     currentRow: number;
     totalRow: number;
-    rowLimit: number;
     yLimitTop: number;
     yLimitBottom: number;
-    accurateY: number;
     rowStart: number;
     rowEnd: number;
     referenceRow: number;
     bodyTopRow: number;
     bodyBottomRow: number;
-    bodyLeftCol: number;
-    bodyRightCol: number;
     screenRowCount: number;
     firstScreenRowLimit: number;
     taskRowCount: number;
     rowUpdatePos: number;
     rowUpdateDirection: 'up' | 'down';
     screenTopRow: number;
-    screenTopRowDeltaY: number;
-    y: number;
+    colLimit: number;
+    bodyLeftCol: number;
+    bodyRightCol: number;
+    totalCol: number;
+    colStart: number;
+    colEnd: number;
+    taskColCount: number;
+    xLimitLeft: number;
+    xLimitRight: number;
+    screenColCount: number;
+    firstScreenColLimit: number;
+    colUpdatePos: number;
+    currentCol: number;
+    referenceCol: number;
+    screenLeftCol: number;
+    colUpdateDirection: 'left' | 'right';
     cellCache: Map<number, Group>;
     constructor(table: BaseTableAPI);
-    setParams(): void;
+    setParamsForColumn(): void;
+    setParamsForRow(): void;
+    createGroupForFirstScreen(cornerHeaderGroup: Group, colHeaderGroup: Group, rowHeaderGroup: Group, rightFrozenGroup: Group, bottomFrozenGroup: Group, bodyGroup: Group, xOrigin: number, yOrigin: number): Promise<void>;
     createColGroupForFirstScreen(rowHeaderGroup: Group, bodyGroup: Group, xOrigin: number, yOrigin: number, table: BaseTableAPI): Promise<void>;
     progress(): Promise<void>;
     createRow(): Promise<void>;
+    createCol(): Promise<void>;
     createRowCellGroup(onceCount: number): void;
+    createColGroup(onceCount: number): void;
     setY(y: number): Promise<void>;
+    setX(x: number): Promise<void>;
     dynamicSetY(y: number): Promise<void>;
+    dynamicSetX(x: number): Promise<void>;
     updateBody(y: number): void;
-    moveCell(count: number, direction: 'up' | 'down', screenTopRow: number): Promise<void>;
-    updateCellGroupsAsync(): Promise<void>;
+    updateRowCellGroupsAsync(): Promise<void>;
     updateCellGroups(count: number): void;
+    updateColCellGroupsAsync(): Promise<void>;
+    updateColGroups(count: number): void;
     updateCellGroupPosition(cellGroup: Group, newRow: number, y: number): void;
-    updateCellGroupContent(cellGroup: Group): void;
+    updateCellGroupContent(cellGroup: Group): Group;
     sortCell(): Promise<void>;
-    highPerformanceGetCell(col: number, row: number, rowStart?: number, rowEnd?: number): Group;
+    highPerformanceGetCell(col: number, row: number, rowStart?: number, rowEnd?: number, getShadow?: boolean): Group;
 }

package/es/scenegraph/group-creater/progress/proxy.js

@@ -24,31 +24,52 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
     }));
 };
 
-import { updateCellHeightForColumn } from "../../layout/update-height";
+import { Group } from "../../graphic/group";
 
-import { emptyGroup } from "../../utils/empty-group";
+import { computeColsWidth } from "../../layout/compute-col-width";
 
-import { getProp } from "../../utils/get-prop";
+import { computeRowsHeight } from "../../layout/compute-row-height";
 
-import { getQuadProps } from "../../utils/padding";
+import { emptyGroup } from "../../utils/empty-group";
 
 import { createColGroup } from "../column";
 
 import { createComplexColumn } from "../column-helper";
 
+import { createGroupForFirstScreen } from "./create-group-for-first-screen";
+
+import { dynamicSetX } from "./update-position/dynamic-set-x";
+
+import { dynamicSetY } from "./update-position/dynamic-set-y";
+
+import { updateAutoRow } from "./update-position/update-auto-row";
+
 export class SceneProxy {
     constructor(table) {
-        this.currentRow = 0, this.rowLimit = 1e3, this.accurateY = 0, this.rowStart = 0, 
-        this.rowEnd = 0, this.referenceRow = 0, this.screenTopRow = 0, this.cellCache = new Map, 
-        this.table = table, this.table.options.maintainedDataCount && (this.rowLimit = this.table.options.maintainedDataCount);
+        this.mode = "column", this.rowLimit = 1e3, this.currentRow = 0, this.rowStart = 0, 
+        this.rowEnd = 0, this.referenceRow = 0, this.screenTopRow = 0, this.colLimit = 1e3, 
+        this.screenLeftCol = 0, this.cellCache = new Map, this.table = table, this.table.internalProps.transpose ? this.mode = "row" : this.table.isPivotTable() && (this.mode = "pivot"), 
+        this.table.options.maintainedDataCount && (this.rowLimit = this.table.options.maintainedDataCount);
     }
-    setParams() {
-        this.bodyTopRow = this.table.columnHeaderLevelCount, this.bodyBottomRow = this.table.rowCount - 1, 
-        this.bodyLeftCol = 0, this.bodyRightCol = this.table.colCount - 1;
+    setParamsForColumn() {
+        this.bodyLeftCol = this.table.rowHeaderLevelCount, this.bodyRightCol = this.table.colCount - 1 - this.table.rightFrozenColCount;
+        const totalActualBodyColCount = Math.min(this.colLimit, this.bodyRightCol - this.bodyLeftCol + 1);
+        this.totalCol = this.bodyLeftCol + totalActualBodyColCount - 1, this.colStart = this.bodyLeftCol;
+        const defaultColWidth = this.table.defaultColWidth;
+        this.taskColCount = 1 * Math.ceil(this.table.tableNoFrameWidth / defaultColWidth);
+        const totalBodyWidth = defaultColWidth * totalActualBodyColCount, totalWidth = defaultColWidth * (this.bodyRightCol - this.bodyLeftCol + 1);
+        this.xLimitLeft = totalBodyWidth / 2, this.xLimitRight = totalWidth - totalBodyWidth / 2;
+        const widthLimit = 5 * this.table.tableNoFrameWidth;
+        this.screenColCount = Math.ceil(this.table.tableNoFrameWidth / defaultColWidth), 
+        this.firstScreenColLimit = this.bodyLeftCol + Math.ceil(widthLimit / defaultColWidth), 
+        this.colUpdatePos = this.bodyRightCol;
+    }
+    setParamsForRow() {
+        this.bodyTopRow = this.table.columnHeaderLevelCount, this.bodyBottomRow = this.table.rowCount - 1 - this.table.bottomFrozenRowCount;
         const totalActualBodyRowCount = Math.min(this.rowLimit, this.bodyBottomRow - this.bodyTopRow + 1);
         this.totalRow = this.bodyTopRow + totalActualBodyRowCount - 1, this.rowStart = this.bodyTopRow;
         const defaultRowHeight = this.table.defaultRowHeight;
-        this.taskRowCount = 5 * Math.ceil(this.table.tableNoFrameHeight / defaultRowHeight);
+        this.taskRowCount = 1 * Math.ceil(this.table.tableNoFrameHeight / defaultRowHeight);
         const totalBodyHeight = defaultRowHeight * totalActualBodyRowCount, totalHeight = defaultRowHeight * (this.bodyBottomRow - this.bodyTopRow + 1);
         this.yLimitTop = totalBodyHeight / 2, this.yLimitBottom = totalHeight - totalBodyHeight / 2;
         const heightLimit = 5 * this.table.tableNoFrameHeight;
@@ -56,10 +77,16 @@ export class SceneProxy {
         this.firstScreenRowLimit = this.bodyTopRow + Math.ceil(heightLimit / defaultRowHeight), 
         this.rowUpdatePos = this.bodyBottomRow;
     }
+    createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            yield createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin, this);
+        }));
+    }
     createColGroupForFirstScreen(rowHeaderGroup, bodyGroup, xOrigin, yOrigin, table) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, (function*() {
-            this.setParams(), createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.rowHeaderLevelCount - 1, table.columnHeaderLevelCount, table.rowCount - 1, "rowHeader", table, this.firstScreenRowLimit), 
+            this.setParamsForRow(), this.setParamsForColumn(), computeRowsHeight(table, this.table.columnHeaderLevelCount, Math.min(this.firstScreenRowLimit, table.rowCount - 1)), 
+            createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.rowHeaderLevelCount - 1, table.columnHeaderLevelCount, table.rowCount - 1, "rowHeader", table, this.firstScreenRowLimit), 
             createColGroup(bodyGroup, xOrigin, yOrigin, table.rowHeaderLevelCount, table.colCount - 1, table.columnHeaderLevelCount, table.rowCount - 1, "body", table, this.firstScreenRowLimit), 
             bodyGroup.firstChild ? (this.currentRow = null !== (_b = null === (_a = bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.rowNumber) && void 0 !== _b ? _b : this.totalRow, 
             this.rowEnd = this.currentRow, this.rowUpdatePos = this.rowEnd, this.referenceRow = Math.floor((this.rowEnd - this.rowStart) / 2), 
@@ -70,10 +97,12 @@ export class SceneProxy {
     progress() {
         return __awaiter(this, void 0, void 0, (function*() {
             return new Promise(((resolve, reject) => {
-                setTimeout((() => {
-                    this.rowUpdatePos < this.rowEnd ? (this.updateCellGroupsAsync(), this.progress()) : this.currentRow < this.totalRow && (this.createRow(), 
-                    this.progress()), resolve();
-                }), 0);
+                setTimeout((() => __awaiter(this, void 0, void 0, (function*() {
+                    this.colUpdatePos < this.colEnd ? (yield this.updateColCellGroupsAsync(), yield this.progress()) : this.rowUpdatePos < this.rowEnd ? (yield this.updateRowCellGroupsAsync(), 
+                    yield this.progress()) : this.currentCol < this.totalCol ? (yield this.createCol(), 
+                    yield this.progress()) : this.currentRow < this.totalRow && (yield this.createRow(), 
+                    yield this.progress()), resolve();
+                }))), 0);
             }));
         }));
     }
@@ -83,115 +112,111 @@ export class SceneProxy {
             this.createRowCellGroup(this.taskRowCount));
         }));
     }
+    createCol() {
+        return __awaiter(this, void 0, void 0, (function*() {
+            this.taskColCount && (console.log("createCol", this.currentCol, this.currentCol + this.taskColCount), 
+            this.createColGroup(this.taskRowCount));
+        }));
+    }
     createRowCellGroup(onceCount) {
         const endRow = Math.min(this.totalRow, this.currentRow + onceCount);
+        if (computeRowsHeight(this.table, this.currentRow + 1, endRow), this.table.rowHeaderLevelCount) {
+            let maxHeight = 0;
+            for (let col = 0; col < this.table.rowHeaderLevelCount; col++) {
+                const colGroup = this.table.scenegraph.getColGroup(col), cellType = "rowHeader", {height: height} = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellType);
+                maxHeight = Math.max(maxHeight, height), this.table.scenegraph.rowHeaderGroup.setAttribute("height", maxHeight);
+            }
+        }
+        if (this.table.rightFrozenColCount) {
+            let maxHeight = 0;
+            for (let col = this.table.colCount - this.table.rightFrozenColCount; col < this.table.colCount; col++) {
+                const colGroup = this.table.scenegraph.getColGroup(col), cellType = "rowHeader", {height: height} = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellType);
+                maxHeight = Math.max(maxHeight, height), this.table.scenegraph.rightFrozenGroup.setAttribute("height", maxHeight);
+            }
+        }
         let maxHeight = 0;
         for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) {
-            const colGroup = this.table.scenegraph.getColGroup(col), cellType = col < this.table.rowHeaderLevelCount ? "rowHeader" : "body", {height: height} = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellType);
+            const colGroup = this.table.scenegraph.getColGroup(col), cellType = "body", {height: height} = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellType);
             maxHeight = Math.max(maxHeight, height);
         }
-        this.table.scenegraph.bodyGroup.setAttribute("height", maxHeight), this.table.internalProps.autoRowHeight && updateAutoRow(this.bodyLeftCol, this.bodyRightCol, this.currentRow + 1, endRow, this.table), 
-        this.currentRow = endRow, this.rowEnd = endRow, this.rowUpdatePos = this.rowEnd, 
-        this.referenceRow = Math.floor((endRow - this.rowStart) / 2), this.table.scenegraph.updateContainer(), 
-        this.table.scenegraph.updateBorderSizeAndPosition();
+        this.table.scenegraph.bodyGroup.setAttribute("height", maxHeight), this.currentRow = endRow, 
+        this.rowEnd = endRow, this.rowUpdatePos = this.rowEnd, this.referenceRow = this.rowStart + Math.floor((endRow - this.rowStart) / 2), 
+        this.table.scenegraph.updateContainer(), this.table.scenegraph.updateBorderSizeAndPosition();
+    }
+    createColGroup(onceCount) {
+        const endCol = Math.min(this.totalCol, this.currentCol + onceCount);
+        computeColsWidth(this.table, this.currentCol + 1, endCol);
+        const lastColumnGroup = this.table.scenegraph.bodyGroup.lastChild instanceof Group ? this.table.scenegraph.bodyGroup.lastChild : this.table.scenegraph.bodyGroup.lastChild._prev, xOrigin = lastColumnGroup.attribute.x + lastColumnGroup.attribute.width, yOrigin = lastColumnGroup.attribute.y;
+        createColGroup(this.table.scenegraph.bodyGroup, xOrigin, yOrigin, this.currentCol + 1, endCol, this.rowStart, this.rowEnd, "body", this.table), 
+        this.currentCol = endCol, this.colEnd = endCol, this.colUpdatePos = this.colEnd, 
+        this.referenceCol = this.colStart + Math.floor((endCol - this.colStart) / 2), console.log("async", this.referenceCol, this.colStart, this.colEnd), 
+        this.table.scenegraph.updateContainer(), this.table.scenegraph.updateBorderSizeAndPosition();
     }
     setY(y) {
         return __awaiter(this, void 0, void 0, (function*() {
             y < this.yLimitTop && this.rowStart === this.bodyTopRow || y > this.yLimitBottom && this.rowEnd === this.bodyBottomRow ? this.table.scenegraph.setBodyAndRowHeaderY(-y) : this.dynamicSetY(y);
         }));
     }
-    dynamicSetY(y) {
+    setX(x) {
         return __awaiter(this, void 0, void 0, (function*() {
-            const screenTop = this.table.getTargetRowAt(y + this.table.scenegraph.colHeaderGroup.attribute.height);
-            if (!screenTop) return;
-            const screenTopRow = screenTop.row;
-            this.y = y, this.screenTopRow = screenTopRow;
-            const deltaRow = screenTopRow - this.referenceRow;
-            deltaRow > 0 ? (this.moveCell(deltaRow, "up", screenTopRow), this.updateBody(y)) : deltaRow < 0 ? (this.moveCell(-deltaRow, "down", screenTopRow), 
-            this.updateBody(y)) : this.updateBody(y), this.table.scenegraph.updateNextFrame();
+            x < this.xLimitLeft && this.colStart === this.bodyLeftCol || x > this.xLimitRight && this.colEnd === this.bodyRightCol ? this.table.scenegraph.setBodyAndColHeaderX(-x) : this.dynamicSetX(x);
         }));
     }
-    updateBody(y) {
-        this.table.scenegraph.setBodyAndRowHeaderY(-y);
+    dynamicSetY(y) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            dynamicSetY(y, this);
+        }));
     }
-    moveCell(count, direction, screenTopRow) {
+    dynamicSetX(x) {
         return __awaiter(this, void 0, void 0, (function*() {
-            if ("up" === direction && this.rowEnd + count > this.bodyBottomRow ? count = this.bodyBottomRow - this.rowEnd : "down" === direction && this.rowStart - count < this.bodyTopRow && (count = this.rowStart - this.bodyTopRow), 
-            count < this.rowEnd - this.rowStart) {
-                const startRow = "up" === direction ? this.rowStart : this.rowEnd - count + 1, endRow = "up" === direction ? this.rowStart + count - 1 : this.rowEnd;
-                for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) {
-                    const colGroup = this.table.scenegraph.getColGroup(col);
-                    for (let row = startRow; row <= endRow; row++) if ("up" === direction) {
-                        const cellGroup = colGroup.firstChild;
-                        this.updateCellGroupPosition(cellGroup, colGroup.lastChild.row + 1, colGroup.lastChild.attribute.y + colGroup.lastChild.attribute.height), 
-                        colGroup.appendChild(cellGroup);
-                    } else {
-                        const cellGroup = colGroup.lastChild;
-                        this.updateCellGroupPosition(cellGroup, colGroup.firstChild.row - 1, colGroup.firstChild.attribute.y - cellGroup.attribute.height), 
-                        colGroup.insertBefore(cellGroup, colGroup.firstChild);
-                    }
-                }
-                const distStartRow = "up" === direction ? this.rowEnd + 1 : this.rowStart - count, distEndRow = "up" === direction ? this.rowEnd + count : this.rowStart - 1, syncTopRow = Math.max(this.bodyTopRow, screenTopRow - 2 * this.screenRowCount), syncBottomRow = Math.min(this.bodyBottomRow, screenTopRow + 3 * this.screenRowCount);
-                for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) for (let row = syncTopRow; row <= syncBottomRow; row++) {
-                    const cellGroup = this.highPerformanceGetCell(col, row, distStartRow, distEndRow);
-                    this.updateCellGroupContent(cellGroup);
-                }
-                this.table.internalProps.autoRowHeight && updateAutoRow(this.bodyLeftCol, this.bodyRightCol, syncTopRow, syncBottomRow, this.table, direction), 
-                this.rowStart = "up" === direction ? this.rowStart + count : this.rowStart - count, 
-                this.rowEnd = "up" === direction ? this.rowEnd + count : this.rowEnd - count, this.currentRow = "up" === direction ? this.currentRow + count : this.currentRow - count, 
-                this.totalRow = "up" === direction ? this.totalRow + count : this.totalRow - count, 
-                this.referenceRow = this.rowStart + Math.floor((this.rowEnd - this.rowStart) / 2), 
-                this.rowUpdatePos = distStartRow, this.rowUpdateDirection = direction, console.log("move end proxy", this.rowStart, this.rowEnd), 
-                console.log("move end cell", this.table.scenegraph.bodyGroup.firstChild.firstChild.row, this.table.scenegraph.bodyGroup.firstChild.lastChild.row), 
-                this.table.scenegraph.stage.render(), yield this.progress();
-            } else {
-                const distStartRow = "up" === direction ? this.rowStart + count : this.rowStart - count, distEndRow = "up" === direction ? this.rowEnd + count : this.rowEnd - count, distStartRowY = this.table.getRowsHeight(this.bodyTopRow, distStartRow - 1);
-                for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) {
-                    this.table.scenegraph.getColGroup(col).forEachChildren(((cellGroup, index) => {
-                        this.updateCellGroupPosition(cellGroup, "up" === direction ? cellGroup.row + count : cellGroup.row - count, 0 === index ? distStartRowY : cellGroup._prev.attribute.y + cellGroup._prev.attribute.height);
-                    }));
-                }
-                let syncTopRow, syncBottomRow;
-                this.table.internalProps.autoRowHeight ? (syncTopRow = distStartRow, syncBottomRow = distEndRow) : (syncTopRow = Math.max(this.bodyTopRow, screenTopRow - 2 * this.screenRowCount), 
-                syncBottomRow = Math.min(this.bodyBottomRow, screenTopRow + 3 * this.screenRowCount)), 
-                console.log("更新同步范围", syncTopRow, syncBottomRow);
-                for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) for (let row = syncTopRow; row <= syncBottomRow; row++) {
-                    const cellGroup = this.highPerformanceGetCell(col, row, distStartRow, distEndRow);
-                    this.updateCellGroupContent(cellGroup);
-                }
-                console.log("updateAutoRow", distEndRow > this.bodyBottomRow - (this.rowEnd - this.rowStart + 1) ? "down" : "up"), 
-                this.table.internalProps.autoRowHeight && updateAutoRow(this.bodyLeftCol, this.bodyRightCol, syncTopRow, syncBottomRow, this.table, distEndRow > this.bodyBottomRow - (this.rowEnd - this.rowStart + 1) ? "down" : "up"), 
-                this.rowStart = distStartRow, this.rowEnd = distEndRow, this.currentRow = "up" === direction ? this.currentRow + count : this.currentRow - count, 
-                this.totalRow = "up" === direction ? this.totalRow + count : this.totalRow - count, 
-                this.referenceRow = this.rowStart + Math.floor((this.rowEnd - this.rowStart) / 2), 
-                this.rowUpdatePos = this.rowStart, this.rowUpdateDirection = distEndRow > this.bodyBottomRow - (this.rowEnd - this.rowStart + 1) ? "down" : "up", 
-                console.log("move total end proxy", this.rowStart, this.rowEnd), console.log("move total end cell", this.table.scenegraph.bodyGroup.firstChild.firstChild.row, this.table.scenegraph.bodyGroup.firstChild.lastChild.row), 
-                this.table.internalProps.autoRowHeight || (yield this.progress());
-            }
+            dynamicSetX(x, this);
         }));
     }
-    updateCellGroupsAsync() {
+    updateBody(y) {
+        this.table.scenegraph.setBodyAndRowHeaderY(-y);
+    }
+    updateRowCellGroupsAsync() {
         return __awaiter(this, void 0, void 0, (function*() {
             this.updateCellGroups(this.taskRowCount);
         }));
     }
     updateCellGroups(count) {
         const distRow = Math.min(this.bodyBottomRow, this.rowUpdatePos + count);
-        console.log("updateCellGroups", this.rowUpdatePos, distRow);
+        "autoHeight" === this.table.heightMode && computeRowsHeight(this.table, this.rowUpdatePos, distRow);
         for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) for (let row = this.rowUpdatePos; row <= distRow; row++) {
             const cellGroup = this.highPerformanceGetCell(col, row);
             this.updateCellGroupContent(cellGroup);
         }
-        this.table.internalProps.autoRowHeight && updateAutoRow(this.bodyLeftCol, this.bodyRightCol, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection), 
+        "autoHeight" === this.table.heightMode && updateAutoRow(this.bodyLeftCol, this.bodyRightCol, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection), 
         this.rowUpdatePos = distRow + 1;
     }
+    updateColCellGroupsAsync() {
+        return __awaiter(this, void 0, void 0, (function*() {
+            this.updateColGroups(this.taskRowCount);
+        }));
+    }
+    updateColGroups(count) {
+        const distCol = Math.min(this.bodyRightCol, this.colUpdatePos + count);
+        for (let col = this.colUpdatePos; col <= distCol; col++) {
+            const colGroup = this.table.scenegraph.getColGroup(col);
+            if (colGroup) {
+                let cellGroup = colGroup.firstChild;
+                for (;cellGroup; ) {
+                    cellGroup = this.updateCellGroupContent(cellGroup)._next;
+                }
+                colGroup.needUpdate = !1;
+            }
+        }
+        this.colUpdatePos = distCol + 1;
+    }
     updateCellGroupPosition(cellGroup, newRow, y) {
         cellGroup.row = newRow, cellGroup.setAttribute("y", y), cellGroup.needUpdate = !0, 
         cellGroup.needUpdateForAutoRowHeight = !0;
     }
     updateCellGroupContent(cellGroup) {
-        cellGroup.needUpdate && (this.table.scenegraph.updateCellContent(cellGroup.col, cellGroup.row), 
-        cellGroup.needUpdate = !1);
+        if (!cellGroup.needUpdate) return cellGroup;
+        const newCellGroup = this.table.scenegraph.updateCellContent(cellGroup.col, cellGroup.row);
+        return cellGroup.needUpdate = !1, newCellGroup || cellGroup;
     }
     sortCell() {
         return __awaiter(this, void 0, void 0, (function*() {
@@ -199,72 +224,41 @@ export class SceneProxy {
                 this.highPerformanceGetCell(col, row).needUpdate = !0;
             }
             let syncTopRow, syncBottomRow;
-            this.table.internalProps.autoRowHeight ? (syncTopRow = this.rowStart, syncBottomRow = this.rowEnd) : (syncTopRow = Math.max(this.bodyTopRow, this.screenTopRow - 2 * this.screenRowCount), 
+            "autoHeight" === this.table.heightMode ? (syncTopRow = this.rowStart, syncBottomRow = this.rowEnd) : (syncTopRow = Math.max(this.bodyTopRow, this.screenTopRow - 2 * this.screenRowCount), 
             syncBottomRow = Math.min(this.bodyBottomRow, this.screenTopRow + 3 * this.screenRowCount)), 
-            console.log("sort更新同步范围", syncTopRow, syncBottomRow);
+            console.log("sort更新同步范围", syncTopRow, syncBottomRow), "autoHeight" === this.table.heightMode && computeRowsHeight(this.table, syncTopRow, syncBottomRow);
             for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) for (let row = syncTopRow; row <= syncBottomRow; row++) {
                 const cellGroup = this.highPerformanceGetCell(col, row);
                 this.updateCellGroupContent(cellGroup);
             }
             if (console.log("updateAutoRow", this.rowEnd > this.bodyBottomRow - (this.rowEnd - this.rowStart + 1) ? "down" : "up"), 
-            this.table.internalProps.autoRowHeight && updateAutoRow(this.bodyLeftCol, this.bodyRightCol, syncTopRow, syncBottomRow, this.table, this.rowEnd > this.bodyBottomRow - (this.rowEnd - this.rowStart + 1) ? "down" : "up"), 
+            "autoHeight" === this.table.heightMode && updateAutoRow(this.bodyLeftCol, this.bodyRightCol, syncTopRow, syncBottomRow, this.table, this.rowEnd > this.bodyBottomRow - (this.rowEnd - this.rowStart + 1) ? "down" : "up"), 
             this.rowUpdatePos = this.rowStart, this.rowUpdateDirection = this.rowEnd > this.bodyBottomRow - (this.rowEnd - this.rowStart + 1) ? "down" : "up", 
             this.rowEnd === this.table.scenegraph.proxy.bodyBottomRow && this.rowStart === this.table.scenegraph.proxy.bodyTopRow) ; else if (this.rowEnd === this.table.scenegraph.proxy.bodyBottomRow) {
                 const top = this.table.getAllRowsHeight() - this.table.scenegraph.height;
                 this.updateBody(top);
             } else this.rowStart === this.table.scenegraph.proxy.bodyTopRow && this.updateBody(0);
-            this.table.internalProps.autoRowHeight || (yield this.progress());
+            "autoHeight" !== this.table.heightMode && (yield this.progress());
         }));
     }
-    highPerformanceGetCell(col, row, rowStart = this.rowStart, rowEnd = this.rowEnd) {
+    highPerformanceGetCell(col, row, rowStart = this.rowStart, rowEnd = this.rowEnd, getShadow) {
         if (row < rowStart || row > rowEnd) return emptyGroup;
+        if (row < this.rowStart || row > this.rowEnd || col < this.colStart || col > this.colEnd) return emptyGroup;
         if (this.cellCache.get(col)) {
             const cacheCellGoup = this.cellCache.get(col);
             if ((cacheCellGoup._next || cacheCellGoup._prev) && Math.abs(cacheCellGoup.row - row) < row) {
                 let cellGroup = getCellByCache(cacheCellGoup, row);
-                return cellGroup || (cellGroup = this.table.scenegraph.getCell(col, row)), cellGroup.row && this.cellCache.set(col, cellGroup), 
-                cellGroup;
+                return cellGroup || (cellGroup = this.table.scenegraph.getCell(col, row, getShadow)), 
+                cellGroup.row && this.cellCache.set(col, cellGroup), cellGroup;
             }
-            const cellGroup = this.table.scenegraph.getCell(col, row);
+            const cellGroup = this.table.scenegraph.getCell(col, row, getShadow);
             return cellGroup.row && this.cellCache.set(col, cellGroup), cellGroup;
         }
-        const cellGroup = this.table.scenegraph.getCell(col, row);
+        const cellGroup = this.table.scenegraph.getCell(col, row, getShadow);
         return cellGroup.row && this.cellCache.set(col, cellGroup), cellGroup;
     }
 }
 
-function updateAutoRow(colStart, colEnd, rowStart, rowEnd, table, direction = "up") {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    for (let row = rowStart; row <= rowEnd; row++) {
-        let maxRowHeight = 0;
-        for (let col = colStart; col <= colEnd; col++) {
-            const cellGroup = table.scenegraph.getCell(col, row);
-            if (!cellGroup.row) continue;
-            const text = cellGroup.getChildByName("text") || cellGroup.getChildByName("content"), headerStyle = table._getCellStyle(col, row), padding = getQuadProps(getProp("padding", headerStyle, col, row, table)), height = text.AABBBounds.height() + (padding[0] + padding[2]);
-            maxRowHeight = Math.max(maxRowHeight, height), cellGroup.needUpdateForAutoRowHeight = !1;
-        }
-        for (let col = colStart; col <= colEnd; col++) {
-            const cellGroup = table.scenegraph.getCell(col, row);
-            updateCellHeightForColumn(table.scenegraph, cellGroup, col, row, maxRowHeight, 0, !1);
-        }
-        table.setRowHeight(row, maxRowHeight, !0);
-    }
-    if ("up" === direction) for (let col = colStart; col <= colEnd; col++) for (let row = rowStart; row <= rowEnd; row++) {
-        const cellGroup = table.scenegraph.getCell(col, row);
-        if (!cellGroup.row) continue;
-        let y;
-        y = cellGroup._prev ? (null !== (_b = null === (_a = cellGroup._prev) || void 0 === _a ? void 0 : _a.attribute.y) && void 0 !== _b ? _b : 0) + (null !== (_d = null === (_c = cellGroup._prev) || void 0 === _c ? void 0 : _c.attribute.height) && void 0 !== _d ? _d : 0) : table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row - 1), 
-        cellGroup.setAttribute("y", y);
-    } else for (let col = colStart; col <= colEnd; col++) for (let row = rowEnd; row >= rowStart; row--) {
-        const cellGroup = table.scenegraph.getCell(col, row);
-        if (!cellGroup.row) continue;
-        let y;
-        cellGroup._next ? y = (null !== (_f = null === (_e = cellGroup._next) || void 0 === _e ? void 0 : _e.attribute.y) && void 0 !== _f ? _f : 0) - (null !== (_g = cellGroup.attribute.height) && void 0 !== _g ? _g : 0) : (y = table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row) - (null !== (_h = cellGroup.attribute.height) && void 0 !== _h ? _h : 0), 
-        console.log("估计位置", table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row))), 
-        cellGroup.setAttribute("y", y);
-    }
-}
-
 function getCellByCache(cacheCellGroup, row) {
     return cacheCellGroup ? cacheCellGroup.row === row ? cacheCellGroup : cacheCellGroup.row > row ? getCellByCache(cacheCellGroup._prev, row) : getCellByCache(cacheCellGroup._next, row) : null;
 }