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

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

5
packages/vue/src/vue-component-lib/overlays.ts
View File

@ -1,10 +1,11 @@
import { defineComponent, h, ref, VNode } from 'vue';
import { defineCustomElement } from '../utils';
export interface OverlayProps {
isOpen?: boolean;
}
export const defineOverlayContainer = <Props extends object>(name: string, componentProps: string[] = [], controller: any) => {
export const defineOverlayContainer = <Props extends object>(name: string, customElement: any, componentProps: string[] = [], controller: any) => {
const eventListeners = [
{ componentEv: `${name}-will-present`, frameworkEv: 'willPresent' },
{ componentEv: `${name}-did-present`, frameworkEv: 'didPresent' },
@ -13,6 +14,8 @@ export const defineOverlayContainer = <Props extends object>(name: string, compo
];
const Container = defineComponent<Props & OverlayProps>((props, { slots, emit }) => {
defineCustomElement(name, customElement);
const overlay = ref();
const onVnodeMounted = async () => {
const isOpen = props.isOpen;