zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve route flow handle targeting

This commit is contained in:
caoqianming 2026-07-27 17:00:01 +08:00
parent fa459930b8
commit a0deb72736
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/flow/MaterialNode.vue
View File

@ -117,12 +117,29 @@ export default {
padding: 0; padding: 0;
} }
.vue-flow__handle { .vue-flow__handle {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: transparent;
border: 0;
cursor: crosshair;
}
.vue-flow__handle::after {
content: "";
width: 9px; width: 9px;
height: 9px; height: 9px;
background: #fff;
border: 2px solid #409eff; border: 2px solid #409eff;
border-radius: 50%;
background: #fff;
transition: width 0.15s, height 0.15s, background 0.15s, box-shadow 0.15s;
} }
.vue-flow__handle:hover { .vue-flow__handle:hover::after {
width: 13px;
height: 13px;
background: #409eff; background: #409eff;
box-shadow: 0 0 0 4px rgba(64, 158, 255, 0.18);
} }
</style> </style>

2
src/components/xtFlowEditor.vue
View File

@ -63,7 +63,7 @@
:max-zoom="2" :max-zoom="2"
:pan-on-scroll="true" :pan-on-scroll="true"
:zoom-on-scroll="false" :zoom-on-scroll="false"
:connection-radius="8" :connection-radius="56"
:connect-on-click="false" :connect-on-click="false"
:nodes-draggable="true" :nodes-draggable="true"
:nodes-connectable="!readonly" :nodes-connectable="!readonly"