github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-15 18:58:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 🎸 增加一个hover事件效果

Browse Source
This commit is contained in:
凤矗 2020-05-05 17:10:13 +08:00
parent 5b38959f89
commit da5dd1a3bc
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/vision-preset/src/components/index.tsx
View File

@ -48,12 +48,27 @@ export class InstanceNodeSelector extends React.Component<IProps, IState> {
node.select(); node.select();
} }
}; };
onMouseOver = (node: Node) => (_: any, flag = true) => {
if (node && typeof node.hover === 'function') {
node.hover(flag);
}
};
onMouseOut = (node: Node) => (_: any, flag = false) => {
if (node && typeof node.hover === 'function') {
node.hover(flag);
}
};
renderNodes = (node: Node) => { renderNodes = (node: Node) => {
const nodes = this.state.parentNodes || []; const nodes = this.state.parentNodes || [];
const children = nodes.map((node, key) => { const children = nodes.map((node, key) => {
return ( return (
<div key={key} onClick={this.onSelect(node)} className="instance-node-selector-node"> <div
key={key}
onClick={this.onSelect(node)}
onMouseEnter={this.onMouseOver(node)}
onMouseLeave={this.onMouseOut(node)}
className="instance-node-selector-node"
>
<div className="instance-node-selector-node-content"> <div className="instance-node-selector-node-content">
<Title <Title
className="instance-node-selector-node-title" className="instance-node-selector-node-title"