[Enhancement] [tab-pane] add a prop for el-tabs so that el-tab-pane can be sorted via dragging

[polarove]

Feature type: Enhancement

Details

• Enhanced component name: tab-pane

Description

为 el-tabs 组件添加一个prop，使得 el-tab-pane 组件可以通过拖拽进行排序，并持久化状态到 sessionStorage 或 localStorage，或其他地方

add a prop for el-tabs so that el-tab-pane can be sorted via dragging, and we can persist the state into sessionStorage or localStorage after sorting it.

类型定义 ( type defination )

//... el-tabs 的其他 props
sort-via: 'drag' | undefined

//... other props from  el-tabs
sort-via: 'drag' | undefined

特性 ( Feature )

1. 若 sort-via 字段为 drag，则 el-tab-pane 可以通过拖拽排序，否则不能进行拖拽排序

2. 将排序后的顺序持久化到 sessionStorage 或 localStorage 中

3. 重新渲染组件后，保持渲染前的顺序

4. 考虑将拖拽排序应用到类似组件上，如 el-segmented

5. if sort-via equas to drag, then el-tab-pane can be sorted via user dragging, otherwise not.

6. persist the state into sessionStorage or localStorage.

7. keep the sequence as it-is after re-render.

8. perhaps this can be implemented to similar components, like el-segmented.

Additional comments

示例代码 ( Sample code )

<template>
  <el-tabs type="card" sort-via="drag">
    <el-tab-pane v-for="(item, index) in 6" :key="index" :label="item.toString()" :name="item" />
  </el-tabs>
</template>