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

package/cjs/scenegraph/graphic/contributions/image-contribution-render.d.ts

@@ -0,0 +1,20 @@
+import type { IImage, IContext2d, IImageGraphicAttribute, IMarkAttribute, IGraphicAttribute, IThemeAttribute, IImageRenderContribution } from '@visactor/vrender';
+import { BaseRenderContributionTime } from '@visactor/vrender';
+export declare class BeforeImageRenderContribution implements IImageRenderContribution {
+    time: BaseRenderContributionTime;
+    useStyle: boolean;
+    order: number;
+    drawShape(image: IImage, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, imageAttribute: Required<IImageGraphicAttribute>, 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 AfterImageRenderContribution implements IImageRenderContribution {
+    time: BaseRenderContributionTime;
+    useStyle: boolean;
+    order: number;
+    drawShape(image: IImage, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, imageAttribute: Required<IImageGraphicAttribute>, 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;
+}

package/cjs/scenegraph/graphic/contributions/image-contribution-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.AfterImageRenderContribution = exports.BeforeImageRenderContribution = void 0;
+
+const inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender");
+
+let BeforeImageRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, imageAttribute, fillCb, strokeCb, doFillOrStroke) {
+        const {shape: shape} = image.attribute;
+        if ("circle" === shape) {
+            const {width: width = imageAttribute.width, height: height = imageAttribute.height} = image.attribute;
+            context.beginPath(), context.arc(x + width / 2, y + height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI), 
+            context.closePath(), context.save(), context.clip();
+        }
+    }
+};
+
+BeforeImageRenderContribution = __decorate([ (0, inversify_1.injectable)() ], BeforeImageRenderContribution), 
+exports.BeforeImageRenderContribution = BeforeImageRenderContribution;
+
+let AfterImageRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, imageAttribute, fillCb, strokeCb, doFillOrStroke) {
+        const {shape: shape} = image.attribute;
+        "circle" === shape && context.restore();
+    }
+};
+
+AfterImageRenderContribution = __decorate([ (0, inversify_1.injectable)() ], AfterImageRenderContribution), 
+exports.AfterImageRenderContribution = AfterImageRenderContribution;
+//# sourceMappingURL=image-contribution-render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/graphic/contributions/image-contribution-render.ts"],"names":[],"mappings":";;;;;;;;;AAAA,yCAAuC;AAUvC,+CAA+D;AAOxD,IAAM,6BAA6B,GAAnC,MAAM,6BAA6B;IAAnC;QACL,SAAI,GAA+B,oCAA0B,CAAC,gBAAgB,CAAC;QAC/E,aAAQ,GAAG,IAAI,CAAC;QAChB,UAAK,GAAG,CAAC,CAAC;IAoCZ,CAAC;IAnCC,SAAS,CACP,KAAa,EACb,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,MAAe,EACf,QAAiB,EACjB,QAAiB,EACjB,QAAiB,EACjB,cAAgD,EAChD,MAIY,EACZ,QAIY,EACZ,cAAuD;QAEvD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,SAAgB,CAAC;QAEzC,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,MAAM,EAAE,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;YAEzF,OAAO,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;YACxF,OAAO,CAAC,SAAS,EAAE,CAAC;YAEpB,OAAO,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,EAAE,CAAC;SAChB;IACH,CAAC;CACF,CAAA;AAvCY,6BAA6B;IADzC,IAAA,sBAAU,GAAE;GACA,6BAA6B,CAuCzC;AAvCY,sEAA6B;AA0CnC,IAAM,4BAA4B,GAAlC,MAAM,4BAA4B;IAAlC;QACL,SAAI,GAA+B,oCAA0B,CAAC,eAAe,CAAC;QAC9E,aAAQ,GAAG,IAAI,CAAC;QAChB,UAAK,GAAG,CAAC,CAAC;IA6BZ,CAAC;IA5BC,SAAS,CACP,KAAa,EACb,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,MAAe,EACf,QAAiB,EACjB,QAAiB,EACjB,QAAiB,EACjB,cAAgD,EAChD,MAIY,EACZ,QAIY,EACZ,cAAuD;QAEvD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,SAAgB,CAAC;QAEzC,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,OAAO,CAAC,OAAO,EAAE,CAAC;SACnB;IACH,CAAC;CACF,CAAA;AAhCY,4BAA4B;IADxC,IAAA,sBAAU,GAAE;GACA,4BAA4B,CAgCxC;AAhCY,oEAA4B","file":"image-contribution-render.js","sourcesContent":["import { injectable } from 'inversify';\nimport type {\n  IImage,\n  IContext2d,\n  IImageGraphicAttribute,\n  IMarkAttribute,\n  IGraphicAttribute,\n  IThemeAttribute,\n  IImageRenderContribution\n} from '@visactor/vrender';\nimport { BaseRenderContributionTime } from '@visactor/vrender';\n\n/**\n * @description: image支持绘制部分形状\n * @return {*}\n */\n@injectable()\nexport class BeforeImageRenderContribution implements IImageRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    image: IImage,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    imageAttribute: Required<IImageGraphicAttribute>,\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 { shape } = image.attribute as any;\n\n    if (shape === 'circle') {\n      const { width = imageAttribute.width, height = imageAttribute.height } = image.attribute;\n\n      context.beginPath();\n      context.arc(x + width / 2, y + height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI);\n      context.closePath();\n\n      context.save();\n      context.clip();\n    }\n  }\n}\n\n@injectable()\nexport class AfterImageRenderContribution implements IImageRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle = true;\n  order = 0;\n  drawShape(\n    image: IImage,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    imageAttribute: Required<IImageGraphicAttribute>,\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 { shape } = image.attribute as any;\n\n    if (shape === 'circle') {\n      context.restore();\n    }\n  }\n}\n"]}

package/cjs/scenegraph/graphic/contributions/index.d.ts

@@ -0,0 +1,3 @@
+import { ContainerModule } from 'inversify';
+declare const _default: ContainerModule;
+export default _default;

package/cjs/scenegraph/graphic/contributions/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender"), chart_render_1 = require("./chart-render"), image_contribution_render_1 = require("./image-contribution-render"), rect_contribution_render_1 = require("./rect-contribution-render"), group_contribution_render_1 = require("./group-contribution-render");
+
+exports.default = new inversify_1.ContainerModule(((bind, unbind, isBound, rebind) => {
+    bind(rect_contribution_render_1.SplitRectBeforeRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.RectRenderContribution).toService(rect_contribution_render_1.SplitRectBeforeRenderContribution), 
+    bind(rect_contribution_render_1.SplitRectAfterRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.RectRenderContribution).toService(rect_contribution_render_1.SplitRectAfterRenderContribution), 
+    bind(group_contribution_render_1.SplitGroupAfterRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.SplitGroupAfterRenderContribution), 
+    bind(group_contribution_render_1.SplitGroupBeforeRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.SplitGroupBeforeRenderContribution), 
+    bind(chart_render_1.DefaultCanvasChartRender).toSelf().inSingletonScope(), bind(chart_render_1.ChartRender).to(chart_render_1.DefaultCanvasChartRender), 
+    bind(vrender_1.GraphicRender).to(chart_render_1.DefaultCanvasChartRender), bind(image_contribution_render_1.BeforeImageRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.ImageRenderContribution).toService(image_contribution_render_1.BeforeImageRenderContribution), 
+    bind(image_contribution_render_1.AfterImageRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.ImageRenderContribution).toService(image_contribution_render_1.AfterImageRenderContribution), 
+    bind(group_contribution_render_1.DashGroupBeforeRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.DashGroupBeforeRenderContribution), 
+    bind(group_contribution_render_1.DashGroupAfterRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.DashGroupAfterRenderContribution), 
+    bind(group_contribution_render_1.AdjustPosGroupBeforeRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.AdjustPosGroupBeforeRenderContribution), 
+    bind(group_contribution_render_1.AdjustPosGroupAfterRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.AdjustPosGroupAfterRenderContribution), 
+    bind(group_contribution_render_1.AdjustColorGroupBeforeRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.AdjustColorGroupBeforeRenderContribution), 
+    bind(group_contribution_render_1.AdjustColorGroupAfterRenderContribution).toSelf().inSingletonScope(), 
+    bind(vrender_1.GroupRenderContribution).toService(group_contribution_render_1.AdjustColorGroupAfterRenderContribution);
+}));
+//# sourceMappingURL=index.js.map

