@visactor/vrender-core 0.16.0-alpha.2 → 0.16.0-alpha.4

package/dist/index.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-    typeof define === 'function' && define.amd ? define(['exports'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.VRenderCore = {}));
-})(this, (function (exports) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@visactor/vutils')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@visactor/vutils'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.VRenderCore = {}, global.VUtils));
+})(this, (function (exports, vutils) { 'use strict';
 
     let idCounter = 0;
     function id() {
@@ -774,110 +774,6 @@
         return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
       }, _typeof(o);
     }
-    function _classCallCheck(instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-      }
-    }
-    function _defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-      }
-    }
-    function _createClass(Constructor, protoProps, staticProps) {
-      if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) _defineProperties(Constructor, staticProps);
-      Object.defineProperty(Constructor, "prototype", {
-        writable: false
-      });
-      return Constructor;
-    }
-    function _inherits(subClass, superClass) {
-      if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-      }
-      subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-          value: subClass,
-          writable: true,
-          configurable: true
-        }
-      });
-      Object.defineProperty(subClass, "prototype", {
-        writable: false
-      });
-      if (superClass) _setPrototypeOf(subClass, superClass);
-    }
-    function _getPrototypeOf(o) {
-      _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-      };
-      return _getPrototypeOf(o);
-    }
-    function _setPrototypeOf(o, p) {
-      _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-      };
-      return _setPrototypeOf(o, p);
-    }
-    function _isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-      if (Reflect.construct.sham) return false;
-      if (typeof Proxy === "function") return true;
-      try {
-        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-        return true;
-      } catch (e) {
-        return false;
-      }
-    }
-    function _assertThisInitialized(self) {
-      if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      }
-      return self;
-    }
-    function _possibleConstructorReturn(self, call) {
-      if (call && (typeof call === "object" || typeof call === "function")) {
-        return call;
-      } else if (call !== void 0) {
-        throw new TypeError("Derived constructors may only return object or undefined");
-      }
-      return _assertThisInitialized(self);
-    }
-    function _createSuper(Derived) {
-      var hasNativeReflectConstruct = _isNativeReflectConstruct();
-      return function _createSuperInternal() {
-        var Super = _getPrototypeOf(Derived),
-          result;
-        if (hasNativeReflectConstruct) {
-          var NewTarget = _getPrototypeOf(this).constructor;
-          result = Reflect.construct(Super, arguments, NewTarget);
-        } else {
-          result = Super.apply(this, arguments);
-        }
-        return _possibleConstructorReturn(this, result);
-      };
-    }
-    function _toPrimitive(input, hint) {
-      if (typeof input !== "object" || input === null) return input;
-      var prim = input[Symbol.toPrimitive];
-      if (prim !== undefined) {
-        var res = prim.call(input, hint || "default");
-        if (typeof res !== "object") return res;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-      }
-      return (hint === "string" ? String : Number)(input);
-    }
-    function _toPropertyKey(arg) {
-      var key = _toPrimitive(arg, "string");
-      return typeof key === "symbol" ? key : String(key);
-    }
 
     function __decorate(decorators, target, key, desc) {
       var c = arguments.length,
@@ -2664,1793 +2560,7 @@
         __metadata("design:paramtypes", [Object])
     ], exports.DefaultGlobal);
 
