JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-11-29 14:02:13 +08:00
Code Issues Projects Releases Wiki Activity

fix(vue-runtime-hlep): 页面片销毁后需要取消app的事件监听

Browse Source
This commit is contained in:
roymondchen 2025-11-12 19:49:55 +08:00
parent 8809351537
commit e36da82d29
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
runtime/vue-runtime-help/package.json
View File

@ -1,5 +1,5 @@
{
"version": "1.2.2",
"version": "1.2.3",
"name": "@tmagic/vue-runtime-help",
"type": "module",
"sideEffects": false,

30
runtime/vue-runtime-help/src/hooks/use-dsl.ts
View File

@ -4,38 +4,48 @@ import type TMagicApp from '@tmagic/core';
import type { ChangeEvent, Id, MNode } from '@tmagic/core';
import { isPage, isPageFragment, replaceChildNode } from '@tmagic/core';
export const useDsl = (app = inject<TMagicApp>('app'), pageFragmentConstainerId?: Id) => {
export const useDsl = (app = inject<TMagicApp>('app'), pageFragmentContainerId?: Id) => {
if (!app) {
throw new Error('useDsl must be used after MagicApp is created');
}
const pageFragment = pageFragmentConstainerId ? app.pageFragments.get(pageFragmentConstainerId) : null;
const pageFragment = pageFragmentContainerId ? app.pageFragments.get(pageFragmentContainerId) : null;
const pageConfig = ref<MNode | undefined>(pageFragmentConstainerId ? pageFragment?.data : app.page?.data);
const pageConfig = ref<MNode | undefined>(pageFragmentContainerId ? pageFragment?.data : app.page?.data);
if (pageFragmentConstainerId) {
app.on('dsl-change', () => {
if (pageFragmentContainerId) {
const setPageConfig = () => {
pageConfig.value = pageFragment?.data;
};
app.on('dsl-change', setPageConfig);
onBeforeUnmount(() => {
app.off('dsl-change', setPageConfig);
});
} else {
app.on('page-change', () => {
const setPageConfig = () => {
pageConfig.value = app.page?.data;
};
app.on('page-change', setPageConfig);
onBeforeUnmount(() => {
app.off('page-change', setPageConfig);
});
}
const updateDataHandler = (nodes: MNode[], sourceId: string, changeEvent: ChangeEvent, pageId: Id) => {
if (
!nodes.length ||
(pageFragmentConstainerId && pageFragment?.data.id !== pageId) ||
(!pageFragmentConstainerId && app.page?.data.id !== pageId)
(pageFragmentContainerId && pageFragment?.data.id !== pageId) ||
(!pageFragmentContainerId && app.page?.data.id !== pageId)
) {
return;
}
for (const node of nodes) {
if (
(isPage(node) && !pageFragmentConstainerId && node.id === pageId) ||
(isPageFragment(node) && pageFragmentConstainerId)
(isPage(node) && !pageFragmentContainerId && node.id === pageId) ||
(isPageFragment(node) && pageFragmentContainerId)
) {
pageConfig.value = node;
} else {