@visactor/vrender-core 1.1.0-alpha.4 → 1.1.0-alpha.6

package/cjs/allocator/bounds-allocate.js

@@ -35,4 +35,4 @@ class DefaultBoundsAllocate {
 }
 
 exports.DefaultBoundsAllocate = DefaultBoundsAllocate, exports.boundsAllocate = new DefaultBoundsAllocate;
-//# sourceMappingURL=bounds-allocate.js.map
+//# sourceMappingURL=bounds-allocate.js.map

package/cjs/allocator/canvas-allocate.js

@@ -56,4 +56,4 @@ class DefaultCanvasAllocate {
 }
 
 exports.DefaultCanvasAllocate = DefaultCanvasAllocate, exports.canvasAllocate = new DefaultCanvasAllocate;
-//# sourceMappingURL=canvas-allocate.js.map
+//# sourceMappingURL=canvas-allocate.js.map

package/cjs/allocator/constants.js

@@ -8,4 +8,4 @@ exports.ArcAllocate = Symbol.for("ArcAllocate"), exports.AreaAllocate = Symbol.f
 exports.CircleAllocate = Symbol.for("CircleAllocate"), exports.LineAllocate = Symbol.for("LineAllocate"), 
 exports.PathAllocate = Symbol.for("PathAllocate"), exports.SymbolAllocate = Symbol.for("SymbolAllocate"), 
 exports.TextAllocate = Symbol.for("TextAllocate");
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/cjs/allocator/graphic-allocate.js

@@ -160,4 +160,4 @@ class DefaultGraphicMemoryManager {
 }
 
 exports.DefaultGraphicMemoryManager = DefaultGraphicMemoryManager, exports.defaultGraphicMemoryManager = new DefaultGraphicMemoryManager;
-//# sourceMappingURL=graphic-allocate.js.map
+//# sourceMappingURL=graphic-allocate.js.map

package/cjs/allocator/matrix-allocate.js

@@ -72,4 +72,4 @@ class DefaultMat4Allocate {
 
 exports.DefaultMat4Allocate = DefaultMat4Allocate, exports.matrixAllocate = new DefaultMatrixAllocate, 
 exports.mat4Allocate = new DefaultMat4Allocate;
-//# sourceMappingURL=matrix-allocate.js.map
+//# sourceMappingURL=matrix-allocate.js.map

package/cjs/canvas/constants.js

@@ -3,5 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Context2dFactory = exports.CanvasFactory = void 0, exports.CanvasFactory = Symbol.for("CanvasFactory"), 
-exports.Context2dFactory = Symbol.for("Context2dFactory");
-//# sourceMappingURL=constants.js.map
+exports.Context2dFactory = Symbol.for("Context2dFactory");

package/cjs/color-string/index.js

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

package/cjs/common/event-transformer.js

@@ -123,5 +123,4 @@ function mapToCanvasPointForCanvas(nativeEvent) {
 
 exports.createEventTransformer = createEventTransformer, exports.createCanvasEventTransformer = createCanvasEventTransformer, 
 exports.registerWindowEventTransformer = registerWindowEventTransformer, exports.registerGlobalEventTransformer = registerGlobalEventTransformer, 
-exports.transformPointForCanvas = transformPointForCanvas, exports.mapToCanvasPointForCanvas = mapToCanvasPointForCanvas;
-//# sourceMappingURL=event-transformer.js.map
+exports.transformPointForCanvas = transformPointForCanvas, exports.mapToCanvasPointForCanvas = mapToCanvasPointForCanvas;

package/cjs/common/generator.js

@@ -10,4 +10,5 @@ class Generator {
     }
 }
 
-exports.Generator = Generator, Generator.auto_increment_id = 0;
+exports.Generator = Generator, Generator.auto_increment_id = 0;
+//# sourceMappingURL=generator.js.map

package/cjs/common/rect-utils.js

@@ -24,4 +24,4 @@ const vutils_1 = require("@visactor/vutils"), normalizeRectAttributes = attribut
 };
 
 exports.normalizeRectAttributes = normalizeRectAttributes;
-//# sourceMappingURL=rect-utils.js.map
+//# sourceMappingURL=rect-utils.js.map

package/cjs/common/render-area.js

@@ -61,5 +61,5 @@ function drawAreaBlock(path, topList, bottomList, params) {
     path.closePath();
 }
 
+exports.drawAreaSegments = drawAreaSegments;
 //# sourceMappingURL=render-area.js.map
-exports.drawAreaSegments = drawAreaSegments;

package/cjs/common/render-command-list.js

@@ -14,4 +14,4 @@ function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy = 1, z
 }
 
 exports.renderCommandList = renderCommandList;
-//# sourceMappingURL=render-command-list.js.map
+//# sourceMappingURL=render-command-list.js.map

package/cjs/common/render-curve.js

@@ -99,4 +99,4 @@ function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
 
 exports.drawSegments = drawSegments, exports.drawIncrementalSegments = drawIncrementalSegments, 
 exports.drawIncrementalAreaSegments = drawIncrementalAreaSegments;
-//# sourceMappingURL=render-curve.js.map
+//# sourceMappingURL=render-curve.js.map

package/cjs/common/render-utils.js

@@ -19,4 +19,4 @@ function drawSegItem(ctx, curve, endPercent, params) {
 }
 
 exports.drawSegItem = drawSegItem;
-//# sourceMappingURL=render-utils.js.map
+//# sourceMappingURL=render-utils.js.map

package/cjs/common/seg-context.js

@@ -95,4 +95,4 @@ class ReflectSegContext extends SegContext {
 }
 
 exports.ReflectSegContext = ReflectSegContext;
-//# sourceMappingURL=seg-context.js.map
+//# sourceMappingURL=seg-context.js.map

package/cjs/common/simplify.js

@@ -36,4 +36,4 @@ function flatten_simplify(points, tolerance, highestQuality) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.flatten_simplify = void 0, exports.flatten_simplify = flatten_simplify;
-//# sourceMappingURL=simplify.js.map
+//# sourceMappingURL=simplify.js.map

package/cjs/common/sort.js

@@ -101,4 +101,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.findNextGraphic = exports.foreachAsync = exports.foreach = void 0, exports.foreach = foreach, 
 exports.foreachAsync = foreachAsync, exports.findNextGraphic = findNextGraphic;
-//# sourceMappingURL=sort.js.map
+//# sourceMappingURL=sort.js.map

package/cjs/common/split-path.js

@@ -269,4 +269,4 @@ const splitPath = (path, count) => {
 };
 
 exports.splitPath = splitPath;
-//# sourceMappingURL=split-path.js.map
+//# sourceMappingURL=split-path.js.map

package/cjs/common/store.js

@@ -1,2 +1,2 @@
 class StageStore {}
-//# sourceMappingURL=store.js.map
+//# sourceMappingURL=store.js.map

package/cjs/common/text.js

@@ -33,4 +33,5 @@ function textAttributesToStyle(attrs) {
 }
 
 exports.textDrawOffsetY = textDrawOffsetY, exports.textDrawOffsetX = textDrawOffsetX, 
-exports.textLayoutOffsetY = textLayoutOffsetY, exports.textAttributesToStyle = textAttributesToStyle;
+exports.textLayoutOffsetY = textLayoutOffsetY, exports.textAttributesToStyle = textAttributesToStyle;
+//# sourceMappingURL=text.js.map

package/cjs/common/utils.js

@@ -163,4 +163,4 @@ const calculateLineHeight = (lineHeight, fontSize) => {
 };
 
 exports.calculateLineHeight = calculateLineHeight;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/cjs/core/graphic-utils.js

@@ -162,4 +162,4 @@ class DefaultTransformUtil {
 }
 
 exports.DefaultTransformUtil = DefaultTransformUtil;
-//# sourceMappingURL=graphic-utils.js.map
+//# sourceMappingURL=graphic-utils.js.map

package/cjs/core/index.js

