vxe-pc-ui 3.15.1 → 3.15.3

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: [
@@ -533,6 +534,9 @@ export default {
             if (!trigger || trigger === 'default') {
                 $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
             }
+            else if (trigger === 'icon') {
+                $xeDateRangePicker.hidePanel();
+            }
             $xeDateRangePicker.triggerEvent(evnt);
         },
         clickPrefixEvent(evnt) {
@@ -891,6 +895,9 @@ export default {
             const { panelIndex } = reactData;
             const targetElem = $xeDateRangePicker.$refs.refInputTarget;
             const panelElem = $xeDateRangePicker.$refs.refInputPanel;
+            if (!panelElem) {
+                return $xeDateRangePicker.$nextTick();
+            }
             const btnTransfer = $xeDateRangePicker.computeBtnTransfer;
             const popupOpts = $xeDateRangePicker.computePopupOpts;
             const handleStyle = () => {
@@ -919,10 +926,8 @@ export default {
             if (!isDisabled && !visiblePanel) {
                 if (!reactData.initialized) {
                     reactData.initialized = true;
-                    if (btnTransfer) {
-                        if (panelElem) {
-                            document.body.appendChild(panelElem);
-                        }
+                    if (btnTransfer && panelElem) {
+                        document.body.appendChild(panelElem);
                     }
                 }
                 if (internalData.hpTimeout) {
@@ -951,10 +956,17 @@ export default {
         },
         clickIconEvent(evnt) {
             const $xeDateRangePicker = this;
+            const reactData = $xeDateRangePicker.reactData;
+            const { visiblePanel } = reactData;
             const popupOpts = $xeDateRangePicker.computePopupOpts;
             const { trigger } = popupOpts;
             if (!trigger || trigger === 'default' || trigger === 'icon') {
-                $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+                if (visiblePanel) {
+                    $xeDateRangePicker.hidePanel();
+                }
+                else {
+                    $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+                }
             }
         },
         clickEvent(evnt) {
@@ -1011,7 +1023,7 @@ export default {
                             break;
                         }
                         default:
-                            errLog('vxe.error.notCommands', [`[date-range-picker] ${code}`]);
+                            errLog('vxe.error.notCommands', [code]);
                             break;
                     }
                 }
@@ -1095,6 +1107,10 @@ export default {
             const props = $xeDateRangePicker;
             const slots = $xeDateRangePicker.$scopedSlots;
             const reactData = $xeDateRangePicker.reactData;
+            const popupOpts = $xeDateRangePicker.computePopupOpts;
+            if (popupOpts.enabled === false) {
+                return renderEmptyElement($xeDateRangePicker);
+            }
             const { type, separator, autoClose, showConfirmButton, showClearButton } = props;
             const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, startValue, endValue } = reactData;
             const vSize = $xeDateRangePicker.computeSize;
@@ -1107,7 +1123,6 @@ export default {
             const defaultDates = $xeDateRangePicker.computeDefaultDates;
             const defaultTimes = $xeDateRangePicker.computeDefaultTimes;
             const timeOpts = $xeDateRangePicker.computeTimeOpts;
-            const popupOpts = $xeDateRangePicker.computePopupOpts;
             const { startLabel, endLabel } = panelLabelObj;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;

package/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/number-input/src/number-input.js

@@ -59,7 +59,6 @@ export default {
             type: String,
             default: () => getConfig().numberInput.size || getConfig().size
         },
-        // number、integer、float
         min: {
             type: [String, Number],
             default: null
@@ -82,12 +81,12 @@ export default {
             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

@@ -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: [
@@ -45,7 +46,8 @@ export default {
             staticItems: [],
             itemList: [],
             barWidth: 0,
-            barHeight: 0
+            barHeight: 0,
+            resizeFlag: 0
         };
         const internalData = {
             wrapperWidth: 0,
@@ -149,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();
@@ -212,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]);
                             }
                         }
                     });
@@ -572,6 +574,7 @@ export default {
             document.onmousemove = (evnt) => {
                 evnt.preventDefault();
                 handleDrag(evnt);
+                reactData.resizeFlag++;
             };
             document.onmouseup = (evnt) => {
                 document.onmousemove = null;
@@ -583,6 +586,7 @@ export default {
                 removeClass(el, 'is--drag');
                 $xeSplitter.dispatchEvent('resize-end', { prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt);
                 $xeSplitter.recalculate();
+                reactData.resizeFlag++;
             };
             if (rsSplitterLineEl) {
                 rsSplitterLineEl.style.display = 'block';
@@ -595,6 +599,7 @@ export default {
         handleItemActionEvent(evnt, prevItem, nextItem, isNext) {
             const $xeSplitter = this;
             const props = $xeSplitter;
+            const reactData = $xeSplitter.reactData;
             const { vertical } = props;
             let expanded = false;
             let item = prevItem;
@@ -639,6 +644,7 @@ export default {
                 $xeSplitter.dispatchEvent('toggle-expand', { prevItem, nextItem, expanded, item }, evnt);
             }
             $xeSplitter.recalculate();
+            reactData.resizeFlag++;
         },
         handlePrevActionDblclickEvent(evnt) {
             const $xeSplitter = this;
@@ -977,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();