dnd kitReact 的拖放工具包
dnd kit 是一个用于 React 的现代、轻量级、高性能、可访问和可扩展的拖放工具包,目前处于 beta 阶段。
- 为 React 构建:公开诸如
useDraggable
和useDroppable
之类的 hooks,并且不需要你重新构建应用程序或创建额外的包装器 DOM 节点。 - 功能丰富:可定制的碰撞检测算法、多个激活器、可拖动覆盖、拖动手柄、自动滚动、约束等等。
- 支持广泛的用例:列表、网格、多个容器、嵌套上下文、可变大小的项目、虚拟化列表、2D 游戏等。
- 零依赖和模块化:库的核心重约 10kb,没有外部依赖。它围绕内置的 React 状态管理和上下文构建,从而使库保持精简。
- 内置支持多种输入法:指针、鼠标、触摸和键盘传感器。
- 完全可定制和可扩展:定制每个细节:动画、过渡、行为、样式。构建你自己的传感器、碰撞检测算法、自定义键绑定等等。
- 辅助功能:键盘支持、合理的默认咏叹调属性、可定制的屏幕阅读器说明和内置实时区域。
- 性能:它的构建考虑了性能,以支持丝般流畅的动画。
- 预设:需要构建一个可排序的界面?Check out @dnd-kit/sortable,这是建立在
@dnd-kit/core
上面的 thin layer。未来会有更多预设。
评论