drag-drop-patterns

该资料是一份拖放交互设计模式参考，用于指导界面中拖动与放置相关的实现方式。\n\n用途：为可排序列表、看板（Kanban）和文件上传拖放区提供统一的交互设计规范。\n\n主要能力与要点：\n1. 可排序列表：每项左侧放置拖拽把手（grip 图标）；拖动时显示目标位置的幽灵/占位符；重排时有轻量动画；触屏上长按发起拖动。\n2. 看板：卡片可在列之间拖动；列的滚动独立于看板整体滚动；拖拽经过时高亮放置区；靠近边缘时自动滚动。\n3. 文件上传拖放区：虚线边框、低饱和背景；文案为“Drop files here or click to upload”；文件悬停时切换为实线边框并高亮背景；放下后显示带进度条的文件列表；支持从桌面拖入、点击浏览、从剪贴板粘贴。\n4. 可访问性：所有拖放都必须提供键盘替代操作；可排序项用方向键移动、回车确认；并向屏幕阅读器播报位置变化。\n\n使用方式：资料仅描述设计模式与交互规则，未提供具体代码、库或实现步骤，落地时需自行选择技术方案。\n\n适用场景：需要列表排序、看板任务管理和文件上传拖放区的界面设计。\n\n限制：资料未说明适用的框架、浏览器兼容范围、性能要求或具体实现细节；这些信息暂未提供。