<NodeResizeControl />

要创建自己的调整大小 UI，你可以使用 NodeResizeControl 组件，你可以在其中传递子项（例如图标）。

¥To create your own resizing UI, you can use the NodeResizeControl component where you can pass children (such as icons).

属性

¥Props

对于 TypeScript 用户，<NodeResizeControl /> 组件的 props 类型导出为 ResizeControlProps。

¥For TypeScript users, the props type for the <NodeResizeControl /> component is exported as ResizeControlProps.

Name	Type	Default
#`nodeId`	`string`
#`position?`	`"top" \| "bottom" \| "left" \| "right" \| "top-left" \| "top-right" \| "bottom-left" \| "bottom-right"`	`"bottom-right"`
#`variant?`	`"handle" \| "line"`	`"handle"`
#`keepAspectRatio?`	`boolean`	`false`
#`minWidth?`	`number`	`10`
#`maxWidth?`	`number`	`Number.MAX_SAFE_INTEGER`
#`minHeight?`	`number`	`10`
#`maxHeight?`	`number`	`Number.MAX_SAFE_INTEGER`
#`color?`	`string`
#`style?`	`React.CSSProperties`
#`className?`	`string`
#`children?`	`React.ReactNode`
#`shouldResize?`	`(event: D3.DragEvent, params: ResizeParams & { direction: number[] }) => boolean`
#`onResizeStart?`	`(event: D3.DragEvent, params: ResizeParams) => void`
#`onResize?`	`(event: D3.DragEvent, params: ResizeParams & { direction: number[]; }) => void`
#`onResizeEnd?`	`(event: D3.DragEvent, params: ResizeParams) => void`