vxe-pc-ui 4.18.22 → 4.19.0

package/lib/index.umd.js

@@ -3060,7 +3060,7 @@ __webpack_require__.d(__webpack_exports__, {
   hooks: function() { return /* reexport */ hooks; },
   install: function() { return /* reexport */ install; },
   interceptor: function() { return /* reexport */ interceptor; },
-  loading: function() { return /* reexport */ loading; },
+  loading: function() { return /* reexport */ components_loading; },
   log: function() { return /* reexport */ log; },
   menus: function() { return /* reexport */ menus; },
   modal: function() { return /* reexport */ components_modal; },
@@ -3316,7 +3316,7 @@ __webpack_require__.d(components_namespaceObject, {
   hooks: function() { return hooks; },
   install: function() { return install; },
   interceptor: function() { return interceptor; },
-  loading: function() { return loading; },
+  loading: function() { return components_loading; },
   log: function() { return log; },
   menus: function() { return menus; },
   modal: function() { return components_modal; },
@@ -4745,7 +4745,7 @@ function checkDynamic() {
 const {
   log: log_log
 } = VxeUI;
-const uiVersion = `ui v${"4.18.22"}`;
+const uiVersion = `ui v${"4.19.0"}`;
 function createComponentLog(name) {
   const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
   const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4763,7 +4763,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.18.22";
+const ui_version = "4.19.0";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4974,7 +4974,13 @@ setConfig({
     digits: 2,
     controls: true
   },
-  layoutAside: {},
+  layoutAside: {
+    scrollbarConfig: {
+      yConfig: {
+        autoHide: true
+      }
+    }
+  },
   layoutBody: {
     backtopConfig: {}
   },
@@ -11339,30 +11345,30 @@ const {
         class: 'vxe-calendar--header'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-calendar--type-wrapper'
-      }, [datePanelType === 'year' ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, [datePanelType === 'year' ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         class: 'vxe-calendar--date-picker-label',
         disabled: datePanelType === 'year',
         content: selectDatePanelObj.y
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-calendar--date-picker-btns'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         class: 'vxe-calendar--date-picker-btn',
         content: selectDatePanelObj.y,
         onClick: dateToggleYearTypeEvent
-      }), selectDatePanelObj.m ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }), selectDatePanelObj.m ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         class: 'vxe-calendar--date-picker-btn',
         content: selectDatePanelObj.m,
         onClick: dateToggleMonthTypeEvent
       }) : renderEmptyElement($xeCalendar)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-calendar--btn-wrapper'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         disabled: isDisabledPrevDateBtn,
         icon: 'vxe-icon-caret-left',
         onClick: datePrevEvent
-      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         icon: 'vxe-icon-dot',
         onClick: dateTodayMonthEvent
-      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         disabled: isDisabledNextDateBtn,
         icon: 'vxe-icon-caret-right',
         onClick: dateNextEvent
@@ -11464,7 +11470,7 @@ const Calendar = VxeCalendar;
 
 
 
-/* harmony default export */ var src_loading = (defineVxeComponent({
+/* harmony default export */ var loading = (defineVxeComponent({
   name: 'VxeLoading',
   props: {
     modelValue: Boolean,
@@ -11585,6 +11591,38 @@ const Calendar = VxeCalendar;
     return this.renderVN();
   }
 }));
+;// ./packages/loading/index.ts
+
+
+
+const VxeLoading = Object.assign({}, loading, {
+  install(app) {
+    app.component(loading.name, loading);
+  }
+});
+const LoadingController = {
+  open(options) {
+    const opts = Object.assign({}, options);
+    dynamicStore.globalLoading = Object.assign({
+      modelValue: true,
+      text: opts.text,
+      icon: opts.icon
+    }, {
+      key: 'gl'
+    });
+    checkDynamic();
+    return Promise.resolve();
+  },
+  close() {
+    dynamicStore.globalLoading = null;
+    return Promise.resolve();
+  }
+};
+dynamicApp.use(VxeLoading);
+VxeUI.component(loading);
+VxeUI.loading = LoadingController;
+const Loading = VxeLoading;
+/* harmony default export */ var packages_loading = (VxeLoading);
 ;// ./packages/card/src/card.ts
 
 
@@ -11720,7 +11758,7 @@ const Calendar = VxeCalendar;
       /**
        * 加载中
        */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
         class: 'vxe-card--loading',
         modelValue: loading
       })]);
@@ -12102,7 +12140,7 @@ const Card = VxeCard;
       /**
        * 加载中
        */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
         class: 'vxe-carousel--loading',
         modelValue: loading
       })]);
@@ -14652,7 +14690,7 @@ let crossListDragRowObj = null;
       /**
        * 加载中
        */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
         class: 'vxe-list--loading',
         modelValue: loading
       })]);
@@ -24891,6 +24929,19 @@ const ContextMenu = VxeContextMenu;
     return this.renderVN();
   }
 }));
+;// ./packages/text/index.ts
+
+
+
+const VxeText = Object.assign({}, src_text, {
+  install(app) {
+    app.component(src_text.name, src_text);
+  }
+});
+dynamicApp.use(VxeText);
+VxeUI.component(src_text);
+const Text = VxeText;
+/* harmony default export */ var packages_text = (VxeText);
 ;// ./packages/countdown/src/countdown.ts
 
 
@@ -25088,7 +25139,7 @@ const ContextMenu = VxeContextMenu;
       }, prefixSlot ? vn_getSlotVNs(prefixSlot({
         currentValue: currNum,
         diffConf
-      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_text, {
+      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_text, {
         content: prefixOpts.content,
         icon: prefixOpts.icon,
         status: prefixOpts.status
@@ -25102,7 +25153,7 @@ const ContextMenu = VxeContextMenu;
       }, suffixSlot ? vn_getSlotVNs(suffixSlot({
         currentValue: currNum,
         diffConf
-      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_text, {
+      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_text, {
         content: suffixOpts.content,
         icon: suffixOpts.icon,
         status: suffixOpts.status
@@ -28624,7 +28675,7 @@ function date_picker_createInternalData() {
       if (isEnableConf(shortcutOpts) && shortcutList.length && (position || 'left') === pos) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: `vxe-date-picker--layout-${pos}-wrapper`
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(button_group, {
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button_group, {
           options: shortcutList,
           mode,
           align,
@@ -28714,7 +28765,7 @@ function date_picker_createInternalData() {
         class: 'vxe-date-picker--layout-header-wrapper'
       }, headerSlot({})) : renderShortcutBtn('header'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-picker--layout-body-wrapper'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(date_panel, {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_date_panel, {
         ref: refDatePanel,
         modelValue: reactData.inputValue,
         type: props.type,
@@ -28744,12 +28795,12 @@ function date_picker_createInternalData() {
         class: 'vxe-date-picker--layout-footer-custom'
       }, footerSlot ? footerSlot({}) : [renderShortcutBtn('footer')]), showClearBtn || showConfirmBtn ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-picker--layout-footer-btns'
-      }, [showClearBtn ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, [showClearBtn ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         size: 'mini',
         disabled: inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue),
         content: getI18n('vxe.button.clear'),
         onClick: clearValueEvent
-      }) : renderEmptyElement($xeDatePicker), showConfirmBtn ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }) : renderEmptyElement($xeDatePicker), showConfirmBtn ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         size: 'mini',
         status: 'primary',
         content: getI18n('vxe.button.confirm'),
@@ -30702,38 +30753,6 @@ const Divider = VxeDivider;
 /* harmony default export */ var packages_divider = (VxeDivider);
 ;// ./packages/drawer/src/store.ts
 const allActiveDrawers = [];
-;// ./packages/loading/index.ts
-
-
-
-const VxeLoading = Object.assign({}, src_loading, {
-  install(app) {
-    app.component(src_loading.name, src_loading);
-  }
-});
-const LoadingController = {
-  open(options) {
-    const opts = Object.assign({}, options);
-    dynamicStore.globalLoading = Object.assign({
-      modelValue: true,
-      text: opts.text,
-      icon: opts.icon
-    }, {
-      key: 'gl'
-    });
-    checkDynamic();
-    return Promise.resolve();
-  },
-  close() {
-    dynamicStore.globalLoading = null;
-    return Promise.resolve();
-  }
-};
-dynamicApp.use(VxeLoading);
-VxeUI.component(src_loading);
-VxeUI.loading = LoadingController;
-const Loading = VxeLoading;
-/* harmony default export */ var packages_loading = (VxeLoading);
 ;// ./packages/drawer/src/drawer.ts
 
 
@@ -35289,7 +35308,7 @@ function icon_picker_createInternalData() {
         style: wrapperStyle
       }, [filterable ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-ico-picker--panel-search'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(input, {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_input, {
         ref: refInpSearch,
         class: 'vxe-ico-picker-search--input',
         modelValue: reactData.searchValue,
@@ -36527,264 +36546,954 @@ dynamicApp.use(VxeImagePreview);
 VxeUI.component(preview);
 const ImagePreview = VxeImagePreview;
 /* harmony default export */ var image_preview = (VxeImagePreview);
-;// ./packages/layout-aside/src/layout-aside.ts
+;// ./packages/scrollbar/src/util.ts
+/**
+ * 计算滚动条滑块的长度
+ */
+function getThumbSize(viewportSize, contentSize, trackSize) {
+  if (contentSize <= viewportSize) {
+    return 0;
+  }
+  const ratio = viewportSize / contentSize;
+  const ideal = trackSize * ratio;
+  return Math.max(20, Math.min(ideal, trackSize));
+}
+/**
+ * 计算滚动条滑块的偏移位置
+ */
+function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
+  const maxScroll = contentSize - viewportSize;
+  if (maxScroll <= 0) {
+    return 0;
+  }
+  const maxThumbOffset = trackSize - thumbSize;
+  if (maxThumbOffset <= 0) {
+    return 0;
+  }
+  const clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
+  const ratio = clamped / maxScroll;
+  return ratio * maxThumbOffset;
+}
+/**
+ * 根据点击轨道的位置，计算滑块的偏移位置
+ */
+function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
+  const maxThumbOffset = trackSize - thumbSize;
+  const maxScroll = contentSize - viewportSize;
+  if (maxScroll <= 0 || maxThumbOffset <= 0) {
+    return 0;
+  }
+  let thumbOffset = clickPosition - thumbSize / 2;
+  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
+  const scrollOffset = thumbOffset / maxThumbOffset * maxScroll;
+  return scrollOffset;
+}
+/**
+ * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
+ */
+function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
+  const maxScroll = contentSize - viewportSize;
+  const maxThumbOffset = trackSize - thumbSize;
+  if (maxScroll <= 0 || maxThumbOffset <= 0) {
+    return 0;
+  }
+  let thumbOffset = pointerPosition - dragOffset;
+  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
+  return thumbOffset / maxThumbOffset * maxScroll;
+}
+;// ./packages/scrollbar/src/scrollbar.ts
 
 
 
 
 
 
-/* harmony default export */ var layout_aside = (defineVxeComponent({
-  name: 'VxeLayoutAside',
+
+const {
+  getConfig: scrollbar_getConfig,
+  createEvent: scrollbar_createEvent,
+  domUtils: scrollbar_domUtils,
+  globalResize: scrollbar_globalResize,
+  renderEmptyElement: scrollbar_renderEmptyElement
+} = VxeUI;
+function scrollbar_createReactData() {
+  return {
+    yThumbHeight: 0,
+    xThumbWidth: 0
+  };
+}
+function scrollbar_createInternalData() {
+  return {
+    // resizeObserver: undefined,
+    // isThumbDrag: false,
+    thumbDragOffset: 0,
+    yThumbTop: 0,
+    xThumbLeft: 0,
+    lastScrollTop: 0,
+    lastScrollLeft: 0
+  };
+}
+/* harmony default export */ var scrollbar = (defineVxeComponent({
+  name: 'VxeScrollbar',
   props: {
+    id: [String, Number],
     width: [String, Number],
-    collapsed: Boolean,
-    collapseWidth: [String, Number],
+    height: [String, Number],
+    minWidth: [String, Number],
+    minHeight: [String, Number],
+    maxWidth: [String, Number],
+    maxHeight: [String, Number],
     loading: Boolean,
-    padding: Boolean,
-    collapseConfig: Object,
-    size: {
+    native: {
+      type: Boolean,
+      default: () => scrollbar_getConfig().scrollbar.native
+    },
+    xConfig: Object,
+    yConfig: Object,
+    className: {
       type: String,
-      default: () => getConfig().layoutAside.size || getConfig().size
-    }
+      default: () => scrollbar_getConfig().scrollbar.className
+    },
+    viewAttrs: {
+      type: Object,
+      default: () => scrollbar_getConfig().scrollbar.viewAttrs
+    },
+    viewClassName: {
+      type: String,
+      default: () => scrollbar_getConfig().scrollbar.viewClassName
+    },
+    viewInnerClassName: {
+      type: String,
+      default: () => scrollbar_getConfig().scrollbar.viewInnerClassName
+    },
+    autoResize: {
+      type: Boolean,
+      default: () => scrollbar_getConfig().scrollbar.autoResize
+    },
+    syncResize: [Boolean, String, Number]
   },
-  emits: [],
+  emits: ['scroll', 'scroll-boundary'],
   setup(props, context) {
     const {
-      slots,
-      emit
+      emit,
+      slots
     } = 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)();
-    const {
-      computeSize
-    } = useSize(props);
-    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
-    const refMaps = {
-      refElem
-    };
-    const computeCollapseOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
-    });
-    const computeVarStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const refViewElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refViewInnerElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refTrackXElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refTrackYElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refThumbXElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refThumbYElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(scrollbar_createReactData());
+    const internalData = scrollbar_createInternalData();
+    const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         width,
-        collapseWidth
+        height,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight
       } = props;
+      const xOpts = computeXOpts.value;
+      const yOpts = computeYOpts.value;
       const stys = {};
-      if (collapseWidth) {
-        stys['--vxe-ui-layout-aside-collapse-width'] = toCssUnit(collapseWidth);
-      }
       if (width) {
-        stys['--vxe-ui-layout-aside-default-width'] = toCssUnit(width);
+        stys.width = toCssUnit(width);
+      }
+      if (height) {
+        stys.height = toCssUnit(height);
+      }
+      if (minWidth) {
+        stys.minWidth = toCssUnit(minWidth);
+      }
+      if (minHeight) {
+        stys.minHeight = toCssUnit(minHeight);
+      }
+      if (maxWidth) {
+        stys.maxWidth = toCssUnit(maxWidth);
+      }
+      if (maxHeight) {
+        stys.maxHeight = toCssUnit(maxHeight);
+      }
+      if (yOpts.width) {
+        stys['--vxe-ui-scrollbar-y-width'] = toCssUnit(yOpts.width);
+      }
+      if (xOpts.height) {
+        stys['--vxe-ui-scrollbar-x-height'] = toCssUnit(xOpts.height);
       }
       return stys;
     });
-    const computeMaps = {
-      computeSize,
-      computeVarStyle
-    };
-    const $xeLayoutAside = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, {
-        $layoutAside: $xeLayoutAside
-      }, params));
-    };
-    const layoutAsideMethods = {
-      dispatchEvent
-    };
-    const layoutAsidePrivateMethods = {};
-    Object.assign($xeLayoutAside, layoutAsideMethods, layoutAsidePrivateMethods);
-    const renderVN = () => {
+    const computeWrapperClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
-        collapsed,
-        loading,
-        padding
+        native,
+        className
       } = props;
-      const varStyle = computeVarStyle.value;
-      const vSize = computeSize.value;
-      const collapseOpts = computeCollapseOpts.value;
-      const defaultSlot = slots.default;
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('aside', {
-        ref: refElem,
-        class: ['vxe-layout-aside', {
-          [`size--${vSize}`]: vSize,
-          'is--animat': collapseOpts.animation !== false,
-          'is--padding': padding,
-          'is--collapse': collapsed,
-          'is--loading': loading
-        }],
-        style: varStyle
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-layout-aside--inner'
-      }, defaultSlot ? defaultSlot({}) : []),
-      /**
-       * 加载中
-       */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
-        class: 'vxe-list-view--loading',
-        modelValue: loading
-      })]);
-    };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeLayoutAside', $xeLayoutAside);
-    $xeLayoutAside.renderVN = renderVN;
-    return $xeLayoutAside;
-  },
-  render() {
-    return this.renderVN();
-  }
-}));
-;// ./packages/layout-aside/index.ts
-
-
-
-const VxeLayoutAside = Object.assign({}, layout_aside, {
-  install(app) {
-    app.component(layout_aside.name, layout_aside);
-  }
-});
-dynamicApp.use(VxeLayoutAside);
-VxeUI.component(layout_aside);
-const LayoutAside = VxeLayoutAside;
-/* harmony default export */ var packages_layout_aside = (VxeLayoutAside);
-;// ./packages/layout-body/src/layout-body.ts
-
-
-
-
-
-
-function layout_body_createInternalData() {
-  return {};
-}
-function layout_body_createReactData() {
-  return {};
-}
-/* harmony default export */ var layout_body = (defineVxeComponent({
-  name: 'VxeLayoutBody',
-  props: {
-    loading: Boolean,
-    padding: Boolean,
-    showBacktop: {
-      type: Boolean,
-      default: () => getConfig().layoutBody.showBacktop
-    },
-    backtopConfig: Object,
-    size: {
-      type: String,
-      default: () => getConfig().layoutBody.size || getConfig().size
-    }
-  },
-  emits: [],
-  setup(props, context) {
-    const {
-      slots,
-      emit
-    } = context;
-    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    const backtopId = `vxe_layout_body_backtop_${xID}`;
-    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const {
-      computeSize
-    } = useSize(props);
-    const internalData = layout_body_createInternalData();
-    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(layout_body_createReactData());
-    const refMaps = {
-      refElem
-    };
-    const computeBacktopOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().layoutBody.backtopConfig, props.backtopConfig, {
-        target: '#' + backtopId
+      const {
+        yThumbHeight,
+        xThumbWidth
+      } = reactData;
+      const xOpts = computeXOpts.value;
+      const yOpts = computeYOpts.value;
+      return scrollbar_domUtils.buildClass(['vxe-scrollbar', `ov-x--${xOpts.visible || 'visible'}`, `ov-y--${yOpts.visible || 'visible'}`, native ? 'is--native' : 'is--virtual', className], {
+        'ov-x--auto-hide': xOpts.autoHide,
+        'ov-y--auto-hide': yOpts.autoHide,
+        'overflow-y': yThumbHeight,
+        'overflow-x': xThumbWidth
       });
     });
-    const computeMaps = {
-      computeSize
+    const computeViewClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        viewClassName
+      } = props;
+      return scrollbar_domUtils.buildClass(['vxe-scrollbar--view', viewClassName]);
+    });
+    const computeViewInnerClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        viewInnerClassName
+      } = props;
+      return scrollbar_domUtils.buildClass(['vxe-scrollbar--view-inner', viewInnerClassName]);
+    });
+    const computeXOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, scrollbar_getConfig().scrollbar.xConfig, props.xConfig);
+    });
+    const computeYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, scrollbar_getConfig().scrollbar.yConfig, props.yConfig);
+    });
+    const refMaps = {
+      refElem
     };
