@visactor/vchart-extension 2.0.4-alpha.0 → 2.0.4-alpha.10

package/build/index.js

@@ -325,94 +325,88 @@
 	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 = (value, fuzzy = !1) => 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 isBoolean$2 = (value, fuzzy = !1) => fuzzy ? "boolean" == typeof value : !0 === value || !1 === value || isType$3(value, "Boolean");
+	var isBoolean$3 = isBoolean$2;
 
-	const isNil = value => null == value;
-	var isNil$1 = isNil;
+	const isFunction$2 = value => "function" == typeof value;
+	var isFunction$3 = isFunction$2;
 
-	const isValid = value => null != value;
-	var isValid$1 = isValid;
+	const isNil$2 = value => null == value;
+	var isNil$3 = isNil$2;
 
-	const isObject = value => {
-	  const type = typeof value;
-	  return null !== value && "object" === type || "function" === type;
-	};
-	var isObject$1 = isObject;
+	const isValid$2 = value => null != value;
+	var isValid$3 = isValid$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 = (value, fuzzy = !1) => {
+	const isString$2 = (value, fuzzy = !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 isDate = value => isType$1(value, "Date");
+	const isDate = value => isType$3(value, "Date");
 	var isDate$1 = isDate;
 
-	const isNumber = (value, fuzzy = !1) => {
+	const isNumber$2 = (value, fuzzy = !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;
+	var isNumber$3 = isNumber$2;
 
-	const isValidNumber = value => isNumber$1(value) && Number.isFinite(value);
-	var isValidNumber$1 = isValidNumber;
+	const isValidNumber$2 = value => isNumber$3(value) && Number.isFinite(value);
+	var isValidNumber$3 = isValidNumber$2;
 
-	const isValidUrl = value => new RegExp(/^(http(s)?:\/\/)\w+[^\s]+(\.[^\s]+){1,}$/).test(value);
-	var isValidUrl$1 = isValidUrl;
+	const isValidUrl$2 = value => new RegExp(/^(http(s)?:\/\/)\w+[^\s]+(\.[^\s]+){1,}$/).test(value);
+	var isValidUrl$3 = isValidUrl$2;
 
-	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 isBase64$2 = 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$3 = isBase64$2;
 
-	const getType = value => ({}).toString.call(value).replace(/^\[object /, "").replace(/]$/, "");
-	var getType$1 = getType;
+	const getType$2 = value => ({}).toString.call(value).replace(/^\[object /, "").replace(/]$/, "");
+	var getType$3 = getType$2;
 
-	const objectProto = Object.prototype,
-	  isPrototype = function (value) {
+	const objectProto$1 = Object.prototype,
+	  isPrototype$2 = function (value) {
 	    const Ctor = value && value.constructor;
-	    return value === ("function" == typeof Ctor && Ctor.prototype || objectProto);
+	    return value === ("function" == typeof Ctor && Ctor.prototype || objectProto$1);
 	  };
-	var isPrototype$1 = isPrototype;
+	var isPrototype$3 = isPrototype$2;
 
-	const hasOwnProperty = Object.prototype.hasOwnProperty;
-	function isEmpty(value) {
-	  if (isNil$1(value)) return !0;
-	  if (isArrayLike$1(value)) return !value.length;
-	  const type = getType$1(value);
+	const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+	function isEmpty$1(value) {
+	  if (isNil$3(value)) return !0;
+	  if (isArrayLike$3(value)) return !value.length;
+	  const type = getType$3(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.call(value, key)) return !1;
+	  if (isPrototype$3(value)) return !Object.keys(value).length;
+	  for (const key in value) if (hasOwnProperty$1.call(value, key)) return !1;
 	  return !0;
 	}
 
 	const get = (obj, path, defaultValue) => {
-	  const paths = isString$1(path) ? path.split(".") : path;
+	  const paths = isString$3(path) ? path.split(".") : path;
 	  for (let p = 0; p < paths.length; p++) obj = obj ? obj[paths[p]] : void 0;
 	  return void 0 === obj ? defaultValue : obj;
 	};
@@ -420,10 +414,10 @@
 
 	function cloneDeep(value, ignoreWhen, excludeKeys) {
 	  let result;
-	  if (!isValid$1(value) || "object" != typeof value || ignoreWhen && ignoreWhen(value)) return value;
-	  const isArr = isArray$1(value),
+	  if (!isValid$3(value) || "object" != typeof value || ignoreWhen && ignoreWhen(value)) return value;
+	  const isArr = isArray$3(value),
 	    length = value.length;
-	  result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$1(value) || isNumber$1(value) || isString$1(value) ? value : isDate$1(value) ? new Date(+value) : void 0;
+	  result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$3(value) || isNumber$3(value) || isString$3(value) ? value : isDate$1(value) ? new Date(+value) : void 0;
 	  const props = isArr ? void 0 : Object.keys(Object(value));
 	  let index = -1;
 	  if (result) for (; ++index < (props || value).length;) {
@@ -434,10 +428,10 @@
 	  return result;
 	}
 
-	function baseMerge(target, source, shallowArray = !1, skipTargetArray = !1) {
+	function baseMerge$1(target, source, shallowArray = !1, skipTargetArray = !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);
@@ -447,49 +441,49 @@
 	        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, shallowArray = !1, skipTargetArray = !1) {
+	function baseMergeDeep$1(target, source, key, shallowArray = !1, skipTargetArray = !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, ...sources) {
+	function merge$1(target, ...sources) {
 	  let sourceIndex = -1;
 	  const length = sources.length;
 	  for (; ++sourceIndex < length;) {
-	    baseMerge(target, sources[sourceIndex], !0);
+	    baseMerge$1(target, sources[sourceIndex], !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;
 	}
@@ -506,14 +500,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;
@@ -526,36 +520,36 @@
 	  return !0;
 	}
 
-	function keys(obj) {
+	function keys$1(obj) {
 	  if (!obj) return [];
 	  if (Object.keys) return Object.keys(obj);
 	  const keyList = [];
 	  for (const key in obj) obj.hasOwnProperty(key) && keyList.push(key);
 	  return keyList;
 	}
-	function defaults(target, source, overlay) {
-	  const keysArr = keys(source);
+	function defaults$1(target, source, overlay) {
+	  const keysArr = keys$1(source);
 	  for (let i = 0; i < keysArr.length; i++) {
 	    const key = keysArr[i];
 	    (overlay ? null != source[key] : null == target[key]) && (target[key] = source[key]);
 	  }
 	  return target;
 	}
-	function mixin(target, source, override = !0) {
+	function mixin$1(target, source, override = !0) {
 	  if (target = "prototype" in target ? target.prototype : target, source = "prototype" in source ? source.prototype : source, Object.getOwnPropertyNames) {
 	    const keyList = Object.getOwnPropertyNames(source);
 	    for (let i = 0; i < keyList.length; i++) {
 	      const key = keyList[i];
 	      "constructor" !== key && (override ? null != source[key] : null == target[key]) && (target[key] = source[key]);
 	    }
-	  } else defaults(target, source, override);
+	  } else defaults$1(target, source, override);
 	}
 
-	function array(arr) {
-	  return isValid$1(arr) ? isArray$1(arr) ? arr : [arr] : [];
+	function array$1(arr) {
+	  return isValid$3(arr) ? isArray$3(arr) ? arr : [arr] : [];
 	}
 	function last(val) {
-	  if (isArrayLike$1(val)) {
+	  if (isArrayLike$3(val)) {
 	    return val[val.length - 1];
 	  }
 	}
@@ -579,21 +573,9 @@
 	  }
 	  return min;
 	};
-	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;
-	}
-	function flattenArray(arr) {
-	  if (!isArray$1(arr)) return [arr];
-	  const result = [];
-	  for (const value of arr) result.push(...flattenArray(value));
-	  return result;
-	}
 
 	function range$1(start, stop, step) {
-	  isValid$1(stop) || (stop = start, start = 0), isValid$1(step) || (step = 1);
+	  isValid$3(stop) || (stop = start, start = 0), isValid$3(step) || (step = 1);
 	  let i = -1;
 	  const n = 0 | Math.max(0, Math.ceil((stop - start) / step)),
 	    range = new Array(n);
@@ -609,18 +591,18 @@
 	  return Number(a);
 	}
 
-	const hasConsole = "undefined" != typeof console;
-	function log(method, level, input) {
+	const hasConsole$1 = "undefined" != typeof console;
+	function log$1(method, level, input) {
 	  const args = [level].concat([].slice.call(input));
-	  hasConsole && console[method].apply(console, args);
+	  hasConsole$1 && console[method].apply(console, args);
 	}
-	var LoggerLevel;
+	var LoggerLevel$1;
 	!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 {
+	}(LoggerLevel$1 || (LoggerLevel$1 = {}));
+	let Logger$1 = 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;
+	    return Logger._instance && isNumber$3(level) ? Logger._instance.level(level) : Logger._instance || (Logger._instance = new Logger(level, method)), Logger._instance;
 	  }
 	  static setInstance(logger) {
 	    return Logger._instance = logger;
@@ -631,7 +613,7 @@
 	  static clearInstance() {
 	    Logger._instance = null;
 	  }
-	  constructor(level = LoggerLevel.None, method) {
+	  constructor(level = LoggerLevel$1.None, method) {
 	    this._onErrorHandler = [], this._level = level, this._method = method;
 	  }
 	  addErrorHandler(handler) {
@@ -645,38 +627,38 @@
 	    this._onErrorHandler.forEach(h => h(...args));
 	  }
 	  canLogInfo() {
-	    return this._level >= LoggerLevel.Info;
+	    return this._level >= LoggerLevel$1.Info;
 	  }
 	  canLogDebug() {
-	    return this._level >= LoggerLevel.Debug;
+	    return this._level >= LoggerLevel$1.Debug;
 	  }
 	  canLogError() {
-	    return this._level >= LoggerLevel.Error;
+	    return this._level >= LoggerLevel$1.Error;
 	  }
 	  canLogWarn() {
-	    return this._level >= LoggerLevel.Warn;
+	    return this._level >= LoggerLevel$1.Warn;
 	  }
 	  level(levelValue) {
 	    return arguments.length ? (this._level = +levelValue, this) : this._level;
 	  }
 	  error(...args) {
 	    var _a;
-	    return this._level >= LoggerLevel.Error && (this._onErrorHandler.length ? this.callErrorHandler(...args) : log(null !== (_a = this._method) && void 0 !== _a ? _a : "error", "ERROR", args)), this;
+	    return this._level >= LoggerLevel$1.Error && (this._onErrorHandler.length ? this.callErrorHandler(...args) : log$1(null !== (_a = this._method) && void 0 !== _a ? _a : "error", "ERROR", args)), this;
 	  }
 	  warn(...args) {
-	    return this._level >= LoggerLevel.Warn && log(this._method || "warn", "WARN", args), this;
+	    return this._level >= LoggerLevel$1.Warn && log$1(this._method || "warn", "WARN", args), this;
 	  }
 	  info(...args) {
-	    return this._level >= LoggerLevel.Info && log(this._method || "log", "INFO", args), this;
+	    return this._level >= LoggerLevel$1.Info && log$1(this._method || "log", "INFO", args), this;
 	  }
 	  debug(...args) {
-	    return this._level >= LoggerLevel.Debug && log(this._method || "log", "DEBUG", args), this;
+	    return this._level >= LoggerLevel$1.Debug && log$1(this._method || "log", "DEBUG", args), this;
 	  }
-	}
-	Logger._instance = null;
+	};
+	Logger$1._instance = null;
 
 	function bisect(a, x, lo = 0, hi) {
-	  for (isNil$1(hi) && (hi = a.length); lo < hi;) {
+	  for (isNil$3(hi) && (hi = a.length); lo < hi;) {
 	    const mid = lo + hi >>> 1;
 	    ascending$1(a[mid], x) > 0 ? hi = mid : lo = mid + 1;
 	  }
@@ -697,10 +679,10 @@
 	  return (...args) => (lastArgs && args.every((val, i) => val === lastArgs[i]) || (lastArgs = args, lastResult = func(...args)), lastResult);
 	};
 
-	const clamp = function (input, min, max) {
+	const clamp$2 = function (input, min, max) {
 	  return input < min ? min : input > max ? max : input;
 	};
-	var clamp$1 = clamp;
+	var clamp$3 = clamp$2;
 
 	function clamper(a, b) {
 	  let t;
@@ -730,68 +712,44 @@
 
 	const getter = path => obj => get$1(obj, path);
 	const fieldSingle = (fieldStr, opt = {}) => {
-	  if (isFunction$1(fieldStr)) return fieldStr;
+	  if (isFunction$3(fieldStr)) return fieldStr;
 	  const path = [fieldStr];
 	  return (opt && opt.get || getter)(path);
 	};
 	const field = (fieldStr, opt = {}) => {
-	  if (isArray$1(fieldStr)) {
+	  if (isArray$3(fieldStr)) {
 	    const funcs = fieldStr.map(entry => fieldSingle(entry, opt));
 	    return datum => funcs.map(func => func(datum));
 	  }
 	  return fieldSingle(fieldStr, opt);
 	};
-	const simpleField = option => option ? "string" == typeof option || "number" == typeof option ? () => option : isFunction$1(option) ? option : datum => datum[option.field] : null;
+	const simpleField = option => option ? "string" == typeof option || "number" == typeof option ? () => option : isFunction$3(option) ? option : datum => datum[option.field] : null;
 
 	const extent = (array, func) => {
-	  const valueGetter = isFunction$1(func) ? func : val => val;
+	  const valueGetter = isFunction$3(func) ? func : val => val;
 	  let min, max;
 	  if (array && array.length) {
 	    const n = array.length;
 	    for (let i = 0; i < n; i += 1) {
 	      let value = valueGetter(array[i]);
-	      isNil$1(value) || !isNumber$1(value = +value) || Number.isNaN(value) || (isNil$1(min) ? (min = value, max = value) : (min = Math.min(min, value), max = Math.max(max, value)));
+	      isNil$3(value) || !isNumber$3(value = +value) || Number.isNaN(value) || (isNil$3(min) ? (min = value, max = value) : (min = Math.min(min, value), max = Math.max(max, value)));
 	    }
 	    return [min, max];
 	  }
 	  return [min, max];
 	};
 
-	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$1 = Math.sqrt;
-	const pow = Math.pow;
-	function acos(x) {
-	  return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
-	}
-	function asin(x) {
-	  return x >= 1 ? halfPi$1 : x <= -1 ? -halfPi$1 : Math.asin(x);
-	}
-	function pointAt(x1, y1, x2, y2, t) {
-	  let x = x2,
-	    y = y2;
-	  return "number" == typeof x1 && "number" == typeof x2 && (x = (1 - t) * x1 + t * x2), "number" == typeof y1 && "number" == typeof y2 && (y = (1 - t) * y1 + t * y2), {
-	    x: x,
-	    y: y
-	  };
-	}
+	const abs$1 = Math.abs;
+	const sqrt$2 = Math.sqrt;
+	const pow$1 = Math.pow;
 	function crossProduct(dir1, dir2) {
 	  return dir1[0] * dir2[1] - dir1[1] * dir2[0];
 	}
 	function fuzzyEqualVec(a, b) {
-	  return abs(a[0] - b[0]) + abs(a[1] - b[1]) < 1e-12;
+	  return abs$1(a[0] - b[0]) + abs$1(a[1] - b[1]) < 1e-12;
 	}
 
-	class Point {
+	let Point$1 = class Point {
 	  constructor(x = 0, y = 0, x1, y1) {
 	    this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
 	  }
@@ -805,10 +763,10 @@
 	    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);
+	    return isNumber$3(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);
+	    return isNumber$3(point) ? (this.x -= point, void (this.y -= point)) : (this.x -= point.x, this.y -= point.y, this);
 	  }
 	  multi(point) {
 	    throw new Error("暂不支持");
@@ -816,33 +774,28 @@
 	  div(point) {
 	    throw new Error("暂不支持");
 	  }
-	}
-	class PointService {
+	};
+	let PointService$1 = class PointService {
 	  static distancePP(p1, p2) {
-	    return sqrt$1(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
+	    return sqrt$2(pow$1(p1.x - p2.x, 2) + pow$1(p1.y - p2.y, 2));
 	  }
 	  static distanceNN(x, y, x1, y1) {
-	    return sqrt$1(pow(x - x1, 2) + pow(y - y1, 2));
+	    return sqrt$2(pow$1(x - x1, 2) + pow$1(y - y1, 2));
 	  }
 	  static distancePN(point, x, y) {
-	    return sqrt$1(pow(x - point.x, 2) + pow(y - point.y, 2));
+	    return sqrt$2(pow$1(x - point.x, 2) + pow$1(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);
+	    return new Point$1((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
 	  }
-	}
+	};
 
-	function degreeToRadian(degree) {
+	function degreeToRadian$1(degree) {
 	  return degree * (Math.PI / 180);
 	}
-	function radianToDegree(radian) {
+	function radianToDegree$1(radian) {
 	  return 180 * radian / Math.PI;
 	}
-	const clampRadian = (angle = 0) => {
-	  if (angle < 0) for (; angle < -tau;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
-	  return angle;
-	};
-	const clampAngleByRadian = clampRadian;
 	function polarToCartesian(center, radius, angleInRadian) {
 	  return radius ? {
 	    x: center.x + radius * Math.cos(angleInRadian),
@@ -852,11 +805,6 @@
 	    y: center.y
 	  };
 	}
-	function normalizeAngle(angle) {
-	  for (; angle < 0;) angle += 2 * Math.PI;
-	  for (; angle >= 2 * Math.PI;) angle -= 2 * Math.PI;
-	  return angle;
-	}
 
 	function sub(out, v1, v2) {
 	  out[0] = v1[0] - v2[0], out[1] = v1[1] - v2[1];
@@ -878,10 +826,10 @@
 	  const t = crossProduct(tempVec, dir2) / crossProduct(dir1, dir2);
 	  return t >= 0 && t <= 1 && [left1[0] + dir1[0] * t, left1[1] + dir1[1] * t];
 	}
-	var InnerBBox;
+	var InnerBBox$1;
 	!function (InnerBBox) {
 	  InnerBBox[InnerBBox.NONE = 0] = "NONE", InnerBBox[InnerBBox.BBOX1 = 1] = "BBOX1", InnerBBox[InnerBBox.BBOX2 = 2] = "BBOX2";
-	}(InnerBBox || (InnerBBox = {}));
+	}(InnerBBox$1 || (InnerBBox$1 = {}));
 	function pointInRect(point, bbox, format) {
 	  if (!bbox) return !0;
 	  if (!format) return point.x >= bbox.x1 && point.x <= bbox.x2 && point.y >= bbox.y1 && point.y <= bbox.y2;
@@ -891,64 +839,6 @@
 	    y12 = bbox.y2;
 	  return x11 > x12 && ([x11, x12] = [x12, x11]), y11 > y12 && ([y11, y12] = [y12, y11]), point.x >= x11 && point.x <= x12 && point.y >= y11 && point.y <= y12;
 	}
-	function getProjectionRadius(checkAxis, axis) {
-	  return Math.abs(axis[0] * checkAxis[0] + axis[1] * checkAxis[1]);
-	}
-	function rotatePoint({
-	  x: x,
-	  y: y
-	}, rad, origin = {
-	  x: 0,
-	  y: 0
-	}) {
-	  return {
-	    x: (x - origin.x) * Math.cos(rad) - (y - origin.y) * Math.sin(rad) + origin.x,
-	    y: (x - origin.x) * Math.sin(rad) + (y - origin.y) * Math.cos(rad) + origin.y
-	  };
-	}
-	function getCenterPoint(box) {
-	  return {
-	    x: (box.x1 + box.x2) / 2,
-	    y: (box.y1 + box.y2) / 2
-	  };
-	}
-	function toRect$1(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, isDeg = !1) {
-	  const rect1 = toRect$1(box1, isDeg),
-	    rect2 = toRect$1(box2, isDeg),
-	    vector = (start, end) => [end.x - start.x, end.y - start.y],
-	    vp1p2 = vector(getCenterPoint(box1), getCenterPoint(box2)),
-	    AB = vector(rect1[0], rect1[1]),
-	    BC = vector(rect1[1], rect1[2]),
-	    A1B1 = vector(rect2[0], rect2[1]),
-	    B1C1 = vector(rect2[1], rect2[2]),
-	    deg11 = isDeg ? degreeToRadian(box1.angle) : box1.angle;
-	  let deg12 = isDeg ? degreeToRadian(90 - box1.angle) : box1.angle + halfPi$1;
-	  const deg21 = isDeg ? degreeToRadian(box2.angle) : box2.angle;
-	  let deg22 = isDeg ? degreeToRadian(90 - box2.angle) : box2.angle + halfPi$1;
-	  deg12 > pi2 && (deg12 -= pi2), deg22 > pi2 && (deg22 -= pi2);
-	  const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
-	    const checkAxis = [Math.cos(deg), Math.sin(deg)];
-	    return checkAxisRadius + (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2 > getProjectionRadius(checkAxis, vp1p2);
-	  };
-	  return isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) && isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) && isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) && isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC);
-	}
 
 	let x1, y1, x2, y2;
 	function getAABBFromPoints(points) {
@@ -969,12 +859,12 @@
 	  if (!p) return !1;
 	  for (let i = 1; i < points.length; i++) {
 	    const p2 = points[i];
-	    w += isPointInLine(p.x, p.y, p2.x, p2.y, x, y), p = p2;
+	    w += isPointInLine$1(p.x, p.y, p2.x, p2.y, x, y), p = p2;
 	  }
 	  const p0 = points[0];
-	  return isAroundEqual$1(p.x, p0.x) && isAroundEqual$1(p.y, p0.y) || (w += isPointInLine(p.x, p.y, p0.x, p0.y, x, y)), 0 !== w;
+	  return isAroundEqual$1(p.x, p0.x) && isAroundEqual$1(p.y, p0.y) || (w += isPointInLine$1(p.x, p.y, p0.x, p0.y, x, y)), 0 !== w;
 	}
-	function isPointInLine(x0, y0, x1, y1, x, y) {
+	function isPointInLine$1(x0, y0, x1, y1, x, y) {
 	  if (y > y0 && y > y1 || y < y0 && y < y1) return 0;
 	  if (y1 === y0) return 0;
 	  const t = (y - y0) / (y1 - y0);
@@ -994,7 +884,7 @@
 	  return 55296 <= x && x <= 56319 && 56320 <= y && y <= 57343 && (x &= 1023, y &= 1023, codePoint = x << 10 | y, codePoint += 65536), 12288 === codePoint || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510 ? "F" : 8361 === codePoint || 65377 <= codePoint && codePoint <= 65470 || 65474 <= codePoint && codePoint <= 65479 || 65482 <= codePoint && codePoint <= 65487 || 65490 <= codePoint && codePoint <= 65495 || 65498 <= codePoint && codePoint <= 65500 || 65512 <= codePoint && codePoint <= 65518 ? "H" : 4352 <= codePoint && codePoint <= 4447 || 4515 <= codePoint && codePoint <= 4519 || 4602 <= codePoint && codePoint <= 4607 || 9001 <= codePoint && codePoint <= 9002 || 11904 <= codePoint && codePoint <= 11929 || 11931 <= codePoint && codePoint <= 12019 || 12032 <= codePoint && codePoint <= 12245 || 12272 <= codePoint && codePoint <= 12283 || 12289 <= codePoint && codePoint <= 12350 || 12353 <= codePoint && codePoint <= 12438 || 12441 <= codePoint && codePoint <= 12543 || 12549 <= codePoint && codePoint <= 12589 || 12593 <= codePoint && codePoint <= 12686 || 12688 <= codePoint && codePoint <= 12730 || 12736 <= codePoint && codePoint <= 12771 || 12784 <= codePoint && codePoint <= 12830 || 12832 <= codePoint && codePoint <= 12871 || 12880 <= codePoint && codePoint <= 13054 || 13056 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42124 || 42128 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 55216 <= codePoint && codePoint <= 55238 || 55243 <= codePoint && codePoint <= 55291 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65106 || 65108 <= codePoint && codePoint <= 65126 || 65128 <= codePoint && codePoint <= 65131 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127490 || 127504 <= codePoint && codePoint <= 127546 || 127552 <= codePoint && codePoint <= 127560 || 127568 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 194367 || 177984 <= codePoint && codePoint <= 196605 || 196608 <= codePoint && codePoint <= 262141 ? "W" : 32 <= codePoint && codePoint <= 126 || 162 <= codePoint && codePoint <= 163 || 165 <= codePoint && codePoint <= 166 || 172 === codePoint || 175 === codePoint || 10214 <= codePoint && codePoint <= 10221 || 10629 <= codePoint && codePoint <= 10630 ? "Na" : 161 === codePoint || 164 === codePoint || 167 <= codePoint && codePoint <= 168 || 170 === codePoint || 173 <= codePoint && codePoint <= 174 || 176 <= codePoint && codePoint <= 180 || 182 <= codePoint && codePoint <= 186 || 188 <= codePoint && codePoint <= 191 || 198 === codePoint || 208 === codePoint || 215 <= codePoint && codePoint <= 216 || 222 <= codePoint && codePoint <= 225 || 230 === codePoint || 232 <= codePoint && codePoint <= 234 || 236 <= codePoint && codePoint <= 237 || 240 === codePoint || 242 <= codePoint && codePoint <= 243 || 247 <= codePoint && codePoint <= 250 || 252 === codePoint || 254 === codePoint || 257 === codePoint || 273 === codePoint || 275 === codePoint || 283 === codePoint || 294 <= codePoint && codePoint <= 295 || 299 === codePoint || 305 <= codePoint && codePoint <= 307 || 312 === codePoint || 319 <= codePoint && codePoint <= 322 || 324 === codePoint || 328 <= codePoint && codePoint <= 331 || 333 === codePoint || 338 <= codePoint && codePoint <= 339 || 358 <= codePoint && codePoint <= 359 || 363 === codePoint || 462 === codePoint || 464 === codePoint || 466 === codePoint || 468 === codePoint || 470 === codePoint || 472 === codePoint || 474 === codePoint || 476 === codePoint || 593 === codePoint || 609 === codePoint || 708 === codePoint || 711 === codePoint || 713 <= codePoint && codePoint <= 715 || 717 === codePoint || 720 === codePoint || 728 <= codePoint && codePoint <= 731 || 733 === codePoint || 735 === codePoint || 768 <= codePoint && codePoint <= 879 || 913 <= codePoint && codePoint <= 929 || 931 <= codePoint && codePoint <= 937 || 945 <= codePoint && codePoint <= 961 || 963 <= codePoint && codePoint <= 969 || 1025 === codePoint || 1040 <= codePoint && codePoint <= 1103 || 1105 === codePoint || 8208 === codePoint || 8211 <= codePoint && codePoint <= 8214 || 8216 <= codePoint && codePoint <= 8217 || 8220 <= codePoint && codePoint <= 8221 || 8224 <= codePoint && codePoint <= 8226 || 8228 <= codePoint && codePoint <= 8231 || 8240 === codePoint || 8242 <= codePoint && codePoint <= 8243 || 8245 === codePoint || 8251 === codePoint || 8254 === codePoint || 8308 === codePoint || 8319 === codePoint || 8321 <= codePoint && codePoint <= 8324 || 8364 === codePoint || 8451 === codePoint || 8453 === codePoint || 8457 === codePoint || 8467 === codePoint || 8470 === codePoint || 8481 <= codePoint && codePoint <= 8482 || 8486 === codePoint || 8491 === codePoint || 8531 <= codePoint && codePoint <= 8532 || 8539 <= codePoint && codePoint <= 8542 || 8544 <= codePoint && codePoint <= 8555 || 8560 <= codePoint && codePoint <= 8569 || 8585 === codePoint || 8592 <= codePoint && codePoint <= 8601 || 8632 <= codePoint && codePoint <= 8633 || 8658 === codePoint || 8660 === codePoint || 8679 === codePoint || 8704 === codePoint || 8706 <= codePoint && codePoint <= 8707 || 8711 <= codePoint && codePoint <= 8712 || 8715 === codePoint || 8719 === codePoint || 8721 === codePoint || 8725 === codePoint || 8730 === codePoint || 8733 <= codePoint && codePoint <= 8736 || 8739 === codePoint || 8741 === codePoint || 8743 <= codePoint && codePoint <= 8748 || 8750 === codePoint || 8756 <= codePoint && codePoint <= 8759 || 8764 <= codePoint && codePoint <= 8765 || 8776 === codePoint || 8780 === codePoint || 8786 === codePoint || 8800 <= codePoint && codePoint <= 8801 || 8804 <= codePoint && codePoint <= 8807 || 8810 <= codePoint && codePoint <= 8811 || 8814 <= codePoint && codePoint <= 8815 || 8834 <= codePoint && codePoint <= 8835 || 8838 <= codePoint && codePoint <= 8839 || 8853 === codePoint || 8857 === codePoint || 8869 === codePoint || 8895 === codePoint || 8978 === codePoint || 9312 <= codePoint && codePoint <= 9449 || 9451 <= codePoint && codePoint <= 9547 || 9552 <= codePoint && codePoint <= 9587 || 9600 <= codePoint && codePoint <= 9615 || 9618 <= codePoint && codePoint <= 9621 || 9632 <= codePoint && codePoint <= 9633 || 9635 <= codePoint && codePoint <= 9641 || 9650 <= codePoint && codePoint <= 9651 || 9654 <= codePoint && codePoint <= 9655 || 9660 <= codePoint && codePoint <= 9661 || 9664 <= codePoint && codePoint <= 9665 || 9670 <= codePoint && codePoint <= 9672 || 9675 === codePoint || 9678 <= codePoint && codePoint <= 9681 || 9698 <= codePoint && codePoint <= 9701 || 9711 === codePoint || 9733 <= codePoint && codePoint <= 9734 || 9737 === codePoint || 9742 <= codePoint && codePoint <= 9743 || 9748 <= codePoint && codePoint <= 9749 || 9756 === codePoint || 9758 === codePoint || 9792 === codePoint || 9794 === codePoint || 9824 <= codePoint && codePoint <= 9825 || 9827 <= codePoint && codePoint <= 9829 || 9831 <= codePoint && codePoint <= 9834 || 9836 <= codePoint && codePoint <= 9837 || 9839 === codePoint || 9886 <= codePoint && codePoint <= 9887 || 9918 <= codePoint && codePoint <= 9919 || 9924 <= codePoint && codePoint <= 9933 || 9935 <= codePoint && codePoint <= 9953 || 9955 === codePoint || 9960 <= codePoint && codePoint <= 9983 || 10045 === codePoint || 10071 === codePoint || 10102 <= codePoint && codePoint <= 10111 || 11093 <= codePoint && codePoint <= 11097 || 12872 <= codePoint && codePoint <= 12879 || 57344 <= codePoint && codePoint <= 63743 || 65024 <= codePoint && codePoint <= 65039 || 65533 === codePoint || 127232 <= codePoint && codePoint <= 127242 || 127248 <= codePoint && codePoint <= 127277 || 127280 <= codePoint && codePoint <= 127337 || 127344 <= codePoint && codePoint <= 127386 || 917760 <= codePoint && codePoint <= 917999 || 983040 <= codePoint && codePoint <= 1048573 || 1048576 <= codePoint && codePoint <= 1114109 ? "A" : "N";
 	};
 
-	function getContextFont(text, defaultAttr = {}, fontSizeScale) {
+	function getContextFont$1(text, defaultAttr = {}, fontSizeScale) {
 	  fontSizeScale || (fontSizeScale = 1);
 	  const {
 	    fontStyle = defaultAttr.fontStyle,
@@ -1008,15 +898,15 @@
 
 	class TextMeasure {
 	  constructor(option, textSpec) {
-	    this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$1(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$1(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
+	    this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$3(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$3(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
 	  }
 	  initContext() {
 	    if (this._notSupportCanvas) return !1;
-	    if (isNil$1(this._canvas) && (isValid$1(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$1(this._canvas) && "undefined" != typeof window && void 0 !== window.document && globalThis && isValid$1(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$1(this._context) && isValid$1(this._canvas)) {
+	    if (isNil$3(this._canvas) && (isValid$3(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$3(this._canvas) && "undefined" != typeof window && void 0 !== window.document && globalThis && isValid$3(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$3(this._context) && isValid$3(this._canvas)) {
 	      const context = this._canvas.getContext("2d");
-	      isValid$1(context) && (context.save(), context.font = getContextFont(this.textSpec), this._contextSaved = !0, this._context = context);
+	      isValid$3(context) && (context.save(), context.font = getContextFont$1(this.textSpec), this._contextSaved = !0, this._context = context);
 	    }
-	    return !isNil$1(this._context) || (this._notSupportCanvas = !0, !1);
+	    return !isNil$3(this._context) || (this._notSupportCanvas = !0, !1);
 	  }
 	  _initSpec() {
 	    var _a, _b, _c;
@@ -1039,7 +929,7 @@
 	    let {
 	      lineHeight = fontSize
 	    } = this._userSpec;
-	    if (isString$1(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
+	    if (isString$3(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
 	      const scale = Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100;
 	      lineHeight = fontSize * scale;
 	    }
@@ -1070,11 +960,11 @@
 	    }
 	  }
 	  fullMeasure(text) {
-	    if (isNil$1(text)) return {
+	    if (isNil$3(text)) return {
 	      width: 0,
 	      height: 0
 	    };
-	    if (isNil$1(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
+	    if (isNil$3(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
 	    const {
 	      fontFamily: fontFamily,
 	      fontSize: fontSize,
@@ -1136,7 +1026,7 @@
 	    for (let i = 0; i < text.length; i++) {
 	      const char = text[i];
 	      let size = this._measureSpecialChar(char);
-	      isNil$1(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$1(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$1(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height), !isNil$1(size.fontBoundingBoxAscent) && (totalSize.fontBoundingBoxAscent = size.fontBoundingBoxAscent), !isNil$1(size.fontBoundingBoxDescent) && (totalSize.fontBoundingBoxDescent = size.fontBoundingBoxDescent);
+	      isNil$3(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$3(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$3(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height), !isNil$3(size.fontBoundingBoxAscent) && (totalSize.fontBoundingBoxAscent = size.fontBoundingBoxAscent), !isNil$3(size.fontBoundingBoxDescent) && (totalSize.fontBoundingBoxDescent = size.fontBoundingBoxDescent);
 	    }
 	    return totalSize;
 	  }
@@ -1170,9 +1060,9 @@
 	        width: 0,
 	        height: 0
 	      };
-	    if (isNil$1(text)) return defaultResult;
-	    if (isArray$1(text)) {
-	      const textArr = text.filter(isValid$1).map(s => s.toString());
+	    if (isNil$3(text)) return defaultResult;
+	    if (isArray$3(text)) {
+	      const textArr = text.filter(isValid$3).map(s => s.toString());
 	      return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
 	        width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
 	        height: textArr.length * ((null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize) + 1) + 1
@@ -1181,7 +1071,7 @@
 	    return processor(text.toString());
 	  }
 	  _measureNumberChar() {
-	    if (isNil$1(this._numberCharSize)) {
+	    if (isNil$3(this._numberCharSize)) {
 	      const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
 	      this._numberCharSize = {
 	        width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
@@ -1193,10 +1083,10 @@
 	    return this._numberCharSize;
 	  }
 	  _measureFullSizeChar() {
-	    return isNil$1(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
+	    return isNil$3(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
 	  }
 	  _measureLetterChar() {
-	    if (isNil$1(this._letterCharSize)) {
+	    if (isNil$3(this._letterCharSize)) {
 	      const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
 	      this._letterCharSize = {
 	        width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
@@ -1208,15 +1098,15 @@
 	    return this._letterCharSize;
 	  }
 	  _measureSpecialChar(char) {
-	    return isValid$1(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
+	    return isValid$3(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
 	  }
 	  release() {
-	    isValid$1(this._canvas) && (this._canvas = null), isValid$1(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
+	    isValid$3(this._canvas) && (this._canvas = null), isValid$3(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
 	  }
 	}
 	TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
 
-	function transformBoundsWithMatrix(out, bounds, matrix) {
+	function transformBoundsWithMatrix$1(out, bounds, matrix) {
 	  const {
 	    x1: x1,
 	    y1: y1,
@@ -1225,7 +1115,7 @@
 	  } = 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 {
+	let Bounds$1 = class Bounds {
 	  constructor(bounds) {
 	    bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
 	  }
@@ -1251,7 +1141,7 @@
 	    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(d = 0) {
-	    return isArray$1(d) ? (this.y1 -= d[0], this.x2 += d[1], this.y2 += d[2], this.x1 -= d[3]) : (this.x1 -= d, this.y1 -= d, this.x2 += d, this.y2 += d), this;
+	    return isArray$3(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;
@@ -1301,7 +1191,7 @@
 	    return this.y1 *= s, this.y2 *= s, this;
 	  }
 	  transformWithMatrix(matrix) {
-	    return transformBoundsWithMatrix(this, this, matrix), this;
+	    return transformBoundsWithMatrix$1(this, this, matrix), this;
 	  }
 	  copy(b) {
 	    return this.x1 = b.x1, this.y1 = b.y1, this.x2 = b.x2, this.y2 = b.y2, this;
@@ -1328,55 +1218,20 @@
 	    } = 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 {}
-	class OBBBounds extends Bounds {
-	  constructor(bounds, angle = 0) {
-	    var _a;
-	    super(bounds), bounds && (this.angle = null !== (_a = bounds.angle) && void 0 !== _a ? _a : angle);
+	};
+
+	let Matrix$1 = class Matrix {
+	  constructor(a = 1, b = 0, c = 0, d = 1, e = 0, f = 0) {
+	    this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f;
 	  }
-	  intersects(b) {
-	    return isRotateAABBIntersect(this, b);
+	  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);
 	  }
-	  setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0, angle = 0) {
-	    return super.setValue(x1, y1, x2, y2), this.angle = angle, this;
+	  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);
 	  }
-	  clone() {
-	    return new OBBBounds(this);
-	  }
-	  getRotatedCorners() {
-	    const originPoint = {
-	      x: (this.x1 + this.x2) / 2,
-	      y: (this.y1 + this.y2) / 2
-	    };
-	    return [rotatePoint({
-	      x: this.x1,
-	      y: this.y1
-	    }, this.angle, originPoint), rotatePoint({
-	      x: this.x2,
-	      y: this.y1
-	    }, this.angle, originPoint), rotatePoint({
-	      x: this.x1,
-	      y: this.y2
-	    }, this.angle, originPoint), rotatePoint({
-	      x: this.x2,
-	      y: this.y2
-	    }, this.angle, originPoint)];
-	  }
-	}
-
-	class Matrix {
-	  constructor(a = 1, b = 0, c = 0, d = 1, e = 0, f = 0) {
-	    this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f;
-	  }
-	  equalToMatrix(m2) {
-	    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;
+	  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;
@@ -1504,30 +1359,11 @@
 	      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;
+	    return result.rotateDeg = radianToDegree$1(result.rotateDeg), result;
 	  }
-	}
-	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) {
+	function hslToRgb$1(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)),
@@ -1542,7 +1378,7 @@
 	  };
 	}
 
-	function rgbToHsl(r, g, b) {
+	function rgbToHsl$1(r, g, b) {
 	  r /= 255, g /= 255, b /= 255;
 	  const cMin = Math.min(r, g, b),
 	    cMax = Math.max(r, g, b),
@@ -1557,11 +1393,11 @@
 	  };
 	}
 
-	const REG_HEX = /^#([0-9a-f]{3,8})$/,
-	  DEFAULT_COLORS_OPACITY = {
+	const REG_HEX$1 = /^#([0-9a-f]{3,8})$/,
+	  DEFAULT_COLORS_OPACITY$1 = {
 	    transparent: 4294967040
 	  };
-	const DEFAULT_COLORS = {
+	const DEFAULT_COLORS$1 = {
 	  aliceblue: 15792383,
 	  antiquewhite: 16444375,
 	  aqua: 65535,
@@ -1711,30 +1547,30 @@
 	  yellow: 16776960,
 	  yellowgreen: 10145074
 	};
-	function hex(value) {
+	function hex$1(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 rgb$1(value) {
+	  return isNumber$3(value) ? new RGB$1(value >> 16, value >> 8 & 255, 255 & value, 1) : isArray$3(value) ? new RGB$1(value[0], value[1], value[2]) : new RGB$1(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 rgba$1(value) {
+	  return isNumber$3(value) ? new RGB$1(value >>> 24, value >>> 16 & 255, value >>> 8 & 255, 255 & value) : isArray$3(value) ? new RGB$1(value[0], value[1], value[2], value[3]) : new RGB$1(255, 255, 255, 1);
 	}
-	function SRGBToLinear(c) {
+	function SRGBToLinear$1(c) {
 	  return c < .04045 ? .0773993808 * c : Math.pow(.9478672986 * c + .0521327014, 2.4);
 	}
-	function LinearToSRGB(c) {
+	function LinearToSRGB$1(c) {
 	  return c < .0031308 ? 12.92 * c : 1.055 * Math.pow(c, .41666) - .055;
 	}
-	const setHex = (formatValue, forceHex) => {
-	  const isHex = REG_HEX.exec(formatValue);
+	const setHex$1 = (formatValue, forceHex) => {
+	  const isHex = REG_HEX$1.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;
+	    return 3 === hexLength ? new RGB$1((hex >> 8 & 15) + ((hex >> 8 & 15) << 4), (hex >> 4 & 15) + ((hex >> 4 & 15) << 4), (15 & hex) + ((15 & hex) << 4), 1) : 6 === hexLength ? rgb$1(hex) : 8 === hexLength ? new RGB$1(hex >> 24 & 255, hex >> 16 & 255, hex >> 8 & 255, (255 & hex) / 255) : null;
 	  }
 	};
-	class Color {
+	let Color$1 = class Color {
 	  static Brighter(source, b = 1) {
 	    return 1 === b ? source : new Color(source).brighter(b).toRGBA();
 	  }
@@ -1760,24 +1596,24 @@
 	    }
 	  }
 	  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]);
+	    if (isValid$3(DEFAULT_COLORS_OPACITY$1[value])) return rgba$1(DEFAULT_COLORS_OPACITY$1[value]);
+	    if (isValid$3(DEFAULT_COLORS$1[value])) return rgb$1(DEFAULT_COLORS$1[value]);
 	    const formatValue = `${value}`.trim().toLowerCase(),
-	      hexRes = setHex(formatValue);
+	      hexRes = setHex$1(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]));
+	      return new RGB$1(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]));
+	        rgb = hslToRgb$1(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10));
+	      return new RGB$1(rgb.r, rgb.g, rgb.b, parseFloat(aColor[3]));
 	    }
 	  }
 	  constructor(value) {
 	    const color = Color.parseColorString(value);
-	    color ? this.color = color : (console.warn(`Warn: 传入${value}无法解析为Color`), this.color = new RGB(255, 255, 255));
+	    color ? this.color = color : (console.warn(`Warn: 传入${value}无法解析为Color`), this.color = new RGB$1(255, 255, 255));
 	  }
 	  toRGBA() {
 	    return this.color.formatRgb();
@@ -1826,20 +1662,20 @@
 	  }
 	  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;
+	      hsl = rgbToHsl$1(this.color.r, this.color.g, this.color.b),
+	      rgb = hslToRgb$1(isNil$3(h) ? hsl.h : clamp$3(h, 0, 360), isNil$3(s) ? hsl.s : s >= 0 && s <= 1 ? 100 * s : s, isNil$3(l) ? hsl.l : l <= 1 && l >= 0 ? 100 * l : l);
+	    return this.color = new RGB$1(rgb.r, rgb.g, rgb.b, opacity), this;
 	  }
 	  setRGB(r, g, b) {
-	    return !isNil$1(r) && (this.color.r = r), !isNil$1(g) && (this.color.g = g), !isNil$1(b) && (this.color.b = b), this;
+	    return !isNil$3(r) && (this.color.r = r), !isNil$3(g) && (this.color.g = g), !isNil$3(b) && (this.color.b = b), this;
 	  }
 	  setHex(value) {
 	    const formatValue = `${value}`.trim().toLowerCase(),
-	      res = setHex(formatValue, !0);
+	      res = setHex$1(formatValue, !0);
 	    return null != res ? res : this;
 	  }
 	  setColorName(name) {
-	    const hex = DEFAULT_COLORS[name.toLowerCase()];
+	    const hex = DEFAULT_COLORS$1[name.toLowerCase()];
 	    return void 0 !== hex ? this.setHex(hex) : console.warn("THREE.Color: Unknown color " + name), this;
 	  }
 	  setScalar(scalar) {
@@ -1882,10 +1718,10 @@
 	    return this.copyLinearToGamma(this, gammaFactor), this;
 	  }
 	  copySRGBToLinear(color) {
-	    return this.color.r = SRGBToLinear(color.color.r), this.color.g = SRGBToLinear(color.color.g), this.color.b = SRGBToLinear(color.color.b), this;
+	    return this.color.r = SRGBToLinear$1(color.color.r), this.color.g = SRGBToLinear$1(color.color.g), this.color.b = SRGBToLinear$1(color.color.b), this;
 	  }
 	  copyLinearToSRGB(color) {
-	    return this.color.r = LinearToSRGB(color.color.r), this.color.g = LinearToSRGB(color.color.g), this.color.b = LinearToSRGB(color.color.b), this;
+	    return this.color.r = LinearToSRGB$1(color.color.r), this.color.g = LinearToSRGB$1(color.color.g), this.color.b = LinearToSRGB$1(color.color.b), this;
 	  }
 	  convertSRGBToLinear() {
 	    return this.copySRGBToLinear(this), this;
@@ -1893,13 +1729,13 @@
 	  convertLinearToSRGB() {
 	    return this.copyLinearToSRGB(this), this;
 	  }
-	}
-	class RGB {
+	};
+	let RGB$1 = 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;
+	    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$3(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))}`;
+	    return `#${hex$1(this.r) + hex$1(this.g) + hex$1(this.b) + (1 === this.opacity ? "" : hex$1(255 * this.opacity))}`;
 	  }
 	  formatRgb() {
 	    const opacity = this.opacity;
@@ -1911,13 +1747,13 @@
 	        h: h,
 	        s: s,
 	        l: l
-	      } = rgbToHsl(this.r, this.g, this.b);
+	      } = rgbToHsl$1(this.r, this.g, this.b);
 	    return `${1 === opacity ? "hsl(" : "hsla("}${h},${s}%,${l}%${1 === opacity ? ")" : `,${opacity})`}`;
 	  }
 	  toString() {
 	    return this.formatHex();
 	  }
-	}
+	};
 
 	function hexToRgb(str) {
 	  let r = "",
@@ -1945,52 +1781,22 @@
 	    const r = Math.round(redA * (1 - t) + redB * t),
 	      g = Math.round(greenA * (1 - t) + greenB * t),
 	      b = Math.round(blueA * (1 - t) + blueB * t);
-	    return new RGB(r, g, b, opacityA * (1 - t) + opacityB * t);
+	    return new RGB$1(r, g, b, opacityA * (1 - t) + opacityB * t);
 	  };
 	}
 
 	var ColorUtil = /*#__PURE__*/Object.freeze({
 		__proto__: null,
-		Color: Color,
-		DEFAULT_COLORS: DEFAULT_COLORS,
-		RGB: RGB,
+		Color: Color$1,
+		DEFAULT_COLORS: DEFAULT_COLORS$1,
+		RGB: RGB$1,
 		hexToRgb: hexToRgb,
-		hslToRgb: hslToRgb,
+		hslToRgb: hslToRgb$1,
 		interpolateRgb: interpolateRgb$1,
 		rgbToHex: rgbToHex,
-		rgbToHsl: rgbToHsl
+		rgbToHsl: rgbToHsl$1
 	});
 
-	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;
-	  }
-	  if (isObject$1(padding)) {
-	    const {
-	      top = 0,
-	      right = 0,
-	      bottom = 0,
-	      left = 0
-	    } = padding;
-	    return [top, right, bottom, left];
-	  }
-	  return [0, 0, 0, 0];
-	}
-
 	function toCamelCase(str) {
 	  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 	}
@@ -2076,15 +1882,15 @@
 	  return result;
 	}
 	function destination(point, distance, bearing, options = {}) {
-	  const longitude1 = degreeToRadian(point[0]),
-	    latitude1 = degreeToRadian(point[1]),
-	    bearingRad = degreeToRadian(bearing),
+	  const longitude1 = degreeToRadian$1(point[0]),
+	    latitude1 = degreeToRadian$1(point[1]),
+	    bearingRad = degreeToRadian$1(bearing),
 	    radians = lengthToRadians(distance, options.units),
 	    latitude2 = Math.asin(Math.sin(latitude1) * Math.cos(radians) + Math.cos(latitude1) * Math.sin(radians) * Math.cos(bearingRad)),
 	    longitude2 = longitude1 + Math.atan2(Math.sin(bearingRad) * Math.sin(radians) * Math.cos(latitude1), Math.cos(radians) - Math.sin(latitude1) * Math.sin(latitude2));
 	  return {
-	    x: radianToDegree(longitude2),
-	    y: radianToDegree(latitude2)
+	    x: radianToDegree$1(longitude2),
+	    y: radianToDegree$1(latitude2)
 	  };
 	}
 
@@ -2155,7 +1961,7 @@
 	    data.sort((d1, d2) => Number(d2[xField]) - Number(d1[xField]));
 	    data.forEach(d => {
 	        const time = d[timeField];
-	        if (isValid$1(time)) {
+	        if (isValid$3(time)) {
 	            timeNodes.add(time);
 	        }
 	        if (!timeData.has(time)) {
@@ -2497,7 +2303,7 @@
 	const applyVisible = (spec, keyList) => {
 	    keyList.forEach(key => {
 	        var _a, _b, _c, _d, _e, _f, _g;
-	        if (isArray$1(spec[key])) {
+	        if (isArray$3(spec[key])) {
 	            (_a = spec[key]) === null || _a === void 0 ? void 0 : _a.forEach((s, i) => {
 	                var _a, _b, _c;
 	                spec[key][i] = Object.assign(Object.assign({}, s), { style: Object.assign(Object.assign({}, s === null || s === void 0 ? void 0 : s.style), { visible: (_c = (_b = (_a = s === null || s === void 0 ? void 0 : s.style) === null || _a === void 0 ? void 0 : _a.visible) !== null && _b !== void 0 ? _b : s === null || s === void 0 ? void 0 : s.visible) !== null && _c !== void 0 ? _c : true }) });
@@ -3117,7 +2923,7 @@
 	    sortFields = [];
 	  for (const key in fields) if (Object.prototype.hasOwnProperty.call(fields, key)) {
 	    const fieldInfo = fields[key];
-	    if (fieldInfo.sort && (isValidNumber$1(fieldInfo.sortIndex) || (fieldInfo.sortIndex = 0), isValid$1(fieldInfo.sortReverse) || (fieldInfo.sortReverse = "desc" === fieldInfo.sort)), !fieldInfo.type) {
+	    if (fieldInfo.sort && (isValidNumber$3(fieldInfo.sortIndex) || (fieldInfo.sortIndex = 0), isValid$3(fieldInfo.sortReverse) || (fieldInfo.sortReverse = "desc" === fieldInfo.sort)), !fieldInfo.type) {
 	      let dataCheck = dataTemp;
 	      key in dataTemp || (dataCheck = null !== (_a = data.find(d => key in d)) && void 0 !== _a ? _a : dataTemp), fieldInfo.type = "number" == typeof dataCheck[key] ? "linear" : "ordinal";
 	    }
@@ -3196,7 +3002,7 @@
 	    root = parseNode(svg, null);
 	  let width = parseFloat(svg.getAttribute("width") || opt.width),
 	    height = parseFloat(svg.getAttribute("height") || opt.height);
-	  !isValidNumber$1(width) && (width = null), !isValidNumber$1(height) && (height = null);
+	  !isValidNumber$3(width) && (width = null), !isValidNumber$3(height) && (height = null);
 	  const viewBox = svg.getAttribute("viewBox");
 	  let viewBoxRect;
 	  if (viewBox) {
@@ -3218,7 +3024,7 @@
 	        scale = Math.min(scaleX, scaleY),
 	        transLateX = -(viewBoxRect.x + viewBoxRect.width / 2) * scale + (boundingRect.x + boundingRect.width / 2),
 	        transLateY = -(viewBoxRect.y + viewBoxRect.height / 2) * scale + (boundingRect.y + boundingRect.height / 2),
-	        viewBoxTransform = new Matrix().translate(transLateX, transLateY).scale(scale, scale);
+	        viewBoxTransform = new Matrix$1().translate(transLateX, transLateY).scale(scale, scale);
 	      root.transform = viewBoxTransform;
 	    }
 	  }
@@ -3238,9 +3044,9 @@
 	    } = parsedElement,
 	    parse = parent => parent ? validInheritAttributes.reduce((acc, attrName) => {
 	      const camelAttrName = toCamelCase(attrName);
-	      return isValid$1(parent[camelAttrName]) && (acc[camelAttrName] = parent[camelAttrName]), acc;
+	      return isValid$3(parent[camelAttrName]) && (acc[camelAttrName] = parent[camelAttrName]), acc;
 	    }, {}) : {};
-	  return parent ? (parent._inheritStyle || (parent._inheritStyle = parse(parent.attributes)), inheritedAttrs = merge({}, parent._inheritStyle, parse(attributes))) : inheritedAttrs = parse(attributes), inheritedAttrs;
+	  return parent ? (parent._inheritStyle || (parent._inheritStyle = parse(parent.attributes)), inheritedAttrs = merge$1({}, parent._inheritStyle, parse(attributes))) : inheritedAttrs = parse(attributes), inheritedAttrs;
 	}
 	function parseAttributes(el) {
 	  var _a, _b, _c;
@@ -3249,12 +3055,12 @@
 	    style = null !== (_b = el.style) && void 0 !== _b ? _b : {};
 	  for (let i = 0; i < validAttributes.length; i++) {
 	    const attrName = validAttributes[i],
-	      attrValue = isValid$1(style[attrName]) && "" !== style[attrName] ? style[attrName] : null === (_c = attributes[attrName]) || void 0 === _c ? void 0 : _c.value;
-	    isValid$1(attrValue) && (attrs[toCamelCase(attrName)] = isNaN(+attrValue) ? attrValue : parseFloat(attrValue));
+	      attrValue = isValid$3(style[attrName]) && "" !== style[attrName] ? style[attrName] : null === (_c = attributes[attrName]) || void 0 === _c ? void 0 : _c.value;
+	    isValid$3(attrValue) && (attrs[toCamelCase(attrName)] = isNaN(+attrValue) ? attrValue : parseFloat(attrValue));
 	  }
 	  return "none" === style.display && (attrs.visible = !1), ["fontSize", "strokeWidth", "width", "height"].forEach(attr => {
 	    const attrValue = attrs[attr];
-	    isString$1(attrs[attr]) && (attrs[attr] = parseFloat(attrValue));
+	    isString$3(attrs[attr]) && (attrs[attr] = parseFloat(attrValue));
 	  }), attrs;
 	}
 	function parseNode(node, parent) {
@@ -3271,7 +3077,7 @@
 	    id: null !== (_d = node.getAttribute("id")) && void 0 !== _d ? _d : `${tagName}-${idx$1++}`,
 	    transform: parseTransform(node)
 	  };
-	  return parsed._inheritStyle = parseInheritAttributes(parsed), parent && !isValid$1(parsed.name) && (parsed._nameFromParent = null !== (_e = parent.name) && void 0 !== _e ? _e : parent._nameFromParent), parsed;
+	  return parsed._inheritStyle = parseInheritAttributes(parsed), parent && !isValid$3(parsed.name) && (parsed._nameFromParent = null !== (_e = parent.name) && void 0 !== _e ? _e : parent._nameFromParent), parsed;
 	}
 	function parseText(node, parent) {
 	  var _a, _b, _c, _d, _e, _f;
@@ -3300,7 +3106,7 @@
 	    name: null == parent ? void 0 : parent.name,
 	    id: null !== (_e = null === (_d = node.getAttribute) || void 0 === _d ? void 0 : _d.call(node, "id")) && void 0 !== _e ? _e : `${tagName}-${idx$1++}`,
 	    value: value
-	  }, parsed._inheritStyle = parseInheritAttributes(parsed), isValid$1(parsed.name) || (parsed._nameFromParent = null !== (_f = parent.name) && void 0 !== _f ? _f : parent._nameFromParent), nodeAsGroup ? parent._textGroupStyle ? parsed._textGroupStyle = merge({}, parent._textGroupStyle, parseAttributes(node)) : parsed._textGroupStyle = parseAttributes(node) : parsed.attributes = parsed._inheritStyle, parsed;
+	  }, parsed._inheritStyle = parseInheritAttributes(parsed), isValid$3(parsed.name) || (parsed._nameFromParent = null !== (_f = parent.name) && void 0 !== _f ? _f : parent._nameFromParent), nodeAsGroup ? parent._textGroupStyle ? parsed._textGroupStyle = merge$1({}, parent._textGroupStyle, parseAttributes(node)) : parsed._textGroupStyle = parseAttributes(node) : parsed.attributes = parsed._inheritStyle, parsed;
 	}
 	function parseTransform(node) {
 	  var _a, _b;
@@ -3316,7 +3122,7 @@
 	    e: e,
 	    f: f
 	  } = matrix;
-	  return new Matrix(a, b, c, d, e, f);
+	  return new Matrix$1(a, b, c, d, e, f);
 	}
 	function traverse(node, parsedParent, result = []) {
 	  var _a;
@@ -3337,7 +3143,7 @@
 	  constructor(options) {
 	    var _a;
 	    let name;
-	    this.options = options, this.isDataSet = !0, this.transformMap = {}, this.parserMap = {}, this.dataViewMap = {}, this.target = new EventEmitter(), name = (null == options ? void 0 : options.name) ? options.name : getUUID("dataset"), this.name = name, this._logger = null !== (_a = null == options ? void 0 : options.logger) && void 0 !== _a ? _a : Logger.getInstance();
+	    this.options = options, this.isDataSet = !0, this.transformMap = {}, this.parserMap = {}, this.dataViewMap = {}, this.target = new EventEmitter(), name = (null == options ? void 0 : options.name) ? options.name : getUUID("dataset"), this.name = name, this._logger = null !== (_a = null == options ? void 0 : options.logger) && void 0 !== _a ? _a : Logger$1.getInstance();
 	  }
 	  setLogger(logger) {
 	    this._logger = logger;
@@ -3492,9 +3298,9 @@
 	    return this._fields ? this._fields : "dataview" === (null === (_a = this.parseOption) || void 0 === _a ? void 0 : _a.type) && 1 === this.rawData.length && this.rawData[0].getFields ? this.rawData[0].getFields() : null;
 	  }
 	  setFields(f, foreMerge = !1) {
-	    this._fields = f && foreMerge ? merge({}, this._fields, f) : f;
+	    this._fields = f && foreMerge ? merge$1({}, this._fields, f) : f;
 	    const fieldsOption = this.transformsArr.find(_op => "fields" === _op.type);
-	    !isNil$1(this._fields) && isNil$1(fieldsOption) ? (this.dataSet.registerTransform("fields", fields), this.transform({
+	    !isNil$3(this._fields) && isNil$3(fieldsOption) ? (this.dataSet.registerTransform("fields", fields), this.transform({
 	      type: "fields",
 	      options: {
 	        fields: this._fields
@@ -3660,7 +3466,7 @@
 	                var _a, _b, _c, _d, _e, _f, _g;
 	                const { text: textContent } = arrow;
 	                let displayTextContent = textContent;
-	                if (isFunction$1(formatMethod)) {
+	                if (isFunction$3(formatMethod)) {
 	                    const { vchart } = ctx;
 	                    const { from, to } = arrow;
 	                    const { field } = arrow.context;
@@ -3779,7 +3585,7 @@
 	};
 	function parseArrow(arrows, categoryField) {
 	    return arrows
-	        .filter(arrow => isValidNumber$1(arrow.from * arrow.to))
+	        .filter(arrow => isValidNumber$3(arrow.from * arrow.to))
 	        .map((arrow, index) => {
 	        const { from, to, position = 'right' } = arrow;
 	        return Object.assign(Object.assign({}, arrow), { position, distance: arrow.distance || 40, from: Math.min(from, to), to: Math.max(from, to), span: Math.abs(from - to), isLayout: false, context: {
@@ -3796,7 +3602,7 @@
 	    const nodeDegreeMap = new Map();
 	    arrows.forEach(arrow => {
 	        const fromNodeDegree = nodeDegreeMap.get(arrow.from);
-	        if (isValid$1(fromNodeDegree)) {
+	        if (isValid$3(fromNodeDegree)) {
 	            const firstNodeWidthSameFromTo = fromNodeDegree.fromArrows.find(node => isSameArrow(node, arrow));
 	            if (!firstNodeWidthSameFromTo) {
 	                fromNodeDegree.degree += 1;
@@ -3815,7 +3621,7 @@
 	            });
 	        }
 	        const toNodeDegree = nodeDegreeMap.get(arrow.to);
-	        if (isValid$1(toNodeDegree)) {
+	        if (isValid$3(toNodeDegree)) {
 	            const firstNodeWidthSameFromTo = toNodeDegree.toArrows.find(node => isSameArrow(node, arrow));
 	            if (!firstNodeWidthSameFromTo) {
 	                toNodeDegree.degree += 1;
@@ -5397,29 +5203,1176 @@
 	  addAnimationFrameCb(callback) {
 	    return this.nextAnimationFrameCbs.set(++idx, callback), this.tryRunAnimationFrameNextFrame(), idx;
 	  }
-	  removeAnimationFrameCb(index) {
-	    return !!this.nextAnimationFrameCbs.has(index) && (this.nextAnimationFrameCbs.delete(index), !0);
+	  removeAnimationFrameCb(index) {
+	    return !!this.nextAnimationFrameCbs.has(index) && (this.nextAnimationFrameCbs.delete(index), !0);
+	  }
+	}
+
+	var MeasureModeEnum;
+	!function (MeasureModeEnum) {
+	  MeasureModeEnum[MeasureModeEnum.estimate = 0] = "estimate", MeasureModeEnum[MeasureModeEnum.actualBounding = 1] = "actualBounding", MeasureModeEnum[MeasureModeEnum.fontBounding = 2] = "fontBounding";
+	}(MeasureModeEnum || (MeasureModeEnum = {}));
+
+	var STATUS;
+	!function (STATUS) {
+	  STATUS[STATUS.INITIAL = 0] = "INITIAL", STATUS[STATUS.RUNNING = 1] = "RUNNING", STATUS[STATUS.PAUSE = 2] = "PAUSE";
+	}(STATUS || (STATUS = {}));
+
+	var AnimateStepType;
+	!function (AnimateStepType) {
+	  AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", AnimateStepType.customAnimate = "customAnimate";
+	}(AnimateStepType || (AnimateStepType = {}));
+	var AnimateStatus;
+	!function (AnimateStatus) {
+	  AnimateStatus[AnimateStatus.INITIAL = 0] = "INITIAL", AnimateStatus[AnimateStatus.RUNNING = 1] = "RUNNING", AnimateStatus[AnimateStatus.PAUSED = 2] = "PAUSED", AnimateStatus[AnimateStatus.END = 3] = "END";
+	}(AnimateStatus || (AnimateStatus = {}));
+
+	const isType = (value, type) => Object.prototype.toString.call(value) === `[object ${type}]`;
+	var isType$1 = isType;
+
+	const isBoolean = (value, fuzzy = !1) => fuzzy ? "boolean" == typeof value : !0 === value || !1 === value || isType$1(value, "Boolean");
+	var isBoolean$1 = isBoolean;
+
+	const isFunction = value => "function" == typeof value;
+	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 = (value, fuzzy = !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 = (value, fuzzy = !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 = 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.call(value, key)) return !1;
+	  return !0;
+	}
+
+	function baseMerge(target, source, shallowArray = !1, skipTargetArray = !1) {
+	  if (source) {
+	    if (target === source) return;
+	    if (isValid$1(source) && "object" == typeof source) {
+	      const iterable = Object(source),
+	        props = [];
+	      for (const key in iterable) props.push(key);
+	      let {
+	          length: length
+	        } = props,
+	        propIndex = -1;
+	      for (; length--;) {
+	        const key = props[++propIndex];
+	        !isValid$1(iterable[key]) || "object" != typeof iterable[key] || skipTargetArray && isArray$1(target[key]) ? assignMergeValue(target, key, iterable[key]) : baseMergeDeep(target, source, key, shallowArray, skipTargetArray);
+	      }
+	    }
+	  }
+	}
+	function baseMergeDeep(target, source, key, shallowArray = !1, skipTargetArray = !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, ...sources) {
+	  let sourceIndex = -1;
+	  const length = sources.length;
+	  for (; ++sourceIndex < length;) {
+	    baseMerge(target, sources[sourceIndex], !0);
+	  }
+	  return target;
+	}
+
+	function keys(obj) {
+	  if (!obj) return [];
+	  if (Object.keys) return Object.keys(obj);
+	  const keyList = [];
+	  for (const key in obj) obj.hasOwnProperty(key) && keyList.push(key);
+	  return keyList;
+	}
+	function defaults(target, source, overlay) {
+	  const keysArr = keys(source);
+	  for (let i = 0; i < keysArr.length; i++) {
+	    const key = keysArr[i];
+	    (overlay ? null != source[key] : null == target[key]) && (target[key] = source[key]);
+	  }
+	  return target;
+	}
+	function mixin(target, source, override = !0) {
+	  if (target = "prototype" in target ? target.prototype : target, source = "prototype" in source ? source.prototype : source, Object.getOwnPropertyNames) {
+	    const keyList = Object.getOwnPropertyNames(source);
+	    for (let i = 0; i < keyList.length; i++) {
+	      const key = keyList[i];
+	      "constructor" !== key && (override ? null != source[key] : null == target[key]) && (target[key] = source[key]);
+	    }
+	  } else defaults(target, source, override);
+	}
+
+	function array(arr) {
+	  return isValid$1(arr) ? isArray$1(arr) ? arr : [arr] : [];
+	}
+	function arrayEqual(a, b) {
+	  if (!isArray$1(a) || !isArray$1(b)) return !1;
+	  if (a.length !== b.length) return !1;
+	  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return !1;
+	  return !0;
+	}
+	function flattenArray(arr) {
+	  if (!isArray$1(arr)) return [arr];
+	  const result = [];
+	  for (const value of arr) result.push(...flattenArray(value));
+	  return result;
+	}
+
+	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(level = LoggerLevel.None, method) {
+	    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(...args) {
+	    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(...args) {
+	    var _a;
+	    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(...args) {
+	    return this._level >= LoggerLevel.Warn && log(this._method || "warn", "WARN", args), this;
+	  }
+	  info(...args) {
+	    return this._level >= LoggerLevel.Info && log(this._method || "log", "INFO", args), this;
+	  }
+	  debug(...args) {
+	    return this._level >= LoggerLevel.Debug && log(this._method || "log", "DEBUG", args), this;
+	  }
+	}
+	Logger._instance = null;
+
+	const clamp = function (input, min, max) {
+	  return input < min ? min : input > max ? max : input;
+	};
+	var clamp$1 = clamp;
+
+	const epsilon = 1e-12;
+	const pi = Math.PI;
+	const halfPi$1 = pi / 2;
+	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$1 = Math.sqrt;
+	const pow = Math.pow;
+	function acos(x) {
+	  return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
+	}
+	function asin(x) {
+	  return x >= 1 ? halfPi$1 : x <= -1 ? -halfPi$1 : Math.asin(x);
+	}
+	function pointAt(x1, y1, x2, y2, t) {
+	  let x = x2,
+	    y = y2;
+	  return "number" == typeof x1 && "number" == typeof x2 && (x = (1 - t) * x1 + t * x2), "number" == typeof y1 && "number" == typeof y2 && (y = (1 - t) * y1 + t * y2), {
+	    x: x,
+	    y: y
+	  };
+	}
+
+	class Point {
+	  constructor(x = 0, y = 0, x1, y1) {
+	    this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
+	  }
+	  clone() {
+	    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$1(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
+	  }
+	  static distanceNN(x, y, x1, y1) {
+	    return sqrt$1(pow(x - x1, 2) + pow(y - y1, 2));
+	  }
+	  static distancePN(point, x, y) {
+	    return sqrt$1(pow(x - point.x, 2) + pow(y - point.y, 2));
+	  }
+	  static pointAtPP(p1, p2, t) {
+	    return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
+	  }
+	}
+
+	function degreeToRadian(degree) {
+	  return degree * (Math.PI / 180);
+	}
+	function radianToDegree(radian) {
+	  return 180 * radian / Math.PI;
+	}
+	const clampRadian = (angle = 0) => {
+	  if (angle < 0) for (; angle < -tau;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
+	  return angle;
+	};
+	const clampAngleByRadian = clampRadian;
+	function normalizeAngle(angle) {
+	  for (; angle < 0;) angle += 2 * Math.PI;
+	  for (; angle >= 2 * Math.PI;) angle -= 2 * Math.PI;
+	  return angle;
+	}
+
+	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({
+	  x: x,
+	  y: y
+	}, rad, origin = {
+	  x: 0,
+	  y: 0
+	}) {
+	  return {
+	    x: (x - origin.x) * Math.cos(rad) - (y - origin.y) * Math.sin(rad) + origin.x,
+	    y: (x - origin.x) * Math.sin(rad) + (y - origin.y) * Math.cos(rad) + origin.y
+	  };
+	}
+	function getCenterPoint(box) {
+	  return {
+	    x: (box.x1 + box.x2) / 2,
+	    y: (box.y1 + box.y2) / 2
+	  };
+	}
+	function toRect$1(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, isDeg = !1) {
+	  const rect1 = toRect$1(box1, isDeg),
+	    rect2 = toRect$1(box2, isDeg),
+	    vector = (start, end) => [end.x - start.x, end.y - start.y],
+	    vp1p2 = vector(getCenterPoint(box1), getCenterPoint(box2)),
+	    AB = vector(rect1[0], rect1[1]),
+	    BC = vector(rect1[1], rect1[2]),
+	    A1B1 = vector(rect2[0], rect2[1]),
+	    B1C1 = vector(rect2[1], rect2[2]),
+	    deg11 = isDeg ? degreeToRadian(box1.angle) : box1.angle;
+	  let deg12 = isDeg ? degreeToRadian(90 - box1.angle) : box1.angle + halfPi$1;
+	  const deg21 = isDeg ? degreeToRadian(box2.angle) : box2.angle;
+	  let deg22 = isDeg ? degreeToRadian(90 - box2.angle) : box2.angle + halfPi$1;
+	  deg12 > pi2 && (deg12 -= pi2), deg22 > pi2 && (deg22 -= pi2);
+	  const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
+	    const checkAxis = [Math.cos(deg), Math.sin(deg)];
+	    return checkAxisRadius + (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2 > getProjectionRadius(checkAxis, vp1p2);
+	  };
+	  return isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) && isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) && isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) && isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC);
+	}
+
+	function isPointInLine(x0, y0, x1, y1, x, y) {
+	  if (y > y0 && y > y1 || y < y0 && y < y1) return 0;
+	  if (y1 === y0) return 0;
+	  const t = (y - y0) / (y1 - y0);
+	  let dir = y1 < y0 ? 1 : -1;
+	  1 !== t && 0 !== t || (dir = y1 < y0 ? .5 : -.5);
+	  const x_ = t * (x1 - x0) + x0;
+	  return x_ === x ? 1 / 0 : x_ > x ? dir : 0;
+	}
+
+	function getContextFont(text, defaultAttr = {}, fontSizeScale) {
+	  fontSizeScale || (fontSizeScale = 1);
+	  const {
+	    fontStyle = defaultAttr.fontStyle,
+	    fontVariant = defaultAttr.fontVariant,
+	    fontWeight = defaultAttr.fontWeight,
+	    fontSize = defaultAttr.fontSize,
+	    fontFamily = defaultAttr.fontFamily
+	  } = text;
+	  return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize * fontSizeScale + "px " + (fontFamily || "sans-serif");
+	}
+
+	function transformBoundsWithMatrix(out, bounds, matrix) {
+	  const {
+	    x1: x1,
+	    y1: y1,
+	    x2: x2,
+	    y2: y2
+	  } = bounds;
+	  return matrix.onlyTranslate() ? (out !== bounds && out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), out.translate(matrix.e, matrix.f), bounds) : (out.clear(), out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f), out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f), bounds);
+	}
+	class Bounds {
+	  constructor(bounds) {
+	    bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
+	  }
+	  clone() {
+	    return new Bounds(this);
+	  }
+	  clear() {
+	    return this.x1 = +Number.MAX_VALUE, this.y1 = +Number.MAX_VALUE, this.x2 = -Number.MAX_VALUE, this.y2 = -Number.MAX_VALUE, this;
+	  }
+	  empty() {
+	    return this.x1 === +Number.MAX_VALUE && this.y1 === +Number.MAX_VALUE && this.x2 === -Number.MAX_VALUE && this.y2 === -Number.MAX_VALUE;
+	  }
+	  equals(b) {
+	    return this.x1 === b.x1 && this.y1 === b.y1 && this.x2 === b.x2 && this.y2 === b.y2;
+	  }
+	  setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
+	    return this.x1 = x1, this.y1 = y1, this.x2 = x2, this.y2 = y2, this;
+	  }
+	  set(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
+	    return x2 < x1 ? (this.x2 = x1, this.x1 = x2) : (this.x1 = x1, this.x2 = x2), y2 < y1 ? (this.y2 = y1, this.y1 = y2) : (this.y1 = y1, this.y2 = y2), this;
+	  }
+	  add(x = 0, y = 0) {
+	    return x < this.x1 && (this.x1 = x), y < this.y1 && (this.y1 = y), x > this.x2 && (this.x2 = x), y > this.y2 && (this.y2 = y), this;
+	  }
+	  expand(d = 0) {
+	    return isArray$1(d) ? (this.y1 -= d[0], this.x2 += d[1], this.y2 += d[2], this.x1 -= d[3]) : (this.x1 -= d, this.y1 -= d, this.x2 += d, this.y2 += d), this;
+	  }
+	  round() {
+	    return this.x1 = Math.floor(this.x1), this.y1 = Math.floor(this.y1), this.x2 = Math.ceil(this.x2), this.y2 = Math.ceil(this.y2), this;
+	  }
+	  translate(dx = 0, dy = 0) {
+	    return this.x1 += dx, this.x2 += dx, this.y1 += dy, this.y2 += dy, this;
+	  }
+	  rotate(angle = 0, x = 0, y = 0) {
+	    const p = this.rotatedPoints(angle, x, y);
+	    return this.clear().add(p[0], p[1]).add(p[2], p[3]).add(p[4], p[5]).add(p[6], p[7]);
+	  }
+	  scale(sx = 0, sy = 0, x = 0, y = 0) {
+	    const p = this.scalePoints(sx, sy, x, y);
+	    return this.clear().add(p[0], p[1]).add(p[2], p[3]);
+	  }
+	  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(x = 0, y = 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(s = 0) {
+	    return this.x1 *= s, this.x2 *= s, this;
+	  }
+	  scaleY(s = 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 {}
+	class OBBBounds extends Bounds {
+	  constructor(bounds, angle = 0) {
+	    var _a;
+	    super(bounds), bounds && (this.angle = null !== (_a = bounds.angle) && void 0 !== _a ? _a : angle);
+	  }
+	  intersects(b) {
+	    return isRotateAABBIntersect(this, b);
+	  }
+	  setValue(x1 = 0, y1 = 0, x2 = 0, y2 = 0, angle = 0) {
+	    return super.setValue(x1, y1, x2, y2), this.angle = angle, this;
+	  }
+	  clone() {
+	    return new OBBBounds(this);
+	  }
+	  getRotatedCorners() {
+	    const originPoint = {
+	      x: (this.x1 + this.x2) / 2,
+	      y: (this.y1 + this.y2) / 2
+	    };
+	    return [rotatePoint({
+	      x: this.x1,
+	      y: this.y1
+	    }, this.angle, originPoint), rotatePoint({
+	      x: this.x2,
+	      y: this.y1
+	    }, this.angle, originPoint), rotatePoint({
+	      x: this.x1,
+	      y: this.y2
+	    }, this.angle, originPoint), rotatePoint({
+	      x: this.x2,
+	      y: this.y2
+	    }, this.angle, originPoint)];
+	  }
+	}
+
+	class Matrix {
+	  constructor(a = 1, b = 0, c = 0, d = 1, e = 0, f = 0) {
+	    this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f;
+	  }
+	  equalToMatrix(m2) {
+	    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;
+	  }
+	  interpolate(m2, t) {
+	    const m = new Matrix();
+	    return m.a = this.a + (m2.a - this.a) * t, m.b = this.b + (m2.b - this.b) * t, m.c = this.c + (m2.c - this.c) * t, m.d = this.d + (m2.d - this.d) * t, m.e = this.e + (m2.e - this.e) * t, m.f = this.f + (m2.f - this.f) * t, m;
+	  }
+	  transformPoint(source, target) {
+	    const {
+	        a: a,
+	        b: b,
+	        c: c,
+	        d: d,
+	        e: e,
+	        f: f
+	      } = this,
+	      dt = a * d - b * c,
+	      nextA = d / dt,
+	      nextB = -b / dt,
+	      nextC = -c / dt,
+	      nextD = a / dt,
+	      nextE = (c * f - d * e) / dt,
+	      nextF = -(a * f - b * e) / dt,
+	      {
+	        x: x,
+	        y: y
+	      } = source;
+	    target.x = x * nextA + y * nextC + nextE, target.y = x * nextB + y * nextD + nextF;
+	  }
+	  onlyTranslate(scale = 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;
+	  }
+	}
+	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);
+	}
+	function LinearToSRGB(c) {
+	  return c < .0031308 ? 12.92 * c : 1.055 * Math.pow(c, .41666) - .055;
+	}
+	const setHex = (formatValue, forceHex) => {
+	  const isHex = REG_HEX.exec(formatValue);
+	  if (forceHex || isHex) {
+	    const hex = parseInt(isHex[1], 16),
+	      hexLength = isHex[1].length;
+	    return 3 === hexLength ? new RGB((hex >> 8 & 15) + ((hex >> 8 & 15) << 4), (hex >> 4 & 15) + ((hex >> 4 & 15) << 4), (15 & hex) + ((15 & hex) << 4), 1) : 6 === hexLength ? rgb(hex) : 8 === hexLength ? new RGB(hex >> 24 & 255, hex >> 16 & 255, hex >> 8 & 255, (255 & hex) / 255) : null;
+	  }
+	};
+	class Color {
+	  static Brighter(source, b = 1) {
+	    return 1 === b ? source : new Color(source).brighter(b).toRGBA();
+	  }
+	  static SetOpacity(source, o = 1) {
+	    return 1 === o ? source : new Color(source).setOpacity(o).toRGBA();
+	  }
+	  static getColorBrightness(source, model = "hsl") {
+	    const color = source instanceof Color ? source : new Color(source);
+	    switch (model) {
+	      case "hsv":
+	      default:
+	        return color.getHSVBrightness();
+	      case "hsl":
+	        return color.getHSLBrightness();
+	      case "lum":
+	        return color.getLuminance();
+	      case "lum2":
+	        return color.getLuminance2();
+	      case "lum3":
+	        return color.getLuminance3();
+	      case "wcag":
+	        return color.getLuminanceWCAG();
+	    }
+	  }
+	  static parseColorString(value) {
+	    if (isValid$1(DEFAULT_COLORS_OPACITY[value])) return rgba(DEFAULT_COLORS_OPACITY[value]);
+	    if (isValid$1(DEFAULT_COLORS[value])) return rgb(DEFAULT_COLORS[value]);
+	    const formatValue = `${value}`.trim().toLowerCase(),
+	      hexRes = setHex(formatValue);
+	    if (void 0 !== hexRes) return hexRes;
+	    if (/^(rgb|RGB|rgba|RGBA)/.test(formatValue)) {
+	      const aColor = formatValue.replace(/(?:\(|\)|rgba|RGBA|rgb|RGB)*/g, "").split(",");
+	      return new RGB(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10), parseFloat(aColor[3]));
+	    }
+	    if (/^(hsl|HSL|hsla|HSLA)/.test(formatValue)) {
+	      const aColor = formatValue.replace(/(?:\(|\)|hsla|HSLA|hsl|HSL)*/g, "").split(","),
+	        rgb = hslToRgb(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10));
+	      return new RGB(rgb.r, rgb.g, rgb.b, parseFloat(aColor[3]));
+	    }
+	  }
+	  constructor(value) {
+	    const color = Color.parseColorString(value);
+	    color ? this.color = color : (console.warn(`Warn: 传入${value}无法解析为Color`), this.color = new RGB(255, 255, 255));
+	  }
+	  toRGBA() {
+	    return this.color.formatRgb();
+	  }
+	  toString() {
+	    return this.color.formatRgb();
+	  }
+	  toHex() {
+	    return this.color.formatHex();
+	  }
+	  toHsl() {
+	    return this.color.formatHsl();
+	  }
+	  brighter(k) {
+	    const {
+	      r: r,
+	      g: g,
+	      b: b
+	    } = this.color;
+	    return this.color.r = Math.max(0, Math.min(255, Math.floor(r * k))), this.color.g = Math.max(0, Math.min(255, Math.floor(g * k))), this.color.b = Math.max(0, Math.min(255, Math.floor(b * k))), this;
+	  }
+	  add(color) {
+	    const {
+	      r: r,
+	      g: g,
+	      b: b
+	    } = this.color;
+	    return this.color.r += Math.min(255, r + color.color.r), this.color.g += Math.min(255, g + color.color.g), this.color.b += Math.min(255, b + color.color.b), this;
+	  }
+	  sub(color) {
+	    return this.color.r = Math.max(0, this.color.r - color.color.r), this.color.g = Math.max(0, this.color.g - color.color.g), this.color.b = Math.max(0, this.color.b - color.color.b), this;
+	  }
+	  multiply(color) {
+	    const {
+	      r: r,
+	      g: g,
+	      b: b
+	    } = this.color;
+	    return this.color.r = Math.max(0, Math.min(255, Math.floor(r * color.color.r))), this.color.g = Math.max(0, Math.min(255, Math.floor(g * color.color.g))), this.color.b = Math.max(0, Math.min(255, Math.floor(b * color.color.b))), this;
+	  }
+	  getHSVBrightness() {
+	    return Math.max(this.color.r, this.color.g, this.color.b) / 255;
+	  }
+	  getHSLBrightness() {
+	    return .5 * (Math.max(this.color.r, this.color.g, this.color.b) / 255 + Math.min(this.color.r, this.color.g, this.color.b) / 255);
+	  }
+	  setHsl(h, s, l) {
+	    const opacity = this.color.opacity,
+	      hsl = rgbToHsl(this.color.r, this.color.g, this.color.b),
+	      rgb = hslToRgb(isNil$1(h) ? hsl.h : clamp$1(h, 0, 360), isNil$1(s) ? hsl.s : s >= 0 && s <= 1 ? 100 * s : s, isNil$1(l) ? hsl.l : l <= 1 && l >= 0 ? 100 * l : l);
+	    return this.color = new RGB(rgb.r, rgb.g, rgb.b, opacity), this;
+	  }
+	  setRGB(r, g, b) {
+	    return !isNil$1(r) && (this.color.r = r), !isNil$1(g) && (this.color.g = g), !isNil$1(b) && (this.color.b = b), this;
+	  }
+	  setHex(value) {
+	    const formatValue = `${value}`.trim().toLowerCase(),
+	      res = setHex(formatValue, !0);
+	    return null != res ? res : this;
+	  }
+	  setColorName(name) {
+	    const hex = DEFAULT_COLORS[name.toLowerCase()];
+	    return void 0 !== hex ? this.setHex(hex) : console.warn("THREE.Color: Unknown color " + name), this;
+	  }
+	  setScalar(scalar) {
+	    return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
+	  }
+	  setOpacity(o = 1) {
+	    return this.color.opacity = o, this;
+	  }
+	  getLuminance() {
+	    return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
+	  }
+	  getLuminance2() {
+	    return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
+	  }
+	  getLuminance3() {
+	    return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
+	  }
+	  getLuminanceWCAG() {
+	    const RsRGB = this.color.r / 255,
+	      GsRGB = this.color.g / 255,
+	      BsRGB = this.color.b / 255;
+	    let R, G, B;
+	    R = RsRGB <= .03928 ? RsRGB / 12.92 : Math.pow((RsRGB + .055) / 1.055, 2.4), G = GsRGB <= .03928 ? GsRGB / 12.92 : Math.pow((GsRGB + .055) / 1.055, 2.4), B = BsRGB <= .03928 ? BsRGB / 12.92 : Math.pow((BsRGB + .055) / 1.055, 2.4);
+	    return .2126 * R + .7152 * G + .0722 * B;
+	  }
+	  clone() {
+	    return new Color(this.color.toString());
+	  }
+	  copyGammaToLinear(color, gammaFactor = 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, gammaFactor = 2) {
+	    const safeInverse = gammaFactor > 0 ? 1 / gammaFactor : 1;
+	    return this.color.r = Math.pow(color.color.r, safeInverse), this.color.g = Math.pow(color.color.g, safeInverse), this.color.b = Math.pow(color.color.b, safeInverse), this;
+	  }
+	  convertGammaToLinear(gammaFactor) {
+	    return this.copyGammaToLinear(this, gammaFactor), this;
+	  }
+	  convertLinearToGamma(gammaFactor) {
+	    return this.copyLinearToGamma(this, gammaFactor), this;
+	  }
+	  copySRGBToLinear(color) {
+	    return this.color.r = SRGBToLinear(color.color.r), this.color.g = SRGBToLinear(color.color.g), this.color.b = SRGBToLinear(color.color.b), this;
+	  }
+	  copyLinearToSRGB(color) {
+	    return this.color.r = LinearToSRGB(color.color.r), this.color.g = LinearToSRGB(color.color.g), this.color.b = LinearToSRGB(color.color.b), this;
+	  }
+	  convertSRGBToLinear() {
+	    return this.copySRGBToLinear(this), this;
+	  }
+	  convertLinearToSRGB() {
+	    return this.copyLinearToSRGB(this), this;
+	  }
+	}
+	class RGB {
+	  constructor(r, g, b, opacity) {
+	    this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$1(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
+	  }
+	  formatHex() {
+	    return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
+	  }
+	  formatRgb() {
+	    const opacity = this.opacity;
+	    return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
+	  }
+	  formatHsl() {
+	    const opacity = this.opacity,
+	      {
+	        h: h,
+	        s: s,
+	        l: l
+	      } = rgbToHsl(this.r, this.g, this.b);
+	    return `${1 === opacity ? "hsl(" : "hsla("}${h},${s}%,${l}%${1 === opacity ? ")" : `,${opacity})`}`;
+	  }
+	  toString() {
+	    return this.formatHex();
 	  }
 	}
 
-	var MeasureModeEnum;
-	!function (MeasureModeEnum) {
-	  MeasureModeEnum[MeasureModeEnum.estimate = 0] = "estimate", MeasureModeEnum[MeasureModeEnum.actualBounding = 1] = "actualBounding", MeasureModeEnum[MeasureModeEnum.fontBounding = 2] = "fontBounding";
-	}(MeasureModeEnum || (MeasureModeEnum = {}));
-
-	var STATUS;
-	!function (STATUS) {
-	  STATUS[STATUS.INITIAL = 0] = "INITIAL", STATUS[STATUS.RUNNING = 1] = "RUNNING", STATUS[STATUS.PAUSE = 2] = "PAUSE";
-	}(STATUS || (STATUS = {}));
-
-	var AnimateStepType;
-	!function (AnimateStepType) {
-	  AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", AnimateStepType.customAnimate = "customAnimate";
-	}(AnimateStepType || (AnimateStepType = {}));
-	var AnimateStatus;
-	!function (AnimateStatus) {
-	  AnimateStatus[AnimateStatus.INITIAL = 0] = "INITIAL", AnimateStatus[AnimateStatus.RUNNING = 1] = "RUNNING", AnimateStatus[AnimateStatus.PAUSED = 2] = "PAUSED", AnimateStatus[AnimateStatus.END = 3] = "END";
-	}(AnimateStatus || (AnimateStatus = {}));
+	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;
+	  }
+	  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 circleThreshold = tau - 1e-8;
 	class BoundsContext {
@@ -7015,7 +7968,8 @@
 	  y1: 0,
 	  strokeBoundsBuffer: 0,
 	  cornerRadius: 0,
-	  cornerType: "round"
+	  cornerType: "round",
+	  drawStrokeWhenZeroWH: !1
 	});
 	Object.assign(Object.assign({}, DefaultAttribute), {
 	  width: 0,
@@ -7024,7 +7978,8 @@
 	  y1: 0,
 	  cornerRadius: 0,
 	  length: 0,
-	  cornerType: "round"
+	  cornerType: "round",
+	  drawStrokeWhenZeroWH: !1
 	});
 	const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
 	  symbolType: "circle",
@@ -10219,7 +11174,7 @@
 	    });
 	  }
 	  setAttributes(params, forceUpdateTag = !1, context) {
-	    (params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context);
+	    params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
 	  }
 	  _setAttributes(params, forceUpdateTag = !1, context) {
 	    const keys = Object.keys(params);
@@ -10620,7 +11575,7 @@
 	    });
 	  }
 	  release() {
-	    this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this);
+	    this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this), super.release();
 	  }
 	  _emitCustomEvent(type, context) {
 	    var _a, _b;
@@ -10854,8 +11809,8 @@
 	function strokeVisible(opacity, strokeOpacity) {
 	  return opacity * strokeOpacity > 0;
 	}
-	function rectStrokeVisible(opacity, strokeOpacity, width, height) {
-	  return opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
+	function rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH) {
+	  return drawStrokeWhenZeroWH ? opacity * strokeOpacity > 0 : opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
 	}
 	function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
 	  const x10 = x1 - x0,
@@ -14921,7 +15876,8 @@
 	      y1: y1,
 	      x: originX = rectAttribute.x,
 	      y: originY = rectAttribute.y,
-	      fillStrokeOrder = rectAttribute.fillStrokeOrder
+	      fillStrokeOrder = rectAttribute.fillStrokeOrder,
+	      drawStrokeWhenZeroWH = rectAttribute.drawStrokeWhenZeroWH
 	    } = rect.attribute;
 	    let {
 	      width: width,
@@ -14929,7 +15885,7 @@
 	    } = rect.attribute;
 	    width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
 	    const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
 	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!rect.valid || !visible) return;
@@ -15833,7 +16789,7 @@
 	    super(...arguments), this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE;
 	  }
 	  drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
-	    var _a;
+	    var _a, _b;
 	    const rectAttribute = getTheme(rect, null == params ? void 0 : params.theme).rect,
 	      {
 	        fill = rectAttribute.fill,
@@ -15846,16 +16802,17 @@
 	        fillOpacity = rectAttribute.fillOpacity,
 	        lineWidth = rectAttribute.lineWidth,
 	        strokeOpacity = rectAttribute.strokeOpacity,
-	        visible = rectAttribute.visible
+	        visible = rectAttribute.visible,
+	        drawStrokeWhenZeroWH = null !== (_a = rectAttribute.drawStrokeWhenZeroWH) && void 0 !== _a && _a
 	      } = rect.attribute;
 	    let {
 	      width: width,
 	      height: height
 	    } = rect.attribute;
 	    width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
-	    const z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
+	    const z = null !== (_b = this.z) && void 0 !== _b ? _b : 0,
 	      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
 	      doFill = runFill(fill),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!rect.valid || !visible) return;
@@ -17848,6 +18805,7 @@
 	    return this.getEndProps();
 	  }
 	  stop() {}
+	  release() {}
 	}
 	class WaitStep extends Step {
 	  constructor(type, props, duration, easing) {
@@ -18065,7 +19023,9 @@
 	    this.status !== AnimateStatus.END && this.onEnd(), this.status = AnimateStatus.END, this.target && ("start" === type ? this.target.setAttributes(this._startProps) : "end" === type ? this.target.setAttributes(this._endProps) : type && this.target.setAttributes(type));
 	  }
 	  release() {
-	    this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [];
+	    this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [], this.forEachStep(step => {
+	      step.release();
+	    });
 	  }
 	  getDuration() {
 	    return this._duration;
@@ -18139,6 +19099,10 @@
 	  getLoop() {
 	    return this._loopCount;
 	  }
+	  forEachStep(cb) {
+	    let step = this._firstStep;
+	    for (; step;) cb(step), step = step.next;
+	  }
 	}
 
 	const performanceRAF = new PerformanceRAF();
@@ -18174,6 +19138,8 @@
 	      this.status === STATUS.RUNNING && (this.tickCounts++, this.timelines.forEach(timeline => {
 	        timeline.tick(delta);
 	      }), this.emit("tick", delta));
+	    }, this._handleGraphTick = () => {
+	      this.initHandler(!1);
 	    }, this.init(), this.lastFrameTime = -1, this.tickCounts = 0, this.stage = stage, this.autoStop = !0, this.interval = 16, this.computeTimeOffsetAndJitter();
 	  }
 	  bindStage(stage) {
@@ -18183,9 +19149,7 @@
 	    this.timeOffset = Math.floor(Math.random() * this.interval), this._jitter = Math.min(Math.max(.2 * this.interval, 6), .7 * this.interval);
 	  }
 	  init() {
-	    this.interval = 16, this.status = STATUS.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", () => {
-	      this.initHandler(!1);
-	    }), application.global.env && this.initHandler(!1);
+	    this.interval = 16, this.status = STATUS.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", this._handleGraphTick), application.global.env && this.initHandler(!1);
 	  }
 	  addTimeline(timeline) {
 	    this.timelines.push(timeline);
@@ -18258,7 +19222,7 @@
 	  }
 	  release() {
 	    var _a;
-	    this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1;
+	    this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1, application.global.hooks.onSetEnv.unTap("graph-ticker", this._handleGraphTick);
 	  }
 	  checkSkip(delta) {
 	    var _a, _b, _c;
@@ -18371,6 +19335,9 @@
 	  constructor(target) {
 	    this._animates = [], this._startCallbacks = [], this._endCallbacks = [], this._started = !1, this._activeCount = 0, this._target = target;
 	  }
+	  get started() {
+	    return this._started;
+	  }
 	  onStart(cb) {
 	    cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach(cb => {
 	      cb();
@@ -18511,14 +19478,14 @@
 	    return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
 	  }
 	  _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
-	    var _a, _b, _c, _d;
+	    var _a, _b, _c, _d, _e, _f;
 	    if (custom && customType) {
 	      const customParams = Object.assign({
-	          width: graphic.stage.width,
-	          height: graphic.stage.height,
+	          width: (null === (_a = graphic.stage) || void 0 === _a ? void 0 : _a.width) || 0,
+	          height: (null === (_b = graphic.stage) || void 0 === _b ? void 0 : _b.height) || 0,
 	          group: this._target.parent
 	        }, this.resolveValue(customParameters, graphic)),
-	        objOptions = isFunction$1(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
+	        objOptions = isFunction$1(options) ? options.call(null, null !== (_d = customParams && (null === (_c = customParams.data) || void 0 === _c ? void 0 : _c[0])) && void 0 !== _d ? _d : null === (_f = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.data) || void 0 === _f ? void 0 : _f[0], graphic, customParams) : options;
 	      customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
 	    } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
 	  }
@@ -18738,7 +19705,7 @@
 	  reApplyState(state) {
 	    var _a;
 	    const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
-	    if (stateInfo) {
+	    if (stateInfo && stateInfo.executor.started) {
 	      const stateList = this.stateList.slice();
 	      stateInfo.executor.stop(), this.stateList = stateList, stateInfo.executor.execute(stateInfo.animationConfig);
 	    }
@@ -19153,35 +20120,35 @@
 	    vchart.registerCartesianBandAxis();
 	    const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianBandAxis.type);
 	    AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, vchart.CartesianBandAxis.builtInTheme.axisX), axisZ) });
-	    mixin(AxisCls, Axis3dMixin);
+	    mixin$1(AxisCls, Axis3dMixin);
 	};
 
 	const registerCartesianLinearAxis3d = () => {
 	    vchart.registerCartesianLinearAxis();
 	    const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianLinearAxis.type);
 	    AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, vchart.CartesianLinearAxis.builtInTheme.axisX), axisZ) });
-	    mixin(AxisCls, Axis3dMixin);
+	    mixin$1(AxisCls, Axis3dMixin);
 	};
 
 	const registerCartesianLogAxis3d = () => {
 	    vchart.registerCartesianLogAxis();
 	    const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianLogAxis.type);
 	    AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, vchart.CartesianLogAxis.builtInTheme.axisX), axisZ) });
-	    mixin(AxisCls, Axis3dMixin);
+	    mixin$1(AxisCls, Axis3dMixin);
 	};
 
 	const registerCartesianSymlogAxis3d = () => {
 	    vchart.registerCartesianLogAxis();
 	    const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianSymlogAxis.type);
 	    AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, AxisCls.builtInTheme.axisX), axisZ) });
-	    mixin(AxisCls, Axis3dMixin);
+	    mixin$1(AxisCls, Axis3dMixin);
 	};
 
 	const registerCartesianTimeAxis3d = () => {
 	    vchart.registerCartesianTimeAxis();
 	    const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianTimeAxis.type);
 	    AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, AxisCls.builtInTheme.axisX), axisZ) });
-	    mixin(AxisCls, Axis3dMixin);
+	    mixin$1(AxisCls, Axis3dMixin);
 	};
 
 	const registerAxis3dPlugin = () => {
@@ -19340,7 +20307,7 @@
 	        const svg = chartSpec.svg;
 	        const elements = (_c = (_b = svgSourceMap.get(svg)) === null || _b === void 0 ? void 0 : _b.latestData) === null || _c === void 0 ? void 0 : _c.elements;
 	        if (elements && elements.length) {
-	            const names = elements.map(e => e.name).filter(n => isValid$1(n));
+	            const names = elements.map(e => e.name).filter(n => isValid$3(n));
 	            names.forEach(name => {
 	                if (chartSpec[name]) {
 	                    spec[name] = chartSpec[name];
@@ -19401,7 +20368,7 @@
 	        return e.node.name;
 	    }
 	    start(itemKey) {
-	        if (isNil$1(itemKey)) {
+	        if (isNil$3(itemKey)) {
 	            return;
 	        }
 	        const { interaction, highlightState, blurState } = this.options;
@@ -19456,7 +20423,7 @@
 
 	function isValidStrokeOrFill(attr) {
 	    var _a;
-	    return isValid$1(attr) && attr !== 'none' && !((_a = attr.includes) === null || _a === void 0 ? void 0 : _a.call(attr, 'url'));
+	    return isValid$3(attr) && attr !== 'none' && !((_a = attr.includes) === null || _a === void 0 ? void 0 : _a.call(attr, 'url'));
 	}
 	const getLineWidth = (attributes) => {
 	    const strokeWidth = parseFloat(attributes.strokeWidth);
@@ -19537,10 +20504,10 @@
 	                visible: el.attributes.visibility !== 'hidden' && el.attributes.visibility !== 'collapse'
 	            };
 	            if (el.graphicType === 'text') {
-	                merge(finalAttributes, el._inheritStyle, (_a = el.parent) === null || _a === void 0 ? void 0 : _a._textGroupStyle, el.attributes);
+	                merge$1(finalAttributes, el._inheritStyle, (_a = el.parent) === null || _a === void 0 ? void 0 : _a._textGroupStyle, el.attributes);
 	            }
 	            else if (el.graphicType !== 'group') {
-	                merge(finalAttributes, el._inheritStyle, el.attributes);
+	                merge$1(finalAttributes, el._inheritStyle, el.attributes);
 	            }
 	            if (graphicAttributeTransform[type]) {
 	                el._finalAttributes = graphicAttributeTransform[type](finalAttributes, el.value);
@@ -19641,7 +20608,7 @@
 	    }
 	    _defaultSelectConfig(finalSelectSpec) {
 	        const isMultiple = finalSelectSpec.mode === 'multiple';
-	        const triggerOff = isValid$1(finalSelectSpec.triggerOff)
+	        const triggerOff = isValid$3(finalSelectSpec.triggerOff)
 	            ? finalSelectSpec.triggerOff
 	            : isMultiple
 	                ? ['empty', 'self']
@@ -19750,10 +20717,10 @@
 	            if (mark) {
 	                this.setMarkStyle(mark, { keepStrokeScale: true }, 'normal', vchart.AttributeLevel.Built_In);
 	                if (valid) {
-	                    this.initMarkStyleWithSpec(mark, merge({}, this._spec.pictogram, this._spec[mark.name]));
+	                    this.initMarkStyleWithSpec(mark, merge$1({}, this._spec.pictogram, this._spec[mark.name]));
 	                    this.setMarkStyle(mark, attributes, 'normal', vchart.AttributeLevel.Series);
 	                    mark.setPostProcess('fill', (result, datum) => {
-	                        return isValid$1(result) ? result : this._spec.defaultFillColor;
+	                        return isValid$3(result) ? result : this._spec.defaultFillColor;
 	                    });
 	                }
 	                else {
@@ -19787,7 +20754,7 @@
 	        if (!mark || mark.length === 0) {
 	            return null;
 	        }
-	        let bounds = new Bounds();
+	        let bounds = new Bounds$1();
 	        if (global) {
 	            mark.forEach(m => {
 	                bounds = bounds.union(m.getGraphics()[0].globalAABBBounds);
@@ -19912,7 +20879,7 @@
 	        if (root) {
 	            if (!root.attribute.postMatrix) {
 	                root.setAttributes({
-	                    postMatrix: new Matrix()
+	                    postMatrix: new Matrix$1()
 	                });
 	            }
 	            root.scale(scale, scale, scaleCenter);
@@ -19927,7 +20894,7 @@
 	        if (root) {
 	            if (!root.attribute.postMatrix) {
 	                root.setAttributes({
-	                    postMatrix: new Matrix()
+	                    postMatrix: new Matrix$1()
 	                });
 	            }
 	            root.translate(delta[0], delta[1]);
@@ -20155,7 +21122,7 @@
 	      g = imageData.data[y * width * 4 + 4 * x + 1],
 	      b = imageData.data[y * width * 4 + 4 * x + 2];
 	    if (255 === r && 255 === g && 255 === b) return !invert;
-	    if (isValidNumber$1(threshold)) {
+	    if (isValidNumber$3(threshold)) {
 	      const grayValue = .3 * r + .59 * g + .11 * b;
 	      return invert ? grayValue <= threshold : grayValue >= threshold;
 	    }
@@ -20210,7 +21177,7 @@
 	  ctx.font = `${fontStyle} ${fontVariant} ${fontWeight} ${baseFontSize}px ${fontFamily}`, ctx.textAlign = "center", ctx.textBaseline = "middle", ctx.fillStyle = fillColor;
 	  const textMetrics = ctx.measureText(text),
 	    scale = "normal" !== fontStyle ? 1.1 : 1,
-	    actualWidth = isValid$1(textMetrics.actualBoundingBoxRight) && isValid$1(textMetrics.actualBoundingBoxLeft) ? Math.ceil(scale * (Math.abs(textMetrics.actualBoundingBoxRight) + Math.abs(textMetrics.actualBoundingBoxLeft))) : 0,
+	    actualWidth = isValid$3(textMetrics.actualBoundingBoxRight) && isValid$3(textMetrics.actualBoundingBoxLeft) ? Math.ceil(scale * (Math.abs(textMetrics.actualBoundingBoxRight) + Math.abs(textMetrics.actualBoundingBoxLeft))) : 0,
 	    textWidth = Math.max(Math.ceil(textMetrics.width), actualWidth, baseFontSize);
 	  if (hollow && (ctx.globalCompositeOperation = "xor"), textWidth > width) {
 	    const scale = Math.min(width / textWidth, height / baseFontSize);
@@ -20467,7 +21434,7 @@
 	}
 
 	function loadImage(url, createImage) {
-	  return url && (isValidUrl$1(url) || isBase64$1(url) || url.startsWith("<svg")) ? new Promise((resolve, reject) => {
+	  return url && (isValidUrl$3(url) || isBase64$3(url) || url.startsWith("<svg")) ? new Promise((resolve, reject) => {
 	    var _a;
 	    const imageMark = createImage({
 	        image: url
@@ -20535,18 +21502,18 @@
 	    this._rangeFactorStart = null, this._rangeFactorEnd = null;
 	  }
 	  _calculateWholeRange(range) {
-	    return this._wholeRange ? this._wholeRange : isValid$1(this._rangeFactorStart) && isValid$1(this._rangeFactorEnd) && 2 === range.length ? (this._wholeRange = calculateWholeRangeFromRangeFactor(range, [this._rangeFactorStart, this._rangeFactorEnd]), this._wholeRange) : range;
+	    return this._wholeRange ? this._wholeRange : isValid$3(this._rangeFactorStart) && isValid$3(this._rangeFactorEnd) && 2 === range.length ? (this._wholeRange = calculateWholeRangeFromRangeFactor(range, [this._rangeFactorStart, this._rangeFactorEnd]), this._wholeRange) : range;
 	  }
 	  rangeFactor(_, slience, clear) {
-	    return _ ? (2 === _.length && _.every(r => r >= 0 && r <= 1) && (this._wholeRange = null, 0 === _[0] && 1 === _[1] ? (this._rangeFactorStart = null, this._rangeFactorEnd = null) : (this._rangeFactorStart = _[0], this._rangeFactorEnd = _[1])), this) : clear ? (this._wholeRange = null, this._rangeFactorStart = null, this._rangeFactorEnd = null, this) : isValid$1(this._rangeFactorStart) && isValid$1(this._rangeFactorEnd) ? [this._rangeFactorStart, this._rangeFactorEnd] : null;
+	    return _ ? (2 === _.length && _.every(r => r >= 0 && r <= 1) && (this._wholeRange = null, 0 === _[0] && 1 === _[1] ? (this._rangeFactorStart = null, this._rangeFactorEnd = null) : (this._rangeFactorStart = _[0], this._rangeFactorEnd = _[1])), this) : clear ? (this._wholeRange = null, this._rangeFactorStart = null, this._rangeFactorEnd = null, this) : isValid$3(this._rangeFactorStart) && isValid$3(this._rangeFactorEnd) ? [this._rangeFactorStart, this._rangeFactorEnd] : null;
 	  }
 	  rangeFactorStart(_, slience) {
 	    var _a;
-	    return isNil$1(_) ? this._rangeFactorStart : (_ >= 0 && _ <= 1 && (this._wholeRange = null, 0 !== _ || !isNil$1(this._rangeFactorEnd) && 1 !== this._rangeFactorEnd ? (this._rangeFactorStart = _, this._rangeFactorEnd = null !== (_a = this._rangeFactorEnd) && void 0 !== _a ? _a : 1) : (this._rangeFactorStart = null, this._rangeFactorEnd = null)), this);
+	    return isNil$3(_) ? this._rangeFactorStart : (_ >= 0 && _ <= 1 && (this._wholeRange = null, 0 !== _ || !isNil$3(this._rangeFactorEnd) && 1 !== this._rangeFactorEnd ? (this._rangeFactorStart = _, this._rangeFactorEnd = null !== (_a = this._rangeFactorEnd) && void 0 !== _a ? _a : 1) : (this._rangeFactorStart = null, this._rangeFactorEnd = null)), this);
 	  }
 	  rangeFactorEnd(_, slience) {
 	    var _a;
-	    return isNil$1(_) ? this._rangeFactorEnd : (_ >= 0 && _ <= 1 && (this._wholeRange = null, 0 !== _ || !isNil$1(this._rangeFactorStart) && 0 !== this._rangeFactorStart ? (this._rangeFactorEnd = _, this._rangeFactorStart = null !== (_a = this._rangeFactorStart) && void 0 !== _a ? _a : 0) : (this._rangeFactorStart = null, this._rangeFactorEnd = null)), this);
+	    return isNil$3(_) ? this._rangeFactorEnd : (_ >= 0 && _ <= 1 && (this._wholeRange = null, 0 !== _ || !isNil$3(this._rangeFactorStart) && 0 !== this._rangeFactorStart ? (this._rangeFactorEnd = _, this._rangeFactorStart = null !== (_a = this._rangeFactorStart) && void 0 !== _a ? _a : 0) : (this._rangeFactorStart = null, this._rangeFactorEnd = null)), this);
 	  }
 	  generateFishEyeTransform() {
 	    var _a;
@@ -20561,8 +21528,8 @@
 	      last = range[range.length - 1],
 	      min = Math.min(first, last),
 	      max = Math.max(first, last),
-	      focus = clamp$1(null !== (_a = this._fishEyeOptions.focus) && void 0 !== _a ? _a : 0, min, max),
-	      rangeRadius = isNil$1(radius) ? (max - min) * radiusRatio : radius;
+	      focus = clamp$3(null !== (_a = this._fishEyeOptions.focus) && void 0 !== _a ? _a : 0, min, max),
+	      rangeRadius = isNil$3(radius) ? (max - min) * radiusRatio : radius;
 	    let k0 = Math.exp(distortion);
 	    k0 = k0 / (k0 - 1) * rangeRadius;
 	    const k1 = distortion / rangeRadius;
@@ -20589,16 +21556,16 @@
 	function interpolate(a, b) {
 	  const t = typeof b;
 	  let c;
-	  if (isNil$1(b) || "boolean" === t) return () => b;
+	  if (isNil$3(b) || "boolean" === t) return () => b;
 	  if ("number" === t) return interpolateNumber$1(a, b);
 	  if ("string" === t) {
-	    if (c = Color.parseColorString(b)) {
-	      const rgb = interpolateRgb(Color.parseColorString(a), c);
+	    if (c = Color$1.parseColorString(b)) {
+	      const rgb = interpolateRgb(Color$1.parseColorString(a), c);
 	      return t => rgb(t).formatRgb();
 	    }
 	    return interpolateNumber$1(Number(a), Number(b));
 	  }
-	  return b instanceof RGB ? interpolateRgb(a, b) : b instanceof Color ? interpolateRgb(a.color, b.color) : b instanceof Date ? interpolateDate(a, b) : interpolateNumber$1(Number(a), Number(b));
+	  return b instanceof RGB$1 ? interpolateRgb(a, b) : b instanceof Color$1 ? interpolateRgb(a.color, b.color) : b instanceof Date ? interpolateDate(a, b) : interpolateNumber$1(Number(a), Number(b));
 	}
 
 	class ContinuousScale extends BaseScale {
@@ -20607,7 +21574,7 @@
 	  }
 	  calculateVisibleDomain(range) {
 	    var _a;
-	    if (isValid$1(this._rangeFactorStart) && isValid$1(this._rangeFactorEnd) && 2 === range.length) {
+	    if (isValid$3(this._rangeFactorStart) && isValid$3(this._rangeFactorEnd) && 2 === range.length) {
 	      return [this.invert(range[0]), this.invert(range[1])];
 	    }
 	    return null !== (_a = this._niceDomain) && void 0 !== _a ? _a : this._domain;
@@ -20679,10 +21646,10 @@
 	    return _ ? (super.rangeFactor(_), this._output = this._input = null, this) : super.rangeFactor();
 	  }
 	  rangeFactorStart(_, slience) {
-	    return isNil$1(_) ? super.rangeFactorStart() : (super.rangeFactorStart(_), this._output = this._input = null, this);
+	    return isNil$3(_) ? super.rangeFactorStart() : (super.rangeFactorStart(_), this._output = this._input = null, this);
 	  }
 	  rangeFactorEnd(_, slience) {
-	    return isNil$1(_) ? super.rangeFactorEnd() : (super.rangeFactorEnd(_), this._output = this._input = null, this);
+	    return isNil$3(_) ? super.rangeFactorEnd() : (super.rangeFactorEnd(_), this._output = this._input = null, this);
 	  }
 	  forceAlignDomainRange(forceAlign) {
 	    return arguments.length ? (this._forceAlign = forceAlign, this) : this._forceAlign;
@@ -20839,13 +21806,13 @@
 	  }
 	}
 	function parseNiceOptions(originalDomain, option) {
-	  const hasForceMin = isNumber$1(option.forceMin),
-	    hasForceMax = isNumber$1(option.forceMax);
+	  const hasForceMin = isNumber$3(option.forceMin),
+	    hasForceMax = isNumber$3(option.forceMax);
 	  let niceType = null;
 	  const niceMinMax = [];
 	  let niceDomain = null;
 	  const domainValidator = hasForceMin && hasForceMax ? x => x >= option.forceMin && x <= option.forceMax : hasForceMin ? x => x >= option.forceMin : hasForceMax ? x => x <= option.forceMax : null;
-	  return hasForceMin ? niceMinMax[0] = option.forceMin : isNumber$1(option.min) && option.min <= Math.min(originalDomain[0], originalDomain[originalDomain.length - 1]) && (niceMinMax[0] = option.min), hasForceMax ? niceMinMax[1] = option.forceMax : isNumber$1(option.max) && option.max >= Math.max(originalDomain[0], originalDomain[originalDomain.length - 1]) && (niceMinMax[1] = option.max), isNumber$1(niceMinMax[0]) && isNumber$1(niceMinMax[1]) ? (niceDomain = originalDomain.slice(), niceDomain[0] = niceMinMax[0], niceDomain[niceDomain.length - 1] = niceMinMax[1]) : niceType = isNumber$1(niceMinMax[0]) || isNumber$1(niceMinMax[1]) ? isNumber$1(niceMinMax[0]) ? "max" : "min" : "all", {
+	  return hasForceMin ? niceMinMax[0] = option.forceMin : isNumber$3(option.min) && option.min <= Math.min(originalDomain[0], originalDomain[originalDomain.length - 1]) && (niceMinMax[0] = option.min), hasForceMax ? niceMinMax[1] = option.forceMax : isNumber$3(option.max) && option.max >= Math.max(originalDomain[0], originalDomain[originalDomain.length - 1]) && (niceMinMax[1] = option.max), isNumber$3(niceMinMax[0]) && isNumber$3(niceMinMax[1]) ? (niceDomain = originalDomain.slice(), niceDomain[0] = niceMinMax[0], niceDomain[niceDomain.length - 1] = niceMinMax[1]) : niceType = isNumber$3(niceMinMax[0]) || isNumber$3(niceMinMax[1]) ? isNumber$3(niceMinMax[0]) ? "max" : "min" : "all", {
 	    niceType: niceType,
 	    niceDomain: niceDomain,
 	    niceMinMax: niceMinMax,
@@ -20871,8 +21838,8 @@
 	  }
 	  ticks(count = 10, options) {
 	    var _a;
-	    if (isFunction$1(null == options ? void 0 : options.customTicks)) return options.customTicks(this, count);
-	    if (isValid$1(this._rangeFactorStart) && isValid$1(this._rangeFactorEnd) && (this._rangeFactorStart > 0 || this._rangeFactorEnd < 1) && 2 === this._range.length || !this._niceType) return this.d3Ticks(count, options);
+	    if (isFunction$3(null == options ? void 0 : options.customTicks)) return options.customTicks(this, count);
+	    if (isValid$3(this._rangeFactorStart) && isValid$3(this._rangeFactorEnd) && (this._rangeFactorStart > 0 || this._rangeFactorEnd < 1) && 2 === this._range.length || !this._niceType) return this.d3Ticks(count, options);
 	    const curNiceDomain = null !== (_a = this._niceDomain) && void 0 !== _a ? _a : this._domain,
 	      originalDomain = this._domain,
 	      start = curNiceDomain[0],
@@ -21007,7 +21974,7 @@
 	      });
 	    tempCtx.textAlign = "center", tempCtx.textBaseline = "middle", segmentationInput.tempCanvas = tempCanvas;
 	    const boardW = size[0] + 31 >> 5 << 5;
-	    if (segmentationInput.boardSize = [boardW, size[1]], segmentationInput.random ? segmentationInput.randomGenerator = Math.random : segmentationInput.randomGenerator = fakeRandom(), this.segmentationInput = segmentationInput, isString$1(segmentationInput.shapeUrl)) {
+	    if (segmentationInput.boardSize = [boardW, size[1]], segmentationInput.random ? segmentationInput.randomGenerator = Math.random : segmentationInput.randomGenerator = fakeRandom(), this.segmentationInput = segmentationInput, isString$3(segmentationInput.shapeUrl)) {
 	      segmentationInput.isEmptyPixel = generateIsEmptyPixel(void 0, {
 	        threshold: null !== (_d = null === (_c = options.maskConfig) || void 0 === _c ? void 0 : _c.threshold) && void 0 !== _d ? _d : 200,
 	        invert: null === (_e = options.maskConfig) || void 0 === _e ? void 0 : _e.invert
@@ -21043,7 +22010,7 @@
 	    imagesPromise ? imagesPromise.then(images => {
 	      this.onImageCollageInputReady(images), this.isImagesFinished = !0;
 	    }).catch(error => {
-	      this.isImagesFinished = !0, this.isLayoutFinished = !0, Logger.getInstance().error("image load failed", error);
+	      this.isImagesFinished = !0, this.isLayoutFinished = !0, Logger$1.getInstance().error("image load failed", error);
 	    }) : (this.isImagesFinished = !0, this.isLayoutFinished = !0);
 	  }
 	  canAnimate() {
@@ -21073,13 +22040,13 @@
 	        imageSizeRange: imageSizeRange,
 	        padding = 0
 	      } = imageConfig,
-	      imageSize = isNumber$1(imageConfig.imageSize) ? imageConfig.imageSize : field(imageConfig.imageSize),
+	      imageSize = isNumber$3(imageConfig.imageSize) ? imageConfig.imageSize : field(imageConfig.imageSize),
 	      size = this.options.size;
 	    if (imageSize || imageSizeRange) {
-	      if (imageSize && !isFunction$1(imageSize)) images.forEach(img => setSize(img, imageSize));else if (imageSizeRange) {
+	      if (imageSize && !isFunction$3(imageSize)) images.forEach(img => setSize(img, imageSize));else if (imageSizeRange) {
 	        const sizeScale = new SqrtScale().domain(extent(images, d => d.weight)).range(imageSizeRange);
 	        images.forEach(img => setSize(img, ~~sizeScale.scale(img.weight)));
-	      } else if (imageSize && isFunction$1(imageSize) && !imageSizeRange) {
+	      } else if (imageSize && isFunction$3(imageSize) && !imageSizeRange) {
 	        const a = .5,
 	          [min, max] = extent(images, d => d.weight),
 	          picArea = images.reduce((prev, img) => {
@@ -21608,11 +22575,11 @@
 
 	const transform = (options, upstreamData, parameters) => {
 	  var _a, _b;
-	  const size = isFunction$1(options.size) ? options.size() : options.size;
-	  if (options.size = size, !size || isNil$1(size[0]) || isNil$1(size[1]) || size[0] <= 0 || size[1] <= 0) {
-	    return Logger.getInstance().info("Wordcloud size dimensions must be greater than 0"), [];
+	  const size = isFunction$3(options.size) ? options.size() : options.size;
+	  if (options.size = size, !size || isNil$3(size[0]) || isNil$3(size[1]) || size[0] <= 0 || size[1] <= 0) {
+	    return Logger$1.getInstance().info("Wordcloud size dimensions must be greater than 0"), [];
 	  }
-	  if (options.size = [Math.ceil(size[0]), Math.ceil(size[1])], options.image || Logger.getInstance().error("Imagecloud: image source must be specified."), options.onBeforeLayout && options.onBeforeLayout(), !upstreamData || 0 === upstreamData.length) return [];
+	  if (options.size = [Math.ceil(size[0]), Math.ceil(size[1])], options.image || Logger$1.getInstance().error("Imagecloud: image source must be specified."), options.onBeforeLayout && options.onBeforeLayout(), !upstreamData || 0 === upstreamData.length) return [];
 	  let layoutConstructor;
 	  switch (null !== (_b = null === (_a = options.layoutConfig) || void 0 === _a ? void 0 : _a.layoutMode) && void 0 !== _b ? _b : "spiral") {
 	    case "grid":
@@ -21638,7 +22605,7 @@
 	    }
 	    onBind() {
 	        this._scaleX = this.target.attribute.scaleX;
-	        if (!isValidNumber$1(this._rotations)) {
+	        if (!isValidNumber$3(this._rotations)) {
 	            this.valid = false;
 	        }
 	    }
@@ -21754,7 +22721,7 @@
 	        this.type = IMAGE_CLOUD_SERIES_TYPE;
 	    }
 	    setValueField(field) {
-	        if (isValid$1(field)) {
+	        if (isValid$3(field)) {
 	            this._valueField = field;
 	        }
 	    }
@@ -21974,6 +22941,536 @@
 	    vchart.Factory.registerChart(ImageCloudChart.type, ImageCloudChart);
 	};
 
+	class CandlestickChartSpecTransformer extends vchart.CartesianChartSpecTransformer {
+	    _getDefaultSeriesSpec(spec) {
+	        const dataFields = [spec.openField, spec.highField, spec.lowField, spec.closeField];
+	        const seriesSpec = super._getDefaultSeriesSpec(spec, [
+	            'candlestick',
+	            'openField',
+	            'highField',
+	            'lowField',
+	            'closeField',
+	            'rising',
+	            'falling',
+	            'doji'
+	        ]);
+	        seriesSpec.yField = dataFields;
+	        return seriesSpec;
+	    }
+	    transformSpec(spec) {
+	        super.transformSpec(spec);
+	        if (!spec.axes) {
+	            spec.axes = [
+	                {
+	                    orient: 'bottom'
+	                },
+	                {
+	                    orient: 'left'
+	                }
+	            ];
+	        }
+	        vchart.setDefaultCrosshairForCartesianChart(spec);
+	    }
+	}
+
+	const CANDLESTICK_MARK_TYPE = 'candlestick';
+	class CandlestickMark extends vchart.GlyphMark {
+	    constructor() {
+	        super(...arguments);
+	        this.type = CandlestickMark.type;
+	    }
+	    setGlyphConfig(cfg) {
+	        super.setGlyphConfig(cfg);
+	        this._subMarks = {
+	            line: { type: 'line', defaultAttributes: { x: 0, y: 0 } },
+	            box: { type: 'rect' }
+	        };
+	        this._positionChannels = ['x', 'boxWidth', 'open', 'close', 'high', 'low'];
+	        this._channelEncoder = null;
+	        this._positionEncoder = (glyphAttrs, datum, g) => {
+	            const { x = g.attribute.x, boxWidth = g.attribute.boxWidth, open = g.attribute.open, close = g.attribute.close, low = g.attribute.low, high = g.attribute.high } = glyphAttrs;
+	            const attributes = {};
+	            attributes.line = {
+	                points: [
+	                    {
+	                        x: x,
+	                        y: low
+	                    },
+	                    {
+	                        x: x,
+	                        y: high
+	                    }
+	                ]
+	            };
+	            attributes.box = {
+	                x: x - boxWidth / 2,
+	                x1: x + boxWidth / 2,
+	                y: Math.min(open, close),
+	                y1: Math.max(open, close),
+	                drawStrokeWhenZeroWH: true
+	            };
+	            return attributes;
+	        };
+	    }
+	    _getDefaultStyle() {
+	        const defaultStyle = Object.assign({}, super._getDefaultStyle());
+	        return defaultStyle;
+	    }
+	}
+	CandlestickMark.type = CANDLESTICK_MARK_TYPE;
+	const registerCandlestickMark = () => {
+	    vchart.registerGlyphMark();
+	    registerLine();
+	    registerRect();
+	    vchart.Factory.registerGraphicComponent('line', (attrs) => createLine(attrs));
+	    vchart.Factory.registerGraphicComponent('rect', (attrs) => createRect(attrs));
+	    vchart.Factory.registerMark(CandlestickMark.type, CandlestickMark);
+	};
+
+	const scaleIn = () => {
+	    return (graphic) => {
+	        const finalAttribute = graphic.getFinalAttribute();
+	        const { x, y, open, high, low, close } = finalAttribute;
+	        const animateAttributes = { from: { x, y }, to: { x, y } };
+	        if (isValidNumber$3(open) && isValidNumber$3(close)) {
+	            if (open > close) {
+	                animateAttributes.from.open = low;
+	                animateAttributes.to.open = open;
+	                animateAttributes.from.close = low;
+	                animateAttributes.to.close = close;
+	                if (isValidNumber$3(high)) {
+	                    animateAttributes.from.high = low;
+	                    animateAttributes.to.high = high;
+	                }
+	            }
+	            else {
+	                animateAttributes.from.open = high;
+	                animateAttributes.to.open = open;
+	                animateAttributes.from.close = high;
+	                animateAttributes.to.close = close;
+	                if (isValidNumber$3(low)) {
+	                    animateAttributes.from.low = high;
+	                    animateAttributes.to.low = low;
+	                }
+	            }
+	        }
+	        return animateAttributes;
+	    };
+	};
+	const scaleOut = () => {
+	    return (graphic) => {
+	        const finalAttribute = graphic.getFinalAttribute();
+	        const { x, y, open, high, low, close } = finalAttribute;
+	        const animateAttributes = { from: { x, y }, to: { x, y } };
+	        if (isValidNumber$3(open) && isValidNumber$3(close)) {
+	            if (open > close) {
+	                animateAttributes.from.open = open;
+	                animateAttributes.to.open = low;
+	                animateAttributes.from.close = close;
+	                animateAttributes.to.close = low;
+	                if (isValidNumber$3(high)) {
+	                    animateAttributes.from.high = high;
+	                    animateAttributes.to.high = low;
+	                }
+	            }
+	            else {
+	                animateAttributes.from.open = open;
+	                animateAttributes.to.open = high;
+	                animateAttributes.from.close = close;
+	                animateAttributes.to.close = high;
+	                if (isValidNumber$3(low)) {
+	                    animateAttributes.from.low = low;
+	                    animateAttributes.to.low = high;
+	                }
+	            }
+	        }
+	        return animateAttributes;
+	    };
+	};
+	class CandlestickScaleIn extends ACustomAnimate {
+	    constructor(from, to, duration, easing, params) {
+	        super(from, to, duration, easing, params);
+	    }
+	    onBind() {
+	        super.onBind();
+	        const finalAttribute = this.target.getFinalAttribute();
+	        if (finalAttribute) {
+	            this.target.setAttributes(finalAttribute);
+	        }
+	        const { from, to } = this.computeAttribute();
+	        this.propKeys = Object.keys(to).filter(key => to[key] != null);
+	        this.animate.reSyncProps();
+	        this.from = from;
+	        this.to = to;
+	        this.target.setAttributes(this.from);
+	    }
+	    computeAttribute() {
+	        const attr = scaleIn()(this.target, this.params, this.params.options);
+	        return attr;
+	    }
+	    onUpdate(end, ratio, out) {
+	        const attribute = this.target.attribute;
+	        this.propKeys.forEach(key => {
+	            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+	        });
+	        this.target.setAttributes(attribute);
+	    }
+	}
+	class CandlestickScaleOut extends ACustomAnimate {
+	    constructor(from, to, duration, easing, params) {
+	        super(from, to, duration, easing, params);
+	    }
+	    onBind() {
+	        var _a;
+	        if ((_a = this.params) === null || _a === void 0 ? void 0 : _a.diffAttrs) {
+	            this.target.setAttributes(this.params.diffAttrs);
+	        }
+	        const { from, to } = this.computeAttribute();
+	        this.propKeys = Object.keys(to).filter(key => to[key] != null);
+	        this.animate.reSyncProps();
+	        this.from = from;
+	        this.to = to;
+	        this.target.setAttributes(this.from);
+	    }
+	    computeAttribute() {
+	        const attr = scaleOut()(this.target, this.params, this.params.options);
+	        return attr;
+	    }
+	    onUpdate(end, ratio, out) {
+	        const attribute = this.target.attribute;
+	        this.propKeys.forEach(key => {
+	            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+	        });
+	        this.target.setAttributes(attribute);
+	    }
+	}
+	const registerCandlestickScaleAnimation = () => {
+	    AnimateExecutor.registerBuiltInAnimate('candlestickScaleIn', CandlestickScaleIn);
+	    AnimateExecutor.registerBuiltInAnimate('candlestickScaleOut', CandlestickScaleOut);
+	};
+
+	const CANDLESTICK_CHART_TYPE = 'candlestick';
+	const CANDLESTICK_SERIES_TYPE = 'candlestick';
+	var CANDLESTICK_TOOLTIP_KEYS;
+	(function (CANDLESTICK_TOOLTIP_KEYS) {
+	    CANDLESTICK_TOOLTIP_KEYS["OPEN"] = "open";
+	    CANDLESTICK_TOOLTIP_KEYS["HIGH"] = "high";
+	    CANDLESTICK_TOOLTIP_KEYS["LOW"] = "low";
+	    CANDLESTICK_TOOLTIP_KEYS["CLOSE"] = "close";
+	    CANDLESTICK_TOOLTIP_KEYS["SERIES_FIELD"] = "seriesField";
+	})(CANDLESTICK_TOOLTIP_KEYS || (CANDLESTICK_TOOLTIP_KEYS = {}));
+	var CandlestickMarkNameEnum;
+	(function (CandlestickMarkNameEnum) {
+	    CandlestickMarkNameEnum["candlestick"] = "candlestick";
+	})(CandlestickMarkNameEnum || (CandlestickMarkNameEnum = {}));
+	const CandlestickSeriesMark = Object.assign(Object.assign({}, vchart.baseSeriesMark), { ["candlestick"]: { name: "candlestick", type: 'candlestick' } });
+
+	class CandlestickSeriesTooltipHelper extends vchart.BaseSeriesTooltipHelper {
+	    constructor() {
+	        super(...arguments);
+	        this.getContentKey = (contentType) => (datum) => {
+	            switch (contentType) {
+	                case CANDLESTICK_TOOLTIP_KEYS.OPEN: {
+	                    const openField = this.series.getOpenField();
+	                    return openField;
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.HIGH: {
+	                    const highField = this.series.getHighField();
+	                    return highField;
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.LOW: {
+	                    const lowField = this.series.getLowField();
+	                    return lowField;
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.CLOSE: {
+	                    const closeField = this.series.getCloseField();
+	                    return closeField;
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.SERIES_FIELD: {
+	                    const seriesField = this.series.getSeriesField();
+	                    return seriesField;
+	                }
+	            }
+	            return null;
+	        };
+	        this.getContentValue = (contentType) => (datum) => {
+	            switch (contentType) {
+	                case CANDLESTICK_TOOLTIP_KEYS.OPEN: {
+	                    const openField = this.series.getOpenField();
+	                    return datum[openField];
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.HIGH: {
+	                    const highField = this.series.getHighField();
+	                    return datum[highField];
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.LOW: {
+	                    const lowField = this.series.getLowField();
+	                    return datum[lowField];
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.CLOSE: {
+	                    const closeField = this.series.getCloseField();
+	                    return datum[closeField];
+	                }
+	                case CANDLESTICK_TOOLTIP_KEYS.SERIES_FIELD: {
+	                    const seriesField = this.series.getSeriesField();
+	                    return datum[seriesField];
+	                }
+	            }
+	            return null;
+	        };
+	        this.shapeColorCallback = (datum) => {
+	            return this.series.getMarkInName('candlestick').getAttribute('stroke', datum);
+	        };
+	    }
+	    getDefaultContentList(activeType) {
+	        return [
+	            {
+	                key: this.getContentKey(CANDLESTICK_TOOLTIP_KEYS.OPEN),
+	                value: this.getContentValue(CANDLESTICK_TOOLTIP_KEYS.OPEN)
+	            },
+	            {
+	                key: this.getContentKey(CANDLESTICK_TOOLTIP_KEYS.HIGH),
+	                value: this.getContentValue(CANDLESTICK_TOOLTIP_KEYS.HIGH)
+	            },
+	            {
+	                key: this.getContentKey(CANDLESTICK_TOOLTIP_KEYS.LOW),
+	                value: this.getContentValue(CANDLESTICK_TOOLTIP_KEYS.LOW)
+	            },
+	            {
+	                key: this.getContentKey(CANDLESTICK_TOOLTIP_KEYS.CLOSE),
+	                value: this.getContentValue(CANDLESTICK_TOOLTIP_KEYS.CLOSE)
+	            },
+	            {
+	                key: this.getContentKey(CANDLESTICK_TOOLTIP_KEYS.SERIES_FIELD),
+	                value: this.getContentValue(CANDLESTICK_TOOLTIP_KEYS.SERIES_FIELD)
+	            }
+	        ];
+	    }
+	}
+
+	const getCandlestickTheme = () => {
+	    const res = {
+	        rising: {
+	            style: {
+	                boxFill: '#FF0000',
+	                stroke: '#FF0000'
+	            }
+	        },
+	        falling: {
+	            style: {
+	                boxFill: '#00AA00',
+	                stroke: '#00AA00'
+	            }
+	        },
+	        doji: {
+	            style: {
+	                boxFill: '#000000',
+	                stroke: '#000000'
+	            }
+	        },
+	        candlestick: {
+	            style: {
+	                lineWidth: 1
+	            }
+	        }
+	    };
+	    return res;
+	};
+	const candlestick = getCandlestickTheme();
+
+	class CandlestickSeries extends vchart.CartesianSeries {
+	    constructor() {
+	        super(...arguments);
+	        this.type = CANDLESTICK_SERIES_TYPE;
+	        this._mergedStyles = {
+	            rising: {},
+	            falling: {},
+	            doji: {}
+	        };
+	    }
+	    getOpenField() {
+	        return this._openField;
+	    }
+	    getHighField() {
+	        return this._highField;
+	    }
+	    getLowField() {
+	        return this._lowField;
+	    }
+	    getCloseField() {
+	        return this._closeField;
+	    }
+	    getBoxFill() {
+	        return this._boxFill;
+	    }
+	    getStrokeColor() {
+	        return this._strokeColor;
+	    }
+	    setAttrFromSpec() {
+	        var _a, _b, _c, _d, _e, _f, _g, _h;
+	        super.setAttrFromSpec();
+	        const spec = this._spec;
+	        const CandlestickStyle = (_b = (_a = spec.candlestick) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : {};
+	        this._openField = spec.openField;
+	        this._highField = spec.highField;
+	        this._lowField = spec.lowField;
+	        this._closeField = spec.closeField;
+	        this._boxWidth = CandlestickStyle.boxWidth;
+	        this._boxFill = CandlestickStyle.boxFill;
+	        this._strokeColor = CandlestickStyle.strokeColor;
+	        this._buildMergedStyles(CandlestickStyle, (_d = (_c = spec.rising) === null || _c === void 0 ? void 0 : _c.style) !== null && _d !== void 0 ? _d : {}, (_f = (_e = spec.falling) === null || _e === void 0 ? void 0 : _e.style) !== null && _f !== void 0 ? _f : {}, (_h = (_g = spec.doji) === null || _g === void 0 ? void 0 : _g.style) !== null && _h !== void 0 ? _h : {});
+	    }
+	    initMark() {
+	        this._candlestickMark = this._createMark(CandlestickSeries.mark.candlestick, {
+	            groupKey: this._seriesField,
+	            isSeriesMark: true
+	        });
+	    }
+	    initMarkStyle() {
+	        var _a;
+	        const candlestickMark = this._candlestickMark;
+	        if (candlestickMark) {
+	            const CandlestickStyles = {
+	                fill: (datum) => {
+	                    const boxFill = this.mergeStyle(datum).boxFill;
+	                    return boxFill;
+	                },
+	                stroke: (datum) => {
+	                    const strokeColor = this.mergeStyle(datum).stroke;
+	                    return strokeColor;
+	                },
+	                lineWidth: (datum) => {
+	                    const lineWidth = this.mergeStyle(datum).lineWidth;
+	                    return lineWidth;
+	                },
+	                boxWidth: (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth.bind(this),
+	                x: this.dataToPositionX.bind(this)
+	            };
+	            candlestickMark.setGlyphConfig({});
+	            this.setMarkStyle(candlestickMark, CandlestickStyles, vchart.STATE_VALUE_ENUM.STATE_NORMAL, vchart.AttributeLevel.Series);
+	        }
+	    }
+	    initCandlestickMarkStyle() {
+	        var _a;
+	        const candlestickMark = this._candlestickMark;
+	        const axisHelper = this._yAxisHelper;
+	        if (candlestickMark && axisHelper) {
+	            const { dataToPosition } = axisHelper;
+	            const scale = (_a = axisHelper === null || axisHelper === void 0 ? void 0 : axisHelper.getScale) === null || _a === void 0 ? void 0 : _a.call(axisHelper, 0);
+	            this.setMarkStyle(candlestickMark, {
+	                open: (datum) => vchart.valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._openField), {
+	                    bandPosition: this._bandPosition
+	                }), scale),
+	                high: (datum) => vchart.valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._highField), {
+	                    bandPosition: this._bandPosition
+	                }), scale),
+	                low: (datum) => vchart.valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._lowField), {
+	                    bandPosition: this._bandPosition
+	                }), scale),
+	                close: (datum) => vchart.valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._closeField), {
+	                    bandPosition: this._bandPosition
+	                }), scale)
+	            }, vchart.STATE_VALUE_ENUM.STATE_NORMAL, vchart.AttributeLevel.Series);
+	        }
+	    }
+	    init(option) {
+	        super.init(option);
+	        this.initCandlestickMarkStyle();
+	    }
+	    _initAnimationSpec(config = {}) {
+	        const newConfig = merge$1({}, config);
+	        ['appear', 'enter', 'update', 'exit', 'disappear'].forEach(state => {
+	            if (newConfig[state] && newConfig[state].type === 'scaleIn') {
+	                newConfig[state].type = 'candlestickScaleIn';
+	            }
+	            else if (newConfig[state] && newConfig[state].type === 'scaleOut') {
+	                newConfig[state].type = 'candlestickScaleOut';
+	            }
+	        });
+	        return newConfig;
+	    }
+	    initAnimation() {
+	        var _a;
+	        const animationParams = vchart.getGroupAnimationParams(this);
+	        if (this._candlestickMark) {
+	            const newDefaultConfig = this._initAnimationSpec((_a = vchart.Factory.getAnimationInKey('scaleInOut')) === null || _a === void 0 ? void 0 : _a());
+	            const newConfig = this._initAnimationSpec(vchart.userAnimationConfig(CANDLESTICK_SERIES_TYPE, this._spec, this._markAttributeContext));
+	            this._candlestickMark.setAnimationConfig(vchart.animationConfig(newDefaultConfig, newConfig, animationParams));
+	        }
+	    }
+	    initTooltip() {
+	        this._tooltipHelper = new CandlestickSeriesTooltipHelper(this);
+	        this._candlestickMark && this._tooltipHelper.activeTriggerSet.mark.add(this._candlestickMark);
+	    }
+	    _buildMergedStyles(baseStyle, risingStyle, fallingStyle, dojiStyle) {
+	        this._mergedStyles.rising = merge$1({}, baseStyle, risingStyle);
+	        this._mergedStyles.falling = merge$1({}, baseStyle, fallingStyle);
+	        this._mergedStyles.doji = merge$1({}, baseStyle, dojiStyle);
+	    }
+	    mergeStyle(datum) {
+	        const open = this.getDatumPositionValues(datum, this._openField)[0];
+	        const close = this.getDatumPositionValues(datum, this._closeField)[0];
+	        if (open < close) {
+	            return this._mergedStyles.rising;
+	        }
+	        else if (open > close) {
+	            return this._mergedStyles.falling;
+	        }
+	        else {
+	            return this._mergedStyles.doji;
+	        }
+	    }
+	    _getMarkWidth() {
+	        if (this._autoBoxWidth) {
+	            return this._autoBoxWidth;
+	        }
+	        const bandAxisHelper = this._xAxisHelper;
+	        const xField = this._fieldX;
+	        const innerBandWidth = bandAxisHelper.getBandwidth(xField.length - 1);
+	        const autoBoxWidth = innerBandWidth / xField.length;
+	        this._autoBoxWidth = autoBoxWidth;
+	        return this._autoBoxWidth;
+	    }
+	    onLayoutEnd() {
+	        super.onLayoutEnd();
+	        this._autoBoxWidth = null;
+	    }
+	    getActiveMarks() {
+	        return [this._candlestickMark];
+	    }
+	}
+	CandlestickSeries.type = CANDLESTICK_SERIES_TYPE;
+	CandlestickSeries.builtInTheme = { candlestick };
+	CandlestickSeries.mark = CandlestickSeriesMark;
+	const registerCandlestickSeries = () => {
+	    registerCandlestickMark();
+	    vchart.registerSymbolMark();
+	    vchart.registerScaleInOutAnimation();
+	    vchart.registerCartesianBandAxis();
+	    vchart.registerCartesianLinearAxis();
+	    registerCandlestickScaleAnimation();
+	    vchart.Factory.registerSeries(CandlestickSeries.type, CandlestickSeries);
+	};
+
+	class CandlestickChart extends vchart.BaseChart {
+	    _setModelOption() {
+	        this._modelOption.getDimensionInfo = vchart.getCartesianDimensionInfo;
+	        this._modelOption.getDimensionInfoByValue = vchart.getDimensionInfoByValue;
+	        this._modelOption.getRectByDimensionData = vchart.getCartesianCrosshairRect;
+	    }
+	}
+	CandlestickChart.type = CANDLESTICK_CHART_TYPE;
+	CandlestickChart.seriesType = CANDLESTICK_SERIES_TYPE;
+	CandlestickChart.transformerConstructor = CandlestickChartSpecTransformer;
+	const registerCandlestickChart = () => {
+	    vchart.registerDimensionTooltipProcessor();
+	    vchart.registerMarkTooltipProcessor();
+	    vchart.registerDimensionEvents();
+	    vchart.registerDimensionHover();
+	    registerCandlestickSeries();
+	    vchart.Factory.registerChart(CandlestickChart.type, CandlestickChart);
+	};
+
 	const GROUP_ATTRIBUTES = ["x", "y", "dx", "dy", "scaleX", "scaleY", "angle", "anchor", "postMatrix", "visible", "clip", "pickable", "childrenPickable", "zIndex", "cursor"];
 	class AbstractComponent extends Group {
 	  constructor(attributes, options) {
@@ -23403,7 +24900,7 @@
 	    render() {
 	        this.removeAllChild();
 	        const { data = [] } = this.attribute;
-	        if (isEmpty(data)) {
+	        if (isEmpty$1(data)) {
 	            return;
 	        }
 	        const verticalData = [];
@@ -23472,7 +24969,7 @@
 	            }));
 	            breakGroup.name = 'series-break';
 	            breakGroup.data = rest;
-	            if (isValid$1(rest.axisId)) {
+	            if (isValid$3(rest.axisId)) {
 	                breakGroup.id = `${(_a = rest.axisId) !== null && _a !== void 0 ? _a : ''}_${id}`;
 	            }
 	            this.add(breakGroup);
@@ -23527,9 +25024,9 @@
 	                axesSpec.forEach((spec, index) => {
 	                    var _a, _b;
 	                    const axisId = spec.id;
-	                    const axisModel = isValid$1(axisId)
+	                    const axisModel = isValid$3(axisId)
 	                        ? chart.getComponentByUserId(axisId)
-	                        : axesIndex && isValid$1(axesIndex[index])
+	                        : axesIndex && isValid$3(axesIndex[index])
 	                            ? chart.getComponentByIndex('axes', axesIndex[index])
 	                            : (_a = chart.getComponentsByKey('axes').filter((axis) => {
 	                                const axisInnerSpec = axis.getSpec();
@@ -23540,7 +25037,7 @@
 	                    }
 	                    const parsedAxisId = axisId !== null && axisId !== void 0 ? axisId : `${axisModel.type}-${axisModel.id}`;
 	                    const regionBounds = getAllRegionBounds(axisModel.getRegions());
-	                    array((_b = axisModel._break) === null || _b === void 0 ? void 0 : _b.breaks).forEach((breakConfig) => {
+	                    array$1((_b = axisModel._break) === null || _b === void 0 ? void 0 : _b.breaks).forEach((breakConfig) => {
 	                        const { range, breakSymbol, gap = 5 } = breakConfig;
 	                        const pos1 = axisModel.valueToPosition(range[0]);
 	                        const pos2 = axisModel.valueToPosition(range[1]);
@@ -23724,7 +25221,7 @@
 	    for (let index = 1; index < points.length; index++) {
 	        const intersection = getIntersectPoint([line.start.x, line.start.y], [line.end.x, line.end.y], [points[index].x, points[index].y], [points[index - 1].x, points[index - 1].y]);
 	        if (intersection &&
-	            !intersections.find(point => isNumberEqual(PointService.distancePP({ x: point[0], y: point[1] }, { x: intersection[0], y: intersection[1] }), 0))) {
+	            !intersections.find(point => isNumberEqual(PointService$1.distancePP({ x: point[0], y: point[1] }, { x: intersection[0], y: intersection[1] }), 0))) {
 	            intersections.push(intersection);
 	        }
 	    }
@@ -23801,7 +25298,7 @@
 	    if ((_a = rawSpec.axes) === null || _a === void 0 ? void 0 : _a.length) {
 	        const breakedAxes = rawSpec.axes.filter((axis) => axis.breaks && axis.breaks.length && axis.visible !== false);
 	        if (breakedAxes.length) {
-	            rawSpec.customMark = array(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_BREAK);
+	            rawSpec.customMark = array$1(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_BREAK);
 	            rawSpec.customMark.push(getSeriesBreakConfig(breakedAxes, breakedAxes.map((axisSpec) => {
 	                return rawSpec.axes.indexOf(axisSpec);
 	            })));
@@ -23820,7 +25317,7 @@
 	    }
 	    render() {
 	        const { data, linkStyle, areaStyle, styleMap, label, linkType = 'total' } = this.attribute;
-	        if (isEmpty(data)) {
+	        if (isEmpty$1(data)) {
 	            return;
 	        }
 	        this.removeAllChild();
@@ -24143,7 +25640,7 @@
 	    };
 	}
 	function appendBarLinkConfig(rawSpec, barLinkSpec) {
-	    rawSpec.customMark = array(rawSpec.customMark).filter((obj) => obj.componentType !== BAR_LINK);
+	    rawSpec.customMark = array$1(rawSpec.customMark).filter((obj) => obj.componentType !== BAR_LINK);
 	    rawSpec.customMark.push(getBarLinkConfig(barLinkSpec));
 	}
 
@@ -24341,7 +25838,7 @@
 	}
 	function appendSeriesLabelConfig(rawSpec, seriesLabelSpec) {
 	    var _a, _b, _c;
-	    rawSpec.customMark = array(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_LABEL);
+	    rawSpec.customMark = array$1(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_LABEL);
 	    if (!seriesLabelSpec) {
 	        seriesLabelSpec = (_c = (_a = get$1(rawSpec, SERIES_LABEL)) !== null && _a !== void 0 ? _a : get$1((_b = rawSpec.series) === null || _b === void 0 ? void 0 : _b[0], SERIES_LABEL)) !== null && _c !== void 0 ? _c : {};
 	    }
@@ -24360,7 +25857,7 @@
 	        var _a, _b, _c, _d;
 	        this.removeAllChild();
 	        const { data, layout, label, line = {} } = this.attribute;
-	        if (isEmpty(data)) {
+	        if (isEmpty$1(data)) {
 	            return;
 	        }
 	        const labelStyleMap = (_a = label === null || label === void 0 ? void 0 : label.styleMap) !== null && _a !== void 0 ? _a : {};
@@ -24685,7 +26182,7 @@
 	    }
 	    static getSpecInfo(chartSpec) {
 	        return vchart.getSpecInfo(chartSpec, this.specKey, this.type, (s) => {
-	            return s.visible && isValid$1(s.seriesId);
+	            return s.visible && isValid$3(s.seriesId);
 	        });
 	    }
 	    setAttrFromSpec() {
@@ -24884,7 +26381,7 @@
 	            contentWidth += nameLabelWidth;
 	            contentItemCount++;
 	        }
-	        if (((_m = this._spec.valueLabel) === null || _m === void 0 ? void 0 : _m.visible) && isValid$1(data[this.valueField])) {
+	        if (((_m = this._spec.valueLabel) === null || _m === void 0 ? void 0 : _m.visible) && isValid$3(data[this.valueField])) {
 	            const valueLabel = graphicCreator.text(vchart.transformToGraphic(Object.assign({}, this._spec.valueLabel.style)));
 	            valueLabel.setAttributes(positionAttr);
 	            valueLabel.setAttribute('text', data[this.valueField]);
@@ -25044,6 +26541,8 @@
 	exports.Bar3dSeries = Bar3dSeries;
 	exports.Bar3dSeriesSpecTransformer = Bar3dSeriesSpecTransformer;
 	exports.BarLinkComponent = BarLinkComponent;
+	exports.CandlestickChart = CandlestickChart;
+	exports.CandlestickChartSpecTransformer = CandlestickChartSpecTransformer;
 	exports.ConversionFunnelChart = ConversionFunnelChart;
 	exports.ConversionFunnelSeries = ConversionFunnelSeries;
 	exports.DefaultBandWidth = DefaultBandWidth;
@@ -25088,6 +26587,7 @@
 	exports.registerBar3dChart = registerBar3dChart;
 	exports.registerBar3dSeries = registerBar3dSeries;
 	exports.registerBarLink = registerBarLink;
+	exports.registerCandlestickChart = registerCandlestickChart;
 	exports.registerConversionFunnelChart = registerConversionFunnelChart;
 	exports.registerFunnel3dChart = registerFunnel3dChart;
 	exports.registerFunnel3dSeries = registerFunnel3dSeries;