通用排序组件设计

这是一篇关于通用排序组件设计的思维导图，筛选/排序控件在设计中是不可或缺的一部分，如何结合产品特性进行设计也是常见的问题。作者将结合自身经验为我们分析，设计筛选/排序控件该怎么设计。

通用排序组件设计

props

method

排序方式

asc

desc

labelField

sortField

tableField

url

data

data

id

label

sort

change_data

id

sort

method

top

置顶

asc

最小值-1

desc

最大值+1

save

/sort/{tableName}

data

data[0]

id

sort

data[1]

id

sort

sortChange

排序改变时触发

排序算法

单表单列模式法

新增

最大排序号+1

删除

将排序号大于删除元素的数据序号-1

拖动

x<y

x，y之间的数据-1

x>y

x，y之间的数据+1