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

package/cjs/data-zoom/config.js

@@ -117,4 +117,5 @@ exports.DEFAULT_DATA_ZOOM_ATTRIBUTES = {
         pickMode: "imprecise",
         strokeBoundsBuffer: 0
     }
-};
+};
+//# sourceMappingURL=config.js.map

package/cjs/data-zoom/index.js

@@ -17,5 +17,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./data-zoom"), exports), __exportStar(require("./type"), exports);
-//# sourceMappingURL=index.js.map
+}), __exportStar(require("./data-zoom"), exports), __exportStar(require("./type"), exports);

package/cjs/index.d.ts

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

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.24-alpha.1", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.19.24-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), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,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.24-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 './timeline';\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,iBAAiB,CAAC;AAEzC,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.24-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/jsx/component-type.js

@@ -11,4 +11,4 @@ function VTag(params) {
 }
 
 exports.VTag = VTag;
-//# sourceMappingURL=component-type.js.map
+//# sourceMappingURL=component-type.js.map

package/cjs/jsx/index.js

@@ -18,4 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./component-type"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/label/base.js

@@ -458,5 +458,4 @@ exports.LabelBase = LabelBase, LabelBase.defaultAttributes = {
     },
     offset: 0,
     pickable: !1
-};
-//# 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/label/rect.js

@@ -41,4 +41,4 @@ exports.RectLabel = RectLabel, RectLabel.tag = "rect-label", RectLabel.defaultAt
     position: "top",
     offset: 5
 };
-//# sourceMappingURL=rect.js.map
+//# sourceMappingURL=rect.js.map

package/cjs/label/register.js

@@ -12,4 +12,4 @@ function loadLabelComponent() {
 }
 
 exports.loadLabelComponent = loadLabelComponent;
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/cjs/legend/base.js

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

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/timeline.js

