@visactor/vtable 1.16.3-alpha.3 → 1.17.0

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

@@ -3,13 +3,15 @@ import { Style } from './style/Style';
 import type { BaseTableAPI } from '../ts-types/base-table';
 import { CheckboxStyle } from './style/CheckboxStyle';
 import { RadioStyle } from './style/RadioStyle';
+import { SwitchStyle } from './style/SwitchStyle';
+import { ButtonStyle } from './style/ButtonStyle';
 export declare class BodyHelper {
     expandIcon: SvgIcon;
     collapseIcon: SvgIcon;
     _table: BaseTableAPI;
     constructor(_table: BaseTableAPI);
     getIcons(col: number, row: number, cellValue: any, dataValue: any, context: CanvasRenderingContext2D): ColumnIconOption[];
-    getStyleClass(cellType: 'text' | 'link' | 'image' | 'video' | 'chart' | 'sparkline' | 'progressbar' | 'chart' | 'checkbox' | 'radio'): typeof Style | typeof RadioStyle | typeof CheckboxStyle;
+    getStyleClass(cellType: 'text' | 'link' | 'image' | 'video' | 'chart' | 'sparkline' | 'progressbar' | 'chart' | 'checkbox' | 'radio' | 'switch' | 'button'): typeof Style | typeof RadioStyle | typeof SwitchStyle | typeof ButtonStyle | typeof CheckboxStyle;
     getCellIconFromRecordValue(icon: ColumnIconOption, col: number, row: number): ColumnIconOption;
     getCellIconFromRecordValue(icon: ColumnIconOption[], col: number, row: number): ColumnIconOption[];
     getCellIconFromRecordValue(icon: ColumnIconOption | ColumnIconOption[], col: number, row: number): ColumnIconOption | ColumnIconOption[];

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BodyHelper = void 0;
 
-const ts_types_1 = require("../ts-types"), registerIcons = __importStar(require("../icons")), Style_1 = require("./style/Style"), MultilineTextStyle_1 = require("./style/MultilineTextStyle"), ProgressBarStyle_1 = require("./style/ProgressBarStyle"), ImageStyle_1 = require("./style/ImageStyle"), icons = __importStar(require("../tools/icons")), helper_1 = require("../tools/helper"), CheckboxStyle_1 = require("./style/CheckboxStyle"), RadioStyle_1 = require("./style/RadioStyle"), vutils_1 = require("@visactor/vutils");
+const ts_types_1 = require("../ts-types"), registerIcons = __importStar(require("../icons")), Style_1 = require("./style/Style"), MultilineTextStyle_1 = require("./style/MultilineTextStyle"), ProgressBarStyle_1 = require("./style/ProgressBarStyle"), ImageStyle_1 = require("./style/ImageStyle"), icons = __importStar(require("../tools/icons")), helper_1 = require("../tools/helper"), CheckboxStyle_1 = require("./style/CheckboxStyle"), RadioStyle_1 = require("./style/RadioStyle"), vutils_1 = require("@visactor/vutils"), SwitchStyle_1 = require("./style/SwitchStyle"), ButtonStyle_1 = require("./style/ButtonStyle");
 
 class BodyHelper {
     constructor(_table) {
@@ -86,6 +86,12 @@ class BodyHelper {
 
           case "radio":
             return RadioStyle_1.RadioStyle;
+
+          case "switch":
+            return SwitchStyle_1.SwitchStyle;
+
+          case "button":
+            return ButtonStyle_1.ButtonStyle;
         }
         return MultilineTextStyle_1.TextStyle;
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/body-helper/body-helper.ts"],"names":[],"mappings":"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","file":"body-helper.js","sourcesContent":["import type { ColumnIconOption, ImageIcon, ListTableAPI, SvgIcon } from '../ts-types';\nimport { HierarchyState, InternalIconName } from '../ts-types';\nimport * as registerIcons from '../icons';\nimport { Style } from './style/Style';\nimport { TextStyle } from './style/MultilineTextStyle';\nimport { ProgressBarStyle } from './style/ProgressBarStyle';\nimport { ImageStyle } from './style/ImageStyle';\nimport type { BaseTableAPI } from '../ts-types/base-table';\nimport * as icons from '../tools/icons';\nimport { obj } from '../tools/helper';\nimport { CheckboxStyle } from './style/CheckboxStyle';\nimport { RadioStyle } from './style/RadioStyle';\nimport { isValid } from '@visactor/vutils';\nexport class BodyHelper {\n  expandIcon: SvgIcon;\n  collapseIcon: SvgIcon;\n  _table: BaseTableAPI;\n  constructor(_table: BaseTableAPI) {\n    this._table = _table;\n    const regedIcons = registerIcons.get();\n    //展开折叠按钮\n    this.expandIcon = regedIcons[InternalIconName.expandIconName] as SvgIcon;\n    this.collapseIcon = regedIcons[InternalIconName.collapseIconName] as SvgIcon;\n  }\n  getIcons(\n    col: number,\n    row: number,\n    cellValue: any,\n    dataValue: any,\n    context: CanvasRenderingContext2D\n  ): ColumnIconOption[] {\n    //加入固定列图标 排序 文本中元素\n    const iconArr: ColumnIconOption[] = [];\n\n    const hierarchyIcon = this.getHierarchyIcon(col, row);\n    if (hierarchyIcon) {\n      iconArr.push(hierarchyIcon);\n    }\n\n    const { icon: iconDefine } = this._table.getBodyColumnDefine(col, row);\n\n    if (iconDefine) {\n      let iconResults;\n      if (typeof iconDefine === 'function') {\n        const arg = {\n          col,\n          row,\n          value: cellValue,\n          dataValue,\n          table: this._table\n        };\n        iconResults = iconDefine(arg);\n      } else {\n        iconResults = iconDefine;\n      }\n      const regedIcons = registerIcons.get();\n      const addIcon = (columnIcon: string | ColumnIconOption) => {\n        let icon;\n        if (typeof columnIcon === 'string') {\n          icon = regedIcons[columnIcon];\n        } else {\n          icon = columnIcon;\n        }\n        if (icon) {\n          iconArr.push(icon);\n        }\n      };\n      if (Array.isArray(iconResults)) {\n        iconResults.forEach((columnIcon: string | ColumnIconOption, index: number) => {\n          addIcon(columnIcon);\n        });\n      } else {\n        addIcon(iconResults);\n      }\n    }\n\n    context &&\n      iconArr.forEach((i, index) => {\n        if ((i as any).content || (<ImageIcon>i).src) {\n          iconArr[index] = this.getCellIconFromRecordValue(i, col, row);\n          // if ((<FontIcon>i).font)\n          //   helper.testFontLoad((<FontIcon>i).font, (<FontIcon>i).content, col, row);\n        }\n      });\n\n    return iconArr;\n  }\n  getStyleClass(\n    cellType:\n      | 'text'\n      | 'link'\n      | 'image'\n      | 'video'\n      | 'chart'\n      | 'sparkline'\n      | 'progressbar'\n      | 'chart'\n      | 'checkbox'\n      | 'radio'\n  ) {\n    switch (cellType) {\n      case 'text':\n        return TextStyle;\n      case 'image':\n        return ImageStyle;\n      case 'video':\n        return ImageStyle;\n      case 'link':\n        return TextStyle;\n      case 'chart':\n        return Style;\n      case 'sparkline':\n        return Style;\n      case 'progressbar':\n        return ProgressBarStyle;\n      case 'checkbox':\n        return CheckboxStyle;\n      case 'radio':\n        return RadioStyle;\n    }\n    return TextStyle;\n  }\n  getCellIconFromRecordValue(icon: ColumnIconOption, col: number, row: number): ColumnIconOption;\n  getCellIconFromRecordValue(icon: ColumnIconOption[], col: number, row: number): ColumnIconOption[];\n  getCellIconFromRecordValue(\n    icon: ColumnIconOption | ColumnIconOption[],\n    col: number,\n    row: number\n  ): ColumnIconOption | ColumnIconOption[];\n  getCellIconFromRecordValue(\n    icon: ColumnIconOption | ColumnIconOption[],\n    col: number,\n    row: number\n  ): ColumnIconOption | ColumnIconOption[] {\n    if (Array.isArray(icon)) {\n      return icon.map(i => this.getCellIconFromRecordValue(i, col, row));\n    }\n    // icon.positionType = IconPosition.inlineFront;\n    if (!obj.isObject(icon) || typeof icon === 'function') {\n      return (this._table as ListTableAPI).getFieldData(icon, col, row);\n    }\n    // 新建对象 挨个属性赋值\n    const retIcon: any = {};\n    const iconOpt: any = icon;\n    icons.iconPropKeys.forEach(k => {\n      if (typeof iconOpt[k] !== 'undefined') {\n        const f = (this._table as ListTableAPI).getFieldData(iconOpt[k], col, row);\n        if (isValid(f)) {\n          retIcon[k] = f;\n        } else if (!this._table._hasField?.(iconOpt[k], col, row)) {\n          retIcon[k] = iconOpt[k];\n        }\n      }\n    });\n    return retIcon;\n  }\n\n  getHierarchyIcon(col: number, row: number) {\n    const hierarchyState = this._table.getHierarchyState(col, row);\n    if (hierarchyState === HierarchyState.expand) {\n      //展开状态 应该显示-号\n      return this.expandIcon;\n    } else if (hierarchyState === HierarchyState.collapse) {\n      //折叠状态 应该显示-号\n      return this.collapseIcon;\n    }\n    return undefined;\n  }\n  getHierarchyIconWidth() {\n    return this.expandIcon.width + (this.expandIcon.marginLeft ?? 0) + (this.expandIcon.marginRight ?? 0);\n  }\n}\n"]}
+{"version":3,"sources":["../src/body-helper/body-helper.ts"],"names":[],"mappings":"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","file":"body-helper.js","sourcesContent":["import type { ColumnIconOption, ImageIcon, ListTableAPI, SvgIcon } from '../ts-types';\nimport { HierarchyState, InternalIconName } from '../ts-types';\nimport * as registerIcons from '../icons';\nimport { Style } from './style/Style';\nimport { TextStyle } from './style/MultilineTextStyle';\nimport { ProgressBarStyle } from './style/ProgressBarStyle';\nimport { ImageStyle } from './style/ImageStyle';\nimport type { BaseTableAPI } from '../ts-types/base-table';\nimport * as icons from '../tools/icons';\nimport { obj } from '../tools/helper';\nimport { CheckboxStyle } from './style/CheckboxStyle';\nimport { RadioStyle } from './style/RadioStyle';\nimport { isValid } from '@visactor/vutils';\nimport { SwitchStyle } from './style/SwitchStyle';\nimport { ButtonStyle } from './style/ButtonStyle';\nexport class BodyHelper {\n  expandIcon: SvgIcon;\n  collapseIcon: SvgIcon;\n  _table: BaseTableAPI;\n  constructor(_table: BaseTableAPI) {\n    this._table = _table;\n    const regedIcons = registerIcons.get();\n    //展开折叠按钮\n    this.expandIcon = regedIcons[InternalIconName.expandIconName] as SvgIcon;\n    this.collapseIcon = regedIcons[InternalIconName.collapseIconName] as SvgIcon;\n  }\n  getIcons(\n    col: number,\n    row: number,\n    cellValue: any,\n    dataValue: any,\n    context: CanvasRenderingContext2D\n  ): ColumnIconOption[] {\n    //加入固定列图标 排序 文本中元素\n    const iconArr: ColumnIconOption[] = [];\n\n    const hierarchyIcon = this.getHierarchyIcon(col, row);\n    if (hierarchyIcon) {\n      iconArr.push(hierarchyIcon);\n    }\n\n    const { icon: iconDefine } = this._table.getBodyColumnDefine(col, row);\n\n    if (iconDefine) {\n      let iconResults;\n      if (typeof iconDefine === 'function') {\n        const arg = {\n          col,\n          row,\n          value: cellValue,\n          dataValue,\n          table: this._table\n        };\n        iconResults = iconDefine(arg);\n      } else {\n        iconResults = iconDefine;\n      }\n      const regedIcons = registerIcons.get();\n      const addIcon = (columnIcon: string | ColumnIconOption) => {\n        let icon;\n        if (typeof columnIcon === 'string') {\n          icon = regedIcons[columnIcon];\n        } else {\n          icon = columnIcon;\n        }\n        if (icon) {\n          iconArr.push(icon);\n        }\n      };\n      if (Array.isArray(iconResults)) {\n        iconResults.forEach((columnIcon: string | ColumnIconOption, index: number) => {\n          addIcon(columnIcon);\n        });\n      } else {\n        addIcon(iconResults);\n      }\n    }\n\n    context &&\n      iconArr.forEach((i, index) => {\n        if ((i as any).content || (<ImageIcon>i).src) {\n          iconArr[index] = this.getCellIconFromRecordValue(i, col, row);\n          // if ((<FontIcon>i).font)\n          //   helper.testFontLoad((<FontIcon>i).font, (<FontIcon>i).content, col, row);\n        }\n      });\n\n    return iconArr;\n  }\n  getStyleClass(\n    cellType:\n      | 'text'\n      | 'link'\n      | 'image'\n      | 'video'\n      | 'chart'\n      | 'sparkline'\n      | 'progressbar'\n      | 'chart'\n      | 'checkbox'\n      | 'radio'\n      | 'switch'\n      | 'button'\n  ) {\n    switch (cellType) {\n      case 'text':\n        return TextStyle;\n      case 'image':\n        return ImageStyle;\n      case 'video':\n        return ImageStyle;\n      case 'link':\n        return TextStyle;\n      case 'chart':\n        return Style;\n      case 'sparkline':\n        return Style;\n      case 'progressbar':\n        return ProgressBarStyle;\n      case 'checkbox':\n        return CheckboxStyle;\n      case 'radio':\n        return RadioStyle;\n      case 'switch':\n        return SwitchStyle;\n      case 'button':\n        return ButtonStyle;\n    }\n    return TextStyle;\n  }\n  getCellIconFromRecordValue(icon: ColumnIconOption, col: number, row: number): ColumnIconOption;\n  getCellIconFromRecordValue(icon: ColumnIconOption[], col: number, row: number): ColumnIconOption[];\n  getCellIconFromRecordValue(\n    icon: ColumnIconOption | ColumnIconOption[],\n    col: number,\n    row: number\n  ): ColumnIconOption | ColumnIconOption[];\n  getCellIconFromRecordValue(\n    icon: ColumnIconOption | ColumnIconOption[],\n    col: number,\n    row: number\n  ): ColumnIconOption | ColumnIconOption[] {\n    if (Array.isArray(icon)) {\n      return icon.map(i => this.getCellIconFromRecordValue(i, col, row));\n    }\n    // icon.positionType = IconPosition.inlineFront;\n    if (!obj.isObject(icon) || typeof icon === 'function') {\n      return (this._table as ListTableAPI).getFieldData(icon, col, row);\n    }\n    // 新建对象 挨个属性赋值\n    const retIcon: any = {};\n    const iconOpt: any = icon;\n    icons.iconPropKeys.forEach(k => {\n      if (typeof iconOpt[k] !== 'undefined') {\n        const f = (this._table as ListTableAPI).getFieldData(iconOpt[k], col, row);\n        if (isValid(f)) {\n          retIcon[k] = f;\n        } else if (!this._table._hasField?.(iconOpt[k], col, row)) {\n          retIcon[k] = iconOpt[k];\n        }\n      }\n    });\n    return retIcon;\n  }\n\n  getHierarchyIcon(col: number, row: number) {\n    const hierarchyState = this._table.getHierarchyState(col, row);\n    if (hierarchyState === HierarchyState.expand) {\n      //展开状态 应该显示-号\n      return this.expandIcon;\n    } else if (hierarchyState === HierarchyState.collapse) {\n      //折叠状态 应该显示-号\n      return this.collapseIcon;\n    }\n    return undefined;\n  }\n  getHierarchyIconWidth() {\n    return this.expandIcon.width + (this.expandIcon.marginLeft ?? 0) + (this.expandIcon.marginRight ?? 0);\n  }\n}\n"]}

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

@@ -0,0 +1,45 @@
+import type { IStyleOption, ButtonStyleOption } from '../../ts-types';
+import { Style } from '../style';
+import type { ButtonStyle as ButtonStyleThemeOption } from '../../ts-types/column/style';
+export declare class ButtonStyle extends Style {
+    private _buttonColor;
+    private _buttonBorderColor;
+    private _buttonLineWidth;
+    private _buttonBorderRadius;
+    private _buttonHoverColor;
+    private _buttonHoverBorderColor;
+    private _buttonTextHoverColor;
+    private _buttonDisableColor;
+    private _buttonDisableBorderColor;
+    private _buttonTextDisableColor;
+    private _buttonTextHoverBorderColor;
+    private _buttonPadding;
+    static get DEFAULT(): ButtonStyle;
+    constructor(style?: ButtonStyleOption, headerStyle?: ButtonStyleOption, buttonThemeStyle?: ButtonStyleThemeOption);
+    get buttonColor(): string;
+    set buttonColor(buttonColor: string);
+    get buttonBorderColor(): string;
+    set buttonBorderColor(buttonBorderColor: string);
+    get buttonLineWidth(): number;
+    set buttonLineWidth(buttonLineWidth: number);
+    get buttonBorderRadius(): number;
+    set buttonBorderRadius(buttonBorderRadius: number);
+    get buttonHoverColor(): string;
+    set buttonHoverColor(buttonHoverColor: string);
+    get buttonHoverBorderColor(): string;
+    set buttonHoverBorderColor(buttonHoverBorderColor: string);
+    get buttonTextHoverColor(): string;
+    set buttonTextHoverColor(buttonTextHoverColor: string);
+    get buttonDisableColor(): string;
+    set buttonDisableColor(buttonDisableColor: string);
+    get buttonDisableBorderColor(): string;
+    set buttonDisableBorderColor(buttonDisableBorderColor: string);
+    get buttonTextDisableColor(): string;
+    set buttonTextDisableColor(buttonTextDisableColor: string);
+    get buttonTextHoverBorderColor(): string;
+    set buttonTextHoverBorderColor(buttonTextHoverBorderColor: string);
+    get buttonPadding(): number;
+    set buttonPadding(buttonPadding: number);
+    getStyle(style: IStyleOption): ButtonStyle;
+    clone(): ButtonStyle;
+}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ButtonStyle = void 0;
+
+const style_1 = require("../style");
+
+let defaultStyle;
+
+class ButtonStyle extends style_1.Style {
+    static get DEFAULT() {
+        return defaultStyle || (defaultStyle = new ButtonStyle);
+    }
+    constructor(style = {}, headerStyle = {}, buttonThemeStyle = {}) {
+        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._buttonColor = (null !== (_b = null === (_a = null == style ? void 0 : style.buttonStyle) || void 0 === _a ? void 0 : _a.buttonColor) && void 0 !== _b ? _b : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonColor) || "#165DFF", 
+        this._buttonBorderColor = (null !== (_d = null === (_c = null == style ? void 0 : style.buttonStyle) || void 0 === _c ? void 0 : _c.buttonBorderColor) && void 0 !== _d ? _d : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonBorderColor) || "#165DFF", 
+        this._buttonLineWidth = (null !== (_f = null === (_e = null == style ? void 0 : style.buttonStyle) || void 0 === _e ? void 0 : _e.buttonLineWidth) && void 0 !== _f ? _f : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonLineWidth) || 1, 
+        this._buttonBorderRadius = (null !== (_h = null === (_g = null == style ? void 0 : style.buttonStyle) || void 0 === _g ? void 0 : _g.buttonBorderRadius) && void 0 !== _h ? _h : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonBorderRadius) || 2, 
+        this._buttonHoverColor = (null !== (_k = null === (_j = null == style ? void 0 : style.buttonStyle) || void 0 === _j ? void 0 : _j.buttonHoverColor) && void 0 !== _k ? _k : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonHoverColor) || "#4080FF", 
+        this._buttonHoverBorderColor = (null !== (_m = null === (_l = null == style ? void 0 : style.buttonStyle) || void 0 === _l ? void 0 : _l.buttonHoverBorderColor) && void 0 !== _m ? _m : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonHoverBorderColor) || "#4080FF", 
+        this._buttonTextHoverColor = null !== (_p = null === (_o = null == style ? void 0 : style.buttonStyle) || void 0 === _o ? void 0 : _o.buttonTextHoverColor) && void 0 !== _p ? _p : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonTextHoverColor, 
+        this._buttonDisableColor = (null !== (_r = null === (_q = null == style ? void 0 : style.buttonStyle) || void 0 === _q ? void 0 : _q.buttonDisableColor) && void 0 !== _r ? _r : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonDisableColor) || "#94bfff", 
+        this._buttonDisableBorderColor = (null !== (_t = null === (_s = null == style ? void 0 : style.buttonStyle) || void 0 === _s ? void 0 : _s.buttonDisableBorderColor) && void 0 !== _t ? _t : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonDisableBorderColor) || "#94bfff", 
+        this._buttonTextDisableColor = null !== (_v = null === (_u = null == style ? void 0 : style.buttonStyle) || void 0 === _u ? void 0 : _u.buttonTextDisableColor) && void 0 !== _v ? _v : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonTextDisableColor, 
+        this._buttonPadding = (null !== (_x = null === (_w = null == style ? void 0 : style.buttonStyle) || void 0 === _w ? void 0 : _w.buttonPadding) && void 0 !== _x ? _x : null == buttonThemeStyle ? void 0 : buttonThemeStyle.buttonPadding) || 10;
+    }
+    get buttonColor() {
+        return this._buttonColor;
+    }
+    set buttonColor(buttonColor) {
+        this._buttonColor = buttonColor;
+    }
+    get buttonBorderColor() {
+        return this._buttonBorderColor;
+    }
+    set buttonBorderColor(buttonBorderColor) {
+        this._buttonBorderColor = buttonBorderColor;
+    }
+    get buttonLineWidth() {
+        return this._buttonLineWidth;
+    }
+    set buttonLineWidth(buttonLineWidth) {
+        this._buttonLineWidth = buttonLineWidth;
+    }
+    get buttonBorderRadius() {
+        return this._buttonBorderRadius;
+    }
+    set buttonBorderRadius(buttonBorderRadius) {
+        this._buttonBorderRadius = buttonBorderRadius;
+    }
+    get buttonHoverColor() {
+        return this._buttonHoverColor;
+    }
+    set buttonHoverColor(buttonHoverColor) {
+        this._buttonHoverColor = buttonHoverColor;
+    }
+    get buttonHoverBorderColor() {
+        return this._buttonHoverBorderColor;
+    }
+    set buttonHoverBorderColor(buttonHoverBorderColor) {
+        this._buttonHoverBorderColor = buttonHoverBorderColor;
+    }
+    get buttonTextHoverColor() {
+        return this._buttonTextHoverColor;
+    }
+    set buttonTextHoverColor(buttonTextHoverColor) {
+        this._buttonTextHoverColor = buttonTextHoverColor;
+    }
+    get buttonDisableColor() {
+        return this._buttonDisableColor;
+    }
+    set buttonDisableColor(buttonDisableColor) {
+        this._buttonDisableColor = buttonDisableColor;
+    }
+    get buttonDisableBorderColor() {
+        return this._buttonDisableBorderColor;
+    }
+    set buttonDisableBorderColor(buttonDisableBorderColor) {
+        this._buttonDisableBorderColor = buttonDisableBorderColor;
+    }
+    get buttonTextDisableColor() {
+        return this._buttonTextDisableColor;
+    }
+    set buttonTextDisableColor(buttonTextDisableColor) {
+        this._buttonTextDisableColor = buttonTextDisableColor;
+    }
+    get buttonTextHoverBorderColor() {
+        return this._buttonTextHoverBorderColor;
+    }
+    set buttonTextHoverBorderColor(buttonTextHoverBorderColor) {
+        this._buttonTextHoverBorderColor = buttonTextHoverBorderColor;
+    }
+    get buttonPadding() {
+        return this._buttonPadding;
+    }
+    set buttonPadding(buttonPadding) {
+        this._buttonPadding = buttonPadding;
+    }
+    getStyle(style) {
+        return new ButtonStyle(style, this);
+    }
+    clone() {
+        return new ButtonStyle(this);
+    }
+}
+
+exports.ButtonStyle = ButtonStyle;
+//# sourceMappingURL=ButtonStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/body-helper/style/ButtonStyle.ts"],"names":[],"mappings":"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","file":"ButtonStyle.js","sourcesContent":["import type { IStyleOption, ButtonStyleOption } from '../../ts-types';\nimport { Style } from '../style';\nimport type { ButtonStyle as ButtonStyleThemeOption } from '../../ts-types/column/style';\n\nlet defaultStyle: ButtonStyle;\n\nexport class ButtonStyle extends Style {\n  private _buttonColor: string;\n  private _buttonBorderColor: string;\n  private _buttonLineWidth: number;\n  private _buttonBorderRadius: number;\n  private _buttonHoverColor: string;\n  private _buttonHoverBorderColor: string;\n  private _buttonTextHoverColor: string;\n  private _buttonDisableColor: string;\n  private _buttonDisableBorderColor: string;\n  private _buttonTextDisableColor: string;\n  private _buttonTextHoverBorderColor: string;\n  private _buttonPadding: number;\n\n  static get DEFAULT(): ButtonStyle {\n    return defaultStyle ? defaultStyle : (defaultStyle = new ButtonStyle());\n  }\n\n  constructor(\n    style: ButtonStyleOption = {},\n    headerStyle: ButtonStyleOption = {},\n    buttonThemeStyle: ButtonStyleThemeOption = {}\n  ) {\n    super(style, headerStyle);\n\n    this._buttonColor = (style?.buttonStyle?.buttonColor ?? buttonThemeStyle?.buttonColor) || '#165DFF';\n    this._buttonBorderColor =\n      (style?.buttonStyle?.buttonBorderColor ?? buttonThemeStyle?.buttonBorderColor) || '#165DFF';\n    this._buttonLineWidth = (style?.buttonStyle?.buttonLineWidth ?? buttonThemeStyle?.buttonLineWidth) || 1;\n    this._buttonBorderRadius = (style?.buttonStyle?.buttonBorderRadius ?? buttonThemeStyle?.buttonBorderRadius) || 2;\n    this._buttonHoverColor = (style?.buttonStyle?.buttonHoverColor ?? buttonThemeStyle?.buttonHoverColor) || '#4080FF';\n    this._buttonHoverBorderColor =\n      (style?.buttonStyle?.buttonHoverBorderColor ?? buttonThemeStyle?.buttonHoverBorderColor) || '#4080FF';\n    this._buttonTextHoverColor = style?.buttonStyle?.buttonTextHoverColor ?? buttonThemeStyle?.buttonTextHoverColor;\n    this._buttonDisableColor =\n      (style?.buttonStyle?.buttonDisableColor ?? buttonThemeStyle?.buttonDisableColor) || '#94bfff';\n    this._buttonDisableBorderColor =\n      (style?.buttonStyle?.buttonDisableBorderColor ?? buttonThemeStyle?.buttonDisableBorderColor) || '#94bfff';\n    this._buttonTextDisableColor =\n      style?.buttonStyle?.buttonTextDisableColor ?? buttonThemeStyle?.buttonTextDisableColor;\n    this._buttonPadding = (style?.buttonStyle?.buttonPadding ?? buttonThemeStyle?.buttonPadding) || 10;\n  }\n\n  get buttonColor(): string {\n    return this._buttonColor;\n  }\n  set buttonColor(buttonColor: string) {\n    this._buttonColor = buttonColor;\n  }\n\n  get buttonBorderColor(): string {\n    return this._buttonBorderColor;\n  }\n  set buttonBorderColor(buttonBorderColor: string) {\n    this._buttonBorderColor = buttonBorderColor;\n  }\n\n  get buttonLineWidth(): number {\n    return this._buttonLineWidth;\n  }\n  set buttonLineWidth(buttonLineWidth: number) {\n    this._buttonLineWidth = buttonLineWidth;\n  }\n\n  get buttonBorderRadius(): number {\n    return this._buttonBorderRadius;\n  }\n  set buttonBorderRadius(buttonBorderRadius: number) {\n    this._buttonBorderRadius = buttonBorderRadius;\n  }\n\n  get buttonHoverColor(): string {\n    return this._buttonHoverColor;\n  }\n  set buttonHoverColor(buttonHoverColor: string) {\n    this._buttonHoverColor = buttonHoverColor;\n  }\n\n  get buttonHoverBorderColor(): string {\n    return this._buttonHoverBorderColor;\n  }\n  set buttonHoverBorderColor(buttonHoverBorderColor: string) {\n    this._buttonHoverBorderColor = buttonHoverBorderColor;\n  }\n\n  get buttonTextHoverColor(): string {\n    return this._buttonTextHoverColor;\n  }\n  set buttonTextHoverColor(buttonTextHoverColor: string) {\n    this._buttonTextHoverColor = buttonTextHoverColor;\n  }\n\n  get buttonDisableColor(): string {\n    return this._buttonDisableColor;\n  }\n  set buttonDisableColor(buttonDisableColor: string) {\n    this._buttonDisableColor = buttonDisableColor;\n  }\n\n  get buttonDisableBorderColor(): string {\n    return this._buttonDisableBorderColor;\n  }\n  set buttonDisableBorderColor(buttonDisableBorderColor: string) {\n    this._buttonDisableBorderColor = buttonDisableBorderColor;\n  }\n\n  get buttonTextDisableColor(): string {\n    return this._buttonTextDisableColor;\n  }\n  set buttonTextDisableColor(buttonTextDisableColor: string) {\n    this._buttonTextDisableColor = buttonTextDisableColor;\n  }\n\n  get buttonTextHoverBorderColor(): string {\n    return this._buttonTextHoverBorderColor;\n  }\n  set buttonTextHoverBorderColor(buttonTextHoverBorderColor: string) {\n    this._buttonTextHoverBorderColor = buttonTextHoverBorderColor;\n  }\n\n  get buttonPadding(): number {\n    return this._buttonPadding;\n  }\n  set buttonPadding(buttonPadding: number) {\n    this._buttonPadding = buttonPadding;\n  }\n\n  getStyle(style: IStyleOption): ButtonStyle {\n    return new ButtonStyle(style, this);\n  }\n\n  clone(): ButtonStyle {\n    return new ButtonStyle(this);\n  }\n}\n"]}

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

@@ -0,0 +1,36 @@
+import type { IStyleOption, SwitchStyleOption } from '../../ts-types';
+import { Style } from '../style';
+import type { SwitchStyle as SwitchStyleThemeOption } from '../../ts-types/column/style';
+export declare class SwitchStyle extends Style {
+    private _spaceBetweenTextAndCircle;
+    private _circleRadius;
+    private _boxWidth;
+    private _boxHeight;
+    private _checkedFill;
+    private _uncheckedFill;
+    private _disableCheckedFill;
+    private _disableUncheckedFill;
+    private _circleFill;
+    static get DEFAULT(): SwitchStyle;
+    constructor(style?: SwitchStyleOption, headerStyle?: SwitchStyleOption, switchThemeStyle?: SwitchStyleThemeOption);
+    get spaceBetweenTextAndCircle(): number;
+    set spaceBetweenTextAndCircle(spaceBetweenTextAndCircle: number);
+    get circleRadius(): number;
+    set circleRadius(circleRadius: number);
+    get boxWidth(): number;
+    set boxWidth(boxWidth: number);
+    get boxHeight(): number;
+    set boxHeight(boxHeight: number);
+    get checkedFill(): string;
+    set checkedFill(checkedFill: string);
+    get uncheckedFill(): string;
+    set uncheckedFill(uncheckedFill: string);
+    get disableCheckedFill(): string;
+    set disableCheckedFill(disableCheckedFill: string);
+    get disableUncheckedFill(): string;
+    set disableUncheckedFill(disableUncheckedFill: string);
+    get circleFill(): string;
+    set circleFill(circleFill: string);
+    getStyle(style: IStyleOption): SwitchStyle;
+    clone(): SwitchStyle;
+}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.SwitchStyle = void 0;
+
+const style_1 = require("../style");
+
+let defaultStyle;
+
+class SwitchStyle extends style_1.Style {
+    static get DEFAULT() {
+        return defaultStyle || (defaultStyle = new SwitchStyle);
+    }
+    constructor(style = {}, headerStyle = {}, switchThemeStyle = {}) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        super(style, headerStyle), this._spaceBetweenTextAndCircle = (null !== (_b = null !== (_a = null == style ? void 0 : style.spaceBetweenTextAndCircle) && void 0 !== _a ? _a : null == headerStyle ? void 0 : headerStyle.spaceBetweenTextAndCircle) && void 0 !== _b ? _b : null == switchThemeStyle ? void 0 : switchThemeStyle.spaceBetweenTextAndCircle) || 6, 
+        this._circleRadius = (null !== (_d = null === (_c = null == style ? void 0 : style.switchStyle) || void 0 === _c ? void 0 : _c.circleRadius) && void 0 !== _d ? _d : null == switchThemeStyle ? void 0 : switchThemeStyle.circleRadius) || 8, 
+        this._boxWidth = (null !== (_f = null === (_e = null == style ? void 0 : style.switchStyle) || void 0 === _e ? void 0 : _e.boxWidth) && void 0 !== _f ? _f : null == switchThemeStyle ? void 0 : switchThemeStyle.boxWidth) || 40, 
+        this._boxHeight = (null !== (_h = null === (_g = null == style ? void 0 : style.switchStyle) || void 0 === _g ? void 0 : _g.boxHeight) && void 0 !== _h ? _h : null == switchThemeStyle ? void 0 : switchThemeStyle.boxHeight) || 24, 
+        this._checkedFill = (null !== (_k = null === (_j = null == style ? void 0 : style.switchStyle) || void 0 === _j ? void 0 : _j.checkedFill) && void 0 !== _k ? _k : null == switchThemeStyle ? void 0 : switchThemeStyle.checkedFill) || "#165DFF", 
+        this._uncheckedFill = (null !== (_m = null === (_l = null == style ? void 0 : style.switchStyle) || void 0 === _l ? void 0 : _l.uncheckedFill) && void 0 !== _m ? _m : null == switchThemeStyle ? void 0 : switchThemeStyle.uncheckedFill) || "#c9cdd4", 
+        this._disableCheckedFill = (null !== (_p = null === (_o = null == style ? void 0 : style.switchStyle) || void 0 === _o ? void 0 : _o.disableCheckedFill) && void 0 !== _p ? _p : null == switchThemeStyle ? void 0 : switchThemeStyle.disableCheckedFill) || "#94bfff", 
+        this._disableUncheckedFill = (null !== (_r = null === (_q = null == style ? void 0 : style.switchStyle) || void 0 === _q ? void 0 : _q.disableUncheckedFill) && void 0 !== _r ? _r : null == switchThemeStyle ? void 0 : switchThemeStyle.disableUncheckedFill) || "#f2f3f5", 
+        this._circleFill = (null !== (_t = null === (_s = null == style ? void 0 : style.switchStyle) || void 0 === _s ? void 0 : _s.circleFill) && void 0 !== _t ? _t : null == switchThemeStyle ? void 0 : switchThemeStyle.circleFill) || "#FFF";
+    }
+    get spaceBetweenTextAndCircle() {
+        return this._spaceBetweenTextAndCircle;
+    }
+    set spaceBetweenTextAndCircle(spaceBetweenTextAndCircle) {
+        this._spaceBetweenTextAndCircle = spaceBetweenTextAndCircle;
+    }
+    get circleRadius() {
+        return this._circleRadius;
+    }
+    set circleRadius(circleRadius) {
+        this._circleRadius = circleRadius;
+    }
+    get boxWidth() {
+        return this._boxWidth;
+    }
+    set boxWidth(boxWidth) {
+        this._boxWidth = boxWidth;
+    }
+    get boxHeight() {
+        return this._boxHeight;
+    }
+    set boxHeight(boxHeight) {
+        this._boxHeight = boxHeight;
+    }
+    get checkedFill() {
+        return this._checkedFill;
+    }
+    set checkedFill(checkedFill) {
+        this._checkedFill = checkedFill;
+    }
+    get uncheckedFill() {
+        return this._uncheckedFill;
+    }
+    set uncheckedFill(uncheckedFill) {
+        this._uncheckedFill = uncheckedFill;
+    }
+    get disableCheckedFill() {
+        return this._disableCheckedFill;
+    }
+    set disableCheckedFill(disableCheckedFill) {
+        this._disableCheckedFill = disableCheckedFill;
+    }
+    get disableUncheckedFill() {
+        return this._disableUncheckedFill;
+    }
+    set disableUncheckedFill(disableUncheckedFill) {
+        this._disableUncheckedFill = disableUncheckedFill;
+    }
+    get circleFill() {
+        return this._circleFill;
+    }
+    set circleFill(circleFill) {
+        this._circleFill = circleFill;
+    }
+    getStyle(style) {
+        return new SwitchStyle(style, this);
+    }
+    clone() {
+        return new SwitchStyle(this);
+    }
+}
+
+exports.SwitchStyle = SwitchStyle;
+//# sourceMappingURL=SwitchStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/body-helper/style/SwitchStyle.ts"],"names":[],"mappings":";;;AACA,oCAAiC;AAGjC,IAAI,YAAyB,CAAC;AAE9B,MAAa,WAAY,SAAQ,aAAK;IAWpC,MAAM,KAAK,OAAO;QAChB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,WAAW,EAAE,CAAC,CAAC;IAC1E,CAAC;IACD,YACE,QAA2B,EAAE,EAC7B,cAAiC,EAAE,EACnC,mBAA2C,EAAE;;QAE7C,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAE1B,IAAI,CAAC,0BAA0B;YAC7B,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,yBAAyB,mCAC/B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,yBAAyB,mCACtC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,yBAAyB,CAAC;gBAC9C,CAAC,CAAC;QACJ,IAAI,CAAC,aAAa,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,YAAY,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QAC/F,IAAI,CAAC,SAAS,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,QAAQ,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;QACpF,IAAI,CAAC,UAAU,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,SAAS,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC,IAAI,EAAE,CAAC;QACvF,IAAI,CAAC,YAAY,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,WAAW,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,CAAC,IAAI,SAAS,CAAC;QACpG,IAAI,CAAC,cAAc,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,aAAa,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,CAAC,IAAI,SAAS,CAAC;QAC1G,IAAI,CAAC,mBAAmB;YACtB,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,kBAAkB,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,kBAAkB,CAAC,IAAI,SAAS,CAAC;QAChG,IAAI,CAAC,qBAAqB;YACxB,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,oBAAoB,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,oBAAoB,CAAC,IAAI,SAAS,CAAC;QACpG,IAAI,CAAC,WAAW,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,UAAU,mCAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,UAAU,CAAC,IAAI,MAAM,CAAC;IAChG,CAAC;IAED,IAAI,yBAAyB;QAC3B,OAAO,IAAI,CAAC,0BAA0B,CAAC;IACzC,CAAC;IACD,IAAI,yBAAyB,CAAC,yBAAiC;QAC7D,IAAI,CAAC,0BAA0B,GAAG,yBAAyB,CAAC;IAC9D,CAAC;IACD,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IACD,IAAI,YAAY,CAAC,YAAoB;QACnC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;IACpC,CAAC;IACD,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IACD,IAAI,QAAQ,CAAC,QAAgB;QAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC5B,CAAC;IACD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,SAAS,CAAC,SAAiB;QAC7B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,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,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IACD,IAAI,UAAU,CAAC,UAAkB;QAC/B,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;IAChC,CAAC;IACD,QAAQ,CAAC,KAAmB;QAC1B,OAAO,IAAI,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC;IACD,KAAK;QACH,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;CACF;AAlGD,kCAkGC","file":"SwitchStyle.js","sourcesContent":["import type { IStyleOption, SwitchStyleOption } from '../../ts-types';\nimport { Style } from '../style';\nimport type { SwitchStyle as SwitchStyleThemeOption } from '../../ts-types/column/style';\n\nlet defaultStyle: SwitchStyle;\n\nexport class SwitchStyle extends Style {\n  private _spaceBetweenTextAndCircle: number;\n  private _circleRadius: number;\n  private _boxWidth: number;\n  private _boxHeight: number;\n  private _checkedFill: string;\n  private _uncheckedFill: string;\n  private _disableCheckedFill: string;\n  private _disableUncheckedFill: string;\n  private _circleFill: string;\n\n  static get DEFAULT(): SwitchStyle {\n    return defaultStyle ? defaultStyle : (defaultStyle = new SwitchStyle());\n  }\n  constructor(\n    style: SwitchStyleOption = {},\n    headerStyle: SwitchStyleOption = {},\n    switchThemeStyle: SwitchStyleThemeOption = {}\n  ) {\n    super(style, headerStyle);\n\n    this._spaceBetweenTextAndCircle =\n      (style?.spaceBetweenTextAndCircle ??\n        headerStyle?.spaceBetweenTextAndCircle ??\n        switchThemeStyle?.spaceBetweenTextAndCircle) ||\n      6;\n    this._circleRadius = (style?.switchStyle?.circleRadius ?? switchThemeStyle?.circleRadius) || 8;\n    this._boxWidth = (style?.switchStyle?.boxWidth ?? switchThemeStyle?.boxWidth) || 40;\n    this._boxHeight = (style?.switchStyle?.boxHeight ?? switchThemeStyle?.boxHeight) || 24;\n    this._checkedFill = (style?.switchStyle?.checkedFill ?? switchThemeStyle?.checkedFill) || '#165DFF';\n    this._uncheckedFill = (style?.switchStyle?.uncheckedFill ?? switchThemeStyle?.uncheckedFill) || '#c9cdd4';\n    this._disableCheckedFill =\n      (style?.switchStyle?.disableCheckedFill ?? switchThemeStyle?.disableCheckedFill) || '#94bfff';\n    this._disableUncheckedFill =\n      (style?.switchStyle?.disableUncheckedFill ?? switchThemeStyle?.disableUncheckedFill) || '#f2f3f5';\n    this._circleFill = (style?.switchStyle?.circleFill ?? switchThemeStyle?.circleFill) || '#FFF';\n  }\n\n  get spaceBetweenTextAndCircle(): number {\n    return this._spaceBetweenTextAndCircle;\n  }\n  set spaceBetweenTextAndCircle(spaceBetweenTextAndCircle: number) {\n    this._spaceBetweenTextAndCircle = spaceBetweenTextAndCircle;\n  }\n  get circleRadius(): number {\n    return this._circleRadius;\n  }\n  set circleRadius(circleRadius: number) {\n    this._circleRadius = circleRadius;\n  }\n  get boxWidth(): number {\n    return this._boxWidth;\n  }\n  set boxWidth(boxWidth: number) {\n    this._boxWidth = boxWidth;\n  }\n  get boxHeight(): number {\n    return this._boxHeight;\n  }\n  set boxHeight(boxHeight: number) {\n    this._boxHeight = boxHeight;\n  }\n  get checkedFill(): string {\n    return this._checkedFill;\n  }\n  set checkedFill(checkedFill: string) {\n    this._checkedFill = checkedFill;\n  }\n  get uncheckedFill(): string {\n    return this._uncheckedFill;\n  }\n  set uncheckedFill(uncheckedFill: string) {\n    this._uncheckedFill = uncheckedFill;\n  }\n  get disableCheckedFill(): string {\n    return this._disableCheckedFill;\n  }\n  set disableCheckedFill(disableCheckedFill: string) {\n    this._disableCheckedFill = disableCheckedFill;\n  }\n  get disableUncheckedFill(): string {\n    return this._disableUncheckedFill;\n  }\n  set disableUncheckedFill(disableUncheckedFill: string) {\n    this._disableUncheckedFill = disableUncheckedFill;\n  }\n  get circleFill(): string {\n    return this._circleFill;\n  }\n  set circleFill(circleFill: string) {\n    this._circleFill = circleFill;\n  }\n  getStyle(style: IStyleOption): SwitchStyle {\n    return new SwitchStyle(style, this);\n  }\n  clone(): SwitchStyle {\n    return new SwitchStyle(this);\n  }\n}\n"]}

package/cjs/body-helper/style.js

@@ -40,13 +40,14 @@ Object.defineProperty(exports, "Style", {
     }
 });
 
-const CheckboxStyle_1 = require("./style/CheckboxStyle"), RadioStyle_1 = require("./style/RadioStyle"), {EVENT_TYPE: EVENT_TYPE} = Style_1.Style;
+const CheckboxStyle_1 = require("./style/CheckboxStyle"), RadioStyle_1 = require("./style/RadioStyle"), SwitchStyle_1 = require("./style/SwitchStyle"), ButtonStyle_1 = require("./style/ButtonStyle"), {EVENT_TYPE: EVENT_TYPE} = Style_1.Style;
 
 function of(columnStyle, bodyStyle, styleArg, StyleClassDef = Style_1.Style, globalAutoWrapText, theme) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     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), 
-    StyleClassDef === CheckboxStyle_1.CheckboxStyle ? new CheckboxStyle_1.CheckboxStyle(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {}, null !== (_a = theme.checkboxStyle) && void 0 !== _a ? _a : {}) : StyleClassDef === RadioStyle_1.RadioStyle ? new RadioStyle_1.RadioStyle(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {}, null !== (_b = theme.radioStyle) && void 0 !== _b ? _b : {}) : 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 : {}) : StyleClassDef === RadioStyle_1.RadioStyle ? new RadioStyle_1.RadioStyle(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {}, null !== (_b = theme.radioStyle) && void 0 !== _b ? _b : {}) : StyleClassDef === SwitchStyle_1.SwitchStyle ? new SwitchStyle_1.SwitchStyle(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {}, null !== (_c = theme.switchStyle) && void 0 !== _c ? _c : {}) : StyleClassDef === ButtonStyle_1.ButtonStyle ? new ButtonStyle_1.ButtonStyle(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {}, null !== (_d = theme.buttonStyle) && void 0 !== _d ? _d : {}) : new StyleClassDef(null != columnStyle ? columnStyle : {}, null != bodyStyle ? bodyStyle : {})) : StyleClassDef.DEFAULT;
 }
 
