vxe-pc-ui 4.15.2 → 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: {
@@ -887,7 +888,7 @@ export default defineVxeComponent({
                             break;
                         }
                         default:
-                            errLog('vxe.error.notCommands', [`[date-range-picker] ${code}`]);
+                            errLog('vxe.error.notCommands', [code]);
                             break;
                     }
                 }

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/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: {
@@ -205,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]);
                             }
                         }
                     });
@@ -914,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();
@@ -937,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.2";
+export const version = "4.15.3";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {

package/es/ui/src/log.js

@@ -1,4 +1,10 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"4.15.2"}`;
+const version = `ui v${"4.15.3"}`;
+export function createComponentLog(name) {
+    return {
+        warnLog: log.create('warn', `${version} ${name}`),
+        errLog: log.create('error', `${version} ${name}`)
+    };
+}
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/upload/src/upload.js

@@ -3,10 +3,11 @@ import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { VxeUI, getConfig, getI18n, getIcon, useSize, createEvent, globalEvents, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
-import { errLog, warnLog } from '../../ui/src/log';
+import { createComponentLog } from '../../ui/src/log';
 import { initTpImg, getTpImg, getEventTargetNode, toCssUnit } from '../../ui/src/dom';
 import { readLocalFile } from './util';
 import VxeButtonComponent from '../../button/src/button';
+const { warnLog, errLog } = createComponentLog('upload');
 function createReactData() {
     return {
         isDragUploadStatus: false,
@@ -214,8 +215,12 @@ export default defineVxeComponent({
         'remove-fail',
         'download',
         'download-fail',
+        'upload-start',
         'upload-success',
         'upload-error',
+        'upload-end',
+        'upload-queue-start',
+        'upload-queue-end',
         'sort-dragend',
         'more-visible'
     ],
@@ -549,6 +554,7 @@ export default defineVxeComponent({
             const fileKey = getFieldKey(item);
             const uploadFn = props.uploadMethod || getConfig().upload.uploadMethod;
             if (uploadFn) {
+                dispatchEvent('upload-start', { option: item }, null);
                 return Promise.resolve(uploadFn({
                     $upload: $xeUpload,
                     file,
@@ -589,6 +595,7 @@ export default defineVxeComponent({
                     if (cacheItem) {
                         cacheItem.loading = false;
                     }
+                    dispatchEvent('upload-end', { option: item }, null);
                 });
             }
             else {
@@ -697,6 +704,7 @@ export default defineVxeComponent({
                     }
                 }
             }
+            dispatchEvent('upload-queue-start', { files: selectFiles }, evnt);
             const cacheMaps = Object.assign({}, reactData.fileCacheMaps);
             const newFileList = multiple ? fileList : [];
             const uploadPromiseRests = [];
@@ -733,6 +741,7 @@ export default defineVxeComponent({
             });
             Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
                 const restFileList = reactData.fileList;
+                dispatchEvent('upload-queue-end', { options: restFileList, files: selectFiles }, evnt);
                 handleChange(restFileList);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {
@@ -1794,10 +1803,10 @@ export default defineVxeComponent({
         });
         onMounted(() => {
             if (props.multiple && props.singleMode) {
-                errLog('vxe.error.errConflicts', ['[upload] multiple', 'single-mode']);
+                errLog('vxe.error.errConflicts', ['multiple', 'single-mode']);
             }
             if (props.imageStyle) {
-                warnLog('vxe.error.delProp', ['[upload] image-style', 'image-config']);
+                warnLog('vxe.error.delProp', ['image-style', 'image-config']);
             }
             if (props.dragSort) {
                 initTpImg();

package/lib/backtop/src/backtop.js

@@ -13,6 +13,9 @@ var _utils = require("../../ui/src/utils");
 var _dom = require("../../ui/src/dom");
 var _button = _interopRequireDefault(require("../../button"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  errLog
+} = (0, _log.createComponentLog)('backtop');
 function createInternalData() {
   return {
     targetEl: null
@@ -215,13 +218,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         } = props;
         if (!target) {
           removeScrollEvent();
-          (0, _log.errLog)('vxe.error.reqProp', ['target']);
+          errLog('vxe.error.reqProp', ['target']);
           return;
         }
         if (_xeUtils.default.isString(target)) {
           const tEl = document.querySelector(target);
           if (!tEl) {
-            (0, _log.errLog)('vxe.error.errProp', [`target=${target}`, 'body']);
+            errLog('vxe.error.errProp', [`target=${target}`, 'body']);
           }
           const {
             targetEl