@@ -22,4 +22,4 @@ __exportStar(require("./layer"), exports), __exportStar(require("./stage"), expo
 __exportStar(require("./graphic-utils"), exports), __exportStar(require("./contributions"), exports), 
 __exportStar(require("./layer-service"), exports), __exportStar(require("./constants"), exports), 
 __exportStar(require("../interface/core"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/core/layer-service.js

@@ -80,5 +80,4 @@ class DefaultLayerService {
 }
 
 exports.DefaultLayerService = DefaultLayerService, DefaultLayerService.idprefix = "visactor_layer", 
-DefaultLayerService.prefix_count = 0;
-//# sourceMappingURL=layer-service.js.map
+DefaultLayerService.prefix_count = 0;

package/cjs/core/layer.js

@@ -116,4 +116,4 @@ class Layer extends group_1.Group {
 }
 
 exports.Layer = Layer;
-//# sourceMappingURL=layer.js.map
+//# sourceMappingURL=layer.js.map

package/cjs/core/light.js

@@ -29,4 +29,4 @@ const registerDirectionalLight = () => {
 };
 
 exports.registerDirectionalLight = registerDirectionalLight;
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/cjs/core/stage.js

@@ -571,4 +571,4 @@ class Stage extends group_1.Group {
 }
 
 exports.Stage = Stage;
-//# sourceMappingURL=stage.js.map
+//# sourceMappingURL=stage.js.map

package/cjs/core/window.js

@@ -150,4 +150,4 @@ class DefaultWindow extends event_listener_manager_1.EventListenerManager {
 }
 
 exports.DefaultWindow = DefaultWindow;
-//# sourceMappingURL=window.js.map
+//# sourceMappingURL=window.js.map

package/cjs/graphic/graphic.d.ts

@@ -149,6 +149,7 @@ export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Par
     };
     protected recomputeCurrentStatePatch(): void;
     protected buildStaticAttributeSnapshot(): Partial<T>;
+    protected buildStateAnimationTargetAttrs(resolvedStateAttrs: Partial<T>, previousResolvedStatePatch?: Partial<T>): Partial<T>;
     protected syncObjectToSnapshot(target: Record<string, any>, snapshot: Record<string, any>): AttributeDelta;
     protected _syncAttribute(): AttributeDelta;
     protected _syncFinalAttributeFromStaticTruth(): void;

package/cjs/graphic/graphic.js

@@ -254,6 +254,14 @@ class Graphic extends node_tree_1.Node {
             "deep" === this.stateMergeMode && isPlainObjectValue(previousValue) && isPlainObjectValue(nextValue) ? snapshot[key] = deepMergeAttributeValue(previousValue, nextValue) : snapshot[key] = cloneAttributeValue(nextValue);
         })), snapshot) : snapshot;
     }
+    buildStateAnimationTargetAttrs(resolvedStateAttrs, previousResolvedStatePatch) {
+        const targetAttrs = cloneAttributeValue(resolvedStateAttrs);
+        if (!previousResolvedStatePatch) return targetAttrs;
+        const snapshot = this.buildStaticAttributeSnapshot();
+        return Object.keys(previousResolvedStatePatch).forEach((key => {
+            Object.prototype.hasOwnProperty.call(targetAttrs, key) || (targetAttrs[key] = Object.prototype.hasOwnProperty.call(snapshot, key) ? cloneAttributeValue(snapshot[key]) : this.getDefaultAttribute(key));
+        })), targetAttrs;
+    }
     syncObjectToSnapshot(target, snapshot) {
         const delta = new Map;
         return new Set([ ...Object.keys(target), ...Object.keys(snapshot) ]).forEach((key => {
@@ -743,7 +751,7 @@ class Graphic extends node_tree_1.Node {
     useStates(states, hasAnimation) {
         var _a, _b, _c, _d, _e;
         if (!states.length) return void this.clearStates(hasAnimation);
-        const previousStates = this.currentStates ? this.currentStates.slice() : [], stateResolveBaseAttrs = null !== (_a = this.baseAttributes) && void 0 !== _a ? _a : this.attribute, stateModel = this.createStateModel();
+        const previousStates = this.currentStates ? this.currentStates.slice() : [], previousResolvedStatePatch = this.resolvedStatePatch ? cloneAttributeValue(this.resolvedStatePatch) : void 0, stateResolveBaseAttrs = null !== (_a = this.baseAttributes) && void 0 !== _a ? _a : this.attribute, stateModel = this.createStateModel();
         null === (_b = this.stateEngine) || void 0 === _b || _b.setResolveContext(this, stateResolveBaseAttrs);
         const transition = stateModel.useStates(states);
         if (!transition.changed && this.sameStateNames(previousStates, transition.states)) return;
@@ -755,7 +763,7 @@ class Graphic extends node_tree_1.Node {
         null === (_e = (0, state_perf_monitor_1.getStageStatePerfMonitor)(this.stage)) || void 0 === _e || _e.recordEvent("state-commit", {
             graphicId: this._uid,
             targetStates: [ ...transition.states ]
-        }), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation)) : (this.stopStateAnimates(), 
+        }), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(this.buildStateAnimationTargetAttrs(resolvedStateAttrs, previousResolvedStatePatch), transition.states, hasAnimation)) : (this.stopStateAnimates(), 
         this._restoreAttributeFromStaticTruth({
             type: enums_1.AttributeUpdateType.STATE
         }), this._emitCustomEvent("afterStateUpdate", {