@visactor/vrender-components 0.18.14-alpha.0 → 0.19.0-alpha.1

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.18.14-alpha.0";
+export const version = "0.19.0-alpha.1";
 
 export * from "./core/base";
 
@@ -48,7 +48,5 @@ export * from "./jsx";
 
 export * from "./checkbox";
 
-export * from "./radio";
-
 export * from "./util";
 //# sourceMappingURL=index.js.map

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,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.18.14-alpha.0\";\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 './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,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,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.0-alpha.1\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './util';\n"]}

package/es/label/arc.d.ts

@@ -40,12 +40,12 @@ export declare class ArcLabel extends LabelBase<ArcLabelAttrs> {
     private _arcLeft;
     private _arcRight;
     constructor(attributes: ArcLabelAttrs, options?: ComponentOptions);
-    protected _overlapping(labels: (IText | IRichText)[]): (IRichText | IText)[];
+    protected _overlapping(labels: (IText | IRichText)[]): (IText | IRichText)[];
     protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: string, offset?: number): {
         x: number;
         y: number;
     } | undefined;
-    protected _layout(texts: (IText | IRichText)[]): (IRichText | IText)[];
+    protected _layout(texts: (IText | IRichText)[]): (IText | IRichText)[];
     protected layoutArcLabels(position: BaseLabelAttrs['position'], attribute: any, currentMarks?: IGraphic[], data?: LabelItem[], textBoundsArray?: any, ellipsisWidth?: number): ArcInfo[];
     private _layoutInsideLabels;
     private _layoutOutsideLabels;

package/es/label/base.d.ts

@@ -40,12 +40,12 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AbstractCompone
     private _onHover;
     private _onUnHover;
     private _onClick;
-    protected _createLabelText(attributes: LabelItem): IRichText | IText;
+    protected _createLabelText(attributes: LabelItem): IText | IRichText;
     private _prepare;
     protected getRelatedGraphic(item: LabelItem): IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>>;
     protected _initText(data?: LabelItem[]): (IText | IRichText)[];
     protected _layout(texts: (IText | IRichText)[]): (IText | IRichText)[];
-    protected _overlapping(labels: (IText | IRichText)[]): (IRichText | IText)[];
+    protected _overlapping(labels: (IText | IRichText)[]): (IText | IRichText)[];
     protected getBaseMarkGroup(): IGroup;
     protected getGraphicBounds(graphic?: IGraphic, point?: Partial<PointLocationCfg>, position?: string): IBoundsLike;
     protected _renderLabels(labels: (IText | IRichText)[]): void;

package/es/marker/animate/animate.d.ts

@@ -0,0 +1,13 @@
+import type { IRichText, ISymbol, IImage, IArc } from '@visactor/vrender-core';
+import type { ILine, IPolygon } from '@visactor/vrender-core';
+import type { ArcSegment, Segment } from '../../segment';
+import type { Tag } from '../../tag';
+import type { CommonMarkAreaAnimationType, MarkCommonLineAnimationType, MarkPointAnimationType, MarkerAnimationState, MarkerExitAnimation, MarkerUpdateAnimation } from '../type';
+export declare function markCommonLineAnimate(line: Segment | ArcSegment, label: Tag, animationconfig: any, state: MarkerAnimationState): void;
+export declare function markAreaAnimate(area: IPolygon, label: Tag, animationconfig: any, state: MarkerAnimationState): void;
+export declare function markArcAreaAnimate(area: IArc, label: Tag, animationconfig: any, state: MarkerAnimationState): void;
+export declare function markPointAnimate(lines: [Segment, ILine], item: Tag | IRichText | ISymbol | IImage, animationconfig: any, state: MarkerAnimationState): void;
+export declare const DefaultUpdateMarkLineAnimation: MarkerUpdateAnimation<MarkCommonLineAnimationType>;
+export declare const DefaultUpdateMarkAreaAnimation: MarkerUpdateAnimation<CommonMarkAreaAnimationType>;
+export declare const DefaultUpdateMarkPointAnimation: MarkerUpdateAnimation<MarkPointAnimationType>;
+export declare const DefaultExitMarkerAnimation: MarkerExitAnimation;

package/es/marker/animate/animate.js

@@ -0,0 +1,92 @@
+import { commonLineClipIn } from "./clip-in";
+
+import { areaFadeIn, commonLineFadeIn, arcAreaFadeIn, pointFadeIn } from "./fade-in";
+
+import { areaFadeOut, commonLineFadeOut, arcAreaFadeOut, pointFadeOut } from "./fade-out";
+
+import { pointCallIn } from "./call-in";
+
+export function markCommonLineAnimate(line, label, animationconfig, state) {
+    const {enter: enter, update: update, exit: exit} = animationconfig;
+    if ("enter" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = enter;
+        "clipIn" === type ? commonLineClipIn(line, label, duration, delay, easing) : "fadeIn" === type && commonLineFadeIn(line, label, duration, delay, easing);
+    } else if ("update" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = update;
+        "clipIn" === type ? commonLineClipIn(line, label, duration, delay, easing) : "fadeIn" === type && commonLineFadeIn(line, label, duration, delay, easing);
+    } else if ("exit" === state) {
+        const {duration: duration, delay: delay, easing: easing} = exit;
+        commonLineFadeOut(line, label, duration, delay, easing);
+    }
+}
+
+export function markAreaAnimate(area, label, animationconfig, state) {
+    const {enter: enter, update: update, exit: exit} = animationconfig;
+    if ("enter" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = enter;
+        "fadeIn" === type && areaFadeIn(area, label, duration, delay, easing);
+    } else if ("update" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = update;
+        "fadeIn" === type && areaFadeIn(area, label, duration, delay, easing);
+    } else if ("exit" === state) {
+        const {duration: duration, delay: delay, easing: easing} = exit;
+        areaFadeOut(area, label, duration, delay, easing);
+    }
+}
+
+export function markArcAreaAnimate(area, label, animationconfig, state) {
+    const {enter: enter, update: update, exit: exit} = animationconfig;
+    if ("enter" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = enter;
+        "fadeIn" === type && arcAreaFadeIn(area, label, duration, delay, easing);
+    } else if ("update" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = update;
+        "fadeIn" === type && arcAreaFadeIn(area, label, duration, delay, easing);
+    } else if ("exit" === state) {
+        const {duration: duration, delay: delay, easing: easing} = exit;
+        arcAreaFadeOut(area, label, duration, delay, easing);
+    }
+}
+
+export function markPointAnimate(lines, item, animationconfig, state) {
+    const [itemLine, decorativeLine] = lines, {enter: enter, update: update, exit: exit} = animationconfig;
+    if ("enter" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = enter;
+        "fadeIn" === type ? pointFadeIn(itemLine, decorativeLine, item, duration, delay, easing) : "callIn" === type && pointCallIn(itemLine, decorativeLine, item, duration, delay, easing);
+    } else if ("update" === state) {
+        const {type: type, duration: duration, delay: delay, easing: easing} = update;
+        "fadeIn" === type ? pointFadeIn(itemLine, decorativeLine, item, duration, delay, easing) : "callIn" === type && pointCallIn(itemLine, decorativeLine, item, duration, delay, easing);
+    } else if ("exit" === state) {
+        const {duration: duration, delay: delay, easing: easing} = exit;
+        pointFadeOut(itemLine, decorativeLine, item, duration, delay, easing);
+    }
+}
+
+export const DefaultUpdateMarkLineAnimation = {
+    type: "clipIn",
+    duration: 500,
+    easing: "linear",
+    delay: 0
+};
+
+export const DefaultUpdateMarkAreaAnimation = {
+    type: "fadeIn",
+    duration: 500,
+    easing: "linear",
+    delay: 0
+};
+
+export const DefaultUpdateMarkPointAnimation = {
+    type: "callIn",
+    duration: 500,
+    easing: "linear",
+    delay: 0
+};
+
+export const DefaultExitMarkerAnimation = {
+    type: "fadeOut",
+    duration: 500,
+    easing: "linear",
+    delay: 0
+};
+//# sourceMappingURL=animate.js.map

package/es/marker/animate/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/animate/animate.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,UAAU,qBAAqB,CACnC,IAA0B,EAC1B,KAAU,EACV,eAAoB,EACpB,KAA2B;IAE3B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;IAChD,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;QAChD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACxD;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;YAC5B,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACxD;KACF;SAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;QAC7B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACjD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACxD;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;YAC5B,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACxD;KACF;SAAM,IAAI,KAAK,KAAK,MAAM,EAAE;QAC3B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACzC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;KACzD;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAc,EAAE,KAAU,EAAE,eAAoB,EAAE,KAA2B;IAC3G,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;IAChD,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;QAChD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SAClD;KACF;SAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;QAC7B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACjD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SAClD;KACF;SAAM,IAAI,KAAK,KAAK,MAAM,EAAE;QAC3B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACzC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;KACnD;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAAU,EAAE,KAAU,EAAE,eAAoB,EAAE,KAA2B;IAC1G,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;IAChD,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;QAChD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACrD;KACF;SAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;QAC7B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACjD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACrD;KACF;SAAM,IAAI,KAAK,KAAK,MAAM,EAAE;QAC3B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACzC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;KACtD;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,KAAuB,EACvB,IAAwC,EACxC,eAAoB,EACpB,KAA2B;IAE3B,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;IAChD,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;QAChD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,WAAW,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACtE;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;YAC5B,WAAW,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACtE;KACF;SAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;QAC7B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACjD,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,WAAW,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACtE;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;YAC5B,WAAW,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACtE;KACF;SAAM,IAAI,KAAK,KAAK,MAAM,EAAE;QAC3B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACzC,YAAY,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;KACvE;AACH,CAAC;AAED,MAAM,CAAC,MAAM,8BAA8B,GAAuD;IAChG,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,CAAC;CACF,CAAC;AAET,MAAM,CAAC,MAAM,8BAA8B,GAAuD;IAChG,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,CAAC;CACF,CAAC;AAET,MAAM,CAAC,MAAM,+BAA+B,GAAkD;IAC5F,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,CAAC;CACF,CAAC;AAET,MAAM,CAAC,MAAM,0BAA0B,GAAwB;IAC7D,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,CAAC;CACT,CAAC","file":"animate.js","sourcesContent":["import type { IRichText, ISymbol, IImage, IArc } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILine, IPolygon } from '@visactor/vrender-core';\nimport type { ArcSegment, Segment } from '../../segment';\nimport type { Tag } from '../../tag';\nimport type {\n  CommonMarkAreaAnimationType,\n  MarkCommonLineAnimationType,\n  MarkPointAnimationType,\n  MarkerAnimationState,\n  MarkerExitAnimation,\n  MarkerUpdateAnimation\n} from '../type';\nimport { commonLineClipIn } from './clip-in';\nimport { areaFadeIn, commonLineFadeIn, arcAreaFadeIn, pointFadeIn } from './fade-in';\nimport { areaFadeOut, commonLineFadeOut, arcAreaFadeOut, pointFadeOut } from './fade-out';\nimport { pointCallIn } from './call-in';\n\nexport function markCommonLineAnimate(\n  line: Segment | ArcSegment,\n  label: Tag,\n  animationconfig: any,\n  state: MarkerAnimationState\n) {\n  const { enter, update, exit } = animationconfig;\n  if (state === 'enter') {\n    const { type, duration, delay, easing } = enter;\n    if (type === 'clipIn') {\n      commonLineClipIn(line, label, duration, delay, easing);\n    } else if (type === 'fadeIn') {\n      commonLineFadeIn(line, label, duration, delay, easing);\n    }\n  } else if (state === 'update') {\n    const { type, duration, delay, easing } = update;\n    if (type === 'clipIn') {\n      commonLineClipIn(line, label, duration, delay, easing);\n    } else if (type === 'fadeIn') {\n      commonLineFadeIn(line, label, duration, delay, easing);\n    }\n  } else if (state === 'exit') {\n    const { duration, delay, easing } = exit;\n    commonLineFadeOut(line, label, duration, delay, easing);\n  }\n}\n\nexport function markAreaAnimate(area: IPolygon, label: Tag, animationconfig: any, state: MarkerAnimationState) {\n  const { enter, update, exit } = animationconfig;\n  if (state === 'enter') {\n    const { type, duration, delay, easing } = enter;\n    if (type === 'fadeIn') {\n      areaFadeIn(area, label, duration, delay, easing);\n    }\n  } else if (state === 'update') {\n    const { type, duration, delay, easing } = update;\n    if (type === 'fadeIn') {\n      areaFadeIn(area, label, duration, delay, easing);\n    }\n  } else if (state === 'exit') {\n    const { duration, delay, easing } = exit;\n    areaFadeOut(area, label, duration, delay, easing);\n  }\n}\n\nexport function markArcAreaAnimate(area: IArc, label: Tag, animationconfig: any, state: MarkerAnimationState) {\n  const { enter, update, exit } = animationconfig;\n  if (state === 'enter') {\n    const { type, duration, delay, easing } = enter;\n    if (type === 'fadeIn') {\n      arcAreaFadeIn(area, label, duration, delay, easing);\n    }\n  } else if (state === 'update') {\n    const { type, duration, delay, easing } = update;\n    if (type === 'fadeIn') {\n      arcAreaFadeIn(area, label, duration, delay, easing);\n    }\n  } else if (state === 'exit') {\n    const { duration, delay, easing } = exit;\n    arcAreaFadeOut(area, label, duration, delay, easing);\n  }\n}\n\nexport function markPointAnimate(\n  lines: [Segment, ILine],\n  item: Tag | IRichText | ISymbol | IImage,\n  animationconfig: any,\n  state: MarkerAnimationState\n) {\n  const [itemLine, decorativeLine] = lines;\n  const { enter, update, exit } = animationconfig;\n  if (state === 'enter') {\n    const { type, duration, delay, easing } = enter;\n    if (type === 'fadeIn') {\n      pointFadeIn(itemLine, decorativeLine, item, duration, delay, easing);\n    } else if (type === 'callIn') {\n      pointCallIn(itemLine, decorativeLine, item, duration, delay, easing);\n    }\n  } else if (state === 'update') {\n    const { type, duration, delay, easing } = update;\n    if (type === 'fadeIn') {\n      pointFadeIn(itemLine, decorativeLine, item, duration, delay, easing);\n    } else if (type === 'callIn') {\n      pointCallIn(itemLine, decorativeLine, item, duration, delay, easing);\n    }\n  } else if (state === 'exit') {\n    const { duration, delay, easing } = exit;\n    pointFadeOut(itemLine, decorativeLine, item, duration, delay, easing);\n  }\n}\n\nexport const DefaultUpdateMarkLineAnimation: MarkerUpdateAnimation<MarkCommonLineAnimationType> = {\n  type: 'clipIn',\n  duration: 500,\n  easing: 'linear',\n  delay: 0\n} as any;\n\nexport const DefaultUpdateMarkAreaAnimation: MarkerUpdateAnimation<CommonMarkAreaAnimationType> = {\n  type: 'fadeIn',\n  duration: 500,\n  easing: 'linear',\n  delay: 0\n} as any;\n\nexport const DefaultUpdateMarkPointAnimation: MarkerUpdateAnimation<MarkPointAnimationType> = {\n  type: 'callIn',\n  duration: 500,\n  easing: 'linear',\n  delay: 0\n} as any;\n\nexport const DefaultExitMarkerAnimation: MarkerExitAnimation = {\n  type: 'fadeOut',\n  duration: 500,\n  easing: 'linear',\n  delay: 0\n};\n"]}

