@visactor/vrender-components 1.1.0 → 1.1.1-alpha.0

package/cjs/axis/base.js

@@ -386,4 +386,4 @@ class AxisBase extends animate_component_1.AnimateComponent {
 }
 
 exports.AxisBase = AxisBase;
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map

package/cjs/axis/circle.js

@@ -170,4 +170,4 @@ class CircleAxis extends base_1.AxisBase {
 
 exports.CircleAxis = CircleAxis, CircleAxis.defaultAttributes = config_1.DEFAULT_AXIS_THEME, 
 (0, vutils_1.mixin)(CircleAxis, circle_1.CircleAxisMixin);
-//# sourceMappingURL=circle.js.map
+//# sourceMappingURL=circle.js.map

package/cjs/axis/config.js

@@ -82,4 +82,4 @@ exports.DEFAULT_AXIS_THEME = {
     lineWidth: 1,
     zIndex: 1
 };
-//# sourceMappingURL=config.js.map
+//# sourceMappingURL=config.js.map

package/cjs/axis/constant.js

@@ -24,4 +24,5 @@ function(AxisStateValue) {
     [AxisStateValue.selected]: {},
     [AxisStateValue.hover]: {},
     [AxisStateValue.hoverReverse]: {}
-}, exports.TopZIndex = 999;
+}, exports.TopZIndex = 999;
+//# sourceMappingURL=constant.js.map

package/cjs/axis/index.js

@@ -21,4 +21,4 @@ Object.defineProperty(exports, "__esModule", {
 __exportStar(require("./type"), exports), __exportStar(require("./animate"), exports), 
 __exportStar(require("./constant"), exports), __exportStar(require("./util"), exports), 
 __exportStar(require("./tick-data"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/axis/line.js

@@ -392,4 +392,4 @@ class LineAxis extends base_1.AxisBase {
 
 exports.LineAxis = LineAxis, LineAxis.defaultAttributes = config_1.DEFAULT_AXIS_THEME, 
 (0, vutils_1.mixin)(LineAxis, line_1.LineAxisMixin);
-//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/cjs/axis/register.js

@@ -30,4 +30,4 @@ function loadCircleAxisGridComponent() {
 
 exports.loadLineAxisComponent = loadLineAxisComponent, exports.loadCircleAxisComponent = loadCircleAxisComponent, 
 exports.loadLineAxisGridComponent = loadLineAxisGridComponent, exports.loadCircleAxisGridComponent = loadCircleAxisGridComponent;
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/cjs/axis/type.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/cjs/axis/util.js

@@ -105,4 +105,4 @@ exports.getVerticalCoord = getVerticalCoord, exports.getCircleVerticalVector = g
 exports.angleLabelOrientAttribute = angleLabelOrientAttribute, exports.getPolarAngleLabelPosition = getPolarAngleLabelPosition, 
 exports.getCirclePoints = getCirclePoints, exports.getPolygonPath = getPolygonPath, 
 exports.textIntersect = textIntersect, exports.hasOverlap = hasOverlap;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/brush/type.js

@@ -8,5 +8,4 @@ Object.defineProperty(exports, "__esModule", {
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushActive = "brushActive", IOperateType.brushClear = "brushClear";
-}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));
-//# sourceMappingURL=type.js.map
+}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));

package/cjs/crosshair/polygon-sector.js

@@ -38,4 +38,5 @@ exports.PolygonSectorCrosshair = PolygonSectorCrosshair, PolygonSectorCrosshair.
         fill: "#b2bacf",
         opacity: .2
     }
-};
+};
+//# sourceMappingURL=polygon-sector.js.map

package/cjs/data-zoom/interaction.js

@@ -175,5 +175,4 @@ class DataZoomInteraction extends vutils_1.EventEmitter {
     }
 }
 
-exports.DataZoomInteraction = DataZoomInteraction;
-//# sourceMappingURL=interaction.js.map
+exports.DataZoomInteraction = DataZoomInteraction;