-    const $xeLayoutBody = {
+    const computeMaps = {};
+    const $xeScrollbar = {
       xID,
       props,
       context,
-      internalData,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, {
-        $layoutBody: $xeLayoutBody
+      emit(type, scrollbar_createEvent(evnt, {
+        $scrollbar: $xeScrollbar
       }, params));
     };
-    const layoutBodyMethods = {
-      dispatchEvent
+    const scrollbarMethods = {
+      dispatchEvent,
+      scrollTo(left, top) {
+        const viewEl = refViewElem.value;
+        if (viewEl) {
+          if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(left)) {
+            viewEl.scrollTo(left, top || 0);
+          } else {
+            viewEl.scrollTo(left);
+          }
+        }
+      },
+      scrollIntoView() {
+        const viewEl = refViewElem.value;
+        if (viewEl) {
+          viewEl.scrollIntoView();
+        }
+      },
+      recalculate() {
+        updateThumbSize();
+        updateThumbOffset();
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      }
     };
-    const layoutBodyPrivateMethods = {};
-    Object.assign($xeLayoutBody, layoutBodyMethods, layoutBodyPrivateMethods);
-    const renderVN = () => {
-      const {
-        loading,
-        padding,
-        showBacktop
-      } = props;
-      const backtopOpts = computeBacktopOpts.value;
-      const vSize = computeSize.value;
-      const defaultSlot = slots.default;
-      const backtopSlot = slots.backtop;
-      const backtopTopSlot = slots.backtopTop || slots['backtop-top'];
-      const backtopBottomSlot = slots.backtopBottom || slots['backtop-bottom'];
-      const backtopScopeSlots = {};
-      if (backtopSlot) {
-        backtopScopeSlots.default = backtopSlot;
+    const updateThumbSize = () => {
+      const viewEl = refViewElem.value;
+      if (!viewEl) {
+        return;
       }
-      if (backtopTopSlot) {
-        backtopScopeSlots.top = backtopTopSlot;
+      const trackXEl = refTrackXElem.value;
+      const xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
+      const thumbXElem = refThumbXElem.value;
+      if (thumbXElem) {
+        thumbXElem.style.width = xThumbWidth + 'px';
       }
-      if (backtopBottomSlot) {
-        backtopScopeSlots.bottom = backtopBottomSlot;
+      reactData.xThumbWidth = xThumbWidth;
+      const trackYEl = refTrackYElem.value;
+      const yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
+      const thumbYElem = refThumbYElem.value;
+      if (thumbYElem) {
+        thumbYElem.style.height = yThumbHeight + 'px';
       }
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refElem,
-        class: ['vxe-layout-body', {
-          [`size--${vSize}`]: vSize,
-          'is--loading': loading,
-          'is--padding': padding
-        }]
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        id: showBacktop ? backtopId : '',
-        class: 'vxe-layout-body--inner'
-      }, defaultSlot ? defaultSlot({}) : []),
-      /**
-       * 加载中
-       */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
-        class: 'vxe-list-view--loading',
-        modelValue: loading
-      }),
-      /**
-       * 回到顶部
-       */
-      showBacktop ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_backtop, backtopOpts, backtopScopeSlots) : renderEmptyElement($xeLayoutBody)]);
+      reactData.yThumbHeight = yThumbHeight;
     };
-    $xeLayoutBody.renderVN = renderVN;
-    return $xeLayoutBody;
-  },
-  render() {
-    return this.renderVN();
-  }
-}));
-;// ./packages/layout-body/index.ts
-
-
-
-const VxeLayoutBody = Object.assign({}, layout_body, {
-  install(app) {
-    app.component(layout_body.name, layout_body);
+    const updateThumbOffset = () => {
+      const viewEl = refViewElem.value;
+      if (!viewEl) {
+        return;
+      }
+      const {
+        xThumbWidth,
+        yThumbHeight
+      } = reactData;
+      const trackXEl = refTrackXElem.value;
+      const thumbXElem = refThumbXElem.value;
+      const xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
+      internalData.xThumbLeft = xThumbLeft;
+      if (thumbXElem && xThumbWidth) {
+        thumbXElem.style.width = xThumbWidth + 'px';
+        thumbXElem.style.transform = `translateX(${xThumbLeft}px)`;
+      }
+      const trackYEl = refTrackYElem.value;
+      const thumbYElem = refThumbYElem.value;
+      const yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
+      internalData.yThumbTop = yThumbTop;
+      if (thumbYElem && yThumbHeight) {
+        thumbYElem.style.height = yThumbHeight + 'px';
+        thumbYElem.style.transform = `translateY(${yThumbTop}px)`;
+      }
+    };
+    const scrollEvent = evnt => {
+      const {
+        xThumbWidth,
+        yThumbHeight
+      } = reactData;
+      const {
+        lastScrollTop,
+        lastScrollLeft
+      } = internalData;
+      const xOpts = computeXOpts.value;
+      const yOpts = computeYOpts.value;
+      const viewEl = evnt.currentTarget;
+      const {
+        scrollTop,
+        scrollLeft,
+        clientWidth,
+        clientHeight,
+        scrollHeight,
+        scrollWidth
+      } = viewEl;
+      let direction = '';
+      let isTopBoundary = false;
+      let isBottomBoundary = false;
+      let isLeftBoundary = false;
+      let isRightBoundary = false;
+      if (lastScrollTop !== scrollTop) {
+        const yThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(yOpts.threshold) || 1;
+        if (lastScrollTop < scrollTop) {
+          direction = 'bottom';
+          if (yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight - yThreshold) {
+            isBottomBoundary = true;
+          }
+        } else {
+          direction = 'top';
+          if (yThumbHeight > 0 && scrollTop <= yThreshold) {
+            isTopBoundary = true;
+          }
+        }
+      }
+      if (lastScrollLeft !== scrollLeft) {
+        const xThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(xOpts.threshold) || 1;
+        if (lastScrollLeft < scrollLeft) {
+          direction = 'right';
+          if (xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth - xThreshold) {
+            isRightBoundary = true;
+          }
+        } else {
+          direction = 'left';
+          if (xThumbWidth > 0 && scrollLeft <= xThreshold) {
+            isLeftBoundary = true;
+          }
+        }
+      }
+      updateThumbOffset();
+      internalData.lastScrollTop = scrollTop;
+      internalData.lastScrollLeft = scrollLeft;
+      if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
+        dispatchEvent('scroll-boundary', {
+          direction: direction,
+          isTop: isTopBoundary,
+          isBottom: isBottomBoundary,
+          isLeft: isLeftBoundary,
+          isRight: isRightBoundary,
+          scrollTop: scrollTop,
+          scrollLeft: scrollLeft,
+          clientWidth: clientWidth,
+          clientHeight: clientHeight,
+          scrollHeight: scrollHeight,
+          scrollWidth: scrollWidth
+        }, evnt);
+      }
+      dispatchEvent('scroll', {
+        direction: direction,
+        isTop: yThumbHeight > 0 && scrollTop <= 0,
+        isBottom: yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight,
+        isLeft: xThumbWidth > 0 && scrollLeft <= 0,
+        isRight: xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth,
+        scrollTop: scrollTop,
+        scrollLeft: scrollLeft,
+        clientWidth: clientWidth,
+        clientHeight: clientHeight,
+        scrollHeight: scrollHeight,
+        scrollWidth: scrollWidth
+      }, evnt);
+    };
+    const clickTrackXEvent = evnt => {
+      const trackEl = evnt.currentTarget;
+      if (trackEl !== evnt.target) {
+        return;
+      }
+      const viewEl = refViewElem.value;
+      if (!viewEl) {
+        return;
+      }
+      const {
+        xThumbWidth
+      } = reactData;
+      const trackRect = trackEl.getBoundingClientRect();
+      viewEl.scrollTo({
+        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
+        behavior: 'auto'
+      });
+    };
+    const clickTrackYEvent = evnt => {
+      const trackEl = evnt.currentTarget;
+      if (trackEl !== evnt.target) {
+        return;
+      }
+      const viewEl = refViewElem.value;
+      if (!viewEl) {
+        return;
+      }
+      const {
+        yThumbHeight
+      } = reactData;
+      const trackRect = trackEl.getBoundingClientRect();
+      viewEl.scrollTo({
+        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
+        behavior: 'auto'
+      });
+    };
+    const pointerdownThumbXEvent = evnt => {
+      const thumbEl = evnt.currentTarget;
+      internalData.isThumbDrag = true;
+      thumbEl.setPointerCapture(evnt.pointerId);
+      const viewEl = refViewElem.value;
+      if (!viewEl) {
+        return;
+      }
+      const {
+        xThumbWidth
+      } = reactData;
+      const trackEl = thumbEl.parentElement;
+      const trackRect = trackEl.getBoundingClientRect();
+      const pointerPosition = evnt.clientX - trackRect.left;
+      // 记录 thumb 的偏移
+      const thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      internalData.thumbDragOffset = pointerPosition - thumbOffset;
+    };
+    const pointermoveThumbXEvent = evnt => {
+      const thumbEl = evnt.currentTarget;
+      if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
+        return;
+      }
+      const {
+        isThumbDrag,
+        thumbDragOffset
+      } = internalData;
+      if (isThumbDrag) {
+        const viewEl = refViewElem.value;
+        if (!viewEl) {
+          return;
+        }
+        const {
+          xThumbWidth
+        } = reactData;
+        const thumbEl = evnt.currentTarget;
+        const trackEl = thumbEl.parentElement;
+        const trackRect = trackEl.getBoundingClientRect();
+        // 更新偏移
+        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      }
+    };
+    const cleatPointerThumbEvent = evnt => {
+      const thumbEl = evnt.currentTarget;
+      thumbEl.releasePointerCapture(evnt.pointerId);
+      internalData.isThumbDrag = false;
+    };
+    const pointerdownThumbYEvent = evnt => {
+      const thumbEl = evnt.currentTarget;
+      internalData.isThumbDrag = true;
+      thumbEl.setPointerCapture(evnt.pointerId);
+      const viewEl = refViewElem.value;
+      if (!viewEl) {
+        return;
+      }
+      const {
+        yThumbHeight
+      } = reactData;
+      const trackEl = thumbEl.parentElement;
+      const trackRect = trackEl.getBoundingClientRect();
+      const pointerPosition = evnt.clientY - trackRect.top;
+      // 记录 thumb 的偏移
+      const thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      internalData.thumbDragOffset = pointerPosition - thumbOffset;
+    };
+    const pointermoveThumbYEvent = evnt => {
+      const thumbEl = evnt.currentTarget;
+      if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
+        return;
+      }
+      const {
+        isThumbDrag,
+        thumbDragOffset
+      } = internalData;
+      if (isThumbDrag) {
+        const viewEl = refViewElem.value;
+        if (!viewEl) {
+          return;
+        }
+        const {
+          yThumbHeight
+        } = reactData;
+        const thumbEl = evnt.currentTarget;
+        const trackEl = thumbEl.parentElement;
+        const trackRect = trackEl.getBoundingClientRect();
+        // 更新偏移
+        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      }
+    };
+    const scrollbarPrivateMethods = {};
+    Object.assign($xeScrollbar, scrollbarMethods, scrollbarPrivateMethods);
+    const renderVN = () => {
+      const {
+        id,
+        native,
+        loading,
+        viewAttrs
+      } = props;
+      const wrapperStyle = computeWrapperStyle.value;
+      const wrapperClss = computeWrapperClss.value;
+      const viewClss = computeViewClss.value;
+      const viewInnerClss = computeViewInnerClss.value;
+      const xOpts = computeXOpts.value;
+      const yOpts = computeYOpts.value;
+      const defaultSlot = slots.default;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem,
+        id: id || null,
+        class: wrapperClss,
+        style: wrapperStyle
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refViewElem,
+        class: viewClss,
+        onScroll: scrollEvent,
+        ...viewAttrs
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: 'vi',
+        ref: refViewInnerElem,
+        class: viewInnerClss
+      }, defaultSlot ? defaultSlot({}) : [])]), native || xOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refTrackXElem,
+        class: 'vxe-scrollbar--track-x',
+        onClick: clickTrackXEvent
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refThumbXElem,
+        class: 'vxe-scrollbar--thumb-x',
+        onPointerdown: pointerdownThumbXEvent,
+        onPointermove: pointermoveThumbXEvent,
+        onPointerup: cleatPointerThumbEvent,
+        onPointercancel: cleatPointerThumbEvent,
+        onLostpointercapture: cleatPointerThumbEvent
+      })]), native || yOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refTrackYElem,
+        class: 'vxe-scrollbar--track-y',
+        onClick: clickTrackYEvent
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refThumbYElem,
+        class: 'vxe-scrollbar--thumb-y',
+        onPointerdown: pointerdownThumbYEvent,
+        onPointermove: pointermoveThumbYEvent,
+        onPointerup: cleatPointerThumbEvent,
+        onPointercancel: cleatPointerThumbEvent,
+        onLostpointercapture: cleatPointerThumbEvent
+      })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
+        class: 'vxe-scrollbar--loading',
+        modelValue: loading
+      })]);
+    };
+    const reFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.width, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minHeight, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minWidth, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.maxHeight, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.maxWidth, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.native, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.syncResize, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(reFlag, () => {
+      $xeScrollbar.recalculate().then(() => {
+        $xeScrollbar.recalculate();
+      });
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      const {
+        autoResize
+      } = props;
+      const viewEl = refViewElem.value;
+      const viewInnerEl = refViewInnerElem.value;
+      if (autoResize) {
+        const resizeObserver = scrollbar_globalResize.create(() => {
+          if (props.autoResize) {
+            reFlag.value++;
+          }
+        });
+        if (viewEl) {
+          resizeObserver.observe(viewEl);
+        }
+        if (viewInnerEl) {
+          resizeObserver.observe(viewInnerEl);
+        }
+        internalData.resizeObserver = resizeObserver;
+      }
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      const {
+        resizeObserver
+      } = internalData;
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+    });
+    $xeScrollbar.renderVN = renderVN;
+    return $xeScrollbar;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// ./packages/scrollbar/index.ts
+
+
+
+const VxeScrollbar = Object.assign({}, scrollbar, {
+  install(app) {
+    app.component(scrollbar.name, scrollbar);
+  }
+});
+dynamicApp.use(VxeScrollbar);
+VxeUI.component(scrollbar);
+const Scrollbar = VxeScrollbar;
+/* harmony default export */ var packages_scrollbar = (VxeScrollbar);
+;// ./packages/layout-aside/src/layout-aside.ts
+
+
+
+
+
+
+/* harmony default export */ var layout_aside = (defineVxeComponent({
+  name: 'VxeLayoutAside',
+  props: {
+    width: [String, Number],
+    collapsed: Boolean,
+    collapseWidth: [String, Number],
+    loading: Boolean,
+    padding: Boolean,
+    collapseConfig: Object,
+    scrollbarConfig: Object,
+    size: {
+      type: String,
+      default: () => getConfig().layoutAside.size || getConfig().size
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      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)();
+    const {
+      computeSize
+    } = useSize(props);
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
+    const refMaps = {
+      refElem
+    };
+    const computeCollapseOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
+    });
+    const computeScrollbarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().layoutAside.scrollbarConfig, props.scrollbarConfig);
+    });
+    const computeVarStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width,
+        collapseWidth
+      } = props;
+      const stys = {};
+      if (collapseWidth) {
+        stys['--vxe-ui-layout-aside-collapse-width'] = toCssUnit(collapseWidth);
+      }
+      if (width) {
+        stys['--vxe-ui-layout-aside-default-width'] = toCssUnit(width);
+      }
+      return stys;
+    });
+    const computeMaps = {
+      computeSize,
+      computeVarStyle
+    };
+    const $xeLayoutAside = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $layoutAside: $xeLayoutAside
+      }, params));
+    };
+    const layoutAsideMethods = {
+      dispatchEvent
+    };
+    const layoutAsidePrivateMethods = {};
+    Object.assign($xeLayoutAside, layoutAsideMethods, layoutAsidePrivateMethods);
+    const renderVN = () => {
+      const {
+        collapsed,
+        loading,
+        padding
+      } = props;
+      const varStyle = computeVarStyle.value;
+      const vSize = computeSize.value;
+      const collapseOpts = computeCollapseOpts.value;
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const {
+        native,
+        yConfig,
+        className,
+        viewAttrs,
+        viewClassName,
+        viewInnerClassName
+      } = scrollbarOpts;
+      const defaultSlot = slots.default;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('aside', {
+        ref: refElem,
+        class: ['vxe-layout-aside', {
+          [`size--${vSize}`]: vSize,
+          'is--animat': collapseOpts.animation !== false,
+          'is--padding': padding,
+          'is--collapse': collapsed,
+          'is--loading': loading
+        }],
+        style: varStyle
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_scrollbar, {
+        loading,
+        native,
+        xConfig: {
+          visible: 'hidden'
+        },
+        yConfig,
+        className: 'vxe-layout-aside--scrollbar' + (className ? ' ' + className : ''),
+        viewAttrs,
+        viewClassName: 'vxe-layout-aside--view' + (viewClassName ? ' ' + viewClassName : ''),
+        viewInnerClassName: 'vxe-layout-aside--inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
+      }, {
+        default: () => {
+          return defaultSlot ? defaultSlot({}) : [];
+        }
+      })]);
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeLayoutAside', $xeLayoutAside);
+    $xeLayoutAside.renderVN = renderVN;
+    return $xeLayoutAside;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// ./packages/layout-aside/index.ts
+
+
+
+const VxeLayoutAside = Object.assign({}, layout_aside, {
+  install(app) {
+    app.component(layout_aside.name, layout_aside);
+  }
+});
+dynamicApp.use(VxeLayoutAside);
+VxeUI.component(layout_aside);
+const LayoutAside = VxeLayoutAside;
+/* harmony default export */ var packages_layout_aside = (VxeLayoutAside);
+;// ./packages/layout-body/src/layout-body.ts
+
+
+
+
+
+
+function layout_body_createInternalData() {
+  return {};
+}
+function layout_body_createReactData() {
+  return {};
+}
+/* harmony default export */ var layout_body = (defineVxeComponent({
+  name: 'VxeLayoutBody',
+  props: {
+    loading: Boolean,
+    padding: Boolean,
+    showBacktop: {
+      type: Boolean,
+      default: () => getConfig().layoutBody.showBacktop
+    },
+    backtopConfig: Object,
+    scrollbarConfig: Object,
+    size: {
+      type: String,
+      default: () => getConfig().layoutBody.size || getConfig().size
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const backtopId = `vxe_layout_body_backtop_${xID}`;
+    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const {
+      computeSize
+    } = useSize(props);
+    const internalData = layout_body_createInternalData();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(layout_body_createReactData());
+    const refMaps = {
+      refElem
+    };
+    const computeBacktopOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().layoutBody.backtopConfig, props.backtopConfig, {
+        target: '#' + backtopId
+      });
+    });
+    const computeScrollbarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().layoutBody.scrollbarConfig, props.scrollbarConfig);
+    });
+    const computeMaps = {
+      computeSize
+    };
+    const $xeLayoutBody = {
+      xID,
+      props,
+      context,
+      internalData,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $layoutBody: $xeLayoutBody
+      }, params));
+    };
+    const layoutBodyMethods = {
+      dispatchEvent
+    };
+    const layoutBodyPrivateMethods = {};
+    Object.assign($xeLayoutBody, layoutBodyMethods, layoutBodyPrivateMethods);
+    const renderVN = () => {
+      const {
+        loading,
+        padding,
+        showBacktop
+      } = props;
+      const backtopOpts = computeBacktopOpts.value;
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const {
+        native,
+        xConfig,
+        yConfig,
+        className,
+        viewAttrs,
+        viewClassName,
+        viewInnerClassName
+      } = scrollbarOpts;
+      const vSize = computeSize.value;
+      const defaultSlot = slots.default;
+      const backtopSlot = slots.backtop;
+      const backtopTopSlot = slots.backtopTop || slots['backtop-top'];
+      const backtopBottomSlot = slots.backtopBottom || slots['backtop-bottom'];
+      const backtopScopeSlots = {};
+      if (backtopSlot) {
+        backtopScopeSlots.default = backtopSlot;
+      }
+      if (backtopTopSlot) {
+        backtopScopeSlots.top = backtopTopSlot;
+      }
+      if (backtopBottomSlot) {
+        backtopScopeSlots.bottom = backtopBottomSlot;
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem,
+        class: ['vxe-layout-body', {
+          [`size--${vSize}`]: vSize,
+          'is--loading': loading,
+          'is--padding': padding
+        }]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_scrollbar, {
+        loading,
+        native,
+        xConfig,
+        yConfig,
+        className: 'vxe-layout-body--scrollbar' + (className ? ' ' + className : ''),
+        viewAttrs: {
+          ...viewAttrs,
+          id: showBacktop ? backtopId || null : null
+        },
+        viewClassName: 'vxe-layout-body--view' + (viewClassName ? ' ' + viewClassName : ''),
+        viewInnerClassName: 'vxe-layout-body--inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
+      }, {
+        default: () => defaultSlot ? defaultSlot({}) : []
+      }),
+      /**
+       * 回到顶部
+       */
+      showBacktop ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_backtop, backtopOpts, backtopScopeSlots) : renderEmptyElement($xeLayoutBody)]);
+    };
+    $xeLayoutBody.renderVN = renderVN;
+    return $xeLayoutBody;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// ./packages/layout-body/index.ts
+
+
+
+const VxeLayoutBody = Object.assign({}, layout_body, {
+  install(app) {
+    app.component(layout_body.name, layout_body);
   }
 });
 dynamicApp.use(VxeLayoutBody);
