vxe-pc-ui 3.15.0 → 3.15.2

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

@@ -5,7 +5,7 @@ import { getConfig, getIcon, getI18n, commands, createEvent, globalEvents, GLOBA
 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'
@@ -84,6 +84,7 @@ export default /* define-vxe-component start */ 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
@@ -114,6 +115,7 @@ export default /* define-vxe-component start */ 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>,
@@ -171,7 +173,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     }
 
     const internalData: DatePickerInternalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      parseInputKayMaps: {}
     }
 
     return {
@@ -336,6 +339,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { type, valueFormat } = props
       return handleValueFormat(type, valueFormat)
     },
+    computeDateInputFormat () {
+      const $xeDatePicker = this
+      const props = $xeDatePicker
+
+      const { type, inputFormat } = props
+      return handleInputFormat(type, inputFormat)
+    },
     computeFirstDayOfWeek () {
       const $xeDatePicker = this
       const props = $xeDatePicker
@@ -362,6 +372,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
         })
         return dateObj.label
       }).join(', ')
+    },
+    computeControlOpts () {
+      const $xeDatePicker = this
+      const props = $xeDatePicker
+
+      return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig)
     }
   },
   methods: {
@@ -474,6 +490,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
       reactData.isActivated = true
       if (!trigger || trigger === 'default') {
         $xeDatePicker.datePickerOpenEvent(evnt)
+      } else if (trigger === 'icon') {
+        $xeDatePicker.hidePanel()
       }
       $xeDatePicker.triggerEvent(evnt)
     },
@@ -520,6 +538,36 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeDatePicker.dispatchEvent('suffix-click', { value: inputValue }, evnt)
       }
     },
+    handleArrowInputDate (evnt: KeyboardEvent, isUpArrow: boolean) {
+      const $xeDatePicker = this
+      const props = $xeDatePicker
+      const reactData = $xeDatePicker.reactData
+      const internalData = $xeDatePicker.internalData
+
+      const { multiple } = props
+      if (multiple) {
+        return
+      }
+      const { inputValue } = reactData
+      if (!inputValue) {
+        return
+      }
+      const targetElem = $xeDatePicker.$refs.refInputTarget as HTMLInputElement
+      if (!targetElem) {
+        return
+      }
+      const { parseInputKayMaps } = internalData
+      const inputFormat = $xeDatePicker.computeDateInputFormat
+      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)
+      }
+    },
     blurEvent (evnt: Event & { type: 'blur' }) {
       const $xeDatePicker = this
       const reactData = $xeDatePicker.reactData
@@ -548,7 +596,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     keydownEvent (evnt: KeyboardEvent & { type: 'keydown' }) {
       const $xeDatePicker = this
+      const props = $xeDatePicker
 
+      const { controlConfig } = props
+      const controlOpts = $xeDatePicker.computeControlOpts
+      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)) {
+        $xeDatePicker.handleArrowInputDate(evnt, isUpArrow)
+      }
       $xeDatePicker.triggerEvent(evnt)
     },
     keyupEvent (evnt: KeyboardEvent & { type: 'keyup' }) {
@@ -702,6 +758,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { panelIndex } = reactData
       const targetElem = $xeDatePicker.$refs.refInputTarget as HTMLInputElement
       const panelElem = $xeDatePicker.$refs.refInputPanel as HTMLDivElement
+      if (!panelElem) {
+        return $xeDatePicker.$nextTick()
+      }
       const btnTransfer = $xeDatePicker.computeBtnTransfer
       const popupOpts = $xeDatePicker.computePopupOpts
       const handleStyle = () => {
@@ -729,13 +788,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const btnTransfer = $xeDatePicker.computeBtnTransfer
       const panelElem = $xeDatePicker.$refs.refInputPanel as HTMLElement
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem)
-            }
-          }
+          document.body.appendChild(panelElem)
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout)
@@ -763,11 +818,17 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     clickIconEvent (evnt: MouseEvent) {
       const $xeDatePicker = this
+      const reactData = $xeDatePicker.reactData
 
+      const { visiblePanel } = reactData
       const popupOpts = $xeDatePicker.computePopupOpts
       const { trigger } = popupOpts
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDatePicker.datePickerOpenEvent(evnt)
+        if (visiblePanel) {
+          $xeDatePicker.hidePanel()
+        } else {
+          $xeDatePicker.datePickerOpenEvent(evnt)
+        }
       }
     },
     clickEvent (evnt: Event & { type: 'click' }) {
@@ -906,6 +967,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const slots = $xeDatePicker.$scopedSlots
       const reactData = $xeDatePicker.reactData
 
+      const popupOpts = $xeDatePicker.computePopupOpts
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDatePicker)
+      }
       const { type, multiple, showClearButton, showConfirmButton } = props
       const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, inputValue } = reactData
       const vSize = $xeDatePicker.computeSize
@@ -915,7 +980,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const isDateTimeType = $xeDatePicker.computeIsDateTimeType
       const shortcutList = $xeDatePicker.computeShortcutList
       const timeOpts = $xeDatePicker.computeTimeOpts
-      const popupOpts = $xeDatePicker.computePopupOpts
       const { position } = shortcutOpts
       const headerSlot = slots.header
       const footerSlot = slots.footer
@@ -1230,7 +1294,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   created () {
     const $xeDatePicker = this
+    const internalData = $xeDatePicker.internalData
 
+    const { parseInputKayMaps } = internalData
+    const inputKeys = ['y', 'M', 'd', 'H', 'm', 'n']
+    inputKeys.forEach(key => {
+      parseInputKayMaps[key] = (evnt: KeyboardEvent) => {
+        evnt.preventDefault()
+      }
+    })
     $xeDatePicker.updateModelValue()
     globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent)
     globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent)

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

@@ -591,6 +591,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
       reactData.isActivated = true
       if (!trigger || trigger === 'default') {
         $xeDateRangePicker.dateRangePickerOpenEvent(evnt)
+      } else if (trigger === 'icon') {
+        $xeDateRangePicker.hidePanel()
       }
       $xeDateRangePicker.triggerEvent(evnt)
     },
@@ -966,6 +968,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { panelIndex } = reactData
       const targetElem = $xeDateRangePicker.$refs.refInputTarget as HTMLInputElement
       const panelElem = $xeDateRangePicker.$refs.refInputPanel as HTMLDivElement
