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

feat(vue): add custom elements bundle (#23458)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-06-17 14:10:50 -04:00
committed by GitHub
parent bccb8ad5fb
commit dc48a9f1a2
37 changed files with 468 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
packages/vue/src/components/IonBackButton.ts
View File

@ -1,26 +1,29 @@
import { h, inject, defineComponent } from 'vue';
import { defineCustomElement } from '../utils';
import { IonBackButton as IonBackButtonCmp } from '@ionic/core/components/ion-back-button.js';
import { IonIcon as IonIconCmp } from 'ionicons/components/ion-icon.js';
export const IonBackButton = defineComponent({
name: 'IonBackButton',
setup(_, { attrs, slots }) {
const ionRouter: any = inject('navManager');
export const IonBackButton = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
defineCustomElement('ion-back-button', IonBackButtonCmp);
defineCustomElement('ion-icon', IonIconCmp);
const onClick = () => {
const defaultHref = attrs['default-href'] || attrs['defaultHref'];
const routerAnimation = attrs['router-animation'] || attrs['routerAnimation'];
const ionRouter: any = inject('navManager');
ionRouter.handleNavigateBack(defaultHref, routerAnimation);
}
const onClick = () => {
const defaultHref = attrs['default-href'] || attrs['defaultHref'];
const routerAnimation = attrs['router-animation'] || attrs['routerAnimation'];
return () => {
return h(
'ion-back-button',
{
onClick,
...attrs
},
slots.default && slots.default()
)
}
ionRouter.handleNavigateBack(defaultHref, routerAnimation);
}
return () => {
return h(
'ion-back-button',
{
onClick,
...attrs
},
slots.default && slots.default()
)
}
});