@visactor/react-vtable 1.8.1 → 1.8.3-alpha.0

package/dist/react-vtable.js

@@ -714,104 +714,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);
@@ -821,51 +781,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;
 	}
@@ -882,14 +842,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;
@@ -902,872 +862,1258 @@
 	  return !0;
 	}
 
-	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);
+	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;
+	      }
+	    }
 	  }
+	  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;
 	}
 
-	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);
+	{
+	  reactIs.exports = requireReactIs_production_min();
 	}
-	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;
-	  }
-	  alignsWith(b) {
-	    return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
-	  }
-	  intersects(b) {
-	    return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
-	  }
-	  contains() {
-	    let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-	    let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-	    return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
-	  }
-	  containsPoint(p) {
-	    return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
-	  }
-	  width() {
-	    return this.empty() ? 0 : this.x2 - this.x1;
-	  }
-	  height() {
-	    return this.empty() ? 0 : this.y2 - this.y1;
-	  }
-	  scaleX() {
-	    let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-	    return this.x1 *= s, this.x2 *= s, this;
-	  }
-	  scaleY() {
-	    let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-	    return this.y1 *= s, this.y2 *= s, this;
-	  }
-	  transformWithMatrix(matrix) {
-	    return transformBoundsWithMatrix(this, this, matrix), this;
-	  }
-	  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 {
-	        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];
-	  }
-	  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];
-	  }
-	}
-	class AABBBounds extends Bounds {}
+	var reactIsExports = reactIs.exports;
 
-	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 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;
 	};
-	const clampAngleByRadian = clampRadian;
 
-	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;
-	  }
-	  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;
-	  }
-	  scale(sx, sy) {
-	    return this.a *= sx, this.b *= sx, this.c *= sy, this.d *= sy, this;
-	  }
-	  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;
+	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,
+	    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,
+	    onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,
+	    onSortClick: EVENT_TYPE.SORT_CLICK,
+	    onFreezeClick: EVENT_TYPE.FREEZE_CLICK,
+	    onScroll: EVENT_TYPE.SCROLL,
+	    onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,
+	    onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,
+	    onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,
+	    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,
+	    onAfterRender: EVENT_TYPE.AFTER_RENDER,
+	    onInitialized: EVENT_TYPE.INITIALIZED,
+	    onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,
+	    onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,
+	    onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,
+	    onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
+	    onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,
+	    onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,
+	    onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,
+	    onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,
+	    onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END
+	};
+	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++;
 	  }
-	  transform(a, b, c, d, e, f) {
-	    return this.multiply(a, b, c, d, e, f), this;
+	}
+	Generator.auto_increment_id = 0;
+
+	class ContainerModule {
+	  constructor(registry) {
+	    this.id = Generator.GenAutoIncrementId(), this.registry = registry;
 	  }
-	  translate(x, y) {
-	    return this.e += this.a * x + this.c * y, this.f += this.b * x + this.d * y, 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;
 	  }
-	  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;
+	  toString() {
+	    return this.key === NAMED_TAG ? `named: ${String(this.value).toString()} ` : `tagged: { key:${this.key.toString()}, value: ${String(this.value)} }`;
 	  }
-	  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;
+	}
+
+	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;
 	  }
-	  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;
+	  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;
 	  }
-	  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,
+	}
+
+	class MetadataReader {
+	  getConstructorMetadata(constructorFunc) {
+	    return {
+	      compilerGeneratedMetadata: Reflect$1.getMetadata(PARAM_TYPES, constructorFunc),
+	      userGeneratedMetadata: Reflect$1.getMetadata(TAGGED, constructorFunc) || {}
+	    };
+	  }
+	  getPropertiesMetadata(constructorFunc) {
+	    throw new Error("暂未实现");
+	  }
+	}
+
+	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;
+	  }
+	  inTransientScope() {
+	    return this._binding.scope = BindingScopeEnum.Transient, this;
+	  }
+	  whenTargetNamed(name) {
+	    return this._binding.constraint = namedConstraint(name), this;
+	  }
+	}
+
+	class BindingToSyntax {
+	  constructor(binding) {
+	    this._binding = binding;
+	  }
+	  to(constructor) {
+	    return this._binding.type = BindingTypeEnum.Instance, this._binding.implementationType = constructor, new BindingInSyntax(this._binding);
+	  }
+	  toSelf() {
+	    const self = this._binding.serviceIdentifier;
+	    return this.to(self);
+	  }
+	  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 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
+	    });
+	  }
+	  _getNotAllArgs(serviceIdentifier, isMultiInject, key, value) {
+	    return {
+	      avoidConstraints: !1,
+	      isMultiInject: isMultiInject,
+	      serviceIdentifier: serviceIdentifier,
+	      key: key,
+	      value: value
+	    };
+	  }
+	  _getAllArgs(serviceIdentifier) {
+	    return {
+	      avoidConstraints: !0,
+	      isMultiInject: !0,
+	      serviceIdentifier: serviceIdentifier
+	    };
+	  }
+	  _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];
+	  }
+	  _getChildRequest(binding) {
+	    const constr = binding.implementationType,
 	      {
-	        x: x,
-	        y: y
-	      } = source;
-	    target.x = x * nextA + y * nextC + nextE, target.y = x * nextB + y * nextD + nextF;
+	        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
+	        },
+	        request = {
+	          injectIdentifier: injectIdentifier,
+	          metadata: constructorArgsMetadata,
+	          bindings: this._bindingDictionary.get(injectIdentifier).filter(b => b.constraint(target))
+	        };
+	      arr.push(request);
+	    }
+	    return arr;
 	  }
-	  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;
+	  _resolveFromBinding(binding) {
+	    const result = this._getResolvedFromBinding(binding);
+	    return this._saveToScope(binding, result), result;
+	  }
+	  _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 Matrix(this.a, this.b, this.c, this.d, this.e, this.f);
+	  _resolveInstance(binding, constr) {
+	    if (binding.activated) return binding.cache;
+	    const childRequests = this._getChildRequest(binding);
+	    return this._createInstance(constr, childRequests);
 	  }
-	  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;
+	  _createInstance(constr, childRequests) {
+	    if (childRequests.length) {
+	      return new constr(...this._resolveRequests(childRequests));
 	    }
-	    return result.rotateDeg = radianToDegree(result.rotateDeg), result;
+	    return new constr();
+	  }
+	  _resolveRequests(childRequests) {
+	    return childRequests.map(request => request.bindings.length > 1 ? request.bindings.map(binding => this._resolveFromBinding(binding)) : this._resolveFromBinding(request.bindings[0]));
+	  }
+	  _saveToScope(binding, result) {
+	    binding.scope === BindingScopeEnum.Singleton && (binding.cache = result, binding.activated = !0);
 	  }
 	}
-	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
-	  };
-	}
-
-	function rgbToHsl(r, g, b) {
-	  r /= 255, g /= 255, b /= 255;
-	  const cMin = Math.min(r, g, b),
-	    cMax = Math.max(r, g, b),
-	    delta = cMax - cMin;
-	  let h = 0,
-	    s = 0,
-	    l = 0;
-	  return h = 0 === delta ? 0 : cMax === r ? (g - b) / delta % 6 : cMax === g ? (b - r) / delta + 2 : (r - g) / delta + 4, h = Math.round(60 * h), h < 0 && (h += 360), l = (cMax + cMin) / 2, s = 0 === delta ? 0 : delta / (1 - Math.abs(2 * l - 1)), s = +(100 * s).toFixed(1), l = +(100 * l).toFixed(1), {
-	    h: h,
-	    s: s,
-	    l: l
-	  };
-	}
-
-	const REG_HEX = /^#([0-9a-f]{3,8})$/,
-	  DEFAULT_COLORS_OPACITY = {
-	    transparent: 4294967040
-	  };
-	const DEFAULT_COLORS = {
-	  aliceblue: 15792383,
-	  antiquewhite: 16444375,
-	  aqua: 65535,
-	  aquamarine: 8388564,
-	  azure: 15794175,
-	  beige: 16119260,
-	  bisque: 16770244,
-	  black: 0,
-	  blanchedalmond: 16772045,
-	  blue: 255,
-	  blueviolet: 9055202,
-	  brown: 10824234,
-	  burlywood: 14596231,
-	  cadetblue: 6266528,
-	  chartreuse: 8388352,
-	  chocolate: 13789470,
-	  coral: 16744272,
-	  cornflowerblue: 6591981,
-	  cornsilk: 16775388,
-	  crimson: 14423100,
-	  cyan: 65535,
-	  darkblue: 139,
-	  darkcyan: 35723,
-	  darkgoldenrod: 12092939,
-	  darkgray: 11119017,
-	  darkgreen: 25600,
-	  darkgrey: 11119017,
-	  darkkhaki: 12433259,
-	  darkmagenta: 9109643,
-	  darkolivegreen: 5597999,
-	  darkorange: 16747520,
-	  darkorchid: 10040012,
-	  darkred: 9109504,
-	  darksalmon: 15308410,
-	  darkseagreen: 9419919,
-	  darkslateblue: 4734347,
-	  darkslategray: 3100495,
-	  darkslategrey: 3100495,
-	  darkturquoise: 52945,
-	  darkviolet: 9699539,
-	  deeppink: 16716947,
-	  deepskyblue: 49151,
-	  dimgray: 6908265,
-	  dimgrey: 6908265,
-	  dodgerblue: 2003199,
-	  firebrick: 11674146,
-	  floralwhite: 16775920,
-	  forestgreen: 2263842,
-	  fuchsia: 16711935,
-	  gainsboro: 14474460,
-	  ghostwhite: 16316671,
-	  gold: 16766720,
-	  goldenrod: 14329120,
-	  gray: 8421504,
-	  green: 32768,
-	  greenyellow: 11403055,
-	  grey: 8421504,
-	  honeydew: 15794160,
-	  hotpink: 16738740,
-	  indianred: 13458524,
-	  indigo: 4915330,
-	  ivory: 16777200,
-	  khaki: 15787660,
-	  lavender: 15132410,
-	  lavenderblush: 16773365,
-	  lawngreen: 8190976,
-	  lemonchiffon: 16775885,
-	  lightblue: 11393254,
-	  lightcoral: 15761536,
-	  lightcyan: 14745599,
-	  lightgoldenrodyellow: 16448210,
-	  lightgray: 13882323,
-	  lightgreen: 9498256,
-	  lightgrey: 13882323,
-	  lightpink: 16758465,
-	  lightsalmon: 16752762,
-	  lightseagreen: 2142890,
-	  lightskyblue: 8900346,
-	  lightslategray: 7833753,
-	  lightslategrey: 7833753,
-	  lightsteelblue: 11584734,
-	  lightyellow: 16777184,
-	  lime: 65280,
-	  limegreen: 3329330,
-	  linen: 16445670,
-	  magenta: 16711935,
-	  maroon: 8388608,
-	  mediumaquamarine: 6737322,
-	  mediumblue: 205,
-	  mediumorchid: 12211667,
-	  mediumpurple: 9662683,
-	  mediumseagreen: 3978097,
-	  mediumslateblue: 8087790,
-	  mediumspringgreen: 64154,
-	  mediumturquoise: 4772300,
-	  mediumvioletred: 13047173,
-	  midnightblue: 1644912,
-	  mintcream: 16121850,
-	  mistyrose: 16770273,
-	  moccasin: 16770229,
-	  navajowhite: 16768685,
-	  navy: 128,
-	  oldlace: 16643558,
-	  olive: 8421376,
-	  olivedrab: 7048739,
-	  orange: 16753920,
-	  orangered: 16729344,
-	  orchid: 14315734,
-	  palegoldenrod: 15657130,
-	  palegreen: 10025880,
-	  paleturquoise: 11529966,
-	  palevioletred: 14381203,
-	  papayawhip: 16773077,
-	  peachpuff: 16767673,
-	  peru: 13468991,
-	  pink: 16761035,
-	  plum: 14524637,
-	  powderblue: 11591910,
-	  purple: 8388736,
-	  rebeccapurple: 6697881,
-	  red: 16711680,
-	  rosybrown: 12357519,
-	  royalblue: 4286945,
-	  saddlebrown: 9127187,
-	  salmon: 16416882,
-	  sandybrown: 16032864,
-	  seagreen: 3050327,
-	  seashell: 16774638,
-	  sienna: 10506797,
-	  silver: 12632256,
-	  skyblue: 8900331,
-	  slateblue: 6970061,
-	  slategray: 7372944,
-	  slategrey: 7372944,
-	  snow: 16775930,
-	  springgreen: 65407,
-	  steelblue: 4620980,
-	  tan: 13808780,
-	  teal: 32896,
-	  thistle: 14204888,
-	  tomato: 16737095,
-	  turquoise: 4251856,
-	  violet: 15631086,
-	  wheat: 16113331,
-	  white: 16777215,
-	  whitesmoke: 16119285,
-	  yellow: 16776960,
-	  yellowgreen: 10145074
-	};
-	function hex(value) {
-	  return ((value = Math.max(0, Math.min(255, Math.round(value) || 0))) < 16 ? "0" : "") + value.toString(16);
-	}
-	function rgb(value) {
-	  return isNumber$1(value) ? new RGB(value >> 16, value >> 8 & 255, 255 & value, 1) : isArray$1(value) ? new RGB(value[0], value[1], value[2]) : new RGB(255, 255, 255);
-	}
-	function rgba(value) {
-	  return isNumber$1(value) ? new RGB(value >>> 24, value >>> 16 & 255, value >>> 8 & 255, 255 & value) : isArray$1(value) ? new RGB(value[0], value[1], value[2], value[3]) : new RGB(255, 255, 255, 1);
-	}
-	function SRGBToLinear(c) {
-	  return c < .04045 ? .0773993808 * c : Math.pow(.9478672986 * c + .0521327014, 2.4);
+
+	const ContributionProvider = Symbol("ContributionProvider");
+	class ContributionProviderCache {
+	  constructor(serviceIdentifier, container) {
+	    this.serviceIdentifier = serviceIdentifier, this.container = container;
+	  }
+	  getContributions() {
+	    return this.caches || (this.caches = [], this.container && this.container.isBound(this.serviceIdentifier) && this.caches.push(...this.container.getAll(this.serviceIdentifier))), this.caches;
+	  }
 	}
-	function LinearToSRGB(c) {
-	  return c < .0031308 ? 12.92 * c : 1.055 * Math.pow(c, .41666) - .055;
+	function bindContributionProvider(bind, id) {
+	  bind(ContributionProvider).toDynamicValue(_ref => {
+	    let {
+	      container: container
+	    } = _ref;
+	    return new ContributionProviderCache(id, container);
+	  }).inSingletonScope().whenTargetNamed(id);
 	}
-	const setHex = (formatValue, forceHex) => {
-	  const isHex = REG_HEX.exec(formatValue);
-	  if (forceHex || isHex) {
-	    const hex = parseInt(isHex[1], 16),
-	      hexLength = isHex[1].length;
-	    return 3 === hexLength ? new RGB((hex >> 8 & 15) + ((hex >> 8 & 15) << 4), (hex >> 4 & 15) + ((hex >> 4 & 15) << 4), (15 & hex) + ((15 & hex) << 4), 1) : 6 === hexLength ? rgb(hex) : 8 === hexLength ? new RGB(hex >> 24 & 255, hex >> 16 & 255, hex >> 8 & 255, (255 & hex) / 255) : null;
+
+	class Hook {
+	  constructor(args, name) {
+	    this._args = args, this.name = name, this.taps = [];
 	  }
-	};
-	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();
+	  tap(options, fn) {
+	    this._tap("sync", options, fn);
 	  }
-	  static SetOpacity(source) {
-	    let o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-	    return 1 === o ? source : new Color(source).setOpacity(o).toRGBA();
+	  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))));
 	  }
-	  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();
-	    }
+	  _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;
 	  }
-	  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]));
+	  _tap(type, options, fn) {
+	    this._insert(this._parseOptions(type, options, fn));
+	  }
+	  _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;
+	      }
 	    }
-	    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]));
+	    this.taps[i] = item;
+	  }
+	}
+
+	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));
 	  }
-	  constructor(value) {
-	    const color = Color.parseColorString(value);
-	    color ? this.color = color : (this.color = new RGB(255, 255, 255));
+	}
+
+	const EnvContribution = Symbol.for("EnvContribution");
+
+	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;
+	};
+	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;
+	}
+
+	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);
+	      }
+	    }
 	  }
-	  toRGBA() {
-	    return this.color.formatRgb();
+	}
+	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 assignMergeValue(target, key, value) {
+	  (void 0 !== value && !eq(target[key], value) || void 0 === value && !(key in target)) && (target[key] = value);
+	}
+	function eq(value, other) {
+	  return value === other || Number.isNaN(value) && Number.isNaN(other);
+	}
+	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);
 	  }
-	  toString() {
-	    return this.color.formatRgb();
+	  return target;
+	}
+
+	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;
 	  }
-	  toHex() {
-	    return this.color.formatHex();
+	  static setInstance(logger) {
+	    return Logger._instance = logger;
 	  }
-	  toHsl() {
-	    return this.color.formatHsl();
+	  static setInstanceLevel(level) {
+	    Logger._instance ? Logger._instance.level(level) : Logger._instance = new Logger(level);
 	  }
-	  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;
+	  static clearInstance() {
+	    Logger._instance = null;
 	  }
-	  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;
+	  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;
 	  }
-	  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;
+	  addErrorHandler(handler) {
+	    this._onErrorHandler.find(h => h === handler) || this._onErrorHandler.push(handler);
 	  }
-	  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;
+	  removeErrorHandler(handler) {
+	    const index = this._onErrorHandler.findIndex(h => h === handler);
+	    index < 0 || this._onErrorHandler.splice(index, 1);
 	  }
-	  getHSVBrightness() {
-	    return Math.max(this.color.r, this.color.g, this.color.b) / 255;
+	  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));
 	  }
-	  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);
+	  canLogInfo() {
+	    return this._level >= LoggerLevel.Info;
 	  }
-	  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;
+	  canLogDebug() {
+	    return this._level >= LoggerLevel.Debug;
 	  }
-	  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;
+	  canLogError() {
+	    return this._level >= LoggerLevel.Error;
 	  }
-	  setHex(value) {
-	    const formatValue = `${value}`.trim().toLowerCase(),
-	      res = setHex(formatValue, !0);
-	    return null != res ? res : this;
+	  canLogWarn() {
+	    return this._level >= LoggerLevel.Warn;
 	  }
-	  setColorName(name) {
-	    const hex = DEFAULT_COLORS[name.toLowerCase()];
-	    return void 0 !== hex ? this.setHex(hex) : (void 0), this;
+	  level(levelValue) {
+	    return arguments.length ? (this._level = +levelValue, this) : this._level;
 	  }
-	  setScalar(scalar) {
-	    return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
+	  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;
 	  }
-	  setOpacity() {
-	    let o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-	    return this.color.opacity = o, 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;
 	  }
-	  getLuminance() {
-	    return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
+	  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;
 	  }
-	  getLuminance2() {
-	    return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
+	  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;
 	  }
-	  getLuminance3() {
-	    return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
+	}
+	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;
 	  }
 	  clone() {
-	    return new Color(this.color.toString());
-	  }
-	  copyGammaToLinear(color) {
-	    let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-	    return this.color.r = Math.pow(color.color.r, gammaFactor), this.color.g = Math.pow(color.color.g, gammaFactor), this.color.b = Math.pow(color.color.b, gammaFactor), this;
-	  }
-	  copyLinearToGamma(color) {
-	    let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-	    const safeInverse = gammaFactor > 0 ? 1 / gammaFactor : 1;
-	    return this.color.r = Math.pow(color.color.r, safeInverse), this.color.g = Math.pow(color.color.g, safeInverse), this.color.b = Math.pow(color.color.b, safeInverse), this;
+	    return new Point(this.x, this.y);
 	  }
-	  convertGammaToLinear(gammaFactor) {
-	    return this.copyGammaToLinear(this, gammaFactor), this;
+	  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;
 	  }
-	  convertLinearToGamma(gammaFactor) {
-	    return this.copyLinearToGamma(this, gammaFactor), this;
+	  set(x, y) {
+	    return this.x = x, this.y = y, 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;
+	  add(point) {
+	    return isNumber$1(point) ? (this.x += point, void (this.y += point)) : (this.x += point.x, this.y += point.y, this);
 	  }
-	  copyLinearToSRGB(color) {
-	    return this.color.r = LinearToSRGB(color.color.r), this.color.g = LinearToSRGB(color.color.g), this.color.b = LinearToSRGB(color.color.b), this;
+	  sub(point) {
+	    return isNumber$1(point) ? (this.x -= point, void (this.y -= point)) : (this.x -= point.x, this.y -= point.y, this);
 	  }
-	  convertSRGBToLinear() {
-	    return this.copySRGBToLinear(this), this;
+	  multi(point) {
+	    throw new Error("暂不支持");
 	  }
-	  convertLinearToSRGB() {
-	    return this.copyLinearToSRGB(this), this;
+	  div(point) {
+	    throw new Error("暂不支持");
 	  }
 	}
-	class RGB {
-	  constructor(r, g, b, opacity) {
-	    this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$1(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
-	  }
-	  formatHex() {
-	    return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
+	class PointService {
+	  static distancePP(p1, p2) {
+	    return sqrt(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
 	  }
-	  formatRgb() {
-	    const opacity = this.opacity;
-	    return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
+	  static distanceNN(x, y, x1, y1) {
+	    return sqrt(pow(x - x1, 2) + pow(y - y1, 2));
 	  }
-	  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})`}`;
+	  static distancePN(point, x, y) {
+	    return sqrt(pow(x - point.x, 2) + pow(y - point.y, 2));
 	  }
-	  toString() {
-	    return this.formatHex();
+	  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 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;
+	  let ctx = arguments.length > 3 ? arguments[3] : undefined;
+	  const rect1 = toRect(box1, isDeg),
+	    rect2 = toRect(box2, isDeg),
+	    vector = (start, end) => [end.x - start.x, end.y - start.y];
+	  ctx && (ctx.save(), ctx.fillStyle = "red", ctx.globalAlpha = .6, rect1.forEach((item, index) => {
+	    0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
+	  }), ctx.fill(), ctx.restore(), ctx.save(), ctx.fillStyle = "green", ctx.globalAlpha = .6, rect2.forEach((item, index) => {
+	    0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
+	  }), ctx.fill(), ctx.restore());
+	  const p1 = getCenterPoint(box1),
+	    p2 = getCenterPoint(box2);
+	  ctx && ctx.fillRect(p1.x, p1.y, 2, 2), ctx && ctx.fillRect(p2.x, p2.y, 2, 2);
+	  const vp1p2 = vector(p1, p2),
+	    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;
@@ -1830,851 +2176,764 @@
 	  };
 	};
 
-	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;
+	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();
 	  }
-	  if (isObject$1(padding)) {
-	    const {
-	      top = 0,
-	      right = 0,
-	      bottom = 0,
-	      left = 0
-	    } = padding;
-	    return [top, right, bottom, left];
+	  clone() {
+	    return new Bounds(this);
 	  }
-	  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;
-	      }
-	    }
+	  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;
+	  }
+	  alignsWith(b) {
+	    return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
+	  }
+	  intersects(b) {
+	    return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
+	  }
+	  contains() {
+	    let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	    let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+	    return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
+	  }
+	  containsPoint(p) {
+	    return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
+	  }
+	  width() {
+	    return this.empty() ? 0 : this.x2 - this.x1;
+	  }
+	  height() {
+	    return this.empty() ? 0 : this.y2 - this.y1;
+	  }
+	  scaleX() {
+	    let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	    return this.x1 *= s, this.x2 *= s, this;
+	  }
+	  scaleY() {
+	    let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	    return this.y1 *= s, this.y2 *= s, this;
+	  }
+	  transformWithMatrix(matrix) {
+	    return transformBoundsWithMatrix(this, this, matrix), this;
+	  }
+	  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 {
+	        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];
+	  }
+	  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;
+	    super(bounds), bounds && (this.angle = 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;
+	  }
 	}
-	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,
-	    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,
-	    onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,
-	    onSortClick: EVENT_TYPE.SORT_CLICK,
-	    onFreezeClick: EVENT_TYPE.FREEZE_CLICK,
-	    onScroll: EVENT_TYPE.SCROLL,
-	    onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,
-	    onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,
-	    onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,
-	    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,
-	    onAfterRender: EVENT_TYPE.AFTER_RENDER,
-	    onInitialized: EVENT_TYPE.INITIALIZED,
-	    onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,
-	    onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,
-	    onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,
-	    onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
-	    onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,
-	    onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,
-	    onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,
-	    onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,
-	    onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END
-	};
-	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;
+	  }
+	  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;
+	  }
+	  scale(sx, sy) {
+	    return this.a *= sx, this.b *= sx, this.c *= sy, this.d *= sy, this;
+	  }
+	  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;
+	  }
+	  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;
 	  }
-	}
-	Generator.auto_increment_id = 0;
-
-	class ContainerModule {
-	  constructor(registry) {
-	    this.id = Generator.GenAutoIncrementId(), this.registry = registry;
+	  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;
 	  }
-	}
-
-	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;
+	  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;
 	  }
-	  toString() {
-	    return this.key === NAMED_TAG ? `named: ${String(this.value).toString()} ` : `tagged: { key:${this.key.toString()}, value: ${String(this.value)} }`;
+	  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;
+	    }
+	    return result.rotateDeg = radianToDegree(result.rotateDeg), result;
 	  }
 	}
-
-	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);
+	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;
 	}
 
-	const inject = injectBase(INJECT_TAG);
-
-	function injectable() {
-	  return function (target) {
-	    return Reflect$1.defineMetadata(PARAM_TYPES, null, target), target;
+	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 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"
+	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
 	  };
-
-	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;
-	  }
-	}
-
-	class MetadataReader {
-	  getConstructorMetadata(constructorFunc) {
-	    return {
-	      compilerGeneratedMetadata: Reflect$1.getMetadata(PARAM_TYPES, constructorFunc),
-	      userGeneratedMetadata: Reflect$1.getMetadata(TAGGED, constructorFunc) || {}
-	    };
-	  }
-	  getPropertiesMetadata(constructorFunc) {
-	    throw new Error("暂未实现");
-	  }
 	}
 
-	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;
+	const REG_HEX = /^#([0-9a-f]{3,8})$/,
+	  DEFAULT_COLORS_OPACITY = {
+	    transparent: 4294967040
 	  };
-	  return constraint.metaData = new Metadata(key, value), constraint;
+	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
 	};
-	const namedConstraint = taggedConstraint(NAMED_TAG);
-
-	class BindingInSyntax {
-	  constructor(binding) {
-	    this._binding = binding;
-	  }
-	  inRequestScope() {
-	    throw new Error("暂未实现");
-	  }
-	  inSingletonScope() {
-	    return this._binding.scope = BindingScopeEnum.Singleton, this;
-	  }
-	  inTransientScope() {
-	    return this._binding.scope = BindingScopeEnum.Transient, this;
-	  }
-	  whenTargetNamed(name) {
-	    return this._binding.constraint = namedConstraint(name), this;
-	  }
+	function hex(value) {
+	  return ((value = Math.max(0, Math.min(255, Math.round(value) || 0))) < 16 ? "0" : "") + value.toString(16);
 	}
-
-	class BindingToSyntax {
-	  constructor(binding) {
-	    this._binding = binding;
-	  }
-	  to(constructor) {
-	    return this._binding.type = BindingTypeEnum.Instance, this._binding.implementationType = constructor, new BindingInSyntax(this._binding);
+	function rgb(value) {
+	  return isNumber$1(value) ? new RGB(value >> 16, value >> 8 & 255, 255 & value, 1) : isArray$1(value) ? new RGB(value[0], value[1], value[2]) : new RGB(255, 255, 255);
+	}
+	function rgba(value) {
+	  return isNumber$1(value) ? new RGB(value >>> 24, value >>> 16 & 255, value >>> 8 & 255, 255 & value) : isArray$1(value) ? new RGB(value[0], value[1], value[2], value[3]) : new RGB(255, 255, 255, 1);
+	}
+	function SRGBToLinear(c) {
+	  return c < .04045 ? .0773993808 * c : Math.pow(.9478672986 * c + .0521327014, 2.4);
+	}
+	function LinearToSRGB(c) {
+	  return c < .0031308 ? 12.92 * c : 1.055 * Math.pow(c, .41666) - .055;
+	}
+	const setHex = (formatValue, forceHex) => {
+	  const isHex = REG_HEX.exec(formatValue);
+	  if (forceHex || isHex) {
+	    const hex = parseInt(isHex[1], 16),
+	      hexLength = isHex[1].length;
+	    return 3 === hexLength ? new RGB((hex >> 8 & 15) + ((hex >> 8 & 15) << 4), (hex >> 4 & 15) + ((hex >> 4 & 15) << 4), (15 & hex) + ((15 & hex) << 4), 1) : 6 === hexLength ? rgb(hex) : 8 === hexLength ? new RGB(hex >> 24 & 255, hex >> 16 & 255, hex >> 8 & 255, (255 & hex) / 255) : null;
 	  }
-	  toSelf() {
-	    const self = this._binding.serviceIdentifier;
-	    return this.to(self);
+	};
+	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();
 	  }
-	  toDynamicValue(func) {
-	    return this._binding.type = BindingTypeEnum.DynamicValue, this._binding.cache = null, this._binding.dynamicValue = func, this._binding.implementationType = null, new BindingInSyntax(this._binding);
+	  static SetOpacity(source) {
+	    let o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+	    return 1 === o ? source : new Color(source).setOpacity(o).toRGBA();
 	  }
-	  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);
+	  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();
+	    }
 	  }
-	  toFactory(factory) {
-	    return this._binding.type = BindingTypeEnum.Factory, this._binding.factory = factory, this._binding.scope = BindingScopeEnum.Singleton, 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]));
+	    }
 	  }
-	  toService(service) {
-	    this.toDynamicValue(context => context.container.get(service));
+	  constructor(value) {
+	    const color = Color.parseColorString(value);
+	    color ? this.color = color : (this.color = new RGB(255, 255, 255));
 	  }
-	}
-
-	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();
+	  toRGBA() {
+	    return this.color.formatRgb();
 	  }
-	  load(module) {
-	    const containerModuleHelpers = this._getContainerModuleHelpersFactory()(module.id);
-	    module.registry(containerModuleHelpers.bindFunction, containerModuleHelpers.unbindFunction, containerModuleHelpers.isboundFunction, containerModuleHelpers.rebindFunction);
+	  toString() {
+	    return this.color.formatRgb();
 	  }
-	  get(serviceIdentifier) {
-	    const getArgs = this._getNotAllArgs(serviceIdentifier, !1);
-	    return this._get(getArgs);
+	  toHex() {
+	    return this.color.formatHex();
 	  }
-	  getAll(serviceIdentifier) {
-	    const getArgs = this._getAllArgs(serviceIdentifier);
-	    return this._get(getArgs);
+	  toHsl() {
+	    return this.color.formatHsl();
 	  }
-	  getTagged(serviceIdentifier, key, value) {
-	    const getArgs = this._getNotAllArgs(serviceIdentifier, !1, key, value);
-	    return this._get(getArgs);
+	  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;
 	  }
-	  getNamed(serviceIdentifier, named) {
-	    return this.getTagged(serviceIdentifier, NAMED_TAG, named);
+	  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;
 	  }
-	  isBound(serviceIdentifier) {
-	    return this._bindingDictionary.has(serviceIdentifier);
+	  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;
 	  }
-	  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);
+	  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;
 	  }
-	  unbind(serviceIdentifier) {
-	    this._bindingDictionary.delete(serviceIdentifier);
+	  getHSVBrightness() {
+	    return Math.max(this.color.r, this.color.g, this.color.b) / 255;
 	  }
-	  rebind(serviceIdentifier) {
-	    return this.unbind(serviceIdentifier), this.bind(serviceIdentifier);
+	  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);
 	  }
-	  _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
-	    });
+	  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;
 	  }
-	  _getNotAllArgs(serviceIdentifier, isMultiInject, key, value) {
-	    return {
-	      avoidConstraints: !1,
-	      isMultiInject: isMultiInject,
-	      serviceIdentifier: serviceIdentifier,
-	      key: key,
-	      value: value
-	    };
+	  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;
 	  }
-	  _getAllArgs(serviceIdentifier) {
-	    return {
-	      avoidConstraints: !0,
-	      isMultiInject: !0,
-	      serviceIdentifier: serviceIdentifier
-	    };
+	  setHex(value) {
+	    const formatValue = `${value}`.trim().toLowerCase(),
+	      res = setHex(formatValue, !0);
+	    return null != res ? res : 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];
+	  setColorName(name) {
+	    const hex = DEFAULT_COLORS[name.toLowerCase()];
+	    return void 0 !== hex ? this.setHex(hex) : (void 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
-	        },
-	        request = {
-	          injectIdentifier: injectIdentifier,
-	          metadata: constructorArgsMetadata,
-	          bindings: this._bindingDictionary.get(injectIdentifier).filter(b => b.constraint(target))
-	        };
-	      arr.push(request);
-	    }
-	    return arr;
+	  setScalar(scalar) {
+	    return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
 	  }
-	  _resolveFromBinding(binding) {
-	    const result = this._getResolvedFromBinding(binding);
-	    return this._saveToScope(binding, result), result;
+	  setOpacity() {
+	    let o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+	    return this.color.opacity = o, 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;
+	  getLuminance() {
+	    return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
 	  }
-	  _resolveInstance(binding, constr) {
-	    if (binding.activated) return binding.cache;
-	    const childRequests = this._getChildRequest(binding);
-	    return this._createInstance(constr, childRequests);
+	  getLuminance2() {
+	    return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
 	  }
-	  _createInstance(constr, childRequests) {
-	    if (childRequests.length) {
-	      return new constr(...this._resolveRequests(childRequests));
-	    }
-	    return new constr();
+	  getLuminance3() {
+	    return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
 	  }
-	  _resolveRequests(childRequests) {
-	    return childRequests.map(request => request.bindings.length > 1 ? request.bindings.map(binding => this._resolveFromBinding(binding)) : this._resolveFromBinding(request.bindings[0]));
+	  clone() {
+	    return new Color(this.color.toString());
 	  }
-	  _saveToScope(binding, result) {
-	    binding.scope === BindingScopeEnum.Singleton && (binding.cache = result, binding.activated = !0);
+	  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;
 	  }
-	}
-
-	const ContributionProvider = Symbol("ContributionProvider");
-	class ContributionProviderCache {
-	  constructor(serviceIdentifier, container) {
-	    this.serviceIdentifier = serviceIdentifier, this.container = container;
+	  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;
 	  }
-	  getContributions() {
-	    return this.caches || (this.caches = [], this.container && this.container.isBound(this.serviceIdentifier) && this.caches.push(...this.container.getAll(this.serviceIdentifier))), this.caches;
+	  convertGammaToLinear(gammaFactor) {
+	    return this.copyGammaToLinear(this, gammaFactor), 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 = [];
+	  convertLinearToGamma(gammaFactor) {
+	    return this.copyLinearToGamma(this, gammaFactor), this;
 	  }
-	  tap(options, fn) {
-	    this._tap("sync", options, fn);
+	  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;
 	  }
-	  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))));
+	  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;
 	  }
-	  _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;
+	  convertSRGBToLinear() {
+	    return this.copySRGBToLinear(this), this;
 	  }
-	  _tap(type, options, fn) {
-	    this._insert(this._parseOptions(type, options, fn));
+	  convertLinearToSRGB() {
+	    return this.copyLinearToSRGB(this), this;
 	  }
-	  _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;
+	}
+	class RGB {
+	  constructor(r, g, b, opacity) {
+	    this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$1(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
+	  }
+	  formatHex() {
+	    return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
+	  }
+	  formatRgb() {
+	    const opacity = this.opacity;
+	    return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
+	  }
+	  formatHsl() {
+	    const opacity = this.opacity,
+	      {
+	        h: h,
+	        s: s,
+	        l: l
+	      } = rgbToHsl(this.r, this.g, this.b);
+	    return `${1 === opacity ? "hsl(" : "hsla("}${h},${s}%,${l}%${1 === opacity ? ")" : `,${opacity})`}`;
+	  }
+	  toString() {
+	    return this.formatHex();
 	  }
 	}
 
-	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 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 {
@@ -2701,7 +2960,7 @@
 	    this.bounds.add(cx + xmin, cy + ymin), this.bounds.add(cx + xmax, cy + ymax);
 	  }
 	  arcTo(x1, y1, x2, y2, radius) {
-	    throw new Error("不支持arcTo");
+	    this.bounds.add(x1, y1);
 	  }
 	  bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
 	    this.bounds.add(cp1x, cp1y), this.bounds.add(cp2x, cp2y), this.bounds.add(x, y);
@@ -2910,19 +3169,25 @@
 	}
 	const addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry) => {
 	  const delta = Math.abs(endAngle - startAngle),
-	    len = 4 * Math.tan(delta / 4) / 3,
-	    dir = endAngle < startAngle ? -1 : 1,
-	    c1 = Math.cos(startAngle),
-	    s1 = Math.sin(startAngle),
-	    c2 = Math.cos(endAngle),
-	    s2 = Math.sin(endAngle),
-	    x1 = c1 * rx + cx,
-	    y1 = s1 * ry + cy,
-	    x4 = c2 * rx + cx,
-	    y4 = s2 * ry + cy,
-	    hx = rx * len * dir,
-	    hy = ry * len * dir;
-	  bezierPath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4);
+	    count = delta > .5 * Math.PI ? Math.ceil(2 * delta / Math.PI) : 1,
+	    stepAngle = (endAngle - startAngle) / count;
+	  for (let i = 0; i < count; i++) {
+	    const sa = startAngle + stepAngle * i,
+	      ea = startAngle + stepAngle * (i + 1),
+	      len = 4 * Math.tan(Math.abs(stepAngle) / 4) / 3,
+	      dir = ea < sa ? -1 : 1,
+	      c1 = Math.cos(sa),
+	      s1 = Math.sin(sa),
+	      c2 = Math.cos(ea),
+	      s2 = Math.sin(ea),
+	      x1 = c1 * rx + cx,
+	      y1 = s1 * ry + cy,
+	      x4 = c2 * rx + cx,
+	      y4 = s2 * ry + cy,
+	      hx = rx * len * dir,
+	      hy = ry * len * dir;
+	    bezierPath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4);
+	  }
 	};
 
 	const commandFuncs = [(command, context, x, y, sx, sy, z) => context.arc(command[1] * sx + x, command[2] * sy + y, command[3] * (sx + sy) / 2, command[4], command[5], command[6], z), (command, context, x, y, sx, sy, z) => context.arcTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * (sx + sy) / 2, z), (command, context, x, y, sx, sy, z) => context.bezierCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * sx + x, command[6] * sy + y, z), (command, context, x, y) => context.closePath(), (command, context, x, y, sx, sy) => context.ellipse(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, command[5], command[6], command[7], command[8]), (command, context, x, y, sx, sy, z) => context.lineTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.moveTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.quadraticCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, z), (command, context, x, y, sx, sy, z) => context.rect(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, z)];
@@ -5029,7 +5294,8 @@
 	  constructor() {
 	    let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Generator.GenAutoIncrementId();
 	    let timeline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultTimeline;
-	    this.id = id, this.timeline = timeline, this.status = AnimateStatus.INITIAL, this.tailAnimate = new SubAnimate(this), this.subAnimates = [this.tailAnimate], this.timeScale = 1, this.rawPosition = -1, this._startTime = 0, this._duringTime = 0, this.timeline.addAnimate(this);
+	    let slience = arguments.length > 2 ? arguments[2] : undefined;
+	    this.id = id, this.timeline = timeline, this.status = AnimateStatus.INITIAL, this.tailAnimate = new SubAnimate(this), this.subAnimates = [this.tailAnimate], this.timeScale = 1, this.rawPosition = -1, this._startTime = 0, this._duringTime = 0, this.timeline.addAnimate(this), this.slience = slience;
 	  }
 	  setTimeline(timeline) {
 	    timeline !== this.timeline && (this.timeline.removeAnimate(this, !1), timeline.addAnimate(this));
@@ -5157,7 +5423,7 @@
 	    return !this._preventAttrs || !this._preventAttrs.has(key);
 	  }
 	  bind(target) {
-	    return this.target = target, this.target.onAnimateBind && this.target.onAnimateBind(this), this.subAnimates.forEach(sa => {
+	    return this.target = target, this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.subAnimates.forEach(sa => {
 	      sa.bind(target);
 	    }), this;
 	  }
@@ -5694,6 +5960,9 @@
 	  get AABBBounds() {
 	    return this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode);
 	  }
+	  get OBBBounds() {
+	    return this.tryUpdateOBBBounds();
+	  }
 	  get globalAABBBounds() {
 	    return this.tryUpdateGlobalAABBBounds();
 	  }
@@ -5706,7 +5975,7 @@
 	  constructor() {
 	    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 	    var _a;
-	    super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
+	    super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), this.updateAABBBoundsStamp = 0, params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
 	  }
 	  setMode(mode) {
 	    "3d" === mode ? this.set3dMode() : this.set2dMode();
@@ -5740,13 +6009,22 @@
 	    const bounds = this.doUpdateAABBBounds(full);
 	    return application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), bounds;
 	  }
+	  tryUpdateOBBBounds() {
+	    if (this._OBBBounds || (this._OBBBounds = new OBBBounds()), this.tryUpdateAABBBounds(), this.updateOBBBoundsStamp === this.updateAABBBoundsStamp) return this._OBBBounds;
+	    if (this.updateOBBBoundsStamp = this.updateAABBBoundsStamp, !this.valid) return this._OBBBounds.clear(), this._OBBBounds;
+	    return this.doUpdateOBBBounds();
+	  }
 	  combindShadowAABBBounds(bounds) {
 	    if (this.shadowRoot) {
 	      const b = this.shadowRoot.AABBBounds.clone();
 	      bounds.union(b);
 	    }
 	  }
+	  doUpdateOBBBounds() {
+	    return this._OBBBounds;
+	  }
 	  doUpdateAABBBounds(full) {
+	    this.updateAABBBoundsStamp++;
 	    const graphicTheme = this.getGraphicTheme();
 	    this._AABBBounds.clear();
 	    const attribute = this.attribute,
@@ -5784,7 +6062,7 @@
 	    return this._transMatrix || (this._transMatrix = new Matrix()), this.shouldUpdateLocalMatrix() && (this.doUpdateLocalMatrix(), clearTag && this.clearUpdateLocalPositionTag()), this._transMatrix;
 	  }
 	  shouldUpdateAABBBounds() {
-	    return this.shadowRoot ? !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS);
+	    return this.shadowRoot ? (!!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this) : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this);
 	  }
 	  shouldSelfChangeUpdateAABBBounds() {
 	    return this.shadowRoot ? !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS);
@@ -5954,8 +6232,8 @@
 	  }
 	  animate(params) {
 	    this.animates || (this.animates = new Map());
-	    const animate = new Animate(null == params ? void 0 : params.id, this.stage && this.stage.getTimeline()).bind(this);
-	    if (params) {
+	    const animate = new Animate(null == params ? void 0 : params.id, this.stage && this.stage.getTimeline(), null == params ? void 0 : params.slience);
+	    if (animate.bind(this), params) {
 	      const {
 	        onStart: onStart,
 	        onFrame: onFrame,
@@ -5991,7 +6269,9 @@
 	      keys.forEach(key => {
 	        noWorkAttrs[key] ? (noAnimateAttrs || (noAnimateAttrs = {}), noAnimateAttrs[key] = attrs[key]) : animateAttrs[key] = isClear && void 0 === attrs[key] ? this.getDefaultAttribute(key) : attrs[key];
 	      });
-	      const animate = this.animate();
+	      const animate = this.animate({
+	        slience: !0
+	      });
 	      animate.stateNames = stateNames, animate.to(animateAttrs, null !== (_b = null === (_a = this.stateAnimateConfig) || void 0 === _a ? void 0 : _a.duration) && void 0 !== _b ? _b : DefaultStateAnimateConfig.duration, null !== (_d = null === (_c = this.stateAnimateConfig) || void 0 === _c ? void 0 : _c.easing) && void 0 !== _d ? _d : DefaultStateAnimateConfig.easing), noAnimateAttrs && this.setAttributes(noAnimateAttrs, !1, {
 	        type: AttributeUpdateType.STATE
 	      });
@@ -6208,7 +6488,7 @@
 	      if (!animate.validAttr(key)) return;
 	      const nextStepVal = nextProps[key],
 	        lastStepVal = null !== (_a = lastProps && lastProps[key]) && void 0 !== _a ? _a : subAnimate.getLastPropByName(key, step);
-	      if (null == nextStepVal || null == lastStepVal) return void (nextAttributes[key] = nextStepVal);
+	      if (null == nextStepVal || null == lastStepVal || nextStepVal === lastStepVal) return void (nextAttributes[key] = nextStepVal);
 	      let match;
 	      match = animate.interpolateFunc && animate.interpolateFunc(key, ratio, lastStepVal, nextStepVal, nextAttributes), match || (match = animate.customInterpolate(key, ratio, lastStepVal, nextStepVal, this, nextAttributes), match || this.defaultInterpolate(nextStepVal, lastStepVal, key, nextAttributes, nextParsedProps, ratio) || this._interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes));
 	    }), step.parsedProps = nextParsedProps;
@@ -6701,6 +6981,7 @@
 	    }), application.graphicService.updateTempAABBBounds(aabbBounds), application.graphicService.transformAABBBounds(attribute, aabbBounds, groupTheme, !1, this), originalAABBBounds.copy(aabbBounds), originalAABBBounds;
 	  }
 	  doUpdateAABBBounds() {
+	    this.updateAABBBoundsStamp++;
 	    const bounds = super.doUpdateAABBBounds();
 	    return this.parent && this.parent.addChildUpdateBoundTag(), this._emitCustomEvent("AAABBBoundsChange"), bounds;
 	  }
@@ -7091,7 +7372,8 @@
 	      onAddIncremental: new SyncHook(["graphic", "group", "stage"]),
 	      onClearIncremental: new SyncHook(["graphic", "group", "stage"]),
 	      beforeUpdateAABBBounds: new SyncHook(["graphic", "stage", "willUpdate", "aabbBounds"]),
-	      afterUpdateAABBBounds: new SyncHook(["graphic", "stage", "aabbBounds", "globalAABBBounds", "selfChange"])
+	      afterUpdateAABBBounds: new SyncHook(["graphic", "stage", "aabbBounds", "globalAABBBounds", "selfChange"]),
+	      clearAABBBounds: new SyncHook(["graphic", "stage", "aabbBounds"])
 	    }, this.tempAABBBounds1 = new AABBBounds(), this.tempAABBBounds2 = new AABBBounds();
 	  }
 	  onAttributeUpdate(graphic) {
@@ -7118,6 +7400,9 @@
 	  afterUpdateAABBBounds(graphic, stage, bounds, params, selfChange) {
 	    this.hooks.afterUpdateAABBBounds.taps.length && this.hooks.afterUpdateAABBBounds.call(graphic, stage, bounds, params, selfChange);
 	  }
+	  clearAABBBounds(graphic, stage, b) {
+	    this.hooks.clearAABBBounds.taps.length && this.hooks.clearAABBBounds.call(graphic, stage, b);
+	  }
 	  updatePathProxyAABBBounds(aabbBounds, graphic) {
 	    const path = "function" == typeof graphic.pathProxy ? graphic.pathProxy(graphic.attribute) : graphic.pathProxy;
 	    if (!path) return !1;
@@ -7180,11 +7465,11 @@
 	  validCheck(attribute, theme, aabbBounds, graphic) {
 	    if (!graphic) return !0;
 	    if (null != attribute.forceBoundsHeight || null != attribute.forceBoundsWidth) return !0;
-	    if (!graphic.valid) return aabbBounds.clear(), !1;
+	    if (graphic.shadowRoot) return !0;
 	    const {
 	      visible = theme.visible
 	    } = attribute;
-	    return !!visible || (aabbBounds.clear(), !1);
+	    return !(!graphic.valid || !visible) || (aabbBounds.empty() || (graphic.parent && aabbBounds.transformWithMatrix(graphic.parent.globalTransMatrix), application.graphicService.clearAABBBounds(graphic, graphic.stage, aabbBounds), aabbBounds.clear()), !1);
 	  }
 	  updateTempAABBBounds(aabbBounds) {
 	    const tb1 = this.tempAABBBounds1,
@@ -8443,13 +8728,23 @@
 	    if (this.isSimplify()) return this.tryUpdateAABBBounds(), this.cache.clipedWidth;
 	  }
 	  get cliped() {
+	    var _a, _b;
 	    const textTheme = this.getGraphicTheme(),
-	      attribute = this.attribute;
-	    if (this.isMultiLine) return;
-	    const {
-	      maxLineWidth = textTheme.maxLineWidth
-	    } = attribute;
-	    return !!Number.isFinite(maxLineWidth) && (this.tryUpdateAABBBounds(), "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString());
+	      attribute = this.attribute,
+	      {
+	        maxLineWidth = textTheme.maxLineWidth,
+	        text: text,
+	        whiteSpace = textTheme.whiteSpace
+	      } = attribute;
+	    if (!Number.isFinite(maxLineWidth)) return !1;
+	    if (this.tryUpdateAABBBounds(), null === (_b = null === (_a = this.cache) || void 0 === _a ? void 0 : _a.layoutData) || void 0 === _b ? void 0 : _b.lines) {
+	      let mergedText = "";
+	      this.cache.layoutData.lines.forEach(item => {
+	        mergedText += item.str;
+	      });
+	      return (Array.isArray(text) ? text.join("") : text) !== mergedText;
+	    }
+	    return "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString();
 	  }
 	  get multilineLayout() {
 	    if (this.isMultiLine) return this.tryUpdateAABBBounds(), this.cache.layoutData;
@@ -8479,8 +8774,36 @@
 	  getGraphicTheme() {
 	    return getTheme(this).text;
 	  }
+	  doUpdateOBBBounds() {
+	    const graphicTheme = this.getGraphicTheme();
+	    this._OBBBounds.clear();
+	    const attribute = this.attribute,
+	      {
+	        angle = graphicTheme.angle
+	      } = attribute;
+	    if (!angle) {
+	      const b = this.AABBBounds;
+	      return this._OBBBounds.setValue(b.x1, b.y1, b.x2, b.y2), this._OBBBounds;
+	    }
+	    this.obbText || (this.obbText = new Text({})), this.obbText.setAttributes(Object.assign(Object.assign({}, attribute), {
+	      angle: 0
+	    }));
+	    const bounds1 = this.obbText.AABBBounds,
+	      {
+	        x: x,
+	        y: y
+	      } = attribute,
+	      boundsCenter = {
+	        x: (bounds1.x1 + bounds1.x2) / 2,
+	        y: (bounds1.y1 + bounds1.y2) / 2
+	      },
+	      center = rotatePoint(boundsCenter, angle, {
+	        x: x,
+	        y: y
+	      });
+	    return this._OBBBounds.copy(bounds1), this._OBBBounds.translate(center.x - boundsCenter.x, center.y - boundsCenter.y), this._OBBBounds.angle = angle, this._OBBBounds;
+	  }
 	  updateAABBBounds(attribute, textTheme, aabbBounds) {
-	    if (!application.graphicService.validCheck(attribute, textTheme, aabbBounds, this)) return aabbBounds;
 	    const {
 	      text = textTheme.text
 	    } = this.attribute;
@@ -9589,7 +9912,6 @@
 	    return getTheme(this).symbol;
 	  }
 	  updateAABBBounds(attribute, symbolTheme, aabbBounds, full) {
-	    if (!application.graphicService.validCheck(attribute, symbolTheme, aabbBounds, this)) return aabbBounds;
 	    this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateSymbolAABBBoundsImprecise(attribute, symbolTheme, aabbBounds) : this.updateSymbolAABBBoundsAccurate(attribute, symbolTheme, aabbBounds));
 	    const {
 	      tb1: tb1,
@@ -9658,7 +9980,6 @@
 	    return getTheme(this).rect;
 	  }
 	  updateAABBBounds(attribute, rectTheme, aabbBounds) {
-	    if (!application.graphicService.validCheck(attribute, rectTheme, aabbBounds, this)) return aabbBounds;
 	    if (!this.updatePathProxyAABBBounds(aabbBounds)) {
 	      let {
 	        width: width,
@@ -9983,7 +10304,6 @@
 	    return getTheme(this).image;
 	  }
 	  updateAABBBounds(attribute, imageTheme, aabbBounds) {
-	    if (!application.graphicService.validCheck(attribute, imageTheme, aabbBounds, this)) return aabbBounds;
 	    if (!this.updatePathProxyAABBBounds(aabbBounds)) {
 	      const {
 	        width = imageTheme.width,
@@ -10086,10 +10406,22 @@
 	  }
 	  draw(ctx, lastLine, x, y, drawEllipsis, drawIcon) {
 	    if (drawEllipsis && (lastLine || this.paragraphs.some(p => p.overflow))) {
-	      let otherParagraphWidth = 0;
+	      let emptyOverflow = !0,
+	        skipEllipsis = !1;
 	      for (let i = this.paragraphs.length - 1; i >= 0; i--) {
 	        const paragraph = this.paragraphs[i];
-	        if (paragraph.overflow) continue;
+	        if (paragraph.overflow) emptyOverflow = emptyOverflow && "" === paragraph.text;else if (emptyOverflow) {
+	          skipEllipsis = !0;
+	          break;
+	        }
+	      }
+	      let otherParagraphWidth = 0;
+	      if (!skipEllipsis) for (let i = this.paragraphs.length - 1; i >= 0; i--) {
+	        const paragraph = this.paragraphs[i];
+	        if (paragraph.overflow) {
+	          if ("" === paragraph.text) break;
+	          continue;
+	        }
 	        if (paragraph instanceof RichTextIcon) break;
 	        if ("vertical" === this.direction && "vertical" !== paragraph.direction) {
 	          paragraph.verticalEllipsis = !0;
@@ -10183,7 +10515,13 @@
 	const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", "fill", "stroke", "fontSize", ...GRAPHIC_UPDATE_TAG_KEY];
 	let RichText$1 = class RichText extends Graphic {
 	  constructor(params) {
-	    super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE;
+	    super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE, this.onBeforeAttributeUpdate = (val, attributes, key) => {
+	      for (const key in val) if ("hoverIconId" === key) {
+	        if (val[key] === attributes[key]) continue;
+	        const icon = this._frameCache.icons.get(val[key]);
+	        this.updateHoverIconState(icon);
+	      }
+	    };
 	  }
 	  get width() {
 	    var _a;
@@ -10257,7 +10595,6 @@
 	    return getTheme(this).richtext;
 	  }
 	  updateAABBBounds(attribute, richtextTheme, aabbBounds) {
-	    if (!application.graphicService.validCheck(attribute, richtextTheme, aabbBounds, this)) return aabbBounds;
 	    const {
 	      width = richtextTheme.width,
 	      height = richtextTheme.height,
@@ -10309,6 +10646,21 @@
 	  getFrameCache() {
 	    return this.shouldUpdateShape() && (this.doUpdateFrameCache(), this.clearUpdateShapeTag()), this._frameCache;
 	  }
+	  get cliped() {
+	    const frameCache = this.getFrameCache();
+	    if (frameCache.actualHeight > frameCache.height) return !0;
+	    const {
+	      disableAutoWrapLine: disableAutoWrapLine
+	    } = this.attribute;
+	    if (disableAutoWrapLine) for (let i = 0; i < frameCache.lines.length; i++) {
+	      const l = frameCache.lines[i];
+	      for (let j = 0; j < l.paragraphs.length; j++) {
+	        const p = l.paragraphs[j];
+	        if (p.overflow && "" !== p.text) return !0;
+	      }
+	    }
+	    return !1;
+	  }
 	  combinedStyleToCharacter(config) {
 	    const {
 	      fill: fill,
@@ -10355,8 +10707,9 @@
 	      paragraphs = [],
 	      textConfig = null != tc ? tc : _tc;
 	    for (let i = 0; i < textConfig.length; i++) if ("image" in textConfig[i]) {
-	      const config = this.combinedStyleToCharacter(textConfig[i]),
-	        iconCache = config.id && this._frameCache && this._frameCache.icons && this._frameCache.icons.get(config.id);
+	      const config = this.combinedStyleToCharacter(textConfig[i]);
+	      config.lineWidth = void 0;
+	      const iconCache = config.id && this._frameCache && this._frameCache.icons && this._frameCache.icons.get(config.id);
 	      if (iconCache) paragraphs.push(iconCache);else {
 	        const icon = new RichTextIcon(config);
 	        icon.successCallback = () => {
@@ -10406,14 +10759,16 @@
 	  }
 	  bindIconEvent() {
 	    this.addEventListener("pointermove", e => {
-	      var _a, _b, _c, _d, _e;
 	      const pickedIcon = this.pickIcon(e.global);
-	      pickedIcon && pickedIcon === this._currentHoverIcon || (pickedIcon ? (null === (_a = this._currentHoverIcon) || void 0 === _a || _a.setHoverState(!1), this._currentHoverIcon = pickedIcon, this._currentHoverIcon.setHoverState(!0), null === (_b = this.stage) || void 0 === _b || _b.setCursor(pickedIcon.attribute.cursor), null === (_c = this.stage) || void 0 === _c || _c.renderNextFrame()) : !pickedIcon && this._currentHoverIcon && (this._currentHoverIcon.setHoverState(!1), this._currentHoverIcon = null, null === (_d = this.stage) || void 0 === _d || _d.setCursor(), null === (_e = this.stage) || void 0 === _e || _e.renderNextFrame()));
+	      pickedIcon && pickedIcon === this._currentHoverIcon || (pickedIcon ? this.setAttribute("hoverIconId", pickedIcon.richtextId) : !pickedIcon && this._currentHoverIcon && this.setAttribute("hoverIconId", void 0));
 	    }), this.addEventListener("pointerleave", e => {
-	      var _a, _b;
-	      this._currentHoverIcon && (this._currentHoverIcon.setHoverState(!1), this._currentHoverIcon = null, null === (_a = this.stage) || void 0 === _a || _a.setCursor(), null === (_b = this.stage) || void 0 === _b || _b.renderNextFrame());
+	      this._currentHoverIcon && this.setAttribute("hoverIconId", void 0);
 	    });
 	  }
+	  updateHoverIconState(pickedIcon) {
+	    var _a, _b, _c, _d, _e;
+	    pickedIcon ? (null === (_a = this._currentHoverIcon) || void 0 === _a || _a.setHoverState(!1), this._currentHoverIcon = pickedIcon, this._currentHoverIcon.setHoverState(!0), null === (_b = this.stage) || void 0 === _b || _b.setCursor(pickedIcon.attribute.cursor), null === (_c = this.stage) || void 0 === _c || _c.renderNextFrame()) : (this._currentHoverIcon.setHoverState(!1), this._currentHoverIcon = null, null === (_d = this.stage) || void 0 === _d || _d.setCursor(), null === (_e = this.stage) || void 0 === _e || _e.renderNextFrame());
+	  }
 	  pickIcon(point) {
 	    const frameCache = this.getFrameCache(),
 	      {
@@ -10421,7 +10776,7 @@
 	        f: y
 	      } = this.globalTransMatrix;
 	    let pickIcon;
-	    return frameCache.icons.forEach(icon => {
+	    return frameCache.icons.forEach((icon, key) => {
 	      var _a, _b;
 	      const bounds = icon.AABBBounds.clone();
 	      bounds.translate(icon._marginArray[3], icon._marginArray[0]), bounds.containsPoint({
@@ -10571,7 +10926,6 @@
 	    return getTheme(this).arc;
 	  }
 	  updateAABBBounds(attribute, arcTheme, aabbBounds, full) {
-	    if (!application.graphicService.validCheck(attribute, arcTheme, aabbBounds, this)) return aabbBounds;
 	    this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateArcAABBBoundsImprecise(attribute, arcTheme, aabbBounds) : this.updateArcAABBBoundsAccurate(attribute, arcTheme, aabbBounds));
 	    const {
 	      tb1: tb1,
@@ -10624,13 +10978,14 @@
 	    return super.needUpdateTag(key, ARC_UPDATE_TAG_KEY);
 	  }
 	  toCustomPath() {
+	    var _a, _b, _c, _d;
 	    const attribute = this.attribute,
 	      {
 	        startAngle: startAngle,
 	        endAngle: endAngle
 	      } = this.getParsedAngle();
-	    let innerRadius = attribute.innerRadius - (attribute.innerPadding || 0),
-	      outerRadius = attribute.outerRadius - (attribute.outerPadding || 0);
+	    let innerRadius = (null !== (_a = attribute.innerRadius) && void 0 !== _a ? _a : 0) - (null !== (_b = attribute.innerPadding) && void 0 !== _b ? _b : 0),
+	      outerRadius = (null !== (_c = attribute.outerRadius) && void 0 !== _c ? _c : 0) - (null !== (_d = attribute.outerPadding) && void 0 !== _d ? _d : 0);
 	    const deltaAngle = abs(endAngle - startAngle),
 	      clockwise = endAngle > startAngle;
 	    if (outerRadius < innerRadius) {
@@ -11919,7 +12274,7 @@
 	}
 	function richTextAttributeTransform(attributes) {
 	  var _a, _b;
-	  return attributes.width = null !== (_a = attributes.width) && void 0 !== _a ? _a : 0, attributes.height = null !== (_b = attributes.height) && void 0 !== _b ? _b : 0, attributes.maxWidth = attributes.maxLineWidth, attributes.textConfig = attributes.text.text || attributes.text, attributes;
+	  return isValid$1(attributes.maxLineWidth) && (attributes.maxWidth = attributes.maxLineWidth, delete attributes.maxLineWidth), attributes.width = null !== (_a = attributes.width) && void 0 !== _a ? _a : 0, attributes.height = null !== (_b = attributes.height) && void 0 !== _b ? _b : 0, attributes.textConfig = attributes.text.text || attributes.text, attributes;
 	}
 
 	function loadTagComponent() {
@@ -11971,6 +12326,8 @@
 	        zIndex: 1
 	      }, "group");
 	    let symbol,
+	      tagX = -parsedPadding[3],
+	      tagY = -parsedPadding[0],
 	      tagWidth = parsedPadding[1] + parsedPadding[3],
 	      tagHeight = parsedPadding[0] + parsedPadding[2],
 	      textX = 0,
@@ -12005,25 +12362,7 @@
 	        x: textX,
 	        y: 0
 	      });
-	      textShape = group.createOrUpdateChild("tag-text", richTextAttrs, "richtext");
-	      const {
-	          visible: bgVisible
-	        } = panel,
-	        backgroundStyle = __rest(panel, ["visible"]);
-	      if (visible && isBoolean$1(bgVisible)) {
-	        const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
-	          visible: bgVisible && !!text,
-	          x: textShape.AABBBounds.x1,
-	          y: textShape.AABBBounds.y1,
-	          width: textShape.AABBBounds.width(),
-	          height: textShape.AABBBounds.height()
-	        }), "rect");
-	        if (isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), backgroundStyle.customShape) {
-	          const customShape = backgroundStyle.customShape;
-	          bgRect.pathProxy = attrs => customShape(textShape.attribute, attrs, new CustomPath2D());
-	        }
-	        this._bgRect = bgRect;
-	      }
+	      textShape = group.createOrUpdateChild("tag-text", richTextAttrs, "richtext"), tagWidth += textShape.AABBBounds.width(), tagHeight += textShape.AABBBounds.height(), tagX += textShape.AABBBounds.x1, tagY += textShape.AABBBounds.y1;
 	    } else {
 	      const textAttrs = Object.assign(Object.assign({
 	        text: isObject$1(text) && "type" in text && "text" === text.type ? text.text : text,
@@ -12045,11 +12384,9 @@
 	        textAlign: textAlign,
 	        textBaseline: textBaseline
 	      } = textStyle;
-	      (isValid$1(minWidth) || isValid$1(maxWidth)) && (isValid$1(minWidth) && tagWidth < minWidth && (tagWidth = minWidth), isValid$1(maxWidth) && tagWidth > maxWidth && (tagWidth = maxWidth, textShape.setAttribute("maxLineWidth", maxWidth - parsedPadding[1] - parsedPadding[2])));
-	      let x = 0,
-	        y = 0,
-	        flag = 0;
-	      "left" === textAlign || "start" === textAlign ? flag = 1 : "right" === textAlign || "end" === textAlign ? flag = -1 : "center" === textAlign && (flag = 0), flag ? flag < 0 ? (x -= tagWidth, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth), group.setAttribute("x", -parsedPadding[1] - symbolPlaceWidth)) : flag > 0 && group.setAttribute("x", parsedPadding[3]) : (x -= tagWidth / 2, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth / 2), group.setAttribute("x", -symbolPlaceWidth / 2));
+	      (isValid$1(minWidth) || isValid$1(maxWidth)) && (isValid$1(minWidth) && tagWidth < minWidth && (tagWidth = minWidth), isValid$1(maxWidth) && tagWidth > maxWidth && (tagWidth = maxWidth, textShape.setAttribute("maxLineWidth", maxWidth - parsedPadding[1] - parsedPadding[2]))), tagX = 0, tagY = 0;
+	      let flag = 0;
+	      "left" === textAlign || "start" === textAlign ? flag = 1 : "right" === textAlign || "end" === textAlign ? flag = -1 : "center" === textAlign && (flag = 0), flag ? flag < 0 ? (tagX -= tagWidth, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth), group.setAttribute("x", -parsedPadding[1] - symbolPlaceWidth)) : flag > 0 && group.setAttribute("x", parsedPadding[3]) : (tagX -= tagWidth / 2, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth / 2), group.setAttribute("x", -symbolPlaceWidth / 2));
 	      const shouldRight = "right" === containerTextAlign || "end" === containerTextAlign,
 	        shouldLeft = "left" === containerTextAlign || "start" === containerTextAlign;
 	      if ((containerTextAlign ? "center" === containerTextAlign : textAlwaysCenter) && flag) {
@@ -12093,25 +12430,25 @@
 	          });
 	        }
 	      }
-	      "middle" === textBaseline ? (y -= tagHeight / 2, symbol && symbol.setAttribute("y", 0)) : "bottom" === textBaseline ? (y -= tagHeight, symbol && symbol.setAttribute("y", -textHeight / 2), group.setAttribute("y", -parsedPadding[2])) : "top" === textBaseline && (group.setAttribute("y", parsedPadding[0]), symbol && symbol.setAttribute("y", textHeight / 2));
-	      const {
-	          visible: bgVisible
-	        } = panel,
-	        backgroundStyle = __rest(panel, ["visible"]);
-	      if (visible && isBoolean$1(bgVisible)) {
-	        const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
-	          visible: bgVisible && !!text,
-	          x: x,
-	          y: y,
-	          width: tagWidth,
-	          height: tagHeight
-	        }), "rect");
-	        if (isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), backgroundStyle.customShape) {
-	          const customShape = backgroundStyle.customShape;
-	          bgRect.pathProxy = attrs => customShape(textShape.attribute, attrs, new CustomPath2D());
-	        }
-	        this._bgRect = bgRect;
+	      "middle" === textBaseline ? (tagY -= tagHeight / 2, symbol && symbol.setAttribute("y", 0)) : "bottom" === textBaseline ? (tagY -= tagHeight, symbol && symbol.setAttribute("y", -textHeight / 2), group.setAttribute("y", -parsedPadding[2])) : "top" === textBaseline && (group.setAttribute("y", parsedPadding[0]), symbol && symbol.setAttribute("y", textHeight / 2));
+	    }
+	    const {
+	        visible: bgVisible
+	      } = panel,
+	      backgroundStyle = __rest(panel, ["visible"]);
+	    if (visible && isBoolean$1(bgVisible)) {
+	      const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
+	        visible: bgVisible && !!text,
+	        width: tagWidth,
+	        height: tagHeight,
+	        x: tagX,
+	        y: tagY
+	      }), "rect");
+	      if (isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), backgroundStyle.customShape) {
+	        const customShape = backgroundStyle.customShape;
+	        bgRect.pathProxy = attrs => customShape(this, attrs, new CustomPath2D());
 	      }
+	      this._bgRect = bgRect;
 	    }
 	    this._textShape = textShape, this._symbol = symbol, this.resetStates();
 	  }
@@ -12175,9 +12512,11 @@
 	    isCheckedOrIndeterminate && this.attribute.disabled ? this._box.setAttributes({
 	      fill: this.attribute.box.disableCheckedFill,
 	      stroke: this.attribute.box.disableCheckedStroke
-	    }) : isCheckedOrIndeterminate && this._box.setAttributes({
+	    }) : isCheckedOrIndeterminate ? this._box.setAttributes({
 	      fill: this.attribute.box.checkedFill,
 	      stroke: this.attribute.box.checkedStroke
+	    }) : this.attribute.disabled && this._box.setAttributes({
+	      fill: this.attribute.box.disableFill
 	    }), this.appendChild(this._box);
 	  }
 	  renderIcon() {
@@ -12290,9 +12629,11 @@
 	    isChecked && this.attribute.disabled ? this._circle.setAttributes({
 	      fill: this.attribute.circle.disableCheckedFill,
 	      stroke: this.attribute.circle.disableCheckedStroke
-	    }) : isChecked && this._circle.setAttributes({
+	    }) : isChecked ? this._circle.setAttributes({
 	      fill: this.attribute.circle.checkedFill,
 	      stroke: this.attribute.circle.checkedStroke
+	    }) : this.attribute.disabled && this._circle.setAttributes({
+	      fill: this.attribute.circle.disableFill
 	    }), this.appendChild(this._circle);
 	  }
 	  renderText() {
@@ -12374,7 +12715,7 @@
 	        if (!(element && ReactDOM && ReactDOM.createRoot)) {
 	            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);
 	        }
@@ -12432,7 +12773,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') {
@@ -12444,7 +12785,7 @@
 	            top = matrix.f;
 	        }
 	        else {
-	            const anchor = calculateAnchorOfBounds(b, anchorType);
+	            const anchor = calculateAnchorOfBounds$1(b, anchorType);
 	            left = anchor.x;
 	            top = anchor.y;
 	        }
@@ -12460,17 +12801,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,
@@ -12558,7 +12899,7 @@
 	        }
 	        const { width, height, style } = params;
 	        if (style) {
-	            if (isString$1(style)) {
+	            if (isString$3(style)) {
 	                dom.setAttribute('style', style);
 	            }
 	            else {
@@ -12600,7 +12941,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)
@@ -18425,7 +18766,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) {
@@ -18445,7 +18786,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);
@@ -18704,7 +19045,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,
@@ -18724,7 +19065,7 @@
 	        return { ...defaultProps };
 	    }, [defaultProps]);
 	    const props = reactExports.useMemo(() => {
-	        const mProps = merge({}, componentProps);
+	        const mProps = merge$1({}, componentProps);
 	        for (const propName in _defaultProps) {
 	            if (mProps[propName] === undefined) {
 	                mProps[propName] = _defaultProps[propName];
@@ -18735,7 +19076,7 @@
 	    return props;
 	}
 	function dealWidthNumber(value, refenceValue) {
-	    if (isNumber$1(value)) {
+	    if (isNumber$3(value)) {
 	        return value;
 	    }
 	    if (typeof value === 'string' && value.endsWith('%')) {
@@ -18783,7 +19124,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;
@@ -18878,7 +19219,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;
@@ -18971,7 +19312,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;
@@ -18979,7 +19320,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 })));
@@ -19060,7 +19401,7 @@
 	        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, children } = props;
 	    let popoverRef = React.useRef(null);
 	    popoverRef = ref ? ref : popoverRef;
@@ -19092,14 +19433,14 @@
 	        }
 	    };
 	    const groupMouseEnter = reactExports.useCallback((event) => {
-	        if (isValid$1(popupVisible)) {
+	        if (isValid$3(popupVisible)) {
 	            return;
 	        }
 	        setPopupOpen(true);
 	        event.currentTarget.stage.renderNextFrame();
 	    }, []);
 	    const groupMouseLeave = reactExports.useCallback((event) => {
-	        if (isValid$1(popupVisible)) {
+	        if (isValid$3(popupVisible)) {
 	            return;
 	        }
 	        setPopupOpen(false);
@@ -19276,7 +19617,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;
@@ -19293,7 +19634,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;
@@ -19322,7 +19663,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;
@@ -19348,7 +19689,7 @@
 	const Checkbox = React.forwardRef(CheckboxComponent);
 	Checkbox.displayName = 'Checkbox';
 
-	const version = "1.8.1";
+	const version = "1.8.3-alpha.0";
 
 	Object.defineProperty(exports, 'register', {
 		enumerable: true,