package/es/marker/animate/call-in.d.ts

@@ -0,0 +1,4 @@
+import type { EasingType, IImage, ILine, IRichText, ISymbol } from '@visactor/vrender-core';
+import type { Segment } from '../../segment';
+import type { Tag } from '../../tag';
+export declare function pointCallIn(itemLine: Segment, decorativeLine: ILine, item: Tag | IRichText | ISymbol | IImage, duration: number, delay: number, easing: EasingType): void;

package/es/marker/animate/call-in.js

@@ -0,0 +1,17 @@
+import { graphicFadeIn } from "./common";
+
+export function pointCallIn(itemLine, decorativeLine, item, duration, delay, easing) {
+    var _a;
+    const startSymbolDuration = .1 * duration, lineDuration = .65 * duration, decorativeDuration = .05 * duration, endSymbolDuration = .1 * duration, labelDuration = .1 * duration;
+    graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing), itemLine.lines.forEach((line => line.setAttribute("clipRange", 0))), 
+    itemLine.lines.forEach(((l, index) => {
+        const stepDuration = lineDuration / itemLine.lines.length;
+        l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
+            clipRange: 1
+        }, stepDuration, easing);
+    })), graphicFadeIn(decorativeLine, delay + startSymbolDuration + lineDuration, decorativeDuration, easing), 
+    graphicFadeIn(itemLine.endSymbol, delay + startSymbolDuration + lineDuration + decorativeDuration, endSymbolDuration, easing), 
+    (null === (_a = item.getTextShape) || void 0 === _a ? void 0 : _a.call(item)) ? (graphicFadeIn(item.getTextShape(), delay + startSymbolDuration + lineDuration + decorativeDuration + endSymbolDuration, labelDuration, easing), 
+    graphicFadeIn(item.getBgRect(), delay + startSymbolDuration + lineDuration + endSymbolDuration, labelDuration, easing)) : graphicFadeIn(item, delay + startSymbolDuration + lineDuration + endSymbolDuration, labelDuration, easing);
+}
+//# sourceMappingURL=call-in.js.map

