@visactor/vtable 0.18.4 → 0.19.0

package/cjs/core/BaseTable.js

@@ -33,7 +33,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseTable = void 0;
 
-const columnStyleContents = __importStar(require("../body-helper/style")), headerStyleContents = __importStar(require("../header-helper/style")), style_1 = require("./style"), style = __importStar(require("../tools/style")), ts_types_1 = require("../ts-types"), helper_1 = require("../tools/helper"), TABLE_EVENT_TYPE_1 = require("./TABLE_EVENT_TYPE"), EventHandler_1 = require("../event/EventHandler"), EventTarget_1 = require("../event/EventTarget"), NumberMap_1 = require("../tools/NumberMap"), Rect_1 = require("../tools/Rect"), util_1 = require("../tools/util"), themes_1 = __importDefault(require("../themes")), env_1 = require("../tools/env"), scenegraph_1 = require("../scenegraph/scenegraph"), state_1 = require("../state/state"), event_1 = require("../event/event"), body_helper_1 = require("../body-helper/body-helper"), header_helper_1 = require("../header-helper/header-helper"), TooltipHandler_1 = require("../components/tooltip/TooltipHandler"), vutils_1 = require("@visactor/vutils"), text_measure_1 = require("../scenegraph/utils/text-measure"), get_prop_1 = require("../scenegraph/utils/get-prop"), icons_1 = require("../plugins/icons"), tableHelper_1 = require("./tableHelper"), MenuHandler_1 = require("../components/menu/dom/MenuHandler"), FouseInput_1 = require("./FouseInput"), pixel_ratio_1 = require("../tools/pixel-ratio"), create_legend_1 = require("../components/legend/create-legend"), vdataset_1 = require("@visactor/vdataset"), chart_render_helper_1 = require("../scenegraph/graphic/contributions/chart-render-helper"), get_axis_config_1 = require("../layout/chart-helper/get-axis-config"), {toBoxArray: toBoxArray} = helper_1.style, {isTouchEvent: isTouchEvent} = helper_1.event, rangeReg = /^\$(\d+)\$(\d+)$/;
+const columnStyleContents = __importStar(require("../body-helper/style")), headerStyleContents = __importStar(require("../header-helper/style")), style_1 = require("./style"), style = __importStar(require("../tools/style")), ts_types_1 = require("../ts-types"), helper_1 = require("../tools/helper"), TABLE_EVENT_TYPE_1 = require("./TABLE_EVENT_TYPE"), EventHandler_1 = require("../event/EventHandler"), EventTarget_1 = require("../event/EventTarget"), NumberMap_1 = require("../tools/NumberMap"), Rect_1 = require("../tools/Rect"), util_1 = require("../tools/util"), themes_1 = __importDefault(require("../themes")), env_1 = require("../tools/env"), scenegraph_1 = require("../scenegraph/scenegraph"), state_1 = require("../state/state"), event_1 = require("../event/event"), body_helper_1 = require("../body-helper/body-helper"), header_helper_1 = require("../header-helper/header-helper"), TooltipHandler_1 = require("../components/tooltip/TooltipHandler"), vutils_1 = require("@visactor/vutils"), text_measure_1 = require("../scenegraph/utils/text-measure"), get_prop_1 = require("../scenegraph/utils/get-prop"), icons_1 = require("../plugins/icons"), tableHelper_1 = require("./tableHelper"), MenuHandler_1 = require("../components/menu/dom/MenuHandler"), FouseInput_1 = require("./FouseInput"), pixel_ratio_1 = require("../tools/pixel-ratio"), create_legend_1 = require("../components/legend/create-legend"), vdataset_1 = require("@visactor/vdataset"), chart_render_helper_1 = require("../scenegraph/graphic/contributions/chart-render-helper"), get_axis_config_1 = require("../layout/chart-helper/get-axis-config"), row_height_map_1 = require("../layout/row-height-map"), {toBoxArray: toBoxArray} = helper_1.style, {isTouchEvent: isTouchEvent} = helper_1.event, rangeReg = /^\$(\d+)\$(\d+)$/;
 
 (0, style_1.importStyle)();
 
@@ -45,7 +45,7 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.18.4", 
+        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.19.0", 
         this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, 
         this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200), !container && "node" !== options.mode) throw new Error("vtable's container is undefined");
         const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, keyboardOptions: keyboardOptions, eventOptions: eventOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
@@ -75,7 +75,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.columnResizeMode = columnResizeMode, internalProps.dragHeaderMode = dragHeaderMode, 
         internalProps.renderChartAsync = renderChartAsync, (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
-        internalProps._rowHeightsMap = new NumberMap_1.NumberMap, internalProps._rowRangeHeightsMap = new Map, 
+        internalProps._rowHeightsMap = new row_height_map_1.NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map, 
         internalProps._colRangeWidthsMap = new Map, internalProps._widthResizedColMap = new Set, 
         this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
         this.colWidthsLimit = {}, internalProps.calcWidthContext = {
@@ -109,7 +109,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         "html" === internalProps.menu.renderMode && (internalProps.menuHandler = new MenuHandler_1.MenuHandler(this)), 
         this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, 
         internalProps.stick = {
-            changedCells: []
+            changedCells: new Map
         }, internalProps.customMergeCell = options.customMergeCell;
     }
     getContainer() {
@@ -323,7 +323,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         return "grid";
     }
     getColsWidth(startCol, endCol) {
-        endCol = Math.min(endCol, this.colCount - 1);
+        var _a;
+        startCol = Math.max(startCol, 0), endCol = Math.min(endCol, (null !== (_a = this.colCount) && void 0 !== _a ? _a : 1 / 0) - 1);
         const cachedColWidth = this._colRangeWidthsMap.get(`$${startCol}$${endCol}`);
         if (null != cachedColWidth) return cachedColWidth;
         const cachedLowerColWidth = this._colRangeWidthsMap.get(`$${startCol}$${endCol - 1}`);
@@ -338,7 +339,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         Math.round(w);
     }
     getRowHeight(row) {
-        if (this.rowHeightsMap.get(row)) return this.rowHeightsMap.get(row);
+        if ((0, vutils_1.isValid)(this.rowHeightsMap.get(row))) return this.rowHeightsMap.get(row);
         const defaultHeight = this.getDefaultRowHeight(row);
         return (0, vutils_1.isNumber)(defaultHeight) ? defaultHeight : this.defaultRowHeight;
     }
@@ -351,23 +352,13 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     getRowsHeight(startRow, endRow) {
         var _a;
-        const cachedRowHeight = this._rowRangeHeightsMap.get(`$${startRow}$${endRow}`);
-        if (null != cachedRowHeight) return cachedRowHeight;
-        const cachedLowerRowHeight = this._rowRangeHeightsMap.get(`$${startRow}$${endRow - 1}`);
-        if (null != cachedLowerRowHeight) {
-            const height = Math.round(cachedLowerRowHeight + (null !== (_a = this.rowHeightsMap.get(endRow)) && void 0 !== _a ? _a : this.isColumnHeader(0, endRow) || this.isCornerHeader(0, endRow) ? Array.isArray(this.defaultHeaderRowHeight) && (0, 
-            vutils_1.isNumber)(this.defaultHeaderRowHeight[endRow]) ? this.defaultHeaderRowHeight[endRow] : (0, 
-            vutils_1.isNumber)(this.defaultHeaderRowHeight) ? this.defaultHeaderRowHeight : this.internalProps.defaultRowHeight : this.internalProps.defaultRowHeight));
-            return startRow >= 0 && endRow >= 0 && this._rowRangeHeightsMap.set(`$${startRow}$${endRow}`, Math.round(height)), 
-            height;
-        }
+        startRow = Math.max(startRow, 0), endRow = Math.min(endRow, (null !== (_a = this.rowCount) && void 0 !== _a ? _a : 1 / 0) - 1);
         let h = 0;
         if ("standard" === this.heightMode && !this.autoFillHeight && this.internalProps.layoutMap && endRow >= this.columnHeaderLevelCount && !this.bottomFrozenRowCount && !this.hasAutoImageColumn()) {
             for (let i = startRow; i < this.columnHeaderLevelCount; i++) h += this.getRowHeight(i);
             h += this.defaultRowHeight * (endRow - Math.max(this.columnHeaderLevelCount, startRow) + 1);
-        } else for (let i = startRow; i <= endRow; i++) h += this.getRowHeight(i);
-        return startRow >= 0 && endRow >= 0 && h > 0 && this._rowRangeHeightsMap.set(`$${startRow}$${endRow}`, Math.round(h)), 
-        Math.round(h);
+        } else h = this.rowHeightsMap.getSumInRange(startRow, endRow);
+        return Math.round(h);
     }
     getColWidthDefined(col) {
         var _a, _b, _c;
@@ -402,16 +393,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         }
     }
     _clearRowRangeHeightsMap(row) {
-        if ("number" != typeof row) this._rowRangeHeightsMap.clear(); else {
-            const keys = this._rowRangeHeightsMap.keys();
-            for (const key of keys) {
-                const reg = rangeReg.exec(key);
-                if (reg) {
-                    const start = Number(reg[1]), end = Number(reg[2]);
-                    row >= start && row <= end && this._rowRangeHeightsMap.delete(key);
-                }
-            }
-        }
+        this.rowHeightsMap.clearRange();
     }
     _getColContentWidth(col) {
         return Number(this.colContentWidthsMap.get(col));
@@ -731,11 +713,11 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.columnResizeMode = columnResizeMode, internalProps.dragHeaderMode = dragHeaderMode, 
         internalProps.renderChartAsync = renderChartAsync, (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
-        internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberMap_1.NumberMap, 
+        internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new row_height_map_1.NumberRangeMap(this), 
         internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map, 
         internalProps._widthResizedColMap = new Set, this.colWidthsMap = new NumberMap_1.NumberMap, 
         this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
-        internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
+        internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
         this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, 
         internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : 0, 
         internalProps.limitMaxAutoWidth = null !== (_c = options.limitMaxAutoWidth) && void 0 !== _c ? _c : 450, 
@@ -1241,6 +1223,7 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     _canDragHeaderPosition(col, row) {
         if (this.isHeader(col, row) && this.stateManager.isSelected(col, row)) {
+            if ("disabled" === this.internalProps.frozenColDragHeaderMode && (this.isFrozenColumn(col) || this.isRightFrozenColumn(col))) return !1;
             const selectRange = this.stateManager.select.ranges[0];
             if (this.isColumnHeader(col, row)) {
                 if (selectRange.end.row !== this.rowCount - 1) return !1;