-    function getDefaultExportFromCjs (x) {
-    	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-    }
-
-    var eventemitter3 = {exports: {}};
-
-    (function (module) {
-
-      var has = Object.prototype.hasOwnProperty,
-        prefix = '~';
-
-      /**
-       * Constructor to create a storage for our `EE` objects.
-       * An `Events` instance is a plain object whose properties are event names.
-       *
-       * @constructor
-       * @private
-       */
-      function Events() {}
-
-      //
-      // We try to not inherit from `Object.prototype`. In some engines creating an
-      // instance in this way is faster than calling `Object.create(null)` directly.
-      // If `Object.create(null)` is not supported we prefix the event names with a
-      // character to make sure that the built-in object properties are not
-      // overridden or used as an attack vector.
-      //
-      if (Object.create) {
-        Events.prototype = Object.create(null);
-
-        //
-        // This hack is needed because the `__proto__` property is still inherited in
-        // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.
-        //
-        if (!new Events().__proto__) prefix = false;
-      }
-
-      /**
-       * Representation of a single event listener.
-       *
-       * @param {Function} fn The listener function.
-       * @param {*} context The context to invoke the listener with.
-       * @param {Boolean} [once=false] Specify if the listener is a one-time listener.
-       * @constructor
-       * @private
-       */
-      function EE(fn, context, once) {
-        this.fn = fn;
-        this.context = context;
-        this.once = once || false;
-      }
-
-      /**
-       * Add a listener for a given event.
-       *
-       * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
-       * @param {(String|Symbol)} event The event name.
-       * @param {Function} fn The listener function.
-       * @param {*} context The context to invoke the listener with.
-       * @param {Boolean} once Specify if the listener is a one-time listener.
-       * @returns {EventEmitter}
-       * @private
-       */
-      function addListener(emitter, event, fn, context, once) {
-        if (typeof fn !== 'function') {
-          throw new TypeError('The listener must be a function');
-        }
-        var listener = new EE(fn, context || emitter, once),
-          evt = prefix ? prefix + event : event;
-        if (!emitter._events[evt]) emitter._events[evt] = listener, emitter._eventsCount++;else if (!emitter._events[evt].fn) emitter._events[evt].push(listener);else emitter._events[evt] = [emitter._events[evt], listener];
-        return emitter;
-      }
-
-      /**
-       * Clear event by name.
-       *
-       * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
-       * @param {(String|Symbol)} evt The Event name.
-       * @private
-       */
-      function clearEvent(emitter, evt) {
-        if (--emitter._eventsCount === 0) emitter._events = new Events();else delete emitter._events[evt];
-      }
-
-      /**
-       * Minimal `EventEmitter` interface that is molded against the Node.js
-       * `EventEmitter` interface.
-       *
-       * @constructor
-       * @public
-       */
-      function EventEmitter() {
-        this._events = new Events();
-        this._eventsCount = 0;
-      }
-
-      /**
-       * Return an array listing the events for which the emitter has registered
-       * listeners.
-       *
-       * @returns {Array}
-       * @public
-       */
-      EventEmitter.prototype.eventNames = function eventNames() {
-        var names = [],
-          events,
-          name;
-        if (this._eventsCount === 0) return names;
-        for (name in events = this._events) {
-          if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);
-        }
-        if (Object.getOwnPropertySymbols) {
-          return names.concat(Object.getOwnPropertySymbols(events));
-        }
-        return names;
-      };
-
-      /**
-       * Return the listeners registered for a given event.
-       *
-       * @param {(String|Symbol)} event The event name.
-       * @returns {Array} The registered listeners.
-       * @public
-       */
-      EventEmitter.prototype.listeners = function listeners(event) {
-        var evt = prefix ? prefix + event : event,
-          handlers = this._events[evt];
-        if (!handlers) return [];
-        if (handlers.fn) return [handlers.fn];
-        for (var i = 0, l = handlers.length, ee = new Array(l); i < l; i++) {
-          ee[i] = handlers[i].fn;
-        }
-        return ee;
-      };
-
-      /**
-       * Return the number of listeners listening to a given event.
-       *
-       * @param {(String|Symbol)} event The event name.
-       * @returns {Number} The number of listeners.
-       * @public
-       */
-      EventEmitter.prototype.listenerCount = function listenerCount(event) {
-        var evt = prefix ? prefix + event : event,
-          listeners = this._events[evt];
-        if (!listeners) return 0;
-        if (listeners.fn) return 1;
-        return listeners.length;
-      };
-
-      /**
-       * Calls each of the listeners registered for a given event.
-       *
-       * @param {(String|Symbol)} event The event name.
-       * @returns {Boolean} `true` if the event had listeners, else `false`.
-       * @public
-       */
-      EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
-        var evt = prefix ? prefix + event : event;
-        if (!this._events[evt]) return false;
-        var listeners = this._events[evt],
-          len = arguments.length,
-          args,
-          i;
-        if (listeners.fn) {
-          if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);
-          switch (len) {
-            case 1:
-              return listeners.fn.call(listeners.context), true;
-            case 2:
-              return listeners.fn.call(listeners.context, a1), true;
-            case 3:
-              return listeners.fn.call(listeners.context, a1, a2), true;
-            case 4:
-              return listeners.fn.call(listeners.context, a1, a2, a3), true;
-            case 5:
-              return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
-            case 6:
-              return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
-          }
-          for (i = 1, args = new Array(len - 1); i < len; i++) {
-            args[i - 1] = arguments[i];
-          }
-          listeners.fn.apply(listeners.context, args);
-        } else {
-          var length = listeners.length,
-            j;
-          for (i = 0; i < length; i++) {
-            if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);
-            switch (len) {
-              case 1:
-                listeners[i].fn.call(listeners[i].context);
-                break;
-              case 2:
-                listeners[i].fn.call(listeners[i].context, a1);
-                break;
-              case 3:
-                listeners[i].fn.call(listeners[i].context, a1, a2);
-                break;
-              case 4:
-                listeners[i].fn.call(listeners[i].context, a1, a2, a3);
-                break;
-              default:
-                if (!args) for (j = 1, args = new Array(len - 1); j < len; j++) {
-                  args[j - 1] = arguments[j];
-                }
-                listeners[i].fn.apply(listeners[i].context, args);
-            }
-          }
-        }
-        return true;
-      };
-
-      /**
-       * Add a listener for a given event.
-       *
-       * @param {(String|Symbol)} event The event name.
-       * @param {Function} fn The listener function.
-       * @param {*} [context=this] The context to invoke the listener with.
-       * @returns {EventEmitter} `this`.
-       * @public
-       */
-      EventEmitter.prototype.on = function on(event, fn, context) {
-        return addListener(this, event, fn, context, false);
-      };
-
-      /**
-       * Add a one-time listener for a given event.
-       *
-       * @param {(String|Symbol)} event The event name.
-       * @param {Function} fn The listener function.
-       * @param {*} [context=this] The context to invoke the listener with.
-       * @returns {EventEmitter} `this`.
-       * @public
-       */
-      EventEmitter.prototype.once = function once(event, fn, context) {
-        return addListener(this, event, fn, context, true);
-      };
-
-      /**
-       * Remove the listeners of a given event.
-       *
-       * @param {(String|Symbol)} event The event name.
-       * @param {Function} fn Only remove the listeners that match this function.
-       * @param {*} context Only remove the listeners that have this context.
-       * @param {Boolean} once Only remove one-time listeners.
-       * @returns {EventEmitter} `this`.
-       * @public
-       */
-      EventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {
-        var evt = prefix ? prefix + event : event;
-        if (!this._events[evt]) return this;
-        if (!fn) {
-          clearEvent(this, evt);
-          return this;
-        }
-        var listeners = this._events[evt];
-        if (listeners.fn) {
-          if (listeners.fn === fn && (!once || listeners.once) && (!context || listeners.context === context)) {
-            clearEvent(this, evt);
-          }
-        } else {
-          for (var i = 0, events = [], length = listeners.length; i < length; i++) {
-            if (listeners[i].fn !== fn || once && !listeners[i].once || context && listeners[i].context !== context) {
-              events.push(listeners[i]);
-            }
-          }
-
-          //
-          // Reset the array, or remove it completely if we have no more listeners.
-          //
-          if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;else clearEvent(this, evt);
-        }
-        return this;
-      };
-
-      /**
-       * Remove all listeners, or those of the specified event.
-       *
-       * @param {(String|Symbol)} [event] The event name.
-       * @returns {EventEmitter} `this`.
-       * @public
-       */
-      EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
-        var evt;
-        if (event) {
-          evt = prefix ? prefix + event : event;
-          if (this._events[evt]) clearEvent(this, evt);
-        } else {
-          this._events = new Events();
-          this._eventsCount = 0;
-        }
-        return this;
-      };
-
-      //
-      // Alias methods names because people roll like that.
-      //
-      EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
-      EventEmitter.prototype.addListener = EventEmitter.prototype.on;
-
-      //
-      // Expose the prefix.
-      //
-      EventEmitter.prefixed = prefix;
-
-      //
-      // Allow `EventEmitter` to be imported as module namespace.
-      //
-      EventEmitter.EventEmitter = EventEmitter;
-
-      //
-      // Expose the module.
-      //
-      {
-        module.exports = EventEmitter;
-      }
-    })(eventemitter3);
-    var eventemitter3Exports = eventemitter3.exports;
-    var EventEmitter = /*@__PURE__*/getDefaultExportFromCjs(eventemitter3Exports);
-
-    var isType = function isType(value, type) {
-      return Object.prototype.toString.call(value) === "[object ".concat(type, "]");
-    };
-    var isType$1 = isType;
-
-    var isBoolean = function isBoolean(value) {
-      var fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      return fuzzy ? "boolean" == typeof value : !0 === value || !1 === value || isType$1(value, "Boolean");
-    };
-    var isBoolean$1 = isBoolean;
-
-    var isFunction = function isFunction(value) {
-      return "function" == typeof value;
-    };
-    var isFunction$1 = isFunction;
-
-    var isNil = function isNil(value) {
-      return null == value;
-    };
-    var isNil$1 = isNil;
-
-    var isValid = function isValid(value) {
-      return null != value;
-    };
-    var isValid$1 = isValid;
-
-    var isObject = function isObject(value) {
-      var type = _typeof(value);
-      return null !== value && "object" === type || "function" === type;
-    };
-    var isObject$1 = isObject;
-
-    var isUndefined = function isUndefined(value) {
-      return void 0 === value;
-    };
-    var isUndefined$1 = isUndefined;
-
-    var isString = function isString(value) {
-      var fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      var type = _typeof(value);
-      return fuzzy ? "string" === type : "string" === type || isType$1(value, "String");
-    };
-    var isString$1 = isString;
-
-    var isArray = function isArray(value) {
-      return Array.isArray ? Array.isArray(value) : isType$1(value, "Array");
-    };
-    var isArray$1 = isArray;
-
-    var isDate = function isDate(value) {
-      return isType$1(value, "Date");
-    };
-    var isDate$1 = isDate;
-
-    var isNumber$1 = function isNumber(value) {
-      var fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      var type = _typeof(value);
-      return fuzzy ? "number" === type : "number" === type || isType$1(value, "Number");
-    };
-    var isNumber$2 = isNumber$1;
-
-    var isValidUrl = function isValidUrl(value) {
-      return new RegExp(/^(http(s)?:\/\/)\w+[^\s]+(\.[^\s]+){1,}$/).test(value);
-    };
-    var isValidUrl$1 = isValidUrl;
-
-    var isRegExp = function isRegExp(value) {
-      return isType$1(value, "RegExp");
-    };
-    var isRegExp$1 = isRegExp;
-
-    var isBase64 = function isBase64(value) {
-      return new RegExp(/^data:image\/(?:gif|png|jpeg|bmp|webp)(?:;charset=utf-8)?;base64,(?:[A-Za-z0-9]|[+/])+={0,2}/g).test(value);
-    };
-    var isBase64$1 = isBase64;
-
-    var get = function get(obj, path, defaultValue) {
-      var paths = isString$1(path) ? path.split(".") : path;
-      for (var p = 0; p < paths.length; p++) obj = obj ? obj[paths[p]] : void 0;
-      return void 0 === obj ? defaultValue : obj;
-    };
-    var get$1 = get;
-
-    var hasOwnProperty = Object.prototype.hasOwnProperty,
-      has = function has(object, key) {
-        return null != object && hasOwnProperty.call(object, key);
-      };
-    var has$1 = has;
-
-    function getRegExpFlags(re) {
-      var flags = "";
-      return re.global && (flags += "g"), re.ignoreCase && (flags += "i"), re.multiline && (flags += "m"), flags;
-    }
-    function clone(parent) {
-      var circular = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-      var prototype = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : void 0;
-      var allParents = [],
-        allChildren = [];
-      return void 0 === circular && (circular = !0), void 0 === depth && (depth = 1 / 0), function _clone(parent, depth) {
-        if (null === parent) return null;
-        if (0 === depth) return parent;
-        var child;
-        if ("object" != _typeof(parent)) return parent;
-        if (isArray$1(parent) ? child = [] : isRegExp$1(parent) ? (child = new RegExp(parent.source, getRegExpFlags(parent)), parent.lastIndex && (child.lastIndex = parent.lastIndex)) : child = isDate$1(parent) ? new Date(parent.getTime()) : void 0 === prototype ? Object.create(Object.getPrototypeOf(parent)) : Object.create(prototype), circular) {
-          var index = allParents.indexOf(parent);
-          if (-1 !== index) return allChildren[index];
-          allParents.push(parent), allChildren.push(child);
-        }
-        for (var i in parent) child[i] = _clone(parent[i], depth - 1);
-        return child;
-      }(parent, depth);
-    }
-
-    function arrayEqual(a, b) {
-      if (!isArray$1(a) || !isArray$1(b)) return !1;
-      if (a.length !== b.length) return !1;
-      for (var i = 0; i < a.length; i++) if (a[i] !== b[i]) return !1;
-      return !0;
-    }
-
-    var DEFAULT_ABSOLUTE_TOLERATE = 1e-10,
-      DEFAULT_RELATIVE_TOLERATE = 1e-10;
-    function isNumberClose(a, b) {
-      var relTol = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_RELATIVE_TOLERATE;
-      var absTol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_ABSOLUTE_TOLERATE;
-      var abs = absTol,
-        rel = relTol * Math.max(a, b);
-      return Math.abs(a - b) <= Math.max(abs, rel);
-    }
-
-    var clamp = function clamp(input, min, max) {
-      return input < min ? min : input > max ? max : input;
-    };
-    var clamp$1 = clamp;
-
-    var epsilon = 1e-12;
-    var pi = Math.PI;
-    var halfPi$1 = pi / 2;
-    var tau = 2 * pi;
-    var pi2 = 2 * Math.PI;
-    var abs = Math.abs;
-    var atan2 = Math.atan2;
-    var cos = Math.cos;
-    var max = Math.max;
-    var min = Math.min;
-    var sin = Math.sin;
-    var sqrt = Math.sqrt;
-    var 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) {
-      var x, y;
-      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
-      };
-    }
-    function crossProduct$1(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;
-    }
-
-    var Point = /*#__PURE__*/function () {
-      function Point() {
-        var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        var x1 = arguments.length > 2 ? arguments[2] : undefined;
-        var y1 = arguments.length > 3 ? arguments[3] : undefined;
-        _classCallCheck(this, Point);
-        this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
-      }
-      _createClass(Point, [{
-        key: "clone",
-        value: function clone() {
-          return new Point(this.x, this.y);
-        }
-      }, {
-        key: "copyFrom",
-        value: function 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;
-        }
-      }, {
-        key: "set",
-        value: function set(x, y) {
-          return this.x = x, this.y = y, this;
-        }
-      }, {
-        key: "add",
-        value: function add(point) {
-          return isNumber$2(point) ? (this.x += point, void (this.y += point)) : (this.x += point.x, this.y += point.y, this);
-        }
-      }, {
-        key: "sub",
-        value: function sub(point) {
-          return isNumber$2(point) ? (this.x -= point, void (this.y -= point)) : (this.x -= point.x, this.y -= point.y, this);
-        }
-      }, {
-        key: "multi",
-        value: function multi(point) {
-          throw new Error("暂不支持");
-        }
-      }, {
-        key: "div",
-        value: function div(point) {
-          throw new Error("暂不支持");
-        }
-      }]);
-      return Point;
-    }();
-    var PointService = /*#__PURE__*/function () {
-      function PointService() {
-        _classCallCheck(this, PointService);
-      }
-      _createClass(PointService, null, [{
-        key: "distancePP",
-        value: function distancePP(p1, p2) {
-          return sqrt(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
-        }
-      }, {
-        key: "distanceNN",
-        value: function distanceNN(x, y, x1, y1) {
-          return sqrt(pow(x - x1, 2) + pow(y - y1, 2));
-        }
-      }, {
-        key: "distancePN",
-        value: function distancePN(point, x, y) {
-          return sqrt(pow(x - point.x, 2) + pow(y - point.y, 2));
-        }
-      }, {
-        key: "pointAtPP",
-        value: function pointAtPP(p1, p2, t) {
-          return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
-        }
-      }]);
-      return PointService;
-    }();
-
-    function transformBoundsWithMatrix(out, bounds, matrix) {
-      var x1 = bounds.x1,
-        y1 = bounds.y1,
-        x2 = bounds.x2,
-        y2 = bounds.y2;
-      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);
-    }
-    var Bounds = /*#__PURE__*/function () {
-      function Bounds(bounds) {
-        _classCallCheck(this, Bounds);
-        bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
-      }
-      _createClass(Bounds, [{
-        key: "clone",
-        value: function clone() {
-          return new Bounds(this);
-        }
-      }, {
-        key: "clear",
-        value: function clear() {
-          return this.x1 = +Number.MAX_VALUE, this.y1 = +Number.MAX_VALUE, this.x2 = -Number.MAX_VALUE, this.y2 = -Number.MAX_VALUE, this;
-        }
-      }, {
-        key: "empty",
-        value: function empty() {
-          return this.x1 === +Number.MAX_VALUE && this.y1 === +Number.MAX_VALUE && this.x2 === -Number.MAX_VALUE && this.y2 === -Number.MAX_VALUE;
-        }
-      }, {
-        key: "equals",
-        value: function equals(b) {
-          return this.x1 === b.x1 && this.y1 === b.y1 && this.x2 === b.x2 && this.y2 === b.y2;
-        }
-      }, {
-        key: "setValue",
-        value: function setValue() {
-          var x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          var y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          var x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-          var y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-          return this.x1 = x1, this.y1 = y1, this.x2 = x2, this.y2 = y2, this;
-        }
-      }, {
-        key: "set",
-        value: function set() {
-          var x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          var y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          var x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-          var y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-          return x2 < x1 ? (this.x2 = x1, this.x1 = x2) : (this.x1 = x1, this.x2 = x2), y2 < y1 ? (this.y2 = y1, this.y1 = y2) : (this.y1 = y1, this.y2 = y2), this;
-        }
-      }, {
-        key: "add",
-        value: function add() {
-          var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          return x < this.x1 && (this.x1 = x), y < this.y1 && (this.y1 = y), x > this.x2 && (this.x2 = x), y > this.y2 && (this.y2 = y), this;
-        }
-      }, {
-        key: "expand",
-        value: function expand() {
-          var d = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          return isArray$1(d) ? (this.y1 -= d[0], this.x2 += d[1], this.y2 += d[2], this.x1 -= d[3]) : (this.x1 -= d, this.y1 -= d, this.x2 += d, this.y2 += d), this;
-        }
-      }, {
-        key: "round",
-        value: function 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;
-        }
-      }, {
-        key: "translate",
-        value: function translate() {
-          var dx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          var dy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          return this.x1 += dx, this.x2 += dx, this.y1 += dy, this.y2 += dy, this;
-        }
-      }, {
-        key: "rotate",
-        value: function rotate() {
-          var angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          var x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          var y = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-          var 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]);
-        }
-      }, {
-        key: "scale",
-        value: function scale() {
-          var sx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          var sy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          var x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-          var y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-          var p = this.scalePoints(sx, sy, x, y);
-          return this.clear().add(p[0], p[1]).add(p[2], p[3]);
-        }
-      }, {
-        key: "union",
-        value: function 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;
-        }
-      }, {
-        key: "intersect",
-        value: function 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;
-        }
-      }, {
-        key: "encloses",
-        value: function encloses(b) {
-          return b && this.x1 <= b.x1 && this.x2 >= b.x2 && this.y1 <= b.y1 && this.y2 >= b.y2;
-        }
-      }, {
-        key: "alignsWith",
-        value: function alignsWith(b) {
-          return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
-        }
-      }, {
-        key: "intersects",
-        value: function intersects(b) {
-          return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
-        }
-      }, {
-        key: "contains",
-        value: function contains() {
-          var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
-        }
-      }, {
-        key: "containsPoint",
-        value: function containsPoint(p) {
-          return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
-        }
-      }, {
-        key: "width",
-        value: function width() {
-          return this.empty() ? 0 : this.x2 - this.x1;
-        }
-      }, {
-        key: "height",
-        value: function height() {
-          return this.empty() ? 0 : this.y2 - this.y1;
-        }
-      }, {
-        key: "scaleX",
-        value: function scaleX() {
-          var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          return this.x1 *= s, this.x2 *= s, this;
-        }
-      }, {
-        key: "scaleY",
-        value: function scaleY() {
-          var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          return this.y1 *= s, this.y2 *= s, this;
-        }
-      }, {
-        key: "transformWithMatrix",
-        value: function transformWithMatrix(matrix) {
-          return transformBoundsWithMatrix(this, this, matrix), this;
-        }
-      }, {
-        key: "copy",
-        value: function copy(b) {
-          return this.x1 = b.x1, this.y1 = b.y1, this.x2 = b.x2, this.y2 = b.y2, this;
-        }
-      }, {
-        key: "rotatedPoints",
-        value: function rotatedPoints(angle, x, y) {
-          var x1 = this.x1,
-            y1 = this.y1,
-            x2 = this.x2,
-            y2 = this.y2,
-            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];
-        }
-      }, {
-        key: "scalePoints",
-        value: function scalePoints(sx, sy, x, y) {
-          var x1 = this.x1,
-            y1 = this.y1,
-            x2 = this.x2,
-            y2 = this.y2;
-          return [sx * x1 + (1 - sx) * x, sy * y1 + (1 - sy) * y, sx * x2 + (1 - sx) * x, sy * y2 + (1 - sy) * y];
-        }
-      }]);
-      return Bounds;
-    }();
-    var AABBBounds = /*#__PURE__*/function (_Bounds) {
-      _inherits(AABBBounds, _Bounds);
-      var _super = _createSuper(AABBBounds);
-      function AABBBounds() {
-        _classCallCheck(this, AABBBounds);
-        return _super.apply(this, arguments);
-      }
-      return _createClass(AABBBounds);
-    }(Bounds);
-
-    function degreeToRadian(degree) {
-      return degree * (Math.PI / 180);
-    }
-    function radianToDegree(radian) {
-      return 180 * radian / Math.PI;
-    }
-    var clampRadian = function clampRadian() {
-      var angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      if (angle < 0) for (; angle < -tau;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
-      return angle;
-    };
-    var clampAngleByRadian = clampRadian;
-    function getAngleByPoint(center, point) {
-      return Math.atan2(point.y - center.y, point.x - center.x);
-    }
-
-    var Matrix = /*#__PURE__*/function () {
-      function Matrix() {
-        var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-        var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        var c = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        var d = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-        var e = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-        var f = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
-        _classCallCheck(this, Matrix);
-        this.a = a, this.b = b, this.c = c, this.d = d, this.e = e, this.f = f;
-      }
-      _createClass(Matrix, [{
-        key: "equalToMatrix",
-        value: function 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);
-        }
-      }, {
-        key: "equalTo",
-        value: function 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);
-        }
-      }, {
-        key: "setValue",
-        value: function 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;
-        }
-      }, {
-        key: "reset",
-        value: function reset() {
-          return this.a = 1, this.b = 0, this.c = 0, this.d = 1, this.e = 0, this.f = 0, this;
-        }
-      }, {
-        key: "getInverse",
-        value: function getInverse() {
-          var 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;
-        }
-      }, {
-        key: "rotate",
-        value: function rotate(rad) {
-          var 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;
-        }
-      }, {
-        key: "rotateByCenter",
-        value: function rotateByCenter(rad, cx, cy) {
-          var 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;
-        }
-      }, {
-        key: "scale",
-        value: function scale(sx, sy) {
-          return this.a *= sx, this.b *= sx, this.c *= sy, this.d *= sy, this;
-        }
-      }, {
-        key: "setScale",
-        value: function 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;
-        }
-      }, {
-        key: "transform",
-        value: function transform(a, b, c, d, e, f) {
-          return this.multiply(a, b, c, d, e, f), this;
-        }
-      }, {
-        key: "translate",
-        value: function translate(x, y) {
-          return this.e += this.a * x + this.c * y, this.f += this.b * x + this.d * y, this;
-        }
-      }, {
-        key: "transpose",
-        value: function transpose() {
-          var a = this.a,
-            b = this.b,
-            c = this.c,
-            d = this.d,
-            e = this.e,
-            f = this.f;
-          return this.a = b, this.b = a, this.c = d, this.d = c, this.e = f, this.f = e, this;
-        }
-      }, {
-        key: "multiply",
-        value: function multiply(a2, b2, c2, d2, e2, f2) {
-          var 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;
-        }
-      }, {
-        key: "interpolate",
-        value: function interpolate(m2, t) {
-          var 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;
-        }
-      }, {
-        key: "transformPoint",
-        value: function transformPoint(source, target) {
-          var a = this.a,
-            b = this.b,
-            c = this.c,
-            d = this.d,
-            e = this.e,
-            f = this.f,
-            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 = source.x,
-            y = source.y;
-          target.x = x * nextA + y * nextC + nextE, target.y = x * nextB + y * nextD + nextF;
-        }
-      }, {
-        key: "onlyTranslate",
-        value: function onlyTranslate() {
-          var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-          return this.a === scale && 0 === this.b && 0 === this.c && this.d === scale;
-        }
-      }, {
-        key: "clone",
-        value: function clone() {
-          return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f);
-        }
-      }, {
-        key: "toTransformAttrs",
-        value: function toTransformAttrs() {
-          var 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) {
-            var 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) {
-            var 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 Matrix;
-    }();
-    function normalTransform(out, origin, x, y, scaleX, scaleY, angle, rotateCenter) {
-      var oa = origin.a,
-        ob = origin.b,
-        oc = origin.c,
-        od = origin.d,
-        oe = origin.e,
-        of = origin.f,
-        cosTheta = cos(angle),
-        sinTheta = sin(angle);
-      var rotateCenterX, rotateCenterY;
-      rotateCenter ? (rotateCenterX = rotateCenter[0], rotateCenterY = rotateCenter[1]) : (rotateCenterX = x, rotateCenterY = y);
-      var 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;
-      var c = (1 - Math.abs(2 * l - 1)) * s,
-        x = c * (1 - Math.abs(h / 60 % 2 - 1)),
-        m = l - c / 2;
-      var 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;
-      var cMin = Math.min(r, g, b),
-        cMax = Math.max(r, g, b),
-        delta = cMax - cMin;
-      var 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
-      };
-    }
-
-    var REG_HEX = /^#([0-9a-f]{3,8})$/,
-      DEFAULT_COLORS_OPACITY = {
-        transparent: 4294967040
-      };
-    var 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$2(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$2(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;
-    }
-    var Color$1 = /*#__PURE__*/function () {
-      function Color(value) {
-        _classCallCheck(this, Color);
-        var color = Color.parseColorString(value);
-        color ? this.color = color : (console.warn("Warn: \u4F20\u5165".concat(value, "\u65E0\u6CD5\u89E3\u6790\u4E3AColor")), this.color = new RGB(255, 255, 255));
-      }
-      _createClass(Color, [{
-        key: "toRGBA",
-        value: function toRGBA() {
-          return this.color.formatRgb();
-        }
-      }, {
-        key: "toString",
-        value: function toString() {
-          return this.color.formatRgb();
-        }
-      }, {
-        key: "toHex",
-        value: function toHex() {
-          return this.color.formatHex();
-        }
-      }, {
-        key: "toHsl",
-        value: function toHsl() {
-          return this.color.formatHsl();
-        }
-      }, {
-        key: "brighter",
-        value: function brighter(k) {
-          var _this$color = this.color,
-            r = _this$color.r,
-            g = _this$color.g,
-            b = _this$color.b;
-          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;
-        }
-      }, {
-        key: "add",
-        value: function add(color) {
-          var _this$color2 = this.color,
-            r = _this$color2.r,
-            g = _this$color2.g,
-            b = _this$color2.b;
-          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;
-        }
-      }, {
-        key: "sub",
-        value: function 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;
-        }
-      }, {
-        key: "multiply",
-        value: function multiply(color) {
-          var _this$color3 = this.color,
-            r = _this$color3.r,
-            g = _this$color3.g,
-            b = _this$color3.b;
-          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;
-        }
-      }, {
-        key: "getHSVBrightness",
-        value: function getHSVBrightness() {
-          return Math.max(this.color.r, this.color.g, this.color.b) / 255;
-        }
-      }, {
-        key: "getHSLBrightness",
-        value: function 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);
-        }
-      }, {
-        key: "setHsl",
-        value: function setHsl(h, s, l) {
-          var 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;
-        }
-      }, {
-        key: "setRGB",
-        value: function 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;
-        }
-      }, {
-        key: "setHex",
-        value: function setHex(value) {
-          var formatValue = "".concat(value).trim().toLowerCase(),
-            isHex = REG_HEX.exec(formatValue),
-            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) : this;
-        }
-      }, {
-        key: "setColorName",
-        value: function setColorName(name) {
-          var hex = DEFAULT_COLORS[name.toLowerCase()];
-          return void 0 !== hex ? this.setHex(hex) : console.warn("THREE.Color: Unknown color " + name), this;
-        }
-      }, {
-        key: "setScalar",
-        value: function setScalar(scalar) {
-          return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
-        }
-      }, {
-        key: "setOpacity",
-        value: function setOpacity() {
-          var o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-          return this.color.opacity = o, this;
-        }
-      }, {
-        key: "getLuminance",
-        value: function getLuminance() {
-          return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
-        }
-      }, {
-        key: "getLuminance2",
-        value: function getLuminance2() {
-          return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
-        }
-      }, {
-        key: "getLuminance3",
-        value: function getLuminance3() {
-          return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
-        }
-      }, {
-        key: "clone",
-        value: function clone() {
-          return new Color(this.color.toString());
-        }
-      }, {
-        key: "copyGammaToLinear",
-        value: function copyGammaToLinear(color) {
-          var gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-          return this.color.r = Math.pow(color.color.r, gammaFactor), this.color.g = Math.pow(color.color.g, gammaFactor), this.color.b = Math.pow(color.color.b, gammaFactor), this;
-        }
-      }, {
-        key: "copyLinearToGamma",
-        value: function copyLinearToGamma(color) {
-          var gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-          var 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;
-        }
-      }, {
-        key: "convertGammaToLinear",
-        value: function convertGammaToLinear(gammaFactor) {
-          return this.copyGammaToLinear(this, gammaFactor), this;
-        }
-      }, {
-        key: "convertLinearToGamma",
-        value: function convertLinearToGamma(gammaFactor) {
-          return this.copyLinearToGamma(this, gammaFactor), this;
-        }
-      }, {
-        key: "copySRGBToLinear",
-        value: function 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;
-        }
-      }, {
-        key: "copyLinearToSRGB",
-        value: function 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;
-        }
-      }, {
-        key: "convertSRGBToLinear",
-        value: function convertSRGBToLinear() {
-          return this.copySRGBToLinear(this), this;
-        }
-      }, {
-        key: "convertLinearToSRGB",
-        value: function convertLinearToSRGB() {
-          return this.copyLinearToSRGB(this), this;
-        }
-      }], [{
-        key: "Brighter",
-        value: function Brighter(source) {
-          var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-          return 1 === b ? source : new Color(source).brighter(b).toRGBA();
-        }
-      }, {
-        key: "SetOpacity",
-        value: function SetOpacity(source) {
-          var o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-          return 1 === o ? source : new Color(source).setOpacity(o).toRGBA();
-        }
-      }, {
-        key: "getColorBrightness",
-        value: function getColorBrightness(source) {
-          var model = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "hsl";
-          var 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();
-          }
-        }
-      }, {
-        key: "parseColorString",
-        value: function 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]);
-          var formatValue = "".concat(value).trim().toLowerCase(),
-            isHex = REG_HEX.exec(formatValue);
-          if (isHex) {
-            var _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) : void 0;
-          }
-          if (/^(rgb|RGB|rgba|RGBA)/.test(formatValue)) {
-            var 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)) {
-            var _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]));
-          }
-        }
-      }]);
-      return Color;
-    }();
-    var RGB = /*#__PURE__*/function () {
-      function RGB(r, g, b, opacity) {
-        _classCallCheck(this, RGB);
-        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;
-      }
-      _createClass(RGB, [{
-        key: "formatHex",
-        value: function formatHex() {
-          return "#".concat(hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity)));
-        }
-      }, {
-        key: "formatRgb",
-        value: function formatRgb() {
-          var opacity = this.opacity;
-          return "".concat(1 === opacity ? "rgb(" : "rgba(").concat(this.r, ",").concat(this.g, ",").concat(this.b).concat(1 === opacity ? ")" : ",".concat(opacity, ")"));
-        }
-      }, {
-        key: "formatHsl",
-        value: function formatHsl() {
-          var opacity = this.opacity,
-            _rgbToHsl = rgbToHsl(this.r, this.g, this.b),
-            h = _rgbToHsl.h,
-            s = _rgbToHsl.s,
-            l = _rgbToHsl.l;
-          return "".concat(1 === opacity ? "hsl(" : "hsla(").concat(h, ",").concat(s, "%,").concat(l, "%").concat(1 === opacity ? ")" : ",".concat(opacity, ")"));
-        }
-      }, {
-        key: "toString",
-        value: function toString() {
-          return this.formatHex();
-        }
-      }]);
-      return RGB;
-    }();
-
-    function hexToRgb(str) {
-      var r = "",
-        g = "",
-        b = "";
-      var strtIndex = "#" === str[0] ? 1 : 0;
-      for (var i = strtIndex; i < str.length; i++) "#" !== str[i] && (i < strtIndex + 2 ? r += str[i] : i < strtIndex + 4 ? g += str[i] : i < strtIndex + 6 && (b += str[i]));
-      return [parseInt(r, 16), parseInt(g, 16), parseInt(b, 16)];
-    }
-
-    function rgbToHex(r, g, b) {
-      return Number((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-    }
-
-    function interpolateRgb(colorA, colorB) {
-      var redA = colorA.r,
-        redB = colorB.r,
-        greenA = colorA.g,
-        greenB = colorB.g,
-        blueA = colorA.b,
-        blueB = colorB.b,
-        opacityA = colorA.opacity,
-        opacityB = colorB.opacity;
-      return function (t) {
-        var 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);
-      };
-    }
-
-    var ColorUtil = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        Color: Color$1,
-        DEFAULT_COLORS: DEFAULT_COLORS,
-        RGB: RGB,
-        hexToRgb: hexToRgb,
-        hslToRgb: hslToRgb,
-        interpolateRgb: interpolateRgb,
-        rgbToHex: rgbToHex,
-        rgbToHsl: rgbToHsl
-    });
-
-    function sub(out, v1, v2) {
-      out[0] = v1[0] - v2[0], out[1] = v1[1] - v2[1];
-    }
-    var x11, x12, y11, y12, x21, x22, y21, y22;
-    function isIntersect(left1, right1, left2, right2) {
-      var _temp,
-        min1 = left1[0],
-        max1 = right1[0],
-        min2 = left2[0],
-        max2 = right2[0];
-      return max1 < min1 && (_temp = max1, max1 = min1, min1 = _temp), max2 < min2 && (_temp = max2, max2 = min2, min2 = _temp), !(max1 < min2 || max2 < min1) && (min1 = left1[1], max1 = right1[1], min2 = left2[1], max2 = right2[1], max1 < min1 && (_temp = max1, max1 = min1, min1 = _temp), max2 < min2 && (_temp = max2, max2 = min2, min2 = _temp), !(max1 < min2 || max2 < min1));
-    }
-    function getIntersectPoint(left1, right1, left2, right2) {
-      if (!isIntersect(left1, right1, left2, right2)) return !1;
-      var dir1 = [0, 0],
-        dir2 = [0, 0],
-        tempVec = [0, 0];
-      if (sub(dir1, right1, left1), sub(dir2, right2, left2), fuzzyEqualVec(dir1, dir2)) return !0;
-      sub(tempVec, left2, left1);
-      var t = crossProduct$1(tempVec, dir2) / crossProduct$1(dir1, dir2);
-      return t >= 0 && t <= 1 && [left1[0] + dir1[0] * t, left1[1] + dir1[1] * t];
-    }
-    function getRectIntersect(bbox1, bbox2, format) {
-      var _ref, _ref2, _ref3, _ref4;
-      return null === bbox1 ? bbox2 : null === bbox2 ? bbox1 : (x11 = bbox1.x1, x12 = bbox1.x2, y11 = bbox1.y1, y12 = bbox1.y2, x21 = bbox2.x1, x22 = bbox2.x2, y21 = bbox2.y1, y22 = bbox2.y2, format && (x11 > x12 && (_ref = [x12, x11], x11 = _ref[0], x12 = _ref[1], _ref), y11 > y12 && (_ref2 = [y12, y11], y11 = _ref2[0], y12 = _ref2[1], _ref2), x21 > x22 && (_ref3 = [x22, x21], x21 = _ref3[0], x22 = _ref3[1], _ref3), y21 > y22 && (_ref4 = [y22, y21], y21 = _ref4[0], y22 = _ref4[1], _ref4)), x11 >= x22 || x12 <= x21 || y11 >= y22 || y12 <= y21 ? {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: 0
-      } : {
-        x1: Math.max(x11, x21),
-        y1: Math.max(y11, y21),
-        x2: Math.min(x12, x22),
-        y2: Math.min(y12, y22)
-      });
-    }
-    var InnerBBox;
-    !function (InnerBBox) {
-      InnerBBox[InnerBBox.NONE = 0] = "NONE", InnerBBox[InnerBBox.BBOX1 = 1] = "BBOX1", InnerBBox[InnerBBox.BBOX2 = 2] = "BBOX2";
-    }(InnerBBox || (InnerBBox = {}));
-    function isRectIntersect(bbox1, bbox2, format) {
-      var _ref9, _ref10, _ref11, _ref12;
-      return !bbox1 || !bbox2 || (format ? (x11 = bbox1.x1, x12 = bbox1.x2, y11 = bbox1.y1, y12 = bbox1.y2, x21 = bbox2.x1, x22 = bbox2.x2, y21 = bbox2.y1, y22 = bbox2.y2, x11 > x12 && (_ref9 = [x12, x11], x11 = _ref9[0], x12 = _ref9[1], _ref9), y11 > y12 && (_ref10 = [y12, y11], y11 = _ref10[0], y12 = _ref10[1], _ref10), x21 > x22 && (_ref11 = [x22, x21], x21 = _ref11[0], x22 = _ref11[1], _ref11), y21 > y22 && (_ref12 = [y22, y21], y21 = _ref12[0], y22 = _ref12[1], _ref12), !(x11 > x22 || x12 < x21 || y11 > y22 || y12 < y21)) : !(bbox1.x1 > bbox2.x2 || bbox1.x2 < bbox2.x1 || bbox1.y1 > bbox2.y2 || bbox1.y2 < bbox2.y1));
-    }
-
-    var eastAsianCharacterInfo = function eastAsianCharacterInfo(character) {
-      var x = character.charCodeAt(0),
-        y = 2 === character.length ? character.charCodeAt(1) : 0,
-        codePoint = x;
-      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$1(text) {
-      var defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var _text$fontStyle = text.fontStyle,
-        fontStyle = _text$fontStyle === void 0 ? defaultAttr.fontStyle : _text$fontStyle,
-        _text$fontVariant = text.fontVariant,
-        fontVariant = _text$fontVariant === void 0 ? defaultAttr.fontVariant : _text$fontVariant,
-        _text$fontWeight = text.fontWeight,
-        fontWeight = _text$fontWeight === void 0 ? defaultAttr.fontWeight : _text$fontWeight,
-        _text$fontSize = text.fontSize,
-        fontSize = _text$fontSize === void 0 ? defaultAttr.fontSize : _text$fontSize,
-        _text$fontFamily = text.fontFamily,
-        fontFamily = _text$fontFamily === void 0 ? defaultAttr.fontFamily : _text$fontFamily;
-      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize + "px " + (fontFamily || "sans-serif");
-    }
-
-    var TextMeasure = /*#__PURE__*/function () {
-      function TextMeasure(option, textSpec) {
-        _classCallCheck(this, TextMeasure);
-        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);
-      }
-      _createClass(TextMeasure, [{
-        key: "initContext",
-        value: function 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 && isValid$1(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$1(this._context) && isValid$1(this._canvas)) {
-            var context = this._canvas.getContext("2d");
-            isValid$1(context) && (context.save(), context.font = getContextFont$1(this.textSpec), this._contextSaved = !0, this._context = context);
-          }
-          return !isNil$1(this._context) || (this._notSupportCanvas = !0, !1);
-        }
-      }, {
-        key: "_initSpec",
-        value: function _initSpec() {
-          var _a, _b, _c;
-          var _this$_option$default = this._option.defaultFontParams,
-            defaultFontParams = _this$_option$default === void 0 ? {} : _this$_option$default,
-            _this$_userSpec = this._userSpec,
-            _this$_userSpec$fontS = _this$_userSpec.fontStyle,
-            fontStyle = _this$_userSpec$fontS === void 0 ? defaultFontParams.fontStyle : _this$_userSpec$fontS,
-            _this$_userSpec$fontV = _this$_userSpec.fontVariant,
-            fontVariant = _this$_userSpec$fontV === void 0 ? defaultFontParams.fontVariant : _this$_userSpec$fontV,
-            _this$_userSpec$fontW = _this$_userSpec.fontWeight,
-            fontWeight = _this$_userSpec$fontW === void 0 ? null !== (_a = defaultFontParams.fontWeight) && void 0 !== _a ? _a : "normal" : _this$_userSpec$fontW,
-            _this$_userSpec$fontS2 = _this$_userSpec.fontSize,
-            fontSize = _this$_userSpec$fontS2 === void 0 ? null !== (_b = defaultFontParams.fontSize) && void 0 !== _b ? _b : 12 : _this$_userSpec$fontS2,
-            _this$_userSpec$fontF = _this$_userSpec.fontFamily,
-            fontFamily = _this$_userSpec$fontF === void 0 ? null !== (_c = defaultFontParams.fontFamily) && void 0 !== _c ? _c : "sans-serif" : _this$_userSpec$fontF,
-            align = _this$_userSpec.align,
-            _this$_userSpec$textA = _this$_userSpec.textAlign,
-            textAlign = _this$_userSpec$textA === void 0 ? null != align ? align : "center" : _this$_userSpec$textA,
-            baseline = _this$_userSpec.baseline,
-            _this$_userSpec$textB = _this$_userSpec.textBaseline,
-            textBaseline = _this$_userSpec$textB === void 0 ? null != baseline ? baseline : "middle" : _this$_userSpec$textB,
-            ellipsis = _this$_userSpec.ellipsis,
-            limit = _this$_userSpec.limit,
-            _this$_userSpec$lineH = _this$_userSpec.lineHeight,
-            lineHeight = _this$_userSpec$lineH === void 0 ? fontSize : _this$_userSpec$lineH;
-          return {
-            fontStyle: fontStyle,
-            fontVariant: fontVariant,
-            fontFamily: fontFamily,
-            fontSize: fontSize,
-            fontWeight: fontWeight,
-            textAlign: textAlign,
-            textBaseline: textBaseline,
-            ellipsis: ellipsis,
-            limit: limit,
-            lineHeight: lineHeight
-          };
-        }
-      }, {
-        key: "measure",
-        value: function measure(text, method) {
-          switch (method) {
-            case "vrender":
-            case "canopus":
-              return this.fullMeasure(text);
-            case "canvas":
-              return this.measureWithNaiveCanvas(text);
-            case "simple":
-              return this.quickMeasureWithoutCanvas(text);
-            default:
-              return this.quickMeasure(text);
-          }
-        }
-      }, {
-        key: "fullMeasure",
-        value: function fullMeasure(text) {
-          if (isNil$1(text)) return {
-            width: 0,
-            height: 0
-          };
-          if (isNil$1(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
-          var _this$textSpec = this.textSpec,
-            fontFamily = _this$textSpec.fontFamily,
-            fontSize = _this$textSpec.fontSize,
-            fontWeight = _this$textSpec.fontWeight,
-            textAlign = _this$textSpec.textAlign,
-            textBaseline = _this$textSpec.textBaseline,
-            ellipsis = _this$textSpec.ellipsis,
-            limit = _this$textSpec.limit,
-            lineHeight = _this$textSpec.lineHeight;
-          var size;
-          try {
-            var bounds = this._option.getTextBounds({
-              text: text,
-              fontFamily: fontFamily,
-              fontSize: fontSize,
-              fontWeight: fontWeight,
-              textAlign: textAlign,
-              textBaseline: textBaseline,
-              ellipsis: !!ellipsis,
-              maxLineWidth: limit || 1 / 0,
-              lineHeight: lineHeight
-            });
-            size = {
-              width: bounds.width(),
-              height: bounds.height()
-            };
-          } catch (e) {
-            this._notSupportVRender = !0, size = this.measureWithNaiveCanvas(text);
-          }
-          return size;
-        }
-      }, {
-        key: "measureWithNaiveCanvas",
-        value: function measureWithNaiveCanvas(text) {
-          return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
-        }
-      }, {
-        key: "_measureWithNaiveCanvas",
-        value: function _measureWithNaiveCanvas(text) {
-          if (!this.initContext()) return this._quickMeasureWithoutCanvas(text);
-          var metrics = this._context.measureText(text),
-            _this$textSpec2 = this.textSpec,
-            fontSize = _this$textSpec2.fontSize,
-            lineHeight = _this$textSpec2.lineHeight;
-          return {
-            width: metrics.width,
-            height: null != lineHeight ? lineHeight : fontSize
-          };
-        }
-      }, {
-        key: "quickMeasure",
-        value: function quickMeasure(text) {
-          return this._measureReduce(text, this._quickMeasure.bind(this));
-        }
-      }, {
-        key: "_quickMeasure",
-        value: function _quickMeasure(text) {
-          var totalSize = {
-            width: 0,
-            height: 0
-          };
-          for (var i = 0; i < text.length; i++) {
-            var _char = text[i];
-            var 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);
-          }
-          return totalSize;
-        }
-      }, {
-        key: "quickMeasureWithoutCanvas",
-        value: function quickMeasureWithoutCanvas(text) {
-          return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
-        }
-      }, {
-        key: "_quickMeasureWithoutCanvas",
-        value: function _quickMeasureWithoutCanvas(text) {
-          var totalSize = {
-              width: 0,
-              height: 0
-            },
-            _this$textSpec3 = this.textSpec,
-            fontSize = _this$textSpec3.fontSize,
-            lineHeight = _this$textSpec3.lineHeight;
-          for (var i = 0; i < text.length; i++) {
-            var _char2 = text[i],
-              size = ["F", "W"].includes(eastAsianCharacterInfo(_char2)) ? 1 : .53;
-            totalSize.width += size * fontSize;
-          }
-          return totalSize.height = null != lineHeight ? lineHeight : fontSize, totalSize;
-        }
-      }, {
-        key: "_measureReduce",
-        value: function _measureReduce(text, processor) {
-          var _this$textSpec4 = this.textSpec,
-            fontSize = _this$textSpec4.fontSize,
-            lineHeight = _this$textSpec4.lineHeight,
-            defaultResult = {
-              width: 0,
-              height: 0
-            };
-          if (isNil$1(text)) return defaultResult;
-          if (isArray$1(text)) {
-            var textArr = text.filter(isValid$1).map(function (s) {
-              return s.toString();
-            });
-            return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
-              width: textArr.reduce(function (maxWidth, cur) {
-                return Math.max(maxWidth, processor(cur).width);
-              }, 0),
-              height: textArr.length * ((null != lineHeight ? lineHeight : fontSize) + 1) + 1
-            };
-          }
-          return processor(text.toString());
-        }
-      }, {
-        key: "_measureNumberChar",
-        value: function _measureNumberChar() {
-          if (isNil$1(this._numberCharSize)) {
-            var numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
-            this._numberCharSize = {
-              width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
-              height: numberBounds.height
-            };
-          }
-          return this._numberCharSize;
-        }
-      }, {
-        key: "_measureFullSizeChar",
-        value: function _measureFullSizeChar() {
-          return isNil$1(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
-        }
-      }, {
-        key: "_measureLetterChar",
-        value: function _measureLetterChar() {
-          if (isNil$1(this._letterCharSize)) {
-            var alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
-            this._letterCharSize = {
-              width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
-              height: alphabetBounds.height
-            };
-          }
-          return this._letterCharSize;
-        }
-      }, {
-        key: "_measureSpecialChar",
-        value: function _measureSpecialChar(_char3) {
-          return isValid$1(this._specialCharSizeMap[_char3]) ? this._specialCharSizeMap[_char3] : this.specialCharSet.includes(_char3) ? (this._specialCharSizeMap[_char3] = this._standardMethod(_char3), this._specialCharSizeMap[_char3]) : null;
-        }
-      }, {
-        key: "release",
-        value: function release() {
-          isValid$1(this._canvas) && (this._canvas = null), isValid$1(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
-        }
-      }]);
-      return TextMeasure;
-    }();
-    TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
-
-    const circleThreshold = tau - 1e-8;
+    const circleThreshold = vutils.tau - 1e-8;
     class BoundsContext {
         constructor(bounds) {
             this.init(bounds);
@@ -4491,13 +2601,13 @@
             update(sa);
             update(ea);
             if (ea !== sa) {
-                sa = sa % tau;
+                sa = sa % vutils.tau;
                 if (sa < 0) {
-                    sa += tau;
+                    sa += vutils.tau;
                 }
-                ea = ea % tau;
+                ea = ea % vutils.tau;
                 if (ea < 0) {
-                    ea += tau;
+                    ea += vutils.tau;
                 }
                 if (ea < sa) {
                     ccw = !ccw;
@@ -4506,15 +2616,15 @@
                     ea = s;
                 }
                 if (ccw) {
-                    ea -= tau;
-                    s = sa - (sa % halfPi$1);
-                    for (i = 0; i < 4 && s > ea; ++i, s -= halfPi$1) {
+                    ea -= vutils.tau;
+                    s = sa - (sa % vutils.halfPi);
+                    for (i = 0; i < 4 && s > ea; ++i, s -= vutils.halfPi) {
                         update(s);
                     }
                 }
                 else {
-                    s = sa - (sa % halfPi$1) + halfPi$1;
-                    for (i = 0; i < 4 && s < ea; ++i, s = s + halfPi$1) {
+                    s = sa - (sa % vutils.halfPi) + vutils.halfPi;
+                    for (i = 0; i < 4 && s < ea; ++i, s = s + vutils.halfPi) {
                         update(s);
                     }
                 }
@@ -4560,7 +2670,7 @@
     class CurvePath {
         constructor() {
             this.curves = [];
-            this.bounds = new AABBBounds();
+            this.bounds = new vutils.AABBBounds();
         }
         getCurveLengths() {
             return this.curves.map(curve => curve.getLength());
@@ -4741,7 +2851,7 @@
     })(exports.BaseRenderContributionTime || (exports.BaseRenderContributionTime = {}));
 
     function segments(x, y, rx, ry, large, sweep, rotateX, ox, oy) {
-        const th = degreeToRadian(rotateX);
+        const th = vutils.degreeToRadian(rotateX);
         const sin_th = Math.sin(th);
         const cos_th = Math.cos(th);
         rx = Math.abs(rx);
@@ -4777,12 +2887,12 @@
         const th1 = Math.atan2(y1 - yc, x1 - xc);
         let th_arc = th1 - th0;
         if (th_arc < 0 && sweep === 1) {
-            th_arc += tau;
+            th_arc += vutils.tau;
         }
         else if (th_arc > 0 && sweep === 0) {
-            th_arc -= tau;
+            th_arc -= vutils.tau;
         }
-        const segs = Math.ceil(Math.abs(th_arc / (halfPi$1 + 0.001)));
+        const segs = Math.ceil(Math.abs(th_arc / (vutils.halfPi + 0.001)));
         const result = [];
         for (let i = 0; i < segs; ++i) {
             const th2 = th0 + (i * th_arc) / segs;
@@ -4889,7 +2999,7 @@
             const y = yArr[i];
             const nextX = xArr[(i + 1) % count];
             const nextY = yArr[(i + 1) % count];
-            totalLength += PointService.distanceNN(x, y, nextX, nextY);
+            totalLength += vutils.PointService.distanceNN(x, y, nextX, nextY);
         }
         return totalLength / 2;
     }
@@ -4903,17 +3013,17 @@
     function cubicPointAt(p0, p1, p2, p3, t) {
         const x = cubicCalc(p0.x, p1.x, p2.x, p3.x, t);
         const y = cubicCalc(p0.y, p1.y, p2.y, p3.y, t);
-        return new Point(x, y);
+        return new vutils.Point(x, y);
     }
 
     function divideCubic(curve, t) {
         const { p0, p1, p2, p3 } = curve;
         const pt = cubicPointAt(p0, p1, p2, p3, t);
-        const c1 = PointService.pointAtPP(p0, p1, t);
-        const c2 = PointService.pointAtPP(p1, p2, t);
-        const c3 = PointService.pointAtPP(p2, p3, t);
-        const c12 = PointService.pointAtPP(c1, c2, t);
-        const c23 = PointService.pointAtPP(c2, c3, t);
+        const c1 = vutils.PointService.pointAtPP(p0, p1, t);
+        const c2 = vutils.PointService.pointAtPP(p1, p2, t);
+        const c3 = vutils.PointService.pointAtPP(p2, p3, t);
+        const c12 = vutils.PointService.pointAtPP(c1, c2, t);
+        const c23 = vutils.PointService.pointAtPP(c2, c3, t);
         const curve1 = new CubicBezierCurve(p0, c1, c12, pt);
         const curve2 = new CubicBezierCurve(pt, c23, c3, p3);
         return [curve1, curve2];
@@ -4944,25 +3054,25 @@
         }
         calcProjLength(direction) {
             if (direction === exports.Direction.ROW) {
-                return abs(this.p0.x - this.p3.x);
+                return vutils.abs(this.p0.x - this.p3.x);
             }
             else if (direction === exports.Direction.COLUMN) {
-                return abs(this.p0.y - this.p3.y);
+                return vutils.abs(this.p0.y - this.p3.y);
             }
             return 0;
         }
         getAngleAt(t) {
-            const minT = max(t - 0.01, 0);
-            const maxT = min(t + 0.01, 1);
+            const minT = vutils.max(t - 0.01, 0);
+            const maxT = vutils.min(t + 0.01, 1);
             const minP = this.getPointAt(minT);
             const maxP = this.getPointAt(maxT);
-            return atan2(maxP.y - minP.y, maxP.x - minP.x);
+            return vutils.atan2(maxP.y - minP.y, maxP.x - minP.x);
         }
     }
 
     function divideLinear(curve, t) {
         const { p0, p1 } = curve;
-        const c1 = PointService.pointAtPP(p0, p1, t);
+        const c1 = vutils.PointService.pointAtPP(p0, p1, t);
         const curve1 = new LineCurve(p0, c1);
         const curve2 = new LineCurve(c1, p1);
         return [curve1, curve2];
@@ -4976,13 +3086,13 @@
         }
         getPointAt(t) {
             if (this.defined !== false) {
-                return PointService.pointAtPP(this.p0, this.p1, t);
+                return vutils.PointService.pointAtPP(this.p0, this.p1, t);
             }
             throw new Error('defined为false的点不能getPointAt');
         }
         getAngleAt(t) {
             if (this.angle == null) {
-                this.angle = atan2(this.p1.y - this.p0.y, this.p1.x - this.p0.x);
+                this.angle = vutils.atan2(this.p1.y - this.p0.y, this.p1.x - this.p0.x);
             }
             return this.angle;
         }
@@ -4991,16 +3101,16 @@
         }
         calcLength() {
             if (this._validPoint()) {
-                return PointService.distancePP(this.p0, this.p1);
+                return vutils.PointService.distancePP(this.p0, this.p1);
             }
             return 60;
         }
         calcProjLength(direction) {
             if (direction === exports.Direction.ROW) {
-                return abs(this.p0.x - this.p1.x);
+                return vutils.abs(this.p0.x - this.p1.x);
             }
             else if (direction === exports.Direction.COLUMN) {
-                return abs(this.p0.y - this.p1.y);
+                return vutils.abs(this.p0.y - this.p1.y);
             }
             return 0;
         }
@@ -5023,7 +3133,7 @@
             this.curves = [];
         }
         bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, defined, p) {
-            const curve = new CubicBezierCurve(new Point(this._lastX, this._lastY), new Point(cp1x, cp1y), new Point(cp2x, cp2y), new Point(x, y));
+            const curve = new CubicBezierCurve(new vutils.Point(this._lastX, this._lastY), new vutils.Point(cp1x, cp1y), new vutils.Point(cp2x, cp2y), new vutils.Point(x, y));
             curve.originP1 = this._lastOriginP;
             curve.originP2 = p;
             curve.defined = defined;
@@ -5067,7 +3177,7 @@
             return this.getLength(direction);
         }
         addLinearCurve(x, y, defined, p1, p2) {
-            const curve = new LineCurve(new Point(this._lastX, this._lastY), new Point(x, y));
+            const curve = new LineCurve(new vutils.Point(this._lastX, this._lastY), new vutils.Point(x, y));
             curve.originP1 = p1;
             curve.originP2 = p2;
             curve.defined = defined;
@@ -5088,7 +3198,7 @@
                 const sc = this.curves[0];
                 const ec = this.curves[this.curves.length - 1];
                 const endP = (_a = ec.p3) !== null && _a !== void 0 ? _a : ec.p1;
-                return abs(sc.p0.y - endP.y);
+                return vutils.abs(sc.p0.y - endP.y);
             }
             else if (direction === exports.Direction.ROW) {
                 if (!this.curves.length) {
@@ -5097,7 +3207,7 @@
                 const sc = this.curves[0];
                 const ec = this.curves[this.curves.length - 1];
                 const endP = (_b = ec.p3) !== null && _b !== void 0 ? _b : ec.p1;
-                return abs(sc.p0.x - endP.x);
+                return vutils.abs(sc.p0.x - endP.x);
             }
             if (Number.isFinite(this.length)) {
                 return this.length;
@@ -5186,7 +3296,7 @@
         if (points.length < 2 - Number(!!startPoint)) {
             return null;
         }
-        const segContext = new SegContext('linear', direction !== null && direction !== void 0 ? direction : (abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y)
+        const segContext = new SegContext('linear', direction !== null && direction !== void 0 ? direction : (vutils.abs(points[points.length - 1].x - points[0].x) > vutils.abs(points[points.length - 1].y - points[0].y)
             ? exports.Direction.ROW
             : exports.Direction.COLUMN));
         const linear = new Linear(segContext, startPoint);
@@ -5265,7 +3375,7 @@
         if (points.length < 3 - Number(!!startPoint)) {
             return genLinearSegments(points, params);
         }
-        const segContext = new SegContext('basis', direction !== null && direction !== void 0 ? direction : (abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y)
+        const segContext = new SegContext('basis', direction !== null && direction !== void 0 ? direction : (vutils.abs(points[points.length - 1].x - points[0].x) > vutils.abs(points[points.length - 1].y - points[0].y)
             ? exports.Direction.ROW
             : exports.Direction.COLUMN));
         const basis = new Basis(segContext, startPoint);
@@ -5382,7 +3492,7 @@
         if (points.length < 3 - Number(!!startPoint)) {
             return genLinearSegments(points, params);
         }
-        const segContext = new SegContext('monotoneX', direction !== null && direction !== void 0 ? direction : (abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y)
+        const segContext = new SegContext('monotoneX', direction !== null && direction !== void 0 ? direction : (vutils.abs(points[points.length - 1].x - points[0].x) > vutils.abs(points[points.length - 1].y - points[0].y)
             ? exports.Direction.ROW
             : exports.Direction.COLUMN));
         const monotoneX = new MonotoneX(segContext, startPoint);
@@ -5400,7 +3510,7 @@
         if (points.length < 3 - Number(!!startPoint)) {
             return genLinearSegments(points, params);
         }
-        const segContext = new ReflectSegContext('monotoneY', direction !== null && direction !== void 0 ? direction : (abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y)
+        const segContext = new ReflectSegContext('monotoneY', direction !== null && direction !== void 0 ? direction : (vutils.abs(points[points.length - 1].x - points[0].x) > vutils.abs(points[points.length - 1].y - points[0].y)
             ? exports.Direction.ROW
             : exports.Direction.COLUMN));
         const monotoneY = new MonotoneY(segContext, startPoint);
@@ -5474,7 +3584,7 @@
         if (points.length < 2 - Number(!!startPoint)) {
             return null;
         }
-        const segContext = new SegContext('step', direction !== null && direction !== void 0 ? direction : (abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y)
+        const segContext = new SegContext('step', direction !== null && direction !== void 0 ? direction : (vutils.abs(points[points.length - 1].x - points[0].x) > vutils.abs(points[points.length - 1].y - points[0].y)
             ? exports.Direction.ROW
             : exports.Direction.COLUMN));
         const step = new Step$1(segContext, t, startPoint);
@@ -5530,7 +3640,7 @@
         if (points.length < 2 - Number(!!startPoint)) {
             return null;
         }
-        const segContext = new SegContext('linear', direction !== null && direction !== void 0 ? direction : (abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y)
+        const segContext = new SegContext('linear', direction !== null && direction !== void 0 ? direction : (vutils.abs(points[points.length - 1].x - points[0].x) > vutils.abs(points[points.length - 1].y - points[0].y)
             ? exports.Direction.ROW
             : exports.Direction.COLUMN));
         const linear = new LinearClosed(segContext, startPoint);
@@ -5558,14 +3668,14 @@
             this._lastY = y;
         }
         addLinearCurve(x, y) {
-            const curve = new LineCurve(new Point(this._lastX, this._lastY), new Point(x, y));
+            const curve = new LineCurve(new vutils.Point(this._lastX, this._lastY), new vutils.Point(x, y));
             return curve;
         }
         quadraticCurveTo(aCPx, aCPy, aX, aY) {
             throw new Error('CurveContext不支持调用quadraticCurveTo');
         }
         bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
-            const curve = new CubicBezierCurve(new Point(this._lastX, this._lastY), new Point(cp1x, cp1y), new Point(cp2x, cp2y), new Point(x, y));
+            const curve = new CubicBezierCurve(new vutils.Point(this._lastX, this._lastY), new vutils.Point(cp1x, cp1y), new vutils.Point(cp2x, cp2y), new vutils.Point(x, y));
             this.path.curves.push(curve);
             this._lastX = x;
             this._lastY = y;
@@ -6032,7 +4142,7 @@
                 }
                 const sc = this.curves[0];
                 const ec = this.curves[this.curves.length - 1];
-                return abs(sc.p0.y - ec.p1.y);
+                return vutils.abs(sc.p0.y - ec.p1.y);
             }
             else if (this.direction === exports.Direction.ROW) {
                 if (!this.curves.length) {
@@ -6040,7 +4150,7 @@
                 }
                 const sc = this.curves[0];
                 const ec = this.curves[this.curves.length - 1];
-                return abs(sc.p0.x - ec.p1.x);
+                return vutils.abs(sc.p0.x - ec.p1.x);
             }
             return this.curves.reduce((l, c) => l + c.getLength(), 0);
         }
@@ -6113,7 +4223,7 @@
         scaleCenter: [0, 0],
         anchor: [0, 0],
         anchor3d: [0, 0],
-        postMatrix: new Matrix()
+        postMatrix: new vutils.Matrix()
     };
     const DefaultFillStyle = {
         fillOpacity: 1,
@@ -6175,9 +4285,9 @@
     function rewriteProto(obj, c) {
         Object.setPrototypeOf(obj, c);
     }
-    const DefaultArcAttribute = Object.assign(Object.assign({}, DefaultAttribute), { startAngle: 0, endAngle: pi2, innerRadius: 0, outerRadius: 1, cornerRadius: 0, padRadius: 0, padAngle: 0, cap: false, forceShowCap: false });
+    const DefaultArcAttribute = Object.assign(Object.assign({}, DefaultAttribute), { startAngle: 0, endAngle: vutils.pi2, innerRadius: 0, outerRadius: 1, cornerRadius: 0, padRadius: 0, padAngle: 0, cap: false, forceShowCap: false });
     const DefaultAreaAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultConnectAttribute), { points: [], segments: [], curveType: 'linear', clipRange: 1, closePath: false });
-    const DefaultCircleAttribute = Object.assign(Object.assign({}, DefaultAttribute), { radius: 1, startAngle: 0, endAngle: pi2 });
+    const DefaultCircleAttribute = Object.assign(Object.assign({}, DefaultAttribute), { radius: 1, startAngle: 0, endAngle: vutils.pi2 });
     const DefaultGroupAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, cornerRadius: 0, path: [], clip: false, visibleAll: true, display: 'relative', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'flex-start', alignItems: 'flex-start', alignContent: 'flex-start' });
     const DefaultGlyphAttribute = Object.assign(Object.assign({}, DefaultAttribute), { path: '', width: 0, height: 0, cornerRadius: 0, clip: false });
     const DefaultLineAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultConnectAttribute), { points: [], segments: [], curveType: 'linear', clipRange: 1, clipRangeByDimension: 'default', closePath: false });
