mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
chore(nav): remove page test components
This commit is contained in:
90
packages/core/src/components.d.ts
vendored
90
packages/core/src/components.d.ts
vendored
@ -1806,96 +1806,6 @@ declare global {
|
||||
}
|
||||
|
||||
|
||||
import {
|
||||
PageOne as PageOne
|
||||
} from './components/nav/page-one';
|
||||
|
||||
declare global {
|
||||
interface HTMLPageOneElement extends PageOne, HTMLElement {
|
||||
}
|
||||
var HTMLPageOneElement: {
|
||||
prototype: HTMLPageOneElement;
|
||||
new (): HTMLPageOneElement;
|
||||
};
|
||||
interface HTMLElementTagNameMap {
|
||||
"page-one": HTMLPageOneElement;
|
||||
}
|
||||
interface ElementTagNameMap {
|
||||
"page-one": HTMLPageOneElement;
|
||||
}
|
||||
namespace JSX {
|
||||
interface IntrinsicElements {
|
||||
"page-one": JSXElements.PageOneAttributes;
|
||||
}
|
||||
}
|
||||
namespace JSXElements {
|
||||
export interface PageOneAttributes extends HTMLAttributes {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
import {
|
||||
PageThree as PageThree
|
||||
} from './components/nav/page-three';
|
||||
|
||||
declare global {
|
||||
interface HTMLPageThreeElement extends PageThree, HTMLElement {
|
||||
}
|
||||
var HTMLPageThreeElement: {
|
||||
prototype: HTMLPageThreeElement;
|
||||
new (): HTMLPageThreeElement;
|
||||
};
|
||||
interface HTMLElementTagNameMap {
|
||||
"page-three": HTMLPageThreeElement;
|
||||
}
|
||||
interface ElementTagNameMap {
|
||||
"page-three": HTMLPageThreeElement;
|
||||
}
|
||||
namespace JSX {
|
||||
interface IntrinsicElements {
|
||||
"page-three": JSXElements.PageThreeAttributes;
|
||||
}
|
||||
}
|
||||
namespace JSXElements {
|
||||
export interface PageThreeAttributes extends HTMLAttributes {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
import {
|
||||
PageTwo as PageTwo
|
||||
} from './components/nav/page-two';
|
||||
|
||||
declare global {
|
||||
interface HTMLPageTwoElement extends PageTwo, HTMLElement {
|
||||
}
|
||||
var HTMLPageTwoElement: {
|
||||
prototype: HTMLPageTwoElement;
|
||||
new (): HTMLPageTwoElement;
|
||||
};
|
||||
interface HTMLElementTagNameMap {
|
||||
"page-two": HTMLPageTwoElement;
|
||||
}
|
||||
interface ElementTagNameMap {
|
||||
"page-two": HTMLPageTwoElement;
|
||||
}
|
||||
namespace JSX {
|
||||
interface IntrinsicElements {
|
||||
"page-two": JSXElements.PageTwoAttributes;
|
||||
}
|
||||
}
|
||||
namespace JSXElements {
|
||||
export interface PageTwoAttributes extends HTMLAttributes {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
import {
|
||||
Navbar as IonNavbar
|
||||
} from './components/navbar/navbar';
|
||||
|
||||
@ -1,46 +0,0 @@
|
||||
import { Component, Element } from '@stencil/core';
|
||||
|
||||
@Component({
|
||||
tag: 'page-one'
|
||||
})
|
||||
export class PageOne {
|
||||
|
||||
@Element() element: HTMLElement;
|
||||
|
||||
componentDidEnter() {
|
||||
console.log('page one did enter');
|
||||
}
|
||||
|
||||
nextPage() {
|
||||
const nav = this.element.closest('ion-nav') as any;
|
||||
nav.push('page-two');
|
||||
}
|
||||
|
||||
render() {
|
||||
return [
|
||||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>Page One</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>,
|
||||
<ion-content>
|
||||
<div>
|
||||
Page One Content
|
||||
<ion-button onClick={() => this.nextPage()}>Go to Page Two</ion-button>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
<f></f>
|
||||
</div>
|
||||
</ion-content>
|
||||
];
|
||||
}
|
||||
}
|
||||
@ -1,33 +0,0 @@
|
||||
import { Component, Element } from '@stencil/core';
|
||||
|
||||
@Component({
|
||||
tag: 'page-three'
|
||||
})
|
||||
export class PageThree {
|
||||
|
||||
@Element() element: HTMLElement;
|
||||
|
||||
componentDidEnter() {
|
||||
console.log('page three did enter');
|
||||
}
|
||||
|
||||
pop() {
|
||||
const nav = this.element.closest('ion-nav') as any;
|
||||
nav.pop();
|
||||
}
|
||||
|
||||
render() {
|
||||
return [<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>Page Three</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>,
|
||||
<ion-content>
|
||||
Page Three Content
|
||||
<div>
|
||||
<ion-button onClick={() => this.pop()}>Go Back</ion-button>
|
||||
</div>
|
||||
</ion-content>
|
||||
];
|
||||
}
|
||||
}
|
||||
@ -1,41 +0,0 @@
|
||||
import { Component, Element } from '@stencil/core';
|
||||
|
||||
@Component({
|
||||
tag: 'page-two'
|
||||
})
|
||||
export class PageTwo {
|
||||
|
||||
@Element() element: HTMLElement;
|
||||
|
||||
componentDidEnter() {
|
||||
console.log('page two did enter');
|
||||
}
|
||||
|
||||
nextPage() {
|
||||
const nav = this.element.closest('ion-nav') as any;
|
||||
nav.push('page-three');
|
||||
}
|
||||
|
||||
pop() {
|
||||
const nav = this.element.closest('ion-nav') as any;
|
||||
nav.pop();
|
||||
}
|
||||
|
||||
render() {
|
||||
return [<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>Page Two</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>,
|
||||
<ion-content fullscreen={true}>
|
||||
Page Two Content
|
||||
<div>
|
||||
<ion-button onClick={() => this.nextPage()}>Go to Page Three</ion-button>
|
||||
</div>
|
||||
<div>
|
||||
<ion-button onClick={() => this.pop()}>Go Back</ion-button>
|
||||
</div>
|
||||
</ion-content>
|
||||
];
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user