@visactor/react-vtable 1.17.7-alpha.1 → 1.17.7

package/dist/react-vtable.js

@@ -347,104 +347,64 @@
     var eventemitter3Exports = eventemitter3.exports;
     var EventEmitter = /*@__PURE__*/getDefaultExportFromCjs(eventemitter3Exports);
 
-    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");
-    };
-    var isBoolean$1 = isBoolean;
+    const isType$2 = (value, type) => Object.prototype.toString.call(value) === `[object ${type}]`;
+    var isType$3 = isType$2;
 
-    const isFunction = value => "function" == typeof value;
-    var isFunction$1 = isFunction;
+    const isFunction$2 = value => "function" == typeof value;
+    var isFunction$3 = isFunction$2;
 
-    const isNil = value => null == value;
-    var isNil$1 = isNil;
+    const isNil$2 = value => null == value;
+    var isNil$3 = isNil$2;
 
-    const isValid = value => null != value;
-    var isValid$1 = isValid;
+    const isValid$2 = value => null != value;
+    var isValid$3 = isValid$2;
 
-    const isObject = value => {
+    const isObject$2 = value => {
       const type = typeof value;
       return null !== value && "object" === type || "function" === type;
     };
-    var isObject$1 = isObject;
+    var isObject$3 = isObject$2;
 
-    const isObjectLike = value => "object" == typeof value && null !== value;
-    var isObjectLike$1 = isObjectLike;
+    const isObjectLike$2 = value => "object" == typeof value && null !== value;
+    var isObjectLike$3 = isObjectLike$2;
 
-    const isPlainObject = function (value) {
-      if (!isObjectLike$1(value) || !isType$1(value, "Object")) return !1;
+    const isPlainObject$2 = function (value) {
+      if (!isObjectLike$3(value) || !isType$3(value, "Object")) return !1;
       if (null === Object.getPrototypeOf(value)) return !0;
       let proto = value;
       for (; null !== Object.getPrototypeOf(proto);) proto = Object.getPrototypeOf(proto);
       return Object.getPrototypeOf(value) === proto;
     };
-    var isPlainObject$1 = isPlainObject;
+    var isPlainObject$3 = isPlainObject$2;
 
-    const isString = function (value) {
+    const isString$2 = function (value) {
       let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       const type = typeof value;
-      return fuzzy ? "string" === type : "string" === type || isType$1(value, "String");
+      return fuzzy ? "string" === type : "string" === type || isType$3(value, "String");
     };
-    var isString$1 = isString;
+    var isString$3 = isString$2;
 
-    const isArray = value => Array.isArray ? Array.isArray(value) : isType$1(value, "Array");
-    var isArray$1 = isArray;
+    const isArray$2 = value => Array.isArray ? Array.isArray(value) : isType$3(value, "Array");
+    var isArray$3 = isArray$2;
 
-    const isArrayLike = function (value) {
+    const isArrayLike$2 = function (value) {
       return null !== value && "function" != typeof value && Number.isFinite(value.length);
     };
-    var isArrayLike$1 = isArrayLike;
+    var isArrayLike$3 = isArrayLike$2;
 
-    const isNumber = function (value) {
+    const isNumber$2 = function (value) {
       let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       const type = typeof value;
-      return fuzzy ? "number" === type : "number" === type || isType$1(value, "Number");
+      return fuzzy ? "number" === type : "number" === type || isType$3(value, "Number");
     };
-    var isNumber$1 = isNumber;
-
-    const isValidNumber = value => isNumber$1(value) && Number.isFinite(value);
-    var isValidNumber$1 = isValidNumber;
-
-    const isValidUrl = value => new RegExp(/^(http(s)?:\/\/)\w+[^\s]+(\.[^\s]+){1,}$/).test(value);
-    var isValidUrl$1 = isValidUrl;
-
-    const isBase64 = value => new RegExp(/^data:image\/(?:gif|png|jpeg|bmp|webp|svg\+xml)(?:;charset=utf-8)?;base64,(?:[A-Za-z0-9]|[+/])+={0,2}/g).test(value);
-    var isBase64$1 = isBase64;
-
-    const getType = value => ({}).toString.call(value).replace(/^\[object /, "").replace(/]$/, "");
-    var getType$1 = getType;
-
-    const objectProto = Object.prototype,
-      isPrototype = function (value) {
-        const Ctor = value && value.constructor;
-        return value === ("function" == typeof Ctor && Ctor.prototype || objectProto);
-      };
-    var isPrototype$1 = isPrototype;
-
-    const hasOwnProperty$1 = 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;
-      return !0;
-    }
-
-    const hasOwnProperty = Object.prototype.hasOwnProperty,
-      has = (object, key) => null != object && hasOwnProperty.call(object, key);
-    var has$1 = has;
+    var isNumber$3 = isNumber$2;
 
-    function baseMerge(target, source) {
+    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;
       if (source) {
         if (target === source) return;
-        if (isValid$1(source) && "object" == typeof source) {
+        if (isValid$3(source) && "object" == typeof source) {
           const iterable = Object(source),
             props = [];
           for (const key in iterable) props.push(key);
@@ -454,51 +414,51 @@
             propIndex = -1;
           for (; length--;) {
             const key = props[++propIndex];
-            !isValid$1(iterable[key]) || "object" != typeof iterable[key] || skipTargetArray && isArray$1(target[key]) ? assignMergeValue(target, key, iterable[key]) : baseMergeDeep(target, source, key, shallowArray, skipTargetArray);
+            !isValid$3(iterable[key]) || "object" != typeof iterable[key] || skipTargetArray && isArray$3(target[key]) ? assignMergeValue$1(target, key, iterable[key]) : baseMergeDeep$1(target, source, key, shallowArray, skipTargetArray);
           }
         }
       }
     }
-    function baseMergeDeep(target, source, key) {
+    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;
       const objValue = target[key],
         srcValue = source[key];
       let newValue = source[key],
         isCommon = !0;
-      if (isArray$1(srcValue)) {
-        if (shallowArray) newValue = [];else if (isArray$1(objValue)) newValue = objValue;else if (isArrayLike$1(objValue)) {
+      if (isArray$3(srcValue)) {
+        if (shallowArray) newValue = [];else if (isArray$3(objValue)) newValue = objValue;else if (isArrayLike$3(objValue)) {
           newValue = new Array(objValue.length);
           let index = -1;
           const length = objValue.length;
           for (; ++index < length;) newValue[index] = objValue[index];
         }
-      } else isPlainObject$1(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
-      isCommon && baseMerge(newValue, srcValue, shallowArray, skipTargetArray), assignMergeValue(target, key, newValue);
+      } else isPlainObject$3(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+      isCommon && baseMerge$1(newValue, srcValue, shallowArray, skipTargetArray), assignMergeValue$1(target, key, newValue);
     }
-    function assignMergeValue(target, key, value) {
-      (void 0 !== value && !eq(target[key], value) || void 0 === value && !(key in target)) && (target[key] = value);
+    function assignMergeValue$1(target, key, value) {
+      (void 0 !== value && !eq$1(target[key], value) || void 0 === value && !(key in target)) && (target[key] = value);
     }
-    function eq(value, other) {
+    function eq$1(value, other) {
       return value === other || Number.isNaN(value) && Number.isNaN(other);
     }
-    function merge(target) {
+    function merge$1(target) {
       let sourceIndex = -1;
       const length = arguments.length <= 1 ? 0 : arguments.length - 1;
       for (; ++sourceIndex < length;) {
-        baseMerge(target, sourceIndex + 1 < 1 || arguments.length <= sourceIndex + 1 ? undefined : arguments[sourceIndex + 1], !0);
+        baseMerge$1(target, sourceIndex + 1 < 1 || arguments.length <= sourceIndex + 1 ? undefined : arguments[sourceIndex + 1], !0);
       }
       return target;
     }
 
     function pickWithout(obj, keys) {
-      if (!obj || !isPlainObject$1(obj)) return obj;
+      if (!obj || !isPlainObject$3(obj)) return obj;
       const result = {};
       return Object.keys(obj).forEach(k => {
         const v = obj[k];
         let match = !1;
         keys.forEach(itKey => {
-          (isString$1(itKey) && itKey === k || itKey instanceof RegExp && k.match(itKey)) && (match = !0);
+          (isString$3(itKey) && itKey === k || itKey instanceof RegExp && k.match(itKey)) && (match = !0);
         }), match || (result[k] = v);
       }), result;
     }
@@ -515,14 +475,14 @@
       if (null == a || null == b) return !1;
       if (Number.isNaN(a) && Number.isNaN(b)) return !0;
       if (objToString(a) !== objToString(b)) return !1;
-      if (isFunction$1(a)) return !!(null == options ? void 0 : options.skipFunction);
+      if (isFunction$3(a)) return !!(null == options ? void 0 : options.skipFunction);
       if ("object" != typeof a) return !1;
-      if (isArray$1(a)) {
+      if (isArray$3(a)) {
         if (a.length !== b.length) return !1;
         for (let i = a.length - 1; i >= 0; i--) if (!isEqual(a[i], b[i], options)) return !1;
         return !0;
       }
-      if (!isPlainObject$1(a)) return !1;
+      if (!isPlainObject$3(a)) return !1;
       const ka = objectKeys(a),
         kb = objectKeys(b);
       if (ka.length !== kb.length) return !1;
@@ -535,1900 +495,2127 @@
       return !0;
     }
 
-    function array(arr) {
-      return isValid$1(arr) ? isArray$1(arr) ? arr : [arr] : [];
-    }
-    function arrayEqual(a, b) {
-      if (!isArray$1(a) || !isArray$1(b)) return !1;
-      if (a.length !== b.length) return !1;
-      for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return !1;
-      return !0;
-    }
-
-    const hasConsole = "undefined" != typeof console;
-    function log(method, level, input) {
-      const args = [level].concat([].slice.call(input));
-      hasConsole && console[method].apply(console, args);
-    }
-    var LoggerLevel;
-    !function (LoggerLevel) {
-      LoggerLevel[LoggerLevel.None = 0] = "None", LoggerLevel[LoggerLevel.Error = 1] = "Error", LoggerLevel[LoggerLevel.Warn = 2] = "Warn", LoggerLevel[LoggerLevel.Info = 3] = "Info", LoggerLevel[LoggerLevel.Debug = 4] = "Debug";
-    }(LoggerLevel || (LoggerLevel = {}));
-    class Logger {
-      static getInstance(level, method) {
-        return Logger._instance && isNumber$1(level) ? Logger._instance.level(level) : Logger._instance || (Logger._instance = new Logger(level, method)), Logger._instance;
-      }
-      static setInstance(logger) {
-        return Logger._instance = logger;
-      }
-      static setInstanceLevel(level) {
-        Logger._instance ? Logger._instance.level(level) : Logger._instance = new Logger(level);
-      }
-      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;
-        this._onErrorHandler = [], this._level = level, this._method = method;
-      }
-      addErrorHandler(handler) {
-        this._onErrorHandler.find(h => h === handler) || this._onErrorHandler.push(handler);
-      }
-      removeErrorHandler(handler) {
-        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];
-        }
-        this._onErrorHandler.forEach(h => h(...args));
-      }
-      canLogInfo() {
-        return this._level >= LoggerLevel.Info;
-      }
-      canLogDebug() {
-        return this._level >= LoggerLevel.Debug;
-      }
-      canLogError() {
-        return this._level >= LoggerLevel.Error;
-      }
-      canLogWarn() {
-        return this._level >= LoggerLevel.Warn;
-      }
-      level(levelValue) {
-        return arguments.length ? (this._level = +levelValue, this) : this._level;
-      }
-      error() {
-        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];
-        }
-        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];
-        }
-        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];
-        }
-        return this._level >= LoggerLevel.Debug && log(this._method || "log", "DEBUG", args), this;
+    const calculateAnchorOfBounds$1 = (bounds, anchorType) => {
+      const {
+          x1: x1,
+          x2: x2,
+          y1: y1,
+          y2: y2
+        } = bounds,
+        rectWidth = Math.abs(x2 - x1),
+        rectHeight = Math.abs(y2 - y1);
+      let anchorX = (x1 + x2) / 2,
+        anchorY = (y1 + y2) / 2,
+        sx = 0,
+        sy = 0;
+      switch (anchorType) {
+        case "top":
+        case "inside-top":
+          sy = -.5;
+          break;
+        case "bottom":
+        case "inside-bottom":
+          sy = .5;
+          break;
+        case "left":
+        case "inside-left":
+          sx = -.5;
+          break;
+        case "right":
+        case "inside-right":
+          sx = .5;
+          break;
+        case "top-right":
+          sx = .5, sy = -.5;
+          break;
+        case "top-left":
+          sx = -.5, sy = -.5;
+          break;
+        case "bottom-right":
+          sx = .5, sy = .5;
+          break;
+        case "bottom-left":
+          sx = -.5, sy = .5;
       }
-    }
-    Logger._instance = null;
+      return anchorX += sx * rectWidth, anchorY += sy * rectHeight, {
+        x: anchorX,
+        y: anchorY
+      };
+    };
 
-    const clamp = function (input, min, max) {
-      return input < min ? min : input > max ? max : input;
+    const styleStringToObject$1 = function () {
+      let styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+      const res = {};
+      return styleStr.split(";").forEach(item => {
+        if (item) {
+          const arr = item.split(":");
+          if (2 === arr.length) {
+            const key = arr[0].trim(),
+              value = arr[1].trim();
+            key && value && (res[key] = value);
+          }
+        }
+      }), res;
     };
-    var clamp$1 = clamp;
 
-    const epsilon = 1e-12;
-    const pi = Math.PI;
-    const halfPi$1 = pi / 2;
-    const tau = 2 * pi;
-    const pi2 = 2 * Math.PI;
-    const abs = Math.abs;
-    const atan2 = Math.atan2;
-    const cos = Math.cos;
-    const max = Math.max;
-    const min = Math.min;
-    const sin = Math.sin;
-    const sqrt = Math.sqrt;
-    const pow = Math.pow;
-    function asin(x) {
-      return x >= 1 ? halfPi$1 : x <= -1 ? -halfPi$1 : Math.asin(x);
-    }
+    var reactIs = {exports: {}};
 
-    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;
-        this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
-      }
-      clone() {
-        return new Point(this.x, this.y);
-      }
-      copyFrom(p) {
-        return this.x = p.x, this.y = p.y, this.x1 = p.x1, this.y1 = p.y1, this.defined = p.defined, this.context = p.context, this;
-      }
-      set(x, y) {
-        return this.x = x, this.y = y, this;
-      }
-      add(point) {
-        return isNumber$1(point) ? (this.x += point, void (this.y += point)) : (this.x += point.x, this.y += point.y, this);
-      }
-      sub(point) {
-        return isNumber$1(point) ? (this.x -= point, void (this.y -= point)) : (this.x -= point.x, this.y -= point.y, this);
-      }
-      multi(point) {
-        throw new Error("暂不支持");
-      }
-      div(point) {
-        throw new Error("暂不支持");
-      }
-    }
-    class PointService {
-      static distancePP(p1, p2) {
-        return sqrt(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
-      }
-      static distanceNN(x, y, x1, y1) {
-        return sqrt(pow(x - x1, 2) + pow(y - y1, 2));
-      }
-      static distancePN(point, x, y) {
-        return sqrt(pow(x - point.x, 2) + pow(y - point.y, 2));
-      }
-      static pointAtPP(p1, p2, t) {
-        return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
-      }
-    }
-
-    function degreeToRadian(degree) {
-      return degree * (Math.PI / 180);
-    }
-    function radianToDegree(radian) {
-      return 180 * radian / Math.PI;
-    }
-    const clampRadian = function () {
-      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      if (angle < 0) for (; angle < -tau;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
-      return angle;
-    };
-    const clampAngleByRadian = clampRadian;
+    var reactIs_production_min = {};
 
-    var InnerBBox;
-    !function (InnerBBox) {
-      InnerBBox[InnerBBox.NONE = 0] = "NONE", InnerBBox[InnerBBox.BBOX1 = 1] = "BBOX1", InnerBBox[InnerBBox.BBOX2 = 2] = "BBOX2";
-    }(InnerBBox || (InnerBBox = {}));
-    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
+    /**
+     * @license React
+     * react-is.production.min.js
+     *
+     * Copyright (c) Facebook, Inc. and its affiliates.
+     *
+     * This source code is licensed under the MIT license found in the
+     * LICENSE file in the root directory of this source tree.
+     */
+    var hasRequiredReactIs_production_min;
+    function requireReactIs_production_min() {
+      if (hasRequiredReactIs_production_min) return reactIs_production_min;
+      hasRequiredReactIs_production_min = 1;
+      var b = Symbol.for("react.element"),
+        c = Symbol.for("react.portal"),
+        d = Symbol.for("react.fragment"),
+        e = Symbol.for("react.strict_mode"),
+        f = Symbol.for("react.profiler"),
+        g = Symbol.for("react.provider"),
+        h = Symbol.for("react.context"),
+        k = Symbol.for("react.server_context"),
+        l = Symbol.for("react.forward_ref"),
+        m = Symbol.for("react.suspense"),
+        n = Symbol.for("react.suspense_list"),
+        p = Symbol.for("react.memo"),
+        q = Symbol.for("react.lazy"),
+        t = Symbol.for("react.offscreen"),
+        u;
+      u = Symbol.for("react.module.reference");
+      function v(a) {
+        if ("object" === typeof a && null !== a) {
+          var r = a.$$typeof;
+          switch (r) {
+            case b:
+              switch (a = a.type, a) {
+                case d:
+                case f:
+                case e:
+                case m:
+                case n:
+                  return a;
+                default:
+                  switch (a = a && a.$$typeof, a) {
+                    case k:
+                    case h:
+                    case l:
+                    case q:
+                    case p:
+                    case g:
+                      return a;
+                    default:
+                      return r;
+                  }
+              }
+            case c:
+              return r;
+          }
+        }
+      }
+      reactIs_production_min.ContextConsumer = h;
+      reactIs_production_min.ContextProvider = g;
+      reactIs_production_min.Element = b;
+      reactIs_production_min.ForwardRef = l;
+      reactIs_production_min.Fragment = d;
+      reactIs_production_min.Lazy = q;
+      reactIs_production_min.Memo = p;
+      reactIs_production_min.Portal = c;
+      reactIs_production_min.Profiler = f;
+      reactIs_production_min.StrictMode = e;
+      reactIs_production_min.Suspense = m;
+      reactIs_production_min.SuspenseList = n;
+      reactIs_production_min.isAsyncMode = function () {
+        return !1;
       };
-      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
+      reactIs_production_min.isConcurrentMode = function () {
+        return !1;
       };
-    }
-    function getCenterPoint(box) {
-      return {
-        x: (box.x1 + box.x2) / 2,
-        y: (box.y1 + box.y2) / 2
+      reactIs_production_min.isContextConsumer = function (a) {
+        return v(a) === h;
       };
-    }
-    function toRect(box, isDeg) {
-      const deg = isDeg ? degreeToRadian(box.angle) : box.angle,
-        cp = getCenterPoint(box);
-      return [rotatePoint({
-        x: box.x1,
-        y: box.y1
-      }, deg, cp), rotatePoint({
-        x: box.x2,
-        y: box.y1
-      }, deg, cp), rotatePoint({
-        x: box.x2,
-        y: box.y2
-      }, deg, cp), rotatePoint({
-        x: box.x1,
-        y: box.y2
-      }, deg, cp)];
-    }
-    function isRotateAABBIntersect(box1, box2) {
-      let isDeg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      const rect1 = toRect(box1, isDeg),
-        rect2 = toRect(box2, isDeg),
-        vector = (start, end) => [end.x - start.x, end.y - start.y],
-        vp1p2 = vector(getCenterPoint(box1), getCenterPoint(box2)),
-        AB = vector(rect1[0], rect1[1]),
-        BC = vector(rect1[1], rect1[2]),
-        A1B1 = vector(rect2[0], rect2[1]),
-        B1C1 = vector(rect2[1], rect2[2]),
-        deg11 = isDeg ? degreeToRadian(box1.angle) : box1.angle;
-      let deg12 = isDeg ? degreeToRadian(90 - box1.angle) : box1.angle + halfPi$1;
-      const deg21 = isDeg ? degreeToRadian(box2.angle) : box2.angle;
-      let deg22 = isDeg ? degreeToRadian(90 - box2.angle) : box2.angle + halfPi$1;
-      deg12 > pi2 && (deg12 -= pi2), deg22 > pi2 && (deg22 -= pi2);
-      const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
-        const checkAxis = [Math.cos(deg), Math.sin(deg)];
-        return checkAxisRadius + (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2 > getProjectionRadius(checkAxis, vp1p2);
+      reactIs_production_min.isContextProvider = function (a) {
+        return v(a) === g;
       };
-      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);
+      reactIs_production_min.isElement = function (a) {
+        return "object" === typeof a && null !== a && a.$$typeof === b;
+      };
+      reactIs_production_min.isForwardRef = function (a) {
+        return v(a) === l;
+      };
+      reactIs_production_min.isFragment = function (a) {
+        return v(a) === d;
+      };
+      reactIs_production_min.isLazy = function (a) {
+        return v(a) === q;
+      };
+      reactIs_production_min.isMemo = function (a) {
+        return v(a) === p;
+      };
+      reactIs_production_min.isPortal = function (a) {
+        return v(a) === c;
+      };
+      reactIs_production_min.isProfiler = function (a) {
+        return v(a) === f;
+      };
+      reactIs_production_min.isStrictMode = function (a) {
+        return v(a) === e;
+      };
+      reactIs_production_min.isSuspense = function (a) {
+        return v(a) === m;
+      };
+      reactIs_production_min.isSuspenseList = function (a) {
+        return v(a) === n;
+      };
+      reactIs_production_min.isValidElementType = function (a) {
+        return "string" === typeof a || "function" === typeof a || a === d || a === f || a === e || a === m || a === n || a === t || "object" === typeof a && null !== a && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || void 0 !== a.getModuleId) ? !0 : !1;
+      };
+      reactIs_production_min.typeOf = v;
+      return reactIs_production_min;
     }
 
-    function getContextFont(text) {
-      let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      let fontSizeScale = arguments.length > 2 ? arguments[2] : undefined;
-      fontSizeScale || (fontSizeScale = 1);
-      const {
-        fontStyle = defaultAttr.fontStyle,
-        fontVariant = defaultAttr.fontVariant,
-        fontWeight = defaultAttr.fontWeight,
-        fontSize = defaultAttr.fontSize,
-        fontFamily = defaultAttr.fontFamily
-      } = text;
-      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize * fontSizeScale + "px " + (fontFamily || "sans-serif");
+    {
+      reactIs.exports = requireReactIs_production_min();
     }
+    var reactIsExports = reactIs.exports;
 
-    const calculateAnchorOfBounds = (bounds, anchorType) => {
-      const {
-          x1: x1,
-          x2: x2,
-          y1: y1,
-          y2: y2
-        } = bounds,
-        rectWidth = Math.abs(x2 - x1),
-        rectHeight = Math.abs(y2 - y1);
-      let anchorX = (x1 + x2) / 2,
-        anchorY = (y1 + y2) / 2,
-        sx = 0,
-        sy = 0;
-      switch (anchorType) {
-        case "top":
-        case "inside-top":
-          sy = -.5;
-          break;
-        case "bottom":
-        case "inside-bottom":
-          sy = .5;
-          break;
-        case "left":
-        case "inside-left":
-          sx = -.5;
-          break;
-        case "right":
-        case "inside-right":
-          sx = .5;
-          break;
-        case "top-right":
-          sx = .5, sy = -.5;
-          break;
-        case "top-left":
-          sx = -.5, sy = -.5;
-          break;
-        case "bottom-right":
-          sx = .5, sy = .5;
-          break;
-        case "bottom-left":
-          sx = -.5, sy = .5;
-      }
-      return anchorX += sx * rectWidth, anchorY += sy * rectHeight, {
-        x: anchorX,
-        y: anchorY
-      };
+    const toArray = (children) => {
+        let result = [];
+        React.Children.forEach(children, child => {
+            if (isNil$3(child)) {
+                return;
+            }
+            if (reactIsExports.isFragment(child)) {
+                result = result.concat(toArray(child.props.children));
+            }
+            else {
+                result.push(child);
+            }
+        });
+        return result;
     };
 
-    function transformBoundsWithMatrix(out, bounds, matrix) {
-      const {
-        x1: x1,
-        y1: y1,
-        x2: x2,
-        y2: y2
-      } = bounds;
-      return matrix.onlyTranslate() ? (out !== bounds && out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), out.translate(matrix.e, matrix.f), bounds) : (out.clear(), out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f), out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f), bounds);
-    }
-    class Bounds {
-      constructor(bounds) {
-        bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
-      }
-      clone() {
-        return new Bounds(this);
-      }
-      clear() {
-        return this.x1 = +Number.MAX_VALUE, this.y1 = +Number.MAX_VALUE, this.x2 = -Number.MAX_VALUE, this.y2 = -Number.MAX_VALUE, this;
-      }
-      empty() {
-        return this.x1 === +Number.MAX_VALUE && this.y1 === +Number.MAX_VALUE && this.x2 === -Number.MAX_VALUE && this.y2 === -Number.MAX_VALUE;
-      }
-      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;
-        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;
-        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;
-        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;
-        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;
-        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;
-        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;
-        const p = this.scalePoints(sx, sy, x, y);
-        return this.clear().add(p[0], p[1]).add(p[2], p[3]);
-      }
-      union(b) {
-        return b.x1 < this.x1 && (this.x1 = b.x1), b.y1 < this.y1 && (this.y1 = b.y1), b.x2 > this.x2 && (this.x2 = b.x2), b.y2 > this.y2 && (this.y2 = b.y2), this;
-      }
-      intersect(b) {
-        return b.x1 > this.x1 && (this.x1 = b.x1), b.y1 > this.y1 && (this.y1 = b.y1), b.x2 < this.x2 && (this.x2 = b.x2), b.y2 < this.y2 && (this.y2 = b.y2), this;
-      }
-      encloses(b) {
-        return b && this.x1 <= b.x1 && this.x2 >= b.x2 && this.y1 <= b.y1 && this.y2 >= b.y2;
+    const REACT_PRIVATE_PROPS = ['children', 'hooks', 'ref'];
+
+    const EVENT_TYPE = {
+        ...vtable.TABLE_EVENT_TYPE,
+        ...vtable.PIVOT_TABLE_EVENT_TYPE,
+        ...vtable.PIVOT_CHART_EVENT_TYPE
+    };
+    const TABLE_EVENTS = {
+        onClickCell: EVENT_TYPE.CLICK_CELL,
+        onDblClickCell: EVENT_TYPE.DBLCLICK_CELL,
+        onMouseDownCell: EVENT_TYPE.MOUSEDOWN_CELL,
+        onMouseUpCell: EVENT_TYPE.MOUSEUP_CELL,
+        onSelectedCell: EVENT_TYPE.SELECTED_CELL,
+        onSelectedClear: EVENT_TYPE.SELECTED_CLEAR,
+        onKeyDown: EVENT_TYPE.KEYDOWN,
+        onMouseEnterTable: EVENT_TYPE.MOUSEENTER_TABLE,
+        onMouseLeaveTable: EVENT_TYPE.MOUSELEAVE_TABLE,
+        onMouseDownTable: EVENT_TYPE.MOUSEDOWN_TABLE,
+        onMouseMoveCell: EVENT_TYPE.MOUSEMOVE_CELL,
+        onMouseMoveTable: EVENT_TYPE.MOUSEMOVE_TABLE,
+        onMouseEnterCell: EVENT_TYPE.MOUSEENTER_CELL,
+        onMouseLeaveCell: EVENT_TYPE.MOUSELEAVE_CELL,
+        onContextMenuCell: EVENT_TYPE.CONTEXTMENU_CELL,
+        onResizeColumn: EVENT_TYPE.RESIZE_COLUMN,
+        onResizeColumnEnd: EVENT_TYPE.RESIZE_COLUMN_END,
+        onResizeRow: EVENT_TYPE.RESIZE_ROW,
+        onResizeRowEnd: EVENT_TYPE.RESIZE_ROW_END,
+        onChangeHeaderPositionStart: EVENT_TYPE.CHANGE_HEADER_POSITION_START,
+        onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,
+        onChangeHeaderPositionFail: EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL,
+        onSortClick: EVENT_TYPE.SORT_CLICK,
+        onAfterSort: EVENT_TYPE.AFTER_SORT,
+        onFreezeClick: EVENT_TYPE.FREEZE_CLICK,
+        onScroll: EVENT_TYPE.SCROLL,
+        onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END,
+        onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,
+        onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,
+        onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,
+        onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,
+        onCopyData: EVENT_TYPE.COPY_DATA,
+        onDropdownIconClick: EVENT_TYPE.DROPDOWN_ICON_CLICK,
+        onDropdownMenuClear: EVENT_TYPE.DROPDOWN_MENU_CLEAR,
+        onTreeHierarchyStateChange: EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE,
+        onShowMenu: EVENT_TYPE.SHOW_MENU,
+        onHideMenu: EVENT_TYPE.HIDE_MENU,
+        onIconClick: EVENT_TYPE.ICON_CLICK,
+        onLegendItemClick: EVENT_TYPE.LEGEND_ITEM_CLICK,
+        onLegendItemHover: EVENT_TYPE.LEGEND_ITEM_HOVER,
+        onLegendItemUnHover: EVENT_TYPE.LEGEND_ITEM_UNHOVER,
+        onLegendChange: EVENT_TYPE.LEGEND_CHANGE,
+        onMouseEnterAxis: EVENT_TYPE.MOUSEENTER_AXIS,
+        onMouseLeaveAxis: EVENT_TYPE.MOUSELEAVE_AXIS,
+        onCheckboxStateChange: EVENT_TYPE.CHECKBOX_STATE_CHANGE,
+        onRadioStateChange: EVENT_TYPE.RADIO_STATE_CHANGE,
+        onSwitchStateChange: EVENT_TYPE.SWITCH_STATE_CHANGE,
+        onAfterRender: EVENT_TYPE.AFTER_RENDER,
+        onInitialized: EVENT_TYPE.INITIALIZED,
+        onChangeCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
+        onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,
+        onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,
+        onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,
+        onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,
+        onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,
+        onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,
+        onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
+        onEmptyTipClick: EVENT_TYPE.EMPTY_TIP_CLICK,
+        onEmptyTipDblClick: EVENT_TYPE.EMPTY_TIP_DBLCLICK,
+        onButtonClick: EVENT_TYPE.BUTTON_CLICK,
+        onBeforeCacheChartImage: EVENT_TYPE.BEFORE_CACHE_CHART_IMAGE
+    };
+    const TABLE_EVENTS_KEYS = Object.keys(TABLE_EVENTS);
+    const findEventProps = (props, supportedEvents = TABLE_EVENTS) => {
+        const result = {};
+        Object.keys(props).forEach(key => {
+            if (supportedEvents[key] && props[key]) {
+                result[key] = props[key];
+            }
+        });
+        return result;
+    };
+    const bindEventsToTable = (table, newProps, prevProps, supportedEvents = TABLE_EVENTS) => {
+        if ((!newProps && !prevProps) || !table) {
+            return false;
+        }
+        const prevEventProps = prevProps ? findEventProps(prevProps, supportedEvents) : null;
+        const newEventProps = newProps ? findEventProps(newProps, supportedEvents) : null;
+        if (prevEventProps) {
+            Object.keys(prevEventProps).forEach(eventKey => {
+                if (!newEventProps ||
+                    !newEventProps[eventKey] ||
+                    newEventProps[eventKey] !== prevEventProps[eventKey]) {
+                    table.off(supportedEvents[eventKey], prevProps[eventKey]);
+                }
+            });
+        }
+        if (newEventProps) {
+            Object.keys(newEventProps).forEach(eventKey => {
+                if (!prevEventProps ||
+                    !prevEventProps[eventKey] ||
+                    prevEventProps[eventKey] !== newEventProps[eventKey]) {
+                    table.on(supportedEvents[eventKey], newEventProps[eventKey]);
+                }
+            });
+        }
+        return true;
+    };
+
+    class Generator {
+      static GenAutoIncrementId() {
+        return Generator.auto_increment_id++;
       }
-      alignsWith(b) {
-        return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
+    }
+    Generator.auto_increment_id = 0;
+
+    class ContainerModule {
+      constructor(registry) {
+        this.id = Generator.GenAutoIncrementId(), this.registry = registry;
       }
-      intersects(b) {
-        return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
+    }
+
+    const NAMED_TAG = "named";
+    const INJECT_TAG = "inject";
+    const MULTI_INJECT_TAG = "multi_inject";
+    const TAGGED = "inversify:tagged";
+    const PARAM_TYPES = "inversify:paramtypes";
+
+    class Metadata {
+      constructor(key, value) {
+        this.key = key, this.value = value;
       }
-      contains() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
+      toString() {
+        return this.key === NAMED_TAG ? `named: ${String(this.value).toString()} ` : `tagged: { key:${this.key.toString()}, value: ${String(this.value)} }`;
       }
-      containsPoint(p) {
-        return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
+    }
+
+    var Reflect$1 = (function (Reflect) {
+      var target;
+      return function (exporter) {
+        const supportsSymbol = "function" == typeof Symbol,
+          toPrimitiveSymbol = supportsSymbol && void 0 !== Symbol.toPrimitive ? Symbol.toPrimitive : "@@toPrimitive",
+          functionPrototype = (Object.getPrototypeOf(Function)),
+          _Map = ("object" == typeof process && process.env && process.env.REFLECT_METADATA_USE_MAP_POLYFILL, Map),
+          Metadata = (new WeakMap());
+        function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
+          if (!IsObject(target)) throw new TypeError();
+          return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
+        }
+        function hasMetadata(metadataKey, target, propertyKey) {
+          if (!IsObject(target)) throw new TypeError();
+          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasMetadata(metadataKey, target, propertyKey);
+        }
+        function hasOwnMetadata(metadataKey, target, propertyKey) {
+          if (!IsObject(target)) throw new TypeError();
+          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
+        }
+        function getMetadata(metadataKey, target, propertyKey) {
+          if (!IsObject(target)) throw new TypeError();
+          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryGetMetadata(metadataKey, target, propertyKey);
+        }
+        function GetOrCreateMetadataMap(O, P, Create) {
+          let targetMetadata = Metadata.get(O);
+          if (IsUndefined(targetMetadata)) {
+            if (!Create) return;
+            targetMetadata = new _Map(), Metadata.set(O, targetMetadata);
+          }
+          let metadataMap = targetMetadata.get(P);
+          if (IsUndefined(metadataMap)) {
+            if (!Create) return;
+            metadataMap = new _Map(), targetMetadata.set(P, metadataMap);
+          }
+          return metadataMap;
+        }
+        function OrdinaryHasMetadata(MetadataKey, O, P) {
+          if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return !0;
+          const parent = OrdinaryGetPrototypeOf(O);
+          return !IsNull(parent) && OrdinaryHasMetadata(MetadataKey, parent, P);
+        }
+        function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
+          const metadataMap = GetOrCreateMetadataMap(O, P, !1);
+          return !IsUndefined(metadataMap) && ToBoolean(metadataMap.has(MetadataKey));
+        }
+        function OrdinaryGetMetadata(MetadataKey, O, P) {
+          if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return OrdinaryGetOwnMetadata(MetadataKey, O, P);
+          const parent = OrdinaryGetPrototypeOf(O);
+          return IsNull(parent) ? void 0 : OrdinaryGetMetadata(MetadataKey, parent, P);
+        }
+        function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
+          const metadataMap = GetOrCreateMetadataMap(O, P, !1);
+          if (!IsUndefined(metadataMap)) return metadataMap.get(MetadataKey);
+        }
+        function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
+          GetOrCreateMetadataMap(O, P, !0).set(MetadataKey, MetadataValue);
+        }
+        function Type(x) {
+          if (null === x) return 1;
+          switch (typeof x) {
+            case "undefined":
+              return 0;
+            case "boolean":
+              return 2;
+            case "string":
+              return 3;
+            case "symbol":
+              return 4;
+            case "number":
+              return 5;
+            case "object":
+              return null === x ? 1 : 6;
+            default:
+              return 6;
+          }
+        }
+        function IsUndefined(x) {
+          return void 0 === x;
+        }
+        function IsNull(x) {
+          return null === x;
+        }
+        function IsSymbol(x) {
+          return "symbol" == typeof x;
+        }
+        function IsObject(x) {
+          return "object" == typeof x ? null !== x : "function" == typeof x;
+        }
+        function ToPrimitive(input, PreferredType) {
+          switch (Type(input)) {
+            case 0:
+            case 1:
+            case 2:
+            case 3:
+            case 4:
+            case 5:
+              return input;
+          }
+          const hint = 3 === PreferredType ? "string" : 5 === PreferredType ? "number" : "default",
+            exoticToPrim = GetMethod(input, toPrimitiveSymbol);
+          if (void 0 !== exoticToPrim) {
+            const result = exoticToPrim.call(input, hint);
+            if (IsObject(result)) throw new TypeError();
+            return result;
+          }
+          return OrdinaryToPrimitive(input, "default" === hint ? "number" : hint);
+        }
+        function OrdinaryToPrimitive(O, hint) {
+          if ("string" === hint) {
+            const toString_1 = O.toString;
+            if (IsCallable(toString_1)) {
+              const result = toString_1.call(O);
+              if (!IsObject(result)) return result;
+            }
+            const valueOf = O.valueOf;
+            if (IsCallable(valueOf)) {
+              const result = valueOf.call(O);
+              if (!IsObject(result)) return result;
+            }
+          } else {
+            const valueOf = O.valueOf;
+            if (IsCallable(valueOf)) {
+              const result = valueOf.call(O);
+              if (!IsObject(result)) return result;
+            }
+            const toString_2 = O.toString;
+            if (IsCallable(toString_2)) {
+              const result = toString_2.call(O);
+              if (!IsObject(result)) return result;
+            }
+          }
+          throw new TypeError();
+        }
+        function ToBoolean(argument) {
+          return !!argument;
+        }
+        function ToString(argument) {
+          return "" + argument;
+        }
+        function ToPropertyKey(argument) {
+          const key = ToPrimitive(argument, 3);
+          return IsSymbol(key) ? key : ToString(key);
+        }
+        function IsCallable(argument) {
+          return "function" == typeof argument;
+        }
+        function GetMethod(V, P) {
+          const func = V[P];
+          if (null != func) {
+            if (!IsCallable(func)) throw new TypeError();
+            return func;
+          }
+        }
+        function OrdinaryGetPrototypeOf(O) {
+          const proto = Object.getPrototypeOf(O);
+          if ("function" != typeof O || O === functionPrototype) return proto;
+          if (proto !== functionPrototype) return proto;
+          const prototype = O.prototype,
+            prototypeProto = prototype && Object.getPrototypeOf(prototype);
+          if (null == prototypeProto || prototypeProto === Object.prototype) return proto;
+          const constructor = prototypeProto.constructor;
+          return "function" != typeof constructor || constructor === O ? proto : constructor;
+        }
+        exporter("defineMetadata", defineMetadata), exporter("hasMetadata", hasMetadata), exporter("hasOwnMetadata", hasOwnMetadata), exporter("getMetadata", getMetadata);
+      }((target = Reflect, function (key, value) {
+        "function" != typeof target[key] && Object.defineProperty(target, key, {
+          configurable: !0,
+          writable: !0,
+          value: value
+        });
+      })), Reflect;
+    })({});
+
+    function _tagParameterOrProperty(metadataKey, annotationTarget, key, metadata) {
+      const metadatas = [metadata];
+      let paramsOrPropertiesMetadata = {};
+      Reflect$1.hasOwnMetadata(metadataKey, annotationTarget) && (paramsOrPropertiesMetadata = Reflect$1.getMetadata(metadataKey, annotationTarget));
+      let paramOrPropertyMetadata = paramsOrPropertiesMetadata[key];
+      void 0 === paramOrPropertyMetadata && (paramOrPropertyMetadata = []), paramOrPropertyMetadata.push(...metadatas), paramsOrPropertiesMetadata[key] = paramOrPropertyMetadata, Reflect$1.defineMetadata(metadataKey, paramsOrPropertiesMetadata, annotationTarget);
+    }
+    function tagParameter(annotationTarget, parameterName, parameterIndex, metadata) {
+      _tagParameterOrProperty(TAGGED, annotationTarget, parameterIndex.toString(), metadata);
+    }
+    function createTaggedDecorator(metadata) {
+      return (target, targetKey, indexOrPropertyDescriptor) => {
+        tagParameter(target, targetKey, indexOrPropertyDescriptor, metadata);
+      };
+    }
+    function injectBase(metadataKey) {
+      return serviceIdentifier => (target, targetKey, indexOrPropertyDescriptor) => createTaggedDecorator(new Metadata(metadataKey, serviceIdentifier))(target, targetKey, indexOrPropertyDescriptor);
+    }
+
+    const inject = injectBase(INJECT_TAG);
+
+    function injectable() {
+      return function (target) {
+        return Reflect$1.defineMetadata(PARAM_TYPES, null, target), target;
+      };
+    }
+
+    function named(name) {
+      return createTaggedDecorator(new Metadata(NAMED_TAG, name));
+    }
+
+    const BindingScopeEnum = {
+        Singleton: "Singleton",
+        Transient: "Transient"
+      },
+      BindingTypeEnum = {
+        ConstantValue: "ConstantValue",
+        Constructor: "Constructor",
+        DynamicValue: "DynamicValue",
+        Factory: "Factory",
+        Function: "Function",
+        Instance: "Instance",
+        Invalid: "Invalid",
+        Provider: "Provider"
+      };
+
+    class Binding {
+      constructor(serviceIdentifier, scope) {
+        this.id = Generator.GenAutoIncrementId(), this.activated = !1, this.serviceIdentifier = serviceIdentifier, this.scope = scope, this.type = BindingTypeEnum.Invalid, this.constraint = request => !0, this.implementationType = null, this.cache = null, this.factory = null, this.provider = null, this.dynamicValue = null;
       }
-      width() {
-        return this.empty() ? 0 : this.x2 - this.x1;
+      clone() {
+        const clone = new Binding(this.serviceIdentifier, this.scope);
+        return clone.activated = clone.scope === BindingScopeEnum.Singleton && this.activated, clone.implementationType = this.implementationType, clone.dynamicValue = this.dynamicValue, clone.scope = this.scope, clone.type = this.type, clone.provider = this.provider, clone.constraint = this.constraint, clone.cache = this.cache, clone;
       }
-      height() {
-        return this.empty() ? 0 : this.y2 - this.y1;
+    }
+
+    class MetadataReader {
+      getConstructorMetadata(constructorFunc) {
+        return {
+          compilerGeneratedMetadata: Reflect$1.getMetadata(PARAM_TYPES, constructorFunc),
+          userGeneratedMetadata: Reflect$1.getMetadata(TAGGED, constructorFunc) || {}
+        };
       }
-      scaleX() {
-        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        return this.x1 *= s, this.x2 *= s, this;
+      getPropertiesMetadata(constructorFunc) {
+        throw new Error("暂未实现");
       }
-      scaleY() {
-        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        return this.y1 *= s, this.y2 *= s, this;
+    }
+
+    const taggedConstraint = key => value => {
+      const constraint = request => {
+        if (null == request) return !1;
+        if (request.key === key && request.value === value) return !0;
+        if (null == request.constructorArgsMetadata) return !1;
+        const constructorArgsMetadata = request.constructorArgsMetadata;
+        for (let i = 0; i < constructorArgsMetadata.length; i++) if (constructorArgsMetadata[i].key === key && constructorArgsMetadata[i].value === value) return !0;
+        return !1;
+      };
+      return constraint.metaData = new Metadata(key, value), constraint;
+    };
+    const namedConstraint = taggedConstraint(NAMED_TAG);
+
+    class BindingInSyntax {
+      constructor(binding) {
+        this._binding = binding;
       }
-      transformWithMatrix(matrix) {
-        return transformBoundsWithMatrix(this, this, matrix), this;
+      inRequestScope() {
+        throw new Error("暂未实现");
       }
-      copy(b) {
-        return this.x1 = b.x1, this.y1 = b.y1, this.x2 = b.x2, this.y2 = b.y2, this;
+      inSingletonScope() {
+        return this._binding.scope = BindingScopeEnum.Singleton, this;
       }
-      rotatedPoints(angle, x, y) {
-        const {
-            x1: x1,
-            y1: y1,
-            x2: x2,
-            y2: y2
-          } = this,
-          cos = Math.cos(angle),
-          sin = Math.sin(angle),
-          cx = x - x * cos + y * sin,
-          cy = y - x * sin - y * cos;
-        return [cos * x1 - sin * y1 + cx, sin * x1 + cos * y1 + cy, cos * x1 - sin * y2 + cx, sin * x1 + cos * y2 + cy, cos * x2 - sin * y1 + cx, sin * x2 + cos * y1 + cy, cos * x2 - sin * y2 + cx, sin * x2 + cos * y2 + cy];
+      inTransientScope() {
+        return this._binding.scope = BindingScopeEnum.Transient, this;
       }
-      scalePoints(sx, sy, x, y) {
-        const {
-          x1: x1,
-          y1: y1,
-          x2: x2,
-          y2: y2
-        } = this;
-        return [sx * x1 + (1 - sx) * x, sy * y1 + (1 - sy) * y, sx * x2 + (1 - sx) * x, sy * y2 + (1 - sy) * y];
+      whenTargetNamed(name) {
+        return this._binding.constraint = namedConstraint(name), this;
       }
     }
-    class AABBBounds extends Bounds {}
-    class OBBBounds extends Bounds {
-      constructor(bounds) {
-        let angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        var _a;
-        super(bounds), bounds && (this.angle = null !== (_a = bounds.angle) && void 0 !== _a ? _a : angle);
+
+    class BindingToSyntax {
+      constructor(binding) {
+        this._binding = binding;
       }
-      intersects(b) {
-        return isRotateAABBIntersect(this, b);
+      to(constructor) {
+        return this._binding.type = BindingTypeEnum.Instance, this._binding.implementationType = constructor, new BindingInSyntax(this._binding);
       }
-      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;
-        return super.setValue(x1, y1, x2, y2), this.angle = angle, this;
+      toSelf() {
+        const self = this._binding.serviceIdentifier;
+        return this.to(self);
       }
-      clone() {
-        return new OBBBounds(this);
+      toDynamicValue(func) {
+        return this._binding.type = BindingTypeEnum.DynamicValue, this._binding.cache = null, this._binding.dynamicValue = func, this._binding.implementationType = null, new BindingInSyntax(this._binding);
+      }
+      toConstantValue(value) {
+        return this._binding.type = BindingTypeEnum.ConstantValue, this._binding.cache = value, this._binding.dynamicValue = null, this._binding.implementationType = null, this._binding.scope = BindingScopeEnum.Singleton, new BindingInSyntax(this._binding);
+      }
+      toFactory(factory) {
+        return this._binding.type = BindingTypeEnum.Factory, this._binding.factory = factory, this._binding.scope = BindingScopeEnum.Singleton, new BindingInSyntax(this._binding);
+      }
+      toService(service) {
+        this.toDynamicValue(context => context.container.get(service));
       }
     }
 
-    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;
-        this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f;
+    class Container {
+      constructor(containerOptions) {
+        const options = containerOptions || {};
+        options.defaultScope = options.defaultScope || BindingScopeEnum.Transient, this.options = options, this.id = Generator.GenAutoIncrementId(), this._bindingDictionary = new Map(), this._metadataReader = new MetadataReader();
+      }
+      load(module) {
+        const containerModuleHelpers = this._getContainerModuleHelpersFactory()(module.id);
+        module.registry(containerModuleHelpers.bindFunction, containerModuleHelpers.unbindFunction, containerModuleHelpers.isboundFunction, containerModuleHelpers.rebindFunction);
+      }
+      get(serviceIdentifier) {
+        const getArgs = this._getNotAllArgs(serviceIdentifier, !1);
+        return this._get(getArgs);
+      }
+      getAll(serviceIdentifier) {
+        const getArgs = this._getAllArgs(serviceIdentifier);
+        return this._get(getArgs);
+      }
+      getTagged(serviceIdentifier, key, value) {
+        const getArgs = this._getNotAllArgs(serviceIdentifier, !1, key, value);
+        return this._get(getArgs);
+      }
+      getNamed(serviceIdentifier, named) {
+        return this.getTagged(serviceIdentifier, NAMED_TAG, named);
+      }
+      isBound(serviceIdentifier) {
+        return this._bindingDictionary.has(serviceIdentifier);
+      }
+      bind(serviceIdentifier) {
+        const scope = this.options.defaultScope,
+          binding = new Binding(serviceIdentifier, scope),
+          list = this._bindingDictionary.get(serviceIdentifier) || [];
+        return list.push(binding), this._bindingDictionary.set(serviceIdentifier, list), new BindingToSyntax(binding);
+      }
+      unbind(serviceIdentifier) {
+        this._bindingDictionary.delete(serviceIdentifier);
+      }
+      rebind(serviceIdentifier) {
+        return this.unbind(serviceIdentifier), this.bind(serviceIdentifier);
+      }
+      _getContainerModuleHelpersFactory() {
+        const setModuleId = (bindingToSyntax, moduleId) => {
+            bindingToSyntax._binding.moduleId = moduleId;
+          },
+          getBindFunction = moduleId => serviceIdentifier => {
+            const bindingToSyntax = this.bind(serviceIdentifier);
+            return setModuleId(bindingToSyntax, moduleId), bindingToSyntax;
+          },
+          getUnbindFunction = () => serviceIdentifier => this.unbind(serviceIdentifier),
+          getIsboundFunction = () => serviceIdentifier => this.isBound(serviceIdentifier),
+          getRebindFunction = moduleId => serviceIdentifier => {
+            const bindingToSyntax = this.rebind(serviceIdentifier);
+            return setModuleId(bindingToSyntax, moduleId), bindingToSyntax;
+          };
+        return mId => ({
+          bindFunction: getBindFunction(mId),
+          isboundFunction: getIsboundFunction(),
+          rebindFunction: getRebindFunction(mId),
+          unbindFunction: getUnbindFunction(),
+          unbindAsyncFunction: serviceIdentifier => null
+        });
       }
-      equalToMatrix(m2) {
-        return !(this.e !== m2.e || this.f !== m2.f || this.a !== m2.a || this.d !== m2.d || this.b !== m2.b || this.c !== m2.c);
+      _getNotAllArgs(serviceIdentifier, isMultiInject, key, value) {
+        return {
+          avoidConstraints: !1,
+          isMultiInject: isMultiInject,
+          serviceIdentifier: serviceIdentifier,
+          key: key,
+          value: value
+        };
       }
-      equalTo(a, b, c, d, e, f) {
-        return !(this.e !== e || this.f !== f || this.a !== a || this.d !== d || this.b !== b || this.c !== c);
+      _getAllArgs(serviceIdentifier) {
+        return {
+          avoidConstraints: !0,
+          isMultiInject: !0,
+          serviceIdentifier: serviceIdentifier
+        };
       }
-      setValue(a, b, c, d, e, f) {
-        return this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f, this;
+      _get(getArgs) {
+        const result = [];
+        return this._bindingDictionary.get(getArgs.serviceIdentifier).filter(b => b.constraint(getArgs)).forEach(binding => {
+          result.push(this._resolveFromBinding(binding));
+        }), getArgs.isMultiInject || 1 !== result.length ? result : result[0];
       }
-      reset() {
-        return this.a = 1, this.b = 0, this.c = 0, this.d = 1, this.e = 0, this.f = 0, this;
+      _getChildRequest(binding) {
+        const constr = binding.implementationType,
+          {
+            userGeneratedMetadata: userGeneratedMetadata
+          } = this._metadataReader.getConstructorMetadata(constr),
+          keys = Object.keys(userGeneratedMetadata),
+          arr = [];
+        for (let i = 0; i < keys.length; i++) {
+          const constructorArgsMetadata = userGeneratedMetadata[i],
+            targetMetadataMap = {};
+          constructorArgsMetadata.forEach(md => {
+            targetMetadataMap[md.key] = md.value;
+          });
+          const metadata = {
+              inject: targetMetadataMap[INJECT_TAG],
+              multiInject: targetMetadataMap[MULTI_INJECT_TAG]
+            },
+            injectIdentifier = metadata.inject || metadata.multiInject,
+            target = {
+              serviceIdentifier: injectIdentifier,
+              constructorArgsMetadata: constructorArgsMetadata
+            },
+            bindings = (this._bindingDictionary.get(injectIdentifier) || []).filter(b => b.constraint(target));
+          if (bindings.length) {
+            const request = {
+              injectIdentifier: injectIdentifier,
+              metadata: constructorArgsMetadata,
+              bindings: bindings
+            };
+            arr.push(request);
+          }
+        }
+        return arr;
       }
-      getInverse() {
-        const a = this.a,
-          b = this.b,
-          c = this.c,
-          d = this.d,
-          e = this.e,
-          f = this.f,
-          m = new Matrix(),
-          dt = a * d - b * c;
-        return m.a = d / dt, m.b = -b / dt, m.c = -c / dt, m.d = a / dt, m.e = (c * f - d * e) / dt, m.f = -(a * f - b * e) / dt, m;
+      _resolveFromBinding(binding) {
+        const result = this._getResolvedFromBinding(binding);
+        return this._saveToScope(binding, result), result;
       }
-      rotate(rad) {
-        const c = Math.cos(rad),
-          s = Math.sin(rad),
-          m11 = this.a * c + this.c * s,
-          m12 = this.b * c + this.d * s,
-          m21 = this.a * -s + this.c * c,
-          m22 = this.b * -s + this.d * c;
-        return this.a = m11, this.b = m12, this.c = m21, this.d = m22, this;
+      _getResolvedFromBinding(binding) {
+        let result;
+        switch (binding.type) {
+          case BindingTypeEnum.ConstantValue:
+          case BindingTypeEnum.Function:
+            result = binding.cache;
+            break;
+          case BindingTypeEnum.Instance:
+            result = this._resolveInstance(binding, binding.implementationType);
+            break;
+          default:
+            result = binding.dynamicValue({
+              container: this
+            });
+        }
+        return result;
       }
-      rotateByCenter(rad, cx, cy) {
-        const cos = Math.cos(rad),
-          sin = Math.sin(rad),
-          rotateM13 = (1 - cos) * cx + sin * cy,
-          rotateM23 = (1 - cos) * cy - sin * cx,
-          m11 = cos * this.a - sin * this.b,
-          m21 = sin * this.a + cos * this.b,
-          m12 = cos * this.c - sin * this.d,
-          m22 = sin * this.c + cos * this.d,
-          m13 = cos * this.e - sin * this.f + rotateM13,
-          m23 = sin * this.e + cos * this.f + rotateM23;
-        return this.a = m11, this.b = m21, this.c = m12, this.d = m22, this.e = m13, this.f = m23, this;
+      _resolveInstance(binding, constr) {
+        if (binding.activated) return binding.cache;
+        const childRequests = this._getChildRequest(binding);
+        return this._createInstance(constr, childRequests);
       }
-      scale(sx, sy) {
-        return this.a *= sx, this.b *= sx, this.c *= sy, this.d *= sy, this;
+      _createInstance(constr, childRequests) {
+        if (childRequests.length) {
+          return new constr(...this._resolveRequests(childRequests));
+        }
+        return new constr();
       }
-      setScale(sx, sy) {
-        return this.b = this.b / this.a * sx, this.c = this.c / this.d * sy, this.a = sx, this.d = sy, this;
+      _resolveRequests(childRequests) {
+        return childRequests.map(request => request.bindings.length > 1 ? request.bindings.map(binding => this._resolveFromBinding(binding)) : this._resolveFromBinding(request.bindings[0]));
       }
-      transform(a, b, c, d, e, f) {
-        return this.multiply(a, b, c, d, e, f), this;
+      _saveToScope(binding, result) {
+        binding.scope === BindingScopeEnum.Singleton && (binding.cache = result, binding.activated = !0);
       }
-      translate(x, y) {
-        return this.e += this.a * x + this.c * y, this.f += this.b * x + this.d * y, this;
+    }
+
+    const ContributionProvider = Symbol("ContributionProvider");
+    class ContributionProviderCache {
+      constructor(serviceIdentifier, container) {
+        this.serviceIdentifier = serviceIdentifier, this.container = container;
       }
-      transpose() {
-        const {
-          a: a,
-          b: b,
-          c: c,
-          d: d,
-          e: e,
-          f: f
-        } = this;
-        return this.a = b, this.b = a, this.c = d, this.d = c, this.e = f, this.f = e, this;
+      getContributions() {
+        return this.caches || (this.caches = [], this.container && this.container.isBound(this.serviceIdentifier) && this.caches.push(...this.container.getAll(this.serviceIdentifier))), this.caches;
       }
-      multiply(a2, b2, c2, d2, e2, f2) {
-        const a1 = this.a,
-          b1 = this.b,
-          c1 = this.c,
-          d1 = this.d,
-          m11 = a1 * a2 + c1 * b2,
-          m12 = b1 * a2 + d1 * b2,
-          m21 = a1 * c2 + c1 * d2,
-          m22 = b1 * c2 + d1 * d2,
-          dx = a1 * e2 + c1 * f2 + this.e,
-          dy = b1 * e2 + d1 * f2 + this.f;
-        return this.a = m11, this.b = m12, this.c = m21, this.d = m22, this.e = dx, this.f = dy, this;
+    }
+    function bindContributionProvider(bind, id) {
+      bind(ContributionProvider).toDynamicValue(_ref => {
+        let {
+          container: container
+        } = _ref;
+        return new ContributionProviderCache(id, container);
+      }).inSingletonScope().whenTargetNamed(id);
+    }
+
+    class Hook {
+      constructor(args, name) {
+        this._args = args, this.name = name, this.taps = [];
       }
-      interpolate(m2, t) {
-        const m = new Matrix();
-        return m.a = this.a + (m2.a - this.a) * t, m.b = this.b + (m2.b - this.b) * t, m.c = this.c + (m2.c - this.c) * t, m.d = this.d + (m2.d - this.d) * t, m.e = this.e + (m2.e - this.e) * t, m.f = this.f + (m2.f - this.f) * t, m;
+      tap(options, fn) {
+        this._tap("sync", options, fn);
       }
-      transformPoint(source, target) {
-        const {
-            a: a,
-            b: b,
-            c: c,
-            d: d,
-            e: e,
-            f: f
-          } = this,
-          dt = a * d - b * c,
-          nextA = d / dt,
-          nextB = -b / dt,
-          nextC = -c / dt,
-          nextD = a / dt,
-          nextE = (c * f - d * e) / dt,
-          nextF = -(a * f - b * e) / dt,
-          {
-            x: x,
-            y: y
-          } = source;
-        target.x = x * nextA + y * nextC + nextE, target.y = x * nextB + y * nextD + nextF;
+      unTap(options, fn) {
+        const name = "string" == typeof options ? options.trim() : options.name;
+        name && (this.taps = this.taps.filter(tap => !(tap.name === name && (!fn || tap.fn === fn))));
       }
-      onlyTranslate() {
-        let scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-        return this.a === scale && 0 === this.b && 0 === this.c && this.d === scale;
+      _parseOptions(type, options, fn) {
+        let _options;
+        if ("string" == typeof options) _options = {
+          name: options.trim()
+        };else if ("object" != typeof options || null === options) throw new Error("Invalid tap options");
+        if ("string" != typeof _options.name || "" === _options.name) throw new Error("Missing name for tap");
+        return _options = Object.assign({
+          type: type,
+          fn: fn
+        }, _options), _options;
       }
-      clone() {
-        return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f);
+      _tap(type, options, fn) {
+        this._insert(this._parseOptions(type, options, fn));
       }
-      toTransformAttrs() {
-        const a = this.a,
-          b = this.b,
-          c = this.c,
-          d = this.d,
-          delta = a * d - b * c,
-          result = {
-            x: this.e,
-            y: this.f,
-            rotateDeg: 0,
-            scaleX: 0,
-            scaleY: 0,
-            skewX: 0,
-            skewY: 0
-          };
-        if (0 !== a || 0 !== b) {
-          const r = Math.sqrt(a * a + b * b);
-          result.rotateDeg = b > 0 ? Math.acos(a / r) : -Math.acos(a / r), result.scaleX = r, result.scaleY = delta / r, result.skewX = (a * c + b * d) / delta, result.skewY = 0;
-        } else if (0 !== c || 0 !== d) {
-          const s = Math.sqrt(c * c + d * d);
-          result.rotateDeg = Math.PI / 2 - (d > 0 ? Math.acos(-c / s) : -Math.acos(c / s)), result.scaleX = delta / s, result.scaleY = s, result.skewX = 0, result.skewY = (a * c + b * d) / delta;
+      _insert(item) {
+        let before;
+        "string" == typeof item.before ? before = new Set([item.before]) : Array.isArray(item.before) && (before = new Set(item.before));
+        let stage = 0;
+        "number" == typeof item.stage && (stage = item.stage);
+        let i = this.taps.length;
+        for (; i > 0;) {
+          i--;
+          const x = this.taps[i];
+          this.taps[i + 1] = x;
+          const xStage = x.stage || 0;
+          if (before) {
+            if (before.has(x.name)) {
+              before.delete(x.name);
+              continue;
+            }
+            if (before.size > 0) continue;
+          }
+          if (!(xStage > stage)) {
+            i++;
+            break;
+          }
         }
-        return result.rotateDeg = radianToDegree(result.rotateDeg), result;
+        this.taps[i] = item;
       }
     }
-    function normalTransform(out, origin, x, y, scaleX, scaleY, angle, rotateCenter) {
-      const oa = origin.a,
-        ob = origin.b,
-        oc = origin.c,
-        od = origin.d,
-        oe = origin.e,
-        of = origin.f,
-        cosTheta = cos(angle),
-        sinTheta = sin(angle);
-      let rotateCenterX, rotateCenterY;
-      rotateCenter ? (rotateCenterX = rotateCenter[0], rotateCenterY = rotateCenter[1]) : (rotateCenterX = x, rotateCenterY = y);
-      const offsetX = rotateCenterX - x,
-        offsetY = rotateCenterY - y,
-        a1 = oa * cosTheta + oc * sinTheta,
-        b1 = ob * cosTheta + od * sinTheta,
-        c1 = oc * cosTheta - oa * sinTheta,
-        d1 = od * cosTheta - ob * sinTheta;
-      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
-      };
+    class SyncHook extends Hook {
+      call() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        this.taps.map(t => t.fn).forEach(cb => cb(...args));
+      }
     }
 
-    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 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";
 
-    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
+    var MeasureModeEnum;
+    !function (MeasureModeEnum) {
+      MeasureModeEnum[MeasureModeEnum.estimate = 0] = "estimate", MeasureModeEnum[MeasureModeEnum.actualBounding = 1] = "actualBounding", MeasureModeEnum[MeasureModeEnum.fontBounding = 2] = "fontBounding";
+    }(MeasureModeEnum || (MeasureModeEnum = {}));
+
+    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");
+    };
+    var isBoolean$1 = isBoolean;
+
+    const isFunction = value => "function" == typeof value;
+    var isFunction$1 = isFunction;
+
+    const isNil = value => null == value;
+    var isNil$1 = isNil;
+
+    const isValid = value => null != value;
+    var isValid$1 = isValid;
+
+    const isObject = value => {
+      const type = typeof value;
+      return null !== value && "object" === type || "function" === type;
+    };
+    var isObject$1 = isObject;
+
+    const isObjectLike = value => "object" == typeof value && null !== value;
+    var isObjectLike$1 = isObjectLike;
+
+    const isPlainObject = function (value) {
+      if (!isObjectLike$1(value) || !isType$1(value, "Object")) return !1;
+      if (null === Object.getPrototypeOf(value)) return !0;
+      let proto = value;
+      for (; null !== Object.getPrototypeOf(proto);) proto = Object.getPrototypeOf(proto);
+      return Object.getPrototypeOf(value) === proto;
     };
-    function hex(value) {
-      return ((value = Math.max(0, Math.min(255, Math.round(value) || 0))) < 16 ? "0" : "") + value.toString(16);
+    var isPlainObject$1 = isPlainObject;
+
+    const isString = function (value) {
+      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      const type = typeof value;
+      return fuzzy ? "string" === type : "string" === type || isType$1(value, "String");
+    };
+    var isString$1 = isString;
+
+    const isArray = value => Array.isArray ? Array.isArray(value) : isType$1(value, "Array");
+    var isArray$1 = isArray;
+
+    const isArrayLike = function (value) {
+      return null !== value && "function" != typeof value && Number.isFinite(value.length);
+    };
+    var isArrayLike$1 = isArrayLike;
+
+    const isNumber = function (value) {
+      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      const type = typeof value;
+      return fuzzy ? "number" === type : "number" === type || isType$1(value, "Number");
+    };
+    var isNumber$1 = isNumber;
+
+    const isValidNumber = value => isNumber$1(value) && Number.isFinite(value);
+    var isValidNumber$1 = isValidNumber;
+
+    const isValidUrl = value => new RegExp(/^(http(s)?:\/\/)\w+[^\s]+(\.[^\s]+){1,}$/).test(value);
+    var isValidUrl$1 = isValidUrl;
+
+    const isBase64 = value => new RegExp(/^data:image\/(?:gif|png|jpeg|bmp|webp|svg\+xml)(?:;charset=utf-8)?;base64,(?:[A-Za-z0-9]|[+/])+={0,2}/g).test(value);
+    var isBase64$1 = isBase64;
+
+    const getType = value => ({}).toString.call(value).replace(/^\[object /, "").replace(/]$/, "");
+    var getType$1 = getType;
+
+    const objectProto = Object.prototype,
+      isPrototype = function (value) {
+        const Ctor = value && value.constructor;
+        return value === ("function" == typeof Ctor && Ctor.prototype || objectProto);
+      };
+    var isPrototype$1 = isPrototype;
+
+    const hasOwnProperty$1 = 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;
+      return !0;
     }
-    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);
+
+    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;
+      if (source) {
+        if (target === source) return;
+        if (isValid$1(source) && "object" == typeof source) {
+          const iterable = Object(source),
+            props = [];
+          for (const key in iterable) props.push(key);
+          let {
+              length: length
+            } = props,
+            propIndex = -1;
+          for (; length--;) {
+            const key = props[++propIndex];
+            !isValid$1(iterable[key]) || "object" != typeof iterable[key] || skipTargetArray && isArray$1(target[key]) ? assignMergeValue(target, key, iterable[key]) : baseMergeDeep(target, source, key, shallowArray, skipTargetArray);
+          }
+        }
+      }
     }
-    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 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;
+      const objValue = target[key],
+        srcValue = source[key];
+      let newValue = source[key],
+        isCommon = !0;
+      if (isArray$1(srcValue)) {
+        if (shallowArray) newValue = [];else if (isArray$1(objValue)) newValue = objValue;else if (isArrayLike$1(objValue)) {
+          newValue = new Array(objValue.length);
+          let index = -1;
+          const length = objValue.length;
+          for (; ++index < length;) newValue[index] = objValue[index];
+        }
+      } else isPlainObject$1(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+      isCommon && baseMerge(newValue, srcValue, shallowArray, skipTargetArray), assignMergeValue(target, key, newValue);
     }
-    function SRGBToLinear(c) {
-      return c < .04045 ? .0773993808 * c : Math.pow(.9478672986 * c + .0521327014, 2.4);
+    function assignMergeValue(target, key, value) {
+      (void 0 !== value && !eq(target[key], value) || void 0 === value && !(key in target)) && (target[key] = value);
     }
-    function LinearToSRGB(c) {
-      return c < .0031308 ? 12.92 * c : 1.055 * Math.pow(c, .41666) - .055;
+    function eq(value, other) {
+      return value === other || Number.isNaN(value) && Number.isNaN(other);
     }
-    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;
+    function merge(target) {
+      let sourceIndex = -1;
+      const length = arguments.length <= 1 ? 0 : arguments.length - 1;
+      for (; ++sourceIndex < length;) {
+        baseMerge(target, sourceIndex + 1 < 1 || arguments.length <= sourceIndex + 1 ? undefined : arguments[sourceIndex + 1], !0);
       }
-    };
-    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();
+      return target;
+    }
+
+    function array(arr) {
+      return isValid$1(arr) ? isArray$1(arr) ? arr : [arr] : [];
+    }
+    function arrayEqual(a, b) {
+      if (!isArray$1(a) || !isArray$1(b)) return !1;
+      if (a.length !== b.length) return !1;
+      for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return !1;
+      return !0;
+    }
+
+    const hasConsole = "undefined" != typeof console;
+    function log(method, level, input) {
+      const args = [level].concat([].slice.call(input));
+      hasConsole && console[method].apply(console, args);
+    }
+    var LoggerLevel;
+    !function (LoggerLevel) {
+      LoggerLevel[LoggerLevel.None = 0] = "None", LoggerLevel[LoggerLevel.Error = 1] = "Error", LoggerLevel[LoggerLevel.Warn = 2] = "Warn", LoggerLevel[LoggerLevel.Info = 3] = "Info", LoggerLevel[LoggerLevel.Debug = 4] = "Debug";
+    }(LoggerLevel || (LoggerLevel = {}));
+    class Logger {
+      static getInstance(level, method) {
+        return Logger._instance && isNumber$1(level) ? Logger._instance.level(level) : Logger._instance || (Logger._instance = new Logger(level, method)), Logger._instance;
       }
-      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 setInstance(logger) {
+        return Logger._instance = logger;
       }
-      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 setInstanceLevel(level) {
+        Logger._instance ? Logger._instance.level(level) : Logger._instance = new Logger(level);
+      }
+      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;
+        this._onErrorHandler = [], this._level = level, this._method = method;
+      }
+      addErrorHandler(handler) {
+        this._onErrorHandler.find(h => h === handler) || this._onErrorHandler.push(handler);
+      }
+      removeErrorHandler(handler) {
+        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];
+        }
+        this._onErrorHandler.forEach(h => h(...args));
+      }
+      canLogInfo() {
+        return this._level >= LoggerLevel.Info;
+      }
+      canLogDebug() {
+        return this._level >= LoggerLevel.Debug;
+      }
+      canLogError() {
+        return this._level >= LoggerLevel.Error;
+      }
+      canLogWarn() {
+        return this._level >= LoggerLevel.Warn;
+      }
+      level(levelValue) {
+        return arguments.length ? (this._level = +levelValue, this) : this._level;
+      }
+      error() {
+        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];
+        }
+        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];
+        }
+        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];
         }
+        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;
+    const tau = 2 * pi;
+    const pi2 = 2 * Math.PI;
+    const abs = Math.abs;
+    const atan2 = Math.atan2;
+    const cos = Math.cos;
+    const max = Math.max;
+    const min = Math.min;
+    const sin = Math.sin;
+    const sqrt = Math.sqrt;
+    const pow = Math.pow;
+    function asin(x) {
+      return x >= 1 ? halfPi$1 : x <= -1 ? -halfPi$1 : Math.asin(x);
+    }
+
+    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;
+        this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
       }
-      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]));
-        }
+      clone() {
+        return new Point(this.x, this.y);
       }
-      constructor(value) {
-        const color = Color.parseColorString(value);
-        color ? this.color = color : (this.color = new RGB(255, 255, 255));
+      copyFrom(p) {
+        return this.x = p.x, this.y = p.y, this.x1 = p.x1, this.y1 = p.y1, this.defined = p.defined, this.context = p.context, this;
       }
-      toRGBA() {
-        return this.color.formatRgb();
+      set(x, y) {
+        return this.x = x, this.y = y, this;
       }
-      toString() {
-        return this.color.formatRgb();
+      add(point) {
+        return isNumber$1(point) ? (this.x += point, void (this.y += point)) : (this.x += point.x, this.y += point.y, this);
       }
-      toHex() {
-        return this.color.formatHex();
+      sub(point) {
+        return isNumber$1(point) ? (this.x -= point, void (this.y -= point)) : (this.x -= point.x, this.y -= point.y, this);
       }
-      toHsl() {
-        return this.color.formatHsl();
+      multi(point) {
+        throw new Error("暂不支持");
       }
-      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;
+      div(point) {
+        throw new Error("暂不支持");
       }
-      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;
+    }
+    class PointService {
+      static distancePP(p1, p2) {
+        return sqrt(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
       }
-      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;
+      static distanceNN(x, y, x1, y1) {
+        return sqrt(pow(x - x1, 2) + pow(y - y1, 2));
       }
-      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;
+      static distancePN(point, x, y) {
+        return sqrt(pow(x - point.x, 2) + pow(y - point.y, 2));
       }
-      getHSVBrightness() {
-        return Math.max(this.color.r, this.color.g, this.color.b) / 255;
+      static pointAtPP(p1, p2, t) {
+        return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
       }
-      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);
+    }
+
+    function degreeToRadian(degree) {
+      return degree * (Math.PI / 180);
+    }
+    function radianToDegree(radian) {
+      return 180 * radian / Math.PI;
+    }
+    const clampRadian = function () {
+      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      if (angle < 0) for (; angle < -tau;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
+      return angle;
+    };
+    const clampAngleByRadian = clampRadian;
+
+    var InnerBBox;
+    !function (InnerBBox) {
+      InnerBBox[InnerBBox.NONE = 0] = "NONE", InnerBBox[InnerBBox.BBOX1 = 1] = "BBOX1", InnerBBox[InnerBBox.BBOX2 = 2] = "BBOX2";
+    }(InnerBBox || (InnerBBox = {}));
+    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
+      };
+      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
+      };
+    }
+    function getCenterPoint(box) {
+      return {
+        x: (box.x1 + box.x2) / 2,
+        y: (box.y1 + box.y2) / 2
+      };
+    }
+    function toRect(box, isDeg) {
+      const deg = isDeg ? degreeToRadian(box.angle) : box.angle,
+        cp = getCenterPoint(box);
+      return [rotatePoint({
+        x: box.x1,
+        y: box.y1
+      }, deg, cp), rotatePoint({
+        x: box.x2,
+        y: box.y1
+      }, deg, cp), rotatePoint({
+        x: box.x2,
+        y: box.y2
+      }, deg, cp), rotatePoint({
+        x: box.x1,
+        y: box.y2
+      }, deg, cp)];
+    }
+    function isRotateAABBIntersect(box1, box2) {
+      let isDeg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+      const rect1 = toRect(box1, isDeg),
+        rect2 = toRect(box2, isDeg),
+        vector = (start, end) => [end.x - start.x, end.y - start.y],
+        vp1p2 = vector(getCenterPoint(box1), getCenterPoint(box2)),
+        AB = vector(rect1[0], rect1[1]),
+        BC = vector(rect1[1], rect1[2]),
+        A1B1 = vector(rect2[0], rect2[1]),
+        B1C1 = vector(rect2[1], rect2[2]),
+        deg11 = isDeg ? degreeToRadian(box1.angle) : box1.angle;
+      let deg12 = isDeg ? degreeToRadian(90 - box1.angle) : box1.angle + halfPi$1;
+      const deg21 = isDeg ? degreeToRadian(box2.angle) : box2.angle;
+      let deg22 = isDeg ? degreeToRadian(90 - box2.angle) : box2.angle + halfPi$1;
+      deg12 > pi2 && (deg12 -= pi2), deg22 > pi2 && (deg22 -= pi2);
+      const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
+        const checkAxis = [Math.cos(deg), Math.sin(deg)];
+        return checkAxisRadius + (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2 > getProjectionRadius(checkAxis, vp1p2);
+      };
+      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;
+      fontSizeScale || (fontSizeScale = 1);
+      const {
+        fontStyle = defaultAttr.fontStyle,
+        fontVariant = defaultAttr.fontVariant,
+        fontWeight = defaultAttr.fontWeight,
+        fontSize = defaultAttr.fontSize,
+        fontFamily = defaultAttr.fontFamily
+      } = text;
+      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize * fontSizeScale + "px " + (fontFamily || "sans-serif");
+    }
+
+    const calculateAnchorOfBounds = (bounds, anchorType) => {
+      const {
+          x1: x1,
+          x2: x2,
+          y1: y1,
+          y2: y2
+        } = bounds,
+        rectWidth = Math.abs(x2 - x1),
+        rectHeight = Math.abs(y2 - y1);
+      let anchorX = (x1 + x2) / 2,
+        anchorY = (y1 + y2) / 2,
+        sx = 0,
+        sy = 0;
+      switch (anchorType) {
+        case "top":
+        case "inside-top":
+          sy = -.5;
+          break;
+        case "bottom":
+        case "inside-bottom":
+          sy = .5;
+          break;
+        case "left":
+        case "inside-left":
+          sx = -.5;
+          break;
+        case "right":
+        case "inside-right":
+          sx = .5;
+          break;
+        case "top-right":
+          sx = .5, sy = -.5;
+          break;
+        case "top-left":
+          sx = -.5, sy = -.5;
+          break;
+        case "bottom-right":
+          sx = .5, sy = .5;
+          break;
+        case "bottom-left":
+          sx = -.5, sy = .5;
       }
-      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;
+      return anchorX += sx * rectWidth, anchorY += sy * rectHeight, {
+        x: anchorX,
+        y: anchorY
+      };
+    };
+
+    function transformBoundsWithMatrix(out, bounds, matrix) {
+      const {
+        x1: x1,
+        y1: y1,
+        x2: x2,
+        y2: y2
+      } = bounds;
+      return matrix.onlyTranslate() ? (out !== bounds && out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), out.translate(matrix.e, matrix.f), bounds) : (out.clear(), out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f), out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f), bounds);
+    }
+    class Bounds {
+      constructor(bounds) {
+        bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
       }
-      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;
+      clone() {
+        return new Bounds(this);
       }
-      setHex(value) {
-        const formatValue = `${value}`.trim().toLowerCase(),
-          res = setHex(formatValue, !0);
-        return null != res ? res : this;
+      clear() {
+        return this.x1 = +Number.MAX_VALUE, this.y1 = +Number.MAX_VALUE, this.x2 = -Number.MAX_VALUE, this.y2 = -Number.MAX_VALUE, this;
       }
-      setColorName(name) {
-        const hex = DEFAULT_COLORS[name.toLowerCase()];
-        return void 0 !== hex ? this.setHex(hex) : (void 0), this;
+      empty() {
+        return this.x1 === +Number.MAX_VALUE && this.y1 === +Number.MAX_VALUE && this.x2 === -Number.MAX_VALUE && this.y2 === -Number.MAX_VALUE;
       }
-      setScalar(scalar) {
-        return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
+      equals(b) {
+        return this.x1 === b.x1 && this.y1 === b.y1 && this.x2 === b.x2 && this.y2 === b.y2;
       }
-      setOpacity() {
-        let o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-        return this.color.opacity = o, this;
+      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;
+        return this.x1 = x1, this.y1 = y1, this.x2 = x2, this.y2 = y2, this;
       }
-      getLuminance() {
-        return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
+      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;
+        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;
       }
-      getLuminance2() {
-        return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
+      add() {
+        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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;
       }
-      getLuminance3() {
-        return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
+      expand() {
+        let d = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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;
       }
-      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;
+      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;
       }
-      clone() {
-        return new Color(this.color.toString());
+      translate() {
+        let dx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        let dy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+        return this.x1 += dx, this.x2 += dx, this.y1 += dy, this.y2 += dy, this;
       }
-      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;
+      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;
+        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]);
       }
-      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;
+      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;
+        const p = this.scalePoints(sx, sy, x, y);
+        return this.clear().add(p[0], p[1]).add(p[2], p[3]);
       }
-      convertGammaToLinear(gammaFactor) {
-        return this.copyGammaToLinear(this, gammaFactor), this;
+      union(b) {
+        return b.x1 < this.x1 && (this.x1 = b.x1), b.y1 < this.y1 && (this.y1 = b.y1), b.x2 > this.x2 && (this.x2 = b.x2), b.y2 > this.y2 && (this.y2 = b.y2), this;
       }
-      convertLinearToGamma(gammaFactor) {
-        return this.copyLinearToGamma(this, gammaFactor), this;
+      intersect(b) {
+        return b.x1 > this.x1 && (this.x1 = b.x1), b.y1 > this.y1 && (this.y1 = b.y1), b.x2 < this.x2 && (this.x2 = b.x2), b.y2 < this.y2 && (this.y2 = b.y2), 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;
+      encloses(b) {
+        return b && this.x1 <= b.x1 && this.x2 >= b.x2 && this.y1 <= b.y1 && this.y2 >= b.y2;
       }
-      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;
+      alignsWith(b) {
+        return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
       }
-      convertSRGBToLinear() {
-        return this.copySRGBToLinear(this), this;
+      intersects(b) {
+        return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
       }
-      convertLinearToSRGB() {
-        return this.copyLinearToSRGB(this), this;
+      contains() {
+        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+        return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
       }
-    }
-    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;
+      containsPoint(p) {
+        return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
       }
-      formatHex() {
-        return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
+      width() {
+        return this.empty() ? 0 : this.x2 - this.x1;
       }
-      formatRgb() {
-        const opacity = this.opacity;
-        return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
+      height() {
+        return this.empty() ? 0 : this.y2 - this.y1;
       }
-      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})`}`;
+      scaleX() {
+        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        return this.x1 *= s, this.x2 *= s, this;
       }
-      toString() {
-        return this.formatHex();
+      scaleY() {
+        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        return this.y1 *= s, this.y2 *= s, this;
       }
-    }
-
-    function normalizePadding(padding) {
-      if (isValidNumber$1(padding)) return [padding, padding, padding, padding];
-      if (isArray$1(padding)) {
-        const length = padding.length;
-        if (1 === length) {
-          const paddingValue = padding[0];
-          return [paddingValue, paddingValue, paddingValue, paddingValue];
-        }
-        if (2 === length) {
-          const [vertical, horizontal] = padding;
-          return [vertical, horizontal, vertical, horizontal];
-        }
-        if (3 === length) {
-          const [top, horizontal, bottom] = padding;
-          return [top, horizontal, bottom, horizontal];
-        }
-        if (4 === length) return padding;
+      transformWithMatrix(matrix) {
+        return transformBoundsWithMatrix(this, this, matrix), this;
       }
-      if (isObject$1(padding)) {
+      copy(b) {
+        return this.x1 = b.x1, this.y1 = b.y1, this.x2 = b.x2, this.y2 = b.y2, this;
+      }
+      rotatedPoints(angle, x, y) {
         const {
-          top = 0,
-          right = 0,
-          bottom = 0,
-          left = 0
-        } = padding;
-        return [top, right, bottom, left];
+            x1: x1,
+            y1: y1,
+            x2: x2,
+            y2: y2
+          } = this,
+          cos = Math.cos(angle),
+          sin = Math.sin(angle),
+          cx = x - x * cos + y * sin,
+          cy = y - x * sin - y * cos;
+        return [cos * x1 - sin * y1 + cx, sin * x1 + cos * y1 + cy, cos * x1 - sin * y2 + cx, sin * x1 + cos * y2 + cy, cos * x2 - sin * y1 + cx, sin * x2 + cos * y1 + cy, cos * x2 - sin * y2 + cx, sin * x2 + cos * y2 + cy];
       }
-      return [0, 0, 0, 0];
-    }
-
-    const styleStringToObject = function () {
-      let styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-      const res = {};
-      return styleStr.split(";").forEach(item => {
-        if (item) {
-          const arr = item.split(":");
-          if (2 === arr.length) {
-            const key = arr[0].trim(),
-              value = arr[1].trim();
-            key && value && (res[key] = value);
-          }
-        }
-      }), res;
-    };
-    const lowerCamelCaseToMiddle = str => str.replace(/([A-Z])/g, "-$1").toLowerCase();
-
-    var reactIs = {exports: {}};
-
-    var reactIs_production_min = {};
-
-    /**
-     * @license React
-     * react-is.production.min.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */
-    var hasRequiredReactIs_production_min;
-    function requireReactIs_production_min() {
-      if (hasRequiredReactIs_production_min) return reactIs_production_min;
-      hasRequiredReactIs_production_min = 1;
-      var b = Symbol.for("react.element"),
-        c = Symbol.for("react.portal"),
-        d = Symbol.for("react.fragment"),
-        e = Symbol.for("react.strict_mode"),
-        f = Symbol.for("react.profiler"),
-        g = Symbol.for("react.provider"),
-        h = Symbol.for("react.context"),
-        k = Symbol.for("react.server_context"),
-        l = Symbol.for("react.forward_ref"),
-        m = Symbol.for("react.suspense"),
-        n = Symbol.for("react.suspense_list"),
-        p = Symbol.for("react.memo"),
-        q = Symbol.for("react.lazy"),
-        t = Symbol.for("react.offscreen"),
-        u;
-      u = Symbol.for("react.module.reference");
-      function v(a) {
-        if ("object" === typeof a && null !== a) {
-          var r = a.$$typeof;
-          switch (r) {
-            case b:
-              switch (a = a.type, a) {
-                case d:
-                case f:
-                case e:
-                case m:
-                case n:
-                  return a;
-                default:
-                  switch (a = a && a.$$typeof, a) {
-                    case k:
-                    case h:
-                    case l:
-                    case q:
-                    case p:
-                    case g:
-                      return a;
-                    default:
-                      return r;
-                  }
-              }
-            case c:
-              return r;
-          }
-        }
+      scalePoints(sx, sy, x, y) {
+        const {
+          x1: x1,
+          y1: y1,
+          x2: x2,
+          y2: y2
+        } = this;
+        return [sx * x1 + (1 - sx) * x, sy * y1 + (1 - sy) * y, sx * x2 + (1 - sx) * x, sy * y2 + (1 - sy) * y];
       }
-      reactIs_production_min.ContextConsumer = h;
-      reactIs_production_min.ContextProvider = g;
-      reactIs_production_min.Element = b;
-      reactIs_production_min.ForwardRef = l;
-      reactIs_production_min.Fragment = d;
-      reactIs_production_min.Lazy = q;
-      reactIs_production_min.Memo = p;
-      reactIs_production_min.Portal = c;
-      reactIs_production_min.Profiler = f;
-      reactIs_production_min.StrictMode = e;
-      reactIs_production_min.Suspense = m;
-      reactIs_production_min.SuspenseList = n;
-      reactIs_production_min.isAsyncMode = function () {
-        return !1;
-      };
-      reactIs_production_min.isConcurrentMode = function () {
-        return !1;
-      };
-      reactIs_production_min.isContextConsumer = function (a) {
-        return v(a) === h;
-      };
-      reactIs_production_min.isContextProvider = function (a) {
-        return v(a) === g;
-      };
-      reactIs_production_min.isElement = function (a) {
-        return "object" === typeof a && null !== a && a.$$typeof === b;
-      };
-      reactIs_production_min.isForwardRef = function (a) {
-        return v(a) === l;
-      };
-      reactIs_production_min.isFragment = function (a) {
-        return v(a) === d;
-      };
-      reactIs_production_min.isLazy = function (a) {
-        return v(a) === q;
-      };
-      reactIs_production_min.isMemo = function (a) {
-        return v(a) === p;
-      };
-      reactIs_production_min.isPortal = function (a) {
-        return v(a) === c;
-      };
-      reactIs_production_min.isProfiler = function (a) {
-        return v(a) === f;
-      };
-      reactIs_production_min.isStrictMode = function (a) {
-        return v(a) === e;
-      };
-      reactIs_production_min.isSuspense = function (a) {
-        return v(a) === m;
-      };
-      reactIs_production_min.isSuspenseList = function (a) {
-        return v(a) === n;
-      };
-      reactIs_production_min.isValidElementType = function (a) {
-        return "string" === typeof a || "function" === typeof a || a === d || a === f || a === e || a === m || a === n || a === t || "object" === typeof a && null !== a && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || void 0 !== a.getModuleId) ? !0 : !1;
-      };
-      reactIs_production_min.typeOf = v;
-      return reactIs_production_min;
     }
-
-    {
-      reactIs.exports = requireReactIs_production_min();
+    class AABBBounds extends Bounds {}
+    class OBBBounds extends Bounds {
+      constructor(bounds) {
+        let angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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;
+        return super.setValue(x1, y1, x2, y2), this.angle = angle, this;
+      }
+      clone() {
+        return new OBBBounds(this);
+      }
+      getRotatedCorners() {
+        const originPoint = {
+          x: (this.x1 + this.x2) / 2,
+          y: (this.y1 + this.y2) / 2
+        };
+        return [rotatePoint({
+          x: this.x1,
+          y: this.y1
+        }, this.angle, originPoint), rotatePoint({
+          x: this.x2,
+          y: this.y1
+        }, this.angle, originPoint), rotatePoint({
+          x: this.x1,
+          y: this.y2
+        }, this.angle, originPoint), rotatePoint({
+          x: this.x2,
+          y: this.y2
+        }, this.angle, originPoint)];
+      }
     }
-    var reactIsExports = reactIs.exports;
-
-    const toArray = (children) => {
-        let result = [];
-        React.Children.forEach(children, child => {
-            if (isNil$1(child)) {
-                return;
-            }
-            if (reactIsExports.isFragment(child)) {
-                result = result.concat(toArray(child.props.children));
-            }
-            else {
-                result.push(child);
-            }
-        });
-        return result;
-    };
-
-    const REACT_PRIVATE_PROPS = ['children', 'hooks', 'ref'];
-
-    const EVENT_TYPE = {
-        ...vtable.TABLE_EVENT_TYPE,
-        ...vtable.PIVOT_TABLE_EVENT_TYPE,
-        ...vtable.PIVOT_CHART_EVENT_TYPE
-    };
-    const TABLE_EVENTS = {
-        onClickCell: EVENT_TYPE.CLICK_CELL,
-        onDblClickCell: EVENT_TYPE.DBLCLICK_CELL,
-        onMouseDownCell: EVENT_TYPE.MOUSEDOWN_CELL,
-        onMouseUpCell: EVENT_TYPE.MOUSEUP_CELL,
-        onSelectedCell: EVENT_TYPE.SELECTED_CELL,
-        onSelectedClear: EVENT_TYPE.SELECTED_CLEAR,
-        onKeyDown: EVENT_TYPE.KEYDOWN,
-        onMouseEnterTable: EVENT_TYPE.MOUSEENTER_TABLE,
-        onMouseLeaveTable: EVENT_TYPE.MOUSELEAVE_TABLE,
-        onMouseDownTable: EVENT_TYPE.MOUSEDOWN_TABLE,
-        onMouseMoveCell: EVENT_TYPE.MOUSEMOVE_CELL,
-        onMouseMoveTable: EVENT_TYPE.MOUSEMOVE_TABLE,
-        onMouseEnterCell: EVENT_TYPE.MOUSEENTER_CELL,
-        onMouseLeaveCell: EVENT_TYPE.MOUSELEAVE_CELL,
-        onContextMenuCell: EVENT_TYPE.CONTEXTMENU_CELL,
-        onResizeColumn: EVENT_TYPE.RESIZE_COLUMN,
-        onResizeColumnEnd: EVENT_TYPE.RESIZE_COLUMN_END,
-        onResizeRow: EVENT_TYPE.RESIZE_ROW,
-        onResizeRowEnd: EVENT_TYPE.RESIZE_ROW_END,
-        onChangeHeaderPositionStart: EVENT_TYPE.CHANGE_HEADER_POSITION_START,
-        onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,
-        onChangeHeaderPositionFail: EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL,
-        onSortClick: EVENT_TYPE.SORT_CLICK,
-        onAfterSort: EVENT_TYPE.AFTER_SORT,
-        onFreezeClick: EVENT_TYPE.FREEZE_CLICK,
-        onScroll: EVENT_TYPE.SCROLL,
-        onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END,
-        onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,
-        onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,
-        onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,
-        onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,
-        onCopyData: EVENT_TYPE.COPY_DATA,
-        onDropdownIconClick: EVENT_TYPE.DROPDOWN_ICON_CLICK,
-        onDropdownMenuClear: EVENT_TYPE.DROPDOWN_MENU_CLEAR,
-        onTreeHierarchyStateChange: EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE,
-        onShowMenu: EVENT_TYPE.SHOW_MENU,
-        onHideMenu: EVENT_TYPE.HIDE_MENU,
-        onIconClick: EVENT_TYPE.ICON_CLICK,
-        onLegendItemClick: EVENT_TYPE.LEGEND_ITEM_CLICK,
-        onLegendItemHover: EVENT_TYPE.LEGEND_ITEM_HOVER,
-        onLegendItemUnHover: EVENT_TYPE.LEGEND_ITEM_UNHOVER,
-        onLegendChange: EVENT_TYPE.LEGEND_CHANGE,
-        onMouseEnterAxis: EVENT_TYPE.MOUSEENTER_AXIS,
-        onMouseLeaveAxis: EVENT_TYPE.MOUSELEAVE_AXIS,
-        onCheckboxStateChange: EVENT_TYPE.CHECKBOX_STATE_CHANGE,
-        onRadioStateChange: EVENT_TYPE.RADIO_STATE_CHANGE,
-        onSwitchStateChange: EVENT_TYPE.SWITCH_STATE_CHANGE,
-        onAfterRender: EVENT_TYPE.AFTER_RENDER,
-        onInitialized: EVENT_TYPE.INITIALIZED,
-        onChangeCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
-        onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,
-        onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,
-        onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,
-        onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,
-        onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,
-        onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,
-        onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
-        onEmptyTipClick: EVENT_TYPE.EMPTY_TIP_CLICK,
-        onEmptyTipDblClick: EVENT_TYPE.EMPTY_TIP_DBLCLICK,
-        onButtonClick: EVENT_TYPE.BUTTON_CLICK
-    };
-    const TABLE_EVENTS_KEYS = Object.keys(TABLE_EVENTS);
-    const findEventProps = (props, supportedEvents = TABLE_EVENTS) => {
-        const result = {};
-        Object.keys(props).forEach(key => {
-            if (supportedEvents[key] && props[key]) {
-                result[key] = props[key];
-            }
-        });
-        return result;
-    };
-    const bindEventsToTable = (table, newProps, prevProps, supportedEvents = TABLE_EVENTS) => {
-        if ((!newProps && !prevProps) || !table) {
-            return false;
-        }
-        const prevEventProps = prevProps ? findEventProps(prevProps, supportedEvents) : null;
-        const newEventProps = newProps ? findEventProps(newProps, supportedEvents) : null;
-        if (prevEventProps) {
-            Object.keys(prevEventProps).forEach(eventKey => {
-                if (!newEventProps ||
-                    !newEventProps[eventKey] ||
-                    newEventProps[eventKey] !== prevEventProps[eventKey]) {
-                    table.off(supportedEvents[eventKey], prevProps[eventKey]);
-                }
-            });
-        }
-        if (newEventProps) {
-            Object.keys(newEventProps).forEach(eventKey => {
-                if (!prevEventProps ||
-                    !prevEventProps[eventKey] ||
-                    prevEventProps[eventKey] !== newEventProps[eventKey]) {
-                    table.on(supportedEvents[eventKey], newEventProps[eventKey]);
-                }
-            });
-        }
-        return true;
-    };
 
-    class Generator {
-      static GenAutoIncrementId() {
-        return Generator.auto_increment_id++;
+    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;
+        this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f;
+      }
+      equalToMatrix(m2) {
+        return !(this.e !== m2.e || this.f !== m2.f || this.a !== m2.a || this.d !== m2.d || this.b !== m2.b || this.c !== m2.c);
+      }
+      equalTo(a, b, c, d, e, f) {
+        return !(this.e !== e || this.f !== f || this.a !== a || this.d !== d || this.b !== b || this.c !== c);
+      }
+      setValue(a, b, c, d, e, f) {
+        return this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f, this;
+      }
+      reset() {
+        return this.a = 1, this.b = 0, this.c = 0, this.d = 1, this.e = 0, this.f = 0, this;
+      }
+      getInverse() {
+        const a = this.a,
+          b = this.b,
+          c = this.c,
+          d = this.d,
+          e = this.e,
+          f = this.f,
+          m = new Matrix(),
+          dt = a * d - b * c;
+        return m.a = d / dt, m.b = -b / dt, m.c = -c / dt, m.d = a / dt, m.e = (c * f - d * e) / dt, m.f = -(a * f - b * e) / dt, m;
+      }
+      rotate(rad) {
+        const c = Math.cos(rad),
+          s = Math.sin(rad),
+          m11 = this.a * c + this.c * s,
+          m12 = this.b * c + this.d * s,
+          m21 = this.a * -s + this.c * c,
+          m22 = this.b * -s + this.d * c;
+        return this.a = m11, this.b = m12, this.c = m21, this.d = m22, this;
       }
-    }
-    Generator.auto_increment_id = 0;
-
-    class ContainerModule {
-      constructor(registry) {
-        this.id = Generator.GenAutoIncrementId(), this.registry = registry;
+      rotateByCenter(rad, cx, cy) {
+        const cos = Math.cos(rad),
+          sin = Math.sin(rad),
+          rotateM13 = (1 - cos) * cx + sin * cy,
+          rotateM23 = (1 - cos) * cy - sin * cx,
+          m11 = cos * this.a - sin * this.b,
+          m21 = sin * this.a + cos * this.b,
+          m12 = cos * this.c - sin * this.d,
+          m22 = sin * this.c + cos * this.d,
+          m13 = cos * this.e - sin * this.f + rotateM13,
+          m23 = sin * this.e + cos * this.f + rotateM23;
+        return this.a = m11, this.b = m21, this.c = m12, this.d = m22, this.e = m13, this.f = m23, this;
       }
-    }
-
-    const NAMED_TAG = "named";
-    const INJECT_TAG = "inject";
-    const MULTI_INJECT_TAG = "multi_inject";
-    const TAGGED = "inversify:tagged";
-    const PARAM_TYPES = "inversify:paramtypes";
-
-    class Metadata {
-      constructor(key, value) {
-        this.key = key, this.value = value;
+      scale(sx, sy) {
+        return this.a *= sx, this.b *= sx, this.c *= sy, this.d *= sy, this;
       }
-      toString() {
-        return this.key === NAMED_TAG ? `named: ${String(this.value).toString()} ` : `tagged: { key:${this.key.toString()}, value: ${String(this.value)} }`;
+      setScale(sx, sy) {
+        return this.b = this.b / this.a * sx, this.c = this.c / this.d * sy, this.a = sx, this.d = sy, this;
       }
-    }
-
-    var Reflect$1 = (function (Reflect) {
-      var target;
-      return function (exporter) {
-        const supportsSymbol = "function" == typeof Symbol,
-          toPrimitiveSymbol = supportsSymbol && void 0 !== Symbol.toPrimitive ? Symbol.toPrimitive : "@@toPrimitive",
-          functionPrototype = (Object.getPrototypeOf(Function)),
-          _Map = ("object" == typeof process && process.env && process.env.REFLECT_METADATA_USE_MAP_POLYFILL, Map),
-          Metadata = (new WeakMap());
-        function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-        }
-        function hasMetadata(metadataKey, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasMetadata(metadataKey, target, propertyKey);
-        }
-        function hasOwnMetadata(metadataKey, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
-        }
-        function getMetadata(metadataKey, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryGetMetadata(metadataKey, target, propertyKey);
-        }
-        function GetOrCreateMetadataMap(O, P, Create) {
-          let targetMetadata = Metadata.get(O);
-          if (IsUndefined(targetMetadata)) {
-            if (!Create) return;
-            targetMetadata = new _Map(), Metadata.set(O, targetMetadata);
-          }
-          let metadataMap = targetMetadata.get(P);
-          if (IsUndefined(metadataMap)) {
-            if (!Create) return;
-            metadataMap = new _Map(), targetMetadata.set(P, metadataMap);
-          }
-          return metadataMap;
-        }
-        function OrdinaryHasMetadata(MetadataKey, O, P) {
-          if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return !0;
-          const parent = OrdinaryGetPrototypeOf(O);
-          return !IsNull(parent) && OrdinaryHasMetadata(MetadataKey, parent, P);
-        }
-        function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
-          const metadataMap = GetOrCreateMetadataMap(O, P, !1);
-          return !IsUndefined(metadataMap) && ToBoolean(metadataMap.has(MetadataKey));
-        }
-        function OrdinaryGetMetadata(MetadataKey, O, P) {
-          if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return OrdinaryGetOwnMetadata(MetadataKey, O, P);
-          const parent = OrdinaryGetPrototypeOf(O);
-          return IsNull(parent) ? void 0 : OrdinaryGetMetadata(MetadataKey, parent, P);
-        }
-        function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
-          const metadataMap = GetOrCreateMetadataMap(O, P, !1);
-          if (!IsUndefined(metadataMap)) return metadataMap.get(MetadataKey);
-        }
-        function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
-          GetOrCreateMetadataMap(O, P, !0).set(MetadataKey, MetadataValue);
-        }
-        function Type(x) {
-          if (null === x) return 1;
-          switch (typeof x) {
-            case "undefined":
-              return 0;
-            case "boolean":
-              return 2;
-            case "string":
-              return 3;
-            case "symbol":
-              return 4;
-            case "number":
-              return 5;
-            case "object":
-              return null === x ? 1 : 6;
-            default:
-              return 6;
-          }
-        }
-        function IsUndefined(x) {
-          return void 0 === x;
-        }
-        function IsNull(x) {
-          return null === x;
-        }
-        function IsSymbol(x) {
-          return "symbol" == typeof x;
-        }
-        function IsObject(x) {
-          return "object" == typeof x ? null !== x : "function" == typeof x;
-        }
-        function ToPrimitive(input, PreferredType) {
-          switch (Type(input)) {
-            case 0:
-            case 1:
-            case 2:
-            case 3:
-            case 4:
-            case 5:
-              return input;
-          }
-          const hint = 3 === PreferredType ? "string" : 5 === PreferredType ? "number" : "default",
-            exoticToPrim = GetMethod(input, toPrimitiveSymbol);
-          if (void 0 !== exoticToPrim) {
-            const result = exoticToPrim.call(input, hint);
-            if (IsObject(result)) throw new TypeError();
-            return result;
-          }
-          return OrdinaryToPrimitive(input, "default" === hint ? "number" : hint);
-        }
-        function OrdinaryToPrimitive(O, hint) {
-          if ("string" === hint) {
-            const toString_1 = O.toString;
-            if (IsCallable(toString_1)) {
-              const result = toString_1.call(O);
-              if (!IsObject(result)) return result;
-            }
-            const valueOf = O.valueOf;
-            if (IsCallable(valueOf)) {
-              const result = valueOf.call(O);
-              if (!IsObject(result)) return result;
-            }
-          } else {
-            const valueOf = O.valueOf;
-            if (IsCallable(valueOf)) {
-              const result = valueOf.call(O);
-              if (!IsObject(result)) return result;
-            }
-            const toString_2 = O.toString;
-            if (IsCallable(toString_2)) {
-              const result = toString_2.call(O);
-              if (!IsObject(result)) return result;
-            }
-          }
-          throw new TypeError();
-        }
-        function ToBoolean(argument) {
-          return !!argument;
-        }
-        function ToString(argument) {
-          return "" + argument;
-        }
-        function ToPropertyKey(argument) {
-          const key = ToPrimitive(argument, 3);
-          return IsSymbol(key) ? key : ToString(key);
-        }
-        function IsCallable(argument) {
-          return "function" == typeof argument;
-        }
-        function GetMethod(V, P) {
-          const func = V[P];
-          if (null != func) {
-            if (!IsCallable(func)) throw new TypeError();
-            return func;
-          }
-        }
-        function OrdinaryGetPrototypeOf(O) {
-          const proto = Object.getPrototypeOf(O);
-          if ("function" != typeof O || O === functionPrototype) return proto;
-          if (proto !== functionPrototype) return proto;
-          const prototype = O.prototype,
-            prototypeProto = prototype && Object.getPrototypeOf(prototype);
-          if (null == prototypeProto || prototypeProto === Object.prototype) return proto;
-          const constructor = prototypeProto.constructor;
-          return "function" != typeof constructor || constructor === O ? proto : constructor;
+      transform(a, b, c, d, e, f) {
+        return this.multiply(a, b, c, d, e, f), this;
+      }
+      translate(x, y) {
+        return this.e += this.a * x + this.c * y, this.f += this.b * x + this.d * y, this;
+      }
+      transpose() {
+        const {
+          a: a,
+          b: b,
+          c: c,
+          d: d,
+          e: e,
+          f: f
+        } = this;
+        return this.a = b, this.b = a, this.c = d, this.d = c, this.e = f, this.f = e, this;
+      }
+      multiply(a2, b2, c2, d2, e2, f2) {
+        const a1 = this.a,
+          b1 = this.b,
+          c1 = this.c,
+          d1 = this.d,
+          m11 = a1 * a2 + c1 * b2,
+          m12 = b1 * a2 + d1 * b2,
+          m21 = a1 * c2 + c1 * d2,
+          m22 = b1 * c2 + d1 * d2,
+          dx = a1 * e2 + c1 * f2 + this.e,
+          dy = b1 * e2 + d1 * f2 + this.f;
+        return this.a = m11, this.b = m12, this.c = m21, this.d = m22, this.e = dx, this.f = dy, this;
+      }
+      interpolate(m2, t) {
+        const m = new Matrix();
+        return m.a = this.a + (m2.a - this.a) * t, m.b = this.b + (m2.b - this.b) * t, m.c = this.c + (m2.c - this.c) * t, m.d = this.d + (m2.d - this.d) * t, m.e = this.e + (m2.e - this.e) * t, m.f = this.f + (m2.f - this.f) * t, m;
+      }
+      transformPoint(source, target) {
+        const {
+            a: a,
+            b: b,
+            c: c,
+            d: d,
+            e: e,
+            f: f
+          } = this,
+          dt = a * d - b * c,
+          nextA = d / dt,
+          nextB = -b / dt,
+          nextC = -c / dt,
+          nextD = a / dt,
+          nextE = (c * f - d * e) / dt,
+          nextF = -(a * f - b * e) / dt,
+          {
+            x: x,
+            y: y
+          } = 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;
+        return this.a === scale && 0 === this.b && 0 === this.c && this.d === scale;
+      }
+      clone() {
+        return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f);
+      }
+      toTransformAttrs() {
+        const a = this.a,
+          b = this.b,
+          c = this.c,
+          d = this.d,
+          delta = a * d - b * c,
+          result = {
+            x: this.e,
+            y: this.f,
+            rotateDeg: 0,
+            scaleX: 0,
+            scaleY: 0,
+            skewX: 0,
+            skewY: 0
+          };
+        if (0 !== a || 0 !== b) {
+          const r = Math.sqrt(a * a + b * b);
+          result.rotateDeg = b > 0 ? Math.acos(a / r) : -Math.acos(a / r), result.scaleX = r, result.scaleY = delta / r, result.skewX = (a * c + b * d) / delta, result.skewY = 0;
+        } else if (0 !== c || 0 !== d) {
+          const s = Math.sqrt(c * c + d * d);
+          result.rotateDeg = Math.PI / 2 - (d > 0 ? Math.acos(-c / s) : -Math.acos(c / s)), result.scaleX = delta / s, result.scaleY = s, result.skewX = 0, result.skewY = (a * c + b * d) / delta;
         }
-        exporter("defineMetadata", defineMetadata), exporter("hasMetadata", hasMetadata), exporter("hasOwnMetadata", hasOwnMetadata), exporter("getMetadata", getMetadata);
-      }((target = Reflect, function (key, value) {
-        "function" != typeof target[key] && Object.defineProperty(target, key, {
-          configurable: !0,
-          writable: !0,
-          value: value
-        });
-      })), Reflect;
-    })({});
-
-    function _tagParameterOrProperty(metadataKey, annotationTarget, key, metadata) {
-      const metadatas = [metadata];
-      let paramsOrPropertiesMetadata = {};
-      Reflect$1.hasOwnMetadata(metadataKey, annotationTarget) && (paramsOrPropertiesMetadata = Reflect$1.getMetadata(metadataKey, annotationTarget));
-      let paramOrPropertyMetadata = paramsOrPropertiesMetadata[key];
-      void 0 === paramOrPropertyMetadata && (paramOrPropertyMetadata = []), paramOrPropertyMetadata.push(...metadatas), paramsOrPropertiesMetadata[key] = paramOrPropertyMetadata, Reflect$1.defineMetadata(metadataKey, paramsOrPropertiesMetadata, annotationTarget);
+        return result.rotateDeg = radianToDegree(result.rotateDeg), result;
+      }
     }
-    function tagParameter(annotationTarget, parameterName, parameterIndex, metadata) {
-      _tagParameterOrProperty(TAGGED, annotationTarget, parameterIndex.toString(), metadata);
+    function normalTransform(out, origin, x, y, scaleX, scaleY, angle, rotateCenter) {
+      const oa = origin.a,
+        ob = origin.b,
+        oc = origin.c,
+        od = origin.d,
+        oe = origin.e,
+        of = origin.f,
+        cosTheta = cos(angle),
+        sinTheta = sin(angle);
+      let rotateCenterX, rotateCenterY;
+      rotateCenter ? (rotateCenterX = rotateCenter[0], rotateCenterY = rotateCenter[1]) : (rotateCenterX = x, rotateCenterY = y);
+      const offsetX = rotateCenterX - x,
+        offsetY = rotateCenterY - y,
+        a1 = oa * cosTheta + oc * sinTheta,
+        b1 = ob * cosTheta + od * sinTheta,
+        c1 = oc * cosTheta - oa * sinTheta,
+        d1 = od * cosTheta - ob * sinTheta;
+      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 createTaggedDecorator(metadata) {
-      return (target, targetKey, indexOrPropertyDescriptor) => {
-        tagParameter(target, targetKey, indexOrPropertyDescriptor, metadata);
+
+    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 injectBase(metadataKey) {
-      return serviceIdentifier => (target, targetKey, indexOrPropertyDescriptor) => createTaggedDecorator(new Metadata(metadataKey, serviceIdentifier))(target, targetKey, indexOrPropertyDescriptor);
-    }
 
-    const inject = injectBase(INJECT_TAG);
+    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
+      };
+    }
 
-    function injectable() {
-      return function (target) {
-        return Reflect$1.defineMetadata(PARAM_TYPES, null, target), target;
+    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 named(name) {
-      return createTaggedDecorator(new Metadata(NAMED_TAG, name));
+    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);
     }
-
-    const BindingScopeEnum = {
-        Singleton: "Singleton",
-        Transient: "Transient"
-      },
-      BindingTypeEnum = {
-        ConstantValue: "ConstantValue",
-        Constructor: "Constructor",
-        DynamicValue: "DynamicValue",
-        Factory: "Factory",
-        Function: "Function",
-        Instance: "Instance",
-        Invalid: "Invalid",
-        Provider: "Provider"
-      };
-
-    class Binding {
-      constructor(serviceIdentifier, scope) {
-        this.id = Generator.GenAutoIncrementId(), this.activated = !1, this.serviceIdentifier = serviceIdentifier, this.scope = scope, this.type = BindingTypeEnum.Invalid, this.constraint = request => !0, this.implementationType = null, this.cache = null, this.factory = null, this.provider = null, this.dynamicValue = null;
-      }
-      clone() {
-        const clone = new Binding(this.serviceIdentifier, this.scope);
-        return clone.activated = clone.scope === BindingScopeEnum.Singleton && this.activated, clone.implementationType = this.implementationType, clone.dynamicValue = this.dynamicValue, clone.scope = this.scope, clone.type = this.type, clone.provider = this.provider, clone.constraint = this.constraint, clone.cache = this.cache, clone;
-      }
+    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);
     }
-
-    class MetadataReader {
-      getConstructorMetadata(constructorFunc) {
-        return {
-          compilerGeneratedMetadata: Reflect$1.getMetadata(PARAM_TYPES, constructorFunc),
-          userGeneratedMetadata: Reflect$1.getMetadata(TAGGED, constructorFunc) || {}
-        };
-      }
-      getPropertiesMetadata(constructorFunc) {
-        throw new Error("暂未实现");
-      }
+    function SRGBToLinear(c) {
+      return c < .04045 ? .0773993808 * c : Math.pow(.9478672986 * c + .0521327014, 2.4);
     }
-
-    const taggedConstraint = key => value => {
-      const constraint = request => {
-        if (null == request) return !1;
-        if (request.key === key && request.value === value) return !0;
-        if (null == request.constructorArgsMetadata) return !1;
-        const constructorArgsMetadata = request.constructorArgsMetadata;
-        for (let i = 0; i < constructorArgsMetadata.length; i++) if (constructorArgsMetadata[i].key === key && constructorArgsMetadata[i].value === value) return !0;
-        return !1;
-      };
-      return constraint.metaData = new Metadata(key, value), constraint;
-    };
-    const namedConstraint = taggedConstraint(NAMED_TAG);
-
-    class BindingInSyntax {
-      constructor(binding) {
-        this._binding = binding;
-      }
-      inRequestScope() {
-        throw new Error("暂未实现");
-      }
-      inSingletonScope() {
-        return this._binding.scope = BindingScopeEnum.Singleton, this;
+    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;
       }
-      inTransientScope() {
-        return this._binding.scope = BindingScopeEnum.Transient, this;
+    };
+    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();
       }
-      whenTargetNamed(name) {
-        return this._binding.constraint = namedConstraint(name), this;
+      static SetOpacity(source) {
+        let o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        return 1 === o ? source : new Color(source).setOpacity(o).toRGBA();
       }
-    }
-
-    class BindingToSyntax {
-      constructor(binding) {
-        this._binding = binding;
+      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();
+        }
       }
-      to(constructor) {
-        return this._binding.type = BindingTypeEnum.Instance, this._binding.implementationType = constructor, new BindingInSyntax(this._binding);
+      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]));
+        }
       }
-      toSelf() {
-        const self = this._binding.serviceIdentifier;
-        return this.to(self);
+      constructor(value) {
+        const color = Color.parseColorString(value);
+        color ? this.color = color : (this.color = new RGB(255, 255, 255));
       }
-      toDynamicValue(func) {
-        return this._binding.type = BindingTypeEnum.DynamicValue, this._binding.cache = null, this._binding.dynamicValue = func, this._binding.implementationType = null, new BindingInSyntax(this._binding);
+      toRGBA() {
+        return this.color.formatRgb();
       }
-      toConstantValue(value) {
-        return this._binding.type = BindingTypeEnum.ConstantValue, this._binding.cache = value, this._binding.dynamicValue = null, this._binding.implementationType = null, this._binding.scope = BindingScopeEnum.Singleton, new BindingInSyntax(this._binding);
+      toString() {
+        return this.color.formatRgb();
       }
-      toFactory(factory) {
-        return this._binding.type = BindingTypeEnum.Factory, this._binding.factory = factory, this._binding.scope = BindingScopeEnum.Singleton, new BindingInSyntax(this._binding);
+      toHex() {
+        return this.color.formatHex();
       }
-      toService(service) {
-        this.toDynamicValue(context => context.container.get(service));
+      toHsl() {
+        return this.color.formatHsl();
       }
-    }
-
-    class Container {
-      constructor(containerOptions) {
-        const options = containerOptions || {};
-        options.defaultScope = options.defaultScope || BindingScopeEnum.Transient, this.options = options, this.id = Generator.GenAutoIncrementId(), this._bindingDictionary = new Map(), this._metadataReader = new MetadataReader();
+      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;
       }
-      load(module) {
-        const containerModuleHelpers = this._getContainerModuleHelpersFactory()(module.id);
-        module.registry(containerModuleHelpers.bindFunction, containerModuleHelpers.unbindFunction, containerModuleHelpers.isboundFunction, containerModuleHelpers.rebindFunction);
+      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;
       }
-      get(serviceIdentifier) {
-        const getArgs = this._getNotAllArgs(serviceIdentifier, !1);
-        return this._get(getArgs);
+      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;
       }
-      getAll(serviceIdentifier) {
-        const getArgs = this._getAllArgs(serviceIdentifier);
-        return this._get(getArgs);
+      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;
       }
-      getTagged(serviceIdentifier, key, value) {
-        const getArgs = this._getNotAllArgs(serviceIdentifier, !1, key, value);
-        return this._get(getArgs);
+      getHSVBrightness() {
+        return Math.max(this.color.r, this.color.g, this.color.b) / 255;
       }
-      getNamed(serviceIdentifier, named) {
-        return this.getTagged(serviceIdentifier, NAMED_TAG, named);
+      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);
       }
-      isBound(serviceIdentifier) {
-        return this._bindingDictionary.has(serviceIdentifier);
+      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;
       }
-      bind(serviceIdentifier) {
-        const scope = this.options.defaultScope,
-          binding = new Binding(serviceIdentifier, scope),
-          list = this._bindingDictionary.get(serviceIdentifier) || [];
-        return list.push(binding), this._bindingDictionary.set(serviceIdentifier, list), new BindingToSyntax(binding);
+      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;
       }
-      unbind(serviceIdentifier) {
-        this._bindingDictionary.delete(serviceIdentifier);
+      setHex(value) {
+        const formatValue = `${value}`.trim().toLowerCase(),
+          res = setHex(formatValue, !0);
+        return null != res ? res : this;
       }
-      rebind(serviceIdentifier) {
-        return this.unbind(serviceIdentifier), this.bind(serviceIdentifier);
+      setColorName(name) {
+        const hex = DEFAULT_COLORS[name.toLowerCase()];
+        return void 0 !== hex ? this.setHex(hex) : (void 0), this;
       }
-      _getContainerModuleHelpersFactory() {
-        const setModuleId = (bindingToSyntax, moduleId) => {
-            bindingToSyntax._binding.moduleId = moduleId;
-          },
-          getBindFunction = moduleId => serviceIdentifier => {
-            const bindingToSyntax = this.bind(serviceIdentifier);
-            return setModuleId(bindingToSyntax, moduleId), bindingToSyntax;
-          },
-          getUnbindFunction = () => serviceIdentifier => this.unbind(serviceIdentifier),
-          getIsboundFunction = () => serviceIdentifier => this.isBound(serviceIdentifier),
-          getRebindFunction = moduleId => serviceIdentifier => {
-            const bindingToSyntax = this.rebind(serviceIdentifier);
-            return setModuleId(bindingToSyntax, moduleId), bindingToSyntax;
-          };
-        return mId => ({
-          bindFunction: getBindFunction(mId),
-          isboundFunction: getIsboundFunction(),
-          rebindFunction: getRebindFunction(mId),
-          unbindFunction: getUnbindFunction(),
-          unbindAsyncFunction: serviceIdentifier => null
-        });
+      setScalar(scalar) {
+        return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
       }
-      _getNotAllArgs(serviceIdentifier, isMultiInject, key, value) {
-        return {
-          avoidConstraints: !1,
-          isMultiInject: isMultiInject,
-          serviceIdentifier: serviceIdentifier,
-          key: key,
-          value: value
-        };
+      setOpacity() {
+        let o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        return this.color.opacity = o, this;
       }
-      _getAllArgs(serviceIdentifier) {
-        return {
-          avoidConstraints: !0,
-          isMultiInject: !0,
-          serviceIdentifier: serviceIdentifier
-        };
+      getLuminance() {
+        return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
       }
-      _get(getArgs) {
-        const result = [];
-        return this._bindingDictionary.get(getArgs.serviceIdentifier).filter(b => b.constraint(getArgs)).forEach(binding => {
-          result.push(this._resolveFromBinding(binding));
-        }), getArgs.isMultiInject || 1 !== result.length ? result : result[0];
+      getLuminance2() {
+        return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
       }
-      _getChildRequest(binding) {
-        const constr = binding.implementationType,
-          {
-            userGeneratedMetadata: userGeneratedMetadata
-          } = this._metadataReader.getConstructorMetadata(constr),
-          keys = Object.keys(userGeneratedMetadata),
-          arr = [];
-        for (let i = 0; i < keys.length; i++) {
-          const constructorArgsMetadata = userGeneratedMetadata[i],
-            targetMetadataMap = {};
-          constructorArgsMetadata.forEach(md => {
-            targetMetadataMap[md.key] = md.value;
-          });
-          const metadata = {
-              inject: targetMetadataMap[INJECT_TAG],
-              multiInject: targetMetadataMap[MULTI_INJECT_TAG]
-            },
-            injectIdentifier = metadata.inject || metadata.multiInject,
-            target = {
-              serviceIdentifier: injectIdentifier,
-              constructorArgsMetadata: constructorArgsMetadata
-            },
-            bindings = (this._bindingDictionary.get(injectIdentifier) || []).filter(b => b.constraint(target));
-          if (bindings.length) {
-            const request = {
-              injectIdentifier: injectIdentifier,
-              metadata: constructorArgsMetadata,
-              bindings: bindings
-            };
-            arr.push(request);
-          }
-        }
-        return arr;
+      getLuminance3() {
+        return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
       }
-      _resolveFromBinding(binding) {
-        const result = this._getResolvedFromBinding(binding);
-        return this._saveToScope(binding, result), result;
+      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;
       }
-      _getResolvedFromBinding(binding) {
-        let result;
-        switch (binding.type) {
-          case BindingTypeEnum.ConstantValue:
-          case BindingTypeEnum.Function:
-            result = binding.cache;
-            break;
-          case BindingTypeEnum.Instance:
-            result = this._resolveInstance(binding, binding.implementationType);
-            break;
-          default:
-            result = binding.dynamicValue({
-              container: this
-            });
-        }
-        return result;
+      clone() {
+        return new Color(this.color.toString());
       }
-      _resolveInstance(binding, constr) {
-        if (binding.activated) return binding.cache;
-        const childRequests = this._getChildRequest(binding);
-        return this._createInstance(constr, childRequests);
+      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;
       }
-      _createInstance(constr, childRequests) {
-        if (childRequests.length) {
-          return new constr(...this._resolveRequests(childRequests));
-        }
-        return new constr();
+      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;
       }
-      _resolveRequests(childRequests) {
-        return childRequests.map(request => request.bindings.length > 1 ? request.bindings.map(binding => this._resolveFromBinding(binding)) : this._resolveFromBinding(request.bindings[0]));
+      convertGammaToLinear(gammaFactor) {
+        return this.copyGammaToLinear(this, gammaFactor), this;
       }
-      _saveToScope(binding, result) {
-        binding.scope === BindingScopeEnum.Singleton && (binding.cache = result, binding.activated = !0);
+      convertLinearToGamma(gammaFactor) {
+        return this.copyLinearToGamma(this, gammaFactor), this;
       }
-    }
-
-    const ContributionProvider = Symbol("ContributionProvider");
-    class ContributionProviderCache {
-      constructor(serviceIdentifier, container) {
-        this.serviceIdentifier = serviceIdentifier, this.container = container;
+      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;
       }
-      getContributions() {
-        return this.caches || (this.caches = [], this.container && this.container.isBound(this.serviceIdentifier) && this.caches.push(...this.container.getAll(this.serviceIdentifier))), this.caches;
+      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;
       }
-    }
-    function bindContributionProvider(bind, id) {
-      bind(ContributionProvider).toDynamicValue(_ref => {
-        let {
-          container: container
-        } = _ref;
-        return new ContributionProviderCache(id, container);
-      }).inSingletonScope().whenTargetNamed(id);
-    }
-
-    class Hook {
-      constructor(args, name) {
-        this._args = args, this.name = name, this.taps = [];
+      convertSRGBToLinear() {
+        return this.copySRGBToLinear(this), this;
       }
-      tap(options, fn) {
-        this._tap("sync", options, fn);
+      convertLinearToSRGB() {
+        return this.copyLinearToSRGB(this), this;
       }
-      unTap(options, fn) {
-        const name = "string" == typeof options ? options.trim() : options.name;
-        name && (this.taps = this.taps.filter(tap => !(tap.name === name && (!fn || tap.fn === fn))));
+    }
+    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;
       }
-      _parseOptions(type, options, fn) {
-        let _options;
-        if ("string" == typeof options) _options = {
-          name: options.trim()
-        };else if ("object" != typeof options || null === options) throw new Error("Invalid tap options");
-        if ("string" != typeof _options.name || "" === _options.name) throw new Error("Missing name for tap");
-        return _options = Object.assign({
-          type: type,
-          fn: fn
-        }, _options), _options;
+      formatHex() {
+        return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
       }
-      _tap(type, options, fn) {
-        this._insert(this._parseOptions(type, options, fn));
+      formatRgb() {
+        const opacity = this.opacity;
+        return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
       }
-      _insert(item) {
-        let before;
-        "string" == typeof item.before ? before = new Set([item.before]) : Array.isArray(item.before) && (before = new Set(item.before));
-        let stage = 0;
-        "number" == typeof item.stage && (stage = item.stage);
-        let i = this.taps.length;
-        for (; i > 0;) {
-          i--;
-          const x = this.taps[i];
-          this.taps[i + 1] = x;
-          const xStage = x.stage || 0;
-          if (before) {
-            if (before.has(x.name)) {
-              before.delete(x.name);
-              continue;
-            }
-            if (before.size > 0) continue;
-          }
-          if (!(xStage > stage)) {
-            i++;
-            break;
-          }
-        }
-        this.taps[i] = item;
+      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();
       }
     }
 
-    class SyncHook extends Hook {
-      call() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
+    function normalizePadding(padding) {
+      if (isValidNumber$1(padding)) return [padding, padding, padding, padding];
+      if (isArray$1(padding)) {
+        const length = padding.length;
+        if (1 === length) {
+          const paddingValue = padding[0];
+          return [paddingValue, paddingValue, paddingValue, paddingValue];
         }
-        this.taps.map(t => t.fn).forEach(cb => cb(...args));
+        if (2 === length) {
+          const [vertical, horizontal] = padding;
+          return [vertical, horizontal, vertical, horizontal];
+        }
+        if (3 === length) {
+          const [top, horizontal, bottom] = padding;
+          return [top, horizontal, bottom, horizontal];
+        }
+        if (4 === length) return padding;
+      }
+      if (isObject$1(padding)) {
+        const {
+          top = 0,
+          right = 0,
+          bottom = 0,
+          left = 0
+        } = padding;
+        return [top, right, bottom, left];
       }
+      return [0, 0, 0, 0];
     }
 
-    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";
-
-    var MeasureModeEnum;
-    !function (MeasureModeEnum) {
-      MeasureModeEnum[MeasureModeEnum.estimate = 0] = "estimate", MeasureModeEnum[MeasureModeEnum.actualBounding = 1] = "actualBounding", MeasureModeEnum[MeasureModeEnum.fontBounding = 2] = "fontBounding";
-    }(MeasureModeEnum || (MeasureModeEnum = {}));
+    const styleStringToObject = function () {
+      let styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+      const res = {};
+      return styleStr.split(";").forEach(item => {
+        if (item) {
+          const arr = item.split(":");
+          if (2 === arr.length) {
+            const key = arr[0].trim(),
+              value = arr[1].trim();
+            key && value && (res[key] = value);
+          }
+        }
+      }), res;
+    };
+    const lowerCamelCaseToMiddle = str => str.replace(/([A-Z])/g, "-$1").toLowerCase();
 
     const circleThreshold = tau - 1e-8;
     class BoundsContext {
@@ -3913,7 +4100,8 @@
       filter: "",
       cursor: null,
       html: null,
-      react: null
+      react: null,
+      vue: null
     }, DefaultFillStyle), DefaultStrokeStyle), DefaultLayout), DefaultPickStyle);
     const DefaultConnectAttribute = {
       connectedType: "none",
@@ -4021,6 +4209,12 @@
       cornerRadius: 0,
       closePath: !0
     });
+    const DefaultStarAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
+      width: 100,
+      height: 100,
+      spikes: 5,
+      thickness: .5
+    });
     const DefaultRectAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
       width: 0,
       height: 0,
@@ -4346,6 +4540,7 @@
     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;
+      var _a, _b;
       if (!c || !0 === c) return "black";
       let result, color;
       if (isArray$1(c)) for (let i = 0; i < c.length && (color = c[i], !color); i++);else color = c;
@@ -4359,9 +4554,10 @@
         if (params.attribute) {
           const {
             scaleX = 1,
-            scaleY = 1
+            scaleY = 1,
+            angle = 0
           } = params.attribute;
-          w /= scaleX, h /= scaleY, x /= scaleX, y /= scaleY;
+          w /= scaleX, h /= scaleY, x /= scaleX, y /= scaleY, (angle || 1 !== scaleX || 1 !== scaleY) && (x = 0, y = 0, w = null !== (_a = params.widthWithoutTransform) && void 0 !== _a ? _a : w, h = null !== (_b = params.heightWithoutTransform) && void 0 !== _b ? _b : h);
         }
         "linear" === color.gradient ? result = createLinearGradient(context, color, x, y, w, h) : "conical" === color.gradient ? result = createConicGradient(context, color, x, y, w, h) : "radial" === color.gradient && (result = createRadialGradient(context, color, x, y, w, h));
       }
@@ -4461,6 +4657,7 @@
       ctx.globalAlpha = strokeOpacity * opacity, ctx.lineWidth = character && "number" == typeof character.lineWidth ? character.lineWidth : 1, ctx.strokeStyle = strokeStyle, setTextStyle(ctx, character);
     }
     function getStrByWithCanvas(desc, width, character, guessIndex, needTestLetter) {
+      if (desc.length <= 1) return 0;
       if (!width || width <= 0) return 0;
       const textMeasure = application.graphicUtil.textMeasure;
       let index = guessIndex,
@@ -4494,6 +4691,13 @@
     }
     function measureTextCanvas(text, character) {
       let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "actual";
+      var _a;
+      if ("" === text) return {
+        ascent: 0,
+        height: 0,
+        descent: 0,
+        width: 0
+      };
       const measurement = application.graphicUtil.textMeasure.measureText(text, character),
         result = {
           ascent: 0,
@@ -4503,7 +4707,9 @@
         },
         ascent = "actual" === mode ? measurement.actualBoundingBoxAscent : measurement.fontBoundingBoxAscent,
         descent = "actual" === mode ? measurement.actualBoundingBoxDescent : measurement.fontBoundingBoxDescent;
-      return "number" != typeof ascent || "number" != typeof descent ? (result.width = Math.floor(measurement.width), result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), result.height = Math.floor(ascent + descent), result.ascent = Math.floor(ascent), result.descent = result.height - result.ascent), result;
+      "number" != typeof ascent || "number" != typeof descent ? (result.width = Math.floor(measurement.width), result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), result.height = Math.floor(ascent + descent), result.ascent = Math.floor(ascent), result.descent = result.height - result.ascent);
+      const space = null !== (_a = character.space) && void 0 !== _a ? _a : 0;
+      return result.width += space, result;
     }
 
     const container = new Container();
@@ -4575,6 +4781,7 @@
         text: DefaultTextAttribute,
         rect: DefaultRectAttribute,
         polygon: DefaultPolygonAttribute,
+        star: DefaultStarAttribute,
         richtext: DefaultRichTextAttribute,
         richtextIcon: DefaultRichTextIconAttribute,
         image: DefaultImageAttribute,
@@ -4593,6 +4800,7 @@
         text: Object.assign({}, defaultThemeObj.text),
         rect: Object.assign({}, defaultThemeObj.rect),
         polygon: Object.assign({}, defaultThemeObj.polygon),
+        star: Object.assign({}, defaultThemeObj.star),
         richtext: Object.assign({}, defaultThemeObj.richtext),
         richtextIcon: Object.assign({}, defaultThemeObj.richtextIcon),
         image: Object.assign({}, defaultThemeObj.image),
@@ -5072,7 +5280,7 @@
       }
       _composedDetailPath(params) {
         if (params && params.graphic) {
-          const g = this.pickParams.graphic;
+          const g = params.graphic;
           if (g.stage) {
             const path = g.stage.eventSystem.manager.propagationPath(g);
             this.detailPath.push(path), this._composedDetailPath(params.params);
@@ -6731,6 +6939,7 @@
     const RECT_NUMBER_TYPE = genNumberType();
     genNumberType();
     const RICHTEXT_NUMBER_TYPE = genNumberType();
+    genNumberType();
     const SYMBOL_NUMBER_TYPE = genNumberType();
     const TEXT_NUMBER_TYPE = genNumberType();
     const GraphicCreator$1 = Symbol.for("GraphicCreator");
@@ -6984,6 +7193,9 @@
           y: y
         });
       }
+      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;
@@ -7272,16 +7484,17 @@
             const {
               scaleX: scaleX,
               scaleY: scaleY,
-              angle: angle
+              angle: angle,
+              scaleCenter: scaleCenter
             } = this.attribute;
             return tempBounds.copy(this._AABBBounds), this.setAttributes({
-              scaleX: 1,
-              scaleY: 1,
-              angle: 0
+              angle: 0,
+              scaleCenter: null
             }), params.b = this.AABBBounds.clone(), this._AABBBounds.copy(tempBounds), this.setAttributes({
               scaleX: scaleX,
               scaleY: scaleY,
-              angle: angle
+              angle: angle,
+              scaleCenter: scaleCenter
             }), params.b;
           };
         if ("string" == typeof anchor[0]) {
@@ -7309,7 +7522,7 @@
         } = this.attribute;
         let _anchor = [0, 0];
         const params = {};
-        if (anchor && (_anchor = this.getAnchor(anchor, params)), !scaleCenter || 1 === scaleX && 1 === scaleY) normalTransform(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor);else {
+        if (anchor && angle && (_anchor = this.getAnchor(anchor, params)), !scaleCenter || 1 === scaleX && 1 === scaleY) normalTransform(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor);else {
           const m = this._transMatrix;
           m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params), application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
             x: _anchor[0],
@@ -8302,7 +8515,7 @@
           const shadowBlurHalfWidth = shadowBlur / Math.abs(scaleX + scaleY);
           boundStroke(tb1, shadowBlurHalfWidth, !0, strokeBoundsBuffer), aabbBounds.union(tb1);
         }
-        return application.graphicService.combindShadowAABBBounds(aabbBounds, this), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, textTheme, aabbBounds), transformBoundsWithMatrix(aabbBounds, aabbBounds, this.transMatrix), aabbBounds;
+        return application.graphicService.combindShadowAABBBounds(aabbBounds, this), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, textTheme, aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, transformBoundsWithMatrix(aabbBounds, aabbBounds, this.transMatrix), aabbBounds;
       }
       updateSingallineAABBBounds(text) {
         this.updateMultilineAABBBounds([text]);
@@ -8827,7 +9040,7 @@
           tb1: tb1,
           tb2: tb2
         } = application.graphicService.updateTempAABBBounds(aabbBounds);
-        updateBoundsOfSymbolOuterBorder(attribute, symbolTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2);
+        updateBoundsOfSymbolOuterBorder(attribute, symbolTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
         const {
           lineJoin = symbolTheme.lineJoin
         } = attribute;
@@ -8907,7 +9120,7 @@
           tb1: tb1,
           tb2: tb2
         } = application.graphicService.updateTempAABBBounds(aabbBounds);
-        return updateBoundsOfCommonOuterBorder(attribute, rectTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), application.graphicService.transformAABBBounds(attribute, aabbBounds, rectTheme, !1, this), aabbBounds;
+        return updateBoundsOfCommonOuterBorder(attribute, rectTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, application.graphicService.transformAABBBounds(attribute, aabbBounds, rectTheme, !1, this), aabbBounds;
       }
       needUpdateTags(keys) {
         return super.needUpdateTags(keys, RECT_UPDATE_TAG_KEY);
@@ -9099,6 +9312,7 @@
     }
     class Paragraph {
       constructor(text, newLine, character, ascentDescentMode) {
+        var _a, _b;
         this.fontSize = character.fontSize || 16, this.textBaseline = character.textBaseline || "alphabetic", this.ascentDescentMode = ascentDescentMode;
         const lineHeight = calculateLineHeight(character.lineHeight, this.fontSize);
         this.lineHeight = "number" == typeof lineHeight ? lineHeight > this.fontSize ? lineHeight : this.fontSize : Math.floor(1.2 * this.fontSize), this.height = this.lineHeight;
@@ -9111,7 +9325,7 @@
         let halfDetaHeight = 0,
           deltaAscent = 0,
           deltaDescent = 0;
-        this.height > height && (halfDetaHeight = (this.height - height) / 2, deltaAscent = Math.ceil(halfDetaHeight), deltaDescent = Math.floor(halfDetaHeight)), "top" === this.textBaseline ? (this.ascent = halfDetaHeight, this.descent = height - halfDetaHeight) : "bottom" === this.textBaseline ? (this.ascent = height - halfDetaHeight, this.descent = halfDetaHeight) : "middle" === this.textBaseline ? (this.ascent = this.height / 2, this.descent = this.height / 2) : (this.ascent = ascent + deltaAscent, this.descent = descent + deltaDescent), this.length = text.length, this.width = width || 0, this.text = text || "", this.newLine = newLine || !1, this.character = character, this.left = 0, this.top = 0, this.ellipsis = "normal", this.ellipsisWidth = 0, this.ellipsisOtherParagraphWidth = 0, "vertical" === character.direction && (this.direction = character.direction, this.widthOrigin = this.width, this.heightOrigin = this.height, this.width = this.heightOrigin, this.height = this.widthOrigin, this.lineHeight = this.height), this.ellipsisStr = "...";
+        this.height > height && (halfDetaHeight = (this.height - height) / 2, deltaAscent = Math.ceil(halfDetaHeight), deltaDescent = Math.floor(halfDetaHeight)), "top" === this.textBaseline ? (this.ascent = halfDetaHeight, this.descent = height - halfDetaHeight) : "bottom" === this.textBaseline ? (this.ascent = height - halfDetaHeight, this.descent = halfDetaHeight) : "middle" === this.textBaseline ? (this.ascent = this.height / 2, this.descent = this.height / 2) : (this.ascent = ascent + deltaAscent, this.descent = descent + deltaDescent), this.length = text.length, this.width = width || 0, this.text = text || "", this.newLine = newLine || !1, this.character = character, this.left = 0, this.top = 0, this.ellipsis = "normal", this.ellipsisWidth = 0, this.ellipsisOtherParagraphWidth = 0, this.space = character.space, this.dx = null !== (_a = character.dx) && void 0 !== _a ? _a : 0, this.dy = null !== (_b = character.dy) && void 0 !== _b ? _b : 0, "vertical" === character.direction && (this.direction = character.direction, this.widthOrigin = this.width, this.heightOrigin = this.height, this.width = this.heightOrigin, this.height = this.widthOrigin, this.lineHeight = this.height), this.ellipsisStr = "...";
       }
       updateWidth() {
         const {
@@ -9130,11 +9344,11 @@
           if ("hide" === this.ellipsis) return;
           if ("add" === this.ellipsis) text += this.ellipsisStr, "right" !== textAlign && "end" !== textAlign || (left -= this.ellipsisWidth);else if ("replace" === this.ellipsis) {
             const index = getStrByWithCanvas(text, ("vertical" === direction ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
-            if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) {
+            if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) if ("vertical" === direction) ;else {
               const {
                 width: width
               } = measureTextCanvas(this.text.slice(index), this.character, this.ascentDescentMode);
-              "vertical" === direction || (left -= this.ellipsisWidth - width);
+              left -= this.ellipsisWidth - width;
             }
           }
         }
@@ -9145,20 +9359,21 @@
         });
       }
       draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
+        var _a;
         let baseline = top + ascent,
           text = this.text,
-          left = this.left + deltaLeft;
+          left = this.left + deltaLeft + (null !== (_a = this.space) && void 0 !== _a ? _a : 0) / 2;
         baseline += this.top;
         let direction = this.direction;
         if (this.verticalEllipsis) text = this.ellipsisStr, direction = "vertical", baseline -= this.ellipsisWidth / 2;else {
           if ("hide" === this.ellipsis) return;
           if ("add" === this.ellipsis) text += this.ellipsisStr, "right" !== textAlign && "end" !== textAlign || (left -= this.ellipsisWidth);else if ("replace" === this.ellipsis) {
             const index = getStrByWithCanvas(text, ("vertical" === direction ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
-            if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) {
+            if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) if ("vertical" === direction) ;else {
               const {
                 width: width
               } = measureTextCanvas(this.text.slice(index), this.character, this.ascentDescentMode);
-              "vertical" === direction || (left -= this.ellipsisWidth - width);
+              left -= this.ellipsisWidth - width;
             }
           }
         }
@@ -9173,7 +9388,7 @@
         const {
           lineWidth = 1
         } = this.character;
-        if (this.character.stroke && lineWidth && ctx.strokeText(text, left, baseline), this.character.fill && ctx.fillText(text, left, baseline), this.character.fill) if (this.character.lineThrough || this.character.underline) {
+        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.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));
@@ -9302,7 +9517,7 @@
           tb1: tb1,
           tb2: tb2
         } = application.graphicService.updateTempAABBBounds(aabbBounds);
-        return updateBoundsOfCommonOuterBorder(attribute, imageTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), application.graphicService.transformAABBBounds(attribute, aabbBounds, imageTheme, !1, this), aabbBounds;
+        return updateBoundsOfCommonOuterBorder(attribute, imageTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, application.graphicService.transformAABBBounds(attribute, aabbBounds, imageTheme, !1, this), aabbBounds;
       }
       getDefaultAttribute(name) {
         return DefaultImageAttribute[name];
@@ -9645,7 +9860,7 @@
           maxWidth = richtextTheme.maxWidth,
           maxHeight = richtextTheme.maxHeight,
           textAlign = richtextTheme.textAlign,
-          verticalDirection = null !== (_b = null !== (_a = attribute.textBaseline) && void 0 !== _a ? _a : richtextTheme.textBaseline) && void 0 !== _b ? _b : richtextTheme.verticalDirection,
+          textBaseline = null !== (_b = null !== (_a = attribute.textBaseline) && void 0 !== _a ? _a : richtextTheme.textBaseline) && void 0 !== _b ? _b : "top",
           editOptions: editOptions
         } = attribute;
         if (width > 0 && height > 0) aabbBounds.set(0, 0, width, height);else {
@@ -9660,7 +9875,7 @@
         }
         editOptions && editOptions.keepHeightWhileEmpty && !aabbBounds.height() && !(null === (_c = attribute.textConfig) || void 0 === _c ? void 0 : _c.length) && (aabbBounds.y2 = aabbBounds.y1 + (null !== (_d = attribute.fontSize) && void 0 !== _d ? _d : 12), aabbBounds.x2 = aabbBounds.x1 + 2);
         let deltaY = 0;
-        switch (verticalDirection) {
+        switch (textBaseline) {
           case "top":
             deltaY = 0;
             break;
@@ -9681,7 +9896,7 @@
           case "right":
             deltaX = -aabbBounds.width();
         }
-        return aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), application.graphicService.transformAABBBounds(attribute, aabbBounds, richtextTheme, !1, this), 0 === aabbBounds.width() && 0 === aabbBounds.height() && aabbBounds.clear(), aabbBounds;
+        return aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, application.graphicService.transformAABBBounds(attribute, aabbBounds, richtextTheme, !1, this), 0 === aabbBounds.width() && 0 === aabbBounds.height() && aabbBounds.clear(), aabbBounds;
       }
       needUpdateTags(keys) {
         return super.needUpdateTags(keys, RICHTEXT_UPDATE_TAG_KEY);
@@ -9993,7 +10208,7 @@
           tb1: tb1,
           tb2: tb2
         } = application.graphicService.updateTempAABBBounds(aabbBounds);
-        updateBoundsOfCommonOuterBorder(attribute, arcTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2);
+        updateBoundsOfCommonOuterBorder(attribute, arcTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.setWidthHeightWithoutTransform(aabbBounds);
         const {
           lineJoin = arcTheme.lineJoin
         } = attribute;
@@ -13161,7 +13376,7 @@
             if (!(element && ReactDOM && (ReactDOM.createRoot || ReactDOM.render))) {
                 return;
             }
-            const id = isNil$1(react.id) ? `${graphic.id ?? graphic._uid}_react` : react.id;
+            const id = isNil$3(react.id) ? `${graphic.id ?? graphic._uid}_react` : react.id;
             if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container) {
                 this.removeElement(id);
             }
@@ -13247,7 +13462,7 @@
             let top = 0;
             const b = graphic.globalAABBBounds;
             let anchorType = options.anchorType;
-            if (isNil$1(anchorType)) {
+            if (isNil$3(anchorType)) {
                 anchorType = graphic.type === 'text' ? 'position' : 'boundsLeftTop';
             }
             if (anchorType === 'boundsLeftTop') {
@@ -13259,7 +13474,7 @@
                 top = matrix.f;
             }
             else {
-                const anchor = calculateAnchorOfBounds(b, anchorType);
+                const anchor = calculateAnchorOfBounds$1(b, anchorType);
                 left = anchor.x;
                 top = anchor.y;
             }
@@ -13275,17 +13490,17 @@
                     ...this.getTransformOfText(graphic)
                 };
             }
-            if (isFunction$1(options.style)) {
+            if (isFunction$3(options.style)) {
                 const userStyle = options.style({ top: offsetTop, left: offsetX, width: b.width(), height: b.height() }, graphic, wrapContainer);
                 if (userStyle) {
                     calculateStyle = { ...calculateStyle, ...userStyle };
                 }
             }
-            else if (isObject$1(options.style)) {
+            else if (isObject$3(options.style)) {
                 calculateStyle = { ...calculateStyle, ...options.style };
             }
-            else if (isString$1(options.style) && options.style) {
-                calculateStyle = { ...calculateStyle, ...styleStringToObject(options.style) };
+            else if (isString$3(options.style) && options.style) {
+                calculateStyle = { ...calculateStyle, ...styleStringToObject$1(options.style) };
             }
             application.global.updateDom(wrapContainer, {
                 width: options.width,
@@ -13385,7 +13600,7 @@
             }
             const { width, height, style } = params;
             if (style) {
-                if (isString$1(style)) {
+                if (isString$3(style)) {
                     dom.setAttribute('style', style);
                 }
                 else {
@@ -13427,7 +13642,7 @@
         toArray(props.children).map((child, index) => {
             const parseOption = child && child.type && child.type.parseOption;
             if (parseOption && child.props) {
-                const childProps = isNil$1(child.props.componentId)
+                const childProps = isNil$3(child.props.componentId)
                     ? {
                         ...child.props,
                         componentId: getComponentId(child, index)
@@ -19332,7 +19547,7 @@
         return graphic;
     }
     function isEventProp(key, props) {
-        return key.startsWith('on') && isFunction$1(props[key]);
+        return key.startsWith('on') && isFunction$3(props[key]);
     }
     function bindEventsToGraphic(graphic, props) {
         for (const key in props) {
@@ -19352,7 +19567,7 @@
                 graphic.addEventListener(REACT_TO_CANOPUS_EVENTS[propKey], newProps[propKey]);
             }
         }
-        const attribute = newProps.attribute ?? merge({}, newProps);
+        const attribute = newProps.attribute ?? merge$1({}, newProps);
         graphic.initAttributes(attribute);
         if (graphic.type === 'image') {
             graphic.loadImage(attribute.image);
@@ -19360,8 +19575,8 @@
         if (attribute.display === 'flex' &&
             attribute.width === undefined &&
             attribute.height === undefined &&
-            isNumber$1(oldProps.attribute.width) &&
-            isNumber$1(oldProps.attribute.height)) {
+            isNumber$3(oldProps.attribute.width) &&
+            isNumber$3(oldProps.attribute.height)) {
             const plugin = graphic.stage.pluginService.findPluginsByName('FlexLayoutPlugin')[0];
             if (plugin) {
                 plugin.tryLayoutChildren(graphic);
@@ -19624,7 +19839,7 @@
                 styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + cellRect.height + 'px';
             }
         }
-        const componentStyle = merge({}, style, {
+        const componentStyle = merge$1({}, style, {
             position: 'absolute',
             zIndex: 1000,
             width: styleWidth,
@@ -19644,7 +19859,7 @@
             return { ...defaultProps };
         }, [defaultProps]);
         const props = React.useMemo(() => {
-            const mProps = merge({}, componentProps);
+            const mProps = merge$1({}, componentProps);
             for (const propName in _defaultProps) {
                 if (mProps[propName] === undefined) {
                     mProps[propName] = _defaultProps[propName];
@@ -19655,7 +19870,7 @@
         return props;
     }
     function dealWidthNumber(value, refenceValue) {
-        if (isNumber$1(value)) {
+        if (isNumber$3(value)) {
             return value;
         }
         if (typeof value === 'string' && value.endsWith('%')) {
@@ -19703,7 +19918,7 @@
         }
     };
     function ButtonComponent(baseProps, ref) {
-        const props = merge({}, defaultProps$6, baseProps);
+        const props = merge$1({}, defaultProps$6, baseProps);
         const { disabled, onClick } = props;
         let buttonRef = React.useRef(null);
         buttonRef = ref ? ref : buttonRef;
@@ -19798,7 +20013,7 @@
         }
     };
     function LinkComponent(baseProps, ref) {
-        const props = merge({}, defaultProps$5, baseProps);
+        const props = merge$1({}, defaultProps$5, baseProps);
         const { disabled, href, onClick } = props;
         let linkRef = React.useRef(null);
         linkRef = ref ? ref : linkRef;
@@ -19891,7 +20106,7 @@
         autoFixFontSize: true
     };
     function AvatarComponent(baseProps, ref) {
-        const props = merge({}, defaultProps$4, baseProps);
+        const props = merge$1({}, defaultProps$4, baseProps);
         const { size, children, onClick } = props;
         let avatarRef = React.useRef(null);
         avatarRef = ref ? ref : avatarRef;
@@ -19899,7 +20114,7 @@
             onClick && onClick(event);
         }, [onClick]);
         const groupAttribute = getGroupAttribute(props);
-        if (isString$1(children)) {
+        if (isString$3(children)) {
             const textAttribute = getTextAttribute(props);
             return (React.createElement(Group, { ref: avatarRef, attribute: groupAttribute, onClick: handleClick },
                 React.createElement(Text, { attribute: textAttribute })));
@@ -19977,11 +20192,11 @@
             ...props.arrowStyle
         };
         return props.visible ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { style: merge({}, defaultPoptipPanelStyle, props.panelStyle) }, props.content),
+            React.createElement("div", { style: merge$1({}, defaultPoptipPanelStyle, props.panelStyle) }, props.content),
             React.createElement("div", { style: arrowStyle }))) : (React.createElement(React.Fragment, null));
     };
     function PopoverComponent(baseProps, ref) {
-        const props = merge({}, defaultProps$3, baseProps);
+        const props = merge$1({}, defaultProps$3, baseProps);
         const { content, position, popupVisible, defaultPopupVisible, panelStyle, arrowStyle, children } = props;
         let popoverRef = React.useRef(null);
         popoverRef = ref ? ref : popoverRef;
@@ -20013,14 +20228,14 @@
             }
         };
         const groupMouseEnter = React.useCallback((event) => {
-            if (isValid$1(popupVisible)) {
+            if (isValid$3(popupVisible)) {
                 return;
             }
             setPopupOpen(true);
             event.currentTarget.stage.renderNextFrame();
         }, []);
         const groupMouseLeave = React.useCallback((event) => {
-            if (isValid$1(popupVisible)) {
+            if (isValid$3(popupVisible)) {
                 return;
             }
             setPopupOpen(false);
@@ -20197,7 +20412,7 @@
         }
     };
     function TagComponent(baseProps, ref) {
-        const props = merge({}, defaultProps$2, baseProps);
+        const props = merge$1({}, defaultProps$2, baseProps);
         const { attribute, panelStyle, children, ...rest } = props;
         let tagRef = React.useRef(null);
         tagRef = ref ? ref : tagRef;
@@ -20214,7 +20429,7 @@
 
     const defaultProps$1 = {};
     function RadioComponent(baseProps, ref) {
-        const props = merge({}, defaultProps$1, baseProps);
+        const props = merge$1({}, defaultProps$1, baseProps);
         const { textStyle, circleStyle, children, ...rest } = props;
         let radioRef = React.useRef(null);
         radioRef = ref ? ref : radioRef;
@@ -20243,7 +20458,7 @@
 
     const defaultProps = {};
     function CheckboxComponent(baseProps, ref) {
-        const props = merge({}, defaultProps, baseProps);
+        const props = merge$1({}, defaultProps, baseProps);
         const { textStyle, boxStyle, iconStyle, children, ...rest } = props;
         let checkboxRef = React.useRef(null);
         checkboxRef = ref ? ref : checkboxRef;
@@ -20269,7 +20484,7 @@
     const Checkbox = React.forwardRef(CheckboxComponent);
     Checkbox.displayName = 'Checkbox';
 
-    const version = "1.17.7-alpha.1";
+    const version = "1.17.7";
 
     Object.defineProperty(exports, 'register', {
         enumerable: true,