vxe-pc-ui 3.15.2 → 3.15.4

package/lib/index.umd.js

@@ -8430,6 +8430,26 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
 });
 
 
+/***/ }),
+
+/***/ 5701:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var $padEnd = (__webpack_require__(533).end);
+var WEBKIT_BUG = __webpack_require__(3063);
+
+// `String.prototype.padEnd` method
+// https://tc39.es/ecma262/#sec-string.prototype.padend
+$({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
+  padEnd: function padEnd(maxLength /* , fillString = ' ' */) {
+    return $padEnd(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+
 /***/ }),
 
 /***/ 8156:
@@ -13214,15 +13234,25 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.15.2");
-var warnLog = log.create('warn', log_version);
-var errLog = log.create('error', log_version);
+var log_log = VxeUI.log;
+var uiVersion = "ui v".concat("3.15.4");
+function createComponentLog(name) {
+  var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
+  var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
+  var designVersion = VxeUI.designVersion ? "design v".concat(VxeUI.designVersion) : '';
+  return {
+    warnLog: log_log.create('warn', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name),
+    errLog: log_log.create('error', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name)
+  };
+}
+var warnLog = log_log.create('warn', uiVersion);
+var errLog = log_log.create('error', uiVersion);
 ;// ./packages/ui/index.ts
 /* unused harmony import specifier */ var ui_VxeUI;
 
 
 
-var ui_version = "3.15.2";
+var ui_version = "3.15.4";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13285,6 +13315,9 @@ setConfig({
     showFullLabel: true,
     treeConfig: {
       showIcon: true
+    },
+    filterConfig: {
+      autoExpandMode: 'first'
     }
   },
   checkbox: {},
@@ -16706,6 +16739,8 @@ var Tooltip = VxeTooltip;
 
 
 
+var _createComponentLog = createComponentLog('button'),
+  button_warnLog = _createComponentLog.warnLog;
 /* harmony default export */ var src_button = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeButton',
   mixins: [globalMixins.sizeMixin, globalMixins.permissionMixin],
@@ -17535,7 +17570,7 @@ var Tooltip = VxeTooltip;
     var $xeButton = this;
     var props = $xeButton;
     if (props.type === 'text') {
-      warnLog('vxe.error.delProp', ['[button] type=text', 'mode=text']);
+      button_warnLog('vxe.error.delProp', ['type=text', 'mode=text']);
     }
     globalEvents.on($xeButton, 'mousewheel', $xeButton.handleGlobalMousewheelEvent);
     globalEvents.on($xeButton, 'mousedown', $xeButton.handleGlobalMousedownEvent);
@@ -17584,6 +17619,8 @@ var Button = VxeButton;
 
 
 
+var backtop_createComponentLog = createComponentLog('backtop'),
+  backtop_errLog = backtop_createComponentLog.errLog;
 function createInternalData() {
   return {
     targetEl: null
@@ -17693,13 +17730,11 @@ function createReactData() {
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var internalData = createInternalData();
     var reactData = createReactData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      internalData: internalData,
       reactData: reactData
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeWrapperStyle: function computeWrapperStyle() {
@@ -17817,13 +17852,13 @@ function createReactData() {
         var target = props.target;
         if (!target) {
           $xeBacktop.removeScrollEvent();
-          errLog('vxe.error.reqProp', ['target']);
+          backtop_errLog('vxe.error.reqProp', ['target']);
           return;
         }
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(target)) {
           var tEl = document.querySelector(target);
           if (!tEl) {
-            errLog('vxe.error.errProp', ["target=".concat(target), 'body']);
+            backtop_errLog('vxe.error.errProp', ["target=".concat(target), 'body']);
           }
           var targetEl = internalData.targetEl;
           if (targetEl !== tEl) {
@@ -17887,6 +17922,10 @@ function createReactData() {
       }, bottomSlot({})) : renderEmptyElement($xeBacktop)]);
     }
   },
+  created: function created() {
+    var $xeBacktop = this;
+    $xeBacktop.internalData = createInternalData();
+  },
   mounted: function mounted() {
     var $xeBacktop = this;
     var props = $xeBacktop;
@@ -18361,6 +18400,24 @@ var ButtonGroup = VxeButtonGroup;
 
 
 
+function getChunkDefaultNum(selectKey) {
+  var currDate = new Date();
+  switch (selectKey) {
+    case 'y':
+      return currDate.getFullYear();
+    case 'M':
+      return currDate.getMonth() + 1;
+    case 'd':
+      return currDate.getDate();
+    case 'H':
+      return currDate.getHours();
+    case 'm':
+      return currDate.getMinutes();
+    case 's':
+      return currDate.getSeconds();
+  }
+  return 0;
+}
 function hasTimestampValueType(valueFormat) {
   return valueFormat === 'timestamp';
 }
@@ -18381,18 +18438,6 @@ function handleValueFormat(type, valueFormat) {
   }
   return 'yyyy-MM-dd';
 }
-function handleInputFormat(type, inputFormat) {
-  if (inputFormat) {
-    return inputFormat;
-  }
-  if (type === 'time') {
-    return 'HH:mm:ss';
-  }
-  if (type === 'datetime') {
-    return 'yyyy-MM-dd HH:mm:ss';
-  }
-  return 'yyyy-MM-dd';
-}
 function toStringTimeDate(str) {
   var rest = new Date(2e3, 0, 1);
   if (str) {
@@ -18449,10 +18494,10 @@ var parseDateValue = function parseDateValue(val, type, options) {
   }
   return null;
 };
-var parseDateString = function parseDateString(val, type, options) {
+function parseDateString(val, type, options) {
   var dValue = parseDateValue(val, type, options);
   return dValue ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dValue, options.valueFormat) : '';
-};
+}
 function parseDateObj(val, type, options) {
   var labelFormat = options.labelFormat,
     firstDay = options.firstDay;
@@ -18594,9 +18639,20 @@ function getRangeDateByCode(code, val, type, options) {
 /**
  * 判断周的年份是否跨年
  */
-var checkWeekOfsetYear = function checkWeekOfsetYear(W, M) {
+function checkWeekOfsetYear(W, M) {
   return "".concat(W) === '1' && "".concat(M) === '12';
-};
+}
+function isAllSameChar(str, char) {
+  if (str.length === 0) {
+    return false;
+  }
+  for (var i = 0; i < str.length; i++) {
+    if (str[i] !== char) {
+      return false;
+    }
+  }
+  return true;
+}
 ;// ./packages/calendar/src/calendar.ts
 
 
@@ -18625,6 +18681,8 @@ var checkWeekOfsetYear = function checkWeekOfsetYear(W, M) {
 
 
 
+var calendar_createComponentLog = createComponentLog('calendar'),
+  calendar_errLog = calendar_createComponentLog.errLog;
 var calendar_menus = VxeUI.menus,
   calendar_getConfig = VxeUI.getConfig,
   calendar_getI18n = VxeUI.getI18n;
@@ -20158,7 +20216,7 @@ var calendar_menus = VxeUI.menus,
     var menuConfig = props.menuConfig;
     var VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
     if (menuConfig && !VxeUIContextMenu) {
-      errLog('vxe.error.reqComp', ['vxe-context-menu']);
+      calendar_errLog('vxe.error.reqComp', ['vxe-context-menu']);
     }
     $xeCalendar.dateOpenPanel();
   },
@@ -21090,6 +21148,65 @@ dynamicApp.use(VxeCarouselItem);
 VxeUI.component(carousel_item);
 var CarouselItem = VxeCarouselItem;
 /* harmony default export */ var packages_carousel_item = (VxeCarouselItem);
+;// ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js
+
+
+
+
+
+
+
+
+
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0,
+        F = function F() {};
+      return {
+        s: F,
+        n: function n() {
+          return _n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[_n++]
+          };
+        },
+        e: function e(r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function s() {
+      t = t.call(r);
+    },
+    n: function n() {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function e(r) {
+      u = !0, o = r;
+    },
+    f: function f() {
+      try {
+        a || null == t["return"] || t["return"]();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
 var es_promise = __webpack_require__(3362);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.finally.js
@@ -21171,12 +21288,10 @@ function list_createInternalData() {
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = list_createReactData();
-    var internalData = list_createInternalData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeSYOpts: function computeSYOpts() {
@@ -21547,6 +21662,7 @@ function list_createInternalData() {
   created: function created() {
     var $xeList = this;
     var props = $xeList;
+    $xeList.internalData = list_createInternalData();
     $xeList.loadData(props.data || []);
   },
   mounted: function mounted() {
@@ -21661,6 +21777,8 @@ function toFloatValueFixed(inputValue, type, digitsValue, roundingMode) {
 
 
 
+var input_createComponentLog = createComponentLog('input'),
+  input_warnLog = input_createComponentLog.warnLog;
 /* harmony default export */ var input = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeInput',
   mixins: [globalMixins.sizeMixin],
@@ -24692,11 +24810,11 @@ function toFloatValueFixed(inputValue, type, digitsValue, roundingMode) {
     var props = $xeInput;
     var type = props.type;
     if (['date', 'time', 'datetime', 'week', 'month', 'quarter', 'year'].includes(type)) {
-      warnLog('vxe.error.useNew', ["<vxe-input type=\"".concat(type, "\" ... />"), "<vxe-date-picker type=\"".concat(type, "\" ... />")]);
+      input_warnLog('vxe.error.useNew', ["<vxe-input type=\"".concat(type, "\" ... />"), "<vxe-date-picker type=\"".concat(type, "\" ... />")]);
     } else if (['number', 'integer', 'float'].includes(type)) {
-      warnLog('vxe.error.useNew', ["<vxe-input type=\"".concat(type, "\" ... />"), "<vxe-number-input type=\"".concat(type, "\" ... />")]);
+      input_warnLog('vxe.error.useNew', ["<vxe-input type=\"".concat(type, "\" ... />"), "<vxe-number-input type=\"".concat(type, "\" ... />")]);
     } else if (['password'].includes(type)) {
-      warnLog('vxe.error.useNew', ["<vxe-input type=\"".concat(type, "\" ... />"), '<vxe-password-input ... />']);
+      input_warnLog('vxe.error.useNew', ["<vxe-input type=\"".concat(type, "\" ... />"), '<vxe-password-input ... />']);
     }
     var inputElem = $xeInput.$refs.refInputTarget;
     if (inputElem) {
@@ -24952,12 +25070,10 @@ function cascader_createInternalData() {
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = cascader_createReactData();
-    var internalData = cascader_createInternalData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeFormReadonly: function computeFormReadonly() {
@@ -25470,7 +25586,6 @@ function cascader_createInternalData() {
       var $xeCascader = this;
       var reactData = $xeCascader.reactData;
       var internalData = $xeCascader.internalData;
-      var nodeMaps = internalData.nodeMaps;
       var fullList = internalData.afterVisibleList;
       if (force) {
         // 更新数据，处理筛选和排序
@@ -25479,18 +25594,66 @@ function cascader_createInternalData() {
         fullList = $xeCascader.handleTreeToList();
       }
       var treeList = fullList.slice(0);
-      treeList.forEach(function (item, $index) {
-        var nodeid = $xeCascader.getNodeId(item);
-        var itemRest = nodeMaps[nodeid];
-        if (itemRest) {
-          itemRest.$index = $index;
-        }
-      });
       reactData.treeList = treeList;
     },
+    /**
+     * 获取第一个拥有子节点的节点
+     */
+    handleHasChildNodeIds: function handleHasChildNodeIds(treeList, type) {
+      var $xeCascader = this;
+      var childrenField = $xeCascader.computeChildrenField;
+      var mapChildrenField = $xeCascader.computeMapChildrenField;
+      var treeOpts = $xeCascader.computeTreeOpts;
+      var transform = treeOpts.transform;
+      var childField = transform ? mapChildrenField : childrenField;
+      var nodeIds = [];
+      var currList = treeList;
+      while (currList.length) {
+        var targetNode = null;
+        var _iterator = _createForOfIteratorHelper(currList),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+            var kids = item[childField];
+            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(kids) && kids.length > 0) {
+              targetNode = item;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        if (targetNode) {
+          nodeIds.push($xeCascader.getNodeId(targetNode));
+          currList = targetNode[childField];
+        } else {
+          var endNode = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default())[type](currList);
+          nodeIds.push($xeCascader.getNodeId(endNode));
+          break;
+        }
+      }
+      return nodeIds;
+    },
     triggerSearchEvent: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(function () {
       var $xeCascader = this;
+      var reactData = $xeCascader.reactData;
+      var internalData = $xeCascader.internalData;
       $xeCascader.handleData(true);
+      $xeCascader.updateModelChecked();
+      var filterOpts = $xeCascader.computeFilterOpts;
+      var autoExpandMode = filterOpts.autoExpandMode;
+      var afterTreeList = internalData.afterTreeList;
+      // 默认展开第
+      if (autoExpandMode === 'first' || autoExpandMode === 'last') {
+        var stItems = $xeCascader.handleHasChildNodeIds(afterTreeList, autoExpandMode);
+        reactData.currentItems = stItems;
+      } else {
+        $xeCascader.handleCurrentItems();
+      }
+      $xeCascader.updateCurrentChunk();
     }, 350, {
       trailing: true
     }),
@@ -25524,19 +25687,22 @@ function cascader_createInternalData() {
       var reactData = $xeCascader.reactData;
       var internalData = $xeCascader.internalData;
       var currentItems = reactData.currentItems;
-      var treeFullData = internalData.treeFullData;
+      var afterTreeList = internalData.afterTreeList;
       var childrenField = $xeCascader.computeChildrenField;
-      var currentCunkList = [treeFullData];
+      var mapChildrenField = $xeCascader.computeMapChildrenField;
+      var treeOpts = $xeCascader.computeTreeOpts;
+      var transform = treeOpts.transform;
+      var currentCunkList = [afterTreeList];
       if (currentItems.length) {
         var chunkIndex = 0;
         var stNodeid = currentItems[chunkIndex];
-        var optList = treeFullData;
+        var optList = afterTreeList;
         while (stNodeid && optList && optList.length) {
           stNodeid = currentItems[chunkIndex++];
           var currOption = optList.find(function (item) {
             return stNodeid === $xeCascader.getNodeId(item);
           });
-          optList = currOption ? currOption[childrenField] : [];
+          optList = currOption ? currOption[transform ? mapChildrenField : childrenField] : [];
           if (!optList || !optList.length) {
             break;
           }
@@ -25549,7 +25715,7 @@ function cascader_createInternalData() {
       var $xeCascader = this;
       var reactData = $xeCascader.reactData;
       var internalData = $xeCascader.internalData;
-      var treeFullData = internalData.treeFullData;
+      var afterTreeList = internalData.afterTreeList;
       var selectVals = $xeCascader.computeSelectVals;
       var childrenField = $xeCascader.computeChildrenField;
       var mapChildrenField = $xeCascader.computeMapChildrenField;
@@ -25559,7 +25725,7 @@ function cascader_createInternalData() {
       var expandedMaps = {};
       if (selectVals.length) {
         var lastVal = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals));
-        var stRest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(treeFullData, function (item) {
+        var stRest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(afterTreeList, function (item) {
           return lastVal === $xeCascader.getNodeId(item);
         }, {
           children: transform ? mapChildrenField : childrenField
@@ -25702,13 +25868,14 @@ function cascader_createInternalData() {
         };
       });
     },
-    clearCheckboxNode: function clearCheckboxNode() {
+    clearSelectedNode: function clearSelectedNode() {
       var $xeCascader = this;
       var reactData = $xeCascader.reactData;
       var internalData = $xeCascader.internalData;
       internalData.indeterminateRowMaps = {};
       internalData.selectCheckboxMaps = {};
       reactData.updateCheckboxFlag++;
+      reactData.selectRadioKey = null;
       $xeCascader.updateCheckboxStatus();
       return $xeCascader.$nextTick().then(function () {
         return {
@@ -25775,7 +25942,7 @@ function cascader_createInternalData() {
       var multiple = props.multiple,
         checkedClosable = props.checkedClosable;
       var value = multiple ? [] : null;
-      $xeCascader.clearCheckboxNode().then(function () {
+      $xeCascader.clearSelectedNode().then(function () {
         if (checkedClosable) {
           $xeCascader.hideOptionPanel($event);
         }
@@ -25878,10 +26045,13 @@ function cascader_createInternalData() {
       var nodeMaps = internalData.nodeMaps;
       var radioOpts = $xeCascader.computeRadioOpts;
       var childrenField = $xeCascader.computeChildrenField;
+      var mapChildrenField = $xeCascader.computeMapChildrenField;
+      var treeOpts = $xeCascader.computeTreeOpts;
+      var transform = treeOpts.transform;
       var checkMode = radioOpts.checkMode,
         checkMethod = radioOpts.checkMethod;
       var nodeid = $xeCascader.getNodeId(node);
-      var childList = node[childrenField];
+      var childList = node[transform ? mapChildrenField : childrenField];
       var isExistChild = childList && childList.length > 0;
       var nodeItem = nodeMaps[nodeid] || {};
       var nLevel = nodeItem.level;
@@ -26078,7 +26248,7 @@ function cascader_createInternalData() {
         var childRowList = [];
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeList, function (node) {
           var nodeid = $xeCascader.getNodeId(node);
-          var childList = node[childrenField];
+          var childList = node[transform ? mapChildrenField : childrenField];
           if (childList && childList.length && !childRowMaps[nodeid]) {
             childRowMaps[nodeid] = 1;
             childRowList.unshift([node, nodeid, childList]);
@@ -26181,7 +26351,7 @@ function cascader_createInternalData() {
       var treeOpts = $xeCascader.computeTreeOpts;
       var transform = treeOpts.transform;
       var nodeid = $xeCascader.getNodeId(node);
-      var childList = node[childrenField];
+      var childList = node[transform ? mapChildrenField : childrenField];
       var isExistChild = childList && childList.length > 0;
       var nodeItem = nodeMaps[nodeid] || {};
       var nLevel = nodeItem.level;
@@ -26488,13 +26658,15 @@ function cascader_createInternalData() {
         treeExpandLazyLoadedMaps = internalData.treeExpandLazyLoadedMaps;
       var treeOpts = $xeCascader.computeTreeOpts;
       var lazy = treeOpts.lazy,
+        transform = treeOpts.transform,
         iconLoaded = treeOpts.iconLoaded,
         iconOpen = treeOpts.iconOpen,
         iconClose = treeOpts.iconClose;
       var childrenField = $xeCascader.computeChildrenField;
+      var mapChildrenField = $xeCascader.computeMapChildrenField;
       var labelField = $xeCascader.computeLabelField;
       var hasChildField = $xeCascader.computeHasChildField;
-      var childList = node[childrenField];
+      var childList = node[transform ? mapChildrenField : childrenField];
       var isExistChild = childList && childList.length > 0;
       var iconSlot = slots.icon;
       var titleSlot = slots.title;
@@ -26668,7 +26840,7 @@ function cascader_createInternalData() {
         class: 'vxe-tree-select--panel-header'
       }, headerSlot ? headerSlot({}) : [h('div', {
         class: 'vxe-tree-select--header-button'
-      }, [showCheckedButton && showClearButton ? h('div', {
+      }, [showCheckedButton && multiple || showClearButton ? h('div', {
         class: 'vxe-tree-select--selected-btns'
       }, [showCheckedButton && multiple ? h(src_button, {
         props: {
@@ -26710,13 +26882,13 @@ function cascader_createInternalData() {
             }
           }
         })]);
-      })])]), footerSlot || showTotalButton || showCloseButton && multiple ? h('div', {
+      })])]), footerSlot || showTotalButton || showCloseButton ? h('div', {
         class: 'vxe-cascader--panel-footer'
       }, footerSlot ? footerSlot({}) : [h('div', {
         class: 'vxe-cascader--footer-button'
       }, [showTotalButton ? h('div', {
         class: 'vxe-cascader--total-btns'
-      }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeCascader), showCloseButton && multiple ? h('div', {
+      }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeCascader), showCloseButton ? h('div', {
         class: 'vxe-cascader--oper-btns'
       }, [h(src_button, {
         props: {
@@ -26749,6 +26921,7 @@ function cascader_createInternalData() {
     var $xeCascader = this;
     var props = $xeCascader;
     var reactData = $xeCascader.reactData;
+    $xeCascader.internalData = cascader_createInternalData();
     if (!props.multiple) {
       reactData.selectRadioKey = enNodeValue(props.value);
     }
@@ -26756,10 +26929,6 @@ function cascader_createInternalData() {
   },
   mounted: function mounted() {
     var $xeCascader = this;
-    var props = $xeCascader;
-    if (props.filterable) {
-      errLog('vxe.error.notProp', ['filterable']);
-    }
     globalEvents.on($xeCascader, 'mousewheel', $xeCascader.handleGlobalMousewheelEvent);
     globalEvents.on($xeCascader, 'mousedown', $xeCascader.handleGlobalMousedownEvent);
     globalEvents.on($xeCascader, 'blur', $xeCascader.handleGlobalBlurEvent);
@@ -27225,6 +27394,9 @@ var CheckboxButton = VxeCheckboxButton;
 
 
 
+function group_createReactData() {
+  return {};
+}
 function group_createInternalData() {
   return {
     // isLoaded: false
@@ -27273,13 +27445,11 @@ function group_createInternalData() {
     };
   },
   data: function data() {
-    var reactData = {};
-    var internalData = group_createInternalData();
-    return {
+    var reactData = group_createReactData();
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeIsReadonly: function computeIsReadonly() {
@@ -27465,6 +27635,10 @@ function group_createInternalData() {
       $xeCheckboxGroup.loadData(val);
     }
   },
+  created: function created() {
+    var $xeCheckboxGroup = this;
+    $xeCheckboxGroup.internalData = group_createInternalData();
+  },
   mounted: function mounted() {
     var $xeCheckboxGroup = this;
     var props = $xeCheckboxGroup;
@@ -27475,6 +27649,13 @@ function group_createInternalData() {
       }
     });
   },
+  beforeDestroy: function beforeDestroy() {
+    var $xeCheckboxGroup = this;
+    var reactData = $xeCheckboxGroup.reactData;
+    var internalData = $xeCheckboxGroup.internalData;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, group_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, group_createInternalData());
+  },
   render: function render(h) {
     return this.renderVN(h);
   }
@@ -30973,13 +31154,11 @@ function closeMenu($xeContextMenu) {
     }
   },
   data: function data() {
-    var internalData = context_menu_createInternalData();
     var reactData = context_menu_createReactData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
-      internalData: internalData,
       reactData: reactData
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeMenuGroups: function computeMenuGroups() {
@@ -31418,6 +31597,7 @@ function closeMenu($xeContextMenu) {
   },
   created: function created() {
     var $xeContextMenu = this;
+    $xeContextMenu.internalData = context_menu_createInternalData();
     $xeContextMenu.handleVisible();
     globalEvents.on($xeContextMenu, 'mousewheel', $xeContextMenu.handleGlobalMousewheelEvent);
     globalEvents.on($xeContextMenu, 'keydown', $xeContextMenu.handleGlobalKeydownEvent);
@@ -34091,6 +34271,8 @@ dynamicApp.use(VxeDatePanel);
 VxeUI.component(date_panel);
 var DatePanel = VxeDatePanel;
 /* harmony default export */ var packages_date_panel = (VxeDatePanel);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.pad-end.js
+var es_string_pad_end = __webpack_require__(5701);
 ;// ./packages/date-picker/src/date-picker.ts
 
 
@@ -34116,6 +34298,54 @@ var DatePanel = VxeDatePanel;
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var date_picker_createComponentLog = createComponentLog('date-picker'),
+  date_picker_warnLog = date_picker_createComponentLog.warnLog,
+  date_picker_errLog = date_picker_createComponentLog.errLog;
+var maskedTypes = ['year', 'month', 'date', 'datetime', 'time'];
+var inputMaskedKeys = ['y', 'M', 'd', 'H', 'm', 'n', 's'];
+var parseInputKayMaps = {};
+inputMaskedKeys.forEach(function (key) {
+  parseInputKayMaps[key] = true;
+});
+function date_picker_createReactData() {
+  return {
+    initialized: false,
+    panelIndex: 0,
+    visiblePanel: false,
+    isAniVisible: false,
+    panelStyle: {},
+    panelPlacement: '',
+    isActivated: false,
+    inputValue: '',
+    labelFlag: 0
+  };
+}
+function date_picker_createInternalData() {
+  return {
+    // hpTimeout: undefined,
+    inputLabel: '',
+    laseFocusMasked: 0
+  };
+}
 /* harmony default export */ var date_picker = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeDatePicker',
   mixins: [globalMixins.sizeMixin],
@@ -34195,7 +34425,6 @@ var DatePanel = VxeDatePanel;
     labelFormat: String,
     valueFormat: String,
     timeFormat: String,
-    inputFormat: String,
     editable: {
       type: Boolean,
       default: true
@@ -34237,7 +34466,7 @@ var DatePanel = VxeDatePanel;
         return getConfig().datePicker.autoClose;
       }
     },
-    controlConfig: Object,
+    maskedConfig: Object,
     prefixIcon: String,
     suffixIcon: String,
     placement: String,
@@ -34277,26 +34506,11 @@ var DatePanel = VxeDatePanel;
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {
-      initialized: false,
-      panelIndex: 0,
-      visiblePanel: false,
-      isAniVisible: false,
-      panelStyle: {},
-      panelPlacement: '',
-      isActivated: false,
-      inputValue: '',
-      inputLabel: ''
-    };
-    var internalData = {
-      // hpTimeout: undefined,
-      parseInputKayMaps: {}
-    };
-    return {
+    var reactData = date_picker_createReactData();
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeBtnTransfer: function computeBtnTransfer() {
@@ -34365,6 +34579,57 @@ var DatePanel = VxeDatePanel;
       var props = $xeDatePicker;
       return props.clearable;
     },
+    computeIsDatePanelType: function computeIsDatePanelType() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var isDateTimeType = $xeDatePicker.computeIsDateTimeType;
+      return isDateTimeType || ['date', 'week', 'month', 'quarter', 'year'].indexOf(props.type) > -1;
+    },
+    computeDateListValue: function computeDateListValue() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var modelValue = props.value,
+        type = props.type,
+        multiple = props.multiple;
+      var isDatePanelType = $xeDatePicker.computeIsDatePanelType;
+      var dateValueFormat = $xeDatePicker.computeDateValueFormat;
+      if (multiple && modelValue && isDatePanelType) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(modelValue).split(',').map(function (item) {
+          var date = parseDateValue(item, type, {
+            valueFormat: dateValueFormat
+          });
+          if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isValidDate(date)) {
+            return date;
+          }
+          return date;
+        });
+      }
+      return [];
+    },
+    computeLimitMaxCount: function computeLimitMaxCount() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      return props.multiple ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.limitCount) : 0;
+    },
+    computeDateMultipleValue: function computeDateMultipleValue() {
+      var $xeDatePicker = this;
+      var dateListValue = $xeDatePicker.computeDateListValue;
+      var dateValueFormat = $xeDatePicker.computeDateValueFormat;
+      return dateListValue.map(function (date) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat);
+      });
+    },
+    computeOverCount: function computeOverCount() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var multiple = props.multiple;
+      var limitMaxCount = $xeDatePicker.computeLimitMaxCount;
+      var dateMultipleValue = $xeDatePicker.computeDateMultipleValue;
+      if (multiple && limitMaxCount) {
+        return dateMultipleValue.length >= limitMaxCount;
+      }
+      return false;
+    },
     computeInputReadonly: function computeInputReadonly() {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
@@ -34434,12 +34699,10 @@ var DatePanel = VxeDatePanel;
         valueFormat = props.valueFormat;
       return handleValueFormat(type, valueFormat);
     },
-    computeDateInputFormat: function computeDateInputFormat() {
+    computeDateMaskedFormat: function computeDateMaskedFormat() {
       var $xeDatePicker = this;
-      var props = $xeDatePicker;
-      var type = props.type,
-        inputFormat = props.inputFormat;
-      return handleInputFormat(type, inputFormat);
+      var dateLabelFormat = $xeDatePicker.computeDateLabelFormat;
+      return dateLabelFormat;
     },
     computeFirstDayOfWeek: function computeFirstDayOfWeek() {
       var $xeDatePicker = this;
@@ -34467,10 +34730,16 @@ var DatePanel = VxeDatePanel;
         return dateObj.label;
       }).join(', ');
     },
-    computeControlOpts: function computeControlOpts() {
+    computeMaskedOpts: function computeMaskedOpts() {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
-      return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig);
+      return Object.assign({}, getConfig().datePicker.maskedConfig, props.maskedConfig);
+    },
+    computeMaskChar: function computeMaskChar() {
+      var $xeDatePicker = this;
+      var maskedOpts = $xeDatePicker.computeMaskedOpts;
+      var maskPlaceholder = maskedOpts.maskPlaceholder;
+      return (maskPlaceholder ? ('' + maskPlaceholder)[0] : '') || '*';
     }
   }),
   methods: {
@@ -34507,6 +34776,15 @@ var DatePanel = VxeDatePanel;
       }
       reactData.inputValue = val;
     },
+    handleInputLabel: function handleInputLabel(text, isUpdate) {
+      var $xeDatePicker = this;
+      var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
+      internalData.inputLabel = text;
+      if (isUpdate) {
+        reactData.labelFlag++;
+      }
+    },
     triggerEvent: function triggerEvent(evnt) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
@@ -34570,10 +34848,9 @@ var DatePanel = VxeDatePanel;
     },
     inputEvent: function inputEvent(evnt) {
       var $xeDatePicker = this;
-      var reactData = $xeDatePicker.reactData;
       var inputElem = evnt.target;
       var value = inputElem.value;
-      reactData.inputLabel = value;
+      $xeDatePicker.handleInputLabel(value, true);
       $xeDatePicker.dispatchEvent('input', {
         value: value
       }, evnt);
@@ -34585,19 +34862,6 @@ var DatePanel = VxeDatePanel;
         $xeDatePicker.triggerEvent(evnt);
       }
     },
-    focusEvent: function focusEvent(evnt) {
-      var $xeDatePicker = this;
-      var reactData = $xeDatePicker.reactData;
-      var popupOpts = $xeDatePicker.computePopupOpts;
-      var trigger = popupOpts.trigger;
-      reactData.isActivated = true;
-      if (!trigger || trigger === 'default') {
-        $xeDatePicker.datePickerOpenEvent(evnt);
-      } else if (trigger === 'icon') {
-        $xeDatePicker.hidePanel();
-      }
-      $xeDatePicker.triggerEvent(evnt);
-    },
     clickPrefixEvent: function clickPrefixEvent(evnt) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
@@ -34621,6 +34885,134 @@ var DatePanel = VxeDatePanel;
         }, 350);
       });
     },
+    dateChange: function dateChange(date, isReload) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var modelValue = props.value,
+        multiple = props.multiple;
+      var isDateTimeType = $xeDatePicker.computeIsDateTimeType;
+      var dateValueFormat = $xeDatePicker.computeDateValueFormat;
+      var firstDayOfWeek = $xeDatePicker.computeFirstDayOfWeek;
+      if (props.type === 'week') {
+        var sWeek = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.selectDay);
+        date = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(date, 0, sWeek, firstDayOfWeek);
+      }
+      var inpVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat, {
+        firstDay: firstDayOfWeek
+      });
+      if (multiple) {
+        var overCount = $xeDatePicker.computeOverCount;
+        // 如果为多选
+        if (isDateTimeType) {
+          // 如果是datetime特殊类型
+          var dateListValue = isReload ? [] : _toConsumableArray($xeDatePicker.computeDateListValue);
+          var datetimeRest = [];
+          var eqIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(dateListValue, function (val) {
+            return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(date, val, 'yyyyMMdd');
+          });
+          if (eqIndex === -1) {
+            if (overCount) {
+              // 如果超出最大多选数量
+              return;
+            }
+            dateListValue.push(date);
+          } else {
+            dateListValue.splice(eqIndex, 1);
+          }
+          dateListValue.forEach(function (item) {
+            if (item) {
+              datetimeRest.push(item);
+            }
+          });
+          $xeDatePicker.handleChange(datetimeRest.map(function (date) {
+            return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat);
+          }).join(','), {
+            type: 'update'
+          });
+        } else {
+          var dateMultipleValue = isReload ? [] : $xeDatePicker.computeDateMultipleValue;
+          // 如果是日期类型
+          if (dateMultipleValue.some(function (val) {
+            return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal);
+          })) {
+            $xeDatePicker.handleChange(dateMultipleValue.filter(function (val) {
+              return !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal);
+            }).join(','), {
+              type: 'update'
+            });
+          } else {
+            if (overCount) {
+              // 如果超出最大多选数量
+              return;
+            }
+            $xeDatePicker.handleChange(dateMultipleValue.concat([inpVal]).join(','), {
+              type: 'update'
+            });
+          }
+        }
+      } else {
+        // 如果为单选
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(modelValue, inpVal)) {
+          $xeDatePicker.handleChange(inpVal, {
+            type: 'update'
+          });
+        }
+      }
+    },
+    dateRevert: function dateRevert() {
+      var $xeDatePicker = this;
+      var panelLabel = $xeDatePicker.computePanelLabel;
+      $xeDatePicker.handleInputLabel(panelLabel, true);
+    },
+    afterCheckValue: function afterCheckValue(inpVal) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
+      var type = props.type;
+      var inputLabel = internalData.inputLabel;
+      var dateLabelFormat = $xeDatePicker.computeDateLabelFormat;
+      if (!inpVal) {
+        $xeDatePicker.handleChange('', {
+          type: 'check'
+        });
+        return;
+      }
+      var inpDateVal = parseDateValue(inpVal, type, {
+        valueFormat: dateLabelFormat
+      });
+      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isValidDate(inpDateVal)) {
+        $xeDatePicker.dateRevert();
+        return;
+      }
+      if (type === 'time') {
+        inpDateVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(inpDateVal, dateLabelFormat);
+        if (inputLabel !== inpDateVal) {
+          $xeDatePicker.handleChange(inpDateVal, {
+            type: 'check'
+          });
+        }
+        $xeDatePicker.handleInputLabel(inpDateVal, true);
+        return;
+      }
+      var isChange = false;
+      var firstDayOfWeek = $xeDatePicker.computeFirstDayOfWeek;
+      if (type === 'datetime') {
+        var dateValue = reactData.inputValue;
+        if (inpVal !== external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateValue, dateLabelFormat) || inpVal !== external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(inpDateVal, dateLabelFormat)) {
+          isChange = true;
+        }
+      } else {
+        isChange = true;
+      }
+      var label = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(inpDateVal, dateLabelFormat, {
+        firstDay: firstDayOfWeek
+      });
+      $xeDatePicker.handleInputLabel(label, true);
+      if (isChange) {
+        $xeDatePicker.dateChange(inpDateVal);
+      }
+    },
     clearValueEvent: function clearValueEvent(evnt, value) {
       var $xeDatePicker = this;
       var isDatePickerType = $xeDatePicker.computeIsDatePickerType;
@@ -34643,38 +35035,322 @@ var DatePanel = VxeDatePanel;
         }, evnt);
       }
     },
-    handleArrowInputDate: function handleArrowInputDate(evnt, isUpArrow) {
+    handleArrowInputDate: function handleArrowInputDate(evnt, isUpArrow, isDwArrow, isLtArrow, isRtArrow) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var internalData = $xeDatePicker.internalData;
+      var type = props.type,
+        multiple = props.multiple;
+      if (multiple) {
+        return;
+      }
+      var targetElem = $xeDatePicker.$refs.refInputTarget;
+      if (!targetElem) {
+        return;
+      }
+      var inpValue = targetElem.value;
+      if (!inpValue) {
+        return;
+      }
+      var dateMaskedFormat = $xeDatePicker.computeDateMaskedFormat;
+      var dateLabelFormat = $xeDatePicker.computeDateLabelFormat;
+      var firstDayOfWeek = $xeDatePicker.computeFirstDayOfWeek;
+      var maskChar = $xeDatePicker.computeMaskChar;
+      var selectionStart = targetElem.selectionStart || 0;
+      var selectKey = dateMaskedFormat[selectionStart];
+      if (!parseInputKayMaps[selectKey]) {
+        selectKey = dateMaskedFormat[selectionStart - 1];
+      }
+      var skRest = dateMaskedFormat.match(new RegExp(selectKey + '+'));
+      if (!skRest) {
+        return;
+      }
+      if (isUpArrow || isDwArrow) {
+        var chunkFormat = skRest[0] || '';
+        var chunkStartIndex = skRest.index || 0;
+        var chunkEndIndex = chunkStartIndex + chunkFormat.length;
+        var chunkValue = inpValue.slice(chunkStartIndex, chunkEndIndex);
+        if (parseInputKayMaps[selectKey]) {
+          var chunkNum = (isAllSameChar(chunkValue, maskChar) ? getChunkDefaultNum(selectKey) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(chunkValue)) + (isUpArrow ? 1 : -1);
+          var restValue = inpValue.slice(0, chunkStartIndex) + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().padStart(chunkNum, chunkFormat.length, '0') + inpValue.slice(chunkEndIndex);
+          evnt.preventDefault();
+          if (restValue.indexOf(maskChar) === -1) {
+            // 解析日期
+            var inpDateVal = parseDateValue(restValue, type, {
+              valueFormat: dateLabelFormat
+            });
+            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isValidDate(inpDateVal)) {
+              var label = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(inpDateVal, dateLabelFormat, {
+                firstDay: firstDayOfWeek
+              });
+              targetElem.value = label;
+              $xeDatePicker.handleInputLabel(label, false);
+            }
+          } else {
+            targetElem.value = restValue;
+            $xeDatePicker.handleInputLabel(restValue, false);
+          }
+        }
+        targetElem.setSelectionRange(chunkStartIndex, chunkEndIndex);
+      } else if (isLtArrow || isRtArrow) {
+        var currKeyIndex = inputMaskedKeys.indexOf(selectKey);
+        if (currKeyIndex > -1) {
+          var allMaskedKeys = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().map(dateMaskedFormat.match(new RegExp("(".concat(inputMaskedKeys.join('|'), ")+"), 'g')) || [], function (fullKey) {
+            return fullKey[0];
+          });
+          var currIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(allMaskedKeys, function (key) {
+            return selectKey === key[0];
+          });
+          var targetFormatKey = isLtArrow ? allMaskedKeys[currIndex - 1] || allMaskedKeys[0] : allMaskedKeys[currIndex + 1] || allMaskedKeys[allMaskedKeys.length - 1];
+          var targetKey = targetFormatKey ? targetFormatKey[0] : '';
+          var sktRest = dateMaskedFormat.match(new RegExp(targetKey + '+'));
+          if (sktRest) {
+            evnt.preventDefault();
+            var mtStartIndex = sktRest.index || 0;
+            var mtEndIndex = mtStartIndex + sktRest[0].length;
+            targetElem.setSelectionRange(mtStartIndex, mtEndIndex);
+          }
+        }
+      }
+      internalData.isTriggerMasked = true;
+    },
+    handleMaskedInputDate: function handleMaskedInputDate(evnt) {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
-      var reactData = $xeDatePicker.reactData;
       var internalData = $xeDatePicker.internalData;
       var multiple = props.multiple;
       if (multiple) {
         return;
       }
-      var inputValue = reactData.inputValue;
-      if (!inputValue) {
+      var targetElem = $xeDatePicker.$refs.refInputTarget;
+      if (!targetElem) {
+        return;
+      }
+      var isControlKey = hasControlKey(evnt);
+      if (isControlKey) {
+        return;
+      }
+      evnt.preventDefault();
+      var eKey = evnt.key;
+      var isDeleleKey = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.DELETE);
+      var isBackspaceKey = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.BACKSPACE);
+      var isNumKey = eKey >= '0' && eKey <= '9';
+      var numKey = isNumKey ? evnt.key : '';
+      if (!(isDeleleKey || isBackspaceKey || isNumKey)) {
+        return;
+      }
+      var isTriggerMasked = internalData.isTriggerMasked;
+      var dateMaskedFormat = $xeDatePicker.computeDateMaskedFormat;
+      var maskChar = $xeDatePicker.computeMaskChar;
+      var inpValue = targetElem.value || dateMaskedFormat;
+      var selectionStart = targetElem.selectionStart || 0;
+      var selectionEnd = targetElem.selectionEnd || 0;
+      var selectKey = dateMaskedFormat[selectionStart];
+      if (!parseInputKayMaps[selectKey]) {
+        selectKey = dateMaskedFormat[selectionStart - 1];
+      }
+      var skRest = dateMaskedFormat.match(new RegExp(selectKey + '+'));
+      if (!skRest) {
+        return;
+      }
+      var allMaskedKeys = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().map(dateMaskedFormat.match(new RegExp("(".concat(inputMaskedKeys.join('|'), ")+"), 'g')) || [], function (fullKey) {
+        return fullKey[0];
+      });
+      var chunkFormat = skRest[0] || '';
+      var chunkStartIndex = skRest.index || 0;
+      var chunkEndIndex = chunkStartIndex + chunkFormat.length;
+      var currKeyIndex = allMaskedKeys.indexOf(selectKey);
+      // 全选 | 如果无效字符
+      var isAllSelected = !selectionStart && selectionEnd === inpValue.length;
+      var isNotMasked = inpValue && inpValue.length !== dateMaskedFormat.length;
+      if (isAllSelected || isNotMasked) {
+        inpValue = dateMaskedFormat;
+      }
+      var chunkValue = isDeleleKey ? '' : inpValue.slice(chunkStartIndex, chunkEndIndex);
+      var chunkNums = chunkValue.match(/\d/g) || [];
+      var chunkNumList = isTriggerMasked && !isBackspaceKey ? [] : chunkNums.slice(0);
+      if (isNumKey) {
+        chunkNumList.push(numKey);
+      } else if (isBackspaceKey) {
+        chunkNumList.pop();
+      }
+      chunkValue = chunkNumList.join('').padEnd(chunkFormat.length, maskChar);
+      var restValue = inpValue.slice(0, chunkStartIndex) + chunkValue + inpValue.slice(chunkEndIndex);
+      restValue = restValue.replace(new RegExp("(".concat(inputMaskedKeys.join('|'), ")"), 'g'), maskChar);
+      targetElem.value = restValue;
+      $xeDatePicker.handleInputLabel(restValue, false);
+      // 如果是全选/删除
+      if (isAllSelected) {
+        if (isBackspaceKey || isDeleleKey) {
+          var firstMaskedKeys = allMaskedKeys[0];
+          var firstSkRest = dateMaskedFormat.match(new RegExp("".concat(firstMaskedKeys, "+")));
+          if (firstSkRest) {
+            var firstChunkFormat = firstSkRest[0];
+            targetElem.setSelectionRange(0, firstChunkFormat.length);
+            internalData.isTriggerMasked = true;
+            return;
+          }
+        }
+      } else {
+        if (isBackspaceKey && !chunkNums.length) {
+          // 回退到上一个数字块
+          for (var i = currKeyIndex - 1; i >= 0; i--) {
+            var prveChunkKey = allMaskedKeys[i];
+            var prveSkRest = dateMaskedFormat.match(new RegExp("".concat(prveChunkKey, "+")));
+            if (prveSkRest) {
+              var prveChunkFormat = prveSkRest[0];
+              var prveChunkStartIndex = prveSkRest.index || 0;
+              var prveChunkEndIndex = prveChunkStartIndex + prveChunkFormat.length;
+              var prveChunkValue = restValue.slice(prveChunkStartIndex, prveChunkEndIndex);
+              var prveChunkNums = prveChunkValue.match(/\d/g) || [];
+              if (prveChunkNums.length) {
+                prveChunkNums.pop();
+                prveChunkValue = prveChunkNums.join('').padEnd(prveChunkFormat.length, maskChar);
+                restValue = restValue.slice(0, prveChunkStartIndex) + prveChunkValue + restValue.slice(prveChunkEndIndex);
+                targetElem.value = restValue;
+                $xeDatePicker.handleInputLabel(restValue, false);
+                targetElem.setSelectionRange(prveChunkStartIndex, prveChunkEndIndex);
+                return;
+              }
+            }
+          }
+          var _firstMaskedKeys = allMaskedKeys[0];
+          var _firstSkRest = dateMaskedFormat.match(new RegExp("".concat(_firstMaskedKeys, "+")));
+          if (_firstSkRest) {
+            var _firstChunkFormat = _firstSkRest[0];
+            restValue = dateMaskedFormat.replace(new RegExp("(".concat(inputMaskedKeys.join('|'), ")"), 'g'), maskChar);
+            targetElem.value = restValue;
+            $xeDatePicker.handleInputLabel(restValue, false);
+            targetElem.setSelectionRange(0, _firstChunkFormat.length);
+            internalData.isTriggerMasked = true;
+            return;
+          }
+          return;
+        }
+      }
+      var maskStartIndex = skRest.index || 0;
+      var maskEndIndex = maskStartIndex + skRest[0].length;
+      // 如果输入完成，跳转下一个
+      if (chunkNumList.length >= chunkValue.length) {
+        var nextKeys = allMaskedKeys.slice(currKeyIndex + 1);
+        if (currKeyIndex > -1) {
+          var nextRest = nextKeys.length ? dateMaskedFormat.match(new RegExp("(".concat(nextKeys.join('|'), ")+"))) : null;
+          // 如果当前数字块已输入，则跳转下一个数字块
+          if (nextRest) {
+            maskStartIndex = nextRest.index || 0;
+            maskEndIndex = maskStartIndex + nextRest[0].length;
+            targetElem.setSelectionRange(maskStartIndex, maskEndIndex);
+          } else {
+            targetElem.setSelectionRange(maskStartIndex, maskEndIndex);
+          }
+        }
+        internalData.isTriggerMasked = true;
+        return;
+      }
+      targetElem.setSelectionRange(maskStartIndex, maskEndIndex);
+      internalData.isTriggerMasked = false;
+    },
+    handleMaskedSelectedDate: function handleMaskedSelectedDate(evnt, isFocus) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var internalData = $xeDatePicker.internalData;
+      var type = props.type,
+        multiple = props.multiple,
+        modelValue = props.value;
+      if (multiple) {
+        return;
+      }
+      if (!maskedTypes.includes(type)) {
         return;
       }
       var targetElem = $xeDatePicker.$refs.refInputTarget;
       if (!targetElem) {
         return;
       }
-      var parseInputKayMaps = internalData.parseInputKayMaps;
-      var inputFormat = $xeDatePicker.computeDateInputFormat;
+      var laseFocusMasked = internalData.laseFocusMasked;
+      if (laseFocusMasked && Date.now() - laseFocusMasked < 100) {
+        return;
+      }
+      var dateMaskedFormat = $xeDatePicker.computeDateMaskedFormat;
+      var maskChar = $xeDatePicker.computeMaskChar;
       var selectionStart = targetElem.selectionStart || 0;
-      var selectKey = inputFormat[selectionStart];
+      var selectionEnd = targetElem.selectionEnd || 0;
+      var inpValue = targetElem.value;
+      var allMaskedKeys = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().map(dateMaskedFormat.match(new RegExp("(".concat(inputMaskedKeys.join('|'), ")+"), 'g')) || [], function (fullKey) {
+        return fullKey[0];
+      });
+      // 如果为空
+      if (!inpValue) {
+        var restValue = dateMaskedFormat.replace(new RegExp("(".concat(inputMaskedKeys.join('|'), ")"), 'g'), maskChar);
+        // 还原值
+        if (isFocus && modelValue) {
+          var chunkNums = ('' + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(modelValue)).match(/\d/g) || [];
+          var useNumIndex = 0;
+          restValue = dateMaskedFormat.replace(new RegExp("(".concat(inputMaskedKeys.join('|'), ")"), 'g'), function (txt) {
+            return chunkNums[useNumIndex++] || txt;
+          });
+        }
+        var firstMaskedKeys = allMaskedKeys[0];
+        var firstSkRest = dateMaskedFormat.match(new RegExp("".concat(firstMaskedKeys, "+")));
+        if (firstSkRest) {
+          evnt.preventDefault();
+          var firstChunkFormat = firstSkRest[0];
+          targetElem.value = restValue;
+          $xeDatePicker.handleInputLabel(restValue, false);
+          targetElem.setSelectionRange(0, firstChunkFormat.length);
+          internalData.laseFocusMasked = Date.now();
+          return;
+        }
+      }
+      // 全选 | 如果无效字符
+      var isAllSelected = !selectionStart && selectionEnd === inpValue.length;
+      var isNotMasked = inpValue && inpValue.length !== dateMaskedFormat.length;
+      if (isAllSelected || isNotMasked) {
+        var _restValue = '';
+        // 还原值
+        if (isNotMasked && inpValue) {
+          var _chunkNums = inpValue.match(/\d/g) || [];
+          var _useNumIndex = 0;
+          _restValue = dateMaskedFormat.replace(new RegExp("(".concat(inputMaskedKeys.join('|'), ")"), 'g'), function () {
+            return _chunkNums[_useNumIndex++] || maskChar;
+          });
+        } else {
+          dateMaskedFormat.replace(new RegExp("(".concat(inputMaskedKeys.join('|'), ")"), 'g'), maskChar);
+        }
+        var _firstMaskedKeys2 = allMaskedKeys[0];
+        var _firstSkRest2 = dateMaskedFormat.match(new RegExp("".concat(_firstMaskedKeys2, "+")));
+        if (_firstSkRest2) {
+          evnt.preventDefault();
+          var _firstChunkFormat2 = _firstSkRest2[0];
+          targetElem.value = _restValue;
+          $xeDatePicker.handleInputLabel(_restValue, false);
+          targetElem.setSelectionRange(0, _firstChunkFormat2.length);
+          internalData.laseFocusMasked = Date.now();
+          return;
+        }
+      }
+      // 是否选择数字块
+      var selectKey = dateMaskedFormat[selectionStart];
       if (!parseInputKayMaps[selectKey]) {
-        selectKey = inputFormat[selectionStart - 1];
+        selectKey = dateMaskedFormat[selectionStart - 1];
       }
-      var inputPaesrFn = parseInputKayMaps[selectKey];
-      if (inputPaesrFn) {
-        inputPaesrFn(evnt, targetElem, isUpArrow);
+      if (selectKey) {
+        evnt.preventDefault();
+        var skRest = dateMaskedFormat.match(new RegExp(selectKey + '+'));
+        if (skRest) {
+          var chunkFormat = skRest[0] || '';
+          var chunkStartIndex = skRest.index || 0;
+          var chunkEndIndex = chunkStartIndex + chunkFormat.length;
+          targetElem.setSelectionRange(chunkStartIndex, chunkEndIndex);
+          internalData.isTriggerMasked = true;
+          internalData.laseFocusMasked = Date.now();
+        }
       }
     },
     blurEvent: function blurEvent(evnt) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
       var $xeForm = $xeDatePicker.$xeForm;
       var formItemInfo = $xeDatePicker.formItemInfo;
       var $datePanel = $xeDatePicker.$refs.refDatePanel;
@@ -34685,10 +35361,13 @@ var DatePanel = VxeDatePanel;
         $xeDatePicker.handleChange(value, evnt);
       }
       if (!reactData.visiblePanel) {
+        var inputLabel = internalData.inputLabel;
         reactData.isActivated = false;
         // 未打开面板时才校验
         if ($datePanel) {
-          $datePanel.checkValue(reactData.inputLabel);
+          $datePanel.checkValue(inputLabel);
+        } else {
+          $xeDatePicker.afterCheckValue(inputLabel);
         }
       }
       $xeDatePicker.dispatchEvent('blur', {
@@ -34699,15 +35378,89 @@ var DatePanel = VxeDatePanel;
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
       }
     },
+    focusEvent: function focusEvent(evnt) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var reactData = $xeDatePicker.reactData;
+      var multiple = props.multiple,
+        editable = props.editable,
+        maskedConfig = props.maskedConfig;
+      var maskedOpts = $xeDatePicker.computeMaskedOpts;
+      var popupOpts = $xeDatePicker.computePopupOpts;
+      var trigger = popupOpts.trigger;
+      reactData.isActivated = true;
+      if (!trigger || trigger === 'default') {
+        $xeDatePicker.datePickerOpenEvent(evnt);
+        setTimeout(function () {
+          if (editable && !multiple && (isEnableConf(maskedConfig) || maskedOpts.enabled)) {
+            $xeDatePicker.handleMaskedSelectedDate(evnt, true);
+          }
+        }, 15);
+      } else if (trigger === 'icon') {
+        $xeDatePicker.hidePanel();
+        setTimeout(function () {
+          if (editable && !multiple && (isEnableConf(maskedConfig) || maskedOpts.enabled)) {
+            $xeDatePicker.handleMaskedSelectedDate(evnt, true);
+          }
+        }, 15);
+      } else {
+        if (editable && !multiple && (isEnableConf(maskedConfig) || maskedOpts.enabled)) {
+          $xeDatePicker.handleMaskedSelectedDate(evnt, true);
+        }
+      }
+      $xeDatePicker.triggerEvent(evnt);
+    },
+    clickEvent: function clickEvent(evnt) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var editable = props.editable,
+        maskedConfig = props.maskedConfig;
+      var maskedOpts = $xeDatePicker.computeMaskedOpts;
+      if (editable && (isEnableConf(maskedConfig) || maskedOpts.enabled)) {
+        $xeDatePicker.handleMaskedSelectedDate(evnt);
+      }
+      $xeDatePicker.triggerEvent(evnt);
+    },
     keydownEvent: function keydownEvent(evnt) {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
-      var controlConfig = props.controlConfig;
-      var controlOpts = $xeDatePicker.computeControlOpts;
+      var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
+      var type = props.type,
+        editable = props.editable,
+        maskedConfig = props.maskedConfig;
+      var visiblePanel = reactData.visiblePanel;
+      var maskedOpts = $xeDatePicker.computeMaskedOpts;
       var isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
       var isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
-      if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
-        $xeDatePicker.handleArrowInputDate(evnt, isUpArrow);
+      var isLtArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_LEFT);
+      var isRtArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_RIGHT);
+      var isEnter = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER);
+      if (editable) {
+        if (isEnter) {
+          var $datePanel = $xeDatePicker.$refs.refDatePanel;
+          var inputLabel = internalData.inputLabel;
+          var targetElem = $xeDatePicker.$refs.refInputTarget;
+          if (visiblePanel) {
+            $xeDatePicker.hidePanel();
+          }
+          if ($datePanel) {
+            $datePanel.checkValue(inputLabel);
+          } else {
+            $xeDatePicker.afterCheckValue(inputLabel);
+          }
+          if (targetElem) {
+            targetElem.blur();
+          }
+        } else if (maskedTypes.includes(type)) {
+          if (isEnableConf(maskedConfig) || maskedOpts.enabled) {
+            if (maskedOpts.isArrow && (isUpArrow || isDwArrow || isLtArrow || isRtArrow)) {
+              $xeDatePicker.handleArrowInputDate(evnt, isUpArrow, isDwArrow, isLtArrow, isRtArrow);
+            } else if (maskedOpts.isMasked) {
+              $xeDatePicker.handleMaskedInputDate(evnt);
+            }
+          }
+        }
       }
       $xeDatePicker.triggerEvent(evnt);
     },
@@ -34744,13 +35497,13 @@ var DatePanel = VxeDatePanel;
     },
     panelRevertEvent: function panelRevertEvent(params) {
       var $xeDatePicker = this;
-      var reactData = $xeDatePicker.reactData;
-      reactData.inputLabel = params.label;
+      $xeDatePicker.handleInputLabel(params.label, true);
     },
     // 全局事件
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
       var $datePanel = $xeDatePicker.$refs.refDatePanel;
       var visiblePanel = reactData.visiblePanel,
         isActivated = reactData.isActivated;
@@ -34758,12 +35511,18 @@ var DatePanel = VxeDatePanel;
       var panelWrapperElem = $xeDatePicker.$refs.refPanelWrapper;
       var isDisabled = $xeDatePicker.computeIsDisabled;
       if (!isDisabled && isActivated) {
-        reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelWrapperElem).flag;
-        if (!reactData.isActivated) {
+        var currActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelWrapperElem).flag;
+        if (currActivated !== isActivated) {
+          reactData.isActivated = currActivated;
+        }
+        if (!currActivated) {
           if (visiblePanel) {
             $xeDatePicker.hidePanel();
+            var inputLabel = internalData.inputLabel;
             if ($datePanel) {
-              $datePanel.checkValue(reactData.inputLabel);
+              $datePanel.checkValue(inputLabel);
+            } else {
+              $xeDatePicker.afterCheckValue(inputLabel);
             }
           }
         }
@@ -34806,6 +35565,7 @@ var DatePanel = VxeDatePanel;
     handleGlobalBlurEvent: function handleGlobalBlurEvent() {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
       var $datePanel = $xeDatePicker.$refs.refDatePanel;
       var isActivated = reactData.isActivated,
         visiblePanel = reactData.visiblePanel;
@@ -34817,7 +35577,7 @@ var DatePanel = VxeDatePanel;
       }
       if (visiblePanel || isActivated) {
         if ($datePanel) {
-          $datePanel.checkValue(reactData.inputLabel);
+          $datePanel.checkValue(internalData.inputLabel);
         }
         var targetElem = $xeDatePicker.$refs.refInputTarget;
         if (targetElem) {
@@ -34883,9 +35643,11 @@ var DatePanel = VxeDatePanel;
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
       var panelElem = $xeDatePicker.$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);
@@ -34924,10 +35686,6 @@ var DatePanel = VxeDatePanel;
         }
       }
     },
-    clickEvent: function clickEvent(evnt) {
-      var $xeDatePicker = this;
-      $xeDatePicker.triggerEvent(evnt);
-    },
     handleShortcutEvent: function handleShortcutEvent(_ref) {
       var option = _ref.option,
         $event = _ref.$event;
@@ -34972,7 +35730,7 @@ var DatePanel = VxeDatePanel;
                 break;
               }
             default:
-              errLog('vxe.error.notCommands', ["[date-picker] ".concat(code)]);
+              date_picker_errLog('vxe.error.notCommands', [code]);
               break;
           }
         }
@@ -35229,14 +35987,16 @@ var DatePanel = VxeDatePanel;
       var $xeDatePicker = this;
       var props = $xeDatePicker;
       var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
       var className = props.className,
         type = props.type,
         name = props.name,
         autoComplete = props.autoComplete;
       var inputValue = reactData.inputValue,
-        inputLabel = reactData.inputLabel,
         visiblePanel = reactData.visiblePanel,
-        isActivated = reactData.isActivated;
+        isActivated = reactData.isActivated,
+        labelFlag = reactData.labelFlag;
+      var inputLabel = internalData.inputLabel;
       var vSize = $xeDatePicker.computeSize;
       var isDisabled = $xeDatePicker.computeIsDisabled;
       var formReadonly = $xeDatePicker.computeFormReadonly;
@@ -35264,7 +36024,7 @@ var DatePanel = VxeDatePanel;
         ref: 'refInputTarget',
         class: 'vxe-date-picker--inner',
         domProps: {
-          value: inputLabel
+          value: labelFlag ? inputLabel : ''
         },
         attrs: {
           name: name,
@@ -35291,8 +36051,7 @@ var DatePanel = VxeDatePanel;
   watch: {
     computePanelLabel: function computePanelLabel(val) {
       var $xeDatePicker = this;
-      var reactData = $xeDatePicker.reactData;
-      reactData.inputLabel = val;
+      $xeDatePicker.handleInputLabel(val, true);
     },
     value: function value() {
       var $xeDatePicker = this;
@@ -35301,14 +36060,19 @@ var DatePanel = VxeDatePanel;
   },
   created: function created() {
     var $xeDatePicker = this;
-    var internalData = $xeDatePicker.internalData;
-    var parseInputKayMaps = internalData.parseInputKayMaps;
-    var inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
-    inputKeys.forEach(function (key) {
-      parseInputKayMaps[key] = function (evnt) {
-        evnt.preventDefault();
-      };
-    });
+    var props = $xeDatePicker;
+    $xeDatePicker.internalData = date_picker_createInternalData();
+    var type = props.type,
+      multiple = props.multiple,
+      maskedConfig = props.maskedConfig;
+    if (isEnableConf(maskedConfig)) {
+      if (multiple) {
+        date_picker_errLog('vxe.error.notSupportProp', ['multiple', 'control-config.enabled=true', 'control-config.enabled=false']);
+      }
+      if (!maskedTypes.includes(type)) {
+        date_picker_warnLog('vxe.error.notSupportProp', ['control-config.enabled=true', "type=".concat(type), "type=".concat(maskedTypes.join('|'))]);
+      }
+    }
     $xeDatePicker.updateModelValue();
     globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent);
     globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent);
@@ -35318,6 +36082,8 @@ var DatePanel = VxeDatePanel;
   },
   beforeDestroy: function beforeDestroy() {
     var $xeDatePicker = this;
+    var reactData = $xeDatePicker.reactData;
+    var internalData = $xeDatePicker.internalData;
     var panelElem = $xeDatePicker.$refs.refInputPanel;
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
@@ -35326,6 +36092,8 @@ var DatePanel = VxeDatePanel;
     globalEvents.off($xeDatePicker, 'mousedown');
     globalEvents.off($xeDatePicker, 'blur');
     globalEvents.off($xeDatePicker, 'resize');
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, date_picker_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, date_picker_createInternalData());
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -35372,6 +36140,8 @@ var DatePicker = VxeDatePicker;
 
 
 
+var date_range_picker_createComponentLog = createComponentLog('date-range-picker'),
+  date_range_picker_errLog = date_range_picker_createComponentLog.errLog;
 /* harmony default export */ var date_range_picker = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeDateRangePicker',
   mixins: [globalMixins.sizeMixin],
@@ -36355,9 +37125,11 @@ var DatePicker = VxeDatePicker;
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
       var 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);
@@ -36454,7 +37226,7 @@ var DatePicker = VxeDatePicker;
                 break;
               }
             default:
-              errLog('vxe.error.notCommands', ["[date-range-picker] ".concat(code)]);
+              date_range_picker_errLog('vxe.error.notCommands', [code]);
               break;
           }
         }
@@ -37028,6 +37800,7 @@ var allActiveDrawers = [];
         return getConfig().drawer.showTitleOverflow;
       }
     },
+    preload: Boolean,
     width: [Number, String],
     height: [Number, String],
     resize: {
@@ -37669,6 +38442,8 @@ var allActiveDrawers = [];
   mounted: function mounted() {
     var $xeDrawer = this;
     var props = $xeDrawer;
+    var reactData = $xeDrawer.reactData;
+    reactData.initialized = !!props.preload;
     $xeDrawer.$nextTick(function () {
       if (props.value) {
         $xeDrawer.openDrawer();
@@ -37875,6 +38650,8 @@ var empty_empty = Vxeempty;
 
 
 
+var itemInfo_createComponentLog = createComponentLog('form'),
+  itemInfo_errLog = itemInfo_createComponentLog.errLog;
 var ItemInfo = /*#__PURE__*/function () {
   function ItemInfo($xeForm, item) {
     _classCallCheck(this, ItemInfo);
@@ -37885,21 +38662,21 @@ var ItemInfo = /*#__PURE__*/function () {
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(formatter)) {
         var gFormatOpts = formats.get(formatter);
         if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
-          errLog('vxe.error.notFormats', ["[form] ".concat(formatter)]);
+          itemInfo_errLog('vxe.error.notFormats', [formatter]);
         }
       } else if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(formatter)) {
         var _gFormatOpts = formats.get(formatter[0]);
         if (!_gFormatOpts || !_gFormatOpts.formItemFormatMethod) {
-          errLog('vxe.error.notFormats', ["[form] ".concat(formatter[0])]);
+          itemInfo_errLog('vxe.error.notFormats', [formatter[0]]);
         }
       }
     }
     if (field && itemRender) {
       if (itemRender.startField && "".concat(itemRender.startField).indexOf(field) >= 0) {
-        errLog('vxe.error.modelConflicts', ["[form] field=".concat(field), "item-render.startField=".concat(itemRender.startField)]);
+        itemInfo_errLog('vxe.error.modelConflicts', ["field=".concat(field), "item-render.startField=".concat(itemRender.startField)]);
       }
       if (itemRender.endField && "".concat(itemRender.endField).indexOf(field) >= 0) {
-        errLog('vxe.error.modelConflicts', ["[form] field=".concat(field), "item-render.endField=".concat(itemRender.endField)]);
+        itemInfo_errLog('vxe.error.modelConflicts', ["field=".concat(field), "item-render.endField=".concat(itemRender.endField)]);
       }
     }
     Object.assign(this, {
@@ -38621,6 +39398,8 @@ function renderItemContent(h, $xeForm, item) {
 
 
 
+var render_createComponentLog = createComponentLog('form'),
+  render_errLog = render_createComponentLog.errLog;
 var componentDefaultModelProp = 'value';
 /**
  * 已废弃
@@ -38719,7 +39498,7 @@ function getComponentOns(renderOpts, params, eFns, eventOns) {
   external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().objectEach(events, function (func, key) {
     ons[getOnName(key)] = function () {
       if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
-        errLog('vxe.error.errFunc', ["[form] ".concat(func)]);
+        render_errLog('vxe.error.errFunc', [func]);
       }
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
         args[_key3] = arguments[_key3];
@@ -39299,6 +40078,9 @@ renderer.mixin({
 
 
 
+var form_createComponentLog = createComponentLog('form'),
+  form_warnLog = form_createComponentLog.warnLog,
+  form_errLog = form_createComponentLog.errLog;
 var Rule = /*#__PURE__*/function () {
   function Rule(rule) {
     _classCallCheck(this, Rule);
@@ -39592,13 +40374,11 @@ function form_createInternalData() {
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = form_createReactData();
-    var internalData = form_createInternalData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
       reactData: reactData,
-      internalData: internalData,
       recalcFlag: 0
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeValidOpts: function computeValidOpts() {
@@ -39676,7 +40456,7 @@ function form_createInternalData() {
             external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, function (func) {
               if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
                 if (!slots[func]) {
-                  errLog('vxe.error.notSlot', ["[form] ".concat(func)]);
+                  form_errLog('vxe.error.notSlot', [func]);
                 }
               }
             });
@@ -39971,10 +40751,10 @@ function form_createInternalData() {
                       if (validatorMethod) {
                         customValid = validatorMethod(validParams);
                       } else {
-                        warnLog('vxe.error.notValidators', ["[form] ".concat(validator)]);
+                        form_warnLog('vxe.error.notValidators', [validator]);
                       }
                     } else {
-                      errLog('vxe.error.notValidators', ["[form] ".concat(validator)]);
+                      form_errLog('vxe.error.notValidators', [validator]);
                     }
                   } else {
                     customValid = validator(validParams);
@@ -40372,6 +41152,7 @@ function form_createInternalData() {
     var $xeForm = this;
     var props = $xeForm;
     var reactData = $xeForm.reactData;
+    $xeForm.internalData = form_createInternalData();
     reactData.collapseAll = !!props.collapseStatus;
   },
   mounted: function mounted() {
@@ -40382,15 +41163,17 @@ function form_createInternalData() {
     }
     $xeForm.$nextTick(function () {
       if (props.customLayout && props.items) {
-        errLog('vxe.error.errConflicts', ['[form] custom-layout', 'items']);
+        form_errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
       }
     });
     globalEvents.on($xeForm, 'resize', $xeForm.handleGlobalResizeEvent);
   },
   destroyed: function destroyed() {
     var $xeForm = this;
+    var reactData = $xeForm.reactData;
     var internalData = $xeForm.internalData;
     globalEvents.off($xeForm, 'resize');
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, form_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, form_createInternalData());
   },
   render: function render(h) {
@@ -42339,13 +43122,11 @@ function image_createReactData() {
     getThumbnailUrlMethod: Function
   },
   data: function data() {
-    var internalData = image_createInternalData();
     var reactData = image_createReactData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeWrapperStyle: function computeWrapperStyle() {
@@ -42561,6 +43342,10 @@ function image_createReactData() {
       })]);
     }
   },
+  created: function created() {
+    var $xeImage = this;
+    $xeImage.internalData = image_createInternalData();
+  },
   beforeDestroy: function beforeDestroy() {
     var $xeImage = this;
     var reactData = $xeImage.reactData;
@@ -42968,14 +43753,12 @@ function layout_body_createReactData() {
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var backtopId = "vxe_layout_body_backtop_".concat(xID);
-    var internalData = layout_body_createInternalData();
     var reactData = layout_body_createReactData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
       backtopId: backtopId,
-      internalData: internalData,
       reactData: reactData
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeBacktopOpts: function computeBacktopOpts() {
@@ -43050,6 +43833,17 @@ function layout_body_createReactData() {
       }) : renderEmptyElement($xeLayoutBody)]);
     }
   },
+  created: function created() {
+    var $xeLayoutBody = this;
+    $xeLayoutBody.internalData = layout_body_createInternalData();
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeLayoutBody = this;
+    var reactData = $xeLayoutBody.reactData;
+    var internalData = $xeLayoutBody.internalData;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, layout_body_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, layout_body_createInternalData());
+  },
   render: function render(h) {
     return this.renderVN(h);
   }
@@ -43454,6 +44248,8 @@ var List = VxeList;
 
 
 
+var menu_createComponentLog = createComponentLog('menu'),
+  menu_errLog = menu_createComponentLog.errLog;
 var menu_menus = VxeUI.menus,
   menu_getConfig = VxeUI.getConfig,
   menu_getIcon = VxeUI.getIcon;
@@ -44016,7 +44812,7 @@ var menu_menus = VxeUI.menus,
     var menuConfig = props.menuConfig;
     var VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
     if (menuConfig && !VxeUIContextMenu) {
-      errLog('vxe.error.reqComp', ['vxe-context-menu']);
+      menu_errLog('vxe.error.reqComp', ['vxe-context-menu']);
     }
     globalEvents.on($xeMenu, 'resize', $xeMenu.updateCollapseStyle);
     $xeMenu.updateCollapseStyle();
@@ -44089,6 +44885,9 @@ var Menu = VxeMenu;
 
 
 
+var modal_createComponentLog = createComponentLog('modal'),
+  modal_warnLog = modal_createComponentLog.warnLog,
+  modal_errLog = modal_createComponentLog.errLog;
 var allActiveModals = [];
 var msgQueue = [];
 var notifyQueue = [];
@@ -44204,6 +45003,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         return getConfig().modal.showFooter;
       }
     },
+    preload: Boolean,
     showZoom: Boolean,
     zoomConfig: Object,
     showMaximize: {
@@ -45755,12 +46555,14 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
     var $xeModal = this;
     var slots = $xeModal.$scopedSlots;
     var props = $xeModal;
+    var reactData = $xeModal.reactData;
     if (props.type === 'modal' && props.showFooter && !(props.showConfirmButton || props.showCancelButton || slots.footer)) {
-      warnLog('vxe.modal.footPropErr');
+      modal_warnLog('vxe.modal.footPropErr');
     }
+    reactData.initialized = !!props.preload;
     $xeModal.$nextTick(function () {
       if (props.storage && !props.id) {
-        errLog('vxe.error.reqProp', ['[modal] id']);
+        modal_errLog('vxe.error.reqProp', ['[modal] id']);
       }
       if (props.value) {
         $xeModal.openModal();
@@ -46452,12 +47254,35 @@ var Option = VxeOption;
 
 
 
+var select_createComponentLog = createComponentLog('select'),
+  select_errLog = select_createComponentLog.errLog;
 function isOptionVisible(option) {
   return option.visible !== false;
 }
 function getOptUniqueId() {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('opt_');
 }
+function select_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 select_createInternalData() {
   return {
     // isLoaded: false,
@@ -46663,31 +47488,11 @@ function select_createInternalData() {
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var 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
-    };
-    var internalData = select_createInternalData();
-    return {
+    var reactData = select_createReactData();
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeFormReadonly: function computeFormReadonly() {
@@ -47287,10 +48092,8 @@ function select_createInternalData() {
           reactData.initialized = true;
           var btnTransfer = $xeSelect.computeBtnTransfer;
           var panelElem = $xeSelect.$refs.refOptionPanel;
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem);
-            }
+          if (btnTransfer && panelElem) {
+            document.body.appendChild(panelElem);
           }
         }
         reactData.isActivated = true;
@@ -48077,7 +48880,7 @@ function select_createInternalData() {
                 }));
               });
             } else {
-              errLog('vxe.error.notConflictProp', ['default-config.selectMode=all', 'multiple=true']);
+              select_errLog('vxe.error.notConflictProp', ['default-config.selectMode=all', 'multiple=true']);
             }
           } else if (selectMode === 'first' || selectMode === 'last') {
             var selectItem = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default())[selectMode](datas);
@@ -48497,6 +49300,10 @@ function select_createInternalData() {
       $xeSelect.loadData(val);
     }
   },
+  created: function created() {
+    var $xeSelect = this;
+    $xeSelect.internalData = select_createInternalData();
+  },
   mounted: function mounted() {
     var $xeSelect = this;
     var props = $xeSelect;
@@ -48529,7 +49336,9 @@ function select_createInternalData() {
   },
   destroyed: function destroyed() {
     var $xeSelect = this;
+    var reactData = $xeSelect.reactData;
     var internalData = $xeSelect.internalData;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, select_createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, select_createInternalData());
   },
   render: function render(h) {
@@ -48553,6 +49362,9 @@ function select_createInternalData() {
 
 
 
+var pager_createComponentLog = createComponentLog('pager'),
+  pager_warnLog = pager_createComponentLog.warnLog,
+  pager_errLog = pager_createComponentLog.errLog;
 /* harmony default export */ var pager = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxePager',
   mixins: [globalMixins.sizeMixin],
@@ -48814,7 +49626,7 @@ function select_createInternalData() {
      */
     jumpPage: function jumpPage(currentPage) {
       var $xePager = this;
-      warnLog('vxe.error.delFunc', ['[pager] jumpPage', 'setCurrentPage']);
+      pager_warnLog('vxe.error.delFunc', ['jumpPage', 'setCurrentPage']);
       return $xePager.setCurrentPage(currentPage);
     },
     getPageCount: function getPageCount(total, size) {
@@ -49446,7 +50258,7 @@ function select_createInternalData() {
         if (renderFn) {
           childNodes.push(renderFn(h));
         } else {
-          errLog('vxe.error.notProp', ["[pager] layouts -> ".concat(name)]);
+          pager_errLog('vxe.error.notProp', ["layouts -> ".concat(name)]);
         }
       });
       if (slots.right) {
@@ -51602,6 +52414,9 @@ var RadioButton = VxeRadioButton;
 
 
 
+function src_group_createReactData() {
+  return {};
+}
 function src_group_createInternalData() {
   return {
     // isLoaded: false
@@ -51653,14 +52468,12 @@ function src_group_createInternalData() {
     };
   },
   data: function data() {
-    var reactData = {};
-    var internalData = src_group_createInternalData();
-    return {
+    var reactData = src_group_createReactData();
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
       name: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('xe_group_'),
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeIsReadonly: function computeIsReadonly() {
@@ -51821,6 +52634,10 @@ function src_group_createInternalData() {
       $xeRadioGroup.loadData(val);
     }
   },
+  created: function created() {
+    var $xeRadioGroup = this;
+    $xeRadioGroup.internalData = src_group_createInternalData();
+  },
   mounted: function mounted() {
     var $xeRadioGroup = this;
     var props = $xeRadioGroup;
@@ -51833,8 +52650,10 @@ function src_group_createInternalData() {
   },
   beforeDestroy: function beforeDestroy() {
     var $xeRadioGroup = this;
+    var reactData = $xeRadioGroup.reactData;
     var internalData = $xeRadioGroup.internalData;
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, src_group_createInternalData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, src_group_createReactData());
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -52587,6 +53406,9 @@ var Select = VxeSelect;
 
 
 
+var splitter_createComponentLog = createComponentLog('splitter'),
+  splitter_warnLog = splitter_createComponentLog.warnLog,
+  splitter_errLog = splitter_createComponentLog.errLog;
 /* harmony default export */ var splitter = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeSplitter',
   mixins: [globalMixins.sizeMixin],
@@ -52740,15 +53562,15 @@ var Select = VxeSelect;
       var showPrevButton = actionOpts.showPrevButton,
         showNextButton = actionOpts.showNextButton;
       if (props.items && props.items.length) {
-        errLog('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
+        splitter_errLog('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
       }
       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']);
+        splitter_errLog('vxe.error.modelConflicts', ['action-config.showPrevButton | action-config.showNextButton', '<vxe-splitter-panel ...> Only supports 2 panel']);
       }
       reactData.itemList.forEach(function (item) {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['[splitter] show-action']);
+          splitter_warnLog('vxe.error.removeProp', ['show-action']);
         }
       });
       $xeSplitter.recalculate();
@@ -52809,7 +53631,7 @@ var Select = VxeSelect;
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, function (func) {
             if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
               if (!slots[func]) {
-                errLog('vxe.error.notSlot', ["[splitter] ".concat(func)]);
+                splitter_errLog('vxe.error.notSlot', [func]);
               }
             }
           });
@@ -52819,7 +53641,7 @@ var Select = VxeSelect;
         });
       });
       if (staticItems.length) {
-        errLog('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
+        splitter_errLog('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
       }
       return $xeSplitter.recalculate();
     },
@@ -53584,7 +54406,7 @@ var Select = VxeSelect;
     }
     var actionOpts = $xeSplitter.computeActionOpts;
     if (actionOpts.direction) {
-      errLog('vxe.error.delProp', ['[splitter] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
+      splitter_errLog('vxe.error.delProp', ['action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
     }
     $xeSplitter.$nextTick(function () {
       $xeSplitter.recalculate();
@@ -54700,9 +55522,25 @@ var TabPane = VxeTabPane;
 
 
 
+var table_select_createComponentLog = createComponentLog('table-select'),
+  table_select_errLog = table_select_createComponentLog.errLog;
 function getRowUniqueId() {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('row_');
 }
+function table_select_createReactData() {
+  return {
+    initialized: false,
+    tableColumns: [],
+    fullOptionList: [],
+    panelIndex: 0,
+    panelStyle: {},
+    panelPlacement: null,
+    triggerFocusPanel: false,
+    visiblePanel: false,
+    isAniVisible: false,
+    isActivated: false
+  };
+}
 function table_select_createInternalData() {
   return {
     // hpTimeout: undefined,
@@ -54786,26 +55624,13 @@ function table_select_createInternalData() {
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {
-      initialized: false,
-      tableColumns: [],
-      fullOptionList: [],
-      panelIndex: 0,
-      panelStyle: {},
-      panelPlacement: null,
-      triggerFocusPanel: false,
-      visiblePanel: false,
-      isAniVisible: false,
-      isActivated: false
-    };
-    var internalData = table_select_createInternalData();
+    var reactData = table_select_createReactData();
     var gridEvents = {};
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
       reactData: reactData,
-      internalData: internalData,
       gridEvents: gridEvents
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeFormReadonly: function computeFormReadonly() {
@@ -55105,12 +55930,12 @@ function table_select_createInternalData() {
             rowid = getRowUniqueId();
           }
           if (keyMaps[rowid]) {
-            errLog('vxe.error.repeatKey', ["[table-select] ".concat(rowKeyField), rowid]);
+            table_select_errLog('vxe.error.repeatKey', [rowKeyField, rowid]);
           }
           keyMaps[rowid] = true;
           var value = item[valueField];
           if (rowMaps[value]) {
-            errLog('vxe.error.repeatKey', ["[table-select] ".concat(valueField), value]);
+            table_select_errLog('vxe.error.repeatKey', [valueField, value]);
           }
           rowMaps[value] = {
             item: item,
@@ -55494,6 +56319,7 @@ function table_select_createInternalData() {
   created: function created() {
     var $xeTableSelect = this;
     var props = $xeTableSelect;
+    $xeTableSelect.internalData = table_select_createInternalData();
     var gridEventKeys = ['form-submit', 'form-reset', 'form-collapse', 'page-change'];
     var gridEvents = $xeTableSelect.gridEvents;
     gridEventKeys.forEach(function (name) {
@@ -55511,7 +56337,7 @@ function table_select_createInternalData() {
     var VxeTableGridComponent = VxeUI.getComponent('vxe-grid');
     $xeTableSelect.$nextTick(function () {
       if (!VxeTableGridComponent) {
-        errLog('vxe.error.reqComp', ['[table-select] vxe-grid']);
+        table_select_errLog('vxe.error.reqComp', ['vxe-grid']);
       }
     });
     var gridConfig = props.gridConfig;
@@ -55527,6 +56353,8 @@ function table_select_createInternalData() {
   },
   beforeDestroy: function beforeDestroy() {
     var $xeTableSelect = this;
+    var reactData = $xeTableSelect.reactData;
+    var internalData = $xeTableSelect.internalData;
     var panelElem = $xeTableSelect.$refs.refOptionPanel;
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
@@ -55535,6 +56363,8 @@ function table_select_createInternalData() {
     globalEvents.off($xeTableSelect, 'mousedown');
     globalEvents.off($xeTableSelect, 'blur');
     globalEvents.off($xeTableSelect, 'resize');
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, table_select_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, table_select_createInternalData());
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -55585,6 +56415,9 @@ var TableSelect = VxeTableSelect;
 
 
 
+var tabs_createComponentLog = createComponentLog('tabs'),
+  tabs_warnLog = tabs_createComponentLog.warnLog,
+  tabs_errLog = tabs_createComponentLog.errLog;
 var scrollbarOffsetSize = 20;
 /* harmony default export */ var tabs = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeTabs',
@@ -55785,12 +56618,12 @@ var scrollbarOffsetSize = 20;
     },
     prevTab: function prevTab() {
       var $xeTabs = this;
-      warnLog('vxe.error.delFunc', ['[tabs] prevTab', 'prev']);
+      tabs_warnLog('vxe.error.delFunc', ['prevTab', 'prev']);
       return $xeTabs.prev();
     },
     nextTab: function nextTab() {
       var $xeTabs = this;
-      warnLog('vxe.error.delFunc', ['[tabs] nextTab', 'next']);
+      tabs_warnLog('vxe.error.delFunc', ['nextTab', 'next']);
       return $xeTabs.next();
     },
     handleFilterTab: function handleFilterTab(item) {
@@ -56060,7 +56893,7 @@ var scrollbarOffsetSize = 20;
             cacheItem.loading = false;
           });
         } else {
-          errLog('vxe.error.notFunc', ['refresh-config.queryMethod']);
+          tabs_errLog('vxe.error.notFunc', ['refresh-config.queryMethod']);
         }
       }
     },
@@ -57120,6 +57953,8 @@ var Text = VxeText;
 
 
 
+var textarea_createComponentLog = createComponentLog('textarea'),
+  textarea_warnLog = textarea_createComponentLog.warnLog;
 var autoTxtElem;
 /* harmony default export */ var src_textarea = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeTextarea',
@@ -57580,7 +58415,7 @@ var autoTxtElem;
       var autosize = props.autosize,
         autoSize = props.autoSize;
       if (autosize) {
-        warnLog('vxe.error.delProp', ['autosize', 'auto-size']);
+        textarea_warnLog('vxe.error.delProp', ['autosize', 'auto-size']);
       }
       if (autosize || autoSize) {
         $xeTextarea.updateAutoTxt();
@@ -58044,6 +58879,8 @@ function clearColAnimate(elem, clss) {
 
 
 
+var tree_createComponentLog = createComponentLog('tree'),
+  tree_errLog = tree_createComponentLog.errLog;
 var tree_menus = VxeUI.menus,
   tree_getConfig = VxeUI.getConfig,
   tree_getI18n = VxeUI.getI18n,
@@ -58728,15 +59565,13 @@ function tree_createReactData() {
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = tree_createReactData();
-    var internalData = tree_createInternalData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
       reactData: reactData,
-      internalData: internalData,
       crossTreeDragNodeInfo: crossTreeDragNodeGlobal,
       hFlag: 0,
       dataFlag: 0
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeTitleField: function computeTitleField() {
@@ -59371,7 +60206,7 @@ function tree_createReactData() {
       $xeTree.handleData(true);
       if (sYLoad) {
         if (!(props.height || props.maxHeight)) {
-          errLog('vxe.error.reqProp', ['[tree] height | max-height | virtual-y-config.enabled=false']);
+          tree_errLog('vxe.error.reqProp', ['height | max-height | virtual-y-config.enabled=false']);
         }
       }
       return $xeTree.computeScrollLoad().then(function () {
@@ -61118,6 +61953,7 @@ function tree_createReactData() {
     var $xeTree = this;
     var props = $xeTree;
     var reactData = $xeTree.reactData;
+    $xeTree.internalData = tree_createInternalData();
     reactData.selectRadioKey = util_enNodeValue(props.checkNodeKey);
     $xeTree.loadData(props.data || []);
   },
@@ -61130,17 +61966,17 @@ function tree_createReactData() {
       menuConfig = props.menuConfig;
     var dragOpts = $xeTree.computeDragOpts;
     if (drag && !transform) {
-      errLog('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
+      tree_errLog('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
     }
     if (dragOpts.isCrossTreeDrag) {
-      errLog('vxe.error.notProp', ['drag-config.isCrossTreeDrag']);
+      tree_errLog('vxe.error.notProp', ['drag-config.isCrossTreeDrag']);
     }
     // if (valueField) {
     //   errLog('vxe.error.delProp', ['value-field', 'value-field'])
     // }
     var VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
     if (menuConfig && !VxeUIContextMenu) {
-      errLog('vxe.error.reqComp', ['vxe-context-menu']);
+      tree_errLog('vxe.error.reqComp', ['vxe-context-menu']);
     }
     if (props.autoResize) {
       var el = $xeTree.$refs.refElem;
@@ -61214,6 +62050,9 @@ var Tree = VxeTree;
 
 
 
+var tree_select_createComponentLog = createComponentLog('tree-select'),
+  tree_select_warnLog = tree_select_createComponentLog.warnLog,
+  tree_select_errLog = tree_select_createComponentLog.errLog;
 function tree_select_getOptUniqueId() {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('node_');
 }
@@ -61409,12 +62248,10 @@ function tree_select_createInternalData() {
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = tree_select_createReactData();
-    var internalData = tree_select_createInternalData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeFormReadonly: function computeFormReadonly() {
@@ -61667,12 +62504,12 @@ function tree_select_createInternalData() {
           nodeid = tree_select_getOptUniqueId();
         }
         if (keyMaps[nodeid]) {
-          errLog('vxe.error.repeatKey', [nodeKeyField, nodeid]);
+          tree_select_errLog('vxe.error.repeatKey', [nodeKeyField, nodeid]);
         }
         keyMaps[nodeid] = true;
         var value = item[valueField];
         if (nodeMaps[value]) {
-          errLog('vxe.error.repeatKey', [valueField, value]);
+          tree_select_errLog('vxe.error.repeatKey', [valueField, value]);
         }
         nodeMaps[value] = {
           item: item,
@@ -62228,7 +63065,7 @@ function tree_select_createInternalData() {
         class: 'vxe-tree-select--panel-header'
       }, headerSlot ? headerSlot({}) : [h('div', {
         class: 'vxe-tree-select--header-button'
-      }, [showCheckedButton && showClearButton ? h('div', {
+      }, [showCheckedButton && multiple || showClearButton ? h('div', {
         class: 'vxe-tree-select--selected-btns'
       }, [showCheckedButton && multiple ? h(packages_button, {
         props: {
@@ -62246,9 +63083,9 @@ function tree_select_createInternalData() {
         on: {
           click: $xeTreeSelect.clearCheckedPanelEvent
         }
-      }) : renderEmptyElement($xeTreeSelect)]) : renderEmptyElement($xeTreeSelect), showExpandButton && showExpandButton ? h('div', {
+      }) : renderEmptyElement($xeTreeSelect)]) : renderEmptyElement($xeTreeSelect), showExpandButton ? h('div', {
         class: 'vxe-tree-select--expand-btns'
-      }, [showExpandButton ? h(packages_button, {
+      }, [h(packages_button, {
         props: {
           content: getI18n('vxe.treeSelect.allExpand'),
           mode: 'text'
@@ -62256,7 +63093,7 @@ function tree_select_createInternalData() {
         on: {
           click: $xeTreeSelect.allExpandPanelEvent
         }
-      }) : renderEmptyElement($xeTreeSelect), showExpandButton ? h(packages_button, {
+      }), h(packages_button, {
         props: {
           content: getI18n('vxe.treeSelect.clearExpand'),
           mode: 'text'
@@ -62264,7 +63101,7 @@ function tree_select_createInternalData() {
         on: {
           click: $xeTreeSelect.clearExpandPanelEvent
         }
-      }) : renderEmptyElement($xeTreeSelect)]) : renderEmptyElement($xeTreeSelect)])]) : renderEmptyElement($xeTreeSelect), h('div', {
+      })]) : renderEmptyElement($xeTreeSelect)])]) : renderEmptyElement($xeTreeSelect), h('div', {
         class: 'vxe-tree-select--panel-body'
       }, [h('div', {
         ref: 'refTreeWrapper',
@@ -62321,13 +63158,13 @@ function tree_select_createInternalData() {
           'load-success': $xeTreeSelect.loadSuccessEvent
         },
         scopedSlots: treeScopedSlots
-      })])]), footerSlot || showTotalButton || showCloseButton && multiple ? h('div', {
+      })])]), footerSlot || showTotalButton || showCloseButton ? h('div', {
         class: 'vxe-tree-select--panel-footer'
       }, footerSlot ? footerSlot({}) : [h('div', {
         class: 'vxe-tree-select--footer-button'
       }, [showTotalButton ? h('div', {
         class: 'vxe-tree-select--total-btns'
-      }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeTreeSelect), showCloseButton && multiple ? h('div', {
+      }, getI18n('vxe.treeSelect.total', [selectVals.length])) : renderEmptyElement($xeTreeSelect), showCloseButton ? h('div', {
         class: 'vxe-tree-select--oper-btns'
       }, [h(packages_button, {
         props: {
@@ -62352,6 +63189,7 @@ function tree_select_createInternalData() {
   },
   created: function created() {
     var $xeTreeSelect = this;
+    $xeTreeSelect.internalData = tree_select_createInternalData();
     $xeTreeSelect.cacheDataMap();
     $xeTreeSelect.cacheLazyDataMap();
   },
@@ -62359,7 +63197,7 @@ function tree_select_createInternalData() {
     var $xeTreeSelect = this;
     var props = $xeTreeSelect;
     if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(props.autoClose)) {
-      warnLog('vxe.error.delProp', ['auto-close', 'checked-closable | clear-closable']);
+      tree_select_warnLog('vxe.error.delProp', ['auto-close', 'checked-closable | clear-closable']);
     }
     globalEvents.on($xeTreeSelect, 'mousewheel', $xeTreeSelect.handleGlobalMousewheelEvent);
     globalEvents.on($xeTreeSelect, 'mousedown', $xeTreeSelect.handleGlobalMousedownEvent);
@@ -62583,6 +63421,9 @@ var saveLocalFile = function saveLocalFile(options) {
 
 
 
+var upload_createComponentLog = createComponentLog('upload'),
+  upload_warnLog = upload_createComponentLog.warnLog,
+  upload_errLog = upload_createComponentLog.errLog;
 function getUniqueKey() {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
 }
@@ -62962,12 +63803,10 @@ function upload_createInternalData() {
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = upload_createReactData();
-    var internalData = upload_createInternalData();
-    return {
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeFormReadonly: function computeFormReadonly() {
@@ -63451,6 +64290,9 @@ function upload_createInternalData() {
       var fileKey = $xeUpload.getFieldKey(item);
       var uploadFn = props.uploadMethod || getConfig().upload.uploadMethod;
       if (uploadFn) {
+        $xeUpload.dispatchEvent('upload-start', {
+          option: item
+        }, null);
         return Promise.resolve(uploadFn({
           $upload: $xeUpload,
           file: file,
@@ -63506,6 +64348,9 @@ function upload_createInternalData() {
           if (cacheItem) {
             cacheItem.loading = false;
           }
+          $xeUpload.dispatchEvent('upload-end', {
+            option: item
+          }, null);
         });
       } else {
         var fileCacheMaps = reactData.fileCacheMaps;
@@ -63629,6 +64474,9 @@ function upload_createInternalData() {
           }
         }
       }
+      $xeUpload.dispatchEvent('upload-queue-start', {
+        files: selectFiles
+      }, evnt);
       var cacheMaps = Object.assign({}, reactData.fileCacheMaps);
       var newFileList = multiple ? fileList : [];
       var uploadPromiseRests = [];
@@ -63664,6 +64512,10 @@ function upload_createInternalData() {
       });
       Promise.all(urlMode ? uploadPromiseRests : []).then(function () {
         var restFileList = reactData.fileList;
+        $xeUpload.dispatchEvent('upload-queue-end', {
+          options: restFileList,
+          files: selectFiles
+        }, evnt);
         $xeUpload.handleChange(restFileList);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
@@ -64662,16 +65514,17 @@ function upload_createInternalData() {
   },
   created: function created() {
     var $xeUpload = this;
+    $xeUpload.internalData = upload_createInternalData();
     $xeUpload.updateFileList();
   },
   mounted: function mounted() {
     var $xeUpload = this;
     var props = $xeUpload;
     if (props.multiple && props.singleMode) {
-      errLog('vxe.error.errConflicts', ['[upload] multiple', 'single-mode']);
+      upload_errLog('vxe.error.errConflicts', ['multiple', 'single-mode']);
     }
     if (props.imageStyle) {
-      warnLog('vxe.error.delProp', ['[upload] image-style', 'image-config']);
+      upload_warnLog('vxe.error.delProp', ['image-style', 'image-config']);
     }
     if (props.dragSort) {
       initTpImg();