ngx-pluto/lib/tooltip/tooltip.directive.d.ts

ngx-pluto组件库

import { ElementRef, OnInit, Renderer2, TemplateRef } from '@angular/core';
import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
/**
* Tooltip提示文本
*
* <example-url>https://stackblitz.com/edit/np-tooltip-sample?embed=1&file=src/app/app.component.html</example-url>
*/
export declare class NpTooltipDirective implements OnInit {
    private overlay;
    private overlayPositionBuilder;
    private elementRef;
    renderer: Renderer2;
    /**显示提示文本 */
    text: string;
    /**支持自定义模板ng-template展示提示文本 */
    template: TemplateRef<any>;
    /**支持上、右、下、左、上左、上右、下左、下右8个方向展示提示文本，默认展示上方提示文本 */
    position: NpTooltipPosition;
    /**提示文本背景色 */
    bgColor: string;
    /**提示文本水平方向X轴位移 */
    offsetX: number;
    /**提示文本垂直方向Y轴位移 */
    offsetY: number;
    /**是否展示提示文本指向箭头，默认展示 */
    showArrow: boolean;
    /**触发方式，默认为鼠标hover */
    trigger: 'hover' | 'click';
    private overlayRef;
    private withPositions;
    private delayTimer;
    constructor(overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef, renderer: Renderer2);
    ngOnInit(): void;
    ngAfterViewInit(): void;
    private initWithPositions;
    private buildArrow;
    private delayEnterLeave;
    show(): void;
    hide(): void;
}
export declare type NpTooltipPosition = 'top' | 'right' | 'bottom' | 'left' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';