@@ -6746,9 +4856,9 @@
         return Math.sqrt(d);
     }
     function normalizeRadian(angle) {
-        angle %= pi2;
+        angle %= vutils.pi2;
         if (angle < 0) {
-            angle += pi2;
+            angle += vutils.pi2;
         }
         return angle;
     }
@@ -6806,7 +4916,7 @@
         if (d - _l > r || d + _l < r) {
             return false;
         }
-        if (Math.abs(startAngle - endAngle) % pi2 < 1e-4) {
+        if (Math.abs(startAngle - endAngle) % vutils.pi2 < 1e-4) {
             return true;
         }
         if (anticlockwise) {
@@ -6819,13 +4929,13 @@
             endAngle = normalizeRadian(endAngle);
         }
         if (startAngle > endAngle) {
-            endAngle += pi2;
+            endAngle += vutils.pi2;
         }
         let angle = Math.atan2(y, x);
         if (angle < 0) {
-            angle += pi2;
+            angle += vutils.pi2;
         }
-        return (angle >= startAngle && angle <= endAngle) || (angle + pi2 >= startAngle && angle + pi2 <= endAngle);
+        return (angle >= startAngle && angle <= endAngle) || (angle + vutils.pi2 >= startAngle && angle + vutils.pi2 <= endAngle);
     }
     function containLineStroke(x0, y0, x1, y1, lineWidth, x, y) {
         if (lineWidth === 0) {
@@ -7067,9 +5177,9 @@
         if (dTheta < 1e-4) {
             return 0;
         }
-        if (dTheta >= pi2 - 1e-4) {
+        if (dTheta >= vutils.pi2 - 1e-4) {
             startAngle = 0;
-            endAngle = pi2;
+            endAngle = vutils.pi2;
             const dir = anticlockwise ? 1 : -1;
             if (x >= roots[0] + cx && x <= roots[1] + cx) {
                 return dir;
@@ -7082,8 +5192,8 @@
             endAngle = tmp;
         }
         if (startAngle < 0) {
-            startAngle += pi2;
-            endAngle += pi2;
+            startAngle += vutils.pi2;
+            endAngle += vutils.pi2;
         }
         let w = 0;
         for (let i = 0; i < 2; i++) {
@@ -7092,10 +5202,10 @@
                 let angle = Math.atan2(y, x_);
                 let dir = anticlockwise ? 1 : -1;
                 if (angle < 0) {
-                    angle = pi2 + angle;
+                    angle = vutils.pi2 + angle;
                 }
-                if ((angle >= startAngle && angle <= endAngle) || (angle + pi2 >= startAngle && angle + pi2 <= endAngle)) {
-                    if (angle > pi / 2 && angle < pi * 1.5) {
+                if ((angle >= startAngle && angle <= endAngle) || (angle + vutils.pi2 >= startAngle && angle + vutils.pi2 <= endAngle)) {
+                    if (angle > vutils.pi / 2 && angle < vutils.pi * 1.5) {
                         dir = -dir;
                     }
                     w += dir;
@@ -7105,28 +5215,28 @@
         return w;
     }
     function modpi2(radian) {
-        const n = Math.round((radian / pi) * 1e8) / 1e8;
-        return (n % 2) * pi;
+        const n = Math.round((radian / vutils.pi) * 1e8) / 1e8;
+        return (n % 2) * vutils.pi;
     }
     function normalizeArcAngles(angles, anticlockwise) {
         let newStartAngle = modpi2(angles[0]);
         if (newStartAngle < 0) {
-            newStartAngle += pi2;
+            newStartAngle += vutils.pi2;
         }
         const delta = newStartAngle - angles[0];
         let newEndAngle = angles[1];
         newEndAngle += delta;
-        if (!anticlockwise && newEndAngle - newStartAngle >= pi2) {
-            newEndAngle = newStartAngle + pi2;
+        if (!anticlockwise && newEndAngle - newStartAngle >= vutils.pi2) {
+            newEndAngle = newStartAngle + vutils.pi2;
         }
-        else if (anticlockwise && newStartAngle - newEndAngle >= pi2) {
-            newEndAngle = newStartAngle - pi2;
+        else if (anticlockwise && newStartAngle - newEndAngle >= vutils.pi2) {
+            newEndAngle = newStartAngle - vutils.pi2;
         }
         else if (!anticlockwise && newStartAngle > newEndAngle) {
-            newEndAngle = newStartAngle + (pi2 - modpi2(newStartAngle - newEndAngle));
+            newEndAngle = newStartAngle + (vutils.pi2 - modpi2(newStartAngle - newEndAngle));
         }
         else if (anticlockwise && newStartAngle < newEndAngle) {
-            newEndAngle = newStartAngle - (pi2 - modpi2(newEndAngle - newStartAngle));
+            newEndAngle = newStartAngle - (vutils.pi2 - modpi2(newEndAngle - newStartAngle));
         }
         angles[0] = newStartAngle;
         angles[1] = newEndAngle;
@@ -7329,10 +5439,10 @@
         }
         createTextMeasureInstance(textSpec, option, getCanvasForMeasure) {
             this.configure(this.global, this.global.env);
-            return new TextMeasure(Object.assign({ defaultFontParams: {
+            return new vutils.TextMeasure(Object.assign({ defaultFontParams: {
                     fontFamily: DefaultTextStyle.fontFamily,
                     fontSize: DefaultTextStyle.fontSize
-                }, getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas), getTextBounds: undefined, specialCharSet: '-/: .,@%\'"~' + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase() }, (option !== null && option !== void 0 ? option : {})), textSpec);
+                }, getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas), getTextBounds: undefined, specialCharSet: '-/: .,@%\'"~' + vutils.TextMeasure.ALPHABET_CHAR_SET + vutils.TextMeasure.ALPHABET_CHAR_SET.toUpperCase() }, (option !== null && option !== void 0 ? option : {})), textSpec);
         }
     };
     exports.DefaultGraphicUtil = __decorate([
@@ -7347,10 +5457,10 @@
         TransformMode[TransformMode["transform"] = 0] = "transform";
         TransformMode[TransformMode["matrix"] = 1] = "matrix";
     })(TransformMode || (TransformMode = {}));
-    const _matrix = new Matrix();
+    const _matrix = new vutils.Matrix();
     exports.DefaultTransformUtil = class DefaultTransformUtil {
         constructor() {
-            this.matrix = new Matrix();
+            this.matrix = new vutils.Matrix();
         }
         init(origin) {
             this.mode = TransformMode.transform;
@@ -7545,7 +5655,7 @@
                         parentTheme.applyTheme(parentGroup, pt, true);
                     }
                     if (!this.userTheme) {
-                        this.userTheme = clone(parentTheme.userTheme);
+                        this.userTheme = vutils.clone(parentTheme.userTheme);
                     }
                     else {
                         combineTheme(this.userTheme, parentTheme.userTheme, false);
@@ -7674,7 +5784,7 @@
     }
     Generator.auto_increment_id = 0;
 
-    class Node extends EventEmitter {
+    class Node extends vutils.EventEmitter {
         get previousSibling() {
             return this._prev;
         }
@@ -8175,11 +6285,11 @@
             return this.removeChild(child);
         }
         addEventListener(type, listener, options) {
-            const capture = (isBoolean$1(options, true) && options) || (isObject$1(options) && options.capture);
-            const once = isObject$1(options) && options.once;
-            const context = isFunction$1(listener) ? undefined : listener;
+            const capture = (vutils.isBoolean(options, true) && options) || (vutils.isObject(options) && options.capture);
+            const once = vutils.isObject(options) && options.once;
+            const context = vutils.isFunction(listener) ? undefined : listener;
             type = capture ? `${type}capture` : type;
-            listener = isFunction$1(listener) ? listener : listener.handleEvent;
+            listener = vutils.isFunction(listener) ? listener : listener.handleEvent;
             if (once) {
                 super.once(type, listener, context);
             }
@@ -8192,11 +6302,11 @@
             return this.addEventListener(type, listener, options);
         }
         removeEventListener(type, listener, options) {
-            const capture = (isBoolean$1(options, true) && options) || (isObject$1(options) && options.capture);
-            const context = isFunction$1(listener) ? undefined : listener;
+            const capture = (vutils.isBoolean(options, true) && options) || (vutils.isObject(options) && options.capture);
+            const context = vutils.isFunction(listener) ? undefined : listener;
             type = capture ? `${type}capture` : type;
-            listener = isFunction$1(listener) ? listener : listener.handleEvent;
-            const once = isObject$1(options) && options.once;
+            listener = vutils.isFunction(listener) ? listener : listener.handleEvent;
+            const once = vutils.isObject(options) && options.once;
             super.off(type, listener, context, once);
             return this;
         }
@@ -8204,7 +6314,7 @@
             return this.removeEventListener(type, listener, options);
         }
         once(type, listener, options) {
-            if (isObject$1(options)) {
+            if (vutils.isObject(options)) {
                 options.once = true;
                 return this.addEventListener(type, listener, options);
             }
@@ -8269,10 +6379,10 @@
             this.eventPhase = FederatedEvent.prototype.NONE;
             this.propagationStopped = false;
             this.propagationImmediatelyStopped = false;
-            this.layer = new Point();
-            this.page = new Point();
-            this.canvas = new Point();
-            this.viewport = new Point();
+            this.layer = new vutils.Point();
+            this.page = new vutils.Point();
+            this.canvas = new vutils.Point();
+            this.viewport = new vutils.Point();
             this.NONE = 0;
             this.CAPTURING_PHASE = 1;
             this.AT_TARGET = 2;
@@ -8311,11 +6421,11 @@
     class FederatedMouseEvent extends FederatedEvent {
         constructor() {
             super(...arguments);
-            this.client = new Point();
-            this.movement = new Point();
-            this.offset = new Point();
-            this.global = new Point();
-            this.screen = new Point();
+            this.client = new vutils.Point();
+            this.movement = new vutils.Point();
+            this.offset = new vutils.Point();
+            this.global = new vutils.Point();
+            this.screen = new vutils.Point();
         }
         get clientX() {
             return this.client.x;
@@ -8437,7 +6547,7 @@
     }
     class EventManager {
         constructor(root) {
-            this.dispatch = new EventEmitter();
+            this.dispatch = new vutils.EventEmitter();
             this.mappingState = {
                 trackingData: {}
             };
@@ -8987,7 +7097,7 @@
             else if (pickResult && pickResult.group) {
                 target = pickResult.group;
             }
-            else if (x >= 0 && x <= get$1(this.rootTarget, 'width') && y >= 0 && y <= get$1(this.rootTarget, 'height')) {
+            else if (x >= 0 && x <= vutils.get(this.rootTarget, 'width') && y >= 0 && y <= vutils.get(this.rootTarget, 'height')) {
                 target = this.rootTarget;
             }
             else {
@@ -9130,7 +7240,7 @@
                     Object.assign(domElement.style, style);
                 }
             }
-            else if (applyStyles && isString$1(mode) && !has$1(this.cursorStyles, mode)) {
+            else if (applyStyles && vutils.isString(mode) && !vutils.has(this.cursorStyles, mode)) {
                 domElement.style.cursor = mode;
             }
         }
@@ -9248,46 +7358,46 @@
                 event.changedTouches.length) {
                 for (let i = 0, li = event.changedTouches.length; i < li; i++) {
                     const touch = event.changedTouches[i];
-                    if (isUndefined$1(touch.button)) {
+                    if (vutils.isUndefined(touch.button)) {
                         touch.button = 0;
                     }
-                    if (isUndefined$1(touch.buttons)) {
+                    if (vutils.isUndefined(touch.buttons)) {
                         touch.buttons = 1;
                     }
-                    if (isUndefined$1(touch.isPrimary)) {
+                    if (vutils.isUndefined(touch.isPrimary)) {
                         touch.isPrimary = event.touches.length === 1 && event.type === 'touchstart';
                     }
-                    if (isUndefined$1(touch.width)) {
+                    if (vutils.isUndefined(touch.width)) {
                         touch.width = touch.radiusX || 1;
                     }
-                    if (isUndefined$1(touch.height)) {
+                    if (vutils.isUndefined(touch.height)) {
                         touch.height = touch.radiusY || 1;
                     }
-                    if (isUndefined$1(touch.tiltX)) {
+                    if (vutils.isUndefined(touch.tiltX)) {
                         touch.tiltX = 0;
                     }
-                    if (isUndefined$1(touch.tiltY)) {
+                    if (vutils.isUndefined(touch.tiltY)) {
                         touch.tiltY = 0;
                     }
-                    if (isUndefined$1(touch.pointerType)) {
+                    if (vutils.isUndefined(touch.pointerType)) {
                         touch.pointerType = 'touch';
                     }
-                    if (isUndefined$1(touch.pointerId)) {
+                    if (vutils.isUndefined(touch.pointerId)) {
                         touch.pointerId = touch.identifier || 0;
                     }
-                    if (isUndefined$1(touch.pressure)) {
+                    if (vutils.isUndefined(touch.pressure)) {
                         touch.pressure = touch.force || 0.5;
                     }
-                    if (isUndefined$1(touch.twist)) {
+                    if (vutils.isUndefined(touch.twist)) {
                         touch.twist = 0;
                     }
-                    if (isUndefined$1(touch.tangentialPressure)) {
+                    if (vutils.isUndefined(touch.tangentialPressure)) {
                         touch.tangentialPressure = 0;
                     }
-                    if (isUndefined$1(touch.layerX)) {
+                    if (vutils.isUndefined(touch.layerX)) {
                         touch.layerX = touch.offsetX = touch.clientX;
                     }
-                    if (isUndefined$1(touch.layerY)) {
+                    if (vutils.isUndefined(touch.layerY)) {
                         touch.layerY = touch.offsetY = touch.clientY;
                     }
                     touch.isNormalized = true;
@@ -9298,34 +7408,34 @@
             else if (!this.globalObj.supportsMouseEvents ||
                 (event instanceof MouseEvent && (!this.supportsPointerEvents || !(event instanceof PointerEvent)))) {
                 const tempEvent = event;
-                if (isUndefined$1(tempEvent.isPrimary)) {
+                if (vutils.isUndefined(tempEvent.isPrimary)) {
                     tempEvent.isPrimary = true;
                 }
-                if (isUndefined$1(tempEvent.width)) {
+                if (vutils.isUndefined(tempEvent.width)) {
                     tempEvent.width = 1;
                 }
-                if (isUndefined$1(tempEvent.height)) {
+                if (vutils.isUndefined(tempEvent.height)) {
                     tempEvent.height = 1;
                 }
-                if (isUndefined$1(tempEvent.tiltX)) {
+                if (vutils.isUndefined(tempEvent.tiltX)) {
                     tempEvent.tiltX = 0;
                 }
-                if (isUndefined$1(tempEvent.tiltY)) {
+                if (vutils.isUndefined(tempEvent.tiltY)) {
                     tempEvent.tiltY = 0;
                 }
-                if (isUndefined$1(tempEvent.pointerType)) {
+                if (vutils.isUndefined(tempEvent.pointerType)) {
                     tempEvent.pointerType = 'mouse';
                 }
-                if (isUndefined$1(tempEvent.pointerId)) {
+                if (vutils.isUndefined(tempEvent.pointerId)) {
                     tempEvent.pointerId = MOUSE_POINTER_ID;
                 }
-                if (isUndefined$1(tempEvent.pressure)) {
+                if (vutils.isUndefined(tempEvent.pressure)) {
                     tempEvent.pressure = 0.5;
                 }
-                if (isUndefined$1(tempEvent.twist)) {
+                if (vutils.isUndefined(tempEvent.twist)) {
                     tempEvent.twist = 0;
                 }
-                if (isUndefined$1(tempEvent.tangentialPressure)) {
+                if (vutils.isUndefined(tempEvent.tangentialPressure)) {
                     tempEvent.tangentialPressure = 0;
                 }
                 tempEvent.isNormalized = true;
@@ -9829,8 +7939,8 @@
                 if (t === 0 || t === 1) {
                     return t;
                 }
-                const s = (period / pi2) * Math.asin(1 / amplitude);
-                return -(amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t - s) * pi2) / period));
+                const s = (period / vutils.pi2) * Math.asin(1 / amplitude);
+                return -(amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t - s) * vutils.pi2) / period));
             };
         }
         static getElasticOut(amplitude, period) {
@@ -9838,17 +7948,17 @@
                 if (t === 0 || t === 1) {
                     return t;
                 }
-                const s = (period / pi2) * Math.asin(1 / amplitude);
-                return amplitude * Math.pow(2, -10 * t) * Math.sin(((t - s) * pi2) / period) + 1;
+                const s = (period / vutils.pi2) * Math.asin(1 / amplitude);
+                return amplitude * Math.pow(2, -10 * t) * Math.sin(((t - s) * vutils.pi2) / period) + 1;
             };
         }
         static getElasticInOut(amplitude, period) {
             return function (t) {
-                const s = (period / pi2) * Math.asin(1 / amplitude);
+                const s = (period / vutils.pi2) * Math.asin(1 / amplitude);
                 if ((t *= 2) < 1) {
-                    return -0.5 * (amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t - s) * pi2) / period));
+                    return -0.5 * (amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t - s) * vutils.pi2) / period));
                 }
-                return amplitude * Math.pow(2, -10 * (t -= 1)) * Math.sin(((t - s) * pi2) / period) * 0.5 + 1;
+                return amplitude * Math.pow(2, -10 * (t -= 1)) * Math.sin(((t - s) * vutils.pi2) / period) * 0.5 + 1;
             };
         }
     }
@@ -10061,7 +8171,7 @@
         afterAll(list) {
             let maxT = -Infinity;
             list.forEach(a => {
-                maxT = max(a.getDuration(), maxT);
+                maxT = vutils.max(a.getDuration(), maxT);
             });
             this._startTime = maxT;
             return this;
@@ -10652,7 +8762,7 @@
     const parseStroke = (stroke) => {
         var _a;
         let isFullStroke = true;
-        if (isBoolean$1(stroke, true)) {
+        if (vutils.isBoolean(stroke, true)) {
             for (let i = 0; i < 4; i++) {
                 _strokeVec4[i] = stroke;
                 isFullStroke && (isFullStroke = !!((_a = _strokeVec4[i]) !== null && _a !== void 0 ? _a : true));
@@ -10681,7 +8791,7 @@
         if (!padding) {
             return 0;
         }
-        if (isArray$1(padding)) {
+        if (vutils.isArray(padding)) {
             if (padding.length === 0) {
                 return 0;
             }
@@ -10707,24 +8817,24 @@
     ];
     const indexList = [1, 2, 3, 0, 1, 2, 3, 0];
     function circleBounds(startAngle, endAngle, radius, bounds) {
-        while (startAngle >= pi2) {
-            startAngle -= pi2;
+        while (startAngle >= vutils.pi2) {
+            startAngle -= vutils.pi2;
         }
         while (startAngle < 0) {
-            startAngle += pi2;
+            startAngle += vutils.pi2;
         }
         while (startAngle > endAngle) {
-            endAngle += pi2;
+            endAngle += vutils.pi2;
         }
         _coords[0].x = radius;
         _coords[1].y = radius;
         _coords[2].x = -radius;
         _coords[3].y = -radius;
-        const startIdx = Math.ceil(startAngle / halfPi$1) % 4;
-        const endIdx = Math.ceil(endAngle / halfPi$1) % 4;
-        bounds.add(cos(startAngle) * radius, sin(startAngle) * radius);
-        bounds.add(cos(endAngle) * radius, sin(endAngle) * radius);
-        if (startIdx !== endIdx || endAngle - startAngle > pi) {
+        const startIdx = Math.ceil(startAngle / vutils.halfPi) % 4;
+        const endIdx = Math.ceil(endAngle / vutils.halfPi) % 4;
+        bounds.add(vutils.cos(startAngle) * radius, vutils.sin(startAngle) * radius);
+        bounds.add(vutils.cos(endAngle) * radius, vutils.sin(endAngle) * radius);
+        if (startIdx !== endIdx || endAngle - startAngle > vutils.pi) {
             let match = false;
             for (let i = 0; i < indexList.length; i++) {
                 if (!match && startIdx === indexList[i]) {
@@ -10766,15 +8876,15 @@
             pointA.defined === pointB.defined);
     }
     function pointInterpolation(pointA, pointB, ratio) {
-        const { x, y } = pointAt(pointA.x, pointA.y, pointB.x, pointB.y, ratio);
-        const { x: x1, y: y1 } = pointAt(pointA.x1, pointA.y1, pointB.x1, pointB.y1, ratio);
-        const point = new Point(x, y, x1, y1);
+        const { x, y } = vutils.pointAt(pointA.x, pointA.y, pointB.x, pointB.y, ratio);
+        const { x: x1, y: y1 } = vutils.pointAt(pointA.x1, pointA.y1, pointB.x1, pointB.y1, ratio);
+        const point = new vutils.Point(x, y, x1, y1);
         point.defined = pointB.defined;
         return point;
     }
     function pointInterpolationHighPerformance(pointA, pointB, ratio, point) {
-        const { x, y } = pointAt(pointA.x, pointA.y, pointB.x, pointB.y, ratio);
-        const { x: x1, y: y1 } = pointAt(pointA.x1, pointA.y1, pointB.x1, pointB.y1, ratio);
+        const { x, y } = vutils.pointAt(pointA.x, pointA.y, pointB.x, pointB.y, ratio);
+        const { x: x1, y: y1 } = vutils.pointAt(pointA.x1, pointA.y1, pointB.x1, pointB.y1, ratio);
         point.x = x;
         point.y = y;
         point.x1 = x1;
@@ -10795,7 +8905,7 @@
         let points = [];
         if (pointsA.length > pointsB.length) {
             points = pointsB.map(point => {
-                const p = new Point(point.x, point.y, point.x1, point.y1);
+                const p = new vutils.Point(point.x, point.y, point.x1, point.y1);
                 p.defined = point.defined;
                 return p;
             });
@@ -10805,7 +8915,7 @@
         }
         else {
             points = pointsB.map(point => {
-                const p = new Point(point.x, point.y, point.x1, point.y1);
+                const p = new vutils.Point(point.x, point.y, point.x1, point.y1);
                 p.defined = point.defined;
                 return p;
             });
@@ -10832,7 +8942,7 @@
         return transformKeys.includes(key);
     };
     function getAttributeFromDefaultAttrList(attr, key) {
-        if (isArray$1(attr)) {
+        if (vutils.isArray(attr)) {
             let val;
             for (let i = 0; i < attr.length && val === undefined; i++) {
                 val = attr[i][key];
@@ -10883,8 +8993,8 @@
         }
         onBind() {
             var _a, _b, _c, _d, _e, _f;
-            this.fromNumber = isNumber$2((_a = this.from) === null || _a === void 0 ? void 0 : _a.text) ? (_b = this.from) === null || _b === void 0 ? void 0 : _b.text : Number.parseFloat((_c = this.from) === null || _c === void 0 ? void 0 : _c.text);
-            this.toNumber = isNumber$2((_d = this.to) === null || _d === void 0 ? void 0 : _d.text) ? (_e = this.to) === null || _e === void 0 ? void 0 : _e.text : Number.parseFloat((_f = this.to) === null || _f === void 0 ? void 0 : _f.text);
+            this.fromNumber = vutils.isNumber((_a = this.from) === null || _a === void 0 ? void 0 : _a.text) ? (_b = this.from) === null || _b === void 0 ? void 0 : _b.text : Number.parseFloat((_c = this.from) === null || _c === void 0 ? void 0 : _c.text);
+            this.toNumber = vutils.isNumber((_d = this.to) === null || _d === void 0 ? void 0 : _d.text) ? (_e = this.to) === null || _e === void 0 ? void 0 : _e.text : Number.parseFloat((_f = this.to) === null || _f === void 0 ? void 0 : _f.text);
             if (!Number.isFinite(this.toNumber)) {
                 this.fromNumber = 0;
             }
@@ -11048,7 +9158,7 @@
             var _a, _b, _c, _d;
             this.fromText = (_b = (_a = this.from) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : '';
             this.toText = (_d = (_c = this.to) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : '';
-            if (!this.toText || isArray$1(this.toText)) {
+            if (!this.toText || vutils.isArray(this.toText)) {
                 this.valid = false;
             }
             else {
@@ -11158,7 +9268,7 @@
             }
             const x = this.target.getComputedAttribute('x');
             const y = this.target.getComputedAttribute('y');
-            const nextPos = new Point(x, y);
+            const nextPos = new vutils.Point(x, y);
             if (!this.posList.length) {
                 this.posList.push(nextPos);
                 return;
@@ -11254,7 +9364,7 @@
             this.points = this.interpolatePoints.map(interpolate => {
                 const fromPoint = interpolate[0];
                 const toPoint = interpolate[1];
-                const newPoint = new Point(fromPoint.x, fromPoint.y, fromPoint.x1, fromPoint.y1);
+                const newPoint = new vutils.Point(fromPoint.x, fromPoint.y, fromPoint.x1, fromPoint.y1);
                 newPoint.defined = toPoint.defined;
                 newPoint.context = toPoint.context;
                 return newPoint;
@@ -11438,7 +9548,7 @@
             const phi = Math.acos((startY - center.y) / r);
             let theta = Math.acos((startX - center.x) / r / Math.sin(phi));
             if (startZ - center.z < 0) {
-                theta = pi2 - theta;
+                theta = vutils.pi2 - theta;
             }
             this.theta = theta;
             this.phi = phi;
@@ -11463,11 +9573,11 @@
             out.x = x;
             out.y = y;
             out.z = z;
-            out.alpha = theta + pi / 2;
-            while (out.alpha > pi2) {
-                out.alpha -= pi2;
+            out.alpha = theta + vutils.pi / 2;
+            while (out.alpha > vutils.pi2) {
+                out.alpha -= vutils.pi2;
             }
-            out.alpha = pi2 - out.alpha;
+            out.alpha = vutils.pi2 - out.alpha;
             out.zIndex = out.z * -10000;
         }
     }
@@ -11872,7 +9982,7 @@
         return [newArray1, newArray2];
     }
     const addLineToBezierPath = (bezierPath, x0, y0, x1, y1) => {
-        if (!(isNumberClose(x0, x1) && isNumberClose(y0, y1))) {
+        if (!(vutils.isNumberClose(x0, x1) && vutils.isNumberClose(y0, y1))) {
             bezierPath.push(x0, y0, x1, y1, x1, y1);
         }
     };
@@ -11965,7 +10075,7 @@
                     const startAngle = cmd[6];
                     const endAngle = cmd[7] + startAngle;
                     const anticlockwise = !!cmd[8];
-                    const hasRotate = !isNumberClose(rotate, 0);
+                    const hasRotate = !vutils.isNumberClose(rotate, 0);
                     const rc = Math.cos(rotate);
                     const rs = Math.sin(rotate);
                     let xTemp = Math.cos(startAngle) * rx;
@@ -12030,13 +10140,13 @@
                     const tx2 = cmd[3];
                     const ty2 = cmd[4];
                     const r = cmd[5];
-                    const dis1 = PointService.distancePP({ x: xi, y: yi }, { x: tx1, y: ty1 });
-                    const dis2 = PointService.distancePP({ x: tx2, y: ty2 }, { x: tx1, y: ty1 });
+                    const dis1 = vutils.PointService.distancePP({ x: xi, y: yi }, { x: tx1, y: ty1 });
+                    const dis2 = vutils.PointService.distancePP({ x: tx2, y: ty2 }, { x: tx1, y: ty1 });
                     const theta = ((xi - tx1) * (tx2 - tx1) + (yi - ty1) * (ty2 - ty1)) / (dis1 * dis2);
                     const dis = r / Math.sin(theta / 2);
                     const midX = (xi + tx2 - 2 * tx1) / 2;
                     const midY = (yi + ty2 - 2 * ty1) / 2;
-                    const midLen = PointService.distancePP({ x: midX, y: midY }, { x: 0, y: 0 });
+                    const midLen = vutils.PointService.distancePP({ x: midX, y: midY }, { x: 0, y: 0 });
                     const cx = tx1 + (dis * midX) / midLen;
                     const cy = tx2 + (dis * midY) / midLen;
                     const disP = Math.sqrt(dis * dis - r * r);
@@ -12045,8 +10155,8 @@
                     addLineToBezierPath(currentSubpath, xi, yi, x0, y0);
                     xi = tx1 + (disP * (tx2 - tx1)) / dis2;
                     yi = ty1 + (disP * (ty2 - ty1)) / dis2;
-                    const startAngle = getAngleByPoint({ x: cx, y: cy }, { x: x0, y: y0 });
-                    const endAngle = getAngleByPoint({ x: cx, y: cy }, { x: xi, y: yi });
+                    const startAngle = vutils.getAngleByPoint({ x: cx, y: cy }, { x: x0, y: y0 });
+                    const endAngle = vutils.getAngleByPoint({ x: cx, y: cy }, { x: xi, y: yi });
                     addArcToBezierPath(currentSubpath, startAngle, endAngle, cx, cy, r, r);
                     break;
                 }
@@ -12200,7 +10310,7 @@
         return res;
     };
     const samplingPoints = (points, count) => {
-        const validatePoints = points.filter(point => point.defined !== false && isNumber$2(point.x) && isNumber$2(point.y));
+        const validatePoints = points.filter(point => point.defined !== false && vutils.isNumber(point.x) && vutils.isNumber(point.y));
         if (validatePoints.length === 0) {
             return [];
         }
@@ -12254,7 +10364,7 @@
                 return res.concat((_a = seg.points) !== null && _a !== void 0 ? _a : []);
             }, []);
         }
-        const validatePoints = points.filter(point => point.defined !== false && isNumber$2(point.x) && isNumber$2(point.y));
+        const validatePoints = points.filter(point => point.defined !== false && vutils.isNumber(point.x) && vutils.isNumber(point.y));
         if (!validatePoints.length) {
             return [];
         }
@@ -12298,7 +10408,7 @@
         for (let i = 0; i < len; i++) {
             const cur = points[i];
             const next = i === len - 1 ? points[0] : points[i + 1];
-            const res = getIntersectPoint([p0.x, p0.y], [p1.x, p1.y], [cur.x, cur.y], [next.x, next.y]);
+            const res = vutils.getIntersectPoint([p0.x, p0.y], [p1.x, p1.y], [cur.x, cur.y], [next.x, next.y]);
             if (res && typeof res !== 'boolean') {
                 intersections.push({
                     dot: crossProduct([res[0] - p0.x, res[1] - p0.x], [p1.x - p0.x, p1.y - p0.x]),
@@ -12332,7 +10442,7 @@
         return [newPointsA, newPointsB];
     };
     const binarySplitPolygon = (points) => {
-        const box = new Bounds();
+        const box = new vutils.Bounds();
         points.forEach(point => {
             box.add(point.x, point.y);
         });
@@ -12410,7 +10520,7 @@
         return res;
     };
 
-    const { Color } = ColorUtil;
+    const { Color } = vutils.ColorUtil;
     function colorEqual(color1, color2) {
         const c1 = Color.parseColorString(color1);
         const c2 = Color.parseColorString(color2);
@@ -12627,8 +10737,8 @@
         return `rgba(${Math.round(_fromColorRGB[0] + (_toColorRGB[0] - _fromColorRGB[0]) * ratio)},${Math.round(_fromColorRGB[1] + (_toColorRGB[1] - _fromColorRGB[1]) * ratio)},${Math.round(_fromColorRGB[2] + (_toColorRGB[2] - _fromColorRGB[2]) * ratio)},${_fromColorRGB[3] + (_toColorRGB[3] - _fromColorRGB[3]) * ratio})`;
     }
 
-    Object.keys(DEFAULT_COLORS).forEach(k => {
-        DEFAULT_COLORS[k];
+    Object.keys(vutils.DEFAULT_COLORS).forEach(k => {
+        vutils.DEFAULT_COLORS[k];
     });
 
     const interpolateOtherAttrs = (attrs, out, ratio) => {
@@ -12732,7 +10842,7 @@
                 return;
             }
             const toValue = toAttrs[fromKey];
-            if (!isNil$1(toValue) && !isNil$1(fromAttrs[fromKey]) && toValue !== fromAttrs[fromKey]) {
+            if (!vutils.isNil(toValue) && !vutils.isNil(fromAttrs[fromKey]) && toValue !== fromAttrs[fromKey]) {
                 if (fromKey === 'fill' || fromKey === 'stroke') {
                     res.push({
                         from: typeof fromAttrs[fromKey] === 'string'
@@ -13189,7 +11299,7 @@
     }
     ResourceLoader.cache = new Map();
 
-    const tempMatrix = new Matrix();
+    const tempMatrix = new vutils.Matrix();
     const PURE_STYLE_KEY = [
         'stroke',
         'opacity',
@@ -13215,7 +11325,7 @@
     const tempConstantXYKey = ['x', 'y'];
     const tempConstantScaleXYKey = ['scaleX', 'scaleY'];
     const tempConstantAngleKey = ['angle'];
-    const point = new Point();
+    const point = new vutils.Point();
     const NOWORK_ANIMATE_ATTR = {
         strokeSeg: 1,
         boundsPadding: 2,
@@ -13270,7 +11380,7 @@
         }
         constructor(params = {}) {
             super();
-            this._AABBBounds = new AABBBounds();
+            this._AABBBounds = new vutils.AABBBounds();
             this._updateTag = exports.UpdateTag.INIT;
             this.attribute = params;
             this.valid = this.isValid();
@@ -13356,7 +11466,7 @@
         }
         tryUpdateLocalTransMatrix(clearTag = true) {
             if (!this._transMatrix) {
-                this._transMatrix = new Matrix();
+                this._transMatrix = new vutils.Matrix();
             }
             if (this.shouldUpdateLocalMatrix()) {
                 this.doUpdateLocalMatrix();
@@ -13398,7 +11508,7 @@
                 return false;
             }
             if (mode === exports.IContainPointMode.GLOBAL) {
-                const point = new Point(x, y);
+                const point = new vutils.Point(x, y);
                 if (this.parent) {
                     this.parent.globalTransMatrix.transformPoint(point, point);
                 }
@@ -13436,7 +11546,7 @@
             var _a;
             const params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate({ [key]: value }, this.attribute, key, context);
             if (!params) {
-                if (!isNil$1((_a = this.normalAttrs) === null || _a === void 0 ? void 0 : _a[key])) {
+                if (!vutils.isNil((_a = this.normalAttrs) === null || _a === void 0 ? void 0 : _a[key])) {
                     this.normalAttrs[key] = value;
                 }
                 else {
@@ -13568,7 +11678,7 @@
             else {
                 let { postMatrix } = this.attribute;
                 if (!postMatrix) {
-                    postMatrix = new Matrix();
+                    postMatrix = new vutils.Matrix();
                     attribute.postMatrix = postMatrix;
                 }
                 application.transformUtil.fromMatrix(postMatrix, postMatrix).scale(scaleX, scaleY, scaleCenter);
@@ -13620,7 +11730,7 @@
             else {
                 let { postMatrix } = this.attribute;
                 if (!postMatrix) {
-                    postMatrix = new Matrix();
+                    postMatrix = new vutils.Matrix();
                     attribute.postMatrix = postMatrix;
                 }
                 application.transformUtil.fromMatrix(postMatrix, postMatrix).rotate(angle, rotateCenter);
@@ -13695,7 +11805,7 @@
             if (!this.currentStates || !this.currentStates.length) {
                 return false;
             }
-            if (!isNil$1(stateName)) {
+            if (!vutils.isNil(stateName)) {
                 return this.currentStates.includes(stateName);
             }
             return true;
@@ -13751,7 +11861,7 @@
                 this.animates.forEach(animate => {
                     if (animate.stateNames) {
                         const endProps = animate.getEndProps();
-                        if (has$1(endProps, key)) {
+                        if (vutils.has(endProps, key)) {
                             value = endProps[key];
                         }
                     }
@@ -13900,7 +12010,7 @@
                 application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, { x: scaleCenter[0], y: scaleCenter[1] });
             }
             else {
-                normalTransform(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor);
+                vutils.normalTransform(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor);
             }
             const p = this.getOffsetXY(DefaultTransform);
             this._transMatrix.e += p.x;
@@ -14094,7 +12204,7 @@
             };
         }
         createPathProxy(path) {
-            if (isString$1(path, true)) {
+            if (vutils.isString(path, true)) {
                 this.pathProxy = new CustomPath2D().fromString(path);
             }
             else {
@@ -14117,7 +12227,7 @@
             this.resources.set(url, cache);
             if (typeof image === 'string') {
                 cache.state = 'loading';
-                if (isValidUrl$1(image) || isBase64$1(image)) {
+                if (vutils.isValidUrl(image) || vutils.isBase64(image)) {
                     ResourceLoader.GetImage(image, this);
                     this.backgroundImg = this.backgroundImg || background;
                 }
@@ -14607,7 +12717,7 @@
         return rotate;
     }
     function xul(str) {
-        const xmlStr = isArray$1(str) ? str[0] : str;
+        const xmlStr = vutils.isArray(str) ? str[0] : str;
         const config = [];
         if (!xmlStr) {
             return config;
@@ -14772,7 +12882,7 @@
         }
         containsPoint(x, y, mode) {
             if (mode === exports.IContainPointMode.GLOBAL) {
-                const point = new Point(x, y);
+                const point = new vutils.Point(x, y);
                 if (this.parent) {
                     this.parent.globalTransMatrix.transformPoint(point, point);
                 }
@@ -15179,8 +13289,7 @@
             this.tryInit();
             const layerMode = this.getRecommendedLayerType(options.layerMode);
             const layerHandler = this.getLayerHandler(layerMode);
-            const layer = new Layer(stage, this.global, stage.window, Object.assign(Object.assign({ main: false }, options), { layerMode,
-                layerHandler }));
+            const layer = new Layer(stage, this.global, stage.window, Object.assign(Object.assign({ main: false }, options), { layerMode: options.canvasId ? 'static' : layerMode, canvasId: options.canvasId, layerHandler }));
             const stageLayers = this.layerMap.get(stage) || [];
             stageLayers.push(layer);
             this.layerMap.set(stage, stageLayers);
@@ -15364,7 +13473,7 @@
     }
     function runStroke(stroke, lineWidth) {
         let s;
-        if (isArray$1(stroke)) {
+        if (vutils.isArray(stroke)) {
             s = stroke.some(item => item || item === undefined);
         }
         else {
@@ -15433,7 +13542,7 @@
         const x32 = x3 - x2;
         const y32 = y3 - y2;
         let t = y32 * x10 - x32 * y10;
-        if (t * t < epsilon) {
+        if (t * t < vutils.epsilon) {
             return [];
         }
         t = (x32 * (y0 - y2) - y32 * (x0 - x2)) / t;
@@ -15479,7 +13588,7 @@
     }
     function drawArcPath$1(arc, context, cx, cy, outerRadius, innerRadius, partStroke) {
         const { startAngle, endAngle } = arc.getParsedAngle();
-        const deltaAngle = abs(endAngle - startAngle);
+        const deltaAngle = vutils.abs(endAngle - startAngle);
         const clockwise = endAngle > startAngle;
         let collapsedToLine = false;
         if (outerRadius < innerRadius) {
@@ -15487,14 +13596,14 @@
             outerRadius = innerRadius;
             innerRadius = temp;
         }
-        if (outerRadius <= epsilon) {
+        if (outerRadius <= vutils.epsilon) {
             context.moveTo(cx, cy);
         }
-        else if (deltaAngle >= pi2 - epsilon) {
-            context.moveTo(cx + outerRadius * cos(startAngle), cy + outerRadius * sin(startAngle));
+        else if (deltaAngle >= vutils.pi2 - vutils.epsilon) {
+            context.moveTo(cx + outerRadius * vutils.cos(startAngle), cy + outerRadius * vutils.sin(startAngle));
             context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise);
-            if (innerRadius > epsilon) {
-                context.moveTo(cx + innerRadius * cos(endAngle), cy + innerRadius * sin(endAngle));
+            if (innerRadius > vutils.epsilon) {
+                context.moveTo(cx + innerRadius * vutils.cos(endAngle), cy + innerRadius * vutils.sin(endAngle));
                 context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise);
             }
         }
@@ -15509,30 +13618,30 @@
             const maxInnerCornerRadius = Math.max(innerCornerRadiusEnd, innerCornerRadiusStart);
             let limitedOcr = maxOuterCornerRadius;
             let limitedIcr = maxInnerCornerRadius;
-            const xors = outerRadius * cos(outerStartAngle);
-            const yors = outerRadius * sin(outerStartAngle);
-            const xire = innerRadius * cos(innerEndAngle);
-            const yire = innerRadius * sin(innerEndAngle);
+            const xors = outerRadius * vutils.cos(outerStartAngle);
+            const yors = outerRadius * vutils.sin(outerStartAngle);
+            const xire = innerRadius * vutils.cos(innerEndAngle);
+            const yire = innerRadius * vutils.sin(innerEndAngle);
             let xore;
             let yore;
             let xirs;
             let yirs;
-            if (maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) {
-                xore = outerRadius * cos(outerEndAngle);
-                yore = outerRadius * sin(outerEndAngle);
-                xirs = innerRadius * cos(innerStartAngle);
-                yirs = innerRadius * sin(innerStartAngle);
-                if (deltaAngle < pi) {
+            if (maxInnerCornerRadius > vutils.epsilon || maxOuterCornerRadius > vutils.epsilon) {
+                xore = outerRadius * vutils.cos(outerEndAngle);
+                yore = outerRadius * vutils.sin(outerEndAngle);
+                xirs = innerRadius * vutils.cos(innerStartAngle);
+                yirs = innerRadius * vutils.sin(innerStartAngle);
+                if (deltaAngle < vutils.pi) {
                     const oc = intersect(xors, yors, xirs, yirs, xore, yore, xire, yire);
                     if (oc) {
                         const ax = xors - oc[0];
                         const ay = yors - oc[1];
                         const bx = xore - oc[0];
                         const by = yore - oc[1];
-                        const kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt(ax * ax + ay * ay) * sqrt(bx * bx + by * by))) / 2);
-                        const lc = sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
-                        limitedIcr = min(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1));
-                        limitedOcr = min(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
+                        const kc = 1 / vutils.sin(vutils.acos((ax * bx + ay * by) / (vutils.sqrt(ax * ax + ay * ay) * vutils.sqrt(bx * bx + by * by))) / 2);
+                        const lc = vutils.sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
+                        limitedIcr = vutils.min(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1));
+                        limitedOcr = vutils.min(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
                     }
                 }
             }
@@ -15542,35 +13651,35 @@
                 }
                 collapsedToLine = true;
             }
-            else if (limitedOcr > epsilon) {
-                const cornerRadiusStart = min(outerCornerRadiusStart, limitedOcr);
-                const cornerRadiusEnd = min(outerCornerRadiusEnd, limitedOcr);
+            else if (limitedOcr > vutils.epsilon) {
+                const cornerRadiusStart = vutils.min(outerCornerRadiusStart, limitedOcr);
+                const cornerRadiusEnd = vutils.min(outerCornerRadiusEnd, limitedOcr);
                 const t0 = cornerTangents(xirs, yirs, xors, yors, outerRadius, cornerRadiusStart, Number(clockwise));
                 const t1 = cornerTangents(xore, yore, xire, yire, outerRadius, cornerRadiusEnd, Number(clockwise));
                 if (limitedOcr < maxOuterCornerRadius && cornerRadiusStart === cornerRadiusEnd) {
                     if (!partStroke || partStroke[0]) {
                         context.moveTo(cx + t0.cx + t0.x01, cy + t0.cy + t0.y01);
-                        context.arc(cx + t0.cx, cy + t0.cy, limitedOcr, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !clockwise);
+                        context.arc(cx + t0.cx, cy + t0.cy, limitedOcr, vutils.atan2(t0.y01, t0.x01), vutils.atan2(t1.y01, t1.x01), !clockwise);
                     }
                     else {
-                        context.moveTo(cx + t0.cx + limitedOcr * cos(atan2(t1.y01, t1.x01)), cy + t0.cy + limitedOcr * sin(atan2(t1.y01, t1.x01)));
+                        context.moveTo(cx + t0.cx + limitedOcr * vutils.cos(vutils.atan2(t1.y01, t1.x01)), cy + t0.cy + limitedOcr * vutils.sin(vutils.atan2(t1.y01, t1.x01)));
                     }
                 }
                 else {
                     if (!partStroke || partStroke[0]) {
                         context.moveTo(cx + t0.cx + t0.x01, cy + t0.cy + t0.y01);
                         cornerRadiusStart > 0 &&
-                            context.arc(cx + t0.cx, cy + t0.cy, cornerRadiusStart, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !clockwise);
-                        context.arc(cx, cy, outerRadius, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), !clockwise);
+                            context.arc(cx + t0.cx, cy + t0.cy, cornerRadiusStart, vutils.atan2(t0.y01, t0.x01), vutils.atan2(t0.y11, t0.x11), !clockwise);
+                        context.arc(cx, cy, outerRadius, vutils.atan2(t0.cy + t0.y11, t0.cx + t0.x11), vutils.atan2(t1.cy + t1.y11, t1.cx + t1.x11), !clockwise);
                         cornerRadiusEnd > 0 &&
-                            context.arc(cx + t1.cx, cy + t1.cy, cornerRadiusEnd, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !clockwise);
+                            context.arc(cx + t1.cx, cy + t1.cy, cornerRadiusEnd, vutils.atan2(t1.y11, t1.x11), vutils.atan2(t1.y01, t1.x01), !clockwise);
                     }
                     else {
                         if (cornerRadiusEnd > 0) {
-                            context.moveTo(cx + t1.cx + cornerRadiusEnd * cos(atan2(t1.y01, t1.x01)), cy + t1.cy + cornerRadiusEnd * sin(atan2(t1.y01, t1.x01)));
+                            context.moveTo(cx + t1.cx + cornerRadiusEnd * vutils.cos(vutils.atan2(t1.y01, t1.x01)), cy + t1.cy + cornerRadiusEnd * vutils.sin(vutils.atan2(t1.y01, t1.x01)));
                         }
                         else {
-                            context.moveTo(cx + xore, cy + outerRadius * sin(outerEndAngle));
+                            context.moveTo(cx + xore, cy + outerRadius * vutils.sin(outerEndAngle));
                         }
                     }
                 }
@@ -15581,10 +13690,10 @@
                     context.arc(cx, cy, outerRadius, outerStartAngle, outerEndAngle, !clockwise);
                 }
                 else {
-                    context.moveTo(cx + outerRadius * cos(outerEndAngle), cy + outerRadius * sin(outerEndAngle));
+                    context.moveTo(cx + outerRadius * vutils.cos(outerEndAngle), cy + outerRadius * vutils.sin(outerEndAngle));
                 }
             }
-            if (!(innerRadius > epsilon) || innerDeltaAngle < 0.001) {
+            if (!(innerRadius > vutils.epsilon) || innerDeltaAngle < 0.001) {
                 if (!partStroke || partStroke[1]) {
                     context.lineTo(cx + xire, cy + yire);
                 }
@@ -15593,9 +13702,9 @@
                 }
                 collapsedToLine = true;
             }
-            else if (limitedIcr > epsilon) {
-                const cornerRadiusStart = min(innerCornerRadiusStart, limitedIcr);
-                const cornerRadiusEnd = min(innerCornerRadiusEnd, limitedIcr);
+            else if (limitedIcr > vutils.epsilon) {
+                const cornerRadiusStart = vutils.min(innerCornerRadiusStart, limitedIcr);
+                const cornerRadiusEnd = vutils.min(innerCornerRadiusEnd, limitedIcr);
                 const t0 = cornerTangents(xire, yire, xore, yore, innerRadius, -cornerRadiusEnd, Number(clockwise));
                 const t1 = cornerTangents(xors, yors, xirs, yirs, innerRadius, -cornerRadiusStart, Number(clockwise));
                 if (!partStroke || partStroke[1]) {
@@ -15605,25 +13714,25 @@
                     context.moveTo(cx + t0.cx + t0.x01, cy + t0.cy + t0.y01);
                 }
                 if (limitedIcr < maxInnerCornerRadius && cornerRadiusStart === cornerRadiusEnd) {
-                    const arcEndAngle = atan2(t1.y01, t1.x01);
+                    const arcEndAngle = vutils.atan2(t1.y01, t1.x01);
                     if (!partStroke || partStroke[2]) {
-                        context.arc(cx + t0.cx, cy + t0.cy, limitedIcr, atan2(t0.y01, t0.x01), arcEndAngle, !clockwise);
+                        context.arc(cx + t0.cx, cy + t0.cy, limitedIcr, vutils.atan2(t0.y01, t0.x01), arcEndAngle, !clockwise);
                     }
                     else {
-                        context.moveTo(cx + t0.cx + cos(arcEndAngle), cy + t0.cy + sin(arcEndAngle));
+                        context.moveTo(cx + t0.cx + vutils.cos(arcEndAngle), cy + t0.cy + vutils.sin(arcEndAngle));
                     }
                 }
                 else {
                     if (!partStroke || partStroke[2]) {
                         cornerRadiusEnd > 0 &&
-                            context.arc(cx + t0.cx, cy + t0.cy, cornerRadiusEnd, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !clockwise);
-                        context.arc(cx, cy, innerRadius, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), clockwise);
+                            context.arc(cx + t0.cx, cy + t0.cy, cornerRadiusEnd, vutils.atan2(t0.y01, t0.x01), vutils.atan2(t0.y11, t0.x11), !clockwise);
+                        context.arc(cx, cy, innerRadius, vutils.atan2(t0.cy + t0.y11, t0.cx + t0.x11), vutils.atan2(t1.cy + t1.y11, t1.cx + t1.x11), clockwise);
                         cornerRadiusStart > 0 &&
-                            context.arc(cx + t1.cx, cy + t1.cy, cornerRadiusStart, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !clockwise);
+                            context.arc(cx + t1.cx, cy + t1.cy, cornerRadiusStart, vutils.atan2(t1.y11, t1.x11), vutils.atan2(t1.y01, t1.x01), !clockwise);
                     }
                     else {
                         if (cornerRadiusStart > 0) {
-                            context.moveTo(cx + t1.cx + cornerRadiusStart * cos(atan2(t1.y01, t1.x01)), cy + t1.cy + cornerRadiusStart * sin(atan2(t1.y01, t1.x01)));
+                            context.moveTo(cx + t1.cx + cornerRadiusStart * vutils.cos(vutils.atan2(t1.y01, t1.x01)), cy + t1.cy + cornerRadiusStart * vutils.sin(vutils.atan2(t1.y01, t1.x01)));
                         }
                         else {
                             context.moveTo(cx + xirs, cy + yirs);
@@ -15642,7 +13751,7 @@
                     context.arc(cx, cy, innerRadius, innerEndAngle, innerStartAngle, clockwise);
                 }
                 else {
-                    context.moveTo(cx + innerRadius * cos(innerStartAngle), cy + innerRadius * sin(innerStartAngle));
+                    context.moveTo(cx + innerRadius * vutils.cos(innerStartAngle), cy + innerRadius * vutils.sin(innerStartAngle));
                 }
             }
         }
@@ -15650,7 +13759,7 @@
             context.closePath();
         }
         else if (partStroke[3]) {
-            context.lineTo(cx + outerRadius * cos(startAngle), cy + outerRadius * sin(startAngle));
+            context.lineTo(cx + outerRadius * vutils.cos(startAngle), cy + outerRadius * vutils.sin(startAngle));
         }
         return collapsedToLine;
     }
@@ -15769,10 +13878,10 @@
     function getConicGradientAt(x, y, angle, color) {
         const { stops, startAngle, endAngle } = color;
         while (angle < 0) {
-            angle += pi2;
+            angle += vutils.pi2;
         }
-        while (angle > pi2) {
-            angle -= pi2;
+        while (angle > vutils.pi2) {
+            angle -= vutils.pi2;
         }
         if (angle < startAngle) {
             return stops[0].color;
@@ -16377,7 +14486,7 @@
             if (!this.shouldUpdateShape() && this.cache) {
                 this.cache.verticalList.forEach(item => {
                     const w = item.reduce((a, b) => a + b.width, 0);
-                    width = max(w, width);
+                    width = vutils.max(w, width);
                 });
                 const dx = textDrawOffsetX(textAlign, width);
                 const height = this.cache.verticalList.length * lineHeight;
@@ -16420,7 +14529,7 @@
             this.clearUpdateShapeTag();
             this.cache.verticalList.forEach(item => {
                 const w = item.reduce((a, b) => a + b.width, 0);
-                width = max(w, width);
+                width = vutils.max(w, width);
             });
             const dx = textDrawOffsetX(textAlign, width);
             const height = this.cache.verticalList.length * lineHeight;
@@ -16467,7 +14576,7 @@
     class WrapText extends Text {
         _isValid() {
             const { text } = this.attribute;
-            if (isArray$1(text)) {
+            if (vutils.isArray(text)) {
                 return !text.every((t) => t == null || t === '');
             }
             return text != null && text !== '';
@@ -16603,7 +14712,7 @@
 
     class BaseSymbol {
         bounds(size, bounds) {
-            if (isNumber$2(size)) {
+            if (vutils.isNumber(size)) {
                 const halfS = size / 2;
                 bounds.x1 = -halfS;
                 bounds.x2 = halfS;
@@ -16621,10 +14730,10 @@
 
     function circle(ctx, r, x, y, z) {
         if (z) {
-            ctx.arc(x, y, r, 0, tau, false, z);
+            ctx.arc(x, y, r, 0, vutils.tau, false, z);
         }
         else {
-            ctx.arc(x, y, r, 0, tau);
+            ctx.arc(x, y, r, 0, vutils.tau);
         }
         return false;
     }
@@ -16789,15 +14898,15 @@
     var triangle = new TriangleSymbol();
 
     const kr = Math.sin(Math.PI / 10) / Math.sin((7 * Math.PI) / 10);
-    const kx = Math.sin(tau / 10) * kr;
-    const ky = -Math.cos(tau / 10) * kr;
+    const kx = Math.sin(vutils.tau / 10) * kr;
+    const ky = -Math.cos(vutils.tau / 10) * kr;
     function star(ctx, r, transX, transY) {
         const x = kx * r;
         const y = ky * r;
         ctx.moveTo(transX, -r + transY);
         ctx.lineTo(x + transX, y + transY);
         for (let i = 1; i < 5; ++i) {
-            const a = (tau * i) / 5;
+            const a = (vutils.tau * i) / 5;
             const c = Math.cos(a);
             const s = Math.sin(a);
             ctx.lineTo(s * r + transX, -c * r + transY);
@@ -16823,7 +14932,7 @@
     }
     var star$1 = new StarSymbol();
 
-    const sqrt3$1 = sqrt(3);
+    const sqrt3$1 = vutils.sqrt(3);
     function arrow(ctx, r, transX, transY) {
         const triangleH = r;
         const trangleBottomSide = triangleH / sqrt3$1;
@@ -16904,8 +15013,8 @@
     var stroke$1 = new StrokeSymbol();
 
     const c = -0.5;
-    const s = sqrt(3) / 2;
-    const k = 1 / sqrt(12);
+    const s = vutils.sqrt(3) / 2;
+    const k = 1 / vutils.sqrt(12);
     function wye(ctx, r, transX, transY) {
         const x0 = r / 2;
         const y0 = r * k;
@@ -17035,7 +15144,7 @@
     }
     var triangleDown = new TriangleDownSymbol();
 
-    const sqrt3 = sqrt(3);
+    const sqrt3 = vutils.sqrt(3);
     function thinTriangle(ctx, r, x, y) {
         const h = r * sqrt3;
         ctx.moveTo(x, y + (-h / 3) * 2);
@@ -17248,11 +15357,11 @@
             this.pathStr = 'M-0.5,-0.5h1v1h-1Z';
         }
         draw(ctx, size, x, y) {
-            const rectSize = isNumber$2(size) ? [size, size] : size;
+            const rectSize = vutils.isNumber(size) ? [size, size] : size;
             return rect(ctx, rectSize, x, y);
         }
         drawOffset(ctx, size, x, y, offset) {
-            const rectSize = isNumber$2(size)
+            const rectSize = vutils.isNumber(size)
                 ? [size + 2 * offset, size + 2 * offset]
                 : [size[0] + 2 * offset, size[1] + 2 * offset];
             return rect(ctx, rectSize, x, y);
@@ -17260,12 +15369,12 @@
     }
     var rect$1 = new RectSymbol();
 
-    const tempBounds = new AABBBounds();
+    const tempBounds = new vutils.AABBBounds();
     class CustomSymbolClass {
         constructor(type, path, isSvg = false) {
             this.pathStr = '';
             this.type = type;
-            if (isArray$1(path)) {
+            if (vutils.isArray(path)) {
                 this.svgCache = path;
             }
             else {
@@ -17377,7 +15486,7 @@
         }
         _isValid() {
             const { size } = this.attribute;
-            return isArray$1(size) ? size.length === 2 && size.every(this._validNumber) : this._validNumber(size);
+            return vutils.isArray(size) ? size.length === 2 && size.every(this._validNumber) : this._validNumber(size);
         }
         doUpdateParsedPath() {
             const symbolTheme = getTheme(this).symbol;
@@ -17399,8 +15508,8 @@
                 if (!svg) {
                     return null;
                 }
-                const path = isArray$1(svg.path) ? svg.path : [svg.path];
-                const b = new AABBBounds();
+                const path = vutils.isArray(svg.path) ? svg.path : [svg.path];
+                const b = new vutils.AABBBounds();
                 const cacheList = [];
                 path.forEach((item) => {
                     const cache = new CustomPath2D().fromString(item.d);
@@ -17420,7 +15529,7 @@
                 });
                 const width = b.width();
                 const height = b.height();
-                const maxWH = max(width, height);
+                const maxWH = vutils.max(width, height);
                 const scale = 1 / maxWH;
                 cacheList.forEach(cache => cache.path.transform(0, 0, scale, scale));
                 this._parsedPath = new CustomSymbolClass(symbolType, cacheList, true);
@@ -17430,7 +15539,7 @@
             const cache = new CustomPath2D().fromString(symbolType);
             const width = cache.bounds.width();
             const height = cache.bounds.height();
-            const maxWH = max(width, height);
+            const maxWH = vutils.max(width, height);
             const scale = 1 / maxWH;
             cache.transform(0, 0, scale, scale);
             this._parsedPath = new CustomSymbolClass(symbolType, cache);
@@ -17468,7 +15577,7 @@
             const size = this.attribute.size;
             const x = 0;
             const y = 0;
-            const formattedSize = isArray$1(size) ? size : [size, size];
+            const formattedSize = vutils.isArray(size) ? size : [size, size];
             return symbolInstance.path
                 ? new CustomPath2D().fromCustomPath2D(symbolInstance.path, x, y, formattedSize[0], formattedSize[1])
                 : new CustomPath2D().fromString(symbolInstance.pathStr, x, y, formattedSize[0], formattedSize[1]);
@@ -17659,7 +15768,7 @@
         findFace() {
             const faces = { polygons: [], vertices: [], edges: [] };
             const rectTheme = getTheme(this).rect3d;
-            const { width = rectTheme.width, height = rectTheme.width, length = min(rectTheme.width, rectTheme.height) } = this.attribute;
+            const { width = rectTheme.width, height = rectTheme.width, length = vutils.min(rectTheme.width, rectTheme.height) } = this.attribute;
             for (let i = 0; i < CUBE_VERTICES.length; i++) {
                 const v = CUBE_VERTICES[i];
                 faces.vertices.push([v[0] * width, v[1] * height, v[2] * length]);
@@ -18426,7 +16535,7 @@
                 }
             }
             this.onBeforeAttributeUpdate = (val, attributes, key) => {
-                if ((isArray$1(key) && key.indexOf('margin') !== -1) || key === 'margin') {
+                if ((vutils.isArray(key) && key.indexOf('margin') !== -1) || key === 'margin') {
                     if (attributes.margin) {
                         const marginArray = parsePadding(attributes.margin);
                         if (typeof marginArray === 'number') {
@@ -19033,7 +17142,7 @@
             if (attribute.path instanceof CustomPath2D) {
                 return attribute.path;
             }
-            if (isNil$1(this.cache)) {
+            if (vutils.isNil(this.cache)) {
                 this.doUpdatePathShape();
             }
             if (this.cache instanceof CustomPath2D) {
@@ -19057,7 +17166,7 @@
         }
         doUpdatePathShape() {
             const attribute = this.attribute;
-            if (isString$1(attribute.path, true)) {
+            if (vutils.isString(attribute.path, true)) {
                 this.cache = new CustomPath2D().fromString(attribute.path);
             }
             else if (attribute.customPath) {
@@ -19232,7 +17341,7 @@
                 return 0;
             }
             const deltaRadius = Math.abs(outerRadius - innerRadius);
-            return Math.min(isNumber$2(cornerRadius, true)
+            return Math.min(vutils.isNumber(cornerRadius, true)
                 ? cornerRadius
                 : (deltaRadius * parseFloat(cornerRadius)) / 100, deltaRadius / 2);
         }
@@ -19242,9 +17351,9 @@
             const { cap = arcTheme.cap } = this.attribute;
             const sign = endAngle - startAngle >= 0 ? 1 : -1;
             const deltaAngle = endAngle - startAngle;
-            startAngle = clampAngleByRadian(startAngle);
+            startAngle = vutils.clampAngleByRadian(startAngle);
             endAngle = startAngle + deltaAngle;
-            if (cap && abs(deltaAngle) < pi2 - epsilon) {
+            if (cap && vutils.abs(deltaAngle) < vutils.pi2 - vutils.epsilon) {
                 let startCap = 1;
                 let endCap = 1;
                 if (cap.length) {
@@ -19254,7 +17363,7 @@
                 const { outerRadius = arcTheme.outerRadius, innerRadius = arcTheme.innerRadius } = this.attribute;
                 const capWidth = Math.abs(outerRadius - innerRadius) / 2;
                 const capAngle = capWidth / outerRadius;
-                if (capWidth > epsilon && outerRadius > epsilon) {
+                if (capWidth > vutils.epsilon && outerRadius > vutils.epsilon) {
                     return {
                         startAngle: startAngle - sign * capAngle * startCap,
                         endAngle: endAngle + sign * capAngle * endCap,
@@ -19271,8 +17380,8 @@
         getParsePadAngle(startAngle, endAngle) {
             const arcTheme = getTheme(this).arc;
             const { outerRadius = arcTheme.outerRadius, innerRadius = arcTheme.innerRadius, padAngle = arcTheme.padAngle } = this.attribute;
-            const { padRadius = sqrt(outerRadius * outerRadius + innerRadius * innerRadius) } = this.attribute;
-            const deltaAngle = abs(endAngle - startAngle);
+            const { padRadius = vutils.sqrt(outerRadius * outerRadius + innerRadius * innerRadius) } = this.attribute;
+            const deltaAngle = vutils.abs(endAngle - startAngle);
             let outerStartAngle = startAngle;
             let outerEndAngle = endAngle;
             let innerStartAngle = startAngle;
@@ -19280,11 +17389,11 @@
             const halfPadAngle = padAngle / 2;
             let innerDeltaAngle = deltaAngle;
             let outerDeltaAngle = deltaAngle;
-            if (halfPadAngle > epsilon && padRadius > epsilon) {
+            if (halfPadAngle > vutils.epsilon && padRadius > vutils.epsilon) {
                 const sign = endAngle > startAngle ? 1 : -1;
-                let p0 = asin((Number(padRadius) / innerRadius) * sin(halfPadAngle));
-                let p1 = asin((Number(padRadius) / outerRadius) * sin(halfPadAngle));
-                if ((innerDeltaAngle -= p0 * 2) > epsilon) {
+                let p0 = vutils.asin((Number(padRadius) / innerRadius) * vutils.sin(halfPadAngle));
+                let p1 = vutils.asin((Number(padRadius) / outerRadius) * vutils.sin(halfPadAngle));
+                if ((innerDeltaAngle -= p0 * 2) > vutils.epsilon) {
                     p0 *= sign;
                     innerStartAngle += p0;
                     innerEndAngle -= p0;
@@ -19293,7 +17402,7 @@
                     innerDeltaAngle = 0;
                     innerStartAngle = innerEndAngle = (startAngle + endAngle) / 2;
                 }
-                if ((outerDeltaAngle -= p1 * 2) > epsilon) {
+                if ((outerDeltaAngle -= p1 * 2) > vutils.epsilon) {
                     p1 *= sign;
                     outerStartAngle += p1;
                     outerEndAngle -= p1;
@@ -19353,7 +17462,7 @@
             const { startAngle, endAngle } = this.getParsedAngle();
             let innerRadius = attribute.innerRadius;
             let outerRadius = attribute.outerRadius;
-            const deltaAngle = abs(endAngle - startAngle);
+            const deltaAngle = vutils.abs(endAngle - startAngle);
             const clockwise = endAngle > startAngle;
             if (outerRadius < innerRadius) {
                 const temp = outerRadius;
@@ -19361,22 +17470,22 @@
                 innerRadius = temp;
             }
             const path = new CustomPath2D();
-            if (outerRadius <= epsilon) {
+            if (outerRadius <= vutils.epsilon) {
                 path.moveTo(x, y);
             }
-            else if (deltaAngle >= pi2 - epsilon) {
-                path.moveTo(x + outerRadius * cos(startAngle), y + outerRadius * sin(startAngle));
+            else if (deltaAngle >= vutils.pi2 - vutils.epsilon) {
+                path.moveTo(x + outerRadius * vutils.cos(startAngle), y + outerRadius * vutils.sin(startAngle));
                 path.arc(x, y, outerRadius, startAngle, endAngle, !clockwise);
-                if (innerRadius > epsilon) {
-                    path.moveTo(x + innerRadius * cos(endAngle), y + innerRadius * sin(endAngle));
+                if (innerRadius > vutils.epsilon) {
+                    path.moveTo(x + innerRadius * vutils.cos(endAngle), y + innerRadius * vutils.sin(endAngle));
                     path.arc(x, y, innerRadius, endAngle, startAngle, clockwise);
                 }
             }
             else {
-                const xors = outerRadius * cos(startAngle);
-                const yors = outerRadius * sin(startAngle);
-                const xire = innerRadius * cos(endAngle);
-                const yire = innerRadius * sin(endAngle);
+                const xors = outerRadius * vutils.cos(startAngle);
+                const yors = outerRadius * vutils.sin(startAngle);
+                const xire = innerRadius * vutils.cos(endAngle);
+                const yire = innerRadius * vutils.sin(endAngle);
                 path.moveTo(x + xors, y + yors);
                 path.arc(x, y, outerRadius, startAngle, endAngle, !clockwise);
                 path.lineTo(x + xire, y + yire);
@@ -19523,14 +17632,14 @@
                 for (let j = i + 1; j < kList.length; j++) {
                     if (kList[i] === kList[j]) {
                         find = true;
-                        const d1 = PointService.distancePP(pointsMap[i].p, pointsMap[i + 1].p);
+                        const d1 = vutils.PointService.distancePP(pointsMap[i].p, pointsMap[i + 1].p);
                         pointsMap[i].d = d1;
                         pointsMap[i + 1].d = d1;
-                        maxD = max(maxD, d1);
-                        const d2 = PointService.distancePP(pointsMap[j].p, pointsMap[j + 1].p);
+                        maxD = vutils.max(maxD, d1);
+                        const d2 = vutils.PointService.distancePP(pointsMap[j].p, pointsMap[j + 1].p);
                         pointsMap[j].d = d2;
                         pointsMap[j + 1].d = d2;
-                        maxD = max(maxD, d2);
+                        maxD = vutils.max(maxD, d2);
                     }
                     if (find) {
                         break;
@@ -19657,7 +17766,7 @@
         }
         allocate(a, b, c, d, e, f) {
             if (!this.pools.length) {
-                return new Matrix(a, b, c, d, e, f);
+                return new vutils.Matrix(a, b, c, d, e, f);
             }
             const m = this.pools.pop();
             m.a = a;
@@ -19670,7 +17779,7 @@
         }
         allocateByObj(matrix) {
             if (!this.pools.length) {
-                return new Matrix(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
+                return new vutils.Matrix(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
             }
             const m = this.pools.pop();
             m.a = matrix.a;
@@ -20188,8 +18297,8 @@
                     'selfChange'
                 ])
             };
-            this.tempAABBBounds1 = new AABBBounds();
-            this.tempAABBBounds2 = new AABBBounds();
+            this.tempAABBBounds1 = new vutils.AABBBounds();
+            this.tempAABBBounds2 = new vutils.AABBBounds();
         }
         onAttributeUpdate(graphic) {
             if (this.hooks.onAttributeUpdate.taps.length) {
@@ -20360,7 +18469,7 @@
                 aabbBounds.union(tb1);
             }
             this.combindShadowAABBBounds(aabbBounds, graphic);
-            transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix);
+            vutils.transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix);
             return aabbBounds;
         }
         updatePathAABBBounds(attribute, pathTheme, aabbBounds, graphic) {
@@ -20547,7 +18656,7 @@
         }
         updateCircleAABBBoundsAccurate(attribute, circleTheme, aabbBounds, graphic) {
             const { startAngle = circleTheme.startAngle, endAngle = circleTheme.endAngle, radius = circleTheme.radius } = attribute;
-            if (endAngle - startAngle > pi2 - epsilon) {
+            if (endAngle - startAngle > vutils.pi2 - vutils.epsilon) {
                 aabbBounds.set(-radius, -radius, radius, radius);
             }
             else {
@@ -20596,10 +18705,10 @@
                 startAngle = endAngle;
                 endAngle = temp;
             }
-            if (outerRadius <= epsilon) {
+            if (outerRadius <= vutils.epsilon) {
                 aabbBounds.set(0, 0, 0, 0);
             }
-            else if (Math.abs(endAngle - startAngle) > pi2 - epsilon) {
+            else if (Math.abs(endAngle - startAngle) > vutils.pi2 - vutils.epsilon) {
                 aabbBounds.set(-outerRadius, -outerRadius, outerRadius, outerRadius);
             }
             else {
@@ -20633,7 +18742,7 @@
         }
         updateSymbolAABBBoundsImprecise(attribute, symbolTheme, aabbBounds, graphic) {
             const { size = symbolTheme.size } = attribute;
-            if (isArray$1(size)) {
+            if (vutils.isArray(size)) {
                 aabbBounds.set(-size[0] / 2, -size[1] / 2, size[0] / 2, size[1] / 2);
             }
             else {
@@ -20685,7 +18794,7 @@
                 aabbBounds.union(tb1);
             }
             this.combindShadowAABBBounds(aabbBounds, graphic);
-            transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix);
+            vutils.transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix);
         }
     };
     exports.DefaultGraphicService = __decorate([
@@ -21023,7 +19132,7 @@
             const startAngle = data.startAngle;
             let endAngle = data.endAngle;
             endAngle = _ea;
-            const deltaAngle = abs(endAngle - startAngle);
+            const deltaAngle = vutils.abs(endAngle - startAngle);
             const clockwise = endAngle > startAngle;
             let collapsedToLine = false;
             if (outerRadius < innerRadius) {
@@ -21041,77 +19150,77 @@
             const maxInnerCornerRadius = Math.max(innerCornerRadiusEnd, innerCornerRadiusStart);
             let limitedOcr = maxOuterCornerRadius;
             let limitedIcr = maxInnerCornerRadius;
-            const xors = outerRadius * cos(outerStartAngle);
-            const yors = outerRadius * sin(outerStartAngle);
-            const xire = innerRadius * cos(innerEndAngle);
-            const yire = innerRadius * sin(innerEndAngle);
+            const xors = outerRadius * vutils.cos(outerStartAngle);
+            const yors = outerRadius * vutils.sin(outerStartAngle);
+            const xire = innerRadius * vutils.cos(innerEndAngle);
+            const yire = innerRadius * vutils.sin(innerEndAngle);
             let xore;
             let yore;
             let xirs;
             let yirs;
-            if (maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) {
-                xore = outerRadius * cos(outerEndAngle);
-                yore = outerRadius * sin(outerEndAngle);
-                xirs = innerRadius * cos(innerStartAngle);
-                yirs = innerRadius * sin(innerStartAngle);
-                if (deltaAngle < pi) {
+            if (maxInnerCornerRadius > vutils.epsilon || maxOuterCornerRadius > vutils.epsilon) {
+                xore = outerRadius * vutils.cos(outerEndAngle);
+                yore = outerRadius * vutils.sin(outerEndAngle);
+                xirs = innerRadius * vutils.cos(innerStartAngle);
+                yirs = innerRadius * vutils.sin(innerStartAngle);
+                if (deltaAngle < vutils.pi) {
                     const oc = intersect(xors, yors, xirs, yirs, xore, yore, xire, yire);
                     if (oc) {
                         const ax = xors - oc[0];
                         const ay = yors - oc[1];
                         const bx = xore - oc[0];
                         const by = yore - oc[1];
-                        const kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt(ax * ax + ay * ay) * sqrt(bx * bx + by * by))) / 2);
-                        const lc = sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
-                        limitedIcr = min(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1));
-                        limitedOcr = min(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
+                        const kc = 1 / vutils.sin(vutils.acos((ax * bx + ay * by) / (vutils.sqrt(ax * ax + ay * ay) * vutils.sqrt(bx * bx + by * by))) / 2);
+                        const lc = vutils.sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
+                        limitedIcr = vutils.min(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1));
+                        limitedOcr = vutils.min(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
                     }
                 }
             }
-            if (limitedOcr > epsilon) {
-                const cornerRadiusStart = min(outerCornerRadiusStart, limitedOcr);
-                const cornerRadiusEnd = min(outerCornerRadiusEnd, limitedOcr);
+            if (limitedOcr > vutils.epsilon) {
+                const cornerRadiusStart = vutils.min(outerCornerRadiusStart, limitedOcr);
+                const cornerRadiusEnd = vutils.min(outerCornerRadiusEnd, limitedOcr);
                 const t0 = cornerTangents(xirs, yirs, xors, yors, outerRadius, cornerRadiusStart, Number(clockwise));
                 const t1 = cornerTangents(xore, yore, xire, yire, outerRadius, cornerRadiusEnd, Number(clockwise));
                 if (limitedOcr < maxOuterCornerRadius && cornerRadiusStart === cornerRadiusEnd) {
                     context.moveTo(cx + t0.cx + t0.x01, cy + t0.cy + t0.y01);
-                    context.arc(cx + t0.cx, cy + t0.cy, limitedOcr, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !clockwise);
+                    context.arc(cx + t0.cx, cy + t0.cy, limitedOcr, vutils.atan2(t0.y01, t0.x01), vutils.atan2(t1.y01, t1.x01), !clockwise);
                 }
                 else {
                     const a1 = endAngle - capAngle - 0.03;
-                    const a2 = atan2(t1.y11, t1.x11);
+                    const a2 = vutils.atan2(t1.y11, t1.x11);
                     context.arc(cx, cy, outerRadius, a1, a2, !clockwise);
                     cornerRadiusEnd > 0 &&
-                        context.arc(cx + t1.cx, cy + t1.cy, cornerRadiusEnd, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !clockwise);
+                        context.arc(cx + t1.cx, cy + t1.cy, cornerRadiusEnd, vutils.atan2(t1.y11, t1.x11), vutils.atan2(t1.y01, t1.x01), !clockwise);
                 }
             }
             else {
                 context.moveTo(cx + xors, cy + yors);
             }
-            if (!(innerRadius > epsilon) || innerDeltaAngle < 0.001) {
+            if (!(innerRadius > vutils.epsilon) || innerDeltaAngle < 0.001) {
                 context.lineTo(cx + xire, cy + yire);
                 collapsedToLine = true;
             }
-            else if (limitedIcr > epsilon) {
-                const cornerRadiusStart = min(innerCornerRadiusStart, limitedIcr);
-                const cornerRadiusEnd = min(innerCornerRadiusEnd, limitedIcr);
+            else if (limitedIcr > vutils.epsilon) {
+                const cornerRadiusStart = vutils.min(innerCornerRadiusStart, limitedIcr);
+                const cornerRadiusEnd = vutils.min(innerCornerRadiusEnd, limitedIcr);
                 const t0 = cornerTangents(xire, yire, xore, yore, innerRadius, -cornerRadiusEnd, Number(clockwise));
                 const t1 = cornerTangents(xors, yors, xirs, yirs, innerRadius, -cornerRadiusStart, Number(clockwise));
                 context.lineTo(cx + t0.cx + t0.x01, cy + t0.cy + t0.y01);
                 if (limitedIcr < maxInnerCornerRadius && cornerRadiusStart === cornerRadiusEnd) {
-                    const arcEndAngle = atan2(t1.y01, t1.x01);
-                    context.arc(cx + t0.cx, cy + t0.cy, limitedIcr, atan2(t0.y01, t0.x01), arcEndAngle, !clockwise);
+                    const arcEndAngle = vutils.atan2(t1.y01, t1.x01);
+                    context.arc(cx + t0.cx, cy + t0.cy, limitedIcr, vutils.atan2(t0.y01, t0.x01), arcEndAngle, !clockwise);
                 }
                 else {
                     cornerRadiusEnd > 0 &&
-                        context.arc(cx + t0.cx, cy + t0.cy, cornerRadiusEnd, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !clockwise);
-                    const a1 = atan2(t0.cy + t0.y11, t0.cx + t0.x11);
+                        context.arc(cx + t0.cx, cy + t0.cy, cornerRadiusEnd, vutils.atan2(t0.y01, t0.x01), vutils.atan2(t0.y11, t0.x11), !clockwise);
+                    const a1 = vutils.atan2(t0.cy + t0.y11, t0.cx + t0.x11);
                     const a2 = endAngle - capAngle - 0.03;
                     context.arc(cx, cy, innerRadius, a1, a2, clockwise);
                 }
             }
             else {
-                context.lineTo(cx + innerRadius * cos(innerStartAngle), cy + innerRadius * sin(innerStartAngle));
+                context.lineTo(cx + innerRadius * vutils.cos(innerStartAngle), cy + innerRadius * vutils.sin(innerStartAngle));
             }
             return collapsedToLine;
         }
@@ -21125,10 +19234,10 @@
             const { fVisible, sVisible, doFill, doStroke } = data;
             const { outerRadius = arcAttribute.outerRadius, innerRadius = arcAttribute.innerRadius, cap = arcAttribute.cap, forceShowCap = arcAttribute.forceShowCap } = arc.attribute;
             let conicalOffset = 0;
-            const tempChangeConicalColor = ((isBoolean$1(cap) && cap) || cap[0]) && fill.gradient === 'conical';
+            const tempChangeConicalColor = ((vutils.isBoolean(cap) && cap) || cap[0]) && fill.gradient === 'conical';
             if (tempChangeConicalColor) {
                 const { sc, startAngle, endAngle } = arc.getParsedAngle();
-                if (abs(endAngle - startAngle) < pi2 - epsilon) {
+                if (vutils.abs(endAngle - startAngle) < vutils.pi2 - vutils.epsilon) {
                     conicalOffset = sc || 0;
                     fill.startAngle -= conicalOffset;
                     fill.endAngle -= conicalOffset;
@@ -21175,10 +19284,10 @@
                     context.stroke();
                 }
             }
-            if (((isBoolean$1(cap) && cap) || cap[1]) && forceShowCap) {
+            if (((vutils.isBoolean(cap) && cap) || cap[1]) && forceShowCap) {
                 const { startAngle: sa, endAngle: ea } = arc.getParsedAngle();
-                const deltaAngle = abs(ea - sa);
-                if (deltaAngle >= pi2 - epsilon) {
+                const deltaAngle = vutils.abs(ea - sa);
+                if (deltaAngle >= vutils.pi2 - vutils.epsilon) {
                     context.beginPath();
                     const capWidth = Math.abs(outerRadius - innerRadius) / 2;
                     const capAngle = capWidth / outerRadius;
@@ -21423,7 +19532,7 @@
                 if (needMoveTo) {
                     path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);
                 }
-                drawSegItem$1(path, curve, min(_p, 1), params);
+                drawSegItem$1(path, curve, vutils.min(_p, 1), params);
                 needMoveTo = false;
             }
         }
@@ -21514,7 +19623,7 @@
                 offsetZ: z
             });
             if (line.cache &&
-                !isArray$1(line.cache) &&
+                !vutils.isArray(line.cache) &&
                 line.cache.curves.every(c => c.defined) &&
                 line.attribute.curveType &&
                 line.attribute.curveType.includes('Closed')) {
@@ -21542,7 +19651,7 @@
                 }
             }
             let { connectedType, connectedX, connectedY, connectedStyle } = attribute;
-            if (isArray$1(defaultAttribute)) {
+            if (vutils.isArray(defaultAttribute)) {
                 connectedType = (_b = connectedType !== null && connectedType !== void 0 ? connectedType : defaultAttribute[0].connectedType) !== null && _b !== void 0 ? _b : defaultAttribute[1].connectedType;
                 connectedX = (_c = connectedX !== null && connectedX !== void 0 ? connectedX : defaultAttribute[0].connectedX) !== null && _c !== void 0 ? _c : defaultAttribute[1].connectedX;
                 connectedY = (_d = connectedY !== null && connectedY !== void 0 ? connectedY : defaultAttribute[0].connectedY) !== null && _d !== void 0 ? _d : defaultAttribute[1].connectedY;
@@ -21569,7 +19678,7 @@
                     zeroY: connectedY
                 });
                 const da = [];
-                if (isArray$1(defaultAttribute)) {
+                if (vutils.isArray(defaultAttribute)) {
                     defaultAttribute.forEach(i => da.push(i));
                 }
                 else {
@@ -21701,7 +19810,7 @@
                         const _cr = (totalDrawLength - drawedLengthUntilLast) / curSegLength;
                         drawedLengthUntilLast += curSegLength;
                         if (_cr > 0) {
-                            skip = this.drawSegmentItem(context, cache, !!fill, !!stroke, fillOpacity, strokeOpacity, segments[index], [lineAttribute, line.attribute], min(_cr, 1), clipRangeByDimension, x, y, line, fillCb, strokeCb);
+                            skip = this.drawSegmentItem(context, cache, !!fill, !!stroke, fillOpacity, strokeOpacity, segments[index], [lineAttribute, line.attribute], vutils.min(_cr, 1), clipRangeByDimension, x, y, line, fillCb, strokeCb);
                         }
                     });
                 }
@@ -21818,8 +19927,8 @@
         let { direction } = params || {};
         const { curves: topCurves } = top;
         const endP = (_a = topCurves[topCurves.length - 1].p3) !== null && _a !== void 0 ? _a : topCurves[topCurves.length - 1].p1;
-        const xTotalLength = abs(endP.x - topCurves[0].p0.x);
-        const yTotalLength = abs(endP.y - topCurves[0].p0.y);
+        const xTotalLength = vutils.abs(endP.x - topCurves[0].p0.x);
+        const yTotalLength = vutils.abs(endP.y - topCurves[0].p0.y);
         direction = direction !== null && direction !== void 0 ? direction : (xTotalLength > yTotalLength ? exports.Direction.ROW : exports.Direction.COLUMN);
         if (!Number.isFinite(xTotalLength)) {
             direction = exports.Direction.COLUMN;
@@ -22165,7 +20274,7 @@
                         const _cr = (totalDrawLength - drawedLengthUntilLast) / curSegLength;
                         drawedLengthUntilLast += curSegLength;
                         if (_cr > 0) {
-                            skip = this.drawSegmentItem(context, cache, doFill, fillOpacity, doStroke, strokeOpacity, segments[index], [areaAttribute, area.attribute], min(_cr, 1), x, y, z, area, drawContext, fillCb, strokeCb);
+                            skip = this.drawSegmentItem(context, cache, doFill, fillOpacity, doStroke, strokeOpacity, segments[index], [areaAttribute, area.attribute], vutils.min(_cr, 1), x, y, z, area, drawContext, fillCb, strokeCb);
                         }
                     });
                 }
@@ -22193,7 +20302,7 @@
             let { connectedType, connectedX, connectedY, connectedStyle } = attribute;
             const da = [];
             if (connect) {
-                if (isArray$1(defaultAttribute)) {
+                if (vutils.isArray(defaultAttribute)) {
                     connectedType = (_a = connectedType !== null && connectedType !== void 0 ? connectedType : defaultAttribute[0].connectedType) !== null && _a !== void 0 ? _a : defaultAttribute[1].connectedType;
                     connectedX = (_b = connectedX !== null && connectedX !== void 0 ? connectedX : defaultAttribute[0].connectedX) !== null && _b !== void 0 ? _b : defaultAttribute[1].connectedX;
                     connectedY = (_c = connectedY !== null && connectedY !== void 0 ? connectedY : defaultAttribute[0].connectedY) !== null && _c !== void 0 ? _c : defaultAttribute[1].connectedY;
@@ -22208,7 +20317,7 @@
                 if (connectedType !== 'connect' && connectedType !== 'zero') {
                     connectedType = 'none';
                 }
-                if (isArray$1(defaultAttribute)) {
+                if (vutils.isArray(defaultAttribute)) {
                     defaultAttribute.forEach(i => da.push(i));
                 }
                 else {
@@ -22238,8 +20347,8 @@
                 startP = points[0];
                 endP = points[points.length - 1];
             }
-            const xTotalLength = abs(endP.x - startP.x);
-            const yTotalLength = abs(endP.y - startP.y);
+            const xTotalLength = vutils.abs(endP.x - startP.x);
+            const yTotalLength = vutils.abs(endP.y - startP.y);
             direction = xTotalLength > yTotalLength ? exports.Direction.ROW : exports.Direction.COLUMN;
             drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
                 offsetX,
@@ -22270,7 +20379,7 @@
                 }
                 else {
                     const { stroke = defaultAttribute && defaultAttribute[1] && defaultAttribute[1].stroke } = attribute;
-                    if (isArray$1(stroke) && (stroke[0] || stroke[2]) && stroke[1] === false) {
+                    if (vutils.isArray(stroke) && (stroke[0] || stroke[2]) && stroke[1] === false) {
                         context.beginPath();
                         drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, direction === exports.Direction.ROW ? 'x' : 'y', {
                             offsetX,
@@ -22355,10 +20464,10 @@
         __metadata("design:paramtypes", [Object])
     ], exports.DefaultCanvasPathRender);
 
-    const halfPi = pi / 2;
+    const halfPi = vutils.pi / 2;
     function createRectPath(path, x, y, width, height, rectCornerRadius) {
         let cornerRadius;
-        if (isNumber$2(rectCornerRadius, true)) {
+        if (vutils.isNumber(rectCornerRadius, true)) {
             cornerRadius = [
                 rectCornerRadius,
                 rectCornerRadius,
@@ -22415,28 +20524,28 @@
         const leftBottomPoint2 = [leftBottom[0], leftBottom[1] - _cornerRadius[3]];
         path.moveTo(leftTopPoint1[0], leftTopPoint1[1]);
         path.lineTo(rightTopPoint1[0], rightTopPoint1[1]);
-        if (!arrayEqual(rightTopPoint1, rightTopPoint2)) {
+        if (!vutils.arrayEqual(rightTopPoint1, rightTopPoint2)) {
             const centerX = rightTopPoint1[0];
             const centerY = rightTopPoint1[1] + _cornerRadius[1];
             path.arc(centerX, centerY, _cornerRadius[1], -halfPi, 0, false);
         }
         path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]);
-        if (!arrayEqual(rightBottomPoint1, rightBottomPoint2)) {
+        if (!vutils.arrayEqual(rightBottomPoint1, rightBottomPoint2)) {
             const centerX = rightBottomPoint2[0] - _cornerRadius[2];
             const centerY = rightBottomPoint2[1];
             path.arc(centerX, centerY, _cornerRadius[2], 0, halfPi, false);
         }
         path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]);
-        if (!arrayEqual(leftBottomPoint1, leftBottomPoint2)) {
+        if (!vutils.arrayEqual(leftBottomPoint1, leftBottomPoint2)) {
             const centerX = leftBottomPoint1[0];
             const centerY = leftBottomPoint1[1] - _cornerRadius[3];
-            path.arc(centerX, centerY, _cornerRadius[3], halfPi, pi, false);
+            path.arc(centerX, centerY, _cornerRadius[3], halfPi, vutils.pi, false);
         }
         path.lineTo(leftTopPoint2[0], leftTopPoint2[1]);
-        if (!arrayEqual(leftTopPoint1, leftTopPoint2)) {
+        if (!vutils.arrayEqual(leftTopPoint1, leftTopPoint2)) {
             const centerX = leftTopPoint1[0];
             const centerY = leftTopPoint1[1] + _cornerRadius[0];
-            path.arc(centerX, centerY, _cornerRadius[0], pi, pi + halfPi, false);
+            path.arc(centerX, centerY, _cornerRadius[0], vutils.pi, vutils.pi + halfPi, false);
         }
         path.closePath();
         return path;
@@ -22466,7 +20575,7 @@
             if (!(fVisible || sVisible || fillCb || strokeCb || background)) {
                 return;
             }
-            if (cornerRadius === 0 || (isArray$1(cornerRadius) && cornerRadius.every(num => num === 0))) {
+            if (cornerRadius === 0 || (vutils.isArray(cornerRadius) && cornerRadius.every(num => num === 0))) {
                 context.beginPath();
                 context.rect(x, y, width, height);
             }
@@ -22727,7 +20836,7 @@
                     let totalW = 0;
                     verticalList.forEach(verticalData => {
                         const _w = verticalData.reduce((a, b) => a + (b.width || 0), 0);
-                        totalW = max(_w, totalW);
+                        totalW = vutils.max(_w, totalW);
                     });
                     let offsetY = 0;
                     let offsetX = 0;
@@ -22983,7 +21092,7 @@
             }
             const { fVisible, sVisible, doFill, doStroke } = data;
             context.beginPath();
-            if (cornerRadius <= 0 || (isArray$1(cornerRadius) && cornerRadius.every(num => num === 0))) {
+            if (cornerRadius <= 0 || (vutils.isArray(cornerRadius) && cornerRadius.every(num => num === 0))) {
                 drawPolygon(context.camera ? context : context.nativeContext, points, x, y);
             }
             else {
@@ -23055,7 +21164,7 @@
                         return;
                     }
                     let needRestore = false;
-                    if (cornerRadius === 0 || (isArray$1(cornerRadius) && cornerRadius.every(num => num === 0))) ;
+                    if (cornerRadius === 0 || (vutils.isArray(cornerRadius) && cornerRadius.every(num => num === 0))) ;
                     else {
                         context.beginPath();
                         createRectPath(context, x, y, width, height, cornerRadius);
@@ -23148,7 +21257,7 @@
         }
         let result;
         let color;
-        if (isArray$1(c)) {
+        if (vutils.isArray(c)) {
             for (let i = 0; i < c.length; i++) {
                 color = c[i];
                 if (color) {
@@ -23380,7 +21489,7 @@
         createCirclePattern(size, padding, color, targetContext) {
             return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {
                 ctx.fillStyle = color;
-                ctx.arc(r, r, r, 0, pi2);
+                ctx.arc(r, r, r, 0, vutils.pi2);
                 ctx.fill();
             });
         }
@@ -23725,7 +21834,7 @@
                 return;
             }
             if (!graphic.backgroundImg) {
-                if (isObject$1(background)) {
+                if (vutils.isObject(background)) {
                     const { stroke, fill, lineWidth = 1, cornerRadius = 0, expandX = 0, expandY = 0 } = background;
                     if (!stroke && !fill) {
                         return;
@@ -23789,7 +21898,7 @@
         let y = bounds.y1;
         let width = bounds.width();
         let height = bounds.height();
-        if (isNumber$2(boundsPadding)) {
+        if (vutils.isNumber(boundsPadding)) {
             x += boundsPadding;
             y += boundsPadding;
             width -= boundsPadding * 2;
@@ -23831,7 +21940,7 @@
                 const nextX = x - d;
                 const nextY = y - d;
                 const dw = d * 2;
-                if (cornerRadius === 0 || (isArray$1(cornerRadius) && cornerRadius.every(num => num === 0))) {
+                if (cornerRadius === 0 || (vutils.isArray(cornerRadius) && cornerRadius.every(num => num === 0))) {
                     context.beginPath();
                     context.rect(nextX, nextY, width + dw, height + dw);
                 }
@@ -23857,7 +21966,7 @@
                 const nextX = x + d;
                 const nextY = y + d;
                 const dw = d * 2;
-                if (cornerRadius === 0 || (isArray$1(cornerRadius) && cornerRadius.every(num => num === 0))) {
+                if (cornerRadius === 0 || (vutils.isArray(cornerRadius) && cornerRadius.every(num => num === 0))) {
                     context.beginPath();
                     context.rect(nextX, nextY, width - dw, height - dw);
                 }
@@ -24111,7 +22220,7 @@
                 graphic: null,
                 group: null
             };
-            const parentMatrix = new Matrix(1, 0, 0, 1, 0, 0);
+            const parentMatrix = new vutils.Matrix(1, 0, 0, 1, 0, 0);
             let group;
             for (let i = 0; i < graphics.length; i++) {
                 if (graphics[i].isContainer) {
@@ -24160,7 +22269,7 @@
                 return result;
             }
             const transMatrix = group.transMatrix;
-            const newPoint = new Point(point.x, point.y);
+            const newPoint = new vutils.Point(point.x, point.y);
             parentMatrix.transformPoint(newPoint, newPoint);
             const insideGroup = group.AABBBounds.containsPoint(newPoint);
             if (!insideGroup) {
@@ -24174,7 +22283,7 @@
                         result = this.pickGroup(graphic, point, parentMatrix, params);
                     }
                     else {
-                        const newPoint = new Point(point.x, point.y);
+                        const newPoint = new vutils.Point(point.x, point.y);
                         parentMatrix.transformPoint(newPoint, newPoint);
                         const data = this.pickItem(graphic, newPoint, parentMatrix, params);
                         if (data) {
@@ -24237,7 +22346,7 @@
             context.highPerformanceSave();
             const g = graphic.shadowRoot;
             const currentGroupMatrix = matrixAllocate.allocateByObj(parentMatrix);
-            const newPoint = new Point(point.x, point.y);
+            const newPoint = new vutils.Point(point.x, point.y);
             parentMatrix.transformPoint(newPoint, newPoint);
             const transMatrix = graphic.transMatrix;
             currentGroupMatrix.multiply(transMatrix.a, transMatrix.b, transMatrix.c, transMatrix.d, transMatrix.e, transMatrix.f);
@@ -24286,10 +22395,10 @@
                         let angle1 = ((_b = (_a = a.attribute.startAngle) !== null && _a !== void 0 ? _a : 0 + a.attribute.endAngle) !== null && _b !== void 0 ? _b : 0) / 2;
                         let angle2 = ((_d = (_c = b.attribute.startAngle) !== null && _c !== void 0 ? _c : 0 + b.attribute.endAngle) !== null && _d !== void 0 ? _d : 0) / 2;
                         while (angle1 < 0) {
-                            angle1 += pi2;
+                            angle1 += vutils.pi2;
                         }
                         while (angle2 < 0) {
-                            angle2 += pi2;
+                            angle2 += vutils.pi2;
                         }
                         return angle2 - angle1;
                     });
@@ -24851,7 +22960,7 @@
     }
 
     const DrawItemInterceptor = Symbol.for('DrawItemInterceptor');
-    const tempDirtyBounds = new AABBBounds();
+    const tempDirtyBounds = new vutils.AABBBounds();
     let ShadowRootDrawItemInterceptorContribution = class ShadowRootDrawItemInterceptorContribution {
         constructor() {
             this.order = 1;
@@ -25020,10 +23129,10 @@
                         let angle1 = (((_a = a.attribute.startAngle) !== null && _a !== void 0 ? _a : 0) + ((_b = a.attribute.endAngle) !== null && _b !== void 0 ? _b : 0)) / 2;
                         let angle2 = (((_c = b.attribute.startAngle) !== null && _c !== void 0 ? _c : 0) + ((_d = b.attribute.endAngle) !== null && _d !== void 0 ? _d : 0)) / 2;
                         while (angle1 < 0) {
-                            angle1 += pi2;
+                            angle1 += vutils.pi2;
                         }
                         while (angle2 < 0) {
-                            angle2 += pi2;
+                            angle2 += vutils.pi2;
                         }
                         return angle2 - angle1;
                     });
@@ -25120,8 +23229,8 @@
             this.currentRenderMap = new Map();
             this.defaultRenderMap = new Map();
             this.styleRenderMap = new Map();
-            this.dirtyBounds = new Bounds();
-            this.backupDirtyBounds = new Bounds();
+            this.dirtyBounds = new vutils.Bounds();
+            this.backupDirtyBounds = new vutils.Bounds();
         }
         init() {
             this.contributions.forEach(item => {
@@ -25148,7 +23257,7 @@
             }
             const dirtyBounds = this.dirtyBounds.setValue(0, 0, width, height);
             if (stage.dirtyBounds && !stage.dirtyBounds.empty()) {
-                const b = getRectIntersect(dirtyBounds, stage.dirtyBounds, false);
+                const b = vutils.getRectIntersect(dirtyBounds, stage.dirtyBounds, false);
                 dirtyBounds.x1 = Math.floor(b.x1);
                 dirtyBounds.y1 = Math.floor(b.y1);
                 dirtyBounds.x2 = Math.ceil(b.x2);
@@ -25211,7 +23320,7 @@
                 this._increaseRender(group, drawContext);
                 return;
             }
-            if (!isRectIntersect(group.AABBBounds, this.dirtyBounds, false)) {
+            if (!vutils.isRectIntersect(group.AABBBounds, this.dirtyBounds, false)) {
                 return;
             }
             const tempBounds = this.dirtyBounds.clone();
@@ -25309,7 +23418,7 @@
             if (!renderer) {
                 return;
             }
-            if (!(graphic.isContainer || isRectIntersect(graphic.AABBBounds, this.dirtyBounds, false))) {
+            if (!(graphic.isContainer || vutils.isRectIntersect(graphic.AABBBounds, this.dirtyBounds, false))) {
                 return;
             }
             const skipDraw = drawContext.startAtId != null && graphic._uid !== drawContext.startAtId;
@@ -25426,7 +23535,7 @@
                 context.disableStroke = disableStroke;
                 context.disableBeginPath = disableBeginPath;
             }
-            else if (cornerRadius === 0 || (isArray$1(cornerRadius) && cornerRadius.every(num => num === 0))) {
+            else if (cornerRadius === 0 || (vutils.isArray(cornerRadius) && cornerRadius.every(num => num === 0))) {
                 context.beginPath();
                 context.rect(x, y, width, height);
             }
@@ -26094,7 +24203,7 @@
 
     function drawArcPath(arc, context, cx, cy, z, outerRadius, innerRadius) {
         const { startAngle, endAngle } = arc.getParsedAngle();
-        const deltaAngle = abs(endAngle - startAngle);
+        const deltaAngle = vutils.abs(endAngle - startAngle);
         const clockwise = endAngle > startAngle;
         let collapsedToLine = false;
         if (outerRadius < innerRadius) {
@@ -26102,23 +24211,23 @@
             outerRadius = innerRadius;
             innerRadius = temp;
         }
-        if (outerRadius <= epsilon) {
+        if (outerRadius <= vutils.epsilon) {
             context.moveTo(cx, cy, z);
         }
-        else if (deltaAngle >= pi2 - epsilon) {
-            context.moveTo(cx + outerRadius * cos(startAngle), cy + outerRadius * sin(startAngle), z);
+        else if (deltaAngle >= vutils.pi2 - vutils.epsilon) {
+            context.moveTo(cx + outerRadius * vutils.cos(startAngle), cy + outerRadius * vutils.sin(startAngle), z);
             context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise, z);
-            if (innerRadius > epsilon) {
-                context.moveTo(cx + innerRadius * cos(endAngle), cy + innerRadius * sin(endAngle), z);
+            if (innerRadius > vutils.epsilon) {
+                context.moveTo(cx + innerRadius * vutils.cos(endAngle), cy + innerRadius * vutils.sin(endAngle), z);
                 context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise, z);
             }
         }
         else {
             const { outerDeltaAngle, innerDeltaAngle, outerStartAngle, outerEndAngle, innerEndAngle, innerStartAngle } = arc.getParsePadAngle(startAngle, endAngle);
-            const xors = outerRadius * cos(outerStartAngle);
-            const yors = outerRadius * sin(outerStartAngle);
-            const xire = innerRadius * cos(innerEndAngle);
-            const yire = innerRadius * sin(innerEndAngle);
+            const xors = outerRadius * vutils.cos(outerStartAngle);
+            const yors = outerRadius * vutils.sin(outerStartAngle);
+            const xire = innerRadius * vutils.cos(innerEndAngle);
+            const yire = innerRadius * vutils.sin(innerEndAngle);
             if (outerDeltaAngle < 0.001) {
                 collapsedToLine = true;
             }
@@ -26126,7 +24235,7 @@
                 context.moveTo(cx + xors, cy + yors, z);
                 context.arc(cx, cy, outerRadius, outerStartAngle, outerEndAngle, !clockwise, z);
             }
-            if (!(innerRadius > epsilon) || innerDeltaAngle < 0.001) {
+            if (!(innerRadius > vutils.epsilon) || innerDeltaAngle < 0.001) {
                 context.lineTo(cx + xire, cy + yire, z);
                 collapsedToLine = true;
             }
@@ -26140,24 +24249,24 @@
     }
     function drawInnerOuterArcPath(arc, context, cx, cy, z1, z2, radius, getParsePadAngle) {
         const { startAngle, endAngle } = arc.getParsedAngle();
-        const deltaAngle = abs(endAngle - startAngle);
+        const deltaAngle = vutils.abs(endAngle - startAngle);
         const clockwise = endAngle > startAngle;
         let collapsedToLine = false;
-        if (radius <= epsilon) {
+        if (radius <= vutils.epsilon) {
             context.moveTo(cx, cy, z1);
         }
-        else if (deltaAngle >= pi2 - epsilon) {
-            context.moveTo(cx + radius * cos(startAngle), cy + radius * sin(startAngle), z1);
+        else if (deltaAngle >= vutils.pi2 - vutils.epsilon) {
+            context.moveTo(cx + radius * vutils.cos(startAngle), cy + radius * vutils.sin(startAngle), z1);
             context.arc(cx, cy, radius, startAngle, endAngle, !clockwise, z1);
-            context.lineTo(cx + radius * cos(endAngle), cy + radius * sin(endAngle), z2);
+            context.lineTo(cx + radius * vutils.cos(endAngle), cy + radius * vutils.sin(endAngle), z2);
             context.arc(cx, cy, radius, endAngle, startAngle, clockwise, z2);
         }
         else {
             const { innerouterDeltaAngle, innerouterStartAngle, innerouterEndAngle } = getParsePadAngle(startAngle, endAngle);
-            const xors = radius * cos(innerouterStartAngle);
-            const yors = radius * sin(innerouterStartAngle);
-            const xore = radius * cos(innerouterEndAngle);
-            const yore = radius * sin(innerouterEndAngle);
+            const xors = radius * vutils.cos(innerouterStartAngle);
+            const yors = radius * vutils.sin(innerouterStartAngle);
+            const xore = radius * vutils.cos(innerouterEndAngle);
+            const yore = radius * vutils.sin(innerouterEndAngle);
             if (innerouterDeltaAngle < 0.001) {
                 collapsedToLine = true;
             }
@@ -26228,7 +24337,7 @@
                 if (face === 'inside') {
                     context.save();
                     context.beginPath();
-                    context.arc(x, y, innerRadius, 0, pi2, true, z_face.top);
+                    context.arc(x, y, innerRadius, 0, vutils.pi2, true, z_face.top);
                     context.clip();
                 }
                 context.beginPath();
@@ -26976,7 +25085,7 @@
         }
     }
 
-    const globalBounds = new AABBBounds();
+    const globalBounds = new vutils.AABBBounds();
     class DirtyBoundsPlugin {
         constructor() {
             this.name = 'DirtyBoundsPlugin';
@@ -27050,7 +25159,7 @@
             this.activeEvent = 'onRegister';
             this.id = Generator.GenAutoIncrementId();
             this.key = this.name + this.id;
-            this.tempBounds = new AABBBounds();
+            this.tempBounds = new vutils.AABBBounds();
         }
         tryLayout(graphic) {
             const p = graphic.parent;
@@ -27328,7 +25437,7 @@
         else if (isNumber(graphic.attribute.boundsPadding)) {
             return graphic.attribute.boundsPadding;
         }
-        else if (isArray$1(graphic.attribute.boundsPadding) && graphic.attribute.boundsPadding.length === 1) {
+        else if (vutils.isArray(graphic.attribute.boundsPadding) && graphic.attribute.boundsPadding.length === 1) {
             return graphic.attribute.boundsPadding[0];
         }
         const paddingArray = parsePadding(graphic.attribute.boundsPadding);
@@ -27352,15 +25461,15 @@
             this.color = color;
             this.colorRgb = ColorStore.Get(color, exports.ColorType.Color1);
             this.ambient = ambient;
-            const length = sqrt(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
+            const length = vutils.sqrt(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
             this.formatedDir = [dir[0] / length, dir[1] / length, dir[2] / length];
         }
         computeColor(normal, color) {
             const lightDir = this.formatedDir;
-            const brightness = min(max((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) +
+            const brightness = vutils.min(vutils.max((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) +
                 this.ambient, 1);
             let colorArray;
-            if (isString$1(color)) {
+            if (vutils.isString(color)) {
                 colorArray = ColorStore.Get(color, exports.ColorType.Color1);
             }
             else {
@@ -27391,7 +25500,7 @@
         const centerx = center[0];
         const centery = center[1];
         const centerz = center[2];
-        if (Math.abs(eyex - centerx) < epsilon && Math.abs(eyey - centery) < epsilon && Math.abs(eyez - centerz) < epsilon) {
+        if (Math.abs(eyex - centerx) < vutils.epsilon && Math.abs(eyey - centery) < vutils.epsilon && Math.abs(eyez - centerz) < vutils.epsilon) {
             return DefaultMat4Allocate.identity(out);
         }
         z0 = eyex - centerx;
@@ -27712,7 +25821,7 @@
                 title: params.title || '',
                 canvas: params.canvas
             });
-            this._viewBox = new AABBBounds();
+            this._viewBox = new vutils.AABBBounds();
             if (params.viewBox) {
                 this._viewBox.setValue(params.viewBox.x1, params.viewBox.y1, params.viewBox.x2, params.viewBox.y2);
             }
@@ -27915,7 +26024,7 @@
             if (this.dirtyBounds) {
                 return;
             }
-            this.dirtyBounds = new Bounds();
+            this.dirtyBounds = new vutils.Bounds();
             let plugin = this.pluginService.findPluginsByName('DirtyBoundsPlugin')[0];
             if (!plugin) {
                 plugin = new DirtyBoundsPlugin();
@@ -27972,7 +26081,7 @@
         combineLayer(ILayer1, ILayer2) {
             throw new Error('暂不支持');
         }
-        createLayer(layerMode) {
+        createLayer(canvasId, layerMode) {
             const layer = this.layerService.createLayer(this, {
                 main: false,
                 layerMode
@@ -28131,7 +26240,7 @@
             throw new Error('暂不支持');
         }
         pick(x, y) {
-            const result = this.pickerService.pick(this.children, new Point(x, y), {
+            const result = this.pickerService.pick(this.children, new vutils.Point(x, y), {
                 bounds: this.AABBBounds
             });
             if ((result === null || result === void 0 ? void 0 : result.graphic) || (result === null || result === void 0 ? void 0 : result.group)) {
@@ -28250,17 +26359,17 @@
         'rect'
     ];
 
-    const initMatrix = new Matrix(1, 0, 0, 1, 0, 0);
+    const initMatrix = new vutils.Matrix(1, 0, 0, 1, 0, 0);
     const globalPoint = { x: 0, y: 0 };
     exports.EmptyContext2d = class EmptyContext2d {
         get nativeContext() {
             return this.path;
         }
         constructor(canvas, dpr) {
-            this.matrix = new Matrix(1, 0, 0, 1, 0, 0);
+            this.matrix = new vutils.Matrix(1, 0, 0, 1, 0, 0);
             this.stack = [];
             this.dpr = dpr;
-            this.applyedMatrix = new Matrix(1, 0, 0, 1, 0, 0);
+            this.applyedMatrix = new vutils.Matrix(1, 0, 0, 1, 0, 0);
             this.path = new CustomPath2D();
         }
         getCanvas() {
@@ -28630,7 +26739,7 @@
             }
         }
         getNativeAABBBounds(dom) {
-            return new AABBBounds();
+            return new vutils.AABBBounds();
         }
         removeDom(dom) {
             return false;
@@ -28777,7 +26886,7 @@
             }
             params.pickContext = this.pickContext;
             this.pickContext && this.pickContext.clearMatrix(true, 1);
-            const parentMatrix = new Matrix(1, 0, 0, 1, offsetX, offsetY);
+            const parentMatrix = new vutils.Matrix(1, 0, 0, 1, offsetX, offsetY);
             let group;
             for (let i = graphics.length - 1; i >= 0; i--) {
                 if (graphics[i].isContainer) {
@@ -28859,7 +26968,7 @@
             }
             const transMatrix = group.transMatrix;
             const currentGroupMatrix = matrixAllocate.allocateByObj(parentMatrix);
-            const newPoint = new Point(point.x, point.y);
+            const newPoint = new vutils.Point(point.x, point.y);
             currentGroupMatrix.transformPoint(newPoint, newPoint);
             const insideGroup = group.AABBBounds.containsPoint(newPoint);
             if (!insideGroup && !group.stage.camera) {
@@ -28875,7 +26984,7 @@
             if (group.attribute.childrenPickable !== false && !(pickedItem && pickedItem.graphic)) {
                 foreach(group, DefaultAttribute.zIndex, (graphic) => {
                     if (graphic.isContainer) {
-                        const newPoint = new Point(point.x, point.y);
+                        const newPoint = new vutils.Point(point.x, point.y);
                         const theme = getTheme(group).group;
                         const { scrollX = theme.scrollX, scrollY = theme.scrollY } = group.attribute;
                         newPoint.x -= scrollX;
@@ -28883,7 +26992,7 @@
                         result = this.pickGroup(graphic, newPoint, currentGroupMatrix, params);
                     }
                     else {
-                        const newPoint = new Point(point.x, point.y);
+                        const newPoint = new vutils.Point(point.x, point.y);
                         currentGroupMatrix.transformPoint(newPoint, newPoint);
                         const theme = getTheme(group).group;
                         const { scrollX = theme.scrollX, scrollY = theme.scrollY } = group.attribute;