vxe-pc-ui 4.20.1 → 4.20.5

package/lib/index.umd.js

@@ -3072,6 +3072,7 @@ __webpack_require__.d(__webpack_exports__, {
   renderGlobalIcon: function() { return /* reexport */ renderGlobalIcon; },
   renderer: function() { return /* reexport */ renderer; },
   saveFile: function() { return /* reexport */ saveFile; },
+  scrollbarUtils: function() { return /* reexport */ scrollbarUtils; },
   setConfig: function() { return /* reexport */ setConfig; },
   setI18n: function() { return /* reexport */ setI18n; },
   setIcon: function() { return /* reexport */ setIcon; },
@@ -3328,6 +3329,7 @@ __webpack_require__.d(components_namespaceObject, {
   renderGlobalIcon: function() { return renderGlobalIcon; },
   renderer: function() { return renderer; },
   saveFile: function() { return saveFile; },
+  scrollbarUtils: function() { return scrollbarUtils; },
   setConfig: function() { return setConfig; },
   setI18n: function() { return setI18n; },
   setIcon: function() { return setIcon; },
@@ -3364,7 +3366,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 ;// ./node_modules/@vxe-ui/core/es/src/core.js
-const coreVersion = "4.4.27";
+const coreVersion = "4.4.31";
 const VxeCore = {
   coreVersion,
   uiVersion: '',
@@ -3992,7 +3994,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-const version = "4.4.27";
+const version = "4.4.31";
 const log = {
   create: createLog,
   warn: createLog('warn', `v${version}`),
@@ -4452,6 +4454,12 @@ const baseUtils = {
    */
   isEmpty(value) {
     return value === null || value === undefined || value === '';
+  },
+  /**
+   * 获取配置值，如果存在则返回，如果不存在则使用默认值
+   */
+  getDefVal(value, defVal) {
+    return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(value) ? defVal : value;
   }
 };
 ;// ./node_modules/@vxe-ui/core/es/src/dom-utils.js
@@ -4467,7 +4475,7 @@ const domUtils = {
       for (let i = 0; i < staticClassNames.length; i++) {
         const val = staticClassNames[i];
         if (val) {
-          parts.push(val);
+          parts.push('' + val);
         }
       }
     }
@@ -4479,6 +4487,63 @@ const domUtils = {
     return parts.join(' ');
   }
 };
+;// ./node_modules/@vxe-ui/core/es/src/scrollbar-utils.js
+const scrollbarUtils = {
+  /**
+   * 计算滚动条滑块的长度
+   */
+  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));
+  },
+  /**
+   * 计算滚动条滑块的偏移位置
+   */
+  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;
+  },
+  /**
+   * 根据点击轨道的位置，计算滑块的偏移位置
+   */
+  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 时，根据鼠标位置计算滑块的偏移位置
+   */
+  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;
+  }
+};
 ;// ./node_modules/@vxe-ui/core/es/src/hooks.js
 
 const hooks = new store();
@@ -4532,6 +4597,7 @@ const useFns = {
 
 
 
+
 
 
 const installedPlugins = [];
@@ -4604,6 +4670,7 @@ const VxeUI = Object.assign(VxeCore, {
   permission: permission,
   baseUtils: baseUtils,
   domUtils: domUtils,
+  scrollbarUtils: scrollbarUtils,
   globalStore: globalStore,
   hooks: hooks,
   component,
@@ -4635,6 +4702,7 @@ setTheme();
 
 
 
+
 
 
 /* harmony default export */ var es_index_esm = ((/* unused pure expression or super */ null && (VxeUI)));
@@ -4745,7 +4813,7 @@ function checkDynamic() {
 const {
   log: log_log
 } = VxeUI;
-const uiVersion = `ui v${"4.20.1"}`;
+const uiVersion = `ui v${"4.20.5"}`;
 function createComponentLog(name) {
   const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
   const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4763,7 +4831,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.20.1";
+const ui_version = "4.20.5";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -11635,61 +11703,6 @@ VxeUI.component(loading);
 VxeUI.loading = LoadingController;
 const Loading = VxeLoading;
 /* harmony default export */ var packages_loading = (VxeLoading);
-;// ./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
 
 
@@ -11698,15 +11711,21 @@ function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSiz
 
 
 
-
 const {
   getConfig: scrollbar_getConfig,
   createEvent: scrollbar_createEvent,
   domUtils: scrollbar_domUtils,
+  scrollbarUtils: scrollbar_scrollbarUtils,
   globalResize: scrollbar_globalResize,
   globalEvents: scrollbar_globalEvents,
   renderEmptyElement: scrollbar_renderEmptyElement
 } = VxeUI;
+const {
+  getThumbOffsetSize,
+  getThumbSize,
+  getScrollFromClick,
+  getScrollFromDrag
+} = scrollbar_scrollbarUtils;
 function scrollbar_createReactData() {
   return {
     yThumbHeight: 0,
@@ -11801,10 +11820,8 @@ function scrollbar_createInternalData() {
         maxWidth,
         maxHeight
       } = props;
-      const xOpts = computeXOpts.value;
-      const yOpts = computeYOpts.value;
-      const barWidth = yOpts.width;
-      const barHeight = xOpts.height;
+      const barWidth = computeYWidth.value;
+      const barHeight = computeXHeight.value;
       const stys = {};
       if (width) {
         stys.width = toCssUnit(width);
@@ -11830,6 +11847,14 @@ function scrollbar_createInternalData() {
       }
       return stys;
     });
+    const computeXHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const xOpts = computeXOpts.value;
+      return xOpts.height;
+    });
+    const computeYWidth = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const yOpts = computeYOpts.value;
+      return yOpts.width;
+    });
     const computeXVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         visible
@@ -12331,6 +12356,12 @@ function scrollbar_createInternalData() {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.syncResize, () => {
       reFlag.value++;
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeYWidth, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeXHeight, () => {
+      reFlag.value++;
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeXVisible, () => {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         reFlag.value++;
@@ -12409,6 +12440,7 @@ const Scrollbar = VxeScrollbar;
 
 
 
+
 /* harmony default export */ var card = (defineVxeComponent({
   name: 'VxeCard',
   props: {
@@ -12438,7 +12470,7 @@ const Scrollbar = VxeScrollbar;
     },
     useScrollbar: {
       type: Boolean,
-      default: () => getConfig().card.useScrollbar
+      default: () => getDefaultConfig(getConfig().card.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object
   },
@@ -13231,7 +13263,22 @@ function getItemCacheObj(item) {
 
 
 
-
+const {
+  getConfig: list_getConfig,
+  getIcon: list_getIcon,
+  getI18n: list_getI18n,
+  domUtils: list_domUtils,
+  scrollbarUtils: list_scrollbarUtils,
+  menus: list_menus,
+  globalEvents: list_globalEvents,
+  globalResize: list_globalResize
+} = VxeUI;
+const {
+  getThumbOffsetSize: list_getThumbOffsetSize,
+  getThumbSize: list_getThumbSize,
+  getScrollFromClick: list_getScrollFromClick,
+  getScrollFromDrag: list_getScrollFromDrag
+} = list_scrollbarUtils;
 const {
   warnLog: list_warnLog,
   errLog: list_errLog
@@ -13278,8 +13325,9 @@ function list_createInternalData() {
     afterList: [],
     fullKeyMaps: {},
     rowMaps: {},
-    // 滚动条
     // resizeObserver: undefined,
+    // 滚动条
+    // scrollObserver: undefined,
     // isThumbDrag: false,
     thumbDragOffset: 0,
     yThumbTop: 0,
@@ -13312,26 +13360,26 @@ let crossListDragRowObj = null;
     className: [String, Function],
     size: {
       type: String,
-      default: () => getConfig().list.size || getConfig().size
+      default: () => list_getConfig().list.size || list_getConfig().size
     },
     autoResize: {
       type: Boolean,
-      default: () => getConfig().list.autoResize
+      default: () => list_getConfig().list.autoResize
     },
     syncResize: [Boolean, String, Number],
     showSeq: {
       type: Boolean,
-      default: () => getConfig().list.showSeq
+      default: () => list_getConfig().list.showSeq
     },
     showRadio: {
       type: Boolean,
-      default: () => getConfig().list.showRadio
+      default: () => list_getConfig().list.showRadio
     },
     checkRowKey: [String, Number],
     radioConfig: Object,
     showCheckbox: {
       type: Boolean,
-      default: () => getConfig().list.showCheckbox
+      default: () => list_getConfig().list.showCheckbox
     },
     checkRowKeys: Array,
     checkboxConfig: Object,
@@ -13342,7 +13390,7 @@ let crossListDragRowObj = null;
     scrollY: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => getConfig().list.useScrollbar
+      default: () => getDefaultConfig(list_getConfig().list.useScrollbar, list_getConfig().useScrollbar)
     },
     scrollbarConfig: Object
   },
@@ -13383,13 +13431,13 @@ let crossListDragRowObj = null;
       getRefMaps: () => refMaps
     };
     const computeRowOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().list.rowConfig, props.rowConfig);
+      return Object.assign({}, list_getConfig().list.rowConfig, props.rowConfig);
     });
     const computeDragOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().list.dragConfig, props.dragConfig);
+      return Object.assign({}, list_getConfig().list.dragConfig, props.dragConfig);
     });
     const computeSYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().list.virtualYConfig || getConfig().list.scrollY, props.virtualYConfig || props.scrollY);
+      return Object.assign({}, list_getConfig().list.virtualYConfig || list_getConfig().list.scrollY, props.virtualYConfig || props.scrollY);
     });
     const computeKeyField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const rowOpts = computeRowOpts.value;
@@ -13415,23 +13463,20 @@ let crossListDragRowObj = null;
     const computeRadioOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({
         showIcon: true
-      }, getConfig().list.radioConfig, props.radioConfig);
+      }, list_getConfig().list.radioConfig, props.radioConfig);
     });
     const computeCheckboxOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({
         showIcon: true
-      }, getConfig().list.checkboxConfig, props.checkboxConfig);
+      }, list_getConfig().list.checkboxConfig, props.checkboxConfig);
     });
     const computeMenuOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().list.menuConfig, props.menuConfig);
+      return Object.assign({}, list_getConfig().list.menuConfig, props.menuConfig);
     });
     const computeWrapperStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const rowHeight = computeRowHeight.value;
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const scrollbarXOpts = computeScrollbarXOpts.value;
-      const scrollbarYOpts = computeScrollbarYOpts.value;
-      const barWidth = getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width);
-      const barHeight = getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height);
+      const barWidth = computeScrollYWidth.value;
+      const barHeight = computeScrollXHeight.value;
       const stys = {};
       if (rowHeight) {
         stys['--vxe-ui-list-row-height'] = toCssUnit(rowHeight);
@@ -13463,15 +13508,25 @@ let crossListDragRowObj = null;
       return style;
     });
     const computeScrollbarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().list.scrollbarConfig, props.scrollbarConfig);
+      return Object.assign({}, list_getConfig().list.scrollbarConfig, props.scrollbarConfig);
     });
     const computeScrollbarXOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
-      return Object.assign({}, getConfig().scrollbar.xConfig, scrollbarOpts.xConfig);
+      return Object.assign({}, list_getConfig().scrollbar.xConfig, scrollbarOpts.xConfig);
     });
     const computeScrollbarYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
-      return Object.assign({}, getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
+      return Object.assign({}, list_getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
+    });
+    const computeScrollXHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarXOpts = computeScrollbarXOpts.value;
+      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), list_getConfig().scrollbar.height);
+    });
+    const computeScrollYWidth = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarYOpts = computeScrollbarYOpts.value;
+      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), list_getConfig().scrollbar.width);
     });
     const computeScrollXVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
@@ -13486,18 +13541,14 @@ let crossListDragRowObj = null;
     const computeScrollXAutoHide = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
       const scrollbarXOpts = computeScrollbarXOpts.value;
-      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
+      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), list_getConfig().scrollbar.autoHide);
     });
     const computeScrollYAutoHide = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
       const scrollbarYOpts = computeScrollbarYOpts.value;
-      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
+      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), list_getConfig().scrollbar.autoHide);
     });
     const computeScrollbarWrapperClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const {
-        padding
-      } = scrollbarOpts;
       const {
         yThumbHeight,
         xThumbWidth
@@ -13506,12 +13557,7 @@ let crossListDragRowObj = null;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollXVisible = computeScrollXVisible.value;
       const scrollYVisible = computeScrollYVisible.value;
-      const scrollXAutoHide = computeScrollXAutoHide.value;
-      const scrollYAutoHide = computeScrollYAutoHide.value;
-      return domUtils.buildClass(['vxe-scrollbar is--virtual', `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`, `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`, `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`, `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}`], {
-        'is--padding': padding,
-        'ov-x--auto-hide': scrollXAutoHide,
-        'ov-y--auto-hide': scrollYAutoHide,
+      return list_domUtils.buildClass(['vxe-scrollbar is--virtual', `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`, `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`, `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`, `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}`], {
         'overflow-y': yThumbHeight,
         'overflow-x': xThumbWidth
       });
@@ -13539,6 +13585,10 @@ let crossListDragRowObj = null;
       const keyField = computeKeyField.value;
       return getRowIdByField(row, keyField);
     };
+    const getParentElem = () => {
+      const el = refElem.value;
+      return el ? el.parentElement : null;
+    };
     const calcTableHeight = key => {
       const {
         parentHeight
@@ -13940,7 +13990,7 @@ let crossListDragRowObj = null;
         };
         tipContent = `${rTooltipMethod(rtParams) || ''}`;
       } else {
-        tipContent = getI18n('vxe.list.dragTip', [rowEl.textContent || '']);
+        tipContent = list_getI18n('vxe.list.dragTip', [rowEl.textContent || '']);
       }
       reactData.dragTipText = tipContent;
     };
@@ -14879,7 +14929,7 @@ let crossListDragRowObj = null;
                   const {
                     option
                   } = eventParams;
-                  const gMenuOpts = menus.get(option.code);
+                  const gMenuOpts = list_menus.get(option.code);
                   const tmMethod = gMenuOpts ? gMenuOpts.listMenuMethod : null;
                   const params = {
                     menu: option,
@@ -15285,14 +15335,14 @@ let crossListDragRowObj = null;
         return;
       }
       const trackXEl = refTrackXElem.value;
-      const xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
+      const xThumbWidth = trackXEl ? list_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 yThumbHeight = trackYEl ? list_getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
       const thumbYElem = refThumbYElem.value;
       if (thumbYElem) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -15313,7 +15363,7 @@ let crossListDragRowObj = null;
       } = reactData;
       const trackXEl = refTrackXElem.value;
       const thumbXElem = refThumbXElem.value;
-      const xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
+      const xThumbLeft = trackXEl && xThumbWidth ? list_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
       internalData.xThumbLeft = xThumbLeft;
       if (thumbXElem && xThumbWidth) {
         thumbXElem.style.width = xThumbWidth + 'px';
@@ -15321,7 +15371,7 @@ let crossListDragRowObj = null;
       }
       const trackYEl = refTrackYElem.value;
       const thumbYElem = refThumbYElem.value;
-      const yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
+      const yThumbTop = trackYEl && yThumbHeight ? list_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
       internalData.yThumbTop = yThumbTop;
       if (thumbYElem && yThumbHeight) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -15342,7 +15392,7 @@ let crossListDragRowObj = null;
       } = reactData;
       const trackRect = trackEl.getBoundingClientRect();
       viewEl.scrollTo({
-        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
+        left: list_getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
         behavior: 'auto'
       });
     };
@@ -15360,7 +15410,7 @@ let crossListDragRowObj = null;
       } = reactData;
       const trackRect = trackEl.getBoundingClientRect();
       viewEl.scrollTo({
-        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
+        top: list_getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
         behavior: 'auto'
       });
     };
@@ -15379,7 +15429,7 @@ let crossListDragRowObj = null;
       const trackRect = trackEl.getBoundingClientRect();
       const pointerPosition = evnt.clientX - trackRect.left;
       // 记录 thumb 的偏移
-      const thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      const thumbOffset = list_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     };
     const pointermoveThumbXEvent = evnt => {
@@ -15403,7 +15453,7 @@ let crossListDragRowObj = null;
         const trackEl = thumbEl.parentElement;
         const trackRect = trackEl.getBoundingClientRect();
         // 更新偏移
-        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+        viewEl.scrollLeft = list_getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       }
     };
     const cleatPointerThumbEvent = evnt => {
@@ -15426,7 +15476,7 @@ let crossListDragRowObj = null;
       const trackRect = trackEl.getBoundingClientRect();
       const pointerPosition = evnt.clientY - trackRect.top;
       // 记录 thumb 的偏移
-      const thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      const thumbOffset = list_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     };
     const pointermoveThumbYEvent = evnt => {
@@ -15450,7 +15500,7 @@ let crossListDragRowObj = null;
         const trackEl = thumbEl.parentElement;
         const trackRect = trackEl.getBoundingClientRect();
         // 更新偏移
-        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+        viewEl.scrollTop = list_getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       }
     };
     Object.assign($xeList, listMethods, listPrivateMethods);
@@ -15478,9 +15528,9 @@ let crossListDragRowObj = null;
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-list--drag-sort-tip-status'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-list--drag-sort-tip-normal-status', getIcon().LIST_DRAG_STATUS_NODE]
+          class: ['vxe-list--drag-sort-tip-normal-status', list_getIcon().LIST_DRAG_STATUS_NODE]
         }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-list--drag-sort-tip-disabled-status', getIcon().LIST_DRAG_DISABLED]
+          class: ['vxe-list--drag-sort-tip-disabled-status', list_getIcon().LIST_DRAG_DISABLED]
         })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-list--drag-sort-tip-content'
         }, dragTipText)])]) : renderEmptyElement($xeList)]);
@@ -15513,7 +15563,7 @@ let crossListDragRowObj = null;
             }
           }
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
+          class: ['vxe-radio--icon', isChecked ? list_getIcon().RADIO_CHECKED : isDisabled ? list_getIcon().RADIO_DISABLED_UNCHECKED : list_getIcon().RADIO_UNCHECKED]
         })]);
       }
       return renderEmptyElement($xeList);
@@ -15544,7 +15594,7 @@ let crossListDragRowObj = null;
             }
           }
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-checkbox--icon', isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
+          class: ['vxe-checkbox--icon', isChecked ? list_getIcon().CHECKBOX_CHECKED : isDisabled ? list_getIcon().CHECKBOX_DISABLED_UNCHECKED : list_getIcon().CHECKBOX_UNCHECKED]
         })]);
       }
       return renderEmptyElement($xeList);
@@ -15635,7 +15685,7 @@ let crossListDragRowObj = null;
           class: 'vxe-list--drag-handle',
           ...handleOns
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-          class: icon || getIcon().LIST_DRAG
+          class: icon || list_getIcon().LIST_DRAG
         })])]));
       }
       ctVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -15764,10 +15814,10 @@ let crossListDragRowObj = null;
         }],
         onClick: changeCheckboxAllEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-        class: ['vxe-checkbox--icon', isAllChecked ? getIcon().CHECKBOX_CHECKED : isAllIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : getIcon().CHECKBOX_UNCHECKED]
+        class: ['vxe-checkbox--icon', isAllChecked ? list_getIcon().CHECKBOX_CHECKED : isAllIndeterminate ? list_getIcon().CHECKBOX_INDETERMINATE : list_getIcon().CHECKBOX_UNCHECKED]
       }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-checkbox--label'
-      }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(headerTitle) ? getI18n('vxe.list.allChecked') : getText(headerTitle))])]) : renderEmptyElement($xeList), headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(headerTitle) ? list_getI18n('vxe.list.allChecked') : getText(headerTitle))])]) : renderEmptyElement($xeList), headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-list--header-content'
       }, headerSlot({
         items: rowList,
@@ -15872,6 +15922,12 @@ let crossListDragRowObj = null;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeRowHeight, () => {
       reFlag.value++;
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeScrollYWidth, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeScrollXHeight, () => {
+      reFlag.value++;
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeScrollXVisible, () => {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         reFlag.value++;
@@ -15939,36 +15995,52 @@ let crossListDragRowObj = null;
       if (useKey && !keyField) {
         list_errLog('vxe.error.reqSupportProp', ['row-config.useKey', 'row-config.keyField']);
       }
-      if (useScrollbar || autoResize) {
-        const el = refElem.value;
+      const el = refElem.value;
+      if (useScrollbar) {
         const viewInnerEl = refVirtualBody.value;
-        const resizeObserver = globalResize.create(() => {
+        const scrollObserver = list_globalResize.create(() => {
           reFlag.value++;
         });
         if (el) {
-          resizeObserver.observe(el);
-          if (autoResize) {
-            resizeObserver.observe(el.parentElement);
-          }
+          scrollObserver.observe(el);
         }
         if (viewInnerEl) {
-          resizeObserver.observe(viewInnerEl);
+          scrollObserver.observe(viewInnerEl);
+        }
+        internalData.scrollObserver = scrollObserver;
+      }
+      if (autoResize) {
+        const parentEl = getParentElem();
+        const resizeObserver = list_globalResize.create(() => {
+          if (props.autoResize) {
+            reFlag.value++;
+          }
+        });
+        if (el) {
+          resizeObserver.observe(el);
+        }
+        if (parentEl) {
+          resizeObserver.observe(parentEl);
         }
         internalData.resizeObserver = resizeObserver;
       }
       reFlag.value++;
-      globalEvents.on($xeList, 'resize', () => {
+      list_globalEvents.on($xeList, 'resize', () => {
         reFlag.value++;
       });
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       const {
+        scrollObserver,
         resizeObserver
       } = internalData;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
-      globalEvents.off($xeList, 'resize');
+      if (scrollObserver) {
+        scrollObserver.disconnect();
+      }
+      list_globalEvents.off($xeList, 'resize');
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, list_createReactData());
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, list_createInternalData());
     });
@@ -31971,6 +32043,7 @@ const allActiveDrawers = [];
 
 
 
+
 /* harmony default export */ var drawer = (defineVxeComponent({
   name: 'VxeDrawer',
   props: {
@@ -32103,7 +32176,12 @@ const allActiveDrawers = [];
       default: () => getConfig().drawer.size || getConfig().size
     },
     beforeHideMethod: Function,
-    slots: Object
+    slots: Object,
+    useScrollbar: {
+      type: Boolean,
+      default: () => getDefaultConfig(getConfig().drawer.useScrollbar, getConfig().useScrollbar)
+    },
+    scrollbarConfig: Object
   },
   emits: ['update:modelValue', 'show', 'hide', 'before-hide', 'close', 'confirm', 'cancel', 'resize'],
   setup(props, context) {
@@ -32162,6 +32240,28 @@ const allActiveDrawers = [];
       }
       return 'wl';
     });
+    const computeScrollbarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().modal.scrollbarConfig, props.scrollbarConfig);
+    });
+    const computeScrollbarProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const {
+        viewClassName,
+        viewInnerClassName
+      } = scrollbarOpts;
+      return {
+        width: scrollbarOpts.width,
+        height: scrollbarOpts.height,
+        autoHide: scrollbarOpts.autoHide,
+        visible: scrollbarOpts.visible,
+        xConfig: scrollbarOpts.xConfig,
+        yConfig: scrollbarOpts.yConfig,
+        className: scrollbarOpts.className,
+        viewAttrs: scrollbarOpts.viewAttrs,
+        viewClassName: 'vxe-drawer--scrollbar-content-view' + (viewClassName ? ' ' + viewClassName : ''),
+        viewInnerClassName: 'vxe-drawer--scrollbar-content-inner' + (viewClassName ? ' ' + viewInnerClassName : '')
+      };
+    });
     const computeMaps = {};
     const $xeDrawer = {
       xID,
@@ -32505,11 +32605,47 @@ const allActiveDrawers = [];
       const {
         slots: propSlots = {},
         content,
+        useScrollbar,
         useHtml
       } = props;
+      const scrollbarProps = computeScrollbarProps.value;
       const defaultSlot = slots.default || propSlots.default;
       const leftSlot = slots.left || propSlots.left;
       const rightSlot = slots.right || propSlots.right;
+      const contVNs = [];
+      if (useHtml && !defaultSlot) {
+        contVNs.push(useScrollbar ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_scrollbar, {
+          key: 'shc',
+          class: 'vxe-drawer--scrollbar-content',
+          ...scrollbarProps
+        }, {
+          default() {
+            return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+              class: 'vxe-drawer--scrollbar-content-html',
+              innerHTML: getFuncText(content)
+            })];
+          }
+        }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 'hc',
+          class: 'vxe-drawer--content',
+          innerHTML: getFuncText(content)
+        }));
+      } else {
+        contVNs.push(useScrollbar ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_scrollbar, {
+          key: 'sdc',
+          class: 'vxe-drawer--scrollbar-content',
+          ...scrollbarProps
+        }, {
+          default: () => defaultSlot ? vn_getSlotVNs(defaultSlot({
+            $drawer: $xeDrawer
+          })) : getFuncText(content)
+        }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 'dc',
+          class: 'vxe-drawer--content'
+        }, defaultSlot ? vn_getSlotVNs(defaultSlot({
+          $drawer: $xeDrawer
+        })) : getFuncText(content)));
+      }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-drawer--body'
       }, [leftSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -32518,16 +32654,7 @@ const allActiveDrawers = [];
         $drawer: $xeDrawer
       }))) : renderEmptyElement($xeDrawer), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-drawer--body-default'
-      }, [useHtml && !defaultSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        key: 'hc',
-        class: 'vxe-drawer--content',
-        innerHTML: getFuncText(content)
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        key: 'dc',
-        class: 'vxe-drawer--content'
-      }, defaultSlot ? vn_getSlotVNs(defaultSlot({
-        $drawer: $xeDrawer
-      })) : getFuncText(content))]), rightSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, contVNs), rightSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-drawer--body-right'
       }, vn_getSlotVNs(rightSlot({
         $drawer: $xeDrawer
@@ -37758,6 +37885,7 @@ const ImagePreview = VxeImagePreview;
 
 
 
+
 /* harmony default export */ var layout_aside = (defineVxeComponent({
   name: 'VxeLayoutAside',
   props: {
@@ -37769,7 +37897,7 @@ const ImagePreview = VxeImagePreview;
     collapseConfig: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => getConfig().layoutAside.useScrollbar
+      default: () => getDefaultConfig(getConfig().layoutAside.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object,
     size: {
@@ -37916,6 +38044,7 @@ const LayoutAside = VxeLayoutAside;
 
 
 
+
 function layout_body_createInternalData() {
   return {};
 }
@@ -37934,7 +38063,7 @@ function layout_body_createReactData() {
     backtopConfig: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => getConfig().layoutBody.useScrollbar
+      default: () => getDefaultConfig(getConfig().layoutBody.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object,
     size: {
@@ -38552,7 +38681,7 @@ let nemuUniqueKey = 100000000;
     menuConfig: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => menu_getConfig().menu.useScrollbar
+      default: () => getDefaultConfig(menu_getConfig().menu.useScrollbar, menu_getConfig().useScrollbar)
     },
     scrollbarConfig: Object,
     appendTo: {
@@ -39371,6 +39500,7 @@ const allActiveModals = [];
 
 
 
+
 const {
   warnLog: modal_warnLog,
   errLog: modal_errLog
@@ -39579,6 +39709,11 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
     },
     beforeHideMethod: Function,
     slots: Object,
+    useScrollbar: {
+      type: Boolean,
+      default: () => getDefaultConfig(getConfig().modal.useScrollbar, getConfig().useScrollbar)
+    },
+    scrollbarConfig: Object,
     /**
      * 已废弃
      * @deprecated
@@ -39650,6 +39785,28 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
     const computeZoomOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().modal.zoomConfig, props.zoomConfig);
     });
+    const computeScrollbarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().modal.scrollbarConfig, props.scrollbarConfig);
+    });
+    const computeScrollbarProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const {
+        viewClassName,
+        viewInnerClassName
+      } = scrollbarOpts;
+      return {
+        width: scrollbarOpts.width,
+        height: scrollbarOpts.height,
+        autoHide: scrollbarOpts.autoHide,
+        visible: scrollbarOpts.visible,
+        xConfig: scrollbarOpts.xConfig,
+        yConfig: scrollbarOpts.yConfig,
+        className: scrollbarOpts.className,
+        viewAttrs: scrollbarOpts.viewAttrs,
+        viewClassName: 'vxe-modal--scrollbar-content-view' + (viewClassName ? ' ' + viewClassName : ''),
+        viewInnerClassName: 'vxe-modal--scrollbar-content-inner' + (viewClassName ? ' ' + viewInnerClassName : '')
+      };
+    });
     const computeMaps = {
       computeSize,
       computeZoomOpts
@@ -40771,10 +40928,12 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         status,
         message,
         iconStatus,
+        useScrollbar,
         useHtml
       } = props;
       const content = props.content || message;
       const isMsg = computeIsMsg.value;
+      const scrollbarProps = computeScrollbarProps.value;
       const defaultSlot = slots.default || propSlots.default;
       const leftSlot = slots.left || propSlots.left;
       const rightSlot = slots.right || propSlots.right;
@@ -40786,16 +40945,39 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
           class: ['vxe-modal--status-icon', iconStatus || getIcon()[`MODAL_${status}`.toLocaleUpperCase()]]
         })]));
       }
-      contVNs.push(useHtml && !defaultSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        key: 'hc',
-        class: 'vxe-modal--content',
-        innerHTML: getFuncText(content)
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        key: 'dc',
-        class: 'vxe-modal--content'
-      }, defaultSlot ? vn_getSlotVNs(defaultSlot({
-        $modal: $xeModal
-      })) : getFuncText(content)));
+      if (useHtml && !defaultSlot) {
+        contVNs.push(useScrollbar ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_scrollbar, {
+          key: 'shc',
+          class: 'vxe-modal--scrollbar-content',
+          ...scrollbarProps
+        }, {
+          default() {
+            return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+              class: 'vxe-modal--scrollbar-content-html',
+              innerHTML: getFuncText(content)
+            })];
+          }
+        }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 'hc',
+          class: 'vxe-modal--content',
+          innerHTML: getFuncText(content)
+        }));
+      } else {
+        contVNs.push(useScrollbar ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_scrollbar, {
+          key: 'sdc',
+          class: 'vxe-modal--scrollbar-content',
+          ...scrollbarProps
+        }, {
+          default: () => defaultSlot ? vn_getSlotVNs(defaultSlot({
+            $modal: $xeModal
+          })) : getFuncText(content)
+        }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 'dc',
+          class: 'vxe-modal--content'
+        }, defaultSlot ? vn_getSlotVNs(defaultSlot({
+          $modal: $xeModal
+        })) : getFuncText(content)));
+      }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-modal--body'
       }, [leftSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -50624,7 +50806,7 @@ const scrollbarOffsetSize = 20;
     },
     useScrollbar: {
       type: Boolean,
-      default: () => getConfig().tabs.useScrollbar
+      default: () => getDefaultConfig(getConfig().tabs.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object,
     // 已废弃
@@ -53122,17 +53304,23 @@ function getCrossTreeDragNodeInfo() {
 
 
 
-
 const {
   warnLog: tree_warnLog,
   errLog: tree_errLog
 } = createComponentLog('tree');
 const {
   menus: tree_menus,
+  scrollbarUtils: tree_scrollbarUtils,
   getConfig: tree_getConfig,
   getI18n: tree_getI18n,
   getIcon: tree_getIcon
 } = VxeUI;
+const {
+  getThumbOffsetSize: tree_getThumbOffsetSize,
+  getThumbSize: tree_getThumbSize,
+  getScrollFromClick: tree_getScrollFromClick,
+  getScrollFromDrag: tree_getScrollFromDrag
+} = tree_scrollbarUtils;
 /**
  * 生成节点的唯一主键
  */
@@ -53179,8 +53367,9 @@ function tree_createInternalData() {
     indeterminateNodeMaps: {},
     treeExpandedMaps: {},
     treeExpandLazyLoadedMaps: {},
-    // 滚动条
     // resizeObserver: undefined,
+    // 滚动条
+    // scrollObserver: undefined,
     // isThumbDrag: false,
     thumbDragOffset: 0,
     yThumbTop: 0,
@@ -53336,7 +53525,7 @@ let crossTreeDragNodeObj = null;
     virtualYConfig: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => tree_getConfig().tree.useScrollbar
+      default: () => getDefaultConfig(tree_getConfig().tree.useScrollbar, tree_getConfig().useScrollbar)
     },
     scrollbarConfig: Object
   },
@@ -53439,11 +53628,8 @@ let crossTreeDragNodeObj = null;
       return Object.assign({}, tree_getConfig().tree.menuConfig, props.menuConfig);
     });
     const computeWrapperStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const scrollbarXOpts = computeScrollbarXOpts.value;
-      const scrollbarYOpts = computeScrollbarYOpts.value;
-      const barWidth = getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), tree_getConfig().scrollbar.width);
-      const barHeight = getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), tree_getConfig().scrollbar.height);
+      const barWidth = computeScrollYWidth.value;
+      const barHeight = computeScrollXHeight.value;
       const stys = {};
       if (barWidth || barHeight) {
         stys['--vxe-ui-scrollbar-y-width'] = toCssUnit(barWidth || barHeight);
@@ -53507,6 +53693,16 @@ let crossTreeDragNodeObj = null;
       const scrollbarOpts = computeScrollbarOpts.value;
       return Object.assign({}, tree_getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
     });
+    const computeScrollXHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarXOpts = computeScrollbarXOpts.value;
+      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), tree_getConfig().scrollbar.height);
+    });
+    const computeScrollYWidth = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarYOpts = computeScrollbarYOpts.value;
+      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), tree_getConfig().scrollbar.width);
+    });
     const computeScrollXVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
       const scrollbarXOpts = computeScrollbarXOpts.value;
@@ -53528,10 +53724,6 @@ let crossTreeDragNodeObj = null;
       return getDefaultConfig(getDefaultConfig(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), tree_getConfig().scrollbar.autoHide);
     });
     const computeScrollbarWrapperClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const {
-        padding
-      } = scrollbarOpts;
       const {
         yThumbHeight,
         xThumbWidth
@@ -53540,12 +53732,7 @@ let crossTreeDragNodeObj = null;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollXVisible = computeScrollXVisible.value;
       const scrollYVisible = computeScrollYVisible.value;
-      const scrollXAutoHide = computeScrollXAutoHide.value;
-      const scrollYAutoHide = computeScrollYAutoHide.value;
       return domUtils.buildClass(['vxe-scrollbar is--virtual', `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`, `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`, `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`, `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}`], {
-        'is--padding': padding,
-        'ov-x--auto-hide': scrollXAutoHide,
-        'ov-y--auto-hide': scrollYAutoHide,
         'overflow-y': yThumbHeight,
         'overflow-x': xThumbWidth
       });
@@ -56572,14 +56759,14 @@ let crossTreeDragNodeObj = null;
         return;
       }
       const trackXEl = refTrackXElem.value;
-      const xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
+      const xThumbWidth = trackXEl ? tree_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 yThumbHeight = trackYEl ? tree_getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
       const thumbYElem = refThumbYElem.value;
       if (thumbYElem) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -56600,7 +56787,7 @@ let crossTreeDragNodeObj = null;
       } = reactData;
       const trackXEl = refTrackXElem.value;
       const thumbXElem = refThumbXElem.value;