+      if (!panelElem) {
+        return $xeDateRangePicker.$nextTick()
+      }
       const btnTransfer = $xeDateRangePicker.computeBtnTransfer
       const popupOpts = $xeDateRangePicker.computePopupOpts
       const handleStyle = () => {
@@ -993,13 +998,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const btnTransfer = $xeDateRangePicker.computeBtnTransfer
       const panelElem = $xeDateRangePicker.$refs.refInputPanel as HTMLElement
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem)
-            }
-          }
+          document.body.appendChild(panelElem)
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout)
@@ -1028,11 +1029,17 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     clickIconEvent (evnt: MouseEvent) {
       const $xeDateRangePicker = this
+      const reactData = $xeDateRangePicker.reactData
 
+      const { visiblePanel } = reactData
       const popupOpts = $xeDateRangePicker.computePopupOpts
       const { trigger } = popupOpts
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDateRangePicker.dateRangePickerOpenEvent(evnt)
+        if (visiblePanel) {
+          $xeDateRangePicker.hidePanel()
+        } else {
+          $xeDateRangePicker.dateRangePickerOpenEvent(evnt)
+        }
       }
     },
     clickEvent (evnt: Event & { type: 'click' }) {
@@ -1182,6 +1189,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const slots = $xeDateRangePicker.$scopedSlots
       const reactData = $xeDateRangePicker.reactData
 
+      const popupOpts = $xeDateRangePicker.computePopupOpts
+      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 = $xeDateRangePicker.computeSize
@@ -1194,7 +1205,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const defaultDates = $xeDateRangePicker.computeDefaultDates
       const defaultTimes = $xeDateRangePicker.computeDefaultTimes
       const timeOpts = $xeDateRangePicker.computeTimeOpts
-      const popupOpts = $xeDateRangePicker.computePopupOpts
       const { startLabel, endLabel } = panelLabelObj
       const { position } = shortcutOpts
       const headerSlot = slots.header

package/packages/form/render/index.ts

@@ -344,15 +344,15 @@ function oldFormItemRadioAndCheckboxRender (h: CreateElement, renderOpts: VxeGlo
  */
 renderer.mixin({
   input: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   textarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   select: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       return [
         h('select', {
@@ -367,27 +367,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 (h, renderOpts, params) {
       const { startField, endField } = renderOpts
       const { $form, data, field } = params
@@ -449,7 +449,7 @@ renderer.mixin({
     }
   },
   VxeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (h: CreateElement, renderOpts, params) {
       const { data, field } = params
       const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
@@ -463,7 +463,21 @@ renderer.mixin({
     }
   },
   VxeTreeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
+    renderFormItemContent (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
+      const { data, field } = params
+      const { options, optionProps } = renderOpts
+      const itemValue = XEUtils.get(data, field)
+      return [
+        h(getDefaultComponent(renderOpts), {
+          props: getComponentFormItemProps(renderOpts, params, itemValue, { options, optionProps }),
+          on: getItemOns(renderOpts, params)
+        })
+      ]
+    }
+  },
+  VxeCascader: {
+    formItemAutoFocus: true,
     renderFormItemContent (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options, optionProps } = renderOpts
@@ -477,7 +491,7 @@ renderer.mixin({
     }
   },
   VxeTableSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options, optionProps } = renderOpts
@@ -491,7 +505,7 @@ renderer.mixin({
     }
   },
   VxeColorPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options } = renderOpts
@@ -505,7 +519,7 @@ renderer.mixin({
     }
   },
   VxeIconPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderFormItemContentOptions, params: VxeGlobalRendererHandles.RenderFormItemContentParams) {
       const { data, field } = params
       const { options } = renderOpts

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

@@ -64,8 +64,6 @@ export default /* define-vxe-component start */ 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
@@ -88,13 +86,12 @@ export default /* define-vxe-component start */ 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
@@ -107,7 +104,6 @@ export default /* define-vxe-component start */ 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

@@ -49,7 +49,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
       staticItems: [],
       itemList: [],
       barWidth: 0,
-      barHeight: 0
+      barHeight: 0,
+      resizeFlag: 0
     }
     const internalData: SplitterInternalData = {
       wrapperWidth: 0,
@@ -596,6 +597,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 +609,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 +623,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 +663,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

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

@@ -105,6 +105,14 @@ export default /* define-vxe-component start */ 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>,
@@ -277,20 +285,24 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     computeTreeCheckboxOpts () {
       const $xeTreeSelect = this
+      const props = $xeTreeSelect
 
+      const { showCheckbox } = props
       const treeOpts = $xeTreeSelect.computeTreeOpts as VxeTreeSelectPropTypes.TreeConfig
       return Object.assign({
-        showIcon: !!treeOpts.showCheckbox
+        showIcon: XEUtils.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
       }, treeOpts.checkboxConfig, {
         trigger: 'node'
       })
     },
     computeTreeRadioOpts () {
       const $xeTreeSelect = this
+      const props = $xeTreeSelect
 
+      const { showRadio } = props
       const treeOpts = $xeTreeSelect.computeTreeOpts as VxeTreeSelectPropTypes.TreeConfig
       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,4 +1,5 @@
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, VxeComponentSizeType, ValueOf } from '@vxe-ui/core'
+import { VxeListPropTypes } from './list'
 
 /* eslint-disable @typescript-eslint/no-empty-interface,no-use-before-define,@typescript-eslint/ban-types */
 
@@ -79,6 +80,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
@@ -91,9 +93,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
@@ -106,7 +108,6 @@ export namespace VxeCascaderPropTypes {
       $cascader: VxeCascaderConstructor
       node: D
     }) => boolean
-    showIcon?: boolean
     trigger?: '' | 'default' | 'node'
   }
   export interface RemoteConfig {
@@ -196,7 +197,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
@@ -231,6 +234,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

@@ -49,12 +49,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
@@ -71,6 +82,10 @@ export namespace VxeDatePickerPropTypes {
   export interface TimeConfig extends VxeDatePanelPropTypes.TimeConfig {}
 
   export interface PopupConfig {
+    /**
+     * 是否启用，支持局部/全局启用
+     */
+    enabled?: boolean
     /**
      * 设置弹出面板方向
      */
@@ -134,6 +149,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
@@ -146,6 +162,7 @@ export interface VxeDatePickerProps {
    * 只对 type=date,week,month,quarter,year 有效，选择完日期后自动关闭
    */
   autoClose?: VxeDatePickerPropTypes.AutoClose
+  controlConfig?: VxeDatePickerPropTypes.ControlConfig
 
   /**
    * 只对 type=week 有效，选中日期后指定为一周的哪一天
@@ -187,6 +204,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

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

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 {