javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(tabs): apply design-doc (#16048)

Browse Source
This commit is contained in:
Manu MA
2018-10-25 22:13:19 +02:00
committed by GitHub
parent 5948a1c191
commit 4d3ad67740
65 changed files with 1384 additions and 1513 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
angular/src/directives/navigation/router-controller.ts
View File

@@ -21,7 +21,7 @@ export class StackController {
ref: enteringRef,
element: (enteringRef && enteringRef.location && enteringRef.location.nativeElement) as HTMLElement,
url: this.getUrl(route),
fullpath: document.location.pathname,
fullpath: document.location!.pathname,
deactivatedId: -1
};
}

2
angular/src/directives/navigation/tabs-delegate.ts
View File

@@ -15,7 +15,7 @@ export class TabsDelegate {
}
}
@HostListener('ionTabbarClick', ['$event'])
@HostListener('ionTabButtonClick', ['$event'])
onTabbarClick(ev: UIEvent) {
const tabElm: HTMLIonTabElement = ev.detail as any;
if (this.router && tabElm && tabElm.href) {

3
angular/src/directives/proxies-list.txt
View File

@@ -72,7 +72,8 @@ export const DIRECTIVES = [
d.Spinner,
d.SplitPane,
d.Tab,
d.Tabbar,
d.TabBar,
d.TabButton,
d.Tabs,
d.Text,
d.Textarea,

35
angular/src/directives/proxies.ts
View File

@@ -813,33 +813,42 @@ export class SplitPane {
}
export declare interface Tab extends StencilComponents<'IonTab'> {}
@Component({ selector: 'ion-tab', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['active', 'btnId', 'delegate', 'label', 'href', 'icon', 'badge', 'badgeColor', 'component', 'name', 'disabled', 'selected', 'show', 'tabsHideOnSubPages'] })
@Component({ selector: 'ion-tab', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['active', 'delegate', 'tab', 'component'] })
export class Tab {
ionSelect: EventEmitter<CustomEvent>;
ionTabMutated: EventEmitter<CustomEvent>;
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['setActive']);
proxyInputs(this, el, ['active', 'btnId', 'delegate', 'label', 'href', 'icon', 'badge', 'badgeColor', 'component', 'name', 'disabled', 'selected', 'show', 'tabsHideOnSubPages']);
proxyOutputs(this, el, ['ionSelect', 'ionTabMutated']);
proxyInputs(this, el, ['active', 'delegate', 'tab', 'component']);
}
}
export declare interface Tabbar extends StencilComponents<'IonTabbar'> {}
@Component({ selector: 'ion-tabbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode', 'color', 'layout', 'placement', 'selectedTab', 'tabs', 'highlight', 'translucent'] })
export class Tabbar {
ionTabbarClick: EventEmitter<CustomEvent>;
export declare interface TabBar extends StencilComponents<'IonTabBar'> {}
@Component({ selector: 'ion-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode', 'color', 'layout', 'placement', 'selectedTab', 'translucent'] })
export class TabBar {
ionTabBarChanged: EventEmitter<CustomEvent>;
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyInputs(this, el, ['mode', 'color', 'layout', 'placement', 'selectedTab', 'tabs', 'highlight', 'translucent']);
proxyOutputs(this, el, ['ionTabbarClick']);
proxyInputs(this, el, ['mode', 'color', 'layout', 'placement', 'selectedTab', 'translucent']);
proxyOutputs(this, el, ['ionTabBarChanged']);
}
}
export declare interface TabButton extends StencilComponents<'IonTabButton'> {}
@Component({ selector: 'ion-tab-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode', 'color', 'layout', 'href', 'tab', 'disabled'] })
export class TabButton {
ionTabButtonClick: EventEmitter<CustomEvent>;
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyInputs(this, el, ['mode', 'color', 'layout', 'href', 'tab', 'disabled']);
proxyOutputs(this, el, ['ionTabButtonClick']);
}
}
export declare interface Tabs extends StencilComponents<'IonTabs'> {}
@Component({ selector: 'ion-tabs', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['name', 'tabbarHidden', 'useRouter'] })
@Component({ selector: 'ion-tabs', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['name'] })
export class Tabs {
ionChange: EventEmitter<CustomEvent>;
ionNavWillLoad: EventEmitter<CustomEvent>;
@@ -849,7 +858,7 @@ export class Tabs {
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['select', 'setRouteId', 'getRouteId', 'getTab', 'getSelected']);
proxyInputs(this, el, ['name', 'tabbarHidden', 'useRouter']);
proxyInputs(this, el, ['name']);
proxyOutputs(this, el, ['ionChange', 'ionNavWillLoad', 'ionNavWillChange', 'ionNavDidChange']);
}
}

3
angular/src/ionic-module.ts
View File

@@ -81,7 +81,8 @@ const DECLARATIONS = [
d.Spinner,
d.SplitPane,
d.Tab,
d.Tabbar,
d.TabBar,
d.TabButton,
d.Tabs,
d.Text,
d.Textarea,