package/cjs/empty-tip/register.js

@@ -11,4 +11,5 @@ function loadEmptyTipComponent() {
     register_image_1.registerImage)();
 }
 
-exports.loadEmptyTipComponent = loadEmptyTipComponent;
+exports.loadEmptyTipComponent = loadEmptyTipComponent;
+//# sourceMappingURL=register.js.map

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "1.1.0";
+export declare const version = "1.1.1-alpha.0";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "1.1.0", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "1.1.1-alpha.0", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./core/type"), exports), __exportStar(require("./scrollbar"), exports), 
 __exportStar(require("./tag"), exports), __exportStar(require("./poptip"), exports), 
 __exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,OAAO,CAAC;AAE/B,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB;AACvB,2CAAyB;AACzB,+CAA6B;AAC7B,wDAAsC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.0\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,eAAe,CAAC;AAEvC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB;AACvB,2CAAyB;AACzB,+CAA6B;AAC7B,wDAAsC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.1-alpha.0\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}

package/cjs/jsx/index.js

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

package/cjs/label/arc.js

@@ -520,5 +520,4 @@ const registerArcDataLabel = () => {
     (0, data_label_register_1.registerLabelComponent)("arc", ArcLabel);
 };
 
-exports.registerArcDataLabel = registerArcDataLabel;
-//# sourceMappingURL=arc.js.map
+exports.registerArcDataLabel = registerArcDataLabel;

package/cjs/label/base.js

@@ -634,4 +634,4 @@ exports.LabelBase = LabelBase, LabelBase.defaultAttributes = {
     offset: 0,
     pickable: !1
 };
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map

package/cjs/label/data-label-register.js

@@ -13,4 +13,4 @@ exports.registerLabelComponent = registerLabelComponent;
 const getLabelComponent = type => labelComponentMap[type];
 
 exports.getLabelComponent = getLabelComponent;
-//# sourceMappingURL=data-label-register.js.map
+//# sourceMappingURL=data-label-register.js.map

package/cjs/label/dataLabel.js

