@visactor/vchart 2.0.11-alpha.8 → 2.0.12-alpha.0

package/cjs/typings/visual.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/typings/visual.ts"],"names":[],"mappings":"","file":"visual.js","sourcesContent":["import type { PopTipAttributes } from '@visactor/vrender-components';\nimport 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 { IModelMarkAttributeContext } from '../compile/mark/interface';\nimport type { Datum } from './common';\nimport type { IPadding } from '@visactor/vutils';\nimport type { IColorKey } from '../theme/color-scheme/interface';\nimport type { ITokenKey } from '../theme/token/interface';\nimport type {\n  IRepeatType,\n  TextAlignType,\n  TextBaselineType,\n  IRichTextAttribute,\n  IGraphicStyle,\n  IColor\n} from '@visactor/vrender-core';\n\n// 基础的visual 对应 scale 的属性\nexport interface IVisualSpecBase<D, T> {\n  /**\n   * type of scale\n   */\n  type: ScaleType;\n  /**\n   * will set to scale.domain, it means input of scale\n   */\n  domain: D[];\n  /**\n   * will set to scale.range, it means output of scale\n   */\n  range: T[];\n  /**\n   * will set to scale.specified if scale support, as a key-value pair matching capability\n   * @since 1.1.0\n   */\n  specified?: { [key: string]: unknown };\n  /**\n   * enable clamp in linear scale\n   * If clamp is enabled, the return value of the scale is always within the scale’s range.\n   * @since 1.13.6\n   * @default false\n   */\n  clamp?: boolean;\n}\n// 用来给用户进行mark.style上的映射配置。所以要配置数据维度\nexport interface IVisualSpecStyle<D, T> extends IVisualSpecBase<D, T> {\n  /**\n   * 指定映射对应的数据字段\n   */\n  field?: string;\n}\n\nexport type IDataDomainSpec = {\n  /**\n   * 数据的id\n   */\n  dataId: string;\n  /**\n   * 数据字段\n   */\n  fields: string[];\n};\n\n// 用来提供给用户进行 scale 配置 所以名字是必选的 对用户配置\nexport interface IVisualSpecScale<D, T> extends Omit<IVisualSpecBase<D, T>, 'domain'> {\n  /**\n   * scale 的id\n   */\n  id: string;\n  /**\n   * 定义域范围\n   */\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> = (datum: Datum, context: IModelMarkAttributeContext, source?: DataView) => 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\n/**\n * border\n */\nexport interface IBorder {\n  /**\n   * 边框离图形边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 边框的颜色\n   */\n  stroke?: string | IGradient;\n  /**\n   * 边框的透明度\n   */\n  strokeOpacity?: number;\n  /**\n   * 边框线的宽度\n   */\n  lineWidth?: number;\n  /**\n   * 给边框配置虚线模式。它使用一组值来指定描述模式的线和间隙的交替长度\n   */\n  lineDash?: number[];\n  /**\n   * 设置边框的虚线偏移量\n   */\n  lineDashOffset?: number;\n}\n\nexport interface ICommonSpec {\n  /**\n   * 图形是否可见\n   */\n  visible?: boolean;\n  /**\n   * 图形的x坐标\n   */\n  x?: number;\n  /**\n   * 图形的y坐标\n   */\n  y?: number;\n  /**\n   * 图形的z坐标，仅适用于3D图表\n   */\n  z?: number;\n  /**\n   * 图形的描边颜色。\n   * 支持使用 'rgb(255,255,255)'，'rgba(255,255,255,1)'，'#fff' 等方式设置为纯色，也支持设置为渐变色描边\n   * @todo 隔离主题和 spec 配置\n   * IColorKey 类型只适用于主题\n   */\n  stroke?: string | IGradient | false | (number | boolean)[] | IColorKey | null;\n  /**\n   * 描边透明度\n   */\n  strokeOpacity?: number;\n  /**\n   * 图形的透明度，既影响描边也影响填充\n   */\n  opacity?: number;\n  /**\n   * 图形的描边宽度\n   */\n  lineWidth?: number;\n  /**\n   * 给描边配置虚线模式。它使用一组值来指定描述模式的线和间隙的交替长度\n   */\n  lineDash?: number[];\n  /**\n   * 设置虚线偏移量的属性\n   */\n  lineDashOffset?: number;\n  /**\n   * 设置图形的鼠标样式\n   */\n  cursor?: Cursor;\n  /**\n   * 设置图形的层级，主意这个是相对层级，图形引擎绘制的时候，会对相同group下的所有图形根据zIndex进行排序，然后从小到大进行渲染\n   */\n  zIndex?: number;\n  /**\n   * 图形的旋转角度\n   */\n  angle?: number;\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path的位置\n   */\n  anchor?: [number, number];\n\n  /**\n   * x方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleX?: number;\n  /**\n   * y方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleY?: number;\n  /**\n   * 图形缩放中心\n   * @since 1.4.0\n   * 可以配置固定坐标，例如 [100, 100]；或者百分比坐标，例如 ['50%', '50%']，代表以图元中心为缩放中心\n   * */\n  scaleCenter?: [number | string, number | string];\n\n  // 3d旋转的属性\n  /**\n   * x方向的旋转角度\n   */\n  alpha?: number;\n  /**\n   * y方向的旋转角度\n   */\n  beta?: number;\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d?: [number, number];\n\n  /**\n   * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n   */\n  pickMode?: 'accurate' | 'imprecise' | 'custom';\n  /**\n   * bounds的计算模式\n   */\n  boundsMode?: 'accurate' | 'imprecise';\n\n  /**\n   * 用于扩展描边的拾取范围，为 0 就是默认线宽，正数就加宽，负数就减宽\n   * @default 0\n   * @since 1.7.3\n   */\n  pickStrokeBuffer?: number;\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?: IBorder;\n  /**\n   * 内边框，内描边，描边位于图形内侧\n   */\n  innerBorder?: IBorder;\n  /**\n   * html 浮层，会将配置的html相关内容，绝对定位到图元的位置\n   * @experimental\n   * @since 1.10.0\n   */\n  html?: IMarkHtmlSpec;\n\n  [key: string]: any;\n}\n\nexport interface IFillMarkSpec extends ICommonSpec {\n  /**\n   * 图形的填充颜色\n   * @todo 隔离主题和 spec 配置\n   * IColorKey 类型只适用于主题\n   */\n  fill?: VisualType<string> | IGradient | false | IColorKey;\n  /**\n   * 填充的透明度\n   */\n  fillOpacity?: number;\n\n  /**\n   * 图形的背景色，支持纯色、image元素、canvas元素\n   */\n  background?: IColor | HTMLImageElement | HTMLCanvasElement | null;\n}\n\nexport type IMarkHtmlSpec = Partial<IGraphicStyle['html']>;\n\nexport interface ISymbolMarkSpec extends IFillMarkSpec {\n  /**\n   * x方向的偏移量\n   */\n  dx?: number;\n  /**\n   * y方向的偏移量\n   */\n  dy?: number;\n  /**\n   * 大小，相当于外接圆的半径\n   */\n  size?: number | number[];\n  /** 对外声明使用shape，vrender图形属性对应的是shape */\n  shape?: ShapeType | string;\n  /**\n   * 标记的类型\n   * FIXME:  vrender Symbol接收的图形属性，暂时都申明一下\n   * */\n  symbolType?: ShapeType | string;\n  /**\n   * x方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleX?: number;\n  /**\n   * y方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleY?: number;\n}\n\n// lineMark 和 areaMark 共同配置\nexport interface ILineLikeMarkSpec extends IFillMarkSpec {\n  /**\n   * 取消的差值类型，默认为线性插值，也就是普通的折线\n   */\n  curveType?: InterpolateType;\n  /**\n   * 设置点是否有效，也就是是否合法\n   */\n  defined?: boolean;\n}\n\nexport interface IAreaMarkSpec extends ILineLikeMarkSpec {\n  /**\n   * 面积的x1值\n   */\n  x1?: number;\n  /**\n   * 面积的y1值\n   */\n  y1?: number;\n  /**\n   * 面积图元的方向，\n   * horizontal - 水平方向\n   * vertical - 垂直方向\n   */\n  orient?: 'horizontal' | 'vertical';\n}\n\nexport interface ILineMarkSpec extends ILineLikeMarkSpec {\n  /**\n   * 指定如何绘制每一条线段末端的属性。有 3 个可能的值，分别是：'butt', 'round' and 'square'。默认值是 butt。\n   */\n  lineCap?: LineStrokeCap;\n  /**\n   * 用来设置 2 个长度不为 0 的相连部分（线段、圆弧、曲线）如何连接在一起的属性（长度为 0 的变形部分，其指定的末端和控制点在同一位置，会被忽略）。此属性有 3 个值： 'round', 'bevel' and 'miter'。默认值是 'miter'\n   */\n  lineJoin?: LineStrokeJoin;\n  /**\n   * 设置斜接面限制比例的属性。当获取属性值时，会返回当前的值（默认值是 10.0 ）。当给属性赋值时，0、负数、 Infinity 和 NaN 都会被忽略；除此之外都会被赋予一个新值。\n   */\n  miterLimit?: number;\n  /**\n   * stroke 的有界缓冲区\n   */\n  strokeBoundsBuffer?: number;\n}\n\nexport interface IRuleMarkSpec extends ILineMarkSpec {\n  /**\n   * 终点x坐标\n   */\n  x1?: number;\n  /**\n   * 终点y坐标\n   */\n  y1?: number;\n}\n\nexport interface ITextMarkSpec extends IFillMarkSpec {\n  /**\n   * 文字内容\n   */\n  text?: string | number | string[] | number[];\n  /**\n   * x 方向偏移\n   */\n  dx?: number;\n  /**\n   * y 方向偏移\n   */\n  dy?: number;\n  /**\n   * 字号\n   */\n  fontSize?: number | ITokenKey;\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  /**\n   * 文本省略的位置，默认尾部省略\n   * 1. 'start' 文字首部省略\n   * 2. 'middle' 文本中间省略\n   * 3. 'end' 文本尾部省略\n   * @default 'end'\n   * @since 1.7.3\n   */\n  suffixPosition?: 'start' | 'end' | 'middle';\n  /**\n   * 下划线\n   */\n  underline?: boolean;\n  /**\n   * 下划线的虚线样式\n   */\n  underlineDash?: number[];\n  /**\n   * 下划线的虚线偏移量\n   */\n  underlineOffset?: number;\n  /**\n   * 中划线\n   */\n  lineThrough?: boolean;\n  /**\n   * 行高（1.3.1 版本新增字符串类型表示比例值，如\"150%\"）\n   * @since 1.3.1\n   */\n  lineHeight?: number | string | ITokenKey;\n  /**\n   * poptip 相关配置\n   */\n  poptip?: PopTipAttributes;\n  /**\n   * 文本的排布方向，如果需要文本纵向排布，可以配置为 'vertical'\n   * @default 'horizontal'\n   */\n  direction?: 'horizontal' | 'vertical';\n  /*\n   * 单词断行\n   */\n  wordBreak?: 'break-word' | 'break-all' | 'keep-all';\n  /**\n   * 高度限制控制显示内容及省略号\n   */\n  heightLimit?: number;\n  /**\n   * 按照行数限制显示内容及省略号\n   */\n  lineClamp?: number;\n  /**\n   * 设置如何处理空白字符\n   */\n  whiteSpace?: 'normal' | 'no-wrap';\n}\n\nexport type IRichTextMarkSpec = IRichTextAttribute &\n  IFillMarkSpec & { type: 'rich'; text: IRichTextAttribute['textConfig'] };\n\nexport type IComposedTextMarkSpec = ITextMarkSpec | IRichTextMarkSpec;\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  /**\n   * 宽度\n   */\n  width?: number;\n  /**\n   * 高度\n   */\n  height?: number;\n  /**\n   * x方向终点坐标\n   */\n  x1?: number;\n  /**\n   * y方向终点坐标\n   */\n\n  y1?: number;\n}\n\nexport interface IBoxPlotMarkSpec extends ICommonSpec {\n  /**\n   * box描边宽度\n   */\n  lineWidth?: number;\n  /**\n   * box宽度\n   */\n  boxWidth?: number | string;\n  /**\n   * 最大最小值宽度\n   */\n  shaftWidth?: number | string;\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   * 最小值\n   */\n  min?: (datum: Datum) => number;\n  /**\n   * 25%分位数\n   */\n  q1?: (datum: Datum) => number;\n  /**\n   * 中位数\n   */\n  median?: (datum: Datum) => number;\n  /**\n   * 75%分位数\n   */\n  q3?: (datum: Datum) => number;\n  /**\n   * 最大值\n   */\n  max?: (datum: Datum) => number;\n}\n\nexport interface IRippleMarkSpec extends ICommonSpec {\n  /**\n   * 波纹密度ripple\n   * ripple 取值范为[0,1]\n   */\n  ripple?: number;\n  /**\n   * 水波纹最大半径\n   */\n  size?: number;\n}\n\nexport interface ILiquidMarkSpec extends ICommonSpec {\n  /**\n   * 波浪的变化状态，范围为 [0, 1]\n   */\n  wave?: number;\n}\n\nexport interface ILiquidOutlineSpec extends ISymbolMarkSpec {\n  /**\n   * 描边的宽度\n   */\n  lineWidth: number;\n}\n\nexport interface IOutlierMarkSpec {\n  /**\n   * 异常点填充颜色\n   */\n  fill?: string;\n  /**\n   * 异常点大小\n   */\n  size?: number;\n}\n\nexport interface IPathMarkSpec extends IFillMarkSpec {\n  path?: string;\n  // TODO: 该属性后续可能会删除，未定\n  /**\n   * 平滑缩放，不然会发生跳变，在地图交互场景需要配置为true；常规path缩放不需要\n   */\n  smoothScale?: boolean;\n}\n\nexport interface ILinkPathMarkSpec extends IFillMarkSpec {\n  /**\n   * 连边起点的x坐标\n   */\n  x0?: number;\n  /**\n   * 连边起点的y坐标\n   */\n  y0?: number;\n  /**\n   * 连边终点的x坐标\n   */\n  x1?: number;\n  /**\n   * 连边终点的y坐标\n   */\n  y1?: number;\n  /**\n   * 连边的厚度，也可以理解为宽度\n   */\n  thickness?: number;\n  /**\n   * 连边的曲度，决定了连边的弯曲程度，取值范围为0-1，\n   * 0表示不弯曲，也就是直线\n   * 1表示最大的弯曲度，\n   * 默认值为0.5\n   */\n  curvature?: number;\n  /** round all the coordinates */\n  round?: boolean;\n  /** the ratio of normal style path */\n  ratio?: number;\n  /**\n   * 对齐方式\n   */\n  align?: 'start' | 'end' | 'center';\n  /**\n   * 连边的类型\n   *\n   */\n  pathType?: 'line' | 'smooth' | 'polyline';\n  /**\n   * 是否展示终点的箭头\n   */\n  endArrow?: boolean;\n  /**\n   * 是否展示起点的箭头\n   */\n  startArrow?: boolean;\n  /**\n   * 背景线的样式，主要用于部分高亮的场景\n   */\n  backgroundStyle?: any;\n  /**\n   * 连边的方向\n   */\n  direction?: 'horizontal' | 'vertical' | 'LR' | 'RL' | 'TB' | 'BL' | 'radial';\n}\n\n/**\n * arc图元的视觉通道配置\n */\nexport interface IArcMarkSpec extends IFillMarkSpec {\n  /**\n   * 圆弧的开始角度\n   */\n  startAngle?: number;\n  /**\n   * 圆弧的结束角度\n   */\n  endAngle?: number;\n  /**\n   * 间隙角度；间隔角度会转换为一个在两个相邻的弧之间的确定的线性距离，定义为 padRadius * | padAngle |\n   * 这个距离在弧的开始和结束处都是相等的；\n   * 间隔角度通常只应用于环形扇区（即当内半径大于 0）\n   */\n  padAngle?: number;\n\n  /**\n   * 外径，既外半径\n   */\n  outerRadius?: number;\n  /**\n   * 内径，既内半径\n   */\n  innerRadius?: number;\n  /**\n   * 圆角\n   */\n  cornerRadius?: number;\n  /**\n   * 内边距\n   */\n  innerPadding?: number;\n  /**\n   * 外边距\n   */\n  outerPadding?: number;\n  /**\n   * arc的中心点偏移距离，一般是通过在交互状态下设置这个属性来实现将扇区移出中心的一个效果\n   */\n  centerOffset?: number;\n  /**\n   * arc 的 roundCap 属性，即圆角是否伸出 startAngle 和 endAngle 之外\n   */\n  cap?: boolean | [boolean, boolean];\n  /**\n   * arc 在 roundCap 打开且应用环形渐变时是否对 cap 部分生效\n   */\n  autoCapConical?: boolean;\n}\n\nexport interface ICellMarkSpec extends ISymbolMarkSpec {\n  /**\n   * 内边距\n   */\n  padding?: number | number[] | IPadding;\n}\n\nexport interface IGroupMarkSpec extends IFillMarkSpec {\n  /**\n   * 是否开启裁剪\n   */\n  clip?: boolean;\n  /**\n   * 宽度\n   */\n  width?: number;\n  /**\n   * 高度\n   */\n  height?: number;\n  /**\n   * 圆角配置。\n   * 1. 如果传入数值，则统一为四个角设置圆角\n   * 2. 如果传入数组，则分别为 [上左, 上右, 下右, 下左]\n   */\n  cornerRadius?: number | number[];\n}\n\nexport interface IPolygonMarkSpec extends ICommonSpec, IFillMarkSpec {\n  /**\n   * 顶点坐标\n   */\n  points?: IPoint[];\n  /**\n   * 圆角配置，支持数组配置，数组的顺序同组成 polygon 的顺序对应\n   */\n  cornerRadius?: number | number[];\n  /**\n   * x方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleX?: number;\n  /**\n   * y方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleY?: number;\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  /**\n   * 渐变色的偏移量，0-1的值\n   */\n  offset: GradientPropValue<number>;\n  /**\n   * 渐变色的颜色\n   */\n  color?: GradientPropValue<string>;\n  /**\n   * 渐变色的透明度\n   */\n  opacity?: number;\n};\nexport interface IGradientLinear {\n  /**\n   * 渐变色的起点x坐标，0-1的值，相对于图形包围盒x方向取值的比例值\n   */\n  x0?: GradientPropValue<number>;\n  /**\n   * 渐变色的起点y坐标，0-1的值，相对于图形包围盒y方向取值的比例值\n   */\n  y0?: GradientPropValue<number>;\n  /**\n   * 渐变色的终点x坐标，0-1的值，相对于图形包围盒x方向取值的比例值\n   */\n  x1?: GradientPropValue<number>;\n  /**\n   * 渐变色的终点y坐标，0-1的值，相对于图形包围盒y方向取值的比例值\n   */\n  y1?: GradientPropValue<number>;\n  /**\n   * 渐变色的颜色\n   */\n  stops: GradientStop[];\n  /**\n   * 渐变色的类型设置为 'linear'，即线形渐变\n   */\n  gradient: 'linear';\n}\n\nexport interface IGradientRadial {\n  /**\n   * 径向渐变的起点的半径\n   */\n  r0?: GradientPropValue<number>;\n  /**\n   * 径向渐变的起点的x坐标\n   */\n  x0?: GradientPropValue<number>;\n  /**\n   * 径向渐变的起点的y坐标\n   */\n  y0?: GradientPropValue<number>;\n  /**\n   * 径向渐变的终点的x坐标\n   */\n  x1?: GradientPropValue<number>;\n  /**\n   * 径向渐变的终点的y坐标\n   */\n  y1?: GradientPropValue<number>;\n  /**\n   * 径向渐变的终点的半径\n   */\n  r1?: GradientPropValue<number>;\n  /**\n   * 渐变色的颜色\n   */\n  stops: GradientStop[];\n  /**\n   * 渐变色的类型设置为 'radial'，即径向渐变\n   */\n  gradient: 'radial';\n}\n\nexport interface IGradientConical {\n  /**\n   * 锥形渐变的中心点x坐标\n   */\n  x?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的中心点y坐标\n   */\n  y?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的开始角度\n   */\n  startAngle?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的结束角度\n   */\n  endAngle?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的颜色\n   */\n  stops: GradientStop[];\n  /**\n   * 渐变色的类型设置为 'conical'，即锥形渐变\n   */\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' | 'filled-line';\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\nexport interface IImageMarkSpec extends IFillMarkSpec {\n  /**\n   * 圆角配置。\n   * 1. 如果传入数值，则统一为四个角设置圆角\n   * 2. 如果传入数组，则分别为 [上左, 上右, 下右, 下左]\n   */\n  cornerRadius?: number | number[];\n  /**\n   * 图片的宽度\n   */\n  width?: number;\n  /**\n   * 图片的高度\n   */\n  height?: number;\n  /**\n   * 当图片的宽度小于 width 时，图片的重复方式\n   */\n  repeatX?: IRepeatType;\n  /**\n   * 当图片的高度小于 height 时，图片的重复方式\n   */\n  repeatY?: IRepeatType;\n  /**\n   * 设置图片的内容，支持三种类型：\n   * 1. string类型，可以是图片资源的路径或者是svg 标签字符串\n   * 2. image 元素\n   * 3. canvas 元素\n   */\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n}\n\n/**\n * text\n */\nexport type TextAlign = TextAlignType;\nexport type TextBaseLine = TextBaselineType;\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 { PopTipAttributes } from '@visactor/vrender-components';\nimport 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 { IModelMarkAttributeContext } from '../compile/mark/interface';\nimport type { Datum } from './common';\nimport type { IPadding } from '@visactor/vutils';\nimport type { IColorKey } from '../theme/color-scheme/interface';\nimport type { ITokenKey } from '../theme/token/interface';\nimport type {\n  IRepeatType,\n  TextAlignType,\n  TextBaselineType,\n  IRichTextAttribute,\n  IGraphicStyle,\n  IColor\n} from '@visactor/vrender-core';\n\n// 基础的visual 对应 scale 的属性\nexport interface IVisualSpecBase<D, T> {\n  /**\n   * type of scale\n   */\n  type: ScaleType;\n  /**\n   * will set to scale.domain, it means input of scale\n   */\n  domain: D[];\n  /**\n   * will set to scale.range, it means output of scale\n   */\n  range: T[];\n  /**\n   * will set to scale.specified if scale support, as a key-value pair matching capability\n   * @since 1.1.0\n   */\n  specified?: { [key: string]: unknown };\n  /**\n   * enable clamp in linear scale\n   * If clamp is enabled, the return value of the scale is always within the scale’s range.\n   * @since 1.13.6\n   * @default false\n   */\n  clamp?: boolean;\n}\n// 用来给用户进行mark.style上的映射配置。所以要配置数据维度\nexport interface IVisualSpecStyle<D, T> extends IVisualSpecBase<D, T> {\n  /**\n   * 指定映射对应的数据字段\n   */\n  field?: string;\n}\n\nexport type IDataDomainSpec = {\n  /**\n   * 数据的id\n   */\n  dataId: string;\n  /**\n   * 数据字段\n   */\n  fields: string[];\n};\n\n// 用来提供给用户进行 scale 配置 所以名字是必选的 对用户配置\nexport interface IVisualSpecScale<D, T> extends Omit<IVisualSpecBase<D, T>, 'domain'> {\n  /**\n   * scale 的id\n   */\n  id: string;\n  /**\n   * 定义域范围\n   */\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> = (datum: Datum, context: IModelMarkAttributeContext, source?: DataView) => 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\n/**\n * border\n */\nexport interface IBorder {\n  /**\n   * 边框离图形边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 边框的颜色\n   */\n  stroke?: string | IGradient;\n  /**\n   * 边框的透明度\n   */\n  strokeOpacity?: number;\n  /**\n   * 边框线的宽度\n   */\n  lineWidth?: number;\n  /**\n   * 给边框配置虚线模式。它使用一组值来指定描述模式的线和间隙的交替长度\n   */\n  lineDash?: number[];\n  /**\n   * 设置边框的虚线偏移量\n   */\n  lineDashOffset?: number;\n}\n\nexport interface ICommonSpec {\n  /**\n   * 图形是否可见\n   */\n  visible?: boolean;\n  /**\n   * 图形的x坐标\n   */\n  x?: number;\n  /**\n   * 图形的y坐标\n   */\n  y?: number;\n  /**\n   * 图形的z坐标，仅适用于3D图表\n   */\n  z?: number;\n  /**\n   * 图形的描边颜色。\n   * 支持使用 'rgb(255,255,255)'，'rgba(255,255,255,1)'，'#fff' 等方式设置为纯色，也支持设置为渐变色描边\n   * @todo 隔离主题和 spec 配置\n   * IColorKey 类型只适用于主题\n   */\n  stroke?: string | IGradient | false | (number | boolean)[] | IColorKey | null;\n  /**\n   * 描边透明度\n   */\n  strokeOpacity?: number;\n  /**\n   * 图形的透明度，既影响描边也影响填充\n   */\n  opacity?: number;\n  /**\n   * 图形的描边宽度\n   */\n  lineWidth?: number;\n  /**\n   * 给描边配置虚线模式。它使用一组值来指定描述模式的线和间隙的交替长度\n   */\n  lineDash?: number[];\n  /**\n   * 设置虚线偏移量的属性\n   */\n  lineDashOffset?: number;\n  /**\n   * 设置图形的鼠标样式\n   */\n  cursor?: Cursor;\n  /**\n   * 设置图形的层级，主意这个是相对层级，图形引擎绘制的时候，会对相同group下的所有图形根据zIndex进行排序，然后从小到大进行渲染\n   */\n  zIndex?: number;\n  /**\n   * 图形的旋转角度\n   */\n  angle?: number;\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path的位置\n   */\n  anchor?: [number, number];\n\n  /**\n   * x方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleX?: number;\n  /**\n   * y方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleY?: number;\n  /**\n   * 图形缩放中心\n   * @since 1.4.0\n   * 可以配置固定坐标，例如 [100, 100]；或者百分比坐标，例如 ['50%', '50%']，代表以图元中心为缩放中心\n   * */\n  scaleCenter?: [number | string, number | string];\n\n  // 3d旋转的属性\n  /**\n   * x方向的旋转角度\n   */\n  alpha?: number;\n  /**\n   * y方向的旋转角度\n   */\n  beta?: number;\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d?: [number, number];\n\n  /**\n   * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n   */\n  pickMode?: 'accurate' | 'imprecise' | 'custom';\n  /**\n   * bounds的计算模式\n   */\n  boundsMode?: 'accurate' | 'imprecise';\n\n  /**\n   * 用于扩展描边的拾取范围，为 0 就是默认线宽，正数就加宽，负数就减宽\n   * @default 0\n   * @since 1.7.3\n   */\n  pickStrokeBuffer?: number;\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?: IBorder;\n  /**\n   * 内边框，内描边，描边位于图形内侧\n   */\n  innerBorder?: IBorder;\n  /**\n   * html 浮层，会将配置的html相关内容，绝对定位到图元的位置\n   * @experimental\n   * @since 1.10.0\n   */\n  html?: IMarkHtmlSpec;\n\n  [key: string]: any;\n}\n\nexport interface IFillMarkSpec extends ICommonSpec {\n  /**\n   * 图形的填充颜色\n   * @todo 隔离主题和 spec 配置\n   * IColorKey 类型只适用于主题\n   */\n  fill?: VisualType<string> | IGradient | false | IColorKey;\n  /**\n   * 填充的透明度\n   */\n  fillOpacity?: number;\n\n  /**\n   * 图形的背景色，支持纯色、image元素、canvas元素\n   */\n  background?: IColor | HTMLImageElement | HTMLCanvasElement | null;\n}\n\nexport type IMarkHtmlSpec = Partial<IGraphicStyle['html']>;\n\nexport interface ISymbolMarkSpec extends IFillMarkSpec {\n  /**\n   * x方向的偏移量\n   */\n  dx?: number;\n  /**\n   * y方向的偏移量\n   */\n  dy?: number;\n  /**\n   * 大小，相当于外接圆的半径\n   */\n  size?: number | number[];\n  /** 对外声明使用shape，vrender图形属性对应的是shape */\n  shape?: ShapeType | string;\n  /**\n   * 标记的类型\n   * FIXME:  vrender Symbol接收的图形属性，暂时都申明一下\n   * */\n  symbolType?: ShapeType | string;\n  /**\n   * x方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleX?: number;\n  /**\n   * y方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleY?: number;\n}\n\n// lineMark 和 areaMark 共同配置\nexport interface ILineLikeMarkSpec extends IFillMarkSpec {\n  /**\n   * 取消的差值类型，默认为线性插值，也就是普通的折线\n   */\n  curveType?: InterpolateType;\n  /**\n   * 设置点是否有效，也就是是否合法\n   */\n  defined?: boolean;\n}\n\nexport interface IAreaMarkSpec extends ILineLikeMarkSpec {\n  /**\n   * 面积的x1值\n   */\n  x1?: number;\n  /**\n   * 面积的y1值\n   */\n  y1?: number;\n  /**\n   * 面积图元的方向，\n   * horizontal - 水平方向\n   * vertical - 垂直方向\n   */\n  orient?: 'horizontal' | 'vertical';\n}\n\nexport interface ILineMarkSpec extends ILineLikeMarkSpec {\n  /**\n   * 指定如何绘制每一条线段末端的属性。有 3 个可能的值，分别是：'butt', 'round' and 'square'。默认值是 butt。\n   */\n  lineCap?: LineStrokeCap;\n  /**\n   * 用来设置 2 个长度不为 0 的相连部分（线段、圆弧、曲线）如何连接在一起的属性（长度为 0 的变形部分，其指定的末端和控制点在同一位置，会被忽略）。此属性有 3 个值： 'round', 'bevel' and 'miter'。默认值是 'miter'\n   */\n  lineJoin?: LineStrokeJoin;\n  /**\n   * 设置斜接面限制比例的属性。当获取属性值时，会返回当前的值（默认值是 10.0 ）。当给属性赋值时，0、负数、 Infinity 和 NaN 都会被忽略；除此之外都会被赋予一个新值。\n   */\n  miterLimit?: number;\n  /**\n   * stroke 的有界缓冲区\n   */\n  strokeBoundsBuffer?: number;\n}\n\nexport interface IRuleMarkSpec extends ILineMarkSpec {\n  /**\n   * 终点x坐标\n   */\n  x1?: number;\n  /**\n   * 终点y坐标\n   */\n  y1?: number;\n}\n\nexport interface ITextMarkSpec extends IFillMarkSpec {\n  /**\n   * 文字内容\n   */\n  text?: string | number | string[] | number[];\n  /**\n   * x 方向偏移\n   */\n  dx?: number;\n  /**\n   * y 方向偏移\n   */\n  dy?: number;\n  /**\n   * 字号\n   */\n  fontSize?: number | ITokenKey;\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  /**\n   * 文本省略的位置，默认尾部省略\n   * 1. 'start' 文字首部省略\n   * 2. 'middle' 文本中间省略\n   * 3. 'end' 文本尾部省略\n   * @default 'end'\n   * @since 1.7.3\n   */\n  suffixPosition?: 'start' | 'end' | 'middle';\n  /**\n   * 下划线\n   */\n  underline?: boolean;\n  /**\n   * 下划线的虚线样式\n   */\n  underlineDash?: number[];\n  /**\n   * 下划线的虚线偏移量\n   */\n  underlineOffset?: number;\n  /**\n   * 中划线\n   */\n  lineThrough?: boolean;\n  /**\n   * 行高（1.3.1 版本新增字符串类型表示比例值，如\"150%\"）\n   * @since 1.3.1\n   */\n  lineHeight?: number | string | ITokenKey;\n  /**\n   * poptip 相关配置\n   */\n  poptip?: PopTipAttributes;\n  /**\n   * 文本的排布方向，如果需要文本纵向排布，可以配置为 'vertical'\n   * @default 'horizontal'\n   */\n  direction?: 'horizontal' | 'vertical';\n  /*\n   * 单词断行\n   */\n  wordBreak?: 'break-word' | 'break-all' | 'keep-all';\n  /**\n   * 高度限制控制显示内容及省略号\n   */\n  heightLimit?: number;\n  /**\n   * 按照行数限制显示内容及省略号\n   */\n  lineClamp?: number;\n  /**\n   * 设置如何处理空白字符\n   */\n  whiteSpace?: 'normal' | 'no-wrap';\n}\n\nexport type IRichTextMarkSpec = IRichTextAttribute &\n  IFillMarkSpec & { type: 'rich'; text: IRichTextAttribute['textConfig'] };\n\nexport type IComposedTextMarkSpec = ITextMarkSpec | IRichTextMarkSpec;\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  /**\n   * 宽度\n   */\n  width?: number;\n  /**\n   * 高度\n   */\n  height?: number;\n  /**\n   * x方向终点坐标\n   */\n  x1?: number;\n  /**\n   * y方向终点坐标\n   */\n\n  y1?: number;\n}\n\nexport interface IBoxPlotMarkSpec extends ICommonSpec {\n  // ============ 数据统计值配置 ============\n  /**\n   * 最小值（箱线图的下限）\n   * 用于计算箱线图的下端须线位置\n   */\n  min?: (datum: Datum) => number;\n  /**\n   * 第一四分位数（Q1，25%分位数）\n   * 用于确定箱体的下边界\n   */\n  q1?: (datum: Datum) => number;\n  /**\n   * 中位数（Q2，50%分位数）\n   * 在箱体中绘制中位数线\n   */\n  median?: (datum: Datum) => number;\n  /**\n   * 第三四分位数（Q3，75%分位数）\n   * 用于确定箱体的上边界\n   */\n  q3?: (datum: Datum) => number;\n  /**\n   * 最大值（箱线图的上限）\n   * 用于计算箱线图的上端须线位置\n   */\n  max?: (datum: Datum) => number;\n\n  // ============ 样式形态配置 ============\n  /**\n   * 中轴线（须线）的绘制形状\n   * - 'line': 标准线条形式，绘制 shaft（连接线）、box（箱体）、max/min/median（线条）五个子图元\n   * - 'bar': 柱状形式，绘制 minMaxBox（最小-最大值矩形）、q1q3Box（Q1-Q3矩形）、median（中位数线）三个子图元\n   * - 'filled-line': 填充线条形式\n   * @default 'line'\n   */\n  shaftShape?: BoxPlotShaftShape;\n\n  // ============ 尺寸配置（shaftShape = 'line' / 'filled-line' 模式）============\n  /**\n   * 箱体的宽度（垂直箱线图）或高度（水平箱线图）\n   * 在 shaftShape = 'line' / 'filled-line' 模式下，控制 box 子图元的尺寸\n   * 支持像素值或百分比字符串（相对于分组宽度）\n   * @default 30\n   */\n  boxWidth?: number | string;\n  /**\n   * 箱体的高度（垂直箱线图）或宽度（水平箱线图）\n   * 在 shaftShape = 'line' / 'filled-line' 模式下使用\n   */\n  boxHeight?: number | string;\n  /**\n   * 最大/最小值须线的宽度（垂直箱线图）或高度（水平箱线图）\n   * 在 shaftShape = 'line' / 'filled-line' 模式下，控制 max/min 子图元的线条长度\n   * 支持像素值或百分比字符串\n   * @default 20\n   */\n  shaftWidth?: number | string;\n  /**\n   * 最大/最小值须线端点的宽度（垂直箱线图）或高度（水平箱线图）\n   * 在 shaftShape = 'line' / 'filled-line' 模式下使用\n   */\n  ruleWidth?: number | string;\n  /**\n   * 最大/最小值须线端点的高度（垂直箱线图）或宽度（水平箱线图）\n   * 在 shaftShape = 'line' / 'filled-line' 模式下使用\n   */\n  ruleHeight?: number | string;\n\n  // ============ 尺寸配置（shaftShape = 'bar' 模式）============\n  /**\n   * 最小-最大值矩形的宽度（垂直箱线图）或高度（水平箱线图）\n   * 在 shaftShape = 'bar' 模式下，控制 minMaxBox 子图元的尺寸\n   */\n  minMaxWidth?: number | string;\n  /**\n   * 最小-最大值矩形的高度（垂直箱线图）或宽度（水平箱线图）\n   * 在 shaftShape = 'bar' 模式下使用\n   */\n  minMaxHeight?: number | string;\n  /**\n   * Q1-Q3 四分位数矩形的宽度（垂直箱线图）或高度（水平箱线图）\n   * 在 shaftShape = 'bar' 模式下，控制 q1q3Box 子图元的尺寸\n   */\n  q1q3Width?: number | string;\n  /**\n   * Q1-Q3 四分位数矩形的高度（垂直箱线图）或宽度（水平箱线图）\n   * 在 shaftShape = 'bar' 模式下使用\n   */\n  q1q3Height?: number | string;\n\n  // ============ 样式配置 ============\n  /**\n   * 箱线图的描边宽度\n   * 在 shaftShape = 'line' / 'filled-line' 模式下影响所有线条的宽度\n   * 在 shaftShape = 'bar' 模式下，minMaxBox 和 q1q3Box 的 lineWidth 会被强制设为 0\n   * @default 2\n   */\n  lineWidth?: number;\n  /**\n   * 最小-最大值矩形的填充透明度\n   * 仅在 shaftShape = 'bar' 模式下生效，控制 minMaxBox 子图元的 fillOpacity\n   */\n  minMaxFillOpacity?: number;\n  /**\n   * 箱体的描边颜色\n   * 在 shaftShape = 'line' / 'filled-line' 模式下，控制 box 子图元的 stroke 属性\n   * @since 2.0.11\n   */\n  boxStroke?: string;\n  /**\n   * 中位数线的描边颜色\n   * 在 shaftShape = 'line' / 'filled-line' 模式下，控制 median 子图元的 stroke 属性\n   * @since 2.0.11\n   */\n  medianStroke?: string;\n  /**\n   * 箱体的圆角半径\n   * 在 shaftShape = 'line' / 'filled-line' 模式下，控制 box 子图元的 cornerRadius 属性\n   * @since 2.0.11\n   */\n  boxCornerRadius?: number;\n}\n\nexport interface IRippleMarkSpec extends ICommonSpec {\n  /**\n   * 波纹密度ripple\n   * ripple 取值范为[0,1]\n   */\n  ripple?: number;\n  /**\n   * 水波纹最大半径\n   */\n  size?: number;\n}\n\nexport interface ILiquidMarkSpec extends ICommonSpec {\n  /**\n   * 波浪的变化状态，范围为 [0, 1]\n   */\n  wave?: number;\n}\n\nexport interface ILiquidOutlineSpec extends ISymbolMarkSpec {\n  /**\n   * 描边的宽度\n   */\n  lineWidth: number;\n}\n\nexport interface IOutlierMarkSpec {\n  /**\n   * 异常点填充颜色\n   */\n  fill?: string;\n  /**\n   * 异常点大小\n   */\n  size?: number;\n}\n\nexport interface IPathMarkSpec extends IFillMarkSpec {\n  path?: string;\n  // TODO: 该属性后续可能会删除，未定\n  /**\n   * 平滑缩放，不然会发生跳变，在地图交互场景需要配置为true；常规path缩放不需要\n   */\n  smoothScale?: boolean;\n}\n\nexport interface ILinkPathMarkSpec extends IFillMarkSpec {\n  /**\n   * 连边起点的x坐标\n   */\n  x0?: number;\n  /**\n   * 连边起点的y坐标\n   */\n  y0?: number;\n  /**\n   * 连边终点的x坐标\n   */\n  x1?: number;\n  /**\n   * 连边终点的y坐标\n   */\n  y1?: number;\n  /**\n   * 连边的厚度，也可以理解为宽度\n   */\n  thickness?: number;\n  /**\n   * 连边的曲度，决定了连边的弯曲程度，取值范围为0-1，\n   * 0表示不弯曲，也就是直线\n   * 1表示最大的弯曲度，\n   * 默认值为0.5\n   */\n  curvature?: number;\n  /** round all the coordinates */\n  round?: boolean;\n  /** the ratio of normal style path */\n  ratio?: number;\n  /**\n   * 对齐方式\n   */\n  align?: 'start' | 'end' | 'center';\n  /**\n   * 连边的类型\n   *\n   */\n  pathType?: 'line' | 'smooth' | 'polyline';\n  /**\n   * 是否展示终点的箭头\n   */\n  endArrow?: boolean;\n  /**\n   * 是否展示起点的箭头\n   */\n  startArrow?: boolean;\n  /**\n   * 背景线的样式，主要用于部分高亮的场景\n   */\n  backgroundStyle?: any;\n  /**\n   * 连边的方向\n   */\n  direction?: 'horizontal' | 'vertical' | 'LR' | 'RL' | 'TB' | 'BL' | 'radial';\n}\n\n/**\n * arc图元的视觉通道配置\n */\nexport interface IArcMarkSpec extends IFillMarkSpec {\n  /**\n   * 圆弧的开始角度\n   */\n  startAngle?: number;\n  /**\n   * 圆弧的结束角度\n   */\n  endAngle?: number;\n  /**\n   * 间隙角度；间隔角度会转换为一个在两个相邻的弧之间的确定的线性距离，定义为 padRadius * | padAngle |\n   * 这个距离在弧的开始和结束处都是相等的；\n   * 间隔角度通常只应用于环形扇区（即当内半径大于 0）\n   */\n  padAngle?: number;\n\n  /**\n   * 外径，既外半径\n   */\n  outerRadius?: number;\n  /**\n   * 内径，既内半径\n   */\n  innerRadius?: number;\n  /**\n   * 圆角\n   */\n  cornerRadius?: number;\n  /**\n   * 内边距\n   */\n  innerPadding?: number;\n  /**\n   * 外边距\n   */\n  outerPadding?: number;\n  /**\n   * arc的中心点偏移距离，一般是通过在交互状态下设置这个属性来实现将扇区移出中心的一个效果\n   */\n  centerOffset?: number;\n  /**\n   * arc 的 roundCap 属性，即圆角是否伸出 startAngle 和 endAngle 之外\n   */\n  cap?: boolean | [boolean, boolean];\n  /**\n   * arc 在 roundCap 打开且应用环形渐变时是否对 cap 部分生效\n   */\n  autoCapConical?: boolean;\n}\n\nexport interface ICellMarkSpec extends ISymbolMarkSpec {\n  /**\n   * 内边距\n   */\n  padding?: number | number[] | IPadding;\n}\n\nexport interface IGroupMarkSpec extends IFillMarkSpec {\n  /**\n   * 是否开启裁剪\n   */\n  clip?: boolean;\n  /**\n   * 宽度\n   */\n  width?: number;\n  /**\n   * 高度\n   */\n  height?: number;\n  /**\n   * 圆角配置。\n   * 1. 如果传入数值，则统一为四个角设置圆角\n   * 2. 如果传入数组，则分别为 [上左, 上右, 下右, 下左]\n   */\n  cornerRadius?: number | number[];\n}\n\nexport interface IPolygonMarkSpec extends ICommonSpec, IFillMarkSpec {\n  /**\n   * 顶点坐标\n   */\n  points?: IPoint[];\n  /**\n   * 圆角配置，支持数组配置，数组的顺序同组成 polygon 的顺序对应\n   */\n  cornerRadius?: number | number[];\n  /**\n   * x方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleX?: number;\n  /**\n   * y方向的缩放比例，默认为1，即不进行缩放\n   */\n  scaleY?: number;\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  /**\n   * 渐变色的偏移量，0-1的值\n   */\n  offset: GradientPropValue<number>;\n  /**\n   * 渐变色的颜色\n   */\n  color?: GradientPropValue<string>;\n  /**\n   * 渐变色的透明度\n   */\n  opacity?: number;\n};\nexport interface IGradientLinear {\n  /**\n   * 渐变色的起点x坐标，0-1的值，相对于图形包围盒x方向取值的比例值\n   */\n  x0?: GradientPropValue<number>;\n  /**\n   * 渐变色的起点y坐标，0-1的值，相对于图形包围盒y方向取值的比例值\n   */\n  y0?: GradientPropValue<number>;\n  /**\n   * 渐变色的终点x坐标，0-1的值，相对于图形包围盒x方向取值的比例值\n   */\n  x1?: GradientPropValue<number>;\n  /**\n   * 渐变色的终点y坐标，0-1的值，相对于图形包围盒y方向取值的比例值\n   */\n  y1?: GradientPropValue<number>;\n  /**\n   * 渐变色的颜色\n   */\n  stops: GradientStop[];\n  /**\n   * 渐变色的类型设置为 'linear'，即线形渐变\n   */\n  gradient: 'linear';\n}\n\nexport interface IGradientRadial {\n  /**\n   * 径向渐变的起点的半径\n   */\n  r0?: GradientPropValue<number>;\n  /**\n   * 径向渐变的起点的x坐标\n   */\n  x0?: GradientPropValue<number>;\n  /**\n   * 径向渐变的起点的y坐标\n   */\n  y0?: GradientPropValue<number>;\n  /**\n   * 径向渐变的终点的x坐标\n   */\n  x1?: GradientPropValue<number>;\n  /**\n   * 径向渐变的终点的y坐标\n   */\n  y1?: GradientPropValue<number>;\n  /**\n   * 径向渐变的终点的半径\n   */\n  r1?: GradientPropValue<number>;\n  /**\n   * 渐变色的颜色\n   */\n  stops: GradientStop[];\n  /**\n   * 渐变色的类型设置为 'radial'，即径向渐变\n   */\n  gradient: 'radial';\n}\n\nexport interface IGradientConical {\n  /**\n   * 锥形渐变的中心点x坐标\n   */\n  x?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的中心点y坐标\n   */\n  y?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的开始角度\n   */\n  startAngle?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的结束角度\n   */\n  endAngle?: GradientPropValue<number>;\n  /**\n   * 锥形渐变的颜色\n   */\n  stops: GradientStop[];\n  /**\n   * 渐变色的类型设置为 'conical'，即锥形渐变\n   */\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' | 'filled-line';\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\nexport interface IImageMarkSpec extends IFillMarkSpec {\n  /**\n   * 圆角配置。\n   * 1. 如果传入数值，则统一为四个角设置圆角\n   * 2. 如果传入数组，则分别为 [上左, 上右, 下右, 下左]\n   */\n  cornerRadius?: number | number[];\n  /**\n   * 图片的宽度\n   */\n  width?: number;\n  /**\n   * 图片的高度\n   */\n  height?: number;\n  /**\n   * 当图片的宽度小于 width 时，图片的重复方式\n   */\n  repeatX?: IRepeatType;\n  /**\n   * 当图片的高度小于 height 时，图片的重复方式\n   */\n  repeatY?: IRepeatType;\n  /**\n   * 设置图片的内容，支持三种类型：\n   * 1. string类型，可以是图片资源的路径或者是svg 标签字符串\n   * 2. image 元素\n   * 3. canvas 元素\n   */\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n}\n\n/**\n * text\n */\nexport type TextAlign = TextAlignType;\nexport type TextBaseLine = TextBaselineType;\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/esm/chart/index.js

