vxe-pc-ui 3.15.25 → 3.15.26

package/lib/list/src/list.js

@@ -14,16 +14,23 @@ var _utils = require("../../ui/src/utils");
 var _vn = require("../../ui/src/vn");
 var _log = require("../../ui/src/log");
 var _anime = require("../../ui/src/anime");
+var _util = require("./util");
 var _loading = _interopRequireDefault(require("../../loading/src/loading"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var _createComponentLog = (0, _log.createComponentLog)('tree'),
+  warnLog = _createComponentLog.warnLog,
   errLog = _createComponentLog.errLog;
+var crossListDragRowObj = null;
 function eqRowKey(rowKey1, rowKey2) {
   return '' + rowKey1 === '' + rowKey2;
 }
@@ -53,15 +60,20 @@ function createReactData() {
     updateCheckboxFlag: 1,
     isAllChecked: false,
     isAllIndeterminate: false,
+    insertRowFlag: 1,
+    removeRowFlag: 1,
     dragRow: null,
-    dragTipText: ''
+    dragTipText: '',
+    isCrossDragRow: false
   };
 }
 function createInternalData() {
   return {
     resizeObserver: undefined,
     fullData: [],
+    afterList: [],
     fullKeyMaps: {},
+    rowMaps: {},
     lastScrollLeft: 0,
     lastScrollTop: 0,
     scrollYStore: {
@@ -72,7 +84,9 @@ function createInternalData() {
       rowHeight: 0
     },
     currentRow: null,
-    selectCheckboxMaps: {}
+    selectCheckboxMaps: {},
+    insertRowMaps: {},
+    removeRowMaps: {}
     // prevDragRow: null,
     // prevDragPos: ''
   };
@@ -99,6 +113,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
     },
     syncResize: [Boolean, String, Number],
+    showSeq: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().list.showSeq;
+      }
+    },
     showRadio: {
       type: Boolean,
       default: function _default() {
@@ -117,6 +137,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     checkboxConfig: Object,
     rowConfig: Object,
     dragConfig: Object,
+    menuConfig: Object,
     virtualYConfig: Object,
     scrollY: Object
   },
@@ -179,6 +200,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         showIcon: true
       }, (0, _ui.getConfig)().list.checkboxConfig, props.checkboxConfig);
     },
+    computeMenuOpts: function computeMenuOpts() {
+      var $xeList = this;
+      var props = $xeList;
+      return Object.assign({}, (0, _ui.getConfig)().list.menuConfig, props.menuConfig);
+    },
     computeWrapperStyles: function computeWrapperStyles() {
       var $xeList = this;
       var rowHeight = $xeList.computeRowHeight;
@@ -287,6 +313,30 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       internalData.selectCheckboxMaps = selectMaps;
       $xeList.updateCheckboxStatus();
     },
+    updateAfterDataIndex: function updateAfterDataIndex() {
+      var $xeList = this;
+      var internalData = $xeList.internalData;
+      var afterList = internalData.afterList,
+        rowMaps = internalData.rowMaps;
+      var keyField = $xeList.computeKeyField;
+      var vtIndex = 0;
+      afterList.forEach(function (item, index) {
+        var roweid = getRowIdByField(item, keyField);
+        var rowRest = rowMaps[roweid];
+        if (rowRest) {
+          rowRest._index = vtIndex;
+        } else {
+          var rest = {
+            item: item,
+            index: index,
+            $index: -1,
+            _index: vtIndex
+          };
+          rowMaps[roweid] = rest;
+        }
+        vtIndex++;
+      });
+    },
     cacheRowMap: function cacheRowMap() {
       var $xeList = this;
       var internalData = $xeList.internalData;
@@ -309,17 +359,21 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var internalData = $xeList.internalData;
       var scrollYStore = internalData.scrollYStore;
       var sYOpts = $xeList.computeSYOpts;
-      var fullData = datas || [];
+      var fullData = datas ? datas.slice(0) : [];
       Object.assign(scrollYStore, {
         startIndex: 0,
         endIndex: 1,
         visibleSize: 0
       });
       internalData.fullData = fullData;
+      internalData.insertRowMaps = {};
+      reactData.insertRowFlag++;
+      internalData.removeRowMaps = {};
+      reactData.removeRowFlag++;
       // 如果gt为0，则总是启用
       reactData.scrollYLoad = !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= fullData.length);
       $xeList.cacheRowMap();