-      const xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
+      const xThumbLeft = trackXEl && xThumbWidth ? tree_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
       internalData.xThumbLeft = xThumbLeft;
       if (thumbXElem && xThumbWidth) {
         thumbXElem.style.width = xThumbWidth + 'px';
@@ -56608,7 +56795,7 @@ let crossTreeDragNodeObj = null;
       }
       const trackYEl = refTrackYElem.value;
       const thumbYElem = refThumbYElem.value;
-      const yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
+      const yThumbTop = trackYEl && yThumbHeight ? tree_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
       internalData.yThumbTop = yThumbTop;
       if (thumbYElem && yThumbHeight) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -56629,7 +56816,7 @@ let crossTreeDragNodeObj = null;
       } = reactData;
       const trackRect = trackEl.getBoundingClientRect();
       viewEl.scrollTo({
-        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
+        left: tree_getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
         behavior: 'auto'
       });
     };
@@ -56647,7 +56834,7 @@ let crossTreeDragNodeObj = null;
       } = reactData;
       const trackRect = trackEl.getBoundingClientRect();
       viewEl.scrollTo({
-        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
+        top: tree_getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
         behavior: 'auto'
       });
     };
@@ -56666,7 +56853,7 @@ let crossTreeDragNodeObj = null;
       const trackRect = trackEl.getBoundingClientRect();
       const pointerPosition = evnt.clientX - trackRect.left;
       // 记录 thumb 的偏移
-      const thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      const thumbOffset = tree_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     };
     const pointermoveThumbXEvent = evnt => {
@@ -56690,7 +56877,7 @@ let crossTreeDragNodeObj = null;
         const trackEl = thumbEl.parentElement;
         const trackRect = trackEl.getBoundingClientRect();
         // 更新偏移
-        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+        viewEl.scrollLeft = tree_getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       }
     };
     const cleatPointerThumbEvent = evnt => {
@@ -56713,7 +56900,7 @@ let crossTreeDragNodeObj = null;
       const trackRect = trackEl.getBoundingClientRect();
       const pointerPosition = evnt.clientY - trackRect.top;
       // 记录 thumb 的偏移
-      const thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      const thumbOffset = tree_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     };
     const pointermoveThumbYEvent = evnt => {
@@ -56737,7 +56924,7 @@ let crossTreeDragNodeObj = null;
         const trackEl = thumbEl.parentElement;
         const trackRect = trackEl.getBoundingClientRect();
         // 更新偏移
-        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+        viewEl.scrollTop = tree_getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       }
     };
     Object.assign($xeTree, treeMethods, treePrivateMethods);
@@ -57292,6 +57479,12 @@ let crossTreeDragNodeObj = null;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.useScrollbar, () => {
       reFlag.value++;
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeScrollYWidth, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeScrollXHeight, () => {
+      reFlag.value++;
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeScrollXVisible, () => {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         reFlag.value++;
@@ -57338,23 +57531,32 @@ let crossTreeDragNodeObj = null;
       if (menuConfig && !VxeUIContextMenu) {
         tree_errLog('vxe.error.reqComp', ['vxe-context-menu']);
       }
+      const el = refElem.value;
       if (useScrollbar || autoResize) {
-        const el = refElem.value;
         const viewInnerEl = refVirtualBody.value;
+        const scrollObserver = globalResize.create(() => {
+          updateScrollbar();
+        });
+        if (el) {
+          scrollObserver.observe(el);
+        }
+        if (viewInnerEl) {
+          scrollObserver.observe(viewInnerEl);
+        }
+        internalData.scrollObserver = scrollObserver;
+      }
+      if (autoResize) {
         const parentEl = getParentElem();
         const resizeObserver = globalResize.create(() => {
-          reFlag.value++;
+          if (props.autoResize) {
+            reFlag.value++;
+          }
         });
         if (el) {
           resizeObserver.observe(el);
-          if (autoResize) {
-            if (parentEl) {
-              resizeObserver.observe(parentEl);
-            }
-          }
         }
-        if (viewInnerEl) {
-          resizeObserver.observe(viewInnerEl);
+        if (parentEl) {
+          resizeObserver.observe(parentEl);
         }
         internalData.resizeObserver = resizeObserver;
       }
@@ -57365,11 +57567,15 @@ let crossTreeDragNodeObj = null;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       const {
+        scrollObserver,
         resizeObserver
       } = internalData;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
+      if (scrollObserver) {
+        scrollObserver.disconnect();
+      }
       globalEvents.off($xeTree, 'resize');
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, tree_createReactData());
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, tree_createInternalData());