/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/vue/src/framework-delegate.ts
56 строк
2 KB
Sean Perkins
fix(vue): cache attached view reference (#26694)
30 янв 2023, 23:58
Не верифицирован
30 янв 2023, 23:58
7c00897
Код
Авторство
О чём код?
import type { FrameworkDelegate } from "@ionic/core/components"; import type { VNode } from "vue"; import { h, Teleport } from "vue"; import { addTeleportedUserComponent, removeTeleportedUserComponent, } from "./components/IonApp"; export const VueDelegate = ( addFn = addTeleportedUserComponent, removeFn = removeTeleportedUserComponent ): FrameworkDelegate => { // `h` doesn't provide a type for the component argument const refMap = new WeakMap<any, VNode>(); // TODO(FW-2969): types const attachViewToDom = ( parentElement: HTMLElement, componentOrTagName: any | string, componentProps: any = {}, classes?: string[] ) => { const div = document.createElement("div"); classes && div.classList.add(...classes); parentElement.appendChild(div); const hostComponent = h( Teleport, { to: div }, h(componentOrTagName, { ...componentProps }) ); /** * Ionic Framework will use what is returned from `attachViewToDom` * as the `component` argument in `removeViewFromDom`. * * We will store a reference to the div element and the host component, * so we can later look-up and unmount the correct instance. */ refMap.set(div, hostComponent); addFn(hostComponent); return Promise.resolve(div); }; const removeViewFromDom = (_container: any, component: any) => { const hostComponent = refMap.get(component); hostComponent && removeFn(hostComponent); return Promise.resolve(); }; return { attachViewToDom, removeViewFromDom }; };