@visactor/vtable 0.13.2-alpha.6 → 0.13.3

package/dist/vtable.js

@@ -492,7 +492,7 @@
     const isRegExp = value => isType$5(value, "RegExp");
     var isRegExp$1 = isRegExp;
 
-    const isBase64 = value => new RegExp(/^data:image\/(?:gif|png|jpeg|bmp|webp)(?:;charset=utf-8)?;base64,(?:[A-Za-z0-9]|[+/])+={0,2}/g).test(value);
+    const isBase64 = value => new RegExp(/^data:image\/(?:gif|png|jpeg|bmp|webp|svg\+xml)(?:;charset=utf-8)?;base64,(?:[A-Za-z0-9]|[+/])+={0,2}/g).test(value);
     var isBase64$1 = isBase64;
 
     const getType = value => ({}).toString.call(value).replace(/^\[object /, "").replace(/]$/, "");
@@ -3178,7 +3178,7 @@
         SORT_CLICK: 'sort_click',
         FREEZE_CLICK: 'freeze_click',
         SCROLL: 'scroll',
-        DROPDOWNMENU_CLICK: 'dropdownmenu_click',
+        DROPDOWN_MENU_CLICK: 'dropdown_menu_click',
         MOUSEOVER_CHART_SYMBOL: 'mouseover_chart_symbol',
         DRAG_SELECT_END: 'drag_select_end',
         DROPDOWN_ICON_CLICK: 'dropdown_icon_click',
@@ -10630,9 +10630,7 @@
         let data = ResourceLoader.cache.get(url);
         data ? "fail" === data.loadState ? application$1.global.getRequestAnimationFrame()(() => {
           mark.imageLoadFail(url);
-        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && application$1.global.getRequestAnimationFrame()(() => {
-          mark.imageLoadSuccess(url, data.data);
-        }) : (data = {
+        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && mark.imageLoadSuccess(url, data.data) : (data = {
           type: "image",
           loadState: "init"
         }, ResourceLoader.cache.set(url, data), data.dataPromise = application$1.global.loadImage(url), data.dataPromise ? (data.waitingMark = [mark], data.dataPromise.then(res => {
@@ -11284,7 +11282,7 @@
           data: "init",
           state: null
         };
-        this.resources.set(url, cache), "string" == typeof image ? (cache.state = "loading", isValidUrl$1(image) || isBase64$1(image) ? (ResourceLoader$1.GetImage(image, this), this.backgroundImg = this.backgroundImg || background) : image.startsWith("<svg") && (ResourceLoader$1.GetSvg(image, this), this.backgroundImg = this.backgroundImg || background)) : (cache.state = "success", cache.data = image, this.backgroundImg = this.backgroundImg || background);
+        this.resources.set(url, cache), "string" == typeof image ? (cache.state = "loading", image.startsWith("<svg") ? (ResourceLoader$1.GetSvg(image, this), this.backgroundImg = this.backgroundImg || background) : (isValidUrl$1(image) || image.includes("/") || isBase64$1(image)) && (ResourceLoader$1.GetImage(image, this), this.backgroundImg = this.backgroundImg || background)) : (cache.state = "success", cache.data = image, this.backgroundImg = this.backgroundImg || background);
       }
       imageLoadSuccess(url, image, cb) {
         if (!this.resources) return;
@@ -11434,7 +11432,7 @@
             if ("/" === xmlData[i + 1]) {
               const closeIndex = findClosingIndex(xmlData, ">", i, "Closing Tag is not closed."),
                 propIndex = jPath.lastIndexOf(".");
-              jPath = jPath.substring(0, propIndex), currentNode = this.tagsNodeStack.pop(), textData = "", i = closeIndex;
+              jPath = jPath.substring(0, propIndex), currentNode = this.tagsNodeStack.pop(), currentNode && currentNode.child && textData && currentNode.child[currentNode.child.length - 1][":@"] && (currentNode.child[currentNode.child.length - 1][":@"].text = textData), textData = "", i = closeIndex;
             } else if ("?" === xmlData[i + 1]) {
               i = readTagExp(xmlData, i, !1, "?>").closeIndex + 1;
             } else if ("!--" === xmlData.substr(i + 1, 3)) {
@@ -19122,6 +19120,7 @@
         return this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
       }
       clearScreen(renderService, context, drawContext) {
+        var _a;
         const {
           clear: clear
         } = drawContext;
@@ -19133,7 +19132,12 @@
             } = drawContext,
             x = 0,
             y = 0;
-          context.clearRect(x, y, width, height), context.fillStyle = createColor(context, clear, {
+          context.clearRect(x, y, width, height);
+          const stage = null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage;
+          if (stage && stage.backgroundImg && stage.resources) {
+            const res = stage.resources.get(clear);
+            res && "success" === res.state && res.data && context.drawImage(res.data, x, y, width, height);
+          } else context.fillStyle = createColor(context, clear, {
             AABBBounds: {
               x1: x,
               y1: y,
@@ -20215,7 +20219,7 @@
             wrapGroup: wrapGroup
           } = _ref;
           application$1.global.removeDom(wrapGroup);
-        }), nativeDom = "string" == typeof dom ? new DOMParser().parseFromString(dom, "text/xml").firstChild : dom;
+        }), nativeDom = "string" == typeof dom ? new DOMParser().parseFromString(dom, "text/html").firstChild : dom;
         const _container = container || (!0 === stage.params.enableHtmlAttribute ? null : stage.params.enableHtmlAttribute);
         nativeContainer = _container ? "string" == typeof _container ? application$1.global.getElementById(_container) : _container : graphic.stage.window.getContainer();
         const wrapGroup = application$1.global.createDom({
@@ -20697,7 +20701,9 @@
               return this.viewBox.height();
             }
           }
-        })), params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer, this.timeline = new DefaultTimeline$1(), this.ticker.addTimeline(this.timeline), this.timeline.pause(), this.optmize(params.optimize);
+        })), params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer, this.timeline = new DefaultTimeline$1(), this.ticker.addTimeline(this.timeline), this.timeline.pause(), this.optmize(params.optimize), this._background && isString$3(this._background) && this.setAttributes({
+          background: this._background
+        });
       }
       optmize(params) {
         this.optmizeRender(null == params ? void 0 : params.skipRenderWithOutRange);
@@ -21805,7 +21811,7 @@
       }
       getNativeAABBBounds(_dom) {
         let dom = _dom;
-        if ("string" == typeof _dom && (dom = new DOMParser().parseFromString(_dom, "text/xml").firstChild), dom.getBoundingClientRect) {
+        if ("string" == typeof _dom && (dom = new DOMParser().parseFromString(_dom, "text/html").firstChild), dom.getBoundingClientRect) {
           const b = dom.getBoundingClientRect();
           return new DynamicB(b);
         }
@@ -25709,7 +25715,7 @@
         });
       }
       setAttribute(key, value, forceUpdateTag) {
-        !isPlainObject$3(this.attribute[key]) || isFunction$1(this.attribute[key]) || isFunction$1(value) ? this.attribute[key] = value : merge$1(this.attribute[key], value), GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
+        isPlainObject$3(this.attribute[key]) && isPlainObject$3(value) && !isFunction$1(this.attribute[key]) && !isFunction$1(value) ? merge$1(this.attribute[key], value) : this.attribute[key] = value, GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
       }
       setAttributes(params, forceUpdateTag) {
         const keys = Object.keys(params);
@@ -27118,20 +27124,54 @@
       }
     }
 
+    function rotate(x, y, deg, originX, originY) {
+      return {
+        x: (x - originX) * Math.cos(deg) + (y - originY) * Math.sin(deg) + originX,
+        y: (x - originX) * Math.sin(deg) + (originY - y) * Math.cos(deg) + originY
+      };
+    }
+    function genNormalBounds(item) {
+      const bounds = item.AABBBounds;
+      return {
+        x1: bounds.x1,
+        x2: bounds.x2,
+        y1: bounds.y1,
+        y2: bounds.y2,
+        centerX: item.attribute.x,
+        centerY: item.attribute.y,
+        angle: item.attribute.angle
+      };
+    }
+    function genRotateBounds(items) {
+      items.forEach(item => {
+        if (item.rotatedBounds || !item.attribute.angle) return;
+        const bounds = genNormalBounds(item),
+          rotatedCenter = rotate(bounds.centerX, bounds.centerY, bounds.angle, item.attribute.x, item.attribute.y),
+          deltaX = rotatedCenter.x - bounds.centerX,
+          deltaY = rotatedCenter.y - bounds.centerY;
+        bounds.x1 += deltaX, bounds.x2 += deltaX, bounds.y1 += deltaY, bounds.y2 += deltaY, bounds.centerX += deltaX, bounds.centerY += deltaY, item.rotatedBounds = bounds;
+      });
+    }
+    function itemIntersect(item1, item2) {
+      return isRectIntersect(item1.AABBBounds, item2.AABBBounds, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0));
+    }
+
     const methods$1 = {
       parity: function (items) {
         return items.filter((item, i) => i % 2 ? item.setAttribute("opacity", 0) : 1);
       },
       greedy: function (items, sep) {
         let a;
-        return items.filter((b, i) => i && intersect$1(a.AABBBounds, b.AABBBounds, 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(a, b, sep) {
-      return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2);
+    function intersect$1(textA, textB, sep) {
+      const a = textA.AABBBounds,
+        b = textB.AABBBounds;
+      return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2) && (!textA.rotatedBounds || !textB.rotatedBounds || sep > Math.max(textB.rotatedBounds.x1 - textA.rotatedBounds.x2, textA.rotatedBounds.x1 - textB.rotatedBounds.x2, textB.rotatedBounds.y1 - textA.rotatedBounds.y2, textA.rotatedBounds.y1 - textB.rotatedBounds.y2));
     }
     function hasOverlap$1(items, pad) {
-      for (let b, i = 1, n = items.length, a = items[0].AABBBounds; i < n; a = b, ++i) if (intersect$1(a, b = items[i].AABBBounds, pad)) return !0;
+      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) {
       const b = item.AABBBounds;
@@ -27145,7 +27185,7 @@
       const source = labels.filter(hasBounds);
       if (isEmpty(source)) return;
       let items;
-      items = reset(source);
+      items = reset(source), genRotateBounds(items);
       const {
           method = "parity",
           separation: sep = 0
@@ -27155,7 +27195,7 @@
         do {
           items = reduce(items, sep);
         } while (items.length >= 3 && hasOverlap$1(items, sep));
-        items.length < 3 && !last(source).attribute.opacity && (items.length > 1 && last(items).setAttribute("opacity", 0), last(source).setAttribute("opacity", 1));
+        items.length < 3 && !last(source).attribute.opacity && items.length > 1 && (last(items).setAttribute("opacity", 0), last(source).setAttribute("opacity", 1));
       }
       source.forEach(item => {
         item.setAttribute("visible", !!item.attribute.opacity);
@@ -27182,39 +27222,9 @@
       for (let i = 1; i < items.length; i++) if (itemIntersect(items[i - 1], items[i])) return !0;
       return !1;
     }
-    function itemIntersect(item1, item2) {
-      return isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0);
-    }
     function tryRotate(orient, items) {
       "bottom" !== orient && "top" !== orient || rotateXAxis(orient, items), "left" !== orient && "right" !== orient || rotateYAxis(orient, items), genRotateBounds(items);
     }
-    function rotate(x, y, deg, originX, originY) {
-      return {
-        x: (x - originX) * Math.cos(deg) + (y - originY) * Math.sin(deg) + originX,
-        y: (x - originX) * Math.sin(deg) + (originY - y) * Math.cos(deg) + originY
-      };
-    }
-    function genNormalBounds(item) {
-      const bounds = item.AABBBounds;
-      return {
-        x1: bounds.x1,
-        x2: bounds.x2,
-        y1: bounds.y1,
-        y2: bounds.y2,
-        centerX: item.attribute.x,
-        centerY: item.attribute.y,
-        angle: item.attribute.angle
-      };
-    }
-    function genRotateBounds(items) {
-      items.forEach(item => {
-        const bounds = genNormalBounds(item),
-          rotatedCenter = rotate(bounds.centerX, bounds.centerY, bounds.angle, item.attribute.x, item.attribute.y),
-          deltaX = rotatedCenter.x - bounds.centerX,
-          deltaY = rotatedCenter.y - bounds.centerY;
-        bounds.x1 += deltaX, bounds.x2 += deltaX, bounds.y1 += deltaY, bounds.y2 += deltaY, bounds.centerX += deltaX, bounds.centerY += deltaY, item.rotatedBounds = bounds;
-      });
-    }
     function clampAngle() {
       let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       if (angle < 0) for (; angle < 0;) angle += 2 * Math.PI;
@@ -27531,18 +27541,17 @@
         if (flush && labelShapes.length) {
           const {
               orient: orient,
-              start: start,
-              end: end
+              start: axisStart,
+              end: axisEnd
             } = this.attribute,
             isX = "bottom" === orient || "top" === orient,
             first = labelShapes[0],
             last$1 = last(labelShapes),
             isInverse = isX ? first.attribute.x > last$1.attribute.x : first.attribute.y < last$1.attribute.y;
           if (isX) {
-            const width = Math.abs(start.x - end.x);
             if (isInverse) {
-              const start = width,
-                end = 0,
+              const start = axisEnd.x,
+                end = axisStart.x,
                 startBound = first.AABBBounds.x2,
                 endBound = last$1.AABBBounds.x1;
               startBound > start && first.setAttributes({
@@ -27553,8 +27562,8 @@
                 textAlign: "left"
               });
             } else {
-              const start = 0,
-                end = width,
+              const start = axisStart.x,
+                end = axisEnd.x,
                 startBound = first.AABBBounds.x1,
                 endBound = last$1.AABBBounds.x2;
               startBound < start && first.setAttributes({
@@ -27565,33 +27574,30 @@
                 textAlign: "right"
               });
             }
+          } else if (isInverse) {
+            const startBound = first.AABBBounds.y1,
+              endBound = last$1.AABBBounds.y2,
+              start = axisStart.y,
+              end = axisEnd.y;
+            startBound < start && first.setAttributes({
+              y: start,
+              textBaseline: "top"
+            }), endBound > end && last$1.setAttributes({
+              y: end,
+              textBaseline: "bottom"
+            });
           } else {
-            const height = Math.abs(start.y - end.y);
-            if (isInverse) {
-              const startBound = first.AABBBounds.y1,
-                endBound = last$1.AABBBounds.y2,
-                start = 0,
-                end = height;
-              startBound < start && first.setAttributes({
-                y: start,
-                textBaseline: "top"
-              }), endBound > end && last$1.setAttributes({
-                y: end,
-                textBaseline: "bottom"
-              });
-            } else {
-              const start = height,
-                end = 0,
-                startBound = first.AABBBounds.y2,
-                endBound = last$1.AABBBounds.y1;
-              startBound > start && first.setAttributes({
-                y: start,
-                textBaseline: "bottom"
-              }), endBound < end && last$1.setAttributes({
-                y: end,
-                textBaseline: "top"
-              });
-            }
+            const start = axisEnd.y,
+              end = axisStart.y,
+              startBound = first.AABBBounds.y2,
+              endBound = last$1.AABBBounds.y1;
+            startBound > start && first.setAttributes({
+              y: start,
+              textBaseline: "bottom"
+            }), endBound < end && last$1.setAttributes({
+              y: end,
+              textBaseline: "top"
+            });
           }
         }
       }
@@ -38300,6 +38306,9 @@
                 table
             };
             const customRenderObj = customLayout(arg);
+            if (customRenderObj.rootContainer) {
+                customRenderObj.rootContainer = decodeReactDom(customRenderObj.rootContainer);
+            }
             if (customRenderObj.rootContainer instanceof Group$1) {
                 elementsGroup = customRenderObj.rootContainer;
                 elementsGroup.name = 'custom-container';
@@ -38548,6 +38557,23 @@
         }
         return parseInt(str, 10);
     }
+    function decodeReactDom(dom) {
+        if (!dom.$$typeof) {
+            return dom;
+        }
+        const type = dom.type;
+        const { attribute, children } = dom.props;
+        const g = type({ attribute });
+        g.id = attribute.id;
+        g.name = attribute.name;
+        children &&
+            children.length &&
+            children.forEach((item) => {
+                const c = decodeReactDom(item);
+                g.add(c);
+            });
+        return g;
+    }
 
     const icons = {};
     class IconCache {
@@ -41245,6 +41271,9 @@
             };
             if (customLayout) {
                 const customLayoutObj = customLayout(arg);
+                if (customLayoutObj.rootContainer) {
+                    customLayoutObj.rootContainer = decodeReactDom(customLayoutObj.rootContainer);
+                }
                 if (customLayoutObj.rootContainer instanceof Group$1) {
                     height = customLayoutObj.rootContainer.AABBBounds.height() ?? 0;
                 }
@@ -41998,7 +42027,7 @@
                     const resultMenuInfo = this.getEventInfo(target);
                     const resultTableInfo = this._table.getMenuInfo(this._menuInfo.col, this._menuInfo.row, this._menuInfo.type);
                     const result = Object.assign(resultMenuInfo, resultTableInfo);
-                    this._table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, result);
+                    this._table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, result);
                 }
             });
         }
@@ -43869,6 +43898,9 @@
             };
             if (customLayout) {
                 const customLayoutObj = customLayout(arg);
+                if (customLayoutObj.rootContainer) {
+                    customLayoutObj.rootContainer = decodeReactDom(customLayoutObj.rootContainer);
+                }
                 if (customLayoutObj.rootContainer instanceof Group$1) {
                     width = customLayoutObj.rootContainer.AABBBounds.width() ?? 0;
                 }
@@ -44932,8 +44964,8 @@
             }
         }
         const totalActualBodyColumnCount = Math.min(table.scenegraph.proxy.colLimit, table.scenegraph.proxy.bodyRightCol - table.scenegraph.proxy.bodyLeftCol + 1);
-        const totalBodyWidth = table.getColsWidth(table.rowHeaderLevelCount, table.rowHeaderLevelCount + totalActualBodyColumnCount);
-        const totalWidth = table.getColsWidth(table.rowHeaderLevelCount, table.colCount - 1);
+        const totalBodyWidth = table.getColsWidth(table.frozenColCount, table.frozenColCount + totalActualBodyColumnCount);
+        const totalWidth = table.getColsWidth(table.frozenColCount, table.colCount - 1);
         table.scenegraph.proxy.xLimitLeft = totalBodyWidth / 2;
         table.scenegraph.proxy.xLimitRight = totalWidth - totalBodyWidth / 2;
     }
@@ -44945,7 +44977,7 @@
                 x = prevCellGroup.attribute.x + table.getColWidth(colGroup._prev.col);
             }
             else {
-                x = table.getColsWidth(table.rowHeaderLevelCount, colGroup.col - 1);
+                x = table.getColsWidth(table.frozenColCount, colGroup.col - 1);
             }
             colGroup.setAttribute('x', x);
         }
@@ -44956,7 +44988,7 @@
                 x = nextCellGroup.attribute.x - table.getColWidth(colGroup.col);
             }
             else {
-                x = table.getColsWidth(table.rowHeaderLevelCount, colGroup.col - 1);
+                x = table.getColsWidth(table.frozenColCount, colGroup.col - 1);
             }
             colGroup.setAttribute('x', x);
         }
@@ -45659,7 +45691,6 @@
             this.colEnd = endCol;
             this.colUpdatePos = this.colEnd;
             this.referenceCol = this.colStart + Math.floor((endCol - this.colStart) / 2);
-            this.table.scenegraph.updateContainerAttrWidthAndX();
             this.table.scenegraph.updateContainer();
             this.table.scenegraph.updateBorderSizeAndPosition();
         }
@@ -45858,7 +45889,6 @@
                 columnGroup.setAttribute('width', table.getColWidth(col));
             }
         }
-        scene.updateContainerAttrWidthAndX();
         scene.updateContainer();
         for (let col = updateColStart; col <= updateColEnd; col++) {
             const columnGroup = table.scenegraph.getColGroup(col);
@@ -46171,6 +46201,9 @@
     function removeRow(row, scene) {
         for (let col = 0; col < scene.table.colCount; col++) {
             const colGroup = scene.getColGroup(col, false);
+            if (!colGroup) {
+                continue;
+            }
             let cellGroup;
             colGroup.forEachChildren((cell) => {
                 if (cell.row === row) {
@@ -46204,6 +46237,9 @@
                 continue;
             }
             const colGroup = scene.getColGroup(col);
+            if (!colGroup) {
+                continue;
+            }
             if (colGroup.firstChild && row < colGroup.firstChild.row) {
                 colGroup.insertBefore(cellGroup, colGroup.firstChild);
                 colGroup.firstChild.row = colGroup.firstChild.row + 1;
@@ -46240,6 +46276,9 @@
         for (let col = 0; col < scene.table.colCount; col++) {
             const headerColGroup = scene.getColGroup(col, true);
             const colGroup = scene.getColGroup(col, false);
+            if (!headerColGroup || !colGroup) {
+                continue;
+            }
             let rowIndex = headerColGroup.firstChild?.row;
             headerColGroup.forEachChildren((cellGroup) => {
                 cellGroup.row = rowIndex;
@@ -46257,6 +46296,9 @@
         for (let col = 0; col < scene.table.colCount; col++) {
             const headerColGroup = scene.getColGroup(col, true);
             const colGroup = scene.getColGroup(col, false);
+            if (!headerColGroup || !colGroup) {
+                continue;
+            }
             let rowIndex = headerColGroup.firstChild?.row;
             let y = 0;
             rowIndex = colGroup.firstChild?.row;
@@ -46446,7 +46488,6 @@
         scene.proxy.colStart = scene.table.frozenColCount;
         scene.bodyGroup.setAttribute('x', scene.rowHeaderGroup.attribute.width);
         scene.colHeaderGroup.setAttribute('x', scene.cornerHeaderGroup.attribute.width);
-        scene.updateContainerAttrWidthAndX();
         scene.updateContainer();
         scene.updateBorderSizeAndPosition();
         if (!scene.isPivot && !scene.transpose) {
@@ -46895,8 +46936,7 @@
         });
     }
 
-    function updateContainerChildrenX(containerGroup) {
-        let x = 0;
+    function updateContainerChildrenX(containerGroup, x) {
         containerGroup.forEachChildrenSkipChild((column, index) => {
             column.setAttribute('x', x);
             x += column.attribute.width;
@@ -47541,7 +47581,6 @@
         updateColWidth(col, detaX, skipUpdateContainer) {
             updateColWidth(this, col, Math.round(detaX));
             if (!skipUpdateContainer) {
-                this.updateContainerAttrWidthAndX();
                 this.updateContainer();
             }
         }
@@ -47788,7 +47827,6 @@
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
             }
             this.table.stateManeger.checkFrozen();
-            this.updateContainerAttrWidthAndX();
             this.updateContainer();
             this.createFrameBorder();
             this.updateBorderSizeAndPosition();
@@ -47956,15 +47994,26 @@
             moveHeaderPosition(colSource, rowSource, colTarget, rowTarget, this.table);
         }
         updateContainerAttrWidthAndX() {
-            const cornerX = updateContainerChildrenX(this.cornerHeaderGroup);
-            const rowHeaderX = updateContainerChildrenX(this.rowHeaderGroup);
-            const colHeaderX = updateContainerChildrenX(this.colHeaderGroup);
-            const bodyX = updateContainerChildrenX(this.bodyGroup);
-            const rightX = updateContainerChildrenX(this.rightFrozenGroup);
-            updateContainerChildrenX(this.bottomFrozenGroup);
-            updateContainerChildrenX(this.leftBottomCornerGroup);
-            updateContainerChildrenX(this.rightTopCornerGroup);
-            updateContainerChildrenX(this.rightBottomCornerGroup);
+            const cornerX = updateContainerChildrenX(this.cornerHeaderGroup, 0);
+            const rowHeaderX = updateContainerChildrenX(this.rowHeaderGroup, 0);
+            const colHeaderX = this.colHeaderGroup.hasChildNodes()
+                ? updateContainerChildrenX(this.colHeaderGroup, this.colHeaderGroup.firstChild.col > 0
+                    ? this.table.getColsWidth(this.table.frozenColCount ?? 0, this.colHeaderGroup.firstChild.col - 1)
+                    : 0)
+                : 0;
+            const bodyX = this.bodyGroup.hasChildNodes()
+                ? updateContainerChildrenX(this.bodyGroup, this.bodyGroup.firstChild.col > 0
+                    ? this.table.getColsWidth(this.table.frozenColCount ?? 0, this.bodyGroup.firstChild.col - 1)
+                    : 0)
+                : 0;
+            const rightX = updateContainerChildrenX(this.rightFrozenGroup, 0);
+            this.bottomFrozenGroup.hasChildNodes() &&
+                updateContainerChildrenX(this.bottomFrozenGroup, this.bottomFrozenGroup.firstChild.col > 0
+                    ? this.table.getColsWidth(this.table.frozenColCount ?? 0, this.bottomFrozenGroup.firstChild.col - 1)
+                    : 0);
+            updateContainerChildrenX(this.leftBottomCornerGroup, 0);
+            updateContainerChildrenX(this.rightTopCornerGroup, 0);
+            updateContainerChildrenX(this.rightBottomCornerGroup, 0);
             this.cornerHeaderGroup.setDeltaWidth(cornerX - this.cornerHeaderGroup.attribute.width);
             this.leftBottomCornerGroup.setDeltaWidth(cornerX - this.leftBottomCornerGroup.attribute.width);
             this.colHeaderGroup.setDeltaWidth(colHeaderX - this.colHeaderGroup.attribute.width);
@@ -47980,6 +48029,7 @@
             this.bodyGroup.setAttribute('x', this.rowHeaderGroup.attribute.width);
         }
         updateContainer() {
+            this.updateContainerAttrWidthAndX();
             this.updateTableSize();
             const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos;
             const oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos;
@@ -48210,6 +48260,9 @@
             this.recalculateColWidths();
             this.recalculateRowHeights();
             this.table.stateManeger.checkFrozen();
+            if (!this.isPivot && !this.transpose) {
+                this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
+            }
             this.updateNextFrame();
         }
         findAndUpdateIcon(group, funcTypeArr, iconConfig) {
@@ -50238,9 +50291,44 @@
             if (stateManeger.isResizeCol()) {
                 endResizeCol(table);
             }
+            else if (stateManeger.isMoveCol()) {
+                table.stateManeger.endMoveCol();
+                if (table.stateManeger.columnMove?.colSource !== -1 &&
+                    table.stateManeger.columnMove?.rowSource !== -1 &&
+                    table.stateManeger.columnMove?.colTarget !== -1 &&
+                    table.stateManeger.columnMove?.rowTarget !== -1) {
+                    if (table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION)) {
+                        table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
+                            target: { col: table.stateManeger.columnMove.colTarget, row: table.stateManeger.columnMove.rowTarget },
+                            source: {
+                                col: table.stateManeger.columnMove.colSource,
+                                row: table.stateManeger.columnMove.rowSource
+                            }
+                        });
+                    }
+                }
+            }
+            else if (stateManeger.isSelecting()) {
+                table.stateManeger.endSelectCells();
+                if (table.stateManeger.select?.ranges?.length) {
+                    const lastCol = table.stateManeger.select.ranges[table.stateManeger.select.ranges.length - 1].end.col;
+                    const lastRow = table.stateManeger.select.ranges[table.stateManeger.select.ranges.length - 1].end.row;
+                    if (table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
+                        const cellsEvent = {
+                            event: e.nativeEvent,
+                            cells: [],
+                            col: lastCol,
+                            row: lastRow,
+                            scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth,
+                            target: undefined
+                        };
+                        cellsEvent.cells = table.getSelectedCellInfos();
+                        table.fireListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
+                    }
+                }
+            }
             stateManeger.updateInteractionState(InteractionState.default);
             eventManeger.dealTableHover();
-            eventManeger.dealTableSelect();
         });
         table.scenegraph.tableGroup.addEventListener('pointerdown', (e) => {
             LastPointerXY = { x: e.x, y: e.y };
@@ -50319,8 +50407,8 @@
                     endResizeCol(table);
                 }
                 else if (stateManeger.isMoveCol()) {
-                    table.stateManeger.endMoveCol();
                     const eventArgsSet = getCellEventArgsSet(e);
+                    table.stateManeger.endMoveCol();
                     if (eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION)) {
                         table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
                             target: { col: eventArgsSet.eventArgs.col, row: eventArgsSet.eventArgs.row },
@@ -50417,6 +50505,7 @@
                     if (eventManeger.touchSetTimeout) {
                         clearTimeout(eventManeger.touchSetTimeout);
                         eventManeger.dealTableSelect(eventArgsSet);
+                        stateManeger.endSelectCells();
                         eventManeger.touchSetTimeout = undefined;
                     }
                 }
@@ -51014,7 +51103,7 @@
                     this.table.toggleHierarchyState(col, row);
                 }
             });
-            this.table.on(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, () => {
+            this.table.on(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, () => {
                 stateManeger.hideMenu();
             });
             if (checkHaveTextStick(this.table)) {
@@ -51073,6 +51162,13 @@
                 if (eventArgs.target.name === 'checkbox') {
                     return false;
                 }
+                const define = this.table.getBodyColumnDefine(eventArgs.col, eventArgs.row);
+                if (this.table.isHeader(eventArgs.col, eventArgs.row) && define?.disableHeaderSelect) {
+                    return false;
+                }
+                else if (!this.table.isHeader(eventArgs.col, eventArgs.row) && define?.disableSelect) {
+                    return false;
+                }
                 if (this.table.isPivotChart() &&
                     (eventArgsSet?.eventArgs?.target.name === 'axis-label' || eventArgsSet?.eventArgs?.target.type === 'chart')) {
                     this.table.stateManeger.updateSelectPos(-1, -1);
@@ -51649,7 +51745,7 @@
                     ? table.internalProps.layoutMap.getPivotDimensionInfo(col, row)
                     : table.getHeaderField(col, row);
                 const highlight = table._dropDownMenuIsHighlight(col, row, dropDownIndex);
-                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {
+                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, {
                     col,
                     row,
                     field: field,
@@ -51677,7 +51773,7 @@
                     ? table.internalProps.layoutMap.getPivotDimensionInfo(col, row)
                     : table.getHeaderField(col, row);
                 const highlight = table._dropDownMenuIsHighlight(col, row, dropDownIndex);
-                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {
+                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, {
                     col,
                     row,
                     field: field,
@@ -51790,7 +51886,7 @@
                         }
                     }
                 });
-                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {
+                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, {
                     col,
                     row,
                     field: field,
@@ -53024,7 +53120,7 @@
                     ? table.internalProps.layoutMap.getPivotDimensionInfo(col, row)
                     : table.getHeaderField(col, row);
                 const highlight = table._dropDownMenuIsHighlight(col, row, dropDownIndex);
-                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {
+                table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, {
                     col,
                     row,
                     field: field,
@@ -53984,7 +54080,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.13.2-alpha.6";
+        version = "0.13.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -54723,7 +54819,7 @@
         }
         isFrozenCell(col, row) {
             const isFrozenRow = this.isFrozenRow(row) || this.isBottomFrozenRow(row);
-            const isFrozenCol = this.isFrozenRow(col) || this.isRightFrozenColumn(col);
+            const isFrozenCol = this.isFrozenColumn(col) || this.isRightFrozenColumn(col);
             if (isFrozenRow || isFrozenCol) {
                 return {
                     row: isFrozenRow,
@@ -55797,6 +55893,9 @@
             this.render();
         }
         getCopyValue() {
+            if (!this.stateManeger.select?.ranges) {
+                return null;
+            }
             const ranges = this.stateManeger.select.ranges;
             let minCol = Math.min(ranges[0].start.col, ranges[0].end.col);
             let maxCol = Math.max(ranges[0].start.col, ranges[0].end.col);
@@ -55892,7 +55991,13 @@
             return copyValue;
         }
         getSelectedCellInfos() {
+            if (!this.stateManeger.select?.ranges) {
+                return null;
+            }
             const ranges = this.stateManeger.select.ranges;
+            if (!ranges.length) {
+                return [];
+            }
             let minCol = Math.min(ranges[0].start.col, ranges[0].end.col);
             let maxCol = Math.max(ranges[0].start.col, ranges[0].end.col);
             let minRow = Math.min(ranges[0].start.row, ranges[0].end.row);
@@ -56987,6 +57092,9 @@
             return undefined;
         }
         canMoveHeaderPosition(source, target) {
+            if (source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) {
+                return false;
+            }
             const sourceCellRange = this.getCellRange(source.col, source.row);
             if (this.isColumnHeader(source.col, source.row)) {
                 const sourceTopId = this.getParentCellId(source.col, sourceCellRange.start.row);
@@ -59341,6 +59449,9 @@
             return undefined;
         }
         canMoveHeaderPosition(source, target) {
+            if (source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) {
+                return false;
+            }
             const sourceCellRange = this.getCellRange(source.col, source.row);
             if (this.isColumnHeader(source.col, source.row)) {
                 const sourceTopId = this.getParentCellId(source.col, sourceCellRange.start.row);
@@ -62646,7 +62757,7 @@
                         collectValuesBy[indicatorDefine.indicatorKey] = {
                             by: rowKeys,
                             range: true,
-                            sumBy: indicatorDefine.chartSpec?.stack !== false &&
+                            sumBy: indicatorDefine.chartSpec?.stack &&
                                 columnKeys.concat(indicatorDefine.chartSpec?.xField)
                         };
                         if (indicatorDefine.chartSpec.series) {
@@ -62668,7 +62779,7 @@
                                 collectValuesBy[yField] = {
                                     by: rowKeys,
                                     range: chartSeries.direction !== 'horizontal',
-                                    sumBy: chartSeries.stack !== false && columnKeys.concat(chartSeries?.xField),
+                                    sumBy: chartSeries.stack && columnKeys.concat(chartSeries?.xField),
                                     sortBy: chartSeries.direction === 'horizontal'
                                         ? chartSeries?.data?.fields?.[yField]?.domain ??
                                             indicatorDefine.chartSpec?.data?.fields?.[yField]?.domain
@@ -62696,7 +62807,7 @@
                             collectValuesBy[yField] = {
                                 by: rowKeys,
                                 range: indicators[i].chartSpec.direction !== 'horizontal',
-                                sumBy: indicatorDefine.chartSpec.stack !== false &&
+                                sumBy: indicatorDefine.chartSpec.stack &&
                                     columnKeys.concat(indicatorDefine.chartSpec?.xField),
                                 sortBy: indicatorDefine.chartSpec.direction === 'horizontal'
                                     ? indicatorDefine.chartSpec?.data?.fields?.[yField]?.domain
@@ -62713,7 +62824,7 @@
                         collectValuesBy[indicatorDefine.indicatorKey] = {
                             by: columnKeys,
                             range: true,
-                            sumBy: indicatorDefine.chartSpec?.stack !== false &&
+                            sumBy: indicatorDefine.chartSpec?.stack &&
                                 rowKeys.concat(indicatorDefine.chartSpec?.yField)
                         };
                         if (indicatorDefine.chartSpec.series) {
@@ -62735,7 +62846,7 @@
                                 collectValuesBy[xField] = {
                                     by: columnKeys,
                                     range: chartSeries.direction === 'horizontal',
-                                    sumBy: chartSeries.stack !== false && rowKeys.concat(chartSeries?.yField),
+                                    sumBy: chartSeries.stack && rowKeys.concat(chartSeries?.yField),
                                     sortBy: chartSeries.direction !== 'horizontal'
                                         ? chartSeries?.data?.fields?.[xField]?.domain ??
                                             indicatorDefine.chartSpec?.data?.fields?.[xField]?.domain
@@ -62763,7 +62874,7 @@
                             collectValuesBy[xField] = {
                                 by: columnKeys,
                                 range: indicators[i].chartSpec.direction === 'horizontal',
-                                sumBy: indicatorDefine.chartSpec.stack !== false &&
+                                sumBy: indicatorDefine.chartSpec.stack &&
                                     rowKeys.concat(indicatorDefine.chartSpec?.yField),
                                 sortBy: indicatorDefine.chartSpec.direction !== 'horizontal'
                                     ? indicatorDefine.chartSpec?.data?.fields?.[xField]?.domain
@@ -63854,7 +63965,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.13.2-alpha.6";
+    const version = "0.13.3";
     function getIcons() {
         return get$1();
     }