mirrors/VTable
1
0
Fork 0
mirror of https://github.com/VisActor/VTable synced 2024-11-22 01:52:03 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat: isShowOverflowTextTooltip support function

Browse Source
This commit is contained in:
Rui-Sun 2024-11-18 21:52:18 +08:00
parent 72422d2317
commit ed5d72cd66
3 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
common/changes/@visactor/vtable/feat-isShowOverflowTextTooltip-func_2024-11-18-13-51.json Normal file
View File

@ -0,0 +1,10 @@
{
"changes": [
{
"packageName": "@visactor/vtable",
"comment": "feat: isShowOverflowTextTooltip support function",
"type": "none"
}
],
"packageName": "@visactor/vtable"
}

7
packages/vtable/src/components/tooltip/TooltipHandler.ts
View File

@ -8,6 +8,7 @@ import { isMobile } from '../../tools/util';
import type { TooltipOptions } from '../../ts-types/tooltip'; import type { TooltipOptions } from '../../ts-types/tooltip';
import { TABLE_EVENT_TYPE } from '../../core/TABLE_EVENT_TYPE'; import { TABLE_EVENT_TYPE } from '../../core/TABLE_EVENT_TYPE';
import type { BaseTableAPI } from '../../ts-types/base-table'; import type { BaseTableAPI } from '../../ts-types/base-table';
import { isFunction } from '@visactor/vutils';
const TOOLTIP_INSTANCE_FACTORY = { const TOOLTIP_INSTANCE_FACTORY = {
// tooltip(table: BaseTableAPI): BaseTooltip { // tooltip(table: BaseTableAPI): BaseTooltip {
// return new Tooltip(table); // return new Tooltip(table);
@ -201,7 +202,11 @@ export class TooltipHandler {
disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0, disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
style: table.theme.tooltipStyle style: table.theme.tooltipStyle
}; };
} else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) { } else if (
(isFunction(table.internalProps.tooltip?.isShowOverflowTextTooltip) &&
table.internalProps.tooltip.isShowOverflowTextTooltip(col, row, table)) ||
table.internalProps.tooltip.isShowOverflowTextTooltip
) {
const overflowText = table.getCellOverflowText(col, row); const overflowText = table.getCellOverflowText(col, row);
const rect = table.getCellRangeRelativeRect({ col, row }); const rect = table.getCellRangeRelativeRect({ col, row });
if (overflowText) { if (overflowText) {

4
packages/vtable/src/ts-types/base-table.ts
View File

@ -206,7 +206,7 @@ export interface IBaseTableProtected {
parentElement: HTMLElement; parentElement: HTMLElement;
renderMode: 'html' | 'canvas'; renderMode: 'html' | 'canvas';
/** 代替原来hover:isShowTooltip配置 */ /** 代替原来hover:isShowTooltip配置 */
isShowOverflowTextTooltip: boolean; isShowOverflowTextTooltip: boolean | ((col: number, row: number, table: BaseTableAPI) => boolean);
/** 缩略文字提示框 延迟消失时间 */ /** 缩略文字提示框 延迟消失时间 */
overflowTextTooltipDisappearDelay?: number; overflowTextTooltipDisappearDelay?: number;
/** 弹框是否需要限定在表格区域内 */ /** 弹框是否需要限定在表格区域内 */
@ -397,7 +397,7 @@ export interface BaseTableConstructorOptions {
/** html目前实现较完整 先默认html渲染方式 */ /** html目前实现较完整 先默认html渲染方式 */
renderMode?: 'html'; // 目前暂不支持canvas方案 renderMode?: 'html'; // 目前暂不支持canvas方案
/** 是否显示缩略文字提示框。 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/ /** 是否显示缩略文字提示框。 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/
isShowOverflowTextTooltip?: boolean; isShowOverflowTextTooltip?: boolean | ((col: number, row: number, table: BaseTableAPI) => boolean);
/** 缩略文字提示框 延迟消失时间 */ /** 缩略文字提示框 延迟消失时间 */
overflowTextTooltipDisappearDelay?: number; overflowTextTooltipDisappearDelay?: number;
/** 是否将 tooltip 框限制在画布区域内，默认开启。针对renderMode:"html"有效 */ /** 是否将 tooltip 框限制在画布区域内，默认开启。针对renderMode:"html"有效 */