@visactor/react-vtable 1.18.4 → 1.19.0-alpha.0

package/dist/react-vtable.js

@@ -377,8 +377,7 @@
     };
     var isPlainObject$3 = isPlainObject$2;
 
-    const isString$2 = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    const isString$2 = (value, fuzzy = !1) => {
       const type = typeof value;
       return fuzzy ? "string" === type : "string" === type || isType$3(value, "String");
     };
@@ -392,16 +391,13 @@
     };
     var isArrayLike$3 = isArrayLike$2;
 
-    const isNumber$2 = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    const isNumber$2 = (value, fuzzy = !1) => {
       const type = typeof value;
       return fuzzy ? "number" === type : "number" === type || isType$3(value, "Number");
     };
     var isNumber$3 = isNumber$2;
 
-    function baseMerge$1(target, source) {
-      let shallowArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      let skipTargetArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+    function baseMerge$1(target, source, shallowArray = !1, skipTargetArray = !1) {
       if (source) {
         if (target === source) return;
         if (isValid$3(source) && "object" == typeof source) {
@@ -419,9 +415,7 @@
         }
       }
     }
-    function baseMergeDeep$1(target, source, key) {
-      let shallowArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      let skipTargetArray = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+    function baseMergeDeep$1(target, source, key, shallowArray = !1, skipTargetArray = !1) {
       const objValue = target[key],
         srcValue = source[key];
       let newValue = source[key],
@@ -442,11 +436,11 @@
     function eq$1(value, other) {
       return value === other || Number.isNaN(value) && Number.isNaN(other);
     }
-    function merge$1(target) {
+    function merge$1(target, ...sources) {
       let sourceIndex = -1;
-      const length = arguments.length <= 1 ? 0 : arguments.length - 1;
+      const length = sources.length;
       for (; ++sourceIndex < length;) {
-        baseMerge$1(target, sourceIndex + 1 < 1 || arguments.length <= sourceIndex + 1 ? undefined : arguments[sourceIndex + 1], !0);
+        baseMerge$1(target, sources[sourceIndex], !0);
       }
       return target;
     }
@@ -543,8 +537,7 @@
       };
     };
 
-    const styleStringToObject$1 = function () {
-      let styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+    const styleStringToObject$1 = (styleStr = "") => {
       const res = {};
       return styleStr.split(";").forEach(item => {
         if (item) {
@@ -1307,12 +1300,9 @@
       }
     }
     function bindContributionProvider(bind, id) {
-      bind(ContributionProvider).toDynamicValue(_ref => {
-        let {
-          container: container
-        } = _ref;
-        return new ContributionProviderCache(id, container);
-      }).inSingletonScope().whenTargetNamed(id);
+      bind(ContributionProvider).toDynamicValue(({
+        container: container
+      }) => new ContributionProviderCache(id, container)).inSingletonScope().whenTargetNamed(id);
     }
     class ContributionStore {
       static getStore(id) {
@@ -1382,10 +1372,7 @@
     }
 
     class SyncHook extends Hook {
-      call() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
+      call(...args) {
         this.taps.map(t => t.fn).forEach(cb => cb(...args));
       }
     }
@@ -1393,6 +1380,9 @@
     const EnvContribution = Symbol.for("EnvContribution");
     const DEFAULT_TEXT_FONT_FAMILY$1 = "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol";
 
+    class Application {}
+    const application = new Application();
+
     var MeasureModeEnum;
     !function (MeasureModeEnum) {
       MeasureModeEnum[MeasureModeEnum.estimate = 0] = "estimate", MeasureModeEnum[MeasureModeEnum.actualBounding = 1] = "actualBounding", MeasureModeEnum[MeasureModeEnum.fontBounding = 2] = "fontBounding";
@@ -1401,10 +1391,7 @@
     const isType = (value, type) => Object.prototype.toString.call(value) === `[object ${type}]`;
     var isType$1 = isType;
 
-    const isBoolean = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      return fuzzy ? "boolean" == typeof value : !0 === value || !1 === value || isType$1(value, "Boolean");
-    };
+    const isBoolean = (value, fuzzy = !1) => fuzzy ? "boolean" == typeof value : !0 === value || !1 === value || isType$1(value, "Boolean");
     var isBoolean$1 = isBoolean;
 
     const isFunction = value => "function" == typeof value;
@@ -1434,8 +1421,7 @@
     };
     var isPlainObject$1 = isPlainObject;
 
-    const isString = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    const isString = (value, fuzzy = !1) => {
       const type = typeof value;
       return fuzzy ? "string" === type : "string" === type || isType$1(value, "String");
     };
@@ -1449,8 +1435,7 @@
     };
     var isArrayLike$1 = isArrayLike;
 
-    const isNumber = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    const isNumber = (value, fuzzy = !1) => {
       const type = typeof value;
       return fuzzy ? "number" === type : "number" === type || isType$1(value, "Number");
     };
@@ -1475,24 +1460,18 @@
       };
     var isPrototype$1 = isPrototype;
 
-    const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+    const hasOwnProperty = Object.prototype.hasOwnProperty;
     function isEmpty(value) {
       if (isNil$1(value)) return !0;
       if (isArrayLike$1(value)) return !value.length;
       const type = getType$1(value);
       if ("Map" === type || "Set" === type) return !value.size;
       if (isPrototype$1(value)) return !Object.keys(value).length;
-      for (const key in value) if (hasOwnProperty$1.call(value, key)) return !1;
+      for (const key in value) if (hasOwnProperty.call(value, key)) return !1;
       return !0;
     }
 
-    const hasOwnProperty = Object.prototype.hasOwnProperty,
-      has = (object, key) => null != object && hasOwnProperty.call(object, key);
-    var has$1 = has;
-
-    function baseMerge(target, source) {
-      let shallowArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      let skipTargetArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+    function baseMerge(target, source, shallowArray = !1, skipTargetArray = !1) {
       if (source) {
         if (target === source) return;
         if (isValid$1(source) && "object" == typeof source) {
@@ -1510,9 +1489,7 @@
         }
       }
     }
-    function baseMergeDeep(target, source, key) {
-      let shallowArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      let skipTargetArray = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+    function baseMergeDeep(target, source, key, shallowArray = !1, skipTargetArray = !1) {
       const objValue = target[key],
         srcValue = source[key];
       let newValue = source[key],
@@ -1533,11 +1510,11 @@
     function eq(value, other) {
       return value === other || Number.isNaN(value) && Number.isNaN(other);
     }
-    function merge(target) {
+    function merge(target, ...sources) {
       let sourceIndex = -1;
-      const length = arguments.length <= 1 ? 0 : arguments.length - 1;
+      const length = sources.length;
       for (; ++sourceIndex < length;) {
-        baseMerge(target, sourceIndex + 1 < 1 || arguments.length <= sourceIndex + 1 ? undefined : arguments[sourceIndex + 1], !0);
+        baseMerge(target, sources[sourceIndex], !0);
       }
       return target;
     }
@@ -1574,9 +1551,7 @@
       static clearInstance() {
         Logger._instance = null;
       }
-      constructor() {
-        let level = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : LoggerLevel.None;
-        let method = arguments.length > 1 ? arguments[1] : undefined;
+      constructor(level = LoggerLevel.None, method) {
         this._onErrorHandler = [], this._level = level, this._method = method;
       }
       addErrorHandler(handler) {
@@ -1586,10 +1561,7 @@
         const index = this._onErrorHandler.findIndex(h => h === handler);
         index < 0 || this._onErrorHandler.splice(index, 1);
       }
-      callErrorHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
+      callErrorHandler(...args) {
         this._onErrorHandler.forEach(h => h(...args));
       }
       canLogInfo() {
@@ -1607,39 +1579,22 @@
       level(levelValue) {
         return arguments.length ? (this._level = +levelValue, this) : this._level;
       }
-      error() {
+      error(...args) {
         var _a;
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
         return this._level >= LoggerLevel.Error && (this._onErrorHandler.length ? this.callErrorHandler(...args) : log(null !== (_a = this._method) && void 0 !== _a ? _a : "error", "ERROR", args)), this;
       }
-      warn() {
-        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          args[_key3] = arguments[_key3];
-        }
+      warn(...args) {
         return this._level >= LoggerLevel.Warn && log(this._method || "warn", "WARN", args), this;
       }
-      info() {
-        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-          args[_key4] = arguments[_key4];
-        }
+      info(...args) {
         return this._level >= LoggerLevel.Info && log(this._method || "log", "INFO", args), this;
       }
-      debug() {
-        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          args[_key5] = arguments[_key5];
-        }
+      debug(...args) {
         return this._level >= LoggerLevel.Debug && log(this._method || "log", "DEBUG", args), this;
       }
     }
     Logger._instance = null;
 
-    const clamp = function (input, min, max) {
-      return input < min ? min : input > max ? max : input;
-    };
-    var clamp$1 = clamp;
-
     const epsilon = 1e-12;
     const pi = Math.PI;
     const halfPi$1 = pi / 2;
@@ -1658,11 +1613,7 @@
     }
 
     class Point {
-      constructor() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x1 = arguments.length > 2 ? arguments[2] : undefined;
-        let y1 = arguments.length > 3 ? arguments[3] : undefined;
+      constructor(x = 0, y = 0, x1, y1) {
         this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
       }
       clone() {
@@ -1708,8 +1659,7 @@
     function radianToDegree(radian) {
       return 180 * radian / Math.PI;
     }
-    const clampRadian = function () {
-      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    const clampRadian = (angle = 0) => {
       if (angle < 0) for (; angle < -tau;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
       return angle;
     };
@@ -1722,15 +1672,13 @@
     function getProjectionRadius(checkAxis, axis) {
       return Math.abs(axis[0] * checkAxis[0] + axis[1] * checkAxis[1]);
     }
-    function rotatePoint(_ref, rad) {
-      let {
-        x: x,
-        y: y
-      } = _ref;
-      let origin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-        x: 0,
-        y: 0
-      };
+    function rotatePoint({
+      x: x,
+      y: y
+    }, rad, origin = {
+      x: 0,
+      y: 0
+    }) {
       return {
         x: (x - origin.x) * Math.cos(rad) - (y - origin.y) * Math.sin(rad) + origin.x,
         y: (x - origin.x) * Math.sin(rad) + (y - origin.y) * Math.cos(rad) + origin.y
@@ -1759,8 +1707,7 @@
         y: box.y2
       }, deg, cp)];
     }
-    function isRotateAABBIntersect(box1, box2) {
-      let isDeg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+    function isRotateAABBIntersect(box1, box2, isDeg = !1) {
       const rect1 = toRect(box1, isDeg),
         rect2 = toRect(box2, isDeg),
         vector = (start, end) => [end.x - start.x, end.y - start.y],
@@ -1781,9 +1728,17 @@
       return isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) && isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) && isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) && isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC);
     }
 
-    function getContextFont(text) {
-      let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      let fontSizeScale = arguments.length > 2 ? arguments[2] : undefined;
+    function isPointInLine(x0, y0, x1, y1, x, y) {
+      if (y > y0 && y > y1 || y < y0 && y < y1) return 0;
+      if (y1 === y0) return 0;
+      const t = (y - y0) / (y1 - y0);
+      let dir = y1 < y0 ? 1 : -1;
+      1 !== t && 0 !== t || (dir = y1 < y0 ? .5 : -.5);
+      const x_ = t * (x1 - x0) + x0;
+      return x_ === x ? 1 / 0 : x_ > x ? dir : 0;
+    }
+
+    function getContextFont(text, defaultAttr = {}, fontSizeScale) {
       fontSizeScale || (fontSizeScale = 1);
       const {
         fontStyle = defaultAttr.fontStyle,
@@ -1868,49 +1823,29 @@
       equals(b) {
         return this.x1 === b.x1 && this.y1 === b.y1 && this.x2 === b.x2 && this.y2 === b.y2;
       }
-      setValue() {
-        let x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
         return this.x1 = x1, this.y1 = y1, this.x2 = x2, this.y2 = y2, this;
       }
-      set() {
-        let x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      set(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
         return x2 < x1 ? (this.x2 = x1, this.x1 = x2) : (this.x1 = x1, this.x2 = x2), y2 < y1 ? (this.y2 = y1, this.y1 = y2) : (this.y1 = y1, this.y2 = y2), this;
       }
-      add() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      add(x = 0, y = 0) {
         return x < this.x1 && (this.x1 = x), y < this.y1 && (this.y1 = y), x > this.x2 && (this.x2 = x), y > this.y2 && (this.y2 = y), this;
       }
-      expand() {
-        let d = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      expand(d = 0) {
         return isArray$1(d) ? (this.y1 -= d[0], this.x2 += d[1], this.y2 += d[2], this.x1 -= d[3]) : (this.x1 -= d, this.y1 -= d, this.x2 += d, this.y2 += d), this;
       }
       round() {
         return this.x1 = Math.floor(this.x1), this.y1 = Math.floor(this.y1), this.x2 = Math.ceil(this.x2), this.y2 = Math.ceil(this.y2), this;
       }
-      translate() {
-        let dx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let dy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      translate(dx = 0, dy = 0) {
         return this.x1 += dx, this.x2 += dx, this.y1 += dy, this.y2 += dy, this;
       }
-      rotate() {
-        let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let y = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      rotate(angle = 0, x = 0, y = 0) {
         const p = this.rotatedPoints(angle, x, y);
         return this.clear().add(p[0], p[1]).add(p[2], p[3]).add(p[4], p[5]).add(p[6], p[7]);
       }
-      scale() {
-        let sx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let sy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      scale(sx = 0, sy = 0, x = 0, y = 0) {
         const p = this.scalePoints(sx, sy, x, y);
         return this.clear().add(p[0], p[1]).add(p[2], p[3]);
       }
@@ -1929,9 +1864,7 @@
       intersects(b) {
         return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
       }
-      contains() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      contains(x = 0, y = 0) {
         return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
       }
       containsPoint(p) {
@@ -1943,12 +1876,10 @@
       height() {
         return this.empty() ? 0 : this.y2 - this.y1;
       }
-      scaleX() {
-        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      scaleX(s = 0) {
         return this.x1 *= s, this.x2 *= s, this;
       }
-      scaleY() {
-        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      scaleY(s = 0) {
         return this.y1 *= s, this.y2 *= s, this;
       }
       transformWithMatrix(matrix) {
@@ -1982,20 +1913,14 @@
     }
     class AABBBounds extends Bounds {}
     class OBBBounds extends Bounds {
-      constructor(bounds) {
-        let angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      constructor(bounds, angle = 0) {
         var _a;
         super(bounds), bounds && (this.angle = null !== (_a = bounds.angle) && void 0 !== _a ? _a : angle);
       }
       intersects(b) {
         return isRotateAABBIntersect(this, b);
       }
-      setValue() {
-        let x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        let angle = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+      setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0, angle = 0) {
         return super.setValue(x1, y1, x2, y2), this.angle = angle, this;
       }
       clone() {
@@ -2023,13 +1948,7 @@
     }
 
     class Matrix {
-      constructor() {
-        let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-        let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let c = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let d = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-        let e = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-        let f = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+      constructor(a = 1, b = 0, c = 0, d = 1, e = 0, f = 0) {
         this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f;
       }
       equalToMatrix(m2) {
@@ -2139,8 +2058,7 @@
           } = source;
         target.x = x * nextA + y * nextC + nextE, target.y = x * nextB + y * nextD + nextF;
       }
-      onlyTranslate() {
-        let scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      onlyTranslate(scale = 1) {
         return this.a === scale && 0 === this.b && 0 === this.c && this.d === scale;
       }
       clone() {
@@ -2191,404 +2109,6 @@
       out.a = scaleX * a1, out.b = scaleX * b1, out.c = scaleY * c1, out.d = scaleY * d1, out.e = oe + oa * rotateCenterX + oc * rotateCenterY - a1 * offsetX - c1 * offsetY, out.f = of + ob * rotateCenterX + od * rotateCenterY - b1 * offsetX - d1 * offsetY;
     }
 
-    function hslToRgb(h, s, l) {
-      s /= 100, l /= 100;
-      const c = (1 - Math.abs(2 * l - 1)) * s,
-        x = c * (1 - Math.abs(h / 60 % 2 - 1)),
-        m = l - c / 2;
-      let r = 0,
-        g = 0,
-        b = 0;
-      return 0 <= h && h < 60 ? (r = c, g = x, b = 0) : 60 <= h && h < 120 ? (r = x, g = c, b = 0) : 120 <= h && h < 180 ? (r = 0, g = c, b = x) : 180 <= h && h < 240 ? (r = 0, g = x, b = c) : 240 <= h && h < 300 ? (r = x, g = 0, b = c) : 300 <= h && h < 360 && (r = c, g = 0, b = x), r = Math.round(255 * (r + m)), g = Math.round(255 * (g + m)), b = Math.round(255 * (b + m)), {
-        r: r,
-        g: g,
-        b: b
-      };
-    }
-
-    function rgbToHsl(r, g, b) {
-      r /= 255, g /= 255, b /= 255;
-      const cMin = Math.min(r, g, b),
-        cMax = Math.max(r, g, b),
-        delta = cMax - cMin;
-      let h = 0,
-        s = 0,
-        l = 0;
-      return h = 0 === delta ? 0 : cMax === r ? (g - b) / delta % 6 : cMax === g ? (b - r) / delta + 2 : (r - g) / delta + 4, h = Math.round(60 * h), h < 0 && (h += 360), l = (cMax + cMin) / 2, s = 0 === delta ? 0 : delta / (1 - Math.abs(2 * l - 1)), s = +(100 * s).toFixed(1), l = +(100 * l).toFixed(1), {
-        h: h,
-        s: s,
-        l: l
-      };
-    }
-
-    const REG_HEX = /^#([0-9a-f]{3,8})$/,
-      DEFAULT_COLORS_OPACITY = {
-        transparent: 4294967040
-      };
-    const DEFAULT_COLORS = {
-      aliceblue: 15792383,
-      antiquewhite: 16444375,
-      aqua: 65535,
-      aquamarine: 8388564,
-      azure: 15794175,
-      beige: 16119260,
-      bisque: 16770244,
-      black: 0,
-      blanchedalmond: 16772045,
-      blue: 255,
-      blueviolet: 9055202,
-      brown: 10824234,
-      burlywood: 14596231,
-      cadetblue: 6266528,
-      chartreuse: 8388352,
-      chocolate: 13789470,
-      coral: 16744272,
-      cornflowerblue: 6591981,
-      cornsilk: 16775388,
-      crimson: 14423100,
-      cyan: 65535,
-      darkblue: 139,
-      darkcyan: 35723,
-      darkgoldenrod: 12092939,
-      darkgray: 11119017,
-      darkgreen: 25600,
-      darkgrey: 11119017,
-      darkkhaki: 12433259,
-      darkmagenta: 9109643,
-      darkolivegreen: 5597999,
-      darkorange: 16747520,
-      darkorchid: 10040012,
-      darkred: 9109504,
-      darksalmon: 15308410,
-      darkseagreen: 9419919,
-      darkslateblue: 4734347,
-      darkslategray: 3100495,
-      darkslategrey: 3100495,
-      darkturquoise: 52945,
-      darkviolet: 9699539,
-      deeppink: 16716947,
-      deepskyblue: 49151,
-      dimgray: 6908265,
-      dimgrey: 6908265,
-      dodgerblue: 2003199,
-      firebrick: 11674146,
-      floralwhite: 16775920,
-      forestgreen: 2263842,
-      fuchsia: 16711935,
-      gainsboro: 14474460,
-      ghostwhite: 16316671,
-      gold: 16766720,
-      goldenrod: 14329120,
-      gray: 8421504,
-      green: 32768,
-      greenyellow: 11403055,
-      grey: 8421504,
-      honeydew: 15794160,
-      hotpink: 16738740,
-      indianred: 13458524,
-      indigo: 4915330,
-      ivory: 16777200,
-      khaki: 15787660,
-      lavender: 15132410,
-      lavenderblush: 16773365,
-      lawngreen: 8190976,
-      lemonchiffon: 16775885,
-      lightblue: 11393254,
-      lightcoral: 15761536,
-      lightcyan: 14745599,
-      lightgoldenrodyellow: 16448210,
-      lightgray: 13882323,
-      lightgreen: 9498256,
-      lightgrey: 13882323,
-      lightpink: 16758465,
-      lightsalmon: 16752762,
-      lightseagreen: 2142890,
-      lightskyblue: 8900346,
-      lightslategray: 7833753,
-      lightslategrey: 7833753,
-      lightsteelblue: 11584734,
-      lightyellow: 16777184,
-      lime: 65280,
-      limegreen: 3329330,
-      linen: 16445670,
-      magenta: 16711935,
-      maroon: 8388608,
-      mediumaquamarine: 6737322,
-      mediumblue: 205,
-      mediumorchid: 12211667,
-      mediumpurple: 9662683,
-      mediumseagreen: 3978097,
-      mediumslateblue: 8087790,
-      mediumspringgreen: 64154,
-      mediumturquoise: 4772300,
-      mediumvioletred: 13047173,
-      midnightblue: 1644912,
-      mintcream: 16121850,
-      mistyrose: 16770273,
-      moccasin: 16770229,
-      navajowhite: 16768685,
-      navy: 128,
-      oldlace: 16643558,
-      olive: 8421376,
-      olivedrab: 7048739,
-      orange: 16753920,
-      orangered: 16729344,
-      orchid: 14315734,
-      palegoldenrod: 15657130,
-      palegreen: 10025880,
-      paleturquoise: 11529966,
-      palevioletred: 14381203,
-      papayawhip: 16773077,
-      peachpuff: 16767673,
-      peru: 13468991,
-      pink: 16761035,
-      plum: 14524637,
-      powderblue: 11591910,
-      purple: 8388736,
-      rebeccapurple: 6697881,
-      red: 16711680,
-      rosybrown: 12357519,
-      royalblue: 4286945,
-      saddlebrown: 9127187,
-      salmon: 16416882,
-      sandybrown: 16032864,
-      seagreen: 3050327,
-      seashell: 16774638,
-      sienna: 10506797,
-      silver: 12632256,
-      skyblue: 8900331,
-      slateblue: 6970061,
-      slategray: 7372944,
-      slategrey: 7372944,
-      snow: 16775930,
-      springgreen: 65407,
-      steelblue: 4620980,
-      tan: 13808780,
-      teal: 32896,
-      thistle: 14204888,
-      tomato: 16737095,
-      turquoise: 4251856,
-      violet: 15631086,
-      wheat: 16113331,
-      white: 16777215,
-      whitesmoke: 16119285,
-      yellow: 16776960,
-      yellowgreen: 10145074
-    };
-    function hex(value) {
-      return ((value = Math.max(0, Math.min(255, Math.round(value) || 0))) < 16 ? "0" : "") + value.toString(16);
-    }
-    function rgb(value) {
-      return isNumber$1(value) ? new RGB(value >> 16, value >> 8 & 255, 255 & value, 1) : isArray$1(value) ? new RGB(value[0], value[1], value[2]) : new RGB(255, 255, 255);
-    }
-    function rgba(value) {
-      return isNumber$1(value) ? new RGB(value >>> 24, value >>> 16 & 255, value >>> 8 & 255, 255 & value) : isArray$1(value) ? new RGB(value[0], value[1], value[2], value[3]) : new RGB(255, 255, 255, 1);
-    }
-    function SRGBToLinear(c) {
-      return c < .04045 ? .0773993808 * c : Math.pow(.9478672986 * c + .0521327014, 2.4);
-    }
-    function LinearToSRGB(c) {
-      return c < .0031308 ? 12.92 * c : 1.055 * Math.pow(c, .41666) - .055;
-    }
-    const setHex = (formatValue, forceHex) => {
-      const isHex = REG_HEX.exec(formatValue);
-      if (forceHex || isHex) {
-        const hex = parseInt(isHex[1], 16),
-          hexLength = isHex[1].length;
-        return 3 === hexLength ? new RGB((hex >> 8 & 15) + ((hex >> 8 & 15) << 4), (hex >> 4 & 15) + ((hex >> 4 & 15) << 4), (15 & hex) + ((15 & hex) << 4), 1) : 6 === hexLength ? rgb(hex) : 8 === hexLength ? new RGB(hex >> 24 & 255, hex >> 16 & 255, hex >> 8 & 255, (255 & hex) / 255) : null;
-      }
-    };
-    class Color {
-      static Brighter(source) {
-        let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-        return 1 === b ? source : new Color(source).brighter(b).toRGBA();
-      }
-      static SetOpacity(source) {
-        let o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-        return 1 === o ? source : new Color(source).setOpacity(o).toRGBA();
-      }
-      static getColorBrightness(source) {
-        let model = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "hsl";
-        const color = source instanceof Color ? source : new Color(source);
-        switch (model) {
-          case "hsv":
-          default:
-            return color.getHSVBrightness();
-          case "hsl":
-            return color.getHSLBrightness();
-          case "lum":
-            return color.getLuminance();
-          case "lum2":
-            return color.getLuminance2();
-          case "lum3":
-            return color.getLuminance3();
-          case "wcag":
-            return color.getLuminanceWCAG();
-        }
-      }
-      static parseColorString(value) {
-        if (isValid$1(DEFAULT_COLORS_OPACITY[value])) return rgba(DEFAULT_COLORS_OPACITY[value]);
-        if (isValid$1(DEFAULT_COLORS[value])) return rgb(DEFAULT_COLORS[value]);
-        const formatValue = `${value}`.trim().toLowerCase(),
-          hexRes = setHex(formatValue);
-        if (void 0 !== hexRes) return hexRes;
-        if (/^(rgb|RGB|rgba|RGBA)/.test(formatValue)) {
-          const aColor = formatValue.replace(/(?:\(|\)|rgba|RGBA|rgb|RGB)*/g, "").split(",");
-          return new RGB(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10), parseFloat(aColor[3]));
-        }
-        if (/^(hsl|HSL|hsla|HSLA)/.test(formatValue)) {
-          const aColor = formatValue.replace(/(?:\(|\)|hsla|HSLA|hsl|HSL)*/g, "").split(","),
-            rgb = hslToRgb(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10));
-          return new RGB(rgb.r, rgb.g, rgb.b, parseFloat(aColor[3]));
-        }
-      }
-      constructor(value) {
-        const color = Color.parseColorString(value);
-        color ? this.color = color : (this.color = new RGB(255, 255, 255));
-      }
-      toRGBA() {
-        return this.color.formatRgb();
-      }
-      toString() {
-        return this.color.formatRgb();
-      }
-      toHex() {
-        return this.color.formatHex();
-      }
-      toHsl() {
-        return this.color.formatHsl();
-      }
-      brighter(k) {
-        const {
-          r: r,
-          g: g,
-          b: b
-        } = this.color;
-        return this.color.r = Math.max(0, Math.min(255, Math.floor(r * k))), this.color.g = Math.max(0, Math.min(255, Math.floor(g * k))), this.color.b = Math.max(0, Math.min(255, Math.floor(b * k))), this;
-      }
-      add(color) {
-        const {
-          r: r,
-          g: g,
-          b: b
-        } = this.color;
-        return this.color.r += Math.min(255, r + color.color.r), this.color.g += Math.min(255, g + color.color.g), this.color.b += Math.min(255, b + color.color.b), this;
-      }
-      sub(color) {
-        return this.color.r = Math.max(0, this.color.r - color.color.r), this.color.g = Math.max(0, this.color.g - color.color.g), this.color.b = Math.max(0, this.color.b - color.color.b), this;
-      }
-      multiply(color) {
-        const {
-          r: r,
-          g: g,
-          b: b
-        } = this.color;
-        return this.color.r = Math.max(0, Math.min(255, Math.floor(r * color.color.r))), this.color.g = Math.max(0, Math.min(255, Math.floor(g * color.color.g))), this.color.b = Math.max(0, Math.min(255, Math.floor(b * color.color.b))), this;
-      }
-      getHSVBrightness() {
-        return Math.max(this.color.r, this.color.g, this.color.b) / 255;
-      }
-      getHSLBrightness() {
-        return .5 * (Math.max(this.color.r, this.color.g, this.color.b) / 255 + Math.min(this.color.r, this.color.g, this.color.b) / 255);
-      }
-      setHsl(h, s, l) {
-        const opacity = this.color.opacity,
-          hsl = rgbToHsl(this.color.r, this.color.g, this.color.b),
-          rgb = hslToRgb(isNil$1(h) ? hsl.h : clamp$1(h, 0, 360), isNil$1(s) ? hsl.s : s >= 0 && s <= 1 ? 100 * s : s, isNil$1(l) ? hsl.l : l <= 1 && l >= 0 ? 100 * l : l);
-        return this.color = new RGB(rgb.r, rgb.g, rgb.b, opacity), this;
-      }
-      setRGB(r, g, b) {
-        return !isNil$1(r) && (this.color.r = r), !isNil$1(g) && (this.color.g = g), !isNil$1(b) && (this.color.b = b), this;
-      }
-      setHex(value) {
-        const formatValue = `${value}`.trim().toLowerCase(),
-          res = setHex(formatValue, !0);
-        return null != res ? res : this;
-      }
-      setColorName(name) {
-        const hex = DEFAULT_COLORS[name.toLowerCase()];
-        return void 0 !== hex ? this.setHex(hex) : (void 0), this;
-      }
-      setScalar(scalar) {
-        return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
-      }
-      setOpacity() {
-        let o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-        return this.color.opacity = o, this;
-      }
-      getLuminance() {
-        return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
-      }
-      getLuminance2() {
-        return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
-      }
-      getLuminance3() {
-        return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
-      }
-      getLuminanceWCAG() {
-        const RsRGB = this.color.r / 255,
-          GsRGB = this.color.g / 255,
-          BsRGB = this.color.b / 255;
-        let R, G, B;
-        R = RsRGB <= .03928 ? RsRGB / 12.92 : Math.pow((RsRGB + .055) / 1.055, 2.4), G = GsRGB <= .03928 ? GsRGB / 12.92 : Math.pow((GsRGB + .055) / 1.055, 2.4), B = BsRGB <= .03928 ? BsRGB / 12.92 : Math.pow((BsRGB + .055) / 1.055, 2.4);
-        return .2126 * R + .7152 * G + .0722 * B;
-      }
-      clone() {
-        return new Color(this.color.toString());
-      }
-      copyGammaToLinear(color) {
-        let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-        return this.color.r = Math.pow(color.color.r, gammaFactor), this.color.g = Math.pow(color.color.g, gammaFactor), this.color.b = Math.pow(color.color.b, gammaFactor), this;
-      }
-      copyLinearToGamma(color) {
-        let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-        const safeInverse = gammaFactor > 0 ? 1 / gammaFactor : 1;
-        return this.color.r = Math.pow(color.color.r, safeInverse), this.color.g = Math.pow(color.color.g, safeInverse), this.color.b = Math.pow(color.color.b, safeInverse), this;
-      }
-      convertGammaToLinear(gammaFactor) {
-        return this.copyGammaToLinear(this, gammaFactor), this;
-      }
-      convertLinearToGamma(gammaFactor) {
-        return this.copyLinearToGamma(this, gammaFactor), this;
-      }
-      copySRGBToLinear(color) {
-        return this.color.r = SRGBToLinear(color.color.r), this.color.g = SRGBToLinear(color.color.g), this.color.b = SRGBToLinear(color.color.b), this;
-      }
-      copyLinearToSRGB(color) {
-        return this.color.r = LinearToSRGB(color.color.r), this.color.g = LinearToSRGB(color.color.g), this.color.b = LinearToSRGB(color.color.b), this;
-      }
-      convertSRGBToLinear() {
-        return this.copySRGBToLinear(this), this;
-      }
-      convertLinearToSRGB() {
-        return this.copyLinearToSRGB(this), this;
-      }
-    }
-    class RGB {
-      constructor(r, g, b, opacity) {
-        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$1(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
-      }
-      formatHex() {
-        return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
-      }
-      formatRgb() {
-        const opacity = this.opacity;
-        return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
-      }
-      formatHsl() {
-        const opacity = this.opacity,
-          {
-            h: h,
-            s: s,
-            l: l
-          } = rgbToHsl(this.r, this.g, this.b);
-        return `${1 === opacity ? "hsl(" : "hsla("}${h},${s}%,${l}%${1 === opacity ? ")" : `,${opacity})`}`;
-      }
-      toString() {
-        return this.formatHex();
-      }
-    }
-
     function normalizePadding(padding) {
       if (isValidNumber$1(padding)) return [padding, padding, padding, padding];
       if (isArray$1(padding)) {
@@ -2619,8 +2139,7 @@
       return [0, 0, 0, 0];
     }
 
-    const styleStringToObject = function () {
-      let styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+    const styleStringToObject = (styleStr = "") => {
       const res = {};
       return styleStr.split(";").forEach(item => {
         if (item) {
@@ -2684,7 +2203,7 @@
       clear() {
         this.bounds.clear();
       }
-      release() {}
+      release(...params) {}
     }
 
     class CurvePath {
@@ -2777,18 +2296,6 @@
     !function (AttributeUpdateType) {
       AttributeUpdateType[AttributeUpdateType.INIT = 0] = "INIT", AttributeUpdateType[AttributeUpdateType.DEFAULT = 1] = "DEFAULT", AttributeUpdateType[AttributeUpdateType.STATE = 2] = "STATE", AttributeUpdateType[AttributeUpdateType.ANIMATE_BIND = 10] = "ANIMATE_BIND", AttributeUpdateType[AttributeUpdateType.ANIMATE_PLAY = 11] = "ANIMATE_PLAY", AttributeUpdateType[AttributeUpdateType.ANIMATE_START = 12] = "ANIMATE_START", AttributeUpdateType[AttributeUpdateType.ANIMATE_UPDATE = 13] = "ANIMATE_UPDATE", AttributeUpdateType[AttributeUpdateType.ANIMATE_END = 14] = "ANIMATE_END", AttributeUpdateType[AttributeUpdateType.TRANSLATE = 20] = "TRANSLATE", AttributeUpdateType[AttributeUpdateType.TRANSLATE_TO = 21] = "TRANSLATE_TO", AttributeUpdateType[AttributeUpdateType.SCALE = 22] = "SCALE", AttributeUpdateType[AttributeUpdateType.SCALE_TO = 23] = "SCALE_TO", AttributeUpdateType[AttributeUpdateType.ROTATE = 24] = "ROTATE", AttributeUpdateType[AttributeUpdateType.ROTATE_TO = 25] = "ROTATE_TO";
     }(AttributeUpdateType || (AttributeUpdateType = {}));
-    var AnimateStatus;
-    !function (AnimateStatus) {
-      AnimateStatus[AnimateStatus.INITIAL = 0] = "INITIAL", AnimateStatus[AnimateStatus.RUNNING = 1] = "RUNNING", AnimateStatus[AnimateStatus.PAUSED = 2] = "PAUSED", AnimateStatus[AnimateStatus.END = 3] = "END";
-    }(AnimateStatus || (AnimateStatus = {}));
-    var AnimateMode;
-    !function (AnimateMode) {
-      AnimateMode[AnimateMode.NORMAL = 0] = "NORMAL", AnimateMode[AnimateMode.SET_ATTR_IMMEDIATELY = 1] = "SET_ATTR_IMMEDIATELY";
-    }(AnimateMode || (AnimateMode = {}));
-    var AnimateStepType;
-    !function (AnimateStepType) {
-      AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", AnimateStepType.customAnimate = "customAnimate";
-    }(AnimateStepType || (AnimateStepType = {}));
     var Direction;
     !function (Direction) {
       Direction[Direction.ROW = 1] = "ROW", Direction[Direction.COLUMN = 2] = "COLUMN";
@@ -2871,15 +2378,18 @@
         context.bezierCurveTo(bez[0], bez[1], bez[2], bez[3], bez[4], bez[5]);
       }
     }
-    const addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry) => {
-      const delta = Math.abs(endAngle - startAngle),
-        count = delta > .5 * Math.PI ? Math.ceil(2 * delta / Math.PI) : 1,
-        stepAngle = (endAngle - startAngle) / count;
+    const addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry, counterclockwise = !1) => {
+      const PI2 = 2 * Math.PI,
+        sAngle = (startAngle % PI2 + PI2) % PI2;
+      let deltaAngle,
+        eAngle = (endAngle % PI2 + PI2) % PI2;
+      counterclockwise ? (eAngle >= sAngle && (eAngle -= PI2), deltaAngle = eAngle - sAngle) : (eAngle <= sAngle && (eAngle += PI2), deltaAngle = eAngle - sAngle);
+      const count = Math.ceil(Math.abs(deltaAngle) / (.5 * Math.PI)),
+        stepAngle = deltaAngle / count;
       for (let i = 0; i < count; i++) {
-        const sa = startAngle + stepAngle * i,
-          ea = startAngle + stepAngle * (i + 1),
-          len = 4 * Math.tan(Math.abs(stepAngle) / 4) / 3,
-          dir = ea < sa ? -1 : 1,
+        const sa = sAngle + stepAngle * i,
+          ea = sAngle + stepAngle * (i + 1),
+          len = 4 / 3 * Math.tan(Math.abs(stepAngle) / 4),
           c1 = Math.cos(sa),
           s1 = Math.sin(sa),
           c2 = Math.cos(ea),
@@ -2888,19 +2398,15 @@
           y1 = s1 * ry + cy,
           x4 = c2 * rx + cx,
           y4 = s2 * ry + cy,
-          hx = rx * len * dir,
-          hy = ry * len * dir;
+          sign = counterclockwise ? -1 : 1,
+          hx = rx * len * sign,
+          hy = ry * len * sign;
         bezierPath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4);
       }
     };
 
     const commandFuncs = [(command, context, x, y, sx, sy, z) => context.arc(command[1] * sx + x, command[2] * sy + y, command[3] * (sx + sy) / 2, command[4], command[5], command[6], z), (command, context, x, y, sx, sy, z) => context.arcTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * (sx + sy) / 2, z), (command, context, x, y, sx, sy, z) => context.bezierCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * sx + x, command[6] * sy + y, z), (command, context, x, y) => context.closePath(), (command, context, x, y, sx, sy) => context.ellipse(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, command[5], command[6], command[7], command[8]), (command, context, x, y, sx, sy, z) => context.lineTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.moveTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.quadraticCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, z), (command, context, x, y, sx, sy, z) => context.rect(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, z)];
-    function renderCommandList(commandList, context) {
-      let x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-      let y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-      let sx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-      let sy = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
-      let z = arguments.length > 6 ? arguments[6] : undefined;
+    function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy = 1, z) {
       for (let i = 0; i < commandList.length; i++) {
         const command = commandList[i];
         commandFuncs[command[0]](command, context, x, y, sx, sy, z);
@@ -2950,44 +2456,6 @@
       return snapLength([p0.x, p1.x, p2.x], [p0.y, p1.y, p2.y]);
     }
 
-    class QuadraticBezierCurve extends Curve {
-      constructor(p0, p1, p2) {
-        super(), this.type = CurveTypeEnum.QuadraticBezierCurve, this.p0 = p0, this.p1 = p1, this.p2 = p2;
-      }
-      _validPoint() {
-        return Number.isFinite(this.p0.x + this.p0.y + this.p1.x + this.p1.y + this.p2.x + this.p2.y);
-      }
-      getPointAt(t) {
-        if (!1 !== this.defined) return quadPointAt(this.p0, this.p1, this.p2, t);
-        throw new Error("defined为false的点不能getPointAt");
-      }
-      calcLength() {
-        return this._validPoint() ? quadLength(this.p0, this.p1, this.p2) : 60;
-      }
-      calcProjLength(direction) {
-        return direction === Direction.ROW ? abs(this.p0.x - this.p2.x) : direction === Direction.COLUMN ? abs(this.p0.y - this.p2.y) : 0;
-      }
-      getAngleAt(t) {
-        const minT = max(t - .01, 0),
-          maxT = min(t + .01, 1),
-          minP = this.getPointAt(minT),
-          maxP = this.getPointAt(maxT);
-        return atan2(maxP.y - minP.y, maxP.x - minP.x);
-      }
-      draw(path, x, y, sx, sy, percent) {
-        if (path.moveTo(this.p0.x * sx + x, this.p0.y * sy + y), percent >= 1) path.quadraticCurveTo(this.p1.x * sx + x, this.p1.y * sy + y, this.p2.x * sx + x, this.p2.y * sy + y);else if (percent > 0) {
-          const [curve1] = divideQuad(this, percent);
-          path.quadraticCurveTo(curve1.p1.x * sx + x, curve1.p1.y * sy + y, curve1.p2.x * sx + x, curve1.p2.y * sy + y);
-        }
-      }
-      getYAt(x) {
-        throw new Error("QuadraticBezierCurve暂不支持getYAt");
-      }
-      includeX(x) {
-        throw new Error("QuadraticBezierCurve暂不支持includeX");
-      }
-    }
-
     function divideCubic(curve, t) {
       const {
           p0: p0,
@@ -3003,17 +2471,6 @@
         c23 = PointService.pointAtPP(c2, c3, t);
       return [new CubicBezierCurve(p0, c1, c12, pt), new CubicBezierCurve(pt, c23, c3, p3)];
     }
-    function divideQuad(curve, t) {
-      const {
-          p0: p0,
-          p1: p1,
-          p2: p2
-        } = curve,
-        pt = quadPointAt(p0, p1, p2, t),
-        c1 = PointService.pointAtPP(p0, p1, t),
-        c2 = PointService.pointAtPP(p1, p2, t);
-      return [new QuadraticBezierCurve(p0, c1, pt), new QuadraticBezierCurve(pt, c2, p2)];
-    }
     class CubicBezierCurve extends Curve {
       constructor(p0, p1, p2, p3) {
         super(), this.type = CurveTypeEnum.CubicBezierCurve, this.p0 = p0, this.p1 = p1, this.p2 = p2, this.p3 = p3;
@@ -3182,7 +2639,7 @@
       }
     }
 
-    function genCurveSegments(path, points) {
+    function genCurveSegments(path, points, step = 1) {
       let defined0 = !1;
       for (let i = 0, n = points.length; i <= n; i++) i >= n === defined0 && ((defined0 = !defined0) ? path.lineStart() : path.lineEnd()), defined0 && path.point(points[i]);
     }
@@ -3225,8 +2682,7 @@
         return this.context.tryUpdateLength();
       }
     }
-    function genLinearSegments(points) {
-      let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    function genLinearSegments(points, params = {}) {
       const {
         direction: direction,
         startPoint: startPoint
@@ -3236,7 +2692,7 @@
       return genLinearTypeSegments(new Linear(segContext, startPoint), points), segContext;
     }
     function genLinearTypeSegments(path, points) {
-      return genCurveSegments(path, points);
+      return genCurveSegments(path, points, 1);
     }
 
     function point$3(curveClass, x, y, defined, p) {
@@ -3279,10 +2735,9 @@
       }
     }
     function genBasisTypeSegments(path, points) {
-      return genCurveSegments(path, points);
+      return genCurveSegments(path, points, 2);
     }
-    function genBasisSegments(points) {
-      let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    function genBasisSegments(points, params = {}) {
       const {
         direction: direction,
         startPoint: startPoint
@@ -3375,10 +2830,9 @@
       }
     }
     function genMonotoneXTypeSegments(path, points) {
-      return genCurveSegments(path, points);
+      return genCurveSegments(path, points, 2);
     }
-    function genMonotoneXSegments(points) {
-      let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    function genMonotoneXSegments(points, params = {}) {
       const {
         direction: direction,
         startPoint: startPoint
@@ -3389,10 +2843,9 @@
       return genMonotoneXTypeSegments(new MonotoneX(segContext, startPoint), points), segContext;
     }
     function genMonotoneYTypeSegments(path, points) {
-      return genCurveSegments(path, points);
+      return genCurveSegments(path, points, 2);
     }
-    function genMonotoneYSegments(points) {
-      let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    function genMonotoneYSegments(points, params = {}) {
       const {
         direction: direction,
         startPoint: startPoint
@@ -3403,10 +2856,8 @@
       return genMonotoneYTypeSegments(new MonotoneY(segContext, startPoint), points), segContext;
     }
 
-    let Step$1 = class Step {
-      constructor(context) {
-        let t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
-        let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+    class Step {
+      constructor(context, t = .5, startPoint) {
         this.context = context, this._t = t, this.startPoint = startPoint;
       }
       areaStart() {
@@ -3441,27 +2892,25 @@
       tryUpdateLength() {
         return this.context.tryUpdateLength();
       }
-    };
-    class StepClosed extends Step$1 {
+    }
+    class StepClosed extends Step {
       lineEnd() {
         this.context.closePath();
       }
     }
-    function genStepSegments(points, t) {
-      let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    function genStepSegments(points, t, params = {}) {
       const {
         direction: direction,
         startPoint: startPoint
       } = params;
       if (points.length < 2 - Number(!!startPoint)) return null;
       const segContext = new SegContext("step", null != direction ? direction : abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y) ? Direction.ROW : Direction.COLUMN);
-      return genStepTypeSegments(new Step$1(segContext, t, startPoint), points), segContext;
+      return genStepTypeSegments(new Step(segContext, t, startPoint), points), segContext;
     }
     function genStepTypeSegments(path, points) {
-      return genCurveSegments(path, points);
+      return genCurveSegments(path, points, 1);
     }
-    function genStepClosedSegments(points, t) {
-      let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    function genStepClosedSegments(points, t, params = {}) {
       const {
         direction: direction,
         startPoint: startPoint
@@ -3476,8 +2925,7 @@
         this.context.closePath();
       }
     }
-    function genLinearClosedSegments(points) {
-      let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    function genLinearClosedSegments(points, params = {}) {
       const {
         direction: direction,
         startPoint: startPoint
@@ -3487,7 +2935,7 @@
       return genLinearClosedTypeSegments(new LinearClosed(segContext, startPoint), points), segContext;
     }
     function genLinearClosedTypeSegments(path, points) {
-      return genCurveSegments(path, points);
+      return genCurveSegments(path, points, 1);
     }
 
     function point$1(curveClass, x, y, defined, p) {
@@ -3508,9 +2956,7 @@
       curveClass.context.bezierCurveTo(x1, y1, x2, y2, curveClass._x2, curveClass._y2, defined, curveClass.lastPoint1);
     }
     class CatmullRom {
-      constructor(context) {
-        let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
-        let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+      constructor(context, alpha = .5, startPoint) {
         this.context = context, this.startPoint = startPoint, this._alpha = alpha;
       }
       areaStart() {
@@ -3564,8 +3010,7 @@
       }
     }
     function commonGenCatmullRomSegments(type, cons) {
-      return function (points, alpha) {
-        let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      return function (points, alpha, params = {}) {
         const {
           direction: direction,
           startPoint: startPoint
@@ -3574,15 +3019,13 @@
         if (points.length < 3 - Number(!!startPoint)) return genLinearSegments(points, params);
         const segContext = genSegContext(type, direction, points),
           gatmullRom = new cons(segContext, alpha, startPoint);
-        return genCurveSegments(gatmullRom, points), segContext;
+        return genCurveSegments(gatmullRom, points, 2), segContext;
       };
     }
     const genCatmullRomSegments = commonGenCatmullRomSegments("catmullRom", CatmullRom);
 
     class CatmullRomClosed {
-      constructor(context) {
-        let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
-        let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+      constructor(context, alpha = .5, startPoint) {
         this.context = context, this.startPoint = startPoint, this._alpha = alpha;
       }
       areaStart() {
@@ -3646,6 +3089,55 @@
     }
     const genCatmullRomClosedSegments = commonGenCatmullRomSegments("catmullRomClosed", CatmullRomClosed);
 
+    function divideQuad(curve, t) {
+      const {
+          p0: p0,
+          p1: p1,
+          p2: p2
+        } = curve,
+        pt = quadPointAt(p0, p1, p2, t),
+        c1 = PointService.pointAtPP(p0, p1, t),
+        c2 = PointService.pointAtPP(p1, p2, t);
+      return [new QuadraticBezierCurve(p0, c1, pt), new QuadraticBezierCurve(pt, c2, p2)];
+    }
+    class QuadraticBezierCurve extends Curve {
+      constructor(p0, p1, p2) {
+        super(), this.type = CurveTypeEnum.QuadraticBezierCurve, this.p0 = p0, this.p1 = p1, this.p2 = p2;
+      }
+      _validPoint() {
+        return Number.isFinite(this.p0.x + this.p0.y + this.p1.x + this.p1.y + this.p2.x + this.p2.y);
+      }
+      getPointAt(t) {
+        if (!1 !== this.defined) return quadPointAt(this.p0, this.p1, this.p2, t);
+        throw new Error("defined为false的点不能getPointAt");
+      }
+      calcLength() {
+        return this._validPoint() ? quadLength(this.p0, this.p1, this.p2) : 60;
+      }
+      calcProjLength(direction) {
+        return direction === Direction.ROW ? abs(this.p0.x - this.p2.x) : direction === Direction.COLUMN ? abs(this.p0.y - this.p2.y) : 0;
+      }
+      getAngleAt(t) {
+        const minT = max(t - .01, 0),
+          maxT = min(t + .01, 1),
+          minP = this.getPointAt(minT),
+          maxP = this.getPointAt(maxT);
+        return atan2(maxP.y - minP.y, maxP.x - minP.x);
+      }
+      draw(path, x, y, sx, sy, percent) {
+        if (path.moveTo(this.p0.x * sx + x, this.p0.y * sy + y), percent >= 1) path.quadraticCurveTo(this.p1.x * sx + x, this.p1.y * sy + y, this.p2.x * sx + x, this.p2.y * sy + y);else if (percent > 0) {
+          const [curve1] = divideQuad(this, percent);
+          path.quadraticCurveTo(curve1.p1.x * sx + x, curve1.p1.y * sy + y, curve1.p2.x * sx + x, curve1.p2.y * sy + y);
+        }
+      }
+      getYAt(x) {
+        throw new Error("QuadraticBezierCurve暂不支持getYAt");
+      }
+      includeX(x) {
+        throw new Error("QuadraticBezierCurve暂不支持includeX");
+      }
+    }
+
     class CurveContext {
       constructor(path) {
         this.path = path, this._lastX = this._lastY = this._startX = this._startY = 0;
@@ -3771,8 +3263,14 @@
         if (!this.toStringCbList) {
           const list = [];
           list[enumCommandMap.M] = cmd => `M${cmd[1]} ${cmd[2]}`, list[enumCommandMap.L] = cmd => `L${cmd[1]} ${cmd[2]}`, list[enumCommandMap.Q] = cmd => `Q${cmd[1]} ${cmd[2]} ${cmd[3]} ${cmd[4]}`, list[enumCommandMap.C] = cmd => `C${cmd[1]} ${cmd[2]} ${cmd[3]} ${cmd[4]} ${cmd[5]} ${cmd[6]}`, list[enumCommandMap.A] = cmd => {
-            const bezierPathList = [];
-            addArcToBezierPath(bezierPathList, cmd[4], cmd[5], cmd[1], cmd[2], cmd[3], cmd[3]);
+            const bezierPathList = [],
+              x = cmd[1],
+              y = cmd[2],
+              radius = cmd[3],
+              startAngle = cmd[4],
+              endAngle = cmd[5],
+              counterclockwise = cmd[6];
+            addArcToBezierPath(bezierPathList, startAngle, endAngle, x, y, radius, radius, counterclockwise);
             let path = "";
             for (let i = 0; i < bezierPathList.length; i += 6) path += `C${bezierPathList[i]} ${bezierPathList[i + 1]} ${bezierPathList[i + 2]} ${bezierPathList[i + 3]} ${bezierPathList[i + 4]} ${bezierPathList[i + 5]}`;
             return path;
@@ -3837,11 +3335,7 @@
         cmd[1] = cmd[1] * sx + x, cmd[2] = cmd[2] * sy + y, cmd[3] = cmd[3] * (sx + sy) / 2;
       }
       closePathTransform() {}
-      _runCommandStrList(commandStrList) {
-        let l = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let t = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let sX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-        let sY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+      _runCommandStrList(commandStrList, l = 0, t = 0, sX = 1, sY = 1) {
         let current,
           tempX,
           tempY,
@@ -3915,11 +3409,7 @@
           previous = current;
         }
       }
-      _runCommandList(commandList) {
-        let l = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let t = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let sX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-        let sY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+      _runCommandList(commandList, l = 0, t = 0, sX = 1, sY = 1) {
         if (0 !== l || 0 !== t || 1 !== sX || 1 !== sY) for (let i = 0, len = commandList.length; i < len; ++i) {
           const current = commandList[i].slice();
           switch (current[0]) {
@@ -4171,7 +3661,8 @@
       overflow: "hidden",
       shadowPickMode: "graphic",
       keepStrokeScale: !1,
-      clipConfig: null
+      clipConfig: null,
+      roughStyle: null
     }, DefaultDebugAttribute), DefaultStyle), DefaultTransform);
     const DefaultArcAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
       startAngle: 0,
@@ -4329,9 +3820,6 @@
       opacity: 1
     });
 
-    class Application {}
-    const application = new Application();
-
     const parse = function () {
       const tokens = {
         linearGradient: /^(linear\-gradient)/i,
@@ -4572,9 +4060,7 @@
         scaleY = Math.sign(d) * Math.sqrt(c * c + d * d);
       return scaleX + scaleY === 0 ? 0 : (strokeWidth = strokeWidth / Math.abs(scaleX + scaleY) * 2 * dpr, strokeWidth);
     }
-    function createColor(context, c, params) {
-      let offsetX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-      let offsetY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    function createColor(context, c, params, offsetX = 0, offsetY = 0) {
       var _a, _b, _c, _d;
       if (!c || !0 === c) return "black";
       let result, color;
@@ -4713,8 +4199,7 @@
       }
       return needTestLetter && (index = testLetter(desc, index)), index;
     }
-    function testLetter(string, index) {
-      let negativeWrongMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+    function testLetter(string, index, negativeWrongMatch = !1) {
       let i = index;
       for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i--, i <= 0) return negativeWrongMatch ? testLetter2(string, index) : index;
       return i;
@@ -4724,8 +4209,7 @@
       for (; regLetter.test(string[i + 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i++, i >= string.length) return i;
       return i + 1;
     }
-    function measureTextCanvas(text, character) {
-      let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "actual";
+    function measureTextCanvas(text, character, mode = "actual") {
       var _a;
       if ("" === text) return {
         ascent: 0,
@@ -4754,6 +4238,355 @@
     function wrapCanvas(params) {
       return container.getNamed(CanvasFactory, application.global.env)(params);
     }
+    const EPSILON_NUMERIC = 1e-4,
+      THREE_SQRT = Math.sqrt(3),
+      ONE_THIRD = 1 / 3;
+    function isAroundZero(val) {
+      return val > -EPSILON && val < EPSILON;
+    }
+    function isNotAroundZero(val) {
+      return val > EPSILON || val < -EPSILON;
+    }
+    const _v0 = [0, 0],
+      _v1 = [0, 0],
+      _v2 = [0, 0];
+    function distanceSquare(v1, v2) {
+      return (v1[0] - v2[0]) * (v1[0] - v2[0]) + (v1[1] - v2[1]) * (v1[1] - v2[1]);
+    }
+    function quadraticAt(p0, p1, p2, t) {
+      const onet = 1 - t;
+      return onet * (onet * p0 + 2 * t * p1) + t * t * p2;
+    }
+    function cubicAt(p0, p1, p2, p3, t) {
+      const onet = 1 - t;
+      return onet * onet * (onet * p0 + 3 * t * p1) + t * t * (t * p3 + 3 * onet * p2);
+    }
+    function quadraticRootAt(p0, p1, p2, val, roots) {
+      const a = p0 - 2 * p1 + p2,
+        b = 2 * (p1 - p0),
+        c = p0 - val;
+      let n = 0;
+      if (isAroundZero(a)) {
+        if (isNotAroundZero(b)) {
+          const t1 = -c / b;
+          t1 >= 0 && t1 <= 1 && (roots[n++] = t1);
+        }
+      } else {
+        const disc = b * b - 4 * a * c;
+        if (isAroundZero(disc)) {
+          const t1 = -b / (2 * a);
+          t1 >= 0 && t1 <= 1 && (roots[n++] = t1);
+        } else if (disc > 0) {
+          const discSqrt = Math.sqrt(disc),
+            t1 = (-b + discSqrt) / (2 * a),
+            t2 = (-b - discSqrt) / (2 * a);
+          t1 >= 0 && t1 <= 1 && (roots[n++] = t1), t2 >= 0 && t2 <= 1 && (roots[n++] = t2);
+        }
+      }
+      return n;
+    }
+    function quadraticExtremum(p0, p1, p2) {
+      const divider = p0 + p2 - 2 * p1;
+      return 0 === divider ? .5 : (p0 - p1) / divider;
+    }
+    function quadraticProjectPoint(x0, y0, x1, y1, x2, y2, x, y, out) {
+      let t = 0,
+        interval = .005,
+        d = 1 / 0;
+      _v0[0] = x, _v0[1] = y;
+      for (let _t = 0; _t < 1; _t += .05) {
+        _v1[0] = quadraticAt(x0, x1, x2, _t), _v1[1] = quadraticAt(y0, y1, y2, _t);
+        const d1 = distanceSquare(_v0, _v1);
+        d1 < d && (t = _t, d = d1);
+      }
+      d = 1 / 0;
+      for (let i = 0; i < 32 && !(interval < EPSILON_NUMERIC); i++) {
+        const prev = t - interval,
+          next = t + interval;
+        _v1[0] = quadraticAt(x0, x1, x2, prev), _v1[1] = quadraticAt(y0, y1, y2, prev);
+        const d1 = distanceSquare(_v1, _v0);
+        if (prev >= 0 && d1 < d) t = prev, d = d1;else {
+          _v2[0] = quadraticAt(x0, x1, x2, next), _v2[1] = quadraticAt(y0, y1, y2, next);
+          const d2 = distanceSquare(_v2, _v0);
+          next <= 1 && d2 < d ? (t = next, d = d2) : interval *= .5;
+        }
+      }
+      return out && (out[0] = quadraticAt(x0, x1, x2, t), out[1] = quadraticAt(y0, y1, y2, t)), Math.sqrt(d);
+    }
+    function cubicProjectPoint(x0, y0, x1, y1, x2, y2, x3, y3, x, y, out) {
+      let prev,
+        next,
+        d1,
+        d2,
+        t = 0,
+        interval = .005,
+        d = 1 / 0;
+      _v0[0] = x, _v0[1] = y;
+      for (let _t = 0; _t < 1; _t += .05) _v1[0] = cubicAt(x0, x1, x2, x3, _t), _v1[1] = cubicAt(y0, y1, y2, y3, _t), d1 = distanceSquare(_v0, _v1), d1 < d && (t = _t, d = d1);
+      d = 1 / 0;
+      for (let i = 0; i < 32 && !(interval < EPSILON_NUMERIC); i++) prev = t - interval, next = t + interval, _v1[0] = cubicAt(x0, x1, x2, x3, prev), _v1[1] = cubicAt(y0, y1, y2, y3, prev), d1 = distanceSquare(_v1, _v0), prev >= 0 && d1 < d ? (t = prev, d = d1) : (_v2[0] = cubicAt(x0, x1, x2, x3, next), _v2[1] = cubicAt(y0, y1, y2, y3, next), d2 = distanceSquare(_v2, _v0), next <= 1 && d2 < d ? (t = next, d = d2) : interval *= .5);
+      return out && (out[0] = cubicAt(x0, x1, x2, x3, t), out[1] = cubicAt(y0, y1, y2, y3, t)), Math.sqrt(d);
+    }
+    function normalizeRadian(angle) {
+      return (angle %= pi2) < 0 && (angle += pi2), angle;
+    }
+    function containQuadStroke(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
+      if (0 === lineWidth) return !1;
+      const _l = lineWidth;
+      if (y > y0 + _l && y > y1 + _l && y > y2 + _l || y < y0 - _l && y < y1 - _l && y < y2 - _l || x > x0 + _l && x > x1 + _l && x > x2 + _l || x < x0 - _l && x < x1 - _l && x < x2 - _l) return !1;
+      return quadraticProjectPoint(x0, y0, x1, y1, x2, y2, x, y, null) <= _l / 2;
+    }
+    function containCubicStroke(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
+      if (0 === lineWidth) return !1;
+      const _l = lineWidth;
+      if (y > y0 + _l && y > y1 + _l && y > y2 + _l && y > y3 + _l || y < y0 - _l && y < y1 - _l && y < y2 - _l && y < y3 - _l || x > x0 + _l && x > x1 + _l && x > x2 + _l && x > x3 + _l || x < x0 - _l && x < x1 - _l && x < x2 - _l && x < x3 - _l) return !1;
+      return cubicProjectPoint(x0, y0, x1, y1, x2, y2, x3, y3, x, y, null) <= _l / 2;
+    }
+    function containArcStroke(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidth, x, y) {
+      if (0 === lineWidth) return !1;
+      const _l = lineWidth;
+      x -= cx, y -= cy;
+      const d = Math.sqrt(x * x + y * y);
+      if (d - _l > r || d + _l < r) return !1;
+      if (Math.abs(startAngle - endAngle) % pi2 < 1e-4) return !0;
+      if (anticlockwise) {
+        const tmp = startAngle;
+        startAngle = normalizeRadian(endAngle), endAngle = normalizeRadian(tmp);
+      } else startAngle = normalizeRadian(startAngle), endAngle = normalizeRadian(endAngle);
+      startAngle > endAngle && (endAngle += pi2);
+      let angle = Math.atan2(y, x);
+      return angle < 0 && (angle += pi2), angle >= startAngle && angle <= endAngle || angle + pi2 >= startAngle && angle + pi2 <= endAngle;
+    }
+    function containLineStroke(x0, y0, x1, y1, lineWidth, x, y) {
+      if (0 === lineWidth) return !1;
+      const _l = lineWidth,
+        _halfL = lineWidth / 2;
+      let _a = 0,
+        _b = x0;
+      if (y > y0 + _halfL && y > y1 + _halfL || y < y0 - _halfL && y < y1 - _halfL || x > x0 + _halfL && x > x1 + _halfL || x < x0 - _halfL && x < x1 - _halfL) return !1;
+      if (x0 === x1) return Math.abs(x - x0) <= _l / 2;
+      _a = (y0 - y1) / (x0 - x1), _b = (x0 * y1 - x1 * y0) / (x0 - x1);
+      const tmp = _a * x - y + _b;
+      return tmp * tmp / (_a * _a + 1) <= _l / 2 * _l / 2;
+    }
+    const EPSILON = 1e-4;
+    function cubicRootAt(p0, p1, p2, p3, val, roots) {
+      const a = p3 + 3 * (p1 - p2) - p0,
+        b = 3 * (p2 - 2 * p1 + p0),
+        c = 3 * (p1 - p0),
+        d = p0 - val,
+        A = b * b - 3 * a * c,
+        B = b * c - 9 * a * d,
+        C = c * c - 3 * b * d;
+      let n = 0;
+      if (isAroundZero(A) && isAroundZero(B)) {
+        if (isAroundZero(b)) roots[0] = 0;else {
+          const t1 = -c / b;
+          t1 >= 0 && t1 <= 1 && (roots[n++] = t1);
+        }
+      } else {
+        const disc = B * B - 4 * A * C;
+        if (isAroundZero(disc)) {
+          const K = B / A,
+            t1 = -b / a + K,
+            t2 = -K / 2;
+          t1 >= 0 && t1 <= 1 && (roots[n++] = t1), t2 >= 0 && t2 <= 1 && (roots[n++] = t2);
+        } else if (disc > 0) {
+          const discSqrt = Math.sqrt(disc);
+          let Y1 = A * b + 1.5 * a * (-B + discSqrt),
+            Y2 = A * b + 1.5 * a * (-B - discSqrt);
+          Y1 = Y1 < 0 ? -Math.pow(-Y1, ONE_THIRD) : Math.pow(Y1, ONE_THIRD), Y2 = Y2 < 0 ? -Math.pow(-Y2, ONE_THIRD) : Math.pow(Y2, ONE_THIRD);
+          const t1 = (-b - (Y1 + Y2)) / (3 * a);
+          t1 >= 0 && t1 <= 1 && (roots[n++] = t1);
+        } else {
+          const T = (2 * A * b - 3 * a * B) / (2 * Math.sqrt(A * A * A)),
+            theta = Math.acos(T) / 3,
+            ASqrt = Math.sqrt(A),
+            tmp = Math.cos(theta),
+            t1 = (-b - 2 * ASqrt * tmp) / (3 * a),
+            t2 = (-b + ASqrt * (tmp + THREE_SQRT * Math.sin(theta))) / (3 * a),
+            t3 = (-b + ASqrt * (tmp - THREE_SQRT * Math.sin(theta))) / (3 * a);
+          t1 >= 0 && t1 <= 1 && (roots[n++] = t1), t2 >= 0 && t2 <= 1 && (roots[n++] = t2), t3 >= 0 && t3 <= 1 && (roots[n++] = t3);
+        }
+      }
+      return n;
+    }
+    function cubicExtrema(p0, p1, p2, p3, extrema) {
+      const b = 6 * p2 - 12 * p1 + 6 * p0,
+        a = 9 * p1 + 3 * p3 - 3 * p0 - 9 * p2,
+        c = 3 * p1 - 3 * p0;
+      let n = 0;
+      if (isAroundZero(a)) {
+        if (isNotAroundZero(b)) {
+          const t1 = -c / b;
+          t1 >= 0 && t1 <= 1 && (extrema[n++] = t1);
+        }
+      } else {
+        const disc = b * b - 4 * a * c;
+        if (isAroundZero(disc)) extrema[0] = -b / (2 * a);else if (disc > 0) {
+          const discSqrt = Math.sqrt(disc),
+            t1 = (-b + discSqrt) / (2 * a),
+            t2 = (-b - discSqrt) / (2 * a);
+          t1 >= 0 && t1 <= 1 && (extrema[n++] = t1), t2 >= 0 && t2 <= 1 && (extrema[n++] = t2);
+        }
+      }
+      return n;
+    }
+    function isAroundEqual(a, b) {
+      return Math.abs(a - b) < EPSILON;
+    }
+    const roots = [-1, -1, -1],
+      extrema = [-1, -1];
+    function swapExtrema() {
+      const tmp = extrema[0];
+      extrema[0] = extrema[1], extrema[1] = tmp;
+    }
+    function windingCubic(x0, y0, x1, y1, x2, y2, x3, y3, x, y) {
+      if (y > y0 && y > y1 && y > y2 && y > y3 || y < y0 && y < y1 && y < y2 && y < y3) return 0;
+      const nRoots = cubicRootAt(y0, y1, y2, y3, y, roots);
+      if (0 === nRoots) return 0;
+      let w = 0,
+        nExtrema = -1,
+        y0_ = 0,
+        y1_ = 0;
+      for (let i = 0; i < nRoots; i++) {
+        const t = roots[i],
+          unit = 0 === t || 1 === t ? .5 : 1;
+        cubicAt(x0, x1, x2, x3, t) < x || (nExtrema < 0 && (nExtrema = cubicExtrema(y0, y1, y2, y3, extrema), extrema[1] < extrema[0] && nExtrema > 1 && swapExtrema(), y0_ = cubicAt(y0, y1, y2, y3, extrema[0]), nExtrema > 1 && (y1_ = cubicAt(y0, y1, y2, y3, extrema[1]))), 2 === nExtrema ? t < extrema[0] ? w += y0_ < y0 ? unit : -unit : t < extrema[1] ? w += y1_ < y0_ ? unit : -unit : w += y3 < y1_ ? unit : -unit : t < extrema[0] ? w += y0_ < y0 ? unit : -unit : w += y3 < y0_ ? unit : -unit);
+      }
+      return w;
+    }
+    function windingQuadratic(x0, y0, x1, y1, x2, y2, x, y) {
+      if (y > y0 && y > y1 && y > y2 || y < y0 && y < y1 && y < y2) return 0;
+      const nRoots = quadraticRootAt(y0, y1, y2, y, roots);
+      if (0 === nRoots) return 0;
+      const t = quadraticExtremum(y0, y1, y2);
+      if (t >= 0 && t <= 1) {
+        let w = 0;
+        const y_ = quadraticAt(y0, y1, y2, t);
+        for (let i = 0; i < nRoots; i++) {
+          const unit = 0 === roots[i] || 1 === roots[i] ? .5 : 1;
+          quadraticAt(x0, x1, x2, roots[i]) < x || (roots[i] < t ? w += y_ < y0 ? unit : -unit : w += y2 < y_ ? unit : -unit);
+        }
+        return w;
+      }
+      const unit = 0 === roots[0] || 1 === roots[0] ? .5 : 1;
+      return quadraticAt(x0, x1, x2, roots[0]) < x ? 0 : y2 < y0 ? unit : -unit;
+    }
+    function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
+      if ((y -= cy) > r || y < -r) return 0;
+      const tmp = Math.sqrt(r * r - y * y);
+      roots[0] = -tmp, roots[1] = tmp;
+      const dTheta = Math.abs(startAngle - endAngle);
+      if (dTheta < 1e-4) return 0;
+      if (dTheta >= pi2 - 1e-4) {
+        startAngle = 0, endAngle = pi2;
+        const dir = anticlockwise ? 1 : -1;
+        return x >= roots[0] + cx && x <= roots[1] + cx ? dir : 0;
+      }
+      if (startAngle > endAngle) {
+        const tmp = startAngle;
+        startAngle = endAngle, endAngle = tmp;
+      }
+      startAngle < 0 && (startAngle += pi2, endAngle += pi2);
+      let w = 0;
+      for (let i = 0; i < 2; i++) {
+        const x_ = roots[i];
+        if (x_ + cx > x) {
+          let angle = Math.atan2(y, x_),
+            dir = anticlockwise ? 1 : -1;
+          angle < 0 && (angle = pi2 + angle), (angle >= startAngle && angle <= endAngle || angle + pi2 >= startAngle && angle + pi2 <= endAngle) && (angle > pi / 2 && angle < 1.5 * pi && (dir = -dir), w += dir);
+        }
+      }
+      return w;
+    }
+    function modpi2(radian) {
+      return Math.round(radian / pi * 1e8) / 1e8 % 2 * pi;
+    }
+    function normalizeArcAngles(angles, anticlockwise) {
+      let newStartAngle = modpi2(angles[0]);
+      newStartAngle < 0 && (newStartAngle += pi2);
+      const delta = newStartAngle - angles[0];
+      let newEndAngle = angles[1];
+      newEndAngle += delta, !anticlockwise && newEndAngle - newStartAngle >= pi2 ? newEndAngle = newStartAngle + pi2 : anticlockwise && newStartAngle - newEndAngle >= pi2 ? newEndAngle = newStartAngle - pi2 : !anticlockwise && newStartAngle > newEndAngle ? newEndAngle = newStartAngle + (pi2 - modpi2(newStartAngle - newEndAngle)) : anticlockwise && newStartAngle < newEndAngle && (newEndAngle = newStartAngle - (pi2 - modpi2(newEndAngle - newStartAngle))), angles[0] = newStartAngle, angles[1] = newEndAngle;
+    }
+    const tmpAngles = [0, 0];
+    function containPath(commands, lineWidth, isStroke, x, y) {
+      const data = commands,
+        len = commands.length;
+      let x1,
+        y1,
+        w = 0,
+        xi = 0,
+        yi = 0,
+        x0 = 0,
+        y0 = 0;
+      for (let i = 0; i < len; i++) {
+        const command = data[i],
+          isFirst = 0 === i;
+        command[0] === enumCommandMap.M && i > 1 && (isStroke || (w += isPointInLine(xi, yi, x0, y0, x, y))), isFirst && (xi = command[1], yi = command[2], x0 = xi, y0 = yi);
+        const c0 = command[0],
+          c1 = command[1],
+          c2 = command[2],
+          c3 = command[3],
+          c4 = command[4],
+          c5 = command[5],
+          c6 = command[6];
+        let startAngle = c4,
+          endAngle = c5;
+        tmpAngles[0] = startAngle, tmpAngles[1] = endAngle, normalizeArcAngles(tmpAngles, Boolean(command[6])), startAngle = tmpAngles[0], endAngle = tmpAngles[1];
+        const theta = startAngle,
+          dTheta = endAngle - startAngle,
+          anticlockwise = !!(1 - (command[6] ? 0 : 1)),
+          _x = (x - c1) * c3 / c3 + c1;
+        switch (c0) {
+          case enumCommandMap.M:
+            x0 = c1, y0 = c2, xi = x0, yi = y0;
+            break;
+          case enumCommandMap.L:
+            if (isStroke) {
+              if (containLineStroke(xi, yi, c1, c2, lineWidth, x, y)) return !0;
+            } else w += isPointInLine(xi, yi, c1, c2, x, y) || 0;
+            xi = c1, yi = c2;
+            break;
+          case enumCommandMap.C:
+            if (isStroke) {
+              if (containCubicStroke(xi, yi, c1, c2, c3, c4, c5, c6, lineWidth, x, y)) return !0;
+            } else w += windingCubic(xi, yi, c1, c2, c3, c4, c5, c6, x, y) || 0;
+            xi = c5, yi = c6;
+            break;
+          case enumCommandMap.Q:
+            if (isStroke) {
+              if (containQuadStroke(xi, yi, c1, c2, c3, c4, lineWidth, x, y)) return !0;
+            } else w += windingQuadratic(xi, yi, c1, c2, c3, c4, x, y) || 0;
+            xi = c3, yi = c4;
+            break;
+          case enumCommandMap.A:
+            if (x1 = Math.cos(theta) * c3 + c1, y1 = Math.sin(theta) * c3 + c2, isFirst ? (x0 = x1, y0 = y1) : w += isPointInLine(xi, yi, x1, y1, x, y), isStroke) {
+              if (containArcStroke(c1, c2, c3, theta, theta + dTheta, anticlockwise, lineWidth, _x, y)) return !0;
+            } else w += windingArc(c1, c2, c3, theta, theta + dTheta, anticlockwise, _x, y);
+            xi = Math.cos(theta + dTheta) * c3 + c1, yi = Math.sin(theta + dTheta) * c3 + c2;
+            break;
+          case enumCommandMap.R:
+            if (x0 = xi = c1, y0 = yi = c2, x1 = x0 + c3, y1 = y0 + c4, isStroke) {
+              if (containLineStroke(x0, y0, x1, y0, lineWidth, x, y) || containLineStroke(x1, y0, x1, y1, lineWidth, x, y) || containLineStroke(x1, y1, x0, y1, lineWidth, x, y) || containLineStroke(x0, y1, x0, y0, lineWidth, x, y)) return !0;
+            } else w += isPointInLine(x1, y0, x1, y1, x, y), w += isPointInLine(x0, y1, x0, y0, x, y);
+            break;
+          case enumCommandMap.Z:
+            if (isStroke) {
+              if (containLineStroke(xi, yi, x0, y0, lineWidth, x, y)) return !0;
+            } else w += isPointInLine(xi, yi, x0, y0, x, y);
+            xi = x0, yi = y0;
+        }
+      }
+      return isStroke || isAroundEqual(yi, y0) || (w += isPointInLine(xi, yi, x0, y0, x, y) || 0), 0 !== w;
+    }
+    function contain(commands, x, y) {
+      return containPath(commands, 0, !1, x, y);
+    }
+    function containStroke(commands, lineWidth, x, y) {
+      return containPath(commands, lineWidth, !0, x, y);
+    }
 
     class DefaultCanvasAllocate {
       constructor() {
@@ -4800,7 +4633,7 @@
       get length() {
         return this.pools.length;
       }
-      release() {
+      release(...params) {
         this.pools = [];
       }
     }
@@ -4869,8 +4702,7 @@
         for (; group.parent;) if ((group = group.parent).theme) return group;
         return null;
       }
-      applyTheme(group, pt) {
-        let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+      applyTheme(group, pt, force = !1) {
         if (this.dirty) {
           const parentGroup = this.getParentWithTheme(group);
           if (parentGroup) {
@@ -4969,8 +4801,7 @@
       constructor() {
         super(), this._uid = Generator.GenAutoIncrementId(), this._firstChild = null, this._lastChild = null, this.parent = null, this._count = 1;
       }
-      forEachChildren(cb) {
-        let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      forEachChildren(cb, reverse = !1) {
         if (reverse) {
           let child = this._lastChild,
             i = 0;
@@ -4987,8 +4818,7 @@
           }
         }
       }
-      forEachChildrenAsync(cb) {
-        let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      forEachChildrenAsync(cb, reverse = !1) {
         return __awaiter$2(this, void 0, void 0, function* () {
           if (reverse) {
             let child = this._lastChild,
@@ -5012,13 +4842,12 @@
       forEach(cb) {
         return this.forEachChildren(cb);
       }
-      appendChild(node) {
-        let highPerformance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+      appendChild(node, highPerformance = !0) {
         if (this._uid === node._uid) return null;
         if (!highPerformance && node.isAncestorsOf(this)) throw new Error("【Node::appendChild】不能将父辈元素append为子元素");
         return node.parent && node.parent.removeChild(node), node.parent = this, this._lastChild ? (this._lastChild._next = node, node._prev = this._lastChild, this._lastChild = node) : (this._firstChild = this._lastChild = node, node._prev = node._next = null), this._idMap || (this._idMap = new Map()), this._idMap.set(node._uid, node), this.setCount(node.count), this._structEdit = !0, node;
       }
-      appendChildArrHighPerformance(nodes) {
+      appendChildArrHighPerformance(nodes, replace = !1) {
         return nodes;
       }
       insertBefore(newNode, referenceNode) {
@@ -5086,8 +4915,7 @@
       replaceChild(newChild, oldChild) {
         throw new Error("暂不支持");
       }
-      find(callback) {
-        let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      find(callback, deep = !1) {
         let target = null;
         return this.forEachChildren((node, index) => !(node === this || !callback(node, index)) && (target = node, !0)), deep && this.forEachChildren(child => {
           if (child.isContainer) {
@@ -5097,8 +4925,7 @@
           return !1;
         }), target;
       }
-      findAll(callback) {
-        let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      findAll(callback, deep = !1) {
         let nodes = [];
         return this.forEachChildren((node, index) => {
           node !== this && callback(node, index) && nodes.push(node);
@@ -5127,8 +4954,7 @@
       getElementsByType(type) {
         return this.findAll(node => node.type === type, !0);
       }
-      getChildByName(name) {
-        let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      getChildByName(name, deep = !1) {
         return this.find(node => node.name === name, deep);
       }
       getChildAt(idx) {
@@ -5247,10 +5073,7 @@
       removeAllListeners() {
         return this.removeAllEventListeners();
       }
-      dispatchEvent(event) {
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
+      dispatchEvent(event, ...args) {
         return super.emit(event.type, event, ...args), !event.defaultPrevented;
       }
       emit(event, data) {
@@ -5365,530 +5188,93 @@
       }
     };
 
-    class Easing {
-      constructor() {}
-      static linear(t) {
-        return t;
-      }
-      static none() {
-        return this.linear;
-      }
-      static get(amount) {
-        return amount < -1 ? amount = -1 : amount > 1 && (amount = 1), function (t) {
-          return 0 === amount ? t : amount < 0 ? t * (t * -amount + 1 + amount) : t * ((2 - t) * amount + (1 - amount));
-        };
-      }
-      static getPowIn(pow) {
-        return function (t) {
-          return Math.pow(t, pow);
-        };
-      }
-      static getPowOut(pow) {
-        return function (t) {
-          return 1 - Math.pow(1 - t, pow);
-        };
-      }
-      static getPowInOut(pow) {
-        return function (t) {
-          return (t *= 2) < 1 ? .5 * Math.pow(t, pow) : 1 - .5 * Math.abs(Math.pow(2 - t, pow));
-        };
-      }
-      static getBackIn(amount) {
-        return function (t) {
-          return t * t * ((amount + 1) * t - amount);
-        };
-      }
-      static getBackOut(amount) {
-        return function (t) {
-          return --t * t * ((amount + 1) * t + amount) + 1;
-        };
-      }
-      static getBackInOut(amount) {
-        return amount *= 1.525, function (t) {
-          return (t *= 2) < 1 ? t * t * ((amount + 1) * t - amount) * .5 : .5 * ((t -= 2) * t * ((amount + 1) * t + amount) + 2);
-        };
-      }
-      static sineIn(t) {
-        return 1 - Math.cos(t * Math.PI / 2);
-      }
-      static sineOut(t) {
-        return Math.sin(t * Math.PI / 2);
-      }
-      static sineInOut(t) {
-        return -(Math.cos(Math.PI * t) - 1) / 2;
-      }
-      static expoIn(t) {
-        return 0 === t ? 0 : Math.pow(2, 10 * t - 10);
-      }
-      static expoOut(t) {
-        return 1 === t ? 1 : 1 - Math.pow(2, -10 * t);
-      }
-      static expoInOut(t) {
-        return 0 === t ? 0 : 1 === t ? 1 : t < .5 ? Math.pow(2, 20 * t - 10) / 2 : (2 - Math.pow(2, -20 * t + 10)) / 2;
-      }
-      static circIn(t) {
-        return -(Math.sqrt(1 - t * t) - 1);
-      }
-      static circOut(t) {
-        return Math.sqrt(1 - --t * t);
+    class ResourceLoader {
+      static GetImage(url, mark) {
+        var _a;
+        const data = ResourceLoader.cache.get(url);
+        data ? "fail" === data.loadState ? application.global.getRequestAnimationFrame()(() => {
+          mark.imageLoadFail(url);
+        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && mark.imageLoadSuccess(url, data.data) : ResourceLoader.loadImage(url, mark);
       }
-      static circInOut(t) {
-        return (t *= 2) < 1 ? -.5 * (Math.sqrt(1 - t * t) - 1) : .5 * (Math.sqrt(1 - (t -= 2) * t) + 1);
+      static GetSvg(svgStr, mark) {
+        var _a;
+        let data = ResourceLoader.cache.get(svgStr);
+        data ? "fail" === data.loadState ? application.global.getRequestAnimationFrame()(() => {
+          mark.imageLoadFail(svgStr);
+        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && mark.imageLoadSuccess(svgStr, data.data) : (data = {
+          type: "image",
+          loadState: "init"
+        }, ResourceLoader.cache.set(svgStr, data), data.dataPromise = application.global.loadSvg(svgStr), data.dataPromise ? (data.waitingMark = [mark], data.dataPromise.then(res => {
+          var _a;
+          data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
+            (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(svgStr, res.data)) : (data.loadState = "fail", mark.imageLoadFail(svgStr));
+          }), data.waitingMark && (data.waitingMark = []);
+        })) : (data.loadState = "fail", mark.imageLoadFail(svgStr)));
       }
-      static bounceOut(t) {
-        return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375;
+      static GetFile(url, type) {
+        let data = ResourceLoader.cache.get(url);
+        return data ? "fail" === data.loadState ? Promise.reject() : "init" === data.loadState || "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
+          type: type,
+          loadState: "init"
+        }, ResourceLoader.cache.set(url, data), "arrayBuffer" === type ? data.dataPromise = application.global.loadArrayBuffer(url) : "blob" === type ? data.dataPromise = application.global.loadBlob(url) : "json" === type && (data.dataPromise = application.global.loadJson(url)), data.dataPromise.then(data => data.data));
       }
-      static bounceIn(t) {
-        return 1 - Easing.bounceOut(1 - t);
-      }
-      static bounceInOut(t) {
-        return t < .5 ? .5 * Easing.bounceIn(2 * t) : .5 * Easing.bounceOut(2 * t - 1) + .5;
-      }
-      static getElasticIn(amplitude, period) {
-        return function (t) {
-          if (0 === t || 1 === t) return t;
-          const s = period / pi2 * Math.asin(1 / amplitude);
-          return -amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * pi2 / period);
-        };
-      }
-      static getElasticOut(amplitude, period) {
-        return function (t) {
-          if (0 === t || 1 === t) return t;
-          const s = period / pi2 * Math.asin(1 / amplitude);
-          return amplitude * Math.pow(2, -10 * t) * Math.sin((t - s) * pi2 / period) + 1;
-        };
-      }
-      static getElasticInOut(amplitude, period) {
-        return function (t) {
-          const s = period / pi2 * Math.asin(1 / amplitude);
-          return (t *= 2) < 1 ? amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * pi2 / period) * -.5 : amplitude * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - s) * pi2 / period) * .5 + 1;
-        };
-      }
-      static registerFunc(name, func) {
-        Easing[name] = func;
-      }
-    }
-    function flicker(t, n) {
-      const step = 1 / n;
-      let flag = 1;
-      for (; t > step;) t -= step, flag *= -1;
-      const v = flag * t / step;
-      return v > 0 ? v : 1 + v;
-    }
-    Easing.quadIn = Easing.getPowIn(2), Easing.quadOut = Easing.getPowOut(2), Easing.quadInOut = Easing.getPowInOut(2), Easing.cubicIn = Easing.getPowIn(3), Easing.cubicOut = Easing.getPowOut(3), Easing.cubicInOut = Easing.getPowInOut(3), Easing.quartIn = Easing.getPowIn(4), Easing.quartOut = Easing.getPowOut(4), Easing.quartInOut = Easing.getPowInOut(4), Easing.quintIn = Easing.getPowIn(5), Easing.quintOut = Easing.getPowOut(5), Easing.quintInOut = Easing.getPowInOut(5), Easing.backIn = Easing.getBackIn(1.7), Easing.backOut = Easing.getBackOut(1.7), Easing.backInOut = Easing.getBackInOut(1.7), Easing.elasticIn = Easing.getElasticIn(1, .3), Easing.elasticOut = Easing.getElasticOut(1, .3), Easing.elasticInOut = Easing.getElasticInOut(1, .3 * 1.5), Easing.easeInOutQuad = t => (t /= .5) < 1 ? .5 * Math.pow(t, 2) : -.5 * ((t -= 2) * t - 2), Easing.easeOutElastic = x => {
-      const c4 = 2 * Math.PI / 3;
-      return 0 === x ? 0 : 1 === x ? 1 : Math.pow(2, -10 * x) * Math.sin((10 * x - .75) * c4) + 1;
-    }, Easing.easeInOutElastic = x => {
-      const c5 = 2 * Math.PI / 4.5;
-      return 0 === x ? 0 : 1 === x ? 1 : x < .5 ? -Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1;
-    };
-    for (let i = 0; i < 10; i++) Easing[`flicker${i}`] = t => flicker(t, i);
-    for (let i = 2; i < 10; i++) Easing[`aIn${i}`] = t => i * t * t + (1 - i) * t;
-
-    class DefaultTimeline {
-      constructor() {
-        this.id = Generator.GenAutoIncrementId(), this.animateHead = null, this.animateTail = null, this.animateCount = 0, this.paused = !1;
-      }
-      addAnimate(animate) {
-        this.animateTail ? (this.animateTail.nextAnimate = animate, animate.prevAnimate = this.animateTail, this.animateTail = animate, animate.nextAnimate = null) : (this.animateHead = animate, this.animateTail = animate), this.animateCount++;
-      }
-      pause() {
-        this.paused = !0;
-      }
-      resume() {
-        this.paused = !1;
-      }
-      tick(delta) {
-        if (this.paused) return;
-        let animate = this.animateHead;
-        for (this.animateCount = 0; animate;) animate.status === AnimateStatus.END ? this.removeAnimate(animate) : animate.status === AnimateStatus.RUNNING || animate.status === AnimateStatus.INITIAL ? (this.animateCount++, animate.advance(delta)) : animate.status === AnimateStatus.PAUSED && this.animateCount++, animate = animate.nextAnimate;
-      }
-      clear() {
-        let animate = this.animateHead;
-        for (; animate;) animate.release(), animate = animate.nextAnimate;
-        this.animateHead = null, this.animateTail = null, this.animateCount = 0;
-      }
-      removeAnimate(animate) {
-        let release = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-        animate._onRemove && animate._onRemove.forEach(cb => cb()), animate === this.animateHead ? (this.animateHead = animate.nextAnimate, animate === this.animateTail ? this.animateTail = null : this.animateHead.prevAnimate = null) : animate === this.animateTail ? (this.animateTail = animate.prevAnimate, this.animateTail.nextAnimate = null) : (animate.prevAnimate.nextAnimate = animate.nextAnimate, animate.nextAnimate.prevAnimate = animate.prevAnimate), release && animate.release();
-      }
-    }
-    const defaultTimeline = new DefaultTimeline();
-
-    class ACustomAnimate {
-      constructor(from, to, duration, easing, params) {
-        this.from = from, this.to = to, this.duration = duration, this.easing = easing, this.params = params, this.updateCount = 0;
-      }
-      bind(target, subAni) {
-        this.target = target, this.subAnimate = subAni, this.onBind();
-      }
-      onBind() {}
-      onFirstRun() {}
-      onStart() {}
-      onEnd() {}
-      getEndProps() {
-        return this.to;
-      }
-      getFromProps() {
-        return this.from;
-      }
-      getMergedEndProps() {
-        var _a;
-        const thisEndProps = this.getEndProps();
-        return thisEndProps ? this._endProps === thisEndProps ? this._mergedEndProps : (this._endProps = thisEndProps, void (this._mergedEndProps = Object.assign({}, null !== (_a = this.step.prev.getLastProps()) && void 0 !== _a ? _a : {}, thisEndProps))) : this.step.prev ? this.step.prev.getLastProps() : thisEndProps;
-      }
-      update(end, ratio, out) {
-        if (0 === this.updateCount) {
-          this.onFirstRun();
-          const props = this.step.getLastProps();
-          Object.keys(props).forEach(k => {
-            this.subAnimate.animate.validAttr(k) && (out[k] = props[k]);
-          });
-        }
-        this.updateCount += 1, this.onUpdate(end, ratio, out), end && this.onEnd();
-      }
-    }
-    class CbAnimate extends ACustomAnimate {
-      constructor(cb) {
-        super(null, null, 0, "linear"), this.cb = cb;
-      }
-      onUpdate(end, ratio, out) {}
-      onStart() {
-        this.cb();
-      }
-    }
-    class Animate {
-      constructor() {
-        let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Generator.GenAutoIncrementId();
-        let timeline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultTimeline;
-        let slience = arguments.length > 2 ? arguments[2] : undefined;
-        this.id = id, this.timeline = timeline || defaultTimeline, this.status = AnimateStatus.INITIAL, this.tailAnimate = new SubAnimate(this), this.subAnimates = [this.tailAnimate], this.timeScale = 1, this.rawPosition = -1, this._startTime = 0, this._duringTime = 0, this.timeline.addAnimate(this), this.slience = slience;
-      }
-      setTimeline(timeline) {
-        timeline !== this.timeline && (this.timeline.removeAnimate(this, !1), timeline.addAnimate(this));
-      }
-      getStartTime() {
-        return this._startTime;
-      }
-      getDuration() {
-        return this.subAnimates.reduce((t, subAnimate) => t + subAnimate.totalDuration, 0);
-      }
-      after(animate) {
-        const t = animate.getDuration();
-        return this._startTime = t, this;
-      }
-      afterAll(list) {
-        let maxT = -1 / 0;
-        return list.forEach(a => {
-          maxT = max(a.getDuration(), maxT);
-        }), this._startTime = maxT, this;
-      }
-      parallel(animate) {
-        return this._startTime = animate.getStartTime(), this;
-      }
-      static AddInterpolate(name, cb) {
-        Animate.interpolateMap.set(name, cb);
-      }
-      play(customAnimate) {
-        if (this.tailAnimate.play(customAnimate), this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return 1 === this.subAnimates.length && this.tailAnimate.totalDuration === customAnimate.duration && this.trySetAttribute(customAnimate.getFromProps(), customAnimate.mode), this;
-      }
-      trySetAttribute(attr) {
-        let mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Animate.mode;
-        attr && mode & AnimateMode.SET_ATTR_IMMEDIATELY && this.target.setAttributes && this.target.setAttributes(attr, !1, {
-          type: AttributeUpdateType.ANIMATE_PLAY
-        });
-      }
-      runCb(cb) {
-        const customAnimate = new CbAnimate(() => {
-          cb(this, customAnimate.step.prev);
-        });
-        return this.tailAnimate.play(customAnimate), this;
-      }
-      customInterpolate(key, ratio, from, to, target, ret) {
-        const func = Animate.interpolateMap.get(key) || Animate.interpolateMap.get("");
-        return !!func && func(key, ratio, from, to, target, ret);
-      }
-      pause() {
-        this.status === AnimateStatus.RUNNING && (this.status = AnimateStatus.PAUSED);
-      }
-      resume() {
-        this.status === AnimateStatus.PAUSED && (this.status = AnimateStatus.RUNNING);
-      }
-      to(props, duration, easing, params) {
-        if (this.tailAnimate.to(props, duration, easing, params), this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return this;
-      }
-      from(props, duration, easing, params) {
-        if (this.tailAnimate.from(props, duration, easing, params), this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return this;
-      }
-      wait(duration) {
-        if (this.tailAnimate.wait(duration), this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return this;
-      }
-      startAt(t) {
-        if (this.tailAnimate.startAt(t), this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return this;
-      }
-      loop(l) {
-        if (this.tailAnimate.loop = l, this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return this;
-      }
-      reversed(r) {
-        if (this.tailAnimate.reversed = r, this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return this;
-      }
-      bounce(b) {
-        if (this.tailAnimate.bounce = b, this.target) {
-          const stage = this.target.stage;
-          stage && stage.renderNextFrame();
-        }
-        return this;
-      }
-      subAnimate() {
-        const sa = new SubAnimate(this, this.tailAnimate);
-        return this.tailAnimate = sa, this.subAnimates.push(sa), sa.bind(this.target), this;
-      }
-      getStartProps() {
-        return this.subAnimates[0].getStartProps();
-      }
-      getEndProps() {
-        return this.tailAnimate.getEndProps();
-      }
-      depreventAttr(key) {
-        this._preventAttrs && this._preventAttrs.delete(key);
-      }
-      preventAttr(key) {
-        this._preventAttrs || (this._preventAttrs = new Set()), this._preventAttrs.add(key);
-      }
-      preventAttrs(keys) {
-        keys.forEach(key => this.preventAttr(key));
-      }
-      validAttr(key) {
-        return !this._preventAttrs || !this._preventAttrs.has(key);
-      }
-      bind(target) {
-        return this.target = target, this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.subAnimates.forEach(sa => {
-          sa.bind(target);
-        }), this;
-      }
-      advance(delta) {
-        if (this._duringTime < this._startTime) {
-          if (this._duringTime + delta * this.timeScale < this._startTime) return void (this._duringTime += delta * this.timeScale);
-          delta = this._duringTime + delta * this.timeScale - this._startTime, this._duringTime = this._startTime;
-        }
-        this.status === AnimateStatus.INITIAL && (this.status = AnimateStatus.RUNNING, this._onStart && this._onStart.forEach(cb => cb()));
-        this.setPosition(Math.max(this.rawPosition, 0) + delta * this.timeScale) && this.status === AnimateStatus.RUNNING && (this.status = AnimateStatus.END, this._onEnd && this._onEnd.forEach(cb => cb()));
-      }
-      setPosition(rawPosition) {
-        let sa,
-          d = 0;
-        const prevRawPos = this.rawPosition,
-          maxRawPos = this.subAnimates.reduce((a, b) => a + b.totalDuration, 0);
-        rawPosition < 0 && (rawPosition = 0);
-        const end = rawPosition >= maxRawPos;
-        if (end && (rawPosition = maxRawPos), rawPosition === prevRawPos) return end;
-        for (let i = 0; i < this.subAnimates.length && (sa = this.subAnimates[i], !(d + sa.totalDuration >= rawPosition)); i++) d += sa.totalDuration, sa = void 0;
-        return this.rawPosition = rawPosition, sa.setPosition(rawPosition - d), end;
-      }
-      onStart(cb) {
-        this._onStart || (this._onStart = []), this._onStart.push(cb);
-      }
-      onEnd(cb) {
-        this._onEnd || (this._onEnd = []), this._onEnd.push(cb);
-      }
-      onRemove(cb) {
-        this._onRemove || (this._onRemove = []), this._onRemove.push(cb);
-      }
-      onFrame(cb) {
-        this._onFrame || (this._onFrame = []), this._onFrame.push(cb);
-      }
-      release() {
-        this.status = AnimateStatus.END;
-      }
-      stop(nextVal) {
-        nextVal || this.target.onStop(), "start" === nextVal ? this.target.onStop(this.getStartProps()) : "end" === nextVal ? this.target.onStop(this.getEndProps()) : this.target.onStop(nextVal), this.release();
-      }
-    }
-    Animate.mode = AnimateMode.NORMAL, Animate.interpolateMap = new Map();
-    class SubAnimate {
-      get totalDuration() {
-        return this.calcAttr(), this._totalDuration + this._startAt;
-      }
-      constructor(animate, lastSubAnimate) {
-        this.rawPosition = -1, this.position = 0, this.loop = 0, this.duration = 0, this.animate = animate, this.stepHead = new Step(0, 0, lastSubAnimate ? Object.assign({}, lastSubAnimate.stepTail.props) : {}), this.stepTail = this.stepHead, this.dirty = !0, this._startAt = 0;
-      }
-      calcAttr() {
-        this.dirty && (this._totalDuration = this.duration * (this.loop + 1));
-      }
-      bind(target) {
-        return this.target = target, this;
-      }
-      play(customAnimate) {
-        let duration = customAnimate.duration;
-        (null == duration || duration < 0) && (duration = 0);
-        const easing = customAnimate.easing,
-          easingFunc = "string" == typeof easing ? Easing[easing] : easing,
-          step = this._addStep(duration, null, easingFunc);
-        return step.type = AnimateStepType.customAnimate, this._appendProps(customAnimate.getEndProps(), step, !1), this._appendCustomAnimate(customAnimate, step), this;
-      }
-      to(props, duration, easing, params) {
-        (null == duration || duration < 0) && (duration = 0);
-        const easingFunc = "string" == typeof easing ? Easing[easing] : easing,
-          step = this._addStep(duration, null, easingFunc);
-        return step.type = AnimateStepType.to, this._appendProps(props, step, !!params && params.tempProps), step.propKeys || (step.propKeys = Object.keys(step.props)), params && params.noPreventAttrs || this.target.animates && this.target.animates.forEach(a => {
-          a.id !== this.animate.id && a.preventAttrs(step.propKeys);
-        }), this;
-      }
-      from(props, duration, easing, params) {
-        this.to(props, 0, easing, params);
-        const toProps = {};
-        this.stepTail.propKeys || (this.stepTail.propKeys = Object.keys(this.stepTail.props)), this.stepTail.propKeys.forEach(k => {
-          toProps[k] = this.getLastPropByName(k, this.stepTail);
-        }), this.to(toProps, duration, easing, params), this.stepTail.type = AnimateStepType.from;
-      }
-      startAt(t) {
-        return t < 0 && (t = 0), this._startAt = t, this;
-      }
-      getStartProps() {
-        var _a;
-        return null === (_a = this.stepHead) || void 0 === _a ? void 0 : _a.props;
-      }
-      getEndProps() {
-        return this.stepTail.props;
-      }
-      getLastStep() {
-        return this._lastStep;
-      }
-      wait(duration) {
-        if (duration > 0) {
-          const step = this._addStep(+duration, null);
-          step.type = AnimateStepType.wait, step.prev.customAnimate ? step.props = step.prev.customAnimate.getEndProps() : step.props = step.prev.props, this.target.onAddStep && this.target.onAddStep(step);
-        }
-        return this;
-      }
-      _addStep(duration, props, easingFunc) {
-        const step = new Step(this.duration, duration, props, easingFunc);
-        return this.duration += duration, this.stepTail.append(step), this.stepTail = step, step;
-      }
-      _appendProps(props, step, tempProps) {
-        step.props = tempProps ? props : Object.assign({}, props);
-        let lastStep = step.prev;
-        const _props = step.props;
-        for (step.propKeys || (step.propKeys = Object.keys(step.props)), step.propKeys.forEach(k => {
-          void 0 === step.props[k] && (step.props[k] = this.target.getDefaultAttribute(k));
-        }); lastStep.prev;) lastStep.props && (lastStep.propKeys || (lastStep.propKeys = Object.keys(lastStep.props)), lastStep.propKeys.forEach(key => {
-          void 0 === _props[key] && (_props[key] = lastStep.props[key]);
-        })), step.propKeys = Object.keys(step.props), lastStep = lastStep.prev;
-        const initProps = this.stepHead.props;
-        step.propKeys || (step.propKeys = Object.keys(_props)), step.propKeys.forEach(key => {
-          if (void 0 === initProps[key]) {
-            const parentAnimateInitProps = this.animate.getStartProps();
-            initProps[key] = parentAnimateInitProps[key] = this.target.getComputedAttribute(key);
+      static loading() {
+        setTimeout(() => {
+          if (!ResourceLoader.isLoading && ResourceLoader.toLoadAueue.length) {
+            ResourceLoader.isLoading = !0;
+            const tasks = ResourceLoader.toLoadAueue.splice(0, 10),
+              promises = [];
+            tasks.forEach(task => {
+              const {
+                  url: url,
+                  marks: marks
+                } = task,
+                data = {
+                  type: "image",
+                  loadState: "init"
+                };
+              if (ResourceLoader.cache.set(url, data), data.dataPromise = application.global.loadImage(url), data.dataPromise) {
+                data.waitingMark = marks;
+                const end = data.dataPromise.then(res => {
+                  var _a;
+                  data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
+                    (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(url, res.data)) : (data.loadState = "fail", mark.imageLoadFail(url));
+                  }), data.waitingMark && (data.waitingMark = []);
+                });
+                promises.push(end);
+              } else data.loadState = "fail", marks.forEach(mark => mark.imageLoadFail(url));
+            }), Promise.all(promises).then(() => {
+              ResourceLoader.isLoading = !1, this.onLoadSuccessCb.forEach(cb => cb()), ResourceLoader.loading();
+            }).catch(error => {
+              ResourceLoader.isLoading = !1, this.onLoadSuccessCb.forEach(cb => cb()), ResourceLoader.loading();
+            });
           }
-        }), this.target.onAddStep && this.target.onAddStep(step);
+        }, 0);
       }
-      _appendCustomAnimate(customAnimate, step) {
-        step.customAnimate = customAnimate, customAnimate.step = step, customAnimate.bind(this.target, this);
+      static loadImage(url, mark) {
+        const index = getIndex(url, ResourceLoader.toLoadAueue);
+        if (-1 !== index) return ResourceLoader.toLoadAueue[index].marks.push(mark), void ResourceLoader.loading();
+        ResourceLoader.toLoadAueue.push({
+          url: url,
+          marks: [mark]
+        }), ResourceLoader.loading();
       }
-      setPosition(rawPosition) {
-        var _a;
-        const d = this.duration,
-          loopCount = this.loop,
-          prevRawPos = this.rawPosition;
-        let loop,
-          position,
-          end = !1;
-        const startAt = null !== (_a = this._startAt) && void 0 !== _a ? _a : 0;
-        if (rawPosition < 0 && (rawPosition = 0), rawPosition < startAt) return this.rawPosition = rawPosition, !1;
-        if (rawPosition -= startAt, d <= 0 && (end = !0, d < 0)) return end;
-        if (loop = Math.floor(rawPosition / d), position = rawPosition - loop * d, end = rawPosition >= loopCount * d + d, end && (position = d, loop = loopCount, rawPosition = position * loop + d), rawPosition === prevRawPos) return end;
-        const rev = !this.reversed != !(this.bounce && loop % 2);
-        return rev && (position = d - position), this._deltaPosition = position - this.position, this.position = position, this.rawPosition = rawPosition + startAt, this.updatePosition(end, rev), end;
-      }
-      updatePosition(end, rev) {
-        if (!this.stepHead) return;
-        let step = this.stepHead.next;
-        const position = this.position,
-          duration = this.duration;
-        if (this.target && step) {
-          let stepNext = step.next;
-          for (; stepNext && stepNext.position <= position;) step = stepNext, stepNext = step.next;
-          let ratio = end ? 0 === duration ? 1 : position / duration : (position - step.position) / step.duration;
-          step.easing && (ratio = step.easing(ratio)), this.tryCallCustomAnimateLifeCycle(step, this._lastStep || (rev ? this.stepTail : this.stepHead), rev), this.updateTarget(step, ratio, end), this._lastStep = step, this.animate._onFrame && this.animate._onFrame.forEach(cb => cb(step, ratio));
-        }
-      }
-      tryCallCustomAnimateLifeCycle(step, lastStep, rev) {
-        if (step !== lastStep) if (rev) {
-          let _step = lastStep.prev;
-          for (; _step && _step !== step;) _step.customAnimate && (_step.customAnimate.onStart && _step.customAnimate.onStart(), _step.customAnimate.onEnd && _step.customAnimate.onEnd()), _step = step.prev;
-          lastStep && lastStep.customAnimate && lastStep.customAnimate.onEnd && lastStep.customAnimate.onEnd(), step && step.customAnimate && step.customAnimate.onStart && step.customAnimate.onStart();
-        } else {
-          let _step = lastStep.next;
-          for (; _step && _step !== step;) _step.customAnimate && (_step.customAnimate.onStart && _step.customAnimate.onStart(), _step.customAnimate.onEnd && _step.customAnimate.onEnd()), _step = _step.next;
-          lastStep && lastStep.customAnimate && lastStep.customAnimate.onEnd && lastStep.customAnimate.onEnd(), step && step.customAnimate && step.customAnimate.onStart && step.customAnimate.onStart();
-        }
-      }
-      getLastPropByName(name, step) {
-        let lastStep = step.prev;
-        for (; lastStep;) {
-          if (lastStep.props && void 0 !== lastStep.props[name]) return lastStep.props[name];
-          if (lastStep.customAnimate) {
-            const val = lastStep.customAnimate.getEndProps()[name];
-            if (void 0 !== val) return val;
-          }
-          lastStep = lastStep.prev;
+      static improveImageLoading(url) {
+        const index = getIndex(url, ResourceLoader.toLoadAueue);
+        if (-1 !== index) {
+          const elememt = ResourceLoader.toLoadAueue.splice(index, 1);
+          ResourceLoader.toLoadAueue.unshift(elememt[0]);
         }
-        return Logger.getInstance().warn("未知错误，step中找不到属性"), step.props[name];
       }
-      updateTarget(step, ratio, end) {
-        null == step.props && null == step.customAnimate || this.target.onStep(this, this.animate, step, ratio, end);
+      static onLoadSuccess(cb) {
+        this.onLoadSuccessCb.push(cb);
       }
     }
-    class Step {
-      constructor(position, duration, props, easing) {
-        this.duration = duration, this.position = position, this.props = props, this.easing = easing;
-      }
-      append(step) {
-        step.prev = this, step.next = this.next, this.next = step;
-      }
-      getLastProps() {
-        let step = this.prev;
-        for (; step;) {
-          if (step.props) return step.props;
-          if (step.customAnimate) return step.customAnimate.getMergedEndProps();
-          step = step.prev;
-        }
-        return null;
-      }
+    function getIndex(url, arr) {
+      for (let i = 0; i < arr.length; i++) if (arr[i].url === url) return i;
+      return -1;
     }
-
-    const DefaultStateAnimateConfig = {
-      duration: 200,
-      easing: "cubicOut"
-    };
+    ResourceLoader.cache = new Map(), ResourceLoader.isLoading = !1, ResourceLoader.toLoadAueue = [], ResourceLoader.onLoadSuccessCb = [];
 
     var Edge;
     !function (Edge) {
@@ -5943,246 +5329,6 @@
       return isNaN(_lh) ? _lh : Math.max(fontSize, _lh);
     };
 
-    const normalizeRectAttributes = attribute => {
-      if (!attribute) return {
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0
-      };
-      let width = isNil$1(attribute.width) ? attribute.x1 - attribute.x : attribute.width,
-        height = isNil$1(attribute.height) ? attribute.y1 - attribute.y : attribute.height,
-        x = 0,
-        y = 0;
-      return width < 0 ? (x = width, width = -width) : Number.isNaN(width) && (width = 0), height < 0 ? (y = height, height = -height) : Number.isNaN(height) && (height = 0), {
-        x: x,
-        y: y,
-        width: width,
-        height: height
-      };
-    };
-
-    var ColorType;
-    !function (ColorType) {
-      ColorType[ColorType.Color255 = 0] = "Color255", ColorType[ColorType.Color1 = 1] = "Color1";
-    }(ColorType || (ColorType = {}));
-    class ColorStore {
-      static Get(str) {
-        let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ColorType.Color1;
-        let arr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [0, 0, 0, 1];
-        if (size === ColorType.Color1) {
-          const color = ColorStore.store1[str];
-          if (color) return arr[0] = color[0], arr[1] = color[1], arr[2] = color[2], arr[3] = color[3], arr;
-          const c = Color.parseColorString(str);
-          if (c) {
-            const data = [c.r / 255, c.g / 255, c.b / 255, c.opacity];
-            ColorStore.store1[str] = data, ColorStore.store255[str] = [c.r, c.g, c.b, c.opacity], arr[0] = data[0], arr[1] = data[1], arr[2] = data[2], arr[3] = data[3];
-          }
-          return arr;
-        }
-        const color = ColorStore.store255[str];
-        if (color) return arr[0] = color[0], arr[1] = color[1], arr[2] = color[2], arr[3] = color[3], arr;
-        const c = Color.parseColorString(str);
-        return c && (ColorStore.store1[str] = [c.r / 255, c.g / 255, c.b / 255, c.opacity], ColorStore.store255[str] = [c.r, c.g, c.b, c.opacity], arr[0] = c.r, arr[1] = c.g, arr[2] = c.b, arr[3] = c.opacity), arr;
-      }
-      static Set(str, size, arr) {
-        if (size === ColorType.Color1) {
-          if (ColorStore.store1[str]) return;
-          ColorStore.store1[str] = arr, ColorStore.store255[str] = [Math.floor(255 * arr[0]), Math.floor(255 * arr[1]), Math.floor(255 * arr[2]), Math.floor(255 * arr[3])];
-        } else {
-          if (ColorStore.store255[str]) return;
-          ColorStore.store255[str] = arr, ColorStore.store1[str] = [arr[0] / 255, arr[1] / 255, arr[2] / 255, arr[3]];
-        }
-      }
-    }
-    ColorStore.store255 = {}, ColorStore.store1 = {};
-
-    function colorArrayToString(color) {
-      let alphaChannel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      return Array.isArray(color) && isNumber$1(color[0]) ? alphaChannel ? `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])},${color[3].toFixed(2)})` : `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])})` : color;
-    }
-    function interpolateColor(from, to, ratio, alphaChannel, cb) {
-      if (Array.isArray(from) && !isNumber$1(from[0]) || Array.isArray(to) && !isNumber$1(to[0])) {
-        return new Array(4).fill(0).map((_, index) => _interpolateColor(isArray$1(from) ? from[index] : from, isArray$1(to) ? to[index] : to, ratio, alphaChannel));
-      }
-      return _interpolateColor(from, to, ratio, alphaChannel, cb);
-    }
-    function _interpolateColor(from, to, ratio, alphaChannel, cb) {
-      if (!from || !to) return from && colorArrayToString(from) || to && colorArrayToString(to) || !1;
-      let fromArray,
-        toArray,
-        fromGradient = !1,
-        toGradient = !1;
-      if (Array.isArray(from) ? fromArray = from : "string" == typeof from ? fromArray = ColorStore.Get(from, ColorType.Color255) : fromGradient = !0, Array.isArray(to) ? toArray = to : "string" == typeof to ? toArray = ColorStore.Get(to, ColorType.Color255) : toGradient = !0, fromGradient !== toGradient) {
-        const gradient = fromGradient ? from : to,
-          pure = fromGradient ? to : from,
-          gradientFromPure = Object.assign(Object.assign({}, gradient), {
-            stops: gradient.stops.map(v => Object.assign(Object.assign({}, v), {
-              color: colorArrayToString(pure)
-            }))
-          });
-        return fromGradient ? interpolateColor(gradient, gradientFromPure, ratio, alphaChannel, cb) : interpolateColor(gradientFromPure, gradient, ratio, alphaChannel, cb);
-      }
-      if (fromGradient) {
-        if (from.gradient === to.gradient) {
-          const fc = from,
-            tc = to,
-            fromStops = fc.stops,
-            toStops = tc.stops;
-          if (fromStops.length !== toStops.length) return !1;
-          if ("linear" === fc.gradient) return interpolateGradientLinearColor(fc, tc, ratio);
-          if ("radial" === fc.gradient) return interpolateGradientRadialColor(fc, tc, ratio);
-          if ("conical" === fc.gradient) return interpolateGradientConicalColor(fc, tc, ratio);
-        }
-        return !1;
-      }
-      cb && cb(fromArray, toArray);
-      return colorArrayToString(interpolatePureColorArray(fromArray, toArray, ratio), alphaChannel);
-    }
-    function interpolateGradientLinearColor(fc, tc, ratio) {
-      const fStops = fc.stops,
-        tStops = tc.stops;
-      return {
-        gradient: "linear",
-        x0: fc.x0 + (tc.x0 - fc.x0) * ratio,
-        x1: fc.x1 + (tc.x1 - fc.x1) * ratio,
-        y0: fc.y0 + (tc.y0 - fc.y0) * ratio,
-        y1: fc.y1 + (tc.y1 - fc.y1) * ratio,
-        stops: new Array(fStops.length).fill(0).map((_, i) => ({
-          color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),
-          offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio
-        }))
-      };
-    }
-    function interpolateGradientRadialColor(fc, tc, ratio) {
-      const fStops = fc.stops,
-        tStops = tc.stops;
-      return {
-        gradient: "radial",
-        x0: fc.x0 + (tc.x0 - fc.x0) * ratio,
-        x1: fc.x1 + (tc.x1 - fc.x1) * ratio,
-        y0: fc.y0 + (tc.y0 - fc.y0) * ratio,
-        y1: fc.y1 + (tc.y1 - fc.y1) * ratio,
-        r0: fc.r0 + (tc.r0 - fc.r0) * ratio,
-        r1: fc.r1 + (tc.r1 - fc.r1) * ratio,
-        stops: new Array(fStops.length).fill(0).map((_, i) => ({
-          color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),
-          offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio
-        }))
-      };
-    }
-    function interpolateGradientConicalColor(fc, tc, ratio) {
-      const fStops = fc.stops,
-        tStops = tc.stops;
-      return {
-        gradient: "conical",
-        startAngle: fc.startAngle + (tc.startAngle - fc.startAngle) * ratio,
-        endAngle: fc.endAngle + (tc.endAngle - fc.endAngle) * ratio,
-        x: fc.x + (tc.x - fc.x) * ratio,
-        y: fc.y + (tc.y - fc.y) * ratio,
-        stops: new Array(fStops.length).fill(0).map((_, i) => ({
-          color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),
-          offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio
-        }))
-      };
-    }
-    function interpolatePureColorArray(from, to, ratio) {
-      return [from[0] + (to[0] - from[0]) * ratio, from[1] + (to[1] - from[1]) * ratio, from[2] + (to[2] - from[2]) * ratio, from[3] + (to[3] - from[3]) * ratio];
-    }
-    const _fromColorRGB = [0, 0, 0, 0],
-      _toColorRGB = [0, 0, 0, 0];
-    function colorStringInterpolationToStr(fromColor, toColor, ratio) {
-      return ColorStore.Get(fromColor, ColorType.Color255, _fromColorRGB), ColorStore.Get(toColor, ColorType.Color255, _toColorRGB), `rgba(${Math.round(_fromColorRGB[0] + (_toColorRGB[0] - _fromColorRGB[0]) * ratio)},${Math.round(_fromColorRGB[1] + (_toColorRGB[1] - _fromColorRGB[1]) * ratio)},${Math.round(_fromColorRGB[2] + (_toColorRGB[2] - _fromColorRGB[2]) * ratio)},${_fromColorRGB[3] + (_toColorRGB[3] - _fromColorRGB[3]) * ratio})`;
-    }
-
-    class ResourceLoader {
-      static GetImage(url, mark) {
-        var _a;
-        const data = ResourceLoader.cache.get(url);
-        data ? "fail" === data.loadState ? application.global.getRequestAnimationFrame()(() => {
-          mark.imageLoadFail(url);
-        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && mark.imageLoadSuccess(url, data.data) : ResourceLoader.loadImage(url, mark);
-      }
-      static GetSvg(svgStr, mark) {
-        var _a;
-        let data = ResourceLoader.cache.get(svgStr);
-        data ? "fail" === data.loadState ? application.global.getRequestAnimationFrame()(() => {
-          mark.imageLoadFail(svgStr);
-        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && mark.imageLoadSuccess(svgStr, data.data) : (data = {
-          type: "image",
-          loadState: "init"
-        }, ResourceLoader.cache.set(svgStr, data), data.dataPromise = application.global.loadSvg(svgStr), data.dataPromise ? (data.waitingMark = [mark], data.dataPromise.then(res => {
-          var _a;
-          data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
-            (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(svgStr, res.data)) : (data.loadState = "fail", mark.imageLoadFail(svgStr));
-          }), data.waitingMark && (data.waitingMark = []);
-        })) : (data.loadState = "fail", mark.imageLoadFail(svgStr)));
-      }
-      static GetFile(url, type) {
-        let data = ResourceLoader.cache.get(url);
-        return data ? "fail" === data.loadState ? Promise.reject() : "init" === data.loadState || "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
-          type: type,
-          loadState: "init"
-        }, ResourceLoader.cache.set(url, data), "arrayBuffer" === type ? data.dataPromise = application.global.loadArrayBuffer(url) : "blob" === type ? data.dataPromise = application.global.loadBlob(url) : "json" === type && (data.dataPromise = application.global.loadJson(url)), data.dataPromise.then(data => data.data));
-      }
-      static loading() {
-        setTimeout(() => {
-          if (!ResourceLoader.isLoading && ResourceLoader.toLoadAueue.length) {
-            ResourceLoader.isLoading = !0;
-            const tasks = ResourceLoader.toLoadAueue.splice(0, 10),
-              promises = [];
-            tasks.forEach(task => {
-              const {
-                  url: url,
-                  marks: marks
-                } = task,
-                data = {
-                  type: "image",
-                  loadState: "init"
-                };
-              if (ResourceLoader.cache.set(url, data), data.dataPromise = application.global.loadImage(url), data.dataPromise) {
-                data.waitingMark = marks;
-                const end = data.dataPromise.then(res => {
-                  var _a;
-                  data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
-                    (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(url, res.data)) : (data.loadState = "fail", mark.imageLoadFail(url));
-                  }), data.waitingMark && (data.waitingMark = []);
-                });
-                promises.push(end);
-              } else data.loadState = "fail", marks.forEach(mark => mark.imageLoadFail(url));
-            }), Promise.all(promises).then(() => {
-              ResourceLoader.isLoading = !1, this.onLoadSuccessCb.forEach(cb => cb()), ResourceLoader.loading();
-            }).catch(error => {
-              ResourceLoader.isLoading = !1, this.onLoadSuccessCb.forEach(cb => cb()), ResourceLoader.loading();
-            });
-          }
-        }, 0);
-      }
-      static loadImage(url, mark) {
-        const index = getIndex(url, ResourceLoader.toLoadAueue);
-        if (-1 !== index) return ResourceLoader.toLoadAueue[index].marks.push(mark), void ResourceLoader.loading();
-        ResourceLoader.toLoadAueue.push({
-          url: url,
-          marks: [mark]
-        }), ResourceLoader.loading();
-      }
-      static improveImageLoading(url) {
-        const index = getIndex(url, ResourceLoader.toLoadAueue);
-        if (-1 !== index) {
-          const elememt = ResourceLoader.toLoadAueue.splice(index, 1);
-          ResourceLoader.toLoadAueue.unshift(elememt[0]);
-        }
-      }
-      static onLoadSuccess(cb) {
-        this.onLoadSuccessCb.push(cb);
-      }
-    }
-    function getIndex(url, arr) {
-      for (let i = 0; i < arr.length; i++) if (arr[i].url === url) return i;
-      return -1;
-    }
-    ResourceLoader.cache = new Map(), ResourceLoader.isLoading = !1, ResourceLoader.toLoadAueue = [], ResourceLoader.onLoadSuccessCb = [];
-
     class BaseSymbol {
       bounds(size, bounds) {
         if (isNumber$1(size)) {
@@ -6270,8 +5416,7 @@
     }
     var square$1 = new SquareSymbol();
 
-    function trianglUpOffset(ctx, r, x, y) {
-      let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    function trianglUpOffset(ctx, r, x, y, offset = 0) {
       return ctx.moveTo(x + r + 2 * offset, r + y + offset), ctx.lineTo(x - r - 2 * offset, r + y + offset), ctx.lineTo(x, y - r - 2 * offset), ctx.closePath(), !0;
     }
     class TriangleUpSymbol extends BaseSymbol {
@@ -6417,8 +5562,7 @@
     }
     var triangleLeft = new TriangleLeftSymbol();
 
-    function trianglRightOffset(ctx, r, x, y) {
-      let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    function trianglRightOffset(ctx, r, x, y, offset = 0) {
       return ctx.moveTo(x - r - offset, r + y + 2 * offset), ctx.lineTo(r + x + 2 * offset, y), ctx.lineTo(x - r - offset, y - r - 2 * offset), ctx.closePath(), !0;
     }
     class TriangleRightSymbol extends BaseSymbol {
@@ -6434,8 +5578,7 @@
     }
     var triangleRight = new TriangleRightSymbol();
 
-    function trianglDownOffset(ctx, r, x, y) {
-      let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    function trianglDownOffset(ctx, r, x, y, offset = 0) {
       return ctx.moveTo(x - r - 2 * offset, y - r - offset), ctx.lineTo(x + r + 2 * offset, y - r - offset), ctx.lineTo(x, y + r + 2 * offset), ctx.closePath(), !0;
     }
     class TriangleDownSymbol extends BaseSymbol {
@@ -6652,8 +5795,7 @@
 
     const tempBounds = new AABBBounds();
     class CustomSymbolClass {
-      constructor(type, path) {
-        let isSvg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+      constructor(type, path, isSvg = !1) {
         this.pathStr = "", this.type = type, isArray$1(path) ? this.svgCache = path : this.path = path, this.isSvg = isSvg;
       }
       drawOffset(ctx, size, x, y, offset, z, cb) {
@@ -6675,10 +5817,9 @@
       bounds(size, bounds) {
         if (size = this.parseSize(size), this.isSvg) {
           if (!this.svgCache) return;
-          return bounds.clear(), void this.svgCache.forEach(_ref => {
-            let {
-              path: path
-            } = _ref;
+          return bounds.clear(), void this.svgCache.forEach(({
+            path: path
+          }) => {
             tempBounds.x1 = path.bounds.x1 * size, tempBounds.y1 = path.bounds.y1 * size, tempBounds.x2 = path.bounds.x2 * size, tempBounds.y2 = path.bounds.y2 * size, bounds.union(tempBounds);
           });
         }
@@ -6734,8 +5875,7 @@
       if (-1 === closingIndex) throw new Error(errMsg);
       return closingIndex + str.length - 1;
     }
-    function tagExpWithClosingIndex(xmlData, i) {
-      let closingChar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ">";
+    function tagExpWithClosingIndex(xmlData, i, closingChar = ">") {
       let attrBoundary,
         tagExp = "";
       for (let index = i; index < xmlData.length; index++) {
@@ -6753,8 +5893,7 @@
         tagExp += ch;
       }
     }
-    function readTagExp(xmlData, i, removeNSPrefix) {
-      let closingChar = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ">";
+    function readTagExp(xmlData, i, removeNSPrefix, closingChar = ">") {
       const result = tagExpWithClosingIndex(xmlData, i + 1, closingChar);
       if (!result) return;
       let tagExp = result.data;
@@ -6916,8 +6055,7 @@
         step((generator = generator.apply(thisArg, _arguments || [])).next());
       });
     };
-    function boundStroke(bounds, halfW, miter) {
-      let pad = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    function boundStroke(bounds, halfW, miter, pad = 0) {
       return bounds.expand(halfW + (pad / 2 + (miter ? miterAdjustment(miter, halfW) : 0))), bounds;
     }
     function miterAdjustment(miter, strokeWidth) {
@@ -6989,7 +6127,352 @@
       stroke: "stroke",
       fill: "fill"
     };
-    const SVG_PARSE_ATTRIBUTE_MAP_KEYS = Object.keys(SVG_PARSE_ATTRIBUTE_MAP);
+    const SVG_PARSE_ATTRIBUTE_MAP_KEYS = Object.keys(SVG_PARSE_ATTRIBUTE_MAP);
+
+    const DefaultStateAnimateConfig = {
+      duration: 200,
+      easing: "cubicOut"
+    };
+
+    function identityMat4(out) {
+      return out[0] = 1, out[1] = 0, out[2] = 0, out[3] = 0, out[4] = 0, out[5] = 1, out[6] = 0, out[7] = 0, out[8] = 0, out[9] = 0, out[10] = 1, out[11] = 0, out[12] = 0, out[13] = 0, out[14] = 0, out[15] = 1, out;
+    }
+    function rotateX(out, a, rad) {
+      const s = Math.sin(rad),
+        c = Math.cos(rad),
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11];
+      return a !== out && (out[0] = a[0], out[1] = a[1], out[2] = a[2], out[3] = a[3], out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15]), out[4] = a10 * c + a20 * s, out[5] = a11 * c + a21 * s, out[6] = a12 * c + a22 * s, out[7] = a13 * c + a23 * s, out[8] = a20 * c - a10 * s, out[9] = a21 * c - a11 * s, out[10] = a22 * c - a12 * s, out[11] = a23 * c - a13 * s, out;
+    }
+    function rotateY(out, a, rad) {
+      const s = Math.sin(rad),
+        c = Math.cos(rad),
+        a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11];
+      return a !== out && (out[4] = a[4], out[5] = a[5], out[6] = a[6], out[7] = a[7], out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15]), out[0] = a00 * c - a20 * s, out[1] = a01 * c - a21 * s, out[2] = a02 * c - a22 * s, out[3] = a03 * c - a23 * s, out[8] = a00 * s + a20 * c, out[9] = a01 * s + a21 * c, out[10] = a02 * s + a22 * c, out[11] = a03 * s + a23 * c, out;
+    }
+    function rotateZ(out, a, rad) {
+      const s = Math.sin(rad),
+        c = Math.cos(rad),
+        a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7];
+      return a !== out && (out[8] = a[8], out[9] = a[9], out[10] = a[10], out[11] = a[11], out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15]), out[0] = a00 * c + a10 * s, out[1] = a01 * c + a11 * s, out[2] = a02 * c + a12 * s, out[3] = a03 * c + a13 * s, out[4] = a10 * c - a00 * s, out[5] = a11 * c - a01 * s, out[6] = a12 * c - a02 * s, out[7] = a13 * c - a03 * s, out;
+    }
+    function translate(out, a, v) {
+      const x = v[0],
+        y = v[1],
+        z = v[2];
+      let a00, a01, a02, a03, a10, a11, a12, a13, a20, a21, a22, a23;
+      return a === out ? (out[12] = a[0] * x + a[4] * y + a[8] * z + a[12], out[13] = a[1] * x + a[5] * y + a[9] * z + a[13], out[14] = a[2] * x + a[6] * y + a[10] * z + a[14], out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]) : (a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11], out[0] = a00, out[1] = a01, out[2] = a02, out[3] = a03, out[4] = a10, out[5] = a11, out[6] = a12, out[7] = a13, out[8] = a20, out[9] = a21, out[10] = a22, out[11] = a23, out[12] = a00 * x + a10 * y + a20 * z + a[12], out[13] = a01 * x + a11 * y + a21 * z + a[13], out[14] = a02 * x + a12 * y + a22 * z + a[14], out[15] = a03 * x + a13 * y + a23 * z + a[15]), out;
+    }
+    function scaleMat4(out, a, v) {
+      const x = v[0],
+        y = v[1],
+        z = v[2];
+      return out[0] = a[0] * x, out[1] = a[1] * x, out[2] = a[2] * x, out[3] = a[3] * x, out[4] = a[4] * y, out[5] = a[5] * y, out[6] = a[6] * y, out[7] = a[7] * y, out[8] = a[8] * z, out[9] = a[9] * z, out[10] = a[10] * z, out[11] = a[11] * z, out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15], out;
+    }
+    function multiplyMat4Mat4(out, a, b) {
+      const a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11],
+        a30 = a[12],
+        a31 = a[13],
+        a32 = a[14],
+        a33 = a[15];
+      let b0 = b[0],
+        b1 = b[1],
+        b2 = b[2],
+        b3 = b[3];
+      return out[0] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[1] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[2] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[3] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, b0 = b[4], b1 = b[5], b2 = b[6], b3 = b[7], out[4] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[5] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[6] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[7] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, b0 = b[8], b1 = b[9], b2 = b[10], b3 = b[11], out[8] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[9] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[10] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[11] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, b0 = b[12], b1 = b[13], b2 = b[14], b3 = b[15], out[12] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[13] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[14] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[15] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, out;
+    }
+
+    function createMat4() {
+      return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+    }
+    class DefaultMatrixAllocate {
+      constructor() {
+        this.pools = [];
+      }
+      allocate(a, b, c, d, e, f) {
+        if (!this.pools.length) return new Matrix(a, b, c, d, e, f);
+        const m = this.pools.pop();
+        return m.a = a, m.b = b, m.c = c, m.d = d, m.e = e, m.f = f, m;
+      }
+      allocateByObj(matrix) {
+        if (!this.pools.length) return new Matrix(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
+        const m = this.pools.pop();
+        return m.a = matrix.a, m.b = matrix.b, m.c = matrix.c, m.d = matrix.d, m.e = matrix.e, m.f = matrix.f, m;
+      }
+      free(d) {
+        this.pools.push(d);
+      }
+      get length() {
+        return this.pools.length;
+      }
+      release(...params) {
+        this.pools = [];
+      }
+    }
+    class DefaultMat4Allocate {
+      constructor() {
+        this.pools = [];
+      }
+      static identity(out) {
+        return identityMat4(out);
+      }
+      allocate() {
+        if (!this.pools.length) return createMat4();
+        const m = this.pools.pop();
+        return DefaultMat4Allocate.identity(m), m;
+      }
+      allocateByObj(d) {
+        let m;
+        m = this.pools.length ? this.pools.pop() : createMat4();
+        for (let i = 0; i < m.length; i++) m[i] = d[i];
+        return m;
+      }
+      free(m) {
+        m && this.pools.push(m);
+      }
+      get length() {
+        return this.pools.length;
+      }
+      release(...params) {
+        this.pools = [];
+      }
+    }
+    const matrixAllocate = new DefaultMatrixAllocate();
+    const mat4Allocate = new DefaultMat4Allocate();
+
+    var __decorate$j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$f = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      };
+    const initMatrix = new Matrix(1, 0, 0, 1, 0, 0),
+      globalPoint = {
+        x: 0,
+        y: 0
+      };
+    let EmptyContext2d = class {
+      get nativeContext() {
+        return this.path;
+      }
+      constructor(canvas, dpr) {
+        this.matrix = new Matrix(1, 0, 0, 1, 0, 0), this.stack = [], this.dpr = dpr, this.applyedMatrix = new Matrix(1, 0, 0, 1, 0, 0), this.path = new CustomPath2D(), this._clearMatrix = new Matrix(1, 0, 0, 1, 0, 0);
+      }
+      getCanvas() {
+        throw new Error("不支持getCanvas");
+      }
+      getContext() {
+        throw new Error("不支持getContext");
+      }
+      setTransformForCurrent(force = !1) {
+        !force && this.applyedMatrix.equalToMatrix(this.matrix) || (this.applyedMatrix = this.cloneMatrix(this.matrix));
+      }
+      get currentMatrix() {
+        return this.matrix;
+      }
+      cloneMatrix(m) {
+        return matrixAllocate.allocateByObj(m);
+      }
+      clear() {
+        this.save(), this.resetTransform(), this.restore();
+      }
+      reset() {
+        this.matrix.setValue(1, 0, 0, 1, 0, 0), this.applyedMatrix = new Matrix(1, 0, 0, 1, 0, 0), this.stack.length = 0;
+      }
+      restore() {
+        this.stack.length > 0 && (matrixAllocate.free(this.matrix), this.matrix = this.stack.pop(), this.setTransformForCurrent());
+      }
+      highPerformanceRestore() {
+        this.stack.length > 0 && (matrixAllocate.free(this.matrix), this.matrix = this.stack.pop());
+      }
+      rotate(rad, setTransform = !0) {
+        this.matrix.rotate(rad), setTransform && this.setTransformForCurrent();
+      }
+      save() {
+        const matrix = this.cloneMatrix(this.matrix);
+        this.stack.push(matrix);
+      }
+      highPerformanceSave() {
+        const matrix = this.cloneMatrix(this.matrix);
+        this.stack.push(matrix);
+      }
+      scale(sx, sy, setTransform = !0) {
+        this.matrix.scale(sx, sy), setTransform && this.setTransformForCurrent();
+      }
+      setScale(sx, sy, setTransform = !0) {
+        this.matrix.setScale(sx, sy), setTransform && this.setTransformForCurrent();
+      }
+      scalePoint(sx, sy, px, py, setTransform = !0) {
+        this.translate(px, py, !1), this.scale(sx, sy, !1), this.translate(-px, -py, !1), setTransform && this.setTransformForCurrent();
+      }
+      setTransform(a, b, c, d, e, f, setTransform = !0, dpr = this.dpr) {
+        this.matrix.setValue(dpr * a, dpr * b, dpr * c, dpr * d, dpr * e, dpr * f), setTransform && this.setTransformForCurrent();
+      }
+      setTransformFromMatrix(matrix, setTransform = !0, dpr = this.dpr) {
+        this.matrix.setValue(matrix.a * dpr, matrix.b * dpr, matrix.c * dpr, matrix.d * dpr, matrix.e * dpr, matrix.f * dpr), setTransform && this.setTransformForCurrent();
+      }
+      resetTransform(setTransform = !0, dpr = this.dpr) {
+        this.setTransform(dpr, 0, 0, dpr, 0, 0), setTransform && this.setTransformForCurrent();
+      }
+      transform(a, b, c, d, e, f, setTransform = !0) {
+        this.matrix.multiply(a, b, c, d, e, f), setTransform && this.setTransformForCurrent();
+      }
+      transformFromMatrix(matrix, setTransform) {
+        this.matrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), setTransform && this.setTransformForCurrent();
+      }
+      translate(x, y, setTransform = !0) {
+        this.matrix.translate(x, y), setTransform && this.setTransformForCurrent();
+      }
+      rotateDegrees(deg, setTransform = !0) {
+        const rad = deg * Math.PI / 180;
+        this.rotate(rad, setTransform);
+      }
+      rotateAbout(rad, x, y, setTransform = !0) {
+        this.translate(x, y, !1), this.rotate(rad, !1), this.translate(-x, -y, !1), setTransform && this.setTransformForCurrent();
+      }
+      rotateDegreesAbout(deg, x, y, setTransform = !0) {
+        this.translate(x, y, !1), this.rotateDegrees(deg, !1), this.translate(-x, -y, !1), setTransform && this.setTransformForCurrent();
+      }
+      beginPath() {
+        this.path.clear();
+      }
+      clip(path, fillRule) {}
+      arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+        this.path.arc(x, y, radius, startAngle, endAngle, anticlockwise);
+      }
+      arcTo(x1, y1, x2, y2, radiusX) {
+        this.path.arcTo(x1, y1, x2, y2, radiusX);
+      }
+      bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
+        this.path.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
+      }
+      closePath() {
+        this.path.closePath();
+      }
+      ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise) {}
+      lineTo(x, y) {
+        this.path.lineTo(x, y);
+      }
+      moveTo(x, y) {
+        this.path.moveTo(x, y);
+      }
+      quadraticCurveTo(cpx, cpy, x, y) {
+        this.path.quadraticCurveTo(cpx, cpy, x, y);
+      }
+      rect(x, y, w, h) {
+        this.path.rect(x, y, w, h);
+      }
+      createImageData(imageDataOrSw, sh) {
+        return null;
+      }
+      createLinearGradient(x0, y0, x1, y1) {
+        throw new Error("不支持createLinearGradient");
+      }
+      createPattern(image, repetition) {
+        throw new Error("不支持createPattern");
+      }
+      createRadialGradient(x0, y0, r0, x1, y1, r1) {
+        throw new Error("不支持createRadialGradient");
+      }
+      createConicGradient(x, y, startAngle, endAngle) {
+        return null;
+      }
+      fill(path, fillRule) {}
+      fillRect(x, y, width, height) {
+        this.path.rect(x, y, width, height);
+      }
+      clearRect(x, y, w, h) {}
+      fillText(text, x, y) {}
+      getImageData(sx, sy, sw, sh) {
+        return null;
+      }
+      getLineDash() {
+        return [];
+      }
+      isPointInPath(x, y) {
+        return this.matrix.transformPoint({
+          x: x,
+          y: y
+        }, globalPoint), contain(this.path.commandList, globalPoint.x, globalPoint.y);
+      }
+      isPointInStroke(x, y) {
+        if (!this.lineWidth) return !1;
+        this.matrix.transformPoint({
+          x: x,
+          y: y
+        }, globalPoint);
+        const lineWidth = getScaledStroke(this, this.lineWidth, this.dpr);
+        return containStroke(this.path.commandList, lineWidth, globalPoint.x, globalPoint.y);
+      }
+      measureText(text) {
+        throw new Error("不支持measureText");
+      }
+      putImageData(imagedata, dx, dy) {
+        throw new Error("不支持measureText");
+      }
+      setLineDash(segments) {}
+      stroke(path) {}
+      strokeRect(x, y, width, height) {
+        this.path.rect(x, y, width, height);
+      }
+      strokeText(text, x, y) {}
+      drawImage() {}
+      setCommonStyle(params, attribute, offsetX, offsetY, defaultParams) {}
+      _setCommonStyle(params, offsetX, offsetY, defaultParams) {}
+      setStrokeStyle(params, attribute, offsetX, offsetY, defaultParams) {}
+      _setStrokeStyle(params, offsetX, offsetY, defaultParams) {}
+      setTextStyleWithoutAlignBaseline(params, defaultParams) {}
+      setTextStyle(params, defaultParams) {}
+      draw() {}
+      clearMatrix(setTransform = !0, dpr = this.dpr) {
+        this.setTransformFromMatrix(initMatrix, setTransform, dpr);
+      }
+      setClearMatrix(a, b, c, d, e, f) {
+        this._clearMatrix.setValue(a, b, c, d, e, f);
+      }
+      onlyTranslate(dpr = this.dpr) {
+        return this.matrix.a === dpr && 0 === this.matrix.b && 0 === this.matrix.c && this.matrix.d === dpr;
+      }
+      release(...params) {
+        this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
+      }
+    };
+    EmptyContext2d = __decorate$j([injectable(), __metadata$f("design:paramtypes", [Object, Number])], EmptyContext2d);
 
     const _tempBounds = new AABBBounds(),
       tempMatrix = new Matrix();
@@ -7052,11 +6535,17 @@
       get globalTransMatrix() {
         return this.tryUpdateGlobalTransMatrix(!0);
       }
-      constructor() {
-        let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      constructor(params = {}) {
         var _a;
         super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), this.updateAABBBoundsStamp = 0, params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
       }
+      getGraphicService() {
+        var _a, _b;
+        return null !== (_b = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.graphicService) && void 0 !== _b ? _b : application.graphicService;
+      }
+      getAttributes() {
+        return this.attribute;
+      }
       setMode(mode) {
         "3d" === mode ? this.set3dMode() : this.set2dMode();
       }
@@ -7066,8 +6555,7 @@
       set2dMode() {
         this.in3dMode = !1;
       }
-      getOffsetXY(attr) {
-        let includeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      getOffsetXY(attr, includeScroll = !1) {
         var _a, _b;
         const {
           dx = attr.dx,
@@ -7086,9 +6574,9 @@
         const full = "imprecise" === this.attribute.boundsMode;
         if (!this.shouldUpdateAABBBounds()) return this._AABBBounds;
         if (!this.valid) return this._AABBBounds.clear(), this._AABBBounds;
-        application.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
+        this.getGraphicService().beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
         const bounds = this.doUpdateAABBBounds(full);
-        return application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
+        return this.getGraphicService().afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
       }
       tryUpdateOBBBounds() {
         if (this._OBBBounds || (this._OBBBounds = new OBBBounds()), this.tryUpdateAABBBounds(), this.updateOBBBoundsStamp === this.updateAABBBoundsStamp) return this._OBBBounds;
@@ -7178,7 +6666,7 @@
         const b = this.AABBBounds;
         return this._globalAABBBounds ? this._globalAABBBounds.setValue(b.x1, b.y1, b.x2, b.y2) : this._globalAABBBounds = b.clone(), this._globalAABBBounds.empty() || this.parent && this._globalAABBBounds.transformWithMatrix(this.parent.globalTransMatrix), this._globalAABBBounds;
       }
-      tryUpdateGlobalTransMatrix() {
+      tryUpdateGlobalTransMatrix(clearTag = !0) {
         if (this._globalTransMatrix) {
           if (this.parent) {
             const m = this.parent.globalTransMatrix;
@@ -7190,12 +6678,11 @@
       shouldUpdateGlobalMatrix() {
         return !0;
       }
-      tryUpdateLocalTransMatrix() {
-        let clearTag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      tryUpdateLocalTransMatrix(clearTag = !0) {
         return this._transMatrix || (this._transMatrix = new Matrix()), this.shouldUpdateLocalMatrix() && (this.doUpdateLocalMatrix(), clearTag && this.clearUpdateLocalPositionTag()), this._transMatrix;
       }
       shouldUpdateAABBBounds() {
-        return this.shadowRoot ? (!!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this) : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this);
+        return this.shadowRoot ? (!!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) && this.getGraphicService().validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this) : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) && this.getGraphicService().validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this);
       }
       shouldSelfChangeUpdateAABBBounds() {
         return this.shadowRoot ? !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS);
@@ -7231,14 +6718,17 @@
       setWidthHeightWithoutTransform(aabbBounds) {
         this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
       }
-      setAttributes(params) {
-        let forceUpdateTag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-        let context = arguments.length > 2 ? arguments[2] : undefined;
+      setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context) {
+        this.setAttributes(params, forceUpdateTag, context), this.animates && this.animates.forEach(animate => {
+          Object.keys(params).forEach(key => {
+            animate.preventAttr(key);
+          });
+        });
+      }
+      setAttributes(params, forceUpdateTag = !1, context) {
         (params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context);
       }
-      _setAttributes(params) {
-        let forceUpdateTag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-        let context = arguments.length > 2 ? arguments[2] : undefined;
+      _setAttributes(params, forceUpdateTag = !1, context) {
         const keys = Object.keys(params);
         for (let i = 0; i < keys.length; i++) {
           const key = keys[i];
@@ -7253,16 +6743,14 @@
         }, this.attribute, key, context);
         params ? this._setAttributes(params, forceUpdateTag, context) : isNil$1(null === (_a = this.normalAttrs) || void 0 === _a ? void 0 : _a[key]) ? (this.attribute[key] = value, this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.addUpdateLayoutTag(), this.onAttributeUpdate(context)) : this.normalAttrs[key] = value, "background" === key ? this.loadImage(value, !0) : "shadowGraphic" === key && this.setShadowGraphic(value);
       }
-      needUpdateTags(keys) {
-        let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GRAPHIC_UPDATE_TAG_KEY;
+      needUpdateTags(keys, k = GRAPHIC_UPDATE_TAG_KEY) {
         for (let i = 0; i < k.length; i++) {
           const attrKey = k[i];
           if (-1 !== keys.indexOf(attrKey)) return !0;
         }
         return !1;
       }
-      needUpdateTag(key) {
-        let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GRAPHIC_UPDATE_TAG_KEY;
+      needUpdateTag(key, k = GRAPHIC_UPDATE_TAG_KEY) {
         for (let i = 0; i < k.length; i++) {
           if (key === k[i]) return !0;
         }
@@ -7366,25 +6854,8 @@
       skewTo(b, c) {
         return this;
       }
-      animate(params) {
-        var _a;
-        this.animates || (this.animates = new Map());
-        const animate = new Animate(null == params ? void 0 : params.id, null !== (_a = null == params ? void 0 : params.timeline) && void 0 !== _a ? _a : this.stage && this.stage.getTimeline(), null == params ? void 0 : params.slience);
-        if (animate.bind(this), params) {
-          const {
-            onStart: onStart,
-            onFrame: onFrame,
-            onEnd: onEnd,
-            onRemove: onRemove
-          } = params;
-          null != onStart && animate.onStart(onStart), null != onFrame && animate.onFrame(onFrame), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove), animate.interpolateFunc = params.interpolate;
-        }
-        return this.animates.set(animate.id, animate), animate.onRemove(() => {
-          animate.stop(), this.animates.delete(animate.id);
-        }), animate;
-      }
       onAttributeUpdate(context) {
-        context && context.skipUpdateCallback || (application.graphicService.onAttributeUpdate(this), this._emitCustomEvent("afterAttributeUpdate", context));
+        context && context.skipUpdateCallback || (this.getGraphicService().onAttributeUpdate(this), this._emitCustomEvent("afterAttributeUpdate", context));
       }
       update(d) {
         d ? (d.bounds && this.tryUpdateAABBBounds(), d.trans && this.tryUpdateLocalTransMatrix()) : (this.tryUpdateAABBBounds(), this.tryUpdateLocalTransMatrix());
@@ -7397,7 +6868,7 @@
         return null === (_a = this.states) || void 0 === _a ? void 0 : _a[stateName];
       }
       applyStateAttrs(attrs, stateNames, hasAnimation, isClear) {
-        var _a, _b, _c, _d;
+        var _a, _b;
         if (hasAnimation) {
           const keys = Object.keys(attrs),
             noWorkAttrs = this.getNoWorkAnimateAttr(),
@@ -7406,13 +6877,22 @@
           keys.forEach(key => {
             noWorkAttrs[key] ? (noAnimateAttrs || (noAnimateAttrs = {}), noAnimateAttrs[key] = attrs[key]) : animateAttrs[key] = isClear && void 0 === attrs[key] ? this.getDefaultAttribute(key) : attrs[key];
           });
-          const animate = this.animate({
-            slience: !0
-          });
-          animate.stateNames = stateNames, animate.to(animateAttrs, null !== (_b = null === (_a = this.stateAnimateConfig) || void 0 === _a ? void 0 : _a.duration) && void 0 !== _b ? _b : DefaultStateAnimateConfig.duration, null !== (_d = null === (_c = this.stateAnimateConfig) || void 0 === _c ? void 0 : _c.easing) && void 0 !== _d ? _d : DefaultStateAnimateConfig.easing), noAnimateAttrs && this.setAttributes(noAnimateAttrs, !1, {
+          const stateAnimateConfig = null !== (_b = null !== (_a = this.context && this.context.stateAnimateConfig) && void 0 !== _a ? _a : this.stateAnimateConfig) && void 0 !== _b ? _b : DefaultStateAnimateConfig;
+          this.applyAnimationState(["state"], [{
+            name: "state",
+            animation: {
+              type: "state",
+              to: animateAttrs,
+              duration: stateAnimateConfig.duration,
+              easing: stateAnimateConfig.easing
+            }
+          }]), noAnimateAttrs && this.setAttributesAndPreventAnimate(noAnimateAttrs, !1, {
             type: AttributeUpdateType.STATE
           });
-        } else this.stopStateAnimates(), this.setAttributes(attrs, !1, {
+        } else this.stopStateAnimates(), this.setAttributesAndPreventAnimate(attrs, !1, {
+          type: AttributeUpdateType.STATE
+        });
+        this._emitCustomEvent("afterStateUpdate", {
           type: AttributeUpdateType.STATE
         });
       }
@@ -7426,20 +6906,15 @@
           newNormalAttrs[key] = this.getNormalAttribute(key);
         }), this.normalAttrs = newNormalAttrs;
       }
-      stopStateAnimates() {
-        let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "end";
+      stopStateAnimates(type = "end") {
         this.animates && this.animates.forEach(animate => {
           animate.stateNames && (animate.stop(type), this.animates.delete(animate.id));
         });
       }
       getNormalAttribute(key) {
-        let value = this.attribute[key];
-        return this.animates && this.animates.forEach(animate => {
-          if (animate.stateNames) {
-            const endProps = animate.getEndProps();
-            has$1(endProps, key) && (value = endProps[key]);
-          }
-        }), value;
+        var _a, _b;
+        const value = this.attribute[key];
+        return this.animates ? null === (_a = this.finalAttribute) || void 0 === _a ? void 0 : _a[key] : null != value ? value : null === (_b = this.finalAttribute) || void 0 === _b ? void 0 : _b[key];
       }
       clearStates(hasAnimation) {
         this.hasState() && this.normalAttrs ? (this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
@@ -7573,10 +7048,10 @@
           if (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this.animates && this.animates.size) {
             const timeline = stage.getTimeline();
             this.animates.forEach(a => {
-              a.timeline === defaultTimeline && a.setTimeline(timeline);
+              a.timeline.isGlobal && (a.setTimeline(timeline), timeline.addAnimate(a));
             });
           }
-          this._onSetStage && this._onSetStage(this, stage, layer), application.graphicService.onSetStage(this, stage);
+          this._onSetStage && this._onSetStage(this, stage, layer), this.getGraphicService().onSetStage(this, stage);
         }
       }
       setStageToShadowRoot(stage, layer) {
@@ -7588,80 +7063,6 @@
           type: AttributeUpdateType.ANIMATE_END
         });
       }
-      onStep(subAnimate, animate, step, ratio, end) {
-        const nextAttributes = {};
-        if (step.customAnimate) step.customAnimate.update(end, ratio, nextAttributes);else {
-          const nextProps = step.props,
-            nextParsedProps = step.parsedProps,
-            propKeys = step.propKeys;
-          this.stepInterpolate(subAnimate, animate, nextAttributes, step, ratio, end, nextProps, void 0, nextParsedProps, propKeys);
-        }
-        this.setAttributes(nextAttributes, !1, {
-          type: AttributeUpdateType.ANIMATE_UPDATE,
-          animationState: {
-            ratio: ratio,
-            end: end,
-            step: step,
-            isFirstFrameOfStep: subAnimate.getLastStep() !== step
-          }
-        }), this.stage && this.stage.renderNextFrame();
-      }
-      stepInterpolate(subAnimate, animate, nextAttributes, step, ratio, end, nextProps, lastProps, nextParsedProps, propKeys) {
-        propKeys || (propKeys = Object.keys(nextProps), step.propKeys = propKeys), end ? step.propKeys.forEach(key => {
-          animate.validAttr(key) && (nextAttributes[key] = nextProps[key]);
-        }) : propKeys.forEach(key => {
-          var _a;
-          if (!animate.validAttr(key)) return;
-          const nextStepVal = nextProps[key],
-            lastStepVal = null !== (_a = lastProps && lastProps[key]) && void 0 !== _a ? _a : subAnimate.getLastPropByName(key, step);
-          if (null == nextStepVal || null == lastStepVal || nextStepVal === lastStepVal) return void (nextAttributes[key] = nextStepVal);
-          let match;
-          match = animate.interpolateFunc && animate.interpolateFunc(key, ratio, lastStepVal, nextStepVal, nextAttributes), match || (match = animate.customInterpolate(key, ratio, lastStepVal, nextStepVal, this, nextAttributes), match || this.defaultInterpolate(nextStepVal, lastStepVal, key, nextAttributes, nextParsedProps, ratio) || this._interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes));
-        }), step.parsedProps = nextParsedProps;
-      }
-      defaultInterpolate(nextStepVal, lastStepVal, key, nextAttributes, nextParsedProps, ratio) {
-        if (Number.isFinite(nextStepVal) && Number.isFinite(lastStepVal)) return nextAttributes[key] = lastStepVal + (nextStepVal - lastStepVal) * ratio, !0;
-        if ("fill" === key) {
-          nextParsedProps || (nextParsedProps = {});
-          const fillColorArray = nextParsedProps.fillColorArray,
-            color = interpolateColor(lastStepVal, null != fillColorArray ? fillColorArray : nextStepVal, ratio, !1, (fArray, tArray) => {
-              nextParsedProps.fillColorArray = tArray;
-            });
-          return color && (nextAttributes[key] = color), !0;
-        }
-        if ("stroke" === key) {
-          nextParsedProps || (nextParsedProps = {});
-          const strokeColorArray = nextParsedProps.strokeColorArray,
-            color = interpolateColor(lastStepVal, null != strokeColorArray ? strokeColorArray : nextStepVal, ratio, !1, (fArray, tArray) => {
-              nextParsedProps.strokeColorArray = tArray;
-            });
-          return color && (nextAttributes[key] = color), !0;
-        }
-        if ("shadowColor" === key) {
-          nextParsedProps || (nextParsedProps = {});
-          const shadowColorArray = nextParsedProps.shadowColorArray,
-            color = interpolateColor(lastStepVal, null != shadowColorArray ? shadowColorArray : nextStepVal, ratio, !0, (fArray, tArray) => {
-              nextParsedProps.shadowColorArray = tArray;
-            });
-          return color && (nextAttributes[key] = color), !0;
-        }
-        if (Array.isArray(nextStepVal) && nextStepVal.length === lastStepVal.length) {
-          const nextList = [];
-          let valid = !0;
-          for (let i = 0; i < nextStepVal.length; i++) {
-            const v = lastStepVal[i],
-              val = v + (nextStepVal[i] - v) * ratio;
-            if (!Number.isFinite(val)) {
-              valid = !1;
-              break;
-            }
-            nextList.push(val);
-          }
-          valid && (nextAttributes[key] = nextList);
-        }
-        return !1;
-      }
-      _interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes) {}
       getDefaultAttribute(name) {
         return this.getGraphicTheme()[name];
       }
@@ -7669,8 +7070,7 @@
         var _a;
         return null !== (_a = this.attribute[name]) && void 0 !== _a ? _a : this.getDefaultAttribute(name);
       }
-      onSetStage(cb) {
-        let immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      onSetStage(cb, immediate = !1) {
         this._onSetStage = cb, immediate && this.stage && cb(this, this.stage);
       }
       attachShadow(shadowRoot) {
@@ -7691,8 +7091,7 @@
       createPathProxy(path) {
         return isString$1(path, !0) ? this.pathProxy = new CustomPath2D().fromString(path) : this.pathProxy = new CustomPath2D(), this.pathProxy;
       }
-      loadImage(image) {
-        let background = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      loadImage(image, background = !1) {
         if (!image || background && backgroundNotImage(image)) return;
         const url = image;
         this.resources || (this.resources = new Map());
@@ -7722,8 +7121,7 @@
           animate.stop();
         });
       }
-      stopAnimates() {
-        let stopChildren = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+      stopAnimates(stopChildren = !1) {
         this._stopAnimates(this.animates), this.shadowRoot && this.shadowRoot.stopAnimates(!0), this.isContainer && stopChildren && this.forEachChildren(c => {
           c.stopAnimates(stopChildren);
         });
@@ -7738,6 +7136,15 @@
           changeEvent.bubbles = !1, changeEvent.manager = null === (_b = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.eventSystem) || void 0 === _b ? void 0 : _b.manager, this.dispatchEvent(changeEvent);
         }
       }
+      toCustomPath() {
+        var _a, _b, _c;
+        const renderer = null === (_c = null === (_b = (null === (_a = this.stage) || void 0 === _a ? void 0 : _a.renderService) || application.renderService) || void 0 === _b ? void 0 : _b.drawContribution) || void 0 === _c ? void 0 : _c.getRenderContribution(this);
+        if (renderer) {
+          const context = new EmptyContext2d(null, 1);
+          return renderer.drawShape(this, context, 0, 0, {}, {}), context.path;
+        }
+        return null;
+      }
     }
     function backgroundNotImage(image) {
       return !(!image.fill && !image.stroke);
@@ -7790,10 +7197,10 @@
       }
       tryUpdateAABBBounds() {
         if (!this.shouldUpdateAABBBounds()) return this._AABBBounds;
-        application.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
+        this.getGraphicService().beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
         const selfChange = this.shouldSelfChangeUpdateAABBBounds(),
           bounds = this.doUpdateAABBBounds();
-        return this.addUpdateLayoutTag(), application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
+        return this.addUpdateLayoutTag(), this.getGraphicService().afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
       }
       doUpdateLocalMatrix() {
         const {
@@ -7854,16 +7261,15 @@
       }
       incrementalAppendChild(node) {
         const data = super.appendChild(node);
-        return this.stage && data && (data.stage = this.stage, data.layer = this.layer), this.addUpdateBoundTag(), application.graphicService.onAddIncremental(node, this, this.stage), data;
+        return this.stage && data && (data.stage = this.stage, data.layer = this.layer), this.addUpdateBoundTag(), this.getGraphicService().onAddIncremental(node, this, this.stage), data;
       }
       incrementalClearChild() {
-        super.removeAllChild(), this.addUpdateBoundTag(), application.graphicService.onClearIncremental(this, this.stage);
+        super.removeAllChild(), this.addUpdateBoundTag(), this.getGraphicService().onClearIncremental(this, this.stage);
       }
       _updateChildToStage(child) {
         return this.stage && child && child.setStage(this.stage, this.layer), this.addUpdateBoundTag(), child;
       }
-      appendChild(node) {
-        let addStage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+      appendChild(node, addStage = !0) {
         const data = super.appendChild(node);
         return addStage && this.stage && data && data.setStage(this.stage, this.layer), this.addUpdateBoundTag(), data;
       }
@@ -7878,16 +7284,15 @@
       }
       removeChild(child) {
         const data = super.removeChild(child);
-        return child.stage = null, application.graphicService.onRemove(child), this.addUpdateBoundTag(), data;
+        return child.stage = null, this.getGraphicService().onRemove(child), this.addUpdateBoundTag(), data;
       }
-      removeAllChild() {
-        let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+      removeAllChild(deep = !1) {
         this.forEachChildren(child => {
-          application.graphicService.onRemove(child), deep && child.isContainer && child.removeAllChild(deep);
+          this.getGraphicService().onRemove(child), deep && child.isContainer && child.removeAllChild(deep);
         }), super.removeAllChild(), this.addUpdateBoundTag();
       }
       setStage(stage, layer) {
-        this.stage !== stage && (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), application.graphicService.onSetStage(this, stage), this.forEachChildren(item => {
+        this.stage !== stage && (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), this.getGraphicService().onSetStage(this, stage), this.forEachChildren(item => {
           item.setStage(stage, this.layer);
         }));
       }
@@ -7901,8 +7306,7 @@
           g.isContainer && g.addUpdateGlobalPositionTag();
         });
       }
-      tryUpdateGlobalTransMatrix() {
-        let clearTag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      tryUpdateGlobalTransMatrix(clearTag = !0) {
         if (this.shouldUpdateGlobalMatrix()) {
           if (this._globalTransMatrix) {
             if (this.parent) {
@@ -7970,8 +7374,7 @@
     function textDrawOffsetX(textAlign, width) {
       return "end" === textAlign || "right" === textAlign ? -width : "center" === textAlign ? -width / 2 : 0;
     }
-    function textLayoutOffsetY(baseline, lineHeight, fontSize) {
-      let buf = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    function textLayoutOffsetY(baseline, lineHeight, fontSize, buf = 0) {
       return "middle" === baseline ? -lineHeight / 2 : "top" === baseline ? 0 : "bottom" === baseline ? buf - lineHeight : baseline && "alphabetic" !== baseline ? 0 : (fontSize || (fontSize = lineHeight), -(lineHeight - fontSize) / 2 - .79 * fontSize);
     }
     function textAttributesToStyle(attrs) {
@@ -7985,143 +7388,6 @@
       }), isValid$1(attrs.maxLineWidth) && (style["max-width"] = parsePxValue(attrs.maxLineWidth)), attrs.underline ? style["text-decoration"] = "underline" : attrs.lineThrough && (style["text-decoration"] = "line-through"), attrs.fill && isString$1(attrs.fill) && (style.color = attrs.fill), style;
     }
 
-    function identityMat4(out) {
-      return out[0] = 1, out[1] = 0, out[2] = 0, out[3] = 0, out[4] = 0, out[5] = 1, out[6] = 0, out[7] = 0, out[8] = 0, out[9] = 0, out[10] = 1, out[11] = 0, out[12] = 0, out[13] = 0, out[14] = 0, out[15] = 1, out;
-    }
-    function rotateX(out, a, rad) {
-      const s = Math.sin(rad),
-        c = Math.cos(rad),
-        a10 = a[4],
-        a11 = a[5],
-        a12 = a[6],
-        a13 = a[7],
-        a20 = a[8],
-        a21 = a[9],
-        a22 = a[10],
-        a23 = a[11];
-      return a !== out && (out[0] = a[0], out[1] = a[1], out[2] = a[2], out[3] = a[3], out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15]), out[4] = a10 * c + a20 * s, out[5] = a11 * c + a21 * s, out[6] = a12 * c + a22 * s, out[7] = a13 * c + a23 * s, out[8] = a20 * c - a10 * s, out[9] = a21 * c - a11 * s, out[10] = a22 * c - a12 * s, out[11] = a23 * c - a13 * s, out;
-    }
-    function rotateY(out, a, rad) {
-      const s = Math.sin(rad),
-        c = Math.cos(rad),
-        a00 = a[0],
-        a01 = a[1],
-        a02 = a[2],
-        a03 = a[3],
-        a20 = a[8],
-        a21 = a[9],
-        a22 = a[10],
-        a23 = a[11];
-      return a !== out && (out[4] = a[4], out[5] = a[5], out[6] = a[6], out[7] = a[7], out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15]), out[0] = a00 * c - a20 * s, out[1] = a01 * c - a21 * s, out[2] = a02 * c - a22 * s, out[3] = a03 * c - a23 * s, out[8] = a00 * s + a20 * c, out[9] = a01 * s + a21 * c, out[10] = a02 * s + a22 * c, out[11] = a03 * s + a23 * c, out;
-    }
-    function rotateZ(out, a, rad) {
-      const s = Math.sin(rad),
-        c = Math.cos(rad),
-        a00 = a[0],
-        a01 = a[1],
-        a02 = a[2],
-        a03 = a[3],
-        a10 = a[4],
-        a11 = a[5],
-        a12 = a[6],
-        a13 = a[7];
-      return a !== out && (out[8] = a[8], out[9] = a[9], out[10] = a[10], out[11] = a[11], out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15]), out[0] = a00 * c + a10 * s, out[1] = a01 * c + a11 * s, out[2] = a02 * c + a12 * s, out[3] = a03 * c + a13 * s, out[4] = a10 * c - a00 * s, out[5] = a11 * c - a01 * s, out[6] = a12 * c - a02 * s, out[7] = a13 * c - a03 * s, out;
-    }
-    function translate(out, a, v) {
-      const x = v[0],
-        y = v[1],
-        z = v[2];
-      let a00, a01, a02, a03, a10, a11, a12, a13, a20, a21, a22, a23;
-      return a === out ? (out[12] = a[0] * x + a[4] * y + a[8] * z + a[12], out[13] = a[1] * x + a[5] * y + a[9] * z + a[13], out[14] = a[2] * x + a[6] * y + a[10] * z + a[14], out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]) : (a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11], out[0] = a00, out[1] = a01, out[2] = a02, out[3] = a03, out[4] = a10, out[5] = a11, out[6] = a12, out[7] = a13, out[8] = a20, out[9] = a21, out[10] = a22, out[11] = a23, out[12] = a00 * x + a10 * y + a20 * z + a[12], out[13] = a01 * x + a11 * y + a21 * z + a[13], out[14] = a02 * x + a12 * y + a22 * z + a[14], out[15] = a03 * x + a13 * y + a23 * z + a[15]), out;
-    }
-    function scaleMat4(out, a, v) {
-      const x = v[0],
-        y = v[1],
-        z = v[2];
-      return out[0] = a[0] * x, out[1] = a[1] * x, out[2] = a[2] * x, out[3] = a[3] * x, out[4] = a[4] * y, out[5] = a[5] * y, out[6] = a[6] * y, out[7] = a[7] * y, out[8] = a[8] * z, out[9] = a[9] * z, out[10] = a[10] * z, out[11] = a[11] * z, out[12] = a[12], out[13] = a[13], out[14] = a[14], out[15] = a[15], out;
-    }
-    function multiplyMat4Mat4(out, a, b) {
-      const a00 = a[0],
-        a01 = a[1],
-        a02 = a[2],
-        a03 = a[3],
-        a10 = a[4],
-        a11 = a[5],
-        a12 = a[6],
-        a13 = a[7],
-        a20 = a[8],
-        a21 = a[9],
-        a22 = a[10],
-        a23 = a[11],
-        a30 = a[12],
-        a31 = a[13],
-        a32 = a[14],
-        a33 = a[15];
-      let b0 = b[0],
-        b1 = b[1],
-        b2 = b[2],
-        b3 = b[3];
-      return out[0] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[1] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[2] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[3] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, b0 = b[4], b1 = b[5], b2 = b[6], b3 = b[7], out[4] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[5] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[6] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[7] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, b0 = b[8], b1 = b[9], b2 = b[10], b3 = b[11], out[8] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[9] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[10] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[11] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, b0 = b[12], b1 = b[13], b2 = b[14], b3 = b[15], out[12] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30, out[13] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31, out[14] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32, out[15] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33, out;
-    }
-
-    function createMat4() {
-      return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
-    }
-    class DefaultMatrixAllocate {
-      constructor() {
-        this.pools = [];
-      }
-      allocate(a, b, c, d, e, f) {
-        if (!this.pools.length) return new Matrix(a, b, c, d, e, f);
-        const m = this.pools.pop();
-        return m.a = a, m.b = b, m.c = c, m.d = d, m.e = e, m.f = f, m;
-      }
-      allocateByObj(matrix) {
-        if (!this.pools.length) return new Matrix(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
-        const m = this.pools.pop();
-        return m.a = matrix.a, m.b = matrix.b, m.c = matrix.c, m.d = matrix.d, m.e = matrix.e, m.f = matrix.f, m;
-      }
-      free(d) {
-        this.pools.push(d);
-      }
-      get length() {
-        return this.pools.length;
-      }
-      release() {
-        this.pools = [];
-      }
-    }
-    class DefaultMat4Allocate {
-      constructor() {
-        this.pools = [];
-      }
-      static identity(out) {
-        return identityMat4(out);
-      }
-      allocate() {
-        if (!this.pools.length) return createMat4();
-        const m = this.pools.pop();
-        return DefaultMat4Allocate.identity(m), m;
-      }
-      allocateByObj(d) {
-        let m;
-        m = this.pools.length ? this.pools.pop() : createMat4();
-        for (let i = 0; i < m.length; i++) m[i] = d[i];
-        return m;
-      }
-      free(m) {
-        m && this.pools.push(m);
-      }
-      get length() {
-        return this.pools.length;
-      }
-      release() {
-        this.pools = [];
-      }
-    }
-    const matrixAllocate = new DefaultMatrixAllocate();
-    const mat4Allocate = new DefaultMat4Allocate();
-
     var __decorate$i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
@@ -8301,7 +7567,7 @@
         const {
           visible = theme.visible
         } = attribute;
-        return !(!graphic.valid || !visible) || (aabbBounds.empty() || (graphic.parent && aabbBounds.transformWithMatrix(graphic.parent.globalTransMatrix), application.graphicService.clearAABBBounds(graphic, graphic.stage, aabbBounds), aabbBounds.clear()), !1);
+        return !(!graphic.valid || !visible) || (aabbBounds.empty() || (graphic.parent && aabbBounds.transformWithMatrix(graphic.parent.globalTransMatrix), this.clearAABBBounds(graphic, graphic.stage, aabbBounds), aabbBounds.clear()), !1);
       }
       updateTempAABBBounds(aabbBounds) {
         const tb1 = this.tempAABBBounds1,
@@ -8345,10 +7611,7 @@
         } else bbox.yOffset = -bbox.height;
         return bbox;
       }
-      GetLayoutByLines(lines, textAlign, textBaseline, lineHeight) {
-        let suffix = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "";
-        let wordBreak = arguments.length > 5 ? arguments[5] : undefined;
-        let params = arguments.length > 6 ? arguments[6] : undefined;
+      GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = "", wordBreak, params) {
         const {
           lineWidth: lineWidth,
           suffixPosition = "end",
@@ -8471,11 +7734,10 @@
       get isMultiLine() {
         return Array.isArray(this.attribute.text) || "normal" === this.attribute.whiteSpace;
       }
-      constructor() {
-        let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          text: "",
-          fontSize: 16
-        };
+      constructor(params = {
+        text: "",
+        fontSize: 16
+      }) {
         super(params), this.type = "text", this.numberType = TEXT_NUMBER_TYPE, this.cache = {};
       }
       isValid() {
@@ -8807,12 +8069,10 @@
         var _a;
         return null !== (_a = calculateLineHeight(attribute.lineHeight, attribute.fontSize || textTheme.fontSize)) && void 0 !== _a ? _a : (attribute.fontSize || textTheme.fontSize) + buf;
       }
-      needUpdateTags(keys) {
-        let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TEXT_UPDATE_TAG_KEY;
+      needUpdateTags(keys, k = TEXT_UPDATE_TAG_KEY) {
         return super.needUpdateTags(keys, k);
       }
-      needUpdateTag(key) {
-        let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TEXT_UPDATE_TAG_KEY;
+      needUpdateTag(key, k = TEXT_UPDATE_TAG_KEY) {
         return super.needUpdateTag(key, k);
       }
       _interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes) {
@@ -9015,19 +8275,15 @@
 
     const SYMBOL_UPDATE_TAG_KEY = ["symbolType", "size", ...GRAPHIC_UPDATE_TAG_KEY];
     let Symbol$2 = class Symbol extends Graphic {
-      constructor() {
-        let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          symbolType: "circle"
-        };
+      constructor(params = {
+        symbolType: "circle"
+      }) {
         super(params), this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
       }
       getParsedPath() {
         return this.shouldUpdateShape() && (this._parsedPath = this.doUpdateParsedPath(), this.clearUpdateShapeTag()), this._parsedPath;
       }
-      getParsedPath2D() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+      getParsedPath2D(x = 0, y = 0, size = 1) {
         let path = null;
         try {
           path = new Path2D();
@@ -9110,6 +8366,25 @@
       return new Symbol$2(attributes);
     }
 
+    const normalizeRectAttributes = attribute => {
+      if (!attribute) return {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      };
+      let width = isNil$1(attribute.width) ? attribute.x1 - attribute.x : attribute.width,
+        height = isNil$1(attribute.height) ? attribute.y1 - attribute.y : attribute.height,
+        x = 0,
+        y = 0;
+      return width < 0 ? (x = width, width = -width) : Number.isNaN(width) && (width = 0), height < 0 ? (y = height, height = -height) : Number.isNaN(height) && (height = 0), {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+      };
+    };
+
     const RECT_UPDATE_TAG_KEY = ["width", "x1", "y1", "height", "cornerRadius", ...GRAPHIC_UPDATE_TAG_KEY];
     let Rect$1 = class Rect extends Graphic {
       constructor(params) {
@@ -9151,15 +8426,16 @@
         return super.needUpdateTag(key, RECT_UPDATE_TAG_KEY);
       }
       toCustomPath() {
+        let path = super.toCustomPath();
+        if (path) return path;
         const attribute = this.attribute,
           {
             x: x,
             y: y,
             width: width,
             height: height
-          } = normalizeRectAttributes(attribute),
-          path = new CustomPath2D();
-        return path.moveTo(x, y), path.rect(x, y, width, height), path;
+          } = normalizeRectAttributes(attribute);
+        return path = new CustomPath2D(), path.moveTo(x, y), path.rect(x, y, width, height), path;
       }
       clone() {
         return new Rect(Object.assign({}, this.attribute));
@@ -9410,7 +8686,7 @@
         const {
           lineWidth = 1
         } = this.character;
-        if (this.character.stroke && lineWidth && ctx.strokeText(text, left, baseline + this.dy), this.character.fill && ctx.fillText(text, left, baseline + this.dy), this.character.fill) if (this.character.lineThrough || this.character.underline) {
+        if (this.character.stroke && lineWidth && ctx.strokeText(text, left + this.dx, baseline + this.dy), this.character.fill && ctx.fillText(text, left + this.dx, baseline + this.dy), this.character.fill) if (this.character.lineThrough || this.character.underline) {
           if (this.character.underline) {
             const top = 1 + baseline,
               lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
@@ -9740,8 +9016,7 @@
           line = new Line$1(this.frame.left, this[this.directionKey.width], this.y + maxAscent, maxAscent, maxDescent, this.lineBuffer, this.direction, "horizontal" === this.direction ? this.frame.isWidthMax : this.frame.isHeightMax);
         this.frame.lines.push(line), this.frame.actualHeight += line.height, this.y += line.height, this.lineBuffer.length = 0, this.lineWidth = this.maxAscent = this.maxDescent = this.maxAscentForBlank = this.maxDescentForBlank = 0;
       }
-      deal(paragraph) {
-        let singleLine = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      deal(paragraph, singleLine = !1) {
         paragraph instanceof RichTextIcon ? "horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : 0 === this.lineBuffer.length ? (this.store(paragraph), this.send()) : (this.send(), this.deal(paragraph)) : "number" != typeof this.width || this.width < 0 || (paragraph.newLine && this.send(), (0 !== paragraph.text.length || this.newLine) && ("horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : this.lineWidth === this[this.directionKey.width] ? (this.send(), this.deal(paragraph)) : this.cut(paragraph, singleLine)));
       }
       cut(paragraph, singleLine) {
@@ -10278,6 +9553,8 @@
       }
       toCustomPath() {
         var _a, _b, _c, _d;
+        let path = super.toCustomPath();
+        if (path) return path;
         const attribute = this.attribute,
           {
             startAngle: startAngle,
@@ -10291,8 +9568,7 @@
           const temp = outerRadius;
           outerRadius = innerRadius, innerRadius = temp;
         }
-        const path = new CustomPath2D();
-        if (outerRadius <= epsilon) path.moveTo(0, 0);else if (deltaAngle >= pi2 - epsilon) path.moveTo(0 + outerRadius * cos(startAngle), 0 + outerRadius * sin(startAngle)), path.arc(0, 0, outerRadius, startAngle, endAngle, !clockwise), innerRadius > epsilon && (path.moveTo(0 + innerRadius * cos(endAngle), 0 + innerRadius * sin(endAngle)), path.arc(0, 0, innerRadius, endAngle, startAngle, clockwise));else {
+        if (path = new CustomPath2D(), outerRadius <= epsilon) path.moveTo(0, 0);else if (deltaAngle >= pi2 - epsilon) path.moveTo(0 + outerRadius * cos(startAngle), 0 + outerRadius * sin(startAngle)), path.arc(0, 0, outerRadius, startAngle, endAngle, !clockwise), innerRadius > epsilon && (path.moveTo(0 + innerRadius * cos(endAngle), 0 + innerRadius * sin(endAngle)), path.arc(0, 0, innerRadius, endAngle, startAngle, clockwise));else {
           const xors = outerRadius * cos(startAngle),
             yors = outerRadius * sin(startAngle),
             xire = innerRadius * cos(endAngle),
@@ -10685,9 +9961,7 @@
     const defaultBaseTextureRenderContribution = new DefaultBaseTextureRenderContribution();
 
     const halfPi = pi / 2;
-    function createRectPath(path, x, y, width, height, rectCornerRadius) {
-      let roundCorner = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !0;
-      let edgeCb = arguments.length > 7 ? arguments[7] : undefined;
+    function createRectPath(path, x, y, width, height, rectCornerRadius, roundCorner = !0, edgeCb) {
       let cornerRadius;
       if (Array.isArray(roundCorner) && (edgeCb = roundCorner, roundCorner = !0), width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), isNumber$1(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius = abs(rectCornerRadius), rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
         const cornerRadiusArr = rectCornerRadius;
@@ -11008,8 +10282,7 @@
           doStroke: doStroke
         };
       }
-      transform(graphic, graphicAttribute, context) {
-        let use3dMatrixIn3dMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+      transform(graphic, graphicAttribute, context, use3dMatrixIn3dMode = !1) {
         const {
             x = graphicAttribute.x,
             y = graphicAttribute.y,
@@ -11077,7 +10350,7 @@
         const p = context.project(x, y, z);
         context.translate(p.x, p.y, !1), context.scale(scaleX, scaleY, !1), context.rotate(angle, !1), context.translate(-p.x, -p.y, !1), context.setTransformForCurrent();
       }
-      _draw(graphic, defaultAttr, computed3dMatrix, drawContext, params) {
+      _draw(graphic, defaultAttr, computed3dMatrix, drawContext, params, themeAttribute) {
         const {
           context: context
         } = drawContext;
@@ -11094,7 +10367,7 @@
             z: z,
             lastModelMatrix: lastModelMatrix
           } = data;
-        this.z = z, this.drawPathProxy(graphic, context, x, y, drawContext, params) || (this.drawShape(graphic, context, x, y, drawContext, params), this.z = 0, context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix), context.highPerformanceRestore();
+        this.z = z, this.drawPathProxy(graphic, context, x, y, drawContext, params) || (this.drawShape(graphic, context, x, y, drawContext, params, null, null, themeAttribute), this.z = 0, context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix), context.highPerformanceRestore();
       }
     }
 
@@ -11117,26 +10390,25 @@
       constructor(graphicRenderContributions) {
         super(), this.graphicRenderContributions = graphicRenderContributions, this.type = "rect", this.numberType = RECT_NUMBER_TYPE, this.builtinContributions = [defaultRectRenderContribution, defaultRectBackgroundRenderContribution, defaultRectTextureRenderContribution], this.init(graphicRenderContributions);
       }
-      drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
-        var _a;
-        const rectAttribute = null !== (_a = this.tempTheme) && void 0 !== _a ? _a : getTheme(rect, null == params ? void 0 : params.theme).rect,
-          {
-            fill = rectAttribute.fill,
-            background: background,
-            stroke = rectAttribute.stroke,
-            cornerRadius = rectAttribute.cornerRadius,
-            cornerType = rectAttribute.cornerType,
-            opacity = rectAttribute.opacity,
-            fillOpacity = rectAttribute.fillOpacity,
-            lineWidth = rectAttribute.lineWidth,
-            strokeOpacity = rectAttribute.strokeOpacity,
-            visible = rectAttribute.visible,
-            x1: x1,
-            y1: y1,
-            x: originX = rectAttribute.x,
-            y: originY = rectAttribute.y,
-            fillStrokeOrder = rectAttribute.fillStrokeOrder
-          } = rect.attribute;
+      drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb, rectAttribute) {
+        rectAttribute = null != rectAttribute ? rectAttribute : getTheme(rect, null == params ? void 0 : params.theme).rect;
+        const {
+          fill = rectAttribute.fill,
+          background: background,
+          stroke = rectAttribute.stroke,
+          cornerRadius = rectAttribute.cornerRadius,
+          cornerType = rectAttribute.cornerType,
+          opacity = rectAttribute.opacity,
+          fillOpacity = rectAttribute.fillOpacity,
+          lineWidth = rectAttribute.lineWidth,
+          strokeOpacity = rectAttribute.strokeOpacity,
+          visible = rectAttribute.visible,
+          x1: x1,
+          y1: y1,
+          x: originX = rectAttribute.x,
+          y: originY = rectAttribute.y,
+          fillStrokeOrder = rectAttribute.fillStrokeOrder
+        } = rect.attribute;
         let {
           width: width,
           height: height
@@ -11154,18 +10426,17 @@
           doFill: doFill,
           doStroke: doStroke
         };
-        context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), this.beforeRenderStep(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb, doFillOrStroke);
-        const _runFill = () => {
-            doFillOrStroke.doFill && (fillCb ? fillCb(context, rect.attribute, rectAttribute) : fVisible && (context.setCommonStyle(rect, rect.attribute, originX - x, originY - y, rectAttribute), context.fill()));
-          },
-          _runStroke = () => {
-            doFillOrStroke.doStroke && (strokeCb ? strokeCb(context, rect.attribute, rectAttribute) : sVisible && (context.setStrokeStyle(rect, rect.attribute, originX - x, originY - y, rectAttribute), context.stroke()));
-          };
-        fillStrokeOrder ? (_runStroke(), _runFill()) : (_runFill(), _runStroke()), this.afterRenderStep(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+        context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), this.beforeRenderStep(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb, doFillOrStroke), fillStrokeOrder ? (this._runStroke(rect, context, x, y, rectAttribute, doFillOrStroke, sVisible, originX, originY, strokeCb), this._runFill(rect, context, x, y, rectAttribute, doFillOrStroke, fVisible, originX, originY, fillCb)) : (this._runFill(rect, context, x, y, rectAttribute, doFillOrStroke, fVisible, originX, originY, fillCb), this._runStroke(rect, context, x, y, rectAttribute, doFillOrStroke, sVisible, originX, originY, strokeCb)), this.afterRenderStep(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+      }
+      _runFill(rect, context, x, y, rectAttribute, doFillOrStroke, fVisible, originX, originY, fillCb) {
+        doFillOrStroke.doFill && (fillCb ? fillCb(context, rect.attribute, rectAttribute) : fVisible && (context.setCommonStyle(rect, rect.attribute, originX - x, originY - y, rectAttribute), context.fill()));
+      }
+      _runStroke(rect, context, x, y, rectAttribute, doFillOrStroke, sVisible, originX, originY, strokeCb) {
+        doFillOrStroke.doStroke && (strokeCb ? strokeCb(context, rect.attribute, rectAttribute) : sVisible && (context.setStrokeStyle(rect, rect.attribute, originX - x, originY - y, rectAttribute), context.stroke()));
       }
       draw(rect, renderService, drawContext, params) {
         const rectAttribute = getTheme(rect, null == params ? void 0 : params.theme).rect;
-        this.tempTheme = rectAttribute, this._draw(rect, rectAttribute, !1, drawContext, params), this.tempTheme = null;
+        this._draw(rect, rectAttribute, !1, drawContext, params, rectAttribute);
       }
     };
     DefaultCanvasRectRender = __decorate$f([injectable(), __param$a(0, inject(ContributionProvider)), __param$a(0, named(RectRenderContribution)), __metadata$c("design:paramtypes", [Object])], DefaultCanvasRectRender);
@@ -11189,10 +10460,10 @@
       constructor(graphicRenderContributions) {
         super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = SYMBOL_NUMBER_TYPE, this.builtinContributions = [defaultSymbolRenderContribution, defaultSymbolBackgroundRenderContribution, defaultSymbolTextureRenderContribution, defaultSymbolClipRangeStrokeRenderContribution], this.init(graphicRenderContributions);
       }
-      drawShape(symbol, context, x, y, drawContext, params, fillCb, strokeCb) {
+      drawShape(symbol, context, x, y, drawContext, params, fillCb, strokeCb, symbolAttribute) {
         var _a;
-        const symbolAttribute = getTheme(symbol, null == params ? void 0 : params.theme).symbol,
-          {
+        symbolAttribute = null != symbolAttribute ? symbolAttribute : getTheme(symbol, null == params ? void 0 : params.theme).symbol;
+        const {
             size = symbolAttribute.size,
             x: originX = symbolAttribute.x,
             y: originY = symbolAttribute.y,
@@ -11237,14 +10508,13 @@
               a.stroke && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : sVisible && clipRange >= 1 && (context.setStrokeStyle(symbol, a, (originX - x) / scaleX, (originY - y) / scaleY, symbolAttribute), context.stroke()));
             };
           fillStrokeOrder ? (_runStroke(), _runFill()) : (_runFill(), _runStroke());
-        }) && context.closePath(), context.camera = camera, context.setShadowBlendStyle && context.setShadowBlendStyle(symbol, symbol.attribute, symbolAttribute), this.beforeRenderStep(symbol, context, x, y, doFill, doStroke, fVisible, sVisible, symbolAttribute, drawContext, fillCb, strokeCb);
-        const _runFill = () => {
-            doFill && !parsedPath.isSvg && (fillCb ? fillCb(context, symbol.attribute, symbolAttribute) : fVisible && (context.setCommonStyle(symbol, symbol.attribute, originX - x, originY - y, symbolAttribute), context.fill()));
-          },
-          _runStroke = () => {
-            doStroke && !parsedPath.isSvg && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : sVisible && clipRange >= 1 && (context.setStrokeStyle(symbol, symbol.attribute, (originX - x) / scaleX, (originY - y) / scaleY, symbolAttribute), context.stroke()));
-          };
-        fillStrokeOrder ? (_runStroke(), _runFill()) : (_runFill(), _runStroke()), this.afterRenderStep(symbol, context, x, y, doFill, doStroke, fVisible, sVisible, symbolAttribute, drawContext, fillCb, strokeCb);
+        }) && context.closePath(), context.camera = camera, context.setShadowBlendStyle && context.setShadowBlendStyle(symbol, symbol.attribute, symbolAttribute), this.beforeRenderStep(symbol, context, x, y, doFill, doStroke, fVisible, sVisible, symbolAttribute, drawContext, fillCb, strokeCb), fillStrokeOrder ? (this._runStroke(symbol, context, x, y, symbolAttribute, doStroke, sVisible, originX, originY, parsedPath, clipRange, scaleX, scaleY, strokeCb), this._runFill(symbol, context, x, y, symbolAttribute, doFill, fVisible, originX, originY, parsedPath, fillCb)) : (this._runFill(symbol, context, x, y, symbolAttribute, doFill, fVisible, originX, originY, parsedPath, fillCb), this._runStroke(symbol, context, x, y, symbolAttribute, doStroke, sVisible, originX, originY, parsedPath, clipRange, scaleX, scaleY, strokeCb)), this.afterRenderStep(symbol, context, x, y, doFill, doStroke, fVisible, sVisible, symbolAttribute, drawContext, fillCb, strokeCb);
+      }
+      _runFill(symbol, context, x, y, symbolAttribute, doFill, fVisible, originX, originY, parsedPath, fillCb) {
+        doFill && !parsedPath.isSvg && (fillCb ? fillCb(context, symbol.attribute, symbolAttribute) : fVisible && (context.setCommonStyle(symbol, symbol.attribute, originX - x, originY - y, symbolAttribute), context.fill()));
+      }
+      _runStroke(symbol, context, x, y, symbolAttribute, doStroke, sVisible, originX, originY, parsedPath, clipRange, scaleX, scaleY, strokeCb) {
+        doStroke && !parsedPath.isSvg && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : sVisible && clipRange >= 1 && (context.setStrokeStyle(symbol, symbol.attribute, (originX - x) / scaleX, (originY - y) / scaleY, symbolAttribute), context.stroke()));
       }
       draw(symbol, renderService, drawContext, params) {
         const symbolAttribute = getTheme(symbol, null == params ? void 0 : params.theme).symbol;
@@ -11274,7 +10544,7 @@
       get length() {
         return this.pools.length;
       }
-      release() {
+      release(...params) {
         this.pools = [];
       }
     }
@@ -11630,7 +10900,7 @@
         });
       };
     let BaseEnvContribution = class {
-      configure(service) {
+      configure(service, ...p) {
         service.env === this.type && service.setActiveEnvContribution(this);
       }
       getNativeAABBBounds(dom) {
@@ -11846,7 +11116,7 @@
         });
       }
       deactivate(context) {
-        context.stage.hooks.afterRender.taps = context.stage.hooks.afterRender.taps.filter(item => item.name !== this.key), application.graphicService.hooks.onRemove.unTap(this.key), application.graphicService.hooks.onRelease.unTap(this.key), this.release();
+        context.stage.hooks.afterRender.taps = context.stage.hooks.afterRender.taps.filter(item => item.name !== this.key), this.release();
       }
       getWrapContainer(stage, userContainer, domParams) {
         let nativeContainer;
@@ -12241,8 +11511,7 @@
         this.dom = dom;
       }
     }
-    function createImageElement(src) {
-      let isSvg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    function createImageElement(src, isSvg = !1) {
       const img = document.createElement("img");
       if (application.global.isImageAnonymous && (img.crossOrigin = "anonymous"), isSvg) {
         const data = new Blob([src], {
@@ -12389,7 +11658,7 @@
       getDocument() {
         return document;
       }
-      release() {}
+      release(...params) {}
       getElementTop(element, baseWindow) {
         let actualTop = element.offsetTop,
           current = element.offsetParent;
@@ -12923,8 +12192,7 @@
       [StateValue.hoverReverse]: {}
     });
 
-    function measureTextSize(text, textSpec) {
-      let defaultTextTheme = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    function measureTextSize(text, textSpec, defaultTextTheme = {}) {
       if (!text) return {
         width: 0,
         height: 0
@@ -12945,12 +12213,10 @@
         height: bounds.height()
       };
     }
-    function isRichText(attributes) {
-      let typeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "type";
+    function isRichText(attributes, typeKey = "type") {
       return "rich" === getTextType(attributes, typeKey);
     }
-    function getTextType(attributes) {
-      let typeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "type";
+    function getTextType(attributes, typeKey = "type") {
       var _a, _b;
       return isObject$1(attributes.text) && "type" in attributes.text ? null !== (_a = attributes.text.type) && void 0 !== _a ? _a : "text" : typeKey in attributes && null !== (_b = attributes[typeKey]) && void 0 !== _b ? _b : "text";
     }
@@ -20509,7 +19775,7 @@
     const Checkbox = React.forwardRef(CheckboxComponent);
     Checkbox.displayName = 'Checkbox';
 
-    const version = "1.18.4";
+    const version = "1.19.0-alpha.0";
 
     Object.defineProperty(exports, 'register', {
         enumerable: true,