@visactor/vtable 0.9.2 → 0.9.3-alpha.0

package/es/scenegraph/component/menu.d.ts

@@ -0,0 +1,41 @@
+import type { IGroup } from '@visactor/vrender';
+import type { MenuListItem } from '../../ts-types';
+import { Group } from '../graphic/group';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare enum MenuType {
+    'dropDown' = "dropDown",
+    'contextmenu' = "contextmenu",
+    'custom' = "custom"
+}
+type MenuInfo = MenuListItem[];
+export declare class MenuHandler {
+    private _table;
+    private _menuInstance;
+    private _menuInfo;
+    constructor(table: BaseTableAPI);
+    bindTableComponent(componentGroup: Group): void;
+    dispose(): void;
+    attach(x: number, y: number, col: number, row: number, type: MenuType, menuInfo?: MenuInfo): void;
+    updateMenuInfo(col: number, row: number, type: MenuType, menuInfo: MenuListItem[], highlightIndex: number): void;
+    checkDropDownMenuChange(col: number, row: number): boolean;
+    checkContextMenuChange(x: number, y: number): boolean;
+    updateMenuInstance(menuInfo: MenuInfo, highlightIndex: number): void;
+    updatePosition(x: number, y: number): void;
+    addToScene(): void;
+    detach(): void;
+    getMenuInfo(col: number, row: number, type: MenuType): {
+        menuInfo: MenuListItem[];
+        highlightIndex: number;
+    };
+    bindEvent(): void;
+    getEventInfo(target: IGroup): {
+        col: number;
+        row: number;
+        menuKey: string;
+        dropDownIndex: number;
+        text: string;
+        highlight: boolean;
+    };
+    get bounds(): import("@visactor/vutils").IBounds;
+}
+export {};

package/es/scenegraph/component/table-component.js

@@ -145,13 +145,13 @@ export class TableComponent {
     }
     updateScrollBar() {
         var _a, _b;
-        const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos, oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos, theme = this.table.theme, width = null === (_a = theme.scrollStyle) || void 0 === _a ? void 0 : _a.width, visible = null === (_b = theme.scrollStyle) || void 0 === _b ? void 0 : _b.visible, tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width), tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height), totalHeight = this.table.getAllRowsHeight(), totalWidth = this.table.getAllColsWidth(), frozenRowsHeight = this.table.getFrozenRowsHeight(), frozenColsWidth = this.table.getFrozenColsWidth();
+        const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos, oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos, theme = this.table.theme, width = null === (_a = theme.scrollStyle) || void 0 === _a ? void 0 : _a.width, visible = null === (_b = theme.scrollStyle) || void 0 === _b ? void 0 : _b.visible, tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width), tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height), totalHeight = this.table.getAllRowsHeight(), totalWidth = this.table.getAllColsWidth(), frozenRowsHeight = this.table.getFrozenRowsHeight(), frozenColsWidth = this.table.getFrozenColsWidth(), bottomFrozenRowsHeight = this.table.getBottomFrozenRowsHeight(), rightFrozenColsWidth = this.table.getRightFrozenColsWidth();
         if (totalWidth > tableWidth) {
             const y = Math.min(tableHeight, totalHeight), rangeEnd = Math.max(.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));
             this.hScrollBar.setAttributes({
                 x: frozenColsWidth + (this.table.theme.scrollStyle.hoverOn ? 0 : this.table.scenegraph.tableGroup.attribute.x),
                 y: y - (this.table.theme.scrollStyle.hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y),
-                width: tableWidth - frozenColsWidth,
+                width: tableWidth - frozenColsWidth - rightFrozenColsWidth,
                 range: [ 0, rangeEnd ],
                 visible: "always" === visible
             });
