@visactor/vrender-components 0.19.21 → 0.19.23

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.19.21";
+export declare const version = "0.19.23";
 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.19.21", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.19.23", __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,SAAS,CAAC;AAEjC,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.19.21\";\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,SAAS,CAAC;AAEjC,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.19.23\";\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/label/arc.js

@@ -489,4 +489,5 @@ exports.ArcLabel = ArcLabel, ArcLabel.defaultAttributes = {
         strategy: "priority",
         tangentConstraint: !0
     }
-};
+};
+//# sourceMappingURL=arc.js.map

package/cjs/label/base.js

@@ -459,4 +459,4 @@ exports.LabelBase = LabelBase, LabelBase.defaultAttributes = {
     offset: 0,
     pickable: !1
 };
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map

package/cjs/label/dataLabel.js

@@ -59,4 +59,4 @@ class DataLabel extends base_1.AbstractComponent {
 exports.DataLabel = DataLabel, DataLabel.defaultAttributes = {
     pickable: !1
 };
-//# sourceMappingURL=dataLabel.js.map
+//# sourceMappingURL=dataLabel.js.map

package/cjs/label/index.js

@@ -22,4 +22,4 @@ __exportStar(require("./rect"), exports), __exportStar(require("./line"), export
 __exportStar(require("./base"), exports), __exportStar(require("./arc"), exports), 
 __exportStar(require("./area"), exports), __exportStar(require("./line-data"), exports), 
 __exportStar(require("./dataLabel"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/label/line-data.js

@@ -23,4 +23,4 @@ exports.LineDataLabel = LineDataLabel, LineDataLabel.defaultAttributes = {
     position: "top",
     offset: 5
 };
-//# sourceMappingURL=line-data.js.map
+//# sourceMappingURL=line-data.js.map

package/cjs/label/line.js

@@ -33,4 +33,4 @@ exports.LineLabel = LineLabel, LineLabel.defaultAttributes = {
     position: "end",
     offset: 6
 };
-//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/cjs/label/polygon.js

@@ -28,4 +28,4 @@ exports.PolygonLabel = PolygonLabel, PolygonLabel.defaultAttributes = {
     position: "center",
     offset: 6
 };
-//# sourceMappingURL=polygon.js.map
+//# sourceMappingURL=polygon.js.map

package/cjs/legend/base.js

@@ -54,5 +54,4 @@ class LegendBase extends base_1.AbstractComponent {
     }
 }
 
-exports.LegendBase = LegendBase;
-//# sourceMappingURL=base.js.map
+exports.LegendBase = LegendBase;

package/cjs/legend/constant.js

@@ -21,4 +21,4 @@ function(LegendEvent) {
     LEGEND_ELEMENT_NAME.itemLabel = "legendItemLabel", LEGEND_ELEMENT_NAME.itemValue = "legendItemValue", 
     LEGEND_ELEMENT_NAME.focus = "legendItemFocus";
 }(LEGEND_ELEMENT_NAME = exports.LEGEND_ELEMENT_NAME || (exports.LEGEND_ELEMENT_NAME = {}));
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/legend/index.js

@@ -22,4 +22,4 @@ __exportStar(require("./color/color"), exports), __exportStar(require("./color/t
 __exportStar(require("./size/size"), exports), __exportStar(require("./size/type"), exports), 
 __exportStar(require("./type"), exports), __exportStar(require("./constant"), exports), 
 __exportStar(require("./util"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/legend/register.js

@@ -24,4 +24,4 @@ function loadSizeContinuousLegendComponent() {
 
 exports.loadDiscreteLegendComponent = loadDiscreteLegendComponent, exports.loadColorContinuousLegendComponent = loadColorContinuousLegendComponent, 
 exports.loadSizeContinuousLegendComponent = loadSizeContinuousLegendComponent;
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/cjs/legend/type.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/cjs/legend/util.js

@@ -10,4 +10,4 @@ function getSizeHandlerPath(align = "bottom") {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.getSizeHandlerPath = void 0, exports.getSizeHandlerPath = getSizeHandlerPath;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/timeline/index.d.ts

@@ -0,0 +1,2 @@
+export * from './timeline';
+export * from './type';

package/cjs/timeline/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./timeline"), exports), __exportStar(require("./type"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,yCAAuB","file":"index.js","sourcesContent":["export * from './timeline';\nexport * from './type';\n"]}

package/cjs/timeline/register.d.ts

@@ -0,0 +1 @@
+export declare function loadTimelineComponent(): void;

package/cjs/timeline/register.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.loadTimelineComponent = void 0;
+
+const vrender_kits_1 = require("@visactor/vrender-kits");
+
+function loadTimelineComponent() {
+    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerText)(), (0, vrender_kits_1.registerSymbol)(), 
+    (0, vrender_kits_1.registerLine)();
+}
+
+exports.loadTimelineComponent = loadTimelineComponent;
+//# sourceMappingURL=register.js.map

package/cjs/timeline/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/register.ts"],"names":[],"mappings":";;;AAAA,yDAAmG;AAEnG,SAAgB,qBAAqB;IACnC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AALD,sDAKC","file":"register.js","sourcesContent":["import { registerGroup, registerSymbol, registerLine, registerText } from '@visactor/vrender-kits';\n\nexport function loadTimelineComponent() {\n  registerGroup();\n  registerText();\n  registerSymbol();\n  registerLine();\n}\n"]}

package/cjs/timeline/timeline.d.ts

@@ -0,0 +1,30 @@
+import { AbstractComponent } from '../core/base';
+import type { TimelineAttrs } from './type';
+import type { ComponentOptions } from '../interface';
+export declare class Timeline extends AbstractComponent<Required<TimelineAttrs>> {
+    name: string;
+    private _line?;
+    private _activeLine?;
+    private _symbolGroup?;
+    private _labelGroup?;
+    private _timesPercent?;
+    static defaultAttributes: Partial<TimelineAttrs>;
+    constructor(attributes: TimelineAttrs, options?: ComponentOptions);
+    protected render(): void;
+    appearAnimate(animateConfig: {
+        duration?: number;
+        easing?: string;
+    }): void;
+    goto(flag: 1 | -1, animateConfig: {
+        duration?: number;
+        easing?: string;
+    }): void;
+    forward(animateConfig: {
+        duration?: number;
+        easing?: string;
+    }): void;
+    backward(animateConfig: {
+        duration?: number;
+        easing?: string;
+    }): void;
+}

package/cjs/timeline/timeline.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Timeline = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), register_1 = require("./register");
+
+(0, register_1.loadTimelineComponent)();
+
+class Timeline extends base_1.AbstractComponent {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, Timeline.defaultAttributes, attributes)), 
+        this.name = "timeline";
+    }
+    render() {
+        const {width: width, lineStyle: lineStyle, activeLineStyle: activeLineStyle, symbolStyle: symbolStyle, activeSymbolStyle: activeSymbolStyle, labelStyle: labelStyle, activeLabelStyle: activeLabelStyle, times: times, pointLayoutMode: pointLayoutMode, labelSpace: labelSpace, clipRange: clipRange, animation: animation} = this.attribute;
+        if (!times || !times.length) return;
+        const symbolHeight = ((0, vutils_1.isArray)(symbolStyle.size) ? symbolStyle.size[1] : symbolStyle.size) || 0, activeSymbolHeight = ((0, 
+        vutils_1.isArray)(activeSymbolStyle.size) ? activeSymbolStyle.size[1] : activeSymbolStyle.size) || 0, lineSymbolHeight = Math.max(lineStyle.lineWidth || 0, activeLineStyle.lineWidth || 0, symbolHeight, activeSymbolHeight), lineY = lineSymbolHeight / 2, lineAttr = {
+            y: lineY,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: width,
+                y: 0
+            } ]
+        };
+        this._line = this.createOrUpdateChild("line-axes", Object.assign(Object.assign({}, lineStyle), lineAttr), "line"), 
+        this._activeLine = this.createOrUpdateChild("active-line-axes", Object.assign(Object.assign(Object.assign({}, activeLineStyle), lineAttr), {
+            clipRange: clipRange
+        }), "line");
+        const activeWidth = width * clipRange, symbolGroup = this.createOrUpdateChild("symbol-group", {
+            y: lineY
+        }, "group"), symbolSpace = 1 === times.length ? width : "space-between" === pointLayoutMode ? width / (times.length - 1) : width / times.length, symbolStartX = "space-between" === pointLayoutMode ? 0 : symbolSpace / 2;
+        this._timesPercent = times.map(((_, i) => (symbolStartX + symbolSpace * i) / width)), 
+        times.forEach(((item, i) => {
+            const x = this._timesPercent[i] * width;
+            symbolGroup.createOrUpdateChild(item.label, Object.assign(Object.assign({}, symbolStyle), {
+                x: x
+            }), "symbol");
+        })), this._symbolGroup = symbolGroup;
+        const labelY = lineSymbolHeight + labelSpace, labelGroup = this.createOrUpdateChild("label-group", {
+            y: labelY
+        }, "group");
+        times.forEach(((item, i) => {
+            const x = this._timesPercent[i] * width;
+            labelGroup.createOrUpdateChild(item.label, Object.assign(Object.assign({}, labelStyle), {
+                x: x,
+                text: item.label
+            }), "text");
+        })), this._labelGroup = labelGroup;
+        const setActive = (group, activeStyle) => {
+            group.forEachChildren((label => {
+                if (label.currentStates) {
+                    const currentStates = label.currentStates;
+                    label.clearStates(), label.useStates(currentStates, !1);
+                }
+                label.states = {
+                    active: activeStyle
+                }, label.attribute.x <= activeWidth && label.useStates([ "active" ], animation);
+            }));
+        };
+        setActive(labelGroup, activeLabelStyle), setActive(symbolGroup, activeSymbolStyle);
+    }
+    appearAnimate(animateConfig) {
+        const {duration: duration = 1e3, easing: easing = "quadOut"} = animateConfig, {activeLabelStyle: activeLabelStyle, activeSymbolStyle: activeSymbolStyle} = this.attribute, percent = duration / 1e3, lineDuration = 500 * percent, activeLineDuration = 200 * percent, perSymbolDuration = 100 * percent, perSymbolNormalDuration = 90 * percent, symbolDelay = 100 * percent, symbolNormalDelay = 600 * percent;
+        if (this._line && (this._line.setAttributes({
+            clipRange: 0
+        }), this._line.animate().to({
+            clipRange: 1
+        }, lineDuration, easing)), this._activeLine && (this._activeLine.setAttributes({
+            opacity: 0
+        }), this._activeLine.animate().wait(500).to({
+            opacity: 1
+        }, activeLineDuration, easing)), this._symbolGroup) {
+            const size = this._symbolGroup.count - 1, delay = percent * (1 === size ? 0 : 400 / (size - 1)), delayNormal = percent * (1 === size ? 0 : 240 / (size - 1));
+            this._symbolGroup.forEachChildren(((symbol, i) => {
+                const originAttrs = Object.assign({}, symbol.attribute);
+                symbol.setAttributes({
+                    opacity: 0
+                }), symbol.animate().wait(symbolDelay + delay * i).to({
+                    opacity: 1
+                }, perSymbolDuration, easing), symbol.animate().wait(symbolNormalDelay + delayNormal * i).to(Object.assign({
+                    scaleX: 1.8,
+                    scaleY: 1.8
+                }, activeSymbolStyle), perSymbolNormalDuration, easing).to(Object.assign({
+                    scaleX: 1,
+                    scaleY: 1
+                }, originAttrs), perSymbolNormalDuration, easing);
+            }));
+        }
+        if (this._labelGroup) {
+            const size = this._labelGroup.count - 1, delay = percent * (1 === size ? 0 : 400 / (size - 1)), delayNormal = percent * (1 === size ? 0 : 240 / (size - 1));
+            this._labelGroup.forEachChildren(((label, i) => {
+                const originAttrs = Object.assign({}, label.attribute);
+                label.setAttributes({
+                    opacity: 0
+                }), label.animate().wait(symbolDelay + delay * i).to({
+                    opacity: 1
+                }, perSymbolDuration, easing), label.animate().wait(symbolNormalDelay + delayNormal * i).to(Object.assign({
+                    dy: 10
+                }, activeLabelStyle), perSymbolNormalDuration, easing).to(Object.assign({
+                    dy: 0
+                }, originAttrs), perSymbolNormalDuration, easing);
+            }));
+        }
+    }
+    goto(flag, animateConfig) {
+        var _a;
+        let {clipRange: clipRange} = this.attribute;
+        const {animation: animation} = this.attribute;
+        if (flag > 0) {
+            if (clipRange >= 1) return;
+            clipRange < 0 && (clipRange = 0);
+        } else {
+            if (clipRange <= 0) return;
+            clipRange > 1 && (clipRange = 1);
+        }
+        clipRange !== this.attribute.clipRange && this.setAttributes({
+            clipRange: clipRange
+        });
+        let i = 0;
+        for (;i < this._timesPercent.length && !(clipRange < this._timesPercent[i]); i++) ;
+        const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;
+        if (animation) {
+            const {duration: duration = 1e3, easing: easing = "quadOut"} = animateConfig, actDuration = Math.abs(nextClipRange - clipRange) / (this._timesPercent[i] - (null !== (_a = this._timesPercent[i - 1]) && void 0 !== _a ? _a : 0)) * duration;
+            this.animate().to({
+                clipRange: nextClipRange
+            }, actDuration, easing);
+        } else this.setAttributes({
+            clipRange: nextClipRange
+        });
+    }
+    forward(animateConfig) {
+        this.goto(1, animateConfig);
+    }
+    backward(animateConfig) {
+        this.goto(-1, animateConfig);
+    }
+}
+
+exports.Timeline = Timeline, Timeline.defaultAttributes = {
+    labelSpace: 10,
+    pointLayoutMode: "space-around",
+    animation: !0,
+    symbolStyle: {
+        fill: "black",
+        size: 12,
+        symbolType: "circle"
+    },
+    activeSymbolStyle: {
+        fill: "orange"
+    },
+    lineStyle: {
+        lineDash: [ 2, 2 ],
+        lineCap: "butt",
+        stroke: "black",
+        lineWidth: 2
+    },
+    activeLineStyle: {
+        stroke: "orange",
+        lineWidth: 4
+    },
+    labelStyle: {
+        fontSize: 12,
+        fill: "black",
+        textAlign: "center",
+        textBaseline: "top"
+    },
+    activeLabelStyle: {
+        fontSize: 14,
+        fill: "orange"
+    },
+    clipRange: 0
+};
+//# sourceMappingURL=timeline.js.map