vxe-pc-ui 3.15.1 → 3.15.3

package/packages/splitter/src/splitter.ts

@@ -5,10 +5,12 @@ import { getConfig, getIcon, createEvent, globalEvents, globalMixins, globalResi
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit, isScale, addClass, removeClass } from '../../ui/src/dom'
 import { getGlobalDefaultConfig } from '../../ui/src/utils'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import type { SplitterReactData, VxeSplitterPropTypes, VxeComponentSizeType, SplitterInternalData, VxeSplitterEmits, VxeSplitterPanelPropTypes, ValueOf, VxeSplitterPanelProps, VxeSplitterDefines } from '../../../types'
 
+const { warnLog, errLog } = createComponentLog('splitter')
+
 export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeSplitter',
   mixins: [
@@ -49,7 +51,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
       staticItems: [],
       itemList: [],
       barWidth: 0,
-      barHeight: 0
+      barHeight: 0,
+      resizeFlag: 0
     }
     const internalData: SplitterInternalData = {
       wrapperWidth: 0,
@@ -169,11 +172,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
       reactData.itemList = reactData.staticItems || []
       if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
-        errLog('vxe.error.modelConflicts', ['[splitter] action-config.showPrevButton | action-config.showNextButton', '<vxe-splitter-panel ...> Only supports 2 panel'])
+        errLog('vxe.error.modelConflicts', ['action-config.showPrevButton | action-config.showNextButton', '<vxe-splitter-panel ...> Only supports 2 panel'])
       }
       reactData.itemList.forEach(item => {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['[splitter] show-action'])
+          warnLog('vxe.error.removeProp', ['show-action'])
         }
       })
       $xeSplitter.recalculate()
@@ -235,7 +238,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           XEUtils.each(item.slots, (func) => {
             if (!XEUtils.isFunction(func)) {
               if (!slots[func]) {
-                errLog('vxe.error.notSlot', [`[splitter] ${func}`])
+                errLog('vxe.error.notSlot', [func])
               }
             }
           })
@@ -596,6 +599,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       document.onmousemove = (evnt) => {
         evnt.preventDefault()
         handleDrag(evnt)
+        reactData.resizeFlag++
       }
       document.onmouseup = (evnt) => {
         document.onmousemove = null
@@ -607,6 +611,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         removeClass(el, 'is--drag')
         $xeSplitter.dispatchEvent('resize-end', { prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt)
         $xeSplitter.recalculate()
+        reactData.resizeFlag++
       }
 
       if (rsSplitterLineEl) {
@@ -620,6 +625,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     handleItemActionEvent (evnt: MouseEvent | null, prevItem: VxeSplitterDefines.PaneConfig, nextItem: VxeSplitterDefines.PaneConfig, isNext: boolean) {
       const $xeSplitter = this
       const props = $xeSplitter
+      const reactData = $xeSplitter.reactData
 
       const { vertical } = props
       let expanded = false
@@ -659,6 +665,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeSplitter.dispatchEvent('toggle-expand', { prevItem, nextItem, expanded, item }, evnt)
       }
       $xeSplitter.recalculate()
+      reactData.resizeFlag++
     },
     handlePrevActionDblclickEvent (evnt: MouseEvent) {
       const $xeSplitter = this
@@ -1012,7 +1019,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     }
     const actionOpts = $xeSplitter.computeActionOpts
     if (actionOpts.direction) {
-      errLog('vxe.error.delProp', ['[splitter] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton'])
+      errLog('vxe.error.delProp', ['action-config.direction', 'action-config.showPrevButton | action-config.showNextButton'])
     }
     $xeSplitter.$nextTick(() => {
       $xeSplitter.recalculate()

package/packages/table-select/src/table-select.ts

@@ -5,17 +5,34 @@ import { VxeUI, getConfig, getIcon, globalEvents, getI18n, createEvent, renderEm
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
 import { getOnName } from '../../ui/src/vn'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input/src/input'
 
 import type { TableSelectReactData, VxeTableSelectPropTypes, TableSelectInternalData, VxeTableSelectEmits, VxeInputConstructor, VxeFormDefines, ValueOf, VxeComponentStyleType, VxeComponentSizeType, VxeModalConstructor, VxeModalMethods, VxeDrawerConstructor, VxeDrawerMethods, VxeFormConstructor, VxeFormPrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods, VxeTablePropTypes } from '../../../types/components/table'
 import type { VxeGridInstance, VxeGridDefines, VxeGridPropTypes } from '../../../types/components/grid'
 
+const { errLog } = createComponentLog('table-select')
+
 export function getRowUniqueId () {
   return XEUtils.uniqueId('row_')
 }
 
+function createReactData (): TableSelectReactData {
+  return {
+    initialized: false,
+    tableColumns: [],
+    fullOptionList: [],
+    panelIndex: 0,
+    panelStyle: {},
+    panelPlacement: null,
+    triggerFocusPanel: false,
+    visiblePanel: false,
+    isAniVisible: false,
+    isActivated: false
+  }
+}
+
 function createInternalData (): TableSelectInternalData {
   return {
     // hpTimeout: undefined,
@@ -98,27 +115,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   data () {
     const xID = XEUtils.uniqueId()
-    const reactData: TableSelectReactData = {
-      initialized: false,
-      tableColumns: [],
-      fullOptionList: [],
-      panelIndex: 0,
-      panelStyle: {},
-      panelPlacement: null,
-      triggerFocusPanel: false,
-      visiblePanel: false,
-      isAniVisible: false,
-      isActivated: false
-    }
-
-    const internalData: TableSelectInternalData = createInternalData()
-
+    const reactData = createReactData()
     const gridEvents: Record<string, any> = {}
 
     return {
+      ...({} as {
+        internalData: TableSelectInternalData
+      }),
       xID,
       reactData,
-      internalData,
       gridEvents
     }
   },
@@ -430,12 +435,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
             rowid = getRowUniqueId()
           }
           if (keyMaps[rowid]) {
-            errLog('vxe.error.repeatKey', [`[table-select] ${rowKeyField}`, rowid])
+            errLog('vxe.error.repeatKey', [rowKeyField, rowid])
           }
           keyMaps[rowid] = true
           const value = item[valueField]
           if (rowMaps[value]) {
-            errLog('vxe.error.repeatKey', [`[table-select] ${valueField}`, value])
+            errLog('vxe.error.repeatKey', [valueField, value])
           }
           rowMaps[value] = { item, index, items, parent: null, nodes: [] }
         })
@@ -855,6 +860,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const $xeTableSelect = this
     const props = $xeTableSelect
 
+    $xeTableSelect.internalData = createInternalData()
+
     const gridEventKeys: ValueOf<VxeTableSelectEmits>[] = [
       'form-submit',
       'form-reset',
@@ -879,7 +886,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const VxeTableGridComponent = VxeUI.getComponent('vxe-grid')
     $xeTableSelect.$nextTick(() => {
       if (!VxeTableGridComponent) {
-        errLog('vxe.error.reqComp', ['[table-select] vxe-grid'])
+        errLog('vxe.error.reqComp', ['vxe-grid'])
       }
     })
 
@@ -896,6 +903,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   beforeDestroy () {
     const $xeTableSelect = this
+    const reactData = $xeTableSelect.reactData
+    const internalData = $xeTableSelect.internalData
 
     const panelElem = $xeTableSelect.$refs.refOptionPanel as HTMLElement | undefined
     if (panelElem && panelElem.parentNode) {
@@ -905,6 +914,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     globalEvents.off($xeTableSelect, 'mousedown')
     globalEvents.off($xeTableSelect, 'blur')
     globalEvents.off($xeTableSelect, 'resize')
+    XEUtils.assign(reactData, createReactData())
+    XEUtils.assign(internalData, createInternalData())
   },
   render (this: any, h) {
     return this.renderVN(h)

package/packages/tabs/src/tabs.ts

@@ -5,11 +5,13 @@ import { createEvent, getConfig, getIcon, globalEvents, globalMixins, permission
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit, addClass, removeClass } from '../../ui/src/dom'
 import { isEnableConf } from '../../ui/src/utils'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeLoadingComponent from '../../loading/src/loading'
 
 import type { VxeTabsPropTypes, VxeTabPaneProps, VxeTabsEmits, TabsInternalData, TabsReactData, VxeComponentSizeType, VxeTabsConstructor, VxeTabsPrivateMethods, VxeTabPaneDefines, ValueOf, VxeComponentStyleType } from '../../../types'
 
+const { warnLog, errLog } = createComponentLog('tabs')
+
 const scrollbarOffsetSize = 20
 
 export default /* define-vxe-component start */ defineVxeComponent({
@@ -213,13 +215,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
     prevTab () {
       const $xeTabs = this
 
-      warnLog('vxe.error.delFunc', ['[tabs] prevTab', 'prev'])
+      warnLog('vxe.error.delFunc', ['prevTab', 'prev'])
       return $xeTabs.prev()
     },
     nextTab () {
       const $xeTabs = this
 
-      warnLog('vxe.error.delFunc', ['[tabs] nextTab', 'next'])
+      warnLog('vxe.error.delFunc', ['nextTab', 'next'])
       return $xeTabs.next()
     },
     handleFilterTab (item: VxeTabPaneProps | VxeTabPaneDefines.TabConfig) {

package/packages/textarea/src/textarea.ts

@@ -3,10 +3,12 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getI18n, createEvent, globalMixins } from '../../ui'
 import { getFuncText } from '../../ui/src/utils'
-import { warnLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import type { VxeTextareaPropTypes, TextareaReactData, VxeComponentSizeType, VxeTextareaEmits, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf } from '../../../types'
 
+const { warnLog } = createComponentLog('textarea')
+
 let autoTxtElem: HTMLDivElement
 
 export default /* define-vxe-component start */ defineVxeComponent({

package/packages/tree/src/tree.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, createEvent, globalEvents, globalResize, renderEmptyElement, globalMixins } from '../../ui'
 import { calcTreeLine, enNodeValue, deNodeValue } from './util'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import { getSlotVNs } from '../../ui/src/vn'
 import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store'
 import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode } from '../../ui/src/dom'
@@ -13,6 +13,8 @@ import VxeLoadingComponent from '../../loading'
 
 import type { TreeReactData, VxeTreeEmits, VxeTreeConstructor, VxeTreePropTypes, TreeInternalData, VxeTreeDefines, VxeTreePrivateMethods, VxeComponentSizeType, ValueOf } from '../../../types'
 
+const { errLog } = createComponentLog('tree')
+
 const { menus, getConfig, getI18n, getIcon } = VxeUI
 
 // let crossTreeDragNodeObj: {
@@ -686,11 +688,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: TreeInternalData
+      }),
       xID,
       reactData,
-      internalData,
       crossTreeDragNodeInfo: crossTreeDragNodeGlobal,
 
       hFlag: 0,
@@ -1348,7 +1351,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeTree.handleData(true)
       if (sYLoad) {
         if (!(props.height || props.maxHeight)) {
-          errLog('vxe.error.reqProp', ['[tree] height | max-height | virtual-y-config.enabled=false'])
+          errLog('vxe.error.reqProp', ['height | max-height | virtual-y-config.enabled=false'])
         }
       }
       return $xeTree.computeScrollLoad().then(() => {
@@ -3090,6 +3093,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const props = $xeTree
     const reactData = $xeTree.reactData
 
+    $xeTree.internalData = createInternalData()
+
     reactData.selectRadioKey = enNodeValue(props.checkNodeKey)
     $xeTree.loadData(props.data || [])
   },

package/packages/tree-select/src/tree-select.ts

@@ -5,7 +5,7 @@ import { getConfig, getI18n, getIcon, globalEvents, createEvent, globalMixins, r
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { deNodeValue } from '../../tree/src/util'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input'
 import VxeButtonComponent from '../../button'
 import VxeTreeComponent from '../../tree'
@@ -14,6 +14,8 @@ import { getSlotVNs } from '../../ui/src/vn'
 import type { TreeSelectReactData, VxeTreeSelectEmits, TreeSelectInternalData, VxeComponentSizeType, VxeButtonDefines, VxeInputDefines, VxeTreeDefines, ValueOf, VxeComponentStyleType, VxeTreeSelectPropTypes, VxeFormDefines, VxeDrawerConstructor, VxeDrawerMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputConstructor, VxeTreeConstructor, VxeTreeSelectDefines } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { warnLog, errLog } = createComponentLog('tree-select')
+
 function getOptUniqueId () {
   return XEUtils.uniqueId('node_')
 }
@@ -191,11 +193,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: TreeSelectInternalData
+      }),
       xID,
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -1210,6 +1213,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
   created () {
     const $xeTreeSelect = this
 
+    $xeTreeSelect.internalData = createInternalData()
+
     $xeTreeSelect.cacheDataMap()
     $xeTreeSelect.cacheLazyDataMap()
   },

package/packages/ui/src/log.ts

@@ -2,5 +2,12 @@ import { log } from '@vxe-ui/core'
 
 const version = `ui v${process.env.VUE_APP_VXE_VERSION}`
 
+export function createComponentLog (name: string) {
+  return {
+    warnLog: log.create('warn', `${version} ${name}`),
+    errLog: log.create('error', `${version} ${name}`)
+  }
+}
+
 export const warnLog = log.create('warn', version)
 export const errLog = log.create('error', version)

package/packages/upload/src/upload.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getI18n, getIcon, globalMixins, createEvent, globalEvents, renderEmptyElement } from '../../ui'
 import { getSlotVNs } from '../../ui/src/vn'
-import { errLog, warnLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import { initTpImg, getTpImg, getEventTargetNode, toCssUnit } from '../../ui/src/dom'
 import { readLocalFile } from './util'
 import VxeButtonComponent from '../../button/src/button'
@@ -11,6 +11,8 @@ import VxeButtonComponent from '../../button/src/button'
 import type { VxeUploadDefines, VxeUploadConstructor, VxeUploadPropTypes, UploadReactData, UploadInternalData, VxeUploadEmits, VxeComponentSizeType, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, ValueOf, VxeComponentEventParams } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { warnLog, errLog } = createComponentLog('upload')
+
 function getUniqueKey () {
   return XEUtils.uniqueId()
 }
@@ -335,11 +337,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: UploadInternalData
+      }),
       xID,
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -864,6 +867,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const fileKey = $xeUpload.getFieldKey(item)
       const uploadFn = props.uploadMethod || getConfig().upload.uploadMethod
       if (uploadFn) {
+        $xeUpload.dispatchEvent('upload-start', { option: item }, null)
         return Promise.resolve(
           uploadFn({
             $upload: $xeUpload,
@@ -913,6 +917,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           if (cacheItem) {
             cacheItem.loading = false
           }
+          $xeUpload.dispatchEvent('upload-end', { option: item }, null)
         })
       } else {
         const { fileCacheMaps } = reactData
@@ -1031,6 +1036,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
       }
 
+      $xeUpload.dispatchEvent('upload-queue-start', { files: selectFiles }, evnt)
+
       const cacheMaps = Object.assign({}, reactData.fileCacheMaps)
       const newFileList = multiple ? fileList : []
       const uploadPromiseRests: any[] = []
@@ -1069,6 +1076,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       })
       Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
         const restFileList = reactData.fileList
+        $xeUpload.dispatchEvent('upload-queue-end', { options: restFileList, files: selectFiles }, evnt)
         $xeUpload.handleChange(restFileList)
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
@@ -2159,6 +2167,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
   created () {
     const $xeUpload = this
 
+    $xeUpload.internalData = createInternalData()
+
     $xeUpload.updateFileList()
   },
   mounted () {
@@ -2166,10 +2176,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const props = $xeUpload
 
     if (props.multiple && props.singleMode) {
-      errLog('vxe.error.errConflicts', ['[upload] multiple', 'single-mode'])
+      errLog('vxe.error.errConflicts', ['multiple', 'single-mode'])
     }
     if (props.imageStyle) {
-      warnLog('vxe.error.delProp', ['[upload] image-style', 'image-config'])
+      warnLog('vxe.error.delProp', ['image-style', 'image-config'])
     }
 
     if (props.dragSort) {

package/types/components/date-picker.d.ts

@@ -55,6 +55,24 @@ export namespace VxeDatePickerPropTypes {
   export type AutoClose = boolean
   export type PrefixIcon = string
   export type SuffixIcon = string
+  export interface MaskedConfig {
+    /**
+     * 是否启用，支持局部/全局启用
+     */
+    enabled?: boolean
+    /**
+     * 只对 enabled 启用后有效，是否启用方向键操作
+     */
+    isArrow?: boolean
+    /**
+     * 只对 enabled 启用后有效，是否启用输入掩码
+     */
+    isMasked?: boolean
+    /**
+     * 掩码占位符
+     */
+    maskPlaceholder?: string
+  }
   /**
    * 已废弃，请使用 PopupConfig.placement
    * @deprecated
@@ -71,6 +89,10 @@ export namespace VxeDatePickerPropTypes {
   export interface TimeConfig extends VxeDatePanelPropTypes.TimeConfig {}
 
   export interface PopupConfig {
+    /**
+     * 是否启用，支持局部/全局启用
+     */
+    enabled?: boolean
     /**
      * 设置弹出面板方向
      */
@@ -146,6 +168,7 @@ export interface VxeDatePickerProps {
    * 只对 type=date,week,month,quarter,year 有效，选择完日期后自动关闭
    */
   autoClose?: VxeDatePickerPropTypes.AutoClose
+  maskedConfig?: VxeDatePickerPropTypes.MaskedConfig
 
   /**
    * 只对 type=week 有效，选中日期后指定为一周的哪一天
@@ -182,11 +205,14 @@ export interface DatePickerReactData {
   panelPlacement: VxeDatePickerPropTypes.Placement
   isActivated: boolean
   inputValue: any
-  inputLabel: string
+  labelFlag: number
 }
 
 export interface DatePickerInternalData {
   hpTimeout?: undefined | number
+  inputLabel: string
+  isTriggerMasked?: boolean
+  laseFocusMasked: number
 }
 
 export interface DatePickerMethods {

package/types/components/date-range-picker.d.ts

@@ -76,6 +76,10 @@ export namespace VxeDateRangePickerPropTypes {
   export interface TimeConfig extends VxeDatePanelPropTypes.TimeConfig {}
 
   export interface PopupConfig {
+    /**
+     * 是否启用，支持局部/全局启用
+     */
+    enabled?: boolean
     /**
      * 设置弹出面板方向
      */

package/types/components/drawer.d.ts

@@ -50,6 +50,7 @@ export namespace VxeDrawerPropTypes {
   export type ShowHeader = boolean
   export type ShowFooter = boolean
   export type ShowClose = boolean
+  export type Preload = boolean
   export type Width = number | string
   export type Height = number | string
   export type Resize = boolean
@@ -86,6 +87,7 @@ export interface VxeDrawerProps {
   showHeader?: VxeDrawerPropTypes.ShowHeader
   showFooter?: VxeDrawerPropTypes.ShowFooter
   showClose?: VxeDrawerPropTypes.ShowClose
+  preload?: VxeDrawerPropTypes.Preload
   width?: VxeDrawerPropTypes.Width
   height?: VxeDrawerPropTypes.Height
   resize?: VxeDrawerPropTypes.Resize

package/types/components/modal.d.ts

@@ -71,6 +71,7 @@ export namespace VxeModalPropTypes {
   export type ShowHeader = boolean
   export type ShowFooter = boolean
   export type ShowZoom = boolean
+  export type Preload = boolean
   export interface ZoomConfig {
     minimizeLayout?: null | '' | 'vertical' | 'horizontal'
     minimizeMaxSize?: number
@@ -147,6 +148,7 @@ export interface VxeModalProps {
   showHeader?: VxeModalPropTypes.ShowHeader
   showFooter?: VxeModalPropTypes.ShowFooter
   showZoom?: VxeModalPropTypes.ShowZoom
+  preload?: VxeModalPropTypes.Preload
   zoomConfig?: VxeModalPropTypes.ZoomConfig
   showMaximize?: VxeModalPropTypes.ShowMaximize
   showMinimize?: VxeModalPropTypes.ShowMinimize

package/types/components/splitter.d.ts

@@ -139,6 +139,7 @@ export interface SplitterReactData {
   itemList: VxeSplitterDefines.PaneConfig[]
   barWidth: number
   barHeight: number
+  resizeFlag: number
 }
 
 export interface SplitterInternalData {

package/types/components/table.d.ts

@@ -5,10 +5,11 @@ import { VxeColumnPropTypes, VxeColumnProps, VxeColumnSlotTypes } from './column
 import { VxeTableExtendCellAreaDefines, VxeTableExtendCellAreaEmits } from './table-plugins'
 import { VxeGridConstructor } from './grid'
 import { VxeTooltipPropTypes } from './tooltip'
-import { VxeModalPropTypes } from './modal'
+import { VxeModalConstructor, VxeModalPrivateMethods, VxeModalPropTypes } from './modal'
 import { VxeDrawerPropTypes } from './drawer'
 import { VxeToolbarConstructor, VxeToolbarInstance } from './toolbar'
 import { VxeTabsConstructor, VxeTabsPrivateMethods } from './tabs'
+import { VxeSplitterConstructor, VxeSplitterMethods } from './splitter'
 import { VxeGanttConstructor, VxeGanttPrivateMethods } from './gantt'
 import { VxeGanttViewConstructor, VxeGanttViewInstance, VxeGanttViewPrivateMethods } from './gantt-module/gantt-view'
 
@@ -32,6 +33,8 @@ export type VxeTableInstance<D = any> = DefineVxeComponentInstance<{
   $xeGrid: VxeGridConstructor<D> | null | undefined
   $xeGantt: VxeTableDefines.InjectGanttType | null | undefined
   $xeTabs: (VxeTabsConstructor & VxeTabsPrivateMethods) | null
+  $xeModal: (VxeModalConstructor & VxeModalPrivateMethods) | null
+  $xeSplitter: (VxeSplitterConstructor & VxeSplitterMethods) | null
 
   /**
    * @deprecated
@@ -1352,6 +1355,8 @@ export namespace VxeTablePropTypes {
      * 是否启用浮动筛选
      */
     floatingFilters?: VxeColumnPropTypes.FloatingFilters
+    rowClassName?: string
+    cellClassName?: string
   }
 
   /**
@@ -1476,8 +1481,14 @@ export namespace VxeTablePropTypes {
    * 提示信息配置项
    */
  export interface TooltipConfig<D = VxeTablePropTypes.Row> {
+    /**
+     * 所有单元格开启工具提示
+     */
     showAll?: boolean
     theme?: VxeTooltipPropTypes.Theme
+    /**
+     * 鼠标是否可进入到工具提示中
+     */
     enterable?: VxeTooltipPropTypes.Enterable
     enterDelay?: VxeTooltipPropTypes.EnterDelay
     leaveDelay?: VxeTooltipPropTypes.LeaveDelay
@@ -1487,10 +1498,22 @@ export namespace VxeTablePropTypes {
     minHeight?: VxeTooltipPropTypes.MinHeight
     maxWidth?: VxeTooltipPropTypes.MaxWidth
     maxHeight?: VxeTooltipPropTypes.MaxHeight
+    /**
+     * 显示为 HTML 标签
+     */
     useHtml?: VxeTooltipPropTypes.UseHtml
+    /**
+     * 固定方向
+     */
     placement?: VxeTooltipPropTypes.Placement
+    /**
+     * 默认方向
+     */
     defaultPlacement?: VxeTooltipPropTypes.DefaultPlacement
     popupClassName?: VxeTooltipPropTypes.PopupClassName
+    /**
+     * 该方法可以通过返回值来重写默认的提示内容，可以返回 null 使用默认的提示内容，可以返回空内容去掉指定单元格的提示内容
+     */
     contentMethod?(params: {
       $table: VxeTableConstructor<D>
       items: any[]
@@ -1505,7 +1528,7 @@ export namespace VxeTablePropTypes {
       type: 'body'
       cell: HTMLElement
       $event: any
-    }): string | null | void
+    }): string | boolean | null | void
     /**
      * 请使用 useHtml
      * @deprecated
@@ -1513,6 +1536,9 @@ export namespace VxeTablePropTypes {
     useHTML?: VxeTooltipPropTypes.UseHTML
   }
   export interface HeaderTooltipConfig<D = VxeTablePropTypes.Row> extends Omit<TooltipConfig<D>, 'contentMethod'> {
+    /**
+     * 该方法可以通过返回值来重写默认的提示内容，可以返回 null 使用默认的提示内容，可以返回空内容去掉指定单元格的提示内容
+     */
     contentMethod?(params: {
       $table: VxeTableConstructor<D>
       $rowIndex: number
@@ -1523,9 +1549,12 @@ export namespace VxeTablePropTypes {
       type: 'header'
       cell: HTMLElement
       $event: any
-    }): string | null | void
+    }): string | boolean | null | void
   }
   export interface FooterTooltipConfig<D = VxeTablePropTypes.Row> extends Omit<TooltipConfig<D>, 'contentMethod'> {
+    /**
+     * 该方法可以通过返回值来重写默认的提示内容，可以返回 null 使用默认的提示内容，可以返回空内容去掉指定单元格的提示内容
+     */
     contentMethod?(params: {
       $table: VxeTableConstructor<D>
       items: any[]
@@ -1539,7 +1568,7 @@ export namespace VxeTablePropTypes {
       type: 'footer'
       cell: HTMLElement
       $event: any
-    }): string | null | void
+    }): string | boolean | null | void
   }
 
   /**