@visactor/vchart 1.13.20 → 1.13.21-alpha.1

package/cjs/mark/index.d.ts

@@ -10,12 +10,13 @@ import { PathMark, registerPathMark } from './path';
 import { ArcMark, registerArcMark } from './arc';
 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';
 import { PolygonMark, registerPolygonMark } from './polygon/polygon';
 import { Pyramid3dMark, registerPyramid3dMark } from './polygon/pyramid-3d';
 import { ImageMark, registerImageMark } from './image';
 export type { IBoxPlotMarkSpec, ILineMarkSpec, ISymbolMarkSpec, IGroupMarkSpec, IRuleMarkSpec, ITextMarkSpec, IAreaMarkSpec, IRect3dMarkSpec, IRectMarkSpec, IPathMarkSpec, IArcMarkSpec, IArc3dMarkSpec, ICommonSpec, IPolygonMarkSpec, IPyramid3dMarkSpec, ILinkPathMarkSpec, IRippleMarkSpec, ICellMarkSpec, ILiquidMarkSpec, ConvertToMarkStyleSpec } from '../typings/visual';
-export { LineMark, SymbolMark, GroupMark, RuleMark, TextMark, AreaMark, Rect3dMark, RectMark, PathMark, Arc3dMark, ArcMark, ComponentMark, PolygonMark, Pyramid3dMark, RippleMark, ImageMark, BaseMark };
-export { registerLineMark, registerSymbolMark, registerGroupMark, registerRuleMark, registerTextMark, registerAreaMark, registerRectMark, registerRect3dMark, registerPathMark, registerArcMark, registerArc3dMark, registerPolygonMark, registerPyramid3dMark, registerRippleMark, registerImageMark, registerComponentMark };
+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, registerLinkPathMark };
 export declare const registerAllMarks: () => void;

package/cjs/mark/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.registerAllMarks = exports.registerComponentMark = exports.registerImageMark = exports.registerRippleMark = exports.registerPyramid3dMark = exports.registerPolygonMark = exports.registerArc3dMark = exports.registerArcMark = exports.registerPathMark = exports.registerRect3dMark = exports.registerRectMark = exports.registerAreaMark = exports.registerTextMark = exports.registerRuleMark = exports.registerGroupMark = exports.registerSymbolMark = exports.registerLineMark = exports.BaseMark = exports.ImageMark = exports.RippleMark = exports.Pyramid3dMark = exports.PolygonMark = exports.ComponentMark = exports.ArcMark = exports.Arc3dMark = exports.PathMark = exports.RectMark = exports.Rect3dMark = exports.AreaMark = exports.TextMark = exports.RuleMark = exports.GroupMark = exports.SymbolMark = exports.LineMark = void 0;
+}), exports.registerAllMarks = exports.registerLinkPathMark = exports.registerComponentMark = exports.registerImageMark = exports.registerRippleMark = exports.registerPyramid3dMark = exports.registerPolygonMark = exports.registerArc3dMark = exports.registerArcMark = exports.registerPathMark = exports.registerRect3dMark = exports.registerRectMark = exports.registerAreaMark = exports.registerTextMark = exports.registerRuleMark = exports.registerGroupMark = exports.registerSymbolMark = exports.registerLineMark = exports.LinkPathMark = exports.BaseMark = exports.ImageMark = exports.RippleMark = exports.Pyramid3dMark = exports.PolygonMark = exports.ComponentMark = exports.ArcMark = exports.Arc3dMark = exports.PathMark = exports.RectMark = exports.Rect3dMark = exports.AreaMark = exports.TextMark = exports.RuleMark = exports.GroupMark = exports.SymbolMark = exports.LineMark = void 0;
 
 const line_1 = require("./line");
 
@@ -172,6 +172,20 @@ Object.defineProperty(exports, "ComponentMark", {
     }
 });
 
+const link_path_1 = require("./link-path");
+
+Object.defineProperty(exports, "LinkPathMark", {
+    enumerable: !0,
+    get: function() {
+        return link_path_1.LinkPathMark;
+    }
+}), Object.defineProperty(exports, "registerLinkPathMark", {
+    enumerable: !0,
+    get: function() {
+        return link_path_1.registerLinkPathMark;
+    }
+});
+
 const ripple_1 = require("./ripple");
 
 Object.defineProperty(exports, "RippleMark", {

package/cjs/mark/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/index.ts"],"names":[],"mappings":";;;AAGA,iCAAoD;AA8ClD,yFA9CO,eAAQ,OA8CP;AAoBR,iGAlEiB,uBAAgB,OAkEjB;AAjElB,qCAA0D;AA8CxD,2FA9CO,mBAAU,OA8CP;AAoBV,mGAlEmB,2BAAkB,OAkEnB;AAjEpB,mCAAuD;AA8CrD,0FA9CO,iBAAS,OA8CP;AAoBT,kGAlEkB,yBAAiB,OAkElB;AAjEnB,iCAAoD;AA8ClD,yFA9CO,eAAQ,OA8CP;AAoBR,iGAlEiB,uBAAgB,OAkEjB;AAjElB,iCAAoD;AA8ClD,yFA9CO,eAAQ,OA8CP;AAoBR,iGAlEiB,uBAAgB,OAkEjB;AAjElB,iCAAoD;AA8ClD,yFA9CO,eAAQ,OA8CP;AAoBR,iGAlEiB,uBAAgB,OAkEjB;AAjElB,iCAAoD;AA+ClD,yFA/CO,eAAQ,OA+CP;AAmBR,iGAlEiB,uBAAgB,OAkEjB;AAjElB,uCAA2D;AA6CzD,2FA7CO,oBAAU,OA6CP;AAqBV,mGAlEmB,4BAAkB,OAkEnB;AAjEpB,iCAAoD;AA8ClD,yFA9CO,eAAQ,OA8CP;AAoBR,iGAlEiB,uBAAgB,OAkEjB;AAjElB,+BAAiD;AA+C/C,wFA/CO,aAAO,OA+CP;AAmBP,gGAlEgB,qBAAe,OAkEhB;AAjEjB,qCAAwD;AA6CtD,0FA7CO,kBAAS,OA6CP;AAqBT,kGAlEkB,0BAAiB,OAkElB;AAjEnB,2CAAmE;AA8CjE,8FA9CO,yBAAa,OA8CP;AAwBb,sGAtEsB,iCAAqB,OAsEtB;AApEvB,qCAA0D;AA+CxD,2FA/CO,mBAAU,OA+CP;AAmBV,mGAlEmB,2BAAkB,OAkEnB;AAhEpB,iCAAkC;AA+ChC,yFA/CO,eAAQ,OA+CP;AA9CV,+CAAqE;AA0CnE,4FA1CO,qBAAW,OA0CP;AAmBX,oGA7DoB,6BAAmB,OA6DpB;AA5DrB,qDAA4E;AA0C1E,8FA1CO,0BAAa,OA0CP;AAmBb,sGA7DsB,kCAAqB,OA6DtB;AA5DvB,mCAAuD;AA2CrD,0FA3CO,iBAAS,OA2CP;AAmBT,kGA9DkB,yBAAiB,OA8DlB;AAIZ,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,IAAA,yBAAiB,GAAE,CAAC;IACpB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,2BAAkB,GAAE,CAAC;IACrB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,qBAAe,GAAE,CAAC;IAClB,IAAA,6BAAmB,GAAE,CAAC;IACtB,IAAA,yBAAiB,GAAE,CAAC;IACpB,IAAA,2BAAkB,GAAE,CAAC;IACrB,IAAA,iCAAqB,GAAE,CAAC;IACxB,IAAA,0BAAiB,GAAE,CAAC;IACpB,IAAA,4BAAkB,GAAE,CAAC;IACrB,IAAA,kCAAqB,GAAE,CAAC;AAC1B,CAAC,CAAC;AAjBW,QAAA,gBAAgB,oBAiB3B","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,iCAAoD;AAgDlD,yFAhDO,eAAQ,OAgDP;AAqBR,iGArEiB,uBAAgB,OAqEjB;AApElB,qCAA0D;AAgDxD,2FAhDO,mBAAU,OAgDP;AAqBV,mGArEmB,2BAAkB,OAqEnB;AApEpB,mCAAuD;AAgDrD,0FAhDO,iBAAS,OAgDP;AAqBT,kGArEkB,yBAAiB,OAqElB;AApEnB,iCAAoD;AAgDlD,yFAhDO,eAAQ,OAgDP;AAqBR,iGArEiB,uBAAgB,OAqEjB;AApElB,iCAAoD;AAgDlD,yFAhDO,eAAQ,OAgDP;AAqBR,iGArEiB,uBAAgB,OAqEjB;AApElB,iCAAoD;AAgDlD,yFAhDO,eAAQ,OAgDP;AAqBR,iGArEiB,uBAAgB,OAqEjB;AApElB,iCAAoD;AAiDlD,yFAjDO,eAAQ,OAiDP;AAoBR,iGArEiB,uBAAgB,OAqEjB;AApElB,uCAA2D;AA+CzD,2FA/CO,oBAAU,OA+CP;AAsBV,mGArEmB,4BAAkB,OAqEnB;AApEpB,iCAAoD;AAgDlD,yFAhDO,eAAQ,OAgDP;AAqBR,iGArEiB,uBAAgB,OAqEjB;AApElB,+BAAiD;AAiD/C,wFAjDO,aAAO,OAiDP;AAoBP,gGArEgB,qBAAe,OAqEhB;AApEjB,qCAAwD;AA+CtD,0FA/CO,kBAAS,OA+CP;AAsBT,kGArEkB,0BAAiB,OAqElB;AApEnB,2CAAmE;AAgDjE,8FAhDO,yBAAa,OAgDP;AAyBb,sGAzEsB,iCAAqB,OAyEtB;AAxEvB,2CAAiE;AAqD/D,6FArDO,wBAAY,OAqDP;AAoBZ,qGAzEqB,gCAAoB,OAyErB;AAxEtB,qCAA0D;AAiDxD,2FAjDO,mBAAU,OAiDP;AAoBV,mGArEmB,2BAAkB,OAqEnB;AAnEpB,iCAAkC;AAiDhC,yFAjDO,eAAQ,OAiDP;AAhDV,+CAAqE;AA4CnE,4FA5CO,qBAAW,OA4CP;AAoBX,oGAhEoB,6BAAmB,OAgEpB;AA/DrB,qDAA4E;AA4C1E,8FA5CO,0BAAa,OA4CP;AAoBb,sGAhEsB,kCAAqB,OAgEtB;AA/DvB,mCAAuD;AA6CrD,0FA7CO,iBAAS,OA6CP;AAoBT,kGAjEkB,yBAAiB,OAiElB;AAKZ,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,IAAA,yBAAiB,GAAE,CAAC;IACpB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,2BAAkB,GAAE,CAAC;IACrB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,uBAAgB,GAAE,CAAC;IACnB,IAAA,qBAAe,GAAE,CAAC;IAClB,IAAA,6BAAmB,GAAE,CAAC;IACtB,IAAA,yBAAiB,GAAE,CAAC;IACpB,IAAA,2BAAkB,GAAE,CAAC;IACrB,IAAA,iCAAqB,GAAE,CAAC;IACxB,IAAA,0BAAiB,GAAE,CAAC;IACpB,IAAA,4BAAkB,GAAE,CAAC;IACrB,IAAA,kCAAqB,GAAE,CAAC;AAC1B,CAAC,CAAC;AAjBW,QAAA,gBAAgB,oBAiB3B","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/cjs/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/cjs/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/cjs/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/cjs/plugin/chart/plugin-service.js

@@ -35,6 +35,16 @@ class ChartPluginService extends base_plugin_service_1.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/cjs/plugin/chart/plugin-service.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/chart/plugin-service.ts"],"names":[],"mappings":";;;AAEA,qEAAgE;AAIhE,MAAa,kBACX,SAAQ,uCAAoB;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;AA9CD,gDA8CC","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,qEAAgE;AAIhE,MAAa,kBACX,SAAQ,uCAAoB;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;AA1DD,gDA0DC","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/cjs/plugin/chart/scroll/index.d.ts

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./scroll"), exports), __exportStar(require("./interface"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/scroll/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAIA,2CAAyB;AACzB,8CAA4B","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/cjs/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/cjs/plugin/chart/scroll/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/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/cjs/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/cjs/plugin/chart/scroll/scroll.js

@@ -0,0 +1,129 @@
+"use strict";
+
+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;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerScrollPlugin = exports.ScrollPlugin = void 0;
+
+const base_plugin_1 = require("../../base/base-plugin"), register_1 = require("../register"), vrender_components_1 = require("@visactor/vrender-components"), scrollBarSize = 10;
+
+class ScrollPlugin extends base_plugin_1.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 vrender_components_1.ScrollBar(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 vrender_components_1.ScrollBar(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;
+    }
+}
+
+exports.ScrollPlugin = ScrollPlugin, ScrollPlugin.pluginType = "chart", ScrollPlugin.type = "chartScroll";
+
+const registerScrollPlugin = () => {
+    (0, register_1.registerChartPlugin)(ScrollPlugin);
+};
+
+exports.registerScrollPlugin = registerScrollPlugin;
+//# sourceMappingURL=scroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/scroll/scroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,wDAAoD;AAEpD,0CAAkD;AAElD,qEAA+E;AAE/E,MAAM,aAAa,GAAG,EAAE,CAAC;AAMzB,MAAa,YAAa,SAAQ,wBAAU;IAyB1C;QACE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAvBlB,SAAI,GAAW,aAAa,CAAC;QAM9B,iBAAY,GAAG;YACrB,CAAC,EAAE;gBACD,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,CAAC;aACX;YACD,CAAC,EAAE;gBACD,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC;QAwDQ,YAAO,GAAG,CAAC,CAAa,EAAE,EAAE;YACpC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;YACzB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YACpC,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAO;aACR;YACD,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC;YAC9D,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC;QAChE,CAAC,CAAC;IA1DF,CAAC;IAOD,MAAM,CAAC,OAA4B,EAAE,SAAc;;QACjD,IAAI,CAAC,KAAK,GAAG,MAAA,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC;QAChD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;IAED,kBAAkB,CAAC,OAA4B;QAC7C,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC;QACpE,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,aAAa,EAAE,CAAC;QACrE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAC9E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACjF,CAAC;IAED,aAAa;QACX,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBAC3B,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;aAClC;YACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBAC3B,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;aAClC;SACF;IACH,CAAC;IAKD,OAAO;;QACL,MAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,0CAAE,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACtE,CAAC;IAES,UAAU,CAAC,OAA4B;;QAC/C,MAAA,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,0CAAE,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC;IAES,WAAW;;QACnB,OAAO,MAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,0CAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,IAAI,CAAW,CAAC;IACrG,CAAC;IAaO,cAAc,CAAC,QAAgB,EAAE,CAAS;;QAChD,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,CAAC,CAAC,0CAAE,MAAM,MAAK,KAAK,EAAE;YAClC,OAAO;SACR;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACvF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3D,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACrD,gBAAgB,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QACzF,QAAQ,CAAC,aAAa,CAAC;YACrB,CAAC,EAAE,MAAM;SACV,CAAC,CAAC;IACL,CAAC;IAEO,oBAAoB;;QAC1B,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,aAAa,EAAE,CAAC;YAC3E,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC;YACvE,MAAM,KAAsB,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,CAAC,mCAAK,EAA6B,EAArE,EAAE,MAAM,OAA6D,EAAxD,IAAI,cAAjB,UAAmB,CAAkD,CAAC;YAC5E,IAAI,CAAC,iBAAiB,GAAG,IAAI,8BAAkB,iCAC1C,IAAI,KACP,MAAM,EAAE,IAAI,EACZ,CAAC,EAAE,UAAU,CAAC,KAAK,GAAG,aAAa,EACnC,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,EAC/C,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,mCAAI,EAAE,EAChC,QAAQ,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,mCAAI,IAAI,EAChC,WAAW,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,IACxC,CAAC;YACH,MAAA,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,0CAAE,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC7D;QACD,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAEO,cAAc,CAAC,QAAgB,EAAE,CAAS;;QAChD,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,CAAC,CAAC,0CAAE,MAAM,MAAK,KAAK,EAAE;YAClC,OAAO;SACR;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACvF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3D,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACrD,gBAAgB,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAEzF,QAAQ,CAAC,aAAa,CAAC;YACrB,CAAC,EAAE,MAAM;SACV,CAAC,CAAC;IACL,CAAC;IAEO,oBAAoB;;QAC1B,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,aAAa,EAAE,CAAC;YAC3E,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC;YACvE,MAAM,KAAsB,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,CAAC,mCAAK,EAA6B,EAArE,EAAE,MAAM,OAA6D,EAAxD,IAAI,cAAjB,UAAmB,CAAkD,CAAC;YAC5E,IAAI,CAAC,iBAAiB,GAAG,IAAI,8BAAkB,iCAC1C,IAAI,KACP,MAAM,EAAE,IAAI,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,aAAa,EACpC,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,mCAAI,EAAE,EAChC,QAAQ,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,mCAAI,IAAI,IAChC,CAAC;YACH,MAAA,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,0CAAE,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC7D;QACD,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;;AA7JH,oCA8JC;AA7JiB,uBAAU,GAAY,OAAO,CAAC;AAC9B,iBAAI,GAAW,aAAa,CAAC;AAkKxC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,IAAA,8BAAmB,EAAC,YAAY,CAAC,CAAC;AACpC,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B","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/cjs/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;