mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-16 10:01:59 +08:00
chore(): add page component
This commit is contained in:
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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',
|
||||||
|
@ -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');
|
||||||
|
@ -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
|
||||||
|
Reference in New Issue
Block a user