vxe-pc-ui 3.20.2 → 3.20.5

package/lib/index.umd.js

@@ -13415,7 +13415,7 @@ var es_array_filter = __webpack_require__(2008);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.20.2");
+var uiVersion = "ui v".concat("3.20.5");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13435,7 +13435,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.20.2";
+var ui_version = "3.20.5";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -20893,61 +20893,6 @@ VxeUI.component(loading);
 VxeUI.loading = LoadingController;
 var Loading = VxeLoading;
 /* harmony default export */ var packages_loading = (VxeLoading);
-;// ./packages/scrollbar/src/util.ts
-/**
- * 计算滚动条滑块的长度
- */
-function getThumbSize(viewportSize, contentSize, trackSize) {
-  if (contentSize <= viewportSize) {
-    return 0;
-  }
-  var ratio = viewportSize / contentSize;
-  var ideal = trackSize * ratio;
-  return Math.max(20, Math.min(ideal, trackSize));
-}
-/**
- * 计算滚动条滑块的偏移位置
- */
-function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
-  var maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0) {
-    return 0;
-  }
-  var maxThumbOffset = trackSize - thumbSize;
-  if (maxThumbOffset <= 0) {
-    return 0;
-  }
-  var clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
-  var ratio = clamped / maxScroll;
-  return ratio * maxThumbOffset;
-}
-/**
- * 根据点击轨道的位置，计算滑块的偏移位置
- */
-function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
-  var maxThumbOffset = trackSize - thumbSize;
-  var maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  var thumbOffset = clickPosition - thumbSize / 2;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  var scrollOffset = thumbOffset / maxThumbOffset * maxScroll;
-  return scrollOffset;
-}
-/**
- * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
- */
-function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
-  var maxScroll = contentSize - viewportSize;
-  var maxThumbOffset = trackSize - thumbSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  var thumbOffset = pointerPosition - dragOffset;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  return thumbOffset / maxThumbOffset * maxScroll;
-}
 ;// ./packages/scrollbar/src/scrollbar.ts
 
 
@@ -20958,13 +20903,17 @@ function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSiz
 
 
 
-
 var scrollbar_getConfig = VxeUI.getConfig,
   scrollbar_createEvent = VxeUI.createEvent,
   scrollbar_domUtils = VxeUI.domUtils,
+  scrollbar_scrollbarUtils = VxeUI.scrollbarUtils,
   scrollbar_globalResize = VxeUI.globalResize,
   scrollbar_globalEvents = VxeUI.globalEvents,
   scrollbar_renderEmptyElement = VxeUI.renderEmptyElement;
+var getThumbOffsetSize = scrollbar_scrollbarUtils.getThumbOffsetSize,
+  getThumbSize = scrollbar_scrollbarUtils.getThumbSize,
+  getScrollFromClick = scrollbar_scrollbarUtils.getScrollFromClick,
+  getScrollFromDrag = scrollbar_scrollbarUtils.getScrollFromDrag;
 function scrollbar_createReactData() {
   return {
     yThumbHeight: 0,
@@ -22745,7 +22694,18 @@ function getItemCacheObj(item) {
 
 
 
-
+var list_getConfig = VxeUI.getConfig,
+  list_getIcon = VxeUI.getIcon,
+  list_getI18n = VxeUI.getI18n,
+  list_domUtils = VxeUI.domUtils,
+  list_scrollbarUtils = VxeUI.scrollbarUtils,
+  list_menus = VxeUI.menus,
+  list_globalEvents = VxeUI.globalEvents,
+  list_globalResize = VxeUI.globalResize;
+var list_getThumbOffsetSize = list_scrollbarUtils.getThumbOffsetSize,
+  list_getThumbSize = list_scrollbarUtils.getThumbSize,
+  list_getScrollFromClick = list_scrollbarUtils.getScrollFromClick,
+  list_getScrollFromDrag = list_scrollbarUtils.getScrollFromDrag;
 var list_createComponentLog = createComponentLog('tree'),
   list_warnLog = list_createComponentLog.warnLog,
   list_errLog = list_createComponentLog.errLog;
@@ -22831,26 +22791,26 @@ function list_createInternalData() {
     size: {
       type: String,
       default: function _default() {
-        return getConfig().list.size || getConfig().size;
+        return list_getConfig().list.size || list_getConfig().size;
       }
     },
     autoResize: {
       type: Boolean,
       default: function _default() {
-        return getConfig().list.autoResize;
+        return list_getConfig().list.autoResize;
       }
     },
     syncResize: [Boolean, String, Number],
     showSeq: {
       type: Boolean,
       default: function _default() {
-        return getConfig().list.showSeq;
+        return list_getConfig().list.showSeq;
       }
     },
     showRadio: {
       type: Boolean,
       default: function _default() {
-        return getConfig().list.showRadio;
+        return list_getConfig().list.showRadio;
       }
     },
     checkRowKey: [String, Number],
@@ -22858,7 +22818,7 @@ function list_createInternalData() {
     showCheckbox: {
       type: Boolean,
       default: function _default() {
-        return getConfig().list.showCheckbox;
+        return list_getConfig().list.showCheckbox;
       }
     },
     checkRowKeys: Array,
@@ -22871,7 +22831,7 @@ function list_createInternalData() {
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return getDefaultConfig(getConfig().list.useScrollbar, getConfig().useScrollbar);
+        return getDefaultConfig(list_getConfig().list.useScrollbar, list_getConfig().useScrollbar);
       }
     },
     scrollbarConfig: Object
@@ -22890,17 +22850,17 @@ function list_createInternalData() {
     computeRowOpts: function computeRowOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, getConfig().list.rowConfig, props.rowConfig);
+      return Object.assign({}, list_getConfig().list.rowConfig, props.rowConfig);
     },
     computeDragOpts: function computeDragOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, getConfig().list.dragConfig, props.dragConfig);
+      return Object.assign({}, list_getConfig().list.dragConfig, props.dragConfig);
     },
     computeSYOpts: function computeSYOpts() {
       var $xeList = this;
       var props = $xeList;
-      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);
     },
     computeKeyField: function computeKeyField() {
       var $xeList = this;
@@ -22926,19 +22886,19 @@ function list_createInternalData() {
       var props = $xeList;
       return Object.assign({
         showIcon: true
-      }, getConfig().list.radioConfig, props.radioConfig);
+      }, list_getConfig().list.radioConfig, props.radioConfig);
     },
     computeCheckboxOpts: function computeCheckboxOpts() {
       var $xeList = this;
       var props = $xeList;
       return Object.assign({
         showIcon: true
-      }, getConfig().list.checkboxConfig, props.checkboxConfig);
+      }, list_getConfig().list.checkboxConfig, props.checkboxConfig);
     },
     computeMenuOpts: function computeMenuOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, getConfig().list.menuConfig, props.menuConfig);
+      return Object.assign({}, list_getConfig().list.menuConfig, props.menuConfig);
     },
     computeWrapperStyles: function computeWrapperStyles() {
       var $xeList = this;
@@ -22977,29 +22937,29 @@ function list_createInternalData() {
     computeScrollbarOpts: function computeScrollbarOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, getConfig().list.scrollbarConfig, props.scrollbarConfig);
+      return Object.assign({}, list_getConfig().list.scrollbarConfig, props.scrollbarConfig);
     },
     computeScrollbarXOpts: function computeScrollbarXOpts() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
-      return Object.assign({}, getConfig().scrollbar.xConfig, scrollbarOpts.xConfig);
+      return Object.assign({}, list_getConfig().scrollbar.xConfig, scrollbarOpts.xConfig);
     },
     computeScrollbarYOpts: function computeScrollbarYOpts() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
-      return Object.assign({}, getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
+      return Object.assign({}, list_getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
     },
     computeScrollXHeight: function computeScrollXHeight() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
       var scrollbarXOpts = $xeList.computeScrollbarXOpts;
-      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height);
+      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), list_getConfig().scrollbar.height);
     },
     computeScrollYWidth: function computeScrollYWidth() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
       var scrollbarYOpts = $xeList.computeScrollbarYOpts;
-      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width);
+      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), list_getConfig().scrollbar.width);
     },
     computeScrollXVisible: function computeScrollXVisible() {
       var $xeList = this;
@@ -23017,13 +22977,13 @@ function list_createInternalData() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
       var scrollbarXOpts = $xeList.computeScrollbarXOpts;
-      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
+      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), list_getConfig().scrollbar.autoHide);
     },
     computeScrollYAutoHide: function computeScrollYAutoHide() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
       var scrollbarYOpts = $xeList.computeScrollbarYOpts;
-      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
+      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), list_getConfig().scrollbar.autoHide);
     },
     computeScrollbarWrapperClss: function computeScrollbarWrapperClss() {
       var $xeList = this;
@@ -23034,7 +22994,7 @@ function list_createInternalData() {
       var scrollbarYToLeft = $xeList.computeScrollbarYToLeft;
       var scrollXVisible = $xeList.computeScrollXVisible;
       var scrollYVisible = $xeList.computeScrollYVisible;
-      return domUtils.buildClass(['vxe-scrollbar is--virtual', "ov-x--".concat(scrollXVisible === false ? 'hidden' : 'visible'), "ov-y--".concat(scrollYVisible === false ? 'hidden' : 'visible'), "sx-pos--".concat(scrollbarXToTop ? 'top' : 'bottom'), "sy-pos--".concat(scrollbarYToLeft ? 'left' : 'right')], {
+      return list_domUtils.buildClass(['vxe-scrollbar is--virtual', "ov-x--".concat(scrollXVisible === false ? 'hidden' : 'visible'), "ov-y--".concat(scrollYVisible === false ? 'hidden' : 'visible'), "sx-pos--".concat(scrollbarXToTop ? 'top' : 'bottom'), "sy-pos--".concat(scrollbarYToLeft ? 'left' : 'right')], {
         'overflow-y': yThumbHeight,
         'overflow-x': xThumbWidth
       });
@@ -23955,7 +23915,7 @@ function list_createInternalData() {
         };
         tipContent = "".concat(rTooltipMethod(rtParams) || '');
       } else {
-        tipContent = getI18n('vxe.list.dragTip', [rowEl.textContent || '']);
+        tipContent = list_getI18n('vxe.list.dragTip', [rowEl.textContent || '']);
       }
       reactData.dragTipText = tipContent;
     },
@@ -24792,7 +24752,7 @@ function list_createInternalData() {
               events: {
                 optionClick: function optionClick(eventParams) {
                   var option = eventParams.option;
-                  var gMenuOpts = menus.get(option.code);
+                  var gMenuOpts = list_menus.get(option.code);
                   var tmMethod = gMenuOpts ? gMenuOpts.listMenuMethod : null;
                   var params = {
                     menu: option,
@@ -24826,14 +24786,14 @@ function list_createInternalData() {
         return;
       }
       var trackXEl = $xeList.$refs.refTrackXElem;
-      var xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
+      var xThumbWidth = trackXEl ? list_getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
       var thumbXElem = $xeList.$refs.refThumbXElem;
       if (thumbXElem) {
         thumbXElem.style.width = xThumbWidth + 'px';
       }
       reactData.xThumbWidth = xThumbWidth;
       var trackYEl = $xeList.$refs.refTrackYElem;
-      var yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
+      var yThumbHeight = trackYEl ? list_getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
       var thumbYElem = $xeList.$refs.refThumbYElem;
       if (thumbYElem) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -24855,7 +24815,7 @@ function list_createInternalData() {
         yThumbHeight = reactData.yThumbHeight;
       var trackXEl = $xeList.$refs.refTrackXElem;
       var thumbXElem = $xeList.$refs.refThumbXElem;
-      var xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
+      var 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';
@@ -24863,7 +24823,7 @@ function list_createInternalData() {
       }
       var trackYEl = $xeList.$refs.refTrackYElem;
       var thumbYElem = $xeList.$refs.refThumbYElem;
-      var yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
+      var 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';
@@ -24884,7 +24844,7 @@ function list_createInternalData() {
       var xThumbWidth = reactData.xThumbWidth;
       var 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'
       });
     },
@@ -24902,7 +24862,7 @@ function list_createInternalData() {
       var yThumbHeight = reactData.yThumbHeight;
       var 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'
       });
     },
@@ -24922,7 +24882,7 @@ function list_createInternalData() {
       var trackRect = trackEl.getBoundingClientRect();
       var pointerPosition = evnt.clientX - trackRect.left;
       // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      var thumbOffset = list_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     },
     pointermoveThumbXEvent: function pointermoveThumbXEvent(evnt) {
@@ -24945,7 +24905,7 @@ function list_createInternalData() {
         var trackEl = _thumbEl.parentElement;
         var 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);
       }
     },
     cleatPointerThumbEvent: function cleatPointerThumbEvent(evnt) {
@@ -24971,7 +24931,7 @@ function list_createInternalData() {
       var trackRect = trackEl.getBoundingClientRect();
       var pointerPosition = evnt.clientY - trackRect.top;
       // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      var thumbOffset = list_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     },
     pointermoveThumbYEvent: function pointermoveThumbYEvent(evnt) {
@@ -24994,7 +24954,7 @@ function list_createInternalData() {
         var trackEl = _thumbEl2.parentElement;
         var 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);
       }
     },
     //
@@ -25024,9 +24984,9 @@ function list_createInternalData() {
         }, [h('div', {
           class: 'vxe-list--drag-sort-tip-status'
         }, [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]
         }), 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]
         })]), h('div', {
           class: 'vxe-list--drag-sort-tip-content'
         }, dragTipText)])]) : renderEmptyElement($xeList)]);
@@ -25059,7 +25019,7 @@ function list_createInternalData() {
             }
           }
         }, [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);
@@ -25090,7 +25050,7 @@ function list_createInternalData() {
             }
           }
         }, [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);
@@ -25176,7 +25136,7 @@ function list_createInternalData() {
           class: 'vxe-list--drag-handle',
           on: handleOns
         }, [h('i', {
-          class: icon || getIcon().LIST_DRAG
+          class: icon || list_getIcon().LIST_DRAG
         })])]));
       }
       ctVNs.push(h('div', {
@@ -25291,7 +25251,7 @@ function list_createInternalData() {
           click: $xeList.changeCheckboxAllEvent
         }
       }, [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]
       })])]) : renderEmptyElement($xeList), headerSlot ? h('div', {
         class: 'vxe-list--header-content'
       }, headerSlot({
@@ -25487,7 +25447,7 @@ function list_createInternalData() {
     var el = $xeList.$refs.refElem;
     if (useScrollbar) {
       var viewInnerEl = $xeList.$refs.refVirtualBody;
-      var scrollObserver = globalResize.create(function () {
+      var scrollObserver = list_globalResize.create(function () {
         $xeList.reFlag++;
       });
       if (el) {
@@ -25500,7 +25460,7 @@ function list_createInternalData() {
     }
     if (autoResize) {
       var parentEl = $xeList.getParentElem();
-      var resizeObserver = globalResize.create(function () {
+      var resizeObserver = list_globalResize.create(function () {
         if (props.autoResize) {
           $xeList.reFlag++;
         }
@@ -25514,7 +25474,7 @@ function list_createInternalData() {
       internalData.resizeObserver = resizeObserver;
     }
     $xeList.reFlag++;
-    globalEvents.on($xeList, 'resize', function () {
+    list_globalEvents.on($xeList, 'resize', function () {
       $xeList.reFlag++;
     });
   },
@@ -25536,7 +25496,7 @@ function list_createInternalData() {
     if (scrollObserver) {
       scrollObserver.disconnect();
     }
-    globalEvents.off($xeList, 'resize');
+    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());
   },
@@ -65882,16 +65842,20 @@ function getCrossTreeDragNodeInfo($xeTree) {
 
 
 
-
 
 
 var tree_createComponentLog = createComponentLog('tree'),
   tree_warnLog = tree_createComponentLog.warnLog,
   tree_errLog = tree_createComponentLog.errLog;
 var tree_menus = VxeUI.menus,
+  tree_scrollbarUtils = VxeUI.scrollbarUtils,
   tree_getConfig = VxeUI.getConfig,
   tree_getI18n = VxeUI.getI18n,
   tree_getIcon = VxeUI.getIcon;
+var tree_getThumbOffsetSize = tree_scrollbarUtils.getThumbOffsetSize,
+  tree_getThumbSize = tree_scrollbarUtils.getThumbSize,
+  tree_getScrollFromClick = tree_scrollbarUtils.getScrollFromClick,
+  tree_getScrollFromDrag = tree_scrollbarUtils.getScrollFromDrag;
 var crossTreeDragNodeObj = null;
 /**
  * 生成节点的唯一主键
@@ -69403,14 +69367,14 @@ function tree_createInternalData() {
         return;
       }
       var trackXEl = $xeTree.$refs.refTrackXElem;
-      var xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
+      var xThumbWidth = trackXEl ? tree_getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
       var thumbXElem = $xeTree.$refs.refThumbXElem;
       if (thumbXElem) {
         thumbXElem.style.width = xThumbWidth + 'px';
       }
       reactData.xThumbWidth = xThumbWidth;
       var trackYEl = $xeTree.$refs.refTrackYElem;
-      var yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
+      var yThumbHeight = trackYEl ? tree_getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
       var thumbYElem = $xeTree.$refs.refThumbYElem;
       if (thumbYElem) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -69432,7 +69396,7 @@ function tree_createInternalData() {
         yThumbHeight = reactData.yThumbHeight;
       var trackXEl = $xeTree.$refs.refTrackXElem;
       var thumbXElem = $xeTree.$refs.refThumbXElem;
-      var xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
+      var 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';
@@ -69440,7 +69404,7 @@ function tree_createInternalData() {
       }
       var trackYEl = $xeTree.$refs.refTrackYElem;
       var thumbYElem = $xeTree.$refs.refThumbYElem;
-      var yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
+      var 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';
@@ -69461,7 +69425,7 @@ function tree_createInternalData() {
       var xThumbWidth = reactData.xThumbWidth;
       var 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'
       });
     },
@@ -69479,7 +69443,7 @@ function tree_createInternalData() {
       var yThumbHeight = reactData.yThumbHeight;
       var 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'
       });
     },
@@ -69499,7 +69463,7 @@ function tree_createInternalData() {
       var trackRect = trackEl.getBoundingClientRect();
       var pointerPosition = evnt.clientX - trackRect.left;
       // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      var thumbOffset = tree_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     },
     pointermoveThumbXEvent: function pointermoveThumbXEvent(evnt) {
@@ -69522,7 +69486,7 @@ function tree_createInternalData() {
         var trackEl = _thumbEl.parentElement;
         var 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);
       }
     },
     cleatPointerThumbEvent: function cleatPointerThumbEvent(evnt) {
@@ -69548,7 +69512,7 @@ function tree_createInternalData() {
       var trackRect = trackEl.getBoundingClientRect();
       var pointerPosition = evnt.clientY - trackRect.top;
       // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      var thumbOffset = tree_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     },
     pointermoveThumbYEvent: function pointermoveThumbYEvent(evnt) {
@@ -69571,7 +69535,7 @@ function tree_createInternalData() {
         var trackEl = _thumbEl2.parentElement;
         var 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);
       }
     },
     //