antd 可脱拽标签脱拽范围

Ant Design (antd) 提供了一个名为 "Draggable" 的组件，它支持拖拽功能。当涉及到可脱拽标签的场景，antd 中的 `Transfer` 或者 `Dragsortable` 组件可以实现标签的拖放和排序。这些组件允许设置拖拽区域的范围，例如你可以限制标签只能在其容器内拖动，不能超出某个边界。

在 `Transfer` 组件中，通过 `targetKeys` 和 `dragOverContext` 属性来控制哪些元素可以作为目标接收，以及它们的交互规则。而在 `Dragsortable` 或者自定义的 Dragging 组件中，可以使用回调函数如 `onDrop`、`onDragEnd` 来设置拖放结束的位置判断条件，这样可以限定标签的脱拽范围。

具体配置示例如下：

import { Draggable } from 'antd';

// 设置拖拽范围限制
<Draggable draggable={{ range: [0, '100px'] }}> /* 拖拽区域限制在宽度100px内的内容 */ </Draggable>