@visactor/vtable 1.5.4-beta.1 → 1.6.0-alpha.1

package/es/plugins/list-tree-stick-cell.js

@@ -0,0 +1,169 @@
+import { isArray } from "@visactor/vutils";
+
+import { Factory } from "../core/factory";
+
+import { Group } from "../scenegraph/graphic/group";
+
+import { createRect } from "../vrender";
+
+import { updateCell } from "../scenegraph/group-creater/cell-helper";
+
+import { getTargetCell } from "../event/util";
+
+export class ListTreeStickCellPlugin {
+    constructor(table) {
+        this.titleRows = [], this.showedTitleRows = [], this.rowNow = -1, this.skipStartRow = -1, 
+        this.skipEndRow = -1, this.table = table, this.table.on("scroll", (e => {
+            "vertical" === e.scrollDirection && this.updateGroupTitle();
+        }));
+    }
+    updateGroupTitle() {
+        -1 !== this.skipStartRow && -1 !== this.skipEndRow && this.skipStartRow !== this.table.scenegraph.proxy.bodyTopRow - 1 ? (this.table.scenegraph.proxy.screenTopRow <= this.skipStartRow || this.table.scenegraph.proxy.screenTopRow >= this.skipEndRow) && (this.skipStartRow = -1, 
+        this.skipEndRow = -1, this.updateGroupTitleInfo()) : (this.skipStartRow = -1, this.skipEndRow = -1, 
+        this.updateGroupTitleInfo()), this.updateScenegraph();
+    }
+    updateGroupTitleInfo() {
+        this.rowNow = this.table.scenegraph.proxy.screenTopRow + this.titleRows.length;
+        const recordIndex = this.table.getRecordIndexByCell(0, this.rowNow), nextRecordIndex = this.table.getRecordIndexByCell(0, this.rowNow + 1);
+        this.getTitleRowsByRecordIndex(recordIndex, nextRecordIndex);
+    }
+    getTitleRowsByRecordIndex(recordIndex, nextRecordIndex) {
+        const titleRecords = [];
+        isArray(recordIndex) || (recordIndex = [ recordIndex ]), isArray(nextRecordIndex) || (nextRecordIndex = [ nextRecordIndex ]);
+        for (let i = 0; i < recordIndex.length; i++) {
+            const index = recordIndex.slice(0, i + 1), record = this.table.dataSource.getRaw(index);
+            titleRecords.push(record);
+        }
+        const titleRows = [], isTitle = nextRecordIndex.length === recordIndex.length + 1;
+        let titleIndex = recordIndex.slice(0, isTitle ? recordIndex.length : recordIndex.length - 1);
+        const currentIndexedData = this.table.dataSource.currentIndexedData;
+        for (let i = this.rowNow - this.table.columnHeaderLevelCount; i >= 0; i--) {
+            const currentIndex = currentIndexedData[i];
+            if (isArray(currentIndex) && titleIndex.length === currentIndex.length) {
+                let isMatch = !0;
+                for (let j = 0; j < currentIndex.length; j++) if (currentIndex[j] !== titleIndex[j]) {
+                    isMatch = !1;
+                    break;
+                }
+                isMatch && (titleRows.push(i + this.table.columnHeaderLevelCount), titleIndex = titleIndex.slice(0, titleIndex.length - 1));
+            } else if (currentIndex === recordIndex[0]) {
+                titleRows.push(i + this.table.columnHeaderLevelCount);
+                break;
+            }
+        }
+        this.titleRows = titleRows.reverse();
+    }
+    updateScenegraph() {
+        const {table: table} = this, {shadowGroup: shadowGroup, shadowGroupFrozen: shadowGroupFrozen} = prepareShadowRoot(table);
+        this.showedTitleRows.length = 0;
+        let skip = 0;
+        for (let col = 0; col < table.colCount; col++) {
+            let colGroup;
+            col < table.frozenColCount ? (colGroup = new Group({
+                x: table.getColsWidth(0, col - 1),
+                y: table.getFrozenRowsHeight()
+            }), shadowGroupFrozen.add(colGroup)) : (colGroup = new Group({
+                x: table.getColsWidth(table.frozenColCount, col - 1),
+                y: table.getFrozenRowsHeight()
+            }), shadowGroup.add(colGroup)), colGroup.col = col;
+            for (let i = 0; i < this.titleRows.length; i++) {
+                const row = this.titleRows[i];
+                if (isSkipRow(row, this.rowNow, table.scenegraph.proxy.screenTopRow, this.titleRows)) {
+                    0 === col && skip++;
+                    continue;
+                }
+                0 === col && this.showedTitleRows.push(row);
+                const cell = table.scenegraph.getCell(col, row);
+                if ("cell" === cell.role) {
+                    const newCell = cloneGraphic(cell);
+                    newCell.setAttributes({
+                        y: 40 * i
+                    }), colGroup.add(newCell);
+                } else {
+                    const newCell = updateCell(col, row, table, !0, !0);
+                    newCell.setAttributes({
+                        y: 40 * i
+                    }), colGroup.add(newCell);
+                }
+            }
+        }
+        skip > 0 && -1 === this.skipStartRow && -1 === this.skipEndRow && (this.skipStartRow = table.scenegraph.proxy.screenTopRow - 1, 
+        this.skipEndRow = table.scenegraph.proxy.screenTopRow + 1);
+    }
+}
+
+function isSkipRow(row, topRow, screenTopRow, titleRows) {
+    if (row === topRow && row !== screenTopRow + titleRows.length - 1) return !0;
+    return row === screenTopRow + titleRows.indexOf(row) + 1 && row < topRow;
+}
+
+function cloneGraphic(graphic) {
+    const newGraphic = graphic.clone();
+    if (newGraphic.role = graphic.role, newGraphic.col = graphic.col, newGraphic.row = graphic.row, 
+    newGraphic.mergeStartCol = graphic.mergeStartCol, newGraphic.mergeStartRow = graphic.mergeStartRow, 
+    newGraphic.mergeEndCol = graphic.mergeEndCol, newGraphic.mergeEndRow = graphic.mergeEndRow, 
+    newGraphic.contentWidth = graphic.contentWidth, newGraphic.contentHeight = graphic.contentHeight, 
+    "cell" === newGraphic.role) {
+        const hackRect = createRect({
+            x: 0,
+            y: 0,
+            width: newGraphic.attribute.width,
+            height: newGraphic.attribute.height
+        });
+        newGraphic.add(hackRect);
+    }
+    if ("group" === graphic.type) {
+        const newGroup = newGraphic;
+        graphic.forEachChildren((child => {
+            const newChild = cloneGraphic(child);
+            newGroup.add(newChild);
+        }));
+    }
+    return newGraphic;
+}
+
+function prepareShadowRoot(table) {
+    const colHeaderGroup = table.scenegraph.colHeaderGroup, cornerHeaderGroup = table.scenegraph.cornerHeaderGroup;
+    if (!colHeaderGroup.border) {
+        const hackBorder = createRect({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        });
+        colHeaderGroup.add(hackBorder), colHeaderGroup.border = hackBorder, hackBorder.attachShadow(hackBorder.shadowRoot), 
+        hackBorder.name = "border-rect", hackBorder.addEventListener("click", (e => {
+            const titleRows = table.listTreeStickCellPlugin.titleRows, {shadowTarget: shadowTarget} = e.pickParams, cellGroup = getTargetCell(shadowTarget), {col: col, row: row} = cellGroup, rowIndex = titleRows.indexOf(row);
+            table.scrollToCell({
+                col: col,
+                row: row - rowIndex
+            });
+        }));
+    }
+    if (!cornerHeaderGroup.border) {
+        const hackBorder = createRect({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        });
+        cornerHeaderGroup.add(hackBorder), cornerHeaderGroup.border = hackBorder, hackBorder.attachShadow(hackBorder.shadowRoot), 
+        hackBorder.name = "border-rect", hackBorder.addEventListener("click", (e => {
+            const titleRows = table.listTreeStickCellPlugin.titleRows, {shadowTarget: shadowTarget} = e.pickParams, cellGroup = getTargetCell(shadowTarget), {col: col, row: row} = cellGroup, rowIndex = titleRows.indexOf(row);
+            table.scrollToCell({
+                col: col,
+                row: row - rowIndex
+            });
+        }));
+    }
+    const shadowGroup = colHeaderGroup.border.shadowRoot, shadowGroupFrozen = cornerHeaderGroup.border.shadowRoot;
+    return shadowGroup.removeAllChild(), shadowGroupFrozen.removeAllChild(), {
+        shadowGroup: shadowGroup,
+        shadowGroupFrozen: shadowGroupFrozen
+    };
+}
+
+export const registerListTreeStickCellPlugin = () => {
+    Factory.registerComponent("listTreeStickCellPlugin", ListTreeStickCellPlugin);
+};
+//# sourceMappingURL=list-tree-stick-cell.js.map

package/es/plugins/list-tree-stick-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugins/list-tree-stick-cell.ts"],"names":[],"mappings":"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","file":"list-tree-stick-cell.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport type { ListTable } from '../ListTable';\nimport { Factory } from '../core/factory';\nimport { Group } from '../scenegraph/graphic/group';\nimport { createRect, type Graphic } from '../vrender';\nimport { updateCell } from '../scenegraph/group-creater/cell-helper';\nimport { getTargetCell } from '../event/util';\n\nexport class ListTreeStickCellPlugin {\n  table: ListTable;\n  titleRows: number[] = [];\n  showedTitleRows: number[] = [];\n  rowNow: number = -1;\n  skipStartRow: number = -1;\n  skipEndRow: number = -1;\n\n  constructor(table: ListTable) {\n    this.table = table;\n\n    this.table.on('scroll', e => {\n      if (e.scrollDirection !== 'vertical') {\n        return;\n      }\n      this.updateGroupTitle();\n    });\n  }\n\n  updateGroupTitle() {\n    // this.updateGroupTitleInfo();\n    if (\n      this.skipStartRow !== -1 &&\n      this.skipEndRow !== -1 &&\n      this.skipStartRow !== this.table.scenegraph.proxy.bodyTopRow - 1\n    ) {\n      if (\n        this.table.scenegraph.proxy.screenTopRow <= this.skipStartRow ||\n        this.table.scenegraph.proxy.screenTopRow >= this.skipEndRow\n      ) {\n        this.skipStartRow = -1;\n        this.skipEndRow = -1;\n        this.updateGroupTitleInfo();\n      } else {\n        // const row = this.table.scenegraph.proxy.screenTopRow + titleRows.length;\n        // nowRow = row;\n        // renderLast = true;\n        // do nothing\n      }\n    } else {\n      this.skipStartRow = -1;\n      this.skipEndRow = -1;\n      this.updateGroupTitleInfo();\n    }\n\n    this.updateScenegraph();\n  }\n\n  updateGroupTitleInfo() {\n    this.rowNow = this.table.scenegraph.proxy.screenTopRow + this.titleRows.length;\n    const recordIndex = this.table.getRecordIndexByCell(0, this.rowNow); // [0, 0, 6]/0\n    const nextRecordIndex = this.table.getRecordIndexByCell(0, this.rowNow + 1);\n    this.getTitleRowsByRecordIndex(recordIndex, nextRecordIndex);\n  }\n\n  getTitleRowsByRecordIndex(recordIndex: number | number[], nextRecordIndex: number | number[]) {\n    const titleRecords = [];\n    if (!isArray(recordIndex)) {\n      recordIndex = [recordIndex];\n    }\n    if (!isArray(nextRecordIndex)) {\n      nextRecordIndex = [nextRecordIndex];\n    }\n\n    for (let i = 0; i < recordIndex.length; i++) {\n      const index = recordIndex.slice(0, i + 1);\n      const record = this.table.dataSource.getRaw(index as unknown as number);\n      titleRecords.push(record);\n    }\n\n    const titleRows = [];\n    // const isTitle = !(recordIndex.length === (this.table.options.groupBy as any).length + 1);\n    const isTitle = nextRecordIndex.length === recordIndex.length + 1;\n    let titleIndex = recordIndex.slice(0, !isTitle ? recordIndex.length - 1 : recordIndex.length);\n    const currentIndexedData = this.table.dataSource.currentIndexedData;\n    const startIndex = this.rowNow - this.table.columnHeaderLevelCount;\n\n    for (let i = startIndex; i >= 0; i--) {\n      const currentIndex = currentIndexedData[i];\n      if (isArray(currentIndex) && titleIndex.length === currentIndex.length) {\n        let isMatch = true;\n        for (let j = 0; j < currentIndex.length; j++) {\n          if (currentIndex[j] !== titleIndex[j]) {\n            isMatch = false;\n            break;\n          }\n        }\n        if (isMatch) {\n          titleRows.push(i + this.table.columnHeaderLevelCount);\n          titleIndex = titleIndex.slice(0, titleIndex.length - 1);\n        }\n      } else if (currentIndex === recordIndex[0]) {\n        titleRows.push(i + this.table.columnHeaderLevelCount);\n        break;\n      }\n    }\n\n    this.titleRows = titleRows.reverse();\n  }\n\n  updateScenegraph() {\n    const { table } = this;\n    const { shadowGroup, shadowGroupFrozen } = prepareShadowRoot(table);\n\n    this.showedTitleRows.length = 0;\n    let skip = 0;\n    for (let col = 0; col < table.colCount; col++) {\n      let colGroup;\n      if (col < table.frozenColCount) {\n        colGroup = new Group({\n          x: table.getColsWidth(0, col - 1),\n          y: table.getFrozenRowsHeight()\n        });\n        shadowGroupFrozen.add(colGroup);\n      } else {\n        colGroup = new Group({\n          x: table.getColsWidth(table.frozenColCount, col - 1),\n          y: table.getFrozenRowsHeight()\n        });\n        shadowGroup.add(colGroup);\n      }\n      colGroup.col = col;\n      for (let i = 0; i < this.titleRows.length; i++) {\n        const row = this.titleRows[i];\n        if (isSkipRow(row, this.rowNow, table.scenegraph.proxy.screenTopRow, this.titleRows)) {\n          // skipOne = true;\n          col === 0 && skip++;\n          continue;\n        }\n        if (col === 0) {\n          this.showedTitleRows.push(row);\n        }\n        const cell = table.scenegraph.getCell(col, row);\n        if (cell.role === 'cell') {\n          const newCell = cloneGraphic(cell);\n          newCell.setAttributes({\n            y: i * 40\n          });\n          colGroup.add(newCell);\n        } else {\n          // create a fake cellGroup for title\n          const newCell = updateCell(col, row, table, true, true);\n          newCell.setAttributes({\n            y: i * 40\n          });\n          colGroup.add(newCell);\n        }\n      }\n    }\n\n    if (skip > 0 && this.skipStartRow === -1 && this.skipEndRow === -1) {\n      this.skipStartRow = table.scenegraph.proxy.screenTopRow - 1;\n      this.skipEndRow = table.scenegraph.proxy.screenTopRow + 1;\n    }\n  }\n}\n\nfunction isSkipRow(row: number, topRow: number, screenTopRow: number, titleRows: number[]) {\n  if (row === topRow && row !== screenTopRow + titleRows.length - 1) {\n    return true;\n  }\n\n  const rowIndex = titleRows.indexOf(row);\n  const rowLimit = screenTopRow + rowIndex + 1;\n  if (row === rowLimit && row < topRow) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction cloneGraphic(graphic: Graphic) {\n  const newGraphic = graphic.clone();\n  (newGraphic as any).role = (graphic as any).role;\n  (newGraphic as any).col = (graphic as any).col;\n  (newGraphic as any).row = (graphic as any).row;\n  (newGraphic as any).mergeStartCol = (graphic as any).mergeStartCol;\n  (newGraphic as any).mergeStartRow = (graphic as any).mergeStartRow;\n  (newGraphic as any).mergeEndCol = (graphic as any).mergeEndCol;\n  (newGraphic as any).mergeEndRow = (graphic as any).mergeEndRow;\n  (newGraphic as any).contentWidth = (graphic as any).contentWidth;\n  (newGraphic as any).contentHeight = (graphic as any).contentHeight;\n\n  if ((newGraphic as any).role === 'cell') {\n    // hack for vrender not support shadow group pick\n    const hackRect = createRect({\n      x: 0,\n      y: 0,\n      width: newGraphic.attribute.width,\n      height: newGraphic.attribute.height\n    });\n    newGraphic.add(hackRect);\n  }\n\n  if (graphic.type === 'group') {\n    const newGroup = newGraphic as Group;\n    graphic.forEachChildren(child => {\n      const newChild = cloneGraphic(child as any);\n      newGroup.add(newChild);\n    });\n  }\n  return newGraphic;\n}\n\nfunction prepareShadowRoot(table: ListTable) {\n  const colHeaderGroup = table.scenegraph.colHeaderGroup;\n  const cornerHeaderGroup = table.scenegraph.cornerHeaderGroup;\n  if (!colHeaderGroup.border) {\n    const hackBorder = createRect({\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    });\n    colHeaderGroup.add(hackBorder);\n    colHeaderGroup.border = hackBorder;\n    (hackBorder as any).attachShadow(hackBorder.shadowRoot);\n    hackBorder.name = 'border-rect';\n\n    hackBorder.addEventListener('click', (e: any) => {\n      const titleRows = table.listTreeStickCellPlugin.titleRows;\n      const { shadowTarget } = e.pickParams;\n      const cellGroup = getTargetCell(shadowTarget);\n      const { col, row } = cellGroup;\n      const rowIndex = titleRows.indexOf(row);\n      table.scrollToCell({ col, row: row - rowIndex });\n    });\n  }\n\n  if (!cornerHeaderGroup.border) {\n    const hackBorder = createRect({\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    });\n    cornerHeaderGroup.add(hackBorder);\n    cornerHeaderGroup.border = hackBorder;\n    (hackBorder as any).attachShadow(hackBorder.shadowRoot);\n    hackBorder.name = 'border-rect';\n\n    hackBorder.addEventListener('click', (e: any) => {\n      const titleRows = table.listTreeStickCellPlugin.titleRows;\n      const { shadowTarget } = e.pickParams;\n      const cellGroup = getTargetCell(shadowTarget);\n      const { col, row } = cellGroup;\n      const rowIndex = titleRows.indexOf(row);\n      table.scrollToCell({ col, row: row - rowIndex });\n    });\n  }\n\n  const shadowGroup = colHeaderGroup.border.shadowRoot;\n  const shadowGroupFrozen = cornerHeaderGroup.border.shadowRoot;\n  shadowGroup.removeAllChild();\n  shadowGroupFrozen.removeAllChild();\n\n  return { shadowGroup, shadowGroupFrozen };\n}\n\nexport const registerListTreeStickCellPlugin = () => {\n  Factory.registerComponent('listTreeStickCellPlugin', ListTreeStickCellPlugin);\n};\n\nexport type IListTreeStickCellPlugin = typeof ListTreeStickCellPlugin;\n"]}

package/es/plugins/themes.js

@@ -1,2 +1,2 @@
 export const themes = {};
-//# sourceMappingURL=themes.js.map
+//# sourceMappingURL=themes.js.map

package/es/scenegraph/debug-tool/debug-tool.js

@@ -58,10 +58,7 @@ export class DebugTool {
         }, this._stage.addEventListener("pointerleave", this._callback.pointerleave);
     }
     addHighlightBounds(bounds) {
-        var _a, _b, _c, _d, _e, _f;
-        const table = this._stage.table, stageMatrix = table.scenegraph.stage.window.getViewBoxTransform();
-        this._highlightRect.style.left = `${bounds.x1 + (null !== (_a = stageMatrix.e) && void 0 !== _a ? _a : 0) + (null !== (_c = null === (_b = table.options.viewBox) || void 0 === _b ? void 0 : _b.x1) && void 0 !== _c ? _c : 0)}px`, 
-        this._highlightRect.style.top = `${bounds.y1 + (null !== (_d = stageMatrix.f) && void 0 !== _d ? _d : 0) + (null !== (_f = null === (_e = table.options.viewBox) || void 0 === _e ? void 0 : _e.y1) && void 0 !== _f ? _f : 0)}px`, 
+        this._highlightRect.style.left = `${bounds.x1}px`, this._highlightRect.style.top = `${bounds.y1}px`, 
         this._highlightRect.style.width = `${bounds.width()}px`, this._highlightRect.style.height = `${bounds.height()}px`;
     }
     updateInfo() {

package/es/scenegraph/debug-tool/debug-tool.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scenegraph/debug-tool/debug-tool.ts"],"names":[],"mappings":"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","file":"debug-tool.js","sourcesContent":["import type { FederatedPointerEvent, IStage, IRect, IGraphic } from './../../vrender';\nimport { createRect, getTheme } from './../../vrender';\nimport JSONFormatter from 'json-formatter-js';\n\nexport interface DebugToolOptions {\n  container?: HTMLElement;\n  infoPosition?: 'tl' | 'tr' | 'bl' | 'br';\n  infoWidth?: number;\n  infoHeight?: number;\n  mode?: 'hover' | 'click';\n  customGrapicKeys?: string[];\n}\n\nexport class DebugTool {\n  _stage: IStage;\n  _infoContainer: HTMLElement;\n  _highlightRect: HTMLElement;\n  _target: IGraphic;\n  // _rect: IRect;\n  _mode: 'hover' | 'click' = 'hover';\n  _customGrapicKeys?: string[];\n  _modeTip: HTMLElement;\n  _callback: {\n    pointermove: (e: FederatedPointerEvent) => void;\n    pointerup: (e: FederatedPointerEvent) => void;\n    pointerleave: (e: FederatedPointerEvent) => void;\n    keydown: (e: KeyboardEvent) => void;\n  };\n\n  constructor(stage: IStage, options?: DebugToolOptions) {\n    this._stage = stage;\n    this._callback = {} as any;\n\n    if (options?.customGrapicKeys) {\n      this._customGrapicKeys = options.customGrapicKeys;\n    }\n\n    // 创建信息框\n    if (options?.container) {\n      this._infoContainer = options.container;\n    } else {\n      this.createInfoContainer(options);\n    }\n\n    // 创建高亮矩形\n    this.createHighlightRect();\n\n    // 绑定stage事件\n    this.bindStageEvent();\n\n    // 绑定键盘事件\n    this.bindKeyEvent();\n  }\n\n  createInfoContainer(options?: DebugToolOptions) {\n    const position = options?.infoPosition || 'tr';\n    const width = options?.infoWidth || 300;\n    const height = options?.infoPosition || 400;\n    this._infoContainer = document.createElement('div');\n    this._infoContainer.style.position = 'fixed';\n    this._infoContainer.style.width = `${width}px`;\n    this._infoContainer.style.height = `${height}px`;\n    this._infoContainer.style.backgroundColor = 'rgba(210, 210, 210, 0.3)';\n    this._infoContainer.style.overflow = 'auto';\n    this._infoContainer.style.display = 'none';\n    switch (position) {\n      case 'tl':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'tr':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.right = `0px`;\n        break;\n      case 'bl':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'br':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.right = `0px`;\n        break;\n    }\n\n    // Tip\n    // debug 模式：hover（shift + s改变模式；shift + d控制台输出target graphic）\n    const tip = document.createElement('div');\n    const tipSpan1 = document.createElement('span');\n    tipSpan1.innerText = 'debug 模式：';\n    tip.appendChild(tipSpan1);\n    this._modeTip = document.createElement('span');\n    this._modeTip.innerText = this._mode;\n    tip.appendChild(this._modeTip);\n    const tipSpan2 = document.createElement('span');\n    tipSpan2.innerText = '（shift + s改变模式；shift + d控制台输出target graphic）';\n    tip.appendChild(tipSpan2);\n    this._infoContainer.appendChild(tip);\n\n    // document.body.append(this._infoContainer);\n    this._stage.window.getContainer().append(this._infoContainer);\n  }\n\n  createHighlightRect() {\n    const container = this._stage.window.getContainer();\n    this._highlightRect = document.createElement('div');\n    this._highlightRect.style.display = 'absolute';\n    this._highlightRect.style.border = '1px solid red';\n    this._highlightRect.style.pointerEvents = 'none';\n    this._highlightRect.style.position = 'absolute';\n    container.appendChild(this._highlightRect);\n  }\n\n  bindStageEvent() {\n    this._callback.pointermove = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'hover') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointermove', this._callback.pointermove);\n\n    this._callback.pointerup = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'click') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerup', this._callback.pointerup);\n\n    this._callback.pointerleave = (e: FederatedPointerEvent) => {\n      if (this._mode === 'hover') {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerleave', this._callback.pointerleave);\n  }\n\n  addHighlightBounds(bounds: any) {\n    // 使用VRender绘制高亮框会导致触发多余渲染，因此使用dom\n    // this._rect.setAttributes({\n    //   x: bounds.x1,\n    //   y: bounds.y1,\n    //   width: bounds.width(),\n    //   height: bounds.height(),\n    //   visible: true,\n    // });\n\n    // // 保证rect在最上层\n    // this._stage.defaultLayer.appendChild(this._rect);\n    // this._stage.renderNextFrame();\n\n    const table = (this._stage as any).table;\n    const stage = table.scenegraph.stage;\n    const stageMatrix = stage.window.getViewBoxTransform();\n\n    this._highlightRect.style.left = `${bounds.x1 + (stageMatrix.e ?? 0) + (table.options.viewBox?.x1 ?? 0)}px`;\n    this._highlightRect.style.top = `${bounds.y1 + (stageMatrix.f ?? 0) + (table.options.viewBox?.y1 ?? 0)}px`;\n    this._highlightRect.style.width = `${bounds.width()}px`;\n    this._highlightRect.style.height = `${bounds.height()}px`;\n\n    console.log(this._highlightRect.style.left);\n  }\n\n  // removeHighlightBounds() {\n  //   this._rect.setAttribute('visible', false);\n  //   this._stage.renderNextFrame();\n  // }\n\n  updateInfo() {\n    if (!this._target) {\n      return;\n    }\n    // this._infoContainer.innerHTML = '';\n    if (this._infoContainer.children.length > 1) {\n      this._infoContainer.removeChild(this._infoContainer.children[1]);\n    }\n    this._infoContainer.style.display = 'block';\n\n    const info = {\n      customKeys: {},\n      type: this._target.type,\n      // role: (this._target as any).role,\n      globalX: this._target.globalTransMatrix.e,\n      globalY: this._target.globalTransMatrix.f,\n      attribute: this._target.attribute,\n      theme: getTheme(this._target)[this._target.type],\n      target: this._target\n    };\n\n    if (this._customGrapicKeys) {\n      this._customGrapicKeys.forEach(key => {\n        info.customKeys[key] = this._target[key];\n      });\n    } else {\n      delete info.customKeys;\n    }\n\n    const formatter = new JSONFormatter(info, 2);\n    this._infoContainer.appendChild(formatter.render());\n  }\n\n  clearInfo() {\n    this._infoContainer.style.display = 'none';\n  }\n\n  updateMode() {\n    this._modeTip.innerText = this._mode;\n  }\n\n  bindKeyEvent() {\n    this._callback.keydown = (e: KeyboardEvent) => {\n      if (e.key === 'D') {\n        console.log(this._target);\n      } else if (e.key === 'S') {\n        switch (this._mode) {\n          case 'click':\n            this._mode = 'hover';\n            break;\n          case 'hover':\n            this._mode = 'click';\n            break;\n        }\n        this.updateMode();\n      }\n    };\n    window.addEventListener('keydown', this._callback.keydown);\n  }\n\n  release() {\n    // 移除信息框\n    document.body.removeChild(this._infoContainer);\n\n    // 移除高亮框\n    this._highlightRect.parentElement.removeChild(this._highlightRect);\n\n    // 解绑stage事件\n    // this._stage.defaultLayer.removeChild(this._rect);\n    this._stage.removeEventListener('pointermove', this._callback.pointermove);\n    this._stage.removeEventListener('pointerup', this._callback.pointerup);\n    this._stage.removeEventListener('pointerleave', this._callback.pointerleave);\n\n    // 解绑键盘事件\n    window.removeEventListener('keydown', this._callback.keydown);\n  }\n}\n"]}
+{"version":3,"sources":["../src/scenegraph/debug-tool/debug-tool.ts"],"names":[],"mappings":"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","file":"debug-tool.js","sourcesContent":["import type { FederatedPointerEvent, IStage, IRect, IGraphic } from './../../vrender';\nimport { createRect, getTheme } from './../../vrender';\nimport JSONFormatter from 'json-formatter-js';\n\nexport interface DebugToolOptions {\n  container?: HTMLElement;\n  infoPosition?: 'tl' | 'tr' | 'bl' | 'br';\n  infoWidth?: number;\n  infoHeight?: number;\n  mode?: 'hover' | 'click';\n  customGrapicKeys?: string[];\n}\n\nexport class DebugTool {\n  _stage: IStage;\n  _infoContainer: HTMLElement;\n  _highlightRect: HTMLElement;\n  _target: IGraphic;\n  // _rect: IRect;\n  _mode: 'hover' | 'click' = 'hover';\n  _customGrapicKeys?: string[];\n  _modeTip: HTMLElement;\n  _callback: {\n    pointermove: (e: FederatedPointerEvent) => void;\n    pointerup: (e: FederatedPointerEvent) => void;\n    pointerleave: (e: FederatedPointerEvent) => void;\n    keydown: (e: KeyboardEvent) => void;\n  };\n\n  constructor(stage: IStage, options?: DebugToolOptions) {\n    this._stage = stage;\n    this._callback = {} as any;\n\n    if (options?.customGrapicKeys) {\n      this._customGrapicKeys = options.customGrapicKeys;\n    }\n\n    // 创建信息框\n    if (options?.container) {\n      this._infoContainer = options.container;\n    } else {\n      this.createInfoContainer(options);\n    }\n\n    // 创建高亮矩形\n    this.createHighlightRect();\n\n    // 绑定stage事件\n    this.bindStageEvent();\n\n    // 绑定键盘事件\n    this.bindKeyEvent();\n  }\n\n  createInfoContainer(options?: DebugToolOptions) {\n    const position = options?.infoPosition || 'tr';\n    const width = options?.infoWidth || 300;\n    const height = options?.infoPosition || 400;\n    this._infoContainer = document.createElement('div');\n    this._infoContainer.style.position = 'fixed';\n    this._infoContainer.style.width = `${width}px`;\n    this._infoContainer.style.height = `${height}px`;\n    this._infoContainer.style.backgroundColor = 'rgba(210, 210, 210, 0.3)';\n    this._infoContainer.style.overflow = 'auto';\n    this._infoContainer.style.display = 'none';\n    switch (position) {\n      case 'tl':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'tr':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.right = `0px`;\n        break;\n      case 'bl':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'br':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.right = `0px`;\n        break;\n    }\n\n    // Tip\n    // debug 模式：hover（shift + s改变模式；shift + d控制台输出target graphic）\n    const tip = document.createElement('div');\n    const tipSpan1 = document.createElement('span');\n    tipSpan1.innerText = 'debug 模式：';\n    tip.appendChild(tipSpan1);\n    this._modeTip = document.createElement('span');\n    this._modeTip.innerText = this._mode;\n    tip.appendChild(this._modeTip);\n    const tipSpan2 = document.createElement('span');\n    tipSpan2.innerText = '（shift + s改变模式；shift + d控制台输出target graphic）';\n    tip.appendChild(tipSpan2);\n    this._infoContainer.appendChild(tip);\n\n    // document.body.append(this._infoContainer);\n    this._stage.window.getContainer().append(this._infoContainer);\n  }\n\n  createHighlightRect() {\n    const container = this._stage.window.getContainer();\n    this._highlightRect = document.createElement('div');\n    this._highlightRect.style.display = 'absolute';\n    this._highlightRect.style.border = '1px solid red';\n    this._highlightRect.style.pointerEvents = 'none';\n    this._highlightRect.style.position = 'absolute';\n    container.appendChild(this._highlightRect);\n  }\n\n  bindStageEvent() {\n    this._callback.pointermove = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'hover') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointermove', this._callback.pointermove);\n\n    this._callback.pointerup = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'click') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerup', this._callback.pointerup);\n\n    this._callback.pointerleave = (e: FederatedPointerEvent) => {\n      if (this._mode === 'hover') {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerleave', this._callback.pointerleave);\n  }\n\n  addHighlightBounds(bounds: any) {\n    // 使用VRender绘制高亮框会导致触发多余渲染，因此使用dom\n    // this._rect.setAttributes({\n    //   x: bounds.x1,\n    //   y: bounds.y1,\n    //   width: bounds.width(),\n    //   height: bounds.height(),\n    //   visible: true,\n    // });\n\n    // // 保证rect在最上层\n    // this._stage.defaultLayer.appendChild(this._rect);\n    // this._stage.renderNextFrame();\n\n    this._highlightRect.style.left = `${bounds.x1}px`;\n    this._highlightRect.style.top = `${bounds.y1}px`;\n    this._highlightRect.style.width = `${bounds.width()}px`;\n    this._highlightRect.style.height = `${bounds.height()}px`;\n  }\n\n  // removeHighlightBounds() {\n  //   this._rect.setAttribute('visible', false);\n  //   this._stage.renderNextFrame();\n  // }\n\n  updateInfo() {\n    if (!this._target) {\n      return;\n    }\n    // this._infoContainer.innerHTML = '';\n    if (this._infoContainer.children.length > 1) {\n      this._infoContainer.removeChild(this._infoContainer.children[1]);\n    }\n    this._infoContainer.style.display = 'block';\n\n    const info = {\n      customKeys: {},\n      type: this._target.type,\n      // role: (this._target as any).role,\n      globalX: this._target.globalTransMatrix.e,\n      globalY: this._target.globalTransMatrix.f,\n      attribute: this._target.attribute,\n      theme: getTheme(this._target)[this._target.type],\n      target: this._target\n    };\n\n    if (this._customGrapicKeys) {\n      this._customGrapicKeys.forEach(key => {\n        info.customKeys[key] = this._target[key];\n      });\n    } else {\n      delete info.customKeys;\n    }\n\n    const formatter = new JSONFormatter(info, 2);\n    this._infoContainer.appendChild(formatter.render());\n  }\n\n  clearInfo() {\n    this._infoContainer.style.display = 'none';\n  }\n\n  updateMode() {\n    this._modeTip.innerText = this._mode;\n  }\n\n  bindKeyEvent() {\n    this._callback.keydown = (e: KeyboardEvent) => {\n      if (e.key === 'D') {\n        console.log(this._target);\n      } else if (e.key === 'S') {\n        switch (this._mode) {\n          case 'click':\n            this._mode = 'hover';\n            break;\n          case 'hover':\n            this._mode = 'click';\n            break;\n        }\n        this.updateMode();\n      }\n    };\n    window.addEventListener('keydown', this._callback.keydown);\n  }\n\n  release() {\n    // 移除信息框\n    document.body.removeChild(this._infoContainer);\n\n    // 移除高亮框\n    this._highlightRect.parentElement.removeChild(this._highlightRect);\n\n    // 解绑stage事件\n    // this._stage.defaultLayer.removeChild(this._rect);\n    this._stage.removeEventListener('pointermove', this._callback.pointermove);\n    this._stage.removeEventListener('pointerup', this._callback.pointerup);\n    this._stage.removeEventListener('pointerleave', this._callback.pointerleave);\n\n    // 解绑键盘事件\n    window.removeEventListener('keydown', this._callback.keydown);\n  }\n}\n"]}

package/es/scenegraph/graphic/chart.d.ts

@@ -13,7 +13,6 @@ interface IChartGraphicAttribute extends IGroupGraphicAttribute {
     mode: string;
     modeParams: any;
     dpr: number;
-    tableChartOption: any;
 }
 export declare const CHART_NUMBER_TYPE: number;
 export declare class Chart extends Group {

package/es/scenegraph/graphic/chart.js

@@ -1,6 +1,6 @@
 import { genNumberType, Group } from "./../../vrender";
 
-import { Bounds, merge } from "@visactor/vutils";
+import { Bounds } from "@visactor/vutils";
 
 export const CHART_NUMBER_TYPE = genNumberType();
 
@@ -8,7 +8,7 @@ export class Chart extends Group {
     constructor(isShareChartSpec, params) {
         if (super(params), this.type = "chart", this.numberType = CHART_NUMBER_TYPE, this.isShareChartSpec = isShareChartSpec, 
         params.chartInstance) this.chartInstance = params.chartInstance; else {
-            const chartInstance = this.chartInstance = new params.ClassType(params.spec, merge({}, this.attribute.tableChartOption, {
+            const chartInstance = new params.ClassType(params.spec, {
                 renderCanvas: params.canvas,
                 mode: "node" === this.attribute.mode ? "node" : "desktop-browser",
                 modeParams: this.attribute.modeParams,
@@ -23,8 +23,8 @@ export class Chart extends Group {
                 interactive: !1,
                 animation: !1,
                 autoFit: !1
-            }));
-            chartInstance.renderSync(), chartInstance.getStage().enableDirtyBounds(), params.chartInstance = this.chartInstance = chartInstance;
+            });
+            chartInstance.renderSync(), params.chartInstance = this.chartInstance = chartInstance;
         }
     }
     activate(table) {
@@ -36,36 +36,30 @@ export class Chart extends Group {
             y1: y1 - table.scrollTop,
             y2: y2 - table.scrollTop
         });
-        this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, merge({}, this.attribute.tableChartOption, {
+        this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, {
             renderCanvas: this.attribute.canvas,
             mode: "desktop-browser",
             canvasControled: !1,
             viewBox: {
-                x1: 0,
-                x2: x2 - x1,
-                y1: 0,
-                y2: y2 - y1
+                x1: x1 - table.scrollLeft,
+                x2: x2 - table.scrollLeft,
+                y1: y1 - table.scrollTop,
+                y2: y2 - table.scrollTop
             },
             dpr: table.internalProps.pixelRatio,
             animation: !1,
             interactive: !0,
             autoFit: !1,
-            beforeRender: chartStage => {
-                const stage = this.stage, ctx = chartStage.window.getContext(), stageMatrix = stage.window.getViewBoxTransform(), viewBox = stage.window.getViewBox();
-                ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f, !0), 
-                ctx.translate(viewBox.x1, viewBox.y1), ctx.setTransformForCurrent(!0), ctx.beginPath(), 
+            beforeRender: stage => {
+                const ctx = stage.window.getContext();
+                ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransformForCurrent(!0), ctx.beginPath(), 
                 ctx.rect(clipBound.x1, clipBound.y1, clipBound.x2 - clipBound.x1, clipBound.y2 - clipBound.y1), 
-                ctx.clip(), ctx.clearMatrix(), chartStage.needRender || (chartStage.pauseRender(), 
-                table.scenegraph.stage.dirtyBounds.union(this.globalAABBBounds), table.scenegraph.updateNextFrame());
+                ctx.clip();
             },
             afterRender(stage) {
-                stage.window.getContext().inuse = !1, stage.needRender = !1, chartStage.resumeRender();
+                stage.window.getContext().inuse = !1;
             }
-        }));
-        const chartStage = this.activeChartInstance.getStage(), matrix = this.globalTransMatrix.clone(), stageMatrix = this.stage.window.getViewBoxTransform();
-        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
-        chartStage.window.setViewBoxTransform && chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
-        this.activeChartInstance.renderSync(), null === (_b = null === (_a = table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.updateDataStateToActiveChartInstance) || void 0 === _b || _b.call(_a, this.activeChartInstance), 
+        }), this.activeChartInstance.renderSync(), null === (_b = null === (_a = table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.updateDataStateToActiveChartInstance) || void 0 === _b || _b.call(_a, this.activeChartInstance), 
         this.activeChartInstance.on("click", (params => {
             Chart.temp && table.scenegraph.updateChartState(null == params ? void 0 : params.datum);
         })), this.activeChartInstance.on("brushEnd", (params => {
@@ -90,30 +84,24 @@ export class Chart extends Group {
         this.attribute.data = data;
     }
     getViewBox() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const cellGroup = this.parent, padding = this.attribute.cellPadding, table = this.stage.table, {x1: x1, y1: y1, x2: x2, y2: y2} = cellGroup.globalAABBBounds;
+        const cellGroup = this.parent, padding = this.attribute.cellPadding, table = this.stage.table;
         return {
-            x1: Math.ceil(x1 + padding[3] + table.scrollLeft + (null !== (_b = null === (_a = table.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0)),
-            x2: Math.ceil(x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft + (null !== (_d = null === (_c = table.options.viewBox) || void 0 === _c ? void 0 : _c.x1) && void 0 !== _d ? _d : 0)),
-            y1: Math.ceil(y1 + padding[0] + table.scrollTop + (null !== (_f = null === (_e = table.options.viewBox) || void 0 === _e ? void 0 : _e.y1) && void 0 !== _f ? _f : 0)),
-            y2: Math.ceil(y1 + cellGroup.attribute.height - padding[2] + table.scrollTop + (null !== (_h = null === (_g = table.options.viewBox) || void 0 === _g ? void 0 : _g.y1) && void 0 !== _h ? _h : 0))
+            x1: Math.ceil(cellGroup.globalAABBBounds.x1 + padding[3] + table.scrollLeft),
+            x2: Math.ceil(cellGroup.globalAABBBounds.x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft),
+            y1: Math.ceil(cellGroup.globalAABBBounds.y1 + padding[0] + table.scrollTop),
+            y2: Math.ceil(cellGroup.globalAABBBounds.y1 + cellGroup.attribute.height - padding[2] + table.scrollTop)
         };
     }
 }
 
 function getTableBounds(col, row, table) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     const {layoutMap: layoutMap} = table.internalProps, bodyBound = new Bounds, tableBound = table.scenegraph.tableGroup.globalAABBBounds;
     return bodyBound.x1 = tableBound.x1, bodyBound.x2 = tableBound.x2, bodyBound.y1 = tableBound.y1, 
     bodyBound.y2 = tableBound.y2, layoutMap.isFrozenColumn(col, row) || layoutMap.isRightFrozenColumn(col, row) ? layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightTopCorner(col, row) || (layoutMap.isFrozenColumn(col, row) || layoutMap.isRightFrozenColumn(col, row) ? (bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight(), 
     bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight()) : layoutMap.isBottomFrozenRow(col, row) && (bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth(), 
     bodyBound.x2 = tableBound.x2 - table.getRightFrozenColsWidth())) : (bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth(), 
     bodyBound.x2 = tableBound.x2 - table.getRightFrozenColsWidth(), bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight(), 
-    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight()), bodyBound.x1 = bodyBound.x1 + (null !== (_b = null === (_a = table.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0), 
-    bodyBound.x2 = bodyBound.x2 + (null !== (_d = null === (_c = table.options.viewBox) || void 0 === _c ? void 0 : _c.x1) && void 0 !== _d ? _d : 0), 
-    bodyBound.y1 = bodyBound.y1 + (null !== (_f = null === (_e = table.options.viewBox) || void 0 === _e ? void 0 : _e.y1) && void 0 !== _f ? _f : 0), 
-    bodyBound.y2 = bodyBound.y2 + (null !== (_h = null === (_g = table.options.viewBox) || void 0 === _g ? void 0 : _g.y1) && void 0 !== _h ? _h : 0), 
-    bodyBound;
+    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight()), bodyBound;
 }
 
 Chart.temp = 1;

package/es/scenegraph/graphic/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scenegraph/graphic/chart.ts"],"names":[],"mappings":"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","file":"chart.js","sourcesContent":["import type { GraphicType, IGroupGraphicAttribute, Stage } from './../../vrender';\nimport { genNumberType, Group } from './../../vrender';\nimport { Bounds, merge } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { PivotChart } from '../../PivotChart';\n\ninterface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  canvas: HTMLCanvasElement;\n  dataId: string | Record<string, string>; //如果是spec外层的dataId,则是string,否则通过series获取到的是Record<string, string> <dataId, series-chart的指标key用于过滤数据>\n  data: any;\n  spec: any;\n  axes: any;\n  ClassType: any;\n  chartInstance: any;\n  cellPadding: number[];\n  mode: string;\n  modeParams: any;\n  dpr: number;\n  // viewBox: {\n  //   x1: number;\n  //   y1: number;\n  //   x2: number;\n  //   y2: number;\n  // };\n  tableChartOption: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\nexport class Chart extends Group {\n  type: GraphicType = 'chart' as any;\n  declare attribute: IChartGraphicAttribute;\n  chartInstance: any;\n  activeChartInstance: any;\n  active: boolean;\n  cacheCanvas: HTMLCanvasElement | { x: number; y: number; width: number; height: number; canvas: HTMLCanvasElement }[]; // HTMLCanvasElement\n  isShareChartSpec: boolean; //针对chartSpec用户配置成函数形式的话 就不需要存储chartInstance了 会太占内存，使用这个变量 当渲染出缓存图表会就删除chartInstance实例\n  constructor(isShareChartSpec: boolean, params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n    this.isShareChartSpec = isShareChartSpec;\n    // 创建chart\n    if (!params.chartInstance) {\n      const chartInstance = (this.chartInstance = new params.ClassType(\n        params.spec,\n        merge({}, this.attribute.tableChartOption, {\n          renderCanvas: params.canvas,\n          mode: this.attribute.mode === 'node' ? 'node' : 'desktop-browser',\n          modeParams: this.attribute.modeParams,\n          canvasControled: false,\n          viewBox: { x1: 0, x2: 0, y1: 0, y2: 0 },\n          dpr: params.dpr,\n          // viewBox: params.viewBox,\n          // viewBox: this.getViewBox(),\n          // viewBox: {\n          //   x1: params.cellPadding[3],\n          //   x2: params.width - params.cellPadding[1],\n          //   y1: params.cellPadding[0],\n          //   y2: params.height - params.cellPadding[2]\n          // },\n          interactive: false,\n          animation: false,\n          autoFit: false\n        })\n      ));\n      chartInstance.renderSync();\n      chartInstance.getStage().enableDirtyBounds();\n      params.chartInstance = this.chartInstance = chartInstance;\n    } else {\n      this.chartInstance = params.chartInstance;\n    }\n\n    // this.chart.load().then((cache) => {\n    //   this.cacheCanvas = cache;\n    //   this.deactivate();\n    // });\n  }\n\n  // onBeforeAttributeUpdate() {\n  //   if (arguments[2] === y) {\n  //     debugger;\n  //   }\n  // }\n  /**\n   * 激活该图表元素\n   * @param table\n   */\n  activate(table: BaseTableAPI) {\n    this.active = true;\n    const { col, row } = this.parent;\n    // this.chart = new TestChart(this.attribute.spec);\n    // const ctx = this.attribute.canvas.getContext('2d');\n    // const { x1, y1, x2, y2 } = this.attribute.viewBox;\n    const { x1, y1, x2, y2 } = this.getViewBox();\n    //获取渲染区域的bound 考虑被表头遮住部分的情况\n    const tableBound = getTableBounds(col, row, table);\n    const clipBound = tableBound.intersect({\n      x1: x1 - table.scrollLeft,\n      x2: x2 - table.scrollLeft,\n      y1: y1 - table.scrollTop,\n      y2: y2 - table.scrollTop\n    });\n    this.activeChartInstance = new this.attribute.ClassType(\n      this.attribute.spec,\n      merge({}, this.attribute.tableChartOption, {\n        // disableDirtyBounds: true,\n        renderCanvas: this.attribute.canvas,\n        mode: 'desktop-browser',\n        canvasControled: false,\n        // viewBox: {\n        //   x1: x1 - table.scrollLeft,\n        //   x2: x2 - table.scrollLeft,\n        //   y1: y1 - table.scrollTop,\n        //   y2: y2 - table.scrollTop\n        // },\n        viewBox: {\n          x1: 0,\n          x2: x2 - x1,\n          y1: 0,\n          y2: y2 - y1\n        },\n        dpr: table.internalProps.pixelRatio,\n        animation: false,\n        interactive: true,\n        autoFit: false, //控制当容器变化大小时vchart实例不应响应事件进行内部处理\n        beforeRender: (chartStage: Stage) => {\n          const stage = this.stage;\n          const ctx = chartStage.window.getContext();\n          const stageMatrix = stage.window.getViewBoxTransform();\n          const viewBox = stage.window.getViewBox();\n          ctx.inuse = true;\n          // ctx.save();\n          // console.log(ctx.getImageData(0, 0, 100, 100));\n          ctx.clearMatrix();\n          ctx.setTransform(\n            stageMatrix.a,\n            stageMatrix.b,\n            stageMatrix.c,\n            stageMatrix.d,\n            stageMatrix.e,\n            stageMatrix.f,\n            true\n          );\n          ctx.translate(viewBox.x1, viewBox.y1);\n          ctx.setTransformForCurrent(true);\n          ctx.beginPath();\n          ctx.rect(clipBound.x1, clipBound.y1, clipBound.x2 - clipBound.x1, clipBound.y2 - clipBound.y1);\n          ctx.clip();\n          ctx.clearMatrix();\n\n          if (!(chartStage as any).needRender) {\n            chartStage.pauseRender();\n            table.scenegraph.stage.dirtyBounds.union(this.globalAABBBounds);\n            table.scenegraph.updateNextFrame();\n          }\n        },\n        afterRender(stage: any) {\n          const ctx = stage.window.getContext();\n          ctx.inuse = false;\n\n          stage.needRender = false;\n          chartStage.resumeRender();\n        }\n      })\n    );\n    const chartStage = this.activeChartInstance.getStage();\n    // chartStage.needRender = true;\n    // chartStage.background = 'red';\n    const matrix = this.globalTransMatrix.clone();\n    const stageMatrix = this.stage.window.getViewBoxTransform();\n    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n    chartStage.window.setViewBoxTransform &&\n      chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n\n    // this.activeChartInstance.updateData('data', this.attribute.data);\n    this.activeChartInstance.renderSync();\n\n    (table.internalProps.layoutMap as any)?.updateDataStateToActiveChartInstance?.(this.activeChartInstance);\n    this.activeChartInstance.on('click', (params: any) => {\n      if (Chart.temp) {\n        table.scenegraph.updateChartState(params?.datum);\n      }\n    });\n    this.activeChartInstance.on('brushEnd', (params: any) => {\n      table.scenegraph.updateChartState(params?.value?.inBrushData);\n      Chart.temp = 0;\n      setTimeout(() => {\n        Chart.temp = 1;\n      }, 0);\n    });\n    (table as PivotChart)._bindChartEvent?.(this.activeChartInstance);\n  }\n  static temp: number = 1;\n  /**\n   * 图表失去焦点\n   * @param table\n   */\n  deactivate() {\n    this.active = false;\n    // move active chart view box out of browser view\n    // to avoid async render when chart is releasd\n    this.activeChartInstance?.updateViewBox(\n      {\n        x1: -1000,\n        x2: -800,\n        y1: -1000,\n        y2: -800\n      },\n      false,\n      false\n    );\n    this.activeChartInstance?.release();\n    this.activeChartInstance = null;\n  }\n  /** 更新图表对应数据 */\n  updateData(data: any) {\n    this.attribute.data = data;\n  }\n\n  getViewBox(): {\n    x1: number;\n    y1: number;\n    x2: number;\n    y2: number;\n  } {\n    const cellGroup = this.parent as Group;\n    const padding = this.attribute.cellPadding;\n    const table = (this.stage as any).table as BaseTableAPI;\n\n    const { x1, y1, x2, y2 } = cellGroup.globalAABBBounds;\n\n    return {\n      x1: Math.ceil(x1 + padding[3] + table.scrollLeft + (table.options.viewBox?.x1 ?? 0)),\n      x2: Math.ceil(x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft + (table.options.viewBox?.x1 ?? 0)),\n      y1: Math.ceil(y1 + padding[0] + table.scrollTop + (table.options.viewBox?.y1 ?? 0)),\n      y2: Math.ceil(y1 + cellGroup.attribute.height - padding[2] + table.scrollTop + (table.options.viewBox?.y1 ?? 0))\n    };\n  }\n}\n\nfunction getTableBounds(col: number, row: number, table: BaseTableAPI) {\n  const { layoutMap } = table.internalProps;\n  const bodyBound = new Bounds();\n  const tableBound = table.scenegraph.tableGroup.globalAABBBounds;\n  bodyBound.x1 = tableBound.x1;\n  bodyBound.x2 = tableBound.x2;\n  bodyBound.y1 = tableBound.y1;\n  bodyBound.y2 = tableBound.y2;\n\n  if (!layoutMap.isFrozenColumn(col, row) && !layoutMap.isRightFrozenColumn(col, row)) {\n    // no frozen body\n    bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth();\n    bodyBound.x2 = tableBound.x2 - table.getRightFrozenColsWidth();\n    bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight();\n    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight();\n  } else if (layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightTopCorner(col, row)) {\n    // frozen cornor\n  } else if (layoutMap.isFrozenColumn(col, row)) {\n    // left frozen\n    bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight();\n    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight();\n  } else if (layoutMap.isRightFrozenColumn(col, row)) {\n    // right frozen\n    bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight();\n    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight();\n  } else if (layoutMap.isBottomFrozenRow(col, row)) {\n    // bottom frozen\n    bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth();\n    bodyBound.x2 = tableBound.x2 - table.getRightFrozenColsWidth();\n  }\n\n  bodyBound.x1 = bodyBound.x1 + (table.options.viewBox?.x1 ?? 0);\n  bodyBound.x2 = bodyBound.x2 + (table.options.viewBox?.x1 ?? 0);\n  bodyBound.y1 = bodyBound.y1 + (table.options.viewBox?.y1 ?? 0);\n  bodyBound.y2 = bodyBound.y2 + (table.options.viewBox?.y1 ?? 0);\n\n  return bodyBound;\n}\n"]}
+{"version":3,"sources":["../src/scenegraph/graphic/chart.ts"],"names":[],"mappings":"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","file":"chart.js","sourcesContent":["import type { GraphicType, IGroupGraphicAttribute } from './../../vrender';\nimport { genNumberType, Group } from './../../vrender';\nimport { Bounds } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { PivotChart } from '../../PivotChart';\n\ninterface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  canvas: HTMLCanvasElement;\n  dataId: string | Record<string, string>; //如果是spec外层的dataId,则是string,否则通过series获取到的是Record<string, string> <dataId, series-chart的指标key用于过滤数据>\n  data: any;\n  spec: any;\n  axes: any;\n  ClassType: any;\n  chartInstance: any;\n  cellPadding: number[];\n  mode: string;\n  modeParams: any;\n  dpr: number;\n  // viewBox: {\n  //   x1: number;\n  //   y1: number;\n  //   x2: number;\n  //   y2: number;\n  // };\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\nexport class Chart extends Group {\n  type: GraphicType = 'chart' as any;\n  declare attribute: IChartGraphicAttribute;\n  chartInstance: any;\n  activeChartInstance: any;\n  active: boolean;\n  cacheCanvas: HTMLCanvasElement | { x: number; y: number; width: number; height: number; canvas: HTMLCanvasElement }[]; // HTMLCanvasElement\n  isShareChartSpec: boolean; //针对chartSpec用户配置成函数形式的话 就不需要存储chartInstance了 会太占内存，使用这个变量 当渲染出缓存图表会就删除chartInstance实例\n  constructor(isShareChartSpec: boolean, params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n    this.isShareChartSpec = isShareChartSpec;\n    // 创建chart\n    if (!params.chartInstance) {\n      const chartInstance = new params.ClassType(params.spec, {\n        renderCanvas: params.canvas,\n        mode: this.attribute.mode === 'node' ? 'node' : 'desktop-browser',\n        modeParams: this.attribute.modeParams,\n        canvasControled: false,\n        viewBox: { x1: 0, x2: 0, y1: 0, y2: 0 },\n        dpr: params.dpr,\n        // viewBox: params.viewBox,\n        // viewBox: this.getViewBox(),\n        // viewBox: {\n        //   x1: params.cellPadding[3],\n        //   x2: params.width - params.cellPadding[1],\n        //   y1: params.cellPadding[0],\n        //   y2: params.height - params.cellPadding[2]\n        // },\n        interactive: false,\n        animation: false,\n        autoFit: false\n      });\n      chartInstance.renderSync();\n      params.chartInstance = this.chartInstance = chartInstance;\n    } else {\n      this.chartInstance = params.chartInstance;\n    }\n\n    // this.chart.load().then((cache) => {\n    //   this.cacheCanvas = cache;\n    //   this.deactivate();\n    // });\n  }\n\n  // onBeforeAttributeUpdate() {\n  //   if (arguments[2] === y) {\n  //     debugger;\n  //   }\n  // }\n  /**\n   * 激活该图表元素\n   * @param table\n   */\n  activate(table: BaseTableAPI) {\n    this.active = true;\n    const { col, row } = this.parent;\n    // this.chart = new TestChart(this.attribute.spec);\n    // const ctx = this.attribute.canvas.getContext('2d');\n    // const { x1, y1, x2, y2 } = this.attribute.viewBox;\n    const { x1, y1, x2, y2 } = this.getViewBox();\n    //获取渲染区域的bound 考虑被表头遮住部分的情况\n    const tableBound = getTableBounds(col, row, table);\n    const clipBound = tableBound.intersect({\n      x1: x1 - table.scrollLeft,\n      x2: x2 - table.scrollLeft,\n      y1: y1 - table.scrollTop,\n      y2: y2 - table.scrollTop\n    });\n    this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, {\n      // disableDirtyBounds: true,\n      renderCanvas: this.attribute.canvas,\n      mode: 'desktop-browser',\n      canvasControled: false,\n      viewBox: {\n        x1: x1 - table.scrollLeft,\n        x2: x2 - table.scrollLeft,\n        y1: y1 - table.scrollTop,\n        y2: y2 - table.scrollTop\n      },\n      dpr: table.internalProps.pixelRatio,\n      animation: false,\n      interactive: true,\n      autoFit: false, //控制当容器变化大小时vchart实例不应响应事件进行内部处理\n      beforeRender: (stage: any) => {\n        const ctx = stage.window.getContext();\n        ctx.inuse = true;\n        ctx.clearMatrix();\n        ctx.setTransformForCurrent(true);\n        ctx.beginPath();\n        ctx.rect(clipBound.x1, clipBound.y1, clipBound.x2 - clipBound.x1, clipBound.y2 - clipBound.y1);\n        ctx.clip();\n      },\n      afterRender(stage: any) {\n        const ctx = stage.window.getContext();\n        ctx.inuse = false;\n      }\n    });\n    // this.activeChartInstance.updateData('data', this.attribute.data);\n    this.activeChartInstance.renderSync();\n\n    (table.internalProps.layoutMap as any)?.updateDataStateToActiveChartInstance?.(this.activeChartInstance);\n    this.activeChartInstance.on('click', (params: any) => {\n      if (Chart.temp) {\n        table.scenegraph.updateChartState(params?.datum);\n      }\n    });\n    this.activeChartInstance.on('brushEnd', (params: any) => {\n      table.scenegraph.updateChartState(params?.value?.inBrushData);\n      Chart.temp = 0;\n      setTimeout(() => {\n        Chart.temp = 1;\n      }, 0);\n    });\n    (table as PivotChart)._bindChartEvent?.(this.activeChartInstance);\n  }\n  static temp: number = 1;\n  /**\n   * 图表失去焦点\n   * @param table\n   */\n  deactivate() {\n    this.active = false;\n    // move active chart view box out of browser view\n    // to avoid async render when chart is releasd\n    this.activeChartInstance?.updateViewBox(\n      {\n        x1: -1000,\n        x2: -800,\n        y1: -1000,\n        y2: -800\n      },\n      false,\n      false\n    );\n    this.activeChartInstance?.release();\n    this.activeChartInstance = null;\n  }\n  /** 更新图表对应数据 */\n  updateData(data: any) {\n    this.attribute.data = data;\n  }\n\n  getViewBox(): {\n    x1: number;\n    y1: number;\n    x2: number;\n    y2: number;\n  } {\n    const cellGroup = this.parent as Group;\n    const padding = this.attribute.cellPadding;\n    const table = (this.stage as any).table as BaseTableAPI;\n    return {\n      x1: Math.ceil(cellGroup.globalAABBBounds.x1 + padding[3] + table.scrollLeft),\n      x2: Math.ceil(cellGroup.globalAABBBounds.x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft),\n      y1: Math.ceil(cellGroup.globalAABBBounds.y1 + padding[0] + table.scrollTop),\n      y2: Math.ceil(cellGroup.globalAABBBounds.y1 + cellGroup.attribute.height - padding[2] + table.scrollTop)\n    };\n  }\n}\n\nfunction getTableBounds(col: number, row: number, table: BaseTableAPI) {\n  const { layoutMap } = table.internalProps;\n  const bodyBound = new Bounds();\n  const tableBound = table.scenegraph.tableGroup.globalAABBBounds;\n  bodyBound.x1 = tableBound.x1;\n  bodyBound.x2 = tableBound.x2;\n  bodyBound.y1 = tableBound.y1;\n  bodyBound.y2 = tableBound.y2;\n\n  if (!layoutMap.isFrozenColumn(col, row) && !layoutMap.isRightFrozenColumn(col, row)) {\n    // no frozen body\n    bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth();\n    bodyBound.x2 = tableBound.x2 - table.getRightFrozenColsWidth();\n    bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight();\n    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight();\n  } else if (layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightTopCorner(col, row)) {\n    // frozen cornor\n  } else if (layoutMap.isFrozenColumn(col, row)) {\n    // left frozen\n    bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight();\n    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight();\n  } else if (layoutMap.isRightFrozenColumn(col, row)) {\n    // right frozen\n    bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight();\n    bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight();\n  } else if (layoutMap.isBottomFrozenRow(col, row)) {\n    // bottom frozen\n    bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth();\n    bodyBound.x2 = tableBound.x2 - table.getRightFrozenColsWidth();\n  }\n\n  return bodyBound;\n}\n"]}

package/es/scenegraph/graphic/contributions/chart-render-helper.js

@@ -20,25 +20,7 @@ export function renderChart(chart) {
     var _a, _b, _c, _d, _e, _f;
     const {axes: axes, dataId: dataId, data: data, spec: spec} = chart.attribute, {chartInstance: chartInstance} = chart, viewBox = chart.getViewBox();
     viewBox.x2 <= viewBox.x1 && (viewBox.x2 = viewBox.x1 + 1), viewBox.y2 <= viewBox.y1 && (viewBox.y2 = viewBox.y1 + 1), 
-    chartInstance.updateViewBox({
-        x1: 0,
-        x2: viewBox.x2 - viewBox.x1,
-        y1: 0,
-        y2: viewBox.y2 - viewBox.y1
-    }, !1, !1);
-    const chartStage = chartInstance.getStage(), matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform();
-    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
-    chartStage.window.setViewBoxTransform && chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
-    const {table: table} = chart.getRootNode();
-    let updateSpec = !1;
-    if (table.options.specFormat) {
-        const formatResult = table.options.specFormat(chart.attribute.spec);
-        if (formatResult.needFormatSpec && formatResult.spec) {
-            const spec = formatResult.spec;
-            chartInstance.updateSpecSync(spec), updateSpec = !0;
-        }
-    }
-    if (!updateSpec) if (null == axes || axes.forEach(((axis, index) => {
+    null == axes || axes.forEach(((axis, index) => {
         var _a, _b, _c, _d;
         "band" === axis.type ? chartInstance.updateModelSpec({
             type: "axes",
@@ -52,7 +34,13 @@ export function renderChart(chart) {
             min: null !== (_b = null === (_a = axis.range) || void 0 === _a ? void 0 : _a.min) && void 0 !== _b ? _b : 0,
             max: null !== (_d = null === (_c = axis.range) || void 0 === _c ? void 0 : _c.max) && void 0 !== _d ? _d : 0
         }, !0);
-    })), null === (_b = null === (_a = table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.updateDataStateToActiveChartInstance) || void 0 === _b || _b.call(_a, chartInstance), 
+    })), chartInstance.updateViewBox({
+        x1: viewBox.x1 - chart.getRootNode().table.scrollLeft,
+        x2: viewBox.x2 - chart.getRootNode().table.scrollLeft,
+        y1: viewBox.y1 - chart.getRootNode().table.scrollTop,
+        y2: viewBox.y2 - chart.getRootNode().table.scrollTop
+    }, !1, !1);
+    if (null === (_b = null === (_a = chart.getRootNode().table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.updateDataStateToActiveChartInstance) || void 0 === _b || _b.call(_a, chartInstance), 
     "string" == typeof dataId) chartInstance.updateDataSync(dataId, null != data ? data : []); else {
         const dataBatch = [];
         for (const dataIdStr in dataId) {