vxe-pc-ui 4.1.19 → 4.1.21

package/lib/index.umd.js

@@ -2419,13 +2419,15 @@ updateVar();
 /* harmony default export */ var index_esm = (DomZIndex);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
-;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/globalStore.js
+;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/configStore.js
 const globalConfigStore = {
   size: '',
   version: 1,
   zIndex: 999,
   resizeInterval: 500
 };
+;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/dataStore.js
+const globalStore = {};
 ;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/iconStore.js
 const iconConfigStore = {};
 ;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/themeStore.js
@@ -2678,7 +2680,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-const version = "4.0.7";
+const version = "4.0.9";
 const log = {
   create: createLog,
   warn: createLog('warn', `v${version}`),
@@ -3125,6 +3127,7 @@ const useFns = {
 
 
 
+
 
 
 function setTheme(name) {
@@ -3179,7 +3182,7 @@ function setIcon(options) {
 function getIcon(key) {
   return arguments.length ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(iconConfigStore, key) : iconConfigStore;
 }
-const coreVersion = "4.0.7";
+const coreVersion = "4.0.9";
 const installedPlugins = [];
 function use(Plugin, options) {
   if (Plugin && Plugin.install) {
@@ -3229,6 +3232,7 @@ const core_VxeUI = {
   clipboard: clipboard,
   log: log,
   permission: permission,
+  globalStore: globalStore,
   hooks: hooks,
   component,
   getComponent,
@@ -3250,6 +3254,7 @@ setTheme();
 
 
 
+
 /* harmony default export */ var core = ((/* unused pure expression or super */ null && (core_VxeUI)));
 ;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/index.esm.js
 
@@ -3996,7 +4001,7 @@ function handleBooleanDefaultValue(value) {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.1.19"}`;
+const log_version = `ui v${"4.1.21"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
@@ -4004,7 +4009,7 @@ const errLog = log.create('error', log_version);
 
 
 
-const ui_version = "4.1.19";
+const ui_version = "4.1.21";
 core_VxeUI.version = ui_version;
 core_VxeUI.uiVersion = ui_version;
 core_VxeUI.tableVersion = '';
@@ -4025,12 +4030,6 @@ function setup(options) {
 }
 core_VxeUI.config = config;
 core_VxeUI.setup = setup;
-/**
- * 已废弃
- * @deprecated
- */
-const globalStore = {};
-core_VxeUI.globalStore = globalStore;
 setConfig({
   alert: {},
   anchor: {},
@@ -4801,8 +4800,8 @@ function destroyAnchorLink($xeAnchor, linkConfig) {
         class: 'vxe-anchor-link--sub-items'
       }, subSlot({})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
     };
-    $xeAnchorLink.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeAnchorLink', $xeAnchorLink);
+    $xeAnchorLink.renderVN = renderVN;
     return $xeAnchorLink;
   },
   render() {
@@ -5023,8 +5022,8 @@ function destroyAnchorLink($xeAnchor, linkConfig) {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       removeContainerElemScroll();
     });
-    $xeAnchor.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeAnchor', $xeAnchor);
+    $xeAnchor.renderVN = renderVN;
     return $xeAnchor;
   },
   render() {
@@ -5209,8 +5208,8 @@ const AnchorLink = VxeAnchorLink;
         class: 'vxe-breadcrumb'
       }, defaultSlot ? defaultSlot({}) : renderItems());
     };
-    $xeBreadcrumb.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeBreadcrumb', $xeBreadcrumb);
+    $xeBreadcrumb.renderVN = renderVN;
     return $xeBreadcrumb;
   },
   render() {
@@ -5340,6 +5339,7 @@ const BreadcrumbItem = VxeBreadcrumbItem;
       emit
     } = context;
     const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
+    const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const $xeButtonGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeButtonGroup', null);
@@ -5386,7 +5386,7 @@ const BreadcrumbItem = VxeBreadcrumbItem;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -6028,7 +6028,10 @@ const Button = VxeButton;
     };
     $xeButtonGroup.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeButtonGroup', $xeButtonGroup);
-    return renderVN;
+    return $xeButtonGroup;
+  },
+  render() {
+    return this.renderVN();
   }
 }));
 ;// CONCATENATED MODULE: ./packages/button-group/index.ts
@@ -6145,9 +6148,6 @@ function getDateQuarter(date) {
     const {
       computeSize
     } = useSize(props);
-    const yearSize = 12;
-    const monthSize = 20;
-    const quarterSize = 8;
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       selectValue: props.modelValue,
       inputValue: props.modelValue,
@@ -6157,7 +6157,24 @@ function getDateQuarter(date) {
       selectMonth: null,
       currentDate: null
     });
+    const internalData = {
+      yearSize: 12,
+      monthSize: 20,
+      quarterSize: 8
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refMaps = {
+      refElem
+    };
+    const $xeCalendar = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps
+    };
+    let calendarMethods = {};
     const computeCalendarStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         height,
@@ -6172,20 +6189,6 @@ function getDateQuarter(date) {
       }
       return stys;
     });
-    const refMaps = {
-      refElem
-    };
-    const $xeCalendar = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps
-    };
-    let calendarMethods = {};
-    const parseDate = (value, format) => {
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(value, format);
-    };
     const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return false;
     });
@@ -6295,6 +6298,9 @@ function getDateQuarter(date) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const years = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -6395,6 +6401,9 @@ function getDateQuarter(date) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        quarterSize
+      } = internalData;
       const quarters = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -6427,6 +6436,9 @@ function getDateQuarter(date) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        monthSize
+      } = internalData;
       const months = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -6509,7 +6521,10 @@ function getDateQuarter(date) {
         return [item].concat(list);
       });
     });
-    const emitModel = (value, evnt) => {
+    const parseDate = (value, format) => {
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(value, format);
+    };
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(props.modelValue) !== value) {
@@ -6602,18 +6617,18 @@ function getDateQuarter(date) {
         const dateMultipleValue = computeDateMultipleValue.value;
         // 如果是日期类型
         if (dateMultipleValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal))) {
-          emitModel(dateMultipleValue.filter(val => !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal)).join(','), {
+          handleChange(dateMultipleValue.filter(val => !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal)).join(','), {
             type: 'update'
           });
         } else {
-          emitModel(dateMultipleValue.concat([inpVal]).join(','), {
+          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)) {
-          emitModel(inpVal, {
+          handleChange(inpVal, {
             type: 'update'
           });
         }
@@ -6646,6 +6661,9 @@ function getDateQuarter(date) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -6687,6 +6705,9 @@ function getDateQuarter(date) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -6868,10 +6889,10 @@ function getDateQuarter(date) {
           class: ['vxe-calendar--date-label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', label), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', `${label || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: ['vxe-calendar--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
-        }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : label)];
+        }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : [`${label || ''}`])];
         const festivalLabel = festivalItem.label;
         if (festivalLabel) {
           // 默认最多支持3个节日重叠
@@ -6887,7 +6908,7 @@ function getDateQuarter(date) {
         }
         return labels;
       }
-      return label;
+      return `${label || ''}`;
     };
     const renderDateDayTable = () => {
       const {
@@ -7323,12 +7344,15 @@ const Calendar = VxeCalendar;
         class: 'vxe-loading--text'
       }, textSlot ? getSlotVNs(textSlot({})) : `${loadingText}`) : null])]);
     };
-    $xeLoading.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
       handleInit();
     });
     handleInit();
+    $xeLoading.renderVN = renderVN;
     return $xeLoading;
+  },
+  render() {
+    return this.renderVN();
   }
 }));
 ;// CONCATENATED MODULE: ./packages/card/src/card.ts
@@ -7397,12 +7421,13 @@ const Calendar = VxeCalendar;
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $card: $xeCard
+      }, params));
+    };
     const cardMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $card: $xeCard
-        }, params));
-      }
+      dispatchEvent
     };
     const cardPrivateMethods = {};
     Object.assign($xeCard, cardMethods, cardPrivateMethods);
@@ -7535,6 +7560,10 @@ const Card = VxeCard;
       itemWidth: 0,
       itemHeight: 0
     });
+    const internalData = {
+      apTimeout: undefined,
+      stopFlag: false
+    };
     const refMaps = {
       refElem
     };
@@ -7566,6 +7595,7 @@ const Card = VxeCard;
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -7680,12 +7710,14 @@ const Card = VxeCard;
         }, evnt);
       }
     };
-    let apTimeout = null;
-    let stopFlag = false;
     const stopAutoPlay = () => {
-      stopFlag = true;
-      if (apTimeout !== null) {
+      const {
+        apTimeout
+      } = internalData;
+      internalData.stopFlag = true;
+      if (apTimeout) {
         clearTimeout(apTimeout);
+        internalData.apTimeout = undefined;
       }
     };
     const handleAutoPlay = () => {
@@ -7693,10 +7725,13 @@ const Card = VxeCard;
         autoPlay,
         interval
       } = props;
+      const {
+        stopFlag
+      } = internalData;
       stopAutoPlay();
       if (autoPlay) {
-        stopFlag = false;
-        apTimeout = setTimeout(() => {
+        internalData.stopFlag = false;
+        internalData.apTimeout = setTimeout(() => {
           if (!stopFlag) {
             handlePrevNext(true);
           }
@@ -7805,7 +7840,7 @@ const Card = VxeCard;
         style: height ? {
           height: toCssUnit(height)
         } : null
-      }, renderItemWrapper(list)), showIndicators ? renderIndicators(list) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, [renderItemWrapper(list)]), showIndicators ? renderIndicators(list) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-carousel--btn-wrapper'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-carousel--previous-btn',
@@ -7826,7 +7861,6 @@ const Card = VxeCard;
         modelValue: loading
       })]);
     };
-    $xeCarousel.renderVN = renderVN;
     const optsFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options ? props.options.length : -1, () => {
       optsFlag.value++;
@@ -7859,6 +7893,7 @@ const Card = VxeCard;
       stopAutoPlay();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeCarousel', $xeCarousel);
+    $xeCarousel.renderVN = renderVN;
     return $xeCarousel;
   },
   render() {
@@ -7900,6 +7935,7 @@ function destroyCarouselItem($xeCarousel, itemConfig) {
 
 
 
+
 /* harmony default export */ var carousel_item = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeCarouselItem',
   props: {
@@ -7910,7 +7946,8 @@ function destroyCarouselItem($xeCarousel, itemConfig) {
   emits: [],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const $xeCarousel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeCarousel', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
@@ -7935,6 +7972,16 @@ function destroyCarouselItem($xeCarousel, itemConfig) {
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $carouselItem: $xeCarouselItem
+      }, params));
+    };
+    const carouselItemMethods = {
+      dispatchEvent
+    };
+    const carouselItemPrivateMethods = {};
+    Object.assign($xeCarouselItem, carouselItemMethods, carouselItemPrivateMethods);
     const renderVN = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem
@@ -7947,8 +7994,9 @@ function destroyCarouselItem($xeCarousel, itemConfig) {
       itemConfig.url = val;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      if ($xeCarousel && refElem.value) {
-        assembleCarouselItem($xeCarousel, refElem.value, itemConfig);
+      const elem = refElem.value;
+      if ($xeCarousel && elem) {
+        assembleCarouselItem($xeCarousel, elem, itemConfig);
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
@@ -8019,10 +8067,12 @@ const CarouselItem = VxeCarouselItem;
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     const $xeCheckboxGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeCheckboxGroup', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
     const $xeCheckbox = {
       xID,
       props,
-      context
+      context,
+      reactData
     };
     let checkboxMethods = {};
     const {
@@ -8038,15 +8088,16 @@ const CarouselItem = VxeCarouselItem;
       const {
         disabled
       } = props;
+      const isChecked = computeIsChecked.value;
       if (disabled === null) {
         if ($xeCheckboxGroup) {
           const {
-            computeIsDisabled,
-            computeIsMaximize
+            computeIsDisabled: computeIsGroupDisabled,
+            computeIsMaximize: computeIsGroupMaximize
           } = $xeCheckboxGroup.getComputeMaps();
-          const isMaximize = computeIsMaximize.value;
-          const isChecked = computeIsChecked.value;
-          return computeIsDisabled.value || isMaximize && !isChecked;
+          const isGroupDisabled = computeIsGroupDisabled.value;
+          const isGroupMaximize = computeIsGroupMaximize.value;
+          return isGroupDisabled || isGroupMaximize && !isChecked;
         }
       }
       return disabled;
@@ -8077,19 +8128,20 @@ const CarouselItem = VxeCarouselItem;
         }
       }
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $checkbox: $xeCheckbox
+      }, params));
+    };
     checkboxMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $checkbox: $xeCheckbox
-        }, params));
-      }
+      dispatchEvent
     };
     Object.assign($xeCheckbox, checkboxMethods);
     const renderVN = () => {
       const vSize = computeSize.value;
       const isDisabled = computeIsDisabled.value;
       const isChecked = computeIsChecked.value;
-      const indeterminate = props.indeterminate;
+      const indeterminate = !isChecked && props.indeterminate;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('label', {
         class: ['vxe-checkbox', {
           [`size--${vSize}`]: vSize,
@@ -8164,6 +8216,7 @@ const Checkbox = VxeCheckbox;
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
     const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         disabled
@@ -8187,7 +8240,7 @@ const Checkbox = VxeCheckbox;
       return false;
     });
     const computePropsOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return props.optionProps || {};
+      return Object.assign({}, props.optionProps);
     });
     const computeLabelField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const propsOpts = computePropsOpts.value;
@@ -8209,15 +8262,17 @@ const Checkbox = VxeCheckbox;
       xID,
       props,
       context,
+      reactData,
       getComputeMaps: () => computeMaps
     };
     useSize(props);
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $checkboxGroup: $xeCheckboxGroup
+      }, params));
+    };
     const checkboxGroupMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $checkboxGroup: $xeCheckboxGroup
-        }, params));
-      }
+      dispatchEvent
     };
     const checkboxGroupPrivateMethods = {
       handleChecked(params, evnt) {
@@ -8263,8 +8318,8 @@ const Checkbox = VxeCheckbox;
         });
       }) : []);
     };
-    $xeCheckboxGroup.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeCheckboxGroup', $xeCheckboxGroup);
+    $xeCheckboxGroup.renderVN = renderVN;
     return renderVN;
   }
 }));
@@ -8465,7 +8520,7 @@ dynamicApp.use(VxeCollapse);
 core_VxeUI.component(collapse);
 const Collapse = VxeCollapse;
 /* harmony default export */ var packages_collapse = (VxeCollapse);
-;// CONCATENATED MODULE: ./packages/collapse-pane/src/collapse-pane.ts
+;// CONCATENATED MODULE: ./packages/collapse/src/collapse-pane.ts
 
 
 /* harmony default export */ var collapse_pane = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
@@ -8690,6 +8745,9 @@ const CollapsePane = VxeCollapsePane;
       currNum: 0,
       secondNum: 0
     });
+    const internalData = {
+      dnTimeout: undefined
+    };
     const refMaps = {
       refElem
     };
@@ -8749,10 +8807,10 @@ const CollapsePane = VxeCollapsePane;
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
-    let htime = null;
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, {
         $carousel: $xeCountdown
@@ -8769,10 +8827,12 @@ const CollapsePane = VxeCollapsePane;
       } = reactData;
       if (currNum > 1000) {
         reactData.currNum -= 1000;
-        htime = setTimeout(handleTime, 1000);
+        internalData.dnTimeout = setTimeout(() => {
+          handleTime();
+        }, 1000);
       } else {
         reactData.currNum = 0;
-        stop();
+        handleStop();
       }
     };
     const countdownMethods = {
@@ -8783,9 +8843,12 @@ const CollapsePane = VxeCollapsePane;
       handleTime();
     };
     const handleStop = () => {
-      if (htime != null) {
-        clearTimeout(htime);
-        htime = null;
+      const {
+        dnTimeout
+      } = internalData;
+      if (dnTimeout) {
+        clearTimeout(dnTimeout);
+        internalData.dnTimeout = undefined;
         dispatchEvent('end', {}, null);
       }
     };
@@ -8860,7 +8923,6 @@ const CollapsePane = VxeCollapsePane;
         status: suffixOpts.status
       })]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
     };
-    $xeCountdown.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
       updateCount();
       handleStop();
@@ -8873,6 +8935,7 @@ const CollapsePane = VxeCollapsePane;
       handleStart();
     });
     updateCount();
+    $xeCountdown.renderVN = renderVN;
     return $xeCountdown;
   },
   render() {
@@ -8927,8 +8990,8 @@ const Countdown = VxeCountdown;
       default: null
     },
     placeholder: String,
-    maxlength: [String, Number],
-    autocomplete: {
+    maxLength: [String, Number],
+    autoComplete: {
       type: String,
       default: 'off'
     },
@@ -8951,8 +9014,6 @@ const Countdown = VxeCountdown;
     },
     minDate: [String, Number, Date],
     maxDate: [String, Number, Date],
-    // 已废弃 startWeek，被 startDay 替换
-    startWeek: Number,
     startDay: {
       type: [String, Number],
       default: () => getConfig().datePicker.startDay
@@ -8982,7 +9043,13 @@ const Countdown = VxeCountdown;
     transfer: {
       type: Boolean,
       default: null
-    }
+    },
+    // 已废弃 startWeek，被 startDay 替换
+    startWeek: Number,
+    // 已废弃
+    maxlength: [String, Number],
+    // 已废弃
+    autocomplete: String
   },
   emits: ['update:modelValue', 'input', 'change', 'keydown', 'keyup', 'wheel', 'click', 'focus', 'blur', 'clear', 'prefix-click', 'suffix-click', 'date-prev', 'date-today', 'date-next'],
   setup(props, context) {
@@ -8991,6 +9058,7 @@ const Countdown = VxeCountdown;
       emit
     } = context;
     const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
+    const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
@@ -8998,15 +9066,12 @@ const Countdown = VxeCountdown;
     const {
       computeSize
     } = useSize(props);
-    const yearSize = 12;
-    const monthSize = 20;
-    const quarterSize = 8;
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       initialized: false,
       panelIndex: 0,
       visiblePanel: false,
       isAniVisible: false,
-      panelStyle: null,
+      panelStyle: {},
       panelPlacement: '',
       isActivated: false,
       inputValue: props.modelValue,
@@ -9017,6 +9082,12 @@ const Countdown = VxeCountdown;
       selectMonth: null,
       currentDate: null
     });
+    const internalData = {
+      yearSize: 12,
+      monthSize: 20,
+      quarterSize: 8,
+      hpTimeout: undefined
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInputTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInputPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -9031,18 +9102,10 @@ const Countdown = VxeCountdown;
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let datePickerMethods = {};
-    const parseDate = (value, format) => {
-      const {
-        type
-      } = props;
-      if (type === 'time') {
-        return toStringTimeDate(value);
-      }
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(value, format);
-    };
     const computeBtnTransfer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         transfer
@@ -9052,7 +9115,7 @@ const Countdown = VxeCountdown;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -9117,7 +9180,7 @@ const Countdown = VxeCountdown;
           if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isValidDate(date)) {
             return date;
           }
-          return null;
+          return date;
         });
       }
       return [];
@@ -9140,7 +9203,13 @@ const Countdown = VxeCountdown;
       if (valueFormat) {
         return valueFormat;
       }
-      return type === 'time' ? 'HH:mm:ss' : type === 'datetime' ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd';
+      if (type === 'time') {
+        return 'HH:mm:ss';
+      }
+      if (type === 'datetime') {
+        return 'yyyy-MM-dd HH:mm:ss';
+      }
+      return 'yyyy-MM-dd';
     });
     const computeDateValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -9204,6 +9273,9 @@ const Countdown = VxeCountdown;
       return null;
     });
     const computeYearList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        yearSize
+      } = internalData;
       const {
         selectMonth,
         currentDate
@@ -9305,6 +9377,9 @@ const Countdown = VxeCountdown;
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().chunk(yearList, 4);
     });
     const computeQuarterList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        quarterSize
+      } = internalData;
       const {
         selectMonth,
         currentDate
@@ -9337,6 +9412,9 @@ const Countdown = VxeCountdown;
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().chunk(quarterList, 2);
     });
     const computeMonthList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        monthSize
+      } = internalData;
       const {
         selectMonth,
         currentDate
@@ -9492,6 +9570,15 @@ const Countdown = VxeCountdown;
       } = props;
       return immediate;
     });
+    const parseDate = (value, format) => {
+      const {
+        type
+      } = props;
+      if (type === 'time') {
+        return toStringTimeDate(value);
+      }
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(value, format);
+    };
     const triggerEvent = evnt => {
       const {
         inputValue
@@ -9500,7 +9587,7 @@ const Countdown = VxeCountdown;
         value: inputValue
       }, evnt);
     };
-    const emitModel = (value, evnt) => {
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(props.modelValue) !== value) {
@@ -9521,7 +9608,7 @@ const Countdown = VxeCountdown;
       reactData.inputValue = value;
       if (!isDatePickerType) {
         if (inpImmediate) {
-          emitModel(value, evnt);
+          handleChange(value, evnt);
         } else {
           datePickerMethods.dispatchEvent('input', {
             value
@@ -9554,11 +9641,10 @@ const Countdown = VxeCountdown;
         }, evnt);
       }
     };
-    let hidePanelTimeout;
     const hidePanel = () => {
       return new Promise(resolve => {
         reactData.visiblePanel = false;
-        hidePanelTimeout = window.setTimeout(() => {
+        internalData.hpTimeout = window.setTimeout(() => {
           reactData.isAniVisible = false;
           resolve();
         }, 350);
@@ -9569,7 +9655,7 @@ const Countdown = VxeCountdown;
       if (isDatePickerType) {
         hidePanel();
       }
-      emitModel('', evnt);
+      handleChange('', evnt);
       datePickerMethods.dispatchEvent('clear', {
         value
       }, evnt);
@@ -9666,9 +9752,11 @@ const Countdown = VxeCountdown;
         const 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);
       } else if (isDateTimeType) {
-        date.setHours(datetimePanelValue.getHours());
-        date.setMinutes(datetimePanelValue.getMinutes());
-        date.setSeconds(datetimePanelValue.getSeconds());
+        if (datetimePanelValue) {
+          date.setHours(datetimePanelValue.getHours());
+          date.setMinutes(datetimePanelValue.getMinutes());
+          date.setSeconds(datetimePanelValue.getSeconds());
+        }
       }
       const inpVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat, {
         firstDay: firstDayOfWeek
@@ -9689,23 +9777,25 @@ const Countdown = VxeCountdown;
           }
           dateListValue.forEach(item => {
             if (item) {
-              item.setHours(datetimePanelValue.getHours());
-              item.setMinutes(datetimePanelValue.getMinutes());
-              item.setSeconds(datetimePanelValue.getSeconds());
+              if (datetimePanelValue) {
+                item.setHours(datetimePanelValue.getHours());
+                item.setMinutes(datetimePanelValue.getMinutes());
+                item.setSeconds(datetimePanelValue.getSeconds());
+              }
               datetimeRest.push(item);
             }
           });
-          emitModel(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
+          handleChange(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
             type: 'update'
           });
         } else {
           // 如果是日期类型
           if (dateMultipleValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal))) {
-            emitModel(dateMultipleValue.filter(val => !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal)).join(','), {
+            handleChange(dateMultipleValue.filter(val => !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal)).join(','), {
               type: 'update'
             });
           } else {
-            emitModel(dateMultipleValue.concat([inpVal]).join(','), {
+            handleChange(dateMultipleValue.concat([inpVal]).join(','), {
               type: 'update'
             });
           }
@@ -9713,7 +9803,7 @@ const Countdown = VxeCountdown;
       } else {
         // 如果为单选
         if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(modelValue, inpVal)) {
-          emitModel(inpVal, {
+          handleChange(inpVal, {
             type: 'update'
           });
         }
@@ -9736,7 +9826,7 @@ const Countdown = VxeCountdown;
             if (type === 'time') {
               inpDateVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(inpDateVal, dateLabelFormat);
               if (inputValue !== inpDateVal) {
-                emitModel(inpDateVal, {
+                handleChange(inpDateVal, {
                   type: 'check'
                 });
               }
@@ -9748,9 +9838,11 @@ const Countdown = VxeCountdown;
                 const dateValue = computeDateValue.value;
                 if (inputValue !== external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateValue, dateLabelFormat) || inputValue !== external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(inpDateVal, dateLabelFormat)) {
                   isChange = true;
-                  datetimePanelValue.setHours(inpDateVal.getHours());
-                  datetimePanelValue.setMinutes(inpDateVal.getMinutes());
-                  datetimePanelValue.setSeconds(inpDateVal.getSeconds());
+                  if (datetimePanelValue) {
+                    datetimePanelValue.setHours(inpDateVal.getHours());
+                    datetimePanelValue.setMinutes(inpDateVal.getMinutes());
+                    datetimePanelValue.setSeconds(inpDateVal.getSeconds());
+                  }
                 }
               } else {
                 isChange = true;
@@ -9766,7 +9858,7 @@ const Countdown = VxeCountdown;
             dateRevert();
           }
         } else {
-          emitModel('', {
+          handleChange('', {
             type: 'check'
           });
         }
@@ -9778,7 +9870,7 @@ const Countdown = VxeCountdown;
       } = reactData;
       const inpImmediate = computeInpImmediate.value;
       if (!inpImmediate) {
-        emitModel(inputValue, evnt);
+        handleChange(inputValue, evnt);
       }
       afterCheckValue();
       if (!reactData.visiblePanel) {
@@ -9825,6 +9917,9 @@ const Countdown = VxeCountdown;
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -9867,6 +9962,9 @@ const Countdown = VxeCountdown;
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -10030,11 +10128,19 @@ const Countdown = VxeCountdown;
       }
     };
     const dateTimeChangeEvent = evnt => {
-      reactData.datetimePanelValue = new Date(reactData.datetimePanelValue.getTime());
+      const {
+        datetimePanelValue
+      } = reactData;
+      reactData.datetimePanelValue = datetimePanelValue ? new Date(datetimePanelValue.getTime()) : new Date();
       updateTimePos(evnt.currentTarget);
     };
     const dateHourEvent = (evnt, item) => {
-      reactData.datetimePanelValue.setHours(item.value);
+      const {
+        datetimePanelValue
+      } = reactData;
+      if (datetimePanelValue) {
+        datetimePanelValue.setHours(item.value);
+      }
       dateTimeChangeEvent(evnt);
     };
     const dateConfirmEvent = () => {
@@ -10057,18 +10163,20 @@ const Countdown = VxeCountdown;
             const datetimeRest = [];
             dateListValue.forEach(item => {
               if (item) {
-                item.setHours(datetimePanelValue.getHours());
-                item.setMinutes(datetimePanelValue.getMinutes());
-                item.setSeconds(datetimePanelValue.getSeconds());
+                if (datetimePanelValue) {
+                  item.setHours(datetimePanelValue.getHours());
+                  item.setMinutes(datetimePanelValue.getMinutes());
+                  item.setSeconds(datetimePanelValue.getSeconds());
+                }
                 datetimeRest.push(item);
               }
             });
-            emitModel(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
+            handleChange(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
               type: 'update'
             });
           } else {
             // 如果是日期类型
-            emitModel(dateMultipleValue.join(','), {
+            handleChange(dateMultipleValue.join(','), {
               type: 'update'
             });
           }
@@ -10079,11 +10187,21 @@ const Countdown = VxeCountdown;
       hidePanel();
     };
     const dateMinuteEvent = (evnt, item) => {
-      reactData.datetimePanelValue.setMinutes(item.value);
+      const {
+        datetimePanelValue
+      } = reactData;
+      if (datetimePanelValue) {
+        datetimePanelValue.setMinutes(item.value);
+      }
       dateTimeChangeEvent(evnt);
     };
     const dateSecondEvent = (evnt, item) => {
-      reactData.datetimePanelValue.setSeconds(item.value);
+      const {
+        datetimePanelValue
+      } = reactData;
+      if (datetimePanelValue) {
+        datetimePanelValue.setSeconds(item.value);
+      }
       dateTimeChangeEvent(evnt);
     };
     const dateOffsetEvent = evnt => {
@@ -10186,7 +10304,9 @@ const Countdown = VxeCountdown;
         reactData.datetimePanelValue = reactData.datePanelValue || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(Date.now(), 0, 'first');
         (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
           const timeBodyElem = refInputTimeBody.value;
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(timeBodyElem.querySelectorAll('li.is--selected'), updateTimePos);
+          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(timeBodyElem.querySelectorAll('li.is--selected'), elem => {
+            updateTimePos(elem);
+          });
         });
       }
     };
@@ -10288,7 +10408,10 @@ const Countdown = VxeCountdown;
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
-        clearTimeout(hidePanelTimeout);
+        if (internalData.hpTimeout) {
+          clearTimeout(internalData.hpTimeout);
+          internalData.hpTimeout = undefined;
+        }
         reactData.isActivated = true;
         reactData.isAniVisible = true;
         if (isDatePickerType) {
@@ -10459,10 +10582,10 @@ const Countdown = VxeCountdown;
           class: ['vxe-date-picker--date-label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', label), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', `${label}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: ['vxe-date-picker--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
-        }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : label)];
+        }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : `${label}`)];
         const festivalLabel = festivalItem.label;
         if (festivalLabel) {
           // 默认最多支持3个节日重叠
@@ -10889,12 +11012,13 @@ const Countdown = VxeCountdown;
         class: ['vxe-date-picker--date-picker-icon', getIcon().DATE_PICKER_DATE]
       })]);
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $datePicker: $xeDatePicker
+      }, params));
+    };
     datePickerMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $input: $xeDatePicker
-        }, params));
-      },
+      dispatchEvent,
       focus() {
         const inputElem = refInputTarget.value;
         reactData.isActivated = true;
@@ -10961,7 +11085,8 @@ const Countdown = VxeCountdown;
         type,
         align,
         name,
-        autocomplete
+        autocomplete,
+        autoComplete
       } = props;
       const {
         inputValue,
@@ -11007,7 +11132,7 @@ const Countdown = VxeCountdown;
         placeholder: inpPlaceholder,
         readonly: inputReadonly,
         disabled: isDisabled,
-        autocomplete,
+        autocomplete: autoComplete || autocomplete,
         onKeydown: keydownEvent,
         onKeyup: keyupEvent,
         onWheel: wheelEvent,
@@ -11188,8 +11313,7 @@ const allActiveDrawers = [];
       initialized: false,
       visible: false,
       contentVisible: false,
-      drawerZIndex: 0,
-      firstOpen: true
+      drawerZIndex: 0
     });
     const refMaps = {
       refElem
@@ -11232,9 +11356,6 @@ const allActiveDrawers = [];
         reactData.drawerZIndex = nextZIndex();
       }
     };
-    const updatePosition = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {});
-    };
     const closeDrawer = type => {
       const {
         beforeHideMethod
@@ -11250,11 +11371,11 @@ const allActiveDrawers = [];
           if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isError(rest)) {
             reactData.contentVisible = false;
             external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().remove(allActiveDrawers, item => item === $xeDrawer);
-            drawerMethods.dispatchEvent('before-hide', params, null);
+            dispatchEvent('before-hide', params, null);
             setTimeout(() => {
               reactData.visible = false;
               emit('update:modelValue', false);
-              drawerMethods.dispatchEvent('hide', params, null);
+              dispatchEvent('hide', params, null);
             }, 200);
           }
         }).catch(e => e);
@@ -11263,21 +11384,21 @@ const allActiveDrawers = [];
     };
     const closeEvent = evnt => {
       const type = 'close';
-      drawerMethods.dispatchEvent(type, {
+      dispatchEvent(type, {
         type
       }, evnt);
       closeDrawer(type);
     };
     const confirmEvent = evnt => {
       const type = 'confirm';
-      drawerMethods.dispatchEvent(type, {
+      dispatchEvent(type, {
         type
       }, evnt);
       closeDrawer(type);
     };
     const cancelEvent = evnt => {
       const type = 'cancel';
-      drawerMethods.dispatchEvent(type, {
+      dispatchEvent(type, {
         type
       }, evnt);
       closeDrawer(type);
@@ -11315,31 +11436,19 @@ const allActiveDrawers = [];
               type
             };
             emit('update:modelValue', true);
-            drawerMethods.dispatchEvent('show', params, null);
+            dispatchEvent('show', params, null);
           });
         }, 10);
-        (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
-          const {
-            firstOpen
-          } = reactData;
-          if (firstOpen) {
-            updatePosition().then(() => {
-              setTimeout(() => updatePosition(), 20);
-            });
-          }
-          if (firstOpen) {
-            reactData.firstOpen = false;
-          }
-        });
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $drawer: $xeDrawer
+      }, params));
+    };
     const drawerMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $drawer: $xeDrawer
-        }, params));
-      },
+      dispatchEvent,
       open: openDrawer,
       close() {
         return closeDrawer('close');
@@ -11551,7 +11660,6 @@ const allActiveDrawers = [];
         class: 'vxe-drawer--container'
       }, !reactData.initialized || destroyOnClose && !reactData.visible ? [] : [renderHeader(), renderBody(), renderFooter()])])])]);
     };
-    $xeDrawer.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.width, recalculate);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, recalculate);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, value => {
@@ -11575,6 +11683,8 @@ const allActiveDrawers = [];
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       globalEvents.off($xeDrawer, 'keydown');
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeDrawer', '$xeDrawer');
+    $xeDrawer.renderVN = renderVN;
     return $xeDrawer;
   },
   render() {
@@ -11740,9 +11850,10 @@ function isActiveItem($xeForm, formItem) {
   if (!visibleMethod) {
     return true;
   }
+  const formProps = $xeForm.props;
   const {
     data
-  } = $xeForm.props;
+  } = formProps;
   return visibleMethod({
     data,
     field,
@@ -11855,6 +11966,7 @@ function destroyItem($xeForm, formItem) {
         arrowStyle: {}
       }
     });
+    const internalData = {};
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refMaps = {
       refElem
@@ -11864,6 +11976,7 @@ function destroyItem($xeForm, formItem) {
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let tooltipMethods = {};
@@ -11983,20 +12096,25 @@ function destroyItem($xeForm, formItem) {
       };
       return tooltipMethods.updatePlacement();
     };
-    const showDelayTip = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(() => {
-      if (reactData.tipActive) {
-        showTip();
-      }
-    }, props.enterDelay, {
-      leading: false,
-      trailing: true
-    });
+    const handleDelayFn = () => {
+      internalData.showDelayTip = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(() => {
+        if (reactData.tipActive) {
+          showTip();
+        }
+      }, props.enterDelay, {
+        leading: false,
+        trailing: true
+      });
+    };
     const handleVisible = (target, content) => {
       const contentSlot = slots.content;
       if (!contentSlot && (content === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(content))) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       }
       if (target) {
+        const {
+          showDelayTip
+        } = internalData;
         const {
           trigger,
           enterDelay
@@ -12005,7 +12123,9 @@ function destroyItem($xeForm, formItem) {
         reactData.tipTarget = target;
         reactData.tipContent = content;
         if (enterDelay && trigger === 'hover') {
-          showDelayTip();
+          if (showDelayTip) {
+            showDelayTip();
+          }
         } else {
           return showTip();
         }
@@ -12043,94 +12163,20 @@ function destroyItem($xeForm, formItem) {
           const el = refElem.value;
           if (tipTarget && el) {
             updateTipStyle();
-            return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(updateTipStyle);
+            return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
+              updateTipStyle();
+            });
           }
         });
       },
       isActived() {
         return reactData.tipActive;
       },
-      setActived(actived) {
-        reactData.tipActive = !!actived;
+      setActived(active) {
+        reactData.tipActive = !!active;
       }
     };
     Object.assign($xeTooltip, tooltipMethods);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.content, () => {
-      reactData.tipContent = props.content;
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
-      if (!reactData.isUpdate) {
-        if (val) {
-          handleVisible(reactData.target, props.content);
-        } else {
-          tooltipMethods.close();
-        }
-      }
-      reactData.isUpdate = false;
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
-        const {
-          trigger,
-          content,
-          modelValue
-        } = props;
-        const wrapperElem = refElem.value;
-        if (wrapperElem) {
-          const parentNode = wrapperElem.parentNode;
-          if (parentNode) {
-            reactData.tipContent = content;
-            reactData.tipZindex = nextZIndex();
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(wrapperElem.children, (elem, index) => {
-              if (index > 1) {
-                parentNode.insertBefore(elem, wrapperElem);
-                if (!reactData.target) {
-                  reactData.target = elem;
-                }
-              }
-            });
-            parentNode.removeChild(wrapperElem);
-            const {
-              target
-            } = reactData;
-            if (target) {
-              if (trigger === 'hover') {
-                target.onmouseenter = targetMouseenterEvent;
-                target.onmouseleave = targetMouseleaveEvent;
-              } else if (trigger === 'click') {
-                target.onclick = clickEvent;
-              }
-            }
-            if (modelValue) {
-              handleVisible(target, content);
-            }
-          }
-        }
-      });
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
-      const {
-        trigger
-      } = props;
-      const {
-        target
-      } = reactData;
-      const wrapperElem = refElem.value;
-      if (target) {
-        if (trigger === 'hover') {
-          target.onmouseenter = null;
-          target.onmouseleave = null;
-        } else if (trigger === 'click') {
-          target.onclick = null;
-        }
-      }
-      if (wrapperElem) {
-        const parentNode = wrapperElem.parentNode;
-        if (parentNode) {
-          parentNode.removeChild(wrapperElem);
-        }
-      }
-    });
     const renderContent = () => {
       const {
         useHTML
@@ -12197,6 +12243,79 @@ function destroyItem($xeForm, formItem) {
         style: tipStore.arrowStyle
       }), ...(defaultSlot ? getSlotVNs(defaultSlot({})) : [])]);
     };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.enterDelay, () => {
+      handleDelayFn();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.content, val => {
+      reactData.tipContent = val;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      if (!reactData.isUpdate) {
+        if (val) {
+          handleVisible(reactData.target, props.content);
+        } else {
+          tooltipMethods.close();
+        }
+      }
+      reactData.isUpdate = false;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        const {
+          trigger,
+          content
+        } = props;
+        const wrapperElem = refElem.value;
+        if (wrapperElem) {
+          const parentNode = wrapperElem.parentNode;
+          if (parentNode) {
+            reactData.tipContent = content;
+            reactData.tipZindex = nextZIndex();
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(wrapperElem.children, (elem, index) => {
+              if (index > 1) {
+                parentNode.insertBefore(elem, wrapperElem);
+                if (!reactData.target) {
+                  reactData.target = elem;
+                }
+              }
+            });
+            parentNode.removeChild(wrapperElem);
+            const {
+              target
+            } = reactData;
+            if (target) {
+              if (trigger === 'hover') {
+                target.onmouseenter = targetMouseenterEvent;
+                target.onmouseleave = targetMouseleaveEvent;
+              } else if (trigger === 'click') {
+                target.onclick = clickEvent;
+              }
+            }
+            if (props.modelValue) {
+              handleVisible(target, content);
+            }
+          }
+        }
+      });
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      const {
+        target
+      } = reactData;
+      const wrapperElem = refElem.value;
+      if (target) {
+        target.onmouseenter = null;
+        target.onmouseleave = null;
+        target.onclick = null;
+      }
+      if (wrapperElem) {
+        const parentNode = wrapperElem.parentNode;
+        if (parentNode) {
+          parentNode.removeChild(wrapperElem);
+        }
+      }
+    });
+    handleDelayFn();
     $xeTooltip.renderVN = renderVN;
     return $xeTooltip;
   },
@@ -12266,6 +12385,9 @@ function destroyItem($xeForm, formItem) {
     };
     $xeIcon.renderVN = renderVN;
     return $xeIcon;
+  },
+  render() {
+    return this.renderVN();
   }
 }));
 ;// CONCATENATED MODULE: ./packages/form/src/render.ts
@@ -12293,11 +12415,12 @@ function renderSuffixIcon(titleSuffix) {
   })]);
 }
 function renderTitle($xeForm, item) {
+  const formProps = $xeForm.props;
   const {
     data,
     readonly,
     disabled
-  } = $xeForm.props;
+  } = formProps;
   const {
     computeTooltipOpts
   } = $xeForm.getComputeMaps();
@@ -12375,9 +12498,8 @@ const VxeFormConfigItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeFormItemInfo', xeformiteminfo);
     const renderVN = () => {
-      const {
-        reactData
-      } = $xeForm;
+      const formProps = $xeForm.props;
+      const formReactData = $xeForm.reactData;
       const {
         data,
         rules,
@@ -12393,14 +12515,14 @@ const VxeFormConfigItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
         titleOverflow: allTitleOverflow,
         vertical: allVertical,
         padding: allPadding
-      } = $xeForm.props;
+      } = formProps;
       const {
         computeValidOpts
       } = $xeForm.getComputeMaps();
       const item = props.itemConfig;
       const {
         collapseAll
-      } = reactData;
+      } = formReactData;
       const validOpts = computeValidOpts.value;
       const {
         slots,
@@ -12706,7 +12828,8 @@ function getResetValue(value, resetValue) {
       formItems: []
     });
     const internalData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
-      tooltipTimeout: null,
+      meTimeout: undefined,
+      stTimeout: undefined,
       tooltipStore: {
         item: null,
         visible: false
@@ -13033,7 +13156,6 @@ function getResetValue(value, resetValue) {
         }
       });
     };
-    let showErrTime;
     const beginValidate = (itemList, type, callback) => {
       const {
         data,
@@ -13043,7 +13165,7 @@ function getResetValue(value, resetValue) {
       const validRest = {};
       const validFields = [];
       const itemValids = [];
-      clearTimeout(showErrTime);
+      clearTimeout(internalData.meTimeout);
       if (data && formRules) {
         itemList.forEach(item => {
           const {
@@ -13070,7 +13192,7 @@ function getResetValue(value, resetValue) {
           }
         }).catch(() => {
           return new Promise(resolve => {
-            showErrTime = window.setTimeout(() => {
+            internalData.meTimeout = window.setTimeout(() => {
               itemList.forEach(item => {
                 if (item.errRule) {
                   item.showError = true;
@@ -13177,7 +13299,7 @@ function getResetValue(value, resetValue) {
       const overflowElem = evnt.currentTarget.children[0];
       const content = (overflowElem.textContent || '').trim();
       const isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
-      clearTimeout(internalData.tooltipTimeout);
+      clearTimeout(internalData.stTimeout);
       if (tooltipStore.item !== item) {
         closeTooltip();
       }
@@ -13198,7 +13320,7 @@ function getResetValue(value, resetValue) {
         $tooltip.setActived(false);
       }
       if (tooltipOpts.enterable) {
-        internalData.tooltipTimeout = setTimeout(() => {
+        internalData.stTimeout = setTimeout(() => {
           $tooltip = refTooltip.value;
           if ($tooltip && !$tooltip.isActived()) {
             closeTooltip();
@@ -13312,7 +13434,6 @@ function getResetValue(value, resetValue) {
         ...tooltipOpts
       })]);
     };
-    $xeForm.renderVN = renderVN;
     const staticItemFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticItems.length, () => {
       staticItemFlag.value++;
@@ -13357,6 +13478,7 @@ function getResetValue(value, resetValue) {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeForm', $xeForm);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormGather', null);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormItem', null);
+    $xeForm.renderVN = renderVN;
     return $xeForm;
   },
   render() {
@@ -13370,9 +13492,6 @@ function getResetValue(value, resetValue) {
 
 
 const componentDefaultModelProp = 'modelValue';
-const defaultCompProps = {
-  transfer: true
-};
 /**
  * 已废弃
  * @deprecated
@@ -13407,7 +13526,7 @@ function getNativeAttrs(renderOpts) {
   return attrs;
 }
 function getComponentFormItemProps(renderOpts, params, value, defaultProps) {
-  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign({}, defaultCompProps, defaultProps, renderOpts.props, {
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign({}, defaultProps, renderOpts.props, {
     [componentDefaultModelProp]: value
   });
 }
@@ -14628,31 +14747,23 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
       isTabOver: false,
       resizeFlag: 1
     });
+    const internalData = {
+      slTimeout: undefined
+    };
     const refMaps = {
       refElem
     };
-    const handleFilterTab = item => {
-      const {
-        permissionCode
-      } = item;
-      if (permissionCode) {
-        if (!permission.checkVisible(permissionCode)) {
-          return false;
-        }
-      }
-      return true;
-    };
     const computeTabOptions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         options
       } = props;
-      return (options || []).filter(handleFilterTab);
+      return (options || []).filter(item => handleFilterTab(item));
     });
     const computeTabStaticOptions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         staticTabs
       } = reactData;
-      return staticTabs.filter(handleFilterTab);
+      return staticTabs.filter(item => handleFilterTab(item));
     });
     const computeMaps = {};
     const $xeTabs = {
@@ -14663,6 +14774,17 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const handleFilterTab = item => {
+      const {
+        permissionCode
+      } = item;
+      if (permissionCode) {
+        if (!permission.checkVisible(permissionCode)) {
+          return false;
+        }
+      }
+      return true;
+    };
     const callSlot = (slotFunc, params) => {
       if (slotFunc) {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
@@ -14838,12 +14960,17 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
         }, evnt);
       }
     };
-    let scrollTimeout = null;
     const startScrollAnimation = (offsetPos, offsetSize) => {
+      const {
+        slTimeout
+      } = internalData;
       let offsetLeft = offsetSize;
       let scrollCount = 6;
       let delayNum = 35;
-      clearTimeout(scrollTimeout);
+      if (slTimeout) {
+        clearTimeout(slTimeout);
+        internalData.slTimeout = undefined;
+      }
       const scrollAnimate = () => {
         const headerWrapperEl = refHeadWrapperElem.value;
         if (scrollCount > 0) {
@@ -14859,13 +14986,13 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
               if (clientWidth + scrollLeft < scrollWidth) {
                 headerWrapperEl.scrollLeft += offsetLeft;
                 delayNum -= 4;
-                scrollTimeout = setTimeout(scrollAnimate, delayNum);
+                internalData.slTimeout = setTimeout(scrollAnimate, delayNum);
               }
             } else {
               if (scrollLeft > 0) {
                 headerWrapperEl.scrollLeft -= offsetLeft;
                 delayNum -= 4;
-                scrollTimeout = setTimeout(scrollAnimate, delayNum);
+                internalData.slTimeout = setTimeout(scrollAnimate, delayNum);
               }
             }
             updateTabStyle();
@@ -14919,42 +15046,44 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
         }
       });
     };
-    const createHandlePrevNext = isNext => {
-      return () => {
-        const {
-          activeName
-        } = reactData;
-        const tabOptions = computeTabOptions.value;
-        const tabStaticOptions = computeTabStaticOptions.value;
-        const list = tabStaticOptions.length ? tabStaticOptions : tabOptions;
-        const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(list, item => item.name === activeName);
-        if (index > -1) {
-          let item = null;
-          if (isNext) {
-            if (index < list.length - 1) {
-              item = list[index + 1];
-            }
-          } else {
-            if (index > 0) {
-              item = list[index - 1];
-            }
+    const handlePrevNext = isNext => {
+      const {
+        activeName
+      } = reactData;
+      const tabOptions = computeTabOptions.value;
+      const tabStaticOptions = computeTabStaticOptions.value;
+      const list = tabStaticOptions.length ? tabStaticOptions : tabOptions;
+      const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(list, item => item.name === activeName);
+      if (index > -1) {
+        let item = null;
+        if (isNext) {
+          if (index < list.length - 1) {
+            item = list[index + 1];
           }
-          if (item) {
-            const name = item.name;
-            const value = name;
-            reactData.activeName = name;
-            emit('update:modelValue', value);
-            addInitName(name, null);
+        } else {
+          if (index > 0) {
+            item = list[index - 1];
           }
         }
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-      };
+        if (item) {
+          const name = item.name;
+          const value = name;
+          reactData.activeName = name;
+          emit('update:modelValue', value);
+          addInitName(name, null);
+        }
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
     const tabsMethods = {
       dispatchEvent,
       scrollToTab,
-      prev: createHandlePrevNext(false),
-      next: createHandlePrevNext(true),
+      prev() {
+        return handlePrevNext(false);
+      },
+      next() {
+        return handlePrevNext(true);
+      },
       prevTab() {
         if (true) {
           warnLog('vxe.error.delFunc', ['prevTab', 'prev']);
@@ -15085,9 +15214,9 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
       } = reactData;
       const activeDefaultTab = tabList.find(item => item.name === activeName);
       if (destroyOnClose) {
-        return activeDefaultTab ? [renderTabPane(activeDefaultTab)] : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+        return [activeDefaultTab ? renderTabPane(activeDefaultTab) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()];
       }
-      return tabList.map(renderTabPane);
+      return tabList.map(item => renderTabPane(item));
     };
     const renderVN = () => {
       const {
@@ -15153,7 +15282,9 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
       });
     }
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.resizeFlag, () => {
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(updateTabStyle);
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        updateTabStyle();
+      });
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
       globalEvents.on($xeTabs, 'resize', updateTabStyle);
@@ -15164,10 +15295,10 @@ const ViewItemComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       globalEvents.off($xeTabs, 'resize');
     });
-    $xeTabs.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeTabs', $xeTabs);
     addInitName(props.modelValue, null);
     initDefaultName(reactData.staticTabs.length ? reactData.staticTabs : props.options);
+    $xeTabs.renderVN = renderVN;
     return $xeTabs;
   },
   render() {
@@ -15198,6 +15329,7 @@ function destroyAnchorTab($xeTabs, tabConfig) {
 
 
 
+
 /* harmony default export */ var tab_pane = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeTabPane',
   props: {
@@ -15212,7 +15344,8 @@ function destroyAnchorTab($xeTabs, tabConfig) {
   emits: [],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -15243,6 +15376,16 @@ function destroyAnchorTab($xeTabs, tabConfig) {
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $tabPane: $xeTabPane
+      }, params));
+    };
+    const tabPaneMethods = {
+      dispatchEvent
+    };
+    const tabPanePrivateMethods = {};
+    Object.assign($xeTabPane, tabPaneMethods, tabPanePrivateMethods);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.title, val => {
       tabConfig.title = val;
     });
@@ -15256,8 +15399,9 @@ function destroyAnchorTab($xeTabs, tabConfig) {
       tabConfig.permissionCode = val;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      if ($xeTabs && refElem.value) {
-        assembleAnchorTab($xeTabs, refElem.value, tabConfig);
+      const elem = refElem.value;
+      if ($xeTabs && elem) {
+        assembleAnchorTab($xeTabs, elem, tabConfig);
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
@@ -15355,7 +15499,7 @@ const formItemProps = {
   }) {
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', {});
-    const formGather = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormGather', null);
+    const $xeFormGather = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormGather', null);
     const formItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(createItem($xeForm, props));
     formItem.slots = slots;
     const formItemInfo = {
@@ -15364,16 +15508,15 @@ const formItemProps = {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeFormItemInfo', formItemInfo);
     watchItem(props, formItem);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      assembleItem($xeForm, refElem.value, formItem, formGather);
+      const elem = refElem.value;
+      assembleItem($xeForm, elem, formItem, $xeFormGather);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       destroyItem($xeForm, formItem);
     });
     const renderItem = ($xeForm, item) => {
-      const {
-        props,
-        reactData
-      } = $xeForm;
+      const formProps = $xeForm.props;
+      const formReactData = $xeForm.reactData;
       const {
         data,
         rules,
@@ -15387,10 +15530,10 @@ const formItemProps = {
         titleOverflow: allTitleOverflow,
         vertical: allVertical,
         padding: allPadding
-      } = props;
+      } = formProps;
       const {
         collapseAll
-      } = reactData;
+      } = formReactData;
       const {
         computeValidOpts
       } = $xeForm.getComputeMaps();
@@ -15424,8 +15567,8 @@ const formItemProps = {
       const itemTitleStyle = compConf ? compConf.formItemTitleStyle || compConf.itemTitleStyle : null;
       const defaultSlot = slots ? slots.default : null;
       const titleSlot = slots ? slots.title : null;
-      const span = item.span || props.span;
-      const align = item.align || props.align;
+      const span = item.span || formProps.span;
+      const align = item.align || formProps.align;
       const itemPadding = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(padding) ? allPadding : padding;
       const itemVertical = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(vertical) ? allVertical : vertical;
       const titleBold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(item.titleBold) ? allTitleBold : item.titleBold;
@@ -15524,8 +15667,8 @@ const formItemProps = {
       }, contentVNs)])]);
     };
     const renderVN = () => {
-      const formProps = $xeForm ? $xeForm.props : null;
-      return formProps && formProps.customLayout ? renderItem($xeForm, formItem) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      const customLayout = $xeForm ? $xeForm.props.customLayout : false;
+      return customLayout ? renderItem($xeForm, formItem) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem
       });
     };
@@ -17359,7 +17502,7 @@ const createDefaultFormViewMobileFormConfig = params => {
   }) {
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', {});
-    const parentFormGather = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormGather', null);
+    const $xeParentFormGather = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormGather', null);
     const formItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(createItem($xeForm, props));
     formItem.children = [];
     const formItemInfo = {
@@ -17368,7 +17511,8 @@ const createDefaultFormViewMobileFormConfig = params => {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeFormItemInfo', formItemInfo);
     watchItem(props, formItem);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      assembleItem($xeForm, refElem.value, formItem, parentFormGather);
+      const elem = refElem.value;
+      assembleItem($xeForm, elem, formItem, $xeParentFormGather);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       destroyItem($xeForm, formItem);
@@ -17380,15 +17524,16 @@ const createDefaultFormViewMobileFormConfig = params => {
       } = props;
       const span = props.span || ($xeForm ? $xeForm.props.span : null);
       const defaultSlot = slots.default;
+      const params = {
+        $form: $xeForm,
+        data: $xeForm ? $xeForm.props.data : {},
+        item: formItem,
+        field: field,
+        property: field
+      };
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: ['vxe-form--gather vxe-form--item-row', formItem.id, span ? `vxe-form--item-col_${span} is--span` : '', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
-          $form: $xeForm,
-          data: $xeForm ? $xeForm.props.data : {},
-          item: formItem,
-          field: field,
-          property: field
-        }) : className : '']
+        class: ['vxe-form--gather vxe-form--item-row', formItem.id, span ? `vxe-form--item-col_${span} is--span` : '', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className(params) : className : '']
       }, defaultSlot ? defaultSlot({}) : []);
     };
     const $xeFormGather = {
@@ -17946,6 +18091,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       emit
     } = context;
     const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
+    const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
@@ -17953,16 +18099,13 @@ function toFloatValueFixed(inputValue, digitsValue) {
     const {
       computeSize
     } = useSize(props);
-    const yearSize = 12;
-    const monthSize = 20;
-    const quarterSize = 8;
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       initialized: false,
       panelIndex: 0,
       showPwd: false,
       visiblePanel: false,
       isAniVisible: false,
-      panelStyle: null,
+      panelStyle: {},
       panelPlacement: '',
       isActivated: false,
       inputValue: props.modelValue,
@@ -17973,6 +18116,13 @@ function toFloatValueFixed(inputValue, digitsValue) {
       selectMonth: null,
       currentDate: null
     });
+    const internalData = {
+      yearSize: 12,
+      monthSize: 20,
+      quarterSize: 8,
+      hpTimeout: undefined,
+      dnTimeout: undefined
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInputTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInputPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -17987,6 +18137,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let inputMethods = {};
@@ -18008,7 +18159,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -18211,13 +18362,16 @@ function toFloatValueFixed(inputValue, digitsValue) {
       if (isDatePickerType) {
         return labelFormat || dateValueFormat || i18n_getI18n(`vxe.input.date.labelFormat.${props.type}`);
       }
-      return null;
+      return '';
     });
     const computeYearList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const years = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -18319,6 +18473,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        quarterSize
+      } = internalData;
       const quarters = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -18351,6 +18508,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        monthSize
+      } = internalData;
       const months = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -18508,12 +18668,6 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
       return i18n_getI18n('vxe.base.pleaseInput');
     });
-    const computeInpMaxlength = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const isNumType = computeIsNumType.value;
-      const inpMaxLength = computeInpMaxLength.value;
-      // 数值最大长度限制 16 位，包含小数
-      return isNumType && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(inpMaxLength) ? 16 : inpMaxLength;
-    });
     const computeInpImmediate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         type,
@@ -18569,13 +18723,13 @@ function toFloatValueFixed(inputValue, digitsValue) {
         type,
         exponential
       } = props;
-      const inpMaxlength = computeInpMaxlength.value;
+      const inpMaxLength = computeInpMaxLength.value;
       const digitsValue = computeDigitsValue.value;
       const restVal = type === 'float' ? toFloatValueFixed(val, digitsValue) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(val);
       if (exponential && (val === restVal || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(val).toLowerCase() === external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(restVal).toExponential())) {
         return val;
       }
-      return restVal.slice(0, inpMaxlength);
+      return restVal.slice(0, inpMaxLength);
     };
     const triggerEvent = evnt => {
       const {
@@ -18585,7 +18739,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         value: inputValue
       }, evnt);
     };
-    const emitModel = (value, evnt) => {
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       inputMethods.dispatchEvent('input', {
@@ -18607,7 +18761,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       reactData.inputValue = value;
       if (!isDatePickerType) {
         if (inpImmediate) {
-          emitModel(value, evnt);
+          handleChange(value, evnt);
         } else {
           inputMethods.dispatchEvent('input', {
             value
@@ -18645,11 +18799,10 @@ function toFloatValueFixed(inputValue, digitsValue) {
         }, evnt);
       }
     };
-    let hidePanelTimeout;
     const hidePanel = () => {
       return new Promise(resolve => {
         reactData.visiblePanel = false;
-        hidePanelTimeout = window.setTimeout(() => {
+        internalData.hpTimeout = window.setTimeout(() => {
           reactData.isAniVisible = false;
           resolve();
         }, 350);
@@ -18667,7 +18820,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       if (isNumType || ['text', 'search', 'password'].indexOf(type) > -1) {
         focus();
       }
-      emitModel('', evnt);
+      handleChange('', evnt);
       inputMethods.dispatchEvent('clear', {
         value
       }, evnt);
@@ -18749,7 +18902,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         if (inputValue) {
           const validValue = toFloatValueFixed(inputValue, digitsValue);
           if (inputValue !== validValue) {
-            emitModel(validValue, {
+            handleChange(validValue, {
               type: 'init'
             });
           }
@@ -18815,17 +18968,17 @@ function toFloatValueFixed(inputValue, digitsValue) {
               datetimeRest.push(item);
             }
           });
-          emitModel(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
+          handleChange(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
             type: 'update'
           });
         } else {
           // 如果是日期类型
           if (dateMultipleValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal))) {
-            emitModel(dateMultipleValue.filter(val => !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal)).join(','), {
+            handleChange(dateMultipleValue.filter(val => !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(val, inpVal)).join(','), {
               type: 'update'
             });
           } else {
-            emitModel(dateMultipleValue.concat([inpVal]).join(','), {
+            handleChange(dateMultipleValue.concat([inpVal]).join(','), {
               type: 'update'
             });
           }
@@ -18833,7 +18986,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       } else {
         // 如果为单选
         if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEqual(modelValue, inpVal)) {
-          emitModel(inpVal, {
+          handleChange(inpVal, {
             type: 'update'
           });
         }
@@ -18869,7 +19022,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
                 inpNumVal = inpStringVal;
               }
             }
-            emitModel(getNumberValue(inpNumVal), {
+            handleChange(getNumberValue(inpNumVal), {
               type: 'check'
             });
           }
@@ -18880,7 +19033,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
               if (type === 'time') {
                 inpDateVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(inpDateVal, dateLabelFormat);
                 if (inputValue !== inpDateVal) {
-                  emitModel(inpDateVal, {
+                  handleChange(inpDateVal, {
                     type: 'check'
                   });
                 }
@@ -18910,7 +19063,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
               dateRevert();
             }
           } else {
-            emitModel('', {
+            handleChange('', {
               type: 'check'
             });
           }
@@ -18923,7 +19076,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       } = reactData;
       const inpImmediate = computeInpImmediate.value;
       if (!inpImmediate) {
-        emitModel(inputValue, evnt);
+        handleChange(inputValue, evnt);
       }
       afterCheckValue();
       if (!reactData.visiblePanel) {
@@ -18976,19 +19129,18 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
       emitInputEvent(getNumberValue(restNum), evnt);
     };
-    let downbumTimeout;
     const numberNextEvent = evnt => {
       const isDisabled = computeIsDisabled.value;
       const isReadonly = computeIsReadonly.value;
       const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
-      clearTimeout(downbumTimeout);
+      numberStopDown();
       if (!isDisabled && !isReadonly && !isDisabledSubtractNumber) {
         numberChange(false, evnt);
       }
       inputMethods.dispatchEvent('next-number', {}, evnt);
     };
     const numberDownNextEvent = evnt => {
-      downbumTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = window.setTimeout(() => {
         numberNextEvent(evnt);
         numberDownNextEvent(evnt);
       }, 60);
@@ -18997,7 +19149,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       const isDisabled = computeIsDisabled.value;
       const isReadonly = computeIsReadonly.value;
       const isDisabledAddNumber = computeIsDisabledAddNumber.value;
-      clearTimeout(downbumTimeout);
+      numberStopDown();
       if (!isDisabled && !isReadonly && !isDisabledAddNumber) {
         numberChange(true, evnt);
       }
@@ -19047,10 +19199,16 @@ function toFloatValueFixed(inputValue, digitsValue) {
     };
     // 数值
     const numberStopDown = () => {
-      clearTimeout(downbumTimeout);
+      const {
+        dnTimeout
+      } = internalData;
+      if (dnTimeout) {
+        clearTimeout(dnTimeout);
+        internalData.dnTimeout = undefined;
+      }
     };
     const numberDownPrevEvent = evnt => {
-      downbumTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = window.setTimeout(() => {
         numberPrevEvent(evnt);
         numberDownPrevEvent(evnt);
       }, 60);
@@ -19064,7 +19222,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         } else {
           numberNextEvent(evnt);
         }
-        downbumTimeout = window.setTimeout(() => {
+        internalData.dnTimeout = window.setTimeout(() => {
           if (isPrevNumber) {
             numberDownPrevEvent(evnt);
           } else {
@@ -19116,6 +19274,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -19158,6 +19319,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -19354,12 +19518,12 @@ function toFloatValueFixed(inputValue, digitsValue) {
                 datetimeRest.push(item);
               }
             });
-            emitModel(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
+            handleChange(datetimeRest.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateValueFormat)).join(','), {
               type: 'update'
             });
           } else {
             // 如果是日期类型
-            emitModel(dateMultipleValue.join(','), {
+            handleChange(dateMultipleValue.join(','), {
               type: 'update'
             });
           }
@@ -19477,7 +19641,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         reactData.datetimePanelValue = reactData.datePanelValue || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(Date.now(), 0, 'first');
         (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
           const timeBodyElem = refInputTimeBody.value;
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(timeBodyElem.querySelectorAll('li.is--selected'), updateTimePos);
+          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(timeBodyElem.querySelectorAll('li.is--selected'), elem => {
+            updateTimePos(elem);
+          });
         });
       }
     };
@@ -19573,13 +19739,19 @@ function toFloatValueFixed(inputValue, digitsValue) {
       const {
         visiblePanel
       } = reactData;
+      const {
+        hpTimeout
+      } = internalData;
       const isDisabled = computeIsDisabled.value;
       const isDatePickerType = computeIsDatePickerType.value;
       if (!isDisabled && !visiblePanel) {
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
-        clearTimeout(hidePanelTimeout);
+        if (hpTimeout) {
+          clearTimeout(hpTimeout);
+          internalData.hpTimeout = undefined;
+        }
         reactData.isActivated = true;
         reactData.isAniVisible = true;
         if (isDatePickerType) {
@@ -19750,10 +19922,10 @@ function toFloatValueFixed(inputValue, digitsValue) {
           class: ['vxe-input--date-label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', label), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', `${label || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: ['vxe-input--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
-        }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : label)];
+        }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : [`${label || ''}`])];
         const festivalLabel = festivalItem.label;
         if (festivalLabel) {
           // 默认最多支持3个节日重叠
@@ -19769,7 +19941,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         }
         return labels;
       }
-      return label;
+      return [`${label || ''}`];
     };
     const renderDateDayTable = () => {
       const {
@@ -20255,12 +20427,13 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $input: $xeInput
+      }, params));
+    };
     inputMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $input: $xeInput
-        }, params));
-      },
+      dispatchEvent,
       focus() {
         const inputElem = refInputTarget.value;
         reactData.isActivated = true;
@@ -20313,7 +20486,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       const isCountError = computeIsCountError.value;
       const inputCount = computeInputCount.value;
       const inputReadonly = computeInputReadonly.value;
-      const inpMaxlength = computeInpMaxlength.value;
+      const inpMaxLength = computeInpMaxLength.value;
       const inputType = computeInputType.value;
       const inpPlaceholder = computeInpPlaceholder.value;
       const isClearable = computeIsClearable.value;
@@ -20344,7 +20517,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         name,
         type: inputType,
         placeholder: inpPlaceholder,
-        maxlength: inpMaxlength,
+        maxlength: inpMaxLength,
         readonly: inputReadonly,
         disabled: isDisabled,
         autocomplete: autoComplete || autocomplete,
@@ -20366,9 +20539,8 @@ function toFloatValueFixed(inputValue, digitsValue) {
         }]
       }, countMethod ? `${countMethod({
         value: inputValue
-      })}` : `${inputCount}${inpMaxlength ? `/${inpMaxlength}` : ''}`) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
+      })}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ''}`) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
     };
-    $xeInput.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
       reactData.inputValue = val;
       changeValue();
@@ -20408,6 +20580,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       globalEvents.off($xeInput, 'blur');
     });
     initValue();
+    $xeInput.renderVN = renderVN;
     return $xeInput;
   },
   render() {
@@ -20681,7 +20854,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       const vSize = computeSize.value;
       const isDisabled = computeIsDisabled.value;
       const name = computeName.value;
-      const checked = computeChecked.value;
+      const isChecked = computeChecked.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('label', {
         class: ['vxe-radio', 'vxe-radio-button', {
           [`size--${vSize}`]: vSize,
@@ -20692,7 +20865,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         class: 'vxe-radio--input',
         type: 'radio',
         name,
-        checked,
+        checked: isChecked,
         disabled: isDisabled,
         onChange: changeEvent,
         onClick: clickEvent
@@ -20789,11 +20962,12 @@ function toFloatValueFixed(inputValue, digitsValue) {
     };
     const radioGroupPrivateMethods = {
       handleChecked(params, evnt) {
-        emit('update:modelValue', params.label);
+        const value = params.label;
+        emit('update:modelValue', value);
         dispatchEvent('change', params, evnt);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, params.label);
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
         }
       }
     };
@@ -20818,9 +20992,12 @@ function toFloatValueFixed(inputValue, digitsValue) {
         });
       }) : []);
     };
-    $xeRadioGroup.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeRadioGroup', $xeRadioGroup);
-    return renderVN;
+    $xeRadioGroup.renderVN = renderVN;
+    return $xeRadioGroup;
+  },
+  render() {
+    return this.renderVN();
   }
 }));
 ;// CONCATENATED MODULE: ./packages/select/src/select.ts
@@ -20880,17 +21057,17 @@ function getOptUniqueId() {
     remote: Boolean,
     remoteMethod: Function,
     emptyText: String,
+    transfer: {
+      type: Boolean,
+      default: null
+    },
     // 已废弃，被 option-config.keyField 替换
     optionId: {
       type: String,
       default: () => getConfig().select.optionId
     },
     // 已废弃，被 option-config.useKey 替换
-    optionKey: Boolean,
-    transfer: {
-      type: Boolean,
-      default: null
-    }
+    optionKey: Boolean
   },
   emits: ['update:modelValue', 'change', 'clear', 'blur', 'focus', 'click'],
   setup(props, context) {
@@ -20899,6 +21076,7 @@ function getOptUniqueId() {
       emit
     } = context;
     const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
+    const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
@@ -20926,6 +21104,9 @@ function getOptUniqueId() {
       searchValue: '',
       searchLoading: false
     });
+    const internalData = {
+      hpTimeout: undefined
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInpSearch = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -20939,6 +21120,7 @@ function getOptUniqueId() {
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let selectMethods = {};
@@ -20975,7 +21157,7 @@ function getOptUniqueId() {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -20995,10 +21177,10 @@ function getOptUniqueId() {
       return i18n_getI18n('vxe.base.pleaseSelect');
     });
     const computePropsOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return props.optionProps || {};
+      return Object.assign({}, props.optionProps);
     });
     const computeGroupPropsOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return props.optionGroupProps || {};
+      return Object.assign({}, props.optionGroupProps);
     });
     const computeLabelField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const propsOpts = computePropsOpts.value;
@@ -21036,6 +21218,31 @@ function getOptUniqueId() {
     const computeMultiMaxCharNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.multiCharOverflow);
     });
+    const computeSelectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        modelValue,
+        multiple,
+        remote
+      } = props;
+      const multiMaxCharNum = computeMultiMaxCharNum.value;
+      if (modelValue && multiple) {
+        const vals = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
+        if (remote) {
+          return vals.map(val => getRemoteSelectLabel(val)).join(', ');
+        }
+        return vals.map(val => {
+          const label = getSelectLabel(val);
+          if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
+            return `${label.substring(0, multiMaxCharNum)}...`;
+          }
+          return label;
+        }).join(', ');
+      }
+      if (remote) {
+        return getRemoteSelectLabel(modelValue);
+      }
+      return getSelectLabel(modelValue);
+    });
     const callSlot = (slotFunc, params) => {
       if (slotFunc) {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
@@ -21105,31 +21312,6 @@ function getOptUniqueId() {
       const item = findOption(value);
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(item ? item[labelField] : value);
     };
-    const computeSelectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const {
-        modelValue,
-        multiple,
-        remote
-      } = props;
-      const multiMaxCharNum = computeMultiMaxCharNum.value;
-      if (modelValue && multiple) {
-        const vals = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
-        if (remote) {
-          return vals.map(val => getRemoteSelectLabel(val)).join(', ');
-        }
-        return vals.map(val => {
-          const label = getSelectLabel(val);
-          if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
-            return `${label.substring(0, multiMaxCharNum)}...`;
-          }
-          return label;
-        }).join(', ');
-      }
-      if (remote) {
-        return getRemoteSelectLabel(modelValue);
-      }
-      return getSelectLabel(modelValue);
-    });
     const getOptkey = () => {
       const optionOpts = computeOptionOpts.value;
       return optionOpts.keyField || props.optionId || '_X_OPTION_KEY';
@@ -21319,15 +21501,20 @@ function getOptUniqueId() {
         }
       });
     };
-    let hidePanelTimeout;
     const showOptionPanel = () => {
       const {
         loading,
         filterable
       } = props;
+      const {
+        hpTimeout
+      } = internalData;
       const isDisabled = computeIsDisabled.value;
       if (!loading && !isDisabled) {
-        clearTimeout(hidePanelTimeout);
+        if (hpTimeout) {
+          clearTimeout(hpTimeout);
+          internalData.hpTimeout = undefined;
+        }
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
@@ -21356,13 +21543,13 @@ function getOptUniqueId() {
       reactData.searchValue = '';
       reactData.searchLoading = false;
       reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };
     const changeEvent = (evnt, selectValue) => {
+      emit('update:modelValue', selectValue);
       if (selectValue !== props.modelValue) {
-        emit('update:modelValue', selectValue);
         selectMethods.dispatchEvent('change', {
           value: selectValue
         }, evnt);
@@ -21627,7 +21814,7 @@ function getOptUniqueId() {
     const focusSearchEvent = () => {
       reactData.isActivated = true;
     };
-    const triggerSearchEvent = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(function () {
+    const handleSearchEvent = () => {
       const {
         remote,
         remoteMethod
@@ -21646,7 +21833,8 @@ function getOptUniqueId() {
       } else {
         refreshOption();
       }
-    }, 350, {
+    };
+    const triggerSearchEvent = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(handleSearchEvent, 350, {
       trailing: true
     });
     const togglePanelEvent = params => {
@@ -21883,7 +22071,7 @@ function getOptUniqueId() {
           ref: 'hideOption'
         }, defaultSlot ? defaultSlot({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-select-label'
-        }, selectLabel)]);
+        }, [selectLabel])]);
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
@@ -21958,7 +22146,6 @@ function getOptUniqueId() {
         class: 'vxe-select--panel-footer'
       }, footerSlot({})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])] : [])])]);
     };
-    $xeSelect.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticOptions, value => {
       if (value.some(item => item.options && item.options.length)) {
         reactData.fullOptionList = [];
@@ -22004,6 +22191,7 @@ function getOptUniqueId() {
       globalEvents.off($xeSelect, 'blur');
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSelect', $xeSelect);
+    $xeSelect.renderVN = renderVN;
     return $xeSelect;
   },
   render() {
@@ -23339,7 +23527,7 @@ let autoTxtElem;
         value
       }, evnt);
     };
-    const emitUpdate = (value, evnt) => {
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(props.modelValue) !== value) {
@@ -23360,7 +23548,7 @@ let autoTxtElem;
       const value = textElem.value;
       reactData.inputValue = value;
       if (immediate) {
-        emitUpdate(value, evnt);
+        handleChange(value, evnt);
       }
       $xeTextarea.dispatchEvent('input', {
         value
@@ -23374,7 +23562,7 @@ let autoTxtElem;
       if (immediate) {
         triggerEvent(evnt);
       } else {
-        emitUpdate(reactData.inputValue, evnt);
+        handleChange(reactData.inputValue, evnt);
       }
     };
     const blurEvent = evnt => {
@@ -23385,7 +23573,7 @@ let autoTxtElem;
         inputValue
       } = reactData;
       if (!immediate) {
-        emitUpdate(inputValue, evnt);
+        handleChange(inputValue, evnt);
       }
       $xeTextarea.dispatchEvent('blur', {
         value: inputValue
@@ -24219,8 +24407,8 @@ const getWidgetRowConfig = params => {
         onClick: clickEvent
       }, defaultSlot ? defaultSlot({}) : []);
     };
-    $xeRow.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeRow', $xeRow);
+    $xeRow.renderVN = renderVN;
     return $xeRow;
   },
   render() {
@@ -26292,6 +26480,9 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       isActivated: false,
       inputValue: props.modelValue
     });
+    const internalData = {
+      dnTimeout: undefined
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInputTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInputPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -26304,9 +26495,10 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
-    let inputMethods = {};
+    let numberInputMethods = {};
     const computeFormReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         readonly
@@ -26331,9 +26523,6 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
       return disabled;
     });
-    const computeIsNumType = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return true;
-    });
     const computeDigitsValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(props.digits) || 1;
     });
@@ -26373,7 +26562,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
       return i18n_getI18n('vxe.base.pleaseInput');
     });
-    const computeInpMaxlength = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computeInpMaxLength = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         maxLength,
         maxlength
@@ -26395,11 +26584,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const {
         inputValue
       } = reactData;
-      const isNumType = computeIsNumType.value;
-      if (isNumType) {
-        return type === 'integer' ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(handleNumber(inputValue)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(handleNumber(inputValue));
-      }
-      return 0;
+      return type === 'integer' ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(handleNumber(inputValue)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(handleNumber(inputValue));
     });
     const computeNumLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -26414,10 +26599,9 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const {
         inputValue
       } = reactData;
-      const isNumType = computeIsNumType.value;
       const numValue = computeNumValue.value;
       // 当有值时再进行判断
-      if ((inputValue || inputValue === 0) && isNumType && min !== null) {
+      if ((inputValue || inputValue === 0) && min !== null) {
         return numValue <= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(min);
       }
       return false;
@@ -26429,10 +26613,9 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const {
         inputValue
       } = reactData;
-      const isNumType = computeIsNumType.value;
       const numValue = computeNumValue.value;
       // 当有值时再进行判断
-      if ((inputValue || inputValue === 0) && isNumType && max !== null) {
+      if ((inputValue || inputValue === 0) && max !== null) {
         return numValue >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(max);
       }
       return false;
@@ -26442,33 +26625,34 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         type,
         exponential
       } = props;
-      const inpMaxlength = computeInpMaxlength.value;
+      const inpMaxLength = computeInpMaxLength.value;
       const digitsValue = computeDigitsValue.value;
       const restVal = type === 'float' ? toFloatValueFixed(val, digitsValue) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(val);
       if (exponential && (val === restVal || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(val).toLowerCase() === external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(restVal).toExponential())) {
         return val;
       }
-      return restVal.slice(0, inpMaxlength);
+      return restVal.slice(0, inpMaxLength);
     };
     const triggerEvent = evnt => {
       const {
         inputValue
       } = reactData;
-      inputMethods.dispatchEvent(evnt.type, {
+      numberInputMethods.dispatchEvent(evnt.type, {
         value: inputValue
       }, evnt);
     };
-    const emitModel = (value, inputValue, evnt) => {
+    const handleChange = (val, inputValue, evnt) => {
+      const value = val ? Number(val) : null;
       const isChange = Number(value) !== props.modelValue;
       if (isChange) {
         reactData.inputValue = inputValue || '';
-        emit('update:modelValue', value ? Number(value) : null);
+        emit('update:modelValue', value);
       }
-      inputMethods.dispatchEvent('input', {
+      numberInputMethods.dispatchEvent('input', {
         value
       }, evnt);
       if (isChange) {
-        inputMethods.dispatchEvent('change', {
+        numberInputMethods.dispatchEvent('change', {
           value
         }, evnt);
         // 自动更新校验状态
@@ -26482,9 +26666,9 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const value = inputValue ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(inputValue) : null;
       reactData.inputValue = inputValue;
       if (inpImmediate) {
-        emitModel(value, inputValue, evnt);
+        handleChange(value, inputValue, evnt);
       } else {
-        inputMethods.dispatchEvent('input', {
+        numberInputMethods.dispatchEvent('input', {
           value
         }, evnt);
       }
@@ -26510,15 +26694,15 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         const {
           inputValue
         } = reactData;
-        inputMethods.dispatchEvent('prefix-click', {
+        numberInputMethods.dispatchEvent('prefix-click', {
           value: inputValue
         }, evnt);
       }
     };
     const clearValueEvent = (evnt, value) => {
       focus();
-      emitModel(null, '', evnt);
-      inputMethods.dispatchEvent('clear', {
+      handleChange(null, '', evnt);
+      numberInputMethods.dispatchEvent('clear', {
         value
       }, evnt);
     };
@@ -26528,7 +26712,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         const {
           inputValue
         } = reactData;
-        inputMethods.dispatchEvent('suffix-click', {
+        numberInputMethods.dispatchEvent('suffix-click', {
           value: inputValue
         }, evnt);
       }
@@ -26553,7 +26737,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
             validValue = Number(textValue);
           }
           if (inputValue !== validValue) {
-            emitModel(validValue, textValue, {
+            handleChange(validValue, textValue, {
               type: 'init'
             });
           }
@@ -26592,7 +26776,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
             }
           }
           const inpValue = getNumberValue(inpNumVal);
-          emitModel(inpValue === null ? null : Number(inpValue), inpValue, {
+          handleChange(inpValue === null ? null : Number(inpValue), inpValue, {
             type: 'check'
           });
         }
@@ -26605,11 +26789,11 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const inpImmediate = computeInpImmediate.value;
       const value = inputValue ? Number(inputValue) : null;
       if (!inpImmediate) {
-        emitModel(value, `${inputValue || ''}`, evnt);
+        handleChange(value, `${inputValue || ''}`, evnt);
       }
       afterCheckValue();
       reactData.isActivated = false;
-      inputMethods.dispatchEvent('blur', {
+      numberInputMethods.dispatchEvent('blur', {
         value
       }, evnt);
     };
@@ -26636,19 +26820,18 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
       emitInputEvent(getNumberValue(restNum), evnt);
     };
-    let downbumTimeout;
     const numberNextEvent = evnt => {
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
-      clearTimeout(downbumTimeout);
+      numberStopDown();
       if (!isDisabled && !formReadonly && !isDisabledSubtractNumber) {
         numberChange(false, evnt);
       }
-      inputMethods.dispatchEvent('next-number', {}, evnt);
+      numberInputMethods.dispatchEvent('next-number', {}, evnt);
     };
     const numberDownNextEvent = evnt => {
-      downbumTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = window.setTimeout(() => {
         numberNextEvent(evnt);
         numberDownNextEvent(evnt);
       }, 60);
@@ -26657,11 +26840,11 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const isDisabledAddNumber = computeIsDisabledAddNumber.value;
-      clearTimeout(downbumTimeout);
+      numberStopDown();
       if (!isDisabled && !formReadonly && !isDisabledAddNumber) {
         numberChange(true, evnt);
       }
-      inputMethods.dispatchEvent('prev-number', {}, evnt);
+      numberInputMethods.dispatchEvent('prev-number', {}, evnt);
     };
     const numberKeydownEvent = evnt => {
       const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
@@ -26680,24 +26863,21 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         exponential,
         controls
       } = props;
-      const isNumType = computeIsNumType.value;
-      if (isNumType) {
-        const isCtrlKey = evnt.ctrlKey;
-        const isShiftKey = evnt.shiftKey;
-        const isAltKey = evnt.altKey;
-        const keyCode = evnt.keyCode;
-        const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
-        const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
-        const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
-        if (!isCtrlKey && !isShiftKey && !isAltKey && (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
-          evnt.preventDefault();
-        }
-        if (isEsc) {
-          afterCheckValue();
-        } else if (isUpArrow || isDwArrow) {
-          if (controls) {
-            numberKeydownEvent(evnt);
-          }
+      const isCtrlKey = evnt.ctrlKey;
+      const isShiftKey = evnt.shiftKey;
+      const isAltKey = evnt.altKey;
+      const keyCode = evnt.keyCode;
+      const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
+      const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+      const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      if (!isCtrlKey && !isShiftKey && !isAltKey && (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
+        evnt.preventDefault();
+      }
+      if (isEsc) {
+        afterCheckValue();
+      } else if (isUpArrow || isDwArrow) {
+        if (controls) {
+          numberKeydownEvent(evnt);
         }
       }
       triggerEvent(evnt);
@@ -26707,10 +26887,16 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
     };
     // 数值
     const numberStopDown = () => {
-      clearTimeout(downbumTimeout);
+      const {
+        dnTimeout
+      } = internalData;
+      if (dnTimeout) {
+        clearTimeout(dnTimeout);
+        internalData.dnTimeout = undefined;
+      }
     };
     const numberDownPrevEvent = evnt => {
-      downbumTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = window.setTimeout(() => {
         numberPrevEvent(evnt);
         numberDownPrevEvent(evnt);
       }, 60);
@@ -26724,7 +26910,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         } else {
           numberNextEvent(evnt);
         }
-        downbumTimeout = window.setTimeout(() => {
+        internalData.dnTimeout = window.setTimeout(() => {
           if (isPrevNumber) {
             numberDownPrevEvent(evnt);
           } else {
@@ -26734,8 +26920,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
     };
     const wheelEvent = evnt => {
-      const isNumType = computeIsNumType.value;
-      if (isNumType && props.controls) {
+      if (props.controls) {
         if (reactData.isActivated) {
           const delta = evnt.deltaY;
           if (delta > 0) {
@@ -26873,12 +27058,13 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
     };
-    inputMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $input: $xeNumberInput
-        }, params));
-      },
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $numberInput: $xeNumberInput
+      }, params));
+    };
+    numberInputMethods = {
+      dispatchEvent,
       focus() {
         const inputElem = refInputTarget.value;
         reactData.isActivated = true;
@@ -26898,7 +27084,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       }
     };
-    Object.assign($xeNumberInput, inputMethods);
+    Object.assign($xeNumberInput, numberInputMethods);
     const renderVN = () => {
       const {
         className,
@@ -26924,7 +27110,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         }, numLabel);
       }
       const inputReadonly = computeInputReadonly.value;
-      const inpMaxlength = computeInpMaxlength.value;
+      const inpMaxLength = computeInpMaxLength.value;
       const inpPlaceholder = computeInpPlaceholder.value;
       const isClearable = computeIsClearable.value;
       const prefix = renderPrefixIcon();
@@ -26951,7 +27137,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         name,
         type: 'text',
         placeholder: inpPlaceholder,
-        maxlength: inpMaxlength,
+        maxlength: inpMaxLength,
         readonly: inputReadonly,
         disabled: isDisabled,
         autocomplete: autoComplete || autocomplete,
@@ -28286,7 +28472,7 @@ function getNodeUniqueId() {
           nodeMaps
         } = reactData;
         if (!lazy) {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+          return Promise.resolve([]);
         }
         const childrenField = computeChildrenField.value;
         const parentNodeItem = nodeMaps[getNodeId(node)];
@@ -29016,7 +29202,6 @@ function getNodeUniqueId() {
         })
       } : {})]);
     };
-    $xeTree.renderVN = renderVN;
     const dataFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.data ? props.data.length : 0, () => {
       dataFlag.value++;
@@ -29047,6 +29232,7 @@ function getNodeUniqueId() {
     });
     updateData(props.data || []);
     updateCheckboxChecked(props.checkNodeKeys || []);
+    $xeTree.renderVN = renderVN;
     return $xeTree;
   },
   render() {
@@ -29108,6 +29294,7 @@ function tree_select_getOptUniqueId() {
       slots
     } = context;
     const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
+    const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
@@ -29132,6 +29319,9 @@ function tree_select_getOptUniqueId() {
       visibleAnimate: false,
       isActivated: false
     });
+    const internalData = {
+      hpTimeout: undefined
+    };
     const refMaps = {
       refElem
     };
@@ -29168,7 +29358,7 @@ function tree_select_getOptUniqueId() {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -29229,9 +29419,9 @@ function tree_select_getOptUniqueId() {
       const {
         fullNodeMaps
       } = reactData;
+      const labelField = computeLabelField.value;
       return (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue]).map(value => {
         const cacheItem = fullNodeMaps[value];
-        const labelField = computeLabelField.value;
         return cacheItem ? cacheItem.item[labelField] : value;
       }).join(', ');
     });
@@ -29241,6 +29431,7 @@ function tree_select_getOptUniqueId() {
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -29269,7 +29460,7 @@ function tree_select_getOptUniqueId() {
       const valueField = computeValueField.value;
       const childrenField = computeChildrenField.value;
       const nodeMaps = {};
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(options, (item, index, items, parent, nodes) => {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(options, (item, index, items, path, parent, nodes) => {
         let nodeid = getOptid(item);
         if (!nodeid) {
           nodeid = tree_select_getOptUniqueId();
@@ -29373,14 +29564,13 @@ function tree_select_getOptUniqueId() {
         }
       });
     };
-    let hidePanelTimeout;
     const showOptionPanel = () => {
       const {
         loading
       } = props;
       const isDisabled = computeIsDisabled.value;
       if (!loading && !isDisabled) {
-        clearTimeout(hidePanelTimeout);
+        clearTimeout(internalData.hpTimeout);
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
@@ -29395,7 +29585,7 @@ function tree_select_getOptUniqueId() {
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.visibleAnimate = false;
       }, 350);
     };
@@ -29403,9 +29593,9 @@ function tree_select_getOptUniqueId() {
       const {
         fullNodeMaps
       } = reactData;
+      emit('update:modelValue', selectValue);
       if (selectValue !== props.modelValue) {
         const cacheItem = fullNodeMaps[selectValue];
-        emit('update:modelValue', selectValue);
         treeSelectMethods.dispatchEvent('change', {
           value: selectValue,
           option: cacheItem ? cacheItem.item : null
@@ -29648,7 +29838,6 @@ function tree_select_getOptUniqueId() {
         class: 'vxe-tree-select--panel-footer'
       }, footerSlot({})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])] : [])])]);
     };
-    $xeTreeSelect.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options, () => {
       cacheItemMap();
     });
@@ -29663,6 +29852,8 @@ function tree_select_getOptUniqueId() {
       globalEvents.off($xeTreeSelect, 'mousedown');
       globalEvents.off($xeTreeSelect, 'blur');
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeTreeSelect', $xeTreeSelect);
+    $xeTreeSelect.renderVN = renderVN;
     return $xeTreeSelect;
   },
   render() {
@@ -30705,7 +30896,7 @@ const saveLocalFile = options => {
         $upload: $xeUpload
       }, params));
     };
-    const emitModel = value => {
+    const handleChange = value => {
       const {
         singleMode,
         urlMode
@@ -30888,7 +31079,7 @@ const saveLocalFile = options => {
         cacheItem.percent = 0;
         handleUploadResult(item, file).then(() => {
           if (urlMode) {
-            emitModel(reactData.fileList);
+            handleChange(reactData.fileList);
           }
         });
       }
@@ -31000,7 +31191,7 @@ const saveLocalFile = options => {
       reactData.fileList = newFileList;
       reactData.fileCacheMaps = cacheMaps;
       Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
-        emitModel(newFileList);
+        handleChange(newFileList);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
           $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, newFileList);
@@ -31040,7 +31231,7 @@ const saveLocalFile = options => {
         fileList
       } = reactData;
       fileList.splice(index, 1);
-      emitModel(fileList);
+      handleChange(fileList);
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList);
@@ -31552,7 +31743,6 @@ const saveLocalFile = options => {
         class: 'vxe-upload--drag-placeholder'
       }, i18n_getI18n('vxe.upload.dragPlaceholder')) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
     };
-    $xeUpload.renderVN = renderVN;
     const listFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue ? props.modelValue.length : 0, () => {
       listFlag.value++;
@@ -31574,6 +31764,7 @@ const saveLocalFile = options => {
       reactData.isDrag = false;
     });
     updateFileList();
+    $xeUpload.renderVN = renderVN;
     return $xeUpload;
   },
   render() {
@@ -32271,6 +32462,7 @@ const Icon = VxeIcon;
       emit
     } = context;
     const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
+    const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
@@ -32280,7 +32472,7 @@ const Icon = VxeIcon;
     } = useSize(props);
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       initialized: false,
-      selectIcon: '',
+      selectIcon: `${props.modelValue || ''}`,
       panelIndex: 0,
       panelStyle: {},
       panelPlacement: null,
@@ -32288,6 +32480,9 @@ const Icon = VxeIcon;
       isAniVisible: false,
       isActivated: false
     });
+    const internalData = {
+      hpTimeout: undefined
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refOptionPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -32335,7 +32530,7 @@ const Icon = VxeIcon;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -32456,11 +32651,16 @@ const Icon = VxeIcon;
         }
       });
     };
-    let hidePanelTimeout;
     const showOptionPanel = () => {
+      const {
+        hpTimeout
+      } = internalData;
       const isDisabled = computeIsDisabled.value;
       if (!isDisabled) {
-        clearTimeout(hidePanelTimeout);
+        if (hpTimeout) {
+          clearTimeout(hpTimeout);
+          internalData.hpTimeout = undefined;
+        }
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
@@ -32475,7 +32675,7 @@ const Icon = VxeIcon;
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };
@@ -32606,12 +32806,13 @@ const Icon = VxeIcon;
     const handleGlobalBlurEvent = () => {
       hideOptionPanel();
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $iconPicker: $xeIconPicker
+      }, params));
+    };
     iconPickerMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $iconPicker: $xeIconPicker
-        }, params));
-      },
+      dispatchEvent,
       isPanelVisible() {
         return reactData.visiblePanel;
       },
@@ -32761,9 +32962,8 @@ const Icon = VxeIcon;
         style: reactData.panelStyle
       }, [initialized ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-ico-picker--panel-wrapper'
-      }, renderIconWrapper()) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])])]);
+      }, [renderIconWrapper()]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])])]);
     };
-    $xeIconPicker.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
       reactData.selectIcon = `${val || ''}`;
     });
@@ -32780,6 +32980,7 @@ const Icon = VxeIcon;
       globalEvents.off($xeIconPicker, 'blur');
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeIconPicker', $xeIconPicker);
+    $xeIconPicker.renderVN = renderVN;
     return $xeIconPicker;
   },
   render() {
@@ -33361,7 +33562,6 @@ const IconPicker = VxeIconPicker;
         onWheel: wheelEvent
       }, [renderImgWrapper(), renderBtnWrapper()]);
     };
-    $xeImagePreview.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
       reactData.activeIndex = val;
       resetStyle();
@@ -33379,6 +33579,7 @@ const IconPicker = VxeIconPicker;
       globalEvents.off($xeImagePreview, 'keydown');
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeImagePreview', $xeImagePreview);
+    $xeImagePreview.renderVN = renderVN;
     return renderVN;
   }
 }));
@@ -33730,7 +33931,10 @@ const Image = VxeImage;
     };
     $xeImageGroup.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeImageGroup', $xeImageGroup);
-    return renderVN;
+    return $xeImageGroup;
+  },
+  render() {
+    return this.renderVN();
   }
 }));
 ;// CONCATENATED MODULE: ./packages/image-group/index.ts
@@ -33879,8 +34083,8 @@ const Input = VxeInput;
         modelValue: loading
       })]);
     };
-    $xeLayoutAside.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeLayoutAside', $xeLayoutAside);
+    $xeLayoutAside.renderVN = renderVN;
     return $xeLayoutAside;
   },
   render() {
@@ -35698,7 +35902,6 @@ const DefaultParameterSettingFormComponent = (0,external_commonjs_vue_commonjs2_
         class: 'vxe-list-design--body'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_layout_preview), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_layout_setting)])]);
     };
-    $xeListDesign.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeListDesign', $xeListDesign);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.config, value => {
       loadConfig(value || {});
@@ -35707,6 +35910,7 @@ const DefaultParameterSettingFormComponent = (0,external_commonjs_vue_commonjs2_
     if (props.config) {
       loadConfig(props.config);
     }
+    $xeListDesign.renderVN = renderVN;
     return $xeListDesign;
   },
   render() {
@@ -36252,7 +36456,6 @@ const ListDesign = VxeListDesign;
         modelValue: loading
       })]);
     };
-    $xeListView.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.config, value => {
       loadConfig(value || {});
     });
@@ -36267,6 +36470,7 @@ const ListDesign = VxeListDesign;
         }
       });
     }
+    $xeListView.renderVN = renderVN;
     return $xeListView;
   },
   render() {
@@ -36328,10 +36532,8 @@ const ListView = VxeListView;
       topSpaceHeight: 0,
       items: []
     });
-    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refVirtualWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refVirtualBody = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const internalData = {
+      resizeObserver: undefined,
       fullData: [],
       lastScrollLeft: 0,
       lastScrollTop: 0,
@@ -36343,6 +36545,9 @@ const ListView = VxeListView;
         rowHeight: 0
       }
     };
+    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refVirtualWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refVirtualBody = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refMaps = {
       refElem
     };
@@ -36602,19 +36807,22 @@ const ListView = VxeListView;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
       recalculate().then(() => refreshScroll());
     });
-    let resizeObserver;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
       globalEvents.on($xeList, 'resize', () => {
         recalculate();
       });
       if (props.autoResize) {
         const el = refElem.value;
-        resizeObserver = globalResize.create(() => recalculate());
+        const resizeObserver = globalResize.create(() => recalculate());
         resizeObserver.observe(el);
+        internalData.resizeObserver = resizeObserver;
       }
       listMethods.loadData(props.data || []);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
+      const {
+        resizeObserver
+      } = internalData;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
@@ -36849,8 +37057,9 @@ const List = VxeList;
         hasChild
       } = item;
       if (routerLink) {
-        reactData.activeName = item.itemKey;
-        emit('update:modelValue', item.itemKey);
+        const value = item.itemKey;
+        reactData.activeName = value;
+        emit('update:modelValue', value);
       } else {
         if (hasChild) {
           handleClickIconCollapse(evnt, item);
@@ -36965,7 +37174,6 @@ const List = VxeList;
         modelValue: loading
       })]);
     };
-    $xeMenu.renderVN = renderVN;
     const optFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options ? props.options.length : -1, () => {
       optFlag.value++;
@@ -36990,6 +37198,7 @@ const List = VxeList;
     });
     updateMenuConfig();
     updateActiveMenu(true);
+    $xeMenu.renderVN = renderVN;
     return $xeMenu;
   },
   render() {
@@ -37183,7 +37392,7 @@ function watchOption(props, option) {
     });
   });
 }
-function assembleOption($xeSelect, el, option, optGroup) {
+function assembleOption($xeSelect, el, option, $xeOptgroup) {
   const {
     reactData
   } = $xeSelect;
@@ -37191,7 +37400,7 @@ function assembleOption($xeSelect, el, option, optGroup) {
     staticOptions
   } = reactData;
   const parentElem = el.parentNode;
-  const parentOption = optGroup ? optGroup.option : null;
+  const parentOption = $xeOptgroup ? $xeOptgroup.optionConfig : null;
   const parentCols = parentOption ? parentOption.options : staticOptions;
   if (parentElem && parentCols) {
     parentCols.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, el), 0, option);
@@ -37230,28 +37439,31 @@ function destroyOption($xeSelect, option) {
     className: [String, Function],
     disabled: Boolean
   },
+  emits: [],
   setup(props, {
     slots
   }) {
     const elem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const $xeSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSelect', {});
-    const option = createOption($xeSelect, props);
-    const xeOption = {
-      option
+    const optionConfig = createOption($xeSelect, props);
+    const $xeOptgroup = {
+      optionConfig
     };
-    option.options = [];
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeoptgroup', xeOption);
-    watchOption(props, option);
+    optionConfig.options = [];
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeOptgroup', $xeOptgroup);
+    watchOption(props, optionConfig);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      assembleOption($xeSelect, elem.value, option);
+      const el = elem.value;
+      assembleOption($xeSelect, el, optionConfig);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
-      destroyOption($xeSelect, option);
+      destroyOption($xeSelect, optionConfig);
     });
     return () => {
+      const defaultSlot = slots.default;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: elem
-      }, slots.default ? slots.default() : []);
+      }, defaultSlot ? defaultSlot({}) : []);
     };
   }
 }));
@@ -37274,7 +37486,7 @@ const Optgroup = VxeOptgroup;
 /* harmony default export */ var src_option = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeOption',
   props: {
-    value: null,
+    value: [String, Number, Boolean],
     label: {
       type: [String, Number, Boolean],
       default: ''
@@ -37286,20 +37498,22 @@ const Optgroup = VxeOptgroup;
     className: [String, Function],
     disabled: Boolean
   },
+  emits: [],
   setup(props, {
     slots
   }) {
     const elem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const $xeSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSelect', {});
-    const optGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeoptgroup', null);
-    const option = createOption($xeSelect, props);
-    option.slots = slots;
-    watchOption(props, option);
+    const $xeOptgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeOptgroup', null);
+    const optionConfig = createOption($xeSelect, props);
+    optionConfig.slots = slots;
+    watchOption(props, optionConfig);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      assembleOption($xeSelect, elem.value, option, optGroup);
+      const el = elem.value;
+      assembleOption($xeSelect, el, optionConfig, $xeOptgroup);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
-      destroyOption($xeSelect, option);
+      destroyOption($xeSelect, optionConfig);
     });
     return () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -37429,6 +37643,39 @@ const Option = VxeOption;
     const refMaps = {
       refElem
     };
+    const computePageCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return getPageCount(props.total, props.pageSize);
+    });
+    const computeNumList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        pagerCount
+      } = props;
+      const pageCount = computePageCount.value;
+      const len = pageCount > pagerCount ? pagerCount - 2 : pagerCount;
+      const rest = [];
+      for (let index = 0; index < len; index++) {
+        rest.push(index);
+      }
+      return rest;
+    });
+    const computeOffsetNumber = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Math.floor((props.pagerCount - 2) / 2);
+    });
+    const computeSizeList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return props.pageSizes.map(item => {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(item)) {
+          return {
+            value: item,
+            label: `${i18n_getI18n('vxe.pager.pagesize', [item])}`
+          };
+        }
+        return {
+          value: '',
+          label: '',
+          ...item
+        };
+      });
+    });
     const $xePager = {
       xID,
       props,
@@ -37440,9 +37687,6 @@ const Option = VxeOption;
     const getPageCount = (total, size) => {
       return Math.max(Math.ceil(total / size), 1);
     };
-    const computePageCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return getPageCount(props.total, props.pageSize);
-    });
     const jumpPageEvent = (evnt, currentPage) => {
       emit('update:currentPage', currentPage);
       if (evnt && currentPage !== props.currentPage) {
@@ -37476,36 +37720,6 @@ const Option = VxeOption;
       reactData.inpCurrPage = currPage;
       changeCurrentPage(current, $event);
     };
-    const computeNumList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const {
-        pagerCount
-      } = props;
-      const pageCount = computePageCount.value;
-      const len = pageCount > pagerCount ? pagerCount - 2 : pagerCount;
-      const rest = [];
-      for (let index = 0; index < len; index++) {
-        rest.push(index);
-      }
-      return rest;
-    });
-    const computeOffsetNumber = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Math.floor((props.pagerCount - 2) / 2);
-    });
-    const computeSizeList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return props.pageSizes.map(item => {
-        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(item)) {
-          return {
-            value: item,
-            label: `${i18n_getI18n('vxe.pager.pagesize', [item])}`
-          };
-        }
-        return {
-          value: '',
-          label: '',
-          ...item
-        };
-      });
-    });
     const handleHomePage = evnt => {
       const {
         currentPage
@@ -37695,7 +37909,7 @@ const Option = VxeOption;
           class: 'vxe-pager--num-btn',
           type: 'button',
           onClick: evnt => jumpPageEvent(evnt, 1)
-        }, 1), renderPrevJump('span'));
+        }, '1'), renderPrevJump('span'));
       }
       numList.forEach((item, index) => {
         const number = startNumber + index;
@@ -37707,7 +37921,7 @@ const Option = VxeOption;
             }],
             type: 'button',
             onClick: evnt => jumpPageEvent(evnt, number)
-          }, number));
+          }, `${number}`));
         }
       });
       if (showJump && isGt) {
@@ -37781,12 +37995,13 @@ const Option = VxeOption;
         class: 'vxe-pager--total'
       }, i18n_getI18n('vxe.pager.total', [props.total]));
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $pager: $xePager
+      }, params));
+    };
     pagerMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $pager: $xePager
-        }, params));
-      },
+      dispatchEvent,
       homePage() {
         handleHomePage();
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -38047,7 +38262,7 @@ const Pager = VxePager;
       const value = inputElem.value;
       emitInputEvent(value, evnt);
     };
-    const emitModel = (value, evnt) => {
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       passwordInputMethods.dispatchEvent('input', {
@@ -38105,7 +38320,7 @@ const Pager = VxePager;
     };
     const clearValueEvent = (evnt, value) => {
       focus();
-      emitModel('', evnt);
+      handleChange('', evnt);
       passwordInputMethods.dispatchEvent('clear', {
         value
       }, evnt);
@@ -38445,13 +38660,15 @@ function destroyPageBreak($xePageBreak, pageBreakConfig) {
 
 
 
+
 /* harmony default export */ var page_break = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxePrintPageBreak',
   props: {},
   emits: [],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const $xePrint = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xePrint', null);
@@ -38473,6 +38690,16 @@ function destroyPageBreak($xePageBreak, pageBreakConfig) {
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $print: $xePrint
+      }, params));
+    };
+    const printPageBreakMethods = {
+      dispatchEvent
+    };
+    const printPageBreakPrivateMethods = {};
+    Object.assign($xePrintPageBreak, printPageBreakMethods, printPageBreakPrivateMethods);
     if (!$xePrint) {
       $xePrintPageBreak.renderVN = () => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
@@ -38484,7 +38711,6 @@ function destroyPageBreak($xePageBreak, pageBreakConfig) {
         ref: refElem
       });
     };
-    $xePrintPageBreak.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       const elem = refElem.value;
       if ($xePrint && elem) {
@@ -38496,6 +38722,7 @@ function destroyPageBreak($xePageBreak, pageBreakConfig) {
         destroyPageBreak($xePrint, pageBreakConfig);
       }
     });
+    $xePrintPageBreak.renderVN = renderVN;
     return $xePrintPageBreak;
   },
   render() {
@@ -38582,12 +38809,13 @@ const PrintPageBreak = VxePrintPageBreak;
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $print: $xePrint
+      }, params));
+    };
     const printMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $print: $xePrint
-        }, params));
-      },
+      dispatchEvent,
       print() {
         const elem = refElem.value;
         return printHtml(Object.assign({}, props, {
@@ -38596,7 +38824,8 @@ const PrintPageBreak = VxePrintPageBreak;
         }));
       }
     };
-    Object.assign($xePrint, printMethods);
+    const printPrivateMethods = {};
+    Object.assign($xePrint, printMethods, printPrivateMethods);
     const renderPageConfigLayouts = () => {
       const {
         title,
@@ -38768,6 +38997,7 @@ const Print = VxePrint;
       emit
     } = context;
     const $xeModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeModal', null);
+    const $xeDrawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeDrawer', null);
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
@@ -38777,15 +39007,18 @@ const Print = VxePrint;
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       initialized: false,
       panelIndex: 0,
-      panelStyle: null,
+      panelStyle: {},
       panelPlacement: null,
       visiblePanel: false,
       visibleAnimate: false,
       isActivated: false
     });
+    const internalData = {
+      hpTimeout: undefined
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refPulldowContent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refPulldowPnanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refPulldownContent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refPulldownPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const computeBtnTransfer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         transfer
@@ -38795,7 +39028,7 @@ const Print = VxePrint;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -38809,6 +39042,7 @@ const Print = VxePrint;
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let pulldownMethods = {};
@@ -38834,8 +39068,8 @@ const Print = VxePrint;
         } = reactData;
         const btnTransfer = computeBtnTransfer.value;
         if (visiblePanel) {
-          const targetElem = refPulldowContent.value;
-          const panelElem = refPulldowPnanel.value;
+          const targetElem = refPulldownContent.value;
+          const panelElem = refPulldownPanel.value;
           if (panelElem && targetElem) {
             const targetHeight = targetElem.offsetHeight;
             const targetWidth = targetElem.offsetWidth;
@@ -38905,7 +39139,6 @@ const Print = VxePrint;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       });
     };
-    let hidePanelTimeout;
     /**
      * 显示下拉面板
      */
@@ -38915,7 +39148,9 @@ const Print = VxePrint;
       }
       return new Promise(resolve => {
         if (!props.disabled) {
-          clearTimeout(hidePanelTimeout);
+          if (internalData.hpTimeout) {
+            clearTimeout(internalData.hpTimeout);
+          }
           reactData.isActivated = true;
           reactData.visibleAnimate = true;
           setTimeout(() => {
@@ -38942,7 +39177,7 @@ const Print = VxePrint;
       emit('update:modelValue', false);
       return new Promise(resolve => {
         if (reactData.visibleAnimate) {
-          hidePanelTimeout = window.setTimeout(() => {
+          internalData.hpTimeout = window.setTimeout(() => {
             reactData.visibleAnimate = false;
             (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
               resolve();
@@ -38994,7 +39229,7 @@ const Print = VxePrint;
       const {
         visiblePanel
       } = reactData;
-      const panelElem = refPulldowPnanel.value;
+      const panelElem = refPulldownPanel.value;
       if (!disabled) {
         if (visiblePanel) {
           if (getEventTargetNode(evnt, panelElem).flag) {
@@ -39014,7 +39249,7 @@ const Print = VxePrint;
         visiblePanel
       } = reactData;
       const el = refElem.value;
-      const panelElem = refPulldowPnanel.value;
+      const panelElem = refPulldownPanel.value;
       if (!disabled) {
         reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
         if (visiblePanel && !reactData.isActivated) {
@@ -39110,7 +39345,7 @@ const Print = VxePrint;
           'is--active': isActivated
         }]
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refPulldowContent,
+        ref: refPulldownContent,
         class: 'vxe-pulldown--content',
         onClick: clickTargetEvent
       }, defaultSlot ? defaultSlot({
@@ -39119,7 +39354,7 @@ const Print = VxePrint;
         to: 'body',
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refPulldowPnanel,
+        ref: refPulldownPanel,
         class: ['vxe-table--ignore-clear vxe-pulldown--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
           $pulldown: $xePulldown
         }) : popupClassName : '', {