@visactor/vchart 1.0.1-alpha.2 → 1.1.0-beta.0

package/cjs/typings/tooltip/tooltip.d.ts

@@ -1,15 +1,18 @@
-import type { TooltipActiveType, TooltipData } from './handler';
+import type { MaybeArray } from '../common';
+import type { TooltipPatternProperty, TooltipUpdateCallback } from './common';
+import type { TooltipActiveType } from './handler';
 import type { IToolTipLineActual, IToolTipLinePattern } from './line';
 import type { ITooltipPositionActual, TooltipPosition } from './position';
 import type { ITooltipShapePattern } from './shape';
 export interface ITooltipPattern extends ITooltipShapePattern {
-    visible?: boolean;
-    title?: IToolTipLinePattern;
-    content?: IToolTipLinePattern[];
-    position?: TooltipPosition;
-    updateTitle?: (prev: IToolTipLineActual | undefined, data: TooltipData) => IToolTipLineActual | undefined;
-    updateContent?: (prev: IToolTipLineActual[] | undefined, data: TooltipData) => IToolTipLineActual[] | undefined;
-    updatePosition?: (prev: ITooltipPositionActual | undefined, data: TooltipData) => ITooltipPositionActual | undefined;
+    visible?: TooltipPatternProperty<boolean>;
+    title?: TooltipPatternProperty<IToolTipLinePattern>;
+    content?: MaybeArray<TooltipPatternProperty<MaybeArray<IToolTipLinePattern>>>;
+    position?: TooltipPatternProperty<TooltipPosition>;
+    updateTitle?: TooltipUpdateCallback<IToolTipLineActual>;
+    updateContent?: TooltipUpdateCallback<IToolTipLineActual[]>;
+    updatePosition?: TooltipUpdateCallback<ITooltipPositionActual>;
+    maxLineCount?: number;
     activeType?: TooltipActiveType;
 }
 export interface IToolTipActual {

package/cjs/typings/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/typings/tooltip/tooltip.ts"],"names":[],"mappings":"","file":"tooltip.js","sourcesContent":["import type { TooltipActiveType, TooltipData } from './handler';\nimport type { IToolTipLineActual, IToolTipLinePattern } from './line';\nimport type { ITooltipPositionActual, TooltipPosition } from './position';\nimport type { ITooltipShapePattern } from './shape';\n\nexport interface ITooltipPattern extends ITooltipShapePattern {\n  visible?: boolean;\n  title?: IToolTipLinePattern;\n  content?: IToolTipLinePattern[];\n  position?: TooltipPosition;\n  updateTitle?: (prev: IToolTipLineActual | undefined, data: TooltipData) => IToolTipLineActual | undefined;\n  updateContent?: (prev: IToolTipLineActual[] | undefined, data: TooltipData) => IToolTipLineActual[] | undefined;\n  updatePosition?: (prev: ITooltipPositionActual | undefined, data: TooltipData) => ITooltipPositionActual | undefined;\n  /** 方便内部逻辑辨别 tooltip 类型，不暴露给用户 */\n  activeType?: TooltipActiveType;\n}\n\nexport interface IToolTipActual {\n  visible?: boolean;\n  title?: IToolTipLineActual;\n  content?: IToolTipLineActual[];\n  activeType?: TooltipActiveType;\n  position?: ITooltipPositionActual;\n}\n"]}
+{"version":3,"sources":["../src/typings/tooltip/tooltip.ts"],"names":[],"mappings":"","file":"tooltip.js","sourcesContent":["import type { MaybeArray } from '../common';\nimport type { TooltipPatternProperty, TooltipUpdateCallback } from './common';\nimport type { TooltipActiveType } from './handler';\nimport type { IToolTipLineActual, IToolTipLinePattern } from './line';\nimport type { ITooltipPositionActual, TooltipPosition } from './position';\nimport type { ITooltipShapePattern } from './shape';\n\nexport interface ITooltipPattern extends ITooltipShapePattern {\n  visible?: TooltipPatternProperty<boolean>;\n  title?: TooltipPatternProperty<IToolTipLinePattern>;\n  content?: MaybeArray<TooltipPatternProperty<MaybeArray<IToolTipLinePattern>>>;\n  position?: TooltipPatternProperty<TooltipPosition>;\n\n  updateTitle?: TooltipUpdateCallback<IToolTipLineActual>;\n  updateContent?: TooltipUpdateCallback<IToolTipLineActual[]>;\n  updatePosition?: TooltipUpdateCallback<ITooltipPositionActual>;\n\n  /** tooltip content 保留的最大数据行数，默认为 20 */\n  maxLineCount?: number;\n\n  /** 方便内部逻辑辨别 tooltip 类型，不暴露给用户 */\n  activeType?: TooltipActiveType;\n}\n\nexport interface IToolTipActual {\n  visible?: boolean;\n  title?: IToolTipLineActual;\n  content?: IToolTipLineActual[];\n  activeType?: TooltipActiveType;\n  position?: ITooltipPositionActual;\n}\n"]}

package/cjs/typings/visual.d.ts

@@ -121,14 +121,12 @@ export interface ITextMarkSpec extends IFillMarkSpec {
     dx?: number;
     dy?: number;
     fontSize?: number;
-    align?: TextAlign;
     textAlign?: TextAlign;
-    baseline?: TextBaseLine;
     textBaseline?: TextBaseLine;
     fontFamily?: string;
     fontWeight?: FontWeight;
     fontStyle?: FontStyle;
-    limit?: number;
+    maxLineWidth?: number;
     ellipsis?: string;
     lineBreak?: string;
     underline?: boolean;
@@ -137,12 +135,7 @@ export interface ITextMarkSpec extends IFillMarkSpec {
 }
 export type IPositionedTextMarkSpec = Omit<ITextMarkSpec, 'align' | 'textAlign' | 'baseline' | 'textBaseline'>;
 export interface IRectMarkSpec extends IFillMarkSpec {
-    cornerRadius?: number;
-    cornerRadiusTopLeft?: number;
-    cornerRadiusTopRight?: number;
-    cornerRadiusBottomLeft?: number;
-    cornerRadiusBottomRight?: number;
-    borderRadius?: number | number[];
+    cornerRadius?: number | number[];
     width?: number;
     height?: number;
     x1?: number;
@@ -219,11 +212,11 @@ export interface IGroupMarkSpec extends ICommonSpec, IFillMarkSpec {
     clip?: boolean;
     width?: number;
     height?: number;
-    cornerRadius?: number;
+    cornerRadius?: number | number[];
 }
 export interface IPolygonMarkSpec extends ICommonSpec, IFillMarkSpec {
     points?: IPoint[];
-    borderRadius?: number | number[];
+    cornerRadius?: number | number[];
     scaleX?: number;
     scaleY?: number;
 }

package/cjs/typings/visual.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/typings/visual.ts"],"names":[],"mappings":"","file":"visual.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport type { Cursor } from './cursor';\nimport type { InterpolateType } from './interpolate';\nimport type { ScaleType } from './scale';\nimport type { ShapeType } from './shape';\nimport type { IPoint } from './coordinate';\nimport type { IAttributeOpt, IModelMarkAttributeContext } from '../compile/mark';\nimport type { Datum, StringOrNumber } from './common';\nimport type { IPadding } from '@visactor/vutils';\nimport type { IColorKey } from '../theme/color-scheme/interface';\n\n// 基础的visual 对应 scale 的属性\nexport interface IVisualSpecBase<D, T> {\n  type: ScaleType;\n  domain: D[];\n  range: T[];\n}\n// 用来给用户进行mark.style上的映射配置。所以要配置数据维度\nexport interface IVisualSpecStyle<D, T> extends IVisualSpecBase<D, T> {\n  field?: string;\n}\n\nexport type IDataDomainSpec = {\n  dataId: string;\n  fields: string[];\n};\n\n// 用来提供给用户进行 scale 配置 所以名字是必选的 对用户配置\nexport interface IVisualSpecScale<D, T> extends Omit<IVisualSpecBase<D, T>, 'domain'> {\n  id: string;\n  domain:\n    | IVisualSpecBase<D, T>['domain']\n    // 使用数据的字段值，如果 scale 是连续的，就取区间，如果是离散的就使用 values 。\n    // 不考虑图表内的交互等数据筛选，这里只用原始数据的统计信息\n    | IDataDomainSpec[];\n}\n// 对用户配置\nexport type IVisual<D = any, R = any> = IVisualSpecStyle<D, R> | IVisualScale;\n\nexport interface IVisualScale {\n  /**\n   * 对应 IVisualSpecScale 的用户配置 scale-id\n   */\n  scale: string;\n  /**\n   * 指定参与映射的数据字段\n   */\n  field?: string;\n  /**\n   * 当用户指定 field 后，用该属性来控制值域。\n   * @default 'none'\n   */\n  changeDomain?: 'none' | 'replace' | 'expand';\n}\n\nexport type FunctionType<T> = (\n  datum: Datum,\n  context: IModelMarkAttributeContext,\n  opt?: IAttributeOpt,\n  source?: DataView\n) => T;\nexport type ValueType<T> = T;\nexport type VisualType<T> = ValueType<T> | FunctionType<T> | IVisual<unknown, T>;\n\nexport type TextureType =\n  | 'circle'\n  | 'dimond'\n  | 'rect'\n  | 'vertical-line'\n  | 'horizontal-line'\n  | 'bias-lr'\n  | 'bias-rl'\n  | 'grid';\n\n/**\n * style格式转换\n */\nexport type ConvertToMarkStyleSpec<T extends Record<string, any>> = {\n  [key in keyof T]: VisualType<T[key]>;\n};\n\nexport interface ICommonSpec {\n  visible?: boolean;\n  x?: number;\n  y?: number;\n  z?: number;\n  stroke?: string | IGradient | IColorKey;\n  strokeOpacity?: number;\n  opacity?: number;\n  lineWidth?: number;\n  lineDash?: number[];\n  lineDashOffset?: number;\n\n  cursor?: Cursor;\n  zIndex?: number;\n  borderSize?: number;\n  borderColor?: string;\n  borderSpacing?: number;\n  borderOpacity?: number;\n  angle?: number;\n  anchor?: [number, number];\n\n  // 3d旋转的属性\n  beta?: number;\n  alpha?: number;\n  anchor3d?: [number, number];\n\n  /**\n   * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n   */\n  pickMode?: 'accurate' | 'imprecise' | 'custom';\n  boundsMode?: 'accurate' | 'imprecise';\n\n  // 以下是纹理相关的属性\n  /**\n   * 纹理的类型\n   */\n  texture?: TextureType | string;\n  /**\n   * 纹理的颜色\n   */\n  textureColor?: string;\n  /**\n   * 纹理单元的大小\n   */\n  textureSize?: number; // 纹理大小\n  /**\n   * 纹理之间空隙的大小\n   */\n  texturePadding?: number;\n\n  /**\n   * 外边框\n   */\n  outerBorder?: {\n    /**\n     * 间距\n     */\n    distance: number | string;\n    stroke?: string | IGradient;\n    strokeOpacity?: number;\n    lineWidth?: number;\n    lineDash?: number[];\n    lineDashOffset?: number;\n  };\n  /**\n   * 内边框\n   */\n  innerBorder?: {\n    /**\n     * 间距\n     */\n    distance: number | string;\n    stroke?: string | IGradient;\n    strokeOpacity?: number;\n    lineWidth?: number;\n    lineDash?: number[];\n    lineDashOffset?: number;\n  };\n\n  [key: string]: any;\n}\n\nexport interface IFillMarkSpec extends ICommonSpec {\n  fill?: VisualType<string> | IGradient | false | IColorKey;\n  fillOpacity?: number;\n}\n\n// export interface IFillImageMarkSpec {\n//   fillImage?: string;\n//   repeatX?: RepeatXYType;\n//   repeatY?: RepeatXYType;\n//   imageOrigin?: ImageOriginType;\n// }\n\nexport interface ISymbolMarkSpec extends IFillMarkSpec {\n  dx?: number;\n  dy?: number;\n  size?: number | number[];\n  /** 对外声明使用shape，vrender图形属性对应的是shape */\n  shape?: ShapeType | string;\n  /** FIXME:  vrender Symbol接收的图形属性，暂时都申明一下 */\n  symbolType?: ShapeType | string;\n  scaleX?: number;\n  scaleY?: number;\n}\n\n// lineMark 和 areaMark 共同配置\nexport interface ILineLikeMarkSpec extends IFillMarkSpec {\n  curveType?: InterpolateType;\n  defined?: boolean;\n  /**\n   * @private 一个标志位，用于通知 VGrammar 是否执行 getLineSegmentConfigs 方法\n   */\n  enableSegments?: boolean;\n}\n\nexport interface IAreaMarkSpec extends ILineLikeMarkSpec {\n  x1?: number;\n  y1?: number;\n\n  orient?: 'horizontal' | 'vertical';\n}\n\nexport interface ILineMarkSpec extends ILineLikeMarkSpec {\n  lineCap?: LineStrokeCap;\n  lineJoin?: LineStrokeJoin;\n  miterLimit?: number;\n  strokeBoundsBuffer?: number;\n}\n\nexport interface IRuleMarkSpec extends ILineMarkSpec {\n  x1?: number;\n  y1?: number;\n}\n\nexport interface ITextMarkSpec extends IFillMarkSpec {\n  text?: StringOrNumber | string[]; // todo: text配置支持回调\n  dx?: number;\n  dy?: number;\n  fontSize?: number;\n  /** @deprecated 后续需要替换成 textAlign，暂时会兼容两种写法 */\n  align?: TextAlign;\n  textAlign?: TextAlign;\n  /** @deprecated 后续需要替换成 textBaseline，暂时会兼容两种写法 */\n  baseline?: TextBaseLine;\n  textBaseline?: TextBaseLine;\n  /** VRender 升级后，统一通过fontFamily声明，老的font配置不再支持 */\n  fontFamily?: string;\n  fontWeight?: FontWeight;\n  fontStyle?: FontStyle;\n  limit?: number;\n  ellipsis?: string;\n  // TODO: 这些不是常规的文字mark属性，待确认需求背景\n  lineBreak?: string;\n  underline?: boolean;\n  lineThrough?: boolean;\n  lineHeight?: number;\n}\n\nexport type IPositionedTextMarkSpec = Omit<ITextMarkSpec, 'align' | 'textAlign' | 'baseline' | 'textBaseline'>;\n\nexport interface IRectMarkSpec extends IFillMarkSpec {\n  /**\n   * @deprecated 后续需要替换成 borderRadius\n   */\n  cornerRadius?: number;\n  /**\n   * @deprecated 后续需要替换成 borderRadius\n   */\n  cornerRadiusTopLeft?: number;\n  /**\n   * @deprecated 后续需要替换成 borderRadius\n   */\n  cornerRadiusTopRight?: number;\n  /**\n   * @deprecated 后续需要替换成 borderRadius\n   */\n  cornerRadiusBottomLeft?: number;\n  /**\n   * @deprecated 后续需要替换成 borderRadius\n   */\n  cornerRadiusBottomRight?: number;\n\n  borderRadius?: number | number[];\n\n  width?: number;\n  height?: number;\n  x1?: number;\n  y1?: number;\n}\n\n// 3d rect，支持length表示长宽高中的长属性（深度属性）\nexport interface IRect3dMarkSpec extends IRectMarkSpec {\n  length?: number;\n}\n\nexport interface IBoxPlotMarkSpec extends ICommonSpec {\n  /**\n   * box描边宽度\n   */\n  lineWidth?: number;\n  /**\n   * box宽度\n   */\n  boxWidth?: number;\n  /**\n   * 最大最小值宽度\n   */\n  shaftWidth?: number;\n  /**\n   * 中轴线类型\n   */\n  shaftShape?: BoxPlotShaftShape;\n  /**\n   * 盒子填充颜色，为空则不填充\n   */\n  boxFill?: string;\n  // /**\n  //  * 描边颜色\n  //  */\n  // stroke?: string;\n  /**\n   * 中轴线透明度，仅当shaftType=bar时生效\n   */\n  shaftFillOpacity?: number;\n\n  min?: (datum: Datum) => number;\n  q1?: (datum: Datum) => number;\n  median?: (datum: Datum) => number;\n  q3?: (datum: Datum) => number;\n  max?: (datum: Datum) => number;\n}\n\nexport interface IOutlierMarkSpec {\n  //异常点填充颜色\n  fill?: string;\n  //异常点大小\n  size?: number;\n}\n\nexport interface IPathMarkSpec extends IFillMarkSpec {\n  path?: string;\n  scaleX?: number;\n  scaleY?: number;\n  scaleCenter?: { x: number; y: number };\n  // TODO: 该属性后续可能会删除，未定\n  // 平滑缩放，不然会发生跳变，在地图交互场景需要配置为true；常规path缩放不需要\n  smoothScale?: boolean;\n}\n\nexport interface ILinkPathMarkSpec extends IFillMarkSpec {\n  x0?: number;\n  y0?: number;\n  x1?: number;\n  y1?: number;\n  thickness?: number;\n  curvature?: number;\n  /** round all the coordinates */\n  round?: boolean;\n  /** the ratio of normal style path */\n  ratio?: number;\n  align?: 'start' | 'end' | 'center';\n  pathType?: 'line' | 'smooth' | 'polyline';\n  endArrow?: boolean;\n  startArrow?: boolean;\n  backgroundStyle?: any;\n  direction?: 'horizontal' | 'vertical' | 'LR' | 'RL' | 'TB' | 'BL' | 'radial';\n}\n\nexport interface IArcMarkSpec extends IFillMarkSpec {\n  startAngle?: number;\n  endAngle?: number;\n  padAngle?: number;\n\n  outerRadius?: number;\n  innerRadius?: number;\n  cornerRadius?: number;\n\n  /** arc的中心点偏移距离 */\n  centerOffset?: number;\n\n  /** arc 的 roundCap 属性，即圆角是否伸出 startAngle 和 endAngle 之外 */\n  cap?: boolean | [boolean, boolean];\n  /** arc 在 roundCap 打开且应用环形渐变时是否对 cap 部分生效 */\n  autoCapConical?: boolean;\n}\n\n// 3d arc，有高度配置\nexport interface IArc3dMarkSpec extends IArcMarkSpec {\n  height?: number;\n}\n\nexport interface IProgressArcMarkSpec extends IArcMarkSpec {\n  /** 进度条内侧 padding（接受负值） */\n  innerPadding?: number;\n  /** 进度条外侧 padding（接受负值） */\n  outerPadding?: number;\n}\n\nexport interface ICellMarkSpec extends ISymbolMarkSpec {\n  padding?: number | number[] | IPadding;\n}\n\nexport interface IGroupMarkSpec extends ICommonSpec, IFillMarkSpec {\n  clip?: boolean;\n  width?: number;\n  height?: number;\n  cornerRadius?: number;\n}\n\nexport interface IPolygonMarkSpec extends ICommonSpec, IFillMarkSpec {\n  points?: IPoint[];\n  borderRadius?: number | number[];\n  scaleX?: number;\n  scaleY?: number;\n}\n\nexport interface IPyramid3dMarkSpec extends IPolygonMarkSpec {\n  // 只能有4个顶点\n  points?: IPoint[];\n}\n\n/**\n * ImageFill\n */\nexport type RepeatType = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat';\nexport type RepeatXYType = 'no-repeat' | 'repeat' | 'stretch';\nexport type ImageOriginType = 'top' | 'bottom';\n\n/**\n *  gradient\n */\nexport type GradientPropValue<T> = ValueType<T> | FunctionType<T>;\nexport type GradientStop = {\n  offset: GradientPropValue<number>;\n  color: GradientPropValue<string>;\n  opacity?: number;\n};\nexport interface IGradientLinear {\n  x0?: GradientPropValue<number>;\n  y0?: GradientPropValue<number>;\n  x1?: GradientPropValue<number>;\n  y1?: GradientPropValue<number>;\n  stops: GradientStop[];\n  gradient: 'linear';\n}\n\nexport interface IGradientRadial {\n  r0?: GradientPropValue<number>;\n  x0?: GradientPropValue<number>;\n  y0?: GradientPropValue<number>;\n  x1?: GradientPropValue<number>;\n  y1?: GradientPropValue<number>;\n  r1?: GradientPropValue<number>;\n  stops: GradientStop[];\n  gradient: 'radial';\n}\n\nexport interface IGradientConical {\n  x?: GradientPropValue<number>;\n  y?: GradientPropValue<number>;\n  startAngle?: GradientPropValue<number>;\n  endAngle?: GradientPropValue<number>;\n  stops: GradientStop[];\n  gradient: 'conical';\n}\n\nexport type GradientType = 'linear' | 'radial' | 'conical';\nexport type IGradient = IGradientLinear | IGradientRadial | IGradientConical;\n\nexport type LineStrokeCap = 'butt' | 'round' | 'square';\nexport type LineStrokeJoin = 'arcs' | 'bevel' | 'miter' | 'miter-clip' | 'round';\n\nexport type BoxPlotShaftShape = 'line' | 'bar';\n/**\n *  threshold\n */\nexport interface IThresholdStyle extends IVisualSpecStyle<number, string> {\n  domain: number[];\n  field: string;\n  range: string[];\n  type: 'threshold';\n}\n\n// FIXME: For some tool methods that need to use common configuration types\nexport interface IUnknownMarkSpec extends ICommonSpec {\n  [key: string]: unknown;\n}\n\n/**\n * text\n */\nexport type TextAlign = 'left' | 'right' | 'center';\nexport type TextBaseLine = 'top' | 'bottom' | 'middle' | 'alphabetic';\nexport type FontStyle = 'normal' | 'italic' | 'oblique' | string;\nexport type FontWeight = 'normal' | 'bold' | 'lighter' | 'bolder' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n"]}
+{"version":3,"sources":["../src/typings/visual.ts"],"names":[],"mappings":"","file":"visual.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport type { Cursor } from './cursor';\nimport type { InterpolateType } from './interpolate';\nimport type { ScaleType } from './scale';\nimport type { ShapeType } from './shape';\nimport type { IPoint } from './coordinate';\nimport type { IAttributeOpt, IModelMarkAttributeContext } from '../compile/mark';\nimport type { Datum, StringOrNumber } from './common';\nimport type { IPadding } from '@visactor/vutils';\nimport type { IColorKey } from '../theme/color-scheme/interface';\n\n// 基础的visual 对应 scale 的属性\nexport interface IVisualSpecBase<D, T> {\n  type: ScaleType;\n  domain: D[];\n  range: T[];\n}\n// 用来给用户进行mark.style上的映射配置。所以要配置数据维度\nexport interface IVisualSpecStyle<D, T> extends IVisualSpecBase<D, T> {\n  field?: string;\n}\n\nexport type IDataDomainSpec = {\n  dataId: string;\n  fields: string[];\n};\n\n// 用来提供给用户进行 scale 配置 所以名字是必选的 对用户配置\nexport interface IVisualSpecScale<D, T> extends Omit<IVisualSpecBase<D, T>, 'domain'> {\n  id: string;\n  domain:\n    | IVisualSpecBase<D, T>['domain']\n    // 使用数据的字段值，如果 scale 是连续的，就取区间，如果是离散的就使用 values 。\n    // 不考虑图表内的交互等数据筛选，这里只用原始数据的统计信息\n    | IDataDomainSpec[];\n}\n// 对用户配置\nexport type IVisual<D = any, R = any> = IVisualSpecStyle<D, R> | IVisualScale;\n\nexport interface IVisualScale {\n  /**\n   * 对应 IVisualSpecScale 的用户配置 scale-id\n   */\n  scale: string;\n  /**\n   * 指定参与映射的数据字段\n   */\n  field?: string;\n  /**\n   * 当用户指定 field 后，用该属性来控制值域。\n   * @default 'none'\n   */\n  changeDomain?: 'none' | 'replace' | 'expand';\n}\n\nexport type FunctionType<T> = (\n  datum: Datum,\n  context: IModelMarkAttributeContext,\n  opt?: IAttributeOpt,\n  source?: DataView\n) => T;\nexport type ValueType<T> = T;\nexport type VisualType<T> = ValueType<T> | FunctionType<T> | IVisual<unknown, T>;\n\nexport type TextureType =\n  | 'circle'\n  | 'dimond'\n  | 'rect'\n  | 'vertical-line'\n  | 'horizontal-line'\n  | 'bias-lr'\n  | 'bias-rl'\n  | 'grid';\n\n/**\n * style格式转换\n */\nexport type ConvertToMarkStyleSpec<T extends Record<string, any>> = {\n  [key in keyof T]: VisualType<T[key]>;\n};\n\nexport interface ICommonSpec {\n  visible?: boolean;\n  x?: number;\n  y?: number;\n  z?: number;\n  stroke?: string | IGradient | IColorKey;\n  strokeOpacity?: number;\n  opacity?: number;\n  lineWidth?: number;\n  lineDash?: number[];\n  lineDashOffset?: number;\n\n  cursor?: Cursor;\n  zIndex?: number;\n  borderSize?: number;\n  borderColor?: string;\n  borderSpacing?: number;\n  borderOpacity?: number;\n  angle?: number;\n  anchor?: [number, number];\n\n  // 3d旋转的属性\n  beta?: number;\n  alpha?: number;\n  anchor3d?: [number, number];\n\n  /**\n   * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n   */\n  pickMode?: 'accurate' | 'imprecise' | 'custom';\n  boundsMode?: 'accurate' | 'imprecise';\n\n  // 以下是纹理相关的属性\n  /**\n   * 纹理的类型\n   */\n  texture?: TextureType | string;\n  /**\n   * 纹理的颜色\n   */\n  textureColor?: string;\n  /**\n   * 纹理单元的大小\n   */\n  textureSize?: number; // 纹理大小\n  /**\n   * 纹理之间空隙的大小\n   */\n  texturePadding?: number;\n\n  /**\n   * 外边框\n   */\n  outerBorder?: {\n    /**\n     * 间距\n     */\n    distance: number | string;\n    stroke?: string | IGradient;\n    strokeOpacity?: number;\n    lineWidth?: number;\n    lineDash?: number[];\n    lineDashOffset?: number;\n  };\n  /**\n   * 内边框\n   */\n  innerBorder?: {\n    /**\n     * 间距\n     */\n    distance: number | string;\n    stroke?: string | IGradient;\n    strokeOpacity?: number;\n    lineWidth?: number;\n    lineDash?: number[];\n    lineDashOffset?: number;\n  };\n\n  [key: string]: any;\n}\n\nexport interface IFillMarkSpec extends ICommonSpec {\n  fill?: VisualType<string> | IGradient | false | IColorKey;\n  fillOpacity?: number;\n}\n\n// export interface IFillImageMarkSpec {\n//   fillImage?: string;\n//   repeatX?: RepeatXYType;\n//   repeatY?: RepeatXYType;\n//   imageOrigin?: ImageOriginType;\n// }\n\nexport interface ISymbolMarkSpec extends IFillMarkSpec {\n  dx?: number;\n  dy?: number;\n  size?: number | number[];\n  /** 对外声明使用shape，vrender图形属性对应的是shape */\n  shape?: ShapeType | string;\n  /** FIXME:  vrender Symbol接收的图形属性，暂时都申明一下 */\n  symbolType?: ShapeType | string;\n  scaleX?: number;\n  scaleY?: number;\n}\n\n// lineMark 和 areaMark 共同配置\nexport interface ILineLikeMarkSpec extends IFillMarkSpec {\n  curveType?: InterpolateType;\n  defined?: boolean;\n  /**\n   * @private 一个标志位，用于通知 VGrammar 是否执行 getLineSegmentConfigs 方法\n   */\n  enableSegments?: boolean;\n}\n\nexport interface IAreaMarkSpec extends ILineLikeMarkSpec {\n  x1?: number;\n  y1?: number;\n\n  orient?: 'horizontal' | 'vertical';\n}\n\nexport interface ILineMarkSpec extends ILineLikeMarkSpec {\n  lineCap?: LineStrokeCap;\n  lineJoin?: LineStrokeJoin;\n  miterLimit?: number;\n  strokeBoundsBuffer?: number;\n}\n\nexport interface IRuleMarkSpec extends ILineMarkSpec {\n  x1?: number;\n  y1?: number;\n}\n\nexport interface ITextMarkSpec extends IFillMarkSpec {\n  /**\n   * 文字内容\n   */\n  text?: StringOrNumber | string[];\n  /**\n   * x 方向偏移\n   */\n  dx?: number;\n  /**\n   * y 方向偏移\n   */\n  dy?: number;\n  /**\n   * 字号\n   */\n  fontSize?: number;\n  /**\n   * 文字对齐方式\n   */\n  textAlign?: TextAlign;\n  /**\n   * 文字居中方式\n   */\n  textBaseline?: TextBaseLine;\n  /**\n   * 字体\n   */\n  fontFamily?: string;\n  /**\n   * 字重\n   */\n  fontWeight?: FontWeight;\n  /**\n   * 字体样式\n   */\n  fontStyle?: FontStyle;\n  /**\n   * 文字的最大长度\n   */\n  maxLineWidth?: number;\n  /**\n   * 文字超出 maxLineWidth 后的省略符\n   */\n  ellipsis?: string;\n  // TODO: 这些不是常规的文字mark属性，待确认需求背景\n  lineBreak?: string;\n  /**\n   * 下划线\n   */\n  underline?: boolean;\n  /**\n   * 中划线\n   */\n  lineThrough?: boolean;\n  /**\n   * 行高\n   */\n  lineHeight?: number;\n}\n\nexport type IPositionedTextMarkSpec = Omit<ITextMarkSpec, 'align' | 'textAlign' | 'baseline' | 'textBaseline'>;\n\nexport interface IRectMarkSpec extends IFillMarkSpec {\n  /**\n   * 圆角配置。\n   * 1. 如果传入数值，则统一为四个角设置圆角\n   * 2. 如果传入数组，则分别为 [上左, 上右, 下右, 下左]\n   */\n  cornerRadius?: number | number[];\n  width?: number;\n  height?: number;\n  x1?: number;\n  y1?: number;\n}\n\n// 3d rect，支持length表示长宽高中的长属性（深度属性）\nexport interface IRect3dMarkSpec extends IRectMarkSpec {\n  length?: number;\n}\n\nexport interface IBoxPlotMarkSpec extends ICommonSpec {\n  /**\n   * box描边宽度\n   */\n  lineWidth?: number;\n  /**\n   * box宽度\n   */\n  boxWidth?: number;\n  /**\n   * 最大最小值宽度\n   */\n  shaftWidth?: number;\n  /**\n   * 中轴线类型\n   */\n  shaftShape?: BoxPlotShaftShape;\n  /**\n   * 盒子填充颜色，为空则不填充\n   */\n  boxFill?: string;\n  // /**\n  //  * 描边颜色\n  //  */\n  // stroke?: string;\n  /**\n   * 中轴线透明度，仅当shaftType=bar时生效\n   */\n  shaftFillOpacity?: number;\n\n  min?: (datum: Datum) => number;\n  q1?: (datum: Datum) => number;\n  median?: (datum: Datum) => number;\n  q3?: (datum: Datum) => number;\n  max?: (datum: Datum) => number;\n}\n\nexport interface IOutlierMarkSpec {\n  //异常点填充颜色\n  fill?: string;\n  //异常点大小\n  size?: number;\n}\n\nexport interface IPathMarkSpec extends IFillMarkSpec {\n  path?: string;\n  scaleX?: number;\n  scaleY?: number;\n  scaleCenter?: { x: number; y: number };\n  // TODO: 该属性后续可能会删除，未定\n  // 平滑缩放，不然会发生跳变，在地图交互场景需要配置为true；常规path缩放不需要\n  smoothScale?: boolean;\n}\n\nexport interface ILinkPathMarkSpec extends IFillMarkSpec {\n  x0?: number;\n  y0?: number;\n  x1?: number;\n  y1?: number;\n  thickness?: number;\n  curvature?: number;\n  /** round all the coordinates */\n  round?: boolean;\n  /** the ratio of normal style path */\n  ratio?: number;\n  align?: 'start' | 'end' | 'center';\n  pathType?: 'line' | 'smooth' | 'polyline';\n  endArrow?: boolean;\n  startArrow?: boolean;\n  backgroundStyle?: any;\n  direction?: 'horizontal' | 'vertical' | 'LR' | 'RL' | 'TB' | 'BL' | 'radial';\n}\n\nexport interface IArcMarkSpec extends IFillMarkSpec {\n  startAngle?: number;\n  endAngle?: number;\n  padAngle?: number;\n\n  outerRadius?: number;\n  innerRadius?: number;\n  cornerRadius?: number;\n\n  /** arc的中心点偏移距离 */\n  centerOffset?: number;\n\n  /** arc 的 roundCap 属性，即圆角是否伸出 startAngle 和 endAngle 之外 */\n  cap?: boolean | [boolean, boolean];\n  /** arc 在 roundCap 打开且应用环形渐变时是否对 cap 部分生效 */\n  autoCapConical?: boolean;\n}\n\n// 3d arc，有高度配置\nexport interface IArc3dMarkSpec extends IArcMarkSpec {\n  height?: number;\n}\n\nexport interface IProgressArcMarkSpec extends IArcMarkSpec {\n  /** 进度条内侧 padding（接受负值） */\n  innerPadding?: number;\n  /** 进度条外侧 padding（接受负值） */\n  outerPadding?: number;\n}\n\nexport interface ICellMarkSpec extends ISymbolMarkSpec {\n  padding?: number | number[] | IPadding;\n}\n\nexport interface IGroupMarkSpec extends ICommonSpec, IFillMarkSpec {\n  clip?: boolean;\n  width?: number;\n  height?: number;\n  /**\n   * 圆角配置。\n   * 1. 如果传入数值，则统一为四个角设置圆角\n   * 2. 如果传入数组，则分别为 [上左, 上右, 下右, 下左]\n   */\n  cornerRadius?: number | number[];\n}\n\nexport interface IPolygonMarkSpec extends ICommonSpec, IFillMarkSpec {\n  points?: IPoint[];\n  /**\n   * 圆角配置，支持数组配置，数组的顺序同组成 polygon 的顺序对应\n   */\n  cornerRadius?: number | number[];\n  scaleX?: number;\n  scaleY?: number;\n}\n\nexport interface IPyramid3dMarkSpec extends IPolygonMarkSpec {\n  // 只能有4个顶点\n  points?: IPoint[];\n}\n\n/**\n * ImageFill\n */\nexport type RepeatType = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat';\nexport type RepeatXYType = 'no-repeat' | 'repeat' | 'stretch';\nexport type ImageOriginType = 'top' | 'bottom';\n\n/**\n *  gradient\n */\nexport type GradientPropValue<T> = ValueType<T> | FunctionType<T>;\nexport type GradientStop = {\n  offset: GradientPropValue<number>;\n  color: GradientPropValue<string>;\n  opacity?: number;\n};\nexport interface IGradientLinear {\n  x0?: GradientPropValue<number>;\n  y0?: GradientPropValue<number>;\n  x1?: GradientPropValue<number>;\n  y1?: GradientPropValue<number>;\n  stops: GradientStop[];\n  gradient: 'linear';\n}\n\nexport interface IGradientRadial {\n  r0?: GradientPropValue<number>;\n  x0?: GradientPropValue<number>;\n  y0?: GradientPropValue<number>;\n  x1?: GradientPropValue<number>;\n  y1?: GradientPropValue<number>;\n  r1?: GradientPropValue<number>;\n  stops: GradientStop[];\n  gradient: 'radial';\n}\n\nexport interface IGradientConical {\n  x?: GradientPropValue<number>;\n  y?: GradientPropValue<number>;\n  startAngle?: GradientPropValue<number>;\n  endAngle?: GradientPropValue<number>;\n  stops: GradientStop[];\n  gradient: 'conical';\n}\n\nexport type GradientType = 'linear' | 'radial' | 'conical';\nexport type IGradient = IGradientLinear | IGradientRadial | IGradientConical;\n\nexport type LineStrokeCap = 'butt' | 'round' | 'square';\nexport type LineStrokeJoin = 'arcs' | 'bevel' | 'miter' | 'miter-clip' | 'round';\n\nexport type BoxPlotShaftShape = 'line' | 'bar';\n/**\n *  threshold\n */\nexport interface IThresholdStyle extends IVisualSpecStyle<number, string> {\n  domain: number[];\n  field: string;\n  range: string[];\n  type: 'threshold';\n}\n\n// FIXME: For some tool methods that need to use common configuration types\nexport interface IUnknownMarkSpec extends ICommonSpec {\n  [key: string]: unknown;\n}\n\n/**\n * text\n */\nexport type TextAlign = 'left' | 'right' | 'center';\nexport type TextBaseLine = 'top' | 'bottom' | 'middle' | 'alphabetic';\nexport type FontStyle = 'normal' | 'italic' | 'oblique' | string;\nexport type FontWeight = 'normal' | 'bold' | 'lighter' | 'bolder' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n"]}

package/cjs/util/debug.d.ts

@@ -1,6 +1,6 @@
-export declare let log: (msg: string, ...args: any[]) => void;
-export declare let warn: (msg: string, detail?: any) => void;
-export declare let error: (msg: string, detail?: any, err?: Error) => void;
+export declare const log: (msg: string, ...args: any[]) => any;
+export declare const warn: (msg: string, detail?: any) => any;
+export declare const error: (msg: string, detail?: any, err?: Error) => any;
 export declare const config: IConfig;
 export interface IConfig {
     silent: boolean;

package/cjs/util/debug.js

@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.config = exports.error = exports.warn = exports.log = void 0;
 
-const vutils_1 = require("@visactor/vutils");
-
-let log = (msg, ...args) => {};
+const vutils_1 = require("@visactor/vutils"), hasConsole = "undefined" != typeof console, log = (msg, ...args) => {
+    if (!exports.config.silent) return vutils_1.Logger.logger(vutils_1.Logger.Info, "log").info(msg, ...args);
+};
 
 exports.log = log;
 
-let warn = (msg, detail) => {};
+const warn = (msg, detail) => {
+    if ((0, vutils_1.isFunction)(exports.config.warnHandler)) exports.config.warnHandler.call(null, msg, detail); else if (hasConsole && !exports.config.silent) return detail ? vutils_1.Logger.logger(vutils_1.Logger.Warn, "warn").warn(`[VChart warn]: ${msg}\n`, detail) : vutils_1.Logger.logger(vutils_1.Logger.Warn, "warn").warn(`[VChart warn]: ${msg}`);
+};
 
 exports.warn = warn;
 
-let error = (msg, detail, err) => {};
-
-exports.error = error;
-
-{
-    const hasConsole = "undefined" != typeof console;
-    exports.log = (msg, ...args) => {
-        if (!exports.config.silent) return vutils_1.Logger.logger(vutils_1.Logger.Info, "log").info(msg, ...args);
-    }, exports.warn = (msg, detail) => {
-        if ((0, vutils_1.isFunction)(exports.config.warnHandler)) exports.config.warnHandler.call(null, msg, detail); else if (hasConsole && !exports.config.silent) return detail ? vutils_1.Logger.logger(vutils_1.Logger.Warn, "warn").warn(`[VChart warn]: ${msg}\n`, detail) : vutils_1.Logger.logger(vutils_1.Logger.Warn, "warn").warn(`[VChart warn]: ${msg}`);
-    }, exports.error = (msg, detail, err) => {
-        const errIns = new Error(msg);
-        if ((0, vutils_1.isFunction)(exports.config.errorHandler)) exports.config.errorHandler.call(null, errIns, detail); else if (!exports.config.silent) return vutils_1.Logger.logger(vutils_1.Logger.Error, "error").error(`[VChart error]: ${errIns}`, detail);
-    };
-}
+const error = (msg, detail, err) => {
+    const errIns = new Error(msg);
+    if ((0, vutils_1.isFunction)(exports.config.errorHandler)) exports.config.errorHandler.call(null, errIns, detail); else if (!exports.config.silent) return vutils_1.Logger.logger(vutils_1.Logger.Error, "error").error(`[VChart error]: ${errIns}`, detail);
+};
 
-exports.config = {
+exports.error = error, exports.config = {
     silent: !1,
     warnHandler: !1,
     errorHandler: !1

package/cjs/util/debug.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/util/debug.ts"],"names":[],"mappings":";;;AAAA,6CAAsD;AAE/C,IAAI,GAAG,GAAG,CAAC,GAAW,EAAE,GAAG,IAAW,EAAE,EAAE;AAEjD,CAAC,CAAC;AAFS,QAAA,GAAG,OAEZ;AACK,IAAI,IAAI,GAAG,CAAC,GAAW,EAAE,MAAY,EAAE,EAAE;AAEhD,CAAC,CAAC;AAFS,QAAA,IAAI,QAEb;AACK,IAAI,KAAK,GAAG,CAAC,GAAW,EAAE,MAAY,EAAE,GAAW,EAAE,EAAE;AAE9D,CAAC,CAAC;AAFS,QAAA,KAAK,SAEd;AAEF,IAAI,IAAI,EAAE;IACR,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,WAAW,CAAC;IAElD,WAAG,GAAG,CAAC,GAAW,EAAE,GAAG,IAAW,EAAE,EAAE;QACpC,IAAI,CAAC,cAAM,CAAC,MAAM,EAAE;YAClB,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;SAC7D;IACH,CAAC,CAAC;IAEF,YAAI,GAAG,CAAC,GAAW,EAAE,MAAY,EAAE,EAAE;QACnC,IAAI,IAAA,mBAAU,EAAC,cAAM,CAAC,WAAW,CAAC,EAAE;YAClC,cAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;SAC5C;aAAM,IAAI,UAAU,IAAI,CAAC,cAAM,CAAC,MAAM,EAAE;YACvC,IAAI,MAAM,EAAE;gBACV,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;aACnF;YACD,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,CAAC;SACzE;IACH,CAAC,CAAC;IAEF,aAAK,GAAG,CAAC,GAAW,EAAE,MAAY,EAAE,GAAW,EAAE,EAAE;QACjD,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9B,IAAI,IAAA,mBAAU,EAAC,cAAM,CAAC,YAAY,CAAC,EAAE;YACnC,cAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;SAChD;aAAM,IAAI,CAAC,cAAM,CAAC,MAAM,EAAE;YACzB,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,mBAAmB,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;SACxF;IACH,CAAC,CAAC;CACH;AAEY,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;CACE,CAAC","file":"debug.js","sourcesContent":["import { Logger, isFunction } from '@visactor/vutils';\n\nexport let log = (msg: string, ...args: any[]) => {\n  // do nothing\n};\nexport let warn = (msg: string, detail?: any) => {\n  // do nothing\n};\nexport let error = (msg: string, detail?: any, err?: Error) => {\n  // do nothing\n};\n\nif (true) {\n  const hasConsole = typeof console !== 'undefined';\n\n  log = (msg: string, ...args: any[]) => {\n    if (!config.silent) {\n      return Logger.logger(Logger.Info, 'log').info(msg, ...args);\n    }\n  };\n\n  warn = (msg: string, detail?: any) => {\n    if (isFunction(config.warnHandler)) {\n      config.warnHandler.call(null, msg, detail);\n    } else if (hasConsole && !config.silent) {\n      if (detail) {\n        return Logger.logger(Logger.Warn, 'warn').warn(`[VChart warn]: ${msg}\\n`, detail);\n      }\n      return Logger.logger(Logger.Warn, 'warn').warn(`[VChart warn]: ${msg}`);\n    }\n  };\n\n  error = (msg: string, detail?: any, err?: Error) => {\n    const errIns = new Error(msg);\n    if (isFunction(config.errorHandler)) {\n      config.errorHandler.call(null, errIns, detail);\n    } else if (!config.silent) {\n      return Logger.logger(Logger.Error, 'error').error(`[VChart error]: ${errIns}`, detail);\n    }\n  };\n}\n\nexport const config = {\n  silent: false,\n  warnHandler: false,\n  errorHandler: false\n} as unknown as IConfig;\n\nexport interface IConfig {\n  /**\n   * 是否开启控制台告警\n   */\n  silent: boolean;\n  /**\n   * 错误处理\n   */\n  errorHandler?: (err: Error, detail?: any) => void;\n  /**\n   * 警告处理\n   */\n  warnHandler?: (msg: string, detail?: any) => void;\n}\n"]}
+{"version":3,"sources":["../src/util/debug.ts"],"names":[],"mappings":";;;AAAA,6CAAsD;AAEtD,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,WAAW,CAAC;AAE3C,MAAM,GAAG,GAAG,CAAC,GAAW,EAAE,GAAG,IAAW,EAAE,EAAE;IACjD,IAAI,CAAC,cAAM,CAAC,MAAM,EAAE;QAClB,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;KAC7D;AACH,CAAC,CAAC;AAJW,QAAA,GAAG,OAId;AAEK,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,MAAY,EAAE,EAAE;IAChD,IAAI,IAAA,mBAAU,EAAC,cAAM,CAAC,WAAW,CAAC,EAAE;QAClC,cAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;KAC5C;SAAM,IAAI,UAAU,IAAI,CAAC,cAAM,CAAC,MAAM,EAAE;QACvC,IAAI,MAAM,EAAE;YACV,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;SACnF;QACD,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,CAAC;KACzE;AACH,CAAC,CAAC;AATW,QAAA,IAAI,QASf;AAEK,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,MAAY,EAAE,GAAW,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,IAAA,mBAAU,EAAC,cAAM,CAAC,YAAY,CAAC,EAAE;QACnC,cAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;KAChD;SAAM,IAAI,CAAC,cAAM,CAAC,MAAM,EAAE;QACzB,OAAO,eAAM,CAAC,MAAM,CAAC,eAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,mBAAmB,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;KACxF;AACH,CAAC,CAAC;AAPW,QAAA,KAAK,SAOhB;AAEW,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;CACE,CAAC","file":"debug.js","sourcesContent":["import { Logger, isFunction } from '@visactor/vutils';\n\nconst hasConsole = typeof console !== 'undefined';\n\nexport const log = (msg: string, ...args: any[]) => {\n  if (!config.silent) {\n    return Logger.logger(Logger.Info, 'log').info(msg, ...args);\n  }\n};\n\nexport const warn = (msg: string, detail?: any) => {\n  if (isFunction(config.warnHandler)) {\n    config.warnHandler.call(null, msg, detail);\n  } else if (hasConsole && !config.silent) {\n    if (detail) {\n      return Logger.logger(Logger.Warn, 'warn').warn(`[VChart warn]: ${msg}\\n`, detail);\n    }\n    return Logger.logger(Logger.Warn, 'warn').warn(`[VChart warn]: ${msg}`);\n  }\n};\n\nexport const error = (msg: string, detail?: any, err?: Error) => {\n  const errIns = new Error(msg);\n  if (isFunction(config.errorHandler)) {\n    config.errorHandler.call(null, errIns, detail);\n  } else if (!config.silent) {\n    return Logger.logger(Logger.Error, 'error').error(`[VChart error]: ${errIns}`, detail);\n  }\n};\n\nexport const config = {\n  silent: false,\n  warnHandler: false,\n  errorHandler: false\n} as unknown as IConfig;\n\nexport interface IConfig {\n  /**\n   * 是否开启控制台告警\n   */\n  silent: boolean;\n  /**\n   * 错误处理\n   */\n  errorHandler?: (err: Error, detail?: any) => void;\n  /**\n   * 警告处理\n   */\n  warnHandler?: (msg: string, detail?: any) => void;\n}\n"]}

package/cjs/util/index.d.ts

@@ -16,6 +16,7 @@ export * from './spec';
 export * from './text';
 export * from './data';
 export * from './hierarchy';
+export * from './style';
 export declare const Utils: {
     TimeUtil: typeof TimeUtil;
 };

package/cjs/util/index.js

@@ -43,7 +43,8 @@ __exportStar(require("./model"), exports), __exportStar(require("./object"), exp
 __exportStar(require("./scale"), exports), __exportStar(require("./space"), exports), 
 __exportStar(require("./type"), exports), __exportStar(require("./spec"), exports), 
 __exportStar(require("./text"), exports), __exportStar(require("./data"), exports), 
-__exportStar(require("./hierarchy"), exports), exports.Utils = {
+__exportStar(require("./hierarchy"), exports), __exportStar(require("./style"), exports), 
+exports.Utils = {
     TimeUtil: time_1.TimeUtil
 };
 //# sourceMappingURL=index.js.map

package/cjs/util/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/util/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gEAAiE;AACjE,6CAA6D;AAEpD,yFAFA,iBAAQ,OAEA;AAAE,yFAFA,iBAAQ,OAEA;AAAE,sFAFA,cAAK,OAEA;AAElC,0CAAwB;AACxB,0CAAwB;AACxB,0CAAwB;AACxB,wCAAsB;AACtB,uCAAqB;AACrB,yCAAuB;AACvB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,8CAA4B;AAEf,QAAA,KAAK,GAAG,EAAE,QAAQ,EAAR,eAAQ,EAAE,CAAC","file":"index.js","sourcesContent":["import { TimeUtil } from '../component/axis/cartesian/util/time';\nimport { debounce, throttle, clamp } from '@visactor/vutils';\n\nexport { debounce, throttle, clamp };\n\nexport * from './array';\nexport * from './color';\nexport * from './debug';\nexport * from './env';\nexport * from './id';\nexport * from './math';\nexport * from './model';\nexport * from './object';\nexport * from './scale';\nexport * from './space';\nexport * from './type';\nexport * from './spec';\nexport * from './text';\nexport * from './data';\nexport * from './hierarchy';\n\nexport const Utils = { TimeUtil };\n"]}
+{"version":3,"sources":["../src/util/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gEAAiE;AACjE,6CAA6D;AAEpD,yFAFA,iBAAQ,OAEA;AAAE,yFAFA,iBAAQ,OAEA;AAAE,sFAFA,cAAK,OAEA;AAElC,0CAAwB;AACxB,0CAAwB;AACxB,0CAAwB;AACxB,wCAAsB;AACtB,uCAAqB;AACrB,yCAAuB;AACvB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,8CAA4B;AAC5B,0CAAwB;AAEX,QAAA,KAAK,GAAG,EAAE,QAAQ,EAAR,eAAQ,EAAE,CAAC","file":"index.js","sourcesContent":["import { TimeUtil } from '../component/axis/cartesian/util/time';\nimport { debounce, throttle, clamp } from '@visactor/vutils';\n\nexport { debounce, throttle, clamp };\n\nexport * from './array';\nexport * from './color';\nexport * from './debug';\nexport * from './env';\nexport * from './id';\nexport * from './math';\nexport * from './model';\nexport * from './object';\nexport * from './scale';\nexport * from './space';\nexport * from './type';\nexport * from './spec';\nexport * from './text';\nexport * from './data';\nexport * from './hierarchy';\nexport * from './style';\n\nexport const Utils = { TimeUtil };\n"]}

package/cjs/util/style.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.transformToGraphic = exports.transformStateStyle = exports.transformComponentStyle = void 0;
 
-const vutils_1 = require("@visactor/vutils"), utils_1 = require("../mark/utils");
+const vutils_1 = require("@visactor/vutils");
 
 function transformComponentStyle(cfg = {}) {
     return (0, vutils_1.isEmpty)(cfg.style) || (cfg.style = transformToGraphic(cfg.style)), 
@@ -20,12 +20,8 @@ function transformStateStyle(stateStyle) {
 }
 
 function transformToGraphic(style) {
-    return (0, vutils_1.isEmpty)(style) || (style.angle && (style.angle = (0, vutils_1.degreeToRadian)(style.angle)), 
-    (0, vutils_1.isValid)(style.strokeWidth) && (style.lineWidth = style.strokeWidth), 
-    (0, vutils_1.isValid)(style.limit) && (style.maxLineWidth = style.limit, delete style.limit), 
-    Object.keys(utils_1.DUPLICATED_ATTRS).forEach((oldAttr => {
-        style[oldAttr] && (style[utils_1.DUPLICATED_ATTRS[oldAttr]] = style[oldAttr], delete style[oldAttr]);
-    }))), style;
+    return (0, vutils_1.isEmpty)(style) || style.angle && (style.angle = (0, vutils_1.degreeToRadian)(style.angle)), 
+    style;
 }
 
 exports.transformComponentStyle = transformComponentStyle, exports.transformStateStyle = transformStateStyle, 

package/cjs/util/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/util/style.ts"],"names":[],"mappings":";;;AAAA,6CAA8E;AAC9E,yCAAiD;AAQjD,SAAgB,uBAAuB,CAAC,MAAW,EAAE;IACnD,IAAI,CAAC,IAAA,gBAAO,EAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACvB,GAAG,CAAC,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,IAAI,CAAC,IAAA,gBAAO,EAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACnC,IAAI,CAAC,IAAA,gBAAO,EAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;gBAC5B,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;aACrD;QACH,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAdD,0DAcC;AAED,SAAgB,mBAAmB,CAAC,UAAe;IACjD,IAAI,IAAA,gBAAO,EAAC,UAAU,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACpC,IAAI,CAAC,IAAA,gBAAO,EAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,UAAU,CAAC,GAAG,CAAC,GAAG,kBAAkB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;SACvD;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC;AAXD,kDAWC;AAED,SAAgB,kBAAkB,CAAC,KAAU;IAC3C,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC;KACd;IACD,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,GAAG,IAAA,uBAAc,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC3C;IACD,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,WAAW,CAAC,EAAE;QAC9B,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC;KACrC;IACD,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACxB,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;QACjC,OAAO,KAAK,CAAC,KAAK,CAAC;KACpB;IACD,MAAM,CAAC,IAAI,CAAC,wBAAgB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAC9C,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;YAClB,KAAK,CAAC,wBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;YAClD,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;SACvB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC;AAtBD,gDAsBC","file":"style.js","sourcesContent":["import { degreeToRadian, isEmpty, isString, isValid } from '@visactor/vutils';\nimport { DUPLICATED_ATTRS } from '../mark/utils';\n\n/**\n * 针对一些可以配置状态样式的属性的转换函数，结构如下：\n * { style: {}, state: { hover: {} } }\n * @param cfg\n * @returns\n */\nexport function transformComponentStyle(cfg: any = {}) {\n  if (!isEmpty(cfg.style)) {\n    cfg.style = transformToGraphic(cfg.style);\n  }\n\n  if (!isEmpty(cfg.state)) {\n    Object.keys(cfg.state).forEach(key => {\n      if (!isEmpty(cfg.state[key])) {\n        cfg.state[key] = transformToGraphic(cfg.state[key]);\n      }\n    });\n  }\n\n  return cfg;\n}\n\nexport function transformStateStyle(stateStyle: any) {\n  if (isEmpty(stateStyle)) {\n    return null;\n  }\n  Object.keys(stateStyle).forEach(key => {\n    if (!isEmpty(stateStyle[key])) {\n      stateStyle[key] = transformToGraphic(stateStyle[key]);\n    }\n  });\n\n  return stateStyle;\n}\n\nexport function transformToGraphic(style: any) {\n  if (isEmpty(style)) {\n    return style;\n  }\n  if (style.angle) {\n    style.angle = degreeToRadian(style.angle);\n  }\n  if (isValid(style.strokeWidth)) {\n    style.lineWidth = style.strokeWidth;\n  }\n  if (isValid(style.limit)) {\n    style.maxLineWidth = style.limit;\n    delete style.limit;\n  }\n  Object.keys(DUPLICATED_ATTRS).forEach(oldAttr => {\n    if (style[oldAttr]) {\n      style[DUPLICATED_ATTRS[oldAttr]] = style[oldAttr];\n      delete style[oldAttr];\n    }\n  });\n\n  return style;\n}\n"]}
+{"version":3,"sources":["../src/util/style.ts"],"names":[],"mappings":";;;AAAA,6CAAmF;AAQnF,SAAgB,uBAAuB,CAAC,MAAW,EAAE;IACnD,IAAI,CAAC,IAAA,gBAAO,EAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACvB,GAAG,CAAC,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,IAAI,CAAC,IAAA,gBAAO,EAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACnC,IAAI,CAAC,IAAA,gBAAO,EAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;gBAC5B,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;aACrD;QACH,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAdD,0DAcC;AAED,SAAgB,mBAAmB,CAAC,UAAe;IACjD,IAAI,IAAA,gBAAO,EAAC,UAAU,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACpC,IAAI,CAAC,IAAA,gBAAO,EAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,UAAU,CAAC,GAAG,CAAC,GAAG,kBAAkB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;SACvD;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC;AAXD,kDAWC;AAED,SAAgB,kBAAkB,CAAC,KAAU;IAC3C,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC;KACd;IACD,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,GAAG,IAAA,uBAAc,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AATD,gDASC","file":"style.js","sourcesContent":["import { degreeToRadian, isEmpty, isValid, isValidNumber } from '@visactor/vutils';\n\n/**\n * 针对一些可以配置状态样式的属性的转换函数，结构如下：\n * { style: {}, state: { hover: {} } }\n * @param cfg\n * @returns\n */\nexport function transformComponentStyle(cfg: any = {}) {\n  if (!isEmpty(cfg.style)) {\n    cfg.style = transformToGraphic(cfg.style);\n  }\n\n  if (!isEmpty(cfg.state)) {\n    Object.keys(cfg.state).forEach(key => {\n      if (!isEmpty(cfg.state[key])) {\n        cfg.state[key] = transformToGraphic(cfg.state[key]);\n      }\n    });\n  }\n\n  return cfg;\n}\n\nexport function transformStateStyle(stateStyle: any) {\n  if (isEmpty(stateStyle)) {\n    return null;\n  }\n  Object.keys(stateStyle).forEach(key => {\n    if (!isEmpty(stateStyle[key])) {\n      stateStyle[key] = transformToGraphic(stateStyle[key]);\n    }\n  });\n\n  return stateStyle;\n}\n\nexport function transformToGraphic(style: any) {\n  if (isEmpty(style)) {\n    return style;\n  }\n  if (style.angle) {\n    style.angle = degreeToRadian(style.angle);\n  }\n\n  return style;\n}\n"]}

package/esm/chart/area/area.d.ts

@@ -6,4 +6,5 @@ export declare class AreaChart extends CartesianChart {
     readonly type: string;
     readonly seriesType: string;
     protected _getDefaultSeriesSpec(spec: IAreaChartSpec): any;
+    transformSpec(spec: any): void;
 }

package/esm/chart/area/area.js

@@ -4,6 +4,8 @@ import { CartesianChart } from "../cartesian/cartesian";
 
 import { ChartTypeEnum } from "../interface";
 
+import { setDefaultCrosshairForCartesianChart } from "../util";
+
 import { VChart } from "../../core/vchart";
 
 import { AreaSeries } from "../../series";
@@ -22,6 +24,9 @@ export class AreaChart extends CartesianChart {
             area: spec.area
         });
     }
+    transformSpec(spec) {
+        super.transformSpec(spec), setDefaultCrosshairForCartesianChart(spec);
+    }
 }
 
 AreaChart.type = ChartTypeEnum.area, AreaChart.view = "singleDefault";

package/esm/chart/area/area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/area/area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAE/B,MAAM,OAAO,SAAU,SAAQ,cAAc;IAA7C;;QAGW,SAAI,GAAW,aAAa,CAAC,IAAI,CAAC;QAClC,eAAU,GAAW,cAAc,CAAC,IAAI,CAAC;IAWpD,CAAC;IATW,qBAAqB,CAAC,IAAoB;QAClD,uCACK,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,KACpC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,OAAO,EACxC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IACf;IACJ,CAAC;;AAbe,cAAI,GAAW,aAAa,CAAC,IAAI,CAAC;AAClC,cAAI,GAAW,eAAe,CAAC","file":"area.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface';\nimport { CartesianChart } from '../cartesian/cartesian';\nimport { ChartTypeEnum } from '../interface';\nimport type { IAreaChartSpec } from './interface';\nimport { VChart } from '../../core/vchart';\nimport { AreaSeries } from '../../series';\nVChart.useSeries([AreaSeries]);\n\nexport class AreaChart extends CartesianChart {\n  static readonly type: string = ChartTypeEnum.area;\n  static readonly view: string = 'singleDefault';\n  readonly type: string = ChartTypeEnum.area;\n  readonly seriesType: string = SeriesTypeEnum.area;\n\n  protected _getDefaultSeriesSpec(spec: IAreaChartSpec): any {\n    return {\n      ...super._getDefaultSeriesSpec(spec),\n      invalidType: spec.invalidType || 'break',\n      point: spec.point,\n      line: spec.line,\n      area: spec.area\n    };\n  }\n}\n"]}
+{"version":3,"sources":["../src/chart/area/area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,oCAAoC,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAE/B,MAAM,OAAO,SAAU,SAAQ,cAAc;IAA7C;;QAGW,SAAI,GAAW,aAAa,CAAC,IAAI,CAAC;QAClC,eAAU,GAAW,cAAc,CAAC,IAAI,CAAC;IAgBpD,CAAC;IAdW,qBAAqB,CAAC,IAAoB;QAClD,uCACK,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,KACpC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,OAAO,EACxC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IACf;IACJ,CAAC;IAED,aAAa,CAAC,IAAS;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1B,oCAAoC,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;;AAlBe,cAAI,GAAW,aAAa,CAAC,IAAI,CAAC;AAClC,cAAI,GAAW,eAAe,CAAC","file":"area.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface';\nimport { CartesianChart } from '../cartesian/cartesian';\nimport { ChartTypeEnum } from '../interface';\nimport type { IAreaChartSpec } from './interface';\nimport { setDefaultCrosshairForCartesianChart } from '../util';\nimport { VChart } from '../../core/vchart';\nimport { AreaSeries } from '../../series';\nVChart.useSeries([AreaSeries]);\n\nexport class AreaChart extends CartesianChart {\n  static readonly type: string = ChartTypeEnum.area;\n  static readonly view: string = 'singleDefault';\n  readonly type: string = ChartTypeEnum.area;\n  readonly seriesType: string = SeriesTypeEnum.area;\n\n  protected _getDefaultSeriesSpec(spec: IAreaChartSpec): any {\n    return {\n      ...super._getDefaultSeriesSpec(spec),\n      invalidType: spec.invalidType || 'break',\n      point: spec.point,\n      line: spec.line,\n      area: spec.area\n    };\n  }\n\n  transformSpec(spec: any): void {\n    super.transformSpec(spec);\n    setDefaultCrosshairForCartesianChart(spec);\n  }\n}\n"]}

package/esm/chart/bar/bar.d.ts

@@ -4,4 +4,5 @@ export declare class BarChart extends CartesianChart {
     static readonly view: string;
     readonly type: string;
     readonly seriesType: string;
+    transformSpec(spec: any): void;
 }

package/esm/chart/bar/bar.js

@@ -4,6 +4,8 @@ import { CartesianChart } from "../cartesian/cartesian";
 
 import { ChartTypeEnum } from "../interface";
 
+import { setDefaultCrosshairForCartesianChart } from "../util";
+
 import { VChart } from "../../core/vchart";
 
 import { BarSeries } from "../../series";
@@ -14,6 +16,9 @@ export class BarChart extends CartesianChart {
     constructor() {
         super(...arguments), this.type = ChartTypeEnum.bar, this.seriesType = SeriesTypeEnum.bar;
     }
+    transformSpec(spec) {
+        super.transformSpec(spec), setDefaultCrosshairForCartesianChart(spec);
+    }
 }
 
 BarChart.type = ChartTypeEnum.bar, BarChart.view = "singleDefault";

package/esm/chart/bar/bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/bar/bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAE9B,MAAM,OAAO,QAAS,SAAQ,cAAc;IAA5C;;QAGW,SAAI,GAAW,aAAa,CAAC,GAAG,CAAC;QACjC,eAAU,GAAW,cAAc,CAAC,GAAG,CAAC;IACnD,CAAC;;AAJiB,aAAI,GAAW,aAAa,CAAC,GAAG,CAAC;AACjC,aAAI,GAAW,eAAe,CAAC","file":"bar.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface';\nimport { CartesianChart } from '../cartesian/cartesian';\nimport { ChartTypeEnum } from '../interface';\nimport { VChart } from '../../core/vchart';\nimport { BarSeries } from '../../series';\nVChart.useSeries([BarSeries]);\n\nexport class BarChart extends CartesianChart {\n  static readonly type: string = ChartTypeEnum.bar;\n  static readonly view: string = 'singleDefault';\n  readonly type: string = ChartTypeEnum.bar;\n  readonly seriesType: string = SeriesTypeEnum.bar;\n}\n"]}
+{"version":3,"sources":["../src/chart/bar/bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,oCAAoC,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAE9B,MAAM,OAAO,QAAS,SAAQ,cAAc;IAA5C;;QAGW,SAAI,GAAW,aAAa,CAAC,GAAG,CAAC;QACjC,eAAU,GAAW,cAAc,CAAC,GAAG,CAAC;IAMnD,CAAC;IAJC,aAAa,CAAC,IAAS;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1B,oCAAoC,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;;AARe,aAAI,GAAW,aAAa,CAAC,GAAG,CAAC;AACjC,aAAI,GAAW,eAAe,CAAC","file":"bar.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface';\nimport { CartesianChart } from '../cartesian/cartesian';\nimport { ChartTypeEnum } from '../interface';\nimport { setDefaultCrosshairForCartesianChart } from '../util';\nimport { VChart } from '../../core/vchart';\nimport { BarSeries } from '../../series';\nVChart.useSeries([BarSeries]);\n\nexport class BarChart extends CartesianChart {\n  static readonly type: string = ChartTypeEnum.bar;\n  static readonly view: string = 'singleDefault';\n  readonly type: string = ChartTypeEnum.bar;\n  readonly seriesType: string = SeriesTypeEnum.bar;\n\n  transformSpec(spec: any): void {\n    super.transformSpec(spec);\n    setDefaultCrosshairForCartesianChart(spec);\n  }\n}\n"]}

package/esm/chart/base-chart.js

@@ -217,9 +217,10 @@ export class BaseChart extends CompilableBase {
             const component = components[index];
             component.type.startsWith(ComponentTypeEnum.cartesianAxis) ? cartesianAxis = component : component.type.startsWith(ComponentTypeEnum.polarAxis) ? polarAxis = component : noAxisComponents.push(component);
         }
+        cartesianAxis && this._createComponent(cartesianAxis, spec), polarAxis && this._createComponent(polarAxis, spec), 
         noAxisComponents.forEach((C => {
             this._createComponent(C, spec);
-        })), cartesianAxis && this._createComponent(cartesianAxis, spec), polarAxis && this._createComponent(polarAxis, spec);
+        }));
     }
     initComponent() {
         this._components.forEach((c => c.init({