@visactor/vtable 1.7.9-alpha.2 → 1.8.0

package/es/ListTable.d.ts

@@ -60,7 +60,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     updateFilterRules(filterRules: FilterRules): void;
     getCheckboxState(field?: string | number): boolean[] | Record<string | number, boolean>[];
     getCellCheckboxState(col: number, row: number): boolean;
-    getRadioState(field?: string | number): number | Record<string | number, number | Record<number, number>>;
+    getRadioState(field?: string | number): number | boolean | Record<string | number, number | boolean | Record<number, number>>;
     getCellRadioState(col: number, row: number): boolean | number;
     setCellCheckboxState(col: number, row: number, checked: boolean): void;
     setCellRadioState(col: number, row: number, index?: number): void;

package/es/components/index.js

@@ -41,4 +41,4 @@ export const registerTitle = () => {
 export const registerTooltip = () => {
     Factory.registerComponent("tooltipHandler", TooltipHandler);
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/core/BaseTable.js

@@ -70,6 +70,8 @@ import { getCellStyle } from "./style-helper";
 
 import { createReactContainer } from "../scenegraph/layout/frozen-react";
 
+import { setIconColor } from "../icons";
+
 const {toBoxArray: toBoxArray} = utilStyle, {isTouchEvent: isTouchEvent} = event, rangeReg = /^\$(\d+)\$(\d+)$/;
 
 importStyle();
@@ -79,8 +81,8 @@ export class BaseTable extends EventTarget {
         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.7.9-alpha.2", this.id = `VTable${Date.now()}`, 
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (super(), this.showFrozenIcon = !0, this.version = "1.8.0", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), 
         !container && "node" !== options.mode && !options.canvas) 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;
@@ -126,14 +128,13 @@ export class BaseTable extends EventTarget {
                 return "node" === Env.mode ? canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
             }
         }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_c = options.theme) && void 0 !== _c ? _c : themes.DEFAULT), 
-        internalProps.theme.isPivot = this.isPivotTable(), container ? (clearDOM && (container.innerHTML = ""), 
-        container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), 
-        this.options = options, internalProps.theme = themes.of(null !== (_d = options.theme) && void 0 !== _d ? _d : themes.DEFAULT), 
-        internalProps.theme.isPivot = this.isPivotTable(), internalProps.bodyHelper = new BodyHelper(this), 
+        internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), 
+        container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), 
+        this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), 
         internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, 
-        internalProps.allowFrozenColCount = null !== (_e = options.allowFrozenColCount) && void 0 !== _e ? _e : 0, 
-        internalProps.limitMaxAutoWidth = null !== (_f = options.limitMaxAutoWidth) && void 0 !== _f ? _f : 450, 
+        internalProps.allowFrozenColCount = null !== (_d = options.allowFrozenColCount) && void 0 !== _d ? _d : 0, 
+        internalProps.limitMaxAutoWidth = null !== (_e = options.limitMaxAutoWidth) && void 0 !== _e ? _e : 450, 
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
         this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager(this), 
@@ -162,8 +163,8 @@ export class BaseTable extends EventTarget {
         }
         if (internalProps.menu = Object.assign({
             renderMode: "html"
-        }, options.menu), Array.isArray(null === (_g = options.menu) || void 0 === _g ? void 0 : _g.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_h = options.menu) || void 0 === _h ? void 0 : _h.dropDownMenuHighlight), 
-        Array.isArray(null === (_j = options.menu) || void 0 === _j ? void 0 : _j.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
+        }, options.menu), Array.isArray(null === (_f = options.menu) || void 0 === _f ? void 0 : _f.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_g = options.menu) || void 0 === _g ? void 0 : _g.dropDownMenuHighlight), 
+        Array.isArray(null === (_h = options.menu) || void 0 === _h ? void 0 : _h.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
         "html" === internalProps.menu.renderMode) {
             const MenuHandler = Factory.getComponent("menuHandler");
             internalProps.menuHandler = new MenuHandler(this);
@@ -171,7 +172,7 @@ export class BaseTable extends EventTarget {
         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 : []);
+        }, internalProps.customMergeCell = options.customMergeCell, this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_j = options.customCellStyle) && void 0 !== _j ? _j : [], null !== (_k = options.customCellStyleArrangement) && void 0 !== _k ? _k : []);
     }
     getContainer() {
         return this.container;
@@ -844,9 +845,9 @@ export class BaseTable extends EventTarget {
         internalProps._widthResizedColMap = new Set, internalProps._heightResizedRowMap = new Set, 
         this.colWidthsMap = new NumberMap, this.colContentWidthsMap = new NumberMap, this.colWidthsLimit = {}, 
         internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes.DEFAULT), 
-        internalProps.theme.isPivot = this.isPivotTable(), this.scenegraph.updateStageBackground(), 
-        internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, 
-        internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, 
+        internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), 
+        this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, 
+        internalProps.enableLineBreak = options.enableLineBreak, 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, 
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
@@ -1024,7 +1025,7 @@ export class BaseTable extends EventTarget {
     }
     set theme(theme) {
         this.internalProps.theme = themes.of(null != theme ? theme : themes.DEFAULT), this.internalProps.theme.isPivot = this.isPivotTable(), 
-        this.options.theme = theme;
+        this.options.theme = theme, setIconColor(this.internalProps.theme.functionalIconsStyle);
     }
     updateTheme(theme) {
         const oldHoverState = {
@@ -1032,9 +1033,10 @@ export class BaseTable extends EventTarget {
             row: this.stateManager.hover.cellPos.row
         };
         this.internalProps.theme = themes.of(null != theme ? theme : themes.DEFAULT), this.internalProps.theme.isPivot = this.isPivotTable(), 
-        this.options.theme = theme, this.scenegraph.updateComponent(), this.scenegraph.updateStageBackground(), 
-        this.scenegraph.clearCells(), this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), 
-        this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.render();
+        setIconColor(this.internalProps.theme.functionalIconsStyle), this.options.theme = theme, 
+        this.scenegraph.updateComponent(), this.scenegraph.updateStageBackground(), this.scenegraph.clearCells(), 
+        this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
+        this.render();
     }
     getBodyField(col, row) {
         return this.internalProps.layoutMap.getBody(col, row).field;