package/cjs/scenegraph/graphic/contributions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/graphic/contributions/index.ts"],"names":[],"mappings":";;AAAA,yCAA4C;AAC5C,+CAK2B;AAC3B,iDAAuE;AACvE,2EAA0G;AAC1G,yEAAiH;AACjH,2EASqC;AAErC,kBAAe,IAAI,2BAAe,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IAEnE,IAAI,CAAC,4DAAiC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACpE,IAAI,CAAC,gCAAsB,CAAC,CAAC,SAAS,CAAC,4DAAiC,CAAC,CAAC;IAC1E,IAAI,CAAC,2DAAgC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACnE,IAAI,CAAC,gCAAsB,CAAC,CAAC,SAAS,CAAC,2DAAgC,CAAC,CAAC;IAGzE,IAAI,CAAC,6DAAiC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACpE,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,6DAAiC,CAAC,CAAC;IAC3E,IAAI,CAAC,8DAAkC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACrE,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,8DAAkC,CAAC,CAAC;IAG5E,IAAI,CAAC,uCAAwB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC3D,IAAI,CAAC,0BAAW,CAAC,CAAC,EAAE,CAAC,uCAAwB,CAAC,CAAC;IAC/C,IAAI,CAAC,uBAAa,CAAC,CAAC,EAAE,CAAC,uCAAwB,CAAC,CAAC;IAGjD,IAAI,CAAC,yDAA6B,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAChE,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,yDAA6B,CAAC,CAAC;IACvE,IAAI,CAAC,wDAA4B,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/D,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,wDAA4B,CAAC,CAAC;IAGtE,IAAI,CAAC,6DAAiC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACpE,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,6DAAiC,CAAC,CAAC;IAC3E,IAAI,CAAC,4DAAgC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACnE,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,4DAAgC,CAAC,CAAC;IAE1E,IAAI,CAAC,kEAAsC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACzE,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,kEAAsC,CAAC,CAAC;IAChF,IAAI,CAAC,iEAAqC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACxE,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,iEAAqC,CAAC,CAAC;IAE/E,IAAI,CAAC,oEAAwC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC3E,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,oEAAwC,CAAC,CAAC;IAClF,IAAI,CAAC,mEAAuC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC1E,IAAI,CAAC,iCAAuB,CAAC,CAAC,SAAS,CAAC,mEAAuC,CAAC,CAAC;AACnF,CAAC,CAAC,CAAC","file":"index.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport {\n  GraphicRender,\n  GroupRenderContribution,\n  ImageRenderContribution,\n  RectRenderContribution\n} from '@visactor/vrender';\nimport { ChartRender, DefaultCanvasChartRender } from './chart-render';\nimport { AfterImageRenderContribution, BeforeImageRenderContribution } from './image-contribution-render';\nimport { SplitRectBeforeRenderContribution, SplitRectAfterRenderContribution } from './rect-contribution-render';\nimport {\n  DashGroupAfterRenderContribution,\n  DashGroupBeforeRenderContribution,\n  SplitGroupBeforeRenderContribution,\n  SplitGroupAfterRenderContribution,\n  AdjustPosGroupBeforeRenderContribution,\n  AdjustPosGroupAfterRenderContribution,\n  AdjustColorGroupBeforeRenderContribution,\n  AdjustColorGroupAfterRenderContribution\n} from './group-contribution-render';\n\nexport default new ContainerModule((bind, unbind, isBound, rebind) => {\n  // rect 渲染器注入contributions\n  bind(SplitRectBeforeRenderContribution).toSelf().inSingletonScope();\n  bind(RectRenderContribution).toService(SplitRectBeforeRenderContribution);\n  bind(SplitRectAfterRenderContribution).toSelf().inSingletonScope();\n  bind(RectRenderContribution).toService(SplitRectAfterRenderContribution);\n\n  // group 渲染器注入contributions\n  bind(SplitGroupAfterRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(SplitGroupAfterRenderContribution);\n  bind(SplitGroupBeforeRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(SplitGroupBeforeRenderContribution);\n\n  // chart渲染器注入\n  bind(DefaultCanvasChartRender).toSelf().inSingletonScope();\n  bind(ChartRender).to(DefaultCanvasChartRender);\n  bind(GraphicRender).to(DefaultCanvasChartRender);\n\n  // image 渲染器注入contributions\n  bind(BeforeImageRenderContribution).toSelf().inSingletonScope();\n  bind(ImageRenderContribution).toService(BeforeImageRenderContribution);\n  bind(AfterImageRenderContribution).toSelf().inSingletonScope();\n  bind(ImageRenderContribution).toService(AfterImageRenderContribution);\n\n  // group 渲染器注入contributions\n  bind(DashGroupBeforeRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(DashGroupBeforeRenderContribution);\n  bind(DashGroupAfterRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(DashGroupAfterRenderContribution);\n\n  bind(AdjustPosGroupBeforeRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(AdjustPosGroupBeforeRenderContribution);\n  bind(AdjustPosGroupAfterRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(AdjustPosGroupAfterRenderContribution);\n\n  bind(AdjustColorGroupBeforeRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(AdjustColorGroupBeforeRenderContribution);\n  bind(AdjustColorGroupAfterRenderContribution).toSelf().inSingletonScope();\n  bind(GroupRenderContribution).toService(AdjustColorGroupAfterRenderContribution);\n});\n"]}

package/cjs/scenegraph/graphic/contributions/rect-contribution-render.d.ts

@@ -0,0 +1,17 @@
+import type { IRect, IContext2d, IRectGraphicAttribute, IMarkAttribute, IGraphicAttribute, IThemeAttribute, IRectRenderContribution } from '@visactor/vrender';
+import { BaseRenderContributionTime } from '@visactor/vrender';
+export declare class SplitRectBeforeRenderContribution implements IRectRenderContribution {
+    time: BaseRenderContributionTime;
+    useStyle: boolean;
+    order: number;
+    drawShape(rect: IRect, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, rectAttribute: Required<IRectGraphicAttribute>, 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 SplitRectAfterRenderContribution implements IRectRenderContribution {
+    time: BaseRenderContributionTime;
+    useStyle: boolean;
+    order: number;
+    drawShape(rect: IRect, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, rectAttribute: Required<IRectGraphicAttribute>, 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/rect-contribution-render.js

@@ -0,0 +1,47 @@
+"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.SplitRectAfterRenderContribution = exports.SplitRectBeforeRenderContribution = void 0;
+
+const inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender"), group_contribution_render_1 = require("./group-contribution-render");
+
+let SplitRectBeforeRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, fillCb, strokeCb, doFillOrStroke) {
+        const {stroke: stroke = rectAttribute.stroke, strokeArrayWidth: strokeArrayWidth = rectAttribute.strokeArrayWidth, strokeArrayColor: strokeArrayColor = rectAttribute.strokeArrayColor} = rect.attribute;
+        stroke && (Array.isArray(stroke) || Array.isArray(strokeArrayWidth) || Array.isArray(strokeArrayColor)) && (doFillOrStroke.doStroke = !1);
+    }
+};
+
+SplitRectBeforeRenderContribution = __decorate([ (0, inversify_1.injectable)() ], SplitRectBeforeRenderContribution), 
+exports.SplitRectBeforeRenderContribution = SplitRectBeforeRenderContribution;
+
+let SplitRectAfterRenderContribution = class {
+    constructor() {
+        this.time = vrender_1.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, 
+        this.order = 0;
+    }
+    drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, fillCb, strokeCb) {
+        const {width: width = rectAttribute.width, height: height = rectAttribute.height, stroke: stroke = rectAttribute.stroke, strokeArrayColor: strokeArrayColor = rectAttribute.strokeArrayColor, strokeArrayWidth: strokeArrayWidth = rectAttribute.strokeArrayWidth, lineWidth: lineWidth = rectAttribute.lineWidth, strokeColor: strokeColor = rectAttribute.strokeColor} = rect.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), (0, group_contribution_render_1.renderStroke)(rect, context, x, y, rectAttribute, stroke, strokeArrayWidth || lineWidth, strokeArrayColor || strokeColor, Math.ceil(width), Math.ceil(height)));
+    }
+};
+
+function isInteger(num) {
+    return num % 1 == 0;
+}
+
+SplitRectAfterRenderContribution = __decorate([ (0, inversify_1.injectable)() ], SplitRectAfterRenderContribution), 
+exports.SplitRectAfterRenderContribution = SplitRectAfterRenderContribution;
+//# sourceMappingURL=rect-contribution-render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/graphic/contributions/rect-contribution-render.ts"],"names":[],"mappings":"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","file":"rect-contribution-render.js","sourcesContent":["import { injectable } from 'inversify';\nimport type {\n  IRect,\n  IContext2d,\n  IRectGraphicAttribute,\n  IMarkAttribute,\n  IGraphicAttribute,\n  IThemeAttribute,\n  IRectRenderContribution,\n  IGroup,\n  IGroupGraphicAttribute\n} from '@visactor/vrender';\nimport { BaseRenderContributionTime } from '@visactor/vrender';\nimport { renderStroke } from './group-contribution-render';\n\n@injectable()\nexport class SplitRectBeforeRenderContribution implements IRectRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    rect: IRect,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    rectAttribute: Required<IRectGraphicAttribute>,\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 { stroke = rectAttribute.stroke } = group.attribute as any;\n\n    // if (Array.isArray(stroke)) {\n    //   doFillOrStroke.doStroke = false;\n    // }\n\n    const {\n      stroke = rectAttribute.stroke,\n      strokeArrayWidth = (rectAttribute as any).strokeArrayWidth,\n      strokeArrayColor = (rectAttribute as any).strokeArrayColor\n    } = rect.attribute as any;\n\n    if (stroke && (Array.isArray(stroke) || Array.isArray(strokeArrayWidth) || Array.isArray(strokeArrayColor))) {\n      doFillOrStroke.doStroke = false;\n    }\n  }\n}\n\n@injectable()\nexport class SplitRectAfterRenderContribution implements IRectRenderContribution {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    rect: IRect,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    rectAttribute: Required<IRectGraphicAttribute>,\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 = rectAttribute.width,\n    //   height = rectAttribute.height,\n    //   stroke = rectAttribute.stroke\n    // } = group.attribute as any;\n\n    // if (!Array.isArray(stroke)) {\n    //   return;\n    // }\n\n    // context.setStrokeStyle(group, group.attribute, x, y, rectAttribute);\n    // // 单独处理每条边界，目前不考虑圆角\n    // context.beginPath();\n    // context.moveTo(x, y);\n    // // top\n    // if (stroke[0]) {\n    //   context.lineTo(x + width, y);\n    // } else {\n    //   context.moveTo(x + width, y);\n    // }\n    // // right\n    // if (stroke[1]) {\n    //   context.lineTo(x + width, y + height);\n    // } else {\n    //   context.moveTo(x + width, y + height);\n    // }\n    // // bottom\n    // if (stroke[2]) {\n    //   context.lineTo(x, y + height);\n    // } else {\n    //   context.moveTo(x, y + height);\n    // }\n    // // left\n    // if (stroke[3]) {\n    //   // 没有close path是，起点和终点不连续，需要调整y保证不出现缺口\n    //   const adjustY = stroke[0] ? y - context.lineWidth / 2 : y;\n    //   context.lineTo(x, adjustY);\n    // } else {\n    //   context.moveTo(x, y);\n    // }\n\n    // context.stroke();\n\n    const {\n      width = rectAttribute.width,\n      height = rectAttribute.height,\n      // 基础border\n      stroke = rectAttribute.stroke,\n      strokeArrayColor = (rectAttribute as any).strokeArrayColor,\n      strokeArrayWidth = (rectAttribute as any).strokeArrayWidth,\n\n      lineWidth = rectAttribute.lineWidth,\n      strokeColor = rectAttribute.strokeColor\n      // // select & hover border\n      // highlightStroke = (rectAttribute as any).highlightStroke,\n      // highlightStrokeArrayColor = (rectAttribute as any).highlightStrokeArrayColor,\n      // highlightStrokeArrayWidth = (rectAttribute as any).highlightStrokeArrayWidth,\n      // highlightStrokeArrayPart = (rectAttribute as any).highlightStrokeArrayPart,\n    } = rect.attribute as any;\n\n    if (!stroke || (!Array.isArray(strokeArrayWidth) && lineWidth === 0)) {\n      return;\n    }\n\n    if (Array.isArray(stroke) || Array.isArray(strokeArrayColor) || Array.isArray(strokeArrayWidth)) {\n      // let dx = 0;\n      // let dy = 0;\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        rect as IGroup,\n        context,\n        x,\n        y,\n        rectAttribute as Required<IGroupGraphicAttribute>,\n        stroke,\n        strokeArrayWidth || lineWidth,\n        strokeArrayColor || strokeColor,\n        Math.ceil(width),\n        Math.ceil(height)\n      );\n    }\n  }\n}\n\n// 判断是否为整数，如果是整数，需要偏移0.5px\nfunction isInteger(num: number) {\n  return num % 1 === 0;\n}\n"]}

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

@@ -0,0 +1,23 @@
+import type { IRect, INode } from '@visactor/vrender';
+import { Group as VRenderGroup } from '@visactor/vrender';
+export declare class Group extends VRenderGroup {
+    role?: string;
+    col?: number;
+    row?: number;
+    mergeCol?: number;
+    mergeRow?: number;
+    border?: IRect;
+    needUpdate?: boolean;
+    clear(): void;
+    getChildByName(name: string, deep?: boolean): any;
+    get width(): number;
+    get height(): number;
+    setDeltaWidth(deltaX: number): void;
+    setDeltaHeight(deltaY: number): void;
+    setDeltaX(deltaX: number): void;
+    setDeltaY(deltaY: number): void;
+    forEachChildrenSkipChild<T extends INode = INode>(cb: (item: T, index: number) => void | boolean, skipChildName?: string, reverse?: boolean): void;
+    getColGroup(col: number): Group;
+    getRowGroup(row: number): Group;
+    getChildAt(index: number): INode;
+}

package/cjs/scenegraph/graphic/group.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Group = void 0;
+
+const vrender_1 = require("@visactor/vrender");
+
+class Group extends vrender_1.Group {
+    clear() {
+        this.removeAllChild();
+    }
+    getChildByName(name, deep) {
+        let result = null;
+        return this.forEachChildren((child => child.name === name && (result = child, !0))), 
+        deep && this.forEachChildren((child => {
+            if (child.getChildByName) {
+                const target = child.getChildByName(name, !0);
+                if (target) return result = target, !0;
+            }
+            return !1;
+        })), result;
+    }
+    get width() {
+        var _a;
+        let width = this.AABBBounds.width();
+        return width !== 1 / 0 && width !== -1 / 0 || (width = 0), Math.max(width, null !== (_a = this.attribute.width) && void 0 !== _a ? _a : 0);
+    }
+    get height() {
+        var _a;
+        let height = this.AABBBounds.height();
+        return height !== 1 / 0 && height !== -1 / 0 || (height = 0), Math.max(height, null !== (_a = this.attribute.height) && void 0 !== _a ? _a : 0);
+    }
+    setDeltaWidth(deltaX) {
+        var _a;
+        this.setAttribute("width", (null !== (_a = this.attribute.width) && void 0 !== _a ? _a : 0) + deltaX), 
+        this.border && this.border.setAttribute("width", this.border.attribute.width + deltaX);
+    }
+    setDeltaHeight(deltaY) {
+        var _a;
+        this.setAttribute("height", (null !== (_a = this.attribute.height) && void 0 !== _a ? _a : 0) + deltaY), 
+        this.border && this.border.setAttribute("height", this.border.attribute.height + deltaY);
+    }
+    setDeltaX(deltaX) {
+        this.setAttribute("x", this.attribute.x + deltaX);
+    }
+    setDeltaY(deltaY) {
+        this.setAttribute("y", this.attribute.y + deltaY);
+    }
+    forEachChildrenSkipChild(cb, skipChildName = "border-rect", reverse = !1) {
+        if (reverse) {
+            let child = this._lastChild, i = 0;
+            for (;child; ) {
+                if (child.name !== skipChildName) {
+                    if (cb(child, i++)) return;
+                }
+                child = child._prev;
+            }
+        } else {
+            let child = this._firstChild, i = 0;
+            for (;child; ) {
+                if (child.name !== skipChildName) {
+                    if (cb(child, i++)) return;
+                }
+                child = child._next;
+            }
+        }
+    }
+    getColGroup(col) {
+        let c = this._firstChild;
+        if (!c) return null;
+        for (let i = 0; i < this.childrenCount; i++) {
+            if (c.col === col) return c;
+            c = c._next;
+        }
+        return null;
+    }
+    getRowGroup(row) {
+        let c = this._firstChild;
+        if (!c) return null;
+        for (let i = 0; i < this.childrenCount; i++) {
+            if (c.row === row) return c;
+            c = c._next;
+        }
+        return null;
+    }
+    getChildAt(index) {
+        const child = super.getChildAt(index);
+        return child && "border-rect" === child.name ? child._next : child;
+    }
+}
+
+exports.Group = Group;
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/graphic/group.ts"],"names":[],"mappings":"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","file":"group.js","sourcesContent":["import type { IGraphic, IColor, IRect, INode } from '@visactor/vrender';\nimport { Group as VRenderGroup } from '@visactor/vrender';\n\nexport class Group extends VRenderGroup {\n  role?: string;\n  col?: number;\n  row?: number;\n  mergeCol?: number;\n  mergeRow?: number;\n  border?: IRect; // table/header/body的border mark，挂载在这里方便更新\n  needUpdate?: boolean;\n\n  /**\n   * @description: 清空Group下全部子元素\n   * @return {*}\n   */\n  clear() {\n    this.removeAllChild();\n  }\n\n  getChildByName(name: string, deep?: boolean): any {\n    // for (let i = 0, j = this.children.length; i < j; i++) {\n    //   if (this.children[i].name === name) {\n    //     return this.children[i] as unknown as T;\n    //   }\n    // }\n    let result = null;\n    this.forEachChildren((child: IGraphic) => {\n      if (child.name === name) {\n        result = child;\n        return true; // 提前退出循环\n      }\n      return false;\n    });\n\n    if (deep) {\n      // for (let i = 0, j = this.children.length; i < j; i++) {\n      //   const child = this.children[i] as Group;\n\n      //   if (!child.getChildByName) {\n      //     continue;\n      //   }\n\n      //   const target = child.getChildByName(name, true);\n\n      //   if (target) {\n      //     return target;\n      //   }\n      // }\n      this.forEachChildren((child: IGraphic) => {\n        if ((child as Group).getChildByName) {\n          const target = (child as Group).getChildByName(name, true);\n          if (target) {\n            result = target;\n            return true;\n          }\n        }\n        return false;\n      });\n    }\n\n    return result;\n  }\n\n  get width() {\n    let width = this.AABBBounds.width();\n    if (width === Infinity || width === -Infinity) {\n      width = 0;\n    }\n    return Math.max(width, this.attribute.width ?? 0);\n  }\n\n  get height() {\n    let height = this.AABBBounds.height();\n    if (height === Infinity || height === -Infinity) {\n      height = 0;\n    }\n    return Math.max(height, this.attribute.height ?? 0);\n  }\n\n  setDeltaWidth(deltaX: number) {\n    this.setAttribute('width', (this.attribute.width ?? 0) + deltaX);\n    if (this.border) {\n      this.border.setAttribute('width', this.border.attribute.width + deltaX);\n    }\n  }\n\n  setDeltaHeight(deltaY: number) {\n    this.setAttribute('height', (this.attribute.height ?? 0) + deltaY);\n    if (this.border) {\n      this.border.setAttribute('height', this.border.attribute.height + deltaY);\n    }\n  }\n\n  setDeltaX(deltaX: number) {\n    this.setAttribute('x', this.attribute.x + deltaX);\n  }\n\n  setDeltaY(deltaY: number) {\n    this.setAttribute('y', this.attribute.y + deltaY);\n  }\n\n  /**\n   * @description: 遍历所有子节点，跳过部分节点，默认跳过group的border\n   * @return {*}\n   */\n  forEachChildrenSkipChild<T extends INode = INode>(\n    cb: (item: T, index: number) => void | boolean,\n    skipChildName = 'border-rect',\n    reverse = false\n  ) {\n    if (reverse) {\n      let child = this._lastChild;\n      let i = 0;\n      while (child) {\n        if (child.name !== skipChildName) {\n          const breakTag = cb(child as T, i++);\n          if (breakTag) {\n            return;\n          }\n        }\n        child = child._prev;\n      }\n    } else {\n      let child = this._firstChild;\n      let i = 0;\n      while (child) {\n        if (child.name !== skipChildName) {\n          const breakTag = cb(child as T, i++);\n          if (breakTag) {\n            return;\n          }\n        }\n        child = child._next;\n      }\n    }\n  }\n\n  getColGroup(col: number) {\n    let c = this._firstChild as Group;\n    if (!c) {\n      return null;\n    }\n    for (let i = 0; i < this.childrenCount; i++) {\n      if (c.col === col) {\n        return c;\n      }\n      c = c._next as Group;\n    }\n    return null;\n  }\n\n  getRowGroup(row: number) {\n    let c = this._firstChild as Group;\n    if (!c) {\n      return null;\n    }\n    for (let i = 0; i < this.childrenCount; i++) {\n      if (c.row === row) {\n        return c;\n      }\n      c = c._next as Group;\n    }\n    return null;\n  }\n\n  getChildAt(index: number) {\n    const child = super.getChildAt(index);\n    if (child && child.name === 'border-rect') {\n      return child._next;\n    }\n    return child;\n  }\n\n  // 目前优化方案会导致合并单元格无法正常更新列宽（因为合并单元格更新bounds不会触发父节点bounds更新），暂时关闭优化方案\n  // shouldUpdateAABBBoundsForRowMerge(): boolean {\n\n  // }\n\n  // shouldUpdateAABBBounds(): boolean {\n  //   return this.shouldSelfChangeUpdateAABBBounds();\n  //   // // 检索自己是否需要更新\n  //   // if (super.shouldUpdateAABBBounds()) {\n  //   //   return true;\n  //   // }\n  //   // // 检索叶子节点是否有更新（如果children是叶子节点的话）\n  //   // if (this._childUpdateTag & UpdateTag.UPDATE_BOUNDS) {\n  //   //   return true;\n  //   // }\n  //   // // 检索是否子group需要更新\n  //   // let needUpdate = false;\n  //   // this.forEachChildren((node: IGraphic) => {\n  //   //   // 只查找group层级\n  //   //   if (node.isContainer && (node as Group).shouldUpdateAABBBounds()) {\n  //   //     needUpdate = true;\n  //   //     return true;\n  //   //   }\n  //   //   return false;\n  //   // });\n  //   // return needUpdate;\n  // }\n\n  // protected doUpdateAABBBounds(): any {\n  //   // const groupTheme = getTheme(this).group;\n  //   // debugger;\n  //   if (this.role === 'cell') {\n  //     const attribute = this.attribute;\n  //     const { x, y, width, height } = attribute;\n  //     this._AABBBounds.setValue(x, y, x + width, y + height);\n  //     // 更新bounds之后需要设置父节点，否则tag丢失\n  //     this.parent && this.parent.addChildUpdateBoundTag();\n  //     this.clearUpdateBoundTag();\n  //     return this._AABBBounds;\n  //   }\n  //   return super.doUpdateAABBBounds();\n  //   // _AABBBounds\n  //   // const bounds = graphicService.updateGroupAABBBounds(\n  //   //   attribute,\n  //   //   getTheme(this).group,\n  //   //   this._AABBBounds,\n  //   //   this\n  //   // ) as AABBBounds;\n\n  //   // const { boundsPadding = groupTheme.boundsPadding } = attribute;\n  //   // const paddingArray = parsePadding(boundsPadding);\n  //   // if (paddingArray) {\n  //   //   bounds.expand(paddingArray);\n  //   // }\n  //   // // 更新bounds之后需要设置父节点，否则tag丢失\n  //   // this.parent && this.parent.addChildUpdateBoundTag();\n  //   // this.clearUpdateBoundTag();\n\n  //   // this.emit('AAABBBoundsChange');\n  // }\n}\n"]}

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

@@ -0,0 +1,24 @@
+import type { IImageGraphicAttribute } from '@visactor/vrender';
+import { Image } from '@visactor/vrender';
+import type { IIconBase } from '../../ts-types';
+interface IIconGraphicAttribute extends IImageGraphicAttribute {
+    backgroundWidth?: number;
+    backgroundHeight?: number;
+    backgroundColor?: string;
+    visibleTime?: string;
+    funcType?: string;
+    hoverImage?: string | HTMLImageElement | HTMLCanvasElement;
+    originImage?: string | HTMLImageElement | HTMLCanvasElement;
+    marginLeft?: number;
+    marginRight?: number;
+    shape?: 'circle' | 'square';
+}
+export declare class Icon extends Image {
+    attribute: IIconGraphicAttribute;
+    role?: string;
+    tooltip?: IIconBase['tooltip'];
+    constructor(params: IIconGraphicAttribute);
+    get backgroundWidth(): number;
+    get backgroundHeight(): number;
+}
+export {};

package/cjs/scenegraph/graphic/icon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Icon = void 0;
+
+const vrender_1 = require("@visactor/vrender");
+
+class Icon extends vrender_1.Image {
+    constructor(params) {
+        super(params), "mouseenter_cell" !== this.attribute.visibleTime && "click_cell" !== this.attribute.visibleTime || (this.attribute.visible = !1), 
+        this.attribute.hoverImage && (this.attribute.originImage = this.attribute.image);
+    }
+    get backgroundWidth() {
+        var _a;
+        return null !== (_a = this.attribute.backgroundWidth) && void 0 !== _a ? _a : this.attribute.width;
+    }
+    get backgroundHeight() {
+        var _a;
+        return null !== (_a = this.attribute.backgroundHeight) && void 0 !== _a ? _a : this.attribute.height;
+    }
+}
+
+exports.Icon = Icon;
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/graphic/icon.ts"],"names":[],"mappings":";;;AACA,+CAA0C;AAiB1C,MAAa,IAAK,SAAQ,eAAK;IAM7B,YAAY,MAA6B;QACvC,KAAK,CAAC,MAAM,CAAC,CAAC;QAEd,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,KAAK,iBAAiB,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,KAAK,YAAY,EAAE;YACnG,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;SAChC;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE;YAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;SACnD;IAMH,CAAC;IAED,IAAI,eAAe;;QACjB,OAAO,MAAA,IAAI,CAAC,SAAS,CAAC,eAAe,mCAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;IAChE,CAAC;IAED,IAAI,gBAAgB;;QAClB,OAAO,MAAA,IAAI,CAAC,SAAS,CAAC,gBAAgB,mCAAI,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAClE,CAAC;CAaF;AA1CD,oBA0CC","file":"icon.js","sourcesContent":["import type { IImageGraphicAttribute } from '@visactor/vrender';\nimport { Image } from '@visactor/vrender';\nimport type { IIconBase } from '../../ts-types';\n\ninterface IIconGraphicAttribute extends IImageGraphicAttribute {\n  backgroundWidth?: number;\n  backgroundHeight?: number;\n  backgroundColor?: string;\n  visibleTime?: string;\n  funcType?: string;\n  hoverImage?: string | HTMLImageElement | HTMLCanvasElement;\n  originImage?: string | HTMLImageElement | HTMLCanvasElement;\n  // margin?: [number, number, number, number];\n  marginLeft?: number;\n  marginRight?: number;\n  shape?: 'circle' | 'square';\n}\n\nexport class Icon extends Image {\n  declare attribute: IIconGraphicAttribute;\n  role?: string;\n  tooltip?: IIconBase['tooltip'];\n\n  // eslint-disable-next-line no-useless-constructor\n  constructor(params: IIconGraphicAttribute) {\n    super(params);\n\n    if (this.attribute.visibleTime === 'mouseenter_cell' || this.attribute.visibleTime === 'click_cell') {\n      this.attribute.visible = false;\n    }\n\n    if (this.attribute.hoverImage) {\n      this.attribute.originImage = this.attribute.image;\n    }\n\n    // if (this.attribute.margin) {\n    //   this.attribute.boundsPadding = this.attribute.margin;\n    //   this.attribute.dx = this.attribute.margin[3] ?? 0;\n    // }\n  }\n\n  get backgroundWidth(): number {\n    return this.attribute.backgroundWidth ?? this.attribute.width;\n  }\n\n  get backgroundHeight(): number {\n    return this.attribute.backgroundHeight ?? this.attribute.height;\n  }\n\n  // protected tryUpdateAABBBounds() {\n  //   super.tryUpdateAABBBounds();\n  //   // 扩大范围\n  //   const { width, height } = this.attribute;\n  //   const { backgroundWidth = width, backgroundHeight = height } = this.attribute;\n  //   const expandX = (backgroundWidth - width) / 2;\n  //   const expandY = (backgroundHeight - height) / 2;\n  //   this._AABBBounds.expand([expandY, expandX, expandY, expandX]);\n\n  //   return this._AABBBounds;\n  // }\n}\n"]}

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

@@ -0,0 +1,16 @@
+import type { ITextGraphicAttribute } from '@visactor/vrender';
+import { Text } from '@visactor/vrender';
+import type { Bounds } from '@visactor/vutils';
+export interface IWrapTextGraphicAttribute extends ITextGraphicAttribute {
+    heightLimit?: number;
+    lineClamp?: number;
+    autoWrapText?: boolean;
+}
+export declare class WrapText extends Text {
+    attribute: IWrapTextGraphicAttribute;
+    constructor(params: IWrapTextGraphicAttribute);
+    updateSingallineAABBBounds(text: number | string): Bounds;
+    updateMultilineAABBBounds(text: (number | string)[]): import("@visactor/vutils").AABBBounds;
+    needUpdateTags(keys: string[]): boolean;
+    needUpdateTag(key: string): boolean;
+}

package/cjs/scenegraph/graphic/text.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.WrapText = void 0;
+
+const vrender_1 = require("@visactor/vrender"), measure_text_1 = require("../utils/measure-text"), WRAP_TEXT_UPDATE_TAG_KEY = [ "heightLimit", "lineClamp", "autoWrapText" ];
+
+class WrapText extends vrender_1.Text {
+    constructor(params) {
+        super(params);
+    }
+    updateSingallineAABBBounds(text) {
+        var _a;
+        const textTheme = (0, vrender_1.getTheme)(this).text;
+        let width, str;
+        const buf = 2, attribute = this.attribute, {maxLineWidth: maxLineWidth = textTheme.maxLineWidth, ellipsis: ellipsis = textTheme.ellipsis, textAlign: textAlign = textTheme.textAlign, textBaseline: textBaseline = textTheme.textBaseline, fontSize: fontSize = textTheme.fontSize, fontFamily: fontFamily = textTheme.fontFamily, stroke: stroke = textTheme.stroke, lineHeight: lineHeight = (null !== (_a = attribute.lineHeight) && void 0 !== _a ? _a : (attribute.fontSize || textTheme.fontSize) + buf), lineWidth: lineWidth = textTheme.lineWidth} = attribute;
+        if (!this.shouldUpdateShape() && this.cache) {
+            width = this.cache.clipedWidth;
+            const dx = (0, vrender_1.textDrawOffsetX)(textAlign, width), dy = (0, vrender_1.textLayoutOffsetY)(textBaseline, lineHeight);
+            return this._AABBBounds.set(dx, dy, dx + width, dy + lineHeight), stroke && this._AABBBounds.expand(lineWidth / 2), 
+            this._AABBBounds;
+        }
+        if (Number.isFinite(maxLineWidth)) {
+            if (ellipsis) {
+                const strEllipsis = !0 === ellipsis ? textTheme.ellipsis : ellipsis, data = measure_text_1.textMeasure.clipTextWithSuffix(text.toString(), {
+                    fontSize: fontSize,
+                    fontFamily: fontFamily
+                }, maxLineWidth, strEllipsis);
+                str = data.str, width = data.width;
+            } else {
+                const data = measure_text_1.textMeasure.clipText(text.toString(), {
+                    fontSize: fontSize,
+                    fontFamily: fontFamily
+                }, maxLineWidth);
+                str = data.str, width = data.width;
+            }
+            this.cache.clipedText = str, this.cache.clipedWidth = width;
+        } else width = measure_text_1.textMeasure.measureTextWidth(text.toString(), {
+            fontSize: fontSize,
+            fontFamily: fontFamily
+        }), this.cache.clipedText = text.toString(), this.cache.clipedWidth = width;
+        this.clearUpdateShapeTag();
+        const dx = (0, vrender_1.textDrawOffsetX)(textAlign, width), dy = (0, vrender_1.textLayoutOffsetY)(textBaseline, lineHeight);
+        return this._AABBBounds.set(dx, dy, dx + width, dy + lineHeight), stroke && this._AABBBounds.expand(lineWidth / 2), 
+        this._AABBBounds;
+    }
+    updateMultilineAABBBounds(text) {
+        var _a;
+        const textTheme = (0, vrender_1.getTheme)(this).text, {fontFamily: fontFamily = textTheme.fontFamily, textAlign: textAlign = textTheme.textAlign, textBaseline: textBaseline = textTheme.textBaseline, fontSize: fontSize = textTheme.fontSize, lineHeight: lineHeight = this.attribute.lineHeight || this.attribute.fontSize || textTheme.fontSize, ellipsis: ellipsis = textTheme.ellipsis, maxLineWidth: maxLineWidth, stroke: stroke = textTheme.stroke, lineWidth: lineWidth = textTheme.lineWidth, heightLimit: heightLimit = -1, lineClamp: lineClamp = textTheme.lineClamp, autoWrapText: autoWrapText = textTheme.autoWrapText} = this.attribute;
+        if (!this.shouldUpdateShape() && (null === (_a = this.cache) || void 0 === _a ? void 0 : _a.layoutData)) {
+            const bbox = this.cache.layoutData.bbox;
+            return this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), 
+            stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
+        }
+        const layoutObj = new vrender_1.CanvasTextLayout(fontFamily, {
+            fontSize: fontSize,
+            fontFamily: fontFamily
+        }, measure_text_1.textMeasure), lines = text.map((l => l.toString())), linesLayout = [], bboxWH = [ 0, 0 ];
+        let lineCountLimit = 1 / 0;
+        if (heightLimit > 0 && (lineCountLimit = Math.max(Math.floor(heightLimit / lineHeight), 1)), 
+        lineClamp && (lineCountLimit = Math.min(lineCountLimit, lineClamp)), autoWrapText) if ("number" == typeof maxLineWidth && maxLineWidth !== 1 / 0) {
+            if (maxLineWidth > 0) for (let i = 0; i < lines.length; i++) {
+                const str = lines[i];
+                if (i === lineCountLimit - 1) {
+                    const clip = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis);
+                    linesLayout.push({
+                        str: clip.str,
+                        width: clip.width
+                    });
+                    break;
+                }
+                const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth);
+                if ("" !== str && "" === clip.str && (clip.str = str.substring(0, 1), clip.width = measure_text_1.textMeasure.measureTextWidth(clip.str, {
+                    fontSize: fontSize,
+                    fontFamily: fontFamily
+                })), linesLayout.push({
+                    str: clip.str,
+                    width: clip.width
+                }), clip.str.length === str.length) ; else {
+                    const newStr = str.substring(clip.str.length);
+                    lines.splice(i + 1, 0, newStr);
+                }
+            }
+            let maxWidth = 0;
+            linesLayout.forEach((layout => {
+                maxWidth = Math.max(maxWidth, layout.width);
+            })), bboxWH[0] = maxWidth;
+        } else {
+            let width, text, lineWidth = 0;
+            for (let i = 0, len = lines.length; i < len; i++) {
+                if (i === lineCountLimit - 1) {
+                    const clip = layoutObj.textMeasure.clipTextWithSuffix(lines[i], layoutObj.textOptions, maxLineWidth, ellipsis);
+                    linesLayout.push({
+                        str: clip.str,
+                        width: clip.width
+                    }), lineWidth = Math.max(lineWidth, clip.width);
+                    break;
+                }
+                text = lines[i], width = layoutObj.textMeasure.measureTextWidth(text, layoutObj.textOptions), 
+                lineWidth = Math.max(lineWidth, width), linesLayout.push({
+                    str: text,
+                    width: width
+                });
+            }
+            bboxWH[0] = lineWidth;
+        } else {
+            let lineWidth = 0;
+            for (let i = 0, len = lines.length; i < len; i++) if (i < lineCountLimit) {
+                const clip = layoutObj.textMeasure.clipTextWithSuffix(lines[i], layoutObj.textOptions, maxLineWidth, ellipsis);
+                linesLayout.push({
+                    str: clip.str,
+                    width: clip.width
+                }), lineWidth = Math.max(lineWidth, clip.width);
+            }
+            bboxWH[0] = lineWidth;
+        }
+        bboxWH[1] = linesLayout.length * lineHeight;
+        const bbox = {
+            xOffset: 0,
+            yOffset: 0,
+            width: bboxWH[0],
+            height: bboxWH[1]
+        };
+        layoutObj.LayoutBBox(bbox, textAlign, textBaseline);
+        const layoutData = layoutObj.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);
+        return this.cache.layoutData = layoutData, this.clearUpdateShapeTag(), this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), 
+        stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
+    }
+    needUpdateTags(keys) {
+        for (let i = 0; i < WRAP_TEXT_UPDATE_TAG_KEY.length; i++) {
+            const attrKey = WRAP_TEXT_UPDATE_TAG_KEY[i];
+            if (-1 !== keys.indexOf(attrKey)) return !0;
+        }
+        return super.needUpdateTags(keys);
+    }
+    needUpdateTag(key) {
+        for (let i = 0; i < WRAP_TEXT_UPDATE_TAG_KEY.length; i++) {
+            if (key === WRAP_TEXT_UPDATE_TAG_KEY[i]) return !0;
+        }
+        return super.needUpdateTag(key);
+    }
+}
+
+exports.WrapText = WrapText;
+//# sourceMappingURL=text.js.map