Skip to content

Commit

Permalink
fix: rename snap anchor API
Browse files Browse the repository at this point in the history
  • Loading branch information
xiawenqi committed Jan 9, 2024
1 parent 30e8eb9 commit 486aa4e
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 5 deletions.
2 changes: 1 addition & 1 deletion packages/x6/src/graph/options.ts
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ export namespace Options {
/**
* Snap edge to the closest node/port in the given radius on dragging.
*/
snap: boolean | { radius: number; snapNode: 'center' | 'bbox' }
snap: boolean | { radius: number; anchor: 'center' | 'bbox' }

/**
* Specify whether connect to point on the graph is allowed.
Expand Down
4 changes: 2 additions & 2 deletions packages/x6/src/view/edge.ts
Original file line number Diff line number Diff line change
Expand Up @@ -1968,7 +1968,7 @@ export class EdgeView<
const graph = this.graph
const { snap, allowEdge } = graph.options.connecting
const radius = (typeof snap === 'object' && snap.radius) || 50
const snapNode = (typeof snap === 'object' && snap.snapNode) || 'center'
const anchor = (typeof snap === 'object' && snap.anchor) || 'center'

const views = graph.renderer.findViewsInArea(
{
Expand Down Expand Up @@ -2003,7 +2003,7 @@ export class EdgeView<
if (view.container.getAttribute('magnet') !== 'false') {
if (view.isNodeView()) {
distance =
snapNode === 'center'
anchor === 'center'
? view.cell.getBBox().getCenter().distance(pos)
: view.cell.getBBox().getNearestPointToPoint(pos).distance(pos)
} else if (view.isEdgeView()) {
Expand Down
4 changes: 2 additions & 2 deletions sites/x6-sites/docs/api/model/interaction.zh.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ const graph = new Graph({
### snap

```typescript
snap: boolean | { radius: number, snapNode: 'center' | 'bbox' }
snap: boolean | { radius: number, anchor: 'center' | 'bbox' }
```

`snap` 设置为 `true` 或者 `false` 代表开启和关闭连线过程中自动吸附,开启时距离目标 `50px` 是触发吸附。可以通过配置 `radius` 属性来自定义吸附半径。
Expand All @@ -48,7 +48,7 @@ const graph = new Graph({
})
```

当开启了 `allowNode` 时,判断是否吸附到节点计算distance时默认为基于节点的中心,可以通过配置 `snapNode``bbox` 改为基于节点的包围盒子计算距离。
当计算distance用于判断是否吸附到节点时,默认基于节点的中心,可以通过配置 `anchor``bbox` 改为基于节点的包围盒子计算距离。

### allowBlank

Expand Down

0 comments on commit 486aa4e

Please sign in to comment.