diff --git a/package.json b/package.json
index c0334ab5..ea049992 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.2.55",
+  "version": "4.3.0",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -63,7 +63,7 @@
     "vue": "3.5.5",
     "vue-i18n": "^9.13.1",
     "vue-router": "^4.3.2",
-    "vxe-table": "^4.8.0"
+    "vxe-table": "^4.8.16"
   },
   "vetur": {
     "tags": "helper/vetur/tags.json",
diff --git a/packages/number-input/src/number-input.ts b/packages/number-input/src/number-input.ts
index 4d1f8aed..e1ef5960 100644
--- a/packages/number-input/src/number-input.ts
+++ b/packages/number-input/src/number-input.ts
@@ -259,7 +259,7 @@ export default defineComponent({
     }
 
     const handleChange = (val: number | null, inputValue: string, evnt: Event | { type: string }) => {
-      const value = XEUtils.eqNull(val) ? null : Number(val)
+      const value = (val as any) === '' || XEUtils.eqNull(val) ? null : Number(val)
       const isChange = Number(value) !== props.modelValue
       if (isChange) {
         reactData.inputValue = inputValue || ''
@@ -277,7 +277,7 @@ export default defineComponent({
 
     const emitInputEvent = (inputValue: any, evnt: Event) => {
       const inpImmediate = computeInpImmediate.value
-      const value = inputValue ? XEUtils.toNumber(inputValue) : null
+      const value = inputValue === '' || XEUtils.eqNull(inputValue) ? null : XEUtils.toNumber(inputValue)
       reactData.inputValue = inputValue
       if (inpImmediate) {
         handleChange(value, inputValue, evnt)
diff --git a/packages/ui/index.ts b/packages/ui/index.ts
index 3b530619..411dc7c3 100644
--- a/packages/ui/index.ts
+++ b/packages/ui/index.ts
@@ -109,7 +109,8 @@ setConfig({
     // colon: false,
     validConfig: {
       showMessage: true,
-      autoPos: true
+      autoPos: true,
+      theme: 'normal'
     },
     tooltipConfig: {
       enterable: true
diff --git a/types/components/form.d.ts b/types/components/form.d.ts
index 2d62ce16..44eb5107 100644
--- a/types/components/form.d.ts
+++ b/types/components/form.d.ts
@@ -69,6 +69,10 @@ export namespace VxeFormPropTypes {
   export type ValidConfig = {
     autoPos?: boolean
     showMessage?: boolean
+    /**
+     * 提示消息主题样式
+     */
+    theme?: 'normal' | 'beautify' | ''
   }
 
   /**
diff --git a/types/components/grid.d.ts b/types/components/grid.d.ts
index 5d548e38..e9b18016 100644
--- a/types/components/grid.d.ts
+++ b/types/components/grid.d.ts
@@ -465,6 +465,9 @@ export interface VxeGridEventProps<D = any> {
   onRowDragstart?: VxeGridEvents.RowDragstart<D>
   onRowDragover?: VxeGridEvents.RowDragover<D>
   onRowDragend?: VxeGridEvents.RowDragend<D>
+  onColumnDragstart?: VxeGridEvents.ColumnDragstart<D>
+  onColumnDragover?: VxeGridEvents.ColumnDragover<D>
+  onColumnDragend?: VxeGridEvents.ColumnDragend<D>
 
   // grid
   onProxyQuery?: VxeGridEvents.ProxyQuery<D>
@@ -526,6 +529,9 @@ export interface VxeGridListeners<D = any> {
   rowDragstart?: VxeGridEvents.RowDragstart<D>
   rowDragover?: VxeGridEvents.RowDragover<D>
   rowDragend?: VxeGridEvents.RowDragend<D>
+  columnDragstart?: VxeGridEvents.ColumnDragstart<D>
+  columnDragover?: VxeGridEvents.ColumnDragover<D>
+  columnDragend?: VxeGridEvents.ColumnDragend<D>
 
   // grid
   proxyQuery?: VxeGridEvents.ProxyQuery<D>
@@ -587,6 +593,9 @@ export namespace VxeGridEvents {
   export type RowDragstart<D = any> = (params: VxeGridDefines.RowDragstartEventParams<D>) => void
   export type RowDragover<D = any> = (params: VxeGridDefines.RowDragoverEventParams<D>) => void
   export type RowDragend<D = any> = (params: VxeGridDefines.RowDragendEventParams<D>) => void
+  export type ColumnDragstart<D = any> = (params: VxeGridDefines.ColumnDragstartEventParams<D>) => void
+  export type ColumnDragover<D = any> = (params: VxeGridDefines.ColumnDragoverEventParams<D>) => void
+  export type ColumnDragend<D = any> = (params: VxeGridDefines.ColumnDragendEventParams<D>) => void
 
   export type ProxyQuery<D = any> = (params: VxeGridDefines.ProxyQueryEventParams<D>) => void
   export type ProxyDelete<D = any> = (params: VxeGridDefines.ProxyDeleteEventParams<D>) => void
diff --git a/types/components/table-plugins/extend-cell-area.d.ts b/types/components/table-plugins/extend-cell-area.d.ts
index 19178369..4cb6ea64 100644
--- a/types/components/table-plugins/extend-cell-area.d.ts
+++ b/types/components/table-plugins/extend-cell-area.d.ts
@@ -77,12 +77,12 @@ export interface VxeTableProMethods<D = any> {
 export type VxeProPluginMethods<D = any> = VxeTableProMethods<D>
 
 export interface VxeTableProPrivateMethods<D = any> {
-  handleKeyboardEvent(evnt: KeyboardEvent): void
-  handleHeaderCellAreaEvent(evnt: KeyboardEvent, params: VxeTableDefines.HeaderCellClickEventParams<D>): void
+  handleKeyboardCellAreaEvent(evnt: KeyboardEvent): void
+  handleHeaderCellAreaEvent(evnt: MouseEvent, params: VxeTableDefines.HeaderCellClickEventParams<D>): void
   handleCellAreaEvent(evnt: MouseEvent, params: VxeTableDefines.CellClickEventParams<D>): void
   handleFilterEvent(evnt: Event, params: VxeTableDefines.FilterChangeEventParams<D>): any
   handleSortEvent(evnt: Event, params: VxeTableDefines.SortChangeEventParams<D>): any
-  handleUpdateCellAreas(): any
+  handleRecalculateCellAreas(): any
   handleCopyCellAreaEvent(evnt: ClipboardEvent): void
   handlePasteCellAreaEvent(evnt: ClipboardEvent): void
   handleCutCellAreaEvent(evnt: ClipboardEvent): void
diff --git a/types/components/table.d.ts b/types/components/table.d.ts
index f51216d8..1a4cd8d1 100644
--- a/types/components/table.d.ts
+++ b/types/components/table.d.ts
@@ -303,6 +303,10 @@ export namespace VxeTablePropTypes {
      * 固定列允许设置的最大数量（如果是分组，则一个分组算一个）
      */
     maxFixedSize?: number
+    /**
+     * 是否启用列拖拽排序
+     */
+    drag?: boolean
     /**
      * 每一列的自定义表头单元格数据导出方法，返回自定义的标题
      */
@@ -376,19 +380,23 @@ export namespace VxeTablePropTypes {
   }
 
   /**
-   * 可拖拽配置项
+   * 已废弃，被 RowDragConfig 替换
+   * @deprecated
    */
   export interface DragConfig<D = any>{
     /**
      * 自定义图标
+     * @deprecated
      */
     rowIcon?: string
     /**
      * 是否显示拖拽按钮图标
+     * @deprecated
      */
     showRowIcon?: boolean
     /**
      * 是否禁用拖拽按钮
+     * @deprecated
      */
     rowDisabledMethod?(params: {
       row: D
@@ -396,6 +404,7 @@ export namespace VxeTablePropTypes {
     }): boolean
     /**
      * 是否显示拖拽按钮
+     * @deprecated
      */
     rowVisibleMethod?(params: {
       row: D
@@ -403,23 +412,121 @@ export namespace VxeTablePropTypes {
     }): boolean
     /**
      * 自定义提示内容
+     * @deprecated
      */
     rowTooltipMethod?(params: {
       row: D
     }): string | number | null
     /**
      * 拖拽开始时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽
+     * @deprecated
      */
     dragStartMethod?(params: VxeTableDefines.RowDragstartEventParams<D>): boolean
     /**
      * 拖拽结束时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽调整顺序
+     * @deprecated
      */
     dragEndMethod?(params: Omit<VxeTableDefines.RowDragendEventParams<D>, '_index'>): Promise<boolean> | boolean
+    /**
+     * 自定义插槽模板
+     * @deprecated
+     */
+    slots?: {
+      rowTip?: string | ((params: VxeTableDefines.RowDragSlotParams) => VxeComponentSlotType | VxeComponentSlotType[])
+    }
+  }
+
+  /**
+   * 行拖拽排序配置项
+   */
+  export interface RowDragConfig<D = any>{
+    /**
+     * 自定义图标
+     */
+    icon?: string
+    /**
+     * 是否显示拖拽按钮图标
+     */
+    showIcon?: boolean
+    /**
+     * 是否禁用拖拽按钮
+     */
+    disabledMethod?(params: {
+      row: D
+      column: VxeTableDefines.ColumnInfo<D>
+    }): boolean
+    /**
+     * 是否显示拖拽按钮
+     */
+    visibleMethod?(params: {
+      row: D
+      column: VxeTableDefines.ColumnInfo<D>
+    }): boolean
+    /**
+     * 自定义提示内容
+     */
+    tooltipMethod?(params: {
+      row: D
+    }): string | number | null
+    /**
+     * 拖拽开始时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽
+     */
+    dragStartMethod?(params: VxeTableDefines.RowDragstartEventParams<D>): boolean
+    /**
+     * 拖拽结束时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽调整顺序
+     */
+    dragEndMethod?(params: Omit<VxeTableDefines.RowDragendEventParams<D>, '_index'>): Promise<boolean> | boolean
+    /**
+     * 自定义插槽模板
+     */
+    slots?: {
+      tip?: string | ((params: VxeTableDefines.RowDragSlotParams) => VxeComponentSlotType | VxeComponentSlotType[])
+    }
+  }
+
+  /**
+   * 列拖拽排序配置项
+   */
+  export interface ColumnDragConfig<D = any>{
+    /**
+     * 自定义图标
+     */
+    icon?: string
+    /**
+     * 是否显示拖拽按钮图标
+     */
+    showIcon?: boolean
+    /**
+     * 是否禁用拖拽按钮
+     */
+    disabledMethod?(params: {
+      column: VxeTableDefines.ColumnInfo<D>
+    }): boolean
+    /**
+     * 是否显示拖拽按钮
+     */
+    visibleMethod?(params: {
+      column: VxeTableDefines.ColumnInfo<D>
+    }): boolean
+    /**
+     * 自定义提示内容
+     */
+    tooltipMethod?(params: {
+      column: VxeTableDefines.ColumnInfo<D>
+    }): string | number | null
+    /**
+     * 拖拽开始时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽
+     */
+    dragStartMethod?(params: VxeTableDefines.ColumnDragstartEventParams<D>): boolean
+    /**
+     * 拖拽结束时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽调整顺序
+     */
+    dragEndMethod?(params: Omit<VxeTableDefines.ColumnDragendEventParams<D>, '_index'>): Promise<boolean> | boolean
     /**
      * 自定义插槽模板
      */
     slots?: {
-      rowTip?: string | ((params: VxeTableDefines.DragSlotParams) => VxeComponentSlotType | VxeComponentSlotType[])
+      tip?: string | ((params: VxeTableDefines.ColumnDragSlotParams) => VxeComponentSlotType | VxeComponentSlotType[])
     }
   }
 
@@ -910,9 +1017,13 @@ export namespace VxeTablePropTypes {
       $grid: VxeGridConstructor<D> | null | undefined
     }): boolean
     /**
-     * 只对 mouse-config.area 启用后有效，点击列头是否选取当前列的所有单元格
+     * 只对 mouse-config.area 启用后有效，表格头部选取功能
      */
     selectCellByHeader?: boolean
+    /**
+     * 只对 mouse-config.area 启用后有效，表格单元格选取功能
+     */
+    selectCellByBody?: boolean
     /**
      * 只对 mouse-config.area 启用后有效，
      * 如果为 true，则选中第一列单元格自动选取一整行，
@@ -1513,6 +1624,10 @@ export namespace VxeTablePropTypes {
      * 是否启用
      */
     enabled?: boolean
+    /**
+     * 是否开启实时渲染，当单元格渲染量太大时应该关闭，避免卡顿
+     */
+    immediate?: boolean
     /**
      * 当数据源被更改时，自动将横向滚动条滚动到左侧
      */
@@ -1546,6 +1661,10 @@ export namespace VxeTablePropTypes {
      * 是否启用纵向虚拟滚动
      */
     enabled?: boolean
+    /**
+     * 是否开启实时渲染，当单元格渲染量太大时应该关闭，避免卡顿
+     */
+    immediate?: boolean
     /**
      * 当数据源被更改时，自动将纵向滚动条复原到顶部
      */
@@ -2048,9 +2167,18 @@ export interface VxeTableProps<D = any> {
    */
   currentConfig?: VxeTablePropTypes.CurrentConfig<D>
   /**
-   * 当前行配置项
+   * 已废弃，被 rowDragConfig 替换
+   * @deprecated
    */
   dragConfig?: VxeTablePropTypes.DragConfig<D>
+  /**
+   * 行拖拽排序配置项
+   */
+  rowDragConfig?: VxeTablePropTypes.RowDragConfig<D>
+  /**
+   * 列拖拽排序配置项
+   */
+  columnDragConfig?: VxeTablePropTypes.ColumnDragConfig<D>
   /**
    * 个性化信息配置项
    */
@@ -2239,7 +2367,8 @@ export interface TablePrivateComputed<D = any> {
   computeColumnOpts: ComputedRef<VxeTablePropTypes.ColumnOpts>
   computeCellOpts: ComputedRef<VxeTablePropTypes.CellConfig>
   computeRowOpts: ComputedRef<VxeTablePropTypes.RowOpts>
-  computeDragOpts: ComputedRef<VxeTablePropTypes.DragConfig>
+  computeRowDragOpts: ComputedRef<VxeTablePropTypes.RowDragConfig>
+  computeColumnDragOpts: ComputedRef<VxeTablePropTypes.ColumnDragConfig>
   computeResizeOpts: ComputedRef<VxeTablePropTypes.ResizeOpts>
   computeResizableOpts: ComputedRef<VxeTablePropTypes.ResizableOpts<D>>
   computeSeqOpts: ComputedRef<VxeTablePropTypes.SeqOpts<D>>
@@ -2504,8 +2633,10 @@ export interface TableReactData<D = any> {
   },
   scrollVMLoading: boolean
 
-  isDragRowMove: boolean
+  isDragRowMove: Boolean
   dragRow: any
+  isDragColMove: boolean
+  dragCol: any
   dragTipText: string
 
   _isResize: boolean
@@ -2515,7 +2646,7 @@ export interface TableReactData<D = any> {
 export interface TableInternalData<D = any> {
   tZindex: number
   elemStore: {
-    [key: string]: Ref<HTMLElement> | null
+    [key: string]: Ref<HTMLElement> |Ref<ComponentPublicInstance> | null
   }
   // 存放横向 X 虚拟滚动相关的信息
   scrollXStore: {
@@ -2585,9 +2716,12 @@ export interface TableInternalData<D = any> {
   columnStatusMaps: Record<string, boolean>
   // 行选取状态
   rowStatusMaps: Record<string, boolean>
+
   // 上一个拖动的行
   prevDragRow?: any
-  prevDragPos?: 'top' | 'bottom' | ''
+  // 上一个拖动的列
+  prevDragCol?: VVxeTableDefines.ColumnInfo
+  prevDragPos?: 'top' | 'bottom' | 'left' | 'right' | ''
 
   // 特殊标识
   inited: boolean
@@ -3347,6 +3481,13 @@ export interface TablePrivateMethods<D = any> {
     column: VxeTableDefines.ColumnInfo
   }): void
   handleCellDragMouseupEvent (evnt: MouseEvent): void
+  handleHeaderCellDragDragstartEvent (evnt: DragEvent): void
+  handleHeaderCellDragDragendEvent(evnt: DragEvent): void
+  handleHeaderCellDragDragoverEvent(evnt: DragEvent,): void
+  handleHeaderCellDragMousedownEvent (evnt: MouseEvent, params: {
+    column: VxeTableDefines.ColumnInfo
+  }): void
+  handleHeaderCellDragMouseupEvent (evnt: MouseEvent): void
   handleScrollEvent(evnt: Event, isRollY: boolean, isRollX: boolean, scrollTop: number, scrollLeft: number, params: {
     type: string
     fixed: VxeColumnPropTypes.Fixed
@@ -3419,6 +3560,9 @@ export type VxeTableEmits = [
   'row-dragstart',
   'row-dragover',
   'row-dragend',
+  'column-dragstart',
+  'column-dragover',
+  'column-dragend',
 
   'edit-actived', // 已废弃
 
@@ -4046,11 +4190,36 @@ export namespace VxeTableDefines {
     oldRow: D
     targetRow: D
     dragPos: 'top' | 'bottom'
+    offsetIndex: 0 | 1
   }
 
   export interface RowDragendEventParams<D = any> {
     newRow: D
     oldRow: D
+    dragPos: 'top' | 'bottom'
+    offsetIndex: 0 | 1
+    _index: {
+      newIndex: number
+      oldIndex: number
+    }
+  }
+
+  export interface ColumnDragstartEventParams<D = any> {
+    column: VxeTableDefines.ColumnInfo<D>
+  }
+
+  export interface ColumnDragoverEventParams<D = any> {
+    oldColumn: VxeTableDefines.ColumnInfo<D>
+    targetColumn: VxeTableDefines.ColumnInfo<D>
+    dragPos: 'left' | 'right'
+    offsetIndex: 0 | 1
+  }
+
+  export interface ColumnDragendEventParams<D = any> {
+    newColumn: VxeTableDefines.ColumnInfo<D>
+    oldColumn: VxeTableDefines.ColumnInfo<D>
+    dragPos: 'left' | 'right'
+    offsetIndex: 0 | 1
     _index: {
       newIndex: number
       oldIndex: number
@@ -4126,10 +4295,14 @@ export namespace VxeTableDefines {
     isAllIndeterminate: boolean
   }
 
-  export interface DragSlotParams<D = any> {
+  export interface RowDragSlotParams<D = any> {
     row: D
   }
 
+  export interface ColumnDragSlotParams<D = any> {
+    column: VxeTableDefines.ColumnInfo<D>
+  }
+
   export interface MenuSlotParams {
 
   }
@@ -4323,6 +4496,9 @@ export interface VxeTableEventProps<D = any> {
   onRowDragstart?: VxeTableEvents.RowDragstart<D>
   onRowDragover?: VxeTableEvents.RowDragover<D>
   onRowDragend?: VxeTableEvents.RowDragend<D>
+  onColumnDragstart?: VxeTableEvents.ColumnDragstart<D>
+  onColumnDragover?: VxeTableEvents.ColumnDragover<D>
+  onColumnDragend?: VxeTableEvents.ColumnDragend<D>
 
   /**
    * 已废弃，请使用 onEditActivated
@@ -4392,6 +4568,9 @@ export interface VxeTableListeners<D = any> {
   rowDragstart?: VxeTableEvents.RowDragstart<D>
   rowDragover?: VxeTableEvents.RowDragover<D>
   rowDragend?: VxeTableEvents.RowDragend<D>
+  columnDragstart?: VxeTableEvents.ColumnDragstart<D>
+  columnDragover?: VxeTableEvents.ColumnDragover<D>
+  columnDragend?: VxeTableEvents.ColumnDragend<D>
 
   /**
    * 已废弃，请使用 editActivated
@@ -4444,6 +4623,9 @@ export namespace VxeTableEvents {
   export type RowDragstart<D = VxeTablePropTypes.Row> = (params: VxeTableDefines.RowDragstartEventParams<D>) => void
   export type RowDragover<D = VxeTablePropTypes.Row> = (params: VxeTableDefines.RowDragoverEventParams<D>) => void
   export type RowDragend<D = VxeTablePropTypes.Row> = (params: VxeTableDefines.RowDragendEventParams<D>) => void
+  export type ColumnDragstart<D = VxeTablePropTypes.Row> = (params: VxeTableDefines.ColumnDragstartEventParams<D>) => void
+  export type ColumnDragover<D = VxeTablePropTypes.Row> = (params: VxeTableDefines.ColumnDragoverEventParams<D>) => void
+  export type ColumnDragend<D = VxeTablePropTypes.Row> = (params: VxeTableDefines.ColumnDragendEventParams<D>) => void
 
   /**
    * 已废弃，请使用 EditActivated
diff --git a/types/ui/global-icon.d.ts b/types/ui/global-icon.d.ts
index 29229229..ad59082e 100644
--- a/types/ui/global-icon.d.ts
+++ b/types/ui/global-icon.d.ts
@@ -24,6 +24,7 @@ declare module '@vxe-ui/core' {
     TABLE_CUSTOM_SORT?: string
     TABLE_MENU_OPTIONS?: string
     TABLE_DRAG_ROW?: string
+    TABLE_DRAG_COLUMN?: string
 
     // toolbar
     TOOLBAR_TOOLS_REFRESH?: string