@visactor/vrender 1.1.0-alpha.10 → 1.1.0-alpha.12

package/dist/index.es.js

@@ -32426,6 +32426,18 @@ function commonInterpolateUpdate(key, from, to, ratio, step, target) {
   return !1;
 }
 
+const animateUpdateContext = {
+  type: AttributeUpdateType.ANIMATE_UPDATE
+};
+function applyAnimationFrameAttributes(target, attributes) {
+  var _a;
+  if (!attributes) return;
+  const transientTarget = target;
+  transientTarget.attribute || (transientTarget.attribute = {});
+  const targetAttribute = transientTarget.attribute;
+  for (const key in attributes) Object.prototype.hasOwnProperty.call(attributes, key) && (targetAttribute[key] = attributes[key]);
+  null === (_a = transientTarget.onAttributeUpdate) || void 0 === _a || _a.call(transientTarget, animateUpdateContext);
+}
 function applyAnimationTransientAttributes(target, attributes, type = AttributeUpdateType.ANIMATE_UPDATE) {
   var _a;
   if (!attributes) return;
@@ -32440,6 +32452,10 @@ function applyAppearStartAttributes(target, attributes) {
 }
 
 function noop() {}
+function includesKey$1(keys, key) {
+  for (let i = 0; i < keys.length; i++) if (keys[i] === key) return !0;
+  return !1;
+}
 class Step {
   constructor(type, props, duration, easing) {
     var _a;
@@ -32495,6 +32511,17 @@ class Step {
   onBind() {
     "glyph" === this.target.type && (this.syncAttributeUpdate = this._syncAttributeUpdate);
   }
+  runInterpolateUpdate(fromProps, toProps, ratio) {
+    if (this.animate.interpolateUpdateFunction) return void this.animate.interpolateUpdateFunction(fromProps, toProps, ratio, this, this.target);
+    const funcs = this.interpolateUpdateFunctions,
+      propKeys = this.propKeys;
+    if (funcs && propKeys) for (let index = 0; index < funcs.length; index++) {
+      const key = propKeys[index],
+        fromValue = fromProps[key],
+        toValue = toProps[key];
+      funcs[index](key, fromValue, toValue, ratio, this, this.target);
+    }
+  }
   onFirstRun() {}
   onStart() {
     if (!this._hasFirstRun) {
@@ -32509,23 +32536,49 @@ class Step {
   tryPreventConflict() {
     var _a, _b;
     const animate = this.animate,
-      target = this.target;
-    (null !== (_b = null === (_a = target.forEachTrackedAnimate) || void 0 === _a ? void 0 : _a.bind(target)) && void 0 !== _b ? _b : cb => {
-      var _a;
-      null === (_a = target.animates) || void 0 === _a || _a.forEach(cb);
-    })(a => {
+      target = this.target,
+      forEachTrackedAnimate = null !== (_b = null === (_a = target.forEachTrackedAnimate) || void 0 === _a ? void 0 : _a.bind(target)) && void 0 !== _b ? _b : cb => {
+        var _a;
+        null === (_a = target.animates) || void 0 === _a || _a.forEach(cb);
+      },
+      propKeys = this.propKeys;
+    forEachTrackedAnimate(a => {
       if (a === animate || a.priority > animate.priority || a.priority === 1 / 0) return;
       const fromProps = a.getStartProps();
-      this.propKeys.forEach(key => {
-        null != fromProps[key] && a.preventAttr(key);
-      });
+      let conflictKeys = null;
+      for (let i = 0; i < propKeys.length; i++) {
+        const key = propKeys[i];
+        null != fromProps[key] && (null != conflictKeys ? conflictKeys : conflictKeys = []).push(key);
+      }
+      conflictKeys && a.preventAttrs(conflictKeys);
     });
   }
+  removeKeysFromRecord(record, keys) {
+    if (!record) return record;
+    let hasBlockedKey = !1;
+    for (const key in record) if (Object.prototype.hasOwnProperty.call(record, key) && includesKey$1(keys, key)) {
+      hasBlockedKey = !0;
+      break;
+    }
+    if (!hasBlockedKey) return record;
+    const nextRecord = {};
+    for (const key in record) Object.prototype.hasOwnProperty.call(record, key) && !includesKey$1(keys, key) && (nextRecord[key] = record[key]);
+    return nextRecord;
+  }
   deleteSelfAttr(key) {
+    this.deleteSelfAttrs([key]);
+  }
+  deleteSelfAttrs(keys) {
     var _a;
-    delete this.props[key], this.fromProps && delete this.fromProps[key];
-    const index = this.propKeys.indexOf(key);
-    -1 !== index && (this.propKeys.splice(index, 1), null === (_a = this.interpolateUpdateFunctions) || void 0 === _a || _a.splice(index, 1));
+    if ((null == keys ? void 0 : keys.length) && (this.props = this.removeKeysFromRecord(this.props, keys), this.fromProps = this.removeKeysFromRecord(this.fromProps, keys), this.fromParsedProps = this.removeKeysFromRecord(this.fromParsedProps, keys), this.toParsedProps = this.removeKeysFromRecord(this.toParsedProps, keys), null === (_a = this.propKeys) || void 0 === _a ? void 0 : _a.length)) {
+      const funcs = this.interpolateUpdateFunctions;
+      let writeIndex = 0;
+      for (let readIndex = 0; readIndex < this.propKeys.length; readIndex++) {
+        const propKey = this.propKeys[readIndex];
+        includesKey$1(keys, propKey) || (writeIndex !== readIndex && (this.propKeys[writeIndex] = propKey, funcs && (funcs[writeIndex] = funcs[readIndex])), writeIndex++);
+      }
+      this.propKeys.length = writeIndex, funcs && (funcs.length = writeIndex);
+    }
   }
   trySyncStartProps() {
     this.propKeys.forEach(key => {
@@ -32535,11 +32588,7 @@ class Step {
   update(end, ratio, out) {
     if (this.onStart(), !this.props || !this.propKeys) return;
     const easedRatio = this.easing(ratio);
-    this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
-      if (!this.animate.validAttr(this.propKeys[index])) return;
-      const key = this.propKeys[index];
-      func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
-    }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+    this.runInterpolateUpdate(this.fromProps, this.props, easedRatio), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
   }
   onUpdate(end, ratio, out) {}
   onEnd(cb) {
@@ -32743,19 +32792,34 @@ class FromTo extends ACustomAnimate {
     }), this.applyTransientFromAttributes();
   }
   deleteSelfAttr(key) {
-    super.deleteSelfAttr(key), delete this.from[key];
+    this.deleteSelfAttrs([key]);
+  }
+  deleteSelfAttrs(keys) {
+    super.deleteSelfAttrs(keys), this.from = this.removeKeysFromRecord(this.from, keys);
   }
   update(end, ratio, out) {
     if (this.onStart(), !this.props || !this.propKeys) return;
     const easedRatio = this.easing(ratio);
-    this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.from, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
-      if (!this.animate.validAttr(this.propKeys[index])) return;
-      const key = this.propKeys[index];
-      func(key, this.from[key], this.props[key], easedRatio, this, this.target);
-    }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+    this.runInterpolateUpdate(this.from, this.props, easedRatio), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
   }
 }
 
+function includesKey(keys, key) {
+  for (let i = 0; i < keys.length; i++) if (keys[i] === key) return !0;
+  return !1;
+}
+function removeKeysFromRecord(record, keys) {
+  if (!record) return record;
+  let hasBlockedKey = !1;
+  for (const key in record) if (Object.prototype.hasOwnProperty.call(record, key) && includesKey(keys, key)) {
+    hasBlockedKey = !0;
+    break;
+  }
+  if (!hasBlockedKey) return record;
+  const nextRecord = {};
+  for (const key in record) Object.prototype.hasOwnProperty.call(record, key) && !includesKey(keys, key) && (nextRecord[key] = record[key]);
+  return nextRecord;
+}
 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;
@@ -32843,12 +32907,14 @@ class Animate {
     cb ? (this._onRemove || (this._onRemove = []), this._onRemove.push(cb)) : null === (_a = this._onRemove) || void 0 === _a || _a.forEach(cb => cb());
   }
   preventAttr(key) {
-    this._preventAttrs.add(key), delete this._startProps[key], delete this._endProps[key];
-    let step = this._firstStep;
-    for (; step;) step.deleteSelfAttr(key), step = step.next;
+    this.preventAttrs([key]);
   }
   preventAttrs(keys) {
-    keys.forEach(key => this._preventAttrs.add(key));
+    if (!(null == keys ? void 0 : keys.length)) return;
+    for (let i = 0; i < keys.length; i++) this._preventAttrs.add(keys[i]);
+    this._startProps = removeKeysFromRecord(this._startProps, keys), this._endProps = removeKeysFromRecord(this._endProps, keys);
+    let step = this._firstStep;
+    for (; step;) step.deleteSelfAttrs(keys), step = step.next;
   }
   validAttr(key) {
     return !this._preventAttrs.has(key);
@@ -33848,8 +33914,11 @@ class ComponentAnimator {
     }), this));
   }
   deleteSelfAttr(key) {
+    this.deleteSelfAttrs([key]);
+  }
+  deleteSelfAttrs(keys) {
     this.tasks.forEach(task => {
-      task.animate && task.animate.forEach(animate => animate.preventAttr(key));
+      task.animate && task.animate.forEach(animate => animate.preventAttrs(keys));
     });
   }
   stop(type) {
@@ -34443,6 +34512,25 @@ class ClipDirectionAnimate extends ClipGraphicAnimate {
   }
 }
 
+function buildAnimationStaticCommitAttrs(target, keys, animate, fallbackAttrs) {
+  var _a;
+  const commitTarget = target,
+    contextFinalAttrs = null === (_a = commitTarget.context) || void 0 === _a ? void 0 : _a.finalAttrs,
+    finalAttribute = "function" == typeof commitTarget.getFinalAttribute ? commitTarget.getFinalAttribute() : commitTarget.finalAttribute;
+  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);
+  return !!commitAttrs && (target.setAttributes(commitAttrs, !1, {
+    type: AttributeUpdateType.ANIMATE_END
+  }), !0);
+}
+
 class TagPointsUpdate extends ACustomAnimate {
   constructor(from, to, duration, easing, params) {
     var _a, _b;
@@ -34461,21 +34549,9 @@ class TagPointsUpdate extends ACustomAnimate {
   }
   onBind() {
     super.onBind();
-    const {
-        points: points,
-        segments: segments
-      } = this.target.attribute,
-      {
-        points: pointsTo,
-        segments: segmentsTo
-      } = this.target.getFinalAttribute();
-    this.from = {
-      points: points,
-      segments: segments
-    }, this.to = {
-      points: pointsTo,
-      segments: segmentsTo
-    }, this.props = this.to;
+    const currentAttribute = this.target.attribute,
+      finalAttribute = this.target.getFinalAttribute();
+    this.from = {}, this.to = {}, Object.prototype.hasOwnProperty.call(currentAttribute, "points") && (this.from.points = currentAttribute.points), Object.prototype.hasOwnProperty.call(currentAttribute, "segments") && (this.from.segments = currentAttribute.segments), finalAttribute && Object.prototype.hasOwnProperty.call(finalAttribute, "points") && (this.to.points = finalAttribute.points), finalAttribute && Object.prototype.hasOwnProperty.call(finalAttribute, "segments") && (this.to.segments = finalAttribute.segments), this.props = this.to;
     const originFromPoints = this.getPoints(this.from),
       originToPoints = this.getPoints(this.to, !0);
     this.fromPoints = originFromPoints ? Array.isArray(originFromPoints) ? originFromPoints : [originFromPoints] : [], this.toPoints = originToPoints ? Array.isArray(originToPoints) ? originToPoints : [originToPoints] : [];
@@ -34511,31 +34587,42 @@ class TagPointsUpdate extends ACustomAnimate {
     const lastClipRange = this.target.attribute.clipRange;
     isValidNumber$1(lastClipRange * this.clipRange) && (this.clipRange *= lastClipRange);
   }
+  onEnd(cb) {
+    cb ? super.onEnd(cb) : (this.to && commitAnimationStaticAttrs(this.target, Object.keys(this.to), this.animate, this.to), super.onEnd());
+  }
+  applyPointTransientAttributes(attributes) {
+    const validAttrs = {};
+    Object.keys(attributes).forEach(key => {
+      this.animate.validAttr(key) && (validAttrs[key] = attributes[key]);
+    }), Object.keys(validAttrs).length && (applyAnimationFrameAttributes(this.target, validAttrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag());
+  }
   onUpdate(end, ratio, out) {
-    if (end) return Object.keys(this.to).forEach(k => {
-      this.target.attribute[k] = this.to[k];
-    }), this.target.addUpdatePositionTag(), void this.target.addUpdateShapeAndBoundsTag();
-    if (this.points = this.points.map((point, index) => {
-      const newPoint = pointInterpolation(this.interpolatePoints[index][0], this.interpolatePoints[index][1], ratio);
-      return newPoint.context = point.context, newPoint;
-    }), this.clipRange) {
-      if (this.shrinkClipRange) return void (end ? (out.points = this.toPoints, out.clipRange = 1) : (out.points = this.fromPoints, out.clipRange = this.clipRange - (this.clipRange - this.shrinkClipRange) * ratio));
-      applyAnimationTransientAttributes(this.target, {
-        clipRange: this.clipRange + (1 - this.clipRange) * ratio
-      });
-    }
-    if (this.segmentsCache && this.to.segments) {
-      let start = 0;
-      const segments = this.to.segments.map((segment, index) => {
-        const end = start + this.segmentsCache[index],
-          points = this.points.slice(start, end);
-        return start = end, Object.assign(Object.assign({}, segment), {
-          points: points
+    if (end) this.applyPointTransientAttributes(this.to);else {
+      if (this.points = this.points.map((point, index) => {
+        const newPoint = pointInterpolation(this.interpolatePoints[index][0], this.interpolatePoints[index][1], ratio);
+        return newPoint.context = point.context, newPoint;
+      }), this.clipRange) {
+        if (this.shrinkClipRange) return void (end ? (out.points = this.toPoints, out.clipRange = 1) : (out.points = this.fromPoints, out.clipRange = this.clipRange - (this.clipRange - this.shrinkClipRange) * ratio));
+        applyAnimationTransientAttributes(this.target, {
+          clipRange: this.clipRange + (1 - this.clipRange) * ratio
+        });
+      }
+      if (this.segmentsCache && this.to.segments) {
+        let start = 0;
+        const segments = this.to.segments.map((segment, index) => {
+          const end = start + this.segmentsCache[index],
+            points = this.points.slice(start, end);
+          return start = end, Object.assign(Object.assign({}, segment), {
+            points: points
+          });
         });
+        this.applyPointTransientAttributes({
+          segments: segments
+        });
+      } else this.applyPointTransientAttributes({
+        points: this.points
       });
-      this.target.attribute.segments = segments;
-    } else this.target.attribute.points = this.points;
-    this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    }
   }
 }
 
@@ -34556,10 +34643,10 @@ class CommonIn extends ACustomAnimate {
     }), null === (_d = (_c = this.target).applyFinalAttributeToAttribute) || void 0 === _d || _d.call(_c), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, !1 !== (null === (_e = this.params.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && applyAppearStartAttributes(this.target, from);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 class CommonOut extends ACustomAnimate {
@@ -34574,16 +34661,16 @@ class CommonOut extends ACustomAnimate {
     this.keys.forEach(key => {
       var _a;
       to[key] = 0, from[key] = null !== (_a = attrs[key]) && void 0 !== _a ? _a : 1;
-    }), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, Object.assign(this.target.attribute, from), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+    }), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, applyAnimationTransientAttributes(this.target, from, AttributeUpdateType.ANIMATE_BIND), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
   }
   onEnd(cb) {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 
@@ -34626,8 +34713,7 @@ class RotateBySphereAnimate extends ACustomAnimate {
   onEnd() {}
   onUpdate(end, ratio, out) {
     if (null == this.phi || null == this.theta) return;
-    const target = this.target,
-      {
+    const {
         center: center,
         r: r,
         cb: cb
@@ -34638,8 +34724,15 @@ class RotateBySphereAnimate extends ACustomAnimate {
       x = r * Math.sin(phi) * Math.cos(theta) + center.x,
       y = r * Math.cos(phi) + center.y,
       z = r * Math.sin(phi) * Math.sin(theta) + center.z;
-    for (target.attribute.x = x, target.attribute.y = y, target.attribute.z = z, target.attribute.alpha = theta + pi / 2; target.attribute.alpha > pi2;) target.attribute.alpha -= pi2;
-    target.attribute.alpha = pi2 - target.attribute.alpha, target.attribute.zIndex = -1e4 * target.attribute.z, cb && cb(out);
+    let alpha = theta + pi / 2;
+    for (; alpha > pi2;) alpha -= pi2;
+    alpha = pi2 - alpha, applyAnimationFrameAttributes(this.target, {
+      x: x,
+      y: y,
+      z: z,
+      alpha: alpha,
+      zIndex: -1e4 * z
+    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag(), cb && cb(out);
   }
 }
 
@@ -34781,15 +34874,23 @@ class GrowAngleBase extends ACustomAnimate {
     this.propKeys ? this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this.valid = !1 : this.valid = !1;
   }
   deleteSelfAttr(key) {
-    delete this.props[key], this.fromProps && delete this.fromProps[key];
-    const index = this.propKeys.indexOf(key);
-    -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this._updateFunction = null;
+    this.deleteSelfAttrs([key]);
+  }
+  deleteSelfAttrs(keys) {
+    var _a;
+    super.deleteSelfAttrs(keys);
+    const firstKey = null === (_a = this.propKeys) || void 0 === _a ? void 0 : _a[0];
+    this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : this._updateFunction = "startAngle" === firstKey ? this.updateStartAngle : "endAngle" === firstKey ? this.updateEndAngle : null;
   }
   updateStartAngle(ratio) {
-    this.target.attribute.startAngle = this.from.startAngle + (this.to.startAngle - this.from.startAngle) * ratio;
+    applyAnimationFrameAttributes(this.target, {
+      startAngle: this.from.startAngle + (this.to.startAngle - this.from.startAngle) * ratio
+    });
   }
   updateEndAngle(ratio) {
-    this.target.attribute.endAngle = this.from.endAngle + (this.to.endAngle - this.from.endAngle) * ratio;
+    applyAnimationFrameAttributes(this.target, {
+      endAngle: this.from.endAngle + (this.to.endAngle - this.from.endAngle) * ratio
+    });
   }
   updateAngle(ratio) {
     this.updateStartAngle(ratio), this.updateEndAngle(ratio);
@@ -34963,10 +35064,10 @@ class GrowCenterIn extends ACustomAnimate {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 class GrowCenterOut extends ACustomAnimate {
@@ -34985,10 +35086,10 @@ class GrowCenterOut extends ACustomAnimate {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 
@@ -35068,10 +35169,10 @@ class GrowHeightIn extends ACustomAnimate {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 function growHeightOutIndividual(graphic, options, animationParameters) {
@@ -35129,10 +35230,10 @@ class GrowHeightOut extends ACustomAnimate {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 
@@ -35165,7 +35266,9 @@ class GworPointsBase extends ACustomAnimate {
     var _a, _b;
     const fromPoints = null === (_a = this.from) || void 0 === _a ? void 0 : _a.points,
       toPoints = null === (_b = this.to) || void 0 === _b ? void 0 : _b.points;
-    fromPoints && toPoints && (this.target.attribute.points = fromPoints.map((point, index) => pointInterpolation(fromPoints[index], toPoints[index], ratio)), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag());
+    fromPoints && toPoints && (applyAnimationFrameAttributes(this.target, {
+      points: fromPoints.map((point, index) => pointInterpolation(fromPoints[index], toPoints[index], ratio))
+    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag());
   }
 }
 class GrowPointsIn extends GworPointsBase {
@@ -35397,10 +35500,10 @@ class GrowPointsBase extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 class GrowRadiusIn extends GrowPointsBase {
@@ -35540,10 +35643,10 @@ class GrowWidthIn extends ACustomAnimate {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 class GrowWidthOut extends ACustomAnimate {
@@ -35563,10 +35666,10 @@ class GrowWidthOut extends ACustomAnimate {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 
@@ -36339,18 +36442,26 @@ class ScaleIn extends ACustomAnimate {
     super.onEnd(cb);
   }
   updateX(ratio) {
-    this.target.attribute.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio;
+    this.applyScaleTransientAttrs(ratio, !0, !1);
   }
   updateY(ratio) {
-    this.target.attribute.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio;
+    this.applyScaleTransientAttrs(ratio, !1, !0);
   }
   updateXY(ratio) {
-    this.updateX(ratio), this.updateY(ratio);
+    this.applyScaleTransientAttrs(ratio, !0, !0);
+  }
+  applyScaleTransientAttrs(ratio, scaleX, scaleY) {
+    const attrs = {};
+    scaleX && (attrs.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio), scaleY && (attrs.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio), applyAnimationFrameAttributes(this.target, attrs);
   }
   deleteSelfAttr(key) {
-    delete this.props[key], this.fromProps && delete this.fromProps[key];
-    const index = this.propKeys.indexOf(key);
-    -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateXY : "scaleX" === this.propKeys[0] ? this._updateFunction = this.updateX : "scaleY" === this.propKeys[0] ? this._updateFunction = this.updateY : this._updateFunction = null;
+    this.deleteSelfAttrs([key]);
+  }
+  deleteSelfAttrs(keys) {
+    var _a;
+    super.deleteSelfAttrs(keys);
+    const firstKey = null === (_a = this.propKeys) || void 0 === _a ? void 0 : _a[0];
+    this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateXY : this._updateFunction = "scaleX" === firstKey ? this.updateX : "scaleY" === firstKey ? this.updateY : null;
   }
   onUpdate(end, ratio, out) {
     this._updateFunction && (this._updateFunction(ratio), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag());
@@ -36395,10 +36506,10 @@ class ScaleOut extends ACustomAnimate {
     super.onEnd(cb);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
   }
 }
 
@@ -36409,14 +36520,19 @@ class State extends ACustomAnimate {
   update(end, ratio, out) {
     if (this.onStart(), !this.props || !this.propKeys) return;
     const easedRatio = this.easing(ratio);
-    this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
-      if (!this.animate.validAttr(this.propKeys[index])) return;
-      const key = this.propKeys[index];
-      func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
-    }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+    this.runInterpolateUpdate(this.fromProps, this.props, easedRatio), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
   }
 }
 
+function buildInterpolatedAttrs(keys, from, to, ratio) {
+  const attrs = {};
+  return keys.forEach(key => {
+    attrs[key] = from[key] + (to[key] - from[key]) * ratio;
+  }), attrs;
+}
+function applyStoryFrame(target, attrs) {
+  applyAnimationFrameAttributes(target, attrs), target.addUpdatePositionTag(), target.addUpdateShapeAndBoundsTag();
+}
 class SlideIn extends ACustomAnimate {
   constructor(from, to, duration, easing, params) {
     super(from, to, duration, easing, params);
@@ -36439,10 +36555,7 @@ class SlideIn extends ACustomAnimate {
     "top" === direction ? (from.y = (null !== (_e = attrs.y) && void 0 !== _e ? _e : 0) - distance, to.y = null !== (_f = attrs.y) && void 0 !== _f ? _f : 0, this.propKeys = ["opacity", "baseOpacity", "y"]) : "bottom" === direction ? (from.y = (null !== (_g = attrs.y) && void 0 !== _g ? _g : 0) + distance, to.y = null !== (_h = attrs.y) && void 0 !== _h ? _h : 0, this.propKeys = ["opacity", "baseOpacity", "y"]) : "left" === direction ? (from.x = (null !== (_j = attrs.x) && void 0 !== _j ? _j : 0) - distance, to.x = null !== (_k = attrs.x) && void 0 !== _k ? _k : 0, this.propKeys = ["opacity", "baseOpacity", "x"]) : (from.x = (null !== (_l = attrs.x) && void 0 !== _l ? _l : 0) + distance, to.x = null !== (_m = attrs.x) && void 0 !== _m ? _m : 0, this.propKeys = ["opacity", "baseOpacity", "x"]), this.from = from, this.to = to, this.props = to, applyAppearStartAttributes(this.target, from);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
-    this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    applyStoryFrame(this.target, buildInterpolatedAttrs(this.propKeys, this.from, this.to, ratio));
   }
 }
 class GrowIn extends ACustomAnimate {
@@ -36467,10 +36580,7 @@ class GrowIn extends ACustomAnimate {
     this.propKeys = ["opacity", "baseOpacity"], "x" !== direction && "xy" !== direction || (from.scaleX = fromScale, to.scaleX = null !== (_f = attrs.scaleX) && void 0 !== _f ? _f : 1, this.propKeys.push("scaleX")), "y" !== direction && "xy" !== direction || (from.scaleY = fromScale, to.scaleY = null !== (_g = attrs.scaleY) && void 0 !== _g ? _g : 1, this.propKeys.push("scaleY")), this.from = from, this.to = to, this.props = to, applyAppearStartAttributes(this.target, from);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
-    this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    applyStoryFrame(this.target, buildInterpolatedAttrs(this.propKeys, this.from, this.to, ratio));
   }
 }
 class SpinIn extends ACustomAnimate {
@@ -36501,10 +36611,7 @@ class SpinIn extends ACustomAnimate {
     this.propKeys = ["opacity", "baseOpacity", "angle", "scaleX", "scaleY"], this.from = from, this.to = to, this.props = to, applyAppearStartAttributes(this.target, from);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
-    this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    applyStoryFrame(this.target, buildInterpolatedAttrs(this.propKeys, this.from, this.to, ratio));
   }
 }
 class StrokeIn extends ACustomAnimate {
@@ -36549,8 +36656,10 @@ class StrokeIn extends ACustomAnimate {
   }
   onUpdate(end, ratio, out) {
     var _a;
-    const attribute = this.target.attribute;
-    attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
+    const attrs = {
+      lineDashOffset: this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio
+    };
+    (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attrs.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio), applyAnimationTransientAttributes(this.target, attrs);
   }
   onEnd() {
     var _a;
@@ -36601,8 +36710,10 @@ class StrokeOut extends ACustomAnimate {
   }
   onUpdate(end, ratio, out) {
     var _a;
-    const attribute = this.target.attribute;
-    attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
+    const attrs = {
+      lineDashOffset: this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio
+    };
+    (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attrs.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio), applyAnimationTransientAttributes(this.target, attrs);
   }
 }
 class MoveScaleIn extends ACustomAnimate {
@@ -36699,10 +36810,7 @@ class SlideOut extends ACustomAnimate {
     "top" === direction ? (from.y = null !== (_g = attrs.y) && void 0 !== _g ? _g : 0, to.y = (null !== (_h = attrs.y) && void 0 !== _h ? _h : 0) - distance, this.propKeys = ["opacity", "baseOpacity", "y"]) : "bottom" === direction ? (from.y = null !== (_j = attrs.y) && void 0 !== _j ? _j : 0, to.y = (null !== (_k = attrs.y) && void 0 !== _k ? _k : 0) + distance, this.propKeys = ["opacity", "baseOpacity", "y"]) : "left" === direction ? (from.x = null !== (_l = attrs.x) && void 0 !== _l ? _l : 0, to.x = (null !== (_m = attrs.x) && void 0 !== _m ? _m : 0) - distance, this.propKeys = ["opacity", "baseOpacity", "x"]) : (from.x = null !== (_o = attrs.x) && void 0 !== _o ? _o : 0, to.x = (null !== (_p = attrs.x) && void 0 !== _p ? _p : 0) + distance, this.propKeys = ["opacity", "baseOpacity", "x"]), this.from = from, this.to = to, this.props = to;
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
-    this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    applyStoryFrame(this.target, buildInterpolatedAttrs(this.propKeys, this.from, this.to, ratio));
   }
 }
 class GrowOut extends ACustomAnimate {
@@ -36727,10 +36835,7 @@ class GrowOut extends ACustomAnimate {
     this.propKeys = ["opacity", "baseOpacity"], "x" !== direction && "xy" !== direction || (from.scaleX = null !== (_h = attrs.scaleX) && void 0 !== _h ? _h : 1, to.scaleX = toScale, this.propKeys.push("scaleX")), "y" !== direction && "xy" !== direction || (from.scaleY = null !== (_j = attrs.scaleY) && void 0 !== _j ? _j : 1, to.scaleY = toScale, this.propKeys.push("scaleY")), this.from = from, this.to = to, this.props = to;
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
-    this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    applyStoryFrame(this.target, buildInterpolatedAttrs(this.propKeys, this.from, this.to, ratio));
   }
 }
 class SpinOut extends ACustomAnimate {
@@ -36761,10 +36866,7 @@ class SpinOut extends ACustomAnimate {
     this.propKeys = ["opacity", "baseOpacity", "angle", "scaleX", "scaleY"], this.from = from, this.to = to, this.props = to;
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
-    this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    applyStoryFrame(this.target, buildInterpolatedAttrs(this.propKeys, this.from, this.to, ratio));
   }
 }
 class MoveScaleOut extends ACustomAnimate {
@@ -36849,20 +36951,20 @@ class PulseAnimate extends ACustomAnimate {
   onUpdate(end, ratio, out) {
     const angle = ratio * Math.PI * this.pulseCount,
       pulseValue = Math.abs(Math.sin(angle)),
-      attribute = this.target.attribute;
+      attrs = {};
     if (this.useOpacity) {
       const opacity = 1 + (this.pulseOpacity - 1) * pulseValue;
-      this.useStroke && (attribute.strokeOpacity = (this.originalAttributes.strokeOpacity || 1) * opacity), this.useFill && (attribute.fillOpacity = (this.originalAttributes.fillOpacity || 1) * opacity);
+      this.useStroke && (attrs.strokeOpacity = (this.originalAttributes.strokeOpacity || 1) * opacity), this.useFill && (attrs.fillOpacity = (this.originalAttributes.fillOpacity || 1) * opacity);
     }
     if (this.useScale) {
       const scale = 1 + (this.pulseScale - 1) * pulseValue;
-      attribute.scaleX = (this.originalAttributes.scaleX || 1) * scale, attribute.scaleY = (this.originalAttributes.scaleY || 1) * scale;
+      attrs.scaleX = (this.originalAttributes.scaleX || 1) * scale, attrs.scaleY = (this.originalAttributes.scaleY || 1) * scale;
     }
-    this.useColor && this.pulseColor && this.applyColorPulse(attribute, pulseValue), this.target.addUpdateShapeAndBoundsTag(), this.target.addUpdatePositionTag();
+    this.useColor && this.pulseColor && this.applyColorPulse(attrs, pulseValue), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdateShapeAndBoundsTag(), this.target.addUpdatePositionTag();
   }
-  applyColorPulse(attribute, pulseValue) {
+  applyColorPulse(attrs, pulseValue) {
     const colorRatio = this.pulseColorIntensity * pulseValue;
-    this.useFill && this.originalFill && this.pulseColor && (attribute.fill = interpolateColor(this.originalFill, this.pulseColor, colorRatio, !0)), this.useStroke && this.originalStroke && this.pulseColor && (attribute.stroke = interpolateColor(this.originalStroke, this.pulseColor, colorRatio, !0));
+    this.useFill && this.originalFill && this.pulseColor && (attrs.fill = interpolateColor(this.originalFill, this.pulseColor, colorRatio, !0)), this.useStroke && this.originalStroke && this.pulseColor && (attrs.stroke = interpolateColor(this.originalStroke, this.pulseColor, colorRatio, !0));
   }
   onEnd() {
     super.onEnd(), this.target.setAttributes(this.originalAttributes);
@@ -36877,12 +36979,22 @@ const clipPathGeometryAttrs = {
   width: !0,
   height: !0
 };
+function includesChannel(channels, key) {
+  for (let i = 0; i < channels.length; i++) if (channels[i] === key) return !0;
+  return !1;
+}
+function filterExcludedChannels(diffAttrs, excludeChannels) {
+  if (!(null == excludeChannels ? void 0 : excludeChannels.length)) return diffAttrs;
+  const nextAttrs = {};
+  for (const key in diffAttrs) Object.prototype.hasOwnProperty.call(diffAttrs, key) && !includesChannel(excludeChannels, key) && (nextAttrs[key] = diffAttrs[key]);
+  return nextAttrs;
+}
 class Update extends ACustomAnimate {
   constructor(from, to, duration, easing, params) {
     super(from, to, duration, easing, params), this.clipPathSyncKeys = null, this.clipPathSyncParent = null, this.clipPathSyncChildIndex = -1, this.clipPathSyncDisabled = !1;
   }
   onBind() {
-    var _a, _b;
+    var _a;
     super.onBind();
     let {
       diffAttrs = {}
@@ -36890,39 +37002,19 @@ class Update extends ACustomAnimate {
     const {
       options: options
     } = this.params;
-    diffAttrs = Object.assign({}, diffAttrs), (null === (_b = null == options ? void 0 : options.excludeChannels) || void 0 === _b ? void 0 : _b.length) && options.excludeChannels.forEach(channel => {
-      delete diffAttrs[channel];
-    }), this.props = diffAttrs, this.clipPathSyncKeys = Object.keys(diffAttrs).filter(key => clipPathGeometryAttrs[key]), this.clipPathSyncDisabled = !this.clipPathSyncKeys.length, this.syncParentClipPathToTarget();
-  }
-  getStaticCommitAttrs() {
-    var _a;
-    if (!this.props) return null;
-    const target = this.target,
-      contextFinalAttrs = null === (_a = target.context) || void 0 === _a ? void 0 : _a.finalAttrs,
-      finalAttribute = "function" == typeof target.getFinalAttribute ? target.getFinalAttribute() : target.finalAttribute,
-      commitAttrs = {};
-    return Object.keys(this.props).forEach(key => {
-      contextFinalAttrs && Object.prototype.hasOwnProperty.call(contextFinalAttrs, key) ? commitAttrs[key] = contextFinalAttrs[key] : finalAttribute && Object.prototype.hasOwnProperty.call(finalAttribute, key) ? commitAttrs[key] = finalAttribute[key] : this.animate.validAttr(key) && (commitAttrs[key] = this.props[key]);
-    }), Object.keys(commitAttrs).length ? commitAttrs : null;
+    diffAttrs = filterExcludedChannels(diffAttrs, null == options ? void 0 : options.excludeChannels), this.props = diffAttrs, this.clipPathSyncKeys = Object.keys(diffAttrs).filter(key => clipPathGeometryAttrs[key]), this.clipPathSyncDisabled = !this.clipPathSyncKeys.length, this.syncParentClipPathToTarget();
   }
   onEnd(cb) {
-    if (cb) return void super.onEnd(cb);
-    const commitAttrs = this.getStaticCommitAttrs();
-    commitAttrs && this.target.setAttributes(commitAttrs, !1, {
-      type: AttributeUpdateType.ANIMATE_END
-    }), this.syncParentClipPathToTarget(), super.onEnd();
+    var _a;
+    cb ? super.onEnd(cb) : (this.props && commitAnimationStaticAttrs(this.target, null !== (_a = this.propKeys) && void 0 !== _a ? _a : Object.keys(this.props), this.animate, this.props), this.syncParentClipPathToTarget(), super.onEnd());
   }
   update(end, ratio, out) {
     if (this.onStart(), !this.props || !this.propKeys) return;
     const easedRatio = this.easing(ratio);
-    this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
-      if (!this.animate.validAttr(this.propKeys[index])) return;
-      const key = this.propKeys[index];
-      func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
-    }), this.syncParentClipPathToTarget(), this.onUpdate(end, easedRatio, out);
+    this.runInterpolateUpdate(this.fromProps, this.props, easedRatio), this.syncParentClipPathToTarget(), this.onUpdate(end, easedRatio, out);
   }
   syncParentClipPathToTarget() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (this.clipPathSyncDisabled) return;
     const target = this.target,
       parent = target.parent,
@@ -36931,9 +37023,9 @@ class Update extends ACustomAnimate {
     const childIndex = this.getClipPathSyncChildIndex(parent);
     if (childIndex < 0 || childIndex >= path.length) return;
     const clipGraphic = path[childIndex];
-    if (!(null == clipGraphic ? void 0 : clipGraphic.attribute) || clipGraphic.type !== target.type || !this.isClipPathStaticTarget(clipGraphic)) return void (this.clipPathSyncDisabled = !0);
+    if (!(null == clipGraphic ? void 0 : clipGraphic.attribute) || clipGraphic.type !== target.type || !this.isClipPathStaticTarget(clipGraphic)) return;
     const syncAttrs = this.buildClipPathTransientAttrs(clipGraphic);
-    syncAttrs && applyAnimationTransientAttributes(clipGraphic, syncAttrs, AttributeUpdateType.ANIMATE_UPDATE);
+    syncAttrs && (applyAnimationFrameAttributes(clipGraphic, syncAttrs), null === (_c = clipGraphic.addUpdatePositionTag) || void 0 === _c || _c.call(clipGraphic), null === (_d = clipGraphic.addUpdateShapeAndBoundsTag) || void 0 === _d || _d.call(clipGraphic));
   }
   getClipPathSyncChildIndex(parent) {
     var _a;
@@ -37077,10 +37169,10 @@ class MoveBase extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 class MoveIn extends MoveBase {
@@ -37136,10 +37228,10 @@ class RotateBase extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onUpdate(end, ratio, out) {
-    const attribute = this.target.attribute;
+    const attrs = {};
     this.propKeys.forEach(key => {
-      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-    }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      attrs[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+    }), applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
   }
 }
 class RotateIn extends RotateBase {
@@ -37182,7 +37274,7 @@ class MotionPath extends ACustomAnimate {
         pos: pos,
         angle: angle
       } = this.path.getAttrAt(at);
-    attrs.x = pos.x, attrs.y = pos.y, this.changeAngle && (attrs.angle = angle + this.initAngle), this.cb && this.cb(this.from, this.to, ratio, this.target), end && this.commitOnEnd ? this.target.setAttributes(attrs) : applyAnimationTransientAttributes(this.target, attrs);
+    attrs.x = pos.x, attrs.y = pos.y, this.changeAngle && (attrs.angle = angle + this.initAngle), this.cb && this.cb(this.from, this.to, ratio, this.target), end && this.commitOnEnd ? this.target.setAttributes(attrs) : (applyAnimationFrameAttributes(this.target, attrs), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag());
   }
 }
 
@@ -40935,11 +41027,7 @@ function commitUpdateAnimationTarget(graphic, targetAttrs, startAttrs) {
   if (!graphic || !targetAttrs) return;
   const committedTargetAttrs = cloneDeep(targetAttrs),
     transientStartAttrs = cloneDeep(null != startAttrs ? startAttrs : graphic.attribute);
-  graphic.setAttributes(committedTargetAttrs);
-  const baseAttributes = graphic.baseAttributes;
-  baseAttributes && "object" == typeof baseAttributes && Object.keys(committedTargetAttrs).forEach(key => {
-    baseAttributes[key] = cloneDeep(committedTargetAttrs[key]);
-  }), null === (_b = (_a = graphic).setFinalAttributes) || void 0 === _b || _b.call(_a, committedTargetAttrs), null === (_d = (_c = graphic).setAttributesAndPreventAnimate) || void 0 === _d || _d.call(_c, transientStartAttrs, !1, {
+  graphic.setAttributes(committedTargetAttrs), null === (_b = (_a = graphic).setFinalAttributes) || void 0 === _b || _b.call(_a, committedTargetAttrs), null === (_d = (_c = graphic).setAttributesAndPreventAnimate) || void 0 === _d || _d.call(_c, transientStartAttrs, !1, {
     type: AttributeUpdateType.ANIMATE_BIND
   });
 }
@@ -41679,7 +41767,10 @@ class AxisUpdate extends AComponentAnimate {
     }), this.completeBind(animator);
   }
   deleteSelfAttr(key) {
-    super.deleteSelfAttr(key), this._animator.deleteSelfAttr(key);
+    this.deleteSelfAttrs([key]);
+  }
+  deleteSelfAttrs(keys) {
+    super.deleteSelfAttrs(keys), this._animator.deleteSelfAttrs(keys);
   }
   tryPreventConflict() {}
 }
@@ -54537,6 +54628,6 @@ function createStage(params) {
     return resolveLegacyApp().createStage(params);
 }
 
-const version = "1.1.0-alpha.10";
+const version = "1.1.0-alpha.12";
 
 export { AComponentAnimate, ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AStageAnimate, AXIS_ELEMENT_NAME, AbstractComponent, AbstractGraphicRender, Animate, AnimateExecutor, AnimateMode, AnimateStatus, Step as AnimateStep, AnimateStepType, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, AppContext, Application, Arc, Arc3d, Arc3dRender, ArcInfo, ArcLabel, ArcRender, ArcRenderContribution, ArcSegment, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, AxisStateValue, BaseCanvas, BaseEnvContribution, BasePlayer, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEntry, BrowserEnvContribution, Brush, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGifImagePicker, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasStarPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CheckBox, Circle, CircleAxis, CircleAxisGrid, CircleCrosshair, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ColorContinuousLegend, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, ComponentAnimator, Context2dFactory, ContinuousPlayer, ContributionProvider, ContributionRegistry, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, 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_TEXT_FONT_FAMILY$1 as DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionEnum, DirectionalLight, DiscreteLegend, DiscretePlayer, Dissolve, Distortion, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EmptyTip, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeIn, FadeOut, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, FromTo, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, GaussianBlur, Generator, Gesture, GifImage, Glitch, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicFactory, GraphicPicker, GraphicRender, GraphicService, GraphicStateExtension, GraphicUtil, Grayscale, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupTransition, GroupUpdateAABBBoundsMode, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, HtmlAttributePlugin, IContainPointMode, IDataZoomEvent, IDataZoomInteractiveEvent, IMAGE_NUMBER_TYPE, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, Indicator, InputRichText, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LEGEND_ELEMENT_NAME, LINE_NUMBER_TYPE, LabelBase, LabelItemAppear, LabelItemDisappear, Layer, LayerFactory, LayerService, LegendEvent, LegendStateValue, Line$1 as Line, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LineRender, Linear, LinearClosed, LinkPath, Lottie, ManualTicker, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathRichTextPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, MiniappEntry, MonotoneX, MonotoneY, MorphingPath, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, NodeEntry, OrthoCamera, OutputRichText, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Pager, Particle, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerRegistry, PickerService, Pixelation, PlayerEventEnum, PluginRegistry, PluginService, Polygon, PolygonCrosshair, PolygonRender, PolygonRenderContribution, PolygonSectorCrosshair, PopTip, PoptipAppear, PoptipDisappear, PulseAnimate, Pyramid3d, Pyramid3dRender, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, Radio, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectCrosshair, RectLabel, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, RendererRegistry, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, RotateIn, RotateOut, SLIDER_ELEMENT_NAME, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, ScaleIn, ScaleOut, ScrollBar, SectorCrosshair, SegContext, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SizeContinuousLegend, SlideIn, SlideOut, SlideOutRichText, SlideRichText, Slider, SpinIn, SpinOut, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StageFactory, Star, StarRender, StarRenderContribution, State, StateDefinitionCompiler, StateEngine, StaticLayerHandlerContribution, Step$1 as Step, StepClosed, StoryLabelItem, StreamLight, StrokeIn, StrokeOut, Switch, Symbol$1 as Symbol, SymbolLabel, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TableSeriesNumber, Tag, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, Timeline, Title, Tooltip, TopZIndex, TransformUtil, Update, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VTag, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WeatherBox, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, alignTextInLine, alternatingWave, angle, angleLabelOrientAttribute, angleTo, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindArc3dCanvasPickerContribution, bindArc3dRenderModule, bindArcCanvasPickerContribution, bindArcMathPickerContribution, bindArcRenderModule, bindAreaCanvasPickerContribution, bindAreaMathPickerContribution, bindAreaRenderModule, bindBrowserEnv, bindCircleCanvasPickerContribution, bindCircleMathPickerContribution, bindCircleRenderModule, bindContributionProvider, bindContributionProviderNoSingletonScope, bindFeishuEnv, bindGifImageCanvasPickerContribution, bindGifImageRenderContribution, bindGlyphCanvasPickerContribution, bindGlyphMathPickerContribution, bindGlyphRenderModule, bindHarmonyEnv, bindImageCanvasPickerContribution, bindImageMathPickerContribution, bindImageRenderModule, bindLineCanvasPickerContribution, bindLineMathPickerContribution, bindLineRenderModule, bindLottieCanvasPickerContribution, bindLottieRenderContribution, bindLynxEnv, bindMathPicker, bindNodeEnv, bindPathCanvasPickerContribution, bindPathMathPickerContribution, bindPathRenderModule, bindPolygonCanvasPickerContribution, bindPolygonMathPickerContribution, bindPolygonRenderModule, bindPyramid3dCanvasPickerContribution, bindPyramid3dRenderModule, bindRect3dCanvasPickerContribution, bindRect3dRenderModule, bindRectCanvasPickerContribution, bindRectMathPickerContribution, bindRectRenderModule, bindRichTextMathPickerContribution, bindRichtextCanvasPickerContribution, bindRichtextRenderModule, bindStarRenderModule, bindSymbolCanvasPickerContribution, bindSymbolMathPickerContribution, bindSymbolRenderModule, bindTTEnv, bindTaroEnv, bindTextCanvasPickerContribution, bindTextMathPickerContribution, bindTextRenderModule, bindWxEnv, bootstrapLegacyVRenderRuntime, bootstrapVRenderBrowserApp, bootstrapVRenderNodeApp, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, cartesianTicks, centerToCorner, centroidOfSubpath, circleBounds, circleModule, clampRadian, clock, colorEqual, colorStringInterpolationToStr, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeOffsetForlimit, configureRuntimeApplicationForApp, container, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, cornerTangents, cornerToCenter, createBrowserApp$1 as createApp, createArc, createArc3d, createArea, createBrowserApp$1 as createBrowserApp, createBrowserVRenderApp, createCanvasEventTransformer, createCircle, createColor, createComponentAnimator, createConicalGradient, createContributionProvider$1 as createContributionProvider, createEventTransformer, createGifImage, createGlyph, createGraphic$1 as createGraphic, createGroup, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createMat4, createMiniappApp, createNodeApp$1 as createNodeApp, createNodeVRenderApp, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createTextGraphicByType, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, deltaXYToAngle, diagonalCenterToEdge, diagonalTopLeftToBottomRight, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, fuzzyEqualNumber, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getAxisBreakSymbolAttrs, getBackgroundImage, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getElMap, getExtraModelMatrix, getHorizontalPath, getLegacyBindingContext, getMarksByName, getModelMatrix, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getRichTextBounds, getRuntimeInstallerBindingContext, getRuntimeInstallerGlobal, getScaledStroke, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextBounds, getTextType, getTheme, getThemeFromGroup, getVerticalCoord, getVerticalPath, globalTheme, glyphModule, graphicCreator$1 as graphicCreator, graphicService, graphicUtil, hasOverlap, htmlAttributeTransform, identityMat4, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initTextMeasure, initWxEnv, installBrowserEnvToApp, installBrowserPickersToApp, installDefaultGraphicsToApp, installNodeEnvToApp, installNodePickersToApp, installPoptipToApp, installRuntimeDrawContributionsToApp, installRuntimeGraphicRenderersToApp, installRuntimePickersToApp, installScrollbarToApp, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isInRange, isNoRepeatSizingMode, isNodeEnv, isPostiveXAxis, isRichText, isSvg, isVisible, isXML, jsx, labelSmartInvert, layerService, length, limitShapeInBounds, lineModule, linearDiscreteTicks, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadMathPicker, loadNodeEnv, loadPoptip, loadScrollbar, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, measureTextSize, morphPath, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, newThemeObj, normalize$1 as normalize, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, particleEffect, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polarAngleAxisDiscreteTicks, polarTicks, polygonModule, preLoadAllModule, pulseWave, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, randomOpacity, reactAttributeTransform, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, refreshRuntimeInstallerContributions, registerAnimate, registerArc, registerArc3d, registerArc3dGraphic, registerArcDataLabel, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerCustomAnimate, registerDirectionalLight, registerFlexLayoutPlugin, registerGifGraphic, registerGifImage, registerGlobalEventTransformer, registerGlyph, registerGlyphGraphic, registerGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineDataLabel, registerLineGraphic, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectDataLabel, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerStar, registerStarGraphic, registerSymbol, registerSymbolDataLabel, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapText, registerWrapTextGraphic, removeRepeatPoint, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveContainerBinding$1 as resolveContainerBinding, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richTextAttributeTransform, richtextModule, rippleEffect, rotateX, rotateY, rotateZ, rotationScan, roughModule, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, runFill, runStroke, scale, scaleMat4, segments, setPoptipTheme, shouldClipImageByLayout, shouldUseMat4, shouldUseSimpleAttributeFastPath, smartInvertStrategy, snakeWave, snapLength, spiralEffect, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, tan2AngleToAngle, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textIntersect, textLayoutOffsetY, textModule, ticks, transformMat4, transformPointForCanvas, transformUtil, transitionRegistry, translate, traverseGroup, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };