perf: 优化层级中分组的右键功能

This commit is contained in:
奔跑的面条 2022-08-17 17:56:20 +08:00
parent d09d1b96be
commit 2ad3677fdc

View File

@ -34,7 +34,7 @@
@mousedown="mousedownHandle($event, element, componentGroupData.id)" @mousedown="mousedownHandle($event, element, componentGroupData.id)"
@mouseenter="mouseenterHandle(element)" @mouseenter="mouseenterHandle(element)"
@mouseleave="mouseleaveHandle(element)" @mouseleave="mouseleaveHandle(element)"
@contextmenu="handleContextMenu($event, componentGroupData, undefined, undefined, pickOptionsList)" @contextmenu="handleContextMenu($event, componentGroupData, optionsHandle)"
></LayersListItem> ></LayersListItem>
</n-collapse-transition> </n-collapse-transition>
</div> </div>
@ -144,21 +144,21 @@ const groupMousedownHandle = (e: MouseEvent) => {
} }
// //
const mousedownHandle = (e: MouseEvent, item: CreateComponentType | CreateComponentGroupType, id?: string) => { const mousedownHandle = (e: MouseEvent, componentInstance: CreateComponentType | CreateComponentGroupType, id?: string) => {
e.preventDefault() e.preventDefault()
e.stopPropagation() e.stopPropagation()
onClickOutSide() onClickOutSide()
chartEditStore.setTargetSelectChart(id || item.id) chartEditStore.setTargetSelectChart(id || componentInstance.id)
} }
// //
const mouseenterHandle = (item: CreateComponentType | CreateComponentGroupType) => { const mouseenterHandle = (componentInstance: CreateComponentType | CreateComponentGroupType) => {
chartEditStore.setTargetHoverChart(item.id) chartEditStore.setTargetHoverChart(componentInstance.id)
} }
// //
const mouseleaveHandle = (item: CreateComponentType | CreateComponentGroupType) => { const mouseleaveHandle = (componentInstance: CreateComponentType | CreateComponentGroupType) => {
chartEditStore.setTargetHoverChart(undefined) chartEditStore.setTargetHoverChart(undefined)
} }
</script> </script>