vxe-pc-ui 4.15.11 → 4.15.13

package/lib/index.umd.js

@@ -2914,6 +2914,7 @@ __webpack_require__.d(__webpack_exports__, {
   Switch: function() { return /* reexport */ Switch; },
   TabPane: function() { return /* reexport */ TabPane; },
   TableSelect: function() { return /* reexport */ TableSelect; },
+  TableTransfer: function() { return /* reexport */ TableTransfer; },
   Tabs: function() { return /* reexport */ Tabs; },
   Tag: function() { return /* reexport */ Tag; },
   Text: function() { return /* reexport */ Text; },
@@ -2925,6 +2926,7 @@ __webpack_require__.d(__webpack_exports__, {
   Tips: function() { return /* reexport */ Tips; },
   Tooltip: function() { return /* reexport */ Tooltip; },
   Tour: function() { return /* reexport */ Tour; },
+  Transfer: function() { return /* reexport */ Transfer; },
   Tree: function() { return /* reexport */ Tree; },
   TreeSelect: function() { return /* reexport */ TreeSelect; },
   Upload: function() { return /* reexport */ Upload; },
@@ -3004,6 +3006,7 @@ __webpack_require__.d(__webpack_exports__, {
   VxeSwitch: function() { return /* reexport */ VxeSwitch; },
   VxeTabPane: function() { return /* reexport */ VxeTabPane; },
   VxeTableSelect: function() { return /* reexport */ VxeTableSelect; },
+  VxeTableTransfer: function() { return /* reexport */ VxeTableTransfer; },
   VxeTabs: function() { return /* reexport */ VxeTabs; },
   VxeTag: function() { return /* reexport */ VxeTag; },
   VxeText: function() { return /* reexport */ VxeText; },
@@ -3014,6 +3017,7 @@ __webpack_require__.d(__webpack_exports__, {
   VxeTip: function() { return /* reexport */ VxeTip; },
   VxeTooltip: function() { return /* reexport */ VxeTooltip; },
   VxeTour: function() { return /* reexport */ VxeTour; },
+  VxeTransfer: function() { return /* reexport */ VxeTransfer; },
   VxeTree: function() { return /* reexport */ VxeTree; },
   VxeTreeSelect: function() { return /* reexport */ VxeTreeSelect; },
   VxeUI: function() { return /* reexport */ VxeUI; },
@@ -3158,6 +3162,7 @@ __webpack_require__.d(components_namespaceObject, {
   Switch: function() { return Switch; },
   TabPane: function() { return TabPane; },
   TableSelect: function() { return TableSelect; },
+  TableTransfer: function() { return TableTransfer; },
   Tabs: function() { return Tabs; },
   Tag: function() { return Tag; },
   Text: function() { return Text; },
@@ -3169,6 +3174,7 @@ __webpack_require__.d(components_namespaceObject, {
   Tips: function() { return Tips; },
   Tooltip: function() { return Tooltip; },
   Tour: function() { return Tour; },
+  Transfer: function() { return Transfer; },
   Tree: function() { return Tree; },
   TreeSelect: function() { return TreeSelect; },
   Upload: function() { return Upload; },
@@ -3248,6 +3254,7 @@ __webpack_require__.d(components_namespaceObject, {
   VxeSwitch: function() { return VxeSwitch; },
   VxeTabPane: function() { return VxeTabPane; },
   VxeTableSelect: function() { return VxeTableSelect; },
+  VxeTableTransfer: function() { return VxeTableTransfer; },
   VxeTabs: function() { return VxeTabs; },
   VxeTag: function() { return VxeTag; },
   VxeText: function() { return VxeText; },
@@ -3258,6 +3265,7 @@ __webpack_require__.d(components_namespaceObject, {
   VxeTip: function() { return VxeTip; },
   VxeTooltip: function() { return VxeTooltip; },
   VxeTour: function() { return VxeTour; },
+  VxeTransfer: function() { return VxeTransfer; },
   VxeTree: function() { return VxeTree; },
   VxeTreeSelect: function() { return VxeTreeSelect; },
   VxeUI: function() { return VxeUI; },
@@ -4649,7 +4657,7 @@ function checkDynamic() {
 const {
   log: log_log
 } = VxeUI;
-const uiVersion = `ui v${"4.15.11"}`;
+const uiVersion = `ui v${"4.15.13"}`;
 function createComponentLog(name) {
   const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
   const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4667,7 +4675,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.15.11";
+const ui_version = "4.15.13";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4887,6 +4895,12 @@ setConfig({
   listView: {},
   list: {
     // size: null,
+    dragConfig: {
+      showIcon: true,
+      animation: true,
+      showGuidesStatus: true,
+      showDragTip: true
+    },
     virtualYConfig: {
       enabled: true,
       gt: 100
@@ -5042,6 +5056,7 @@ setConfig({
       }
     }
   },
+  tableTransfer: {},
   tabs: {
     // destroyOnClose: false
   },
@@ -5069,6 +5084,7 @@ setConfig({
     leaveDelay: 300,
     isArrow: true
   },
+  transfer: {},
   tree: {
     // autoResize: false,
     indent: 20,
@@ -5330,7 +5346,11 @@ setIcon({
   // cascader
   CASCADER_NODE_OPEN: iconPrefix + 'arrow-right',
   CASCADER_NODE_CLOSE: iconPrefix + 'arrow-right',
-  CASCADER_NODE_LOADED: iconPrefix + 'spinner roll'
+  CASCADER_NODE_LOADED: iconPrefix + 'spinner roll',
+  // list
+  LIST_DRAG: iconPrefix + 'drag-handle',
+  LIST_DRAG_STATUS_NODE: iconPrefix + 'sort',
+  LIST_DRAG_DISABLED: iconPrefix + 'no-drop'
 });
 
 /* harmony default export */ var ui = ((/* unused pure expression or super */ null && (ui_VxeUI)));
@@ -5450,6 +5470,10 @@ setIcon({
       overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
       searchEmpty: '未匹配到数据！'
     },
+    list: {
+      allChecked: '全选',
+      dragTip: '移动：{0}'
+    },
     tree: {
       searchEmpty: '未匹配到数据！',
       dragTip: '移动：{0}'
@@ -7176,6 +7200,12 @@ function getFuncText(content, args) {
   const translate = getConfig().translate;
   return `${translate ? translate('' + content, args) : content}`;
 }
+function getText(content) {
+  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(content)) {
+    return '';
+  }
+  return '' + content;
+}
 /**
  * 判断值为：'' | null | undefined 时都属于空值
  */
@@ -7185,6 +7215,12 @@ function eqEmptyValue(cellValue) {
 function handleBooleanDefaultValue(value) {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(value) ? value : null;
 }
+function enModelValue(nodeid) {
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(nodeid) ? '' : encodeURIComponent(`${nodeid}`);
+}
+function deModelValue(nodeid) {
+  return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
 var es_iterator_filter = __webpack_require__(2489);
 ;// ./packages/tooltip/src/tooltip.ts
@@ -11932,6 +11968,67 @@ function enNodeValue(nodeid) {
 function deNodeValue(nodeid) {
   return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
 }
+;// ./packages/list/src/store.ts
+
+// 跨列表拖拽
+const crossListDragRowInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
+  row: null
+});
+function getCrossListDragRowInfo() {
+  return crossListDragRowInfo;
+}
+;// ./packages/ui/src/anime.ts
+/* unused harmony import specifier */ var anime_XEUtils;
+/* unused harmony import specifier */ var anime_addClass;
+/* unused harmony import specifier */ var anime_removeClass;
+
+
+
+
+const rowMoveCls = 'row--drag-move';
+const colMoveClass = 'col--drag-move';
+/**
+ * 上下拖拽
+ */
+function moveRowAnimateToTb(elemList, offsetTop) {
+  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(elemList, trEl => {
+    trEl.style.transform = `translateY(${offsetTop}px)`;
+  });
+  requestAnimationFrame(() => {
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(elemList, trEl => {
+      addClass(trEl, rowMoveCls);
+      trEl.style.transform = '';
+    });
+  });
+}
+function clearRowAnimate(elem, clss) {
+  setTimeout(() => {
+    if (elem) {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, rowMoveCls));
+    }
+  }, 500);
+}
+/**
+ * 左右拖拽
+ */
+function moveColAnimateToLr(elemList, offsetLeft) {
+  anime_XEUtils.arrayEach(elemList, trEl => {
+    trEl.style.transform = `translateX(${offsetLeft}px)`;
+  });
+  requestAnimationFrame(() => {
+    anime_XEUtils.arrayEach(elemList, trEl => {
+      anime_addClass(trEl, colMoveClass);
+      trEl.style.transform = '';
+    });
+  });
+}
+function clearColAnimate(elem, clss) {
+  setTimeout(() => {
+    if (elem) {
+      anime_XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => anime_removeClass(elem, colMoveClass));
+    }
+  }, 500);
+}
 ;// ./packages/list/src/list.ts
 
 
@@ -11939,21 +12036,53 @@ function deNodeValue(nodeid) {
 
 
 
+
+
+
+
+
+
+
+
+
+const {
+  errLog: list_errLog
+} = createComponentLog('tree');
+function getRowKeyByField(row, keyField) {
+  return row ? '' + (row[keyField] || '') : '';
+}
+function getRowIdByField(row, keyField) {
+  if (!row) {
+    return '';
+  }
+  const rowKey = getRowKeyByField(row, keyField);
+  return enModelValue(rowKey);
+}
 function list_createReactData() {
   return {
     scrollYLoad: false,
     bodyHeight: 0,
+    headHeight: 0,
+    footHeight: 0,
     customHeight: 0,
     customMaxHeight: 0,
     parentHeight: 0,
     topSpaceHeight: 0,
-    items: []
+    rowList: [],
+    selectRadioRow: null,
+    currRowFlag: 1,
+    updateCheckboxFlag: 1,
+    isAllChecked: false,
+    isAllIndeterminate: false,
+    dragRow: null,
+    dragTipText: ''
   };
 }
 function list_createInternalData() {
   return {
     resizeObserver: undefined,
     fullData: [],
+    fullKeyMaps: {},
     lastScrollLeft: 0,
     lastScrollTop: 0,
     scrollYStore: {
@@ -11962,7 +12091,11 @@ function list_createInternalData() {
       visibleSize: 0,
       offsetSize: 0,
       rowHeight: 0
-    }
+    },
+    currentRow: null,
+    selectCheckboxMaps: {}
+    // prevDragRow: null,
+    // prevDragPos: ''
   };
 }
 /* harmony default export */ var list = (defineVxeComponent({
@@ -11982,10 +12115,24 @@ function list_createInternalData() {
       default: () => getConfig().list.autoResize
     },
     syncResize: [Boolean, String, Number],
+    showRadio: {
+      type: Boolean,
+      default: () => getConfig().list.showRadio
+    },
+    checkRowKey: [String, Number],
+    radioConfig: Object,
+    showCheckbox: {
+      type: Boolean,
+      default: () => getConfig().list.showCheckbox
+    },
+    checkRowKeys: Array,
+    checkboxConfig: Object,
+    rowConfig: Object,
+    dragConfig: Object,
     virtualYConfig: Object,
     scrollY: Object
   },
-  emits: ['scroll'],
+  emits: ['update:checkRowKey', 'update:checkRowKeys', 'row-click', 'row-dblclick', 'current-change', 'radio-change', 'checkbox-change', 'checkbox-all', 'scroll', 'row-dragstart', 'row-dragover', 'row-dragend'],
   setup(props, context) {
     const {
       slots,
@@ -11998,9 +12145,14 @@ function list_createInternalData() {
     } = useSize(props);
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(list_createReactData());
     const internalData = list_createInternalData();
+    const crossListDragRowInfo = getCrossListDragRowInfo();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refHeaderElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refFooterElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refVirtualWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refVirtualBody = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refDragRowLineElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refDragTipElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refMaps = {
       refElem
     };
@@ -12012,24 +12164,71 @@ function list_createInternalData() {
       internalData,
       getRefMaps: () => refMaps
     };
+    const computeRowOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().list.rowConfig, props.rowConfig);
+    });
+    const computeDragOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().list.dragConfig, props.dragConfig);
+    });
     const computeSYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().list.virtualYConfig || getConfig().list.scrollY, props.virtualYConfig || props.scrollY);
     });
-    const computeStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computeKeyField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const rowOpts = computeRowOpts.value;
+      const {
+        keyField
+      } = rowOpts;
+      return keyField || '';
+    });
+    const computeIsDrag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        dragConfig
+      } = props;
+      const dragOpts = computeDragOpts.value;
+      return dragConfig && isEnableConf(dragOpts);
+    });
+    const computeRowHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const rowOpts = computeRowOpts.value;
+      const {
+        height
+      } = rowOpts;
+      return height;
+    });
+    const computeRadioOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({
+        showIcon: true
+      }, getConfig().list.radioConfig, props.radioConfig);
+    });
+    const computeCheckboxOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({
+        showIcon: true
+      }, getConfig().list.checkboxConfig, props.checkboxConfig);
+    });
+    const computeWrapperStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const rowHeight = computeRowHeight.value;
+      const style = {};
+      if (rowHeight) {
+        style['--vxe-ui-list-row-height'] = toCssUnit(rowHeight);
+      }
+      return style;
+    });
+    const computeVirtualStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         height,
         maxHeight
       } = props;
       const {
         customHeight,
-        customMaxHeight
+        customMaxHeight,
+        headHeight,
+        footHeight
       } = reactData;
       const style = {};
       if (height) {
-        style.height = `${customHeight}px`;
+        style.height = toCssUnit(Math.max(20, customHeight - headHeight - footHeight));
       } else if (maxHeight) {
         style.height = 'auto';
-        style.maxHeight = `${customMaxHeight}px`;
+        style.maxHeight = toCssUnit(Math.max(20, customMaxHeight - headHeight - footHeight));
       }
       return style;
     });
@@ -12038,6 +12237,16 @@ function list_createInternalData() {
         $list: $xeList
       }, params));
     };
+    const emitCheckboxMode = value => {
+      emit('update:checkRowKeys', value);
+    };
+    const emitRadioMode = value => {
+      emit('update:checkRowKey', value);
+    };
+    const getRowId = row => {
+      const keyField = computeKeyField.value;
+      return getRowIdByField(row, keyField);
+    };
     const calcTableHeight = key => {
       const {
         parentHeight
@@ -12059,6 +12268,10 @@ function list_createInternalData() {
       return num;
     };
     const updateHeight = () => {
+      const headEl = refHeaderElem.value;
+      const footEl = refFooterElem.value;
+      reactData.headHeight = headEl ? Math.floor(headEl.offsetHeight) : 0;
+      reactData.footHeight = footEl ? Math.floor(footEl.offsetHeight) : 0;
       reactData.customHeight = calcTableHeight('height');
       reactData.customMaxHeight = calcTableHeight('maxHeight');
     };
@@ -12081,7 +12294,7 @@ function list_createInternalData() {
         fullData,
         scrollYStore
       } = internalData;
-      reactData.items = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
+      reactData.rowList = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
     const updateYData = () => {
@@ -12099,17 +12312,17 @@ function list_createInternalData() {
         const virtualBodyElem = refVirtualBody.value;
         const sYOpts = computeSYOpts.value;
         let rowHeight = 0;
-        let firstItemElem;
+        let firstRowElem;
         if (virtualBodyElem) {
           if (sYOpts.sItem) {
-            firstItemElem = virtualBodyElem.querySelector(sYOpts.sItem);
+            firstRowElem = virtualBodyElem.querySelector(sYOpts.sItem);
           }
-          if (!firstItemElem) {
-            firstItemElem = virtualBodyElem.children[0];
+          if (!firstRowElem) {
+            firstRowElem = virtualBodyElem.children[0];
           }
         }
-        if (firstItemElem) {
-          rowHeight = firstItemElem.offsetHeight;
+        if (firstRowElem) {
+          rowHeight = firstRowElem.offsetHeight;
         }
         rowHeight = Math.max(12, rowHeight);
         scrollYStore.rowHeight = rowHeight;
@@ -12238,6 +12451,53 @@ function list_createInternalData() {
         isY
       }, evnt);
     };
+    const updateRadioModeValue = () => {
+      const {
+        checkRowKey
+      } = props;
+      const {
+        fullKeyMaps
+      } = internalData;
+      if (checkRowKey) {
+        const row = fullKeyMaps[checkRowKey];
+        reactData.selectRadioRow = row || null;
+      } else {
+        reactData.selectRadioRow = null;
+      }
+    };
+    const updateCheckboxModeValue = () => {
+      const {
+        checkRowKeys
+      } = props;
+      const {
+        fullKeyMaps
+      } = internalData;
+      const keyField = computeKeyField.value;
+      const selectMaps = {};
+      if (checkRowKeys && checkRowKeys.length) {
+        for (const rowKey of checkRowKeys) {
+          const row = fullKeyMaps[rowKey];
+          if (row) {
+            const rowid = getRowIdByField(row, keyField);
+            selectMaps[rowid] = row;
+          }
+        }
+      }
+      internalData.selectCheckboxMaps = selectMaps;
+      updateCheckboxStatus();
+    };
+    const cacheRowMap = () => {
+      const {
+        fullData
+      } = internalData;
+      const keyField = computeKeyField.value;
+      const keyMaps = {};
+      fullData.forEach(row => {
+        const rowKey = getRowKeyByField(row, keyField);
+        keyMaps[rowKey] = row;
+      });
+      internalData.fullKeyMaps = keyMaps;
+    };
     /**
      * 加载数据
      * @param {Array} datas 数据
@@ -12256,11 +12516,790 @@ function list_createInternalData() {
       internalData.fullData = fullData;
       // 如果gt为0，则总是启用
       reactData.scrollYLoad = !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= fullData.length);
+      cacheRowMap();
       handleData();
+      updateRadioModeValue();
+      updateCheckboxModeValue();
       return computeScrollLoad().then(() => {
         refreshScroll();
       });
     };
+    const clearRowDropOrigin = () => {
+      const el = refElem.value;
+      if (el) {
+        const clss = 'row--drag-origin';
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`.${clss}`), elem => {
+          elem.draggable = false;
+          removeClass(elem, clss);
+        });
+      }
+    };
+    const updateRowDropOrigin = row => {
+      const sYOpts = computeSYOpts.value;
+      const {
+        sItem
+      } = sYOpts;
+      const el = refElem.value;
+      if (el) {
+        const clss = 'row--drag-origin';
+        const rowid = getRowId(row);
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`.vxe-list--row[rowid="${rowid}"]` + (sItem ? `${sItem}[rowid="${rowid}"]` : '')), elem => {
+          addClass(elem, clss);
+        });
+      }
+    };
+    const updateRowDropTipContent = rowEl => {
+      const {
+        dragRow
+      } = reactData;
+      const dragOpts = computeDragOpts.value;
+      const {
+        tooltipMethod
+      } = dragOpts;
+      const rTooltipMethod = tooltipMethod;
+      let tipContent = '';
+      if (rTooltipMethod) {
+        const rtParams = {
+          $list: $xeList,
+          row: dragRow
+        };
+        tipContent = `${rTooltipMethod(rtParams) || ''}`;
+      } else {
+        tipContent = getI18n('vxe.list.dragTip', [rowEl.textContent || '']);
+      }
+      reactData.dragTipText = tipContent;
+    };
+    const hideDropTip = () => {
+      const rdTipEl = refDragTipElem.value;
+      const rdLineEl = refDragRowLineElem.value;
+      if (rdTipEl) {
+        rdTipEl.style.display = '';
+      }
+      if (rdLineEl) {
+        rdLineEl.style.display = '';
+      }
+    };
+    const clearCrossListDragStatus = () => {
+      // crossListDragRowObj = null
+      crossListDragRowInfo.row = null;
+    };
+    const clearDragStatus = () => {
+      const {
+        dragRow
+      } = reactData;
+      if (dragRow) {
+        hideDropTip();
+        clearRowDropOrigin();
+        clearCrossListDragStatus();
+        reactData.dragRow = null;
+      }
+    };
+    const handleRowDragMousedownEvent = (evnt, params) => {
+      evnt.stopPropagation();
+      const {
+        row
+      } = params;
+      const dragConfig = computeDragOpts.value;
+      const {
+        trigger,
+        dragStartMethod
+      } = dragConfig;
+      const dragEl = evnt.currentTarget;
+      const rowEl = trigger === 'row' ? dragEl : dragEl.parentElement.parentElement;
+      clearRowDropOrigin();
+      if (dragStartMethod && !dragStartMethod(params)) {
+        rowEl.draggable = false;
+        reactData.dragRow = null;
+        hideDropTip();
+        return;
+      }
+      const dragstartEventParams = {
+        row
+      };
+      reactData.dragRow = row;
+      rowEl.draggable = true;
+      updateRowDropOrigin(row);
+      updateRowDropTipContent(rowEl);
+      dispatchEvent('row-dragstart', dragstartEventParams, evnt);
+    };
+    const handleRowDragMouseupEvent = () => {
+      clearDragStatus();
+    };
+    const showDropTip = (evnt, rowEl, showLine, dragPos) => {
+      const wrapperEl = refElem.value;
+      if (!wrapperEl) {
+        return;
+      }
+      const wrapperRect = wrapperEl.getBoundingClientRect();
+      const wrapperHeight = wrapperEl.clientHeight;
+      if (rowEl) {
+        const rdLineEl = refDragRowLineElem.value;
+        if (rdLineEl) {
+          if (showLine) {
+            const trRect = rowEl.getBoundingClientRect();
+            let rowHeight = rowEl.clientHeight;
+            const offsetTop = Math.max(1, trRect.y - wrapperRect.y);
+            if (offsetTop + rowHeight > wrapperHeight) {
+              rowHeight = wrapperHeight - offsetTop;
+            }
+            rdLineEl.style.display = 'block';
+            rdLineEl.style.top = `${offsetTop}px`;
+            rdLineEl.style.height = `${rowHeight}px`;
+            rdLineEl.setAttribute('drag-pos', dragPos);
+          } else {
+            rdLineEl.style.display = '';
+          }
+        }
+      }
+      const rdTipEl = refDragTipElem.value;
+      if (rdTipEl) {
+        rdTipEl.style.display = 'block';
+        rdTipEl.style.top = `${Math.min(wrapperEl.clientHeight - wrapperEl.scrollTop - rdTipEl.clientHeight, evnt.clientY - wrapperRect.y)}px`;
+        rdTipEl.style.left = `${Math.min(wrapperEl.clientWidth - wrapperEl.scrollLeft - rdTipEl.clientWidth - 1, evnt.clientX - wrapperRect.x)}px`;
+        rdTipEl.setAttribute('drag-status', showLine ? 'normal' : 'disabled');
+      }
+    };
+    const clearRowDragData = () => {
+      const wrapperEl = refElem.value;
+      const dtClss = ['.vxe-list--row'];
+      hideDropTip();
+      clearRowDropOrigin();
+      clearRowAnimate(wrapperEl, dtClss);
+      reactData.dragRow = null;
+    };
+    const handleRowDragSwapEvent = (evnt, dragRow, prevDragRow, prevDragPos) => {
+      const {
+        fullData
+      } = internalData;
+      const dragConfig = computeDragOpts.value;
+      const {
+        animation,
+        dragEndMethod
+      } = dragConfig;
+      const dEndMethod = dragEndMethod || (dragConfig ? dragConfig.dragEndMethod : null);
+      const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
+      const el = refElem.value;
+      const errRest = {
+        status: false
+      };
+      if (!(el && prevDragRow && dragRow)) {
+        return Promise.resolve(errRest);
+      }
+      // 判断是否有拖动
+      if (prevDragRow !== dragRow) {
+        const dragParams = {
+          oldRow: dragRow,
+          newRow: prevDragRow,
+          dragRow,
+          dragPos: prevDragPos,
+          offsetIndex: dragOffsetIndex
+        };
+        const dragRowid = getRowId(dragRow);
+        const _dragRowIndex = findRowIndexOfByKey(fullData, dragRowid);
+        const newRowid = getRowKey(prevDragRow);
+        let dragRowHeight = 0;
+        let dragOffsetTop = -1;
+        if (animation) {
+          const prevRowEl = el.querySelector(`.vxe-list--row[rowid="${newRowid}"]`);
+          const oldRowEl = el.querySelector(`.vxe-list--row[rowid="${dragRowid}"]`);
+          const targetRowEl = prevRowEl || oldRowEl;
+          if (targetRowEl) {
+            dragRowHeight = targetRowEl.offsetHeight;
+          }
+          if (oldRowEl) {
+            dragOffsetTop = oldRowEl.offsetTop;
+          }
+        }
+        let oafIndex = -1;
+        let nafIndex = -1;
+        return Promise.resolve(dEndMethod ? dEndMethod(dragParams) : true).then(status => {
+          if (!status) {
+            return errRest;
+          }
+          // 移出
+          oafIndex = findRowIndexOf(fullData, dragRow);
+          fullData.splice(oafIndex, 1);
+          // 插入
+          const pafIndex = findRowIndexOf(fullData, prevDragRow);
+          nafIndex = pafIndex + dragOffsetIndex;
+          fullData.splice(nafIndex, 0, dragRow);
+          handleData();
+          if (reactData.scrollYLoad) {
+            updateYSpace();
+          }
+          if (evnt) {
+            const dragendEventParams = {
+              oldRow: dragRow,
+              newRow: prevDragRow,
+              dragRow,
+              dragPos: prevDragPos,
+              offsetIndex: dragOffsetIndex,
+              _index: {
+                newIndex: nafIndex,
+                oldIndex: oafIndex
+              }
+            };
+            dispatchEvent('row-dragend', dragendEventParams, evnt);
+          }
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
+            if (animation) {
+              const {
+                rowList
+              } = reactData;
+              const {
+                fullData
+              } = internalData;
+              const _newRowIndex = findRowIndexOfByKey(fullData, dragRowid);
+              const firstRow = fullData[0];
+              const _firstRowIndex = findRowIndexOf(fullData, firstRow);
+              const wrapperEl = el;
+              if (_firstRowIndex > -1) {
+                const _lastRowIndex = _firstRowIndex + fullData.length;
+                let rsIndex = -1;
+                let reIndex = -1;
+                let offsetRate = 1;
+                if (_dragRowIndex < _firstRowIndex) {
+                  // 从上往下虚拟拖拽
+                  rsIndex = 0;
+                  reIndex = _newRowIndex - _firstRowIndex;
+                } else if (_dragRowIndex > _lastRowIndex) {
+                  // 从下往上虚拟拖拽
+                  const $newRowIndex = findRowIndexOfByKey(rowList, dragRowid);
+                  rsIndex = $newRowIndex + 1;
+                  reIndex = fullData.length;
+                  offsetRate = -1;
+                } else {
+                  if (_newRowIndex > _dragRowIndex) {
+                    // 从上往下拖拽
+                    rsIndex = _dragRowIndex - _firstRowIndex;
+                    reIndex = rsIndex + _newRowIndex - _dragRowIndex;
+                  } else {
+                    // 从下往上拖拽
+                    rsIndex = _newRowIndex - _firstRowIndex;
+                    reIndex = rsIndex + _dragRowIndex - _newRowIndex + 1;
+                    offsetRate = -1;
+                  }
+                }
+                const dragRangeList = fullData.slice(rsIndex, reIndex);
+                if (dragRangeList.length) {
+                  const dtClss = [];
+                  dragRangeList.forEach(obj => {
+                    const rowid = getRowId(obj);
+                    dtClss.push(`.vxe-list--row[rowid="${rowid}"]`);
+                  });
+                  const dtTrList = wrapperEl.querySelectorAll(dtClss.join(','));
+                  moveRowAnimateToTb(dtTrList, offsetRate * dragRowHeight);
+                }
+              }
+              const drClss = [`.vxe-list--row[rowid="${dragRowid}"]`];
+              const newDtTrList = wrapperEl.querySelectorAll(drClss.join(','));
+              const newTrEl = newDtTrList[0];
+              if (dragOffsetTop > -1 && newTrEl) {
+                moveRowAnimateToTb(newDtTrList, dragOffsetTop - newTrEl.offsetTop);
+              }
+            }
+            recalculate();
+          }).then(() => {
+            return {
+              status: true
+            };
+          });
+        }).catch(() => {
+          return errRest;
+        }).then(rest => {
+          clearRowDragData();
+          clearCrossListDragStatus();
+          return rest;
+        });
+      }
+      clearRowDragData();
+      clearCrossListDragStatus();
+      return Promise.resolve(errRest);
+    };
+    const handleRowDragDragstartEvent = evnt => {
+      if (evnt.dataTransfer) {
+        evnt.dataTransfer.setDragImage(getTpImg(), 0, 0);
+      }
+    };
+    const handleRowDragDragendEvent = evnt => {
+      const {
+        dragRow
+      } = reactData;
+      const {
+        prevDragRow,
+        prevDragPos
+      } = internalData;
+      handleRowDragSwapEvent(evnt, dragRow, prevDragRow, prevDragPos);
+    };
+    const handleRowDragDragoverEvent = evnt => {
+      const {
+        dragRow
+      } = reactData;
+      const {
+        fullData
+      } = internalData;
+      if (!dragRow) {
+        evnt.preventDefault();
+      }
+      const rowEl = evnt.currentTarget;
+      const rowid = rowEl.getAttribute('rowid') || '';
+      const row = findRowByKey(fullData, rowid);
+      if (row) {
+        evnt.preventDefault();
+        const offsetY = evnt.clientY - rowEl.getBoundingClientRect().y;
+        const dragPos = offsetY < rowEl.clientHeight / 2 ? 'top' : 'bottom';
+        internalData.prevDragRow = row;
+        internalData.prevDragPos = dragPos;
+        if (dragRow && getRowId(dragRow) === rowid) {
+          showDropTip(evnt, rowEl, false, dragPos);
+          return;
+        }
+        const dragOffsetIndex = dragPos === 'bottom' ? 1 : 0;
+        const offsetIndex = dragOffsetIndex;
+        const dragoverEventParams = {
+          oldRow: dragRow,
+          targetRow: row,
+          dragPos,
+          dragRow,
+          offsetIndex
+        };
+        showDropTip(evnt, rowEl, true, dragPos);
+        dispatchEvent('row-dragover', dragoverEventParams, evnt);
+      }
+    };
+    const handleRowMousedownEvent = (evnt, row) => {
+      const dragConfig = computeDragOpts.value;
+      const isDrag = computeIsDrag.value;
+      const {
+        trigger,
+        disabledMethod
+      } = dragConfig;
+      let isRowDrag = false;
+      if (isDrag) {
+        isRowDrag = trigger === 'row';
+      }
+      const params = {
+        row,
+        $list: $xeList
+      };
+      if (isRowDrag && !(disabledMethod && disabledMethod(params))) {
+        handleRowDragMousedownEvent(evnt, params);
+      }
+    };
+    const handleRowClickEvent = (evnt, row) => {
+      const {
+        currentRow
+      } = internalData;
+      const rowOpts = computeRowOpts.value;
+      const {
+        isCurrent
+      } = rowOpts;
+      let triggerCurrent = false;
+      if (isCurrent) {
+        triggerCurrent = true;
+        changeCurrentEvent(evnt, row);
+      } else if (currentRow) {
+        internalData.currentRow = null;
+        reactData.currRowFlag++;
+      }
+      dispatchEvent('row-click', {
+        row,
+        triggerCurrent
+      }, evnt);
+    };
+    const handleRowDblclickEvent = (evnt, row) => {
+      dispatchEvent('row-dblclick', {
+        row
+      }, evnt);
+    };
+    const getRowKey = row => {
+      const keyField = computeKeyField.value;
+      return getRowKeyByField(row, keyField);
+    };
+    const eqRowKey = (rowKey1, rowKey2) => {
+      return '' + rowKey1 === '' + rowKey2;
+    };
+    const eqRow = (row1, row2) => {
+      if (row1 && row2) {
+        if (row1 === row2) {
+          return true;
+        }
+        return eqRowKey(getRowId(row1), getRowId(row2));
+      }
+      return false;
+    };
+    const eqRowByKey = (row, rowKey) => {
+      return row && eqRowKey(getRowKey(row), rowKey);
+    };
+    const findRow = (list, row) => {
+      return row ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().find(list, obj => eqRow(obj, row)) : null;
+    };
+    const findRowByKey = (list, rowKey) => {
+      const keyField = computeKeyField.value;
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().find(list, obj => eqRowKey(getRowIdByField(obj, keyField), rowKey));
+    };
+    const findRowIndexOf = (list, row) => {
+      return row ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(list, obj => eqRow(obj, row)) : -1;
+    };
+    const findRowIndexOfByKey = (list, rowKey) => {
+      const keyField = computeKeyField.value;
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(list, obj => eqRowKey(getRowIdByField(obj, keyField), rowKey));
+    };
+    const isCheckedByRadioRowKey = rowKey => {
+      const {
+        selectRadioRow
+      } = reactData;
+      return getRowKey(selectRadioRow) === rowKey;
+    };
+    const isCheckedByRadioRow = row => {
+      return isCheckedByRadioRowKey(getRowKey(row));
+    };
+    const isCheckedByCheckboxRowKey = rowid => {
+      const {
+        updateCheckboxFlag
+      } = reactData;
+      const {
+        selectCheckboxMaps
+      } = internalData;
+      return !!(updateCheckboxFlag && selectCheckboxMaps[rowid]);
+    };
+    const isCheckedByCheckboxRow = row => {
+      return isCheckedByCheckboxRowKey(getRowKey(row));
+    };
+    const setCurrentRow = row => {
+      internalData.currentRow = row;
+      reactData.currRowFlag++;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const setCurrentRowByKey = rowKey => {
+      const {
+        fullData
+      } = internalData;
+      internalData.currentRow = findRowByKey(fullData, rowKey);
+      reactData.currRowFlag++;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const getCurrentRow = () => {
+      const {
+        currentRow
+      } = internalData;
+      return currentRow;
+    };
+    const getCurrentRowKey = () => {
+      const {
+        currentRow
+      } = internalData;
+      return currentRow ? getRowKey(currentRow) : null;
+    };
+    const clearCurrentRow = () => {
+      internalData.currentRow = null;
+      reactData.currRowFlag++;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const setRadioRow = row => {
+      reactData.selectRadioRow = row;
+      const value = getRowKey(row);
+      emitRadioMode(value);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const setRadioRowByKey = rowKey => {
+      const {
+        fullData
+      } = internalData;
+      reactData.selectRadioRow = findRowByKey(fullData, rowKey);
+      const value = rowKey;
+      emitRadioMode(value);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const getRadioRow = () => {
+      const {
+        selectRadioRow
+      } = reactData;
+      return selectRadioRow;
+    };
+    const getRadioRowKey = () => {
+      const {
+        selectRadioRow
+      } = reactData;
+      return selectRadioRow ? getRowKey(selectRadioRow) : null;
+    };
+    const clearRadioRow = () => {
+      const value = null;
+      reactData.selectRadioRow = value;
+      emitRadioMode(value);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const setCheckboxRow = (row, checked) => {
+      const {
+        selectCheckboxMaps
+      } = internalData;
+      const keyField = computeKeyField.value;
+      const rowList = row ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(row) ? row : [row] : [];
+      rowList.forEach(checked ? obj => {
+        const rowid = getRowIdByField(obj, keyField);
+        if (!selectCheckboxMaps[rowid]) {
+          selectCheckboxMaps[rowid] = obj;
+        }
+      } : obj => {
+        const rowid = getRowIdByField(obj, keyField);
+        if (selectCheckboxMaps[rowid]) {
+          delete selectCheckboxMaps[rowid];
+        }
+      });
+      const value = getCheckboxRowKeys();
+      emitCheckboxMode(value);
+      return updateCheckboxStatus();
+    };
+    const setCheckboxRowByKey = (rowKey, checked) => {
+      const {
+        selectCheckboxMaps,
+        fullKeyMaps
+      } = internalData;
+      const keyField = computeKeyField.value;
+      const rowKeys = rowKey ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rowKey) ? rowKey : [rowKey] : [];
+      rowKeys.forEach(checked ? key => {
+        const row = fullKeyMaps[key || ''];
+        if (row) {
+          const rowid = getRowIdByField(row, keyField);
+          if (row && !selectCheckboxMaps[rowid]) {
+            selectCheckboxMaps[rowid] = row;
+          }
+        }
+      } : key => {
+        const row = fullKeyMaps[key || ''];
+        if (row) {
+          const rowid = getRowIdByField(row, keyField);
+          if (selectCheckboxMaps[rowid]) {
+            delete selectCheckboxMaps[rowid];
+          }
+        }
+      });
+      const value = getCheckboxRowKeys();
+      emitCheckboxMode(value);
+      return updateCheckboxStatus();
+    };
+    const getCheckboxRows = () => {
+      const {
+        updateCheckboxFlag
+      } = reactData;
+      const {
+        selectCheckboxMaps
+      } = internalData;
+      const rowList = [];
+      if (updateCheckboxFlag) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(selectCheckboxMaps, row => {
+          if (row) {
+            rowList.push(row);
+          }
+        });
+      }
+      return rowList;
+    };
+    const getCheckboxRowKeys = () => {
+      const {
+        updateCheckboxFlag
+      } = reactData;
+      const {
+        selectCheckboxMaps
+      } = internalData;
+      const keyField = computeKeyField.value;
+      const rowKeys = [];
+      if (updateCheckboxFlag) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(selectCheckboxMaps, row => {
+          if (row) {
+            const rowKey = getRowKeyByField(row, keyField);
+            rowKeys.push(rowKey);
+          }
+        });
+      }
+      return rowKeys;
+    };
+    const clearCheckboxRow = () => {
+      internalData.selectCheckboxMaps = {};
+      reactData.updateCheckboxFlag++;
+      reactData.isAllChecked = false;
+      reactData.isAllIndeterminate = false;
+      const value = [];
+      emitCheckboxMode(value);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const setAllCheckboxRow = checked => {
+      const {
+        fullData,
+        selectCheckboxMaps
+      } = internalData;
+      const keyField = computeKeyField.value;
+      if (checked) {
+        const value = [];
+        for (const row of fullData) {
+          const rowKey = getRowKeyByField(row, keyField);
+          const rowid = getRowIdByField(row, keyField);
+          selectCheckboxMaps[rowid] = row;
+          value.push(rowKey);
+        }
+        emitCheckboxMode(value);
+        return updateCheckboxStatus();
+      }
+      return clearCheckboxRow();
+    };
+    const updateCheckboxStatus = () => {
+      const {
+        selectCheckboxMaps,
+        fullData
+      } = internalData;
+      const keyField = computeKeyField.value;
+      const checkboxOpts = computeCheckboxOpts.value;
+      const {
+        checkMethod
+      } = checkboxOpts;
+      let hasChecked = false;
+      let hasUnchecked = false;
+      if (checkMethod) {
+        for (const row of fullData) {
+          if (checkMethod({
+            row,
+            $list: $xeList
+          })) {
+            const rowid = getRowIdByField(row, keyField);
+            if (selectCheckboxMaps[rowid]) {
+              hasChecked = true;
+            } else {
+              hasUnchecked = true;
+              if (hasChecked) {
+                break;
+              }
+            }
+          }
+        }
+      } else {
+        for (const row of fullData) {
+          const rowid = getRowIdByField(row, keyField);
+          if (selectCheckboxMaps[rowid]) {
+            hasChecked = true;
+          } else {
+            hasUnchecked = true;
+            if (hasChecked) {
+              break;
+            }
+          }
+        }
+      }
+      reactData.isAllChecked = hasChecked && !hasUnchecked;
+      reactData.isAllIndeterminate = hasChecked && hasUnchecked;
+      reactData.updateCheckboxFlag++;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const changeCheckboxAllEvent = evnt => {
+      const {
+        isAllChecked
+      } = reactData;
+      const isChecked = !isAllChecked;
+      if (isChecked) {
+        setAllCheckboxRow(true);
+      } else {
+        clearCheckboxRow();
+      }
+      dispatchEvent('checkbox-all', {
+        checked: isChecked
+      }, evnt);
+    };
+    const changeCheckboxEvent = (evnt, row) => {
+      evnt.preventDefault();
+      evnt.stopPropagation();
+      const {
+        selectCheckboxMaps
+      } = internalData;
+      const checkboxOpts = computeCheckboxOpts.value;
+      const {
+        checkMethod
+      } = checkboxOpts;
+      const rowid = getRowId(row);
+      const isDisabled = checkMethod ? !checkMethod({
+        $list: $xeList,
+        row
+      }) : false;
+      if (isDisabled) {
+        return;
+      }
+      let isChecked = false;
+      if (selectCheckboxMaps[rowid]) {
+        delete selectCheckboxMaps[rowid];
+      } else {
+        isChecked = true;
+        selectCheckboxMaps[rowid] = row;
+      }
+      reactData.updateCheckboxFlag++;
+      updateCheckboxStatus();
+      const rowids = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().keys(selectCheckboxMaps);
+      const value = rowids.map(deModelValue);
+      emitCheckboxMode(value);
+      dispatchEvent('checkbox-change', {
+        row,
+        value,
+        checked: isChecked
+      }, evnt);
+    };
+    const changeCurrentEvent = (evnt, row) => {
+      evnt.preventDefault();
+      const rowOpts = computeRowOpts.value;
+      const {
+        currentMethod
+      } = rowOpts;
+      let isDisabled = false;
+      if (currentMethod) {
+        isDisabled = !currentMethod({
+          row
+        });
+      }
+      if (isDisabled) {
+        return;
+      }
+      const isChecked = true;
+      internalData.currentRow = row;
+      reactData.currRowFlag++;
+      dispatchEvent('current-change', {
+        row,
+        checked: isChecked
+      }, evnt);
+    };
+    const changeRadioEvent = (evnt, row) => {
+      evnt.preventDefault();
+      evnt.stopPropagation();
+      const {
+        selectRadioRow
+      } = reactData;
+      const radioOpts = computeRadioOpts.value;
+      const {
+        strict,
+        checkMethod
+      } = radioOpts;
+      const rowKey = getRowKey(row);
+      const isDisabled = checkMethod ? !checkMethod({
+        $list: $xeList,
+        row
+      }) : false;
+      if (isDisabled) {
+        return;
+      }
+      const value = rowKey;
+      let isChecked = true;
+      if (strict) {
+        if (selectRadioRow && rowKey === getRowKey(selectRadioRow)) {
+          isChecked = false;
+          reactData.selectRadioRow = null;
+        } else {
+          reactData.selectRadioRow = row;
+        }
+      } else {
+        reactData.selectRadioRow = row;
+      }
+      emitRadioMode(value);
+      dispatchEvent('radio-change', {
+        row,
+        value,
+        checked: isChecked
+      }, evnt);
+    };
     const listMethods = {
       dispatchEvent,
       loadData,
@@ -12272,37 +13311,332 @@ function list_createInternalData() {
         clearScroll();
         return loadData(datas);
       },
+      getFullData() {
+        const {
+          fullData
+        } = internalData;
+        return fullData;
+      },
       recalculate,
       scrollTo,
       refreshScroll,
-      clearScroll
+      clearScroll,
+      getRowKey,
+      eqRowKey,
+      eqRow,
+      eqRowByKey,
+      findRow,
+      findRowByKey,
+      findRowIndexOf,
+      findRowIndexOfByKey,
+      isCheckedByRadioRowKey,
+      isCheckedByRadioRow,
+      isCheckedByCheckboxRowKey,
+      isCheckedByCheckboxRow,
+      setCurrentRow,
+      setCurrentRowByKey,
+      getCurrentRow,
+      getCurrentRowKey,
+      clearCurrentRow,
+      setRadioRow,
+      setRadioRowByKey,
+      getRadioRow,
+      getRadioRowKey,
+      clearRadioRow,
+      setCheckboxRow,
+      setCheckboxRowByKey,
+      getCheckboxRows,
+      getCheckboxRowKeys,
+      clearCheckboxRow,
+      setAllCheckboxRow
+    };
+    const listPrivateMethods = {};
+    Object.assign($xeList, listMethods, listPrivateMethods);
+    const renderDragTip = () => {
+      const {
+        dragRow,
+        dragTipText
+      } = reactData;
+      const dragOpts = computeDragOpts.value;
+      const isDrag = computeIsDrag.value;
+      const dRow = dragRow;
+      if (isDrag) {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-list--drag-wrapper'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          ref: refDragRowLineElem,
+          class: ['vxe-list--drag-row-line', {
+            'is--guides': dragOpts.showGuidesStatus
+          }]
+        }), dRow && dragOpts.showDragTip ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          ref: refDragTipElem,
+          class: 'vxe-list--drag-sort-tip'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-list--drag-sort-tip-wrapper'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-list--drag-sort-tip-status'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: ['vxe-list--drag-sort-tip-normal-status', getIcon().LIST_DRAG_STATUS_NODE]
+        }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: ['vxe-list--drag-sort-tip-disabled-status', getIcon().LIST_DRAG_DISABLED]
+        })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-list--drag-sort-tip-content'
+        }, dragTipText)])]) : renderEmptyElement($xeList)]);
+      }
+      return renderEmptyElement($xeList);
+    };
+    const renderRadio = (row, rowid, isChecked) => {
+      const {
+        showRadio
+      } = props;
+      const radioOpts = computeRadioOpts.value;
+      const {
+        showIcon,
+        checkMethod,
+        visibleMethod
+      } = radioOpts;
+      const isVisible = !visibleMethod || visibleMethod({
+        $list: $xeList,
+        row
+      });
+      if (showRadio && showIcon && isVisible) {
+        const isDisabled = checkMethod ? !checkMethod({
+          $list: $xeList,
+          row
+        }) : false;
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 'ct2',
+          class: ['vxe-list--radio-option', {
+            'is--checked': isChecked,
+            'is--disabled': isDisabled
+          }],
+          onClick(evnt) {
+            if (!isDisabled) {
+              changeRadioEvent(evnt, row);
+            }
+          }
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : getIcon().RADIO_UNCHECKED]
+        })]);
+      }
+      return renderEmptyElement($xeList);
+    };
+    const renderCheckbox = (row, rowid, isChecked) => {
+      const {
+        showCheckbox
+      } = props;
+      const checkboxOpts = computeCheckboxOpts.value;
+      const {
+        showIcon,
+        checkMethod,
+        visibleMethod
+      } = checkboxOpts;
+      const isVisible = !visibleMethod || visibleMethod({
+        $list: $xeList,
+        row
+      });
+      if (showCheckbox && showIcon && isVisible) {
+        const isDisabled = checkMethod ? !checkMethod({
+          $list: $xeList,
+          row
+        }) : false;
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 'ct3',
+          class: ['vxe-list--checkbox-option', {
+            'is--checked': isChecked,
+            'is--disabled': isDisabled
+          }],
+          onClick(evnt) {
+            if (!isDisabled) {
+              changeCheckboxEvent(evnt, row);
+            }
+          }
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: ['vxe-checkbox--icon', isChecked ? getIcon().CHECKBOX_CHECKED : getIcon().CHECKBOX_UNCHECKED]
+        })]);
+      }
+      return renderEmptyElement($xeList);
+    };
+    const renderRow = (row, rowIndex) => {
+      const {
+        showRadio,
+        showCheckbox
+      } = props;
+      const {
+        selectRadioRow,
+        currRowFlag,
+        updateCheckboxFlag
+      } = reactData;
+      const {
+        selectCheckboxMaps,
+        currentRow
+      } = internalData;
+      const contentSlot = slots.content;
+      const dragOpts = computeDragOpts.value;
+      const {
+        trigger,
+        icon,
+        disabledMethod,
+        visibleMethod
+      } = dragOpts;
+      const rowOpts = computeRowOpts.value;
+      const {
+        useKey,
+        contentField,
+        className: rowClassName,
+        isCurrent
+      } = rowOpts;
+      const isDrag = computeIsDrag.value;
+      const keyField = computeKeyField.value;
+      const isRowFnCls = rowClassName && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowClassName);
+      const hasKey = keyField || useKey || isDrag || isCurrent || showRadio || showCheckbox;
+      const rowKey = hasKey && keyField ? getRowIdByField(row, keyField) : '';
+      const rowid = enModelValue(rowKey);
+      const rowParams = {
+        row,
+        $list: $xeList
+      };
+      let isRadioChecked = false;
+      if (showRadio) {
+        isRadioChecked = selectRadioRow && (row === selectRadioRow || eqRowByKey(selectRadioRow, rowKey));
+      }
+      let isCheckboxChecked = false;
+      if (showCheckbox) {
+        isCheckboxChecked = !!(updateCheckboxFlag && selectCheckboxMaps[rowid]);
+      }
+      const ctVNs = [];
+      let isDragDisabled = false;
+      if (isDrag && keyField && (!visibleMethod || visibleMethod(rowParams))) {
+        const handleOns = {};
+        if (trigger !== 'row') {
+          isDragDisabled = !!(disabledMethod && disabledMethod(rowParams));
+          handleOns.onMousedown = evnt => {
+            if (!isDragDisabled) {
+              handleRowDragMousedownEvent(evnt, rowParams);
+            }
+          };
+          handleOns.onMouseup = handleRowDragMouseupEvent;
+        }
+        ctVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 'ct1',
+          class: 'vxe-list--row-drag'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: 'vxe-list--drag-handle',
+          ...handleOns
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+          class: icon || getIcon().LIST_DRAG
+        })])]));
+      }
+      if (showRadio) {
+        ctVNs.push(renderRadio(row, rowid, isRadioChecked));
+      }
+      if (showCheckbox) {
+        ctVNs.push(renderCheckbox(row, rowid, isCheckboxChecked));
+      }
+      ctVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: 'ct5',
+        class: 'vxe-list--row-content'
+      }, contentSlot ? contentSlot(rowParams) : contentField ? getText(row[contentField]) : ''));
+      const rowOns = {
+        onMousedown(evnt) {
+          handleRowMousedownEvent(evnt, row);
+        },
+        onMouseup: handleRowDragMouseupEvent,
+        onClick(evnt) {
+          handleRowClickEvent(evnt, row);
+        },
+        onDblclick(evnt) {
+          handleRowDblclickEvent(evnt, row);
+        }
+      };
+      // 拖拽行事件
+      if (isDrag) {
+        rowOns.onDragstart = handleRowDragDragstartEvent;
+        rowOns.onDragend = handleRowDragDragendEvent;
+        rowOns.onDragover = handleRowDragDragoverEvent;
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: hasKey && keyField ? rowid : rowIndex,
+        class: ['vxe-list--row', isRowFnCls ? rowClassName(rowParams) : rowClassName || '', {
+          'is--drag-disabled': isDragDisabled,
+          'is--current': currRowFlag && currentRow && eqRowByKey(currentRow, rowKey),
+          'is-radio--checked': isRadioChecked,
+          'is-checkbox--checked': isCheckboxChecked
+        }],
+        rowid: hasKey && keyField ? rowid : undefined,
+        ...rowOns
+      }, ctVNs);
     };
-    Object.assign($xeList, listMethods);
     const renderVN = () => {
       const {
+        showCheckbox,
         className,
         loading
       } = props;
       const {
         bodyHeight,
         topSpaceHeight,
-        items
+        rowList,
+        isAllChecked,
+        isAllIndeterminate
       } = reactData;
       const defaultSlot = slots.default;
+      const headerSlot = slots.header;
+      const footerSlot = slots.footer;
       const vSize = computeSize.value;
-      const styles = computeStyles.value;
+      const wrapperStyles = computeWrapperStyles.value;
+      const virtualStyles = computeVirtualStyles.value;
+      const radioOpts = computeRadioOpts.value;
+      const checkboxOpts = computeCheckboxOpts.value;
+      const {
+        showHeader,
+        headerTitle
+      } = checkboxOpts;
+      const dragOpts = computeDragOpts.value;
+      const {
+        trigger
+      } = dragOpts;
+      const rowOpts = computeRowOpts.value;
+      const {
+        isHover,
+        padding
+      } = rowOpts;
+      const isDrag = computeIsDrag.value;
+      const showDefChekboxHead = showCheckbox && showHeader !== false;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.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 : '', {
           [`size--${vSize}`]: vSize,
+          'is--drag': isDrag,
           'is--loading': loading
-        }]
+        }],
+        style: wrapperStyles
+      }, [headerSlot || showDefChekboxHead ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refHeaderElem,
+        class: 'vxe-list--header-wrapper'
+      }, [showDefChekboxHead ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-list--header-left'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: ['vxe-list--checkbox-header', {
+          'is--checked': isAllChecked,
+          'is--indeterminate': isAllIndeterminate
+        }],
+        onClick: changeCheckboxAllEvent
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: ['vxe-checkbox--icon', isAllChecked ? getIcon().CHECKBOX_CHECKED : isAllIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : getIcon().CHECKBOX_UNCHECKED]
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-checkbox--label'
+      }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(headerTitle) ? getI18n('vxe.list.allChecked') : getText(headerTitle))])]) : renderEmptyElement($xeList), headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-list--header-content'
+      }, headerSlot({
+        items: rowList,
+        $list: $xeList
+      })) : renderEmptyElement($xeList)]) : renderEmptyElement($xeList), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refVirtualWrapper,
         class: 'vxe-list--virtual-wrapper',
-        style: styles,
+        style: virtualStyles,
         onScroll: scrollEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-list--y-space',
@@ -12311,14 +13645,30 @@ function list_createInternalData() {
         }
       }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refVirtualBody,
-        class: 'vxe-list--body',
+        class: ['vxe-list--body', {
+          'trigger--row': trigger === 'row',
+          'checkbox--highlight': checkboxOpts.highlight,
+          'radio--highlight': radioOpts.highlight,
+          'row--hover': isHover,
+          'is--padding': padding
+        }],
         style: {
           marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
         }
       }, defaultSlot ? defaultSlot({
-        items,
+        items: rowList,
         $list: $xeList
-      }) : [])]),
+      }) : rowList.map((row, i) => renderRow(row, i)))]), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refFooterElem,
+        class: 'vxe-list--footer-wrapper'
+      }, footerSlot({
+        items: rowList,
+        $list: $xeList
+      })) : renderEmptyElement($xeList),
+      /**
+       * 拖拽提示
+       */
+      renderDragTip(),
       /**
        * 加载中
        */
@@ -12337,17 +13687,36 @@ function list_createInternalData() {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(dataFlag, () => {
       loadData(props.data || []);
     });
+    const reFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, () => {
-      recalculate();
+      reFlag.value++;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.maxHeight, () => {
-      recalculate();
+      reFlag.value++;
     });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.syncResize, value => {
-      if (value) {
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.syncResize, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeRowHeight, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(reFlag, () => {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         recalculate();
-        (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => setTimeout(() => recalculate()));
-      }
+      });
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.checkRowKey, () => {
+      updateRadioModeValue();
+    });
+    const checkKeyFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.checkRowKeys ? props.checkRowKeys.length : -1, () => {
+      checkKeyFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.checkRowKeys, () => {
+      checkKeyFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(checkKeyFlag, () => {
+      updateCheckboxModeValue();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
       recalculate().then(() => refreshScroll());
@@ -12356,7 +13725,30 @@ function list_createInternalData() {
       loadData(props.data || []);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      recalculate();
+      const {
+        showRadio,
+        showCheckbox
+      } = props;
+      const rowOpts = computeRowOpts.value;
+      const {
+        useKey
+      } = rowOpts;
+      const isDrag = computeIsDrag.value;
+      const keyField = computeKeyField.value;
+      if (!keyField) {
+        if (showRadio) {
+          list_errLog('vxe.error.reqSupportProp', ['show-radio', 'row-config.keyField']);
+        }
+        if (showCheckbox) {
+          list_errLog('vxe.error.reqSupportProp', ['show-checkbox', 'row-config.keyField']);
+        }
+        if (isDrag) {
+          list_errLog('vxe.error.reqSupportProp', ['drag-config', 'row-config.keyField']);
+        }
+      }
+      if (useKey && !keyField) {
+        list_errLog('vxe.error.reqSupportProp', ['row-config.useKey', 'row-config.keyField']);
+      }
       if (props.autoResize) {
         const el = refElem.value;
         const resizeObserver = globalResize.create(() => recalculate());
@@ -12366,6 +13758,7 @@ function list_createInternalData() {
         }
         internalData.resizeObserver = resizeObserver;
       }
+      recalculate();
       globalEvents.on($xeList, 'resize', recalculate);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
@@ -18005,19 +19398,19 @@ const Col = VxeCol;
 
 
 
-
-
 function collapse_createReactData() {
   return {
     staticPanes: [],
-    activeNames: [],
-    initNames: [],
-    cachePaneMaps: {}
+    cachePaneMaps: {},
+    activeKeyFlag: 0,
+    openKeyFlag: 0
   };
 }
 function collapse_createInternalData() {
   return {
-    // esTime: null
+    // esTime: null,
+    activeKeyMaps: {},
+    openKeyMaps: {}
   };
 }
 /* harmony default export */ var collapse = (defineVxeComponent({
@@ -18080,6 +19473,17 @@ function collapse_createInternalData() {
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $collapse: $xeCollapse
+      }, params));
+    };
+    const collapseMethods = {
+      dispatchEvent
+    };
+    const emitModel = value => {
+      emit('update:modelValue', value);
+    };
     const handleFilterItem = item => {
       const {
         permissionCode
@@ -18091,12 +19495,32 @@ function collapse_createInternalData() {
       }
       return true;
     };
-    const addInitName = name => {
+    const updateModel = () => {
       const {
-        initNames
-      } = reactData;
-      if (name && !initNames.includes(name)) {
-        initNames.push(name);
+        modelValue
+      } = props;
+      const {
+        openKeyMaps
+      } = internalData;
+      const activeMaps = {};
+      if (modelValue) {
+        modelValue.forEach(name => {
+          if (!openKeyMaps[name]) {
+            openKeyMaps[name] = true;
+          }
+          activeMaps[name] = true;
+        });
+      }
+      internalData.activeKeyMaps = activeMaps;
+      reactData.activeKeyFlag++;
+      reactData.openKeyFlag++;
+    };
+    const handleOpen = name => {
+      const {
+        openKeyMaps
+      } = internalData;
+      if (name && !openKeyMaps[name]) {
+        openKeyMaps[name] = true;
         dispatchEvent('load', {
           name
         }, null);
@@ -18106,8 +19530,8 @@ function collapse_createInternalData() {
     };
     const initDefaultName = list => {
       const {
-        activeNames
-      } = reactData;
+        activeKeyMaps
+      } = internalData;
       const nameMaps = {};
       if (list && list.length) {
         list.forEach(item => {
@@ -18116,32 +19540,19 @@ function collapse_createInternalData() {
             preload
           } = item || {};
           if (name) {
-            const isActive = activeNames.includes(name);
-            nameMaps[`${name}`] = {
+            const isActive = activeKeyMaps[name];
+            nameMaps[name] = {
               height: 0,
               loading: false
             };
-            if (isActive) {
-              addInitName(name);
-            }
-            if (preload) {
-              if (!isActive) {
-                activeNames.push(name);
-              }
+            if (isActive || preload) {
+              handleOpen(name);
             }
           }
         });
       }
-      reactData.activeNames = activeNames ? activeNames.slice(0) : [];
       reactData.cachePaneMaps = nameMaps;
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, {
-        $collapse: $xeCollapse
-      }, params));
-    };
-    const collapseMethods = {
-      dispatchEvent
+      reactData.openKeyFlag++;
     };
     const callSlot = (slotFunc, params) => {
       if (slotFunc) {
@@ -18155,12 +19566,16 @@ function collapse_createInternalData() {
       return [];
     };
     const handleClickEvent = (evnt, item) => {
-      const {
-        activeNames
-      } = reactData;
+      let {
+        activeKeyMaps
+      } = internalData;
       const {
         esTime
       } = internalData;
+      const expandOpts = computeExpandOpts.value;
+      const {
+        accordion
+      } = expandOpts;
       const {
         name
       } = item;
@@ -18170,13 +19585,15 @@ function collapse_createInternalData() {
       if (name) {
         const headEl = evnt.currentTarget;
         const bodyEl = headEl.nextElementSibling;
-        const aIndex = activeNames.indexOf(name);
         let expanded = false;
-        if (aIndex === -1) {
-          expanded = true;
-          activeNames.push(name);
+        if (activeKeyMaps[name]) {
+          delete activeKeyMaps[name];
         } else {
-          activeNames.splice(aIndex, 1);
+          if (accordion) {
+            activeKeyMaps = {};
+          }
+          expanded = true;
+          activeKeyMaps[name] = true;
         }
         const startAnimation = () => {
           const itemEl = bodyEl.firstElementChild;
@@ -18196,6 +19613,11 @@ function collapse_createInternalData() {
             }
           }
         };
+        const value = Object.keys(activeKeyMaps);
+        internalData.activeKeyMaps = activeKeyMaps;
+        handleOpen(name);
+        reactData.activeKeyFlag++;
+        reactData.openKeyFlag++;
         if (bodyEl) {
           const itemEl = bodyEl.firstElementChild;
           if (itemEl) {
@@ -18205,13 +19627,13 @@ function collapse_createInternalData() {
             (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(startAnimation);
           }
         }
-        addInitName(name);
+        emitModel(value);
         dispatchEvent('change', {
-          value: activeNames,
+          value,
           name
         }, evnt);
         dispatchEvent('toggle-expand', {
-          value: activeNames,
+          value,
           name,
           expanded
         }, evnt);
@@ -18221,9 +19643,13 @@ function collapse_createInternalData() {
     Object.assign($xeCollapse, collapseMethods, collapsePrivateMethods);
     const renderList = itemList => {
       const {
-        activeNames,
-        initNames
+        activeKeyFlag,
+        openKeyFlag
       } = reactData;
+      const {
+        activeKeyMaps,
+        openKeyMaps
+      } = internalData;
       const expandOpts = computeExpandOpts.value;
       return itemList.map(item => {
         const {
@@ -18234,7 +19660,7 @@ function collapse_createInternalData() {
         } = item;
         const titleSlot = slots ? slots.title : null;
         const defaultSlot = slots ? slots.default : null;
-        const isActive = name && activeNames.includes(name);
+        const isActive = name && activeKeyFlag && activeKeyMaps[name];
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-collapse-item'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -18260,7 +19686,7 @@ function collapse_createInternalData() {
             'is--visible': isActive,
             'is--hidden': !isActive
           }]
-        }, [name && initNames.includes(name) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }, [name && openKeyFlag && openKeyMaps[name] ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-collapse--item-inner'
         }, [defaultSlot ? callSlot(defaultSlot, {
           name,
@@ -18289,8 +19715,15 @@ function collapse_createInternalData() {
         class: 'vxe-collapse-slots'
       }, defaultSlot ? defaultSlot({}) : []), renderList(itemList)]);
     };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
-      reactData.activeNames = val || [];
+    const valFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue ? props.modelValue.length : -1, () => {
+      valFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
+      valFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(valFlag, () => {
+      updateModel();
     });
     const optsFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options ? props.options.length : -1, () => {
@@ -18312,7 +19745,7 @@ function collapse_createInternalData() {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(stFlag, () => {
       initDefaultName(reactData.staticPanes);
     });
-    reactData.activeNames = props.modelValue || [];
+    updateModel();
     initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       const {
@@ -25725,6 +27158,7 @@ function date_picker_createInternalData() {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       globalEvents.off($xeDatePicker, 'mousewheel');
       globalEvents.off($xeDatePicker, 'mousedown');
+      globalEvents.off($xeDatePicker, 'keydown');
       globalEvents.off($xeDatePicker, 'blur');
       globalEvents.off($xeDatePicker, 'resize');
     });
@@ -32320,25 +33754,9 @@ function image_createReactData() {
       const {
         width,
         height,
-        minWidth,
-        minHeight,
-        maxWidth,
-        maxHeight,
         circle
       } = props;
       const stys = {};
-      if (minWidth) {
-        stys.minWidth = toCssUnit(minWidth);
-      }
-      if (minHeight) {
-        stys.minHeight = toCssUnit(minHeight);
-      }
-      if (maxWidth) {
-        stys.maxWidth = toCssUnit(maxWidth);
-      }
-      if (maxHeight) {
-        stys.maxHeight = toCssUnit(maxHeight);
-      }
       if (circle) {
         // 圆形只能生效一个
         if (width) {
@@ -32361,7 +33779,11 @@ function image_createReactData() {
     const computeImgStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         width,
-        height
+        height,
+        minWidth,
+        minHeight,
+        maxHeight,
+        maxWidth
       } = props;
       const stys = {};
       if (width && height) {
@@ -32374,6 +33796,18 @@ function image_createReactData() {
         if (height) {
           stys.height = toCssUnit(height);
         }
+        if (minWidth) {
+          stys.minWidth = toCssUnit(minWidth);
+        }
+        if (minHeight) {
+          stys.minHeight = toCssUnit(minHeight);
+        }
+        if (maxWidth) {
+          stys.maxWidth = toCssUnit(maxWidth);
+        }
+        if (maxHeight) {
+          stys.maxHeight = toCssUnit(maxHeight);
+        }
       }
       return stys;
     });
@@ -39196,7 +40630,6 @@ const PasswordInput = VxePasswordInput;
 
 
 
-const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
 // 打印
 let printFrame;
 // 默认导出或打印的 HTML 样式
@@ -39302,6 +40735,7 @@ function createHtmlPage(opts, printHtml) {
   return ['<!DOCTYPE html><html>', '<head>', '<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">', `<title>${opts.title || ''}</title>`, createCssLink(styleUrls), `<style media="print">@page{size:auto;${isPbMode ? 'margin: 0mm;' : ''}}</style>`, `<style>body{font-size:${pageStyObj.fontSize || '14px'};color:${pageStyObj.color || defaultFontColor};text-align:${pageStyObj.textAlign || 'left'};}</style>`, '<style>', '.vxe-print-slots{display:none;}', '.vxe-print-page-break.align--center{text-align:center;}', '.vxe-print-page-break.align--left{text-align:left;}', '.vxe-print-page-break.align--right{text-align:right;}', '.vxe-print-page-break{break-before:always;page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}', '.vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden;}', '.vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;height:100%;}', `.vxe-print-page-break--left{width:${pageStyObj.marginLeft};}`, `.vxe-print-page-break--right{width:${pageStyObj.marginRight};}`, '.vxe-print-page-break--header,.vxe-print-page-break--footer{display:flex;justify-content:center;flex-direction:column;flex-shrink:0;width:100%;}', `.vxe-print-page-break--header{height:${headStyOpts.height || pageStyObj.marginTop};padding:0 ${pageStyObj.marginLeft} 0 ${pageStyObj.marginRight};text-align:${headStyOpts.textAlign || 'left'};}`, `.vxe-print-page-break--header-title{font-size:${titStyOpts.fontSize || '1.6em'};color:${titStyOpts.color || defaultFontColor};text-align:${opts.headerAlign || pnStyOpts.textAlign || 'center'};}`, `.vxe-print-page-break--footer{height:${footStyOpts.height || pageStyObj.marginBottom};padding:0 ${pageStyObj.marginLeft} 0 ${pageStyObj.marginRight};text-align:${footStyOpts.textAlign || 'left'};}`, '.vxe-print-page-break--content{flex-grow:1;overflow:hidden;}', `.vxe-print-page-break--footer-page-number{font-size:${pnStyOpts.fontSize || '1.2em'};color:${pnStyOpts.color || defaultFontColor};text-align:${opts.footerAlign || pnStyOpts.textAlign || 'center'};}`, '</style>', '<style>.vxe-table{white-space:pre;}</style>', `<style>${defaultHtmlStyle}</style>`, isPbMode ? '<style>body{margin:0;}</style>' : '', customStyle ? `<style>${customStyle}</style>` : '', '</head>', '<body>', `${printHtml}`, '</body>', '</html>'].join('');
 }
 function handlePrint(opts, printHtml = '') {
+  const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
   const {
     beforeMethod,
     styleUrls
@@ -40187,6 +41621,7 @@ const Print = VxePrint;
         class: 'vxe-pulldown--content',
         onClick: clickTargetEvent
       }, defaultSlot ? defaultSlot({
+        options,
         $pulldown: $xePulldown
       }) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
         to: 'body',
@@ -40210,14 +41645,17 @@ const Print = VxePrint;
       }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-pulldown--panel-header'
       }, headerSlot({
+        options,
         $pulldown: $xePulldown
       })) : renderEmptyElement($xePulldown), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-pulldown--panel-body'
       }, dropdownSlot ? dropdownSlot({
+        options,
         $pulldown: $xePulldown
       }) : [renderDefaultPanel(options)]), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-pulldown--panel-footer'
       }, footerSlot({
+        options,
         $pulldown: $xePulldown
       })) : renderEmptyElement($xePulldown)] : [])])])]);
     };
@@ -44359,6 +45797,89 @@ dynamicApp.use(VxeTableSelect);
 VxeUI.component(table_select);
 const TableSelect = VxeTableSelect;
 /* harmony default export */ var packages_table_select = (VxeTableSelect);
+;// ./packages/table-transfer/src/table-transfer.ts
+
+
+
+
+function table_transfer_createReactData() {
+  return {};
+}
+function table_transfer_createInternalData() {
+  return {};
+}
+/* harmony default export */ var table_transfer = (defineVxeComponent({
+  name: 'VxeTableTransfer',
+  props: {
+    modelValue: Array,
+    options: Array,
+    size: {
+      type: String,
+      default: () => getConfig().tableTransfer.size || getConfig().size
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      emit
+    } = context;
+    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(table_transfer_createReactData());
+    const internalData = table_transfer_createInternalData();
+    const refMaps = {
+      refElem
+    };
+    const computeMaps = {};
+    const $xeTableTransfer = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $tableTransfer: $xeTableTransfer
+      }, params));
+    };
+    const tableTransferMethods = {
+      dispatchEvent
+    };
+    const tableTransferPrivateMethods = {};
+    Object.assign($xeTableTransfer, tableTransferMethods, tableTransferPrivateMethods);
+    const renderVN = () => {
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem,
+        class: 'vxe-table-transfer'
+      }, []);
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, table_transfer_createReactData());
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, table_transfer_createInternalData());
+    });
+    $xeTableTransfer.renderVN = renderVN;
+    return $xeTableTransfer;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// ./packages/table-transfer/index.ts
+
+
+
+const VxeTableTransfer = Object.assign({}, table_transfer, {
+  install(app) {
+    app.component(table_transfer.name, table_transfer);
+  }
+});
+dynamicApp.use(VxeTableTransfer);
+VxeUI.component(table_transfer);
+const TableTransfer = VxeTableTransfer;
+/* harmony default export */ var packages_table_transfer = (VxeTableTransfer);
 ;// ./packages/tabs/src/tabs.ts
 
 
@@ -46627,14 +48148,109 @@ dynamicApp.use(VxeTour);
 VxeUI.component(tour);
 const Tour = VxeTour;
 /* harmony default export */ var packages_tour = (VxeTour);
-;// ./packages/tree/src/util.ts
+;// ./packages/transfer/src/transfer.ts
 
-function util_enNodeValue(nodeid) {
-  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(nodeid) ? '' : encodeURIComponent(`${nodeid}`);
+
+
+
+function transfer_createReactData() {
+  return {};
 }
-function util_deNodeValue(nodeid) {
-  return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
+function transfer_createInternalData() {
+  return {};
 }
+/* harmony default export */ var transfer = (defineVxeComponent({
+  name: 'VxeTransfer',
+  props: {
+    modelValue: Array,
+    options: Array,
+    size: {
+      type: String,
+      default: () => getConfig().transfer.size || getConfig().size
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      emit,
+      slots
+    } = context;
+    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(transfer_createReactData());
+    const internalData = transfer_createInternalData();
+    const refMaps = {
+      refElem
+    };
+    const computeMaps = {};
+    const $xeTransfer = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $transfer: $xeTransfer
+      }, params));
+    };
+    const transferMethods = {
+      dispatchEvent
+    };
+    const transferPrivateMethods = {};
+    Object.assign($xeTransfer, transferMethods, transferPrivateMethods);
+    const renderVN = () => {
+      const headerSlot = slots.header;
+      const footerSlot = slots.footer;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem,
+        class: 'vxe-transfer'
+      }, [headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-transfer--header'
+      }, headerSlot({
+        $transfer: $xeTransfer
+      })) : renderEmptyElement($xeTransfer), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-transfer--body'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-transfer--left-wrapper'
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-transfer--buttons-wrapper'
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-transfer--right-wrapper'
+      })]), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-transfer--footer'
+      }, footerSlot({
+        $transfer: $xeTransfer
+      })) : renderEmptyElement($xeTransfer)]);
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, transfer_createReactData());
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, transfer_createInternalData());
+    });
+    $xeTransfer.renderVN = renderVN;
+    return $xeTransfer;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// ./packages/transfer/index.ts
+
+
+
+const VxeTransfer = Object.assign({}, transfer, {
+  install(app) {
+    app.component(transfer.name, transfer);
+  }
+});
+dynamicApp.use(VxeTransfer);
+VxeUI.component(transfer);
+const Transfer = VxeTransfer;
+/* harmony default export */ var packages_transfer = (VxeTransfer);
+;// ./packages/tree/src/util.ts
 function countTreeExpand($xeTree, prevNode) {
   let count = 1;
   if (!prevNode) {
@@ -46689,58 +48305,6 @@ const crossTreeDragNodeInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.r
 function getCrossTreeDragNodeInfo() {
   return crossTreeDragNodeInfo;
 }
-;// ./packages/ui/src/anime.ts
-/* unused harmony import specifier */ var anime_XEUtils;
-/* unused harmony import specifier */ var anime_addClass;
-/* unused harmony import specifier */ var anime_removeClass;
-
-
-
-
-const rowMoveCls = 'row--drag-move';
-const colMoveClass = 'col--drag-move';
-/**
- * 上下拖拽
- */
-function moveRowAnimateToTb(elemList, offsetTop) {
-  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(elemList, trEl => {
-    trEl.style.transform = `translateY(${offsetTop}px)`;
-  });
-  requestAnimationFrame(() => {
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(elemList, trEl => {
-      addClass(trEl, rowMoveCls);
-      trEl.style.transform = '';
-    });
-  });
-}
-function clearRowAnimate(elem, clss) {
-  setTimeout(() => {
-    if (elem) {
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, rowMoveCls));
-    }
-  }, 500);
-}
-/**
- * 左右拖拽
- */
-function moveColAnimateToLr(elemList, offsetLeft) {
-  anime_XEUtils.arrayEach(elemList, trEl => {
-    trEl.style.transform = `translateX(${offsetLeft}px)`;
-  });
-  requestAnimationFrame(() => {
-    anime_XEUtils.arrayEach(elemList, trEl => {
-      anime_addClass(trEl, colMoveClass);
-      trEl.style.transform = '';
-    });
-  });
-}
-function clearColAnimate(elem, clss) {
-  setTimeout(() => {
-    if (elem) {
-      anime_XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => anime_removeClass(elem, colMoveClass));
-    }
-  }, 500);
-}
 ;// ./packages/tree/src/tree.ts
 
 
