@visactor/vtable 0.19.2-alpha.2 → 0.20.0

package/cjs/core/BaseTable.js

@@ -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.version = "0.19.2-alpha.2", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "0.20.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;
@@ -296,7 +296,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         this.internalProps.pixelRatio = pixelRatio, this.scenegraph.setPixelRatio(pixelRatio);
     }
     _updateSize() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
         const {padding: padding} = this;
         let widthP = 0, heightP = 0;
         if ("browser" === env_1.Env.mode) {
@@ -313,10 +313,12 @@ class BaseTable extends EventTarget_1.EventTarget {
         const width = Math.floor(widthP - style.getScrollBarSize(this.getTheme().scrollStyle)), height = Math.floor(heightP - style.getScrollBarSize(this.getTheme().scrollStyle));
         if (null === (_k = this.internalProps.theme) || void 0 === _k ? void 0 : _k.frameStyle) {
             const lineWidths = toBoxArray(null !== (_m = null === (_l = this.internalProps.theme.frameStyle) || void 0 === _l ? void 0 : _l.borderLineWidth) && void 0 !== _m ? _m : [ null ]), shadowWidths = toBoxArray(null !== (_p = null === (_o = this.internalProps.theme.frameStyle) || void 0 === _o ? void 0 : _o.shadowBlur) && void 0 !== _p ? _p : [ 0 ]);
-            this.tableX = (null !== (_q = lineWidths[3]) && void 0 !== _q ? _q : 0) + (null !== (_r = shadowWidths[3]) && void 0 !== _r ? _r : 0), 
-            this.tableY = (null !== (_s = lineWidths[0]) && void 0 !== _s ? _s : 0) + (null !== (_t = shadowWidths[0]) && void 0 !== _t ? _t : 0), 
-            this.tableNoFrameWidth = width - ((null !== (_u = lineWidths[1]) && void 0 !== _u ? _u : 0) + (null !== (_v = shadowWidths[1]) && void 0 !== _v ? _v : 0)) - ((null !== (_w = lineWidths[3]) && void 0 !== _w ? _w : 0) + (null !== (_x = shadowWidths[3]) && void 0 !== _x ? _x : 0)), 
-            this.tableNoFrameHeight = height - ((null !== (_y = lineWidths[0]) && void 0 !== _y ? _y : 0) + (null !== (_z = shadowWidths[0]) && void 0 !== _z ? _z : 0)) - ((null !== (_0 = lineWidths[2]) && void 0 !== _0 ? _0 : 0) + (null !== (_1 = shadowWidths[2]) && void 0 !== _1 ? _1 : 0));
+            (null === (_q = this.theme.frameStyle) || void 0 === _q ? void 0 : _q.innerBorder) ? (this.tableX = 0, 
+            this.tableY = 0, this.tableNoFrameWidth = width - (null !== (_r = shadowWidths[1]) && void 0 !== _r ? _r : 0), 
+            this.tableNoFrameHeight = height - (null !== (_s = shadowWidths[2]) && void 0 !== _s ? _s : 0)) : (this.tableX = (null !== (_t = lineWidths[3]) && void 0 !== _t ? _t : 0) + (null !== (_u = shadowWidths[3]) && void 0 !== _u ? _u : 0), 
+            this.tableY = (null !== (_v = lineWidths[0]) && void 0 !== _v ? _v : 0) + (null !== (_w = shadowWidths[0]) && void 0 !== _w ? _w : 0), 
+            this.tableNoFrameWidth = width - ((null !== (_x = lineWidths[1]) && void 0 !== _x ? _x : 0) + (null !== (_y = shadowWidths[1]) && void 0 !== _y ? _y : 0)) - ((null !== (_z = lineWidths[3]) && void 0 !== _z ? _z : 0) + (null !== (_0 = shadowWidths[3]) && void 0 !== _0 ? _0 : 0)), 
+            this.tableNoFrameHeight = height - ((null !== (_1 = lineWidths[0]) && void 0 !== _1 ? _1 : 0) + (null !== (_2 = shadowWidths[0]) && void 0 !== _2 ? _2 : 0)) - ((null !== (_3 = lineWidths[2]) && void 0 !== _3 ? _3 : 0) + (null !== (_4 = shadowWidths[2]) && void 0 !== _4 ? _4 : 0)));
         }
     }
     get rowHierarchyType() {
@@ -895,6 +897,10 @@ class BaseTable extends EventTarget_1.EventTarget {
             this.stateManager.endSelectCells(!1), this.stateManager.updateInteractionState(ts_types_1.InteractionState.default);
         })), this.setScrollTop(scrollTop), this.setScrollLeft(scrollLeft);
     }
+    get recordsCount() {
+        var _a;
+        return null === (_a = this.records) || void 0 === _a ? void 0 : _a.length;
+    }
     get allowFrozenColCount() {
         return this.internalProps.allowFrozenColCount;
     }
@@ -965,9 +971,6 @@ class BaseTable extends EventTarget_1.EventTarget {
     getHeaderField(col, row) {
         return this.internalProps.layoutMap.getHeaderField(col, row);
     }
-    getHeaderFieldKey(col, row) {
-        return this.internalProps.layoutMap.getHeaderFieldKey(col, row);
-    }
     getHeaderDefine(col, row) {
         const hd = this.internalProps.layoutMap.getHeader(col, row);
         return null == hd ? void 0 : hd.define;
@@ -1007,19 +1010,18 @@ class BaseTable extends EventTarget_1.EventTarget {
         return this.internalProps.layoutMap.getRecordStartRowByRecordIndex(index);
     }
     _getHeaderCellBySortState(sortState) {
-        const {layoutMap: layoutMap} = this.internalProps;
-        let hd;
-        if (hd = sortState.fieldKey ? layoutMap.headerObjects.find((col => col && col.fieldKey === sortState.fieldKey)) : layoutMap.headerObjects.find((col => col && col.field === sortState.field)), 
-        hd) {
+        const {layoutMap: layoutMap} = this.internalProps, hd = layoutMap.headerObjects.find((col => col && col.field === sortState.field));
+        if (hd) {
             return layoutMap.getHeaderCellAdressById(hd.id);
         }
     }
     getCellRange(col, row) {
+        var _a;
         if (this.internalProps.customMergeCell) {
             const customMerge = this.internalProps.customMergeCell(col, row, this);
             if (customMerge && customMerge.range && customMerge.text) return customMerge.range;
         }
-        return this.internalProps.layoutMap.getCellRange(col, row);
+        return null === (_a = this.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.getCellRange(col, row);
     }
     hasCustomMerge() {
         return !!this.internalProps.customMergeCell;
@@ -1116,7 +1118,7 @@ class BaseTable extends EventTarget_1.EventTarget {
                 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",
+                cellType: this.getCellType(col, row),
                 originData: this.getCellOriginRecord(col, row),
                 cellRange: this.getCellRangeRelativeRect({
                     col: col,
@@ -1189,11 +1191,13 @@ class BaseTable extends EventTarget_1.EventTarget {
             }
             return this.headerStyleCache.set(cacheKey, cacheStyle), cacheStyle;
         }
-        let cacheKey, cacheStyle;
-        if (cacheKey = this.isListTable() && !this.transpose || this.isPivotTable() && this.internalProps.layoutMap.indicatorsAsCol ? col : row, 
+        let cacheKey;
+        const cellType = this.getCellType(col, row);
+        let cacheStyle;
+        if (cacheKey = 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 cacheStyle;
-        const column = layoutMap.getBody(col, row), styleClass = this.internalProps.bodyHelper.getStyleClass(column.cellType), style = null == column ? void 0 : column.style;
+        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,