ngx-pluto/esm5/lib/shared/directives/tooltip.directive.js

ngx-pluto组件库

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Directive, ElementRef, Input, HostListener, ViewContainerRef } from '@angular/core';
/**
 * @ignore
 */
var TooltipDirective = /** @class */ (function () {
    function TooltipDirective(element, hostView) {
        this.element = element;
        this.hostView = hostView;
        this.npTooltip = '';
        this.direction = 'right';
    }
    /**
     * @return {?}
     */
    TooltipDirective.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        this.tooltipDom = document.createElement('div');
        this.tooltipDom.id = 'tooltip-container';
        /** @type {?} */
        var width = this.npTooltip.length + 'em';
        if (this.npTooltip.length > 20) {
            width = '20em';
        }
        this.tooltipDom.innerHTML = "\n    <span  style=\"width:" + width + "\"  class=\"tooltip tooltip-right\">\n    " + this.npTooltip + "</span>\n    ";
    };
    /**
     * @return {?}
     */
    TooltipDirective.prototype.onMouseEnter = /**
     * @return {?}
     */
    function () {
        /** @type {?} */
        var eleWidth = this.element.nativeElement.clientWidth;
        /** @type {?} */
        var eleheight = this.element.nativeElement.clientHeight;
        //#TODO: 上下左方向没写
        /** @type {?} */
        var tooltipTop;
        /** @type {?} */
        var tooltipLeft;
        switch (this.direction) {
            case 'right':
                tooltipLeft = eleWidth + 'px';
                this.tooltipDom.style.left = tooltipLeft;
                break;
            // case 'left':
            //   // 175是tooltip内容的宽度,10是修正宽度
            //   tooltipLeft = (-175 - 10) + 'px';
            //   this.tooltipDom.style.left = tooltipLeft;
            //   break;
            default:
                break;
        }
        this.element.nativeElement.parentNode.insertBefore(this.tooltipDom, this.element.nativeElement);
    };
    /**
     * @return {?}
     */
    TooltipDirective.prototype.onMouseLeave = /**
     * @return {?}
     */
    function () {
        this.element.nativeElement.parentNode.removeChild(this.tooltipDom);
    };
    TooltipDirective.decorators = [
        { type: Directive, args: [{
                    selector: '[npTooltipDeprecated]',
                },] }
    ];
    /** @nocollapse */
    TooltipDirective.ctorParameters = function () { return [
        { type: ElementRef },
        { type: ViewContainerRef }
    ]; };
    TooltipDirective.propDecorators = {
        npTooltip: [{ type: Input }],
        direction: [{ type: Input }],
        enterDelay: [{ type: Input }],
        leaveDelay: [{ type: Input }],
        onMouseEnter: [{ type: HostListener, args: ['mouseenter',] }],
        onMouseLeave: [{ type: HostListener, args: ['mouseleave',] }]
    };
    return TooltipDirective;
}());
export { TooltipDirective };
if (false) {
    /** @type {?} */
    TooltipDirective.prototype.npTooltip;
    /** @type {?} */
    TooltipDirective.prototype.direction;
    /** @type {?} */
    TooltipDirective.prototype.enterDelay;
    /** @type {?} */
    TooltipDirective.prototype.leaveDelay;
    /** @type {?} */
    TooltipDirective.prototype.tooltipDom;
    /**
     * @type {?}
     * @private
     */
    TooltipDirective.prototype.element;
    /** @type {?} */
    TooltipDirective.prototype.hostView;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcGx1dG8vIiwic291cmNlcyI6WyJsaWIvc2hhcmVkL2RpcmVjdGl2ZXMvdG9vbHRpcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFVLEtBQUssRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFLckc7SUFjRSwwQkFDVSxPQUFxQyxFQUN0QyxRQUEwQjtRQUR6QixZQUFPLEdBQVAsT0FBTyxDQUE4QjtRQUN0QyxhQUFRLEdBQVIsUUFBUSxDQUFrQjtRQVZuQyxjQUFTLEdBQVcsRUFBRSxDQUFDO1FBRXZCLGNBQVMsR0FBYyxPQUFPLENBQUM7SUFVM0IsQ0FBQzs7OztJQUNMLG1DQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRCxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsR0FBRyxtQkFBbUIsQ0FBQzs7WUFDckMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLElBQUk7UUFDeEMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxFQUFFLEVBQUU7WUFDOUIsS0FBSyxHQUFHLE1BQU0sQ0FBQztTQUNoQjtRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxHQUFHLGdDQUNOLEtBQUssa0RBQ3pCLElBQUksQ0FBQyxTQUFTLGtCQUNmLENBQUM7SUFDSixDQUFDOzs7O0lBRUQsdUNBQVk7OztJQURaOztZQUVRLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxXQUFXOztZQUNqRCxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsWUFBWTs7O1lBRXJELFVBQVU7O1lBQUUsV0FBVztRQUMzQixRQUFRLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDdEIsS0FBSyxPQUFPO2dCQUNWLFdBQVcsR0FBRyxRQUFRLEdBQUcsSUFBSSxDQUFDO2dCQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDO2dCQUN6QyxNQUFNO1lBQ1IsZUFBZTtZQUNmLGdDQUFnQztZQUNoQyxzQ0FBc0M7WUFDdEMsOENBQThDO1lBQzlDLFdBQVc7WUFDWDtnQkFDRSxNQUFNO1NBQ1Q7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNsRyxDQUFDOzs7O0lBRUQsdUNBQVk7OztJQURaO1FBRUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDckUsQ0FBQzs7Z0JBdkRGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2lCQUNsQzs7OztnQkFQbUIsVUFBVTtnQkFBK0IsZ0JBQWdCOzs7NEJBVTFFLEtBQUs7NEJBRUwsS0FBSzs2QkFFTCxLQUFLOzZCQUVMLEtBQUs7K0JBb0JMLFlBQVksU0FBQyxZQUFZOytCQXFCekIsWUFBWSxTQUFDLFlBQVk7O0lBSTVCLHVCQUFDO0NBQUEsQUF4REQsSUF3REM7U0FyRFksZ0JBQWdCOzs7SUFFM0IscUNBQ3VCOztJQUN2QixxQ0FDK0I7O0lBQy9CLHNDQUNtQjs7SUFDbkIsc0NBQ21COztJQUNuQixzQ0FBMkI7Ozs7O0lBRXpCLG1DQUE2Qzs7SUFDN0Msb0NBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkluaXQsIElucHV0LCBIb3N0TGlzdGVuZXIsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBAaWdub3JlXHJcbiAqL1xyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tucFRvb2x0aXBEZXByZWNhdGVkXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sdGlwRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KClcclxuICBucFRvb2x0aXA6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgZGlyZWN0aW9uOiBkaXJlY3Rpb24gPSAncmlnaHQnO1xyXG4gIEBJbnB1dCgpXHJcbiAgZW50ZXJEZWxheTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpXHJcbiAgbGVhdmVEZWxheTogbnVtYmVyO1xyXG4gIHRvb2x0aXBEb206IEhUTUxEaXZFbGVtZW50O1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmPEhUTUxJbWFnZUVsZW1lbnQ+LFxyXG4gICAgcHVibGljIGhvc3RWaWV3OiBWaWV3Q29udGFpbmVyUmVmLFxyXG5cclxuICApIHsgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy50b29sdGlwRG9tID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XHJcbiAgICB0aGlzLnRvb2x0aXBEb20uaWQgPSAndG9vbHRpcC1jb250YWluZXInO1xyXG4gICAgbGV0IHdpZHRoID0gdGhpcy5ucFRvb2x0aXAubGVuZ3RoICsgJ2VtJ1xyXG4gICAgaWYgKHRoaXMubnBUb29sdGlwLmxlbmd0aCA+IDIwKSB7XHJcbiAgICAgIHdpZHRoID0gJzIwZW0nO1xyXG4gICAgfVxyXG4gICAgdGhpcy50b29sdGlwRG9tLmlubmVySFRNTCA9IGBcclxuICAgIDxzcGFuICBzdHlsZT1cIndpZHRoOiR7d2lkdGh9XCIgIGNsYXNzPVwidG9vbHRpcCB0b29sdGlwLXJpZ2h0XCI+XHJcbiAgICAke3RoaXMubnBUb29sdGlwfTwvc3Bhbj5cclxuICAgIGA7XHJcbiAgfVxyXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIGNvbnN0IGVsZVdpZHRoID0gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGg7XHJcbiAgICBjb25zdCBlbGVoZWlnaHQgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHQ7XHJcbiAgICAvLyNUT0RPOiDkuIrkuIvlt6bmlrnlkJHmsqHlhplcclxuICAgIGxldCB0b29sdGlwVG9wLCB0b29sdGlwTGVmdDtcclxuICAgIHN3aXRjaCAodGhpcy5kaXJlY3Rpb24pIHtcclxuICAgICAgY2FzZSAncmlnaHQnOlxyXG4gICAgICAgIHRvb2x0aXBMZWZ0ID0gZWxlV2lkdGggKyAncHgnO1xyXG4gICAgICAgIHRoaXMudG9vbHRpcERvbS5zdHlsZS5sZWZ0ID0gdG9vbHRpcExlZnQ7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIC8vIGNhc2UgJ2xlZnQnOlxyXG4gICAgICAvLyAgIC8vIDE3NeaYr3Rvb2x0aXDlhoXlrrnnmoTlrr3luqYsMTDmmK/kv67mraPlrr3luqZcclxuICAgICAgLy8gICB0b29sdGlwTGVmdCA9ICgtMTc1IC0gMTApICsgJ3B4JztcclxuICAgICAgLy8gICB0aGlzLnRvb2x0aXBEb20uc3R5bGUubGVmdCA9IHRvb2x0aXBMZWZ0O1xyXG4gICAgICAvLyAgIGJyZWFrO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQucGFyZW50Tm9kZS5pbnNlcnRCZWZvcmUodGhpcy50b29sdGlwRG9tLCB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCk7XHJcbiAgfVxyXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxyXG4gIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy50b29sdGlwRG9tKTtcclxuICB9XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAaWdub3JlXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBkaXJlY3Rpb24gPSAndXAnIHwgJ2JvdHRvbScgfCAnbGVmdCcgfCAncmlnaHQnO1xyXG4iXX0=