@@ -37194,6 +37903,7 @@ const Link = VxeLink;
 
 
 
+
 const {
   errLog: menu_errLog
 } = createComponentLog('menu');
@@ -37256,6 +37966,7 @@ let nemuUniqueKey = 100000000;
       default: () => menu_getConfig().menu.size || menu_getConfig().size
     },
     menuConfig: Object,
+    scrollbarConfig: Object,
     appendTo: {
       type: [String, Function],
       default: () => menu_getConfig().menu.appendTo
@@ -37305,6 +38016,9 @@ let nemuUniqueKey = 100000000;
       const propsOpts = computePropsOpts.value;
       return propsOpts.routerLink || 'routerLink';
     });
+    const computeScrollbarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, menu_getConfig().menu.scrollbarConfig, props.scrollbarConfig);
+    });
     const computeCurrBorder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         border
@@ -37898,6 +38612,7 @@ let nemuUniqueKey = 100000000;
       const isCollapsed = computeIsCollapsed.value;
       const currBorder = computeCurrBorder.value;
       const varStyle = computeVarStyle.value;
+      const scrollbarOpts = computeScrollbarOpts.value;
       const headerSlot = slots.header;
       const footerSlot = slots.footer;
       let ons = {};
@@ -37939,16 +38654,19 @@ let nemuUniqueKey = 100000000;
         ...ons
       }, isCollapsed ? [headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-menu--header'
-      }, headerSlot(stParams)) : renderEmptyElement($xeMenu), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-menu--body'
-      }, menuList.map(child => renderDefaultChildren(child, menuList))), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, headerSlot(stParams)) : renderEmptyElement($xeMenu), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_scrollbar, {
+        class: 'vxe-menu--body',
+        ...scrollbarOpts
+      }, {
+        default: () => menuList.map(child => renderDefaultChildren(child, menuList))
+      }), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-menu--footer'
       }, footerSlot(stParams)) : renderEmptyElement($xeMenu)] : [])]),
       /**
        * 加载中
        */
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
-        class: 'vxe-list-view--loading',
+        class: 'vxe-menu-view--loading',
         modelValue: loading
       })]);
     };
@@ -41942,7 +42660,7 @@ function select_createInternalData() {
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select-slots',
         ref: 'hideOption'
-      }, defaultSlot ? defaultSlot({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(input, {
+      }, defaultSlot ? defaultSlot({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_input, {
         ref: refInput,
         clearable: props.clearable,
         placeholder: inpPlaceholder,
@@ -41981,7 +42699,7 @@ function select_createInternalData() {
         style: popupWrapperStyle
       }, [filterable ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select--panel-search'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(input, {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_input, {
         ref: refInpSearch,
         class: 'vxe-select-search--input',
         modelValue: reactData.searchValue,
@@ -42001,11 +42719,11 @@ function select_createInternalData() {
         class: 'vxe-select--header-button'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select--header-btns'
-      }, [showCheckedButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, [showCheckedButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         content: getI18n('vxe.select.allChecked'),
         mode: 'text',
         onClick: allCheckedPanelEvent
-      }) : renderEmptyElement($xeSelect), showClearButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }) : renderEmptyElement($xeSelect), showClearButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         content: getI18n('vxe.select.clear'),
         mode: 'text',
         onClick: clearCheckedPanelEvent
@@ -42034,7 +42752,7 @@ function select_createInternalData() {
         class: 'vxe-select--total-btns'
       }, getI18n('vxe.select.total', [selectVals.length, optList.length])) : renderEmptyElement($xeSelect), showCloseButton && multiple ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select--oper-btns'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         content: getI18n('vxe.select.close'),
         mode: 'text',
         onClick: closePanelEvent
@@ -45426,215 +46144,18 @@ const Rate = VxeRate;
 
 
 
-/* harmony default export */ var result = (defineVxeComponent({
-  name: 'VxeResult',
-  props: {
-    imageUrl: String,
-    imageStyle: Object,
-    icon: String,
-    type: [String, Number],
-    status: [String, Number],
-    title: [String, Number],
-    content: [String, Number]
-  },
-  emits: [],
-  setup(props, context) {
-    const {
-      emit,
-      slots
-    } = 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)();
-    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeResult = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, {
-        $result: $xeResult
-      }, params));
-    };
-    const resultMethods = {
-      dispatchEvent
-    };
-    const resultPrivateMethods = {};
-    Object.assign($xeResult, resultMethods, resultPrivateMethods);
-    const renderVN = () => {
-      const {
-        imageUrl,
-        imageStyle,
-        icon,
-        title,
-        type,
-        content
-      } = props;
-      const status = props.status || type;
-      const slotExtra = slots.extra;
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refElem,
-        class: ['vxe-result', {
-          [`theme--${status}`]: status
-        }]
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-result--inner'
-      }, [imageUrl ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-result--img-wrapper'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('img', {
-        src: imageUrl,
-        style: imageStyle
-      })]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-result--icon-wrapper'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-        class: [icon, type ? getIcon()[`RESULT_${type}`.toLocaleUpperCase()] : '']
-      })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-result--title-wrapper'
-      }, `${title || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-result--content-wrapper'
-      }, `${content || ''}`), slotExtra ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-result--extra-wrapper'
-      }, slotExtra({})) : renderEmptyElement($xeResult)])]);
-    };
-    $xeResult.renderVN = renderVN;
-    return $xeResult;
-  },
-  render() {
-    return this.renderVN();
-  }
-}));
-;// ./packages/result/index.ts
-
-
-
-const VxeResult = Object.assign({}, result, {
-  install(app) {
-    app.component(result.name, result);
-  }
-});
-dynamicApp.use(VxeResult);
-VxeUI.component(result);
-const Result = VxeResult;
-/* harmony default export */ var packages_result = (VxeResult);
-;// ./packages/scrollbar/src/util.ts
-/**
- * 计算滚动条滑块的长度
- */
-function getThumbSize(viewportSize, contentSize, trackSize) {
-  if (contentSize <= viewportSize) {
-    return 0;
-  }
-  const ratio = viewportSize / contentSize;
-  const ideal = trackSize * ratio;
-  return Math.max(20, Math.min(ideal, trackSize));
-}
-/**
- * 计算滚动条滑块的偏移位置
- */
-function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
-  const maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0) {
-    return 0;
-  }
-  const maxThumbOffset = trackSize - thumbSize;
-  if (maxThumbOffset <= 0) {
-    return 0;
-  }
-  const clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
-  const ratio = clamped / maxScroll;
-  return ratio * maxThumbOffset;
-}
-/**
- * 根据点击轨道的位置，计算滑块的偏移位置
- */
-function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
-  const maxThumbOffset = trackSize - thumbSize;
-  const maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  let thumbOffset = clickPosition - thumbSize / 2;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  const scrollOffset = thumbOffset / maxThumbOffset * maxScroll;
-  return scrollOffset;
-}
-/**
- * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
- */
-function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
-  const maxScroll = contentSize - viewportSize;
-  const maxThumbOffset = trackSize - thumbSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  let thumbOffset = pointerPosition - dragOffset;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  return thumbOffset / maxThumbOffset * maxScroll;
-}
-;// ./packages/scrollbar/src/scrollbar.ts
-
-
-
-
-
-
-
-const {
-  getConfig: scrollbar_getConfig,
-  createEvent: scrollbar_createEvent,
-  domUtils: scrollbar_domUtils,
-  globalResize: scrollbar_globalResize,
-  renderEmptyElement: scrollbar_renderEmptyElement
-} = VxeUI;
-function scrollbar_createReactData() {
-  return {
-    yThumbHeight: 0,
-    xThumbWidth: 0
-  };
-}
-function scrollbar_createInternalData() {
-  return {
-    // resizeObserver: undefined,
-    // isThumbDrag: false,
-    thumbDragOffset: 0,
-    yThumbTop: 0,
-    xThumbLeft: 0,
-    lastScrollTop: 0,
-    lastScrollLeft: 0
-  };
-}
-/* harmony default export */ var scrollbar = (defineVxeComponent({
-  name: 'VxeScrollbar',
-  props: {
-    width: [String, Number],
-    height: [String, Number],
-    minWidth: [String, Number],
-    minHeight: [String, Number],
-    maxWidth: [String, Number],
-    maxHeight: [String, Number],
-    loading: Boolean,
-    native: {
-      type: Boolean,
-      default: () => scrollbar_getConfig().scrollbar.native
-    },
-    xConfig: Object,
-    yConfig: Object,
-    className: String,
-    viewClassName: String,
-    autoResize: {
-      type: Boolean,
-      default: () => scrollbar_getConfig().scrollbar.autoResize
-    },
-    syncResize: [Boolean, String, Number]
+/* harmony default export */ var result = (defineVxeComponent({
+  name: 'VxeResult',
+  props: {
+    imageUrl: String,
+    imageStyle: Object,
+    icon: String,
+    type: [String, Number],
+    status: [String, Number],
+    title: [String, Number],
+    content: [String, Number]
   },
-  emits: ['scroll', 'scroll-boundary'],
+  emits: [],
   setup(props, context) {
     const {
       emit,
@@ -45642,485 +46163,84 @@ function scrollbar_createInternalData() {
     } = 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)();
-    const refViewElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refViewInnerElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refTrackXElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refTrackYElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refThumbXElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refThumbYElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(scrollbar_createReactData());
-    const internalData = scrollbar_createInternalData();
-    const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const {
-        width,
-        height,
-        minWidth,
-        minHeight,
-        maxWidth,
-        maxHeight
-      } = props;
-      const xOpts = computeXOpts.value;
-      const yOpts = computeYOpts.value;
-      const stys = {};
-      if (width) {
-        stys.width = toCssUnit(width);
-      }
-      if (height) {
-        stys.height = toCssUnit(height);
-      }
-      if (minWidth) {
-        stys.minWidth = toCssUnit(minWidth);
-      }
-      if (minHeight) {
-        stys.minHeight = toCssUnit(minHeight);
-      }
-      if (maxWidth) {
-        stys.maxWidth = toCssUnit(maxWidth);
-      }
-      if (maxHeight) {
-        stys.maxHeight = toCssUnit(maxHeight);
-      }
-      if (yOpts.width) {
-        stys['--vxe-ui-scrollbar-y-width'] = toCssUnit(yOpts.width);
-      }
-      if (xOpts.height) {
-        stys['--vxe-ui-scrollbar-x-height'] = toCssUnit(xOpts.height);
-      }
-      return stys;
-    });
-    const computeWrapperClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const {
-        native,
-        className
-      } = props;
-      const xOpts = computeXOpts.value;
-      const yOpts = computeYOpts.value;
-      return scrollbar_domUtils.buildClass(['vxe-scrollbar', `ov-x--${xOpts.visible || 'visible'}`, `ov-y--${yOpts.visible || 'visible'}`, native ? 'is--native' : 'is--virtual', className], {
-        'ov-x--auto-hide': xOpts.autoHide,
-        'ov-y--auto-hide': yOpts.autoHide
-      });
-    });
-    const computeViewClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const {
-        viewClassName
-      } = props;
-      return scrollbar_domUtils.buildClass(['vxe-scrollbar--view', viewClassName]);
-    });
-    const computeXOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, scrollbar_getConfig().scrollbar.xConfig, props.xConfig);
-    });
-    const computeYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, scrollbar_getConfig().scrollbar.yConfig, props.yConfig);
-    });
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
     const refMaps = {
       refElem
     };
     const computeMaps = {};
-    const $xeScrollbar = {
+    const $xeResult = {
       xID,
       props,
       context,
       reactData,
-      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, scrollbar_createEvent(evnt, {
-        $scrollbar: $xeScrollbar
+      emit(type, createEvent(evnt, {
+        $result: $xeResult
       }, params));
     };
-    const scrollbarMethods = {
-      dispatchEvent,
-      scrollTo(left, top) {
-        const viewEl = refViewElem.value;
-        if (viewEl) {
-          if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(left)) {
-            viewEl.scrollTo(left, top || 0);
-          } else {
-            viewEl.scrollTo(left);
-          }
-        }
-      },
-      scrollIntoView() {
-        const viewEl = refViewElem.value;
-        if (viewEl) {
-          viewEl.scrollIntoView();
-        }
-      },
-      recalculate() {
-        updateThumbSize();
-        updateThumbOffset();
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-      }
-    };
-    const updateThumbSize = () => {
-      const viewEl = refViewElem.value;
-      if (!viewEl) {
-        return;
-      }
-      const trackXEl = refTrackXElem.value;
-      const xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
-      const thumbXElem = refThumbXElem.value;
-      if (thumbXElem) {
-        thumbXElem.style.width = xThumbWidth + 'px';
-      }
-      reactData.xThumbWidth = xThumbWidth;
-      const trackYEl = refTrackYElem.value;
-      const yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
-      const thumbYElem = refThumbYElem.value;
-      if (thumbYElem) {
-        thumbYElem.style.height = yThumbHeight + 'px';
-      }
-      reactData.yThumbHeight = yThumbHeight;
-    };
-    const updateThumbOffset = () => {
-      const viewEl = refViewElem.value;
-      if (!viewEl) {
-        return;
-      }
-      const {
-        xThumbWidth,
-        yThumbHeight
-      } = reactData;
-      const trackXEl = refTrackXElem.value;
-      const thumbXElem = refThumbXElem.value;
-      const xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
-      internalData.xThumbLeft = xThumbLeft;
-      if (thumbXElem && xThumbWidth) {
-        thumbXElem.style.width = xThumbWidth + 'px';
-        thumbXElem.style.transform = `translateX(${xThumbLeft}px)`;
-      }
-      const trackYEl = refTrackYElem.value;
-      const thumbYElem = refThumbYElem.value;
-      const yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
-      internalData.yThumbTop = yThumbTop;
-      if (thumbYElem && yThumbHeight) {
-        thumbYElem.style.height = yThumbHeight + 'px';
-        thumbYElem.style.transform = `translateY(${yThumbTop}px)`;
-      }
-    };
-    const scrollEvent = evnt => {
-      const {
-        xThumbWidth,
-        yThumbHeight
-      } = reactData;
-      const {
-        lastScrollTop,
-        lastScrollLeft
-      } = internalData;
-      const xOpts = computeXOpts.value;
-      const yOpts = computeYOpts.value;
-      const viewEl = evnt.currentTarget;
-      const {
-        scrollTop,
-        scrollLeft,
-        clientWidth,
-        clientHeight,
-        scrollHeight,
-        scrollWidth
-      } = viewEl;
-      let direction = '';
-      let isTopBoundary = false;
-      let isBottomBoundary = false;
-      let isLeftBoundary = false;
-      let isRightBoundary = false;
-      if (lastScrollTop !== scrollTop) {
-        const yThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(yOpts.threshold) || 1;
-        if (lastScrollTop < scrollTop) {
-          direction = 'bottom';
-          if (yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight - yThreshold) {
-            isBottomBoundary = true;
-          }
-        } else {
-          direction = 'top';
-          if (yThumbHeight > 0 && scrollTop <= yThreshold) {
-            isTopBoundary = true;
-          }
-        }
-      }
-      if (lastScrollLeft !== scrollLeft) {
-        const xThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(xOpts.threshold) || 1;
-        if (lastScrollLeft < scrollLeft) {
-          direction = 'right';
-          if (xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth - xThreshold) {
-            isRightBoundary = true;
-          }
-        } else {
-          direction = 'left';
-          if (xThumbWidth > 0 && scrollLeft <= xThreshold) {
-            isLeftBoundary = true;
-          }
-        }
-      }
-      updateThumbOffset();
-      internalData.lastScrollTop = scrollTop;
-      internalData.lastScrollLeft = scrollLeft;
-      if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
-        dispatchEvent('scroll-boundary', {
-          direction: direction,
-          isTop: isTopBoundary,
-          isBottom: isBottomBoundary,
-          isLeft: isLeftBoundary,
-          isRight: isRightBoundary,
-          scrollTop: scrollTop,
-          scrollLeft: scrollLeft,
-          clientWidth: clientWidth,
-          clientHeight: clientHeight,
-          scrollHeight: scrollHeight,
-          scrollWidth: scrollWidth
-        }, evnt);
-      }
-      dispatchEvent('scroll', {
-        direction: direction,
-        isTop: yThumbHeight > 0 && scrollTop <= 0,
-        isBottom: yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight,
-        isLeft: xThumbWidth > 0 && scrollLeft <= 0,
-        isRight: xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth,
-        scrollTop: scrollTop,
-        scrollLeft: scrollLeft,
-        clientWidth: clientWidth,
-        clientHeight: clientHeight,
-        scrollHeight: scrollHeight,
-        scrollWidth: scrollWidth
-      }, evnt);
-    };
-    const clickTrackXEvent = evnt => {
-      const trackEl = evnt.currentTarget;
-      if (trackEl !== evnt.target) {
-        return;
-      }
-      const viewEl = refViewElem.value;
-      if (!viewEl) {
-        return;
-      }
-      const {
-        xThumbWidth
-      } = reactData;
-      const trackRect = trackEl.getBoundingClientRect();
-      viewEl.scrollTo({
-        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
-        behavior: 'auto'
-      });
-    };
-    const clickTrackYEvent = evnt => {
-      const trackEl = evnt.currentTarget;
-      if (trackEl !== evnt.target) {
-        return;
-      }
-      const viewEl = refViewElem.value;
-      if (!viewEl) {
-        return;
-      }
-      const {
-        yThumbHeight
-      } = reactData;
-      const trackRect = trackEl.getBoundingClientRect();
-      viewEl.scrollTo({
-        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
-        behavior: 'auto'
-      });
-    };
-    const pointerdownThumbXEvent = evnt => {
-      const thumbEl = evnt.currentTarget;
-      internalData.isThumbDrag = true;
-      thumbEl.setPointerCapture(evnt.pointerId);
-      const viewEl = refViewElem.value;
-      if (!viewEl) {
-        return;
-      }
-      const {
-        xThumbWidth
-      } = reactData;
-      const trackEl = thumbEl.parentElement;
-      const trackRect = trackEl.getBoundingClientRect();
-      const pointerPosition = evnt.clientX - trackRect.left;
-      // 记录 thumb 的偏移
-      const thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
-      internalData.thumbDragOffset = pointerPosition - thumbOffset;
-    };
-    const pointermoveThumbXEvent = evnt => {
-      const thumbEl = evnt.currentTarget;
-      if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
-        return;
-      }
-      const {
-        isThumbDrag,
-        thumbDragOffset
-      } = internalData;
-      if (isThumbDrag) {
-        const viewEl = refViewElem.value;
-        if (!viewEl) {
-          return;
-        }
-        const {
-          xThumbWidth
-        } = reactData;
-        const thumbEl = evnt.currentTarget;
-        const trackEl = thumbEl.parentElement;
-        const trackRect = trackEl.getBoundingClientRect();
-        // 更新偏移
-        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
-      }
-    };
-    const cleatPointerThumbEvent = evnt => {
-      const thumbEl = evnt.currentTarget;
-      thumbEl.releasePointerCapture(evnt.pointerId);
-      internalData.isThumbDrag = false;
-    };
-    const pointerdownThumbYEvent = evnt => {
-      const thumbEl = evnt.currentTarget;
-      internalData.isThumbDrag = true;
-      thumbEl.setPointerCapture(evnt.pointerId);
-      const viewEl = refViewElem.value;
-      if (!viewEl) {
-        return;
-      }
-      const {
-        yThumbHeight
-      } = reactData;
-      const trackEl = thumbEl.parentElement;
-      const trackRect = trackEl.getBoundingClientRect();
-      const pointerPosition = evnt.clientY - trackRect.top;
-      // 记录 thumb 的偏移
-      const thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
-      internalData.thumbDragOffset = pointerPosition - thumbOffset;
-    };
-    const pointermoveThumbYEvent = evnt => {
-      const thumbEl = evnt.currentTarget;
-      if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
-        return;
-      }
-      const {
-        isThumbDrag,
-        thumbDragOffset
-      } = internalData;
-      if (isThumbDrag) {
-        const viewEl = refViewElem.value;
-        if (!viewEl) {
-          return;
-        }
-        const {
-          yThumbHeight
-        } = reactData;
-        const thumbEl = evnt.currentTarget;
-        const trackEl = thumbEl.parentElement;
-        const trackRect = trackEl.getBoundingClientRect();
-        // 更新偏移
-        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
-      }
+    const resultMethods = {
+      dispatchEvent
     };
-    const scrollbarPrivateMethods = {};
-    Object.assign($xeScrollbar, scrollbarMethods, scrollbarPrivateMethods);
+    const resultPrivateMethods = {};
+    Object.assign($xeResult, resultMethods, resultPrivateMethods);
     const renderVN = () => {
       const {
-        native,
-        loading
+        imageUrl,
+        imageStyle,
+        icon,
+        title,
+        type,
+        content
       } = props;
-      const wrapperStyle = computeWrapperStyle.value;
-      const wrapperClss = computeWrapperClss.value;
-      const viewClss = computeViewClss.value;
-      const xOpts = computeXOpts.value;
-      const yOpts = computeYOpts.value;
-      const defaultSlot = slots.default;
+      const status = props.status || type;
+      const slotExtra = slots.extra;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: wrapperClss,
-        style: wrapperStyle
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refViewElem,
-        class: viewClss,
-        onScroll: scrollEvent
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refViewInnerElem,
-        class: 'vxe-scrollbar--view-inner'
-      }, defaultSlot ? defaultSlot({}) : [])]), native || xOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refTrackXElem,
-        class: 'vxe-scrollbar--track-x',
-        onClick: clickTrackXEvent
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refThumbXElem,
-        class: 'vxe-scrollbar--thumb-x',
-        onPointerdown: pointerdownThumbXEvent,
-        onPointermove: pointermoveThumbXEvent,
-        onPointerup: cleatPointerThumbEvent,
-        onPointercancel: cleatPointerThumbEvent,
-        onLostpointercapture: cleatPointerThumbEvent
-      })]), native || yOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refTrackYElem,
-        class: 'vxe-scrollbar--track-y',
-        onClick: clickTrackYEvent
+        class: ['vxe-result', {
+          [`theme--${status}`]: status
+        }]
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refThumbYElem,
-        class: 'vxe-scrollbar--thumb-y',
-        onPointerdown: pointerdownThumbYEvent,
-        onPointermove: pointermoveThumbYEvent,
-        onPointerup: cleatPointerThumbEvent,
-        onPointercancel: cleatPointerThumbEvent,
-        onLostpointercapture: cleatPointerThumbEvent
-      })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
-        class: 'vxe-scrollbar--loading',
-        modelValue: loading
-      })]);
+        class: 'vxe-result--inner'
+      }, [imageUrl ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-result--img-wrapper'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('img', {
+        src: imageUrl,
+        style: imageStyle
+      })]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-result--icon-wrapper'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+        class: [icon, type ? getIcon()[`RESULT_${type}`.toLocaleUpperCase()] : '']
+      })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-result--title-wrapper'
+      }, `${title || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-result--content-wrapper'
+      }, `${content || ''}`), slotExtra ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-result--extra-wrapper'
+      }, slotExtra({})) : renderEmptyElement($xeResult)])]);
     };
