vxe-pc-ui 3.15.1 → 3.15.3

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

@@ -6,7 +6,7 @@ import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/s
 import { updatePanelPlacement, getEventTargetNode } from '../../ui/src/dom'
 import { parseDateString, parseDateObj, getRangeDateByCode, handleValueFormat } from '../../date-panel/src/util'
 import { getSlotVNs } from '../../ui/src/vn'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeDatePanelComponent from '../../date-panel/src/date-panel'
 import VxeButtonComponent from '../../button/src/button'
 import VxeButtonGroupComponent from '../../button/src/button-group'
@@ -14,6 +14,8 @@ import VxeButtonGroupComponent from '../../button/src/button-group'
 import type { VxeDateRangePickerConstructor, VxeDateRangePickerEmits, DateRangePickerReactData, DateRangePickerInternalData, VxeButtonGroupDefines, VxeComponentSizeType, VxeDateRangePickerPropTypes, VxeFormConstructor, VxeFormPrivateMethods, VxeDatePanelDefines, VxeFormDefines, ValueOf, VxeModalConstructor, VxeDrawerConstructor, VxeModalMethods, VxeDrawerMethods, VxeDateRangePickerDefines, VxeDatePanelConstructor } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { errLog } = createComponentLog('date-range-picker')
+
 export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeDateRangePicker',
   mixins: [
@@ -591,6 +593,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 +970,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 = () => {
@@ -995,10 +1002,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
       if (!isDisabled && !visiblePanel) {
         if (!reactData.initialized) {
           reactData.initialized = true
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem)
-            }
+          if (btnTransfer && panelElem) {
+            document.body.appendChild(panelElem)
           }
         }
         if (internalData.hpTimeout) {
@@ -1028,11 +1033,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' }) {
@@ -1090,7 +1101,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
               break
             }
             default:
-              errLog('vxe.error.notCommands', [`[date-range-picker] ${code}`])
+              errLog('vxe.error.notCommands', [code])
               break
           }
         }
@@ -1182,6 +1193,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 +1209,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/drawer/src/drawer.ts

@@ -98,6 +98,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       type: Boolean as PropType<VxeDrawerPropTypes.ShowTitleOverflow>,
       default: () => getConfig().drawer.showTitleOverflow
     },
+    preload: Boolean as PropType<VxeDrawerPropTypes.Preload>,
     width: [Number, String] as PropType<VxeDrawerPropTypes.Width>,
     height: [Number, String] as PropType<VxeDrawerPropTypes.Height>,
     resize: {
@@ -753,7 +754,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
   mounted () {
     const $xeDrawer = this
     const props = $xeDrawer
+    const reactData = $xeDrawer.reactData
 
+    reactData.initialized = !!props.preload
     $xeDrawer.$nextTick(() => {
       if (props.value) {
         $xeDrawer.openDrawer()

package/packages/form/render/index.ts

@@ -2,10 +2,12 @@ import { CreateElement } from 'vue'
 import XEUtils from 'xe-utils'
 import { renderer, getComponent } from '../../ui'
 import { getOnName, getModelEvent, getChangeEvent } from '../../ui/src/vn'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import type { VxeGlobalRendererHandles, VxeFormConstructor, VxeFormPrivateMethods } from '../../../types'
 
+const { errLog } = createComponentLog('form')
+
 const componentDefaultModelProp = 'value'
 
 /**
@@ -101,7 +103,7 @@ function getComponentOns (renderOpts: VxeGlobalRendererHandles.RenderFormItemCon
   XEUtils.objectEach(events, (func, key: any) => {
     ons[getOnName(key)] = function (...args: any[]) {
       if (!XEUtils.isFunction(func)) {
-        errLog('vxe.error.errFunc', [`[form] ${func}`])
+        errLog('vxe.error.errFunc', [func])
       }
       func(params, ...args)
     }

package/packages/form/src/form.ts

@@ -9,13 +9,15 @@ import VxeTooltipComponent from '../../tooltip'
 import VxeFormConfigItem from './form-config-item'
 import VxeLoadingComponent from '../../loading'
 import { getSlotVNs } from '../../ui/src/vn'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import '../render'
 
 import type { VxeFormPropTypes, VxeFormEmits, VxeComponentSizeType, VxeFormConstructor, VxeFormPrivateMethods, ValueOf, FormReactData, VxeFormDefines, VxeFormItemPropTypes, FormInternalData, VxeTooltipConstructor } from '../../../types'
 import type { VxeGridConstructor, VxeGridPrivateMethods } from '../../../types/components/grid'
 
+const { warnLog, errLog } = createComponentLog('form')
+
 class Rule {
   constructor (rule: any) {
     Object.assign(this, {
@@ -284,11 +286,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData: FormReactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: FormInternalData
+      }),
       xID,
       reactData,
-      internalData,
 
       recalcFlag: 0
     }
@@ -373,7 +376,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             XEUtils.each(item.slots, (func) => {
               if (!XEUtils.isFunction(func)) {
                 if (!slots[func]) {
-                  errLog('vxe.error.notSlot', [`[form] ${func}`])
+                  errLog('vxe.error.notSlot', [func])
                 }
               }
             })
@@ -633,10 +636,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
                         if (validatorMethod) {
                           customValid = validatorMethod(validParams)
                         } else {
-                          warnLog('vxe.error.notValidators', [`[form] ${validator}`])
+                          warnLog('vxe.error.notValidators', [validator])
                         }
                       } else {
-                        errLog('vxe.error.notValidators', [`[form] ${validator}`])
+                        errLog('vxe.error.notValidators', [validator])
                       }
                     } else {
                       customValid = validator(validParams)
@@ -1049,6 +1052,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const props = $xeForm
     const reactData = $xeForm.reactData
 
+    $xeForm.internalData = createInternalData()
+
     reactData.collapseAll = !!props.collapseStatus
   },
   mounted () {
@@ -1060,16 +1065,18 @@ export default /* define-vxe-component start */ defineVxeComponent({
     }
     $xeForm.$nextTick(() => {
       if (props.customLayout && props.items) {
-        errLog('vxe.error.errConflicts', ['[form] custom-layout', 'items'])
+        errLog('vxe.error.errConflicts', ['custom-layout', 'items'])
       }
     })
     globalEvents.on($xeForm, 'resize', $xeForm.handleGlobalResizeEvent)
   },
   destroyed () {
     const $xeForm = this
+    const reactData = $xeForm.reactData
     const internalData = $xeForm.internalData
 
     globalEvents.off($xeForm, 'resize')
+    XEUtils.assign(reactData, createReactData())
     XEUtils.assign(internalData, createInternalData())
   },
   render (this: any, h) {

package/packages/form/src/itemInfo.ts

@@ -1,6 +1,8 @@
 import { formats } from '../../ui'
 import XEUtils from 'xe-utils'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
+
+const { errLog } = createComponentLog('form')
 
 export class ItemInfo {
   constructor ($xeForm: any, item: any) {
@@ -9,22 +11,22 @@ export class ItemInfo {
       if (XEUtils.isString(formatter)) {
         const gFormatOpts = formats.get(formatter)
         if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
-          errLog('vxe.error.notFormats', [`[form] ${formatter}`])
+          errLog('vxe.error.notFormats', [formatter])
         }
       } else if (XEUtils.isArray(formatter)) {
         const gFormatOpts = formats.get(formatter[0])
         if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
-          errLog('vxe.error.notFormats', [`[form] ${formatter[0]}`])
+          errLog('vxe.error.notFormats', [formatter[0]])
         }
       }
     }
 
     if (field && itemRender) {
       if (itemRender.startField && `${itemRender.startField}`.indexOf(field) >= 0) {
-        errLog('vxe.error.modelConflicts', [`[form] field=${field}`, `item-render.startField=${itemRender.startField}`])
+        errLog('vxe.error.modelConflicts', [`field=${field}`, `item-render.startField=${itemRender.startField}`])
       }
       if (itemRender.endField && `${itemRender.endField}`.indexOf(field) >= 0) {
-        errLog('vxe.error.modelConflicts', [`[form] field=${field}`, `item-render.endField=${itemRender.endField}`])
+        errLog('vxe.error.modelConflicts', [`field=${field}`, `item-render.endField=${itemRender.endField}`])
       }
     }
 

package/packages/image/src/image.ts

@@ -65,12 +65,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
     getThumbnailUrlMethod: Function as PropType<VxeImagePropTypes.GetThumbnailUrlMethod>
   },
   data () {
-    const internalData = createInternalData()
     const reactData = createReactData()
     return {
+      ...({} as {
+        internalData: ImageInternalData
+      }),
       xID: XEUtils.uniqueId(),
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -289,6 +290,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       ])
     }
   },
+  created () {
+    const $xeImage = this
+
+    $xeImage.internalData = createInternalData()
+  },
   beforeDestroy () {
     const $xeImage = this
     const reactData = $xeImage.reactData

package/packages/input/src/input.ts

@@ -7,11 +7,13 @@ import { hasClass, getAbsolutePos, getEventTargetNode, hasControlKey } from '../
 import { toStringTimeDate, getDateQuarter } from '../../date-panel/src/util'
 import { handleNumber, toFloatValueFixed } from '../../number-input/src/util'
 import { getSlotVNs } from '../../ui/src/vn'
-import { warnLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import type { VxeInputConstructor, VxeInputEmits, InputInternalData, InputReactData, ValueOf, VxeInputPropTypes, VxeComponentStyleType, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, VxeComponentSizeType, VxeDrawerConstructor, VxeDrawerMethods, VxeModalConstructor, VxeModalMethods, VxeDatePanelDefines, VxeSelectConstructor, VxeSelectMethods, VxeTreeSelectConstructor, VxeTreeSelectMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { warnLog } = createComponentLog('input')
+
 export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeInput',
   mixins: [

package/packages/layout-body/src/layout-body.ts

@@ -36,12 +36,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const backtopId = `vxe_layout_body_backtop_${xID}`
-    const internalData = createInternalData()
     const reactData = createReactData()
     return {
+      ...({} as {
+        internalData: LayoutBodyInternalData
+      }),
       xID,
       backtopId,
-      internalData,
       reactData
     }
   },
@@ -131,6 +132,19 @@ export default /* define-vxe-component start */ defineVxeComponent({
       ])
     }
   },
+  created () {
+    const $xeLayoutBody = this
+
+    $xeLayoutBody.internalData = createInternalData()
+  },
+  beforeDestroy () {
+    const $xeLayoutBody = this
+    const reactData = $xeLayoutBody.reactData
+    const internalData = $xeLayoutBody.internalData
+
+    XEUtils.assign(reactData, createReactData())
+    XEUtils.assign(internalData, createInternalData())
+  },
   render (this: any, h) {
     return this.renderVN(h)
   }

package/packages/list/src/list.ts

@@ -64,11 +64,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: ListInternalData
+      }),
       xID,
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -449,6 +450,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const $xeList = this
     const props = $xeList
 
+    $xeList.internalData = createInternalData()
+
     $xeList.loadData(props.data || [])
   },
   mounted () {

package/packages/menu/src/menu.ts

@@ -5,11 +5,13 @@ import { VxeUI, createEvent, permission, globalMixins, globalEvents, renderEmpty
 import { toCssUnit } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeLoadingComponent from '../../loading'
 
 import type { VxeMenuDefines, MenuReactData, VxeMenuPropTypes, VxeLayoutAsideConstructor, VxeMenuEmits, VxeLayoutAsidePropTypes, VxeComponentPermissionInfo, VxeComponentSizeType, ValueOf } from '../../../types'
 
+const { errLog } = createComponentLog('menu')
+
 const { menus, getConfig, getIcon } = VxeUI
 
 export default /* define-vxe-component start */ defineVxeComponent({

package/packages/modal/src/modal.ts

@@ -7,11 +7,13 @@ import { getLastZIndex, nextZIndex, getSubLastZIndex, nextSubZIndex, getFuncText
 import VxeButtonComponent from '../../button/src/button'
 import VxeLoadingComponent from '../../loading/index'
 import { getSlotVNs } from '../../ui/src/vn'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import type { VxeModalConstructor, VxeModalPropTypes, ModalReactData, ModalInternalData, VxeModalMethods, ModalEventTypes, VxeModalEmits, VxeComponentSizeType, VxeComponentPermissionInfo, ValueOf, VxeButtonConstructor, VxeDrawerConstructor, VxeDrawerMethods, VxeFormConstructor, VxeFormPrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { warnLog, errLog } = createComponentLog('modal')
+
 export const allActiveModals: VxeModalConstructor[] = []
 const msgQueue: VxeModalConstructor[] = []
 const notifyQueue: VxeModalConstructor[] = []
@@ -104,6 +106,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       type: Boolean as PropType<VxeModalPropTypes.ShowFooter>,
       default: () => getConfig().modal.showFooter
     },
+    preload: Boolean as PropType<VxeModalPropTypes.Preload>,
     showZoom: Boolean as PropType<VxeModalPropTypes.ShowZoom>,
     zoomConfig: Object as PropType<VxeModalPropTypes.ZoomConfig>,
     showMaximize: {
@@ -1651,10 +1654,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const $xeModal = this
     const slots = $xeModal.$scopedSlots
     const props = $xeModal
+    const reactData = $xeModal.reactData
 
     if (props.type === 'modal' && props.showFooter && !(props.showConfirmButton || props.showCancelButton || slots.footer)) {
       warnLog('vxe.modal.footPropErr')
     }
+    reactData.initialized = !!props.preload
     $xeModal.$nextTick(() => {
       if (props.storage && !props.id) {
         errLog('vxe.error.reqProp', ['[modal] id'])

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/pager/src/pager.ts

@@ -2,13 +2,15 @@ import { CreateElement, PropType, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, globalMixins } from '../../ui'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeSelectComponent from '../../select/src/select'
 import VxeNumberInputComponent from '../../number-input/src/number-input'
 
 import type { VxePagerPropTypes, VxePagerEmits, VxeInputDefines, VxeSelectDefines, ValueOf, VxeComponentSizeType, PagerReactData } from '../../../types'
 import type { VxeGridConstructor, VxeGridPrivateMethods } from '../../../types/components/grid'
 
+const { warnLog, errLog } = createComponentLog('pager')
+
 export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxePager',
   mixins: [
@@ -260,7 +262,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     jumpPage (currentPage: number) {
       const $xePager = this
 
-      warnLog('vxe.error.delFunc', ['[pager] jumpPage', 'setCurrentPage'])
+      warnLog('vxe.error.delFunc', ['jumpPage', 'setCurrentPage'])
       return $xePager.setCurrentPage(currentPage)
     },
     getPageCount  (total: number, size: number) {
@@ -864,7 +866,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         if (renderFn) {
           childNodes.push(renderFn(h))
         } else {
-          errLog('vxe.error.notProp', [`[pager] layouts -> ${name}`])
+          errLog('vxe.error.notProp', [`layouts -> ${name}`])
         }
       })
       if (slots.right) {

package/packages/radio/src/group.ts

@@ -7,6 +7,10 @@ import VxeRadioButtonComponent from './button'
 
 import type { VxeRadioGroupPropTypes, RadioGroupInternalData, VxeRadioGroupEmits, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeComponentPermissionInfo, VxeComponentSizeType, RadioGroupReactData, ValueOf } from '../../../types'
 
+function createReactData (): RadioGroupReactData {
+  return {}
+}
+
 function createInternalData (): RadioGroupInternalData {
   return {
     // isLoaded: false
@@ -58,14 +62,14 @@ export default /* define-vxe-component start */ defineVxeComponent({
     }
   },
   data () {
-    const reactData: RadioGroupReactData = {
-    }
-    const internalData = createInternalData()
+    const reactData: RadioGroupReactData = createReactData()
     return {
+      ...({} as {
+        internalData: RadioGroupInternalData
+      }),
       xID: XEUtils.uniqueId(),
       name: XEUtils.uniqueId('xe_group_'),
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -247,6 +251,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeRadioGroup.loadData(val)
     }
   },
+  created () {
+    const $xeRadioGroup = this
+
+    $xeRadioGroup.internalData = createInternalData()
+  },
   mounted () {
     const $xeRadioGroup = this
     const props = $xeRadioGroup
@@ -260,9 +269,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   beforeDestroy () {
     const $xeRadioGroup = this
+    const reactData = $xeRadioGroup.reactData
     const internalData = $xeRadioGroup.internalData
 
     XEUtils.assign(internalData, createInternalData())
+    XEUtils.assign(reactData, createReactData())
   },
   render (this: any, h) {
     return this.renderVN(h)

package/packages/select/src/select.ts

@@ -5,13 +5,15 @@ import { VxeUI, getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, cr
 import { getEventTargetNode, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getFuncText, eqEmptyValue } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input/src/input'
 import VxeButtonComponent from '../../button/src/button'
 
 import type { VxeSelectPropTypes, SelectInternalData, ValueOf, VxeComponentSizeType, SelectReactData, VxeSelectEmits, VxeButtonDefines, VxeInputDefines, VxeSelectDefines, VxeOptionProps, VxeDrawerConstructor, VxeDrawerMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputConstructor, VxeComponentSlotType, VxeComponentStyleType } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { errLog } = createComponentLog('select')
+
 function isOptionVisible (option: any) {
   return option.visible !== false
 }
@@ -20,6 +22,30 @@ function getOptUniqueId () {
   return XEUtils.uniqueId('opt_')
 }
 
+function createReactData (): SelectReactData {
+  return {
+    initialized: false,
+    scrollYLoad: false,
+    bodyHeight: 0,
+    topSpaceHeight: 0,
+    optList: [],
+    staticOptions: [],
+    reactFlag: 0,
+
+    currentOption: null,
+    searchValue: '',
+    searchLoading: false,
+
+    panelIndex: 0,
+    panelStyle: {},
+    panelPlacement: null,
+    triggerFocusPanel: false,
+    visiblePanel: false,
+    isAniVisible: false,
+    isActivated: false
+  }
+}
+
 function createInternalData (): SelectInternalData {
   return {
     // isLoaded: false,
@@ -205,33 +231,14 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   data () {
     const xID = XEUtils.uniqueId()
-    const reactData: SelectReactData = {
-      initialized: false,
-      scrollYLoad: false,
-      bodyHeight: 0,
-      topSpaceHeight: 0,
-      optList: [],
-      staticOptions: [],
-      reactFlag: 1,
-
-      currentOption: null,
-      searchValue: '',
-      searchLoading: false,
-
-      panelIndex: 0,
-      panelStyle: {},
-      panelPlacement: null,
-      triggerFocusPanel: false,
-      visiblePanel: false,
-      isAniVisible: false,
-      isActivated: false
-    }
-    const internalData = createInternalData()
+    const reactData = createReactData()
 
     return {
+      ...({} as {
+        internalData: SelectInternalData
+      }),
       xID,
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -851,10 +858,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
           reactData.initialized = true
           const btnTransfer = $xeSelect.computeBtnTransfer
           const panelElem = $xeSelect.$refs.refOptionPanel as HTMLElement
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem)
-            }
+          if (btnTransfer && panelElem) {
+            document.body.appendChild(panelElem)
           }
         }
         reactData.isActivated = true
@@ -2125,6 +2130,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeSelect.loadData(val)
     }
   },
+  created () {
+    const $xeSelect = this
+
+    $xeSelect.internalData = createInternalData()
+  },
   mounted () {
     const $xeSelect = this
     const props = $xeSelect
@@ -2158,8 +2168,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   destroyed () {
     const $xeSelect = this
+    const reactData = $xeSelect.reactData
     const internalData = $xeSelect.internalData
 
+    XEUtils.assign(reactData, createReactData())
     XEUtils.assign(internalData, createInternalData())
   },
   render (this: any, h) {