@visactor/vtable 0.11.1-alpha.7 → 0.11.1-alpha.8

package/cjs/header-helper/style/Style.d.ts

@@ -1,6 +1,5 @@
-import type { ColorPropertyDefine, ColorsPropertyDefine, ColumnStyle, IStyleOption, TextOverflow, UnderlinePropertyDefine, LineThroughPropertyDefine, LineDashPropertyDefine, PaddingsPropertyDefine, CursorPropertyDefine, LineWidthsPropertyDefine, LineDashsPropertyDefine, MarkedPropertyDefine, FontSizePropertyDefine, FontFamilyPropertyDefine, FontWeightPropertyDefine, FontVariantPropertyDefine, FontStylePropertyDefine } from '../../ts-types';
+import type { ColorPropertyDefine, ColorsPropertyDefine, ColumnStyle, IStyleOption, TextOverflow, UnderlinePropertyDefine, LineThroughPropertyDefine, LineDashPropertyDefine, PaddingsPropertyDefine, CursorPropertyDefine, LineWidthsPropertyDefine, LineDashsPropertyDefine, MarkedPropertyDefine, FontSizePropertyDefine, FontFamilyPropertyDefine, FontWeightPropertyDefine, FontVariantPropertyDefine, FontStylePropertyDefine, TextAlignType, TextBaselineType } from '../../ts-types';
 import { EventTarget } from '../../event/EventTarget';
-import type { TextAlignType, TextBaselineType } from '@visactor/vrender';
 export declare class Style extends EventTarget implements ColumnStyle {
     private _color?;
     private _fontSize?;

package/cjs/header-helper/style/Style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["header-helper/style/Style.ts"],"names":[],"mappings":"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","file":"Style.js","sourcesContent":["import type {\n  ColorPropertyDefine,\n  ColorsPropertyDefine,\n  ColumnStyle,\n  IStyleOption,\n  TextOverflow,\n  UnderlinePropertyDefine,\n  LineThroughPropertyDefine,\n  LineDashPropertyDefine,\n  PaddingsPropertyDefine,\n  CursorPropertyDefine,\n  LineWidthsPropertyDefine,\n  LineDashsPropertyDefine,\n  MarkedPropertyDefine,\n  FontSizePropertyDefine,\n  FontFamilyPropertyDefine,\n  FontWeightPropertyDefine,\n  FontVariantPropertyDefine,\n  FontStylePropertyDefine\n} from '../../ts-types';\nlet defaultStyle: Style;\nimport { EventTarget } from '../../event/EventTarget';\nimport type { TextAlignType, TextBaselineType } from '@visactor/vrender';\nconst EVENT_TYPE = {\n  CHANGE_STYLE: 'change_style'\n};\nexport class Style extends EventTarget implements ColumnStyle {\n  private _color?: ColorPropertyDefine;\n  private _fontSize?: FontSizePropertyDefine;\n  private _fontFamily?: FontFamilyPropertyDefine;\n  private _fontWeight?: FontWeightPropertyDefine;\n  private _fontVariant?: FontVariantPropertyDefine;\n  private _fontStyle?: FontStylePropertyDefine;\n  private _textOverflow: TextOverflow;\n  private _padding: PaddingsPropertyDefine | undefined;\n  private _defaultPadding: PaddingsPropertyDefine = [10, 16, 10, 16];\n  private _textStick: boolean;\n  private _marked: MarkedPropertyDefine;\n  // eslint-disable-next-line no-undef\n  private _textAlign: TextAlignType;\n  // eslint-disable-next-line no-undef\n  private _textBaseline: TextBaselineType;\n  private _bgColor?: ColorPropertyDefine;\n  private _borderColor?: ColorsPropertyDefine;\n  private _lineHeight?: number;\n  private _underline?: UnderlinePropertyDefine;\n  private _underlineColor?: ColorPropertyDefine;\n  private _underlineDash?: LineDashPropertyDefine;\n  private _lineThrough?: LineThroughPropertyDefine;\n  private _lineThroughColor?: ColorPropertyDefine;\n  private _lineThroughDash?: LineDashPropertyDefine;\n  private _linkColor?: ColorPropertyDefine;\n\n  // private _tag?: TagPropertyDefine;\n  // private _tagFont?: FontPropertyDefine;\n  // private _tagColor?: ColorPropertyDefine;\n  // private _tagBgColor?: ColorPropertyDefine;\n  // private _tagMargin?: number | string | (number | string)[];\n\n  private _cursor?: CursorPropertyDefine;\n  private _borderLineWidth?: LineWidthsPropertyDefine;\n  private _borderLineDash?: LineDashsPropertyDefine;\n  static get EVENT_TYPE(): { CHANGE_STYLE: string } {\n    return EVENT_TYPE;\n  }\n  static get DEFAULT(): Style {\n    return defaultStyle ? defaultStyle : (defaultStyle = new Style());\n  }\n  constructor(style: IStyleOption = {}, headerStyle: IStyleOption = {}) {\n    super();\n    this._color = style.color ?? headerStyle?.color;\n    // icon为文字前后可添加的图标\n    // this._icon = style.icon;\n    this._fontSize = style.fontSize ?? headerStyle?.fontSize;\n    this._fontFamily = style.fontFamily ?? headerStyle?.fontFamily;\n    this._fontWeight = style.fontWeight ?? headerStyle?.fontWeight;\n    this._fontVariant = style.fontVariant ?? headerStyle?.fontVariant;\n    this._fontStyle = style.fontStyle ?? headerStyle?.fontStyle;\n    this._textOverflow = (style.textOverflow ?? headerStyle?.textOverflow) || 'ellipsis';\n    this._textStick = style.textStick ?? headerStyle?.textStick ?? false;\n    this._marked = style.marked ?? headerStyle?.marked ?? false;\n    this._textAlign = (style.textAlign ?? headerStyle?.textAlign) || 'left';\n    this._textBaseline = (style.textBaseline ?? headerStyle?.textBaseline) || 'middle';\n    this._bgColor = style.bgColor ?? headerStyle?.bgColor;\n    this._padding = style.padding ?? headerStyle?.padding ?? this._defaultPadding;\n    this._borderColor = style.borderColor ?? headerStyle?.borderColor;\n    this._lineHeight = style.lineHeight ?? headerStyle?.lineHeight;\n    this._underline = style.underline ?? headerStyle?.underline;\n    this._underlineColor = style.underlineColor ?? headerStyle?.underlineColor;\n    this._underlineDash = style.underlineDash ?? headerStyle?.underlineDash;\n    this._lineThrough = style.lineThrough ?? headerStyle?.lineThrough;\n    this._lineThroughColor = style.lineThroughColor ?? headerStyle?.lineThroughColor;\n    this._lineThroughDash = style.lineThroughDash ?? headerStyle?.lineThroughDash;\n    this._linkColor = style.linkColor ?? headerStyle?.linkColor;\n\n    // this._tag = style.tag ?? headerStyle?.tag;\n    // this._tagFont = style.tagFont ?? headerStyle?.tagFont;\n    // this._tagColor = style.tagColor ?? headerStyle?.tagColor;\n    // this._tagBgColor = style.tagBgColor ?? headerStyle?.tagBgColor;\n    // this._tagMargin = style.tagMargin ?? headerStyle?.tagMargin;\n    this._cursor = style.cursor ?? headerStyle?.cursor;\n    this._borderLineWidth = style.borderLineWidth ?? headerStyle?.borderLineWidth;\n    this._borderLineDash = style.borderLineDash ?? headerStyle?.borderLineDash;\n  }\n  get bgColor(): ColorPropertyDefine | undefined {\n    return this._bgColor;\n  }\n  set bgColor(bgColor: ColorPropertyDefine | undefined) {\n    this._bgColor = bgColor;\n    //this.doChangeStyle();\n  }\n  get color(): ColorPropertyDefine | undefined {\n    return this._color;\n  }\n  set color(color: ColorPropertyDefine | undefined) {\n    this._color = color;\n    //this.doChangeStyle();\n  }\n  get fontSize(): FontSizePropertyDefine | undefined {\n    return this._fontSize;\n  }\n  set fontSize(fontSize: FontSizePropertyDefine | undefined) {\n    this._fontSize = fontSize;\n    //this.doChangeStyle();\n  }\n  get fontFamily(): FontFamilyPropertyDefine | undefined {\n    return this._fontFamily;\n  }\n  set fontFamily(fontFamily: FontFamilyPropertyDefine | undefined) {\n    this._fontFamily = fontFamily;\n    //this.doChangeStyle();\n  }\n  get fontWeight(): FontWeightPropertyDefine | undefined {\n    return this._fontWeight;\n  }\n  set fontWeight(fontWeight: FontWeightPropertyDefine | undefined) {\n    this._fontWeight = fontWeight;\n    //this.doChangeStyle();\n  }\n  get fontVariant(): FontVariantPropertyDefine | undefined {\n    return this._fontVariant;\n  }\n  set fontVariant(fontVariant: FontVariantPropertyDefine | undefined) {\n    this._fontVariant = fontVariant;\n    //this.doChangeStyle();\n  }\n  get fontStyle(): FontStylePropertyDefine | undefined {\n    return this._fontStyle;\n  }\n  set fontStyle(fontStyle: FontStylePropertyDefine | undefined) {\n    this._fontStyle = fontStyle;\n    //this.doChangeStyle();\n  }\n  get textOverflow(): TextOverflow {\n    return this._textOverflow;\n  }\n  set textOverflow(textOverflow: TextOverflow) {\n    this._textOverflow = textOverflow;\n    //this.doChangeStyle();\n  }\n  get padding(): PaddingsPropertyDefine | undefined {\n    return this._padding ?? this._defaultPadding;\n  }\n  set padding(padding: PaddingsPropertyDefine | undefined) {\n    this._padding = padding;\n    //this.doChangeStyle();\n  }\n  get borderColor(): ColorsPropertyDefine | undefined {\n    return this._borderColor;\n  }\n  set borderColor(borderColor: ColorsPropertyDefine | undefined) {\n    this._borderColor = borderColor;\n    //this.doChangeStyle();\n  }\n  get textStick(): boolean {\n    return this._textStick;\n  }\n  set textStick(textStick: boolean) {\n    this._textStick = textStick;\n    //this.doChangeStyle();\n  }\n  get marked(): MarkedPropertyDefine | undefined {\n    return this._marked;\n  }\n  set marked(marked: MarkedPropertyDefine | undefined) {\n    this._marked = marked;\n    //this.doChangeStyle();\n  }\n  // eslint-disable-next-line no-undef\n  get textAlign(): TextAlignType {\n    return this._textAlign;\n  }\n  // eslint-disable-next-line no-undef\n  set textAlign(textAlign: TextAlignType) {\n    this._textAlign = textAlign;\n    //this.doChangeStyle();\n  }\n  // eslint-disable-next-line no-undef\n  get textBaseline(): TextBaselineType {\n    return this._textBaseline;\n  }\n  // eslint-disable-next-line no-undef\n  set textBaseline(textBaseline: TextBaselineType) {\n    this._textBaseline = textBaseline;\n    //this.doChangeStyle();\n  }\n  get lineHeight(): number | undefined {\n    return this._lineHeight;\n  }\n  set lineHeight(lineHeight: number | undefined) {\n    this._lineHeight = lineHeight;\n    //this.doChangeStyle();\n  }\n  get underline(): UnderlinePropertyDefine | undefined {\n    return this._underline;\n  }\n  set underline(underline: UnderlinePropertyDefine | undefined) {\n    this._underline = underline;\n    //this.doChangeStyle();\n  }\n  get underlineColor(): ColorPropertyDefine | undefined {\n    return this._underlineColor;\n  }\n  set underlineColor(underlineColor: ColorPropertyDefine | undefined) {\n    this._underlineColor = underlineColor;\n    //this.doChangeStyle();\n  }\n  get underlineDash(): LineDashPropertyDefine | undefined {\n    return this._underlineDash;\n  }\n  set underlineDash(underlineDash: LineDashPropertyDefine | undefined) {\n    this._underlineDash = underlineDash;\n    //this.doChangeStyle();\n  }\n  get lineThrough(): LineThroughPropertyDefine | undefined {\n    return this._lineThrough;\n  }\n  set lineThrough(lineThrough: LineThroughPropertyDefine | undefined) {\n    this._lineThrough = lineThrough;\n    //this.doChangeStyle();\n  }\n  get lineThroughColor(): ColorPropertyDefine | undefined {\n    return this._lineThroughColor;\n  }\n  set lineThroughColor(lineThroughColor: ColorPropertyDefine | undefined) {\n    this._lineThroughColor = lineThroughColor;\n    //this.doChangeStyle();\n  }\n  get lineThroughDash(): LineDashPropertyDefine | undefined {\n    return this._lineThroughDash;\n  }\n  set lineThroughDash(lineThroughDash: LineDashPropertyDefine | undefined) {\n    this._lineThroughDash = lineThroughDash;\n    //this.doChangeStyle();\n  }\n  get linkColor(): ColorPropertyDefine | undefined {\n    return this._linkColor;\n  }\n  set linkColor(linkColor: ColorPropertyDefine | undefined) {\n    this._linkColor = linkColor;\n    //this.doChangeStyle();\n  }\n  // get tag(): TagPropertyDefine | undefined {\n  //   return this._tag;\n  // }\n  // set tag(tag: TagPropertyDefine | undefined) {\n  //   this._tag = tag;\n  //   //this.doChangeStyle();\n  // }\n  // get tagFont(): FontPropertyDefine | undefined {\n  //   return this._tagFont;\n  // }\n  // set tagFont(tagFont: FontPropertyDefine | undefined) {\n  //   this._tagFont = tagFont;\n  //   //this.doChangeStyle();\n  // }\n  // get tagColor(): ColorPropertyDefine | undefined {\n  //   return this._tagColor;\n  // }\n  // set tagColor(tagColor: ColorPropertyDefine | undefined) {\n  //   this._tagColor = tagColor;\n  //   //this.doChangeStyle();\n  // }\n  // get tagBgColor(): ColorPropertyDefine | undefined {\n  //   return this._tagBgColor;\n  // }\n  // set tagBgColor(tagBgColor: ColorPropertyDefine | undefined) {\n  //   this._tagBgColor = tagBgColor;\n  //   //this.doChangeStyle();\n  // }\n  // get tagMargin(): number | string | (number | string)[] | undefined {\n  //   return this._tagMargin;\n  // }\n  // set tagMargin(tagMargin: number | string | (number | string)[] | undefined) {\n  //   this._tagMargin = tagMargin;\n  //   //this.doChangeStyle();\n  // }\n  get cursor(): CursorPropertyDefine | undefined {\n    return this._cursor;\n  }\n  set cursor(cursor: CursorPropertyDefine | undefined) {\n    this._cursor = cursor;\n    //this.doChangeStyle();\n  }\n  get borderLineWidth(): LineWidthsPropertyDefine | undefined {\n    return this._borderLineWidth;\n  }\n  set borderLineWidth(borderLineWidth: LineWidthsPropertyDefine | undefined) {\n    this._borderLineWidth = borderLineWidth;\n    //this.doChangeStyle();\n  }\n  get borderLineDash(): LineDashsPropertyDefine | undefined {\n    return this._borderLineDash;\n  }\n  set borderLineDash(borderLineDash: LineDashsPropertyDefine | undefined) {\n    this._borderLineDash = borderLineDash;\n    //this.doChangeStyle();\n  }\n  // doChangeStyle(): void {\n  //   this.fireListeners(EVENT_TYPE.CHANGE_STYLE);\n  // }\n  clone(): Style {\n    return new Style(this);\n  }\n}\n"]}
+{"version":3,"sources":["header-helper/style/Style.ts"],"names":[],"mappings":"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","file":"Style.js","sourcesContent":["import type {\n  ColorPropertyDefine,\n  ColorsPropertyDefine,\n  ColumnStyle,\n  IStyleOption,\n  TextOverflow,\n  UnderlinePropertyDefine,\n  LineThroughPropertyDefine,\n  LineDashPropertyDefine,\n  PaddingsPropertyDefine,\n  CursorPropertyDefine,\n  LineWidthsPropertyDefine,\n  LineDashsPropertyDefine,\n  MarkedPropertyDefine,\n  FontSizePropertyDefine,\n  FontFamilyPropertyDefine,\n  FontWeightPropertyDefine,\n  FontVariantPropertyDefine,\n  FontStylePropertyDefine,\n  TextAlignType,\n  TextBaselineType\n} from '../../ts-types';\nlet defaultStyle: Style;\nimport { EventTarget } from '../../event/EventTarget';\nconst EVENT_TYPE = {\n  CHANGE_STYLE: 'change_style'\n};\nexport class Style extends EventTarget implements ColumnStyle {\n  private _color?: ColorPropertyDefine;\n  private _fontSize?: FontSizePropertyDefine;\n  private _fontFamily?: FontFamilyPropertyDefine;\n  private _fontWeight?: FontWeightPropertyDefine;\n  private _fontVariant?: FontVariantPropertyDefine;\n  private _fontStyle?: FontStylePropertyDefine;\n  private _textOverflow: TextOverflow;\n  private _padding: PaddingsPropertyDefine | undefined;\n  private _defaultPadding: PaddingsPropertyDefine = [10, 16, 10, 16];\n  private _textStick: boolean;\n  private _marked: MarkedPropertyDefine;\n  // eslint-disable-next-line no-undef\n  private _textAlign: TextAlignType;\n  // eslint-disable-next-line no-undef\n  private _textBaseline: TextBaselineType;\n  private _bgColor?: ColorPropertyDefine;\n  private _borderColor?: ColorsPropertyDefine;\n  private _lineHeight?: number;\n  private _underline?: UnderlinePropertyDefine;\n  private _underlineColor?: ColorPropertyDefine;\n  private _underlineDash?: LineDashPropertyDefine;\n  private _lineThrough?: LineThroughPropertyDefine;\n  private _lineThroughColor?: ColorPropertyDefine;\n  private _lineThroughDash?: LineDashPropertyDefine;\n  private _linkColor?: ColorPropertyDefine;\n\n  // private _tag?: TagPropertyDefine;\n  // private _tagFont?: FontPropertyDefine;\n  // private _tagColor?: ColorPropertyDefine;\n  // private _tagBgColor?: ColorPropertyDefine;\n  // private _tagMargin?: number | string | (number | string)[];\n\n  private _cursor?: CursorPropertyDefine;\n  private _borderLineWidth?: LineWidthsPropertyDefine;\n  private _borderLineDash?: LineDashsPropertyDefine;\n  static get EVENT_TYPE(): { CHANGE_STYLE: string } {\n    return EVENT_TYPE;\n  }\n  static get DEFAULT(): Style {\n    return defaultStyle ? defaultStyle : (defaultStyle = new Style());\n  }\n  constructor(style: IStyleOption = {}, headerStyle: IStyleOption = {}) {\n    super();\n    this._color = style.color ?? headerStyle?.color;\n    // icon为文字前后可添加的图标\n    // this._icon = style.icon;\n    this._fontSize = style.fontSize ?? headerStyle?.fontSize;\n    this._fontFamily = style.fontFamily ?? headerStyle?.fontFamily;\n    this._fontWeight = style.fontWeight ?? headerStyle?.fontWeight;\n    this._fontVariant = style.fontVariant ?? headerStyle?.fontVariant;\n    this._fontStyle = style.fontStyle ?? headerStyle?.fontStyle;\n    this._textOverflow = (style.textOverflow ?? headerStyle?.textOverflow) || 'ellipsis';\n    this._textStick = style.textStick ?? headerStyle?.textStick ?? false;\n    this._marked = style.marked ?? headerStyle?.marked ?? false;\n    this._textAlign = (style.textAlign ?? headerStyle?.textAlign) || 'left';\n    this._textBaseline = (style.textBaseline ?? headerStyle?.textBaseline) || 'middle';\n    this._bgColor = style.bgColor ?? headerStyle?.bgColor;\n    this._padding = style.padding ?? headerStyle?.padding ?? this._defaultPadding;\n    this._borderColor = style.borderColor ?? headerStyle?.borderColor;\n    this._lineHeight = style.lineHeight ?? headerStyle?.lineHeight;\n    this._underline = style.underline ?? headerStyle?.underline;\n    this._underlineColor = style.underlineColor ?? headerStyle?.underlineColor;\n    this._underlineDash = style.underlineDash ?? headerStyle?.underlineDash;\n    this._lineThrough = style.lineThrough ?? headerStyle?.lineThrough;\n    this._lineThroughColor = style.lineThroughColor ?? headerStyle?.lineThroughColor;\n    this._lineThroughDash = style.lineThroughDash ?? headerStyle?.lineThroughDash;\n    this._linkColor = style.linkColor ?? headerStyle?.linkColor;\n\n    // this._tag = style.tag ?? headerStyle?.tag;\n    // this._tagFont = style.tagFont ?? headerStyle?.tagFont;\n    // this._tagColor = style.tagColor ?? headerStyle?.tagColor;\n    // this._tagBgColor = style.tagBgColor ?? headerStyle?.tagBgColor;\n    // this._tagMargin = style.tagMargin ?? headerStyle?.tagMargin;\n    this._cursor = style.cursor ?? headerStyle?.cursor;\n    this._borderLineWidth = style.borderLineWidth ?? headerStyle?.borderLineWidth;\n    this._borderLineDash = style.borderLineDash ?? headerStyle?.borderLineDash;\n  }\n  get bgColor(): ColorPropertyDefine | undefined {\n    return this._bgColor;\n  }\n  set bgColor(bgColor: ColorPropertyDefine | undefined) {\n    this._bgColor = bgColor;\n    //this.doChangeStyle();\n  }\n  get color(): ColorPropertyDefine | undefined {\n    return this._color;\n  }\n  set color(color: ColorPropertyDefine | undefined) {\n    this._color = color;\n    //this.doChangeStyle();\n  }\n  get fontSize(): FontSizePropertyDefine | undefined {\n    return this._fontSize;\n  }\n  set fontSize(fontSize: FontSizePropertyDefine | undefined) {\n    this._fontSize = fontSize;\n    //this.doChangeStyle();\n  }\n  get fontFamily(): FontFamilyPropertyDefine | undefined {\n    return this._fontFamily;\n  }\n  set fontFamily(fontFamily: FontFamilyPropertyDefine | undefined) {\n    this._fontFamily = fontFamily;\n    //this.doChangeStyle();\n  }\n  get fontWeight(): FontWeightPropertyDefine | undefined {\n    return this._fontWeight;\n  }\n  set fontWeight(fontWeight: FontWeightPropertyDefine | undefined) {\n    this._fontWeight = fontWeight;\n    //this.doChangeStyle();\n  }\n  get fontVariant(): FontVariantPropertyDefine | undefined {\n    return this._fontVariant;\n  }\n  set fontVariant(fontVariant: FontVariantPropertyDefine | undefined) {\n    this._fontVariant = fontVariant;\n    //this.doChangeStyle();\n  }\n  get fontStyle(): FontStylePropertyDefine | undefined {\n    return this._fontStyle;\n  }\n  set fontStyle(fontStyle: FontStylePropertyDefine | undefined) {\n    this._fontStyle = fontStyle;\n    //this.doChangeStyle();\n  }\n  get textOverflow(): TextOverflow {\n    return this._textOverflow;\n  }\n  set textOverflow(textOverflow: TextOverflow) {\n    this._textOverflow = textOverflow;\n    //this.doChangeStyle();\n  }\n  get padding(): PaddingsPropertyDefine | undefined {\n    return this._padding ?? this._defaultPadding;\n  }\n  set padding(padding: PaddingsPropertyDefine | undefined) {\n    this._padding = padding;\n    //this.doChangeStyle();\n  }\n  get borderColor(): ColorsPropertyDefine | undefined {\n    return this._borderColor;\n  }\n  set borderColor(borderColor: ColorsPropertyDefine | undefined) {\n    this._borderColor = borderColor;\n    //this.doChangeStyle();\n  }\n  get textStick(): boolean {\n    return this._textStick;\n  }\n  set textStick(textStick: boolean) {\n    this._textStick = textStick;\n    //this.doChangeStyle();\n  }\n  get marked(): MarkedPropertyDefine | undefined {\n    return this._marked;\n  }\n  set marked(marked: MarkedPropertyDefine | undefined) {\n    this._marked = marked;\n    //this.doChangeStyle();\n  }\n  // eslint-disable-next-line no-undef\n  get textAlign(): TextAlignType {\n    return this._textAlign;\n  }\n  // eslint-disable-next-line no-undef\n  set textAlign(textAlign: TextAlignType) {\n    this._textAlign = textAlign;\n    //this.doChangeStyle();\n  }\n  // eslint-disable-next-line no-undef\n  get textBaseline(): TextBaselineType {\n    return this._textBaseline;\n  }\n  // eslint-disable-next-line no-undef\n  set textBaseline(textBaseline: TextBaselineType) {\n    this._textBaseline = textBaseline;\n    //this.doChangeStyle();\n  }\n  get lineHeight(): number | undefined {\n    return this._lineHeight;\n  }\n  set lineHeight(lineHeight: number | undefined) {\n    this._lineHeight = lineHeight;\n    //this.doChangeStyle();\n  }\n  get underline(): UnderlinePropertyDefine | undefined {\n    return this._underline;\n  }\n  set underline(underline: UnderlinePropertyDefine | undefined) {\n    this._underline = underline;\n    //this.doChangeStyle();\n  }\n  get underlineColor(): ColorPropertyDefine | undefined {\n    return this._underlineColor;\n  }\n  set underlineColor(underlineColor: ColorPropertyDefine | undefined) {\n    this._underlineColor = underlineColor;\n    //this.doChangeStyle();\n  }\n  get underlineDash(): LineDashPropertyDefine | undefined {\n    return this._underlineDash;\n  }\n  set underlineDash(underlineDash: LineDashPropertyDefine | undefined) {\n    this._underlineDash = underlineDash;\n    //this.doChangeStyle();\n  }\n  get lineThrough(): LineThroughPropertyDefine | undefined {\n    return this._lineThrough;\n  }\n  set lineThrough(lineThrough: LineThroughPropertyDefine | undefined) {\n    this._lineThrough = lineThrough;\n    //this.doChangeStyle();\n  }\n  get lineThroughColor(): ColorPropertyDefine | undefined {\n    return this._lineThroughColor;\n  }\n  set lineThroughColor(lineThroughColor: ColorPropertyDefine | undefined) {\n    this._lineThroughColor = lineThroughColor;\n    //this.doChangeStyle();\n  }\n  get lineThroughDash(): LineDashPropertyDefine | undefined {\n    return this._lineThroughDash;\n  }\n  set lineThroughDash(lineThroughDash: LineDashPropertyDefine | undefined) {\n    this._lineThroughDash = lineThroughDash;\n    //this.doChangeStyle();\n  }\n  get linkColor(): ColorPropertyDefine | undefined {\n    return this._linkColor;\n  }\n  set linkColor(linkColor: ColorPropertyDefine | undefined) {\n    this._linkColor = linkColor;\n    //this.doChangeStyle();\n  }\n  // get tag(): TagPropertyDefine | undefined {\n  //   return this._tag;\n  // }\n  // set tag(tag: TagPropertyDefine | undefined) {\n  //   this._tag = tag;\n  //   //this.doChangeStyle();\n  // }\n  // get tagFont(): FontPropertyDefine | undefined {\n  //   return this._tagFont;\n  // }\n  // set tagFont(tagFont: FontPropertyDefine | undefined) {\n  //   this._tagFont = tagFont;\n  //   //this.doChangeStyle();\n  // }\n  // get tagColor(): ColorPropertyDefine | undefined {\n  //   return this._tagColor;\n  // }\n  // set tagColor(tagColor: ColorPropertyDefine | undefined) {\n  //   this._tagColor = tagColor;\n  //   //this.doChangeStyle();\n  // }\n  // get tagBgColor(): ColorPropertyDefine | undefined {\n  //   return this._tagBgColor;\n  // }\n  // set tagBgColor(tagBgColor: ColorPropertyDefine | undefined) {\n  //   this._tagBgColor = tagBgColor;\n  //   //this.doChangeStyle();\n  // }\n  // get tagMargin(): number | string | (number | string)[] | undefined {\n  //   return this._tagMargin;\n  // }\n  // set tagMargin(tagMargin: number | string | (number | string)[] | undefined) {\n  //   this._tagMargin = tagMargin;\n  //   //this.doChangeStyle();\n  // }\n  get cursor(): CursorPropertyDefine | undefined {\n    return this._cursor;\n  }\n  set cursor(cursor: CursorPropertyDefine | undefined) {\n    this._cursor = cursor;\n    //this.doChangeStyle();\n  }\n  get borderLineWidth(): LineWidthsPropertyDefine | undefined {\n    return this._borderLineWidth;\n  }\n  set borderLineWidth(borderLineWidth: LineWidthsPropertyDefine | undefined) {\n    this._borderLineWidth = borderLineWidth;\n    //this.doChangeStyle();\n  }\n  get borderLineDash(): LineDashsPropertyDefine | undefined {\n    return this._borderLineDash;\n  }\n  set borderLineDash(borderLineDash: LineDashsPropertyDefine | undefined) {\n    this._borderLineDash = borderLineDash;\n    //this.doChangeStyle();\n  }\n  // doChangeStyle(): void {\n  //   this.fireListeners(EVENT_TYPE.CHANGE_STYLE);\n  // }\n  clone(): Style {\n    return new Style(this);\n  }\n}\n"]}

package/cjs/index.d.ts

@@ -5,7 +5,7 @@ import * as data from './data';
 import * as register from './register';
 import * as themes from './themes';
 import * as DataStatistics from './dataset/DataStatistics';
-import type { ColumnDefine, ColumnsDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, ListTableConstructorOptions, PivotTableConstructorOptions, PivotChartConstructorOptions, IHeaderTreeDefine, IDimension } from './ts-types';
+import type { ColumnDefine, ColumnsDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, ListTableConstructorOptions, PivotTableConstructorOptions, PivotChartConstructorOptions, IHeaderTreeDefine, IDimension, TextAlignType, TextBaselineType } from './ts-types';
 import { ListTable } from './ListTable';
 import { PivotTable } from './PivotTable';
 import { PivotChart } from './PivotChart';
@@ -13,8 +13,8 @@ import type { MousePointerCellEvent } from './ts-types/events';
 import * as CustomLayout from './render/layout';
 export { getDataCellPath } from './tools/get-data-path';
 export * from './render/jsx';
-export declare const version = "0.11.1-alpha.7";
-export { TYPES, core, ListTable, ListTableConstructorOptions, PivotTable, PivotTableConstructorOptions, PivotChartConstructorOptions, PivotChart, IHeaderTreeDefine, IDimension, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, themes, data, MousePointerCellEvent, getIcons, clearGlobal, register, DataStatistics, CustomLayout };
+export declare const version = "0.11.1-alpha.8";
+export { TYPES, core, ListTable, ListTableConstructorOptions, PivotTable, PivotTableConstructorOptions, PivotChartConstructorOptions, PivotChart, IHeaderTreeDefine, IDimension, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, TextAlignType, TextBaselineType, themes, data, MousePointerCellEvent, getIcons, clearGlobal, register, DataStatistics, CustomLayout };
 declare function getIcons(): {
     [key: string]: TYPES.ColumnIconOption;
 };

package/cjs/index.js

@@ -102,6 +102,6 @@ Object.defineProperty(exports, "getDataCellPath", {
     get: function() {
         return get_data_path_1.getDataCellPath;
     }
-}), __exportStar(require("./render/jsx"), exports), exports.version = "0.11.1-alpha.7", 
+}), __exportStar(require("./render/jsx"), exports), exports.version = "0.11.1-alpha.8", 
 exports.getIcons = getIcons, exports.clearGlobal = clearGlobal, TYPES.AggregationType;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,8CAA4C;AAC5C,kDAAoC;AAwClC,sBAAK;AAvCP,6CAA+B;AAwC7B,oBAAI;AAvCN,6CAA+B;AA0D7B,oBAAI;AAzDN,+CAAiC;AACjC,qDAAuC;AA6DrC,4BAAQ;AA5DV,iDAAmC;AAsDjC,wBAAM;AArDR,yEAA2D;AA+DzD,wCAAc;AA9ChB,2CAAwC;AAmBtC,0FAnBO,qBAAS,OAmBP;AAlBX,6CAA0C;AAoBxC,2FApBO,uBAAU,OAoBP;AAnBZ,6CAA0C;AAsBxC,2FAtBO,uBAAU,OAsBP;AApBZ,8DAAgD;AA2C9C,oCAAY;AA1Cd,uDAAwD;AAA/C,gHAAA,eAAe,OAAA;AACxB,+CAA6B;AAEhB,QAAA,OAAO,GAAG,gBAAgB,CAAC;AA2CxC,SAAS,QAAQ;IAGf,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC;AACrB,CAAC;AAhBC,4BAAQ;AAkBV,SAAS,WAAW;IAClB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AAGtB,CAAC;AArBC,kCAAW;AAsBb,KAAK,CAAC,eAAe,CAAC","file":"index.js","sourcesContent":["/* eslint-disable sort-imports */\nimport 'core-js/proposals/reflect-metadata'; // wait for vrender fix\nimport * as TYPES from './ts-types';\nimport * as core from './core';\nimport * as data from './data';\nimport * as icons from './icons';\nimport * as register from './register';\nimport * as themes from './themes';\nimport * as DataStatistics from './dataset/DataStatistics';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  ListTableConstructorOptions,\n  PivotTableConstructorOptions,\n  PivotChartConstructorOptions,\n  IHeaderTreeDefine,\n  IDimension\n} from './ts-types';\nimport { ListTable } from './ListTable';\nimport { PivotTable } from './PivotTable';\nimport { PivotChart } from './PivotChart';\nimport type { MousePointerCellEvent } from './ts-types/events';\nimport * as CustomLayout from './render/layout';\nexport { getDataCellPath } from './tools/get-data-path';\nexport * from './render/jsx';\n\nexport const version = \"0.11.1-alpha.7\";\n/**\n * @namespace VTable\n */\nexport {\n  /**\n   * Types\n   * @namespace VTable.TYPES\n   */\n  TYPES,\n  core,\n  ListTable,\n  ListTableConstructorOptions,\n  PivotTable,\n  PivotTableConstructorOptions,\n  PivotChartConstructorOptions,\n  PivotChart,\n  IHeaderTreeDefine,\n  IDimension,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  themes,\n  data,\n  MousePointerCellEvent,\n  getIcons,\n  clearGlobal,\n  //plugin registers\n  register,\n  /**\n   * 暂不推荐使用\n   */\n  DataStatistics,\n  CustomLayout\n};\n\n/** @private */\nfunction getIcons(): {\n  [key: string]: TYPES.ColumnIconOption;\n} {\n  return icons.get();\n}\n/** 清理内部的全局变量 如注册的icon theme等 以及共享的header column类实例 */\nfunction clearGlobal() {\n  register.clearAll();\n  // headers.type.clearGlobal();\n  // columns.type.clearGlobal();\n}\nTYPES.AggregationType;\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,8CAA4C;AAC5C,kDAAoC;AA0ClC,sBAAK;AAzCP,6CAA+B;AA0C7B,oBAAI;AAzCN,6CAA+B;AA8D7B,oBAAI;AA7DN,+CAAiC;AACjC,qDAAuC;AAiErC,4BAAQ;AAhEV,iDAAmC;AA0DjC,wBAAM;AAzDR,yEAA2D;AAmEzD,wCAAc;AAhDhB,2CAAwC;AAmBtC,0FAnBO,qBAAS,OAmBP;AAlBX,6CAA0C;AAoBxC,2FApBO,uBAAU,OAoBP;AAnBZ,6CAA0C;AAsBxC,2FAtBO,uBAAU,OAsBP;AApBZ,8DAAgD;AA6C9C,oCAAY;AA5Cd,uDAAwD;AAA/C,gHAAA,eAAe,OAAA;AACxB,+CAA6B;AAEhB,QAAA,OAAO,GAAG,gBAAgB,CAAC;AA6CxC,SAAS,QAAQ;IAGf,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC;AACrB,CAAC;AAhBC,4BAAQ;AAkBV,SAAS,WAAW;IAClB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AAGtB,CAAC;AArBC,kCAAW;AAsBb,KAAK,CAAC,eAAe,CAAC","file":"index.js","sourcesContent":["/* eslint-disable sort-imports */\nimport 'core-js/proposals/reflect-metadata'; // wait for vrender fix\nimport * as TYPES from './ts-types';\nimport * as core from './core';\nimport * as data from './data';\nimport * as icons from './icons';\nimport * as register from './register';\nimport * as themes from './themes';\nimport * as DataStatistics from './dataset/DataStatistics';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  ListTableConstructorOptions,\n  PivotTableConstructorOptions,\n  PivotChartConstructorOptions,\n  IHeaderTreeDefine,\n  IDimension,\n  TextAlignType,\n  TextBaselineType\n} from './ts-types';\nimport { ListTable } from './ListTable';\nimport { PivotTable } from './PivotTable';\nimport { PivotChart } from './PivotChart';\nimport type { MousePointerCellEvent } from './ts-types/events';\nimport * as CustomLayout from './render/layout';\nexport { getDataCellPath } from './tools/get-data-path';\nexport * from './render/jsx';\n\nexport const version = \"0.11.1-alpha.8\";\n/**\n * @namespace VTable\n */\nexport {\n  /**\n   * Types\n   * @namespace VTable.TYPES\n   */\n  TYPES,\n  core,\n  ListTable,\n  ListTableConstructorOptions,\n  PivotTable,\n  PivotTableConstructorOptions,\n  PivotChartConstructorOptions,\n  PivotChart,\n  IHeaderTreeDefine,\n  IDimension,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  themes,\n  data,\n  MousePointerCellEvent,\n  getIcons,\n  clearGlobal,\n  //plugin registers\n  register,\n  /**\n   * 暂不推荐使用\n   */\n  DataStatistics,\n  CustomLayout\n};\n\n/** @private */\nfunction getIcons(): {\n  [key: string]: TYPES.ColumnIconOption;\n} {\n  return icons.get();\n}\n/** 清理内部的全局变量 如注册的icon theme等 以及共享的header column类实例 */\nfunction clearGlobal() {\n  register.clearAll();\n  // headers.type.clearGlobal();\n  // columns.type.clearGlobal();\n}\nTYPES.AggregationType;\n"]}

package/cjs/layout/pivot-layout.d.ts

@@ -40,6 +40,8 @@ export declare class PivotLayoutMap implements LayoutMapAPI {
     _table: PivotTable | PivotChart;
     hasTwoIndicatorAxes: boolean;
     _chartItemSpanSize: number;
+    _chartItemBandSize: number;
+    _chartPadding?: number | number[];
     constructor(table: PivotTable | PivotChart, dataset: Dataset);
     private initState;
     private setColumnWidths;

package/cjs/layout/pivot-layout.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.PivotLayoutMap = void 0;
 
-const util_1 = require("../tools/util"), global_1 = require("../tools/global"), get_axis_config_1 = require("./chart-helper/get-axis-config"), get_chart_spec_1 = require("./chart-helper/get-chart-spec"), EMPTY_HEADER = {
+const util_1 = require("../tools/util"), global_1 = require("../tools/global"), get_axis_config_1 = require("./chart-helper/get-axis-config"), get_chart_spec_1 = require("./chart-helper/get-chart-spec"), padding_1 = require("../scenegraph/utils/padding"), EMPTY_HEADER = {
     isEmpty: !0,
     id: void 0,
     field: void 0,
@@ -19,8 +19,8 @@ class PivotLayoutMap {
         this._columnWidths = [], this._showRowHeader = !0, this._showColumnHeader = !0, 
         this._indicatorShowType = "column", this.indicatorsAsCol = !0, this.hideIndicatorName = !1, 
         this.indicatorDimensionKey = global_1.IndicatorDimensionKeyPlaceholder, this._table = table, 
-        this._chartItemSpanSize = 0, this.rowTree = table.options.rowTree, this.columnTree = table.options.columnTree, 
-        this.rowsDefine = null !== (_a = table.options.rows) && void 0 !== _a ? _a : [], 
+        this._chartItemSpanSize = 0, this._chartItemBandSize = 0, this.rowTree = table.options.rowTree, 
+        this.columnTree = table.options.columnTree, this.rowsDefine = null !== (_a = table.options.rows) && void 0 !== _a ? _a : [], 
         this.columnsDefine = null !== (_b = table.options.columns) && void 0 !== _b ? _b : [], 
         this.indicatorsDefine = null !== (_c = table.options.indicators) && void 0 !== _c ? _c : [], 
         this.indicatorTitle = table.options.indicatorTitle, this.dataset = dataset, this.dataConfig = dataset.dataConfig, 
@@ -84,11 +84,14 @@ class PivotLayoutMap {
             }));
         }
         if (this._table.isPivotChart()) if (this.hasTwoIndicatorAxes = this._indicatorObjects.some((indicatorObject => !!(indicatorObject.chartSpec && indicatorObject.chartSpec.series && indicatorObject.chartSpec.series.length > 1))), 
-        this._chartItemSpanSize = 0, this._indicatorObjects.find((indicatorObject => {
-            var _a, _b, _c;
-            return (null === (_a = indicatorObject.chartSpec) || void 0 === _a ? void 0 : _a.barWidth) && (this._chartItemSpanSize = null === (_b = indicatorObject.chartSpec) || void 0 === _b ? void 0 : _b.barWidth), 
-            this._chartItemSpanSize > 0 || (null === (_c = indicatorObject.chartSpec.series) || void 0 === _c || _c.find((seriesObject => (seriesObject.barWidth && (this._chartItemSpanSize = seriesObject.barWidth), 
-            this._chartItemSpanSize > 0))), this._chartItemSpanSize > 0);
+        this._chartItemSpanSize = 0, this._chartItemBandSize = 0, this._indicatorObjects.find((indicatorObject => {
+            var _a, _b, _c, _d, _e, _f;
+            (null === (_a = null == indicatorObject ? void 0 : indicatorObject.style) || void 0 === _a ? void 0 : _a.padding) && (this._chartPadding = indicatorObject.style.padding), 
+            (null === (_b = indicatorObject.chartSpec) || void 0 === _b ? void 0 : _b.barWidth) && (this._chartItemSpanSize = null === (_c = indicatorObject.chartSpec) || void 0 === _c ? void 0 : _c.barWidth);
+            const bandAxisConfig = null === (_e = null === (_d = indicatorObject.chartSpec) || void 0 === _d ? void 0 : _d.axes) || void 0 === _e ? void 0 : _e.find((axis => "band" === axis.type));
+            return (null == bandAxisConfig ? void 0 : bandAxisConfig.bandSize) && (this._chartItemBandSize = null == bandAxisConfig ? void 0 : bandAxisConfig.bandSize), 
+            this._chartItemSpanSize > 0 || (null === (_f = indicatorObject.chartSpec.series) || void 0 === _f || _f.find((seriesObject => (seriesObject.barWidth && (this._chartItemSpanSize = seriesObject.barWidth), 
+            this._chartItemSpanSize > 0))), !1);
         })), this.indicatorsAsCol) {
             const cell_id = "rowHeaderEmpty";
             this._headerObjectMap[cell_id] = {
@@ -727,26 +730,34 @@ class PivotLayoutMap {
         null == activeChartInstance || activeChartInstance.updateState(state);
     }
     getOptimunWidthForChart(col) {
-        var _a;
+        var _a, _b, _c, _d;
         const path = this.getCellHeaderPaths(col, this.columnHeaderLevelCount).colHeaderPaths;
-        let collectedValues;
+        let collectedValues, width;
         for (const key in this.dataset.collectValuesBy) if ("xField" === this.dataset.collectValuesBy[key].type && !this.dataset.collectValuesBy[key].range) {
             collectedValues = this.dataset.collectedValues[key][path.map((pathObj => pathObj.value)).join(this.dataset.stringJoinChar)];
             break;
         }
-        const barWidth = this._chartItemSpanSize || 25;
-        return (null !== (_a = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _a ? _a : 0) * (barWidth + barWidth / 3);
+        if (this._chartItemBandSize) width = (null !== (_a = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _a ? _a : 0) * this._chartItemBandSize; else {
+            const barWidth = this._chartItemSpanSize || 25;
+            width = (null !== (_b = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _b ? _b : 0) * (barWidth + barWidth / 3);
+        }
+        const padding = (0, padding_1.getQuadProps)(null !== (_d = null !== (_c = this._chartPadding) && void 0 !== _c ? _c : this._table.theme.bodyStyle.padding) && void 0 !== _d ? _d : 0);
+        return width + padding[1] + padding[3];
     }
     getOptimunHeightForChart(row) {
-        var _a;
+        var _a, _b, _c, _d;
         const path = this.getCellHeaderPaths(this.rowHeaderLevelCount, row).rowHeaderPaths;
-        let collectedValues;
+        let collectedValues, height;
         for (const key in this.dataset.collectValuesBy) if ("yField" === this.dataset.collectValuesBy[key].type && !this.dataset.collectValuesBy[key].range) {
             collectedValues = this.dataset.collectedValues[key][path.map((pathObj => pathObj.value)).join(this.dataset.stringJoinChar)];
             break;
         }
-        const barWidth = this._chartItemSpanSize || 25;
-        return (null !== (_a = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _a ? _a : 0) * (barWidth + barWidth / 3);
+        if (this._chartItemBandSize) height = (null !== (_a = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _a ? _a : 0) * this._chartItemBandSize; else {
+            const barWidth = this._chartItemSpanSize || 25;
+            height = (null !== (_b = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _b ? _b : 0) * (barWidth + barWidth / 3);
+        }
+        const padding = (0, padding_1.getQuadProps)(null !== (_d = null !== (_c = this._chartPadding) && void 0 !== _c ? _c : this._table.theme.bodyStyle.padding) && void 0 !== _d ? _d : 0);
+        return height + padding[0] + padding[2];
     }
     getIndicatorKeyInChartSpec(_col, _row) {
         const chartSpec = this.getRawChartSpec(_col, _row), indicatorKeys = [];