vxe-pc-ui 4.1.20 → 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.20"}`;
+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.20";
+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() {
@@ -6029,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
@@ -6146,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,
@@ -6158,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,
@@ -6173,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;
     });
@@ -6296,6 +6298,9 @@ function getDateQuarter(date) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const years = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -6396,6 +6401,9 @@ function getDateQuarter(date) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        quarterSize
+      } = internalData;
       const quarters = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -6428,6 +6436,9 @@ function getDateQuarter(date) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        monthSize
+      } = internalData;
       const months = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -6510,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) {
@@ -6603,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'
           });
         }
@@ -6647,6 +6661,9 @@ function getDateQuarter(date) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -6688,6 +6705,9 @@ function getDateQuarter(date) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -6869,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个节日重叠
@@ -6888,7 +6908,7 @@ function getDateQuarter(date) {
         }
         return labels;
       }
-      return label;
+      return `${label || ''}`;
     };
     const renderDateDayTable = () => {
       const {
@@ -7324,11 +7344,11 @@ 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() {
@@ -7540,6 +7560,10 @@ const Card = VxeCard;
       itemWidth: 0,
       itemHeight: 0
     });
+    const internalData = {
+      apTimeout: undefined,
+      stopFlag: false
+    };
     const refMaps = {
       refElem
     };
@@ -7571,6 +7595,7 @@ const Card = VxeCard;
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -7685,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 = () => {
@@ -7698,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);
           }
@@ -7810,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',
@@ -7831,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++;
@@ -7864,6 +7893,7 @@ const Card = VxeCard;
       stopAutoPlay();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeCarousel', $xeCarousel);
+    $xeCarousel.renderVN = renderVN;
     return $xeCarousel;
   },
   render() {
@@ -7905,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: {
@@ -7915,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();
@@ -7940,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
@@ -7952,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)(() => {
@@ -8024,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 {
@@ -8043,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;
@@ -8082,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,
@@ -8169,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
@@ -8192,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;
@@ -8214,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) {
@@ -8268,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;
   }
 }));
@@ -8470,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)({
@@ -8873,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();
@@ -8886,6 +8935,7 @@ const CollapsePane = VxeCollapsePane;
       handleStart();
     });
     updateCount();
+    $xeCountdown.renderVN = renderVN;
     return $xeCountdown;
   },
   render() {
@@ -9537,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) {
@@ -9558,7 +9608,7 @@ const Countdown = VxeCountdown;
       reactData.inputValue = value;
       if (!isDatePickerType) {
         if (inpImmediate) {
-          emitModel(value, evnt);
+          handleChange(value, evnt);
         } else {
           datePickerMethods.dispatchEvent('input', {
             value
@@ -9605,7 +9655,7 @@ const Countdown = VxeCountdown;
       if (isDatePickerType) {
         hidePanel();
       }
-      emitModel('', evnt);
+      handleChange('', evnt);
       datePickerMethods.dispatchEvent('clear', {
         value
       }, evnt);
@@ -9735,17 +9785,17 @@ const Countdown = VxeCountdown;
               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'
             });
           }
@@ -9753,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'
           });
         }
@@ -9776,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'
                 });
               }
@@ -9808,7 +9858,7 @@ const Countdown = VxeCountdown;
             dateRevert();
           }
         } else {
-          emitModel('', {
+          handleChange('', {
             type: 'check'
           });
         }
@@ -9820,7 +9870,7 @@ const Countdown = VxeCountdown;
       } = reactData;
       const inpImmediate = computeInpImmediate.value;
       if (!inpImmediate) {
-        emitModel(inputValue, evnt);
+        handleChange(inputValue, evnt);
       }
       afterCheckValue();
       if (!reactData.visiblePanel) {
@@ -10121,12 +10171,12 @@ const Countdown = VxeCountdown;
                 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'
             });
           }
@@ -11610,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 => {
@@ -11635,6 +11684,7 @@ const allActiveDrawers = [];
       globalEvents.off($xeDrawer, 'keydown');
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeDrawer', '$xeDrawer');
+    $xeDrawer.renderVN = renderVN;
     return $xeDrawer;
   },
   render() {
@@ -11800,9 +11850,10 @@ function isActiveItem($xeForm, formItem) {
   if (!visibleMethod) {
     return true;
   }
+  const formProps = $xeForm.props;
   const {
     data
-  } = $xeForm.props;
+  } = formProps;
   return visibleMethod({
     data,
     field,
@@ -12264,8 +12315,8 @@ function destroyItem($xeForm, formItem) {
         }
       }
     });
-    $xeTooltip.renderVN = renderVN;
     handleDelayFn();
+    $xeTooltip.renderVN = renderVN;
     return $xeTooltip;
   },
   render() {
@@ -12364,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();
@@ -12446,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,
@@ -12464,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,
@@ -12777,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
@@ -13104,7 +13156,6 @@ function getResetValue(value, resetValue) {
         }
       });
     };
-    let showErrTime;
     const beginValidate = (itemList, type, callback) => {
       const {
         data,
@@ -13114,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 {
@@ -13141,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;
@@ -13248,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();
       }
@@ -13269,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();
@@ -13383,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++;
@@ -13428,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() {
@@ -13441,9 +13492,6 @@ function getResetValue(value, resetValue) {
 
 
 const componentDefaultModelProp = 'modelValue';
-const defaultCompProps = {
-  transfer: true
-};
 /**
  * 已废弃
  * @deprecated
@@ -13478,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
   });
 }
@@ -14699,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 = {
@@ -14734,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)) {
@@ -14909,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) {
@@ -14930,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();
@@ -14990,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']);
@@ -15156,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 {
@@ -15224,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);
@@ -15235,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() {
@@ -15269,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: {
@@ -15283,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)();
@@ -15314,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;
     });
@@ -15327,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)(() => {
@@ -15426,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 = {
@@ -15435,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,
@@ -15458,10 +15530,10 @@ const formItemProps = {
         titleOverflow: allTitleOverflow,
         vertical: allVertical,
         padding: allPadding
-      } = props;
+      } = formProps;
       const {
         collapseAll
-      } = reactData;
+      } = formReactData;
       const {
         computeValidOpts
       } = $xeForm.getComputeMaps();
@@ -15495,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;
@@ -15595,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
       });
     };
@@ -17430,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 = {
@@ -17439,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);
@@ -17451,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 = {
@@ -18025,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,
@@ -18045,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)();
@@ -18059,6 +18137,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let inputMethods = {};
@@ -18283,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();
@@ -18391,6 +18473,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        quarterSize
+      } = internalData;
       const quarters = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -18423,6 +18508,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        monthSize
+      } = internalData;
       const months = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -18580,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,
@@ -18641,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 {
@@ -18657,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', {
@@ -18679,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
@@ -18717,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);
@@ -18739,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);
@@ -18821,7 +18902,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         if (inputValue) {
           const validValue = toFloatValueFixed(inputValue, digitsValue);
           if (inputValue !== validValue) {
-            emitModel(validValue, {
+            handleChange(validValue, {
               type: 'init'
             });
           }
@@ -18887,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'
             });
           }
@@ -18905,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'
           });
         }
@@ -18941,7 +19022,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
                 inpNumVal = inpStringVal;
               }
             }
-            emitModel(getNumberValue(inpNumVal), {
+            handleChange(getNumberValue(inpNumVal), {
               type: 'check'
             });
           }
@@ -18952,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'
                   });
                 }
@@ -18982,7 +19063,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
               dateRevert();
             }
           } else {
-            emitModel('', {
+            handleChange('', {
               type: 'check'
             });
           }
@@ -18995,7 +19076,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       } = reactData;
       const inpImmediate = computeInpImmediate.value;
       if (!inpImmediate) {
-        emitModel(inputValue, evnt);
+        handleChange(inputValue, evnt);
       }
       afterCheckValue();
       if (!reactData.visiblePanel) {
@@ -19048,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);
@@ -19069,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);
       }
@@ -19119,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);
@@ -19136,7 +19222,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         } else {
           numberNextEvent(evnt);
         }
-        downbumTimeout = window.setTimeout(() => {
+        internalData.dnTimeout = window.setTimeout(() => {
           if (isPrevNumber) {
             numberDownPrevEvent(evnt);
           } else {
@@ -19188,6 +19274,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -19230,6 +19319,9 @@ function toFloatValueFixed(inputValue, digitsValue) {
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -19426,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'
             });
           }
@@ -19549,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);
+          });
         });
       }
     };
@@ -19645,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) {
@@ -19822,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个节日重叠
@@ -19841,7 +19941,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         }
         return labels;
       }
-      return label;
+      return [`${label || ''}`];
     };
     const renderDateDayTable = () => {
       const {
@@ -20327,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;
@@ -20385,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;
@@ -20416,7 +20517,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         name,
         type: inputType,
         placeholder: inpPlaceholder,
-        maxlength: inpMaxlength,
+        maxlength: inpMaxLength,
         readonly: inputReadonly,
         disabled: isDisabled,
         autocomplete: autoComplete || autocomplete,
@@ -20438,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();
@@ -20480,6 +20580,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       globalEvents.off($xeInput, 'blur');
     });
     initValue();
+    $xeInput.renderVN = renderVN;
     return $xeInput;
   },
   render() {
@@ -20891,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
@@ -21073,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;
@@ -21114,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)) {
@@ -21183,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';
@@ -21444,8 +21548,8 @@ function getOptUniqueId() {
       }, 350);
     };
     const changeEvent = (evnt, selectValue) => {
+      emit('update:modelValue', selectValue);
       if (selectValue !== props.modelValue) {
-        emit('update:modelValue', selectValue);
         selectMethods.dispatchEvent('change', {
           value: selectValue
         }, evnt);
@@ -21710,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
@@ -21729,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 => {
@@ -21966,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,
@@ -22041,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 = [];
@@ -22087,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() {
@@ -23422,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) {
@@ -23443,7 +23548,7 @@ let autoTxtElem;
       const value = textElem.value;
       reactData.inputValue = value;
       if (immediate) {
-        emitUpdate(value, evnt);
+        handleChange(value, evnt);
       }
       $xeTextarea.dispatchEvent('input', {
         value
@@ -23457,7 +23562,7 @@ let autoTxtElem;
       if (immediate) {
         triggerEvent(evnt);
       } else {
-        emitUpdate(reactData.inputValue, evnt);
+        handleChange(reactData.inputValue, evnt);
       }
     };
     const blurEvent = evnt => {
@@ -23468,7 +23573,7 @@ let autoTxtElem;
         inputValue
       } = reactData;
       if (!immediate) {
-        emitUpdate(inputValue, evnt);
+        handleChange(inputValue, evnt);
       }
       $xeTextarea.dispatchEvent('blur', {
         value: inputValue
@@ -24302,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() {
@@ -26536,7 +26641,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         value: inputValue
       }, evnt);
     };
-    const emitModel = (val, inputValue, evnt) => {
+    const handleChange = (val, inputValue, evnt) => {
       const value = val ? Number(val) : null;
       const isChange = Number(value) !== props.modelValue;
       if (isChange) {
@@ -26561,7 +26666,7 @@ 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 {
         numberInputMethods.dispatchEvent('input', {
           value
@@ -26596,7 +26701,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
     };
     const clearValueEvent = (evnt, value) => {
       focus();
-      emitModel(null, '', evnt);
+      handleChange(null, '', evnt);
       numberInputMethods.dispatchEvent('clear', {
         value
       }, evnt);
@@ -26632,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'
             });
           }
@@ -26671,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'
           });
         }
@@ -26684,7 +26789,7 @@ 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;
@@ -28367,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)];
@@ -29097,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++;
@@ -29128,6 +29232,7 @@ function getNodeUniqueId() {
     });
     updateData(props.data || []);
     updateCheckboxChecked(props.checkNodeKeys || []);
+    $xeTree.renderVN = renderVN;
     return $xeTree;
   },
   render() {
@@ -29214,6 +29319,9 @@ function tree_select_getOptUniqueId() {
       visibleAnimate: false,
       isActivated: false
     });
+    const internalData = {
+      hpTimeout: undefined
+    };
     const refMaps = {
       refElem
     };
@@ -29311,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(', ');
     });
@@ -29323,6 +29431,7 @@ function tree_select_getOptUniqueId() {
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -29351,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();
@@ -29455,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;
         }
@@ -29477,7 +29585,7 @@ function tree_select_getOptUniqueId() {
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.visibleAnimate = false;
       }, 350);
     };
@@ -29485,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
@@ -29730,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();
     });
@@ -29745,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() {
@@ -30787,7 +30896,7 @@ const saveLocalFile = options => {
         $upload: $xeUpload
       }, params));
     };
-    const emitModel = value => {
+    const handleChange = value => {
       const {
         singleMode,
         urlMode
@@ -30970,7 +31079,7 @@ const saveLocalFile = options => {
         cacheItem.percent = 0;
         handleUploadResult(item, file).then(() => {
           if (urlMode) {
-            emitModel(reactData.fileList);
+            handleChange(reactData.fileList);
           }
         });
       }
@@ -31082,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);
@@ -31122,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);
@@ -31634,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++;
@@ -31656,6 +31764,7 @@ const saveLocalFile = options => {
       reactData.isDrag = false;
     });
     updateFileList();
+    $xeUpload.renderVN = renderVN;
     return $xeUpload;
   },
   render() {
@@ -32363,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,
@@ -32371,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)();
@@ -32539,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;
         }
@@ -32558,7 +32675,7 @@ const Icon = VxeIcon;
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };
@@ -32689,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;
       },
@@ -32844,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 || ''}`;
     });
@@ -32863,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() {
@@ -33444,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();
@@ -33462,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;
   }
 }));
@@ -33813,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
@@ -33962,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() {
@@ -35781,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 || {});
@@ -35790,6 +35910,7 @@ const DefaultParameterSettingFormComponent = (0,external_commonjs_vue_commonjs2_
     if (props.config) {
       loadConfig(props.config);
     }
+    $xeListDesign.renderVN = renderVN;
     return $xeListDesign;
   },
   render() {
@@ -36335,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 || {});
     });
@@ -36350,6 +36470,7 @@ const ListDesign = VxeListDesign;
         }
       });
     }
+    $xeListView.renderVN = renderVN;
     return $xeListView;
   },
   render() {
@@ -36411,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,
@@ -36426,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
     };
@@ -36685,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();
       }
@@ -37049,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++;
@@ -37074,6 +37198,7 @@ const List = VxeList;
     });
     updateMenuConfig();
     updateActiveMenu(true);
+    $xeMenu.renderVN = renderVN;
     return $xeMenu;
   },
   render() {
@@ -37267,7 +37392,7 @@ function watchOption(props, option) {
     });
   });
 }
-function assembleOption($xeSelect, el, option, optGroup) {
+function assembleOption($xeSelect, el, option, $xeOptgroup) {
   const {
     reactData
   } = $xeSelect;
@@ -37275,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);
@@ -37314,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({}) : []);
     };
   }
 }));
@@ -37358,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: ''
@@ -37370,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', {
@@ -37513,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,
@@ -37524,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) {
@@ -37560,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
@@ -37779,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;
@@ -37791,7 +37921,7 @@ const Option = VxeOption;
             }],
             type: 'button',
             onClick: evnt => jumpPageEvent(evnt, number)
-          }, number));
+          }, `${number}`));
         }
       });
       if (showJump && isGt) {
@@ -37865,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)();
@@ -38131,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', {
@@ -38189,7 +38320,7 @@ const Pager = VxePager;
     };
     const clearValueEvent = (evnt, value) => {
       focus();
-      emitModel('', evnt);
+      handleChange('', evnt);
       passwordInputMethods.dispatchEvent('clear', {
         value
       }, evnt);
@@ -38529,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);
@@ -38557,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)();
@@ -38568,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) {
@@ -38580,6 +38722,7 @@ function destroyPageBreak($xePageBreak, pageBreakConfig) {
         destroyPageBreak($xePrint, pageBreakConfig);
       }
     });
+    $xePrintPageBreak.renderVN = renderVN;
     return $xePrintPageBreak;
   },
   render() {
@@ -38666,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, {
@@ -38680,7 +38824,8 @@ const PrintPageBreak = VxePrintPageBreak;
         }));
       }
     };
-    Object.assign($xePrint, printMethods);
+    const printPrivateMethods = {};
+    Object.assign($xePrint, printMethods, printPrivateMethods);
     const renderPageConfigLayouts = () => {
       const {
         title,