@visactor/vtable 0.9.1-alpha.3 → 0.9.1-alpha.5

package/es/ts-types/sparkline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ts-types/sparkline.ts"],"names":[],"mappings":"","file":"sparkline.js","sourcesContent":["export type ShapeType = 'circle';\n\nexport interface SparklineSpec {\n  type: 'line';\n  xField?:\n    | string\n    | {\n        field: string;\n        domain?: any[];\n      };\n  yField?:\n    | string\n    | {\n        field: string;\n        domain?: any[];\n      };\n  /** all表示正常连接前后点 none表示不会只孤立点 isolatedPoint表示只绘制孤立点的点图形 默认为none */\n  pointShowRule?: 'all' | 'none' | 'isolatedPoint';\n  smooth?: boolean;\n  /** 折线配置 */\n  line?: {\n    /** 折线样式 */\n    style: ILineMarkStyle;\n  };\n  /** 数据点配置 默认不显示 */\n  point?: {\n    /** 折线上每个点都显示 默认false*/\n    visible?: boolean;\n    style: ISymbolMarkStyle;\n    hover?: ISymbolMarkStyle | false;\n  };\n  /** crosshair交叉线配置  默认不显示*/\n  crosshair?: {\n    /** crosshair交叉线样式 */\n    style: ILineMarkStyle;\n  };\n\n  //TODO 增加label\n}\ninterface IMarkStyle {\n  fill?: string;\n  stroke?: string;\n  strokeWidth?: number;\n}\n\ninterface ILineMarkStyle extends IMarkStyle {\n  stroke?: string;\n  interpolate?: 'linear' | 'monotone';\n}\n\ninterface ISymbolMarkStyle extends IMarkStyle {\n  shape: ShapeType;\n  size: number;\n}\n"]}
+{"version":3,"sources":["ts-types/sparkline.ts"],"names":[],"mappings":"","file":"sparkline.js","sourcesContent":["export type ShapeType = 'circle';\n\nexport interface SparklineSpec {\n  type: 'line';\n  xField?:\n    | string // 只配置field字段名，程序自动分析domain\n    | {\n        field: string;\n        /** x轴值域，x轴对应离散轴 需逐个体现在domain数组中 */\n        domain?: (number | string)[];\n      };\n  yField?:\n    | string // 只配置field字段名，程序自动分析domain\n    | {\n        field: string;\n        /** y轴值域，y轴对应连续轴，domain数组中只设置最大最小值即可 */\n        domain?: [number, number];\n      };\n  /** 配置点显示规则：默认为all\n   * all表示显示所有点\n   * none表示不显示点\n   * isolatedPoint表示只显示孤立点（即前后值为空）。\n   */\n  pointShowRule?: 'all' | 'none' | 'isolatedPoint';\n  smooth?: boolean;\n  /** 线条是否平滑 */\n  /** 折线配置 */\n  line?: {\n    /** 折线样式 */\n    style: ILineMarkStyle;\n  };\n  /** 数据点配置 默认不显示 */\n  point?: {\n    style: ISymbolMarkStyle;\n    hover?: ISymbolMarkStyle | false;\n  };\n  /** crosshair交叉线配置  默认不显示*/\n  crosshair?: {\n    /** crosshair交叉线样式 */\n    style: ILineMarkStyle;\n  };\n\n  //TODO 增加label\n}\ninterface IMarkStyle {\n  fill?: string;\n  stroke?: string;\n  strokeWidth?: number;\n}\n\ninterface ILineMarkStyle extends IMarkStyle {\n  stroke?: string;\n  // interpolate?: 'linear' | 'monotone';\n}\n\ninterface ISymbolMarkStyle extends IMarkStyle {\n  shape: ShapeType;\n  size: number;\n}\n"]}

package/es/ts-types/style-define.d.ts

@@ -9,7 +9,7 @@ export interface StylePropertyFunctionArg {
     table: BaseTableAPI;
     value: string;
     dataValue: string;
-    rate?: number;
+    percentile?: number;
     cellHeaderPaths: ICellHeaderPaths;
 }
 export type ColorPropertyDefine = string | ((args: StylePropertyFunctionArg) => string) | ((args: StylePropertyFunctionArg) => CanvasGradient) | ((args: StylePropertyFunctionArg) => CanvasPattern);
@@ -50,11 +50,7 @@ export type CellStyle = {
     borderLineWidth: LineWidthsDef;
     borderLineDash: LineDashsDef;
     underline: boolean;
-    underlineColor: CanvasRenderingContext2D['strokeStyle'];
     underlineWidth: number;
-    underlineDash: number[];
     lineThrough: boolean;
-    lineThroughColor: CanvasRenderingContext2D['strokeStyle'];
-    lineThroughDash: number[];
     lineThroughLineWidth: number;
 };

package/es/ts-types/style-define.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ts-types/style-define.ts"],"names":[],"mappings":"","file":"style-define.js","sourcesContent":["import type { BaseTableAPI } from './base-table';\nimport type { ColorsDef, ICellHeaderPaths, LineDashsDef, LineWidthsDef, PaddingsDef } from './common';\nimport type { ColumnIconOption } from './icon';\n\n// ****** TextStyle Options *******\nexport type TextOverflow = string /* a char */; //设置一行的省略形式，另外还有clip。如果autoWrapText设置了自动换行，这个无效\nexport type LineClamp = number | 'auto'; //设置单元格显示的行数，如果不设置的话 默认全部展示直到超过了显示范围，会截断暂时文本，如果设置了auto，显示不了的文本会出现省略号\n\nexport interface StylePropertyFunctionArg {\n  row: number;\n  col: number;\n  /** 表格实例 */\n  table: BaseTableAPI;\n  /**有format的话 格式化后或者计算后的值 */\n  value: string;\n  /**原始值 */\n  dataValue: string;\n  /** progressbar类型特有，表示当前数值在总体数据范围的比例 */\n  rate?: number;\n  /** 单元格的表头路径信息 */\n  cellHeaderPaths: ICellHeaderPaths;\n}\nexport type ColorPropertyDefine =\n  | string\n  | ((args: StylePropertyFunctionArg) => string)\n  | ((args: StylePropertyFunctionArg) => CanvasGradient)\n  | ((args: StylePropertyFunctionArg) => CanvasPattern);\n\nexport type ColorsPropertyDefine =\n  | ColorPropertyDefine\n  | (string | null)[]\n  | ((args: StylePropertyFunctionArg) => (string | null)[]);\n\nexport type LineWidthPropertyDefine = number | ((args: StylePropertyFunctionArg) => number);\n\nexport type LineWidthsPropertyDefine =\n  | LineWidthPropertyDefine\n  | (number | null)[]\n  | ((args: StylePropertyFunctionArg) => (number | null)[]);\n\nexport type LineDashPropertyDefine = Array<number> | ((args: StylePropertyFunctionArg) => Array<number>);\n\nexport type LineDashsPropertyDefine =\n  | LineDashPropertyDefine\n  | (Array<number> | null)[]\n  | ((args: StylePropertyFunctionArg) => (Array<number> | null)[]);\n\n// export type FontPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\nexport type FontSizePropertyDefine = number | ((args: StylePropertyFunctionArg) => number);\nexport type FontFamilyPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\nexport type FontWeightPropertyDefine = string | number | ((args: StylePropertyFunctionArg) => string | number);\nexport type FontVariantPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\nexport type FontStylePropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\n\nexport type TagPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\n\nexport type CursorPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\n\nexport type IconPropertyDefine =\n  | string\n  | ColumnIconOption\n  | ((args: StylePropertyFunctionArg) => string | ColumnIconOption);\n\nexport type UnderlinePropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);\nexport type LineThroughPropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);\n\nexport type PaddingPropertyDefine = number | ((args: StylePropertyFunctionArg) => number);\n\nexport type PaddingsPropertyDefine =\n  | PaddingPropertyDefine\n  | (number | null)[]\n  | ((args: StylePropertyFunctionArg) => (number | null)[]);\n\nexport type MarkedPropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);\n\nexport type CellStyle = {\n  textAlign: CanvasTextAlign;\n  padding: PaddingsDef;\n  textBaseline: CanvasTextBaseline;\n  color: CanvasRenderingContext2D['fillStyle'];\n  bgColor: CanvasRenderingContext2D['fillStyle'];\n  // font: string;\n  fontSize: number;\n  fontFamily: string;\n  fontWeight: string | number;\n  fontVariant: string;\n  fontStyle: string;\n  // lineHeight: string | number;\n  lineHeight: number;\n  autoWrapText: boolean;\n  lineClamp: LineClamp;\n  textOverflow: TextOverflow;\n  borderColor: ColorsDef;\n  borderLineWidth: LineWidthsDef;\n  borderLineDash: LineDashsDef;\n  underline: boolean;\n  underlineColor: CanvasRenderingContext2D['strokeStyle'];\n  underlineWidth: number;\n  underlineDash: number[];\n  lineThrough: boolean;\n  lineThroughColor: CanvasRenderingContext2D['strokeStyle'];\n  lineThroughDash: number[];\n  lineThroughLineWidth: number;\n};\n"]}
+{"version":3,"sources":["ts-types/style-define.ts"],"names":[],"mappings":"","file":"style-define.js","sourcesContent":["import type { BaseTableAPI } from './base-table';\nimport type { ColorsDef, ICellHeaderPaths, LineDashsDef, LineWidthsDef, PaddingsDef } from './common';\nimport type { ColumnIconOption } from './icon';\n\n// ****** TextStyle Options *******\nexport type TextOverflow = string /* a char */; //设置一行的省略形式，另外还有clip。如果autoWrapText设置了自动换行，这个无效\nexport type LineClamp = number | 'auto'; //设置单元格显示的行数，如果不设置的话 默认全部展示直到超过了显示范围，会截断暂时文本，如果设置了auto，显示不了的文本会出现省略号\n\nexport interface StylePropertyFunctionArg {\n  row: number;\n  col: number;\n  /** 表格实例 */\n  table: BaseTableAPI;\n  /**有format的话 格式化后或者计算后的值 */\n  value: string;\n  /**原始值 */\n  dataValue: string;\n  /** progressbar类型特有，表示当前数值在总体数据范围的比例 */\n  percentile?: number;\n  /** 单元格的表头路径信息 */\n  cellHeaderPaths: ICellHeaderPaths;\n}\nexport type ColorPropertyDefine =\n  | string\n  | ((args: StylePropertyFunctionArg) => string)\n  | ((args: StylePropertyFunctionArg) => CanvasGradient)\n  | ((args: StylePropertyFunctionArg) => CanvasPattern);\n\nexport type ColorsPropertyDefine =\n  | ColorPropertyDefine\n  | (string | null)[]\n  | ((args: StylePropertyFunctionArg) => (string | null)[]);\n\nexport type LineWidthPropertyDefine = number | ((args: StylePropertyFunctionArg) => number);\n\nexport type LineWidthsPropertyDefine =\n  | LineWidthPropertyDefine\n  | (number | null)[]\n  | ((args: StylePropertyFunctionArg) => (number | null)[]);\n\nexport type LineDashPropertyDefine = Array<number> | ((args: StylePropertyFunctionArg) => Array<number>);\n\nexport type LineDashsPropertyDefine =\n  | LineDashPropertyDefine\n  | (Array<number> | null)[]\n  | ((args: StylePropertyFunctionArg) => (Array<number> | null)[]);\n\n// export type FontPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\nexport type FontSizePropertyDefine = number | ((args: StylePropertyFunctionArg) => number);\nexport type FontFamilyPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\nexport type FontWeightPropertyDefine = string | number | ((args: StylePropertyFunctionArg) => string | number);\nexport type FontVariantPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\nexport type FontStylePropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\n\nexport type TagPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\n\nexport type CursorPropertyDefine = string | ((args: StylePropertyFunctionArg) => string);\n\nexport type IconPropertyDefine =\n  | string\n  | ColumnIconOption\n  | ((args: StylePropertyFunctionArg) => string | ColumnIconOption);\n\nexport type UnderlinePropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);\nexport type LineThroughPropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);\n\nexport type PaddingPropertyDefine = number | ((args: StylePropertyFunctionArg) => number);\n\nexport type PaddingsPropertyDefine =\n  | PaddingPropertyDefine\n  | (number | null)[]\n  | ((args: StylePropertyFunctionArg) => (number | null)[]);\n\nexport type MarkedPropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);\n\nexport type CellStyle = {\n  textAlign: CanvasTextAlign;\n  padding: PaddingsDef;\n  textBaseline: CanvasTextBaseline;\n  color: CanvasRenderingContext2D['fillStyle'];\n  bgColor: CanvasRenderingContext2D['fillStyle'];\n  // font: string;\n  fontSize: number;\n  fontFamily: string;\n  fontWeight: string | number;\n  fontVariant: string;\n  fontStyle: string;\n  // lineHeight: string | number;\n  lineHeight: number;\n  autoWrapText: boolean;\n  lineClamp: LineClamp;\n  textOverflow: TextOverflow;\n  borderColor: ColorsDef;\n  borderLineWidth: LineWidthsDef;\n  borderLineDash: LineDashsDef;\n  underline: boolean;\n  // underlineColor: CanvasRenderingContext2D['strokeStyle'];\n  underlineWidth: number;\n  // underlineDash: number[];\n  lineThrough: boolean;\n  // lineThroughColor: CanvasRenderingContext2D['strokeStyle'];\n  // lineThroughDash: number[];\n  lineThroughLineWidth: number;\n};\n"]}

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

@@ -23,7 +23,7 @@ export type TableFrameStyle = FrameStyle & {
     shadowOffsetX?: number;
     shadowOffsetY?: number;
     shadowColor?: string;
-    roundCornerRadius?: number;
+    cornerRadius?: number;
 };
 export type menuStyle = {
     color?: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["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';\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};\nexport type TableFrameStyle = FrameStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  roundCornerRadius?: number; //边框圆角半径\n};\nexport type menuStyle = {\n  color?: string;\n  highlightColor?: string;\n  font?: string;\n  highlightFont?: 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  font?: string;\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  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  };\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\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}
+{"version":3,"sources":["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';\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};\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  font?: string;\n  highlightFont?: 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  font?: string;\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  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  };\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\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable",
-  "version": "0.9.1-alpha.3",
+  "version": "0.9.1-alpha.5",
   "description": "canvas table width high performance",
   "keywords": [
     "grid",
@@ -22,7 +22,6 @@
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "es/index.js",
-  "browser": "dist/vtable.min.js",
   "types": "es/index.d.ts",
   "files": [
     "cjs",
@@ -32,19 +31,18 @@
   "exports": {
     ".": {
       "require": "./cjs/index.js",
-      "import": "./es/index.js",
-      "default": "./dist/vtable.min.js"
+      "import": "./es/index.js"
     }
   },
   "dependencies": {
-    "@visactor/vrender": "0.9.2-fill-stroke.10",
+    "@visactor/vrender": "0.11.0-alpha.3",
     "@visactor/vutils": "0.9.0-alpha.2",
-    "@visactor/vrender-components": "0.9.2-fill-stroke.10",
+    "@visactor/vrender-components": "0.11.0-alpha.3",
     "cssfontparser": "^1.2.1",
     "@visactor/vscale": "0.9.0-alpha.2"
   },
   "devDependencies": {
-    "@visactor/vchart": "0.0.1-alpha.0",
+    "@visactor/vchart": "1.0.0",
     "@rushstack/eslint-patch": "~1.1.4",
     "react": "16.13.0",
     "react-dom": "16.13.0",
@@ -82,9 +80,9 @@
     "markdown-it": "13.0.1",
     "node-fetch": "2.6.7",
     "form-data": "~4.0.0",
-    "@internal/bundler": "0.0.1",
+    "@internal/ts-config": "0.0.1",
     "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/bundler": "0.0.1"
   },
   "unpkg": "latest",
   "unpkgFiles": [
@@ -102,6 +100,7 @@
     "dev": "bundle --clean -f es -w",
     "start": "vite ./vite",
     "test": "jest",
+    "test-cov": "jest --coverage",
     "ci": "node github-ci.js"
   }
 }

package/cjs/scenegraph/component/menu.d.ts

@@ -1,41 +0,0 @@
-import type { IGroup } from '@visactor/vrender';
-import type { MenuListItem } from '../../ts-types';
-import { Group } from '../graphic/group';
-import type { BaseTableAPI } from '../../ts-types/base-table';
-export declare enum MenuType {
-    'dropDown' = "dropDown",
-    'contextmenu' = "contextmenu",
-    'custom' = "custom"
-}
-type MenuInfo = MenuListItem[];
-export declare class MenuHandler {
-    private _table;
-    private _menuInstance;
-    private _menuInfo;
-    constructor(table: BaseTableAPI);
-    bindTableComponent(componentGroup: Group): void;
-    dispose(): void;
-    attach(x: number, y: number, col: number, row: number, type: MenuType, menuInfo?: MenuInfo): void;
-    updateMenuInfo(col: number, row: number, type: MenuType, menuInfo: MenuListItem[], highlightIndex: number): void;
-    checkDropDownMenuChange(col: number, row: number): boolean;
-    checkContextMenuChange(x: number, y: number): boolean;
-    updateMenuInstance(menuInfo: MenuInfo, highlightIndex: number): void;
-    updatePosition(x: number, y: number): void;
-    addToScene(): void;
-    detach(): void;
-    getMenuInfo(col: number, row: number, type: MenuType): {
-        menuInfo: MenuListItem[];
-        highlightIndex: number;
-    };
-    bindEvent(): void;
-    getEventInfo(target: IGroup): {
-        col: number;
-        row: number;
-        menuKey: string;
-        dropDownIndex: number;
-        text: string;
-        highlight: boolean;
-    };
-    get bounds(): import("@visactor/vutils").IBounds;
-}
-export {};

package/cjs/scenegraph/graphic/text.d.ts

@@ -1,16 +0,0 @@
-import type { ITextGraphicAttribute } from '@visactor/vrender';
-import { Text } from '@visactor/vrender';
-import type { Bounds } from '@visactor/vutils';
-export interface IWrapTextGraphicAttribute extends ITextGraphicAttribute {
-    heightLimit?: number;
-    lineClamp?: number;
-    autoWrapText?: boolean;
-}
-export declare class WrapText extends Text {
-    attribute: IWrapTextGraphicAttribute;
-    constructor(params: IWrapTextGraphicAttribute);
-    updateSingallineAABBBounds(text: number | string): Bounds;
-    updateMultilineAABBBounds(text: (number | string)[]): import("@visactor/vutils").AABBBounds;
-    needUpdateTags(keys: string[]): boolean;
-    needUpdateTag(key: string): boolean;
-}

package/cjs/state/pin/index.d.ts

@@ -1,2 +0,0 @@
-import type { BaseTableAPI } from '../../ts-types/base-table';
-export declare function dealPin(col: number, row: number, table: BaseTableAPI): void;

package/cjs/state/pin/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["state/pin/index.ts"],"names":[],"mappings":";;;AAEA,SAAgB,OAAO,CAAC,GAAW,EAAE,GAAW,EAAE,KAAmB;IAEnE,IAAI,KAAK,CAAC,cAAc,GAAG,CAAC,EAAE;QAC5B,IAAI,GAAG,KAAK,KAAK,CAAC,cAAc,GAAG,CAAC,EAAE;YACpC,KAAK,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;SAC5B;KACF;SAAM;QACL,KAAK,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;KAClC;AASH,CAAC;AAnBD,0BAmBC","file":"index.js","sourcesContent":["import type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function dealPin(col: number, row: number, table: BaseTableAPI) {\n  // table.setFrozenColCount(col + 1);\n  if (table.frozenColCount > 0) {\n    if (col !== table.frozenColCount - 1) {\n      table.setFrozenColCount(col + 1);\n    } else {\n      table.setFrozenColCount(0);\n    }\n  } else {\n    table.setFrozenColCount(col + 1);\n  }\n\n  // table.stateManeger.frozen.col = table.frozenColCount - 1;\n  // table.stateManeger.frozen.row = row;\n  // if (table.stateManeger.checkFrozen()) {\n  //   table.stateManeger.setFrozenCol(table.frozenColCount - 1);\n  // } else {\n  //   table.scenegraph.updateFrozenIcon(0, table.colCount - 1);\n  // }\n}\n"]}

package/es/scenegraph/component/menu.d.ts

@@ -1,41 +0,0 @@
-import type { IGroup } from '@visactor/vrender';
-import type { MenuListItem } from '../../ts-types';
-import { Group } from '../graphic/group';
-import type { BaseTableAPI } from '../../ts-types/base-table';
-export declare enum MenuType {
-    'dropDown' = "dropDown",
-    'contextmenu' = "contextmenu",
-    'custom' = "custom"
-}
-type MenuInfo = MenuListItem[];
-export declare class MenuHandler {
-    private _table;
-    private _menuInstance;
-    private _menuInfo;
-    constructor(table: BaseTableAPI);
-    bindTableComponent(componentGroup: Group): void;
-    dispose(): void;
-    attach(x: number, y: number, col: number, row: number, type: MenuType, menuInfo?: MenuInfo): void;
-    updateMenuInfo(col: number, row: number, type: MenuType, menuInfo: MenuListItem[], highlightIndex: number): void;
-    checkDropDownMenuChange(col: number, row: number): boolean;
-    checkContextMenuChange(x: number, y: number): boolean;
-    updateMenuInstance(menuInfo: MenuInfo, highlightIndex: number): void;
-    updatePosition(x: number, y: number): void;
-    addToScene(): void;
-    detach(): void;
-    getMenuInfo(col: number, row: number, type: MenuType): {
-        menuInfo: MenuListItem[];
-        highlightIndex: number;
-    };
-    bindEvent(): void;
-    getEventInfo(target: IGroup): {
-        col: number;
-        row: number;
-        menuKey: string;
-        dropDownIndex: number;
-        text: string;
-        highlight: boolean;
-    };
-    get bounds(): import("@visactor/vutils").IBounds;
-}
-export {};

package/es/scenegraph/graphic/text.d.ts

@@ -1,16 +0,0 @@
-import type { ITextGraphicAttribute } from '@visactor/vrender';
-import { Text } from '@visactor/vrender';
-import type { Bounds } from '@visactor/vutils';
-export interface IWrapTextGraphicAttribute extends ITextGraphicAttribute {
-    heightLimit?: number;
-    lineClamp?: number;
-    autoWrapText?: boolean;
-}
-export declare class WrapText extends Text {
-    attribute: IWrapTextGraphicAttribute;
-    constructor(params: IWrapTextGraphicAttribute);
-    updateSingallineAABBBounds(text: number | string): Bounds;
-    updateMultilineAABBBounds(text: (number | string)[]): import("@visactor/vutils").AABBBounds;
-    needUpdateTags(keys: string[]): boolean;
-    needUpdateTag(key: string): boolean;
-}

package/es/state/pin/index.d.ts

@@ -1,2 +0,0 @@
-import type { BaseTableAPI } from '../../ts-types/base-table';
-export declare function dealPin(col: number, row: number, table: BaseTableAPI): void;

package/es/state/pin/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["state/pin/index.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,OAAO,CAAC,GAAW,EAAE,GAAW,EAAE,KAAmB;IAEnE,IAAI,KAAK,CAAC,cAAc,GAAG,CAAC,EAAE;QAC5B,IAAI,GAAG,KAAK,KAAK,CAAC,cAAc,GAAG,CAAC,EAAE;YACpC,KAAK,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;SAC5B;KACF;SAAM;QACL,KAAK,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;KAClC;AASH,CAAC","file":"index.js","sourcesContent":["import type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function dealPin(col: number, row: number, table: BaseTableAPI) {\n  // table.setFrozenColCount(col + 1);\n  if (table.frozenColCount > 0) {\n    if (col !== table.frozenColCount - 1) {\n      table.setFrozenColCount(col + 1);\n    } else {\n      table.setFrozenColCount(0);\n    }\n  } else {\n    table.setFrozenColCount(col + 1);\n  }\n\n  // table.stateManeger.frozen.col = table.frozenColCount - 1;\n  // table.stateManeger.frozen.row = row;\n  // if (table.stateManeger.checkFrozen()) {\n  //   table.stateManeger.setFrozenCol(table.frozenColCount - 1);\n  // } else {\n  //   table.scenegraph.updateFrozenIcon(0, table.colCount - 1);\n  // }\n}\n"]}