- 快速开始
- REPL
- 基本
- Icons 示例
- Button 示例
- 表单
- Input 示例
- Textarea 示例
- Radio 单选框
- Checkbox 多选框
- Switch 示例
- Select 示例
- Cascader 示例
- Form 示例
- Upload 示例
- date-picker 示例
- Drag 拖动排序
- data 数据
- Table 表格
- Tree 树形控件
- SelectTree 树形选择控件
- Pagination 分页
- progress 示例
- Empty 空状态
- 提示
- Loading 示例
- MessageBox 示例
- Dialog 示例
- Alert 示例
- Notice 示例
- 导航 Navigation
- Tabs 标签页
- NavMenu 导航菜单
- Breadcrumb 面包屑
- 其它 Others
- Clock 示例
- Drawer 示例
- Collapse 示例
- Scrollbar 示例
- Carousel 示例
- CountTo 示例
- PreviewImage 示例

## BeDrag 拖拽排序

1 write some docs
2 start writing JSConf talk
3 buy some milk
4 mow the lawn
5 feed the turtle
6 fix some bugs
使用getDrag监听排序后的列表。

    import { BeDrag } from '@brewer/beerui'
    const list = [
    	{ key: 1, label: 'write some docs' },
    	{ key: 2, label: 'start writing JSConf talk' },
    	{ key: 3, label: 'buy some milk' },
    	{ key: 4, label: 'mow the lawn' },
    	{ key: 5, label: 'feed the turtle' },
    	{ key: 6, label: 'fix some bugs' },
    ]
    let dragList = []

    const getDrag = (evt) => {
    	console.log(evt.detail);
    }

    <BeDrag {list} on:getDrag={getDrag} />

显示代码