vxe-pc-ui 3.15.25 → 3.15.26

package/lib/index.umd.js

@@ -5711,6 +5711,36 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
 });
 
 
+/***/ }),
+
+/***/ 8980:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var $findIndex = (__webpack_require__(9213).findIndex);
+var addToUnscopables = __webpack_require__(6469);
+
+var FIND_INDEX = 'findIndex';
+var SKIPS_HOLES = true;
+
+// Shouldn't skip holes
+// eslint-disable-next-line es/no-array-prototype-findindex -- testing
+if (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });
+
+// `Array.prototype.findIndex` method
+// https://tc39.es/ecma262/#sec-array.prototype.findindex
+$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+  findIndex: function findIndex(callbackfn /* , that = undefined */) {
+    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables(FIND_INDEX);
+
+
 /***/ }),
 
 /***/ 113:
@@ -13226,7 +13256,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.15.25");
+var uiVersion = "ui v".concat("3.15.26");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13244,7 +13274,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.15.25";
+var ui_version = "3.15.26";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13467,6 +13497,9 @@ setConfig({
   listView: {},
   list: {
     // size: null,
+    rowConfig: {
+      contentField: 'label'
+    },
     dragConfig: {
       showIcon: true,
       animation: true,
@@ -21330,6 +21363,8 @@ function enNodeValue(nodeid) {
 function deNodeValue(nodeid) {
   return nodeid ? decodeURIComponent("".concat(nodeid)) : nodeid;
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
+var es_array_find_index = __webpack_require__(8980);
 ;// ./packages/list/src/store.ts
 // 跨表拖拽
 var crossListDragRowGlobal = {
@@ -21403,6 +21438,15 @@ function clearColAnimate(elem, clss) {
     }
   }, 500);
 }
+;// ./packages/list/src/util.ts
+function getItemCacheObj(item) {
+  return {
+    item: item,
+    index: -1,
+    $index: -1,
+    _index: -1
+  };
+}
 ;// ./packages/list/src/list.ts
 
 
@@ -21431,12 +21475,17 @@ function clearColAnimate(elem, clss) {
 
 
 
+
+
+
 
 
 
 
 var list_createComponentLog = createComponentLog('tree'),
+  list_warnLog = list_createComponentLog.warnLog,
   list_errLog = list_createComponentLog.errLog;
+var crossListDragRowObj = null;
 function eqRowKey(rowKey1, rowKey2) {
   return '' + rowKey1 === '' + rowKey2;
 }
@@ -21466,15 +21515,20 @@ function list_createReactData() {
     updateCheckboxFlag: 1,
     isAllChecked: false,
     isAllIndeterminate: false,
+    insertRowFlag: 1,
+    removeRowFlag: 1,
     dragRow: null,
-    dragTipText: ''
+    dragTipText: '',
+    isCrossDragRow: false
   };
 }
 function list_createInternalData() {
   return {
     resizeObserver: undefined,
     fullData: [],
+    afterList: [],
     fullKeyMaps: {},
+    rowMaps: {},
     lastScrollLeft: 0,
     lastScrollTop: 0,
     scrollYStore: {
@@ -21485,7 +21539,9 @@ function list_createInternalData() {
       rowHeight: 0
     },
     currentRow: null,
-    selectCheckboxMaps: {}
+    selectCheckboxMaps: {},
+    insertRowMaps: {},
+    removeRowMaps: {}
     // prevDragRow: null,
     // prevDragPos: ''
   };
@@ -21512,6 +21568,12 @@ function list_createInternalData() {
       }
     },
     syncResize: [Boolean, String, Number],
+    showSeq: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().list.showSeq;
+      }
+    },
     showRadio: {
       type: Boolean,
       default: function _default() {
@@ -21530,6 +21592,7 @@ function list_createInternalData() {
     checkboxConfig: Object,
     rowConfig: Object,
     dragConfig: Object,
+    menuConfig: Object,
     virtualYConfig: Object,
     scrollY: Object
   },
@@ -21592,6 +21655,11 @@ function list_createInternalData() {
         showIcon: true
       }, getConfig().list.checkboxConfig, props.checkboxConfig);
     },
+    computeMenuOpts: function computeMenuOpts() {
+      var $xeList = this;
+      var props = $xeList;
+      return Object.assign({}, getConfig().list.menuConfig, props.menuConfig);
+    },
     computeWrapperStyles: function computeWrapperStyles() {
       var $xeList = this;
       var rowHeight = $xeList.computeRowHeight;
@@ -21700,6 +21768,30 @@ function list_createInternalData() {
       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;
@@ -21722,17 +21814,21 @@ function list_createInternalData() {
       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 () {
@@ -21795,14 +21891,37 @@ function list_createInternalData() {
       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() {
@@ -22405,6 +22524,12 @@ function list_createInternalData() {
         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;
@@ -22462,7 +22587,7 @@ function list_createInternalData() {
     clearCrossListDragStatus: function clearCrossListDragStatus() {
       var $xeList = this;
       var crossListDragRowInfo = getCrossListDragRowInfo($xeList);
-      // crossListDragRowObj = null
+      crossListDragRowObj = null;
       crossListDragRowInfo.row = null;
     },
     clearDragStatus: function clearDragStatus() {
@@ -22479,10 +22604,12 @@ function list_createInternalData() {
     handleRowDragMousedownEvent: function handleRowDragMousedownEvent(evnt, params) {
       var $xeList = this;
       var reactData = $xeList.reactData;
+      var crossListDragRowInfo = 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;
@@ -22493,6 +22620,13 @@ function list_createInternalData() {
         $xeList.hideDropTip();
         return;
       }
+      if (isCrossListDrag) {
+        crossListDragRowInfo.row = row;
+        crossListDragRowObj = {
+          $oldList: $xeList,
+          $newList: null
+        };
+      }
       var dragstartEventParams = {
         row: row
       };
@@ -22707,6 +22841,17 @@ function list_createInternalData() {
       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) {
@@ -22805,6 +22950,477 @@ function list_createInternalData() {
         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 = 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) {
+        list_errLog('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
+        return Promise.resolve({
+          row: null,
+          rows: []
+        });
+      }
+      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(records)) {
+        records = [records];
+      }
+      var targetRow = targetRowOrRowKey;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(targetRowOrRowKey) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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 external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign({}, record);
+      });
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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 = getItemCacheObj(item);
+              rowMaps[rowid] = rowRest;
+            });
+            var targetIndex = rowIndex;
+            if (isInsertNextRow) {
+              targetIndex = targetIndex + 1;
+            }
+            fullData.splice.apply(fullData, [targetIndex, 0].concat(_toConsumableArray(newRecords)));
+          } else {
+            list_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 = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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) {
+        list_errLog('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
+        return Promise.resolve({
+          row: null,
+          rows: []
+        });
+      }
+      var delList = [];
+      if (!rows) {
+        rows = fullData;
+      } else if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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 = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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 = 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(','));
+              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 = 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(','));
+                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 ? 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 (VxeUI.contextMenu) {
+            VxeUI.contextMenu.openByEvent(evnt, {
+              options: options,
+              events: {
+                optionClick: function optionClick(eventParams) {
+                  var option = eventParams.option;
+                  var gMenuOpts = 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
     //
@@ -22927,6 +23543,7 @@ function list_createInternalData() {
       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,
@@ -22988,6 +23605,12 @@ function list_createInternalData() {
         key: 'ct5',
         class: 'vxe-list--row-content'
       }, contentSlot ? contentSlot(rowParams) : contentField ? 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);
@@ -22998,6 +23621,9 @@ function list_createInternalData() {
         },
         dblclick: function dblclick(evnt) {
           $xeList.handleRowDblclickEvent(evnt, row);
+        },
+        contextmenu: function contextmenu(evnt) {
+          $xeList.handleContextmenuEvent(evnt, row);
         }
       };
       // 拖拽行事件
@@ -23042,16 +23668,22 @@ function list_createInternalData() {
       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 ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_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',
@@ -23172,13 +23804,17 @@ function list_createInternalData() {
     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) {
+        list_errLog('vxe.error.reqSupportProp', ['show-seq', 'row-config.keyField']);
+      }
       if (showRadio) {
         list_errLog('vxe.error.reqSupportProp', ['show-radio', 'row-config.keyField']);
       }
@@ -61257,7 +61893,7 @@ function calcTreeLine($xeTree, node, prevNode) {
   }
   return (rowHeight || 28) * expandSize - (prevNode ? 1 : 12);
 }
-function getItemCacheObj(item) {
+function util_getItemCacheObj(item) {
   return {
     item: item,
     index: -1,
@@ -61787,7 +62423,7 @@ function insertTreeNode($xeTree, newRecords, isAppend) {
     }, {
       children: mapChildrenField
     }) : null;
-    var itemRest = getItemCacheObj(item);
+    var itemRest = util_getItemCacheObj(item);
     if (matchObj) {
       var parentItem = matchObj.item;
       var parentRest = nodeMaps[$xeTree.getNodeId(parentItem)];
@@ -63024,7 +63660,7 @@ function tree_createReactData() {
             });
             external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(treeRecords, function (item) {
               var nodeid = $xeTree.getNodeId(item);
-              var nodeRest = getItemCacheObj(item);
+              var nodeRest = util_getItemCacheObj(item);
               nodeRest.level = parentLevel;
               if (item[childrenField]) {
                 item[mapChildrenField] = item[childrenField];