@visactor/vchart 1.13.20 → 1.13.21-alpha.1

package/esm/mark/index.js

@@ -22,6 +22,8 @@ import { Arc3dMark, registerArc3dMark } from "./arc-3d";
 
 import { ComponentMark, registerComponentMark } from "./component";
 
+import { LinkPathMark, registerLinkPathMark } from "./link-path";
+
 import { RippleMark, registerRippleMark } from "./ripple";
 
 import { BaseMark } from "./base";
@@ -32,9 +34,9 @@ import { Pyramid3dMark, registerPyramid3dMark } from "./polygon/pyramid-3d";
 
 import { ImageMark, registerImageMark } from "./image";
 
-export { LineMark, SymbolMark, GroupMark, RuleMark, TextMark, AreaMark, Rect3dMark, RectMark, PathMark, Arc3dMark, ArcMark, ComponentMark, PolygonMark, Pyramid3dMark, RippleMark, ImageMark, BaseMark };
+export { LineMark, SymbolMark, GroupMark, RuleMark, TextMark, AreaMark, Rect3dMark, RectMark, PathMark, Arc3dMark, ArcMark, ComponentMark, PolygonMark, Pyramid3dMark, RippleMark, ImageMark, BaseMark, LinkPathMark };
 
-export { registerLineMark, registerSymbolMark, registerGroupMark, registerRuleMark, registerTextMark, registerAreaMark, registerRectMark, registerRect3dMark, registerPathMark, registerArcMark, registerArc3dMark, registerPolygonMark, registerPyramid3dMark, registerRippleMark, registerImageMark, registerComponentMark };
+export { registerLineMark, registerSymbolMark, registerGroupMark, registerRuleMark, registerTextMark, registerAreaMark, registerRectMark, registerRect3dMark, registerPathMark, registerArcMark, registerArc3dMark, registerPolygonMark, registerPyramid3dMark, registerRippleMark, registerImageMark, registerComponentMark, registerLinkPathMark };
 
 export const registerAllMarks = () => {
     registerGroupMark(), registerLineMark(), registerSymbolMark(), registerRuleMark(), 

package/esm/mark/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA2BvD,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,SAAS,EACT,QAAQ,EACT,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACtB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC;IACpB,gBAAgB,EAAE,CAAC;IACnB,kBAAkB,EAAE,CAAC;IACrB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,eAAe,EAAE,CAAC;IAClB,mBAAmB,EAAE,CAAC;IACtB,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,CAAC;IACrB,qBAAqB,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,CAAC;IACrB,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC","file":"index.js","sourcesContent":["/**\n * @description export all mark modules\n */\nimport { LineMark, registerLineMark } from './line';\nimport { SymbolMark, registerSymbolMark } from './symbol';\nimport { GroupMark, registerGroupMark } from './group';\nimport { RuleMark, registerRuleMark } from './rule';\nimport { TextMark, registerTextMark } from './text';\nimport { AreaMark, registerAreaMark } from './area';\nimport { RectMark, registerRectMark } from './rect';\nimport { Rect3dMark, registerRect3dMark } from './rect-3d';\nimport { PathMark, registerPathMark } from './path';\nimport { ArcMark, registerArcMark } from './arc';\nimport { Arc3dMark, registerArc3dMark } from './arc-3d';\nimport { ComponentMark, registerComponentMark } from './component';\nimport { LinkPathMark, registerLinkPathMark } from './link-path';\nimport { RippleMark, registerRippleMark } from './ripple';\nimport { CellMark, registerCellMark } from './cell';\nimport { BaseMark } from './base';\nimport { PolygonMark, registerPolygonMark } from './polygon/polygon';\nimport { Pyramid3dMark, registerPyramid3dMark } from './polygon/pyramid-3d';\nimport { ImageMark, registerImageMark } from './image';\nimport { LiquidMark, registerLiquidMark } from './liquid';\nimport { BoxPlotMark, registerBoxPlotMark } from './box-plot';\n\nexport type {\n  IBoxPlotMarkSpec,\n  ILineMarkSpec,\n  ISymbolMarkSpec,\n  IGroupMarkSpec,\n  IRuleMarkSpec,\n  ITextMarkSpec,\n  IAreaMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IPathMarkSpec,\n  IArcMarkSpec,\n  IArc3dMarkSpec,\n  ICommonSpec,\n  IPolygonMarkSpec,\n  IPyramid3dMarkSpec,\n  ILinkPathMarkSpec,\n  IRippleMarkSpec,\n  ICellMarkSpec,\n  ILiquidMarkSpec,\n  ConvertToMarkStyleSpec\n} from '../typings/visual';\n\nexport {\n  LineMark,\n  SymbolMark,\n  GroupMark,\n  RuleMark,\n  TextMark,\n  AreaMark,\n  Rect3dMark,\n  RectMark,\n  PathMark,\n  Arc3dMark,\n  ArcMark,\n  ComponentMark,\n  PolygonMark,\n  Pyramid3dMark,\n  RippleMark,\n  ImageMark,\n  BaseMark\n};\n\nexport {\n  registerLineMark,\n  registerSymbolMark,\n  registerGroupMark,\n  registerRuleMark,\n  registerTextMark,\n  registerAreaMark,\n  registerRectMark,\n  registerRect3dMark,\n  registerPathMark,\n  registerArcMark,\n  registerArc3dMark,\n  registerPolygonMark,\n  registerPyramid3dMark,\n  registerRippleMark,\n  registerImageMark,\n  registerComponentMark\n};\n\nexport const registerAllMarks = () => {\n  registerGroupMark();\n  registerLineMark();\n  registerSymbolMark();\n  registerRuleMark();\n  registerTextMark();\n  registerAreaMark();\n  registerRectMark();\n  registerPathMark();\n  registerArcMark();\n  registerPolygonMark();\n  registerImageMark();\n  registerRippleMark();\n  registerComponentMark();\n  registerArc3dMark();\n  registerRect3dMark();\n  registerPyramid3dMark();\n};\n"]}
+{"version":3,"sources":["../src/mark/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA6BvD,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACb,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACrB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC;IACpB,gBAAgB,EAAE,CAAC;IACnB,kBAAkB,EAAE,CAAC;IACrB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,eAAe,EAAE,CAAC;IAClB,mBAAmB,EAAE,CAAC;IACtB,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,CAAC;IACrB,qBAAqB,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,CAAC;IACrB,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC","file":"index.js","sourcesContent":["/**\n * @description export all mark modules\n */\nimport { LineMark, registerLineMark } from './line';\nimport { SymbolMark, registerSymbolMark } from './symbol';\nimport { GroupMark, registerGroupMark } from './group';\nimport { RuleMark, registerRuleMark } from './rule';\nimport { TextMark, registerTextMark } from './text';\nimport { AreaMark, registerAreaMark } from './area';\nimport { RectMark, registerRectMark } from './rect';\nimport { Rect3dMark, registerRect3dMark } from './rect-3d';\nimport { PathMark, registerPathMark } from './path';\nimport { ArcMark, registerArcMark } from './arc';\nimport { Arc3dMark, registerArc3dMark } from './arc-3d';\nimport { ComponentMark, registerComponentMark } from './component';\nimport { LinkPathMark, registerLinkPathMark } from './link-path';\nimport { RippleMark, registerRippleMark } from './ripple';\nimport { CellMark, registerCellMark } from './cell';\nimport { BaseMark } from './base';\nimport { PolygonMark, registerPolygonMark } from './polygon/polygon';\nimport { Pyramid3dMark, registerPyramid3dMark } from './polygon/pyramid-3d';\nimport { ImageMark, registerImageMark } from './image';\nimport { LiquidMark, registerLiquidMark } from './liquid';\nimport { BoxPlotMark, registerBoxPlotMark } from './box-plot';\nimport { BasePolygonMark } from './polygon/base-polygon';\nimport { MarkTypeEnum } from './interface/type';\n\nexport type {\n  IBoxPlotMarkSpec,\n  ILineMarkSpec,\n  ISymbolMarkSpec,\n  IGroupMarkSpec,\n  IRuleMarkSpec,\n  ITextMarkSpec,\n  IAreaMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IPathMarkSpec,\n  IArcMarkSpec,\n  IArc3dMarkSpec,\n  ICommonSpec,\n  IPolygonMarkSpec,\n  IPyramid3dMarkSpec,\n  ILinkPathMarkSpec,\n  IRippleMarkSpec,\n  ICellMarkSpec,\n  ILiquidMarkSpec,\n  ConvertToMarkStyleSpec\n} from '../typings/visual';\n\nexport {\n  LineMark,\n  SymbolMark,\n  GroupMark,\n  RuleMark,\n  TextMark,\n  AreaMark,\n  Rect3dMark,\n  RectMark,\n  PathMark,\n  Arc3dMark,\n  ArcMark,\n  ComponentMark,\n  PolygonMark,\n  Pyramid3dMark,\n  RippleMark,\n  ImageMark,\n  BaseMark,\n  LinkPathMark\n};\n\nexport {\n  registerLineMark,\n  registerSymbolMark,\n  registerGroupMark,\n  registerRuleMark,\n  registerTextMark,\n  registerAreaMark,\n  registerRectMark,\n  registerRect3dMark,\n  registerPathMark,\n  registerArcMark,\n  registerArc3dMark,\n  registerPolygonMark,\n  registerPyramid3dMark,\n  registerRippleMark,\n  registerImageMark,\n  registerComponentMark,\n  registerLinkPathMark\n};\n\nexport const registerAllMarks = () => {\n  registerGroupMark();\n  registerLineMark();\n  registerSymbolMark();\n  registerRuleMark();\n  registerTextMark();\n  registerAreaMark();\n  registerRectMark();\n  registerPathMark();\n  registerArcMark();\n  registerPolygonMark();\n  registerImageMark();\n  registerRippleMark();\n  registerComponentMark();\n  registerArc3dMark();\n  registerRect3dMark();\n  registerPyramid3dMark();\n};\n"]}

package/esm/plugin/chart/interface.d.ts

@@ -8,6 +8,8 @@ export interface IChartPlugin<T extends IChartPluginService = any> extends IBase
     onAfterChartSpecTransform?: (service: T, chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
     onAfterModelSpecTransform?: (service: T, chartSpec: any, chartSpecInfo: IChartSpecInfo, actionSource: VChartRenderActionSource) => MaybePromise<void>;
     onBeforeInitChart?: (service: T, chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
+    onLayoutRectUpdate?: (service: T) => void;
+    onAfterRender?: (service: T) => void;
 }
 export interface IChartPluginConstructor {
     readonly pluginType: 'chart';
@@ -22,4 +24,6 @@ export interface IChartPluginService<T extends IChartPlugin = any> extends IBase
     onAfterChartSpecTransform?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
     onAfterModelSpecTransform?: (chartSpec: any, chartSpecInfo: IChartSpecInfo, actionSource: VChartRenderActionSource) => MaybePromise<void>;
     onBeforeInitChart?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
+    onLayoutRectUpdate?: () => void;
+    onAfterRender?: () => void;
 }

package/esm/plugin/chart/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/chart/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartSpecInfo } from '../../chart/interface';\nimport type { VChartRenderActionSource, IVChart } from '../../core/interface';\nimport type { IBasePlugin, IBasePluginService, MaybePromise } from '../base/interface';\n\nexport interface IChartPlugin<T extends IChartPluginService = any> extends IBasePlugin<T> {\n  specKey?: string;\n  onInit?: (service: T, chartSpec: any) => MaybePromise<void>;\n  onBeforeResize?: (service: T, width: number, height: number) => MaybePromise<void>;\n  onAfterChartSpecTransform?: (\n    service: T,\n    chartSpec: any,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onAfterModelSpecTransform?: (\n    service: T,\n    chartSpec: any,\n    chartSpecInfo: IChartSpecInfo,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onBeforeInitChart?: (service: T, chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n}\n\nexport interface IChartPluginConstructor {\n  readonly pluginType: 'chart';\n  readonly specKey?: string;\n  readonly type: string;\n  new (): IChartPlugin;\n}\n\nexport interface IChartPluginService<T extends IChartPlugin = any> extends IBasePluginService<T> {\n  globalInstance: IVChart;\n  onInit?: (chartSpec: any) => MaybePromise<void>;\n  onBeforeResize?: (width: number, height: number) => MaybePromise<void>;\n  onAfterChartSpecTransform?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n  onAfterModelSpecTransform?: (\n    chartSpec: any,\n    chartSpecInfo: IChartSpecInfo,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onBeforeInitChart?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n}\n"]}
+{"version":3,"sources":["../src/plugin/chart/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartSpecInfo } from '../../chart/interface';\nimport type { VChartRenderActionSource, IVChart } from '../../core/interface';\nimport type { IBasePlugin, IBasePluginService, MaybePromise } from '../base/interface';\n\nexport interface IChartPlugin<T extends IChartPluginService = any> extends IBasePlugin<T> {\n  specKey?: string;\n  onInit?: (service: T, chartSpec: any) => MaybePromise<void>;\n  onBeforeResize?: (service: T, width: number, height: number) => MaybePromise<void>;\n  onAfterChartSpecTransform?: (\n    service: T,\n    chartSpec: any,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onAfterModelSpecTransform?: (\n    service: T,\n    chartSpec: any,\n    chartSpecInfo: IChartSpecInfo,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onBeforeInitChart?: (service: T, chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n  onLayoutRectUpdate?: (service: T) => void;\n  onAfterRender?: (service: T) => void;\n}\n\nexport interface IChartPluginConstructor {\n  readonly pluginType: 'chart';\n  readonly specKey?: string;\n  readonly type: string;\n  new (): IChartPlugin;\n}\n\nexport interface IChartPluginService<T extends IChartPlugin = any> extends IBasePluginService<T> {\n  globalInstance: IVChart;\n  onInit?: (chartSpec: any) => MaybePromise<void>;\n  onBeforeResize?: (width: number, height: number) => MaybePromise<void>;\n  onAfterChartSpecTransform?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n  onAfterModelSpecTransform?: (\n    chartSpec: any,\n    chartSpecInfo: IChartSpecInfo,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onBeforeInitChart?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n  onLayoutRectUpdate?: () => void;\n  onAfterRender?: () => void;\n}\n"]}

package/esm/plugin/chart/plugin-service.d.ts

@@ -11,5 +11,7 @@ export declare class ChartPluginService<T extends IChartPlugin = IChartPlugin> e
     onAfterChartSpecTransform(chartSpec: any, actionSource: VChartRenderActionSource): void;
     onAfterModelSpecTransform(chartSpec: any, chartSpecInfo: IChartSpecInfo, actionSource: VChartRenderActionSource): void;
     onBeforeInitChart(chartSpec: any, actionSource: VChartRenderActionSource): void;
+    onLayoutRectUpdate(): void;
+    onAfterRender(): void;
     releaseAll(): void;
 }

package/esm/plugin/chart/plugin-service.js

@@ -29,6 +29,16 @@ export class ChartPluginService extends BasePluginService {
             plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);
         }));
     }
+    onLayoutRectUpdate() {
+        this._plugins.forEach((plugin => {
+            plugin.onLayoutRectUpdate && plugin.onLayoutRectUpdate(this);
+        }));
+    }
+    onAfterRender() {
+        this._plugins.forEach((plugin => {
+            plugin.onAfterRender && plugin.onAfterRender(this);
+        }));
+    }
     releaseAll() {
         super.releaseAll(), this.globalInstance = null;
     }

package/esm/plugin/chart/plugin-service.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/chart/plugin-service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAIhE,MAAM,OAAO,kBACX,SAAQ,iBAAoB;IAK5B,YAAY,cAAuB;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,SAAc;QACnB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,KAAa,EAAE,MAAc;QAC1C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yBAAyB,CAAC,SAAc,EAAE,YAAsC;QAC9E,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,yBAAyB,IAAI,MAAM,CAAC,yBAAyB,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QACtG,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yBAAyB,CAAC,SAAc,EAAE,aAA6B,EAAE,YAAsC;QAC7G,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,yBAAyB;gBAC9B,MAAM,CAAC,yBAAyB,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;QACnF,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,SAAc,EAAE,YAAsC;QACtE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QACtF,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;CACF","file":"plugin-service.js","sourcesContent":["import type { IChartPlugin, IChartPluginService } from './interface';\nimport type { IVChart } from '../../core';\nimport { BasePluginService } from '../base/base-plugin-service';\nimport type { VChartRenderActionSource } from '../../core/interface';\nimport type { IChartSpecInfo } from '../../chart/interface/common';\n\nexport class ChartPluginService<T extends IChartPlugin = IChartPlugin>\n  extends BasePluginService<T>\n  implements IChartPluginService<T>\n{\n  globalInstance: IVChart;\n\n  constructor(globalInstance: IVChart) {\n    super();\n    this.globalInstance = globalInstance;\n  }\n\n  onInit(chartSpec: any) {\n    this._plugins.forEach(plugin => {\n      plugin.onInit && plugin.onInit(this, chartSpec);\n    });\n  }\n\n  onBeforeResize(width: number, height: number) {\n    this._plugins.forEach(plugin => {\n      plugin.onBeforeResize && plugin.onBeforeResize(this, width, height);\n    });\n  }\n\n  onAfterChartSpecTransform(chartSpec: any, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onAfterChartSpecTransform && plugin.onAfterChartSpecTransform(this, chartSpec, actionSource);\n    });\n  }\n\n  onAfterModelSpecTransform(chartSpec: any, chartSpecInfo: IChartSpecInfo, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onAfterModelSpecTransform &&\n        plugin.onAfterModelSpecTransform(this, chartSpec, chartSpecInfo, actionSource);\n    });\n  }\n\n  onBeforeInitChart(chartSpec: any, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);\n    });\n  }\n\n  releaseAll(): void {\n    super.releaseAll();\n    this.globalInstance = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/plugin/chart/plugin-service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAIhE,MAAM,OAAO,kBACX,SAAQ,iBAAoB;IAK5B,YAAY,cAAuB;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,SAAc;QACnB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,KAAa,EAAE,MAAc;QAC1C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yBAAyB,CAAC,SAAc,EAAE,YAAsC;QAC9E,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,yBAAyB,IAAI,MAAM,CAAC,yBAAyB,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QACtG,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yBAAyB,CAAC,SAAc,EAAE,aAA6B,EAAE,YAAsC;QAC7G,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,yBAAyB;gBAC9B,MAAM,CAAC,yBAAyB,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;QACnF,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,SAAc,EAAE,YAAsC;QACtE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QACtF,CAAC,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,kBAAkB,IAAI,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa;QACX,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;CACF","file":"plugin-service.js","sourcesContent":["import type { IChartPlugin, IChartPluginService } from './interface';\nimport type { IVChart } from '../../core';\nimport { BasePluginService } from '../base/base-plugin-service';\nimport type { VChartRenderActionSource } from '../../core/interface';\nimport type { IChartSpecInfo } from '../../chart/interface/common';\n\nexport class ChartPluginService<T extends IChartPlugin = IChartPlugin>\n  extends BasePluginService<T>\n  implements IChartPluginService<T>\n{\n  globalInstance: IVChart;\n\n  constructor(globalInstance: IVChart) {\n    super();\n    this.globalInstance = globalInstance;\n  }\n\n  onInit(chartSpec: any) {\n    this._plugins.forEach(plugin => {\n      plugin.onInit && plugin.onInit(this, chartSpec);\n    });\n  }\n\n  onBeforeResize(width: number, height: number) {\n    this._plugins.forEach(plugin => {\n      plugin.onBeforeResize && plugin.onBeforeResize(this, width, height);\n    });\n  }\n\n  onAfterChartSpecTransform(chartSpec: any, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onAfterChartSpecTransform && plugin.onAfterChartSpecTransform(this, chartSpec, actionSource);\n    });\n  }\n\n  onAfterModelSpecTransform(chartSpec: any, chartSpecInfo: IChartSpecInfo, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onAfterModelSpecTransform &&\n        plugin.onAfterModelSpecTransform(this, chartSpec, chartSpecInfo, actionSource);\n    });\n  }\n\n  onBeforeInitChart(chartSpec: any, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);\n    });\n  }\n\n  onLayoutRectUpdate() {\n    this._plugins.forEach(plugin => {\n      plugin.onLayoutRectUpdate && plugin.onLayoutRectUpdate(this);\n    });\n  }\n\n  onAfterRender() {\n    this._plugins.forEach(plugin => {\n      plugin.onAfterRender && plugin.onAfterRender(this);\n    });\n  }\n\n  releaseAll(): void {\n    super.releaseAll();\n    this.globalInstance = null;\n  }\n}\n"]}

package/esm/plugin/chart/scroll/index.d.ts

@@ -0,0 +1,2 @@
+export * from './scroll';
+export * from './interface';

package/esm/plugin/chart/scroll/index.js

@@ -0,0 +1,4 @@
+export * from "./scroll";
+
+export * from "./interface";
+//# sourceMappingURL=index.js.map

package/esm/plugin/chart/scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/scroll/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["/**\n * @description export all modules of scroll plugin\n * @since 1.0.0\n */\nexport * from './scroll';\nexport * from './interface';\n"]}

package/esm/plugin/chart/scroll/interface.d.ts

@@ -0,0 +1,11 @@
+import type { ScrollBarAttributes } from '@visactor/vrender-components';
+import type { IChartPlugin } from '../interface';
+export type IScrollPlugin = IChartPlugin;
+export interface IScrollPluginSpec {
+    x?: {
+        enable: boolean;
+    } & Omit<ScrollBarAttributes, 'direction' | 'range'>;
+    y?: {
+        enable: boolean;
+    } & Omit<ScrollBarAttributes, 'direction' | 'range'>;
+}

package/esm/plugin/chart/scroll/interface.js

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

package/esm/plugin/chart/scroll/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/scroll/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ScrollBarAttributes } from '@visactor/vrender-components';\nimport type { IChartPlugin } from '../interface';\n\n/**\n * IScrollPlugin 接口定义\n * @since 1.0.0\n */\nexport type IScrollPlugin = IChartPlugin;\n\nexport interface IScrollPluginSpec {\n  x?: {\n    /**\n     * 是否支持水平滚动\n     */\n    enable: boolean;\n  } & Omit<ScrollBarAttributes, 'direction' | 'range'>;\n\n  y?: {\n    /**\n     * 是否支持垂直滚动\n     */\n    enable: boolean;\n  } & Omit<ScrollBarAttributes, 'direction' | 'range'>;\n}\n"]}

package/esm/plugin/chart/scroll/scroll.d.ts

@@ -0,0 +1,27 @@
+import type { IGroup } from '@visactor/vrender-core';
+import { BasePlugin } from '../../base/base-plugin';
+import type { IChartPluginService } from '../interface';
+import type { IScrollPlugin } from './interface';
+export declare class ScrollPlugin extends BasePlugin implements IScrollPlugin {
+    static readonly pluginType: 'chart';
+    static readonly type: string;
+    readonly type: string;
+    private _service;
+    private _spec;
+    private _scrollLimit;
+    private _xScrollComponent;
+    private _yScrollComponent;
+    constructor();
+    onInit(service: IChartPluginService, chartSpec: any): void;
+    onLayoutRectUpdate(service: IChartPluginService): void;
+    onAfterRender(): void;
+    release(): void;
+    protected _bindEvent(service: IChartPluginService): void;
+    protected getRootMark(): IGroup;
+    protected onWheel: (e: WheelEvent) => void;
+    private _updateScrollY;
+    private _getYScrollComponent;
+    private _updateScrollX;
+    private _getXScrollComponent;
+}
+export declare const registerScrollPlugin: () => void;

package/esm/plugin/chart/scroll/scroll.js

@@ -0,0 +1,127 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { BasePlugin } from "../../base/base-plugin";
+
+import { registerChartPlugin } from "../register";
+
+import { ScrollBar as ScrollBarComponent } from "@visactor/vrender-components";
+
+const scrollBarSize = 10;
+
+export class ScrollPlugin extends BasePlugin {
+    constructor() {
+        super(ScrollPlugin.type), this.type = "chartScroll", this._scrollLimit = {
+            x: {
+                min: 0,
+                max: 0,
+                percent: 0
+            },
+            y: {
+                min: 0,
+                max: 0,
+                percent: 0
+            }
+        }, this.onWheel = e => {
+            const scrollX = e.deltaX, scrollY = e.deltaY, rootMark = this.getRootMark();
+            rootMark && (this._updateScrollX(rootMark, rootMark.attribute.x - scrollX), this._updateScrollY(rootMark, rootMark.attribute.y - scrollY));
+        };
+    }
+    onInit(service, chartSpec) {
+        var _a;
+        this._spec = null !== (_a = chartSpec[ScrollPlugin.type]) && void 0 !== _a ? _a : {}, 
+        this._service = service, this._bindEvent(service);
+    }
+    onLayoutRectUpdate(service) {
+        const viewBoxSize = service.globalInstance.getChart().getViewRect(), canvasSize = service.globalInstance.getChart().getCanvasRect();
+        this._scrollLimit.x.min = Math.min(canvasSize.width - viewBoxSize.width, 0), this._scrollLimit.x.percent = Math.abs(canvasSize.width / viewBoxSize.width), 
+        this._scrollLimit.y.min = Math.min(canvasSize.height - viewBoxSize.height, 0), this._scrollLimit.y.percent = Math.abs(canvasSize.height / viewBoxSize.height);
+    }
+    onAfterRender() {
+        const rootMark = this.getRootMark();
+        rootMark && (this._xScrollComponent || this._updateScrollX(rootMark, 0), this._yScrollComponent || this._updateScrollY(rootMark, 0));
+    }
+    release() {
+        var _a;
+        null === (_a = this._service.globalInstance.getStage()) || void 0 === _a || _a.off("wheel", this.onWheel);
+    }
+    _bindEvent(service) {
+        var _a;
+        null === (_a = service.globalInstance.getStage()) || void 0 === _a || _a.on("wheel", this.onWheel);
+    }
+    getRootMark() {
+        var _a;
+        return null === (_a = this._service.globalInstance.getStage()) || void 0 === _a ? void 0 : _a.find((node => "root" === node.name), !0);
+    }
+    _updateScrollY(rootMark, y) {
+        var _a;
+        if (!1 === (null === (_a = this._spec.y) || void 0 === _a ? void 0 : _a.enable)) return;
+        const finalY = Math.max(this._scrollLimit.y.min, Math.min(y, this._scrollLimit.y.max)), percent = Math.abs(finalY / this._scrollLimit.y.min);
+        this._getYScrollComponent().setAttribute("range", [ percent, percent + this._scrollLimit.y.percent ]), 
+        rootMark.setAttributes({
+            y: finalY
+        });
+    }
+    _getYScrollComponent() {
+        var _a, _b, _c, _d, _e;
+        if (!this._yScrollComponent) {
+            const canvasSize = this._service.globalInstance.getChart().getCanvasRect(), viewSize = this._service.globalInstance.getChart().getViewRect(), _f = null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : {}, {enable: enable} = _f, rest = __rest(_f, [ "enable" ]);
+            this._yScrollComponent = new ScrollBarComponent(Object.assign(Object.assign({}, rest), {
+                zIndex: 9999,
+                x: canvasSize.width - 10,
+                y: 0,
+                width: 10,
+                height: canvasSize.height,
+                range: [ 0, canvasSize.height / viewSize.height ],
+                direction: "vertical",
+                delayTime: null !== (_c = null == rest ? void 0 : rest.delayTime) && void 0 !== _c ? _c : 30,
+                realTime: null === (_d = null == rest ? void 0 : rest.realTime) || void 0 === _d || _d,
+                sliderStyle: {
+                    fill: "rgba(0,0,0,0.3)"
+                }
+            })), null === (_e = this.getRootMark().parent) || void 0 === _e || _e.addChild(this._yScrollComponent);
+        }
+        return this._yScrollComponent;
+    }
+    _updateScrollX(rootMark, x) {
+        var _a;
+        if (!1 === (null === (_a = this._spec.x) || void 0 === _a ? void 0 : _a.enable)) return;
+        const finalX = Math.max(this._scrollLimit.x.min, Math.min(x, this._scrollLimit.x.max)), percent = Math.abs(finalX / this._scrollLimit.x.min);
+        this._getXScrollComponent().setAttribute("range", [ percent, percent + this._scrollLimit.x.percent ]), 
+        rootMark.setAttributes({
+            x: finalX
+        });
+    }
+    _getXScrollComponent() {
+        var _a, _b, _c, _d, _e;
+        if (!this._xScrollComponent) {
+            const canvasSize = this._service.globalInstance.getChart().getCanvasRect(), viewSize = this._service.globalInstance.getChart().getViewRect(), _f = null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : {}, {enable: enable} = _f, rest = __rest(_f, [ "enable" ]);
+            this._xScrollComponent = new ScrollBarComponent(Object.assign(Object.assign({}, rest), {
+                zIndex: 9999,
+                x: 0,
+                y: canvasSize.height - 10,
+                width: canvasSize.width,
+                height: 10,
+                range: [ 0, canvasSize.width / viewSize.width ],
+                direction: "horizontal",
+                delayTime: null !== (_c = null == rest ? void 0 : rest.delayTime) && void 0 !== _c ? _c : 30,
+                realTime: null === (_d = null == rest ? void 0 : rest.realTime) || void 0 === _d || _d
+            })), null === (_e = this.getRootMark().parent) || void 0 === _e || _e.addChild(this._xScrollComponent);
+        }
+        return this._xScrollComponent;
+    }
+}
+
+ScrollPlugin.pluginType = "chart", ScrollPlugin.type = "chartScroll";
+
+export const registerScrollPlugin = () => {
+    registerChartPlugin(ScrollPlugin);
+};
+//# sourceMappingURL=scroll.js.map

