@visactor/vrender-components 0.20.0-alpha.1 → 0.20.0-alpha.3

package/cjs/brush/brush.js

@@ -188,4 +188,5 @@ class Brush extends base_1.AbstractComponent {
     }
 }
 
-exports.Brush = Brush, Brush.defaultAttributes = config_1.DEFAULT_BRUSH_ATTRIBUTES;
+exports.Brush = Brush, Brush.defaultAttributes = config_1.DEFAULT_BRUSH_ATTRIBUTES;
+//# sourceMappingURL=brush.js.map

package/cjs/brush/type.js

@@ -8,5 +8,4 @@ Object.defineProperty(exports, "__esModule", {
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushClear = "brushClear";
-}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));
-//# sourceMappingURL=type.js.map
+}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.20.0-alpha.1";
+export declare const version = "0.20.0-alpha.3";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';
@@ -20,6 +20,7 @@ export * from './link-path';
 export * from './player';
 export * from './brush';
 export * from './tooltip';
+export * from './timeline';
 export * from './interface';
 export * from './jsx';
 export * from './checkbox';

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.20.0-alpha.1", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.20.0-alpha.3", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./core/type"), exports), __exportStar(require("./scrollbar"), exports), 
 __exportStar(require("./tag"), exports), __exportStar(require("./poptip"), exports), 
 __exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 
@@ -28,7 +28,8 @@ __exportStar(require("./legend"), exports), __exportStar(require("./title"), exp
 __exportStar(require("./indicator"), exports), __exportStar(require("./slider"), exports), 
 __exportStar(require("./link-path"), exports), __exportStar(require("./player"), exports), 
 __exportStar(require("./brush"), exports), __exportStar(require("./tooltip"), exports), 
-__exportStar(require("./interface"), exports), __exportStar(require("./jsx"), exports), 
-__exportStar(require("./checkbox"), exports), __exportStar(require("./radio"), exports), 
-__exportStar(require("./empty-tip"), exports), __exportStar(require("./util"), exports);
+__exportStar(require("./timeline"), exports), __exportStar(require("./interface"), exports), 
+__exportStar(require("./jsx"), exports), __exportStar(require("./checkbox"), exports), 
+__exportStar(require("./radio"), exports), __exportStar(require("./empty-tip"), exports), 
+__exportStar(require("./util"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,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;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,yCAAuB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.20.0-alpha.1\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,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,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,yCAAuB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.20.0-alpha.3\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './util';\n"]}

package/cjs/indicator/indicator.d.ts

@@ -1,9 +1,11 @@
+import type { IGroup, IRichText, IText } from '@visactor/vrender-core';
 import { AbstractComponent } from '../core/base';
-import type { IndicatorAttributes } from './type';
+import type { IndicatorAttributes, IndicatorItemSpec } from './type';
 export declare class Indicator extends AbstractComponent<Required<IndicatorAttributes>> {
     name: string;
     private _title?;
     private _content?;
+    protected _renderText(group: IGroup, title: IndicatorItemSpec, limit: number, limitRatio: number, themePath: string, graphicName: string): IRichText | IText;
     protected render(): void;
     private _setLocalAutoFit;
     private _setGlobalAutoFit;

package/cjs/indicator/indicator.js

@@ -12,55 +12,33 @@ class Indicator extends base_1.AbstractComponent {
     constructor() {
         super(...arguments), this.name = "indicator";
     }
+    _renderText(group, title, limit, limitRatio, themePath, graphicName) {
+        if (!1 !== title.visible) {
+            const titleStyle = (0, vutils_1.merge)({}, (0, vutils_1.get)(config_1.DEFAULT_INDICATOR_THEME, themePath), title.style, {
+                visible: title.visible
+            });
+            titleStyle.lineHeight = (0, vutils_1.isValid)(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize, 
+            title.formatMethod && (titleStyle._originText = titleStyle.text, titleStyle.text = title.formatMethod(titleStyle.text, titleStyle));
+            const textGraphic = (0, util_1.createTextGraphicByType)(titleStyle);
+            return textGraphic.name = graphicName, group.appendChild(textGraphic), title.autoFit && (0, 
+            vutils_1.isValidNumber)(limit) && this._setLocalAutoFit(limit, textGraphic, title), 
+            title.autoLimit && (0, vutils_1.isValidNumber)(limitRatio) && textGraphic.setAttribute("maxLineWidth", limit), 
+            textGraphic;
+        }
+    }
     render() {
         var _a;
-        const {visible: visible, title: title = {}, content: content, size: size, limitRatio: limitRatio = 1 / 0} = this.attribute, limit = Math.min(size.width, size.height) * limitRatio, group = this.createOrUpdateChild("indicator-container", {
+        if (this.removeAllChild(!0), !0 !== this.attribute.visible) return;
+        const {title: title = {}, content: content, size: size, limitRatio: limitRatio = 1 / 0} = this.attribute, limit = Math.min(size.width, size.height) * limitRatio, group = this.createOrUpdateChild("indicator-container", {
             x: 0,
             y: 0,
             zIndex: 1
         }, "group");
-        if (!0 !== visible) return void (group && group.hideAll());
-        if ((0, vutils_1.isValid)(title)) if (!1 !== title.visible) {
-            const titleStyle = (0, vutils_1.merge)({}, (0, vutils_1.get)(config_1.DEFAULT_INDICATOR_THEME, "title.style"), title.style);
-            (0, util_1.isRichText)(titleStyle) ? this._title = group.createOrUpdateChild("indicator-title", Object.assign(Object.assign({}, (0, 
-            util_1.richTextAttributeTransform)(titleStyle)), {
-                visible: title.visible,
-                x: 0,
-                y: 0
-            }), "richtext") : this._title = group.createOrUpdateChild("indicator-title", Object.assign(Object.assign({}, titleStyle), {
-                lineHeight: (0, vutils_1.isValid)(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize,
-                visible: title.visible,
-                x: 0,
-                y: 0
-            }), "text"), title.autoFit && (0, vutils_1.isValidNumber)(limit) && this._setLocalAutoFit(limit, this._title, title), 
-            title.autoLimit && (0, vutils_1.isValidNumber)(limitRatio) && this._title.setAttribute("maxLineWidth", limit);
-        } else {
-            const titleNode = group.find((node => "indicator-title" === node.name), !1);
-            titleNode && group.removeChild(titleNode), this._title = void 0;
-        }
-        if ((0, vutils_1.isValid)(content)) {
+        if ((0, vutils_1.isValid)(title) && (this._title = this._renderText(group, title, limit, limitRatio, "title.style", "indicator-title")), 
+        (0, vutils_1.isValid)(content)) {
             const contents = (0, vutils_1.array)(content), contentComponents = [];
             contents.forEach(((contentItem, i) => {
-                if (!1 !== contentItem.visible) {
-                    const contentStyle = (0, vutils_1.merge)({}, (0, vutils_1.get)(config_1.DEFAULT_INDICATOR_THEME, "content.style"), contentItem.style);
-                    let contentComponent;
-                    contentComponent = (0, util_1.isRichText)(contentStyle) ? group.createOrUpdateChild("indicator-content-" + i, Object.assign(Object.assign({}, (0, 
-                    util_1.richTextAttributeTransform)(contentStyle)), {
-                        visible: title.visible,
-                        x: 0,
-                        y: 0
-                    }), "richtext") : group.createOrUpdateChild("indicator-content-" + i, Object.assign(Object.assign({}, contentStyle), {
-                        lineHeight: (0, vutils_1.isValid)(contentStyle.lineHeight) ? contentStyle.lineHeight : contentStyle.fontSize,
-                        visible: contentItem.visible,
-                        x: 0,
-                        y: 0
-                    }), "text"), contentItem.autoFit && (0, vutils_1.isValidNumber)(limit) && this._setLocalAutoFit(limit, contentComponent, contentItem), 
-                    contentItem.autoLimit && (0, vutils_1.isValidNumber)(limitRatio) && contentComponent.setAttribute("maxLineWidth", limit), 
-                    contentComponents.push(contentComponent);
-                } else {
-                    const contentItemNode = group.find((node => node.name === "indicator-content-" + i), !1);
-                    contentItemNode && group.removeChild(contentItemNode);
-                }
+                !1 !== contentItem.visible && contentComponents.push(this._renderText(group, contentItem, limit, limitRatio, "content.style", "indicator-content-" + i));
             })), this._content = contentComponents;
         }
         this._setGlobalAutoFit(limit), this._setYPosition();

package/cjs/indicator/indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["/**\n * @description 指标卡组件\n */\nimport type { IGroup, INode, IText, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport { merge, isValid, array, isValidNumber, get } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { isRichText, measureTextSize, richTextAttributeTransform } from '../util';\nimport type { IndicatorAttributes, IndicatorItemSpec } from './type';\nimport { DEFAULT_INDICATOR_THEME } from './config';\nimport { loadIndicatorComponent } from './register';\n\nloadIndicatorComponent();\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        if (isRichText(titleStyle)) {\n          this._title = group.createOrUpdateChild(\n            'indicator-title',\n            {\n              ...richTextAttributeTransform(titleStyle),\n              visible: title.visible,\n              x: 0,\n              y: 0\n            },\n            'richtext'\n          ) as IText;\n        } else {\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\n        // auto-fit\n        if (title.autoFit && isValidNumber(limit)) {\n          this._setLocalAutoFit(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    if (isValid(content)) {\n      const contents: IndicatorItemSpec[] = array(content);\n      const contentComponents: IText[] = [];\n      contents.forEach((contentItem, i) => {\n        if (contentItem.visible !== false) {\n          const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'content.style'), contentItem.style);\n          let contentComponent;\n          if (isRichText(contentStyle)) {\n            contentComponent = group.createOrUpdateChild(\n              'indicator-content-' + i,\n              {\n                ...richTextAttributeTransform(contentStyle),\n                visible: title.visible,\n                x: 0,\n                y: 0\n              },\n              'richtext'\n            ) as IText;\n          } else {\n            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: 0\n              },\n              'text'\n            ) as IText;\n          }\n\n          // auto-fit\n          if (contentItem.autoFit && isValidNumber(limit)) {\n            this._setLocalAutoFit(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        } 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    this._setGlobalAutoFit(limit);\n    this._setYPosition();\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 _setLocalAutoFit(limit: number, indicatorItem: IText, indicatorItemSpec: IndicatorItemSpec) {\n    // only apply local auto fit for default auto fit text\n    if ((indicatorItemSpec.fitStrategy ?? 'default') !== 'default') {\n      return;\n    }\n    const originWidth = measureTextSize(\n      (indicatorItemSpec.style?.text ?? '') as string | number | number[] | string[],\n      (indicatorItemSpec.style ?? {}) as Partial<ITextGraphicAttribute>,\n      this.stage?.getTheme()?.text\n    ).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  private _setGlobalAutoFit(limit: number) {\n    // compute the inscribed rect width & height for all texts\n    // the font size will be determined by the longest text\n    // 1. hx^2 + hy^2 = r^2\n    // 2. hy = ra * hx + h\n    // -> (ra^2 + 1) * x^2 + (2 * h * ra) * x + (h^2 - r^2) = 0\n\n    const r = limit / 2;\n\n    // unify the initial font size for auto fit texts\n    const singleHeight = 12;\n    const autoFitTexts: { text: IText; spec: IndicatorItemSpec }[] = [];\n    // other text height\n    let otherHeight = 0;\n    // non auto fit title height\n    const titleSpec = this.attribute.title ?? {};\n    if (titleSpec.autoFit && titleSpec.fitStrategy === 'inscribed') {\n      this._title.setAttribute('fontSize', singleHeight);\n      autoFitTexts.push({ text: this._title, spec: this.attribute.title ?? {} });\n    } else {\n      otherHeight += this._title?.AABBBounds?.height?.() ?? 0;\n    }\n    const titleSpace = titleSpec.space ?? 0;\n    otherHeight += titleSpace;\n    // non auto fit content height\n    array(this.attribute.content)\n      .filter(contentSpec => contentSpec.visible !== false)\n      .forEach((contentSpec, index) => {\n        const contentText = this._content[index];\n        if (contentSpec.autoFit && contentSpec.fitStrategy === 'inscribed') {\n          contentText.setAttribute('fontSize', singleHeight);\n          autoFitTexts.push({ text: contentText, spec: contentSpec });\n        } else {\n          otherHeight += contentText?.AABBBounds?.height?.() ?? 0;\n        }\n        const contentSpace = contentSpec.space ?? 0;\n        otherHeight += contentSpace;\n      });\n    if (autoFitTexts.length <= 0) {\n      return;\n    }\n\n    // max width for all auto fit texts\n    const maxWidth = autoFitTexts.reduce((width, textItem) => {\n      return Math.max(width, textItem.text.AABBBounds.width());\n    }, 0);\n\n    // y = x * (singleHeight / maxWidth * textCount) + otherHeight\n    // hy = hx * (singleHeight / maxWidth * textCount) + otherHeight / 2\n    const ra = (singleHeight / maxWidth) * autoFitTexts.length;\n    const h = otherHeight / 2;\n    const a = ra ** 2 + 1;\n    const b = 2 * h * ra;\n    const c = h ** 2 - r ** 2;\n    const hx = (-b + Math.sqrt(b ** 2 - 4 * a * c)) / (2 * a);\n    const hy = ra * hx + h;\n    const y = 2 * hy;\n    const lineHeight = (y - otherHeight) / autoFitTexts.length;\n    if (isValidNumber(y)) {\n      autoFitTexts.forEach(textItem => {\n        const specLineHeight = textItem.spec.style?.lineHeight;\n        textItem.text.setAttribute('fontSize', lineHeight);\n        textItem.text.setAttribute('lineHeight', isValid(specLineHeight) ? specLineHeight : lineHeight);\n      });\n    }\n  }\n\n  private _setYPosition() {\n    let lastContentHeight = 0;\n\n    const titleHeight = this._title?.AABBBounds?.height?.() ?? 0;\n    const titleSpace = this.attribute.title?.space ?? 0;\n    array(this.attribute.content)\n      .filter(contentSpec => contentSpec.visible !== false)\n      .forEach((contentSpec, index) => {\n        const contentText = this._content[index];\n        contentText.setAttribute('y', titleHeight + titleSpace + lastContentHeight);\n        const contentSpace = contentSpec.space ?? 0;\n        lastContentHeight += contentText.AABBBounds.height() + contentSpace;\n      });\n  }\n}\n"]}
+{"version":3,"sources":["../src/indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["/**\n * @description 指标卡组件\n */\nimport type { IGroup, IRichText, IText, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport { merge, isValid, array, isValidNumber, get } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { createTextGraphicByType, measureTextSize } from '../util';\nimport type { IndicatorAttributes, IndicatorItemSpec } from './type';\nimport { DEFAULT_INDICATOR_THEME } from './config';\nimport { loadIndicatorComponent } from './register';\n\nloadIndicatorComponent();\nexport class Indicator extends AbstractComponent<Required<IndicatorAttributes>> {\n  name = 'indicator';\n\n  private _title?: IText | IRichText;\n  private _content?: (IText | IRichText)[];\n\n  protected _renderText(\n    group: IGroup,\n    title: IndicatorItemSpec,\n    limit: number,\n    limitRatio: number,\n    themePath: string,\n    graphicName: string\n  ) {\n    if (title.visible !== false) {\n      const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, themePath), title.style, {\n        visible: title.visible\n      });\n      titleStyle.lineHeight = isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize;\n\n      if (title.formatMethod) {\n        titleStyle._originText = titleStyle.text;\n        titleStyle.text = title.formatMethod(titleStyle.text, titleStyle);\n      }\n      const textGraphic = createTextGraphicByType(titleStyle);\n      textGraphic.name = graphicName;\n      group.appendChild(textGraphic);\n\n      // auto-fit\n      if (title.autoFit && isValidNumber(limit)) {\n        this._setLocalAutoFit(limit, textGraphic as IText, title);\n      }\n\n      //auto-limit\n      if (title.autoLimit && isValidNumber(limitRatio)) {\n        textGraphic.setAttribute('maxLineWidth', limit);\n      }\n\n      return textGraphic;\n    }\n\n    return undefined;\n  }\n\n  protected render() {\n    this.removeAllChild(true);\n\n    if (this.attribute.visible !== true) {\n      return;\n    }\n    const { 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    if (isValid(title)) {\n      this._title = this._renderText(group, title, limit, limitRatio, 'title.style', 'indicator-title');\n    }\n\n    if (isValid(content)) {\n      const contents: IndicatorItemSpec[] = array(content);\n      const contentComponents: (IText | IRichText)[] = [];\n      contents.forEach((contentItem, i) => {\n        if (contentItem.visible !== false) {\n          contentComponents.push(\n            this._renderText(group, contentItem, limit, limitRatio, 'content.style', 'indicator-content-' + i)\n          );\n        } else {\n        }\n      });\n      this._content = contentComponents;\n    }\n\n    this._setGlobalAutoFit(limit);\n    this._setYPosition();\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 _setLocalAutoFit(limit: number, indicatorItem: IText, indicatorItemSpec: IndicatorItemSpec) {\n    // only apply local auto fit for default auto fit text\n    if ((indicatorItemSpec.fitStrategy ?? 'default') !== 'default') {\n      return;\n    }\n    const originWidth = measureTextSize(\n      (indicatorItemSpec.style?.text ?? '') as string | number | number[] | string[],\n      (indicatorItemSpec.style ?? {}) as Partial<ITextGraphicAttribute>,\n      this.stage?.getTheme()?.text\n    ).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  private _setGlobalAutoFit(limit: number) {\n    // compute the inscribed rect width & height for all texts\n    // the font size will be determined by the longest text\n    // 1. hx^2 + hy^2 = r^2\n    // 2. hy = ra * hx + h\n    // -> (ra^2 + 1) * x^2 + (2 * h * ra) * x + (h^2 - r^2) = 0\n\n    const r = limit / 2;\n\n    // unify the initial font size for auto fit texts\n    const singleHeight = 12;\n    const autoFitTexts: { text: IText; spec: IndicatorItemSpec }[] = [];\n    // other text height\n    let otherHeight = 0;\n    // non auto fit title height\n    const titleSpec = this.attribute.title ?? {};\n    if (titleSpec.autoFit && titleSpec.fitStrategy === 'inscribed') {\n      this._title.setAttribute('fontSize', singleHeight);\n      autoFitTexts.push({ text: this._title as IText, spec: this.attribute.title ?? {} });\n    } else {\n      otherHeight += this._title?.AABBBounds?.height?.() ?? 0;\n    }\n    const titleSpace = titleSpec.space ?? 0;\n    otherHeight += titleSpace;\n    // non auto fit content height\n    array(this.attribute.content)\n      .filter(contentSpec => contentSpec.visible !== false)\n      .forEach((contentSpec, index) => {\n        const contentText = this._content[index];\n        if (contentSpec.autoFit && contentSpec.fitStrategy === 'inscribed') {\n          contentText.setAttribute('fontSize', singleHeight);\n          autoFitTexts.push({ text: contentText as IText, spec: contentSpec });\n        } else {\n          otherHeight += contentText?.AABBBounds?.height?.() ?? 0;\n        }\n        const contentSpace = contentSpec.space ?? 0;\n        otherHeight += contentSpace;\n      });\n    if (autoFitTexts.length <= 0) {\n      return;\n    }\n\n    // max width for all auto fit texts\n    const maxWidth = autoFitTexts.reduce((width, textItem) => {\n      return Math.max(width, textItem.text.AABBBounds.width());\n    }, 0);\n\n    // y = x * (singleHeight / maxWidth * textCount) + otherHeight\n    // hy = hx * (singleHeight / maxWidth * textCount) + otherHeight / 2\n    const ra = (singleHeight / maxWidth) * autoFitTexts.length;\n    const h = otherHeight / 2;\n    const a = ra ** 2 + 1;\n    const b = 2 * h * ra;\n    const c = h ** 2 - r ** 2;\n    const hx = (-b + Math.sqrt(b ** 2 - 4 * a * c)) / (2 * a);\n    const hy = ra * hx + h;\n    const y = 2 * hy;\n    const lineHeight = (y - otherHeight) / autoFitTexts.length;\n    if (isValidNumber(y)) {\n      autoFitTexts.forEach(textItem => {\n        const specLineHeight = textItem.spec.style?.lineHeight;\n        textItem.text.setAttribute('fontSize', lineHeight);\n        textItem.text.setAttribute('lineHeight', isValid(specLineHeight) ? specLineHeight : lineHeight);\n      });\n    }\n  }\n\n  private _setYPosition() {\n    let lastContentHeight = 0;\n\n    const titleHeight = this._title?.AABBBounds?.height?.() ?? 0;\n    const titleSpace = this.attribute.title?.space ?? 0;\n    array(this.attribute.content)\n      .filter(contentSpec => contentSpec.visible !== false)\n      .forEach((contentSpec, index) => {\n        const contentText = this._content[index];\n        contentText.setAttribute('y', titleHeight + titleSpace + lastContentHeight);\n        const contentSpace = contentSpec.space ?? 0;\n        lastContentHeight += contentText.AABBBounds.height() + contentSpace;\n      });\n  }\n}\n"]}

package/cjs/indicator/type.d.ts

@@ -19,5 +19,6 @@ export interface IndicatorItemSpec {
     autoFit?: boolean;
     fitPercent?: number;
     fitStrategy?: 'default' | 'inscribed';
+    formatMethod?: (text: string | number, textStyle: ITextGraphicAttribute) => TextContent;
     style?: Omit<ITextGraphicAttribute, 'text'> & TextContent;
 }

package/cjs/indicator/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/indicator/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextCharacter } from '@visactor/vrender-core';\nimport type { TextContent } from '../core/type';\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   * @default 'local'\n   */\n  fitStrategy?: 'default' | 'inscribed';\n  /**\n   * 文字样式\n   */\n  style?: Omit<ITextGraphicAttribute, 'text'> & TextContent;\n}\n"]}
+{"version":3,"sources":["../src/indicator/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextCharacter } from '@visactor/vrender-core';\nimport type { TextContent } from '../core/type';\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   * @default 'local'\n   */\n  fitStrategy?: 'default' | 'inscribed';\n  /**\n   * 格式化方法\n   * @since 0.20.0\n   * @param text 文本\n   * @returns\n   */\n  formatMethod?: (text: string | number, textStyle: ITextGraphicAttribute) => TextContent;\n  /**\n   * 文字样式\n   */\n  style?: Omit<ITextGraphicAttribute, 'text'> & TextContent;\n}\n"]}

package/cjs/interface.d.ts

@@ -1,8 +1,9 @@
-import type { IRectGraphicAttribute } from '@visactor/vrender-core';
+import type { ICustomPath2D, IGraphicAttribute, IRectGraphicAttribute, IRichTextAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
 export type Direction = 'horizontal' | 'vertical';
 export type OrientType = 'top' | 'right' | 'bottom' | 'left';
 export type BackgroundAttributes = {
     visible: boolean;
+    customShape?: (text: ITextGraphicAttribute | IRichTextAttribute, attrs: Partial<IGraphicAttribute>, path: ICustomPath2D) => ICustomPath2D;
 } & Partial<IRectGraphicAttribute>;
 export type IDelayType = 'debounce' | 'throttle';
 export interface ComponentOptions {

package/cjs/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IRectGraphicAttribute } from '@visactor/vrender-core';\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\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport interface ComponentOptions {\n  /** skip default attributes of component */\n  skipDefault?: boolean;\n  /** the mode of component, only axis support 3d mode now */\n  mode?: '2d' | '3d';\n}\n"]}
+{"version":3,"sources":["../src/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  ICustomPath2D,\n  IGraphicAttribute,\n  IRectGraphicAttribute,\n  IRichTextAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type { TextContent } from './core/type';\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  /**\n   * 自定义路径\n   * @since 0.19.19\n   */\n  customShape?: (\n    text: ITextGraphicAttribute | IRichTextAttribute,\n    attrs: Partial<IGraphicAttribute>,\n    path: ICustomPath2D\n  ) => ICustomPath2D;\n} & Partial<IRectGraphicAttribute>;\n\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport interface ComponentOptions {\n  /** skip default attributes of component */\n  skipDefault?: boolean;\n  /** the mode of component, only axis support 3d mode now */\n  mode?: '2d' | '3d';\n}\n"]}

package/cjs/label/arc.js

@@ -93,10 +93,10 @@ class ArcLabel extends base_1.LabelBase {
                     y1: 0,
                     y2: 0
                 }, 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, 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), 
+                vutils_1.computeQuadrant)(graphicAttribute.endAngle - intervalAngle / 2), arcMiddle = (0, 
+                vutils_1.polarToCartesian)(center, graphicAttribute.outerRadius, arcMiddleAngle), outerArcMiddle = (0, 
+                vutils_1.polarToCartesian)(center, maxRadius + attribute.line.line1MinLength, arcMiddleAngle), arc = new ArcInfo(item, arcMiddle, outerArcMiddle, arcQuadrant, intervalAngle, arcMiddleAngle, graphicAttribute.innerRadius, graphicAttribute.outerRadius, center);
+                arc.pointA = (0, vutils_1.polarToCartesian)(center, this.computeDatumRadius(2 * center.x, 2 * center.y, graphicAttribute.outerRadius), arc.middleAngle), 
                 arc.labelSize = {
                     width: textBounds.x2 - textBounds.x1,
                     height: textBounds.y2 - textBounds.y1
@@ -136,7 +136,7 @@ class ArcLabel extends base_1.LabelBase {
             let labelRadius, alignOffset = 0;
             if ("inside" === position && (alignOffset = "left" === align ? labelWidth : "right" === align ? 0 : labelWidth / 2), 
             labelRadius = "inside-inner" === position ? innerRadius - offsetRadius + alignOffset : outerRadius + offsetRadius - alignOffset, 
-            arc.labelPosition = (0, util_1.circlePoint)(arc.circleCenter.x, arc.circleCenter.y, labelRadius, arc.middleAngle), 
+            arc.labelPosition = (0, vutils_1.polarToCartesian)(arc.circleCenter, labelRadius, arc.middleAngle), 
             arc.labelLimit = labelWidth, (0, vutils_1.isGreater)(labelWidth, 0) || (arc.labelVisible = !1), 
             !1 !== labelConfig.rotate) {
                 arc.angle = null !== (_b = null === (_a = attribute.textStyle) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : arc.middleAngle;
@@ -440,7 +440,14 @@ class ArcLabel extends base_1.LabelBase {
             points: points,
             curveType: line.smooth ? "basis" : null
         }) : void 0;
-        return labelLine && this._setStatesOfLabelLine(labelLine), labelLine;
+        if (labelLine) {
+            if (null == line ? void 0 : line.customShape) {
+                const customShape = line.customShape;
+                labelLine.pathProxy = attrs => customShape(text.attribute, attrs, new vrender_core_1.CustomPath2D);
+            }
+            this._setStatesOfLabelLine(labelLine);
+        }
+        return labelLine;
     }
     computeRadius(r, width, height, k) {
         return this.computeLayoutRadius(width || 0, height || 0) * r * ((0, vutils_1.isNil)(k) ? 1 : k);