bi-eleme 2.0.13 → 2.1.1

package/lib/table.js

@@ -3755,12 +3755,20 @@ var convertToRows = function convertToRows(originColumns) {
     if (isGroup) this.$parent.isGroup = true;
     return h(
       'table',
-      { 'class': 'el-table__header', attrs: { cellspacing: '0', cellpadding: '0', border: '0' }
+      {
+        'class': 'el-table__header',
+        attrs: { cellspacing: '0',
+          cellpadding: '0',
+          border: '0'
+        }
       },
       [h('colgroup', [this.columns.map(function (column) {
         return h('col', {
-          attrs: { name: column.id },
-          key: column.id });
+          attrs: {
+            name: column.id
+          },
+          key: column.id
+        });
       }), this.hasGutter ? h('col', {
         attrs: { name: 'gutter' }
       }) : '']), h(
@@ -3769,12 +3777,18 @@ var convertToRows = function convertToRows(originColumns) {
         [this._l(columnRows, function (columns, rowIndex) {
           return h(
             'tr',
-            { style: _this.getHeaderRowStyle(rowIndex), 'class': _this.getHeaderRowClass(rowIndex) },
+            {
+              style: _this.getHeaderRowStyle(rowIndex),
+              'class': _this.getHeaderRowClass(rowIndex)
+            },
             [columns.map(function (column, cellIndex) {
               return h(
                 'th',
                 {
-                  attrs: { colspan: column.colSpan, rowspan: column.rowSpan },
+                  attrs: {
+                    colspan: column.colSpan,
+                    rowspan: column.rowSpan
+                  },
                   on: {
                     'mousemove': function mousemove($event) {
                       return _this.handleMouseMove($event, column);
@@ -3786,28 +3800,41 @@ var convertToRows = function convertToRows(originColumns) {
                     'click': function click($event) {
                       return _this.handleHeaderClick($event, column);
                     },
+                    'dblclick': function dblclick($event) {
+                      return _this.handleHeaderDblclick($event, column);
+                    },
                     'contextmenu': function contextmenu($event) {
                       return _this.handleHeaderContextMenu($event, column);
                     }
                   },
-                  style: _this.getHeaderCellStyle(rowIndex, cellIndex, columns, column), 'class': _this.getHeaderCellClass(rowIndex, cellIndex, columns, column), key: column.id },
+
+                  style: _this.getHeaderCellStyle(rowIndex, cellIndex, columns, column),
+                  'class': _this.getHeaderCellClass(rowIndex, cellIndex, columns, column),
+                  key: column.id
+                },
                 [h(
                   'div',
                   { 'class': ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName] },
                   [column.renderHeader ? column.renderHeader.call(_this._renderProxy, h, { column: column, $index: cellIndex, store: _this.store, _self: _this.$parent.$vnode.context }) : column.label, column.sortable ? h(
                     'span',
-                    { 'class': 'caret-wrapper', on: {
+                    {
+                      'class': 'caret-wrapper',
+                      on: {
                         'click': function click($event) {
                           return _this.handleSortClick($event, column);
                         }
                       }
                     },
-                    [h('i', { 'class': 'sort-caret ascending', on: {
+                    [h('i', {
+                      'class': 'sort-caret ascending',
+                      on: {
                         'click': function click($event) {
                           return _this.handleSortClick($event, column, 'ascending');
                         }
                       }
-                    }), h('i', { 'class': 'sort-caret descending', on: {
+                    }), h('i', {
+                      'class': 'sort-caret descending',
+                      on: {
                         'click': function click($event) {
                           return _this.handleSortClick($event, column, 'descending');
                         }
@@ -3815,7 +3842,9 @@ var convertToRows = function convertToRows(originColumns) {
                     })]
                   ) : '', column.filterable ? h(
                     'span',
-                    { 'class': 'el-table__column-filter-trigger', on: {
+                    {
+                      'class': 'el-table__column-filter-trigger',
+                      on: {
                         'click': function click($event) {
                           return _this.handleFilterClick($event, column);
                         }
@@ -4015,19 +4044,28 @@ var convertToRows = function convertToRows(originColumns) {
       }, 16);
     },
     handleHeaderClick: function handleHeaderClick(event, column) {
-      if (!column.filters && column.sortable) {
-        this.handleSortClick(event, column);
-      } else if (column.filterable && !column.sortable) {
-        this.handleFilterClick(event, column);
-      }
+      var _this3 = this;
 
-      this.$parent.$emit('header-click', column, event);
+      clearTimeout(this.clickTimer);
+      this.clickTimer = setTimeout(function () {
+        if (!column.filters && column.sortable) {
+          _this3.handleSortClick(event, column);
+        } else if (column.filterable && !column.sortable) {
+          _this3.handleFilterClick(event, column);
+        }
+        _this3.$parent.$emit('header-click', column, event);
+      }, 400);
+    },
+    handleHeaderDblclick: function handleHeaderDblclick(event, column) {
+      // event.stopPropagation()
+      clearTimeout(this.clickTimer);
+      this.$parent.$emit('header-dblclick', column, event);
     },
     handleHeaderContextMenu: function handleHeaderContextMenu(event, column) {
       this.$parent.$emit('header-contextmenu', column, event);
     },
     handleMouseDown: function handleMouseDown(event, column) {
-      var _this3 = this;
+      var _this4 = this;
 
       if (this.$isServer) return;
       if (column.children && column.children.length > 0) return;
@@ -4064,15 +4102,15 @@ var convertToRows = function convertToRows(originColumns) {
         };
 
         var handleMouseMove = function handleMouseMove(event) {
-          var deltaLeft = event.clientX - _this3.dragState.startMouseLeft;
-          var proxyLeft = _this3.dragState.startLeft + deltaLeft;
+          var deltaLeft = event.clientX - _this4.dragState.startMouseLeft;
+          var proxyLeft = _this4.dragState.startLeft + deltaLeft;
 
           resizeProxy.style.left = Math.max(minLeft, proxyLeft) + 'px';
         };
 
         var handleMouseUp = function handleMouseUp() {
-          if (_this3.dragging) {
-            var _dragState = _this3.dragState,
+          if (_this4.dragging) {
+            var _dragState = _this4.dragState,
                 startColumnLeft = _dragState.startColumnLeft,
                 startLeft = _dragState.startLeft;
 
@@ -4081,12 +4119,12 @@ var convertToRows = function convertToRows(originColumns) {
             column.width = column.realWidth = columnWidth;
             table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
 
-            _this3.store.scheduleLayout();
+            _this4.store.scheduleLayout();
 
             document.body.style.cursor = '';
-            _this3.dragging = false;
-            _this3.draggingColumn = null;
-            _this3.dragState = {};
+            _this4.dragging = false;
+            _this4.draggingColumn = null;
+            _this4.dragState = {};
 
             table.resizeProxyVisible = false;
           }
@@ -4193,7 +4231,8 @@ var convertToRows = function convertToRows(originColumns) {
     return {
       draggingColumn: null,
       dragging: false,
-      dragState: {}
+      dragState: {},
+      clickTimer: null
     };
   }
 });