eoss 0.1.0-alpha.47 → 0.1.0-alpha.49

package/lib/table-column.js

@@ -1224,7 +1224,19 @@ var columnIdSeed = 1;
       type: String,
       default: 'default'
     },
-    filterIcon: [String, Boolean],
+    /**
+     * 列的规则；type 为 drag 时用它判定行是否可拖：
+     * 函数按行判定（返回 false 该行不可拖），false 表示整列不可拖。
+     * 必须显式写 default: undefined：类型里带 Boolean 时，Vue 会把未传的
+     * 值铸成 false，那就等于默认把整列拖拽关掉了
+     * @type {Function|Boolean|Array|Object}
+     */
+    rules: {
+      type: [Function, Boolean, Array, Object],
+      default: undefined
+    },
+    // Boolean 必须在 String 前：裸写 filterColumn 时 Vue 才会把空串铸成 true（同 sortable 的约定）
+    filterColumn: [Boolean, String],
     label: String,
     labelKey: String,
     valueKey: String,
@@ -1631,11 +1643,13 @@ var columnIdSeed = 1;
       filterPlacement: '',
       isColumnGroup: false,
       filterOpened: false,
-      filterIcon: this.filterIcon,
+      filterColumn: this.filterColumn,
       // 排序相关属性
       sortable: sortable,
       // 索引列
-      index: this.index
+      index: this.index,
+      // drag 列用它控制行是否可拖（见 config.js 的 cellForced.drag）
+      rules: this.rules
     });
 
     // 收集不同类型的属性
@@ -1744,6 +1758,13 @@ var cellStarts = {
     minWidth: 48,
     realWidth: 48,
     order: ''
+  },
+  drag: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: '',
+    className: 'es-table__drag-column'
   }
 };
 
@@ -1908,6 +1929,51 @@ var cellForced = {
     sortable: false,
     resizable: false,
     className: 'es-table__expand-column'
+  },
+
+  drag: {
+    /**
+     * 拖拽列默认不渲染表头文案
+     * @param {Function} h - createElement函数
+     * @param {Object} options - 包含列配置的对象
+     * @returns {VNode} Vue虚拟节点
+     */
+    renderHeader: function renderHeader(h, _ref7) {
+      var column = _ref7.column;
+
+      return column.label || '';
+    },
+
+    /**
+     * 渲染拖拽手柄图标：这一列存在即代表开启行拖拽排序（见 table.vue 的
+     * dragEnabled），Sortable 的 handle 指向 es-table__drag-handle。
+     * rules 为函数时按行判定（返回假值该行不可拖），rules 显式为 false 时
+     * 整列不可拖；不可拖时不给手柄类，Sortable 自然拖不动该行
+     * @param {Function} h - createElement函数
+     * @param {Object} options - 包含行数据、列配置等的对象
+     * @returns {VNode} Vue虚拟节点
+     */
+    renderCell: function renderCell(h, _ref8) {
+      var row = _ref8.row,
+          column = _ref8.column,
+          $index = _ref8.$index,
+          store = _ref8.store;
+
+      var rules = column.rules;
+      var byRules = typeof rules === 'function' ? rules(row, { row: row, column: column, $index: $index, store: store }) !== false : rules !== false;
+      // 行数据 fixed 为 true 的行本来就不可拖（tr 上的 drag-sort-disabled
+      // 会被 Sortable 的 filter 拦掉），图标同步置灰
+      var enabled = byRules && !(row && row.fixed);
+      var classes = ['es-icon-tuozhuai'];
+      if (enabled) {
+        classes.push('es-table__drag-handle');
+      } else {
+        classes.push('is-disabled');
+      }
+      return h('i', { 'class': classes });
+    },
+    sortable: false,
+    resizable: false
   }
 };
 

package/lib/table.js

