@visactor/vrender-components 0.18.7-alpha.1 → 0.18.8

package/es/axis/circle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/circle.ts"],"names":[],"mappings":"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","file":"circle.js","sourcesContent":["/**\n * @description 圆弧型坐标轴\n */\nimport type { IGroup, IText, ITextGraphicAttribute, TextAlignType, TextBaselineType } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { graphicCreator } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { Point } from '@visactor/vutils';\nimport { isNil, get, merge, isNumberClose, isEmpty, mixin } from '@visactor/vutils';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport type { CircleAxisAttributes, TitleAttributes, SubTickAttributes, TickLineItem, AxisItem } from './type';\nimport { AxisBase } from './base';\nimport { DEFAULT_AXIS_THEME } from './config';\nimport { AXIS_ELEMENT_NAME, DEFAULT_STATES } from './constant';\nimport { CircleAxisMixin } from './mixin/circle';\nimport { getLabelPosition } from './util';\nimport type { ComponentOptions } from '../interface';\nimport { loadCircleAxisComponent } from './register';\n\nloadCircleAxisComponent();\nexport interface CircleAxis\n  extends Pick<CircleAxisMixin, 'isInValidValue' | 'getTickCoord' | 'getVerticalVector' | 'getRelativeVector'>,\n    AxisBase<CircleAxisAttributes> {}\n\nexport class CircleAxis extends AxisBase<CircleAxisAttributes> {\n  static defaultAttributes = DEFAULT_AXIS_THEME;\n\n  constructor(attributes: CircleAxisAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, CircleAxis.defaultAttributes, attributes));\n  }\n\n  protected renderLine(container: IGroup): void {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      radius,\n      center,\n      innerRadius = 0,\n      line = {},\n      inside = false\n    } = this.attribute as CircleAxisAttributes;\n\n    let arcRadius = radius;\n    let arcInnerRadius = innerRadius;\n    if (inside && innerRadius > 0) {\n      arcRadius = innerRadius;\n      arcInnerRadius = 0;\n    }\n\n    const arcAttrs = {\n      ...center,\n      startAngle,\n      endAngle,\n      radius: arcRadius,\n      innerRadius: arcInnerRadius,\n      ...line.style\n    };\n    const axisLine = graphicCreator.circle(arcAttrs);\n    axisLine.name = AXIS_ELEMENT_NAME.line;\n    axisLine.id = this._getNodeId('line');\n\n    if (!isEmpty(line.state)) {\n      axisLine.states = merge({}, DEFAULT_STATES, line.state);\n    }\n    container.add(axisLine);\n  }\n\n  protected getTitleAttribute() {\n    const { center, radius, innerRadius = 0 } = this.attribute as CircleAxisAttributes;\n    const {\n      space = 4,\n      textStyle = {},\n      shape,\n      background,\n      state = {},\n      ...restAttrs\n    } = this.attribute.title as TitleAttributes;\n    let titlePoint = center;\n    let labelHeight = 0;\n    if (this.attribute.label?.visible && this.attribute.label.inside === false) {\n      // 这里取 label 的最大长度\n      labelHeight = get(this.attribute.label, 'style.fontSize', 12) + get(this.attribute.label, 'space', 4);\n    }\n    let tickLength = 0;\n    if (this.attribute.tick?.visible && this.attribute.tick.inside === false) {\n      tickLength = this.attribute.tick.length || 4;\n    }\n    if (this.attribute.subTick?.visible && this.attribute.subTick.inside === false) {\n      tickLength = Math.max(tickLength, this.attribute.subTick.length || 2);\n    }\n    const offset = radius + tickLength + labelHeight + space;\n    let textBaseline: TextBaselineType = 'middle';\n    let { position } = this.attribute.title as TitleAttributes;\n    if (isNil(position)) {\n      position = innerRadius === 0 ? 'end' : 'middle';\n    }\n    if (position === 'start') {\n      textBaseline = 'bottom';\n      titlePoint = {\n        x: center.x,\n        y: center.y - offset\n      };\n    } else if (position === 'end') {\n      textBaseline = 'top';\n      titlePoint = {\n        x: center.x,\n        y: center.y + offset\n      };\n    }\n    const attrs: any = {\n      ...titlePoint,\n      ...restAttrs,\n      textStyle: {\n        textBaseline,\n        textAlign: 'center',\n        ...textStyle\n      },\n      state: {\n        text: merge({}, DEFAULT_STATES, state.text),\n        shape: merge({}, DEFAULT_STATES, state.shape),\n        panel: merge({}, DEFAULT_STATES, state.background)\n      }\n    };\n\n    const { angle } = restAttrs; // 用户设置的是角度\n    attrs.angle = angle;\n\n    if (shape && shape.visible) {\n      attrs.shape = {\n        visible: true,\n        ...shape.style\n      };\n      if (shape.space) {\n        attrs.space = shape.space;\n      }\n    }\n\n    if (background && background.visible) {\n      attrs.panel = {\n        visible: true,\n        ...background.style\n      };\n    }\n\n    return attrs;\n  }\n\n  protected getSubTickLineItems() {\n    const { subTick } = this.attribute as CircleAxisAttributes;\n    const subTickLineItems: TickLineItem[] = [];\n    const { count: subCount = 4, inside = false, length = 2 } = subTick as SubTickAttributes;\n    const tickLineItems = this.tickLineItems;\n    const tickLineCount = tickLineItems.length;\n    // 刻度线的数量大于 2 时，才绘制子刻度\n    if (tickLineCount >= 2) {\n      const tickSegment = this.data[1].value - this.data[0].value;\n      const isAlignWithLable = this.attribute?.tick?.alignWithLabel;\n      for (let i = 0; i < tickLineCount; i++) {\n        const pre = tickLineItems[i];\n        const next = tickLineItems[i + 1];\n        for (let j = 0; j < subCount; j++) {\n          const percent = (j + 1) / (subCount + 1);\n          const value =\n            (1 - percent) * pre.value + percent * (next ? next.value : isAlignWithLable ? 1 : pre.value + tickSegment);\n          const point = this.getTickCoord(value);\n          const endPoint = this.getVerticalCoord(point, length, inside);\n          subTickLineItems.push({\n            start: point,\n            end: endPoint,\n            value\n          });\n        }\n      }\n    }\n\n    return subTickLineItems;\n  }\n\n  protected getTextBaseline(vector: number[]): TextBaselineType {\n    let base: TextBaselineType = 'middle';\n    if (isNumberClose(vector[1], 0)) {\n      base = 'middle';\n    } else if (vector[1] > 0 && vector[1] > Math.abs(vector[0])) {\n      base = 'top';\n    } else if (vector[1] < 0 && Math.abs(vector[1]) > Math.abs(vector[0])) {\n      base = 'bottom';\n    }\n    return base;\n  }\n\n  protected beforeLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n  protected handleLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    // 暂不支持\n    return;\n  }\n  protected afterLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n\n  protected getLabelAlign(\n    vector: [number, number],\n    inside?: boolean,\n    angle?: number\n  ): { textAlign: TextAlignType; textBaseline: TextBaselineType } {\n    return {\n      textAlign: 'center', //'left',\n      textBaseline: 'middle' //'top'\n    };\n  }\n\n  protected getLabelPosition(\n    point: Point,\n    vector: [number, number],\n    text: string | number,\n    style: Partial<ITextGraphicAttribute>\n  ) {\n    return getLabelPosition(point, vector, text, style);\n  }\n}\n\nmixin(CircleAxis, CircleAxisMixin);\n"]}
+{"version":3,"sources":["../src/axis/circle.ts"],"names":[],"mappings":"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","file":"circle.js","sourcesContent":["/**\n * @description 圆弧型坐标轴\n */\nimport type { IGroup, IText, ITextGraphicAttribute, TextAlignType, TextBaselineType } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { graphicCreator } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { Point } from '@visactor/vutils';\nimport { isNil, get, merge, isNumberClose, isEmpty, mixin } from '@visactor/vutils';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport type { CircleAxisAttributes, TitleAttributes, SubTickAttributes, TickLineItem, AxisItem } from './type';\nimport { AxisBase } from './base';\nimport { DEFAULT_AXIS_THEME } from './config';\nimport { AXIS_ELEMENT_NAME, DEFAULT_STATES } from './constant';\nimport { CircleAxisMixin } from './mixin/circle';\nimport { getCircleLabelPosition } from './util';\nimport type { ComponentOptions } from '../interface';\nimport { loadCircleAxisComponent } from './register';\n\nloadCircleAxisComponent();\nexport interface CircleAxis\n  extends Pick<CircleAxisMixin, 'isInValidValue' | 'getTickCoord' | 'getVerticalVector' | 'getRelativeVector'>,\n    AxisBase<CircleAxisAttributes> {}\n\nexport class CircleAxis extends AxisBase<CircleAxisAttributes> {\n  static defaultAttributes = DEFAULT_AXIS_THEME;\n\n  constructor(attributes: CircleAxisAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, CircleAxis.defaultAttributes, attributes));\n  }\n\n  protected renderLine(container: IGroup): void {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      radius,\n      center,\n      innerRadius = 0,\n      line = {},\n      inside = false\n    } = this.attribute as CircleAxisAttributes;\n\n    let arcRadius = radius;\n    let arcInnerRadius = innerRadius;\n    if (inside && innerRadius > 0) {\n      arcRadius = innerRadius;\n      arcInnerRadius = 0;\n    }\n\n    const arcAttrs = {\n      ...center,\n      startAngle,\n      endAngle,\n      radius: arcRadius,\n      innerRadius: arcInnerRadius,\n      ...line.style\n    };\n    const axisLine = graphicCreator.circle(arcAttrs);\n    axisLine.name = AXIS_ELEMENT_NAME.line;\n    axisLine.id = this._getNodeId('line');\n\n    if (!isEmpty(line.state)) {\n      axisLine.states = merge({}, DEFAULT_STATES, line.state);\n    }\n    container.add(axisLine);\n  }\n\n  protected getTitleAttribute() {\n    const { center, radius, innerRadius = 0 } = this.attribute as CircleAxisAttributes;\n    const {\n      space = 4,\n      textStyle = {},\n      shape,\n      background,\n      state = {},\n      ...restAttrs\n    } = this.attribute.title as TitleAttributes;\n    let titlePoint = center;\n    let labelHeight = 0;\n    if (this.attribute.label?.visible && this.attribute.label.inside === false) {\n      // 这里取 label 的最大长度\n      labelHeight = get(this.attribute.label, 'style.fontSize', 12) + get(this.attribute.label, 'space', 4);\n    }\n    let tickLength = 0;\n    if (this.attribute.tick?.visible && this.attribute.tick.inside === false) {\n      tickLength = this.attribute.tick.length || 4;\n    }\n    if (this.attribute.subTick?.visible && this.attribute.subTick.inside === false) {\n      tickLength = Math.max(tickLength, this.attribute.subTick.length || 2);\n    }\n    const offset = radius + tickLength + labelHeight + space;\n    let textBaseline: TextBaselineType = 'middle';\n    let { position } = this.attribute.title as TitleAttributes;\n    if (isNil(position)) {\n      position = innerRadius === 0 ? 'end' : 'middle';\n    }\n    if (position === 'start') {\n      textBaseline = 'bottom';\n      titlePoint = {\n        x: center.x,\n        y: center.y - offset\n      };\n    } else if (position === 'end') {\n      textBaseline = 'top';\n      titlePoint = {\n        x: center.x,\n        y: center.y + offset\n      };\n    }\n    const attrs: any = {\n      ...titlePoint,\n      ...restAttrs,\n      textStyle: {\n        textBaseline,\n        textAlign: 'center',\n        ...textStyle\n      },\n      state: {\n        text: merge({}, DEFAULT_STATES, state.text),\n        shape: merge({}, DEFAULT_STATES, state.shape),\n        panel: merge({}, DEFAULT_STATES, state.background)\n      }\n    };\n\n    const { angle } = restAttrs; // 用户设置的是角度\n    attrs.angle = angle;\n\n    if (shape && shape.visible) {\n      attrs.shape = {\n        visible: true,\n        ...shape.style\n      };\n      if (shape.space) {\n        attrs.space = shape.space;\n      }\n    }\n\n    if (background && background.visible) {\n      attrs.panel = {\n        visible: true,\n        ...background.style\n      };\n    }\n\n    return attrs;\n  }\n\n  protected getSubTickLineItems() {\n    const { subTick } = this.attribute as CircleAxisAttributes;\n    const subTickLineItems: TickLineItem[] = [];\n    const { count: subCount = 4, inside = false, length = 2 } = subTick as SubTickAttributes;\n    const tickLineItems = this.tickLineItems;\n    const tickLineCount = tickLineItems.length;\n    // 刻度线的数量大于 2 时，才绘制子刻度\n    if (tickLineCount >= 2) {\n      const tickSegment = this.data[1].value - this.data[0].value;\n      const isAlignWithLable = this.attribute?.tick?.alignWithLabel;\n      for (let i = 0; i < tickLineCount; i++) {\n        const pre = tickLineItems[i];\n        const next = tickLineItems[i + 1];\n        for (let j = 0; j < subCount; j++) {\n          const percent = (j + 1) / (subCount + 1);\n          const value =\n            (1 - percent) * pre.value + percent * (next ? next.value : isAlignWithLable ? 1 : pre.value + tickSegment);\n          const point = this.getTickCoord(value);\n          const endPoint = this.getVerticalCoord(point, length, inside);\n          subTickLineItems.push({\n            start: point,\n            end: endPoint,\n            value\n          });\n        }\n      }\n    }\n\n    return subTickLineItems;\n  }\n\n  protected getTextBaseline(vector: number[]): TextBaselineType {\n    let base: TextBaselineType = 'middle';\n    if (isNumberClose(vector[1], 0)) {\n      base = 'middle';\n    } else if (vector[1] > 0 && vector[1] > Math.abs(vector[0])) {\n      base = 'top';\n    } else if (vector[1] < 0 && Math.abs(vector[1]) > Math.abs(vector[0])) {\n      base = 'bottom';\n    }\n    return base;\n  }\n\n  protected beforeLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n  protected handleLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    // 暂不支持\n    return;\n  }\n  protected afterLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n\n  protected getLabelAlign(\n    vector: [number, number],\n    inside?: boolean,\n    angle?: number\n  ): { textAlign: TextAlignType; textBaseline: TextBaselineType } {\n    return {\n      textAlign: 'center', //'left',\n      textBaseline: 'middle' //'top'\n    };\n  }\n\n  protected getLabelPosition(\n    point: Point,\n    vector: [number, number],\n    text: string | number,\n    style: Partial<ITextGraphicAttribute>\n  ) {\n    return getCircleLabelPosition(point, vector, text, style);\n  }\n}\n\nmixin(CircleAxis, CircleAxisMixin);\n"]}

package/es/axis/grid/base.js

@@ -6,7 +6,7 @@ import { AbstractComponent } from "../../core/base";
 
 import { AXIS_ELEMENT_NAME } from "../constant";
 
-import { getElMap } from "../util";
+import { getElMap, getVerticalCoord } from "../util";
 
 function getLinePath(points, closed) {
     let path = "";
@@ -64,11 +64,7 @@ export class BaseGrid extends AbstractComponent {
         this._renderGrid(this._innerView));
     }
     getVerticalCoord(point, offset, inside) {
-        const vector = this.getVerticalVector(offset, inside, point);
-        return {
-            x: point.x + vector[0],
-            y: point.y + vector[1]
-        };
+        return getVerticalCoord(point, this.getVerticalVector(offset, inside, point));
     }
     _transformItems(items) {
         const data = [];

package/es/axis/grid/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/grid/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 网格线\n */\nimport { isFunction, isArray, merge, PointService, abs, pi } from '@visactor/vutils';\nimport type { IGraphic, IGroup, Path } from '@visactor/vrender-core';\nimport { graphicCreator } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../../core/base';\nimport type { Point } from '../../core/type';\nimport type { GridItem, CircleGridAttributes, GridBaseAttributes, GridAttributes, LineGridAttributes } from './type';\nimport type { AxisItem, TransformedAxisItem } from '../type';\nimport { AXIS_ELEMENT_NAME } from '../constant';\nimport { getElMap } from '../util';\n\nfunction getLinePath(points: Point[], closed: boolean) {\n  let path = '';\n  if (points.length === 0) {\n    return path;\n  }\n  points.forEach((point, index) => {\n    if (index === 0) {\n      path = `M${point.x},${point.y}`;\n    } else {\n      path += `L${point.x},${point.y}`;\n    }\n  });\n  if (closed) {\n    path += 'Z';\n  }\n\n  return path;\n}\n\nfunction getArcPath(center: Point, points: Point[], reverse: boolean, closed: boolean) {\n  let path = '';\n  if (!center || points.length === 0) {\n    return path;\n  }\n  const firstPoint = points[0];\n  const radius = PointService.distancePP(center, firstPoint);\n  const sweepFlag = reverse ? 0 : 1; // 顺时针还是逆时针\n  if (closed) {\n    // 封闭时，绘制整个圆\n    path += `M${center.x},${center.y - radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${\n      center.y + radius\n    }A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y - radius}Z`;\n  } else {\n    points.forEach((point, index) => {\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `A${radius},${radius},0,0,${sweepFlag},${point.x},${point.y}`;\n      }\n    });\n  }\n\n  return path;\n}\n\nfunction getRegionPath(from: Point[], to: Point[], attribute: GridAttributes) {\n  const { type, closed } = attribute;\n  const reversePoints = to.slice(0).reverse();\n\n  let regionPath = '';\n  let nextPath = '';\n\n  if (type === 'line' && (attribute as LineGridAttributes).smoothLink && (attribute as LineGridAttributes).center) {\n    const fromStart = from[0];\n    const toEnd = reversePoints[0];\n    const center = (attribute as LineGridAttributes).center as Point;\n\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n    const toEndRadius = PointService.distancePP(toEnd, center);\n    const fromStartRadius = PointService.distancePP(fromStart, center);\n    regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`;\n    nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;\n  } else if (type === 'circle') {\n    const { center } = attribute as CircleGridAttributes;\n    regionPath = getArcPath(center, from, false, !!closed);\n    nextPath = getArcPath(center, reversePoints, true, !!closed);\n  } else if (type === 'line' || type === 'polygon') {\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n  }\n\n  if (closed) {\n    regionPath += nextPath;\n  } else {\n    nextPath = 'L' + nextPath.substring(1); // 更新第一个节点\n    regionPath += nextPath;\n    regionPath += 'Z';\n  }\n  return regionPath;\n}\n\nexport abstract class BaseGrid<T extends GridBaseAttributes> extends AbstractComponent<Required<T>> {\n  name = 'axis-grid';\n\n  static defaultAttributes: Partial<GridBaseAttributes> = {\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    },\n    subGrid: {\n      visible: false,\n      style: {\n        lineWidth: 1,\n        stroke: '#999',\n        strokeOpacity: 1,\n        lineDash: [4, 4]\n      }\n    }\n  };\n\n  protected _innerView: IGroup;\n  getInnerView() {\n    return this._innerView;\n  }\n\n  protected _prevInnerView: { [key: string]: IGraphic }; // 缓存旧场景树，用于自定义动画\n  /**\n   * 获取更新前的旧场景树\n   * @returns 返回更新前的旧场景树\n   */\n  getPrevInnerView() {\n    return this._prevInnerView;\n  }\n\n  // 经过处理后的坐标轴点数据\n  protected data: TransformedAxisItem[] = [];\n  abstract getTickCoord(value: number): Point;\n  abstract isInValidValue(value: number): boolean;\n  abstract getVerticalVector(offset: number, inside: boolean, point: Point): [number, number];\n  protected abstract getGridAttribute(isSubGrid: boolean): T;\n\n  protected render(): void {\n    this._prevInnerView = this._innerView && getElMap(this._innerView);\n\n    this.removeAllChild(true);\n    this._innerView = graphicCreator.group({ x: 0, y: 0, pickable: false });\n    this.add(this._innerView);\n\n    const { items, visible } = this.attribute;\n    if (items && items.length && visible !== false) {\n      this.data = this._transformItems(items);\n      this._renderGrid(this._innerView);\n    }\n  }\n\n  protected getVerticalCoord(point: Point, offset: number, inside: boolean): Point {\n    const vector = this.getVerticalVector(offset, inside, point);\n    return {\n      x: point.x + vector[0],\n      y: point.y + vector[1]\n    };\n  }\n\n  private _transformItems(items: AxisItem[]) {\n    const data: TransformedAxisItem[] = [];\n    items.forEach((item: AxisItem) => {\n      data.push({\n        ...item,\n        point: this.getTickCoord(item.value),\n        id: item.id ?? item.label\n      });\n    });\n    return data;\n  }\n  private _renderGrid(container: any) {\n    // 渲染 subGrid\n    const { visible } = this.attribute.subGrid || {};\n    if (visible) {\n      this._renderGridByType(true, container);\n    }\n\n    // 渲染 Grid，Grid 需要在 subGrid 上层渲染\n    this._renderGridByType(false, container);\n  }\n\n  private _renderGridByType(isSubGrid: boolean, container: IGroup) {\n    const gridAttrs = merge({}, this.attribute, this.getGridAttribute(isSubGrid));\n\n    const { type, items, style, closed, alternateColor, depth = 0 } = gridAttrs;\n    const name = isSubGrid ? `${AXIS_ELEMENT_NAME.grid}-sub` : `${AXIS_ELEMENT_NAME.grid}`;\n\n    // 绘制网格线\n    items.forEach((item: GridItem, index: number) => {\n      const { id, points } = item;\n      let path = '';\n      if (type === 'line' || type === 'polygon') {\n        path = getLinePath(points, !!closed);\n      } else if (type === 'circle') {\n        const { center } = this.attribute as unknown as CircleGridAttributes;\n        path = getArcPath(center, points, false, !!closed);\n      }\n      const shape = graphicCreator.path({\n        path,\n        z: depth,\n        ...(isFunction(style)\n          ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n          : style)\n      }) as Path;\n      shape.name = `${name}-line`;\n      shape.id = this._getNodeId(`${name}-path-${id}`);\n      container.add(shape);\n    });\n\n    // 添加额外的3d线段\n    if (depth && type === 'line') {\n      items.forEach((item: GridItem, index: number) => {\n        const { id, points } = item;\n        // 重新计算points，使其长度为depth\n        const nextPoints = [];\n        nextPoints.push(points[0]);\n        const dir = { x: points[1].x - points[0].x, y: points[1].y - points[0].y };\n        const dirLen = Math.sqrt(dir.x * dir.x + dir.y * dir.y);\n        const ratio = depth / dirLen;\n        nextPoints.push({ x: points[0].x + dir.x * ratio, y: points[0].y + dir.y * ratio });\n        const path = getLinePath(nextPoints, !!closed);\n        const deltaX = abs(nextPoints[0].x - nextPoints[1].x);\n        const deltaY = abs(nextPoints[0].y - nextPoints[1].y);\n        const shape = graphicCreator.path({\n          path,\n          z: 0,\n          alpha: deltaX > deltaY ? ((points[1].x - points[0].x > 0 ? -1 : 1) * pi) / 2 : 0,\n          beta: deltaX < deltaY ? -pi / 2 : 0,\n          anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y],\n          ...(isFunction(style)\n            ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n            : style)\n        }) as Path;\n        shape.name = `${name}-line`;\n        shape.id = this._getNodeId(`${name}-path-${id}`);\n        container.add(shape);\n      });\n    }\n\n    // 绘制填充区域\n    if (items.length > 1 && alternateColor) {\n      const colors: string[] = isArray(alternateColor)\n        ? (alternateColor as string[])\n        : [alternateColor as string, 'transparent'];\n      const getColor = (index: number) => colors[index % colors.length];\n\n      // const regions: any[] = [];\n      for (let index = 0; index < items.length - 1; index++) {\n        const [prev, curr] = [items[index].points, items[index + 1].points];\n        const path = getRegionPath(prev, curr, gridAttrs);\n        const shape = graphicCreator.path({\n          path,\n          fill: getColor(index)\n        }) as Path;\n        shape.name = `${name}-region`;\n        shape.id = this._getNodeId(`${name}-region-${index}`);\n        container.add(shape);\n      }\n    }\n  }\n\n  /**\n   * @override 覆写\n   * @param id\n   * @returns\n   */\n  protected _getNodeId(id: string) {\n    return `${this.id}-${id}`;\n  }\n\n  release(): void {\n    super.release();\n    this._prevInnerView = null;\n    this._innerView = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/axis/grid/base.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAErF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAErD,SAAS,WAAW,CAAC,MAAe,EAAE,MAAe;IACnD,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC9B,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;SACjC;aAAM;YACL,IAAI,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;SAClC;IACH,CAAC,CAAC,CAAC;IACH,IAAI,MAAM,EAAE;QACV,IAAI,IAAI,GAAG,CAAC;KACb;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,UAAU,CAAC,MAAa,EAAE,MAAe,EAAE,OAAgB,EAAE,MAAe;IACnF,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QAClC,OAAO,IAAI,CAAC;KACb;IACD,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,IAAI,MAAM,EAAE;QAEV,IAAI,IAAI,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,QAAQ,SAAS,IAAI,MAAM,CAAC,CAAC,IACxF,MAAM,CAAC,CAAC,GAAG,MACb,IAAI,MAAM,IAAI,MAAM,QAAQ,SAAS,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC;KAC3E;SAAM;QACL,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC9B,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;aACjC;iBAAM;gBACL,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM,QAAQ,SAAS,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;aACvE;QACH,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,IAAa,EAAE,EAAW,EAAE,SAAyB;IAC1E,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACnC,MAAM,aAAa,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAE5C,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,IAAI,IAAI,KAAK,MAAM,IAAK,SAAgC,CAAC,UAAU,IAAK,SAAgC,CAAC,MAAM,EAAE;QAC/G,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAI,SAAgC,CAAC,MAAe,CAAC;QAEjE,UAAU,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QACzC,QAAQ,GAAG,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC3D,MAAM,eAAe,GAAG,YAAY,CAAC,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QACnE,UAAU,IAAI,IAAI,WAAW,IAAI,WAAW,UAAU,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;QACjG,QAAQ,IAAI,IAAI,eAAe,IAAI,eAAe,UAAU,SAAS,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC;KAC1F;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAiC,CAAC;QACrD,UAAU,GAAG,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QACvD,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;KAC9D;SAAM,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,SAAS,EAAE;QAChD,UAAU,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QACzC,QAAQ,GAAG,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;KACjD;IAED,IAAI,MAAM,EAAE;QACV,UAAU,IAAI,QAAQ,CAAC;KACxB;SAAM;QACL,QAAQ,GAAG,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACvC,UAAU,IAAI,QAAQ,CAAC;QACvB,UAAU,IAAI,GAAG,CAAC;KACnB;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,OAAgB,QAAuC,SAAQ,iBAA8B;IAAnG;;QACE,SAAI,GAAG,WAAW,CAAC;QAmCT,SAAI,GAA0B,EAAE,CAAC;IA4I7C,CAAC;IA1JC,YAAY;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAOD,gBAAgB;QACd,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IASS,MAAM;QACd,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEnE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACxE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAE1B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,OAAO,KAAK,KAAK,EAAE;YAC9C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACnC;IACH,CAAC;IAES,gBAAgB,CAAC,KAAY,EAAE,MAAc,EAAE,MAAe;QACtE,OAAO,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAChF,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,MAAM,IAAI,GAA0B,EAAE,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAc,EAAE,EAAE;;YAC/B,IAAI,CAAC,IAAI,iCACJ,IAAI,KACP,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EACpC,EAAE,EAAE,MAAA,IAAI,CAAC,EAAE,mCAAI,IAAI,CAAC,KAAK,IACzB,CAAC;QACL,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IACO,WAAW,CAAC,SAAc;QAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;QACjD,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SACzC;QAGD,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC3C,CAAC;IAEO,iBAAiB,CAAC,SAAkB,EAAE,SAAiB;QAC7D,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;QAE9E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC;QAC5E,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAGvF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAc,EAAE,KAAa,EAAE,EAAE;YAC9C,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YAC5B,IAAI,IAAI,GAAG,EAAE,CAAC;YACd,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,SAAS,EAAE;gBACzC,IAAI,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;aACtC;iBAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;gBAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAA4C,CAAC;gBACrE,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;aACpD;YACD,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,iBAC/B,IAAI,EACJ,CAAC,EAAE,KAAK,IACL,CAAC,UAAU,CAAC,KAAK,CAAC;gBACnB,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC3F,CAAC,CAAC,KAAK,CAAC,EACF,CAAC;YACX,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,OAAO,CAAC;YAC5B,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,SAAS,EAAE,EAAE,CAAC,CAAC;YACjD,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QAGH,IAAI,KAAK,IAAI,IAAI,KAAK,MAAM,EAAE;YAC5B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAc,EAAE,KAAa,EAAE,EAAE;gBAC9C,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;gBAE5B,MAAM,UAAU,GAAG,EAAE,CAAC;gBACtB,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC3B,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC3E,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;gBACxD,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;gBAC7B,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;gBACpF,MAAM,IAAI,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC/C,MAAM,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACtD,MAAM,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACtD,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,iBAC/B,IAAI,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAChF,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EACnC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IACpE,CAAC,UAAU,CAAC,KAAK,CAAC;oBACnB,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;oBAC3F,CAAC,CAAC,KAAK,CAAC,EACF,CAAC;gBACX,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,OAAO,CAAC;gBAC5B,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,SAAS,EAAE,EAAE,CAAC,CAAC;gBACjD,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;SACJ;QAGD,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,EAAE;YACtC,MAAM,MAAM,GAAa,OAAO,CAAC,cAAc,CAAC;gBAC9C,CAAC,CAAE,cAA2B;gBAC9B,CAAC,CAAC,CAAC,cAAwB,EAAE,aAAa,CAAC,CAAC;YAC9C,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;YAGlE,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;gBACrD,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBACpE,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;gBAClD,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC;oBAChC,IAAI;oBACJ,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;iBACtB,CAAS,CAAC;gBACX,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,SAAS,CAAC;gBAC9B,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,WAAW,KAAK,EAAE,CAAC,CAAC;gBACtD,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;aACtB;SACF;IACH,CAAC;IAOS,UAAU,CAAC,EAAU;QAC7B,OAAO,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC;IAC5B,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;;AA5KM,0BAAiB,GAAgC;IACtD,KAAK,EAAE;QACL,SAAS,EAAE,CAAC;QACZ,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KACjB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;CACF,CAAC","file":"base.js","sourcesContent":["/**\n * @description 网格线\n */\nimport { isFunction, isArray, merge, PointService, abs, pi } from '@visactor/vutils';\nimport type { IGraphic, IGroup, Path } from '@visactor/vrender-core';\nimport { graphicCreator } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../../core/base';\nimport type { Point } from '../../core/type';\nimport type { GridItem, CircleGridAttributes, GridBaseAttributes, GridAttributes, LineGridAttributes } from './type';\nimport type { AxisItem, TransformedAxisItem } from '../type';\nimport { AXIS_ELEMENT_NAME } from '../constant';\nimport { getElMap, getVerticalCoord } from '../util';\n\nfunction getLinePath(points: Point[], closed: boolean) {\n  let path = '';\n  if (points.length === 0) {\n    return path;\n  }\n  points.forEach((point, index) => {\n    if (index === 0) {\n      path = `M${point.x},${point.y}`;\n    } else {\n      path += `L${point.x},${point.y}`;\n    }\n  });\n  if (closed) {\n    path += 'Z';\n  }\n\n  return path;\n}\n\nfunction getArcPath(center: Point, points: Point[], reverse: boolean, closed: boolean) {\n  let path = '';\n  if (!center || points.length === 0) {\n    return path;\n  }\n  const firstPoint = points[0];\n  const radius = PointService.distancePP(center, firstPoint);\n  const sweepFlag = reverse ? 0 : 1; // 顺时针还是逆时针\n  if (closed) {\n    // 封闭时，绘制整个圆\n    path += `M${center.x},${center.y - radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${\n      center.y + radius\n    }A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y - radius}Z`;\n  } else {\n    points.forEach((point, index) => {\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `A${radius},${radius},0,0,${sweepFlag},${point.x},${point.y}`;\n      }\n    });\n  }\n\n  return path;\n}\n\nfunction getRegionPath(from: Point[], to: Point[], attribute: GridAttributes) {\n  const { type, closed } = attribute;\n  const reversePoints = to.slice(0).reverse();\n\n  let regionPath = '';\n  let nextPath = '';\n\n  if (type === 'line' && (attribute as LineGridAttributes).smoothLink && (attribute as LineGridAttributes).center) {\n    const fromStart = from[0];\n    const toEnd = reversePoints[0];\n    const center = (attribute as LineGridAttributes).center as Point;\n\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n    const toEndRadius = PointService.distancePP(toEnd, center);\n    const fromStartRadius = PointService.distancePP(fromStart, center);\n    regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`;\n    nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;\n  } else if (type === 'circle') {\n    const { center } = attribute as CircleGridAttributes;\n    regionPath = getArcPath(center, from, false, !!closed);\n    nextPath = getArcPath(center, reversePoints, true, !!closed);\n  } else if (type === 'line' || type === 'polygon') {\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n  }\n\n  if (closed) {\n    regionPath += nextPath;\n  } else {\n    nextPath = 'L' + nextPath.substring(1); // 更新第一个节点\n    regionPath += nextPath;\n    regionPath += 'Z';\n  }\n  return regionPath;\n}\n\nexport abstract class BaseGrid<T extends GridBaseAttributes> extends AbstractComponent<Required<T>> {\n  name = 'axis-grid';\n\n  static defaultAttributes: Partial<GridBaseAttributes> = {\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    },\n    subGrid: {\n      visible: false,\n      style: {\n        lineWidth: 1,\n        stroke: '#999',\n        strokeOpacity: 1,\n        lineDash: [4, 4]\n      }\n    }\n  };\n\n  protected _innerView: IGroup;\n  getInnerView() {\n    return this._innerView;\n  }\n\n  protected _prevInnerView: { [key: string]: IGraphic }; // 缓存旧场景树，用于自定义动画\n  /**\n   * 获取更新前的旧场景树\n   * @returns 返回更新前的旧场景树\n   */\n  getPrevInnerView() {\n    return this._prevInnerView;\n  }\n\n  // 经过处理后的坐标轴点数据\n  protected data: TransformedAxisItem[] = [];\n  abstract getTickCoord(value: number): Point;\n  abstract isInValidValue(value: number): boolean;\n  abstract getVerticalVector(offset: number, inside: boolean, point: Point): [number, number];\n  protected abstract getGridAttribute(isSubGrid: boolean): T;\n\n  protected render(): void {\n    this._prevInnerView = this._innerView && getElMap(this._innerView);\n\n    this.removeAllChild(true);\n    this._innerView = graphicCreator.group({ x: 0, y: 0, pickable: false });\n    this.add(this._innerView);\n\n    const { items, visible } = this.attribute;\n    if (items && items.length && visible !== false) {\n      this.data = this._transformItems(items);\n      this._renderGrid(this._innerView);\n    }\n  }\n\n  protected getVerticalCoord(point: Point, offset: number, inside: boolean): Point {\n    return getVerticalCoord(point, this.getVerticalVector(offset, inside, point));\n  }\n\n  private _transformItems(items: AxisItem[]) {\n    const data: TransformedAxisItem[] = [];\n    items.forEach((item: AxisItem) => {\n      data.push({\n        ...item,\n        point: this.getTickCoord(item.value),\n        id: item.id ?? item.label\n      });\n    });\n    return data;\n  }\n  private _renderGrid(container: any) {\n    // 渲染 subGrid\n    const { visible } = this.attribute.subGrid || {};\n    if (visible) {\n      this._renderGridByType(true, container);\n    }\n\n    // 渲染 Grid，Grid 需要在 subGrid 上层渲染\n    this._renderGridByType(false, container);\n  }\n\n  private _renderGridByType(isSubGrid: boolean, container: IGroup) {\n    const gridAttrs = merge({}, this.attribute, this.getGridAttribute(isSubGrid));\n\n    const { type, items, style, closed, alternateColor, depth = 0 } = gridAttrs;\n    const name = isSubGrid ? `${AXIS_ELEMENT_NAME.grid}-sub` : `${AXIS_ELEMENT_NAME.grid}`;\n\n    // 绘制网格线\n    items.forEach((item: GridItem, index: number) => {\n      const { id, points } = item;\n      let path = '';\n      if (type === 'line' || type === 'polygon') {\n        path = getLinePath(points, !!closed);\n      } else if (type === 'circle') {\n        const { center } = this.attribute as unknown as CircleGridAttributes;\n        path = getArcPath(center, points, false, !!closed);\n      }\n      const shape = graphicCreator.path({\n        path,\n        z: depth,\n        ...(isFunction(style)\n          ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n          : style)\n      }) as Path;\n      shape.name = `${name}-line`;\n      shape.id = this._getNodeId(`${name}-path-${id}`);\n      container.add(shape);\n    });\n\n    // 添加额外的3d线段\n    if (depth && type === 'line') {\n      items.forEach((item: GridItem, index: number) => {\n        const { id, points } = item;\n        // 重新计算points，使其长度为depth\n        const nextPoints = [];\n        nextPoints.push(points[0]);\n        const dir = { x: points[1].x - points[0].x, y: points[1].y - points[0].y };\n        const dirLen = Math.sqrt(dir.x * dir.x + dir.y * dir.y);\n        const ratio = depth / dirLen;\n        nextPoints.push({ x: points[0].x + dir.x * ratio, y: points[0].y + dir.y * ratio });\n        const path = getLinePath(nextPoints, !!closed);\n        const deltaX = abs(nextPoints[0].x - nextPoints[1].x);\n        const deltaY = abs(nextPoints[0].y - nextPoints[1].y);\n        const shape = graphicCreator.path({\n          path,\n          z: 0,\n          alpha: deltaX > deltaY ? ((points[1].x - points[0].x > 0 ? -1 : 1) * pi) / 2 : 0,\n          beta: deltaX < deltaY ? -pi / 2 : 0,\n          anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y],\n          ...(isFunction(style)\n            ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n            : style)\n        }) as Path;\n        shape.name = `${name}-line`;\n        shape.id = this._getNodeId(`${name}-path-${id}`);\n        container.add(shape);\n      });\n    }\n\n    // 绘制填充区域\n    if (items.length > 1 && alternateColor) {\n      const colors: string[] = isArray(alternateColor)\n        ? (alternateColor as string[])\n        : [alternateColor as string, 'transparent'];\n      const getColor = (index: number) => colors[index % colors.length];\n\n      // const regions: any[] = [];\n      for (let index = 0; index < items.length - 1; index++) {\n        const [prev, curr] = [items[index].points, items[index + 1].points];\n        const path = getRegionPath(prev, curr, gridAttrs);\n        const shape = graphicCreator.path({\n          path,\n          fill: getColor(index)\n        }) as Path;\n        shape.name = `${name}-region`;\n        shape.id = this._getNodeId(`${name}-region-${index}`);\n        container.add(shape);\n      }\n    }\n  }\n\n  /**\n   * @override 覆写\n   * @param id\n   * @returns\n   */\n  protected _getNodeId(id: string) {\n    return `${this.id}-${id}`;\n  }\n\n  release(): void {\n    super.release();\n    this._prevInnerView = null;\n    this._innerView = null;\n  }\n}\n"]}

package/es/axis/index.d.ts

@@ -3,3 +3,4 @@ export * from './circle';
 export * from './type';
 export * from './animate';
 export * from './constant';
+export * from './util';

package/es/axis/index.js

@@ -7,4 +7,6 @@ export * from "./type";
 export * from "./animate";
 
 export * from "./constant";
+
+export * from "./util";
 //# sourceMappingURL=index.js.map

package/es/axis/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AAEzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["export * from './line';\nexport * from './circle';\n\nexport * from './type';\nexport * from './animate';\nexport * from './constant';\n"]}
+{"version":3,"sources":["../src/axis/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AAEzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAE3B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './line';\nexport * from './circle';\n\nexport * from './type';\nexport * from './animate';\nexport * from './constant';\n\nexport * from './util';\n"]}

package/es/axis/mixin/circle.js

@@ -2,7 +2,7 @@ import { polarToCartesian } from "@visactor/vutils";
 
 import { POLAR_START_ANGLE, POLAR_END_ANGLE } from "../../constant";
 
-import { scale, length } from "../../util";
+import { getCircleVerticalVector } from "../util";
 
 export class CircleAxisMixin {
     isInValidValue(value) {
@@ -14,8 +14,7 @@ export class CircleAxisMixin {
         return polarToCartesian(center, inside && innerRadius > 0 ? innerRadius : radius, startAngle + (endAngle - startAngle) * tickValue);
     }
     getVerticalVector(offset, inside = !1, point) {
-        const {inside: axisInside = !1} = this.attribute, {center: center} = this.attribute, vector = [ point.x - center.x, point.y - center.y ];
-        return scale(vector, (inside ? -1 : 1) * (axisInside ? -1 : 1) * offset / length(vector));
+        return getCircleVerticalVector(offset, point, this.attribute.center, inside, this.attribute.inside);
     }
     getRelativeVector(point) {
         const {center: center} = this.attribute;

package/es/axis/mixin/circle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/mixin/circle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAgC3C,MAAM,OAAO,eAAe;IAC1B,cAAc,CAAC,KAAa;QAC1B,MAAM,EAAE,UAAU,GAAG,iBAAiB,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACtF,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE;YACzD,OAAO,KAAK,GAAG,CAAC,CAAC;SAClB;QAED,OAAO,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;IAChC,CAAC;IAED,YAAY,CAAC,SAAiB;QAC5B,MAAM,EACJ,UAAU,GAAG,iBAAiB,EAC9B,QAAQ,GAAG,eAAe,EAC1B,MAAM,EACN,MAAM,EACN,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,CAAC,EAChB,GAAG,IAAI,CAAC,SAAS,CAAC;QACnB,MAAM,KAAK,GAAG,UAAU,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,SAAS,CAAC;QAC/D,OAAO,gBAAgB,CAAC,MAAM,EAAE,MAAM,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3F,CAAC;IAED,iBAAiB,CAAC,MAAc,EAAE,MAAM,GAAG,KAAK,EAAE,KAAY;QAC5D,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACtD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAClC,MAAM,MAAM,GAAqB,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAC1E,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9F,CAAC;IAED,iBAAiB,CAAC,KAAa;QAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;CACF","file":"circle.js","sourcesContent":["import { polarToCartesian } from '@visactor/vutils';\nimport { POLAR_START_ANGLE, POLAR_END_ANGLE } from '../../constant';\nimport { scale, length } from '../../util';\nimport type { Point } from '../../core/type';\n\nexport interface CircleAxisMixin {\n  attribute: {\n    /**\n     * 当配置了 innerRadius 时，可以通过设置 inside: true，将坐标轴战士在内圆半径上。\n     * @default false\n     */\n    inside?: boolean;\n    /**\n     * 圆心坐标\n     */\n    center: Point;\n    /**\n     * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n     *\n     */\n    startAngle?: number;\n    /**\n     * **弧度值**，结束弧度，默认 1.5 * Math.PI\n     */\n    endAngle?: number;\n    /**\n     * 半径\n     */\n    radius: number;\n    /** 内半径 */\n    innerRadius?: number;\n  };\n}\n\nexport class CircleAxisMixin {\n  isInValidValue(value: number) {\n    const { startAngle = POLAR_START_ANGLE, endAngle = POLAR_END_ANGLE } = this.attribute;\n    if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n      return value > 1;\n    }\n\n    return value < 0 || value > 1;\n  }\n\n  getTickCoord(tickValue: number): Point {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      center,\n      radius,\n      inside = false,\n      innerRadius = 0\n    } = this.attribute;\n    const angle = startAngle + (endAngle - startAngle) * tickValue;\n    return polarToCartesian(center, inside && innerRadius > 0 ? innerRadius : radius, angle);\n  }\n\n  getVerticalVector(offset: number, inside = false, point: Point): [number, number] {\n    const { inside: axisInside = false } = this.attribute;\n    const { center } = this.attribute;\n    const vector: [number, number] = [point.x - center.x, point.y - center.y];\n    return scale(vector, ((inside ? -1 : 1) * (axisInside ? -1 : 1) * offset) / length(vector));\n  }\n\n  getRelativeVector(point?: Point): [number, number] {\n    const { center } = this.attribute;\n    return [point.y - center.y, -1 * (point.x - center.x)];\n  }\n}\n"]}
+{"version":3,"sources":["../src/axis/mixin/circle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AA+BlD,MAAM,OAAO,eAAe;IAC1B,cAAc,CAAC,KAAa;QAC1B,MAAM,EAAE,UAAU,GAAG,iBAAiB,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACtF,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE;YACzD,OAAO,KAAK,GAAG,CAAC,CAAC;SAClB;QAED,OAAO,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;IAChC,CAAC;IAED,YAAY,CAAC,SAAiB;QAC5B,MAAM,EACJ,UAAU,GAAG,iBAAiB,EAC9B,QAAQ,GAAG,eAAe,EAC1B,MAAM,EACN,MAAM,EACN,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,CAAC,EAChB,GAAG,IAAI,CAAC,SAAS,CAAC;QACnB,MAAM,KAAK,GAAG,UAAU,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,SAAS,CAAC;QAC/D,OAAO,gBAAgB,CAAC,MAAM,EAAE,MAAM,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3F,CAAC;IAED,iBAAiB,CAAC,MAAc,EAAE,MAAM,GAAG,KAAK,EAAE,KAAY;QAC5D,OAAO,uBAAuB,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtG,CAAC;IAED,iBAAiB,CAAC,KAAa;QAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;CACF","file":"circle.js","sourcesContent":["import { polarToCartesian } from '@visactor/vutils';\nimport { POLAR_START_ANGLE, POLAR_END_ANGLE } from '../../constant';\nimport { scale, length } from '../../util';\nimport type { Point } from '../../core/type';\nimport { getCircleVerticalVector } from '../util';\n\nexport interface CircleAxisMixin {\n  attribute: {\n    /**\n     * 当配置了 innerRadius 时，可以通过设置 inside: true，将坐标轴战士在内圆半径上。\n     * @default false\n     */\n    inside?: boolean;\n    /**\n     * 圆心坐标\n     */\n    center: Point;\n    /**\n     * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n     *\n     */\n    startAngle?: number;\n    /**\n     * **弧度值**，结束弧度，默认 1.5 * Math.PI\n     */\n    endAngle?: number;\n    /**\n     * 半径\n     */\n    radius: number;\n    /** 内半径 */\n    innerRadius?: number;\n  };\n}\n\nexport class CircleAxisMixin {\n  isInValidValue(value: number) {\n    const { startAngle = POLAR_START_ANGLE, endAngle = POLAR_END_ANGLE } = this.attribute;\n    if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n      return value > 1;\n    }\n\n    return value < 0 || value > 1;\n  }\n\n  getTickCoord(tickValue: number): Point {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      center,\n      radius,\n      inside = false,\n      innerRadius = 0\n    } = this.attribute;\n    const angle = startAngle + (endAngle - startAngle) * tickValue;\n    return polarToCartesian(center, inside && innerRadius > 0 ? innerRadius : radius, angle);\n  }\n\n  getVerticalVector(offset: number, inside = false, point: Point): [number, number] {\n    return getCircleVerticalVector(offset, point, this.attribute.center, inside, this.attribute.inside);\n  }\n\n  getRelativeVector(point?: Point): [number, number] {\n    const { center } = this.attribute;\n    return [point.y - center.y, -1 * (point.x - center.x)];\n  }\n}\n"]}

package/es/axis/overlap/auto-limit.js

@@ -1,10 +1,12 @@
-import { isEmpty, isNil, isNumberClose, isValidNumber } from "@visactor/vutils";
+import { isEmpty, isNil, isValidNumber } from "@visactor/vutils";
 
 export function autoLimit(labels, config) {
     const {limitLength: limitLength, verticalLimitLength: verticalLimitLength, ellipsis: ellipsis = "...", orient: orient, axisLength: axisLength} = config;
-    !isEmpty(labels) && isValidNumber(limitLength) && labels.forEach((label => {
+    if (isEmpty(labels) || !isValidNumber(limitLength)) return;
+    const DELTA = Math.sin(Math.PI / 10);
+    labels.forEach((label => {
         var _a;
-        const angle = label.attribute.angle, hasAngle = !isNil(angle), cos = hasAngle ? Math.cos(angle) : 1, sin = hasAngle ? Math.sin(angle) : 0, isHorizontal = !hasAngle || isNumberClose(sin, 0), isVertical = hasAngle && isNumberClose(cos, 0), isX = "top" === orient || "bottom" === orient;
+        const angle = label.attribute.angle, hasAngle = !isNil(angle), cos = hasAngle ? Math.cos(angle) : 1, sin = hasAngle ? Math.sin(angle) : 0, isHorizontal = !hasAngle || Math.abs(sin) <= DELTA, isVertical = hasAngle && Math.abs(cos) <= DELTA, isX = "top" === orient || "bottom" === orient;
         if (isX) {
             if (isVertical && Math.floor(label.AABBBounds.height()) <= limitLength) return;
             if (isHorizontal && Math.floor(label.AABBBounds.width()) <= verticalLimitLength) return;
@@ -18,16 +20,10 @@ export function autoLimit(labels, config) {
             }
         }
         let limitLabelLength = null;
-        if (isHorizontal || isVertical) limitLabelLength = isX ? isHorizontal ? verticalLimitLength : limitLength : "vertical" === direction || isVertical ? verticalLimitLength : limitLength; else {
-            const cos = Math.cos(angle), sin = Math.sin(angle);
-            if (isX) {
-                const {x1: x1, x2: x2} = label.AABBBounds;
-                limitLabelLength = cos > 0 && x1 <= axisLength && cos * limitLength / Math.abs(sin) + x1 > axisLength ? (axisLength - x1) / cos : cos < 0 && x2 >= 0 && cos * limitLength / Math.abs(sin) + x2 < 0 ? -x2 / cos : Math.abs(limitLength / sin);
-            } else {
-                const {y1: y1, y2: y2} = label.AABBBounds;
-                limitLabelLength = sin > 0 && y2 >= 0 && y2 - sin * limitLength / Math.abs(cos) < 0 ? y2 / sin : sin < 0 && y1 <= axisLength && y1 - sin * limitLength / Math.abs(cos) > axisLength ? -(axisLength - y1) / sin : Math.abs(limitLength / cos);
-            }
-        }
+        if (isHorizontal || isVertical) limitLabelLength = isX ? isHorizontal ? verticalLimitLength : limitLength : "vertical" === direction || isVertical ? verticalLimitLength : limitLength; else if (isX) {
+            const {x1: x1, x2: x2} = label.AABBBounds, tan = sin / cos;
+            limitLabelLength = tan > 0 && x1 <= axisLength && limitLength / tan + x1 > axisLength ? (axisLength - x1) / Math.abs(cos) : tan < 0 && x2 >= 0 && limitLength / tan + x2 < 0 ? x2 / Math.abs(cos) : Math.abs(limitLength / sin);
+        } else limitLabelLength = Math.abs(limitLength / cos);
         isValidNumber(label.attribute.maxLineWidth) && (limitLabelLength = isValidNumber(limitLabelLength) ? Math.min(label.attribute.maxLineWidth, limitLabelLength) : label.attribute.maxLineWidth), 
         label.setAttributes({
             maxLineWidth: limitLabelLength,

package/es/axis/overlap/auto-limit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/overlap/auto-limit.ts"],"names":[],"mappings":"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","file":"auto-limit.js","sourcesContent":["/**\n * 自动省略\n */\nimport type { IText } from '@visactor/vrender-core';\nimport { isEmpty, isNil, isNumberClose, isValidNumber } from '@visactor/vutils';\n\ntype LimitConfig = {\n  orient: string;\n  limitLength: number;\n  axisLength: number;\n  verticalLimitLength?: number;\n  ellipsis?: string;\n};\n\nexport function autoLimit(labels: IText[], config: LimitConfig) {\n  const { limitLength, verticalLimitLength, ellipsis = '...', orient, axisLength } = config;\n  if (isEmpty(labels) || !isValidNumber(limitLength)) {\n    return;\n  }\n\n  labels.forEach(label => {\n    const angle = label.attribute.angle;\n\n    const hasAngle = !isNil(angle);\n    const cos = hasAngle ? Math.cos(angle) : 1;\n    const sin = hasAngle ? Math.sin(angle) : 0;\n    const isHorizontal = !hasAngle || isNumberClose(sin, 0);\n    const isVertical = hasAngle && isNumberClose(cos, 0);\n    const isX = orient === 'top' || orient === 'bottom';\n\n    if (isX) {\n      if (isVertical && Math.floor(label.AABBBounds.height()) <= limitLength) {\n        return;\n      }\n      if (isHorizontal && Math.floor(label.AABBBounds.width()) <= verticalLimitLength) {\n        return;\n      }\n    }\n\n    const direction = label.attribute.direction;\n    if (!isX) {\n      if (direction === 'vertical' && Math.floor(label.AABBBounds.height()) <= verticalLimitLength) {\n        return;\n      }\n\n      if (direction !== 'vertical') {\n        if (isHorizontal && Math.floor(label.AABBBounds.width()) <= limitLength) {\n          return;\n        }\n        if (isVertical && Math.floor(label.AABBBounds.height()) <= verticalLimitLength) {\n          return;\n        }\n      }\n    }\n\n    // 如果水平并且文本未发生旋转，则不配置 maxLineWidth\n    let limitLabelLength = null;\n\n    if (!isHorizontal && !isVertical) {\n      const cos = Math.cos(angle);\n      const sin = Math.sin(angle);\n      if (isX) {\n        const { x1, x2 } = label.AABBBounds;\n\n        if (cos > 0 && x1 <= axisLength && (cos * limitLength) / Math.abs(sin) + x1 > axisLength) {\n          limitLabelLength = (axisLength - x1) / cos;\n        } else if (cos < 0 && x2 >= 0 && (cos * limitLength) / Math.abs(sin) + x2 < 0) {\n          limitLabelLength = -x2 / cos;\n        } else {\n          limitLabelLength = Math.abs(limitLength / sin);\n        }\n      } else {\n        const { y1, y2 } = label.AABBBounds;\n\n        if (sin > 0 && y2 >= 0 && y2 - (sin * limitLength) / Math.abs(cos) < 0) {\n          limitLabelLength = y2 / sin;\n        } else if (sin < 0 && y1 <= axisLength && y1 - (sin * limitLength) / Math.abs(cos) > axisLength) {\n          limitLabelLength = -(axisLength - y1) / sin;\n        } else {\n          limitLabelLength = Math.abs(limitLength / cos);\n        }\n      }\n    } else if (isX) {\n      limitLabelLength = isHorizontal ? verticalLimitLength : limitLength;\n    } else {\n      limitLabelLength = direction === 'vertical' || isVertical ? verticalLimitLength : limitLength;\n    }\n\n    if (isValidNumber(label.attribute.maxLineWidth)) {\n      limitLabelLength = isValidNumber(limitLabelLength)\n        ? Math.min(label.attribute.maxLineWidth, limitLabelLength)\n        : label.attribute.maxLineWidth;\n    }\n    label.setAttributes({\n      maxLineWidth: limitLabelLength,\n      ellipsis: label.attribute.ellipsis ?? ellipsis\n    });\n  });\n}\n"]}
+{"version":3,"sources":["../src/axis/overlap/auto-limit.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAiB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUhF,MAAM,UAAU,SAAS,CAAC,MAAe,EAAE,MAAmB;IAC5D,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAC1F,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;QAClD,OAAO;KACR;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAErC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;;QACrB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QAEpC,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/B,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC;QACzD,MAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC;QACtD,MAAM,GAAG,GAAG,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,QAAQ,CAAC;QAEpD,IAAI,GAAG,EAAE;YACP,IAAI,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,IAAI,WAAW,EAAE;gBACtE,OAAO;aACR;YACD,IAAI,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,mBAAmB,EAAE;gBAC/E,OAAO;aACR;SACF;QAED,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QAC5C,IAAI,CAAC,GAAG,EAAE;YACR,IAAI,SAAS,KAAK,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,IAAI,mBAAmB,EAAE;gBAC5F,OAAO;aACR;YAED,IAAI,SAAS,KAAK,UAAU,EAAE;gBAC5B,IAAI,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,WAAW,EAAE;oBACvE,OAAO;iBACR;gBACD,IAAI,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,IAAI,mBAAmB,EAAE;oBAC9E,OAAO;iBACR;aACF;SACF;QAGD,IAAI,gBAAgB,GAAG,IAAI,CAAC;QAE5B,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EAAE;YAChC,IAAI,GAAG,EAAE;gBACP,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC;gBACpC,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;gBAEtB,IAAI,GAAG,GAAG,CAAC,IAAI,EAAE,IAAI,UAAU,IAAI,WAAW,GAAG,GAAG,GAAG,EAAE,GAAG,UAAU,EAAE;oBACtE,gBAAgB,GAAG,CAAC,UAAU,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;iBACtD;qBAAM,IAAI,GAAG,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,WAAW,GAAG,GAAG,GAAG,EAAE,GAAG,CAAC,EAAE;oBAC3D,gBAAgB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;iBACvC;qBAAM;oBACL,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC;iBAChD;aACF;iBAAM;gBAWL,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC;aAChD;SACF;aAAM,IAAI,GAAG,EAAE;YACd,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC;SACrE;aAAM;YACL,gBAAgB,GAAG,SAAS,KAAK,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC;SAC/F;QAED,IAAI,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE;YAC/C,gBAAgB,GAAG,aAAa,CAAC,gBAAgB,CAAC;gBAChD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,CAAC;gBAC1D,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC;SAClC;QACD,KAAK,CAAC,aAAa,CAAC;YAClB,YAAY,EAAE,gBAAgB;YAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,SAAS,CAAC,QAAQ,mCAAI,QAAQ;SAC/C,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC","file":"auto-limit.js","sourcesContent":["/**\n * 自动省略\n */\nimport type { IText } from '@visactor/vrender-core';\nimport { isEmpty, isNil, isNumberClose, isValidNumber } from '@visactor/vutils';\n\ntype LimitConfig = {\n  orient: string;\n  limitLength: number;\n  axisLength: number;\n  verticalLimitLength?: number;\n  ellipsis?: string;\n};\n\nexport function autoLimit(labels: IText[], config: LimitConfig) {\n  const { limitLength, verticalLimitLength, ellipsis = '...', orient, axisLength } = config;\n  if (isEmpty(labels) || !isValidNumber(limitLength)) {\n    return;\n  }\n  const DELTA = Math.sin(Math.PI / 10);\n\n  labels.forEach(label => {\n    const angle = label.attribute.angle;\n\n    const hasAngle = !isNil(angle);\n    const cos = hasAngle ? Math.cos(angle) : 1;\n    const sin = hasAngle ? Math.sin(angle) : 0;\n    const isHorizontal = !hasAngle || Math.abs(sin) <= DELTA;\n    const isVertical = hasAngle && Math.abs(cos) <= DELTA;\n    const isX = orient === 'top' || orient === 'bottom';\n\n    if (isX) {\n      if (isVertical && Math.floor(label.AABBBounds.height()) <= limitLength) {\n        return;\n      }\n      if (isHorizontal && Math.floor(label.AABBBounds.width()) <= verticalLimitLength) {\n        return;\n      }\n    }\n\n    const direction = label.attribute.direction;\n    if (!isX) {\n      if (direction === 'vertical' && Math.floor(label.AABBBounds.height()) <= verticalLimitLength) {\n        return;\n      }\n\n      if (direction !== 'vertical') {\n        if (isHorizontal && Math.floor(label.AABBBounds.width()) <= limitLength) {\n          return;\n        }\n        if (isVertical && Math.floor(label.AABBBounds.height()) <= verticalLimitLength) {\n          return;\n        }\n      }\n    }\n\n    // 如果水平并且文本未发生旋转，则不配置 maxLineWidth\n    let limitLabelLength = null;\n\n    if (!isHorizontal && !isVertical) {\n      if (isX) {\n        const { x1, x2 } = label.AABBBounds;\n        const tan = sin / cos;\n\n        if (tan > 0 && x1 <= axisLength && limitLength / tan + x1 > axisLength) {\n          limitLabelLength = (axisLength - x1) / Math.abs(cos);\n        } else if (tan < 0 && x2 >= 0 && limitLength / tan + x2 < 0) {\n          limitLabelLength = x2 / Math.abs(cos);\n        } else {\n          limitLabelLength = Math.abs(limitLength / sin);\n        }\n      } else {\n        // y轴暂时不限制在平行于坐标轴的矩形内，后续可以考虑通过配置开启\n        // const { y1, y2 } = label.AABBBounds;\n        // const tan = sin / cos;\n\n        // if (tan > 0 && y2 >= 0 && y2 - tan * limitLength < 0) {\n        //   limitLabelLength = y2 / Math.abs(sin);\n        // } else if (tan < 0 && y1 <= axisLength && y1 - tan * limitLength > axisLength) {\n        //   limitLabelLength = (axisLength - y1) / Math.abs(sin);\n        // } else {\n        // }\n        limitLabelLength = Math.abs(limitLength / cos);\n      }\n    } else if (isX) {\n      limitLabelLength = isHorizontal ? verticalLimitLength : limitLength;\n    } else {\n      limitLabelLength = direction === 'vertical' || isVertical ? verticalLimitLength : limitLength;\n    }\n\n    if (isValidNumber(label.attribute.maxLineWidth)) {\n      limitLabelLength = isValidNumber(limitLabelLength)\n        ? Math.min(label.attribute.maxLineWidth, limitLabelLength)\n        : label.attribute.maxLineWidth;\n    }\n    label.setAttributes({\n      maxLineWidth: limitLabelLength,\n      ellipsis: label.attribute.ellipsis ?? ellipsis\n    });\n  });\n}\n"]}

package/es/axis/util.d.ts

@@ -1,10 +1,13 @@
 import type { IGraphic, IGroup, ITextGraphicAttribute } from '@visactor/vrender-core';
 import type { Dict } from '@visactor/vutils';
-import { type Point } from '@visactor/vutils';
+import type { Vector2 } from '../util';
+import type { Point } from '../core/type';
 export declare const clampRadian: (angle?: number) => number;
 export declare function isInRange(a: number, min: number, max: number): boolean;
-export declare function getLabelPosition(tickPosition: Point, tickVector: [number, number], text: string | number, style: Partial<ITextGraphicAttribute>): {
+export declare function getCircleLabelPosition(tickPosition: Point, tickVector: [number, number], text: string | number, style: Partial<ITextGraphicAttribute>): {
     x: number;
     y: number;
 };
 export declare function getElMap(g: IGroup): Dict<IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>>>;
+export declare function getVerticalCoord(point: Point, vector: Vector2): Point;
+export declare function getCircleVerticalVector(offset: number, point: Point, center: Point, inside?: boolean, axisInside?: boolean): Vector2;

package/es/axis/util.js

@@ -4,6 +4,8 @@ import { isGreater, isLess, tau } from "@visactor/vutils";
 
 import { traverseGroup } from "../util/common";
 
+import { scale, length } from "../util";
+
 export const clampRadian = (angle = 0) => {
     if (angle < 0) for (;angle < 0; ) angle += tau; else if (angle > 0) for (;angle > tau; ) angle -= tau;
     return angle;
@@ -13,7 +15,7 @@ export function isInRange(a, min, max) {
     return !isLess(a, min, 0, 1e-6) && !isGreater(a, max, 0, 1e-6);
 }
 
-export function getLabelPosition(tickPosition, tickVector, text, style) {
+export function getCircleLabelPosition(tickPosition, tickVector, text, style) {
     const labelBounds = getTextBounds(Object.assign({
         text: text
     }, style)), width = labelBounds.width(), height = labelBounds.height(), angle = clampRadian(Math.atan2(tickVector[1], tickVector[0])) - Math.PI, PI_3_4 = 3 * Math.PI / 4, PI_1_4 = Math.PI / 4, PI_1_2 = Math.PI / 2, baseX = tickPosition.x;
@@ -34,4 +36,16 @@ export function getElMap(g) {
         "group" !== el.type && el.id && (elMap[el.id] = el);
     })), elMap;
 }
+
+export function getVerticalCoord(point, vector) {
+    return {
+        x: point.x + vector[0],
+        y: point.y + vector[1]
+    };
+}
+
+export function getCircleVerticalVector(offset, point, center, inside = !1, axisInside = !1) {
+    const vector = [ point.x - center.x, point.y - center.y ];
+    return scale(vector, (inside ? -1 : 1) * (axisInside ? -1 : 1) * offset / length(vector));
+}
 //# sourceMappingURL=util.js.map

package/es/axis/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { getTextBounds } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGraphic, IGroup, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport type { Dict } from '@visactor/vutils';\nimport { isGreater, isLess, tau, type Point } from '@visactor/vutils';\nimport { traverseGroup } from '../util/common';\n\n// 和 vutils 版本不同\nexport const clampRadian = (angle: number = 0) => {\n  if (angle < 0) {\n    while (angle < 0) {\n      angle += tau;\n    }\n  } else if (angle > 0) {\n    while (angle > tau) {\n      angle -= tau;\n    }\n  }\n  return angle;\n};\n\n// 判断数值是否在制定范围内，包含误差\nexport function isInRange(a: number, min: number, max: number) {\n  return !isLess(a, min, 0, 1e-6) && !isGreater(a, max, 0, 1e-6);\n}\n\nexport function getLabelPosition(\n  tickPosition: Point,\n  tickVector: [number, number],\n  text: string | number,\n  style: Partial<ITextGraphicAttribute>\n) {\n  const labelBounds = getTextBounds({\n    text,\n    ...style\n  });\n  const width = labelBounds.width();\n  const height = labelBounds.height();\n  const angle = clampRadian(Math.atan2(tickVector[1], tickVector[0])) - Math.PI;\n\n  const PI_3_4 = (Math.PI * 3) / 4;\n  const PI_1_4 = Math.PI / 4;\n  const PI_1_2 = Math.PI / 2;\n\n  // x\n  const baseX = tickPosition.x;\n  let dx = 0;\n  if (isInRange(angle, -PI_3_4, -PI_1_4)) {\n    dx = ((angle + PI_3_4) / PI_1_2 - 0.5) * width;\n  } else if (isInRange(angle, PI_1_4, PI_3_4)) {\n    dx = (0.5 - (angle - PI_1_4) / PI_1_2) * width;\n  } else if (Math.cos(angle) >= 0) {\n    dx = width * 0.5;\n  } else {\n    dx = -width * 0.5;\n  }\n  const x = baseX - dx;\n\n  const baseY = tickPosition.y;\n  let dy = 0;\n  if (isInRange(angle, -PI_3_4, -PI_1_4)) {\n    dy = -height * 0.5;\n  } else if (isInRange(angle, PI_1_4, PI_3_4)) {\n    dy = height * 0.5;\n  } else if (Math.cos(angle) >= 0) {\n    dy = (0.5 - (PI_1_4 - angle) / PI_1_2) * height;\n  } else {\n    dy = (0.5 - clampRadian(angle - PI_3_4) / PI_1_2) * height;\n  }\n  const y = baseY - dy;\n\n  return { x, y };\n}\n\nexport function getElMap(g: IGroup) {\n  const elMap: Dict<IGraphic> = {};\n  traverseGroup(g, (el: IGraphic) => {\n    if ((el as IGraphic).type !== 'group' && el.id) {\n      elMap[el.id] = el;\n    }\n  });\n  return elMap;\n}\n"]}
+{"version":3,"sources":["../src/axis/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { getTextBounds } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGraphic, IGroup, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport type { Dict } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isGreater, isLess, tau } from '@visactor/vutils';\nimport { traverseGroup } from '../util/common';\nimport type { Vector2 } from '../util';\n// eslint-disable-next-line no-duplicate-imports\nimport { scale, length } from '../util';\nimport type { Point } from '../core/type';\n\n// 和 vutils 版本不同\nexport const clampRadian = (angle: number = 0) => {\n  if (angle < 0) {\n    while (angle < 0) {\n      angle += tau;\n    }\n  } else if (angle > 0) {\n    while (angle > tau) {\n      angle -= tau;\n    }\n  }\n  return angle;\n};\n\n// 判断数值是否在制定范围内，包含误差\nexport function isInRange(a: number, min: number, max: number) {\n  return !isLess(a, min, 0, 1e-6) && !isGreater(a, max, 0, 1e-6);\n}\n\nexport function getCircleLabelPosition(\n  tickPosition: Point,\n  tickVector: [number, number],\n  text: string | number,\n  style: Partial<ITextGraphicAttribute>\n) {\n  const labelBounds = getTextBounds({\n    text,\n    ...style\n  });\n  const width = labelBounds.width();\n  const height = labelBounds.height();\n  const angle = clampRadian(Math.atan2(tickVector[1], tickVector[0])) - Math.PI;\n\n  const PI_3_4 = (Math.PI * 3) / 4;\n  const PI_1_4 = Math.PI / 4;\n  const PI_1_2 = Math.PI / 2;\n\n  // x\n  const baseX = tickPosition.x;\n  let dx = 0;\n  if (isInRange(angle, -PI_3_4, -PI_1_4)) {\n    dx = ((angle + PI_3_4) / PI_1_2 - 0.5) * width;\n  } else if (isInRange(angle, PI_1_4, PI_3_4)) {\n    dx = (0.5 - (angle - PI_1_4) / PI_1_2) * width;\n  } else if (Math.cos(angle) >= 0) {\n    dx = width * 0.5;\n  } else {\n    dx = -width * 0.5;\n  }\n  const x = baseX - dx;\n\n  const baseY = tickPosition.y;\n  let dy = 0;\n  if (isInRange(angle, -PI_3_4, -PI_1_4)) {\n    dy = -height * 0.5;\n  } else if (isInRange(angle, PI_1_4, PI_3_4)) {\n    dy = height * 0.5;\n  } else if (Math.cos(angle) >= 0) {\n    dy = (0.5 - (PI_1_4 - angle) / PI_1_2) * height;\n  } else {\n    dy = (0.5 - clampRadian(angle - PI_3_4) / PI_1_2) * height;\n  }\n  const y = baseY - dy;\n\n  return { x, y };\n}\n\nexport function getElMap(g: IGroup) {\n  const elMap: Dict<IGraphic> = {};\n  traverseGroup(g, (el: IGraphic) => {\n    if ((el as IGraphic).type !== 'group' && el.id) {\n      elMap[el.id] = el;\n    }\n  });\n  return elMap;\n}\n\nexport function getVerticalCoord(point: Point, vector: Vector2): Point {\n  return {\n    x: point.x + vector[0],\n    y: point.y + vector[1]\n  };\n}\n\nexport function getCircleVerticalVector(\n  offset: number,\n  point: Point,\n  center: Point,\n  inside = false,\n  axisInside = false\n): Vector2 {\n  const vector: [number, number] = [point.x - center.x, point.y - center.y];\n  return scale(vector, ((inside ? -1 : 1) * (axisInside ? -1 : 1) * offset) / length(vector));\n}\n"]}

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.18.7-alpha.1";
+export declare const version = "0.18.8";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.18.7-alpha.1";
+export const version = "0.18.8";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.18.7-alpha.1\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEhC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.18.8\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './util';\n"]}

package/es/legend/color/color.js

@@ -30,7 +30,7 @@ export class ColorContinuousLegend extends LegendBase {
         this._slider && (this._slider.setValue(value), this._updateColor());
     }
     _renderContent() {
-        const {colors: colors, slidable: slidable, layout: layout, align: align, min: min, max: max, value: value, railWidth: railWidth, railHeight: railHeight, showHandler: showHandler = !0, handlerSize: handlerSize, handlerStyle: handlerStyle, railStyle: railStyle, trackStyle: trackStyle, startText: startText, endText: endText, handlerText: handlerText, showTooltip: showTooltip, tooltip: tooltip, disableTriggerEvent: disableTriggerEvent} = this.attribute, domain = [], step = (max - min) / (colors.length - 1);
+        const {colors: colors, slidable: slidable, layout: layout, align: align, min: min, max: max, value: value, railWidth: railWidth, railHeight: railHeight, showHandler: showHandler = !0, handlerSize: handlerSize, handlerStyle: handlerStyle, railStyle: railStyle, trackStyle: trackStyle, startText: startText, endText: endText, handlerText: handlerText, showTooltip: showTooltip, tooltip: tooltip, inverse: inverse, disableTriggerEvent: disableTriggerEvent} = this.attribute, domain = [], step = (max - min) / (colors.length - 1);
         for (let i = 0; i < colors.length; i++) domain.push(min + step * i);
         this._colorScale = (new LinearScale).domain(domain, !0).range(colors), this._color = this._getTrackColor();
         const slider = new Slider({
@@ -59,7 +59,8 @@ export class ColorContinuousLegend extends LegendBase {
             handlerText: handlerText,
             showTooltip: showTooltip,
             tooltip: tooltip,
-            disableTriggerEvent: disableTriggerEvent
+            disableTriggerEvent: disableTriggerEvent,
+            inverse: inverse
         });
         this._innerView.add(slider), this._slider = slider, slider.translateTo(0 - slider.AABBBounds.x1, (this._title ? this._title.AABBBounds.height() + get(this.attribute, "title.space", DEFAULT_TITLE_SPACE) : 0) - slider.AABBBounds.y1), 
         this._updateColor();
@@ -69,7 +70,7 @@ export class ColorContinuousLegend extends LegendBase {
         this._slider.addEventListener("sliderTooltip", this._onSliderToolipChange));
     }
     _getTrackColor() {
-        const {colors: colors, layout: layout} = this.attribute;
+        const {colors: colors, layout: layout, inverse: inverse} = this.attribute;
         if (isEmpty(colors)) return;
         const count = colors.length;
         if (1 === count) return colors[0];
@@ -81,8 +82,7 @@ export class ColorContinuousLegend extends LegendBase {
                 color: colors[i]
             });
         }
-        const isHorizontal = "horizontal" === layout;
-        return {
+        const isHorizontal = "horizontal" === layout, res = {
             gradient: "linear",
             stops: stops,
             x0: 0,
@@ -90,6 +90,8 @@ export class ColorContinuousLegend extends LegendBase {
             x1: isHorizontal ? 1 : 0,
             y1: isHorizontal ? 0 : 1
         };
+        return inverse && (isHorizontal ? (res.x0 = 1, res.x1 = 0) : (res.y0 = 1, res.y1 = 0)), 
+        res;
     }
     _updateColor() {
         const {layout: layout = "horizontal", colors: colors, railWidth: railWidth, railHeight: railHeight} = this.attribute, {startHandler: startHandler, endHandler: endHandler, track: track} = this._slider, {startValue: startValue, endValue: endValue, startPos: startPos, endPos: endPos} = this._slider.currentValue, startHandlerColor = this._colorScale.scale(startValue), endHandlerColor = this._colorScale.scale(endValue);

package/es/legend/color/color.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/legend/color/color.ts"],"names":[],"mappings":"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","file":"color.js","sourcesContent":["/**\n * @description 连续颜色图例\n * TODO:\n * showHandlers 测试\n */\nimport { merge, isEmpty, get, isNil } from '@visactor/vutils';\nimport type { FederatedPointerEvent, FederatedEvent, IColor, ILinearGradient, INode } from '@visactor/vrender-core';\nimport type { ILinearScale } from '@visactor/vscale';\nimport { LinearScale } from '@visactor/vscale';\nimport { LegendBase } from '../base';\nimport { Slider } from '../../slider';\nimport { DEFAULT_TITLE_SPACE } from '../constant';\nimport type { ColorLegendAttributes } from './type';\nimport type { ComponentOptions } from '../../interface';\nimport { loadColorContinuousLegendComponent } from '../register';\n\nloadColorContinuousLegendComponent();\nexport class ColorContinuousLegend extends LegendBase<ColorLegendAttributes> {\n  name = 'colorLegend';\n\n  static defaultAttributes = {\n    layout: 'horizontal',\n    title: {\n      // orient: 'top',\n      align: 'start',\n      space: DEFAULT_TITLE_SPACE,\n      textStyle: {\n        fontSize: 12,\n        fontWeight: 'bold',\n        fill: 'rgba(46, 47, 50, 1)'\n      }\n    },\n    handlerSize: 10,\n    handlerStyle: {\n      lineWidth: 4,\n      stroke: '#fff',\n      outerBorder: {\n        distance: 2,\n        lineWidth: 1,\n        stroke: '#ccc'\n      }\n    },\n    tooltip: {\n      shapeStyle: {\n        lineWidth: 4,\n        stroke: '#fff'\n      }\n    }\n  };\n\n  private _slider!: Slider;\n  private _colorScale!: ILinearScale;\n  private _color: IColor | undefined;\n\n  constructor(attributes: ColorLegendAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, ColorContinuousLegend.defaultAttributes, attributes));\n  }\n\n  /**\n   * 更新数据选中范围\n   * @param value 选中数据范围\n   * @returns\n   */\n  setSelected(value: number[]) {\n    if (!this._slider) {\n      return;\n    }\n    this._slider.setValue(value);\n    this._updateColor();\n  }\n\n  protected _renderContent(): void {\n    const {\n      colors,\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler = true,\n      handlerSize,\n      handlerStyle,\n      railStyle,\n      trackStyle,\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip,\n      disableTriggerEvent\n    } = this.attribute as ColorLegendAttributes;\n\n    // 创建 colorScale\n    const domain = [];\n    const step = (max - min) / (colors.length - 1);\n    for (let i = 0; i < colors.length; i++) {\n      domain.push(min + step * i);\n    }\n    this._colorScale = new LinearScale().domain(domain, true).range(colors);\n    this._color = this._getTrackColor();\n\n    const slider = new Slider({\n      x: 0,\n      y: 0,\n      range: {\n        draggableTrack: true\n      },\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler,\n      handlerSize,\n      handlerStyle,\n      railStyle,\n      trackStyle: {\n        fill: this._color,\n        ...trackStyle\n      },\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip,\n      disableTriggerEvent\n    });\n    this._innerView.add(slider as unknown as INode);\n    this._slider = slider;\n    // 做下位置调整，对齐\n    slider.translateTo(\n      0 - slider.AABBBounds.x1,\n      (this._title ? this._title.AABBBounds.height() + get(this.attribute, 'title.space', DEFAULT_TITLE_SPACE) : 0) -\n        slider.AABBBounds.y1\n    );\n    this._updateColor();\n  }\n\n  protected _bindEvents(): void {\n    if (this.attribute.disableTriggerEvent) {\n      return;\n    }\n    if (this._slider) {\n      this._slider.addEventListener('change', this._onSliderChange as EventListenerOrEventListenerObject);\n      this._slider.addEventListener('sliderTooltip', this._onSliderToolipChange as EventListenerOrEventListenerObject);\n    }\n  }\n\n  private _getTrackColor(): IColor | undefined {\n    const { colors, layout } = this.attribute as ColorLegendAttributes;\n\n    if (isEmpty(colors)) {\n      return undefined;\n    }\n    const count = colors.length;\n    if (count === 1) {\n      return colors[0];\n    }\n    const stops = [];\n\n    for (let i = 0; i < count; i++) {\n      const percent = i / (count - 1);\n      stops.push({\n        offset: percent,\n        color: colors[i]\n      });\n    }\n    const isHorizontal = layout === 'horizontal';\n    return {\n      gradient: 'linear',\n      stops,\n      x0: 0,\n      y0: 0,\n      x1: isHorizontal ? 1 : 0,\n      y1: isHorizontal ? 0 : 1\n    };\n  }\n\n  private _onSliderToolipChange = (e: FederatedEvent) => {\n    const tooltipShape = this._slider.tooltipShape;\n\n    if (tooltipShape && e.detail && !isNil(e.detail.value)) {\n      const color = this._colorScale.scale(e.detail.value);\n\n      tooltipShape.setAttribute('fill', color);\n    }\n\n    this.dispatchEvent(e);\n  };\n\n  private _onSliderChange = (e: FederatedEvent) => {\n    // 更新 handler 以及 track 的渐变色\n    this._updateColor();\n    this.dispatchEvent(e);\n  };\n\n  private _updateColor() {\n    const { layout = 'horizontal', colors, railWidth, railHeight } = this.attribute as ColorLegendAttributes;\n    const { startHandler, endHandler, track } = this._slider;\n    const { startValue, endValue, startPos, endPos } = this._slider.currentValue;\n\n    // 计算颜色\n    const startHandlerColor = this._colorScale.scale(startValue);\n    const endHandlerColor = this._colorScale.scale(endValue);\n    startHandler?.setAttribute('fill', startHandlerColor);\n    endHandler?.setAttribute('fill', endHandlerColor);\n\n    const isHorizontal = layout === 'horizontal';\n    const railLen = isHorizontal ? railWidth : railHeight;\n    const trackLength = Math.abs((startPos as number) - (endPos as number));\n\n    // 计算渐变色\n    if (trackLength !== railLen && colors && colors.length > 1) {\n      const stops = (this._color as ILinearGradient).stops;\n      const start = Math.min(startPos as number, endPos as number);\n      const end = Math.max(startPos as number, endPos as number);\n      const startRatio = start / railLen;\n      const endRatio = end / railLen;\n      const range = endRatio - startRatio;\n      const betweenStops = stops.filter(stop => stop.offset > startRatio && stop.offset < endRatio);\n\n      const minValue = Math.min(startValue, endValue);\n      const maxValue = Math.max(startValue, endValue);\n      const startColor = this._colorScale.scale(minValue);\n      const endColor = this._colorScale.scale(maxValue);\n      const newStops = [{ offset: 0, color: startColor }];\n      betweenStops.forEach(stop => {\n        newStops.push({\n          offset: (stop.offset - startRatio) / range,\n          color: stop.color\n        });\n      });\n      newStops.push({\n        offset: 1,\n        color: endColor\n      });\n      track.setAttribute('fill', {\n        ...(this._color as ILinearGradient),\n        stops: newStops\n      });\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/legend/color/color.ts"],"names":[],"mappings":"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","file":"color.js","sourcesContent":["/**\n * @description 连续颜色图例\n * TODO:\n * showHandlers 测试\n */\nimport { merge, isEmpty, get, isNil } from '@visactor/vutils';\nimport type { FederatedPointerEvent, FederatedEvent, IColor, ILinearGradient, INode } from '@visactor/vrender-core';\nimport type { ILinearScale } from '@visactor/vscale';\nimport { LinearScale } from '@visactor/vscale';\nimport { LegendBase } from '../base';\nimport { Slider } from '../../slider';\nimport { DEFAULT_TITLE_SPACE } from '../constant';\nimport type { ColorLegendAttributes } from './type';\nimport type { ComponentOptions } from '../../interface';\nimport { loadColorContinuousLegendComponent } from '../register';\n\nloadColorContinuousLegendComponent();\nexport class ColorContinuousLegend extends LegendBase<ColorLegendAttributes> {\n  name = 'colorLegend';\n\n  static defaultAttributes = {\n    layout: 'horizontal',\n    title: {\n      // orient: 'top',\n      align: 'start',\n      space: DEFAULT_TITLE_SPACE,\n      textStyle: {\n        fontSize: 12,\n        fontWeight: 'bold',\n        fill: 'rgba(46, 47, 50, 1)'\n      }\n    },\n    handlerSize: 10,\n    handlerStyle: {\n      lineWidth: 4,\n      stroke: '#fff',\n      outerBorder: {\n        distance: 2,\n        lineWidth: 1,\n        stroke: '#ccc'\n      }\n    },\n    tooltip: {\n      shapeStyle: {\n        lineWidth: 4,\n        stroke: '#fff'\n      }\n    }\n  };\n\n  private _slider!: Slider;\n  private _colorScale!: ILinearScale;\n  private _color: IColor | undefined;\n\n  constructor(attributes: ColorLegendAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, ColorContinuousLegend.defaultAttributes, attributes));\n  }\n\n  /**\n   * 更新数据选中范围\n   * @param value 选中数据范围\n   * @returns\n   */\n  setSelected(value: number[]) {\n    if (!this._slider) {\n      return;\n    }\n    this._slider.setValue(value);\n    this._updateColor();\n  }\n\n  protected _renderContent(): void {\n    const {\n      colors,\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler = true,\n      handlerSize,\n      handlerStyle,\n      railStyle,\n      trackStyle,\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip,\n      inverse,\n      disableTriggerEvent\n    } = this.attribute as ColorLegendAttributes;\n\n    // 创建 colorScale\n    const domain = [];\n    const step = (max - min) / (colors.length - 1);\n    for (let i = 0; i < colors.length; i++) {\n      domain.push(min + step * i);\n    }\n\n    this._colorScale = new LinearScale().domain(domain, true).range(colors);\n    this._color = this._getTrackColor();\n\n    const slider = new Slider({\n      x: 0,\n      y: 0,\n      range: {\n        draggableTrack: true\n      },\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler,\n      handlerSize,\n      handlerStyle,\n      railStyle,\n      trackStyle: {\n        fill: this._color,\n        ...trackStyle\n      },\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip,\n      disableTriggerEvent,\n      inverse\n    });\n    this._innerView.add(slider as unknown as INode);\n    this._slider = slider;\n    // 做下位置调整，对齐\n    slider.translateTo(\n      0 - slider.AABBBounds.x1,\n      (this._title ? this._title.AABBBounds.height() + get(this.attribute, 'title.space', DEFAULT_TITLE_SPACE) : 0) -\n        slider.AABBBounds.y1\n    );\n    this._updateColor();\n  }\n\n  protected _bindEvents(): void {\n    if (this.attribute.disableTriggerEvent) {\n      return;\n    }\n    if (this._slider) {\n      this._slider.addEventListener('change', this._onSliderChange as EventListenerOrEventListenerObject);\n      this._slider.addEventListener('sliderTooltip', this._onSliderToolipChange as EventListenerOrEventListenerObject);\n    }\n  }\n\n  private _getTrackColor(): IColor | undefined {\n    const { colors, layout, inverse } = this.attribute as ColorLegendAttributes;\n\n    if (isEmpty(colors)) {\n      return undefined;\n    }\n    const count = colors.length;\n    if (count === 1) {\n      return colors[0];\n    }\n    const stops = [];\n\n    for (let i = 0; i < count; i++) {\n      const percent = i / (count - 1);\n      stops.push({\n        offset: percent,\n        color: colors[i]\n      });\n    }\n    const isHorizontal = layout === 'horizontal';\n\n    const res: IColor = {\n      gradient: 'linear',\n      stops,\n      x0: 0,\n      y0: 0,\n      x1: isHorizontal ? 1 : 0,\n      y1: isHorizontal ? 0 : 1\n    };\n\n    if (inverse) {\n      if (isHorizontal) {\n        res.x0 = 1;\n        res.x1 = 0;\n      } else {\n        res.y0 = 1;\n        res.y1 = 0;\n      }\n    }\n\n    return res;\n  }\n\n  private _onSliderToolipChange = (e: FederatedEvent) => {\n    const tooltipShape = this._slider.tooltipShape;\n\n    if (tooltipShape && e.detail && !isNil(e.detail.value)) {\n      const color = this._colorScale.scale(e.detail.value);\n\n      tooltipShape.setAttribute('fill', color);\n    }\n\n    this.dispatchEvent(e);\n  };\n\n  private _onSliderChange = (e: FederatedEvent) => {\n    // 更新 handler 以及 track 的渐变色\n    this._updateColor();\n    this.dispatchEvent(e);\n  };\n\n  private _updateColor() {\n    const { layout = 'horizontal', colors, railWidth, railHeight } = this.attribute as ColorLegendAttributes;\n    const { startHandler, endHandler, track } = this._slider;\n    const { startValue, endValue, startPos, endPos } = this._slider.currentValue;\n\n    // 计算颜色\n    const startHandlerColor = this._colorScale.scale(startValue);\n    const endHandlerColor = this._colorScale.scale(endValue);\n    startHandler?.setAttribute('fill', startHandlerColor);\n    endHandler?.setAttribute('fill', endHandlerColor);\n\n    const isHorizontal = layout === 'horizontal';\n    const railLen = isHorizontal ? railWidth : railHeight;\n    const trackLength = Math.abs((startPos as number) - (endPos as number));\n\n    // 计算渐变色\n    if (trackLength !== railLen && colors && colors.length > 1) {\n      const stops = (this._color as ILinearGradient).stops;\n      const start = Math.min(startPos as number, endPos as number);\n      const end = Math.max(startPos as number, endPos as number);\n      const startRatio = start / railLen;\n      const endRatio = end / railLen;\n      const range = endRatio - startRatio;\n      const betweenStops = stops.filter(stop => stop.offset > startRatio && stop.offset < endRatio);\n\n      const minValue = Math.min(startValue, endValue);\n      const maxValue = Math.max(startValue, endValue);\n      const startColor = this._colorScale.scale(minValue);\n      const endColor = this._colorScale.scale(maxValue);\n      const newStops = [{ offset: 0, color: startColor }];\n      betweenStops.forEach(stop => {\n        newStops.push({\n          offset: (stop.offset - startRatio) / range,\n          color: stop.color\n        });\n      });\n      newStops.push({\n        offset: 1,\n        color: endColor\n      });\n      track.setAttribute('fill', {\n        ...(this._color as ILinearGradient),\n        stops: newStops\n      });\n    }\n  }\n}\n"]}

package/es/legend/size/size.js

@@ -27,7 +27,7 @@ export class SizeContinuousLegend extends LegendBase {
         this._slider && this._slider.setValue(value);
     }
     _renderContent() {
-        const {slidable: slidable, layout: layout, align: align, min: min, max: max, value: value, railWidth: railWidth, railHeight: railHeight, showHandler: showHandler = !0, handlerSize: handlerSize, handlerStyle: handlerStyle, railStyle: railStyle, trackStyle: trackStyle, startText: startText, endText: endText, handlerText: handlerText, showTooltip: showTooltip, tooltip: tooltip, sizeBackground: sizeBackground, disableTriggerEvent: disableTriggerEvent} = this.attribute, mainContainer = graphicCreator.group({
+        const {slidable: slidable, layout: layout, align: align, min: min, max: max, value: value, railWidth: railWidth, railHeight: railHeight, showHandler: showHandler = !0, handlerSize: handlerSize, handlerStyle: handlerStyle, railStyle: railStyle, trackStyle: trackStyle, startText: startText, endText: endText, handlerText: handlerText, showTooltip: showTooltip, tooltip: tooltip, sizeBackground: sizeBackground, disableTriggerEvent: disableTriggerEvent, inverse: inverse} = this.attribute, mainContainer = graphicCreator.group({
             x: 0,
             y: 0
         });
@@ -59,12 +59,14 @@ export class SizeContinuousLegend extends LegendBase {
             handlerText: handlerText,
             showTooltip: showTooltip,
             tooltip: tooltip,
-            disableTriggerEvent: disableTriggerEvent
+            disableTriggerEvent: disableTriggerEvent,
+            inverse: inverse
         });
         mainContainer.add(slider);
         let path, start = 0;
-        "horizontal" === layout ? "top" === align ? (path = `M0,0L${railWidth},0L${railWidth},12Z`, 
-        start = railHeight) : (path = `M0,12L${railWidth},12L${railWidth},0Z`, slider.setAttribute("y", 12)) : "left" === align ? path = `M${railWidth},0L${railWidth},0L${railWidth + 12},${railHeight}L${railWidth},${railHeight}Z` : (path = `M0,${railHeight}L12,${railHeight}L12,0Z`, 
+        "horizontal" === layout ? "top" === align ? (path = `M0,0L${railWidth},0L${inverse ? 0 : railWidth},12Z`, 
+        start = railHeight) : (path = `M0,12L${railWidth},12L${inverse ? 0 : railWidth},0Z`, 
+        slider.setAttribute("y", 12)) : "left" === align ? path = `M${railWidth},0L${railWidth + 12},${inverse ? 0 : railHeight}L${railWidth},${railHeight}Z` : (path = `M0,${inverse ? 0 : railHeight}L12,${railHeight}L12,0Z`, 
         slider.setAttribute("x", 12));
         const background = graphicCreator.path(Object.assign(Object.assign({
             x: 0,