@visactor/vtable 1.6.0-alpha.1 → 1.6.0-alpha.3

package/cjs/components/legend/discrete-legend/discrete-legend.js

@@ -21,7 +21,13 @@ class DiscreteTableLegend {
         }), legend = new vrender_components_1.DiscreteLegend((0, vutils_1.merge)({}, attrs, {
             defaultSelected: this.selectedData
         }));
-        legend.name = "legend", this.legendComponent = legend, this.table.scenegraph.stage.defaultLayer.appendChild(legend), 
+        legend.name = "legend", this.legendComponent = legend, !1 === this.visible && (legend.setAttributes({
+            maxWidth: 0,
+            width: 0,
+            maxHeight: 0,
+            height: 0,
+            clip: !0
+        }), legend.hideAll()), this.table.scenegraph.stage.defaultLayer.appendChild(legend), 
         this.adjustTableSize(attrs);
     }
     resize() {

package/cjs/components/legend/discrete-legend/discrete-legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/legend/discrete-legend/discrete-legend.ts"],"names":[],"mappings":"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","file":"discrete-legend.js","sourcesContent":["import { cloneDeep, get, merge } from '@visactor/vutils';\nimport type { IDiscreteTableLegendOption } from '../../../ts-types/component/legend';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nimport { DiscreteLegend, LegendEvent } from '@visactor/vrender-components';\nimport { getLegendAttributes } from './get-discrete-legend-attributes';\nimport { TABLE_EVENT_TYPE } from '../../../core/TABLE_EVENT_TYPE';\nimport { getQuadProps } from '../../../scenegraph/utils/padding';\nimport type { IOrientType } from '../../../ts-types/component/util';\n\nexport class DiscreteTableLegend {\n  table: BaseTableAPI;\n  option: IDiscreteTableLegendOption;\n  orient: IOrientType;\n  visible: boolean;\n  position: 'start' | 'middle' | 'end';\n  selectedData: (string | number)[];\n  legendComponent: DiscreteLegend;\n\n  constructor(option: IDiscreteTableLegendOption, table: BaseTableAPI) {\n    this.table = table;\n    this.option = cloneDeep(option);\n    this.orient = option.orient ?? 'left';\n    this.visible = option.visible ?? true;\n    this.position = option.position ?? 'middle';\n    this.selectedData = option.defaultSelected ?? null;\n\n    this.createComponent();\n    this.initEvent();\n  }\n\n  createComponent() {\n    const attrs = this.getLegendAttributes({\n      width: this.table.tableNoFrameWidth,\n      height: this.table.tableNoFrameHeight\n    });\n    const legend = new DiscreteLegend(\n      merge({}, attrs, {\n        defaultSelected: this.selectedData\n      })\n    );\n    legend.name = 'legend';\n    this.legendComponent = legend;\n    this.table.scenegraph.stage.defaultLayer.appendChild(legend);\n\n    this.adjustTableSize(attrs);\n  }\n\n  resize() {\n    if (!this.legendComponent) {\n      return;\n    }\n\n    this.legendComponent.setAttributes({\n      width: this.table.tableNoFrameWidth,\n      height: this.table.tableNoFrameHeight\n    });\n\n    this.adjustTableSize(this.legendComponent.attribute);\n  }\n\n  adjustTableSize(attrs: any) {\n    // 调整位置\n    let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;\n    let height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;\n    if (width <= 0 || height <= 0) {\n      return;\n    }\n    const rectWidth = this.table.tableNoFrameWidth;\n    const rectHeight = this.table.tableNoFrameHeight;\n    const padding = getQuadProps(attrs.padding ?? this.option.padding ?? 10);\n\n    let x = 0;\n    let y = 0;\n    if (this.orient === 'left') {\n      x = padding[3];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this.orient === 'top') {\n      x = 0;\n      y = padding[0];\n      height += padding[0] + padding[2];\n    } else if (this.orient === 'right') {\n      x = rectWidth - width - padding[1];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this.orient === 'bottom') {\n      x = 0;\n      y = rectHeight - height - padding[2];\n      height += padding[0] + padding[2];\n    }\n\n    const layout = this.orient === 'bottom' || this.orient === 'top' ? 'horizontal' : 'vertical';\n    const position = this.position;\n    // const { width: rectWidth, height: rectHeight } = fullSpace;\n    let offsetX = 0;\n    let offsetY = 0;\n    if (layout === 'horizontal') {\n      if (position === 'middle') {\n        offsetX = (rectWidth - width) / 2;\n      } else if (position === 'end') {\n        offsetX = rectWidth - width - padding[1];\n      } else {\n        offsetX = padding[3];\n      }\n    } else {\n      if (position === 'middle') {\n        offsetY = (rectHeight - height) / 2;\n      } else if (position === 'end') {\n        offsetY = rectHeight - height - padding[2];\n      } else {\n        offsetY = padding[0];\n      }\n    }\n\n    this.legendComponent.setAttributes({\n      dx: offsetX,\n      dy: offsetY,\n      x,\n      y\n    });\n\n    // update table size\n    if (this.orient === 'left') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n      this.table.tableX += Math.ceil(width);\n    } else if (this.orient === 'top') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n      this.table.tableY += Math.ceil(height);\n    } else if (this.orient === 'right') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n    } else if (this.orient === 'bottom') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n    }\n  }\n\n  getLegendAttributes(rect: any) {\n    const layout = this.orient === 'bottom' || this.orient === 'top' ? 'horizontal' : 'vertical';\n    const attrs = {\n      layout,\n      items: this.getLegendItems(),\n      // zIndex: this.layoutZIndex,\n      maxWidth: rect.width,\n      maxHeight: rect.height,\n      ...getLegendAttributes(this.option, rect)\n    };\n    return attrs;\n  }\n\n  getLegendItems() {\n    return this.option.data;\n  }\n\n  initEvent() {\n    if (this.legendComponent) {\n      this.legendComponent.addEventListener(LegendEvent.legendItemClick, (e: any) => {\n        const selectedData = get(e, 'detail.currentSelected');\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_CLICK, { model: this, value: selectedData, event: e });\n      });\n\n      this.legendComponent.addEventListener(LegendEvent.legendItemHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_HOVER, { model: this, value: detail, event: e });\n      });\n\n      this.legendComponent.addEventListener(LegendEvent.legendItemUnHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, { model: this, value: detail, event: e });\n      });\n\n      // wait for vrender-vcomponent version update\n      this.legendComponent.addEventListener('legendItemAttributeUpdate', (e: any) => {\n        this.table.scenegraph.updateNextFrame();\n      });\n    }\n  }\n\n  getLegendBounds() {\n    const width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;\n    const height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;\n\n    return {\n      width: width,\n      height: height\n    };\n  }\n  release() {\n    this.legendComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this.legendComponent);\n    this.legendComponent = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/components/legend/discrete-legend/discrete-legend.ts"],"names":[],"mappings":"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","file":"discrete-legend.js","sourcesContent":["import { cloneDeep, get, merge } from '@visactor/vutils';\nimport type { IDiscreteTableLegendOption } from '../../../ts-types/component/legend';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nimport { DiscreteLegend, LegendEvent } from '@visactor/vrender-components';\nimport { getLegendAttributes } from './get-discrete-legend-attributes';\nimport { TABLE_EVENT_TYPE } from '../../../core/TABLE_EVENT_TYPE';\nimport { getQuadProps } from '../../../scenegraph/utils/padding';\nimport type { IOrientType } from '../../../ts-types/component/util';\n\nexport class DiscreteTableLegend {\n  table: BaseTableAPI;\n  option: IDiscreteTableLegendOption;\n  orient: IOrientType;\n  visible: boolean;\n  position: 'start' | 'middle' | 'end';\n  selectedData: (string | number)[];\n  legendComponent: DiscreteLegend;\n\n  constructor(option: IDiscreteTableLegendOption, table: BaseTableAPI) {\n    this.table = table;\n    this.option = cloneDeep(option);\n    this.orient = option.orient ?? 'left';\n    this.visible = option.visible ?? true;\n    this.position = option.position ?? 'middle';\n    this.selectedData = option.defaultSelected ?? null;\n\n    this.createComponent();\n    this.initEvent();\n  }\n\n  createComponent() {\n    const attrs = this.getLegendAttributes({\n      width: this.table.tableNoFrameWidth,\n      height: this.table.tableNoFrameHeight\n    });\n    const legend = new DiscreteLegend(\n      merge({}, attrs, {\n        defaultSelected: this.selectedData\n      })\n    );\n    legend.name = 'legend';\n    this.legendComponent = legend;\n    if (this.visible === false) {\n      legend.setAttributes({\n        maxWidth: 0,\n        width: 0,\n        maxHeight: 0,\n        height: 0,\n        clip: true\n        // visible: false\n      });\n      legend.hideAll();\n    }\n    this.table.scenegraph.stage.defaultLayer.appendChild(legend);\n\n    this.adjustTableSize(attrs);\n  }\n\n  resize() {\n    if (!this.legendComponent) {\n      return;\n    }\n\n    this.legendComponent.setAttributes({\n      width: this.table.tableNoFrameWidth,\n      height: this.table.tableNoFrameHeight\n    });\n\n    this.adjustTableSize(this.legendComponent.attribute);\n  }\n\n  adjustTableSize(attrs: any) {\n    // 调整位置\n    let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;\n    let height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;\n    if (width <= 0 || height <= 0) {\n      return;\n    }\n    const rectWidth = this.table.tableNoFrameWidth;\n    const rectHeight = this.table.tableNoFrameHeight;\n    const padding = getQuadProps(attrs.padding ?? this.option.padding ?? 10);\n\n    let x = 0;\n    let y = 0;\n    if (this.orient === 'left') {\n      x = padding[3];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this.orient === 'top') {\n      x = 0;\n      y = padding[0];\n      height += padding[0] + padding[2];\n    } else if (this.orient === 'right') {\n      x = rectWidth - width - padding[1];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this.orient === 'bottom') {\n      x = 0;\n      y = rectHeight - height - padding[2];\n      height += padding[0] + padding[2];\n    }\n\n    const layout = this.orient === 'bottom' || this.orient === 'top' ? 'horizontal' : 'vertical';\n    const position = this.position;\n    // const { width: rectWidth, height: rectHeight } = fullSpace;\n    let offsetX = 0;\n    let offsetY = 0;\n    if (layout === 'horizontal') {\n      if (position === 'middle') {\n        offsetX = (rectWidth - width) / 2;\n      } else if (position === 'end') {\n        offsetX = rectWidth - width - padding[1];\n      } else {\n        offsetX = padding[3];\n      }\n    } else {\n      if (position === 'middle') {\n        offsetY = (rectHeight - height) / 2;\n      } else if (position === 'end') {\n        offsetY = rectHeight - height - padding[2];\n      } else {\n        offsetY = padding[0];\n      }\n    }\n\n    this.legendComponent.setAttributes({\n      dx: offsetX,\n      dy: offsetY,\n      x,\n      y\n    });\n\n    // update table size\n    if (this.orient === 'left') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n      this.table.tableX += Math.ceil(width);\n    } else if (this.orient === 'top') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n      this.table.tableY += Math.ceil(height);\n    } else if (this.orient === 'right') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n    } else if (this.orient === 'bottom') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n    }\n  }\n\n  getLegendAttributes(rect: any) {\n    const layout = this.orient === 'bottom' || this.orient === 'top' ? 'horizontal' : 'vertical';\n    const attrs = {\n      layout,\n      items: this.getLegendItems(),\n      // zIndex: this.layoutZIndex,\n      maxWidth: rect.width,\n      maxHeight: rect.height,\n      ...getLegendAttributes(this.option, rect)\n    };\n    return attrs;\n  }\n\n  getLegendItems() {\n    return this.option.data;\n  }\n\n  initEvent() {\n    if (this.legendComponent) {\n      this.legendComponent.addEventListener(LegendEvent.legendItemClick, (e: any) => {\n        const selectedData = get(e, 'detail.currentSelected');\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_CLICK, { model: this, value: selectedData, event: e });\n      });\n\n      this.legendComponent.addEventListener(LegendEvent.legendItemHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_HOVER, { model: this, value: detail, event: e });\n      });\n\n      this.legendComponent.addEventListener(LegendEvent.legendItemUnHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, { model: this, value: detail, event: e });\n      });\n\n      // wait for vrender-vcomponent version update\n      this.legendComponent.addEventListener('legendItemAttributeUpdate', (e: any) => {\n        this.table.scenegraph.updateNextFrame();\n      });\n    }\n  }\n\n  getLegendBounds() {\n    const width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;\n    const height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;\n\n    return {\n      width: width,\n      height: height\n    };\n  }\n  release() {\n    this.legendComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this.legendComponent);\n    this.legendComponent = null;\n  }\n}\n"]}

package/cjs/components/react/react-custom-layout.d.ts

@@ -6,16 +6,18 @@ export declare function emptyCustomLayout(args: CustomRenderFunctionArg): {
     renderDefault: boolean;
 };
 export declare class ReactCustomLayout {
+    removeAllContainer: () => void;
     table: BaseTableAPI;
     customLayoutFuncCache: Map<string, ICustomLayoutFuc>;
     reactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;
     headerCustomLayoutFuncCache: Map<string, ICustomLayoutFuc>;
     headerReactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;
-    constructor(table: BaseTableAPI);
+    constructor(removeAllContainer: () => void, table: BaseTableAPI);
     hasReactCreateGraphic(componentId: string, isHeaderCustomLayout?: boolean): boolean;
     setReactCreateGraphic(componentId: string, createGraphic: ICustomLayoutFuc, isHeaderCustomLayout?: boolean): void;
     setReactRemoveGraphic(componentId: string, removeGraphic: (col: number, row: number) => void, isHeaderCustomLayout?: boolean): void;
     updateCustomCell(componentId: string, isHeaderCustomLayout?: boolean): void;
     getCustomLayoutFunc(col: number, row: number): ICustomLayoutFuc | typeof emptyCustomLayout;
     removeCustomCell(col: number, row: number): void;
+    clearCache(): void;
 }

package/cjs/components/react/react-custom-layout.js

@@ -16,9 +16,10 @@ function emptyCustomLayout(args) {
 exports.emptyCustomLayout = emptyCustomLayout;
 
 class ReactCustomLayout {
-    constructor(table) {
-        this.table = table, this.customLayoutFuncCache = new Map, this.reactRemoveGraphicCache = new Map, 
-        this.headerCustomLayoutFuncCache = new Map, this.headerReactRemoveGraphicCache = new Map;
+    constructor(removeAllContainer, table) {
+        this.removeAllContainer = removeAllContainer, this.table = table, this.customLayoutFuncCache = new Map, 
+        this.reactRemoveGraphicCache = new Map, this.headerCustomLayoutFuncCache = new Map, 
+        this.headerReactRemoveGraphicCache = new Map;
     }
     hasReactCreateGraphic(componentId, isHeaderCustomLayout) {
         return isHeaderCustomLayout ? this.headerCustomLayoutFuncCache.has(componentId) : this.customLayoutFuncCache.has(componentId);
@@ -63,6 +64,9 @@ class ReactCustomLayout {
         }
         removeFun && removeFun(col, row);
     }
+    clearCache() {
+        this.removeAllContainer();
+    }
 }
 
 function getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout) {

package/cjs/components/react/react-custom-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/react/react-custom-layout.ts"],"names":[],"mappings":"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","file":"react-custom-layout.js","sourcesContent":["import { Group } from './../../vrender';\nimport type { CustomRenderFunctionArg, ICustomLayoutFuc } from '../../ts-types';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { PivotHeaderLayoutMap } from '../../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../../layout';\n\nexport function emptyCustomLayout(args: CustomRenderFunctionArg) {\n  const group = new Group({});\n  return {\n    rootContainer: group,\n    renderDefault: true\n  };\n}\n\nexport class ReactCustomLayout {\n  table: BaseTableAPI;\n  customLayoutFuncCache: Map<string, ICustomLayoutFuc>;\n  reactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;\n  headerCustomLayoutFuncCache: Map<string, ICustomLayoutFuc>;\n  headerReactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;\n  // reactContainerCache: Map<number, Map<string, any>>;\n  constructor(table: BaseTableAPI) {\n    this.table = table;\n    this.customLayoutFuncCache = new Map();\n    // this.reactContainerCache = new Map();\n    this.reactRemoveGraphicCache = new Map();\n    this.headerCustomLayoutFuncCache = new Map();\n    // this.headerCeactContainerCache = new Map();\n    this.headerReactRemoveGraphicCache = new Map();\n  }\n\n  hasReactCreateGraphic(componentId: string, isHeaderCustomLayout?: boolean) {\n    if (isHeaderCustomLayout) {\n      return this.headerCustomLayoutFuncCache.has(componentId);\n    }\n    return this.customLayoutFuncCache.has(componentId);\n  }\n\n  setReactCreateGraphic(\n    componentId: string,\n    createGraphic: ICustomLayoutFuc,\n    // containerCache: Map<string, any>,\n    isHeaderCustomLayout?: boolean\n  ) {\n    if (isHeaderCustomLayout) {\n      this.headerCustomLayoutFuncCache.set(componentId, createGraphic);\n    } else {\n      this.customLayoutFuncCache.set(componentId, createGraphic);\n    }\n    // this.reactContainerCache.set(componentId, containerCache);\n  }\n\n  setReactRemoveGraphic(\n    componentId: string,\n    removeGraphic: (col: number, row: number) => void,\n    isHeaderCustomLayout?: boolean\n  ) {\n    if (isHeaderCustomLayout) {\n      this.headerReactRemoveGraphicCache.set(componentId, removeGraphic);\n    } else {\n      this.reactRemoveGraphicCache.set(componentId, removeGraphic);\n    }\n  }\n\n  updateCustomCell(componentId: string, isHeaderCustomLayout?: boolean) {\n    const table = this.table;\n    // const col = componentId;\n    // // to do: deal with transpose table\n    // if (isHeaderCustomLayout) {\n    //   for (let row = 0; row < table.columnHeaderLevelCount; row++) {\n    //     table.scenegraph.updateCellContent(col, row);\n    //   }\n    // } else {\n    //   for (let row = table.columnHeaderLevelCount; row < table.rowCount; row++) {\n    //     table.scenegraph.updateCellContent(col, row);\n    //   }\n    // }\n\n    if (table.isPivotTable()) {\n      const ranges = getUpdateCustomCellRangeInPivotTable(componentId, table, isHeaderCustomLayout);\n      for (let i = 0; i < ranges.length; i++) {\n        const range = ranges[i];\n        for (let col = range.start.col; col <= range.end.col; col++) {\n          for (let row = range.start.row; row <= range.end.row; row++) {\n            table.scenegraph.updateCellContent(col, row);\n          }\n        }\n      }\n    } else {\n      const range = getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout);\n      for (let col = range.start.col; col <= range.end.col; col++) {\n        for (let row = range.start.row; row <= range.end.row; row++) {\n          table.scenegraph.updateCellContent(col, row);\n        }\n      }\n    }\n    // table.scenegraph.updateNextFrame();\n    table.scenegraph.renderSceneGraph(); // use sync render for faster update\n  }\n\n  getCustomLayoutFunc(col: number, row: number) {\n    const isHeader = this.table.isHeader(col, row);\n    if (isHeader) {\n      const { componentId } = this.table.getHeaderDefine(col, row) as any;\n      return this.headerCustomLayoutFuncCache.get(componentId) ?? emptyCustomLayout;\n    }\n    const { componentId } = this.table.getBodyColumnDefine(col, row) as any;\n    return this.customLayoutFuncCache.get(componentId) || emptyCustomLayout;\n  }\n\n  removeCustomCell(col: number, row: number) {\n    // const { startInTotal } = this.table.getBodyColumnDefine(col, row) as any;\n    const isHeader = this.table.isHeader(col, row);\n    let removeFun;\n    if (isHeader) {\n      const define = this.table.getHeaderDefine(col, row);\n      const { componentId } = define as any;\n      removeFun = this.headerReactRemoveGraphicCache.get(componentId);\n    } else {\n      const define = this.table.getBodyColumnDefine(col, row);\n      const { componentId } = define as any;\n      removeFun = this.reactRemoveGraphicCache.get(componentId);\n    }\n    if (removeFun) {\n      removeFun(col, row);\n    }\n  }\n}\n\nfunction getUpdateCustomCellRangeInListTable(componentId: string, table: BaseTableAPI, isHeaderCustomLayout?: boolean) {\n  const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0;\n  if (isHeaderCustomLayout) {\n    const layoutMap = table.internalProps.layoutMap as SimpleHeaderLayoutMap;\n    const { headerObjects } = table.internalProps.layoutMap;\n    let headerId: number;\n    for (let i = 0; i < headerObjects.length; i++) {\n      const headerObject = headerObjects[i];\n      if ((headerObject.define as any).componentId === componentId) {\n        headerId = headerObject.id as number;\n        break;\n      }\n    }\n\n    const startCell = layoutMap.getHeaderCellAdressById(headerId);\n    const range = layoutMap.getCellRange(startCell.col, startCell.row);\n    return range;\n\n    // let startCol = -1;\n    // let endCol = -1;\n    // let startRow = -1;\n    // let endRow = -1;\n    // for (let i = 0; i < _headerCellIds.length; i++) {\n    //   const row = _headerCellIds[i];\n    //   let rowHasObject = false;\n    //   for (let j = 0; j < row.length; j++) {\n    //     if (row[j] === headerId) {\n    //       rowHasObject = true;\n    //       if (transpose) {\n    //         // return { col: i, row: j };\n    //         startCol === -1 && (startCol = i);\n    //         startRow === -1 && (startRow = j);\n    //       } else {\n    //         // return { col: j + this.leftRowSeriesNumberColumnCount, row: i };\n    //         startCol === -1 && (startCol = j);\n    //         startRow === -1 && (startRow = i);\n    //       }\n    //     } else {\n    //       if (transpose) {\n    //         // endCol === -1 && startCol !== -1 && (endCol = i);\n    //         endRow === -1 && startRow !== -1 && (endRow = j - 1);\n    //       } else {\n    //         endCol === -1 && startCol !== -1 && (endCol = j - 1);\n    //         // endRow === -1 && startRow !== -1 && (endRow = i);\n    //       }\n    //     }\n\n    //     if (startCol !== -1 && endCol !== -1 && startRow !== -1 && endRow !== -1) {\n    //       break;\n    //     }\n    //   }\n\n    //   if (!rowHasObject) {\n    //     if (transpose) {\n    //       endCol === -1 && startCol !== -1 && (endCol = i - 1);\n    //     } else {\n    //       endRow === -1 && startRow !== -1 && (endRow = i - 1);\n    //     }\n    //   }\n\n    //   if (startCol !== -1 && endCol !== -1 && startRow !== -1 && endRow !== -1) {\n    //     break;\n    //   }\n    // }\n\n    // return {\n    //   startCol: startCol + rowSeriesNumber,\n    //   endCol: endCol + rowSeriesNumber,\n    //   startRow,\n    //   endRow\n    // };\n  }\n  const { columnObjects } = table.internalProps.layoutMap;\n  for (let i = 0; i < columnObjects.length; i++) {\n    const columnObject = columnObjects[i];\n    if ((columnObject.define as any).componentId === componentId) {\n      return {\n        start: {\n          col: rowSeriesNumber + i,\n          row: table.columnHeaderLevelCount\n        },\n        end: {\n          col: rowSeriesNumber + i,\n          row: table.rowCount - 1\n        }\n      };\n    }\n  }\n\n  return {\n    start: {\n      col: 0,\n      row: 0\n    },\n    end: {\n      col: table.colCount - 1,\n      row: table.rowCount - 1\n    }\n  };\n}\n\nfunction getUpdateCustomCellRangeInPivotTable(\n  componentId: string,\n  table: BaseTableAPI,\n  isHeaderCustomLayout?: boolean\n) {\n  const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0;\n  const ranges = [];\n  const layoutMap = table.internalProps.layoutMap as PivotHeaderLayoutMap;\n  if (isHeaderCustomLayout) {\n    const { headerObjects } = layoutMap;\n    const headerIds: number[] = [];\n    for (let i = 0; i < headerObjects.length; i++) {\n      const headerObject = headerObjects[i];\n      if (!headerObject) {\n        continue;\n      }\n      if ((headerObject.define as any).componentId === componentId) {\n        headerIds.push(headerObject.id as number);\n      }\n    }\n\n    for (let i = 0; i < headerIds.length; i++) {\n      const headerId = headerIds[i];\n      const startCell = layoutMap.getHeaderCellAdressById(headerId);\n      const range = layoutMap.getCellRange(startCell.col, startCell.row);\n      ranges.push(range);\n    }\n  } else {\n    let columnIndex: number;\n    const { columnObjects, indicatorsAsCol } = layoutMap;\n    for (let i = 0; i < columnObjects.length; i++) {\n      const columnObject = columnObjects[i];\n      if ((columnObject.define as any).componentId === componentId) {\n        columnIndex = i;\n        break;\n      }\n    }\n\n    if (indicatorsAsCol) {\n      for (\n        let column = layoutMap.rowHeaderLevelCount + columnIndex;\n        column < layoutMap.colCount;\n        column += columnObjects.length\n      ) {\n        const range = {\n          start: {\n            col: column + rowSeriesNumber,\n            row: layoutMap.columnHeaderLevelCount\n          },\n          end: {\n            col: column + rowSeriesNumber,\n            row: layoutMap.rowCount - 1\n          }\n        };\n        ranges.push(range);\n      }\n    } else {\n      for (\n        let row = layoutMap.columnHeaderLevelCount + columnIndex;\n        row < layoutMap.rowCount;\n        row += columnObjects.length\n      ) {\n        const range = {\n          start: {\n            col: layoutMap.rowHeaderLevelCount + rowSeriesNumber,\n            row: row\n          },\n          end: {\n            col: layoutMap.colCount - 1,\n            row: row\n          }\n        };\n        ranges.push(range);\n      }\n    }\n  }\n\n  return ranges;\n\n  // return {\n  //   startCol: 0,\n  //   endCol: table.colCount - 1,\n  //   startRow: 0,\n  //   endRow: table.rowCount - 1\n  // };\n}\n"]}
+{"version":3,"sources":["../src/components/react/react-custom-layout.ts"],"names":[],"mappings":"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","file":"react-custom-layout.js","sourcesContent":["import { Group } from './../../vrender';\nimport type { CustomRenderFunctionArg, ICustomLayoutFuc } from '../../ts-types';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { PivotHeaderLayoutMap } from '../../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../../layout';\n\nexport function emptyCustomLayout(args: CustomRenderFunctionArg) {\n  const group = new Group({});\n  return {\n    rootContainer: group,\n    renderDefault: true\n  };\n}\n\nexport class ReactCustomLayout {\n  removeAllContainer: () => void;\n  table: BaseTableAPI;\n  customLayoutFuncCache: Map<string, ICustomLayoutFuc>;\n  reactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;\n  headerCustomLayoutFuncCache: Map<string, ICustomLayoutFuc>;\n  headerReactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;\n  // reactContainerCache: Map<number, Map<string, any>>;\n  constructor(removeAllContainer: () => void, table: BaseTableAPI) {\n    this.removeAllContainer = removeAllContainer;\n    this.table = table;\n    this.customLayoutFuncCache = new Map();\n    // this.reactContainerCache = new Map();\n    this.reactRemoveGraphicCache = new Map();\n    this.headerCustomLayoutFuncCache = new Map();\n    // this.headerCeactContainerCache = new Map();\n    this.headerReactRemoveGraphicCache = new Map();\n  }\n\n  hasReactCreateGraphic(componentId: string, isHeaderCustomLayout?: boolean) {\n    if (isHeaderCustomLayout) {\n      return this.headerCustomLayoutFuncCache.has(componentId);\n    }\n    return this.customLayoutFuncCache.has(componentId);\n  }\n\n  setReactCreateGraphic(\n    componentId: string,\n    createGraphic: ICustomLayoutFuc,\n    // containerCache: Map<string, any>,\n    isHeaderCustomLayout?: boolean\n  ) {\n    if (isHeaderCustomLayout) {\n      this.headerCustomLayoutFuncCache.set(componentId, createGraphic);\n    } else {\n      this.customLayoutFuncCache.set(componentId, createGraphic);\n    }\n    // this.reactContainerCache.set(componentId, containerCache);\n  }\n\n  setReactRemoveGraphic(\n    componentId: string,\n    removeGraphic: (col: number, row: number) => void,\n    isHeaderCustomLayout?: boolean\n  ) {\n    if (isHeaderCustomLayout) {\n      this.headerReactRemoveGraphicCache.set(componentId, removeGraphic);\n    } else {\n      this.reactRemoveGraphicCache.set(componentId, removeGraphic);\n    }\n  }\n\n  updateCustomCell(componentId: string, isHeaderCustomLayout?: boolean) {\n    const table = this.table;\n    // const col = componentId;\n    // // to do: deal with transpose table\n    // if (isHeaderCustomLayout) {\n    //   for (let row = 0; row < table.columnHeaderLevelCount; row++) {\n    //     table.scenegraph.updateCellContent(col, row);\n    //   }\n    // } else {\n    //   for (let row = table.columnHeaderLevelCount; row < table.rowCount; row++) {\n    //     table.scenegraph.updateCellContent(col, row);\n    //   }\n    // }\n\n    if (table.isPivotTable()) {\n      const ranges = getUpdateCustomCellRangeInPivotTable(componentId, table, isHeaderCustomLayout);\n      for (let i = 0; i < ranges.length; i++) {\n        const range = ranges[i];\n        for (let col = range.start.col; col <= range.end.col; col++) {\n          for (let row = range.start.row; row <= range.end.row; row++) {\n            table.scenegraph.updateCellContent(col, row);\n          }\n        }\n      }\n    } else {\n      const range = getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout);\n      for (let col = range.start.col; col <= range.end.col; col++) {\n        for (let row = range.start.row; row <= range.end.row; row++) {\n          table.scenegraph.updateCellContent(col, row);\n        }\n      }\n    }\n    // table.scenegraph.updateNextFrame();\n    table.scenegraph.renderSceneGraph(); // use sync render for faster update\n  }\n\n  getCustomLayoutFunc(col: number, row: number) {\n    const isHeader = this.table.isHeader(col, row);\n    if (isHeader) {\n      const { componentId } = this.table.getHeaderDefine(col, row) as any;\n      return this.headerCustomLayoutFuncCache.get(componentId) ?? emptyCustomLayout;\n    }\n    const { componentId } = this.table.getBodyColumnDefine(col, row) as any;\n    return this.customLayoutFuncCache.get(componentId) || emptyCustomLayout;\n  }\n\n  removeCustomCell(col: number, row: number) {\n    // const { startInTotal } = this.table.getBodyColumnDefine(col, row) as any;\n    const isHeader = this.table.isHeader(col, row);\n    let removeFun;\n    if (isHeader) {\n      const define = this.table.getHeaderDefine(col, row);\n      const { componentId } = define as any;\n      removeFun = this.headerReactRemoveGraphicCache.get(componentId);\n    } else {\n      const define = this.table.getBodyColumnDefine(col, row);\n      const { componentId } = define as any;\n      removeFun = this.reactRemoveGraphicCache.get(componentId);\n    }\n    if (removeFun) {\n      removeFun(col, row);\n    }\n  }\n\n  clearCache() {\n    this.removeAllContainer();\n  }\n}\n\nfunction getUpdateCustomCellRangeInListTable(componentId: string, table: BaseTableAPI, isHeaderCustomLayout?: boolean) {\n  const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0;\n  if (isHeaderCustomLayout) {\n    const layoutMap = table.internalProps.layoutMap as SimpleHeaderLayoutMap;\n    const { headerObjects } = table.internalProps.layoutMap;\n    let headerId: number;\n    for (let i = 0; i < headerObjects.length; i++) {\n      const headerObject = headerObjects[i];\n      if ((headerObject.define as any).componentId === componentId) {\n        headerId = headerObject.id as number;\n        break;\n      }\n    }\n\n    const startCell = layoutMap.getHeaderCellAdressById(headerId);\n    const range = layoutMap.getCellRange(startCell.col, startCell.row);\n    return range;\n\n    // let startCol = -1;\n    // let endCol = -1;\n    // let startRow = -1;\n    // let endRow = -1;\n    // for (let i = 0; i < _headerCellIds.length; i++) {\n    //   const row = _headerCellIds[i];\n    //   let rowHasObject = false;\n    //   for (let j = 0; j < row.length; j++) {\n    //     if (row[j] === headerId) {\n    //       rowHasObject = true;\n    //       if (transpose) {\n    //         // return { col: i, row: j };\n    //         startCol === -1 && (startCol = i);\n    //         startRow === -1 && (startRow = j);\n    //       } else {\n    //         // return { col: j + this.leftRowSeriesNumberColumnCount, row: i };\n    //         startCol === -1 && (startCol = j);\n    //         startRow === -1 && (startRow = i);\n    //       }\n    //     } else {\n    //       if (transpose) {\n    //         // endCol === -1 && startCol !== -1 && (endCol = i);\n    //         endRow === -1 && startRow !== -1 && (endRow = j - 1);\n    //       } else {\n    //         endCol === -1 && startCol !== -1 && (endCol = j - 1);\n    //         // endRow === -1 && startRow !== -1 && (endRow = i);\n    //       }\n    //     }\n\n    //     if (startCol !== -1 && endCol !== -1 && startRow !== -1 && endRow !== -1) {\n    //       break;\n    //     }\n    //   }\n\n    //   if (!rowHasObject) {\n    //     if (transpose) {\n    //       endCol === -1 && startCol !== -1 && (endCol = i - 1);\n    //     } else {\n    //       endRow === -1 && startRow !== -1 && (endRow = i - 1);\n    //     }\n    //   }\n\n    //   if (startCol !== -1 && endCol !== -1 && startRow !== -1 && endRow !== -1) {\n    //     break;\n    //   }\n    // }\n\n    // return {\n    //   startCol: startCol + rowSeriesNumber,\n    //   endCol: endCol + rowSeriesNumber,\n    //   startRow,\n    //   endRow\n    // };\n  }\n  const { columnObjects } = table.internalProps.layoutMap;\n  for (let i = 0; i < columnObjects.length; i++) {\n    const columnObject = columnObjects[i];\n    if ((columnObject.define as any).componentId === componentId) {\n      return {\n        start: {\n          col: rowSeriesNumber + i,\n          row: table.columnHeaderLevelCount\n        },\n        end: {\n          col: rowSeriesNumber + i,\n          row: table.rowCount - 1\n        }\n      };\n    }\n  }\n\n  return {\n    start: {\n      col: 0,\n      row: 0\n    },\n    end: {\n      col: table.colCount - 1,\n      row: table.rowCount - 1\n    }\n  };\n}\n\nfunction getUpdateCustomCellRangeInPivotTable(\n  componentId: string,\n  table: BaseTableAPI,\n  isHeaderCustomLayout?: boolean\n) {\n  const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0;\n  const ranges = [];\n  const layoutMap = table.internalProps.layoutMap as PivotHeaderLayoutMap;\n  if (isHeaderCustomLayout) {\n    const { headerObjects } = layoutMap;\n    const headerIds: number[] = [];\n    for (let i = 0; i < headerObjects.length; i++) {\n      const headerObject = headerObjects[i];\n      if (!headerObject) {\n        continue;\n      }\n      if ((headerObject.define as any).componentId === componentId) {\n        headerIds.push(headerObject.id as number);\n      }\n    }\n\n    for (let i = 0; i < headerIds.length; i++) {\n      const headerId = headerIds[i];\n      const startCell = layoutMap.getHeaderCellAdressById(headerId);\n      const range = layoutMap.getCellRange(startCell.col, startCell.row);\n      ranges.push(range);\n    }\n  } else {\n    let columnIndex: number;\n    const { columnObjects, indicatorsAsCol } = layoutMap;\n    for (let i = 0; i < columnObjects.length; i++) {\n      const columnObject = columnObjects[i];\n      if ((columnObject.define as any).componentId === componentId) {\n        columnIndex = i;\n        break;\n      }\n    }\n\n    if (indicatorsAsCol) {\n      for (\n        let column = layoutMap.rowHeaderLevelCount + columnIndex;\n        column < layoutMap.colCount;\n        column += columnObjects.length\n      ) {\n        const range = {\n          start: {\n            col: column + rowSeriesNumber,\n            row: layoutMap.columnHeaderLevelCount\n          },\n          end: {\n            col: column + rowSeriesNumber,\n            row: layoutMap.rowCount - 1\n          }\n        };\n        ranges.push(range);\n      }\n    } else {\n      for (\n        let row = layoutMap.columnHeaderLevelCount + columnIndex;\n        row < layoutMap.rowCount;\n        row += columnObjects.length\n      ) {\n        const range = {\n          start: {\n            col: layoutMap.rowHeaderLevelCount + rowSeriesNumber,\n            row: row\n          },\n          end: {\n            col: layoutMap.colCount - 1,\n            row: row\n          }\n        };\n        ranges.push(range);\n      }\n    }\n  }\n\n  return ranges;\n\n  // return {\n  //   startCol: 0,\n  //   endCol: table.colCount - 1,\n  //   startRow: 0,\n  //   endRow: table.rowCount - 1\n  // };\n}\n"]}

package/cjs/core/BaseTable.d.ts

@@ -19,6 +19,7 @@ import { CustomCellStylePlugin } from '../plugins/custom-cell-style';
 import type { ITextGraphicAttribute } from './../vrender';
 import { ReactCustomLayout } from '../components/react/react-custom-layout';
 import type { ISortedMapItem } from '../data/DataSource';
+import type { EditManeger } from '../edit/edit-manager';
 export declare abstract class BaseTable extends EventTarget implements BaseTableAPI {
     internalProps: IBaseTableProtected;
     showFrozenIcon: boolean;
@@ -46,16 +47,17 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     scenegraph: Scenegraph;
     stateManager: StateManager;
     eventManager: EventManager;
+    editorManager: EditManeger;
     _pixelRatio: number;
+    canvasSizeSeted?: boolean;
     static get EVENT_TYPE(): typeof TABLE_EVENT_TYPE;
     readonly options: BaseTableConstructorOptions;
     version: string;
     pagination?: IPagination | undefined;
     id: string;
-    headerStyleCache: Map<string, any>;
-    bodyStyleCache: Map<string, any>;
-    bodyMergeTitleCache: Map<string, any>;
-    bodyBottomStyleCache: Map<string, any>;
+    headerStyleCache: any;
+    bodyStyleCache: any;
+    bodyBottomStyleCache: any;
     container: HTMLElement;
     isReleased: boolean;
     _chartEventMap: Record<string, {
@@ -71,6 +73,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     getContainer(): HTMLElement;
     getElement(): HTMLElement;
     get canvas(): HTMLCanvasElement;
+    setCanvasSize(canvasWidth: number, canvasHeight: number): void;
     resize(): void;
     get rowCount(): number;
     set rowCount(rowCount: number);
@@ -398,12 +401,11 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     get leftRowSeriesNumberCount(): number;
     setMinMaxLimitWidth(setWidth?: boolean): void;
     setSortedIndexMap(field: FieldDef, filedMap: ISortedMapItem): void;
-    checkReactCustomLayout(): void;
+    checkReactCustomLayout(removeAllContainer: () => void): void;
     get bodyDomContainer(): HTMLElement;
     get headerDomContainer(): HTMLElement;
     showMoverLine(col: number, row: number): void;
     hideMoverLine(col: number, row: number): void;
     disableScroll(): void;
     enableScroll(): void;
-    getGroupTitleLevel(col: number, row: number): number | undefined;
 }

package/cjs/core/BaseTable.js

@@ -33,17 +33,19 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseTable = void 0;
 
-const columnStyleContents = __importStar(require("../body-helper/style")), style_1 = require("./style"), style = __importStar(require("../tools/style")), ts_types_1 = require("../ts-types"), helper_1 = require("../tools/helper"), TABLE_EVENT_TYPE_1 = require("./TABLE_EVENT_TYPE"), EventHandler_1 = require("../event/EventHandler"), EventTarget_1 = require("../event/EventTarget"), NumberMap_1 = require("../tools/NumberMap"), Rect_1 = require("../tools/Rect"), util_1 = require("../tools/util"), themes_1 = __importDefault(require("../themes")), env_1 = require("../tools/env"), scenegraph_1 = require("../scenegraph/scenegraph"), state_1 = require("../state/state"), event_1 = require("../event/event"), body_helper_1 = require("../body-helper/body-helper"), header_helper_1 = require("../header-helper/header-helper"), vutils_1 = require("@visactor/vutils"), text_measure_1 = require("../scenegraph/utils/text-measure"), get_prop_1 = require("../scenegraph/utils/get-prop"), icons_1 = require("../plugins/icons"), tableHelper_1 = require("./tableHelper"), FouseInput_1 = require("./FouseInput"), pixel_ratio_1 = require("../tools/pixel-ratio"), chart_render_helper_1 = require("../scenegraph/graphic/contributions/chart-render-helper"), row_height_map_1 = require("../layout/row-height-map"), row_series_number_helper_1 = require("./row-series-number-helper"), custom_cell_style_1 = require("../plugins/custom-cell-style"), update_select_border_1 = require("../scenegraph/select/update-select-border"), react_custom_layout_1 = require("../components/react/react-custom-layout"), layout_helper_1 = require("../layout/layout-helper"), factory_1 = require("./factory"), get_cell_position_1 = require("./utils/get-cell-position"), style_helper_1 = require("./style-helper"), {toBoxArray: toBoxArray} = helper_1.style, {isTouchEvent: isTouchEvent} = helper_1.event, rangeReg = /^\$(\d+)\$(\d+)$/;
+const columnStyleContents = __importStar(require("../body-helper/style")), headerStyleContents = __importStar(require("../header-helper/style")), style_1 = require("./style"), style = __importStar(require("../tools/style")), ts_types_1 = require("../ts-types"), helper_1 = require("../tools/helper"), TABLE_EVENT_TYPE_1 = require("./TABLE_EVENT_TYPE"), EventHandler_1 = require("../event/EventHandler"), EventTarget_1 = require("../event/EventTarget"), NumberMap_1 = require("../tools/NumberMap"), Rect_1 = require("../tools/Rect"), util_1 = require("../tools/util"), themes_1 = __importDefault(require("../themes")), env_1 = require("../tools/env"), scenegraph_1 = require("../scenegraph/scenegraph"), state_1 = require("../state/state"), event_1 = require("../event/event"), body_helper_1 = require("../body-helper/body-helper"), header_helper_1 = require("../header-helper/header-helper"), vutils_1 = require("@visactor/vutils"), text_measure_1 = require("../scenegraph/utils/text-measure"), get_prop_1 = require("../scenegraph/utils/get-prop"), icons_1 = require("../plugins/icons"), tableHelper_1 = require("./tableHelper"), FouseInput_1 = require("./FouseInput"), pixel_ratio_1 = require("../tools/pixel-ratio"), chart_render_helper_1 = require("../scenegraph/graphic/contributions/chart-render-helper"), get_axis_config_1 = require("../layout/chart-helper/get-axis-config"), row_height_map_1 = require("../layout/row-height-map"), row_series_number_helper_1 = require("./row-series-number-helper"), custom_cell_style_1 = require("../plugins/custom-cell-style"), update_select_border_1 = require("../scenegraph/select/update-select-border"), react_custom_layout_1 = require("../components/react/react-custom-layout"), layout_helper_1 = require("../layout/layout-helper"), factory_1 = require("./factory"), get_cell_position_1 = require("./utils/get-cell-position"), {toBoxArray: toBoxArray} = helper_1.style, {isTouchEvent: isTouchEvent} = helper_1.event, rangeReg = /^\$(\d+)\$(\d+)$/;
 
 (0, style_1.importStyle)();
 
+const EMPTY_STYLE = {};
+
 class BaseTable extends EventTarget_1.EventTarget {
     static get EVENT_TYPE() {
         return TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE;
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.6.0-alpha.1", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "1.6.0-alpha.3", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200), 
         !container && "node" !== options.mode) throw new Error("vtable's container is undefined");
         const {frozenColCount: frozenColCount = 0, frozenRowCount: frozenRowCount, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, widthAdaptiveMode: widthAdaptiveMode = "only-body", heightAdaptiveMode: heightAdaptiveMode = "only-body", keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, rowResizeMode: rowResizeMode = "none", dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight, clearDOM: clearDOM = !0} = options;
@@ -58,7 +60,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         }, padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, 
         this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), 
         padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), 
-        padding.right && (this.padding.right = padding.right))), this.tableNoFrameWidth = 0, 
+        padding.right && (this.padding.right = padding.right))), (0, vutils_1.isValid)(canvasHeight) && (0, 
+        vutils_1.isValid)(canvasWidth) && (this.canvasSizeSeted = !0), this.tableNoFrameWidth = 0, 
         this.tableNoFrameHeight = 0, this.canvasWidth = canvasWidth, this.canvasHeight = canvasHeight, 
         this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal";
         const internalProps = this.internalProps = {};
@@ -132,8 +135,8 @@ class BaseTable extends EventTarget_1.EventTarget {
             const MenuHandler = factory_1.Factory.getComponent("menuHandler");
             internalProps.menuHandler = new MenuHandler(this);
         }
-        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyMergeTitleCache = new Map, 
-        this.bodyBottomStyleCache = new Map, internalProps.stick = {
+        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, 
+        internalProps.stick = {
             changedCells: new Map
         }, internalProps.customMergeCell = options.customMergeCell, this.customCellStylePlugin = new custom_cell_style_1.CustomCellStylePlugin(this, null !== (_k = options.customCellStyle) && void 0 !== _k ? _k : [], null !== (_l = options.customCellStyleArrangement) && void 0 !== _l ? _l : []);
     }
@@ -146,6 +149,9 @@ class BaseTable extends EventTarget_1.EventTarget {
     get canvas() {
         return this.internalProps.canvas;
     }
+    setCanvasSize(canvasWidth, canvasHeight) {
+        this.canvasWidth = canvasWidth, this.canvasHeight = canvasHeight, this.resize();
+    }
     resize() {
         var _a;
         this._updateSize(), null === (_a = this.internalProps.legends) || void 0 === _a || _a.forEach((legend => {
@@ -352,7 +358,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         if ("browser" === env_1.Env.mode) {
             const element = this.getElement();
             let widthWithoutPadding = 0, heightWithoutPadding = 0;
-            if (element.parentElement) {
+            if (this.canvasSizeSeted) widthWithoutPadding = this.canvasWidth, heightWithoutPadding = this.canvasHeight; else if (element.parentElement) {
                 const computedStyle = element.parentElement.style || window.getComputedStyle(element.parentElement);
                 widthWithoutPadding = element.parentElement.offsetWidth - parseInt(computedStyle.paddingLeft || "0px", 10) - parseInt(computedStyle.paddingRight || "0px", 10), 
                 heightWithoutPadding = element.parentElement.offsetHeight - parseInt(computedStyle.paddingTop || "0px", 10) - parseInt(computedStyle.paddingBottom || "0px", 20);
@@ -369,7 +375,7 @@ class BaseTable extends EventTarget_1.EventTarget {
             this.internalProps.bodyDomContainer.style.height = `${heightP}px`), this.internalProps.headerDomContainer && (this.internalProps.headerDomContainer.style.width = `${widthP}px`, 
             this.internalProps.headerDomContainer.style.height = `${heightP}px`);
         } else "node" === env_1.Env.mode && (widthP = this.canvasWidth - 1, heightP = this.canvasHeight - 1);
-        const width = Math.floor(widthP - style.getScrollBarSize(this.getTheme().scrollStyle)), height = Math.floor(heightP - style.getScrollBarSize(this.getTheme().scrollStyle));
+        const width = Math.floor(widthP - style.getVerticalScrollBarSize(this.getTheme().scrollStyle)), height = Math.floor(heightP - style.getHorizontalScrollBarSize(this.getTheme().scrollStyle));
         if (null === (_f = this.internalProps.theme) || void 0 === _f ? void 0 : _f.frameStyle) {
             const lineWidths = toBoxArray(null !== (_h = null === (_g = this.internalProps.theme.frameStyle) || void 0 === _g ? void 0 : _g.borderLineWidth) && void 0 !== _h ? _h : [ null ]), shadowWidths = toBoxArray(null !== (_k = null === (_j = this.internalProps.theme.frameStyle) || void 0 === _j ? void 0 : _j.shadowBlur) && void 0 !== _k ? _k : [ 0 ]);
             (null === (_l = this.theme.frameStyle) || void 0 === _l ? void 0 : _l.innerBorder) ? (this.tableX = 0, 
@@ -428,7 +434,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         clearCache && this._clearRowRangeHeightsMap(row);
     }
     setRowHeight(row, height) {
-        this.scenegraph.setRowHeight(row, height), this.internalProps._heightResizedRowMap.add(row);
+        this.scenegraph.setRowHeight(row, height), this.scenegraph.updateChartSizeForResizeRowHeight(row), 
+        this.internalProps._heightResizedRowMap.add(row);
     }
     getRowsHeight(startRow, endRow) {
         var _a, _b;
@@ -474,7 +481,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         clearCache && this._clearColRangeWidthsMap(col), skipCheckFrozen || this.stateManager.checkFrozen();
     }
     setColWidth(col, width) {
-        this.scenegraph.setColWidth(col, width), this.internalProps._widthResizedColMap.add(col);
+        this.scenegraph.setColWidth(col, width), this.scenegraph.updateChartSizeForResizeColWidth(col), 
+        this.internalProps._widthResizedColMap.add(col);
     }
     _clearColRangeWidthsMap(col) {
         if ("number" != typeof col) this._colRangeWidthsMap.clear(); else {
@@ -1173,11 +1181,81 @@ class BaseTable extends EventTarget_1.EventTarget {
         return null === (_a = this.internalProps.dataSource) || void 0 === _a ? void 0 : _a.hasField(index, field);
     }
     _getCellStyle(col, row) {
-        return (0, style_helper_1.getCellStyle)(col, row, this);
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const customCellStyle = this.customCellStylePlugin.getCustomCellStyle(col, row), {layoutMap: layoutMap} = this.internalProps;
+        if (layoutMap.isHeader(col, row)) {
+            let cacheKey;
+            if (!this.isPivotTable() || this.isBottomFrozenRow(row) || this.isRightFrozenColumn(col)) cacheKey = `${col}-${row}`; else {
+                const define = this.getHeaderDefine(col, row), isCorner = this.isCornerHeader(col, row);
+                cacheKey = (null == define ? void 0 : define.dimensionKey) ? isCorner ? `dim-cor-${define.dimensionKey}` : `dim-${define.dimensionKey}` : (null == define ? void 0 : define.indicatorKey) ? `ind-${define.indicatorKey}` : `${col}-${row}`;
+            }
+            let cacheStyle = this.headerStyleCache.get(cacheKey);
+            if (cacheStyle) return customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
+            const hd = layoutMap.getHeader(col, row);
+            let paddingForAxis;
+            if (this.isPivotChart() && (0, get_axis_config_1.isTopOrBottomAxis)(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
+                paddingForAxis = null !== (_b = null === (_a = layoutMap.getBody(col, this.rowHeaderLevelCount).style) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : this.theme.bodyStyle.padding;
+            } else if (this.isPivotChart() && (0, get_axis_config_1.isLeftOrRightAxis)(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
+                paddingForAxis = null !== (_d = null === (_c = layoutMap.getBody(this.columnHeaderLevelCount, row).style) || void 0 === _c ? void 0 : _c.padding) && void 0 !== _d ? _d : this.theme.bodyStyle.padding;
+            }
+            if ((!hd || hd.isEmpty) && (layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightBottomCorner(col, row) || layoutMap.isCornerHeader(col, row) || layoutMap.isRightTopCorner(col, row))) return EMPTY_STYLE;
+            const styleClass = this.internalProps.headerHelper.getStyleClass((null == hd ? void 0 : hd.headerType) || "text");
+            if (layoutMap.isBottomFrozenRow(col, row) && this.theme.bottomFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
+                padding: paddingForAxis
+            } : {}, this.theme.bottomFrozenStyle, {
+                col: col,
+                row: row,
+                table: this,
+                value: this.getCellValue(col, row),
+                dataValue: this.getCellOriginValue(col, row),
+                cellHeaderPaths: this.getCellHeaderPaths(col, row)
+            }, styleClass, this.options.autoWrapText, this.theme); else if (layoutMap.isRightFrozenColumn(col, row) && this.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
+                padding: paddingForAxis
+            } : {}, this.theme.rightFrozenStyle, {
+                col: col,
+                row: row,
+                table: this,
+                value: this.getCellValue(col, row),
+                dataValue: this.getCellOriginValue(col, row),
+                cellHeaderPaths: this.getCellHeaderPaths(col, row)
+            }, styleClass, this.options.autoWrapText, this.theme); else {
+                const style = (null == hd ? void 0 : hd.style) || {};
+                paddingForAxis && (style.padding = paddingForAxis), cacheStyle = headerStyleContents.of(style, layoutMap.isColumnHeader(col, row) || layoutMap.isBottomFrozenRow(col, row) ? this.theme.headerStyle : layoutMap.isRowHeader(col, row) || layoutMap.isRightFrozenColumn(col, row) ? this.theme.rowHeaderStyle : this.theme.cornerHeaderStyle, {
+                    col: col,
+                    row: row,
+                    table: this,
+                    value: this.getCellValue(col, row),
+                    dataValue: this.getCellOriginValue(col, row),
+                    cellHeaderPaths: this.getCellHeaderPaths(col, row)
+                }, styleClass, this.options.autoWrapText, this.theme);
+            }
+            return this.headerStyleCache.set(cacheKey, cacheStyle), customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
+        }
+        let bgColorFunc, cacheKey;
+        (null === (_f = null === (_e = this.internalProps) || void 0 === _e ? void 0 : _e.dataConfig) || void 0 === _f ? void 0 : _f.mappingRules) && !this.isHeader(col, row) && (null === (_j = null === (_h = null === (_g = this.internalProps) || void 0 === _g ? void 0 : _g.dataConfig) || void 0 === _h ? void 0 : _h.mappingRules) || void 0 === _j || _j.forEach(((mappingRule, i) => {
+            mappingRule.bgColor && this.internalProps.layoutMap.getIndicatorKey(col, row) === mappingRule.bgColor.indicatorKey && (bgColorFunc = mappingRule.bgColor.mapping);
+        })));
+        const cellType = this.getCellType(col, row);
+        let cacheStyle;
+        if (cacheKey = this.isSeriesNumberInBody(col, row) ? `${col}-series-` + cellType : this.isListTable() && !this.transpose || this.isPivotTable() && this.internalProps.layoutMap.indicatorsAsCol ? col + cellType : row + cellType, 
+        cacheStyle = layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.get(cacheKey) : this.bodyStyleCache.get(cacheKey), 
+        cacheStyle) return customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
+        const column = layoutMap.getBody(col, row), styleClass = this.internalProps.bodyHelper.getStyleClass(this.getCellType(col, row)), style = null == column ? void 0 : column.style;
+        return cacheStyle = columnStyleContents.of(style, layoutMap.isBottomFrozenRow(row) && this.theme.bottomFrozenStyle ? this.theme.bottomFrozenStyle : layoutMap.isRightFrozenColumn(col) && this.theme.rightFrozenStyle ? this.theme.rightFrozenStyle : this.theme.bodyStyle, {
+            col: col,
+            row: row,
+            table: this,
+            value: this.getCellValue(col, row),
+            dataValue: this.getCellOriginValue(col, row),
+            cellHeaderPaths: this.getCellHeaderPaths(col, row)
+        }, styleClass, this.options.autoWrapText, this.theme), bgColorFunc && (cacheStyle = (0, 
+        custom_cell_style_1.mergeStyle)(cacheStyle, {
+            bgColor: bgColorFunc
+        })), (0, vutils_1.isFunction)(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)), 
+        customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
     }
     clearCellStyleCache() {
-        this.headerStyleCache.clear(), this.bodyStyleCache.clear(), this.bodyMergeTitleCache.clear(), 
-        this.bodyBottomStyleCache.clear();
+        this.headerStyleCache.clear(), this.bodyStyleCache.clear(), this.bodyBottomStyleCache.clear();
     }
     clearRowHeightCache() {
         this.internalProps._rowHeightsMap.clear(), this._clearRowRangeHeightsMap();
@@ -1652,6 +1730,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         var _a, _b;
         const internalProps = this.internalProps;
         for (let col = 0; col < internalProps.layoutMap.columnWidths.length; col++) {
+            if (this.internalProps._widthResizedColMap.has(col)) continue;
             const {width: width, minWidth: minWidth, maxWidth: maxWidth} = null !== (_b = null === (_a = internalProps.layoutMap.columnWidths) || void 0 === _a ? void 0 : _a[col]) && void 0 !== _b ? _b : {};
             setWidth && width && ("string" == typeof width && "auto" !== width || "number" == typeof width && width > 0) && this._setColWidth(col, width), 
             minWidth && ("number" == typeof minWidth && minWidth > 0 || "string" == typeof minWidth) && this.setMinColWidth(col, minWidth), 
@@ -1662,8 +1741,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         var _a;
         null === (_a = this.dataSource) || void 0 === _a || _a.setSortedIndexMap(field, filedMap);
     }
-    checkReactCustomLayout() {
-        this.reactCustomLayout || (this.reactCustomLayout = new react_custom_layout_1.ReactCustomLayout(this));
+    checkReactCustomLayout(removeAllContainer) {
+        this.reactCustomLayout || (this.reactCustomLayout = new react_custom_layout_1.ReactCustomLayout(removeAllContainer, this));
     }
     get bodyDomContainer() {
         return this.internalProps.bodyDomContainer;
@@ -1683,7 +1762,6 @@ class BaseTable extends EventTarget_1.EventTarget {
     enableScroll() {
         this.eventManager.enableScroll();
     }
-    getGroupTitleLevel(col, row) {}
 }
 
 exports.BaseTable = BaseTable;