轻量级前端拖拽库Atlassian Pragmatic drag and drop（列表、面板、Grid、表格、树）
[ 2025-02-26 16:00:34 | 作者: admin ]
10.9k star！这个库解决了前端拖拽 90% 的坑 Pragmatic drag and drop 是由 Atlassian 团队开发的一个轻量级、高度可定制的前端拖拽组件。
该组件支持多种形态的拖拽场景，例如：列表、面板、Grid、表格、树、画板绘制等。
◾支持现代浏览器，并针对复杂的 UI 场景（如列表、嵌套元素等）进行了优化。
◾代码体积小（约 10KB gzipped），且通过高效的渲染策略减少不必要的重绘。
◾允许自定义拖放触发的条件（如鼠标、触摸屏、键盘等），灵活适应不同设备。
此外，Pragmatic 支持在任何一个框架（如 React、Svelte、Vue、Angular）中使用，不受特定技术栈的限制。
GitHub 仓库
https://github.com/atlassian/pragmatic-drag-and-drop
官方文档
https://pdnd.atlassian.design/
该组件支持多种形态的拖拽场景，例如：列表、面板、Grid、表格、树、画板绘制等。
◾支持现代浏览器，并针对复杂的 UI 场景（如列表、嵌套元素等）进行了优化。
◾代码体积小（约 10KB gzipped），且通过高效的渲染策略减少不必要的重绘。
◾允许自定义拖放触发的条件（如鼠标、触摸屏、键盘等），灵活适应不同设备。
此外，Pragmatic 支持在任何一个框架（如 React、Svelte、Vue、Angular）中使用，不受特定技术栈的限制。
GitHub 仓库
https://github.com/atlassian/pragmatic-drag-and-drop
官方文档
https://pdnd.atlassian.design/
1
