@visactor/vtable 0.9.0-alpha.0-alpha.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/debug-tool/debug-tool.ts"],"names":[],"mappings":"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","file":"debug-tool.js","sourcesContent":["import type { FederatedPointerEvent, IStage, IRect, IGraphic } from '@visactor/vrender';\nimport { createRect, getTheme } from '@visactor/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._rect = createRect({\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0,\n      fill: false,\n      stroke: true,\n      strokeColor: 'red',\n      lineWidth: 1,\n      pickable: false,\n      visible: false\n    });\n    this._stage.defaultLayer.appendChild(this._rect);\n\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/cjs/scenegraph/debug-tool/index.d.ts

@@ -0,0 +1,4 @@
+import type { Stage } from '@visactor/vrender';
+import type { DebugToolOptions } from './debug-tool';
+import { DebugTool } from './debug-tool';
+export declare function bindDebugTool(stage: Stage, options: DebugToolOptions): DebugTool;

package/cjs/scenegraph/debug-tool/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bindDebugTool = void 0;
+
+const debug_tool_1 = require("./debug-tool");
+
+function bindDebugTool(stage, options) {
+    return new debug_tool_1.DebugTool(stage, options);
+}
+
+exports.bindDebugTool = bindDebugTool;
+//# sourceMappingURL=index.js.map

package/cjs/scenegraph/debug-tool/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/debug-tool/index.ts"],"names":[],"mappings":";;;AAEA,6CAAyC;AAEzC,SAAgB,aAAa,CAAC,KAAY,EAAE,OAAyB;IACnE,OAAO,IAAI,sBAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACvC,CAAC;AAFD,sCAEC","file":"index.js","sourcesContent":["import type { Stage } from '@visactor/vrender';\nimport type { DebugToolOptions } from './debug-tool';\nimport { DebugTool } from './debug-tool';\n\nexport function bindDebugTool(stage: Stage, options: DebugToolOptions) {\n  return new DebugTool(stage, options);\n}\n"]}

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

@@ -0,0 +1,30 @@
+import type { GraphicType, IGroupGraphicAttribute } from '@visactor/vrender';
+import { Group } from '@visactor/vrender';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+interface IChartGraphicAttribute extends IGroupGraphicAttribute {
+    canvas: HTMLCanvasElement;
+    dataId: string;
+    data: any;
+    spec: any;
+    ClassType: any;
+    chartInstance: any;
+    viewBox: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+}
+export declare const CHART_NUMBER_TYPE: number;
+export declare class Chart extends Group {
+    type: GraphicType;
+    attribute: IChartGraphicAttribute;
+    chartInstance: any;
+    activeChartInstance: any;
+    active: boolean;
+    cacheCanvas: HTMLCanvasElement;
+    constructor(params: IChartGraphicAttribute);
+    activate(table: BaseTableAPI): void;
+    deactivate(): void;
+}
+export {};

package/cjs/scenegraph/graphic/chart.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Chart = exports.CHART_NUMBER_TYPE = void 0;
+
+const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils");
+
+exports.CHART_NUMBER_TYPE = (0, vrender_1.genNumberType)();
+
+class Chart extends vrender_1.Group {
+    constructor(params) {
+        if (super(params), this.type = "chart", this.numberType = exports.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();
+        }
+    }
+    activate(table) {
+        this.active = !0;
+        const {x1: x1, y1: y1, x2: x2, y2: y2} = this.attribute.viewBox, tableBound = table.scenegraph.tableGroup.globalAABBBounds, bodyBound = new vutils_1.Bounds;
+        bodyBound.x1 = tableBound.x1 + table.getFrozenColsWidth(), bodyBound.x2 = tableBound.x2, 
+        bodyBound.y1 = tableBound.y1 + table.getFrozenRowsHeight(), bodyBound.y2 = tableBound.y2;
+        const clipBound = bodyBound.intersect({
+            x1: x1 - table.scrollLeft,
+            x2: x2 - table.scrollLeft,
+            y1: y1 - table.scrollTop,
+            y2: y2 - table.scrollTop
+        });
+        this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, {
+            renderCanvas: this.attribute.canvas,
+            mode: "desktop-browser",
+            canvasControled: !1,
+            viewBox: {
+                x1: x1 - table.scrollLeft,
+                x2: x2 - table.scrollLeft,
+                y1: y1 - table.scrollTop,
+                y2: y2 - table.scrollTop
+            },
+            animation: !1,
+            interactive: !0,
+            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();
+            },
+            afterRender(stage) {
+                stage.window.getContext().inuse = !1;
+            }
+        }), this.activeChartInstance.renderSync();
+    }
+    deactivate() {
+        this.active = !1, this.activeChartInstance.release(), this.activeChartInstance = null;
+    }
+}
+
+exports.Chart = Chart;
+//# sourceMappingURL=chart.js.map

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

@@ -0,0 +1 @@
+{"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 } 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  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"]}

package/cjs/scenegraph/graphic/contributions/chart-render.d.ts

@@ -0,0 +1,10 @@
+import type { IGraphicAttribute, IContext2d, IDrawContext, IGraphicRender, IGraphicRenderDrawParams, IMarkAttribute, IRenderService, IThemeAttribute } from '@visactor/vrender';
+import type { Chart } from '../chart';
+export declare const ChartRender: unique symbol;
+export declare const ChartRenderContribution: unique symbol;
+export declare class DefaultCanvasChartRender implements IGraphicRender {
+    type: 'chart';
+    numberType: number;
+    drawShape(chart: Chart, context: IContext2d, x: number, y: number, drawContext: IDrawContext, params?: IGraphicRenderDrawParams, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
+    draw(chart: Chart, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams): void;
+}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultCanvasChartRender = exports.ChartRenderContribution = exports.ChartRender = void 0;
+
+const vrender_1 = require("@visactor/vrender"), inversify_1 = require("inversify"), chart_1 = require("../chart");
+
+exports.ChartRender = Symbol.for("ChartRender"), exports.ChartRenderContribution = Symbol.for("ChartRenderContribution");
+
+let DefaultCanvasChartRender = class {
+    constructor() {
+        this.numberType = chart_1.CHART_NUMBER_TYPE;
+    }
+    drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb) {
+        const groupAttribute = (0, vrender_1.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) console.log("x,y", x, y, viewBox), context.drawImage(cacheCanvas, x, y, width, height); else if (activeChartInstance) activeChartInstance.updateDataSync("data", data); else {
+            console.log("viewBox", viewBox), chartInstance.updateViewBox(viewBox), chartInstance.updateDataSync(dataId, data);
+            const sg = chartInstance.getStage();
+            chart.cacheCanvas = sg.toCanvas();
+        }
+    }
+    draw(chart, renderService, drawContext, params) {
+        const {context: context} = drawContext;
+        if (!context) return;
+        const {clip: clip} = chart.attribute;
+        clip ? context.save() : context.highPerformanceSave(), context.transformFromMatrix(chart.transMatrix, !0), 
+        context.beginPath(), params.skipDraw ? this.drawShape(chart, context, 0, 0, drawContext, params, (() => !1), (() => !1)) : this.drawShape(chart, context, 0, 0, drawContext);
+        const chartAttribute = (0, vrender_1.getTheme)(chart, null == params ? void 0 : params.theme).group, {scrollX: scrollX = chartAttribute.scrollX, scrollY: scrollY = chartAttribute.scrollY} = chart.attribute;
+        let p;
+        (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), 
+        p && p.then ? p.then((() => {
+            clip ? context.restore() : context.highPerformanceRestore();
+        })) : clip ? context.restore() : context.highPerformanceRestore();
+    }
+};
+
+DefaultCanvasChartRender = __decorate([ (0, inversify_1.injectable)() ], DefaultCanvasChartRender), 
+exports.DefaultCanvasChartRender = DefaultCanvasChartRender;
+//# sourceMappingURL=chart-render.js.map

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

@@ -0,0 +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\n    if (!active && cacheCanvas) {\n      console.log('x,y', x, y, viewBox);\n      context.drawImage(cacheCanvas, x, y, width, height);\n      // context.drawImage(cacheCanvas, 0, 0, 281, 181);\n      // chartInstance.release();\n    } else if (activeChartInstance) {\n      activeChartInstance.updateDataSync('data', data);\n      // activeChartInstance.renderSync();\n    } else {\n      console.log('viewBox', viewBox);\n      chartInstance.updateViewBox(viewBox);\n      chartInstance.updateDataSync(dataId, data);\n      // .then((cs: any) => {\n      //   const sg = cs.getStage();\n      //   chart.cacheCanvas = sg.toCanvas(); // 截图空白问题 因为开启了动画 首屏截图是无数据的TODO\n      // });\n      // chartInstance.renderSync();\n      const sg = chartInstance.getStage();\n      chart.cacheCanvas = sg.toCanvas(); // 截图空白问题 因为开启了动画 首屏截图是无数据的TODO\n      // chartInstance.renderSync();\n      // chartInstance.render(context, x, y);\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/cjs/scenegraph/graphic/contributions/group-contribution-render.d.ts

@@ -0,0 +1,70 @@
+import type { IGroup, IContext2d, IGroupGraphicAttribute, IMarkAttribute, IGraphicAttribute, IThemeAttribute, IGroupRenderContribution } 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?: {
+        doFill: boolean;
+        doStroke: boolean;
+    }): void;
+}
+export declare class SplitGroupAfterRenderContribution 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): void;
+}
+export declare function getWidthInfo(widthArray: number[] | number): {
+    isSplitDraw: boolean;
+    width: number;
+} | {
+    isSplitDraw: boolean;
+    width?: undefined;
+};
+export declare function renderStroke(group: IGroup, context: IContext2d, x: number, y: number, groupAttribute: Required<IGroupGraphicAttribute>, stroke: boolean | [boolean, boolean, boolean, boolean], strokeArrayWidth: [number, number, number, number] | undefined, strokeArrayColor: [string, string, string, string] | undefined, width: number, height: number, isHighlight?: boolean, part?: ([number, number] | undefined)[]): void;
+export declare class DashGroupBeforeRenderContribution 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?: {
+        doFill: boolean;
+        doStroke: boolean;
+    }): void;
+}
+export declare class DashGroupAfterRenderContribution 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): 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?: {
+        doFill: boolean;
+        doStroke: boolean;
+    }): void;
+}
+export declare class AdjustPosGroupAfterRenderContribution 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): 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?: {
+        doFill: boolean;
+        doStroke: boolean;
+    }): void;
+}
+export declare class AdjustColorGroupAfterRenderContribution 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): void;
+}

