vxe-table 4.9.26 → 4.9.28

package/packages/table/src/body.ts

@@ -36,7 +36,7 @@ export default defineComponent({
 
     const { xID, props: tableProps, context: tableContext, reactData: tableReactData, internalData: tableInternalData } = $xeTable
     const { refTableBody, refTableHeader, refTableFooter, refTableLeftBody, refTableRightBody, refScrollXHandleElem, refScrollYHandleElem } = $xeTable.getRefMaps()
-    const { computeEditOpts, computeMouseOpts, computeAreaOpts, computeSYOpts, computeEmptyOpts, computeKeyboardOpts, computeTooltipOpts, computeRadioOpts, computeExpandOpts, computeTreeOpts, computeCheckboxOpts, computeCellOpts, computeValidOpts, computeRowOpts, computeColumnOpts } = $xeTable.getComputeMaps()
+    const { computeEditOpts, computeMouseOpts, computeAreaOpts, computeSYOpts, computeEmptyOpts, computeKeyboardOpts, computeTooltipOpts, computeRadioOpts, computeExpandOpts, computeTreeOpts, computeCheckboxOpts, computeCellOpts, computeValidOpts, computeRowOpts, computeColumnOpts, computeRowDragOpts } = $xeTable.getComputeMaps()
 
     const refElem = ref() as Ref<HTMLDivElement>
     const refBodyTable = ref() as Ref<HTMLTableElement>
@@ -140,6 +140,8 @@ export default defineComponent({
       const editOpts = computeEditOpts.value
       const tooltipOpts = computeTooltipOpts.value
       const rowOpts = computeRowOpts.value
+      const rowDragOpts = computeRowDragOpts.value
+      const { disabledMethod: dragDisabledMethod } = rowDragOpts
       const sYOpts = computeSYOpts.value
       const columnOpts = computeColumnOpts.value
       const mouseOpts = computeMouseOpts.value
@@ -195,6 +197,14 @@ export default defineComponent({
         data: tableData,
         items
       }
+      let isColDragCell = false
+      let isDisabledDrag = false
+      if (rowOpts.drag) {
+        isColDragCell = rowDragOpts.trigger === 'row' || (column.dragSort && rowDragOpts.trigger === 'cell')
+      }
+      if (isColDragCell) {
+        isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(params))
+      }
       // hover 进入事件
       if (showTitle || showTooltip || showAllTip || tooltipConfig) {
         tdOns.onMouseenter = (evnt: MouseEvent) => {
@@ -223,7 +233,7 @@ export default defineComponent({
         }
       }
       // 按下事件处理
-      if (checkboxOpts.range || mouseConfig) {
+      if (isColDragCell || checkboxOpts.range || mouseConfig) {
         tdOns.onMousedown = (evnt: MouseEvent) => {
           $xeTable.triggerCellMousedownEvent(evnt, params)
         }
@@ -367,6 +377,8 @@ export default defineComponent({
             'col--edit': isEdit,
             'col--ellipsis': hasEllipsis,
             'fixed--hidden': fixedHiddenColumn,
+            'is--drag-cell': isColDragCell,
+            'is--drag-disabled': isDisabledDrag,
             'col--dirty': isDirty,
             'col--active': editConfig && isEdit && (actived.row === row && (actived.column === column || editOpts.mode === 'row')),
             'col--valid-error': !!errorValidItem,
@@ -387,7 +399,7 @@ export default defineComponent({
 
     const renderRows = (fixedType: any, tableData: any, tableColumn: any) => {
       const { stripe, rowKey, highlightHoverRow, rowClassName, rowStyle, showOverflow: allColumnOverflow, editConfig, treeConfig } = tableProps
-      const { hasFixedColumn, treeExpandedMaps, scrollYLoad, rowExpandedMaps, expandColumn, selectRadioRow, pendingRowMaps, pendingRowList, isDragColMove } = tableReactData
+      const { hasFixedColumn, treeExpandedMaps, scrollYLoad, rowExpandedMaps, expandColumn, selectRadioRow, pendingRowMaps, isDragColMove } = tableReactData
       const { fullAllDataRowIdData } = tableInternalData
       const checkboxOpts = computeCheckboxOpts.value
       const radioOpts = computeRadioOpts.value
@@ -463,7 +475,7 @@ export default defineComponent({
             'row--new': isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
             'row--radio': radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
             'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
-            'row--pending': pendingRowList.length && !!pendingRowMaps[rowid]
+            'row--pending': !!pendingRowMaps[rowid]
           },
           getPropClass(rowClassName, params)
         ]

package/packages/table/src/cell.ts

@@ -50,20 +50,24 @@ function renderCellDragIcon (params: VxeTableDefines.CellRenderBodyParams) {
   const { dragConfig } = tableProps
   const { computeRowDragOpts } = $table.getComputeMaps()
   const rowDragOpts = computeRowDragOpts.value
-  const { icon, disabledMethod } = rowDragOpts
+  const { icon, trigger, disabledMethod } = rowDragOpts
   const rDisabledMethod = disabledMethod || (dragConfig ? dragConfig.rowDisabledMethod : null)
   const isDisabled = rDisabledMethod && rDisabledMethod(params)
+  const ons: Record<string, any> = {}
+  if (trigger !== 'cell') {
+    ons.onMousedown = (evnt: MouseEvent) => {
+      if (!isDisabled) {
+        $table.handleCellDragMousedownEvent(evnt, params)
+      }
+    }
+    ons.onMouseup = $table.handleCellDragMouseupEvent
+  }
   return h('span', {
     key: 'dg',
     class: ['vxe-cell--drag-handle', {
       'is--disabled': isDisabled
     }],
-    onMousedown (evnt) {
-      if (!isDisabled) {
-        $table.handleCellDragMousedownEvent(evnt, params)
-      }
-    },
-    onMouseup: $table.handleCellDragMouseupEvent
+    ...ons
   }, [
     h('i', {
       class: icon || (dragConfig ? dragConfig.rowIcon : '') || getIcon().TABLE_DRAG_ROW
@@ -103,21 +107,25 @@ function renderHeaderCellDragIcon (params: VxeTableDefines.CellRenderHeaderParam
   const { computeColumnOpts, computeColumnDragOpts } = $table.getComputeMaps()
   const columnOpts = computeColumnOpts.value
   const columnDragOpts = computeColumnDragOpts.value
-  const { showIcon, icon, isCrossDrag, visibleMethod, disabledMethod } = columnDragOpts
-  const isDisabled = disabledMethod && disabledMethod(params)
+  const { showIcon, icon, trigger, isCrossDrag, visibleMethod, disabledMethod } = columnDragOpts
   if (columnOpts.drag && showIcon && (!visibleMethod || visibleMethod(params))) {
     if (!column.fixed && (isCrossDrag || !column.parentId)) {
+      const isDisabled = disabledMethod && disabledMethod(params)
+      const ons: Record<string, any> = {}
+      if (trigger !== 'cell') {
+        ons.onMousedown = (evnt: MouseEvent) => {
+          if (!isDisabled) {
+            $table.handleHeaderCellDragMousedownEvent(evnt, params)
+          }
+        }
+        ons.onMouseup = $table.handleHeaderCellDragMouseupEvent
+      }
       return h('span', {
         key: 'dg',
         class: ['vxe-cell--drag-handle', {
           'is--disabled': isDisabled
         }],
-        onMousedown (evnt) {
-          if (!isDisabled) {
-            $table.handleHeaderCellDragMousedownEvent(evnt, params)
-          }
-        },
-        onMouseup: $table.handleHeaderCellDragMouseupEvent
+        ...ons
       }, [
         h('i', {
           class: icon || getIcon().TABLE_DRAG_COLUMN

package/packages/table/src/header.ts

@@ -27,7 +27,7 @@ export default defineComponent({
 
     const { xID, props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable
     const { refElem: tableRefElem, refTableBody, refLeftContainer, refRightContainer, refCellResizeBar, refCellResizeTip } = $xeTable.getRefMaps()
-    const { computeColumnOpts, computeResizableOpts } = $xeTable.getComputeMaps()
+    const { computeColumnOpts, computeColumnDragOpts, computeResizableOpts } = $xeTable.getComputeMaps()
 
     const headerColumn = ref([] as VxeTableDefines.ColumnInfo[][])
 
@@ -169,6 +169,8 @@ export default defineComponent({
       const { resizable: allResizable, border, columnKey, headerCellClassName, headerCellStyle, showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign, mouseConfig } = tableProps
       const { currentColumn, scrollXLoad, overflowX, scrollbarWidth } = tableReactData
       const columnOpts = computeColumnOpts.value
+      const columnDragOpts = computeColumnDragOpts.value
+      const { disabledMethod: dragDisabledMethod } = columnDragOpts
       return cols.map((column, $columnIndex) => {
         const { type, showHeaderOverflow, headerAlign, align, headerClassName, editRender, cellRender } = column
         const colid = column.id
@@ -186,6 +188,11 @@ export default defineComponent({
         const columnIndex = $xeTable.getColumnIndex(column)
         const _columnIndex = $xeTable.getVTColumnIndex(column)
         const params: VxeTableDefines.CellRenderHeaderParams = { $table: $xeTable, $grid: $xeTable.xegrid, $rowIndex, column, columnIndex, $columnIndex, _columnIndex, fixed: fixedType, type: renderType, isHidden: fixedHiddenColumn, hasFilter }
+        const thAttrs: Record<string, string | number | null> = {
+          colid,
+          colspan: column.colSpan > 1 ? column.colSpan : null,
+          rowspan: column.rowSpan > 1 ? column.rowSpan : null
+        }
         const thOns: any = {
           onClick: (evnt: MouseEvent) => $xeTable.triggerHeaderCellClickEvent(evnt, params),
           onDblclick: (evnt: MouseEvent) => $xeTable.triggerHeaderCellDblclickEvent(evnt, params)
@@ -194,15 +201,23 @@ export default defineComponent({
         if (scrollXLoad && !hasEllipsis) {
           showEllipsis = hasEllipsis = true
         }
+        const isColDragCell = columnOpts.drag && columnDragOpts.trigger === 'cell'
+        let isDisabledDrag = false
+        if (isColDragCell) {
+          isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(params))
+        }
         // 按下事件处理
-        if (mouseConfig) {
+        if (mouseConfig || isColDragCell) {
           thOns.onMousedown = (evnt: MouseEvent) => $xeTable.triggerHeaderCellMousedownEvent(evnt, params)
         }
-        // 拖拽行事件
+        // 拖拽列事件
         if (columnOpts.drag) {
           thOns.onDragstart = $xeTable.handleHeaderCellDragDragstartEvent
           thOns.onDragend = $xeTable.handleHeaderCellDragDragendEvent
           thOns.onDragover = $xeTable.handleHeaderCellDragDragoverEvent
+          if (isColDragCell) {
+            thOns.onMouseup = $xeTable.handleHeaderCellDragMouseupEvent
+          }
         }
         return h('th', {
           class: ['vxe-header--column', colid, {
@@ -216,15 +231,14 @@ export default defineComponent({
             'is--sortable': column.sortable,
             'col--filter': !!column.filters,
             'is--filter-active': hasFilter,
+            'is--drag-disabled': isDisabledDrag,
             'col--current': currentColumn === column
           },
           headerClassName ? (XEUtils.isFunction(headerClassName) ? headerClassName(params) : headerClassName) : '',
           headerCellClassName ? (XEUtils.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName) : ''
           ],
-          colid,
-          colspan: column.colSpan > 1 ? column.colSpan : null,
-          rowspan: column.rowSpan > 1 ? column.rowSpan : null,
           style: headerCellStyle ? (XEUtils.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle) : null,
+          ...thAttrs,
           ...thOns,
           key: columnKey || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
         }, [

package/packages/table/src/table.ts

@@ -114,8 +114,6 @@ export default defineComponent({
       reColumnFlag: 0,
       // 已标记的对象集
       pendingRowMaps: {},
-      // 已标记的行
-      pendingRowList: [],
       // 初始化标识
       initStore: {
         filter: false,
@@ -3261,16 +3259,13 @@ export default defineComponent({
        * @param {Array} datas 数据
        */
       loadData (datas) {
-        const { inited, initStatus } = internalData
+        const { initStatus } = internalData
         return loadTableData(datas).then(() => {
           internalData.inited = true
           internalData.initStatus = true
           if (!initStatus) {
             handleLoadDefaults()
           }
-          if (!inited) {
-            handleInitDefaults()
-          }
           return tableMethods.recalculate()
         })
       },
@@ -3279,7 +3274,6 @@ export default defineComponent({
        * @param {Array} datas 数据
        */
       reloadData (datas) {
-        const { inited } = internalData
         return tableMethods.clearAll()
           .then(() => {
             internalData.inited = true
@@ -3288,9 +3282,6 @@ export default defineComponent({
           })
           .then(() => {
             handleLoadDefaults()
-            if (!inited) {
-              handleInitDefaults()
-            }
             return tableMethods.recalculate()
           })
       },
@@ -4520,8 +4511,7 @@ export default defineComponent({
         return nextTick()
       },
       setPendingRow (rows: any | any[], status: boolean) {
-        const pendingMaps = { ...reactData.pendingRowMaps }
-        const pendingList = [...reactData.pendingRowList]
+        const pendingMaps = Object.assign({}, reactData.pendingRowMaps)
         if (rows && !XEUtils.isArray(rows)) {
           rows = [rows]
         }
@@ -4529,7 +4519,6 @@ export default defineComponent({
           rows.forEach((row: any) => {
             const rowid = getRowid($xeTable, row)
             if (rowid && !pendingMaps[rowid]) {
-              pendingList.push(row)
               pendingMaps[rowid] = row
             }
           })
@@ -4537,21 +4526,15 @@ export default defineComponent({
           rows.forEach((row: any) => {
             const rowid = getRowid($xeTable, row)
             if (rowid && pendingMaps[rowid]) {
-              const pendingIndex = $xeTable.findRowIndexOf(pendingList, row)
-              if (pendingIndex > -1) {
-                pendingList.splice(pendingIndex, 1)
-              }
               delete pendingMaps[rowid]
             }
           })
         }
         reactData.pendingRowMaps = pendingMaps
-        reactData.pendingRowList = pendingList
         return nextTick()
       },
       togglePendingRow (rows: any | any[]) {
-        const pendingMaps = { ...reactData.pendingRowMaps }
-        const pendingList = [...reactData.pendingRowList]
+        const pendingMaps = Object.assign({}, reactData.pendingRowMaps)
         if (rows && !XEUtils.isArray(rows)) {
           rows = [rows]
         }
@@ -4559,19 +4542,13 @@ export default defineComponent({
           const rowid = getRowid($xeTable, row)
           if (rowid) {
             if (pendingMaps[rowid]) {
-              const pendingIndex = $xeTable.findRowIndexOf(pendingList, row)
-              if (pendingIndex > -1) {
-                pendingList.splice(pendingIndex, 1)
-              }
               delete pendingMaps[rowid]
             } else {
-              pendingList.push(row)
               pendingMaps[rowid] = row
             }
           }
         })
         reactData.pendingRowMaps = pendingMaps
-        reactData.pendingRowList = pendingList
         return nextTick()
       },
       hasPendingByRow (row) {
@@ -4583,12 +4560,18 @@ export default defineComponent({
         return !!pendingRowMaps[rowid]
       },
       getPendingRecords () {
-        const { pendingRowList } = reactData
-        return pendingRowList.slice(0)
+        const { pendingRowMaps } = reactData
+        const { fullAllDataRowIdData } = internalData
+        const insertRecords: any[] = []
+        XEUtils.each(pendingRowMaps, (row, rowid) => {
+          if (fullAllDataRowIdData[rowid]) {
+            insertRecords.push(row)
+          }
+        })
+        return insertRecords
       },
       clearPendingRow () {
         reactData.pendingRowMaps = {}
-        reactData.pendingRowList = []
         return nextTick()
       },
       sort (sortConfs: any, sortOrder?: VxeTablePropTypes.SortOrder) {
@@ -6944,6 +6927,20 @@ export default defineComponent({
             }
           }
         }
+        // 如果是双击编辑模式
+        if (isEnableConf(editConfig) && editOpts.trigger === 'dblclick') {
+          if (actived.row && actived.column) {
+            if (editOpts.mode === 'row') {
+              if (!$xeTable.eqRow(actived.row, row)) {
+                $xeTable.handleClearEdit(evnt)
+              }
+            } else if (editOpts.mode === 'cell') {
+              if (!$xeTable.eqRow(actived.row, row) || actived.column.id !== column.id) {
+                $xeTable.handleClearEdit(evnt)
+              }
+            }
+          }
+        }
         dispatchEvent('cell-click', params, evnt)
       },
       /**
@@ -7171,6 +7168,74 @@ export default defineComponent({
           $xeTable.handleColumnSortEvent(evnt, column)
         }
       },
+      /**
+       * 表头单元格按下事件
+       */
+      triggerHeaderCellMousedownEvent (evnt, params) {
+        const { mouseConfig } = props
+        const mouseOpts = computeMouseOpts.value
+        const columnOpts = computeColumnOpts.value
+        const columnDragOpts = computeColumnDragOpts.value
+        const { trigger, disabledMethod } = columnDragOpts
+        const cell = evnt.currentTarget as HTMLDivElement
+        const triggerInput = cell && cell.tagName && cell.tagName.toLowerCase() === 'input'
+        const triggerCheckbox = getEventTargetNode(evnt, cell, 'vxe-cell--checkbox').flag
+        const triggerSort = getEventTargetNode(evnt, cell, 'vxe-cell--sort').flag
+        const triggerFilter = getEventTargetNode(evnt, cell, 'vxe-cell--filter').flag
+        let triggerDrag = false
+        if (!(triggerInput || triggerCheckbox || triggerSort || triggerFilter)) {
+          if (columnOpts.drag && trigger === 'cell' && !(disabledMethod && disabledMethod(params))) {
+            triggerDrag = true
+            $xeTable.handleHeaderCellDragMousedownEvent(evnt, params)
+          }
+        }
+        if (!triggerDrag && mouseConfig && mouseOpts.area && $xeTable.handleHeaderCellAreaEvent) {
+          $xeTable.handleHeaderCellAreaEvent(evnt, Object.assign({ cell, triggerSort, triggerFilter }, params))
+        }
+        $xeTable.focus()
+        if ($xeTable.closeMenu) {
+          $xeTable.closeMenu()
+        }
+      },
+      /**
+       * 单元格按下事件
+       */
+      triggerCellMousedownEvent (evnt, params) {
+        const { column } = params
+        const { type, treeNode } = column
+        const isRadioType = type === 'radio'
+        const isCheckboxType = type === 'checkbox'
+        const isExpandType = type === 'expand'
+        const rowOpts = computeRowOpts.value
+        const rowDragOpts = computeRowDragOpts.value
+        const { trigger, disabledMethod } = rowDragOpts
+        const cell = evnt.currentTarget
+        params.cell = cell
+        const triggerInput = cell && cell.tagName && cell.tagName.toLowerCase() === 'input'
+        const triggerRadio = isRadioType && getEventTargetNode(evnt, cell, 'vxe-cell--radio').flag
+        const triggerCheckbox = isCheckboxType && getEventTargetNode(evnt, cell, 'vxe-cell--checkbox').flag
+        const triggerTreeNode = treeNode && getEventTargetNode(evnt, cell, 'vxe-tree--btn-wrapper').flag
+        const triggerExpandNode = isExpandType && getEventTargetNode(evnt, cell, 'vxe-table--expanded').flag
+        let isColDragCell = false
+        if (rowOpts.drag) {
+          isColDragCell = trigger === 'row' || (column.dragSort && trigger === 'cell')
+        }
+        let triggerDrag = false
+        if (!(triggerInput || triggerRadio || triggerCheckbox || triggerTreeNode || triggerExpandNode)) {
+          if (isColDragCell && !(disabledMethod && disabledMethod(params))) {
+            triggerDrag = true
+            $xeTable.handleCellDragMousedownEvent(evnt, params)
+          }
+        }
+        if (!triggerDrag && $xeTable.handleCellMousedownEvent) {
+          $xeTable.handleCellMousedownEvent(evnt, params)
+        }
+        $xeTable.focus()
+        $xeTable.closeFilter()
+        if ($xeTable.closeMenu) {
+          $xeTable.closeMenu()
+        }
+      },
       /**
        * 行拖拽
        */
@@ -7396,15 +7461,15 @@ export default defineComponent({
         }
       },
       handleCellDragMousedownEvent (evnt, params) {
+        evnt.stopPropagation()
         const { dragConfig } = props
         const rowDragOpts = computeRowDragOpts.value
-        const { dragStartMethod } = rowDragOpts
+        const { trigger, dragStartMethod } = rowDragOpts
         const { row } = params
         const dragEl = evnt.currentTarget as HTMLElement
-        const tdEl = dragEl.parentElement?.parentElement as HTMLElement
+        const tdEl = trigger === 'cell' || trigger === 'row' ? dragEl : dragEl.parentElement?.parentElement as HTMLElement
         const trEl = tdEl.parentElement as HTMLElement
         const dStartMethod = dragStartMethod || (dragConfig ? dragConfig.dragStartMethod : null)
-        reactData.isDragRowMove = false
         clearRowDropOrigin()
         if (dStartMethod && !dStartMethod(params)) {
           trEl.draggable = false
@@ -7644,11 +7709,12 @@ export default defineComponent({
         }
       },
       handleHeaderCellDragMousedownEvent (evnt, params) {
+        evnt.stopPropagation()
         const columnDragOpts = computeColumnDragOpts.value
-        const { dragStartMethod } = columnDragOpts
+        const { trigger, dragStartMethod } = columnDragOpts
         const { column } = params
         const dragEl = evnt.currentTarget as HTMLElement
-        const thEl = dragEl.parentElement?.parentElement as HTMLElement
+        const thEl = trigger === 'cell' ? dragEl : dragEl.parentElement?.parentElement as HTMLElement
         reactData.isDragColMove = false
         clearColDropOrigin()
         if (dragStartMethod && !dragStartMethod(params)) {
@@ -7732,6 +7798,8 @@ export default defineComponent({
           }
           internalData.lastScrollTop = scrollTop
         }
+        reactData.isDragColMove = false
+        reactData.isDragRowMove = false
         reactData.lastScrollTime = Date.now()
         const evntParams = {
           scrollTop,
@@ -8184,6 +8252,7 @@ export default defineComponent({
       const resizableOpts = computeResizableOpts.value
       const isArea = mouseConfig && mouseOpts.area
       const tableStyle = computeTableStyle.value
+      const columnDragOpts = computeColumnDragOpts.value
       return h('div', {
         ref: refElem,
         class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
@@ -8200,6 +8269,7 @@ export default defineComponent({
           'column--highlight': columnOpts.isHover || highlightHoverColumn,
           'checkbox--range': checkboxOpts.range,
           'column--calc': isCalcColumn,
+          'col--drag-cell': columnOpts.drag && columnDragOpts.trigger === 'cell',
           'is--header': showHeader,
           'is--footer': showFooter,
           'is--group': isGroup,
@@ -8468,7 +8538,7 @@ export default defineComponent({
       dataFlag.value++
     })
     watch(dataFlag, () => {
-      const { inited, initStatus } = internalData
+      const { initStatus } = internalData
       loadTableData(props.data || []).then(() => {
         const { scrollXLoad, scrollYLoad, expandColumn } = reactData
         internalData.inited = true
@@ -8476,9 +8546,6 @@ export default defineComponent({
         if (!initStatus) {
           handleLoadDefaults()
         }
-        if (!inited) {
-          handleInitDefaults()
-        }
         if (process.env.VUE_APP_VXE_ENV === 'development') {
           // const checkboxOpts = computeCheckboxOpts.value
           // const checkboxColumn = internalData.tableFullColumn.find(column => column.type === 'checkbox')
@@ -8758,7 +8825,7 @@ export default defineComponent({
           if (props.editRules && !$xeTable.validate) {
             errLog('vxe.error.reqModule', ['Validator'])
           }
-          if ((checkboxOpts.range || props.keyboardConfig || props.mouseConfig) && !$xeTable.triggerCellMousedownEvent) {
+          if ((checkboxOpts.range || props.keyboardConfig || props.mouseConfig) && !$xeTable.handleCellMousedownEvent) {
             errLog('vxe.error.reqModule', ['Keyboard'])
           }
           if ((props.printConfig || props.importConfig || props.exportConfig) && !$xeTable.exportData) {
@@ -8783,8 +8850,8 @@ export default defineComponent({
             internalData.inited = true
             internalData.initStatus = true
             handleLoadDefaults()
-            handleInitDefaults()
           }
+          handleInitDefaults()
           updateStyle()
         })
 
@@ -8825,8 +8892,6 @@ export default defineComponent({
       tablePrivateMethods.preventEvent(null, 'mounted', { $table: $xeTable })
     })
 
-    ;(window as any).aaaa = $xeTable
-
     onBeforeUnmount(() => {
       if (resizeObserver) {
         resizeObserver.disconnect()

package/styles/components/table.scss

@@ -677,6 +677,24 @@
       }
     }
   }
+  &.col--drag-cell {
+    .vxe-header--column {
+      user-select: none;
+      &:not(.is--drag-disabled) {
+        cursor: grab;
+        &:active {
+          cursor: grabbing;
+        }
+        &:hover {
+          color: var(--vxe-ui-font-primary-color);
+        }
+      }
+      &.is--drag-disabled {
+        color: var(--vxe-ui-input-disabled-color);
+        cursor: not-allowed;
+      }
+    }
+  }
   &.column--highlight {
     .vxe-header--column {
       &:not(.col--seq) {
@@ -1368,6 +1386,24 @@
       }
     }
   }
+  .vxe-body--column {
+    &.is--drag-cell {
+      user-select: none;
+      &:not(.is--drag-disabled) {
+        cursor: grab;
+        &:active {
+          cursor: grabbing;
+        }
+        &:hover {
+          color: var(--vxe-ui-font-primary-color);
+        }
+      }
+      &.is--drag-disabled {
+        color: var(--vxe-ui-input-disabled-color);
+        cursor: not-allowed;
+      }
+    }
+  }
   .vxe-body--row-list-move {
     transition-property: transform;
     transition-duration: 0.35s;