vxe-pc-ui 4.1.20 → 4.1.21

package/packages/select/src/select.ts

@@ -1,12 +1,12 @@
 import { defineComponent, h, Teleport, PropType, ref, Ref, inject, computed, provide, onUnmounted, reactive, nextTick, watch, onMounted, createCommentVNode } from 'vue'
 import XEUtils from 'xe-utils'
-import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, VxeComponentSlotType } from '../../ui'
+import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize } from '../../ui'
 import { getEventTargetNode, getAbsolutePos } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
 import VxeInputComponent from '../../input/src/input'
 import { getSlotVNs } from '../../ui/src/vn'
 
-import type { VxeSelectPropTypes, VxeSelectConstructor, SelectInternalData, SelectReactData, VxeSelectEmits, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptgroupProps, VxeOptionProps, VxeTableConstructor, VxeDrawerConstructor, VxeDrawerMethods, VxeTablePrivateMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods } from '../../../types'
+import type { VxeSelectPropTypes, VxeSelectConstructor, SelectInternalData, SelectReactData, VxeSelectEmits, VxeComponentSlotType, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptgroupProps, VxeOptionProps, VxeTableConstructor, VxeDrawerConstructor, VxeDrawerMethods, VxeTablePrivateMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods } from '../../../types'
 
 function isOptionVisible (option: any) {
   return option.visible !== false
@@ -187,11 +187,11 @@ export default defineComponent({
     })
 
     const computePropsOpts = computed(() => {
-      return props.optionProps || {}
+      return Object.assign({}, props.optionProps)
     })
 
     const computeGroupPropsOpts = computed(() => {
-      return props.optionGroupProps || {}
+      return Object.assign({}, props.optionGroupProps)
     })
 
     const computeLabelField = computed(() => {
@@ -234,6 +234,28 @@ export default defineComponent({
       return XEUtils.toNumber(props.multiCharOverflow)
     })
 
+    const computeSelectLabel = computed(() => {
+      const { modelValue, multiple, remote } = props
+      const multiMaxCharNum = computeMultiMaxCharNum.value
+      if (modelValue && multiple) {
+        const vals = XEUtils.isArray(modelValue) ? modelValue : [modelValue]
+        if (remote) {
+          return vals.map(val => getRemoteSelectLabel(val)).join(', ')
+        }
+        return vals.map((val) => {
+          const label = getSelectLabel(val)
+          if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
+            return `${label.substring(0, multiMaxCharNum)}...`
+          }
+          return label
+        }).join(', ')
+      }
+      if (remote) {
+        return getRemoteSelectLabel(modelValue)
+      }
+      return getSelectLabel(modelValue)
+    })
+
     const callSlot = <T>(slotFunc: ((params: T) => VxeComponentSlotType | VxeComponentSlotType[]) | string | null, params: T) => {
       if (slotFunc) {
         if (XEUtils.isString(slotFunc)) {
@@ -300,28 +322,6 @@ export default defineComponent({
       return XEUtils.toValueString(item ? item[labelField as 'label'] : value)
     }
 
-    const computeSelectLabel = computed(() => {
-      const { modelValue, multiple, remote } = props
-      const multiMaxCharNum = computeMultiMaxCharNum.value
-      if (modelValue && multiple) {
-        const vals = XEUtils.isArray(modelValue) ? modelValue : [modelValue]
-        if (remote) {
-          return vals.map(val => getRemoteSelectLabel(val)).join(', ')
-        }
-        return vals.map((val) => {
-          const label = getSelectLabel(val)
-          if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
-            return `${label.substring(0, multiMaxCharNum)}...`
-          }
-          return label
-        }).join(', ')
-      }
-      if (remote) {
-        return getRemoteSelectLabel(modelValue)
-      }
-      return getSelectLabel(modelValue)
-    })
-
     const getOptkey = () => {
       const optionOpts = computeOptionOpts.value
       return optionOpts.keyField || props.optionId || '_X_OPTION_KEY'
@@ -534,8 +534,8 @@ export default defineComponent({
     }
 
     const changeEvent = (evnt: Event, selectValue: any) => {
+      emit('update:modelValue', selectValue)
       if (selectValue !== props.modelValue) {
-        emit('update:modelValue', selectValue)
         selectMethods.dispatchEvent('change', { value: selectValue }, evnt)
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
@@ -774,19 +774,25 @@ export default defineComponent({
       reactData.isActivated = true
     }
 
-    const triggerSearchEvent = XEUtils.debounce(function () {
+    const handleSearchEvent = () => {
       const { remote, remoteMethod } = props
       const { searchValue } = reactData
       if (remote && remoteMethod) {
         reactData.searchLoading = true
-        Promise.resolve(remoteMethod({ searchValue })).then(() => nextTick()).catch(() => nextTick()).finally(() => {
-          reactData.searchLoading = false
-          refreshOption()
-        })
+        Promise.resolve(
+          remoteMethod({ searchValue })
+        ).then(() => nextTick())
+          .catch(() => nextTick())
+          .finally(() => {
+            reactData.searchLoading = false
+            refreshOption()
+          })
       } else {
         refreshOption()
       }
-    }, 350, { trailing: true })
+    }
+
+    const triggerSearchEvent = XEUtils.debounce(handleSearchEvent, 350, { trailing: true })
 
     const togglePanelEvent = (params: any) => {
       const { $event } = params
@@ -999,7 +1005,7 @@ export default defineComponent({
           }, defaultSlot ? defaultSlot({}) : []),
           h('span', {
             class: 'vxe-select-label'
-          }, selectLabel)
+          }, [selectLabel])
         ])
       }
       return h('div', {
@@ -1099,8 +1105,6 @@ export default defineComponent({
       ])
     }
 
-    $xeSelect.renderVN = renderVN
-
     watch(() => reactData.staticOptions, (value) => {
       if (value.some((item) => item.options && item.options.length)) {
         reactData.fullOptionList = []
@@ -1149,6 +1153,8 @@ export default defineComponent({
 
     provide('$xeSelect', $xeSelect)
 
+    $xeSelect.renderVN = renderVN
+
     return $xeSelect
   },
   render () {

package/packages/select/src/util.ts

@@ -5,7 +5,7 @@ import { OptionInfo } from './option-info'
 import type { VxeSelectConstructor } from '../../../types'
 
 export interface XEOptionProvide {
-  option: OptionInfo;
+  optionConfig: OptionInfo;
 }
 
 export function isOption (option: any) {
@@ -24,11 +24,11 @@ export function watchOption (props: any, option: OptionInfo) {
   })
 }
 
-export function assembleOption ($xeSelect: VxeSelectConstructor, el: HTMLDivElement, option: OptionInfo, optGroup?: XEOptionProvide | null) {
+export function assembleOption ($xeSelect: VxeSelectConstructor, el: HTMLDivElement, option: OptionInfo, $xeOptgroup?: XEOptionProvide | null) {
   const { reactData } = $xeSelect
   const { staticOptions } = reactData
   const parentElem = el.parentNode
-  const parentOption = optGroup ? optGroup.option : null
+  const parentOption = $xeOptgroup ? $xeOptgroup.optionConfig : null
   const parentCols = parentOption ? parentOption.options : staticOptions
   if (parentElem && parentCols) {
     parentCols.splice(XEUtils.arrayIndexOf(parentElem.children, el), 0, option)

package/packages/tabs/src/tab-pane.ts

@@ -1,8 +1,9 @@
 import { defineComponent, ref, h, reactive, PropType, watch, inject, onMounted, onUnmounted } from 'vue'
 import XEUtils from 'xe-utils'
+import { createEvent } from '../../ui'
 import { assembleAnchorTab, destroyAnchorTab } from './util'
 
-import type { VxeTabPanePropTypes, TabPaneReactData, TabPanePrivateRef, VxeTabPanePrivateComputed, VxeTabPaneConstructor, VxeTabPanePrivateMethods, VxeTabPaneDefines, VxeTabsConstructor, VxeTabsPrivateMethods } from '../../../types'
+import type { VxeTabPanePropTypes, TabPaneReactData, TabPaneMethods, TabPanePrivateMethods, VxeTabPaneEmits, ValueOf, TabPanePrivateRef, VxeTabPanePrivateComputed, VxeTabPaneConstructor, VxeTabPanePrivateMethods, VxeTabPaneDefines, VxeTabsConstructor, VxeTabsPrivateMethods } from '../../../types'
 
 export default defineComponent({
   name: 'VxeTabPane',
@@ -15,9 +16,9 @@ export default defineComponent({
     preload: Boolean as PropType<VxeTabPanePropTypes.Preload>,
     permissionCode: [String, Number] as PropType<VxeTabPanePropTypes.PermissionCode>
   },
-  emits: [],
+  emits: [] as VxeTabPaneEmits,
   setup (props, context) {
-    const { slots } = context
+    const { slots, emit } = context
 
     const xID = XEUtils.uniqueId()
 
@@ -59,6 +60,19 @@ export default defineComponent({
       getComputeMaps: () => computeMaps
     } as unknown as VxeTabPaneConstructor & VxeTabPanePrivateMethods
 
+    const dispatchEvent = (type: ValueOf<VxeTabPaneEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $tabPane: $xeTabPane }, params))
+    }
+
+    const tabPaneMethods: TabPaneMethods = {
+      dispatchEvent
+    }
+
+    const tabPanePrivateMethods: TabPanePrivateMethods = {
+    }
+
+    Object.assign($xeTabPane, tabPaneMethods, tabPanePrivateMethods)
+
     watch(() => props.title, (val) => {
       tabConfig.title = val
     })
@@ -76,8 +90,9 @@ export default defineComponent({
     })
 
     onMounted(() => {
-      if ($xeTabs && refElem.value) {
-        assembleAnchorTab($xeTabs, refElem.value, tabConfig)
+      const elem = refElem.value
+      if ($xeTabs && elem) {
+        assembleAnchorTab($xeTabs, elem, tabConfig)
       }
     })
 

package/packages/tabs/src/tabs.ts

@@ -5,7 +5,7 @@ import { toCssUnit } from '../..//ui/src/dom'
 import { warnLog } from '../../ui/src/log'
 import XEUtils from 'xe-utils'
 
-import type { VxeTabsPropTypes, VxeTabPaneProps, VxeTabsEmits, TabsReactData, TabsPrivateRef, VxeTabsPrivateComputed, VxeTabsConstructor, VxeTabsPrivateMethods, VxeTabPaneDefines, ValueOf, TabsMethods, TabsPrivateMethods } from '../../../types'
+import type { VxeTabsPropTypes, VxeTabPaneProps, VxeTabsEmits, TabsInternalData, TabsReactData, TabsPrivateRef, VxeTabsPrivateComputed, VxeTabsConstructor, VxeTabsPrivateMethods, VxeTabPaneDefines, ValueOf, TabsMethods, TabsPrivateMethods } from '../../../types'
 
 export default defineComponent({
   name: 'VxeTabs',
@@ -55,28 +55,22 @@ export default defineComponent({
       resizeFlag: 1
     })
 
-    const refMaps: TabsPrivateRef = {
-      refElem
+    const internalData: TabsInternalData = {
+      slTimeout: undefined
     }
 
-    const handleFilterTab = (item: VxeTabPaneProps | VxeTabPaneDefines.TabConfig) => {
-      const { permissionCode } = item
-      if (permissionCode) {
-        if (!permission.checkVisible(permissionCode)) {
-          return false
-        }
-      }
-      return true
+    const refMaps: TabsPrivateRef = {
+      refElem
     }
 
     const computeTabOptions = computed(() => {
       const { options } = props
-      return (options || []).filter(handleFilterTab)
+      return (options || []).filter((item) => handleFilterTab(item))
     })
 
     const computeTabStaticOptions = computed(() => {
       const { staticTabs } = reactData
-      return staticTabs.filter(handleFilterTab)
+      return staticTabs.filter((item) => handleFilterTab(item))
     })
 
     const computeMaps: VxeTabsPrivateComputed = {
@@ -92,6 +86,16 @@ export default defineComponent({
       getComputeMaps: () => computeMaps
     } as unknown as VxeTabsConstructor & VxeTabsPrivateMethods
 
+    const handleFilterTab = (item: VxeTabPaneProps | VxeTabPaneDefines.TabConfig) => {
+      const { permissionCode } = item
+      if (permissionCode) {
+        if (!permission.checkVisible(permissionCode)) {
+          return false
+        }
+      }
+      return true
+    }
+
     const callSlot = (slotFunc: any, params: any) => {
       if (slotFunc) {
         if (XEUtils.isString(slotFunc)) {
@@ -218,13 +222,15 @@ export default defineComponent({
       }
     }
 
-    let scrollTimeout: any = null
-
     const startScrollAnimation = (offsetPos: number, offsetSize: number) => {
+      const { slTimeout } = internalData
       let offsetLeft = offsetSize
       let scrollCount = 6
       let delayNum = 35
-      clearTimeout(scrollTimeout)
+      if (slTimeout) {
+        clearTimeout(slTimeout)
+        internalData.slTimeout = undefined
+      }
       const scrollAnimate = () => {
         const headerWrapperEl = refHeadWrapperElem.value
         if (scrollCount > 0) {
@@ -236,13 +242,13 @@ export default defineComponent({
               if (clientWidth + scrollLeft < scrollWidth) {
                 headerWrapperEl.scrollLeft += offsetLeft
                 delayNum -= 4
-                scrollTimeout = setTimeout(scrollAnimate, delayNum)
+                internalData.slTimeout = setTimeout(scrollAnimate, delayNum)
               }
             } else {
               if (scrollLeft > 0) {
                 headerWrapperEl.scrollLeft -= offsetLeft
                 delayNum -= 4
-                scrollTimeout = setTimeout(scrollAnimate, delayNum)
+                internalData.slTimeout = setTimeout(scrollAnimate, delayNum)
               }
             }
             updateTabStyle()
@@ -297,41 +303,43 @@ export default defineComponent({
       })
     }
 
-    const createHandlePrevNext = (isNext: boolean) => {
-      return () => {
-        const { activeName } = reactData
-        const tabOptions = computeTabOptions.value
-        const tabStaticOptions = computeTabStaticOptions.value
-        const list = tabStaticOptions.length ? tabStaticOptions : tabOptions
-        const index = XEUtils.findIndexOf(list, item => item.name === activeName)
-        if (index > -1) {
-          let item: VxeTabPaneProps | null = null
-          if (isNext) {
-            if (index < list.length - 1) {
-              item = list[index + 1]
-            }
-          } else {
-            if (index > 0) {
-              item = list[index - 1]
-            }
+    const handlePrevNext = (isNext: boolean) => {
+      const { activeName } = reactData
+      const tabOptions = computeTabOptions.value
+      const tabStaticOptions = computeTabStaticOptions.value
+      const list = tabStaticOptions.length ? tabStaticOptions : tabOptions
+      const index = XEUtils.findIndexOf(list, item => item.name === activeName)
+      if (index > -1) {
+        let item: VxeTabPaneProps | null = null
+        if (isNext) {
+          if (index < list.length - 1) {
+            item = list[index + 1]
           }
-          if (item) {
-            const name = item.name
-            const value = name
-            reactData.activeName = name
-            emit('update:modelValue', value)
-            addInitName(name, null)
+        } else {
+          if (index > 0) {
+            item = list[index - 1]
           }
         }
-        return nextTick()
+        if (item) {
+          const name = item.name
+          const value = name
+          reactData.activeName = name
+          emit('update:modelValue', value)
+          addInitName(name, null)
+        }
       }
+      return nextTick()
     }
 
     const tabsMethods: TabsMethods = {
       dispatchEvent,
       scrollToTab,
-      prev: createHandlePrevNext(false),
-      next: createHandlePrevNext(true),
+      prev () {
+        return handlePrevNext(false)
+      },
+      next () {
+        return handlePrevNext(true)
+      },
       prevTab () {
         if (process.env.VUE_APP_VXE_ENV === 'development') {
           warnLog('vxe.error.delFunc', ['prevTab', 'prev'])
@@ -475,9 +483,9 @@ export default defineComponent({
       const { activeName } = reactData
       const activeDefaultTab = tabList.find(item => item.name === activeName)
       if (destroyOnClose) {
-        return activeDefaultTab ? [renderTabPane(activeDefaultTab)] : createCommentVNode()
+        return [activeDefaultTab ? renderTabPane(activeDefaultTab) : createCommentVNode()]
       }
-      return tabList.map(renderTabPane)
+      return tabList.map((item) => renderTabPane(item))
     }
 
     const renderVN = () => {
@@ -552,7 +560,9 @@ export default defineComponent({
     }
 
     watch(() => reactData.resizeFlag, () => {
-      nextTick(updateTabStyle)
+      nextTick(() => {
+        updateTabStyle()
+      })
     })
 
     nextTick(() => {
@@ -567,13 +577,13 @@ export default defineComponent({
       globalEvents.off($xeTabs, 'resize')
     })
 
-    $xeTabs.renderVN = renderVN
-
     provide('$xeTabs', $xeTabs)
 
     addInitName(props.modelValue, null)
     initDefaultName(reactData.staticTabs.length ? reactData.staticTabs : props.options)
 
+    $xeTabs.renderVN = renderVN
+
     return $xeTabs
   },
   render () {

package/packages/textarea/src/textarea.ts

@@ -211,7 +211,7 @@ export default defineComponent({
       $xeTextarea.dispatchEvent(evnt.type, { value }, evnt)
     }
 
-    const emitUpdate = (value: string, evnt: Event) => {
+    const handleChange = (value: string, evnt: Event) => {
       reactData.inputValue = value
       emit('update:modelValue', value)
       if (XEUtils.toValueString(props.modelValue) !== value) {
@@ -229,7 +229,7 @@ export default defineComponent({
       const value = textElem.value
       reactData.inputValue = value
       if (immediate) {
-        emitUpdate(value, evnt)
+        handleChange(value, evnt)
       }
       $xeTextarea.dispatchEvent('input', { value }, evnt)
       handleResize()
@@ -240,7 +240,7 @@ export default defineComponent({
       if (immediate) {
         triggerEvent(evnt)
       } else {
-        emitUpdate(reactData.inputValue, evnt)
+        handleChange(reactData.inputValue, evnt)
       }
     }
 
@@ -248,7 +248,7 @@ export default defineComponent({
       const { immediate } = props
       const { inputValue } = reactData
       if (!immediate) {
-        emitUpdate(inputValue, evnt)
+        handleChange(inputValue, evnt)
       }
       $xeTextarea.dispatchEvent('blur', { value: inputValue }, evnt)
     }

package/packages/tooltip/src/tooltip.ts

@@ -387,10 +387,10 @@ export default defineComponent({
       }
     })
 
-    $xeTooltip.renderVN = renderVN
-
     handleDelayFn()
 
+    $xeTooltip.renderVN = renderVN
+
     return $xeTooltip
   },
   render () {

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, VxeDrawerConstructor, VxeDrawerMethods, 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>,
@@ -87,6 +90,10 @@ export default defineComponent({
       isActivated: false
     })
 
+    const internalData: TreeSelectInternalData = {
+      hpTimeout: undefined
+    }
+
     const refMaps: TreeSelectPrivateRef = {
       refElem
     }
@@ -186,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(', ')
     })
@@ -201,6 +208,7 @@ export default defineComponent({
       props,
       context,
       reactData,
+      internalData,
 
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
@@ -236,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()
@@ -326,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
         }
@@ -348,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) {
@@ -610,8 +616,6 @@ export default defineComponent({
       ])
     }
 
-    $xeTreeSelect.renderVN = renderVN
-
     watch(() => props.options, () => {
       cacheItemMap()
     })
@@ -630,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: {},