@visactor/vtable-calendar 1.18.1-alpha.0 → 1.18.2-alpha.1

package/dist/vtable-calendar.js

@@ -580,48 +580,6 @@
     const VGlobal = Symbol.for("VGlobal");
     const DEFAULT_TEXT_FONT_FAMILY$2 = "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol";
 
-    class EventListenerManager {
-      constructor() {
-        this._listenerMap = new Map(), this._eventListenerTransformer = event => event;
-      }
-      setEventListenerTransformer(transformer) {
-        this._eventListenerTransformer = transformer || (event => event);
-      }
-      addEventListener(type, listener, options) {
-        if (!listener) return;
-        const wrappedListener = event => {
-          const transformedEvent = this._eventListenerTransformer(event);
-          "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent);
-        };
-        this._listenerMap.has(type) || this._listenerMap.set(type, new Map()), this._listenerMap.get(type).set(listener, wrappedListener), this._nativeAddEventListener(type, wrappedListener, options);
-      }
-      removeEventListener(type, listener, options) {
-        var _a;
-        if (!listener) return;
-        const wrappedListener = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener);
-        wrappedListener && (this._nativeRemoveEventListener(type, wrappedListener, options), this._listenerMap.get(type).delete(listener), 0 === this._listenerMap.get(type).size && this._listenerMap.delete(type));
-      }
-      dispatchEvent(event) {
-        return this._nativeDispatchEvent(event);
-      }
-      clearAllEventListeners() {
-        this._listenerMap.forEach((listenersMap, type) => {
-          listenersMap.forEach((wrappedListener, originalListener) => {
-            this._nativeRemoveEventListener(type, wrappedListener, void 0);
-          });
-        }), this._listenerMap.clear();
-      }
-      _nativeAddEventListener(type, listener, options) {
-        throw new Error("_nativeAddEventListener must be implemented by derived classes");
-      }
-      _nativeRemoveEventListener(type, listener, options) {
-        throw new Error("_nativeRemoveEventListener must be implemented by derived classes");
-      }
-      _nativeDispatchEvent(event) {
-        throw new Error("_nativeDispatchEvent must be implemented by derived classes");
-      }
-    }
-
     var __decorate$16 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
@@ -662,7 +620,7 @@
           step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
       };
