@visactor/vtable 1.5.2 → 1.5.3-alpha.1

package/es/core/BaseTable.js

@@ -1,7 +1,5 @@
 import * as columnStyleContents from "../body-helper/style";
 
-import * as headerStyleContents from "../header-helper/style";
-
 import { importStyle } from "./style";
 
 import * as style from "../tools/style";
@@ -36,7 +34,7 @@ import { BodyHelper } from "../body-helper/body-helper";
 
 import { HeaderHelper } from "../header-helper/header-helper";
 
-import { AABBBounds, isNumber, isBoolean, isFunction, isValid, cloneDeep } from "@visactor/vutils";
+import { AABBBounds, isNumber, isBoolean, isValid, cloneDeep } from "@visactor/vutils";
 
 import { measureTextBounds, textMeasure } from "../scenegraph/utils/text-measure";
 
@@ -52,13 +50,11 @@ 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, mergeStyle } from "../plugins/custom-cell-style";
+import { CustomCellStylePlugin } from "../plugins/custom-cell-style";
 
 import { hideCellSelectBorder, restoreCellSelectBorder } from "../scenegraph/select/update-select-border";
 
@@ -70,19 +66,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.2", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "1.5.3-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, 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;
@@ -170,8 +166,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.bodyBottomStyleCache = new Map, 
-        internalProps.stick = {
+        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyMergeTitleCache = 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 : []);
     }
@@ -1208,80 +1204,11 @@ export class BaseTable extends EventTarget {
         return null === (_a = this.internalProps.dataSource) || void 0 === _a ? void 0 : _a.hasField(index, field);
     }
     _getCellStyle(col, row) {
-        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;
+        return getCellStyle(col, row, this);
     }
     clearCellStyleCache() {
-        this.headerStyleCache.clear(), this.bodyStyleCache.clear(), this.bodyBottomStyleCache.clear();
+        this.headerStyleCache.clear(), this.bodyStyleCache.clear(), this.bodyMergeTitleCache.clear(), 
+        this.bodyBottomStyleCache.clear();
     }
     clearRowHeightCache() {
         this.internalProps._rowHeightsMap.clear(), this._clearRowRangeHeightsMap();
@@ -1784,5 +1711,6 @@ export class BaseTable extends EventTarget {
     enableScroll() {
         this.eventManager.enableScroll();
     }
+    getGroupTitleLevel(col, row) {}
 }
 //# sourceMappingURL=BaseTable.js.map