@visactor/vtable-calendar 1.14.4-alpha.3 → 1.14.4-alpha.5

package/dist/vtable-calendar.js

@@ -621,6 +621,12 @@
       get env() {
         return this._env;
       }
+      get isImageAnonymous() {
+        return this._isImageAnonymous;
+      }
+      set isImageAnonymous(isImageAnonymous) {
+        this._isImageAnonymous = isImageAnonymous;
+      }
       get devicePixelRatio() {
         return this._env || this.setEnv("browser"), this.envContribution.getDevicePixelRatio();
       }
@@ -655,7 +661,7 @@
         this._env || this.setEnv("browser"), this.envContribution.applyStyles = support;
       }
       constructor(contributions) {
-        this.contributions = contributions, this.id = Generator.GenAutoIncrementId(), this.hooks = {
+        this.contributions = contributions, this._isImageAnonymous = !0, this.id = Generator.GenAutoIncrementId(), this.hooks = {
           onSetEnv: new SyncHook(["lastEnv", "env", "global"])
         }, this.measureTextMethod = "native", this.optimizeVisible = !1;
       }
@@ -7629,7 +7635,7 @@
       }
       static GetFile(url, type) {
         let data = ResourceLoader.cache.get(url);
-        return data ? "init" === data.loadState || "fail" === data.loadState ? Promise.reject() : "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
+        return data ? "fail" === data.loadState ? Promise.reject() : "init" === data.loadState || "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
           type: type,
           loadState: "init"
         }, ResourceLoader.cache.set(url, data), "arrayBuffer" === type ? data.dataPromise = application.global.loadArrayBuffer(url) : "blob" === type ? data.dataPromise = application.global.loadBlob(url) : "json" === type && (data.dataPromise = application.global.loadJson(url)), data.dataPromise.then(data => data.data));
@@ -10382,8 +10388,8 @@
       constructor() {
         super(...arguments), this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
       }
-      drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
-        return super.drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+      drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
+        return super.drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
       }
     }
     const defaultImageRenderContribution = new DefaultImageRenderContribution();
@@ -18615,7 +18621,7 @@
     function createImageElement(src) {
       let isSvg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       const img = document.createElement("img");
-      if (img.crossOrigin = "anonymous", isSvg) {
+      if (application.global.isImageAnonymous && (img.crossOrigin = "anonymous"), isSvg) {
         const data = new Blob([src], {
           type: "image/svg+xml"
         });
@@ -19787,454 +19793,1046 @@
       loadImagePick || (loadImagePick = !0, bind(CanvasImagePicker).to(DefaultCanvasImagePicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasImagePicker));
     });
 
-    const browser$1 = isBrowserEnv();
+    var lib$1 = {};
 
-    function _registerArc() {
-      _registerArc.__loaded || (_registerArc.__loaded = !0, registerArcGraphic(), container.load(arcModule), container.load(browser$1 ? arcCanvasPickModule : arcMathPickModule));
-    }
-    _registerArc.__loaded = !1;
-    const registerArc = _registerArc;
+    var gif = {};
 
-    function _registerCircle() {
-      _registerCircle.__loaded || (_registerCircle.__loaded = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser$1 ? circleCanvasPickModule : circleMathPickModule));
-    }
-    _registerCircle.__loaded = !1;
-    const registerCircle = _registerCircle;
+    var lib = {};
 
-    function _registerGroup() {
-      _registerGroup.__loaded || (_registerGroup.__loaded = !0, registerGroupGraphic());
-    }
-    _registerGroup.__loaded = !1;
-    const registerGroup = _registerGroup;
+    Object.defineProperty(lib, "__esModule", {
+      value: true
+    });
+    lib.loop = lib.conditional = lib.parse = void 0;
+    var parse$3 = function parse(stream, schema) {
+      var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var parent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : result;
+      if (Array.isArray(schema)) {
+        schema.forEach(function (partSchema) {
+          return parse(stream, partSchema, result, parent);
+        });
+      } else if (typeof schema === 'function') {
+        schema(stream, result, parent, parse);
+      } else {
+        var key = Object.keys(schema)[0];
+        if (Array.isArray(schema[key])) {
+          parent[key] = {};
+          parse(stream, schema[key], result, parent[key]);
+        } else {
+          parent[key] = schema[key](stream, result, parent, parse);
+        }
+      }
+      return result;
+    };
+    lib.parse = parse$3;
+    var conditional = function conditional(schema, conditionFunc) {
+      return function (stream, result, parent, parse) {
+        if (conditionFunc(stream, result, parent)) {
+          parse(stream, schema, result, parent);
+        }
+      };
+    };
+    lib.conditional = conditional;
+    var loop = function loop(schema, continueFunc) {
+      return function (stream, result, parent, parse) {
+        var arr = [];
+        var lastStreamPos = stream.pos;
+        while (continueFunc(stream, result, parent)) {
+          var newParent = {};
+          parse(stream, schema, result, newParent); // cases when whole file is parsed but no termination is there and stream position is not getting updated as well
+          // it falls into infinite recursion, null check to avoid the same
 
-    function _registerImage() {
-      _registerImage.__loaded || (_registerImage.__loaded = !0, registerImageGraphic(), container.load(imageModule), container.load(browser$1 ? imageCanvasPickModule : imageMathPickModule));
-    }
-    _registerImage.__loaded = !1;
-    const registerImage = _registerImage;
+          if (stream.pos === lastStreamPos) {
+            break;
+          }
+          lastStreamPos = stream.pos;
+          arr.push(newParent);
+        }
+        return arr;
+      };
+    };
+    lib.loop = loop;
 
-    function _registerLine() {
-      _registerLine.__loaded || (_registerLine.__loaded = !0, registerLineGraphic(), container.load(lineModule), container.load(browser$1 ? lineCanvasPickModule : lineMathPickModule));
-    }
-    _registerLine.__loaded = !1;
-    const registerLine = _registerLine;
+    var uint8 = {};
 
-    function _registerPath() {
-      _registerPath.__loaded || (_registerPath.__loaded = !0, registerPathGraphic(), container.load(pathModule), container.load(browser$1 ? pathCanvasPickModule : pathMathPickModule));
-    }
-    _registerPath.__loaded = !1;
-    const registerPath = _registerPath;
+    Object.defineProperty(uint8, "__esModule", {
+      value: true
+    });
+    uint8.readBits = uint8.readArray = uint8.readUnsigned = uint8.readString = uint8.peekBytes = uint8.readBytes = uint8.peekByte = uint8.readByte = uint8.buildStream = void 0;
 
-    function _registerPolygon() {
-      _registerPolygon.__loaded || (_registerPolygon.__loaded = !0, registerPolygonGraphic(), container.load(polygonModule), container.load(browser$1 ? polygonCanvasPickModule : polygonMathPickModule));
-    }
-    _registerPolygon.__loaded = !1;
-    const registerPolygon = _registerPolygon;
+    // Default stream and parsers for Uint8TypedArray data type
+    var buildStream = function buildStream(uint8Data) {
+      return {
+        data: uint8Data,
+        pos: 0
+      };
+    };
+    uint8.buildStream = buildStream;
+    var readByte = function readByte() {
+      return function (stream) {
+        return stream.data[stream.pos++];
+      };
+    };
+    uint8.readByte = readByte;
+    var peekByte = function peekByte() {
+      var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      return function (stream) {
+        return stream.data[stream.pos + offset];
+      };
+    };
+    uint8.peekByte = peekByte;
+    var readBytes = function readBytes(length) {
+      return function (stream) {
+        return stream.data.subarray(stream.pos, stream.pos += length);
+      };
+    };
+    uint8.readBytes = readBytes;
+    var peekBytes = function peekBytes(length) {
+      return function (stream) {
+        return stream.data.subarray(stream.pos, stream.pos + length);
+      };
+    };
+    uint8.peekBytes = peekBytes;
+    var readString = function readString(length) {
+      return function (stream) {
+        return Array.from(readBytes(length)(stream)).map(function (value) {
+          return String.fromCharCode(value);
+        }).join('');
+      };
+    };
+    uint8.readString = readString;
+    var readUnsigned = function readUnsigned(littleEndian) {
+      return function (stream) {
+        var bytes = readBytes(2)(stream);
+        return littleEndian ? (bytes[1] << 8) + bytes[0] : (bytes[0] << 8) + bytes[1];
+      };
+    };
+    uint8.readUnsigned = readUnsigned;
+    var readArray = function readArray(byteSize, totalOrFunc) {
+      return function (stream, result, parent) {
+        var total = typeof totalOrFunc === 'function' ? totalOrFunc(stream, result, parent) : totalOrFunc;
+        var parser = readBytes(byteSize);
+        var arr = new Array(total);
+        for (var i = 0; i < total; i++) {
+          arr[i] = parser(stream);
+        }
+        return arr;
+      };
+    };
+    uint8.readArray = readArray;
+    var subBitsTotal = function subBitsTotal(bits, startIndex, length) {
+      var result = 0;
+      for (var i = 0; i < length; i++) {
+        result += bits[startIndex + i] && Math.pow(2, length - i - 1);
+      }
+      return result;
+    };
+    var readBits = function readBits(schema) {
+      return function (stream) {
+        var _byte = readByte()(stream); // convert the byte to bit array
 
-    function _registerRect() {
-      _registerRect.__loaded || (_registerRect.__loaded = !0, registerRectGraphic(), container.load(rectModule), container.load(browser$1 ? rectCanvasPickModule : rectMathPickModule));
-    }
-    _registerRect.__loaded = !1;
-    const registerRect = _registerRect;
+        var bits = new Array(8);
+        for (var i = 0; i < 8; i++) {
+          bits[7 - i] = !!(_byte & 1 << i);
+        } // convert the bit array to values based on the schema
 
-    function _registerRichtext() {
-      _registerRichtext.__loaded || (_registerRichtext.__loaded = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser$1 ? richtextCanvasPickModule : richTextMathPickModule));
-    }
-    _registerRichtext.__loaded = !1;
-    const registerRichtext = _registerRichtext;
+        return Object.keys(schema).reduce(function (res, key) {
+          var def = schema[key];
+          if (def.length) {
+            res[key] = subBitsTotal(bits, def.index, def.length);
+          } else {
+            res[key] = bits[def.index];
+          }
+          return res;
+        }, {});
+      };
+    };
+    uint8.readBits = readBits;
 
-    function _registerShadowRoot() {
-      _registerShadowRoot.__loaded || (_registerShadowRoot.__loaded = !0, registerShadowRootGraphic());
-    }
-    _registerShadowRoot.__loaded = !1;
-    const registerShadowRoot = _registerShadowRoot;
+    (function (exports) {
 
-    function _registerSymbol() {
-      _registerSymbol.__loaded || (_registerSymbol.__loaded = !0, registerSymbolGraphic(), container.load(symbolModule), container.load(browser$1 ? symbolCanvasPickModule : symbolMathPickModule));
-    }
-    _registerSymbol.__loaded = !1;
-    const registerSymbol = _registerSymbol;
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports["default"] = void 0;
+      var _ = lib;
+      var _uint = uint8;
 
-    function _registerText() {
-      _registerText.__loaded || (_registerText.__loaded = !0, registerTextGraphic(), container.load(textModule), container.load(browser$1 ? textCanvasPickModule : textMathPickModule));
-    }
-    _registerText.__loaded = !1;
-    const registerText = _registerText;
+      // a set of 0x00 terminated subblocks
+      var subBlocksSchema = {
+        blocks: function blocks(stream) {
+          var terminator = 0x00;
+          var chunks = [];
+          var streamSize = stream.data.length;
+          var total = 0;
+          for (var size = (0, _uint.readByte)()(stream); size !== terminator; size = (0, _uint.readByte)()(stream)) {
+            // size becomes undefined for some case when file is corrupted and  terminator is not proper 
+            // null check to avoid recursion
+            if (!size) break; // catch corrupted files with no terminator
 
-    function _registerWrapText() {
-      _registerWrapText.__loaded || (_registerWrapText.__loaded = !0, registerWrapTextGraphic());
-    }
-    _registerWrapText.__loaded = !1;
-    const registerWrapText = _registerWrapText;
+            if (stream.pos + size >= streamSize) {
+              var availableSize = streamSize - stream.pos;
+              chunks.push((0, _uint.readBytes)(availableSize)(stream));
+              total += availableSize;
+              break;
+            }
+            chunks.push((0, _uint.readBytes)(size)(stream));
+            total += size;
+          }
+          var result = new Uint8Array(total);
+          var offset = 0;
+          for (var i = 0; i < chunks.length; i++) {
+            result.set(chunks[i], offset);
+            offset += chunks[i].length;
+          }
+          return result;
+        }
+      }; // global control extension
 
-    function loadScrollbarComponent() {
-      registerGroup(), registerRect();
-    }
+      var gceSchema = (0, _.conditional)({
+        gce: [{
+          codes: (0, _uint.readBytes)(2)
+        }, {
+          byteSize: (0, _uint.readByte)()
+        }, {
+          extras: (0, _uint.readBits)({
+            future: {
+              index: 0,
+              length: 3
+            },
+            disposal: {
+              index: 3,
+              length: 3
+            },
+            userInput: {
+              index: 6
+            },
+            transparentColorGiven: {
+              index: 7
+            }
+          })
+        }, {
+          delay: (0, _uint.readUnsigned)(true)
+        }, {
+          transparentColorIndex: (0, _uint.readByte)()
+        }, {
+          terminator: (0, _uint.readByte)()
+        }]
+      }, function (stream) {
+        var codes = (0, _uint.peekBytes)(2)(stream);
+        return codes[0] === 0x21 && codes[1] === 0xf9;
+      }); // image pipeline block
 
-    const DEFAULT_TEXT_FONT_FAMILY$1 = "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol";
-    const DEFAULT_TEXT_FONT_SIZE$1 = 14;
-    var StateValue;
-    !function (StateValue) {
-      StateValue.selected = "selected", StateValue.selectedReverse = "selected_reverse", StateValue.hover = "hover", StateValue.hoverReverse = "hover_reverse";
-    }(StateValue || (StateValue = {}));
-    const DEFAULT_STATES$2 = {
-      [StateValue.selectedReverse]: {},
-      [StateValue.selected]: {},
-      [StateValue.hover]: {},
-      [StateValue.hoverReverse]: {}
-    };
-    const DEFAULT_HTML_TEXT_SPEC = {
-      container: "",
-      width: 30,
-      height: 30,
-      style: {}
-    };
-    const SCROLLBAR_EVENT = "scrollDrag";
+      var imageSchema = (0, _.conditional)({
+        image: [{
+          code: (0, _uint.readByte)()
+        }, {
+          descriptor: [{
+            left: (0, _uint.readUnsigned)(true)
+          }, {
+            top: (0, _uint.readUnsigned)(true)
+          }, {
+            width: (0, _uint.readUnsigned)(true)
+          }, {
+            height: (0, _uint.readUnsigned)(true)
+          }, {
+            lct: (0, _uint.readBits)({
+              exists: {
+                index: 0
+              },
+              interlaced: {
+                index: 1
+              },
+              sort: {
+                index: 2
+              },
+              future: {
+                index: 3,
+                length: 2
+              },
+              size: {
+                index: 5,
+                length: 3
+              }
+            })
+          }]
+        }, (0, _.conditional)({
+          lct: (0, _uint.readArray)(3, function (stream, result, parent) {
+            return Math.pow(2, parent.descriptor.lct.size + 1);
+          })
+        }, function (stream, result, parent) {
+          return parent.descriptor.lct.exists;
+        }), {
+          data: [{
+            minCodeSize: (0, _uint.readByte)()
+          }, subBlocksSchema]
+        }]
+      }, function (stream) {
+        return (0, _uint.peekByte)()(stream) === 0x2c;
+      }); // plain text block
 
-    const delayMap = {
-      debounce: debounce$1,
-      throttle: throttle$1
-    };
-    loadScrollbarComponent();
-    class ScrollBar extends AbstractComponent {
-      constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, ScrollBar.defaultAttributes, attributes)), this.name = "scrollbar", this._onRailPointerDown = e => {
-          const {
-              viewX: viewX,
-              viewY: viewY
-            } = e,
-            {
-              direction: direction,
-              width: width,
-              height: height,
-              range: range
-            } = this.attribute,
-            sliderSize = this._sliderSize,
-            [min, max] = this._getScrollRange();
-          let currentScrollValue;
-          if ("vertical" === direction) {
-            const relativeY = viewY - this._viewPosition.y,
-              currentYPos = clamp$3(relativeY - sliderSize / 2, min, max);
-            currentScrollValue = relativeY / height, this._slider.setAttribute("y", currentYPos, !0);
-          } else {
-            const relativeX = viewX - this._viewPosition.x,
-              currentXPos = clamp$3(relativeX - sliderSize / 2, min, max);
-            currentScrollValue = relativeX / width, this._slider.setAttribute("x", currentXPos, !0);
+      var textSchema = (0, _.conditional)({
+        text: [{
+          codes: (0, _uint.readBytes)(2)
+        }, {
+          blockSize: (0, _uint.readByte)()
+        }, {
+          preData: function preData(stream, result, parent) {
+            return (0, _uint.readBytes)(parent.text.blockSize)(stream);
           }
-          this.setScrollRange([currentScrollValue - (range[1] - range[0]) / 2, currentScrollValue + (range[1] - range[0]) / 2], !1), this.stage && !this.stage.autoRender && this.stage.renderNextFrame();
-        }, this._onSliderPointerDown = e => {
-          const {
-            stopSliderDownPropagation = !0
-          } = this.attribute;
-          stopSliderDownPropagation && e.stopPropagation();
-          const {
-              direction: direction
-            } = this.attribute,
-            {
-              x: x,
-              y: y
-            } = this.stage.eventPointTransform(e);
-          this._prePos = "horizontal" === direction ? x : y, this._dispatchEvent("scrollDown", {
-            pos: this._prePos,
-            event: e
-          }), "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-            capture: !0
-          }), vglobal.addEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-            capture: !0
-          }), this.stage.addEventListener("pointerup", this._onSliderPointerUp), this.stage.addEventListener("pointerupoutside", this._onSliderPointerUp));
-        }, this._computeScrollValue = e => {
-          const {
-              direction: direction
-            } = this.attribute,
-            {
-              x: x,
-              y: y
-            } = this.stage.eventPointTransform(e);
-          let currentScrollValue,
-            currentPos,
-            delta = 0;
-          const {
-            width: width,
-            height: height
-          } = this.getSliderRenderBounds();
-          return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
-        }, this._onSliderPointerMove = e => {
-          const {
-            stopSliderMovePropagation = !0
-          } = this.attribute;
-          stopSliderMovePropagation && e.stopPropagation();
-          const preScrollRange = this.getScrollRange(),
-            [currentPos, currentScrollValue] = this._computeScrollValue(e);
-          this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], !0), this._prePos = currentPos;
-        }, this._onSliderPointerMoveWithDelay = 0 === this.attribute.delayTime ? this._onSliderPointerMove : delayMap[this.attribute.delayType](this._onSliderPointerMove, this.attribute.delayTime), this._onSliderPointerUp = e => {
-          e.preventDefault();
-          const {
-              realTime = !0,
-              range: preRange,
-              limitRange = [0, 1]
-            } = this.attribute,
-            preScrollRange = this.getScrollRange(),
-            [currentPos, currentScrollValue] = this._computeScrollValue(e),
-            range = [preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue];
-          this._dispatchEvent("scrollUp", {
-            pre: preRange,
-            value: clampRange$1(range, limitRange[0], limitRange[1])
-          }), "browser" === vglobal.env ? (vglobal.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-            capture: !0
-          }), vglobal.removeEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-            capture: !0
-          }), this.stage.removeEventListener("pointerup", this._onSliderPointerUp), this.stage.removeEventListener("pointerupoutside", this._onSliderPointerUp));
-        };
-      }
-      setScrollRange(range) {
-        let render = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-        const {
-            direction = "horizontal",
-            limitRange = [0, 1],
-            range: preRange,
-            realTime = !0
-          } = this.attribute,
-          currScrollRange = clampRange$1(range, limitRange[0], limitRange[1]);
-        if (render) {
-          const sliderPos = this._getSliderPos(currScrollRange);
-          if (this._slider) {
-            const sliderSize = sliderPos[1] - sliderPos[0];
-            this._sliderSize = sliderSize, "horizontal" === direction ? this._slider.setAttributes({
-              x: sliderPos[0],
-              width: sliderSize
-            }, !0) : this._slider.setAttributes({
-              y: sliderPos[0],
-              height: sliderSize
-            }, !0), this.stage && !this.stage.autoRender && this.stage.renderNextFrame();
+        }, subBlocksSchema]
+      }, function (stream) {
+        var codes = (0, _uint.peekBytes)(2)(stream);
+        return codes[0] === 0x21 && codes[1] === 0x01;
+      }); // application block
+
+      var applicationSchema = (0, _.conditional)({
+        application: [{
+          codes: (0, _uint.readBytes)(2)
+        }, {
+          blockSize: (0, _uint.readByte)()
+        }, {
+          id: function id(stream, result, parent) {
+            return (0, _uint.readString)(parent.blockSize)(stream);
           }
+        }, subBlocksSchema]
+      }, function (stream) {
+        var codes = (0, _uint.peekBytes)(2)(stream);
+        return codes[0] === 0x21 && codes[1] === 0xff;
+      }); // comment block
+
+      var commentSchema = (0, _.conditional)({
+        comment: [{
+          codes: (0, _uint.readBytes)(2)
+        }, subBlocksSchema]
+      }, function (stream) {
+        var codes = (0, _uint.peekBytes)(2)(stream);
+        return codes[0] === 0x21 && codes[1] === 0xfe;
+      });
+      var schema = [{
+        header: [{
+          signature: (0, _uint.readString)(3)
+        }, {
+          version: (0, _uint.readString)(3)
+        }]
+      }, {
+        lsd: [{
+          width: (0, _uint.readUnsigned)(true)
+        }, {
+          height: (0, _uint.readUnsigned)(true)
+        }, {
+          gct: (0, _uint.readBits)({
+            exists: {
+              index: 0
+            },
+            resolution: {
+              index: 1,
+              length: 3
+            },
+            sort: {
+              index: 4
+            },
+            size: {
+              index: 5,
+              length: 3
+            }
+          })
+        }, {
+          backgroundColorIndex: (0, _uint.readByte)()
+        }, {
+          pixelAspectRatio: (0, _uint.readByte)()
+        }]
+      }, (0, _.conditional)({
+        gct: (0, _uint.readArray)(3, function (stream, result) {
+          return Math.pow(2, result.lsd.gct.size + 1);
+        })
+      }, function (stream, result) {
+        return result.lsd.gct.exists;
+      }),
+      // content frames
+      {
+        frames: (0, _.loop)([gceSchema, applicationSchema, commentSchema, imageSchema, textSchema], function (stream) {
+          var nextCode = (0, _uint.peekByte)()(stream); // rather than check for a terminator, we should check for the existence
+          // of an ext or image block to avoid infinite loops
+          //var terminator = 0x3B;
+          //return nextCode !== terminator;
+
+          return nextCode === 0x21 || nextCode === 0x2c;
+        })
+      }];
+      var _default = schema;
+      exports["default"] = _default;
+    })(gif);
+
+    var deinterlace$1 = {};
+
+    Object.defineProperty(deinterlace$1, "__esModule", {
+      value: true
+    });
+    deinterlace$1.deinterlace = void 0;
+
+    /**
+     * Deinterlace function from https://github.com/shachaf/jsgif
+     */
+    var deinterlace = function deinterlace(pixels, width) {
+      var newPixels = new Array(pixels.length);
+      var rows = pixels.length / width;
+      var cpRow = function cpRow(toRow, fromRow) {
+        var fromPixels = pixels.slice(fromRow * width, (fromRow + 1) * width);
+        newPixels.splice.apply(newPixels, [toRow * width, width].concat(fromPixels));
+      }; // See appendix E.
+
+      var offsets = [0, 4, 2, 1];
+      var steps = [8, 8, 4, 2];
+      var fromRow = 0;
+      for (var pass = 0; pass < 4; pass++) {
+        for (var toRow = offsets[pass]; toRow < rows; toRow += steps[pass]) {
+          cpRow(toRow, fromRow);
+          fromRow++;
         }
-        this.attribute.range = currScrollRange, realTime && this._dispatchEvent(SCROLLBAR_EVENT, {
-          pre: preRange,
-          value: currScrollRange
-        });
-      }
-      getScrollRange() {
-        return this.attribute.range;
-      }
-      bindEvents() {
-        if (this.attribute.disableTriggerEvent) return;
-        const {
-          delayType = "throttle",
-          delayTime = 0
-        } = this.attribute;
-        this._rail && this._rail.addEventListener("pointerdown", delayMap[delayType](this._onRailPointerDown, delayTime)), this._slider && this._slider.addEventListener("pointerdown", this._onSliderPointerDown);
-      }
-      render() {
-        this._reset();
-        const {
-            direction = "horizontal",
-            width: width,
-            height: height,
-            range: range,
-            limitRange = [0, 1],
-            railStyle: railStyle,
-            sliderStyle: sliderStyle,
-            padding = 2
-          } = this.attribute,
-          group = this.createOrUpdateChild("scrollbar-container", {}, "group"),
-          rail = group.createOrUpdateChild("scrollbar-rail", Object.assign({
-            x: 0,
-            y: 0,
-            width: width,
-            height: height
-          }, railStyle), "rect");
-        this._rail = rail;
-        const sliderRenderBounds = this.getSliderRenderBounds(),
-          sliderPos = this._getSliderPos(clampRange$1(range, limitRange[0], limitRange[1])),
-          sliderSize = sliderPos[1] - sliderPos[0];
-        let sliderAttribute;
-        this._sliderSize = sliderSize, sliderAttribute = "horizontal" === direction ? {
-          x: sliderPos[0],
-          y: sliderRenderBounds.y1,
-          width: sliderSize,
-          height: sliderRenderBounds.height
-        } : {
-          x: sliderRenderBounds.x1,
-          y: sliderPos[0],
-          width: sliderRenderBounds.width,
-          height: sliderSize
-        };
-        const slider = group.createOrUpdateChild("slider", Object.assign(Object.assign(Object.assign(Object.assign({}, sliderAttribute), {
-          cornerRadius: this._getDefaultSliderCornerRadius()
-        }), sliderStyle), {
-          boundsPadding: normalizePadding(padding),
-          pickMode: "imprecise"
-        }), "rect");
-        this._slider = slider, this._container = group;
-        const containerAABBBounds = this._container.AABBBounds;
-        this._viewPosition = {
-          x: containerAABBBounds.x1,
-          y: containerAABBBounds.y1
-        };
-      }
-      getSliderRenderBounds() {
-        if (this._sliderRenderBounds) return this._sliderRenderBounds;
-        const {
-            width: width,
-            height: height,
-            padding = 2
-          } = this.attribute,
-          [top, right, bottom, left] = normalizePadding(padding),
-          renderBounds = {
-            x1: left,
-            y1: top,
-            x2: width - right,
-            y2: height - bottom,
-            width: Math.max(0, width - (left + right)),
-            height: Math.max(0, height - (top + bottom))
-          };
-        return this._sliderRenderBounds = renderBounds, renderBounds;
-      }
-      _getDefaultSliderCornerRadius() {
-        const {
-          direction: direction,
-          round: round
-        } = this.attribute;
-        if (round) {
-          const {
-            width: width,
-            height: height
-          } = this.getSliderRenderBounds();
-          return "horizontal" === direction ? height : width;
-        }
-        return 0;
-      }
-      _getSliderPos(range) {
-        const {
-            direction: direction
-          } = this.attribute,
-          {
-            width: width,
-            height: height,
-            x1: x1,
-            y1: y1
-          } = this.getSliderRenderBounds();
-        return "horizontal" === direction ? [width * range[0] + x1, width * range[1] + x1] : [height * range[0] + y1, height * range[1] + y1];
       }
-      _getScrollRange() {
-        if (this._sliderLimitRange) return this._sliderLimitRange;
-        const {
-            limitRange = [0, 1],
-            direction: direction
-          } = this.attribute,
-          [min, max] = clampRange$1(limitRange, 0, 1),
-          {
-            width: width,
-            height: height,
-            x1: x1,
-            y1: y1
-          } = this.getSliderRenderBounds(),
-          sliderSize = this._sliderSize;
-        return "horizontal" === direction ? clampRange$1([x1 + min * width, x1 + max * width], x1, width - sliderSize) : clampRange$1([y1 + min * height, y1 + max * height], y1, height - sliderSize);
+      return newPixels;
+    };
+    deinterlace$1.deinterlace = deinterlace;
+
+    var lzw$1 = {};
+
+    Object.defineProperty(lzw$1, "__esModule", {
+      value: true
+    });
+    lzw$1.lzw = void 0;
+
+    /**
+     * javascript port of java LZW decompression
+     * Original java author url: https://gist.github.com/devunwired/4479231
+     */
+    var lzw = function lzw(minCodeSize, data, pixelCount) {
+      var MAX_STACK_SIZE = 4096;
+      var nullCode = -1;
+      var npix = pixelCount;
+      var available, clear, code_mask, code_size, end_of_information, in_code, old_code, bits, code, i, datum, data_size, first, top, bi, pi;
+      var dstPixels = new Array(pixelCount);
+      var prefix = new Array(MAX_STACK_SIZE);
+      var suffix = new Array(MAX_STACK_SIZE);
+      var pixelStack = new Array(MAX_STACK_SIZE + 1); // Initialize GIF data stream decoder.
+
+      data_size = minCodeSize;
+      clear = 1 << data_size;
+      end_of_information = clear + 1;
+      available = clear + 2;
+      old_code = nullCode;
+      code_size = data_size + 1;
+      code_mask = (1 << code_size) - 1;
+      for (code = 0; code < clear; code++) {
+        prefix[code] = 0;
+        suffix[code] = code;
+      } // Decode GIF pixel stream.
+
+      var datum, bits, first, top, pi, bi;
+      datum = bits = first = top = pi = bi = 0;
+      for (i = 0; i < npix;) {
+        if (top === 0) {
+          if (bits < code_size) {
+            // get the next byte
+            datum += data[bi] << bits;
+            bits += 8;
+            bi++;
+            continue;
+          } // Get the next code.
+
+          code = datum & code_mask;
+          datum >>= code_size;
+          bits -= code_size; // Interpret the code
+
+          if (code > available || code == end_of_information) {
+            break;
+          }
+          if (code == clear) {
+            // Reset decoder.
+            code_size = data_size + 1;
+            code_mask = (1 << code_size) - 1;
+            available = clear + 2;
+            old_code = nullCode;
+            continue;
+          }
+          if (old_code == nullCode) {
+            pixelStack[top++] = suffix[code];
+            old_code = code;
+            first = code;
+            continue;
+          }
+          in_code = code;
+          if (code == available) {
+            pixelStack[top++] = first;
+            code = old_code;
+          }
+          while (code > clear) {
+            pixelStack[top++] = suffix[code];
+            code = prefix[code];
+          }
+          first = suffix[code] & 0xff;
+          pixelStack[top++] = first; // add a new string to the table, but only if space is available
+          // if not, just continue with current table until a clear code is found
+          // (deferred clear code implementation as per GIF spec)
+
+          if (available < MAX_STACK_SIZE) {
+            prefix[available] = old_code;
+            suffix[available] = first;
+            available++;
+            if ((available & code_mask) === 0 && available < MAX_STACK_SIZE) {
+              code_size++;
+              code_mask += available;
+            }
+          }
+          old_code = in_code;
+        } // Pop a pixel off the pixel stack.
+
+        top--;
+        dstPixels[pi++] = pixelStack[top];
+        i++;
       }
-      _reset() {
-        this._sliderRenderBounds = null, this._sliderLimitRange = null;
+      for (i = pi; i < npix; i++) {
+        dstPixels[i] = 0; // clear missing pixels
       }
+
+      return dstPixels;
+    };
+    lzw$1.lzw = lzw;
+
+    Object.defineProperty(lib$1, "__esModule", {
+      value: true
+    });
+    var decompressFrames_1 = lib$1.decompressFrames = lib$1.decompressFrame = parseGIF_1 = lib$1.parseGIF = void 0;
+    var _gif = _interopRequireDefault(gif);
+    var _jsBinarySchemaParser = lib;
+    var _uint = uint8;
+    var _deinterlace = deinterlace$1;
+    var _lzw = lzw$1;
+    function _interopRequireDefault(obj) {
+      return obj && obj.__esModule ? obj : {
+        "default": obj
+      };
     }
-    ScrollBar.defaultAttributes = {
-      direction: "horizontal",
-      round: !0,
-      sliderSize: 20,
-      sliderStyle: {
-        fill: "rgba(0, 0, 0, .5)"
-      },
-      railStyle: {
-        fill: "rgba(0, 0, 0, .0)"
-      },
-      padding: 2,
-      scrollRange: [0, 1],
-      delayType: "throttle",
-      delayTime: 0,
-      realTime: !0
+    var parseGIF = function parseGIF(arrayBuffer) {
+      var byteData = new Uint8Array(arrayBuffer);
+      return (0, _jsBinarySchemaParser.parse)((0, _uint.buildStream)(byteData), _gif["default"]);
+    };
+    var parseGIF_1 = lib$1.parseGIF = parseGIF;
+    var generatePatch = function generatePatch(image) {
+      var totalPixels = image.pixels.length;
+      var patchData = new Uint8ClampedArray(totalPixels * 4);
+      for (var i = 0; i < totalPixels; i++) {
+        var pos = i * 4;
+        var colorIndex = image.pixels[i];
+        var color = image.colorTable[colorIndex] || [0, 0, 0];
+        patchData[pos] = color[0];
+        patchData[pos + 1] = color[1];
+        patchData[pos + 2] = color[2];
+        patchData[pos + 3] = colorIndex !== image.transparentIndex ? 255 : 0;
+      }
+      return patchData;
     };
+    var decompressFrame = function decompressFrame(frame, gct, buildImagePatch) {
+      if (!frame.image) {
+        return;
+      }
+      var image = frame.image; // get the number of pixels
 
-    function traverseGroup(group, cb) {
-      group.forEachChildren(node => {
-        const stopped = cb(node);
-        node.isContainer && !stopped && traverseGroup(node, cb);
+      var totalPixels = image.descriptor.width * image.descriptor.height; // do lzw decompression
+
+      var pixels = (0, _lzw.lzw)(image.data.minCodeSize, image.data.blocks, totalPixels); // deal with interlacing if necessary
+
+      if (image.descriptor.lct.interlaced) {
+        pixels = (0, _deinterlace.deinterlace)(pixels, image.descriptor.width);
+      }
+      var resultImage = {
+        pixels: pixels,
+        dims: {
+          top: frame.image.descriptor.top,
+          left: frame.image.descriptor.left,
+          width: frame.image.descriptor.width,
+          height: frame.image.descriptor.height
+        }
+      }; // color table
+
+      if (image.descriptor.lct && image.descriptor.lct.exists) {
+        resultImage.colorTable = image.lct;
+      } else {
+        resultImage.colorTable = gct;
+      } // add per frame relevant gce information
+
+      if (frame.gce) {
+        resultImage.delay = (frame.gce.delay || 10) * 10; // convert to ms
+
+        resultImage.disposalType = frame.gce.extras.disposal; // transparency
+
+        if (frame.gce.extras.transparentColorGiven) {
+          resultImage.transparentIndex = frame.gce.transparentColorIndex;
+        }
+      } // create canvas usable imagedata if desired
+
+      if (buildImagePatch) {
+        resultImage.patch = generatePatch(resultImage);
+      }
+      return resultImage;
+    };
+    lib$1.decompressFrame = decompressFrame;
+    var decompressFrames = function decompressFrames(parsedGif, buildImagePatches) {
+      return parsedGif.frames.filter(function (f) {
+        return f.image;
+      }).map(function (f) {
+        return decompressFrame(f, parsedGif.gct, buildImagePatches);
       });
+    };
+    decompressFrames_1 = lib$1.decompressFrames = decompressFrames;
+
+    const browser$1 = isBrowserEnv();
+
+    function _registerArc() {
+      _registerArc.__loaded || (_registerArc.__loaded = !0, registerArcGraphic(), container.load(arcModule), container.load(browser$1 ? arcCanvasPickModule : arcMathPickModule));
     }
+    _registerArc.__loaded = !1;
+    const registerArc = _registerArc;
 
-    function scale(vector, scale) {
-      return [vector[0] * scale, vector[1] * scale];
+    function _registerCircle() {
+      _registerCircle.__loaded || (_registerCircle.__loaded = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser$1 ? circleCanvasPickModule : circleMathPickModule));
     }
-    function length(vector) {
-      const [x, y] = vector;
-      return Math.sqrt(x * x + y * y);
+    _registerCircle.__loaded = !1;
+    const registerCircle = _registerCircle;
+
+    function _registerGroup() {
+      _registerGroup.__loaded || (_registerGroup.__loaded = !0, registerGroupGraphic());
     }
-    function normalize$2(vector) {
-      let len = length(vector);
-      return len > 0 && (len = 1 / len), [vector[0] * len, vector[1] * len];
+    _registerGroup.__loaded = !1;
+    const registerGroup = _registerGroup;
+
+    function _registerImage() {
+      _registerImage.__loaded || (_registerImage.__loaded = !0, registerImageGraphic(), container.load(imageModule), container.load(browser$1 ? imageCanvasPickModule : imageMathPickModule));
     }
-    function angle(vector1, vector2) {
-      const [x1, y1] = vector1,
-        [x2, y2] = vector2,
-        mag = Math.sqrt((x1 * x1 + y1 * y1) * (x2 * x2 + y2 * y2)),
-        cosine = mag && (x1 * x2 + y1 * y2) / mag;
-      return Math.acos(Math.min(Math.max(cosine, -1), 1));
+    _registerImage.__loaded = !1;
+    const registerImage = _registerImage;
+
+    function _registerLine() {
+      _registerLine.__loaded || (_registerLine.__loaded = !0, registerLineGraphic(), container.load(lineModule), container.load(browser$1 ? lineCanvasPickModule : lineMathPickModule));
     }
-    function angleTo(v1, v2, direct) {
-      const ang = angle(v1, v2),
-        angleLargeThanPI = crossProduct(v1, v2) >= 0;
-      return direct ? angleLargeThanPI ? 2 * Math.PI - ang : ang : angleLargeThanPI ? ang : 2 * Math.PI - ang;
+    _registerLine.__loaded = !1;
+    const registerLine = _registerLine;
+
+    function _registerPath() {
+      _registerPath.__loaded || (_registerPath.__loaded = !0, registerPathGraphic(), container.load(pathModule), container.load(browser$1 ? pathCanvasPickModule : pathMathPickModule));
     }
+    _registerPath.__loaded = !1;
+    const registerPath = _registerPath;
 
-    const initTextMeasure = (textSpec, option, useNaiveCanvas, defaultFontParams) => new TextMeasure$1(Object.assign({
-      defaultFontParams: Object.assign({
-        fontFamily: DEFAULT_TEXT_FONT_FAMILY$1,
-        fontSize: DEFAULT_TEXT_FONT_SIZE$1
-      }, defaultFontParams),
-      getTextBounds: useNaiveCanvas ? void 0 : getTextBounds,
-      specialCharSet: "-/: .,@%'\"~" + TextMeasure$1.ALPHABET_CHAR_SET + TextMeasure$1.ALPHABET_CHAR_SET.toUpperCase()
-    }, null != option ? option : {}), textSpec);
-    function measureTextSize(text, textSpec) {
-      let defaultTextTheme = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      if (!text) return {
-        width: 0,
-        height: 0
-      };
-      const bounds = getTextBounds({
-        text: text,
-        fontFamily: textSpec.fontFamily || defaultTextTheme.fontFamily || DEFAULT_TEXT_FONT_FAMILY$1,
-        fontSize: textSpec.fontSize || defaultTextTheme.fontSize || 12,
-        fontWeight: textSpec.fontWeight || defaultTextTheme.fontWeight,
-        textAlign: textSpec.textAlign || "center",
-        textBaseline: textSpec.textBaseline,
-        ellipsis: !!textSpec.ellipsis,
-        maxLineWidth: textSpec.maxLineWidth || 1 / 0,
-        lineHeight: textSpec.fontSize || defaultTextTheme.fontSize || 12
-      });
-      return {
-        width: bounds.width(),
-        height: bounds.height()
-      };
+    function _registerPolygon() {
+      _registerPolygon.__loaded || (_registerPolygon.__loaded = !0, registerPolygonGraphic(), container.load(polygonModule), container.load(browser$1 ? polygonCanvasPickModule : polygonMathPickModule));
     }
-    function isRichText(attributes) {
-      let typeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "type";
-      return "rich" === getTextType(attributes, typeKey);
+    _registerPolygon.__loaded = !1;
+    const registerPolygon = _registerPolygon;
+
+    function _registerRect() {
+      _registerRect.__loaded || (_registerRect.__loaded = !0, registerRectGraphic(), container.load(rectModule), container.load(browser$1 ? rectCanvasPickModule : rectMathPickModule));
     }
-    function getTextType(attributes) {
-      let typeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "type";
-      var _a, _b;
-      return isObject$6(attributes.text) && "type" in attributes.text ? null !== (_a = attributes.text.type) && void 0 !== _a ? _a : "text" : typeKey in attributes && null !== (_b = attributes[typeKey]) && void 0 !== _b ? _b : "text";
+    _registerRect.__loaded = !1;
+    const registerRect = _registerRect;
+
+    function _registerRichtext() {
+      _registerRichtext.__loaded || (_registerRichtext.__loaded = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser$1 ? richtextCanvasPickModule : richTextMathPickModule));
     }
-    function richTextAttributeTransform(attributes) {
-      var _a, _b;
-      return isValid$3(attributes.maxLineWidth) && (attributes.maxWidth = attributes.maxLineWidth, delete attributes.maxLineWidth), attributes.width = null !== (_a = attributes.width) && void 0 !== _a ? _a : 0, attributes.height = null !== (_b = attributes.height) && void 0 !== _b ? _b : 0, attributes.textConfig = attributes.text.text || attributes.text, attributes;
+    _registerRichtext.__loaded = !1;
+    const registerRichtext = _registerRichtext;
+
+    function _registerShadowRoot() {
+      _registerShadowRoot.__loaded || (_registerShadowRoot.__loaded = !0, registerShadowRootGraphic());
     }
-    function htmlAttributeTransform(attributes) {
-      const {
-          text: text,
-          _originText: _originText
-        } = attributes,
-        {
-          text: html
-        } = text;
+    _registerShadowRoot.__loaded = !1;
+    const registerShadowRoot = _registerShadowRoot;
+
+    function _registerSymbol() {
+      _registerSymbol.__loaded || (_registerSymbol.__loaded = !0, registerSymbolGraphic(), container.load(symbolModule), container.load(browser$1 ? symbolCanvasPickModule : symbolMathPickModule));
+    }
+    _registerSymbol.__loaded = !1;
+    const registerSymbol = _registerSymbol;
+
+    function _registerText() {
+      _registerText.__loaded || (_registerText.__loaded = !0, registerTextGraphic(), container.load(textModule), container.load(browser$1 ? textCanvasPickModule : textMathPickModule));
+    }
+    _registerText.__loaded = !1;
+    const registerText = _registerText;
+
+    function _registerWrapText() {
+      _registerWrapText.__loaded || (_registerWrapText.__loaded = !0, registerWrapTextGraphic());
+    }
+    _registerWrapText.__loaded = !1;
+    const registerWrapText = _registerWrapText;
+
+    function loadScrollbarComponent() {
+      registerGroup(), registerRect();
+    }
+
+    const DEFAULT_TEXT_FONT_FAMILY$1 = "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol";
+    const DEFAULT_TEXT_FONT_SIZE$1 = 14;
+    var StateValue;
+    !function (StateValue) {
+      StateValue.selected = "selected", StateValue.selectedReverse = "selected_reverse", StateValue.hover = "hover", StateValue.hoverReverse = "hover_reverse";
+    }(StateValue || (StateValue = {}));
+    const DEFAULT_STATES$2 = {
+      [StateValue.selectedReverse]: {},
+      [StateValue.selected]: {},
+      [StateValue.hover]: {},
+      [StateValue.hoverReverse]: {}
+    };
+    const DEFAULT_HTML_TEXT_SPEC = {
+      container: "",
+      width: 30,
+      height: 30,
+      style: {}
+    };
+    const SCROLLBAR_EVENT = "scrollDrag";
+
+    const delayMap = {
+      debounce: debounce$1,
+      throttle: throttle$1
+    };
+    loadScrollbarComponent();
+    class ScrollBar extends AbstractComponent {
+      constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, ScrollBar.defaultAttributes, attributes)), this.name = "scrollbar", this._onRailPointerDown = e => {
+          const {
+              viewX: viewX,
+              viewY: viewY
+            } = e,
+            {
+              direction: direction,
+              width: width,
+              height: height,
+              range: range
+            } = this.attribute,
+            sliderSize = this._sliderSize,
+            [min, max] = this._getScrollRange();
+          let currentScrollValue;
+          if ("vertical" === direction) {
+            const relativeY = viewY - this._viewPosition.y,
+              currentYPos = clamp$3(relativeY - sliderSize / 2, min, max);
+            currentScrollValue = relativeY / height, this._slider.setAttribute("y", currentYPos, !0);
+          } else {
+            const relativeX = viewX - this._viewPosition.x,
+              currentXPos = clamp$3(relativeX - sliderSize / 2, min, max);
+            currentScrollValue = relativeX / width, this._slider.setAttribute("x", currentXPos, !0);
+          }
+          this.setScrollRange([currentScrollValue - (range[1] - range[0]) / 2, currentScrollValue + (range[1] - range[0]) / 2], !1), this.stage && !this.stage.autoRender && this.stage.renderNextFrame();
+        }, this._onSliderPointerDown = e => {
+          const {
+            stopSliderDownPropagation = !0
+          } = this.attribute;
+          stopSliderDownPropagation && e.stopPropagation();
+          const {
+              direction: direction
+            } = this.attribute,
+            {
+              x: x,
+              y: y
+            } = this.stage.eventPointTransform(e);
+          this._prePos = "horizontal" === direction ? x : y, this._dispatchEvent("scrollDown", {
+            pos: this._prePos,
+            event: e
+          }), "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
+            capture: !0
+          }), vglobal.addEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
+            capture: !0
+          }), this.stage.addEventListener("pointerup", this._onSliderPointerUp), this.stage.addEventListener("pointerupoutside", this._onSliderPointerUp));
+        }, this._computeScrollValue = e => {
+          const {
+              direction: direction
+            } = this.attribute,
+            {
+              x: x,
+              y: y
+            } = this.stage.eventPointTransform(e);
+          let currentScrollValue,
+            currentPos,
+            delta = 0;
+          const {
+            width: width,
+            height: height
+          } = this.getSliderRenderBounds();
+          return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
+        }, this._onSliderPointerMove = e => {
+          const {
+            stopSliderMovePropagation = !0
+          } = this.attribute;
+          stopSliderMovePropagation && e.stopPropagation();
+          const preScrollRange = this.getScrollRange(),
+            [currentPos, currentScrollValue] = this._computeScrollValue(e);
+          this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], !0), this._prePos = currentPos;
+        }, this._onSliderPointerMoveWithDelay = 0 === this.attribute.delayTime ? this._onSliderPointerMove : delayMap[this.attribute.delayType](this._onSliderPointerMove, this.attribute.delayTime), this._onSliderPointerUp = e => {
+          e.preventDefault();
+          const {
+              realTime = !0,
+              range: preRange,
+              limitRange = [0, 1]
+            } = this.attribute,
+            preScrollRange = this.getScrollRange(),
+            [currentPos, currentScrollValue] = this._computeScrollValue(e),
+            range = [preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue];
+          this._dispatchEvent("scrollUp", {
+            pre: preRange,
+            value: clampRange$1(range, limitRange[0], limitRange[1])
+          }), "browser" === vglobal.env ? (vglobal.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
+            capture: !0
+          }), vglobal.removeEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
+            capture: !0
+          }), this.stage.removeEventListener("pointerup", this._onSliderPointerUp), this.stage.removeEventListener("pointerupoutside", this._onSliderPointerUp));
+        };
+      }
+      setScrollRange(range) {
+        let render = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+        const {
+            direction = "horizontal",
+            limitRange = [0, 1],
+            range: preRange,
+            realTime = !0
+          } = this.attribute,
+          currScrollRange = clampRange$1(range, limitRange[0], limitRange[1]);
+        if (render) {
+          const sliderPos = this._getSliderPos(currScrollRange);
+          if (this._slider) {
+            const sliderSize = sliderPos[1] - sliderPos[0];
+            this._sliderSize = sliderSize, "horizontal" === direction ? this._slider.setAttributes({
+              x: sliderPos[0],
+              width: sliderSize
+            }, !0) : this._slider.setAttributes({
+              y: sliderPos[0],
+              height: sliderSize
+            }, !0), this.stage && !this.stage.autoRender && this.stage.renderNextFrame();
+          }
+        }
+        this.attribute.range = currScrollRange, realTime && this._dispatchEvent(SCROLLBAR_EVENT, {
+          pre: preRange,
+          value: currScrollRange
+        });
+      }
+      getScrollRange() {
+        return this.attribute.range;
+      }
+      bindEvents() {
+        if (this.attribute.disableTriggerEvent) return;
+        const {
+          delayType = "throttle",
+          delayTime = 0
+        } = this.attribute;
+        this._rail && this._rail.addEventListener("pointerdown", delayMap[delayType](this._onRailPointerDown, delayTime)), this._slider && this._slider.addEventListener("pointerdown", this._onSliderPointerDown);
+      }
+      render() {
+        this._reset();
+        const {
+            direction = "horizontal",
+            width: width,
+            height: height,
+            range: range,
+            limitRange = [0, 1],
+            railStyle: railStyle,
+            sliderStyle: sliderStyle,
+            padding = 2
+          } = this.attribute,
+          group = this.createOrUpdateChild("scrollbar-container", {}, "group"),
+          rail = group.createOrUpdateChild("scrollbar-rail", Object.assign({
+            x: 0,
+            y: 0,
+            width: width,
+            height: height
+          }, railStyle), "rect");
+        this._rail = rail;
+        const sliderRenderBounds = this.getSliderRenderBounds(),
+          sliderPos = this._getSliderPos(clampRange$1(range, limitRange[0], limitRange[1])),
+          sliderSize = sliderPos[1] - sliderPos[0];
+        let sliderAttribute;
+        this._sliderSize = sliderSize, sliderAttribute = "horizontal" === direction ? {
+          x: sliderPos[0],
+          y: sliderRenderBounds.y1,
+          width: sliderSize,
+          height: sliderRenderBounds.height
+        } : {
+          x: sliderRenderBounds.x1,
+          y: sliderPos[0],
+          width: sliderRenderBounds.width,
+          height: sliderSize
+        };
+        const slider = group.createOrUpdateChild("slider", Object.assign(Object.assign(Object.assign(Object.assign({}, sliderAttribute), {
+          cornerRadius: this._getDefaultSliderCornerRadius()
+        }), sliderStyle), {
+          boundsPadding: normalizePadding(padding),
+          pickMode: "imprecise"
+        }), "rect");
+        this._slider = slider, this._container = group;
+        const containerAABBBounds = this._container.AABBBounds;
+        this._viewPosition = {
+          x: containerAABBBounds.x1,
+          y: containerAABBBounds.y1
+        };
+      }
+      getSliderRenderBounds() {
+        if (this._sliderRenderBounds) return this._sliderRenderBounds;
+        const {
+            width: width,
+            height: height,
+            padding = 2
+          } = this.attribute,
+          [top, right, bottom, left] = normalizePadding(padding),
+          renderBounds = {
+            x1: left,
+            y1: top,
+            x2: width - right,
+            y2: height - bottom,
+            width: Math.max(0, width - (left + right)),
+            height: Math.max(0, height - (top + bottom))
+          };
+        return this._sliderRenderBounds = renderBounds, renderBounds;
+      }
+      _getDefaultSliderCornerRadius() {
+        const {
+          direction: direction,
+          round: round
+        } = this.attribute;
+        if (round) {
+          const {
+            width: width,
+            height: height
+          } = this.getSliderRenderBounds();
+          return "horizontal" === direction ? height : width;
+        }
+        return 0;
+      }
+      _getSliderPos(range) {
+        const {
+            direction: direction
+          } = this.attribute,
+          {
+            width: width,
+            height: height,
+            x1: x1,
+            y1: y1
+          } = this.getSliderRenderBounds();
+        return "horizontal" === direction ? [width * range[0] + x1, width * range[1] + x1] : [height * range[0] + y1, height * range[1] + y1];
+      }
+      _getScrollRange() {
+        if (this._sliderLimitRange) return this._sliderLimitRange;
+        const {
+            limitRange = [0, 1],
+            direction: direction
+          } = this.attribute,
+          [min, max] = clampRange$1(limitRange, 0, 1),
+          {
+            width: width,
+            height: height,
+            x1: x1,
+            y1: y1
+          } = this.getSliderRenderBounds(),
+          sliderSize = this._sliderSize;
+        return "horizontal" === direction ? clampRange$1([x1 + min * width, x1 + max * width], x1, width - sliderSize) : clampRange$1([y1 + min * height, y1 + max * height], y1, height - sliderSize);
+      }
+      _reset() {
+        this._sliderRenderBounds = null, this._sliderLimitRange = null;
+      }
+    }
+    ScrollBar.defaultAttributes = {
+      direction: "horizontal",
+      round: !0,
+      sliderSize: 20,
+      sliderStyle: {
+        fill: "rgba(0, 0, 0, .5)"
+      },
+      railStyle: {
+        fill: "rgba(0, 0, 0, .0)"
+      },
+      padding: 2,
+      scrollRange: [0, 1],
+      delayType: "throttle",
+      delayTime: 0,
+      realTime: !0
+    };
+
+    function traverseGroup(group, cb) {
+      group.forEachChildren(node => {
+        const stopped = cb(node);
+        node.isContainer && !stopped && traverseGroup(node, cb);
+      });
+    }
+
+    function scale(vector, scale) {
+      return [vector[0] * scale, vector[1] * scale];
+    }
+    function length(vector) {
+      const [x, y] = vector;
+      return Math.sqrt(x * x + y * y);
+    }
+    function normalize$2(vector) {
+      let len = length(vector);
+      return len > 0 && (len = 1 / len), [vector[0] * len, vector[1] * len];
+    }
+    function angle(vector1, vector2) {
+      const [x1, y1] = vector1,
+        [x2, y2] = vector2,
+        mag = Math.sqrt((x1 * x1 + y1 * y1) * (x2 * x2 + y2 * y2)),
+        cosine = mag && (x1 * x2 + y1 * y2) / mag;
+      return Math.acos(Math.min(Math.max(cosine, -1), 1));
+    }
+    function angleTo(v1, v2, direct) {
+      const ang = angle(v1, v2),
+        angleLargeThanPI = crossProduct(v1, v2) >= 0;
+      return direct ? angleLargeThanPI ? 2 * Math.PI - ang : ang : angleLargeThanPI ? ang : 2 * Math.PI - ang;
+    }
+
+    const initTextMeasure = (textSpec, option, useNaiveCanvas, defaultFontParams) => new TextMeasure$1(Object.assign({
+      defaultFontParams: Object.assign({
+        fontFamily: DEFAULT_TEXT_FONT_FAMILY$1,
+        fontSize: DEFAULT_TEXT_FONT_SIZE$1
+      }, defaultFontParams),
+      getTextBounds: useNaiveCanvas ? void 0 : getTextBounds,
+      specialCharSet: "-/: .,@%'\"~" + TextMeasure$1.ALPHABET_CHAR_SET + TextMeasure$1.ALPHABET_CHAR_SET.toUpperCase()
+    }, null != option ? option : {}), textSpec);
+    function measureTextSize(text, textSpec) {
+      let defaultTextTheme = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (!text) return {
+        width: 0,
+        height: 0
+      };
+      const bounds = getTextBounds({
+        text: text,
+        fontFamily: textSpec.fontFamily || defaultTextTheme.fontFamily || DEFAULT_TEXT_FONT_FAMILY$1,
+        fontSize: textSpec.fontSize || defaultTextTheme.fontSize || 12,
+        fontWeight: textSpec.fontWeight || defaultTextTheme.fontWeight,
+        textAlign: textSpec.textAlign || "center",
+        textBaseline: textSpec.textBaseline,
+        ellipsis: !!textSpec.ellipsis,
+        maxLineWidth: textSpec.maxLineWidth || 1 / 0,
+        lineHeight: textSpec.fontSize || defaultTextTheme.fontSize || 12
+      });
+      return {
+        width: bounds.width(),
+        height: bounds.height()
+      };
+    }
+    function isRichText(attributes) {
+      let typeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "type";
+      return "rich" === getTextType(attributes, typeKey);
+    }
+    function getTextType(attributes) {
+      let typeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "type";
+      var _a, _b;
+      return isObject$6(attributes.text) && "type" in attributes.text ? null !== (_a = attributes.text.type) && void 0 !== _a ? _a : "text" : typeKey in attributes && null !== (_b = attributes[typeKey]) && void 0 !== _b ? _b : "text";
+    }
+    function richTextAttributeTransform(attributes) {
+      var _a, _b;
+      return isValid$3(attributes.maxLineWidth) && (attributes.maxWidth = attributes.maxLineWidth, delete attributes.maxLineWidth), attributes.width = null !== (_a = attributes.width) && void 0 !== _a ? _a : 0, attributes.height = null !== (_b = attributes.height) && void 0 !== _b ? _b : 0, attributes.textConfig = attributes.text.text || attributes.text, attributes;
+    }
+    function htmlAttributeTransform(attributes) {
+      const {
+          text: text,
+          _originText: _originText
+        } = attributes,
+        {
+          text: html
+        } = text;
       return attributes.html = html, attributes.text = _originText, attributes.renderable = !1, attributes;
     }
     function reactAttributeTransform(attributes) {
@@ -25183,7 +25781,7 @@
         super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, Title.defaultAttributes, attributes)), this.name = "title";
       }
       render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
         const {
             textType: textType,
             text: text,
@@ -25206,11 +25804,11 @@
             x: parsedPadding[3],
             y: parsedPadding[0],
             zIndex: 1
-          }, "group");
+          }, "group"),
+          fixedMainTitleHeight = null !== (_a = textStyle.height) && void 0 !== _a ? _a : height;
         if (!1 !== this.attribute.visible && !1 !== textStyle.visible) {
           const {
             width: mainTitleWidth,
-            height: mainTitleHeight,
             maxHeight: mainTitleMaxHeight,
             maxWidth: mainTitleMaxWidth,
             x = 0,
@@ -25224,8 +25822,8 @@
             const attr = Object.assign({
               x: x,
               y: y,
-              width: null !== (_a = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _a ? _a : 0,
-              height: null !== (_b = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _b ? _b : 0,
+              width: null !== (_b = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _b ? _b : 0,
+              height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
               ellipsis: null == ellipsis || ellipsis,
               wordBreak: null != wordBreak ? wordBreak : "break-word",
               maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -25241,7 +25839,7 @@
               x: x,
               y: y,
               width: null !== (_d = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _d ? _d : 0,
-              height: null !== (_e = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _e ? _e : 0,
+              height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
               ellipsis: ellipsis,
               wordBreak: wordBreak,
               maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -25253,16 +25851,16 @@
             text: isArray$3(text) ? text : [text],
             whiteSpace: "normal"
           }, textStyle), {
-            maxLineWidth: null !== (_g = null !== (_f = textStyle.maxLineWidth) && void 0 !== _f ? _f : mainTitleWidth) && void 0 !== _g ? _g : width,
-            heightLimit: null != mainTitleHeight ? mainTitleHeight : maxHeight,
+            maxLineWidth: null !== (_f = null !== (_e = textStyle.maxLineWidth) && void 0 !== _e ? _e : mainTitleWidth) && void 0 !== _f ? _f : width,
+            heightLimit: null !== (_g = textStyle.height) && void 0 !== _g ? _g : maxHeight,
             lineClamp: lineClamp,
             ellipsis: ellipsis,
             x: x,
             y: y
           }), "text"));
         }
-        const maintextHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0,
-          maintextWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
+        const mainTextBoundsHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0,
+          mainTextBoundsWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
         if (!1 !== this.attribute.visible && !1 !== subtextStyle.visible) {
           const {
               width: subTitleWidth,
@@ -25275,7 +25873,7 @@
               wordBreak = "break-word",
               lineClamp: lineClamp
             } = subtextStyle,
-            maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - maintextHeight);
+            maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - mainTextBoundsHeight);
           if ("rich" === subtextType || isValid$3(subtextStyle.character)) {
             const attr = Object.assign({
               x: x,
@@ -25314,36 +25912,35 @@
             lineClamp: lineClamp,
             ellipsis: ellipsis,
             x: 0,
-            y: maintextHeight
+            y: mainTextBoundsHeight
           }), "text"));
         }
-        const subtextHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0,
-          subtextWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
-        let titleWidth = Math.max(maintextWidth, subtextWidth),
-          titleHeight = maintextHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subtextHeight);
-        if (isValid$3(width) && (titleWidth = width), isValid$3(height) && (titleHeight = height), isValid$3(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid$3(maxWidth) && titleWidth > maxWidth && (titleWidth = maxWidth), isValid$3(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid$3(maxHeight) && titleHeight > maxHeight && (titleHeight = maxHeight), group.attribute.width = titleWidth, group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, this._mainTitle) {
+        const subTextBoundsHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0,
+          subTextBoundsWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
+        let totalWidth = Math.max(mainTextBoundsWidth, subTextBoundsWidth),
+          totalHeight = mainTextBoundsHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subTextBoundsHeight);
+        if (isValid$3(width) && (totalWidth = width), isValid$3(height) && (totalHeight = height), isValid$3(minWidth) && totalWidth < minWidth && (totalWidth = minWidth), isValid$3(maxWidth) && totalWidth > maxWidth && (totalWidth = maxWidth), isValid$3(minHeight) && totalHeight < minHeight && (totalHeight = minHeight), isValid$3(maxHeight) && totalHeight > maxHeight && (totalHeight = maxHeight), group.attribute.width = totalWidth, group.attribute.height = totalHeight, group.attribute.boundsPadding = parsedPadding, this._mainTitle) {
           if (isValid$3(align) || isValid$3(textStyle.align)) {
             const mainTitleAlign = textStyle.align ? textStyle.align : align,
-              mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : maintextWidth;
-            "left" === mainTitleAlign ? (this._mainTitle.setAttribute("x", 0), this._mainTitle.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (this._mainTitle.setAttribute("x", mainTitleWidth), this._mainTitle.setAttribute("textAlign", "right"));
+              mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : totalWidth;
+            "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth), this._mainTitle.setAttribute("textAlign", "right")) : (this._mainTitle.setAttribute("x", 0), this._mainTitle.setAttribute("textAlign", "left"));
           }
           if (isValid$3(verticalAlign) || isValid$3(textStyle.verticalAlign)) {
-            const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign,
-              mainTitleHeight = textStyle.height ? textStyle.height : titleHeight;
-            "top" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", 0), this._mainTitle.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", mainTitleHeight / 2), this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (this._mainTitle.setAttribute("y", mainTitleHeight), this._mainTitle.setAttribute("textBaseline", "bottom"));
+            const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;
+            "middle" === mainTitleVerticalAlign && isValid$3(fixedMainTitleHeight) ? (this._mainTitle.setAttribute("y", fixedMainTitleHeight / 2), this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && isValid$3(fixedMainTitleHeight) ? (this._mainTitle.setAttribute("y", fixedMainTitleHeight), this._mainTitle.setAttribute("textBaseline", "bottom")) : (this._mainTitle.setAttribute("y", 0), this._mainTitle.setAttribute("textBaseline", "top"));
           }
         }
         if (this._subTitle) {
           if (isValid$3(align) || isValid$3(subtextStyle.align)) {
             const subTitleAlign = subtextStyle.align ? subtextStyle.align : align,
-              subTitleWidth = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : subtextWidth;
-            "left" === subTitleAlign ? (this._subTitle.setAttribute("x", 0), this._subTitle.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (this._subTitle.setAttribute("x", subTitleWidth), this._subTitle.setAttribute("textAlign", "right"));
+              subTitleWidth = null !== (_t = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : textStyle.width) && void 0 !== _t ? _t : totalWidth;
+            "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth), this._subTitle.setAttribute("textAlign", "right")) : (this._subTitle.setAttribute("x", 0), this._subTitle.setAttribute("textAlign", "left"));
           }
           if (isValid$3(verticalAlign) || isValid$3(textStyle.verticalAlign)) {
             const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign,
-              subTitleYStart = maintextHeight,
-              subTitleHeight = null !== (_t = subtextStyle.height) && void 0 !== _t ? _t : 0;
-            "top" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart), this._subTitle.setAttribute("textBaseline", "top")) : "middle" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), this._subTitle.setAttribute("textBaseline", "bottom"));
+              subTitleYStart = this._mainTitle ? isValid$3(fixedMainTitleHeight) ? this._mainTitle.AABBBounds.y1 + Math.max(this._mainTitle.AABBBounds.height(), fixedMainTitleHeight) : this._mainTitle.AABBBounds.y2 : 0,
+              subTitleHeight = null !== (_u = subtextStyle.height) && void 0 !== _u ? _u : height;
+            "middle" === subTitleVerticalAlign && isValid$3(subTitleHeight) ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && isValid$3(subTitleHeight) ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), this._subTitle.setAttribute("textBaseline", "bottom")) : (this._subTitle.setAttribute("y", subTitleYStart), this._subTitle.setAttribute("textBaseline", "top"));
           }
         }
       }
@@ -26908,6 +27505,258 @@
       }
     }
 
+    class Aggregator {
+      constructor(config) {
+        var _a;
+        this.isAggregator = !0, this.isRecord = !0, this.records = [], this.key = config.key, this.field = config.field, this.formatFun = config.formatFun, this.isRecord = null !== (_a = config.isRecord) && void 0 !== _a ? _a : this.isRecord;
+      }
+      clearCacheValue() {
+        this._formatedValue = void 0;
+      }
+      formatValue(col, row, table) {
+        return this._formatedValue || (this.formatFun ? this._formatedValue = this.formatFun(this.value(), col, row, table) : this._formatedValue = this.value()), this._formatedValue;
+      }
+      reset() {
+        this.records = [], this.clearCacheValue();
+      }
+    }
+    class RecordAggregator extends Aggregator {
+      constructor() {
+        super(...arguments), this.type = AggregationType.RECORD, this.isRecord = !0;
+      }
+      push(record) {
+        record && this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), this.clearCacheValue();
+      }
+      deleteRecord(record) {
+        record && this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.clearCacheValue();
+      }
+      updateRecord(oldRecord, newRecord) {
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.clearCacheValue());
+      }
+      value() {
+        return this.records;
+      }
+      reset() {
+        this.records = [];
+      }
+      recalculate() {}
+    }
+    class NoneAggregator extends Aggregator {
+      constructor() {
+        super(...arguments), this.type = AggregationType.NONE, this.isRecord = !0;
+      }
+      push(record) {
+        record && (this.isRecord && (this.records = [record]), this.field && (this.fieldValue = record[this.field])), this.clearCacheValue();
+      }
+      deleteRecord(record) {
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field])), this.clearCacheValue();
+      }
+      updateRecord(oldRecord, newRecord) {
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field]), this.clearCacheValue());
+      }
+      value() {
+        return this.fieldValue;
+      }
+      reset() {
+        this.records = [], this.fieldValue = void 0;
+      }
+      recalculate() {}
+    }
+    class CustomAggregator extends Aggregator {
+      constructor(config) {
+        super(config), this.type = AggregationType.CUSTOM, this.isRecord = !0, this.values = [], this.aggregationFun = config.aggregationFun;
+      }
+      push(record) {
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), this.field && this.values.push(record[this.field])), this.clearCacheValue();
+      }
+      updateRecord(oldRecord, newRecord) {
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field])), this.clearCacheValue());
+      }
+      deleteRecord(record) {
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field]))), this.clearCacheValue();
+      }
+      value() {
+        var _a;
+        return this.fieldValue || (this.fieldValue = null === (_a = this.aggregationFun) || void 0 === _a ? void 0 : _a.call(this, this.values, this.records, this.field)), this.fieldValue;
+      }
+      reset() {
+        this.records = [], this.fieldValue = void 0;
+      }
+      recalculate() {}
+    }
+    class SumAggregator extends Aggregator {
+      constructor(config) {
+        var _a;
+        super(config), this.type = AggregationType.SUM, this.sum = 0, this.positiveSum = 0, this.nagetiveSum = 0, this.needSplitPositiveAndNegativeForSum = !1, this.needSplitPositiveAndNegativeForSum = null !== (_a = config.needSplitPositiveAndNegative) && void 0 !== _a && _a;
+      }
+      push(record) {
+        if (record) if (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator) {
+          const value = record.value();
+          this.sum += null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
+        } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
+          const value = parseFloat(record[this.field]);
+          this.sum += value, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
+        }
+        this.clearCacheValue();
+      }
+      deleteRecord(record) {
+        if (record) if (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator) {
+          const value = record.value();
+          this.sum -= null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum -= value : value < 0 && (this.nagetiveSum -= value));
+        } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
+          const value = parseFloat(record[this.field]);
+          this.sum -= value, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum -= value : value < 0 && (this.nagetiveSum -= value));
+        }
+        this.clearCacheValue();
+      }
+      updateRecord(oldRecord, newRecord) {
+        if (oldRecord && newRecord) {
+          if (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator) {
+            const oldValue = oldRecord.value(),
+              newValue = newRecord.value();
+            this.sum += newValue - oldValue, this.needSplitPositiveAndNegativeForSum && (oldValue > 0 ? this.positiveSum -= oldValue : oldValue < 0 && (this.nagetiveSum -= oldValue), newValue > 0 ? this.positiveSum += newValue : newValue < 0 && (this.nagetiveSum += newValue));
+          } else if (this.field && !isNaN(parseFloat(oldRecord[this.field]))) {
+            const oldValue = parseFloat(oldRecord[this.field]),
+              newValue = parseFloat(newRecord[this.field]);
+            this.sum += newValue - oldValue, this.needSplitPositiveAndNegativeForSum && (oldValue > 0 ? this.positiveSum -= oldValue : oldValue < 0 && (this.nagetiveSum -= oldValue), newValue > 0 ? this.positiveSum += newValue : newValue < 0 && (this.nagetiveSum += newValue));
+          }
+          this.clearCacheValue();
+        }
+      }
+      value() {
+        var _a;
+        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.sum : void 0;
+      }
+      positiveValue() {
+        return this.positiveSum;
+      }
+      negativeValue() {
+        return this.nagetiveSum;
+      }
+      reset() {
+        super.reset(), this.records = [], this.sum = 0;
+      }
+      recalculate() {
+        if (this.sum = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+          const record = this.records[i];
+          if (record.isAggregator) {
+            const value = record.value();
+            this.sum += null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
+          } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
+            const value = parseFloat(record[this.field]);
+            this.sum += value, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
+          }
+        }
+      }
+    }
+    class CountAggregator extends Aggregator {
+      constructor() {
+        super(...arguments), this.type = AggregationType.COUNT, this.count = 0;
+      }
+      push(record) {
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? this.count += record.value() : this.count++), this.clearCacheValue();
+      }
+      deleteRecord(record) {
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator ? this.count -= record.value() : this.count--), this.clearCacheValue();
+      }
+      updateRecord(oldRecord, newRecord) {
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && (this.count += newRecord.value() - oldRecord.value()));
+      }
+      value() {
+        return this.count;
+      }
+      reset() {
+        this.records = [], this.count = 0;
+      }
+      recalculate() {
+        if (this.count = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+          const record = this.records[i];
+          record.isAggregator ? this.count += record.value() : this.count++;
+        }
+      }
+    }
+    class AvgAggregator extends Aggregator {
+      constructor() {
+        super(...arguments), this.type = AggregationType.AVG, this.sum = 0, this.count = 0;
+      }
+      push(record) {
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && record.type === AggregationType.AVG ? (this.sum += record.sum, this.count += record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum += parseFloat(record[this.field]), this.count++)), this.clearCacheValue();
+      }
+      deleteRecord(record) {
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && record.type === AggregationType.AVG ? (this.sum -= record.sum, this.count -= record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum -= parseFloat(record[this.field]), this.count--)), this.clearCacheValue();
+      }
+      updateRecord(oldRecord, newRecord) {
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && oldRecord.type === AggregationType.AVG ? (this.sum += newRecord.sum - oldRecord.sum, this.count += newRecord.count - oldRecord.count) : this.field && !isNaN(parseFloat(oldRecord[this.field])) && (this.sum += parseFloat(newRecord[this.field]) - parseFloat(oldRecord[this.field])), this.clearCacheValue());
+      }
+      value() {
+        var _a;
+        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.sum / this.count : void 0;
+      }
+      reset() {
+        this.records = [], this.sum = 0, this.count = 0;
+      }
+      recalculate() {
+        if (this.sum = 0, this.count = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+          const record = this.records[i];
+          record.isAggregator && record.type === AggregationType.AVG ? (this.sum += record.sum, this.count += record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum += parseFloat(record[this.field]), this.count++);
+        }
+      }
+    }
+    class MaxAggregator extends Aggregator {
+      constructor() {
+        super(...arguments), this.type = AggregationType.MAX, this.max = Number.MIN_SAFE_INTEGER;
+      }
+      push(record) {
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? this.max = record.max > this.max ? record.max : this.max : "number" == typeof record ? this.max = record > this.max ? record : this.max : this.field && "number" == typeof record[this.field] ? this.max = record[this.field] > this.max ? record[this.field] : this.max : this.field && !isNaN(record[this.field]) && (this.max = parseFloat(record[this.field]) > this.max ? parseFloat(record[this.field]) : this.max)), this.clearCacheValue();
+      }
+      deleteRecord(record) {
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.recalculate());
+      }
+      updateRecord(oldRecord, newRecord) {
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
+      }
+      value() {
+        var _a;
+        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.max : void 0;
+      }
+      reset() {
+        this.records = [], this.max = Number.MIN_SAFE_INTEGER;
+      }
+      recalculate() {
+        if (this.max = Number.MIN_SAFE_INTEGER, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+          const record = this.records[i];
+          record.isAggregator ? this.max = record.max > this.max ? record.max : this.max : "number" == typeof record ? this.max = record > this.max ? record : this.max : this.field && "number" == typeof record[this.field] ? this.max = record[this.field] > this.max ? record[this.field] : this.max : this.field && !isNaN(record[this.field]) && (this.max = parseFloat(record[this.field]) > this.max ? parseFloat(record[this.field]) : this.max);
+        }
+      }
+    }
+    class MinAggregator extends Aggregator {
+      constructor() {
+        super(...arguments), this.type = AggregationType.MIN, this.min = Number.MAX_SAFE_INTEGER;
+      }
+      push(record) {
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? this.min = record.min < this.min ? record.min : this.min : "number" == typeof record ? this.min = record < this.min ? record : this.min : this.field && "number" == typeof record[this.field] ? this.min = record[this.field] < this.min ? record[this.field] : this.min : this.field && !isNaN(record[this.field]) && (this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min)), this.clearCacheValue();
+      }
+      deleteRecord(record) {
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.recalculate());
+      }
+      updateRecord(oldRecord, newRecord) {
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
+      }
+      value() {
+        var _a;
+        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.min : void 0;
+      }
+      reset() {
+        this.records = [], this.min = Number.MAX_SAFE_INTEGER;
+      }
+      recalculate() {
+        if (this.min = Number.MAX_SAFE_INTEGER, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+          const record = this.records[i];
+          record.isAggregator ? this.min = record.min < this.min ? record.min : this.min : "number" == typeof record ? this.min = record < this.min ? record : this.min : this.field && "number" == typeof record[this.field] ? this.min = record[this.field] < this.min ? record[this.field] : this.min : this.field && !isNaN(record[this.field]) && (this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min);
+        }
+      }
+    }
+
     let idCount$1 = 1;
     let EventTarget$1 = class EventTarget {
       constructor() {
@@ -29572,258 +30421,6 @@
       for (let i = 0; i < length; i++) set(i, old[i]);
     }
 
-    class Aggregator {
-      constructor(config) {
-        var _a;
-        this.className = "Aggregator", this.isRecord = !0, this.records = [], this.key = config.key, this.field = config.dimension, this.formatFun = config.formatFun, this.isRecord = null !== (_a = config.isRecord) && void 0 !== _a ? _a : this.isRecord;
-      }
-      clearCacheValue() {
-        this._formatedValue = void 0;
-      }
-      formatValue(col, row, table) {
-        return this._formatedValue || (this.formatFun ? this._formatedValue = this.formatFun(this.value(), col, row, table) : this._formatedValue = this.value()), this._formatedValue;
-      }
-      reset() {
-        this.records = [], this.clearCacheValue();
-      }
-    }
-    class RecordAggregator extends Aggregator {
-      constructor() {
-        super(...arguments), this.type = AggregationType.RECORD, this.isRecord = !0;
-      }
-      push(record) {
-        record && this.isRecord && this.records && ("Aggregator" === record.className ? this.records.push(...record.records) : this.records.push(record)), this.clearCacheValue();
-      }
-      deleteRecord(record) {
-        record && this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.clearCacheValue();
-      }
-      updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.clearCacheValue());
-      }
-      value() {
-        return this.records;
-      }
-      reset() {
-        this.records = [];
-      }
-      recalculate() {}
-    }
-    class NoneAggregator extends Aggregator {
-      constructor() {
-        super(...arguments), this.type = AggregationType.NONE, this.isRecord = !0;
-      }
-      push(record) {
-        record && (this.isRecord && (this.records = [record]), this.field && (this.fieldValue = record[this.field])), this.clearCacheValue();
-      }
-      deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field])), this.clearCacheValue();
-      }
-      updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field]), this.clearCacheValue());
-      }
-      value() {
-        return this.fieldValue;
-      }
-      reset() {
-        this.records = [], this.fieldValue = void 0;
-      }
-      recalculate() {}
-    }
-    class CustomAggregator extends Aggregator {
-      constructor(config) {
-        super(config), this.type = AggregationType.CUSTOM, this.isRecord = !0, this.values = [], this.aggregationFun = config.aggregationFun;
-      }
-      push(record) {
-        record && (this.isRecord && this.records && ("Aggregator" === record.className ? this.records.push(...record.records) : this.records.push(record)), this.field && this.values.push(record[this.field])), this.clearCacheValue();
-      }
-      updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field])), this.clearCacheValue());
-      }
-      deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field]))), this.clearCacheValue();
-      }
-      value() {
-        var _a;
-        return this.fieldValue || (this.fieldValue = null === (_a = this.aggregationFun) || void 0 === _a ? void 0 : _a.call(this, this.values, this.records, this.field)), this.fieldValue;
-      }
-      reset() {
-        this.records = [], this.fieldValue = void 0;
-      }
-      recalculate() {}
-    }
-    class SumAggregator extends Aggregator {
-      constructor(config) {
-        var _a;
-        super(config), this.type = AggregationType.SUM, this.sum = 0, this.positiveSum = 0, this.nagetiveSum = 0, this.needSplitPositiveAndNegativeForSum = !1, this.needSplitPositiveAndNegativeForSum = null !== (_a = config.needSplitPositiveAndNegative) && void 0 !== _a && _a;
-      }
-      push(record) {
-        if (record) if (this.isRecord && this.records && ("Aggregator" === record.className ? this.records.push(...record.records) : this.records.push(record)), "Aggregator" === record.className) {
-          const value = record.value();
-          this.sum += null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
-        } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
-          const value = parseFloat(record[this.field]);
-          this.sum += value, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
-        }
-        this.clearCacheValue();
-      }
-      deleteRecord(record) {
-        if (record) if (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), "Aggregator" === record.className) {
-          const value = record.value();
-          this.sum -= null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum -= value : value < 0 && (this.nagetiveSum -= value));
-        } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
-          const value = parseFloat(record[this.field]);
-          this.sum -= value, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum -= value : value < 0 && (this.nagetiveSum -= value));
-        }
-        this.clearCacheValue();
-      }
-      updateRecord(oldRecord, newRecord) {
-        if (oldRecord && newRecord) {
-          if (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), "Aggregator" === oldRecord.className) {
-            const oldValue = oldRecord.value(),
-              newValue = newRecord.value();
-            this.sum += newValue - oldValue, this.needSplitPositiveAndNegativeForSum && (oldValue > 0 ? this.positiveSum -= oldValue : oldValue < 0 && (this.nagetiveSum -= oldValue), newValue > 0 ? this.positiveSum += newValue : newValue < 0 && (this.nagetiveSum += newValue));
-          } else if (this.field && !isNaN(parseFloat(oldRecord[this.field]))) {
-            const oldValue = parseFloat(oldRecord[this.field]),
-              newValue = parseFloat(newRecord[this.field]);
-            this.sum += newValue - oldValue, this.needSplitPositiveAndNegativeForSum && (oldValue > 0 ? this.positiveSum -= oldValue : oldValue < 0 && (this.nagetiveSum -= oldValue), newValue > 0 ? this.positiveSum += newValue : newValue < 0 && (this.nagetiveSum += newValue));
-          }
-          this.clearCacheValue();
-        }
-      }
-      value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.sum : void 0;
-      }
-      positiveValue() {
-        return this.positiveSum;
-      }
-      negativeValue() {
-        return this.nagetiveSum;
-      }
-      reset() {
-        super.reset(), this.records = [], this.sum = 0;
-      }
-      recalculate() {
-        if (this.sum = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
-          const record = this.records[i];
-          if ("Aggregator" === record.className) {
-            const value = record.value();
-            this.sum += null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
-          } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
-            const value = parseFloat(record[this.field]);
-            this.sum += value, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
-          }
-        }
-      }
-    }
-    class CountAggregator extends Aggregator {
-      constructor() {
-        super(...arguments), this.type = AggregationType.COUNT, this.count = 0;
-      }
-      push(record) {
-        record && (this.isRecord && this.records && ("Aggregator" === record.className ? this.records.push(...record.records) : this.records.push(record)), "Aggregator" === record.className ? this.count += record.value() : this.count++), this.clearCacheValue();
-      }
-      deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), "Aggregator" === record.className ? this.count -= record.value() : this.count--), this.clearCacheValue();
-      }
-      updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), "Aggregator" === oldRecord.className && (this.count += newRecord.value() - oldRecord.value()));
-      }
-      value() {
-        return this.count;
-      }
-      reset() {
-        this.records = [], this.count = 0;
-      }
-      recalculate() {
-        if (this.count = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
-          const record = this.records[i];
-          "Aggregator" === record.className ? this.count += record.value() : this.count++;
-        }
-      }
-    }
-    class AvgAggregator extends Aggregator {
-      constructor() {
-        super(...arguments), this.type = AggregationType.AVG, this.sum = 0, this.count = 0;
-      }
-      push(record) {
-        record && (this.isRecord && this.records && ("Aggregator" === record.className ? this.records.push(...record.records) : this.records.push(record)), "Aggregator" === record.className && record.type === AggregationType.AVG ? (this.sum += record.sum, this.count += record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum += parseFloat(record[this.field]), this.count++)), this.clearCacheValue();
-      }
-      deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), "Aggregator" === record.className && record.type === AggregationType.AVG ? (this.sum -= record.sum, this.count -= record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum -= parseFloat(record[this.field]), this.count--)), this.clearCacheValue();
-      }
-      updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), "Aggregator" === oldRecord.className && oldRecord.type === AggregationType.AVG ? (this.sum += newRecord.sum - oldRecord.sum, this.count += newRecord.count - oldRecord.count) : this.field && !isNaN(parseFloat(oldRecord[this.field])) && (this.sum += parseFloat(newRecord[this.field]) - parseFloat(oldRecord[this.field])), this.clearCacheValue());
-      }
-      value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.sum / this.count : void 0;
-      }
-      reset() {
-        this.records = [], this.sum = 0, this.count = 0;
-      }
-      recalculate() {
-        if (this.sum = 0, this.count = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
-          const record = this.records[i];
-          "Aggregator" === record.className && record.type === AggregationType.AVG ? (this.sum += record.sum, this.count += record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum += parseFloat(record[this.field]), this.count++);
-        }
-      }
-    }
-    class MaxAggregator extends Aggregator {
-      constructor() {
-        super(...arguments), this.type = AggregationType.MAX, this.max = Number.MIN_SAFE_INTEGER;
-      }
-      push(record) {
-        record && (this.isRecord && this.records && ("Aggregator" === record.className ? this.records.push(...record.records) : this.records.push(record)), "Aggregator" === record.className ? this.max = record.max > this.max ? record.max : this.max : "number" == typeof record ? this.max = record > this.max ? record : this.max : this.field && "number" == typeof record[this.field] ? this.max = record[this.field] > this.max ? record[this.field] : this.max : this.field && !isNaN(record[this.field]) && (this.max = parseFloat(record[this.field]) > this.max ? parseFloat(record[this.field]) : this.max)), this.clearCacheValue();
-      }
-      deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.recalculate());
-      }
-      updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
-      }
-      value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.max : void 0;
-      }
-      reset() {
-        this.records = [], this.max = Number.MIN_SAFE_INTEGER;
-      }
-      recalculate() {
-        if (this.max = Number.MIN_SAFE_INTEGER, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
-          const record = this.records[i];
-          "Aggregator" === record.className ? this.max = record.max > this.max ? record.max : this.max : "number" == typeof record ? this.max = record > this.max ? record : this.max : this.field && "number" == typeof record[this.field] ? this.max = record[this.field] > this.max ? record[this.field] : this.max : this.field && !isNaN(record[this.field]) && (this.max = parseFloat(record[this.field]) > this.max ? parseFloat(record[this.field]) : this.max);
-        }
-      }
-    }
-    class MinAggregator extends Aggregator {
-      constructor() {
-        super(...arguments), this.type = AggregationType.MIN, this.min = Number.MAX_SAFE_INTEGER;
-      }
-      push(record) {
-        record && (this.isRecord && this.records && ("Aggregator" === record.className ? this.records.push(...record.records) : this.records.push(record)), "Aggregator" === record.className ? this.min = record.min < this.min ? record.min : this.min : "number" == typeof record ? this.min = record < this.min ? record : this.min : this.field && "number" == typeof record[this.field] ? this.min = record[this.field] < this.min ? record[this.field] : this.min : this.field && !isNaN(record[this.field]) && (this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min)), this.clearCacheValue();
-      }
-      deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.recalculate());
-      }
-      updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
-      }
-      value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.min : void 0;
-      }
-      reset() {
-        this.records = [], this.min = Number.MAX_SAFE_INTEGER;
-      }
-      recalculate() {
-        if (this.min = Number.MAX_SAFE_INTEGER, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
-          const record = this.records[i];
-          "Aggregator" === record.className ? this.min = record.min < this.min ? record.min : this.min : "number" == typeof record ? this.min = record < this.min ? record : this.min : this.field && "number" == typeof record[this.field] ? this.min = record[this.field] < this.min ? record[this.field] : this.min : this.field && !isNaN(record[this.field]) && (this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min);
-        }
-      }
-    }
-
     function isFieldAssessor(field) {
       if (obj.isObject(field)) {
         const a = field;
@@ -29917,7 +30514,7 @@
           if (aggragation) if (Array.isArray(aggragation)) for (let j = 0; j < aggragation.length; j++) {
             const item = aggragation[j],
               aggregator = new this.registedAggregators[item.aggregationType]({
-                dimension: field,
+                field: field,
                 formatFun: item.formatFun,
                 isRecord: !0,
                 aggregationFun: item.aggregationFun
@@ -29925,7 +30522,7 @@
             this.fieldAggregators.push(aggregator), columnObjs[i].vtable_aggregator || (columnObjs[i].vtable_aggregator = []), columnObjs[i].vtable_aggregator.push(aggregator);
           } else {
             const aggregator = new this.registedAggregators[aggragation.aggregationType]({
-              dimension: field,
+              field: field,
               formatFun: aggragation.formatFun,
               isRecord: !0,
               aggregationFun: aggragation.aggregationFun
@@ -30663,14 +31260,14 @@
       fantasy: 1,
       monospace: 1
     };
-    var parse$2 = cssfontparser.exports = function (str, existing, dpi) {
+    var parse$1 = cssfontparser.exports = function (str, existing, dpi) {
       var cacheKey = str + '-' + (existing || 'null') + '@' + dpi;
       dpi = dpi || 96.0;
       if (typeof cache[cacheKey] !== 'undefined') {
         return cache[cacheKey];
       }
       if (existing) {
-        existing = parse$2(existing, null, dpi);
+        existing = parse$1(existing, null, dpi);
       }
       if (str === 'inherit') {
         return existing;
@@ -30755,10 +31352,10 @@
     };
     cssfontparser.exports.generics = generics;
     var cssfontparserExports = cssfontparser.exports;
-    var parse$3 = /*@__PURE__*/getDefaultExportFromCjs(cssfontparserExports);
+    var parse$2 = /*@__PURE__*/getDefaultExportFromCjs(cssfontparserExports);
 
     function parseFont(font) {
-      return parse$3(font);
+      return parse$2(font);
     }
 
     function getQuadProps(paddingOrigin) {
@@ -30817,978 +31414,395 @@
     function tokenize(calc) {
       const exp = calc.replace(/calc\(/g, "(").trim(),
         tokens = [],
-        len = exp.length;
-      for (let index = 0; index < len; index++) {
-        const c = exp[index],
-          cp = c.charCodeAt(0);
-        if ("(" === c || ")" === c) tokens.push({
-          value: c,
-          type: TYPE_PAREN
-        });else if ("*" === c || "/" === c) tokens.push({
-          value: c,
-          type: TYPE_OPERATOR
-        });else if ("+" === c || "-" === c) index = parseSign(c, index + 1) - 1;else if (isDigit(cp) || isDot(cp)) index = parseNum(c, index + 1) - 1;else if (!isWhitespace(cp)) throw createError(calc);
-      }
-      function parseSign(sign, start) {
-        if (start < len) {
-          const c = exp[start],
-            cp = c.charCodeAt(0);
-          if (isDigit(cp) || isDot(cp)) return parseNum(sign + c, start + 1);
-        }
-        return tokens.push({
-          value: sign,
-          type: TYPE_OPERATOR
-        }), start;
-      }
-      function parseNum(num, start) {
-        let index = start;
-        for (; index < len; index++) {
-          const c = exp[index],
-            cp = c.charCodeAt(0);
-          if (isDigit(cp)) num += c;else {
-            if ("." !== c) {
-              if (isUnit(cp)) return parseUnit(num, c, index + 1);
-              break;
-            }
-            if (num.indexOf(".") >= 0) throw createError(calc);
-            num += c;
-          }
-        }
-        if ("." === num) throw createError(calc);
-        return tokens.push({
-          value: parseFloat(num),
-          type: TYPE_NUMBER
-        }), index;
-      }
-      function parseUnit(num, unit, start) {
-        let index = start;
-        for (; index < len; index++) {
-          const c = exp[index];
-          if (!isUnit(c.charCodeAt(0))) break;
-          unit += c;
-        }
-        return tokens.push({
-          value: parseFloat(num),
-          unit: unit,
-          type: TYPE_UNIT
-        }), index;
-      }
-      return tokens;
-    }
-    const PRECEDENCE = {
-      "*": 3,
-      "/": 3,
-      "+": 2,
-      "-": 2
-    };
-    function lex(tokens, calc) {
-      function buildBinaryExpNode(stack) {
-        const right = stack.pop(),
-          op = stack.pop(),
-          left = stack.pop();
-        if (!(left && left.nodeType && op && op.type === TYPE_OPERATOR && right && right.nodeType)) throw createError(calc);
-        return {
-          nodeType: NODE_TYPE_BINARY_EXPRESSION,
-          left: left,
-          op: op,
-          right: right
-        };
-      }
-      const stack = [];
-      for (; tokens.length;) {
-        const token = tokens.shift();
-        if (token.type === TYPE_PAREN && "(" === token.value) {
-          let deep = 0;
-          const closeIndex = array.findIndex(tokens, t => {
-            if (t.type === TYPE_PAREN && "(" === t.value) deep++;else if (t.type === TYPE_PAREN && ")" === t.value) {
-              if (!deep) return !0;
-              deep--;
-            }
-            return !1;
-          });
-          if (-1 === closeIndex) throw createError(calc);
-          stack.push(lex(tokens.splice(0, closeIndex), calc)), tokens.shift();
-        } else if (token.type === TYPE_OPERATOR) {
-          if (stack.length >= 3) {
-            const beforeOp = stack[stack.length - 2].value;
-            PRECEDENCE[token.value] <= PRECEDENCE[beforeOp] && stack.push(buildBinaryExpNode(stack));
-          }
-          stack.push(token);
-        } else if (token.type === TYPE_UNIT) {
-          const {
-            value: num,
-            unit: unit
-          } = token;
-          stack.push({
-            nodeType: NODE_TYPE_UNIT,
-            value: num,
-            unit: unit
-          });
-        } else token.type === TYPE_NUMBER && stack.push({
-          nodeType: NODE_TYPE_NUMBER,
-          value: token.value
-        });
-      }
-      for (; stack.length > 1;) stack.push(buildBinaryExpNode(stack));
-      return stack[0];
-    }
-    function parse$1(calcStr) {
-      return lex(tokenize(calcStr), calcStr);
-    }
-    function calcNode(node, context) {
-      if (node.nodeType === NODE_TYPE_BINARY_EXPRESSION) {
-        const left = calcNode(node.left, context),
-          right = calcNode(node.right, context);
-        switch (node.op.value) {
-          case "+":
-            return left + right;
-          case "-":
-            return left - right;
-          case "*":
-            return left * right;
-          case "/":
-            return left / right;
-          default:
-            throw new Error(`calc error. unknown operator: ${node.op.value}`);
-        }
-      } else if (node.nodeType === NODE_TYPE_UNIT) switch (node.unit) {
-        case "%":
-          return node.value * context.full / 100;
-        case "px":
-          return node.value;
-        default:
-          throw new Error(`calc error. unknown unit: ${node.unit}`);
-      } else if (node.nodeType === NODE_TYPE_NUMBER) return node.value;
-      throw new Error("calc error.");
-    }
-    function toPxInternal(value, context) {
-      return calcNode(parse$1(value), context);
-    }
-    function toPx(value, context) {
-      return "string" == typeof value ? toPxInternal(value.trim(), context) : value - 0;
-    }
-    function couldBeValidNumber(v) {
-      return !isNil$1(v) && (!!isNumber$2(v) || +v == +v);
-    }
-    function isPercent(v) {
-      return !!isString$2(v) && !!v.endsWith("%") && couldBeValidNumber(v.substring(0, v.length - 1));
-    }
-
-    function createRootElement(padding) {
-      let className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "vtable";
-      var _a, _b;
-      const element = document.createElement("div");
-      element.setAttribute("tabindex", "0"), element.classList.add(className), element.style.outline = "none", element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
-      const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1,
-        height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
-      return element.style.width = width && width - padding.left - padding.right + "px" || "0px", element.style.height = height && height - padding.top - padding.bottom + "px" || "0px", element;
-    }
-    function updateRootElementPadding(element, padding) {
-      var _a, _b;
-      element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
-      const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1,
-        height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
-      element.style.width = width && width - padding.left - padding.right + "px" || "0px", element.style.height = height && height - padding.top - padding.bottom + "px" || "0px";
-    }
-    function _dealWithUpdateDataSource(table, fn) {
-      const {
-        dataSourceEventIds: dataSourceEventIds
-      } = table.internalProps;
-      dataSourceEventIds && dataSourceEventIds.forEach(id => table.internalProps.handler.off(id)), fn(table), table.internalProps.dataSourceEventIds = [table.internalProps.handler.on(table.internalProps.dataSource, DataSource.EVENT_TYPE.CHANGE_ORDER, () => {
-        table.dataSource.hierarchyExpandLevel && table.refreshRowColCount(), table.render();
-      })];
-    }
-    function _setRecords(table) {
-      let records = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      _dealWithUpdateDataSource(table, () => {
-        table.internalProps.records = records;
-        const newDataSource = table.internalProps.dataSource = CachedDataSource.ofArray(records, table.internalProps.dataConfig, table.pagination, table.internalProps.columns, table.internalProps.layoutMap.rowHierarchyType, getHierarchyExpandLevel(table));
-        table.addReleaseObj(newDataSource);
-      });
-    }
-    function getHierarchyExpandLevel(table) {
-      var _a;
-      return table.options.hierarchyExpandLevel ? table.options.hierarchyExpandLevel : table.options.groupBy ? 1 / 0 : (null === (_a = table._hasHierarchyTreeHeader) || void 0 === _a ? void 0 : _a.call(table)) ? 1 : void 0;
-    }
-    function _setDataSource(table, dataSource) {
-      _dealWithUpdateDataSource(table, () => {
-        if (dataSource) {
-          if (dataSource instanceof DataSource) table.internalProps.dataSource = dataSource;else {
-            const newDataSource = table.internalProps.dataSource = new CachedDataSource(dataSource);
-            table.addReleaseObj(newDataSource);
-          }
-        } else table.internalProps.dataSource = DataSource.EMPTY;
-        table.internalProps.records = null;
-      });
-    }
-    function _getTargetFrozenRowAt(table, absoluteY) {
-      if (!table.internalProps.frozenRowCount) return null;
-      let {
-        scrollTop: scrollTop
-      } = table;
-      const rowCount = table.internalProps.frozenRowCount;
-      for (let row = 0; row < rowCount; row++) {
-        const height = table.getRowHeight(row),
-          bottom = scrollTop + height;
-        if (bottom > absoluteY) return {
-          top: scrollTop,
-          row: row,
-          bottom: bottom,
-          height: height
-        };
-        scrollTop = bottom;
-      }
-      return null;
-    }
-    function _getTargetFrozenColAt(table, absoluteX) {
-      if (!table.internalProps.frozenColCount) return null;
-      let {
-        scrollLeft: scrollLeft
-      } = table;
-      const colCount = table.internalProps.frozenColCount;
-      for (let col = 0; col < colCount; col++) {
-        const width = table.getColWidth(col),
-          right = scrollLeft + width;
-        if (right > absoluteX) return {
-          left: scrollLeft,
-          col: col,
-          right: right,
-          width: width
-        };
-        scrollLeft = right;
-      }
-      return null;
-    }
-    function _toPxWidth(table, width) {
-      return Math.round(toPx(width, table.internalProps.calcWidthContext));
-    }
-    function _applyColWidthLimits(limits, orgWidth) {
-      return limits ? limits.min && limits.min > orgWidth ? limits.min : limits.max && limits.max < orgWidth ? limits.max : orgWidth : orgWidth;
-    }
-    function _getScrollableVisibleRect(table) {
-      let frozenColsWidth = 0,
-        rightFrozenColsWidth = 0;
-      table.frozenColCount > 0 && (frozenColsWidth = table.getFrozenColsWidth()), table.rightFrozenColCount > 0 && (rightFrozenColsWidth = table.getRightFrozenColsWidth());
-      let frozenRowsHeight = 0,
-        bottomFrozenRowsHeight = 0;
-      return table.frozenRowCount > 0 && (frozenRowsHeight = table.getFrozenRowsHeight()), table.bottomFrozenRowCount > 0 && (bottomFrozenRowsHeight = table.getBottomFrozenRowsHeight()), new Rect(table.scrollLeft + frozenColsWidth, table.scrollTop + frozenRowsHeight, table.tableNoFrameWidth - frozenColsWidth - rightFrozenColsWidth, table.tableNoFrameHeight - frozenRowsHeight - bottomFrozenRowsHeight);
-    }
-    function getStyleTheme(headerStyle, table, col, row, getProp) {
-      let needGetTheme = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !0;
-      const padding = getQuadProps(getProp("padding", headerStyle, col, row, table)),
-        bgColor = getProp("bgColor", headerStyle, col, row, table),
-        font = getProp("font", headerStyle, col, row, table);
-      let fontFamily, fontSize, fontWeight, fontStyle, fontVariant;
-      if (font) {
-        const {
-          family: family,
-          size: size,
-          weight: weight,
-          style: style,
-          variant: variant
-        } = parseFont(font);
-        fontFamily = family.join(" "), fontSize = size, fontWeight = weight, fontStyle = style, fontStyle = variant;
-      } else fontFamily = getProp("fontFamily", headerStyle, col, row, table), fontSize = getProp("fontSize", headerStyle, col, row, table), fontWeight = getProp("fontWeight", headerStyle, col, row, table), fontStyle = getProp("fontStyle", headerStyle, col, row, table), fontVariant = getProp("fontVariant", headerStyle, col, row, table);
-      const textAlign = getProp("textAlign", headerStyle, col, row, table),
-        textBaseline = getProp("textBaseline", headerStyle, col, row, table),
-        color = getProp("color", headerStyle, col, row, table),
-        strokeColor = getProp("strokeColor", headerStyle, col, row, table),
-        lineHeight = getProp("lineHeight", headerStyle, col, row, table),
-        underline = getProp("underline", headerStyle, col, row, table),
-        underlineDash = getProp("underlineDash", headerStyle, col, row, table),
-        underlineOffset = getProp("underlineOffset", headerStyle, col, row, table),
-        lineThrough = getProp("lineThrough", headerStyle, col, row, table),
-        textDecorationWidth = Math.max(1, Math.floor(fontSize / 10)),
-        textOverflow = getProp("textOverflow", headerStyle, col, row, table),
-        borderColor = getProp("borderColor", headerStyle, col, row, table),
-        borderLineWidth = getProp("borderLineWidth", headerStyle, col, row, table),
-        borderLineDash = getProp("borderLineDash", headerStyle, col, row, table),
-        marked = getProp("marked", headerStyle, col, row, table),
-        cursor = getProp("cursor", headerStyle, col, row, table),
-        hasFunctionPros = !(padding && bgColor && font && textAlign && textBaseline && color && textOverflow && borderColor && borderLineWidth && borderLineDash && "boolean" == typeof underline && "boolean" == typeof lineThrough && "boolean" == typeof marked);
-      if (!needGetTheme) return {
-        hasFunctionPros: hasFunctionPros
-      };
-      const theme = {
-        text: {
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          fontWeight: fontWeight,
-          fontStyle: fontStyle,
-          fontVariant: fontVariant,
-          fill: color,
-          stroke: null != strokeColor && strokeColor,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          lineHeight: null != lineHeight ? lineHeight : fontSize,
-          underline: underline ? textDecorationWidth : void 0,
-          underlineDash: underlineDash,
-          underlineOffset: underlineOffset,
-          lineThrough: lineThrough ? textDecorationWidth : void 0,
-          ellipsis: "clip" === textOverflow ? "" : "ellipsis" === textOverflow ? "..." : isValid$1(textOverflow) ? textOverflow : void 0
-        },
-        group: {
-          fill: bgColor,
-          lineDash: borderLineDash,
-          lineWidth: borderLineWidth,
-          stroke: borderColor,
-          cursor: "auto" === cursor || "default" === cursor ? void 0 : cursor
-        },
-        _vtable: {
-          padding: padding,
-          marked: marked
-        }
-      };
-      if (Array.isArray(borderLineWidth) && (theme.group.strokeArrayWidth = getQuadProps(borderLineWidth)), Array.isArray(borderColor)) {
-        const strokeColors = getQuadProps(borderColor);
-        theme.group.stroke = !strokeColors.every(color => !color) && strokeColors, theme.group.strokeArrayColor = getQuadProps(borderColor);
-      }
-      return {
-        theme: theme,
-        hasFunctionPros: hasFunctionPros
-      };
-    }
-    function getCellCornerRadius(col, row, table) {
-      const tableCornerRadius = table.theme.frameStyle.cornerRadius;
-      if (Array.isArray(tableCornerRadius)) {
-        if (0 === col && 0 === row) return [tableCornerRadius[0], 0, 0, 0];
-        if (col === table.colCount - 1 && 0 === row) return [0, tableCornerRadius[1], 0, 0];
-        if (0 === col && row === table.rowCount - 1) return [0, 0, 0, tableCornerRadius[3]];
-        if (col === table.colCount - 1 && row === table.rowCount - 1) return [0, 0, tableCornerRadius[2], 0];
-      } else if (tableCornerRadius) {
-        if (0 === col && 0 === row) return [tableCornerRadius, 0, 0, 0];
-        if (col === table.colCount - 1 && 0 === row) return [0, tableCornerRadius, 0, 0];
-        if (0 === col && row === table.rowCount - 1) return [0, 0, 0, tableCornerRadius];
-        if (col === table.colCount - 1 && row === table.rowCount - 1) return [0, 0, tableCornerRadius, 0];
-      }
-      return 0;
-    }
-    function generateAggregationForColumn(table) {
-      for (let col = 0; col < table.internalProps.columns.length; col++) {
-        const colDef = table.internalProps.columns[col];
-        if (colDef.aggregation) ;else if (table.options.aggregation) {
-          let aggregation;
-          if (aggregation = "function" == typeof table.options.aggregation ? table.options.aggregation({
-            col: col,
-            field: colDef.field
-          }) : table.options.aggregation, aggregation) if (Array.isArray(aggregation)) {
-            const aggregations = [];
-            aggregation.forEach(item => {
-              aggregations.push(Object.assign({
-                showOnTop: !1
-              }, item));
-            }), colDef.aggregation = aggregations;
-          } else colDef.aggregation = Object.assign({
-            showOnTop: !1
-          }, aggregation);
-        }
-      }
-    }
-    function checkHasAggregationOnColumnDefine(colDefs) {
-      for (let i = 0; i < colDefs.length; i++) {
-        if (colDefs[i].aggregation) return !0;
-      }
-      return !1;
-    }
-
-    var lib$1 = {};
-
-    var gif = {};
-
-    var lib = {};
-
-    Object.defineProperty(lib, "__esModule", {
-      value: true
-    });
-    lib.loop = lib.conditional = lib.parse = void 0;
-    var parse = function parse(stream, schema) {
-      var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var parent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : result;
-      if (Array.isArray(schema)) {
-        schema.forEach(function (partSchema) {
-          return parse(stream, partSchema, result, parent);
-        });
-      } else if (typeof schema === 'function') {
-        schema(stream, result, parent, parse);
-      } else {
-        var key = Object.keys(schema)[0];
-        if (Array.isArray(schema[key])) {
-          parent[key] = {};
-          parse(stream, schema[key], result, parent[key]);
-        } else {
-          parent[key] = schema[key](stream, result, parent, parse);
-        }
-      }
-      return result;
-    };
-    lib.parse = parse;
-    var conditional = function conditional(schema, conditionFunc) {
-      return function (stream, result, parent, parse) {
-        if (conditionFunc(stream, result, parent)) {
-          parse(stream, schema, result, parent);
-        }
-      };
-    };
-    lib.conditional = conditional;
-    var loop = function loop(schema, continueFunc) {
-      return function (stream, result, parent, parse) {
-        var arr = [];
-        var lastStreamPos = stream.pos;
-        while (continueFunc(stream, result, parent)) {
-          var newParent = {};
-          parse(stream, schema, result, newParent); // cases when whole file is parsed but no termination is there and stream position is not getting updated as well
-          // it falls into infinite recursion, null check to avoid the same
-
-          if (stream.pos === lastStreamPos) {
-            break;
-          }
-          lastStreamPos = stream.pos;
-          arr.push(newParent);
-        }
-        return arr;
-      };
-    };
-    lib.loop = loop;
-
-    var uint8 = {};
-
-    Object.defineProperty(uint8, "__esModule", {
-      value: true
-    });
-    uint8.readBits = uint8.readArray = uint8.readUnsigned = uint8.readString = uint8.peekBytes = uint8.readBytes = uint8.peekByte = uint8.readByte = uint8.buildStream = void 0;
-
-    // Default stream and parsers for Uint8TypedArray data type
-    var buildStream = function buildStream(uint8Data) {
-      return {
-        data: uint8Data,
-        pos: 0
-      };
-    };
-    uint8.buildStream = buildStream;
-    var readByte = function readByte() {
-      return function (stream) {
-        return stream.data[stream.pos++];
-      };
-    };
-    uint8.readByte = readByte;
-    var peekByte = function peekByte() {
-      var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      return function (stream) {
-        return stream.data[stream.pos + offset];
-      };
-    };
-    uint8.peekByte = peekByte;
-    var readBytes = function readBytes(length) {
-      return function (stream) {
-        return stream.data.subarray(stream.pos, stream.pos += length);
-      };
-    };
-    uint8.readBytes = readBytes;
-    var peekBytes = function peekBytes(length) {
-      return function (stream) {
-        return stream.data.subarray(stream.pos, stream.pos + length);
-      };
-    };
-    uint8.peekBytes = peekBytes;
-    var readString = function readString(length) {
-      return function (stream) {
-        return Array.from(readBytes(length)(stream)).map(function (value) {
-          return String.fromCharCode(value);
-        }).join('');
-      };
-    };
-    uint8.readString = readString;
-    var readUnsigned = function readUnsigned(littleEndian) {
-      return function (stream) {
-        var bytes = readBytes(2)(stream);
-        return littleEndian ? (bytes[1] << 8) + bytes[0] : (bytes[0] << 8) + bytes[1];
-      };
-    };
-    uint8.readUnsigned = readUnsigned;
-    var readArray = function readArray(byteSize, totalOrFunc) {
-      return function (stream, result, parent) {
-        var total = typeof totalOrFunc === 'function' ? totalOrFunc(stream, result, parent) : totalOrFunc;
-        var parser = readBytes(byteSize);
-        var arr = new Array(total);
-        for (var i = 0; i < total; i++) {
-          arr[i] = parser(stream);
-        }
-        return arr;
-      };
-    };
-    uint8.readArray = readArray;
-    var subBitsTotal = function subBitsTotal(bits, startIndex, length) {
-      var result = 0;
-      for (var i = 0; i < length; i++) {
-        result += bits[startIndex + i] && Math.pow(2, length - i - 1);
-      }
-      return result;
-    };
-    var readBits = function readBits(schema) {
-      return function (stream) {
-        var _byte = readByte()(stream); // convert the byte to bit array
-
-        var bits = new Array(8);
-        for (var i = 0; i < 8; i++) {
-          bits[7 - i] = !!(_byte & 1 << i);
-        } // convert the bit array to values based on the schema
-
-        return Object.keys(schema).reduce(function (res, key) {
-          var def = schema[key];
-          if (def.length) {
-            res[key] = subBitsTotal(bits, def.index, def.length);
-          } else {
-            res[key] = bits[def.index];
-          }
-          return res;
-        }, {});
-      };
-    };
-    uint8.readBits = readBits;
-
-    (function (exports) {
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports["default"] = void 0;
-      var _ = lib;
-      var _uint = uint8;
-
-      // a set of 0x00 terminated subblocks
-      var subBlocksSchema = {
-        blocks: function blocks(stream) {
-          var terminator = 0x00;
-          var chunks = [];
-          var streamSize = stream.data.length;
-          var total = 0;
-          for (var size = (0, _uint.readByte)()(stream); size !== terminator; size = (0, _uint.readByte)()(stream)) {
-            // size becomes undefined for some case when file is corrupted and  terminator is not proper 
-            // null check to avoid recursion
-            if (!size) break; // catch corrupted files with no terminator
-
-            if (stream.pos + size >= streamSize) {
-              var availableSize = streamSize - stream.pos;
-              chunks.push((0, _uint.readBytes)(availableSize)(stream));
-              total += availableSize;
-              break;
-            }
-            chunks.push((0, _uint.readBytes)(size)(stream));
-            total += size;
-          }
-          var result = new Uint8Array(total);
-          var offset = 0;
-          for (var i = 0; i < chunks.length; i++) {
-            result.set(chunks[i], offset);
-            offset += chunks[i].length;
-          }
-          return result;
-        }
-      }; // global control extension
-
-      var gceSchema = (0, _.conditional)({
-        gce: [{
-          codes: (0, _uint.readBytes)(2)
-        }, {
-          byteSize: (0, _uint.readByte)()
-        }, {
-          extras: (0, _uint.readBits)({
-            future: {
-              index: 0,
-              length: 3
-            },
-            disposal: {
-              index: 3,
-              length: 3
-            },
-            userInput: {
-              index: 6
-            },
-            transparentColorGiven: {
-              index: 7
-            }
-          })
-        }, {
-          delay: (0, _uint.readUnsigned)(true)
-        }, {
-          transparentColorIndex: (0, _uint.readByte)()
-        }, {
-          terminator: (0, _uint.readByte)()
-        }]
-      }, function (stream) {
-        var codes = (0, _uint.peekBytes)(2)(stream);
-        return codes[0] === 0x21 && codes[1] === 0xf9;
-      }); // image pipeline block
-
-      var imageSchema = (0, _.conditional)({
-        image: [{
-          code: (0, _uint.readByte)()
-        }, {
-          descriptor: [{
-            left: (0, _uint.readUnsigned)(true)
-          }, {
-            top: (0, _uint.readUnsigned)(true)
-          }, {
-            width: (0, _uint.readUnsigned)(true)
-          }, {
-            height: (0, _uint.readUnsigned)(true)
-          }, {
-            lct: (0, _uint.readBits)({
-              exists: {
-                index: 0
-              },
-              interlaced: {
-                index: 1
-              },
-              sort: {
-                index: 2
-              },
-              future: {
-                index: 3,
-                length: 2
-              },
-              size: {
-                index: 5,
-                length: 3
-              }
-            })
-          }]
-        }, (0, _.conditional)({
-          lct: (0, _uint.readArray)(3, function (stream, result, parent) {
-            return Math.pow(2, parent.descriptor.lct.size + 1);
-          })
-        }, function (stream, result, parent) {
-          return parent.descriptor.lct.exists;
-        }), {
-          data: [{
-            minCodeSize: (0, _uint.readByte)()
-          }, subBlocksSchema]
-        }]
-      }, function (stream) {
-        return (0, _uint.peekByte)()(stream) === 0x2c;
-      }); // plain text block
-
-      var textSchema = (0, _.conditional)({
-        text: [{
-          codes: (0, _uint.readBytes)(2)
-        }, {
-          blockSize: (0, _uint.readByte)()
-        }, {
-          preData: function preData(stream, result, parent) {
-            return (0, _uint.readBytes)(parent.text.blockSize)(stream);
-          }
-        }, subBlocksSchema]
-      }, function (stream) {
-        var codes = (0, _uint.peekBytes)(2)(stream);
-        return codes[0] === 0x21 && codes[1] === 0x01;
-      }); // application block
-
-      var applicationSchema = (0, _.conditional)({
-        application: [{
-          codes: (0, _uint.readBytes)(2)
-        }, {
-          blockSize: (0, _uint.readByte)()
-        }, {
-          id: function id(stream, result, parent) {
-            return (0, _uint.readString)(parent.blockSize)(stream);
-          }
-        }, subBlocksSchema]
-      }, function (stream) {
-        var codes = (0, _uint.peekBytes)(2)(stream);
-        return codes[0] === 0x21 && codes[1] === 0xff;
-      }); // comment block
-
-      var commentSchema = (0, _.conditional)({
-        comment: [{
-          codes: (0, _uint.readBytes)(2)
-        }, subBlocksSchema]
-      }, function (stream) {
-        var codes = (0, _uint.peekBytes)(2)(stream);
-        return codes[0] === 0x21 && codes[1] === 0xfe;
-      });
-      var schema = [{
-        header: [{
-          signature: (0, _uint.readString)(3)
-        }, {
-          version: (0, _uint.readString)(3)
-        }]
-      }, {
-        lsd: [{
-          width: (0, _uint.readUnsigned)(true)
-        }, {
-          height: (0, _uint.readUnsigned)(true)
-        }, {
-          gct: (0, _uint.readBits)({
-            exists: {
-              index: 0
-            },
-            resolution: {
-              index: 1,
-              length: 3
-            },
-            sort: {
-              index: 4
-            },
-            size: {
-              index: 5,
-              length: 3
-            }
-          })
-        }, {
-          backgroundColorIndex: (0, _uint.readByte)()
-        }, {
-          pixelAspectRatio: (0, _uint.readByte)()
-        }]
-      }, (0, _.conditional)({
-        gct: (0, _uint.readArray)(3, function (stream, result) {
-          return Math.pow(2, result.lsd.gct.size + 1);
-        })
-      }, function (stream, result) {
-        return result.lsd.gct.exists;
-      }),
-      // content frames
-      {
-        frames: (0, _.loop)([gceSchema, applicationSchema, commentSchema, imageSchema, textSchema], function (stream) {
-          var nextCode = (0, _uint.peekByte)()(stream); // rather than check for a terminator, we should check for the existence
-          // of an ext or image block to avoid infinite loops
-          //var terminator = 0x3B;
-          //return nextCode !== terminator;
-
-          return nextCode === 0x21 || nextCode === 0x2c;
-        })
-      }];
-      var _default = schema;
-      exports["default"] = _default;
-    })(gif);
-
-    var deinterlace$1 = {};
-
-    Object.defineProperty(deinterlace$1, "__esModule", {
-      value: true
-    });
-    deinterlace$1.deinterlace = void 0;
-
-    /**
-     * Deinterlace function from https://github.com/shachaf/jsgif
-     */
-    var deinterlace = function deinterlace(pixels, width) {
-      var newPixels = new Array(pixels.length);
-      var rows = pixels.length / width;
-      var cpRow = function cpRow(toRow, fromRow) {
-        var fromPixels = pixels.slice(fromRow * width, (fromRow + 1) * width);
-        newPixels.splice.apply(newPixels, [toRow * width, width].concat(fromPixels));
-      }; // See appendix E.
-
-      var offsets = [0, 4, 2, 1];
-      var steps = [8, 8, 4, 2];
-      var fromRow = 0;
-      for (var pass = 0; pass < 4; pass++) {
-        for (var toRow = offsets[pass]; toRow < rows; toRow += steps[pass]) {
-          cpRow(toRow, fromRow);
-          fromRow++;
-        }
-      }
-      return newPixels;
-    };
-    deinterlace$1.deinterlace = deinterlace;
-
-    var lzw$1 = {};
-
-    Object.defineProperty(lzw$1, "__esModule", {
-      value: true
-    });
-    lzw$1.lzw = void 0;
-
-    /**
-     * javascript port of java LZW decompression
-     * Original java author url: https://gist.github.com/devunwired/4479231
-     */
-    var lzw = function lzw(minCodeSize, data, pixelCount) {
-      var MAX_STACK_SIZE = 4096;
-      var nullCode = -1;
-      var npix = pixelCount;
-      var available, clear, code_mask, code_size, end_of_information, in_code, old_code, bits, code, i, datum, data_size, first, top, bi, pi;
-      var dstPixels = new Array(pixelCount);
-      var prefix = new Array(MAX_STACK_SIZE);
-      var suffix = new Array(MAX_STACK_SIZE);
-      var pixelStack = new Array(MAX_STACK_SIZE + 1); // Initialize GIF data stream decoder.
-
-      data_size = minCodeSize;
-      clear = 1 << data_size;
-      end_of_information = clear + 1;
-      available = clear + 2;
-      old_code = nullCode;
-      code_size = data_size + 1;
-      code_mask = (1 << code_size) - 1;
-      for (code = 0; code < clear; code++) {
-        prefix[code] = 0;
-        suffix[code] = code;
-      } // Decode GIF pixel stream.
-
-      var datum, bits, first, top, pi, bi;
-      datum = bits = first = top = pi = bi = 0;
-      for (i = 0; i < npix;) {
-        if (top === 0) {
-          if (bits < code_size) {
-            // get the next byte
-            datum += data[bi] << bits;
-            bits += 8;
-            bi++;
-            continue;
-          } // Get the next code.
-
-          code = datum & code_mask;
-          datum >>= code_size;
-          bits -= code_size; // Interpret the code
-
-          if (code > available || code == end_of_information) {
-            break;
-          }
-          if (code == clear) {
-            // Reset decoder.
-            code_size = data_size + 1;
-            code_mask = (1 << code_size) - 1;
-            available = clear + 2;
-            old_code = nullCode;
-            continue;
-          }
-          if (old_code == nullCode) {
-            pixelStack[top++] = suffix[code];
-            old_code = code;
-            first = code;
-            continue;
-          }
-          in_code = code;
-          if (code == available) {
-            pixelStack[top++] = first;
-            code = old_code;
-          }
-          while (code > clear) {
-            pixelStack[top++] = suffix[code];
-            code = prefix[code];
-          }
-          first = suffix[code] & 0xff;
-          pixelStack[top++] = first; // add a new string to the table, but only if space is available
-          // if not, just continue with current table until a clear code is found
-          // (deferred clear code implementation as per GIF spec)
-
-          if (available < MAX_STACK_SIZE) {
-            prefix[available] = old_code;
-            suffix[available] = first;
-            available++;
-            if ((available & code_mask) === 0 && available < MAX_STACK_SIZE) {
-              code_size++;
-              code_mask += available;
+        len = exp.length;
+      for (let index = 0; index < len; index++) {
+        const c = exp[index],
+          cp = c.charCodeAt(0);
+        if ("(" === c || ")" === c) tokens.push({
+          value: c,
+          type: TYPE_PAREN
+        });else if ("*" === c || "/" === c) tokens.push({
+          value: c,
+          type: TYPE_OPERATOR
+        });else if ("+" === c || "-" === c) index = parseSign(c, index + 1) - 1;else if (isDigit(cp) || isDot(cp)) index = parseNum(c, index + 1) - 1;else if (!isWhitespace(cp)) throw createError(calc);
+      }
+      function parseSign(sign, start) {
+        if (start < len) {
+          const c = exp[start],
+            cp = c.charCodeAt(0);
+          if (isDigit(cp) || isDot(cp)) return parseNum(sign + c, start + 1);
+        }
+        return tokens.push({
+          value: sign,
+          type: TYPE_OPERATOR
+        }), start;
+      }
+      function parseNum(num, start) {
+        let index = start;
+        for (; index < len; index++) {
+          const c = exp[index],
+            cp = c.charCodeAt(0);
+          if (isDigit(cp)) num += c;else {
+            if ("." !== c) {
+              if (isUnit(cp)) return parseUnit(num, c, index + 1);
+              break;
             }
+            if (num.indexOf(".") >= 0) throw createError(calc);
+            num += c;
           }
-          old_code = in_code;
-        } // Pop a pixel off the pixel stack.
-
-        top--;
-        dstPixels[pi++] = pixelStack[top];
-        i++;
+        }
+        if ("." === num) throw createError(calc);
+        return tokens.push({
+          value: parseFloat(num),
+          type: TYPE_NUMBER
+        }), index;
       }
-      for (i = pi; i < npix; i++) {
-        dstPixels[i] = 0; // clear missing pixels
+      function parseUnit(num, unit, start) {
+        let index = start;
+        for (; index < len; index++) {
+          const c = exp[index];
+          if (!isUnit(c.charCodeAt(0))) break;
+          unit += c;
+        }
+        return tokens.push({
+          value: parseFloat(num),
+          unit: unit,
+          type: TYPE_UNIT
+        }), index;
       }
-
-      return dstPixels;
-    };
-    lzw$1.lzw = lzw;
-
-    Object.defineProperty(lib$1, "__esModule", {
-      value: true
-    });
-    var decompressFrames_1 = lib$1.decompressFrames = lib$1.decompressFrame = parseGIF_1 = lib$1.parseGIF = void 0;
-    var _gif = _interopRequireDefault(gif);
-    var _jsBinarySchemaParser = lib;
-    var _uint = uint8;
-    var _deinterlace = deinterlace$1;
-    var _lzw = lzw$1;
-    function _interopRequireDefault(obj) {
-      return obj && obj.__esModule ? obj : {
-        "default": obj
-      };
+      return tokens;
     }
-    var parseGIF = function parseGIF(arrayBuffer) {
-      var byteData = new Uint8Array(arrayBuffer);
-      return (0, _jsBinarySchemaParser.parse)((0, _uint.buildStream)(byteData), _gif["default"]);
+    const PRECEDENCE = {
+      "*": 3,
+      "/": 3,
+      "+": 2,
+      "-": 2
     };
-    var parseGIF_1 = lib$1.parseGIF = parseGIF;
-    var generatePatch = function generatePatch(image) {
-      var totalPixels = image.pixels.length;
-      var patchData = new Uint8ClampedArray(totalPixels * 4);
-      for (var i = 0; i < totalPixels; i++) {
-        var pos = i * 4;
-        var colorIndex = image.pixels[i];
-        var color = image.colorTable[colorIndex] || [0, 0, 0];
-        patchData[pos] = color[0];
-        patchData[pos + 1] = color[1];
-        patchData[pos + 2] = color[2];
-        patchData[pos + 3] = colorIndex !== image.transparentIndex ? 255 : 0;
+    function lex(tokens, calc) {
+      function buildBinaryExpNode(stack) {
+        const right = stack.pop(),
+          op = stack.pop(),
+          left = stack.pop();
+        if (!(left && left.nodeType && op && op.type === TYPE_OPERATOR && right && right.nodeType)) throw createError(calc);
+        return {
+          nodeType: NODE_TYPE_BINARY_EXPRESSION,
+          left: left,
+          op: op,
+          right: right
+        };
       }
-      return patchData;
-    };
-    var decompressFrame = function decompressFrame(frame, gct, buildImagePatch) {
-      if (!frame.image) {
-        return;
+      const stack = [];
+      for (; tokens.length;) {
+        const token = tokens.shift();
+        if (token.type === TYPE_PAREN && "(" === token.value) {
+          let deep = 0;
+          const closeIndex = array.findIndex(tokens, t => {
+            if (t.type === TYPE_PAREN && "(" === t.value) deep++;else if (t.type === TYPE_PAREN && ")" === t.value) {
+              if (!deep) return !0;
+              deep--;
+            }
+            return !1;
+          });
+          if (-1 === closeIndex) throw createError(calc);
+          stack.push(lex(tokens.splice(0, closeIndex), calc)), tokens.shift();
+        } else if (token.type === TYPE_OPERATOR) {
+          if (stack.length >= 3) {
+            const beforeOp = stack[stack.length - 2].value;
+            PRECEDENCE[token.value] <= PRECEDENCE[beforeOp] && stack.push(buildBinaryExpNode(stack));
+          }
+          stack.push(token);
+        } else if (token.type === TYPE_UNIT) {
+          const {
+            value: num,
+            unit: unit
+          } = token;
+          stack.push({
+            nodeType: NODE_TYPE_UNIT,
+            value: num,
+            unit: unit
+          });
+        } else token.type === TYPE_NUMBER && stack.push({
+          nodeType: NODE_TYPE_NUMBER,
+          value: token.value
+        });
       }
-      var image = frame.image; // get the number of pixels
-
-      var totalPixels = image.descriptor.width * image.descriptor.height; // do lzw decompression
-
-      var pixels = (0, _lzw.lzw)(image.data.minCodeSize, image.data.blocks, totalPixels); // deal with interlacing if necessary
+      for (; stack.length > 1;) stack.push(buildBinaryExpNode(stack));
+      return stack[0];
+    }
+    function parse(calcStr) {
+      return lex(tokenize(calcStr), calcStr);
+    }
+    function calcNode(node, context) {
+      if (node.nodeType === NODE_TYPE_BINARY_EXPRESSION) {
+        const left = calcNode(node.left, context),
+          right = calcNode(node.right, context);
+        switch (node.op.value) {
+          case "+":
+            return left + right;
+          case "-":
+            return left - right;
+          case "*":
+            return left * right;
+          case "/":
+            return left / right;
+          default:
+            throw new Error(`calc error. unknown operator: ${node.op.value}`);
+        }
+      } else if (node.nodeType === NODE_TYPE_UNIT) switch (node.unit) {
+        case "%":
+          return node.value * context.full / 100;
+        case "px":
+          return node.value;
+        default:
+          throw new Error(`calc error. unknown unit: ${node.unit}`);
+      } else if (node.nodeType === NODE_TYPE_NUMBER) return node.value;
+      throw new Error("calc error.");
+    }
+    function toPxInternal(value, context) {
+      return calcNode(parse(value), context);
+    }
+    function toPx(value, context) {
+      return "string" == typeof value ? toPxInternal(value.trim(), context) : value - 0;
+    }
+    function couldBeValidNumber(v) {
+      return !isNil$1(v) && (!!isNumber$2(v) || +v == +v);
+    }
+    function isPercent(v) {
+      return !!isString$2(v) && !!v.endsWith("%") && couldBeValidNumber(v.substring(0, v.length - 1));
+    }
 
-      if (image.descriptor.lct.interlaced) {
-        pixels = (0, _deinterlace.deinterlace)(pixels, image.descriptor.width);
+    function createRootElement(padding) {
+      let className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "vtable";
+      var _a, _b;
+      const element = document.createElement("div");
+      element.setAttribute("tabindex", "0"), element.classList.add(className), element.style.outline = "none", element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
+      const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1,
+        height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
+      return element.style.width = width && width - padding.left - padding.right + "px" || "0px", element.style.height = height && height - padding.top - padding.bottom + "px" || "0px", element;
+    }
+    function updateRootElementPadding(element, padding) {
+      var _a, _b;
+      element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
+      const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1,
+        height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
+      element.style.width = width && width - padding.left - padding.right + "px" || "0px", element.style.height = height && height - padding.top - padding.bottom + "px" || "0px";
+    }
+    function _dealWithUpdateDataSource(table, fn) {
+      const {
+        dataSourceEventIds: dataSourceEventIds
+      } = table.internalProps;
+      dataSourceEventIds && dataSourceEventIds.forEach(id => table.internalProps.handler.off(id)), fn(table), table.internalProps.dataSourceEventIds = [table.internalProps.handler.on(table.internalProps.dataSource, DataSource.EVENT_TYPE.CHANGE_ORDER, () => {
+        table.dataSource.hierarchyExpandLevel && table.refreshRowColCount(), table.render();
+      })];
+    }
+    function _setRecords(table) {
+      let records = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      _dealWithUpdateDataSource(table, () => {
+        table.internalProps.records = records;
+        const newDataSource = table.internalProps.dataSource = CachedDataSource.ofArray(records, table.internalProps.dataConfig, table.pagination, table.internalProps.columns, table.internalProps.layoutMap.rowHierarchyType, getHierarchyExpandLevel(table));
+        table.addReleaseObj(newDataSource);
+      });
+    }
+    function getHierarchyExpandLevel(table) {
+      var _a;
+      return table.options.hierarchyExpandLevel ? table.options.hierarchyExpandLevel : table.options.groupBy ? 1 / 0 : (null === (_a = table._hasHierarchyTreeHeader) || void 0 === _a ? void 0 : _a.call(table)) ? 1 : void 0;
+    }
+    function _setDataSource(table, dataSource) {
+      _dealWithUpdateDataSource(table, () => {
+        if (dataSource) {
+          if (dataSource instanceof DataSource) table.internalProps.dataSource = dataSource;else {
+            const newDataSource = table.internalProps.dataSource = new CachedDataSource(dataSource);
+            table.addReleaseObj(newDataSource);
+          }
+        } else table.internalProps.dataSource = DataSource.EMPTY;
+        table.internalProps.records = null;
+      });
+    }
+    function _getTargetFrozenRowAt(table, absoluteY) {
+      if (!table.internalProps.frozenRowCount) return null;
+      let {
+        scrollTop: scrollTop
+      } = table;
+      const rowCount = table.internalProps.frozenRowCount;
+      for (let row = 0; row < rowCount; row++) {
+        const height = table.getRowHeight(row),
+          bottom = scrollTop + height;
+        if (bottom > absoluteY) return {
+          top: scrollTop,
+          row: row,
+          bottom: bottom,
+          height: height
+        };
+        scrollTop = bottom;
       }
-      var resultImage = {
-        pixels: pixels,
-        dims: {
-          top: frame.image.descriptor.top,
-          left: frame.image.descriptor.left,
-          width: frame.image.descriptor.width,
-          height: frame.image.descriptor.height
+      return null;
+    }
+    function _getTargetFrozenColAt(table, absoluteX) {
+      if (!table.internalProps.frozenColCount) return null;
+      let {
+        scrollLeft: scrollLeft
+      } = table;
+      const colCount = table.internalProps.frozenColCount;
+      for (let col = 0; col < colCount; col++) {
+        const width = table.getColWidth(col),
+          right = scrollLeft + width;
+        if (right > absoluteX) return {
+          left: scrollLeft,
+          col: col,
+          right: right,
+          width: width
+        };
+        scrollLeft = right;
+      }
+      return null;
+    }
+    function _toPxWidth(table, width) {
+      return Math.round(toPx(width, table.internalProps.calcWidthContext));
+    }
+    function _applyColWidthLimits(limits, orgWidth) {
+      return limits ? limits.min && limits.min > orgWidth ? limits.min : limits.max && limits.max < orgWidth ? limits.max : orgWidth : orgWidth;
+    }
+    function _getScrollableVisibleRect(table) {
+      let frozenColsWidth = 0,
+        rightFrozenColsWidth = 0;
+      table.frozenColCount > 0 && (frozenColsWidth = table.getFrozenColsWidth()), table.rightFrozenColCount > 0 && (rightFrozenColsWidth = table.getRightFrozenColsWidth());
+      let frozenRowsHeight = 0,
+        bottomFrozenRowsHeight = 0;
+      return table.frozenRowCount > 0 && (frozenRowsHeight = table.getFrozenRowsHeight()), table.bottomFrozenRowCount > 0 && (bottomFrozenRowsHeight = table.getBottomFrozenRowsHeight()), new Rect(table.scrollLeft + frozenColsWidth, table.scrollTop + frozenRowsHeight, table.tableNoFrameWidth - frozenColsWidth - rightFrozenColsWidth, table.tableNoFrameHeight - frozenRowsHeight - bottomFrozenRowsHeight);
+    }
+    function getStyleTheme(headerStyle, table, col, row, getProp) {
+      let needGetTheme = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !0;
+      const padding = getQuadProps(getProp("padding", headerStyle, col, row, table)),
+        bgColor = getProp("bgColor", headerStyle, col, row, table),
+        font = getProp("font", headerStyle, col, row, table);
+      let fontFamily, fontSize, fontWeight, fontStyle, fontVariant;
+      if (font) {
+        const {
+          family: family,
+          size: size,
+          weight: weight,
+          style: style,
+          variant: variant
+        } = parseFont(font);
+        fontFamily = family.join(" "), fontSize = size, fontWeight = weight, fontStyle = style, fontStyle = variant;
+      } else fontFamily = getProp("fontFamily", headerStyle, col, row, table), fontSize = getProp("fontSize", headerStyle, col, row, table), fontWeight = getProp("fontWeight", headerStyle, col, row, table), fontStyle = getProp("fontStyle", headerStyle, col, row, table), fontVariant = getProp("fontVariant", headerStyle, col, row, table);
+      const textAlign = getProp("textAlign", headerStyle, col, row, table),
+        textBaseline = getProp("textBaseline", headerStyle, col, row, table),
+        color = getProp("color", headerStyle, col, row, table),
+        strokeColor = getProp("strokeColor", headerStyle, col, row, table),
+        lineHeight = getProp("lineHeight", headerStyle, col, row, table),
+        underline = getProp("underline", headerStyle, col, row, table),
+        underlineDash = getProp("underlineDash", headerStyle, col, row, table),
+        underlineOffset = getProp("underlineOffset", headerStyle, col, row, table),
+        lineThrough = getProp("lineThrough", headerStyle, col, row, table),
+        textDecorationWidth = Math.max(1, Math.floor(fontSize / 10)),
+        textOverflow = getProp("textOverflow", headerStyle, col, row, table),
+        borderColor = getProp("borderColor", headerStyle, col, row, table),
+        borderLineWidth = getProp("borderLineWidth", headerStyle, col, row, table),
+        borderLineDash = getProp("borderLineDash", headerStyle, col, row, table),
+        marked = getProp("marked", headerStyle, col, row, table),
+        cursor = getProp("cursor", headerStyle, col, row, table),
+        hasFunctionPros = !(padding && bgColor && font && textAlign && textBaseline && color && textOverflow && borderColor && borderLineWidth && borderLineDash && "boolean" == typeof underline && "boolean" == typeof lineThrough && "boolean" == typeof marked);
+      if (!needGetTheme) return {
+        hasFunctionPros: hasFunctionPros
+      };
+      const theme = {
+        text: {
+          fontFamily: fontFamily,
+          fontSize: fontSize,
+          fontWeight: fontWeight,
+          fontStyle: fontStyle,
+          fontVariant: fontVariant,
+          fill: color,
+          stroke: null != strokeColor && strokeColor,
+          textAlign: textAlign,
+          textBaseline: textBaseline,
+          lineHeight: null != lineHeight ? lineHeight : fontSize,
+          underline: underline ? textDecorationWidth : void 0,
+          underlineDash: underlineDash,
+          underlineOffset: underlineOffset,
+          lineThrough: lineThrough ? textDecorationWidth : void 0,
+          ellipsis: "clip" === textOverflow ? "" : "ellipsis" === textOverflow ? "..." : isValid$1(textOverflow) ? textOverflow : void 0
+        },
+        group: {
+          fill: bgColor,
+          lineDash: borderLineDash,
+          lineWidth: borderLineWidth,
+          stroke: borderColor,
+          cursor: "auto" === cursor || "default" === cursor ? void 0 : cursor
+        },
+        _vtable: {
+          padding: padding,
+          marked: marked
         }
-      }; // color table
-
-      if (image.descriptor.lct && image.descriptor.lct.exists) {
-        resultImage.colorTable = image.lct;
-      } else {
-        resultImage.colorTable = gct;
-      } // add per frame relevant gce information
-
-      if (frame.gce) {
-        resultImage.delay = (frame.gce.delay || 10) * 10; // convert to ms
-
-        resultImage.disposalType = frame.gce.extras.disposal; // transparency
-
-        if (frame.gce.extras.transparentColorGiven) {
-          resultImage.transparentIndex = frame.gce.transparentColorIndex;
+      };
+      if (Array.isArray(borderLineWidth) && (theme.group.strokeArrayWidth = getQuadProps(borderLineWidth)), Array.isArray(borderColor)) {
+        const strokeColors = getQuadProps(borderColor);
+        theme.group.stroke = !strokeColors.every(color => !color) && strokeColors, theme.group.strokeArrayColor = getQuadProps(borderColor);
+      }
+      return {
+        theme: theme,
+        hasFunctionPros: hasFunctionPros
+      };
+    }
+    function getCellCornerRadius(col, row, table) {
+      const tableCornerRadius = table.theme.frameStyle.cornerRadius;
+      if (Array.isArray(tableCornerRadius)) {
+        if (0 === col && 0 === row) return [tableCornerRadius[0], 0, 0, 0];
+        if (col === table.colCount - 1 && 0 === row) return [0, tableCornerRadius[1], 0, 0];
+        if (0 === col && row === table.rowCount - 1) return [0, 0, 0, tableCornerRadius[3]];
+        if (col === table.colCount - 1 && row === table.rowCount - 1) return [0, 0, tableCornerRadius[2], 0];
+      } else if (tableCornerRadius) {
+        if (0 === col && 0 === row) return [tableCornerRadius, 0, 0, 0];
+        if (col === table.colCount - 1 && 0 === row) return [0, tableCornerRadius, 0, 0];
+        if (0 === col && row === table.rowCount - 1) return [0, 0, 0, tableCornerRadius];
+        if (col === table.colCount - 1 && row === table.rowCount - 1) return [0, 0, tableCornerRadius, 0];
+      }
+      return 0;
+    }
+    function generateAggregationForColumn(table) {
+      for (let col = 0; col < table.internalProps.columns.length; col++) {
+        const colDef = table.internalProps.columns[col];
+        if (colDef.aggregation) ;else if (table.options.aggregation) {
+          let aggregation;
+          if (aggregation = "function" == typeof table.options.aggregation ? table.options.aggregation({
+            col: col,
+            field: colDef.field
+          }) : table.options.aggregation, aggregation) if (Array.isArray(aggregation)) {
+            const aggregations = [];
+            aggregation.forEach(item => {
+              aggregations.push(Object.assign({
+                showOnTop: !1
+              }, item));
+            }), colDef.aggregation = aggregations;
+          } else colDef.aggregation = Object.assign({
+            showOnTop: !1
+          }, aggregation);
         }
-      } // create canvas usable imagedata if desired
-
-      if (buildImagePatch) {
-        resultImage.patch = generatePatch(resultImage);
       }
-      return resultImage;
-    };
-    lib$1.decompressFrame = decompressFrame;
-    var decompressFrames = function decompressFrames(parsedGif, buildImagePatches) {
-      return parsedGif.frames.filter(function (f) {
-        return f.image;
-      }).map(function (f) {
-        return decompressFrame(f, parsedGif.gct, buildImagePatches);
-      });
-    };
-    decompressFrames_1 = lib$1.decompressFrames = decompressFrames;
+    }
+    function checkHasAggregationOnColumnDefine(colDefs) {
+      for (let i = 0; i < colDefs.length; i++) {
+        if (colDefs[i].aggregation) return !0;
+      }
+      return !1;
+    }
+    function checkHasColumnAutoWidth(table) {
+      if ("autoWidth" === table.options.widthMode) return !0;
+      if ("auto" === table.options.defaultHeaderColWidth || Array.isArray(table.options.defaultHeaderColWidth) && table.options.defaultHeaderColWidth.includes("auto")) return !0;
+      const columnObjects = table.internalProps.layoutMap.columnObjects;
+      for (let i = 0; i < columnObjects.length; i++) {
+        if ("auto" === columnObjects[i].width) return !0;
+      }
+      return !1;
+    }
 
     class Icon extends Image$1 {
       constructor(params) {
         super(params), "mouseenter_cell" !== this.attribute.visibleTime && "click_cell" !== this.attribute.visibleTime || (this.attribute.opacity = 0), this.attribute.hoverImage && (this.attribute.originImage = this.attribute.image), this.attribute.isGif && this.attribute.gif && this.loadGif();
       }
       loadGif() {
-        this.playing = !1, ResourceLoader.GetFile(this.attribute.gif + "?role=gif", "arrayBuffer").then(res => {
+        this.playing = !1, ResourceLoader.GetFile(this.attribute.gif + "?role=gif" + `&radom=${Math.random()}`, "arrayBuffer").then(res => {
           const gif = parseGIF_1(res),
             frames = decompressFrames_1(gif, !0);
           this.renderGIF(frames), this.resources.set(this.attribute.image, {
@@ -37028,7 +37042,7 @@
 
     function computeColsWidth(table, colStart, colEnd, update) {
       var _a, _b, _c, _d, _e, _f, _g, _h;
-      table.internalProps.columnWidthConfig && table._parseColumnWidthConfig(table.internalProps.columnWidthConfig), colStart = null != colStart ? colStart : 0, colEnd = null != colEnd ? colEnd : table.colCount - 1, 0 === colStart && colEnd === table.colCount - 1 && table._clearColRangeWidthsMap();
+      table.internalProps.columnWidthConfig && table._parseColumnWidthConfig(table.internalProps.columnWidthConfig), table.isPivotTable() && table.internalProps.columnWidthConfigForRowHeader && table._parseColumnWidthConfigForRowHeader(table.internalProps.columnWidthConfigForRowHeader), colStart = null != colStart ? colStart : 0, colEnd = null != colEnd ? colEnd : table.colCount - 1, 0 === colStart && colEnd === table.colCount - 1 && table._clearColRangeWidthsMap();
       const layoutMap = table.internalProps.layoutMap;
       table.isPivotTable() && (layoutMap.enableUseGetBodyCache(), layoutMap.enableUseHeaderPathCache());
       const oldColWidths = [],
@@ -37507,7 +37521,7 @@
       proxy.setParamsForRow(), proxy.setParamsForColumn(), "adaptive" === table.widthMode || table.options.autoWrapText && ("adaptive" === table.heightMode || table.isAutoRowHeight()) ? (distColForCompute = table.colCount - 1, distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1)) : distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1), "adaptive" === table.heightMode ? (distRowForCompute = table.rowCount - 1, distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1)) : distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1), 0 === table.internalProps._widthResizedColMap.size && computeColsWidth(table, 0, null != distColForCompute ? distColForCompute : distCol), 0 === table.internalProps._heightResizedRowMap.size && computeRowsHeight(table, 0, null != distRowForCompute ? distRowForCompute : distRow), distCol < table.colCount - table.rightFrozenColCount && computeColsWidth(table, table.colCount - table.rightFrozenColCount, table.colCount - 1), distRow < table.rowCount - table.bottomFrozenRowCount && computeRowsHeight(table, table.rowCount - table.bottomFrozenRowCount, 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.frozenRowCount - 1, table.isListTable() ? "columnHeader" : "cornerHeader", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(colHeaderGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, 0, table.frozenRowCount - 1, "columnHeader", table), table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.rowHeaderLevelCount > 0 && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, table.leftRowSeriesNumberCount + table.rowHeaderLevelCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "body", table)), table.bottomFrozenRowCount > 0 && (table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.rowHeaderLevelCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, table.leftRowSeriesNumberCount + table.rowHeaderLevelCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table)), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bottomFrozenGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, table.isPivotChart() ? "rowHeader" : "body", table)), table.rightFrozenColCount > 0 && (createColGroup(rightTopCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, 0, table.frozenRowCount - 1, "columnHeader", table), createColGroup(rightFrozenGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, table.isPivotChart() ? "rowHeader" : "body", table)), table.bottomFrozenRowCount > 0 && table.rightFrozenColCount > 0 && createColGroup(rightBottomCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bodyGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "body", table), bodyGroup.firstChild || colHeaderGroup.firstChild || cornerHeaderGroup.firstChild || rowHeaderGroup.firstChild ? (proxy.currentRow = null !== (_d = null !== (_b = null === (_a = bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.rowNumber) && void 0 !== _b ? _b : null === (_c = rowHeaderGroup.firstChild) || void 0 === _c ? void 0 : _c.rowNumber) && void 0 !== _d ? _d : proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = null !== (_m = null !== (_k = null !== (_h = null !== (_f = null === (_e = bodyGroup.lastChild) || void 0 === _e ? void 0 : _e.col) && void 0 !== _f ? _f : null === (_g = colHeaderGroup.lastChild) || void 0 === _g ? void 0 : _g.col) && void 0 !== _h ? _h : null === (_j = rowHeaderGroup.lastChild) || void 0 === _j ? void 0 : _j.col) && void 0 !== _k ? _k : null === (_l = cornerHeaderGroup.lastChild) || void 0 === _l ? void 0 : _l.col) && void 0 !== _m ? _m : proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2), proxy.progress()) : (proxy.currentRow = proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2));
+      }), createColGroup(cornerHeaderGroup, xOrigin, yOrigin, 0, table.frozenColCount - 1, 0, table.frozenRowCount - 1, table.isListTable() ? "columnHeader" : "cornerHeader", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(colHeaderGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, 0, table.frozenRowCount - 1, "columnHeader", table), table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.frozenColCount > table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, Math.min(table.frozenColCount - 1, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount - 1), table.frozenRowCount, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "body", table)), table.bottomFrozenRowCount > 0 && (table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.rowHeaderLevelCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, table.leftRowSeriesNumberCount + table.rowHeaderLevelCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table)), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bottomFrozenGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, table.isPivotChart() ? "rowHeader" : "body", table)), table.rightFrozenColCount > 0 && (createColGroup(rightTopCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, 0, table.frozenRowCount - 1, "columnHeader", table), createColGroup(rightFrozenGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, table.isPivotChart() ? "rowHeader" : "body", table)), table.bottomFrozenRowCount > 0 && table.rightFrozenColCount > 0 && createColGroup(rightBottomCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bodyGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "body", table), bodyGroup.firstChild || colHeaderGroup.firstChild || cornerHeaderGroup.firstChild || rowHeaderGroup.firstChild ? (proxy.currentRow = null !== (_d = null !== (_b = null === (_a = bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.rowNumber) && void 0 !== _b ? _b : null === (_c = rowHeaderGroup.firstChild) || void 0 === _c ? void 0 : _c.rowNumber) && void 0 !== _d ? _d : proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = null !== (_m = null !== (_k = null !== (_h = null !== (_f = null === (_e = bodyGroup.lastChild) || void 0 === _e ? void 0 : _e.col) && void 0 !== _f ? _f : null === (_g = colHeaderGroup.lastChild) || void 0 === _g ? void 0 : _g.col) && void 0 !== _h ? _h : null === (_j = rowHeaderGroup.lastChild) || void 0 === _j ? void 0 : _j.col) && void 0 !== _k ? _k : null === (_l = cornerHeaderGroup.lastChild) || void 0 === _l ? void 0 : _l.col) && void 0 !== _m ? _m : proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2), proxy.progress()) : (proxy.currentRow = proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2));
     }
 
     function getFirstChild(containerGroup) {
@@ -39178,26 +39192,33 @@
         } = scene,
         plugin = stage.pluginService.findPluginsByName("ReactAttributePlugin")[0],
         {
-          htmlMap: htmlMap
+          htmlMap: htmlMap,
+          renderId: stageRenderId
         } = plugin;
       for (const key in htmlMap) {
         const item = htmlMap[key],
           {
             graphic: graphic,
-            wrapContainer: wrapContainer
+            wrapContainer: wrapContainer,
+            renderId: renderId
           } = item;
+        if (renderId !== stageRenderId) continue;
         let targetContainer;
         if (scene.frozenColCount > table.frozenColCount) {
+          const targetCell = getTargetCell(graphic);
+          if (!targetCell) continue;
           const {
             col: col,
             row: row
-          } = getTargetCell(graphic);
+          } = targetCell;
           row >= table.rowCount - table.bottomFrozenRowCount && col < scene.frozenColCount && col >= table.frozenColCount && graphic.attribute.react.container === table.frozenBottomDomContainer ? targetContainer = table.bottomDomContainer : row >= table.frozenRowCount && col < scene.frozenColCount && col >= table.frozenColCount && graphic.attribute.react.container === table.frozenBodyDomContainer ? targetContainer = table.bodyDomContainer : row < table.frozenRowCount && col < scene.frozenColCount && col >= table.frozenColCount && graphic.attribute.react.container === table.frozenHeaderDomContainer && (targetContainer = table.headerDomContainer);
         } else if (scene.frozenColCount < table.frozenColCount) {
+          const targetCell = getTargetCell(graphic);
+          if (!targetCell) continue;
           const {
             col: col,
             row: row
-          } = getTargetCell(graphic);
+          } = targetCell;
           row >= table.rowCount - table.bottomFrozenRowCount && col < table.frozenColCount && col >= scene.frozenColCount && graphic.attribute.react.container === table.bottomDomContainer ? targetContainer = table.frozenBottomDomContainer : row >= table.frozenRowCount && col < table.frozenColCount && col >= scene.frozenColCount && graphic.attribute.react.container === table.bodyDomContainer ? targetContainer = table.frozenBodyDomContainer : row < table.frozenRowCount && col < table.frozenColCount && col >= scene.frozenColCount && graphic.attribute.react.container === table.headerDomContainer && (targetContainer = table.frozenHeaderDomContainer);
         }
         targetContainer && (targetContainer.appendChild(wrapContainer), item.nativeContainer = targetContainer, item.container = targetContainer, graphic.attribute.react.container = targetContainer, plugin.updateStyleOfWrapContainer(graphic, stage, wrapContainer, targetContainer, graphic.attribute.react));
@@ -41679,7 +41700,7 @@
         const tableIndex = state.table.getTableIndexByRecordIndex(index),
           mergeCell = state.table.transpose ? state.table.getCustomMerge(tableIndex, row) : state.table.getCustomMerge(col, tableIndex),
           data = null === (_a = state.table.dataSource) || void 0 === _a ? void 0 : _a.get(index);
-        mergeCell || !(null === (_b = state.table.internalProps.rowSeriesNumber) || void 0 === _b ? void 0 : _b.enableTreeCheckbox) && data.vtableMerge || (!0 !== (null == check_state ? void 0 : check_state[field]) ? allChecked = !1 : (allUnChecked = !1, hasChecked = !0));
+        mergeCell || !(null === (_b = state.table.internalProps.rowSeriesNumber) || void 0 === _b ? void 0 : _b.enableTreeCheckbox) && (null == data ? void 0 : data.vtableMerge) || (!0 !== (null == check_state ? void 0 : check_state[field]) ? allChecked = !1 : (allUnChecked = !1, hasChecked = !0));
       }), allChecked ? (state.headerCheckedState[field] = !0, allChecked) : allUnChecked ? (state.headerCheckedState[field] = !1, !1) : !!hasChecked && (state.headerCheckedState[field] = "indeterminate", "indeterminate");
     }
     function initLeftRecordsCheckState(records, state) {
@@ -42215,13 +42236,18 @@
         return endMoveCol(this);
       }
       checkFrozen() {
-        var _a, _b, _c;
-        let originalFrozenColCount = this.table.isListTable() && !this.table.internalProps.transpose ? this.table.options.frozenColCount : this.table.isPivotChart() ? null !== (_a = this.table.rowHeaderLevelCount) && void 0 !== _a ? _a : 0 : Math.max((null !== (_b = this.table.rowHeaderLevelCount) && void 0 !== _b ? _b : 0) + this.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount, null !== (_c = this.table.options.frozenColCount) && void 0 !== _c ? _c : 0);
+        var _a;
+        let originalFrozenColCount = this.table.options.frozenColCount ? this.table.options.frozenColCount : this.table.isPivotTable() || this.table.isListTable() && this.table.internalProps.transpose ? (null !== (_a = this.table.rowHeaderLevelCount) && void 0 !== _a ? _a : 0) + this.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount : 0;
         if (originalFrozenColCount) {
-          if (originalFrozenColCount > this.table.colCount && (originalFrozenColCount = this.table.colCount), this.table.tableNoFrameWidth - this.table.getColsWidth(0, originalFrozenColCount - 1) <= 120) return this.table._setFrozenColCount(0), this.setFrozenCol(-1), !1;
-          if (this.table.frozenColCount !== originalFrozenColCount) return this.table._setFrozenColCount(originalFrozenColCount), this.setFrozenCol(originalFrozenColCount), !1;
+          originalFrozenColCount > this.table.colCount && (originalFrozenColCount = this.table.colCount);
+          const maxFrozenWidth = this.table._getMaxFrozenWidth();
+          if (this.table.getColsWidth(0, originalFrozenColCount - 1) > maxFrozenWidth) {
+            if (this.table.internalProps.unfreezeAllOnExceedsMaxWidth) this.table._setFrozenColCount(0), this.setFrozenCol(-1);else {
+              const computedFrozenColCount = this.table._getComputedFrozenColCount(originalFrozenColCount);
+              this.table._setFrozenColCount(computedFrozenColCount), this.setFrozenCol(computedFrozenColCount);
+            }
+          } else this.table.frozenColCount !== originalFrozenColCount && (this.table._setFrozenColCount(originalFrozenColCount), this.setFrozenCol(originalFrozenColCount));
         }
-        return !0;
       }
       setFrozenCol(col) {
         col !== this.frozen.col ? (this.frozen.col = col, this.table.scenegraph.updateFrozen(), this.table.scenegraph.updateFrozenIcon(0, this.table.colCount - 1)) : this.table.scenegraph.updateFrozenIcon(0, this.table.colCount - 1);
@@ -43834,8 +43860,8 @@
           titleShowIndex = table.getRecordShowIndexByCell(col, row);
         let titleIndex = indexedData[titleShowIndex];
         if (isNumber$2(titleIndex) && (titleIndex = [titleIndex]), record.vtableMerge) {
-          if (checked) setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);else {
-            setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+          if (checked) table.getHierarchyState(col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!0, titleIndex, table) : setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);else {
+            table.getHierarchyState(col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!1, titleIndex, table) : setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
             const oldHeaderCheckedState = table.stateManager.headerCheckedState._vtable_rowSeries_number,
               newHeaderCheckedState = table.stateManager.updateHeaderCheckedState("_vtable_rowSeries_number", col, row);
             oldHeaderCheckedState !== newHeaderCheckedState && table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
@@ -43882,6 +43908,20 @@
         allUnChecked = result.every(item => !item);
       allChecked ? (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", !0), setCellCheckboxStateByAttribute(col, row, !0, table)) : allUnChecked ? (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", !1), setCellCheckboxStateByAttribute(col, row, !1, table)) : (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", "indeterminate"), setCellCheckboxStateByAttribute(col, row, "indeterminate", table));
     }
+    function updateChildrenCheckboxState(state, currentIndex, table) {
+      const {
+          checkedState: checkedState
+        } = table.stateManager,
+        key = currentIndex.toString(),
+        currentIndexLength = isArray$1(currentIndex) ? currentIndex.length : 1;
+      let start = !1;
+      checkedState.forEach((value, index) => {
+        if (start) {
+          index.split(",").length === currentIndexLength ? start = !1 : value._vtable_rowSeries_number = state;
+        }
+        index === key && (start = !0);
+      });
+    }
 
     class EventManager {
       constructor(table) {
@@ -46622,6 +46662,10 @@
       }
     }
 
+    function getCustomMergeCellFunc(customMergeCell) {
+      return isFunction$1(customMergeCell) ? customMergeCell : isArray$1(customMergeCell) ? (col, row) => customMergeCell.find(item => item.range.start.col <= col && item.range.end.col >= col && item.range.start.row <= row && item.range.end.row >= row) : void 0;
+    }
+
     const {
         toBoxArray: toBoxArray
       } = style,
@@ -46636,10 +46680,12 @@
       }
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.14.4-alpha.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        if (super(), this.showFrozenIcon = !0, this.version = "1.14.4-alpha.5", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        !1 === (null === (_a = options.customConfig) || void 0 === _a ? void 0 : _a.imageAnonymous) && (vglobal.isImageAnonymous = !1);
         const {
           frozenColCount = 0,
+          unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth,
           frozenRowCount: frozenRowCount,
           defaultRowHeight = 40,
           defaultHeaderRowHeight: defaultHeaderRowHeight,
@@ -46681,15 +46727,15 @@
           right: 0,
           left: 0,
           bottom: 0
-        }, padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), padding.right && (this.padding.right = padding.right))), isValid$1(canvasHeight) && isValid$1(canvasWidth) && (this.canvasSizeSeted = !0), this.tableNoFrameWidth = 0, this.tableNoFrameHeight = 0, this.canvasWidth = canvasWidth, this.canvasHeight = canvasHeight, this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal";
+        }, padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), padding.right && (this.padding.right = padding.right))), isValid$1(canvasHeight) && isValid$1(canvasWidth) && (this.canvasSizeSeted = !0), this.tableNoFrameWidth = 0, this.tableNoFrameHeight = 0, this.canvasWidth = canvasWidth, this.canvasHeight = canvasHeight, this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal";
         const internalProps = this.internalProps = {};
-        if (void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), this.options.canvas ? (internalProps.element = this.options.canvas.parentElement, internalProps.element.style.position = "relative", internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = this.options.canvas, internalProps.context = internalProps.canvas.getContext("2d")) : "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = document.createElement("canvas"), internalProps.element.appendChild(internalProps.canvas), internalProps.context = internalProps.canvas.getContext("2d"), (null === (_b = options.customConfig) || void 0 === _b ? void 0 : _b.createReactContainer) && createReactContainer(this)), internalProps.handler = new EventHandler(), isNumber$2(this.options.resizeTime) && (internalProps.handler.resizeTime = this.options.resizeTime), internalProps.pixelRatio = pixelRatio, internalProps.frozenColCount = frozenColCount, internalProps.frozenRowCount = frozenRowCount, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.calcWidthContext = {
+        if (void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), this.options.canvas ? (internalProps.element = this.options.canvas.parentElement, internalProps.element.style.position = "relative", internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = this.options.canvas, internalProps.context = internalProps.canvas.getContext("2d")) : "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = document.createElement("canvas"), internalProps.element.appendChild(internalProps.canvas), internalProps.context = internalProps.canvas.getContext("2d"), (null === (_c = options.customConfig) || void 0 === _c ? void 0 : _c.createReactContainer) && createReactContainer(this)), internalProps.handler = new EventHandler(), isNumber$2(this.options.resizeTime) && (internalProps.handler.resizeTime = this.options.resizeTime), internalProps.pixelRatio = pixelRatio, internalProps.frozenColCount = frozenColCount, internalProps.frozenRowCount = frozenRowCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.calcWidthContext = {
           _: internalProps,
           get full() {
             var _a;
             return "node" === Env.mode ? canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
           }
-        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_c = options.theme) && void 0 !== _c ? _c : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_d = options.allowFrozenColCount) && void 0 !== _d ? _d : 0, internalProps.limitMaxAutoWidth = null !== (_e = options.limitMaxAutoWidth) && void 0 !== _e ? _e : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager(this), this.eventManager = new EventManager(this), this.animationManager = new TableAnimationManager(this), options.legends) {
+        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_d = options.theme) && void 0 !== _d ? _d : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_e = options.allowFrozenColCount) && void 0 !== _e ? _e : 0, internalProps.limitMaxAutoWidth = null !== (_f = options.limitMaxAutoWidth) && void 0 !== _f ? _f : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager(this), this.eventManager = new EventManager(this), this.animationManager = new TableAnimationManager(this), options.legends) {
           internalProps.legends = [];
           const createLegend = Factory.getFunction("createLegend");
           if (Array.isArray(options.legends)) {
@@ -46715,15 +46761,15 @@
         }
         if (internalProps.menu = Object.assign({
           renderMode: "html"
-        }, options.menu), Array.isArray(null === (_f = options.menu) || void 0 === _f ? void 0 : _f.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_g = options.menu) || void 0 === _g ? void 0 : _g.dropDownMenuHighlight), Array.isArray(null === (_h = options.menu) || void 0 === _h ? void 0 : _h.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), "html" === internalProps.menu.renderMode) {
+        }, options.menu), Array.isArray(null === (_g = options.menu) || void 0 === _g ? void 0 : _g.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_h = options.menu) || void 0 === _h ? void 0 : _h.dropDownMenuHighlight), Array.isArray(null === (_j = options.menu) || void 0 === _j ? void 0 : _j.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), "html" === internalProps.menu.renderMode) {
           const MenuHandler = Factory.getComponent("menuHandler");
           internalProps.menuHandler = new MenuHandler(this);
         }
         this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyMergeTitleCache = new Map(), this.bodyBottomStyleCache = new Map(), internalProps.stick = {
           changedCells: new Map()
-        }, internalProps.customMergeCell = options.customMergeCell;
+        }, internalProps.customMergeCell = getCustomMergeCellFunc(options.customMergeCell);
         const CustomCellStylePlugin = Factory.getComponent("customCellStylePlugin");
-        CustomCellStylePlugin && (this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_j = options.customCellStyle) && void 0 !== _j ? _j : [], null !== (_k = options.customCellStyleArrangement) && void 0 !== _k ? _k : []));
+        CustomCellStylePlugin && (this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_k = options.customCellStyle) && void 0 !== _k ? _k : [], null !== (_l = options.customCellStyleArrangement) && void 0 !== _l ? _l : []));
       }
       getContainer() {
         return this.container;
@@ -46761,10 +46807,22 @@
         return null !== (_e = null !== (_c = null === (_b = null === (_a = this.internalProps) || void 0 === _a ? void 0 : _a.layoutMap) || void 0 === _b ? void 0 : _b.frozenColCount) && void 0 !== _c ? _c : null === (_d = this.internalProps) || void 0 === _d ? void 0 : _d.frozenColCount) && void 0 !== _e ? _e : 0;
       }
       set frozenColCount(frozenColCount) {
-        frozenColCount >= this.colCount && (frozenColCount = 0), this.internalProps.frozenColCount = frozenColCount, this.options.frozenColCount = frozenColCount, this.tableNoFrameWidth - this.getColsWidth(0, frozenColCount - 1) <= 120 && (this.internalProps.frozenColCount = 0), this.stateManager.setFrozenCol(this.internalProps.frozenColCount);
+        frozenColCount >= this.colCount && (frozenColCount = 0), this.internalProps.frozenColCount = frozenColCount, this.options.frozenColCount = frozenColCount;
+        const maxFrozenWidth = this._getMaxFrozenWidth();
+        if (this.getColsWidth(0, frozenColCount - 1) > maxFrozenWidth) if (this.internalProps.unfreezeAllOnExceedsMaxWidth) this.internalProps.frozenColCount = 0;else {
+          const computedFrozenColCount = this._getComputedFrozenColCount(frozenColCount);
+          this.internalProps.frozenColCount = computedFrozenColCount;
+        }
+        this.stateManager.setFrozenCol(this.internalProps.frozenColCount);
       }
       setFrozenColCount(frozenColCount) {
-        frozenColCount >= this.colCount && (frozenColCount = 0), this.internalProps.frozenColCount = frozenColCount, this.options.frozenColCount = frozenColCount, this.tableNoFrameWidth - this.getColsWidth(0, frozenColCount - 1) <= 120 && (this.internalProps.frozenColCount = 0), this.stateManager.setFrozenCol(this.internalProps.frozenColCount);
+        frozenColCount >= this.colCount && (frozenColCount = 0), this.internalProps.frozenColCount = frozenColCount, this.options.frozenColCount = frozenColCount;
+        const maxFrozenWidth = this._getMaxFrozenWidth();
+        if (this.getColsWidth(0, frozenColCount - 1) > maxFrozenWidth) if (this.internalProps.unfreezeAllOnExceedsMaxWidth) this.internalProps.frozenColCount = 0;else {
+          const computedFrozenColCount = this._getComputedFrozenColCount(frozenColCount);
+          this.internalProps.frozenColCount = computedFrozenColCount;
+        }
+        this.stateManager.setFrozenCol(this.internalProps.frozenColCount);
       }
       _setFrozenColCount(frozenColCount) {
         frozenColCount >= this.colCount && (frozenColCount = 0), this.internalProps.frozenColCount = frozenColCount;
@@ -46906,6 +46964,17 @@
       _colWidthDefineToPxWidth(width) {
         return "auto" === width ? 0 : _toPxWidth(this, width);
       }
+      _getMaxFrozenWidth() {
+        var _a;
+        const maxFrozenWidth = null !== (_a = this.options.maxFrozenWidth) && void 0 !== _a ? _a : "80%";
+        return _toPxWidth(this, maxFrozenWidth);
+      }
+      _getComputedFrozenColCount(frozenColCount) {
+        const maxFrozenWidth = this._getMaxFrozenWidth();
+        let computedfrozenColCount = frozenColCount;
+        for (; this.getColsWidth(0, computedfrozenColCount - 1) > maxFrozenWidth && (computedfrozenColCount--, !(computedfrozenColCount <= 0)););
+        return computedfrozenColCount;
+      }
       _getColWidthLimits(col) {
         const limit = this.colWidthsLimit[col];
         if (!limit) return null;
@@ -46916,6 +46985,9 @@
         const limits = this._getColWidthLimits(col);
         return Math.max(_applyColWidthLimits(limits, orgWidth), 0);
       }
+      get pixelRatio() {
+        return this.internalProps.pixelRatio;
+      }
       setPixelRatio(pixelRatio) {
         if (pixelRatio !== this.internalProps.pixelRatio) {
           this.internalProps.pixelRatio = pixelRatio;
@@ -47408,6 +47480,7 @@
         this.options = options, this._hasAutoImageColumn = void 0;
         const {
           frozenColCount = 0,
+          unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth,
           defaultRowHeight = 40,
           defaultHeaderRowHeight: defaultHeaderRowHeight,
           defaultColWidth = 80,
@@ -47442,7 +47515,7 @@
         } = options;
         pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio), padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), padding.right && (this.padding.right = padding.right))), this.showFrozenIcon = "boolean" != typeof showFrozenIcon || showFrozenIcon, "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), this.widthMode = null != widthMode ? widthMode : "standard", this.heightMode = null != heightMode ? heightMode : "standard", this._widthAdaptiveMode = null != widthAdaptiveMode ? widthAdaptiveMode : "only-body", this._heightAdaptiveMode = null != heightAdaptiveMode ? heightAdaptiveMode : "only-body", this.autoFillWidth = null != autoFillWidth && autoFillWidth, this.autoFillHeight = null != autoFillHeight && autoFillHeight, this.customRender = customRender, this.canvasWidth = canvasWidth, this.canvasHeight = canvasHeight;
         const internalProps = this.internalProps;
-        if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal", internalProps.frozenColCount = frozenColCount, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_e = internalProps.legends) || void 0 === _e || _e.forEach(legend => {
+        if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal", internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_e = internalProps.legends) || void 0 === _e || _e.forEach(legend => {
           null == legend || legend.release();
         }), null === (_f = internalProps.title) || void 0 === _f || _f.release(), internalProps.title = null, null === (_g = internalProps.emptyTip) || void 0 === _g || _g.release(), internalProps.emptyTip = null, internalProps.layoutMap.release(), this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), this._updateSize(), this.eventManager.updateEventBinder(), options.legends) {
           internalProps.legends = [];
@@ -47474,7 +47547,7 @@
           const MenuHandler = Factory.getComponent("menuHandler");
           internalProps.menuHandler = new MenuHandler(this);
         }
-        this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), internalProps.customMergeCell = options.customMergeCell, null === (_l = this.customCellStylePlugin) || void 0 === _l || _l.updateCustomCell(null !== (_m = options.customCellStyle) && void 0 !== _m ? _m : [], null !== (_o = options.customCellStyleArrangement) && void 0 !== _o ? _o : []);
+        this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), internalProps.customMergeCell = getCustomMergeCellFunc(options.customMergeCell), null === (_l = this.customCellStylePlugin) || void 0 === _l || _l.updateCustomCell(null !== (_m = options.customCellStyle) && void 0 !== _m ? _m : [], null !== (_o = options.customCellStyleArrangement) && void 0 !== _o ? _o : []);
       }
       renderWithRecreateCells() {
         const oldHoverState = {
@@ -48437,6 +48510,9 @@
         }
         this.render();
       }
+      checkHasColumnAutoWidth() {
+        return checkHasColumnAutoWidth(this);
+      }
     }
 
     const chartTypes = {};
@@ -49643,7 +49719,9 @@
             };
           results[id] = cell;
           for (let r = row - 1; r >= 0; r--) this._headerCellIds[r] && (this._headerCellIds[r][col] = roots[r]);
-          if (hideColumnsSubHeader ? this._headerCellIds[row - 1] && (rowCells[col] = this._headerCellIds[row - 1][col]) : rowCells[col] = id, hd.columns) this._addHeaders(row + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader).forEach(c => results.push(c));else {
+          if (hideColumnsSubHeader ? this._headerCellIds[row - 1] && (rowCells[col] = this._headerCellIds[row - 1][col]) : rowCells[col] = id, hd.columns) {
+            !hd.columns.every(c => c.hide) && this._addHeaders(row + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader).forEach(c => results.push(c));
+          } else {
             const colDef = {
               id: this.seqId++,
               field: hd.field,
@@ -49857,6 +49935,17 @@
           columnDefine: cur
         }), pre), []);
       }
+      getColumnByKey(key) {
+        var _a;
+        let col;
+        return {
+          columnDefine: null === (_a = this.columnObjects) || void 0 === _a ? void 0 : _a.find((columnData, index) => {
+            var _a;
+            return (null === (_a = columnData.define) || void 0 === _a ? void 0 : _a.key) === key && (col = index, !0);
+          }),
+          col: col
+        };
+      }
       getColumnDefine(col, row) {
         if (col >= 0) return col < this.leftRowSeriesNumberColumnCount ? this.leftRowSeriesNumberColumn[col].define : this.transpose ? this._columns[row].define : this._columns[col - this.leftRowSeriesNumberColumnCount].define;
       }
@@ -50476,7 +50565,7 @@
         var _a, _b, _c, _d, _e, _f;
         "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), super(container, options), this.showHeader = !0;
         const internalProps = this.internalProps;
-        if (internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.multipleSort = !!options.multipleSort, internalProps.dataConfig = options.groupBy ? getGroupByDataConfig(options.groupBy) : {}, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_b = null !== (_a = options.enableTreeNodeMerge) && void 0 !== _a ? _a : isValid$1(options.groupBy)) && void 0 !== _b && _b, this.internalProps.headerHelper.setTableColumnsEditor(), this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, this.transpose = null !== (_d = options.transpose) && void 0 !== _d && _d, "node" !== Env.mode && (this.editorManager = new EditManager(this)), this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? _setDataSource(this, options.dataSource) : options.records ? this.setRecords(options.records, {
+        if (internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.multipleSort = !!options.multipleSort, internalProps.dataConfig = options.groupBy ? getGroupByDataConfig(options.groupBy) : {}, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_b = null !== (_a = options.enableTreeNodeMerge) && void 0 !== _a ? _a : isValid$1(options.groupBy)) && void 0 !== _b && _b, this.internalProps.headerHelper.setTableColumnsEditor(), this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, this.internalProps.columnWidthConfig = options.columnWidthConfig, this.transpose = null !== (_d = options.transpose) && void 0 !== _d && _d, "node" !== Env.mode && (this.editorManager = new EditManager(this)), this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? _setDataSource(this, options.dataSource) : options.records ? this.setRecords(options.records, {
           sortState: internalProps.sortState
         }) : this.setRecords([]), options.title) {
           const Title = Factory.getComponent("title");
@@ -50689,7 +50778,7 @@
       updateOption(options) {
         var _a, _b, _c, _d, _e, _f;
         const internalProps = this.internalProps;
-        if (super.updateOption(options), internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.dataConfig = options.groupBy ? getGroupByDataConfig(options.groupBy) : {}, this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_c = null !== (_b = options.enableTreeNodeMerge) && void 0 !== _b ? _b : isValid$1(options.groupBy)) && void 0 !== _c && _c, this.internalProps.headerHelper.setTableColumnsEditor(), this.transpose = null !== (_d = options.transpose) && void 0 !== _d && _d, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, internalProps.releaseList && (internalProps.releaseList.forEach(releaseObj => {
+        if (super.updateOption(options), internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.dataConfig = options.groupBy ? getGroupByDataConfig(options.groupBy) : {}, this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_c = null !== (_b = options.enableTreeNodeMerge) && void 0 !== _b ? _b : isValid$1(options.groupBy)) && void 0 !== _c && _c, this.internalProps.headerHelper.setTableColumnsEditor(), this.transpose = null !== (_d = options.transpose) && void 0 !== _d && _d, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.internalProps.columnWidthConfig = options.columnWidthConfig, internalProps.releaseList && (internalProps.releaseList.forEach(releaseObj => {
           var _a;
           return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         }), internalProps.releaseList = null), options.dataSource ? _setDataSource(this, options.dataSource) : options.records ? this.setRecords(options.records, {
@@ -50890,7 +50979,7 @@
       getCheckboxState(field) {
         if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), isValid$1(field)) {
           let stateArr = this.stateManager.checkedState.values();
-          return this.options.groupBy && (stateArr = getGroupCheckboxState(this)), stateArr.map(state => state[field]);
+          return this.options.groupBy && (stateArr = getGroupCheckboxState(this)), Array.from(stateArr, state => state[field]);
         }
         return new Array(...this.stateManager.checkedState.values());
       }
@@ -51070,6 +51159,20 @@
       getBodyRowIndexByRecordIndex(index) {
         return Array.isArray(index) && 1 === index.length && (index = index[0]), this.dataSource.getTableIndex(index);
       }
+      _parseColumnWidthConfig(columnWidthConfig) {
+        for (let i = 0; i < (null == columnWidthConfig ? void 0 : columnWidthConfig.length); i++) {
+          const item = columnWidthConfig[i],
+            key = item.key,
+            width = item.width,
+            columnData = this.internalProps.layoutMap.getColumnByKey(key);
+          if (columnData.columnDefine) {
+            const {
+              col: col
+            } = columnData;
+            this.internalProps._widthResizedColMap.has(col) || (this._setColWidth(col, width), this.internalProps._widthResizedColMap.add(col));
+          }
+        }
+      }
     }
 
     function isXAxis(orient) {
@@ -52634,7 +52737,7 @@
             width: 100,
             height: 100
           }
-        }, this.isReleased = !1, this.table = table, this._emptyTipOption = Object.assign(this._emptyTipOption, !0 === emptyTipOption ? {} : emptyTipOption), this._emptyTipComponent = this._createOrUpdateEmptyTipComponent(this._getEmptyTipAttrs());
+        }, this.isReleased = !1, this.table = table, isBoolean$2(emptyTipOption) || isValid$1(emptyTipOption.displayMode) || (this.table.isListTable() ? emptyTipOption.displayMode = "basedOnTable" : emptyTipOption.displayMode = "basedOnContainer"), this._emptyTipOption = Object.assign(this._emptyTipOption, !0 === emptyTipOption ? {} : emptyTipOption), this._emptyTipComponent = this._createOrUpdateEmptyTipComponent(this._getEmptyTipAttrs());
       }
       _createOrUpdateEmptyTipComponent(attrs) {
         if (this._emptyTipComponent) isEqual(attrs, this._cacheAttrs) || this._emptyTipComponent.setAttributes(attrs);else {
@@ -52674,8 +52777,8 @@
         var _a;
         const leftHeaderWidth = this.table.transpose || !1 === this.table.options.indicatorsAsCol ? this.table.getFrozenColsWidth() : 0,
           topHeaderHeight = !this.table.transpose || this.table.options.indicatorsAsCol ? this.table.getFrozenRowsHeight() : 0,
-          width = (this.table.columnHeaderLevelCount > 0 && this.table.isListTable() ? this.table.getDrawRange().width : this.table.tableNoFrameWidth) - leftHeaderWidth - this.table.getTheme().scrollStyle.width,
-          height = (this.table.rowHeaderLevelCount > 0 && this.table.isListTable() ? this.table.getDrawRange().height : this.table.tableNoFrameHeight) - topHeaderHeight - this.table.getTheme().scrollStyle.width;
+          width = ("basedOnContainer" !== this._emptyTipOption.displayMode && this.table.columnHeaderLevelCount > 0 && this.table.colCount > this.table.rowHeaderLevelCount ? this.table.getDrawRange().width : this.table.tableNoFrameWidth) - leftHeaderWidth - this.table.getTheme().scrollStyle.width,
+          height = ("basedOnContainer" !== this._emptyTipOption.displayMode && this.table.rowHeaderLevelCount > 0 && this.table.rowCount > this.table.columnHeaderLevelCount ? this.table.getDrawRange().height : this.table.tableNoFrameHeight) - topHeaderHeight - this.table.getTheme().scrollStyle.width;
         return {
           spaceBetweenTextAndIcon: this._emptyTipOption.spaceBetweenTextAndIcon,
           x: this.table.tableX + leftHeaderWidth,
@@ -55689,6 +55792,42 @@
       return result || new Date(NaN);
     }
 
+    /**
+     * @name isSameDay
+     * @category Day Helpers
+     * @summary Are the given dates in the same day (and year and month)?
+     *
+     * @description
+     * Are the given dates in the same day (and year and month)?
+     *
+     * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+     *
+     * @param dateLeft - The first date to check
+     * @param dateRight - The second date to check
+
+     * @returns The dates are in the same day (and year and month)
+     *
+     * @example
+     * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
+     * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
+     * //=> true
+     *
+     * @example
+     * // Are 4 September and 4 October in the same day?
+     * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
+     * //=> false
+     *
+     * @example
+     * // Are 4 September, 2014 and 4 September, 2015 in the same day?
+     * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
+     * //=> false
+     */
+    function isSameDay(dateLeft, dateRight) {
+      const dateLeftStartOfDay = startOfDay(dateLeft);
+      const dateRightStartOfDay = startOfDay(dateRight);
+      return +dateLeftStartOfDay === +dateRightStartOfDay;
+    }
+
     /**
      * @name differenceInDays
      * @category Day Helpers
@@ -56283,9 +56422,7 @@
                 field: defaultDayTitles[index],
                 title: item,
                 fieldFormat: (record) => {
-                    if (record.year === currentDate.getFullYear() &&
-                        record.month === currentDate.getMonth() &&
-                        record[item] === currentDate.getDate()) {
+                    if (isSameDay(addDays(new Date(record.year, record.month, record.Sun), index), currentDate)) {
                         return `${record[item]}\nToday`;
                     }
                     else if (record[item] === 1) {
@@ -56295,7 +56432,7 @@
                     }
                     return record[item];
                 },
-                customLayout: calendarCustomLayout
+                customLayout: config.tableOptions?.customLayout ?? calendarCustomLayout
             };
         });
         const rowHeight = Math.floor((config.containerHeight -
@@ -56319,12 +56456,9 @@
                     bgColor: args => {
                         const { col, row, dataValue, table } = args;
                         const record = table.getCellRawRecord(col, row);
-                        const date = dataValue;
-                        const month = record.Sun > dataValue ? record.month + 1 : record.month;
-                        const year = record.month === 11 && record.Sun > dataValue ? record.year + 1 : record.year;
-                        if (year === currentDate.getFullYear() &&
-                            month === currentDate.getMonth() &&
-                            date === currentDate.getDate()) {
+                        record.Sun > dataValue ? record.month + 1 : record.month;
+                        record.month === 11 && record.Sun > dataValue ? record.year + 1 : record.year;
+                        if (isSameDay(addDays(new Date(record.year, record.month, record.Sun), col), currentDate)) {
                             return '#f0f0f0';
                         }
                         return '#fff';
@@ -56627,6 +56761,9 @@
             this.table = tableInstance;
             tableInstance.addEventListener('scroll', () => {
                 const record = this.getYearAndMonth();
+                if (!record) {
+                    return;
+                }
                 if (!record.Sun) {
                     this._updateMonthCustomStyle(this.startDate.getFullYear(), this.startDate.getMonth());
                     return;