vxe-pc-ui 4.15.0 → 4.15.2

package/packages/date-picker/src/date-picker.ts

@@ -1,11 +1,11 @@
-import { h, Teleport, ref, Ref, computed, provide, reactive, inject, nextTick, watch, PropType, onUnmounted } from 'vue'
+import { h, Teleport, ref, Ref, computed, provide, reactive, inject, nextTick, watch, PropType, onUnmounted, onMounted } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, commands, createEvent, globalEvents, GLOBAL_EVENT_KEYS, useSize, renderEmptyElement } from '../../ui'
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
 import { updatePanelPlacement, getEventTargetNode } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
-import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, hasDateValueType, hasTimestampValueType } from '../../date-panel/src/util'
+import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, handleInputFormat, hasDateValueType, hasTimestampValueType } from '../../date-panel/src/util'
 import { errLog } from '../../ui/src/log'
 import VxeDatePanelComponent from '../../date-panel/src/date-panel'
 import VxeButtonComponent from '../../button/src/button'
@@ -77,6 +77,7 @@ export default defineVxeComponent({
     labelFormat: String as PropType<VxeDatePickerPropTypes.LabelFormat>,
     valueFormat: String as PropType<VxeDatePickerPropTypes.ValueFormat>,
     timeFormat: String as PropType<VxeDatePickerPropTypes.TimeFormat>,
+    inputFormat: String as PropType<VxeDatePickerPropTypes.InputFormat>,
     editable: {
       type: Boolean as PropType<VxeDatePickerPropTypes.Editable>,
       default: true
@@ -107,6 +108,7 @@ export default defineVxeComponent({
       type: Boolean as PropType<VxeDatePickerPropTypes.AutoClose>,
       default: () => getConfig().datePicker.autoClose
     },
+    controlConfig: Object as PropType<VxeDatePickerPropTypes.ControlConfig>,
 
     prefixIcon: String as PropType<VxeDatePickerPropTypes.PrefixIcon>,
     suffixIcon: String as PropType<VxeDatePickerPropTypes.SuffixIcon>,
@@ -167,7 +169,8 @@ export default defineVxeComponent({
     })
 
     const internalData: DatePickerInternalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      parseInputKayMaps: {}
     }
 
     const refElem = ref() as Ref<HTMLDivElement>
@@ -303,6 +306,11 @@ export default defineVxeComponent({
       return handleValueFormat(type, valueFormat)
     })
 
+    const computeDateInputFormat = computed(() => {
+      const { type, inputFormat } = props
+      return handleInputFormat(type, inputFormat)
+    })
+
     const computeFirstDayOfWeek = computed(() => {
       const { startDay } = props
       return XEUtils.toNumber(startDay) as VxeDatePickerPropTypes.StartDay
@@ -325,6 +333,10 @@ export default defineVxeComponent({
       }).join(', ')
     })
 
+    const computeControlOpts = computed(() => {
+      return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig)
+    })
+
     const updateModelValue = () => {
       const { modelValue } = props
       let val: any = ''
@@ -400,6 +412,8 @@ export default defineVxeComponent({
       reactData.isActivated = true
       if (!trigger || trigger === 'default') {
         datePickerOpenEvent(evnt)
+      } else if (trigger === 'icon') {
+        hidePanel()
       }
       triggerEvent(evnt)
     }
@@ -439,6 +453,32 @@ export default defineVxeComponent({
       }
     }
 
+    const handleArrowInputDate = (evnt: KeyboardEvent, isUpArrow: boolean) => {
+      const { multiple } = props
+      if (multiple) {
+        return
+      }
+      const { inputValue } = reactData
+      if (!inputValue) {
+        return
+      }
+      const targetElem = refInputTarget.value
+      if (!targetElem) {
+        return
+      }
+      const { parseInputKayMaps } = internalData
+      const inputFormat = computeDateInputFormat.value
+      const selectionStart = targetElem.selectionStart || 0
+      let selectKey = inputFormat[selectionStart]
+      if (!parseInputKayMaps[selectKey]) {
+        selectKey = inputFormat[selectionStart - 1]
+      }
+      const inputPaesrFn = parseInputKayMaps[selectKey]
+      if (inputPaesrFn) {
+        inputPaesrFn(evnt, targetElem, isUpArrow)
+      }
+    }
+
     const blurEvent = (evnt: Event & { type: 'blur' }) => {
       const $datePanel = refDatePanel.value
       const { inputValue } = reactData
@@ -462,6 +502,13 @@ export default defineVxeComponent({
     }
 
     const keydownEvent = (evnt: KeyboardEvent & { type: 'keydown' }) => {
+      const { controlConfig } = props
+      const controlOpts = computeControlOpts.value
+      const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP)
+      const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN)
+      if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
+        handleArrowInputDate(evnt, isUpArrow)
+      }
       triggerEvent(evnt)
     }
 
@@ -592,6 +639,9 @@ export default defineVxeComponent({
       const { panelIndex } = reactData
       const targetElem = refInputTarget.value
       const panelElem = refInputPanel.value
+      if (!panelElem) {
+        return nextTick()
+      }
       const btnTransfer = computeBtnTransfer.value
       const popupOpts = computePopupOpts.value
       const handleStyle = () => {
@@ -642,10 +692,15 @@ export default defineVxeComponent({
     }
 
     const clickIconEvent = (evnt: MouseEvent) => {
+      const { visiblePanel } = reactData
       const popupOpts = computePopupOpts.value
       const { trigger } = popupOpts
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        datePickerOpenEvent(evnt)
+        if (visiblePanel) {
+          hidePanel()
+        } else {
+          datePickerOpenEvent(evnt)
+        }
       }
     }
 
@@ -766,6 +821,10 @@ export default defineVxeComponent({
     }
 
     const renderPanel = () => {
+      const popupOpts = computePopupOpts.value
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDatePicker)
+      }
       const { type, multiple, showClearButton, showConfirmButton } = props
       const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, inputValue } = reactData
       const vSize = computeSize.value
@@ -775,7 +834,6 @@ export default defineVxeComponent({
       const isDateTimeType = computeIsDateTimeType.value
       const shortcutList = computeShortcutList.value
       const timeOpts = computeTimeOpts.value
-      const popupOpts = computePopupOpts.value
       const { position } = shortcutOpts
       const headerSlot = slots.header
       const footerSlot = slots.footer
@@ -1055,6 +1113,16 @@ export default defineVxeComponent({
       globalEvents.on($xeDatePicker, 'resize', handleGlobalResizeEvent)
     })
 
+    onMounted(() => {
+      const { parseInputKayMaps } = internalData
+      const inputKeys = ['y', 'M', 'd', 'H', 'm', 'n']
+      inputKeys.forEach(key => {
+        parseInputKayMaps[key] = (evnt: KeyboardEvent) => {
+          evnt.preventDefault()
+        }
+      })
+    })
+
     onUnmounted(() => {
       globalEvents.off($xeDatePicker, 'mousewheel')
       globalEvents.off($xeDatePicker, 'mousedown')

package/packages/date-range-picker/src/date-range-picker.ts

@@ -505,6 +505,8 @@ export default defineVxeComponent({
       reactData.isActivated = true
       if (!trigger || trigger === 'default') {
         dateRangePickerOpenEvent(evnt)
+      } else if (trigger === 'icon') {
+        hidePanel()
       }
       triggerEvent(evnt)
     }
@@ -833,6 +835,9 @@ export default defineVxeComponent({
       const { panelIndex } = reactData
       const targetElem = refInputTarget.value
       const panelElem = refInputPanel.value
+      if (!panelElem) {
+        return nextTick()
+      }
       const btnTransfer = computeBtnTransfer.value
       const popupOpts = computePopupOpts.value
       const handleStyle = () => {
@@ -884,10 +889,15 @@ export default defineVxeComponent({
     }
 
     const clickIconEvent = (evnt: MouseEvent) => {
+      const { visiblePanel } = reactData
       const popupOpts = computePopupOpts.value
       const { trigger } = popupOpts
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        dateRangePickerOpenEvent(evnt)
+        if (visiblePanel) {
+          hidePanel()
+        } else {
+          dateRangePickerOpenEvent(evnt)
+        }
       }
     }
 
@@ -1019,6 +1029,10 @@ export default defineVxeComponent({
     }
 
     const renderPanel = () => {
+      const popupOpts = computePopupOpts.value
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDateRangePicker)
+      }
       const { type, separator, autoClose, showConfirmButton, showClearButton } = props
       const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, startValue, endValue } = reactData
       const vSize = computeSize.value
@@ -1031,7 +1045,6 @@ export default defineVxeComponent({
       const defaultDates = computeDefaultDates.value
       const defaultTimes = computeDefaultTimes.value
       const timeOpts = computeTimeOpts.value
-      const popupOpts = computePopupOpts.value
       const { startLabel, endLabel } = panelLabelObj
       const { position } = shortcutOpts
       const headerSlot = slots.header

package/packages/form/render/index.ts

@@ -334,15 +334,15 @@ function oldFormItemRadioAndCheckboxRender (renderOpts: VxeGlobalRendererHandles
  */
 renderer.mixin({
   input: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   textarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   select: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       return [
         h('select', {
@@ -355,27 +355,27 @@ renderer.mixin({
     }
   },
   VxeInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeNumberInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxePasswordInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeTextarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeDatePicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeDateRangePicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (renderOpts, params) {
       const { startField, endField } = renderOpts
       const { $form, data, field } = params
@@ -434,7 +434,7 @@ renderer.mixin({
     }
   },
   VxeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (renderOpts, params) {
       const { data, field } = params
       const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
@@ -448,7 +448,21 @@ renderer.mixin({
     }
   },
   VxeTreeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
+    renderFormItemContent (renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
+      const { data, field } = params
+      const { options, optionProps } = renderOpts
+      const itemValue = XEUtils.get(data, field)
+      return [
+        h(getDefaultComponent(renderOpts), {
+          ...getComponentFormItemProps(renderOpts, params, itemValue, { options, optionProps }),
+          ...getItemOns(renderOpts, params)
+        })
+      ]
+    }
+  },
+  VxeCascader: {
+    formItemAutoFocus: true,
     renderFormItemContent (renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options, optionProps } = renderOpts
@@ -462,7 +476,7 @@ renderer.mixin({
     }
   },
   VxeTableSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options, optionProps } = renderOpts
@@ -476,7 +490,7 @@ renderer.mixin({
     }
   },
   VxeColorPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options } = renderOpts
@@ -490,7 +504,7 @@ renderer.mixin({
     }
   },
   VxeIconPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options } = renderOpts

package/packages/number-input/src/number-input.ts

@@ -50,8 +50,6 @@ export default defineVxeComponent({
       type: String as PropType<VxeNumberInputPropTypes.Size>,
       default: () => getConfig().numberInput.size || getConfig().size
     },
-
-    // number、integer、float
     min: {
       type: [String, Number] as PropType<VxeNumberInputPropTypes.Min>,
       default: null
@@ -74,13 +72,12 @@ export default defineVxeComponent({
       default: () => getConfig().numberInput.currencySymbol
     },
     controlConfig: Object as PropType<VxeNumberInputPropTypes.ControlConfig>,
-
-    // float
+    // number、float、amount
     roundingMode: {
       type: String as PropType<VxeNumberInputPropTypes.RoundingMode>,
       default: () => getConfig().numberInput.roundingMode
     },
-    // float
+    // float、amount
     digits: {
       type: [String, Number] as PropType<VxeNumberInputPropTypes.Digits>,
       default: null
@@ -93,7 +90,6 @@ export default defineVxeComponent({
       type: Boolean as PropType<VxeNumberInputPropTypes.Editable>,
       default: true
     },
-
     plusIcon: String as PropType<VxeNumberInputPropTypes.PlusIcon>,
     minusIcon: String as PropType<VxeNumberInputPropTypes.MinusIcon>,
     prefixIcon: String as PropType<VxeNumberInputPropTypes.PrefixIcon>,

package/packages/splitter/src/splitter.ts

@@ -63,7 +63,8 @@ export default defineVxeComponent({
       staticItems: [],
       itemList: [],
       barWidth: 0,
-      barHeight: 0
+      barHeight: 0,
+      resizeFlag: 0
     })
 
     const internalData: SplitterInternalData = {
@@ -581,6 +582,7 @@ export default defineVxeComponent({
       document.onmousemove = (evnt) => {
         evnt.preventDefault()
         handleDrag(evnt)
+        reactData.resizeFlag++
       }
       document.onmouseup = (evnt) => {
         document.onmousemove = null
@@ -592,6 +594,7 @@ export default defineVxeComponent({
         removeClass(el, 'is--drag')
         dispatchEvent('resize-end', { prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt)
         recalculate()
+        reactData.resizeFlag++
       }
 
       if (rsSplitterLineEl) {
@@ -642,6 +645,7 @@ export default defineVxeComponent({
         dispatchEvent('toggle-expand', { prevItem, nextItem, expanded, item }, evnt)
       }
       recalculate()
+      reactData.resizeFlag++
     }
 
     const handlePrevActionDblclickEvent = (evnt: MouseEvent) => {

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

@@ -98,6 +98,14 @@ export default defineVxeComponent({
     },
     remote: Boolean as PropType<VxeTreeSelectPropTypes.Remote>,
     remoteConfig: Function as PropType<VxeTreeSelectPropTypes.RemoteConfig>,
+    showRadio: {
+      type: Boolean as PropType<VxeTreeSelectPropTypes.ShowRadio>,
+      default: () => getConfig().treeSelect.showRadio
+    },
+    showCheckbox: {
+      type: Boolean as PropType<VxeTreeSelectPropTypes.ShowCheckbox>,
+      default: () => getConfig().treeSelect.showCheckbox
+    },
     popupConfig: Object as PropType<VxeTreeSelectPropTypes.PopupConfig>,
     treeConfig: Object as PropType<VxeTreeSelectPropTypes.TreeConfig>,
     menuConfig: Object as PropType<VxeTreeSelectPropTypes.MenuConfig>,
@@ -246,18 +254,20 @@ export default defineVxeComponent({
     })
 
     const computeTreeCheckboxOpts = computed(() => {
+      const { showCheckbox } = props
       const treeOpts = computeTreeOpts.value
       return Object.assign({
-        showIcon: !!treeOpts.showCheckbox
+        showIcon: XEUtils.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
       }, treeOpts.checkboxConfig, {
         trigger: 'node'
       })
     })
 
     const computeTreeRadioOpts = computed(() => {
+      const { showRadio } = props
       const treeOpts = computeTreeOpts.value
       return Object.assign({
-        showIcon: !!treeOpts.showRadio
+        showIcon: XEUtils.isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
       }, treeOpts.radioConfig, {
         trigger: 'node'
       })

package/styles/components/form.scss

@@ -289,7 +289,8 @@
     .vxe-select,
     .vxe-tree-select,
     .vxe-table-select,
-    .vxe-ico-picker {
+    .vxe-ico-picker,
+    .vxe-cascader {
       width: 100%;
     }
   }
@@ -324,7 +325,8 @@
     .vxe-default-input,
     .vxe-default-textarea,
     .vxe-default-select,
-    .vxe-ico-picker {
+    .vxe-ico-picker,
+    .vxe-cascader {
       border-color: var(--vxe-ui-form-validate-error-color);
     }
     .vxe-input,

package/types/components/cascader.d.ts

@@ -1,5 +1,6 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf } from '@vxe-ui/core'
+import { VxeListPropTypes } from './list'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -86,6 +87,7 @@ export namespace VxeCascaderPropTypes {
     disabled?: string
   }
   export type Remote = boolean
+  export type ShowRadio = boolean
   export interface RadioConfig<D = any> {
     strict?: boolean
     visibleMode?: 'all' | 'first' | 'last' | '' | null
@@ -98,9 +100,9 @@ export namespace VxeCascaderPropTypes {
       $cascader: VxeCascaderConstructor
       node: D
     }) => boolean
-    showIcon?: boolean
     trigger?: '' | 'default' | 'node'
   }
+  export type ShowCheckbox = boolean
   export interface CheckboxConfig<D = any> {
     checkStrictly?: boolean
     visibleMode?: 'all' | 'first' | 'last' | '' | null
@@ -113,7 +115,6 @@ export namespace VxeCascaderPropTypes {
       $cascader: VxeCascaderConstructor
       node: D
     }) => boolean
-    showIcon?: boolean
     trigger?: '' | 'default' | 'node'
   }
   export interface RemoteConfig {
@@ -203,7 +204,9 @@ export interface VxeCascaderProps<D = any> {
   options?: VxeCascaderPropTypes.Options<D>
   optionProps?: VxeCascaderPropTypes.OptionProps
   remote?: VxeCascaderPropTypes.Remote
+  showRadio?: VxeCascaderPropTypes.ShowRadio
   radioConfig?: VxeCascaderPropTypes.RadioConfig
+  showCheckbox?: VxeCascaderPropTypes.ShowCheckbox
   checkboxConfig?: VxeCascaderPropTypes.CheckboxConfig
   remoteConfig?: VxeCascaderPropTypes.RemoteConfig
   popupConfig?: VxeCascaderPropTypes.PopupConfig
@@ -238,6 +241,7 @@ export interface CascaderReactData {
 
 export interface CascaderInternalData {
   hpTimeout?: undefined | number
+  listVirtualYOpts: VxeListPropTypes.VirtualYConfig
   afterTreeList: any[]
   treeFullData: any[]
   afterVisibleList: any[]

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

@@ -57,12 +57,23 @@ export namespace VxeDatePickerPropTypes {
   export type LabelFormat = string
   export type ValueFormat = string
   export type TimeFormat = string
+  export type InputFormat = string
   export type Editable = boolean
   export type FestivalMethod = VxeDatePanelPropTypes.FestivalMethod
   export type DisabledMethod = VxeDatePanelPropTypes.DisabledMethod
   export type AutoClose = boolean
   export type PrefixIcon = string
   export type SuffixIcon = string
+  export interface ControlConfig {
+    /**
+     * 是否启用，支持局部/全局启用
+     */
+    enabled?: boolean
+    /**
+     * 只对 enabled 启用后有效，是否启用方向键操作
+     */
+    isArrow?: boolean
+  }
   /**
    * 已废弃，请使用 PopupConfig.placement
    * @deprecated
@@ -79,6 +90,10 @@ export namespace VxeDatePickerPropTypes {
   export interface TimeConfig extends VxeDatePanelPropTypes.TimeConfig {}
 
   export interface PopupConfig {
+    /**
+     * 是否启用，支持局部/全局启用
+     */
+    enabled?: boolean
     /**
      * 设置弹出面板方向
      */
@@ -142,6 +157,7 @@ export interface VxeDatePickerProps {
   labelFormat?: VxeDatePickerPropTypes.LabelFormat
   valueFormat?: VxeDatePickerPropTypes.ValueFormat
   timeFormat?: VxeDatePickerPropTypes.TimeFormat
+  inputFormat?: VxeDatePickerPropTypes.InputFormat
   editable?: VxeDatePickerPropTypes.Editable
   festivalMethod?: VxeDatePickerPropTypes.FestivalMethod
   disabledMethod?: VxeDatePickerPropTypes.DisabledMethod
@@ -154,6 +170,7 @@ export interface VxeDatePickerProps {
    * 只对 type=date,week,month,quarter,year 有效，选择完日期后自动关闭
    */
   autoClose?: VxeDatePickerPropTypes.AutoClose
+  controlConfig?: VxeDatePickerPropTypes.ControlConfig
 
   /**
    * 只对 type=week 有效，选中日期后指定为一周的哪一天
@@ -195,6 +212,7 @@ export interface DatePickerReactData {
 
 export interface DatePickerInternalData {
   hpTimeout?: undefined | number
+  parseInputKayMaps: Record<string, (evnt: KeyboardEvent, targetElem: HTMLInputElement, isUpArrow: boolean) => void>
 }
 
 export interface DatePickerMethods {

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

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

package/types/components/splitter.d.ts

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

package/types/components/table.d.ts

@@ -1377,6 +1377,8 @@ export namespace VxeTablePropTypes {
      * 是否启用浮动筛选
      */
     floatingFilters?: VxeColumnPropTypes.FloatingFilters
+    rowClassName?: string
+    cellClassName?: string
   }
 
   /**
@@ -1501,8 +1503,14 @@ export namespace VxeTablePropTypes {
    * 提示信息配置项
    */
   export interface TooltipConfig<D = VxeTablePropTypes.Row> {
+    /**
+     * 所有单元格开启工具提示
+     */
     showAll?: boolean
     theme?: VxeTooltipPropTypes.Theme
+    /**
+     * 鼠标是否可进入到工具提示中
+     */
     enterable?: VxeTooltipPropTypes.Enterable
     enterDelay?: VxeTooltipPropTypes.EnterDelay
     leaveDelay?: VxeTooltipPropTypes.LeaveDelay
@@ -1512,10 +1520,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[]
@@ -1530,7 +1550,7 @@ export namespace VxeTablePropTypes {
       type: 'body'
       cell: HTMLElement
       $event: any
-    }): string | null | void
+    }): string | boolean | null | void
     /**
      * 请使用 useHtml
      * @deprecated
@@ -1538,6 +1558,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
@@ -1548,9 +1571,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[]
@@ -1564,7 +1590,7 @@ export namespace VxeTablePropTypes {
       type: 'footer'
       cell: HTMLElement
       $event: any
-    }): string | null | void
+    }): string | boolean | null | void
   }
 
   /**