@@ -1319,8 +1319,8 @@ function renderDom(h, _ref5) {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=template&id=10e33a98&
-var tablevue_type_template_id_10e33a98_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=template&id=4f193eb2&
+var tablevue_type_template_id_4f193eb2_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -1528,7 +1528,7 @@ var tablevue_type_template_id_10e33a98_render = function () {
             1
           )
         : _vm._e(),
-      _vm.fixedColumns.length > 0 && !_vm.dragSort
+      _vm.fixedColumns.length > 0 && !_vm.dragEnabled
         ? _c(
             "div",
             {
@@ -1686,7 +1686,7 @@ var tablevue_type_template_id_10e33a98_render = function () {
             ]
           )
         : _vm._e(),
-      _vm.rightFixedColumns.length > 0 && !_vm.dragSort
+      _vm.rightFixedColumns.length > 0 && !_vm.dragEnabled
         ? _c(
             "div",
             {
@@ -1891,10 +1891,10 @@ var tablevue_type_template_id_10e33a98_render = function () {
   )
 }
 var staticRenderFns = []
-tablevue_type_template_id_10e33a98_render._withStripped = true
+tablevue_type_template_id_4f193eb2_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=template&id=10e33a98&
+// CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=template&id=4f193eb2&
 
 // EXTERNAL MODULE: external "throttle-debounce"
 var external_throttle_debounce_ = __webpack_require__(13);
@@ -1907,7 +1907,7 @@ var mousewheel_js_ = __webpack_require__(155);
 var mousewheel_js_default = /*#__PURE__*/__webpack_require__.n(mousewheel_js_);
 
 // EXTERNAL MODULE: external "eoss/lib/mixins/migrating.js"
-var migrating_js_ = __webpack_require__(31);
+var migrating_js_ = __webpack_require__(30);
 var migrating_js_default = /*#__PURE__*/__webpack_require__.n(migrating_js_);
 
 // EXTERNAL MODULE: external "vue"
@@ -2642,7 +2642,12 @@ var doFlattenColumns = function doFlattenColumns(columns) {
      */
     updateColumns: function updateColumns() {
       var states = this.states;
-      var _columns = states._columns || [];
+      // hide 是「是否隐藏列」的列级契约（文档 thead 列配置）：隐藏列不参与
+      // 渲染与布局，在列构建入口统一剔除，首屏与运行中换 thead（setThead）
+      // 都经这一条路径生效；states._columns 仍保留全量供增删列等操作使用
+      var _columns = (states._columns || []).filter(function (column) {
+        return !column.hide;
+      });
 
       // 计算固定列和右侧固定列
       states.fixedColumns = _columns.filter(function (column) {
@@ -2658,11 +2663,17 @@ var doFlattenColumns = function doFlattenColumns(columns) {
         states.fixedColumns.unshift(_columns[0]);
       }
 
+      // 开启拖拽排序时左右固定层不渲染（见 table.vue 的 dragEnabled），fixed 不生效，
+      // 也就不做「固定列前置」重排，保持声明顺序，避免列序被静默打乱
+      var dragEnabled = _columns.some(function (column) {
+        return column.type === 'drag';
+      });
+
       // 计算非固定列并生成原始列配置
       var notFixedColumns = _columns.filter(function (column) {
         return !column.fixed;
       });
-      states.originColumns = [].concat(states.fixedColumns, notFixedColumns, states.rightFixedColumns);
+      states.originColumns = dragEnabled ? [].concat(_columns) : [].concat(states.fixedColumns, notFixedColumns, states.rightFixedColumns);
 
       // 扁平化各类列配置
       var leafColumns = doFlattenColumns(notFixedColumns);
@@ -2675,7 +2686,7 @@ var doFlattenColumns = function doFlattenColumns(columns) {
       states.rightFixedLeafColumnsLength = rightFixedLeafColumns.length;
 
       // 生成最终的列配置和复杂度标记
-      states.columns = [].concat(fixedLeafColumns, leafColumns, rightFixedLeafColumns);
+      states.columns = dragEnabled ? doFlattenColumns(_columns) : [].concat(fixedLeafColumns, leafColumns, rightFixedLeafColumns);
       states.isComplex = states.fixedColumns.length > 0 || states.rightFixedColumns.length > 0;
     },
 
@@ -3275,14 +3286,17 @@ watcher.prototype.mutations = {
         // 特殊类型列不设置默认 renderHeader，交由 setColumnRenders 应用 cellForced 的强制渲染（如 selection 复选框）
         var columnId = 'es-table_1_column_' + Math.floor(Math.random() * 10000);
         var column = null;
-        if (type === 'selection' || type === 'index' || type === 'expand') {
+        if (type === 'selection' || type === 'index' || type === 'expand' || type === 'drag') {
           column = store_extends({
             id: columnId,
             type: type,
             label: _label,
             prop: _field,
             property: _field
-          }, src_config["b" /* cellStarts */][type], normalized, config);
+          }, src_config["b" /* cellStarts */][type], normalized, config, {
+            // drag 列用 rules 控制行是否可拖（见 config.js）
+            rules: rules
+          });
         } else {
           column = store_extends({
             id: columnId,
@@ -3291,7 +3305,9 @@ watcher.prototype.mutations = {
             property: _field,
             formatter: formatter
           }, normalized, {
-            required: _required
+            required: _required,
+            // 保留 rules 到列对象：drag 列用它控制行是否可拖（见 config.js）
+            rules: rules
           });
         }
         var childrens = null;
@@ -3463,7 +3479,7 @@ watcher.prototype.mutations = {
           };
         } else if (children) {
           column.children = createColumns(children);
-        } else if (type === 'selection' || type === 'index' || type === 'expand') {
+        } else if (type === 'selection' || type === 'index' || type === 'expand' || type === 'drag') {
           // 特殊类型列不设置默认 renderCell，由 setColumnRenders 套用 cellForced 中的强制渲染函数
         } else {
           // 如果用户配置了render函数，则使用用户的render函数
@@ -3545,6 +3561,11 @@ watcher.prototype.mutations = {
 
     states._columns = createColumns(thead);
     this.updateColumns();
+    // 换 thead 后列对象全部新建、realWidth 为空，若不重排布局，
+    // 表头与表体 colgroup 会各自按内容回退自动表格布局，列宽错位（sizer 确认改表头后必现）
+    if (this.table && this.table.$ready) {
+      this.scheduleLayout();
+    }
   },
 
 
@@ -3866,7 +3887,7 @@ function mapStates(mapper) {
   return result;
 }
 // EXTERNAL MODULE: external "eoss/lib/utils/scrollbar.js"
-var scrollbar_js_ = __webpack_require__(27);
+var scrollbar_js_ = __webpack_require__(33);
 
 // CONCATENATED MODULE: ./packages/table/src/table-layout.js
 var table_layout_typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
@@ -4991,8 +5012,8 @@ var table_body_typeof = typeof Symbol === "function" && typeof Symbol.iterator =
     },
 
 
-    // 监听拖拽排序配置变化
-    '$parent.dragSort': function $parentDragSort(val) {
+    // 监听拖拽列（type: 'drag'）的增删，有则开启拖拽排序
+    'table.dragEnabled': function tableDragEnabled(val) {
       if (val) {
         this.initSortable();
       } else {
@@ -5015,7 +5036,7 @@ var table_body_typeof = typeof Symbol === "function" && typeof Symbol.iterator =
     });
   },
   mounted: function mounted() {
-    if (this.$parent.dragSort) {
+    if (this.table.dragEnabled) {
       this.initSortable();
     }
   },
@@ -5040,7 +5061,9 @@ var table_body_typeof = typeof Symbol === "function" && typeof Symbol.iterator =
       this.$nextTick(function () {
         try {
           _this3._sortable = new external_sortablejs_default.a(_this3.$refs.dragSort, {
-            handle: _this3.$parent.dragSortClass ? '.' + _this3.$parent.dragSortClass : undefined,
+            // 手柄就是拖拽列里的图标；不可拖的行（rules 判定为假、
+            // 或行数据 fixed 为 true）不带这个类，因此拖不动
+            handle: '.es-table__drag-handle',
             animation: 150,
             onUpdate: _this3.handleUpdate,
             filter: '.drag-sort-disabled'
@@ -5090,6 +5113,9 @@ var table_body_typeof = typeof Symbol === "function" && typeof Symbol.iterator =
       } else if (this.fixed === 'right') {
         return index < this.columnsCount - this.rightFixedLeafCount;
       } else {
+        // 开启拖拽排序时左右固定层不渲染（见 table.vue 的 dragEnabled），
+        // 固定列只能靠主表显示，不能再用 is-hidden 藏起来
+        if (this.table.dragEnabled) return false;
         return index < this.leftFixedLeafCount || index >= this.columnsCount - this.rightFixedLeafCount;
       }
     },
@@ -6023,11 +6049,11 @@ var vue_popper_js_ = __webpack_require__(16);
 var vue_popper_js_default = /*#__PURE__*/__webpack_require__.n(vue_popper_js_);
 
 // EXTERNAL MODULE: external "eoss/lib/utils/popup/popup-manager.js"
-var popup_manager_js_ = __webpack_require__(28);
+var popup_manager_js_ = __webpack_require__(27);
 var popup_manager_js_default = /*#__PURE__*/__webpack_require__.n(popup_manager_js_);
 
 // EXTERNAL MODULE: external "eoss/lib/utils/clickoutside.js"
-var clickoutside_js_ = __webpack_require__(29);
+var clickoutside_js_ = __webpack_require__(28);
 var clickoutside_js_default = /*#__PURE__*/__webpack_require__.n(clickoutside_js_);
 
 // CONCATENATED MODULE: ./packages/table/src/dropdown.js
@@ -6639,7 +6665,7 @@ var convertToRows = function convertToRows(originColumns) {
                   {
                     'class': ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName]
                   },
-                  [_this._renderFilterIcon(h, column), _this._renderColumnLabel(h, cellIndex, column), _this._renderSortIcon(h, column), _this._renderFilterTrigger(h, column), _this._renderColumnIcon(h, column), _this._renderColumnButton(h, column)]
+                  [_this._renderfilterColumn(h, column), _this._renderColumnLabel(h, cellIndex, column), _this._renderSortIcon(h, column), _this._renderFilterTrigger(h, column), _this._renderColumnIcon(h, column), _this._renderColumnButton(h, column)]
                 )]
               );
             }), _this.hasGutter && _this._renderGutterCell(columnRows, rowIndex)]
@@ -6790,6 +6816,8 @@ var convertToRows = function convertToRows(originColumns) {
       } else if (this.fixed === 'right') {
         return start < this.columnsCount - this.rightFixedLeafCount;
       } else {
+        // 开启拖拽排序时左右固定层不渲染，固定列表头只能靠主表显示
+        if (this.table.dragEnabled) return false;
         return after < this.leftFixedLeafCount || start >= this.columnsCount - this.rightFixedLeafCount;
       }
     },
@@ -6960,7 +6988,8 @@ var convertToRows = function convertToRows(originColumns) {
      * @param {Event} event - 事件对象
      * @param {Object} column - 列配置
      */
-    handleFilterColumn: function handleFilterColumn(event, column) {
+    handlefilterColumnumn: function handlefilterColumnumn(event, column) {
+      console.log('filter-column');
       if (this.$parent) {
         this.$parent.$emit('filter-column', column, event);
       }
@@ -7095,10 +7124,10 @@ var convertToRows = function convertToRows(originColumns) {
      * @param {Object} column - 列配置
      * @returns {VNode|null} 渲染结果
      */
-    _renderFilterIcon: function _renderFilterIcon(h, column) {
+    _renderfilterColumn: function _renderfilterColumn(h, column) {
       var _this3 = this;
 
-      if (!column.filterIcon) return null;
+      if (!column.filterColumn) return null;
 
       return h(
         'span',
@@ -7106,12 +7135,12 @@ var convertToRows = function convertToRows(originColumns) {
           'class': 'filter-column',
           on: {
             'click': function click($event) {
-              return _this3.handleFilterColumn($event, column);
+              return _this3.handlefilterColumnumn($event, column);
             }
           }
         },
         [h('i', {
-          'class': [typeof column.filterIcon === 'string' ? column.filterIcon : 'es-icon-menu', 'filter-icon']
+          'class': [typeof column.filterColumn === 'string' ? column.filterColumn : 'es-icon-yingyong', 'filter-icon']
         })]
       );
     },
@@ -7918,9 +7947,11 @@ var table_footer_typeof = typeof Symbol === "function" && typeof Symbol.iterator
         }
         return before < this.columnsCount - this.rightFixedLeafCount;
       } else if (!this.fixed && column && column.fixed) {
-        // 当页脚实例不固定而列固定时隐藏单元格
-        return true;
+        // 当页脚实例不固定而列固定时隐藏单元格；
+        // 开启拖拽排序时固定层不渲染，固定列要留在主表里显示
+        return !this.table.dragEnabled;
       } else {
+        if (this.table.dragEnabled) return false;
         return index < this.leftFixedCount || index >= this.columnsCount - this.rightFixedCount;
       }
     },
@@ -8628,17 +8659,6 @@ var tableIdSeed = 1;
      * @default 'auto'
      */
     tooltipWidth: { type: String, default: 'auto' },
-    /**
-     * 是否开启拖拽排序
-     * @type {Boolean}
-     * @default false
-     */
-    dragSort: Boolean,
-    /**
-     * 拖拽排序的类名
-     * @type {String}
-     */
-    dragSortClass: String,
     /**
      * 无限滚动的回调方法
      * @type {Function}
@@ -8736,13 +8756,10 @@ var tableIdSeed = 1;
     },
     scrollStyle: function scrollStyle() {
       var _layout3 = this.layout,
-          gutterWidth = _layout3.gutterWidth,
           _layout3$headerHeight = _layout3.headerHeight,
           headerHeight = _layout3$headerHeight === undefined ? 0 : _layout3$headerHeight,
           _layout3$footerHeight = _layout3.footerHeight,
-          footerHeight = _layout3$footerHeight === undefined ? 0 : _layout3$footerHeight,
-          scrollX = _layout3.scrollX,
-          scrollY = _layout3.scrollY;
+          footerHeight = _layout3$footerHeight === undefined ? 0 : _layout3$footerHeight;
 
       var height = 0;
       var maxHeight = 0;
@@ -8751,11 +8768,14 @@ var tableIdSeed = 1;
       } else if (this.maxHeight) {
         maxHeight = Object(util["l" /* parseHeight */])(this.maxHeight) - footerHeight - (this.showHeader ? headerHeight : 0);
       }
+      // 美化滚动条时原生条已由 CSS 隐藏（见 table.scss），不占位也就无需
+      // 按条宽加宽/加高容器；此前的 calc(100% + gutterWidth) 在浏览器缩放时
+      // 和实际条宽对不上，容器右、下两侧会露出一条灰边
       return {
-        width: gutterWidth && scrollY ? 'calc(100% + ' + gutterWidth + 'px)' : '100%',
-        height: height && gutterWidth ? height + (scrollX ? gutterWidth : 0) + 'px' : '100%',
+        width: '100%',
+        height: height ? height + 'px' : '100%',
         maxHeight: maxHeight ? maxHeight + 'px' : '',
-        'overflow-x': height && gutterWidth ? '' : 'hidden'
+        'overflow-x': height ? '' : 'hidden'
       };
     },
     fixedBodyHeight: function fixedBodyHeight() {
@@ -8813,6 +8833,28 @@ var tableIdSeed = 1;
     rightFixedColumns: 'rightFixedColumns'
   }), {
 
+    /**
+     * 是否开启行拖拽排序：有 type 为 drag 的列即开启，
+     * 该列自己渲染拖拽手柄图标（见 config.js 的 cellForced.drag）
+     * @returns {Boolean}
+     */
+    dragEnabled: function dragEnabled() {
+      return this.columns.some(function (column) {
+        return column.type === 'drag';
+      });
+    },
+
+
+    /**
+     * 是否同时配了拖拽排序和固定列：两者互斥（开启拖拽后固定层不渲染），
+     * 用于给一次显式告警，避免 fixed 静默失效
+     * @returns {Boolean}
+     */
+    dragFixedConflict: function dragFixedConflict() {
+      return this.dragEnabled && (this.fixedColumns.length > 0 || this.rightFixedColumns.length > 0);
+    },
+
+
     // 优化类名绑定，提高模板可读性
     getTableClasses: function getTableClasses() {
       var _ref;
@@ -8840,6 +8882,18 @@ var tableIdSeed = 1;
   }),
 
   watch: {
+    dragFixedConflict: {
+      immediate: true,
+      handler: function handler(val) {
+        // 固定列靠另一张浮层表渲染，Sortable 只挪主表的行，两者没法共存；
+        // 冲突时告警一次，避免消费方配了 fixed 却发现不生效又查不到原因
+        if (val && "production" !== 'production' && !this._dragFixedWarned) {
+          this._dragFixedWarned = true;
+          console.warn('[Warn][Table]存在 type 为 drag 的列时开启行拖拽排序，左右固定列不会渲染，fixed 不生效');
+        }
+      }
+    },
+
     // 优化高度变化监听，使用防抖减少频繁更新
     height: {
       immediate: true,
@@ -9752,7 +9806,7 @@ var tableIdSeed = 1;
 
 var table_component = Object(componentNormalizer["a" /* default */])(
   src_tablevue_type_script_lang_js_,
-  tablevue_type_template_id_10e33a98_render,
+  tablevue_type_template_id_4f193eb2_render,
   staticRenderFns,
   false,
   null,
@@ -9812,35 +9866,35 @@ module.exports = require("eoss/lib/checkbox-group");
 /***/ 27:
 /***/ (function(module, exports) {
 
-module.exports = require("eoss/lib/utils/scrollbar.js");
+module.exports = require("eoss/lib/utils/popup/popup-manager.js");
 
 /***/ }),
 
 /***/ 28:
 /***/ (function(module, exports) {
 
-module.exports = require("eoss/lib/utils/popup/popup-manager.js");
+module.exports = require("eoss/lib/utils/clickoutside.js");
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("eoss/lib/utils/clickoutside.js");
+module.exports = require("eoss/lib/utils/ajax.js");
 
 /***/ }),
 
-/***/ 3:
+/***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("eoss/lib/utils/ajax.js");
+module.exports = require("eoss/lib/mixins/migrating.js");
 
 /***/ }),
 
-/***/ 31:
+/***/ 33:
 /***/ (function(module, exports) {
 
-module.exports = require("eoss/lib/mixins/migrating.js");
+module.exports = require("eoss/lib/utils/scrollbar.js");
 
 /***/ }),
 
@@ -9897,6 +9951,13 @@ var cellStarts = {
     minWidth: 48,
     realWidth: 48,
     order: ''
+  },
+  drag: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: '',
+    className: 'es-table__drag-column'
   }
 };
 
