@visactor/vtable 0.12.3-alpha.1 → 0.13.0-alpha.3

package/dist/vtable.js

@@ -98,1621 +98,730 @@
         get SortType () { return SortType; }
     });
 
-    const judgeType$1 = (value) => {
-        switch (Object.prototype.toString.call(value)) {
-            case '[object Object]':
-                return 'object';
-            case '[object Function]':
-                return 'function';
-            case '[object Array]':
-                return 'array';
-            case '[object String]':
-                return 'string';
-            case '[object Number]':
-                return 'number';
-            case '[object RegExp]':
-                return 'regExp';
-            case '[object Boolean]':
-                return 'boolean';
-            case '[object Symbol]':
-                return 'symbol';
-            case '[object Date]':
-                return 'date';
-            case '[object Undefined]':
-                return 'undefined';
-            case '[object Null]':
-                return 'null';
-            case '[object Error]':
-                return 'error';
-            case '[object HTMLDocument]':
-                return 'document';
-            case '[object global]':
-                return 'global';
-            default:
-                return null;
-        }
-    };
-    const isIt$1 = (v, type) => judgeType$1(v) === type;
-    const isObject$4 = (v) => isIt$1(v, 'object');
-    const isFunction$2 = (v) => isIt$1(v, 'function');
-    const isString$4 = (v) => isIt$1(v, 'string');
-    const isNumber$7 = (v) => isIt$1(v, 'number');
-    const isUndefined$2 = (v) => isIt$1(v, 'undefined');
-    const isNull = (v) => isIt$1(v, 'null');
-    function ingoreNoneValueMerge(target, ...sources) {
-        if (!sources.length) {
-            return target || {};
-        }
-        const source = sources.shift();
-        if (isObject$4(target) && isObject$4(source)) {
-            for (const key in source) {
-                if (isObject$4(source[key])) {
-                    if (!target[key]) {
-                        Object.assign(target, { [key]: {} });
-                    }
-                    if (!isObject$4(target[key])) {
-                        Object.assign(target, { [key]: source[key] });
-                    }
-                    ingoreNoneValueMerge(target[key], source[key]);
-                }
-                else if (source[key] !== null && source[key] !== undefined) {
-                    Object.assign(target, { [key]: source[key] });
-                }
-            }
-        }
-        return ingoreNoneValueMerge(target, ...sources);
-    }
-    function convertInternal(value) {
-        if (typeof value === 'function') {
-            value = value();
-        }
-        return isValid$6(value) ? `${value}` : '';
-    }
-    function transpose(matrix) {
-        if (matrix?.length <= 0) {
-            return matrix;
-        }
-        const m = matrix.length;
-        const n = matrix[0].length;
-        const transposed = new Array(n);
-        for (let i = 0; i < m; i++) {
-            for (let j = 0; j < n; j++) {
-                if (!transposed[j]) {
-                    transposed[j] = new Array(m);
-                }
-                transposed[j][i] = matrix[i][j];
-            }
-        }
-        return transposed;
-    }
-    function throttle(func, delay) {
-        let timer = null;
-        return function (...args) {
-            if (!timer) {
-                func.apply(this, args);
-                timer = setTimeout(() => {
-                    timer = null;
-                }, delay);
-            }
-        };
-    }
-    function throttle2(func, delay) {
-        let timer = null;
-        return function (...args) {
-            if (!timer) {
-                timer = setTimeout(() => {
-                    func.apply(this, args);
-                    timer = null;
-                }, delay);
-            }
-        };
-    }
-    function pad(num, totalChars) {
-        const pad = '0';
-        num = `${num}`;
-        while (num.length < totalChars) {
-            num = pad + num;
-        }
-        return num;
-    }
-    function changeColor(color, ratio, isDarker) {
-        color = color.replace(/^\s*|\s*$/, '');
-        color = color.replace(/^#?([a-f0-9])([a-f0-9])([a-f0-9])$/i, '#$1$1$2$2$3$3');
-        const difference = Math.round(ratio * 256) * (isDarker ? -1 : 1);
-        const rgb = color.match(new RegExp('^rgba?\\(\\s*' +
-            '(\\d|[1-9]\\d|1\\d{2}|2[0-4][0-9]|25[0-5])' +
-            '\\s*,\\s*' +
-            '(\\d|[1-9]\\d|1\\d{2}|2[0-4][0-9]|25[0-5])' +
-            '\\s*,\\s*' +
-            '(\\d|[1-9]\\d|1\\d{2}|2[0-4][0-9]|25[0-5])' +
-            '(?:\\s*,\\s*' +
-            '(0|1|0?\\.\\d+))?' +
-            '\\s*\\)$', 'i'));
-        const alpha = !!rgb && isValid$6(rgb[4]) ? rgb[4] : null;
-        const decimal = rgb
-            ? [rgb[1], rgb[2], rgb[3]]
-            : color
-                .replace(/^#?([a-f0-9][a-f0-9])([a-f0-9][a-f0-9])([a-f0-9][a-f0-9])/i, function () {
-                return `${parseInt(arguments[1], 16)},${parseInt(arguments[2], 16)},${parseInt(arguments[3], 16)}`;
-            })
-                .split(/,/);
-        return rgb
-            ? `rgb${alpha !== null ? 'a' : ''}(${Math[isDarker ? 'max' : 'min'](parseInt(decimal[0], 10) + difference, isDarker ? 0 : 255)}, ${Math[isDarker ? 'max' : 'min'](parseInt(decimal[1], 10) + difference, isDarker ? 0 : 255)}, ${Math[isDarker ? 'max' : 'min'](parseInt(decimal[2], 10) + difference, isDarker ? 0 : 255)}${alpha !== null ? `, ${alpha}` : ''})`
-            :
-                [
-                    '#',
-                    pad(Math[isDarker ? 'max' : 'min'](parseInt(decimal[0], 10) + difference, isDarker ? 0 : 255).toString(16), 2),
-                    pad(Math[isDarker ? 'max' : 'min'](parseInt(decimal[1], 10) + difference, isDarker ? 0 : 255).toString(16), 2),
-                    pad(Math[isDarker ? 'max' : 'min'](parseInt(decimal[2], 10) + difference, isDarker ? 0 : 255).toString(16), 2)
-                ].join('');
-    }
-    function isValid$6(v) {
-        if (isUndefined$2(v) || isNull(v)) {
-            return false;
-        }
-        return true;
-    }
-    function validToString(v) {
-        if (isUndefined$2(v) || isNull(v)) {
-            return '';
-        }
-        return v.toString();
-    }
-    function isMobile() {
-        return navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
-    }
-    function defaultOrderFn(v1, v2, order) {
-        if (order !== 'desc') {
-            return v1 === v2 ? 0 : v1 > v2 ? 1 : -1;
-        }
-        return v1 === v2 ? 0 : v1 < v2 ? 1 : -1;
-    }
-    function getValueByPath(obj, paths) {
-        let res = obj;
-        let prop;
-        while ((prop = paths.shift())) {
-            res = res[prop];
-        }
-        return res;
+    function getDefaultExportFromCjs (x) {
+    	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
     }
-    function getValueFromDeepArray(array, index) {
-        let result = array;
-        for (let i = 0; i < index.length; i++) {
-            const currentIdx = index[i];
-            if (result[currentIdx]) {
-                result = result[currentIdx];
-            }
-            else {
-                return undefined;
-            }
-            if (result && result.children && i + 1 < index.length) {
-                result = result.children;
-            }
+
+    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');
         }
-        return result;
-    }
+        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;
+      }
 
