vxe-pc-ui 4.1.19 → 4.1.21

package/packages/tooltip/src/tooltip.ts

@@ -5,23 +5,44 @@ import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { getAbsolutePos, getDomNode } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 
-import type { VxeTooltipPropTypes, VxeTooltipConstructor, VxeTooltipEmits, TooltipReactData, TooltipMethods, TooltipPrivateRef } from '../../../types'
+import type { VxeTooltipPropTypes, VxeTooltipConstructor, VxeTooltipEmits, TooltipInternalData, TooltipReactData, TooltipMethods, TooltipPrivateRef } from '../../../types'
 
 export default defineComponent({
   name: 'VxeTooltip',
   props: {
     modelValue: Boolean,
-    size: { type: String as PropType<VxeTooltipPropTypes.Size>, default: () => getConfig().tooltip.size || getConfig().size },
-    trigger: { type: String as PropType<VxeTooltipPropTypes.Trigger>, default: () => getConfig().tooltip.trigger || 'hover' },
-    theme: { type: String as PropType<VxeTooltipPropTypes.Theme>, default: () => getConfig().tooltip.theme || 'dark' },
-    content: { type: [String, Number] as PropType<VxeTooltipPropTypes.Content>, default: null },
+    size: {
+      type: String as PropType<VxeTooltipPropTypes.Size>,
+      default: () => getConfig().tooltip.size || getConfig().size
+    },
+    trigger: {
+      type: String as PropType<VxeTooltipPropTypes.Trigger>,
+      default: () => getConfig().tooltip.trigger || 'hover'
+    },
+    theme: {
+      type: String as PropType<VxeTooltipPropTypes.Theme>,
+      default: () => getConfig().tooltip.theme || 'dark'
+    },
+    content: {
+      type: [String, Number] as PropType<VxeTooltipPropTypes.Content>,
+      default: null
+    },
     useHTML: Boolean as PropType<VxeTooltipPropTypes.UseHTML>,
     zIndex: [String, Number] as PropType<VxeTooltipPropTypes.ZIndex>,
     popupClassName: [String, Function] as PropType<VxeTooltipPropTypes.PopupClassName>,
-    isArrow: { type: Boolean as PropType<VxeTooltipPropTypes.IsArrow>, default: true },
+    isArrow: {
+      type: Boolean as PropType<VxeTooltipPropTypes.IsArrow>,
+      default: true
+    },
     enterable: Boolean as PropType<VxeTooltipPropTypes.Enterable>,
-    enterDelay: { type: Number as PropType<VxeTooltipPropTypes.EnterDelay>, default: () => getConfig().tooltip.enterDelay },
-    leaveDelay: { type: Number as PropType<VxeTooltipPropTypes.LeaveDelay>, default: () => getConfig().tooltip.leaveDelay }
+    enterDelay: {
+      type: Number as PropType<VxeTooltipPropTypes.EnterDelay>,
+      default: () => getConfig().tooltip.enterDelay
+    },
+    leaveDelay: {
+      type: Number as PropType<VxeTooltipPropTypes.LeaveDelay>,
+      default: () => getConfig().tooltip.leaveDelay
+    }
   },
   emits: [
     'update:modelValue'
@@ -48,6 +69,9 @@ export default defineComponent({
       }
     })
 
+    const internalData: TooltipInternalData = {
+    }
+
     const refElem = ref() as Ref<HTMLDivElement>
 
     const refMaps: TooltipPrivateRef = {
@@ -59,6 +83,7 @@ export default defineComponent({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     } as unknown as VxeTooltipConstructor
 
@@ -162,11 +187,13 @@ export default defineComponent({
       return tooltipMethods.updatePlacement()
     }
 
-    const showDelayTip = XEUtils.debounce(() => {
-      if (reactData.tipActive) {
-        showTip()
-      }
-    }, props.enterDelay, { leading: false, trailing: true })
+    const handleDelayFn = () => {
+      internalData.showDelayTip = XEUtils.debounce(() => {
+        if (reactData.tipActive) {
+          showTip()
+        }
+      }, props.enterDelay, { leading: false, trailing: true })
+    }
 
     const handleVisible = (target: HTMLElement | null, content?: VxeTooltipPropTypes.Content) => {
       const contentSlot = slots.content
@@ -174,12 +201,15 @@ export default defineComponent({
         return nextTick()
       }
       if (target) {
+        const { showDelayTip } = internalData
         const { trigger, enterDelay } = props
         reactData.tipActive = true
         reactData.tipTarget = target
         reactData.tipContent = content
         if (enterDelay && trigger === 'hover') {
-          showDelayTip()
+          if (showDelayTip) {
+            showDelayTip()
+          }
         } else {
           return showTip()
         }
@@ -214,22 +244,85 @@ export default defineComponent({
           const el = refElem.value
           if (tipTarget && el) {
             updateTipStyle()
-            return nextTick().then(updateTipStyle)
+            return nextTick().then(() => {
+              updateTipStyle()
+            })
           }
         })
       },
       isActived () {
         return reactData.tipActive
       },
-      setActived (actived) {
-        reactData.tipActive = !!actived
+      setActived (active) {
+        reactData.tipActive = !!active
       }
     }
 
     Object.assign($xeTooltip, tooltipMethods)
 
-    watch(() => props.content, () => {
-      reactData.tipContent = props.content
+    const renderContent = () => {
+      const { useHTML } = props
+      const { tipContent } = reactData
+      const contentSlot = slots.content
+      if (contentSlot) {
+        return h('div', {
+          key: 1,
+          class: 'vxe-table--tooltip-content'
+        }, getSlotVNs(contentSlot({})))
+      }
+      if (useHTML) {
+        return h('div', {
+          key: 2,
+          class: 'vxe-table--tooltip-content',
+          innerHTML: tipContent
+        })
+      }
+      return h('div', {
+        key: 3,
+        class: 'vxe-table--tooltip-content'
+      }, `${tipContent}`)
+    }
+
+    const renderVN = () => {
+      const { popupClassName, theme, isArrow, enterable } = props
+      const { tipActive, visible, tipStore } = reactData
+      const defaultSlot = slots.default
+      const vSize = computeSize.value
+      let ons
+      if (enterable) {
+        ons = {
+          onMouseenter: wrapperMouseenterEvent,
+          onMouseleave: wrapperMouseleaveEvent
+        }
+      }
+      return h('div', {
+        ref: refElem,
+        class: ['vxe-table--tooltip-wrapper', `theme--${theme}`, popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $tooltip: $xeTooltip }) : popupClassName) : '', {
+          [`size--${vSize}`]: vSize,
+          [`placement--${tipStore.placement}`]: tipStore.placement,
+          'is--enterable': enterable,
+          'is--visible': visible,
+          'is--arrow': isArrow,
+          'is--active': tipActive
+        }],
+        style: tipStore.style,
+        ...ons
+      }, [
+        renderContent(),
+        h('div', {
+          class: 'vxe-table--tooltip-arrow',
+          style: tipStore.arrowStyle
+        }),
+        ...(defaultSlot ? getSlotVNs(defaultSlot({})) : [])
+      ])
+    }
+
+    watch(() => props.enterDelay, () => {
+      handleDelayFn()
+    })
+
+    watch(() => props.content, (val) => {
+      reactData.tipContent = val
     })
 
     watch(() => props.modelValue, (val) => {
@@ -245,7 +338,7 @@ export default defineComponent({
 
     onMounted(() => {
       nextTick(() => {
-        const { trigger, content, modelValue } = props
+        const { trigger, content } = props
         const wrapperElem = refElem.value
         if (wrapperElem) {
           const parentNode = wrapperElem.parentNode
@@ -270,7 +363,7 @@ export default defineComponent({
                 target.onclick = clickEvent
               }
             }
-            if (modelValue) {
+            if (props.modelValue) {
               handleVisible(target, content)
             }
           }
@@ -279,16 +372,12 @@ export default defineComponent({
     })
 
     onBeforeUnmount(() => {
-      const { trigger } = props
       const { target } = reactData
       const wrapperElem = refElem.value
       if (target) {
-        if (trigger === 'hover') {
-          target.onmouseenter = null
-          target.onmouseleave = null
-        } else if (trigger === 'click') {
-          target.onclick = null
-        }
+        target.onmouseenter = null
+        target.onmouseleave = null
+        target.onclick = null
       }
       if (wrapperElem) {
         const parentNode = wrapperElem.parentNode
@@ -298,62 +387,7 @@ export default defineComponent({
       }
     })
 
-    const renderContent = () => {
-      const { useHTML } = props
-      const { tipContent } = reactData
-      const contentSlot = slots.content
-      if (contentSlot) {
-        return h('div', {
-          key: 1,
-          class: 'vxe-table--tooltip-content'
-        }, getSlotVNs(contentSlot({})))
-      }
-      if (useHTML) {
-        return h('div', {
-          key: 2,
-          class: 'vxe-table--tooltip-content',
-          innerHTML: tipContent
-        })
-      }
-      return h('div', {
-        key: 3,
-        class: 'vxe-table--tooltip-content'
-      }, `${tipContent}`)
-    }
-
-    const renderVN = () => {
-      const { popupClassName, theme, isArrow, enterable } = props
-      const { tipActive, visible, tipStore } = reactData
-      const defaultSlot = slots.default
-      const vSize = computeSize.value
-      let ons
-      if (enterable) {
-        ons = {
-          onMouseenter: wrapperMouseenterEvent,
-          onMouseleave: wrapperMouseleaveEvent
-        }
-      }
-      return h('div', {
-        ref: refElem,
-        class: ['vxe-table--tooltip-wrapper', `theme--${theme}`, popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $tooltip: $xeTooltip }) : popupClassName) : '', {
-          [`size--${vSize}`]: vSize,
-          [`placement--${tipStore.placement}`]: tipStore.placement,
-          'is--enterable': enterable,
-          'is--visible': visible,
-          'is--arrow': isArrow,
-          'is--active': tipActive
-        }],
-        style: tipStore.style,
-        ...ons
-      }, [
-        renderContent(),
-        h('div', {
-          class: 'vxe-table--tooltip-arrow',
-          style: tipStore.arrowStyle
-        }),
-        ...(defaultSlot ? getSlotVNs(defaultSlot({})) : [])
-      ])
-    }
+    handleDelayFn()
 
     $xeTooltip.renderVN = renderVN
 

package/packages/tree/src/tree.ts

@@ -109,7 +109,10 @@ export default defineComponent({
       type: String as PropType<VxeTreePropTypes.IconLoaded>,
       default: () => getConfig().tree.iconLoaded
     },
-    size: { type: String as PropType<VxeTreePropTypes.Size>, default: () => getConfig().tree.size || getConfig().size }
+    size: {
+      type: String as PropType<VxeTreePropTypes.Size>,
+      default: () => getConfig().tree.size || getConfig().size
+    }
   },
   emits: [
     'update:modelValue',
@@ -490,7 +493,7 @@ export default defineComponent({
         const { lazy, transform } = props
         const { nodeMaps } = reactData
         if (!lazy) {
-          return nextTick()
+          return Promise.resolve([])
         }
         const childrenField = computeChildrenField.value
         const parentNodeItem = nodeMaps[getNodeId(node)]
@@ -1135,8 +1138,6 @@ export default defineComponent({
       ])
     }
 
-    $xeTree.renderVN = renderVN
-
     const dataFlag = ref(0)
     watch(() => props.data ? props.data.length : 0, () => {
       dataFlag.value++
@@ -1172,6 +1173,8 @@ export default defineComponent({
     updateData(props.data || [])
     updateCheckboxChecked(props.checkNodeKeys || [])
 
+    $xeTree.renderVN = renderVN
+
     return $xeTree
   },
   render () {

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, h, PropType, Ref, nextTick, inject, reactive, Teleport, createCommentVNode, onMounted, onUnmounted, watch } from 'vue'
+import { defineComponent, ref, computed, h, PropType, Ref, nextTick, inject, provide, reactive, Teleport, createCommentVNode, onMounted, onUnmounted, watch } from 'vue'
 import { getConfig, getI18n, getIcon, globalEvents, createEvent, useSize } from '../../ui'
 import { getEventTargetNode, getAbsolutePos } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
@@ -6,7 +6,7 @@ import XEUtils from 'xe-utils'
 import VxeInputComponent from '../../input/src/input'
 import VxeTreeComponent from '../../tree/src/tree'
 
-import type { TreeSelectReactData, VxeTreeSelectEmits, TreeSelectPrivateRef, TreeSelectPrivateMethods, TreeSelectMethods, VxeTreeSelectPrivateComputed, VxeTreeSelectPropTypes, VxeTreeSelectConstructor, VxeFormDefines, VxeTreeSelectPrivateMethods, VxeTableConstructor, VxeTablePrivateMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeInputConstructor, VxeModalConstructor, VxeModalMethods } from '../../../types'
+import type { TreeSelectReactData, VxeTreeSelectEmits, TreeSelectInternalData, TreeSelectPrivateRef, TreeSelectPrivateMethods, TreeSelectMethods, VxeTreeSelectPrivateComputed, VxeTreeSelectPropTypes, VxeTreeSelectConstructor, VxeFormDefines, VxeDrawerConstructor, VxeDrawerMethods, VxeTreeSelectPrivateMethods, VxeTableConstructor, VxeTablePrivateMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeInputConstructor, VxeModalConstructor, VxeModalMethods } from '../../../types'
 
 function getOptUniqueId () {
   return XEUtils.uniqueId('node_')
@@ -37,7 +37,10 @@ export default defineComponent({
     placement: String as PropType<VxeTreeSelectPropTypes.Placement>,
     options: Array as PropType<VxeTreeSelectPropTypes.Options>,
     optionProps: Object as PropType<VxeTreeSelectPropTypes.OptionProps>,
-    size: { type: String as PropType<VxeTreeSelectPropTypes.Size>, default: () => getConfig().select.size || getConfig().size },
+    size: {
+      type: String as PropType<VxeTreeSelectPropTypes.Size>,
+      default: () => getConfig().select.size || getConfig().size
+    },
     remote: Boolean as PropType<VxeTreeSelectPropTypes.Remote>,
     remoteMethod: Function as PropType<VxeTreeSelectPropTypes.RemoteMethod>,
     treeConfig: Object as PropType<VxeTreeSelectPropTypes.TreeConfig>,
@@ -58,9 +61,10 @@ export default defineComponent({
   setup (props, context) {
     const { emit, slots } = context
 
-    const $xeModal = inject<VxeModalConstructor & VxeModalMethods | null>('$xeModal', null)
-    const $xeTable = inject<VxeTableConstructor & VxeTablePrivateMethods | null>('$xeTable', null)
-    const $xeForm = inject<VxeFormConstructor & VxeFormPrivateMethods | null>('$xeForm', null)
+    const $xeModal = inject<(VxeModalConstructor & VxeModalMethods)| null>('$xeModal', null)
+    const $xeDrawer = inject<(VxeDrawerConstructor & VxeDrawerMethods) | null>('$xeDrawer', null)
+    const $xeTable = inject<(VxeTableConstructor & VxeTablePrivateMethods) | null>('$xeTable', null)
+    const $xeForm = inject<(VxeFormConstructor & VxeFormPrivateMethods) | null>('$xeForm', null)
     const formItemInfo = inject<VxeFormDefines.ProvideItemInfo | null>('xeFormItemInfo', null)
 
     const xID = XEUtils.uniqueId()
@@ -86,6 +90,10 @@ export default defineComponent({
       isActivated: false
     })
 
+    const internalData: TreeSelectInternalData = {
+      hpTimeout: undefined
+    }
+
     const refMaps: TreeSelectPrivateRef = {
       refElem
     }
@@ -119,7 +127,7 @@ export default defineComponent({
         if (XEUtils.isBoolean(globalTransfer)) {
           return globalTransfer
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true
         }
       }
@@ -185,9 +193,9 @@ export default defineComponent({
     const computeSelectLabel = computed(() => {
       const { modelValue } = props
       const { fullNodeMaps } = reactData
+      const labelField = computeLabelField.value
       return (XEUtils.isArray(modelValue) ? modelValue : [modelValue]).map(value => {
         const cacheItem = fullNodeMaps[value]
-        const labelField = computeLabelField.value
         return cacheItem ? cacheItem.item[labelField] : value
       }).join(', ')
     })
@@ -200,6 +208,7 @@ export default defineComponent({
       props,
       context,
       reactData,
+      internalData,
 
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
@@ -235,7 +244,7 @@ export default defineComponent({
         parent: any
         nodes: any[]
       }> = {}
-      XEUtils.eachTree(options, (item, index, items, parent, nodes) => {
+      XEUtils.eachTree(options, (item, index, items, path, parent, nodes) => {
         let nodeid = getOptid(item)
         if (!nodeid) {
           nodeid = getOptUniqueId()
@@ -325,13 +334,11 @@ export default defineComponent({
       })
     }
 
-    let hidePanelTimeout: number
-
     const showOptionPanel = () => {
       const { loading } = props
       const isDisabled = computeIsDisabled.value
       if (!loading && !isDisabled) {
-        clearTimeout(hidePanelTimeout)
+        clearTimeout(internalData.hpTimeout)
         if (!reactData.initialized) {
           reactData.initialized = true
         }
@@ -347,16 +354,16 @@ export default defineComponent({
 
     const hideOptionPanel = () => {
       reactData.visiblePanel = false
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.visibleAnimate = false
       }, 350)
     }
 
     const changeEvent = (evnt: Event, selectValue: any) => {
       const { fullNodeMaps } = reactData
+      emit('update:modelValue', selectValue)
       if (selectValue !== props.modelValue) {
         const cacheItem = fullNodeMaps[selectValue]
-        emit('update:modelValue', selectValue)
         treeSelectMethods.dispatchEvent('change', { value: selectValue, option: cacheItem ? cacheItem.item : null }, evnt)
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
@@ -609,8 +616,6 @@ export default defineComponent({
       ])
     }
 
-    $xeTreeSelect.renderVN = renderVN
-
     watch(() => props.options, () => {
       cacheItemMap()
     })
@@ -629,6 +634,10 @@ export default defineComponent({
       globalEvents.off($xeTreeSelect, 'blur')
     })
 
+    provide('$xeTreeSelect', $xeTreeSelect)
+
+    $xeTreeSelect.renderVN = renderVN
+
     return $xeTreeSelect
   },
   render () {

package/packages/ui/index.ts

@@ -32,13 +32,6 @@ export function setup (options?: VxeGlobalConfig) {
 VxeUI.config = config
 VxeUI.setup = setup
 
-/**
- * 已废弃
- * @deprecated
- */
-export const globalStore = {}
-VxeUI.globalStore = globalStore
-
 setConfig({
   alert: {},
   anchor: {},

package/packages/upload/src/upload.ts

@@ -373,7 +373,7 @@ export default defineComponent({
       emit(type, createEvent(evnt, { $upload: $xeUpload }, params))
     }
 
-    const emitModel = (value: VxeUploadDefines.FileObjItem[]) => {
+    const handleChange = (value: VxeUploadDefines.FileObjItem[]) => {
       const { singleMode, urlMode } = props
       const urlProp = computeUrlProp.value
       let restList = value ? value.slice(0) : []
@@ -534,7 +534,7 @@ export default defineComponent({
         cacheItem.percent = 0
         handleUploadResult(item, file).then(() => {
           if (urlMode) {
-            emitModel(reactData.fileList)
+            handleChange(reactData.fileList)
           }
         })
       }
@@ -645,7 +645,7 @@ export default defineComponent({
       reactData.fileList = newFileList
       reactData.fileCacheMaps = cacheMaps
       Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
-        emitModel(newFileList)
+        handleChange(newFileList)
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
           $xeForm.triggerItemEvent(evnt as any, formItemInfo.itemConfig.field, newFileList)
@@ -682,7 +682,7 @@ export default defineComponent({
     const handleRemoveEvent = (evnt: MouseEvent, item: VxeUploadDefines.FileObjItem, index: number) => {
       const { fileList } = reactData
       fileList.splice(index, 1)
-      emitModel(fileList)
+      handleChange(fileList)
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList)
@@ -1278,8 +1278,6 @@ export default defineComponent({
       ])
     }
 
-    $xeUpload.renderVN = renderVN
-
     const listFlag = ref(0)
     watch(() => props.modelValue ? props.modelValue.length : 0, () => {
       listFlag.value++
@@ -1305,6 +1303,8 @@ export default defineComponent({
 
     updateFileList()
 
+    $xeUpload.renderVN = renderVN
+
     return $xeUpload
   },
   render () {

package/types/components/calendar.d.ts

@@ -72,6 +72,12 @@ export interface CalendarReactData {
   currentDate: any
 }
 
+export interface CalendarInternalData {
+  yearSize: number
+  monthSize: number
+  quarterSize: number
+}
+
 export interface CalendarMethods {
   dispatchEvent(type: ValueOf<VxeCalendarEmits>, params: Record<string, any>, evnt: Event | null): void
 }

package/types/components/carousel.d.ts

@@ -63,6 +63,11 @@ export interface CarouselReactData {
   itemHeight: number
 }
 
+export interface CarouselInternalData {
+  apTimeout: undefined | number
+  stopFlag: boolean
+}
+
 export interface CarouselMethods {
   dispatchEvent(type: ValueOf<VxeCarouselEmits>, params: Record<string, any>, evnt: Event | null): void
   /**

package/types/components/countdown.d.ts

@@ -53,6 +53,10 @@ export interface CountdownReactData {
   secondNum: number
 }
 
+export interface CountdownInternalData {
+  dnTimeout: number | undefined
+}
+
 export interface CountdownMethods {
   dispatchEvent(type: ValueOf<VxeCountdownEmits>, params: Record<string, any>, evnt: Event | null): void
 }

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

@@ -34,13 +34,13 @@ export namespace VxeDatePickerPropTypes {
   export type Readonly = boolean
   export type Disabled = boolean
   export type Placeholder = string
-  export type Maxlength = string | number
+  export type MaxLength = string | number
   export type Multiple = boolean
   export type ShowWordCount = boolean
   export type CountMethod = (params: {
     value: string
   }) => number
-  export type Autocomplete = string
+  export type AutoComplete = string
   export type Align = string
   export type Form = string
   export type Min = string | number
@@ -64,6 +64,17 @@ export namespace VxeDatePickerPropTypes {
   export type SuffixIcon = string
   export type Placement = 'top' | 'bottom' | '' | null
   export type Transfer = boolean
+
+  /**
+   * 请使用 AutoComplete
+   * @deprecated
+   */
+  export type Autocomplete = string
+  /**
+   * 请使用 MaxLength
+   * @deprecated
+   */
+  export type Maxlength = string | number
 }
 
 export interface VxeDatePickerProps {
@@ -77,7 +88,7 @@ export interface VxeDatePickerProps {
   readonly?: VxeDatePickerPropTypes.Readonly
   disabled?: VxeDatePickerPropTypes.Disabled
   placeholder?: VxeDatePickerPropTypes.Placeholder
-  maxlength?: VxeDatePickerPropTypes.Maxlength
+  maxLength?: VxeDatePickerPropTypes.MaxLength
   multiple?: VxeDatePickerPropTypes.Multiple
   /**
    * 是否显示字数统计
@@ -131,11 +142,11 @@ export interface DatePickerReactData {
   panelIndex: number
   visiblePanel: boolean
   isAniVisible: boolean
-  panelStyle: VxeComponentStyleType | null
+  panelStyle: VxeComponentStyleType
   panelPlacement: VxeDatePickerPropTypes.Placement
   isActivated: boolean
   inputValue: any
-  datetimePanelValue: any
+  datetimePanelValue: Date | null
   datePanelValue: Date | null
   datePanelLabel: string
   datePanelType: VxeDatePickerDefines.DatePanelType
@@ -143,6 +154,13 @@ export interface DatePickerReactData {
   currentDate: any
 }
 
+export interface DatePickerInternalData {
+  yearSize: number
+  monthSize: number
+  quarterSize: number
+  hpTimeout?: undefined | number
+}
+
 export interface DatePickerMethods {
   dispatchEvent(type: ValueOf<VxeDatePickerEmits>, params: Record<string, any>, evnt: Event | null): void
   /**

package/types/components/drawer.d.ts

@@ -105,7 +105,6 @@ export interface DrawerReactData {
   visible: boolean
   contentVisible: boolean
   drawerZIndex: number
-  firstOpen: boolean
 }
 
 export interface DrawerMethods {

package/types/components/form.d.ts

@@ -1,6 +1,7 @@
 import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf, VxeComponentSlotType } from '@vxe-ui/core'
 import { VxeFormItemPropTypes, VxeFormItemProps } from './form-item'
+import { VxeGridConstructor } from './grid'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -18,7 +19,7 @@ export interface VxeFormConstructor<D = any> extends VxeComponentBaseOptions, Vx
   getComputeMaps(): FormPrivateComputed
   renderVN: RenderFunction
 
-  xegrid: any
+  xegrid: VxeGridConstructor | null
 }
 
 export interface FormPrivateRef {
@@ -122,7 +123,8 @@ export interface FormReactData {
 }
 
 export interface FormInternalData {
-  tooltipTimeout: any
+  meTimeout: undefined | number
+  stTimeout: undefined | number
   tooltipStore: {
     item: VxeFormDefines.ItemInfo | null
     visible: boolean