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

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.2-alpha.1";
+export declare const version = "1.9.2-alpha.3";
 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.2-alpha.1";
+exports.VTable = VTable, exports.version = "1.9.2-alpha.3";
 //# 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,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"]}
+{"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.3\";\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,14 +4469,8 @@
       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 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;
+      for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i--, i <= 0) return index;
       return i;
     }
     function measureTextCanvas(text, character) {
@@ -4574,7 +4568,7 @@
           width: length
         };
       }
-      clipText(text, options, width, wordBreak, keepAllBreak) {
+      clipText(text, options, width, wordBreak) {
         if (0 === text.length) return {
           str: "",
           width: 0
@@ -4590,8 +4584,8 @@
         };
         const data = this._clipText(text, options, width, 0, text.length - 1, "end", !1);
         if (wordBreak && data.str !== text) {
-          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));
+          const index = testLetter(text, data.str.length);
+          index !== data.str.length && (data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
         }
         return data;
       }
@@ -8671,7 +8665,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(x0, y0, x1, y1, x2, y2, x3, y3) {
+    function intersect$2(x0, y0, x1, y1, x2, y2, x3, y3) {
       const x10 = x1 - x0,
         y10 = y1 - y0,
         x32 = x3 - x2,
@@ -8740,7 +8734,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(xors, yors, xirs, yirs, xore, yore, xire, yire);
+        const oc = intersect$2(xors, yors, xirs, yirs, xore, yore, xire, yire);
         if (oc) {
           const ax = xors - oc[0],
             ay = yors - oc[1],
@@ -9305,7 +9299,7 @@
       validCheck(attribute, theme, aabbBounds, graphic) {
         if (!graphic) return !0;
         if (null != attribute.forceBoundsHeight || null != attribute.forceBoundsWidth) return !0;
-        if (graphic.shadowRoot || graphic.isContainer) return !0;
+        if (graphic.shadowRoot) return !0;
         const {
           visible = theme.visible
         } = attribute;
@@ -12574,22 +12568,20 @@
               });
               break;
             }
-            const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth, "break-all" !== wordBreak, "keep-all" === wordBreak);
-            if ("" !== str && "" === clip.str || clip.wordBreaked) {
+            const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth, "break-word" === wordBreak);
+            if ("" !== str && "" === clip.str) {
               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;
             }
-            linesLayout.push({
+            if (linesLayout.push({
               str: clip.str,
               width: clip.width
-            });
-            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);
+            }), clip.str.length === str.length) ;else if (needCut) {
+              const newStr = str.substring(clip.str.length);
+              lines.splice(i + 1, 0, newStr);
             }
           }
           let maxWidth = 0;
@@ -21062,15 +21054,6 @@
         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;
@@ -21395,9 +21378,17 @@
       },
       greedy: function (items, sep) {
         let a;
-        return items.filter((b, i) => i && textIntersect(a, b, sep) ? b.setAttribute("opacity", 0) : (a = b, 1));
+        return items.filter((b, i) => i && intersect$1(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;
@@ -21405,20 +21396,6 @@
     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);
@@ -21430,19 +21407,20 @@
           separation: sep = 0
         } = config,
         reduce = isFunction$3(method) ? method : methods$1[method] || methods$1.parity;
-      if (items.length >= 3 && hasOverlap(items, sep)) {
+      if (items.length >= 3 && hasOverlap$1(items, sep)) {
         do {
           items = reduce(items, sep);
-        } 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);
+        } 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);
+            }
+          }
+        }
       }
       source.forEach(item => {
         item.setAttribute("visible", !!item.attribute.opacity);
@@ -22049,7 +22027,6 @@
             autoHideMethod: autoHideMethod,
             autoHideSeparation: autoHideSeparation,
             lastVisible: lastVisible,
-            firstVisible: firstVisible,
             autoWrap: autoWrap$1,
             overflowLimitLength: overflowLimitLength
           } = label;
@@ -22083,8 +22060,7 @@
             orient: orient,
             method: autoHideMethod,
             separation: autoHideSeparation,
-            lastVisible: lastVisible,
-            firstVisible: firstVisible
+            lastVisible: lastVisible
           });
         }
       }
@@ -22154,6 +22130,13 @@
         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) => {
@@ -22687,20 +22670,6 @@
       } 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());
@@ -22740,8 +22709,7 @@
           customTicks: customTicks
         }));
       }
-      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)) {
+      if (op.sampling && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
         const {
           labelGap = 4,
           labelFlush: labelFlush
@@ -22750,14 +22718,8 @@
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        const source = [...items],
-          firstSourceItem = source[0],
-          lastSourceItem = last$1(source),
-          samplingMethod = breakData && breakData() ? methods.greedy : methods.parity;
+        const 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;
       }
@@ -22769,7 +22731,7 @@
       },
       greedy: function (items, sep) {
         let a;
-        return items.filter((b, i) => (!i || !textIntersect(a, b, sep)) && (a = b, !0));
+        return items.filter((b, i) => (!i || !intersect(a.AABBBounds, b.AABBBounds, sep)) && (a = b, !0));
       }
     };
 
@@ -23531,8 +23493,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", labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
-          } else valueShape.setAttribute("x", labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
+            }) : valueShape.setAttribute("x", valueSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
+          } else valueShape.setAttribute("x", valueSpace + (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));
@@ -23598,8 +23560,9 @@
           disableTriggerEvent: disableTriggerEvent
         }));
       }
-      _updatePositionOfPager(renderStartY, compWidth, compHeight) {
+      _updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight) {
         const {
+            maxHeight: maxHeight,
             pager: pager
           } = this.attribute,
           {
@@ -23610,14 +23573,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: compWidth - this._pagerComponent.AABBBounds.width(),
+            x: contentWidth,
             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: compHeight - this._pagerComponent.AABBBounds.height()
+            y: maxHeight - this._pagerComponent.AABBBounds.height()
           });
         }
       }
@@ -23646,10 +23609,11 @@
             const {
               value: value
             } = e.detail;
-            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;
+            let newPage = value[0] * this._itemContext.totalPage;
+            return 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(),
               {
@@ -23678,7 +23642,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", e => e.nativeEvent.preventDefault()), this.addEventListener("wheel", throttle$2(onScroll, THROTTLE_TIME));
+            this.addEventListener("wheel", throttle$2(onScroll, THROTTLE_TIME));
           }
         } else this._pagerComponent.addEventListener("toPrev", onPaging), this._pagerComponent.addEventListener("toNext", onPaging);
       }
@@ -23726,7 +23690,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(renderStartY, compWidth, compHeight);
+          this._itemContext.totalPage = total, this._updatePositionOfPager(contentWidth, contentHeight, 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) => {
@@ -23739,7 +23703,7 @@
             }), startY += spaceRow + height;
           });
           const total = Math.ceil(pages / maxCol);
-          this._itemContext.totalPage = total, this._updatePositionOfPager(renderStartY, compWidth, compHeight);
+          this._itemContext.totalPage = total, this._updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight);
         }
         defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("y", -(defaultCurrent - 1) * (compHeight + spaceRow)) : itemsContainer.setAttribute("x", -(defaultCurrent - 1) * (compWidth + spaceCol)));
         const clipGroup = graphicCreator.group({
@@ -23862,9 +23826,6 @@
           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",
@@ -33744,7 +33705,7 @@
               width: width,
               height: height
             } = attribute;
-          return this._AABBBounds.setValue(x, y, x + width, y + height), this.parent && this.parent.addChildUpdateBoundTag(), this.clearUpdateBoundTag(), this._AABBBounds;
+          return this._AABBBounds.setValue(x, y, x + width, y + height), this.parent && this.parent.addChildUpdateBoundTag(), this.clearUpdateBoundTag(), this.shadowRoot && this.shadowRoot.tryUpdateAABBBounds(), this._AABBBounds;
         }
         return "body" === this.role || "row-header" === this.role || "col-header" === this.role || "right-frozen" === this.role || "bottom-frozen" === this.role || "corner-header" === this.role || "corner-right-top-header" === this.role || "corner-right-bottom-header" === this.role || "corner-left-bottom-header" === this.role ? (this._AABBBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0), this.parent && this.parent.addChildUpdateBoundTag(), this.clearUpdateBoundTag(), this.shadowRoot && this.shadowRoot.tryUpdateAABBBounds(), this._AABBBounds) : super.doUpdateAABBBounds();
       }
@@ -34467,6 +34428,18 @@
       }).catch(err => {});
     }
 
+    function onBeforeAttributeUpdateForInvertHighlight(val, attribute) {
+      var _a, _b;
+      const graphic = this;
+      if (graphic.shadowRoot && graphic.shadowRoot.childrenCount && (isValid$1(val.width) || isValid$1(val.height))) {
+        const shadowRect = graphic.shadowRoot.findChildrenByName("shadow-rect")[0];
+        shadowRect && shadowRect.setAttributes({
+          width: null !== (_a = val.width) && void 0 !== _a ? _a : shadowRect.attribute.width,
+          height: null !== (_b = val.height) && void 0 !== _b ? _b : shadowRect.attribute.height
+        });
+      }
+    }
+
     function createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult) {
       var _a, _b;
       let cellGroup,
@@ -34526,7 +34499,7 @@
       } else if ("radio" === type) {
         cellGroup = Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define);
       }
-      return cellGroup;
+      return cellGroup.onBeforeAttributeUpdate = onBeforeAttributeUpdateForInvertHighlight, cellGroup;
     }
     function updateCell$1(col, row, table, addNew, isShadow) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
@@ -46962,7 +46935,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.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");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.9.2-alpha.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -57304,7 +57277,7 @@
         themes: themes$1
     });
 
-    const version = "1.9.2-alpha.1";
+    const version = "1.9.2-alpha.3";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;