@visactor/vtable 1.14.1 → 1.14.3

package/dist/vtable.js

@@ -591,6 +591,31 @@
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
+      },
+      __awaiter$5 = 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$5(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$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$4 = 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$2(this, void 0, void 0, function* () {
+        return __awaiter$4(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$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$3 = 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$1(this, void 0, void 0, function* () {
+      return __awaiter$3(this, void 0, void 0, function* () {
         yield graphic.forEachChildrenAsync(cb, reverse);
       });
     }
@@ -15772,7 +15734,7 @@
           decorator(target, key, paramIndex);
         };
       },
-      __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$2 = 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(this, void 0, void 0, function* () {
+        return __awaiter$2(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(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           this.rendering = !0, yield this._renderIncrementalGroup(group, drawContext);
         });
       }
       _renderIncrementalGroup(group, drawContext) {
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           this.count = group.count, yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$2(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(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           return new Promise(resolve => {
             this.global.getRequestAnimationFrame()(() => {
               resolve(!1);
@@ -15866,13 +15828,13 @@
         });
       }
       checkForDraw(drawContext) {
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           let skip = this.rendering;
           return drawContext.restartIncremental && (skip = !1, yield this.forceStop(), this.resetToInit()), skip;
         });
       }
       forceStop() {
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter$2(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(this, void 0, void 0, function* () {
+        return __awaiter$2(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(this, void 0, void 0, function* () {
-                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$2(this, void 0, void 0, function* () {
+                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$2(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$z = 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$1 = 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$1(this, void 0, void 0, function* () {
+          return {
+            loadState: "fail"
+          };
+        });
+      }
     };
     BaseEnvContribution = __decorate$z([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();
       }
@@ -17775,6 +17776,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);
@@ -18651,6 +18653,31 @@
       },
       __metadata$j = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      },
+      __awaiter = 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() {
@@ -18846,6 +18873,19 @@
           left: actualLeft
         };
       }
+      loadFont(font, source, descriptors) {
+        return __awaiter(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$q([injectable(), __metadata$j("design:paramtypes", [])], BrowserEnvContribution);
 
@@ -21194,6 +21234,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],
@@ -21241,9 +21327,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;
@@ -21413,7 +21501,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) {
@@ -21627,50 +21718,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 {
@@ -22906,7 +22953,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
@@ -22930,19 +22977,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;
@@ -23512,7 +23570,8 @@
           } = this.attribute,
           {
             spaceCol = DEFAULT_ITEM_SPACE_COL,
-            spaceRow = DEFAULT_ITEM_SPACE_ROW
+            spaceRow = DEFAULT_ITEM_SPACE_ROW,
+            verticalAlign = "middle"
           } = itemAttrs,
           itemsContainer = this._itemsContainer,
           {
@@ -23531,7 +23590,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;
@@ -23539,15 +23600,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 {
@@ -38774,7 +38843,7 @@
             const distHeight = maxHeight;
             const cell = scene.highPerformanceGetCell(col, row);
             if (cell.role === 'empty') {
-                return;
+                continue;
             }
             updateCellHeightForRow(scene, cell, col, row, distHeight, distHeight - cell.attribute.height, scene.table.isHeader(col, row));
         }
@@ -41272,7 +41341,7 @@
                 if (strokeArrayColor && strokeArrayColor[0]) {
                     context.strokeStyle = strokeArrayColor[0];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[0]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -41306,7 +41375,7 @@
                 if (strokeArrayColor && strokeArrayColor[1]) {
                     context.strokeStyle = strokeArrayColor[1];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[1]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -41340,7 +41409,7 @@
                 if (strokeArrayColor && strokeArrayColor[2]) {
                     context.strokeStyle = strokeArrayColor[2];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[2]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -41374,7 +41443,7 @@
                 if (strokeArrayColor && strokeArrayColor[3]) {
                     context.strokeStyle = strokeArrayColor[3];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[3]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -41851,7 +41920,7 @@
                 if (strokeArrayColor && strokeArrayColor[0]) {
                     context.strokeStyle = strokeArrayColor[0];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[0]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -41877,7 +41946,7 @@
                 if (strokeArrayColor && strokeArrayColor[1]) {
                     context.strokeStyle = strokeArrayColor[1];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[1]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -41904,7 +41973,7 @@
                 if (strokeArrayColor && strokeArrayColor[2]) {
                     context.strokeStyle = strokeArrayColor[2];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[2]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -41931,7 +42000,7 @@
                 if (strokeArrayColor && strokeArrayColor[3]) {
                     context.strokeStyle = strokeArrayColor[3];
                 }
-                else {
+                else if (strokeArrayColor && !strokeArrayColor[3]) {
                     context.strokeStyle = 'transparent';
                 }
                 if (!isWidthNumber) {
@@ -42984,17 +43053,17 @@
         if (table.widthMode === 'adaptive' ||
             (table.options.autoWrapText && (table.heightMode === 'adaptive' || table.isAutoRowHeight()))) {
             distColForCompute = table.colCount - 1;
-            distCol = Math.min(proxy.firstScreenColLimit, table.colCount - 1);
+            distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1);
         }
         else {
-            distCol = Math.min(proxy.firstScreenColLimit, table.colCount - 1);
+            distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1);
         }
         if (table.heightMode === 'adaptive') {
             distRowForCompute = table.rowCount - 1;
-            distRow = Math.min(proxy.firstScreenRowLimit, table.rowCount - 1);
+            distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1);
         }
         else {
-            distRow = Math.min(proxy.firstScreenRowLimit, table.rowCount - 1);
+            distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1);
         }
         if (table.internalProps._widthResizedColMap.size === 0) {
             computeColsWidth(table, 0, distColForCompute ?? distCol);
@@ -43088,14 +43157,14 @@
 
     function getFirstChild(containerGroup) {
         let child = containerGroup.firstChild;
-        while (child.type !== 'group') {
+        while (child && child.type !== 'group') {
             child = child._next;
         }
         return child;
     }
     function getLastChild(containerGroup) {
         let child = containerGroup.lastChild;
-        while (child.type !== 'group') {
+        while (child && child.type !== 'group') {
             child = child._prev;
         }
         return child;
@@ -43343,6 +43412,9 @@
             const colGroup = proxy.table.scenegraph.getColGroup(col);
             colGroup && updateColGroupContentAsync(colGroup, proxy);
         }
+        updateColumnContainerWidth(proxy.table.scenegraph.colHeaderGroup);
+        updateColumnContainerWidth(proxy.table.scenegraph.bottomFrozenGroup);
+        updateColumnContainerWidth(proxy.table.scenegraph.bodyGroup);
         proxy.progress();
     }
     function updateAllColPosition(distStartColY, count, direction, proxy) {
@@ -43368,6 +43440,14 @@
             }
         });
     }
+    function updateColumnContainerWidth(containerGroup) {
+        const lastColGroup = getLastChild(containerGroup);
+        if (!lastColGroup) {
+            return;
+        }
+        containerGroup.setAttribute('width', lastColGroup.attribute.x + lastColGroup.attribute.width);
+        containerGroup.border?.setAttribute('width', lastColGroup.attribute.x + lastColGroup.attribute.width);
+    }
 
     function updateAutoRow(colStart, colEnd, rowStart, rowEnd, table, direction = 'up', part) {
         if (direction === 'up') {
@@ -47404,14 +47484,23 @@
             this.hasFrozen = false;
             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,
@@ -47747,7 +47836,14 @@
                         ?.getChildren()
                         .forEach((node) => {
                         if (node.name === 'checkbox') {
-                            node.setAttribute('checked', checked);
+                            if (checked === 'indeterminate') {
+                                node.setAttribute('indeterminate', true);
+                                node.setAttribute('checked', undefined);
+                            }
+                            else {
+                                node.setAttribute('indeterminate', undefined);
+                                node.setAttribute('checked', checked);
+                            }
                         }
                     });
                 });
@@ -47757,7 +47853,14 @@
                 columnGroup?.children?.forEach((cellNode) => {
                     cellNode.getChildren().find(node => {
                         if (node.name === 'checkbox') {
-                            node.setAttribute('checked', checked);
+                            if (checked === 'indeterminate') {
+                                node.setAttribute('indeterminate', true);
+                                node.setAttribute('checked', undefined);
+                            }
+                            else {
+                                node.setAttribute('indeterminate', undefined);
+                                node.setAttribute('checked', checked);
+                            }
                         }
                     });
                 });
@@ -50243,7 +50346,7 @@
                 ? state.table.getCustomMerge(tableIndex, row)
                 : state.table.getCustomMerge(col, tableIndex);
             const data = state.table.dataSource?.get(index);
-            if (mergeCell || data.vtableMerge) {
+            if (mergeCell || (!state.table.internalProps.rowSeriesNumber?.enableTreeCheckbox && data.vtableMerge)) {
                 return;
             }
             if (check_state?.[field] !== true) {
@@ -50335,6 +50438,20 @@
             }
         }
     }
+    function setCellCheckboxStateByAttribute(col, row, checked, table) {
+        const cellGroup = table.scenegraph.getCell(col, row);
+        const checkbox = cellGroup?.getChildByName('checkbox');
+        if (checkbox) {
+            if (checked === 'indeterminate') {
+                checkbox.setAttribute('indeterminate', true);
+                checkbox.setAttribute('checked', undefined);
+            }
+            else {
+                checkbox.setAttribute('indeterminate', undefined);
+                checkbox.setAttribute('checked', checked);
+            }
+        }
+    }
     function changeCheckboxOrder(sourceIndex, targetIndex, state) {
         const { checkedState, table } = state;
         let source;
@@ -53857,6 +53974,102 @@
         return 'bottom';
     }
 
+    function bindGroupTitleCheckboxChange(table) {
+        table.on('checkbox_state_change', args => {
+            if (table.internalProps.rowSeriesNumber?.enableTreeCheckbox !== true) {
+                return;
+            }
+            const { col, row, checked } = args;
+            const record = table.getCellOriginRecord(col, row);
+            const indexedData = table.dataSource.currentPagerIndexedData;
+            const titleShowIndex = table.getRecordShowIndexByCell(col, row);
+            let titleIndex = indexedData[titleShowIndex];
+            if (isNumber$2(titleIndex)) {
+                titleIndex = [titleIndex];
+            }
+            if (record.vtableMerge) {
+                if (checked) {
+                    setAllChildrenCheckboxState(true, titleShowIndex, titleIndex, indexedData, table);
+                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+                }
+                else {
+                    setAllChildrenCheckboxState(false, titleShowIndex, titleIndex, indexedData, table);
+                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+                    const oldHeaderCheckedState = table.stateManager.headerCheckedState._vtable_rowSeries_number;
+                    const newHeaderCheckedState = table.stateManager.updateHeaderCheckedState('_vtable_rowSeries_number', col, row);
+                    if (oldHeaderCheckedState !== newHeaderCheckedState) {
+                        table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
+                    }
+                }
+            }
+            else {
+                updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+            }
+        });
+    }
+    function setAllChildrenCheckboxState(state, titleShowIndex, titleIndex, indexedData, table) {
+        let i = titleShowIndex + 1;
+        while (isArray$1(indexedData[i]) && indexedData[i]?.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) {
+        let parentLength = titleIndex.length - 1;
+        if (parentLength > 0) {
+            let i = titleShowIndex - 1;
+            while (parentLength > 0 && i >= 0) {
+                if ((isArray$1(indexedData[i]) && indexedData[i]?.length === parentLength) ||
+                    (parentLength === 1 && isNumber$2(indexedData[i]))) {
+                    const row = table.columnHeaderLevelCount + i;
+                    updateParentCheckboxState(0, row, indexedData[i], table);
+                    parentLength--;
+                }
+                i--;
+            }
+        }
+    }
+    function updateParentCheckboxState(col, row, currentIndex, table) {
+        const { checkedState } = table.stateManager;
+        const key = currentIndex.toString();
+        const currentIndexLength = isArray$1(currentIndex) ? currentIndex.length : 1;
+        let start = false;
+        const result = [];
+        checkedState.forEach((value, index) => {
+            if (start) {
+                const indexData = index.split(',');
+                if (indexData.length === currentIndexLength) {
+                    start = false;
+                }
+                else {
+                    result.push(value._vtable_rowSeries_number);
+                }
+            }
+            if (index === key) {
+                start = true;
+            }
+        });
+        if (result.length === 0) {
+            return;
+        }
+        const allChecked = result.every(item => !!item);
+        const allUnChecked = result.every(item => !item);
+        if (allChecked) {
+            table.stateManager.setCheckedState(col, row, '_vtable_rowSeries_number', true);
+            setCellCheckboxStateByAttribute(col, row, true, table);
+        }
+        else if (allUnChecked) {
+            table.stateManager.setCheckedState(col, row, '_vtable_rowSeries_number', false);
+            setCellCheckboxStateByAttribute(col, row, false, table);
+        }
+        else {
+            table.stateManager.setCheckedState(col, row, '_vtable_rowSeries_number', 'indeterminate');
+            setCellCheckboxStateByAttribute(col, row, 'indeterminate', table);
+        }
+    }
+
     class EventManager {
         table;
         isTouchdown;
@@ -53986,6 +54199,7 @@
             bindSparklineHoverEvent(this.table);
             bindAxisClickEvent(this.table);
             bindAxisHoverEvent(this.table);
+            bindGroupTitleCheckboxChange(this.table);
         }
         dealTableHover(eventArgsSet) {
             if (!eventArgsSet) {
@@ -55605,7 +55819,14 @@
             const icons = [];
             if (this._table.isPivotTable()) {
                 const { showSort, sort } = this._table.internalProps.layoutMap.getHeader(col, row);
-                if (showSort) {
+                let _showSort;
+                if (typeof showSort === 'function') {
+                    _showSort = showSort({ col, row, table: this._table });
+                }
+                else {
+                    _showSort = showSort;
+                }
+                if (_showSort) {
                     let order = this._table.getPivotSortState(col, row);
                     if (order) {
                         order = order.toUpperCase();
@@ -55731,9 +55952,18 @@
         getSortIcon(order, _table, col, row) {
             const icon = order === 'asc' ? this.upIcon : order === 'desc' ? this.downIcon : this.normalIcon;
             const headerC = _table.getHeaderDefine(col, row);
+            let _showSort;
+            if (headerC) {
+                if (typeof headerC.showSort === 'function') {
+                    _showSort = headerC.showSort({ col, row, table: this._table });
+                }
+                else {
+                    _showSort = headerC.showSort;
+                }
+            }
             if (!headerC ||
-                headerC.showSort === false ||
-                (!isValid$1(headerC.showSort) && !headerC.sort) ||
+                _showSort === false ||
+                (!isValid$1(_showSort) && !headerC.sort) ||
                 (headerC.columns && headerC.columns.length > 0)) {
                 return null;
             }
@@ -55741,9 +55971,18 @@
         }
         getSortIconForPivotTable(order, _table, col, row) {
             const headerC = _table.getHeaderDefine(col, row);
+            let _showSort;
+            if (headerC) {
+                if (typeof headerC.showSort === 'function') {
+                    _showSort = headerC.showSort({ col, row, table: this._table });
+                }
+                else {
+                    _showSort = headerC.showSort;
+                }
+            }
             if (!headerC ||
-                headerC.showSort === false ||
-                (!isValid$1(headerC.showSort) && !headerC.sort) ||
+                _showSort === false ||
+                (!isValid$1(_showSort) && !headerC.sort) ||
                 (headerC.columns && headerC.columns.length > 0)) {
                 return null;
             }
@@ -56275,6 +56514,7 @@
 
     class DimensionTree {
         sharedVar;
+        hasHideNode = false;
         sizeIncludeParent = false;
         rowExpandLevel;
         hierarchyType;
@@ -56301,7 +56541,8 @@
             this.sharedVar = sharedVar;
             this.reset(tree);
         }
-        reset(tree, updateTreeNode = false) {
+        reset(tree) {
+            this.hasHideNode = false;
             this.cache.clear();
             this.dimensionKeys = new NumberMap();
             this.dimensionKeysIncludeVirtual = new NumberMap();
@@ -56311,6 +56552,9 @@
         setTreeNode(node, startIndex, parent) {
             node.startIndex = startIndex;
             node.startInTotal = (parent.startInTotal ?? 0) + node.startIndex;
+            if (node.hide) {
+                this.hasHideNode = true;
+            }
             if (node.dimensionKey ?? node.indicatorKey) {
                 if (!node.virtual &&
                     !this.dimensionKeys.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey)) {
@@ -56659,7 +56903,9 @@
                 headerCustomLayout: (indicatorInfo ?? dimensionInfo)?.headerCustomLayout,
                 dragHeader: dimensionInfo?.dragHeader,
                 disableHeaderHover: !!(indicatorInfo ?? dimensionInfo)?.disableHeaderHover,
-                disableHeaderSelect: !!(indicatorInfo ?? dimensionInfo)?.disableHeaderSelect
+                disableHeaderSelect: !!(indicatorInfo ?? dimensionInfo)?.disableHeaderSelect,
+                showSort: indicatorInfo?.showSort ?? dimensionInfo?.showSort,
+                hide: indicatorInfo?.hide
             }),
             fieldFormat: indicatorInfo?.headerFormat ?? dimensionInfo?.headerFormat,
             dropDownMenu: indicatorInfo?.dropDownMenu ?? dimensionInfo?.dropDownMenu,
@@ -56746,6 +56992,30 @@
             }
         }
     }
+    function deleteTreeHideNode(tree_children, dimensionPath, indicators, hasHideNode, table) {
+        for (let i = tree_children.length - 1; i >= 0; i--) {
+            const node = tree_children[i];
+            dimensionPath.push(node);
+            if (hasHideNode && node.hide) {
+                tree_children.splice(i, 1);
+            }
+            else if (node.indicatorKey) {
+                const hide = indicators?.find(indicator => indicator.indicatorKey === node.indicatorKey)?.hide;
+                if (typeof hide === 'function') {
+                    if (hide({ dimensionPaths: dimensionPath, table })) {
+                        tree_children.splice(i, 1);
+                    }
+                }
+                else if (hide) {
+                    tree_children.splice(i, 1);
+                }
+            }
+            else if (node.children && node.children.length > 0) {
+                deleteTreeHideNode(node.children, dimensionPath, indicators, hasHideNode, table);
+            }
+            dimensionPath.pop();
+        }
+    }
 
     function checkHasAggregation(layoutMap) {
         const columnObjects = layoutMap.columnObjects;
@@ -57003,6 +57273,18 @@
         }
         return customTree;
     }
+    function deleteHideIndicatorNode(treeNodeChildren, indicators, hasHideNode, table) {
+        const hasHideSettingIndicators = [];
+        for (let i = 0; i < indicators?.length; i++) {
+            const indicator = indicators[i];
+            if (indicator?.hide) {
+                hasHideSettingIndicators.push(indicator);
+            }
+        }
+        if (hasHideSettingIndicators.length || hasHideNode) {
+            deleteTreeHideNode(treeNodeChildren, [], hasHideSettingIndicators, hasHideNode, table);
+        }
+    }
 
     function getRowAt(absoluteY, _this) {
         const frozen = _getTargetFrozenRowAt(_this, absoluteY);
@@ -58526,7 +58808,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.14.1";
+        version = "1.14.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -59818,7 +60100,7 @@
         updateOption(options) {
             this.options = options;
             this._hasAutoImageColumn = undefined;
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, rowResizeMode = 'none', dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, overscrollBehavior, limitMinWidth, limitMinHeight } = options;
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, rowResizeMode = 'none', dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth, limitMinHeight } = options;
             if (pixelRatio && pixelRatio !== this.internalProps.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
             }
@@ -59847,6 +60129,8 @@
             this.autoFillWidth = autoFillWidth ?? false;
             this.autoFillHeight = autoFillHeight ?? false;
             this.customRender = customRender;
+            this.canvasWidth = canvasWidth;
+            this.canvasHeight = canvasHeight;
             const internalProps = this.internalProps;
             if (Env.mode !== 'node' && !options.canvas) {
                 updateRootElementPadding(internalProps.element, this.padding);
@@ -62342,10 +62626,19 @@
             return;
         }
         const cellRecord = layout._table.getCellRawRecord(col, row);
-        if (cellRecord?.vtableMerge) {
-            cellRange.start.col = layout.rowHeaderLevelCount;
-            cellRange.end.col = layout.colCount - 1;
-            cellRange.start.row = cellRange.end.row = row;
+        if (layout._table.internalProps.rowSeriesNumber?.enableTreeCheckbox) {
+            if (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;
+            }
+        }
+        else {
+            if (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) {
@@ -64505,6 +64798,7 @@
             }
         }
         const newRowEnd = Math.min(rowStart + rowLimit, table.rowCount - 1 - table.bottomFrozenRowCount);
+        const notFullRow = newRowEnd < rowStart + rowLimit;
         for (let i = 0; i < removeCellPositions.length; i++) {
             const { row: cellRow } = removeCellPositions[removeCellPositions.length - i - 1];
             if (cellRow < rowStart || cellRow > rowEnd) {
@@ -64517,6 +64811,13 @@
                 });
                 updateRow--;
             }
+            else if (notFullRow) {
+                removeCells.push({
+                    col,
+                    row: cellRow
+                });
+                updateRow--;
+            }
             else {
                 updateRow = Math.min(updateRow, cellRow);
             }
@@ -64693,16 +64994,20 @@
                     const { title } = table.internalProps.layoutMap.getSeriesNumberHeader(col, row);
                     return title;
                 }
+                let value;
                 if (this.options.groupBy) {
                     const record = table.getCellRawRecord(col, row);
                     if (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 } = table.internalProps.layoutMap.getSeriesNumberBody(col, row);
-                return typeof format === 'function' ? format(col, row, this) : row - this.columnHeaderLevelCount + 1;
+                return typeof format === 'function' ? format(col, row, this, value) : value;
             }
             else if (table.internalProps.layoutMap.isHeader(col, row)) {
                 const { title } = table.internalProps.layoutMap.getHeader(col, row);
@@ -71914,7 +72219,7 @@
                     }
                     let rowExtensionDimensionTree;
                     if (this._rowHeaderExtensionTree[key]) {
-                        this._rowHeaderExtensionTree[key].reset(this._rowHeaderExtensionTree[key].tree.children, true);
+                        this._rowHeaderExtensionTree[key].reset(this._rowHeaderExtensionTree[key].tree.children);
                         rowExtensionDimensionTree = this._rowHeaderExtensionTree[key];
                     }
                     else {
@@ -72373,7 +72678,7 @@
                 this._table.isPivotChart() ||
                 this.dataset.records?.length > 0 ||
                 (this.dataset.records && !Array.isArray(this.dataset.records))
-                ? this.columnDimensionTree.tree.size
+                ? this._columnHeaderCellIds[0]?.length ?? this.columnDimensionTree.tree.size
                 : 0) +
                 this.rowHeaderLevelCount +
                 this.rightHeaderColCount +
@@ -72849,7 +73154,7 @@
             const hd = this.getHeader(col, row);
             hd.define.hierarchyState =
                 hd.define.hierarchyState === HierarchyState.collapse ? HierarchyState.expand : HierarchyState.collapse;
-            this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, true);
+            this.rowDimensionTree.reset(this.rowDimensionTree.tree.children);
             this._rowHeaderCellFullPathIds_FULL = [];
             this.rowDimensionKeys = this.rowDimensionTree.dimensionKeysIncludeVirtual.valueArr();
             this.fullRowDimensionKeys = [];
@@ -73131,7 +73436,7 @@
                     sourceColumns.unshift((targetIndex - this.leftRowSeriesNumberColumnCount), 0);
                     Array.prototype.splice.apply(this._columnWidths, sourceColumns);
                     this.columnDimensionTree.movePosition(this.getCellHeaderPathsWithTreeNode(source.col, source.row).colHeaderPaths.length - 1, sourceCellRange.start.col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount, targetCellRange.start.col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount);
-                    this.columnDimensionTree.reset(this.columnDimensionTree.tree.children, true);
+                    this.columnDimensionTree.reset(this.columnDimensionTree.tree.children);
                     this._CellHeaderPathMap = new Map();
                     this._largeCellRangeCache.length = 0;
                     return {
@@ -73172,7 +73477,7 @@
                     sourceIds_FULL0.unshift(targetIndex, 0);
                     Array.prototype.splice.apply(this._rowHeaderCellFullPathIds_FULL, sourceIds_FULL0);
                     this.rowDimensionTree.movePosition(sourceRowHeaderPaths.length - 1, sourceCellRange.start.row - this.columnHeaderLevelCount, targetIndex + (target.row > source.row ? sourceRowHeaderNode.size - 1 : 0));
-                    this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, true);
+                    this.rowDimensionTree.reset(this.rowDimensionTree.tree.children);
                     this._CellHeaderPathMap = new Map();
                     this._largeCellRangeCache.length = 0;
                     return {
@@ -76020,14 +76325,34 @@
                         if (options.indicatorsAsCol !== false) {
                             this.dataset.colHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.colHeaderTree, options.indicators);
                         }
+                        options.indicatorsAsCol !== false &&
+                            options.indicators &&
+                            this.dataset.colHeaderTree &&
+                            deleteHideIndicatorNode(this.dataset.colHeaderTree, options.indicators, false, this);
                         columnDimensionTree = new DimensionTree(this.dataset.colHeaderTree ?? [], this.layoutNodeId);
                     }
+                    else {
+                        if (columnDimensionTree.hasHideNode) {
+                            deleteHideIndicatorNode(columnDimensionTree.tree.children, options.indicators, true, this);
+                            columnDimensionTree.reset(columnDimensionTree.tree.children);
+                        }
+                    }
                     if (!options.rowTree) {
                         if (options.indicatorsAsCol === false) {
                             this.dataset.rowHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.rowHeaderTree, options.indicators);
                         }
+                        options.indicatorsAsCol === false &&
+                            this.dataset.rowHeaderTree &&
+                            options.indicators &&
+                            deleteHideIndicatorNode(this.dataset.rowHeaderTree, options.indicators, false, this);
                         rowDimensionTree = new DimensionTree(this.dataset.rowHeaderTree ?? [], this.layoutNodeId, this.options.rowHierarchyType, this.options.rowHierarchyType === 'tree' ? this.options.rowExpandLevel ?? 1 : undefined);
                     }
+                    else {
+                        if (rowDimensionTree.hasHideNode) {
+                            deleteHideIndicatorNode(rowDimensionTree.tree.children, options.indicators, true, this);
+                            rowDimensionTree.reset(rowDimensionTree.tree.children);
+                        }
+                    }
                     this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
                 }
                 this._changePivotSortStateBySortRules();
@@ -76162,14 +76487,34 @@
                     if (options.indicatorsAsCol !== false) {
                         this.dataset.colHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.colHeaderTree, options.indicators);
                     }
+                    options.indicatorsAsCol !== false &&
+                        options.indicators &&
+                        this.dataset.colHeaderTree &&
+                        deleteHideIndicatorNode(this.dataset.colHeaderTree, options.indicators, false, this);
                     columnDimensionTree = new DimensionTree(this.dataset.colHeaderTree ?? [], this.layoutNodeId);
                 }
+                else {
+                    if (columnDimensionTree.hasHideNode) {
+                        deleteHideIndicatorNode(columnDimensionTree.tree.children, options.indicators, true, this);
+                        columnDimensionTree.reset(columnDimensionTree.tree.children);
+                    }
+                }
                 if (!options.rowTree) {
                     if (options.indicatorsAsCol === false) {
                         this.dataset.rowHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.rowHeaderTree, options.indicators);
                     }
+                    options.indicatorsAsCol === false &&
+                        this.dataset.rowHeaderTree &&
+                        options.indicators &&
+                        deleteHideIndicatorNode(this.dataset.rowHeaderTree, options.indicators, false, this);
                     rowDimensionTree = new DimensionTree(this.dataset.rowHeaderTree ?? [], this.layoutNodeId, this.options.rowHierarchyType, this.options.rowHierarchyType === 'tree' ? this.options.rowExpandLevel ?? 1 : undefined);
                 }
+                else {
+                    if (rowDimensionTree.hasHideNode) {
+                        deleteHideIndicatorNode(rowDimensionTree.tree.children, options.indicators, true, this);
+                        rowDimensionTree.reset(rowDimensionTree.tree.children);
+                    }
+                }
                 internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
             }
             this._changePivotSortStateBySortRules();
@@ -77046,12 +77391,20 @@
                     columnDimensionTree = internalProps.layoutMap.columnDimensionTree;
                 }
                 else {
+                    options.indicatorsAsCol !== false &&
+                        options.indicators &&
+                        this.dataset.colHeaderTree &&
+                        deleteHideIndicatorNode(this.dataset.colHeaderTree, options.indicators, false, this);
                     columnDimensionTree = new DimensionTree(this.dataset.colHeaderTree ?? [], this.layoutNodeId);
                 }
                 if (options.rowTree) {
                     rowDimensionTree = internalProps.layoutMap.rowDimensionTree;
                 }
                 else {
+                    options.indicatorsAsCol === false &&
+                        this.dataset.rowHeaderTree &&
+                        options.indicators &&
+                        deleteHideIndicatorNode(this.dataset.rowHeaderTree, options.indicators, false, this);
                     rowDimensionTree = new DimensionTree(this.dataset.rowHeaderTree ?? [], this.layoutNodeId, this.options.rowHierarchyType, this.options.rowHierarchyType === 'tree' ? this.options.rowExpandLevel ?? 1 : undefined);
                 }
                 internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
@@ -79083,7 +79436,7 @@
     }
 
     registerForVrender();
-    const version = "1.14.1";
+    const version = "1.14.3";
     function getIcons() {
         return get$2();
     }