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

package/dist/index.es.js

@@ -10859,6 +10859,22 @@ class Graphic extends Node {
         });
         return snapshot;
     }
+    buildStateAnimationTargetAttrs(resolvedStateAttrs, previousResolvedStatePatch) {
+        const targetAttrs = cloneAttributeValue(resolvedStateAttrs);
+        if (!previousResolvedStatePatch) {
+            return targetAttrs;
+        }
+        const snapshot = this.buildStaticAttributeSnapshot();
+        Object.keys(previousResolvedStatePatch).forEach(key => {
+            if (Object.prototype.hasOwnProperty.call(targetAttrs, key)) {
+                return;
+            }
+            targetAttrs[key] = Object.prototype.hasOwnProperty.call(snapshot, key)
+                ? cloneAttributeValue(snapshot[key])
+                : this.getDefaultAttribute(key);
+        });
+        return targetAttrs;
+    }
     syncObjectToSnapshot(target, snapshot) {
         const delta = new Map();
         const keySet = new Set([...Object.keys(target), ...Object.keys(snapshot)]);
@@ -11668,6 +11684,9 @@ class Graphic extends Node {
             return;
         }
         const previousStates = this.currentStates ? this.currentStates.slice() : [];
+        const previousResolvedStatePatch = this.resolvedStatePatch
+            ? cloneAttributeValue(this.resolvedStatePatch)
+            : undefined;
         const stateResolveBaseAttrs = ((_a = this.baseAttributes) !== null && _a !== void 0 ? _a : this.attribute);
         const stateModel = this.createStateModel();
         (_b = this.stateEngine) === null || _b === void 0 ? void 0 : _b.setResolveContext(this, stateResolveBaseAttrs);
@@ -11693,7 +11712,7 @@ class Graphic extends Node {
         });
         if (hasAnimation) {
             this._syncFinalAttributeFromStaticTruth();
-            this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation);
+            this.applyStateAttrs(this.buildStateAnimationTargetAttrs(resolvedStateAttrs, previousResolvedStatePatch), transition.states, hasAnimation);
         }
         else {
             this.stopStateAnimates();

package/es/allocator/bounds-allocate.js

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

package/es/allocator/canvas-allocate.js

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

package/es/allocator/constants.js

@@ -15,4 +15,4 @@ export const PathAllocate = Symbol.for("PathAllocate");
 export const SymbolAllocate = Symbol.for("SymbolAllocate");
 
 export const TextAllocate = Symbol.for("TextAllocate");
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/es/allocator/graphic-allocate.js

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

package/es/allocator/matrix-allocate.js

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

package/es/canvas/constants.js

@@ -1,4 +1,3 @@
 export const CanvasFactory = Symbol.for("CanvasFactory");
 
-export const Context2dFactory = Symbol.for("Context2dFactory");
-//# sourceMappingURL=constants.js.map
+export const Context2dFactory = Symbol.for("Context2dFactory");

package/es/color-string/index.js

@@ -2,4 +2,5 @@ export * from "./interpolate";
 
 export * from "./store";
 
-export * from "./colorName";
+export * from "./colorName";
+//# sourceMappingURL=index.js.map

package/es/common/event-transformer.js

@@ -113,5 +113,4 @@ export function mapToCanvasPointForCanvas(nativeEvent) {
         x: nativeEvent._canvasX || 0,
         y: nativeEvent._canvasY || 0
     };
-}
-//# sourceMappingURL=event-transformer.js.map
+}

package/es/common/generator.js

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

package/es/common/rect-utils.js

@@ -17,4 +17,4 @@ export const normalizeRectAttributes = attribute => {
         height: height
     };
 };
-//# sourceMappingURL=rect-utils.js.map
+//# sourceMappingURL=rect-utils.js.map

package/es/common/render-area.js

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

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

@@ -6,4 +6,4 @@ export function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy
         commandFuncs[command[0]](command, context, x, y, sx, sy, z);
     }
 }
-//# sourceMappingURL=render-command-list.js.map
+//# sourceMappingURL=render-command-list.js.map

package/es/common/render-curve.js

