@visactor/vtable 0.10.1-alpha.0 → 0.10.1-alpha.2

package/README.md

@@ -97,7 +97,6 @@ const columns =[
 ];
 
 const option = {
-  parentElement: document.getElementById(Table_CONTAINER_DOM_ID),
   records:[
       {
       "Order ID": "CA-2018-156720",
@@ -118,7 +117,7 @@ const option = {
   columns,
   widthMode:'standard'
 };
-const tableInstance = new VTable.ListTable(option);
+const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);
 
 
 

package/cjs/components/axis/axis.js

@@ -24,9 +24,9 @@ class CartesianAxis {
         this.scale.transformScaleDomain(), this.scale.updateScaleDomain(), this.updateScaleRange());
     }
     initData() {
-        (0, register_1.registerDataSetInstanceParser)(this.table.dataSet, "scale", scaleParser), 
-        (0, register_1.registerDataSetInstanceTransform)(this.table.dataSet, "ticks", tick_data_1.ticks);
-        const label = this.option.label || {}, tick = this.option.tick || {}, tickData = new vdataset_1.DataView(this.table.dataSet).parse(this.scale._scale, {
+        (0, register_1.registerDataSetInstanceParser)(this.table._vDataSet, "scale", scaleParser), 
+        (0, register_1.registerDataSetInstanceTransform)(this.table._vDataSet, "ticks", tick_data_1.ticks);
+        const label = this.option.label || {}, tick = this.option.tick || {}, tickData = new vdataset_1.DataView(this.table._vDataSet).parse(this.scale._scale, {
             type: "scale"
         }).transform({
             type: "ticks",

package/cjs/components/axis/axis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/axis/axis.ts"],"names":[],"mappings":"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","file":"axis.js","sourcesContent":["import { isNil, isValidNumber, merge } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { ICellAxisOption } from '../../ts-types/component/axis';\nimport { LineAxis, type LineAxisAttributes } from '@visactor/vrender-components';\nimport { commonAxis, getAxisAttributes } from './get-axis-attributes';\nimport { isXAxis, isYAxis } from '../util/orient';\nimport type { IOrientType } from '../../ts-types/component/util';\nimport { BandAxisScale } from './band-scale';\nimport { registerDataSetInstanceParser, registerDataSetInstanceTransform } from '../util/register';\nimport type { Parser } from '@visactor/vdataset';\nimport { DataView } from '@visactor/vdataset';\nimport type { IBaseScale } from '@visactor/vscale';\nimport { ticks } from '../util/tick-data';\nimport { LinearAxisScale } from './linear-scale';\nimport { doOverlap } from './label-overlap';\n\nconst DEFAULT_BAND_INNER_PADDING = 0.1;\nconst DEFAULT_BAND_OUTER_PADDING = 0.3;\nconst scaleParser: Parser = (scale: IBaseScale) => {\n  return scale;\n};\n\nexport class CartesianAxis {\n  width: number;\n  height: number;\n  table: BaseTableAPI;\n  option: ICellAxisOption;\n  orient: IOrientType;\n  visible: boolean;\n  type: 'linear' | 'band' | 'time';\n  inverse: boolean;\n  data?: any[];\n  tickData: DataView;\n  scale: BandAxisScale | LinearAxisScale;\n  component: LineAxis;\n\n  constructor(option: ICellAxisOption, width: number, height: number, table: BaseTableAPI) {\n    this.table = table;\n    this.width = width;\n    this.height = height;\n    // this.option = cloneDeep(option);\n    this.option = merge({}, commonAxis, option);\n\n    this.orient = option.orient ?? 'left';\n    this.visible = option.visible ?? true;\n    this.type = option.type ?? 'band';\n    this.inverse = 'inverse' in option ? !!option.inverse : false;\n    if (option.type === 'band') {\n      this.data = option.domain;\n    }\n\n    this.initScale();\n    this.initData();\n    this.createComponent();\n    this.initEvent();\n  }\n\n  initScale() {\n    const option = this.option as any;\n    if (this.type === 'band') {\n      this.scale = new BandAxisScale();\n      this.scale.bandPadding = option.bandPadding;\n      this.scale.paddingInner = option.paddingInner;\n      this.scale.paddingOuter = option.paddingOuter;\n      this.scale.calcScales(DEFAULT_BAND_INNER_PADDING, DEFAULT_BAND_OUTER_PADDING); // 0.1 0.3\n      this.scale.updateScaleDomain(this.data);\n      this.updateScaleRange();\n    } else if (this.type === 'linear' || this.type === 'time') {\n      this.scale = new LinearAxisScale();\n      this.scale.setExtraAttrFromSpec(option.nice, option.zero, option.range, option.expand);\n      this.scale.transformScaleDomain();\n      this.scale.updateScaleDomain();\n      this.updateScaleRange();\n    }\n  }\n\n  initData() {\n    registerDataSetInstanceParser(this.table.dataSet, 'scale', scaleParser);\n    registerDataSetInstanceTransform(this.table.dataSet, 'ticks', ticks);\n\n    const label = this.option.label || {};\n    const tick = this.option.tick || {};\n    const tickData = new DataView(this.table.dataSet)\n      .parse(this.scale._scale, {\n        type: 'scale'\n      })\n      .transform(\n        {\n          type: 'ticks',\n          options: {\n            tickCount: tick.tickCount,\n            forceTickCount: tick.forceTickCount,\n            tickStep: tick.tickStep,\n\n            axisOrientType: this.orient,\n            coordinateType: 'cartesian',\n\n            labelStyle: label.style,\n            labelFormatter: label.formatMethod,\n            // labelGap: label.minGap,\n\n            labelLastVisible: label.lastVisible,\n            labelFlush: label.flush\n          }\n        },\n        false\n      );\n    this.tickData = tickData;\n\n    this.computeData();\n  }\n\n  computeData(): void {\n    this.tickData.reRunAllTransform();\n  }\n\n  initEvent() {\n    // to be added\n  }\n\n  createComponent() {\n    const axisStylrAttrs = getAxisAttributes(this.option);\n    const attrs = this.getUpdateAttribute();\n    attrs.verticalFactor = this.orient === 'top' || this.orient === 'right' ? -1 : 1;\n    this.component = new LineAxis(merge({}, axisStylrAttrs, attrs));\n    this.component.setAttributes(this.setLayoutStartPosition({ x: 0, y: 0 }));\n    (this.component as any).originAxis = this;\n  }\n\n  resize(width: number, height: number) {\n    this.width = width;\n    this.height = height;\n    this.updateScaleRange();\n    this.computeData();\n    const axisStylrAttrs = getAxisAttributes(this.option);\n    const attrs = this.getUpdateAttribute();\n    attrs.verticalFactor = this.orient === 'top' || this.orient === 'right' ? -1 : 1;\n    this.component.setAttributes(merge({}, axisStylrAttrs, attrs));\n    this.component.setAttributes(this.setLayoutStartPosition({ x: 0, y: 0 }));\n    this.overlap();\n  }\n\n  overlap() {\n    doOverlap(this.component, this);\n  }\n\n  getLayoutRect() {\n    return {\n      width: this.width,\n      height: this.height\n    };\n  }\n\n  getUpdateAttribute() {\n    // 获取更新的坐标轴属性\n    const regionHeight = this.table.tableNoFrameHeight;\n    const regionWidth = this.table.tableNoFrameWidth;\n\n    const { width, height } = this.getLayoutRect();\n    const isX = isXAxis(this.orient);\n    const isY = isYAxis(this.orient);\n    let end = { x: 0, y: 0 };\n    let gridLength = 0;\n    let axisLength = 0;\n    if (isX) {\n      end = { x: width, y: 0 };\n      gridLength = regionHeight;\n      axisLength = width;\n    } else if (isY) {\n      end = { x: 0, y: height };\n      gridLength = regionWidth;\n      axisLength = height;\n    }\n    const attrs: LineAxisAttributes = {\n      start: { x: 0, y: 0 },\n      end,\n      grid: {\n        type: 'line',\n        length: gridLength,\n        visible: this.option.grid.visible\n      },\n      title: {\n        text: this.option.title.text,\n        maxWidth: this._getTitleLimit(isX)\n      },\n      items: this.getLabelItems(axisLength)\n    };\n    return attrs;\n  }\n\n  getLabelItems(length: number) {\n    return [\n      this.tickData.latestData\n        .map((obj: any) => {\n          return {\n            id: obj.value,\n            label: obj.value,\n            value: length === 0 ? 0 : this.scale.dataToPosition([obj.value]) / length,\n            rawValue: obj.value\n          };\n        })\n        .filter((entry: any) => entry.value >= 0 && entry.value <= 1)\n    ];\n  }\n\n  updateScaleRange() {\n    const { width, height } = this.getLayoutRect();\n    const inverse = (this.option as any).inverse || false;\n    let newRange: [number, number] = [0, 0];\n    if (isXAxis(this.orient)) {\n      if (isValidNumber(width)) {\n        newRange = inverse ? [width, 0] : [0, width];\n      }\n    } else {\n      if (isValidNumber(height)) {\n        newRange = inverse ? [0, height] : [height, 0];\n      }\n    }\n\n    this.scale.updateRange(newRange);\n  }\n\n  setLayoutStartPosition(pos: any) {\n    let { x, y } = pos;\n\n    if (isValidNumber(x)) {\n      x += Number(this.orient === 'left') * this.getLayoutRect().width;\n    }\n    if (isValidNumber(y)) {\n      y += Number(this.orient === 'top') * this.getLayoutRect().height;\n    }\n\n    return { x, y };\n    // super.setLayoutStartPosition({ x, y });\n  }\n\n  private _getTitleLimit(isX: boolean) {\n    if (this.option.title.visible && isNil(this.option.title.style?.maxLineWidth)) {\n      const angle = this.option.title.style?.angle || 0;\n      if (isX) {\n        const width = this.getLayoutRect().width;\n        const cosValue = Math.abs(Math.cos(angle));\n        // VRender 接收到的limit是考虑角度计算后的宽度\n        // TODO：还需要考虑angle后，高度是否太高，综合计算一个limit，比如高度不能超过图表整体高度的1/4\n        return cosValue < 1e-6 ? Infinity : width / cosValue;\n      }\n      const height = this.getLayoutRect().height;\n      const sinValue = Math.abs(Math.sin(angle));\n\n      // TODO：还需要考虑angle后，宽度是否太宽，综合计算一个limit，比如宽度度不能超过图表整体宽度的1/4\n      return sinValue < 1e-6 ? Infinity : height / sinValue;\n    }\n\n    return null;\n  }\n\n  getScale() {\n    return this.scale._scale;\n  }\n\n  getDomainSpec() {\n    return (this.scale as LinearAxisScale).domain;\n  }\n}\n"]}
+{"version":3,"sources":["components/axis/axis.ts"],"names":[],"mappings":"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","file":"axis.js","sourcesContent":["import { isNil, isValidNumber, merge } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { ICellAxisOption } from '../../ts-types/component/axis';\nimport { LineAxis, type LineAxisAttributes } from '@visactor/vrender-components';\nimport { commonAxis, getAxisAttributes } from './get-axis-attributes';\nimport { isXAxis, isYAxis } from '../util/orient';\nimport type { IOrientType } from '../../ts-types/component/util';\nimport { BandAxisScale } from './band-scale';\nimport { registerDataSetInstanceParser, registerDataSetInstanceTransform } from '../util/register';\nimport type { Parser } from '@visactor/vdataset';\nimport { DataView } from '@visactor/vdataset';\nimport type { IBaseScale } from '@visactor/vscale';\nimport { ticks } from '../util/tick-data';\nimport { LinearAxisScale } from './linear-scale';\nimport { doOverlap } from './label-overlap';\n\nconst DEFAULT_BAND_INNER_PADDING = 0.1;\nconst DEFAULT_BAND_OUTER_PADDING = 0.3;\nconst scaleParser: Parser = (scale: IBaseScale) => {\n  return scale;\n};\n\nexport class CartesianAxis {\n  width: number;\n  height: number;\n  table: BaseTableAPI;\n  option: ICellAxisOption;\n  orient: IOrientType;\n  visible: boolean;\n  type: 'linear' | 'band' | 'time';\n  inverse: boolean;\n  data?: any[];\n  tickData: DataView;\n  scale: BandAxisScale | LinearAxisScale;\n  component: LineAxis;\n\n  constructor(option: ICellAxisOption, width: number, height: number, table: BaseTableAPI) {\n    this.table = table;\n    this.width = width;\n    this.height = height;\n    // this.option = cloneDeep(option);\n    this.option = merge({}, commonAxis, option);\n\n    this.orient = option.orient ?? 'left';\n    this.visible = option.visible ?? true;\n    this.type = option.type ?? 'band';\n    this.inverse = 'inverse' in option ? !!option.inverse : false;\n    if (option.type === 'band') {\n      this.data = option.domain;\n    }\n\n    this.initScale();\n    this.initData();\n    this.createComponent();\n    this.initEvent();\n  }\n\n  initScale() {\n    const option = this.option as any;\n    if (this.type === 'band') {\n      this.scale = new BandAxisScale();\n      this.scale.bandPadding = option.bandPadding;\n      this.scale.paddingInner = option.paddingInner;\n      this.scale.paddingOuter = option.paddingOuter;\n      this.scale.calcScales(DEFAULT_BAND_INNER_PADDING, DEFAULT_BAND_OUTER_PADDING); // 0.1 0.3\n      this.scale.updateScaleDomain(this.data);\n      this.updateScaleRange();\n    } else if (this.type === 'linear' || this.type === 'time') {\n      this.scale = new LinearAxisScale();\n      this.scale.setExtraAttrFromSpec(option.nice, option.zero, option.range, option.expand);\n      this.scale.transformScaleDomain();\n      this.scale.updateScaleDomain();\n      this.updateScaleRange();\n    }\n  }\n\n  initData() {\n    registerDataSetInstanceParser(this.table._vDataSet, 'scale', scaleParser);\n    registerDataSetInstanceTransform(this.table._vDataSet, 'ticks', ticks);\n\n    const label = this.option.label || {};\n    const tick = this.option.tick || {};\n    const tickData = new DataView(this.table._vDataSet)\n      .parse(this.scale._scale, {\n        type: 'scale'\n      })\n      .transform(\n        {\n          type: 'ticks',\n          options: {\n            tickCount: tick.tickCount,\n            forceTickCount: tick.forceTickCount,\n            tickStep: tick.tickStep,\n\n            axisOrientType: this.orient,\n            coordinateType: 'cartesian',\n\n            labelStyle: label.style,\n            labelFormatter: label.formatMethod,\n            // labelGap: label.minGap,\n\n            labelLastVisible: label.lastVisible,\n            labelFlush: label.flush\n          }\n        },\n        false\n      );\n    this.tickData = tickData;\n\n    this.computeData();\n  }\n\n  computeData(): void {\n    this.tickData.reRunAllTransform();\n  }\n\n  initEvent() {\n    // to be added\n  }\n\n  createComponent() {\n    const axisStylrAttrs = getAxisAttributes(this.option);\n    const attrs = this.getUpdateAttribute();\n    attrs.verticalFactor = this.orient === 'top' || this.orient === 'right' ? -1 : 1;\n    this.component = new LineAxis(merge({}, axisStylrAttrs, attrs));\n    this.component.setAttributes(this.setLayoutStartPosition({ x: 0, y: 0 }));\n    (this.component as any).originAxis = this;\n  }\n\n  resize(width: number, height: number) {\n    this.width = width;\n    this.height = height;\n    this.updateScaleRange();\n    this.computeData();\n    const axisStylrAttrs = getAxisAttributes(this.option);\n    const attrs = this.getUpdateAttribute();\n    attrs.verticalFactor = this.orient === 'top' || this.orient === 'right' ? -1 : 1;\n    this.component.setAttributes(merge({}, axisStylrAttrs, attrs));\n    this.component.setAttributes(this.setLayoutStartPosition({ x: 0, y: 0 }));\n    this.overlap();\n  }\n\n  overlap() {\n    doOverlap(this.component, this);\n  }\n\n  getLayoutRect() {\n    return {\n      width: this.width,\n      height: this.height\n    };\n  }\n\n  getUpdateAttribute() {\n    // 获取更新的坐标轴属性\n    const regionHeight = this.table.tableNoFrameHeight;\n    const regionWidth = this.table.tableNoFrameWidth;\n\n    const { width, height } = this.getLayoutRect();\n    const isX = isXAxis(this.orient);\n    const isY = isYAxis(this.orient);\n    let end = { x: 0, y: 0 };\n    let gridLength = 0;\n    let axisLength = 0;\n    if (isX) {\n      end = { x: width, y: 0 };\n      gridLength = regionHeight;\n      axisLength = width;\n    } else if (isY) {\n      end = { x: 0, y: height };\n      gridLength = regionWidth;\n      axisLength = height;\n    }\n    const attrs: LineAxisAttributes = {\n      start: { x: 0, y: 0 },\n      end,\n      grid: {\n        type: 'line',\n        length: gridLength,\n        visible: this.option.grid.visible\n      },\n      title: {\n        text: this.option.title.text,\n        maxWidth: this._getTitleLimit(isX)\n      },\n      items: this.getLabelItems(axisLength)\n    };\n    return attrs;\n  }\n\n  getLabelItems(length: number) {\n    return [\n      this.tickData.latestData\n        .map((obj: any) => {\n          return {\n            id: obj.value,\n            label: obj.value,\n            value: length === 0 ? 0 : this.scale.dataToPosition([obj.value]) / length,\n            rawValue: obj.value\n          };\n        })\n        .filter((entry: any) => entry.value >= 0 && entry.value <= 1)\n    ];\n  }\n\n  updateScaleRange() {\n    const { width, height } = this.getLayoutRect();\n    const inverse = (this.option as any).inverse || false;\n    let newRange: [number, number] = [0, 0];\n    if (isXAxis(this.orient)) {\n      if (isValidNumber(width)) {\n        newRange = inverse ? [width, 0] : [0, width];\n      }\n    } else {\n      if (isValidNumber(height)) {\n        newRange = inverse ? [0, height] : [height, 0];\n      }\n    }\n\n    this.scale.updateRange(newRange);\n  }\n\n  setLayoutStartPosition(pos: any) {\n    let { x, y } = pos;\n\n    if (isValidNumber(x)) {\n      x += Number(this.orient === 'left') * this.getLayoutRect().width;\n    }\n    if (isValidNumber(y)) {\n      y += Number(this.orient === 'top') * this.getLayoutRect().height;\n    }\n\n    return { x, y };\n    // super.setLayoutStartPosition({ x, y });\n  }\n\n  private _getTitleLimit(isX: boolean) {\n    if (this.option.title.visible && isNil(this.option.title.style?.maxLineWidth)) {\n      const angle = this.option.title.style?.angle || 0;\n      if (isX) {\n        const width = this.getLayoutRect().width;\n        const cosValue = Math.abs(Math.cos(angle));\n        // VRender 接收到的limit是考虑角度计算后的宽度\n        // TODO：还需要考虑angle后，高度是否太高，综合计算一个limit，比如高度不能超过图表整体高度的1/4\n        return cosValue < 1e-6 ? Infinity : width / cosValue;\n      }\n      const height = this.getLayoutRect().height;\n      const sinValue = Math.abs(Math.sin(angle));\n\n      // TODO：还需要考虑angle后，宽度是否太宽，综合计算一个limit，比如宽度度不能超过图表整体宽度的1/4\n      return sinValue < 1e-6 ? Infinity : height / sinValue;\n    }\n\n    return null;\n  }\n\n  getScale() {\n    return this.scale._scale;\n  }\n\n  getDomainSpec() {\n    return (this.scale as LinearAxisScale).domain;\n  }\n}\n"]}

package/cjs/core/BaseTable.d.ts

@@ -36,7 +36,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     customRender?: ICustomRender;
     canvasWidth?: number;
     canvasHeight?: number;
-    dataSet: DataSet;
+    _vDataSet: DataSet;
     scenegraph: Scenegraph;
     stateManeger?: StateManeger;
     eventManeger?: EventManeger;
@@ -119,7 +119,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     getRowHeight(row: number): number;
     setRowHeight(row: number, height: number, clearCache?: boolean): void;
     getRowsHeight(startRow: number, endRow: number): number;
-    getColWidthDefine(col: number): string | number;
+    getColWidthDefined(col: number): string | number;
     getColWidth(col: number): number;
     setColWidth(col: number, width: string | number, clearCache?: boolean, skipCheckFrozen?: boolean): void;
     _clearColRangeWidthsMap(col?: number): void;
@@ -235,7 +235,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     get autoWrapText(): boolean;
     set autoWrapText(autoWrapText: boolean);
     get theme(): TableTheme;
-    set theme(theme: TableTheme);
+    updateTheme(theme: TableTheme): void;
     getBodyField(col: number, row: number): FieldDef | undefined;
     getBodyColumnDefine(col: number, row: number): ColumnDefine;
     getBodyColumnType(col: number, row: number): ColumnTypeOption;
@@ -269,6 +269,8 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     _hasField(field: FieldDef, col: number, row: number): boolean;
     _getCellStyle(col: number, row: number): FullExtendStyle;
     clearCellStyleCache(): void;
+    clearRowHeightCache(): void;
+    clearColWidthCache(): void;
     _canResizeColumn(col: number, row: number): boolean;
     _canDragHeaderPosition(col: number, row: number): boolean;
     getCellIcons(col: number, row: number): ColumnIconOption[];

package/cjs/core/BaseTable.js

@@ -45,7 +45,7 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.10.1-alpha.0", 
+        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.10.1-alpha.2", 
         this.id = `VTable${Date.now()}`, this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200), 
         !container) throw new Error("vtable's container is undefined");
         const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, 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} = options;
@@ -74,9 +74,9 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync, 
         (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps._rowHeightsMap = new NumberMap_1.NumberMap, internalProps._rowRangeHeightsMap = new Map, 
-        internalProps._colRangeWidthsMap = new Map, this.colWidthsMap = new NumberMap_1.NumberMap, 
-        this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
-        internalProps.calcWidthContext = {
+        internalProps._colRangeWidthsMap = new Map, internalProps._widthResizedColMap = new Set, 
+        this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
+        this.colWidthsLimit = {}, internalProps.calcWidthContext = {
             _: internalProps,
             get full() {
                 var _a;
@@ -88,7 +88,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.bodyHelper = new body_helper_1.BodyHelper(this), internalProps.headerHelper = new header_helper_1.HeaderHelper(this), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : internalProps.colCount, 
         internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 450, 
-        this.dataSet = new vdataset_1.DataSet, this.scenegraph = new scenegraph_1.Scenegraph(this), 
+        this._vDataSet = new vdataset_1.DataSet, this.scenegraph = new scenegraph_1.Scenegraph(this), 
         this.stateManeger = new state_1.StateManeger(this), this.eventManeger = new event_1.EventManeger(this), 
         options.legends && (internalProps.legends = new legend_1.TableLegend(options.legends, this), 
         this.scenegraph.tableGroup.setAttributes({
@@ -316,23 +316,12 @@ class BaseTable extends EventTarget_1.EventTarget {
         if (null != cachedColWidth) return cachedColWidth;
         const cachedLowerColWidth = this._colRangeWidthsMap.get(`$${startCol}$${endCol - 1}`);
         if (null != cachedLowerColWidth) {
-            const width = this.colWidthsMap.get(endCol);
-            let adjustW;
-            adjustW = width ? "adaptive" === this.widthMode || this.transpose ? Number(width) : this._adjustColWidth(endCol, this._colWidthDefineToPxWidth(width)) : this.getColWidth(endCol);
-            const addWidth = cachedLowerColWidth + adjustW;
+            const addWidth = cachedLowerColWidth + this.getColWidth(endCol);
             return startCol >= 0 && endCol >= 0 && !Number.isNaN(addWidth) && this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(addWidth)), 
             Math.round(addWidth);
         }
         let w = 0;
         for (let col = startCol; col <= endCol; col++) w += this.getColWidth(col);
-        this.colWidthsMap.each(startCol, endCol, ((width, col) => {
-            w += ("adaptive" === this.widthMode || this.transpose ? Number(width) : this._adjustColWidth(col, this._colWidthDefineToPxWidth(width))) - this.getColWidth(col);
-        }));
-        for (let col = startCol; col <= endCol; col++) {
-            if (this.colWidthsMap.has(col)) continue;
-            const adj = this._adjustColWidth(col, this.internalProps.defaultColWidth);
-            adj !== this.internalProps.defaultColWidth && (w += adj - this.internalProps.defaultColWidth);
-        }
         return startCol >= 0 && endCol >= 0 && this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(w)), 
         Math.round(w);
     }
@@ -361,13 +350,15 @@ class BaseTable extends EventTarget_1.EventTarget {
         return startRow >= 0 && endRow >= 0 && h > 0 && this._rowRangeHeightsMap.set(`$${startRow}$${endRow}`, Math.round(h)), 
         Math.round(h);
     }
-    getColWidthDefine(col) {
-        var _a, _b;
-        const width = this.colWidthsMap.get(col);
-        return "number" == typeof width && width <= 0 ? 0 : width || (this.isRowHeader(col, 0) || this.isCornerHeader(col, 0) ? Array.isArray(this.defaultHeaderColWidth) ? null !== (_a = this.defaultHeaderColWidth[col]) && void 0 !== _a ? _a : this.defaultColWidth : this.defaultHeaderColWidth : this.isRightFrozenColumn(col, this.columnHeaderLevelCount) ? Array.isArray(this.defaultHeaderColWidth) ? null !== (_b = this.defaultHeaderColWidth[this.rowHeaderLevelCount - this.rightFrozenColCount]) && void 0 !== _b ? _b : this.defaultColWidth : this.defaultHeaderColWidth : this.defaultColWidth);
+    getColWidthDefined(col) {
+        var _a, _b, _c;
+        const {layoutMap: layoutMap} = this.internalProps;
+        if ("autoWidth" === this.widthMode) return "auto";
+        const {width: width} = null !== (_a = null == layoutMap ? void 0 : layoutMap.getColumnWidthDefined(col)) && void 0 !== _a ? _a : {};
+        return "number" == typeof width && width <= 0 ? 0 : width || (this.isRowHeader(col, 0) || this.isCornerHeader(col, 0) ? Array.isArray(this.defaultHeaderColWidth) ? null !== (_b = this.defaultHeaderColWidth[col]) && void 0 !== _b ? _b : this.defaultColWidth : this.defaultHeaderColWidth : this.isRightFrozenColumn(col, this.columnHeaderLevelCount) && this.isPivotTable() ? Array.isArray(this.defaultHeaderColWidth) ? null !== (_c = this.defaultHeaderColWidth[this.rowHeaderLevelCount - this.rightFrozenColCount]) && void 0 !== _c ? _c : this.defaultColWidth : this.defaultHeaderColWidth : this.defaultColWidth);
     }
     getColWidth(col) {
-        const width = this.getColWidthDefine(col);
+        const width = this.colWidthsMap.get(col);
         return "adaptive" === this.widthMode && "number" == typeof width || this.transpose && "number" == typeof width ? this._colWidthDefineToPxWidth(width) : this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
     }
     setColWidth(col, width, clearCache, skipCheckFrozen) {
@@ -667,11 +658,12 @@ class BaseTable extends EventTarget_1.EventTarget {
         (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberMap_1.NumberMap, 
         internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map, 
-        this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
-        this.colWidthsLimit = {}, internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
+        internalProps._widthResizedColMap = new Set, this.colWidthsMap = new NumberMap_1.NumberMap, 
+        this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
+        internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : internalProps.colCount, 
         internalProps.limitMaxAutoWidth = null !== (_c = options.limitMaxAutoWidth) && void 0 !== _c ? _c : 450, 
-        this.dataSet = new vdataset_1.DataSet, null === (_d = internalProps.legends) || void 0 === _d || _d.release(), 
+        this._vDataSet = new vdataset_1.DataSet, null === (_d = internalProps.legends) || void 0 === _d || _d.release(), 
         null === (_e = internalProps.title) || void 0 === _e || _e.release(), internalProps.layoutMap.release(), 
         this.scenegraph.clearCells(), this.stateManeger.initState(), this._updateSize(), 
         options.legends && (internalProps.legends = new legend_1.TableLegend(options.legends, this), 
@@ -690,7 +682,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.menu = Object.assign({
             renderMode: "html"
         }, options.menu), "html" !== internalProps.menu.renderMode || internalProps.menuHandler || (internalProps.menuHandler = new MenuHandler_1.MenuHandler(this)), 
-        this.headerStyleCache = new Map, this.bodyStyleCache = new Map;
+        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.clearColWidthCache(), 
+        this.clearRowHeightCache();
     }
     getFrozenRowsHeight() {
         return this.getRowsHeight(0, this.frozenRowCount - 1);
@@ -879,10 +872,10 @@ class BaseTable extends EventTarget_1.EventTarget {
     get theme() {
         return this.internalProps.theme;
     }
-    set theme(theme) {
-        const t = themes_1.default.of(theme);
-        this.internalProps.theme = t || themes_1.default.DEFAULT, this.options.theme = theme, 
-        this.resize();
+    updateTheme(theme) {
+        this.internalProps.theme = themes_1.default.of(null != theme ? theme : themes_1.default.DEFAULT), 
+        this.options.theme = theme, this.scenegraph.clearCells(), this.headerStyleCache = new Map, 
+        this.bodyStyleCache = new Map, this.scenegraph.createSceneGraph(), this.render();
     }
     getBodyField(col, row) {
         return this.internalProps.layoutMap.getBody(col, row).field;
@@ -1096,6 +1089,12 @@ class BaseTable extends EventTarget_1.EventTarget {
     clearCellStyleCache() {
         this.headerStyleCache.clear();
     }
+    clearRowHeightCache() {
+        this.internalProps._rowHeightsMap.clear(), this._clearRowRangeHeightsMap();
+    }
+    clearColWidthCache() {
+        this.internalProps._colWidthsMap.clear(), this._clearColRangeWidthsMap();
+    }
     _canResizeColumn(col, row) {
         if (!(col >= 0 && row >= 0)) return !1;
         if (this.isCellRangeEqual(col, row, col + 1, row)) return !1;