@visactor/vrender 1.1.0-alpha.23 → 1.1.0-alpha.24

package/dist/index.js

@@ -5202,6 +5202,7 @@
       cornerRadius: 0,
       padRadius: 0,
       padAngle: 0,
+      clipRange: 1,
       cap: !1,
       forceShowCap: !1
     });
@@ -8809,6 +8810,7 @@
       FULL_STATE_DEFINITION_KEYS = new Set(["name", "patch", "priority", "exclude", "suppress", "resolver", "declaredAffectedKeys"]),
       point = new Point(),
       EMPTY_STATE_NAMES = [],
+      deprecatedLocalStateFallbackWarningStateNames = new Set(),
       BROAD_UPDATE_CATEGORY = UpdateCategory.PAINT | UpdateCategory.SHAPE | UpdateCategory.BOUNDS | UpdateCategory.TRANSFORM | UpdateCategory.LAYOUT;
     function isPlainObjectValue(value) {
       return "object" == typeof value && null != value && !Array.isArray(value);
@@ -8983,6 +8985,12 @@
         var _a, _b;
         return this.localStateDefinitionsSource !== this.states && (this.localStateDefinitionsSource = this.states, this.localFallbackVersion = (null !== (_a = this.localFallbackVersion) && void 0 !== _a ? _a : 0) + 1), null !== (_b = this.localFallbackVersion) && void 0 !== _b ? _b : 0;
       }
+      warnDeprecatedLocalStatesFallback(stateNames) {
+        for (let index = 0; index < stateNames.length; index++) {
+          const stateName = stateNames[index];
+          deprecatedLocalStateFallbackWarningStateNames.has(stateName) || (deprecatedLocalStateFallbackWarningStateNames.add(stateName), console.warn(`[VRender] graphic.states fallback for missing shared state definition "${stateName}" is deprecated. Move the state definition to sharedStateDefinitions or use stateProxy for dynamic per-graphic styles.`));
+        }
+      }
       resolveEffectiveCompiledDefinitions() {
         this.syncSharedStateScopeBindingFromTree(!1);
         const boundScope = this.boundSharedStateScope;
@@ -9017,6 +9025,7 @@
           stateProxyModeKey: sharedStateProxyModeKey,
           stateProxyEligibility: sharedStateProxyEligibility
         };
+        this.warnDeprecatedLocalStatesFallback(missingStateNames);
         const localStatesVersion = this.getLocalStatesVersion(),
           stateProxyModeKey = this.stateProxy ? `missing:${missingStateNames.sort().join("|")}` : "none",
           cacheKey = `shared:${boundScope.revision}:fallback:${localStatesVersion}:${stateProxyModeKey}`;
@@ -9907,8 +9916,7 @@
       invalidateResolver() {
         var _a, _b;
         if (!this.stateEngine || !(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || !this.compiledStateDefinitions) return;
-        this.syncStateResolveContext();
-        this.resolverEpoch = (null !== (_b = this.resolverEpoch) && void 0 !== _b ? _b : 0) + 1, this.stateEngine.invalidateResolverCache();
+        this.syncStateResolveContext(), this.resolverEpoch = (null !== (_b = this.resolverEpoch) && void 0 !== _b ? _b : 0) + 1, this.stateEngine.invalidateResolverCache();
         const transition = this.stateEngine.applyStates(this.currentStates),
           resolvedStateAttrs = Object.assign({}, this.stateEngine.resolvedPatch);
         this.effectiveStates = [...transition.effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), this.stopStateAnimates(), this._restoreAttributeFromStaticTruth({
@@ -12831,7 +12839,7 @@
       return new Area(attributes);
     }
 
-    const ARC_UPDATE_TAG_KEY = ["innerRadius", "outerRadius", "startAngle", "endAngle", "cornerRadius", "padAngle", "padRadius", "cap", ...GRAPHIC_UPDATE_TAG_KEY];
+    const ARC_UPDATE_TAG_KEY = ["innerRadius", "outerRadius", "startAngle", "endAngle", "cornerRadius", "padAngle", "padRadius", "clipRange", "cap", ...GRAPHIC_UPDATE_TAG_KEY];
     class Arc extends Graphic {
       constructor(params) {
         super(params), this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
@@ -12875,11 +12883,12 @@
           endAngle = arcTheme.endAngle
         } = this.attribute;
         const {
-            cap = arcTheme.cap
+            cap = arcTheme.cap,
+            clipRange = arcTheme.clipRange
           } = this.attribute,
-          sign = endAngle - startAngle >= 0 ? 1 : -1,
-          deltaAngle = endAngle - startAngle;
-        if (startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs(deltaAngle) < pi2 - epsilon) {
+          sign = endAngle - startAngle >= 0 ? 1 : -1;
+        let deltaAngle = endAngle - startAngle;
+        if (deltaAngle *= Math.max(0, Math.min(clipRange, 1)), startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs(deltaAngle) > epsilon && abs(deltaAngle) < pi2 - epsilon) {
           let startCap = 1,
             endCap = 1;
           cap.length && (startCap = Number(cap[0]), endCap = Number(cap[1]));
@@ -21196,7 +21205,7 @@
       };
     }
 
-    var __rest$g = undefined && undefined.__rest || function (s, e) {
+    var __rest$f = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -21294,7 +21303,7 @@
             {
               textConfig = []
             } = _a,
-            rest = __rest$g(_a, ["textConfig"]);
+            rest = __rest$f(_a, ["textConfig"]);
           if ("Backspace" === ev.type && !textConfig.length) return;
           let str = ev.data;
           this.isComposing || "Backspace" === ev.type || str || (str = "\n"), this.selectionStartCursorIdx > this.cursorIndex && ([this.cursorIndex, this.selectionStartCursorIdx] = [this.selectionStartCursorIdx, this.cursorIndex]);
@@ -22316,77 +22325,82 @@
       return instance;
     }
 
-    let loadArcModule = !1;
+    function isBindingContextLoaded(loadedContexts, context) {
+      const key = "object" == typeof context && null !== context || "function" == typeof context ? context : loadedContexts;
+      return !!loadedContexts.has(key) || (loadedContexts.add(key), !1);
+    }
+
+    const loadedArcModuleContexts = new WeakSet();
     function bindArcRenderModule({
       bind: bind
     }) {
-      loadArcModule || (loadArcModule = !0, bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ArcRenderContribution));
+      isBindingContextLoaded(loadedArcModuleContexts, bind) || (bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ArcRenderContribution));
     }
     const arcModule = bindArcRenderModule;
 
-    let loadRectModule = !1;
+    const loadedRectModuleContexts = new WeakSet();
     function bindRectRenderModule({
       bind: bind
     }) {
-      loadRectModule || (loadRectModule = !0, bind(DefaultCanvasRectRender).toDynamicValue(({
+      isBindingContextLoaded(loadedRectModuleContexts, bind) || (bind(DefaultCanvasRectRender).toDynamicValue(({
         container: container
       }) => new DefaultCanvasRectRender(createContributionProvider$1(RectRenderContribution, container))).inSingletonScope(), bind(RectRender).toService(DefaultCanvasRectRender), bind(GraphicRender).toService(RectRender), bind(SplitRectAfterRenderContribution).toSelf(), bind(SplitRectBeforeRenderContribution).toSelf(), bind(RectRenderContribution).toService(SplitRectAfterRenderContribution), bind(RectRenderContribution).toService(SplitRectBeforeRenderContribution), bind(RectRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, RectRenderContribution));
     }
     const rectModule = bindRectRenderModule;
 
-    let loadLineModule = !1;
+    const loadedLineModuleContexts = new WeakSet();
     function bindLineRenderModule({
       bind: bind
     }) {
-      loadLineModule || (loadLineModule = !0, bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender));
+      isBindingContextLoaded(loadedLineModuleContexts, bind) || (bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender));
     }
     const lineModule = bindLineRenderModule;
 
-    let loadAreaModule = !1;
+    const loadedAreaModuleContexts = new WeakSet();
     function bindAreaRenderModule({
       bind: bind
     }) {
-      loadAreaModule || (loadAreaModule = !0, bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, AreaRenderContribution), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope());
+      isBindingContextLoaded(loadedAreaModuleContexts, bind) || (bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, AreaRenderContribution), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope());
     }
     const areaModule = bindAreaRenderModule;
 
-    let loadSymbolModule = !1;
+    const loadedSymbolModuleContexts = new WeakSet();
     function bindSymbolRenderModule({
       bind: bind
     }) {
-      loadSymbolModule || (loadSymbolModule = !0, bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, SymbolRenderContribution));
+      isBindingContextLoaded(loadedSymbolModuleContexts, bind) || (bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, SymbolRenderContribution));
     }
     const symbolModule = bindSymbolRenderModule;
 
-    let loadCircleModule = !1;
+    const loadedCircleModuleContexts = new WeakSet();
     function bindCircleRenderModule({
       bind: bind
     }) {
-      loadCircleModule || (loadCircleModule = !0, bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, CircleRenderContribution));
+      isBindingContextLoaded(loadedCircleModuleContexts, bind) || (bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, CircleRenderContribution));
     }
     const circleModule = bindCircleRenderModule;
 
-    let loadTextModule = !1;
+    const loadedTextModuleContexts = new WeakSet();
     function bindTextRenderModule({
       bind: bind
     }) {
-      loadTextModule || (loadTextModule = !0, bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, TextRenderContribution));
+      isBindingContextLoaded(loadedTextModuleContexts, bind) || (bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, TextRenderContribution));
     }
     const textModule = bindTextRenderModule;
 
-    let loadPathModule = !1;
+    const loadedPathModuleContexts = new WeakSet();
     function bindPathRenderModule({
       bind: bind
     }) {
-      loadPathModule || (loadPathModule = !0, bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PathRenderContribution));
+      isBindingContextLoaded(loadedPathModuleContexts, bind) || (bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PathRenderContribution));
     }
     const pathModule = bindPathRenderModule;
 
-    let loadPolygonModule = !1;
+    const loadedPolygonModuleContexts = new WeakSet();
     function bindPolygonRenderModule({
       bind: bind
     }) {
-      loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
+      isBindingContextLoaded(loadedPolygonModuleContexts, bind) || (bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
     }
     const polygonModule = bindPolygonRenderModule;
 
@@ -22427,11 +22441,11 @@
       }
     }
 
-    let loadStarModule = !1;
+    const loadedStarModuleContexts = new WeakSet();
     function bindStarRenderModule({
       bind: bind
     }) {
-      loadStarModule || (loadStarModule = !0, bind(DefaultCanvasStarRender).toDynamicValue(({
+      isBindingContextLoaded(loadedStarModuleContexts, bind) || (bind(DefaultCanvasStarRender).toDynamicValue(({
         container: container
       }) => new DefaultCanvasStarRender(createContributionProvider$1(StarRenderContribution, container))).inSingletonScope(), bind(StarRender).toService(DefaultCanvasStarRender), bind(GraphicRender).toService(StarRender));
     }
@@ -22464,11 +22478,11 @@
       }
     }
 
-    let loadGlyphModule = !1;
+    const loadedGlyphModuleContexts = new WeakSet();
     function bindGlyphRenderModule({
       bind: bind
     }) {
-      loadGlyphModule || (loadGlyphModule = !0, bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
+      isBindingContextLoaded(loadedGlyphModuleContexts, bind) || (bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
     }
     const glyphModule = bindGlyphRenderModule;
 
@@ -22524,19 +22538,19 @@
       }
     }
 
-    let loadRichtextModule = !1;
+    const loadedRichtextModuleContexts = new WeakSet();
     function bindRichtextRenderModule({
       bind: bind
     }) {
-      loadRichtextModule || (loadRichtextModule = !0, bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender));
+      isBindingContextLoaded(loadedRichtextModuleContexts, bind) || (bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender));
     }
     const richtextModule = bindRichtextRenderModule;
 
-    let loadImageModule = !1;
+    const loadedImageModuleContexts = new WeakSet();
     function bindImageRenderModule({
       bind: bind
     }) {
-      loadImageModule || (loadImageModule = !0, bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
+      isBindingContextLoaded(loadedImageModuleContexts, bind) || (bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
     }
     const imageModule = bindImageRenderModule;
 
@@ -22663,11 +22677,11 @@
       }
     }
 
-    let loadRect3dModule = !1;
+    const loadedRect3dModuleContexts = new WeakSet();
     function bindRect3dRenderModule({
       bind: bind
     }) {
-      loadRect3dModule || (loadRect3dModule = !0, bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
+      isBindingContextLoaded(loadedRect3dModuleContexts, bind) || (bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
     }
     const rect3dModule = bindRect3dRenderModule;
 
@@ -22792,11 +22806,11 @@
       }
     }
 
-    let loadArc3dModule = !1;
+    const loadedArc3dModuleContexts = new WeakSet();
     function bindArc3dRenderModule({
       bind: bind
     }) {
-      loadArc3dModule || (loadArc3dModule = !0, bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
+      isBindingContextLoaded(loadedArc3dModuleContexts, bind) || (bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
     }
     const arc3dModule = bindArc3dRenderModule;
 
@@ -22831,11 +22845,11 @@
       }
     }
 