@@ -171,7 +171,7 @@ export class TableComponent {
             this.vScrollBar.setAttributes({
                 x: x - (this.table.theme.scrollStyle.hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x),
                 y: frozenRowsHeight + (this.table.theme.scrollStyle.hoverOn ? 0 : this.table.scenegraph.tableGroup.attribute.y),
-                height: tableHeight - frozenRowsHeight,
+                height: tableHeight - frozenRowsHeight - bottomFrozenRowsHeight,
                 range: [ 0, rangeEnd ],
                 visible: "always" === visible
             });

package/es/scenegraph/component/table-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["scenegraph/component/table-component.ts"],"names":[],"mappings":"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","file":"table-component.js","sourcesContent":["import type { ILine, IRect, IGroup } from '@visactor/vrender';\nimport { createRect, createLine, createText, createGroup, createSymbol } from '@visactor/vrender';\nimport { ScrollBar } from '@visactor/vrender-components';\nimport type { Group } from '../graphic/group';\nimport type { WrapText } from '../graphic/text';\nimport { MenuHandler } from './menu';\nimport { DrillIcon } from './drill-icon';\nimport { CellMover } from './cell-mover';\nimport { getColX } from './util';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\n/**\n * @description: 表格内容外组件\n * @return {*}\n */\nexport class TableComponent {\n  table: BaseTableAPI;\n\n  border: IRect; // 表格外边框\n  // selectBorder: IRect; // 表格选择区域边框\n  columnResizeLine: ILine; // 表格列宽调整基准线\n  columnResizeBgLine: ILine; // 表格列宽调整基准线背景\n  columnResizeLabel: IGroup; // 表格列宽调整标记\n  menu: MenuHandler; // 表格菜单\n  vScrollBar: ScrollBar; // 表格横向滚动条\n  hScrollBar: ScrollBar; // 表格纵向滚动条\n  frozenShadowLine: IRect; // 表格冻结列右侧阴影块\n  drillIcon: DrillIcon; // drill icon\n  cellMover: CellMover; // 表格列顺序调整标记\n\n  constructor(table: BaseTableAPI) {\n    this.table = table;\n    const theme = this.table.theme;\n\n    // 滚动条\n    this.createScrollBar();\n\n    // 列宽调整基准线\n    const columnResizeColor = theme.columnResize?.lineColor;\n    const columnResizeWidth = theme.columnResize?.lineWidth;\n    const columnResizeBgColor = theme.columnResize?.bgColor;\n    const columnResizeBgWidth = theme.columnResize?.width;\n    this.columnResizeLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: columnResizeColor as string,\n      lineWidth: columnResizeWidth as number,\n      x: 0,\n      y: 0,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n    this.columnResizeBgLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: columnResizeBgColor as string,\n      lineWidth: columnResizeBgWidth as number,\n      x: 0,\n      y: 0,\n      // dx: -(columnResizeBgWidth - columnResizeWidth) / 2,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n\n    // 列宽调整文字标签\n    const columnResizeLabelText = createText({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0,\n      fontSize: 10,\n      fill: '#FFF',\n      text: '',\n      textBaseline: 'top',\n      dx: 12 + 4,\n      dy: -8 + 2\n    });\n    const columnResizeLabelBack = createRect({\n      visible: false,\n      pickable: false,\n      fill: '#3073F2',\n      x: 0,\n      y: 0,\n      width: 38,\n      height: 16,\n      cornerRadius: 5,\n      dx: 12,\n      dy: -8\n    });\n    this.columnResizeLabel = createGroup({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0\n    });\n    this.columnResizeLabel.appendChild(columnResizeLabelBack);\n    this.columnResizeLabel.appendChild(columnResizeLabelText);\n\n    // 列顺序调整基准线\n    this.cellMover = new CellMover(this.table);\n\n    // 冻结列阴影\n    const shadowWidth = theme.frozenColumnLine?.shadow?.width;\n    const shadowStartColor = theme.frozenColumnLine?.shadow?.startColor;\n    const shadowEndColor = theme.frozenColumnLine?.shadow?.endColor;\n    this.frozenShadowLine = createRect({\n      visible: true,\n      pickable: false,\n      x: 0,\n      y: 0,\n      width: shadowWidth,\n      height: 0,\n      fill: {\n        gradient: 'linear',\n        x0: 0,\n        y0: 0,\n        x1: 1,\n        y1: 0,\n        stops: [\n          { color: shadowStartColor, offset: 0 },\n          { color: shadowEndColor, offset: 1 }\n        ]\n      }\n    });\n\n    // TO BE DONE 冻结列border(theme.frozenColumnLine?.border)\n\n    // 弹出窗口\n    // this.menu = createGroup({\n    //   visible: false,\n    //   pickable: false,\n    //   x: 0,\n    //   y: 0,\n    // });\n    this.menu = new MenuHandler(this.table);\n\n    this.drillIcon = new DrillIcon();\n  }\n\n  /**\n   * @description: 组件mark加入到容器Group中\n   * @param {Group} componentGroup\n   * @return {*}\n   */\n  addToGroup(componentGroup: Group) {\n    componentGroup.addChild(this.frozenShadowLine);\n    // componentGroup.addChild(this.selectBorder);\n    componentGroup.addChild(this.columnResizeBgLine);\n    componentGroup.addChild(this.columnResizeLine);\n    componentGroup.addChild(this.columnResizeLabel);\n    if (this.table.theme.scrollStyle.hoverOn) {\n      componentGroup.addChild(this.hScrollBar);\n      componentGroup.addChild(this.vScrollBar);\n    } else {\n      componentGroup.stage.defaultLayer.addChild(this.hScrollBar);\n      componentGroup.stage.defaultLayer.addChild(this.vScrollBar);\n    }\n    this.menu.bindTableComponent(componentGroup);\n    this.drillIcon.appand(componentGroup);\n    this.cellMover.appand(componentGroup);\n  }\n\n  /**\n   * @description: 创建滚动条组件\n   * @return {*}\n   */\n  createScrollBar() {\n    const theme = this.table.theme;\n    const scrollRailColor = theme.scrollStyle?.scrollRailColor as string;\n    const scrollSliderColor = theme.scrollStyle?.scrollSliderColor as string;\n    const width = theme.scrollStyle?.width as number;\n    // const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n\n    this.hScrollBar = new ScrollBar({\n      direction: 'horizontal',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width: this.table.tableNoFrameWidth,\n      height: width,\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle: {\n        fill: scrollSliderColor\n      },\n      range: [0, 0.1],\n      // scrollRange: [0.4, 0.8]\n      visible: false\n    });\n    // hack方案实现初始化隐藏滚动条，也可以add到stage之后执行hideAll\n    (this.hScrollBar as any).render();\n    this.hScrollBar.hideAll();\n\n    this.vScrollBar = new ScrollBar({\n      direction: 'vertical',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width,\n      height: this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight(),\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle: {\n        fill: scrollSliderColor\n      },\n      range: [0, 0.1],\n      visible: false\n    });\n    (this.vScrollBar as any).render();\n    this.vScrollBar.hideAll();\n  }\n\n  /**\n   * @description: 更新滚动条尺寸\n   * @return {*}\n   */\n  updateScrollBar() {\n    const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos;\n    const oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos;\n\n    const theme = this.table.theme;\n    const width = theme.scrollStyle?.width as number;\n    const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n    const tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width);\n    const tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height);\n\n    const totalHeight = this.table.getAllRowsHeight();\n    const totalWidth = this.table.getAllColsWidth();\n    const frozenRowsHeight = this.table.getFrozenRowsHeight();\n    const frozenColsWidth = this.table.getFrozenColsWidth();\n    if (totalWidth > tableWidth) {\n      const y = Math.min(tableHeight, totalHeight);\n      const rangeEnd = Math.max(0.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));\n      this.hScrollBar.setAttributes({\n        x: frozenColsWidth + (!this.table.theme.scrollStyle.hoverOn ? this.table.scenegraph.tableGroup.attribute.x : 0),\n        y: y - (this.table.theme.scrollStyle.hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y),\n        width: tableWidth - frozenColsWidth,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n      (this.hScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n      if (visible === 'always') {\n        this.hScrollBar.showAll();\n      }\n    } else {\n      this.hScrollBar.setAttributes({\n        x: -this.table.tableNoFrameWidth * 2,\n        y: -this.table.tableNoFrameHeight * 2,\n        width: 0,\n        visible: false\n      });\n    }\n\n    if (totalHeight > tableHeight) {\n      const x = Math.min(tableWidth, totalWidth);\n      const rangeEnd = Math.max(0.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));\n      this.vScrollBar.setAttributes({\n        x: x - (this.table.theme.scrollStyle.hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x),\n        y:\n          frozenRowsHeight + (!this.table.theme.scrollStyle.hoverOn ? this.table.scenegraph.tableGroup.attribute.y : 0),\n        height: tableHeight - frozenRowsHeight,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n      (this.vScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n\n      if (visible === 'always') {\n        this.vScrollBar.showAll();\n      }\n    } else {\n      this.vScrollBar.setAttributes({\n        x: -this.table.tableNoFrameWidth * 2,\n        y: -this.table.tableNoFrameHeight * 2,\n        height: 0,\n        visible: false\n      });\n    }\n\n    this.table.stateManeger.setScrollLeft(oldHorizontalBarPos);\n    this.table.stateManeger.setScrollTop(oldVerticalBarPos);\n  }\n\n  /**\n   * @description: 隐藏列宽调整组件\n   * @return {*}\n   */\n  hideResizeCol() {\n    // this.columnResizeLine.attribute.visible = false;\n    this.columnResizeLine.setAttribute('visible', false);\n    this.columnResizeBgLine.setAttribute('visible', false);\n    this.columnResizeLabel.setAttribute('visible', false);\n    this.columnResizeLabel.hideAll();\n  }\n\n  /**\n   * @description: 显示列宽调整组件\n   * @param {number} col\n   * @param {number} y\n   * @return {*}\n   */\n  showResizeCol(col: number, y: number) {\n    // this.columnResizeLine.attribute.visible = false;\n    // 基准线\n    const colX = getColX(col, this.table);\n    this.columnResizeLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n    this.columnResizeBgLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n\n    // 标签\n    // this.columnResizeLabel.setAttribute('visible', true);\n    this.columnResizeLabel.showAll();\n    this.columnResizeLabel.setAttributes({\n      visible: true,\n      x: colX,\n      y\n    });\n    (this.columnResizeLabel.lastChild as WrapText).setAttribute('text', `${this.table.getColWidth(col)}px`);\n  }\n\n  /**\n   * @description: 更新列宽调整组件\n   * @param {number} col\n   * @param {number} y 标签显示的y坐标\n   * @return {*}\n   */\n  updateResizeCol(col: number, y: number) {\n    // 基准线\n    const colX = getColX(col, this.table);\n    // this.columnResizeLine.setAttribute('x', x);\n    this.columnResizeLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n    this.columnResizeBgLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n\n    // 标签\n    this.columnResizeLabel.setAttributes({\n      x: colX,\n      y\n    });\n    (this.columnResizeLabel.lastChild as WrapText).setAttribute('text', `${Math.floor(this.table.getColWidth(col))}px`);\n  }\n\n  /**\n   * @description: 隐藏列顺序调整组件\n   * @return {*}\n   */\n  hideMoveCol() {\n    this.cellMover.hide();\n  }\n\n  /**\n   * @description: 显示列顺序调整组件\n   * @param {number} col\n   * @param {number} x\n   * @return {*}\n   */\n  showMoveCol(col: number, row: number, delta: number) {\n    this.cellMover.show(col, row, delta);\n  }\n\n  /**\n   * @description: 更新列顺序调整组件\n   * @param {number} backX\n   * @param {number} lineX\n   * @return {*}\n   */\n  updateMoveCol(backX: number, lineX: number, backY: number, lineY: number) {\n    this.cellMover.update(backX, lineX, backY, lineY);\n  }\n\n  /**\n   * @description: 显示冻结列shadow\n   * @param {number} col\n   * @return {*}\n   */\n  setFrozenColumnShadow(col: number) {\n    if (col < 0) {\n      this.frozenShadowLine.setAttributes({\n        visible: false\n      });\n    } else {\n      const colX = this.table.getColsWidth(0, col);\n      this.frozenShadowLine.setAttributes({\n        visible: true,\n        x: colX,\n        height: this.table.getRowsHeight(0, this.table.rowCount - 1)\n      });\n    }\n  }\n\n  hideVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', false);\n    this.vScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', true);\n    this.vScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  hideHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', false);\n    this.hScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', true);\n    this.hScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  updateVerticalScrollBarPos(topRatio: number) {\n    const range = this.vScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    const range0 = topRatio * (1 - size);\n    this.vScrollBar.setAttribute('range', [range0, range0 + size]);\n    const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n    (this.vScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n  updateHorizontalScrollBarPos(leftRatio: number) {\n    const range = this.hScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    this.hScrollBar.setAttribute('range', [leftRatio, leftRatio + size]);\n    const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n    (this.hScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n}\n"]}
+{"version":3,"sources":["scenegraph/component/table-component.ts"],"names":[],"mappings":"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","file":"table-component.js","sourcesContent":["import type { ILine, IRect, IGroup } from '@visactor/vrender';\nimport { createRect, createLine, createText, createGroup, createSymbol } from '@visactor/vrender';\nimport { ScrollBar } from '@visactor/vrender-components';\nimport type { Group } from '../graphic/group';\nimport type { WrapText } from '../graphic/text';\nimport { MenuHandler } from './menu';\nimport { DrillIcon } from './drill-icon';\nimport { CellMover } from './cell-mover';\nimport { getColX } from './util';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\n/**\n * @description: 表格内容外组件\n * @return {*}\n */\nexport class TableComponent {\n  table: BaseTableAPI;\n\n  border: IRect; // 表格外边框\n  // selectBorder: IRect; // 表格选择区域边框\n  columnResizeLine: ILine; // 表格列宽调整基准线\n  columnResizeBgLine: ILine; // 表格列宽调整基准线背景\n  columnResizeLabel: IGroup; // 表格列宽调整标记\n  menu: MenuHandler; // 表格菜单\n  vScrollBar: ScrollBar; // 表格横向滚动条\n  hScrollBar: ScrollBar; // 表格纵向滚动条\n  frozenShadowLine: IRect; // 表格冻结列右侧阴影块\n  drillIcon: DrillIcon; // drill icon\n  cellMover: CellMover; // 表格列顺序调整标记\n\n  constructor(table: BaseTableAPI) {\n    this.table = table;\n    const theme = this.table.theme;\n\n    // 滚动条\n    this.createScrollBar();\n\n    // 列宽调整基准线\n    const columnResizeColor = theme.columnResize?.lineColor;\n    const columnResizeWidth = theme.columnResize?.lineWidth;\n    const columnResizeBgColor = theme.columnResize?.bgColor;\n    const columnResizeBgWidth = theme.columnResize?.width;\n    this.columnResizeLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: columnResizeColor as string,\n      lineWidth: columnResizeWidth as number,\n      x: 0,\n      y: 0,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n    this.columnResizeBgLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: columnResizeBgColor as string,\n      lineWidth: columnResizeBgWidth as number,\n      x: 0,\n      y: 0,\n      // dx: -(columnResizeBgWidth - columnResizeWidth) / 2,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n\n    // 列宽调整文字标签\n    const columnResizeLabelText = createText({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0,\n      fontSize: 10,\n      fill: '#FFF',\n      text: '',\n      textBaseline: 'top',\n      dx: 12 + 4,\n      dy: -8 + 2\n    });\n    const columnResizeLabelBack = createRect({\n      visible: false,\n      pickable: false,\n      fill: '#3073F2',\n      x: 0,\n      y: 0,\n      width: 38,\n      height: 16,\n      cornerRadius: 5,\n      dx: 12,\n      dy: -8\n    });\n    this.columnResizeLabel = createGroup({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0\n    });\n    this.columnResizeLabel.appendChild(columnResizeLabelBack);\n    this.columnResizeLabel.appendChild(columnResizeLabelText);\n\n    // 列顺序调整基准线\n    this.cellMover = new CellMover(this.table);\n\n    // 冻结列阴影\n    const shadowWidth = theme.frozenColumnLine?.shadow?.width;\n    const shadowStartColor = theme.frozenColumnLine?.shadow?.startColor;\n    const shadowEndColor = theme.frozenColumnLine?.shadow?.endColor;\n    this.frozenShadowLine = createRect({\n      visible: true,\n      pickable: false,\n      x: 0,\n      y: 0,\n      width: shadowWidth,\n      height: 0,\n      fill: {\n        gradient: 'linear',\n        x0: 0,\n        y0: 0,\n        x1: 1,\n        y1: 0,\n        stops: [\n          { color: shadowStartColor, offset: 0 },\n          { color: shadowEndColor, offset: 1 }\n        ]\n      }\n    });\n\n    // TO BE DONE 冻结列border(theme.frozenColumnLine?.border)\n\n    // 弹出窗口\n    // this.menu = createGroup({\n    //   visible: false,\n    //   pickable: false,\n    //   x: 0,\n    //   y: 0,\n    // });\n    this.menu = new MenuHandler(this.table);\n\n    this.drillIcon = new DrillIcon();\n  }\n\n  /**\n   * @description: 组件mark加入到容器Group中\n   * @param {Group} componentGroup\n   * @return {*}\n   */\n  addToGroup(componentGroup: Group) {\n    componentGroup.addChild(this.frozenShadowLine);\n    // componentGroup.addChild(this.selectBorder);\n    componentGroup.addChild(this.columnResizeBgLine);\n    componentGroup.addChild(this.columnResizeLine);\n    componentGroup.addChild(this.columnResizeLabel);\n    if (this.table.theme.scrollStyle.hoverOn) {\n      componentGroup.addChild(this.hScrollBar);\n      componentGroup.addChild(this.vScrollBar);\n    } else {\n      componentGroup.stage.defaultLayer.addChild(this.hScrollBar);\n      componentGroup.stage.defaultLayer.addChild(this.vScrollBar);\n    }\n    this.menu.bindTableComponent(componentGroup);\n    this.drillIcon.appand(componentGroup);\n    this.cellMover.appand(componentGroup);\n  }\n\n  /**\n   * @description: 创建滚动条组件\n   * @return {*}\n   */\n  createScrollBar() {\n    const theme = this.table.theme;\n    const scrollRailColor = theme.scrollStyle?.scrollRailColor as string;\n    const scrollSliderColor = theme.scrollStyle?.scrollSliderColor as string;\n    const width = theme.scrollStyle?.width as number;\n    // const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n\n    this.hScrollBar = new ScrollBar({\n      direction: 'horizontal',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width: this.table.tableNoFrameWidth,\n      height: width,\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle: {\n        fill: scrollSliderColor\n      },\n      range: [0, 0.1],\n      // scrollRange: [0.4, 0.8]\n      visible: false\n    });\n    // hack方案实现初始化隐藏滚动条，也可以add到stage之后执行hideAll\n    (this.hScrollBar as any).render();\n    this.hScrollBar.hideAll();\n\n    this.vScrollBar = new ScrollBar({\n      direction: 'vertical',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width,\n      height: this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight(),\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle: {\n        fill: scrollSliderColor\n      },\n      range: [0, 0.1],\n      visible: false\n    });\n    (this.vScrollBar as any).render();\n    this.vScrollBar.hideAll();\n  }\n\n  /**\n   * @description: 更新滚动条尺寸\n   * @return {*}\n   */\n  updateScrollBar() {\n    const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos;\n    const oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos;\n\n    const theme = this.table.theme;\n    const width = theme.scrollStyle?.width as number;\n    const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n    const tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width);\n    const tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height);\n\n    const totalHeight = this.table.getAllRowsHeight();\n    const totalWidth = this.table.getAllColsWidth();\n    const frozenRowsHeight = this.table.getFrozenRowsHeight();\n    const frozenColsWidth = this.table.getFrozenColsWidth();\n    const bottomFrozenRowsHeight = this.table.getBottomFrozenRowsHeight();\n    const rightFrozenColsWidth = this.table.getRightFrozenColsWidth();\n    if (totalWidth > tableWidth) {\n      const y = Math.min(tableHeight, totalHeight);\n      const rangeEnd = Math.max(0.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));\n      this.hScrollBar.setAttributes({\n        x: frozenColsWidth + (!this.table.theme.scrollStyle.hoverOn ? this.table.scenegraph.tableGroup.attribute.x : 0),\n        y: y - (this.table.theme.scrollStyle.hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y),\n        width: tableWidth - frozenColsWidth - rightFrozenColsWidth,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n      (this.hScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n      if (visible === 'always') {\n        this.hScrollBar.showAll();\n      }\n    } else {\n      this.hScrollBar.setAttributes({\n        x: -this.table.tableNoFrameWidth * 2,\n        y: -this.table.tableNoFrameHeight * 2,\n        width: 0,\n        visible: false\n      });\n    }\n\n    if (totalHeight > tableHeight) {\n      const x = Math.min(tableWidth, totalWidth);\n      const rangeEnd = Math.max(0.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));\n      this.vScrollBar.setAttributes({\n        x: x - (this.table.theme.scrollStyle.hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x),\n        y:\n          frozenRowsHeight + (!this.table.theme.scrollStyle.hoverOn ? this.table.scenegraph.tableGroup.attribute.y : 0),\n        height: tableHeight - frozenRowsHeight - bottomFrozenRowsHeight,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n      (this.vScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n\n      if (visible === 'always') {\n        this.vScrollBar.showAll();\n      }\n    } else {\n      this.vScrollBar.setAttributes({\n        x: -this.table.tableNoFrameWidth * 2,\n        y: -this.table.tableNoFrameHeight * 2,\n        height: 0,\n        visible: false\n      });\n    }\n\n    this.table.stateManeger.setScrollLeft(oldHorizontalBarPos);\n    this.table.stateManeger.setScrollTop(oldVerticalBarPos);\n  }\n\n  /**\n   * @description: 隐藏列宽调整组件\n   * @return {*}\n   */\n  hideResizeCol() {\n    // this.columnResizeLine.attribute.visible = false;\n    this.columnResizeLine.setAttribute('visible', false);\n    this.columnResizeBgLine.setAttribute('visible', false);\n    this.columnResizeLabel.setAttribute('visible', false);\n    this.columnResizeLabel.hideAll();\n  }\n\n  /**\n   * @description: 显示列宽调整组件\n   * @param {number} col\n   * @param {number} y\n   * @return {*}\n   */\n  showResizeCol(col: number, y: number) {\n    // this.columnResizeLine.attribute.visible = false;\n    // 基准线\n    const colX = getColX(col, this.table);\n    this.columnResizeLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n    this.columnResizeBgLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n\n    // 标签\n    // this.columnResizeLabel.setAttribute('visible', true);\n    this.columnResizeLabel.showAll();\n    this.columnResizeLabel.setAttributes({\n      visible: true,\n      x: colX,\n      y\n    });\n    (this.columnResizeLabel.lastChild as WrapText).setAttribute('text', `${this.table.getColWidth(col)}px`);\n  }\n\n  /**\n   * @description: 更新列宽调整组件\n   * @param {number} col\n   * @param {number} y 标签显示的y坐标\n   * @return {*}\n   */\n  updateResizeCol(col: number, y: number) {\n    // 基准线\n    const colX = getColX(col, this.table);\n    // this.columnResizeLine.setAttribute('x', x);\n    this.columnResizeLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n    this.columnResizeBgLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n\n    // 标签\n    this.columnResizeLabel.setAttributes({\n      x: colX,\n      y\n    });\n    (this.columnResizeLabel.lastChild as WrapText).setAttribute('text', `${Math.floor(this.table.getColWidth(col))}px`);\n  }\n\n  /**\n   * @description: 隐藏列顺序调整组件\n   * @return {*}\n   */\n  hideMoveCol() {\n    this.cellMover.hide();\n  }\n\n  /**\n   * @description: 显示列顺序调整组件\n   * @param {number} col\n   * @param {number} x\n   * @return {*}\n   */\n  showMoveCol(col: number, row: number, delta: number) {\n    this.cellMover.show(col, row, delta);\n  }\n\n  /**\n   * @description: 更新列顺序调整组件\n   * @param {number} backX\n   * @param {number} lineX\n   * @return {*}\n   */\n  updateMoveCol(backX: number, lineX: number, backY: number, lineY: number) {\n    this.cellMover.update(backX, lineX, backY, lineY);\n  }\n\n  /**\n   * @description: 显示冻结列shadow\n   * @param {number} col\n   * @return {*}\n   */\n  setFrozenColumnShadow(col: number) {\n    if (col < 0) {\n      this.frozenShadowLine.setAttributes({\n        visible: false\n      });\n    } else {\n      const colX = this.table.getColsWidth(0, col);\n      this.frozenShadowLine.setAttributes({\n        visible: true,\n        x: colX,\n        height: this.table.getRowsHeight(0, this.table.rowCount - 1)\n      });\n    }\n  }\n\n  hideVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', false);\n    this.vScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', true);\n    this.vScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  hideHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', false);\n    this.hScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', true);\n    this.hScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  updateVerticalScrollBarPos(topRatio: number) {\n    const range = this.vScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    const range0 = topRatio * (1 - size);\n    this.vScrollBar.setAttribute('range', [range0, range0 + size]);\n    const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n    (this.vScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n  updateHorizontalScrollBarPos(leftRatio: number) {\n    const range = this.hScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    this.hScrollBar.setAttribute('range', [leftRatio, leftRatio + size]);\n    const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n    (this.hScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n}\n"]}

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

@@ -3,9 +3,10 @@ import { Group } from '@visactor/vrender';
 import type { BaseTableAPI } from '../../ts-types/base-table';
 interface IChartGraphicAttribute extends IGroupGraphicAttribute {
     canvas: HTMLCanvasElement;
-    dataId: string;
+    dataId: string | Record<string, string>;
     data: any;
     spec: any;
+    axes: any;
     ClassType: any;
     chartInstance: any;
     cellPadding: number[];
@@ -26,6 +27,8 @@ export declare class Chart extends Group {
     cacheCanvas: HTMLCanvasElement;
     constructor(params: IChartGraphicAttribute);
     activate(table: BaseTableAPI): void;
+    static temp: number;
     deactivate(): void;
+    updateData(data: any): void;
 }
 export {};

package/es/scenegraph/graphic/chart.js

@@ -6,23 +6,21 @@ export const CHART_NUMBER_TYPE = genNumberType();
 
 export class Chart extends Group {
     constructor(params) {
-        if (super(params), this.type = "chart", this.numberType = CHART_NUMBER_TYPE, params.chartInstance) this.chartInstance = params.chartInstance; else {
-            params.canvas.getContext("2d");
-            this.chartInstance = new params.ClassType(params.spec, {
-                renderCanvas: params.canvas,
-                mode: "desktop-browser",
-                canvasControled: !1,
-                viewBox: params.viewBox,
-                interactive: !1,
-                animation: !1
-            }), this.chartInstance.renderSync();
-        }
+        super(params), this.type = "chart", this.numberType = CHART_NUMBER_TYPE, params.chartInstance ? this.chartInstance = params.chartInstance : (params.chartInstance = this.chartInstance = new params.ClassType(params.spec, {
+            renderCanvas: params.canvas,
+            mode: "desktop-browser",
+            canvasControled: !1,
+            viewBox: params.viewBox,
+            interactive: !1,
+            animation: !1
+        }), this.chartInstance.renderSync());
     }
     activate(table) {
+        var _a, _b, _c, _d;
         this.active = !0;
         const {x1: x1, y1: y1, x2: x2, y2: y2} = this.attribute.viewBox, tableBound = table.scenegraph.tableGroup.globalAABBBounds, bodyBound = new Bounds;
-        bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth(), bodyBound.x2 = tableBound.x2, 
-        bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight(), bodyBound.y2 = tableBound.y2;
+        bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth(), bodyBound.x2 = tableBound.x2 - table.getRightFrozenColsWidth(), 
+        bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight(), bodyBound.y2 = tableBound.y2 - table.getBottomFrozenRowsHeight();
         const clipBound = bodyBound.intersect({
             x1: x1 - table.scrollLeft,
             x2: x2 - table.scrollLeft,
@@ -50,10 +48,26 @@ export class Chart extends Group {
             afterRender(stage) {
                 stage.window.getContext().inuse = !1;
             }
-        }), this.activeChartInstance.renderSync();
+        }), 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 => {
+            console.log("click captured", params), Chart.temp && table.scenegraph.updateChartState(null == params ? void 0 : params.datum);
+        })), this.activeChartInstance.on("brushEnd", (params => {
+            var _a;
+            console.log("brushEnd captured", params), table.scenegraph.updateChartState(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData), 
+            Chart.temp = 0, setTimeout((() => {
+                Chart.temp = 1;
+            }), 0);
+        })), null === (_d = (_c = table)._bindChartEvent) || void 0 === _d || _d.call(_c, this.activeChartInstance), 
+        console.log("active");
     }
     deactivate() {
-        this.active = !1, this.activeChartInstance.release(), this.activeChartInstance = null;
+        this.active = !1, this.activeChartInstance.release(), this.activeChartInstance = null, 
+        console.log("deactivate");
+    }
+    updateData(data) {
+        this.attribute.data = data;
     }
 }
