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

feat(vue-components): page-fragment-container编辑器中不去除内部组件id，不然会导致无法从app中获取dsl

Browse Source
This commit is contained in:
roymondchen 2025-07-17 14:09:11 +08:00
parent bf9fad18b6
commit 34bc223f02
2 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
vue-components/page-fragment-container/package.json
View File

@ -1,5 +1,5 @@
{ {
"version": "0.2.1", "version": "0.2.2",
"name": "@tmagic/vue-page-fragment-container", "name": "@tmagic/vue-page-fragment-container",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",

21
vue-components/page-fragment-container/src/PageFragmentContainer.vue
View File

@ -14,14 +14,7 @@
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, type PropType, provide } from 'vue-demi'; import { computed, defineComponent, type PropType, provide } from 'vue-demi';
import { import { type Id, type MComponent, NodeType, PAGE_FRAGMENT_CONTAINER_ID_KEY } from '@tmagic/core';
cloneDeep,
type Id,
type MComponent,
NodeType,
PAGE_FRAGMENT_CONTAINER_ID_KEY,
traverseNode,
} from '@tmagic/core';
import { registerNodeHooks, useApp, useComponent, useDsl } from '@tmagic/vue-runtime-help'; import { registerNodeHooks, useApp, useComponent, useDsl } from '@tmagic/vue-runtime-help';
export default defineComponent({ export default defineComponent({
@ -50,19 +43,15 @@ export default defineComponent({
const containerComponent = useComponent({ componentType: 'container', app }); const containerComponent = useComponent({ componentType: 'container', app });
if (!props.config.id) {
throw new Error('page-fragment-container must have id');
}
const { pageConfig: fragment } = useDsl(app, props.config.id); const { pageConfig: fragment } = useDsl(app, props.config.id);
const containerConfig = computed(() => { const containerConfig = computed(() => {
if (!fragment.value) return { items: [], id: '', type: NodeType.CONTAINER }; if (!fragment.value) return { items: [], id: '', type: NodeType.CONTAINER };
if (app?.platform === 'editor') {
const fragmentConfigWithoutId = cloneDeep(fragment.value);
traverseNode(fragmentConfigWithoutId, (node) => {
node.id = '';
});
return fragmentConfigWithoutId;
}
return fragment.value; return fragment.value;
}); });