-    const reFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.native, () => {
-      reFlag.value++;
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.syncResize, () => {
-      reFlag.value++;
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(reFlag, () => {
-      $xeScrollbar.recalculate().then(() => {
-        $xeScrollbar.recalculate();
-      });
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      const {
-        autoResize
-      } = props;
-      const viewInnerEl = refViewInnerElem.value;
-      if (autoResize && viewInnerEl) {
-        const resizeObserver = scrollbar_globalResize.create(() => {
-          if (props.autoResize) {
-            reFlag.value++;
-          }
-        });
-        resizeObserver.observe(viewInnerEl);
-        internalData.resizeObserver = resizeObserver;
-      }
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
-        $xeScrollbar.recalculate();
-      });
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
-      const {
-        resizeObserver
-      } = internalData;
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    });
-    $xeScrollbar.renderVN = renderVN;
-    return $xeScrollbar;
+    $xeResult.renderVN = renderVN;
+    return $xeResult;
   },
   render() {
     return this.renderVN();
   }
 }));
-;// ./packages/scrollbar/index.ts
+;// ./packages/result/index.ts
 
 
 
-const VxeScrollbar = Object.assign({}, scrollbar, {
+const VxeResult = Object.assign({}, result, {
   install(app) {
-    app.component(scrollbar.name, scrollbar);
+    app.component(result.name, result);
   }
 });
-dynamicApp.use(VxeScrollbar);
-VxeUI.component(scrollbar);
-const Scrollbar = VxeScrollbar;
-/* harmony default export */ var packages_scrollbar = (VxeScrollbar);
+dynamicApp.use(VxeResult);
+VxeUI.component(result);
+const Result = VxeResult;
+/* harmony default export */ var packages_result = (VxeResult);
 ;// ./packages/row/src/row.ts
 
 
@@ -50702,7 +50822,7 @@ const scrollbarOffsetSize = 20;
         }]
       }, renderTabContent(tabList)), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-tabs-pane--footer'
-      }, callSlot(footerSlot, defParams)) : renderEmptyElement($xeTabs), showLoading && isLoading ? renderEmptyElement($xeTabs) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
+      }, callSlot(footerSlot, defParams)) : renderEmptyElement($xeTabs), showLoading && isLoading ? renderEmptyElement($xeTabs) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
         class: 'vxe-tabs--loading',
         modelValue: isLoading
       })]);
@@ -51280,19 +51400,6 @@ dynamicApp.use(VxeTextEllipsis);
 VxeUI.component(text_ellipsis);
 const TextEllipsis = VxeTextEllipsis;
 /* harmony default export */ var packages_text_ellipsis = (VxeTextEllipsis);
-;// ./packages/text/index.ts
-
-
-
-const VxeText = Object.assign({}, src_text, {
-  install(app) {
-    app.component(src_text.name, src_text);
-  }
-});
-dynamicApp.use(VxeText);
-VxeUI.component(src_text);
-const Text = VxeText;
-/* harmony default export */ var packages_text = (VxeText);
 ;// ./packages/textarea/src/textarea.ts
 
 
@@ -59040,7 +59147,7 @@ function upload_createInternalData() {
           percent: cacheItem.percent
         }) : getI18n('vxe.upload.uploadProgress', [cacheItem.percent])) : renderEmptyElement($xeUpload), !isLoading && (isError && showErrorStatus || isPending && showSubmitButton && !autoSubmit) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-upload--file-item-rebtn'
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
           icon: isError ? getIcon().UPLOAD_IMAGE_RE_UPLOAD : getIcon().UPLOAD_IMAGE_UPLOAD,
           mode: 'text',
           status: 'primary',
@@ -59110,7 +59217,7 @@ function upload_createInternalData() {
         isMoreView,
         options: fileList,
         $upload: $xeUpload
-      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         class: 'vxe-upload--file-action-button',
         content: isMoreView || showButtonText ? buttonText ? `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(buttonText) ? buttonText({}) : buttonText}` : getI18n('vxe.upload.fileBtnText') : '',
         icon: showButtonIcon ? buttonIcon || getIcon().UPLOAD_FILE_ADD : '',
@@ -59171,7 +59278,7 @@ function upload_createInternalData() {
         class: 'vxe-upload--file-over-more'
       }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
         options: fileList
-      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         mode: 'text',
         content: moreButtonText ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(moreButtonText) ? moreButtonText({
           $upload: $xeUpload,
@@ -59264,7 +59371,7 @@ function upload_createInternalData() {
           src: getThumbnailFileUrl(item)
         })]), !isLoading && (isError && showErrorStatus || isPending && showSubmitButton && !autoSubmit) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-upload--image-item-rebtn'
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
           icon: isError ? getIcon().UPLOAD_IMAGE_RE_UPLOAD : getIcon().UPLOAD_IMAGE_UPLOAD,
           mode: 'text',
           status: 'primary',
@@ -59388,7 +59495,7 @@ function upload_createInternalData() {
           class: 'vxe-upload--image-over-more'
         }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
           options: fileList
-        })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+        })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
           mode: 'text',
           content: moreButtonText ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(moreButtonText) ? moreButtonText({
             $upload: $xeUpload,
@@ -59403,7 +59510,7 @@ function upload_createInternalData() {
         class: 'vxe-upload--image-over-more'
       }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
         options: fileList
-      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_button, {
         mode: 'text',
         content: moreButtonText ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(moreButtonText) ? moreButtonText({
           $upload: $xeUpload,
@@ -59975,7 +60082,7 @@ components_setTheme('light');
  * 已废弃，被 VxeUI.loading 替换
  * @deprecated
  */
-const loading = LoadingController;
+const components_loading = LoadingController;
 /**
  * 已废弃，被 VxeUI.modal 替换
  * @deprecated