blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

fix: 处理层级右键拖拽的问题

Browse Source
This commit is contained in:
奔跑的面条 2022-08-15 20:11:04 +08:00
parent 45dcd1885d
commit c293c43862
3 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/chart/ContentLayers/components/LayersGroupListItem/index.vue
View File

@ -123,8 +123,6 @@ const hover = computed(() => {
// 组点击事件 // 组点击事件
const groupMousedownHandle = (e: MouseEvent) => { const groupMousedownHandle = (e: MouseEvent) => {
e.preventDefault()
e.stopPropagation()
onClickOutSide() onClickOutSide()
// 若此时按下了 CTRL, 表示多选 // 若此时按下了 CTRL, 表示多选
const id = props.componentGroupData.id const id = props.componentGroupData.id

2
src/views/chart/ContentLayers/components/LayersListItem/index.vue
View File

@ -60,7 +60,7 @@ $textSize: 10px;
position: relative; position: relative;
height: $centerHeight; height: $centerHeight;
width: 90%; width: 90%;
margin: 10px 5%; margin: 5px 5%;
margin-bottom: 5px; margin-bottom: 5px;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;

9
src/views/chart/ContentLayers/index.vue
View File

@ -19,7 +19,7 @@
<!-- https://github.com/SortableJS/vue.draggable.next --> <!-- https://github.com/SortableJS/vue.draggable.next -->
<draggable item-key="id" v-model="reverseList" ghostClass="ghost" @change="onMoveCallback"> <draggable item-key="id" v-model="reverseList" ghostClass="ghost" @change="onMoveCallback">
<template #item="{ element }"> <template #item="{ element }">
<div> <div class="go-content-layer-box">
<!-- 组合 --> <!-- 组合 -->
<layers-group-list-item v-if="element.isGroup" :componentGroupData="element"></layers-group-list-item> <layers-group-list-item v-if="element.isGroup" :componentGroupData="element"></layers-group-list-item>
<!-- 单组件 --> <!-- 单组件 -->
@ -112,13 +112,14 @@ const onMoveCallback = (val: any) => {
} }
const boxMousedownHandle = (e: MouseEvent) => { const boxMousedownHandle = (e: MouseEvent) => {
chartEditStore.setTargetSelectChart() const box = document.querySelector('.go-content-layer-box')
if ((e.target as any).contains(box)) {
chartEditStore.setTargetSelectChart()
}
} }
// 点击事件 // 点击事件
const mousedownHandle = (e: MouseEvent, item: CreateComponentType) => { const mousedownHandle = (e: MouseEvent, item: CreateComponentType) => {
e.preventDefault()
e.stopPropagation()
onClickOutSide() onClickOutSide()
// 若此时按下了 CTRL, 表示多选 // 若此时按下了 CTRL, 表示多选
const id = item.id const id = item.id