@@ -110,4 +110,4 @@ class DataLabel extends base_1.AbstractComponent {
 exports.DataLabel = DataLabel, DataLabel.defaultAttributes = {
     pickable: !1
 };
-//# sourceMappingURL=dataLabel.js.map
+//# sourceMappingURL=dataLabel.js.map

package/cjs/label/index.js

@@ -21,4 +21,4 @@ Object.defineProperty(exports, "__esModule", {
 __exportStar(require("./rect"), exports), __exportStar(require("./line"), exports), 
 __exportStar(require("./base"), exports), __exportStar(require("./arc"), exports), 
 __exportStar(require("./dataLabel"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/label/line.js

@@ -57,4 +57,4 @@ const registerLineDataLabel = () => {
 };
 
 exports.registerLineDataLabel = registerLineDataLabel;
-//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/cjs/label/polygon.js

@@ -40,4 +40,4 @@ exports.PolygonLabel = PolygonLabel, PolygonLabel.defaultAttributes = {
     position: "center",
     offset: 6
 };
-//# sourceMappingURL=polygon.js.map
+//# sourceMappingURL=polygon.js.map

package/cjs/label/rect.js

@@ -60,4 +60,4 @@ const registerRectDataLabel = () => {
 };
 
 exports.registerRectDataLabel = registerRectDataLabel;
-//# sourceMappingURL=rect.js.map
+//# sourceMappingURL=rect.js.map

package/dist/index.es.js

@@ -4963,9 +4963,10 @@ class Graphic extends Node {
       } else assignFallbackAttr(this.getStateTransitionDefaultAttribute(key, staticTargetAttrs));
     }), extraAttrs;
   }
-  syncObjectToSnapshot(target, snapshot) {
+  syncObjectToSnapshot(target, snapshot, excludedKeys) {
     const delta = new Map();
     return new Set([...Object.keys(target), ...Object.keys(snapshot)]).forEach(key => {
+      if (!0 === (null == excludedKeys ? void 0 : excludedKeys[key])) return;
       const hasNext = Object.prototype.hasOwnProperty.call(snapshot, key),
         previousValue = target[key];
       if (!hasNext) return void (Object.prototype.hasOwnProperty.call(target, key) && (delta.set(key, {
@@ -4979,17 +4980,17 @@ class Graphic extends Node {
       }), target[key] = cloneAttributeValue(nextValue));
     }), delta;
   }
-  _syncAttribute() {
+  _syncAttribute(excludedKeys) {
     this.attribute === this.baseAttributes && this.resolvedStatePatch && this.detachAttributeFromBaseAttributes();
     const snapshot = this.buildStaticAttributeSnapshot(),
-      delta = this.syncObjectToSnapshot(this.attribute, snapshot);
-    return this.valid = this.isValid(), this.attributeMayContainTransientAttrs = !1, delta;
+      delta = this.syncObjectToSnapshot(this.attribute, snapshot, excludedKeys);
+    return this.valid = this.isValid(), this.attributeMayContainTransientAttrs = !!excludedKeys, delta;
   }
-  _syncFinalAttributeFromStaticTruth() {
+  _syncFinalAttributeFromStaticTruth(excludedKeys) {
     const target = this.finalAttribute;
     if (!target) return;
     const snapshot = this.buildStaticAttributeSnapshot();
-    this.syncObjectToSnapshot(target, snapshot);
+    this.syncObjectToSnapshot(target, snapshot, excludedKeys);
   }
   mergeAttributeDeltaCategory(category, key, prev, next) {
     var _a;
@@ -5046,6 +5047,25 @@ class Graphic extends Node {
       this.getBaseAttributesStorage()[key] = params[key];
     }
   }
+  _commitAnimationStaticAttributes(params, context) {
+    if (!params) return;
+    const source = params,
+      baseAttributes = this.getBaseAttributesStorage(),
+      target = this.attribute,
+      delta = new Map();
+    let hasKeys = !1;
+    for (const key in source) {
+      if (!Object.prototype.hasOwnProperty.call(source, key)) continue;
+      hasKeys = !0;
+      const previousValue = target[key],
+        nextValue = source[key];
+      baseAttributes[key] = nextValue, target[key] = nextValue, areAttributeValuesEqual(previousValue, nextValue) || delta.set(key, {
+        prev: previousValue,
+        next: nextValue
+      });
+    }
+    hasKeys && (this.valid = this.isValid(), this.attributeMayContainTransientAttrs = !0, this.submitUpdateByDelta(delta), this.onAttributeUpdate(context));
+  }
   applyAnimationTransientAttributes(params, forceUpdateTag = !1, context) {
     const source = params;
     let target,
@@ -5068,9 +5088,9 @@ class Graphic extends Node {
     }
     delta.size && (this.attributeMayContainTransientAttrs = !0), this.valid = this.isValid(), this.submitUpdateByDelta(delta, forceUpdateTag), this.onAttributeUpdate(context);
   }
-  _restoreAttributeFromStaticTruth(context) {
-    this._syncFinalAttributeFromStaticTruth();
-    const delta = this._syncAttribute();
+  _restoreAttributeFromStaticTruth(context, excludedKeys) {
+    this._syncFinalAttributeFromStaticTruth(excludedKeys);
+    const delta = this._syncAttribute(excludedKeys);
     this.submitUpdateByDelta(delta), this.onAttributeUpdate(context);
   }
   collectStatePatchDeltaKeys(previousPatch, nextPatch) {
@@ -11013,14 +11033,18 @@ function bindContributionProviderNoSingletonScope(bind, id) {
 }
 class ContributionStore {
   static getStore(id) {
-    return this.store.get(id);
+    var _a;
+    return null === (_a = this.store.get(id)) || void 0 === _a ? void 0 : _a.values().next().value;
   }
   static setStore(id, cache) {
-    this.store.set(id, cache);
+    let caches = this.store.get(id);
+    caches || (caches = new Set(), this.store.set(id, caches)), caches.add(cache);
   }
   static refreshAllContributions() {
-    this.store.forEach(cache => {
-      cache.refresh();
+    this.store.forEach(caches => {
+      caches.forEach(cache => {
+        cache.refresh();
+      });
     });
   }
 }
@@ -12321,6 +12345,9 @@ class DefaultGroupBackgroundRenderContribution extends DefaultBaseBackgroundRend
 }
 const defaultGroupBackgroundRenderContribution = new DefaultGroupBackgroundRenderContribution();
 
+function hasDisabledStrokeSide(stroke) {
+  return Array.isArray(stroke) && stroke.some(s => !1 === s || null === s);
+}
 class DefaultRectRenderContribution {
   constructor() {
     this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -12376,7 +12403,7 @@ class SplitRectBeforeRenderContribution {
     const {
       stroke = groupAttribute.stroke
     } = group.attribute;
-    Array.isArray(stroke) && stroke.some(s => !1 === s) && (doFillOrStroke.doStroke = !1);
+    hasDisabledStrokeSide(stroke) && (doFillOrStroke.doStroke = !1);
   }
 }
 class SplitRectAfterRenderContribution {
@@ -12397,7 +12424,7 @@ class SplitRectAfterRenderContribution {
       width: width,
       height: height
     } = rect.attribute;
-    if (width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0, Array.isArray(stroke) && stroke.some(s => !1 === s)) {
+    if (width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0, hasDisabledStrokeSide(stroke)) {
       if (context.setStrokeStyle(rect, rect.attribute, x, y, groupAttribute), !(0 === cornerRadius || isArray(cornerRadius) && cornerRadius.every(num => 0 === num))) {
         let lastStroke,
           lastStrokeI = 0;
@@ -14705,7 +14732,8 @@ class DefaultIncrementalCanvasLineRender extends DefaultCanvasLineRender {
 const runtimeInstallerContext = createLegacyBindingContext();
 let runtimeGlobal,
   runtimeInstallerPreloaded = !1;
-const runtimeEntryKeys = new WeakMap();
+const RUNTIME_RENDERER_NAMESPACE = "vrender:runtime-renderer",
+  runtimeEntryKeys = new WeakMap();
 function ensureRuntimeInstallerPreloaded() {
   runtimeInstallerPreloaded || (runtimeInstallerPreloaded = !0, bindCoreModules({
     bind: runtimeInstallerContext.bind
@@ -14766,11 +14794,11 @@ function installRuntimeGraphicRenderersToApp(app) {
   const bindingContext = getRuntimeInstallerBindingContext();
   refreshRuntimeInstallerContributions();
   const renderers = bindingContext.getAll(GraphicRender),
-    registeredKeys = getTrackedEntryKeys(app.registry.renderer, "vrender:runtime-renderer");
-  clearTrackedEntryKeys(app.registry.renderer, "vrender:runtime-renderer", null === (_a = app.registry.renderer.unregister) || void 0 === _a ? void 0 : _a.bind(app.registry.renderer)), registerRuntimeEntries((key, renderer) => {
+    registeredKeys = getTrackedEntryKeys(app.registry.renderer, RUNTIME_RENDERER_NAMESPACE);
+  clearTrackedEntryKeys(app.registry.renderer, RUNTIME_RENDERER_NAMESPACE, null === (_a = app.registry.renderer.unregister) || void 0 === _a ? void 0 : _a.bind(app.registry.renderer)), registerRuntimeEntries((key, renderer) => {
     var _a;
     null === (_a = null == renderer ? void 0 : renderer.reInit) || void 0 === _a || _a.call(renderer), app.registry.renderer.register(key, renderer), registeredKeys.add(key);
-  }, renderers, "vrender:runtime-renderer");
+  }, renderers, RUNTIME_RENDERER_NAMESPACE);
 }
 
 function simplifyRadialDist(points, sqTolerance) {
@@ -19416,6 +19444,30 @@ function getCustomType(custom) {
   return 2;
 }
 
+function buildAnimationStaticCommitAttrs(target, keys, animate, fallbackAttrs) {
+  var _a;
+  const commitTarget = target,
+    contextFinalAttrs = null === (_a = commitTarget.context) || void 0 === _a ? void 0 : _a.finalAttrs,
+    finalAttribute = commitTarget.getFinalAttribute();
+  let commitAttrs = null;
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    animate && !animate.validAttr(key) || (contextFinalAttrs && Object.prototype.hasOwnProperty.call(contextFinalAttrs, key) ? (null != commitAttrs || (commitAttrs = {}), commitAttrs[key] = contextFinalAttrs[key]) : finalAttribute && Object.prototype.hasOwnProperty.call(finalAttribute, key) ? (null != commitAttrs || (commitAttrs = {}), commitAttrs[key] = finalAttribute[key]) : fallbackAttrs && Object.prototype.hasOwnProperty.call(fallbackAttrs, key) && (null != commitAttrs || (commitAttrs = {}), commitAttrs[key] = fallbackAttrs[key]));
+  }
+  return commitAttrs;
+}
+function commitAnimationStaticAttrs(target, keys, animate, fallbackAttrs) {
+  const commitAttrs = buildAnimationStaticCommitAttrs(target, keys, animate, fallbackAttrs);
+  if (!commitAttrs) return !1;
+  target.setFinalAttributes(commitAttrs);
+  const commitStaticAttributes = target._commitAnimationStaticAttributes;
+  return "function" == typeof commitStaticAttributes ? commitStaticAttributes.call(target, commitAttrs, {
+    type: AttributeUpdateType.ANIMATE_END
+  }) : target.setAttributes(commitAttrs, !1, {
+    type: AttributeUpdateType.ANIMATE_END
+  }), !0;
+}
+
 class AnimateExecutor {
   static registerBuiltInAnimate(name, animate) {
     AnimateExecutor.builtInAnimateMap[name] = animate;
@@ -19595,7 +19647,7 @@ class AnimateExecutor {
       props = params.to,
       from = params.from;
     const commitAttrOutChannel = this.shouldCommitAttrOutChannel(type);
-    props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic, commitAttrOutChannel, this.getAttrOutChannelExcludedKeys(graphic))), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic, commitAttrOutChannel, this.getAttrOutChannelExcludedKeys(graphic))), from = parsedFromProps.from), parsedFromProps.attrOutChannel && graphic.setAttributes(parsedFromProps.attrOutChannel), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
+    props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic, commitAttrOutChannel, this.getAttrOutChannelExcludedKeys(graphic))), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic, commitAttrOutChannel, this.getAttrOutChannelExcludedKeys(graphic))), from = parsedFromProps.from), parsedFromProps.attrOutChannel && graphic.setAttributes(parsedFromProps.attrOutChannel), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic), this.commitAnimatedUpdateDiffAttrsOnEnd(animate, graphic, type, props);
     let totalDelay = 0;
     oneByOneDelay && (totalDelay = oneByOneDelay * (count - index - 1));
     const delayAfterValue = isFunction(delayAfter) ? delayAfter(null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, {}) : delayAfter;
@@ -19677,6 +19729,25 @@ class AnimateExecutor {
   shouldCommitAttrOutChannel(type) {
     return "update" !== type;
   }
+  commitAnimatedUpdateDiffAttrsOnEnd(animate, graphic, type, props) {
+    if ("update" === type || !props || !this.isUpdateDiffContext(graphic)) return;
+    const keys = this.collectAnimatedUpdateDiffAttrKeys(graphic, props);
+    (null == keys ? void 0 : keys.length) && animate.onEnd(() => {
+      commitAnimationStaticAttrs(graphic, keys, animate, props);
+    });
+  }
+  isUpdateDiffContext(graphic) {
+    const context = graphic.context;
+    return "update" === (null == context ? void 0 : context.diffState) || "update" === (null == context ? void 0 : context.animationState);
+  }
+  collectAnimatedUpdateDiffAttrKeys(graphic, props) {
+    var _a;
+    const diffAttrs = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs;
+    if (!diffAttrs) return null;
+    let keys = null;
+    for (const key in props) Object.prototype.hasOwnProperty.call(props, key) && Object.prototype.hasOwnProperty.call(diffAttrs, key) && void 0 !== diffAttrs[key] && (null != keys || (keys = []), keys.push(key));
+    return keys;
+  }
   createCustomAnimation(animate, CustomAnimateConstructor, from, props, duration, easing, customParams) {
     const customAnimate = new CustomAnimateConstructor(from, props, duration, easing, customParams);
     animate.play(customAnimate);
@@ -27149,6 +27220,24 @@ function removeKeysFromRecord(record, keys) {
   for (const key in record) Object.prototype.hasOwnProperty.call(record, key) && !includesKey(keys, key) && (nextRecord[key] = record[key]);
   return nextRecord;
 }
+function collectActiveSiblingAttrKeys(target, currentAnimate) {
+  var _a;
+  const getTrackedAnimates = null == target ? void 0 : target.getTrackedAnimates;
+  if ("function" == typeof getTrackedAnimates) {
+    const trackedAnimates = getTrackedAnimates.call(target);
+    if (trackedAnimates && trackedAnimates.size <= 1) return;
+  }
+  const forEachTrackedAnimate = null == target ? void 0 : target.forEachTrackedAnimate;
+  if ("function" != typeof forEachTrackedAnimate) return;
+  let keys;
+  const currentEndProps = null === (_a = currentAnimate.getEndProps) || void 0 === _a ? void 0 : _a.call(currentAnimate);
+  return forEachTrackedAnimate.call(target, animate => {
+    var _a;
+    if (animate === currentAnimate || animate.status === AnimateStatus.END) return;
+    const endProps = null === (_a = animate.getEndProps) || void 0 === _a ? void 0 : _a.call(animate);
+    if (endProps) for (const key in endProps) !Object.prototype.hasOwnProperty.call(endProps, key) || currentEndProps && Object.prototype.hasOwnProperty.call(currentEndProps, key) || ((null != keys ? keys : keys = Object.create(null))[key] = !0);
+  }), keys;
+}
 class Animate {
   constructor(id = Generator.GenAutoIncrementId(), timeline = defaultTimeline, slience) {
     this.id = id, this.status = AnimateStatus.INITIAL, this._timeline = timeline, timeline.addAnimate(this), this.slience = slience, this._startTime = 0, this._duration = 0, this._totalDuration = 0, this._loopCount = 0, this._currentLoop = 0, this._bounce = !1, this._firstStep = null, this._lastStep = null, this._startProps = {}, this._endProps = {}, this._preventAttrs = new Set(), this.currentTime = 0, this.interpolateUpdateFunction = null, this.priority = 0;
@@ -27172,7 +27261,7 @@ class Animate {
     this.target = target;
     const trackerTarget = this.target;
     return trackerTarget.detachAttributeFromBaseAttributes(), trackerTarget.trackAnimate(this), this.onRemove(() => {
-      this.stop(), this.__skipRestoreStaticAttributeOnRemove || trackerTarget.restoreStaticAttribute(), trackerTarget.untrackAnimate(this.id);
+      this.stop(), this.__skipRestoreStaticAttributeOnRemove || trackerTarget.restoreStaticAttribute(collectActiveSiblingAttrKeys(trackerTarget, this)), trackerTarget.untrackAnimate(this.id);
     }), this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
   }
   to(props, duration = 300, easing = "linear") {
@@ -27309,7 +27398,8 @@ class Animate {
     if (nextTime < this._startTime) return void (this.currentTime = nextTime);
     if (nextTime >= this._startTime + this._totalDuration) {
       null === (_a = this._lastStep) || void 0 === _a || _a.onUpdate(!0, 1, {}), null === (_b = this._lastStep) || void 0 === _b || _b.onEnd(), this.onEnd(), this.status = AnimateStatus.END;
-      return this.target.restoreStaticAttribute(), void (this.__skipRestoreStaticAttributeOnRemove = !0);
+      const trackerTarget = this.target;
+      return trackerTarget.restoreStaticAttribute(collectActiveSiblingAttrKeys(trackerTarget, this)), void (this.__skipRestoreStaticAttributeOnRemove = !0);
     }
     this.status = AnimateStatus.RUNNING, this.currentTime <= this._startTime && this.onStart(), this.currentTime = nextTime;
     let cycleTime = nextTime - this._startTime,
@@ -27523,10 +27613,10 @@ class AnimateExtension {
       type: AttributeUpdateType.ANIMATE_BIND
     });
   }
-  restoreStaticAttribute() {
+  restoreStaticAttribute(excludedKeys) {
     this._restoreAttributeFromStaticTruth({
       type: AttributeUpdateType.ANIMATE_END
-    });
+    }, excludedKeys);
   }
   executeAnimation(config) {
     return this.initAnimateExecutor(), this._animateExecutor.execute(config), this;
@@ -36437,6 +36527,6 @@ TableSeriesNumber.defaultAttributes = {
     select: true
 };
 
-const version = "1.1.0";
+const version = "1.1.1-alpha.0";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IDataZoomEvent, IDataZoomInteractiveEvent, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, TableSeriesNumber, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, installPoptipToApp, installScrollbarToApp, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/axis/base.js

@@ -396,4 +396,4 @@ export class AxisBase extends AnimateComponent {
         this._innerView = null);
     }
 }
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map

package/es/axis/circle.js

@@ -181,4 +181,4 @@ export class CircleAxis extends AxisBase {
 }
 
 CircleAxis.defaultAttributes = DEFAULT_AXIS_THEME, mixin(CircleAxis, CircleAxisMixin);
-//# sourceMappingURL=circle.js.map
+//# sourceMappingURL=circle.js.map

package/es/axis/config.js

@@ -79,4 +79,4 @@ export const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {
     lineWidth: 1,
     zIndex: 1
 };
-//# sourceMappingURL=config.js.map
+//# sourceMappingURL=config.js.map

package/es/axis/constant.js

@@ -26,4 +26,5 @@ export const DEFAULT_STATES = {
     [AxisStateValue.hoverReverse]: {}
 };
 
-export const TopZIndex = 999;
+export const TopZIndex = 999;
+//# sourceMappingURL=constant.js.map

package/es/axis/index.js

@@ -11,4 +11,4 @@ export * from "./constant";
 export * from "./util";
 
 export * from "./tick-data";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/axis/line.js

@@ -414,4 +414,4 @@ export class LineAxis extends AxisBase {
 }
 
 LineAxis.defaultAttributes = DEFAULT_AXIS_THEME, mixin(LineAxis, LineAxisMixin);
-//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/es/axis/register.js

@@ -33,4 +33,4 @@ export function loadLineAxisGridComponent() {
 export function loadCircleAxisGridComponent() {
     registerGroup(), registerPath();
 }
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/es/axis/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/es/axis/util.js

@@ -99,4 +99,4 @@ export function hasOverlap(items, pad) {
     textIntersect(a, b, pad)) return !0;
     return !1;
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/es/brush/type.js

@@ -4,5 +4,4 @@ export var IOperateType;
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushActive = "brushActive", IOperateType.brushClear = "brushClear";
-}(IOperateType || (IOperateType = {}));
-//# sourceMappingURL=type.js.map
+}(IOperateType || (IOperateType = {}));

package/es/crosshair/polygon-sector.js

@@ -37,4 +37,5 @@ PolygonSectorCrosshair.defaultAttributes = {
         fill: "#b2bacf",
         opacity: .2
     }
-};
+};
+//# sourceMappingURL=polygon-sector.js.map

package/es/data-zoom/interaction.js

@@ -173,5 +173,4 @@ export class DataZoomInteraction extends EventEmitter {
     _dispatchEvent(eventName, details) {
         this.emit(eventName, details);
     }
-}
-//# sourceMappingURL=interaction.js.map
+}

package/es/empty-tip/register.js

@@ -6,4 +6,5 @@ import { registerText } from "@visactor/vrender-kits/register/register-text";
 
 export function loadEmptyTipComponent() {
     registerGroup(), registerText(), registerImage();
-}
+}
+//# sourceMappingURL=register.js.map

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "1.1.0";
+export declare const version = "1.1.1-alpha.0";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "1.1.0";
+export const version = "1.1.1-alpha.0";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC;AAE/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.0\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;AAEvC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.1-alpha.0\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}

package/es/jsx/index.js

@@ -1,2 +1,2 @@
 export * from "./component-type";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/label/arc.js

@@ -507,5 +507,4 @@ ArcLabel.defaultAttributes = {
 
 export const registerArcDataLabel = () => {
     registerLabelComponent("arc", ArcLabel);
-};
-//# sourceMappingURL=arc.js.map
+};

package/es/label/base.js

@@ -648,4 +648,4 @@ LabelBase.defaultAttributes = {
     offset: 0,
     pickable: !1
 };
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map

package/es/label/data-label-register.js

@@ -5,4 +5,4 @@ export const registerLabelComponent = (type, LabelClass) => {
 };
 
 export const getLabelComponent = type => labelComponentMap[type];
-//# sourceMappingURL=data-label-register.js.map
+//# sourceMappingURL=data-label-register.js.map

package/es/label/dataLabel.js

@@ -113,4 +113,4 @@ export class DataLabel extends AbstractComponent {
 DataLabel.defaultAttributes = {
     pickable: !1
 };
-//# sourceMappingURL=dataLabel.js.map
+//# sourceMappingURL=dataLabel.js.map

package/es/label/index.js

@@ -11,4 +11,4 @@ export * from "./base";
 export * from "./arc";
 
 export * from "./dataLabel";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/label/line.js

@@ -55,4 +55,4 @@ LineLabel.defaultAttributes = {
 export const registerLineDataLabel = () => {
     registerLabelComponent("line", LineLabel), registerLabelComponent("area", LineLabel);
 };
-//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/es/label/polygon.js

@@ -36,4 +36,4 @@ PolygonLabel.defaultAttributes = {
     position: "center",
     offset: 6
 };
-//# sourceMappingURL=polygon.js.map
+//# sourceMappingURL=polygon.js.map

package/es/label/rect.js

@@ -55,4 +55,4 @@ RectLabel.tag = "rect-label", RectLabel.defaultAttributes = {
 export const registerRectDataLabel = () => {
     registerLabelComponent("rect", RectLabel);
 };
-//# sourceMappingURL=rect.js.map
+//# sourceMappingURL=rect.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-components",
-  "version": "1.1.0",
+  "version": "1.1.1-alpha.0",
   "description": "components library for dp visualization",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -129,9 +129,9 @@
   "dependencies": {
     "@visactor/vutils": "~1.0.12",
     "@visactor/vscale": "~1.0.12",
-    "@visactor/vrender-core": "1.1.0",
-    "@visactor/vrender-kits": "1.1.0",
-    "@visactor/vrender-animate": "1.1.0"
+    "@visactor/vrender-core": "1.1.1-alpha.0",
+    "@visactor/vrender-kits": "1.1.1-alpha.0",
+    "@visactor/vrender-animate": "1.1.1-alpha.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.1.4",