javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 18:17:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(): add page component

Browse Source
This commit is contained in:
Mike Hartington
2019-07-08 20:26:39 -04:00
parent f56fea6a1f
commit 470615eb05
6 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
vue/src/components/ion-page.ts → vue/src/components/navigation/ion-page.ts
View File

@ -4,6 +4,6 @@ export default {
name: 'IonPage',
functional: true,
render(h: CreateElement, { children }: RenderContext) {
return h('div', { class: { 'ion-page':true } }, children);
return h('div', { class: { 'ion-page': true } }, children);
}
};

0
vue/src/components/ion-vue-router.ts → vue/src/components/navigation/ion-vue-router.ts
View File

6
vue/src/ionic.ts
View File

@ -12,6 +12,7 @@ import { IonicConfig } from '@ionic/core';
import { appInitialize } from './app-initialize';
import { VueDelegate } from './controllers/vue-delegate';
import IonTabs from './components/navigation/ion-tabs';
import IonPage from './components/navigation/ion-page';
import { createInputComponent } from './components/inputs';
export interface Controllers {
@ -31,9 +32,9 @@ declare module 'vue/types/vue' {
}
function createApi(Vue: VueConstructor) {
function createApi(vueInstance: VueConstructor) {
const cache: Partial<Controllers> = {};
const vueDelegate = new VueDelegate(Vue);
const vueDelegate = new VueDelegate(vueInstance);
return {
get actionSheetController() {
@ -95,6 +96,7 @@ export const install: PluginFunction<IonicConfig> = (_Vue, config) => {
Vue = _Vue;
Vue.config.ignoredElements.push(/^ion-/);
Vue.component('IonTabs', IonTabs);
Vue.component('IonPage', IonPage);
createInputComponent('IonCheckboxVue', 'ion-checkbox', 'ionChange', 'checked');
createInputComponent('IonDatetimeVue', 'ion-datetime');

2
vue/src/router.ts
View File

@ -1,7 +1,7 @@
import VueRouter, { Route } from 'vue-router';
import { PluginFunction } from 'vue';
import { RouterArgs } from './interfaces';
import IonVueRouter from './components/ion-vue-router';
import IonVueRouter from './components/navigation/ion-vue-router';
import { BackButtonEvent, RouterDirection } from '@ionic/core';
// Extend the official VueRouter