-    let idCount$1 = 1;
-    let EventTarget$3 = class EventTarget {
-        listenersData = {
-            listeners: {},
-            listenerData: {}
-        };
-        on(type, listener) {
-            const list = this.listenersData.listeners[type] || (this.listenersData.listeners[type] = []);
-            list.push(listener);
-            const id = idCount$1++;
-            this.listenersData.listenerData[id] = {
-                type,
-                listener,
-                remove: () => {
-                    delete this.listenersData.listenerData[id];
-                    const index = list.indexOf(listener);
-                    list.splice(index, 1);
-                    if (!this.listenersData.listeners[type].length) {
-                        delete this.listenersData.listeners[type];
-                    }
-                }
-            };
-            return id;
+      /**
+       * 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);
         }
-        off(idOrType, listener) {
-            if (listener) {
-                const type = idOrType;
-                this.removeEventListener(type, listener);
-            }
-            else {
-                const id = idOrType;
-                if (!this.listenersData) {
-                    return;
-                }
-                this.listenersData.listenerData[id]?.remove();
-            }
+        if (Object.getOwnPropertySymbols) {
+          return names.concat(Object.getOwnPropertySymbols(events));
         }
-        addEventListener(type, listener, option) {
-            this.on(type, listener);
+        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;
         }
-        removeEventListener(type, listener) {
-            if (!this.listenersData) {
-                return;
-            }
-            for (const key in this.listenersData.listenerData) {
-                const listenerData = this.listenersData.listenerData[key];
-                if (listenerData.type === type && listenerData.listener === listener) {
-                    this.off(key);
+        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);
             }
+          }
         }
-        hasListeners(type) {
-            if (!this.listenersData) {
-                return false;
-            }
-            return !!this.listenersData.listeners[type];
+        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;
         }
-        fireListeners(type, event) {
-            if (!this.listenersData) {
-                return [];
-            }
-            const list = this.listenersData.listeners[type];
-            if (!list) {
-                return [];
+        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]);
             }
-            return list.map(listener => listener.call(this, event)).filter(r => isValid$6(r));
-        }
-        release() {
-            delete this.listenersData;
+          }
+
+          //
+          // 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;
+      };
 
-    let defaultStyle$6;
-    const STYLE_EVENT_TYPE = {
-        CHANGE_STYLE: 'change_style'
-    };
-    let Style$1 = class Style extends EventTarget$3 {
-        _color;
-        _fontSize;
-        _fontFamily;
-        _fontWeight;
-        _fontVariant;
-        _fontStyle;
-        _padding;
-        _defaultPadding = [10, 16, 10, 16];
-        _textStick;
-        _textOverflow;
-        _textAlign;
-        _textBaseline;
-        _bgColor;
-        _borderColor;
-        _lineHeight;
-        _underline;
-        _underlineColor;
-        _underlineDash;
-        _lineThrough;
-        _lineThroughColor;
-        _lineThroughDash;
-        _linkColor;
-        _cursor;
-        _borderLineWidth;
-        _borderLineDash;
-        _marked;
-        static get EVENT_TYPE() {
-            return STYLE_EVENT_TYPE;
-        }
-        static get DEFAULT() {
-            return defaultStyle$6 ? defaultStyle$6 : (defaultStyle$6 = new Style());
-        }
-        constructor(style = {}, bodyStyle = {}) {
-            super();
-            this._textAlign = style?.textAlign ?? bodyStyle?.textAlign;
-            this._textBaseline = style?.textBaseline ?? bodyStyle?.textBaseline;
-            this._color = style?.color ?? bodyStyle?.color;
-            this._fontSize = style.fontSize ?? bodyStyle?.fontSize;
-            this._fontFamily = style.fontFamily ?? bodyStyle?.fontFamily;
-            this._fontWeight = style.fontWeight ?? bodyStyle?.fontWeight;
-            this._fontVariant = style.fontVariant ?? bodyStyle?.fontVariant;
-            this._fontStyle = style.fontStyle ?? bodyStyle?.fontStyle;
-            this._padding = style?.padding ?? bodyStyle?.padding ?? this._defaultPadding;
-            this._borderColor = style?.borderColor ?? bodyStyle?.borderColor;
-            this._textOverflow = style?.textOverflow ?? bodyStyle?.textOverflow;
-            this._textStick = style.textStick ?? bodyStyle?.textStick ?? false;
-            this._bgColor = style?.bgColor ?? bodyStyle?.bgColor;
-            this._lineHeight = style?.lineHeight ?? bodyStyle?.lineHeight;
-            this._underline = style?.underline ?? bodyStyle?.underline;
-            this._underlineColor = style?.underlineColor ?? bodyStyle?.underlineColor;
-            this._underlineDash = style?.underlineDash ?? bodyStyle?.underlineDash;
-            this._lineThrough = style?.lineThrough ?? bodyStyle?.lineThrough;
-            this._lineThroughColor = style?.lineThroughColor ?? bodyStyle?.lineThroughColor;
-            this._lineThroughDash = style?.lineThroughDash ?? bodyStyle?.lineThroughDash;
-            this._linkColor = style?.linkColor ?? bodyStyle?.linkColor;
-            this._cursor = style.cursor ?? bodyStyle?.cursor;
-            this._borderLineWidth = style.borderLineWidth ?? bodyStyle?.borderLineWidth;
-            this._borderLineDash = style.borderLineDash ?? bodyStyle?.borderLineDash;
-            this._marked = style.marked ?? bodyStyle?.marked;
-        }
-        get color() {
-            return this._color;
-        }
-        set color(color) {
-            this._color = color;
-        }
-        get fontSize() {
-            return this._fontSize;
-        }
-        set fontSize(fontSize) {
-            this._fontSize = fontSize;
-        }
-        get fontFamily() {
-            return this._fontFamily;
-        }
-        set fontFamily(fontFamily) {
-            this._fontFamily = fontFamily;
-        }
-        get fontWeight() {
-            return this._fontWeight;
-        }
-        set fontWeight(fontWeight) {
-            this._fontWeight = fontWeight;
-        }
-        get fontVariant() {
-            return this._fontVariant;
-        }
-        set fontVariant(fontVariant) {
-            this._fontVariant = fontVariant;
-        }
-        get fontStyle() {
-            return this._fontStyle;
-        }
-        set fontStyle(fontStyle) {
-            this._fontStyle = fontStyle;
-        }
-        get padding() {
-            return this._padding;
-        }
-        set padding(padding) {
-            this._padding = padding;
-        }
-        get textOverflow() {
-            return this._textOverflow;
-        }
-        set textOverflow(textOverflow) {
-            this._textOverflow = textOverflow;
-        }
-        get bgColor() {
-            return this._bgColor;
-        }
-        set bgColor(bgColor) {
-            this._bgColor = bgColor;
-        }
-        get borderColor() {
-            return this._borderColor;
-        }
-        set borderColor(borderColor) {
-            this._borderColor = borderColor;
-        }
-        get textStick() {
-            return this._textStick;
-        }
-        set textStick(textStick) {
-            this._textStick = textStick;
-        }
-        get textAlign() {
-            return this._textAlign;
-        }
-        set textAlign(textAlign) {
-            this._textAlign = textAlign;
-        }
-        get textBaseline() {
-            return this._textBaseline;
-        }
-        set textBaseline(textBaseline) {
-            this._textBaseline = textBaseline;
-        }
-        get lineHeight() {
-            return this._lineHeight;
-        }
-        set lineHeight(lineHeight) {
-            this._lineHeight = lineHeight;
-        }
-        get underline() {
-            return this._underline;
-        }
-        set underline(underline) {
-            this._underline = underline;
-        }
-        get underlineColor() {
-            return this._underlineColor;
-        }
-        set underlineColor(underlineColor) {
-            this._underlineColor = underlineColor;
-        }
-        get underlineDash() {
-            return this._underlineDash;
-        }
-        set underlineDash(underlineDash) {
-            this._underlineDash = underlineDash;
-        }
-        get lineThrough() {
-            return this._lineThrough;
-        }
-        set lineThrough(lineThrough) {
-            this._lineThrough = lineThrough;
-        }
-        get lineThroughColor() {
-            return this._lineThroughColor;
-        }
-        set lineThroughColor(lineThroughColor) {
-            this._lineThroughColor = lineThroughColor;
-        }
-        get lineThroughDash() {
-            return this._lineThroughDash;
-        }
-        set lineThroughDash(lineThroughDash) {
-            this._lineThroughDash = lineThroughDash;
-        }
-        get linkColor() {
-            return this._linkColor;
-        }
-        set linkColor(linkColor) {
-            this._linkColor = linkColor;
-        }
-        get cursor() {
-            return this._cursor;
-        }
-        set cursor(cursor) {
-            this._cursor = cursor;
-        }
-        get borderLineWidth() {
-            return this._borderLineWidth;
-        }
-        set borderLineWidth(borderLineWidth) {
-            this._borderLineWidth = borderLineWidth;
-        }
-        get borderLineDash() {
-            return this._borderLineDash;
-        }
-        set borderLineDash(borderLineDash) {
-            this._borderLineDash = borderLineDash;
-        }
-        get marked() {
-            return this._marked;
-        }
-        set marked(marked) {
-            this._marked = marked;
-        }
-        clone() {
-            return new Style(this, null);
+      /**
+       * 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);
+
+    const isType$4 = (value, type) => Object.prototype.toString.call(value) === `[object ${type}]`;
+    var isType$5 = isType$4;
+
+    const isBoolean$2 = function (value) {
+      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      return fuzzy ? "boolean" == typeof value : !0 === value || !1 === value || isType$5(value, "Boolean");
     };
+    var isBoolean$3 = isBoolean$2;
 
-    let defaultStyle$5;
-    let ImageStyle$1 = class ImageStyle extends Style$1 {
-        static get DEFAULT() {
-            return defaultStyle$5 ? defaultStyle$5 : (defaultStyle$5 = new ImageStyle());
-        }
-        constructor(style = {}, bodyStyle = {}) {
-            super(style, bodyStyle);
-        }
-        clone() {
-            return new ImageStyle(this, null);
-        }
+    const isFunction = value => "function" == typeof value;
+    var isFunction$1 = isFunction;
+
+    const isNil$4 = value => null == value;
+    var isNil$5 = isNil$4;
+
+    const isValid$5 = value => null != value;
+    var isValid$6 = isValid$5;
+
+    const isObject$3 = value => {
+      const type = typeof value;
+      return null !== value && "object" === type || "function" === type;
     };
+    var isObject$4 = isObject$3;
 
-    let defaultStyle$4;
-    class TextStyle extends Style$1 {
-        _autoWrapText;
-        _lineClamp;
-        static get DEFAULT() {
-            return defaultStyle$4 ? defaultStyle$4 : (defaultStyle$4 = new TextStyle());
-        }
-        constructor(style = {}, bodyStyle = {}) {
-            super(style, bodyStyle);
-            this._autoWrapText = style?.autoWrapText ?? bodyStyle?.autoWrapText;
-            this._lineClamp = style?.lineClamp ?? bodyStyle?.lineClamp;
-        }
-        clone() {
-            return new TextStyle(this, null);
-        }
-        get lineClamp() {
-            return this._lineClamp;
-        }
-        set lineClamp(lineClamp) {
-            this._lineClamp = lineClamp;
-        }
-        get autoWrapText() {
-            return this._autoWrapText;
-        }
-        set autoWrapText(autoWrapText) {
-            this._autoWrapText = autoWrapText;
-        }
+    const isObjectLike$2 = value => "object" == typeof value && null !== value;
+    var isObjectLike$3 = isObjectLike$2;
+
+    const isPlainObject$2 = function (value) {
+      if (!isObjectLike$3(value) || !isType$5(value, "Object")) return !1;
+      if (null === Object.getPrototypeOf(value)) return !0;
+      let proto = value;
+      for (; null !== Object.getPrototypeOf(proto);) proto = Object.getPrototypeOf(proto);
+      return Object.getPrototypeOf(value) === proto;
+    };
+    var isPlainObject$3 = isPlainObject$2;
+
+    const isUndefined$1 = value => void 0 === value;
+    var isUndefined$2 = isUndefined$1;
+
+    const isString$2 = function (value) {
+      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      const type = typeof value;
+      return fuzzy ? "string" === type : "string" === type || isType$5(value, "String");
+    };
+    var isString$3 = isString$2;
+
+    const isArray$4 = value => Array.isArray ? Array.isArray(value) : isType$5(value, "Array");
+    var isArray$5 = isArray$4;
+
+    const isArrayLike$2 = function (value) {
+      return null !== value && "function" != typeof value && Number.isFinite(value.length);
+    };
+    var isArrayLike$3 = isArrayLike$2;
+
+    const isDate$2 = value => isType$5(value, "Date");
+    var isDate$3 = isDate$2;
+
+    const isNumber$5 = function (value) {
+      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      const type = typeof value;
+      return fuzzy ? "number" === type : "number" === type || isType$5(value, "Number");
+    };
+    var isNumber$6 = isNumber$5;
+
+    const isValidNumber = value => isNumber$6(value) && Number.isFinite(value);
+    var isValidNumber$1 = isValidNumber;
+
+    const isValidUrl = value => new RegExp(/^(http(s)?:\/\/)\w+[^\s]+(\.[^\s]+){1,}$/).test(value);
+    var isValidUrl$1 = isValidUrl;
+
+    const isRegExp = value => isType$5(value, "RegExp");
+    var isRegExp$1 = isRegExp;
+
+    const isBase64 = value => 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;
+
+    const getType = value => ({}).toString.call(value).replace(/^\[object /, "").replace(/]$/, "");
+    var getType$1 = getType;
+
+    const objectProto = Object.prototype,
+      isPrototype = function (value) {
+        const Ctor = value && value.constructor;
+        return value === ("function" == typeof Ctor && Ctor.prototype || objectProto);
+      };
+    var isPrototype$1 = isPrototype;
+
+    const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+    function isEmpty(value) {
+      if (isNil$5(value)) return !0;
+      if (isArrayLike$3(value)) return !value.length;
+      const type = getType$1(value);
+      if ("Map" === type || "Set" === type) return !value.size;
+      if (isPrototype$1(value)) return !Object.keys(value).length;
+      for (const key in value) if (hasOwnProperty$1.call(value, key)) return !1;
+      return !0;
     }
 
-    function of$2(columnStyle, bodyStyle, styleArg, StyleClassDef = Style$1, globalAutoWrapText) {
-        if (columnStyle || bodyStyle) {
-            if (columnStyle instanceof Style$1) {
-                return columnStyle;
-            }
-            else if (typeof columnStyle === 'function') {
-                return of$2(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText);
-            }
-            if (!columnStyle) {
-                columnStyle = {};
-            }
-            if (globalAutoWrapText && !isValid$6(columnStyle.autoWrapText)) {
-                columnStyle.autoWrapText = true;
-            }
-            return new StyleClassDef((columnStyle ?? {}), (bodyStyle ?? {}));
+    const get$3 = (obj, path, defaultValue) => {
+      const paths = isString$3(path) ? path.split(".") : path;
+      for (let p = 0; p < paths.length; p++) obj = obj ? obj[paths[p]] : void 0;
+      return void 0 === obj ? defaultValue : obj;
+    };
+    var get$4 = get$3;
+
+    const hasOwnProperty = Object.prototype.hasOwnProperty,
+      has = (object, key) => null != object && hasOwnProperty.call(object, key);
+    var has$1 = has;
+
+    function getRegExpFlags(re) {
+      let flags = "";
+      return re.global && (flags += "g"), re.ignoreCase && (flags += "i"), re.multiline && (flags += "m"), flags;
+    }
+    function clone(parent) {
+      let circular = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      let depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      let prototype = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : void 0;
+      const 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;
+        let child;
+        if ("object" != typeof parent) return parent;
+        if (isArray$5(parent) ? child = [] : isRegExp$1(parent) ? (child = new RegExp(parent.source, getRegExpFlags(parent)), parent.lastIndex && (child.lastIndex = parent.lastIndex)) : child = isDate$3(parent) ? new Date(parent.getTime()) : void 0 === prototype ? Object.create(Object.getPrototypeOf(parent)) : Object.create(prototype), circular) {
+          const index = allParents.indexOf(parent);
+          if (-1 !== index) return allChildren[index];
+          allParents.push(parent), allChildren.push(child);
         }
-        return StyleClassDef.DEFAULT;
+        for (const i in parent) child[i] = _clone(parent[i], depth - 1);
+        return child;
+      }(parent, depth);
     }
 
-    let defaultStyle$3;
-    const EVENT_TYPE$1 = {
-        CHANGE_STYLE: 'change_style'
-    };
-    class Style extends EventTarget$3 {
-        _color;
-        _fontSize;
-        _fontFamily;
-        _fontWeight;
-        _fontVariant;
-        _fontStyle;
-        _textOverflow;
-        _padding;
-        _defaultPadding = [10, 16, 10, 16];
-        _textStick;
-        _marked;
-        _textAlign;
-        _textBaseline;
-        _bgColor;
-        _borderColor;
-        _lineHeight;
-        _underline;
-        _underlineColor;
-        _underlineDash;
-        _lineThrough;
-        _lineThroughColor;
-        _lineThroughDash;
-        _linkColor;
-        _cursor;
-        _borderLineWidth;
-        _borderLineDash;
-        static get EVENT_TYPE() {
-            return EVENT_TYPE$1;
+    function cloneDeep$1(value) {
+      let result;
+      if (!isValid$6(value) || "object" != typeof value) return value;
+      const isArr = isArray$5(value),
+        length = value.length;
+      result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$3(value) || isNumber$6(value) || isString$3(value) ? value : isDate$3(value) ? new Date(+value) : void 0;
+      const props = isArr ? void 0 : Object.keys(Object(value));
+      let index = -1;
+      if (result) for (; ++index < (props || value).length;) {
+        const key = props ? props[index] : index,
+          subValue = value[key];
+        result[key] = cloneDeep$1(subValue);
+      }
+      return result;
+    }
+
+    function baseMerge$1(target, source) {
+      let shallowArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+      if (source) {
+        if (target === source) return;
+        if (isValid$6(source) && "object" == typeof source) {
+          const iterable = Object(source),
+            props = [];
+          for (const key in iterable) props.push(key);
+          let {
+              length: length
+            } = props,
+            propIndex = -1;
+          for (; length--;) {
+            const key = props[++propIndex];
+            isValid$6(iterable[key]) && "object" == typeof iterable[key] ? baseMergeDeep$1(target, source, key, shallowArray) : assignMergeValue$1(target, key, iterable[key]);
+          }
         }
-        static get DEFAULT() {
-            return defaultStyle$3 ? defaultStyle$3 : (defaultStyle$3 = new Style());
-        }
-        constructor(style = {}, headerStyle = {}) {
-            super();
-            this._color = style.color ?? headerStyle?.color;
-            this._fontSize = style.fontSize ?? headerStyle?.fontSize;
-            this._fontFamily = style.fontFamily ?? headerStyle?.fontFamily;
-            this._fontWeight = style.fontWeight ?? headerStyle?.fontWeight;
-            this._fontVariant = style.fontVariant ?? headerStyle?.fontVariant;
-            this._fontStyle = style.fontStyle ?? headerStyle?.fontStyle;
-            this._textOverflow = (style.textOverflow ?? headerStyle?.textOverflow) || 'ellipsis';
-            this._textStick = style.textStick ?? headerStyle?.textStick ?? false;
-            this._marked = style.marked ?? headerStyle?.marked ?? false;
-            this._textAlign = (style.textAlign ?? headerStyle?.textAlign) || 'left';
-            this._textBaseline = (style.textBaseline ?? headerStyle?.textBaseline) || 'middle';
-            this._bgColor = style.bgColor ?? headerStyle?.bgColor;
-            this._padding = style.padding ?? headerStyle?.padding ?? this._defaultPadding;
-            this._borderColor = style.borderColor ?? headerStyle?.borderColor;
-            this._lineHeight = style.lineHeight ?? headerStyle?.lineHeight;
-            this._underline = style.underline ?? headerStyle?.underline;
-            this._underlineColor = style.underlineColor ?? headerStyle?.underlineColor;
-            this._underlineDash = style.underlineDash ?? headerStyle?.underlineDash;
-            this._lineThrough = style.lineThrough ?? headerStyle?.lineThrough;
-            this._lineThroughColor = style.lineThroughColor ?? headerStyle?.lineThroughColor;
-            this._lineThroughDash = style.lineThroughDash ?? headerStyle?.lineThroughDash;
-            this._linkColor = style.linkColor ?? headerStyle?.linkColor;
-            this._cursor = style.cursor ?? headerStyle?.cursor;
-            this._borderLineWidth = style.borderLineWidth ?? headerStyle?.borderLineWidth;
-            this._borderLineDash = style.borderLineDash ?? headerStyle?.borderLineDash;
-        }
-        get bgColor() {
-            return this._bgColor;
-        }
-        set bgColor(bgColor) {
-            this._bgColor = bgColor;
-        }
-        get color() {
-            return this._color;
-        }
-        set color(color) {
-            this._color = color;
-        }
-        get fontSize() {
-            return this._fontSize;
-        }
-        set fontSize(fontSize) {
-            this._fontSize = fontSize;
-        }
-        get fontFamily() {
-            return this._fontFamily;
-        }
-        set fontFamily(fontFamily) {
-            this._fontFamily = fontFamily;
-        }
-        get fontWeight() {
-            return this._fontWeight;
-        }
-        set fontWeight(fontWeight) {
-            this._fontWeight = fontWeight;
-        }
-        get fontVariant() {
-            return this._fontVariant;
-        }
-        set fontVariant(fontVariant) {
-            this._fontVariant = fontVariant;
-        }
-        get fontStyle() {
-            return this._fontStyle;
-        }
-        set fontStyle(fontStyle) {
-            this._fontStyle = fontStyle;
-        }
-        get textOverflow() {
-            return this._textOverflow;
-        }
-        set textOverflow(textOverflow) {
-            this._textOverflow = textOverflow;
-        }
-        get padding() {
-            return this._padding ?? this._defaultPadding;
-        }
-        set padding(padding) {
-            this._padding = padding;
-        }
-        get borderColor() {
-            return this._borderColor;
-        }
-        set borderColor(borderColor) {
-            this._borderColor = borderColor;
-        }
-        get textStick() {
-            return this._textStick;
-        }
-        set textStick(textStick) {
-            this._textStick = textStick;
-        }
-        get marked() {
-            return this._marked;
-        }
-        set marked(marked) {
-            this._marked = marked;
-        }
-        get textAlign() {
-            return this._textAlign;
-        }
-        set textAlign(textAlign) {
-            this._textAlign = textAlign;
-        }
-        get textBaseline() {
-            return this._textBaseline;
-        }
-        set textBaseline(textBaseline) {
-            this._textBaseline = textBaseline;
-        }
-        get lineHeight() {
-            return this._lineHeight;
-        }
-        set lineHeight(lineHeight) {
-            this._lineHeight = lineHeight;
-        }
-        get underline() {
-            return this._underline;
-        }
-        set underline(underline) {
-            this._underline = underline;
-        }
-        get underlineColor() {
-            return this._underlineColor;
-        }
-        set underlineColor(underlineColor) {
-            this._underlineColor = underlineColor;
-        }
-        get underlineDash() {
-            return this._underlineDash;
-        }
-        set underlineDash(underlineDash) {
-            this._underlineDash = underlineDash;
-        }
-        get lineThrough() {
-            return this._lineThrough;
-        }
-        set lineThrough(lineThrough) {
-            this._lineThrough = lineThrough;
-        }
-        get lineThroughColor() {
-            return this._lineThroughColor;
-        }
-        set lineThroughColor(lineThroughColor) {
-            this._lineThroughColor = lineThroughColor;
-        }
-        get lineThroughDash() {
-            return this._lineThroughDash;
-        }
-        set lineThroughDash(lineThroughDash) {
-            this._lineThroughDash = lineThroughDash;
-        }
-        get linkColor() {
-            return this._linkColor;
-        }
-        set linkColor(linkColor) {
-            this._linkColor = linkColor;
-        }
-        get cursor() {
-            return this._cursor;
-        }
-        set cursor(cursor) {
-            this._cursor = cursor;
-        }
-        get borderLineWidth() {
-            return this._borderLineWidth;
-        }
-        set borderLineWidth(borderLineWidth) {
-            this._borderLineWidth = borderLineWidth;
-        }
-        get borderLineDash() {
-            return this._borderLineDash;
-        }
-        set borderLineDash(borderLineDash) {
-            this._borderLineDash = borderLineDash;
-        }
-        clone() {
-            return new Style(this);
+      }
+    }
+    function baseMergeDeep$1(target, source, key) {
+      let shallowArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+      const objValue = target[key],
+        srcValue = source[key];
+      let newValue = source[key],
+        isCommon = !0;
+      if (isArray$5(srcValue)) {
+        if (shallowArray) newValue = [];else if (isArray$5(objValue)) newValue = objValue;else if (isArrayLike$3(objValue)) {
+          newValue = new Array(objValue.length);
+          let index = -1;
+          const length = objValue.length;
+          for (; ++index < length;) newValue[index] = objValue[index];
         }
+      } else isPlainObject$3(srcValue) ? (newValue = objValue, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+      isCommon && baseMerge$1(newValue, srcValue, shallowArray), assignMergeValue$1(target, key, newValue);
     }
-
-    let defaultStyle$2;
-    class TextHeaderStyle extends Style {
-        _autoWrapText;
-        _lineClamp;
-        static get DEFAULT() {
-            return defaultStyle$2 ? defaultStyle$2 : (defaultStyle$2 = new TextHeaderStyle());
-        }
-        constructor(style = {}, headerStyle = null) {
-            super(style, headerStyle);
-            this._autoWrapText = style?.autoWrapText ?? headerStyle?.autoWrapText;
-            this._lineClamp = style?.lineClamp ?? headerStyle?.lineClamp;
-        }
-        clone() {
-            return new TextHeaderStyle(this, null);
-        }
-        get lineClamp() {
-            return this._lineClamp;
-        }
-        set lineClamp(lineClamp) {
-            this._lineClamp = lineClamp;
-        }
-        get autoWrapText() {
-            return this._autoWrapText;
-        }
-        set autoWrapText(autoWrapText) {
-            this._autoWrapText = autoWrapText;
-        }
+    function assignMergeValue$1(target, key, value) {
+      (void 0 !== value && !eq$1(target[key], value) || void 0 === value && !(key in target)) && (target[key] = value);
     }
-
-    function of$1(headerStyle, defaultHeaderStyle, styleArg, StyleClass, globalAutoWrapText) {
-        if (headerStyle || defaultHeaderStyle) {
-            if (headerStyle instanceof Style) {
-                return headerStyle;
-            }
-            else if (typeof headerStyle === 'function') {
-                return of$1(headerStyle(styleArg), defaultHeaderStyle, styleArg, StyleClass, globalAutoWrapText);
-            }
-            if (!headerStyle) {
-                headerStyle = {};
-            }
-            if (globalAutoWrapText && !isValid$6(headerStyle.autoWrapText)) {
-                headerStyle.autoWrapText = true;
-            }
-            return new StyleClass(headerStyle ?? {}, (defaultHeaderStyle ?? {}));
-        }
-        return StyleClass.DEFAULT;
+    function eq$1(value, other) {
+      return value === other || Number.isNaN(value) && Number.isNaN(other);
+    }
+    function merge$1(target) {
+      let sourceIndex = -1;
+      const length = arguments.length <= 1 ? 0 : arguments.length - 1;
+      for (; ++sourceIndex < length;) {
+        baseMerge$1(target, sourceIndex + 1 < 1 || arguments.length <= sourceIndex + 1 ? undefined : arguments[sourceIndex + 1], !0);
+      }
+      return target;
     }
 
-    function importStyle$2() {
-        const styleElement = document.createElement('style');
-        styleElement.id = 'vtable-style-styleSheet';
-        styleElement.textContent = `
-.vtable .input-container {
-	position: absolute;
-	top:0px;
-}
-.vtable .table-scrollable {
-	position: absolute;
-	overflow: scroll;
-}
-.vtable .table-scrollable::-webkit-scrollbar-button{
-	background-color: transparent;
-}
-.vtable .table-scrollable::-webkit-scrollbar-track-piece{
-	background-color: transparent;
-}
-.vtable .table-scrollable::-webkit-scrollbar-corner {
-	background-color: transparent;
-}
-.vtable .table-scrollable::-webkit-scrollbar-thumb {
-	border-radius      : 4px;
-	background-color   : rgba(100, 100, 100, .5);
-}
+    function pickWithout(obj, keys) {
+      if (!obj || !isPlainObject$3(obj)) return obj;
+      const result = {};
+      return Object.keys(obj).forEach(k => {
+        const v = obj[k];
+        let match = !1;
+        keys.forEach(itKey => {
+          (isString$3(itKey) && itKey === k || itKey instanceof RegExp && k.match(itKey)) && (match = !0);
+        }), match || (result[k] = v);
+      }), result;
+    }
 
-.vtable .table-scroll-end-point {
-	opacity: 0;
-	position: relative;
-}
-.vtable {
-	/* 设置overflow: auto 应该是为了滚动条的某个问题 但设置了auto之后 dom的下拉菜单只能显示在vtable节点中 超出会截断;现在去掉auto 暂时滚动条的问题没有发现 */
-	/* overflow: auto; */
-	position: relative;
-	width: 100%;
-	height: 100%;
-	text-align: left;
-  -webkit-font-smoothing:auto;
-}
-.vtable > canvas {
-	position: absolute;
-	width: 0;
-	height: 0;
-}
-.vtable .table-focus-control {
-	position: relative !important;
-	width: 1px;
-	height: 1px;
-	opacity: 0;
-	padding: 0;
-	margin: 0;
-	box-sizing: border-box;
-	pointer-events: none;
-	max-width: 500px;
-	max-height: 500px;
-	float: none !important;
-}
-.vtable input.table-focus-control::-ms-clear {
-	visibility: hidden;
-}
-.vtable input.table-focus-control.composition {
-	opacity: 1;
-	max-width: none;
-	max-height: none;
-}
-`;
-        document.body.appendChild(styleElement);
+    function objToString(obj) {
+      return Object.prototype.toString.call(obj);
+    }
+    function objectKeys(obj) {
+      return Object.keys(obj);
+    }
+    function isEqual(a, b) {
+      if (a === b) return !0;
+      if (typeof a != typeof b) return !1;
+      if (null == a || null == b) return !1;
+      if (Number.isNaN(a) && Number.isNaN(b)) return !0;
+      if (objToString(a) !== objToString(b)) return !1;
+      if (isFunction$1(a)) return !1;
+      if ("object" != typeof a) return !1;
+      if (isArray$5(a)) {
+        if (a.length !== b.length) return !1;
+        for (let i = a.length - 1; i >= 0; i--) if (!isEqual(a[i], b[i])) return !1;
+        return !0;
+      }
+      if (!isPlainObject$3(a)) return !1;
+      const ka = objectKeys(a),
+        kb = objectKeys(b);
+      if (ka.length !== kb.length) return !1;
+      ka.sort(), kb.sort();
+      for (let i = ka.length - 1; i >= 0; i--) if (ka[i] != kb[i]) return !1;
+      for (let i = ka.length - 1; i >= 0; i--) {
+        const key = ka[i];
+        if (!isEqual(a[key], b[key])) return !1;
+      }
+      return !0;
     }
 
-    function getScrollBarSize(scrollStyle) {
-        if (scrollStyle?.hoverOn || scrollStyle?.visible === 'none') {
-            return 0;
+    function keys(obj) {
+      if (!obj) return [];
+      if (Object.keys) return Object.keys(obj);
+      const keyList = [];
+      for (const key in obj) obj.hasOwnProperty(key) && keyList.push(key);
+      return keyList;
+    }
+    function defaults(target, source, overlay) {
+      const keysArr = keys(source);
+      for (let i = 0; i < keysArr.length; i++) {
+        const key = keysArr[i];
+        (overlay ? null != source[key] : null == target[key]) && (target[key] = source[key]);
+      }
+      return target;
+    }
+    function mixin(target, source) {
+      let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
+      if (target = "prototype" in target ? target.prototype : target, source = "prototype" in source ? source.prototype : source, Object.getOwnPropertyNames) {
+        const keyList = Object.getOwnPropertyNames(source);
+        for (let i = 0; i < keyList.length; i++) {
+          const key = keyList[i];
+          "constructor" !== key && (override ? null != source[key] : null == target[key]) && (target[key] = source[key]);
         }
-        return scrollStyle?.width ?? 7;
+      } else defaults(target, source, override);
     }
 
-    function getDefaultExportFromCjs (x) {
-    	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+    function array$1(arr) {
+      return isValid$6(arr) ? isArray$5(arr) ? arr : [arr] : [];
+    }
+    function last(val) {
+      if (isArrayLike$3(val)) {
+        return val[val.length - 1];
+      }
+    }
+    function maxInArray(arr) {
+      if (arr && isArray$5(arr)) return arr.reduce((prev, curr) => Math.max(prev, curr), -1 / 0);
+    }
+    function minInArray(arr) {
+      if (arr && isArray$5(arr)) return arr.reduce((prev, curr) => Math.min(prev, curr), 1 / 0);
+    }
+    function arrayEqual(a, b) {
+      if (!isArray$5(a) || !isArray$5(b)) return !1;
+      if (a.length !== b.length) return !1;
+      for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return !1;
+      return !0;
+    }
+    function flattenArray(arr) {
+      if (!isArray$5(arr)) return [arr];
+      const result = [];
+      for (const value of arr) result.push(...flattenArray(value));
+      return result;
     }
 
-    var eventemitter3 = {exports: {}};
-
-    (function (module) {
+    const DEFAULT_ABSOLUTE_TOLERATE$1 = 1e-10,
+      DEFAULT_RELATIVE_TOLERATE$1 = 1e-10;
+    function isNumberClose$1(a, b) {
+      let relTol = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_RELATIVE_TOLERATE$1;
+      let absTol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_ABSOLUTE_TOLERATE$1;
+      const abs = absTol,
+        rel = relTol * Math.max(a, b);
+      return Math.abs(a - b) <= Math.max(abs, rel);
+    }
 
-      var has = Object.prototype.hasOwnProperty,
-        prefix = '~';
+    const clamp$2 = function (input, min, max) {
+      return input < min ? min : input > max ? max : input;
+    };
+    var clamp$3 = clamp$2;
 
-      /**
-       * 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() {}
+    const clampRange = (range, min, max) => {
+      let [lowValue, highValue] = range;
+      highValue < lowValue && (lowValue = range[1], highValue = range[0]);
+      const span = highValue - lowValue;
+      return span >= max - min ? [min, max] : (lowValue = Math.min(Math.max(lowValue, min), max - span), [lowValue, lowValue + span]);
+    };
+    var clampRange$1 = clampRange;
 
-      //
-      // 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);
+    const epsilon = 1e-12;
+    const pi = Math.PI;
+    const halfPi$1 = pi / 2;
+    const tau = 2 * pi;
+    const pi2 = 2 * Math.PI;
+    const abs = Math.abs;
+    const atan2 = Math.atan2;
+    const cos = Math.cos;
+    const max = Math.max;
+    const min = Math.min;
+    const sin = Math.sin;
+    const sqrt = Math.sqrt;
+    const pow = Math.pow;
+    function acos(x) {
+      return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
+    }
+    function asin(x) {
+      return x >= 1 ? halfPi$1 : x <= -1 ? -halfPi$1 : Math.asin(x);
+    }
+    function pointAt(x1, y1, x2, y2, t) {
+      let x, 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
+      };
+    }
 
-        //
-        // 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;
+    class Point {
+      constructor() {
+        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+        let x1 = arguments.length > 2 ? arguments[2] : undefined;
+        let y1 = arguments.length > 3 ? arguments[3] : undefined;
+        this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
       }
-
-      /**
-       * 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;
+      clone() {
+        return new Point(this.x, this.y);
       }
-
-      /**
-       * 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;
+      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;
       }
-
-      /**
-       * 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];
+      set(x, y) {
+        return this.x = x, this.y = y, this;
       }
-
-      /**
-       * Minimal `EventEmitter` interface that is molded against the Node.js
-       * `EventEmitter` interface.
-       *
-       * @constructor
-       * @public
-       */
-      function EventEmitter() {
-        this._events = new Events();
-        this._eventsCount = 0;
+      add(point) {
+        return isNumber$6(point) ? (this.x += point, void (this.y += point)) : (this.x += point.x, this.y += point.y, this);
       }
-
-      /**
-       * 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;
+      sub(point) {
+        return isNumber$6(point) ? (this.x -= point, void (this.y -= point)) : (this.x -= point.x, this.y -= point.y, this);
       }
-    })(eventemitter3);
-    var eventemitter3Exports = eventemitter3.exports;
-    var EventEmitter = /*@__PURE__*/getDefaultExportFromCjs(eventemitter3Exports);
-
-    const isType$4 = (value, type) => Object.prototype.toString.call(value) === `[object ${type}]`;
-    var isType$5 = isType$4;
-
-    const isBoolean$2 = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      return fuzzy ? "boolean" == typeof value : !0 === value || !1 === value || isType$5(value, "Boolean");
-    };
-    var isBoolean$3 = isBoolean$2;
-
-    const isFunction = value => "function" == typeof value;
-    var isFunction$1 = isFunction;
-
-    const isNil$4 = value => null == value;
-    var isNil$5 = isNil$4;
-
-    const isValid$4 = value => null != value;
-    var isValid$5 = isValid$4;
-
-    const isObject$2 = value => {
-      const type = typeof value;
-      return null !== value && "object" === type || "function" === type;
-    };
-    var isObject$3 = isObject$2;
-
-    const isObjectLike$2 = value => "object" == typeof value && null !== value;
-    var isObjectLike$3 = isObjectLike$2;
-
-    const isPlainObject$2 = function (value) {
-      if (!isObjectLike$3(value) || !isType$5(value, "Object")) return !1;
-      if (null === Object.getPrototypeOf(value)) return !0;
-      let proto = value;
-      for (; null !== Object.getPrototypeOf(proto);) proto = Object.getPrototypeOf(proto);
-      return Object.getPrototypeOf(value) === proto;
-    };
-    var isPlainObject$3 = isPlainObject$2;
-
-    const isUndefined = value => void 0 === value;
-    var isUndefined$1 = isUndefined;
-
-    const isString$2 = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      const type = typeof value;
-      return fuzzy ? "string" === type : "string" === type || isType$5(value, "String");
-    };
-    var isString$3 = isString$2;
-
-    const isArray$4 = value => Array.isArray ? Array.isArray(value) : isType$5(value, "Array");
-    var isArray$5 = isArray$4;
-
-    const isArrayLike$2 = function (value) {
-      return null !== value && "function" != typeof value && Number.isFinite(value.length);
-    };
-    var isArrayLike$3 = isArrayLike$2;
-
-    const isDate$2 = value => isType$5(value, "Date");
-    var isDate$3 = isDate$2;
-
-    const isNumber$5 = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      const type = typeof value;
-      return fuzzy ? "number" === type : "number" === type || isType$5(value, "Number");
-    };
-    var isNumber$6 = isNumber$5;
-
-    const isValidNumber = value => isNumber$6(value) && Number.isFinite(value);
-    var isValidNumber$1 = isValidNumber;
-
-    const isValidUrl = value => new RegExp(/^(http(s)?:\/\/)\w+[^\s]+(\.[^\s]+){1,}$/).test(value);
-    var isValidUrl$1 = isValidUrl;
-
-    const isRegExp = value => isType$5(value, "RegExp");
-    var isRegExp$1 = isRegExp;
-
-    const isBase64 = value => 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;
-
-    const getType = value => ({}).toString.call(value).replace(/^\[object /, "").replace(/]$/, "");
-    var getType$1 = getType;
-
-    const objectProto = Object.prototype,
-      isPrototype = function (value) {
-        const Ctor = value && value.constructor;
-        return value === ("function" == typeof Ctor && Ctor.prototype || objectProto);
-      };
-    var isPrototype$1 = isPrototype;
-
-    const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-    function isEmpty(value) {
-      if (isNil$5(value)) return !0;
-      if (isArrayLike$3(value)) return !value.length;
-      const type = getType$1(value);
-      if ("Map" === type || "Set" === type) return !value.size;
-      if (isPrototype$1(value)) return !Object.keys(value).length;
-      for (const key in value) if (hasOwnProperty$1.call(value, key)) return !1;
-      return !0;
-    }
-
-    const get$3 = (obj, path, defaultValue) => {
-      const paths = isString$3(path) ? path.split(".") : path;
-      for (let p = 0; p < paths.length; p++) obj = obj ? obj[paths[p]] : void 0;
-      return void 0 === obj ? defaultValue : obj;
-    };
-    var get$4 = get$3;
-
-    const hasOwnProperty = Object.prototype.hasOwnProperty,
-      has = (object, key) => null != object && hasOwnProperty.call(object, key);
-    var has$1 = has;
-
-    function getRegExpFlags(re) {
-      let flags = "";
-      return re.global && (flags += "g"), re.ignoreCase && (flags += "i"), re.multiline && (flags += "m"), flags;
-    }
-    function clone(parent) {
-      let circular = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      let depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-      let prototype = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : void 0;
-      const 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;
-        let child;
-        if ("object" != typeof parent) return parent;
-        if (isArray$5(parent) ? child = [] : isRegExp$1(parent) ? (child = new RegExp(parent.source, getRegExpFlags(parent)), parent.lastIndex && (child.lastIndex = parent.lastIndex)) : child = isDate$3(parent) ? new Date(parent.getTime()) : void 0 === prototype ? Object.create(Object.getPrototypeOf(parent)) : Object.create(prototype), circular) {
-          const index = allParents.indexOf(parent);
-          if (-1 !== index) return allChildren[index];
-          allParents.push(parent), allChildren.push(child);
-        }
-        for (const i in parent) child[i] = _clone(parent[i], depth - 1);
-        return child;
-      }(parent, depth);
-    }
-
-    function cloneDeep$1(value) {
-      let result;
-      if (!isValid$5(value) || "object" != typeof value) return value;
-      const isArr = isArray$5(value),
-        length = value.length;
-      result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$3(value) || isNumber$6(value) || isString$3(value) ? value : isDate$3(value) ? new Date(+value) : void 0;
-      const props = isArr ? void 0 : Object.keys(Object(value));
-      let index = -1;
-      if (result) for (; ++index < (props || value).length;) {
-        const key = props ? props[index] : index,
-          subValue = value[key];
-        result[key] = cloneDeep$1(subValue);
+      multi(point) {
+        throw new Error("暂不支持");
       }
-      return result;
-    }
-
-    function baseMerge$1(target, source) {
-      let shallowArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      if (source) {
-        if (target === source) return;
-        if (isValid$5(source) && "object" == typeof source) {
-          const iterable = Object(source),
-            props = [];
-          for (const key in iterable) props.push(key);
-          let {
-              length: length
-            } = props,
-            propIndex = -1;
-          for (; length--;) {
-            const key = props[++propIndex];
-            isValid$5(iterable[key]) && "object" == typeof iterable[key] ? baseMergeDeep$1(target, source, key, shallowArray) : assignMergeValue$1(target, key, iterable[key]);
-          }
-        }
+      div(point) {
+        throw new Error("暂不支持");
       }
     }
-    function baseMergeDeep$1(target, source, key) {
-      let shallowArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      const objValue = target[key],
-        srcValue = source[key];
-      let newValue = source[key],
-        isCommon = !0;
-      if (isArray$5(srcValue)) {
-        if (shallowArray) newValue = [];else if (isArray$5(objValue)) newValue = objValue;else if (isArrayLike$3(objValue)) {
-          newValue = new Array(objValue.length);
-          let index = -1;
-          const length = objValue.length;
-          for (; ++index < length;) newValue[index] = objValue[index];
-        }
-      } else isPlainObject$3(srcValue) ? (newValue = objValue, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
-      isCommon && baseMerge$1(newValue, srcValue, shallowArray), assignMergeValue$1(target, key, newValue);
-    }
-    function assignMergeValue$1(target, key, value) {
-      (void 0 !== value && !eq$1(target[key], value) || void 0 === value && !(key in target)) && (target[key] = value);
-    }
-    function eq$1(value, other) {
-      return value === other || Number.isNaN(value) && Number.isNaN(other);
-    }
-    function merge$1(target) {
-      let sourceIndex = -1;
-      const length = arguments.length <= 1 ? 0 : arguments.length - 1;
-      for (; ++sourceIndex < length;) {
-        baseMerge$1(target, sourceIndex + 1 < 1 || arguments.length <= sourceIndex + 1 ? undefined : arguments[sourceIndex + 1], !0);
+    class PointService {
+      static distancePP(p1, p2) {
+        return sqrt(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
       }
-      return target;
-    }
-
-    function pickWithout(obj, keys) {
-      if (!obj || !isPlainObject$3(obj)) return obj;
-      const result = {};
-      return Object.keys(obj).forEach(k => {
-        const v = obj[k];
-        let match = !1;
-        keys.forEach(itKey => {
-          (isString$3(itKey) && itKey === k || itKey instanceof RegExp && k.match(itKey)) && (match = !0);
-        }), match || (result[k] = v);
-      }), result;
-    }
-
-    function objToString(obj) {
-      return Object.prototype.toString.call(obj);
-    }
-    function objectKeys(obj) {
-      return Object.keys(obj);
-    }
-    function isEqual(a, b) {
-      if (a === b) return !0;
-      if (typeof a != typeof b) return !1;
-      if (null == a || null == b) return !1;
-      if (Number.isNaN(a) && Number.isNaN(b)) return !0;
-      if (objToString(a) !== objToString(b)) return !1;
-      if (isFunction$1(a)) return !1;
-      if ("object" != typeof a) return !1;
-      if (isArray$5(a)) {
-        if (a.length !== b.length) return !1;
-        for (let i = a.length - 1; i >= 0; i--) if (!isEqual(a[i], b[i])) return !1;
-        return !0;
+      static distanceNN(x, y, x1, y1) {
+        return sqrt(pow(x - x1, 2) + pow(y - y1, 2));
       }
-      if (!isPlainObject$3(a)) return !1;
-      const ka = objectKeys(a),
-        kb = objectKeys(b);
-      if (ka.length !== kb.length) return !1;
-      ka.sort(), kb.sort();
-      for (let i = ka.length - 1; i >= 0; i--) if (ka[i] != kb[i]) return !1;
-      for (let i = ka.length - 1; i >= 0; i--) {
-        const key = ka[i];
-        if (!isEqual(a[key], b[key])) return !1;
+      static distancePN(point, x, y) {
+        return sqrt(pow(x - point.x, 2) + pow(y - point.y, 2));
+      }
+      static pointAtPP(p1, p2, t) {
+        return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
       }
-      return !0;
     }
 
-    function keys(obj) {
-      if (!obj) return [];
-      if (Object.keys) return Object.keys(obj);
-      const keyList = [];
-      for (const key in obj) obj.hasOwnProperty(key) && keyList.push(key);
-      return keyList;
+    function transformBoundsWithMatrix(out, bounds, matrix) {
+      const {
+        x1: x1,
+        y1: y1,
+        x2: x2,
+        y2: y2
+      } = bounds;
+      return matrix.onlyTranslate() ? (out !== bounds && out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), out.translate(matrix.e, matrix.f), bounds) : (out.clear(), out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f), out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f), bounds);
     }
-    function defaults(target, source, overlay) {
-      const keysArr = keys(source);
-      for (let i = 0; i < keysArr.length; i++) {
-        const key = keysArr[i];
-        (overlay ? null != source[key] : null == target[key]) && (target[key] = source[key]);
-      }
-      return target;
-    }
-    function mixin(target, source) {
-      let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
-      if (target = "prototype" in target ? target.prototype : target, source = "prototype" in source ? source.prototype : source, Object.getOwnPropertyNames) {
-        const keyList = Object.getOwnPropertyNames(source);
-        for (let i = 0; i < keyList.length; i++) {
-          const key = keyList[i];
-          "constructor" !== key && (override ? null != source[key] : null == target[key]) && (target[key] = source[key]);
-        }
-      } else defaults(target, source, override);
-    }
-
-    function array$1(arr) {
-      return isValid$5(arr) ? isArray$5(arr) ? arr : [arr] : [];
-    }
-    function last(val) {
-      if (isArrayLike$3(val)) {
-        return val[val.length - 1];
-      }
-    }
-    function maxInArray(arr) {
-      if (arr && isArray$5(arr)) return arr.reduce((prev, curr) => Math.max(prev, curr), -1 / 0);
-    }
-    function minInArray(arr) {
-      if (arr && isArray$5(arr)) return arr.reduce((prev, curr) => Math.min(prev, curr), 1 / 0);
-    }
-    function arrayEqual(a, b) {
-      if (!isArray$5(a) || !isArray$5(b)) return !1;
-      if (a.length !== b.length) return !1;
-      for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return !1;
-      return !0;
-    }
-    function flattenArray(arr) {
-      if (!isArray$5(arr)) return [arr];
-      const result = [];
-      for (const value of arr) result.push(...flattenArray(value));
-      return result;
-    }
-
-    const DEFAULT_ABSOLUTE_TOLERATE$1 = 1e-10,
-      DEFAULT_RELATIVE_TOLERATE$1 = 1e-10;
-    function isNumberClose$1(a, b) {
-      let relTol = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_RELATIVE_TOLERATE$1;
-      let absTol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_ABSOLUTE_TOLERATE$1;
-      const abs = absTol,
-        rel = relTol * Math.max(a, b);
-      return Math.abs(a - b) <= Math.max(abs, rel);
-    }
-
-    const clamp$2 = function (input, min, max) {
-      return input < min ? min : input > max ? max : input;
-    };
-    var clamp$3 = clamp$2;
-
-    const clampRange = (range, min, max) => {
-      let [lowValue, highValue] = range;
-      highValue < lowValue && (lowValue = range[1], highValue = range[0]);
-      const span = highValue - lowValue;
-      return span >= max - min ? [min, max] : (lowValue = Math.min(Math.max(lowValue, min), max - span), [lowValue, lowValue + span]);
-    };
-    var clampRange$1 = clampRange;
-
-    const epsilon = 1e-12;
-    const pi = Math.PI;
-    const halfPi$1 = pi / 2;
-    const tau = 2 * pi;
-    const pi2 = 2 * Math.PI;
-    const abs = Math.abs;
-    const atan2 = Math.atan2;
-    const cos = Math.cos;
-    const max = Math.max;
-    const min = Math.min;
-    const sin = Math.sin;
-    const sqrt = Math.sqrt;
-    const pow = Math.pow;
-    function acos(x) {
-      return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
-    }
-    function asin(x) {
-      return x >= 1 ? halfPi$1 : x <= -1 ? -halfPi$1 : Math.asin(x);
-    }
-    function pointAt(x1, y1, x2, y2, t) {
-      let x, 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
-      };
-    }
-
-    class Point {
-      constructor() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x1 = arguments.length > 2 ? arguments[2] : undefined;
-        let y1 = arguments.length > 3 ? arguments[3] : undefined;
-        this.x = 0, this.y = 0, this.x = x, this.y = y, this.x1 = x1, this.y1 = y1;
-      }
-      clone() {
-        return new Point(this.x, this.y);
-      }
-      copyFrom(p) {
-        return this.x = p.x, this.y = p.y, this.x1 = p.x1, this.y1 = p.y1, this.defined = p.defined, this.context = p.context, this;
-      }
-      set(x, y) {
-        return this.x = x, this.y = y, this;
-      }
-      add(point) {
-        return isNumber$6(point) ? (this.x += point, void (this.y += point)) : (this.x += point.x, this.y += point.y, this);
-      }
-      sub(point) {
-        return isNumber$6(point) ? (this.x -= point, void (this.y -= point)) : (this.x -= point.x, this.y -= point.y, this);
-      }
-      multi(point) {
-        throw new Error("暂不支持");
-      }
-      div(point) {
-        throw new Error("暂不支持");
-      }
-    }
-    class PointService {
-      static distancePP(p1, p2) {
-        return sqrt(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
-      }
-      static distanceNN(x, y, x1, y1) {
-        return sqrt(pow(x - x1, 2) + pow(y - y1, 2));
-      }
-      static distancePN(point, x, y) {
-        return sqrt(pow(x - point.x, 2) + pow(y - point.y, 2));
-      }
-      static pointAtPP(p1, p2, t) {
-        return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
-      }
-    }
-
-    function transformBoundsWithMatrix(out, bounds, matrix) {
-      const {
-        x1: x1,
-        y1: y1,
-        x2: x2,
-        y2: y2
-      } = bounds;
-      return matrix.onlyTranslate() ? (out !== bounds && out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), out.translate(matrix.e, matrix.f), bounds) : (out.clear(), out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f), out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f), bounds);
-    }
-    class Bounds {
-      constructor(bounds) {
-        bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
+    class Bounds {
+      constructor(bounds) {
+        bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
       }
       clone() {
         return new Bounds(this);
@@ -2254,8 +1363,8 @@
         }
       }
       static parseColorString(value) {
-        if (isValid$5(DEFAULT_COLORS_OPACITY$1[value])) return rgba$1(DEFAULT_COLORS_OPACITY$1[value]);
-        if (isValid$5(DEFAULT_COLORS$1[value])) return rgb$1(DEFAULT_COLORS$1[value]);
+        if (isValid$6(DEFAULT_COLORS_OPACITY$1[value])) return rgba$1(DEFAULT_COLORS_OPACITY$1[value]);
+        if (isValid$6(DEFAULT_COLORS$1[value])) return rgb$1(DEFAULT_COLORS$1[value]);
         const formatValue = `${value}`.trim().toLowerCase(),
           isHex = REG_HEX$1.exec(formatValue);
         if (isHex) {
@@ -2391,7 +1500,7 @@
     };
     let RGB$1 = class RGB {
       constructor(r, g, b, opacity) {
-        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$5(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
+        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$6(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
       }
       formatHex() {
         return `#${hex$1(this.r) + hex$1(this.g) + hex$1(this.b) + (1 === this.opacity ? "" : hex$1(255 * this.opacity))}`;
@@ -2554,248 +1663,1136 @@
       return isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) && isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) && isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) && isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC);
     }
 
