@visactor/vchart 1.3.1 → 1.4.0-alpha.3

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/interface/chart.ts"],"names":[],"mappings":"","file":"chart.js","sourcesContent":["import type { IEvent } from '../../event/interface';\nimport type { LayoutCallBack } from '../../layout/interface';\nimport type { IRunningConfig as IMorphConfig, IView } from '@visactor/vgrammar';\nimport type { IParserOptions } from '@visactor/vdataset/es/parser';\nimport type { IComponent } from '../../component/interface';\nimport type { IMark } from '../../mark/interface';\nimport type { ILayoutRect, IModel, IUpdateSpecResult } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { ISeries } from '../../series/interface';\nimport type { ITheme } from '../../theme';\nimport type {\n  IChartEvaluateOption,\n  IChartInitOption,\n  IChartLayoutOption,\n  IChartOption,\n  IChartRenderOption,\n  ILayoutParams\n} from './common';\nimport type { IBoundsLike, IPadding } from '@visactor/vutils';\nimport type { ICompilable } from '../../compile/interface';\nimport type {\n  IRegionQuerier,\n  MaybeArray,\n  Datum,\n  IMarkStateSpec,\n  StringOrNumber,\n  IShowTooltipOption,\n  IDataValues\n} from '../../typings';\nimport type { DataView } from '@visactor/vdataset';\n\nexport type DimensionIndexOption = {\n  filter?: (cmp: IComponent) => boolean;\n  tooltip?: boolean;\n  showTooltipOption?: IShowTooltipOption;\n  crosshair?: boolean;\n};\n\nexport interface IChart extends ICompilable {\n  padding: IPadding;\n\n  readonly type: string;\n\n  getSpec: () => any;\n  setSpec: (s: any) => void;\n\n  setCanvasRect: (width: number, height: number) => void;\n  getCanvasRect: () => ILayoutRect;\n\n  getOption: () => IChartOption;\n\n  /** event */\n  getEvent: () => IEvent;\n\n  /** layout */\n  setLayout: (layout: LayoutCallBack) => void;\n  layout: (context: ILayoutParams) => void;\n  getLayoutTag: () => boolean;\n  setLayoutTag: (tag: boolean) => boolean;\n\n  // 使用parse后的数据结构，直接更新数据\n  updateParseData: (id: string, data: Datum[], options?: IParserOptions) => void;\n  // 使用parse前的原始数据结构更新数据\n  updateData: (id: StringOrNumber, data: unknown, updateGlobalScale?: boolean, options?: IParserOptions) => void;\n  // 使用 IData 更新数据\n  updateFullData: (data: IDataValues | IDataValues[]) => void;\n  // update scale domain which in GlobalScale\n  updateGlobalScaleDomain: () => void;\n  //生命周期\n  created: () => void;\n  transformSpec: (spec: any) => void;\n  init: (option: IChartInitOption) => void;\n  onLayoutStart: (ctx: IChartLayoutOption) => void;\n  onLayoutEnd: (ctx: IChartLayoutOption) => void;\n  onEvaluateEnd: (ctx: IChartEvaluateOption) => void;\n  onRender: (ctx: IChartRenderOption) => void;\n  onResize: (width: number, height: number) => void;\n  onLayout: (view: IView) => void;\n\n  // series\n  getAllSeries: () => ISeries[];\n\n  // region\n  getRegionsInIndex: (index?: number[]) => IRegion[];\n  getRegionsInIds: (ids: number[]) => IRegion[];\n  getAllRegions: () => IRegion[];\n  getRegionsInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => IRegion[];\n  getRegionsInQuerier: (query: MaybeArray<IRegionQuerier>) => IRegion[];\n\n  // series\n  getSeriesInIndex: (index?: number[]) => ISeries[];\n  getSeriesInIds: (ids?: number[]) => ISeries[];\n  getSeriesInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => ISeries[];\n  getSeriesInUserId: (userId: StringOrNumber) => ISeries | undefined;\n\n  // component\n  getComponentByIndex: (key: string, index: number) => IComponent | undefined;\n  getComponentByUserId: (userId: StringOrNumber) => IComponent | undefined;\n  getComponentsByKey: (key: string) => IComponent[];\n  getAllComponents: () => IComponent[];\n\n  // model\n  getModelById: (id: number) => IModel | undefined;\n  getModelByUserId: (userId: StringOrNumber) => IModel | undefined;\n  getAllModels: () => IModel[];\n\n  // mark\n  getMarkById: (id: number) => IMark | undefined;\n  getAllMarks: () => IMark[];\n\n  // spec\n  updateSpec: (spec: any, morphConfig?: IMorphConfig) => IUpdateSpecResult;\n\n  // state\n  /**\n   * 更新或设置图元状态\n   * @param state 状态筛选器\n   * @param filter 筛选器\n   */\n  updateState: (\n    state: Record<string, Omit<IMarkStateSpec<unknown>, 'style'>>,\n    filter?: (series: ISeries, mark: IMark, stateKey: string) => boolean //series + mark 筛选\n  ) => void;\n\n  /**\n   * 更新图元选中状态\n   * @param datum hover 图元数据\n   * @param filter 筛选器 用来筛选系列与mark\n   * @param region region 筛选器\n   */\n  setSelected: (\n    datum: MaybeArray<any> | null,\n    filter?: (series: ISeries, mark: IMark) => boolean,\n    region?: IRegionQuerier\n  ) => void;\n\n  /**\n   * 更新图元 hover 状态\n   * @param datum hover 图元数据\n   * @param filter 筛选器 用来筛选系列与mark\n   * @param region region 筛选器\n   */\n  setHovered: (\n    datum: MaybeArray<Datum> | null,\n    filter?: (series: ISeries, mark: IMark) => boolean,\n    region?: IRegionQuerier\n  ) => void;\n\n  // 更新 viewBox\n  updateViewBox: (viewBox: IBoundsLike, reLayout: boolean) => void;\n\n  // 获取实际渲染的 canvas\n  getCanvas: () => HTMLCanvasElement | undefined;\n\n  getCurrentTheme: () => ITheme;\n\n  setCurrentTheme: (theme: ITheme, noRender?: boolean) => void;\n\n  getSeriesData: (id: StringOrNumber | undefined, index: number | undefined) => DataView | undefined;\n  // setDimensionIndex\n  setDimensionIndex: (value: StringOrNumber, opt: DimensionIndexOption) => void;\n}\n\nexport interface IChartConstructor {\n  readonly type: string;\n  readonly series?: string | string[];\n  readonly view: string;\n  new (spec: any, options: IChartOption): IChart;\n}\n"]}
+{"version":3,"sources":["../src/chart/interface/chart.ts"],"names":[],"mappings":"","file":"chart.js","sourcesContent":["import type { IEvent } from '../../event/interface';\nimport type { LayoutCallBack } from '../../layout/interface';\nimport type { IRunningConfig as IMorphConfig, IView } from '@visactor/vgrammar';\nimport type { IParserOptions } from '@visactor/vdataset/es/parser';\nimport type { IComponent } from '../../component/interface';\nimport type { IMark } from '../../mark/interface';\nimport type { ILayoutRect, IModel, IUpdateSpecResult } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { ISeries } from '../../series/interface';\nimport type { ITheme } from '../../theme';\nimport type {\n  IChartEvaluateOption,\n  IChartInitOption,\n  IChartLayoutOption,\n  IChartOption,\n  IChartRenderOption,\n  ILayoutParams\n} from './common';\nimport type { IBoundsLike, IPadding } from '@visactor/vutils';\nimport type { ICompilable } from '../../compile/interface';\nimport type {\n  IRegionQuerier,\n  MaybeArray,\n  Datum,\n  IMarkStateSpec,\n  StringOrNumber,\n  IShowTooltipOption,\n  IDataValues\n} from '../../typings';\nimport type { DataView } from '@visactor/vdataset';\n\nexport type DimensionIndexOption = {\n  filter?: (cmp: IComponent) => boolean;\n  tooltip?: boolean;\n  showTooltipOption?: IShowTooltipOption;\n  crosshair?: boolean;\n};\n\nexport interface IChart extends ICompilable {\n  padding: IPadding;\n\n  readonly type: string;\n\n  getSpec: () => any;\n  setSpec: (s: any) => void;\n\n  // data flow\n  reDataFlow: () => void;\n\n  setCanvasRect: (width: number, height: number) => void;\n  getCanvasRect: () => ILayoutRect;\n\n  getOption: () => IChartOption;\n\n  /** event */\n  getEvent: () => IEvent;\n\n  /** layout */\n  setLayout: (layout: LayoutCallBack) => void;\n  layout: (context: ILayoutParams) => void;\n  getLayoutTag: () => boolean;\n  setLayoutTag: (tag: boolean) => boolean;\n\n  // 使用parse后的数据结构，直接更新数据\n  updateParseData: (id: string, data: Datum[], options?: IParserOptions) => void;\n  // 使用parse前的原始数据结构更新数据\n  updateData: (id: StringOrNumber, data: unknown, updateGlobalScale?: boolean, options?: IParserOptions) => void;\n  // 使用 IData 更新数据\n  updateFullData: (data: IDataValues | IDataValues[]) => void;\n  // update scale domain which in GlobalScale\n  updateGlobalScaleDomain: () => void;\n  //生命周期\n  created: () => void;\n  transformSpec: (spec: any) => void;\n  init: (option: IChartInitOption) => void;\n  onLayoutStart: (ctx: IChartLayoutOption) => void;\n  onLayoutEnd: (ctx: IChartLayoutOption) => void;\n  onEvaluateEnd: (ctx: IChartEvaluateOption) => void;\n  onRender: (ctx: IChartRenderOption) => void;\n  onResize: (width: number, height: number) => void;\n  onLayout: (view: IView) => void;\n\n  // series\n  getAllSeries: () => ISeries[];\n\n  // region\n  getRegionsInIndex: (index?: number[]) => IRegion[];\n  getRegionsInIds: (ids: number[]) => IRegion[];\n  getAllRegions: () => IRegion[];\n  getRegionsInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => IRegion[];\n  getRegionsInQuerier: (query: MaybeArray<IRegionQuerier>) => IRegion[];\n\n  // series\n  getSeriesInIndex: (index?: number[]) => ISeries[];\n  getSeriesInIds: (ids?: number[]) => ISeries[];\n  getSeriesInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => ISeries[];\n  getSeriesInUserId: (userId: StringOrNumber) => ISeries | undefined;\n\n  // component\n  getComponentByIndex: (key: string, index: number) => IComponent | undefined;\n  getComponentByUserId: (userId: StringOrNumber) => IComponent | undefined;\n  getComponentsByKey: (key: string) => IComponent[];\n  getAllComponents: () => IComponent[];\n\n  // model\n  getModelById: (id: number) => IModel | undefined;\n  getModelByUserId: (userId: StringOrNumber) => IModel | undefined;\n  getModelInFilter: (\n    filter: string | { type: string; index: number } | ((model: IModel) => boolean)\n  ) => IModel | undefined;\n  getAllModels: () => IModel[];\n\n  // mark\n  getMarkById: (id: number) => IMark | undefined;\n  getAllMarks: () => IMark[];\n\n  // spec\n  updateSpec: (spec: any, morphConfig?: IMorphConfig) => IUpdateSpecResult;\n\n  // state\n  /**\n   * 更新或设置图元状态\n   * @param state 状态筛选器\n   * @param filter 筛选器\n   */\n  updateState: (\n    state: Record<string, Omit<IMarkStateSpec<unknown>, 'style'>>,\n    filter?: (series: ISeries, mark: IMark, stateKey: string) => boolean //series + mark 筛选\n  ) => void;\n\n  /**\n   * 更新图元选中状态\n   * @param datum hover 图元数据\n   * @param filter 筛选器 用来筛选系列与mark\n   * @param region region 筛选器\n   */\n  setSelected: (\n    datum: MaybeArray<any> | null,\n    filter?: (series: ISeries, mark: IMark) => boolean,\n    region?: IRegionQuerier\n  ) => void;\n\n  /**\n   * 更新图元 hover 状态\n   * @param datum hover 图元数据\n   * @param filter 筛选器 用来筛选系列与mark\n   * @param region region 筛选器\n   */\n  setHovered: (\n    datum: MaybeArray<Datum> | null,\n    filter?: (series: ISeries, mark: IMark) => boolean,\n    region?: IRegionQuerier\n  ) => void;\n\n  // 更新 viewBox\n  updateViewBox: (viewBox: IBoundsLike, reLayout: boolean) => void;\n\n  // 获取实际渲染的 canvas\n  getCanvas: () => HTMLCanvasElement | undefined;\n\n  getCurrentTheme: () => ITheme;\n\n  setCurrentTheme: (theme: ITheme, noRender?: boolean) => void;\n\n  getSeriesData: (id: StringOrNumber | undefined, index: number | undefined) => DataView | undefined;\n  // setDimensionIndex\n  setDimensionIndex: (value: StringOrNumber, opt: DimensionIndexOption) => void;\n}\n\nexport interface IChartConstructor {\n  readonly type: string;\n  readonly series?: string | string[];\n  readonly view: string;\n  new (spec: any, options: IChartOption): IChart;\n}\n"]}

package/esm/chart/rose/rose.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/rose/rose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC9C,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAE/B,MAAM,OAAO,SAAU,SAAQ,aAAa;IAA5C;;QAGW,SAAI,GAAW,aAAa,CAAC,IAAI,CAAC;QAClC,eAAU,GAAW,cAAc,CAAC,IAAI,CAAC;IA0CpD,CAAC;IAxCW,qBAAqB,CAAC,IAAS;;QACvC,uCACK,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,KACpC,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,mCAAI,oBAAoB,EAC3C,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,oBAAoB,EACrD,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,CAAC,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,IAErB;IACJ,CAAC;IAED,aAAa,CAAC,IAAS;;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAE1B,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAgB,EAAE,EAAE;YAC7C,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC3D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;oBACrB,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;iBACvC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAGH,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC9D,OAAO,SAAS,CACd;gBACE,aAAa,EAAE;oBACb,OAAO,EAAE,IAAI;oBACb,IAAI,EAAE;wBACJ,OAAO,EAAE,IAAI;wBACb,IAAI,EAAE,MAAM;qBACb;iBACF;aACF,EACD,YAAY,CACb,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;;AA5Ce,cAAI,GAAW,aAAa,CAAC,IAAI,CAAC;AAClC,cAAI,GAAW,eAAe,CAAC","file":"rose.js","sourcesContent":["import { RoseSeries } from '../../series/rose/rose';\nimport type { IPolarAxis } from '../../component/axis/polar/interface';\nimport { POLAR_DEFAULT_RADIUS } from '../../constant';\nimport { SeriesTypeEnum } from '../../series/interface';\nimport { ChartTypeEnum } from '../interface';\nimport { RoseLikeChart } from '../polar/rose-like';\nimport { VChart } from '../../core/vchart';\nimport { array, mergeSpec } from '../../util';\nVChart.useSeries([RoseSeries]);\n\nexport class RoseChart extends RoseLikeChart {\n  static readonly type: string = ChartTypeEnum.rose;\n  static readonly view: string = 'singleDefault';\n  readonly type: string = ChartTypeEnum.rose;\n  readonly seriesType: string = SeriesTypeEnum.rose;\n\n  protected _getDefaultSeriesSpec(spec: any): any {\n    return {\n      ...super._getDefaultSeriesSpec(spec),\n      radius: spec.radius ?? POLAR_DEFAULT_RADIUS,\n      outerRadius: spec.outerRadius ?? POLAR_DEFAULT_RADIUS,\n      innerRadius: spec.innerRadius ?? 0,\n      seriesField: spec.seriesField,\n      stack: spec.stack,\n      percent: spec.percent\n      // startAngle: radians(spec.startAngle || 0),\n    };\n  }\n\n  transformSpec(spec: any) {\n    super.transformSpec(spec);\n    //默认不显示轴\n    (spec.axes ?? []).forEach((axis: IPolarAxis) => {\n      ['domainLine', 'grid', 'label', 'tick'].forEach(configName => {\n        if (!axis[configName]) {\n          axis[configName] = { visible: false };\n        }\n      });\n    });\n\n    // set default config for crosshair\n    spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {\n      return mergeSpec(\n        {\n          categoryField: {\n            visible: true,\n            line: {\n              visible: true,\n              type: 'rect'\n            }\n          }\n        },\n        crosshairCfg\n      );\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/chart/rose/rose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC9C,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAE/B,MAAM,OAAO,SAAU,SAAQ,aAAa;IAA5C;;QAGW,SAAI,GAAW,aAAa,CAAC,IAAI,CAAC;QAClC,eAAU,GAAW,cAAc,CAAC,IAAI,CAAC;IA0CpD,CAAC;IAxCW,qBAAqB,CAAC,IAAS;;QACvC,uCACK,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,KACpC,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,mCAAI,oBAAoB,EAC3C,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,oBAAoB,EACrD,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,CAAC,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,IAErB;IACJ,CAAC;IAED,aAAa,CAAC,IAAS;;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAE1B,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAgB,EAAE,EAAE;YAC7C,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC3D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;oBACrB,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;iBACvC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAGH,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC9D,OAAO,SAAS,CACd;gBACE,aAAa,EAAE;oBACb,OAAO,EAAE,IAAI;oBACb,IAAI,EAAE;wBACJ,OAAO,EAAE,IAAI;wBACb,IAAI,EAAE,MAAM;qBACb;iBACF;aACF,EACD,YAAY,CACb,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;;AA5Ce,cAAI,GAAW,aAAa,CAAC,IAAI,CAAC;AAClC,cAAI,GAAW,eAAe,CAAC","file":"rose.js","sourcesContent":["import { RoseSeries } from '../../series/rose/rose';\nimport type { IPolarAxis } from '../../component/axis/polar/interface';\nimport { POLAR_DEFAULT_RADIUS } from '../../constant';\nimport { SeriesTypeEnum } from '../../series/interface';\nimport { ChartTypeEnum } from '../interface';\nimport { RoseLikeChart } from '../polar/rose-like';\nimport { VChart } from '../../core/vchart';\nimport { array, mergeSpec } from '../../util';\nVChart.useSeries([RoseSeries]);\n\nexport class RoseChart extends RoseLikeChart {\n  static readonly type: string = ChartTypeEnum.rose;\n  static readonly view: string = 'singleDefault';\n  readonly type: string = ChartTypeEnum.rose;\n  readonly seriesType: string = SeriesTypeEnum.rose;\n\n  protected _getDefaultSeriesSpec(spec: any): any {\n    return {\n      ...super._getDefaultSeriesSpec(spec),\n      radius: spec.radius ?? POLAR_DEFAULT_RADIUS,\n      outerRadius: spec.outerRadius ?? POLAR_DEFAULT_RADIUS,\n      innerRadius: spec.innerRadius ?? 0,\n      seriesField: spec.seriesField,\n      stack: spec.stack,\n      percent: spec.percent\n      // startAngle: degreeToRadian(spec.startAngle || 0),\n    };\n  }\n\n  transformSpec(spec: any) {\n    super.transformSpec(spec);\n    //默认不显示轴\n    (spec.axes ?? []).forEach((axis: IPolarAxis) => {\n      ['domainLine', 'grid', 'label', 'tick'].forEach(configName => {\n        if (!axis[configName]) {\n          axis[configName] = { visible: false };\n        }\n      });\n    });\n\n    // set default config for crosshair\n    spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {\n      return mergeSpec(\n        {\n          categoryField: {\n            visible: true,\n            line: {\n              visible: true,\n              type: 'rect'\n            }\n          }\n        },\n        crosshairCfg\n      );\n    });\n  }\n}\n"]}

package/esm/chart/sequence/sequence.d.ts

@@ -6,4 +6,5 @@ export declare class SequenceChart extends BaseChart {
     readonly type: string;
     transformSpec(spec: ISequenceChartSpec): void;
     createSeries(seriesSpec: ISequenceSeriesSpec[]): void;
+    addAttrToComponentSpec(componentSpec: any, attr: string, value: any): any;
 }

package/esm/chart/sequence/sequence.js

@@ -14,6 +14,12 @@ import { ChartTypeEnum } from "../interface";
 
 import { VChart } from "../../core/vchart";
 
+import { SCROLL_BAR_DEFAULT_SIZE } from "../../constant/scroll-bar";
+
+import { array } from "@visactor/vutils";
+
+import { normalizeLayoutPaddingSpec } from "../../util";
+
 VChart.useSeries([ DotSeries, LinkSeries ]);
 
 export class SequenceChart extends BaseChart {
@@ -21,22 +27,35 @@ export class SequenceChart extends BaseChart {
         super(...arguments), this.type = ChartTypeEnum.sequence;
     }
     transformSpec(spec) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         super.transformSpec(spec);
         let rowNum = 0;
-        const elements = [], region = [], axes = [], rowHeight = [], seriesRegionNum = spec.series.filter((d => d.type !== SeriesTypeEnum.link)).length, defaultSeriesRowHeight = (this._layoutRect.height - 20 * (seriesRegionNum - 1)) / seriesRegionNum, leftAppendPadding = (null === (_a = null == spec ? void 0 : spec.appendPadding) || void 0 === _a ? void 0 : _a.left) || 0, rightAppendPadding = (null === (_b = null == spec ? void 0 : spec.appendPadding) || void 0 === _b ? void 0 : _b.right) || 0;
-        (null == spec ? void 0 : spec.legends) && (elements.push({
-            modelId: `legendRow${rowNum}`,
-            col: 1,
-            row: rowNum
-        }), spec.legends[0].id = `legendRow${rowNum}`, rowHeight.push({
-            index: rowNum,
-            size: 20
-        }), rowNum++), (null == spec ? void 0 : spec.dataZoom) && (elements.push({
+        const elements = [], region = [], axes = [], scrollBar = [], rowHeight = [], seriesRegionNum = spec.series.filter((d => d.type !== SeriesTypeEnum.link)).length, defaultSeriesRowHeight = (this._layoutRect.height - 20 * (seriesRegionNum - 1)) / seriesRegionNum, leftAppendPadding = (null === (_a = null == spec ? void 0 : spec.appendPadding) || void 0 === _a ? void 0 : _a.left) || 0, rightAppendPadding = (null === (_b = null == spec ? void 0 : spec.appendPadding) || void 0 === _b ? void 0 : _b.right) || 0;
+        if (null == spec ? void 0 : spec.legends) {
+            elements.push({
+                modelId: `legendRow${rowNum}`,
+                col: 1,
+                row: rowNum
+            }), this.addAttrToComponentSpec(spec.legends, "id", `legendRow${rowNum}`);
+            const legendSpec = array(spec.legends);
+            let legendHeight = null !== (_c = legendSpec[0].height) && void 0 !== _c ? _c : 40;
+            if (legendSpec[0].padding) {
+                const legendPadding = normalizeLayoutPaddingSpec(legendSpec[0].padding);
+                legendHeight += Number(null !== (_d = null == legendPadding ? void 0 : legendPadding.bottom) && void 0 !== _d ? _d : 0), 
+                legendHeight += Number(null !== (_e = null == legendPadding ? void 0 : legendPadding.top) && void 0 !== _e ? _e : 0), 
+                legendSpec[0].offsetY = Number(null !== (_g = null === (_f = legendSpec[0]) || void 0 === _f ? void 0 : _f.offsetY) && void 0 !== _g ? _g : 0) + Number(null !== (_h = null == legendPadding ? void 0 : legendPadding.top) && void 0 !== _h ? _h : 0);
+            }
+            rowHeight.push({
+                index: rowNum,
+                size: legendHeight
+            }), rowNum++;
+        }
+        (null == spec ? void 0 : spec.dataZoom) && (elements.push({
             modelId: `dataZoomRow${rowNum}`,
             col: 1,
             row: rowNum
-        }), spec.dataZoom[0].id = `dataZoomRow${rowNum}`, rowNum++, rowHeight.push({
+        }), this.addAttrToComponentSpec(spec.dataZoom, "id", `dataZoomRow${rowNum}`), rowNum++, 
+        rowHeight.push({
             index: rowNum,
             size: 10
         }), rowNum++), region.push({
@@ -46,69 +65,92 @@ export class SequenceChart extends BaseChart {
             col: 1,
             row: rowNum
         }), spec.axes[0].id = `axesRow${rowNum}`, spec.axes[0].regionIndex = Array.from(Array(this._spec.series.length - 1), ((_, index) => index + 1)), 
-        rowNum++, null === (_c = null == spec ? void 0 : spec.series) || void 0 === _c || _c.forEach((seriesSpec => {
+        rowNum++, null === (_j = null == spec ? void 0 : spec.series) || void 0 === _j || _j.forEach((seriesSpec => {
             var _a, _b;
-            [ SeriesTypeEnum.bar, SeriesTypeEnum.line, SeriesTypeEnum.area, SeriesTypeEnum.dot ].includes(seriesSpec.type) && (elements.push({
-                modelId: `${seriesSpec.type}Row${rowNum}`,
-                col: 1,
-                row: rowNum
-            }), elements.push({
-                modelId: `axesLeftRow${rowNum}`,
-                col: 0,
-                row: rowNum
-            }), region.push({
-                id: `${seriesSpec.type}Row${rowNum}`,
-                clip: !1
-            }), rowHeight.push({
-                index: rowNum,
-                size: (null == seriesSpec ? void 0 : seriesSpec.height) || defaultSeriesRowHeight
-            }), axes.push({
-                orient: "left",
-                id: `axesLeftRow${rowNum}`,
-                type: seriesSpec.type === SeriesTypeEnum.dot ? "band" : "linear",
-                visible: seriesSpec.type !== SeriesTypeEnum.dot,
-                title: {
-                    visible: !0,
-                    autoRotate: !1,
-                    style: {
-                        text: null == seriesSpec ? void 0 : seriesSpec.barTitle,
-                        dx: -20,
-                        textBaseline: "middle",
-                        textAlign: "end"
-                    }
-                },
-                grid: {
-                    visible: "boolean" != typeof (null === (_a = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _a ? void 0 : _a.visible) || (null === (_b = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _b ? void 0 : _b.visible),
-                    style: (datum, index) => {
-                        var _a, _b, _c, _d, _e;
-                        let lineWidth = 0;
-                        if (0 === index) {
-                            const style = null === (_a = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _a ? void 0 : _a.style;
-                            lineWidth = null !== (_c = null !== (_b = null == style ? void 0 : style.lineWidth) && void 0 !== _b ? _b : null == style ? void 0 : style.strokeWidth) && void 0 !== _c ? _c : 1;
+            if ([ SeriesTypeEnum.bar, SeriesTypeEnum.line, SeriesTypeEnum.area, SeriesTypeEnum.dot ].includes(seriesSpec.type)) {
+                if (elements.push({
+                    modelId: `${seriesSpec.type}Row${rowNum}`,
+                    col: 1,
+                    row: rowNum
+                }), elements.push({
+                    modelId: `axesLeftRow${rowNum}`,
+                    col: 0,
+                    row: rowNum
+                }), region.push({
+                    id: `${seriesSpec.type}Row${rowNum}`,
+                    clip: !1
+                }), rowHeight.push({
+                    index: rowNum,
+                    size: (null == seriesSpec ? void 0 : seriesSpec.height) || defaultSeriesRowHeight
+                }), axes.push({
+                    orient: "left",
+                    id: `axesLeftRow${rowNum}`,
+                    type: seriesSpec.type === SeriesTypeEnum.dot ? "band" : "linear",
+                    visible: seriesSpec.type !== SeriesTypeEnum.dot,
+                    title: {
+                        visible: !0,
+                        autoRotate: !1,
+                        style: {
+                            text: null == seriesSpec ? void 0 : seriesSpec.barTitle,
+                            dx: -20,
+                            textBaseline: "middle",
+                            textAlign: "end"
                         }
-                        return {
-                            lineWidth: lineWidth,
-                            stroke: (null === (_e = null === (_d = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.stroke) || "#dfdfdf",
-                            lineDash: [ 0, 0 ]
-                        };
-                    }
-                },
-                domainLine: {
-                    visible: !1
-                },
-                tick: {
-                    visible: !1
-                },
-                label: {
-                    visible: !1
-                },
-                regionIndex: region.length - 1
-            }), seriesSpec.regionIndex = region.length - 1, rowNum++, rowHeight.push({
-                index: rowNum,
-                size: (null == seriesSpec ? void 0 : seriesSpec.padding) || 20
-            }), rowNum++, seriesSpec.leftAppendPadding = leftAppendPadding, seriesSpec.type === SeriesTypeEnum.dot && (seriesSpec.title.style.dx = -leftAppendPadding, 
-            seriesSpec.subTitle.style.dx = -leftAppendPadding));
-        })), null === (_d = null == spec ? void 0 : spec.series) || void 0 === _d || _d.forEach((seriesSpec => {
+                    },
+                    grid: {
+                        visible: "boolean" != typeof (null === (_a = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _a ? void 0 : _a.visible) || (null === (_b = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _b ? void 0 : _b.visible),
+                        style: (datum, index) => {
+                            var _a, _b, _c, _d, _e;
+                            let lineWidth = 0;
+                            if (0 === index) {
+                                const style = null === (_a = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _a ? void 0 : _a.style;
+                                lineWidth = null !== (_c = null !== (_b = null == style ? void 0 : style.lineWidth) && void 0 !== _b ? _b : null == style ? void 0 : style.strokeWidth) && void 0 !== _c ? _c : 1;
+                            }
+                            return {
+                                lineWidth: lineWidth,
+                                stroke: (null === (_e = null === (_d = null == seriesSpec ? void 0 : seriesSpec.grid) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.stroke) || "#dfdfdf",
+                                lineDash: [ 0, 0 ]
+                            };
+                        }
+                    },
+                    domainLine: {
+                        visible: !1
+                    },
+                    tick: {
+                        visible: !1
+                    },
+                    label: {
+                        visible: !1
+                    },
+                    regionIndex: region.length - 1
+                }), seriesSpec.type === SeriesTypeEnum.dot) {
+                    elements.push({
+                        modelId: `scrollBarRightRow${rowNum}`,
+                        col: 2,
+                        row: rowNum
+                    });
+                    const data = this.getSeriesData(seriesSpec.dataId, seriesSpec.dataIndex);
+                    let ratio = 0;
+                    data.latestData.length && data.latestData.length > 0 && (ratio = ((null == seriesSpec ? void 0 : seriesSpec.height) || defaultSeriesRowHeight) / (30 * data.latestData.length)), 
+                    scrollBar.push({
+                        orient: "right",
+                        visible: seriesSpec.type === SeriesTypeEnum.dot && ratio < 1,
+                        id: `scrollBarRightRow${rowNum}`,
+                        start: 0,
+                        end: Math.min(ratio, 1),
+                        roam: !1,
+                        filterMode: "axis",
+                        regionIndex: region.length - 1,
+                        axisId: `axesLeftRow${rowNum}`
+                    });
+                }
+                seriesSpec.regionIndex = region.length - 1, rowNum++, rowHeight.push({
+                    index: rowNum,
+                    size: (null == seriesSpec ? void 0 : seriesSpec.padding) || 20
+                }), rowNum++, seriesSpec.leftAppendPadding = leftAppendPadding, seriesSpec.type === SeriesTypeEnum.dot && (seriesSpec.title.style.dx = -leftAppendPadding, 
+                seriesSpec.subTitle.style.dx = -leftAppendPadding);
+            }
+        })), null === (_k = null == spec ? void 0 : spec.series) || void 0 === _k || _k.forEach((seriesSpec => {
             if (seriesSpec.type === SeriesTypeEnum.link) {
                 const dotRowNum = seriesSpec.dotSeriesIndex + 1;
                 elements.push({
@@ -119,22 +161,26 @@ export class SequenceChart extends BaseChart {
                 seriesSpec.leftAppendPadding = leftAppendPadding, seriesSpec.height = spec.series[seriesSpec.dotSeriesIndex].height, 
                 seriesSpec.clipHeight = spec.series[seriesSpec.dotSeriesIndex].clipHeight;
             }
-        })), (null == spec ? void 0 : spec.legends) && (spec.legends[0].regionIndex = [ region.length - 1 ]);
+        })), (null == spec ? void 0 : spec.legends) && this.addAttrToComponentSpec(spec.legends, "regionIndex", [ region.length - 1 ]);
         const layout = {
             type: "grid",
-            col: 3,
+            col: 4,
             row: rowNum,
             colWidth: [ {
                 index: 0,
                 size: leftAppendPadding
             }, {
                 index: 2,
+                size: SCROLL_BAR_DEFAULT_SIZE
+            }, {
+                index: 3,
                 size: rightAppendPadding
             } ],
             rowHeight: rowHeight,
             elements: elements
         };
-        spec.layout = layout, spec.region = region, null === (_e = spec.axes) || void 0 === _e || _e.push(...axes);
+        spec.layout = layout, spec.region = region, null === (_l = spec.axes) || void 0 === _l || _l.push(...axes), 
+        spec.scrollBar = scrollBar;
     }
     createSeries(seriesSpec) {
         seriesSpec.forEach(((spec, index) => {
@@ -157,6 +203,10 @@ export class SequenceChart extends BaseChart {
             series && (series.created(), this._series.push(series), region.addSeries(series));
         }));
     }
+    addAttrToComponentSpec(componentSpec, attr, value) {
+        return Array.isArray(componentSpec) ? componentSpec[0][attr] = value : componentSpec[attr] = value, 
+        componentSpec;
+    }
 }
 
 SequenceChart.type = ChartTypeEnum.sequence, SequenceChart.view = "singleDefault";

package/esm/chart/sequence/sequence.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/sequence/sequence.ts"],"names":[],"mappings":"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","file":"sequence.js","sourcesContent":["import { LinkSeries } from '../../series/link/link';\nimport { DotSeries } from '../../series/dot/dot';\nimport type { IGridLayoutSpec } from '../../layout/interface';\nimport { BaseChart } from '../base-chart';\nimport type { ISequenceChartSpec, ISequenceSeriesSpec } from './interface';\nimport type { IRegion, IRegionSpec } from '../../region/interface';\nimport { dataToDataView } from '../../data/initialize';\nimport { Factory } from '../../core/factory';\nimport { SeriesTypeEnum } from '../../series/interface/type';\nimport { ChartTypeEnum } from '../interface';\nimport type { Datum } from '../../typings';\nimport type { DataView } from '@visactor/vdataset';\nimport type { ISeriesOption } from '../../series/interface';\nimport { VChart } from '../../core/vchart';\nVChart.useSeries([DotSeries, LinkSeries]);\n\nexport class SequenceChart extends BaseChart {\n  static readonly type: string = ChartTypeEnum.sequence;\n  static readonly view: string = 'singleDefault'; // csj-Q: view是什么含义\n  readonly type: string = ChartTypeEnum.sequence;\n\n  /**\n   * @override\n   * @description 主要是处理布局逻辑 & 部分仅针对sequenceChart的特殊属性\n   */\n  transformSpec(spec: ISequenceChartSpec): void {\n    super.transformSpec(spec);\n\n    // 初始化目标属性\n    let rowNum = 0;\n    const elements: any[] = [];\n    const region: IRegionSpec[] = [];\n    const axes: any = [];\n    const rowHeight: any = [];\n\n    // 计算默认series padding和series高度\n    const defaultSeriesPadding = 20;\n    const seriesRegionNum = spec.series.filter(d => d.type !== SeriesTypeEnum.link).length;\n    const defaultSeriesRowHeight =\n      (this._layoutRect.height - defaultSeriesPadding * (seriesRegionNum - 1)) / seriesRegionNum;\n    const leftAppendPadding = spec?.appendPadding?.left || 0;\n    const rightAppendPadding = spec?.appendPadding?.right || 0;\n\n    if ((spec as any)?.legends) {\n      elements.push({\n        modelId: `legendRow${rowNum}`,\n        col: 1,\n        row: rowNum\n      });\n      (spec as any).legends[0].id = `legendRow${rowNum}`;\n      rowHeight.push({\n        index: rowNum,\n        size: 20\n      });\n      rowNum++;\n    }\n\n    if ((spec as any)?.dataZoom) {\n      elements.push({\n        modelId: `dataZoomRow${rowNum}`,\n        col: 1,\n        row: rowNum\n      });\n      (spec as any).dataZoom[0].id = `dataZoomRow${rowNum}`;\n      rowNum++;\n\n      // 增加空行，拟合series padding效果\n      rowHeight.push({\n        index: rowNum,\n        size: 10\n      });\n      rowNum++;\n    }\n\n    // 遍历axes\n    // 1. 在elements中添加时间轴元素\n    // 2. 并统计rowNum\n    // 在sequenceChart中，axes有几种情况（本期先考虑1和2，也就是默认只有1个top轴）：1.不声明axes 2.声明且为仅有一个top axes 3.声明且仅有一个bottom axes 4.多个axes组合\n    // if(spec.axes === null || spec?.axes[0]?.orient === 'top') {\n    // Tips: id should not has duplicate name\n    region.push({\n      id: `regionAxesRow${rowNum}`\n    });\n    elements.push({\n      modelId: `axesRow${rowNum}`,\n      col: 1,\n      row: rowNum\n    });\n    spec.axes[0].id = `axesRow${rowNum}`;\n    spec.axes[0].regionIndex = Array.from(Array(this._spec.series.length - 1), (_, index) => index + 1);\n    rowNum++;\n    // }\n\n    // 遍历series\n    // 1. 在spec.layout => elements、region数组和spec.axes的数组中中添加元素\n    // 2. 为series绑定regionIndex\n    // 3. 统计rowNum\n    // 4. 用空行拟合series padding\n    spec?.series?.forEach((seriesSpec: ISequenceSeriesSpec) => {\n      if (\n        ([SeriesTypeEnum.bar, SeriesTypeEnum.line, SeriesTypeEnum.area, SeriesTypeEnum.dot] as string[]).includes(\n          seriesSpec.type\n        )\n      ) {\n        // elements数组\n        elements.push({\n          modelId: `${seriesSpec.type}Row${rowNum}`,\n          col: 1,\n          row: rowNum\n        });\n        elements.push({\n          modelId: `axesLeftRow${rowNum}`,\n          col: 0,\n          row: rowNum\n        });\n\n        // region数组\n        region.push({\n          id: `${seriesSpec.type}Row${rowNum}`,\n          clip: false\n        });\n\n        rowHeight.push({\n          index: rowNum,\n          size: seriesSpec?.height || defaultSeriesRowHeight\n        });\n\n        // axes数组添加left axes（每个series都需要一个left axes）\n        axes.push({\n          orient: 'left',\n          id: `axesLeftRow${rowNum}`,\n          type: seriesSpec.type === SeriesTypeEnum.dot ? 'band' : 'linear',\n          visible: seriesSpec.type !== SeriesTypeEnum.dot,\n\n          // 对于bar series，axes title模拟bar title\n          title: {\n            visible: true,\n            // 特殊处理时序图的 title 样式，默认的坐标轴左右轴会进行旋转\n            autoRotate: false,\n            style: {\n              text: (seriesSpec as any)?.barTitle,\n              dx: -20,\n              textBaseline: 'middle',\n              textAlign: 'end'\n            }\n          },\n          // 对于bar series，axes grid模拟series分割线\n          grid: {\n            visible:\n              typeof (seriesSpec as any)?.grid?.visible === 'boolean' ? (seriesSpec as any)?.grid?.visible : true, // bar grid默认绘制\n            style: (datum: Datum, index: number) => {\n              let lineWidth = 0;\n              if (index === 0) {\n                const style = (seriesSpec as any)?.grid?.style;\n\n                // 兼容一下spec中通过strokeWidth申明的方式\n                lineWidth = style?.lineWidth ?? style?.strokeWidth ?? 1;\n              }\n              return {\n                lineWidth,\n                stroke: (seriesSpec as any)?.grid?.style?.stroke || '#dfdfdf',\n                lineDash: [0, 0]\n              };\n            }\n          },\n          // 其他轴元素隐藏\n          domainLine: {\n            visible: false\n          },\n          tick: {\n            visible: false\n          },\n          label: {\n            visible: false\n          },\n\n          // 绑定regionIndex\n          regionIndex: region.length - 1\n        });\n\n        // seriesSpec绑定regionIndex\n        seriesSpec.regionIndex = region.length - 1;\n\n        rowNum++;\n\n        // 增加空行，拟合series padding效果\n        rowHeight.push({\n          index: rowNum,\n          size: seriesSpec?.padding || defaultSeriesPadding\n        });\n        rowNum++;\n\n        // chart的leftAppendPadding用于具体元素的dx偏移\n        (seriesSpec as any).leftAppendPadding = leftAppendPadding;\n\n        // title和subTitle自动定位到画布最左端\n        if (seriesSpec.type === SeriesTypeEnum.dot) {\n          (seriesSpec as any).title.style.dx = -leftAppendPadding;\n          (seriesSpec as any).subTitle.style.dx = -leftAppendPadding;\n        }\n      }\n    });\n\n    // 对于link series，所有属性跟随它绑定的dot series\n    spec?.series?.forEach((seriesSpec: ISequenceSeriesSpec) => {\n      if (seriesSpec.type === SeriesTypeEnum.link) {\n        const dotRowNum = seriesSpec.dotSeriesIndex + 1;\n        elements.push({\n          modelId: `${seriesSpec.type}Row${dotRowNum}`,\n          col: 1,\n          row: dotRowNum - 1\n        });\n        seriesSpec.regionIndex = spec.series[seriesSpec.dotSeriesIndex].regionIndex;\n        (seriesSpec as any).leftAppendPadding = leftAppendPadding;\n        (seriesSpec as any).height = (spec.series[seriesSpec.dotSeriesIndex] as any).height;\n        (seriesSpec as any).clipHeight = (spec.series[seriesSpec.dotSeriesIndex] as any).clipHeight;\n      }\n    });\n\n    // 添加legends和datazoom的regionIndex\n    if ((spec as any)?.legends) {\n      (spec as any).legends[0].regionIndex = [region.length - 1];\n    }\n    // if ((spec as any)?.dataZoom) {\n    //   (spec as any).dataZoom[0].regionIndex = Array.from({length: region.length - 1},(item, index)=> index+1);\n    // }\n\n    const layout: IGridLayoutSpec = {\n      type: 'grid',\n      col: 3,\n      row: rowNum,\n      colWidth: [\n        {\n          index: 0,\n          size: leftAppendPadding\n        },\n        {\n          index: 2,\n          size: rightAppendPadding\n        }\n      ],\n      rowHeight: rowHeight,\n      elements: elements\n    };\n\n    spec.layout = layout;\n    spec.region = region;\n    spec.axes?.push(...axes);\n  }\n\n  /**\n   * @override\n   * @description 主要是将link series关联的dot data放到link series中\n   */\n  createSeries(seriesSpec: ISequenceSeriesSpec[]) {\n    seriesSpec.forEach((spec, index) => {\n      // 自动填充数据\n      if (!spec.data) {\n        spec.data = this.getSeriesData(spec.dataId, spec.dataIndex);\n\n        // link series添加关联的dot series data\n        if (spec.type === SeriesTypeEnum.link) {\n          spec.dataDot = this.getSeriesData(\n            this._spec.series[spec.dotSeriesIndex].dataId,\n            this._spec.series[spec.dotSeriesIndex].dataIndex\n          );\n        }\n      } else {\n        // 保证数据最终是 DataView 实例\n        spec.data = dataToDataView(spec.data, this._dataSet, this._spec.data as DataView[], {\n          onError: this._option.onError\n        });\n        // link series添加关联的dot series data\n        if (spec.type === SeriesTypeEnum.link) {\n          spec.dataDot = dataToDataView(\n            this._spec.series[spec.dotSeriesIndex].data,\n            this._dataSet,\n            this._spec.data as DataView[],\n            {\n              onError: this._option.onError\n            }\n          );\n        }\n      }\n\n      if (spec.type === SeriesTypeEnum.link) {\n        spec.dotSeriesSpec = this._spec.series[spec.dotSeriesIndex];\n      }\n\n      let region: IRegion | undefined;\n      if (spec.regionId) {\n        region = this.getRegionsInUserId(spec.regionId);\n      }\n      if (!region) {\n        region = this.getRegionsInIndex(spec.regionIndex ? [spec.regionIndex] : undefined)[0];\n      }\n      if (!region) {\n        return;\n      }\n      const series = Factory.createSeries(spec.type, spec, {\n        ...this._modelOption,\n        region,\n        specIndex: index,\n        specKey: 'series',\n        getTheme: () => this._theme,\n        globalScale: this._globalScale\n      } as ISeriesOption);\n\n      if (series) {\n        series.created();\n        this._series.push(series);\n        region.addSeries(series);\n      }\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/chart/sequence/sequence.ts"],"names":[],"mappings":"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","file":"sequence.js","sourcesContent":["import { LinkSeries } from '../../series/link/link';\nimport { DotSeries } from '../../series/dot/dot';\nimport type { IGridLayoutSpec } from '../../layout/interface';\nimport { BaseChart } from '../base-chart';\nimport type { ISequenceChartSpec, ISequenceSeriesSpec } from './interface';\nimport type { IRegion, IRegionSpec } from '../../region/interface';\nimport { dataToDataView } from '../../data/initialize';\nimport { Factory } from '../../core/factory';\nimport { SeriesTypeEnum } from '../../series/interface/type';\nimport { ChartTypeEnum } from '../interface';\nimport type { Datum } from '../../typings';\nimport type { DataView } from '@visactor/vdataset';\nimport type { ISeriesOption } from '../../series/interface';\nimport { VChart } from '../../core/vchart';\nimport type { ICartesianAxisSpec, IScrollBarSpec } from '../../component';\nimport { SCROLL_BAR_DEFAULT_SIZE } from '../../constant/scroll-bar';\nimport { array } from '@visactor/vutils';\nimport { normalizeLayoutPaddingSpec } from '../../util';\nVChart.useSeries([DotSeries, LinkSeries]);\n\nexport class SequenceChart extends BaseChart {\n  static readonly type: string = ChartTypeEnum.sequence;\n  static readonly view: string = 'singleDefault'; // csj-Q: view是什么含义\n  readonly type: string = ChartTypeEnum.sequence;\n\n  /**\n   * @override\n   * @description 主要是处理布局逻辑 & 部分仅针对sequenceChart的特殊属性\n   */\n  transformSpec(spec: ISequenceChartSpec): void {\n    super.transformSpec(spec);\n\n    // 初始化目标属性\n    let rowNum = 0;\n    const elements: any[] = [];\n    const region: IRegionSpec[] = [];\n    const axes: ICartesianAxisSpec[] = [];\n    const scrollBar: IScrollBarSpec[] = [];\n    const rowHeight: any = [];\n\n    // 计算默认series padding和series高度\n    const defaultSeriesPadding = 20;\n    const seriesRegionNum = spec.series.filter(d => d.type !== SeriesTypeEnum.link).length;\n    const defaultSeriesRowHeight =\n      (this._layoutRect.height - defaultSeriesPadding * (seriesRegionNum - 1)) / seriesRegionNum;\n    const leftAppendPadding = spec?.appendPadding?.left || 0;\n    const rightAppendPadding = spec?.appendPadding?.right || 0;\n\n    if (spec?.legends) {\n      elements.push({\n        modelId: `legendRow${rowNum}`,\n        col: 1,\n        row: rowNum\n      });\n      this.addAttrToComponentSpec(spec.legends, 'id', `legendRow${rowNum}`);\n      // legend offset 和 padding 兼容处理\n      const legendSpec = array(spec.legends);\n      let legendHeight = legendSpec[0].height ?? 40;\n      if (legendSpec[0].padding) {\n        const legendPadding = normalizeLayoutPaddingSpec(legendSpec[0].padding);\n        legendHeight += Number(legendPadding?.bottom ?? 0);\n        legendHeight += Number(legendPadding?.top ?? 0);\n        legendSpec[0].offsetY = Number(legendSpec[0]?.offsetY ?? 0) + Number(legendPadding?.top ?? 0);\n      }\n      rowHeight.push({\n        index: rowNum,\n        size: legendHeight\n      });\n      rowNum++;\n    }\n\n    if (spec?.dataZoom) {\n      elements.push({\n        modelId: `dataZoomRow${rowNum}`,\n        col: 1,\n        row: rowNum\n      });\n      this.addAttrToComponentSpec(spec.dataZoom, 'id', `dataZoomRow${rowNum}`);\n      rowNum++;\n\n      // 增加空行，拟合series padding效果\n      rowHeight.push({\n        index: rowNum,\n        size: 10\n      });\n      rowNum++;\n    }\n\n    // 遍历axes\n    // 1. 在elements中添加时间轴元素\n    // 2. 并统计rowNum\n    // 在sequenceChart中，axes有几种情况（本期先考虑1和2，也就是默认只有1个top轴）：1.不声明axes 2.声明且为仅有一个top axes 3.声明且仅有一个bottom axes 4.多个axes组合\n    // if(spec.axes === null || spec?.axes[0]?.orient === 'top') {\n    // Tips: id should not has duplicate name\n    region.push({\n      id: `regionAxesRow${rowNum}`\n    });\n    elements.push({\n      modelId: `axesRow${rowNum}`,\n      col: 1,\n      row: rowNum\n    });\n    spec.axes[0].id = `axesRow${rowNum}`;\n    spec.axes[0].regionIndex = Array.from(Array(this._spec.series.length - 1), (_, index) => index + 1);\n    rowNum++;\n    // }\n\n    // 遍历series\n    // 1. 在spec.layout => elements、region数组和spec.axes的数组中中添加元素\n    // 2. 为series绑定regionIndex\n    // 3. 统计rowNum\n    // 4. 用空行拟合series padding\n    spec?.series?.forEach((seriesSpec: ISequenceSeriesSpec) => {\n      if (\n        ([SeriesTypeEnum.bar, SeriesTypeEnum.line, SeriesTypeEnum.area, SeriesTypeEnum.dot] as string[]).includes(\n          seriesSpec.type\n        )\n      ) {\n        // elements数组\n        elements.push({\n          modelId: `${seriesSpec.type}Row${rowNum}`,\n          col: 1,\n          row: rowNum\n        });\n        elements.push({\n          modelId: `axesLeftRow${rowNum}`,\n          col: 0,\n          row: rowNum\n        });\n\n        // region数组\n        region.push({\n          id: `${seriesSpec.type}Row${rowNum}`,\n          clip: false\n        });\n\n        rowHeight.push({\n          index: rowNum,\n          size: seriesSpec?.height || defaultSeriesRowHeight\n        });\n\n        // axes数组添加left axes（每个series都需要一个left axes）\n        axes.push({\n          orient: 'left',\n          id: `axesLeftRow${rowNum}`,\n          type: seriesSpec.type === SeriesTypeEnum.dot ? 'band' : 'linear',\n          visible: seriesSpec.type !== SeriesTypeEnum.dot,\n\n          // 对于bar series，axes title模拟bar title\n          title: {\n            visible: true,\n            // 特殊处理时序图的 title 样式，默认的坐标轴左右轴会进行旋转\n            autoRotate: false,\n            style: {\n              text: (seriesSpec as any)?.barTitle,\n              dx: -20,\n              textBaseline: 'middle',\n              textAlign: 'end'\n            }\n          },\n          // 对于bar series，axes grid模拟series分割线\n          grid: {\n            visible:\n              typeof (seriesSpec as any)?.grid?.visible === 'boolean' ? (seriesSpec as any)?.grid?.visible : true, // bar grid默认绘制\n            style: (datum: Datum, index: number) => {\n              let lineWidth = 0;\n              if (index === 0) {\n                const style = (seriesSpec as any)?.grid?.style;\n\n                // 兼容一下spec中通过strokeWidth申明的方式\n                lineWidth = style?.lineWidth ?? style?.strokeWidth ?? 1;\n              }\n              return {\n                lineWidth,\n                stroke: (seriesSpec as any)?.grid?.style?.stroke || '#dfdfdf',\n                lineDash: [0, 0]\n              };\n            }\n          },\n          // 其他轴元素隐藏\n          domainLine: {\n            visible: false\n          },\n          tick: {\n            visible: false\n          },\n          label: {\n            visible: false\n          },\n\n          // 绑定regionIndex\n          regionIndex: region.length - 1\n        });\n\n        // scrollBar 内置\n        if (seriesSpec.type === SeriesTypeEnum.dot) {\n          elements.push({\n            modelId: `scrollBarRightRow${rowNum}`,\n            col: 2,\n            row: rowNum\n          });\n          const data = this.getSeriesData(seriesSpec.dataId, seriesSpec.dataIndex);\n          let ratio = 0;\n          if (data.latestData.length && data.latestData.length > 0) {\n            ratio = (seriesSpec?.height || defaultSeriesRowHeight) / (data.latestData.length * 30);\n          }\n          // scrollBar数组增加一个right scrollBar\n          scrollBar.push({\n            orient: 'right',\n            visible: seriesSpec.type === SeriesTypeEnum.dot && ratio < 1,\n            id: `scrollBarRightRow${rowNum}`,\n            start: 0,\n            end: Math.min(ratio, 1),\n            roam: false,\n            filterMode: 'axis',\n            regionIndex: region.length - 1,\n            axisId: `axesLeftRow${rowNum}`\n          });\n        }\n\n        // seriesSpec绑定regionIndex\n        seriesSpec.regionIndex = region.length - 1;\n\n        rowNum++;\n\n        // 增加空行，拟合series padding效果\n        rowHeight.push({\n          index: rowNum,\n          size: seriesSpec?.padding || defaultSeriesPadding\n        });\n        rowNum++;\n\n        // chart的leftAppendPadding用于具体元素的dx偏移\n        (seriesSpec as any).leftAppendPadding = leftAppendPadding;\n\n        // title和subTitle自动定位到画布最左端\n        if (seriesSpec.type === SeriesTypeEnum.dot) {\n          (seriesSpec as any).title.style.dx = -leftAppendPadding;\n          (seriesSpec as any).subTitle.style.dx = -leftAppendPadding;\n        }\n      }\n    });\n\n    // 对于link series，所有属性跟随它绑定的dot series\n    spec?.series?.forEach((seriesSpec: ISequenceSeriesSpec) => {\n      if (seriesSpec.type === SeriesTypeEnum.link) {\n        const dotRowNum = seriesSpec.dotSeriesIndex + 1;\n        elements.push({\n          modelId: `${seriesSpec.type}Row${dotRowNum}`,\n          col: 1,\n          row: dotRowNum - 1\n        });\n        seriesSpec.regionIndex = spec.series[seriesSpec.dotSeriesIndex].regionIndex;\n        (seriesSpec as any).leftAppendPadding = leftAppendPadding;\n        (seriesSpec as any).height = (spec.series[seriesSpec.dotSeriesIndex] as any).height;\n        (seriesSpec as any).clipHeight = (spec.series[seriesSpec.dotSeriesIndex] as any).clipHeight;\n      }\n    });\n\n    // 添加legends和datazoom的regionIndex\n    if (spec?.legends) {\n      this.addAttrToComponentSpec(spec.legends, 'regionIndex', [region.length - 1]);\n    }\n    // if ((spec as any)?.dataZoom) {\n    //   (spec as any).dataZoom[0].regionIndex = Array.from({length: region.length - 1},(item, index)=> index+1);\n    // }\n\n    const layout: IGridLayoutSpec = {\n      type: 'grid',\n      col: 4,\n      row: rowNum,\n      colWidth: [\n        {\n          index: 0,\n          size: leftAppendPadding\n        },\n        {\n          index: 2,\n          size: SCROLL_BAR_DEFAULT_SIZE\n        },\n        {\n          index: 3,\n          size: rightAppendPadding\n        }\n      ],\n      rowHeight: rowHeight,\n      elements: elements\n    };\n\n    spec.layout = layout;\n    spec.region = region;\n    spec.axes?.push(...axes);\n    spec.scrollBar = scrollBar;\n  }\n\n  /**\n   * @override\n   * @description 主要是将link series关联的dot data放到link series中\n   */\n  createSeries(seriesSpec: ISequenceSeriesSpec[]) {\n    seriesSpec.forEach((spec, index) => {\n      // 自动填充数据\n      if (!spec.data) {\n        spec.data = this.getSeriesData(spec.dataId, spec.dataIndex);\n\n        // link series添加关联的dot series data\n        if (spec.type === SeriesTypeEnum.link) {\n          spec.dataDot = this.getSeriesData(\n            this._spec.series[spec.dotSeriesIndex].dataId,\n            this._spec.series[spec.dotSeriesIndex].dataIndex\n          );\n        }\n      } else {\n        // 保证数据最终是 DataView 实例\n        spec.data = dataToDataView(spec.data, this._dataSet, this._spec.data as DataView[], {\n          onError: this._option.onError\n        });\n        // link series添加关联的dot series data\n        if (spec.type === SeriesTypeEnum.link) {\n          spec.dataDot = dataToDataView(\n            this._spec.series[spec.dotSeriesIndex].data,\n            this._dataSet,\n            this._spec.data as DataView[],\n            {\n              onError: this._option.onError\n            }\n          );\n        }\n      }\n\n      if (spec.type === SeriesTypeEnum.link) {\n        spec.dotSeriesSpec = this._spec.series[spec.dotSeriesIndex];\n      }\n\n      let region: IRegion | undefined;\n      if (spec.regionId) {\n        region = this.getRegionsInUserId(spec.regionId);\n      }\n      if (!region) {\n        region = this.getRegionsInIndex(spec.regionIndex ? [spec.regionIndex] : undefined)[0];\n      }\n      if (!region) {\n        return;\n      }\n      const series = Factory.createSeries(spec.type, spec, {\n        ...this._modelOption,\n        region,\n        specIndex: index,\n        specKey: 'series',\n        getTheme: () => this._theme,\n        globalScale: this._globalScale\n      } as ISeriesOption);\n\n      if (series) {\n        series.created();\n        this._series.push(series);\n        region.addSeries(series);\n      }\n    });\n  }\n\n  addAttrToComponentSpec(componentSpec: any, attr: string, value: any) {\n    if (Array.isArray(componentSpec)) {\n      componentSpec[0][attr] = value;\n    } else {\n      componentSpec[attr] = value;\n    }\n    return componentSpec;\n  }\n}\n"]}

package/esm/compile/compiler.d.ts

@@ -15,6 +15,7 @@ export declare class Compiler {
     getVGrammarView(): IView;
     protected _viewListeners: Map<(...args: any[]) => any, EventListener>;
     protected _windowListeners: Map<(...args: any[]) => any, EventListener>;
+    protected _canvasListeners: Map<(...args: any[]) => any, EventListener>;
     isInited: boolean;
     isReleased: boolean;
     protected _width: number;
@@ -42,9 +43,8 @@ export declare class Compiler {
     renderAsync(morphConfig?: IMorphConfig): Promise<any>;
     renderSync(morphConfig?: IMorphConfig): void;
     updateViewBox(viewBox: IBoundsLike, reRender?: boolean): void;
-    resize(width: number, height: number): Promise<void>;
+    resize(width: number, height: number): Promise<any>;
     setBackground(color: IColor): void;
-    reRenderAsync(morphConfig?: IMorphConfig): Promise<void>;
     setSize(width: number, height: number): void;
     setViewBox(viewBox: IBoundsLike, reRender?: boolean): void;
     addEventListener(source: EventSourceType, type: string, callback: (params: CompilerListenerParameters) => void): void;

package/esm/compile/compiler.js

@@ -34,8 +34,6 @@ import { isMobileLikeMode, isString, isTrueBrowser } from "../util";
 
 import { isNil, isValid, Logger, LoggerLevel } from "@visactor/vutils";
 
-import { vglobal } from "@visactor/vrender";
-
 import { Event_Source_Type } from "../constant";
 
 registerBasicTransforms();
@@ -48,8 +46,8 @@ export class Compiler {
         return this._model;
     }
     constructor(container, option) {
-        this._viewListeners = new Map, this._windowListeners = new Map, this.isInited = !1, 
-        this.isReleased = !1, this._model = {
+        this._viewListeners = new Map, this._windowListeners = new Map, this._canvasListeners = new Map, 
+        this.isInited = !1, this.isReleased = !1, this._model = {
             [GrammarType.signal]: {},
             [GrammarType.data]: {},
             [GrammarType.mark]: {}
@@ -134,7 +132,7 @@ export class Compiler {
     }
     resize(width, height) {
         return this._view ? (this._width = width, this._height = height, this._view.resize(width, height), 
-        this.reRenderAsync({
+        this.renderAsync({
             morph: !1
         })) : Promise.reject();
     }
@@ -142,12 +140,6 @@ export class Compiler {
         var _a;
         null === (_a = this._view) || void 0 === _a || _a.background(color);
     }
-    reRenderAsync(morphConfig) {
-        return this.isInited && (this._rafId && vglobal.getCancelAnimationFrame()(this._rafId), 
-        this._rafId = vglobal.getRequestAnimationFrame()((() => {
-            this.renderSync(morphConfig);
-        }))), Promise.resolve();
-    }
     setSize(width, height) {
         this._width = width, this._height = height, this._view && (this._view.width(width), 
         this._view.height(height));
@@ -156,7 +148,7 @@ export class Compiler {
         this._view && this._view.renderer.setViewBox(viewBox, reRender);
     }
     addEventListener(source, type, callback) {
-        var _a;
+        var _a, _b;
         if (!1 !== this._option.interactive) if (source === Event_Source_Type.chart) {
             const wrappedCallback = function(event, element) {
                 var _a, _b, _c;
@@ -198,10 +190,31 @@ export class Compiler {
             });
             const windowObject = this._getGlobalThis();
             null == windowObject || windowObject.addEventListener(type, wrappedCallback);
+        } else if (source === Event_Source_Type.canvas) {
+            const wrappedCallback = function(event) {
+                const params = {
+                    event: event,
+                    type: type,
+                    source: source,
+                    item: null,
+                    datum: null,
+                    markId: null,
+                    modelId: null,
+                    markUserId: null,
+                    modelUserId: null
+                };
+                callback.call(null, params);
+            }.bind(this);
+            this._canvasListeners.set(callback, {
+                type: type,
+                callback: wrappedCallback
+            });
+            const canvasObject = null === (_b = this.getStage()) || void 0 === _b ? void 0 : _b.window;
+            null == canvasObject || canvasObject.addEventListener(type, wrappedCallback);
         }
     }
     removeEventListener(source, type, callback) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (!1 !== this._option.interactive) if (source === Event_Source_Type.chart) {
             const wrappedCallback = null === (_a = this._viewListeners.get(callback)) || void 0 === _a ? void 0 : _a.callback;
             wrappedCallback && (null === (_b = this._view) || void 0 === _b || _b.removeEventListener(type, wrappedCallback)), 
@@ -210,10 +223,14 @@ export class Compiler {
             const windowObject = this._getGlobalThis(), wrappedCallback = null === (_c = this._windowListeners.get(callback)) || void 0 === _c ? void 0 : _c.callback;
             wrappedCallback && (null == windowObject || windowObject.removeEventListener(type, wrappedCallback)), 
             this._windowListeners.delete(callback);
+        } else if (source === Event_Source_Type.canvas) {
+            const canvasObject = this._getGlobalThis(), wrappedCallback = null === (_d = this._canvasListeners.get(callback)) || void 0 === _d ? void 0 : _d.callback;
+            wrappedCallback && (null == canvasObject || canvasObject.removeEventListener(type, wrappedCallback)), 
+            this._canvasListeners.delete(callback);
         }
     }
     releaseEvent() {
-        this._viewListeners.clear(), this._windowListeners.clear();
+        this._viewListeners.clear(), this._windowListeners.clear(), this._canvasListeners.clear();
     }
     release() {
         var _a;