vxe-pc-ui 4.20.2 → 4.20.6

package/lib/index.umd.js

@@ -4813,7 +4813,7 @@ function checkDynamic() {
 const {
   log: log_log
 } = VxeUI;
-const uiVersion = `ui v${"4.20.2"}`;
+const uiVersion = `ui v${"4.20.6"}`;
 function createComponentLog(name) {
   const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
   const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4831,7 +4831,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.20.2";
+const ui_version = "4.20.6";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -6792,10 +6792,12 @@ function updatePanelPlacement(targetElem, panelElem, options) {
     defaultLeft,
     placement,
     defaultPlacement,
+    appendTo,
     teleportTo,
     marginSize,
     isMinWidth
   } = Object.assign({
+    appendTo: '',
     teleportTo: false,
     marginSize: 18,
     isMinWidth: true
@@ -6809,7 +6811,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
   const stys = {};
   if (panelElem && targetElem) {
     const bodyEl = document.body;
-    const parentWrapperEl = getPopupWrapperElement(panelElem);
+    const parentWrapperEl = getPopupWrapperElement(teleportTo ? getPopupAppendElement(appendTo) : panelElem);
     if (parentWrapperEl) {
       const targetWidth = targetElem.offsetWidth;
       const targetHeight = targetElem.offsetHeight;
@@ -6820,14 +6822,16 @@ function updatePanelPlacement(targetElem, panelElem, options) {
       const targetRect = targetElem.getBoundingClientRect();
       const visibleHeight = bodyEl.clientHeight;
       const visibleWidth = bodyEl.clientWidth;
-      const offsetLeft = parentWrapperRect.left;
-      const offsetTop = parentWrapperRect.top;
+      const parentWrapperScrollLeft = parentWrapperEl.scrollLeft;
+      const parentWrapperScrollTop = parentWrapperEl.scrollTop;
+      const parentWrapperOffsetLeft = parentWrapperRect.left;
+      const parentWrapperOffsetTop = parentWrapperRect.top;
       const targetLeft = targetRect.left;
       const 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;
@@ -6869,8 +6873,8 @@ function updatePanelPlacement(targetElem, panelElem, options) {
           left = marginSize;
         }
         // 偏移
-        top -= offsetTop;
-        left -= offsetLeft;
+        top -= parentWrapperOffsetTop;
+        left -= parentWrapperOffsetLeft;
       } else {
         if (placement === 'top') {
           panelPlacement = 'top';
@@ -7876,6 +7880,7 @@ function createInternalData() {
       const {
         placement,
         defaultPlacement,
+        appendTo,
         isArrow
       } = props;
       const {
@@ -7912,6 +7917,7 @@ function createInternalData() {
         defaultLeft: left,
         placement: placement,
         defaultPlacement: defaultPlacement,
+        appendTo: appendTo,
         isMinWidth: false,
         teleportTo: true
       });
@@ -8529,6 +8535,7 @@ const VxeButtonComponent = defineVxeComponent({
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -11703,61 +11710,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
 
 
@@ -11766,15 +11718,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,
@@ -13312,7 +13270,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
@@ -13394,26 +13367,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,
@@ -13424,7 +13397,7 @@ let crossListDragRowObj = null;
     scrollY: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => getDefaultConfig(getConfig().list.useScrollbar, getConfig().useScrollbar)
+      default: () => getDefaultConfig(list_getConfig().list.useScrollbar, list_getConfig().useScrollbar)
     },
     scrollbarConfig: Object
   },
@@ -13465,13 +13438,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;
@@ -13497,15 +13470,15 @@ 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;
@@ -13542,25 +13515,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), getConfig().scrollbar.height);
+      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), getConfig().scrollbar.width);
+      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;
@@ -13575,12 +13548,12 @@ 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 {
@@ -13591,7 +13564,7 @@ let crossListDragRowObj = null;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollXVisible = computeScrollXVisible.value;
       const scrollYVisible = computeScrollYVisible.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'}`], {
+      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
       });
@@ -14024,7 +13997,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;
     };
@@ -14963,7 +14936,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,
@@ -15369,14 +15342,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';
@@ -15397,7 +15370,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';
@@ -15405,7 +15378,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';
@@ -15426,7 +15399,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'
       });
     };
@@ -15444,7 +15417,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'
       });
     };
@@ -15463,7 +15436,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 => {
@@ -15487,7 +15460,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 => {
@@ -15510,7 +15483,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 => {
@@ -15534,7 +15507,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);
@@ -15562,9 +15535,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)]);
@@ -15597,7 +15570,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);
@@ -15628,7 +15601,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);
@@ -15719,7 +15692,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', {
@@ -15848,10 +15821,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,
@@ -16032,7 +16005,7 @@ let crossListDragRowObj = null;
       const el = refElem.value;
       if (useScrollbar) {
         const viewInnerEl = refVirtualBody.value;
-        const scrollObserver = globalResize.create(() => {
+        const scrollObserver = list_globalResize.create(() => {
           reFlag.value++;
         });
         if (el) {
@@ -16045,7 +16018,7 @@ let crossListDragRowObj = null;
       }
       if (autoResize) {
         const parentEl = getParentElem();
-        const resizeObserver = globalResize.create(() => {
+        const resizeObserver = list_globalResize.create(() => {
           if (props.autoResize) {
             reFlag.value++;
           }
@@ -16059,7 +16032,7 @@ let crossListDragRowObj = null;
         internalData.resizeObserver = resizeObserver;
       }
       reFlag.value++;
-      globalEvents.on($xeList, 'resize', () => {
+      list_globalEvents.on($xeList, 'resize', () => {
         reFlag.value++;
       });
     });
@@ -16074,7 +16047,7 @@ let crossListDragRowObj = null;
       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());
     });
@@ -19885,6 +19858,7 @@ function cascader_createInternalData() {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer,
           isMinWidth: false
         });
@@ -24503,6 +24477,7 @@ const NumberInput = VxeNumberInput;
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -29811,6 +29786,7 @@ function date_picker_createInternalData() {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -31437,6 +31413,7 @@ function date_range_picker_createInternalData() {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -36219,6 +36196,7 @@ function icon_picker_createInternalData() {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -42329,6 +42307,7 @@ function select_createInternalData() {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -45751,6 +45730,7 @@ const Print = VxePrint;
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -50331,6 +50311,7 @@ function table_select_createInternalData() {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -53338,17 +53319,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;
 /**
  * 生成节点的唯一主键
  */
@@ -56787,14 +56774,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';
@@ -56815,7 +56802,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';
@@ -56823,7 +56810,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';
@@ -56844,7 +56831,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'
       });
     };
@@ -56862,7 +56849,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'
       });
     };
@@ -56881,7 +56868,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 => {
@@ -56905,7 +56892,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 => {
@@ -56928,7 +56915,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 => {
@@ -56952,7 +56939,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);
@@ -58128,6 +58115,7 @@ function tree_select_createInternalData() {
           isMinWidth: !popupOpts.width,
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {