@visactor/vtable 1.14.1 → 1.14.2

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,
@@ -58526,7 +58615,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.14.1";
+        version = "1.14.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -79083,7 +79172,7 @@
     }
 
     registerForVrender();
-    const version = "1.14.1";
+    const version = "1.14.2";
     function getIcons() {
         return get$2();
     }