@visactor/vtable-gantt 1.8.3-alpha.0 → 1.8.3

package/dist/vtable-gantt.js

@@ -29373,6 +29373,7 @@
       MOUSEENTER_TABLE: "mouseenter_table",
       MOUSELEAVE_TABLE: "mouseleave_table",
       MOUSEDOWN_TABLE: "mousedown_table",
+      MOUSEMOVE_TABLE: "mousemove_table",
       MOUSEMOVE_CELL: "mousemove_cell",
       MOUSEENTER_CELL: "mouseenter_cell",
       MOUSELEAVE_CELL: "mouseleave_cell",
@@ -29381,6 +29382,7 @@
       RESIZE_COLUMN_END: "resize_column_end",
       RESIZE_ROW: "resize_row",
       RESIZE_ROW_END: "resize_row_end",
+      CHANGE_HEADER_POSITION_START: "change_header_position_start",
       CHANGE_HEADER_POSITION: "change_header_position",
       SORT_CLICK: "sort_click",
       FREEZE_CLICK: "freeze_click",
@@ -31533,8 +31535,12 @@
       registerAggregators() {
         this.registerAggregator(AggregationType.RECORD, RecordAggregator), this.registerAggregator(AggregationType.SUM, SumAggregator), this.registerAggregator(AggregationType.COUNT, CountAggregator), this.registerAggregator(AggregationType.MAX, MaxAggregator), this.registerAggregator(AggregationType.MIN, MinAggregator), this.registerAggregator(AggregationType.AVG, AvgAggregator), this.registerAggregator(AggregationType.NONE, NoneAggregator), this.registerAggregator(AggregationType.CUSTOM, CustomAggregator);
       }
+      updateColumns(columns) {
+        this.columns = columns;
+      }
       _generateFieldAggragations() {
         const columnObjs = this.columns;
+        this.fieldAggregators = [];
         for (let i = 0; i < (null == columnObjs ? void 0 : columnObjs.length); i++) {
           delete columnObjs[i].vtable_aggregator;
           const field = columnObjs[i].field,
@@ -32808,6 +32814,12 @@
         }
       }
     }
+    function checkHasAggregationOnColumnDefine(colDefs) {
+      for (let i = 0; i < colDefs.length; i++) {
+        if (colDefs[i].aggregation) return !0;
+      }
+      return !1;
+    }
 
     let Icon$1 = class Icon extends Image$2 {
       constructor(params) {
@@ -33032,7 +33044,7 @@
     const CUSTOM_CONTAINER_NAME = "custom-container";
     const CUSTOM_MERGE_CONTAINER_NAME = CUSTOM_MERGE_PRE_NAME + "_0";
     function dealWithCustom(customLayout, customRender, col, row, width, height, autoWidth, autoHeight, padding, range, table) {
-      var _a;
+      var _a, _b, _c;
       let expectedWidth,
         expectedHeight,
         customElements,
@@ -33041,8 +33053,8 @@
         enableCellPadding = !1;
       if ("react-custom-layout" === customLayout && (customLayout = (null === (_a = table.reactCustomLayout) || void 0 === _a ? void 0 : _a.getCustomLayoutFunc(col, row)) || emptyCustomLayout), "function" == typeof customLayout) {
         const customRenderObj = customLayout({
-          col: col,
-          row: row,
+          col: null !== (_b = null == range ? void 0 : range.start.col) && void 0 !== _b ? _b : col,
+          row: null !== (_c = null == range ? void 0 : range.start.row) && void 0 !== _c ? _c : row,
           dataValue: table.getCellOriginValue(col, row),
           value: table.getCellValue(col, row) || "",
           rect: {
@@ -33053,7 +33065,9 @@
             width: width,
             height: height
           },
-          table: table
+          table: table,
+          originCol: col,
+          originRow: row
         });
         customRenderObj.rootContainer && (customRenderObj.rootContainer = decodeReactDom(customRenderObj.rootContainer)), customRenderObj.rootContainer instanceof Group$2 && (elementsGroup = customRenderObj.rootContainer, elementsGroup.name = CUSTOM_CONTAINER_NAME, elementsGroup.col = col, elementsGroup.row = row), renderDefault = customRenderObj.renderDefault, enableCellPadding = customRenderObj.enableCellPadding;
       } else if ("function" == typeof customRender) {
@@ -34481,7 +34495,6 @@
         cellLocation = table.getCellLocation(col, row);
       let isMerge,
         range,
-        cellTheme,
         customStyle,
         customResult,
         value = table.getCellValue(col, row),
@@ -34496,7 +34509,7 @@
             customLayout: customLayout,
             customRender: customRender
           } = customMerge;
-          range = customMergeRange, isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row, value = customMergeText, customStyle = customMergeStyle, customStyle && (cellTheme = getStyleTheme(customStyle, table, range.start.col, range.start.row, getProp).theme, cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table)), (customLayout || customRender) && (customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), isCustomMerge = !0;
+          range = customMergeRange, isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row, value = customMergeText, customStyle = customMergeStyle, (customLayout || customRender) && (customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), isCustomMerge = !0;
         }
       }
       let colForDefine = col,
@@ -34514,9 +34527,10 @@
           } = null != rawRecord ? rawRecord : {};
         isVtableMerge = vtableMerge, vtableMerge && (mayHaveIcon = !0, table.options.groupTitleCustomLayout && (customResult = dealWithCustom(table.options.groupTitleCustomLayout, void 0, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table))), vtableMergeName && (value = vtableMergeName);
       }
-      const cellStyle = table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
-        autoWrapText = null !== (_a = cellStyle.autoWrapText) && void 0 !== _a ? _a : table.internalProps.autoWrapText;
-      if (cellTheme || (cellTheme = getStyleTheme(cellStyle, table, isMerge ? range.start.col : col, isMerge ? range.start.row : row, getProp).theme), cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), !addNew && !isMerge && !((null == define ? void 0 : define.customLayout) || (null == define ? void 0 : define.customRender) || (null == define ? void 0 : define.headerCustomLayout) || (null == define ? void 0 : define.headerCustomRender)) && canUseFastUpdate(col, row, oldCellGroup, autoWrapText, mayHaveIcon, table)) {
+      const cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
+        autoWrapText = null !== (_a = cellStyle.autoWrapText) && void 0 !== _a ? _a : table.internalProps.autoWrapText,
+        cellTheme = getStyleTheme(cellStyle, table, isMerge ? range.start.col : col, isMerge ? range.start.row : row, getProp).theme;
+      if (cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), !addNew && !isMerge && !((null == define ? void 0 : define.customLayout) || (null == define ? void 0 : define.customRender) || (null == define ? void 0 : define.headerCustomLayout) || (null == define ? void 0 : define.headerCustomRender)) && canUseFastUpdate(col, row, oldCellGroup, autoWrapText, mayHaveIcon, table)) {
         const cellWidth = table.getColWidth(col),
           cellHeight = table.getRowHeight(row);
         oldCellGroup.setAttributes({
@@ -34579,7 +34593,25 @@
         textAlign = cellTheme.text.textAlign,
         textBaseline = cellTheme.text.textBaseline;
       let newCellGroup, cellWidth, cellHeight;
-      if (range ? (cellWidth = table.getColsWidth(range.start.col, range.end.col), cellHeight = table.getRowsHeight(range.start.row, range.end.row)) : (cellWidth = table.getColWidth(col), cellHeight = table.getRowHeight(row)), isPromise(value) ? (oldCellGroup.removeAllChild(), dealPromiseData(value, table, updateCellContent.bind(null, type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult))) : newCellGroup = updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult), isMerge) {
+      if (range ? (cellWidth = table.getColsWidth(range.start.col, range.end.col), cellHeight = table.getRowsHeight(range.start.row, range.end.row)) : (cellWidth = table.getColWidth(col), cellHeight = table.getRowHeight(row)), isPromise(value) ? (oldCellGroup.removeAllChild(), dealPromiseData(value, table, callUpdateCellContentForPromiseValue.bind(null, {
+        type: type,
+        value: value,
+        define: define,
+        table: table,
+        col: col,
+        row: row,
+        cellWidth: cellWidth,
+        cellHeight: cellHeight,
+        oldCellGroup: oldCellGroup,
+        padding: padding,
+        textAlign: textAlign,
+        textBaseline: textBaseline,
+        mayHaveIcon: mayHaveIcon,
+        addNew: addNew,
+        range: range,
+        customResult: customResult,
+        customStyle: customStyle
+      }))) : newCellGroup = updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult), isMerge) {
         const {
             width: contentWidth
           } = newCellGroup.attribute,
@@ -34613,6 +34645,30 @@
         value = table.getCellValue(col, row);
       return !(table.isHeader(col, row) || "cell" !== oldCellGroup.role || "text" !== cellType || autoWrapText || autoRowHeight || mayHaveIcon || "text" !== (null === (_a = oldCellGroup.firstChild) || void 0 === _a ? void 0 : _a.type) || isPromise(value));
     }
+    function callUpdateCellContentForPromiseValue(updateCellArgs) {
+      const {
+          type: type,
+          value: value,
+          define: define,
+          table: table,
+          col: col,
+          row: row,
+          cellWidth: cellWidth,
+          cellHeight: cellHeight,
+          oldCellGroup: oldCellGroup,
+          padding: padding,
+          textAlign: textAlign,
+          textBaseline: textBaseline,
+          mayHaveIcon: mayHaveIcon,
+          addNew: addNew,
+          range: range,
+          customResult: customResult,
+          customStyle: customStyle
+        } = updateCellArgs,
+        cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
+        cellTheme = getStyleTheme(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, getProp).theme;
+      cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult);
+    }
     function dealWithMergeCellSize(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table) {
       for (let col = range.start.col; col <= range.end.col; col++) for (let row = range.start.row; row <= range.end.row; row++) {
         const cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0);
@@ -35327,7 +35383,7 @@
         const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
           let customElementsGroup;
-          scene.table.reactCustomLayout && scene.table.reactCustomLayout.removeCustomCell(col, row), customContainer.removeAllChild(), cell.removeChild(customContainer);
+          cell.removeChild(customContainer);
           const customMergeRange = getCustomCellMergeCustom(col, row, cell, scene.table);
           if (customMergeRange) for (let mergeRow = customMergeRange.start.row; mergeRow <= customMergeRange.end.row; mergeRow++) {
             if (mergeRow === row) continue;
@@ -35492,7 +35548,7 @@
       }
     }
     function updateCellWidth(scene, cell, col, row, oldWidth, distWidth, detaX, isHeader, autoWrapText) {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e;
       if (cell.attribute.width === distWidth && !cell.needUpdateWidth) return !1;
       cell.needUpdateWidth = !1, cell.setAttribute("width", distWidth);
       const cellGroup = cell;
@@ -35533,7 +35589,7 @@
         const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
           let customElementsGroup;
-          scene.table.reactCustomLayout && scene.table.reactCustomLayout.removeCustomCell(col, row), customContainer.removeAllChild(), cell.removeChild(customContainer);
+          cell.removeChild(customContainer);
           const customMergeRange = getCustomCellMergeCustom(col, row, cell, scene.table);
           if (customMergeRange) for (let mergeCol = customMergeRange.start.col; mergeCol <= customMergeRange.end.col; mergeCol++) {
             if (mergeCol === col) continue;
@@ -35560,7 +35616,7 @@
               let width = cellGroup.attribute.width,
                 height = cellGroup.attribute.height;
               isMergeCellGroup(cellGroup) && (width = scene.table.getColsWidth(cellGroup.mergeStartCol, cellGroup.mergeEndCol), height = scene.table.getRowsHeight(cellGroup.mergeStartRow, cellGroup.mergeEndRow));
-              const customResult = dealWithCustom(customLayout, customRender, null !== (_f = cellGroup.mergeStartCol) && void 0 !== _f ? _f : col, null !== (_g = cellGroup.mergeStartRow) && void 0 !== _g ? _g : row, width, height, !1, scene.table.isAutoRowHeight(row), padding, isMergeCellGroup(cellGroup) ? {
+              const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, !1, scene.table.isAutoRowHeight(row), padding, isMergeCellGroup(cellGroup) ? {
                 start: {
                   col: cellGroup.mergeStartCol,
                   row: cellGroup.mergeStartRow
@@ -38142,7 +38198,7 @@
         }
         let colForDefine = col,
           rowForDefine = row;
-        range && (colForDefine = range.start.col, rowForDefine = range.start.row), ("columnHeader" === cellLocation || "cornerHeader" === cellLocation) && row >= table.columnHeaderLevelCount && (cellLocation = "body");
+        range && (colForDefine = range.start.col, rowForDefine = range.start.row), !table.isPivotTable() && ("columnHeader" === cellLocation || "cornerHeader" === cellLocation) && row >= table.columnHeaderLevelCount && (cellLocation = "body");
         const define = "body" !== cellLocation ? table.getHeaderDefine(colForDefine, rowForDefine) : table.getBodyColumnDefine(colForDefine, rowForDefine);
         let mayHaveIcon = "body" !== cellLocation || (null == define ? void 0 : define.dragOrder) || !!(null == define ? void 0 : define.icon) || !!(null == define ? void 0 : define.tree);
         if (!range && (table.internalProps.enableTreeNodeMerge || "body" !== cellLocation || (null == define ? void 0 : define.mergeCell)) && (range = table.getCellRange(col, row), isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row, isMerge)) {
@@ -38158,15 +38214,33 @@
             } = null != rawRecord ? rawRecord : {};
           isVtableMerge = vtableMerge, vtableMerge && (mayHaveIcon = !0, table.options.groupTitleCustomLayout && (customResult = dealWithCustom(table.options.groupTitleCustomLayout, void 0, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table))), vtableMergeName && (value = vtableMergeName);
         }
-        const cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
-          cellTheme = getStyleTheme(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, getProp).theme;
-        cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), cellTheme.group.width = colWidth, cellTheme.group.height = Array.isArray(defaultRowHeight) ? defaultRowHeight[row] : defaultRowHeight, cellTheme._vtable.padding && (padding = cellTheme._vtable.padding), cellTheme.text.textAlign && (textAlign = cellTheme.text.textAlign), cellTheme.text.textBaseline && (textBaseline = cellTheme.text.textBaseline), "body" === cellLocation || cellTheme.group.fill || (cellTheme.group.fill = "#fff");
         const type = isVtableMerge || isCustomMerge ? "text" : (table.isHeader(col, row) ? table._getHeaderLayoutMap(col, row).headerType : table.getBodyColumnType(col, row)) || "text";
         if (isPromise(value)) {
-          createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup), dealPromiseData(value, table, createCell.bind(null, type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult)), columnGroup.updateColumnRowNumber(row);
+          createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup), dealPromiseData(value, table, callCreateCellForPromiseValue.bind(null, {
+            type: type,
+            value: value,
+            define: define,
+            table: table,
+            col: col,
+            row: row,
+            colWidth: colWidth,
+            cellWidth: cellWidth,
+            cellHeight: cellHeight,
+            columnGroup: columnGroup,
+            y: y,
+            customStyle: customStyle,
+            mayHaveIcon: mayHaveIcon,
+            cellLocation: cellLocation,
+            range: range,
+            customResult: customResult,
+            defaultRowHeight: defaultRowHeight
+          })), columnGroup.updateColumnRowNumber(row);
           const height = table.getRowHeight(row);
           columnGroup.updateColumnHeight(height), y += height;
         } else {
+          const cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
+            cellTheme = getStyleTheme(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, getProp).theme;
+          cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), cellTheme.group.width = colWidth, cellTheme.group.height = Array.isArray(defaultRowHeight) ? defaultRowHeight[row] : defaultRowHeight, cellTheme._vtable.padding && (padding = cellTheme._vtable.padding), cellTheme.text.textAlign && (textAlign = cellTheme.text.textAlign), cellTheme.text.textBaseline && (textBaseline = cellTheme.text.textBaseline), "body" === cellLocation || cellTheme.group.fill || (cellTheme.group.fill = "#fff");
           const cellGroup = createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult);
           if (columnGroup.updateColumnRowNumber(row), isMerge) {
             const rangeHeight = table.getRowHeight(row),
@@ -38186,6 +38260,31 @@
         height: y
       };
     }
+    function callCreateCellForPromiseValue(createCellArgs) {
+      let padding, textAlign, textBaseline;
+      const {
+          type: type,
+          value: value,
+          define: define,
+          table: table,
+          col: col,
+          row: row,
+          colWidth: colWidth,
+          cellWidth: cellWidth,
+          cellHeight: cellHeight,
+          columnGroup: columnGroup,
+          y: y,
+          cellLocation: cellLocation,
+          mayHaveIcon: mayHaveIcon,
+          customStyle: customStyle,
+          range: range,
+          customResult: customResult,
+          defaultRowHeight: defaultRowHeight
+        } = createCellArgs,
+        cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
+        cellTheme = getStyleTheme(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, getProp).theme;
+      cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), cellTheme.group.width = colWidth, cellTheme.group.height = Array.isArray(defaultRowHeight) ? defaultRowHeight[row] : defaultRowHeight, cellTheme._vtable.padding && (padding = cellTheme._vtable.padding), cellTheme.text.textAlign && (textAlign = cellTheme.text.textAlign), cellTheme.text.textBaseline && (textBaseline = cellTheme.text.textBaseline), "body" === cellLocation || cellTheme.group.fill || (cellTheme.group.fill = "#fff"), createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult);
+    }
     function dealMerge(range, mergeMap, table, forceUpdate) {
       let cellWidth = 0,
         cellHeight = 0;
@@ -39881,16 +39980,18 @@
       } = table.internalProps;
       if (!(headerDomContainer || bodyDomContainer || frozenBodyDomContainer || frozenHeaderDomContainer || rightFrozenBodyDomContainer || rightFrozenHeaderDomContainer || bottomDomContainer || frozenBottomDomContainer || rightFrozenBottomDomContainer)) return;
       const allColsWidth = table.getAllColsWidth(),
+        tableNoFrameWidth = Math.min(allColsWidth, table.tableNoFrameWidth),
         frozenColsWidth = table.getFrozenColsWidth(),
         rightFrozenColsWidth = table.getRightFrozenColsWidth(),
         totalFrozenColsWidth = frozenColsWidth + rightFrozenColsWidth,
-        bodyWidth = Math.min(allColsWidth - totalFrozenColsWidth, table.tableNoFrameWidth - totalFrozenColsWidth),
+        bodyWidth = Math.min(allColsWidth - totalFrozenColsWidth, tableNoFrameWidth - totalFrozenColsWidth),
         allRowsHeight = table.getAllRowsHeight(),
+        tableNoFrameHeight = Math.min(allRowsHeight, table.tableNoFrameHeight),
         frozenRowsHeight = table.getFrozenRowsHeight(),
         bottomFrozenRowsHeight = table.getBottomFrozenRowsHeight(),
         totalFrozenRowsHeight = frozenRowsHeight + bottomFrozenRowsHeight,
-        bodyHeight = Math.min(allRowsHeight - totalFrozenRowsHeight, table.tableNoFrameHeight - totalFrozenRowsHeight);
-      table.frozenColCount > 0 ? (headerDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bodyDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bottomDomContainer.style.left = `${table.tableX + frozenColsWidth}px`) : 0 === table.frozenColCount && (headerDomContainer.style.left = `${table.tableX}px`, bodyDomContainer.style.left = `${table.tableX}px`, bottomDomContainer.style.left = `${table.tableX}px`), frozenBodyDomContainer.style.left = `${table.tableX}px`, frozenHeaderDomContainer.style.left = `${table.tableX}px`, headerDomContainer.style.width = `${bodyWidth}px`, headerDomContainer.style.height = `${frozenRowsHeight}px`, bodyDomContainer.style.top = `${table.tableY}px`, bodyDomContainer.style.width = `${bodyWidth}px`, bodyDomContainer.style.height = `${bodyHeight}px`, bodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenBodyDomContainer.style.width = `${frozenColsWidth}px`, frozenBodyDomContainer.style.height = `${bodyHeight}px`, frozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenHeaderDomContainer.style.width = `${frozenColsWidth}px`, frozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, frozenHeaderDomContainer.style.top = `${table.tableY}px`, rightFrozenBodyDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBodyDomContainer.style.height = `${bodyHeight}px`, rightFrozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, rightFrozenBodyDomContainer.style.left = table.tableX + table.tableNoFrameWidth - rightFrozenColsWidth + "px", rightFrozenHeaderDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, rightFrozenHeaderDomContainer.style.top = `${table.tableY}px`, rightFrozenHeaderDomContainer.style.left = table.tableX + table.tableNoFrameWidth - rightFrozenColsWidth + "px", bottomDomContainer.style.width = `${bodyWidth}px`, bottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, bottomDomContainer.style.top = table.tableY + table.tableNoFrameHeight - bottomFrozenRowsHeight + "px", frozenBottomDomContainer.style.width = `${frozenColsWidth}px`, frozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, frozenBottomDomContainer.style.top = table.tableY + table.tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, rightFrozenBottomDomContainer.style.top = table.tableY + table.tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.left = table.tableX + table.tableNoFrameWidth - rightFrozenColsWidth + "px";
+        bodyHeight = Math.min(allRowsHeight - totalFrozenRowsHeight, tableNoFrameHeight - totalFrozenRowsHeight);
+      table.frozenColCount > 0 ? (headerDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bodyDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bottomDomContainer.style.left = `${table.tableX + frozenColsWidth}px`) : 0 === table.frozenColCount && (headerDomContainer.style.left = `${table.tableX}px`, bodyDomContainer.style.left = `${table.tableX}px`, bottomDomContainer.style.left = `${table.tableX}px`), frozenBodyDomContainer.style.left = `${table.tableX}px`, frozenHeaderDomContainer.style.left = `${table.tableX}px`, headerDomContainer.style.width = `${bodyWidth}px`, headerDomContainer.style.height = `${frozenRowsHeight}px`, bodyDomContainer.style.top = `${table.tableY}px`, bodyDomContainer.style.width = `${bodyWidth}px`, bodyDomContainer.style.height = `${bodyHeight}px`, bodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenBodyDomContainer.style.width = `${frozenColsWidth}px`, frozenBodyDomContainer.style.height = `${bodyHeight}px`, frozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenHeaderDomContainer.style.width = `${frozenColsWidth}px`, frozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, frozenHeaderDomContainer.style.top = `${table.tableY}px`, rightFrozenBodyDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBodyDomContainer.style.height = `${bodyHeight}px`, rightFrozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, rightFrozenBodyDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px", rightFrozenHeaderDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, rightFrozenHeaderDomContainer.style.top = `${table.tableY}px`, rightFrozenHeaderDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px", bottomDomContainer.style.width = `${bodyWidth}px`, bottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, bottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", frozenBottomDomContainer.style.width = `${frozenColsWidth}px`, frozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, frozenBottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, rightFrozenBottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px";
     }
     function updateReactComponentContainer(scene) {
       if (!scene.table.reactCustomLayout) return;
@@ -41645,10 +41746,23 @@
                   }
                   currentRange.end.col = col;
                 }
-              } else currentRange.end = {
-                col: col,
-                row: row
-              }, skipBodyMerge && (currentRange.skipBodyMerge = !0);
+              } else {
+                currentRange.end = {
+                  col: col,
+                  row: row
+                };
+                const cellRange = skipBodyMerge ? {
+                  start: {
+                    col: col,
+                    row: row
+                  },
+                  end: {
+                    col: col,
+                    row: row
+                  }
+                } : table.getCellRange(col, row);
+                currentRange.start.col < cellRange.end.col ? currentRange.end.col = cellRange.end.col : currentRange.start.col > cellRange.start.col && (currentRange.end.col = cellRange.start.col), currentRange.start.row < cellRange.end.row ? currentRange.end.row = cellRange.end.row : currentRange.start.row > cellRange.start.row && (currentRange.end.row = cellRange.start.row), skipBodyMerge && (currentRange.skipBodyMerge = !0);
+              }
               scenegraph.updateCellSelectBorder(currentRange, extendSelectRange);
             }
           }
@@ -41939,8 +42053,9 @@
       } else state.updateCursor("not-allowed"), state.columnMove.colTarget = state.columnMove.colSource, state.columnMove.rowTarget = state.columnMove.rowSource;
     }
     function endMoveCol(state) {
+      var _a, _b;
       let moveColResult = !1;
-      if ("canMoveHeaderPosition" in state.table.internalProps.layoutMap && state.columnMove.moving && state.columnMove.colSource >= 0 && state.columnMove.rowSource >= 0 && state.columnMove.colTarget >= 0 && state.columnMove.rowTarget >= 0) {
+      if ("canMoveHeaderPosition" in state.table.internalProps.layoutMap && state.columnMove.moving && state.columnMove.colSource >= 0 && state.columnMove.rowSource >= 0 && state.columnMove.colTarget >= 0 && state.columnMove.rowTarget >= 0 && !0 !== (null === (_a = state.table.options.customConfig) || void 0 === _a ? void 0 : _a.notUpdateInColumnRowMove)) {
         const oldSourceMergeInfo = state.table.getCellRange(state.columnMove.colSource, state.columnMove.rowSource),
           oldTargetMergeInfo = state.table.getCellRange(state.columnMove.colTarget, state.columnMove.rowTarget),
           moveContext = state.table._moveHeaderPosition({
@@ -41964,7 +42079,7 @@
       }
       return setTimeout(() => {
         state.columnMove.moving = !1, delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget;
-      }, 0), state.table.scenegraph.component.hideMoveCol(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? (state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen), state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount)) : state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount) : state.table.options.frozenColCount ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1) : state.table.options.rightFrozenColCount && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame(), moveColResult;
+      }, 0), state.table.scenegraph.component.hideMoveCol(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? (state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen), state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount)) : state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount) : state.table.options.frozenColCount ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1) : state.table.options.rightFrozenColCount && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame(), !0 === (null === (_b = state.table.options.customConfig) || void 0 === _b ? void 0 : _b.notUpdateInColumnRowMove) || moveColResult;
     }
     function clearWidthsAndHeightsCache(colMin, colMax, rowMin, rowMax, table) {
       for (let col = colMin; col <= colMax; col++) table._clearColRangeWidthsMap(col);
@@ -42316,8 +42431,8 @@
 
     let StateManager$1 = class StateManager {
       constructor(table) {
-        this.fastScrolling = !1, this.checkedState = [], this.headerCheckedState = {}, this._checkboxCellTypeFields = [], this._headerCheckFuncs = {}, this.radioState = {}, this.resetInteractionState = debounce$1(() => {
-          this.updateInteractionState(InteractionState.default);
+        this.fastScrolling = !1, this.checkedState = [], this.headerCheckedState = {}, this._checkboxCellTypeFields = [], this._headerCheckFuncs = {}, this.radioState = {}, this.resetInteractionState = debounce$1(state => {
+          this.updateInteractionState(null != state ? state : InteractionState.default);
         }, 100), this.table = table, this.initState(), this.updateVerticalScrollBar = this.updateVerticalScrollBar.bind(this), this.updateHorizontalScrollBar = this.updateHorizontalScrollBar.bind(this);
       }
       initState() {
@@ -42503,6 +42618,7 @@
       }
       updateInteractionState(mode) {
         if (this.interactionState === mode) return;
+        mode === InteractionState.scrolling && (this.interactionStateBeforeScroll = this.interactionState);
         const oldState = this.interactionState;
         this.interactionState = mode, oldState === InteractionState.scrolling && InteractionState.default;
       }
@@ -42627,8 +42743,14 @@
           direction: this.fillHandle.direction
         }), this.fillHandle.beforeFillMaxCol = void 0, this.fillHandle.beforeFillMaxRow = void 0, this.fillHandle.beforeFillMinCol = void 0, this.fillHandle.beforeFillMinRow = void 0;
       }
-      startMoveCol(col, row, x, y) {
-        startMoveCol(col, row, x, y, this);
+      startMoveCol(col, row, x, y, event) {
+        startMoveCol(col, row, x, y, this), this.table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_START, {
+          col: col,
+          row: row,
+          x: x,
+          y: y,
+          event: event
+        });
       }
       updateMoveCol(col, row, x, y) {
         updateMoveCol(col, row, x, y, this);
@@ -43100,7 +43222,7 @@
         horizontal: 1,
         vertical: 1
       });
-      (optimizedDeltaX || optimizedDeltaY) && state.interactionState !== InteractionState.scrolling && state.updateInteractionState(InteractionState.scrolling), optimizedDeltaX && (state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX, event), state.showHorizontalScrollBar(!0)), optimizedDeltaY && (state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY, event), state.showVerticalScrollBar(!0)), isWheelEvent && state.resetInteractionState(), (null === (_a = event.nativeEvent) || void 0 === _a ? void 0 : _a.cancelable) && ("none" === state.table.internalProps.overscrollBehavior || Math.abs(deltaY) >= Math.abs(deltaX) && 0 !== deltaY && isVerticalScrollable(deltaY, state) || Math.abs(deltaY) <= Math.abs(deltaX) && 0 !== deltaX && isHorizontalScrollable(deltaX, state)) && event.nativeEvent.preventDefault();
+      (optimizedDeltaX || optimizedDeltaY) && state.interactionState !== InteractionState.scrolling && state.updateInteractionState(InteractionState.scrolling), optimizedDeltaX && (state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX, event), state.showHorizontalScrollBar(!0)), optimizedDeltaY && (state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY, event), state.showVerticalScrollBar(!0)), isWheelEvent && state.resetInteractionState(state.interactionStateBeforeScroll), (null === (_a = event.nativeEvent) || void 0 === _a ? void 0 : _a.cancelable) && ("none" === state.table.internalProps.overscrollBehavior || Math.abs(deltaY) >= Math.abs(deltaX) && 0 !== deltaY && isVerticalScrollable(deltaY, state) || Math.abs(deltaY) <= Math.abs(deltaX) && 0 !== deltaX && isHorizontalScrollable(deltaX, state)) && event.nativeEvent.preventDefault();
     }
     function optimizeScrollXY(x, y, ratio) {
       var _a, _b;
@@ -43167,7 +43289,7 @@
       const table = eventManager.table,
         stateManager = table.stateManager;
       table.scenegraph.tableGroup.addEventListener("pointermove", e => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
         const lastX = null !== (_b = null === (_a = table.eventManager.LastPointerXY) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : e.x,
           lastY = null !== (_d = null === (_c = table.eventManager.LastPointerXY) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : e.y;
         table.eventManager.LastPointerXY = {
@@ -43175,8 +43297,16 @@
           y: e.y
         }, eventManager.touchSetTimeout && (clearTimeout(eventManager.touchSetTimeout), eventManager.touchSetTimeout = void 0);
         const eventArgsSet = getCellEventArgsSet(e);
-        if (stateManager.interactionState === InteractionState.grabing && !(null === (_e = table.editorManager) || void 0 === _e ? void 0 : _e.editingEditor)) return void (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1 && (stateManager.isResizeCol() || (stateManager.isMoveCol() ? eventManager.dealColumnMover(eventArgsSet) : stateManager.isFillHandle() ? eventManager.dealFillSelect(eventArgsSet, !0) : (null === (_f = table.options.select) || void 0 === _f ? void 0 : _f.disableDragSelect) || eventManager.dealTableSelect(eventArgsSet, !0))));
-        !(null === (_g = table.options.select) || void 0 === _g ? void 0 : _g.disableDragSelect) && table.eventManager.isDraging && stateManager.isSelecting() && !(null === (_h = table.editorManager) || void 0 === _h ? void 0 : _h.editingEditor) && eventManager.dealTableSelect(eventArgsSet, !0);
+        if (eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.MOUSEMOVE_TABLE) && table.fireListeners(TABLE_EVENT_TYPE.MOUSEMOVE_TABLE, {
+          col: eventArgsSet.eventArgs.col,
+          row: eventArgsSet.eventArgs.row,
+          x: eventArgsSet.abstractPos.x,
+          y: eventArgsSet.abstractPos.y,
+          event: e.nativeEvent,
+          target: null === (_e = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.target,
+          mergeCellInfo: null === (_f = eventArgsSet.eventArgs) || void 0 === _f ? void 0 : _f.mergeInfo
+        }), stateManager.interactionState === InteractionState.grabing && !(null === (_g = table.editorManager) || void 0 === _g ? void 0 : _g.editingEditor)) return void (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1 && (stateManager.isResizeCol() || (stateManager.isMoveCol() ? eventManager.dealColumnMover(eventArgsSet) : stateManager.isFillHandle() ? eventManager.dealFillSelect(eventArgsSet, !0) : (null === (_h = table.options.select) || void 0 === _h ? void 0 : _h.disableDragSelect) || eventManager.dealTableSelect(eventArgsSet, !0))));
+        !(null === (_j = table.options.select) || void 0 === _j ? void 0 : _j.disableDragSelect) && table.eventManager.isDraging && stateManager.isSelecting() && !(null === (_k = table.editorManager) || void 0 === _k ? void 0 : _k.editingEditor) && eventManager.dealTableSelect(eventArgsSet, !0);
         const cellGoup = e.path.find(node => "cell" === node.role);
         if (table.hasListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL) && (-1 === table.stateManager.hover.cellPos.col || -1 === table.stateManager.hover.cellPos.row || (null == cellGoup ? void 0 : cellGoup.col) === table.stateManager.hover.cellPos.col && (null == cellGoup ? void 0 : cellGoup.row) === table.stateManager.hover.cellPos.row || table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, {
           col: table.stateManager.hover.cellPos.col,
@@ -43187,8 +43317,8 @@
           }),
           scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth,
           event: e.nativeEvent,
-          target: null === (_j = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _j ? void 0 : _j.target
-        })), table.hasListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL) && ("cell" !== (null == cellGoup ? void 0 : cellGoup.role) || !isValid$1(cellGoup.col) || !isValid$1(cellGoup.row) || cellGoup.col === table.stateManager.hover.cellPos.col && cellGoup.row === table.stateManager.hover.cellPos.row || cellGoup.col === (null === (_k = table.stateManager.hover.cellPosContainHeader) || void 0 === _k ? void 0 : _k.col) && cellGoup.row === (null === (_l = table.stateManager.hover.cellPosContainHeader) || void 0 === _l ? void 0 : _l.row) || table.fireListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL, {
+          target: null === (_l = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _l ? void 0 : _l.target
+        })), table.hasListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL) && ("cell" !== (null == cellGoup ? void 0 : cellGoup.role) || !isValid$1(cellGoup.col) || !isValid$1(cellGoup.row) || cellGoup.col === table.stateManager.hover.cellPos.col && cellGoup.row === table.stateManager.hover.cellPos.row || cellGoup.col === (null === (_m = table.stateManager.hover.cellPosContainHeader) || void 0 === _m ? void 0 : _m.col) && cellGoup.row === (null === (_o = table.stateManager.hover.cellPosContainHeader) || void 0 === _o ? void 0 : _o.row) || table.fireListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL, {
           col: cellGoup.col,
           row: cellGoup.row,
           cellRange: table.getCellRangeRelativeRect({
@@ -43197,12 +43327,12 @@
           }),
           scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth,
           event: e.nativeEvent,
-          target: null === (_m = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _m ? void 0 : _m.target,
-          mergeCellInfo: null === (_o = eventArgsSet.eventArgs) || void 0 === _o ? void 0 : _o.mergeInfo
+          target: null === (_p = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _p ? void 0 : _p.target,
+          mergeCellInfo: null === (_q = eventArgsSet.eventArgs) || void 0 === _q ? void 0 : _q.mergeInfo
         })), eventManager.dealIconHover(eventArgsSet), eventManager.dealTableHover(eventArgsSet), eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.MOUSEMOVE_CELL)) {
           let icon, position;
-          if (null === (_p = eventArgsSet.eventArgs) || void 0 === _p ? void 0 : _p.target) {
-            const iconInfo = getIconAndPositionFromTarget(null === (_q = eventArgsSet.eventArgs) || void 0 === _q ? void 0 : _q.target);
+          if (null === (_r = eventArgsSet.eventArgs) || void 0 === _r ? void 0 : _r.target) {
+            const iconInfo = getIconAndPositionFromTarget(null === (_s = eventArgsSet.eventArgs) || void 0 === _s ? void 0 : _s.target);
             iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
           }
           table.fireListeners(TABLE_EVENT_TYPE.MOUSEMOVE_CELL, {
@@ -43216,8 +43346,8 @@
               position: position,
               funcType: icon.attribute.funcType
             } : void 0,
-            target: null === (_r = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _r ? void 0 : _r.target,
-            mergeCellInfo: null === (_s = eventArgsSet.eventArgs) || void 0 === _s ? void 0 : _s.mergeInfo
+            target: null === (_t = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _t ? void 0 : _t.target,
+            mergeCellInfo: null === (_u = eventArgsSet.eventArgs) || void 0 === _u ? void 0 : _u.mergeInfo
           });
         }
       }), table.scenegraph.tableGroup.addEventListener("pointerout", e => {
@@ -43289,7 +43419,8 @@
             source: {
               col: table.stateManager.columnMove.colSource,
               row: table.stateManager.columnMove.rowSource
-            }
+            },
+            event: e.nativeEvent
           });
         } else if (stateManager.isSelecting() && (null === (_h = null === (_g = table.stateManager.select) || void 0 === _g ? void 0 : _g.ranges) || void 0 === _h ? void 0 : _h.length)) {
           const lastCol = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.col,
@@ -43308,24 +43439,38 @@
         }
       });
       const globalPointerupCallback = e => {
-        var _a;
-        const target = e.target;
-        if (!table.getElement().contains(target)) {
-          const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
-          getPromiseValue(isCompleteEdit, isCompleteEdit => {
-            var _a, _b;
-            if (!1 !== isCompleteEdit && (stateManager.updateInteractionState(InteractionState.default), eventManager.dealTableHover(), null === (_a = table.options.select) || void 0 === _a ? void 0 : _a.outsideClickDeselect)) {
-              const isHasSelected = !!(null === (_b = stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
-              eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected);
-            }
-          });
-        }
-      };
+          var _a;
+          const target = e.target;
+          if (!table.getElement().contains(target)) {
+            const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
+            getPromiseValue(isCompleteEdit, isCompleteEdit => {
+              !1 !== isCompleteEdit && (stateManager.updateInteractionState(InteractionState.default), eventManager.dealTableHover());
+            });
+          }
+        },
+        globalPointerdownCallback = e => {
+          var _a;
+          const target = e.target;
+          if (!table.getElement().contains(target)) {
+            const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
+            getPromiseValue(isCompleteEdit, isCompleteEdit => {
+              var _a, _b;
+              if (!1 !== isCompleteEdit && (null === (_a = table.options.select) || void 0 === _a ? void 0 : _a.outsideClickDeselect)) {
+                const isHasSelected = !!(null === (_b = stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
+                eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected);
+              }
+            });
+          }
+        };
       eventManager.globalEventListeners.push({
         name: "pointerup",
         env: "document",
         callback: globalPointerupCallback
-      }), vglobal.addEventListener("pointerup", globalPointerupCallback), table.scenegraph.tableGroup.addEventListener("pointerdown", e => {
+      }), eventManager.globalEventListeners.push({
+        name: "pointerdown",
+        env: "document",
+        callback: globalPointerdownCallback
+      }), vglobal.addEventListener("pointerup", globalPointerupCallback), vglobal.addEventListener("pointerdown", globalPointerdownCallback), table.scenegraph.tableGroup.addEventListener("pointerdown", e => {
         var _a, _b, _c, _d, _e;
         if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE) && table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
           event: e.nativeEvent
@@ -43341,10 +43486,10 @@
         if (table.isPivotChart() && "chart" !== (null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target.type) && table.scenegraph.updateChartState(null), (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) !== (null === (_c = stateManager.residentHoverIcon) || void 0 === _c ? void 0 : _c.icon) && stateManager.hideMenu(), "chart" === (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type)) return;
         const isCompleteEdit = null === (_e = table.editorManager) || void 0 === _e ? void 0 : _e.completeEdit(e.nativeEvent);
         getPromiseValue(isCompleteEdit, isCompleteEdit => {
-          var _a, _b, _c, _d, _e;
+          var _a, _b, _c, _d, _e, _f, _g;
           if (!1 === isCompleteEdit) return;
           const hitIcon = (null === (_c = null === (_b = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target) || void 0 === _b ? void 0 : _b.role) || void 0 === _c ? void 0 : _c.startsWith("icon")) ? eventArgsSet.eventArgs.target : (null === (_d = e.target.role) || void 0 === _d ? void 0 : _d.startsWith("icon")) ? e.target : void 0;
-          if (eventManager.downIcon = hitIcon, hitIcon && !1 !== hitIcon.attribute.interactive) hitIcon.attribute.funcType === IconFuncTypeEnum.dragReorder && (stateManager.startMoveCol(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y), stateManager.updateInteractionState(InteractionState.grabing));else if ("touch" === e.pointerType) eventManager.touchEnd = !1, eventManager.touchSetTimeout = setTimeout(() => {
+          if (eventManager.downIcon = hitIcon, hitIcon && !1 !== hitIcon.attribute.interactive) hitIcon.attribute.funcType === IconFuncTypeEnum.dragReorder && (stateManager.startMoveCol(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null === (_f = null === (_e = eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.event) || void 0 === _f ? void 0 : _f.nativeEvent), stateManager.updateInteractionState(InteractionState.grabing));else if ("touch" === e.pointerType) eventManager.touchEnd = !1, eventManager.touchSetTimeout = setTimeout(() => {
             eventManager.isTouchdown = !1, eventManager.touchMove = !0, (eventManager.touchEnd || !eventManager.checkColumnResize(eventArgsSet, !0) && !eventManager.checkRowResize(eventArgsSet, !0)) && (eventManager.touchEnd || !eventManager.chechColumnMover(eventArgsSet)) ? eventManager.dealTableSelect(eventArgsSet) && !eventManager.touchEnd && stateManager.updateInteractionState(InteractionState.grabing) : stateManager.updateInteractionState(InteractionState.grabing);
           }, 500), eventManager.dealTableHover(eventArgsSet);else {
             if (!eventManager.checkCellFillhandle(eventArgsSet) && (eventManager.checkColumnResize(eventArgsSet, !0) || eventManager.checkRowResize(eventArgsSet, !0))) return table.scenegraph.updateChartState(null), void stateManager.updateInteractionState(InteractionState.grabing);
@@ -43358,7 +43503,7 @@
               col: eventArgsSet.eventArgs.col,
               row: eventArgsSet.eventArgs.row,
               event: e.nativeEvent,
-              target: null === (_e = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.target,
+              target: null === (_g = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _g ? void 0 : _g.target,
               mergeCellInfo: eventArgsSet.eventArgs.mergeInfo
             });
           }
@@ -43377,7 +43522,8 @@
                 source: {
                   col: table.stateManager.columnMove.colSource,
                   row: table.stateManager.columnMove.rowSource
-                }
+                },
+                event: e.nativeEvent
               });
             } else if (stateManager.isSelecting()) {
               table.stateManager.endSelectCells(), table.stateManager.isFillHandle() && table.stateManager.endFillSelect();
@@ -44000,7 +44146,7 @@
               top = !1,
               right = !1,
               left = !1;
-            y > drawRange.bottom - bottomFrozenRowHeight && canScrollY && table.scrollTop + table.tableNoFrameWidth < table.getAllRowsHeight() ? (bottom = !0, table.eventManager.scrollYSpeed = -(y - drawRange.bottom + bottomFrozenRowHeight) / 50) : y < drawRange.top + topFrozenRowHeight && canScrollY && table.scrollTop > 0 && (top = !0, table.eventManager.scrollYSpeed = -(y - drawRange.top - topFrozenRowHeight) / 50), x > drawRange.right - rightFrozenColsWidth && canScrollX && table.scrollLeft + table.tableNoFrameWidth < table.getAllColsWidth() ? (right = !0, table.eventManager.scrollXSpeed = -(x - drawRange.right + rightFrozenColsWidth) / 50) : x < drawRange.left + leftFrozenColsWidth && canScrollX && table.scrollLeft > 0 && (left = !0, table.eventManager.scrollXSpeed = -(x - drawRange.left - leftFrozenColsWidth) / 50), table.eventManager.inertiaScroll.startInertia(table.eventManager.scrollXSpeed, table.eventManager.scrollYSpeed, 1), table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
+            y > drawRange.bottom - bottomFrozenRowHeight && canScrollY && table.scrollTop + table.tableNoFrameHeight < table.getAllRowsHeight() ? (bottom = !0, table.eventManager.scrollYSpeed = -(y - drawRange.bottom + bottomFrozenRowHeight) / 50) : y < drawRange.top + topFrozenRowHeight && canScrollY && table.scrollTop > 0 && (top = !0, table.eventManager.scrollYSpeed = -(y - drawRange.top - topFrozenRowHeight) / 50), x > drawRange.right - rightFrozenColsWidth && canScrollX && table.scrollLeft + table.tableNoFrameWidth < table.getAllColsWidth() ? (right = !0, table.eventManager.scrollXSpeed = -(x - drawRange.right + rightFrozenColsWidth) / 50) : x < drawRange.left + leftFrozenColsWidth && canScrollX && table.scrollLeft > 0 && (left = !0, table.eventManager.scrollXSpeed = -(x - drawRange.left - leftFrozenColsWidth) / 50), table.eventManager.inertiaScroll.startInertia(table.eventManager.scrollXSpeed, table.eventManager.scrollYSpeed, 1), table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
               let selectX, selectY;
               handleWhell({
                 deltaX: -dx,
@@ -44310,11 +44456,11 @@
         this.table.stateManager.updateResizeRow(xInTable, yInTable);
       }
       chechColumnMover(eventArgsSet) {
-        var _a, _b;
+        var _a, _b, _c;
         const {
           eventArgs: eventArgs
         } = eventArgsSet;
-        return !!(eventArgs && this.table.isHeader(eventArgs.col, eventArgs.row) && (checkCellInSelect(eventArgs.col, eventArgs.row, this.table.stateManager.select.ranges) || (null === (_a = this.table.options.select) || void 0 === _a ? void 0 : _a.disableHeaderSelect) || (null === (_b = this.table.options.select) || void 0 === _b ? void 0 : _b.disableSelect)) && this.table._canDragHeaderPosition(eventArgs.col, eventArgs.row)) && (this.table.stateManager.startMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y), !0);
+        return !!(eventArgs && this.table.isHeader(eventArgs.col, eventArgs.row) && (checkCellInSelect(eventArgs.col, eventArgs.row, this.table.stateManager.select.ranges) || (null === (_a = this.table.options.select) || void 0 === _a ? void 0 : _a.disableHeaderSelect) || (null === (_b = this.table.options.select) || void 0 === _b ? void 0 : _b.disableSelect)) && this.table._canDragHeaderPosition(eventArgs.col, eventArgs.row)) && (this.table.stateManager.startMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null === (_c = null == eventArgs ? void 0 : eventArgs.event) || void 0 === _c ? void 0 : _c.nativeEvent), !0);
       }
       dealColumnMover(eventArgsSet) {
         const {
@@ -46736,7 +46882,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.8.3-alpha.0", 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.8.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,
@@ -49257,7 +49403,11 @@
         return !1;
       }
       isSeriesNumber(col, row) {
-        return this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && row >= 0 && col < this.leftRowSeriesNumberColumnCount || this.rightRowSeriesNumberColumnCount > 0 && row >= 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount;
+        if (isValid$1(col) && isValid$1(row)) {
+          if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && row >= 0 && col < this.leftRowSeriesNumberColumnCount) return !0;
+          if (this.rightRowSeriesNumberColumnCount > 0 && row >= 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount) return !0;
+        }
+        return !1;
       }
       getSeriesNumberHeader(col, row) {
         if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount) {
@@ -50488,11 +50638,12 @@
         return this.dataSource.records.length;
       }
       updateColumns(columns) {
+        var _a, _b, _c, _d;
         const oldHoverState = {
           col: this.stateManager.hover.cellPos.col,
           row: this.stateManager.hover.cellPos.row
         };
-        this.internalProps.columns = cloneDeepSpec(columns, ["children"]), generateAggregationForColumn(this), this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.clearCells(), this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
+        this.internalProps.columns = cloneDeepSpec(columns, ["children"]), generateAggregationForColumn(this), this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, this.refreshHeader(), null === (_b = (_a = this.dataSource).updateColumns) || void 0 === _b || _b.call(_a, this.internalProps.columns), this.records && checkHasAggregationOnColumnDefine(columns) && this.dataSource.processRecords(null !== (_d = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records) && void 0 !== _d ? _d : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.clearCells(), this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
       }
       get columns() {
         return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -52781,13 +52932,16 @@
         }), "left" === this.orient ? (this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width), this.table.tableX += Math.ceil(width)) : "top" === this.orient ? (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height), this.table.tableY += Math.ceil(height)) : "right" === this.orient ? this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width) : "bottom" === this.orient && (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height));
       }
       getLegendAttributes(rect) {
-        const layout = "bottom" === this.orient || "top" === this.orient ? "horizontal" : "vertical";
+        var _a, _b;
+        const layout = "bottom" === this.orient || "top" === this.orient ? "horizontal" : "vertical",
+          legendAttrs = getLegendAttributes(this.option, rect),
+          padding = getQuadProps(null !== (_b = null !== (_a = legendAttrs.padding) && void 0 !== _a ? _a : this.option.padding) && void 0 !== _b ? _b : 10);
         return Object.assign({
           layout: layout,
           items: this.getLegendItems(),
-          maxWidth: rect.width,
-          maxHeight: rect.height
-        }, getLegendAttributes(this.option, rect));
+          maxWidth: rect.width - padding[1] - padding[3],
+          maxHeight: rect.height - padding[0] - padding[2]
+        }, legendAttrs);
       }
       getLegendItems() {
         return this.option.data;
@@ -57055,7 +57209,7 @@
         themes: themes$1
     });
 
-    const version = "1.8.3-alpha.0";
+    const version = "1.8.3";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;