package/es/marker/animate/call-in.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/animate/call-in.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,WAAW,CACzB,QAAiB,EACjB,cAAqB,EACrB,IAAwC,EACxC,QAAgB,EAChB,KAAa,EACb,MAAkB;;IAElB,MAAM,mBAAmB,GAAG,GAAG,GAAG,QAAQ,CAAC;IAC3C,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,CAAC;IACrC,MAAM,kBAAkB,GAAG,IAAI,GAAG,QAAQ,CAAC;IAC3C,MAAM,iBAAiB,GAAG,GAAG,GAAG,QAAQ,CAAC;IACzC,MAAM,aAAa,GAAG,GAAG,GAAG,QAAQ,CAAC;IAGrC,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAGxE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IAClE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAClC,MAAM,YAAY,GAAG,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;QAC1D,CAAC,CAAC,OAAO,EAAE;aACR,IAAI,CAAC,KAAK,GAAG,mBAAmB,GAAG,KAAK,GAAG,YAAY,CAAC;aACxD,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,aAAa,CAAC,cAAc,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAGtG,aAAa,CACX,QAAQ,CAAC,SAAS,EAClB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,kBAAkB,EAC/D,iBAAiB,EACjB,MAAM,CACP,CAAC;IAEF,IAAI,MAAA,IAAI,CAAC,YAAY,oDAAI,EAAE;QAEzB,aAAa,CACX,IAAI,CAAC,YAAY,EAAE,EACnB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,kBAAkB,GAAG,iBAAiB,EACnF,aAAa,EACb,MAAM,CACP,CAAC;QAGF,aAAa,CACX,IAAI,CAAC,SAAS,EAAE,EAChB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAC9D,aAAa,EACb,MAAM,CACP,CAAC;KACH;SAAM;QACL,aAAa,CAAC,IAAI,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;KAC5G;AACH,CAAC","file":"call-in.js","sourcesContent":["import type { EasingType, IImage, ILine, IRichText, ISymbol } from '@visactor/vrender-core';\nimport type { Segment } from '../../segment';\nimport type { Tag } from '../../tag';\nimport { graphicFadeIn } from './common';\n\nexport function pointCallIn(\n  itemLine: Segment,\n  decorativeLine: ILine,\n  item: Tag | IRichText | ISymbol | IImage,\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  const startSymbolDuration = 0.1 * duration;\n  const lineDuration = 0.65 * duration;\n  const decorativeDuration = 0.05 * duration;\n  const endSymbolDuration = 0.1 * duration;\n  const labelDuration = 0.1 * duration;\n\n  // start symbol\n  graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing);\n\n  // line\n  itemLine.lines.forEach(line => line.setAttribute('clipRange', 0));\n  itemLine.lines.forEach((l, index) => {\n    const stepDuration = lineDuration / itemLine.lines.length;\n    l.animate()\n      .wait(delay + startSymbolDuration + index * stepDuration)\n      .to({ clipRange: 1 }, stepDuration, easing);\n  });\n\n  graphicFadeIn(decorativeLine, delay + startSymbolDuration + lineDuration, decorativeDuration, easing);\n\n  // end symbol\n  graphicFadeIn(\n    itemLine.endSymbol,\n    delay + startSymbolDuration + lineDuration + decorativeDuration,\n    endSymbolDuration,\n    easing\n  );\n\n  if (item.getTextShape?.()) {\n    // text\n    graphicFadeIn(\n      item.getTextShape(),\n      delay + startSymbolDuration + lineDuration + decorativeDuration + endSymbolDuration,\n      labelDuration,\n      easing\n    );\n\n    // text background\n    graphicFadeIn(\n      item.getBgRect(),\n      delay + startSymbolDuration + lineDuration + endSymbolDuration,\n      labelDuration,\n      easing\n    );\n  } else {\n    graphicFadeIn(item, delay + startSymbolDuration + lineDuration + endSymbolDuration, labelDuration, easing);\n  }\n}\n"]}

package/es/marker/animate/clip-in.d.ts

@@ -0,0 +1,4 @@
+import type { EasingType } from '@visactor/vrender-core';
+import type { ArcSegment, Segment } from '../../segment';
+import type { Tag } from '../../tag';
+export declare function commonLineClipIn(line: Segment | ArcSegment, label: Tag, duration: number, delay: number, easing: EasingType): void;

package/es/marker/animate/clip-in.js

@@ -0,0 +1,15 @@
+import { graphicFadeIn } from "./common";
+
+export function commonLineClipIn(line, label, duration, delay, easing) {
+    const startSymbolDuration = .1 * duration, lineDuration = .7 * duration, endSymbolDuration = .1 * duration, labelDuration = .1 * duration;
+    graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing), line.lines.forEach((line => line.setAttribute("clipRange", 0))), 
+    line.lines.forEach(((l, index) => {
+        const stepDuration = lineDuration / line.lines.length;
+        l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
+            clipRange: 1
+        }, stepDuration, easing);
+    })), graphicFadeIn(line.endSymbol, delay + startSymbolDuration + lineDuration, endSymbolDuration, easing), 
+    graphicFadeIn(label.getTextShape(), delay + startSymbolDuration + lineDuration + endSymbolDuration, labelDuration, easing), 
+    graphicFadeIn(label.getBgRect(), delay + startSymbolDuration + lineDuration + endSymbolDuration, labelDuration, easing);
+}
+//# sourceMappingURL=clip-in.js.map

