table 组件支持通过设置属性sort-always允许排序只在升序和降序切换

Author: 黄书伟

examples/doc/updateLog.md

@@ -2,6 +2,7 @@
 1、修复 table 组件 固定左列偶尔无法触发滚动事件的bug
 2、优化 table 组件 当有纵向自适应时并设置了最小高度时，表格内容高度小于‘最小高度’则以表格内容高度为准
 3、修复 table 组件 数据变化合并单元格样式错乱的问题 #60
+4、table 组件支持通过设置属性`sort-always`允许排序只在升序和降序切换 #57
 
 2017-12-1
 1、修复 table 组件左侧固定列绑定滚动事件失效的问题

libs/v-table/src/sort-control-mixin.js

@@ -30,7 +30,14 @@ exports.default = {
                 collection.filter(function (column, index) {
 
                     if (self.enableSort(column.orderBy) && column.field === field) {
-                        column.orderBy = column.orderBy === 'asc' ? 'desc' : column.orderBy === 'desc' ? '' : 'asc';
+
+                        if (self.sortAlways) {
+
+                            column.orderBy = column.orderBy === 'asc' ? 'desc' : 'asc';
+                        } else {
+
+                            column.orderBy = column.orderBy === 'asc' ? 'desc' : column.orderBy === 'desc' ? '' : 'asc';
+                        }
                     }
 
                     if (!self.multipleSort) {

libs/v-table/src/table.vue

@@ -431,6 +431,11 @@
                 type: Boolean,
                 default: true
             },
+            // 只在 升序和倒序切换
+            sortAlways: {
+                type: Boolean,
+                default: false
+            },
             columns: {
                 type: Array,
                 require: true

packages/v-table/src/sort-control-mixin.js

@@ -1,8 +1,8 @@
 /*
-* 排序
-* */
+ * 排序
+ * */
 export default {
-    methods:{
+    methods: {
         // 是否允许排序
         enableSort(val){
             return typeof val === 'string' ? true : false;
@@ -31,8 +31,15 @@ export default {
                 collection.filter(function (column, index) {
 
                     if (self.enableSort(column.orderBy) && column.field === field) {
-                        column.orderBy = column.orderBy === 'asc' ? 'desc' :
-                            (column.orderBy === 'desc' ? '' : 'asc');
+
+                        if (self.sortAlways) {
+
+                            column.orderBy = column.orderBy === 'asc' ? 'desc' : 'asc';
+                        } else {
+
+                            column.orderBy = column.orderBy === 'asc' ? 'desc' :
+                                (column.orderBy === 'desc' ? '' : 'asc');
+                        }
                     }
 
                     if (!self.multipleSort) {

packages/v-table/src/table.vue

@@ -431,6 +431,11 @@
                 type: Boolean,
                 default: true
             },
+            // 只在 升序和倒序切换
+            sortAlways: {
+                type: Boolean,
+                default: false
+            },
             columns: {
                 type: Array,
                 require: true