+
+Chart.temp = 1;
 //# sourceMappingURL=chart.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["scenegraph/graphic/chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAmB1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,EAAE,CAAC;AAEjD,MAAM,OAAO,KAAM,SAAQ,KAAK;IAQ9B,YAAY,MAA8B;QACxC,KAAK,CAAC,MAAM,CAAC,CAAC;QARhB,SAAI,GAAgB,OAAc,CAAC;QASjC,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC;QAGpC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,CAAC,aAAa,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE;gBACrD,YAAY,EAAE,MAAM,CAAC,MAAM;gBAC3B,IAAI,EAAE,iBAAiB;gBACvB,eAAe,EAAE,KAAK;gBACtB,OAAO,EAAE,MAAM,CAAC,OAAO;gBACvB,WAAW,EAAE,KAAK;gBAClB,SAAS,EAAE,KAAK;aACjB,CAAC,CAAC;YACH,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;SACjC;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;SAC3C;IAMH,CAAC;IAKD,QAAQ,CAAC,KAAmB;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAGnB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;QAElD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC;QAChE,MAAM,SAAS,GAAG,IAAI,MAAM,EAAE,CAAC;QAC/B,SAAS,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAC1D,SAAS,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;QAC7B,SAAS,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,GAAG,KAAK,CAAC,mBAAmB,EAAE,CAAC;QAC3D,SAAS,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;QAC7B,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;YACpC,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU;YACzB,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU;YACzB,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS;YACxB,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS;SACzB,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YAC3E,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM;YACnC,IAAI,EAAE,iBAAiB;YACvB,eAAe,EAAE,KAAK;YACtB,OAAO,EAAE;gBACP,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU;gBACzB,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU;gBACzB,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS;gBACxB,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS;aACzB;YACD,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,CAAC,KAAU,EAAE,EAAE;gBAC3B,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;gBACtC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;gBACjB,GAAG,CAAC,WAAW,EAAE,CAAC;gBAClB,GAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;gBACjC,GAAG,CAAC,SAAS,EAAE,CAAC;gBAChB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC/F,GAAG,CAAC,IAAI,EAAE,CAAC;YACb,CAAC;YACD,WAAW,CAAC,KAAU;gBACpB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;gBACtC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;YACpB,CAAC;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC;IAKD,UAAU;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAClC,CAAC;CACF","file":"chart.js","sourcesContent":["import type { GraphicType, IGroupGraphicAttribute } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\nimport { Bounds } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\ninterface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  canvas: HTMLCanvasElement;\n  dataId: string;\n  data: any;\n  spec: any;\n  ClassType: any;\n  chartInstance: any;\n  cellPadding: 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; // HTMLCanvasElement\n\n  constructor(params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n\n    // 创建chart\n    if (!params.chartInstance) {\n      const ctx = params.canvas.getContext('2d');\n      this.chartInstance = new params.ClassType(params.spec, {\n        renderCanvas: params.canvas,\n        mode: 'desktop-browser',\n        canvasControled: false,\n        viewBox: params.viewBox,\n        interactive: false,\n        animation: false\n      });\n      this.chartInstance.renderSync();\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   * 激活该图表元素\n   * @param table\n   */\n  activate(table: BaseTableAPI) {\n    this.active = true;\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    //获取渲染区域的bound 考虑被表头遮住部分的情况\n    const tableBound = table.scenegraph.tableGroup.globalAABBBounds;\n    const bodyBound = new Bounds();\n    bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth();\n    bodyBound.x2 = tableBound.x2;\n    bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight();\n    bodyBound.y2 = tableBound.y2;\n    const clipBound = bodyBound.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      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      animation: false,\n      interactive: true,\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  /**\n   * 图表失去焦点\n   * @param table\n   */\n  deactivate() {\n    this.active = false;\n    this.activeChartInstance.release();\n    this.activeChartInstance = null;\n  }\n}\n"]}
+{"version":3,"sources":["scenegraph/graphic/chart.ts"],"names":[],"mappings":"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","file":"chart.js","sourcesContent":["import type { GraphicType, IGroupGraphicAttribute } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\nimport { Bounds, cloneDeep } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { PivotChart } from '../../PivotChart';\nimport { clearChartCacheImage, updateChartSize } from '../refresh-node/update-chart';\nimport type { PivotLayoutMap } from '../../layout/pivot-layout';\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  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; // HTMLCanvasElement\n\n  constructor(params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n\n    // 创建chart\n    if (!params.chartInstance) {\n      params.chartInstance = this.chartInstance = new params.ClassType(params.spec, {\n        renderCanvas: params.canvas,\n        mode: 'desktop-browser',\n        canvasControled: false,\n        viewBox: params.viewBox,\n        interactive: false,\n        animation: false\n      });\n      this.chartInstance.renderSync();\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   * 激活该图表元素\n   * @param table\n   */\n  activate(table: BaseTableAPI) {\n    this.active = true;\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    //获取渲染区域的bound 考虑被表头遮住部分的情况\n    const tableBound = table.scenegraph.tableGroup.globalAABBBounds;\n    const bodyBound = new Bounds();\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    const clipBound = bodyBound.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      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      animation: false,\n      interactive: true,\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      console.log('click captured', params);\n      if (Chart.temp) {\n        table.scenegraph.updateChartState(params?.datum);\n      }\n    });\n    this.activeChartInstance.on('brushEnd', (params: any) => {\n      console.log('brushEnd captured', params);\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    console.log('active');\n  }\n  static temp: number = 1;\n  /**\n   * 图表失去焦点\n   * @param table\n   */\n  deactivate() {\n    this.active = false;\n    this.activeChartInstance.release();\n    this.activeChartInstance = null;\n    console.log('deactivate');\n  }\n  /** 更新图表对应数据 */\n  updateData(data: any) {\n    this.attribute.data = data;\n  }\n}\n"]}

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

@@ -19,14 +19,33 @@ let DefaultCanvasChartRender = class {
         this.numberType = CHART_NUMBER_TYPE;
     }
     drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb) {
+        var _a, _b;
         const groupAttribute = getTheme(chart, null == params ? void 0 : params.theme).group, {dataId: dataId, data: data, viewBox: viewBox} = chart.attribute, {width: width = groupAttribute.width, height: height = groupAttribute.height} = chart.attribute, {chartInstance: chartInstance, active: active, cacheCanvas: cacheCanvas, activeChartInstance: activeChartInstance} = chart;
-        if (!active && cacheCanvas) context.drawImage(cacheCanvas, x, y, width, height); else if (activeChartInstance) activeChartInstance.updateDataSync("data", data); else {
-            chartInstance.updateViewBox({
+        if (!active && cacheCanvas) context.drawImage(cacheCanvas, x, y, width, height); else if (activeChartInstance) if ("string" == typeof dataId) activeChartInstance.updateDataSync(dataId, null != data ? data : []); else for (const dataIdStr in dataId) {
+            const dataIdAndField = dataId[dataIdStr];
+            activeChartInstance.updateDataSync(dataIdStr, dataIdAndField ? null !== (_a = data.filter((item => item.hasOwnProperty(dataIdAndField)))) && void 0 !== _a ? _a : [] : null != data ? data : []);
+        } else {
+            const {axes: axes} = chart.attribute;
+            if (axes.forEach(((axis, index) => {
+                var _a, _b, _c, _d;
+                if ("linear" === axis.type) {
+                    chartInstance._chart._components[index]._domain = {
+                        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
+                    };
+                } else if ("band" === axis.type) {
+                    const chartAxis = chartInstance._chart._components[index];
+                    chartAxis._spec.domain = axis.domain.slice(0), chartAxis.updateScaleDomain();
+                }
+            })), 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
-            }), chartInstance.updateDataSync(dataId, data);
+            }), "string" == typeof dataId) chartInstance.updateDataSync(dataId, null != data ? data : []); else for (const dataIdStr in dataId) {
+                const dataIdAndField = dataId[dataIdStr];
+                chartInstance.updateDataSync(dataIdStr, dataIdAndField ? null !== (_b = data.filter((item => item.hasOwnProperty(dataIdAndField)))) && void 0 !== _b ? _b : [] : null != data ? data : []);
+            }
             const sg = chartInstance.getStage();
             chart.cacheCanvas = sg.toCanvas();
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["scenegraph/graphic/contributions/chart-render.ts"],"names":[],"mappings":"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","file":"chart-render.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IContext2d,\n  IDrawContext,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute\n} from '@visactor/vrender';\nimport { ContributionProvider, getTheme, IGroupRenderContribution, createImage } from '@visactor/vrender';\nimport { inject, injectable, named } from 'inversify';\nimport type { Chart } from '../chart';\nimport { CHART_NUMBER_TYPE } from '../chart';\n\nexport const ChartRender = Symbol.for('ChartRender');\nexport const ChartRenderContribution = Symbol.for('ChartRenderContribution');\n\n@injectable()\nexport class DefaultCanvasChartRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: Chart,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const groupAttribute = getTheme(chart, params?.theme).group;\n\n    const { dataId, data, viewBox } = chart.attribute;\n    const { width = groupAttribute.width, height = groupAttribute.height } = chart.attribute;\n\n    const { chartInstance, active, cacheCanvas, activeChartInstance } = chart;\n    // console.log('render chart', chart.parent.col, chart.parent.row, viewBox, cacheCanvas);\n    if (!active && cacheCanvas) {\n      context.drawImage(cacheCanvas, x, y, width, height);\n    } else if (activeChartInstance) {\n      activeChartInstance.updateDataSync('data', data);\n    } else {\n      // console.log('viewBox', viewBox);\n      chartInstance.updateViewBox({\n        x1: viewBox.x1 - (chart.getRootNode() as any).table.scrollLeft,\n        x2: viewBox.x2 - (chart.getRootNode() as any).table.scrollLeft,\n        y1: viewBox.y1 - (chart.getRootNode() as any).table.scrollTop,\n        y2: viewBox.y2 - (chart.getRootNode() as any).table.scrollTop\n      });\n      chartInstance.updateDataSync(dataId, data);\n      const sg = chartInstance.getStage();\n      chart.cacheCanvas = sg.toCanvas(); // 截图空白问题 因为开启了动画 首屏截图是无数据的TODO\n    }\n  }\n\n  draw(chart: Chart, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    const { context } = drawContext;\n    if (!context) {\n      return;\n    }\n    // debugger;\n    const { clip } = chart.attribute;\n    if (clip) {\n      context.save();\n    } else {\n      context.highPerformanceSave();\n    }\n    // group直接transform\n    context.transformFromMatrix(chart.transMatrix, true);\n\n    context.beginPath();\n    // 如果跳过绘制，那就不绘制\n    if (params.skipDraw) {\n      this.drawShape(\n        chart,\n        context,\n        0,\n        0,\n        drawContext,\n        params,\n        () => false,\n        () => false\n      );\n    } else {\n      this.drawShape(chart, context, 0, 0, drawContext);\n    }\n\n    // 绘制子元素的时候要添加scroll\n    const chartAttribute = getTheme(chart, params?.theme).group;\n    const { scrollX = chartAttribute.scrollX, scrollY = chartAttribute.scrollY } = chart.attribute;\n    if (scrollX || scrollY) {\n      context.translate(scrollX, scrollY);\n    }\n    let p: any;\n    if (params && params.drawingCb) {\n      p = params.drawingCb();\n    }\n    if (p && p.then) {\n      p.then(() => {\n        if (clip) {\n          context.restore();\n        } else {\n          context.highPerformanceRestore();\n        }\n      });\n    } else if (clip) {\n      context.restore();\n    } else {\n      context.highPerformanceRestore();\n    }\n  }\n}\n"]}
+{"version":3,"sources":["scenegraph/graphic/contributions/chart-render.ts"],"names":[],"mappings":"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","file":"chart-render.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IContext2d,\n  IDrawContext,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute\n} from '@visactor/vrender';\nimport { ContributionProvider, getTheme, IGroupRenderContribution, createImage } from '@visactor/vrender';\nimport { inject, injectable, named } from 'inversify';\nimport type { Chart } from '../chart';\nimport { CHART_NUMBER_TYPE } from '../chart';\n\nexport const ChartRender = Symbol.for('ChartRender');\nexport const ChartRenderContribution = Symbol.for('ChartRenderContribution');\n\n@injectable()\nexport class DefaultCanvasChartRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: Chart,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const groupAttribute = getTheme(chart, params?.theme).group;\n\n    const { dataId, data, viewBox } = chart.attribute;\n    const { width = groupAttribute.width, height = groupAttribute.height } = chart.attribute;\n\n    const { chartInstance, active, cacheCanvas, activeChartInstance } = chart;\n    // console.log('render chart', chart.parent.col, chart.parent.row, viewBox, cacheCanvas);\n    if (!active && cacheCanvas) {\n      context.drawImage(cacheCanvas, x, y, width, height);\n    } else if (activeChartInstance) {\n      if (typeof dataId === 'string') {\n        activeChartInstance.updateDataSync(dataId, data ?? []);\n      } else {\n        // 如果是组合图有series系列 需要组个设置数据 这里的data包括的单元格完整数据 需要根据key过滤\n        for (const dataIdStr in dataId) {\n          const dataIdAndField = dataId[dataIdStr];\n          activeChartInstance.updateDataSync(\n            dataIdStr,\n            dataIdAndField\n              ? data.filter((item: any) => {\n                  return item.hasOwnProperty(dataIdAndField);\n                }) ?? []\n              : data ?? []\n          );\n        }\n      }\n    } else {\n      // console.log('viewBox', viewBox);\n      const { axes } = chart.attribute;\n      axes.forEach((axis: any, index: number) => {\n        if (axis.type === 'linear') {\n          const chartAxis = chartInstance._chart._components[index];\n          chartAxis._domain = {\n            min: axis.range?.min ?? 0,\n            max: axis.range?.max ?? 0\n          };\n        } else if (axis.type === 'band') {\n          const chartAxis = chartInstance._chart._components[index];\n          chartAxis._spec.domain = axis.domain.slice(0);\n          chartAxis.updateScaleDomain();\n        }\n      });\n      chartInstance.updateViewBox({\n        x1: viewBox.x1 - (chart.getRootNode() as any).table.scrollLeft,\n        x2: viewBox.x2 - (chart.getRootNode() as any).table.scrollLeft,\n        y1: viewBox.y1 - (chart.getRootNode() as any).table.scrollTop,\n        y2: viewBox.y2 - (chart.getRootNode() as any).table.scrollTop\n      });\n      if (typeof dataId === 'string') {\n        chartInstance.updateDataSync(dataId, data ?? []);\n      } else {\n        for (const dataIdStr in dataId) {\n          const dataIdAndField = dataId[dataIdStr];\n          chartInstance.updateDataSync(\n            dataIdStr,\n            dataIdAndField\n              ? data.filter((item: any) => {\n                  return item.hasOwnProperty(dataIdAndField);\n                }) ?? []\n              : data ?? []\n          );\n        }\n      }\n      const sg = chartInstance.getStage();\n      chart.cacheCanvas = sg.toCanvas(); // 截图空白问题 因为开启了动画 首屏截图是无数据的TODO\n    }\n  }\n\n  draw(chart: Chart, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    const { context } = drawContext;\n    if (!context) {\n      return;\n    }\n    // debugger;\n    const { clip } = chart.attribute;\n    if (clip) {\n      context.save();\n    } else {\n      context.highPerformanceSave();\n    }\n    // group直接transform\n    context.transformFromMatrix(chart.transMatrix, true);\n\n    context.beginPath();\n    // 如果跳过绘制，那就不绘制\n    if (params.skipDraw) {\n      this.drawShape(\n        chart,\n        context,\n        0,\n        0,\n        drawContext,\n        params,\n        () => false,\n        () => false\n      );\n    } else {\n      this.drawShape(chart, context, 0, 0, drawContext);\n    }\n\n    // 绘制子元素的时候要添加scroll\n    const chartAttribute = getTheme(chart, params?.theme).group;\n    const { scrollX = chartAttribute.scrollX, scrollY = chartAttribute.scrollY } = chart.attribute;\n    if (scrollX || scrollY) {\n      context.translate(scrollX, scrollY);\n    }\n    let p: any;\n    if (params && params.drawingCb) {\n      p = params.drawingCb();\n    }\n    if (p && p.then) {\n      p.then(() => {\n        if (clip) {\n          context.restore();\n        } else {\n          context.highPerformanceRestore();\n        }\n      });\n    } else if (clip) {\n      context.restore();\n    } else {\n      context.highPerformanceRestore();\n    }\n  }\n}\n"]}

