@visactor/vtable 0.18.0-alpha.0 → 0.18.0-alpha.1

package/es/core/BaseTable.js

@@ -74,10 +74,10 @@ export class BaseTable extends EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.18.0-alpha.0", 
-        this.id = `VTable${Date.now()}`, this.isReleased = !1, this.throttleInvalidate = 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, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
+        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.18.0-alpha.1", 
+        this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, 
+        this.throttleInvalidate = 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 = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
         this.container = container, this.options = options, this.options.container = container, 
         this._widthMode = widthMode, this._heightMode = heightMode, this._autoFillWidth = autoFillWidth, 
         this._autoFillHeight = autoFillHeight, this.customRender = customRender, this.padding = {
@@ -95,13 +95,14 @@ export class BaseTable extends EventTarget {
         "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), 
         internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = document.createElement("canvas"), 
         internalProps.element.appendChild(internalProps.canvas), internalProps.context = internalProps.canvas.getContext("2d")), 
-        internalProps.handler = new EventHandler, internalProps.pixelRatio = pixelRatio, 
-        internalProps.frozenColCount = frozenColCount, internalProps.defaultRowHeight = defaultRowHeight, 
-        internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
+        internalProps.handler = new EventHandler, isNumber(this.options.resizeTime) && (internalProps.handler.resizeTime = this.options.resizeTime), 
+        internalProps.pixelRatio = pixelRatio, internalProps.frozenColCount = frozenColCount, 
+        internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
-        internalProps.keyboardOptions = keyboardOptions, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync, 
-        setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
+        internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, 
+        internalProps.columnResizeMode = columnResizeMode, internalProps.dragHeaderMode = dragHeaderMode, 
+        internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), 
+        internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
         internalProps._rowHeightsMap = new NumberMap, internalProps._rowRangeHeightsMap = new Map, 
         internalProps._colRangeWidthsMap = new Map, internalProps._widthResizedColMap = new Set, 
         this.colWidthsMap = new NumberMap, this.colContentWidthsMap = new NumberMap, this.colWidthsLimit = {}, 
@@ -115,7 +116,7 @@ export class BaseTable extends EventTarget {
         container ? (container.innerHTML = "", container.appendChild(internalProps.element), 
         this._updateSize()) : this._updateSize(), this.options = options, internalProps.theme = themes.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes.DEFAULT), 
         internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), 
-        internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : internalProps.colCount, 
+        internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, 
         internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 450, 
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         this._vDataSet = new DataSet, this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager(this), 
@@ -133,7 +134,8 @@ export class BaseTable extends EventTarget {
         }, options.menu), Array.isArray(null === (_e = options.menu) || void 0 === _e ? void 0 : _e.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_f = options.menu) || void 0 === _f ? void 0 : _f.dropDownMenuHighlight), 
         Array.isArray(null === (_g = options.menu) || void 0 === _g ? void 0 : _g.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
         "html" === internalProps.menu.renderMode && (internalProps.menuHandler = new MenuHandler(this)), 
-        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, internalProps.stick = {
+        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, 
+        internalProps.stick = {
             changedCells: []
         }, internalProps.customMergeCell = options.customMergeCell;
     }
@@ -271,6 +273,13 @@ export class BaseTable extends EventTarget {
     set keyboardOptions(keyboardOptions) {
         this.internalProps.keyboardOptions = null != keyboardOptions ? keyboardOptions : void 0;
     }
+    get eventOptions() {
+        var _a;
+        return null !== (_a = this.internalProps.eventOptions) && void 0 !== _a ? _a : null;
+    }
+    set eventOptions(eventOptions) {
+        this.internalProps.eventOptions = null != eventOptions ? eventOptions : void 0;
+    }
     get widthMode() {
         return this._widthMode;
     }
@@ -712,7 +721,7 @@ export class BaseTable extends EventTarget {
     updateOption(options) {
         var _a, _b, _c, _d, _e;
         this.options = options;
-        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
+        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, eventOptions: eventOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
         pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio), 
         padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, 
         this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), 
@@ -727,15 +736,16 @@ export class BaseTable extends EventTarget {
         internalProps.frozenColCount = frozenColCount, internalProps.defaultRowHeight = defaultRowHeight, 
         internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
-        internalProps.keyboardOptions = keyboardOptions, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync, 
-        setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
+        internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, 
+        internalProps.columnResizeMode = columnResizeMode, internalProps.dragHeaderMode = dragHeaderMode, 
+        internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), 
+        internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
         internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberMap, 
         internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map, 
         internalProps._widthResizedColMap = new Set, this.colWidthsMap = new NumberMap, 
         this.colContentWidthsMap = new NumberMap, this.colWidthsLimit = {}, internalProps.theme = themes.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes.DEFAULT), 
         this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, 
-        internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : internalProps.colCount, 
+        internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : 0, 
         internalProps.limitMaxAutoWidth = null !== (_c = options.limitMaxAutoWidth) && void 0 !== _c ? _c : 450, 
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         this._vDataSet = new DataSet, null === (_d = internalProps.legends) || void 0 === _d || _d.release(), 
@@ -882,18 +892,9 @@ export class BaseTable extends EventTarget {
         })(candRow, bottom);
     }
     computeTargetRowByY(absoluteY) {
-        if (this._rowRangeHeightsMap.get("$0$" + (this.rowCount - 1))) {
-            let startRow = 0, endRow = this.rowCount - 1;
-            for (;endRow - startRow > 1; ) {
-                const midRow = Math.floor((startRow + endRow) / 2);
-                if (absoluteY < this._rowRangeHeightsMap.get(`$0$${midRow}`)) endRow = midRow; else {
-                    if (!(absoluteY > this._rowRangeHeightsMap.get(`$0$${midRow}`))) return midRow;
-                    startRow = midRow;
-                }
-            }
-            return endRow;
-        }
-        return Math.min(Math.ceil(absoluteY / this.internalProps.defaultRowHeight), this.rowCount - 1);
+        let defaultRowHeight = this.internalProps.defaultRowHeight;
+        return this._rowRangeHeightsMap.get("$0$" + (this.rowCount - 1)) && (defaultRowHeight = this._rowRangeHeightsMap.get("$0$" + (this.rowCount - 1)) / this.rowCount), 
+        Math.min(Math.ceil(absoluteY / defaultRowHeight), this.rowCount - 1);
     }
     computeTargetColByX(absoluteX) {
         if (this._colRangeWidthsMap.get("$0$" + (this.colCount - 1))) {
@@ -1132,30 +1133,33 @@ export class BaseTable extends EventTarget {
         return null === (_a = this.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.isBottomFrozenRow(col, row);
     }
     getCellInfo(col, row) {
-        const colDef = this.isHeader(col, row) ? this.getHeaderDefine(col, row) : this.getBodyColumnDefine(col, row);
-        return {
-            col: col,
-            row: row,
-            field: this.getHeaderField(col, row),
-            cellHeaderPaths: this.internalProps.layoutMap.getCellHeaderPaths(col, row),
-            title: null == colDef ? void 0 : colDef.title,
-            cellType: (null == colDef ? void 0 : colDef.cellType) ? "string" == typeof colDef.cellType ? colDef.cellType : "progressbar" : "text",
-            originData: this.getCellOriginRecord(col, row),
-            cellRange: this.getCellRangeRelativeRect({
+        if (col >= 0 && row >= 0) {
+            const colDef = this.isHeader(col, row) ? this.getHeaderDefine(col, row) : this.getBodyColumnDefine(col, row);
+            return {
                 col: col,
-                row: row
-            }),
-            value: this.getCellValue(col, row),
-            dataValue: this.getCellOriginValue(col, row),
-            cellLocation: this.getCellLocation(col, row),
-            scaleRatio: this.canvas.getBoundingClientRect().width / this.canvas.offsetWidth
-        };
+                row: row,
+                field: this.getHeaderField(col, row),
+                cellHeaderPaths: this.internalProps.layoutMap.getCellHeaderPaths(col, row),
+                title: null == colDef ? void 0 : colDef.title,
+                cellType: (null == colDef ? void 0 : colDef.cellType) ? "string" == typeof colDef.cellType ? colDef.cellType : "progressbar" : "text",
+                originData: this.getCellOriginRecord(col, row),
+                cellRange: this.getCellRangeRelativeRect({
+                    col: col,
+                    row: row
+                }),
+                value: this.getCellValue(col, row),
+                dataValue: this.getCellOriginValue(col, row),
+                cellLocation: this.getCellLocation(col, row),
+                scaleRatio: this.canvas.getBoundingClientRect().width / this.canvas.offsetWidth
+            };
+        }
     }
     _hasField(field, col, row) {
+        var _a;
         if (null == field) return !1;
         if (this.internalProps.layoutMap.isHeader(col, row)) return !1;
         const index = this.getRecordShowIndexByCell(col, row);
-        return this.internalProps.dataSource.hasField(index, field);
+        return null === (_a = this.internalProps.dataSource) || void 0 === _a ? void 0 : _a.hasField(index, field);
     }
     _getCellStyle(col, row) {
         var _a, _b, _c, _d;
@@ -1208,23 +1212,23 @@ export class BaseTable extends EventTarget {
             }
             return this.headerStyleCache.set(cacheKey, cacheStyle), cacheStyle;
         }
-        let cacheKey;
-        cacheKey = this.isListTable() && !this.transpose || this.isPivotTable() && this.internalProps.layoutMap.indicatorsAsCol ? col : row;
-        let cacheStyle = this.bodyStyleCache.get(cacheKey);
-        if (cacheStyle) return cacheStyle;
+        let cacheKey, cacheStyle;
+        if (cacheKey = this.isListTable() && !this.transpose || this.isPivotTable() && this.internalProps.layoutMap.indicatorsAsCol ? col : row, 
+        cacheStyle = layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.get(cacheKey) : this.bodyStyleCache.get(cacheKey), 
+        cacheStyle) return cacheStyle;
         const column = layoutMap.getBody(col, row), styleClass = this.internalProps.bodyHelper.getStyleClass(column.cellType), style = null == column ? void 0 : column.style;
-        return cacheStyle = columnStyleContents.of(style, this.theme.bodyStyle, {
+        return cacheStyle = columnStyleContents.of(style, layoutMap.isBottomFrozenRow(row) && this.theme.bottomFrozenStyle ? this.theme.bottomFrozenStyle : layoutMap.isRightFrozenColumn(col) && this.theme.rightFrozenStyle ? this.theme.rightFrozenStyle : this.theme.bodyStyle, {
             col: col,
             row: row,
             table: this,
             value: this.getCellValue(col, row),
             dataValue: this.getCellOriginValue(col, row),
             cellHeaderPaths: this.getCellHeaderPaths(col, row)
-        }, styleClass, this.options.autoWrapText), isFunction(style) || this.bodyStyleCache.set(cacheKey, cacheStyle), 
+        }, styleClass, this.options.autoWrapText), isFunction(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)), 
         cacheStyle;
     }
     clearCellStyleCache() {
-        this.headerStyleCache.clear(), this.bodyStyleCache.clear();
+        this.headerStyleCache.clear(), this.bodyStyleCache.clear(), this.bodyBottomStyleCache.clear();
     }
     clearRowHeightCache() {
         this.internalProps._rowHeightsMap.clear(), this._clearRowRangeHeightsMap();
@@ -1391,7 +1395,7 @@ export class BaseTable extends EventTarget {
                             } else copyValue += "\t";
                         }
                     }
-                    copyValue += "\n";
+                    r < maxRow && (copyValue += "\n");
                 }
             }
             return copyValue;
@@ -1538,5 +1542,33 @@ export class BaseTable extends EventTarget {
         }
         return null;
     }
+    getBodyIndexByTableIndex(col, row) {
+        return {
+            col: col - this.rowHeaderLevelCount,
+            row: row - this.columnHeaderLevelCount
+        };
+    }
+    getTableIndexByBodyIndex(col, row) {
+        return {
+            col: col + this.rowHeaderLevelCount,
+            row: row + this.columnHeaderLevelCount
+        };
+    }
+    onVChartEvent(type, query, callback) {
+        this._chartEventMap[type] || (this._chartEventMap[type] = []), "function" == typeof query ? this._chartEventMap[type].push({
+            callback: query
+        }) : this._chartEventMap[type].push({
+            callback: callback,
+            query: query
+        });
+    }
+    offVChartEvent(type, callback) {
+        this._chartEventMap[type] && (this._chartEventMap[type] = callback ? this._chartEventMap[type].filter((e => e.callback !== callback)) : []);
+    }
+    _bindChartEvent(activeChartInstance) {
+        if (activeChartInstance) for (const key in this._chartEventMap) (this._chartEventMap[key] || []).forEach((e => {
+            e.query ? activeChartInstance.on(key, e.query, e.callback) : activeChartInstance.on(key, e.callback);
+        }));
+    }
 }
 //# sourceMappingURL=BaseTable.js.map