@visactor/vtable 1.2.1-alpha.1 → 1.2.1-alpha.2

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, LineDashsPropertyDefine } from '.';\nimport type { CheckboxStyle, ITextStyleOption, RadioStyle } 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  select?: {\n    inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n    inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n  };\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  scrollSliderCornerRadius?: number;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n  /** 是否显示到容器的边缘 尽管内容没有撑满的情况下 默认false */\n  barToSide?: boolean;\n};\n/**\n * 气泡框，按钮的的解释信息\n */\nexport type TooltipStyle = {\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  padding?: number[];\n  bgColor?: string;\n  maxWidth?: number;\n  maxHeight?: number;\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    inlineRowBgColor?: string; //交互所在整行的背景颜色\n    inlineColumnBgColor?: 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  radioStyle?: RadioStyle;\n\n  // style for text pop tip\n  textPopTipStyle?: PopTipAttributes;\n\n  // senior config for fs\n  // 表格四侧单元格，靠近边缘的border是否需要再绘制；如配置false的话，当表格左侧frame未设置情况下左侧单元格不显示左边框，其他方向同理\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, LineDashsPropertyDefine } from '.';\nimport type { CheckboxStyle, ITextStyleOption, RadioStyle } 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  select?: {\n    inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n    inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n  };\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  scrollSliderCornerRadius?: number;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n  /** 是否显示到容器的边缘 尽管内容没有撑满的情况下 默认false */\n  barToSide?: 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    inlineRowBgColor?: string; //交互所在整行的背景颜色\n    inlineColumnBgColor?: 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  radioStyle?: RadioStyle;\n\n  // style for text pop tip\n  textPopTipStyle?: PopTipAttributes;\n\n  // senior config for fs\n  // 表格四侧单元格，靠近边缘的border是否需要再绘制；如配置false的话，当表格左侧frame未设置情况下左侧单元格不显示左边框，其他方向同理\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"]}

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

@@ -19,8 +19,5 @@ export type TooltipOptions = {
         color?: string;
         padding?: number[];
         arrowMark?: boolean;
-        maxWidth?: number;
-        maxHeight?: number;
     };
-    disappearDelay?: number;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/tooltip.ts"],"names":[],"mappings":"","file":"tooltip.js","sourcesContent":["import type { RectProps } from './common';\nimport type { Placement } from './table-engine';\n\nexport type TooltipType = 'bubble-tooltip' | 'tooltip' | 'container';\n\n/** 显示弹出提示内容 */\nexport type TooltipOptions = {\n  /** tooltip内容 */\n  content: string;\n  /** tooltip框的位置 优先级高于referencePosition */\n  position?: { x: number; y: number };\n  /** tooltip框的参考位置 如果设置了position则该配置不生效 */\n  referencePosition?: {\n    /** 参考位置设置为一个矩形边界 设置placement来指定处于边界位置的方位*/\n    rect: RectProps;\n    /** 指定处于边界位置的方位  */\n    placement?: Placement;\n  };\n  /** 需要自定义样式指定className dom的tooltip生效 */\n  className?: string;\n  /** 设置tooltip的样式 */\n  style?: {\n    bgColor?: string;\n    fontSize?: number;\n    fontFamily?: string;\n    color?: string;\n    padding?: number[];\n    arrowMark?: boolean;\n    maxWidth?: number;\n    maxHeight?: number;\n  };\n  /** 设置tooltip的消失时间 */\n  disappearDelay?: number;\n};\n"]}
+{"version":3,"sources":["../src/ts-types/tooltip.ts"],"names":[],"mappings":"","file":"tooltip.js","sourcesContent":["import type { RectProps } from './common';\nimport type { Placement } from './table-engine';\n\nexport type TooltipType = 'bubble-tooltip' | 'tooltip' | 'container';\n\n/** 显示弹出提示内容 */\nexport type TooltipOptions = {\n  /** tooltip内容 */\n  content: string;\n  /** tooltip框的位置 优先级高于referencePosition */\n  position?: { x: number; y: number };\n  /** tooltip框的参考位置 如果设置了position则该配置不生效 */\n  referencePosition?: {\n    /** 参考位置设置为一个矩形边界 设置placement来指定处于边界位置的方位*/\n    rect: RectProps;\n    /** 指定处于边界位置的方位  */\n    placement?: Placement;\n  };\n  /** 需要自定义样式指定className dom的tooltip生效 */\n  className?: string;\n  /** 设置tooltip的样式 */\n  style?: {\n    bgColor?: string;\n    fontSize?: number;\n    fontFamily?: string;\n    color?: string;\n    padding?: number[];\n    arrowMark?: boolean;\n  };\n};\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 = \"1.2.1-alpha.1\";\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 = \"1.2.1-alpha.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"]}

package/dist/vtable.js

@@ -25045,12 +25045,6 @@
                     },
                     get color() {
                         return tooltip.color ?? '#FFF';
-                    },
-                    get maxWidth() {
-                        return tooltip.maxWidth;
-                    },
-                    get maxHeight() {
-                        return tooltip.maxHeight;
                     }
                 };
             }
@@ -37878,7 +37872,7 @@
                     wordBreak: 'break-word',
                     heightLimit: autoRowHeight && !table.options.customConfig?.multilinesForXTable
                         ? -1
-                        : cellHeight - (padding[0] + padding[2]),
+                        : cellHeight - Math.floor(padding[0] + padding[2]),
                     pickable: false,
                     dx: (textAlign === 'left' ? hierarchyOffset : 0) + _contentOffset,
                     whiteSpace: text.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'
@@ -37979,7 +37973,7 @@
                     textBaseline: 'top',
                     heightLimit: autoRowHeight && !table.options.customConfig?.multilinesForXTable
                         ? -1
-                        : cellHeight - (padding[0] + padding[2]),
+                        : cellHeight - Math.floor(padding[0] + padding[2]),
                     pickable: false,
                     autoWrapText,
                     lineClamp,
@@ -38192,6 +38186,9 @@
         return config;
     }
     function updateCellContentWidth(cellGroup, distWidth, cellHeight, detaX, autoRowHeight, padding, textAlign, textBaseline, scene) {
+        if (isValidNumber$1(cellGroup.contentWidth)) {
+            detaX = distWidth - (cellGroup.contentWidth ?? cellGroup.attribute.width);
+        }
         let leftIconWidth = 0;
         let leftIconHeight = 0;
         let rightIconWidth = 0;
@@ -38299,7 +38296,7 @@
         return false;
     }
     function updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, textAlign, textBaseline) {
-        const newHeight = distHeight - (padding[0] + padding[2]);
+        const newHeight = distHeight - Math.floor(padding[0] + padding[2]);
         const textMark = cellGroup.getChildByName('text');
         if (textMark instanceof Text$1 && !autoRowHeight) {
             textMark.setAttributes({
@@ -38737,7 +38734,7 @@
             autoWrapText,
             lineClamp,
             wordBreak: 'break-word',
-            heightLimit: autoRowHeight ? -1 : cellHeight - (padding[0] + padding[2]),
+            heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
             pickable: false,
             dx: hierarchyOffset,
             whiteSpace: text.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'
@@ -38868,7 +38865,7 @@
             autoWrapText,
             lineClamp,
             wordBreak: 'break-word',
-            heightLimit: autoRowHeight ? -1 : cellHeight - (padding[0] + padding[2]),
+            heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
             pickable: false,
             dx: hierarchyOffset
         };
@@ -39183,7 +39180,7 @@
                     autoWrapText,
                     lineClamp,
                     wordBreak: 'break-word',
-                    heightLimit: cellHeight - (padding[0] + padding[2]),
+                    heightLimit: cellHeight - Math.floor(padding[0] + padding[2]),
                     pickable: false,
                     dx: textAlign === 'left' ? hierarchyOffset : 0,
                     x
@@ -45007,6 +45004,8 @@
     function getAdaptiveWidth(totalDrawWidth, startCol, endColPlus1, update, newWidths, table, fromScenegraph) {
         let actualWidth = 0;
         const adaptiveColumns = [];
+        const sparklineColumns = [];
+        let totalSparklineAbleWidth = 0;
         for (let col = startCol; col < endColPlus1; col++) {
             const width = update ? newWidths[col] : table.getColWidth(col);
             const maxWidth = table.getMaxColWidth(col);
@@ -45018,8 +45017,34 @@
             else {
                 totalDrawWidth -= width;
             }
+            if (table.options.customConfig?.shrinkSparklineFirst) {
+                const bodyCellType = table.getBodyColumnType(col, 0);
+                if (bodyCellType === 'sparkline') {
+                    sparklineColumns.push({ col, width });
+                    totalSparklineAbleWidth += width - table.defaultColWidth;
+                }
+            }
         }
         const factor = totalDrawWidth / actualWidth;
+        if (table.options.customConfig?.shrinkSparklineFirst &&
+            factor < 1 &&
+            totalDrawWidth - actualWidth < totalSparklineAbleWidth) {
+            for (let i = 0; i < sparklineColumns.length; i++) {
+                const { col, width } = sparklineColumns[i];
+                const deltaWidth = (actualWidth - totalDrawWidth) / sparklineColumns.length;
+                const colWidth = Math.floor(width - deltaWidth);
+                if (update) {
+                    newWidths[col] = table._adjustColWidth(col, colWidth);
+                }
+                else if (fromScenegraph) {
+                    table.scenegraph.setColWidth(col, table._adjustColWidth(col, colWidth));
+                }
+                else {
+                    table._setColWidth(col, table._adjustColWidth(col, colWidth), false, true);
+                }
+            }
+            return;
+        }
         for (let i = 0; i < adaptiveColumns.length; i++) {
             const col = adaptiveColumns[i];
             let colWidth;
@@ -48446,7 +48471,6 @@
                     if (iconBack) {
                         iconBack.setAttributes({
                             x: (icon.attribute.x ?? 0) +
-                                (icon.attribute.dx ?? 0) +
                                 (icon.AABBBounds.width() - icon.backgroundWidth) / 2,
                             y: (icon.attribute.y ?? 0) + (icon.AABBBounds.height() - icon.backgroundHeight) / 2,
                             dx: icon.attribute.dx ?? 0,
@@ -48461,7 +48485,6 @@
                     else {
                         iconBack = createRect({
                             x: (icon.attribute.x ?? 0) +
-                                (icon.attribute.dx ?? 0) +
                                 (icon.AABBBounds.width() - icon.backgroundWidth) / 2,
                             y: (icon.attribute.y ?? 0) + (icon.AABBBounds.height() - icon.backgroundHeight) / 2,
                             dx: icon.attribute.dx ?? 0,
@@ -48497,7 +48520,6 @@
                     },
                     placement: baseIcon.tooltip.placement
                 },
-                disappearDelay: baseIcon.tooltip.disappearDelay,
                 style: Object.assign({}, scene.table.internalProps.theme?.tooltipStyle, baseIcon.tooltip?.style)
             };
             if (!scene.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
@@ -52217,8 +52239,7 @@
                             rect: iconInfo.position,
                             placement: inlineIcon.attribute.tooltip.placement
                         },
-                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style, inlineIcon.attribute?.tooltip?.style),
-                        disappearDelay: inlineIcon.attribute.tooltip.disappearDelay
+                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style, inlineIcon.attribute?.tooltip?.style)
                     };
                     if (!this.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
                         this.table.showTooltip(col, row, tooltipOptions);
@@ -52969,6 +52990,9 @@
     }
 
     function bindSparklineHoverEvent(table) {
+        if (table.eventManager.bindSparklineHoverEvent) {
+            return;
+        }
         let hasSparkLine = false;
         if (table.isPivotTable()) {
             const layoutMap = table.internalProps.layoutMap;
@@ -52985,6 +53009,7 @@
         if (!hasSparkLine) {
             return;
         }
+        table.eventManager.bindSparklineHoverEvent = true;
         table.on(TABLE_EVENT_TYPE.MOUSEMOVE_CELL, (e) => {
             const { col, row, x, y } = e;
             const type = table.getBodyColumnType(col, row);
@@ -54786,6 +54811,7 @@
         downIcon;
         globalEventListeners = [];
         inertiaScroll;
+        bindSparklineHoverEvent;
         constructor(table) {
             this.table = table;
             this.handleTextStickBindId = [];
@@ -54824,6 +54850,7 @@
                     });
                     this.handleTextStickBindId = [];
                 }
+                bindSparklineHoverEvent(this.table);
             }, 0);
         }
         bindSelfEvent() {
@@ -56414,8 +56441,8 @@
 .vtable__bubble-tooltip-element {
 	position: absolute;
 	
-	// pointer-events: none;
-	//user-select: none;
+	pointer-events: none;
+	user-select: none;
 	max-width: 300px;
 	z-index: 99999;
 
@@ -56429,8 +56456,6 @@
 }
 .vtable__bubble-tooltip-element--hidden {
 	opacity: 0;
-  pointer-events: none;
-	user-select: none;
 	/* transform: translate(-50%, -50%); */
 	transition: opacity 75ms linear;
 }
@@ -56449,30 +56474,12 @@
 	white-space: pre-wrap;
 	margin: 0;
 	box-sizing: border-box;
-	overflow: auto;
+	overflow: hidden;
 	word-wrap: break-word;
 	position: relative;
 	background-color: #FFF;
 	z-index: 2;
-	border-radius: 4px;
-}
-/*  WebKit Microsoft Edge（新版）： */
-.vtable__bubble-tooltip-element__content::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-  background-color: transparent;
-}
-/*  Opera Firefox  */
-.vtable__bubble-tooltip-element__content > scrollbar-track {
-  width: 0;
-  height: 0;
-  background-color: transparent;
-}
-/* Internet Explorer 11 和 Microsoft Edge（旧版） */
-.vtable__bubble-tooltip-element__content > scrollbar {
-  width: 0;
-  height: 0;
-  background-color: transparent;
+	border-radius: 4px
 }
 .vtable__bubble-tooltip-element__triangle {
 	/* font-size: .75rem; */
@@ -56501,31 +56508,17 @@
         _rootElement;
         _messageElement;
         _triangleElement;
-        _disappearDelay;
-        _disappearDelayId;
         constructor() {
             this._handler = new EventHandler();
             const rootElement = (this._rootElement = createElement('div', [TOOLTIP_CLASS, HIDDEN_CLASS]));
-            const messageElement = createElement('div', [CONTENT_CLASS]);
+            const messageElement = createElement('span', [CONTENT_CLASS]);
             const triangle = createElement('span', [TRIANGLE_CLASS]);
             rootElement.appendChild(triangle);
             rootElement.appendChild(messageElement);
             this._messageElement = rootElement.querySelector(`.${CONTENT_CLASS}`) || undefined;
             this._triangleElement = rootElement.querySelector(`.${TRIANGLE_CLASS}`) || undefined;
-            rootElement.addEventListener('mousemove', () => {
-                this._disappearDelayId && clearTimeout(this._disappearDelayId);
-            });
-            rootElement.addEventListener('mouseleave', () => {
-                this._disappearDelay = undefined;
-                this.unbindFromCell();
-            });
-            messageElement.addEventListener('wheel', e => {
-                e.stopPropagation();
-            });
         }
         bindToCell(table, col, row, tooltipInstanceInfo, confine) {
-            this._disappearDelay = tooltipInstanceInfo?.disappearDelay;
-            this._disappearDelayId && clearTimeout(this._disappearDelayId);
             const rootElement = this._rootElement;
             const messageElement = this._messageElement;
             const triangle = this._triangleElement;
@@ -56546,10 +56539,6 @@
                 tooltipInstanceInfo?.style?.color && (messageElement.style.color = tooltipInstanceInfo?.style?.color);
                 tooltipInstanceInfo?.style?.padding &&
                     (messageElement.style.padding = `${tooltipInstanceInfo?.style?.padding.join('px ')}px`);
-                tooltipInstanceInfo?.style?.maxHeight &&
-                    (messageElement.style.maxHeight = `${tooltipInstanceInfo?.style?.maxHeight}px`);
-                tooltipInstanceInfo?.style?.maxWidth &&
-                    (messageElement.style.maxWidth = `${tooltipInstanceInfo?.style?.maxWidth}px`);
                 messageElement && (messageElement.textContent = tooltipInstanceInfo?.content);
                 const binded = this._bindToCell(table, col, row, tooltipInstanceInfo?.position, tooltipInstanceInfo?.referencePosition, confine, tooltipInstanceInfo?.style?.arrowMark);
                 if (binded) {
@@ -56585,21 +56574,10 @@
             }
         }
         unbindFromCell() {
-            if (this._disappearDelay) {
-                this._disappearDelayId = setTimeout(() => {
-                    const rootElement = this._rootElement;
-                    if (rootElement?.parentElement) {
-                        rootElement.classList.remove(SHOWN_CLASS);
-                        rootElement.classList.add(HIDDEN_CLASS);
-                    }
-                }, this._disappearDelay ?? 0);
-            }
-            else {
-                const rootElement = this._rootElement;
-                if (rootElement?.parentElement) {
-                    rootElement.classList.remove(SHOWN_CLASS);
-                    rootElement.classList.add(HIDDEN_CLASS);
-                }
+            const rootElement = this._rootElement;
+            if (rootElement?.parentElement) {
+                rootElement.classList.remove(SHOWN_CLASS);
+                rootElement.classList.add(HIDDEN_CLASS);
             }
         }
         _canBindToCell(table, col, row) {
@@ -56927,8 +56905,7 @@
                         placement: Placement.bottom,
                         rect
                     },
-                    disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
-                    style: table.theme.tooltipStyle
+                    style: { arrowMark: false }
                 };
             }
             else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {
@@ -56944,7 +56921,6 @@
                             placement: Placement.bottom,
                             rect
                         },
-                        disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
                         style: table.theme.tooltipStyle
                     };
                 }
@@ -59103,7 +59079,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.2.1-alpha.1";
+        version = "1.2.1-alpha.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -59322,7 +59298,11 @@
             this.internalProps.colCount = colCount;
         }
         get frozenColCount() {
-            return this.internalProps.layoutMap?.frozenColCount ?? this.internalProps.frozenColCount ?? 0;
+            let frozenColCount = this.internalProps.layoutMap?.frozenColCount ?? this.internalProps.frozenColCount ?? 0;
+            if (frozenColCount > this.colCount) {
+                frozenColCount = 0;
+            }
+            return frozenColCount;
         }
         set frozenColCount(frozenColCount) {
             if (frozenColCount >= this.colCount) {
@@ -63803,7 +63783,9 @@
                 subtextStyle: {
                     width: realWidth,
                     ...this._titleOption.subtextStyle
-                }
+                },
+                dx: this._titleOption.dx ?? 0,
+                dy: this._titleOption.dy ?? 0
             };
         }
     }
@@ -72085,7 +72067,7 @@
     }
 
     registerForVrender();
-    const version = "1.2.1-alpha.1";
+    const version = "1.2.1-alpha.2";
     function getIcons() {
         return get$2();
     }