@@ -93,4 +93,4 @@ export function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
         path.closePath();
     }));
 }
-//# sourceMappingURL=render-curve.js.map
+//# sourceMappingURL=render-curve.js.map

package/es/common/render-utils.js

@@ -11,4 +11,4 @@ export function drawSegItem(ctx, curve, endPercent, params) {
         ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);
     }
 }
-//# sourceMappingURL=render-utils.js.map
+//# sourceMappingURL=render-utils.js.map

package/es/common/seg-context.js

@@ -91,4 +91,4 @@ export class ReflectSegContext extends SegContext {
         return super.clear();
     }
 }
-//# sourceMappingURL=seg-context.js.map
+//# sourceMappingURL=seg-context.js.map

package/es/common/simplify.js

@@ -30,4 +30,4 @@ export function flatten_simplify(points, tolerance, highestQuality) {
     if (points.length <= 10) return points;
     return points = highestQuality ? points : simplifyRadialDist(points, void 0 !== tolerance ? tolerance * tolerance : 1);
 }
-//# sourceMappingURL=simplify.js.map
+//# sourceMappingURL=simplify.js.map

package/es/common/sort.js

@@ -94,4 +94,4 @@ export function findNextGraphic(graphic, id, defaultZIndex, reverse = !1) {
     !1)), reverse);
     return result;
 }
-//# sourceMappingURL=sort.js.map
+//# sourceMappingURL=sort.js.map

package/es/common/split-path.js

@@ -248,4 +248,4 @@ export const splitPath = (path, count) => {
     }
     return res;
 };
-//# sourceMappingURL=split-path.js.map
+//# sourceMappingURL=split-path.js.map

package/es/common/store.js

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

package/es/common/text.js

@@ -23,4 +23,5 @@ export function textAttributesToStyle(attrs) {
     })), isValid(attrs.maxLineWidth) && (style["max-width"] = parsePxValue(attrs.maxLineWidth)), 
     attrs.underline ? style["text-decoration"] = "underline" : attrs.lineThrough && (style["text-decoration"] = "line-through"), 
     attrs.fill && isString(attrs.fill) && (style.color = attrs.fill), style;
-}
+}
+//# sourceMappingURL=text.js.map

package/es/common/utils.js

@@ -148,4 +148,4 @@ export const calculateLineHeight = (lineHeight, fontSize) => {
     const _lh = _calculateLineHeight(lineHeight, fontSize);
     return isNaN(_lh) ? _lh : Math.max(fontSize, _lh);
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/es/core/graphic-utils.js

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

package/es/core/index.js

@@ -15,4 +15,4 @@ export * from "./layer-service";
 export * from "./constants";
 
 export * from "../interface/core";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/core/layer-service.js

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

package/es/core/layer.js

@@ -112,4 +112,4 @@ export class Layer extends Group {
         }, params)), this.afterDrawCbs.forEach((c => c(this)));
     }
 }
-//# sourceMappingURL=layer.js.map
+//# sourceMappingURL=layer.js.map

package/es/core/light.js

@@ -23,4 +23,4 @@ export class DirectionalLight {
 export const registerDirectionalLight = () => {
     Factory.registerPlugin("DirectionalLight", DirectionalLight);
 };
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/es/core/stage.js

@@ -605,4 +605,4 @@ export class Stage extends Group {
         this.renderService.reInit(), this.pickerService.reInit();
     }
 }
-//# sourceMappingURL=stage.js.map
+//# sourceMappingURL=stage.js.map

package/es/core/window.js

@@ -150,4 +150,4 @@ export class DefaultWindow extends EventListenerManager {
         return this._handler.getTopLeft(baseWindow);
     }
 }
-//# sourceMappingURL=window.js.map
+//# sourceMappingURL=window.js.map

package/es/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/es/graphic/graphic.js

@@ -297,6 +297,14 @@ export class Graphic extends 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 => {
@@ -778,7 +786,7 @@ export class Graphic extends 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;
@@ -789,7 +797,7 @@ export class Graphic extends Node {
         null === (_e = 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: AttributeUpdateType.STATE
         }), this._emitCustomEvent("afterStateUpdate", {