ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
70 lines • 6.01 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, ViewChild, TemplateRef } from '@angular/core';
import { TabPaneComponent } from '../tabs/tab-pane.component';
export class TabBarItemComponent extends TabPaneComponent {
constructor() {
super();
this.prefixCls = 'am-tab-bar-tab';
this.selected = false;
this.tintColor = '#108ee9';
this.unselectedTintColor = '#888';
this.key = '';
this.title = '';
this.dot = false;
this.badge = null;
this.icon = null;
this.selectedIcon = null;
}
/**
* @param {?} value
* @return {?}
*/
isTemplateRef(value) {
return value instanceof TemplateRef;
}
}
TabBarItemComponent.decorators = [
{ type: Component, args: [{
selector: 'TabBarItem, nzm-tab-bar-item',
template: "<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #tabBarTab>\n <div class=\"{{ prefixCls }}-icon\" [style.color]=\"selected ? tintColor : unselectedTintColor\">\n <Badge *ngIf=\"badge\" className=\"{{ prefixCls }}-badge tab-badge\" [text]=\"badge\">\n <ng-container *ngIf=\"isTemplateRef(selected ? selectedIcon : icon); then domTemplate; else imgTemplate\">\n </ng-container>\n </Badge>\n <Badge className=\"{{ prefixCls }}-badge tab-badge\" [dot]=\"dot\" *ngIf=\"dot\">\n <ng-container *ngIf=\"isTemplateRef(selected ? selectedIcon : icon); then domTemplate; else imgTemplate\">\n </ng-container>\n </Badge>\n <ng-container *ngIf=\"!badge && !dot\">\n <ng-container *ngIf=\"isTemplateRef(selected ? selectedIcon : icon); then domTemplate; else imgTemplate\">\n </ng-container>\n </ng-container>\n </div>\n <p class=\"{{ prefixCls }}-title\" [style.color]=\"selected ? tintColor : unselectedTintColor\">\n {{ title }}\n </p>\n</ng-template>\n\n<ng-template #domTemplate>\n <ng-template [ngTemplateOutlet]=\"selected ? selectedIcon : icon\"></ng-template>\n</ng-template>\n\n<ng-template #imgTemplate>\n <img src=\"{{ selected ? selectedIcon : icon }}\" alt=\"{{ title }}\" />\n</ng-template>\n"
}] }
];
/** @nocollapse */
TabBarItemComponent.ctorParameters = () => [];
TabBarItemComponent.propDecorators = {
tabBarTab: [{ type: ViewChild, args: ['tabBarTab',] }],
key: [{ type: Input }],
title: [{ type: Input }],
dot: [{ type: Input }],
badge: [{ type: Input }],
icon: [{ type: Input }],
selectedIcon: [{ type: Input }]
};
if (false) {
/** @type {?} */
TabBarItemComponent.prototype.prefixCls;
/** @type {?} */
TabBarItemComponent.prototype.selected;
/** @type {?} */
TabBarItemComponent.prototype.tintColor;
/** @type {?} */
TabBarItemComponent.prototype.unselectedTintColor;
/** @type {?} */
TabBarItemComponent.prototype.tabBarTab;
/** @type {?} */
TabBarItemComponent.prototype.key;
/** @type {?} */
TabBarItemComponent.prototype.title;
/** @type {?} */
TabBarItemComponent.prototype.dot;
/** @type {?} */
TabBarItemComponent.prototype.badge;
/** @type {?} */
TabBarItemComponent.prototype.icon;
/** @type {?} */
TabBarItemComponent.prototype.selectedIcon;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXpvcnJvLWFudGQtbW9iaWxlLyIsInNvdXJjZXMiOlsidGFiLWJhci90YWItYmFyLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBTTlELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxnQkFBZ0I7SUFzQnZEO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUF0QlYsY0FBUyxHQUFXLGdCQUFnQixDQUFDO1FBQ3JDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsY0FBUyxHQUFXLFNBQVMsQ0FBQztRQUM5Qix3QkFBbUIsR0FBVyxNQUFNLENBQUM7UUFNckMsUUFBRyxHQUFXLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBRW5CLFFBQUcsR0FBWSxLQUFLLENBQUM7UUFFckIsVUFBSyxHQUFvQixJQUFJLENBQUM7UUFFOUIsU0FBSSxHQUErQixJQUFJLENBQUM7UUFFeEMsaUJBQVksR0FBK0IsSUFBSSxDQUFDO0lBSWhELENBQUM7Ozs7O0lBRUQsYUFBYSxDQUFDLEtBQUs7UUFDakIsT0FBTyxLQUFLLFlBQVksV0FBVyxDQUFDO0lBQ3RDLENBQUM7OztZQWhDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDhCQUE4QjtnQkFDeEMsa3hDQUE0QzthQUM3Qzs7Ozs7d0JBT0UsU0FBUyxTQUFDLFdBQVc7a0JBR3JCLEtBQUs7b0JBRUwsS0FBSztrQkFFTCxLQUFLO29CQUVMLEtBQUs7bUJBRUwsS0FBSzsyQkFFTCxLQUFLOzs7O0lBbEJOLHdDQUFxQzs7SUFDckMsdUNBQTBCOztJQUMxQix3Q0FBOEI7O0lBQzlCLGtEQUFxQzs7SUFFckMsd0NBQzZCOztJQUU3QixrQ0FDaUI7O0lBQ2pCLG9DQUNtQjs7SUFDbkIsa0NBQ3FCOztJQUNyQixvQ0FDOEI7O0lBQzlCLG1DQUN3Qzs7SUFDeEMsMkNBQ2dEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGFiUGFuZUNvbXBvbmVudCB9IGZyb20gJy4uL3RhYnMvdGFiLXBhbmUuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnVGFiQmFySXRlbSwgbnptLXRhYi1iYXItaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWItYmFyLWl0ZW0uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFRhYkJhckl0ZW1Db21wb25lbnQgZXh0ZW5kcyBUYWJQYW5lQ29tcG9uZW50IHtcbiAgcHJlZml4Q2xzOiBzdHJpbmcgPSAnYW0tdGFiLWJhci10YWInO1xuICBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuICB0aW50Q29sb3I6IHN0cmluZyA9ICcjMTA4ZWU5JztcbiAgdW5zZWxlY3RlZFRpbnRDb2xvcjogc3RyaW5nID0gJyM4ODgnO1xuXG4gIEBWaWV3Q2hpbGQoJ3RhYkJhclRhYicpXG4gIHRhYkJhclRhYjogVGVtcGxhdGVSZWY8dm9pZD47XG5cbiAgQElucHV0KClcbiAga2V5OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKVxuICBkb3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgYmFkZ2U6IG51bWJlciB8IHN0cmluZyA9IG51bGw7XG4gIEBJbnB1dCgpXG4gIGljb246IHN0cmluZyB8IFRlbXBsYXRlUmVmPHZvaWQ+ID0gbnVsbDtcbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJY29uOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjx2b2lkPiA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIGlzVGVtcGxhdGVSZWYodmFsdWUpIHtcbiAgICByZXR1cm4gdmFsdWUgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZjtcbiAgfVxufVxuIl19