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