@visactor/vrender-components 0.15.0-alpha.6 → 0.15.1

package/cjs/data-zoom/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["data-zoom/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IAreaGraphicAttribute,\n  ICurveType,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute\n} from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { OrientType } from '../interface';\nimport type { TagAttributes } from '../tag';\n\nexport interface DataZoomAttributes extends IGroupGraphicAttribute {\n  /**\n   * DataZoom位置\n   */\n  position: IPointLike;\n  /**\n   * DataZoom 尺寸\n   */\n  size: {\n    width: number;\n    height: number;\n  };\n  /**\n   * DataZoom方向\n   * @default 'bottom'\n   */\n  orient?: OrientType;\n\n  /**\n   * 起点配置（比例）：范围[0, 1]\n   * @default 0\n   */\n  start?: number;\n\n  /**\n   * 终点配置（比例）：范围[0, 1]\n   * @default 1\n   */\n  end?: number;\n\n  /**\n   * 背景样式\n   */\n  backgroundStyle?: IRectGraphicAttribute;\n\n  /**\n   * 起点手柄样式\n   */\n  startHandlerStyle?: ISymbolGraphicAttribute;\n\n  /**\n   * 中间手柄样式\n   */\n  middleHandlerStyle?: {\n    /**\n     * 是否显示\n     * @default false\n     */\n    visible?: boolean;\n    /**\n     * 中间手柄的中间symbol样式\n     */\n    icon?: ISymbolGraphicAttribute;\n    /**\n     * 中间手柄的背景rect样式\n     */\n    background?: {\n      style?: IRectGraphicAttribute;\n      size?: number;\n    };\n  };\n\n  /**\n   * 终点手柄样式\n   */\n  endHandlerStyle?: ISymbolGraphicAttribute;\n\n  /**\n   * 起点文字样式\n   */\n  startTextStyle?: {\n    formatMethod?: (text: string | number) => (string | number) | (string | number)[];\n  } & Partial<TagAttributes>;\n\n  /**\n   * 终点文字样式\n   */\n  endTextStyle?: {\n    formatMethod?: (text: string | number) => (string | number) | (string | number)[];\n  } & Partial<TagAttributes>;\n\n  /**\n   * 选中背景样式\n   */\n  selectedBackgroundStyle?: IRectGraphicAttribute;\n\n  /**\n   * 拖拽进行中的选中背景样式\n   */\n  dragMaskStyle?: IRectGraphicAttribute;\n\n  /**\n   * 背景图表样式\n   */\n  backgroundChartStyle?: {\n    line?: {\n      visible?: boolean;\n    } & ILineGraphicAttribute;\n    area?: {\n      /**\n       * @default true\n       */\n      visible?: boolean;\n      curveType?: ICurveType;\n    } & Omit<IAreaGraphicAttribute, 'curveType'>;\n  };\n\n  /**\n   * 选中的背景图表样式\n   */\n  selectedBackgroundChartStyle?: {\n    line?: {\n      /**\n       * @default true\n       */\n      visible?: boolean;\n    } & ILineGraphicAttribute;\n    area?: {\n      /**\n       * @default true\n       */\n      visible?: boolean;\n      curveType?: ICurveType;\n    } & Omit<IAreaGraphicAttribute, 'curveType'>;\n  };\n\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default true\n   */\n  brushSelect?: boolean;\n\n  /**\n   * todo: 是否锁定选择区域（或叫做数据窗口）的大小\n   */\n  zoomLock?: boolean;\n\n  /**\n   * 绘制背景图表的数据 & 映射函数\n   */\n  previewData?: any[];\n  previewCallbackX?: (datum: any) => number;\n  previewCallbackY?: (datum: any) => number;\n  previewCallbackX1?: (datum: any) => number;\n  previewCallbackY1?: (datum: any) => number;\n  updateStateCallback?: (start: number, end: number) => any;\n}\n"]}
+{"version":3,"sources":["../src/data-zoom/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IAreaGraphicAttribute,\n  ICurveType,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute\n} from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { OrientType } from '../interface';\nimport type { TagAttributes } from '../tag';\n\nexport interface DataZoomAttributes extends IGroupGraphicAttribute {\n  /**\n   * DataZoom位置\n   */\n  position: IPointLike;\n  /**\n   * DataZoom 尺寸\n   */\n  size: {\n    width: number;\n    height: number;\n  };\n  /**\n   * DataZoom方向\n   * @default 'bottom'\n   */\n  orient?: OrientType;\n\n  /**\n   * 起点配置（比例）：范围[0, 1]\n   * @default 0\n   */\n  start?: number;\n\n  /**\n   * 终点配置（比例）：范围[0, 1]\n   * @default 1\n   */\n  end?: number;\n\n  /**\n   * 背景样式\n   */\n  backgroundStyle?: IRectGraphicAttribute;\n\n  /**\n   * 起点手柄样式\n   */\n  startHandlerStyle?: ISymbolGraphicAttribute;\n\n  /**\n   * 中间手柄样式\n   */\n  middleHandlerStyle?: {\n    /**\n     * 是否显示\n     * @default false\n     */\n    visible?: boolean;\n    /**\n     * 中间手柄的中间symbol样式\n     */\n    icon?: ISymbolGraphicAttribute;\n    /**\n     * 中间手柄的背景rect样式\n     */\n    background?: {\n      style?: IRectGraphicAttribute;\n      size?: number;\n    };\n  };\n\n  /**\n   * 终点手柄样式\n   */\n  endHandlerStyle?: ISymbolGraphicAttribute;\n\n  /**\n   * 起点文字样式\n   */\n  startTextStyle?: {\n    formatMethod?: (text: string | number) => (string | number) | (string | number)[];\n  } & Partial<TagAttributes>;\n\n  /**\n   * 终点文字样式\n   */\n  endTextStyle?: {\n    formatMethod?: (text: string | number) => (string | number) | (string | number)[];\n  } & Partial<TagAttributes>;\n\n  /**\n   * 选中背景样式\n   */\n  selectedBackgroundStyle?: IRectGraphicAttribute;\n\n  /**\n   * 拖拽进行中的选中背景样式\n   */\n  dragMaskStyle?: IRectGraphicAttribute;\n\n  /**\n   * 背景图表样式\n   */\n  backgroundChartStyle?: {\n    line?: {\n      visible?: boolean;\n    } & ILineGraphicAttribute;\n    area?: {\n      /**\n       * @default true\n       */\n      visible?: boolean;\n      curveType?: ICurveType;\n    } & Omit<IAreaGraphicAttribute, 'curveType'>;\n  };\n\n  /**\n   * 选中的背景图表样式\n   */\n  selectedBackgroundChartStyle?: {\n    line?: {\n      /**\n       * @default true\n       */\n      visible?: boolean;\n    } & ILineGraphicAttribute;\n    area?: {\n      /**\n       * @default true\n       */\n      visible?: boolean;\n      curveType?: ICurveType;\n    } & Omit<IAreaGraphicAttribute, 'curveType'>;\n  };\n\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default true\n   */\n  brushSelect?: boolean;\n\n  /**\n   * todo: 是否锁定选择区域（或叫做数据窗口）的大小\n   */\n  zoomLock?: boolean;\n\n  /**\n   * 绘制背景图表的数据 & 映射函数\n   */\n  previewData?: any[];\n  previewCallbackX?: (datum: any) => number;\n  previewCallbackY?: (datum: any) => number;\n  previewCallbackX1?: (datum: any) => number;\n  previewCallbackY1?: (datum: any) => number;\n  updateStateCallback?: (start: number, end: number) => any;\n}\n"]}

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.15.0-alpha.6";
+export declare const version = "0.15.1";
 export * from './core/base';
 export * from './scrollbar';
 export * from './tag';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.15.0-alpha.6", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.15.1", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./scrollbar"), exports), __exportStar(require("./tag"), exports), 
 __exportStar(require("./poptip"), exports), __exportStar(require("./crosshair"), exports), 
 __exportStar(require("./label"), exports), __exportStar(require("./axis"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B;AAC5B,wCAAsB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.15.0-alpha.6\";\n\nexport * from './core/base';\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';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B;AAC5B,wCAAsB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.15.1\";\n\nexport * from './core/base';\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';\n"]}

package/cjs/indicator/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["indicator/config.ts"],"names":[],"mappings":";;;AACa,QAAA,uBAAuB,GAAiC;IACnE,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["import { IndicatorAttributes } from './type';\nexport const DEFAULT_INDICATOR_THEME: Partial<IndicatorAttributes> = {\n  title: {\n    style: {\n      text: '',\n      fontSize: 20,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  },\n  content: {\n    style: {\n      text: '',\n      fontSize: 16,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/indicator/config.ts"],"names":[],"mappings":";;;AACa,QAAA,uBAAuB,GAAiC;IACnE,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["import { IndicatorAttributes } from './type';\nexport const DEFAULT_INDICATOR_THEME: Partial<IndicatorAttributes> = {\n  title: {\n    style: {\n      text: '',\n      fontSize: 20,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  },\n  content: {\n    style: {\n      text: '',\n      fontSize: 16,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  }\n};\n"]}

package/cjs/indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["indicator/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,yCAAuB","file":"index.js","sourcesContent":["export * from './indicator';\nexport * from './type';\n"]}
+{"version":3,"sources":["../src/indicator/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,yCAAuB","file":"index.js","sourcesContent":["export * from './indicator';\nexport * from './type';\n"]}

package/cjs/indicator/indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["/**\n * @description 指标卡组件\n */\nimport { IGroup, INode, IText } from '@visactor/vrender';\nimport { merge, isValid, array, isValidNumber, get } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { measureTextSize } from '../util';\nimport { IndicatorAttributes, IndicatorItemSpec } from './type';\nimport { DEFAULT_INDICATOR_THEME } from './config';\n\nexport class Indicator extends AbstractComponent<Required<IndicatorAttributes>> {\n  name = 'indicator';\n\n  private _title?: IText;\n  private _content?: IText | IText[];\n\n  protected render() {\n    const { visible, title, content, size, limitRatio = Infinity } = this.attribute as IndicatorAttributes;\n\n    const limit = Math.min(size.width, size.height) * limitRatio;\n\n    const group = this.createOrUpdateChild('indicator-container', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    // 指标卡全部隐藏\n    if (visible !== true) {\n      group && group.hideAll();\n      return;\n    }\n\n    if (isValid(title)) {\n      if (title.visible !== false) {\n        const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'title.style'), title.style);\n        this._title = group.createOrUpdateChild(\n          'indicator-title',\n          {\n            ...titleStyle,\n            /**\n             * 加入以下逻辑：如果没有声明lineHeight，默认 lineHeight 等于 fontSize\n             * 因为如果不声明 vrender 底层会默认给文本加上 2px 的高度，会影响布局计算\n             * 注意：在autoFit改变fontsize时，lineHeight也要同步修改\n             */\n            lineHeight: isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize,\n            visible: title.visible,\n            x: 0,\n            y: 0\n          },\n          'text'\n        ) as IText;\n\n        // auto-fit\n        if (title.autoFit && isValidNumber(limit)) {\n          this._setAutoFit(limit, this._title, title);\n        }\n\n        //auto-limit\n        if (title.autoLimit && isValidNumber(limitRatio)) {\n          this._title.setAttribute('maxLineWidth', limit);\n        }\n      } else {\n        /**\n         * indicator部分隐藏\n         * 例如title隐藏了，content还保留。直接设置visible:false 计算group.AABBounts是错的，影响上下居中。\n         * 这里把隐藏的nodes删除后，group.AABBounts计算才正确。\n         */\n        const titleNode = group.find(node => node.name === 'indicator-title', false);\n        titleNode && group.removeChild(titleNode as INode);\n        this._title = undefined;\n      }\n    }\n\n    const titleHeight = this._title ? this._title.AABBBounds.height() : 0;\n\n    if (isValid(content)) {\n      const titleSpace = this._title ? (title?.space ? title.space : 0) : 0;\n      const contents: IndicatorItemSpec[] = array(content);\n      const contentComponents: IText[] = [];\n      let lastContentHeight = 0;\n      contents.forEach((contentItem, i) => {\n        if (contentItem.visible !== false) {\n          const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'content.style'), contentItem.style);\n          const contentComponent = group.createOrUpdateChild(\n            'indicator-content-' + i,\n            {\n              ...contentStyle,\n              lineHeight: isValid(contentStyle.lineHeight) ? contentStyle.lineHeight : contentStyle.fontSize,\n              visible: contentItem.visible,\n              x: 0,\n              y: titleHeight + titleSpace + lastContentHeight\n            },\n            'text'\n          ) as IText;\n\n          // auto-fit\n          if (contentItem.autoFit && isValidNumber(limit)) {\n            this._setAutoFit(limit, contentComponent, contentItem);\n          }\n\n          //auto-limit\n          if (contentItem.autoLimit && isValidNumber(limitRatio)) {\n            contentComponent.setAttribute('maxLineWidth', limit);\n          }\n\n          contentComponents.push(contentComponent);\n          const contentSpace = contentItem?.space ? contentItem.space : 0;\n          lastContentHeight += contentComponent.AABBBounds.height() + contentSpace;\n        } else {\n          /**\n           * indicator部分隐藏\n           */\n          const contentItemNode = group.find(node => node.name === 'indicator-content-' + i, false);\n          contentItemNode && group.removeChild(contentItemNode as INode);\n        }\n      });\n      this._content = contentComponents;\n    }\n\n    const totalHeight = group?.AABBBounds.height() ?? 0;\n    group.setAttribute('y', size.height / 2 - totalHeight / 2);\n    group.setAttribute('x', size.width / 2);\n  }\n\n  private _setAutoFit(limit: number, indicatorItem: IText, indicatorItemSpec: IndicatorItemSpec) {\n    const originWidth = measureTextSize(indicatorItemSpec.style?.text ?? '', indicatorItemSpec.style ?? {}).width;\n    if (originWidth > 0) {\n      const ratio = (limit * (indicatorItemSpec.fitPercent ?? 0.5)) / originWidth;\n      const fontSize = Math.floor((indicatorItemSpec.style?.fontSize ?? 20) * ratio);\n      indicatorItem.setAttribute('fontSize', fontSize);\n      indicatorItem.setAttribute(\n        'lineHeight',\n        isValid(indicatorItemSpec.style.lineHeight) ? indicatorItemSpec.style.lineHeight : fontSize\n      );\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/indicator/indicator.ts"],"names":[],"mappings":";;;AAIA,6CAA6E;AAC7E,uCAAiD;AACjD,kCAA0C;AAE1C,qCAAmD;AAEnD,MAAa,SAAU,SAAQ,wBAAgD;IAA/E;;QACE,SAAI,GAAG,WAAW,CAAC;IA0HrB,CAAC;IArHW,MAAM;;QACd,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;QAEvG,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;QAE7D,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,CAAW,CAAC;QAG5G,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACzB,OAAO;SACR;QAED,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;YAClB,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,EAAE;gBAC3B,MAAM,UAAU,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,IAAA,YAAG,EAAC,gCAAuB,EAAE,aAAa,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBACvF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,mBAAmB,CACrC,iBAAiB,kCAEZ,UAAU,KAMb,UAAU,EAAE,IAAA,gBAAO,EAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EACxF,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,KAEN,MAAM,CACE,CAAC;gBAGX,IAAI,KAAK,CAAC,OAAO,IAAI,IAAA,sBAAa,EAAC,KAAK,CAAC,EAAE;oBACzC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;iBAC7C;gBAGD,IAAI,KAAK,CAAC,SAAS,IAAI,IAAA,sBAAa,EAAC,UAAU,CAAC,EAAE;oBAChD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;iBACjD;aACF;iBAAM;gBAML,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,iBAAiB,EAAE,KAAK,CAAC,CAAC;gBAC7E,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC,SAAkB,CAAC,CAAC;gBACnD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;aACzB;SACF;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtE,IAAI,IAAA,gBAAO,EAAC,OAAO,CAAC,EAAE;YACpB,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtE,MAAM,QAAQ,GAAwB,IAAA,cAAK,EAAC,OAAO,CAAC,CAAC;YACrD,MAAM,iBAAiB,GAAY,EAAE,CAAC;YACtC,IAAI,iBAAiB,GAAG,CAAC,CAAC;YAC1B,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;gBAClC,IAAI,WAAW,CAAC,OAAO,KAAK,KAAK,EAAE;oBACjC,MAAM,YAAY,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,IAAA,YAAG,EAAC,gCAAuB,EAAE,eAAe,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;oBACjG,MAAM,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAChD,oBAAoB,GAAG,CAAC,kCAEnB,YAAY,KACf,UAAU,EAAE,IAAA,gBAAO,EAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAC9F,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,iBAAiB,KAEjD,MAAM,CACE,CAAC;oBAGX,IAAI,WAAW,CAAC,OAAO,IAAI,IAAA,sBAAa,EAAC,KAAK,CAAC,EAAE;wBAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC;qBACxD;oBAGD,IAAI,WAAW,CAAC,SAAS,IAAI,IAAA,sBAAa,EAAC,UAAU,CAAC,EAAE;wBACtD,gBAAgB,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;qBACtD;oBAED,iBAAiB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;oBACzC,MAAM,YAAY,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;oBAChE,iBAAiB,IAAI,gBAAgB,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,YAAY,CAAC;iBAC1E;qBAAM;oBAIL,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,oBAAoB,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;oBAC1F,eAAe,IAAI,KAAK,CAAC,WAAW,CAAC,eAAwB,CAAC,CAAC;iBAChE;YACH,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC;SACnC;QAED,MAAM,WAAW,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,MAAM,EAAE,mCAAI,CAAC,CAAC;QACpD,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC;QAC3D,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC1C,CAAC;IAEO,WAAW,CAAC,KAAa,EAAE,aAAoB,EAAE,iBAAoC;;QAC3F,MAAM,WAAW,GAAG,IAAA,sBAAe,EAAC,MAAA,MAAA,iBAAiB,CAAC,KAAK,0CAAE,IAAI,mCAAI,EAAE,EAAE,MAAA,iBAAiB,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC;QAC9G,IAAI,WAAW,GAAG,CAAC,EAAE;YACnB,MAAM,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,MAAA,iBAAiB,CAAC,UAAU,mCAAI,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC;YAC5E,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAA,MAAA,iBAAiB,CAAC,KAAK,0CAAE,QAAQ,mCAAI,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC;YAC/E,aAAa,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACjD,aAAa,CAAC,YAAY,CACxB,YAAY,EACZ,IAAA,gBAAO,EAAC,iBAAiB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAC5F,CAAC;SACH;IACH,CAAC;CACF;AA3HD,8BA2HC","file":"indicator.js","sourcesContent":["/**\n * @description 指标卡组件\n */\nimport { IGroup, INode, IText } from '@visactor/vrender';\nimport { merge, isValid, array, isValidNumber, get } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { measureTextSize } from '../util';\nimport { IndicatorAttributes, IndicatorItemSpec } from './type';\nimport { DEFAULT_INDICATOR_THEME } from './config';\n\nexport class Indicator extends AbstractComponent<Required<IndicatorAttributes>> {\n  name = 'indicator';\n\n  private _title?: IText;\n  private _content?: IText | IText[];\n\n  protected render() {\n    const { visible, title, content, size, limitRatio = Infinity } = this.attribute as IndicatorAttributes;\n\n    const limit = Math.min(size.width, size.height) * limitRatio;\n\n    const group = this.createOrUpdateChild('indicator-container', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    // 指标卡全部隐藏\n    if (visible !== true) {\n      group && group.hideAll();\n      return;\n    }\n\n    if (isValid(title)) {\n      if (title.visible !== false) {\n        const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'title.style'), title.style);\n        this._title = group.createOrUpdateChild(\n          'indicator-title',\n          {\n            ...titleStyle,\n            /**\n             * 加入以下逻辑：如果没有声明lineHeight，默认 lineHeight 等于 fontSize\n             * 因为如果不声明 vrender 底层会默认给文本加上 2px 的高度，会影响布局计算\n             * 注意：在autoFit改变fontsize时，lineHeight也要同步修改\n             */\n            lineHeight: isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize,\n            visible: title.visible,\n            x: 0,\n            y: 0\n          },\n          'text'\n        ) as IText;\n\n        // auto-fit\n        if (title.autoFit && isValidNumber(limit)) {\n          this._setAutoFit(limit, this._title, title);\n        }\n\n        //auto-limit\n        if (title.autoLimit && isValidNumber(limitRatio)) {\n          this._title.setAttribute('maxLineWidth', limit);\n        }\n      } else {\n        /**\n         * indicator部分隐藏\n         * 例如title隐藏了，content还保留。直接设置visible:false 计算group.AABBounts是错的，影响上下居中。\n         * 这里把隐藏的nodes删除后，group.AABBounts计算才正确。\n         */\n        const titleNode = group.find(node => node.name === 'indicator-title', false);\n        titleNode && group.removeChild(titleNode as INode);\n        this._title = undefined;\n      }\n    }\n\n    const titleHeight = this._title ? this._title.AABBBounds.height() : 0;\n\n    if (isValid(content)) {\n      const titleSpace = this._title ? (title?.space ? title.space : 0) : 0;\n      const contents: IndicatorItemSpec[] = array(content);\n      const contentComponents: IText[] = [];\n      let lastContentHeight = 0;\n      contents.forEach((contentItem, i) => {\n        if (contentItem.visible !== false) {\n          const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'content.style'), contentItem.style);\n          const contentComponent = group.createOrUpdateChild(\n            'indicator-content-' + i,\n            {\n              ...contentStyle,\n              lineHeight: isValid(contentStyle.lineHeight) ? contentStyle.lineHeight : contentStyle.fontSize,\n              visible: contentItem.visible,\n              x: 0,\n              y: titleHeight + titleSpace + lastContentHeight\n            },\n            'text'\n          ) as IText;\n\n          // auto-fit\n          if (contentItem.autoFit && isValidNumber(limit)) {\n            this._setAutoFit(limit, contentComponent, contentItem);\n          }\n\n          //auto-limit\n          if (contentItem.autoLimit && isValidNumber(limitRatio)) {\n            contentComponent.setAttribute('maxLineWidth', limit);\n          }\n\n          contentComponents.push(contentComponent);\n          const contentSpace = contentItem?.space ? contentItem.space : 0;\n          lastContentHeight += contentComponent.AABBBounds.height() + contentSpace;\n        } else {\n          /**\n           * indicator部分隐藏\n           */\n          const contentItemNode = group.find(node => node.name === 'indicator-content-' + i, false);\n          contentItemNode && group.removeChild(contentItemNode as INode);\n        }\n      });\n      this._content = contentComponents;\n    }\n\n    const totalHeight = group?.AABBBounds.height() ?? 0;\n    group.setAttribute('y', size.height / 2 - totalHeight / 2);\n    group.setAttribute('x', size.width / 2);\n  }\n\n  private _setAutoFit(limit: number, indicatorItem: IText, indicatorItemSpec: IndicatorItemSpec) {\n    const originWidth = measureTextSize(indicatorItemSpec.style?.text ?? '', indicatorItemSpec.style ?? {}).width;\n    if (originWidth > 0) {\n      const ratio = (limit * (indicatorItemSpec.fitPercent ?? 0.5)) / originWidth;\n      const fontSize = Math.floor((indicatorItemSpec.style?.fontSize ?? 20) * ratio);\n      indicatorItem.setAttribute('fontSize', fontSize);\n      indicatorItem.setAttribute(\n        'lineHeight',\n        isValid(indicatorItemSpec.style.lineHeight) ? indicatorItemSpec.style.lineHeight : fontSize\n      );\n    }\n  }\n}\n"]}

package/cjs/indicator/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["indicator/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';\n\nexport interface IndicatorAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否显示指标卡组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 内容尺寸\n   */\n  size: { width: number; height: number };\n  /**\n   * 指标卡 x 方向偏移\n   * @default 0\n   */\n  dx?: number;\n  /**\n   * 指标卡 y 方向偏移\n   * @default 0\n   */\n  dy?: number;\n  /**\n   * 指标卡宽度占内容区域的最大比值（从0到1）\n   */\n  limitRatio?: number;\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IndicatorItemSpec;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IndicatorItemSpec[] | IndicatorItemSpec;\n}\n\nexport interface IndicatorItemSpec {\n  /**\n   * 是否显示当前项\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * title.space: title 和 content 之间的间距\n   * contentItem.space: content 之间的间距\n   */\n  space?: number;\n  /**\n   * 是否自适应文字空间进行缩略\n   * 按照原字体大小，根据空间大小缩略文字\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 是否自适应文字空间缩放文字大小\n   * 不缩略文字，改变字体大小以适应空间\n   * @default false\n   */\n  autoFit?: boolean;\n  /**\n   * 自适应文字宽度与可用空间的比例\n   * @default 0.5\n   */\n  fitPercent?: number;\n  /**\n   * 文字样式\n   */\n  style?: ITextGraphicAttribute;\n}\n"]}
+{"version":3,"sources":["../src/indicator/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';\n\nexport interface IndicatorAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否显示指标卡组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 内容尺寸\n   */\n  size: { width: number; height: number };\n  /**\n   * 指标卡 x 方向偏移\n   * @default 0\n   */\n  dx?: number;\n  /**\n   * 指标卡 y 方向偏移\n   * @default 0\n   */\n  dy?: number;\n  /**\n   * 指标卡宽度占内容区域的最大比值（从0到1）\n   */\n  limitRatio?: number;\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IndicatorItemSpec;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IndicatorItemSpec[] | IndicatorItemSpec;\n}\n\nexport interface IndicatorItemSpec {\n  /**\n   * 是否显示当前项\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * title.space: title 和 content 之间的间距\n   * contentItem.space: content 之间的间距\n   */\n  space?: number;\n  /**\n   * 是否自适应文字空间进行缩略\n   * 按照原字体大小，根据空间大小缩略文字\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 是否自适应文字空间缩放文字大小\n   * 不缩略文字，改变字体大小以适应空间\n   * @default false\n   */\n  autoFit?: boolean;\n  /**\n   * 自适应文字宽度与可用空间的比例\n   * @default 0.5\n   */\n  fitPercent?: number;\n  /**\n   * 文字样式\n   */\n  style?: ITextGraphicAttribute;\n}\n"]}

package/cjs/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import { IRectGraphicAttribute } from '@visactor/vrender';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type OrientType = 'top' | 'right' | 'bottom' | 'left';\n\nexport type BackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n} & Partial<IRectGraphicAttribute>;\n"]}
+{"version":3,"sources":["../src/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import { IRectGraphicAttribute } from '@visactor/vrender';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type OrientType = 'top' | 'right' | 'bottom' | 'left';\n\nexport type BackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n} & Partial<IRectGraphicAttribute>;\n"]}

package/cjs/jsx/component-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["jsx/component-type.ts"],"names":[],"mappings":";;;AAEA,gCAA6B;AAE7B,SAAgB,IAAI,CAAC,MAAgD;IACnE,OAAO,IAAI,SAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjD,CAAC;AAFD,oBAEC","file":"component-type.js","sourcesContent":["import type { IDefaultGraphicParamsType } from '@visactor/vrender';\nimport type { TagAttributes } from '../tag';\nimport { Tag } from '../tag';\n\nexport function VTag(params: IDefaultGraphicParamsType<TagAttributes>) {\n  return new Tag(params ? params.attribute : {});\n}\n"]}
+{"version":3,"sources":["../src/jsx/component-type.ts"],"names":[],"mappings":";;;AAEA,gCAA6B;AAE7B,SAAgB,IAAI,CAAC,MAAgD;IACnE,OAAO,IAAI,SAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjD,CAAC;AAFD,oBAEC","file":"component-type.js","sourcesContent":["import type { IDefaultGraphicParamsType } from '@visactor/vrender';\nimport type { TagAttributes } from '../tag';\nimport { Tag } from '../tag';\n\nexport function VTag(params: IDefaultGraphicParamsType<TagAttributes>) {\n  return new Tag(params ? params.attribute : {});\n}\n"]}

package/cjs/jsx/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["jsx/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC","file":"index.js","sourcesContent":["export * from './component-type';\n"]}
+{"version":3,"sources":["../src/jsx/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC","file":"index.js","sourcesContent":["export * from './component-type';\n"]}

package/cjs/label/animate/animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["label/animate/animate.ts"],"names":[],"mappings":";;;AAGA,MAAM,MAAM,GAAG,CAAC,gBAAuC,EAAE,EAAE,EAAE;;IAC3D,OAAO;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,CAAC;YACd,aAAa,EAAE,CAAC;SACjB;QACD,EAAE,EAAE;YACF,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,mCAAI,CAAC;YACnC,WAAW,EAAE,MAAA,aAAa,CAAC,WAAW,mCAAI,CAAC;YAC3C,aAAa,EAAE,MAAA,aAAa,CAAC,aAAa,mCAAI,CAAC;SAChD;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,gBAAuC,EAAE,EAAE,EAAE;;IAC5D,OAAO;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,mCAAI,CAAC;YACnC,WAAW,EAAE,MAAA,aAAa,CAAC,WAAW,mCAAI,CAAC;YAC3C,aAAa,EAAE,MAAA,aAAa,CAAC,aAAa,mCAAI,CAAC;SAChD;QACD,EAAE,EAAE;YACF,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,CAAC;YACd,aAAa,EAAE,CAAC;SACjB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAE7C,SAAgB,sBAAsB,CACpC,aAAoC,EACpC,IAA0B;;IAK1B,OAAO,MAAA,MAAA,gBAAgB,CAAC,IAAI,CAAC,iEAAG,aAAa,CAAC,mCAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACzE,CAAC;AARD,wDAQC;AAEY,QAAA,qBAAqB,GAAoB;IACpD,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,QAAsB;CAC/B,CAAC","file":"animate.js","sourcesContent":["import { EasingType, ITextGraphicAttribute } from '@visactor/vrender';\nimport { ILabelAnimation } from '../type';\n\nconst fadeIn = (textAttribute: ITextGraphicAttribute = {}) => {\n  return {\n    from: {\n      opacity: 0,\n      fillOpacity: 0,\n      strokeOpacity: 0\n    },\n    to: {\n      opacity: textAttribute.opacity ?? 1,\n      fillOpacity: textAttribute.fillOpacity ?? 1,\n      strokeOpacity: textAttribute.strokeOpacity ?? 1\n    }\n  };\n};\n\nconst fadeOut = (textAttribute: ITextGraphicAttribute = {}) => {\n  return {\n    from: {\n      opacity: textAttribute.opacity ?? 1,\n      fillOpacity: textAttribute.fillOpacity ?? 1,\n      strokeOpacity: textAttribute.strokeOpacity ?? 1\n    },\n    to: {\n      opacity: 0,\n      fillOpacity: 0,\n      strokeOpacity: 0\n    }\n  };\n};\n\nconst animationEffects = { fadeIn, fadeOut };\n\nexport function getAnimationAttributes(\n  textAttribute: ITextGraphicAttribute,\n  type: 'fadeIn' | 'fadeOut'\n): {\n  from: any;\n  to: any;\n} {\n  return animationEffects[type]?.(textAttribute) ?? { from: {}, to: {} };\n}\n\nexport const DefaultLabelAnimation: ILabelAnimation = {\n  mode: 'same-time',\n  duration: 300,\n  easing: 'linear' as EasingType\n};\n"]}
+{"version":3,"sources":["../src/label/animate/animate.ts"],"names":[],"mappings":";;;AAGA,MAAM,MAAM,GAAG,CAAC,gBAAuC,EAAE,EAAE,EAAE;;IAC3D,OAAO;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,CAAC;YACd,aAAa,EAAE,CAAC;SACjB;QACD,EAAE,EAAE;YACF,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,mCAAI,CAAC;YACnC,WAAW,EAAE,MAAA,aAAa,CAAC,WAAW,mCAAI,CAAC;YAC3C,aAAa,EAAE,MAAA,aAAa,CAAC,aAAa,mCAAI,CAAC;SAChD;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,gBAAuC,EAAE,EAAE,EAAE;;IAC5D,OAAO;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,mCAAI,CAAC;YACnC,WAAW,EAAE,MAAA,aAAa,CAAC,WAAW,mCAAI,CAAC;YAC3C,aAAa,EAAE,MAAA,aAAa,CAAC,aAAa,mCAAI,CAAC;SAChD;QACD,EAAE,EAAE;YACF,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,CAAC;YACd,aAAa,EAAE,CAAC;SACjB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAE7C,SAAgB,sBAAsB,CACpC,aAAoC,EACpC,IAA0B;;IAK1B,OAAO,MAAA,MAAA,gBAAgB,CAAC,IAAI,CAAC,iEAAG,aAAa,CAAC,mCAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACzE,CAAC;AARD,wDAQC;AAEY,QAAA,qBAAqB,GAAoB;IACpD,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,QAAsB;CAC/B,CAAC","file":"animate.js","sourcesContent":["import { EasingType, ITextGraphicAttribute } from '@visactor/vrender';\nimport { ILabelAnimation } from '../type';\n\nconst fadeIn = (textAttribute: ITextGraphicAttribute = {}) => {\n  return {\n    from: {\n      opacity: 0,\n      fillOpacity: 0,\n      strokeOpacity: 0\n    },\n    to: {\n      opacity: textAttribute.opacity ?? 1,\n      fillOpacity: textAttribute.fillOpacity ?? 1,\n      strokeOpacity: textAttribute.strokeOpacity ?? 1\n    }\n  };\n};\n\nconst fadeOut = (textAttribute: ITextGraphicAttribute = {}) => {\n  return {\n    from: {\n      opacity: textAttribute.opacity ?? 1,\n      fillOpacity: textAttribute.fillOpacity ?? 1,\n      strokeOpacity: textAttribute.strokeOpacity ?? 1\n    },\n    to: {\n      opacity: 0,\n      fillOpacity: 0,\n      strokeOpacity: 0\n    }\n  };\n};\n\nconst animationEffects = { fadeIn, fadeOut };\n\nexport function getAnimationAttributes(\n  textAttribute: ITextGraphicAttribute,\n  type: 'fadeIn' | 'fadeOut'\n): {\n  from: any;\n  to: any;\n} {\n  return animationEffects[type]?.(textAttribute) ?? { from: {}, to: {} };\n}\n\nexport const DefaultLabelAnimation: ILabelAnimation = {\n  mode: 'same-time',\n  duration: 300,\n  easing: 'linear' as EasingType\n};\n"]}

