JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-09-02 12:59:47 +08:00
Code Issues Projects Releases Wiki Activity

fix(editor): 复制页面后，组件树选中状态不对

Browse Source
This commit is contained in:
roymondchen 2024-02-28 16:08:32 +08:00
parent fcede5c0ac
commit b4df7f5eea
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/editor/src/layouts/sidebar/layer/LayerPanel.vue
View File

@ -14,7 +14,7 @@
@node-dragstart="handleDragStart"
@node-dragleave="handleDragLeave"
@node-dragend="handleDragEnd"
@node-contextmenu="nodeContentmenuHandler"
@node-contextmenu="nodeContentMenuHandler"
@node-mouseenter="mouseenterHandler"
@node-click="nodeClickHandler"
>
@ -113,7 +113,7 @@ const { handleDragStart, handleDragEnd, handleDragLeave, handleDragOver } = useD
const {
menu,
nodeClickHandler,
nodeContentmenuHandler,
nodeContentMenuHandler,
highlightHandler: mouseenterHandler,
} = useClick(services, isCtrlKeyDown, nodeStatusMap);
</script>

2
packages/editor/src/layouts/sidebar/layer/use-click.ts
View File

@ -94,7 +94,7 @@ export const useClick = (
nodeClickHandler,
nodeContentmenuHandler(event: MouseEvent, data: TreeNodeData) {
nodeContentMenuHandler(event: MouseEvent, data: TreeNodeData) {
event.preventDefault();
const nodes = services?.editorService.get('nodes') || [];

13
packages/editor/src/layouts/sidebar/layer/use-node-status.ts
View File

@ -1,7 +1,7 @@
import { computed, ref, watch } from 'vue';
import type { Id, MNode, MPage, MPageFragment } from '@tmagic/schema';
import { getNodePath } from '@tmagic/utils';
import { getNodePath, isPage, isPageFragment } from '@tmagic/utils';
import { LayerNodeStatus, Services } from '@editor/type';
import { traverseNode } from '@editor/utils';
@ -48,13 +48,14 @@ export const useNodeStatus = (services: Services | undefined) => {
// 切换页面或者新增页面，重新生成节点状态
watch(
page,
(page) => {
if (!page) {
() => page.value?.id,
(pageId) => {
if (!pageId) {
return;
}
// 生成节点状态
nodeStatusMaps.value.set(page.id, createPageNodeStatus(page, nodeStatusMaps.value.get(page.id)));
nodeStatusMaps.value.set(pageId, createPageNodeStatus(page.value!, nodeStatusMaps.value.get(pageId)));
},
{
immediate: true,
@ -85,6 +86,8 @@ export const useNodeStatus = (services: Services | undefined) => {
services?.editorService.on('add', (newNodes: MNode[]) => {
newNodes.forEach((node) => {
if (isPage(node) || isPageFragment(node)) return;
traverseNode(node, (node: MNode) => {
nodeStatusMap.value?.set(node.id, {
visible: true,