vxe-pc-ui 3.15.2 → 3.15.4

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

@@ -5,10 +5,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 {
     name: 'VxeDateRangePicker',
     mixins: [
@@ -923,9 +924,11 @@ export default {
             const btnTransfer = $xeDateRangePicker.computeBtnTransfer;
             const panelElem = $xeDateRangePicker.$refs.refInputPanel;
             if (!isDisabled && !visiblePanel) {
-                if (!reactData.initialized && btnTransfer && panelElem) {
+                if (!reactData.initialized) {
                     reactData.initialized = true;
-                    document.body.appendChild(panelElem);
+                    if (btnTransfer && panelElem) {
+                        document.body.appendChild(panelElem);
+                    }
                 }
                 if (internalData.hpTimeout) {
                     clearTimeout(internalData.hpTimeout);
@@ -1020,7 +1023,7 @@ export default {
                             break;
                         }
                         default:
-                            errLog('vxe.error.notCommands', [`[date-range-picker] ${code}`]);
+                            errLog('vxe.error.notCommands', [code]);
                             break;
                     }
                 }

package/es/drawer/src/drawer.js

@@ -92,6 +92,7 @@ export default {
             type: Boolean,
             default: () => getConfig().drawer.showTitleOverflow
         },
+        preload: Boolean,
         width: [Number, String],
         height: [Number, String],
         resize: {
@@ -708,6 +709,8 @@ export default {
     mounted() {
         const $xeDrawer = this;
         const props = $xeDrawer;
+        const reactData = $xeDrawer.reactData;
+        reactData.initialized = !!props.preload;
         $xeDrawer.$nextTick(() => {
             if (props.value) {
                 $xeDrawer.openDrawer();

package/es/form/render/index.js

@@ -1,7 +1,8 @@
 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 = 'value';
 /**
  * 已废弃
@@ -87,7 +88,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

@@ -8,8 +8,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, {
@@ -267,13 +268,8 @@ export default {
     data() {
         const xID = XEUtils.uniqueId();
         const reactData = createReactData();
-        const internalData = createInternalData();
-        return {
-            xID,
-            reactData,
-            internalData,
-            recalcFlag: 0
-        };
+        return Object.assign(Object.assign({}, {}), { xID,
+            reactData, recalcFlag: 0 });
     },
     computed: Object.assign(Object.assign({}, {}), { computeValidOpts() {
             const $xeForm = this;
@@ -344,7 +340,7 @@ export default {
                         XEUtils.each(item.slots, (func) => {
                             if (!XEUtils.isFunction(func)) {
                                 if (!slots[func]) {
-                                    errLog('vxe.error.notSlot', [`[form] ${func}`]);
+                                    errLog('vxe.error.notSlot', [func]);
                                 }
                             }
                         });
@@ -597,11 +593,11 @@ export default {
                                                 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 {
@@ -986,6 +982,7 @@ export default {
         const $xeForm = this;
         const props = $xeForm;
         const reactData = $xeForm.reactData;
+        $xeForm.internalData = createInternalData();
         reactData.collapseAll = !!props.collapseStatus;
     },
     mounted() {
@@ -996,15 +993,17 @@ export default {
         }
         $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(h) {

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/image/src/image.js

@@ -58,13 +58,8 @@ export default {
         getThumbnailUrlMethod: Function
     },
     data() {
-        const internalData = createInternalData();
         const reactData = createReactData();
-        return {
-            xID: XEUtils.uniqueId(),
-            reactData,
-            internalData
-        };
+        return Object.assign(Object.assign({}, {}), { xID: XEUtils.uniqueId(), reactData });
     },
     computed: Object.assign(Object.assign({}, {}), { computeWrapperStyle() {
             const $xeImage = this;
@@ -262,6 +257,10 @@ export default {
             ]);
         }
     },
+    created() {
+        const $xeImage = this;
+        $xeImage.internalData = createInternalData();
+    },
     beforeDestroy() {
         const $xeImage = this;
         const reactData = $xeImage.reactData;

package/es/input/src/input.js

@@ -6,7 +6,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 {
     name: 'VxeInput',
     mixins: [

package/es/layout-body/src/layout-body.js

@@ -30,14 +30,10 @@ export default {
     data() {
         const xID = XEUtils.uniqueId();
         const backtopId = `vxe_layout_body_backtop_${xID}`;
-        const internalData = createInternalData();
         const reactData = createReactData();
-        return {
-            xID,
+        return Object.assign(Object.assign({}, {}), { xID,
             backtopId,
-            internalData,
-            reactData
-        };
+            reactData });
     },
     computed: Object.assign(Object.assign({}, {}), { computeBacktopOpts() {
             const $xeLayoutBody = this;
@@ -114,6 +110,17 @@ export default {
             ]);
         }
     },
+    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(h) {
         return this.renderVN(h);
     }

package/es/list/src/list.js

@@ -57,12 +57,8 @@ export default {
     data() {
         const xID = XEUtils.uniqueId();
         const reactData = createReactData();
-        const internalData = createInternalData();
-        return {
-            xID,
-            reactData,
-            internalData
-        };
+        return Object.assign(Object.assign({}, {}), { xID,
+            reactData });
     },
     computed: Object.assign(Object.assign({}, {}), { computeSYOpts() {
             const $xeList = this;
@@ -416,6 +412,7 @@ export default {
     created() {
         const $xeList = this;
         const props = $xeList;
+        $xeList.internalData = createInternalData();
         $xeList.loadData(props.data || []);
     },
     mounted() {

package/es/menu/src/menu.js

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

package/es/modal/src/modal.js

@@ -6,7 +6,8 @@ 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';
+const { warnLog, errLog } = createComponentLog('modal');
 export const allActiveModals = [];
 const msgQueue = [];
 const notifyQueue = [];
@@ -97,6 +98,7 @@ export default {
             type: Boolean,
             default: () => getConfig().modal.showFooter
         },
+        preload: Boolean,
         showZoom: Boolean,
         zoomConfig: Object,
         showMaximize: {
@@ -1571,9 +1573,11 @@ export default {
         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/es/pager/src/pager.js

@@ -1,9 +1,10 @@
 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';
+const { warnLog, errLog } = createComponentLog('pager');
 export default {
     name: 'VxePager',
     mixins: [
@@ -228,7 +229,7 @@ export default {
          */
         jumpPage(currentPage) {
             const $xePager = this;
-            warnLog('vxe.error.delFunc', ['[pager] jumpPage', 'setCurrentPage']);
+            warnLog('vxe.error.delFunc', ['jumpPage', 'setCurrentPage']);
             return $xePager.setCurrentPage(currentPage);
         },
         getPageCount(total, size) {
@@ -798,7 +799,7 @@ export default {
                     childNodes.push(renderFn(h));
                 }
                 else {
-                    errLog('vxe.error.notProp', [`[pager] layouts -> ${name}`]);
+                    errLog('vxe.error.notProp', [`layouts -> ${name}`]);
                 }
             });
             if (slots.right) {

package/es/radio/src/group.js

@@ -3,6 +3,9 @@ import XEUtils from 'xe-utils';
 import { getConfig, createEvent, globalMixins } from '../../ui';
 import VxeRadioComponent from './radio';
 import VxeRadioButtonComponent from './button';
+function createReactData() {
+    return {};
+}
 function createInternalData() {
     return {
     // isLoaded: false
@@ -53,14 +56,8 @@ export default {
         };
     },
     data() {
-        const reactData = {};
-        const internalData = createInternalData();
-        return {
-            xID: XEUtils.uniqueId(),
-            name: XEUtils.uniqueId('xe_group_'),
-            reactData,
-            internalData
-        };
+        const reactData = createReactData();
+        return Object.assign(Object.assign({}, {}), { xID: XEUtils.uniqueId(), name: XEUtils.uniqueId('xe_group_'), reactData });
     },
     computed: Object.assign(Object.assign({}, {}), { computeIsReadonly() {
             const $xeRadioGroup = this;
@@ -215,6 +212,10 @@ export default {
             $xeRadioGroup.loadData(val);
         }
     },
+    created() {
+        const $xeRadioGroup = this;
+        $xeRadioGroup.internalData = createInternalData();
+    },
     mounted() {
         const $xeRadioGroup = this;
         const props = $xeRadioGroup;
@@ -227,8 +228,10 @@ export default {
     },
     beforeDestroy() {
         const $xeRadioGroup = this;
+        const reactData = $xeRadioGroup.reactData;
         const internalData = $xeRadioGroup.internalData;
         XEUtils.assign(internalData, createInternalData());
+        XEUtils.assign(reactData, createReactData());
     },
     render(h) {
         return this.renderVN(h);

package/es/select/src/select.js

@@ -4,15 +4,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,
@@ -194,31 +216,9 @@ export default {
     },
     data() {
         const xID = XEUtils.uniqueId();
-        const reactData = {
-            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();
-        return {
-            xID,
-            reactData,
-            internalData
-        };
+        const reactData = createReactData();
+        return Object.assign(Object.assign({}, {}), { xID,
+            reactData });
     },
     computed: Object.assign(Object.assign({}, {}), { computeFormReadonly() {
             const $xeSelect = this;
@@ -785,10 +785,8 @@ export default {
                     reactData.initialized = true;
                     const btnTransfer = $xeSelect.computeBtnTransfer;
                     const panelElem = $xeSelect.$refs.refOptionPanel;
-                    if (btnTransfer) {
-                        if (panelElem) {
-                            document.body.appendChild(panelElem);
-                        }
+                    if (btnTransfer && panelElem) {
+                        document.body.appendChild(panelElem);
                     }
                 }
                 reactData.isActivated = true;
@@ -2020,6 +2018,10 @@ export default {
             $xeSelect.loadData(val);
         }
     },
+    created() {
+        const $xeSelect = this;
+        $xeSelect.internalData = createInternalData();
+    },
     mounted() {
         const $xeSelect = this;
         const props = $xeSelect;
@@ -2052,7 +2054,9 @@ export default {
     },
     destroyed() {
         const $xeSelect = this;
+        const reactData = $xeSelect.reactData;
         const internalData = $xeSelect.internalData;
+        XEUtils.assign(reactData, createReactData());
         XEUtils.assign(internalData, createInternalData());
     },
     render(h) {

package/es/splitter/src/splitter.js

@@ -4,7 +4,8 @@ import { getConfig, getIcon, createEvent, globalEvents, globalMixins, globalResi
 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';
+const { warnLog, errLog } = createComponentLog('splitter');
 export default {
     name: 'VxeSplitter',
     mixins: [
@@ -150,11 +151,11 @@ export default {
             }
             reactData.itemList = reactData.staticItems || [];
             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] show-action']);
+                    warnLog('vxe.error.removeProp', ['show-action']);
                 }
             });
             $xeSplitter.recalculate();
@@ -213,7 +214,7 @@ export default {
                     XEUtils.each(item.slots, (func) => {
                         if (!XEUtils.isFunction(func)) {
                             if (!slots[func]) {
-                                errLog('vxe.error.notSlot', [`[splitter] ${func}`]);
+                                errLog('vxe.error.notSlot', [func]);
                             }
                         }
                     });
@@ -982,7 +983,7 @@ export default {
         }
         const actionOpts = $xeSplitter.computeActionOpts;
         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']);
         }
         $xeSplitter.$nextTick(() => {
             $xeSplitter.recalculate();

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

@@ -4,11 +4,26 @@ import { VxeUI, getConfig, getIcon, globalEvents, getI18n, createEvent, renderEm
 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,
@@ -90,26 +105,11 @@ export default {
     },
     data() {
         const xID = XEUtils.uniqueId();
-        const reactData = {
-            initialized: false,
-            tableColumns: [],
-            fullOptionList: [],
-            panelIndex: 0,
-            panelStyle: {},
-            panelPlacement: null,
-            triggerFocusPanel: false,
-            visiblePanel: false,
-            isAniVisible: false,
-            isActivated: false
-        };
-        const internalData = createInternalData();
+        const reactData = createReactData();
         const gridEvents = {};
-        return {
-            xID,
+        return Object.assign(Object.assign({}, {}), { xID,
             reactData,
-            internalData,
-            gridEvents
-        };
+            gridEvents });
     },
     computed: Object.assign(Object.assign({}, {}), { computeFormReadonly() {
             const $xeTableSelect = this;
@@ -390,12 +390,12 @@ export default {
                         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: [] };
                 });
@@ -781,6 +781,7 @@ export default {
     created() {
         const $xeTableSelect = this;
         const props = $xeTableSelect;
+        $xeTableSelect.internalData = createInternalData();
         const gridEventKeys = [
             'form-submit',
             'form-reset',
@@ -803,7 +804,7 @@ export default {
         const VxeTableGridComponent = VxeUI.getComponent('vxe-grid');
         $xeTableSelect.$nextTick(() => {
             if (!VxeTableGridComponent) {
-                errLog('vxe.error.reqComp', ['[table-select] vxe-grid']);
+                errLog('vxe.error.reqComp', ['vxe-grid']);
             }
         });
         const { gridConfig } = props;
@@ -819,6 +820,8 @@ export default {
     },
     beforeDestroy() {
         const $xeTableSelect = this;
+        const reactData = $xeTableSelect.reactData;
+        const internalData = $xeTableSelect.internalData;
         const panelElem = $xeTableSelect.$refs.refOptionPanel;
         if (panelElem && panelElem.parentNode) {
             panelElem.parentNode.removeChild(panelElem);
@@ -827,6 +830,8 @@ export default {
         globalEvents.off($xeTableSelect, 'mousedown');
         globalEvents.off($xeTableSelect, 'blur');
         globalEvents.off($xeTableSelect, 'resize');
+        XEUtils.assign(reactData, createReactData());
+        XEUtils.assign(internalData, createInternalData());
     },
     render(h) {
         return this.renderVN(h);