@visactor/vtable 0.15.0-alpha.3 → 0.15.0

package/es/core/BaseTable.js

@@ -20,7 +20,7 @@ import { NumberMap } from "../tools/NumberMap";
 
 import { Rect } from "../tools/Rect";
 
-import { defaultOrderFn, throttle2 } from "../tools/util";
+import { throttle2 } from "../tools/util";
 
 import themes from "../themes";
 
@@ -46,7 +46,7 @@ import { getProp } from "../scenegraph/utils/get-prop";
 
 import { IconCache } from "../plugins/icons";
 
-import { _applyColWidthLimits, _getScrollableVisibleRect, _getTargetFrozenColAt, _getTargetFrozenRowAt, _setDataSource, _setRecords, _toPxWidth, createRootElement, getStyleTheme, updateRootElementPadding } from "./tableHelper";
+import { _applyColWidthLimits, _getScrollableVisibleRect, _getTargetFrozenColAt, _getTargetFrozenRowAt, _setDataSource, _toPxWidth, createRootElement, getStyleTheme, updateRootElementPadding } from "./tableHelper";
 
 import { MenuHandler } from "../components/menu/dom/MenuHandler";
 
@@ -72,10 +72,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.15.0-alpha.3", 
+        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.15.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} = options;
+        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;
         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 = {
@@ -115,6 +115,7 @@ export class BaseTable extends EventTarget {
         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.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.stateManeger = new StateManeger(this), 
         this.eventManeger = new EventManeger(this), options.legends && (internalProps.legends = createLegend(options.legends, this), 
         this.scenegraph.tableGroup.setAttributes({
@@ -161,8 +162,8 @@ export class BaseTable extends EventTarget {
         this.internalProps.colCount = colCount;
     }
     get frozenColCount() {
-        var _a;
-        return null !== (_a = this.internalProps.frozenColCount) && void 0 !== _a ? _a : 0;
+        var _a, _b, _c;
+        return null !== (_c = null !== (_b = null === (_a = this.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.frozenColCount) && void 0 !== _b ? _b : this.internalProps.frozenColCount) && void 0 !== _c ? _c : 0;
     }
     set frozenColCount(frozenColCount) {
         frozenColCount >= this.colCount && (frozenColCount = 0), this.internalProps.frozenColCount = frozenColCount, 
@@ -181,22 +182,22 @@ export class BaseTable extends EventTarget {
         this.options.frozenColCount && (this.tableNoFrameWidth - this.getColsWidth(0, this.options.frozenColCount - 1) <= 120 ? this._setFrozenColCount(0) : this.frozenColCount !== this.options.frozenColCount && this._setFrozenColCount(this.options.frozenColCount));
     }
     get frozenRowCount() {
-        var _a;
-        return null !== (_a = this.internalProps.frozenRowCount) && void 0 !== _a ? _a : 0;
+        var _a, _b, _c;
+        return null !== (_c = null !== (_b = null === (_a = this.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.frozenRowCount) && void 0 !== _b ? _b : this.internalProps.frozenRowCount) && void 0 !== _c ? _c : 0;
     }
     set frozenRowCount(frozenRowCount) {
         this.internalProps.frozenRowCount = frozenRowCount;
     }
     get rightFrozenColCount() {
-        var _a;
-        return null !== (_a = this.internalProps.rightFrozenColCount) && void 0 !== _a ? _a : 0;
+        var _a, _b, _c;
+        return null !== (_c = null !== (_b = null === (_a = this.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.rightFrozenColCount) && void 0 !== _b ? _b : this.internalProps.rightFrozenColCount) && void 0 !== _c ? _c : 0;
     }
     set rightFrozenColCount(rightFrozenColCount) {
         this.scenegraph.dealWidthRightFrozen(rightFrozenColCount);
     }
     get bottomFrozenRowCount() {
-        var _a;
-        return null !== (_a = this.internalProps.bottomFrozenRowCount) && void 0 !== _a ? _a : 0;
+        var _a, _b, _c;
+        return null !== (_c = null !== (_b = null === (_a = this.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.bottomFrozenRowCount) && void 0 !== _b ? _b : this.internalProps.bottomFrozenRowCount) && void 0 !== _c ? _c : 0;
     }
     set bottomFrozenRowCount(bottomFrozenRowCount) {
         this.scenegraph.dealWidthBottomFrozen(bottomFrozenRowCount);
@@ -397,8 +398,8 @@ export class BaseTable extends EventTarget {
         return this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
     }
     getColWidth(col) {
-        var _a;
-        const width = null !== (_a = this.colWidthsMap.get(col)) && void 0 !== _a ? _a : this.defaultColWidth;
+        var _a, _b;
+        const width = null !== (_a = this.colWidthsMap.get(col)) && void 0 !== _a ? _a : col < this.rowHeaderLevelCount ? Array.isArray(this.defaultHeaderColWidth) ? null !== (_b = this.defaultHeaderColWidth[col]) && void 0 !== _b ? _b : this.defaultColWidth : this.defaultHeaderColWidth : this.defaultColWidth;
         return "adaptive" === this.widthMode && "number" == typeof width || this.transpose && "number" == typeof width ? this._colWidthDefineToPxWidth(width) : this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
     }
     setColWidth(col, width, clearCache, skipCheckFrozen) {
@@ -688,14 +689,15 @@ export class BaseTable extends EventTarget {
         this.release();
     }
     release() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         const internalProps = this.internalProps;
         null === (_b = null === (_a = internalProps.tooltipHandler) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a), 
         null === (_d = null === (_c = internalProps.menuHandler) || void 0 === _c ? void 0 : _c.release) || void 0 === _d || _d.call(_c), 
         IconCache.clearAll(), null === (_e = super.release) || void 0 === _e || _e.call(this), 
         null === (_g = null === (_f = internalProps.handler) || void 0 === _f ? void 0 : _f.release) || void 0 === _g || _g.call(_f), 
         null === (_j = null === (_h = internalProps.focusControl) || void 0 === _h ? void 0 : _h.release) || void 0 === _j || _j.call(_h), 
-        internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
+        null === (_k = internalProps.legends) || void 0 === _k || _k.release(), null === (_l = internalProps.title) || void 0 === _l || _l.release(), 
+        internalProps.layoutMap.release(), internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
             var _a;
             return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         })), internalProps.releaseList = null), this.scenegraph.stage.release();
@@ -708,7 +710,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} = 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;
         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), 
@@ -732,6 +734,7 @@ export class BaseTable extends EventTarget {
         this.colContentWidthsMap = new NumberMap, this.colWidthsLimit = {}, internalProps.theme = themes.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes.DEFAULT), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : internalProps.colCount, 
         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(), 
         null === (_e = internalProps.title) || void 0 === _e || _e.release(), internalProps.layoutMap.release(), 
         this.scenegraph.clearCells(), this.stateManeger.initState(), this._updateSize(), 
@@ -1064,31 +1067,6 @@ export class BaseTable extends EventTarget {
         }
         return description;
     }
-    setRecords(records, sort) {
-        var _a, _b;
-        "undefined" != typeof window && window.performance.now();
-        if (this.scenegraph.clearCells(), void 0 !== sort && (this.internalProps.sortState = sort, 
-        this.stateManeger.setSortState(this.sortState)), records) {
-            if (_setRecords(this, records), this.sortState) {
-                let order, field, fieldKey;
-                if (Array.isArray(this.sortState) ? 0 !== this.sortState.length && ({order: order, field: field, fieldKey: fieldKey} = null === (_a = this.sortState) || void 0 === _a ? void 0 : _a[0]) : ({order: order, field: field, fieldKey: fieldKey} = this.sortState), 
-                order && field && "normal" !== order) {
-                    const sortFunc = this._getSortFuncFromHeaderOption(void 0, field, fieldKey);
-                    let hd;
-                    hd = fieldKey ? this.internalProps.layoutMap.headerObjects.find((col => col && col.fieldKey === fieldKey)) : this.internalProps.layoutMap.headerObjects.find((col => col && col.field === field)), 
-                    (null === (_b = null == hd ? void 0 : hd.define) || void 0 === _b ? void 0 : _b.sort) && this.dataSource.sort(hd.field, order, null != sortFunc ? sortFunc : defaultOrderFn);
-                }
-            }
-            this.refreshRowColCount();
-        } else _setRecords(this, records);
-        this.stateManeger.initCheckedState(records), this.internalProps.frozenColCount = this.options.frozenColCount || this.rowHeaderLevelCount, 
-        this.scenegraph.createSceneGraph(), this.internalProps.title && !this.internalProps.title.isReleased && (this._updateSize(), 
-        this.internalProps.title.resize(), this.scenegraph.resize()), this.render();
-    }
-    setRecord(record, col, row) {
-        const index = this.getRecordIndexByCell(col, row);
-        this.dataSource.setRecord(record, index);
-    }
     setDropDownMenuHighlight(cells) {
         this.stateManeger.setDropDownMenuHighlight(cells);
     }
@@ -1322,62 +1300,64 @@ export class BaseTable extends EventTarget {
         this.render();
     }
     getCopyValue() {
-        var _a;
-        if (!(null === (_a = this.stateManeger.select) || void 0 === _a ? void 0 : _a.ranges)) return null;
-        const ranges = this.stateManeger.select.ranges;
-        let minCol = Math.min(ranges[0].start.col, ranges[0].end.col), maxCol = Math.max(ranges[0].start.col, ranges[0].end.col), minRow = Math.min(ranges[0].start.row, ranges[0].end.row), maxRow = Math.max(ranges[0].start.row, ranges[0].end.row);
-        ranges.forEach((a => {
-            minCol = Math.min(minCol, a.start.col, a.end.col), maxCol = Math.max(maxCol, a.start.col, a.end.col), 
-            minRow = Math.min(minRow, a.start.row, a.end.row), maxRow = Math.max(maxRow, a.start.row, a.end.row);
-        }));
-        const isExistDataInRow = r => {
-            let isExist = !1;
-            return ranges.forEach((range => {
-                const minRow = Math.min(range.start.row, range.end.row), maxRow = Math.max(range.start.row, range.end.row);
-                minRow <= r && maxRow >= r && (isExist = !0);
-            })), isExist;
-        }, isExistDataInCol = c => {
-            let isExist = !1;
-            return ranges.forEach((range => {
-                const minCol = Math.min(range.start.col, range.end.col), maxCol = Math.max(range.start.col, range.end.col);
-                minCol <= c && maxCol >= c && (isExist = !0);
-            })), isExist;
-        }, getRangeExistDataInCell = (c, r) => {
-            let isExistRange;
-            return ranges.forEach((range => {
-                const minRow = Math.min(range.start.row, range.end.row), maxRow = Math.max(range.start.row, range.end.row), minCol = Math.min(range.start.col, range.end.col), maxCol = Math.max(range.start.col, range.end.col);
-                minCol <= c && maxCol >= c && minRow <= r && maxRow >= r && (isExistRange = range);
-            })), isExistRange;
-        }, getCopyCellValue = (col, row, range) => {
-            const cellRange = this.getCellRange(col, row);
-            let copyStartCol = cellRange.start.col, copyStartRow = cellRange.start.row;
-            if (range) {
-                const rangeMinCol = Math.min(range.start.col, range.end.col), rangeMinRow = Math.min(range.start.row, range.end.row);
-                copyStartCol = Math.max(rangeMinCol, cellRange.start.col), copyStartRow = Math.max(rangeMinRow, cellRange.start.row);
-            }
-            if (copyStartCol !== col || copyStartRow !== row) return "";
-            return this.getCellValue(col, row);
-        };
-        let copyValue = "";
-        for (let r = minRow; r <= maxRow; r++) {
-            if (isExistDataInRow(r)) {
-                for (let c = minCol; c <= maxCol; c++) {
-                    if (isExistDataInCol(c)) {
-                        const range = getRangeExistDataInCell(c, r);
-                        if (range) {
-                            const copyCellValue = getCopyCellValue(c, r, range);
-                            if ("undefined" != typeof Promise && copyCellValue instanceof Promise) ; else {
-                                const strCellValue = `${copyCellValue}`;
-                                /^\[object .*\]$/.exec(strCellValue) || (copyValue += strCellValue);
-                            }
-                            (c < range.end.col || c < maxCol) && (copyValue += "\t");
-                        } else copyValue += "\t";
+        var _a, _b;
+        if ((null === (_b = null === (_a = this.stateManeger.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0) {
+            const ranges = this.stateManeger.select.ranges;
+            let minCol = Math.min(ranges[0].start.col, ranges[0].end.col), maxCol = Math.max(ranges[0].start.col, ranges[0].end.col), minRow = Math.min(ranges[0].start.row, ranges[0].end.row), maxRow = Math.max(ranges[0].start.row, ranges[0].end.row);
+            ranges.forEach((a => {
+                minCol = Math.min(minCol, a.start.col, a.end.col), maxCol = Math.max(maxCol, a.start.col, a.end.col), 
+                minRow = Math.min(minRow, a.start.row, a.end.row), maxRow = Math.max(maxRow, a.start.row, a.end.row);
+            }));
+            const isExistDataInRow = r => {
+                let isExist = !1;
+                return ranges.forEach((range => {
+                    const minRow = Math.min(range.start.row, range.end.row), maxRow = Math.max(range.start.row, range.end.row);
+                    minRow <= r && maxRow >= r && (isExist = !0);
+                })), isExist;
+            }, isExistDataInCol = c => {
+                let isExist = !1;
+                return ranges.forEach((range => {
+                    const minCol = Math.min(range.start.col, range.end.col), maxCol = Math.max(range.start.col, range.end.col);
+                    minCol <= c && maxCol >= c && (isExist = !0);
+                })), isExist;
+            }, getRangeExistDataInCell = (c, r) => {
+                let isExistRange;
+                return ranges.forEach((range => {
+                    const minRow = Math.min(range.start.row, range.end.row), maxRow = Math.max(range.start.row, range.end.row), minCol = Math.min(range.start.col, range.end.col), maxCol = Math.max(range.start.col, range.end.col);
+                    minCol <= c && maxCol >= c && minRow <= r && maxRow >= r && (isExistRange = range);
+                })), isExistRange;
+            }, getCopyCellValue = (col, row, range) => {
+                const cellRange = this.getCellRange(col, row);
+                let copyStartCol = cellRange.start.col, copyStartRow = cellRange.start.row;
+                if (range) {
+                    const rangeMinCol = Math.min(range.start.col, range.end.col), rangeMinRow = Math.min(range.start.row, range.end.row);
+                    copyStartCol = Math.max(rangeMinCol, cellRange.start.col), copyStartRow = Math.max(rangeMinRow, cellRange.start.row);
+                }
+                if (copyStartCol !== col || copyStartRow !== row) return "";
+                return this.getCellValue(col, row);
+            };
+            let copyValue = "";
+            for (let r = minRow; r <= maxRow; r++) {
+                if (isExistDataInRow(r)) {
+                    for (let c = minCol; c <= maxCol; c++) {
+                        if (isExistDataInCol(c)) {
+                            const range = getRangeExistDataInCell(c, r);
+                            if (range) {
+                                const copyCellValue = getCopyCellValue(c, r, range);
+                                if ("undefined" != typeof Promise && copyCellValue instanceof Promise) ; else {
+                                    const strCellValue = `${copyCellValue}`;
+                                    /^\[object .*\]$/.exec(strCellValue) || (copyValue += strCellValue);
+                                }
+                                (c < range.end.col || c < maxCol) && (copyValue += "\t");
+                            } else copyValue += "\t";
+                        }
                     }
+                    copyValue += "\n";
                 }
-                copyValue += "\n";
             }
+            return copyValue;
         }
-        return copyValue;
+        return "";
     }
     getSelectedCellInfos() {
         var _a;