|
@@ -194,22 +194,18 @@ export const myEvents = (graph,mindmapDataUse) => {
|
|
// })
|
|
// })
|
|
|
|
|
|
const changeSelection=_.debounce((selected)=> {
|
|
const changeSelection=_.debounce((selected)=> {
|
|
- console.log(selected,'selected');
|
|
|
|
|
|
+ // console.log(selected,'selected');
|
|
store.commit('sand/SET_SELECT_CELLS',selected)
|
|
store.commit('sand/SET_SELECT_CELLS',selected)
|
|
},50)
|
|
},50)
|
|
|
|
|
|
/* 监听选中事件 */
|
|
/* 监听选中事件 */
|
|
graph.on('selection:changed',({selected}) => {
|
|
graph.on('selection:changed',({selected}) => {
|
|
- console.log(selected,'选中修改');
|
|
|
|
|
|
+ // console.log(selected,'选中修改');
|
|
// selected.length ? store.commit('sand/SET_SELECT_CELL',selected[0]) : store.commit('sand/SET_SELECT_CELL',null);
|
|
// selected.length ? store.commit('sand/SET_SELECT_CELL',selected[0]) : store.commit('sand/SET_SELECT_CELL',null);
|
|
changeSelection(selected)
|
|
changeSelection(selected)
|
|
})
|
|
})
|
|
|
|
|
|
/* 监听选中事件 */
|
|
/* 监听选中事件 */
|
|
- // graph.on('selection:drag',({selected}) => {
|
|
|
|
-
|
|
|
|
- // selected.length ? store.commit('sand/SET_SELECT_CELL',selected[0]) : store.commit('sand/SET_SELECT_CELL',null);
|
|
|
|
- // })
|
|
|
|
graph.on('edge:mouseenter', ({ cell }) => {
|
|
graph.on('edge:mouseenter', ({ cell }) => {
|
|
// console.log(cell,'myEdgeOption');
|
|
// console.log(cell,'myEdgeOption');
|
|
// console.log(cell.store.data);
|
|
// console.log(cell.store.data);
|
|
@@ -267,14 +263,35 @@ export const bindKey = (graph) => {
|
|
// 删除
|
|
// 删除
|
|
graph.bindKey(['delete', 'backspace'], () => {
|
|
graph.bindKey(['delete', 'backspace'], () => {
|
|
const select_cell = graph.getSelectedCells();
|
|
const select_cell = graph.getSelectedCells();
|
|
|
|
+ let delete_cells=[]
|
|
|
|
+ console.log(graph.getSuccessors(select_cell[0]),'getSuccessors');
|
|
|
|
+ // return
|
|
|
|
+ console.log(select_cell.length,'select_cell.length');
|
|
|
|
+ for (let i = 0; i < select_cell.length; i++) {
|
|
|
|
+ const cell = select_cell[i];
|
|
|
|
+ if(cell.shape == "mindmap-edge"){
|
|
|
|
+ continue
|
|
|
|
+ }else if(cell.shape.indexOf('mindmap')!=-1){
|
|
|
|
+ // 拿到该节点的所有子节点
|
|
|
|
+ let Successors = graph.getSuccessors(cell)
|
|
|
|
+ // console.log(Successors,'Successors');
|
|
|
|
+ delete_cells = [...delete_cells,...Successors]
|
|
|
|
+ }
|
|
|
|
+ delete_cells.push(cell)
|
|
|
|
+ }
|
|
|
|
+ // 去重
|
|
|
|
+ const uniqueArr = delete_cells.filter((item, index) =>
|
|
|
|
+ delete_cells.findIndex(i => i.id === item.id) === index);
|
|
|
|
+ console.log(uniqueArr,'uniqueArr');
|
|
|
|
+
|
|
|
|
+ return
|
|
if (select_cell.length) {
|
|
if (select_cell.length) {
|
|
// 移除工具
|
|
// 移除工具
|
|
- select_cell.forEach(item => item.removeTools());
|
|
|
|
- graph.removeCells(select_cell)
|
|
|
|
-
|
|
|
|
|
|
+ uniqueArr.forEach(item => item.removeTools());
|
|
|
|
+ graph.removeCells(uniqueArr)
|
|
//重置工具栏
|
|
//重置工具栏
|
|
- store.commit('sand/SET_SELECT_STATUS',{key:'default'});
|
|
|
|
- store.commit('sand/SET_SELECT_CELL',null);
|
|
|
|
|
|
+ // store.commit('sand/SET_SELECT_STATUS',{key:'default'});
|
|
|
|
+ // store.commit('sand/SET_SELECT_CELL',null);
|
|
}
|
|
}
|
|
return false
|
|
return false
|
|
}, 'keydown');
|
|
}, 'keydown');
|
|
@@ -335,8 +352,8 @@ const nodeDelete = (graph) => {
|
|
graph.removeCells(select_cell);
|
|
graph.removeCells(select_cell);
|
|
|
|
|
|
//重置工具栏
|
|
//重置工具栏
|
|
- store.commit('sand/SET_SELECT_STATUS',{key:'default'});
|
|
|
|
- store.commit('sand/SET_SELECT_CELL',null);
|
|
|
|
|
|
+ // store.commit('sand/SET_SELECT_STATUS',{key:'default'});
|
|
|
|
+ // store.commit('sand/SET_SELECT_CELL',null);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* 复制粘贴节点 */
|
|
/* 复制粘贴节点 */
|