-    let DefaultGlobal = class extends EventListenerManager {
+    let DefaultGlobal = class {
       get env() {
         return this._env;
       }
@@ -706,19 +664,10 @@
         this._env || this.setEnv("browser"), this.envContribution.applyStyles = support;
       }
       constructor(contributions) {
-        super(), this.contributions = contributions, this._isImageAnonymous = !0, this.eventListenerTransformer = event => event, this.id = Generator.GenAutoIncrementId(), this.hooks = {
+        this.contributions = contributions, this._isImageAnonymous = !0, this.id = Generator.GenAutoIncrementId(), this.hooks = {
           onSetEnv: new SyncHook(["lastEnv", "env", "global"])
         }, this.measureTextMethod = "native", this.optimizeVisible = !1;
       }
-      _nativeAddEventListener(type, listener, options) {
-        return this._env || this.setEnv("browser"), this.envContribution.addEventListener(type, listener, options);
-      }
-      _nativeRemoveEventListener(type, listener, options) {
-        return this._env || this.setEnv("browser"), this.envContribution.removeEventListener(type, listener, options);
-      }
-      _nativeDispatchEvent(event) {
-        return this._env || this.setEnv("browser"), this.envContribution.dispatchEvent(event);
-      }
       bindContribution(params) {
         const promiseArr = [];
         if (this.contributions.getContributions().forEach(contribution => {
@@ -759,6 +708,15 @@
       releaseCanvas(canvas) {
         return this._env || this.setEnv("browser"), this.envContribution.releaseCanvas(canvas);
       }
+      addEventListener(type, listener, options) {
+        return this._env || this.setEnv("browser"), this.envContribution.addEventListener(type, listener, options);
+      }
+      removeEventListener(type, listener, options) {
+        return this._env || this.setEnv("browser"), this.envContribution.removeEventListener(type, listener, options);
+      }
+      dispatchEvent(event) {
+        return this._env || this.setEnv("browser"), this.envContribution.dispatchEvent(event);
+      }
       getRequestAnimationFrame() {
         return this._env || this.setEnv("browser"), this.envContribution.getRequestAnimationFrame();
       }
@@ -3847,6 +3805,11 @@
         return this.context.tryUpdateLength();
       }
     };
+    class StepClosed extends Step$1 {
+      lineEnd() {
+        this.context.closePath();
+      }
+    }
     function genStepSegments(points, t) {
       let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       const {
@@ -3860,6 +3823,16 @@
     function genStepTypeSegments(path, points) {
       return genCurveSegments(path, points);
     }
+    function genStepClosedSegments(points, t) {
+      let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      const {
+        direction: direction,
+        startPoint: startPoint
+      } = params;
+      if (points.length < 2 - Number(!!startPoint)) return null;
+      const segContext = new SegContext("step", null != direction ? direction : abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN);
+      return genStepTypeSegments(new StepClosed(segContext, t, startPoint), points), segContext;
+    }
 
     class LinearClosed extends Linear {
       lineEnd() {
@@ -4089,6 +4062,8 @@
           return genMonotoneYSegments(points, params);
         case "step":
           return genStepSegments(points, .5, params);
+        case "stepClosed":
+          return genStepClosedSegments(points, .5, params);
         case "stepBefore":
           return genStepSegments(points, 0, params);
         case "stepAfter":
@@ -4963,7 +4938,7 @@
     function createColor(context, c, params) {
       let offsetX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
       let offsetY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-      var _a, _b;
+      var _a, _b, _c, _d;
       if (!c || !0 === c) return "black";
       let result, color;
       if (isArray$9(c)) for (let i = 0; i < c.length && (color = c[i], !color); i++);else color = c;
@@ -4980,7 +4955,7 @@
             scaleY = 1,
             angle = 0
           } = params.attribute;
-          w /= scaleX, h /= scaleY, x /= scaleX, y /= scaleY, (angle || 1 !== scaleX || 1 !== scaleY) && (x = 0, y = 0, w = null !== (_a = params.widthWithoutTransform) && void 0 !== _a ? _a : w, h = null !== (_b = params.heightWithoutTransform) && void 0 !== _b ? _b : h);
+          w /= scaleX, h /= scaleY, x /= scaleX, y /= scaleY, (angle || 1 !== scaleX || 1 !== scaleY) && (x = null !== (_a = params.x1WithoutTransform) && void 0 !== _a ? _a : 0, y = null !== (_b = params.y1WithoutTransform) && void 0 !== _b ? _b : 0, w = null !== (_c = params.widthWithoutTransform) && void 0 !== _c ? _c : w, h = null !== (_d = params.heightWithoutTransform) && void 0 !== _d ? _d : h);
         }
         "linear" === color.gradient ? result = createLinearGradient(context, color, x, y, w, h) : "conical" === color.gradient ? result = createConicGradient(context, color, x, y, w, h) : "radial" === color.gradient && (result = createRadialGradient(context, color, x, y, w, h));
       }
@@ -5005,7 +4980,7 @@
       const canvasGradient = context.createConicGradient(x + (null !== (_a = color.x) && void 0 !== _a ? _a : 0) * w, y + (null !== (_b = color.y) && void 0 !== _b ? _b : 0) * h, color.startAngle, color.endAngle);
       return color.stops.forEach(stop => {
         canvasGradient.addColorStop(stop.offset, stop.color);
-      }), canvasGradient.GetPattern(w + x, h + y, undefined);
+      }), canvasGradient.GetPattern ? canvasGradient.GetPattern(w + x, h + y, undefined) : canvasGradient;
     }
 
     const DIRECTION_KEY = {
@@ -5612,7 +5587,7 @@
       };
     const VWindow = Symbol.for("VWindow");
     const WindowHandlerContribution = Symbol.for("WindowHandlerContribution");
-    let DefaultWindow = class extends EventListenerManager {
+    let DefaultWindow = class {
       get width() {
         if (this._handler) {
           const wh = this._handler.getWH();
@@ -5631,7 +5606,7 @@
         return this._handler.getDpr();
       }
       constructor() {
-        super(), this.hooks = {
+        this.hooks = {
           onChange: new SyncHook(["x", "y", "width", "height"])
         }, this.active = () => {
           const global = this.global;
@@ -5639,15 +5614,6 @@
           container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
         }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
       }
-      _nativeAddEventListener(type, listener, options) {
-        return this._handler.addEventListener(type, listener, options);
-      }
-      _nativeRemoveEventListener(type, listener, options) {
-        return this._handler.removeEventListener(type, listener, options);
-      }
-      _nativeDispatchEvent(event) {
-        return this._handler.dispatchEvent(event);
-      }
       postInit() {
         this.global.hooks.onSetEnv.tap("window", this.active), this.active();
       }
@@ -5687,7 +5653,7 @@
         throw new Error("暂不支持");
       }
       release() {
-        return this.global.hooks.onSetEnv.unTap("window", this.active), this.clearAllEventListeners(), this._handler.releaseWindow();
+        return this.global.hooks.onSetEnv.unTap("window", this.active), this._handler.releaseWindow();
       }
       getContext() {
         return this._handler.getContext();
@@ -5698,6 +5664,15 @@
       getImageBuffer(type) {
         return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
       }
+      addEventListener(type, listener, options) {
+        return this._handler.addEventListener(type, listener, options);
+      }
+      removeEventListener(type, listener, options) {
+        return this._handler.removeEventListener(type, listener, options);
+      }
+      dispatchEvent(event) {
+        return this._handler.dispatchEvent(event);
+      }
       getBoundingClientRect() {
         return this._handler.getBoundingClientRect();
       }
@@ -6906,17 +6881,19 @@
           globalObj: globalObj,
           domElement: domElement
         } = this;
-        this.supportsPointerEvents ? (globalObj.getDocument() ? (globalObj.addEventListener("pointermove", this.onPointerMove, !0), globalObj.addEventListener("pointerup", this.onPointerUp, !0)) : (domElement.addEventListener("pointermove", this.onPointerMove, !0), domElement.addEventListener("pointerup", this.onPointerUp, !0)), domElement.addEventListener("pointerdown", this.onPointerDown, !0), domElement.addEventListener("pointerleave", this.onPointerOverOut, !0), domElement.addEventListener("pointerover", this.onPointerOverOut, !0)) : (globalObj.getDocument() ? (globalObj.addEventListener("mousemove", this.onPointerMove, !0), globalObj.addEventListener("mouseup", this.onPointerUp, !0)) : (domElement.addEventListener("mousemove", this.onPointerMove, !0), domElement.addEventListener("mouseup", this.onPointerUp, !0)), domElement.addEventListener("mousedown", this.onPointerDown, !0), domElement.addEventListener("mouseout", this.onPointerOverOut, !0), domElement.addEventListener("mouseover", this.onPointerOverOut, !0)), this.supportsTouchEvents && (domElement.addEventListener("touchstart", this.onPointerDown, !0), domElement.addEventListener("touchend", this.onPointerUp, !0), domElement.addEventListener("touchmove", this.onPointerMove, !0)), domElement.addEventListener("wheel", this.onWheel, {
+        this.supportsPointerEvents ? (globalObj.getDocument() ? (globalObj.getDocument().addEventListener("pointermove", this.onPointerMove, !0), globalObj.getDocument().addEventListener("pointerup", this.onPointerUp, !0)) : (domElement.addEventListener("pointermove", this.onPointerMove, !0), domElement.addEventListener("pointerup", this.onPointerUp, !0)), domElement.addEventListener("pointerdown", this.onPointerDown, !0), domElement.addEventListener("pointerleave", this.onPointerOverOut, !0), domElement.addEventListener("pointerover", this.onPointerOverOut, !0)) : (globalObj.getDocument() ? (globalObj.getDocument().addEventListener("mousemove", this.onPointerMove, !0), globalObj.getDocument().addEventListener("mouseup", this.onPointerUp, !0)) : (domElement.addEventListener("mousemove", this.onPointerMove, !0), domElement.addEventListener("mouseup", this.onPointerUp, !0)), domElement.addEventListener("mousedown", this.onPointerDown, !0), domElement.addEventListener("mouseout", this.onPointerOverOut, !0), domElement.addEventListener("mouseover", this.onPointerOverOut, !0)), this.supportsTouchEvents && (domElement.addEventListener("touchstart", this.onPointerDown, !0), domElement.addEventListener("touchend", this.onPointerUp, !0), domElement.addEventListener("touchmove", this.onPointerMove, !0)), domElement.addEventListener("wheel", this.onWheel, {
           capture: !0
         }), this.eventsAdded = !0;
       }
       removeEvents() {
+        var _a;
         if (!this.eventsAdded || !this.domElement) return;
         const {
-          globalObj: globalObj,
-          domElement: domElement
-        } = this;
-        this.supportsPointerEvents ? (globalObj.getDocument() ? (globalObj.removeEventListener("pointermove", this.onPointerMove, !0), globalObj.removeEventListener("pointerup", this.onPointerUp, !0)) : (domElement.removeEventListener("pointermove", this.onPointerMove, !0), domElement.removeEventListener("pointerup", this.onPointerUp, !0)), domElement.removeEventListener("pointerdown", this.onPointerDown, !0), domElement.removeEventListener("pointerleave", this.onPointerOverOut, !0), domElement.removeEventListener("pointerover", this.onPointerOverOut, !0)) : (globalObj.getDocument() ? (globalObj.removeEventListener("mousemove", this.onPointerMove, !0), globalObj.removeEventListener("mouseup", this.onPointerUp, !0)) : (domElement.removeEventListener("mousemove", this.onPointerMove, !0), domElement.removeEventListener("mouseup", this.onPointerUp, !0)), domElement.removeEventListener("mousedown", this.onPointerDown, !0), domElement.removeEventListener("mouseout", this.onPointerOverOut, !0), domElement.removeEventListener("mouseover", this.onPointerOverOut, !0)), this.supportsTouchEvents && (domElement.removeEventListener("touchstart", this.onPointerDown, !0), domElement.removeEventListener("touchend", this.onPointerUp, !0), domElement.removeEventListener("touchmove", this.onPointerMove, !0)), domElement.removeEventListener("wheel", this.onWheel, !0), this.domElement = null, this.eventsAdded = !1;
+            globalObj: globalObj,
+            domElement: domElement
+          } = this,
+          globalDocument = null !== (_a = globalObj.getDocument()) && void 0 !== _a ? _a : domElement;
+        this.supportsPointerEvents ? (globalDocument.removeEventListener("pointermove", this.onPointerMove, !0), globalDocument.removeEventListener("pointerup", this.onPointerUp, !0), domElement.removeEventListener("pointerdown", this.onPointerDown, !0), domElement.removeEventListener("pointerleave", this.onPointerOverOut, !0), domElement.removeEventListener("pointerover", this.onPointerOverOut, !0)) : (globalDocument.removeEventListener("mousemove", this.onPointerMove, !0), globalDocument.removeEventListener("mouseup", this.onPointerUp, !0), domElement.removeEventListener("mousedown", this.onPointerDown, !0), domElement.removeEventListener("mouseout", this.onPointerOverOut, !0), domElement.removeEventListener("mouseover", this.onPointerOverOut, !0)), this.supportsTouchEvents && (domElement.removeEventListener("touchstart", this.onPointerDown, !0), domElement.removeEventListener("touchend", this.onPointerUp, !0), domElement.removeEventListener("touchmove", this.onPointerMove, !0)), domElement.removeEventListener("wheel", this.onWheel, !0), this.domElement = null, this.eventsAdded = !1;
       }
       mapToViewportPoint(event) {
         return this.domElement.pointTransform ? this.domElement.pointTransform(event.x, event.y) : event;
@@ -8565,7 +8542,7 @@
     }
     var rect = new RectSymbol();
 
-    const tempBounds$1 = new AABBBounds$1();
+    const tempBounds = new AABBBounds$1();
     class CustomSymbolClass {
       constructor(type, path) {
         let isSvg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
@@ -8594,7 +8571,7 @@
             let {
               path: path
             } = _ref;
-            tempBounds$1.x1 = path.bounds.x1 * size, tempBounds$1.y1 = path.bounds.y1 * size, tempBounds$1.x2 = path.bounds.x2 * size, tempBounds$1.y2 = path.bounds.y2 * size, bounds.union(tempBounds$1);
+            tempBounds.x1 = path.bounds.x1 * size, tempBounds.y1 = path.bounds.y1 * size, tempBounds.x2 = path.bounds.x2 * size, tempBounds.y2 = path.bounds.y2 * size, bounds.union(tempBounds);
           });
         }
         this.path.bounds && (bounds.x1 = this.path.bounds.x1 * size, bounds.y1 = this.path.bounds.y1 * size, bounds.x2 = this.path.bounds.x2 * size, bounds.y2 = this.path.bounds.y2 * size);
@@ -8908,8 +8885,8 @@
     const SVG_PARSE_ATTRIBUTE_MAP_KEYS = Object.keys(SVG_PARSE_ATTRIBUTE_MAP);
 
     const _tempBounds$1 = new AABBBounds$1(),
-      tempMatrix = new Matrix(),
-      tempBounds = new AABBBounds$1();
+      tempMatrix = new Matrix();
+      new AABBBounds$1();
     const GRAPHIC_UPDATE_TAG_KEY = ["lineWidth", "scaleX", "scaleY", "angle", "anchor", "visible"];
     const tempConstantXYKey = ["x", "y"],
       tempConstantScaleXYKey = ["scaleX", "scaleY"],
@@ -9428,25 +9405,12 @@
       needUpdateLayout() {
         return !!(this._updateTag & UpdateTag.UPDATE_LAYOUT);
       }
-      getAnchor(anchor, params) {
+      getAnchor(anchor, params, resetScale) {
         const _anchor = [0, 0],
           getBounds = () => {
             if (params.b) return params.b;
-            const {
-              scaleX: scaleX,
-              scaleY: scaleY,
-              angle: angle,
-              scaleCenter: scaleCenter
-            } = this.attribute;
-            return tempBounds.copy(this._AABBBounds), this.setAttributes({
-              angle: 0,
-              scaleCenter: null
-            }), params.b = this.AABBBounds.clone(), this._AABBBounds.copy(tempBounds), this.setAttributes({
-              scaleX: scaleX,
-              scaleY: scaleY,
-              angle: angle,
-              scaleCenter: scaleCenter
-            }), params.b;
+            const graphic = this.clone();
+            return graphic.attribute.angle = 0, graphic.attribute.scaleCenter = null, resetScale && (graphic.attribute.scaleX = 1, graphic.attribute.scaleY = 1), params.b = graphic.AABBBounds, params.b;
           };
         if ("string" == typeof anchor[0]) {
           const ratio = parseFloat(anchor[0]) / 100,
@@ -9475,7 +9439,7 @@
         const params = {};
         if (anchor && angle && (_anchor = this.getAnchor(anchor, params)), !scaleCenter || 1 === scaleX && 1 === scaleY) normalTransform(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor);else {
           const m = this._transMatrix;
-          m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params), application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
+          m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params, !0), application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
             x: _anchor[0],
             y: _anchor[1]
           });
@@ -11548,7 +11512,7 @@
           tb1: tb1,
           tb2: tb2
         } = application.graphicService.updateTempAABBBounds(aabbBounds);
-        updateBoundsOfSymbolOuterBorder(attribute, symbolTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
+        updateBoundsOfSymbolOuterBorder(attribute, symbolTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, this.x1WithoutTransform = aabbBounds.x1, this.y1WithoutTransform = aabbBounds.y1;
         const {
           lineJoin = symbolTheme.lineJoin
         } = attribute;
@@ -18824,6 +18788,7 @@
         return this.nativeContext.createRadialGradient(x0, y0, r0, x1, y1, r1);
       }
       createConicGradient(x, y, startAngle, endAngle) {
+        if (this.nativeContext.createConicGradient && Math.abs(endAngle - startAngle - 2 * Math.PI) < .001) return this.nativeContext.createConicGradient(startAngle, x, y);
         let pattern,
           edit = !1;
         const ctx = this;
@@ -21335,7 +21300,9 @@
     loadScrollbarComponent();
     class ScrollBar extends AbstractComponent {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, ScrollBar.defaultAttributes, attributes)), this.name = "scrollbar", this._onRailPointerDown = e => {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, ScrollBar.defaultAttributes, attributes)), this.name = "scrollbar", this._handleTouchMove = e => {
+          isValid$5(this._prePos) && e.preventDefault();
+        }, this._onRailPointerDown = e => {
           const {
               viewX: viewX,
               viewY: viewY
@@ -21379,8 +21346,7 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-            capture: !0,
-            passive: !0
+            capture: !0
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onSliderPointerUp);
           });
@@ -21401,7 +21367,6 @@
           } = this.getSliderRenderBounds();
           return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
         }, this._onSliderPointerMove = e => {
-          e.preventDefault();
           const {
             stopSliderMovePropagation = !0
           } = this.attribute;
@@ -21417,7 +21382,7 @@
             preScrollRange = this.getScrollRange(),
             [currentPos, currentScrollValue] = this._computeScrollValue(e),
             range = [preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue];
-          this._dispatchEvent(SCROLLBAR_END_EVENT, {
+          this._prePos = null, this._dispatchEvent(SCROLLBAR_END_EVENT, {
             pre: preRange,
             value: clampRange$1(range, limitRange[0], limitRange[1])
           }), this._clearDragEvents();
@@ -21459,7 +21424,9 @@
           delayType = "throttle",
           delayTime = 0
         } = this.attribute;
-        this._rail && this._rail.addEventListener("pointerdown", delayMap[delayType](this._onRailPointerDown, delayTime)), this._slider && this._slider.addEventListener("pointerdown", this._onSliderPointerDown);
+        this._rail && this._rail.addEventListener("pointerdown", delayMap[delayType](this._onRailPointerDown, delayTime)), this._slider && this._slider.addEventListener("pointerdown", this._onSliderPointerDown), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        });
       }
       render() {
         this._reset();
@@ -21573,8 +21540,7 @@
         const triggers = getEndTriggersOfDrag(),
           obj = "browser" === vglobal.env ? vglobal : this.stage;
         obj.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-          capture: !0,
-          passive: !1
+          capture: !0
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onSliderPointerUp);
         });
@@ -21582,6 +21548,11 @@
       _reset() {
         this._sliderRenderBounds = null, this._sliderLimitRange = null;
       }
+      release(all) {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        }), this._clearDragEvents();
+      }
     }
     ScrollBar.defaultAttributes = {
       direction: "horizontal",
@@ -25907,14 +25878,13 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onHandlerPointerMove, {
-            capture: !0,
-            passive: !1
+            capture: !0
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onHandlerPointerUp);
           });
         }, this._onHandlerPointerMove = e => {
           var _a, _b;
-          e.preventDefault(), this._isChanging = !0;
+          this._isChanging = !0;
           const {
             railWidth: railWidth,
             railHeight: railHeight,
@@ -25948,13 +25918,12 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onTrackPointerMove, {
-            capture: !0,
-            passive: !1
+            capture: !0
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onTrackPointerUp);
           });
         }, this._onTrackPointerMove = e => {
-          e.preventDefault(), this._isChanging = !0;
+          this._isChanging = !0;
           const {
             railWidth: railWidth,
             railHeight: railHeight,
@@ -26329,13 +26298,11 @@
         const triggers = getEndTriggersOfDrag(),
           obj = "browser" === vglobal.env ? vglobal : this.stage;
         obj.removeEventListener("pointermove", this._onHandlerPointerMove, {
-          capture: !0,
-          passive: !1
+          capture: !0
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onHandlerPointerUp);
         }), obj.removeEventListener("pointermove", this._onTrackPointerMove, {
-          capture: !0,
-          passive: !1
+          capture: !0
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onTrackPointerUp);
         });
@@ -45449,7 +45416,42 @@
         target && !target.isDescendantsOf(table.scenegraph.tableGroup) && table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_TABLE, {
           event: e.nativeEvent
         });
-      }), table.scenegraph.tableGroup.addEventListener("pointerdown", e => {
+      });
+      const globalPointerupCallback = e => {
+          var _a;
+          if (table.isReleased) return;
+          const target = e.target;
+          if (!table.getElement().contains(target)) {
+            const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
+            getPromiseValue(isCompleteEdit, isCompleteEdit => {
+              !1 !== isCompleteEdit && (stateManager.updateInteractionState(InteractionState.default), eventManager.dealTableHover());
+            });
+          }
+        },
+        globalPointerdownCallback = e => {
+          var _a;
+          if (table.isReleased) return;
+          const target = e.target;
+          if (!table.getElement().contains(target) && !table.internalProps.menuHandler.containElement(target)) {
+            const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
+            getPromiseValue(isCompleteEdit, isCompleteEdit => {
+              var _a, _b;
+              if (!1 !== isCompleteEdit && (null === (_a = table.options.select) || void 0 === _a ? void 0 : _a.outsideClickDeselect)) {
+                const isHasSelected = !!(null === (_b = stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
+                eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected);
+              }
+            });
+          }
+        };
+      eventManager.globalEventListeners.push({
+        name: "pointerup",
+        env: "document",
+        callback: globalPointerupCallback
+      }), eventManager.globalEventListeners.push({
+        name: "pointerdown",
+        env: "document",
+        callback: globalPointerdownCallback
+      }), vglobal.addEventListener("pointerup", globalPointerupCallback), vglobal.addEventListener("pointerdown", globalPointerdownCallback), table.scenegraph.tableGroup.addEventListener("pointerdown", e => {
         var _a, _b, _c, _d, _e;
         if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE) && table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
           event: e.nativeEvent
@@ -46141,32 +46143,18 @@
         return values;
       }
       const globalPointerdownCallback = e => {
-        var _a;
         table.eventManager.LastBodyPointerXY = {
           x: e.x,
           y: e.y
         }, table.eventManager.isDown = !0;
-        const target = e.target;
-        if (!table.getElement().contains(target) && !table.internalProps.menuHandler.containElement(target)) {
-          const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
-          getPromiseValue(isCompleteEdit, isCompleteEdit => {
-            var _a, _b;
-            if (!1 !== isCompleteEdit && (null === (_a = table.options.select) || void 0 === _a ? void 0 : _a.outsideClickDeselect)) {
-              const isHasSelected = !!(null === (_b = stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
-              eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected);
-            }
-          });
-        }
       };
       eventManager.globalEventListeners.push({
         name: "pointerdown",
-        env: "vglobal",
+        env: "body",
         callback: globalPointerdownCallback
-      }), vglobal.addEventListener("pointerdown", globalPointerdownCallback);
+      }), document.body.addEventListener("pointerdown", globalPointerdownCallback);
       const globalPointerupCallback = e => {
-        var _a;
-        const target = e.target;
-        if (target !== table.canvas && (e => {
+        if (e.target !== table.canvas && (e => {
           var _a, _b;
           if (stateManager.menu.isShow && setTimeout(() => {
             table.internalProps.menuHandler.pointInMenuElement(e.clientX, e.clientY) || stateManager.menu.isShow && stateManager.hideMenu();
@@ -46191,18 +46179,13 @@
         })(e), table.eventManager.LastBodyPointerXY = null, table.eventManager.isDown = !1, table.eventManager.isDraging = !1, table.eventManager.inertiaScroll.endInertia(), "grabing" === stateManager.interactionState && stateManager.isResizeCol()) endResizeCol(table);else if ("grabing" === stateManager.interactionState && stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
           const endMoveColSuccess = table.stateManager.endMoveCol();
           fireMoveColEventListeners(table, endMoveColSuccess, e);
-        } else if (table.editorManager.editingEditor && !table.getElement().contains(target)) {
-          const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
-          getPromiseValue(isCompleteEdit, isCompleteEdit => {
-            !1 !== isCompleteEdit && (stateManager.updateInteractionState(InteractionState.default), eventManager.dealTableHover());
-          });
         }
       };
       eventManager.globalEventListeners.push({
         name: "pointerup",
-        env: "vglobal",
+        env: "document",
         callback: globalPointerupCallback
-      }), vglobal.addEventListener("pointerup", globalPointerupCallback);
+      }), document.addEventListener("pointerup", globalPointerupCallback);
       const globalPointermoveCallback = e => {
         var _a, _b, _c, _d, _e;
         if (table.eventManager.isDown && table.eventManager.LastBodyPointerXY) {
@@ -46258,9 +46241,9 @@
       };
       eventManager.globalEventListeners.push({
         name: "pointermove",
-        env: "vglobal",
+        env: "body",
         callback: globalPointermoveCallback
-      }), vglobal.addEventListener("pointermove", globalPointermoveCallback);
+      }), document.body.addEventListener("pointermove", globalPointermoveCallback);
     }
 
     function bindTouchListener(eventManager) {
@@ -46268,21 +46251,17 @@
         stateManager = table.stateManager,
         scenegraph = table.scenegraph;
       eventManager.touchMovePoints = [], table.scenegraph.tableGroup.addEventListener("touchstart", e => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (e.target.isChildOf(scenegraph.component.vScrollBar) || e.target.isChildOf(scenegraph.component.vScrollBar)) return;
-        eventManager.isTouchdown = !0;
-        const touchEvent = e.nativeEvent;
-        eventManager.touchMovePoints.push({
-          x: null !== (_e = null !== (_c = null === (_b = null === (_a = touchEvent.changedTouches) || void 0 === _a ? void 0 : _a[0]) || void 0 === _b ? void 0 : _b._canvasX) && void 0 !== _c ? _c : null === (_d = e.canvas) || void 0 === _d ? void 0 : _d.x) && void 0 !== _e ? _e : e.page.x,
-          y: null !== (_k = null !== (_h = null === (_g = null === (_f = touchEvent.changedTouches) || void 0 === _f ? void 0 : _f[0]) || void 0 === _g ? void 0 : _g._canvasY) && void 0 !== _h ? _h : null === (_j = e.canvas) || void 0 === _j ? void 0 : _j.y) && void 0 !== _k ? _k : e.page.y,
+        e.target.isChildOf(scenegraph.component.vScrollBar) || e.target.isChildOf(scenegraph.component.vScrollBar) || (eventManager.isTouchdown = !0, eventManager.touchMovePoints.push({
+          x: e.page.x,
+          y: e.page.y,
           timestamp: Date.now()
-        });
+        }));
       });
       const globalTouchMoveCallback = e => {
-        var _a, _b, _c, _d;
+        var _a, _b;
         if (eventManager.touchMove && e.preventDefault(), eventManager.isTouchdown && isTouchEvent$1(e)) if ((null === (_b = null === (_a = eventManager.downIcon) || void 0 === _a ? void 0 : _a.attribute) || void 0 === _b ? void 0 : _b.funcType) === IconFuncTypeEnum.dragReorder) e.preventDefault();else if (eventManager.touchMovePoints.length > 4 && eventManager.touchMovePoints.shift(), eventManager.touchMovePoints.push({
-          x: null !== (_c = e.changedTouches[0]._canvasX) && void 0 !== _c ? _c : e.changedTouches[0].pageX,
-          y: null !== (_d = e.changedTouches[0]._canvasY) && void 0 !== _d ? _d : e.changedTouches[0].pageY,
+          x: e.changedTouches[0].pageX,
+          y: e.changedTouches[0].pageY,
           timestamp: Date.now()
         }), eventManager._enableTableScroll) {
           const deltaX = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].x + eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].x,
@@ -46293,23 +46272,23 @@
           }, stateManager), e.cancelable && ("none" === table.internalProps.overscrollBehavior || Math.abs(deltaY) >= Math.abs(deltaX) && 0 !== deltaY && isVerticalScrollable(deltaY, stateManager) || Math.abs(deltaY) <= Math.abs(deltaX) && 0 !== deltaX && isHorizontalScrollable(deltaX, stateManager)) && e.preventDefault();
         }
       };
-      vglobal.addEventListener("touchmove", globalTouchMoveCallback, {
+      window.addEventListener("touchmove", globalTouchMoveCallback, {
         passive: !1
       }), eventManager.globalEventListeners.push({
         name: "touchmove",
-        env: "vglobal",
+        env: "window",
         callback: globalTouchMoveCallback
       });
       const globalTouchEndCallback = e => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         if (eventManager.touchEnd = !0, eventManager.touchMove = !1, eventManager.isTouchdown && isTouchEvent$1(e)) {
           if ((null === (_b = null === (_a = eventManager.downIcon) || void 0 === _a ? void 0 : _a.attribute) || void 0 === _b ? void 0 : _b.funcType) === IconFuncTypeEnum.dragReorder) e.preventDefault();else if ((null === (_c = eventManager.touchMovePoints) || void 0 === _c ? void 0 : _c.length) && (eventManager.touchMovePoints.length > 4 && eventManager.touchMovePoints.shift(), eventManager.touchMovePoints.push({
-            x: null !== (_d = e.changedTouches[0]._canvasX) && void 0 !== _d ? _d : e.changedTouches[0].pageX,
-            y: null !== (_e = e.changedTouches[0]._canvasY) && void 0 !== _e ? _e : e.changedTouches[0].pageY,
+            x: e.changedTouches[0].pageX,
+            y: e.changedTouches[0].pageY,
             timestamp: Date.now()
           }), eventManager._enableTableScroll)) {
             const firstPoint = eventManager.touchMovePoints[0],
-              lastPoint = eventManager.touchMovePoints[(null === (_f = eventManager.touchMovePoints) || void 0 === _f ? void 0 : _f.length) - 1],
+              lastPoint = eventManager.touchMovePoints[(null === (_d = eventManager.touchMovePoints) || void 0 === _d ? void 0 : _d.length) - 1],
               vX = (lastPoint.x - firstPoint.x) / (lastPoint.timestamp - firstPoint.timestamp),
               vY = (lastPoint.y - firstPoint.y) / (lastPoint.timestamp - firstPoint.timestamp);
             eventManager.inertiaScroll.startInertia(vX, vY, .95), table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
@@ -46322,17 +46301,17 @@
           eventManager.isTouchdown = !1, eventManager.touchMovePoints = [];
         }
       };
-      vglobal.addEventListener("touchend", globalTouchEndCallback), eventManager.globalEventListeners.push({
+      window.addEventListener("touchend", globalTouchEndCallback), eventManager.globalEventListeners.push({
         name: "touchend",
-        env: "vglobal",
+        env: "window",
         callback: globalTouchEndCallback
       });
       const globalTouchCancelCallback = e => {
         eventManager.touchEnd = !0, eventManager.touchMove = !1, eventManager.isTouchdown && (eventManager.isTouchdown = !1, eventManager.touchMovePoints = []);
       };
-      vglobal.addEventListener("touchcancel", globalTouchCancelCallback), eventManager.globalEventListeners.push({
+      window.addEventListener("touchcancel", globalTouchCancelCallback), eventManager.globalEventListeners.push({
         name: "touchcancel",
-        env: "vglobal",
+        env: "window",
         callback: globalTouchCancelCallback
       });
     }
@@ -46824,7 +46803,7 @@
       }
       release() {
         this.gesture.release(), this.globalEventListeners.forEach(item => {
-          "document" === item.env ? document.removeEventListener(item.name, item.callback) : "body" === item.env ? document.body.removeEventListener(item.name, item.callback) : "window" === item.env ? window.removeEventListener(item.name, item.callback) : "vglobal" === item.env && vglobal.removeEventListener(item.name, item.callback);
+          "document" === item.env ? document.removeEventListener(item.name, item.callback) : "body" === item.env ? document.body.removeEventListener(item.name, item.callback) : "window" === item.env && window.removeEventListener(item.name, item.callback);
         }), this.globalEventListeners = [];
       }
       enableScroll() {
@@ -49404,8 +49383,8 @@
       constructor(table, options) {
         var _a;
         this.plugins = new Map(), this.table = table, null === (_a = options.plugins) || void 0 === _a || _a.map(plugin => {
-          this.register(plugin);
-        }), this.initPlugins(table);
+          this.register(plugin), this._bindTableEventForPlugin(plugin);
+        });
       }
       register(plugin) {
         this.plugins.set(plugin.id, plugin);
@@ -49416,23 +49395,28 @@
       getPlugin(id) {
         return this.plugins.get(id);
       }
-      initPlugins(table) {
-        this.plugins.forEach(plugin => {
-          var _a;
-          null === (_a = plugin.runTime) || void 0 === _a || _a.forEach(runTime => {
-            table.on(runTime, function () {
-              var _a;
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
-              }
-              null === (_a = plugin.run) || void 0 === _a || _a.call(plugin, ...args, runTime, table);
-            });
+      _bindTableEventForPlugin(plugin) {
+        var _this = this;
+        var _a;
+        null === (_a = plugin.runTime) || void 0 === _a || _a.forEach(runTime => {
+          this.table.on(runTime, function () {
+            var _a;
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            null === (_a = plugin.run) || void 0 === _a || _a.call(plugin, ...args, runTime, _this.table);
           });
         });
       }
-      updatePlugins() {
-        this.plugins.forEach(plugin => {
-          plugin.update && plugin.update(this.table);
+      updatePlugins(plugins) {
+        Array.from(this.plugins.values()).filter(plugin => !(null == plugins ? void 0 : plugins.some(p => p.id === plugin.id))).forEach(plugin => {
+          this.release(), this.plugins.delete(plugin.id);
+        }), this.plugins.forEach(plugin => {
+          plugin.update && plugin.update();
+        });
+        const addedPlugins = null == plugins ? void 0 : plugins.filter(plugin => !this.plugins.has(plugin.id));
+        null == addedPlugins || addedPlugins.forEach(plugin => {
+          this.register(plugin), this._bindTableEventForPlugin(plugin);
         });
       }
       release() {
@@ -49458,7 +49442,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.18.1-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.18.2-alpha.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -50296,8 +50280,8 @@
         return super.fireListeners(type, event);
       }
       updateOption(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-        this.options = options, this._hasAutoImageColumn = void 0;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        null === (_a = this.editorManager) || void 0 === _a || _a.cancelEdit(), this.options = options, this._hasAutoImageColumn = void 0;
         const {
           frozenColCount = 0,
           unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth,
@@ -50337,9 +50321,9 @@
         } = options;
         pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio), padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), padding.right && (this.padding.right = padding.right))), this.showFrozenIcon = "boolean" != typeof showFrozenIcon || showFrozenIcon, "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), this.widthMode = null != widthMode ? widthMode : "standard", this.heightMode = null != heightMode ? heightMode : "standard", this._widthAdaptiveMode = null != widthAdaptiveMode ? widthAdaptiveMode : "only-body", this._heightAdaptiveMode = null != heightAdaptiveMode ? heightAdaptiveMode : "only-body", this.autoFillWidth = null != autoFillWidth && autoFillWidth, this.autoFillHeight = null != autoFillHeight && autoFillHeight, this.customRender = customRender, this.canvasWidth = isNumber$4(canvasWidth) ? canvasWidth : void 0, this.canvasHeight = isNumber$4(canvasHeight) ? canvasHeight : void 0;
         const internalProps = this.internalProps;
-        if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal", internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_b = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _b ? _b : columnResizeMode, internalProps.rowResizeMode = null !== (_c = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _c ? _c : rowResizeMode, internalProps.dragHeaderMode = null !== (_e = null !== (_d = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _d ? _d : dragHeaderMode) && void 0 !== _e ? _e : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_f = options.theme) && void 0 !== _f ? _f : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_g = options.allowFrozenColCount) && void 0 !== _g ? _g : 0, internalProps.limitMaxAutoWidth = null !== (_h = options.limitMaxAutoWidth) && void 0 !== _h ? _h : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_j = internalProps.legends) || void 0 === _j || _j.forEach(legend => {
+        if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal", internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_c = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _c ? _c : columnResizeMode, internalProps.rowResizeMode = null !== (_d = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _d ? _d : rowResizeMode, internalProps.dragHeaderMode = null !== (_f = null !== (_e = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _e ? _e : dragHeaderMode) && void 0 !== _f ? _f : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_g = options.theme) && void 0 !== _g ? _g : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_h = options.allowFrozenColCount) && void 0 !== _h ? _h : 0, internalProps.limitMaxAutoWidth = null !== (_j = options.limitMaxAutoWidth) && void 0 !== _j ? _j : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_k = internalProps.legends) || void 0 === _k || _k.forEach(legend => {
           null == legend || legend.release();
-        }), null === (_k = internalProps.title) || void 0 === _k || _k.release(), internalProps.title = null, null === (_l = internalProps.emptyTip) || void 0 === _l || _l.release(), internalProps.emptyTip = null, internalProps.layoutMap.release(), clearChartRenderQueue(), this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), this._updateSize(), this.eventManager.updateEventBinder(), options.legends) {
+        }), null === (_l = internalProps.title) || void 0 === _l || _l.release(), internalProps.title = null, null === (_m = internalProps.emptyTip) || void 0 === _m || _m.release(), internalProps.emptyTip = null, internalProps.layoutMap.release(), clearChartRenderQueue(), this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), this._updateSize(), this.eventManager.updateEventBinder(), options.legends) {
           internalProps.legends = [];
           const createLegend = Factory.getFunction("createLegend");
           if (Array.isArray(options.legends)) {
@@ -50365,11 +50349,11 @@
         }
         if (internalProps.menu = Object.assign({
           renderMode: "html"
-        }, options.menu), Array.isArray(null === (_m = options.menu) || void 0 === _m ? void 0 : _m.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_o = options.menu) || void 0 === _o ? void 0 : _o.dropDownMenuHighlight), (Array.isArray(null === (_p = options.menu) || void 0 === _p ? void 0 : _p.defaultHeaderMenuItems) || "function" == typeof (null === (_q = options.menu) || void 0 === _q ? void 0 : _q.defaultHeaderMenuItems)) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), "html" === internalProps.menu.renderMode && !internalProps.menuHandler) {
+        }, options.menu), Array.isArray(null === (_o = options.menu) || void 0 === _o ? void 0 : _o.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_p = options.menu) || void 0 === _p ? void 0 : _p.dropDownMenuHighlight), (Array.isArray(null === (_q = options.menu) || void 0 === _q ? void 0 : _q.defaultHeaderMenuItems) || "function" == typeof (null === (_r = options.menu) || void 0 === _r ? void 0 : _r.defaultHeaderMenuItems)) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), "html" === internalProps.menu.renderMode && !internalProps.menuHandler) {
           const MenuHandler = Factory.getComponent("menuHandler");
           internalProps.menuHandler = new MenuHandler(this);
         }
-        this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), internalProps.customMergeCell = getCustomMergeCellFunc(options.customMergeCell), null === (_r = this.customCellStylePlugin) || void 0 === _r || _r.updateCustomCell(null !== (_s = options.customCellStyle) && void 0 !== _s ? _s : [], null !== (_t = options.customCellStyleArrangement) && void 0 !== _t ? _t : []), this._adjustCanvasSizeByOption();
+        this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), internalProps.customMergeCell = getCustomMergeCellFunc(options.customMergeCell), null === (_s = this.customCellStylePlugin) || void 0 === _s || _s.updateCustomCell(null !== (_t = options.customCellStyle) && void 0 !== _t ? _t : [], null !== (_u = options.customCellStyleArrangement) && void 0 !== _u ? _u : []), this._adjustCanvasSizeByOption();
       }
       renderWithRecreateCells() {
         this.internalProps.stick.changedCells.clear();
@@ -54413,7 +54397,7 @@
           const EmptyTip = Factory.getComponent("emptyTip");
           this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_h = this.internalProps.emptyTip) || void 0 === _h || _h.resetVisible();
         }
-        return new Promise(resolve => {
+        return this.pluginManager.updatePlugins(options.plugins), new Promise(resolve => {
           setTimeout(resolve, 0);
         });
       }