vxe-pc-ui 4.20.5 → 4.20.6

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.20.5"}`;
+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}` : '';
@@ -115,7 +115,7 @@ function createComponentLog(name) {
 const warnLog$j = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.20.5";
+const version = "4.20.6";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -2026,7 +2026,8 @@ function scrollToView(elem) {
  * 通用定位计算
  */
 function updatePanelPlacement(targetElem, panelElem, options) {
-    const { defaultTop, defaultLeft, placement, defaultPlacement, teleportTo, marginSize, isMinWidth } = Object.assign({
+    const { defaultTop, defaultLeft, placement, defaultPlacement, appendTo, teleportTo, marginSize, isMinWidth } = Object.assign({
+        appendTo: '',
         teleportTo: false,
         marginSize: 18,
         isMinWidth: true
@@ -2040,7 +2041,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;
@@ -2051,14 +2052,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;
@@ -2102,8 +2105,8 @@ function updatePanelPlacement(targetElem, panelElem, options) {
                     left = marginSize;
                 }
                 // 偏移
-                top -= offsetTop;
-                left -= offsetLeft;
+                top -= parentWrapperOffsetTop;
+                left -= parentWrapperOffsetLeft;
             }
             else {
                 if (placement === 'top') {
@@ -2986,7 +2989,7 @@ var VxeTooltipComponent = defineVxeComponent({
             return null;
         };
         const updateTipStyle = () => {
-            const { placement, defaultPlacement, isArrow } = props;
+            const { placement, defaultPlacement, appendTo, isArrow } = props;
             const { tipTarget: targetElem, tipStore, tipPos, tipZindex } = reactData;
             const panelElem = refElem.value;
             if (!targetElem || !panelElem) {
@@ -3017,6 +3020,7 @@ var VxeTooltipComponent = defineVxeComponent({
                 defaultLeft: left,
                 placement: placement,
                 defaultPlacement: defaultPlacement,
+                appendTo: appendTo,
                 isMinWidth: false,
                 teleportTo: true
             });
@@ -3569,6 +3573,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, {
@@ -13775,6 +13780,7 @@ var VxeCascaderComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer,
                     isMinWidth: false
                 });
@@ -17889,6 +17895,7 @@ var VxeColorPickerComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
@@ -22771,6 +22778,7 @@ var VxeDatePickerComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
@@ -24241,6 +24249,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
@@ -28313,6 +28322,7 @@ var VxeIconPickerComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
@@ -33811,6 +33821,7 @@ var VxeSelectComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
@@ -36921,6 +36932,7 @@ var VxePulldownComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
@@ -41017,6 +41029,7 @@ var VxeTableSelectComponent = defineVxeComponent({
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
@@ -47861,6 +47874,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
                     isMinWidth: !popupOpts.width,
                     placement: popupOpts.placement || placement,
                     defaultPlacement: popupOpts.defaultPlacement,
+                    appendTo: popupOpts.appendTo,
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {