@visactor/vtable-calendar 1.14.1 → 1.14.3

package/dist/vtable-calendar.js

@@ -591,6 +591,31 @@
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
+      },
+      __awaiter$b = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator.throw(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
       };
     let DefaultGlobal = class {
       get env() {
@@ -716,6 +741,11 @@
       loadBlob(url) {
         return this._env || this.setEnv("browser"), this.envContribution.loadBlob(url);
       }
+      loadFont(name, source, descriptors) {
+        return __awaiter$b(this, void 0, void 0, function* () {
+          return this._env || this.setEnv("browser"), this.envContribution.loadFont(name, source, descriptors);
+        });
+      }
       isChrome() {
         return null != this._isChrome || (this._env || this.setEnv("browser"), this._isChrome = "browser" === this._env && navigator.userAgent.indexOf("Chrome") > -1), this._isChrome;
       }
@@ -1794,19 +1824,10 @@
     }
     function isRotateAABBIntersect(box1, box2) {
       let isDeg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      let ctx = arguments.length > 3 ? arguments[3] : undefined;
       const rect1 = toRect(box1, isDeg),
         rect2 = toRect(box2, isDeg),
-        vector = (start, end) => [end.x - start.x, end.y - start.y];
-      ctx && (ctx.save(), ctx.fillStyle = "red", ctx.globalAlpha = .6, rect1.forEach((item, index) => {
-        0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
-      }), ctx.fill(), ctx.restore(), ctx.save(), ctx.fillStyle = "green", ctx.globalAlpha = .6, rect2.forEach((item, index) => {
-        0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
-      }), ctx.fill(), ctx.restore());
-      const p1 = getCenterPoint(box1),
-        p2 = getCenterPoint(box2);
-      ctx && ctx.fillRect(p1.x, p1.y, 2, 2), ctx && ctx.fillRect(p2.x, p2.y, 2, 2);
-      const vp1p2 = vector(p1, p2),
+        vector = (start, end) => [end.x - start.x, end.y - start.y],
+        vp1p2 = vector(getCenterPoint(box1), getCenterPoint(box2)),
         AB = vector(rect1[0], rect1[1]),
         BC = vector(rect1[1], rect1[2]),
         A1B1 = vector(rect2[0], rect2[1]),
@@ -2195,7 +2216,8 @@
     class OBBBounds extends Bounds$1 {
       constructor(bounds) {
         let angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        super(bounds), bounds && (this.angle = angle);
+        var _a;
+        super(bounds), bounds && (this.angle = null !== (_a = bounds.angle) && void 0 !== _a ? _a : angle);
       }
       intersects(b) {
         return isRotateAABBIntersect(this, b);
@@ -2208,6 +2230,9 @@
         let angle = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
         return super.setValue(x1, y1, x2, y2), this.angle = angle, this;
       }
+      clone() {
+        return new OBBBounds(this);
+      }
     }
 
     class Matrix {
@@ -5653,7 +5678,7 @@
       return null;
     }
 
-    var __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$a = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -5723,7 +5748,7 @@
       }
       forEachChildrenAsync(cb) {
         let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$a(this, void 0, void 0, function* () {
           if (reverse) {
             let child = this._lastChild,
               i = 0;
@@ -10353,68 +10378,6 @@
     const defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-    class DefaultImageBackgroundRenderContribution extends DefaultBaseBackgroundRenderContribution {
-      constructor() {
-        super(...arguments), this.time = BaseRenderContributionTime.beforeFillStroke;
-      }
-      drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
-        const {
-          background: background,
-          backgroundMode = graphicAttribute.backgroundMode,
-          backgroundFit = graphicAttribute.backgroundFit
-        } = graphic.attribute;
-        if (background) if (graphic.backgroundImg) {
-          const res = graphic.resources.get(background);
-          if ("success" !== res.state || !res.data) return;
-          if (context.save(), graphic.parent && !graphic.transMatrix.onlyTranslate()) {
-            const groupAttribute = getTheme(graphic.parent).group,
-              {
-                scrollX = groupAttribute.scrollX,
-                scrollY = groupAttribute.scrollY
-              } = graphic.parent.attribute;
-            context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0), context.translate(scrollX, scrollY);
-          }
-          const b = graphic.AABBBounds;
-          this.doDrawImage(context, res.data, b, backgroundMode, backgroundFit), context.restore(), graphic.transMatrix.onlyTranslate() || context.setTransformForCurrent();
-        } else if (isObject$6(background)) {
-          const {
-            stroke: stroke,
-            fill: fill,
-            lineWidth = 1,
-            cornerRadius = 0,
-            expandX = 0,
-            expandY = 0
-          } = background;
-          if (!stroke && !fill) return;
-          context.beginPath();
-          const {
-            x: x,
-            y: y,
-            width: width,
-            height: height
-          } = getActualPosition(graphic);
-          cornerRadius ? createRectPath(context, x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY, cornerRadius) : context.rect(x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY), context.globalAlpha = 1, fill && (context.fillStyle = fill, context.fill()), stroke && lineWidth > 0 && (context.lineWidth = lineWidth, context.strokeStyle = stroke, context.stroke());
-        } else {
-          context.beginPath();
-          const b = graphic.AABBBounds;
-          context.rect(x, y, b.width(), b.height()), context.fillStyle = background, context.globalAlpha = 1, context.fill();
-        }
-      }
-    }
-    function getActualPosition(graphic) {
-      const boundsPadding = parsePadding(graphic.attribute.boundsPadding),
-        bounds = graphic.AABBBounds;
-      let x = bounds.x1,
-        y = bounds.y1,
-        width = bounds.width(),
-        height = bounds.height();
-      return isNumber$4(boundsPadding) ? (x += boundsPadding, y += boundsPadding, width -= 2 * boundsPadding, height -= 2 * boundsPadding) : (x += boundsPadding[3], y += boundsPadding[0], width -= boundsPadding[1] + boundsPadding[3], height -= boundsPadding[0] + boundsPadding[2]), {
-        x: x,
-        y: y,
-        width: width,
-        height: height
-      };
-    }
     class DefaultImageRenderContribution extends DefaultRectRenderContribution {
       constructor() {
         super(...arguments), this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -10424,7 +10387,7 @@
       }
     }
     const defaultImageRenderContribution = new DefaultImageRenderContribution();
-    const defaultImageBackgroundRenderContribution = new DefaultImageBackgroundRenderContribution();
+    const defaultImageBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
     class DefaultSymbolRenderContribution {
       constructor() {
@@ -12102,26 +12065,25 @@
           doFill: doFill,
           doStroke: doStroke
         } = data;
-        context.setShadowBlendStyle && context.setShadowBlendStyle(image, imageAttribute), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
+        if (!url || !image.resources) return;
+        const res = image.resources.get(url);
+        if ("success" !== res.state) return;
+        let needRestore = !1;
+        0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) || (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius), needRestore = !0), context.setShadowBlendStyle && context.setShadowBlendStyle(image, image.attribute, imageAttribute);
         const _runFill = () => {
             if (doFill) if (fillCb) fillCb(context, image.attribute, imageAttribute);else if (fVisible) {
-              if (!url || !image.resources) return;
-              const res = image.resources.get(url);
-              if ("success" !== res.state) return;
-              let needRestore = !1;
-              0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) || (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius), context.save(), context.clip(), needRestore = !0), context.setCommonStyle(image, image.attribute, x, y, imageAttribute);
+              context.setCommonStyle(image, image.attribute, x, y, imageAttribute);
               let repeat = 0;
               if ("repeat" === repeatX && (repeat |= 1), "repeat" === repeatY && (repeat |= 2), repeat) {
                 const pattern = context.createPattern(res.data, repeatStr[repeat]);
                 context.fillStyle = pattern, context.translate(x, y, !0), context.fillRect(0, 0, width, height), context.translate(-x, -y, !0);
               } else context.drawImage(res.data, x, y, width, height);
-              needRestore && context.restore();
             }
           },
           _runStroke = () => {
             doStroke && (strokeCb ? strokeCb(context, image.attribute, imageAttribute) : sVisible && (context.setStrokeStyle(image, image.attribute, originX - x, originY - y, imageAttribute), context.stroke()));
           };
-        fillStrokeOrder ? (_runStroke(), _runFill()) : (_runFill(), _runStroke()), this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
+        fillStrokeOrder ? (_runStroke(), needRestore && (context.save(), context.clip()), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), needRestore && context.restore()) : (needRestore && (context.save(), context.clip()), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), needRestore && context.restore(), _runStroke()), this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
       }
       draw(image, renderService, drawContext) {
         const {
@@ -15338,7 +15300,7 @@
       container.load(envModules), container.load(textMeasureModules), container.load(layerHandlerModules);
     }
 
-    var __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$9 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -15411,7 +15373,7 @@
     }
     function foreachAsync(graphic, defaultZIndex, cb) {
       let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      return __awaiter$7(this, void 0, void 0, function* () {
+      return __awaiter$9(this, void 0, void 0, function* () {
         yield graphic.forEachChildrenAsync(cb, reverse);
       });
     }
@@ -15772,7 +15734,7 @@
           decorator(target, key, paramIndex);
         };
       },
-      __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -15807,7 +15769,7 @@
         }, this.defaultRenderMap.set(this.lineRender.numberType, this.lineRender), this.defaultRenderMap.set(this.areaRender.numberType, this.areaRender);
       }
       draw(renderService, drawContext) {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           if (this.checkingForDrawPromise) return;
           this.lastRenderService = renderService, this.lastDrawContext = drawContext, this.checkingForDrawPromise = this.checkForDraw(drawContext);
           const skipDraw = yield this.checkingForDrawPromise;
@@ -15828,15 +15790,15 @@
         });
       }
       _increaseRender(group, drawContext) {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           this.rendering = !0, yield this._renderIncrementalGroup(group, drawContext);
         });
       }
       _renderIncrementalGroup(group, drawContext) {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           this.count = group.count, yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$6(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$8(this, void 0, void 0, function* () {
                 if (2 !== group.count) yield foreachAsync(group, DefaultAttribute.zIndex, (item, i) => {
                   if (this.status === STATUS.STOP) return !0;
                   if (item.isContainer) return !1;
@@ -15857,7 +15819,7 @@
         });
       }
       waitToNextFrame() {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           return new Promise(resolve => {
             this.global.getRequestAnimationFrame()(() => {
               resolve(!1);
@@ -15866,13 +15828,13 @@
         });
       }
       checkForDraw(drawContext) {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           let skip = this.rendering;
           return drawContext.restartIncremental && (skip = !1, yield this.forceStop(), this.resetToInit()), skip;
         });
       }
       forceStop() {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           this.rendering && (this.status = STATUS.STOP, yield new Promise(resolve => {
             this.hooks.completeDraw.tap("stopCb", () => {
               this.status = STATUS.NORMAL, this.hooks.completeDraw.taps = this.hooks.completeDraw.taps.filter(item => "stopCb" !== item.name), resolve(!1);
@@ -15884,11 +15846,11 @@
         this.currFrameStartAt = 0, this.currentIdx = 0;
       }
       renderGroup(group, drawContext) {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           if (!drawContext.break && !1 !== group.attribute.visibleAll) return group.incremental && drawContext.startAtId === group._uid ? (yield this._increaseRender(group, drawContext), void (drawContext.break = !0)) : void (yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$6(this, void 0, void 0, function* () {
-                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$6(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$8(this, void 0, void 0, function* () {
+                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$8(this, void 0, void 0, function* () {
                   drawContext.break || item.isContainer && (yield this.renderGroup(item, drawContext));
                 })), resolve(!1);
               })
@@ -16688,12 +16650,37 @@
     BaseCanvas.env = "browser";
 
     var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-      var d,
-        c = arguments.length,
-        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-      if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator.throw(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
     let BaseEnvContribution = class {
       configure(service) {
         service.env === this.type && service.setActiveEnvContribution(this);
@@ -16762,6 +16749,13 @@
           left: 0
         };
       }
+      loadFont(font, source, descriptors) {
+        return __awaiter$7(this, void 0, void 0, function* () {
+          return {
+            loadState: "fail"
+          };
+        });
+      }
     };
     BaseEnvContribution = __decorate$E([injectable()], BaseEnvContribution);
 
@@ -16997,7 +16991,7 @@
         const fVisible = fillVisible(opacity, fillOpacity, !0),
           sVisible = fillVisible(opacity, strokeOpacity, !0);
         if (!fVisible) return;
-        context.translate(x, y), this.beforeRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
+        context.setShadowBlendStyle && context.setShadowBlendStyle(richtext, richtext.attribute, richtextAttribute), context.translate(x, y), this.beforeRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
         richtext.getFrameCache().draw(context, this.drawIcon), this.afterRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
       }
       drawIcon(icon, context, x, y, baseline) {
@@ -17375,10 +17369,17 @@
           this.render(), this.bindEvents();
         });
       }
-      setAttribute(key, value, forceUpdateTag) {
+      setAttribute(key, value, forceUpdateTag, context) {
+        const params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate({
+          [key]: value
+        }, this.attribute, key, context);
+        if (params) return this._setAttributes(params, forceUpdateTag);
         isPlainObject$3(this.attribute[key]) && isPlainObject$3(value) && !isFunction$3(this.attribute[key]) && !isFunction$3(value) ? merge$1(this.attribute[key], value) : this.attribute[key] = value, GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
       }
-      setAttributes(params, forceUpdateTag) {
+      setAttributes(params, forceUpdateTag, context) {
+        return params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this._setAttributes(params, forceUpdateTag);
+      }
+      _setAttributes(params, forceUpdateTag) {
         const keys = Object.keys(params);
         this._mergeAttributes(params, keys), keys.every(key => GROUP_ATTRIBUTES.includes(key)) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTags(keys) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
       }
@@ -17685,6 +17686,7 @@
         });
       }
       emitEvent(type, e) {
+        if (!this.element) return;
         const listeners = this.element._events[WILDCARD];
         if (listeners) if ("fn" in listeners) listeners.fn.call(listeners.context, e, type);else for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) listeners[i].fn.call(listeners[i].context, e, type);
         this.emit(type, e);
@@ -18561,6 +18563,31 @@
       },
       __metadata$j = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      },
+      __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator.throw(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
       };
     class DynamicB {
       get x1() {
@@ -18756,6 +18783,19 @@
           left: actualLeft
         };
       }
+      loadFont(font, source, descriptors) {
+        return __awaiter$6(this, void 0, void 0, function* () {
+          return new FontFace(font, isString$4(source) ? `url(${source})` : source, descriptors).load().then(function (loadedFont) {
+            return document.fonts.add(loadedFont), {
+              loadState: "success"
+            };
+          }).catch(function (error) {
+            return {
+              loadState: "fail"
+            };
+          });
+        });
+      }
     };
     BrowserEnvContribution = __decorate$v([injectable(), __metadata$j("design:paramtypes", [])], BrowserEnvContribution);
 
@@ -21104,6 +21144,52 @@
       zIndex: 1
     };
 
+    function genNormalBounds(item) {
+      const bounds = item.AABBBounds;
+      return {
+        x1: bounds.x1,
+        x2: bounds.x2,
+        y1: bounds.y1,
+        y2: bounds.y2,
+        centerX: item.attribute.x,
+        centerY: item.attribute.y,
+        angle: item.attribute.angle
+      };
+    }
+    function genRotateBounds(items) {
+      items.forEach(item => {
+        if (item.rotatedBounds || !item.attribute.angle) return;
+        const bounds = genNormalBounds(item),
+          rotatedCenter = rotatePoint({
+            x: item.attribute.x,
+            y: item.attribute.y
+          }, bounds.angle, {
+            x: bounds.centerX,
+            y: bounds.centerY
+          }),
+          deltaX = rotatedCenter.x - bounds.centerX,
+          deltaY = rotatedCenter.y - bounds.centerY;
+        bounds.x1 += deltaX, bounds.x2 += deltaX, bounds.y1 += deltaY, bounds.y2 += deltaY, bounds.centerX += deltaX, bounds.centerY += deltaY, item.rotatedBounds = bounds;
+      });
+    }
+    function itemIntersect(item1, item2) {
+      var _a, _b;
+      return (null === (_a = item1.OBBBounds) || void 0 === _a ? void 0 : _a.empty()) || (null === (_b = item2.OBBBounds) || void 0 === _b ? void 0 : _b.empty()) ? isRectIntersect(item1.AABBBounds, item2.AABBBounds, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0)) : item1.OBBBounds.intersects(item2.OBBBounds);
+    }
+    const DELTA_ANGLE = Math.sin(Math.PI / 10);
+    function isAngleVertical(angle) {
+      let delta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DELTA_ANGLE;
+      const hasAngle = !isNil$3(angle) && 0 !== angle,
+        cos = hasAngle ? Math.cos(angle) : 1;
+      return hasAngle && Math.abs(cos) <= delta;
+    }
+    function isAngleHorizontal(angle) {
+      let delta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DELTA_ANGLE;
+      const hasAngle = !isNil$3(angle) && 0 !== angle,
+        sin = hasAngle ? Math.sin(angle) : 0;
+      return !hasAngle || Math.abs(sin) <= delta;
+    }
+
     function getCircleLabelPosition(tickPosition, tickVector) {
       return {
         x: tickPosition.x + tickVector[0],
@@ -21151,9 +21237,11 @@
       return getCircleLabelPosition(labelPoint, getCircleVerticalVector(labelOffset || 1, labelPoint, center, inside));
     }
     function textIntersect(textA, textB, sep) {
-      let a = textA.OBBBounds,
-        b = textB.OBBBounds;
-      return a && b && !a.empty() && !b.empty() ? a.intersects(b) : (a = textA.AABBBounds, b = textB.AABBBounds, sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2));
+      var _a;
+      let a, b;
+      const angle = null === (_a = textA.attribute) || void 0 === _a ? void 0 : _a.angle,
+        isAABBIntersects = (textA, textB, sep) => (a = textA.AABBBounds, b = textB.AABBBounds, sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2));
+      return isAngleHorizontal(angle, Number.EPSILON) ? isAABBIntersects(textA, textB, sep) : (a = textA.OBBBounds, b = textB.OBBBounds, !a || !b || a.empty() || b.empty() ? isAABBIntersects(textA, textB, sep) : a.intersects(b));
     }
     function hasOverlap(items, pad) {
       for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (b = items[i], textIntersect(a, b, pad)) return !0;
@@ -21323,7 +21411,10 @@
               isFunction$3(labelState[key]) && (labelState[key] = labelState[key](item, index, data, layer));
             }), text.states = labelState;
           }
-          labelGroup.add(text);
+          text.data = Object.assign(Object.assign({}, item), {
+            index: index,
+            layer: layer
+          }), labelGroup.add(text);
         }), labelGroup;
       }
       renderTitle(container) {
@@ -21537,50 +21628,6 @@
       });
     }
 
-    function genNormalBounds(item) {
-      const bounds = item.AABBBounds;
-      return {
-        x1: bounds.x1,
-        x2: bounds.x2,
-        y1: bounds.y1,
-        y2: bounds.y2,
-        centerX: item.attribute.x,
-        centerY: item.attribute.y,
-        angle: item.attribute.angle
-      };
-    }
-    function genRotateBounds(items) {
-      items.forEach(item => {
-        if (item.rotatedBounds || !item.attribute.angle) return;
-        const bounds = genNormalBounds(item),
-          rotatedCenter = rotatePoint({
-            x: item.attribute.x,
-            y: item.attribute.y
-          }, bounds.angle, {
-            x: bounds.centerX,
-            y: bounds.centerY
-          }),
-          deltaX = rotatedCenter.x - bounds.centerX,
-          deltaY = rotatedCenter.y - bounds.centerY;
-        bounds.x1 += deltaX, bounds.x2 += deltaX, bounds.y1 += deltaY, bounds.y2 += deltaY, bounds.centerX += deltaX, bounds.centerY += deltaY, item.rotatedBounds = bounds;
-      });
-    }
-    function itemIntersect(item1, item2) {
-      var _a, _b;
-      return (null === (_a = item1.OBBBounds) || void 0 === _a ? void 0 : _a.empty()) || (null === (_b = item2.OBBBounds) || void 0 === _b ? void 0 : _b.empty()) ? isRectIntersect(item1.AABBBounds, item2.AABBBounds, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0)) : item1.OBBBounds.intersects(item2.OBBBounds);
-    }
-    const DELTA_ANGLE = Math.sin(Math.PI / 10);
-    function isAngleVertical(angle) {
-      const hasAngle = !isNil$3(angle) && 0 !== angle,
-        cos = hasAngle ? Math.cos(angle) : 1;
-      return hasAngle && Math.abs(cos) <= DELTA_ANGLE;
-    }
-    function isAngleHorizontal(angle) {
-      const hasAngle = !isNil$3(angle) && 0 !== angle,
-        sin = hasAngle ? Math.sin(angle) : 0;
-      return !hasAngle || Math.abs(sin) <= DELTA_ANGLE;
-    }
-
     function autoRotate(items, rotateConfig) {
       if (isEmpty$1(items)) return;
       const {
@@ -22816,7 +22863,7 @@
         breakData: breakData
       } = op;
       let scaleTicks;
-      if (isValid$3(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$3(forceTickCount)) scaleTicks = getScaleTicks(op, scale, forceTickCount, (count, subDomain) => subDomain && subDomain.length ? scale.domain(subDomain, !0).forceTicks(count) : scale.forceTicks(count));else if ("d3" === op.tickMode) {
+      if (isValid$3(tickStep)) ticks = scale.stepTicks(tickStep), breakDomains = breakData && breakData() ? breakData().breakDomains : null, scaleTicks = breakDomains && breakDomains.length ? ticks.filter(tick => breakDomains.every(breakDomain => tick < breakDomain[0] || tick > breakDomain[1])) : ticks;else if (isValid$3(forceTickCount)) scaleTicks = getScaleTicks(op, scale, forceTickCount, (count, subDomain) => subDomain && subDomain.length ? scale.domain(subDomain, !0).forceTicks(count) : scale.forceTicks(count));else if ("d3" === op.tickMode) {
         const count = null !== (_a = isFunction$3(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -22840,19 +22887,30 @@
           customTicks: customTicks
         }));
       }
+      var ticks, breakDomains;
       const domain = scale.domain();
       if (op.labelFirstVisible && domain[0] !== scaleTicks[0] && !scaleTicks.includes(domain[0]) && scaleTicks.unshift(domain[0]), op.labelLastVisible && domain[domain.length - 1] !== scaleTicks[scaleTicks.length - 1] && !scaleTicks.includes(domain[domain.length - 1]) && scaleTicks.push(domain[domain.length - 1]), op.sampling && scaleTicks.length > 1 && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
         const {
-          labelGap = 4,
-          labelFlush: labelFlush
-        } = op;
-        let items = getCartesianLabelBounds(scale, scaleTicks, op).map((bounds, i) => ({
+            labelGap = 4,
+            labelFlush: labelFlush
+          } = op,
+          MIN_FONT_SIZE = 6;
+        let items;
+        if (scaleTicks.length * MIN_FONT_SIZE > rangeSize) {
+          const samplingScaleTicks = [],
+            step = Math.floor(scaleTicks.length * MIN_FONT_SIZE / rangeSize);
+          scaleTicks.forEach((tick, index) => {
+            index % step != 0 && index !== scaleTicks.length - 1 || samplingScaleTicks.push(tick);
+          }), items = getCartesianLabelBounds(scale, samplingScaleTicks, op).map((bounds, i) => ({
+            AABBBounds: bounds,
+            value: samplingScaleTicks[i]
+          }));
+        } else items = getCartesianLabelBounds(scale, scaleTicks, op).map((bounds, i) => ({
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        const source = [...items],
-          firstSourceItem = source[0],
-          lastSourceItem = last$1(source),
+        const firstSourceItem = items[0],
+          lastSourceItem = last$1(items),
           samplingMethod = breakData && breakData() ? methods.greedy : methods.parity;
         for (; items.length >= 3 && hasOverlap(items, labelGap);) items = samplingMethod(items, labelGap);
         const checkFirst = op.labelFirstVisible;
@@ -23422,7 +23480,8 @@
           } = this.attribute,
           {
             spaceCol = DEFAULT_ITEM_SPACE_COL,
-            spaceRow = DEFAULT_ITEM_SPACE_ROW
+            spaceRow = DEFAULT_ITEM_SPACE_ROW,
+            verticalAlign = "middle"
           } = itemAttrs,
           itemsContainer = this._itemsContainer,
           {
@@ -23441,7 +23500,9 @@
             startY: startY,
             pages: pages
           } = this._itemContext,
-          lastItemWidth = 0;
+          lastItemWidth = 0,
+          lastLineHeight = 0;
+        const lastLineItemGroup = [];
         for (let index = startIndex, len = legendItems.length; index < len && !(lazyload && pages > this._itemContext.currentPage * maxPages); index++) {
           lazyload && (this._itemContext.startIndex = index + 1), item = legendItems[index], item.id || (item.id = item.label), item.index = index;
           let isSelected = !0;
@@ -23449,15 +23510,23 @@
           const itemGroup = this._renderEachItem(item, isSelected, index, legendItems),
             itemWidth = itemGroup.attribute.width,
             itemHeight = itemGroup.attribute.height;
-          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (isValid$3(maxWidth) && (isScrollbar && autoPage ? (pages = Math.ceil((startX + itemWidth) / maxWidth), doWrap = pages > 1) : startX + itemWidth > maxWidth && (doWrap = !0, startX > 0 && (pages += 1, startX = 0, startY += itemHeight + spaceRow))), 0 === startX && 0 === startY || itemGroup.setAttributes({
+          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (isValid$3(maxWidth) && (isScrollbar && autoPage ? (pages = Math.ceil((startX + itemWidth) / maxWidth), doWrap = pages > 1) : startX + itemWidth > maxWidth && (doWrap = !0, startX > 0 && ("middle" !== verticalAlign && "bottom" !== verticalAlign || lastLineItemGroup.forEach(i => {
+            i.setAttributes({
+              y: i.attribute.y + (lastLineHeight - i.attribute.height) / ("middle" === verticalAlign ? 2 : 1)
+            });
+          }), pages += 1, startX = 0, startY += lastLineHeight + spaceRow, lastLineHeight = 0, lastLineItemGroup.length = 0))), 0 === startX && 0 === startY || itemGroup.setAttributes({
             x: startX,
             y: startY
-          }), startX += spaceCol + itemWidth) : (isValid$3(maxHeight) && (isScrollbar && autoPage ? (pages = Math.ceil((startY + itemHeight) / maxHeight), doWrap = pages > 1) : maxHeight <= itemHeight ? (pages += 1, doWrap = !0, startY = 0, index > 0 && (startX += lastItemWidth + spaceCol)) : maxHeight < startY + itemHeight && (pages += 1, doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0)), 0 === startX && 0 === startY || itemGroup.setAttributes({
+          }), startX += spaceCol + itemWidth, lastLineHeight = Math.max(lastLineHeight, itemHeight), lastLineItemGroup.push(itemGroup)) : (isValid$3(maxHeight) && (isScrollbar && autoPage ? (pages = Math.ceil((startY + itemHeight) / maxHeight), doWrap = pages > 1) : maxHeight <= itemHeight ? (pages += 1, doWrap = !0, startY = 0, index > 0 && (startX += lastItemWidth + spaceCol)) : maxHeight < startY + itemHeight && (pages += 1, doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0)), 0 === startX && 0 === startY || itemGroup.setAttributes({
             x: startX,
             y: startY
           }), startY += spaceRow + itemHeight), itemsContainer.add(itemGroup), lastItemWidth = itemWidth;
         }
-        return this._itemContext.doWrap = doWrap, this._itemContext.startX = startX, this._itemContext.startY = startY, this._itemContext.maxWidthInCol = maxWidthInCol, this._itemContext.pages = pages, this._itemContext.maxPages = maxPages, isScrollbar && (this._itemContext.totalPage = pages), lazyload || (this._itemContext.startIndex = legendItems.length), this._itemContext;
+        return !isHorizontal || "middle" !== verticalAlign && "bottom" !== verticalAlign || lastLineItemGroup.forEach(i => {
+          i.setAttributes({
+            y: i.attribute.y + (lastLineHeight - i.attribute.height) / ("middle" === verticalAlign ? 2 : 1)
+          });
+        }), this._itemContext.doWrap = doWrap, this._itemContext.startX = startX, this._itemContext.startY = startY, this._itemContext.maxWidthInCol = maxWidthInCol, this._itemContext.pages = pages, this._itemContext.maxPages = maxPages, isScrollbar && (this._itemContext.totalPage = pages), lazyload || (this._itemContext.startIndex = legendItems.length), this._itemContext;
       }
       _renderContent() {
         const {
@@ -34715,8 +34784,7 @@
       for (let col = 0; col < scene.table.colCount; col++) {
         const distHeight = maxHeight,
           cell = scene.highPerformanceGetCell(col, row);
-        if ("empty" === cell.role) return;
-        updateCellHeightForRow(scene, cell, col, row, distHeight, distHeight - cell.attribute.height, scene.table.isHeader(col, row));
+        "empty" !== cell.role && updateCellHeightForRow(scene, cell, col, row, distHeight, distHeight - cell.attribute.height, scene.table.isHeader(col, row));
       }
     }
 
@@ -36495,22 +36563,22 @@
       if (strokeTop) {
         const deltaLeft = (isWidthNumber ? widthInfo.width : strokeArrayWidth[0]) / 2,
           deltaRight = (isWidthNumber ? widthInfo.width : strokeArrayWidth[0]) / 2;
-        isPart && Array.isArray(part[0]) ? (context.moveTo(x - deltaLeft + (width + deltaLeft + deltaRight) * part[0][0], y), context.lineTo(x - deltaLeft + (width + deltaLeft + deltaRight) * (part[0][1] - part[0][0]), y), context.moveTo(x + width + deltaRight, y)) : (context.moveTo(x - deltaLeft, y), context.lineTo(x + width + deltaRight, y)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[0] ? context.strokeStyle = strokeArrayColor[0] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[0]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_a = lineDash[0]) && void 0 !== _a ? _a : []), context.stroke(), context.beginPath(), context.moveTo(x + width, y));
+        isPart && Array.isArray(part[0]) ? (context.moveTo(x - deltaLeft + (width + deltaLeft + deltaRight) * part[0][0], y), context.lineTo(x - deltaLeft + (width + deltaLeft + deltaRight) * (part[0][1] - part[0][0]), y), context.moveTo(x + width + deltaRight, y)) : (context.moveTo(x - deltaLeft, y), context.lineTo(x + width + deltaRight, y)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[0] ? context.strokeStyle = strokeArrayColor[0] : strokeArrayColor && !strokeArrayColor[0] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[0]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_a = lineDash[0]) && void 0 !== _a ? _a : []), context.stroke(), context.beginPath(), context.moveTo(x + width, y));
       } else context.moveTo(x + width, y);
       if (strokeRight) {
         const deltaTop = (isWidthNumber ? widthInfo.width : strokeArrayWidth[1]) / 2,
           deltaBottom = (isWidthNumber ? widthInfo.width : strokeArrayWidth[1]) / 2;
-        isPart && Array.isArray(part[1]) ? (context.moveTo(x + width, y - deltaTop + height * part[1][0]), context.lineTo(x + width, y - deltaTop + (height + deltaTop + deltaBottom) * (part[1][1] - part[1][0])), context.moveTo(x + width, y + height + deltaBottom)) : (context.moveTo(x + width, y - deltaTop), context.lineTo(x + width, y + height + deltaBottom)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[1] ? context.strokeStyle = strokeArrayColor[1] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[1]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_b = lineDash[1]) && void 0 !== _b ? _b : []), context.stroke(), context.beginPath(), context.moveTo(x + width, y + height));
+        isPart && Array.isArray(part[1]) ? (context.moveTo(x + width, y - deltaTop + height * part[1][0]), context.lineTo(x + width, y - deltaTop + (height + deltaTop + deltaBottom) * (part[1][1] - part[1][0])), context.moveTo(x + width, y + height + deltaBottom)) : (context.moveTo(x + width, y - deltaTop), context.lineTo(x + width, y + height + deltaBottom)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[1] ? context.strokeStyle = strokeArrayColor[1] : strokeArrayColor && !strokeArrayColor[1] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[1]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_b = lineDash[1]) && void 0 !== _b ? _b : []), context.stroke(), context.beginPath(), context.moveTo(x + width, y + height));
       } else context.moveTo(x + width, y + height);
       if (strokeBottom) {
         const deltaLeft = (isWidthNumber ? widthInfo.width : strokeArrayWidth[2]) / 2,
           deltaRight = (isWidthNumber ? widthInfo.width : strokeArrayWidth[2]) / 2;
-        isPart && Array.isArray(part[2]) ? (context.moveTo(x - deltaLeft + (width + deltaLeft + deltaRight) * part[2][0], y + height), context.lineTo(x - deltaLeft + (width + deltaLeft + deltaRight) * (part[2][1] - part[2][0]), y + height), context.moveTo(x - deltaLeft, y + height)) : (context.moveTo(x - deltaLeft, y + height), context.lineTo(x + width + deltaRight, y + height)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[2] ? context.strokeStyle = strokeArrayColor[2] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[2]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_c = lineDash[2]) && void 0 !== _c ? _c : []), context.stroke(), context.beginPath(), context.moveTo(x, y + height));
+        isPart && Array.isArray(part[2]) ? (context.moveTo(x - deltaLeft + (width + deltaLeft + deltaRight) * part[2][0], y + height), context.lineTo(x - deltaLeft + (width + deltaLeft + deltaRight) * (part[2][1] - part[2][0]), y + height), context.moveTo(x - deltaLeft, y + height)) : (context.moveTo(x - deltaLeft, y + height), context.lineTo(x + width + deltaRight, y + height)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[2] ? context.strokeStyle = strokeArrayColor[2] : strokeArrayColor && !strokeArrayColor[2] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[2]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_c = lineDash[2]) && void 0 !== _c ? _c : []), context.stroke(), context.beginPath(), context.moveTo(x, y + height));
       } else context.moveTo(x, y + height);
       if (strokeLeft) {
         const deltaTop = (isWidthNumber ? widthInfo.width : strokeArrayWidth[3]) / 2,
           deltaBottom = (isWidthNumber ? widthInfo.width : strokeArrayWidth[3]) / 2;
-        isPart && Array.isArray(part[3]) ? (context.moveTo(x, y - deltaTop + (height + deltaTop + deltaBottom) * part[3][0]), context.lineTo(x, y - deltaTop + (height + deltaTop + deltaBottom) * (part[3][1] - part[3][0])), context.moveTo(x, y - deltaTop)) : (context.moveTo(x, y - deltaTop), context.lineTo(x, y + height + deltaBottom)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[3] ? context.strokeStyle = strokeArrayColor[3] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[3]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_d = lineDash[3]) && void 0 !== _d ? _d : []), context.stroke(), context.beginPath(), context.moveTo(x, y));
+        isPart && Array.isArray(part[3]) ? (context.moveTo(x, y - deltaTop + (height + deltaTop + deltaBottom) * part[3][0]), context.lineTo(x, y - deltaTop + (height + deltaTop + deltaBottom) * (part[3][1] - part[3][0])), context.moveTo(x, y - deltaTop)) : (context.moveTo(x, y - deltaTop), context.lineTo(x, y + height + deltaBottom)), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[3] ? context.strokeStyle = strokeArrayColor[3] : strokeArrayColor && !strokeArrayColor[3] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[3]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_d = lineDash[3]) && void 0 !== _d ? _d : []), context.stroke(), context.beginPath(), context.moveTo(x, y));
       } else context.moveTo(x, y);
       isSplitDraw || isDash || (!isWidthNumber && widthInfo.width && (context.lineWidth = widthInfo.width), context.stroke()), context.lineDashOffset = 0, context.setLineDash([]);
     }
@@ -36781,19 +36849,19 @@
         strokeLeft = (isStrokeTrue || stroke[3]) && (isWidthNumber || strokeArrayWidth[3]);
       if (strokeTop && 0 === i) {
         isWidthNumber ? widthInfo.width : strokeArrayWidth[0], isWidthNumber ? widthInfo.width : strokeArrayWidth[0];
-        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[0] ? context.strokeStyle = strokeArrayColor[0] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[0]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_a = lineDash[0]) && void 0 !== _a ? _a : []), context.stroke(), context.beginPath());
+        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[0] ? context.strokeStyle = strokeArrayColor[0] : strokeArrayColor && !strokeArrayColor[0] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[0]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_a = lineDash[0]) && void 0 !== _a ? _a : []), context.stroke(), context.beginPath());
       } else 0 === i && context.moveTo(x + width, y);
       if (strokeRight && 1 === i) {
         isWidthNumber ? widthInfo.width : strokeArrayWidth[1], isWidthNumber ? widthInfo.width : strokeArrayWidth[1];
-        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[1] ? context.strokeStyle = strokeArrayColor[1] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[1]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_b = lineDash[1]) && void 0 !== _b ? _b : []), context.stroke(), context.beginPath(), context.moveTo(x + width, y + height));
+        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[1] ? context.strokeStyle = strokeArrayColor[1] : strokeArrayColor && !strokeArrayColor[1] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[1]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_b = lineDash[1]) && void 0 !== _b ? _b : []), context.stroke(), context.beginPath(), context.moveTo(x + width, y + height));
       } else 1 === i && context.moveTo(x + width, y + height);
       if (strokeBottom && 2 === i) {
         isWidthNumber ? widthInfo.width : strokeArrayWidth[2], isWidthNumber ? widthInfo.width : strokeArrayWidth[2];
-        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[2] ? context.strokeStyle = strokeArrayColor[2] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[2]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_c = lineDash[2]) && void 0 !== _c ? _c : []), context.stroke(), context.beginPath(), context.moveTo(x, y + height));
+        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[2] ? context.strokeStyle = strokeArrayColor[2] : strokeArrayColor && !strokeArrayColor[2] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[2]), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, isDash && context.setLineDash(null !== (_c = lineDash[2]) && void 0 !== _c ? _c : []), context.stroke(), context.beginPath(), context.moveTo(x, y + height));
       } else 2 === i && context.moveTo(x, y + height);
       if (strokeLeft && 3 === i) {
         isWidthNumber ? widthInfo.width : strokeArrayWidth[3], isWidthNumber ? widthInfo.width : strokeArrayWidth[3];
-        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[3] ? context.strokeStyle = strokeArrayColor[3] : context.strokeStyle = "transparent", isWidthNumber || (context.lineWidth = strokeArrayWidth[3]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_d = lineDash[3]) && void 0 !== _d ? _d : []), context.stroke(), context.beginPath(), context.moveTo(x, y));
+        context.moveTo(x1, y1), context.lineTo(x2, y2), (isSplitDraw || isDash) && (strokeArrayColor && strokeArrayColor[3] ? context.strokeStyle = strokeArrayColor[3] : strokeArrayColor && !strokeArrayColor[3] && (context.strokeStyle = "transparent"), isWidthNumber || (context.lineWidth = strokeArrayWidth[3]), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, isDash && context.setLineDash(null !== (_d = lineDash[3]) && void 0 !== _d ? _d : []), context.stroke(), context.beginPath(), context.moveTo(x, y));
       } else 3 === i && context.moveTo(x, y);
       isSplitDraw || isDash || (!isWidthNumber && widthInfo.width && (context.lineWidth = widthInfo.width), context.stroke()), context.lineDashOffset = 0, context.setLineDash([]), context.closePath();
     }
@@ -37436,7 +37504,7 @@
           rightBottomCornerGroup: rightBottomCornerGroup
         } = table.scenegraph;
       let distCol, distRow, distColForCompute, distRowForCompute;
-      proxy.setParamsForRow(), proxy.setParamsForColumn(), "adaptive" === table.widthMode || table.options.autoWrapText && ("adaptive" === table.heightMode || table.isAutoRowHeight()) ? (distColForCompute = table.colCount - 1, distCol = Math.min(proxy.firstScreenColLimit, table.colCount - 1)) : distCol = Math.min(proxy.firstScreenColLimit, table.colCount - 1), "adaptive" === table.heightMode ? (distRowForCompute = table.rowCount - 1, distRow = Math.min(proxy.firstScreenRowLimit, table.rowCount - 1)) : distRow = Math.min(proxy.firstScreenRowLimit, 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({
+      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));
@@ -37444,12 +37512,12 @@
 
     function getFirstChild(containerGroup) {
       let child = containerGroup.firstChild;
-      for (; "group" !== child.type;) child = child._next;
+      for (; child && "group" !== child.type;) child = child._next;
       return child;
     }
     function getLastChild(containerGroup) {
       let child = containerGroup.lastChild;
-      for (; "group" !== child.type;) child = child._prev;
+      for (; child && "group" !== child.type;) child = child._prev;
       return child;
     }
     function getPrevGroup(group) {
@@ -37611,7 +37679,7 @@
         const colGroup = proxy.table.scenegraph.getColGroup(col);
         colGroup && updateColGroupContentAsync(colGroup, proxy);
       }
-      proxy.progress();
+      updateColumnContainerWidth(proxy.table.scenegraph.colHeaderGroup), updateColumnContainerWidth(proxy.table.scenegraph.bottomFrozenGroup), updateColumnContainerWidth(proxy.table.scenegraph.bodyGroup), proxy.progress();
     }
     function updateAllColPosition(distStartColY, count, direction, proxy) {
       proxy.table.scenegraph.colHeaderGroup.forEachChildren((colGroup, index) => {
@@ -37622,6 +37690,11 @@
         "group" === colGroup.type && updateColGroupPosition(colGroup, "left" === direction ? colGroup.col + count : colGroup.col - count, 0 === index ? distStartColY : colGroup._prev.attribute.x + proxy.table.getColWidth(colGroup._prev.col));
       });
     }
+    function updateColumnContainerWidth(containerGroup) {
+      var _a;
+      const lastColGroup = getLastChild(containerGroup);
+      lastColGroup && (containerGroup.setAttribute("width", lastColGroup.attribute.x + lastColGroup.attribute.width), null === (_a = containerGroup.border) || void 0 === _a || _a.setAttribute("width", lastColGroup.attribute.x + lastColGroup.attribute.width));
+    }
 
     function updateAutoRow(colStart, colEnd, rowStart, rowEnd, table) {
       let direction = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : "up";
@@ -40017,7 +40090,7 @@
         var _a, _b;
         this.table.animationManager.clear(), (this.table.isPivotChart() || this.table._hasCustomRenderOrLayout()) && this.stage.pluginService.findPluginsByName("poptipForText").forEach(plugin => {
           plugin.deactivate(this.stage.pluginService);
-        }), this.clear = !0, this.hasFrozen = !1, this.mergeMap.clear(), this.colHeaderGroup.clear(), this.rowHeaderGroup.clear(), this.cornerHeaderGroup.clear(), this.bodyGroup.clear(), this.bottomFrozenGroup.clear(), this.rightFrozenGroup.clear(), this.rightTopCornerGroup.clear(), this.rightBottomCornerGroup.clear(), this.leftBottomCornerGroup.clear(), this.colHeaderGroup.setAttributes({
+        }), this.clear = !0, this.hasFrozen = !1, this.mergeMap.clear(), this.colHeaderGroup.clear(), delete this.colHeaderGroup.border, this.rowHeaderGroup.clear(), delete this.rowHeaderGroup.border, this.cornerHeaderGroup.clear(), delete this.cornerHeaderGroup.border, this.bodyGroup.clear(), delete this.bodyGroup.border, this.bottomFrozenGroup.clear(), delete this.bottomFrozenGroup.border, this.rightFrozenGroup.clear(), delete this.rightFrozenGroup.border, this.rightTopCornerGroup.clear(), delete this.rightTopCornerGroup.border, this.rightBottomCornerGroup.clear(), delete this.rightBottomCornerGroup.border, this.leftBottomCornerGroup.clear(), delete this.leftBottomCornerGroup.border, this.colHeaderGroup.setAttributes({
           x: 0,
           y: 0,
           width: 0,
@@ -40253,13 +40326,13 @@
         if (this.table.transpose) null === (_a = this.bodyGroup.children) || void 0 === _a || _a.forEach(columnGroup => {
           var _a;
           null === (_a = columnGroup.getChildAt(row)) || void 0 === _a || _a.getChildren().forEach(node => {
-            "checkbox" === node.name && node.setAttribute("checked", checked);
+            "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked)));
           });
         });else {
           const columnGroup = this.getColGroup(col);
           null === (_b = null == columnGroup ? void 0 : columnGroup.children) || void 0 === _b || _b.forEach(cellNode => {
             cellNode.getChildren().find(node => {
-              "checkbox" === node.name && node.setAttribute("checked", checked);
+              "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked)));
             });
           });
         }
@@ -41601,12 +41674,12 @@
         allUnChecked = !0,
         hasChecked = !1;
       return state.checkedState.forEach((check_state, index) => {
-        var _a;
+        var _a, _b;
         index = index.includes(",") ? index.split(",").map(item => Number(item)) : Number(index);
         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 || 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) && 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) {
@@ -41645,6 +41718,11 @@
       } = checkbox.attribute;
       indeterminate ? (checked || checkbox._handlePointerUp(), checkbox._handlePointerUp()) : oldChecked ? checked || checkbox._handlePointerUp() : checked && checkbox._handlePointerUp();
     }
+    function setCellCheckboxStateByAttribute(col, row, checked, table) {
+      const cellGroup = table.scenegraph.getCell(col, row),
+        checkbox = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox");
+      checkbox && ("indeterminate" === checked ? (checkbox.setAttribute("indeterminate", !0), checkbox.setAttribute("checked", void 0)) : (checkbox.setAttribute("indeterminate", void 0), checkbox.setAttribute("checked", checked)));
+    }
     function changeCheckboxOrder(sourceIndex, targetIndex, state) {
       const {
         checkedState: checkedState,
@@ -43742,6 +43820,69 @@
       return "bottom";
     }
 
+    function bindGroupTitleCheckboxChange(table) {
+      table.on("checkbox_state_change", args => {
+        var _a;
+        if (!0 !== (null === (_a = table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox)) return;
+        const {
+            col: col,
+            row: row,
+            checked: checked
+          } = args,
+          record = table.getCellOriginRecord(col, row),
+          indexedData = table.dataSource.currentPagerIndexedData,
+          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);
+            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);
+          }
+        } else updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+      });
+    }
+    function setAllChildrenCheckboxState(state, titleShowIndex, titleIndex, indexedData, table) {
+      var _a;
+      let i = titleShowIndex + 1;
+      for (; isArray$1(indexedData[i]) && (null === (_a = indexedData[i]) || void 0 === _a ? void 0 : _a.length) > titleIndex.length;) {
+        const row = table.columnHeaderLevelCount + i;
+        table.stateManager.setCheckedState(0, row, "_vtable_rowSeries_number", state), setCellCheckboxStateByAttribute(0, row, state, table), i++;
+      }
+    }
+    function updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table) {
+      var _a;
+      let parentLength = titleIndex.length - 1;
+      if (parentLength > 0) {
+        let i = titleShowIndex - 1;
+        for (; parentLength > 0 && i >= 0;) {
+          if (isArray$1(indexedData[i]) && (null === (_a = indexedData[i]) || void 0 === _a ? void 0 : _a.length) === parentLength || 1 === parentLength && isNumber$2(indexedData[i])) {
+            updateParentCheckboxState(0, table.columnHeaderLevelCount + i, indexedData[i], table), parentLength--;
+          }
+          i--;
+        }
+      }
+    }
+    function updateParentCheckboxState(col, row, currentIndex, table) {
+      const {
+          checkedState: checkedState
+        } = table.stateManager,
+        key = currentIndex.toString(),
+        currentIndexLength = isArray$1(currentIndex) ? currentIndex.length : 1;
+      let start = !1;
+      const result = [];
+      if (checkedState.forEach((value, index) => {
+        if (start) {
+          index.split(",").length === currentIndexLength ? start = !1 : result.push(value._vtable_rowSeries_number);
+        }
+        index === key && (start = !0);
+      }), 0 === result.length) return;
+      const allChecked = result.every(item => !!item),
+        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));
+    }
+
     class EventManager {
       constructor(table) {
         this.isDown = !1, this.isDraging = !1, this.globalEventListeners = [], this._enableTableScroll = !0, this.table = table, this.handleTextStickBindId = [], this.inertiaScroll = new InertiaScroll(table.stateManager), "node" === Env.mode || table.options.disableInteraction || (this.bindOuterEvent(), setTimeout(() => {
@@ -43802,7 +43943,7 @@
               });
             }
           }
-        }), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table);
+        }), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table), bindGroupTitleCheckboxChange(this.table);
       }
       dealTableHover(eventArgsSet) {
         if (!eventArgsSet) return void this.table.stateManager.updateHoverPos(-1, -1);
@@ -44854,7 +44995,12 @@
             showSort: showSort,
             sort: sort
           } = this._table.internalProps.layoutMap.getHeader(col, row);
-          if (showSort) {
+          let _showSort;
+          if (_showSort = "function" == typeof showSort ? showSort({
+            col: col,
+            row: row,
+            table: this._table
+          }) : showSort, _showSort) {
             let order = this._table.getPivotSortState(col, row);
             order && (order = order.toUpperCase());
             const sortIcon = "ASC" === order ? this.upIcon : "DESC" === order ? this.downIcon : this.normalIcon;
@@ -44933,11 +45079,21 @@
       getSortIcon(order, _table, col, row) {
         const icon = "asc" === order ? this.upIcon : "desc" === order ? this.downIcon : this.normalIcon,
           headerC = _table.getHeaderDefine(col, row);
-        return !headerC || !1 === headerC.showSort || !isValid$1(headerC.showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0 ? null : icon;
+        let _showSort;
+        return headerC && (_showSort = "function" == typeof headerC.showSort ? headerC.showSort({
+          col: col,
+          row: row,
+          table: this._table
+        }) : headerC.showSort), !headerC || !1 === _showSort || !isValid$1(_showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0 ? null : icon;
       }
       getSortIconForPivotTable(order, _table, col, row) {
         const headerC = _table.getHeaderDefine(col, row);
-        if (!headerC || !1 === headerC.showSort || !isValid$1(headerC.showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0) return null;
+        let _showSort;
+        if (headerC && (_showSort = "function" == typeof headerC.showSort ? headerC.showSort({
+          col: col,
+          row: row,
+          table: this._table
+        }) : headerC.showSort), !headerC || !1 === _showSort || !isValid$1(_showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0) return null;
         return "ASC" === (null == order ? void 0 : order.toUpperCase()) ? this.upIcon : "DESC" === (null == order ? void 0 : order.toUpperCase()) ? this.downIcon : this.normalIcon;
       }
       getDropDownStateIcons(_table, col, row) {
@@ -45272,7 +45428,7 @@
       constructor(tree, sharedVar) {
         let hierarchyType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "grid";
         let rowExpandLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : void 0;
-        this.sizeIncludeParent = !1, this.tree = {
+        this.hasHideNode = !1, this.sizeIncludeParent = !1, this.tree = {
           id: 0,
           dimensionKey: "",
           value: "",
@@ -45286,11 +45442,11 @@
         }, this.totalLevel = 0, this.dimensionKeys = new NumberMap(), this.dimensionKeysIncludeVirtual = new NumberMap(), this.cache = new Map(), this.sizeIncludeParent = null != rowExpandLevel, this.rowExpandLevel = rowExpandLevel, this.hierarchyType = hierarchyType, this.sharedVar = sharedVar, this.reset(tree);
       }
       reset(tree) {
-        this.cache.clear(), this.dimensionKeys = new NumberMap(), this.dimensionKeysIncludeVirtual = new NumberMap(), this.tree.children = tree, this.setTreeNode(this.tree, 0, this.tree);
+        this.hasHideNode = !1, this.cache.clear(), this.dimensionKeys = new NumberMap(), this.dimensionKeysIncludeVirtual = new NumberMap(), this.tree.children = tree, this.setTreeNode(this.tree, 0, this.tree);
       }
       setTreeNode(node, startIndex, parent) {
         var _a, _b;
-        node.startIndex = startIndex, node.startInTotal = (null !== (_a = parent.startInTotal) && void 0 !== _a ? _a : 0) + node.startIndex, (null !== (_b = node.dimensionKey) && void 0 !== _b ? _b : node.indicatorKey) && (node.virtual || this.dimensionKeys.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeys.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), this.dimensionKeysIncludeVirtual.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeysIncludeVirtual.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), node.id || (node.id = ++this.sharedVar.seqId));
+        node.startIndex = startIndex, node.startInTotal = (null !== (_a = parent.startInTotal) && void 0 !== _a ? _a : 0) + node.startIndex, node.hide && (this.hasHideNode = !0), (null !== (_b = node.dimensionKey) && void 0 !== _b ? _b : node.indicatorKey) && (node.virtual || this.dimensionKeys.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeys.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), this.dimensionKeysIncludeVirtual.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeysIncludeVirtual.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), node.id || (node.id = ++this.sharedVar.seqId));
         let size = node.dimensionKey && this.sizeIncludeParent ? 1 : 0;
         const children = node.children || node.columns;
         return "grid" === this.hierarchyType ? (null == children ? void 0 : children.length) >= 1 ? children.forEach(n => {
@@ -46481,7 +46637,7 @@
       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.1", 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");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.14.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");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -47278,11 +47434,13 @@
           customRender: customRender,
           renderChartAsync: renderChartAsync,
           renderChartAsyncBatchCount: renderChartAsyncBatchCount,
+          canvasWidth: canvasWidth,
+          canvasHeight: canvasHeight,
           overscrollBehavior: overscrollBehavior,
           limitMinWidth: limitMinWidth,
           limitMinHeight: limitMinHeight
         } = 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;
+        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 => {
           null == legend || legend.release();
@@ -48896,9 +49054,10 @@
       return layout._cellRangeMap.set(`$${col}$${row}`, cellRange), cellRange;
     }
     function getTreeTitleMerge(col, row, cellRange, layout) {
+      var _a;
       if ("tree" !== layout.rowHierarchyType) return;
       const cellRecord = layout._table.getCellRawRecord(col, row);
-      (null == cellRecord ? void 0 : cellRecord.vtableMerge) && (cellRange.start.col = layout.rowHeaderLevelCount, cellRange.end.col = layout.colCount - 1, cellRange.start.row = cellRange.end.row = row);
+      (null === (_a = layout._table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox) ? (null == cellRecord ? void 0 : cellRecord.vtableMerge) && col >= layout.leftRowSeriesNumberColumnCount && (cellRange.start.col = layout.rowHeaderLevelCount + layout.leftRowSeriesNumberColumnCount, cellRange.end.col = layout.colCount - 1, cellRange.start.row = cellRange.end.row = row) : (null == cellRecord ? void 0 : cellRecord.vtableMerge) && (cellRange.start.col = layout.rowHeaderLevelCount, cellRange.end.col = layout.colCount - 1, cellRange.start.row = cellRange.end.row = row);
     }
     function getCellRangeTranspose(col, row, layout) {
       var _a, _b, _c, _d;
@@ -50290,12 +50449,13 @@
           row: cellRow
         }), rowEnd++);
       }
-      const newRowEnd = Math.min(rowStart + rowLimit, table.rowCount - 1 - table.bottomFrozenRowCount);
+      const newRowEnd = Math.min(rowStart + rowLimit, table.rowCount - 1 - table.bottomFrozenRowCount),
+        notFullRow = newRowEnd < rowStart + rowLimit;
       for (let i = 0; i < removeCellPositions.length; i++) {
         const {
           row: cellRow
         } = removeCellPositions[removeCellPositions.length - i - 1];
-        cellRow < rowStart || cellRow > rowEnd || (cellRow > newRowEnd ? (removeCells.push({
+        cellRow < rowStart || cellRow > rowEnd || (cellRow > newRowEnd || notFullRow ? (removeCells.push({
           col: col,
           row: cellRow
         }), updateRow--) : updateRow = Math.min(updateRow, cellRow));
@@ -50391,16 +50551,17 @@
             } = table.internalProps.layoutMap.getSeriesNumberHeader(col, row);
             return title;
           }
+          let value;
           if (this.options.groupBy) {
             const record = table.getCellRawRecord(col, row);
             if (null == record ? void 0 : record.vtableMerge) return "";
             const indexs = this.dataSource.currentIndexedData[row - this.columnHeaderLevelCount];
-            return indexs[indexs.length - 1] + 1;
-          }
+            value = indexs[indexs.length - 1] + 1;
+          } else value = row - this.columnHeaderLevelCount + 1;
           const {
             format: format
           } = table.internalProps.layoutMap.getSeriesNumberBody(col, row);
-          return "function" == typeof format ? format(col, row, this) : row - this.columnHeaderLevelCount + 1;
+          return "function" == typeof format ? format(col, row, this, value) : value;
         }
         if (table.internalProps.layoutMap.isHeader(col, row)) {
           const {