@visactor/vrender-components 1.1.0-alpha.22 → 1.1.0-alpha.24

package/cjs/legend/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/legend/register.ts"],"names":[],"mappings":";;;AAAA,yDAAqE;AACrE,8CAAmD;AACnD,gDAAuD;AACvD,iDAAyD;AACzD,oDAA+D;AAE/D,SAAS,cAAc;IACrB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAgB,GAAE,CAAC;AACrB,CAAC;AAED,SAAgB,2BAA2B;IACzC,cAAc,EAAE,CAAC;IACjB,IAAA,6BAAkB,GAAE,CAAC;IACrB,IAAA,iCAAsB,GAAE,CAAC;AAC3B,CAAC;AAJD,kEAIC;AAED,SAAgB,kCAAkC;IAChD,cAAc,EAAE,CAAC;IACjB,IAAA,8BAAmB,GAAE,CAAC;AACxB,CAAC;AAHD,gFAGC;AAED,SAAgB,iCAAiC;IAC/C,cAAc,EAAE,CAAC;IACjB,IAAA,8BAAmB,GAAE,CAAC;IACtB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAJD,8EAIC","file":"register.js","sourcesContent":["import { registerGroup, registerPath } from '@visactor/vrender-kits';\nimport { loadTagComponent } from '../tag/register';\nimport { loadPagerComponent } from '../pager/register';\nimport { loadSliderComponent } from '../slider/register';\nimport { loadScrollbarComponent } from '../scrollbar/register';\n\nfunction loadBaseLegend() {\n  registerGroup();\n  loadTagComponent();\n}\n\nexport function loadDiscreteLegendComponent() {\n  loadBaseLegend();\n  loadPagerComponent();\n  loadScrollbarComponent();\n}\n\nexport function loadColorContinuousLegendComponent() {\n  loadBaseLegend();\n  loadSliderComponent();\n}\n\nexport function loadSizeContinuousLegendComponent() {\n  loadBaseLegend();\n  loadSliderComponent();\n  registerPath();\n}\n"]}
+{"version":3,"sources":["../src/legend/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,iFAA6E;AAC7E,8CAAmD;AACnD,gDAAuD;AACvD,iDAAyD;AACzD,oDAA+D;AAE/D,SAAS,cAAc;IACrB,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,2BAAgB,GAAE,CAAC;AACrB,CAAC;AAED,SAAgB,2BAA2B;IACzC,cAAc,EAAE,CAAC;IACjB,IAAA,6BAAkB,GAAE,CAAC;IACrB,IAAA,iCAAsB,GAAE,CAAC;AAC3B,CAAC;AAJD,kEAIC;AAED,SAAgB,kCAAkC;IAChD,cAAc,EAAE,CAAC;IACjB,IAAA,8BAAmB,GAAE,CAAC;AACxB,CAAC;AAHD,gFAGC;AAED,SAAgB,iCAAiC;IAC/C,cAAc,EAAE,CAAC;IACjB,IAAA,8BAAmB,GAAE,CAAC;IACtB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAJD,8EAIC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerPath } from '@visactor/vrender-kits/register/register-path';\nimport { loadTagComponent } from '../tag/register';\nimport { loadPagerComponent } from '../pager/register';\nimport { loadSliderComponent } from '../slider/register';\nimport { loadScrollbarComponent } from '../scrollbar/register';\n\nfunction loadBaseLegend() {\n  registerGroup();\n  loadTagComponent();\n}\n\nexport function loadDiscreteLegendComponent() {\n  loadBaseLegend();\n  loadPagerComponent();\n  loadScrollbarComponent();\n}\n\nexport function loadColorContinuousLegendComponent() {\n  loadBaseLegend();\n  loadSliderComponent();\n}\n\nexport function loadSizeContinuousLegendComponent() {\n  loadBaseLegend();\n  loadSliderComponent();\n  registerPath();\n}\n"]}

package/cjs/link-path/register.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadLinkPathComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits");
+const register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_path_1 = require("@visactor/vrender-kits/register/register-path");
 
 function loadLinkPathComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerPath)();
+    (0, register_group_1.registerGroup)(), (0, register_path_1.registerPath)();
 }
 
 exports.loadLinkPathComponent = loadLinkPathComponent;

package/cjs/link-path/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/link-path/register.ts"],"names":[],"mappings":";;;AAAA,yDAAqE;AAErE,SAAgB,qBAAqB;IACnC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,sDAGC","file":"register.js","sourcesContent":["import { registerGroup, registerPath } from '@visactor/vrender-kits';\n\nexport function loadLinkPathComponent() {\n  registerGroup();\n  registerPath();\n}\n"]}
+{"version":3,"sources":["../src/link-path/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,iFAA6E;AAE7E,SAAgB,qBAAqB;IACnC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,sDAGC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerPath } from '@visactor/vrender-kits/register/register-path';\n\nexport function loadLinkPathComponent() {\n  registerGroup();\n  registerPath();\n}\n"]}

package/cjs/marker/animate/animate.d.ts

@@ -6,7 +6,7 @@ import type { CommonMarkAreaAnimationType, MarkCommonLineAnimationType, MarkPoin
 export declare function markCommonLineAnimate(line: Segment | ArcSegment, label: Tag | Tag[], animationconfig: any, state: MarkerAnimationState): void;
 export declare function markAreaAnimate(area: IPolygon, label: Tag | Tag[], animationconfig: any, state: MarkerAnimationState): void;
 export declare function markArcAreaAnimate(area: IArc, label: Tag | 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 function markPointAnimate(lines: [Segment | ArcSegment, 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>;

package/cjs/marker/animate/animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/animate/animate.ts"],"names":[],"mappings":"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","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 | 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 | 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 | 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"]}
+{"version":3,"sources":["../src/marker/animate/animate.ts"],"names":[],"mappings":"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","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 | 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 | 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 | 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 | ArcSegment, 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/cjs/marker/animate/call-in.d.ts

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

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

@@ -9,13 +9,14 @@ const common_1 = require("./common"), static_truth_1 = require("../../animation/
 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;
-    (0, common_1.graphicFadeIn)(itemLine.startSymbol, delay, startSymbolDuration, easing), 
-    itemLine.lines.forEach((line => (0, static_truth_1.commitUpdateAnimationTarget)(line, {
+    (0, common_1.graphicFadeIn)(itemLine.startSymbol, delay, startSymbolDuration, easing);
+    const lines = (0, common_1.getSegmentLineGraphics)(itemLine);
+    lines.forEach((line => (0, static_truth_1.commitUpdateAnimationTarget)(line, {
         clipRange: 1
     }, {
         clipRange: 0
-    }))), itemLine.lines.forEach(((l, index) => {
-        const stepDuration = lineDuration / itemLine.lines.length;
+    }))), lines.forEach(((l, index) => {
+        const stepDuration = lineDuration / lines.length;
         l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
             clipRange: 1
         }, stepDuration, easing);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/animate/call-in.ts"],"names":[],"mappings":";;;AAGA,qCAAyC;AACzC,+DAA2E;AAE3E,SAAgB,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,IAAA,sBAAa,EAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAGxE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,0CAA2B,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACtG,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,IAAA,sBAAa,EAAC,cAAc,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAGtG,IAAA,sBAAa,EACX,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,IAAA,sBAAa,EACX,IAAI,CAAC,YAAY,EAAE,EACnB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,kBAAkB,GAAG,iBAAiB,EACnF,aAAa,EACb,MAAM,CACP,CAAC;QAGF,IAAA,sBAAa,EACX,IAAI,CAAC,SAAS,EAAE,EAChB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAC9D,aAAa,EACb,MAAM,CACP,CAAC;KACH;SAAM;QACL,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;KAC5G;AACH,CAAC;AAvDD,kCAuDC","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';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\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 => commitUpdateAnimationTarget(line, { clipRange: 1 }, { 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"]}
+{"version":3,"sources":["../src/marker/animate/call-in.ts"],"names":[],"mappings":";;;AAGA,qCAAiE;AACjE,+DAA2E;AAE3E,SAAgB,WAAW,CACzB,QAA8B,EAC9B,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,IAAA,sBAAa,EAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAGxE,MAAM,KAAK,GAAG,IAAA,+BAAsB,EAAC,QAAQ,CAAC,CAAC;IAC/C,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,0CAA2B,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7F,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,YAAY,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;QACjD,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,IAAA,sBAAa,EAAC,cAAc,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAGtG,IAAA,sBAAa,EACX,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,IAAA,sBAAa,EACX,IAAI,CAAC,YAAY,EAAE,EACnB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,kBAAkB,GAAG,iBAAiB,EACnF,aAAa,EACb,MAAM,CACP,CAAC;QAGF,IAAA,sBAAa,EACX,IAAI,CAAC,SAAS,EAAE,EAChB,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAC9D,aAAa,EACb,MAAM,CACP,CAAC;KACH;SAAM;QACL,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;KAC5G;AACH,CAAC;AAxDD,kCAwDC","file":"call-in.js","sourcesContent":["import type { EasingType, IImage, ILine, IRichText, ISymbol } from '@visactor/vrender-core';\nimport type { ArcSegment, Segment } from '../../segment';\nimport type { Tag } from '../../tag';\nimport { getSegmentLineGraphics, graphicFadeIn } from './common';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\n\nexport function pointCallIn(\n  itemLine: Segment | ArcSegment,\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  const lines = getSegmentLineGraphics(itemLine);\n  lines.forEach(line => commitUpdateAnimationTarget(line, { clipRange: 1 }, { clipRange: 0 }));\n  lines.forEach((l, index) => {\n    const stepDuration = lineDuration / 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/cjs/marker/animate/clip-in.js

@@ -8,13 +8,14 @@ const common_1 = require("./common"), vutils_1 = require("@visactor/vutils"), st
 
 function commonLineClipIn(line, label, duration, delay, easing) {
     const startSymbolDuration = .1 * duration, lineDuration = .7 * duration, endSymbolDuration = .1 * duration, labelDuration = .1 * duration;
-    (0, common_1.graphicFadeIn)(line.startSymbol, delay, startSymbolDuration, easing), 
-    line.lines.forEach((line => (0, static_truth_1.commitUpdateAnimationTarget)(line, {
+    (0, common_1.graphicFadeIn)(line.startSymbol, delay, startSymbolDuration, easing);
+    const lines = (0, common_1.getSegmentLineGraphics)(line);
+    lines.forEach((line => (0, static_truth_1.commitUpdateAnimationTarget)(line, {
         clipRange: 1
     }, {
         clipRange: 0
-    }))), line.lines.forEach(((l, index) => {
-        const stepDuration = lineDuration / line.lines.length;
+    }))), lines.forEach(((l, index) => {
+        const stepDuration = lineDuration / lines.length;
         l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
             clipRange: 1
         }, stepDuration, easing);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/animate/clip-in.ts"],"names":[],"mappings":";;;AAGA,qCAAyC;AACzC,6CAAyC;AACzC,+DAA2E;AAE3E,SAAgB,gBAAgB,CAC9B,IAA0B,EAC1B,KAAkB,EAClB,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,IAAA,sBAAa,EAAC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAGpE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,0CAA2B,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAClG,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,IAAA,sBAAa,EAAC,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC;IAGrG,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,MAAM,SAAS,GAAG,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,CAAC;QAEjF,IAAA,sBAAa,EAAC,SAAS,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;QAG1E,IAAA,sBAAa,EAAC,SAAS,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC;AApCD,4CAoCC","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';\nimport { array } from '@visactor/vutils';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\n\nexport function commonLineClipIn(\n  line: Segment | ArcSegment,\n  label: Tag | 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 => commitUpdateAnimationTarget(line, { clipRange: 1 }, { 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  // label\n  array(label).forEach(labelNode => {\n    const delayTime = delay + startSymbolDuration + lineDuration + endSymbolDuration;\n    // text\n    graphicFadeIn(labelNode.getTextShape(), delayTime, labelDuration, easing);\n\n    // text background\n    graphicFadeIn(labelNode.getBgRect(), delayTime, labelDuration, easing);\n  });\n}\n"]}
+{"version":3,"sources":["../src/marker/animate/clip-in.ts"],"names":[],"mappings":";;;AAGA,qCAAiE;AACjE,6CAAyC;AACzC,+DAA2E;AAE3E,SAAgB,gBAAgB,CAC9B,IAA0B,EAC1B,KAAkB,EAClB,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,IAAA,sBAAa,EAAC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAGpE,MAAM,KAAK,GAAG,IAAA,+BAAsB,EAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,0CAA2B,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7F,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,YAAY,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;QACjD,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,IAAA,sBAAa,EAAC,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,mBAAmB,GAAG,YAAY,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC;IAGrG,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,MAAM,SAAS,GAAG,KAAK,GAAG,mBAAmB,GAAG,YAAY,GAAG,iBAAiB,CAAC;QAEjF,IAAA,sBAAa,EAAC,SAAS,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;QAG1E,IAAA,sBAAa,EAAC,SAAS,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC;AArCD,4CAqCC","file":"clip-in.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport type { ArcSegment, Segment } from '../../segment';\nimport type { Tag } from '../../tag';\nimport { getSegmentLineGraphics, graphicFadeIn } from './common';\nimport { array } from '@visactor/vutils';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\n\nexport function commonLineClipIn(\n  line: Segment | ArcSegment,\n  label: Tag | 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  const lines = getSegmentLineGraphics(line);\n  lines.forEach(line => commitUpdateAnimationTarget(line, { clipRange: 1 }, { clipRange: 0 }));\n  lines.forEach((l, index) => {\n    const stepDuration = lineDuration / 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  // label\n  array(label).forEach(labelNode => {\n    const delayTime = delay + startSymbolDuration + lineDuration + endSymbolDuration;\n    // text\n    graphicFadeIn(labelNode.getTextShape(), delayTime, labelDuration, easing);\n\n    // text background\n    graphicFadeIn(labelNode.getBgRect(), delayTime, labelDuration, easing);\n  });\n}\n"]}

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

@@ -1,6 +1,7 @@
 import type { EasingType, IGraphic } from '@visactor/vrender-core';
 import type { ArcSegment, Segment } from '../../segment';
 import type { Tag } from '../../tag';
+export declare function getSegmentLineGraphics(segment: Segment | ArcSegment): IGraphic[];
 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;

package/cjs/marker/animate/common.js

@@ -2,10 +2,15 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.tagFadeOut = exports.segmentFadeOut = exports.graphicFadeOut = exports.tagFadeIn = exports.segmentFadeIn = exports.graphicFadeIn = void 0;
+}), exports.tagFadeOut = exports.segmentFadeOut = exports.graphicFadeOut = exports.tagFadeIn = exports.segmentFadeIn = exports.graphicFadeIn = exports.getSegmentLineGraphics = void 0;
 
 const static_truth_1 = require("../../animation/static-truth");
 
+function getSegmentLineGraphics(segment) {
+    var _a;
+    return segment ? [ ...null !== (_a = segment.lines) && void 0 !== _a ? _a : [], segment.line ].filter(Boolean) : [];
+}
+
 function graphicFadeIn(graphic, delay, duration, easing) {
     var _a, _b, _c, _d, _e;
     if (!graphic) return;
@@ -24,8 +29,8 @@ function graphicFadeIn(graphic, delay, duration, easing) {
 }
 
 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));
+    segment && (graphicFadeIn(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach((line => graphicFadeIn(line, delay, duration, easing))), 
+    graphicFadeIn(segment.endSymbol, delay, duration, easing));
 }
 
 function tagFadeIn(tag, delay, duration, easing) {
@@ -47,15 +52,15 @@ function graphicFadeOut(graphic, delay, duration, easing) {
 }
 
 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));
+    segment && (graphicFadeOut(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach((line => graphicFadeOut(line, delay, duration, easing))), 
+    graphicFadeOut(segment.endSymbol, delay, duration, easing));
 }
 
 function tagFadeOut(tag, delay, duration, easing) {
     tag && (graphicFadeOut(tag.getTextShape(), delay, duration, easing), graphicFadeOut(tag.getBgRect(), delay, duration, easing));
 }
 
-exports.graphicFadeIn = graphicFadeIn, exports.segmentFadeIn = segmentFadeIn, exports.tagFadeIn = tagFadeIn, 
-exports.graphicFadeOut = graphicFadeOut, exports.segmentFadeOut = segmentFadeOut, 
-exports.tagFadeOut = tagFadeOut;
+exports.getSegmentLineGraphics = getSegmentLineGraphics, exports.graphicFadeIn = graphicFadeIn, 
+exports.segmentFadeIn = segmentFadeIn, exports.tagFadeIn = tagFadeIn, exports.graphicFadeOut = graphicFadeOut, 
+exports.segmentFadeOut = segmentFadeOut, exports.tagFadeOut = tagFadeOut;
 //# sourceMappingURL=common.js.map

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

@@ -1 +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';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\n\n/** fade-in */\nexport function graphicFadeIn(graphic: IGraphic, delay: number, duration: number, easing: EasingType) {\n  if (!graphic) {\n    return;\n  }\n  graphic?.animates?.forEach(a => a.stop('end'));\n  const fillOpacityConfig = graphic.attribute?.fillOpacity ?? 1;\n  const strokeOpacityConfig = graphic.attribute?.strokeOpacity ?? 1;\n\n  commitUpdateAnimationTarget(\n    graphic,\n    {\n      fillOpacity: fillOpacityConfig,\n      strokeOpacity: strokeOpacityConfig\n    },\n    {\n      fillOpacity: 0,\n      strokeOpacity: 0\n    }\n  );\n\n  graphic.animate().wait(delay).to(\n    {\n      fillOpacity: fillOpacityConfig,\n      strokeOpacity: strokeOpacityConfig\n    },\n    duration,\n    easing\n  );\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  commitUpdateAnimationTarget(\n    graphic,\n    {\n      fillOpacity: 0,\n      strokeOpacity: 0\n    },\n    {\n      fillOpacity: graphic.attribute?.fillOpacity ?? 1,\n      strokeOpacity: graphic.attribute?.strokeOpacity ?? 1\n    }\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"]}
+{"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';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\n\nexport function getSegmentLineGraphics(segment: Segment | ArcSegment): IGraphic[] {\n  if (!segment) {\n    return [];\n  }\n  return [...(segment.lines ?? []), (segment as ArcSegment).line].filter(Boolean) as IGraphic[];\n}\n\n/** fade-in */\nexport function graphicFadeIn(graphic: IGraphic, delay: number, duration: number, easing: EasingType) {\n  if (!graphic) {\n    return;\n  }\n  graphic?.animates?.forEach(a => a.stop('end'));\n  const fillOpacityConfig = graphic.attribute?.fillOpacity ?? 1;\n  const strokeOpacityConfig = graphic.attribute?.strokeOpacity ?? 1;\n\n  commitUpdateAnimationTarget(\n    graphic,\n    {\n      fillOpacity: fillOpacityConfig,\n      strokeOpacity: strokeOpacityConfig\n    },\n    {\n      fillOpacity: 0,\n      strokeOpacity: 0\n    }\n  );\n\n  graphic.animate().wait(delay).to(\n    {\n      fillOpacity: fillOpacityConfig,\n      strokeOpacity: strokeOpacityConfig\n    },\n    duration,\n    easing\n  );\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  getSegmentLineGraphics(segment).forEach(line => graphicFadeIn(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  commitUpdateAnimationTarget(\n    graphic,\n    {\n      fillOpacity: 0,\n      strokeOpacity: 0\n    },\n    {\n      fillOpacity: graphic.attribute?.fillOpacity ?? 1,\n      strokeOpacity: graphic.attribute?.strokeOpacity ?? 1\n    }\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  getSegmentLineGraphics(segment).forEach(line => graphicFadeOut(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/cjs/marker/animate/fade-in.d.ts

@@ -4,4 +4,4 @@ import type { Tag } from '../../tag';
 export declare function commonLineFadeIn(line: Segment | ArcSegment, label: Tag | Tag[], duration: number, delay: number, easing: EasingType): void;
 export declare function areaFadeIn(area: IPolygon, label: Tag | Tag[], duration: number, delay: number, easing: EasingType): void;
 export declare function arcAreaFadeIn(area: IArc, label: Tag | 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;
+export declare function pointFadeIn(itemLine: Segment | ArcSegment, decorativeLine: ILine, item: Tag | IRichText | ISymbol | IImage, duration: number, delay: number, easing: EasingType): void;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/animate/fade-in.ts"],"names":[],"mappings":";;;AAGA,qCAAmE;AACnE,6CAAyC;AAEzC,SAAgB,gBAAgB,CAC9B,IAA0B,EAC1B,KAAkB,EAClB,QAAgB,EAChB,KAAa,EACb,MAAkB;IAElB,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAG7C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,kBAAS,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC;AAbD,4CAaC;AAED,SAAgB,UAAU,CAAC,IAAc,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IAChH,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,kBAAS,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,gCAKC;AAED,SAAgB,aAAa,CAAC,IAAU,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IAC/G,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,kBAAS,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,sCAKC;AAED,SAAgB,WAAW,CACzB,QAAiB,EACjB,cAAqB,EACrB,IAAwC,EACxC,QAAgB,EAChB,KAAa,EACb,MAAkB;;IAElB,IAAA,sBAAa,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,IAAA,sBAAa,EAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvD,IAAI,MAAA,IAAI,CAAC,YAAY,oDAAI,EAAE;QAEzB,IAAA,kBAAS,EAAC,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACjD;SAAM;QAEL,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC9C;AACH,CAAC;AAjBD,kCAiBC","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';\nimport { array } from '@visactor/vutils';\n\nexport function commonLineFadeIn(\n  line: Segment | ArcSegment,\n  label: Tag | Tag[],\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeIn(line, delay, duration, easing);\n\n  // label\n  array(label).forEach(labelNode => {\n    tagFadeIn(labelNode, delay, duration, easing);\n  });\n}\n\nexport function areaFadeIn(area: IPolygon, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeIn(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeIn(labelNode, delay, duration, easing);\n  });\n}\n\nexport function arcAreaFadeIn(area: IArc, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeIn(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeIn(labelNode, delay, duration, easing);\n  });\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"]}
+{"version":3,"sources":["../src/marker/animate/fade-in.ts"],"names":[],"mappings":";;;AAGA,qCAAmE;AACnE,6CAAyC;AAEzC,SAAgB,gBAAgB,CAC9B,IAA0B,EAC1B,KAAkB,EAClB,QAAgB,EAChB,KAAa,EACb,MAAkB;IAElB,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAG7C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,kBAAS,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC;AAbD,4CAaC;AAED,SAAgB,UAAU,CAAC,IAAc,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IAChH,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,kBAAS,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,gCAKC;AAED,SAAgB,aAAa,CAAC,IAAU,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IAC/G,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,kBAAS,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,sCAKC;AAED,SAAgB,WAAW,CACzB,QAA8B,EAC9B,cAAqB,EACrB,IAAwC,EACxC,QAAgB,EAChB,KAAa,EACb,MAAkB;;IAElB,IAAA,sBAAa,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,IAAA,sBAAa,EAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvD,IAAI,MAAA,IAAI,CAAC,YAAY,oDAAI,EAAE;QAEzB,IAAA,kBAAS,EAAC,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACjD;SAAM;QAEL,IAAA,sBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC9C;AACH,CAAC;AAjBD,kCAiBC","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';\nimport { array } from '@visactor/vutils';\n\nexport function commonLineFadeIn(\n  line: Segment | ArcSegment,\n  label: Tag | Tag[],\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeIn(line, delay, duration, easing);\n\n  // label\n  array(label).forEach(labelNode => {\n    tagFadeIn(labelNode, delay, duration, easing);\n  });\n}\n\nexport function areaFadeIn(area: IPolygon, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeIn(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeIn(labelNode, delay, duration, easing);\n  });\n}\n\nexport function arcAreaFadeIn(area: IArc, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeIn(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeIn(labelNode, delay, duration, easing);\n  });\n}\n\nexport function pointFadeIn(\n  itemLine: Segment | ArcSegment,\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/cjs/marker/animate/fade-out.d.ts

@@ -4,4 +4,4 @@ import type { Tag } from '../../tag';
 export declare function commonLineFadeOut(line: Segment | ArcSegment, label: Tag | Tag[], duration: number, delay: number, easing: EasingType): void;
 export declare function areaFadeOut(area: IPolygon, label: Tag | Tag[], duration: number, delay: number, easing: EasingType): void;
 export declare function arcAreaFadeOut(area: IArc, label: Tag | 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;
+export declare function pointFadeOut(itemLine: Segment | ArcSegment, decorativeLine: ILine, item: Tag | IRichText | ISymbol | IImage, duration: number, delay: number, easing: EasingType): void;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/animate/fade-out.ts"],"names":[],"mappings":";;;AAGA,qCAAsE;AACtE,6CAAyC;AAEzC,SAAgB,iBAAiB,CAC/B,IAA0B,EAC1B,KAAkB,EAClB,QAAgB,EAChB,KAAa,EACb,MAAkB;IAElB,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAG9C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,mBAAU,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC;AAbD,8CAaC;AAED,SAAgB,WAAW,CAAC,IAAc,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IACjH,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,mBAAU,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,kCAKC;AAED,SAAgB,cAAc,CAAC,IAAU,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IAChH,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,mBAAU,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,wCAKC;AAED,SAAgB,YAAY,CAC1B,QAAiB,EACjB,cAAqB,EACrB,IAAwC,EACxC,QAAgB,EAChB,KAAa,EACb,MAAkB;;IAElB,IAAA,uBAAc,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClD,IAAA,uBAAc,EAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxD,IAAI,MAAA,IAAI,CAAC,YAAY,oDAAI,EAAE;QAEzB,IAAA,mBAAU,EAAC,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAClD;SAAM;QAEL,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC/C;AACH,CAAC;AAjBD,oCAiBC","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';\nimport { array } from '@visactor/vutils';\n\nexport function commonLineFadeOut(\n  line: Segment | ArcSegment,\n  label: Tag | Tag[],\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeOut(line, delay, duration, easing);\n\n  // label\n  array(label).forEach(labelNode => {\n    tagFadeOut(labelNode, delay, duration, easing);\n  });\n}\n\nexport function areaFadeOut(area: IPolygon, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeOut(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeOut(labelNode, delay, duration, easing);\n  });\n}\n\nexport function arcAreaFadeOut(area: IArc, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeOut(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeOut(labelNode, delay, duration, easing);\n  });\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"]}
+{"version":3,"sources":["../src/marker/animate/fade-out.ts"],"names":[],"mappings":";;;AAGA,qCAAsE;AACtE,6CAAyC;AAEzC,SAAgB,iBAAiB,CAC/B,IAA0B,EAC1B,KAAkB,EAClB,QAAgB,EAChB,KAAa,EACb,MAAkB;IAElB,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAG9C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,mBAAU,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC;AAbD,8CAaC;AAED,SAAgB,WAAW,CAAC,IAAc,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IACjH,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,mBAAU,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,kCAKC;AAED,SAAgB,cAAc,CAAC,IAAU,EAAE,KAAkB,EAAE,QAAgB,EAAE,KAAa,EAAE,MAAkB;IAChH,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9C,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC/B,IAAA,mBAAU,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC;AALD,wCAKC;AAED,SAAgB,YAAY,CAC1B,QAA8B,EAC9B,cAAqB,EACrB,IAAwC,EACxC,QAAgB,EAChB,KAAa,EACb,MAAkB;;IAElB,IAAA,uBAAc,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClD,IAAA,uBAAc,EAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxD,IAAI,MAAA,IAAI,CAAC,YAAY,oDAAI,EAAE;QAEzB,IAAA,mBAAU,EAAC,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAClD;SAAM;QAEL,IAAA,uBAAc,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC/C;AACH,CAAC;AAjBD,oCAiBC","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';\nimport { array } from '@visactor/vutils';\n\nexport function commonLineFadeOut(\n  line: Segment | ArcSegment,\n  label: Tag | Tag[],\n  duration: number,\n  delay: number,\n  easing: EasingType\n) {\n  segmentFadeOut(line, delay, duration, easing);\n\n  // label\n  array(label).forEach(labelNode => {\n    tagFadeOut(labelNode, delay, duration, easing);\n  });\n}\n\nexport function areaFadeOut(area: IPolygon, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeOut(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeOut(labelNode, delay, duration, easing);\n  });\n}\n\nexport function arcAreaFadeOut(area: IArc, label: Tag | Tag[], duration: number, delay: number, easing: EasingType) {\n  graphicFadeOut(area, delay, duration, easing);\n  array(label).forEach(labelNode => {\n    tagFadeOut(labelNode, delay, duration, easing);\n  });\n}\n\nexport function pointFadeOut(\n  itemLine: Segment | ArcSegment,\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/cjs/marker/arc-area.d.ts

@@ -37,7 +37,7 @@ export declare class MarkArcArea extends Marker<MarkArcAreaAttrs, CommonMarkArea
         };
     };
     private _area;
-    defaultUpdateAnimation: never;
+    defaultUpdateAnimation: import("./type").MarkerUpdateAnimation<"fadeIn">;
     defaultExitAnimation: import("./type").MarkerExitAnimation;
     protected markerAnimate(state: MarkerAnimationState): void;
     getArea(): IArc;

package/cjs/marker/area.d.ts

@@ -34,7 +34,7 @@ export declare class MarkArea extends Marker<MarkAreaAttrs, CommonMarkAreaAnimat
             visible: boolean;
         };
     };
-    defaultUpdateAnimation: never;
+    defaultUpdateAnimation: import("./type").MarkerUpdateAnimation<"fadeIn">;
     defaultExitAnimation: import("./type").MarkerExitAnimation;
     protected markerAnimate(state: MarkerAnimationState): void;
     private _area;

package/cjs/marker/common-line.d.ts

@@ -9,7 +9,7 @@ export interface MarkCommonLine<LineAttr, LabelPosition> extends Pick<MarkLabelM
 export declare abstract class MarkCommonLine<LineAttr, LabelPosition> extends Marker<MarkCommonLineAttrs<LineAttr, LabelPosition, MarkCommonLineAnimationType>, MarkCommonLineAnimationType> {
     name: string;
     static _animate?: (line: Segment | ArcSegment, label: Tag | Tag[], animationConfig: any, state: MarkerAnimationState) => void;
-    defaultUpdateAnimation: never;
+    defaultUpdateAnimation: import("./type").MarkerUpdateAnimation<MarkCommonLineAnimationType>;
     defaultExitAnimation: import("./type").MarkerExitAnimation;
     protected _line: Segment | ArcSegment;
     protected abstract createSegment(): any;

package/cjs/marker/point.d.ts

@@ -58,7 +58,7 @@ export declare class MarkPoint extends Marker<MarkPointAttrs, MarkPointAnimation
             refX: number;
         };
     };
-    defaultUpdateAnimation: never;
+    defaultUpdateAnimation: import("./type").MarkerUpdateAnimation<MarkPointAnimationType>;
     defaultExitAnimation: import("./type").MarkerExitAnimation;
     protected markerAnimate(state: MarkerAnimationState): void;
     private _item;

package/cjs/marker/register.js

@@ -4,32 +4,32 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadMarkPointComponent = exports.loadMarkArcAreaComponent = exports.loadMarkAreaComponent = exports.loadMarkArcLineComponent = exports.loadMarkLineComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits"), register_1 = require("../tag/register"), register_2 = require("../segment/register"), vrender_animate_1 = require("@visactor/vrender-animate");
+const register_arc_1 = require("@visactor/vrender-kits/register/register-arc"), register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_image_1 = require("@visactor/vrender-kits/register/register-image"), register_line_1 = require("@visactor/vrender-kits/register/register-line"), register_polygon_1 = require("@visactor/vrender-kits/register/register-polygon"), register_symbol_1 = require("@visactor/vrender-kits/register/register-symbol"), register_1 = require("../tag/register"), register_2 = require("../segment/register"), register_3 = require("@visactor/vrender-animate/register");
 
 function loadBaseMarker() {
-    (0, vrender_kits_1.registerGroup)(), (0, register_1.loadTagComponent)(), (0, vrender_animate_1.registerAnimate)();
+    (0, register_group_1.registerGroup)(), (0, register_1.loadTagComponent)(), (0, register_3.registerAnimate)();
 }
 
 function loadMarkLineComponent() {
-    loadBaseMarker(), (0, register_2.loadSegmentComponent)(), (0, vrender_animate_1.registerAnimate)();
+    loadBaseMarker(), (0, register_2.loadSegmentComponent)(), (0, register_3.registerAnimate)();
 }
 
 function loadMarkArcLineComponent() {
-    loadBaseMarker(), (0, register_2.loadArcSegmentComponent)(), (0, vrender_animate_1.registerAnimate)();
+    loadBaseMarker(), (0, register_2.loadArcSegmentComponent)(), (0, register_3.registerAnimate)();
 }
 
 function loadMarkAreaComponent() {
-    loadBaseMarker(), (0, vrender_kits_1.registerPolygon)(), (0, vrender_animate_1.registerAnimate)();
+    loadBaseMarker(), (0, register_polygon_1.registerPolygon)(), (0, register_3.registerAnimate)();
 }
 
 function loadMarkArcAreaComponent() {
-    loadBaseMarker(), (0, vrender_kits_1.registerArc)(), (0, vrender_animate_1.registerAnimate)();
+    loadBaseMarker(), (0, register_arc_1.registerArc)(), (0, register_3.registerAnimate)();
 }
 
 function loadMarkPointComponent() {
     loadBaseMarker(), (0, register_2.loadSegmentComponent)(), (0, register_2.loadArcSegmentComponent)(), 
-    (0, vrender_kits_1.registerSymbol)(), (0, vrender_kits_1.registerImage)(), (0, vrender_kits_1.registerLine)(), 
-    (0, vrender_animate_1.registerAnimate)();
+    (0, register_symbol_1.registerSymbol)(), (0, register_image_1.registerImage)(), 
+    (0, register_line_1.registerLine)(), (0, register_3.registerAnimate)();
 }
 
 exports.loadMarkLineComponent = loadMarkLineComponent, exports.loadMarkArcLineComponent = loadMarkArcLineComponent, 

package/cjs/marker/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/register.ts"],"names":[],"mappings":";;;AAAA,yDAOgC;AAChC,8CAAmD;AACnD,kDAAoF;AACpF,+DAA4D;AAC5D,SAAS,cAAc;IACrB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAe,GAAE,CAAC;AACpB,CAAC;AAED,SAAgB,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;IACvB,IAAA,iCAAe,GAAE,CAAC;AACpB,CAAC;AAJD,sDAIC;AAED,SAAgB,wBAAwB;IACtC,cAAc,EAAE,CAAC;IACjB,IAAA,kCAAuB,GAAE,CAAC;IAC1B,IAAA,iCAAe,GAAE,CAAC;AACpB,CAAC;AAJD,4DAIC;AAED,SAAgB,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,iCAAe,GAAE,CAAC;AACpB,CAAC;AAJD,sDAIC;AAED,SAAgB,wBAAwB;IACtC,cAAc,EAAE,CAAC;IACjB,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,iCAAe,GAAE,CAAC;AACpB,CAAC;AAJD,4DAIC;AAED,SAAgB,sBAAsB;IACpC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;IACvB,IAAA,kCAAuB,GAAE,CAAC;IAC1B,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,iCAAe,GAAE,CAAC;AACpB,CAAC;AARD,wDAQC","file":"register.js","sourcesContent":["import {\n  registerArc,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPolygon,\n  registerSymbol\n} from '@visactor/vrender-kits';\nimport { loadTagComponent } from '../tag/register';\nimport { loadArcSegmentComponent, loadSegmentComponent } from '../segment/register';\nimport { registerAnimate } from '@visactor/vrender-animate';\nfunction loadBaseMarker() {\n  registerGroup();\n  loadTagComponent();\n  registerAnimate();\n}\n\nexport function loadMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  registerAnimate();\n}\n\nexport function loadMarkArcLineComponent() {\n  loadBaseMarker();\n  loadArcSegmentComponent();\n  registerAnimate();\n}\n\nexport function loadMarkAreaComponent() {\n  loadBaseMarker();\n  registerPolygon();\n  registerAnimate();\n}\n\nexport function loadMarkArcAreaComponent() {\n  loadBaseMarker();\n  registerArc();\n  registerAnimate();\n}\n\nexport function loadMarkPointComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  loadArcSegmentComponent();\n  registerSymbol();\n  registerImage();\n  registerLine();\n  registerAnimate();\n}\n"]}
+{"version":3,"sources":["../src/marker/register.ts"],"names":[],"mappings":";;;AAAA,+EAA2E;AAC3E,mFAA+E;AAC/E,mFAA+E;AAC/E,iFAA6E;AAC7E,uFAAmF;AACnF,qFAAiF;AACjF,8CAAmD;AACnD,kDAAoF;AACpF,iEAAqE;AACrE,SAAS,cAAc;IACrB,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,2BAAgB,GAAE,CAAC;IACnB,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC;AAED,SAAgB,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;IACvB,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC;AAJD,sDAIC;AAED,SAAgB,wBAAwB;IACtC,cAAc,EAAE,CAAC;IACjB,IAAA,kCAAuB,GAAE,CAAC;IAC1B,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC;AAJD,4DAIC;AAED,SAAgB,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,IAAA,kCAAe,GAAE,CAAC;IAClB,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC;AAJD,sDAIC;AAED,SAAgB,wBAAwB;IACtC,cAAc,EAAE,CAAC;IACjB,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC;AAJD,4DAIC;AAED,SAAgB,sBAAsB;IACpC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;IACvB,IAAA,kCAAuB,GAAE,CAAC;IAC1B,IAAA,gCAAc,GAAE,CAAC;IACjB,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,0BAAe,GAAE,CAAC;AACpB,CAAC;AARD,wDAQC","file":"register.js","sourcesContent":["import { registerArc } from '@visactor/vrender-kits/register/register-arc';\nimport { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerImage } from '@visactor/vrender-kits/register/register-image';\nimport { registerLine } from '@visactor/vrender-kits/register/register-line';\nimport { registerPolygon } from '@visactor/vrender-kits/register/register-polygon';\nimport { registerSymbol } from '@visactor/vrender-kits/register/register-symbol';\nimport { loadTagComponent } from '../tag/register';\nimport { loadArcSegmentComponent, loadSegmentComponent } from '../segment/register';\nimport { registerAnimate } from '@visactor/vrender-animate/register';\nfunction loadBaseMarker() {\n  registerGroup();\n  loadTagComponent();\n  registerAnimate();\n}\n\nexport function loadMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  registerAnimate();\n}\n\nexport function loadMarkArcLineComponent() {\n  loadBaseMarker();\n  loadArcSegmentComponent();\n  registerAnimate();\n}\n\nexport function loadMarkAreaComponent() {\n  loadBaseMarker();\n  registerPolygon();\n  registerAnimate();\n}\n\nexport function loadMarkArcAreaComponent() {\n  loadBaseMarker();\n  registerArc();\n  registerAnimate();\n}\n\nexport function loadMarkPointComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  loadArcSegmentComponent();\n  registerSymbol();\n  registerImage();\n  registerLine();\n  registerAnimate();\n}\n"]}

package/cjs/marker/type.d.ts

@@ -89,19 +89,21 @@ export type BaseMarkerAnimation<T> = {
     animationUpdate?: MarkerUpdateAnimation<T>;
     animationExit?: MarkerExitAnimation;
 };
-export type MarkerAnimation<T> = MarkerUpdateAnimation<T> | MarkerUpdateAnimation<T>;
+export type MarkerAnimation<T> = MarkerUpdateAnimation<T> | MarkerExitAnimation;
 export type MarkerUpdateAnimation<T> = {
     type: T;
-} & MarkerExitAnimation;
+} & MarkerAnimationBase;
 export type MarkCommonLineAnimationType = 'clipIn' | 'fadeIn';
 export type CommonMarkAreaAnimationType = 'fadeIn';
 export type MarkPointAnimationType = 'callIn' | 'fadeIn';
-export type MarkerExitAnimation = {
-    type: 'fadeOut';
+export type MarkerAnimationBase = {
     duration?: number;
     delay?: number;
     easing?: EasingType;
 };
+export type MarkerExitAnimation = MarkerAnimationBase & {
+    type: 'fadeOut';
+};
 export type MarkerAnimationState = 'enter' | 'update' | 'exit';
 export type MarkerExitReleaseOptions = ComponentExitReleaseOptions;
 export type MarkCommonLineState<LineAttr> = {

package/cjs/marker/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/type.ts"],"names":[],"mappings":";;;AAkBA,IAAY,sBAkBX;AAlBD,WAAY,sBAAsB;IAChC,yCAAe,CAAA;IACf,+CAAqB,CAAA;IACrB,qDAA2B,CAAA;IAC3B,qDAA2B,CAAA;IAC3B,2DAAiC,CAAA;IACjC,iEAAuC,CAAA;IAEvC,2CAAiB,CAAA;IACjB,6DAAmC,CAAA;IACnC,mEAAyC,CAAA;IAEzC,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,iDAAuB,CAAA;IACvB,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,6DAAmC,CAAA;AACrC,CAAC,EAlBW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAkBjC;AAED,IAAY,sBAoBX;AApBD,WAAY,sBAAsB;IAChC,uCAAa,CAAA;IACb,yCAAe,CAAA;IACf,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,6CAAmB,CAAA;IACnB,+CAAqB,CAAA;IACrB,mDAAyB,CAAA;IACzB,qDAA2B,CAAA;IAE3B,2CAAiB,CAAA;IAEjB,mDAAyB,CAAA;IACzB,qDAA2B,CAAA;IAC3B,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,yDAA+B,CAAA;IAC/B,2DAAiC,CAAA;IACjC,+DAAqC,CAAA;IACrC,iEAAuC,CAAA;AACzC,CAAC,EApBW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAoBjC;AAED,IAAY,2BAQX;AARD,WAAY,2BAA2B;IACrC,8DAA+B,CAAA;IAC/B,0DAA2B,CAAA;IAC3B,gEAAiC,CAAA;IACjC,8DAA+B,CAAA;IAC/B,0DAA2B,CAAA;IAC3B,gEAAiC,CAAA;IACjC,gDAAiB,CAAA;AACnB,CAAC,EARW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAQtC;AAED,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,2CAAiB,CAAA;IACjB,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;AAC/B,CAAC,EAPW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAOjC","file":"type.js","sourcesContent":["import type {\n  EasingType,\n  IArcGraphicAttribute,\n  IGroup,\n  IGroupGraphicAttribute,\n  IImageGraphicAttribute,\n  ILineGraphicAttribute,\n  IPolygonAttribute,\n  IPolygonGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbol,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type { CommonSegmentAttributes, ILineGraphicWithCornerRadius, SegmentAttributes } from '../segment/type';\nimport type { TagAttributes } from '../tag/type';\nimport type { ComponentExitReleaseOptions, Point, State } from '../core/type';\n\nexport enum IMarkLineLabelPosition {\n  start = 'start',\n  startTop = 'startTop',\n  startBottom = 'startBottom',\n  insideStart = 'insideStart',\n  insideStartTop = 'insideStartTop',\n  insideStartBottom = 'insideStartBottom',\n\n  middle = 'middle',\n  insideMiddleTop = 'insideMiddleTop',\n  insideMiddleBottom = 'insideMiddleBottom',\n\n  end = 'end',\n  endTop = 'endTop',\n  endBottom = 'endBottom',\n  insideEnd = 'insideEnd',\n  insideEndTop = 'insideEndTop',\n  insideEndBottom = 'insideEndBottom'\n}\n\nexport enum IMarkAreaLabelPosition {\n  left = 'left',\n  right = 'right',\n  top = 'top',\n  bottom = 'bottom',\n  topLeft = 'topLeft',\n  topRight = 'topRight',\n  bottomLeft = 'bottomLeft',\n  bottomRight = 'bottomRight',\n\n  middle = 'middle',\n\n  insideLeft = 'insideLeft',\n  insideRight = 'insideRight',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom',\n  insideTopLeft = 'insideTopLeft',\n  insideTopRight = 'insideTopRight',\n  insideBottomLeft = 'insideBottomLeft',\n  insideBottomRight = 'insideBottomRight'\n}\n\nexport enum IMarkCommonArcLabelPosition {\n  arcInnerStart = 'arcInnerStart',\n  arcInnerEnd = 'arcInnerEnd',\n  arcInnerMiddle = 'arcInnerMiddle',\n  arcOuterStart = 'arcOuterStart',\n  arcOuterEnd = 'arcOuterEnd',\n  arcOuterMiddle = 'arcOuterMiddle',\n  center = 'center'\n}\n\nexport enum IMarkPointItemPosition {\n  top = 'top',\n  bottom = 'bottom',\n  middle = 'middle',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom',\n  insideMiddle = 'insideMiddle'\n}\n\nexport type IMarkBackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * TODO: 根据文字宽度进行背景 panel size自适应\n   */\n  autoHeight?: boolean;\n  /**\n   * TODO: 根据文高度度进行背景 panel size自适应\n   */\n  autoWidth?: boolean;\n} & Partial<IRectGraphicAttribute>;\n\nexport type IMarkLabel = Omit<TagAttributes, 'x' | 'y' | 'panel'> & {\n  /**\n   * 标签的背景面板配置\n   */\n  panel?: IMarkBackgroundAttributes;\n};\n\nexport type IMarkRef = {\n  /**\n   * 自动旋转，沿着线的方向\n   * @default\n   * mark-line/mark-area/mark-point: false - 旧逻辑里autoRotate是false, 保持不变\n   * mark-arc-line/mark-arc-area: true - 新增逻辑, 如果不开启的话, 效果不太好, 所以默认true\n   * mark-point - 旧逻辑里autoRotate是true, 保持不变\n   */\n  autoRotate?: boolean;\n  /**\n   * label 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n};\n\nexport type MarkerAttrs<AnimationType> = IGroupGraphicAttribute & {\n  /**\n   * 设置标注的类型\n   */\n  type?: 'line' | 'arc-line' | 'area' | 'arc-area' | 'point';\n  /**\n   * 是否支持交互\n   * @default true\n   */\n  interactive?: boolean;\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 是否显示marker组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 是否将组件在绘制区域内进行剪切\n   * @default true\n   */\n  clipInRange?: boolean;\n  /**\n   * 组件绘制范围配置\n   */\n  limitRect?: {\n    /**\n     * 绘制范围的起点x坐标\n     */\n    x: number;\n    /**\n     * 绘制范围的起点y坐标\n     */\n    y: number;\n    /**\n     * 绘制范围的宽度\n     */\n    width: number;\n    /**\n     * 绘制范围的高度\n     */\n    height: number;\n  };\n} & BaseMarkerAnimation<AnimationType>;\n\n/** animation type */\nexport type BaseMarkerAnimation<T> = {\n  /**\n   * 动画公共配置\n   */\n  animation?: MarkerAnimation<T> | boolean;\n  /**\n   * 入场动画配置\n   */\n  animationEnter?: MarkerUpdateAnimation<T>;\n  /**\n   * 更新动画配置\n   */\n  animationUpdate?: MarkerUpdateAnimation<T>;\n  /**\n   * 离场动画配置\n   */\n  animationExit?: MarkerExitAnimation;\n};\nexport type MarkerAnimation<T> = MarkerUpdateAnimation<T> | MarkerUpdateAnimation<T>;\n\nexport type MarkerUpdateAnimation<T> = {\n  /**\n   * 设置动画的类型\n   */\n  type: T;\n} & MarkerExitAnimation;\n\nexport type MarkCommonLineAnimationType = 'clipIn' | 'fadeIn';\n\nexport type CommonMarkAreaAnimationType = 'fadeIn';\n\nexport type MarkPointAnimationType = 'callIn' | 'fadeIn';\n\nexport type MarkerExitAnimation = {\n  /**\n   * 设置离场动画的类型为fadeOut，即淡出\n   */\n  type: 'fadeOut';\n  /**\n   * 动画的时长\n   */\n  duration?: number;\n  /**\n   * 动画延迟的时长\n   */\n  delay?: number;\n  /**\n   * 动画的缓动函数\n   */\n  easing?: EasingType;\n};\n\nexport type MarkerAnimationState = 'enter' | 'update' | 'exit';\n\nexport type MarkerExitReleaseOptions = ComponentExitReleaseOptions;\n\n/** state type */\nexport type MarkCommonLineState<LineAttr> = {\n  /**\n   * 设置线图形的在特定状态下的样式\n   */\n  line?: State<LineAttr>;\n  /**\n   * 设置线的起点在特定状态下的样式\n   */\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置线的终点在特定状态下的样式\n   */\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置标签在特定状态下的样式\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: State<Partial<ITextGraphicAttribute>> | State<Partial<ITextGraphicAttribute>>[];\n  /**\n   * 设置标签背景区块在特定状态下的样式\n   */\n  labelBackground?: State<Partial<IRectGraphicAttribute>> | State<Partial<IRectGraphicAttribute>>[];\n};\n\nexport type CommonMarkAreaState<AreaAttr> = {\n  /**\n   * 设置标注区域在特定状态下的样式\n   */\n  area?: State<Partial<AreaAttr>>;\n  /**\n   * 设置标注区域标签在特定状态下的样式\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: State<Partial<ITextGraphicAttribute>> | State<Partial<ITextGraphicAttribute>>[];\n  /**\n   * 设置标签背景区块在特定状态下的样式\n   */\n  labelBackground?: State<Partial<IRectGraphicAttribute>> | State<Partial<IRectGraphicAttribute>>[];\n};\n\nexport type MarkPointState = {\n  /**\n   * 设置标注点连线在特定状态下的样式\n   */\n  line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[]>;\n  /**\n   * 设置线起点图形在特定状态下的样式\n   */\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置线终点图形在特定状态下的样式\n   */\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置标签背景区块在特定状态下的样式\n   */\n  textBackground?: State<Partial<IRectGraphicAttribute>>;\n  /**\n   * 设置目标元素在特定状态下的样式\n   */\n  targetItem?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置content在特定状态下的样式\n   * 等价于原来的 symbol | image | text | richText | customMark\n   */\n  itemContent?: State<\n    | Partial<ISymbolGraphicAttribute>\n    | Partial<IImageGraphicAttribute>\n    | Partial<ITextGraphicAttribute>\n    | Partial<IGroupGraphicAttribute>\n  >;\n};\n\nexport type MarkerLineLabelAttrs<LineLabelPosition> = {\n  /**\n   * label 相对line的位置\n   */\n  position?: LineLabelPosition;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n} & IMarkRef &\n  IMarkLabel;\n\nexport type MarkCommonLineAttrs<LineAttr, LineLabelPosition, MarkCommonLineAnimationType> =\n  MarkerAttrs<MarkCommonLineAnimationType> &\n    Omit<CommonSegmentAttributes, 'state' | 'lineStyle'> & {\n      /**\n       * 标签\n       * 自 0.22.7 版本开始，支持多标签配置\n       */\n      label?: MarkerLineLabelAttrs<LineLabelPosition> | MarkerLineLabelAttrs<LineLabelPosition>[];\n      /**\n       * 辅助线各种状态下的样式\n       */\n      state?: MarkCommonLineState<LineAttr>;\n    };\n\nexport type MarkLineAttrs = MarkCommonLineAttrs<\n  ILineGraphicWithCornerRadius | ILineGraphicAttribute[],\n  keyof typeof IMarkLineLabelPosition,\n  MarkCommonLineAnimationType\n> & {\n  /**\n   * 将辅助线的类型设置为 'line'\n   */\n  type?: 'line';\n  /**\n   * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n   * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n   * @default false\n   */\n  multiSegment?: boolean;\n  /**\n   * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n   */\n  mainSegmentIndex?: number;\n  /**\n   * 构成line的点: 如果是两个点，则为直线；多个点则为折线\n   */\n  points: Point[] | Point[][];\n  /**\n   * 线的样式设置\n   */\n  lineStyle?: ILineGraphicAttribute;\n};\n\nexport type MarkArcLineAttrs = MarkCommonLineAttrs<\n  IArcGraphicAttribute,\n  keyof typeof IMarkCommonArcLabelPosition,\n  MarkCommonLineAnimationType\n> & {\n  /**\n   * 将辅助线的类型设置为 'arc-line'，即弧线\n   */\n  type?: 'arc-line';\n  /**\n   * 弧线中心位置\n   */\n  center: {\n    x: number;\n    y: number;\n  };\n  /**\n   * 弧线半径\n   */\n  radius: number;\n  /**\n   * 弧线起始角度（弧度）\n   */\n  startAngle: number;\n  /**\n   * 弧线终点角度（弧度）\n   */\n  endAngle: number;\n  /**\n   * 设置弧线的样式\n   */\n  lineStyle?: IArcGraphicAttribute;\n};\n\nexport type MarkerAreaLabelAttrs = {\n  /**\n   * 设置标签的位置\n   */\n  position?: keyof typeof IMarkAreaLabelPosition;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n} & IMarkLabel;\n\nexport type MarkAreaAttrs = MarkerAttrs<CommonMarkAreaAnimationType> & {\n  type?: 'area';\n  /**\n   * 构成area的点\n   */\n  points: Point[];\n  /**\n   * 标签\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: MarkerAreaLabelAttrs | MarkerAreaLabelAttrs[];\n  /**\n   * area的样式\n   */\n  areaStyle?: IPolygonAttribute;\n  /**\n   * 设置标注区域在各种状态下的样式\n   */\n  state?: CommonMarkAreaState<IPolygonGraphicAttribute>;\n};\n\nexport type MarkerArcAreaLabelAttrs = {\n  /**\n   * 标签的位置\n   */\n  position?: keyof typeof IMarkCommonArcLabelPosition;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n} & IMarkRef &\n  IMarkLabel;\n\nexport type MarkArcAreaAttrs = MarkerAttrs<CommonMarkAreaAnimationType> & {\n  type?: 'arc-area';\n  /**\n   * 扇区中心位置\n   */\n  center: {\n    x: number;\n    y: number;\n  };\n  /**\n   * 扇区内半径\n   */\n  innerRadius: number;\n  /**\n   * 扇区外半径\n   */\n  outerRadius: number;\n  /**\n   * 扇区起始角度（弧度）\n   */\n  startAngle: number;\n  /**\n   * 扇区终点角度（弧度）\n   */\n  endAngle: number;\n  /**\n   * 标签\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: MarkerArcAreaLabelAttrs | MarkerArcAreaLabelAttrs[];\n  /**\n   * area的样式\n   */\n  areaStyle?: IArcGraphicAttribute;\n  /**\n   * 辅助区域这种状态下各个图元的样式设置\n   */\n  state?: CommonMarkAreaState<IArcGraphicAttribute>;\n};\n\nexport type IItemContent = IMarkRef & {\n  /**\n   * 标注类型\n   * Tips: 不保留'richText', 在vchart层做兼容\n   */\n  type?: 'symbol' | 'text' | 'image' | 'custom';\n  /**\n   * 设置标注的位置\n   */\n  position?: keyof typeof IMarkPointItemPosition;\n  /**\n   * x 方向偏移量\n   */\n  offsetX?: number;\n  /**\n   * y 方向偏移量\n   */\n  offsetY?: number;\n  /**\n   * item样式\n   */\n  style?: ISymbolGraphicAttribute | IImageGraphicAttribute | IMarkLabel;\n  /**\n   * type为custom时，允许以callback的方式传入需要render的item\n   */\n  renderCustomCallback?: () => IGroup;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n};\n\nexport type IItemLine = {\n  /** TODO：'type-opo' */\n  type?: 'type-s' | 'type-do' | 'type-po' | 'type-op' | 'type-arc';\n  /**\n   * 是否展示该标注\n   */\n  visible?: boolean;\n  /**\n   * 当type为type-arc时生效, 数值决定曲率, 符号决定法向, 不能等于0\n   * @default 0.8\n   */\n  arcRatio?: number;\n  /**\n   * 垂直于引导线的装饰线，参考案例: https://observablehq.com/@mikelotis/edmonton-population-history-line-chart\n   */\n  decorativeLine?: {\n    /**\n     * 是否显示引导线的装饰线\n     */\n    visible?: boolean;\n    /**\n     * 装饰线的长度\n     */\n    length?: number;\n  };\n} & Omit<SegmentAttributes, 'points'>;\n\nexport type MarkPointAttrs = Omit<MarkerAttrs<MarkPointAnimationType>, 'labelStyle'> & {\n  /**\n   * markPoint的位置（也是path的起点）\n   */\n  position: Point;\n  /**\n   * 标注引导线\n   */\n  itemLine?: IItemLine;\n\n  /**\n   * 标注内容\n   */\n  itemContent?: IItemContent;\n\n  /**\n   * 被标注的内容\n   */\n  targetSymbol?: {\n    /**\n     * 被标注内容与标记线间的间隙\n     * @default 0\n     */\n    offset?: number;\n    /**\n     * 是否显示\n     * @default false\n     */\n    visible?: boolean;\n    /**\n     * 大小\n     * @default 20\n     */\n    size?: number;\n    /**\n     * 被标注内容的样式设置\n     */\n    style?: ISymbol;\n  };\n  /**\n   * 标注点各个状态下的样式\n   */\n  state?: MarkPointState;\n} & BaseMarkerAnimation<MarkPointAnimationType>;\n"]}
+{"version":3,"sources":["../src/marker/type.ts"],"names":[],"mappings":";;;AAkBA,IAAY,sBAkBX;AAlBD,WAAY,sBAAsB;IAChC,yCAAe,CAAA;IACf,+CAAqB,CAAA;IACrB,qDAA2B,CAAA;IAC3B,qDAA2B,CAAA;IAC3B,2DAAiC,CAAA;IACjC,iEAAuC,CAAA;IAEvC,2CAAiB,CAAA;IACjB,6DAAmC,CAAA;IACnC,mEAAyC,CAAA;IAEzC,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,iDAAuB,CAAA;IACvB,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,6DAAmC,CAAA;AACrC,CAAC,EAlBW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAkBjC;AAED,IAAY,sBAoBX;AApBD,WAAY,sBAAsB;IAChC,uCAAa,CAAA;IACb,yCAAe,CAAA;IACf,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,6CAAmB,CAAA;IACnB,+CAAqB,CAAA;IACrB,mDAAyB,CAAA;IACzB,qDAA2B,CAAA;IAE3B,2CAAiB,CAAA;IAEjB,mDAAyB,CAAA;IACzB,qDAA2B,CAAA;IAC3B,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,yDAA+B,CAAA;IAC/B,2DAAiC,CAAA;IACjC,+DAAqC,CAAA;IACrC,iEAAuC,CAAA;AACzC,CAAC,EApBW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAoBjC;AAED,IAAY,2BAQX;AARD,WAAY,2BAA2B;IACrC,8DAA+B,CAAA;IAC/B,0DAA2B,CAAA;IAC3B,gEAAiC,CAAA;IACjC,8DAA+B,CAAA;IAC/B,0DAA2B,CAAA;IAC3B,gEAAiC,CAAA;IACjC,gDAAiB,CAAA;AACnB,CAAC,EARW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAQtC;AAED,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,2CAAiB,CAAA;IACjB,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;AAC/B,CAAC,EAPW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAOjC","file":"type.js","sourcesContent":["import type {\n  EasingType,\n  IArcGraphicAttribute,\n  IGroup,\n  IGroupGraphicAttribute,\n  IImageGraphicAttribute,\n  ILineGraphicAttribute,\n  IPolygonAttribute,\n  IPolygonGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbol,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type { CommonSegmentAttributes, ILineGraphicWithCornerRadius, SegmentAttributes } from '../segment/type';\nimport type { TagAttributes } from '../tag/type';\nimport type { ComponentExitReleaseOptions, Point, State } from '../core/type';\n\nexport enum IMarkLineLabelPosition {\n  start = 'start',\n  startTop = 'startTop',\n  startBottom = 'startBottom',\n  insideStart = 'insideStart',\n  insideStartTop = 'insideStartTop',\n  insideStartBottom = 'insideStartBottom',\n\n  middle = 'middle',\n  insideMiddleTop = 'insideMiddleTop',\n  insideMiddleBottom = 'insideMiddleBottom',\n\n  end = 'end',\n  endTop = 'endTop',\n  endBottom = 'endBottom',\n  insideEnd = 'insideEnd',\n  insideEndTop = 'insideEndTop',\n  insideEndBottom = 'insideEndBottom'\n}\n\nexport enum IMarkAreaLabelPosition {\n  left = 'left',\n  right = 'right',\n  top = 'top',\n  bottom = 'bottom',\n  topLeft = 'topLeft',\n  topRight = 'topRight',\n  bottomLeft = 'bottomLeft',\n  bottomRight = 'bottomRight',\n\n  middle = 'middle',\n\n  insideLeft = 'insideLeft',\n  insideRight = 'insideRight',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom',\n  insideTopLeft = 'insideTopLeft',\n  insideTopRight = 'insideTopRight',\n  insideBottomLeft = 'insideBottomLeft',\n  insideBottomRight = 'insideBottomRight'\n}\n\nexport enum IMarkCommonArcLabelPosition {\n  arcInnerStart = 'arcInnerStart',\n  arcInnerEnd = 'arcInnerEnd',\n  arcInnerMiddle = 'arcInnerMiddle',\n  arcOuterStart = 'arcOuterStart',\n  arcOuterEnd = 'arcOuterEnd',\n  arcOuterMiddle = 'arcOuterMiddle',\n  center = 'center'\n}\n\nexport enum IMarkPointItemPosition {\n  top = 'top',\n  bottom = 'bottom',\n  middle = 'middle',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom',\n  insideMiddle = 'insideMiddle'\n}\n\nexport type IMarkBackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * TODO: 根据文字宽度进行背景 panel size自适应\n   */\n  autoHeight?: boolean;\n  /**\n   * TODO: 根据文高度度进行背景 panel size自适应\n   */\n  autoWidth?: boolean;\n} & Partial<IRectGraphicAttribute>;\n\nexport type IMarkLabel = Omit<TagAttributes, 'x' | 'y' | 'panel'> & {\n  /**\n   * 标签的背景面板配置\n   */\n  panel?: IMarkBackgroundAttributes;\n};\n\nexport type IMarkRef = {\n  /**\n   * 自动旋转，沿着线的方向\n   * @default\n   * mark-line/mark-area/mark-point: false - 旧逻辑里autoRotate是false, 保持不变\n   * mark-arc-line/mark-arc-area: true - 新增逻辑, 如果不开启的话, 效果不太好, 所以默认true\n   * mark-point - 旧逻辑里autoRotate是true, 保持不变\n   */\n  autoRotate?: boolean;\n  /**\n   * label 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n};\n\nexport type MarkerAttrs<AnimationType> = IGroupGraphicAttribute & {\n  /**\n   * 设置标注的类型\n   */\n  type?: 'line' | 'arc-line' | 'area' | 'arc-area' | 'point';\n  /**\n   * 是否支持交互\n   * @default true\n   */\n  interactive?: boolean;\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 是否显示marker组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 是否将组件在绘制区域内进行剪切\n   * @default true\n   */\n  clipInRange?: boolean;\n  /**\n   * 组件绘制范围配置\n   */\n  limitRect?: {\n    /**\n     * 绘制范围的起点x坐标\n     */\n    x: number;\n    /**\n     * 绘制范围的起点y坐标\n     */\n    y: number;\n    /**\n     * 绘制范围的宽度\n     */\n    width: number;\n    /**\n     * 绘制范围的高度\n     */\n    height: number;\n  };\n} & BaseMarkerAnimation<AnimationType>;\n\n/** animation type */\nexport type BaseMarkerAnimation<T> = {\n  /**\n   * 动画公共配置\n   */\n  animation?: MarkerAnimation<T> | boolean;\n  /**\n   * 入场动画配置\n   */\n  animationEnter?: MarkerUpdateAnimation<T>;\n  /**\n   * 更新动画配置\n   */\n  animationUpdate?: MarkerUpdateAnimation<T>;\n  /**\n   * 离场动画配置\n   */\n  animationExit?: MarkerExitAnimation;\n};\nexport type MarkerAnimation<T> = MarkerUpdateAnimation<T> | MarkerExitAnimation;\n\nexport type MarkerUpdateAnimation<T> = {\n  /**\n   * 设置动画的类型\n   */\n  type: T;\n} & MarkerAnimationBase;\n\nexport type MarkCommonLineAnimationType = 'clipIn' | 'fadeIn';\n\nexport type CommonMarkAreaAnimationType = 'fadeIn';\n\nexport type MarkPointAnimationType = 'callIn' | 'fadeIn';\n\nexport type MarkerAnimationBase = {\n  /**\n   * 动画的时长\n   */\n  duration?: number;\n  /**\n   * 动画延迟的时长\n   */\n  delay?: number;\n  /**\n   * 动画的缓动函数\n   */\n  easing?: EasingType;\n};\n\nexport type MarkerExitAnimation = MarkerAnimationBase & {\n  /**\n   * 设置离场动画的类型为fadeOut，即淡出\n   */\n  type: 'fadeOut';\n};\n\nexport type MarkerAnimationState = 'enter' | 'update' | 'exit';\n\nexport type MarkerExitReleaseOptions = ComponentExitReleaseOptions;\n\n/** state type */\nexport type MarkCommonLineState<LineAttr> = {\n  /**\n   * 设置线图形的在特定状态下的样式\n   */\n  line?: State<LineAttr>;\n  /**\n   * 设置线的起点在特定状态下的样式\n   */\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置线的终点在特定状态下的样式\n   */\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置标签在特定状态下的样式\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: State<Partial<ITextGraphicAttribute>> | State<Partial<ITextGraphicAttribute>>[];\n  /**\n   * 设置标签背景区块在特定状态下的样式\n   */\n  labelBackground?: State<Partial<IRectGraphicAttribute>> | State<Partial<IRectGraphicAttribute>>[];\n};\n\nexport type CommonMarkAreaState<AreaAttr> = {\n  /**\n   * 设置标注区域在特定状态下的样式\n   */\n  area?: State<Partial<AreaAttr>>;\n  /**\n   * 设置标注区域标签在特定状态下的样式\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: State<Partial<ITextGraphicAttribute>> | State<Partial<ITextGraphicAttribute>>[];\n  /**\n   * 设置标签背景区块在特定状态下的样式\n   */\n  labelBackground?: State<Partial<IRectGraphicAttribute>> | State<Partial<IRectGraphicAttribute>>[];\n};\n\nexport type MarkPointState = {\n  /**\n   * 设置标注点连线在特定状态下的样式\n   */\n  line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[]>;\n  /**\n   * 设置线起点图形在特定状态下的样式\n   */\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置线终点图形在特定状态下的样式\n   */\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置标签背景区块在特定状态下的样式\n   */\n  textBackground?: State<Partial<IRectGraphicAttribute>>;\n  /**\n   * 设置目标元素在特定状态下的样式\n   */\n  targetItem?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * 设置content在特定状态下的样式\n   * 等价于原来的 symbol | image | text | richText | customMark\n   */\n  itemContent?: State<\n    | Partial<ISymbolGraphicAttribute>\n    | Partial<IImageGraphicAttribute>\n    | Partial<ITextGraphicAttribute>\n    | Partial<IGroupGraphicAttribute>\n  >;\n};\n\nexport type MarkerLineLabelAttrs<LineLabelPosition> = {\n  /**\n   * label 相对line的位置\n   */\n  position?: LineLabelPosition;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n} & IMarkRef &\n  IMarkLabel;\n\nexport type MarkCommonLineAttrs<LineAttr, LineLabelPosition, MarkCommonLineAnimationType> =\n  MarkerAttrs<MarkCommonLineAnimationType> &\n    Omit<CommonSegmentAttributes, 'state' | 'lineStyle'> & {\n      /**\n       * 标签\n       * 自 0.22.7 版本开始，支持多标签配置\n       */\n      label?: MarkerLineLabelAttrs<LineLabelPosition> | MarkerLineLabelAttrs<LineLabelPosition>[];\n      /**\n       * 辅助线各种状态下的样式\n       */\n      state?: MarkCommonLineState<LineAttr>;\n    };\n\nexport type MarkLineAttrs = MarkCommonLineAttrs<\n  ILineGraphicWithCornerRadius | ILineGraphicAttribute[],\n  keyof typeof IMarkLineLabelPosition,\n  MarkCommonLineAnimationType\n> & {\n  /**\n   * 将辅助线的类型设置为 'line'\n   */\n  type?: 'line';\n  /**\n   * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n   * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n   * @default false\n   */\n  multiSegment?: boolean;\n  /**\n   * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n   */\n  mainSegmentIndex?: number;\n  /**\n   * 构成line的点: 如果是两个点，则为直线；多个点则为折线\n   */\n  points: Point[] | Point[][];\n  /**\n   * 线的样式设置\n   */\n  lineStyle?: ILineGraphicAttribute;\n};\n\nexport type MarkArcLineAttrs = MarkCommonLineAttrs<\n  IArcGraphicAttribute,\n  keyof typeof IMarkCommonArcLabelPosition,\n  MarkCommonLineAnimationType\n> & {\n  /**\n   * 将辅助线的类型设置为 'arc-line'，即弧线\n   */\n  type?: 'arc-line';\n  /**\n   * 弧线中心位置\n   */\n  center: {\n    x: number;\n    y: number;\n  };\n  /**\n   * 弧线半径\n   */\n  radius: number;\n  /**\n   * 弧线起始角度（弧度）\n   */\n  startAngle: number;\n  /**\n   * 弧线终点角度（弧度）\n   */\n  endAngle: number;\n  /**\n   * 设置弧线的样式\n   */\n  lineStyle?: IArcGraphicAttribute;\n};\n\nexport type MarkerAreaLabelAttrs = {\n  /**\n   * 设置标签的位置\n   */\n  position?: keyof typeof IMarkAreaLabelPosition;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n} & IMarkLabel;\n\nexport type MarkAreaAttrs = MarkerAttrs<CommonMarkAreaAnimationType> & {\n  type?: 'area';\n  /**\n   * 构成area的点\n   */\n  points: Point[];\n  /**\n   * 标签\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: MarkerAreaLabelAttrs | MarkerAreaLabelAttrs[];\n  /**\n   * area的样式\n   */\n  areaStyle?: IPolygonAttribute;\n  /**\n   * 设置标注区域在各种状态下的样式\n   */\n  state?: CommonMarkAreaState<IPolygonGraphicAttribute>;\n};\n\nexport type MarkerArcAreaLabelAttrs = {\n  /**\n   * 标签的位置\n   */\n  position?: keyof typeof IMarkCommonArcLabelPosition;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n} & IMarkRef &\n  IMarkLabel;\n\nexport type MarkArcAreaAttrs = MarkerAttrs<CommonMarkAreaAnimationType> & {\n  type?: 'arc-area';\n  /**\n   * 扇区中心位置\n   */\n  center: {\n    x: number;\n    y: number;\n  };\n  /**\n   * 扇区内半径\n   */\n  innerRadius: number;\n  /**\n   * 扇区外半径\n   */\n  outerRadius: number;\n  /**\n   * 扇区起始角度（弧度）\n   */\n  startAngle: number;\n  /**\n   * 扇区终点角度（弧度）\n   */\n  endAngle: number;\n  /**\n   * 标签\n   * 自 0.22.7 版本开始，支持多标签配置\n   */\n  label?: MarkerArcAreaLabelAttrs | MarkerArcAreaLabelAttrs[];\n  /**\n   * area的样式\n   */\n  areaStyle?: IArcGraphicAttribute;\n  /**\n   * 辅助区域这种状态下各个图元的样式设置\n   */\n  state?: CommonMarkAreaState<IArcGraphicAttribute>;\n};\n\nexport type IItemContent = IMarkRef & {\n  /**\n   * 标注类型\n   * Tips: 不保留'richText', 在vchart层做兼容\n   */\n  type?: 'symbol' | 'text' | 'image' | 'custom';\n  /**\n   * 设置标注的位置\n   */\n  position?: keyof typeof IMarkPointItemPosition;\n  /**\n   * x 方向偏移量\n   */\n  offsetX?: number;\n  /**\n   * y 方向偏移量\n   */\n  offsetY?: number;\n  /**\n   * item样式\n   */\n  style?: ISymbolGraphicAttribute | IImageGraphicAttribute | IMarkLabel;\n  /**\n   * type为custom时，允许以callback的方式传入需要render的item\n   */\n  renderCustomCallback?: () => IGroup;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n};\n\nexport type IItemLine = {\n  /** TODO：'type-opo' */\n  type?: 'type-s' | 'type-do' | 'type-po' | 'type-op' | 'type-arc';\n  /**\n   * 是否展示该标注\n   */\n  visible?: boolean;\n  /**\n   * 当type为type-arc时生效, 数值决定曲率, 符号决定法向, 不能等于0\n   * @default 0.8\n   */\n  arcRatio?: number;\n  /**\n   * 垂直于引导线的装饰线，参考案例: https://observablehq.com/@mikelotis/edmonton-population-history-line-chart\n   */\n  decorativeLine?: {\n    /**\n     * 是否显示引导线的装饰线\n     */\n    visible?: boolean;\n    /**\n     * 装饰线的长度\n     */\n    length?: number;\n  };\n} & Omit<SegmentAttributes, 'points'>;\n\nexport type MarkPointAttrs = Omit<MarkerAttrs<MarkPointAnimationType>, 'labelStyle'> & {\n  /**\n   * markPoint的位置（也是path的起点）\n   */\n  position: Point;\n  /**\n   * 标注引导线\n   */\n  itemLine?: IItemLine;\n\n  /**\n   * 标注内容\n   */\n  itemContent?: IItemContent;\n\n  /**\n   * 被标注的内容\n   */\n  targetSymbol?: {\n    /**\n     * 被标注内容与标记线间的间隙\n     * @default 0\n     */\n    offset?: number;\n    /**\n     * 是否显示\n     * @default false\n     */\n    visible?: boolean;\n    /**\n     * 大小\n     * @default 20\n     */\n    size?: number;\n    /**\n     * 被标注内容的样式设置\n     */\n    style?: ISymbol;\n  };\n  /**\n   * 标注点各个状态下的样式\n   */\n  state?: MarkPointState;\n} & BaseMarkerAnimation<MarkPointAnimationType>;\n"]}

package/cjs/pager/register.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadPagerComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits");
+const register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_symbol_1 = require("@visactor/vrender-kits/register/register-symbol"), register_text_1 = require("@visactor/vrender-kits/register/register-text");
 
 function loadPagerComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerSymbol)(), (0, vrender_kits_1.registerText)();
+    (0, register_group_1.registerGroup)(), (0, register_symbol_1.registerSymbol)(), 
+    (0, register_text_1.registerText)();
 }
 
 exports.loadPagerComponent = loadPagerComponent;

package/cjs/pager/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/pager/register.ts"],"names":[],"mappings":";;;AAAA,yDAAqF;AAErF,SAAgB,kBAAkB;IAChC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAJD,gDAIC","file":"register.js","sourcesContent":["import { registerGroup, registerSymbol, registerText } from '@visactor/vrender-kits';\n\nexport function loadPagerComponent() {\n  registerGroup();\n  registerSymbol();\n  registerText();\n}\n"]}
+{"version":3,"sources":["../src/pager/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,qFAAiF;AACjF,iFAA6E;AAE7E,SAAgB,kBAAkB;IAChC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,gCAAc,GAAE,CAAC;IACjB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAJD,gDAIC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerSymbol } from '@visactor/vrender-kits/register/register-symbol';\nimport { registerText } from '@visactor/vrender-kits/register/register-text';\n\nexport function loadPagerComponent() {\n  registerGroup();\n  registerSymbol();\n  registerText();\n}\n"]}

package/cjs/player/register.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadContinuousPlayerComponent = exports.loadDiscretePlayerComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits"), register_1 = require("../slider/register");
+const register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_symbol_1 = require("@visactor/vrender-kits/register/register-symbol"), register_1 = require("../slider/register");
 
 function loadBasePlayer() {
-    (0, register_1.loadSliderComponent)(), (0, vrender_kits_1.registerGroup)(), (0, 
-    vrender_kits_1.registerSymbol)();
+    (0, register_1.loadSliderComponent)(), (0, register_group_1.registerGroup)(), (0, 
+    register_symbol_1.registerSymbol)();
 }
 
 function loadDiscretePlayerComponent() {

package/cjs/player/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/register.ts"],"names":[],"mappings":";;;AAAA,yDAAuE;AACvE,iDAAyD;AAEzD,SAAS,cAAc;IACrB,IAAA,8BAAmB,GAAE,CAAC;IACtB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,6BAAc,GAAE,CAAC;AACnB,CAAC;AAED,SAAgB,2BAA2B;IACzC,cAAc,EAAE,CAAC;AACnB,CAAC;AAFD,kEAEC;AAED,SAAgB,6BAA6B;IAC3C,cAAc,EAAE,CAAC;AACnB,CAAC;AAFD,sEAEC","file":"register.js","sourcesContent":["import { registerGroup, registerSymbol } from '@visactor/vrender-kits';\nimport { loadSliderComponent } from '../slider/register';\n\nfunction loadBasePlayer() {\n  loadSliderComponent();\n  registerGroup();\n  registerSymbol();\n}\n\nexport function loadDiscretePlayerComponent() {\n  loadBasePlayer();\n}\n\nexport function loadContinuousPlayerComponent() {\n  loadBasePlayer();\n}\n"]}
+{"version":3,"sources":["../src/player/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,qFAAiF;AACjF,iDAAyD;AAEzD,SAAS,cAAc;IACrB,IAAA,8BAAmB,GAAE,CAAC;IACtB,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,gCAAc,GAAE,CAAC;AACnB,CAAC;AAED,SAAgB,2BAA2B;IACzC,cAAc,EAAE,CAAC;AACnB,CAAC;AAFD,kEAEC;AAED,SAAgB,6BAA6B;IAC3C,cAAc,EAAE,CAAC;AACnB,CAAC;AAFD,sEAEC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerSymbol } from '@visactor/vrender-kits/register/register-symbol';\nimport { loadSliderComponent } from '../slider/register';\n\nfunction loadBasePlayer() {\n  loadSliderComponent();\n  registerGroup();\n  registerSymbol();\n}\n\nexport function loadDiscretePlayerComponent() {\n  loadBasePlayer();\n}\n\nexport function loadContinuousPlayerComponent() {\n  loadBasePlayer();\n}\n"]}