@visactor/vtable 0.20.2-alpha.3 → 0.20.3

package/cjs/body-helper/style/CheckboxStyle.d.ts

@@ -1,13 +1,42 @@
-import type { CheckboxStyleOption } from '../../ts-types';
+import type { CheckboxStyleOption, IStyleOption } from '../../ts-types';
 import { Style } from './Style';
+import type { CheckboxStyle as CheckboxStyleThemeOption } from '../../ts-types/column/style';
 export declare class CheckboxStyle extends Style {
     private _size;
     private _spaceBetweenTextAndIcon;
+    private _defaultFill?;
+    private _defaultStroke?;
+    private _disableFill?;
+    private _checkedFill?;
+    private _checkedStroke?;
+    private _disableCheckedFill?;
+    private _disableCheckedStroke?;
+    private _checkIconImage?;
+    private _indeterminateIconImage?;
     static get DEFAULT(): CheckboxStyle;
-    constructor(style?: CheckboxStyleOption, headerStyle?: CheckboxStyleOption);
+    constructor(style?: CheckboxStyleOption, headerStyle?: CheckboxStyleOption, checkboxThemeStyle?: CheckboxStyleThemeOption);
     get size(): number;
     set size(size: number);
     get spaceBetweenTextAndIcon(): number;
     set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon: number);
+    get defaultFill(): string;
+    set defaultFill(defaultFill: string);
+    get defaultStroke(): string;
+    set defaultStroke(defaultStroke: string);
+    get disableFill(): string;
+    set disableFill(disableFill: string);
+    get checkedFill(): string;
+    set checkedFill(checkedFill: string);
+    get checkedStroke(): string;
+    set checkedStroke(checkedStroke: string);
+    get disableCheckedFill(): string;
+    set disableCheckedFill(disableCheckedFill: string);
+    get disableCheckedStroke(): string;
+    set disableCheckedStroke(disableCheckedStroke: string);
+    get checkIconImage(): string;
+    set checkIconImage(checkIconImage: string);
+    get indeterminateIconImage(): string;
+    set indeterminateIconImage(indeterminateIconImage: string);
+    getStyle(style: IStyleOption): CheckboxStyle;
     clone(): CheckboxStyle;
 }

package/cjs/body-helper/style/CheckboxStyle.js

@@ -12,10 +12,19 @@ class CheckboxStyle extends Style_1.Style {
     static get DEFAULT() {
         return defaultStyle || (defaultStyle = new CheckboxStyle);
     }
-    constructor(style = {}, headerStyle = {}) {
-        var _a, _b;
-        super(style, headerStyle), this._size = (null !== (_a = style.size) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.size) || 14, 
-        this._spaceBetweenTextAndIcon = (null !== (_b = style.spaceBetweenTextAndIcon) && void 0 !== _b ? _b : null == headerStyle ? void 0 : headerStyle.spaceBetweenTextAndIcon) || 8;
+    constructor(style = {}, headerStyle = {}, checkboxThemeStyle = {}) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+        super(style, headerStyle), this._size = (null !== (_b = null !== (_a = null == style ? void 0 : style.size) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.size) && void 0 !== _b ? _b : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.size) || 14, 
+        this._spaceBetweenTextAndIcon = (null !== (_d = null !== (_c = null == style ? void 0 : style.spaceBetweenTextAndIcon) && void 0 !== _c ? _c : null == headerStyle ? void 0 : headerStyle.spaceBetweenTextAndIcon) && void 0 !== _d ? _d : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.spaceBetweenTextAndIcon) || 8, 
+        this._defaultFill = null !== (_f = null === (_e = null == style ? void 0 : style.checkboxStyle) || void 0 === _e ? void 0 : _e.defaultFill) && void 0 !== _f ? _f : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.defaultFill, 
+        this._defaultStroke = null !== (_h = null === (_g = null == style ? void 0 : style.checkboxStyle) || void 0 === _g ? void 0 : _g.defaultStroke) && void 0 !== _h ? _h : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.defaultStroke, 
+        this._disableFill = null !== (_k = null === (_j = null == style ? void 0 : style.checkboxStyle) || void 0 === _j ? void 0 : _j.disableFill) && void 0 !== _k ? _k : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.disableFill, 
+        this._checkedFill = null !== (_m = null === (_l = null == style ? void 0 : style.checkboxStyle) || void 0 === _l ? void 0 : _l.checkedFill) && void 0 !== _m ? _m : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.checkedFill, 
+        this._checkedStroke = null !== (_p = null === (_o = null == style ? void 0 : style.checkboxStyle) || void 0 === _o ? void 0 : _o.checkedStroke) && void 0 !== _p ? _p : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.checkedStroke, 
+        this._disableCheckedFill = null !== (_r = null === (_q = null == style ? void 0 : style.checkboxStyle) || void 0 === _q ? void 0 : _q.disableCheckedFill) && void 0 !== _r ? _r : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.disableCheckedFill, 
+        this._disableCheckedStroke = null !== (_t = null === (_s = null == style ? void 0 : style.checkboxStyle) || void 0 === _s ? void 0 : _s.disableCheckedStroke) && void 0 !== _t ? _t : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.disableCheckedStroke, 
+        this._checkIconImage = null !== (_v = null === (_u = null == style ? void 0 : style.checkboxStyle) || void 0 === _u ? void 0 : _u.checkIconImage) && void 0 !== _v ? _v : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.checkIconImage, 
+        this._indeterminateIconImage = null !== (_x = null === (_w = null == style ? void 0 : style.checkboxStyle) || void 0 === _w ? void 0 : _w.indeterminateIconImage) && void 0 !== _x ? _x : null == checkboxThemeStyle ? void 0 : checkboxThemeStyle.indeterminateIconImage;
     }
     get size() {
         return this._size;
@@ -29,6 +38,63 @@ class CheckboxStyle extends Style_1.Style {
     set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon) {
         this._spaceBetweenTextAndIcon = spaceBetweenTextAndIcon;
     }
+    get defaultFill() {
+        return this._defaultFill;
+    }
+    set defaultFill(defaultFill) {
+        this._defaultFill = defaultFill;
+    }
+    get defaultStroke() {
+        return this._defaultStroke;
+    }
+    set defaultStroke(defaultStroke) {
+        this._defaultStroke = defaultStroke;
+    }
+    get disableFill() {
+        return this._disableFill;
+    }
+    set disableFill(disableFill) {
+        this._disableFill = disableFill;
+    }
+    get checkedFill() {
+        return this._checkedFill;
+    }
+    set checkedFill(checkedFill) {
+        this._checkedFill = checkedFill;
+    }
+    get checkedStroke() {
+        return this._checkedStroke;
+    }
+    set checkedStroke(checkedStroke) {
+        this._checkedStroke = checkedStroke;
+    }
+    get disableCheckedFill() {
+        return this._disableCheckedFill;
+    }
+    set disableCheckedFill(disableCheckedFill) {
+        this._disableCheckedFill = disableCheckedFill;
+    }
+    get disableCheckedStroke() {
+        return this._disableCheckedStroke;
+    }
+    set disableCheckedStroke(disableCheckedStroke) {
+        this._disableCheckedStroke = disableCheckedStroke;
+    }
+    get checkIconImage() {
+        return this._checkIconImage;
+    }
+    set checkIconImage(checkIconImage) {
+        this._checkIconImage = checkIconImage;
+    }
+    get indeterminateIconImage() {
+        return this._indeterminateIconImage;
+    }
+    set indeterminateIconImage(indeterminateIconImage) {
+        this._indeterminateIconImage = indeterminateIconImage;
+    }
+    getStyle(style) {
+        return new CheckboxStyle(style, this);
+    }
     clone() {
         return new CheckboxStyle(this);
     }

package/cjs/body-helper/style/CheckboxStyle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/body-helper/style/CheckboxStyle.ts"],"names":[],"mappings":";;;AACA,mCAAgC;AAEhC,IAAI,YAA2B,CAAC;AAEhC,MAAa,aAAc,SAAQ,aAAK;IAGtC,MAAM,KAAK,OAAO;QAChB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,aAAa,EAAE,CAAC,CAAC;IAC5E,CAAC;IACD,YAAY,QAA6B,EAAE,EAAE,cAAmC,EAAE;;QAChF,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QACrD,IAAI,CAAC,wBAAwB,GAAG,CAAC,MAAA,KAAK,CAAC,uBAAuB,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAC/G,CAAC;IACD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IACD,IAAI,uBAAuB;QACzB,OAAO,IAAI,CAAC,wBAAwB,CAAC;IACvC,CAAC;IACD,IAAI,uBAAuB,CAAC,uBAA+B;QACzD,IAAI,CAAC,wBAAwB,GAAG,uBAAuB,CAAC;IAC1D,CAAC;IACD,KAAK;QACH,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;CACF;AA1BD,sCA0BC","file":"CheckboxStyle.js","sourcesContent":["import type { CheckboxStyleOption, IStyleOption } from '../../ts-types';\nimport { Style } from './Style';\n\nlet defaultStyle: CheckboxStyle;\n\nexport class CheckboxStyle extends Style {\n  private _size: number;\n  private _spaceBetweenTextAndIcon: number;\n  static get DEFAULT(): CheckboxStyle {\n    return defaultStyle ? defaultStyle : (defaultStyle = new CheckboxStyle());\n  }\n  constructor(style: CheckboxStyleOption = {}, headerStyle: CheckboxStyleOption = {}) {\n    super(style, headerStyle);\n    this._size = (style.size ?? headerStyle?.size) || 14;\n    this._spaceBetweenTextAndIcon = (style.spaceBetweenTextAndIcon ?? headerStyle?.spaceBetweenTextAndIcon) || 8;\n  }\n  get size(): number {\n    return this._size;\n  }\n  set size(size: number) {\n    this._size = size;\n  }\n  get spaceBetweenTextAndIcon(): number {\n    return this._spaceBetweenTextAndIcon;\n  }\n  set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon: number) {\n    this._spaceBetweenTextAndIcon = spaceBetweenTextAndIcon;\n  }\n  clone(): CheckboxStyle {\n    return new CheckboxStyle(this);\n  }\n}\n"]}
+{"version":3,"sources":["../src/body-helper/style/CheckboxStyle.ts"],"names":[],"mappings":";;;AACA,mCAAgC;AAGhC,IAAI,YAA2B,CAAC;AAEhC,MAAa,aAAc,SAAQ,aAAK;IAetC,MAAM,KAAK,OAAO;QAChB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,aAAa,EAAE,CAAC,CAAC;IAC5E,CAAC;IACD,YACE,QAA6B,EAAE,EAC/B,cAAmC,EAAE,EACrC,qBAA+C,EAAE;;QAEjD,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QAClF,IAAI,CAAC,wBAAwB;YAC3B,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,uBAAuB,mCAC7B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,uBAAuB,mCACpC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,uBAAuB,CAAC;gBAC9C,CAAC,CAAC;QAEJ,IAAI,CAAC,YAAY,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,WAAW,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,WAAW,CAAC;QACzF,IAAI,CAAC,cAAc,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,aAAa,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,CAAC;QAC/F,IAAI,CAAC,YAAY,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,WAAW,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,WAAW,CAAC;QACzF,IAAI,CAAC,YAAY,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,WAAW,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,WAAW,CAAC;QACzF,IAAI,CAAC,cAAc,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,aAAa,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,CAAC;QAC/F,IAAI,CAAC,mBAAmB,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,kBAAkB,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,kBAAkB,CAAC;QAC9G,IAAI,CAAC,qBAAqB,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,oBAAoB,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,oBAAoB,CAAC;QAEpH,IAAI,CAAC,eAAe,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,cAAc,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,cAAc,CAAC;QAClG,IAAI,CAAC,uBAAuB;YAC1B,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,sBAAsB,mCAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,sBAAsB,CAAC;IAC/F,CAAC;IACD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IACD,IAAI,uBAAuB;QACzB,OAAO,IAAI,CAAC,wBAAwB,CAAC;IACvC,CAAC;IACD,IAAI,uBAAuB,CAAC,uBAA+B;QACzD,IAAI,CAAC,wBAAwB,GAAG,uBAAuB,CAAC;IAC1D,CAAC;IACD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,WAAW,CAAC,WAAmB;QACjC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;IAClC,CAAC;IACD,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,IAAI,aAAa,CAAC,aAAqB;QACrC,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;IACtC,CAAC;IACD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,WAAW,CAAC,WAAmB;QACjC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;IAClC,CAAC;IACD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,WAAW,CAAC,WAAmB;QACjC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;IAClC,CAAC;IACD,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,IAAI,aAAa,CAAC,aAAqB;QACrC,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;IACtC,CAAC;IACD,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IACD,IAAI,kBAAkB,CAAC,kBAA0B;QAC/C,IAAI,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;IAChD,CAAC;IACD,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IACD,IAAI,oBAAoB,CAAC,oBAA4B;QACnD,IAAI,CAAC,qBAAqB,GAAG,oBAAoB,CAAC;IACpD,CAAC;IACD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IACD,IAAI,cAAc,CAAC,cAAsB;QACvC,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACxC,CAAC;IACD,IAAI,sBAAsB;QACxB,OAAO,IAAI,CAAC,uBAAuB,CAAC;IACtC,CAAC;IACD,IAAI,sBAAsB,CAAC,sBAA8B;QACvD,IAAI,CAAC,uBAAuB,GAAG,sBAAsB,CAAC;IACxD,CAAC;IACD,QAAQ,CAAC,KAAmB;QAC1B,OAAO,IAAI,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC;IACD,KAAK;QACH,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;CACF;AAnHD,sCAmHC","file":"CheckboxStyle.js","sourcesContent":["import type { CheckboxStyleOption, IStyleOption } from '../../ts-types';\nimport { Style } from './Style';\nimport type { CheckboxStyle as CheckboxStyleThemeOption } from '../../ts-types/column/style';\n\nlet defaultStyle: CheckboxStyle;\n\nexport class CheckboxStyle extends Style {\n  private _size: number;\n  private _spaceBetweenTextAndIcon: number;\n\n  private _defaultFill?: string;\n  private _defaultStroke?: string;\n  private _disableFill?: string;\n  private _checkedFill?: string;\n  private _checkedStroke?: string;\n  private _disableCheckedFill?: string;\n  private _disableCheckedStroke?: string;\n\n  private _checkIconImage?: string;\n  private _indeterminateIconImage?: string;\n\n  static get DEFAULT(): CheckboxStyle {\n    return defaultStyle ? defaultStyle : (defaultStyle = new CheckboxStyle());\n  }\n  constructor(\n    style: CheckboxStyleOption = {},\n    headerStyle: CheckboxStyleOption = {},\n    checkboxThemeStyle: CheckboxStyleThemeOption = {}\n  ) {\n    super(style, headerStyle);\n    this._size = (style?.size ?? headerStyle?.size ?? checkboxThemeStyle?.size) || 14;\n    this._spaceBetweenTextAndIcon =\n      (style?.spaceBetweenTextAndIcon ??\n        headerStyle?.spaceBetweenTextAndIcon ??\n        checkboxThemeStyle?.spaceBetweenTextAndIcon) ||\n      8;\n\n    this._defaultFill = style?.checkboxStyle?.defaultFill ?? checkboxThemeStyle?.defaultFill;\n    this._defaultStroke = style?.checkboxStyle?.defaultStroke ?? checkboxThemeStyle?.defaultStroke;\n    this._disableFill = style?.checkboxStyle?.disableFill ?? checkboxThemeStyle?.disableFill;\n    this._checkedFill = style?.checkboxStyle?.checkedFill ?? checkboxThemeStyle?.checkedFill;\n    this._checkedStroke = style?.checkboxStyle?.checkedStroke ?? checkboxThemeStyle?.checkedStroke;\n    this._disableCheckedFill = style?.checkboxStyle?.disableCheckedFill ?? checkboxThemeStyle?.disableCheckedFill;\n    this._disableCheckedStroke = style?.checkboxStyle?.disableCheckedStroke ?? checkboxThemeStyle?.disableCheckedStroke;\n\n    this._checkIconImage = style?.checkboxStyle?.checkIconImage ?? checkboxThemeStyle?.checkIconImage;\n    this._indeterminateIconImage =\n      style?.checkboxStyle?.indeterminateIconImage ?? checkboxThemeStyle?.indeterminateIconImage;\n  }\n  get size(): number {\n    return this._size;\n  }\n  set size(size: number) {\n    this._size = size;\n  }\n  get spaceBetweenTextAndIcon(): number {\n    return this._spaceBetweenTextAndIcon;\n  }\n  set spaceBetweenTextAndIcon(spaceBetweenTextAndIcon: number) {\n    this._spaceBetweenTextAndIcon = spaceBetweenTextAndIcon;\n  }\n  get defaultFill(): string {\n    return this._defaultFill;\n  }\n  set defaultFill(defaultFill: string) {\n    this._defaultFill = defaultFill;\n  }\n  get defaultStroke(): string {\n    return this._defaultStroke;\n  }\n  set defaultStroke(defaultStroke: string) {\n    this._defaultStroke = defaultStroke;\n  }\n  get disableFill(): string {\n    return this._disableFill;\n  }\n  set disableFill(disableFill: string) {\n    this._disableFill = disableFill;\n  }\n  get checkedFill(): string {\n    return this._checkedFill;\n  }\n  set checkedFill(checkedFill: string) {\n    this._checkedFill = checkedFill;\n  }\n  get checkedStroke(): string {\n    return this._checkedStroke;\n  }\n  set checkedStroke(checkedStroke: string) {\n    this._checkedStroke = checkedStroke;\n  }\n  get disableCheckedFill(): string {\n    return this._disableCheckedFill;\n  }\n  set disableCheckedFill(disableCheckedFill: string) {\n    this._disableCheckedFill = disableCheckedFill;\n  }\n  get disableCheckedStroke(): string {\n    return this._disableCheckedStroke;\n  }\n  set disableCheckedStroke(disableCheckedStroke: string) {\n    this._disableCheckedStroke = disableCheckedStroke;\n  }\n  get checkIconImage(): string {\n    return this._checkIconImage;\n  }\n  set checkIconImage(checkIconImage: string) {\n    this._checkIconImage = checkIconImage;\n  }\n  get indeterminateIconImage(): string {\n    return this._indeterminateIconImage;\n  }\n  set indeterminateIconImage(indeterminateIconImage: string) {\n    this._indeterminateIconImage = indeterminateIconImage;\n  }\n  getStyle(style: IStyleOption): CheckboxStyle {\n    return new CheckboxStyle(style, this);\n  }\n  clone(): CheckboxStyle {\n    return new CheckboxStyle(this);\n  }\n}\n"]}

package/cjs/body-helper/style.d.ts

@@ -3,8 +3,9 @@ import { ImageStyle } from './style/ImageStyle';
 import { TextStyle } from './style/MultilineTextStyle';
 import { NumberStyle } from './style/NumberStyle';
 import { Style } from './style/Style';
+import type { TableTheme } from '../themes/theme';
 declare const EVENT_TYPE: {
     CHANGE_STYLE: "change_style";
 };
 export { EVENT_TYPE, Style, NumberStyle, ImageStyle, TextStyle, IStyleOption, IImageStyleOption, ITextStyleOption };
-export declare function of(columnStyle: ColumnStyleOption, bodyStyle: ColumnStyleOption, styleArg: StylePropertyFunctionArg, StyleClassDef: typeof Style, globalAutoWrapText: boolean): FullExtendStyle;
+export declare function of(columnStyle: ColumnStyleOption, bodyStyle: ColumnStyleOption, styleArg: StylePropertyFunctionArg, StyleClassDef: typeof Style, globalAutoWrapText: boolean, theme: TableTheme): FullExtendStyle;

package/cjs/body-helper/style.js

@@ -40,12 +40,13 @@ Object.defineProperty(exports, "Style", {
     }
 });
 
-const {EVENT_TYPE: EVENT_TYPE} = Style_1.Style;
+const CheckboxStyle_1 = require("./style/CheckboxStyle"), {EVENT_TYPE: EVENT_TYPE} = Style_1.Style;
 
-function of(columnStyle, bodyStyle, styleArg, StyleClassDef = Style_1.Style, globalAutoWrapText) {
-    return columnStyle || bodyStyle ? columnStyle instanceof Style_1.Style ? columnStyle : "function" == typeof columnStyle ? of(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText) : (columnStyle || (columnStyle = {}), 
+function of(columnStyle, bodyStyle, styleArg, StyleClassDef = Style_1.Style, globalAutoWrapText, theme) {
+    var _a;
+    return columnStyle || bodyStyle ? columnStyle instanceof Style_1.Style ? columnStyle : "function" == typeof columnStyle ? of(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText, theme) : (columnStyle || (columnStyle = {}), 
     globalAutoWrapText && !(0, vutils_1.isValid)(columnStyle.autoWrapText) && (columnStyle.autoWrapText = !0), 
-    new StyleClassDef(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {})) : StyleClassDef.DEFAULT;
+    StyleClassDef === CheckboxStyle_1.CheckboxStyle ? new CheckboxStyle_1.CheckboxStyle(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {}, null !== (_a = theme.checkboxStyle) && void 0 !== _a ? _a : {}) : new StyleClassDef(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {})) : StyleClassDef.DEFAULT;
 }
 
 exports.EVENT_TYPE = EVENT_TYPE, exports.of = of;

package/cjs/body-helper/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/body-helper/style.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAW3C,mDAAgD;AAU9C,2FAVO,uBAAU,OAUP;AATZ,mEAAuD;AAUrD,0FAVO,8BAAS,OAUP;AATX,qDAAkD;AAOhD,4FAPO,yBAAW,OAOP;AANb,yCAAsC;AAKpC,sFALO,aAAK,OAKP;AAHP,MAAM,EAAE,UAAU,EAAE,GAAG,aAAK,CAAC;AAE3B,gCAAU;AAUZ,SAAgB,EAAE,CAChB,WAA8B,EAC9B,SAA4B,EAC5B,QAAkC,EAClC,gBAA8B,aAAK,EACnC,kBAA2B;IAE3B,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,IAAI,WAAW,YAAY,aAAK,EAAE;YAChC,OAAO,WAAW,CAAC;SACpB;aAAM,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE;YAC5C,OAAO,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC;SAC1F;QACD,IAAI,CAAC,WAAW,EAAE;YAChB,WAAW,GAAG,EAAE,CAAC;SAClB;QACD,IAAI,kBAAkB,IAAI,CAAC,IAAA,gBAAO,EAAE,WAAmB,CAAC,YAAY,CAAC,EAAE;YACpE,WAAmB,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1C;QAED,OAAO,IAAI,aAAa,CAAC,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAQ,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,CAAC,CAAC;KAChF;IACD,OAAO,aAAa,CAAC,OAAO,CAAC;AAC/B,CAAC;AAvBD,gBAuBC","file":"style.js","sourcesContent":["import { isValid } from '@visactor/vutils';\nimport type {\n  ColumnStyle,\n  ColumnStyleOption,\n  FullExtendStyle,\n  IImageStyleOption,\n  ITextStyleOption,\n  IStyleOption,\n  StylePropertyFunctionArg\n} from '../ts-types';\n\nimport { ImageStyle } from './style/ImageStyle';\nimport { TextStyle } from './style/MultilineTextStyle';\nimport { NumberStyle } from './style/NumberStyle';\nimport { Style } from './style/Style';\n\nconst { EVENT_TYPE } = Style;\nexport {\n  EVENT_TYPE,\n  Style,\n  NumberStyle,\n  ImageStyle,\n  TextStyle,\n  // types\n  IStyleOption,\n  IImageStyleOption,\n  ITextStyleOption\n};\nexport function of(\n  columnStyle: ColumnStyleOption,\n  bodyStyle: ColumnStyleOption,\n  styleArg: StylePropertyFunctionArg,\n  StyleClassDef: typeof Style = Style,\n  globalAutoWrapText: boolean\n): FullExtendStyle {\n  if (columnStyle || bodyStyle) {\n    if (columnStyle instanceof Style) {\n      return columnStyle;\n    } else if (typeof columnStyle === 'function') {\n      return of(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText);\n    }\n    if (!columnStyle) {\n      columnStyle = {};\n    }\n    if (globalAutoWrapText && !isValid((columnStyle as any).autoWrapText)) {\n      (columnStyle as any).autoWrapText = true;\n    }\n\n    return new StyleClassDef((columnStyle ?? {}) as any, (bodyStyle ?? {}) as any);\n  }\n  return StyleClassDef.DEFAULT;\n}\n"]}
+{"version":3,"sources":["../src/body-helper/style.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAW3C,mDAAgD;AAY9C,2FAZO,uBAAU,OAYP;AAXZ,mEAAuD;AAYrD,0FAZO,8BAAS,OAYP;AAXX,qDAAkD;AAShD,4FATO,yBAAW,OASP;AARb,yCAAsC;AAOpC,sFAPO,aAAK,OAOP;AALP,yDAAsD;AAEtD,MAAM,EAAE,UAAU,EAAE,GAAG,aAAK,CAAC;AAE3B,gCAAU;AAUZ,SAAgB,EAAE,CAChB,WAA8B,EAC9B,SAA4B,EAC5B,QAAkC,EAClC,gBAA8B,aAAK,EACnC,kBAA2B,EAC3B,KAAiB;;IAEjB,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,IAAI,WAAW,YAAY,aAAK,EAAE;YAChC,OAAO,WAAW,CAAC;SACpB;aAAM,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE;YAC5C,OAAO,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;SACjG;QACD,IAAI,CAAC,WAAW,EAAE;YAChB,WAAW,GAAG,EAAE,CAAC;SAClB;QACD,IAAI,kBAAkB,IAAI,CAAC,IAAA,gBAAO,EAAE,WAAmB,CAAC,YAAY,CAAC,EAAE;YACpE,WAAmB,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1C;QACD,IAAI,aAAa,KAAK,6BAAa,EAAE;YACnC,OAAO,IAAI,6BAAa,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,EAAE,CAAC,MAAA,KAAK,CAAC,aAAa,mCAAI,EAAE,CAAQ,CAAC,CAAC;SAC3G;QACD,OAAO,IAAI,aAAa,CAAC,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAQ,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,CAAC,CAAC;KAChF;IACD,OAAO,aAAa,CAAC,OAAO,CAAC;AAC/B,CAAC;AA1BD,gBA0BC","file":"style.js","sourcesContent":["import { isValid } from '@visactor/vutils';\nimport type {\n  ColumnStyle,\n  ColumnStyleOption,\n  FullExtendStyle,\n  IImageStyleOption,\n  ITextStyleOption,\n  IStyleOption,\n  StylePropertyFunctionArg\n} from '../ts-types';\n\nimport { ImageStyle } from './style/ImageStyle';\nimport { TextStyle } from './style/MultilineTextStyle';\nimport { NumberStyle } from './style/NumberStyle';\nimport { Style } from './style/Style';\nimport type { TableTheme } from '../themes/theme';\nimport { CheckboxStyle } from './style/CheckboxStyle';\n\nconst { EVENT_TYPE } = Style;\nexport {\n  EVENT_TYPE,\n  Style,\n  NumberStyle,\n  ImageStyle,\n  TextStyle,\n  // types\n  IStyleOption,\n  IImageStyleOption,\n  ITextStyleOption\n};\nexport function of(\n  columnStyle: ColumnStyleOption,\n  bodyStyle: ColumnStyleOption,\n  styleArg: StylePropertyFunctionArg,\n  StyleClassDef: typeof Style = Style,\n  globalAutoWrapText: boolean,\n  theme: TableTheme\n): FullExtendStyle {\n  if (columnStyle || bodyStyle) {\n    if (columnStyle instanceof Style) {\n      return columnStyle;\n    } else if (typeof columnStyle === 'function') {\n      return of(columnStyle(styleArg), bodyStyle, styleArg, StyleClassDef, globalAutoWrapText, theme);\n    }\n    if (!columnStyle) {\n      columnStyle = {};\n    }\n    if (globalAutoWrapText && !isValid((columnStyle as any).autoWrapText)) {\n      (columnStyle as any).autoWrapText = true;\n    }\n    if (StyleClassDef === CheckboxStyle) {\n      return new CheckboxStyle(columnStyle ?? {}, (bodyStyle ?? {}) as any, (theme.checkboxStyle ?? {}) as any);\n    }\n    return new StyleClassDef((columnStyle ?? {}) as any, (bodyStyle ?? {}) as any);\n  }\n  return StyleClassDef.DEFAULT;\n}\n"]}

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.20.2-alpha.3", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "0.20.3", 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;
@@ -85,10 +85,12 @@ class BaseTable extends EventTarget_1.EventTarget {
                 return "node" === env_1.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_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
-        container ? (container.innerHTML = "", container.appendChild(internalProps.element), 
-        this._updateSize()) : this._updateSize(), this.options = options, internalProps.theme = themes_1.default.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes_1.default.DEFAULT), 
-        internalProps.bodyHelper = new body_helper_1.BodyHelper(this), internalProps.headerHelper = new header_helper_1.HeaderHelper(this), 
-        internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, 
+        internalProps.theme.isPivot = this.isPivotTable(), container ? (container.innerHTML = "", 
+        container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), 
+        this.options = options, internalProps.theme = themes_1.default.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes_1.default.DEFAULT), 
+        internalProps.theme.isPivot = this.isPivotTable(), internalProps.bodyHelper = new body_helper_1.BodyHelper(this), 
+        internalProps.headerHelper = new header_helper_1.HeaderHelper(this), internalProps.autoWrapText = options.autoWrapText, 
+        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, 
         this._vDataSet = new vdataset_1.DataSet, this.scenegraph = new scenegraph_1.Scenegraph(this), 
@@ -717,8 +719,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps._widthResizedColMap = new Set, this.colWidthsMap = new NumberMap_1.NumberMap, 
         this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
         internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
-        this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, 
-        internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : 0, 
+        internalProps.theme.isPivot = this.isPivotTable(), this.scenegraph.updateStageBackground(), 
+        internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : 0, 
         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 vdataset_1.DataSet, null === (_d = internalProps.legends) || void 0 === _d || _d.release(), 
@@ -936,7 +938,7 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     set theme(theme) {
         this.internalProps.theme = themes_1.default.of(null != theme ? theme : themes_1.default.DEFAULT), 
-        this.options.theme = theme;
+        this.internalProps.theme.isPivot = this.isPivotTable(), this.options.theme = theme;
     }
     updateTheme(theme) {
         const oldHoverState = {
@@ -944,9 +946,10 @@ class BaseTable extends EventTarget_1.EventTarget {
             row: this.stateManager.hover.cellPos.row
         };
         this.internalProps.theme = themes_1.default.of(null != theme ? theme : themes_1.default.DEFAULT), 
-        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();
+        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();
     }
     getBodyField(col, row) {
         return this.internalProps.layoutMap.getBody(col, row).field;
@@ -1038,7 +1041,7 @@ class BaseTable extends EventTarget_1.EventTarget {
                         value: customMerge.text,
                         dataValue: this.getCellOriginValue(col, row),
                         cellHeaderPaths: this.getCellHeaderPaths(col, row)
-                    }, styleClass, this.options.autoWrapText);
+                    }, styleClass, this.options.autoWrapText, this.theme);
                     customMerge.style = fullStyle;
                 }
                 return customMerge;
@@ -1167,7 +1170,7 @@ class BaseTable extends EventTarget_1.EventTarget {
                 value: this.getCellValue(col, row),
                 dataValue: this.getCellOriginValue(col, row),
                 cellHeaderPaths: this.getCellHeaderPaths(col, row)
-            }, styleClass, this.options.autoWrapText); else if (layoutMap.isRightFrozenColumn(col, row) && this.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
+            }, 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,
@@ -1176,7 +1179,7 @@ class BaseTable extends EventTarget_1.EventTarget {
                 value: this.getCellValue(col, row),
                 dataValue: this.getCellOriginValue(col, row),
                 cellHeaderPaths: this.getCellHeaderPaths(col, row)
-            }, styleClass, this.options.autoWrapText); else {
+            }, 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,
@@ -1185,7 +1188,7 @@ class BaseTable extends EventTarget_1.EventTarget {
                     value: this.getCellValue(col, row),
                     dataValue: this.getCellOriginValue(col, row),
                     cellHeaderPaths: this.getCellHeaderPaths(col, row)
-                }, styleClass, this.options.autoWrapText);
+                }, styleClass, this.options.autoWrapText, this.theme);
             }
             return this.headerStyleCache.set(cacheKey, cacheStyle), cacheStyle;
         }
@@ -1203,7 +1206,7 @@ class BaseTable extends EventTarget_1.EventTarget {
             value: this.getCellValue(col, row),
             dataValue: this.getCellOriginValue(col, row),
             cellHeaderPaths: this.getCellHeaderPaths(col, row)
-        }, styleClass, this.options.autoWrapText), (0, vutils_1.isFunction)(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)), 
+        }, styleClass, this.options.autoWrapText, this.theme), (0, vutils_1.isFunction)(style) || (layoutMap.isBottomFrozenRow(row) ? this.bodyBottomStyleCache.set(cacheKey, cacheStyle) : this.bodyStyleCache.set(cacheKey, cacheStyle)), 
         cacheStyle;
     }
     clearCellStyleCache() {