@@ -10061,6 +10122,51 @@ var cellForced = {
     sortable: false,
     resizable: false,
     className: 'es-table__expand-column'
+  },
+
+  drag: {
+    /**
+     * 拖拽列默认不渲染表头文案
+     * @param {Function} h - createElement函数
+     * @param {Object} options - 包含列配置的对象
+     * @returns {VNode} Vue虚拟节点
+     */
+    renderHeader: function renderHeader(h, _ref7) {
+      var column = _ref7.column;
+
+      return column.label || '';
+    },
+
+    /**
+     * 渲染拖拽手柄图标：这一列存在即代表开启行拖拽排序（见 table.vue 的
+     * dragEnabled），Sortable 的 handle 指向 es-table__drag-handle。
+     * rules 为函数时按行判定（返回假值该行不可拖），rules 显式为 false 时
+     * 整列不可拖；不可拖时不给手柄类，Sortable 自然拖不动该行
+     * @param {Function} h - createElement函数
+     * @param {Object} options - 包含行数据、列配置等的对象
+     * @returns {VNode} Vue虚拟节点
+     */
+    renderCell: function renderCell(h, _ref8) {
+      var row = _ref8.row,
+          column = _ref8.column,
+          $index = _ref8.$index,
+          store = _ref8.store;
+
+      var rules = column.rules;
+      var byRules = typeof rules === 'function' ? rules(row, { row: row, column: column, $index: $index, store: store }) !== false : rules !== false;
+      // 行数据 fixed 为 true 的行本来就不可拖（tr 上的 drag-sort-disabled
+      // 会被 Sortable 的 filter 拦掉），图标同步置灰
+      var enabled = byRules && !(row && row.fixed);
+      var classes = ['es-icon-tuozhuai'];
+      if (enabled) {
+        classes.push('es-table__drag-handle');
+      } else {
+        classes.push('is-disabled');
+      }
+      return h('i', { 'class': classes });
+    },
+    sortable: false,
+    resizable: false
   }
 };
 

package/lib/tabs.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 203);
+/******/ 	return __webpack_require__(__webpack_require__.s = 204);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -206,7 +206,7 @@ module.exports = require("babel-helper-vue-jsx-merge-props");
 
 /***/ }),
 
-/***/ 203:
+/***/ 204:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";