top最新处理

This commit is contained in:
20932067@zju.edu.cn 2021-05-18 16:43:25 +08:00
parent c5dc8674e0
commit 8f99166710
5 changed files with 30 additions and 19 deletions

View File

@ -32,7 +32,7 @@ export default {
itemHeight: 50, itemHeight: 50,
wheel: "scroll", wheel: "scroll",
"node:click": "click", "node:click": "click",
"node:mousemove": "moves", // "node:mousemove": "moves",
}; };
}, },
scroll(e) { scroll(e) {
@ -106,6 +106,7 @@ export default {
moves(e) { moves(e) {
const name = e.shape.get("name"); const name = e.shape.get("name");
const item = e.item; const item = e.item;
if (!name.startsWith("marker")){
if (name && name.startsWith("item")) { if (name && name.startsWith("item")) {
this.graph.updateItem(item, { this.graph.updateItem(item, {
selectedIndex: Number(name.split("-")[1]), selectedIndex: Number(name.split("-")[1]),
@ -115,6 +116,7 @@ export default {
selectedIndex: NaN, selectedIndex: NaN,
}); });
} }
}
}, },
} }
} }

View File

@ -35,11 +35,19 @@ export default {
}); });
} }
// console.log(item); // console.log(item);
hoverNode.setState("hover", true); if (name && name.startsWith("marker")) {
hoverNode.setState(graph,"hover", true, graph);
}
}, },
onNodeOut(event) { onNodeOut(event) {
const name = event.shape.get("name");
console.log("out", name)
let hoverNode = event.item; let hoverNode = event.item;
hoverNode.setState("hover", false); if (name && name.startsWith("marker")) {
hoverNode.setState(graph,"hover", false);
}
// hoverNode.setState("hover", false);
} }
} }
}; };

View File

@ -265,12 +265,12 @@ export default {
[1, 0], [1, 0],
]; ];
}, },
setState(name, value, item) { setState(graph,name, value, item) {
// 设置节点状态 // 设置节点状态
// utils.node.setState(name, value, item) // utils.node.setState(name, value, item)
// 设置锚点状态 // 设置锚点状态
// if (vm.graphMode === 'edit') { // if (vm.graphMode === 'edit') {
utils.anchor.setState(name, value, item) utils.anchor.setState(graph,name, value, item)
// } // }
}, },
} }

View File

@ -304,7 +304,7 @@ export default {
// Behavior.obj.dragAddEdge.sendThis(this); // Behavior.obj.dragAddEdge.sendThis(this);
Behavior.obj.dragEventEdit.sendThis(this); Behavior.obj.dragEventEdit.sendThis(this);
Behavior.obj.keyupEventEdit.sendThis(this); Behavior.obj.keyupEventEdit.sendThis(this);
// Behavior.obj.hoverEventEdit.sendThis(this); Behavior.obj.hoverEventEdit.sendThis(this);
Behavior.obj.diceErEdge.sendThis(this) Behavior.obj.diceErEdge.sendThis(this)
this.clearHistoryData(); this.clearHistoryData();

View File

@ -3,21 +3,22 @@
* @data: 2019/08/15 * @data: 2019/08/15
* @description: set anchor state * @description: set anchor state
*/ */
import theme from '../../theme' import theme from '../../theme'
export default function(name, value, item) { export default function(graph,name, value, item) {
const themeStyle = theme.defaultStyle // todo...先使用默认主题,后期可能增加其它风格的主体 const themeStyle = theme.defaultStyle // todo...先使用默认主题,后期可能增加其它风格的主体
console.log(name)
if (name === 'hover') { if (name === 'hover') {
console.log(456) console.log(graph)
let group = item.getContainer() let group = item.getContainer()
let children = group.get('children') let children = group.get('children')
for (let i = 0, len = children.length; i < len; i++) { for (let i = 0, len = children.length; i < len; i++) {
let child = children[i] let child = children[i]
// 处理锚点状态 // 处理锚点状态
if (child.attrs.name === 'anchor') { console.log(value)
if (child.attrs.name === 'anchorg') {
if (value) { if (value) {
console.log(graph)
child.attr(themeStyle.anchorStyle.hover) child.attr(themeStyle.anchorStyle.hover)
} else { } else {
child.attr(themeStyle.anchorStyle.unhover) child.attr(themeStyle.anchorStyle.unhover)