@@ -46895,19 +48459,13 @@ function tree_createReactData() {
       type: Boolean,
       default: () => tree_getConfig().tree.showRadio
     },
-    checkNodeKey: {
-      type: [String, Number],
-      default: () => tree_getConfig().tree.checkNodeKey
-    },
+    checkNodeKey: [String, Number],
     radioConfig: Object,
     showCheckbox: {
       type: Boolean,
       default: () => tree_getConfig().tree.showCheckbox
     },
-    checkNodeKeys: {
-      type: Array,
-      default: () => tree_getConfig().tree.checkNodeKeys
-    },
+    checkNodeKeys: Array,
     checkboxConfig: Object,
     nodeConfig: Object,
     lazy: Boolean,
@@ -47109,7 +48667,7 @@ function tree_createReactData() {
       }
       const valueField = computeValueField.value;
       const nodeKey = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(node, valueField);
-      return util_enNodeValue(nodeKey);
+      return enModelValue(nodeKey);
     };
     const isExpandByNode = node => {
       const {
@@ -47170,7 +48728,7 @@ function tree_createReactData() {
         }
         const nodeList = [];
         nodeKeys.forEach(nodeKey => {
-          const nodeid = util_enNodeValue(nodeKey);
+          const nodeid = enModelValue(nodeKey);
           const nodeItem = nodeMaps[nodeid];
           if (nodeItem) {
             nodeList.push(nodeItem.item);
@@ -48226,7 +49784,7 @@ function tree_createReactData() {
       reactData.updateCheckboxFlag++;
       updateCheckboxStatus();
       const nodeids = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().keys(selectCheckboxMaps);
-      const value = nodeids.map(util_deNodeValue);
+      const value = nodeids.map(deModelValue);
       emitCheckboxMode(value);
       dispatchEvent('checkbox-change', {
         node,
@@ -48294,7 +49852,7 @@ function tree_createReactData() {
         return;
       }
       const isChecked = true;
-      const value = util_deNodeValue(nodeid);
+      const value = deModelValue(nodeid);
       reactData.selectRadioKey = nodeid;
       emitRadioMode(value);
       dispatchEvent('radio-change', {
@@ -48340,7 +49898,7 @@ function tree_createReactData() {
           currentNode
         } = reactData;
         if (currentNode) {
-          return util_deNodeValue(getNodeId(currentNode));
+          return deModelValue(getNodeId(currentNode));
         }
         return null;
       },
@@ -48363,7 +49921,7 @@ function tree_createReactData() {
         const {
           nodeMaps
         } = internalData;
-        const nodeItem = nodeMaps[util_enNodeValue(nodeKey)];
+        const nodeItem = nodeMaps[enModelValue(nodeKey)];
         reactData.currentNode = nodeItem ? nodeItem.item : null;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       },
@@ -48395,7 +49953,7 @@ function tree_createReactData() {
         return null;
       },
       setRadioNodeId(nodeKey) {
-        reactData.selectRadioKey = util_enNodeValue(nodeKey);
+        reactData.selectRadioKey = enModelValue(nodeKey);
         emitRadioMode(nodeKey);
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       },
@@ -48403,7 +49961,7 @@ function tree_createReactData() {
         if (node) {
           const nodeid = getNodeId(node);
           reactData.selectRadioKey = nodeid;
-          emitRadioMode(util_deNodeValue(nodeid));
+          emitRadioMode(deModelValue(nodeid));
         } else {
           emitRadioMode(null);
         }
@@ -48430,7 +49988,7 @@ function tree_createReactData() {
         } = internalData;
         const nodeKeys = [];
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(selectCheckboxMaps, (item, nodeId) => {
-          nodeKeys.push(util_deNodeValue(nodeId));
+          nodeKeys.push(deModelValue(nodeId));
         });
         return nodeKeys;
       },
@@ -48528,7 +50086,7 @@ function tree_createReactData() {
             nodeKeys = [nodeKeys];
           }
           nodeKeys.forEach(nodeKey => {
-            const nodeid = util_enNodeValue(nodeKey);
+            const nodeid = enModelValue(nodeKey);
             handleSetExpand(nodeid, expanded, treeExpandedMaps);
           });
           reactData.updateExpandedFlag++;
@@ -48543,7 +50101,7 @@ function tree_createReactData() {
         } = internalData;
         const nodeKeys = [];
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(treeExpandedMaps, (item, nodeId) => {
-          nodeKeys.push(util_deNodeValue(nodeId));
+          nodeKeys.push(deModelValue(nodeId));
         });
         return nodeKeys;
       },
@@ -48588,7 +50146,7 @@ function tree_createReactData() {
             nodeKeys = [nodeKeys];
           }
           nodeKeys.forEach(nodeKey => {
-            const nodeid = util_enNodeValue(nodeKey);
+            const nodeid = enModelValue(nodeKey);
             handleSetExpand(nodeid, !treeExpandedMaps[`${nodeid}`], treeExpandedMaps);
           });
           reactData.updateExpandedFlag++;
@@ -48978,10 +50536,11 @@ function tree_createReactData() {
         const dragNodeid = getNodeId(dragNode);
         const dragNodeRest = nodeMaps[dragNodeid] || {};
         const _dragNodeIndex = dragNodeRest._index;
+        const newNodeid = getNodeId(prevDragNode);
         let dragNodeHeight = 0;
         let dragOffsetTop = -1;
         if (animation) {
-          const prevItemEl = el.querySelector(`.vxe-tree--node-wrapper[nodeid="${prevDragNode}"]`);
+          const prevItemEl = el.querySelector(`.vxe-tree--node-wrapper[nodeid="${newNodeid}"]`);
           const oldItemEl = el.querySelector(`.vxe-tree--node-wrapper[nodeid="${dragNodeid}"]`);
           const targetItemEl = prevItemEl || oldItemEl;
           if (targetItemEl) {
@@ -48996,7 +50555,6 @@ function tree_createReactData() {
         const oldAllMaps = {};
         let isSelfToChildStatus = false;
         const oldRest = dragNodeRest;
-        const newNodeid = getNodeId(prevDragNode);
         const newRest = nodeMaps[newNodeid];
         if (transform) {
           if (oldRest && newRest) {
@@ -49755,7 +51313,7 @@ function tree_createReactData() {
       loadData(props.data || []);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.checkNodeKey, nodeKey => {
-      reactData.selectRadioKey = util_enNodeValue(nodeKey);
+      reactData.selectRadioKey = enModelValue(nodeKey);
     });
     const checkboxFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.checkNodeKeys ? props.checkNodeKeys.length : 0, () => {
@@ -49832,7 +51390,7 @@ function tree_createReactData() {
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, tree_createReactData());
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, tree_createInternalData());
     });
-    reactData.selectRadioKey = util_enNodeValue(props.checkNodeKey);
+    reactData.selectRadioKey = enModelValue(props.checkNodeKey);
     loadData(props.data || []);
     $xeTree.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeTree', $xeTree);
@@ -49869,7 +51427,6 @@ const Tree = VxeTree;
 
 
 
-
 const {
   warnLog: tree_select_warnLog,
   errLog: tree_select_errLog
@@ -49959,10 +51516,12 @@ function tree_select_createInternalData() {
       type: Boolean,
       default: () => getConfig().treeSelect.showRadio
     },
+    radioConfig: Object,
     showCheckbox: {
       type: Boolean,
       default: () => getConfig().treeSelect.showCheckbox
     },
+    checkboxConfig: Object,
     popupConfig: Object,
     treeConfig: Object,
     menuConfig: Object,
@@ -50101,23 +51660,25 @@ function tree_select_createInternalData() {
     });
     const computeTreeCheckboxOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
-        showCheckbox
+        showCheckbox,
+        checkboxConfig
       } = props;
       const treeOpts = computeTreeOpts.value;
       return Object.assign({
         showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
-      }, treeOpts.checkboxConfig, {
+      }, treeOpts.checkboxConfig, checkboxConfig, {
         trigger: 'node'
       });
     });
     const computeTreeRadioOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
-        showRadio
+        showRadio,
+        radioConfig
       } = props;
       const treeOpts = computeTreeOpts.value;
       return Object.assign({
         showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
-      }, treeOpts.radioConfig, {
+      }, treeOpts.radioConfig, radioConfig, {
         trigger: 'node'
       });
     });
@@ -50404,7 +51965,7 @@ function tree_select_createInternalData() {
       }, evnt || null);
     };
     const changeEvent = (evnt, selectValue, node) => {
-      const value = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(selectValue) ? selectValue.map(util_deNodeValue) : util_deNodeValue(selectValue);
+      const value = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(selectValue) ? selectValue.map(deModelValue) : deModelValue(selectValue);
       emitModel(value);
       if (value !== props.modelValue) {
         dispatchEvent('change', {
@@ -53499,6 +55060,8 @@ const Watermark = VxeWatermark;
 
 
 
+
+
 
 
 
@@ -53508,7 +55071,7 @@ const {
   setTheme: components_setTheme,
   setConfig: components_setConfig
 } = VxeUI;
-const components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_backtop, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_cascader, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_context_menu, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, packages_loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_segmented, packages_select, packages_splitter, packages_splitter_panel, split, split_pane, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_timeline, packages_timeline_item, packages_tip, packages_tooltip, packages_tour, packages_tree, packages_tree_select, packages_upload, packages_watermark];
+const components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_backtop, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_cascader, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_context_menu, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, packages_loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_segmented, packages_select, packages_splitter, packages_splitter_panel, split, split_pane, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_table_transfer, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_timeline, packages_timeline_item, packages_tip, packages_tooltip, packages_tour, packages_transfer, packages_tree, packages_tree_select, packages_upload, packages_watermark];
 function install(app, options) {
   components_setConfig(options);
   components_components.forEach(component => app.use(component));
@@ -53614,6 +55177,8 @@ const readFile = readLocalFile;
 
 
 
+
+