@visactor/vtable 1.5.3-alpha.1 → 1.5.3

package/es/core/BaseTable.d.ts

@@ -52,10 +52,9 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     version: string;
     pagination?: IPagination | undefined;
     id: string;
-    headerStyleCache: Map<string, any>;
-    bodyStyleCache: Map<string, any>;
-    bodyMergeTitleCache: Map<string, any>;
-    bodyBottomStyleCache: Map<string, any>;
+    headerStyleCache: any;
+    bodyStyleCache: any;
+    bodyBottomStyleCache: any;
     container: HTMLElement;
     isReleased: boolean;
     _chartEventMap: Record<string, {
@@ -405,5 +404,4 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     hideMoverLine(col: number, row: number): void;
     disableScroll(): void;
     enableScroll(): void;
-    getGroupTitleLevel(col: number, row: number): number | undefined;
 }

package/es/core/BaseTable.js

@@ -1,5 +1,7 @@
 import * as columnStyleContents from "../body-helper/style";
 
+import * as headerStyleContents from "../header-helper/style";
+
 import { importStyle } from "./style";
 
 import * as style from "../tools/style";
@@ -34,7 +36,7 @@ import { BodyHelper } from "../body-helper/body-helper";
 
 import { HeaderHelper } from "../header-helper/header-helper";
 
-import { AABBBounds, isNumber, isBoolean, isValid, cloneDeep } from "@visactor/vutils";
+import { AABBBounds, isNumber, isBoolean, isFunction, isValid, cloneDeep } from "@visactor/vutils";
 
 import { measureTextBounds, textMeasure } from "../scenegraph/utils/text-measure";
 
@@ -50,11 +52,13 @@ import { defaultPixelRatio } from "../tools/pixel-ratio";
 
 import { setBatchRenderChartCount } from "../scenegraph/graphic/contributions/chart-render-helper";
 
+import { isLeftOrRightAxis, isTopOrBottomAxis } from "../layout/chart-helper/get-axis-config";
+
 import { NumberRangeMap } from "../layout/row-height-map";
 
 import { RowSeriesNumberHelper } from "./row-series-number-helper";
 
-import { CustomCellStylePlugin } from "../plugins/custom-cell-style";
+import { CustomCellStylePlugin, mergeStyle } from "../plugins/custom-cell-style";
 
 import { hideCellSelectBorder, restoreCellSelectBorder } from "../scenegraph/select/update-select-border";
 
@@ -66,19 +70,19 @@ import { Factory } from "./factory";
 
 import { getCellAt, getCellAtRelativePosition, getColAt, getRowAt, getTargetColAt, getTargetColAtConsiderRightFrozen, getTargetRowAt, getTargetRowAtConsiderBottomFrozen } from "./utils/get-cell-position";
 
-import { getCellStyle } from "./style-helper";
-
 const {toBoxArray: toBoxArray} = utilStyle, {isTouchEvent: isTouchEvent} = event, rangeReg = /^\$(\d+)\$(\d+)$/;
 
 importStyle();
 
+const EMPTY_STYLE = {};
+
 export class BaseTable extends EventTarget {
     static get EVENT_TYPE() {
         return TABLE_EVENT_TYPE;
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.5.3-alpha.1", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "1.5.3", 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, frozenRowCount: frozenRowCount, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, widthAdaptiveMode: widthAdaptiveMode = "only-body", heightAdaptiveMode: heightAdaptiveMode = "only-body", keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, rowResizeMode: rowResizeMode = "none", 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, limitMinHeight: limitMinHeight, clearDOM: clearDOM = !0} = options;
@@ -166,8 +170,8 @@ export class BaseTable extends EventTarget {
             const MenuHandler = Factory.getComponent("menuHandler");
             internalProps.menuHandler = new MenuHandler(this);
         }
-        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyMergeTitleCache = new Map, 
-        this.bodyBottomStyleCache = new Map, internalProps.stick = {
+        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, 
+        internalProps.stick = {
             changedCells: new Map
         }, internalProps.customMergeCell = options.customMergeCell, this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_k = options.customCellStyle) && void 0 !== _k ? _k : [], null !== (_l = options.customCellStyleArrangement) && void 0 !== _l ? _l : []);
     }
@@ -1204,11 +1208,80 @@ export class BaseTable extends EventTarget {
         return null === (_a = this.internalProps.dataSource) || void 0 === _a ? void 0 : _a.hasField(index, field);
     }
     _getCellStyle(col, row) {
-        return getCellStyle(col, row, this);
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const customCellStyle = this.customCellStylePlugin.getCustomCellStyle(col, row), {layoutMap: layoutMap} = this.internalProps;
+        if (layoutMap.isHeader(col, row)) {
+            let cacheKey;
+            if (!this.isPivotTable() || this.isBottomFrozenRow(row) || this.isRightFrozenColumn(col)) cacheKey = `${col}-${row}`; else {
+                const define = this.getHeaderDefine(col, row), isCorner = this.isCornerHeader(col, row);
+                cacheKey = (null == define ? void 0 : define.dimensionKey) ? isCorner ? `dim-cor-${define.dimensionKey}` : `dim-${define.dimensionKey}` : (null == define ? void 0 : define.indicatorKey) ? `ind-${define.indicatorKey}` : `${col}-${row}`;
+            }
+            let cacheStyle = this.headerStyleCache.get(cacheKey);
+            if (cacheStyle) return customCellStyle ? mergeStyle(cacheStyle, customCellStyle) : cacheStyle;
+            const hd = layoutMap.getHeader(col, row);
+            let paddingForAxis;
+            if (this.isPivotChart() && isTopOrBottomAxis(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
+                paddingForAxis = null !== (_b = null === (_a = layoutMap.getBody(col, this.rowHeaderLevelCount).style) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : this.theme.bodyStyle.padding;
+            } else if (this.isPivotChart() && isLeftOrRightAxis(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
+                paddingForAxis = null !== (_d = null === (_c = layoutMap.getBody(this.columnHeaderLevelCount, row).style) || void 0 === _c ? void 0 : _c.padding) && void 0 !== _d ? _d : this.theme.bodyStyle.padding;
+            }
+            if ((!hd || hd.isEmpty) && (layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightBottomCorner(col, row) || layoutMap.isCornerHeader(col, row) || layoutMap.isRightTopCorner(col, row))) return EMPTY_STYLE;
+            const styleClass = this.internalProps.headerHelper.getStyleClass((null == hd ? void 0 : hd.headerType) || "text");
+            if (layoutMap.isBottomFrozenRow(col, row) && this.theme.bottomFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
+                padding: paddingForAxis
+            } : {}, this.theme.bottomFrozenStyle, {
+                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, this.theme); else if (layoutMap.isRightFrozenColumn(col, row) && this.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
+                padding: paddingForAxis
+            } : {}, this.theme.rightFrozenStyle, {
+                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, this.theme); else {
+                const style = (null == hd ? void 0 : hd.style) || {};
+                paddingForAxis && (style.padding = paddingForAxis), cacheStyle = headerStyleContents.of(style, layoutMap.isColumnHeader(col, row) || layoutMap.isBottomFrozenRow(col, row) ? this.theme.headerStyle : layoutMap.isRowHeader(col, row) || layoutMap.isRightFrozenColumn(col, row) ? this.theme.rowHeaderStyle : this.theme.cornerHeaderStyle, {
+                    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, this.theme);
+            }
+            return this.headerStyleCache.set(cacheKey, cacheStyle), customCellStyle ? mergeStyle(cacheStyle, customCellStyle) : cacheStyle;
+        }
+        let bgColorFunc, cacheKey;
+        (null === (_f = null === (_e = this.internalProps) || void 0 === _e ? void 0 : _e.dataConfig) || void 0 === _f ? void 0 : _f.mappingRules) && !this.isHeader(col, row) && (null === (_j = null === (_h = null === (_g = this.internalProps) || void 0 === _g ? void 0 : _g.dataConfig) || void 0 === _h ? void 0 : _h.mappingRules) || void 0 === _j || _j.forEach(((mappingRule, i) => {
+            mappingRule.bgColor && this.internalProps.layoutMap.getIndicatorKey(col, row) === mappingRule.bgColor.indicatorKey && (bgColorFunc = mappingRule.bgColor.mapping);
+        })));
+        const cellType = this.getCellType(col, row);
+        let cacheStyle;
+        if (cacheKey = this.isSeriesNumberInBody(col, row) ? `${col}-series-` + cellType : this.isListTable() && !this.transpose || this.isPivotTable() && this.internalProps.layoutMap.indicatorsAsCol ? col + cellType : row + cellType, 
+        cacheStyle = layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.get(cacheKey) : this.bodyStyleCache.get(cacheKey), 
+        cacheStyle) return customCellStyle ? mergeStyle(cacheStyle, customCellStyle) : cacheStyle;
+        const column = layoutMap.getBody(col, row), styleClass = this.internalProps.bodyHelper.getStyleClass(this.getCellType(col, row)), style = null == column ? void 0 : column.style;
+        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, this.theme), bgColorFunc && (cacheStyle = mergeStyle(cacheStyle, {
+            bgColor: bgColorFunc
+        })), isFunction(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)), 
+        customCellStyle ? mergeStyle(cacheStyle, customCellStyle) : cacheStyle;
     }
     clearCellStyleCache() {
-        this.headerStyleCache.clear(), this.bodyStyleCache.clear(), this.bodyMergeTitleCache.clear(), 
-        this.bodyBottomStyleCache.clear();
+        this.headerStyleCache.clear(), this.bodyStyleCache.clear(), this.bodyBottomStyleCache.clear();
     }
     clearRowHeightCache() {
         this.internalProps._rowHeightsMap.clear(), this._clearRowRangeHeightsMap();
@@ -1711,6 +1784,5 @@ export class BaseTable extends EventTarget {
     enableScroll() {
         this.eventManager.enableScroll();
     }
-    getGroupTitleLevel(col, row) {}
 }
 //# sourceMappingURL=BaseTable.js.map