dnd kitReact 的拖放工具包

联合创作 · 2023-09-24 16:24

dnd kit 是一个用于 React 的现代、轻量级、高性能、可访问和可扩展的拖放工具包,目前处于 beta 阶段。

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

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报