package/es/scenegraph/graphic/contributions/group-contribution-render.d.ts

@@ -1,10 +1,10 @@
-import type { IGroup, IContext2d, IGroupGraphicAttribute, IMarkAttribute, IGraphicAttribute, IThemeAttribute, IGroupRenderContribution } from '@visactor/vrender';
+import type { IGroup, IContext2d, IGroupGraphicAttribute, IMarkAttribute, IGraphicAttribute, IThemeAttribute, IGroupRenderContribution, IDrawContext } from '@visactor/vrender';
 import { BaseRenderContributionTime } from '@visactor/vrender';
 export declare class SplitGroupBeforeRenderContribution implements IGroupRenderContribution {
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
         doFill: boolean;
         doStroke: boolean;
     }): void;
@@ -13,7 +13,7 @@ export declare class SplitGroupAfterRenderContribution implements IGroupRenderCo
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
 }
 export declare function getWidthInfo(widthArray: number[] | number): {
     isSplitDraw: boolean;
@@ -27,7 +27,7 @@ export declare class DashGroupBeforeRenderContribution implements IGroupRenderCo
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
         doFill: boolean;
         doStroke: boolean;
     }): void;
@@ -36,13 +36,13 @@ export declare class DashGroupAfterRenderContribution implements IGroupRenderCon
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
 }
 export declare class AdjustPosGroupBeforeRenderContribution implements IGroupRenderContribution {
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
         doFill: boolean;
         doStroke: boolean;
     }): void;
@@ -51,13 +51,13 @@ export declare class AdjustPosGroupAfterRenderContribution implements IGroupRend
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
 }
 export declare class AdjustColorGroupBeforeRenderContribution implements IGroupRenderContribution {
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, doFillOrStroke?: {
         doFill: boolean;
         doStroke: boolean;
     }): void;
@@ -66,5 +66,5 @@ export declare class AdjustColorGroupAfterRenderContribution implements IGroupRe
     time: BaseRenderContributionTime;
     useStyle: boolean;
     order: number;
-    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
+    drawShape(group: IGroup, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, groupAttribute: Required<IGroupGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
 }