-    let loadPyramid3dModule = !1;
+    const loadedPyramid3dModuleContexts = new WeakSet();
     function bindPyramid3dRenderModule({
       bind: bind
     }) {
-      loadPyramid3dModule || (loadPyramid3dModule = !0, bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender));
+      isBindingContextLoaded(loadedPyramid3dModuleContexts, bind) || (bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender));
     }
     const pyramid3dModule = bindPyramid3dRenderModule;
 
@@ -31547,7 +31561,7 @@
       }, params);
     };
 
-    var __rest$f = undefined && undefined.__rest || function (s, e) {
+    var __rest$e = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -31571,7 +31585,7 @@
           animation: animation,
           timeline: timeline
         } = _a,
-        props = __rest$f(_a, ["key", "name", "id", "attribute", "stateProxy", "animation", "timeline"]);
+        props = __rest$e(_a, ["key", "name", "id", "attribute", "stateProxy", "animation", "timeline"]);
       let c = type;
       isString$1(type) && (c = graphicCreator$1[type]);
       const childrenList = [];
@@ -33022,187 +33036,6 @@
       loadLottieModule || (loadLottieModule = !0, container.bind(DefaultCanvasLottieRender).toDynamicValue(() => new DefaultCanvasLottieRender(createContributionProvider(RectRenderContribution, container))).inSingletonScope(), container.bind(GraphicRender).toService(DefaultCanvasLottieRender));
     }
 
-    var VRenderKitsRuntime = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        BrowserEnvContribution: BrowserEnvContribution,
-        CanvasArc3dPicker: CanvasArc3dPicker,
-        CanvasArcPicker: CanvasArcPicker,
-        CanvasAreaPicker: CanvasAreaPicker,
-        CanvasCirclePicker: CanvasCirclePicker,
-        CanvasGifImagePicker: CanvasGifImagePicker,
-        CanvasGlyphPicker: CanvasGlyphPicker,
-        CanvasGroupPicker: CanvasGroupPicker,
-        CanvasImagePicker: CanvasImagePicker,
-        CanvasLinePicker: CanvasLinePicker,
-        CanvasLottiePicker: CanvasLottiePicker,
-        CanvasPathPicker: CanvasPathPicker,
-        CanvasPickerContribution: CanvasPickerContribution,
-        CanvasPolygonPicker: CanvasPolygonPicker,
-        CanvasPyramid3dPicker: CanvasPyramid3dPicker,
-        CanvasRect3dPicker: CanvasRect3dPicker,
-        CanvasRectPicker: CanvasRectPicker,
-        CanvasRichTextPicker: CanvasRichTextPicker,
-        CanvasStarPicker: CanvasStarPicker,
-        CanvasSymbolPicker: CanvasSymbolPicker,
-        CanvasTextPicker: CanvasTextPicker,
-        DragNDrop: DragNDrop,
-        Fragment: Fragment,
-        Gesture: Gesture,
-        GifImage: GifImage,
-        Lottie: Lottie,
-        MathArcPicker: MathArcPicker,
-        MathAreaPicker: MathAreaPicker,
-        MathCirclePicker: MathCirclePicker,
-        MathGlyphPicker: MathGlyphPicker,
-        MathImagePicker: MathImagePicker,
-        MathLinePicker: MathLinePicker,
-        MathPathPicker: MathPathPicker,
-        MathPickerContribution: MathPickerContribution,
-        MathPolygonPicker: MathPolygonPicker,
-        MathRectPicker: MathRectPicker,
-        MathRichTextPicker: MathRichTextPicker,
-        MathSymbolPicker: MathSymbolPicker,
-        MathTextPicker: MathTextPicker,
-        REACT_TO_CANOPUS_EVENTS: REACT_TO_CANOPUS_EVENTS,
-        REACT_TO_CANOPUS_EVENTS_LIST: REACT_TO_CANOPUS_EVENTS_LIST,
-        VArc: VArc,
-        VArc3d: VArc3d,
-        VArea: VArea,
-        VCircle: VCircle,
-        VGlyph: VGlyph,
-        VGroup: VGroup,
-        VImage: VImage,
-        VLine: VLine,
-        VPath: VPath,
-        VPolygon: VPolygon,
-        VPyramid3d: VPyramid3d,
-        VRect: VRect,
-        VRect3d: VRect3d,
-        VRichText: VRichText,
-        VSymbol: VSymbol,
-        VText: VText,
-        _registerArc: _registerArc,
-        alternatingWave: alternatingWave,
-        bindArc3dCanvasPickerContribution: bindArc3dCanvasPickerContribution,
-        bindArcCanvasPickerContribution: bindArcCanvasPickerContribution,
-        bindArcMathPickerContribution: bindArcMathPickerContribution,
-        bindAreaCanvasPickerContribution: bindAreaCanvasPickerContribution,
-        bindAreaMathPickerContribution: bindAreaMathPickerContribution,
-        bindBrowserEnv: bindBrowserEnv,
-        bindCircleCanvasPickerContribution: bindCircleCanvasPickerContribution,
-        bindCircleMathPickerContribution: bindCircleMathPickerContribution,
-        bindFeishuEnv: bindFeishuEnv,
-        bindGifImageCanvasPickerContribution: bindGifImageCanvasPickerContribution,
-        bindGifImageRenderContribution: bindGifImageRenderContribution,
-        bindGlyphCanvasPickerContribution: bindGlyphCanvasPickerContribution,
-        bindGlyphMathPickerContribution: bindGlyphMathPickerContribution,
-        bindHarmonyEnv: bindHarmonyEnv,
-        bindImageCanvasPickerContribution: bindImageCanvasPickerContribution,
-        bindImageMathPickerContribution: bindImageMathPickerContribution,
-        bindLineCanvasPickerContribution: bindLineCanvasPickerContribution,
-        bindLineMathPickerContribution: bindLineMathPickerContribution,
-        bindLottieCanvasPickerContribution: bindLottieCanvasPickerContribution,
-        bindLottieRenderContribution: bindLottieRenderContribution,
-        bindLynxEnv: bindLynxEnv,
-        bindMathPicker: bindMathPicker,
-        bindNodeEnv: bindNodeEnv,
-        bindPathCanvasPickerContribution: bindPathCanvasPickerContribution,
-        bindPathMathPickerContribution: bindPathMathPickerContribution,
-        bindPolygonCanvasPickerContribution: bindPolygonCanvasPickerContribution,
-        bindPolygonMathPickerContribution: bindPolygonMathPickerContribution,
-        bindPyramid3dCanvasPickerContribution: bindPyramid3dCanvasPickerContribution,
-        bindRect3dCanvasPickerContribution: bindRect3dCanvasPickerContribution,
-        bindRectCanvasPickerContribution: bindRectCanvasPickerContribution,
-        bindRectMathPickerContribution: bindRectMathPickerContribution,
-        bindRichTextMathPickerContribution: bindRichTextMathPickerContribution,
-        bindRichtextCanvasPickerContribution: bindRichtextCanvasPickerContribution,
-        bindSymbolCanvasPickerContribution: bindSymbolCanvasPickerContribution,
-        bindSymbolMathPickerContribution: bindSymbolMathPickerContribution,
-        bindTTEnv: bindTTEnv,
-        bindTaroEnv: bindTaroEnv,
-        bindTextCanvasPickerContribution: bindTextCanvasPickerContribution,
-        bindTextMathPickerContribution: bindTextMathPickerContribution,
-        bindWxEnv: bindWxEnv,
-        centerToCorner: centerToCorner,
-        columnCenterToEdge: columnCenterToEdge,
-        columnEdgeToCenter: columnEdgeToCenter,
-        columnLeftToRight: columnLeftToRight,
-        columnRightToLeft: columnRightToLeft,
-        cornerToCenter: cornerToCenter,
-        createGifImage: createGifImage,
-        createImageElement: createImageElement$1,
-        createLottie: createLottie,
-        decodeReactDom: decodeReactDom,
-        diagonalCenterToEdge: diagonalCenterToEdge,
-        diagonalTopLeftToBottomRight: diagonalTopLeftToBottomRight,
-        initAllEnv: initAllEnv,
-        initBrowserEnv: initBrowserEnv,
-        initFeishuEnv: initFeishuEnv,
-        initHarmonyEnv: initHarmonyEnv,
-        initLynxEnv: initLynxEnv,
-        initNodeEnv: initNodeEnv,
-        initTTEnv: initTTEnv,
-        initTaroEnv: initTaroEnv,
-        initWxEnv: initWxEnv,
-        installBrowserEnvToApp: installBrowserEnvToApp,
-        installBrowserPickersToApp: installBrowserPickersToApp,
-        installDefaultGraphicsToApp: installDefaultGraphicsToApp,
-        installFeishuEnvToApp: installFeishuEnvToApp,
-        installHarmonyEnvToApp: installHarmonyEnvToApp,
-        installLynxEnvToApp: installLynxEnvToApp,
-        installMathPickersToApp: installMathPickersToApp,
-        installNodeEnvToApp: installNodeEnvToApp,
-        installNodePickersToApp: installNodePickersToApp,
-        installTTEnvToApp: installTTEnvToApp,
-        installTaroEnvToApp: installTaroEnvToApp,
-        installWxEnvToApp: installWxEnvToApp,
-        jsx: jsx,
-        loadAllEnv: loadAllEnv,
-        loadAllModule: loadAllModule,
-        loadBrowserEnv: loadBrowserEnv,
-        loadFeishuEnv: loadFeishuEnv,
-        loadHarmonyEnv: loadHarmonyEnv,
-        loadLynxEnv: loadLynxEnv,
-        loadMathPicker: loadMathPicker,
-        loadNodeEnv: loadNodeEnv,
-        loadTTEnv: loadTTEnv,
-        loadTaroEnv: loadTaroEnv,
-        loadWxEnv: loadWxEnv,
-        particleEffect: particleEffect,
-        pulseWave: pulseWave,
-        randomOpacity: randomOpacity,
-        registerArc: registerArc,
-        registerArc3d: registerArc3d,
-        registerArea: registerArea,
-        registerCircle: registerCircle,
-        registerGifGraphic: registerGifGraphic,
-        registerGifImage: registerGifImage,
-        registerGlyph: registerGlyph,
-        registerGroup: registerGroup,
-        registerImage: registerImage,
-        registerLine: registerLine,
-        registerPath: registerPath,
-        registerPolygon: registerPolygon,
-        registerPyramid3d: registerPyramid3d,
-        registerRect: registerRect,
-        registerRect3d: registerRect3d,
-        registerRichtext: registerRichtext,
-        registerShadowRoot: registerShadowRoot,
-        registerStar: registerStar,
-        registerSymbol: registerSymbol,
-        registerText: registerText,
-        registerWrapText: registerWrapText,
-        rippleEffect: rippleEffect,
-        rotationScan: rotationScan,
-        roughModule: roughModule,
-        rowBottomToTop: rowBottomToTop,
-        rowCenterToEdge: rowCenterToEdge,
-        rowEdgeToCenter: rowEdgeToCenter,
-        rowTopToBottom: rowTopToBottom,
-        snakeWave: snakeWave,
-        spiralEffect: spiralEffect
-    });
-
     class Easing {
       constructor() {}
       static linear(t) {
@@ -37549,36 +37382,40 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
         let from, to;
         super.onBind();
         const attrs = this.target.getFinalAttribute(),
-          fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
-        switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
+          fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
+          options = null === (_b = this.params) || void 0 === _b ? void 0 : _b.options,
+          direction = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) && void 0 !== _d ? _d : null == options ? void 0 : options.direction,
+          fromScaleX = null !== (_j = null !== (_g = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromScaleX) && void 0 !== _f ? _f : null == options ? void 0 : options.fromScaleX) && void 0 !== _g ? _g : null === (_h = this.params) || void 0 === _h ? void 0 : _h.fromScale) && void 0 !== _j ? _j : null == options ? void 0 : options.fromScale,
+          fromScaleY = null !== (_p = null !== (_m = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromScaleY) && void 0 !== _l ? _l : null == options ? void 0 : options.fromScaleY) && void 0 !== _m ? _m : null === (_o = this.params) || void 0 === _o ? void 0 : _o.fromScale) && void 0 !== _p ? _p : null == options ? void 0 : options.fromScale;
+        switch (direction) {
           case "x":
             from = {
-              scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
+              scaleX: null !== (_q = null != fromScaleX ? fromScaleX : fromAttrs.scaleX) && void 0 !== _q ? _q : 0
             }, to = {
-              scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+              scaleX: null !== (_r = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _r ? _r : 1
             }, this._updateFunction = this.updateX;
             break;
           case "y":
             from = {
-              scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
+              scaleY: null !== (_s = null != fromScaleY ? fromScaleY : fromAttrs.scaleY) && void 0 !== _s ? _s : 0
             }, to = {
-              scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+              scaleY: null !== (_t = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _t ? _t : 1
             }, this._updateFunction = this.updateY;
             break;
           default:
             from = {
-              scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
-              scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
+              scaleX: null !== (_u = null != fromScaleX ? fromScaleX : fromAttrs.scaleX) && void 0 !== _u ? _u : 0,
+              scaleY: null !== (_v = null != fromScaleY ? fromScaleY : fromAttrs.scaleY) && void 0 !== _v ? _v : 0
             }, to = {
-              scaleX: null !== (_j = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _j ? _j : 1,
-              scaleY: null !== (_k = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _k ? _k : 1
+              scaleX: null !== (_w = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _w ? _w : 1,
+              scaleY: null !== (_x = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _x ? _x : 1
             }, this._updateFunction = this.updateXY;
         }
-        null === (_m = (_l = this.target).applyFinalAttributeToAttribute) || void 0 === _m || _m.call(_l), this.props = to, this.from = from, this.to = to, !1 !== (null === (_o = this.params.controlOptions) || void 0 === _o ? void 0 : _o.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+        null === (_z = (_y = this.target).applyFinalAttributeToAttribute) || void 0 === _z || _z.call(_y), this.props = to, this.from = from, this.to = to, !1 !== (null === (_0 = this.params.controlOptions) || void 0 === _0 ? void 0 : _0.immediatelyApply) && applyAppearStartAttributes(this.target, from);
       }
       onEnd(cb) {
         super.onEnd(cb);
@@ -40698,7 +40535,7 @@
       registerGroup(), registerRect(), registerSymbol(), registerRichtext(), registerText();
     }
 
-    var __rest$e = undefined && undefined.__rest || function (s, e) {
+    var __rest$d = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -40752,7 +40589,7 @@
         const {
             visible: shapeVisible
           } = shape,
-          shapeStyle = __rest$e(shape, ["visible"]);
+          shapeStyle = __rest$d(shape, ["visible"]);
         if (isBoolean$1(shapeVisible)) {
           const size = (null == shapeStyle ? void 0 : shapeStyle.size) || 10,
             maxSize = isNumber$2(size) ? size : Math.max(size[0], size[1]);
@@ -40853,7 +40690,7 @@
         const {
             visible: bgVisible
           } = panel,
-          backgroundStyle = __rest$e(panel, ["visible"]);
+          backgroundStyle = __rest$d(panel, ["visible"]);
         if (visible && isBoolean$1(bgVisible)) {
           const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
             visible: bgVisible && !!text,
@@ -40935,7 +40772,7 @@
       merge(theme.poptip, DEFAULT_THEME, defaultPoptipTheme);
     }
 
-    var __rest$d = undefined && undefined.__rest || function (s, e) {
+    var __rest$c = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -41044,7 +40881,7 @@
             visible: bgVisible,
             square: square
           } = panel,
-          backgroundStyle = __rest$d(panel, ["visible", "square"]);
+          backgroundStyle = __rest$c(panel, ["visible", "square"]);
         if (square) {
           const maxWH = max(popTipWidth, poptipHeight);
           popTipWidth = maxWH;
@@ -43025,7 +42862,7 @@
       registerGroup(), registerPath();
     }
 
-    var __rest$c = undefined && undefined.__rest || function (s, e) {
+    var __rest$b = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -43132,7 +42969,7 @@
             style: style,
             state: state
           } = _a,
-          restLineAttrs = __rest$c(_a, ["startSymbol", "endSymbol", "style", "state"]),
+          restLineAttrs = __rest$b(_a, ["startSymbol", "endSymbol", "style", "state"]),
           lineAttrs = Object.assign({
             startSymbol: startSymbol,
             endSymbol: endSymbol,
@@ -43173,7 +43010,7 @@
             state = {},
             maxWidth: maxWidth
           } = _d,
-          restAttrs = __rest$c(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
+          restAttrs = __rest$b(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
         let percent = .5;
         "start" === position ? percent = 0 : "end" === position && (percent = 1);
         const {
@@ -43275,7 +43112,7 @@
             text: textContent = "",
             maxWidth: maxWidth
           } = _c,
-          restAttrs = __rest$c(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
+          restAttrs = __rest$b(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
           point = this.getTickCoord(0);
         "bottom" === orient || "top" === orient ? point.x = position : point.y = position;
         let tickLength = 0;
@@ -43647,7 +43484,7 @@
       });
     }
 
-    var __rest$b = undefined && undefined.__rest || function (s, e) {
+    var __rest$a = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -43706,7 +43543,7 @@
             background: background,
             state = {}
           } = _d,
-          restAttrs = __rest$b(_d, ["space", "textStyle", "shape", "background", "state"]);
+          restAttrs = __rest$a(_d, ["space", "textStyle", "shape", "background", "state"]);
         let titlePoint = center,
           labelHeight = 0;
         (null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.visible) && !1 === this.attribute.label.inside && (labelHeight = get$1(this.attribute.label, "style.fontSize", 12) + get$1(this.attribute.label, "space", 4));
@@ -45265,15 +45102,6 @@
       return "left" === align ? 0 : "right" === align ? 1 : .5;
     }
 
-    var __rest$a = undefined && undefined.__rest || function (s, e) {
-      var t = {};
-      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
-        var i = 0;
-        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-      }
-      return t;
-    };
     class LabelUpdate extends AComponentAnimate {
       onBind() {
         const animator = createComponentAnimator(this.target);
@@ -45289,8 +45117,8 @@
           } = this.params,
           diff = {};
         for (const key in curText.attribute) prevText.attribute[key] !== curText.attribute[key] && (diff[key] = curText.attribute[key]);
-        const rest = __rest$a(diff, ["text"]);
-        animator.animate(prevText, {
+        const rest = Object.assign({}, diff);
+        delete rest.text, animator.animate(prevText, {
           type: "to",
           to: rest,
           duration: duration,
@@ -48752,6 +48580,10 @@
       }
     }
 
+    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;
@@ -48770,7 +48602,7 @@
       }, 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) {
       tag && (graphicFadeIn(tag.getTextShape(), delay, duration, easing), graphicFadeIn(tag.getBgRect(), delay, duration, easing));
@@ -48789,7 +48621,7 @@
       }, 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));
@@ -48800,12 +48632,14 @@
         lineDuration = .7 * duration,
         endSymbolDuration = .1 * duration,
         labelDuration = .1 * duration;
-      graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing), line.lines.forEach(line => commitUpdateAnimationTarget(line, {
+      graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing);
+      const lines = getSegmentLineGraphics(line);
+      lines.forEach(line => 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);
@@ -48862,12 +48696,14 @@
         decorativeDuration = .05 * duration,
         endSymbolDuration = .1 * duration,
         labelDuration = .1 * duration;
-      graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing), itemLine.lines.forEach(line => commitUpdateAnimationTarget(line, {
+      graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing);
+      const lines = getSegmentLineGraphics(itemLine);
+      lines.forEach(line => 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);
@@ -55881,14 +55717,13 @@
     const BOOTSTRAP_STATE = Symbol.for('vrender.bootstrap.state');
     const installBrowserEnvToAppWithParams = installBrowserEnvToApp;
     const installNodeEnvToAppWithParams = installNodeEnvToApp;
-    const runtimeKits = VRenderKitsRuntime;
     const miniEnvBootstraps = {
-        taro: { installEnv: runtimeKits.installTaroEnvToApp, loadEnv: runtimeKits.loadTaroEnv },
-        feishu: { installEnv: runtimeKits.installFeishuEnvToApp, loadEnv: runtimeKits.loadFeishuEnv },
-        tt: { installEnv: runtimeKits.installTTEnvToApp, loadEnv: runtimeKits.loadTTEnv },
-        wx: { installEnv: runtimeKits.installWxEnvToApp, loadEnv: runtimeKits.loadWxEnv },
-        lynx: { installEnv: runtimeKits.installLynxEnvToApp, loadEnv: runtimeKits.loadLynxEnv },
-        harmony: { installEnv: runtimeKits.installHarmonyEnvToApp, loadEnv: runtimeKits.loadHarmonyEnv }
+        taro: { installEnv: installTaroEnvToApp, loadEnv: loadTaroEnv },
+        feishu: { installEnv: installFeishuEnvToApp, loadEnv: loadFeishuEnv },
+        tt: { installEnv: installTTEnvToApp, loadEnv: loadTTEnv },
+        wx: { installEnv: installWxEnvToApp, loadEnv: loadWxEnv },
+        lynx: { installEnv: installLynxEnvToApp, loadEnv: loadLynxEnv },
+        harmony: { installEnv: installHarmonyEnvToApp, loadEnv: loadHarmonyEnv }
     };
     const pluginRegistrations = [
         registerFlexLayoutPlugin,
@@ -56033,7 +55868,7 @@
         const bootstrap = miniEnvBootstraps[env];
         bootstrap.installEnv(app, envParams);
         installDefaultGraphicsToApp(app);
-        runtimeKits.installMathPickersToApp(app);
+        installMathPickersToApp(app);
         bootstrap.loadEnv();
         legacyGraphicRegistrations.forEach(register => register());
         syncLegacyRenderersToApp(app);
@@ -56264,7 +56099,7 @@
         return resolveLegacyApp().createStage(params);
     }
 
-    const version = "1.1.0-alpha.23";
+    const version = "1.1.0-alpha.24";
 
     exports.AComponentAnimate = AComponentAnimate;
     exports.ACustomAnimate = ACustomAnimate;