@visactor/vtable 0.9.3-alpha.5 → 0.9.3-alpha.7

package/es/components/legend/legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/legend/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import { cloneDeep, get, merge } from '@visactor/vutils';\nimport type { ITableLegendOption } from '../../ts-types/component/legend';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { DiscreteLegend, LegendEvent } from '@visactor/vrender-components';\nimport { getLegendAttributes } from './get-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 TableLegend {\n  table: BaseTableAPI;\n  option: ITableLegendOption;\n  orient: IOrientType;\n  visible: boolean;\n  position: 'start' | 'middle' | 'end';\n  selectedData: (string | number)[];\n  legendComponent: DiscreteLegend;\n\n  constructor(option: ITableLegendOption, 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 ?? [];\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    // 调整位置\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    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.scenegraph.updateNextFrame();\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.scenegraph.updateNextFrame();\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.scenegraph.updateNextFrame();\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, { model: this, value: detail, event: e });\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.table.scenegraph.stage.defaultLayer.removeChild(this.legendComponent);\n    this.legendComponent = null;\n  }\n}\n"]}
+{"version":3,"sources":["components/legend/legend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,MAAM,OAAO,WAAW;IAStB,YAAY,MAA0B,EAAE,KAAmB;;QACzD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,mCAAI,MAAM,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,MAAA,MAAM,CAAC,OAAO,mCAAI,IAAI,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,MAAA,MAAM,CAAC,QAAQ,mCAAI,QAAQ,CAAC;QAC5C,IAAI,CAAC,YAAY,GAAG,MAAA,MAAM,CAAC,eAAe,mCAAI,EAAE,CAAC;QAEjD,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,eAAe;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC;YACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;YACnC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB;SACtC,CAAC,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,cAAc,CAC/B,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE;YACf,eAAe,EAAE,IAAI,CAAC,YAAY;SACnC,CAAC,CACH,CAAC;QACF,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE7D,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACR;QAED,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;YACjC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;YACnC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB;SACtC,CAAC,CAAC;QAEH,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACvD,CAAC;IAED,eAAe,CAAC,KAAU;;QAExB,IAAI,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5G,IAAI,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/G,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;QACjD,MAAM,OAAO,GAAG,YAAY,CAAC,MAAA,MAAA,KAAK,CAAC,OAAO,mCAAI,IAAI,CAAC,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC;QAEzE,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;YAC1B,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GAAG,CAAC,CAAC;YACN,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;SAClC;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;YAChC,CAAC,GAAG,CAAC,CAAC;YACN,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACf,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;SACnC;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO,EAAE;YAClC,CAAC,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC,GAAG,CAAC,CAAC;YACN,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;SAClC;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YACnC,CAAC,GAAG,CAAC,CAAC;YACN,CAAC,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;SACnC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;QAC7F,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE/B,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,IAAI,MAAM,KAAK,YAAY,EAAE;YAC3B,IAAI,QAAQ,KAAK,QAAQ,EAAE;gBACzB,OAAO,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;aACnC;iBAAM,IAAI,QAAQ,KAAK,KAAK,EAAE;gBAC7B,OAAO,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;aAC1C;iBAAM;gBACL,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;aACtB;SACF;aAAM;YACL,IAAI,QAAQ,KAAK,QAAQ,EAAE;gBACzB,OAAO,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;aACrC;iBAAM,IAAI,QAAQ,KAAK,KAAK,EAAE;gBAC7B,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;aAC5C;iBAAM;gBACL,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;aACtB;SACF;QAED,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;YACjC,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,CAAC;YACD,CAAC;SACF,CAAC,CAAC;QAGH,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;YAC1B,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/E,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;YAChC,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAClF,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACxC;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAChF;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACnF;IACH,CAAC;IAED,mBAAmB,CAAC,IAAS;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;QAC7F,MAAM,KAAK,mBACT,MAAM,EACN,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAE5B,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,IACnB,mBAAmB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAC1C,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;IAC1B,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,WAAW,CAAC,eAAe,EAAE,CAAC,CAAM,EAAE,EAAE;gBAC5E,MAAM,YAAY,GAAG,GAAG,CAAC,CAAC,EAAE,wBAAwB,CAAC,CAAC;gBACtD,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;gBACxC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/G,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,WAAW,CAAC,eAAe,EAAE,CAAC,CAAM,EAAE,EAAE;gBAC5E,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;gBAChC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;gBACxC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YACzG,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAM,EAAE,EAAE;gBAC9E,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;gBAChC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;gBACxC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAC3G,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,eAAe;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9G,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjH,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;SACf,CAAC;IACJ,CAAC;IACD,OAAO;QACL,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,CAAC;CACF","file":"legend.js","sourcesContent":["import { cloneDeep, get, merge } from '@visactor/vutils';\nimport type { ITableLegendOption } from '../../ts-types/component/legend';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { DiscreteLegend, LegendEvent } from '@visactor/vrender-components';\nimport { getLegendAttributes } from './get-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 TableLegend {\n  table: BaseTableAPI;\n  option: ITableLegendOption;\n  orient: IOrientType;\n  visible: boolean;\n  position: 'start' | 'middle' | 'end';\n  selectedData: (string | number)[];\n  legendComponent: DiscreteLegend;\n\n  constructor(option: ITableLegendOption, 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 ?? [];\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    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.scenegraph.updateNextFrame();\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.scenegraph.updateNextFrame();\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.scenegraph.updateNextFrame();\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, { model: this, value: detail, event: e });\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/es/components/title/title.d.ts

@@ -1,3 +1,4 @@
+import type { TitleAttrs } from '@visactor/vrender-components';
 import type { ITitle } from '../../ts-types/component/title';
 import type { BaseTableAPI } from '../../ts-types/base-table';
 export declare class Title {
@@ -7,6 +8,8 @@ export declare class Title {
     private _cacheAttrs;
     constructor(titleOption: ITitle, table: BaseTableAPI);
     private _createOrUpdateTitleComponent;
+    resize(): void;
+    _adjustTableSize(attrs: TitleAttrs): void;
     release(): void;
     private _getTitleAttrs;
 }

package/es/components/title/title.js

@@ -9,16 +9,35 @@ export class Title {
         this.table = table, this._titleOption = titleOption, this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());
     }
     _createOrUpdateTitleComponent(attrs) {
-        var _a, _b, _c, _d;
         if (this._titleComponent) isEqual(attrs, this._cacheAttrs) || this._titleComponent.setAttributes(attrs); else {
             const title = new TitleComponents(attrs);
             title.name = "title", this.table.scenegraph.stage.defaultLayer.appendChild(title), 
             this._titleComponent = title;
         }
+        return this._adjustTableSize(this._titleComponent.attribute), this._titleComponent;
+    }
+    resize() {
+        var _a, _b, _c, _d;
+        if (!this._titleComponent) return;
+        const padding = getQuadProps(null !== (_a = this._titleOption.padding) && void 0 !== _a ? _a : 10), realWidth = null !== (_b = this._titleOption.width) && void 0 !== _b ? _b : this.table.tableNoFrameWidth - padding[1] - padding[3];
+        this._titleComponent.setAttributes({
+            x: (null !== (_c = this._titleOption.x) && void 0 !== _c ? _c : "right" === this._titleOption.orient) ? this.table.tableX + this.table.tableNoFrameWidth : this.table.tableX,
+            y: (null !== (_d = this._titleOption.y) && void 0 !== _d ? _d : "bottom" === this._titleOption.orient) ? this.table.tableY + this.table.tableNoFrameHeight : this.table.tableY,
+            width: realWidth,
+            textStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.textStyle),
+            subtextStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.subtextStyle)
+        }), this._adjustTableSize(this._titleComponent.attribute);
+    }
+    _adjustTableSize(attrs) {
+        var _a, _b, _c, _d;
         let width = isFinite(this._titleComponent.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;
         const height = isFinite(this._titleComponent.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0, rectWidth = this.table.tableNoFrameWidth, rectHeight = this.table.tableNoFrameHeight, padding = getQuadProps(null !== (_b = null !== (_a = attrs.padding) && void 0 !== _a ? _a : this._titleOption.padding) && void 0 !== _b ? _b : 10);
         let x = 0, y = 0;
-        return "left" === this._titleOption.orient ? (x = padding[3], y = 0) : "top" === this._titleOption.orient ? (x = 0, 
+        "left" === this._titleOption.orient ? (x = padding[3], y = 0) : "top" === this._titleOption.orient ? (x = 0, 
         y = padding[0]) : "right" === this._titleOption.orient ? (x = rectWidth - width - padding[1], 
         y = 0, width += padding[1] + padding[3]) : "bottom" === this._titleOption.orient && (x = 0, 
         y = rectHeight - height - padding[2]), "left" === this._titleOption.orient ? (this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width), 
@@ -27,7 +46,7 @@ export class Title {
         this._cacheAttrs = attrs, "right" !== this._titleOption.orient && "bottom" !== this._titleOption.orient || this._titleComponent.setAttributes({
             x: (null !== (_c = this._titleOption.x) && void 0 !== _c ? _c : "right" === this._titleOption.orient) ? this.table.tableX + this.table.tableNoFrameWidth : this.table.tableX,
             y: (null !== (_d = this._titleOption.y) && void 0 !== _d ? _d : "bottom" === this._titleOption.orient) ? this.table.tableY + this.table.tableNoFrameHeight : this.table.tableY
-        }), this._titleComponent;
+        });
     }
     release() {
         this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent), this._titleComponent = null;

package/es/components/title/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { ITitle } from '../../ts-types/component/title';\nimport { getQuadProps } from '../../scenegraph/utils/padding';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { isEqual } from '@visactor/vutils';\nexport class Title {\n  table: BaseTableAPI;\n  _titleOption: ITitle;\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n  constructor(titleOption: ITitle, table: BaseTableAPI) {\n    this.table = table;\n    this._titleOption = titleOption;\n    this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      this.table.scenegraph.stage.defaultLayer.appendChild(title);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      // title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as INode, event, type));\n    }\n    // update table size\n\n    // 调整位置\n    let width = isFinite(this._titleComponent.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;\n    const height = isFinite(this._titleComponent.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;\n    const rectWidth = this.table.tableNoFrameWidth;\n    const rectHeight = this.table.tableNoFrameHeight;\n    const padding = getQuadProps((attrs.padding as number | number[]) ?? this._titleOption.padding ?? 10);\n\n    let x = 0;\n    let y = 0;\n    if (this._titleOption.orient === 'left') {\n      x = padding[3];\n      y = 0;\n      // width += padding[1] + padding[3];\n    } else if (this._titleOption.orient === 'top') {\n      x = 0;\n      y = padding[0];\n      // height += padding[0] + padding[2];\n    } else if (this._titleOption.orient === 'right') {\n      x = rectWidth - width - padding[1];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this._titleOption.orient === 'bottom') {\n      x = 0;\n      y = rectHeight - height - padding[2];\n      // height += padding[0] + padding[2];\n    }\n    if (this._titleOption.orient === 'left') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n      this.table.tableX += Math.ceil(width);\n    } else if (this._titleOption.orient === 'top') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n      this.table.tableY += Math.ceil(height);\n    } else if (this._titleOption.orient === 'right') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n    } else if (this._titleOption.orient === 'bottom') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n    }\n    this._cacheAttrs = attrs;\n    if (this._titleOption.orient === 'right' || this._titleOption.orient === 'bottom') {\n      this._titleComponent.setAttributes({\n        x:\n          this._titleOption.x ?? this._titleOption.orient === 'right'\n            ? this.table.tableX + this.table.tableNoFrameWidth\n            : this.table.tableX,\n        y:\n          this._titleOption.y ?? this._titleOption.orient === 'bottom'\n            ? this.table.tableY + this.table.tableNoFrameHeight\n            : this.table.tableY\n      });\n    }\n    return this._titleComponent;\n  }\n\n  release(): void {\n    this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent);\n    this._titleComponent = null;\n  }\n  private _getTitleAttrs() {\n    const padding = getQuadProps(this._titleOption.padding ?? 10);\n    const realWidth = this._titleOption.width ?? this.table.tableNoFrameWidth - padding[1] - padding[3];\n    return {\n      text: this._titleOption.text ?? '',\n      subtext: this._titleOption.subtext ?? '',\n      x:\n        this._titleOption.x ?? this._titleOption.orient === 'right'\n          ? this.table.tableX + this.table.tableNoFrameWidth\n          : this.table.tableX,\n      y:\n        this._titleOption.y ?? this._titleOption.orient === 'bottom'\n          ? this.table.tableY + this.table.tableNoFrameHeight\n          : this.table.tableY,\n      width: realWidth,\n      height: this._titleOption.height,\n      minWidth: this._titleOption.minWidth,\n      maxWidth: this._titleOption.maxWidth,\n      minHeight: this._titleOption.minHeight,\n      maxHeight: this._titleOption.maxHeight,\n      padding: this._titleOption.padding,\n      align: this._titleOption.align ?? 'left',\n      verticalAlign: this._titleOption.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...this._titleOption.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._titleOption.subtextStyle\n      }\n    } as TitleAttrs;\n  }\n}\n"]}
+{"version":3,"sources":["components/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { ITitle } from '../../ts-types/component/title';\nimport { getQuadProps } from '../../scenegraph/utils/padding';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { isEqual } from '@visactor/vutils';\nexport class Title {\n  table: BaseTableAPI;\n  _titleOption: ITitle;\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n  constructor(titleOption: ITitle, table: BaseTableAPI) {\n    this.table = table;\n    this._titleOption = titleOption;\n    this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      this.table.scenegraph.stage.defaultLayer.appendChild(title);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      // title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as INode, event, type));\n    }\n    // update table size\n    this._adjustTableSize(this._titleComponent.attribute);\n    return this._titleComponent;\n  }\n\n  resize() {\n    if (!this._titleComponent) {\n      return;\n    }\n    const padding = getQuadProps(this._titleOption.padding ?? 10);\n    const realWidth = this._titleOption.width ?? this.table.tableNoFrameWidth - padding[1] - padding[3];\n    this._titleComponent.setAttributes({\n      x:\n        this._titleOption.x ?? this._titleOption.orient === 'right'\n          ? this.table.tableX + this.table.tableNoFrameWidth\n          : this.table.tableX,\n      y:\n        this._titleOption.y ?? this._titleOption.orient === 'bottom'\n          ? this.table.tableY + this.table.tableNoFrameHeight\n          : this.table.tableY,\n      width: realWidth,\n      textStyle: {\n        width: realWidth,\n        ...this._titleOption.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._titleOption.subtextStyle\n      }\n    });\n    this._adjustTableSize(this._titleComponent.attribute);\n  }\n\n  _adjustTableSize(attrs: TitleAttrs) {\n    // 调整位置\n    let width = isFinite(this._titleComponent.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;\n    const height = isFinite(this._titleComponent.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;\n    const rectWidth = this.table.tableNoFrameWidth;\n    const rectHeight = this.table.tableNoFrameHeight;\n    const padding = getQuadProps((attrs.padding as number | number[]) ?? this._titleOption.padding ?? 10);\n\n    let x = 0;\n    let y = 0;\n    if (this._titleOption.orient === 'left') {\n      x = padding[3];\n      y = 0;\n      // width += padding[1] + padding[3];\n    } else if (this._titleOption.orient === 'top') {\n      x = 0;\n      y = padding[0];\n      // height += padding[0] + padding[2];\n    } else if (this._titleOption.orient === 'right') {\n      x = rectWidth - width - padding[1];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this._titleOption.orient === 'bottom') {\n      x = 0;\n      y = rectHeight - height - padding[2];\n      // height += padding[0] + padding[2];\n    }\n    if (this._titleOption.orient === 'left') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n      this.table.tableX += Math.ceil(width);\n    } else if (this._titleOption.orient === 'top') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n      this.table.tableY += Math.ceil(height);\n    } else if (this._titleOption.orient === 'right') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n    } else if (this._titleOption.orient === 'bottom') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n    }\n    this._cacheAttrs = attrs;\n    if (this._titleOption.orient === 'right' || this._titleOption.orient === 'bottom') {\n      this._titleComponent.setAttributes({\n        x:\n          this._titleOption.x ?? this._titleOption.orient === 'right'\n            ? this.table.tableX + this.table.tableNoFrameWidth\n            : this.table.tableX,\n        y:\n          this._titleOption.y ?? this._titleOption.orient === 'bottom'\n            ? this.table.tableY + this.table.tableNoFrameHeight\n            : this.table.tableY\n      });\n    }\n  }\n\n  release(): void {\n    this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent);\n    this._titleComponent = null;\n  }\n  private _getTitleAttrs() {\n    const padding = getQuadProps(this._titleOption.padding ?? 10);\n    const realWidth = this._titleOption.width ?? this.table.tableNoFrameWidth - padding[1] - padding[3];\n    return {\n      text: this._titleOption.text ?? '',\n      subtext: this._titleOption.subtext ?? '',\n      x:\n        this._titleOption.x ?? this._titleOption.orient === 'right'\n          ? this.table.tableX + this.table.tableNoFrameWidth\n          : this.table.tableX,\n      y:\n        this._titleOption.y ?? this._titleOption.orient === 'bottom'\n          ? this.table.tableY + this.table.tableNoFrameHeight\n          : this.table.tableY,\n      width: realWidth,\n      height: this._titleOption.height,\n      minWidth: this._titleOption.minWidth,\n      maxWidth: this._titleOption.maxWidth,\n      minHeight: this._titleOption.minHeight,\n      maxHeight: this._titleOption.maxHeight,\n      padding: this._titleOption.padding,\n      align: this._titleOption.align ?? 'left',\n      verticalAlign: this._titleOption.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...this._titleOption.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._titleOption.subtextStyle\n      }\n    } as TitleAttrs;\n  }\n}\n"]}

package/es/core/BaseTable.d.ts

@@ -50,9 +50,10 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     id: string;
     headerStyleCache: any;
     bodyStyleCache: any;
-    constructor(options?: BaseTableConstructorOptions);
+    container: HTMLElement;
+    constructor(container: HTMLElement, options?: BaseTableConstructorOptions);
     throttleInvalidate: (this: any, ...args: any[]) => void;
-    getParentElement(): HTMLElement;
+    getContainer(): HTMLElement;
     getElement(): HTMLElement;
     get canvas(): HTMLCanvasElement;
     resize(): void;
@@ -115,7 +116,6 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     getColsWidth(startCol: number, endCol: number): number;
     getRowHeight(row: number): number;
     setRowHeight(row: number, height: number, clearCache?: boolean): void;
-    fillRowsHeight(rowStart: number, rowEnd: number, rowHeight: number): void;
     getRowsHeight(startRow: number, endRow: number): number;
     getColWidthDefine(col: number): string | number;
     getColWidth(col: number): number;
@@ -285,6 +285,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     getSelectedCellInfos(): CellInfo[][];
     measureText(text: string, font: {
         fontSize: number;
+        fontWeight: string | number;
         fontFamily: string;
     }): ITextSize;
     measureTextBounds(attributes: IWrapTextGraphicAttribute): ITextSize;

package/es/core/BaseTable.js

@@ -70,14 +70,15 @@ export class BaseTable extends EventTarget {
     static get EVENT_TYPE() {
         return TABLE_EVENT_TYPE;
     }
-    constructor(options = {}) {
+    constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g;
-        super(), this.showFrozenIcon = !0, this.showSort = !0, this.bottomFrozenRowCount = 0, 
-        this.rightFrozenColCount = 0, this.version = "0.9.3-alpha.5", this.id = `VTable${Date.now()}`, 
-        this.throttleInvalidate = throttle2(this.render.bind(this), 200);
-        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, parentElement: parentElement, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio} = options;
-        this.options = options, this._widthMode = widthMode, this._heightMode = heightMode, 
-        this._autoFillWidth = autoFillWidth, this.customRender = customRender, this.padding = {
+        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.bottomFrozenRowCount = 0, 
+        this.rightFrozenColCount = 0, this.version = "0.9.3-alpha.7", this.id = `VTable${Date.now()}`, 
+        this.throttleInvalidate = 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 = defaultPixelRatio} = options;
+        this.container = container, this.options = options, this.options.container = container, 
+        this._widthMode = widthMode, this._heightMode = heightMode, this._autoFillWidth = autoFillWidth, 
+        this.customRender = customRender, this.padding = {
             top: 0,
             right: 0,
             left: 0,
@@ -106,7 +107,7 @@ export class BaseTable extends EventTarget {
                 return this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
             }
         }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes.DEFAULT), 
-        parentElement ? (parentElement.innerHTML = "", parentElement.appendChild(internalProps.element), 
+        container ? (container.innerHTML = "", container.appendChild(internalProps.element), 
         this._updateSize()) : this._updateSize(), this.options = options, internalProps.theme = themes.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes.DEFAULT), 
         internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : internalProps.colCount, 
@@ -131,8 +132,8 @@ export class BaseTable extends EventTarget {
         "html" === internalProps.menu.renderMode && (internalProps.menuHandler = new MenuHandler(this)), 
         this.headerStyleCache = new Map, this.bodyStyleCache = new Map;
     }
-    getParentElement() {
-        return this.options.parentElement;
+    getContainer() {
+        return this.container;
     }
     getElement() {
         return this.internalProps.element;
@@ -141,7 +142,8 @@ export class BaseTable extends EventTarget {
         return this.internalProps.canvas;
     }
     resize() {
-        this._updateSize(), this.scenegraph.resize();
+        this._updateSize(), this.internalProps.legends && this.internalProps.legends.resize(), 
+        this.internalProps.title && this.internalProps.title.resize(), this.scenegraph.resize();
     }
     get rowCount() {
         return this.internalProps.rowCount;
@@ -349,11 +351,6 @@ export class BaseTable extends EventTarget {
     setRowHeight(row, height, clearCache) {
         this.rowHeightsMap.put(row, Math.round(height)), clearCache && this._clearRowRangeHeightsMap(row);
     }
-    fillRowsHeight(rowStart, rowEnd, rowHeight) {
-        var _a;
-        for (let row = rowStart; row <= rowEnd; row++) this.rowHeightsMap.put(row, Math.round(rowHeight)), 
-        this._rowRangeHeightsMap.set(`$0$${row}`, Math.round((null !== (_a = this._rowRangeHeightsMap.get("$0$" + (row - 1))) && void 0 !== _a ? _a : 0) + rowHeight));
-    }
     getRowsHeight(startRow, endRow) {
         var _a, _b;
         const cachedRowHeight = this._rowRangeHeightsMap.get(`$${startRow}$${endRow}`);