vxe-pc-ui 4.15.1 → 4.15.3

package/es/date-range-picker/src/date-range-picker.js

@@ -6,10 +6,11 @@ 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';
+const { errLog } = createComponentLog('date-range-picker');
 export default defineVxeComponent({
     name: 'VxeDateRangePicker',
     props: {
@@ -460,6 +461,9 @@ export default defineVxeComponent({
             if (!trigger || trigger === 'default') {
                 dateRangePickerOpenEvent(evnt);
             }
+            else if (trigger === 'icon') {
+                hidePanel();
+            }
             triggerEvent(evnt);
         };
         const clickPrefixEvent = (evnt) => {
@@ -771,6 +775,9 @@ export default defineVxeComponent({
             const { panelIndex } = reactData;
             const targetElem = refInputTarget.value;
             const panelElem = refInputPanel.value;
+            if (!panelElem) {
+                return nextTick();
+            }
             const btnTransfer = computeBtnTransfer.value;
             const popupOpts = computePopupOpts.value;
             const handleStyle = () => {
@@ -819,10 +826,16 @@ export default defineVxeComponent({
             }
         };
         const clickIconEvent = (evnt) => {
+            const { visiblePanel } = reactData;
             const popupOpts = computePopupOpts.value;
             const { trigger } = popupOpts;
             if (!trigger || trigger === 'default' || trigger === 'icon') {
-                dateRangePickerOpenEvent(evnt);
+                if (visiblePanel) {
+                    hidePanel();
+                }
+                else {
+                    dateRangePickerOpenEvent(evnt);
+                }
             }
         };
         const clickEvent = (evnt) => {
@@ -875,7 +888,7 @@ export default defineVxeComponent({
                             break;
                         }
                         default:
-                            errLog('vxe.error.notCommands', [`[date-range-picker] ${code}`]);
+                            errLog('vxe.error.notCommands', [code]);
                             break;
                     }
                 }
@@ -948,6 +961,10 @@ export default defineVxeComponent({
             return renderEmptyElement($xeDateRangePicker);
         };
         const renderPanel = () => {
+            const popupOpts = computePopupOpts.value;
+            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 = computeSize.value;
@@ -960,7 +977,6 @@ export default defineVxeComponent({
             const defaultDates = computeDefaultDates.value;
             const defaultTimes = computeDefaultTimes.value;
             const timeOpts = computeTimeOpts.value;
-            const popupOpts = computePopupOpts.value;
             const { startLabel, endLabel } = panelLabelObj;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;

package/es/drawer/src/drawer.js

@@ -89,6 +89,7 @@ export default defineVxeComponent({
             type: Boolean,
             default: () => getConfig().drawer.showTitleOverflow
         },
+        preload: Boolean,
         width: [Number, String],
         height: [Number, String],
         resize: {
@@ -595,6 +596,7 @@ export default defineVxeComponent({
             }
         });
         onMounted(() => {
+            reactData.initialized = !!props.preload;
             nextTick(() => {
                 if (props.modelValue) {
                     openDrawer();

package/es/form/render/index.js

@@ -2,7 +2,8 @@ import { h, resolveComponent } 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';
+const { errLog } = createComponentLog('form');
 const componentDefaultModelProp = 'modelValue';
 /**
  * 已废弃
@@ -89,7 +90,7 @@ function getComponentOns(renderOpts, params, eFns, eventOns) {
     XEUtils.objectEach(events, (func, key) => {
         ons[getOnName(key)] = function (...args) {
             if (!XEUtils.isFunction(func)) {
-                errLog('vxe.error.errFunc', [`[form] ${func}`]);
+                errLog('vxe.error.errFunc', [func]);
             }
             func(params, ...args);
         };

package/es/form/src/form.js

@@ -9,8 +9,9 @@ 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';
+const { warnLog, errLog } = createComponentLog('form');
 class Rule {
     constructor(rule) {
         Object.assign(this, {
@@ -319,7 +320,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]);
                                 }
                             }
                         });
@@ -542,11 +543,11 @@ export default defineVxeComponent({
                                                 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 {
@@ -936,7 +937,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/es/form/src/itemInfo.js

@@ -1,6 +1,7 @@
 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, item) {
         const { field, itemRender, formatter } = item;
@@ -8,22 +9,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}`]);
             }
         }
         Object.assign(this, {

package/es/input/src/input.js

@@ -7,7 +7,8 @@ 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';
+const { warnLog } = createComponentLog('input');
 export default defineVxeComponent({
     name: 'VxeInput',
     props: {

package/es/menu/src/menu.js

@@ -5,8 +5,9 @@ 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';
+const { errLog } = createComponentLog('menu');
 const { menus, getConfig, getIcon } = VxeUI;
 export default defineVxeComponent({
     name: 'VxeMenu',

package/es/modal/src/modal.js

@@ -7,7 +7,8 @@ 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';
+const { warnLog, errLog } = createComponentLog('modal');
 export const allActiveModals = [];
 const msgQueue = [];
 const notifyQueue = [];
@@ -94,6 +95,7 @@ export default defineVxeComponent({
             type: Boolean,
             default: () => getConfig().modal.showFooter
         },
+        preload: Boolean,
         showZoom: Boolean,
         zoomConfig: Object,
         showMaximize: {
@@ -1395,9 +1397,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/es/number-input/src/number-input.js

@@ -47,7 +47,6 @@ export default defineVxeComponent({
             type: String,
             default: () => getConfig().numberInput.size || getConfig().size
         },
-        // number、integer、float
         min: {
             type: [String, Number],
             default: null
@@ -70,12 +69,12 @@ export default defineVxeComponent({
             default: () => getConfig().numberInput.currencySymbol
         },
         controlConfig: Object,
-        // float
+        // number、float、amount
         roundingMode: {
             type: String,
             default: () => getConfig().numberInput.roundingMode
         },
-        // float
+        // float、amount
         digits: {
             type: [String, Number],
             default: null

package/es/pager/src/pager.js

@@ -2,9 +2,10 @@ import { h, computed, inject, ref, reactive, nextTick, watch } from 'vue';
 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';
+const { warnLog, errLog } = createComponentLog('pager');
 export default defineVxeComponent({
     name: 'VxePager',
     props: {
@@ -606,7 +607,7 @@ export default defineVxeComponent({
              * @deprecated
              */
             jumpPage(currentPage) {
-                warnLog('vxe.error.delFunc', ['[pager] jumpPage', 'setCurrentPage']);
+                warnLog('vxe.error.delFunc', ['jumpPage', 'setCurrentPage']);
                 return $xePager.setCurrentPage(currentPage);
             }
         };
@@ -677,7 +678,7 @@ export default defineVxeComponent({
                     childNodes.push(renderFn());
                 }
                 else {
-                    errLog('vxe.error.notProp', [`[pager] layouts -> ${name}`]);
+                    errLog('vxe.error.notProp', [`layouts -> ${name}`]);
                 }
             });
             if (slots.right) {

package/es/radio/src/group.js

@@ -4,6 +4,9 @@ import XEUtils from 'xe-utils';
 import { getConfig, createEvent, useSize } from '../../ui';
 import VxeRadioComponent from './radio';
 import VxeRadioButtonComponent from './button';
+function createReactData() {
+    return {};
+}
 function createInternalData() {
     return {
     // isLoaded: false
@@ -45,7 +48,7 @@ export default defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive({});
+        const reactData = reactive(createReactData());
         const internalData = createInternalData();
         const computeIsReadonly = computed(() => {
             const { readonly } = props;
@@ -182,6 +185,7 @@ export default defineVxeComponent({
             });
         });
         onUnmounted(() => {
+            XEUtils.assign(reactData, createReactData());
             XEUtils.assign(internalData, createInternalData());
         });
         provide('$xeRadioGroup', $xeRadioGroup);

package/es/select/src/select.js

@@ -5,15 +5,37 @@ 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';
+const { errLog } = createComponentLog('select');
 function isOptionVisible(option) {
     return option.visible !== false;
 }
 function getOptUniqueId() {
     return XEUtils.uniqueId('opt_');
 }
+function createReactData() {
+    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() {
     return {
         // isLoaded: false,
@@ -189,25 +211,7 @@ export default defineVxeComponent({
         const refOptionPanel = ref();
         const refVirtualBody = ref();
         const { computeSize } = useSize(props);
-        const reactData = reactive({
-            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();
         const refMaps = {
             refElem
@@ -1729,6 +1733,7 @@ export default defineVxeComponent({
             globalEvents.off($xeSelect, 'keydown');
             globalEvents.off($xeSelect, 'blur');
             globalEvents.off($xeSelect, 'resize');
+            XEUtils.assign(reactData, createReactData());
             XEUtils.assign(internalData, createInternalData());
         });
         provide('$xeSelect', $xeSelect);

package/es/splitter/src/splitter.js

@@ -4,8 +4,9 @@ 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';
+const { warnLog, errLog } = createComponentLog('splitter');
 export default defineVxeComponent({
     name: 'VxeSplitter',
     props: {
@@ -56,7 +57,8 @@ export default defineVxeComponent({
             staticItems: [],
             itemList: [],
             barWidth: 0,
-            barHeight: 0
+            barHeight: 0,
+            resizeFlag: 0
         });
         const internalData = {
             wrapperWidth: 0,
@@ -204,13 +206,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]);
                             }
                         }
                     });
@@ -559,6 +561,7 @@ export default defineVxeComponent({
             document.onmousemove = (evnt) => {
                 evnt.preventDefault();
                 handleDrag(evnt);
+                reactData.resizeFlag++;
             };
             document.onmouseup = (evnt) => {
                 document.onmousemove = null;
@@ -570,6 +573,7 @@ export default defineVxeComponent({
                 removeClass(el, 'is--drag');
                 dispatchEvent('resize-end', { prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt);
                 recalculate();
+                reactData.resizeFlag++;
             };
             if (rsSplitterLineEl) {
                 rsSplitterLineEl.style.display = 'block';
@@ -624,6 +628,7 @@ export default defineVxeComponent({
                 dispatchEvent('toggle-expand', { prevItem, nextItem, expanded, item }, evnt);
             }
             recalculate();
+            reactData.resizeFlag++;
         };
         const handlePrevActionDblclickEvent = (evnt) => {
             const { itemList } = reactData;
@@ -910,11 +915,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();
@@ -933,7 +938,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/es/table-select/src/table-select.js

@@ -5,11 +5,26 @@ 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';
+const { errLog } = createComponentLog('table-select');
 export function getRowUniqueId() {
     return XEUtils.uniqueId('row_');
 }
+function createReactData() {
+    return {
+        initialized: false,
+        tableColumns: [],
+        fullOptionList: [],
+        panelIndex: 0,
+        panelStyle: {},
+        panelPlacement: null,
+        triggerFocusPanel: false,
+        visiblePanel: false,
+        isAniVisible: false,
+        isActivated: false
+    };
+}
 function createInternalData() {
     return {
         // hpTimeout: undefined,
@@ -89,18 +104,7 @@ export default defineVxeComponent({
         const refGridWrapper = ref();
         const refOptionPanel = ref();
         const refGrid = ref();
-        const reactData = reactive({
-            initialized: false,
-            tableColumns: [],
-            fullOptionList: [],
-            panelIndex: 0,
-            panelStyle: {},
-            panelPlacement: null,
-            triggerFocusPanel: false,
-            visiblePanel: false,
-            isAniVisible: false,
-            isActivated: false
-        });
+        const reactData = reactive(createReactData());
         const internalData = createInternalData();
         const refMaps = {
             refElem
@@ -357,12 +361,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: [] };
                 });
@@ -706,11 +710,12 @@ 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']);
             }
         });
         provide('$xeTableSelect', $xeTableSelect);

package/es/tabs/src/tabs.js

@@ -4,9 +4,10 @@ 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';
+const { warnLog, errLog } = createComponentLog('tabs');
 const scrollbarOffsetSize = 20;
 export default defineVxeComponent({
     name: 'VxeTabs',
@@ -543,11 +544,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/es/textarea/src/textarea.js

@@ -3,7 +3,8 @@ 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';
+const { warnLog } = createComponentLog('textarea');
 let autoTxtElem;
 export default defineVxeComponent({
     name: 'VxeTextarea',

package/es/tree/src/tree.js

@@ -2,7 +2,7 @@ import { ref, h, reactive, computed, watch, onBeforeUnmount, nextTick, onMounted
 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';
@@ -10,6 +10,7 @@ import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, get
 import { isEnableConf } from '../../ui/src/utils';
 import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime';
 import VxeLoadingComponent from '../../loading';
+const { errLog } = createComponentLog('tree');
 const { menus, getConfig, getI18n, getIcon } = VxeUI;
 /**
  * 生成节点的唯一主键
@@ -719,7 +720,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(() => {

package/es/tree-select/src/tree-select.js

@@ -4,12 +4,13 @@ import { getConfig, getI18n, getIcon, globalEvents, createEvent, useSize, render
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { deNodeValue } from '../../tree/src/util';
-import { warnLog, errLog } from '../../ui/src/log';
+import { createComponentLog } from '../../ui/src/log';
 import XEUtils from 'xe-utils';
 import VxeInputComponent from '../../input';
 import VxeButtonComponent from '../../button';
 import VxeTreeComponent from '../../tree';
 import { getSlotVNs } from '../../ui/src/vn';
+const { warnLog, errLog } = createComponentLog('tree-select');
 function getOptUniqueId() {
     return XEUtils.uniqueId('node_');
 }

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "4.15.1";
+export const version = "4.15.3";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {