ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
213 lines • 15.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, ContentChildren, QueryList, HostBinding, EventEmitter } from '@angular/core';
import { TabBarItemComponent } from './tab-bar-item.component';
/**
* @record
*/
export function TabBarOnPressEvent() { }
if (false) {
/** @type {?} */
TabBarOnPressEvent.prototype.index;
/** @type {?} */
TabBarOnPressEvent.prototype.title;
/** @type {?} */
TabBarOnPressEvent.prototype.key;
}
var TabBarComponent = /** @class */ (function () {
function TabBarComponent() {
this.prefixCls = 'am-tab-bar';
this._activeTab = 0;
this._tintColor = '#108ee9';
this._unselectedTintColor = '#888';
this.hidden = false;
this.prerenderingSiblingsNumber = -1;
this.barTintColor = 'white';
this.tabBarPosition = 'bottom';
this.onPress = new EventEmitter();
this.tabBar = true;
}
Object.defineProperty(TabBarComponent.prototype, "activeTab", {
get: /**
* @return {?}
*/
function () {
return this._activeTab;
},
set: /**
* @param {?} tab
* @return {?}
*/
function (tab) {
this._activeTab = tab;
if (this.tabBarItems && this.tabBarItems.length > 0) {
this.selectTabBarItem(tab);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(TabBarComponent.prototype, "tintColor", {
get: /**
* @return {?}
*/
function () {
return this._tintColor;
},
set: /**
* @param {?} color
* @return {?}
*/
function (color) {
var _this = this;
this._tintColor = color;
if (this.tabBarItems && this.tabBarItems.length > 0) {
this.tabBarItems.forEach((/**
* @param {?} tabBarItem
* @return {?}
*/
function (tabBarItem) {
tabBarItem.tintColor = _this._tintColor;
}));
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(TabBarComponent.prototype, "unselectedTintColor", {
get: /**
* @return {?}
*/
function () {
return this._unselectedTintColor;
},
set: /**
* @param {?} color
* @return {?}
*/
function (color) {
var _this = this;
this._unselectedTintColor = color;
if (this.tabBarItems && this.tabBarItems.length > 0) {
this.tabBarItems.forEach((/**
* @param {?} tabBarItem
* @return {?}
*/
function (tabBarItem) {
tabBarItem.unselectedTintColor = _this._unselectedTintColor;
}));
}
},
enumerable: true,
configurable: true
});
/**
* @param {?} index
* @return {?}
*/
TabBarComponent.prototype.selectTabBarItem = /**
* @param {?} index
* @return {?}
*/
function (index) {
if (this.tabBarItems && this.tabBarItems.length > 0) {
this.tabBarItems.forEach((/**
* @param {?} tabBarItem
* @return {?}
*/
function (tabBarItem) {
tabBarItem.selected = false;
}));
this.tabBarItems.toArray()[index].selected = true;
}
};
/**
* @param {?} pressParam
* @return {?}
*/
TabBarComponent.prototype.tabBarTabOnPress = /**
* @param {?} pressParam
* @return {?}
*/
function (pressParam) {
this.onPress.emit(pressParam);
};
/**
* @return {?}
*/
TabBarComponent.prototype.ngAfterContentInit = /**
* @return {?}
*/
function () {
var _this = this;
if (this.tabBarItems && this.tabBarItems.length > 0) {
this.tabBarItems.forEach((/**
* @param {?} tabBarItem
* @return {?}
*/
function (tabBarItem) {
tabBarItem.tintColor = _this._tintColor;
tabBarItem.unselectedTintColor = _this._unselectedTintColor;
}));
}
this.selectTabBarItem(this.activeTab);
};
TabBarComponent.decorators = [
{ type: Component, args: [{
selector: 'TabBar, nzm-tab-bar',
template: "<Tabs\n [animated]=\"false\"\n [useOnPan]=\"false\"\n [swipeable]=\"false\"\n [activeTab]=\"activeTab\"\n [renderTabBar]=\"TabBarBar\"\n [tabDirection]=\"'horizontal'\"\n [tabPanesContent]=\"tabBarItems\"\n [tabBarPosition]=\"tabBarPosition\"\n [prerenderingSiblingsNumber]=\"prerenderingSiblingsNumber\"\n></Tabs>\n\n<ng-template #TabBarBar>\n <div class=\"am-tabs-tab-bar-wrap\">\n <div\n class=\"{{ prefixCls }}-bar\"\n [ngClass]=\"{\n 'am-tab-bar-bar-hidden-top': 'top' === tabBarPosition && hidden,\n 'am-tab-bar-bar-hidden-bottom': 'bottom' === tabBarPosition && hidden\n }\"\n [style.background-color]=\"barTintColor\"\n >\n <div\n class=\"am-tab-bar-tab\"\n *ngFor=\"let tabBarItem of tabBarItems; let i = index\"\n (click)=\"tabBarTabOnPress({ index: i, key: tabBarItem.key, title: tabBarItem.title })\"\n >\n <ng-container [ngTemplateOutlet]=\"tabBarItem.tabBarTab\"></ng-container>\n </div>\n </div>\n </div>\n</ng-template>\n"
}] }
];
/** @nocollapse */
TabBarComponent.ctorParameters = function () { return []; };
TabBarComponent.propDecorators = {
tabBarItems: [{ type: ContentChildren, args: [TabBarItemComponent, { descendants: true },] }],
hidden: [{ type: Input }],
prerenderingSiblingsNumber: [{ type: Input }],
activeTab: [{ type: Input }],
barTintColor: [{ type: Input }],
tabBarPosition: [{ type: Input }],
tintColor: [{ type: Input }],
unselectedTintColor: [{ type: Input }],
onPress: [{ type: Output }],
tabBar: [{ type: HostBinding, args: ['class.am-tab-bar',] }]
};
return TabBarComponent;
}());
export { TabBarComponent };
if (false) {
/** @type {?} */
TabBarComponent.prototype.prefixCls;
/**
* @type {?}
* @private
*/
TabBarComponent.prototype._activeTab;
/**
* @type {?}
* @private
*/
TabBarComponent.prototype._tintColor;
/**
* @type {?}
* @private
*/
TabBarComponent.prototype._unselectedTintColor;
/** @type {?} */
TabBarComponent.prototype.tabBarItems;
/** @type {?} */
TabBarComponent.prototype.hidden;
/** @type {?} */
TabBarComponent.prototype.prerenderingSiblingsNumber;
/** @type {?} */
TabBarComponent.prototype.barTintColor;
/** @type {?} */
TabBarComponent.prototype.tabBarPosition;
/** @type {?} */
TabBarComponent.prototype.onPress;
/** @type {?} */
TabBarComponent.prototype.tabBar;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbInRhYi1iYXIvdGFiLWJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLE1BQU0sRUFDTixlQUFlLEVBQ2YsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFHL0Qsd0NBSUM7OztJQUhDLG1DQUFjOztJQUNkLG1DQUFjOztJQUNkLGlDQUFZOztBQUdkO0lBNkRFO1FBeERBLGNBQVMsR0FBVyxZQUFZLENBQUM7UUFDekIsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUN2QixlQUFVLEdBQVcsU0FBUyxDQUFDO1FBQy9CLHlCQUFvQixHQUFXLE1BQU0sQ0FBQztRQU05QyxXQUFNLEdBQVksS0FBSyxDQUFDO1FBRXhCLCtCQUEwQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBWXhDLGlCQUFZLEdBQVcsT0FBTyxDQUFDO1FBRS9CLG1CQUFjLEdBQTBCLFFBQVEsQ0FBQztRQTBCakQsWUFBTyxHQUFxQyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQUduRixXQUFNLEdBQVksSUFBSSxDQUFDO0lBRVIsQ0FBQztJQTVDaEIsc0JBQ0ksc0NBQVM7Ozs7UUFEYjtZQUVFLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN6QixDQUFDOzs7OztRQUNELFVBQWMsR0FBVztZQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQztZQUN0QixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNuRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUM7YUFD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dkMsK0NBQThDOztJQUU5QyxzQ0FDNEM7O0lBRTVDLGlDQUN3Qjs7SUFDeEIscURBQ3dDOztJQVd4Qyx1Q0FDK0I7O0lBQy9CLHlDQUNpRDs7SUF5QmpELGtDQUNtRjs7SUFFbkYsaUNBQ3VCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBBZnRlckNvbnRlbnRJbml0LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgSG9zdEJpbmRpbmcsXG4gIEV2ZW50RW1pdHRlclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRhYkJhckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuXG5leHBvcnQgdHlwZSBUYWJCYXJUYWJQb3NpdGlvblR5cGUgPSAndG9wJyB8ICdib3R0b20nO1xuZXhwb3J0IGludGVyZmFjZSBUYWJCYXJPblByZXNzRXZlbnQge1xuICBpbmRleDogbnVtYmVyO1xuICB0aXRsZTogc3RyaW5nO1xuICBrZXk6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnVGFiQmFyLCBuem0tdGFiLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWItYmFyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUYWJCYXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgcHJlZml4Q2xzOiBzdHJpbmcgPSAnYW0tdGFiLWJhcic7XG4gIHByaXZhdGUgX2FjdGl2ZVRhYjogbnVtYmVyID0gMDtcbiAgcHJpdmF0ZSBfdGludENvbG9yOiBzdHJpbmcgPSAnIzEwOGVlOSc7XG4gIHByaXZhdGUgX3Vuc2VsZWN0ZWRUaW50Q29sb3I6IHN0cmluZyA9ICcjODg4JztcblxuICBAQ29udGVudENoaWxkcmVuKFRhYkJhckl0ZW1Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgdGFiQmFySXRlbXM6IFF1ZXJ5TGlzdDxUYWJCYXJJdGVtQ29tcG9uZW50PjtcblxuICBASW5wdXQoKVxuICBoaWRkZW46IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgcHJlcmVuZGVyaW5nU2libGluZ3NOdW1iZXI6IG51bWJlciA9IC0xO1xuICBASW5wdXQoKVxuICBnZXQgYWN0aXZlVGFiKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX2FjdGl2ZVRhYjtcbiAgfVxuICBzZXQgYWN0aXZlVGFiKHRhYjogbnVtYmVyKSB7XG4gICAgdGhpcy5fYWN0aXZlVGFiID0gdGFiO1xuICAgIGlmICh0aGlzLnRhYkJhckl0ZW1zICYmIHRoaXMudGFiQmFySXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5zZWxlY3RUYWJCYXJJdGVtKHRhYik7XG4gICAgfVxuICB9XG4gIEBJbnB1dCgpXG4gIGJhclRpbnRDb2xvcjogc3RyaW5nID0gJ3doaXRlJztcbiAgQElucHV0KClcbiAgdGFiQmFyUG9zaXRpb246IFRhYkJhclRhYlBvc2l0aW9uVHlwZSA9ICdib3R0b20nO1xuICBASW5wdXQoKVxuICBnZXQgdGludENvbG9yKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3RpbnRDb2xvcjtcbiAgfVxuICBzZXQgdGludENvbG9yKGNvbG9yOiBzdHJpbmcpIHtcbiAgICB0aGlzLl90aW50Q29sb3IgPSBjb2xvcjtcbiAgICBpZiAodGhpcy50YWJCYXJJdGVtcyAmJiB0aGlzLnRhYkJhckl0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMudGFiQmFySXRlbXMuZm9yRWFjaCgodGFiQmFySXRlbTogVGFiQmFySXRlbUNvbXBvbmVudCkgPT4ge1xuICAgICAgICB0YWJCYXJJdGVtLnRpbnRDb2xvciA9IHRoaXMuX3RpbnRDb2xvcjtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuICBASW5wdXQoKVxuICBnZXQgdW5zZWxlY3RlZFRpbnRDb2xvcigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl91bnNlbGVjdGVkVGludENvbG9yO1xuICB9XG4gIHNldCB1bnNlbGVjdGVkVGludENvbG9yKGNvbG9yOiBzdHJpbmcpIHtcbiAgICB0aGlzLl91bnNlbGVjdGVkVGludENvbG9yID0gY29sb3I7XG4gICAgaWYgKHRoaXMudGFiQmFySXRlbXMgJiYgdGhpcy50YWJCYXJJdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLnRhYkJhckl0ZW1zLmZvckVhY2goKHRhYkJhckl0ZW06IFRhYkJhckl0ZW1Db21wb25lbnQpID0+IHtcbiAgICAgICAgdGFiQmFySXRlbS51bnNlbGVjdGVkVGludENvbG9yID0gdGhpcy5fdW5zZWxlY3RlZFRpbnRDb2xvcjtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuICBAT3V0cHV0KClcbiAgb25QcmVzczogRXZlbnRFbWl0dGVyPFRhYkJhck9uUHJlc3NFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPFRhYkJhck9uUHJlc3NFdmVudD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFtLXRhYi1iYXInKVxuICB0YWJCYXI6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBzZWxlY3RUYWJCYXJJdGVtKGluZGV4OiBudW1iZXIpIHtcbiAgICBpZiAodGhpcy50YWJCYXJJdGVtcyAmJiB0aGlzLnRhYkJhckl0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMudGFiQmFySXRlbXMuZm9yRWFjaCgodGFiQmFySXRlbTogVGFiQmFySXRlbUNvbXBvbmVudCkgPT4ge1xuICAgICAgICB0YWJCYXJJdGVtLnNlbGVjdGVkID0gZmFsc2U7XG4gICAgICB9KTtcbiAgICAgIHRoaXMudGFiQmFySXRlbXMudG9BcnJheSgpW2luZGV4XS5zZWxlY3RlZCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgdGFiQmFyVGFiT25QcmVzcyhwcmVzc1BhcmFtOiBUYWJCYXJPblByZXNzRXZlbnQpIHtcbiAgICB0aGlzLm9uUHJlc3MuZW1pdChwcmVzc1BhcmFtKTtcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICBpZiAodGhpcy50YWJCYXJJdGVtcyAmJiB0aGlzLnRhYkJhckl0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMudGFiQmFySXRlbXMuZm9yRWFjaCgodGFiQmFySXRlbTogVGFiQmFySXRlbUNvbXBvbmVudCkgPT4ge1xuICAgICAgICB0YWJCYXJJdGVtLnRpbnRDb2xvciA9IHRoaXMuX3RpbnRDb2xvcjtcbiAgICAgICAgdGFiQmFySXRlbS51bnNlbGVjdGVkVGludENvbG9yID0gdGhpcy5fdW5zZWxlY3RlZFRpbnRDb2xvcjtcbiAgICAgIH0pO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdFRhYkJhckl0ZW0odGhpcy5hY3RpdmVUYWIpO1xuICB9XG59XG4iXX0=