-      $xeList.handleData();
+      $xeList.handleData(true);
       $xeList.updateRadioModeValue();
       $xeList.updateCheckboxModeValue();
       return $xeList.computeScrollLoad().then(function () {
@@ -382,14 +436,37 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       reactData.bodyHeight = scrollYLoad ? fullData.length * scrollYStore.rowHeight : 0;
       reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
     },
-    handleData: function handleData() {
+    updateAfterFullData: function updateAfterFullData() {
+      var $xeList = this;
+      var internalData = $xeList.internalData;
+      var fullData = internalData.fullData;
+      internalData.afterList = fullData.slice(0);
+      $xeList.updateAfterDataIndex();
+    },
+    handleData: function handleData(force) {
       var $xeList = this;
       var reactData = $xeList.reactData;
       var internalData = $xeList.internalData;
       var scrollYLoad = reactData.scrollYLoad;
       var fullData = internalData.fullData,
-        scrollYStore = internalData.scrollYStore;
-      reactData.rowList = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
+        scrollYStore = internalData.scrollYStore,
+        rowMaps = internalData.rowMaps;
+      var keyField = $xeList.computeKeyField;
+      if (force) {
+        // 更新数据，处理筛选和排序
+        $xeList.updateAfterFullData();
+      }
+      var rowList = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
+      if (keyField) {
+        rowList.forEach(function (item, $index) {
+          var rowid = getRowIdByField(item, keyField);
+          var rowRest = rowMaps[rowid];
+          if (rowRest) {
+            rowRest.$index = $index;
+          }
+        });
+      }
+      reactData.rowList = rowList;
       return $xeList.$nextTick();
     },
     updateYData: function updateYData() {
@@ -992,6 +1069,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         checked: isChecked
       }, evnt);
     },
+    handleRowDragEndClearStatus: function handleRowDragEndClearStatus() {
+      var $xeList = this;
+      $xeList.clearRowDragData();
+      $xeList.clearCrossListDragStatus();
+      $xeList.recalculate();
+    },
     clearRowDropOrigin: function clearRowDropOrigin() {
       var $xeList = this;
       var el = $xeList.$refs.refElem;
@@ -1049,7 +1132,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     clearCrossListDragStatus: function clearCrossListDragStatus() {
       var $xeList = this;
       var crossListDragRowInfo = (0, _store.getCrossListDragRowInfo)($xeList);
-      // crossListDragRowObj = null
+      crossListDragRowObj = null;
       crossListDragRowInfo.row = null;
     },
     clearDragStatus: function clearDragStatus() {
@@ -1066,10 +1149,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     handleRowDragMousedownEvent: function handleRowDragMousedownEvent(evnt, params) {
       var $xeList = this;
       var reactData = $xeList.reactData;
+      var crossListDragRowInfo = (0, _store.getCrossListDragRowInfo)($xeList);
       evnt.stopPropagation();
       var row = params.row;
       var dragConfig = $xeList.computeDragOpts;
-      var trigger = dragConfig.trigger,
+      var isCrossListDrag = dragConfig.isCrossListDrag,
+        trigger = dragConfig.trigger,
         dragStartMethod = dragConfig.dragStartMethod;
       var dragEl = evnt.currentTarget;
       var rowEl = trigger === 'row' ? dragEl : dragEl.parentElement.parentElement;
@@ -1080,6 +1165,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $xeList.hideDropTip();
         return;
       }
+      if (isCrossListDrag) {
+        crossListDragRowInfo.row = row;
+        crossListDragRowObj = {
+          $oldList: $xeList,
+          $newList: null
+        };
+      }
       var dragstartEventParams = {
         row: row
       };
@@ -1294,6 +1386,17 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var dragRow = reactData.dragRow;
       var prevDragRow = internalData.prevDragRow,
         prevDragPos = internalData.prevDragPos;
+      var dragConfig = $xeList.computeDragOpts;
+      var isCrossListDrag = dragConfig.isCrossListDrag;
+      // 跨列表拖拽
+      if (isCrossListDrag && crossListDragRowObj) {
+        var _crossListDragRowObj = crossListDragRowObj,
+          $newList = _crossListDragRowObj.$newList;
+        if ($newList && $newList.xID !== $xeList.xID) {
+          $newList.handleCrossListRowDragInsertEvent(evnt);
+          return;
+        }
+      }
       $xeList.handleRowDragSwapEvent(evnt, dragRow, prevDragRow, prevDragPos);
     },
     handleRowDragDragoverEvent: function handleRowDragDragoverEvent(evnt) {
@@ -1392,6 +1495,477 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         row: row
       }, evnt);
     },
+    insertListRow: function insertListRow(newRecords, isAppend) {
+      var $xeList = this;
+      var internalData = $xeList.internalData;
+      var fullData = internalData.fullData,
+        rowMaps = internalData.rowMaps;
+      var keyField = $xeList.computeKeyField;
+      var funcName = isAppend ? 'push' : 'unshift';
+      newRecords.forEach(function (item) {
+        var rowid = getRowIdByField(item, keyField);
+        var rowRest = (0, _util.getItemCacheObj)(item);
+        fullData[funcName](item);
+        rowMaps[rowid] = rowRest;
+      });
+    },
+    handleInsertRowAt: function handleInsertRowAt(records, targetRowOrRowKey, isInsertNextRow) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var fullData = internalData.fullData,
+        rowMaps = internalData.rowMaps,
+        removeRowMaps = internalData.removeRowMaps,
+        insertRowMaps = internalData.insertRowMaps;
+      var keyField = $xeList.computeKeyField;
+      if (!keyField) {
+        errLog('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
+        return Promise.resolve({
+          row: null,
+          rows: []
+        });
+      }
+      if (!_xeUtils.default.isArray(records)) {
+        records = [records];
+      }
+      var targetRow = targetRowOrRowKey;
+      if (_xeUtils.default.isString(targetRowOrRowKey) || _xeUtils.default.isNumber(targetRowOrRowKey)) {
+        var rowRest = rowMaps[targetRowOrRowKey];
+        if (rowRest) {
+          targetRow = rowRest.item;
+        }
+      }
+      if (!records.length) {
+        return Promise.resolve({
+          row: null,
+          rows: []
+        });
+      }
+      var newRecords = records.map(function (record) {
+        return _xeUtils.default.assign({}, record);
+      });
+      if (_xeUtils.default.eqNull(targetRow)) {
+        $xeList.insertListRow(newRecords, false);
+      } else {
+        if (targetRow === -1) {
+          $xeList.insertListRow(newRecords, true);
+        } else {
+          var rowIndex = fullData.findIndex(function (item) {
+            return targetRow[keyField] === item[keyField];
+          });
+          if (rowIndex > -1) {
+            newRecords.forEach(function (item) {
+              var rowid = getRowIdByField(item, keyField);
+              var rowRest = (0, _util.getItemCacheObj)(item);
+              rowMaps[rowid] = rowRest;
+            });
+            var targetIndex = rowIndex;
+            if (isInsertNextRow) {
+              targetIndex = targetIndex + 1;
+            }
+            fullData.splice.apply(fullData, [targetIndex, 0].concat(_toConsumableArray(newRecords)));
+          } else {
+            warnLog('vxe.error.unableInsert');
+            $xeList.insertListRow(newRecords, true);
+          }
+        }
+      }
+      newRecords.forEach(function (newItem) {
+        var rowid = getRowIdByField(newItem, keyField);
+        // 如果是被删除的数据，则还原状态
+        if (removeRowMaps[rowid]) {
+          delete removeRowMaps[rowid];
+          if (insertRowMaps[rowid]) {
+            delete insertRowMaps[rowid];
+          }
+        } else {
+          insertRowMaps[rowid] = newItem;
+        }
+      });
+      reactData.removeRowFlag++;
+      reactData.insertRowFlag++;
+      $xeList.cacheRowMap();
+      $xeList.handleData(true);
+      $xeList.updateAfterDataIndex();
+      $xeList.updateCheckboxStatus();
+      if (reactData.scrollYLoad) {
+        $xeList.updateYSpace();
+      }
+      return $xeList.$nextTick().then(function () {
+        return {
+          row: newRecords.length ? newRecords[newRecords.length - 1] : null,
+          rows: newRecords
+        };
+      });
+    },
+    insert: function insert(records) {
+      var $xeList = this;
+      return $xeList.handleInsertRowAt(records, null);
+    },
+    insertAt: function insertAt(records, targetRowOrRowKey) {
+      var $xeList = this;
+      return $xeList.handleInsertRowAt(records, targetRowOrRowKey);
+    },
+    insertNextAt: function insertNextAt(records, targetRowOrRowKey) {
+      var $xeList = this;
+      return $xeList.handleInsertRowAt(records, targetRowOrRowKey, true);
+    },
+    getInsertRecords: function getInsertRecords() {
+      var $xeList = this;
+      var internalData = $xeList.internalData;
+      var insertRowMaps = internalData.insertRowMaps;
+      var insertRecords = [];
+      _xeUtils.default.each(insertRowMaps, function (item) {
+        insertRecords.push(item);
+      });
+      return insertRecords;
+    },
+    isInsertByRow: function isInsertByRow(row) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var rowid = $xeList.getRowId(row);
+      return !!reactData.insertRowFlag && !!internalData.insertRowMaps[rowid];
+    },
+    remove: function remove(rows) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var fullData = internalData.fullData,
+        insertRowMaps = internalData.insertRowMaps,
+        removeRowMaps = internalData.removeRowMaps;
+      var keyField = $xeList.computeKeyField;
+      if (!keyField) {
+        errLog('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
+        return Promise.resolve({
+          row: null,
+          rows: []
+        });
+      }
+      var delList = [];
+      if (!rows) {
+        rows = fullData;
+      } else if (!_xeUtils.default.isArray(rows)) {
+        rows = [rows];
+      }
+      if (!rows.length) {
+        return Promise.resolve({
+          row: null,
+          rows: []
+        });
+      }
+      // 如果是新增，则保存记录
+      rows.forEach(function (item) {
+        if (!$xeList.isInsertByRow(item)) {
+          var rowid = $xeList.getRowId(item);
+          removeRowMaps[rowid] = item;
+        }
+      });
+      // 从数据源中移除
+      if (fullData === rows) {
+        rows = delList = fullData.slice(0);
+        internalData.fullData = [];
+      } else {
+        rows.forEach(function (item) {
+          var rowid = $xeList.getRowId(item);
+          var rowIndex = _xeUtils.default.findIndexOf(fullData, function (item) {
+            return rowid === $xeList.getRowId(item);
+          });
+          if (rowIndex > -1) {
+            var rItems = fullData.splice(rowIndex, 1);
+            delList.push(rItems[0]);
+          }
+        });
+      }
+      // 从新增中移除已删除的数据
+      rows.forEach(function (item) {
+        var rowid = $xeList.getRowId(item);
+        if (insertRowMaps[rowid]) {
+          delete insertRowMaps[rowid];
+        }
+      });
+      reactData.removeRowFlag++;
+      reactData.insertRowFlag++;
+      $xeList.cacheRowMap();
+      $xeList.handleData(true);
+      $xeList.updateAfterDataIndex();
+      $xeList.updateCheckboxStatus();
+      if (reactData.scrollYLoad) {
+        $xeList.updateYSpace();
+      }
+      return $xeList.$nextTick().then(function () {
+        return $xeList.recalculate();
+      }).then(function () {
+        return {
+          row: delList.length ? delList[delList.length - 1] : null,
+          rows: delList
+        };
+      });
+    },
+    getRemoveRecords: function getRemoveRecords() {
+      var $xeList = this;
+      var internalData = $xeList.internalData;
+      var removeRowMaps = internalData.removeRowMaps;
+      var removeRecords = [];
+      _xeUtils.default.each(removeRowMaps, function (item) {
+        removeRecords.push(item);
+      });
+      return removeRecords;
+    },
+    isRemoveByRow: function isRemoveByRow(row) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var rowid = $xeList.getRowId(row);
+      return !!reactData.removeRowFlag && !!internalData.removeRowMaps[rowid];
+    },
+    handleCrossListRowDragCancelEvent: function handleCrossListRowDragCancelEvent() {
+      var $xeList = this;
+      $xeList.clearRowDragData();
+      $xeList.clearCrossListDragStatus();
+    },
+    /**
+       * 处理跨树拖拽完成
+       */
+    handleCrossListRowDragFinishEvent: function handleCrossListRowDragFinishEvent(evnt) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var crossListDragRowInfo = (0, _store.getCrossListDragRowInfo)($xeList);
+      var rowList = reactData.rowList;
+      var rowMaps = internalData.rowMaps;
+      var dragOpts = $xeList.computeDragOpts;
+      var animation = dragOpts.animation,
+        isCrossListDrag = dragOpts.isCrossListDrag;
+      var el = $xeList.$refs.refElem;
+      if (!el) {
+        return;
+      }
+      if (isCrossListDrag && crossListDragRowObj && crossListDragRowInfo) {
+        var dragRow = crossListDragRowInfo.row;
+        if (dragRow) {
+          var dragRowid = $xeList.getRowId(dragRow);
+          var dragRowRest = rowMaps[dragRowid];
+          var dragRowHeight = 0;
+          var rsIndex = -1;
+          if (dragRowRest) {
+            if (animation) {
+              var oldItemEl = el.querySelector(".vxe-list--row[rowid=\"".concat(dragRowid, "\"]"));
+              var targetItemEl = oldItemEl;
+              if (targetItemEl) {
+                dragRowHeight = targetItemEl.offsetHeight;
+              }
+            }
+            rsIndex = dragRowRest.$index;
+          }
+          var dragRangeList = rsIndex > -1 && rsIndex < rowList.length - 1 ? rowList.slice(rsIndex + 1) : [];
+          var dragList = [dragRow];
+          $xeList.remove(dragList).then(function () {
+            if (animation && dragRowHeight && dragRangeList.length) {
+              var wrapperEl = el;
+              var dtClss = [];
+              dragRangeList.forEach(function (item) {
+                var rowid = $xeList.getRowId(item);
+                dtClss.push(".vxe-list--row[rowid=\"".concat(rowid, "\"]"));
+              });
+              var dtTrList = wrapperEl.querySelectorAll(dtClss.join(','));
+              (0, _anime.moveRowAnimateToTb)(dtTrList, dragRowHeight);
+            }
+          });
+          $xeList.dispatchEvent('row-remove-dragend', {
+            row: dragRow
+          }, evnt);
+          $xeList.handleRowDragEndClearStatus();
+        }
+      }
+    },
+    /**
+       * 处理跨树拖至新的空树
+       */
+    handleCrossListRowDragoverEmptyEvent: function handleCrossListRowDragoverEmptyEvent(evnt) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var rowList = reactData.rowList;
+      var dragOpts = $xeList.computeDragOpts;
+      var isCrossListDrag = dragOpts.isCrossListDrag;
+      if (isCrossListDrag && crossListDragRowObj && !rowList.length) {
+        var _crossListDragRowObj2 = crossListDragRowObj,
+          $oldList = _crossListDragRowObj2.$oldList,
+          $newList = _crossListDragRowObj2.$newList;
+        if ($oldList) {
+          var oldListReactData = $oldList;
+          if ($oldList.xID !== $xeList.xID) {
+            if ($newList && $newList.xID !== $xeList.xID) {
+              $newList.hideCrossListRowDropClearStatus();
+            }
+            evnt.preventDefault();
+            $oldList.hideCrossListRowDropClearStatus();
+            crossListDragRowObj.$newList = $xeList;
+            internalData.prevDragRow = null;
+            reactData.dragTipText = oldListReactData.dragTipText;
+            $xeList.showDropTip(evnt, evnt.currentTarget, true, '');
+          }
+        }
+      }
+    },
+    /**
+       * 处理跨树拖插入
+       */
+    handleCrossListRowDragInsertEvent: function handleCrossListRowDragInsertEvent(evnt) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var crossListDragRowInfo = (0, _store.getCrossListDragRowInfo)($xeList);
+      var prevDragRow = internalData.prevDragRow,
+        prevDragPos = internalData.prevDragPos;
+      var dragOpts = $xeList.computeDragOpts;
+      var animation = dragOpts.animation,
+        isCrossListDrag = dragOpts.isCrossListDrag,
+        dragEndMethod = dragOpts.dragEndMethod;
+      // 跨表拖拽
+      if (isCrossListDrag && crossListDragRowObj && crossListDragRowInfo) {
+        var oldRow = crossListDragRowInfo.row;
+        var _crossListDragRowObj3 = crossListDragRowObj,
+          $oldList = _crossListDragRowObj3.$oldList;
+        var el = $xeList.$refs.refElem;
+        if (!el) {
+          return;
+        }
+        if ($oldList && oldRow) {
+          var dragRow = oldRow;
+          var dragOffsetIndex = -1;
+          if (prevDragRow) {
+            dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
+          }
+          var dragParams = {
+            oldRow: dragRow,
+            newRow: prevDragRow,
+            dragRow: dragRow,
+            dragPos: prevDragPos,
+            offsetIndex: dragOffsetIndex
+          };
+          var errRest = {
+            status: false
+          };
+          Promise.resolve(dragEndMethod ? dragEndMethod(dragParams) : true).then(function (status) {
+            if (!status) {
+              if ($oldList) {
+                if ($oldList.xID !== $xeList.xID) {
+                  $oldList.handleCrossListRowDragCancelEvent(evnt);
+                }
+              }
+              $xeList.handleRowDragEndClearStatus();
+              return errRest;
+            }
+            var insertRest = Promise.resolve();
+            var dragList = [dragRow];
+            $oldList.handleCrossListRowDragFinishEvent(evnt);
+            if (prevDragRow) {
+              if (prevDragPos === 'bottom') {
+                insertRest = $xeList.insertNextAt(dragList, prevDragRow);
+              } else {
+                insertRest = $xeList.insertAt(dragList, prevDragRow);
+              }
+            } else {
+              insertRest = $xeList.insert(dragList);
+            }
+            $xeList.dispatchEvent('row-insert-dragend', {
+              oldRow: oldRow,
+              newRow: prevDragRow,
+              dragRow: dragRow,
+              dragPos: prevDragPos,
+              offsetIndex: dragOffsetIndex
+            }, evnt);
+            $xeList.clearRowDragData();
+            insertRest.then(function () {
+              var rowList = reactData.rowList;
+              var rowMaps = internalData.rowMaps;
+              var oldRowid = $xeList.getRowId(dragRow);
+              var oldRowRest = rowMaps[oldRowid];
+              var dragRowHeight = 0;
+              var rsIndex = -1;
+              if (oldRowRest) {
+                if (animation) {
+                  var oldItemEl = el.querySelector(".vxe-list--row[rowid=\"".concat(oldRowid, "\"]"));
+                  var targetItemEl = oldItemEl;
+                  if (targetItemEl) {
+                    dragRowHeight = targetItemEl.offsetHeight;
+                  }
+                }
+                rsIndex = oldRowRest.$index;
+              }
+              var dragRangeList = rsIndex > -1 ? rowList.slice(rsIndex) : [];
+              if (animation && dragRowHeight && dragRangeList.length) {
+                var wrapperEl = el;
+                var dtClss = [];
+                dragRangeList.forEach(function (item) {
+                  var rowid = $xeList.getRowId(item);
+                  dtClss.push(".vxe-list--row[rowid=\"".concat(rowid, "\"]"));
+                });
+                var dtTrList = wrapperEl.querySelectorAll(dtClss.join(','));
+                (0, _anime.moveRowAnimateToTb)(dtTrList, -dragRowHeight);
+              }
+            });
+          });
+        }
+      }
+    },
+    hideCrossListRowDropClearStatus: function hideCrossListRowDropClearStatus() {
+      var $xeList = this;
+      $xeList.hideDropTip();
+    },
+    handleContextmenuEvent: function handleContextmenuEvent(evnt, row) {
+      var $xeList = this;
+      var props = $xeList;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var menuConfig = props.menuConfig;
+      var menuOpts = $xeList.computeMenuOpts;
+      var rowOpts = $xeList.computeRowOpts;
+      var isCurrent = rowOpts.isCurrent;
+      if (menuConfig ? (0, _utils.isEnableConf)(menuOpts) : menuOpts.enabled) {
+        var options = menuOpts.options,
+          visibleMethod = menuOpts.visibleMethod;
+        if (!visibleMethod || visibleMethod({
+          $list: $xeList,
+          options: options,
+          row: row
+        })) {
+          if (isCurrent) {
+            $xeList.changeCurrentEvent(evnt, row);
+          } else if (internalData.currentRow) {
+            internalData.currentRow = null;
+            reactData.currRowFlag++;
+          }
+          if (_ui.VxeUI.contextMenu) {
+            _ui.VxeUI.contextMenu.openByEvent(evnt, {
+              options: options,
+              events: {
+                optionClick: function optionClick(eventParams) {
+                  var option = eventParams.option;
+                  var gMenuOpts = _ui.menus.get(option.code);
+                  var tmMethod = gMenuOpts ? gMenuOpts.listMenuMethod : null;
+                  var params = {
+                    menu: option,
+                    row: row,
+                    $event: evnt,
+                    $list: $xeList
+                  };
+                  if (tmMethod) {
+                    tmMethod(params, evnt);
+                  }
+                  $xeList.dispatchEvent('menu-click', params, eventParams.$event);
+                }
+              }
+            });
+          }
+        }
+      }
+      $xeList.dispatchEvent('row-menu', {
+        row: row
+      }, evnt);
+    },
     //
     // Render
     //
@@ -1514,6 +2088,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var selectCheckboxMaps = internalData.selectCheckboxMaps,
         currentRow = internalData.currentRow;
       var contentSlot = slots.content;
+      var extraSlot = slots.extra;
       var dragOpts = $xeList.computeDragOpts;
       var trigger = dragOpts.trigger,
         icon = dragOpts.icon,
@@ -1575,6 +2150,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         key: 'ct5',
         class: 'vxe-list--row-content'
       }, contentSlot ? contentSlot(rowParams) : contentField ? (0, _utils.getText)(row[contentField]) : ''));
+      if (extraSlot) {
+        ctVNs.push(h('div', {
+          key: 'ct7',
+          class: 'vxe-list--row-extra'
+        }, extraSlot(rowParams)));
+      }
       var rowOns = {
         mousedown: function mousedown(evnt) {
           $xeList.handleRowMousedownEvent(evnt, row);
@@ -1585,6 +2166,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         },
         dblclick: function dblclick(evnt) {
           $xeList.handleRowDblclickEvent(evnt, row);
+        },
+        contextmenu: function contextmenu(evnt) {
+          $xeList.handleContextmenuEvent(evnt, row);
         }
       };
       // 拖拽行事件
@@ -1629,16 +2213,22 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var radioOpts = $xeList.computeRadioOpts;
       var checkboxOpts = $xeList.computeCheckboxOpts;
       var dragOpts = $xeList.computeDragOpts;
-      var trigger = dragOpts.trigger;
+      var trigger = dragOpts.trigger,
+        isCrossListDrag = dragOpts.isCrossListDrag;
       var rowOpts = $xeList.computeRowOpts;
       var isHover = rowOpts.isHover,
         padding = rowOpts.padding;
       var showDefChekboxHead = showCheckbox && checkboxOpts.showHeader !== false;
+      var leOns = {};
+      if (isCrossListDrag && !rowList.length) {
+        leOns.dragover = $xeList.handleCrossListRowDragoverEmptyEvent;
+      }
       return h('div', {
         ref: 'refElem',
         class: ['vxe-list', className ? _xeUtils.default.isFunction(className) ? className({
           $list: $xeList
         }) : className : '', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--loading', loading)],
+        on: leOns,
         style: wrapperStyles
       }, [headerSlot || showDefChekboxHead ? h('div', {
         ref: 'refHeaderElem',
@@ -1759,13 +2349,17 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var $xeList = this;
     var props = $xeList;
     var internalData = $xeList.internalData;
-    var showRadio = props.showRadio,
+    var showSeq = props.showSeq,
+      showRadio = props.showRadio,
       showCheckbox = props.showCheckbox;
     var rowOpts = $xeList.computeRowOpts;
     var useKey = rowOpts.useKey,
       keyField = rowOpts.keyField;
     var isDrag = $xeList.computeIsDrag;
     if (!keyField) {
+      if (showSeq) {
+        errLog('vxe.error.reqSupportProp', ['show-seq', 'row-config.keyField']);
+      }
       if (showRadio) {
         errLog('vxe.error.reqSupportProp', ['show-radio', 'row-config.keyField']);
       }