-exports.EVENT_TYPE = EVENT_TYPE, exports.of = of;
+exports.EVENT_TYPE = EVENT_TYPE, exports.of = of;
+//# sourceMappingURL=style.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/body-helper/style.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAW3C,mDAAgD;AAa9C,2FAbO,uBAAU,OAaP;AAZZ,mEAAuD;AAarD,0FAbO,8BAAS,OAaP;AAZX,qDAAkD;AAUhD,4FAVO,yBAAW,OAUP;AATb,yCAAsC;AAQpC,sFARO,aAAK,OAQP;AANP,yDAAsD;AACtD,mDAAgD;AAEhD,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;aAAM,IAAI,aAAa,KAAK,uBAAU,EAAE;YACvC,OAAO,IAAI,uBAAU,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,EAAE,CAAC,MAAA,KAAK,CAAC,UAAU,mCAAI,EAAE,CAAQ,CAAC,CAAC;SACrG;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;AA5BD,gBA4BC","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';\nimport { RadioStyle } from './style/RadioStyle';\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    } else if (StyleClassDef === RadioStyle) {\n      return new RadioStyle(columnStyle ?? {}, (bodyStyle ?? {}) as any, (theme.radioStyle ?? {}) as any);\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;AAe9C,2FAfO,uBAAU,OAeP;AAdZ,mEAAuD;AAerD,0FAfO,8BAAS,OAeP;AAdX,qDAAkD;AAYhD,4FAZO,yBAAW,OAYP;AAXb,yCAAsC;AAUpC,sFAVO,aAAK,OAUP;AARP,yDAAsD;AACtD,mDAAgD;AAChD,qDAAkD;AAClD,qDAAkD;AAElD,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;aAAM,IAAI,aAAa,KAAK,uBAAU,EAAE;YACvC,OAAO,IAAI,uBAAU,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,EAAE,CAAC,MAAA,KAAK,CAAC,UAAU,mCAAI,EAAE,CAAQ,CAAC,CAAC;SACrG;aAAM,IAAI,aAAa,KAAK,yBAAW,EAAE;YACxC,OAAO,IAAI,yBAAW,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,EAAE,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAQ,CAAC,CAAC;SACvG;aAAM,IAAI,aAAa,KAAK,yBAAW,EAAE;YACxC,OAAO,IAAI,yBAAW,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAQ,EAAE,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAQ,CAAC,CAAC;SACvG;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;AAhCD,gBAgCC","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';\nimport { RadioStyle } from './style/RadioStyle';\nimport { SwitchStyle } from './style/SwitchStyle';\nimport { ButtonStyle } from './style/ButtonStyle';\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    } else if (StyleClassDef === RadioStyle) {\n      return new RadioStyle(columnStyle ?? {}, (bodyStyle ?? {}) as any, (theme.radioStyle ?? {}) as any);\n    } else if (StyleClassDef === SwitchStyle) {\n      return new SwitchStyle(columnStyle ?? {}, (bodyStyle ?? {}) as any, (theme.switchStyle ?? {}) as any);\n    } else if (StyleClassDef === ButtonStyle) {\n      return new ButtonStyle(columnStyle ?? {}, (bodyStyle ?? {}) as any, (theme.buttonStyle ?? {}) as any);\n    }\n    return new StyleClassDef((columnStyle ?? {}) as any, (bodyStyle ?? {}) as any);\n  }\n  return StyleClassDef.DEFAULT;\n}\n"]}

package/cjs/components/axis/axis.d.ts

@@ -1,6 +1,6 @@
 import type { BaseTableAPI } from '../../ts-types/base-table';
 import type { ICellAxisOption } from '../../ts-types/component/axis';
-import { LineAxis, type LineAxisAttributes } from '@visactor/vrender-components';
+import { LineAxis, type LineAxisAttributes } from './../../vrender';
 import type { IOrientType } from '../../ts-types/component/util';
 import { BandAxisScale } from './band-scale';
 import { DataView } from '@visactor/vdataset';

package/cjs/components/axis/axis.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CartesianAxis = void 0;
 
-const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), get_axis_attributes_1 = require("./get-axis-attributes"), orient_1 = require("../util/orient"), band_scale_1 = require("./band-scale"), register_1 = require("../util/register"), vdataset_1 = require("@visactor/vdataset"), vrender_1 = require("./../../vrender"), linear_scale_1 = require("./linear-scale"), label_overlap_1 = require("./label-overlap"), DEFAULT_BAND_INNER_PADDING = .1, DEFAULT_BAND_OUTER_PADDING = .3, scaleParser = scale => scale;
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("./../../vrender"), get_axis_attributes_1 = require("./get-axis-attributes"), orient_1 = require("../util/orient"), band_scale_1 = require("./band-scale"), register_1 = require("../util/register"), vdataset_1 = require("@visactor/vdataset"), vrender_2 = require("./../../vrender"), linear_scale_1 = require("./linear-scale"), label_overlap_1 = require("./label-overlap"), DEFAULT_BAND_INNER_PADDING = .1, DEFAULT_BAND_OUTER_PADDING = .3, scaleParser = scale => scale;
 
 class CartesianAxis {
     constructor(option, width, height, padding, table) {
@@ -36,7 +36,7 @@ class CartesianAxis {
     }
     initData() {
         this.table._vDataSet || (this.table._vDataSet = new vdataset_1.DataSet), (0, register_1.registerDataSetInstanceParser)(this.table._vDataSet, "scale", scaleParser), 
-        (0, register_1.registerDataSetInstanceTransform)(this.table._vDataSet, "ticks", vrender_1.ticks);
+        (0, register_1.registerDataSetInstanceTransform)(this.table._vDataSet, "ticks", vrender_2.ticks);
         const label = this.option.label || {}, tick = this.option.tick || {}, tickData = new vdataset_1.DataView(this.table._vDataSet).parse(this.scale._scale, {
             type: "scale"
         }).transform({
@@ -66,7 +66,7 @@ class CartesianAxis {
     createComponent() {
         const axisStylrAttrs = (0, get_axis_attributes_1.getAxisAttributes)(this.option), attrs = this.getUpdateAttribute();
         attrs.verticalFactor = "top" === this.orient || "right" === this.orient ? -1 : 1, 
-        this.component = new vrender_components_1.LineAxis((0, vutils_1.merge)({
+        this.component = new vrender_1.LineAxis((0, vutils_1.merge)({
             disableTriggerEvent: this.table.options.disableInteraction
         }, axisStylrAttrs, attrs)), this.component.setAttributes(this.setLayoutStartPosition({
             x: this.x,