package/es/marker/animate/clip-in.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/animate/clip-in.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,gBAAgB,CAC9B,IAA0B,EAC1B,KAAU,EACV,QAAgB,EAChB,KAAa,EACb,MAAkB;IAElB,MAAM,mBAAmB,GAAG,GAAG,GAAG,QAAQ,CAAC;IAC3C,MAAM,YAAY,GAAG,GAAG,GAAG,QAAQ,CAAC;IACpC,MAAM,iBAAiB,GAAG,GAAG,GAAG,QAAQ,CAAC;IACzC,MAAM,aAAa,GAAG,GAAG,GAAG,QAAQ,CAAC;IAGrC,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAGpE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC9B,MAAM,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACtD,CAAC,CAAC,OAAO,EAAE;aACR,IAAI,CAAC,KAAK,GAAG,mBAAmB,GAAG,KAAK,GAAG,YAAY,CAAC;aACxD,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAGH,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC;IAGrG,aAAa,CACX,KAAK,CAAC,YAAY,EAAE,EACpB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAC9D,aAAa,EACb,MAAM,CACP,CAAC;IAGF,aAAa,CACX,KAAK,CAAC,SAAS,EAAE,EACjB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAC9D,aAAa,EACb,MAAM,CACP,CAAC;AACJ,CAAC","file":"clip-in.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport type { ArcSegment, Segment } from '../../segment';\nimport type { Tag } from '../../tag';\nimport { graphicFadeIn } from './common';\n\nexport function commonLineClipIn(\n  line: Segment | ArcSegment,\n  label: Tag,\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  const startSymbolDuration = 0.1 * duration;\n  const lineDuration = 0.7 * duration;\n  const endSymbolDuration = 0.1 * duration;\n  const labelDuration = 0.1 * duration;\n\n  // start symbol\n  graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing);\n\n  // line\n  line.lines.forEach(line => line.setAttribute('clipRange', 0));\n  line.lines.forEach((l, index) => {\n    const stepDuration = lineDuration / line.lines.length;\n    l.animate()\n      .wait(delay + startSymbolDuration + index * stepDuration)\n      .to({ clipRange: 1 }, stepDuration, easing);\n  });\n\n  // end symbol\n  graphicFadeIn(line.endSymbol, delay + startSymbolDuration + lineDuration, endSymbolDuration, easing);\n\n  // text\n  graphicFadeIn(\n    label.getTextShape(),\n    delay + startSymbolDuration + lineDuration + endSymbolDuration,\n    labelDuration,\n    easing\n  );\n\n  // text background\n  graphicFadeIn(\n    label.getBgRect(),\n    delay + startSymbolDuration + lineDuration + endSymbolDuration,\n    labelDuration,\n    easing\n  );\n}\n"]}

package/es/marker/animate/common.d.ts

@@ -0,0 +1,9 @@
+import type { EasingType, IGraphic } from '@visactor/vrender-core';
+import type { ArcSegment, Segment } from '../../segment';
+import type { Tag } from '../../tag';
+export declare function graphicFadeIn(graphic: IGraphic, delay: number, duration: number, easing: EasingType): void;
+export declare function segmentFadeIn(segment: Segment, delay: number, duration: number, easing: EasingType): void;
+export declare function tagFadeIn(tag: Tag, delay: number, duration: number, easing: EasingType): void;
+export declare function graphicFadeOut(graphic: IGraphic, delay: number, duration: number, easing: EasingType): void;
+export declare function segmentFadeOut(segment: Segment | ArcSegment, delay: number, duration: number, easing: EasingType): void;
+export declare function tagFadeOut(tag: Tag, delay: number, duration: number, easing: EasingType): void;

package/es/marker/animate/common.js

@@ -0,0 +1,39 @@
+export function graphicFadeIn(graphic, delay, duration, easing) {
+    graphic && (graphic.setAttributes({
+        fillOpacity: 0,
+        strokeOpacity: 0
+    }), graphic.animate().wait(delay).to({
+        fillOpacity: 1,
+        strokeOpacity: 1
+    }, duration, easing));
+}
+
+export function segmentFadeIn(segment, delay, duration, easing) {
+    segment && (graphicFadeIn(segment.startSymbol, delay, duration, easing), segment.lines.forEach((line => graphicFadeIn(line, delay, duration, easing))), 
+    graphicFadeIn(segment.line, delay, duration, easing), graphicFadeIn(segment.endSymbol, delay, duration, easing));
+}
+
+export function tagFadeIn(tag, delay, duration, easing) {
+    tag && (graphicFadeIn(tag.getTextShape(), delay, duration, easing), graphicFadeIn(tag.getBgRect(), delay, duration, easing));
+}
+
+export function graphicFadeOut(graphic, delay, duration, easing) {
+    var _a, _b, _c, _d;
+    graphic && (graphic.setAttributes({
+        fillOpacity: null !== (_b = null === (_a = graphic.attribute) || void 0 === _a ? void 0 : _a.fillOpacity) && void 0 !== _b ? _b : 1,
+        strokeOpacity: null !== (_d = null === (_c = graphic.attribute) || void 0 === _c ? void 0 : _c.strokeOpacity) && void 0 !== _d ? _d : 1
+    }), graphic.animate().wait(delay).to({
+        fillOpacity: 0,
+        strokeOpacity: 0
+    }, duration, easing));
+}
+
+export function segmentFadeOut(segment, delay, duration, easing) {
+    segment && (graphicFadeOut(segment.startSymbol, delay, duration, easing), segment.lines.forEach((line => graphicFadeOut(line, delay, duration, easing))), 
+    graphicFadeOut(segment.line, delay, duration, easing), graphicFadeOut(segment.endSymbol, delay, duration, easing));
+}
+
+export function tagFadeOut(tag, delay, duration, easing) {
+    tag && (graphicFadeOut(tag.getTextShape(), delay, duration, easing), graphicFadeOut(tag.getBgRect(), delay, duration, easing));
+}
+//# sourceMappingURL=common.js.map

package/es/marker/animate/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/animate/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender-core';\nimport type { ArcSegment, Segment } from '../../segment';\nimport type { Tag } from '../../tag';\n\n/** fade-in */\nexport function graphicFadeIn(graphic: IGraphic, delay: number, duration: number, easing: EasingType) {\n  if (!graphic) {\n    return;\n  }\n\n  graphic.setAttributes({\n    fillOpacity: 0,\n    strokeOpacity: 0\n  });\n\n  graphic.animate().wait(delay).to({ fillOpacity: 1, strokeOpacity: 1 }, duration, easing);\n}\n\nexport function segmentFadeIn(segment: Segment, delay: number, duration: number, easing: EasingType) {\n  if (!segment) {\n    return;\n  }\n\n  // start symbol\n  graphicFadeIn(segment.startSymbol, delay, duration, easing);\n\n  // line\n  segment.lines.forEach(line => graphicFadeIn(line, delay, duration, easing));\n  graphicFadeIn((segment as ArcSegment).line, delay, duration, easing);\n\n  // end symbol\n  graphicFadeIn(segment.endSymbol, delay, duration, easing);\n}\n\nexport function tagFadeIn(tag: Tag, delay: number, duration: number, easing: EasingType) {\n  if (!tag) {\n    return;\n  }\n\n  // text\n  graphicFadeIn(tag.getTextShape(), delay, duration, easing);\n\n  // text background\n  graphicFadeIn(tag.getBgRect(), delay, duration, easing);\n}\n\n/** fade-out */\nexport function graphicFadeOut(graphic: IGraphic, delay: number, duration: number, easing: EasingType) {\n  if (!graphic) {\n    return;\n  }\n\n  graphic.setAttributes({\n    fillOpacity: graphic.attribute?.fillOpacity ?? 1,\n    strokeOpacity: graphic.attribute?.strokeOpacity ?? 1\n  });\n\n  graphic.animate().wait(delay).to({ fillOpacity: 0, strokeOpacity: 0 }, duration, easing);\n}\n\nexport function segmentFadeOut(segment: Segment | ArcSegment, delay: number, duration: number, easing: EasingType) {\n  if (!segment) {\n    return;\n  }\n\n  // start symbol\n  graphicFadeOut(segment.startSymbol, delay, duration, easing);\n\n  // line\n  segment.lines.forEach(line => graphicFadeOut(line, delay, duration, easing));\n  graphicFadeOut((segment as ArcSegment).line, delay, duration, easing);\n\n  // end symbol\n  graphicFadeOut(segment.endSymbol, delay, duration, easing);\n}\n\nexport function tagFadeOut(tag: Tag, delay: number, duration: number, easing: EasingType) {\n  if (!tag) {\n    return;\n  }\n\n  // text\n  graphicFadeOut(tag.getTextShape(), delay, duration, easing);\n\n  // text background\n  graphicFadeOut(tag.getBgRect(), delay, duration, easing);\n}\n"]}

package/es/marker/animate/fade-in.d.ts

@@ -0,0 +1,7 @@
+import type { EasingType, IArc, IImage, ILine, IPolygon, IRichText, ISymbol } from '@visactor/vrender-core';
+import type { ArcSegment, Segment } from '../../segment';
+import type { Tag } from '../../tag';
+export declare function commonLineFadeIn(line: Segment | ArcSegment, label: Tag, duration: number, delay: number, easing: EasingType): void;
+export declare function areaFadeIn(area: IPolygon, label: Tag, duration: number, delay: number, easing: EasingType): void;
+export declare function arcAreaFadeIn(area: IArc, label: Tag, duration: number, delay: number, easing: EasingType): void;
+export declare function pointFadeIn(itemLine: Segment, decorativeLine: ILine, item: Tag | IRichText | ISymbol | IImage, duration: number, delay: number, easing: EasingType): void;

package/es/marker/animate/fade-in.js

@@ -0,0 +1,20 @@
+import { graphicFadeIn, segmentFadeIn, tagFadeIn } from "./common";
+
+export function commonLineFadeIn(line, label, duration, delay, easing) {
+    segmentFadeIn(line, delay, duration, easing), tagFadeIn(label, delay, duration, easing);
+}
+
+export function areaFadeIn(area, label, duration, delay, easing) {
+    graphicFadeIn(area, delay, duration, easing), tagFadeIn(label, delay, duration, easing);
+}
+
+export function arcAreaFadeIn(area, label, duration, delay, easing) {
+    graphicFadeIn(area, delay, duration, easing), tagFadeIn(label, delay, duration, easing);
+}
+
+export function pointFadeIn(itemLine, decorativeLine, item, duration, delay, easing) {
+    var _a;
+    segmentFadeIn(itemLine, delay, duration, easing), graphicFadeIn(decorativeLine, delay, duration, easing), 
+    (null === (_a = item.getTextShape) || void 0 === _a ? void 0 : _a.call(item)) ? tagFadeIn(item, delay, duration, easing) : graphicFadeIn(item, delay, duration, easing);
+}
+//# sourceMappingURL=fade-in.js.map

package/es/marker/animate/fade-in.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/animate/fade-in.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEnE,MAAM,UAAU,gBAAgB,CAC9B,IAA0B,EAC1B,KAAU,EACV,QAAgB,EAChB,KAAa,EACb,MAAkB;IAElB,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAc,EAAE,KAAU,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IACxG,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAU,EAAE,KAAU,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IACvG,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,QAAiB,EACjB,cAAqB,EACrB,IAAwC,EACxC,QAAgB,EAChB,KAAa,EACb,MAAkB;;IAElB,aAAa,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,aAAa,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvD,IAAI,MAAA,IAAI,CAAC,YAAY,oDAAI,EAAE;QAEzB,SAAS,CAAC,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACjD;SAAM;QAEL,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC9C;AACH,CAAC","file":"fade-in.js","sourcesContent":["import type { EasingType, IArc, IImage, ILine, IPolygon, IRichText, ISymbol } from '@visactor/vrender-core';\nimport type { ArcSegment, Segment } from '../../segment';\nimport type { Tag } from '../../tag';\nimport { graphicFadeIn, segmentFadeIn, tagFadeIn } from './common';\n\nexport function commonLineFadeIn(\n  line: Segment | ArcSegment,\n  label: Tag,\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeIn(line, delay, duration, easing);\n  tagFadeIn(label, delay, duration, easing);\n}\n\nexport function areaFadeIn(area: IPolygon, label: Tag, duration: number, delay: number, easing: EasingType) {\n  graphicFadeIn(area, delay, duration, easing);\n  tagFadeIn(label, delay, duration, easing);\n}\n\nexport function arcAreaFadeIn(area: IArc, label: Tag, duration: number, delay: number, easing: EasingType) {\n  graphicFadeIn(area, delay, duration, easing);\n  tagFadeIn(label, delay, duration, easing);\n}\n\nexport function pointFadeIn(\n  itemLine: Segment,\n  decorativeLine: ILine,\n  item: Tag | IRichText | ISymbol | IImage,\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeIn(itemLine, delay, duration, easing);\n  graphicFadeIn(decorativeLine, delay, duration, easing);\n  if (item.getTextShape?.()) {\n    // tag\n    tagFadeIn(item as Tag, delay, duration, easing);\n  } else {\n    // symbol / richText / image\n    graphicFadeIn(item, delay, duration, easing);\n  }\n}\n"]}

package/es/marker/animate/fade-out.d.ts

@@ -0,0 +1,7 @@
+import type { EasingType, IArc, IImage, ILine, IPolygon, IRichText, ISymbol } from '@visactor/vrender-core';
+import type { ArcSegment, Segment } from '../../segment';
+import type { Tag } from '../../tag';
+export declare function commonLineFadeOut(line: Segment | ArcSegment, label: Tag, duration: number, delay: number, easing: EasingType): void;
+export declare function areaFadeOut(area: IPolygon, label: Tag, duration: number, delay: number, easing: EasingType): void;
+export declare function arcAreaFadeOut(area: IArc, label: Tag, duration: number, delay: number, easing: EasingType): void;
+export declare function pointFadeOut(itemLine: Segment, decorativeLine: ILine, item: Tag | IRichText | ISymbol | IImage, duration: number, delay: number, easing: EasingType): void;

package/es/marker/animate/fade-out.js

@@ -0,0 +1,20 @@
+import { graphicFadeOut, segmentFadeOut, tagFadeOut } from "./common";
+
+export function commonLineFadeOut(line, label, duration, delay, easing) {
+    segmentFadeOut(line, delay, duration, easing), tagFadeOut(label, delay, duration, easing);
+}
+
+export function areaFadeOut(area, label, duration, delay, easing) {
+    graphicFadeOut(area, delay, duration, easing), tagFadeOut(label, delay, duration, easing);
+}
+
+export function arcAreaFadeOut(area, label, duration, delay, easing) {
+    graphicFadeOut(area, delay, duration, easing), tagFadeOut(label, delay, duration, easing);
+}
+
+export function pointFadeOut(itemLine, decorativeLine, item, duration, delay, easing) {
+    var _a;
+    segmentFadeOut(itemLine, delay, duration, easing), graphicFadeOut(decorativeLine, delay, duration, easing), 
+    (null === (_a = item.getTextShape) || void 0 === _a ? void 0 : _a.call(item)) ? tagFadeOut(item, delay, duration, easing) : graphicFadeOut(item, delay, duration, easing);
+}
+//# sourceMappingURL=fade-out.js.map

package/es/marker/animate/fade-out.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/animate/fade-out.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtE,MAAM,UAAU,iBAAiB,CAC/B,IAA0B,EAC1B,KAAU,EACV,QAAgB,EAChB,KAAa,EACb,MAAkB;IAElB,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9C,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAc,EAAE,KAAU,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IACzG,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9C,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,KAAU,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IACxG,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9C,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,QAAiB,EACjB,cAAqB,EACrB,IAAwC,EACxC,QAAgB,EAChB,KAAa,EACb,MAAkB;;IAElB,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClD,cAAc,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxD,IAAI,MAAA,IAAI,CAAC,YAAY,oDAAI,EAAE;QAEzB,UAAU,CAAC,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAClD;SAAM;QAEL,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC/C;AACH,CAAC","file":"fade-out.js","sourcesContent":["import type { EasingType, IArc, IImage, ILine, IPolygon, IRichText, ISymbol } from '@visactor/vrender-core';\nimport type { ArcSegment, Segment } from '../../segment';\nimport type { Tag } from '../../tag';\nimport { graphicFadeOut, segmentFadeOut, tagFadeOut } from './common';\n\nexport function commonLineFadeOut(\n  line: Segment | ArcSegment,\n  label: Tag,\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeOut(line, delay, duration, easing);\n  tagFadeOut(label, delay, duration, easing);\n}\n\nexport function areaFadeOut(area: IPolygon, label: Tag, duration: number, delay: number, easing: EasingType) {\n  graphicFadeOut(area, delay, duration, easing);\n  tagFadeOut(label, delay, duration, easing);\n}\n\nexport function arcAreaFadeOut(area: IArc, label: Tag, duration: number, delay: number, easing: EasingType) {\n  graphicFadeOut(area, delay, duration, easing);\n  tagFadeOut(label, delay, duration, easing);\n}\n\nexport function pointFadeOut(\n  itemLine: Segment,\n  decorativeLine: ILine,\n  item: Tag | IRichText | ISymbol | IImage,\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeOut(itemLine, delay, duration, easing);\n  graphicFadeOut(decorativeLine, delay, duration, easing);\n  if (item.getTextShape?.()) {\n    // tag\n    tagFadeOut(item as Tag, delay, duration, easing);\n  } else {\n    // symbol / richText / image\n    graphicFadeOut(item, delay, duration, easing);\n  }\n}\n"]}

package/es/marker/animate/index.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=index.js.map

package/es/marker/animate/index.js.map

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

package/es/marker/arc-area.d.ts

@@ -0,0 +1,55 @@
+import type { IArc, IGroup } from '@visactor/vrender-core';
+import { Tag } from '../tag';
+import { Marker } from './base';
+import type { CommonMarkAreaAnimationType, MarkerAnimationState } from './type';
+import { IMarkCommonArcLabelPosition, type MarkArcAreaAttrs } from './type';
+import type { ComponentOptions } from '../interface';
+export declare function registerMarkArcAreaAnimate(): void;
+export declare class MarkArcArea extends Marker<MarkArcAreaAttrs, CommonMarkAreaAnimationType> {
+    name: string;
+    static defaultAttributes: {
+        interactive: boolean;
+        label: {
+            position: IMarkCommonArcLabelPosition;
+            textStyle: {
+                fill: string;
+                stroke: string;
+                lineWidth: number;
+                fontSize: number;
+                fontWeight: string;
+                fontStyle: string;
+                textAlign: string;
+                textBaseline: string;
+            };
+            padding: number[];
+            panel: {
+                visible: boolean;
+                cornerRadius: number;
+                fill: string;
+                fillOpacity: number;
+            };
+        };
+        areaStyle: {
+            fill: string;
+            visible: boolean;
+        };
+    };
+    private _area;
+    defaultUpdateAnimation: never;
+    defaultExitAnimation: import("./type").MarkerExitAnimation;
+    protected markerAnimate(state: MarkerAnimationState): void;
+    getArea(): IArc;
+    getLabel(): Tag;
+    constructor(attributes: MarkArcAreaAttrs, options?: ComponentOptions);
+    protected getPointAttrByPosition(position: IMarkCommonArcLabelPosition): {
+        position: {
+            x: number;
+            y: number;
+        };
+        angle: number;
+    };
+    protected setLabelPos(): void;
+    protected initMarker(container: IGroup): void;
+    protected updateMarker(): void;
+    protected isValidPoints(): boolean;
+}

package/es/marker/arc-area.js

@@ -0,0 +1,143 @@
+import { graphicCreator } from "@visactor/vrender-core";
+
+import { merge } from "@visactor/vutils";
+
+import { Tag } from "../tag";
+
+import { Marker } from "./base";
+
+import { DEFAULT_MARK_ARC_AREA_THEME } from "./config";
+
+import { IMarkCommonArcLabelPosition } from "./type";
+
+import { limitShapeInBounds } from "../util/limit-shape";
+
+import { loadMarkArcAreaComponent } from "./register";
+
+import { DEFAULT_STATES } from "../constant";
+
+import { DefaultExitMarkerAnimation, DefaultUpdateMarkAreaAnimation, markArcAreaAnimate } from "./animate/animate";
+
+loadMarkArcAreaComponent();
+
+export function registerMarkArcAreaAnimate() {
+    MarkArcArea._animate = markArcAreaAnimate;
+}
+
+export class MarkArcArea extends Marker {
+    markerAnimate(state) {
+        MarkArcArea._animate && this._animationConfig && MarkArcArea._animate(this._area, this._label, this._animationConfig, state);
+    }
+    getArea() {
+        return this._area;
+    }
+    getLabel() {
+        return this._label;
+    }
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, MarkArcArea.defaultAttributes, attributes)), 
+        this.name = "markArcArea", this.defaultUpdateAnimation = DefaultUpdateMarkAreaAnimation, 
+        this.defaultExitAnimation = DefaultExitMarkerAnimation;
+    }
+    getPointAttrByPosition(position) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const {center: center, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, label: label} = this.attribute, {refX: refX = 0, refY: refY = 0} = label, labelTextHeight = this._label.getTextShape().attribute.visible ? Math.abs((null !== (_b = null === (_a = this._label.getTextShape().AABBBounds) || void 0 === _a ? void 0 : _a.y2) && void 0 !== _b ? _b : 0) - (null !== (_d = null === (_c = this._label.getTextShape()) || void 0 === _c ? void 0 : _c.AABBBounds.y1) && void 0 !== _d ? _d : 0)) : 0, labelRectHeight = this._label.getBgRect().attribute.visible ? Math.abs((null !== (_f = null === (_e = this._label.getBgRect().AABBBounds) || void 0 === _e ? void 0 : _e.y2) && void 0 !== _f ? _f : 0) - (null !== (_h = null === (_g = this._label.getBgRect()) || void 0 === _g ? void 0 : _g.AABBBounds.y1) && void 0 !== _h ? _h : 0)) : 0, labelHeight = Math.max(labelRectHeight, labelTextHeight);
+        let radius, angle, orthogonalOffsetDirection;
+        switch (position) {
+          case IMarkCommonArcLabelPosition.center:
+            radius = (innerRadius + outerRadius) / 2, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = 0;
+            break;
+
+          case IMarkCommonArcLabelPosition.arcInnerStart:
+            radius = innerRadius, angle = startAngle, orthogonalOffsetDirection = -1;
+            break;
+
+          case IMarkCommonArcLabelPosition.arcOuterStart:
+            radius = outerRadius, angle = startAngle, orthogonalOffsetDirection = 1;
+            break;
+
+          case IMarkCommonArcLabelPosition.arcInnerEnd:
+            radius = innerRadius, angle = endAngle, orthogonalOffsetDirection = -1;
+            break;
+
+          case IMarkCommonArcLabelPosition.arcOuterEnd:
+            radius = outerRadius, angle = endAngle, orthogonalOffsetDirection = 1;
+            break;
+
+          case IMarkCommonArcLabelPosition.arcInnerMiddle:
+            radius = innerRadius, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = -1;
+            break;
+
+          case IMarkCommonArcLabelPosition.arcOuterMiddle:
+            radius = outerRadius, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = 1;
+            break;
+
+          default:
+            radius = innerRadius, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = -1;
+        }
+        return {
+            position: {
+                x: center.x + (radius + orthogonalOffsetDirection * labelHeight / 2 + refY) * Math.cos(angle) + refX * Math.cos(angle - Math.PI / 2),
+                y: center.y + (radius + orthogonalOffsetDirection * labelHeight / 2 + refY) * Math.sin(angle) + refX * Math.sin(angle - Math.PI / 2)
+            },
+            angle: angle
+        };
+    }
+    setLabelPos() {
+        var _a;
+        if (this._label && this._area) {
+            const {label: label = {}} = this.attribute, {position: labelPosition = "arcInnerMiddle", autoRotate: autoRotate = !0} = label, labelAttr = this.getPointAttrByPosition(labelPosition);
+            if (this._label.setAttributes(Object.assign(Object.assign({}, labelAttr.position), {
+                angle: autoRotate ? labelAttr.angle - Math.PI / 2 + (null !== (_a = label.refAngle) && void 0 !== _a ? _a : 0) : 0
+            })), this.attribute.limitRect && label.confine) {
+                const {x: x, y: y, width: width, height: height} = this.attribute.limitRect;
+                limitShapeInBounds(this._label, {
+                    x1: x,
+                    y1: y,
+                    x2: x + width,
+                    y2: y + height
+                });
+            }
+        }
+    }
+    initMarker(container) {
+        const {center: center, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, areaStyle: areaStyle, label: label, state: state} = this.attribute, area = graphicCreator.arc(Object.assign({
+            x: center.x,
+            y: center.y,
+            innerRadius: innerRadius,
+            outerRadius: outerRadius,
+            startAngle: startAngle,
+            endAngle: endAngle
+        }, areaStyle));
+        area.states = merge({}, DEFAULT_STATES, null == state ? void 0 : state.area), area.name = "polar-mark-area-area", 
+        this._area = area, container.add(area);
+        const markLabel = new Tag(Object.assign(Object.assign({}, label), {
+            state: {
+                panel: merge({}, DEFAULT_STATES, null == state ? void 0 : state.labelBackground),
+                text: merge({}, DEFAULT_STATES, null == state ? void 0 : state.label)
+            }
+        }));
+        markLabel.name = "mark-area-label", this._label = markLabel, container.add(markLabel), 
+        this.setLabelPos();
+    }
+    updateMarker() {
+        const {center: center, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, areaStyle: areaStyle, label: label} = this.attribute;
+        this._area && this._area.setAttributes(Object.assign({
+            x: center.x,
+            y: center.y,
+            innerRadius: innerRadius,
+            outerRadius: outerRadius,
+            startAngle: startAngle,
+            endAngle: endAngle
+        }, areaStyle)), this._area && this._label.setAttributes(Object.assign({
+            dx: 0,
+            dy: 0
+        }, label)), this.setLabelPos();
+    }
+    isValidPoints() {
+        return !0;
+    }
+}
+
+MarkArcArea.defaultAttributes = DEFAULT_MARK_ARC_AREA_THEME;
+//# sourceMappingURL=arc-area.js.map