-    const eastAsianCharacterInfo = character => {
-      let 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";
-    };
+    const eastAsianCharacterInfo = character => {
+      let 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$2(text) {
+      let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      const {
+        fontStyle = defaultAttr.fontStyle,
+        fontVariant = defaultAttr.fontVariant,
+        fontWeight = defaultAttr.fontWeight,
+        fontSize = defaultAttr.fontSize,
+        fontFamily = defaultAttr.fontFamily
+      } = text;
+      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize + "px " + (fontFamily || "sans-serif");
+    }
+
+    class TextMeasure {
+      constructor(option, textSpec) {
+        this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$6(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$6(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
+      }
+      initContext() {
+        if (this._notSupportCanvas) return !1;
+        if (isNil$5(this._canvas) && (isValid$6(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$5(this._canvas) && "undefined" != typeof window && void 0 !== window.document && isValid$6(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$5(this._context) && isValid$6(this._canvas)) {
+          const context = this._canvas.getContext("2d");
+          isValid$6(context) && (context.save(), context.font = getContextFont$2(this.textSpec), this._contextSaved = !0, this._context = context);
+        }
+        return !isNil$5(this._context) || (this._notSupportCanvas = !0, !1);
+      }
+      _initSpec() {
+        var _a, _b, _c;
+        const {
+            defaultFontParams = {}
+          } = this._option,
+          {
+            fontStyle = defaultFontParams.fontStyle,
+            fontVariant = defaultFontParams.fontVariant,
+            fontWeight = null !== (_a = defaultFontParams.fontWeight) && void 0 !== _a ? _a : "normal",
+            fontSize = null !== (_b = defaultFontParams.fontSize) && void 0 !== _b ? _b : 12,
+            fontFamily = null !== (_c = defaultFontParams.fontFamily) && void 0 !== _c ? _c : "sans-serif",
+            align: align,
+            textAlign = null != align ? align : "center",
+            baseline: baseline,
+            textBaseline = null != baseline ? baseline : "middle",
+            ellipsis: ellipsis,
+            limit: limit,
+            lineHeight = fontSize
+          } = this._userSpec;
+        return {
+          fontStyle: fontStyle,
+          fontVariant: fontVariant,
+          fontFamily: fontFamily,
+          fontSize: fontSize,
+          fontWeight: fontWeight,
+          textAlign: textAlign,
+          textBaseline: textBaseline,
+          ellipsis: ellipsis,
+          limit: limit,
+          lineHeight: lineHeight
+        };
+      }
+      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);
+        }
+      }
+      fullMeasure(text) {
+        if (isNil$5(text)) return {
+          width: 0,
+          height: 0
+        };
+        if (isNil$5(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
+        const {
+          fontFamily: fontFamily,
+          fontSize: fontSize,
+          fontWeight: fontWeight,
+          textAlign: textAlign,
+          textBaseline: textBaseline,
+          ellipsis: ellipsis,
+          limit: limit,
+          lineHeight: lineHeight
+        } = this.textSpec;
+        let size;
+        try {
+          const 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;
+      }
+      measureWithNaiveCanvas(text) {
+        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
+      }
+      _measureWithNaiveCanvas(text) {
+        if (!this.initContext()) return this._quickMeasureWithoutCanvas(text);
+        const metrics = this._context.measureText(text),
+          {
+            fontSize: fontSize,
+            lineHeight: lineHeight
+          } = this.textSpec;
+        return {
+          width: metrics.width,
+          height: null != lineHeight ? lineHeight : fontSize
+        };
+      }
+      quickMeasure(text) {
+        return this._measureReduce(text, this._quickMeasure.bind(this));
+      }
+      _quickMeasure(text) {
+        const totalSize = {
+          width: 0,
+          height: 0
+        };
+        for (let i = 0; i < text.length; i++) {
+          const char = text[i];
+          let size = this._measureSpecialChar(char);
+          isNil$5(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$5(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$5(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
+        }
+        return totalSize;
+      }
+      quickMeasureWithoutCanvas(text) {
+        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
+      }
+      _quickMeasureWithoutCanvas(text) {
+        const totalSize = {
+            width: 0,
+            height: 0
+          },
+          {
+            fontSize: fontSize,
+            lineHeight: lineHeight
+          } = this.textSpec;
+        for (let i = 0; i < text.length; i++) {
+          const char = text[i],
+            size = ["F", "W"].includes(eastAsianCharacterInfo(char)) ? 1 : .53;
+          totalSize.width += size * fontSize;
+        }
+        return totalSize.height = null != lineHeight ? lineHeight : fontSize, totalSize;
+      }
+      _measureReduce(text, processor) {
+        const {
+            fontSize: fontSize,
+            lineHeight: lineHeight
+          } = this.textSpec,
+          defaultResult = {
+            width: 0,
+            height: 0
+          };
+        if (isNil$5(text)) return defaultResult;
+        if (isArray$5(text)) {
+          const textArr = text.filter(isValid$6).map(s => s.toString());
+          return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
+            width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
+            height: textArr.length * ((null != lineHeight ? lineHeight : fontSize) + 1) + 1
+          };
+        }
+        return processor(text.toString());
+      }
+      _measureNumberChar() {
+        if (isNil$5(this._numberCharSize)) {
+          const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
+          this._numberCharSize = {
+            width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
+            height: numberBounds.height
+          };
+        }
+        return this._numberCharSize;
+      }
+      _measureFullSizeChar() {
+        return isNil$5(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
+      }
+      _measureLetterChar() {
+        if (isNil$5(this._letterCharSize)) {
+          const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
+          this._letterCharSize = {
+            width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
+            height: alphabetBounds.height
+          };
+        }
+        return this._letterCharSize;
+      }
+      _measureSpecialChar(char) {
+        return isValid$6(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
+      }
+      release() {
+        isValid$6(this._canvas) && (this._canvas = null), isValid$6(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
+      }
+    }
+    TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
+
+    function normalizePadding(padding) {
+      if (isValidNumber$1(padding)) return [padding, padding, padding, padding];
+      if (isArray$5(padding)) {
+        const length = padding.length;
+        if (1 === length) {
+          const paddingValue = padding[0];
+          return [paddingValue, paddingValue, paddingValue, paddingValue];
+        }
+        if (2 === length) {
+          const [vertical, horizontal] = padding;
+          return [vertical, horizontal, vertical, horizontal];
+        }
+        if (3 === length) {
+          const [top, horizontal, bottom] = padding;
+          return [top, horizontal, bottom, horizontal];
+        }
+        if (4 === length) return padding;
+      }
+      if (isObject$4(padding)) {
+        const {
+          top = 0,
+          right = 0,
+          bottom = 0,
+          left = 0
+        } = padding;
+        return [top, right, bottom, left];
+      }
+      return [0, 0, 0, 0];
+    }
+
+    let idCount$1 = 1;
+    let EventTarget$3 = class EventTarget {
+        listenersData = {
+            listeners: {},
+            listenerData: {}
+        };
+        on(type, listener) {
+            const list = this.listenersData.listeners[type] || (this.listenersData.listeners[type] = []);
+            list.push(listener);
+            const id = idCount$1++;
+            this.listenersData.listenerData[id] = {
+                type,
+                listener,
+                remove: () => {
+                    delete this.listenersData.listenerData[id];
+                    const index = list.indexOf(listener);
+                    list.splice(index, 1);
+                    if (!this.listenersData.listeners[type].length) {
+                        delete this.listenersData.listeners[type];
+                    }
+                }
+            };
+            return id;
+        }
+        off(idOrType, listener) {
+            if (listener) {
+                const type = idOrType;
+                this.removeEventListener(type, listener);
+            }
+            else {
+                const id = idOrType;
+                if (!this.listenersData) {
+                    return;
+                }
+                this.listenersData.listenerData[id]?.remove();
+            }
+        }
+        addEventListener(type, listener, option) {
+            this.on(type, listener);
+        }
+        removeEventListener(type, listener) {
+            if (!this.listenersData) {
+                return;
+            }
+            for (const key in this.listenersData.listenerData) {
+                const listenerData = this.listenersData.listenerData[key];
+                if (listenerData.type === type && listenerData.listener === listener) {
+                    this.off(key);
+                }
+            }
+        }
+        hasListeners(type) {
+            if (!this.listenersData) {
+                return false;
+            }
+            return !!this.listenersData.listeners[type];
+        }
+        fireListeners(type, event) {
+            if (!this.listenersData) {
+                return [];
+            }
+            const list = this.listenersData.listeners[type];
+            if (!list) {
+                return [];
+            }
+            return list.map(listener => listener.call(this, event)).filter(r => isValid$6(r));
+        }
+        release() {
+            delete this.listenersData;
+        }
+    };
+
+    let defaultStyle$6;
+    const STYLE_EVENT_TYPE = {
+        CHANGE_STYLE: 'change_style'
+    };
+    let Style$1 = class Style extends EventTarget$3 {
+        _color;
+        _fontSize;
+        _fontFamily;
+        _fontWeight;
+        _fontVariant;
+        _fontStyle;
+        _padding;
+        _defaultPadding = [10, 16, 10, 16];
+        _textStick;
+        _textOverflow;
+        _textAlign;
+        _textBaseline;
+        _bgColor;
+        _borderColor;
+        _lineHeight;
+        _underline;
+        _underlineColor;
+        _underlineDash;
+        _lineThrough;
+        _lineThroughColor;
+        _lineThroughDash;
+        _linkColor;
+        _cursor;
+        _borderLineWidth;
+        _borderLineDash;
+        _marked;
+        static get EVENT_TYPE() {
+            return STYLE_EVENT_TYPE;
+        }
+        static get DEFAULT() {
+            return defaultStyle$6 ? defaultStyle$6 : (defaultStyle$6 = new Style());
+        }
+        constructor(style = {}, bodyStyle = {}) {
+            super();
+            this._textAlign = style?.textAlign ?? bodyStyle?.textAlign;
+            this._textBaseline = style?.textBaseline ?? bodyStyle?.textBaseline;
+            this._color = style?.color ?? bodyStyle?.color;
+            this._fontSize = style.fontSize ?? bodyStyle?.fontSize;
+            this._fontFamily = style.fontFamily ?? bodyStyle?.fontFamily;
+            this._fontWeight = style.fontWeight ?? bodyStyle?.fontWeight;
+            this._fontVariant = style.fontVariant ?? bodyStyle?.fontVariant;
+            this._fontStyle = style.fontStyle ?? bodyStyle?.fontStyle;
+            this._padding = style?.padding ?? bodyStyle?.padding ?? this._defaultPadding;
+            this._borderColor = style?.borderColor ?? bodyStyle?.borderColor;
+            this._textOverflow = style?.textOverflow ?? bodyStyle?.textOverflow;
+            this._textStick = style.textStick ?? bodyStyle?.textStick ?? false;
+            this._bgColor = style?.bgColor ?? bodyStyle?.bgColor;
+            this._lineHeight = style?.lineHeight ?? bodyStyle?.lineHeight;
+            this._underline = style?.underline ?? bodyStyle?.underline;
+            this._underlineColor = style?.underlineColor ?? bodyStyle?.underlineColor;
+            this._underlineDash = style?.underlineDash ?? bodyStyle?.underlineDash;
+            this._lineThrough = style?.lineThrough ?? bodyStyle?.lineThrough;
+            this._lineThroughColor = style?.lineThroughColor ?? bodyStyle?.lineThroughColor;
+            this._lineThroughDash = style?.lineThroughDash ?? bodyStyle?.lineThroughDash;
+            this._linkColor = style?.linkColor ?? bodyStyle?.linkColor;
+            this._cursor = style.cursor ?? bodyStyle?.cursor;
+            this._borderLineWidth = style.borderLineWidth ?? bodyStyle?.borderLineWidth;
+            this._borderLineDash = style.borderLineDash ?? bodyStyle?.borderLineDash;
+            this._marked = style.marked ?? bodyStyle?.marked;
+        }
+        get color() {
+            return this._color;
+        }
+        set color(color) {
+            this._color = color;
+        }
+        get fontSize() {
+            return this._fontSize;
+        }
+        set fontSize(fontSize) {
+            this._fontSize = fontSize;
+        }
+        get fontFamily() {
+            return this._fontFamily;
+        }
+        set fontFamily(fontFamily) {
+            this._fontFamily = fontFamily;
+        }
+        get fontWeight() {
+            return this._fontWeight;
+        }
+        set fontWeight(fontWeight) {
+            this._fontWeight = fontWeight;
+        }
+        get fontVariant() {
+            return this._fontVariant;
+        }
+        set fontVariant(fontVariant) {
+            this._fontVariant = fontVariant;
+        }
+        get fontStyle() {
+            return this._fontStyle;
+        }
+        set fontStyle(fontStyle) {
+            this._fontStyle = fontStyle;
+        }
+        get padding() {
+            return this._padding;
+        }
+        set padding(padding) {
+            this._padding = padding;
+        }
+        get textOverflow() {
+            return this._textOverflow;
+        }
+        set textOverflow(textOverflow) {
+            this._textOverflow = textOverflow;
+        }
+        get bgColor() {
+            return this._bgColor;
+        }
+        set bgColor(bgColor) {
+            this._bgColor = bgColor;
+        }
+        get borderColor() {
+            return this._borderColor;
+        }
+        set borderColor(borderColor) {
+            this._borderColor = borderColor;
+        }
+        get textStick() {
+            return this._textStick;
+        }
+        set textStick(textStick) {
+            this._textStick = textStick;
+        }
+        get textAlign() {
+            return this._textAlign;
+        }
+        set textAlign(textAlign) {
+            this._textAlign = textAlign;
+        }
+        get textBaseline() {
+            return this._textBaseline;
+        }
+        set textBaseline(textBaseline) {
+            this._textBaseline = textBaseline;
+        }
+        get lineHeight() {
+            return this._lineHeight;
+        }
+        set lineHeight(lineHeight) {
+            this._lineHeight = lineHeight;
+        }
+        get underline() {
+            return this._underline;
+        }
+        set underline(underline) {
+            this._underline = underline;
+        }
+        get underlineColor() {
+            return this._underlineColor;
+        }
+        set underlineColor(underlineColor) {
+            this._underlineColor = underlineColor;
+        }
+        get underlineDash() {
+            return this._underlineDash;
+        }
+        set underlineDash(underlineDash) {
+            this._underlineDash = underlineDash;
+        }
+        get lineThrough() {
+            return this._lineThrough;
+        }
+        set lineThrough(lineThrough) {
+            this._lineThrough = lineThrough;
+        }
+        get lineThroughColor() {
+            return this._lineThroughColor;
+        }
+        set lineThroughColor(lineThroughColor) {
+            this._lineThroughColor = lineThroughColor;
+        }
+        get lineThroughDash() {
+            return this._lineThroughDash;
+        }
+        set lineThroughDash(lineThroughDash) {
+            this._lineThroughDash = lineThroughDash;
+        }
+        get linkColor() {
+            return this._linkColor;
+        }
+        set linkColor(linkColor) {
+            this._linkColor = linkColor;
+        }
+        get cursor() {
+            return this._cursor;
+        }
+        set cursor(cursor) {
+            this._cursor = cursor;
+        }
+        get borderLineWidth() {
+            return this._borderLineWidth;
+        }
+        set borderLineWidth(borderLineWidth) {
+            this._borderLineWidth = borderLineWidth;
+        }
+        get borderLineDash() {
+            return this._borderLineDash;
+        }
+        set borderLineDash(borderLineDash) {
+            this._borderLineDash = borderLineDash;
+        }
+        get marked() {
+            return this._marked;
+        }
+        set marked(marked) {
+            this._marked = marked;
+        }
+        clone() {
+            return new Style(this, null);
+        }
+    };
+
+    let defaultStyle$5;
+    let ImageStyle$1 = class ImageStyle extends Style$1 {
+        static get DEFAULT() {
+            return defaultStyle$5 ? defaultStyle$5 : (defaultStyle$5 = new ImageStyle());
+        }
+        constructor(style = {}, bodyStyle = {}) {
+            super(style, bodyStyle);
+        }
+        clone() {
+            return new ImageStyle(this, null);
+        }
+    };
+
+    let defaultStyle$4;
+    class TextStyle extends Style$1 {
+        _autoWrapText;
+        _lineClamp;
+        static get DEFAULT() {
+            return defaultStyle$4 ? defaultStyle$4 : (defaultStyle$4 = new TextStyle());
+        }
+        constructor(style = {}, bodyStyle = {}) {
+            super(style, bodyStyle);
+            this._autoWrapText = style?.autoWrapText ?? bodyStyle?.autoWrapText;
+            this._lineClamp = style?.lineClamp ?? bodyStyle?.lineClamp;
+        }
+        clone() {
+            return new TextStyle(this, null);
+        }
+        get lineClamp() {
+            return this._lineClamp;
+        }
+        set lineClamp(lineClamp) {
+            this._lineClamp = lineClamp;
+        }
+        get autoWrapText() {
+            return this._autoWrapText;
+        }
+        set autoWrapText(autoWrapText) {
+            this._autoWrapText = autoWrapText;
+        }
+    }
+
+    function of$2(columnStyle, bodyStyle, styleArg, StyleClassDef = Style$1, globalAutoWrapText) {
+        if (columnStyle || bodyStyle) {
+            if (columnStyle instanceof Style$1) {
+                return columnStyle;
+            }
+            else if (typeof columnStyle === 'function') {
+                return of$2(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText);
+            }
+            if (!columnStyle) {
+                columnStyle = {};
+            }
+            if (globalAutoWrapText && !isValid$6(columnStyle.autoWrapText)) {
+                columnStyle.autoWrapText = true;
+            }
+            return new StyleClassDef((columnStyle ?? {}), (bodyStyle ?? {}));
+        }
+        return StyleClassDef.DEFAULT;
+    }
+
+    let defaultStyle$3;
+    const EVENT_TYPE$1 = {
+        CHANGE_STYLE: 'change_style'
+    };
+    class Style extends EventTarget$3 {
+        _color;
+        _fontSize;
+        _fontFamily;
+        _fontWeight;
+        _fontVariant;
+        _fontStyle;
+        _textOverflow;
+        _padding;
+        _defaultPadding = [10, 16, 10, 16];
+        _textStick;
+        _marked;
+        _textAlign;
+        _textBaseline;
+        _bgColor;
+        _borderColor;
+        _lineHeight;
+        _underline;
+        _underlineColor;
+        _underlineDash;
+        _lineThrough;
+        _lineThroughColor;
+        _lineThroughDash;
+        _linkColor;
+        _cursor;
+        _borderLineWidth;
+        _borderLineDash;
+        static get EVENT_TYPE() {
+            return EVENT_TYPE$1;
+        }
+        static get DEFAULT() {
+            return defaultStyle$3 ? defaultStyle$3 : (defaultStyle$3 = new Style());
+        }
+        constructor(style = {}, headerStyle = {}) {
+            super();
+            this._color = style.color ?? headerStyle?.color;
+            this._fontSize = style.fontSize ?? headerStyle?.fontSize;
+            this._fontFamily = style.fontFamily ?? headerStyle?.fontFamily;
+            this._fontWeight = style.fontWeight ?? headerStyle?.fontWeight;
+            this._fontVariant = style.fontVariant ?? headerStyle?.fontVariant;
+            this._fontStyle = style.fontStyle ?? headerStyle?.fontStyle;
+            this._textOverflow = (style.textOverflow ?? headerStyle?.textOverflow) || 'ellipsis';
+            this._textStick = style.textStick ?? headerStyle?.textStick ?? false;
+            this._marked = style.marked ?? headerStyle?.marked ?? false;
+            this._textAlign = (style.textAlign ?? headerStyle?.textAlign) || 'left';
+            this._textBaseline = (style.textBaseline ?? headerStyle?.textBaseline) || 'middle';
+            this._bgColor = style.bgColor ?? headerStyle?.bgColor;
+            this._padding = style.padding ?? headerStyle?.padding ?? this._defaultPadding;
+            this._borderColor = style.borderColor ?? headerStyle?.borderColor;
+            this._lineHeight = style.lineHeight ?? headerStyle?.lineHeight;
+            this._underline = style.underline ?? headerStyle?.underline;
+            this._underlineColor = style.underlineColor ?? headerStyle?.underlineColor;
+            this._underlineDash = style.underlineDash ?? headerStyle?.underlineDash;
+            this._lineThrough = style.lineThrough ?? headerStyle?.lineThrough;
+            this._lineThroughColor = style.lineThroughColor ?? headerStyle?.lineThroughColor;
+            this._lineThroughDash = style.lineThroughDash ?? headerStyle?.lineThroughDash;
+            this._linkColor = style.linkColor ?? headerStyle?.linkColor;
+            this._cursor = style.cursor ?? headerStyle?.cursor;
+            this._borderLineWidth = style.borderLineWidth ?? headerStyle?.borderLineWidth;
+            this._borderLineDash = style.borderLineDash ?? headerStyle?.borderLineDash;
+        }
+        get bgColor() {
+            return this._bgColor;
+        }
+        set bgColor(bgColor) {
+            this._bgColor = bgColor;
+        }
+        get color() {
+            return this._color;
+        }
+        set color(color) {
+            this._color = color;
+        }
+        get fontSize() {
+            return this._fontSize;
+        }
+        set fontSize(fontSize) {
+            this._fontSize = fontSize;
+        }
+        get fontFamily() {
+            return this._fontFamily;
+        }
+        set fontFamily(fontFamily) {
+            this._fontFamily = fontFamily;
+        }
+        get fontWeight() {
+            return this._fontWeight;
+        }
+        set fontWeight(fontWeight) {
+            this._fontWeight = fontWeight;
+        }
+        get fontVariant() {
+            return this._fontVariant;
+        }
+        set fontVariant(fontVariant) {
+            this._fontVariant = fontVariant;
+        }
+        get fontStyle() {
+            return this._fontStyle;
+        }
+        set fontStyle(fontStyle) {
+            this._fontStyle = fontStyle;
+        }
+        get textOverflow() {
+            return this._textOverflow;
+        }
+        set textOverflow(textOverflow) {
+            this._textOverflow = textOverflow;
+        }
+        get padding() {
+            return this._padding ?? this._defaultPadding;
+        }
+        set padding(padding) {
+            this._padding = padding;
+        }
+        get borderColor() {
+            return this._borderColor;
+        }
+        set borderColor(borderColor) {
+            this._borderColor = borderColor;
+        }
+        get textStick() {
+            return this._textStick;
+        }
+        set textStick(textStick) {
+            this._textStick = textStick;
+        }
+        get marked() {
+            return this._marked;
+        }
+        set marked(marked) {
+            this._marked = marked;
+        }
+        get textAlign() {
+            return this._textAlign;
+        }
+        set textAlign(textAlign) {
+            this._textAlign = textAlign;
+        }
+        get textBaseline() {
+            return this._textBaseline;
+        }
+        set textBaseline(textBaseline) {
+            this._textBaseline = textBaseline;
+        }
+        get lineHeight() {
+            return this._lineHeight;
+        }
+        set lineHeight(lineHeight) {
+            this._lineHeight = lineHeight;
+        }
+        get underline() {
+            return this._underline;
+        }
+        set underline(underline) {
+            this._underline = underline;
+        }
+        get underlineColor() {
+            return this._underlineColor;
+        }
+        set underlineColor(underlineColor) {
+            this._underlineColor = underlineColor;
+        }
+        get underlineDash() {
+            return this._underlineDash;
+        }
+        set underlineDash(underlineDash) {
+            this._underlineDash = underlineDash;
+        }
+        get lineThrough() {
+            return this._lineThrough;
+        }
+        set lineThrough(lineThrough) {
+            this._lineThrough = lineThrough;
+        }
+        get lineThroughColor() {
+            return this._lineThroughColor;
+        }
+        set lineThroughColor(lineThroughColor) {
+            this._lineThroughColor = lineThroughColor;
+        }
+        get lineThroughDash() {
+            return this._lineThroughDash;
+        }
+        set lineThroughDash(lineThroughDash) {
+            this._lineThroughDash = lineThroughDash;
+        }
+        get linkColor() {
+            return this._linkColor;
+        }
+        set linkColor(linkColor) {
+            this._linkColor = linkColor;
+        }
+        get cursor() {
+            return this._cursor;
+        }
+        set cursor(cursor) {
+            this._cursor = cursor;
+        }
+        get borderLineWidth() {
+            return this._borderLineWidth;
+        }
+        set borderLineWidth(borderLineWidth) {
+            this._borderLineWidth = borderLineWidth;
+        }
+        get borderLineDash() {
+            return this._borderLineDash;
+        }
+        set borderLineDash(borderLineDash) {
+            this._borderLineDash = borderLineDash;
+        }
+        clone() {
+            return new Style(this);
+        }
+    }
+
+    let defaultStyle$2;
+    class TextHeaderStyle extends Style {
+        _autoWrapText;
+        _lineClamp;
+        static get DEFAULT() {
+            return defaultStyle$2 ? defaultStyle$2 : (defaultStyle$2 = new TextHeaderStyle());
+        }
+        constructor(style = {}, headerStyle = null) {
+            super(style, headerStyle);
+            this._autoWrapText = style?.autoWrapText ?? headerStyle?.autoWrapText;
+            this._lineClamp = style?.lineClamp ?? headerStyle?.lineClamp;
+        }
+        clone() {
+            return new TextHeaderStyle(this, null);
+        }
+        get lineClamp() {
+            return this._lineClamp;
+        }
+        set lineClamp(lineClamp) {
+            this._lineClamp = lineClamp;
+        }
+        get autoWrapText() {
+            return this._autoWrapText;
+        }
+        set autoWrapText(autoWrapText) {
+            this._autoWrapText = autoWrapText;
+        }
+    }
+
+    function of$1(headerStyle, defaultHeaderStyle, styleArg, StyleClass, globalAutoWrapText) {
+        if (headerStyle || defaultHeaderStyle) {
+            if (headerStyle instanceof Style) {
+                return headerStyle;
+            }
+            else if (typeof headerStyle === 'function') {
+                return of$1(headerStyle(styleArg), defaultHeaderStyle, styleArg, StyleClass, globalAutoWrapText);
+            }
+            if (!headerStyle) {
+                headerStyle = {};
+            }
+            if (globalAutoWrapText && !isValid$6(headerStyle.autoWrapText)) {
+                headerStyle.autoWrapText = true;
+            }
+            return new StyleClass(headerStyle ?? {}, (defaultHeaderStyle ?? {}));
+        }
+        return StyleClass.DEFAULT;
+    }
 
-    function getContextFont$2(text) {
-      let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      const {
-        fontStyle = defaultAttr.fontStyle,
-        fontVariant = defaultAttr.fontVariant,
-        fontWeight = defaultAttr.fontWeight,
-        fontSize = defaultAttr.fontSize,
-        fontFamily = defaultAttr.fontFamily
-      } = text;
-      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize + "px " + (fontFamily || "sans-serif");
+    function importStyle$2() {
+        const styleElement = document.createElement('style');
+        styleElement.id = 'vtable-style-styleSheet';
+        styleElement.textContent = `
+.vtable .input-container {
+	position: absolute;
+	top:0px;
+}
+.vtable .table-scrollable {
+	position: absolute;
+	overflow: scroll;
+}
+.vtable .table-scrollable::-webkit-scrollbar-button{
+	background-color: transparent;
+}
+.vtable .table-scrollable::-webkit-scrollbar-track-piece{
+	background-color: transparent;
+}
+.vtable .table-scrollable::-webkit-scrollbar-corner {
+	background-color: transparent;
+}
+.vtable .table-scrollable::-webkit-scrollbar-thumb {
+	border-radius      : 4px;
+	background-color   : rgba(100, 100, 100, .5);
+}
+
+.vtable .table-scroll-end-point {
+	opacity: 0;
+	position: relative;
+}
+.vtable {
+	/* 设置overflow: auto 应该是为了滚动条的某个问题 但设置了auto之后 dom的下拉菜单只能显示在vtable节点中 超出会截断;现在去掉auto 暂时滚动条的问题没有发现 */
+	/* overflow: auto; */
+	position: relative;
+	width: 100%;
+	height: 100%;
+	text-align: left;
+  -webkit-font-smoothing:auto;
+}
+.vtable > canvas {
+	position: absolute;
+	width: 0;
+	height: 0;
+}
+.vtable .table-focus-control {
+	position: relative !important;
+	width: 1px;
+	height: 1px;
+	opacity: 0;
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
+	pointer-events: none;
+	max-width: 500px;
+	max-height: 500px;
+	float: none !important;
+}
+.vtable input.table-focus-control::-ms-clear {
+	visibility: hidden;
+}
+.vtable input.table-focus-control.composition {
+	opacity: 1;
+	max-width: none;
+	max-height: none;
+}
+`;
+        document.body.appendChild(styleElement);
     }
 
-    class TextMeasure {
-      constructor(option, textSpec) {
-        this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$5(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$5(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
-      }
-      initContext() {
-        if (this._notSupportCanvas) return !1;
-        if (isNil$5(this._canvas) && (isValid$5(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$5(this._canvas) && "undefined" != typeof window && void 0 !== window.document && isValid$5(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$5(this._context) && isValid$5(this._canvas)) {
-          const context = this._canvas.getContext("2d");
-          isValid$5(context) && (context.save(), context.font = getContextFont$2(this.textSpec), this._contextSaved = !0, this._context = context);
+    function getScrollBarSize(scrollStyle) {
+        if (scrollStyle?.hoverOn || scrollStyle?.visible === 'none') {
+            return 0;
         }
-        return !isNil$5(this._context) || (this._notSupportCanvas = !0, !1);
-      }
-      _initSpec() {
-        var _a, _b, _c;
-        const {
-            defaultFontParams = {}
-          } = this._option,
-          {
-            fontStyle = defaultFontParams.fontStyle,
-            fontVariant = defaultFontParams.fontVariant,
-            fontWeight = null !== (_a = defaultFontParams.fontWeight) && void 0 !== _a ? _a : "normal",
-            fontSize = null !== (_b = defaultFontParams.fontSize) && void 0 !== _b ? _b : 12,
-            fontFamily = null !== (_c = defaultFontParams.fontFamily) && void 0 !== _c ? _c : "sans-serif",
-            align: align,
-            textAlign = null != align ? align : "center",
-            baseline: baseline,
-            textBaseline = null != baseline ? baseline : "middle",
-            ellipsis: ellipsis,
-            limit: limit,
-            lineHeight = fontSize
-          } = this._userSpec;
-        return {
-          fontStyle: fontStyle,
-          fontVariant: fontVariant,
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          fontWeight: fontWeight,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          ellipsis: ellipsis,
-          limit: limit,
-          lineHeight: lineHeight
-        };
-      }
-      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);
+        return scrollStyle?.width ?? 7;
+    }
+
+    const judgeType$1 = (value) => {
+        switch (Object.prototype.toString.call(value)) {
+            case '[object Object]':
+                return 'object';
+            case '[object Function]':
+                return 'function';
+            case '[object Array]':
+                return 'array';
+            case '[object String]':
+                return 'string';
+            case '[object Number]':
+                return 'number';
+            case '[object RegExp]':
+                return 'regExp';
+            case '[object Boolean]':
+                return 'boolean';
+            case '[object Symbol]':
+                return 'symbol';
+            case '[object Date]':
+                return 'date';
+            case '[object Undefined]':
+                return 'undefined';
+            case '[object Null]':
+                return 'null';
+            case '[object Error]':
+                return 'error';
+            case '[object HTMLDocument]':
+                return 'document';
+            case '[object global]':
+                return 'global';
+            default:
+                return null;
         }
-      }
-      fullMeasure(text) {
-        if (isNil$5(text)) return {
-          width: 0,
-          height: 0
-        };
-        if (isNil$5(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
-        const {
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          fontWeight: fontWeight,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          ellipsis: ellipsis,
-          limit: limit,
-          lineHeight: lineHeight
-        } = this.textSpec;
-        let size;
-        try {
-          const 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);
+    };
+    const isIt$1 = (v, type) => judgeType$1(v) === type;
+    const isObject$2 = (v) => isIt$1(v, 'object');
+    const isUndefined = (v) => isIt$1(v, 'undefined');
+    const isNull = (v) => isIt$1(v, 'null');
+    function ingoreNoneValueMerge(target, ...sources) {
+        if (!sources.length) {
+            return target || {};
         }
-        return size;
-      }
-      measureWithNaiveCanvas(text) {
-        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
-      }
-      _measureWithNaiveCanvas(text) {
-        if (!this.initContext()) return this._quickMeasureWithoutCanvas(text);
-        const metrics = this._context.measureText(text),
-          {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec;
-        return {
-          width: metrics.width,
-          height: null != lineHeight ? lineHeight : fontSize
-        };
-      }
-      quickMeasure(text) {
-        return this._measureReduce(text, this._quickMeasure.bind(this));
-      }
-      _quickMeasure(text) {
-        const totalSize = {
-          width: 0,
-          height: 0
-        };
-        for (let i = 0; i < text.length; i++) {
-          const char = text[i];
-          let size = this._measureSpecialChar(char);
-          isNil$5(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$5(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$5(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
+        const source = sources.shift();
+        if (isObject$2(target) && isObject$2(source)) {
+            for (const key in source) {
+                if (isObject$2(source[key])) {
+                    if (!target[key]) {
+                        Object.assign(target, { [key]: {} });
+                    }
+                    if (!isObject$2(target[key])) {
+                        Object.assign(target, { [key]: source[key] });
+                    }
+                    ingoreNoneValueMerge(target[key], source[key]);
+                }
+                else if (source[key] !== null && source[key] !== undefined) {
+                    Object.assign(target, { [key]: source[key] });
+                }
+            }
         }
-        return totalSize;
-      }
-      quickMeasureWithoutCanvas(text) {
-        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
-      }
-      _quickMeasureWithoutCanvas(text) {
-        const totalSize = {
-            width: 0,
-            height: 0
-          },
-          {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec;
-        for (let i = 0; i < text.length; i++) {
-          const char = text[i],
-            size = ["F", "W"].includes(eastAsianCharacterInfo(char)) ? 1 : .53;
-          totalSize.width += size * fontSize;
+        return ingoreNoneValueMerge(target, ...sources);
+    }
+    function convertInternal(value) {
+        if (typeof value === 'function') {
+            value = value();
         }
-        return totalSize.height = null != lineHeight ? lineHeight : fontSize, totalSize;
-      }
-      _measureReduce(text, processor) {
-        const {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec,
-          defaultResult = {
-            width: 0,
-            height: 0
-          };
-        if (isNil$5(text)) return defaultResult;
-        if (isArray$5(text)) {
-          const textArr = text.filter(isValid$5).map(s => s.toString());
-          return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
-            width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
-            height: textArr.length * ((null != lineHeight ? lineHeight : fontSize) + 1) + 1
-          };
+        return isValid$4(value) ? `${value}` : '';
+    }
+    function transpose(matrix) {
+        if (matrix?.length <= 0) {
+            return matrix;
         }
-        return processor(text.toString());
-      }
-      _measureNumberChar() {
-        if (isNil$5(this._numberCharSize)) {
-          const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
-          this._numberCharSize = {
-            width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
-            height: numberBounds.height
-          };
+        const m = matrix.length;
+        const n = matrix[0].length;
+        const transposed = new Array(n);
+        for (let i = 0; i < m; i++) {
+            for (let j = 0; j < n; j++) {
+                if (!transposed[j]) {
+                    transposed[j] = new Array(m);
+                }
+                transposed[j][i] = matrix[i][j];
+            }
         }
-        return this._numberCharSize;
-      }
-      _measureFullSizeChar() {
-        return isNil$5(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
-      }
-      _measureLetterChar() {
-        if (isNil$5(this._letterCharSize)) {
-          const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
-          this._letterCharSize = {
-            width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
-            height: alphabetBounds.height
-          };
+        return transposed;
+    }
+    function throttle(func, delay) {
+        let timer = null;
+        return function (...args) {
+            if (!timer) {
+                func.apply(this, args);
+                timer = setTimeout(() => {
+                    timer = null;
+                }, delay);
+            }
+        };
+    }
+    function throttle2(func, delay) {
+        let timer = null;
+        return function (...args) {
+            if (!timer) {
+                timer = setTimeout(() => {
+                    func.apply(this, args);
+                    timer = null;
+                }, delay);
+            }
+        };
+    }
+    function pad(num, totalChars) {
+        const pad = '0';
+        num = `${num}`;
+        while (num.length < totalChars) {
+            num = pad + num;
         }
-        return this._letterCharSize;
-      }
-      _measureSpecialChar(char) {
-        return isValid$5(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
-      }
-      release() {
-        isValid$5(this._canvas) && (this._canvas = null), isValid$5(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
-      }
+        return num;
     }
-    TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
-
-    function normalizePadding(padding) {
-      if (isValidNumber$1(padding)) return [padding, padding, padding, padding];
-      if (isArray$5(padding)) {
-        const length = padding.length;
-        if (1 === length) {
-          const paddingValue = padding[0];
-          return [paddingValue, paddingValue, paddingValue, paddingValue];
+    function changeColor(color, ratio, isDarker) {
+        color = color.replace(/^\s*|\s*$/, '');
+        color = color.replace(/^#?([a-f0-9])([a-f0-9])([a-f0-9])$/i, '#$1$1$2$2$3$3');
+        const difference = Math.round(ratio * 256) * (isDarker ? -1 : 1);
+        const rgb = color.match(new RegExp('^rgba?\\(\\s*' +
+            '(\\d|[1-9]\\d|1\\d{2}|2[0-4][0-9]|25[0-5])' +
+            '\\s*,\\s*' +
+            '(\\d|[1-9]\\d|1\\d{2}|2[0-4][0-9]|25[0-5])' +
+            '\\s*,\\s*' +
+            '(\\d|[1-9]\\d|1\\d{2}|2[0-4][0-9]|25[0-5])' +
+            '(?:\\s*,\\s*' +
+            '(0|1|0?\\.\\d+))?' +
+            '\\s*\\)$', 'i'));
+        const alpha = !!rgb && isValid$4(rgb[4]) ? rgb[4] : null;
+        const decimal = rgb
+            ? [rgb[1], rgb[2], rgb[3]]
+            : color
+                .replace(/^#?([a-f0-9][a-f0-9])([a-f0-9][a-f0-9])([a-f0-9][a-f0-9])/i, function () {
+                return `${parseInt(arguments[1], 16)},${parseInt(arguments[2], 16)},${parseInt(arguments[3], 16)}`;
+            })
+                .split(/,/);
+        return rgb
+            ? `rgb${alpha !== null ? 'a' : ''}(${Math[isDarker ? 'max' : 'min'](parseInt(decimal[0], 10) + difference, isDarker ? 0 : 255)}, ${Math[isDarker ? 'max' : 'min'](parseInt(decimal[1], 10) + difference, isDarker ? 0 : 255)}, ${Math[isDarker ? 'max' : 'min'](parseInt(decimal[2], 10) + difference, isDarker ? 0 : 255)}${alpha !== null ? `, ${alpha}` : ''})`
+            :
+                [
+                    '#',
+                    pad(Math[isDarker ? 'max' : 'min'](parseInt(decimal[0], 10) + difference, isDarker ? 0 : 255).toString(16), 2),
+                    pad(Math[isDarker ? 'max' : 'min'](parseInt(decimal[1], 10) + difference, isDarker ? 0 : 255).toString(16), 2),
+                    pad(Math[isDarker ? 'max' : 'min'](parseInt(decimal[2], 10) + difference, isDarker ? 0 : 255).toString(16), 2)
+                ].join('');
+    }
+    function isValid$4(v) {
+        if (isUndefined(v) || isNull(v)) {
+            return false;
         }
-        if (2 === length) {
-          const [vertical, horizontal] = padding;
-          return [vertical, horizontal, vertical, horizontal];
+        return true;
+    }
+    function validToString(v) {
+        if (isUndefined(v) || isNull(v)) {
+            return '';
         }
-        if (3 === length) {
-          const [top, horizontal, bottom] = padding;
-          return [top, horizontal, bottom, horizontal];
+        return v.toString();
+    }
+    function isMobile() {
+        return navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
+    }
+    function defaultOrderFn(v1, v2, order) {
+        if (order !== 'desc') {
+            return v1 === v2 ? 0 : v1 > v2 ? 1 : -1;
         }
-        if (4 === length) return padding;
-      }
-      if (isObject$3(padding)) {
-        const {
-          top = 0,
-          right = 0,
-          bottom = 0,
-          left = 0
-        } = padding;
-        return [top, right, bottom, left];
-      }
-      return [0, 0, 0, 0];
+        return v1 === v2 ? 0 : v1 < v2 ? 1 : -1;
+    }
+    function getValueByPath(obj, paths) {
+        let res = obj;
+        let prop;
+        while ((prop = paths.shift())) {
+            res = res[prop];
+        }
+        return res;
+    }
+    function getValueFromDeepArray(array, index) {
+        let result = array;
+        for (let i = 0; i < index.length; i++) {
+            const currentIdx = index[i];
+            if (result[currentIdx]) {
+                result = result[currentIdx];
+            }
+            else {
+                return undefined;
+            }
+            if (result && result.children && i + 1 < index.length) {
+                result = result.children;
+            }
+        }
+        return result;
     }
 
     const isNode = typeof window === 'undefined' || typeof window.window === 'undefined';
@@ -9016,8 +9013,8 @@
         return this.removeChild(child);
       }
       addEventListener(type, listener, options) {
-        const capture = isBoolean$3(options, !0) && options || isObject$3(options) && options.capture,
-          once = isObject$3(options) && options.once,
+        const capture = isBoolean$3(options, !0) && options || isObject$4(options) && options.capture,
+          once = isObject$4(options) && options.once,
           context = isFunction$1(listener) ? void 0 : listener;
         return type = capture ? `${type}capture` : type, listener = isFunction$1(listener) ? listener : listener.handleEvent, once ? super.once(type, listener, context) : super.on(type, listener, context), this;
       }
@@ -9025,17 +9022,17 @@
         return this.addEventListener(type, listener, options);
       }
       removeEventListener(type, listener, options) {
-        const capture = isBoolean$3(options, !0) && options || isObject$3(options) && options.capture,
+        const capture = isBoolean$3(options, !0) && options || isObject$4(options) && options.capture,
           context = isFunction$1(listener) ? void 0 : listener;
         type = capture ? `${type}capture` : type, listener = isFunction$1(listener) ? listener : listener.handleEvent;
-        const once = isObject$3(options) && options.once;
+        const once = isObject$4(options) && options.once;
         return super.off(type, listener, context, once), this;
       }
       off(type, listener, options) {
         return this.removeEventListener(type, listener, options);
       }
       once(type, listener, options) {
-        return isObject$3(options) ? (options.once = !0, this.addEventListener(type, listener, options)) : this.addEventListener(type, listener, {
+        return isObject$4(options) ? (options.once = !0, this.addEventListener(type, listener, options)) : this.addEventListener(type, listener, {
           once: !0
         });
       }
@@ -9565,10 +9562,10 @@
         const normalizedEvents = [];
         if (this.supportsTouchEvents && event.changedTouches && event.changedTouches.length) for (let i = 0, li = event.changedTouches.length; i < li; i++) {
           const touch = event.changedTouches[i];
-          isUndefined$1(touch.button) && (touch.button = 0), isUndefined$1(touch.buttons) && (touch.buttons = 1), isUndefined$1(touch.isPrimary) && (touch.isPrimary = 1 === event.touches.length && "touchstart" === event.type), isUndefined$1(touch.width) && (touch.width = touch.radiusX || 1), isUndefined$1(touch.height) && (touch.height = touch.radiusY || 1), isUndefined$1(touch.tiltX) && (touch.tiltX = 0), isUndefined$1(touch.tiltY) && (touch.tiltY = 0), isUndefined$1(touch.pointerType) && (touch.pointerType = "touch"), isUndefined$1(touch.pointerId) && (touch.pointerId = touch.identifier || 0), isUndefined$1(touch.pressure) && (touch.pressure = touch.force || .5), isUndefined$1(touch.twist) && (touch.twist = 0), isUndefined$1(touch.tangentialPressure) && (touch.tangentialPressure = 0), isUndefined$1(touch.layerX) && (touch.layerX = touch.offsetX = touch.clientX), isUndefined$1(touch.layerY) && (touch.layerY = touch.offsetY = touch.clientY), touch.isNormalized = !0, touch.type = event.type, normalizedEvents.push(touch);
+          isUndefined$2(touch.button) && (touch.button = 0), isUndefined$2(touch.buttons) && (touch.buttons = 1), isUndefined$2(touch.isPrimary) && (touch.isPrimary = 1 === event.touches.length && "touchstart" === event.type), isUndefined$2(touch.width) && (touch.width = touch.radiusX || 1), isUndefined$2(touch.height) && (touch.height = touch.radiusY || 1), isUndefined$2(touch.tiltX) && (touch.tiltX = 0), isUndefined$2(touch.tiltY) && (touch.tiltY = 0), isUndefined$2(touch.pointerType) && (touch.pointerType = "touch"), isUndefined$2(touch.pointerId) && (touch.pointerId = touch.identifier || 0), isUndefined$2(touch.pressure) && (touch.pressure = touch.force || .5), isUndefined$2(touch.twist) && (touch.twist = 0), isUndefined$2(touch.tangentialPressure) && (touch.tangentialPressure = 0), isUndefined$2(touch.layerX) && (touch.layerX = touch.offsetX = touch.clientX), isUndefined$2(touch.layerY) && (touch.layerY = touch.offsetY = touch.clientY), touch.isNormalized = !0, touch.type = event.type, normalizedEvents.push(touch);
         } else if (this.globalObj.supportsMouseEvents && (!(event instanceof MouseEvent) || this.supportsPointerEvents && event instanceof PointerEvent)) normalizedEvents.push(event);else {
           const tempEvent = event;
-          isUndefined$1(tempEvent.isPrimary) && (tempEvent.isPrimary = !0), isUndefined$1(tempEvent.width) && (tempEvent.width = 1), isUndefined$1(tempEvent.height) && (tempEvent.height = 1), isUndefined$1(tempEvent.tiltX) && (tempEvent.tiltX = 0), isUndefined$1(tempEvent.tiltY) && (tempEvent.tiltY = 0), isUndefined$1(tempEvent.pointerType) && (tempEvent.pointerType = "mouse"), isUndefined$1(tempEvent.pointerId) && (tempEvent.pointerId = 1), isUndefined$1(tempEvent.pressure) && (tempEvent.pressure = .5), isUndefined$1(tempEvent.twist) && (tempEvent.twist = 0), isUndefined$1(tempEvent.tangentialPressure) && (tempEvent.tangentialPressure = 0), tempEvent.isNormalized = !0, normalizedEvents.push(tempEvent);
+          isUndefined$2(tempEvent.isPrimary) && (tempEvent.isPrimary = !0), isUndefined$2(tempEvent.width) && (tempEvent.width = 1), isUndefined$2(tempEvent.height) && (tempEvent.height = 1), isUndefined$2(tempEvent.tiltX) && (tempEvent.tiltX = 0), isUndefined$2(tempEvent.tiltY) && (tempEvent.tiltY = 0), isUndefined$2(tempEvent.pointerType) && (tempEvent.pointerType = "mouse"), isUndefined$2(tempEvent.pointerId) && (tempEvent.pointerId = 1), isUndefined$2(tempEvent.pressure) && (tempEvent.pressure = .5), isUndefined$2(tempEvent.twist) && (tempEvent.twist = 0), isUndefined$2(tempEvent.tangentialPressure) && (tempEvent.tangentialPressure = 0), tempEvent.isNormalized = !0, normalizedEvents.push(tempEvent);
         }
         return normalizedEvents;
       }
@@ -17725,7 +17722,7 @@
           }
           const b = graphic.AABBBounds;
           context.drawImage(res.data, b.x1, b.y1, b.width(), b.height()), context.restore(), graphic.transMatrix.onlyTranslate() || context.setTransformForCurrent();
-        } else if (isObject$3(background)) {
+        } else if (isObject$4(background)) {
           const {
             stroke: stroke,
             fill: fill,
@@ -25845,7 +25842,7 @@
         tagWidth += symbolPlaceWidth, textX += symbolPlaceWidth;
         const textAttrs = Object.assign(Object.assign({
           text: text,
-          visible: isValid$5(text) && !1 !== visible,
+          visible: isValid$6(text) && !1 !== visible,
           lineHeight: null == textStyle ? void 0 : textStyle.fontSize
         }, textStyle), {
           x: textX,
@@ -25865,7 +25862,7 @@
           textAlign: textAlign,
           textBaseline: textBaseline
         } = textStyle;
-        (isValid$5(minWidth) || isValid$5(maxWidth)) && (isValid$5(minWidth) && tagWidth < minWidth && (tagWidth = minWidth), isValid$5(maxWidth) && tagWidth > maxWidth && (tagWidth = maxWidth, textShape.setAttribute("maxLineWidth", maxWidth - parsedPadding[1] - parsedPadding[2])));
+        (isValid$6(minWidth) || isValid$6(maxWidth)) && (isValid$6(minWidth) && tagWidth < minWidth && (tagWidth = minWidth), isValid$6(maxWidth) && tagWidth > maxWidth && (tagWidth = maxWidth, textShape.setAttribute("maxLineWidth", maxWidth - parsedPadding[1] - parsedPadding[2])));
         let x = 0,
           y = 0;
         "center" === textAlign ? (x -= tagWidth / 2, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth / 2), group.setAttribute("x", -symbolPlaceWidth / 2)) : "right" === textAlign || "end" === textAlign ? (x -= tagWidth, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth), group.setAttribute("x", -parsedPadding[1] - symbolPlaceWidth)) : "left" !== textAlign && "start" !== textAlign || group.setAttribute("x", parsedPadding[3]), "middle" === textBaseline ? (y -= tagHeight / 2, symbol && symbol.setAttribute("y", 0)) : "bottom" === textBaseline ? (y -= tagHeight, symbol && symbol.setAttribute("y", -textHeight / 2), group.setAttribute("y", -parsedPadding[2])) : "top" === textBaseline && (group.setAttribute("y", parsedPadding[0]), symbol && symbol.setAttribute("y", textHeight / 2));
@@ -25943,7 +25940,7 @@
             zIndex: 1
           }, "group"),
           maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3],
-          titleVisible = isValid$5(title) && !1 !== visible,
+          titleVisible = isValid$6(title) && !1 !== visible,
           titleAttrs = Object.assign(Object.assign({
             text: isArray$5(title) ? title : [title],
             visible: titleVisible
@@ -25961,7 +25958,7 @@
           titleWidth = titleBounds.width();
         let height = titleHeight + space;
         titleVisible || (height = 0);
-        const contentVisible = isValid$5(content) && !1 !== visible,
+        const contentVisible = isValid$6(content) && !1 !== visible,
           contentAttrs = Object.assign(Object.assign({
             text: isArray$5(content) ? content : [content],
             visible: contentVisible
@@ -27394,7 +27391,7 @@
           });
           bgRect.name = AXIS_ELEMENT_NAME.axisLabelBackground, bgRect.id = this._getNodeId("axis-label-background"), labelContainer.insertBefore(bgRect, labelContainer.firstChild);
         }
-        if (isValid$5(this.attribute.label.containerAlign)) {
+        if (isValid$6(this.attribute.label.containerAlign)) {
           let start;
           "left" === orient ? start = axisLabelContainerBounds.x2 : "right" === orient ? start = axisLabelContainerBounds.x1 : "top" === orient ? start = axisLabelContainerBounds.y2 : "bottom" === orient && (start = axisLabelContainerBounds.y1), alignAxisLabels(labelShapes, start, axisLabelContainerSize, orient, this.attribute.label.containerAlign);
         }
@@ -27625,7 +27622,7 @@
           };
         shape && shape.visible && (tagAttrs.shape = Object.assign({
           visible: !0
-        }, shape.style), isValid$5(shape.space) && (tagAttrs.space = shape.space)), background && background.visible && (tagAttrs.panel = Object.assign({
+        }, shape.style), isValid$6(shape.space) && (tagAttrs.space = shape.space)), background && background.visible && (tagAttrs.panel = Object.assign({
           visible: !0
         }, background.style));
         const titleTag = new Tag(tagAttrs);
@@ -27752,7 +27749,7 @@
             width: itemWidth,
             height: itemHeight
           } = item;
-        isValid$5(maxItemWidth) ? isValid$5(itemWidth) ? this._itemWidthByUser = Math.min(maxItemWidth, itemWidth) : this._itemWidthByUser = maxItemWidth : isValid$5(itemWidth) && (this._itemWidthByUser = itemWidth), isValid$5(itemHeight) && (this._itemHeightByUser = itemHeight);
+        isValid$6(maxItemWidth) ? isValid$6(itemWidth) ? this._itemWidthByUser = Math.min(maxItemWidth, itemWidth) : this._itemWidthByUser = maxItemWidth : isValid$6(itemWidth) && (this._itemWidthByUser = itemWidth), isValid$6(itemHeight) && (this._itemHeightByUser = itemHeight);
         let doWrap = !1,
           maxWidthInCol = 0,
           startX = 0,
@@ -27764,10 +27761,10 @@
           const itemGroup = this._renderEachItem(item, !!isEmpty(defaultSelected) || (null == defaultSelected ? void 0 : defaultSelected.includes(item.label)), index, legendItems),
             itemWidth = itemGroup.attribute.width,
             itemHeight = itemGroup.attribute.height;
-          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (maxPages = maxRow, isValid$5(maxWidth) && (itemWidth >= maxWidth ? (doWrap = !0, index > 0 && (startX = 0, startY += itemHeight + spaceRow, pages += 1)) : maxWidth < startX + itemWidth && (doWrap = !0, startX = 0, startY += itemHeight + spaceRow, pages += 1)), index > 0 && itemGroup.setAttributes({
+          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (maxPages = maxRow, isValid$6(maxWidth) && (itemWidth >= maxWidth ? (doWrap = !0, index > 0 && (startX = 0, startY += itemHeight + spaceRow, pages += 1)) : maxWidth < startX + itemWidth && (doWrap = !0, startX = 0, startY += itemHeight + spaceRow, pages += 1)), index > 0 && itemGroup.setAttributes({
             x: startX,
             y: startY
-          }), startX += spaceCol + itemWidth) : (maxPages = maxCol, isValid$5(maxHeight) && maxHeight < startY + itemHeight && (doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0, pages += 1), index > 0 && itemGroup.setAttributes({
+          }), startX += spaceCol + itemWidth) : (maxPages = maxCol, isValid$6(maxHeight) && maxHeight < startY + itemHeight && (doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0, pages += 1), index > 0 && itemGroup.setAttributes({
             x: startX,
             y: startY
           }), startY += spaceRow + itemHeight), itemsContainer.add(itemGroup);
@@ -27857,7 +27854,7 @@
         }));
         this._appendDataToShape(labelShape, LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, null == labelAttr ? void 0 : labelAttr.state), labelShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(labelShape);
         const labelSpace = get$4(labelAttr, "space", DEFAULT_LABEL_SPACE);
-        if (focusStartX += shapeSize / 2 + shapeSpace + labelShape.AABBBounds.width() + labelSpace, isValid$5(value)) {
+        if (focusStartX += shapeSize / 2 + shapeSpace + labelShape.AABBBounds.width() + labelSpace, isValid$6(value)) {
           const valueSpace = get$4(valueAttr, "space", focus ? DEFAULT_VALUE_SPACE : 0),
             valueShape = createText$1(Object.assign(Object.assign({
               x: focusStartX + labelSpace,
@@ -27885,7 +27882,7 @@
         const innerGroupBounds = innerGroup.AABBBounds,
           innerGroupWidth = innerGroupBounds.width(),
           innerGroupHeight = innerGroupBounds.height(),
-          itemGroupWidth = isValid$5(this.attribute.item.width) ? this.attribute.item.width : innerGroupWidth + parsedPadding[1] + parsedPadding[3],
+          itemGroupWidth = isValid$6(this.attribute.item.width) ? this.attribute.item.width : innerGroupWidth + parsedPadding[1] + parsedPadding[3],
           itemGroupHeight = this._itemHeightByUser || innerGroupHeight + parsedPadding[0] + parsedPadding[2];
         return itemGroup.attribute.width = itemGroupWidth, itemGroup.attribute.height = itemGroupHeight, innerGroup.translateTo(-innerGroupBounds.x1 + parsedPadding[3], -innerGroupBounds.y1 + parsedPadding[0]), itemGroup;
       }
@@ -29406,7 +29403,7 @@
           let currentPos, startHandlerPos, endHandlerPos, railLen;
           this._isHorizontal ? (currentPos = e.viewX - this._rail.globalAABBBounds.x1, startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.x, endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.x, railLen = railWidth) : (currentPos = e.viewY - this._rail.globalAABBBounds.y1, startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.y, endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.y, railLen = railHeight);
           const currentValue = currentPos / railLen * (max - min) + min;
-          if (isValid$5(endHandlerPos)) {
+          if (isValid$6(endHandlerPos)) {
             const updateHandler = Math.abs(currentPos - startHandlerPos) > Math.abs(currentPos - endHandlerPos) ? endHandler : startHandler;
             this._updateHandler(updateHandler, currentPos, currentValue);
           } else this._updateHandler(startHandler, currentPos, currentValue);
@@ -29473,7 +29470,7 @@
             text: startText.text,
             lineHeight: null === (_a = startText.style) || void 0 === _a ? void 0 : _a.fontSize
           }, startText.style)), startTextShape.name = SLIDER_ELEMENT_NAME.startText, innerView.add(startTextShape);
-          const space = isValid$5(startText.space) ? startText.space : 0;
+          const space = isValid$6(startText.space) ? startText.space : 0;
           startLen += (isHorizontal ? startTextShape.AABBBounds.width() : startTextShape.AABBBounds.height()) + space;
         }
         const mainContainer = createGroup({
@@ -29487,7 +29484,7 @@
         });
         let endTextShape;
         if (railContainer.name = SLIDER_ELEMENT_NAME.railContainer, this._railContainer = railContainer, mainContainer.add(railContainer), this._renderRail(railContainer), startLen += isHorizontal ? railWidth : railHeight, endText && endText.visible) {
-          const space = isValid$5(endText.space) ? endText.space : 0;
+          const space = isValid$6(endText.space) ? endText.space : 0;
           endTextShape = createText$1(Object.assign({
             x: isHorizontal ? startLen + space : railWidth / 2,
             y: isHorizontal ? railHeight / 2 : startLen + space,
@@ -29594,7 +29591,7 @@
           pickable: !1
         });
         trackContainer.name = SLIDER_ELEMENT_NAME.trackContainer;
-        const draggableTrack = isObject$3(range) && !0 === range.draggableTrack;
+        const draggableTrack = isObject$4(range) && !0 === range.draggableTrack;
         let cursor;
         cursor = !1 === slidable ? "default" : !1 === range || !1 === draggableTrack ? "pointer" : getDefaultCursor(isHorizontal);
         const trackWidth = max === min ? railLen : (endValue - startValue) / (max - min) * railLen,
@@ -29641,7 +29638,7 @@
           slidable: slidable,
           range: range
         } = this.attribute;
-        slidable && (this._startHandler && this._startHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._startHandlerText && this._startHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandler && this._endHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandlerText && this._endHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), isObject$3(range) && range.draggableTrack && this._track.addEventListener("pointerdown", this._onTrackPointerdown), this._railContainer.addEventListener("pointerdown", this._onRailPointerDown));
+        slidable && (this._startHandler && this._startHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._startHandlerText && this._startHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandler && this._endHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandlerText && this._endHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), isObject$4(range) && range.draggableTrack && this._track.addEventListener("pointerdown", this._onTrackPointerdown), this._railContainer.addEventListener("pointerdown", this._onRailPointerDown));
       }
       _updateTrack() {
         const startHandler = this._startHandler,
@@ -30077,7 +30074,7 @@
             y: parsedPadding[0],
             zIndex: 1
           }, "group");
-        if (!1 !== (null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null == textStyle ? void 0 : textStyle.visible)) if (textStyle && isValid$5(null == textStyle ? void 0 : textStyle.character)) {
+        if (!1 !== (null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null == textStyle ? void 0 : textStyle.visible)) if (textStyle && isValid$6(null == textStyle ? void 0 : textStyle.character)) {
           const attr = {
             x: null !== (_b = textStyle.x) && void 0 !== _b ? _b : 0,
             y: null !== (_c = textStyle.y) && void 0 !== _c ? _c : 0,
@@ -30090,7 +30087,7 @@
             textConfig: textStyle.character
           };
           this._mainTitle = group.createOrUpdateChild("mainTitle", attr, "richtext");
-        } else isValid$5(text) && (this._mainTitle = group.createOrUpdateChild("mainTitle", Object.assign(Object.assign({
+        } else isValid$6(text) && (this._mainTitle = group.createOrUpdateChild("mainTitle", Object.assign(Object.assign({
           text: [text]
         }, textStyle), {
           maxLineWidth: null !== (_k = null == textStyle ? void 0 : textStyle.maxLineWidth) && void 0 !== _k ? _k : width,
@@ -30102,7 +30099,7 @@
         }), "wrapText"));
         const maintextHeight = this._mainTitle ? null === (_m = this._mainTitle) || void 0 === _m ? void 0 : _m.AABBBounds.height() : 0,
           maintextWidth = this._mainTitle ? null === (_o = this._mainTitle) || void 0 === _o ? void 0 : _o.AABBBounds.width() : 0;
-        if (!1 !== (null === (_p = this.attribute) || void 0 === _p ? void 0 : _p.visible) && !1 !== (null == subtextStyle ? void 0 : subtextStyle.visible)) if (subtextStyle && isValid$5(null == subtextStyle ? void 0 : subtextStyle.character)) {
+        if (!1 !== (null === (_p = this.attribute) || void 0 === _p ? void 0 : _p.visible) && !1 !== (null == subtextStyle ? void 0 : subtextStyle.visible)) if (subtextStyle && isValid$6(null == subtextStyle ? void 0 : subtextStyle.character)) {
           const attr = {
             x: null !== (_q = subtextStyle.x) && void 0 !== _q ? _q : 0,
             y: null !== (_r = subtextStyle.y) && void 0 !== _r ? _r : maintextHeight,
@@ -30115,7 +30112,7 @@
             textConfig: subtextStyle.character
           };
           this._subTitle = group.createOrUpdateChild("subTitle", attr, "richtext");
-        } else isValid$5(subtext) && (this._subTitle = group.createOrUpdateChild("subTitle", Object.assign(Object.assign({
+        } else isValid$6(subtext) && (this._subTitle = group.createOrUpdateChild("subTitle", Object.assign(Object.assign({
           text: [subtext]
         }, subtextStyle), {
           maxLineWidth: null !== (_y = null == subtextStyle ? void 0 : subtextStyle.maxLineWidth) && void 0 !== _y ? _y : width,
@@ -30129,22 +30126,22 @@
           subtextWidth = this._subTitle ? null === (_1 = this._subTitle) || void 0 === _1 ? void 0 : _1.AABBBounds.width() : 0;
         let titleWidth = Math.max(maintextWidth, subtextWidth),
           titleHeight = maintextHeight + (null !== (_2 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _2 ? _2 : subtextHeight);
-        if (isValid$5(width) && (titleWidth = width, null === (_3 = this._mainTitle) || void 0 === _3 || _3.setAttribute("maxLineWidth", width), null === (_4 = this._subTitle) || void 0 === _4 || _4.setAttribute("maxLineWidth", width)), isValid$5(height) && (titleHeight = height), isValid$5(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid$5(maxWidth) && (null === (_5 = this._mainTitle) || void 0 === _5 || _5.setAttribute("maxLineWidth", maxWidth), null === (_6 = this._subTitle) || void 0 === _6 || _6.setAttribute("maxLineWidth", maxWidth), null === (_7 = this._mainTitle) || void 0 === _7 || _7.setAttribute("maxWidth", maxWidth), null === (_8 = this._subTitle) || void 0 === _8 || _8.setAttribute("maxWidth", maxWidth), titleWidth > maxWidth && (titleWidth = maxWidth)), isValid$5(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid$5(maxHeight) && (null === (_9 = this._mainTitle) || void 0 === _9 || _9.setAttribute("maxHeight", maxHeight), null === (_10 = this._subTitle) || void 0 === _10 || _10.setAttribute("maxHeight", maxHeight - maintextHeight), titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3], group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2], isValid$5(align) || isValid$5(null == textStyle ? void 0 : textStyle.align)) {
+        if (isValid$6(width) && (titleWidth = width, null === (_3 = this._mainTitle) || void 0 === _3 || _3.setAttribute("maxLineWidth", width), null === (_4 = this._subTitle) || void 0 === _4 || _4.setAttribute("maxLineWidth", width)), isValid$6(height) && (titleHeight = height), isValid$6(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid$6(maxWidth) && (null === (_5 = this._mainTitle) || void 0 === _5 || _5.setAttribute("maxLineWidth", maxWidth), null === (_6 = this._subTitle) || void 0 === _6 || _6.setAttribute("maxLineWidth", maxWidth), null === (_7 = this._mainTitle) || void 0 === _7 || _7.setAttribute("maxWidth", maxWidth), null === (_8 = this._subTitle) || void 0 === _8 || _8.setAttribute("maxWidth", maxWidth), titleWidth > maxWidth && (titleWidth = maxWidth)), isValid$6(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid$6(maxHeight) && (null === (_9 = this._mainTitle) || void 0 === _9 || _9.setAttribute("maxHeight", maxHeight), null === (_10 = this._subTitle) || void 0 === _10 || _10.setAttribute("maxHeight", maxHeight - maintextHeight), titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3], group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2], isValid$6(align) || isValid$6(null == textStyle ? void 0 : textStyle.align)) {
           const mainTitleAlign = (null == textStyle ? void 0 : textStyle.align) ? null == textStyle ? void 0 : textStyle.align : align,
             mainTitleWidth = null !== (_11 = null == textStyle ? void 0 : textStyle.width) && void 0 !== _11 ? _11 : maintextWidth;
           "left" === mainTitleAlign ? (null === (_12 = this._mainTitle) || void 0 === _12 || _12.setAttribute("x", 0), null === (_13 = this._mainTitle) || void 0 === _13 || _13.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (null === (_14 = this._mainTitle) || void 0 === _14 || _14.setAttribute("x", mainTitleWidth / 2), null === (_15 = this._mainTitle) || void 0 === _15 || _15.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (null === (_16 = this._mainTitle) || void 0 === _16 || _16.setAttribute("x", mainTitleWidth), null === (_17 = this._mainTitle) || void 0 === _17 || _17.setAttribute("textAlign", "right"));
         }
-        if (isValid$5(verticalAlign) || isValid$5(null == textStyle ? void 0 : textStyle.verticalAlign)) {
+        if (isValid$6(verticalAlign) || isValid$6(null == textStyle ? void 0 : textStyle.verticalAlign)) {
           const mainTitleVerticalAlign = (null == textStyle ? void 0 : textStyle.verticalAlign) ? null == textStyle ? void 0 : textStyle.verticalAlign : verticalAlign,
             mainTitleHeight = (null == textStyle ? void 0 : textStyle.height) ? null == textStyle ? void 0 : textStyle.height : titleWidth;
           "top" === mainTitleVerticalAlign ? (null === (_18 = this._mainTitle) || void 0 === _18 || _18.setAttribute("y", 0), null === (_19 = this._mainTitle) || void 0 === _19 || _19.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (null === (_20 = this._mainTitle) || void 0 === _20 || _20.setAttribute("y", mainTitleHeight / 2), null === (_21 = this._mainTitle) || void 0 === _21 || _21.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (null === (_22 = this._mainTitle) || void 0 === _22 || _22.setAttribute("y", mainTitleHeight), null === (_23 = this._mainTitle) || void 0 === _23 || _23.setAttribute("textBaseline", "bottom"));
         }
-        if (isValid$5(align) || isValid$5(null == subtextStyle ? void 0 : subtextStyle.align)) {
+        if (isValid$6(align) || isValid$6(null == subtextStyle ? void 0 : subtextStyle.align)) {
           const subTitleAlign = (null == subtextStyle ? void 0 : subtextStyle.align) ? null == subtextStyle ? void 0 : subtextStyle.align : align,
             subTitleWidth = null !== (_24 = null == subtextStyle ? void 0 : subtextStyle.width) && void 0 !== _24 ? _24 : subtextWidth;
           "left" === subTitleAlign ? (null === (_25 = this._subTitle) || void 0 === _25 || _25.setAttribute("x", 0), null === (_26 = this._subTitle) || void 0 === _26 || _26.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (null === (_27 = this._subTitle) || void 0 === _27 || _27.setAttribute("x", subTitleWidth / 2), null === (_28 = this._subTitle) || void 0 === _28 || _28.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (null === (_29 = this._subTitle) || void 0 === _29 || _29.setAttribute("x", subTitleWidth), null === (_30 = this._subTitle) || void 0 === _30 || _30.setAttribute("textAlign", "right"));
         }
-        if (isValid$5(verticalAlign) || isValid$5(null == textStyle ? void 0 : textStyle.verticalAlign)) {
+        if (isValid$6(verticalAlign) || isValid$6(null == textStyle ? void 0 : textStyle.verticalAlign)) {
           const subTitleVerticalAlign = (null == subtextStyle ? void 0 : subtextStyle.verticalAlign) ? null == subtextStyle ? void 0 : subtextStyle.verticalAlign : verticalAlign,
             subTitleYStart = maintextHeight,
             subTitleHeight = null !== (_31 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _31 ? _31 : 0;
@@ -30316,7 +30313,7 @@
         }
     };
     function getAxisAttributes(option) {
-        const spec = option;
+        const spec = merge$1({}, option);
         let titleAngle = spec.title?.angle ?? 0;
         let titleTextStyle;
         if (spec.orient === 'left' || spec.orient === 'right') {
@@ -32710,8 +32707,8 @@
         return this.removeChild(child);
       }
       addEventListener(type, listener, options) {
-        const capture = isBoolean$3(options, !0) && options || isObject$3(options) && options.capture,
-          once = isObject$3(options) && options.once,
+        const capture = isBoolean$3(options, !0) && options || isObject$4(options) && options.capture,
+          once = isObject$4(options) && options.once,
           context = isFunction$1(listener) ? void 0 : listener;
         return type = capture ? `${type}capture` : type, listener = isFunction$1(listener) ? listener : listener.handleEvent, once ? super.once(type, listener, context) : super.on(type, listener, context), this;
       }
@@ -32719,17 +32716,17 @@
         return this.addEventListener(type, listener, options);
       }
       removeEventListener(type, listener, options) {
-        const capture = isBoolean$3(options, !0) && options || isObject$3(options) && options.capture,
+        const capture = isBoolean$3(options, !0) && options || isObject$4(options) && options.capture,
           context = isFunction$1(listener) ? void 0 : listener;
         type = capture ? `${type}capture` : type, listener = isFunction$1(listener) ? listener : listener.handleEvent;
-        const once = isObject$3(options) && options.once;
+        const once = isObject$4(options) && options.once;
         return super.off(type, listener, context, once), this;
       }
       off(type, listener, options) {
         return this.removeEventListener(type, listener, options);
       }
       once(type, listener, options) {
-        return isObject$3(options) ? (options.once = !0, this.addEventListener(type, listener, options)) : this.addEventListener(type, listener, {
+        return isObject$4(options) ? (options.once = !0, this.addEventListener(type, listener, options)) : this.addEventListener(type, listener, {
           once: !0
         });
       }
@@ -35507,7 +35504,7 @@
         labelStyle: labelStyle
       } = op;
       let scaleTicks;
-      if (isValid$5(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$5(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
+      if (isValid$6(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$6(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
         const count = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -35582,7 +35579,7 @@
         rangeSize = scale.calculateWholeRangeSize();
       if (rangeSize < 2) return op.labelLastVisible ? convertDomainToTickData([domain[domain.length - 1]]) : convertDomainToTickData([domain[0]]);
       let scaleTicks;
-      if (isValid$5(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$5(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$5(tickCount)) {
+      if (isValid$6(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$6(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$6(tickCount)) {
         const count = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -35686,7 +35683,7 @@
         radius = null == getRadius ? void 0 : getRadius();
       if (!radius) return convertDomainToTickData(scale.domain());
       let scaleTicks;
-      if (isValid$5(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$5(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$5(tickCount)) {
+      if (isValid$6(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$6(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$6(tickCount)) {
         const range = scale.range(),
           rangeSize = Math.abs(range[range.length - 1] - range[0]),
           count = isFunction$1(tickCount) ? tickCount({
@@ -35779,10 +35776,10 @@
             if (isNil$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                 this.nice && this._scale.nice(tickCount);
             }
-            else if (isValid$5(this.domain?.min) && isNil$5(this.domain?.max)) {
+            else if (isValid$6(this.domain?.min) && isNil$5(this.domain?.max)) {
                 this.nice && this._scale.niceMax(tickCount);
             }
-            else if (isNil$5(this.domain?.min) && isValid$5(this.domain?.max)) {
+            else if (isNil$5(this.domain?.min) && isValid$6(this.domain?.max)) {
                 this.nice && this._scale.niceMin(tickCount);
             }
             else {
@@ -35813,10 +35810,10 @@
             }
             const domainMin = domain[0];
             const domainMax = domain[domain.length - 1];
-            if (isValid$5(this.expand.min)) {
+            if (isValid$6(this.expand.min)) {
                 domain[0] = domainMin - (domainMax - domainMin) * this.expand.min;
             }
-            if (isValid$5(this.expand.max)) {
+            if (isValid$6(this.expand.max)) {
                 domain[domain.length - 1] = domainMax + (domainMax - domainMin) * this.expand.max;
             }
         }
@@ -35854,10 +35851,10 @@
                 if (isNil$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                     this._scale.nice(tickCount);
                 }
-                else if (isValid$5(this.domain?.min) && isNil$5(this.domain?.max)) {
+                else if (isValid$6(this.domain?.min) && isNil$5(this.domain?.max)) {
                     this._scale.niceMax(tickCount);
                 }
-                else if (isNil$5(this.domain?.min) && isValid$5(this.domain?.max)) {
+                else if (isNil$5(this.domain?.min) && isValid$6(this.domain?.max)) {
                     this._scale.niceMin(tickCount);
                 }
                 else {
@@ -35902,8 +35899,8 @@
                 return;
             }
             const { min, max } = this.domain;
-            isValid$5(min) && (domain[0] = min);
-            isValid$5(max) && (domain[1] = max);
+            isValid$6(min) && (domain[0] = min);
+            isValid$6(max) && (domain[1] = max);
         }
         setZero(zero) {
             if (this.zero !== zero) {
@@ -37872,45 +37869,45 @@
             const originalElement = originalElements[i];
             const element = Object.assign({}, originalElement);
             for (const name in element) {
-                if (element.hasOwnProperty(name) && isFunction$2(element[name])) {
+                if (element.hasOwnProperty(name) && isFunction$1(element[name])) {
                     element[name] = element[name](value);
                 }
             }
             const rect = element;
             if (isValid$6(rect.x)) {
-                rect.x = isString$4(rect.x)
+                rect.x = isString$3(rect.x)
                     ? transformString(rect.x, width - borderLineWidths[1])
                     : Number(rect.x);
-                rect.y = isString$4(rect.y)
+                rect.y = isString$3(rect.y)
                     ? transformString(rect.y, height - borderLineWidths[2])
                     : Number(rect.y);
             }
             if ('width' in element) {
-                element.width = isString$4(element.width)
+                element.width = isString$3(element.width)
                     ? transformString(element.width, width - borderLineWidths[1])
                     : Number(element.width);
             }
             if ('height' in element) {
-                element.height = isString$4(element.height)
+                element.height = isString$3(element.height)
                     ? transformString(element.height, height - borderLineWidths[2])
                     : Number(element.height);
             }
             if ('radius' in element) {
-                element.radius = isString$4(element.radius)
+                element.radius = isString$3(element.radius)
                     ? transformString(element.radius, Math.min(width - borderLineWidths[1], height - borderLineWidths[2]))
                     : Number(element.radius);
             }
             if ('hover' in element) {
-                element.hover.x = isString$4(element.hover.x)
+                element.hover.x = isString$3(element.hover.x)
                     ? transformString(element.hover.x, width - borderLineWidths[1])
                     : Number(element.hover.x);
-                element.hover.y = isString$4(element.hover.y)
+                element.hover.y = isString$3(element.hover.y)
                     ? transformString(element.hover.y, height - borderLineWidths[2])
                     : Number(element.hover.y);
-                element.hover.width = isString$4(element.hover.width)
+                element.hover.width = isString$3(element.hover.width)
                     ? transformString(element.hover.width, width - borderLineWidths[1])
                     : Number(element.hover.width);
-                element.hover.height = isString$4(element.hover.height)
+                element.hover.height = isString$3(element.hover.height)
                     ? transformString(element.hover.height, height - borderLineWidths[2])
                     : Number(element.hover.height);
                 element.hover.x += left;
@@ -39293,7 +39290,7 @@
         let absoluteLeftIconWidth = 0;
         let absoluteRightIconWidth = 0;
         if (!Array.isArray(icons) || icons.length === 0) {
-            if (isValid$5(textStr)) {
+            if (isValid$6(textStr)) {
                 const text = convertInternal(textStr).replace(/\r?\n/g, '\n').replace(/\r/g, '\n').split('\n');
                 const hierarchyOffset = getHierarchyOffset(cellGroup.col, cellGroup.row, table);
                 const attribute = {
@@ -39757,10 +39754,10 @@
             if (isNil$5(axisOption.min) && isNil$5(axisOption.max)) {
                 scale.nice(tickCount);
             }
-            else if (isValid$5(axisOption.min) && isNil$5(axisOption.max)) {
+            else if (isValid$6(axisOption.min) && isNil$5(axisOption.max)) {
                 scale.niceMax(tickCount);
             }
-            else if (isNil$5(axisOption.min) && isValid$5(axisOption.max)) {
+            else if (isNil$5(axisOption.min) && isValid$6(axisOption.max)) {
                 scale.niceMin(tickCount);
             }
         }
@@ -40016,10 +40013,10 @@
             if (axisOption) {
                 const { seriesIndex, seriesId } = axisOption;
                 let seriesIndice;
-                if (isValid$5(seriesId) && isArray$5(spec.series)) {
+                if (isValid$6(seriesId) && isArray$5(spec.series)) {
                     seriesIndice = (isArray$5(seriesId) ? seriesId : [seriesId]).map(id => spec.series.findIndex((s) => s.id === id));
                 }
-                else if (isValid$5(seriesIndex) && isArray$5(spec.series)) {
+                else if (isValid$6(seriesIndex) && isArray$5(spec.series)) {
                     seriesIndice = seriesIndex;
                 }
                 return {
@@ -40133,9 +40130,9 @@
                         text = attribute.label.formatMethod(text);
                     }
                     const { width, height } = table.measureText(text, {
-                        fontSize: attribute.label?.style?.fontSize,
-                        fontWeight: attribute.label?.style?.fontWeight,
-                        fontFamily: attribute.label?.style?.fontFamily
+                        fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,
+                        fontWeight: attribute.label?.style?.fontWeight ?? 'normal',
+                        fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY
                     });
                     const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;
                     const angel = (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);
@@ -40160,9 +40157,9 @@
                         text = attribute.label.formatMethod(text);
                     }
                     const { width, height } = table.measureText(text, {
-                        fontSize: attribute.label?.style?.fontSize,
-                        fontWeight: attribute.label?.style?.fontWeight,
-                        fontFamily: attribute.label?.style?.fontFamily
+                        fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,
+                        fontWeight: attribute.label?.style?.fontWeight ?? 'normal',
+                        fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY
                     });
                     const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;
                     const angle = (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);
@@ -40174,9 +40171,9 @@
         let titleWidth = 0;
         if (attribute.title.visible && attribute.title.text) {
             const { width, height } = table.measureText(attribute.title.text, {
-                fontSize: attribute.title?.style?.fontSize,
-                fontWeight: attribute.title?.style?.fontWeight,
-                fontFamily: attribute.title?.style?.fontFamily
+                fontSize: attribute.title?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,
+                fontWeight: attribute.title?.style?.fontWeight ?? 'normal',
+                fontFamily: attribute.title?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY
             });
             const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;
             const size = getSizeAfterResize(Math.min(width, widthLimit), height, attribute.title?.style?.angle);
@@ -40205,9 +40202,9 @@
                         text = attribute.label.formatMethod(text);
                     }
                     const { width, height } = table.measureText(text, {
-                        fontSize: attribute.label?.style?.fontSize,
-                        fontWeight: attribute.label?.style?.fontWeight,
-                        fontFamily: attribute.label?.style?.fontFamily
+                        fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,
+                        fontWeight: attribute.label?.style?.fontWeight ?? 'normal',
+                        fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY
                     });
                     const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;
                     const angle = (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);
@@ -40232,9 +40229,9 @@
                         text = attribute.label.formatMethod(text);
                     }
                     const { width, height } = table.measureText(text, {
-                        fontSize: attribute.label?.style?.fontSize,
-                        fontWeight: attribute.label?.style?.fontWeight,
-                        fontFamily: attribute.label?.style?.fontFamily
+                        fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,
+                        fontWeight: attribute.label?.style?.fontWeight ?? 'normal',
+                        fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY
                     });
                     const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;
                     const angle = (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);
@@ -40246,9 +40243,9 @@
         let titleHeight = 0;
         if (attribute.title.visible && attribute.title.text) {
             const { width, height } = table.measureText(attribute.title.text, {
-                fontSize: attribute.title?.style?.fontSize,
-                fontWeight: attribute.title?.style?.fontWeight,
-                fontFamily: attribute.title?.style?.fontFamily
+                fontSize: attribute.title?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,
+                fontWeight: attribute.title?.style?.fontWeight ?? 'normal',
+                fontFamily: attribute.title?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY
             });
             const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;
             const size = getSizeAfterResize(Math.min(width, widthLimit), height, attribute.title?.style?.angle);
@@ -43862,44 +43859,45 @@
     }
 
     async function createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin, proxy) {
-        const { leftBottomCornerGroup, rightTopCornerGroup, rightBottomCornerGroup } = proxy.table.scenegraph;
+        const { table } = proxy;
+        const { leftBottomCornerGroup, rightTopCornerGroup, rightBottomCornerGroup } = table.scenegraph;
         proxy.setParamsForRow();
         proxy.setParamsForColumn();
-        computeColsWidth(proxy.table, 0, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1));
-        computeRowsHeight(proxy.table, 0, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1));
-        if (proxy.table.rightFrozenColCount > 0 && proxy.table.colCount - 1 > proxy.firstScreenColLimit) {
-            computeColsWidth(proxy.table, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1, proxy.table.colCount - 1);
-        }
-        if (proxy.table.bottomFrozenRowCount > 0 && proxy.table.rowCount - 1 > proxy.firstScreenRowLimit) {
-            computeColsWidth(proxy.table, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1, proxy.table.rowCount - 1);
-        }
-        proxy.table.scenegraph.colHeaderGroup.setAttribute('x', proxy.table.getFrozenColsWidth());
-        proxy.table.scenegraph.rowHeaderGroup.setAttribute('y', proxy.table.getFrozenRowsHeight());
-        proxy.table.scenegraph.bottomFrozenGroup.setAttribute('x', proxy.table.getFrozenColsWidth());
-        proxy.table.scenegraph.rightFrozenGroup.setAttribute('y', proxy.table.getFrozenRowsHeight());
-        proxy.table.scenegraph.bodyGroup.setAttributes({
-            x: proxy.table.getFrozenColsWidth(),
-            y: proxy.table.getFrozenRowsHeight()
-        });
-        createColGroup(cornerHeaderGroup, xOrigin, yOrigin, 0, proxy.table.rowHeaderLevelCount - 1, 0, proxy.table.columnHeaderLevelCount - 1, 'cornerHeader', proxy.table);
-        createColGroup(colHeaderGroup, xOrigin, yOrigin, proxy.table.rowHeaderLevelCount, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), 0, proxy.table.columnHeaderLevelCount - 1, 'columnHeader', proxy.table);
-        createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, proxy.table.rowHeaderLevelCount - 1, proxy.table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), 'rowHeader', proxy.table);
-        if (proxy.table.bottomFrozenRowCount > 0) {
-            if (!proxy.table.isPivotChart()) {
-                createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, 0, proxy.table.rowHeaderLevelCount - 1, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1, proxy.table.rowCount - 1, 'rowHeader', proxy.table);
+        computeColsWidth(table, 0, Math.min(proxy.firstScreenColLimit, table.colCount - 1));
+        computeRowsHeight(table, 0, Math.min(proxy.firstScreenRowLimit, table.rowCount - 1));
+        if (table.rightFrozenColCount > 0 && table.colCount - 1 > proxy.firstScreenColLimit) {
+            computeColsWidth(table, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1);
+        }
+        if (table.bottomFrozenRowCount > 0 && table.rowCount - 1 > proxy.firstScreenRowLimit) {
+            computeColsWidth(table, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1);
+        }
+        table.scenegraph.colHeaderGroup.setAttribute('x', table.getFrozenColsWidth());
+        table.scenegraph.rowHeaderGroup.setAttribute('y', table.getFrozenRowsHeight());
+        table.scenegraph.bottomFrozenGroup.setAttribute('x', table.getFrozenColsWidth());
+        table.scenegraph.rightFrozenGroup.setAttribute('y', table.getFrozenRowsHeight());
+        table.scenegraph.bodyGroup.setAttributes({
+            x: table.getFrozenColsWidth(),
+            y: table.getFrozenRowsHeight()
+        });
+        createColGroup(cornerHeaderGroup, xOrigin, yOrigin, 0, table.frozenColCount - 1, 0, table.columnHeaderLevelCount - 1, table.isListTable() ? 'columnHeader' : 'cornerHeader', table);
+        createColGroup(colHeaderGroup, xOrigin, yOrigin, table.frozenColCount, Math.min(proxy.firstScreenColLimit, table.colCount - 1 - table.rightFrozenColCount), 0, table.columnHeaderLevelCount - 1, 'columnHeader', table);
+        createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.frozenColCount - 1, table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, table.rowCount - 1 - table.bottomFrozenRowCount), table.isListTable() && !table.internalProps.transpose ? 'body' : 'rowHeader', table);
+        if (table.bottomFrozenRowCount > 0) {
+            if (!table.isPivotChart()) {
+                createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, 0, table.frozenColCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, table.isListTable() ? 'body' : 'rowHeader', table);
             }
-            createColGroup(bottomFrozenGroup, xOrigin, yOrigin, proxy.table.rowHeaderLevelCount, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1, proxy.table.rowCount - 1, 'body', proxy.table);
+            createColGroup(bottomFrozenGroup, xOrigin, yOrigin, table.frozenColCount, Math.min(proxy.firstScreenColLimit, table.colCount - 1 - table.rightFrozenColCount), table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, table.isPivotChart() ? 'rowHeader' : 'body', table);
         }
-        if (proxy.table.rightFrozenColCount > 0) {
-            if (!proxy.table.isPivotChart()) {
-                createColGroup(rightTopCornerGroup, xOrigin, yOrigin, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1, proxy.table.colCount - 1, 0, proxy.table.columnHeaderLevelCount - 1, 'columnHeader', proxy.table);
+        if (table.rightFrozenColCount > 0) {
+            if (!table.isPivotChart()) {
+                createColGroup(rightTopCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, 0, table.columnHeaderLevelCount - 1, 'columnHeader', table);
             }
-            createColGroup(rightFrozenGroup, xOrigin, yOrigin, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1, proxy.table.colCount - 1, proxy.table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), 'body', proxy.table);
+            createColGroup(rightFrozenGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, table.rowCount - 1 - table.bottomFrozenRowCount), table.isPivotChart() ? 'rowHeader' : 'body', table);
         }
-        if (proxy.table.bottomFrozenRowCount > 0 && proxy.table.rightFrozenColCount > 0 && !proxy.table.isPivotChart()) {
-            createColGroup(rightBottomCornerGroup, xOrigin, yOrigin, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount + 1, proxy.table.colCount - 1, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount + 1, proxy.table.rowCount - 1, 'body', proxy.table);
+        if (table.bottomFrozenRowCount > 0 && table.rightFrozenColCount > 0 && !table.isPivotChart()) {
+            createColGroup(rightBottomCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, 'body', table);
         }
-        createColGroup(bodyGroup, xOrigin, yOrigin, proxy.table.rowHeaderLevelCount, Math.min(proxy.firstScreenColLimit, proxy.table.colCount - 1 - proxy.table.rightFrozenColCount), proxy.table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, proxy.table.rowCount - 1 - proxy.table.bottomFrozenRowCount), 'body', proxy.table);
+        createColGroup(bodyGroup, xOrigin, yOrigin, table.frozenColCount, Math.min(proxy.firstScreenColLimit, table.colCount - 1 - table.rightFrozenColCount), table.columnHeaderLevelCount, Math.min(proxy.firstScreenRowLimit, table.rowCount - 1 - table.bottomFrozenRowCount), 'body', table);
         if (!bodyGroup.firstChild) {
             proxy.currentRow = proxy.totalRow;
             proxy.rowEnd = proxy.currentRow;
@@ -44333,9 +44331,9 @@
             }
             else {
                 const topRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
-                const BottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
-                syncTopRow = Math.max(distStartRow, topRow);
-                syncBottomRow = Math.min(distEndRow, BottomRow);
+                const bottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
+                syncTopRow = topRow;
+                syncBottomRow = bottomRow;
             }
             computeRowsHeight(proxy.table, syncTopRow, syncBottomRow);
             updatePartRowPosition(startRow, endRow, direction, proxy);
@@ -44352,7 +44350,7 @@
             proxy.currentRow = direction === 'up' ? proxy.currentRow + count : proxy.currentRow - count;
             proxy.totalRow = direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count;
             proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
-            proxy.rowUpdatePos = distStartRow;
+            proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, distStartRow);
             proxy.rowUpdateDirection = direction;
             proxy.table.scenegraph.updateNextFrame();
             if (proxy.table.heightMode !== 'autoHeight') {
@@ -44395,7 +44393,7 @@
         }
     }
     function updatePartRowPosition(startRow, endRow, direction, proxy) {
-        for (let col = 0; col < proxy.table.rowHeaderLevelCount; col++) {
+        for (let col = 0; col < proxy.table.frozenColCount; col++) {
             const colGroup = proxy.table.scenegraph.getColGroup(col);
             for (let row = startRow; row <= endRow; row++) {
                 updateCellGroupPosition(colGroup, direction, proxy);
@@ -44427,7 +44425,7 @@
         }
     }
     function updateAllRowPosition(distStartRowY, count, direction, proxy) {
-        for (let col = 0; col < proxy.table.rowHeaderLevelCount; col++) {
+        for (let col = 0; col < proxy.table.frozenColCount; col++) {
             const colGroup = proxy.table.scenegraph.getColGroup(col);
             colGroup?.forEachChildren((cellGroup, index) => {
                 proxy.updateCellGroupPosition(cellGroup, direction === 'up' ? cellGroup.row + count : cellGroup.row - count, index === 0
@@ -44453,7 +44451,7 @@
         }
     }
     function updateRowContent(syncTopRow, syncBottomRow, proxy) {
-        for (let col = 0; col < proxy.table.rowHeaderLevelCount; col++) {
+        for (let col = 0; col < proxy.table.frozenColCount; col++) {
             for (let row = syncTopRow; row <= syncBottomRow; row++) {
                 const cellGroup = proxy.highPerformanceGetCell(col, row, true);
                 proxy.updateCellGroupContent(cellGroup);
@@ -44544,7 +44542,6 @@
         screenTopRow = 0;
         deltaY = 0;
         colLimit = 100;
-        bodyLeftCol;
         bodyRightCol;
         totalCol;
         colStart;
@@ -44583,8 +44580,10 @@
                 this.rowLimit = this.table.options.maintainedDataCount;
             }
         }
+        get bodyLeftCol() {
+            return this.table.frozenColCount;
+        }
         setParamsForColumn() {
-            this.bodyLeftCol = this.table.frozenColCount;
             this.bodyRightCol = this.table.colCount - 1 - this.table.rightFrozenColCount;
             const totalActualBodyColCount = Math.min(this.colLimit, this.bodyRightCol - this.bodyLeftCol + 1);
             this.totalCol = this.bodyLeftCol + totalActualBodyColCount - 1;
@@ -44822,7 +44821,7 @@
                 (row < this.rowStart || row > this.rowEnd)) {
                 return emptyGroup;
             }
-            if (col >= this.table.rowHeaderLevelCount &&
+            if (col >= this.table.frozenColCount &&
                 col < this.table.colCount - this.table.rightFrozenColCount &&
                 (col < this.colStart || col > this.colEnd)) {
                 return emptyGroup;
@@ -45487,23 +45486,26 @@
         scene.frozenRowCount = scene.colHeaderGroup.firstChild?.childrenCount ?? 0;
     }
     function resetFrozen(scene) {
-        if (scene.frozenColCount > scene.table.rowHeaderLevelCount) {
-            for (let i = 0; i < scene.frozenColCount - scene.table.rowHeaderLevelCount; i++) {
+        if (scene.frozenColCount > scene.table.frozenColCount) {
+            for (let i = 0; i < scene.frozenColCount - scene.table.frozenColCount; i++) {
                 moveColumnFromRowHeaderToBody(scene);
                 moveColumnFromCornerHeaderToColHeader(scene);
                 moveColumnFromLeftBottomCornerToBottom(scene);
             }
         }
-        else if (scene.frozenColCount < scene.table.rowHeaderLevelCount) {
+        else if (scene.frozenColCount < scene.table.frozenColCount) {
             scene.rowHeaderGroup.setAttribute('height', scene.bodyGroup.attribute.height);
             scene.rowHeaderGroup.setAttribute('y', scene.bodyGroup.attribute.y);
             scene.cornerHeaderGroup.setAttribute('height', scene.colHeaderGroup.attribute.height);
-            for (let i = 0; i < scene.table.rowHeaderLevelCount - scene.frozenColCount; i++) {
+            for (let i = 0; i < scene.table.frozenColCount - scene.frozenColCount; i++) {
                 moveColumnFromBodyToRowHeader(scene);
                 moveColumnFromColHeaderToCornerHeader(scene);
                 moveColumnFromBottomToLeftBottomCorner(scene);
             }
         }
+        scene.frozenColCount = scene.table.frozenColCount;
+        scene.frozenRowCount = scene.colHeaderGroup.firstChild?.childrenCount ?? 0;
+        scene.proxy.colStart = scene.table.frozenColCount;
         scene.bodyGroup.setAttribute('x', scene.rowHeaderGroup.attribute.width);
         scene.colHeaderGroup.setAttribute('x', scene.cornerHeaderGroup.attribute.width);
         scene.updateContainer();
@@ -45512,8 +45514,6 @@
             scene.component.setFrozenColumnShadow(scene.table.frozenColCount - 1);
         }
         scene.hasFrozen = true;
-        scene.frozenColCount = scene.table.rowHeaderLevelCount;
-        scene.frozenRowCount = scene.colHeaderGroup.firstChild?.childrenCount ?? 0;
     }
     function moveColumnFromBodyToRowHeader(scene) {
         const column = scene.bodyGroup.firstChild instanceof Group ? scene.bodyGroup.firstChild : null;
@@ -45638,14 +45638,14 @@
         const { table, proxy, bottomFrozenGroup, leftBottomCornerGroup, rightBottomCornerGroup } = scene;
         if (!bottomFrozenGroup.childrenCount) {
             if (!proxy.table.isPivotChart()) {
-                createColGroup(leftBottomCornerGroup, 0, 0, 0, table.rowHeaderLevelCount - 1, 0, -1, 'rowHeader', table);
+                createColGroup(leftBottomCornerGroup, 0, 0, 0, table.frozenColCount - 1, 0, -1, 'rowHeader', table);
                 createColGroup(rightBottomCornerGroup, 0, 0, table.colCount - table.rightFrozenColCount, table.colCount - 1, 0, -1, 'body', table);
             }
             createColGroup(bottomFrozenGroup, 0, 0, proxy.colStart, proxy.colEnd, 0, -1, 'body', table);
         }
         const currentBottomFrozenRow = scene.table.bottomFrozenRowCount;
         if (distBottomFrozenRow > currentBottomFrozenRow) {
-            for (let col = 0; col < table.rowHeaderLevelCount; col++) {
+            for (let col = 0; col < table.frozenColCount; col++) {
                 const bottomFrozenColumnGroup = scene.getColGroupInLeftBottomCorner(col);
                 for (let row = table.rowCount - currentBottomFrozenRow - 1; row >= table.rowCount - distBottomFrozenRow; row--) {
                     const cellGroup = scene.getCell(col, row, true);
@@ -46300,7 +46300,7 @@
         }
         createSceneGraph() {
             this.clear = false;
-            this.frozenColCount = this.table.rowHeaderLevelCount;
+            this.frozenColCount = this.table.frozenColCount;
             this.frozenRowCount = this.table.columnHeaderLevelCount;
             this.proxy = new SceneProxy(this.table);
             createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, undefined, true);
@@ -46613,16 +46613,17 @@
             computeRowsHeight(this.table, 0, this.table.rowCount - 1, true, true);
         }
         resize() {
-            if (this.table.widthMode === 'adaptive' || this.table.autoFillWidth) {
-                this.recalculateColWidths();
-            }
-            if (this.table.heightMode === 'adaptive' || this.table.autoFillHeight) {
-                this.recalculateRowHeights();
+            if (this.table.internalProps._widthResizedColMap.size === 0) {
+                if (this.table.widthMode === 'adaptive' || this.table.autoFillWidth) {
+                    this.recalculateColWidths();
+                }
+                if (this.table.heightMode === 'adaptive' || this.table.autoFillHeight) {
+                    this.recalculateRowHeights();
+                }
             }
             this.dealWidthMode();
             this.dealHeightMode();
             this.resetFrozen();
-            this.dealFrozen();
             this.updateTableSize();
             this.updateBorderSizeAndPosition();
             this.component.updateScrollBar();
@@ -46767,8 +46768,11 @@
             this.updateNextFrame();
         }
         afterScenegraphCreated() {
-            this.resetFrozen();
-            this.dealFrozen();
+            if (!this.isPivot && !this.transpose) {
+                this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
+            }
+            this.table.stateManeger.checkFrozen();
+            this.updateContainer();
             this.createFrameBorder();
             this.updateBorderSizeAndPosition();
             this.component.updateScrollBar();
@@ -47018,7 +47022,6 @@
                 return;
             }
             this.resetFrozen();
-            this.dealFrozen();
             this.component.updateScrollBar();
         }
         dealWidthRightFrozen(rightFrozenColCount) {
@@ -47554,7 +47557,7 @@
         else if (interactionState === InteractionState.default) {
             const currentRange = state.select.ranges[state.select.ranges.length - 1];
             if (isShift && currentRange) {
-                if (table.isColumnHeader(col, row)) {
+                if (state.select.headerSelectMode !== 'cell' && table.isColumnHeader(col, row)) {
                     const startCol = Math.min(currentRange.start.col, currentRange.end.col, col);
                     const endCol = Math.max(currentRange.start.col, currentRange.end.col, col);
                     const startRow = Math.min(currentRange.start.row, currentRange.end.row, row);
@@ -47562,7 +47565,7 @@
                     currentRange.start = { col: startCol, row: startRow };
                     currentRange.end = { col: endCol, row: endRow };
                 }
-                else if (table.isRowHeader(col, row)) {
+                else if (state.select.headerSelectMode !== 'cell' && table.isRowHeader(col, row)) {
                     const startCol = Math.min(currentRange.start.col, currentRange.end.col, col);
                     const endCol = table.colCount - 1;
                     const startRow = Math.min(currentRange.start.row, currentRange.end.row, row);
@@ -47581,13 +47584,13 @@
                     state.select.ranges = [];
                     scenegraph.deleteAllSelectBorder();
                 }
-                if (table.isColumnHeader(col, row)) {
+                if (state.select.headerSelectMode !== 'cell' && table.isColumnHeader(col, row)) {
                     state.select.ranges.push({
                         start: { col, row },
                         end: { col, row: table.rowCount - 1 }
                     });
                 }
-                else if (table.isRowHeader(col, row)) {
+                else if (state.select.headerSelectMode !== 'cell' && table.isRowHeader(col, row)) {
                     state.select.ranges.push({
                         start: { col, row },
                         end: { col: table.colCount - 1, row }
@@ -48199,7 +48202,8 @@
             }
         }
         setSelectState() {
-            const { disableSelect, disableHeaderSelect } = this.table.options?.select ?? {
+            const { headerSelectMode, disableSelect, disableHeaderSelect } = this.table.options?.select ?? {
+                headerSelectMode: 'inline',
                 disableSelect: false,
                 disableHeaderSelect: false
             };
@@ -48211,6 +48215,7 @@
             }
             this.select.singleStyle = !disableSelect;
             this.select.disableHeader = disableHeaderSelect;
+            this.select.headerSelectMode = headerSelectMode;
         }
         isSelected(col, row) {
             let seled = false;
@@ -48604,7 +48609,7 @@
                                 if (isObject$4(item) && (item.menuKey || item.text) === (menuKey || '') && i === index) {
                                     return true;
                                 }
-                                else if (isString$4(item) && item === menuKey && i === index) {
+                                else if (isString$3(item) && item === menuKey && i === index) {
                                     return true;
                                 }
                             }
@@ -48960,8 +48965,8 @@
             }
             if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL)) {
                 if (cellGoup?.role === 'cell' &&
-                    isValid$5(cellGoup.col) &&
-                    isValid$5(cellGoup.row) &&
+                    isValid$6(cellGoup.col) &&
+                    isValid$6(cellGoup.row) &&
                     (cellGoup.col !== table.stateManeger.hover.cellPos.col || cellGoup.row !== table.stateManeger.hover.cellPos.row)) {
                     table.fireListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL, {
                         col: cellGoup.col,
@@ -49502,7 +49507,7 @@
         handler.on(table.getElement(), 'copy', (e) => {
             if (table.keyboardOptions?.copySelected) {
                 const data = table.getCopyValue();
-                if (isValid$5(data)) {
+                if (isValid$6(data)) {
                     e.preventDefault();
                     if (browser.IE) {
                         window.clipboardData.setData('Text', data);
@@ -52222,7 +52227,7 @@
         attrs.pager = pager;
         if (background.visible && !isEmpty(background.style)) {
             merge$1(attrs, background.style);
-            if (isValid$5(background.padding)) {
+            if (isValid$6(background.padding)) {
                 attrs.padding = background.padding;
             }
         }
@@ -52501,10 +52506,10 @@
         if (!isEmpty(handler.style)) {
             attrs.handlerStyle = transformToGraphic(handler.style);
         }
-        if (isValid$5(rail.width)) {
+        if (isValid$6(rail.width)) {
             attrs.railWidth = rail.width;
         }
-        if (isValid$5(rail.height)) {
+        if (isValid$6(rail.height)) {
             attrs.railHeight = rail.height;
         }
         if (!isEmpty(rail.style)) {
@@ -52521,7 +52526,7 @@
         }
         if (background.visible && !isEmpty(background.style)) {
             merge$1(attrs, background.style);
-            if (isValid$5(background.padding)) {
+            if (isValid$6(background.padding)) {
                 attrs.padding = background.padding;
             }
         }
@@ -52729,7 +52734,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.12.3-alpha.1";
+        version = "0.13.0-alpha.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -53249,7 +53254,7 @@
             return this.defaultColWidth;
         }
         getColWidth(col) {
-            const width = this.colWidthsMap.get(col) ?? 0;
+            const width = this.colWidthsMap.get(col) ?? this.defaultColWidth;
             if ((this.widthMode === 'adaptive' && typeof width === 'number') ||
                 (this.transpose && typeof width === 'number')) {
                 return this._colWidthDefineToPxWidth(width);
@@ -54182,6 +54187,7 @@
             else {
                 _setRecords(this, records);
             }
+            this.internalProps.frozenColCount = this.options.frozenColCount || this.rowHeaderLevelCount;
             this.scenegraph.createSceneGraph();
             if (this.internalProps.title && !this.internalProps.title.isReleased) {
                 this._updateSize();
@@ -61829,14 +61835,14 @@
             this.justifyContent = options.justifyContent || 'start';
             this.alignItems = options.alignItems || 'start';
             this.alignContent = options.alignContent || 'start';
-            if (isNumber$7(options.width)) {
+            if (isNumber$6(options.width)) {
                 this.width = options.width;
             }
             else {
                 this._widthObj = options.width;
                 this.needCalcSize = true;
             }
-            if (isNumber$7(options.height)) {
+            if (isNumber$6(options.height)) {
                 this.height = options.height;
             }
             else {
@@ -62053,7 +62059,7 @@
         constructor(options) {
             super(options);
             this.iconName = options.iconName;
-            if (isString$4(this.iconName)) {
+            if (isString$3(this.iconName)) {
                 const regedIcons = get$1();
                 const cache = regedIcons[this.iconName];
                 if (cache) {
@@ -62440,7 +62446,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.12.3-alpha.1";
+    const version = "0.13.0-alpha.3";
     function getIcons() {
         return get$1();
     }