package/cjs/scenegraph/graphic/contributions/group-contribution-render.js

@@ -0,0 +1,195 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AdjustColorGroupAfterRenderContribution = exports.AdjustColorGroupBeforeRenderContribution = exports.AdjustPosGroupAfterRenderContribution = exports.AdjustPosGroupBeforeRenderContribution = exports.DashGroupAfterRenderContribution = exports.DashGroupBeforeRenderContribution = exports.renderStroke = exports.getWidthInfo = exports.SplitGroupAfterRenderContribution = exports.SplitGroupBeforeRenderContribution = void 0;
+
+const inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender"), is_cell_hover_1 = require("../../../state/hover/is-cell-hover");
+
+let SplitGroupBeforeRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb, doFillOrStroke) {
+        const {stroke: stroke = groupAttribute.stroke, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor} = group.attribute;
+        stroke && (Array.isArray(strokeArrayWidth) || Array.isArray(strokeArrayColor)) && (doFillOrStroke.doStroke = !1);
+    }
+};
+
+SplitGroupBeforeRenderContribution = __decorate([ (0, inversify_1.injectable)() ], SplitGroupBeforeRenderContribution), 
+exports.SplitGroupBeforeRenderContribution = SplitGroupBeforeRenderContribution;
+
+let SplitGroupAfterRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb) {
+        const {width: width = groupAttribute.width, height: height = groupAttribute.height, stroke: stroke = groupAttribute.stroke, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth, lineWidth: lineWidth = groupAttribute.lineWidth, strokeColor: strokeColor = groupAttribute.strokeColor} = group.attribute;
+        stroke && (Array.isArray(strokeArrayWidth) || 0 !== lineWidth) && (Array.isArray(stroke) || Array.isArray(strokeArrayColor) || Array.isArray(strokeArrayWidth)) && (("number" == typeof lineWidth && 1 & lineWidth || Array.isArray(strokeArrayWidth) && strokeArrayWidth.some((width => 1 & width))) && (x = Math.floor(x) + .5, 
+        y = Math.floor(y) + .5), renderStroke(group, context, x, y, groupAttribute, stroke, strokeArrayWidth || lineWidth, strokeArrayColor || strokeColor, Math.ceil(width), Math.ceil(height)));
+    }
+};
+
+function getWidthInfo(widthArray) {
+    if (!Array.isArray(widthArray)) return {
+        isSplitDraw: !1,
+        width: widthArray
+    };
+    let temp;
+    for (let i = 0; i < widthArray.length; i++) {
+        const width = widthArray[i];
+        if (width) if (temp) {
+            if (width !== temp) return {
+                isSplitDraw: !0
+            };
+        } else temp = width;
+    }
+    return {
+        isSplitDraw: !1,
+        width: temp
+    };
+}
+
+function renderStroke(group, context, x, y, groupAttribute, stroke, strokeArrayWidth, strokeArrayColor, width, height, isHighlight, part) {
+    const widthInfo = getWidthInfo(strokeArrayWidth), isWidthNumber = !Array.isArray(strokeArrayWidth), isStrokeTrue = !Array.isArray(stroke), isPart = Array.isArray(part), isSplitDraw = Array.isArray(strokeArrayColor) || widthInfo.isSplitDraw;
+    context.setStrokeStyle(group, group.attribute, x, y, groupAttribute);
+    let isDash = !1;
+    context.getLineDash().length && (isDash = !0), context.beginPath(), context.moveTo(x, y), 
+    (isStrokeTrue || stroke[0]) && (isWidthNumber || strokeArrayWidth[0]) ? (isPart && Array.isArray(part[0]) ? (context.moveTo(x + width * part[0][0], y), 
+    context.lineTo(x + width * (part[0][1] - part[0][0]), y), context.moveTo(x + width, y)) : (context.moveTo(x, y), 
+    context.lineTo(x + width, y)), !isSplitDraw && !isDash || strokeArrayColor && !strokeArrayColor[0] || (strokeArrayColor && (context.strokeStyle = strokeArrayColor[0]), 
+    isWidthNumber || (context.lineWidth = strokeArrayWidth[0]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, 
+    context.stroke(), context.beginPath(), context.moveTo(x + width, y))) : context.moveTo(x + width, y), 
+    (isStrokeTrue || stroke[1]) && (isWidthNumber || strokeArrayWidth[1]) ? (isPart && Array.isArray(part[1]) ? (context.moveTo(x + width, y + height * part[1][0]), 
+    context.lineTo(x + width, y + height * (part[1][1] - part[1][0])), context.moveTo(x + width, y + height)) : (context.moveTo(x + width, y), 
+    context.lineTo(x + width, y + height)), !isSplitDraw && !isDash || strokeArrayColor && !strokeArrayColor[1] || (strokeArrayColor && (context.strokeStyle = strokeArrayColor[1]), 
+    isWidthNumber || (context.lineWidth = strokeArrayWidth[1]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, 
+    context.stroke(), context.beginPath(), context.moveTo(x + width, y + height))) : context.moveTo(x + width, y + height), 
+    (isStrokeTrue || stroke[2]) && (isWidthNumber || strokeArrayWidth[2]) ? (isPart && Array.isArray(part[2]) ? (context.moveTo(x + width * part[2][0], y + height), 
+    context.lineTo(x + width * (part[2][1] - part[2][0]), y + height), context.moveTo(x, y + height)) : (context.moveTo(x, y + height), 
+    context.lineTo(x + width, y + height)), !isSplitDraw && !isDash || strokeArrayColor && !strokeArrayColor[2] || (strokeArrayColor && (context.strokeStyle = strokeArrayColor[2]), 
+    isWidthNumber || (context.lineWidth = strokeArrayWidth[2]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, 
+    context.stroke(), context.beginPath(), context.moveTo(x, y + height))) : context.moveTo(x, y + height), 
+    (isStrokeTrue || stroke[3]) && (isWidthNumber || strokeArrayWidth[3]) ? (isPart && Array.isArray(part[3]) ? (context.moveTo(x, y + height * part[3][0]), 
+    context.lineTo(x, y + height * (part[3][1] - part[3][0])), context.moveTo(x, y)) : (context.moveTo(x, y), 
+    context.lineTo(x, y + height)), !isSplitDraw && !isDash || strokeArrayColor && !strokeArrayColor[3] || (strokeArrayColor && (context.strokeStyle = strokeArrayColor[3]), 
+    isWidthNumber || (context.lineWidth = strokeArrayWidth[3]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, 
+    context.stroke(), context.beginPath(), context.moveTo(x, y))) : context.moveTo(x, y), 
+    isSplitDraw || isDash || (!isWidthNumber && widthInfo.width && (context.lineWidth = widthInfo.width), 
+    context.stroke());
+}
+
+SplitGroupAfterRenderContribution = __decorate([ (0, inversify_1.injectable)() ], SplitGroupAfterRenderContribution), 
+exports.SplitGroupAfterRenderContribution = SplitGroupAfterRenderContribution, exports.getWidthInfo = getWidthInfo, 
+exports.renderStroke = renderStroke;
+
+let DashGroupBeforeRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb, doFillOrStroke) {
+        const {lineDash: lineDash = groupAttribute.lineDash, stroke: stroke = groupAttribute.stroke, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth} = group.attribute;
+        stroke && Array.isArray(lineDash) && lineDash.length && !Array.isArray(stroke) && !Array.isArray(strokeArrayColor) && !Array.isArray(strokeArrayWidth) && (doFillOrStroke.doStroke = !1);
+    }
+};
+
+DashGroupBeforeRenderContribution = __decorate([ (0, inversify_1.injectable)() ], DashGroupBeforeRenderContribution), 
+exports.DashGroupBeforeRenderContribution = DashGroupBeforeRenderContribution;
+
+let DashGroupAfterRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb) {
+        const {lineDash: lineDash = groupAttribute.lineDash, stroke: stroke = groupAttribute.stroke, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth, lineWidth: lineWidth = groupAttribute.lineWidth} = group.attribute;
+        if (!stroke || !Array.isArray(lineDash) || !lineDash.length || Array.isArray(stroke) || Array.isArray(strokeArrayColor) || Array.isArray(strokeArrayWidth)) return;
+        let {width: width = groupAttribute.width, height: height = groupAttribute.height} = group.attribute;
+        width = Math.ceil(width), height = Math.ceil(height), 1 & lineWidth && (x = Math.floor(x) + .5, 
+        y = Math.floor(y) + .5), context.setStrokeStyle(group, group.attribute, x, y, groupAttribute), 
+        context.beginPath(), context.moveTo(x, y), context.lineTo(x + width, y), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, 
+        context.stroke(), context.beginPath(), context.moveTo(x + width, y), context.lineTo(x + width, y + height), 
+        context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, context.stroke(), 
+        context.beginPath(), context.moveTo(x, y + height), context.lineTo(x + width, y + height), 
+        context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, context.stroke(), 
+        context.beginPath(), context.moveTo(x, y), context.lineTo(x, y + height), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, 
+        context.stroke();
+    }
+};
+
+DashGroupAfterRenderContribution = __decorate([ (0, inversify_1.injectable)() ], DashGroupAfterRenderContribution), 
+exports.DashGroupAfterRenderContribution = DashGroupAfterRenderContribution;
+
+let AdjustPosGroupBeforeRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb, doFillOrStroke) {
+        const {lineWidth: lineWidth = groupAttribute.lineWidth, stroke: stroke = groupAttribute.stroke, lineDash: lineDash = groupAttribute.lineDash, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor} = group.attribute;
+        stroke && Array.isArray(lineDash) && !lineDash.length && !Array.isArray(stroke) && !Array.isArray(strokeArrayColor) && !Array.isArray(strokeArrayWidth) && 1 & lineWidth && (doFillOrStroke.doStroke = !1);
+    }
+};
+
+AdjustPosGroupBeforeRenderContribution = __decorate([ (0, inversify_1.injectable)() ], AdjustPosGroupBeforeRenderContribution), 
+exports.AdjustPosGroupBeforeRenderContribution = AdjustPosGroupBeforeRenderContribution;
+
+let AdjustPosGroupAfterRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb) {
+        const {lineWidth: lineWidth = groupAttribute.lineWidth, stroke: stroke = groupAttribute.stroke, lineDash: lineDash = groupAttribute.lineDash, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor} = group.attribute;
+        let {width: width = groupAttribute.width, height: height = groupAttribute.height} = group.attribute;
+        if (width = Math.ceil(width), height = Math.ceil(height), stroke && Array.isArray(lineDash) && !lineDash.length && !Array.isArray(stroke) && !Array.isArray(strokeArrayColor) && !Array.isArray(strokeArrayWidth) && 1 & lineWidth) {
+            const table = group.stage.table, col = group.col, row = group.row;
+            (table && col === table.colCount - 1 || table && col === table.frozenColCount - 1 && table.scrollLeft) && (width -= 1), 
+            (table && row === table.rowCount - 1 || table && row === table.frozenRowCount - 1 && table.scrollTop) && (height -= 1), 
+            context.beginPath(), x = Math.floor(x) + .5, y = Math.floor(y) + .5, context.rect(x, y, width, height), 
+            context.setStrokeStyle(group, group.attribute, x, y, groupAttribute), context.stroke();
+        }
+    }
+};
+
+AdjustPosGroupAfterRenderContribution = __decorate([ (0, inversify_1.injectable)() ], AdjustPosGroupAfterRenderContribution), 
+exports.AdjustPosGroupAfterRenderContribution = AdjustPosGroupAfterRenderContribution;
+
+let AdjustColorGroupBeforeRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb, doFillOrStroke) {
+        if ("cell" === group.role) {
+            const table = group.stage.table, hoverColor = (0, is_cell_hover_1.getCellHoverColor)(group, table);
+            hoverColor && (group.oldColor = group.attribute.fillColor, group.attribute.fillColor = hoverColor);
+        }
+    }
+};
+
+AdjustColorGroupBeforeRenderContribution = __decorate([ (0, inversify_1.injectable)() ], AdjustColorGroupBeforeRenderContribution), 
+exports.AdjustColorGroupBeforeRenderContribution = AdjustColorGroupBeforeRenderContribution;
+
+let AdjustColorGroupAfterRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb) {
+        "oldColor" in group && (group.attribute.fillColor = group.oldColor, delete group.oldColor);
+    }
+};
+
+AdjustColorGroupAfterRenderContribution = __decorate([ (0, inversify_1.injectable)() ], AdjustColorGroupAfterRenderContribution), 
+exports.AdjustColorGroupAfterRenderContribution = AdjustColorGroupAfterRenderContribution;
+//# sourceMappingURL=group-contribution-render.js.map

