docs: add DragNodeWithForce Behaviors

packages/graphin/docs/behaviors/demos/drag-force-node.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import Graphin, { Utils, Behaviors } from '@antv/graphin';
+import { Toolbar } from '@antv/graphin-components';
+import { Switch } from 'antd';
+
+const data = Utils.mock(6).circle().graphin();
+const layout = {
+  type: 'graphin-force',
+};
+
+const { DragNodeWithForce } = Behaviors;
+
+export default () => {
+  const [autoPin, setAutoPin] = React.useState(false);
+  const onChange = checked => {
+    setAutoPin(checked);
+  };
+  return (
+    <div>
+      <Graphin data={data} layout={layout}>
+        <DragNodeWithForce autoPin={autoPin} />
+        <Toolbar>
+          <Toolbar.Item>
+            被拖拽的节点，是否自动固定住 <Switch defaultChecked onChange={onChange} checked={autoPin} />
+          </Toolbar.Item>
+        </Toolbar>
+      </Graphin>
+    </div>
+  );
+};

packages/graphin/docs/behaviors/node.en-US.md

@@ -10,6 +10,13 @@ nav:
   order: 1
 ---
 
+## DragNodeWithForce
+
+> Under force layout, drag nodes are automatically fixed, currently only supports `graphin-force` layout
+
+<code src='./demos/drag-force-node.tsx'>
+<API src='../../src/behaviors/DragNodeWithForce.tsx'>
+
 ## DragNode
 
 <API src='../../src/behaviors/DragNode.tsx'>

packages/graphin/docs/behaviors/node.md

@@ -10,6 +10,13 @@ nav:
   order: 1
 ---
 
+## DragNodeWithForce
+
+> 力导布局状态下，拖拽节点是否自动固定，目前仅支持`graphin-force` 布局
+
+<code src='./demos/drag-force-node.tsx'>
+<API src='../../src/behaviors/DragNodeWithForce.tsx'>
+
 ## DragNode
 
 <API src='../../src/behaviors/DragNode.tsx'>