@@ -69,4 +69,4 @@ export { AreaChart, BarChart, BarChartSpecTransformer, BoxPlotChart, CirclePacki
 export { registerLineChart, registerAreaChart, registerBarChart, registerBoxplotChart, registerCirclePackingChart, registerCircularProgressChart, registerCommonChart, registerFunnelChart, registerGaugeChart, registerHeatmapChart, registerHistogramChart, registerLinearProgressChart, registerMapChart, registerPieChart, registerRadarChart, registerRangeAreaChart, registerRangeColumnChart, registerRoseChart, registerSankeyChart, registerScatterChart, registerSequenceChart, registerSunburstChart, registerTreemapChart, registerWaterfallChart, registerWordCloudChart, registerCorrelationChart, registerLiquidChart, registerWordCloudShapeChart, registerVennChart, registerMosaicChart };
 
 export { setDefaultCrosshairForCartesianChart } from "./util";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/chart/stack.js

@@ -48,4 +48,4 @@ export class StackChartMixin {
         this._stack = new Stack(this), this._stack.init();
     }
 }
-//# sourceMappingURL=stack.js.map
+//# sourceMappingURL=stack.js.map

package/esm/chart/util.js

@@ -68,4 +68,4 @@ export function getTrimPaddingConfig(chartType, spec) {
         paddingOuter: 0
     };
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/constant/attribute.js

@@ -7,5 +7,4 @@ export var AttributeLevel;
     AttributeLevel[AttributeLevel.User_Chart = 6] = "User_Chart", AttributeLevel[AttributeLevel.User_Series = 7] = "User_Series", 
     AttributeLevel[AttributeLevel.User_Mark = 8] = "User_Mark", AttributeLevel[AttributeLevel.User_SeriesStyle = 9] = "User_SeriesStyle", 
     AttributeLevel[AttributeLevel.Built_In = 99] = "Built_In";
-}(AttributeLevel || (AttributeLevel = {}));
-//# sourceMappingURL=attribute.js.map
+}(AttributeLevel || (AttributeLevel = {}));

package/esm/constant/correlation.js

@@ -4,4 +4,5 @@ export const CORRELATION_X = `${PREFIX}_CORRELATION_X`;
 
 export const CORRELATION_Y = `${PREFIX}_CORRELATION_Y`;
 
-export const CORRELATION_SIZE = `${PREFIX}_CORRELATION_SIZE`;
+export const CORRELATION_SIZE = `${PREFIX}_CORRELATION_SIZE`;
+//# sourceMappingURL=correlation.js.map

package/esm/constant/waterfall.js

@@ -1,4 +1,3 @@
 import { PREFIX } from "./base";
 
-export const WaterfallDefaultSeriesField = `${PREFIX}_waterfall_default_seriesField`;
-//# sourceMappingURL=waterfall.js.map
+export const WaterfallDefaultSeriesField = `${PREFIX}_waterfall_default_seriesField`;

package/esm/core/factory.js

@@ -189,4 +189,5 @@ Factory.registerInteractionTrigger = (interactionType, interaction) => {
 }, Factory.createTooltipProcessor = (type, tooltip) => {
     const Cror = Factory._tooltipProcessors[type];
     return Cror ? new Cror(tooltip) : null;
-};
+};
+//# sourceMappingURL=factory.js.map

package/esm/core/index.d.ts

@@ -1,7 +1,7 @@
 import { VChart } from './vchart';
 import { Factory } from './factory';
 export { VChart, Factory };
-export declare const version = "2.0.10";
+export declare const version = "2.0.11";
 export type { IVChart } from './interface';
 export type { IStateSpec, StateValueType } from '../compile/mark';
 export type { IRegion } from '../region/interface';

package/esm/core/index.js

@@ -4,7 +4,7 @@ import { Factory } from "./factory";
 
 export { VChart, Factory };
 
-export const version = "2.0.10";
+export const version = "2.0.11";
 
 export * from "../event/interface";
 

package/esm/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAG3B,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAOhC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAI3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGtE,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,6BAA6B,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"2.0.10\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport type { IRegion } from '../region/interface';\n\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from '../model/interface';\n\nexport * from './interface';\nexport * from '../typings';\nexport type { IMarkGraphic, IGraphicContext } from '../mark/interface/';\n\n// some constants\nexport * from '../constant/base';\nexport * from '../constant/data';\nexport * from '../constant/layout';\nexport { AttributeLevel } from '../constant/attribute';\nexport { TransformLevel } from '../data/initialize';\nexport { STATE_VALUE_ENUM } from '../compile/mark/interface';\nexport { ChartEvent } from '../constant/event';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\nexport * from '../typings/visual';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport {\n  vglobal,\n  createGroup,\n  createRichText,\n  createText,\n  createArc,\n  createArea,\n  createRect,\n  createLine,\n  createSymbol\n} from '@visactor/vrender-core';\nexport { ManualTicker, StreamLight } from '@visactor/vrender-animate';\n\n// utils\nexport * from '../util/space';\nexport { transformToGraphic } from '../util/style';\nexport { getSpecInfo } from '../component/util';\nexport { registerDataSetInstanceParser, registerDataSetInstanceTransform } from '../data/register';\nexport { lookup } from '../data/transforms/lookup';\nexport { warn } from '../util/debug';\nexport { measureText } from '../util/text';\n"]}
+{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAG3B,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAOhC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAI3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGtE,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,6BAA6B,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"2.0.11\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport type { IRegion } from '../region/interface';\n\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from '../model/interface';\n\nexport * from './interface';\nexport * from '../typings';\nexport type { IMarkGraphic, IGraphicContext } from '../mark/interface/';\n\n// some constants\nexport * from '../constant/base';\nexport * from '../constant/data';\nexport * from '../constant/layout';\nexport { AttributeLevel } from '../constant/attribute';\nexport { TransformLevel } from '../data/initialize';\nexport { STATE_VALUE_ENUM } from '../compile/mark/interface';\nexport { ChartEvent } from '../constant/event';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\nexport * from '../typings/visual';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport {\n  vglobal,\n  createGroup,\n  createRichText,\n  createText,\n  createArc,\n  createArea,\n  createRect,\n  createLine,\n  createSymbol\n} from '@visactor/vrender-core';\nexport { ManualTicker, StreamLight } from '@visactor/vrender-animate';\n\n// utils\nexport * from '../util/space';\nexport { transformToGraphic } from '../util/style';\nexport { getSpecInfo } from '../component/util';\nexport { registerDataSetInstanceParser, registerDataSetInstanceTransform } from '../data/register';\nexport { lookup } from '../data/transforms/lookup';\nexport { warn } from '../util/debug';\nexport { measureText } from '../util/text';\n"]}

package/esm/core/vchart.js

@@ -995,4 +995,4 @@ export const registerVChartCore = () => {
 Factory.registerRegion("region", Region), Factory.registerLayout("base", Layout), 
 registerGroupMark(), registerGesturePlugin(), registerElementHighlight(), registerElementSelect(), 
 registerTheme(darkTheme.name, darkTheme);
-//# sourceMappingURL=vchart.js.map
+//# sourceMappingURL=vchart.js.map

package/esm/data/initialize.js

@@ -81,4 +81,4 @@ export var TransformLevel;
     TransformLevel[TransformLevel.linkDotInfo = -7] = "linkDotInfo", TransformLevel[TransformLevel.sankeyLayout = -7] = "sankeyLayout", 
     TransformLevel[TransformLevel.dataZoomFilter = -6] = "dataZoomFilter", TransformLevel[TransformLevel.legendFilter = -5] = "legendFilter";
 }(TransformLevel || (TransformLevel = {}));
-//# sourceMappingURL=initialize.js.map
+//# sourceMappingURL=initialize.js.map

package/esm/data/register.js

@@ -5,4 +5,4 @@ export function registerDataSetInstanceTransform(dataSet, name, transform) {
 export function registerDataSetInstanceParser(dataSet, name, parse) {
     dataSet.getParser(name) || dataSet.registerParser(name, parse);
 }
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/esm/data/transforms/box-plot.d.ts

@@ -1,5 +1,6 @@
 export interface IBoxPlotOutlierOpt {
     dimensionField: string[];
     outliersField: string;
+    seriesField?: string;
 }
 export declare const foldOutlierData: (data: Array<DataView>, op: IBoxPlotOutlierOpt) => any;

package/esm/data/transforms/box-plot.js

@@ -1,9 +1,9 @@
-import { isArray } from "@visactor/vutils";
+import { isArray, isValid } from "@visactor/vutils";
 
 import { BOX_PLOT_OUTLIER_VALUE_FIELD } from "../../constant/box-plot";
 
 export const foldOutlierData = (data, op) => {
-    const result = [], {outliersField: outliersField, dimensionField: dimensionField} = op;
+    const result = [], {outliersField: outliersField, dimensionField: dimensionField, seriesField: seriesField} = op;
     return (data[0].latestData || []).forEach((d => {
         let outlierValues = d[outliersField];
         isArray(outlierValues) || (outlierValues = [ outlierValues ]), result.push(...outlierValues.map((v => {
@@ -12,7 +12,7 @@ export const foldOutlierData = (data, op) => {
             };
             return dimensionField.forEach((field => {
                 resData[field] = d[field];
-            })), resData;
+            })), isValid(seriesField) && (resData[seriesField] = d[seriesField]), resData;
         })));
     })), result;
 };

package/esm/data/transforms/box-plot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/data/transforms/box-plot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AAavE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAqB,EAAE,EAAsB,EAAE,EAAE;IAC/E,MAAM,MAAM,GAAQ,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;IAC7C,MAAM,UAAU,GAAI,IAAI,CAAC,CAAC,CAAS,CAAC,UAAU,IAAI,EAAE,CAAC;IACrD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAQ,EAAE,EAAE;QAC9B,IAAI,aAAa,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC;QACrC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAC3B,aAAa,GAAG,CAAC,aAAa,CAAC,CAAC;SACjC;QACD,MAAM,CAAC,IAAI,CACT,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE;YAC9B,MAAM,OAAO,GAAG;gBACd,CAAC,4BAA4B,CAAC,EAAE,CAAC;aAClC,CAAC;YACF,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;YACH,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","file":"box-plot.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport { BOX_PLOT_OUTLIER_VALUE_FIELD } from '../../constant/box-plot';\nimport type { Datum } from '../../typings';\n\nexport interface IBoxPlotOutlierOpt {\n  dimensionField: string[];\n  outliersField: string;\n}\n/**\n * 将箱型图outlier数组展平\n * @param data\n * @param options\n * @returns\n */\nexport const foldOutlierData = (data: Array<DataView>, op: IBoxPlotOutlierOpt) => {\n  const result: any = [];\n  const { outliersField, dimensionField } = op;\n  const latestData = (data[0] as any).latestData || [];\n  latestData.forEach((d: Datum) => {\n    let outlierValues = d[outliersField];\n    if (!isArray(outlierValues)) {\n      outlierValues = [outlierValues];\n    }\n    result.push(\n      ...outlierValues.map((v: any) => {\n        const resData = {\n          [BOX_PLOT_OUTLIER_VALUE_FIELD]: v\n        };\n        dimensionField.forEach(field => {\n          resData[field] = d[field];\n        });\n        return resData;\n      })\n    );\n  });\n  return result;\n};\n"]}
+{"version":3,"sources":["../src/data/transforms/box-plot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AAcvE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAqB,EAAE,EAAsB,EAAE,EAAE;IAC/E,MAAM,MAAM,GAAQ,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC;IAC1D,MAAM,UAAU,GAAI,IAAI,CAAC,CAAC,CAAS,CAAC,UAAU,IAAI,EAAE,CAAC;IAErD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAQ,EAAE,EAAE;QAC9B,IAAI,aAAa,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC;QACrC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAC3B,aAAa,GAAG,CAAC,aAAa,CAAC,CAAC;SACjC;QACD,MAAM,CAAC,IAAI,CACT,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE;YAC9B,MAAM,OAAO,GAAG;gBACd,CAAC,4BAA4B,CAAC,EAAE,CAAC;aAClC,CAAC;YACF,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC5B,OAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,CAAC,CAAC;YAEH,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE;gBACvB,OAAe,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;aAChD;YAED,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","file":"box-plot.js","sourcesContent":["import { isArray, isValid } from '@visactor/vutils';\nimport { BOX_PLOT_OUTLIER_VALUE_FIELD } from '../../constant/box-plot';\nimport type { Datum } from '../../typings';\n\nexport interface IBoxPlotOutlierOpt {\n  dimensionField: string[];\n  outliersField: string;\n  seriesField?: string;\n}\n/**\n * 将箱型图outlier数组展平\n * @param data\n * @param options\n * @returns\n */\nexport const foldOutlierData = (data: Array<DataView>, op: IBoxPlotOutlierOpt) => {\n  const result: any = [];\n  const { outliersField, dimensionField, seriesField } = op;\n  const latestData = (data[0] as any).latestData || [];\n\n  latestData.forEach((d: Datum) => {\n    let outlierValues = d[outliersField];\n    if (!isArray(outlierValues)) {\n      outlierValues = [outlierValues];\n    }\n    result.push(\n      ...outlierValues.map((v: any) => {\n        const resData = {\n          [BOX_PLOT_OUTLIER_VALUE_FIELD]: v\n        };\n        dimensionField.forEach(field => {\n          (resData as any)[field] = d[field];\n        });\n\n        if (isValid(seriesField)) {\n          (resData as any)[seriesField] = d[seriesField];\n        }\n\n        return resData;\n      })\n    );\n  });\n  return result;\n};\n"]}

package/esm/mark/box-plot.js

@@ -138,7 +138,23 @@ export class BoxPlotMark extends GlyphMark {
                     y: 0
                 }
             }