package/cjs/label/animate/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["label/animate/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":[""]}
+{"version":3,"sources":["../src/label/animate/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":[""]}

package/cjs/label/arc.d.ts

@@ -1,7 +1,7 @@
-import type { IBoundsLike } from '@visactor/vutils';
+import type { IAABBBounds, IBoundsLike } from '@visactor/vutils';
 import { LabelBase } from './base';
-import type { ArcLabelAttrs, IPoint, Quadrant, BaseLabelAttrs } from './type';
-import type { IText, IGraphic } from '@visactor/vrender';
+import type { ArcLabelAttrs, IPoint, Quadrant, BaseLabelAttrs, LabelItem, IArcLabelLineSpec } from './type';
+import { type IText, type IGraphic, type ILine } from '@visactor/vrender';
 export declare class ArcInfo {
     key: string;
     refDatum: any;
@@ -20,12 +20,16 @@ export declare class ArcInfo {
     pointA: IPoint;
     pointB: IPoint;
     pointC: IPoint;
+    labelLine: IArcLabelLineSpec;
     quadrant: Quadrant;
     radian: number;
     middleAngle: number;
+    innerRadius: number;
+    outerRadius: number;
+    circleCenter: IPoint;
     k: number;
     angle: number;
-    constructor(refDatum: any, center: IPoint, outerCenter: IPoint, quadrant: Quadrant, radian: number, middleAngle: number);
+    constructor(refDatum: any, center: IPoint, outerCenter: IPoint, quadrant: Quadrant, radian: number, middleAngle: number, innerRadius: number, outerRadius: number, circleCenter: IPoint);
     getLabelBounds(): IBoundsLike;
 }
 export declare class ArcLabel extends LabelBase<ArcLabelAttrs> {
@@ -40,6 +44,7 @@ export declare class ArcLabel extends LabelBase<ArcLabelAttrs> {
         x: number;
         y: number;
     } | undefined;
+    protected _layout(data?: LabelItem[]): IText[];
     protected layoutArcLabels(position: BaseLabelAttrs['position'], attribute: any, currentMarks?: IGraphic[], data?: any, textBoundsArray?: any, ellipsisWidth?: number): ArcInfo[];
     private _layoutInsideLabels;
     private _layoutOutsideLabels;
@@ -59,8 +64,10 @@ export declare class ArcLabel extends LabelBase<ArcLabelAttrs> {
     private _restoreY;
     private _checkYRange;
     private _coverLabels;
-    protected computeRadius(r: number, width?: number, height?: number, centerOffset?: number, k?: number): number;
+    protected _labelLine(text: IText): ILine;
+    protected computeRadius(r: number, width?: number, height?: number, k?: number): number;
     protected computeLayoutRadius(width: number, height: number): number;
+    protected _canPlaceInside(textBound: IBoundsLike, shapeBound: IAABBBounds): boolean;
     private computeLayoutOuterRadius;
     private computeDatumRadius;
 }

package/cjs/label/arc.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ArcLabel = exports.ArcInfo = void 0;
 
-const vutils_1 = require("@visactor/vutils"), base_1 = require("./base"), util_1 = require("./util");
+const vutils_1 = require("@visactor/vutils"), base_1 = require("./base"), vrender_1 = require("@visactor/vrender"), util_1 = require("./util");
 
 class ArcInfo {
-    constructor(refDatum, center, outerCenter, quadrant, radian, middleAngle) {
+    constructor(refDatum, center, outerCenter, quadrant, radian, middleAngle, innerRadius, outerRadius, circleCenter) {
         this.refDatum = refDatum, this.center = center, this.outerCenter = outerCenter, 
         this.quadrant = quadrant, this.radian = radian, this.middleAngle = middleAngle, 
+        this.innerRadius = innerRadius, this.outerRadius = outerRadius, this.circleCenter = circleCenter, 
         this.labelVisible = !0, this.labelLimit = 0;
     }
     getLabelBounds() {
@@ -43,20 +44,39 @@ class ArcLabel extends base_1.LabelBase {
             y: 0
         };
     }
+    _layout(data = []) {
+        const labels = super._layout(data), textBoundsArray = labels.map((label => this.getGraphicBounds(label))), ellipsisLabelAttribute = Object.assign(Object.assign({}, this.attribute.textStyle), {
+            text: "..."
+        }), ellipsisText = this._createLabelText(ellipsisLabelAttribute), ellipsisTextBounds = this.getGraphicBounds(ellipsisText), ellipsisWidth = ellipsisTextBounds.x2 - ellipsisTextBounds.x1, arcs = this.layoutArcLabels(this.attribute.position, this.attribute, Array.from(this._idToGraphic.values()), data, textBoundsArray, ellipsisWidth);
+        for (let i = 0; i < data.length; i++) {
+            const textData = data[i], basedArc = arcs.find((arc => arc.refDatum.id === textData.id)), labelAttribute = {
+                visible: basedArc.labelVisible,
+                x: basedArc.labelPosition.x,
+                y: basedArc.labelPosition.y,
+                angle: basedArc.angle,
+                maxLineWidth: basedArc.labelLimit,
+                points: (null == basedArc ? void 0 : basedArc.pointA) && (null == basedArc ? void 0 : basedArc.pointB) && (null == basedArc ? void 0 : basedArc.pointC) ? [ basedArc.pointA, basedArc.pointB, basedArc.pointC ] : void 0,
+                line: null == basedArc ? void 0 : basedArc.labelLine
+            };
+            labels[i].setAttributes(labelAttribute);
+        }
+        return labels;
+    }
     layoutArcLabels(position, attribute, currentMarks, data, textBoundsArray, ellipsisWidth) {
-        var _a;
         this._arcLeft.clear(), this._arcRight.clear(), this._ellipsisWidth = ellipsisWidth;
-        const {width: width, height: height} = attribute, centerOffset = null !== (_a = null == attribute ? void 0 : attribute.centerOffset) && void 0 !== _a ? _a : 0;
-        currentMarks.forEach(((currentMark, index) => {
+        let maxRadius = 0;
+        currentMarks.forEach((currentMarks => {
+            currentMarks.attribute.outerRadius > maxRadius && (maxRadius = currentMarks.attribute.outerRadius);
+        })), currentMarks.forEach(((currentMark, index) => {
             var _a, _b;
-            const graphicAttribute = currentMark.attribute, radiusRatio = this.computeLayoutOuterRadius(graphicAttribute.outerRadius, width, height), radius = this.computeRadius(radiusRatio, width, height, centerOffset), center = {
+            const graphicAttribute = currentMark.attribute, center = {
                 x: null !== (_a = null == graphicAttribute ? void 0 : graphicAttribute.x) && void 0 !== _a ? _a : 0,
                 y: null !== (_b = null == graphicAttribute ? void 0 : graphicAttribute.y) && void 0 !== _b ? _b : 0
             }, item = data[index], textBounds = textBoundsArray[index], arcMiddleAngle = (graphicAttribute.startAngle + graphicAttribute.endAngle) / 2, intervalAngle = graphicAttribute.endAngle - graphicAttribute.startAngle, arcQuadrant = (0, 
             util_1.computeQuadrant)(graphicAttribute.endAngle - intervalAngle / 2), arcMiddle = (0, 
             util_1.circlePoint)(center.x, center.y, graphicAttribute.outerRadius, arcMiddleAngle), outerArcMiddle = (0, 
-            util_1.circlePoint)(center.x, center.y, radius + attribute.line.line1MinLength, arcMiddleAngle), arc = new ArcInfo(item, arcMiddle, outerArcMiddle, arcQuadrant, intervalAngle, arcMiddleAngle);
-            arc.pointA = (0, util_1.circlePoint)(center.x, center.y, this.computeDatumRadius(2 * center.x, 2 * center.y, graphicAttribute.outerRadius, centerOffset), arc.middleAngle), 
+            util_1.circlePoint)(center.x, center.y, maxRadius + attribute.line.line1MinLength, arcMiddleAngle), arc = new ArcInfo(item, arcMiddle, outerArcMiddle, arcQuadrant, intervalAngle, arcMiddleAngle, graphicAttribute.innerRadius, graphicAttribute.outerRadius, center);
+            arc.pointA = (0, util_1.circlePoint)(center.x, center.y, this.computeDatumRadius(2 * center.x, 2 * center.y, graphicAttribute.outerRadius), arc.middleAngle), 
             arc.labelSize = {
                 width: textBounds.x2 - textBounds.x1,
                 height: textBounds.y2 - textBounds.y1
@@ -69,14 +89,10 @@ class ArcLabel extends base_1.LabelBase {
         arcs.push(...this._layoutOutsideLabels(leftArcs, attribute, currentMarks))), arcs;
     }
     _layoutInsideLabels(arcs, attribute, currentMarks) {
-        var _a, _b, _c, _d, _e;
-        const center = {
-            x: null !== (_b = null === (_a = currentMarks[0].attribute) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0,
-            y: null !== (_d = null === (_c = currentMarks[0].attribute) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : 0
-        }, centerOffset = null !== (_e = null == attribute ? void 0 : attribute.centerOffset) && void 0 !== _e ? _e : 0, innerRadiusRatio = this.computeLayoutOuterRadius(currentMarks[0].attribute.innerRadius, attribute.width, attribute.height), outerRadiusRatio = this.computeLayoutOuterRadius(currentMarks[0].attribute.outerRadius, attribute.width, attribute.height), labelConfig = attribute, spaceWidth = labelConfig.spaceWidth;
+        const labelConfig = attribute, spaceWidth = labelConfig.spaceWidth;
         return arcs.forEach((arc => {
             var _a, _b;
-            const {labelSize: labelSize, radian: radian} = arc, innerRadius = this.computeRadius(innerRadiusRatio, attribute.width, attribute.height, centerOffset, 1), outerRadius = this.computeRadius(outerRadiusRatio, attribute.width, attribute.height, centerOffset, 1);
+            const {labelSize: labelSize, radian: radian} = arc, innerRadius = arc.innerRadius, outerRadius = arc.outerRadius;
             let limit;
             if (radian < (0, util_1.connectLineRadian)(outerRadius, labelSize.height)) limit = 0; else {
                 let minRadius;
@@ -87,7 +103,7 @@ class ArcLabel extends base_1.LabelBase {
             const text = this._getFormatLabelText(arc.refDatum, limit);
             arc.labelText = text;
             const labelWidth = Math.min(limit, arc.labelSize.width), align = this._computeAlign(arc, attribute), labelRadius = outerRadius - spaceWidth - ("left" === align ? labelWidth : "right" === align ? 0 : labelWidth / 2);
-            arc.labelPosition = (0, util_1.circlePoint)(center.x, center.y, labelRadius, arc.middleAngle), 
+            arc.labelPosition = (0, util_1.circlePoint)(arc.circleCenter.x, arc.circleCenter.y, labelRadius, arc.middleAngle), 
             arc.labelLimit = labelWidth, (0, vutils_1.isGreater)(labelWidth, 0) || (arc.labelVisible = !1), 
             arc.angle = null !== (_b = null === (_a = null == attribute ? void 0 : attribute.textStyle) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : arc.middleAngle;
         })), arcs;
@@ -131,22 +147,28 @@ class ArcLabel extends base_1.LabelBase {
             var _a, _b;
             arc.labelVisible && ((0, vutils_1.isLess)(arc.pointB.x, line2MinLength + spaceWidth) || (0, 
             vutils_1.isGreater)(arc.pointB.x, width - line2MinLength - spaceWidth)) && (arc.labelVisible = !1), 
-            arc.angle = null !== (_b = null === (_a = null == attribute ? void 0 : attribute.textStyle) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : 0;
+            arc.angle = null !== (_b = null === (_a = null == attribute ? void 0 : attribute.textStyle) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : 0, 
+            arc.labelLine = Object.assign({}, null == attribute ? void 0 : attribute.line);
         })), arcs;
     }
     _computeX(arc, attribute, currentMarks) {
-        var _a, _b, _c, _d, _e, _f;
-        const center_x = null !== (_b = null === (_a = currentMarks[0].attribute) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0, centerOffset = (_d = null === (_c = currentMarks[0].attribute) || void 0 === _c ? void 0 : _c.y, 
-        null !== (_e = null == attribute ? void 0 : attribute.centerOffset) && void 0 !== _e ? _e : 0), plotLayout_width = 2 * center_x, radiusRatio = this.computeLayoutOuterRadius(currentMarks[0].attribute.outerRadius, attribute.width, attribute.height), line1MinLength = attribute.line.line1MinLength, line2MinLength = attribute.line.line2MinLength, labelLayoutAlign = null === (_f = attribute.layout) || void 0 === _f ? void 0 : _f.align, spaceWidth = attribute.spaceWidth, {labelPosition: labelPosition, quadrant: quadrant, pointB: pointB} = arc;
+        var _a;
+        const center = arc.circleCenter, plotLayout_width = 2 * center.x;
+        center.y;
+        let maxRadius = 0;
+        currentMarks.forEach((currentMark => {
+            currentMark.attribute.outerRadius > maxRadius && (maxRadius = currentMark.attribute.outerRadius);
+        }));
+        const radiusRatio = this.computeLayoutOuterRadius(maxRadius, attribute.width, attribute.height), line1MinLength = attribute.line.line1MinLength, line2MinLength = attribute.line.line2MinLength, labelLayoutAlign = null === (_a = attribute.layout) || void 0 === _a ? void 0 : _a.align, spaceWidth = attribute.spaceWidth, {labelPosition: labelPosition, quadrant: quadrant, pointB: pointB} = arc;
         (0, vutils_1.isValidNumber)(pointB.x * pointB.y) || (arc.pointC = {
             x: NaN,
             y: NaN
         }, labelPosition.x = NaN, arc.labelLimit = 0);
-        const radius = this.computeRadius(radiusRatio, attribute.width, attribute.height, centerOffset), flag = (0, 
+        const radius = this.computeRadius(radiusRatio, attribute.width, attribute.height), flag = (0, 
         util_1.isQuadrantLeft)(quadrant) ? -1 : 1;
         let cx = 0;
         let limit = (flag > 0 ? plotLayout_width - pointB.x : pointB.x) - line2MinLength - spaceWidth;
-        "labelLine" === labelLayoutAlign && (cx = (radius + line1MinLength + line2MinLength) * flag + center_x, 
+        "labelLine" === labelLayoutAlign && (cx = (radius + line1MinLength + line2MinLength) * flag + center.x, 
         limit = (flag > 0 ? plotLayout_width - cx : cx) - spaceWidth);
         const text = this._getFormatLabelText(arc.refDatum, limit);
         arc.labelText = text;
@@ -282,16 +304,17 @@ class ArcLabel extends base_1.LabelBase {
         return -1;
     }
     _computePointB(arc, r, attribute, currentMarks) {
-        var _a, _b, _c, _d, _e;
-        const labelConfig = attribute, radiusRatio = this.computeLayoutOuterRadius(currentMarks[0].attribute.outerRadius, attribute.width, attribute.height), line1MinLength = labelConfig.line.line1MinLength;
+        const labelConfig = attribute;
+        let maxRadius = 0;
+        currentMarks.forEach((currentMark => {
+            currentMark.attribute.outerRadius > maxRadius && (maxRadius = currentMark.attribute.outerRadius);
+        }));
+        const radiusRatio = this.computeLayoutOuterRadius(maxRadius, attribute.width, attribute.height), line1MinLength = labelConfig.line.line1MinLength;
         if ("none" === labelConfig.layout.strategy) arc.pointB = {
             x: arc.outerCenter.x,
             y: arc.outerCenter.y
         }; else {
-            const center = {
-                x: null !== (_b = null === (_a = currentMarks[0].attribute) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0,
-                y: null !== (_d = null === (_c = currentMarks[0].attribute) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : 0
-            }, centerOffset = null !== (_e = null == attribute ? void 0 : attribute.centerOffset) && void 0 !== _e ? _e : 0, radius = this.computeRadius(radiusRatio, attribute.width, attribute.height, centerOffset), {labelPosition: labelPosition, quadrant: quadrant} = arc, rd = r - Math.max(radius + line1MinLength, currentMarks[0].attribute.outerRadius), x = Math.sqrt(r ** 2 - Math.abs(center.y - labelPosition.y) ** 2) - rd;
+            const center = arc.circleCenter, radius = this.computeRadius(radiusRatio, attribute.width, attribute.height), {labelPosition: labelPosition, quadrant: quadrant} = arc, rd = r - Math.max(radius + line1MinLength, arc.outerRadius), x = Math.sqrt(r ** 2 - Math.abs(center.y - labelPosition.y) ** 2) - rd;
             (0, vutils_1.isValidNumber)(x) ? arc.pointB = {
                 x: center.x + x * ((0, util_1.isQuadrantLeft)(quadrant) ? -1 : 1),
                 y: labelPosition.y
@@ -305,11 +328,15 @@ class ArcLabel extends base_1.LabelBase {
         for (const arc of arcs) arc.labelVisible && (arc.lastLabelY = arc.labelPosition.y);
     }
     _computeYRange(arc, attribute, currentMarks) {
-        var _a, _b, _c, _d, _e;
-        const plotRect = {
-            width: 2 * (null !== (_b = null === (_a = currentMarks[0].attribute) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0),
-            height: 2 * (null !== (_d = null === (_c = currentMarks[0].attribute) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : 0)
-        }, radiusRatio = this.computeLayoutOuterRadius(currentMarks[0].attribute.outerRadius, attribute.width, attribute.height), line1MinLength = attribute.line.line1MinLength, {width: width, height: height} = plotRect, centerOffset = null !== (_e = null == attribute ? void 0 : attribute.centerOffset) && void 0 !== _e ? _e : 0, radius = this.computeRadius(radiusRatio, attribute.width, attribute.height, centerOffset), r = this._computeLayoutRadius(height / 2, attribute, currentMarks), cx = Math.abs(arc.center.x - width / 2), cy = arc.center.y - height / 2;
+        const center = arc.circleCenter, plotRect = {
+            width: 2 * center.x,
+            height: 2 * center.y
+        };
+        let maxRadius = 0;
+        currentMarks.forEach((currentMark => {
+            currentMark.attribute.outerRadius > maxRadius && (maxRadius = currentMark.attribute.outerRadius);
+        }));
+        const radiusRatio = this.computeLayoutOuterRadius(maxRadius, attribute.width, attribute.height), line1MinLength = attribute.line.line1MinLength, {width: width, height: height} = plotRect, radius = this.computeRadius(radiusRatio, attribute.width, attribute.height), r = this._computeLayoutRadius(height / 2, attribute, currentMarks), cx = Math.abs(arc.center.x - width / 2), cy = arc.center.y - height / 2;
         let a, b, c;
         if ((0, vutils_1.isNumberClose)(width / 2, cx)) a = 0, b = 1, c = -cy; else if ((0, 
         vutils_1.isNumberClose)(height / 2, cy)) a = 1, b = 0, c = -cx; else {
@@ -325,8 +352,12 @@ class ArcLabel extends base_1.LabelBase {
         max = Math.max(points[0].y, points[1].y) + height / 2), arc.labelYRange = [ min, max ];
     }
     _computeLayoutRadius(halfYLength, attribute, currentMarks) {
-        var _a;
-        const labelConfig = attribute, layoutArcGap = labelConfig.layoutArcGap, line1MinLength = labelConfig.line.line1MinLength, radiusRatio = this.computeLayoutOuterRadius(currentMarks[0].attribute.outerRadius, attribute.width, attribute.height), centerOffset = null !== (_a = null == attribute ? void 0 : attribute.centerOffset) && void 0 !== _a ? _a : 0, outerR = this.computeRadius(radiusRatio, attribute.width, attribute.height, centerOffset) + line1MinLength, a = outerR - layoutArcGap;
+        const labelConfig = attribute, layoutArcGap = labelConfig.layoutArcGap, line1MinLength = labelConfig.line.line1MinLength;
+        let maxRadius = 0;
+        currentMarks.forEach((currentMark => {
+            currentMark.attribute.outerRadius > maxRadius && (maxRadius = currentMark.attribute.outerRadius);
+        }));
+        const radiusRatio = this.computeLayoutOuterRadius(maxRadius, attribute.width, attribute.height), outerR = this.computeRadius(radiusRatio, attribute.width, attribute.height) + line1MinLength, a = outerR - layoutArcGap;
         return Math.max((a ** 2 + halfYLength ** 2) / (2 * a), outerR);
     }
     _findNeighborIndex(arcs, priorityArc) {
@@ -371,21 +402,32 @@ class ArcLabel extends base_1.LabelBase {
             (0, util_1.checkBoundsOverlap)(lastBounds, bounds) ? arcs[i].labelVisible = !1 : lastBounds = bounds;
         }
     }
-    computeRadius(r, width, height, centerOffset, k) {
-        var _a;
-        return null !== (_a = this.computeLayoutRadius(width || 0, height || 0) * r * ((0, 
-        vutils_1.isNil)(k) ? 1 : k) + centerOffset) && void 0 !== _a ? _a : 0;
+    _labelLine(text) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        return (null === (_a = text.attribute) || void 0 === _a ? void 0 : _a.points) ? (0, 
+        vrender_1.createLine)({
+            visible: null === (_g = null !== (_e = (null === (_c = null === (_b = text.attribute) || void 0 === _b ? void 0 : _b.line) || void 0 === _c ? void 0 : _c.visible) && (null === (_d = text.attribute) || void 0 === _d ? void 0 : _d.visible)) && void 0 !== _e ? _e : null === (_f = text.attribute) || void 0 === _f ? void 0 : _f.visible) || void 0 === _g || _g,
+            stroke: null !== (_l = null === (_k = null === (_j = null === (_h = text.attribute) || void 0 === _h ? void 0 : _h.line) || void 0 === _j ? void 0 : _j.style) || void 0 === _k ? void 0 : _k.stroke) && void 0 !== _l ? _l : null === (_m = text.attribute) || void 0 === _m ? void 0 : _m.fill,
+            lineWidth: null !== (_r = null === (_q = null === (_p = null === (_o = text.attribute) || void 0 === _o ? void 0 : _o.line) || void 0 === _p ? void 0 : _p.style) || void 0 === _q ? void 0 : _q.lineWidth) && void 0 !== _r ? _r : 1,
+            points: null === (_s = text.attribute) || void 0 === _s ? void 0 : _s.points,
+            curveType: (null === (_u = null === (_t = text.attribute) || void 0 === _t ? void 0 : _t.line) || void 0 === _u ? void 0 : _u.smooth) ? "basis" : null
+        }) : void 0;
+    }
+    computeRadius(r, width, height, k) {
+        return this.computeLayoutRadius(width || 0, height || 0) * r * ((0, vutils_1.isNil)(k) ? 1 : k);
     }
     computeLayoutRadius(width, height) {
         return Math.min(width / 2, height / 2);
     }
+    _canPlaceInside(textBound, shapeBound) {
+        return "inside" === this.attribute.position;
+    }
     computeLayoutOuterRadius(r, width, height) {
         return r / (Math.min(width, height) / 2);
     }
-    computeDatumRadius(width, height, outerRadius, centerOffset) {
-        var _a;
+    computeDatumRadius(width, height, outerRadius) {
         const outerRadiusRatio = this.computeLayoutOuterRadius(outerRadius, width, height);
-        return null !== (_a = this.computeLayoutRadius(width || 0, height || 0) * outerRadiusRatio + centerOffset) && void 0 !== _a ? _a : 0;
+        return this.computeLayoutRadius(width || 0, height || 0) * outerRadiusRatio;
     }
 }