@visactor/vtable-gantt 1.9.1 → 1.9.2-alpha.1

package/cjs/index.d.ts

@@ -5,5 +5,5 @@ import { Gantt } from './Gantt';
 import * as tools from './tools';
 import * as VRender from './vrender';
 import * as VTable from './vtable';
-export declare const version = "1.9.1";
+export declare const version = "1.9.2-alpha.1";
 export { TYPES, GanttConstructorOptions, Gantt, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, TextAlignType, TextBaselineType, tools, VRender, VTable };

package/cjs/index.js

@@ -52,5 +52,5 @@ exports.VRender = VRender;
 
 const VTable = __importStar(require("./vtable"));
 
-exports.VTable = VTable, exports.version = "1.9.1";
+exports.VTable = VTable, exports.version = "1.9.2-alpha.1";
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,OAAO,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.9.1\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,eAAe,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.9.2-alpha.1\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}

package/dist/vtable-gantt.js

@@ -4469,8 +4469,14 @@
       return needTestLetter && (index = testLetter(desc, index)), index;
     }
     function testLetter(string, index) {
+      let negativeWrongMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
       let i = index;
-      for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i--, i <= 0) return index;
+      for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i--, i <= 0) return negativeWrongMatch ? testLetter2(string, index) : index;
+      return i;
+    }
+    function testLetter2(string, index) {
+      let i = index;
+      for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i++, i >= string.length) return i;
       return i;
     }
     function measureTextCanvas(text, character) {
@@ -4568,7 +4574,7 @@
           width: length
         };
       }
-      clipText(text, options, width, wordBreak) {
+      clipText(text, options, width, wordBreak, keepAllBreak) {
         if (0 === text.length) return {
           str: "",
           width: 0
@@ -4584,8 +4590,8 @@
         };
         const data = this._clipText(text, options, width, 0, text.length - 1, "end", !1);
         if (wordBreak && data.str !== text) {
-          const index = testLetter(text, data.str.length);
-          index !== data.str.length && (data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
+          let index = testLetter(text, data.str.length, keepAllBreak);
+          index !== data.str.length && (index > data.str.length && (data.wordBreaked = index, index = data.str.length), data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
         }
         return data;
       }
@@ -8665,7 +8671,7 @@
       const path = "function" == typeof graphic.pathProxy ? graphic.pathProxy(graphic.attribute) : graphic.pathProxy;
       return renderCommandList(path.commandList, context, x, y), context.setShadowBlendStyle && context.setShadowBlendStyle(graphic, graphic.attribute, themeAttributes), doStroke && (strokeCb ? strokeCb(context, graphic.attribute, themeAttributes) : sVisible && (context.setStrokeStyle(graphic, graphic.attribute, x - originX, y - originY, themeAttributes), context.stroke())), doFill && (fillCb ? fillCb(context, graphic.attribute, themeAttributes) : fVisible && (context.setCommonStyle(graphic, graphic.attribute, x - originX, y - originY, themeAttributes), context.fill())), !0;
     }
-    function intersect$2(x0, y0, x1, y1, x2, y2, x3, y3) {
+    function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
       const x10 = x1 - x0,
         y10 = y1 - y0,
         x32 = x3 - x2,
@@ -8734,7 +8740,7 @@
         yire = innerRadius * sin(innerEndAngle);
       let xore, yore, xirs, yirs;
       if ((maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) && (xore = outerRadius * cos(outerEndAngle), yore = outerRadius * sin(outerEndAngle), xirs = innerRadius * cos(innerStartAngle), yirs = innerRadius * sin(innerStartAngle), deltaAngle < pi)) {
-        const oc = intersect$2(xors, yors, xirs, yirs, xore, yore, xire, yire);
+        const oc = intersect(xors, yors, xirs, yirs, xore, yore, xire, yire);
         if (oc) {
           const ax = xors - oc[0],
             ay = yors - oc[1],
@@ -9299,7 +9305,7 @@
       validCheck(attribute, theme, aabbBounds, graphic) {
         if (!graphic) return !0;
         if (null != attribute.forceBoundsHeight || null != attribute.forceBoundsWidth) return !0;
-        if (graphic.shadowRoot) return !0;
+        if (graphic.shadowRoot || graphic.isContainer) return !0;
         const {
           visible = theme.visible
         } = attribute;
@@ -12568,20 +12574,22 @@
               });
               break;
             }
-            const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth, "break-word" === wordBreak);
-            if ("" !== str && "" === clip.str) {
+            const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth, "break-all" !== wordBreak, "keep-all" === wordBreak);
+            if ("" !== str && "" === clip.str || clip.wordBreaked) {
               if (ellipsis) {
                 const clipEllipsis = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis, !1, suffixPosition);
                 clip.str = null !== (_c = clipEllipsis.str) && void 0 !== _c ? _c : "", clip.width = null !== (_d = clipEllipsis.width) && void 0 !== _d ? _d : 0;
               } else clip.str = "", clip.width = 0;
               needCut = !1;
             }
-            if (linesLayout.push({
+            linesLayout.push({
               str: clip.str,
               width: clip.width
-            }), clip.str.length === str.length) ;else if (needCut) {
-              const newStr = str.substring(clip.str.length);
-              lines.splice(i + 1, 0, newStr);
+            });
+            let cutLength = clip.str.length;
+            if (!clip.wordBreaked || "" !== str && "" === clip.str || (needCut = !0, cutLength = clip.wordBreaked), clip.str.length === str.length) ;else if (needCut) {
+              let newStr = str.substring(cutLength);
+              "keep-all" === wordBreak && (newStr = newStr.replace(/^\s+/g, "")), lines.splice(i + 1, 0, newStr);
             }
           }
           let maxWidth = 0;
@@ -21054,6 +21062,15 @@
         labelPoint = getVerticalCoord(point, getCircleVerticalVector(labelOffset, point, center, inside));
       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));
