vxe-pc-ui 4.15.2 → 4.15.4

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, DateRangePickerInternalData, DateRangePickerReactData, DateRangePickerMethods, VxeDateRangePickerPropTypes, DateRangePickerPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf, VxeModalConstructor, VxeDatePanelPropTypes, VxeDrawerConstructor, VxeModalMethods, VxeDrawerMethods, VxeDatePanelEvents, VxeDateRangePickerDefines, VxeButtonGroupEvents, VxeDatePanelConstructor } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { errLog } = createComponentLog('date-range-picker')
+
 export default defineVxeComponent({
   name: 'VxeDateRangePicker',
   props: {
@@ -951,7 +953,7 @@ export default defineVxeComponent({
               break
             }
             default:
-              errLog('vxe.error.notCommands', [`[date-range-picker] ${code}`])
+              errLog('vxe.error.notCommands', [code])
               break
           }
         }

package/packages/drawer/src/drawer.ts

@@ -94,6 +94,7 @@ export default 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: {
@@ -640,6 +641,7 @@ export default defineVxeComponent({
     })
 
     onMounted(() => {
+      reactData.initialized = !!props.preload
       nextTick(() => {
         if (props.modelValue) {
           openDrawer()

package/packages/form/render/index.ts

@@ -2,10 +2,12 @@ import { h, resolveComponent, ComponentOptions } 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 = 'modelValue'
 
 /**
@@ -102,7 +104,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 { VxeFormConstructor, VxeFormPropTypes, VxeFormEmits, FormReactData, FormMethods, FormPrivateRef, VxeFormPrivateMethods, VxeFormDefines, VxeFormItemPropTypes, VxeTooltipInstance, FormInternalData, VxeFormPrivateComputed } from '../../../types'
 import type { VxeGridConstructor, VxeGridPrivateMethods } from '../../../types/components/grid'
 
+const { warnLog, errLog } = createComponentLog('form')
+
 class Rule {
   constructor (rule: any) {
     Object.assign(this, {
@@ -349,7 +351,7 @@ export default defineVxeComponent({
             XEUtils.each(item.slots, (func) => {
               if (!XEUtils.isFunction(func)) {
                 if (!slots[func]) {
-                  errLog('vxe.error.notSlot', [`[form] ${func}`])
+                  errLog('vxe.error.notSlot', [func])
                 }
               }
             })
@@ -579,10 +581,10 @@ export default 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)
@@ -999,7 +1001,7 @@ export default defineVxeComponent({
     onMounted(() => {
       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', handleGlobalResizeEvent)

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/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, InputReactData, InputMethods, ValueOf, InputInternalData, VxeInputPropTypes, InputPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, VxeDrawerConstructor, VxeDrawerMethods, VxeModalConstructor, VxeModalMethods, VxeDatePanelDefines, VxeSelectConstructor, VxeSelectMethods, VxeTreeSelectConstructor, VxeTreeSelectMethods, VxeComponentStyleType } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { warnLog } = createComponentLog('input')
+
 export default defineVxeComponent({
   name: 'VxeInput',
   props: {

package/packages/menu/src/menu.ts

@@ -5,11 +5,13 @@ import { VxeUI, createEvent, permission, useSize, globalEvents, renderEmptyEleme
 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, VxeMenuPropTypes, MenuReactData, VxeMenuEmits, MenuMethods, VxeComponentSlotType, VxeLayoutAsidePropTypes, MenuPrivateMethods, MenuPrivateRef, VxeMenuPrivateComputed, VxeMenuConstructor, VxeMenuPrivateMethods, ValueOf, VxeLayoutAsideConstructor, VxeLayoutAsidePrivateMethods } from '../../../types'
 
+const { errLog } = createComponentLog('menu')
+
 const { menus, getConfig, getIcon } = VxeUI
 
 export default defineVxeComponent({

package/packages/modal/src/modal.ts

@@ -7,11 +7,13 @@ import { VxeUI, getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, cr
 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, VxeModalEmits, VxeModalPrivateComputed, ModalEventTypes, VxeButtonInstance, ModalMethods, ModalPrivateRef, VxeModalMethods, ValueOf, 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[] = []
@@ -100,6 +102,7 @@ export default 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: {
@@ -1479,9 +1482,10 @@ export default defineVxeComponent({
       if (props.type === 'modal' && props.showFooter && !(props.showConfirmButton || props.showCancelButton || slots.footer)) {
         warnLog('vxe.modal.footPropErr')
       }
+      reactData.initialized = !!props.preload
       nextTick(() => {
         if (props.storage && !props.id) {
-          errLog('vxe.error.reqProp', ['[modal] id'])
+          errLog('vxe.error.reqProp', ['id'])
         }
         if (props.modelValue) {
           openModal()

package/packages/pager/src/pager.ts

@@ -2,13 +2,15 @@ import { h, PropType, computed, inject, ref, Ref, reactive, nextTick, watch } fr
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize } 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, VxePagerConstructor, VxePagerEmits, VxeSelectEvents, ValueOf, PagerPrivateRef, PagerMethods, PagerPrivateMethods, VxePagerPrivateMethods, PagerReactData, VxeInputEvents, VxeSelectDefines } from '../../../types'
 import type { VxeGridConstructor, VxeGridPrivateMethods } from '../../../types/components/grid'
 
+const { warnLog, errLog } = createComponentLog('pager')
+
 export default defineVxeComponent({
   name: 'VxePager',
   props: {
@@ -655,7 +657,7 @@ export default defineVxeComponent({
        * @deprecated
        */
       jumpPage (currentPage: number) {
-        warnLog('vxe.error.delFunc', ['[pager] jumpPage', 'setCurrentPage'])
+        warnLog('vxe.error.delFunc', ['jumpPage', 'setCurrentPage'])
         return $xePager.setCurrentPage(currentPage)
       }
     }
@@ -731,7 +733,7 @@ export default defineVxeComponent({
         if (renderFn) {
           childNodes.push(renderFn())
         } 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, VxeRadioGroupConstructor, RadioGroupReactData, VxeRadioGroupEmits, VxeRadioGroupPrivateMethods, RadioGroupPrivateMethods, RadioGroupPrivateComputed, RadioGroupMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf } from '../../../types'
 
+function createReactData (): RadioGroupReactData {
+  return {}
+}
+
 function createInternalData (): RadioGroupInternalData {
   return {
     // isLoaded: false
@@ -53,8 +57,7 @@ export default defineVxeComponent({
 
     const { computeSize } = useSize(props)
 
-    const reactData = reactive<RadioGroupReactData>({
-    })
+    const reactData = reactive(createReactData())
 
     const internalData = createInternalData()
 
@@ -214,6 +217,7 @@ export default defineVxeComponent({
     })
 
     onUnmounted(() => {
+      XEUtils.assign(reactData, createReactData())
       XEUtils.assign(internalData, createInternalData())
     })
 

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, VxeSelectConstructor, SelectInternalData, SelectReactData, VxeSelectDefines, VxeButtonEvents, ValueOf, VxeSelectEmits, VxeComponentSlotType, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptionProps, VxeDrawerConstructor, VxeDrawerMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputEvents, 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,
@@ -204,27 +230,7 @@ export default defineVxeComponent({
 
     const { computeSize } = useSize(props)
 
-    const reactData = reactive<SelectReactData>({
-      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
-    })
+    const reactData = reactive(createReactData())
 
     const internalData = createInternalData()
 
@@ -1836,6 +1842,7 @@ export default defineVxeComponent({
       globalEvents.off($xeSelect, 'keydown')
       globalEvents.off($xeSelect, 'blur')
       globalEvents.off($xeSelect, 'resize')
+      XEUtils.assign(reactData, createReactData())
       XEUtils.assign(internalData, createInternalData())
     })
 

package/packages/splitter/src/splitter.ts

@@ -4,11 +4,13 @@ import { getConfig, getIcon, createEvent, globalEvents, globalResize, useSize, r
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit, isScale, addClass, removeClass } from '../../ui/src/dom'
 import { getGlobalDefaultConfig } from '../../ui/src/utils'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import XEUtils from 'xe-utils'
 
 import type { SplitterReactData, SplitterPrivateRef, VxeSplitterPropTypes, SplitterInternalData, SplitterMethods, VxeSplitterPanelPropTypes, VxeSplitterDefines, VxeSplitterPanelProps, VxeSplitterPrivateComputed, SplitterPrivateMethods, VxeSplitterEmits, VxeSplitterConstructor, ValueOf, VxeSplitterPrivateMethods } from '../../../types'
 
+const { warnLog, errLog } = createComponentLog('splitter')
+
 export default defineVxeComponent({
   name: 'VxeSplitter',
   props: {
@@ -226,13 +228,13 @@ export default defineVxeComponent({
       }
       reactData.itemList = list.map(item => {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['[splitter] show-action'])
+          warnLog('vxe.error.removeProp', ['show-action'])
         }
         if (item.slots) {
           XEUtils.each(item.slots, (func) => {
             if (!XEUtils.isFunction(func)) {
               if (!slots[func]) {
-                errLog('vxe.error.notSlot', [`[splitter] ${func}`])
+                errLog('vxe.error.notSlot', [func])
               }
             }
           })
@@ -953,11 +955,11 @@ export default defineVxeComponent({
       reactData.itemList = val || []
 
       if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
-        errLog('vxe.error.modelConflicts', ['[splitter] action-config.showPrevButton | action-config.showNextButton', '<vxe-splitter-panel ...> Only supports 2 panel'])
+        errLog('vxe.error.modelConflicts', ['action-config.showPrevButton | action-config.showNextButton', '<vxe-splitter-panel ...> Only supports 2 panel'])
       }
       reactData.itemList.forEach(item => {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['[splitter] showAction'])
+          warnLog('vxe.error.removeProp', ['showAction'])
         }
       })
       recalculate()
@@ -980,7 +982,7 @@ export default defineVxeComponent({
 
       const actionOpts = computeActionOpts.value
       if (actionOpts.direction) {
-        errLog('vxe.error.delProp', ['[splitter] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton'])
+        errLog('vxe.error.delProp', ['action-config.direction', 'action-config.showPrevButton | action-config.showNextButton'])
       }
 
       globalEvents.on($xeSplitter, 'resize', handleGlobalResizeEvent)

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

@@ -5,17 +5,34 @@ import { VxeUI, getConfig, getIcon, globalEvents, getI18n, createEvent, useSize,
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
 import { getOnName } from '../../ui/src/vn'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input/src/input'
 
 import type { TableSelectReactData, VxeTableSelectEmits, VxeInputConstructor, TableSelectInternalData, VxeTableSelectPropTypes, VxeFormDefines, VxeModalConstructor, VxeModalMethods, VxeDrawerConstructor, VxeDrawerMethods, TableSelectMethods, TableSelectPrivateMethods, ValueOf, TableSelectPrivateRef, VxeTableSelectPrivateComputed, VxeTableSelectConstructor, VxeTableSelectPrivateMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeComponentStyleType } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 import type { VxeGridInstance, VxeGridEvents, VxeGridPropTypes } from '../../../types/components/grid'
 
+const { errLog } = createComponentLog('table-select')
+
 export function getRowUniqueId () {
   return XEUtils.uniqueId('row_')
 }
 
+function createReactData (): TableSelectReactData {
+  return {
+    initialized: false,
+    tableColumns: [],
+    fullOptionList: [],
+    panelIndex: 0,
+    panelStyle: {},
+    panelPlacement: null,
+    triggerFocusPanel: false,
+    visiblePanel: false,
+    isAniVisible: false,
+    isActivated: false
+  }
+}
+
 function createInternalData (): TableSelectInternalData {
   return {
     // hpTimeout: undefined,
@@ -103,20 +120,9 @@ export default defineVxeComponent({
     const refOptionPanel = ref<HTMLDivElement>()
     const refGrid = ref<VxeGridInstance>()
 
-    const reactData = reactive<TableSelectReactData>({
-      initialized: false,
-      tableColumns: [],
-      fullOptionList: [],
-      panelIndex: 0,
-      panelStyle: {},
-      panelPlacement: null,
-      triggerFocusPanel: false,
-      visiblePanel: false,
-      isAniVisible: false,
-      isActivated: false
-    })
+    const reactData = reactive(createReactData())
 
-    const internalData: TableSelectInternalData = createInternalData()
+    const internalData = createInternalData()
 
     const refMaps: TableSelectPrivateRef = {
       refElem
@@ -402,12 +408,12 @@ export default defineVxeComponent({
             rowid = getRowUniqueId()
           }
           if (keyMaps[rowid]) {
-            errLog('vxe.error.repeatKey', [`[table-select] ${rowKeyField}`, rowid])
+            errLog('vxe.error.repeatKey', [rowKeyField, rowid])
           }
           keyMaps[rowid] = true
           const value = item[valueField]
           if (rowMaps[value]) {
-            errLog('vxe.error.repeatKey', [`[table-select] ${valueField}`, value])
+            errLog('vxe.error.repeatKey', [valueField, value])
           }
           rowMaps[value] = { item, index, items, parent: null, nodes: [] }
         })
@@ -787,12 +793,13 @@ export default defineVxeComponent({
       globalEvents.off($xeTableSelect, 'mousedown')
       globalEvents.off($xeTableSelect, 'blur')
       globalEvents.off($xeTableSelect, 'resize')
+      XEUtils.assign(reactData, createReactData())
       XEUtils.assign(internalData, createInternalData())
     })
 
     nextTick(() => {
       if (!VxeTableGridComponent) {
-        errLog('vxe.error.reqComp', ['[table-select] vxe-grid'])
+        errLog('vxe.error.reqComp', ['vxe-grid'])
       }
     })
 

package/packages/tabs/src/tabs.ts

@@ -4,12 +4,14 @@ import { createEvent, getConfig, getIcon, globalEvents, permission, useSize, ren
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit, addClass, removeClass } from '../../ui/src/dom'
 import { isEnableConf } from '../../ui/src/utils'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import XEUtils from 'xe-utils'
 import VxeLoadingComponent from '../../loading/src/loading'
 
 import type { VxeTabsPropTypes, VxeTabPaneProps, VxeTabsEmits, TabsInternalData, TabsReactData, TabsPrivateRef, VxeTabsPrivateComputed, VxeTabsConstructor, VxeTabsPrivateMethods, VxeTabPaneDefines, ValueOf, TabsMethods, TabsPrivateMethods, VxeComponentStyleType } from '../../../types'
 
+const { warnLog, errLog } = createComponentLog('tabs')
+
 const scrollbarOffsetSize = 20
 
 export default defineVxeComponent({
@@ -580,11 +582,11 @@ export default defineVxeComponent({
         return handlePrevNext(true)
       },
       prevTab () {
-        warnLog('vxe.error.delFunc', ['[tabs] prevTab', 'prev'])
+        warnLog('vxe.error.delFunc', ['prevTab', 'prev'])
         return tabsMethods.prev()
       },
       nextTab () {
-        warnLog('vxe.error.delFunc', ['[tabs] nextTab', 'next'])
+        warnLog('vxe.error.delFunc', ['nextTab', 'next'])
         return tabsMethods.next()
       }
     }

package/packages/textarea/src/textarea.ts

@@ -3,10 +3,12 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getI18n, createEvent, useSize } from '../../ui'
 import { getFuncText } from '../../ui/src/utils'
-import { warnLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import type { VxeTextareaPropTypes, TextareaReactData, TextareaMethods, VxeTextareaConstructor, VxeTextareaEmits, TextareaPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
 
+const { warnLog } = createComponentLog('textarea')
+
 let autoTxtElem: HTMLDivElement
 
 export default defineVxeComponent({

package/packages/tree/src/tree.ts

@@ -2,7 +2,7 @@ import { ref, h, reactive, PropType, computed, VNode, watch, onBeforeUnmount, ne
 import { defineVxeComponent } from '../../ui/src/comp'
 import { VxeUI, createEvent, useSize, globalEvents, globalResize, renderEmptyElement } from '../../ui'
 import { calcTreeLine, enNodeValue, deNodeValue } from './util'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import { getCrossTreeDragNodeInfo } from './store'
 import XEUtils from 'xe-utils'
 import { getSlotVNs } from '../../ui/src/vn'
@@ -13,6 +13,8 @@ import VxeLoadingComponent from '../../loading'
 
 import type { TreeReactData, VxeTreeEmits, VxeTreePropTypes, TreeInternalData, TreePrivateRef, VxeTreeDefines, VxeTreePrivateComputed, TreePrivateMethods, TreeMethods, ValueOf, VxeTreeConstructor, VxeTreePrivateMethods, VxeComponentStyleType } from '../../../types'
 
+const { errLog } = createComponentLog('tree')
+
 const { menus, getConfig, getI18n, getIcon } = VxeUI
 
 /**
@@ -779,7 +781,7 @@ export default defineVxeComponent({
       handleData(true)
       if (sYLoad) {
         if (!(props.height || props.maxHeight)) {
-          errLog('vxe.error.reqProp', ['[tree] height | max-height | virtual-y-config.enabled=false'])
+          errLog('vxe.error.reqProp', ['height | max-height | virtual-y-config.enabled=false'])
         }
       }
       return computeScrollLoad().then(() => {