-        }, this._positionChannels = BOX_PLOT_CHANNELS, this._channelEncoder = null, this._positionEncoder = (glyphAttrs, datum, g) => {
+        }, this._positionChannels = BOX_PLOT_CHANNELS, this._channelEncoder = {
+            boxStroke: val => ({
+                box: {
+                    stroke: val
+                }
+            }),
+            medianStroke: val => ({
+                median: {
+                    stroke: val
+                }
+            }),
+            boxCornerRadius: val => ({
+                box: {
+                    cornerRadius: val
+                }
+            })
+        }, this._positionEncoder = (glyphAttrs, datum, g) => {
             var _a;
             const {x: x = g.attribute.x, y: y = g.attribute.y, boxWidth: boxWidth = g.attribute.boxWidth, boxHeight: boxHeight = g.attribute.boxHeight, ruleWidth: ruleWidth = g.attribute.ruleWidth, ruleHeight: ruleHeight = g.attribute.ruleHeight, q1: q1 = g.attribute.q1, q3: q3 = g.attribute.q3, min: min = g.attribute.min, max: max = g.attribute.max, median: median = g.attribute.median, angle: angle} = glyphAttrs, isH = this._isHorizontal(), attributes = {};
             if (isH ? (attributes.box = {

package/esm/mark/box-plot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/box-plot.ts"],"names":[],"mappings":"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","file":"box-plot.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { BoxPlotShaftShape, IBoxPlotMarkSpec } from '../typings/visual';\nimport type { IBoxPlotMark, IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { createLine, createRect, type IGlyph, type ILineGraphicAttribute } from '@visactor/vrender-core';\nimport { GlyphMark, registerGlyphMark } from './glyph';\nimport type { Datum } from '../typings/common';\nimport { isValidNumber } from '@visactor/vutils';\nimport { registerLine, registerRect } from '@visactor/vrender-kits';\n\nconst BAR_BOX_PLOT_CHANNELS = [\n  'x',\n  'y',\n  'minMaxWidth',\n  'minMaxHeight',\n  'q1q3Width',\n  'q1q3Height',\n  'q1',\n  'q3',\n  'min',\n  'max',\n  'median',\n  'angle'\n];\n\nconst BOX_PLOT_CHANNELS = [\n  'x',\n  'y',\n  'boxWidth',\n  'boxHeight',\n  'ruleWidth',\n  'ruleHeight',\n  'q1',\n  'q3',\n  'min',\n  'max',\n  'median',\n  'angle'\n];\n\nexport class BoxPlotMark\n  extends GlyphMark<IBoxPlotMarkSpec, { direction?: 'horizontal' | 'vertical'; shaftShape?: BoxPlotShaftShape }>\n  implements IBoxPlotMark\n{\n  static readonly type = MarkTypeEnum.boxPlot;\n  readonly type = BoxPlotMark.type;\n\n  protected _isHorizontal() {\n    return this._glyphConfig && this._glyphConfig.direction === 'horizontal';\n  }\n\n  setGlyphConfig(cfg: { direction?: 'horizontal' | 'vertical'; shaftShape?: BoxPlotShaftShape }): void {\n    super.setGlyphConfig(cfg);\n\n    if (cfg.shaftShape === 'bar') {\n      this._subMarks = {\n        minMaxBox: {\n          type: 'rect',\n          defaultAttributes: {\n            lineWidth: 0\n          }\n        },\n        q1q3Box: {\n          type: 'rect',\n          defaultAttributes: {\n            lineWidth: 0\n          }\n        },\n        median: {\n          type: 'line',\n          defaultAttributes: { x: 0, y: 0 }\n        }\n      };\n      this._positionChannels = BAR_BOX_PLOT_CHANNELS;\n      this._channelEncoder = {\n        minMaxFillOpacity: (val: number) => ({ minMaxBox: { fillOpacity: val } }),\n        lineWidth: (val: number) => ({ minMaxBox: { lineWidth: 0 }, q1q3Box: { lineWidth: 0 } }),\n        stroke: (val: number) => ({ minMaxBox: { stroke: false }, q1q3Box: { stroke: false } })\n      };\n\n      this._positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n        const {\n          x = g.attribute.x,\n          y = g.attribute.y,\n          minMaxWidth = (g.attribute as any).minMaxWidth,\n          minMaxHeight = (g.attribute as any).minMaxHeight,\n          q1q3Width = (g.attribute as any).q1q3Width,\n          q1q3Height = (g.attribute as any).q1q3Height,\n          q1 = (g.attribute as any).q1,\n          q3 = (g.attribute as any).q3,\n          min = (g.attribute as any).min,\n          max = (g.attribute as any).max,\n          median = (g.attribute as any).median,\n          angle\n        } = glyphAttrs;\n        const isH = this._isHorizontal();\n\n        const attributes: any = {};\n\n        if (isH) {\n          attributes.minMaxBox = {\n            x: min,\n            x1: max,\n            y: y - minMaxHeight / 2,\n            y1: y + minMaxHeight / 2\n          };\n          attributes.q1q3Box = {\n            x: q1,\n            x1: q3,\n            y: y - q1q3Height / 2,\n            y1: y + q1q3Height / 2\n          };\n\n          attributes.median = {\n            points: [\n              {\n                x: median,\n                y: y - q1q3Height / 2\n              },\n              {\n                x: median,\n                y: y + q1q3Height / 2\n              }\n            ]\n          };\n        } else {\n          attributes.minMaxBox = {\n            y: min,\n            y1: max,\n            x: x - minMaxWidth / 2,\n            x1: x + minMaxWidth / 2\n          };\n          attributes.q1q3Box = {\n            y: q1,\n            y1: q3,\n            x: x - q1q3Width / 2,\n            x1: x + q1q3Width / 2\n          };\n\n          attributes.median = {\n            points: [\n              {\n                y: median,\n                x: x - q1q3Width / 2\n              },\n              {\n                y: median,\n                x: x + q1q3Width / 2\n              }\n            ]\n          };\n        }\n\n        if (isValidNumber(angle)) {\n          const anchor = glyphAttrs.anchor ?? (isH ? [(min + max) / 2, y] : [x, (min + max) / 2]);\n          Object.keys(attributes).forEach(key => {\n            attributes[key].angle = angle;\n            attributes[key].anchor = anchor;\n          });\n        }\n\n        return attributes;\n      };\n    } else {\n      this._subMarks = {\n        shaft: { type: 'line', defaultAttributes: { x: 0, y: 0 } },\n        box: { type: 'rect' },\n        max: { type: 'line', defaultAttributes: { x: 0, y: 0 } },\n        min: { type: 'line', defaultAttributes: { x: 0, y: 0 } },\n        median: { type: 'line', defaultAttributes: { x: 0, y: 0 } }\n      };\n      this._positionChannels = BOX_PLOT_CHANNELS;\n      this._channelEncoder = null;\n      this._positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n        const {\n          x = g.attribute.x,\n          y = g.attribute.y,\n          boxWidth = (g.attribute as any).boxWidth,\n          boxHeight = (g.attribute as any).boxHeight,\n          ruleWidth = (g.attribute as any).ruleWidth,\n          ruleHeight = (g.attribute as any).ruleHeight,\n          q1 = (g.attribute as any).q1,\n          q3 = (g.attribute as any).q3,\n          min = (g.attribute as any).min,\n          max = (g.attribute as any).max,\n          median = (g.attribute as any).median,\n          angle\n        } = glyphAttrs;\n        const isH = this._isHorizontal();\n\n        const attributes: any = {};\n\n        if (isH) {\n          attributes.box = {\n            x: q1,\n            x1: q3,\n            y: y - boxHeight / 2,\n            y1: y + boxHeight / 2\n          };\n          attributes.median = {\n            points: [\n              {\n                x: median,\n                y: y - boxHeight / 2\n              },\n              {\n                x: median,\n                y: y + boxHeight / 2\n              }\n            ]\n          };\n          attributes.shaft = {\n            points: [\n              {\n                x: min,\n                y: y\n              },\n              {\n                x: max,\n                y: y\n              }\n            ]\n          };\n          attributes.max = {\n            points: [\n              {\n                x: max,\n                y: y - ruleHeight / 2\n              },\n              {\n                x: max,\n                y: y + ruleHeight / 2\n              }\n            ]\n          };\n          attributes.min = {\n            points: [\n              {\n                x: min,\n                y: y - ruleHeight / 2\n              },\n              {\n                x: min,\n                y: y + ruleHeight / 2\n              }\n            ]\n          };\n        } else {\n          attributes.box = {\n            x: x - boxWidth / 2,\n            x1: x + boxWidth / 2,\n            y: q1,\n            y1: q3\n          };\n          attributes.median = {\n            points: [\n              {\n                x: x - boxWidth / 2,\n                y: median\n              },\n              {\n                x: x + boxWidth / 2,\n                y: median\n              }\n            ]\n          };\n\n          attributes.max = {\n            points: [\n              {\n                x: x - ruleWidth / 2,\n                y: max\n              },\n              {\n                x: x + ruleWidth / 2,\n                y: max\n              }\n            ]\n          };\n          attributes.min = {\n            points: [\n              {\n                x: x - ruleWidth / 2,\n                y: min\n              },\n              {\n                x: x + ruleWidth / 2,\n                y: min\n              }\n            ]\n          };\n          attributes.shaft = {\n            points: [\n              {\n                x: x,\n                y: min\n              },\n              {\n                x: x,\n                y: max\n              }\n            ]\n          };\n        }\n\n        if (isValidNumber(angle)) {\n          const anchor = glyphAttrs.anchor ?? (isH ? [(min + max) / 2, y] : [x, (min + max) / 2]);\n          Object.keys(attributes).forEach(key => {\n            attributes[key].angle = angle;\n            attributes[key].anchor = anchor;\n          });\n        }\n\n        return attributes;\n      };\n    }\n  }\n\n  setDataLabelType() {\n    return 'symbol';\n  }\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IBoxPlotMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 2,\n      boxWidth: 30,\n      shaftWidth: 20,\n      shaftShape: 'line'\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerBoxPlotMark = () => {\n  registerGlyphMark();\n  registerLine();\n  registerRect();\n  Factory.registerGraphicComponent('line', (attrs: ILineGraphicAttribute) => createLine(attrs));\n  Factory.registerGraphicComponent('rect', (attrs: ILineGraphicAttribute) => createRect(attrs));\n  Factory.registerMark(BoxPlotMark.type, BoxPlotMark);\n};\n"]}
+{"version":3,"sources":["../src/mark/box-plot.ts"],"names":[],"mappings":"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","file":"box-plot.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { BoxPlotShaftShape, IBoxPlotMarkSpec } from '../typings/visual';\nimport type { IBoxPlotMark, IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { createLine, createRect, type IGlyph, type ILineGraphicAttribute } from '@visactor/vrender-core';\nimport { GlyphMark, registerGlyphMark } from './glyph';\nimport type { Datum } from '../typings/common';\nimport { isValidNumber } from '@visactor/vutils';\nimport { registerLine, registerRect } from '@visactor/vrender-kits';\n\nconst BAR_BOX_PLOT_CHANNELS = [\n  'x',\n  'y',\n  'minMaxWidth',\n  'minMaxHeight',\n  'q1q3Width',\n  'q1q3Height',\n  'q1',\n  'q3',\n  'min',\n  'max',\n  'median',\n  'angle'\n];\n\nconst BOX_PLOT_CHANNELS = [\n  'x',\n  'y',\n  'boxWidth',\n  'boxHeight',\n  'ruleWidth',\n  'ruleHeight',\n  'q1',\n  'q3',\n  'min',\n  'max',\n  'median',\n  'angle'\n];\n\nexport class BoxPlotMark\n  extends GlyphMark<IBoxPlotMarkSpec, { direction?: 'horizontal' | 'vertical'; shaftShape?: BoxPlotShaftShape }>\n  implements IBoxPlotMark\n{\n  static readonly type = MarkTypeEnum.boxPlot;\n  readonly type = BoxPlotMark.type;\n\n  protected _isHorizontal() {\n    return this._glyphConfig && this._glyphConfig.direction === 'horizontal';\n  }\n\n  setGlyphConfig(cfg: { direction?: 'horizontal' | 'vertical'; shaftShape?: BoxPlotShaftShape }): void {\n    super.setGlyphConfig(cfg);\n\n    if (cfg.shaftShape === 'bar') {\n      this._subMarks = {\n        minMaxBox: {\n          type: 'rect',\n          defaultAttributes: {\n            lineWidth: 0\n          }\n        },\n        q1q3Box: {\n          type: 'rect',\n          defaultAttributes: {\n            lineWidth: 0\n          }\n        },\n        median: {\n          type: 'line',\n          defaultAttributes: { x: 0, y: 0 }\n        }\n      };\n      this._positionChannels = BAR_BOX_PLOT_CHANNELS;\n      this._channelEncoder = {\n        minMaxFillOpacity: (val: number) => ({ minMaxBox: { fillOpacity: val } }),\n        lineWidth: (val: number) => ({ minMaxBox: { lineWidth: 0 }, q1q3Box: { lineWidth: 0 } }),\n        stroke: (val: number) => ({ minMaxBox: { stroke: false }, q1q3Box: { stroke: false } })\n      };\n\n      this._positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n        const {\n          x = g.attribute.x,\n          y = g.attribute.y,\n          minMaxWidth = (g.attribute as any).minMaxWidth,\n          minMaxHeight = (g.attribute as any).minMaxHeight,\n          q1q3Width = (g.attribute as any).q1q3Width,\n          q1q3Height = (g.attribute as any).q1q3Height,\n          q1 = (g.attribute as any).q1,\n          q3 = (g.attribute as any).q3,\n          min = (g.attribute as any).min,\n          max = (g.attribute as any).max,\n          median = (g.attribute as any).median,\n          angle\n        } = glyphAttrs;\n        const isH = this._isHorizontal();\n\n        const attributes: any = {};\n\n        if (isH) {\n          attributes.minMaxBox = {\n            x: min,\n            x1: max,\n            y: y - minMaxHeight / 2,\n            y1: y + minMaxHeight / 2\n          };\n          attributes.q1q3Box = {\n            x: q1,\n            x1: q3,\n            y: y - q1q3Height / 2,\n            y1: y + q1q3Height / 2\n          };\n\n          attributes.median = {\n            points: [\n              {\n                x: median,\n                y: y - q1q3Height / 2\n              },\n              {\n                x: median,\n                y: y + q1q3Height / 2\n              }\n            ]\n          };\n        } else {\n          attributes.minMaxBox = {\n            y: min,\n            y1: max,\n            x: x - minMaxWidth / 2,\n            x1: x + minMaxWidth / 2\n          };\n          attributes.q1q3Box = {\n            y: q1,\n            y1: q3,\n            x: x - q1q3Width / 2,\n            x1: x + q1q3Width / 2\n          };\n\n          attributes.median = {\n            points: [\n              {\n                y: median,\n                x: x - q1q3Width / 2\n              },\n              {\n                y: median,\n                x: x + q1q3Width / 2\n              }\n            ]\n          };\n        }\n\n        if (isValidNumber(angle)) {\n          const anchor = glyphAttrs.anchor ?? (isH ? [(min + max) / 2, y] : [x, (min + max) / 2]);\n          Object.keys(attributes).forEach(key => {\n            attributes[key].angle = angle;\n            attributes[key].anchor = anchor;\n          });\n        }\n\n        return attributes;\n      };\n    } else {\n      this._subMarks = {\n        shaft: { type: 'line', defaultAttributes: { x: 0, y: 0 } },\n        box: { type: 'rect' },\n        max: { type: 'line', defaultAttributes: { x: 0, y: 0 } },\n        min: { type: 'line', defaultAttributes: { x: 0, y: 0 } },\n        median: { type: 'line', defaultAttributes: { x: 0, y: 0 } }\n      };\n      this._positionChannels = BOX_PLOT_CHANNELS;\n      this._channelEncoder = {\n        boxStroke: (val: string) => ({ box: { stroke: val } }),\n        medianStroke: (val: string) => ({ median: { stroke: val } }),\n        boxCornerRadius: (val: number) => ({ box: { cornerRadius: val } })\n      };\n      this._positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n        const {\n          x = g.attribute.x,\n          y = g.attribute.y,\n          boxWidth = (g.attribute as any).boxWidth,\n          boxHeight = (g.attribute as any).boxHeight,\n          ruleWidth = (g.attribute as any).ruleWidth,\n          ruleHeight = (g.attribute as any).ruleHeight,\n          q1 = (g.attribute as any).q1,\n          q3 = (g.attribute as any).q3,\n          min = (g.attribute as any).min,\n          max = (g.attribute as any).max,\n          median = (g.attribute as any).median,\n          angle\n        } = glyphAttrs;\n        const isH = this._isHorizontal();\n\n        const attributes: any = {};\n\n        if (isH) {\n          attributes.box = {\n            x: q1,\n            x1: q3,\n            y: y - boxHeight / 2,\n            y1: y + boxHeight / 2\n          };\n          attributes.median = {\n            points: [\n              {\n                x: median,\n                y: y - boxHeight / 2\n              },\n              {\n                x: median,\n                y: y + boxHeight / 2\n              }\n            ]\n          };\n          attributes.shaft = {\n            points: [\n              {\n                x: min,\n                y: y\n              },\n              {\n                x: max,\n                y: y\n              }\n            ]\n          };\n          attributes.max = {\n            points: [\n              {\n                x: max,\n                y: y - ruleHeight / 2\n              },\n              {\n                x: max,\n                y: y + ruleHeight / 2\n              }\n            ]\n          };\n          attributes.min = {\n            points: [\n              {\n                x: min,\n                y: y - ruleHeight / 2\n              },\n              {\n                x: min,\n                y: y + ruleHeight / 2\n              }\n            ]\n          };\n        } else {\n          attributes.box = {\n            x: x - boxWidth / 2,\n            x1: x + boxWidth / 2,\n            y: q1,\n            y1: q3\n          };\n          attributes.median = {\n            points: [\n              {\n                x: x - boxWidth / 2,\n                y: median\n              },\n              {\n                x: x + boxWidth / 2,\n                y: median\n              }\n            ]\n          };\n\n          attributes.max = {\n            points: [\n              {\n                x: x - ruleWidth / 2,\n                y: max\n              },\n              {\n                x: x + ruleWidth / 2,\n                y: max\n              }\n            ]\n          };\n          attributes.min = {\n            points: [\n              {\n                x: x - ruleWidth / 2,\n                y: min\n              },\n              {\n                x: x + ruleWidth / 2,\n                y: min\n              }\n            ]\n          };\n          attributes.shaft = {\n            points: [\n              {\n                x: x,\n                y: min\n              },\n              {\n                x: x,\n                y: max\n              }\n            ]\n          };\n        }\n\n        if (isValidNumber(angle)) {\n          const anchor = glyphAttrs.anchor ?? (isH ? [(min + max) / 2, y] : [x, (min + max) / 2]);\n          Object.keys(attributes).forEach(key => {\n            attributes[key].angle = angle;\n            attributes[key].anchor = anchor;\n          });\n        }\n\n        return attributes;\n      };\n    }\n  }\n\n  setDataLabelType() {\n    return 'symbol';\n  }\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IBoxPlotMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 2,\n      boxWidth: 30,\n      shaftWidth: 20,\n      shaftShape: 'line'\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerBoxPlotMark = () => {\n  registerGlyphMark();\n  registerLine();\n  registerRect();\n  Factory.registerGraphicComponent('line', (attrs: ILineGraphicAttribute) => createLine(attrs));\n  Factory.registerGraphicComponent('rect', (attrs: ILineGraphicAttribute) => createRect(attrs));\n  Factory.registerMark(BoxPlotMark.type, BoxPlotMark);\n};\n"]}

package/esm/series/box-plot/box-plot.d.ts

@@ -1,9 +1,10 @@
-import type { IModelEvaluateOption, IModelInitOption } from '../../model/interface';
+import type { IModelInitOption } from '../../model/interface';
 import type { BoxPlotShaftShape, IOutlierMarkSpec, Datum, DirectionType } from '../../typings';
 import { CartesianSeries } from '../cartesian/cartesian';
 import type { SeriesMarkMap } from '../interface';
 import { SeriesTypeEnum } from '../interface/type';
 import type { IBoxPlotSeriesSpec } from './interface';
+import { DataView } from '@visactor/vdataset';
 import type { IMark, ITextMark } from '../../mark/interface';
 import type { ICompilableData } from '../../compile/data';
 import { BoxPlotSeriesSpecTransformer } from './box-plot-transformer';
@@ -43,7 +44,7 @@ export declare class BoxPlotSeries<T extends IBoxPlotSeriesSpec = IBoxPlotSeries
     protected _shaftFillOpacity: number;
     protected _outliersStyle: IOutlierMarkSpec;
     getOutliersStyle(): IOutlierMarkSpec;
-    protected _outlierDataView: ICompilableData;
+    protected _outlierData: ICompilableData;
     private _autoBoxWidth;
     setAttrFromSpec(): void;
     private _boxPlotMark?;
@@ -54,6 +55,7 @@ export declare class BoxPlotSeries<T extends IBoxPlotSeriesSpec = IBoxPlotSeries
     initLabelMarkStyle(textMark: ITextMark): void;
     initData(): void;
     compileData(): void;
+    viewDataUpdate(d: DataView): void;
     init(option: IModelInitOption): void;
     private _getMarkWidth;
     protected _getPosition(direction: DirectionType, datum: Datum): number;
@@ -65,7 +67,6 @@ export declare class BoxPlotSeries<T extends IBoxPlotSeriesSpec = IBoxPlotSeries
         key: string;
         operations: import("../../data/transforms/interface").StatisticOperations;
     }[];
-    onEvaluateEnd(ctx: IModelEvaluateOption): void;
     getDefaultShapeType(): string;
     getActiveMarks(): IMark[];
 }

package/esm/series/box-plot/box-plot.js

@@ -117,13 +117,11 @@ export class BoxPlotSeries extends CartesianSeries {
             isSeriesMark: !0
         }), this._outliersField && (this._outlierMark = this._createMark(BoxPlotSeries.mark.outlier, {
             key: DEFAULT_DATA_INDEX,
-            groupKey: this._seriesField,
-            dataView: this._outlierDataView.getDataView(),
-            dataProductId: this._outlierDataView.getProductId()
-        }));
+            groupKey: this._seriesField
+        }), this._outlierMark.setData(this._outlierData));
     }
     initMarkStyle() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const boxPlotMark = this._boxPlotMark;
         if (boxPlotMark) {
             const commonBoxplotStyles = {
@@ -178,8 +176,9 @@ export class BoxPlotSeries extends CartesianSeries {
         }
         const outlierMark = this._outlierMark;
         outlierMark && this.setMarkStyle(outlierMark, {
-            fill: null !== (_d = null === (_c = this._outliersStyle) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : this.getColorAttribute(),
-            size: isNumber(null === (_e = this._outliersStyle) || void 0 === _e ? void 0 : _e.size) ? this._outliersStyle.size : 10
+            fill: null !== (_e = null !== (_d = null === (_c = this._outliersStyle) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : this._boxFillColor) && void 0 !== _e ? _e : this.getColorAttribute(),
+            stroke: this.getColorAttribute(),
+            size: isNumber(null === (_f = this._outliersStyle) || void 0 === _f ? void 0 : _f.size) ? this._outliersStyle.size : 10
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
     }
     initBoxPlotMarkStyle() {
@@ -241,7 +240,8 @@ export class BoxPlotSeries extends CartesianSeries {
             type: "foldOutlierData",
             options: {
                 dimensionField: "horizontal" === this._direction ? this._fieldY : this._fieldX,
-                outliersField: this._outliersField
+                outliersField: this._outliersField,
+                seriesField: this._seriesField
             }
         }), outlierDataView.transform({
             type: "addVChartProperty",
@@ -249,11 +249,15 @@ export class BoxPlotSeries extends CartesianSeries {
                 beforeCall: initKeyMap.bind(this),
                 call: addDataKey
             }
-        }, !1), this._outlierDataView = new CompilableData(this._option, outlierDataView);
+        }, !1), this._outlierData = new CompilableData(this._option, outlierDataView);
     }
     compileData() {
         var _a;
-        super.compileData(), null === (_a = this._outlierDataView) || void 0 === _a || _a.compile();
+        super.compileData(), null === (_a = this._outlierData) || void 0 === _a || _a.compile();
+    }
+    viewDataUpdate(d) {
+        var _a;
+        super.viewDataUpdate(d), null === (_a = this._outlierData) || void 0 === _a || _a.updateData();
     }
     init(option) {
         super.init(option), this.initBoxPlotMarkStyle();
@@ -324,9 +328,6 @@ export class BoxPlotSeries extends CartesianSeries {
         return outliersField && (outliersField.operations = [ "array-min", "array-max" ]), 
         fields;
     }
-    onEvaluateEnd(ctx) {
-        super.onEvaluateEnd(ctx), this._outlierDataView.updateData();
-    }
     getDefaultShapeType() {
         return "square";
     }