javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 10:01:59 +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

8
vue/package.json
View File

@ -53,17 +53,15 @@
"tslint": "5.11.0", "tslint": "5.11.0",
"tslint-ionic-rules": "0.0.19", "tslint-ionic-rules": "0.0.19",
"typescript": "3.1.1", "typescript": "3.1.1",
"vue-class-component": "^6.2.0",
"vue-property-decorator": "^7.2.0",
"vue": "^2.5.17", "vue": "^2.5.17",
"vue-template-compiler": "^2.5.17", "vue-template-compiler": "^2.5.17",
"vue-router": "^3.0.1", "vue-router": "^3.0.1"
"ionicons": "^4.6.0"
}, },
"dependencies": { "dependencies": {
"@ionic/core": "^4.6.0" "@ionic/core": "^4.6.0"
}, },
"peerDependencies": { "peerDependencies": {
"ionicons": "^4.5.10-2" "vue": "^2.5.17",
"vue-router": "^3.0.1"
} }
} }

6
vue/rollup.config.js
View File

@ -24,9 +24,7 @@ function baseConfig() {
output: [ output: [
outputConfig('', 'umd', { outputConfig('', 'umd', {
globals: { globals: {
vue: 'Vue', vue: 'Vue'
'vue-class-component': 'VueClassComponent',
'vue-property-decorator': 'vue-property-decorator',
}, },
}), }),
outputConfig('.esm', 'esm'), outputConfig('.esm', 'esm'),
@ -35,8 +33,6 @@ function baseConfig() {
external: [ external: [
'vue', 'vue',
'vue-router', 'vue-router',
'vue-class-component',
'vue-property-decorator',
'@ionic/core', '@ionic/core',
'@ionic/core/loader', '@ionic/core/loader',
'ionicons', 'ionicons',

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

@ -4,6 +4,6 @@ export default {
name: 'IonPage', name: 'IonPage',
functional: true, functional: true,
render(h: CreateElement, { children }: RenderContext) { 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 { appInitialize } from './app-initialize';
import { VueDelegate } from './controllers/vue-delegate'; import { VueDelegate } from './controllers/vue-delegate';
import IonTabs from './components/navigation/ion-tabs'; import IonTabs from './components/navigation/ion-tabs';
import IonPage from './components/navigation/ion-page';
import { createInputComponent } from './components/inputs'; import { createInputComponent } from './components/inputs';
export interface Controllers { 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 cache: Partial<Controllers> = {};
const vueDelegate = new VueDelegate(Vue); const vueDelegate = new VueDelegate(vueInstance);
return { return {
get actionSheetController() { get actionSheetController() {
@ -95,6 +96,7 @@ export const install: PluginFunction<IonicConfig> = (_Vue, config) => {
Vue = _Vue; Vue = _Vue;
Vue.config.ignoredElements.push(/^ion-/); Vue.config.ignoredElements.push(/^ion-/);
Vue.component('IonTabs', IonTabs); Vue.component('IonTabs', IonTabs);
Vue.component('IonPage', IonPage);
createInputComponent('IonCheckboxVue', 'ion-checkbox', 'ionChange', 'checked'); createInputComponent('IonCheckboxVue', 'ion-checkbox', 'ionChange', 'checked');
createInputComponent('IonDatetimeVue', 'ion-datetime'); createInputComponent('IonDatetimeVue', 'ion-datetime');

2
vue/src/router.ts
View File

@ -1,7 +1,7 @@
import VueRouter, { Route } from 'vue-router'; import VueRouter, { Route } from 'vue-router';
import { PluginFunction } from 'vue'; import { PluginFunction } from 'vue';
import { RouterArgs } from './interfaces'; 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'; import { BackButtonEvent, RouterDirection } from '@ionic/core';
// Extend the official VueRouter // Extend the official VueRouter