+    }
+    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;
+      return !1;
+    }
 
     const dispatchHoverState = (e, container, lastHover) => {
       const target = e.target;
@@ -21378,17 +21395,9 @@
       },
       greedy: function (items, sep) {
         let a;
-        return items.filter((b, i) => i && intersect$1(a, b, sep) ? b.setAttribute("opacity", 0) : (a = b, 1));
+        return items.filter((b, i) => i && textIntersect(a, b, sep) ? b.setAttribute("opacity", 0) : (a = b, 1));
       }
     };
-    function intersect$1(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));
-    }
-    function hasOverlap$1(items, pad) {
-      for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (intersect$1(a, b = items[i], pad)) return !0;
-    }
     function hasBounds(item) {
       let bounds;
       return bounds = item.OBBBounds.empty() ? item.AABBBounds : item.OBBBounds, bounds.width() > 1 && bounds.height() > 1;
@@ -21396,6 +21405,20 @@
     function reset(items) {
       return items.forEach(item => item.setAttribute("opacity", 1)), items;
     }
+    function forceItemVisible$1(sourceItem, items, check, comparator) {
+      let inverse = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+      if (check && !sourceItem.attribute.opacity) {
+        const remainLength = items.length;
+        if (remainLength > 1) {
+          sourceItem.setAttribute("opacity", 1);
+          for (let i = 0; i < remainLength; i++) {
+            const item = inverse ? items[remainLength - 1 - i] : items[i];
+            if (!comparator(item)) break;
+            item.setAttribute("opacity", 0);
+          }
+        }
+      }
+    }
     function autoHide(labels, config) {
       if (isEmpty$1(labels)) return;
       const source = labels.filter(hasBounds);
@@ -21407,20 +21430,19 @@
           separation: sep = 0
         } = config,
         reduce = isFunction$3(method) ? method : methods$1[method] || methods$1.parity;
-      if (items.length >= 3 && hasOverlap$1(items, sep)) {
+      if (items.length >= 3 && hasOverlap(items, sep)) {
         do {
           items = reduce(items, sep);
-        } while (items.length >= 3 && hasOverlap$1(items, sep));
-        if (items.length < 3 || config.lastVisible) {
-          const lastSourceItem = last$1(source);
-          if (!lastSourceItem.attribute.opacity) {
-            const remainLength = items.length;
-            if (remainLength > 1) {
-              lastSourceItem.setAttribute("opacity", 1);
-              for (let i = remainLength - 1; i >= 0 && intersect$1(items[i], lastSourceItem, sep); i--) items[i].setAttribute("opacity", 0);
-            }
-          }
-        }
+        } while (items.length >= 3 && hasOverlap(items, sep));
+        const shouldCheck = function (length, visibility) {
+            let checkLength = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
+            return checkLength && length < 3 || visibility;
+          },
+          checkFirst = shouldCheck(items.length, config.firstVisible, !1);
+        let checkLast = shouldCheck(items.length, config.lastVisible);
+        const firstSourceItem = source[0],
+          lastSourceItem = last$1(source);
+        textIntersect(firstSourceItem, lastSourceItem, sep) && checkFirst && checkLast && (lastSourceItem.setAttribute("opacity", 0), checkLast = !1), forceItemVisible$1(firstSourceItem, items, checkFirst, item => textIntersect(item, firstSourceItem, sep)), forceItemVisible$1(lastSourceItem, items, checkLast, item => textIntersect(item, lastSourceItem, sep) || !(!checkFirst || item === firstSourceItem) && textIntersect(item, firstSourceItem, sep), !0);
       }
       source.forEach(item => {
         item.setAttribute("visible", !!item.attribute.opacity);
@@ -22027,6 +22049,7 @@
             autoHideMethod: autoHideMethod,
             autoHideSeparation: autoHideSeparation,
             lastVisible: lastVisible,
+            firstVisible: firstVisible,
             autoWrap: autoWrap$1,
             overflowLimitLength: overflowLimitLength
           } = label;
@@ -22060,7 +22083,8 @@
             orient: orient,
             method: autoHideMethod,
             separation: autoHideSeparation,
-            lastVisible: lastVisible
+            lastVisible: lastVisible,
+            firstVisible: firstVisible
           });
         }
       }
@@ -22130,13 +22154,6 @@
         nextBounds = new AABBBounds$1(nextLabel).expand(gap / 2);
       return prevBounds.intersects(nextBounds);
     };
-    function intersect(a, b, sep) {
-      return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2);
-    }
-    function hasOverlap(items, pad) {
-      for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (b = items[i], intersect(a.AABBBounds, b.AABBBounds, pad)) return !0;
-      return !1;
-    }
     const MIN_TICK_GAP = 12;
     const calculateFlushPos = (basePosition, size, rangePosition, otherEnd) => rangePosition < basePosition ? Math.max(basePosition - size / 2, rangePosition) : rangePosition > basePosition ? Math.min(basePosition - size / 2, rangePosition - size) : rangePosition < otherEnd ? rangePosition : rangePosition - size;
     const getCartesianLabelBounds = (scale, domain, op) => {
@@ -22670,6 +22687,20 @@
       } else scaleTicks = getTicks(count);
       return scaleTicks;
     }
+    function forceItemVisible(sourceItem, items, check, comparator) {
+      let inverse = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+      if (check && !items.includes(sourceItem)) {
+        let remainLength = items.length;
+        if (remainLength > 1) {
+          inverse ? items.push(sourceItem) : items.unshift(sourceItem);
+          for (let i = 0; i < remainLength; i++) {
+            const index = inverse ? remainLength - 1 - i : i;
+            if (!comparator(items[index])) break;
+            items.splice(index, 1), i--, remainLength--;
+          }
+        }
+      }
+    }
     const continuousTicks = (scale, op) => {
       var _a, _b;
       if (!isContinuous(scale.type)) return convertDomainToTickData(scale.domain());
@@ -22709,7 +22740,8 @@
           customTicks: customTicks
         }));
       }
-      if (op.sampling && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
+      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
@@ -22718,8 +22750,14 @@
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        const samplingMethod = breakData && breakData() ? methods.greedy : methods.parity;
+        const source = [...items],
+          firstSourceItem = source[0],
+          lastSourceItem = last$1(source),
+          samplingMethod = breakData && breakData() ? methods.greedy : methods.parity;
         for (; items.length >= 3 && hasOverlap(items, labelGap);) items = samplingMethod(items, labelGap);
+        const checkFirst = op.labelFirstVisible;
+        let checkLast = op.labelLastVisible;
+        textIntersect(firstSourceItem, lastSourceItem, labelGap) && items.includes(lastSourceItem) && items.length > 1 && checkFirst && checkLast && (items.splice(items.indexOf(lastSourceItem), 1), checkLast = !1), forceItemVisible(firstSourceItem, items, checkFirst, item => textIntersect(item, firstSourceItem, labelGap)), forceItemVisible(lastSourceItem, items, checkLast, item => textIntersect(item, lastSourceItem, labelGap) || !(!checkFirst || item === firstSourceItem) && textIntersect(item, firstSourceItem, labelGap), !0);
         const ticks = items.map(item => item.value);
         ticks.length < 3 && labelFlush && (ticks.length > 1 && ticks.pop(), last$1(ticks) !== last$1(scaleTicks) && ticks.push(last$1(scaleTicks))), scaleTicks = ticks;
       }
@@ -22731,7 +22769,7 @@
       },
       greedy: function (items, sep) {
         let a;
-        return items.filter((b, i) => (!i || !intersect(a.AABBBounds, b.AABBBounds, sep)) && (a = b, !0));
+        return items.filter((b, i) => (!i || !textIntersect(a, b, sep)) && (a = b, !0));
       }
     };
 
@@ -23493,8 +23531,8 @@
             this._autoEllipsis(autoEllipsisStrategy, layoutWidth, labelShape, valueShape), valueAttr.alignRight ? valueShape.setAttributes({
               textAlign: "right",
               x: this._itemWidthByUser - shapeSize / 2 - parsedPadding[1] - parsedPadding[3] - focusSpace - valueSpace
-            }) : valueShape.setAttribute("x", valueSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
-          } else valueShape.setAttribute("x", valueSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
+            }) : valueShape.setAttribute("x", labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
+          } else valueShape.setAttribute("x", labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
           focusStartX = valueSpace + (valueShape.AABBBounds.empty() ? 0 : valueShape.AABBBounds.x2), innerGroup.add(valueShape);
         } else this._itemWidthByUser ? (labelShape.setAttribute("maxLineWidth", this._itemWidthByUser - parsedPadding[1] - parsedPadding[3] - shapeSize - shapeSpace - focusSpace), focusStartX = labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2)) : focusStartX = labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2);
         focusShape && (focusShape.setAttribute("x", focusStartX), innerGroup.add(focusShape));
@@ -23560,9 +23598,8 @@
           disableTriggerEvent: disableTriggerEvent
         }));
       }
-      _updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight) {
+      _updatePositionOfPager(renderStartY, compWidth, compHeight) {
         const {
-            maxHeight: maxHeight,
             pager: pager
           } = this.attribute,
           {
@@ -23573,14 +23610,14 @@
         if (this._pagerComponent.setTotal(totalPage), isHorizontal) {
           let y;
           y = "start" === position ? renderStartY : "end" === position ? renderStartY + compHeight - this._pagerComponent.AABBBounds.height() / 2 : renderStartY + compHeight / 2 - this._pagerComponent.AABBBounds.height() / 2, this._pagerComponent.setAttributes({
-            x: contentWidth,
+            x: compWidth - this._pagerComponent.AABBBounds.width(),
             y: y
           });
         } else {
           let x;
           x = "start" === position ? 0 : "end" === position ? compWidth - this._pagerComponent.AABBBounds.width() : (compWidth - this._pagerComponent.AABBBounds.width()) / 2, this._pagerComponent.setAttributes({
             x: x,
-            y: maxHeight - this._pagerComponent.AABBBounds.height()
+            y: compHeight - this._pagerComponent.AABBBounds.height()
           });
         }
       }
@@ -23609,11 +23646,10 @@
             const {
               value: value
             } = e.detail;
-            let newPage = value[0] * this._itemContext.totalPage;
-            return pager.scrollByPosition ? newPage += 1 : newPage = Math.floor(newPage) + 1, newPage;
+            let newPage;
+            return 0 === value[0] ? newPage = 1 : 1 === value[1] ? newPage = this._itemContext.totalPage : (newPage = value[0] * this._itemContext.totalPage, pager.scrollByPosition ? newPage += 1 : newPage = Math.floor(newPage) + 1), newPage;
           } : e => e.detail.current,
           onScroll = e => {
-            e.preventDefault();
             const scrollComponent = this._pagerComponent,
               preScrollRange = scrollComponent.getScrollRange(),
               {
@@ -23642,7 +23678,7 @@
         if (this._itemContext.isScrollbar) {
           if (this._pagerComponent.addEventListener("scrollDrag", onPaging), this._pagerComponent.addEventListener("scrollUp", onPaging), this.attribute.pager.roamScroll) {
             const THROTTLE_TIME = 50;
-            this.addEventListener("wheel", throttle$2(onScroll, THROTTLE_TIME));
+            this.addEventListener("wheel", e => e.nativeEvent.preventDefault()), this.addEventListener("wheel", throttle$2(onScroll, THROTTLE_TIME));
           }
         } else this._pagerComponent.addEventListener("toPrev", onPaging), this._pagerComponent.addEventListener("toNext", onPaging);
       }
@@ -23690,7 +23726,7 @@
             }), startX += spaceCol + width;
           }), this._itemContext.startX = startX, this._itemContext.startY = startY, this._itemContext.pages = pages;
           const total = Math.ceil(pages / maxRow);
-          this._itemContext.totalPage = total, this._updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight);
+          this._itemContext.totalPage = total, this._updatePositionOfPager(renderStartY, compWidth, compHeight);
         } else {
           if (compWidth = this._itemMaxWidth * maxCol + (maxCol - 1) * spaceCol, compHeight = maxHeight, contentWidth = compWidth, comp = this._createPager(compStyle), this._pagerComponent = comp, this._innerView.add(comp), contentHeight = maxHeight - comp.AABBBounds.height() - pagerSpace - renderStartY, contentHeight <= 0) return this._innerView.removeChild(comp), !1;
           itemsContainer.getChildren().forEach((item, index) => {
@@ -23703,7 +23739,7 @@
             }), startY += spaceRow + height;
           });
           const total = Math.ceil(pages / maxCol);
-          this._itemContext.totalPage = total, this._updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight);
+          this._itemContext.totalPage = total, this._updatePositionOfPager(renderStartY, compWidth, compHeight);
         }
         defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("y", -(defaultCurrent - 1) * (compHeight + spaceRow)) : itemsContainer.setAttribute("x", -(defaultCurrent - 1) * (compWidth + spaceCol)));
         const clipGroup = graphicCreator.group({
@@ -23826,6 +23862,9 @@
           config.state[key] && (isFunction$3(config.state[key]) ? newConfig.state[key] = config.state[key](item, isSelected, index, items) : newConfig.state[key] = config.state[key]);
         })), newConfig;
       }
+      release() {
+        super.release(), this.removeAllEventListeners();
+      }
     }
     DiscreteLegend.defaultAttributes = {
       layout: "horizontal",
@@ -46923,7 +46962,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.9.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.9.2-alpha.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -57265,7 +57304,7 @@
         themes: themes$1
     });
 
-    const version = "1.9.1";
+    const version = "1.9.2-alpha.1";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;