@visactor/vrender-components 0.20.1-alpha.6 → 0.20.2-alpha.1

package/cjs/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tag/tag.ts"],"names":[],"mappings":"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","file":"tag.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport {\n  type IGroup,\n  type IRect,\n  type ISymbol,\n  type IText,\n  type ITextAttribute,\n  type ITextGraphicAttribute,\n  type IRichTextGraphicAttribute,\n  type IRichText,\n  type IGraphicAttribute,\n  CustomPath2D\n} from '@visactor/vrender-core';\nimport { isBoolean, isEmpty, isNil, isNumber, isObject, isValid, merge, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { isRichText, measureTextSize, richTextAttributeTransform } from '../util';\nimport type { BackgroundAttributes, ComponentOptions } from '../interface';\nimport type { TagAttributes, TagShapeAttributes } from './type';\nimport { loadTagComponent } from './register';\nimport type { TextContent } from '../core/type';\n\nloadTagComponent();\nexport class Tag extends AbstractComponent<Required<TagAttributes>> {\n  name = 'tag';\n\n  private _bgRect!: IRect;\n  private _textShape!: IText | IRichText;\n\n  getBgRect() {\n    return this._bgRect;\n  }\n\n  getTextShape() {\n    return this._textShape;\n  }\n\n  static defaultAttributes: Partial<TagAttributes> = {\n    visible: true,\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    space: 4,\n    padding: 4,\n    // @ts-ignore\n    shape: {\n      fill: '#000'\n    }\n  };\n\n  constructor(attributes: TagAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Tag.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      text = '',\n      textStyle = {} as ITextGraphicAttribute | IRichTextGraphicAttribute,\n      shape = {} as TagShapeAttributes,\n      panel = {} as BackgroundAttributes,\n      space = 4,\n      minWidth,\n      maxWidth,\n      padding = 4,\n      visible,\n      state,\n      type,\n      textAlwaysCenter,\n      containerTextAlign\n    } = this.attribute as TagAttributes;\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('tag-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    let symbol;\n    let tagWidth = parsedPadding[1] + parsedPadding[3];\n    let tagHeight = parsedPadding[0] + parsedPadding[2];\n    let textX = 0;\n    let symbolPlaceWidth = 0;\n    const { visible: shapeVisible, ...shapeStyle } = shape;\n    if (isBoolean(shapeVisible)) {\n      const size = shapeStyle?.size || 10;\n      const maxSize = (isNumber(size) ? size : Math.max(size[0], size[1])) as number;\n\n      symbol = group.createOrUpdateChild(\n        'tag-shape',\n        {\n          symbolType: 'circle',\n          size,\n          strokeBoundsBuffer: 0,\n          ...shapeStyle,\n          visible: shapeVisible,\n          x: maxSize / 2,\n          y: maxSize / 2\n        },\n        'symbol'\n      ) as ISymbol;\n      if (!isEmpty(state?.shape)) {\n        symbol.states = state.shape;\n      }\n\n      if (shapeVisible) {\n        symbolPlaceWidth = maxSize + space;\n      }\n    }\n\n    tagWidth += symbolPlaceWidth;\n    textX += symbolPlaceWidth;\n\n    let textShape: IRichText | IText;\n    const isRich = isRichText({ text } as TextContent) || type === 'rich';\n    if (isRich) {\n      const richTextAttrs = {\n        ...richTextAttributeTransform({ type, text, ...textStyle } as any),\n        ...(textStyle as IRichTextGraphicAttribute),\n        visible: isValid(text) && visible !== false,\n        x: textX,\n        y: 0\n      };\n      textShape = group.createOrUpdateChild('tag-text', richTextAttrs, 'richtext') as IRichText;\n\n      // 绘制背景层\n      const { visible: bgVisible, ...backgroundStyle } = panel;\n      if (visible && isBoolean(bgVisible)) {\n        const bgRect = this.createOrUpdateChild(\n          'tag-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && !!text,\n            x: textShape.AABBBounds.x1,\n            y: textShape.AABBBounds.y1,\n            width: textShape.AABBBounds.width(),\n            height: textShape.AABBBounds.height()\n          },\n          'rect'\n        ) as IRect;\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n        if (backgroundStyle.customShape) {\n          const customShape = backgroundStyle.customShape;\n          bgRect.pathProxy = (attrs: Partial<IGraphicAttribute>) => {\n            return customShape(textShape.attribute, attrs, new CustomPath2D());\n          };\n        }\n        this._bgRect = bgRect;\n      }\n    } else {\n      const textAttrs = {\n        text: isObject(text) && 'type' in text && text.type === 'text' ? text.text : text,\n        visible: isValid(text) && visible !== false,\n        lineHeight: (textStyle as ITextGraphicAttribute)?.fontSize,\n        ...(textStyle as ITextGraphicAttribute),\n        x: textX,\n        y: 0\n      };\n      if (isNil(textAttrs.lineHeight)) {\n        textAttrs.lineHeight = (textStyle as ITextGraphicAttribute).fontSize;\n      }\n      textShape = group.createOrUpdateChild('tag-text', textAttrs as ITextGraphicAttribute, 'text') as IText;\n      if (!isEmpty(state?.text)) {\n        textShape.states = state.text;\n      }\n\n      // 因为文本可能发生旋转，所以需要使用 measureTextSize 方法\n      const textBounds = measureTextSize(textAttrs.text as string, textStyle, this.stage?.getTheme()?.text);\n      const textWidth = textBounds.width;\n      const textHeight = textBounds.height;\n      tagWidth += textWidth;\n      const size = shape.size ?? 10;\n      const maxSize = (isNumber(size) ? size : Math.max(size[0], size[1])) as number;\n      tagHeight += Math.max(textHeight, shape.visible ? maxSize : 0);\n\n      const { textAlign, textBaseline } = textStyle as ITextAttribute;\n\n      if (isValid(minWidth) || isValid(maxWidth)) {\n        if (isValid(minWidth) && tagWidth < minWidth) {\n          tagWidth = minWidth;\n        }\n        if (isValid(maxWidth) && tagWidth > maxWidth) {\n          tagWidth = maxWidth;\n          textShape.setAttribute('maxLineWidth', maxWidth - parsedPadding[1] - parsedPadding[2]);\n        }\n      }\n\n      let x = 0;\n      let y = 0;\n      let flag = 0;\n      if (textAlign === 'left' || textAlign === 'start') {\n        flag = 1;\n      } else if (textAlign === 'right' || textAlign === 'end') {\n        flag = -1;\n      } else if (textAlign === 'center') {\n        flag = 0;\n      }\n      if (!flag) {\n        x -= tagWidth / 2;\n        if (symbol) {\n          symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth / 2);\n        }\n\n        group.setAttribute('x', -symbolPlaceWidth / 2);\n      } else if (flag < 0) {\n        x -= tagWidth;\n        if (symbol) {\n          symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth);\n        }\n\n        group.setAttribute('x', -parsedPadding[1] - symbolPlaceWidth);\n      } else if (flag > 0) {\n        group.setAttribute('x', parsedPadding[3]);\n      }\n\n      const shouldCenter = containerTextAlign ? containerTextAlign === 'center' : textAlwaysCenter;\n      const shouldRight = containerTextAlign === 'right' || containerTextAlign === 'end';\n      const shouldLeft = containerTextAlign === 'left' || containerTextAlign === 'start';\n\n      if (shouldCenter && flag) {\n        // 文本容器内居中\n        // 剔除padding后的内宽度\n        const containerWidth = tagWidth - parsedPadding[1] - parsedPadding[3];\n        const tsWidth = textWidth + symbolPlaceWidth;\n        const textX =\n          flag === 1\n            ? (containerWidth - tsWidth) / 2 + symbolPlaceWidth + textWidth / 2\n            : parsedPadding[0] + symbolPlaceWidth - (tagWidth / 2 + tsWidth / 2 - symbolPlaceWidth) + textWidth / 2;\n\n        textShape.setAttributes({\n          x: textX,\n          textAlign: 'center'\n        });\n        if (symbol) {\n          const symbolX = textX - textWidth / 2 - symbolPlaceWidth + maxSize / 2;\n          symbol.setAttributes({\n            x: symbolX\n          });\n        }\n      }\n\n      if (shouldLeft && flag !== 1) {\n        // 文本容器内朝左展示\n        const containerWidth = tagWidth - parsedPadding[1] - parsedPadding[3];\n        const offset =\n          flag === 0\n            ? -containerWidth / 2 + symbolPlaceWidth / 2\n            : -tagWidth + parsedPadding[3] + parsedPadding[1] + symbolPlaceWidth;\n        const textX = offset + symbolPlaceWidth;\n\n        textShape.setAttributes({\n          x: textX,\n          textAlign: 'left'\n        });\n\n        if (symbol) {\n          const symbolX = offset + maxSize / 2;\n          symbol.setAttributes({\n            x: symbolX\n          });\n        }\n      }\n\n      if (shouldRight && flag !== -1) {\n        // 文本容器内朝右展示\n        const containerWidth = tagWidth - parsedPadding[1] - parsedPadding[3];\n        const textX = flag === 0 ? containerWidth / 2 + symbolPlaceWidth / 2 : containerWidth;\n\n        textShape.setAttributes({\n          x: textX,\n          textAlign: 'right'\n        });\n        if (symbol) {\n          const symbolX = textX - textWidth - symbolPlaceWidth + maxSize / 2;\n          symbol.setAttributes({\n            x: symbolX\n          });\n        }\n      }\n\n      if (textBaseline === 'middle') {\n        y -= tagHeight / 2;\n        if (symbol) {\n          symbol.setAttribute('y', 0);\n        }\n      } else if (textBaseline === 'bottom') {\n        y -= tagHeight;\n        if (symbol) {\n          symbol.setAttribute('y', -textHeight / 2);\n        }\n\n        group.setAttribute('y', -parsedPadding[2]);\n      } else if (textBaseline === 'top') {\n        group.setAttribute('y', parsedPadding[0]);\n        if (symbol) {\n          symbol.setAttribute('y', textHeight / 2);\n        }\n      }\n\n      // 绘制背景层\n      const { visible: bgVisible, ...backgroundStyle } = panel;\n      if (visible && isBoolean(bgVisible)) {\n        const bgRect = this.createOrUpdateChild(\n          'tag-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && !!text,\n            x,\n            y,\n            width: tagWidth,\n            height: tagHeight\n          },\n          'rect'\n        ) as IRect;\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n        if (backgroundStyle.customShape) {\n          const customShape = backgroundStyle.customShape;\n          bgRect.pathProxy = (attrs: Partial<IGraphicAttribute>) => {\n            return customShape(textShape.attribute, attrs, new CustomPath2D());\n          };\n        }\n        this._bgRect = bgRect;\n      }\n    }\n    this._textShape = textShape;\n  }\n}\n"]}
+{"version":3,"sources":["../src/tag/tag.ts"],"names":[],"mappings":"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","file":"tag.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport {\n  type IGroup,\n  type IRect,\n  type ISymbol,\n  type IText,\n  type ITextAttribute,\n  type ITextGraphicAttribute,\n  type IRichTextGraphicAttribute,\n  type IRichText,\n  type IGraphicAttribute,\n  CustomPath2D\n} from '@visactor/vrender-core';\nimport { isBoolean, isEmpty, isNil, isNumber, isObject, isValid, merge, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { isRichText, measureTextSize, richTextAttributeTransform } from '../util';\nimport type { BackgroundAttributes, ComponentOptions } from '../interface';\nimport type { TagAttributes, TagShapeAttributes } from './type';\nimport { loadTagComponent } from './register';\nimport type { TextContent } from '../core/type';\n\nloadTagComponent();\nexport class Tag extends AbstractComponent<Required<TagAttributes>> {\n  name = 'tag';\n\n  private _bgRect!: IRect;\n  private _textShape!: IText | IRichText;\n  private _symbol!: ISymbol;\n  private _tagStates: string[] = [];\n  private _rectStates: string[] = [];\n  private _symbolStates: string[] = [];\n  private _textStates: string[] = [];\n\n  getBgRect() {\n    return this._bgRect;\n  }\n\n  getTextShape() {\n    return this._textShape;\n  }\n\n  static defaultAttributes: Partial<TagAttributes> = {\n    visible: true,\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    space: 4,\n    padding: 4,\n    // @ts-ignore\n    shape: {\n      fill: '#000'\n    }\n  };\n\n  constructor(attributes: TagAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Tag.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    this.cacheStates();\n    const {\n      text = '',\n      textStyle = {} as ITextGraphicAttribute | IRichTextGraphicAttribute,\n      shape = {} as TagShapeAttributes,\n      panel = {} as BackgroundAttributes,\n      space = 4,\n      minWidth,\n      maxWidth,\n      padding = 4,\n      visible,\n      state,\n      type,\n      textAlwaysCenter,\n      containerTextAlign\n    } = this.attribute as TagAttributes;\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('tag-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    let symbol;\n    let tagWidth = parsedPadding[1] + parsedPadding[3];\n    let tagHeight = parsedPadding[0] + parsedPadding[2];\n    let textX = 0;\n    let symbolPlaceWidth = 0;\n    const { visible: shapeVisible, ...shapeStyle } = shape;\n    if (isBoolean(shapeVisible)) {\n      const size = shapeStyle?.size || 10;\n      const maxSize = (isNumber(size) ? size : Math.max(size[0], size[1])) as number;\n\n      symbol = group.createOrUpdateChild(\n        'tag-shape',\n        {\n          symbolType: 'circle',\n          size,\n          strokeBoundsBuffer: 0,\n          ...shapeStyle,\n          visible: shapeVisible,\n          x: maxSize / 2,\n          y: maxSize / 2\n        },\n        'symbol'\n      ) as ISymbol;\n      if (!isEmpty(state?.shape)) {\n        symbol.states = state.shape;\n      }\n\n      if (shapeVisible) {\n        symbolPlaceWidth = maxSize + space;\n      }\n    }\n\n    tagWidth += symbolPlaceWidth;\n    textX += symbolPlaceWidth;\n\n    let textShape: IRichText | IText;\n    const isRich = isRichText({ text } as TextContent) || type === 'rich';\n    if (isRich) {\n      const richTextAttrs = {\n        ...richTextAttributeTransform({ type, text, ...textStyle } as any),\n        ...(textStyle as IRichTextGraphicAttribute),\n        visible: isValid(text) && visible !== false,\n        x: textX,\n        y: 0\n      };\n      textShape = group.createOrUpdateChild('tag-text', richTextAttrs, 'richtext') as IRichText;\n\n      // 绘制背景层\n      const { visible: bgVisible, ...backgroundStyle } = panel;\n      if (visible && isBoolean(bgVisible)) {\n        const bgRect = this.createOrUpdateChild(\n          'tag-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && !!text,\n            x: textShape.AABBBounds.x1,\n            y: textShape.AABBBounds.y1,\n            width: textShape.AABBBounds.width(),\n            height: textShape.AABBBounds.height()\n          },\n          'rect'\n        ) as IRect;\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n        if (backgroundStyle.customShape) {\n          const customShape = backgroundStyle.customShape;\n          bgRect.pathProxy = (attrs: Partial<IGraphicAttribute>) => {\n            return customShape(textShape.attribute, attrs, new CustomPath2D());\n          };\n        }\n        this._bgRect = bgRect;\n      }\n    } else {\n      const textAttrs = {\n        text: isObject(text) && 'type' in text && text.type === 'text' ? text.text : text,\n        visible: isValid(text) && visible !== false,\n        lineHeight: (textStyle as ITextGraphicAttribute)?.fontSize,\n        ...(textStyle as ITextGraphicAttribute),\n        x: textX,\n        y: 0\n      };\n      if (isNil(textAttrs.lineHeight)) {\n        textAttrs.lineHeight = (textStyle as ITextGraphicAttribute).fontSize;\n      }\n      textShape = group.createOrUpdateChild('tag-text', textAttrs as ITextGraphicAttribute, 'text') as IText;\n      if (!isEmpty(state?.text)) {\n        textShape.states = state.text;\n      }\n\n      // 因为文本可能发生旋转，所以需要使用 measureTextSize 方法\n      const textBounds = measureTextSize(textAttrs.text as string, textStyle, this.stage?.getTheme()?.text);\n      const textWidth = textBounds.width;\n      const textHeight = textBounds.height;\n      tagWidth += textWidth;\n      const size = shape.size ?? 10;\n      const maxSize = (isNumber(size) ? size : Math.max(size[0], size[1])) as number;\n      tagHeight += Math.max(textHeight, shape.visible ? maxSize : 0);\n\n      const { textAlign, textBaseline } = textStyle as ITextAttribute;\n\n      if (isValid(minWidth) || isValid(maxWidth)) {\n        if (isValid(minWidth) && tagWidth < minWidth) {\n          tagWidth = minWidth;\n        }\n        if (isValid(maxWidth) && tagWidth > maxWidth) {\n          tagWidth = maxWidth;\n          textShape.setAttribute('maxLineWidth', maxWidth - parsedPadding[1] - parsedPadding[2]);\n        }\n      }\n\n      let x = 0;\n      let y = 0;\n      let flag = 0;\n      if (textAlign === 'left' || textAlign === 'start') {\n        flag = 1;\n      } else if (textAlign === 'right' || textAlign === 'end') {\n        flag = -1;\n      } else if (textAlign === 'center') {\n        flag = 0;\n      }\n      if (!flag) {\n        x -= tagWidth / 2;\n        if (symbol) {\n          symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth / 2);\n        }\n\n        group.setAttribute('x', -symbolPlaceWidth / 2);\n      } else if (flag < 0) {\n        x -= tagWidth;\n        if (symbol) {\n          symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth);\n        }\n\n        group.setAttribute('x', -parsedPadding[1] - symbolPlaceWidth);\n      } else if (flag > 0) {\n        group.setAttribute('x', parsedPadding[3]);\n      }\n\n      const shouldCenter = containerTextAlign ? containerTextAlign === 'center' : textAlwaysCenter;\n      const shouldRight = containerTextAlign === 'right' || containerTextAlign === 'end';\n      const shouldLeft = containerTextAlign === 'left' || containerTextAlign === 'start';\n\n      if (shouldCenter && flag) {\n        // 文本容器内居中\n        // 剔除padding后的内宽度\n        const containerWidth = tagWidth - parsedPadding[1] - parsedPadding[3];\n        const tsWidth = textWidth + symbolPlaceWidth;\n        const textX =\n          flag === 1\n            ? (containerWidth - tsWidth) / 2 + symbolPlaceWidth + textWidth / 2\n            : parsedPadding[0] + symbolPlaceWidth - (tagWidth / 2 + tsWidth / 2 - symbolPlaceWidth) + textWidth / 2;\n\n        textShape.setAttributes({\n          x: textX,\n          textAlign: 'center'\n        });\n        if (symbol) {\n          const symbolX = textX - textWidth / 2 - symbolPlaceWidth + maxSize / 2;\n          symbol.setAttributes({\n            x: symbolX\n          });\n        }\n      }\n\n      if (shouldLeft && flag !== 1) {\n        // 文本容器内朝左展示\n        const containerWidth = tagWidth - parsedPadding[1] - parsedPadding[3];\n        const offset =\n          flag === 0\n            ? -containerWidth / 2 + symbolPlaceWidth / 2\n            : -tagWidth + parsedPadding[3] + parsedPadding[1] + symbolPlaceWidth;\n        const textX = offset + symbolPlaceWidth;\n\n        textShape.setAttributes({\n          x: textX,\n          textAlign: 'left'\n        });\n\n        if (symbol) {\n          const symbolX = offset + maxSize / 2;\n          symbol.setAttributes({\n            x: symbolX\n          });\n        }\n      }\n\n      if (shouldRight && flag !== -1) {\n        // 文本容器内朝右展示\n        const containerWidth = tagWidth - parsedPadding[1] - parsedPadding[3];\n        const textX = flag === 0 ? containerWidth / 2 + symbolPlaceWidth / 2 : containerWidth;\n\n        textShape.setAttributes({\n          x: textX,\n          textAlign: 'right'\n        });\n        if (symbol) {\n          const symbolX = textX - textWidth - symbolPlaceWidth + maxSize / 2;\n          symbol.setAttributes({\n            x: symbolX\n          });\n        }\n      }\n\n      if (textBaseline === 'middle') {\n        y -= tagHeight / 2;\n        if (symbol) {\n          symbol.setAttribute('y', 0);\n        }\n      } else if (textBaseline === 'bottom') {\n        y -= tagHeight;\n        if (symbol) {\n          symbol.setAttribute('y', -textHeight / 2);\n        }\n\n        group.setAttribute('y', -parsedPadding[2]);\n      } else if (textBaseline === 'top') {\n        group.setAttribute('y', parsedPadding[0]);\n        if (symbol) {\n          symbol.setAttribute('y', textHeight / 2);\n        }\n      }\n\n      // 绘制背景层\n      const { visible: bgVisible, ...backgroundStyle } = panel;\n      if (visible && isBoolean(bgVisible)) {\n        const bgRect = this.createOrUpdateChild(\n          'tag-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && !!text,\n            x,\n            y,\n            width: tagWidth,\n            height: tagHeight\n          },\n          'rect'\n        ) as IRect;\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n        if (backgroundStyle.customShape) {\n          const customShape = backgroundStyle.customShape;\n          bgRect.pathProxy = (attrs: Partial<IGraphicAttribute>) => {\n            return customShape(textShape.attribute, attrs, new CustomPath2D());\n          };\n        }\n        this._bgRect = bgRect;\n      }\n    }\n    this._textShape = textShape;\n    this._symbol = symbol;\n\n    this.resetStates();\n  }\n\n  initAttributes(params: TagAttributes, options?: ComponentOptions) {\n    params = options?.skipDefault ? params : merge({}, Tag.defaultAttributes, params);\n    super.initAttributes(params);\n    this.render();\n  }\n\n  addState(stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean): void {\n    super.addState(stateName, keepCurrentStates, hasAnimation);\n    if (this._textShape) {\n      this._textShape.addState(stateName, keepCurrentStates, hasAnimation);\n    }\n    if (this._bgRect) {\n      this._bgRect.addState(stateName, keepCurrentStates, hasAnimation);\n    }\n    if (this._symbol) {\n      this._symbol.addState(stateName, keepCurrentStates, hasAnimation);\n    }\n  }\n\n  removeState(stateName: string, hasAnimation?: boolean): void {\n    super.removeState(stateName, hasAnimation);\n    if (this._textShape) {\n      this._textShape.removeState(stateName, hasAnimation);\n    }\n    if (this._bgRect) {\n      this._bgRect.removeState(stateName, hasAnimation);\n    }\n    if (this._symbol) {\n      this._symbol.removeState(stateName, hasAnimation);\n    }\n  }\n\n  cacheStates() {\n    this._tagStates = this.currentStates?.slice() ?? [];\n    this._rectStates = this._bgRect?.currentStates?.slice() ?? [];\n    this._symbolStates = this._symbol?.currentStates?.slice() ?? [];\n    this._textStates = this._textShape?.currentStates?.slice() ?? [];\n    this.clearStates();\n    this._bgRect?.clearStates();\n    this._symbol?.clearStates();\n    this._textShape?.clearStates();\n  }\n  resetStates() {\n    this._tagStates.length && this.useStates(this._tagStates);\n    this._rectStates.length && this._bgRect?.useStates(this._rectStates);\n    this._symbolStates.length && this._symbol?.useStates(this._symbolStates);\n    this._textStates.length && this._textShape?.useStates(this._textStates);\n  }\n}\n"]}

package/dist/index.es.js

@@ -3857,7 +3857,7 @@ class Animate {
       delta = this._duringTime + delta * this.timeScale - this._startTime, this._duringTime = this._startTime;
     }
     this.status === AnimateStatus.INITIAL && (this.status = AnimateStatus.RUNNING, this._onStart && this._onStart.forEach(cb => cb()));
-    this.setPosition(this.rawPosition + delta * this.timeScale) && this.status === AnimateStatus.RUNNING && (this.status = AnimateStatus.END, this._onEnd && this._onEnd.forEach(cb => cb()));
+    this.setPosition(Math.max(this.rawPosition, 0) + delta * this.timeScale) && this.status === AnimateStatus.RUNNING && (this.status = AnimateStatus.END, this._onEnd && this._onEnd.forEach(cb => cb()));
   }
   setPosition(rawPosition) {
     let sa,
@@ -3980,7 +3980,7 @@ class SubAnimate {
       end = !1;
     const startAt = null !== (_a = this._startAt) && void 0 !== _a ? _a : 0;
     if (rawPosition < 0 && (rawPosition = 0), rawPosition < startAt) return this.rawPosition = rawPosition, !1;
-    if (rawPosition -= startAt, d <= 0) return end = !0, end;
+    if (rawPosition -= startAt, d <= 0 && (end = !0, d < 0)) return end;
     if (loop = Math.floor(rawPosition / d), position = rawPosition - loop * d, end = rawPosition >= loopCount * d + d, end && (position = d, loop = loopCount, rawPosition = position * loop + d), rawPosition === prevRawPos) return end;
     const rev = !this.reversed != !(this.bounce && loop % 2);
     return rev && (position = d - position), this._deltaPosition = position - this.position, this.position = position, this.rawPosition = rawPosition + startAt, this.updatePosition(end, rev), end;
@@ -4343,7 +4343,7 @@ class ResourceLoader {
       var _a;
       data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
         (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(svgStr, res.data)) : (data.loadState = "fail", mark.imageLoadFail(svgStr));
-      });
+      }), data.waitingMark && (data.waitingMark = []);
     })) : (data.loadState = "fail", mark.imageLoadFail(svgStr)));
   }
   static GetFile(url, type) {
@@ -4374,7 +4374,7 @@ class ResourceLoader {
               var _a;
               data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
                 (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(url, res.data)) : (data.loadState = "fail", mark.imageLoadFail(url));
-              });
+              }), data.waitingMark && (data.waitingMark = []);
             });
             promises.push(end);
           } else data.loadState = "fail", marks.forEach(mark => mark.imageLoadFail(url));
@@ -14734,9 +14734,14 @@ class Tag extends AbstractComponent {
     constructor(attributes, options) {
         super((options === null || options === void 0 ? void 0 : options.skipDefault) ? attributes : merge({}, Tag.defaultAttributes, attributes));
         this.name = 'tag';
+        this._tagStates = [];
+        this._rectStates = [];
+        this._symbolStates = [];
+        this._textStates = [];
     }
     render() {
         var _a, _b, _c;
+        this.cacheStates();
         const { text = '', textStyle = {}, shape = {}, panel = {}, space = 4, minWidth, maxWidth, padding = 4, visible, state, type, textAlwaysCenter, containerTextAlign } = this.attribute;
         const parsedPadding = normalizePadding(padding);
         const group = this.createOrUpdateChild('tag-content', { x: 0, y: 0, zIndex: 1 }, 'group');
@@ -14921,6 +14926,55 @@ class Tag extends AbstractComponent {
             }
         }
         this._textShape = textShape;
+        this._symbol = symbol;
+        this.resetStates();
+    }
+    initAttributes(params, options) {
+        params = (options === null || options === void 0 ? void 0 : options.skipDefault) ? params : merge({}, Tag.defaultAttributes, params);
+        super.initAttributes(params);
+        this.render();
+    }
+    addState(stateName, keepCurrentStates, hasAnimation) {
+        super.addState(stateName, keepCurrentStates, hasAnimation);
+        if (this._textShape) {
+            this._textShape.addState(stateName, keepCurrentStates, hasAnimation);
+        }
+        if (this._bgRect) {
+            this._bgRect.addState(stateName, keepCurrentStates, hasAnimation);
+        }
+        if (this._symbol) {
+            this._symbol.addState(stateName, keepCurrentStates, hasAnimation);
+        }
+    }
+    removeState(stateName, hasAnimation) {
+        super.removeState(stateName, hasAnimation);
+        if (this._textShape) {
+            this._textShape.removeState(stateName, hasAnimation);
+        }
+        if (this._bgRect) {
+            this._bgRect.removeState(stateName, hasAnimation);
+        }
+        if (this._symbol) {
+            this._symbol.removeState(stateName, hasAnimation);
+        }
+    }
+    cacheStates() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        this._tagStates = (_b = (_a = this.currentStates) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : [];
+        this._rectStates = (_e = (_d = (_c = this._bgRect) === null || _c === void 0 ? void 0 : _c.currentStates) === null || _d === void 0 ? void 0 : _d.slice()) !== null && _e !== void 0 ? _e : [];
+        this._symbolStates = (_h = (_g = (_f = this._symbol) === null || _f === void 0 ? void 0 : _f.currentStates) === null || _g === void 0 ? void 0 : _g.slice()) !== null && _h !== void 0 ? _h : [];
+        this._textStates = (_l = (_k = (_j = this._textShape) === null || _j === void 0 ? void 0 : _j.currentStates) === null || _k === void 0 ? void 0 : _k.slice()) !== null && _l !== void 0 ? _l : [];
+        this.clearStates();
+        (_m = this._bgRect) === null || _m === void 0 ? void 0 : _m.clearStates();
+        (_o = this._symbol) === null || _o === void 0 ? void 0 : _o.clearStates();
+        (_p = this._textShape) === null || _p === void 0 ? void 0 : _p.clearStates();
+    }
+    resetStates() {
+        var _a, _b, _c;
+        this._tagStates.length && this.useStates(this._tagStates);
+        this._rectStates.length && ((_a = this._bgRect) === null || _a === void 0 ? void 0 : _a.useStates(this._rectStates));
+        this._symbolStates.length && ((_b = this._symbol) === null || _b === void 0 ? void 0 : _b.useStates(this._symbolStates));
+        this._textStates.length && ((_c = this._textShape) === null || _c === void 0 ? void 0 : _c.useStates(this._textStates));
     }
 }
 Tag.defaultAttributes = {
@@ -17023,6 +17077,7 @@ class ArcLabel extends LabelBase {
             case 'inside':
             case 'inside-inner':
             case 'inside-outer':
+            case 'inside-center':
                 arcs.push(...this._layoutInsideLabels(rightArcs, attribute, currentMarks));
                 arcs.push(...this._layoutInsideLabels(leftArcs, attribute, currentMarks));
                 break;
@@ -17075,6 +17130,9 @@ class ArcLabel extends LabelBase {
             if (position === 'inside-inner') {
                 labelRadius = innerRadius - offsetRadius + alignOffset;
             }
+            else if (position === 'inside-center') {
+                labelRadius = innerRadius + (outerRadius - innerRadius) / 2;
+            }
             else {
                 labelRadius = outerRadius + offsetRadius - alignOffset;
             }
@@ -17607,7 +17665,7 @@ class ArcLabel extends LabelBase {
         return Math.min(width / 2, height / 2);
     }
     _canPlaceInside(textBound, shapeBound) {
-        return this.attribute.position === 'inside';
+        return this.attribute.position === 'inside' || this.attribute.position === 'inside-center';
     }
     computeLayoutOuterRadius(r, width, height) {
         return r / (Math.min(width, height) / 2);
@@ -18028,8 +18086,6 @@ var AXIS_ELEMENT_NAME;
     AXIS_ELEMENT_NAME["line"] = "axis-line";
     AXIS_ELEMENT_NAME["background"] = "axis-background";
     AXIS_ELEMENT_NAME["axisLabelBackground"] = "axis-label-background";
-    AXIS_ELEMENT_NAME["axisBreak"] = "axis-break";
-    AXIS_ELEMENT_NAME["axisBreakSymbol"] = "axis-break-symbol";
 })(AXIS_ELEMENT_NAME || (AXIS_ELEMENT_NAME = {}));
 var AxisStateValue;
 (function (AxisStateValue) {
@@ -18099,12 +18155,6 @@ const DEFAULT_AXIS_THEME = {
         }
     }
 };
-const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {
-    size: 8,
-    stroke: '#000',
-    lineWidth: 1,
-    zIndex: 1
-};
 
 const clampRadian = (angle = 0) => {
     if (angle < 0) {
@@ -18162,13 +18212,6 @@ function getCircleLabelPosition(tickPosition, tickVector, text, style) {
     const y = baseY - dy;
     return { x, y };
 }
-function getAxisBreakSymbolAttrs(props = {}) {
-    var _a, _b;
-    const { style = {} } = props;
-    const symbolStyle = merge({}, DEFAULT_AXIS_BREAK_SYMBOL_STYLE, style);
-    const symbolSize = (_a = symbolStyle.size) !== null && _a !== void 0 ? _a : DEFAULT_AXIS_BREAK_SYMBOL_STYLE.size;
-    return Object.assign(Object.assign({}, symbolStyle), { symbolType: (_b = symbolStyle.symbolType) !== null && _b !== void 0 ? _b : `M ${-symbolSize / 2} ${symbolSize / 6} L ${symbolSize / 2} ${-symbolSize / 6}`, symbolSize });
-}
 function getElMap(g) {
     const elMap = {};
     traverseGroup(g, (el) => {
@@ -19105,43 +19148,7 @@ class LineAxis extends AxisBase {
     }
     _renderInner(container) {
         var _a;
-        if (this.attribute.breaks && this.attribute.breaks.length) {
-            const transformedBreaks = [];
-            for (let index = 0; index < this.attribute.breaks.length; index++) {
-                const aBreak = this.attribute.breaks[index];
-                const { range, breakSymbol, rawRange } = aBreak;
-                transformedBreaks.push({
-                    startPoint: this.getTickCoord(range[0]),
-                    endPoint: this.getTickCoord(range[1]),
-                    range,
-                    breakSymbol,
-                    rawRange
-                });
-            }
-            this._breaks = transformedBreaks;
-        }
         super._renderInner(container);
-        if (this._breaks && this._breaks.length) {
-            this._breaks.forEach((b, index) => {
-                const { startPoint, endPoint, breakSymbol, rawRange } = b;
-                if ((breakSymbol === null || breakSymbol === void 0 ? void 0 : breakSymbol.visible) !== false) {
-                    const axisBreakGroup = graphicCreator.group({
-                        zIndex: 99
-                    });
-                    axisBreakGroup.name = AXIS_ELEMENT_NAME.axisBreak;
-                    axisBreakGroup.id = this._getNodeId(`${AXIS_ELEMENT_NAME.axisBreak}-${index}`);
-                    axisBreakGroup.data = rawRange;
-                    const symbolStyle = getAxisBreakSymbolAttrs(breakSymbol);
-                    const shape1 = graphicCreator.symbol(Object.assign({ x: startPoint.x, y: startPoint.y }, symbolStyle));
-                    shape1.name = AXIS_ELEMENT_NAME.axisBreakSymbol;
-                    const shape2 = graphicCreator.symbol(Object.assign({ x: endPoint.x, y: endPoint.y }, symbolStyle));
-                    shape2.name = AXIS_ELEMENT_NAME.axisBreakSymbol;
-                    axisBreakGroup.add(shape1);
-                    axisBreakGroup.add(shape2);
-                    container.add(axisBreakGroup);
-                }
-            });
-        }
         const { panel } = this.attribute;
         if (panel && panel.visible) {
             const axisContainer = this.axisContainer;
@@ -19155,24 +19162,9 @@ class LineAxis extends AxisBase {
     }
     renderLine(container) {
         const { start, end, line } = this.attribute;
-        const _a = line, { startSymbol, endSymbol, style, state } = _a, restLineAttrs = __rest(_a, ["startSymbol", "endSymbol", "style", "state"]);
-        const lineAttrs = Object.assign({ startSymbol,
+        const _a = line, { startSymbol, endSymbol, style, breakRange, breakShape, breakShapeStyle, state } = _a, restLineAttrs = __rest(_a, ["startSymbol", "endSymbol", "style", "breakRange", "breakShape", "breakShapeStyle", "state"]);
+        const lineAttrs = Object.assign({ points: [start, end], startSymbol,
             endSymbol, lineStyle: style }, restLineAttrs);
-        if (this._breaks && this._breaks.length) {
-            const linePoints = [];
-            let lastStartPoint = start;
-            this._breaks.forEach(b => {
-                const { startPoint, endPoint } = b;
-                linePoints.push([lastStartPoint, startPoint]);
-                lastStartPoint = endPoint;
-            });
-            linePoints.push([lastStartPoint, end]);
-            lineAttrs.points = linePoints;
-            lineAttrs.multiSegment = true;
-        }
-        else {
-            lineAttrs.points = [start, end];
-        }
         if (!isEmpty(state)) {
             lineAttrs.state = {
                 line: merge({}, DEFAULT_STATES$1, state),
@@ -19927,34 +19919,8 @@ const isAxisHorizontal = (axisOrientType) => {
     return ['bottom', 'top', 'z'].includes(axisOrientType);
 };
 
-function getScaleTicks(op, scale, count, getTicks) {
-    let scaleTicks;
-    const { breakData } = op;
-    if (breakData) {
-        const { range: breakRanges } = breakData();
-        const domain = scale.domain();
-        scaleTicks = [];
-        for (let i = 0; i < domain.length; i++) {
-            if (i < domain.length - 1) {
-                const range = [domain[i], domain[i + 1]];
-                const ticks = getTicks(count, range);
-                ticks.forEach(tick => {
-                    if (!breakRanges.some((breakRange) => tick >= breakRange[0] && tick <= breakRange[1])) {
-                        scaleTicks.push(tick);
-                    }
-                });
-            }
-        }
-        scale.domain(domain);
-    }
-    else {
-        scaleTicks = getTicks(count);
-    }
-    return scaleTicks;
-}
 const DEFAULT_CONTINUOUS_TICK_COUNT = 5;
 const continuousTicks = (scale, op) => {
-    var _a, _b;
     if (!isContinuous(scale.type)) {
         return convertDomainToTickData(scale.domain());
     }
@@ -19963,37 +19929,22 @@ const continuousTicks = (scale, op) => {
     if (rangeSize < 2) {
         return convertDomainToTickData([scale.domain()[0]]);
     }
-    const { tickCount, forceTickCount, tickStep, noDecimals = false, labelStyle, breakData } = op;
+    const { tickCount, forceTickCount, tickStep, noDecimals = false, labelStyle } = op;
     let scaleTicks;
     if (isValid(tickStep)) {
         scaleTicks = scale.stepTicks(tickStep);
     }
     else if (isValid(forceTickCount)) {
-        scaleTicks = getScaleTicks(op, scale, forceTickCount, (count, range) => {
-            if (range && range.length) {
-                return scale.domain(range).forceTicks(count);
-            }
-            return scale.forceTicks(count);
-        });
+        scaleTicks = scale.forceTicks(forceTickCount);
     }
     else if (op.tickMode === 'd3') {
-        const count = (_a = (isFunction(tickCount) ? tickCount({ axisLength: rangeSize, labelStyle }) : tickCount)) !== null && _a !== void 0 ? _a : DEFAULT_CONTINUOUS_TICK_COUNT;
-        scaleTicks = getScaleTicks(op, scale, count, (count, range) => {
-            if (range && range.length) {
-                return scale.domain(range).d3Ticks(count, { noDecimals });
-            }
-            return scale.d3Ticks(count, { noDecimals });
-        });
+        const count = isFunction(tickCount) ? tickCount({ axisLength: rangeSize, labelStyle }) : tickCount;
+        scaleTicks = scale.d3Ticks(count !== null && count !== void 0 ? count : DEFAULT_CONTINUOUS_TICK_COUNT, { noDecimals });
     }
     else {
-        const count = (_b = (isFunction(tickCount) ? tickCount({ axisLength: rangeSize, labelStyle }) : tickCount)) !== null && _b !== void 0 ? _b : DEFAULT_CONTINUOUS_TICK_COUNT;
+        const count = isFunction(tickCount) ? tickCount({ axisLength: rangeSize, labelStyle }) : tickCount;
         const customTicks = isFunction(op.tickMode) ? op.tickMode : undefined;
-        scaleTicks = getScaleTicks(op, scale, count, (count, range) => {
-            if (range && range.length) {
-                return scale.domain(range).ticks(count, { noDecimals, customTicks });
-            }
-            return scale.ticks(count, { noDecimals, customTicks });
-        });
+        scaleTicks = scale.ticks(count !== null && count !== void 0 ? count : DEFAULT_CONTINUOUS_TICK_COUNT, { noDecimals, customTicks });
     }
     if (op.sampling) {
         if (op.coordinateType === 'cartesian' || (op.coordinateType === 'polar' && op.axisOrientType === 'radius')) {
@@ -20002,9 +19953,8 @@ const continuousTicks = (scale, op) => {
                 AABBBounds: bounds,
                 value: scaleTicks[i]
             }));
-            const samplingMethod = breakData ? methods.greedy : methods.parity;
             while (items.length >= 3 && hasOverlap(items, labelGap)) {
-                items = samplingMethod(items, labelGap);
+                items = methods.parity(items);
             }
             const ticks = items.map(item => item.value);
             if (ticks.length < 3 && labelFlush) {
@@ -28405,6 +28355,12 @@ class CheckBox extends AbstractComponent {
             y: textY
         });
     }
+    initAttributes(params, options) {
+        params = (options === null || options === void 0 ? void 0 : options.skipDefault) ? params : merge({}, CheckBox.defaultAttributes, params);
+        super.initAttributes(params);
+        this.renderGroup();
+        this.render();
+    }
 }
 CheckBox.defaultAttributes = {
     interactive: true,
@@ -28534,6 +28490,12 @@ class Radio extends AbstractComponent {
             y: textY
         });
     }
+    initAttributes(params, options) {
+        params = (options === null || options === void 0 ? void 0 : options.skipDefault) ? params : merge({}, Radio.defaultAttributes, params);
+        super.initAttributes(params);
+        this.renderGroup();
+        this.render();
+    }
 }
 Radio.defaultAttributes = {
     interactive: true,
@@ -28623,6 +28585,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.20.1-alpha.6";
+const version = "0.20.2-alpha.1";
 
-export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };
+export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };

package/es/axis/config.d.ts

@@ -52,9 +52,3 @@ export declare const DEFAULT_AXIS_THEME: {
         };
     };
 };
-export declare const DEFAULT_AXIS_BREAK_SYMBOL_STYLE: {
-    size: number;
-    stroke: string;
-    lineWidth: number;
-    zIndex: number;
-};

package/es/axis/config.js

@@ -52,11 +52,4 @@ export const DEFAULT_AXIS_THEME = {
         }
     }
 };
-
-export const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {
-    size: 8,
-    stroke: "#000",
-    lineWidth: 1,
-    zIndex: 1
-};
 //# sourceMappingURL=config.js.map

package/es/axis/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,CAAC;CACV,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_AXIS_THEME = {\n  title: {\n    space: 4,\n    padding: 0,\n    textStyle: {\n      fontSize: 12,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    inside: false,\n    space: 4,\n    padding: 0,\n    style: {\n      fontSize: 12,\n      fill: '#333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  tick: {\n    visible: true,\n    inside: false,\n    alignWithLabel: true,\n    length: 4,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    inside: false,\n    count: 4,\n    length: 2,\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1\n    }\n  },\n  line: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  }\n};\n\nexport const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {\n  size: 8,\n  stroke: '#000',\n  lineWidth: 1,\n  zIndex: 1\n};\n"]}
+{"version":3,"sources":["../src/axis/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_AXIS_THEME = {\n  title: {\n    space: 4,\n    padding: 0,\n    textStyle: {\n      fontSize: 12,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    inside: false,\n    space: 4,\n    padding: 0,\n    style: {\n      fontSize: 12,\n      fill: '#333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  tick: {\n    visible: true,\n    inside: false,\n    alignWithLabel: true,\n    length: 4,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    inside: false,\n    count: 4,\n    length: 2,\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1\n    }\n  },\n  line: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  }\n};\n"]}

package/es/axis/constant.d.ts

@@ -12,9 +12,7 @@ export declare enum AXIS_ELEMENT_NAME {
     gridRegion = "axis-grid-region",
     line = "axis-line",
     background = "axis-background",
-    axisLabelBackground = "axis-label-background",
-    axisBreak = "axis-break",
-    axisBreakSymbol = "axis-break-symbol"
+    axisLabelBackground = "axis-label-background"
 }
 export declare enum AxisStateValue {
     selected = "selected",

package/es/axis/constant.js

@@ -7,8 +7,7 @@ export var AXIS_ELEMENT_NAME;
     AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", 
     AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", 
     AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", 
-    AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", 
-    AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
+    AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background";
 }(AXIS_ELEMENT_NAME || (AXIS_ELEMENT_NAME = {}));
 
 export var AxisStateValue;

package/es/axis/constant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAiBX;AAjBD,WAAY,iBAAiB;IAC3B,6CAAwB,CAAA;IACxB,qDAAgC,CAAA;IAChC,4DAAuC,CAAA;IACvC,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,8CAAyB,CAAA;IACzB,yCAAoB,CAAA;IACpB,yCAAoB,CAAA;IACpB,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,oDAA+B,CAAA;IAC/B,uCAAkB,CAAA;IAClB,mDAA8B,CAAA;IAC9B,kEAA6C,CAAA;IAC7C,6CAAwB,CAAA;IACxB,0DAAqC,CAAA;AACvC,CAAC,EAjBW,iBAAiB,KAAjB,iBAAiB,QAiB5B;AAED,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,sDAAoC,CAAA;IACpC,iCAAe,CAAA;IACf,gDAA8B,CAAA;AAChC,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,EAAE;IACpC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC7B,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE;IAC1B,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,EAAE;CAClC,CAAC","file":"constant.js","sourcesContent":["export enum AXIS_ELEMENT_NAME {\n  innerView = 'inner-view',\n  axisContainer = 'axis-container',\n  labelContainer = 'axis-label-container',\n  tickContainer = 'axis-tick-container',\n  tick = 'axis-tick',\n  subTick = 'axis-sub-tick',\n  label = 'axis-label',\n  title = 'axis-title',\n  gridContainer = 'axis-grid-container',\n  grid = 'axis-grid',\n  gridRegion = 'axis-grid-region',\n  line = 'axis-line',\n  background = 'axis-background',\n  axisLabelBackground = 'axis-label-background',\n  axisBreak = 'axis-break',\n  axisBreakSymbol = 'axis-break-symbol'\n}\n\nexport enum AxisStateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [AxisStateValue.selectedReverse]: {},\n  [AxisStateValue.selected]: {},\n  [AxisStateValue.hover]: {},\n  [AxisStateValue.hoverReverse]: {}\n};\n"]}
+{"version":3,"sources":["../src/axis/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAeX;AAfD,WAAY,iBAAiB;IAC3B,6CAAwB,CAAA;IACxB,qDAAgC,CAAA;IAChC,4DAAuC,CAAA;IACvC,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,8CAAyB,CAAA;IACzB,yCAAoB,CAAA;IACpB,yCAAoB,CAAA;IACpB,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,oDAA+B,CAAA;IAC/B,uCAAkB,CAAA;IAClB,mDAA8B,CAAA;IAC9B,kEAA6C,CAAA;AAC/C,CAAC,EAfW,iBAAiB,KAAjB,iBAAiB,QAe5B;AAED,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,sDAAoC,CAAA;IACpC,iCAAe,CAAA;IACf,gDAA8B,CAAA;AAChC,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,EAAE;IACpC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC7B,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE;IAC1B,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,EAAE;CAClC,CAAC","file":"constant.js","sourcesContent":["export enum AXIS_ELEMENT_NAME {\n  innerView = 'inner-view',\n  axisContainer = 'axis-container',\n  labelContainer = 'axis-label-container',\n  tickContainer = 'axis-tick-container',\n  tick = 'axis-tick',\n  subTick = 'axis-sub-tick',\n  label = 'axis-label',\n  title = 'axis-title',\n  gridContainer = 'axis-grid-container',\n  grid = 'axis-grid',\n  gridRegion = 'axis-grid-region',\n  line = 'axis-line',\n  background = 'axis-background',\n  axisLabelBackground = 'axis-label-background'\n}\n\nexport enum AxisStateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [AxisStateValue.selectedReverse]: {},\n  [AxisStateValue.selected]: {},\n  [AxisStateValue.hover]: {},\n  [AxisStateValue.hoverReverse]: {}\n};\n"]}

package/es/axis/line.d.ts

@@ -62,7 +62,6 @@ export declare class LineAxis extends AxisBase<LineAxisAttributes> {
         };
     };
     constructor(attributes: LineAxisAttributes, options?: ComponentOptions);
-    private _breaks;
     protected _renderInner(container: IGroup): void;
     protected renderLine(container: IGroup): void;
     protected getTitleAttribute(): TagAttributes;

package/es/axis/line.js

@@ -36,8 +36,6 @@ import { LineAxisMixin } from "./mixin/line";
 
 import { loadLineAxisComponent } from "./register";
 
-import { getAxisBreakSymbolAttrs } from "./util";
-
 loadLineAxisComponent();
 
 export class LineAxis extends AxisBase {
@@ -46,41 +44,7 @@ export class LineAxis extends AxisBase {
     }
     _renderInner(container) {
         var _a;
-        if (this.attribute.breaks && this.attribute.breaks.length) {
-            const transformedBreaks = [];
-            for (let index = 0; index < this.attribute.breaks.length; index++) {
-                const aBreak = this.attribute.breaks[index], {range: range, breakSymbol: breakSymbol, rawRange: rawRange} = aBreak;
-                transformedBreaks.push({
-                    startPoint: this.getTickCoord(range[0]),
-                    endPoint: this.getTickCoord(range[1]),
-                    range: range,
-                    breakSymbol: breakSymbol,
-                    rawRange: rawRange
-                });
-            }
-            this._breaks = transformedBreaks;
-        }
-        super._renderInner(container), this._breaks && this._breaks.length && this._breaks.forEach(((b, index) => {
-            const {startPoint: startPoint, endPoint: endPoint, breakSymbol: breakSymbol, rawRange: rawRange} = b;
-            if (!1 !== (null == breakSymbol ? void 0 : breakSymbol.visible)) {
-                const axisBreakGroup = graphicCreator.group({
-                    zIndex: 99
-                });
-                axisBreakGroup.name = AXIS_ELEMENT_NAME.axisBreak, axisBreakGroup.id = this._getNodeId(`${AXIS_ELEMENT_NAME.axisBreak}-${index}`), 
-                axisBreakGroup.data = rawRange;
-                const symbolStyle = getAxisBreakSymbolAttrs(breakSymbol), shape1 = graphicCreator.symbol(Object.assign({
-                    x: startPoint.x,
-                    y: startPoint.y
-                }, symbolStyle));
-                shape1.name = AXIS_ELEMENT_NAME.axisBreakSymbol;
-                const shape2 = graphicCreator.symbol(Object.assign({
-                    x: endPoint.x,
-                    y: endPoint.y
-                }, symbolStyle));
-                shape2.name = AXIS_ELEMENT_NAME.axisBreakSymbol, axisBreakGroup.add(shape1), axisBreakGroup.add(shape2), 
-                container.add(axisBreakGroup);
-            }
-        }));
+        super._renderInner(container);
         const {panel: panel} = this.attribute;
         if (panel && panel.visible) {
             const axisContainer = this.axisContainer, axisContainerBounds = axisContainer.AABBBounds, bgRect = graphicCreator.rect(Object.assign({
@@ -95,19 +59,12 @@ export class LineAxis extends AxisBase {
         }
     }
     renderLine(container) {
-        const {start: start, end: end, line: line} = this.attribute, _a = line, {startSymbol: startSymbol, endSymbol: endSymbol, style: style, state: state} = _a, restLineAttrs = __rest(_a, [ "startSymbol", "endSymbol", "style", "state" ]), lineAttrs = Object.assign({
+        const {start: start, end: end, line: line} = this.attribute, _a = line, {startSymbol: startSymbol, endSymbol: endSymbol, style: style, breakRange: breakRange, breakShape: breakShape, breakShapeStyle: breakShapeStyle, state: state} = _a, restLineAttrs = __rest(_a, [ "startSymbol", "endSymbol", "style", "breakRange", "breakShape", "breakShapeStyle", "state" ]), lineAttrs = Object.assign({
+            points: [ start, end ],
             startSymbol: startSymbol,
             endSymbol: endSymbol,
             lineStyle: style
         }, restLineAttrs);
-        if (this._breaks && this._breaks.length) {
-            const linePoints = [];
-            let lastStartPoint = start;
-            this._breaks.forEach((b => {
-                const {startPoint: startPoint, endPoint: endPoint} = b;
-                linePoints.push([ lastStartPoint, startPoint ]), lastStartPoint = endPoint;
-            })), linePoints.push([ lastStartPoint, end ]), lineAttrs.points = linePoints, lineAttrs.multiSegment = !0;
-        } else lineAttrs.points = [ start, end ];
         isEmpty(state) || (lineAttrs.state = {
             line: merge({}, DEFAULT_STATES, state),
             symbol: merge({}, DEFAULT_STATES, state)