轻量级前端拖拽库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/
评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2992
该组件支持多种形态的拖拽场景,例如:列表、面板、Grid、表格、树、画板绘制等。
◾支持现代浏览器,并针对复杂的 UI 场景(如列表、嵌套元素等)进行了优化。
◾代码体积小(约 10KB gzipped),且通过高效的渲染策略减少不必要的重绘。
◾允许自定义拖放触发的条件(如鼠标、触摸屏、键盘等),灵活适应不同设备。
此外,Pragmatic 支持在任何一个框架(如 React、Svelte、Vue、Angular)中使用,不受特定技术栈的限制。
GitHub 仓库
https://github.com/atlassian/pragmatic-drag-and-drop
官方文档
https://pdnd.atlassian.design/

这篇日志没有评论。
此日志不可发表评论。