ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
1 lines • 13.6 kB
Source Map (JSON)
{"version":3,"file":"ng-zorro-antd-mobile-tab-bar.mjs","sources":["../../components/tab-bar/tab-bar-item.component.ts","../../components/tab-bar/tab-bar-item.component.html","../../components/tab-bar/tab-bar.component.ts","../../components/tab-bar/tab-bar.component.html","../../components/tab-bar/tab-bar.module.ts","../../components/tab-bar/ng-zorro-antd-mobile-tab-bar.ts"],"sourcesContent":["import { Component, Input, ViewChild, TemplateRef } from '@angular/core';\nimport { TabPaneComponent } from 'ng-zorro-antd-mobile/tabs';\n\n@Component({\n selector: 'TabBarItem, nzm-tab-bar-item',\n templateUrl: './tab-bar-item.component.html'\n})\nexport class TabBarItemComponent extends TabPaneComponent {\n prefixCls: string = 'am-tab-bar-tab';\n selected: boolean = false;\n tintColor: string = '#108ee9';\n unselectedTintColor: string = '#888';\n\n @ViewChild('tabBarTab', { static: true })\n tabBarTab: TemplateRef<void>;\n\n @Input()\n key: string = '';\n @Input()\n dot: boolean = false;\n @Input()\n badge: number | string = null;\n @Input()\n icon: string | TemplateRef<void> = null;\n @Input()\n selectedIcon: string | TemplateRef<void> = null;\n\n constructor() {\n super();\n }\n\n isTemplateRef(value) {\n return value instanceof TemplateRef;\n }\n}\n","<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","import {\n Component,\n AfterContentInit,\n Input,\n Output,\n ContentChildren,\n QueryList,\n HostBinding,\n EventEmitter\n} from '@angular/core';\nimport { TabBarItemComponent } from './tab-bar-item.component';\n\nexport type TabBarTabPositionType = 'top' | 'bottom';\nexport interface TabBarOnPressEvent {\n index: number;\n title: string;\n key: string;\n}\n\n@Component({\n selector: 'TabBar, nzm-tab-bar',\n templateUrl: './tab-bar.component.html'\n})\nexport class TabBarComponent implements AfterContentInit {\n prefixCls: string = 'am-tab-bar';\n private _activeTab: number = 0;\n private _tintColor: string = '#108ee9';\n private _unselectedTintColor: string = '#888';\n\n @ContentChildren(TabBarItemComponent, { descendants: true })\n tabBarItems: QueryList<TabBarItemComponent>;\n\n @Input()\n hidden: boolean = false;\n @Input()\n prerenderingSiblingsNumber: number = -1;\n @Input()\n get activeTab(): number {\n return this._activeTab;\n }\n set activeTab(tab: number) {\n this._activeTab = tab;\n if (this.tabBarItems && this.tabBarItems.length > 0) {\n this.selectTabBarItem(tab);\n }\n }\n @Input()\n barTintColor: string = 'white';\n @Input()\n tabBarPosition: TabBarTabPositionType = 'bottom';\n @Input()\n get tintColor(): string {\n return this._tintColor;\n }\n set tintColor(color: string) {\n this._tintColor = color;\n if (this.tabBarItems && this.tabBarItems.length > 0) {\n this.tabBarItems.forEach((tabBarItem: TabBarItemComponent) => {\n tabBarItem.tintColor = this._tintColor;\n });\n }\n }\n @Input()\n get unselectedTintColor(): string {\n return this._unselectedTintColor;\n }\n set unselectedTintColor(color: string) {\n this._unselectedTintColor = color;\n if (this.tabBarItems && this.tabBarItems.length > 0) {\n this.tabBarItems.forEach((tabBarItem: TabBarItemComponent) => {\n tabBarItem.unselectedTintColor = this._unselectedTintColor;\n });\n }\n }\n @Output()\n onPress: EventEmitter<TabBarOnPressEvent> = new EventEmitter<TabBarOnPressEvent>();\n\n @HostBinding('class.am-tab-bar')\n tabBar: boolean = true;\n\n constructor() {}\n\n selectTabBarItem(index: number) {\n if (this.tabBarItems && this.tabBarItems.length > 0) {\n this.tabBarItems.forEach((tabBarItem: TabBarItemComponent) => {\n tabBarItem.selected = false;\n });\n this.tabBarItems.toArray()[index].selected = true;\n }\n }\n\n tabBarTabOnPress(pressParam: TabBarOnPressEvent) {\n this.onPress.emit(pressParam);\n }\n\n ngAfterContentInit() {\n if (this.tabBarItems && this.tabBarItems.length > 0) {\n this.tabBarItems.forEach((tabBarItem: TabBarItemComponent) => {\n tabBarItem.tintColor = this._tintColor;\n tabBarItem.unselectedTintColor = this._unselectedTintColor;\n });\n }\n this.selectTabBarItem(this.activeTab);\n }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TabsModule } from 'ng-zorro-antd-mobile/tabs';\nimport { TabBarComponent } from './tab-bar.component';\nimport { BadgeModule } from 'ng-zorro-antd-mobile/badge';\nimport { TabBarItemComponent } from './tab-bar-item.component';\n\n@NgModule({\n imports: [CommonModule, TabsModule, BadgeModule],\n exports: [TabBarComponent, TabBarItemComponent],\n declarations: [TabBarComponent, TabBarItemComponent],\n providers: []\n})\nexport class TabBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}