关于

Pragmatic Drag and Drop 是关注性能的拖拽组件，可用于增强前端用户体验。该组件支持多种形态的拖拽场景：

• 列表
• 面板
• Grid
• 表格
• 树
• Drawing
• Resize

此外，Pragmatic 支持在任何一个框架（如 React、Svelte、Vue、Angular）中使用，不受特定技术栈的限制。

下图是使用 Pragmatic Drag and Drop 的演示效果：

关于

实用的拖放是一个低层级的拖放工具链，它能够安全且成功地利用浏览器内置的拖放功能。实用的拖放可以与任何视图层（如react、svelte、vue、angular等）一起使用。实用的拖放支持一些网络上最大的产品，包括 Trello、Jira 和 Confluence。

功能

实用的拖放由几个高级部分组成：

1. 低级拖放行为 实用的拖放包含一个核心包和一些可选包，为您提供创建任何拖放体验所需的组件。

这些组件不关心视觉语言或可访问性，并且不依赖于Atlassian设计系统。

• 微小：~4.7kB核心
• 增量式：只使用您需要的部分
• 无头：完全渲染和样式控制
• 框架不可知：适用于任何前端框架
• 延迟兼容：延迟加载核心包和可选包，以进一步提高页面加载速度
• 灵活：创建您想要的任何体验，在拖放操作期间进行任何更改
• 适用于所有地方：在Firefox、Safari和Chrome、iOS和Android中支持所有功能
• 虚拟化支持：创建您想要的任何虚拟体验！

1. 可选的视觉输出 我们创建了可选的视觉输出（例如我们的拖放指示器），以便我们能够快速构建一致的Atlassian用户体验。非Atlassian消费者可以使用这些输出，创建自己的输出来复制视觉样式，或者采用完全不同的方式。

2. 可选的辅助技术控制 并非所有用户都能实现基于指针的拖放体验。为了为辅助技术用户提供出色的体验，我们提供了一个工具链，让您可以快速地为任何体验连接高性能的辅助技术友好流。

我们提供的可选辅助控件基于Atlassian设计系统。如果您不想使用Atlassian设计系统，您可以使用我们的指南，并用自己的组件替换我们的组件，或者如果选择的话，您也可以以不同的方式处理可访问性。