@visactor/vtable 0.20.2-alpha.3 → 0.20.2

package/cjs/ts-types/column/style.d.ts

@@ -77,4 +77,18 @@ export interface ProgressBarStyleOption extends IStyleOption {
 export type CheckboxStyleOption = {
     size?: number;
     spaceBetweenTextAndIcon?: number;
+    checkboxStyle?: CheckboxStyle;
 } & ITextStyleOption;
+export type CheckboxStyle = {
+    size?: number;
+    spaceBetweenTextAndIcon?: number;
+    defaultFill?: string;
+    defaultStroke?: string;
+    disableFill?: string;
+    checkedFill?: string;
+    checkedStroke?: string;
+    disableCheckedFill?: string;
+    disableCheckedStroke?: string;
+    checkIconImage?: string;
+    indeterminateIconImage?: string;
+};

package/cjs/ts-types/column/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/column/style.ts"],"names":[],"mappings":"","file":"style.js","sourcesContent":["import type { LineWidthsPropertyDefine } from '..';\nimport { PaddingPropertyDefine } from '..';\nimport type {\n  ColorPropertyDefine,\n  ColorsPropertyDefine,\n  IconPropertyDefine,\n  LineClamp,\n  LineDashsPropertyDefine,\n  TextOverflow,\n  UnderlinePropertyDefine,\n  LineDashPropertyDefine,\n  LineThroughPropertyDefine,\n  TagPropertyDefine,\n  PaddingsPropertyDefine,\n  StylePropertyFunctionArg,\n  CursorPropertyDefine,\n  MarkedPropertyDefine,\n  FontSizePropertyDefine,\n  FontFamilyPropertyDefine,\n  FontWeightPropertyDefine,\n  FontVariantPropertyDefine,\n  FontStylePropertyDefine,\n  TextAlignType,\n  TextBaselineType\n} from '../style-define';\nimport type { ThemeStyle } from '../theme';\n//这个style是在绘制里面的内容时用到的，用不到borderColor和borderLineWidth，所以和IStyleOption有些不一致\nexport interface ColumnStyle {\n  padding?: PaddingsPropertyDefine;\n  bgColor?: ColorPropertyDefine;\n  // eslint-disable-next-line no-undef\n  textAlign?: TextAlignType;\n  // eslint-disable-next-line no-undef\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  // doChangeStyle: () => void;\n  clone: () => ColumnStyle;\n  linkColor?: ColorPropertyDefine;\n}\n\nexport type IHeaderStyle = ColumnStyle;\n\nexport type ISortheaderSyle = IHeaderStyle;\n\nexport interface IStyleOption {\n  bgColor?: ColorPropertyDefine;\n  padding?: PaddingsPropertyDefine;\n  textAlign?: TextAlignType;\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  borderColor?: ColorsPropertyDefine;\n  borderLineWidth?: LineWidthsPropertyDefine;\n\n  lineHeight?: number;\n  underline?: UnderlinePropertyDefine;\n  /** TODO */\n  underlineColor?: ColorPropertyDefine;\n  /** TODO */\n  underlineDash?: LineDashPropertyDefine;\n  lineThrough?: LineThroughPropertyDefine;\n  /** TODO */\n  lineThroughColor?: ColorPropertyDefine;\n  /** TODO */\n  lineThroughDash?: LineDashPropertyDefine;\n\n  borderLineDash?: LineDashsPropertyDefine;\n  linkColor?: ColorPropertyDefine;\n\n  // tag?: TagPropertyDefine;\n  // tagFont?: FontPropertyDefine;\n  // tagColor?: ColorPropertyDefine;\n  // tagBgColor?: ColorPropertyDefine;\n  // tagMargin?: number | string | (number | string)[];\n\n  // dropDownIcon?: IconPropertyDefine;\n  // dropDownHoverIcon?: IconPropertyDefine;\n  cursor?: CursorPropertyDefine;\n\n  textStick?: boolean;\n\n  marked?: MarkedPropertyDefine;\n}\n\nexport interface ITextStyleOption extends IStyleOption {\n  // lineHeight?: string | number;//移入IStyleOption中 单行文本类型也可以有\n  autoWrapText?: boolean;\n  lineClamp?: LineClamp;\n}\n\nexport interface IImageStyleOption extends IStyleOption {\n  // imageSizing?: 'keep-aspect-ratio';\n  // imageAutoSizing?: boolean;\n  margin?: number;\n}\n// export type ISortHeaderStyleOption = IStyleOption;\n\nexport type ColumnStyleOption =\n  | IStyleOption\n  | ITextStyleOption\n  | IImageStyleOption\n  | ProgressBarStyleOption\n  | CheckboxStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n\nexport type HeaderStyleOption =\n  | (IStyleOption & { textStick?: boolean }) //表头可以配置吸附\n  | ITextStyleOption\n  | IImageStyleOption\n  // | ISortHeaderStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n// | ISortHeaderStyleOption\n\nexport type FullExtendStyle = HeaderStyleOption & ColumnStyleOption & ThemeStyle;\n\n// export interface BaseStyleOption {\n//   bgColor?: ColorPropertyDefine;\n// }\n\n// export interface StdBaseStyleOption extends BaseStyleOption {\n//   // eslint-disable-next-line no-undef\n//   textAlign?: CanvasTextAlign;\n//   // eslint-disable-next-line no-undef\n//   textBaseline?: CanvasTextBaseline;\n// }\n// export interface StyleOption extends StdBaseStyleOption {\n//   color?: ColorPropertyDefine;\n//   font?: FontPropertyDefine;\n//   padding?: PaddingsPropertyDefine;\n//   textOverflow?: TextOverflow;\n// }\nexport interface ProgressBarStyleOption extends IStyleOption {\n  // 是否显示进度条\n  showBar?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n  // 进度条颜色\n  barColor?: ColorPropertyDefine;\n  // 进度条背景颜色\n  barBgColor?: ColorPropertyDefine;\n  // 进度条高度\n  barHeight?: number | string;\n  // 进度条距单元格底部距离\n  barBottom?: number | string;\n  // 进度条padding\n  barPadding?: (number | string)[];\n  // 进度条正向颜色\n  barPositiveColor?: ColorPropertyDefine;\n  // 进度条负向颜色\n  barNegativeColor?: ColorPropertyDefine;\n  // 进度条坐标轴轴颜色\n  barAxisColor?: ColorPropertyDefine;\n  // 进度条方向是否从右到左\n  barRightToLeft?: boolean;\n\n  // 是否显示进度条标记\n  showBarMark?: boolean;\n  // 进度条标记正向颜色\n  barMarkPositiveColor?: ColorPropertyDefine;\n  // 进度条标记负向颜色\n  barMarkNegativeColor?: ColorPropertyDefine;\n  // 进度条标记宽度\n  barMarkWidth?: number;\n  // 进度条标记位置\n  barMarkPosition?: 'right' | 'bottom';\n}\n\nexport type CheckboxStyleOption = {\n  size?: number;\n  spaceBetweenTextAndIcon?: number;\n} & ITextStyleOption;\n"]}
+{"version":3,"sources":["../src/ts-types/column/style.ts"],"names":[],"mappings":"","file":"style.js","sourcesContent":["import type { LineWidthsPropertyDefine } from '..';\nimport { PaddingPropertyDefine } from '..';\nimport type {\n  ColorPropertyDefine,\n  ColorsPropertyDefine,\n  IconPropertyDefine,\n  LineClamp,\n  LineDashsPropertyDefine,\n  TextOverflow,\n  UnderlinePropertyDefine,\n  LineDashPropertyDefine,\n  LineThroughPropertyDefine,\n  TagPropertyDefine,\n  PaddingsPropertyDefine,\n  StylePropertyFunctionArg,\n  CursorPropertyDefine,\n  MarkedPropertyDefine,\n  FontSizePropertyDefine,\n  FontFamilyPropertyDefine,\n  FontWeightPropertyDefine,\n  FontVariantPropertyDefine,\n  FontStylePropertyDefine,\n  TextAlignType,\n  TextBaselineType\n} from '../style-define';\nimport type { ThemeStyle } from '../theme';\n//这个style是在绘制里面的内容时用到的，用不到borderColor和borderLineWidth，所以和IStyleOption有些不一致\nexport interface ColumnStyle {\n  padding?: PaddingsPropertyDefine;\n  bgColor?: ColorPropertyDefine;\n  // eslint-disable-next-line no-undef\n  textAlign?: TextAlignType;\n  // eslint-disable-next-line no-undef\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  // doChangeStyle: () => void;\n  clone: () => ColumnStyle;\n  linkColor?: ColorPropertyDefine;\n}\n\nexport type IHeaderStyle = ColumnStyle;\n\nexport type ISortheaderSyle = IHeaderStyle;\n\nexport interface IStyleOption {\n  bgColor?: ColorPropertyDefine;\n  padding?: PaddingsPropertyDefine;\n  textAlign?: TextAlignType;\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  borderColor?: ColorsPropertyDefine;\n  borderLineWidth?: LineWidthsPropertyDefine;\n\n  lineHeight?: number;\n  underline?: UnderlinePropertyDefine;\n  /** TODO */\n  underlineColor?: ColorPropertyDefine;\n  /** TODO */\n  underlineDash?: LineDashPropertyDefine;\n  lineThrough?: LineThroughPropertyDefine;\n  /** TODO */\n  lineThroughColor?: ColorPropertyDefine;\n  /** TODO */\n  lineThroughDash?: LineDashPropertyDefine;\n\n  borderLineDash?: LineDashsPropertyDefine;\n  linkColor?: ColorPropertyDefine;\n\n  // tag?: TagPropertyDefine;\n  // tagFont?: FontPropertyDefine;\n  // tagColor?: ColorPropertyDefine;\n  // tagBgColor?: ColorPropertyDefine;\n  // tagMargin?: number | string | (number | string)[];\n\n  // dropDownIcon?: IconPropertyDefine;\n  // dropDownHoverIcon?: IconPropertyDefine;\n  cursor?: CursorPropertyDefine;\n\n  textStick?: boolean;\n\n  marked?: MarkedPropertyDefine;\n}\n\nexport interface ITextStyleOption extends IStyleOption {\n  // lineHeight?: string | number;//移入IStyleOption中 单行文本类型也可以有\n  autoWrapText?: boolean;\n  lineClamp?: LineClamp;\n}\n\nexport interface IImageStyleOption extends IStyleOption {\n  // imageSizing?: 'keep-aspect-ratio';\n  // imageAutoSizing?: boolean;\n  margin?: number;\n}\n// export type ISortHeaderStyleOption = IStyleOption;\n\nexport type ColumnStyleOption =\n  | IStyleOption\n  | ITextStyleOption\n  | IImageStyleOption\n  | ProgressBarStyleOption\n  | CheckboxStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n\nexport type HeaderStyleOption =\n  | (IStyleOption & { textStick?: boolean }) //表头可以配置吸附\n  | ITextStyleOption\n  | IImageStyleOption\n  // | ISortHeaderStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n// | ISortHeaderStyleOption\n\nexport type FullExtendStyle = HeaderStyleOption & ColumnStyleOption & ThemeStyle;\n\n// export interface BaseStyleOption {\n//   bgColor?: ColorPropertyDefine;\n// }\n\n// export interface StdBaseStyleOption extends BaseStyleOption {\n//   // eslint-disable-next-line no-undef\n//   textAlign?: CanvasTextAlign;\n//   // eslint-disable-next-line no-undef\n//   textBaseline?: CanvasTextBaseline;\n// }\n// export interface StyleOption extends StdBaseStyleOption {\n//   color?: ColorPropertyDefine;\n//   font?: FontPropertyDefine;\n//   padding?: PaddingsPropertyDefine;\n//   textOverflow?: TextOverflow;\n// }\nexport interface ProgressBarStyleOption extends IStyleOption {\n  // 是否显示进度条\n  showBar?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n  // 进度条颜色\n  barColor?: ColorPropertyDefine;\n  // 进度条背景颜色\n  barBgColor?: ColorPropertyDefine;\n  // 进度条高度\n  barHeight?: number | string;\n  // 进度条距单元格底部距离\n  barBottom?: number | string;\n  // 进度条padding\n  barPadding?: (number | string)[];\n  // 进度条正向颜色\n  barPositiveColor?: ColorPropertyDefine;\n  // 进度条负向颜色\n  barNegativeColor?: ColorPropertyDefine;\n  // 进度条坐标轴轴颜色\n  barAxisColor?: ColorPropertyDefine;\n  // 进度条方向是否从右到左\n  barRightToLeft?: boolean;\n\n  // 是否显示进度条标记\n  showBarMark?: boolean;\n  // 进度条标记正向颜色\n  barMarkPositiveColor?: ColorPropertyDefine;\n  // 进度条标记负向颜色\n  barMarkNegativeColor?: ColorPropertyDefine;\n  // 进度条标记宽度\n  barMarkWidth?: number;\n  // 进度条标记位置\n  barMarkPosition?: 'right' | 'bottom';\n}\n\nexport type CheckboxStyleOption = {\n  size?: number;\n  spaceBetweenTextAndIcon?: number;\n  checkboxStyle?: CheckboxStyle;\n} & ITextStyleOption;\n\nexport type CheckboxStyle = {\n  // 选择框尺寸\n  size?: number;\n  // 选择框与文字间距\n  spaceBetweenTextAndIcon?: number;\n\n  // 未选中状态填充颜色\n  defaultFill?: string;\n  // 未选中状态描边颜色\n  defaultStroke?: string;\n  // disable状态填充颜色\n  disableFill?: string;\n  // checked状态填充颜色\n  checkedFill?: string;\n  // checked状态描边颜色\n  checkedStroke?: string;\n  // checked状态填充颜色\n  disableCheckedFill?: string;\n  // checked状态描边颜色\n  disableCheckedStroke?: string;\n\n  // checked状态图标url\n  checkIconImage?: string;\n  // indeterminate状态图标url\n  indeterminateIconImage?: string;\n};\n"]}

package/cjs/ts-types/theme.d.ts

@@ -1,5 +1,5 @@
 import type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine } from '.';
-import type { ITextStyleOption } from './column/style';
+import type { CheckboxStyle, ITextStyleOption } from './column/style';
 import type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';
 import type { ICellAxisOption } from './component/axis';
 import type { PopTipAttributes } from '@visactor/vrender-components';
@@ -107,9 +107,7 @@ export interface ITableThemeDefine {
         topAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;
         bottomAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;
     };
+    checkboxStyle?: CheckboxStyle;
     textPopTipStyle?: PopTipAttributes;
-    cellInnerBorder?: boolean;
-    cellBorderClipDirection?: 'top-left' | 'bottom-right';
-    _contentOffset?: number;
 }
 export type RequiredTableThemeDefine = Required<ITableThemeDefine>;

package/cjs/ts-types/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["/* eslint-disable sort-imports */\nimport type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine } from '.';\nimport type { ITextStyleOption } from './column/style';\nimport type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type { ICellAxisOption } from './component/axis';\nimport type { PopTipAttributes } from '@visactor/vrender-components';\n// ****** Custom Theme *******\nexport type PartialTableThemeDefine = Partial<ITableThemeDefine>;\nexport type ThemeStyle = ITextStyleOption & {\n  hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>; //鼠标hover到某个单元格\n  // click?: Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  frameStyle?: FrameStyle;\n};\nexport type InteractionStyle = {\n  cellBorderColor?: ColorsPropertyDefine; //交互所在单元格的边框颜色\n  cellBorderLineWidth?: LineWidthsPropertyDefine;\n  // cellBorderLineDash?:LineDashsPropertyDefine,//用到的场景应该不多\n  cellBgColor?: ColorPropertyDefine; //交互所在单元格的背景颜色\n  // inlineRowBorderColor?: ColorsPropertyDefine,//交互所在整行的边框颜色\n  inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n  // inlineColBorderColor?: ColorsPropertyDefine,//交互所在整列的边框颜色\n  inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n  // headerHighlightBorderColor?:ColorPropertyDefine,//表头底部高亮线\n};\nexport type FrameStyle = {\n  borderColor?: ColorsDef;\n  borderLineWidth?: LineWidthsDef;\n  borderLineDash?: LineDashsDef;\n  innerBorder?: boolean;\n};\nexport type TableFrameStyle = FrameStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  cornerRadius?: number; //边框圆角半径\n};\nexport type menuStyle = {\n  color?: string;\n  highlightColor?: string;\n  fontSize?: number;\n  fontFamily?: string;\n  highlightFontSize?: number;\n  highlightFontFamily?: string;\n  hoverBgColor?: string;\n};\nexport type ScrollStyle = {\n  /**滚动条滚动的颜色 */\n  scrollRailColor?: string;\n  /**滚动条滑块的颜色 */\n  scrollSliderColor?: string;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n};\n/**\n * 气泡框，按钮的的解释信息\n */\nexport type TooltipStyle = {\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  padding?: number[];\n  bgColor?: string;\n  /** !目前未实现该逻辑。触发行为：hover or click */\n  // trigger?: string | string[];\n  /**气泡框位置，可选 top left right bottom */\n  // placement?: Placement;\n};\nexport interface ITableThemeDefine {\n  /** 表格绘制范围外的canvas上填充的颜色 */\n  underlayBackgroundColor?: string;\n  // selectionBgColor?: ColorPropertyDefine; //多选单元格背景色 手动设置的多选 非框选\n  defaultStyle?: ThemeStyle;\n  cornerHeaderStyle?: ThemeStyle; //角头样式\n  cornerRightTopCellStyle?: ThemeStyle; // 右上角占位单元格样式\n  cornerLeftBottomCellStyle?: ThemeStyle; // 左下角占位单元格样式\n  cornerRightBottomCellStyle?: ThemeStyle; // 右下角占位单元格样式\n  rightFrozenStyle?: ThemeStyle; // 右侧冻结单元格样式\n  bottomFrozenStyle?: ThemeStyle; // 下部冻结单元格样式\n  headerStyle?: ThemeStyle;\n  rowHeaderStyle?: ThemeStyle;\n  bodyStyle?: ThemeStyle;\n  frameStyle?: TableFrameStyle;\n  //列调整宽度的直线\n  columnResize?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    bgColor?: ColorPropertyDefine; //背景线的颜色\n    lineWidth: number; //上面线的宽度\n    width?: number; //背景线的宽度\n    labelColor?: string; //label的颜色\n    labelFontSize?: number; //label的字体大小\n    labelFontFamily?: string; //label的字体\n    labelBackgroundFill?: string; //label的背景填充\n    labelBackgroundCornerRadius?: number; //label的背景圆角\n  };\n  //拖拽表格换位分割线的样式\n  dragHeaderSplitLine?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    lineWidth: number; //上面线的宽度\n    shadowBlockColor?: string; //拖拽时阴影区域的颜色\n  };\n  //冻结列后面的效果\n  frozenColumnLine?: {\n    shadow?: {\n      //默认效果 会有阴影配置\n      width: number; //阴影整体宽度\n      startColor: string; //开始颜色\n      endColor: string; //结束颜色\n    };\n    /** TODO  暂未生效 */\n    border?: {\n      //有些需求要两种效果 这里配置滚动前的边框效果（实现方式是两条线叠加产生），滚动后按上面的阴影效果\n      lineColor: ColorPropertyDefine; //上面线的颜色\n      bgColor?: ColorPropertyDefine; //背景线的颜色\n      lineWidth: number; //上面线的宽度\n      width?: number; //背景线的宽度\n    };\n  };\n\n  // menuStyle?: menuStyle;\n  scrollStyle?: ScrollStyle;\n  tooltipStyle?: TooltipStyle;\n  // selectHeaderHighlight?: boolean;\n  /** 选择框样式 */\n  selectionStyle?: //Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  {\n    cellBorderColor?: string; //边框颜色\n    cellBorderLineWidth?: number; //边框线宽度\n    cellBgColor?: string; //选择框背景颜色\n  };\n\n  // style for axis\n  axisStyle?: {\n    defaultAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    leftAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    rightAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    topAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    bottomAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n  };\n\n  // style for text pop tip\n  textPopTipStyle?: PopTipAttributes;\n\n  // senior config for fs\n  // 四边单元格，靠近边框的border是否显示；配置false的话，左侧单元格不显示左边框，同理\n  cellInnerBorder?: boolean;\n  // cell border clip direction\n  cellBorderClipDirection?: 'top-left' | 'bottom-right'; // default is 'top-left'\n  // text offset, hack for fs\n  _contentOffset?: number;\n}\n\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}
+{"version":3,"sources":["../src/ts-types/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["/* eslint-disable sort-imports */\nimport type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine } from '.';\nimport type { CheckboxStyle, ITextStyleOption } from './column/style';\nimport type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type { ICellAxisOption } from './component/axis';\nimport type { PopTipAttributes } from '@visactor/vrender-components';\n// ****** Custom Theme *******\nexport type PartialTableThemeDefine = Partial<ITableThemeDefine>;\nexport type ThemeStyle = ITextStyleOption & {\n  hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>; //鼠标hover到某个单元格\n  // click?: Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  frameStyle?: FrameStyle;\n};\nexport type InteractionStyle = {\n  cellBorderColor?: ColorsPropertyDefine; //交互所在单元格的边框颜色\n  cellBorderLineWidth?: LineWidthsPropertyDefine;\n  // cellBorderLineDash?:LineDashsPropertyDefine,//用到的场景应该不多\n  cellBgColor?: ColorPropertyDefine; //交互所在单元格的背景颜色\n  // inlineRowBorderColor?: ColorsPropertyDefine,//交互所在整行的边框颜色\n  inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n  // inlineColBorderColor?: ColorsPropertyDefine,//交互所在整列的边框颜色\n  inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n  // headerHighlightBorderColor?:ColorPropertyDefine,//表头底部高亮线\n};\nexport type FrameStyle = {\n  borderColor?: ColorsDef;\n  borderLineWidth?: LineWidthsDef;\n  borderLineDash?: LineDashsDef;\n  innerBorder?: boolean;\n};\nexport type TableFrameStyle = FrameStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  cornerRadius?: number; //边框圆角半径\n};\nexport type menuStyle = {\n  color?: string;\n  highlightColor?: string;\n  fontSize?: number;\n  fontFamily?: string;\n  highlightFontSize?: number;\n  highlightFontFamily?: string;\n  hoverBgColor?: string;\n};\nexport type ScrollStyle = {\n  /**滚动条滚动的颜色 */\n  scrollRailColor?: string;\n  /**滚动条滑块的颜色 */\n  scrollSliderColor?: string;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n};\n/**\n * 气泡框，按钮的的解释信息\n */\nexport type TooltipStyle = {\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  padding?: number[];\n  bgColor?: string;\n  /** !目前未实现该逻辑。触发行为：hover or click */\n  // trigger?: string | string[];\n  /**气泡框位置，可选 top left right bottom */\n  // placement?: Placement;\n};\nexport interface ITableThemeDefine {\n  /** 表格绘制范围外的canvas上填充的颜色 */\n  underlayBackgroundColor?: string;\n  // selectionBgColor?: ColorPropertyDefine; //多选单元格背景色 手动设置的多选 非框选\n  defaultStyle?: ThemeStyle;\n  cornerHeaderStyle?: ThemeStyle; //角头样式\n  cornerRightTopCellStyle?: ThemeStyle; // 右上角占位单元格样式\n  cornerLeftBottomCellStyle?: ThemeStyle; // 左下角占位单元格样式\n  cornerRightBottomCellStyle?: ThemeStyle; // 右下角占位单元格样式\n  rightFrozenStyle?: ThemeStyle; // 右侧冻结单元格样式\n  bottomFrozenStyle?: ThemeStyle; // 下部冻结单元格样式\n  headerStyle?: ThemeStyle;\n  rowHeaderStyle?: ThemeStyle;\n  bodyStyle?: ThemeStyle;\n  frameStyle?: TableFrameStyle;\n  //列调整宽度的直线\n  columnResize?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    bgColor?: ColorPropertyDefine; //背景线的颜色\n    lineWidth: number; //上面线的宽度\n    width?: number; //背景线的宽度\n    labelColor?: string; //label的颜色\n    labelFontSize?: number; //label的字体大小\n    labelFontFamily?: string; //label的字体\n    labelBackgroundFill?: string; //label的背景填充\n    labelBackgroundCornerRadius?: number; //label的背景圆角\n  };\n  //拖拽表格换位分割线的样式\n  dragHeaderSplitLine?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    lineWidth: number; //上面线的宽度\n    shadowBlockColor?: string; //拖拽时阴影区域的颜色\n  };\n  //冻结列后面的效果\n  frozenColumnLine?: {\n    shadow?: {\n      //默认效果 会有阴影配置\n      width: number; //阴影整体宽度\n      startColor: string; //开始颜色\n      endColor: string; //结束颜色\n    };\n    /** TODO  暂未生效 */\n    border?: {\n      //有些需求要两种效果 这里配置滚动前的边框效果（实现方式是两条线叠加产生），滚动后按上面的阴影效果\n      lineColor: ColorPropertyDefine; //上面线的颜色\n      bgColor?: ColorPropertyDefine; //背景线的颜色\n      lineWidth: number; //上面线的宽度\n      width?: number; //背景线的宽度\n    };\n  };\n\n  // menuStyle?: menuStyle;\n  scrollStyle?: ScrollStyle;\n  tooltipStyle?: TooltipStyle;\n  // selectHeaderHighlight?: boolean;\n  /** 选择框样式 */\n  selectionStyle?: //Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  {\n    cellBorderColor?: string; //边框颜色\n    cellBorderLineWidth?: number; //边框线宽度\n    cellBgColor?: string; //选择框背景颜色\n  };\n\n  // style for axis\n  axisStyle?: {\n    defaultAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    leftAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    rightAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    topAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    bottomAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n  };\n\n  checkboxStyle?: CheckboxStyle;\n\n  // style for text pop tip\n  textPopTipStyle?: PopTipAttributes;\n}\n\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}

package/cjs/vrender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"0.20.2-alpha.3\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"0.20.2\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}