@@ -77,10 +77,8 @@ class Timeline extends base_1.AbstractComponent {
         }, 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.keys(activeSymbolStyle).forEach((k => {
-                    originAttrs[k] = symbol.attribute[k];
-                })), symbol.setAttributes({
+                const originAttrs = Object.assign({}, symbol.attribute);
+                symbol.setAttributes({
                     opacity: 0
                 }), symbol.animate().wait(symbolDelay + delay * i).to({
                     opacity: 1
@@ -96,10 +94,8 @@ class Timeline extends base_1.AbstractComponent {
         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.keys(activeLabelStyle).forEach((k => {
-                    originAttrs[k] = label.attribute[k];
-                })), label.setAttributes({
+                const originAttrs = Object.assign({}, label.attribute);
+                label.setAttributes({
                     opacity: 0
                 }), label.animate().wait(symbolDelay + delay * i).to({
                     opacity: 1

package/cjs/timeline/timeline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/timeline/timeline.ts"],"names":[],"mappings":"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","file":"timeline.js","sourcesContent":["import { isArray, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { loadTimelineComponent } from './register';\nimport type { TimelineAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { getTheme, type IGraphicAttribute, type IGroup, type ILine, type IText } from '@visactor/vrender-core';\nimport type { ISymbol } from '@visactor/vrender-core';\n\nloadTimelineComponent();\n\nexport class Timeline extends AbstractComponent<Required<TimelineAttrs>> {\n  name = 'timeline';\n\n  private _line?: ILine;\n  private _activeLine?: ILine;\n  private _symbolGroup?: IGroup;\n  private _labelGroup?: IGroup;\n  private _timesPercent?: number[];\n\n  static defaultAttributes: Partial<TimelineAttrs> = {\n    labelSpace: 10,\n    pointLayoutMode: 'space-around',\n    animation: true,\n    symbolStyle: {\n      fill: 'black',\n      size: 12,\n      symbolType: 'circle'\n    },\n    activeSymbolStyle: {\n      fill: 'orange'\n    },\n    lineStyle: {\n      lineDash: [2, 2],\n      lineCap: 'butt',\n      stroke: 'black',\n      lineWidth: 2\n    },\n    activeLineStyle: {\n      stroke: 'orange',\n      lineWidth: 4\n    },\n    labelStyle: {\n      fontSize: 12,\n      fill: 'black',\n      textAlign: 'center',\n      textBaseline: 'top'\n    },\n    activeLabelStyle: {\n      fontSize: 14,\n      fill: 'orange'\n    },\n    clipRange: 0\n  };\n\n  constructor(attributes: TimelineAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Timeline.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const {\n      width,\n      lineStyle,\n      activeLineStyle,\n      symbolStyle,\n      activeSymbolStyle,\n      labelStyle,\n      activeLabelStyle,\n      times,\n      pointLayoutMode,\n      labelSpace,\n      clipRange,\n      animation\n    } = this.attribute;\n\n    if (!(times && times.length)) {\n      return;\n    }\n\n    // 计算线段中心的y位置，考虑线宽和symbol宽度\n    const symbolHeight = (isArray(symbolStyle.size) ? symbolStyle.size[1] : symbolStyle.size) || 0;\n    const activeSymbolHeight =\n      (isArray(activeSymbolStyle.size) ? activeSymbolStyle.size[1] : activeSymbolStyle.size) || 0;\n    const lineSymbolHeight = Math.max(\n      lineStyle.lineWidth || 0,\n      activeLineStyle.lineWidth || 0,\n      symbolHeight,\n      activeSymbolHeight\n    );\n    const lineY = lineSymbolHeight / 2;\n    const lineAttr = {\n      y: lineY,\n      points: [\n        { x: 0, y: 0 },\n        { x: width, y: 0 }\n      ]\n    };\n    this._line = this.createOrUpdateChild(\n      'line-axes',\n      {\n        ...lineStyle,\n        ...lineAttr\n      },\n      'line'\n    ) as ILine;\n    this._activeLine = this.createOrUpdateChild(\n      'active-line-axes',\n      {\n        ...activeLineStyle,\n        ...lineAttr,\n        clipRange\n      },\n      'line'\n    ) as ILine;\n\n    const activeWidth = width * clipRange;\n\n    const symbolGroup = this.createOrUpdateChild(\n      'symbol-group',\n      {\n        y: lineY\n      },\n      'group'\n    ) as IGroup;\n    const symbolSpace =\n      times.length === 1\n        ? width\n        : pointLayoutMode === 'space-between'\n        ? width / (times.length - 1)\n        : width / times.length;\n    const symbolStartX = pointLayoutMode === 'space-between' ? 0 : symbolSpace / 2;\n    this._timesPercent = times.map((_, i) => (symbolStartX + symbolSpace * i) / width);\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      symbolGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...symbolStyle,\n          x\n        },\n        'symbol'\n      );\n    });\n    this._symbolGroup = symbolGroup;\n\n    const labelY = lineSymbolHeight + labelSpace;\n    const labelGroup = this.createOrUpdateChild(\n      'label-group',\n      {\n        y: labelY\n      },\n      'group'\n    ) as IGroup;\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      labelGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...labelStyle,\n          x,\n          text: item.label\n        },\n        'text'\n      );\n    });\n    this._labelGroup = labelGroup;\n\n    const setActive = (group: IGroup, activeStyle: Partial<IGraphicAttribute>) => {\n      group.forEachChildren((label: IText) => {\n        if (label.currentStates) {\n          const currentStates = label.currentStates;\n          label.clearStates();\n          label.useStates(currentStates, false);\n        }\n        label.states = {\n          active: activeStyle\n        };\n        if (label.attribute.x <= activeWidth) {\n          label.useStates(['active'], animation);\n        }\n      });\n    };\n\n    setActive(labelGroup, activeLabelStyle);\n    setActive(symbolGroup, activeSymbolStyle);\n  }\n\n  appearAnimate(animateConfig: { duration?: number; easing?: string }) {\n    // 基准时间，line[0, 500], point[100, 600] 100 onebyone, pointNormal[600, 1000] 90+90 onebyone, activeLine[500, 700]\n    // line和activeLine的clipRange\n    const { duration = 1000, easing = 'quadOut' } = animateConfig;\n    const { activeLabelStyle, activeSymbolStyle } = this.attribute;\n    const percent = duration / 1000;\n    const lineDuration = percent * 500;\n    const activeLineDuration = percent * 200;\n    const perSymbolDuration = percent * 100;\n    const perSymbolNormalDuration = percent * 90;\n    const symbolDelay = percent * 100;\n    const symbolNormalDelay = percent * 600;\n    if (this._line) {\n      this._line.setAttributes({ clipRange: 0 });\n      this._line.animate().to({ clipRange: 1 }, lineDuration, easing as any);\n    }\n    if (this._activeLine) {\n      this._activeLine.setAttributes({ opacity: 0 });\n      this._activeLine\n        .animate()\n        .wait(500)\n        .to({ opacity: 1 }, activeLineDuration, easing as any);\n    }\n    if (this._symbolGroup) {\n      const size = this._symbolGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._symbolGroup.forEachChildren((symbol: ISymbol, i) => {\n        const originAttrs: Record<string, any> = {};\n        Object.keys(activeSymbolStyle).forEach(k => {\n          originAttrs[k] = (symbol.attribute as any)[k];\n        });\n\n        symbol.setAttributes({ opacity: 0 });\n        symbol\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        symbol\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ scaleX: 1.8, scaleY: 1.8, ...activeSymbolStyle }, perSymbolNormalDuration, easing as any)\n          .to({ scaleX: 1, scaleY: 1, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n    if (this._labelGroup) {\n      const size = this._labelGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._labelGroup.forEachChildren((label: IText, i) => {\n        const originAttrs: Record<string, any> = {};\n        Object.keys(activeLabelStyle).forEach(k => {\n          originAttrs[k] = (label.attribute as any)[k];\n        });\n        label.setAttributes({ opacity: 0 });\n        label\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        label\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ dy: 10, ...activeLabelStyle }, perSymbolNormalDuration, easing as any)\n          .to({ dy: 0, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n  }\n\n  goto(flag: 1 | -1, animateConfig: { duration?: number; easing?: string }) {\n    let { clipRange } = this.attribute;\n    const { animation } = this.attribute;\n\n    // 合法性判断\n    if (flag > 0) {\n      if (clipRange >= 1) {\n        return;\n      } else if (clipRange < 0) {\n        clipRange = 0;\n      }\n    } else {\n      if (clipRange <= 0) {\n        return;\n      } else if (clipRange > 1) {\n        clipRange = 1;\n      }\n    }\n\n    if (clipRange !== this.attribute.clipRange) {\n      this.setAttributes({ clipRange });\n    }\n\n    // 判断区间\n    let i = 0;\n    for (; i < this._timesPercent.length; i++) {\n      if (clipRange < this._timesPercent[i]) {\n        break;\n      }\n    }\n\n    const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;\n    if (animation) {\n      const { duration = 1000, easing = 'quadOut' } = animateConfig;\n      const actDuration =\n        (Math.abs(nextClipRange - clipRange) / (this._timesPercent[i] - (this._timesPercent[i - 1] ?? 0))) * duration;\n      this.animate().to({ clipRange: nextClipRange }, actDuration, easing as any);\n    } else {\n      this.setAttributes({ clipRange: nextClipRange });\n    }\n  }\n\n  forward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(1, animateConfig);\n  }\n\n  backward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(-1, animateConfig);\n  }\n}\n"]}
+{"version":3,"sources":["../src/timeline/timeline.ts"],"names":[],"mappings":";;;AAAA,6CAAkD;AAClD,uCAAiD;AACjD,yCAAmD;AAMnD,IAAA,gCAAqB,GAAE,CAAC;AAExB,MAAa,QAAS,SAAQ,wBAA0C;IA4CtE,YAAY,UAAyB,EAAE,OAA0B;QAC/D,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,QAAQ,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QA5C/F,SAAI,GAAG,UAAU,CAAC;IA6ClB,CAAC;IAES,MAAM;QACd,MAAM,EACJ,KAAK,EACL,SAAS,EACT,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,KAAK,EACL,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACV,GAAG,IAAI,CAAC,SAAS,CAAC;QAEnB,IAAI,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;YAC5B,OAAO;SACR;QAGD,MAAM,YAAY,GAAG,CAAC,IAAA,gBAAO,EAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/F,MAAM,kBAAkB,GACtB,CAAC,IAAA,gBAAO,EAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9F,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAC/B,SAAS,CAAC,SAAS,IAAI,CAAC,EACxB,eAAe,CAAC,SAAS,IAAI,CAAC,EAC9B,YAAY,EACZ,kBAAkB,CACnB,CAAC;QACF,MAAM,KAAK,GAAG,gBAAgB,GAAG,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG;YACf,CAAC,EAAE,KAAK;YACR,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;aACnB;SACF,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CACnC,WAAW,kCAEN,SAAS,GACT,QAAQ,GAEb,MAAM,CACE,CAAC;QACX,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,CACzC,kBAAkB,gDAEb,eAAe,GACf,QAAQ,KACX,SAAS,KAEX,MAAM,CACE,CAAC;QAEX,MAAM,WAAW,GAAG,KAAK,GAAG,SAAS,CAAC;QAEtC,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAC1C,cAAc,EACd;YACE,CAAC,EAAE,KAAK;SACT,EACD,OAAO,CACE,CAAC;QACZ,MAAM,WAAW,GACf,KAAK,CAAC,MAAM,KAAK,CAAC;YAChB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,eAAe,KAAK,eAAe;gBACrC,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC5B,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,MAAM,YAAY,GAAG,eAAe,KAAK,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC;QAC/E,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,GAAG,WAAW,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;QAEnF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACxB,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACxC,WAAW,CAAC,mBAAmB,CAC7B,IAAI,CAAC,KAAK,kCAEL,WAAW,KACd,CAAC,KAEH,QAAQ,CACT,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAEhC,MAAM,MAAM,GAAG,gBAAgB,GAAG,UAAU,CAAC;QAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CACzC,aAAa,EACb;YACE,CAAC,EAAE,MAAM;SACV,EACD,OAAO,CACE,CAAC;QAEZ,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACxB,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACxC,UAAU,CAAC,mBAAmB,CAC5B,IAAI,CAAC,KAAK,kCAEL,UAAU,KACb,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,KAAK,KAElB,MAAM,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAE9B,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,WAAuC,EAAE,EAAE;YAC3E,KAAK,CAAC,eAAe,CAAC,CAAC,KAAY,EAAE,EAAE;gBACrC,IAAI,KAAK,CAAC,aAAa,EAAE;oBACvB,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;oBAC1C,KAAK,CAAC,WAAW,EAAE,CAAC;oBACpB,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;iBACvC;gBACD,KAAK,CAAC,MAAM,GAAG;oBACb,MAAM,EAAE,WAAW;iBACpB,CAAC;gBACF,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,WAAW,EAAE;oBACpC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;iBACxC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,SAAS,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QACxC,SAAS,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAC5C,CAAC;IAED,aAAa,CAAC,aAAqD;QAGjE,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,aAAa,CAAC;QAC9D,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/D,MAAM,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;QAChC,MAAM,YAAY,GAAG,OAAO,GAAG,GAAG,CAAC;QACnC,MAAM,kBAAkB,GAAG,OAAO,GAAG,GAAG,CAAC;QACzC,MAAM,iBAAiB,GAAG,OAAO,GAAG,GAAG,CAAC;QACxC,MAAM,uBAAuB,GAAG,OAAO,GAAG,EAAE,CAAC;QAC7C,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,CAAC;QAClC,MAAM,iBAAiB,GAAG,OAAO,GAAG,GAAG,CAAC;QACxC,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAa,CAAC,CAAC;SACxE;QACD,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/C,IAAI,CAAC,WAAW;iBACb,OAAO,EAAE;iBACT,IAAI,CAAC,GAAG,CAAC;iBACT,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,kBAAkB,EAAE,MAAa,CAAC,CAAC;SAC1D;QACD,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC;YACzC,MAAM,KAAK,GAAG,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YACpE,MAAM,WAAW,GAAG,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1E,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,MAAe,EAAE,CAAC,EAAE,EAAE;gBACvD,MAAM,WAAW,qBAAQ,MAAM,CAAC,SAAS,CAAE,CAAC;gBAC5C,MAAM,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;gBACrC,MAAM;qBACH,OAAO,EAAE;qBACT,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC;qBAC7B,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,iBAAiB,EAAE,MAAa,CAAC,CAAC;gBACxD,MAAM;qBACH,OAAO,EAAE;qBACT,IAAI,CAAC,iBAAiB,GAAG,WAAW,GAAG,CAAC,CAAC;qBACzC,EAAE,iBAAG,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAK,iBAAiB,GAAI,uBAAuB,EAAE,MAAa,CAAC;qBAC9F,EAAE,iBAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,IAAK,WAAW,GAAI,uBAAuB,EAAE,MAAa,CAAC,CAAC;YAC1F,CAAC,CAAC,CAAC;SACJ;QACD,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;YACxC,MAAM,KAAK,GAAG,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YACpE,MAAM,WAAW,GAAG,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1E,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,KAAY,EAAE,CAAC,EAAE,EAAE;gBACnD,MAAM,WAAW,qBAAQ,KAAK,CAAC,SAAS,CAAE,CAAC;gBAC3C,KAAK,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;gBACpC,KAAK;qBACF,OAAO,EAAE;qBACT,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC;qBAC7B,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,iBAAiB,EAAE,MAAa,CAAC,CAAC;gBACxD,KAAK;qBACF,OAAO,EAAE;qBACT,IAAI,CAAC,iBAAiB,GAAG,WAAW,GAAG,CAAC,CAAC;qBACzC,EAAE,iBAAG,EAAE,EAAE,EAAE,IAAK,gBAAgB,GAAI,uBAAuB,EAAE,MAAa,CAAC;qBAC3E,EAAE,iBAAG,EAAE,EAAE,CAAC,IAAK,WAAW,GAAI,uBAAuB,EAAE,MAAa,CAAC,CAAC;YAC3E,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,IAAI,CAAC,IAAY,EAAE,aAAqD;;QACtE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAGrC,IAAI,IAAI,GAAG,CAAC,EAAE;YACZ,IAAI,SAAS,IAAI,CAAC,EAAE;gBAClB,OAAO;aACR;iBAAM,IAAI,SAAS,GAAG,CAAC,EAAE;gBACxB,SAAS,GAAG,CAAC,CAAC;aACf;SACF;aAAM;YACL,IAAI,SAAS,IAAI,CAAC,EAAE;gBAClB,OAAO;aACR;iBAAM,IAAI,SAAS,GAAG,CAAC,EAAE;gBACxB,SAAS,GAAG,CAAC,CAAC;aACf;SACF;QAED,IAAI,SAAS,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;YAC1C,IAAI,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;SACnC;QAGD,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,OAAO,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;gBACrC,MAAM;aACP;SACF;QAED,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;QACxF,IAAI,SAAS,EAAE;YACb,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,aAAa,CAAC;YAC9D,MAAM,WAAW,GACf,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;YAChH,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,MAAa,CAAC,CAAC;SAC7E;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC;SAClD;IACH,CAAC;IAED,OAAO,CAAC,aAAqD;QAC3D,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAC9B,CAAC;IAED,QAAQ,CAAC,aAAqD;QAC5D,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAC/B,CAAC;;AA/RH,4BAgSC;AAvRQ,0BAAiB,GAA2B;IACjD,UAAU,EAAE,EAAE;IACd,eAAe,EAAE,cAAc;IAC/B,SAAS,EAAE,IAAI;IACf,WAAW,EAAE;QACX,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,UAAU,EAAE,QAAQ;KACrB;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,QAAQ;KACf;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,OAAO;QACf,SAAS,EAAE,CAAC;KACb;IACD,eAAe,EAAE;QACf,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,CAAC;KACb;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,KAAK;KACpB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,QAAQ;KACf;IACD,SAAS,EAAE,CAAC;CACb,CAAC","file":"timeline.js","sourcesContent":["import { isArray, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { loadTimelineComponent } from './register';\nimport type { TimelineAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport type { IGraphicAttribute, IGroup, ILine, IText } from '@visactor/vrender-core';\nimport type { ISymbol } from '@visactor/vrender-core';\n\nloadTimelineComponent();\n\nexport class Timeline extends AbstractComponent<Required<TimelineAttrs>> {\n  name = 'timeline';\n\n  private _line?: ILine;\n  private _activeLine?: ILine;\n  private _symbolGroup?: IGroup;\n  private _labelGroup?: IGroup;\n  private _timesPercent?: number[];\n\n  static defaultAttributes: Partial<TimelineAttrs> = {\n    labelSpace: 10,\n    pointLayoutMode: 'space-around',\n    animation: true,\n    symbolStyle: {\n      fill: 'black',\n      size: 12,\n      symbolType: 'circle'\n    },\n    activeSymbolStyle: {\n      fill: 'orange'\n    },\n    lineStyle: {\n      lineDash: [2, 2],\n      lineCap: 'butt',\n      stroke: 'black',\n      lineWidth: 2\n    },\n    activeLineStyle: {\n      stroke: 'orange',\n      lineWidth: 4\n    },\n    labelStyle: {\n      fontSize: 12,\n      fill: 'black',\n      textAlign: 'center',\n      textBaseline: 'top'\n    },\n    activeLabelStyle: {\n      fontSize: 14,\n      fill: 'orange'\n    },\n    clipRange: 0\n  };\n\n  constructor(attributes: TimelineAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Timeline.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const {\n      width,\n      lineStyle,\n      activeLineStyle,\n      symbolStyle,\n      activeSymbolStyle,\n      labelStyle,\n      activeLabelStyle,\n      times,\n      pointLayoutMode,\n      labelSpace,\n      clipRange,\n      animation\n    } = this.attribute;\n\n    if (!(times && times.length)) {\n      return;\n    }\n\n    // 计算线段中心的y位置，考虑线宽和symbol宽度\n    const symbolHeight = (isArray(symbolStyle.size) ? symbolStyle.size[1] : symbolStyle.size) || 0;\n    const activeSymbolHeight =\n      (isArray(activeSymbolStyle.size) ? activeSymbolStyle.size[1] : activeSymbolStyle.size) || 0;\n    const lineSymbolHeight = Math.max(\n      lineStyle.lineWidth || 0,\n      activeLineStyle.lineWidth || 0,\n      symbolHeight,\n      activeSymbolHeight\n    );\n    const lineY = lineSymbolHeight / 2;\n    const lineAttr = {\n      y: lineY,\n      points: [\n        { x: 0, y: 0 },\n        { x: width, y: 0 }\n      ]\n    };\n    this._line = this.createOrUpdateChild(\n      'line-axes',\n      {\n        ...lineStyle,\n        ...lineAttr\n      },\n      'line'\n    ) as ILine;\n    this._activeLine = this.createOrUpdateChild(\n      'active-line-axes',\n      {\n        ...activeLineStyle,\n        ...lineAttr,\n        clipRange\n      },\n      'line'\n    ) as ILine;\n\n    const activeWidth = width * clipRange;\n\n    const symbolGroup = this.createOrUpdateChild(\n      'symbol-group',\n      {\n        y: lineY\n      },\n      'group'\n    ) as IGroup;\n    const symbolSpace =\n      times.length === 1\n        ? width\n        : pointLayoutMode === 'space-between'\n        ? width / (times.length - 1)\n        : width / times.length;\n    const symbolStartX = pointLayoutMode === 'space-between' ? 0 : symbolSpace / 2;\n    this._timesPercent = times.map((_, i) => (symbolStartX + symbolSpace * i) / width);\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      symbolGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...symbolStyle,\n          x\n        },\n        'symbol'\n      );\n    });\n    this._symbolGroup = symbolGroup;\n\n    const labelY = lineSymbolHeight + labelSpace;\n    const labelGroup = this.createOrUpdateChild(\n      'label-group',\n      {\n        y: labelY\n      },\n      'group'\n    ) as IGroup;\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      labelGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...labelStyle,\n          x,\n          text: item.label\n        },\n        'text'\n      );\n    });\n    this._labelGroup = labelGroup;\n\n    const setActive = (group: IGroup, activeStyle: Partial<IGraphicAttribute>) => {\n      group.forEachChildren((label: IText) => {\n        if (label.currentStates) {\n          const currentStates = label.currentStates;\n          label.clearStates();\n          label.useStates(currentStates, false);\n        }\n        label.states = {\n          active: activeStyle\n        };\n        if (label.attribute.x <= activeWidth) {\n          label.useStates(['active'], animation);\n        }\n      });\n    };\n\n    setActive(labelGroup, activeLabelStyle);\n    setActive(symbolGroup, activeSymbolStyle);\n  }\n\n  appearAnimate(animateConfig: { duration?: number; easing?: string }) {\n    // 基准时间，line[0, 500], point[100, 600] 100 onebyone, pointNormal[600, 1000] 90+90 onebyone, activeLine[500, 700]\n    // line和activeLine的clipRange\n    const { duration = 1000, easing = 'quadOut' } = animateConfig;\n    const { activeLabelStyle, activeSymbolStyle } = this.attribute;\n    const percent = duration / 1000;\n    const lineDuration = percent * 500;\n    const activeLineDuration = percent * 200;\n    const perSymbolDuration = percent * 100;\n    const perSymbolNormalDuration = percent * 90;\n    const symbolDelay = percent * 100;\n    const symbolNormalDelay = percent * 600;\n    if (this._line) {\n      this._line.setAttributes({ clipRange: 0 });\n      this._line.animate().to({ clipRange: 1 }, lineDuration, easing as any);\n    }\n    if (this._activeLine) {\n      this._activeLine.setAttributes({ opacity: 0 });\n      this._activeLine\n        .animate()\n        .wait(500)\n        .to({ opacity: 1 }, activeLineDuration, easing as any);\n    }\n    if (this._symbolGroup) {\n      const size = this._symbolGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._symbolGroup.forEachChildren((symbol: ISymbol, i) => {\n        const originAttrs = { ...symbol.attribute };\n        symbol.setAttributes({ opacity: 0 });\n        symbol\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        symbol\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ scaleX: 1.8, scaleY: 1.8, ...activeSymbolStyle }, perSymbolNormalDuration, easing as any)\n          .to({ scaleX: 1, scaleY: 1, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n    if (this._labelGroup) {\n      const size = this._labelGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._labelGroup.forEachChildren((label: IText, i) => {\n        const originAttrs = { ...label.attribute };\n        label.setAttributes({ opacity: 0 });\n        label\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        label\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ dy: 10, ...activeLabelStyle }, perSymbolNormalDuration, easing as any)\n          .to({ dy: 0, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n  }\n\n  goto(flag: 1 | -1, animateConfig: { duration?: number; easing?: string }) {\n    let { clipRange } = this.attribute;\n    const { animation } = this.attribute;\n\n    // 合法性判断\n    if (flag > 0) {\n      if (clipRange >= 1) {\n        return;\n      } else if (clipRange < 0) {\n        clipRange = 0;\n      }\n    } else {\n      if (clipRange <= 0) {\n        return;\n      } else if (clipRange > 1) {\n        clipRange = 1;\n      }\n    }\n\n    if (clipRange !== this.attribute.clipRange) {\n      this.setAttributes({ clipRange });\n    }\n\n    // 判断区间\n    let i = 0;\n    for (; i < this._timesPercent.length; i++) {\n      if (clipRange < this._timesPercent[i]) {\n        break;\n      }\n    }\n\n    const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;\n    if (animation) {\n      const { duration = 1000, easing = 'quadOut' } = animateConfig;\n      const actDuration =\n        (Math.abs(nextClipRange - clipRange) / (this._timesPercent[i] - (this._timesPercent[i - 1] ?? 0))) * duration;\n      this.animate().to({ clipRange: nextClipRange }, actDuration, easing as any);\n    } else {\n      this.setAttributes({ clipRange: nextClipRange });\n    }\n  }\n\n  forward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(1, animateConfig);\n  }\n\n  backward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(-1, animateConfig);\n  }\n}\n"]}

package/dist/index.es.js

@@ -10268,7 +10268,7 @@ class DefaultGroupBackgroundRenderContribution extends DefaultBaseBackgroundRend
 const defaultGroupBackgroundRenderContribution = new DefaultGroupBackgroundRenderContribution();
 
 const halfPi = pi / 2;
-function createRectPath(path, x, y, width, height, rectCornerRadius) {
+function createRectPath(path, x, y, width, height, rectCornerRadius, edgeCb) {
   let cornerRadius;
   if (width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), isNumber(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius = abs(rectCornerRadius), rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
     const cornerRadiusArr = rectCornerRadius;
@@ -10300,27 +10300,27 @@ function createRectPath(path, x, y, width, height, rectCornerRadius) {
     rightBottomPoint2 = [rightBottom[0], rightBottom[1] - _cornerRadius[2]],
     leftBottomPoint1 = [leftBottom[0] + _cornerRadius[3], leftBottom[1]],
     leftBottomPoint2 = [leftBottom[0], leftBottom[1] - _cornerRadius[3]];
-  if (path.moveTo(leftTopPoint1[0], leftTopPoint1[1]), path.lineTo(rightTopPoint1[0], rightTopPoint1[1]), !arrayEqual(rightTopPoint1, rightTopPoint2)) {
+  if (path.moveTo(leftTopPoint1[0], leftTopPoint1[1]), edgeCb && edgeCb[0] ? edgeCb[0](leftTopPoint1[0], leftTopPoint1[1], rightTopPoint1[0], rightTopPoint1[1]) : path.lineTo(rightTopPoint1[0], rightTopPoint1[1]), !arrayEqual(rightTopPoint1, rightTopPoint2)) {
     const centerX = rightTopPoint1[0],
       centerY = rightTopPoint1[1] + _cornerRadius[1];
     path.arc(centerX, centerY, _cornerRadius[1], -halfPi, 0, !1);
   }
-  if (path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]), !arrayEqual(rightBottomPoint1, rightBottomPoint2)) {
+  if (edgeCb && edgeCb[1] ? edgeCb[1](rightTopPoint1[0], rightTopPoint1[1], rightBottomPoint2[0], rightBottomPoint2[1]) : path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]), !arrayEqual(rightBottomPoint1, rightBottomPoint2)) {
     const centerX = rightBottomPoint2[0] - _cornerRadius[2],
       centerY = rightBottomPoint2[1];
     path.arc(centerX, centerY, _cornerRadius[2], 0, halfPi, !1);
   }
-  if (path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]), !arrayEqual(leftBottomPoint1, leftBottomPoint2)) {
+  if (edgeCb && edgeCb[2] ? edgeCb[2](rightBottomPoint2[0], rightBottomPoint2[1], leftBottomPoint1[0], leftBottomPoint1[1]) : path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]), !arrayEqual(leftBottomPoint1, leftBottomPoint2)) {
     const centerX = leftBottomPoint1[0],
       centerY = leftBottomPoint1[1] - _cornerRadius[3];
     path.arc(centerX, centerY, _cornerRadius[3], halfPi, pi, !1);
   }
-  if (path.lineTo(leftTopPoint2[0], leftTopPoint2[1]), !arrayEqual(leftTopPoint1, leftTopPoint2)) {
+  if (edgeCb && edgeCb[3] ? edgeCb[3](leftBottomPoint1[0], leftBottomPoint1[1], leftTopPoint2[0], leftTopPoint2[1]) : path.lineTo(leftTopPoint2[0], leftTopPoint2[1]), !arrayEqual(leftTopPoint1, leftTopPoint2)) {
     const centerX = leftTopPoint1[0],
       centerY = leftTopPoint1[1] + _cornerRadius[0];
     path.arc(centerX, centerY, _cornerRadius[0], pi, pi + halfPi, !1);
   }
-  return path.closePath(), path;
+  return !edgeCb && path.closePath(), path;
 }
 
 var __decorate$K = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -10409,14 +10409,24 @@ let SplitRectAfterRenderContribution = class {
       y1: y1,
       x: originX = groupAttribute.x,
       y: originY = groupAttribute.y,
-      stroke = groupAttribute.stroke
+      stroke = groupAttribute.stroke,
+      cornerRadius = groupAttribute.cornerRadius
     } = rect.attribute;
     let {
       width: width,
       height: height
     } = rect.attribute;
     if (width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0, Array.isArray(stroke) && stroke.some(s => !1 === s)) {
-      if (context.setStrokeStyle(rect, rect.attribute, x, y, groupAttribute), context.beginPath(), context.moveTo(x, y), stroke[0] ? context.lineTo(x + width, y) : context.moveTo(x + width, y), stroke[1] ? context.lineTo(x + width, y + height) : context.moveTo(x + width, y + height), stroke[2] ? context.lineTo(x, y + height) : context.moveTo(x, y + height), stroke[3]) {
+      if (context.setStrokeStyle(rect, rect.attribute, x, y, groupAttribute), !(0 === cornerRadius || isArray(cornerRadius) && cornerRadius.every(num => 0 === num))) {
+        let lastStroke,
+          lastStrokeI = 0;
+        return createRectPath(context, x, y, width, height, cornerRadius, new Array(4).fill(0).map((_, i) => (x1, y1, x2, y2) => {
+          stroke[i] && (lastStrokeI === i - 1 && stroke[i] === lastStroke || (context.setStrokeStyle(rect, Object.assign(Object.assign({}, rect.attribute), {
+            stroke: stroke[i]
+          }), x, y, groupAttribute), context.beginPath(), context.moveTo(x1, y1), lastStroke = stroke[i]), lastStrokeI = i, context.lineTo(x2, y2), context.stroke(), 3 === i && context.beginPath());
+        })), void context.stroke();
+      }
+      if (context.beginPath(), context.moveTo(x, y), stroke[0] ? context.lineTo(x + width, y) : context.moveTo(x + width, y), stroke[1] ? context.lineTo(x + width, y + height) : context.moveTo(x + width, y + height), stroke[2] ? context.lineTo(x, y + height) : context.moveTo(x, y + height), stroke[3]) {
         const adjustY = stroke[0] ? y - context.lineWidth / 2 : y;
         context.lineTo(x, adjustY);
       } else context.moveTo(x, y);
@@ -12144,7 +12154,9 @@ let DefaultCanvasGroupRender = class {
       clip: clip,
       baseOpacity = 1
     } = group.attribute;
-    clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
+    clip ? context.save() : context.highPerformanceSave();
+    const baseGlobalAlpha = context.baseGlobalAlpha;
+    context.baseGlobalAlpha *= baseOpacity;
     const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
       lastModelMatrix = context.modelMatrix;
     if (context.camera) {
@@ -12158,7 +12170,7 @@ let DefaultCanvasGroupRender = class {
       scrollY = groupAttribute.scrollY
     } = group.attribute;
     let p;
-    (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha /= baseOpacity, p && p.then ? p.then(() => {
+    (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha = baseGlobalAlpha, p && p.then ? p.then(() => {
       clip ? context.restore() : context.highPerformanceRestore();
     }) : clip ? context.restore() : context.highPerformanceRestore();
   }
@@ -29121,10 +29133,7 @@ class Timeline extends AbstractComponent {
             const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));
             const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));
             this._symbolGroup.forEachChildren((symbol, i) => {
-                const originAttrs = {};
-                Object.keys(activeSymbolStyle).forEach(k => {
-                    originAttrs[k] = symbol.attribute[k];
-                });
+                const originAttrs = Object.assign({}, symbol.attribute);
                 symbol.setAttributes({ opacity: 0 });
                 symbol
                     .animate()
@@ -29142,10 +29151,7 @@ class Timeline extends AbstractComponent {
             const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));
             const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));
             this._labelGroup.forEachChildren((label, i) => {
-                const originAttrs = {};
-                Object.keys(activeLabelStyle).forEach(k => {
-                    originAttrs[k] = label.attribute[k];
-                });
+                const originAttrs = Object.assign({}, label.attribute);
                 label.setAttributes({ opacity: 0 });
                 label
                     .animate()
@@ -29595,6 +29601,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.19.24-alpha.1";
+const version = "0.19.24-alpha.3";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AreaLabel, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupFadeIn, GroupFadeOut, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineDataLabel, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, clampRadian, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, direction, fuzzyEqualNumber, getCircleLabelPosition, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, loadPoptip, measureTextSize, normalize, reactAttributeTransform, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };

package/es/data-zoom/config.js

@@ -115,4 +115,5 @@ export const DEFAULT_HANDLER_ATTR_MAP = {
         pickMode: "imprecise",
         strokeBoundsBuffer: 0
     }
-};
+};
+//# sourceMappingURL=config.js.map

package/es/data-zoom/index.js

@@ -1,4 +1,3 @@
 export * from "./data-zoom";
 
-export * from "./type";
-//# sourceMappingURL=index.js.map
+export * from "./type";

package/es/index.d.ts

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

package/es/index.js

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

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAEzC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.24-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 './timeline';\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,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAEzC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.24-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/es/jsx/component-type.js

@@ -3,4 +3,4 @@ import { Tag } from "../tag";
 export function VTag(params) {
     return new Tag(params ? params.attribute : {});
 }
-//# sourceMappingURL=component-type.js.map
+//# sourceMappingURL=component-type.js.map

package/es/jsx/index.js

@@ -1,2 +1,2 @@
 export * from "./component-type";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/label/base.js

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

package/es/label/dataLabel.js

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

package/es/label/index.js

@@ -15,4 +15,4 @@ export * from "./area";
 export * from "./line-data";
 
 export * from "./dataLabel";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/label/line-data.js

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

package/es/label/line.js

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

package/es/label/polygon.js

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

package/es/label/rect.js

@@ -36,4 +36,4 @@ RectLabel.tag = "rect-label", RectLabel.defaultAttributes = {
     position: "top",
     offset: 5
 };
-//# sourceMappingURL=rect.js.map
+//# sourceMappingURL=rect.js.map

package/es/label/register.js

@@ -3,4 +3,4 @@ import { registerGroup, registerLine, registerRichtext, registerText } from "@vi
 export function loadLabelComponent() {
     registerGroup(), registerText(), registerRichtext(), registerLine();
 }
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/es/legend/base.js

@@ -52,4 +52,5 @@ export class LegendBase extends AbstractComponent {
             "center" === align ? this._title.setAttribute("x", (innerViewWidth - titleWidth) / 2) : "end" === align && this._title.setAttribute("x", innerViewWidth - titleWidth);
         }
     }
-}
+}
+//# sourceMappingURL=base.js.map

package/es/legend/constant.js

@@ -37,4 +37,4 @@ export var LEGEND_ELEMENT_NAME;
     LEGEND_ELEMENT_NAME.itemLabel = "legendItemLabel", LEGEND_ELEMENT_NAME.itemValue = "legendItemValue", 
     LEGEND_ELEMENT_NAME.focus = "legendItemFocus";
 }(LEGEND_ELEMENT_NAME || (LEGEND_ELEMENT_NAME = {}));
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/es/legend/index.js

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

package/es/legend/register.js

@@ -23,4 +23,4 @@ export function loadColorContinuousLegendComponent() {
 export function loadSizeContinuousLegendComponent() {
     loadBaseLegend(), loadSliderComponent(), registerPath();
 }
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/es/legend/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/es/legend/util.js

@@ -4,4 +4,4 @@ export function getSizeHandlerPath(align = "bottom") {
     `\n    M${centerX - 6},0L${centerX - 6 + 2.5},-3.5\n    h5\n    v7\n    h-5\n    Z\n`) : "right" === align ? (centerX = -1, 
     `\n    M${centerX + 6},0L${centerX + 6 - 2.5},-3.5\n    h-5\n    v7\n    h5\n    Z\n  `) : `\n    M${centerX},6L${centerX - 3.5},2.5\n    v-5\n    h7\n    v5\n    Z\n`;
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/es/timeline/timeline.js

@@ -74,10 +74,8 @@ export class Timeline extends AbstractComponent {
         }, 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.keys(activeSymbolStyle).forEach((k => {
-                    originAttrs[k] = symbol.attribute[k];
-                })), symbol.setAttributes({
+                const originAttrs = Object.assign({}, symbol.attribute);
+                symbol.setAttributes({
                     opacity: 0
                 }), symbol.animate().wait(symbolDelay + delay * i).to({
                     opacity: 1
@@ -93,10 +91,8 @@ export class Timeline extends AbstractComponent {
         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.keys(activeLabelStyle).forEach((k => {
-                    originAttrs[k] = label.attribute[k];
-                })), label.setAttributes({
+                const originAttrs = Object.assign({}, label.attribute);
+                label.setAttributes({
                     opacity: 0
                 }), label.animate().wait(symbolDelay + delay * i).to({
                     opacity: 1

package/es/timeline/timeline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/timeline/timeline.ts"],"names":[],"mappings":"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","file":"timeline.js","sourcesContent":["import { isArray, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { loadTimelineComponent } from './register';\nimport type { TimelineAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { getTheme, type IGraphicAttribute, type IGroup, type ILine, type IText } from '@visactor/vrender-core';\nimport type { ISymbol } from '@visactor/vrender-core';\n\nloadTimelineComponent();\n\nexport class Timeline extends AbstractComponent<Required<TimelineAttrs>> {\n  name = 'timeline';\n\n  private _line?: ILine;\n  private _activeLine?: ILine;\n  private _symbolGroup?: IGroup;\n  private _labelGroup?: IGroup;\n  private _timesPercent?: number[];\n\n  static defaultAttributes: Partial<TimelineAttrs> = {\n    labelSpace: 10,\n    pointLayoutMode: 'space-around',\n    animation: true,\n    symbolStyle: {\n      fill: 'black',\n      size: 12,\n      symbolType: 'circle'\n    },\n    activeSymbolStyle: {\n      fill: 'orange'\n    },\n    lineStyle: {\n      lineDash: [2, 2],\n      lineCap: 'butt',\n      stroke: 'black',\n      lineWidth: 2\n    },\n    activeLineStyle: {\n      stroke: 'orange',\n      lineWidth: 4\n    },\n    labelStyle: {\n      fontSize: 12,\n      fill: 'black',\n      textAlign: 'center',\n      textBaseline: 'top'\n    },\n    activeLabelStyle: {\n      fontSize: 14,\n      fill: 'orange'\n    },\n    clipRange: 0\n  };\n\n  constructor(attributes: TimelineAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Timeline.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const {\n      width,\n      lineStyle,\n      activeLineStyle,\n      symbolStyle,\n      activeSymbolStyle,\n      labelStyle,\n      activeLabelStyle,\n      times,\n      pointLayoutMode,\n      labelSpace,\n      clipRange,\n      animation\n    } = this.attribute;\n\n    if (!(times && times.length)) {\n      return;\n    }\n\n    // 计算线段中心的y位置，考虑线宽和symbol宽度\n    const symbolHeight = (isArray(symbolStyle.size) ? symbolStyle.size[1] : symbolStyle.size) || 0;\n    const activeSymbolHeight =\n      (isArray(activeSymbolStyle.size) ? activeSymbolStyle.size[1] : activeSymbolStyle.size) || 0;\n    const lineSymbolHeight = Math.max(\n      lineStyle.lineWidth || 0,\n      activeLineStyle.lineWidth || 0,\n      symbolHeight,\n      activeSymbolHeight\n    );\n    const lineY = lineSymbolHeight / 2;\n    const lineAttr = {\n      y: lineY,\n      points: [\n        { x: 0, y: 0 },\n        { x: width, y: 0 }\n      ]\n    };\n    this._line = this.createOrUpdateChild(\n      'line-axes',\n      {\n        ...lineStyle,\n        ...lineAttr\n      },\n      'line'\n    ) as ILine;\n    this._activeLine = this.createOrUpdateChild(\n      'active-line-axes',\n      {\n        ...activeLineStyle,\n        ...lineAttr,\n        clipRange\n      },\n      'line'\n    ) as ILine;\n\n    const activeWidth = width * clipRange;\n\n    const symbolGroup = this.createOrUpdateChild(\n      'symbol-group',\n      {\n        y: lineY\n      },\n      'group'\n    ) as IGroup;\n    const symbolSpace =\n      times.length === 1\n        ? width\n        : pointLayoutMode === 'space-between'\n        ? width / (times.length - 1)\n        : width / times.length;\n    const symbolStartX = pointLayoutMode === 'space-between' ? 0 : symbolSpace / 2;\n    this._timesPercent = times.map((_, i) => (symbolStartX + symbolSpace * i) / width);\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      symbolGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...symbolStyle,\n          x\n        },\n        'symbol'\n      );\n    });\n    this._symbolGroup = symbolGroup;\n\n    const labelY = lineSymbolHeight + labelSpace;\n    const labelGroup = this.createOrUpdateChild(\n      'label-group',\n      {\n        y: labelY\n      },\n      'group'\n    ) as IGroup;\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      labelGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...labelStyle,\n          x,\n          text: item.label\n        },\n        'text'\n      );\n    });\n    this._labelGroup = labelGroup;\n\n    const setActive = (group: IGroup, activeStyle: Partial<IGraphicAttribute>) => {\n      group.forEachChildren((label: IText) => {\n        if (label.currentStates) {\n          const currentStates = label.currentStates;\n          label.clearStates();\n          label.useStates(currentStates, false);\n        }\n        label.states = {\n          active: activeStyle\n        };\n        if (label.attribute.x <= activeWidth) {\n          label.useStates(['active'], animation);\n        }\n      });\n    };\n\n    setActive(labelGroup, activeLabelStyle);\n    setActive(symbolGroup, activeSymbolStyle);\n  }\n\n  appearAnimate(animateConfig: { duration?: number; easing?: string }) {\n    // 基准时间，line[0, 500], point[100, 600] 100 onebyone, pointNormal[600, 1000] 90+90 onebyone, activeLine[500, 700]\n    // line和activeLine的clipRange\n    const { duration = 1000, easing = 'quadOut' } = animateConfig;\n    const { activeLabelStyle, activeSymbolStyle } = this.attribute;\n    const percent = duration / 1000;\n    const lineDuration = percent * 500;\n    const activeLineDuration = percent * 200;\n    const perSymbolDuration = percent * 100;\n    const perSymbolNormalDuration = percent * 90;\n    const symbolDelay = percent * 100;\n    const symbolNormalDelay = percent * 600;\n    if (this._line) {\n      this._line.setAttributes({ clipRange: 0 });\n      this._line.animate().to({ clipRange: 1 }, lineDuration, easing as any);\n    }\n    if (this._activeLine) {\n      this._activeLine.setAttributes({ opacity: 0 });\n      this._activeLine\n        .animate()\n        .wait(500)\n        .to({ opacity: 1 }, activeLineDuration, easing as any);\n    }\n    if (this._symbolGroup) {\n      const size = this._symbolGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._symbolGroup.forEachChildren((symbol: ISymbol, i) => {\n        const originAttrs: Record<string, any> = {};\n        Object.keys(activeSymbolStyle).forEach(k => {\n          originAttrs[k] = (symbol.attribute as any)[k];\n        });\n\n        symbol.setAttributes({ opacity: 0 });\n        symbol\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        symbol\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ scaleX: 1.8, scaleY: 1.8, ...activeSymbolStyle }, perSymbolNormalDuration, easing as any)\n          .to({ scaleX: 1, scaleY: 1, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n    if (this._labelGroup) {\n      const size = this._labelGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._labelGroup.forEachChildren((label: IText, i) => {\n        const originAttrs: Record<string, any> = {};\n        Object.keys(activeLabelStyle).forEach(k => {\n          originAttrs[k] = (label.attribute as any)[k];\n        });\n        label.setAttributes({ opacity: 0 });\n        label\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        label\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ dy: 10, ...activeLabelStyle }, perSymbolNormalDuration, easing as any)\n          .to({ dy: 0, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n  }\n\n  goto(flag: 1 | -1, animateConfig: { duration?: number; easing?: string }) {\n    let { clipRange } = this.attribute;\n    const { animation } = this.attribute;\n\n    // 合法性判断\n    if (flag > 0) {\n      if (clipRange >= 1) {\n        return;\n      } else if (clipRange < 0) {\n        clipRange = 0;\n      }\n    } else {\n      if (clipRange <= 0) {\n        return;\n      } else if (clipRange > 1) {\n        clipRange = 1;\n      }\n    }\n\n    if (clipRange !== this.attribute.clipRange) {\n      this.setAttributes({ clipRange });\n    }\n\n    // 判断区间\n    let i = 0;\n    for (; i < this._timesPercent.length; i++) {\n      if (clipRange < this._timesPercent[i]) {\n        break;\n      }\n    }\n\n    const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;\n    if (animation) {\n      const { duration = 1000, easing = 'quadOut' } = animateConfig;\n      const actDuration =\n        (Math.abs(nextClipRange - clipRange) / (this._timesPercent[i] - (this._timesPercent[i - 1] ?? 0))) * duration;\n      this.animate().to({ clipRange: nextClipRange }, actDuration, easing as any);\n    } else {\n      this.setAttributes({ clipRange: nextClipRange });\n    }\n  }\n\n  forward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(1, animateConfig);\n  }\n\n  backward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(-1, animateConfig);\n  }\n}\n"]}
+{"version":3,"sources":["../src/timeline/timeline.ts"],"names":[],"mappings":"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","file":"timeline.js","sourcesContent":["import { isArray, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { loadTimelineComponent } from './register';\nimport type { TimelineAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport type { IGraphicAttribute, IGroup, ILine, IText } from '@visactor/vrender-core';\nimport type { ISymbol } from '@visactor/vrender-core';\n\nloadTimelineComponent();\n\nexport class Timeline extends AbstractComponent<Required<TimelineAttrs>> {\n  name = 'timeline';\n\n  private _line?: ILine;\n  private _activeLine?: ILine;\n  private _symbolGroup?: IGroup;\n  private _labelGroup?: IGroup;\n  private _timesPercent?: number[];\n\n  static defaultAttributes: Partial<TimelineAttrs> = {\n    labelSpace: 10,\n    pointLayoutMode: 'space-around',\n    animation: true,\n    symbolStyle: {\n      fill: 'black',\n      size: 12,\n      symbolType: 'circle'\n    },\n    activeSymbolStyle: {\n      fill: 'orange'\n    },\n    lineStyle: {\n      lineDash: [2, 2],\n      lineCap: 'butt',\n      stroke: 'black',\n      lineWidth: 2\n    },\n    activeLineStyle: {\n      stroke: 'orange',\n      lineWidth: 4\n    },\n    labelStyle: {\n      fontSize: 12,\n      fill: 'black',\n      textAlign: 'center',\n      textBaseline: 'top'\n    },\n    activeLabelStyle: {\n      fontSize: 14,\n      fill: 'orange'\n    },\n    clipRange: 0\n  };\n\n  constructor(attributes: TimelineAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Timeline.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const {\n      width,\n      lineStyle,\n      activeLineStyle,\n      symbolStyle,\n      activeSymbolStyle,\n      labelStyle,\n      activeLabelStyle,\n      times,\n      pointLayoutMode,\n      labelSpace,\n      clipRange,\n      animation\n    } = this.attribute;\n\n    if (!(times && times.length)) {\n      return;\n    }\n\n    // 计算线段中心的y位置，考虑线宽和symbol宽度\n    const symbolHeight = (isArray(symbolStyle.size) ? symbolStyle.size[1] : symbolStyle.size) || 0;\n    const activeSymbolHeight =\n      (isArray(activeSymbolStyle.size) ? activeSymbolStyle.size[1] : activeSymbolStyle.size) || 0;\n    const lineSymbolHeight = Math.max(\n      lineStyle.lineWidth || 0,\n      activeLineStyle.lineWidth || 0,\n      symbolHeight,\n      activeSymbolHeight\n    );\n    const lineY = lineSymbolHeight / 2;\n    const lineAttr = {\n      y: lineY,\n      points: [\n        { x: 0, y: 0 },\n        { x: width, y: 0 }\n      ]\n    };\n    this._line = this.createOrUpdateChild(\n      'line-axes',\n      {\n        ...lineStyle,\n        ...lineAttr\n      },\n      'line'\n    ) as ILine;\n    this._activeLine = this.createOrUpdateChild(\n      'active-line-axes',\n      {\n        ...activeLineStyle,\n        ...lineAttr,\n        clipRange\n      },\n      'line'\n    ) as ILine;\n\n    const activeWidth = width * clipRange;\n\n    const symbolGroup = this.createOrUpdateChild(\n      'symbol-group',\n      {\n        y: lineY\n      },\n      'group'\n    ) as IGroup;\n    const symbolSpace =\n      times.length === 1\n        ? width\n        : pointLayoutMode === 'space-between'\n        ? width / (times.length - 1)\n        : width / times.length;\n    const symbolStartX = pointLayoutMode === 'space-between' ? 0 : symbolSpace / 2;\n    this._timesPercent = times.map((_, i) => (symbolStartX + symbolSpace * i) / width);\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      symbolGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...symbolStyle,\n          x\n        },\n        'symbol'\n      );\n    });\n    this._symbolGroup = symbolGroup;\n\n    const labelY = lineSymbolHeight + labelSpace;\n    const labelGroup = this.createOrUpdateChild(\n      'label-group',\n      {\n        y: labelY\n      },\n      'group'\n    ) as IGroup;\n\n    times.forEach((item, i) => {\n      const x = this._timesPercent[i] * width;\n      labelGroup.createOrUpdateChild(\n        item.label,\n        {\n          ...labelStyle,\n          x,\n          text: item.label\n        },\n        'text'\n      );\n    });\n    this._labelGroup = labelGroup;\n\n    const setActive = (group: IGroup, activeStyle: Partial<IGraphicAttribute>) => {\n      group.forEachChildren((label: IText) => {\n        if (label.currentStates) {\n          const currentStates = label.currentStates;\n          label.clearStates();\n          label.useStates(currentStates, false);\n        }\n        label.states = {\n          active: activeStyle\n        };\n        if (label.attribute.x <= activeWidth) {\n          label.useStates(['active'], animation);\n        }\n      });\n    };\n\n    setActive(labelGroup, activeLabelStyle);\n    setActive(symbolGroup, activeSymbolStyle);\n  }\n\n  appearAnimate(animateConfig: { duration?: number; easing?: string }) {\n    // 基准时间，line[0, 500], point[100, 600] 100 onebyone, pointNormal[600, 1000] 90+90 onebyone, activeLine[500, 700]\n    // line和activeLine的clipRange\n    const { duration = 1000, easing = 'quadOut' } = animateConfig;\n    const { activeLabelStyle, activeSymbolStyle } = this.attribute;\n    const percent = duration / 1000;\n    const lineDuration = percent * 500;\n    const activeLineDuration = percent * 200;\n    const perSymbolDuration = percent * 100;\n    const perSymbolNormalDuration = percent * 90;\n    const symbolDelay = percent * 100;\n    const symbolNormalDelay = percent * 600;\n    if (this._line) {\n      this._line.setAttributes({ clipRange: 0 });\n      this._line.animate().to({ clipRange: 1 }, lineDuration, easing as any);\n    }\n    if (this._activeLine) {\n      this._activeLine.setAttributes({ opacity: 0 });\n      this._activeLine\n        .animate()\n        .wait(500)\n        .to({ opacity: 1 }, activeLineDuration, easing as any);\n    }\n    if (this._symbolGroup) {\n      const size = this._symbolGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._symbolGroup.forEachChildren((symbol: ISymbol, i) => {\n        const originAttrs = { ...symbol.attribute };\n        symbol.setAttributes({ opacity: 0 });\n        symbol\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        symbol\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ scaleX: 1.8, scaleY: 1.8, ...activeSymbolStyle }, perSymbolNormalDuration, easing as any)\n          .to({ scaleX: 1, scaleY: 1, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n    if (this._labelGroup) {\n      const size = this._labelGroup.count - 1;\n      const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));\n      const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));\n      this._labelGroup.forEachChildren((label: IText, i) => {\n        const originAttrs = { ...label.attribute };\n        label.setAttributes({ opacity: 0 });\n        label\n          .animate()\n          .wait(symbolDelay + delay * i)\n          .to({ opacity: 1 }, perSymbolDuration, easing as any);\n        label\n          .animate()\n          .wait(symbolNormalDelay + delayNormal * i)\n          .to({ dy: 10, ...activeLabelStyle }, perSymbolNormalDuration, easing as any)\n          .to({ dy: 0, ...originAttrs }, perSymbolNormalDuration, easing as any);\n      });\n    }\n  }\n\n  goto(flag: 1 | -1, animateConfig: { duration?: number; easing?: string }) {\n    let { clipRange } = this.attribute;\n    const { animation } = this.attribute;\n\n    // 合法性判断\n    if (flag > 0) {\n      if (clipRange >= 1) {\n        return;\n      } else if (clipRange < 0) {\n        clipRange = 0;\n      }\n    } else {\n      if (clipRange <= 0) {\n        return;\n      } else if (clipRange > 1) {\n        clipRange = 1;\n      }\n    }\n\n    if (clipRange !== this.attribute.clipRange) {\n      this.setAttributes({ clipRange });\n    }\n\n    // 判断区间\n    let i = 0;\n    for (; i < this._timesPercent.length; i++) {\n      if (clipRange < this._timesPercent[i]) {\n        break;\n      }\n    }\n\n    const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;\n    if (animation) {\n      const { duration = 1000, easing = 'quadOut' } = animateConfig;\n      const actDuration =\n        (Math.abs(nextClipRange - clipRange) / (this._timesPercent[i] - (this._timesPercent[i - 1] ?? 0))) * duration;\n      this.animate().to({ clipRange: nextClipRange }, actDuration, easing as any);\n    } else {\n      this.setAttributes({ clipRange: nextClipRange });\n    }\n  }\n\n  forward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(1, animateConfig);\n  }\n\n  backward(animateConfig: { duration?: number; easing?: string }) {\n    this.goto(-1, animateConfig);\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-components",
-  "version": "0.19.24-alpha.1",
+  "version": "0.19.24-alpha.3",
   "description": "components library for dp visualization",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -12,8 +12,8 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vrender-core": "0.19.24-alpha.1",
-    "@visactor/vrender-kits": "0.19.24-alpha.1",
+    "@visactor/vrender-core": "0.19.24-alpha.3",
+    "@visactor/vrender-kits": "0.19.24-alpha.3",
     "@visactor/vutils": "~0.18.10",
     "@visactor/vscale": "~0.18.9"
   },
@@ -30,8 +30,8 @@
     "typescript": "4.9.5",
     "cross-env": "^7.0.3",
     "@internal/bundler": "0.0.1",
-    "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/ts-config": "0.0.1",
+    "@internal/eslint-config": "0.0.1"
   },
   "keywords": [
     "VisActor",