package/esm/plugin/chart/scroll/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/scroll/scroll.ts"],"names":[],"mappings":"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","file":"scroll.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport { BasePlugin } from '../../base/base-plugin';\nimport type { IChartPluginService } from '../interface';\nimport { registerChartPlugin } from '../register';\nimport type { IScrollPlugin, IScrollPluginSpec } from './interface';\nimport { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';\n\nconst scrollBarSize = 10;\n\n/**\n * ScrollPlugin 类\n * @since 1.0.0\n */\nexport class ScrollPlugin extends BasePlugin implements IScrollPlugin {\n  static readonly pluginType: 'chart' = 'chart';\n  static readonly type: string = 'chartScroll';\n  readonly type: string = 'chartScroll';\n\n  private _service: IChartPluginService;\n\n  private _spec: IScrollPluginSpec;\n\n  private _scrollLimit = {\n    x: {\n      min: 0,\n      max: 0,\n      percent: 0\n    },\n    y: {\n      min: 0,\n      max: 0,\n      percent: 0\n    }\n  };\n\n  private _xScrollComponent: ScrollBarComponent;\n  private _yScrollComponent: ScrollBarComponent;\n\n  constructor() {\n    super(ScrollPlugin.type);\n  }\n\n  /**\n   * 初始化插件\n   * @param service\n   * @param chartSpec\n   */\n  onInit(service: IChartPluginService, chartSpec: any) {\n    this._spec = chartSpec[ScrollPlugin.type] ?? {};\n    this._service = service;\n    this._bindEvent(service);\n  }\n\n  onLayoutRectUpdate(service: IChartPluginService) {\n    const viewBoxSize = service.globalInstance.getChart().getViewRect();\n    const canvasSize = service.globalInstance.getChart().getCanvasRect();\n    this._scrollLimit.x.min = Math.min(canvasSize.width - viewBoxSize.width, 0);\n    this._scrollLimit.x.percent = Math.abs(canvasSize.width / viewBoxSize.width);\n    this._scrollLimit.y.min = Math.min(canvasSize.height - viewBoxSize.height, 0);\n    this._scrollLimit.y.percent = Math.abs(canvasSize.height / viewBoxSize.height);\n  }\n\n  onAfterRender() {\n    const rootMark = this.getRootMark();\n    if (rootMark) {\n      if (!this._xScrollComponent) {\n        this._updateScrollX(rootMark, 0);\n      }\n      if (!this._yScrollComponent) {\n        this._updateScrollY(rootMark, 0);\n      }\n    }\n  }\n\n  /**\n   * 释放插件资源\n   */\n  release() {\n    this._service.globalInstance.getStage()?.off('wheel', this.onWheel);\n  }\n\n  protected _bindEvent(service: IChartPluginService) {\n    service.globalInstance.getStage()?.on('wheel', this.onWheel);\n  }\n\n  protected getRootMark() {\n    return this._service.globalInstance.getStage()?.find(node => node.name === 'root', true) as IGroup;\n  }\n\n  protected onWheel = (e: WheelEvent) => {\n    const scrollX = e.deltaX;\n    const scrollY = e.deltaY;\n    const rootMark = this.getRootMark();\n    if (!rootMark) {\n      return;\n    }\n    this._updateScrollX(rootMark, rootMark.attribute.x - scrollX);\n    this._updateScrollY(rootMark, rootMark.attribute.y - scrollY);\n  };\n\n  private _updateScrollY(rootMark: IGroup, y: number) {\n    if (this._spec.y?.enable === false) {\n      return;\n    }\n    const finalY = Math.max(this._scrollLimit.y.min, Math.min(y, this._scrollLimit.y.max));\n    const percent = Math.abs(finalY / this._scrollLimit.y.min);\n    const yScrollComponent = this._getYScrollComponent();\n    yScrollComponent.setAttribute('range', [percent, percent + this._scrollLimit.y.percent]);\n    rootMark.setAttributes({\n      y: finalY\n    });\n  }\n\n  private _getYScrollComponent() {\n    if (!this._yScrollComponent) {\n      const canvasSize = this._service.globalInstance.getChart().getCanvasRect();\n      const viewSize = this._service.globalInstance.getChart().getViewRect();\n      const { enable, ...rest } = this._spec?.y ?? ({} as IScrollPluginSpec['y']);\n      this._yScrollComponent = new ScrollBarComponent({\n        ...rest,\n        zIndex: 9999,\n        x: canvasSize.width - scrollBarSize,\n        y: 0,\n        width: scrollBarSize,\n        height: canvasSize.height,\n        range: [0, canvasSize.height / viewSize.height],\n        direction: 'vertical',\n        delayTime: rest?.delayTime ?? 30,\n        realTime: rest?.realTime ?? true,\n        sliderStyle: { fill: 'rgba(0,0,0,0.3)' }\n      });\n      this.getRootMark().parent?.addChild(this._yScrollComponent);\n    }\n    return this._yScrollComponent;\n  }\n\n  private _updateScrollX(rootMark: IGroup, x: number) {\n    if (this._spec.x?.enable === false) {\n      return;\n    }\n    const finalX = Math.max(this._scrollLimit.x.min, Math.min(x, this._scrollLimit.x.max));\n    const percent = Math.abs(finalX / this._scrollLimit.x.min);\n    const xScrollComponent = this._getXScrollComponent();\n    xScrollComponent.setAttribute('range', [percent, percent + this._scrollLimit.x.percent]);\n\n    rootMark.setAttributes({\n      x: finalX\n    });\n  }\n\n  private _getXScrollComponent() {\n    if (!this._xScrollComponent) {\n      const canvasSize = this._service.globalInstance.getChart().getCanvasRect();\n      const viewSize = this._service.globalInstance.getChart().getViewRect();\n      const { enable, ...rest } = this._spec?.x ?? ({} as IScrollPluginSpec['x']);\n      this._xScrollComponent = new ScrollBarComponent({\n        ...rest,\n        zIndex: 9999,\n        x: 0,\n        y: canvasSize.height - scrollBarSize,\n        width: canvasSize.width,\n        height: scrollBarSize,\n        range: [0, canvasSize.width / viewSize.width],\n        direction: 'horizontal',\n        delayTime: rest?.delayTime ?? 30,\n        realTime: rest?.realTime ?? true\n      });\n      this.getRootMark().parent?.addChild(this._xScrollComponent);\n    }\n    return this._xScrollComponent;\n  }\n}\n\n/**\n * 注册 ScrollPlugin\n * @since 1.0.0\n */\nexport const registerScrollPlugin = () => {\n  registerChartPlugin(ScrollPlugin);\n};\n"]}

package/esm/series/sankey/sankey.d.ts

@@ -6,7 +6,7 @@ import { SeriesData } from '../base/series-data';
 import type { ISankeySeriesSpec } from './interface';
 import type { ExtendEventParam } from '../../event/interface';
 import type { IElement, IGlyphElement, IMark as IVgrammarMark } from '@visactor/vgrammar-core';
-import type { IMark, ITextMark } from '../../mark/interface';
+import type { ILinkPathMark, IMark, IRectMark, ITextMark } from '../../mark/interface';
 import { SankeySeriesSpecTransformer } from './sankey-transformer';
 import type { ILabelSpec } from '../../component';
 export declare class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> extends CartesianSeries<T> {
@@ -15,8 +15,8 @@ export declare class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpe
     static readonly transformerConstructor: any;
     readonly transformerConstructor: typeof SankeySeriesSpecTransformer;
     static readonly mark: SeriesMarkMap;
-    private _nodeMark;
-    private _linkMark;
+    protected _nodeMark: IRectMark;
+    protected _linkMark: ILinkPathMark;
     private _nodeLayoutZIndex;
     private _labelLayoutZIndex;
     protected _nodesSeriesData?: SeriesData;
@@ -25,7 +25,7 @@ export declare class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpe
     protected _categoryField: string;
     private _colorScale;
     private _nodeList;
-    private _needClear;
+    protected _needClear: boolean;
     get direction(): "vertical" | "horizontal";
     getCategoryField(): string;
     setCategoryField(f: string): string;
@@ -54,11 +54,11 @@ export declare class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpe
     private nodesSeriesDataUpdate;
     private linksSeriesDataUpdate;
     protected _handleEmphasisElement: (params: ExtendEventParam) => void;
-    protected _handleClearEmpty: (highlightState: string, blurState: string) => void;
+    protected _handleClearEmpty(highlightState: string, blurState: string): void;
     protected _handleNodeAdjacencyClick: (element: IElement, highlightState: string, blurState: string) => void;
     protected _handleLinkAdjacencyClick: (element: IGlyphElement, highlightState: string, blurState: string) => void;
-    protected _handleNodeRelatedClick: (element: IElement, highlightState: string, blurState: string) => void;
-    protected _handleLinkRelatedClick: (element: IGlyphElement, highlightState: string, blurState: string) => void;
+    protected _handleNodeRelatedClick(element: IElement, highlightState: string, blurState: string): void;
+    protected _handleLinkRelatedClick(element: IGlyphElement, highlightState: string, blurState: string): void;
     protected _highLightElements(vGrammarElements: IVgrammarMark['elements'], highlightNodes: string[], highlightState: string, blurState: string): void;
     protected initTooltip(): void;
     _setNodeOrdinalColorScale(): void;