package/cjs/scenegraph/graphic/contributions/group-contribution-render.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/graphic/contributions/group-contribution-render.ts"],"names":[],"mappings":"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","file":"group-contribution-render.js","sourcesContent":["import { injectable } from 'inversify';\nimport type {\n  IGroup,\n  IContext2d,\n  IGroupGraphicAttribute,\n  IMarkAttribute,\n  IGraphicAttribute,\n  IThemeAttribute,\n  IGroupRenderContribution\n} from '@visactor/vrender';\nimport { BaseRenderContributionTime } from '@visactor/vrender';\nimport type { Group } from '../group';\nimport { getCellHoverColor } from '../../../state/hover/is-cell-hover';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\n\n// const highlightDash: number[] = [];\n\n// SplitGroupContribution处理分段渲染stroke\n// stroke/strokeArrayWidth/strokeArrayColor 为数组时调用\n@injectable()\nexport class SplitGroupBeforeRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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    doFillOrStroke?: { doFill: boolean; doStroke: boolean }\n  ) {\n    const {\n      stroke = groupAttribute.stroke,\n      strokeArrayWidth = (groupAttribute as any).strokeArrayWidth,\n      strokeArrayColor = (groupAttribute as any).strokeArrayColor\n      // highlightStroke = (groupAttribute as any).highlightStroke,\n      // highlightStrokeArrayWidth = (groupAttribute as any).highlightStrokeArrayWidth,\n      // width = groupAttribute.width,\n      // height = groupAttribute.height,\n    } = group.attribute as any;\n\n    if (stroke && (Array.isArray(strokeArrayWidth) || Array.isArray(strokeArrayColor))) {\n      doFillOrStroke.doStroke = false;\n    }\n\n    // if (highlightStroke) {\n    //   // 依据highlightStroke信息调整clip范围，以实现在单个单元格显示highlight border\n    //   let xDist = x;\n    //   let yDist = y;\n    //   let widthDist = width;\n    //   let heightDist = height;\n    //   if (highlightStroke[0] && highlightStrokeArrayWidth[0]) {\n    //     // top\n    //     yDist -= highlightStrokeArrayWidth[0] / 2;\n    //     heightDist += highlightStrokeArrayWidth[0] / 2;\n    //   }\n    //   if (highlightStroke[1] && highlightStrokeArrayWidth[1]) {\n    //     // right\n    //     widthDist += highlightStrokeArrayWidth[1] / 2;\n    //   }\n    //   if (highlightStroke[2] && highlightStrokeArrayWidth[2]) {\n    //     // bottom\n    //     heightDist += highlightStrokeArrayWidth[2] / 2;\n    //   }\n    //   if (highlightStroke[3] && highlightStrokeArrayWidth[3]) {\n    //     // left\n    //     xDist -= highlightStrokeArrayWidth[3] / 2;\n    //     widthDist += highlightStrokeArrayWidth[3] / 2;\n    //   }\n\n    //   context.beginPath();\n    //   context.rect(xDist, yDist, widthDist, heightDist);\n    // }\n  }\n}\n@injectable()\nexport class SplitGroupAfterRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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 {\n      width = groupAttribute.width,\n      height = groupAttribute.height,\n      // 基础border\n      stroke = groupAttribute.stroke,\n      strokeArrayColor = (groupAttribute as any).strokeArrayColor,\n      strokeArrayWidth = (groupAttribute as any).strokeArrayWidth,\n\n      lineWidth = groupAttribute.lineWidth,\n      strokeColor = groupAttribute.strokeColor\n      // // select & hover border\n      // highlightStroke = (groupAttribute as any).highlightStroke,\n      // highlightStrokeArrayColor = (groupAttribute as any).highlightStrokeArrayColor,\n      // highlightStrokeArrayWidth = (groupAttribute as any).highlightStrokeArrayWidth,\n      // highlightStrokeArrayPart = (groupAttribute as any).highlightStrokeArrayPart,\n    } = group.attribute as any;\n\n    // lineWidth === 0 不绘制\n    if (!stroke || (!Array.isArray(strokeArrayWidth) && lineWidth === 0)) {\n      return;\n    }\n\n    if (Array.isArray(stroke) || Array.isArray(strokeArrayColor) || Array.isArray(strokeArrayWidth)) {\n      if (\n        (typeof lineWidth === 'number' && lineWidth & 1) ||\n        (Array.isArray(strokeArrayWidth) && strokeArrayWidth.some(width => width & 1))\n      ) {\n        x = Math.floor(x) + 0.5;\n        y = Math.floor(y) + 0.5;\n      }\n      renderStroke(\n        group,\n        context,\n        x,\n        y,\n        groupAttribute,\n        stroke,\n        strokeArrayWidth || lineWidth,\n        strokeArrayColor || strokeColor,\n        Math.ceil(width),\n        Math.ceil(height)\n      );\n    }\n  }\n}\n\n/**\n * @description: 判断线宽是否需要分别渲染（线宽不同）\n * @param {number} widthArray\n * @return {*}\n */\nexport function getWidthInfo(widthArray: number[] | number) {\n  if (!Array.isArray(widthArray)) {\n    return {\n      isSplitDraw: false,\n      width: widthArray\n    };\n  }\n\n  let temp;\n  for (let i = 0; i < widthArray.length; i++) {\n    const width = widthArray[i];\n    if (width) {\n      if (!temp) {\n        temp = width;\n      } else if (width !== temp) {\n        return {\n          isSplitDraw: true\n        };\n      }\n    }\n  }\n\n  return {\n    isSplitDraw: false,\n    width: temp\n  };\n}\n\nexport function renderStroke(\n  group: IGroup,\n  context: IContext2d,\n  x: number,\n  y: number,\n  groupAttribute: Required<IGroupGraphicAttribute>,\n  stroke: boolean | [boolean, boolean, boolean, boolean],\n  strokeArrayWidth: [number, number, number, number] | undefined,\n  strokeArrayColor: [string, string, string, string] | undefined,\n  width: number,\n  height: number,\n  isHighlight?: boolean,\n  part?: ([number, number] | undefined)[]\n) {\n  const widthInfo = getWidthInfo(strokeArrayWidth);\n  const isWidthNumber = !Array.isArray(strokeArrayWidth);\n  const isStrokeTrue = !Array.isArray(stroke);\n  // 渲染部分线段，part: [[0, 0.5], undifined, undifined, undifined]\n  // 同样上右下左，范围0-1，[0, 0.5]即只渲染前一半\n  const isPart = Array.isArray(part);\n  const isSplitDraw = Array.isArray(strokeArrayColor) || widthInfo.isSplitDraw;\n\n  context.setStrokeStyle(group, group.attribute, x, y, groupAttribute);\n  // if (isHighlight) {\n  //   context.setLineDash(highlightDash);\n  //   context.lineCap = 'square';\n  // }\n  const lineDash = context.getLineDash();\n  let isDash = false;\n  if (lineDash.length) {\n    isDash = true;\n  }\n  // 单独处理每条边界，目前不考虑圆角\n  context.beginPath();\n  context.moveTo(x, y);\n\n  // top\n  if ((isStrokeTrue || stroke[0]) && (isWidthNumber || strokeArrayWidth[0])) {\n    // context.lineTo(x + width, y);\n    if (isPart && Array.isArray(part[0])) {\n      context.moveTo(x + width * part[0][0], y);\n      context.lineTo(x + width * (part[0][1] - part[0][0]), y);\n      context.moveTo(x + width, y);\n    } else {\n      context.moveTo(x, y);\n      context.lineTo(x + width, y);\n    }\n    if ((isSplitDraw || isDash) && (!strokeArrayColor || strokeArrayColor[0])) {\n      if (strokeArrayColor) {\n        context.strokeStyle = strokeArrayColor[0];\n      }\n      if (!isWidthNumber) {\n        context.lineWidth = strokeArrayWidth[0];\n      }\n      context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;\n      context.stroke();\n      context.beginPath();\n      context.moveTo(x + width, y);\n    }\n  } else {\n    context.moveTo(x + width, y);\n  }\n  // right\n  if ((isStrokeTrue || stroke[1]) && (isWidthNumber || strokeArrayWidth[1])) {\n    // context.lineTo(x + width, y + height);\n    if (isPart && Array.isArray(part[1])) {\n      context.moveTo(x + width, y + height * part[1][0]);\n      context.lineTo(x + width, y + height * (part[1][1] - part[1][0]));\n      context.moveTo(x + width, y + height);\n    } else {\n      context.moveTo(x + width, y);\n      context.lineTo(x + width, y + height);\n    }\n    if ((isSplitDraw || isDash) && (!strokeArrayColor || strokeArrayColor[1])) {\n      if (strokeArrayColor) {\n        context.strokeStyle = strokeArrayColor[1];\n      }\n      if (!isWidthNumber) {\n        context.lineWidth = strokeArrayWidth[1];\n      }\n      context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;\n      context.stroke();\n      context.beginPath();\n      context.moveTo(x + width, y + height);\n    }\n  } else {\n    context.moveTo(x + width, y + height);\n  }\n  // bottom\n  if ((isStrokeTrue || stroke[2]) && (isWidthNumber || strokeArrayWidth[2])) {\n    // context.lineTo(x, y + height);\n    if (isPart && Array.isArray(part[2])) {\n      context.moveTo(x + width * part[2][0], y + height);\n      context.lineTo(x + width * (part[2][1] - part[2][0]), y + height);\n      context.moveTo(x, y + height);\n    } else {\n      context.moveTo(x, y + height);\n      context.lineTo(x + width, y + height);\n    }\n    if ((isSplitDraw || isDash) && (!strokeArrayColor || strokeArrayColor[2])) {\n      if (strokeArrayColor) {\n        context.strokeStyle = strokeArrayColor[2];\n      }\n      if (!isWidthNumber) {\n        context.lineWidth = strokeArrayWidth[2];\n      }\n      context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;\n      context.stroke();\n      context.beginPath();\n      context.moveTo(x, y + height);\n    }\n  } else {\n    context.moveTo(x, y + height);\n  }\n  // left\n  if ((isStrokeTrue || stroke[3]) && (isWidthNumber || strokeArrayWidth[3])) {\n    // context.lineTo(x, y);\n    if (isPart && Array.isArray(part[3])) {\n      context.moveTo(x, y + height * part[3][0]);\n      context.lineTo(x, y + height * (part[3][1] - part[3][0]));\n      context.moveTo(x, y);\n    } else {\n      context.moveTo(x, y);\n      context.lineTo(x, y + height);\n    }\n    if ((isSplitDraw || isDash) && (!strokeArrayColor || strokeArrayColor[3])) {\n      if (strokeArrayColor) {\n        context.strokeStyle = strokeArrayColor[3];\n      }\n      if (!isWidthNumber) {\n        context.lineWidth = strokeArrayWidth[3];\n      }\n      context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;\n      context.stroke();\n      context.beginPath();\n      context.moveTo(x, y);\n    }\n  } else {\n    context.moveTo(x, y);\n  }\n\n  if (!isSplitDraw && !isDash) {\n    // context.strokeStyle = strokeArrayColor;\n    if (!isWidthNumber && widthInfo.width) {\n      context.lineWidth = widthInfo.width;\n    }\n    context.stroke();\n  }\n}\n\n// DashGroupContribution处理虚线边框对齐\n// lineDash 为非空数组时调用\n@injectable()\nexport class DashGroupBeforeRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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    doFillOrStroke?: { doFill: boolean; doStroke: boolean }\n  ) {\n    const {\n      lineDash = groupAttribute.lineDash,\n      stroke = groupAttribute.stroke,\n      strokeArrayColor = (groupAttribute as any).strokeArrayColor,\n      strokeArrayWidth = (groupAttribute as any).strokeArrayWidth\n    } = group.attribute as any;\n\n    if (\n      stroke &&\n      Array.isArray(lineDash) &&\n      lineDash.length &&\n      !Array.isArray(stroke) &&\n      !Array.isArray(strokeArrayColor) &&\n      !Array.isArray(strokeArrayWidth)\n    ) {\n      doFillOrStroke.doStroke = false;\n    }\n  }\n}\n@injectable()\nexport class DashGroupAfterRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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 {\n      lineDash = groupAttribute.lineDash,\n      stroke = groupAttribute.stroke,\n      strokeArrayColor = (groupAttribute as any).strokeArrayColor,\n      strokeArrayWidth = (groupAttribute as any).strokeArrayWidth,\n      lineWidth = groupAttribute.lineWidth\n    } = group.attribute as any;\n\n    if (\n      !stroke ||\n      !(Array.isArray(lineDash) && lineDash.length) ||\n      Array.isArray(stroke) ||\n      Array.isArray(strokeArrayColor) ||\n      Array.isArray(strokeArrayWidth)\n    ) {\n      return;\n    }\n\n    // const { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;\n    let { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;\n    width = Math.ceil(width);\n    height = Math.ceil(height);\n\n    if (lineWidth & 1) {\n      x = Math.floor(x) + 0.5;\n      y = Math.floor(y) + 0.5;\n    }\n    context.setStrokeStyle(group, group.attribute, x, y, groupAttribute);\n    // 分段设置lineDashOffset，实现虚线边框对齐\n    // top\n    context.beginPath();\n    context.moveTo(x, y);\n    context.lineTo(x + width, y);\n    context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;\n    context.stroke();\n\n    // right\n    context.beginPath();\n    context.moveTo(x + width, y);\n    context.lineTo(x + width, y + height);\n    context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;\n    context.stroke();\n\n    // bottom\n    context.beginPath();\n    context.moveTo(x, y + height);\n    context.lineTo(x + width, y + height);\n    context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;\n    context.stroke();\n\n    // left\n    context.beginPath();\n    context.moveTo(x, y);\n    context.lineTo(x, y + height);\n    context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;\n    context.stroke();\n  }\n}\n\n// AdjustPosGroupContribution处理线宽为奇数时stroke位置偏移0.5px\n// lineWidth 为奇数时调用\n@injectable()\nexport class AdjustPosGroupBeforeRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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    doFillOrStroke?: { doFill: boolean; doStroke: boolean }\n  ) {\n    const {\n      lineWidth = groupAttribute.lineWidth,\n      stroke = groupAttribute.stroke,\n      lineDash = groupAttribute.lineDash,\n      // width = groupAttribute.width,\n      // height = groupAttribute.height,\n      strokeArrayWidth = (groupAttribute as any).strokeArrayWidth,\n      strokeArrayColor = (groupAttribute as any).strokeArrayColor\n    } = group.attribute as any;\n\n    if (\n      stroke &&\n      Array.isArray(lineDash) &&\n      !lineDash.length && // 非虚线\n      !Array.isArray(stroke) && // 非分段渲染\n      !Array.isArray(strokeArrayColor) &&\n      !Array.isArray(strokeArrayWidth) &&\n      lineWidth & 1 // 奇数线宽\n    ) {\n      doFillOrStroke.doStroke = false;\n    }\n  }\n}\n\n@injectable()\nexport class AdjustPosGroupAfterRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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 {\n      lineWidth = groupAttribute.lineWidth,\n      stroke = groupAttribute.stroke,\n      lineDash = groupAttribute.lineDash,\n      strokeArrayWidth = (groupAttribute as any).strokeArrayWidth,\n      strokeArrayColor = (groupAttribute as any).strokeArrayColor\n    } = group.attribute as any;\n\n    let { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;\n    width = Math.ceil(width);\n    height = Math.ceil(height);\n\n    if (\n      stroke &&\n      Array.isArray(lineDash) &&\n      !lineDash.length && // 非虚线\n      !Array.isArray(stroke) && // 非分段渲染\n      !Array.isArray(strokeArrayColor) &&\n      !Array.isArray(strokeArrayWidth) &&\n      lineWidth & 1 // 奇数线宽\n    ) {\n      const table = (group.stage as any).table as BaseTableAPI;\n      const col = (group as any).col as number;\n      const row = (group as any).row as number;\n\n      if (table && col === table.colCount - 1) {\n        width -= 1;\n      } else if (table && col === table.frozenColCount - 1 && table.scrollLeft) {\n        width -= 1;\n      }\n\n      if (table && row === table.rowCount - 1) {\n        height -= 1;\n      } else if (table && row === table.frozenRowCount - 1 && table.scrollTop) {\n        height -= 1;\n      }\n\n      context.beginPath();\n      x = Math.floor(x) + 0.5;\n      y = Math.floor(y) + 0.5;\n      context.rect(x, y, width, height);\n      context.setStrokeStyle(group, group.attribute, x, y, groupAttribute);\n      context.stroke();\n    }\n  }\n}\n\n@injectable()\nexport class AdjustColorGroupBeforeRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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    doFillOrStroke?: { doFill: boolean; doStroke: boolean }\n  ) {\n    // 处理hover颜色\n    if ((group as Group).role === 'cell') {\n      const table = (group.stage as any).table as BaseTableAPI;\n      const hoverColor = getCellHoverColor(group as Group, table);\n      if (hoverColor) {\n        (group as any).oldColor = group.attribute.fillColor;\n        group.attribute.fillColor = hoverColor;\n      }\n    }\n  }\n}\n\n@injectable()\nexport class AdjustColorGroupAfterRenderContribution implements IGroupRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    group: IGroup,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    groupAttribute: Required<IGroupGraphicAttribute>,\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    // 处理hover颜色\n    if ('oldColor' in group) {\n      group.attribute.fillColor = group.oldColor as any;\n      delete group.oldColor;\n    }\n  }\n}\n"]}