vxe-pc-ui 3.20.2 → 3.20.6

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.6");
 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.6";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -15433,6 +15433,7 @@ function isNodeElement(elem) {
  */
 function updatePanelPlacement(targetElem, panelElem, options) {
   var _Object$assign = Object.assign({
+      appendTo: '',
       teleportTo: false,
       marginSize: 18,
       isMinWidth: true
@@ -15441,6 +15442,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
     defaultLeft = _Object$assign.defaultLeft,
     placement = _Object$assign.placement,
     defaultPlacement = _Object$assign.defaultPlacement,
+    appendTo = _Object$assign.appendTo,
     teleportTo = _Object$assign.teleportTo,
     marginSize = _Object$assign.marginSize,
     isMinWidth = _Object$assign.isMinWidth;
@@ -15453,7 +15455,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
   var stys = {};
   if (panelElem && targetElem) {
     var bodyEl = document.body;
-    var parentWrapperEl = getPopupWrapperElement(panelElem);
+    var parentWrapperEl = getPopupWrapperElement(teleportTo ? getPopupAppendElement(appendTo) : panelElem);
     if (parentWrapperEl) {
       var targetWidth = targetElem.offsetWidth;
       var targetHeight = targetElem.offsetHeight;
@@ -15464,14 +15466,16 @@ function updatePanelPlacement(targetElem, panelElem, options) {
       var targetRect = targetElem.getBoundingClientRect();
       var visibleHeight = bodyEl.clientHeight;
       var visibleWidth = bodyEl.clientWidth;
-      var offsetLeft = parentWrapperRect.left;
-      var offsetTop = parentWrapperRect.top;
+      var parentWrapperScrollLeft = parentWrapperEl.scrollLeft;
+      var parentWrapperScrollTop = parentWrapperEl.scrollTop;
+      var parentWrapperOffsetLeft = parentWrapperRect.left;
+      var parentWrapperOffsetTop = parentWrapperRect.top;
       var targetLeft = targetRect.left;
       var targetTop = targetRect.top;
       minWidth = targetElem.offsetWidth;
       if (teleportTo) {
-        left = defaultLeft || targetLeft - (panelWidth - targetWidth) / 2;
-        top = defaultTop || targetTop + targetHeight;
+        left = (defaultLeft || targetLeft - (panelWidth - targetWidth) / 2) - parentWrapperScrollLeft;
+        top = (defaultTop || targetTop + targetHeight) - parentWrapperScrollTop;
         if (placement === 'top') {
           panelPlacement = 'top';
           top = targetTop - panelHeight;
@@ -15513,8 +15517,8 @@ function updatePanelPlacement(targetElem, panelElem, options) {
           left = marginSize;
         }
         // 偏移
-        top -= offsetTop;
-        left -= offsetLeft;
+        top -= parentWrapperOffsetTop;
+        left -= parentWrapperOffsetLeft;
       } else {
         if (placement === 'top') {
           panelPlacement = 'top';
@@ -16644,6 +16648,7 @@ function createInternalData() {
       var reactData = $xeTooltip.reactData;
       var placement = props.placement,
         defaultPlacement = props.defaultPlacement,
+        appendTo = props.appendTo,
         isArrow = props.isArrow;
       var targetElem = reactData.tipTarget,
         tipStore = reactData.tipStore,
@@ -16677,6 +16682,7 @@ function createInternalData() {
         defaultLeft: left,
         placement: placement,
         defaultPlacement: defaultPlacement,
+        appendTo: appendTo,
         isMinWidth: false,
         teleportTo: true
       });
@@ -17561,6 +17567,7 @@ var _createComponentLog = createComponentLog('button'),
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -20893,61 +20900,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 +20910,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 +22701,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 +22798,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 +22825,7 @@ function list_createInternalData() {
     showCheckbox: {
       type: Boolean,
       default: function _default() {
-        return getConfig().list.showCheckbox;
+        return list_getConfig().list.showCheckbox;
       }
     },
     checkRowKeys: Array,
@@ -22871,7 +22838,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 +22857,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 +22893,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 +22944,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 +22984,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 +23001,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 +23922,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 +24759,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 +24793,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 +24822,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 +24830,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 +24851,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 +24869,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 +24889,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 +24912,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 +24938,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 +24961,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 +24991,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 +25026,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 +25057,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 +25143,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 +25258,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 +25454,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 +25467,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 +25481,7 @@ function list_createInternalData() {
       internalData.resizeObserver = resizeObserver;
     }
     $xeList.reFlag++;
-    globalEvents.on($xeList, 'resize', function () {
+    list_globalEvents.on($xeList, 'resize', function () {
       $xeList.reFlag++;
     });
   },
@@ -25536,7 +25503,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());
   },
@@ -29742,6 +29709,7 @@ function cascader_createInternalData() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer,
           isMinWidth: false
         });
@@ -34754,6 +34722,7 @@ var typeList = [{
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -40465,6 +40434,7 @@ function date_picker_createInternalData() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -42179,6 +42149,7 @@ function date_range_picker_createInternalData() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -47286,6 +47257,7 @@ function icon_picker_createInternalData() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -54115,6 +54087,7 @@ function select_createInternalData() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -57783,6 +57756,7 @@ var Print = VxePrint;
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -62764,6 +62738,7 @@ function table_select_createInternalData() {
         var ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {
@@ -65882,16 +65857,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 +69382,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 +69411,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 +69419,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 +69440,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 +69458,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 +69478,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 +69501,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 +69527,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 +69550,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);
       }
     },
     //
@@ -70828,6 +70807,7 @@ function tree_select_createInternalData() {
           isMinWidth: !popupOpts.width,
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {