vxe-pc-ui 4.6.4 → 4.6.6

package/lib/index.umd.js

@@ -4213,14 +4213,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.6.4"}`;
+const log_version = `ui v${"4.6.6"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.6.4";
+const ui_version = "4.6.6";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -5071,6 +5071,102 @@ function dom_triggerEvent(targetElem, type) {
 function isNodeElement(elem) {
   return elem && elem.nodeType === 1;
 }
+function updatePanelPlacement(targetElem, panelElem, options) {
+  const {
+    placement,
+    teleportTo,
+    marginSize
+  } = Object.assign({
+    teleportTo: false,
+    marginSize: 5
+  }, options);
+  let panelPlacement = 'bottom';
+  let top = '';
+  let bottom = '';
+  let left = '';
+  const right = '';
+  let minWidth = '';
+  const stys = {};
+  if (panelElem && targetElem) {
+    const documentElement = document.documentElement;
+    const bodyElem = document.body;
+    const targetHeight = targetElem.offsetHeight;
+    const panelHeight = panelElem.offsetHeight;
+    const panelWidth = panelElem.offsetWidth;
+    const bounding = targetElem.getBoundingClientRect();
+    const boundingTop = bounding.top;
+    const boundingLeft = bounding.left;
+    const visibleHeight = documentElement.clientHeight || bodyElem.clientHeight;
+    const visibleWidth = documentElement.clientWidth || bodyElem.clientWidth;
+    minWidth = targetElem.offsetWidth;
+    if (teleportTo) {
+      left = boundingLeft;
+      top = boundingTop + targetHeight;
+      if (placement === 'top') {
+        panelPlacement = 'top';
+        top = boundingTop - panelHeight;
+      } else if (!placement) {
+        // 如果下面不够放，则向上
+        if (top + panelHeight + marginSize > visibleHeight) {
+          panelPlacement = 'top';
+          top = boundingTop - panelHeight;
+        }
+        // 如果上面不够放，则向下（优先）
+        if (top < marginSize) {
+          panelPlacement = 'bottom';
+          top = boundingTop + targetHeight;
+        }
+      }
+      // 如果溢出右边
+      if (left + panelWidth + marginSize > visibleWidth) {
+        left -= left + panelWidth + marginSize - visibleWidth;
+      }
+      // 如果溢出左边
+      if (left < marginSize) {
+        left = marginSize;
+      }
+    } else {
+      if (placement === 'top') {
+        panelPlacement = 'top';
+        bottom = targetHeight;
+      } else if (!placement) {
+        // 如果下面不够放，则向上
+        top = targetHeight;
+        if (boundingTop + targetHeight + panelHeight > visibleHeight) {
+          // 如果上面不够放，则向下（优先）
+          if (boundingTop - targetHeight - panelHeight > marginSize) {
+            panelPlacement = 'top';
+            top = '';
+            bottom = targetHeight;
+          }
+        }
+      }
+    }
+    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(top)) {
+      stys.top = toCssUnit(top);
+    }
+    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(bottom)) {
+      stys.bottom = toCssUnit(bottom);
+    }
+    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(left)) {
+      stys.left = toCssUnit(left);
+    }
+    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(right)) {
+      stys.right = toCssUnit(right);
+    }
+    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(minWidth)) {
+      stys.minWidth = toCssUnit(minWidth);
+    }
+  }
+  return {
+    top: top || 0,
+    bottom: bottom || 0,
+    left: left || 0,
+    right: right || 0,
+    style: stys,
+    placement: panelPlacement
+  };
+}
 ;// CONCATENATED MODULE: ./packages/anchor/src/util.ts
 
 function assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
@@ -6359,7 +6455,7 @@ function handleBooleanDefaultValue(value) {
 
 
 
-/* harmony default export */ var src_button = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+const VxeButtonComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeButton',
   props: {
     /**
@@ -6428,6 +6524,7 @@ function handleBooleanDefaultValue(value) {
     align: String,
     prefixTooltip: Object,
     suffixTooltip: Object,
+    options: Array,
     /**
      * 在下拉面板关闭时销毁内容
      */
@@ -6578,6 +6675,20 @@ function handleBooleanDefaultValue(value) {
       }
       return false;
     });
+    const computeDownBtnList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        options
+      } = props;
+      if (options) {
+        return options.filter(item => {
+          const {
+            permissionCode
+          } = item;
+          return !permissionCode || permission.checkVisible(permissionCode);
+        });
+      }
+      return [];
+    });
     const computePrefixTipOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, props.prefixTooltip);
     });
@@ -6590,85 +6701,28 @@ function handleBooleanDefaultValue(value) {
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const targetElem = refButton.value;
-        const panelElem = refBtnPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (panelElem && targetElem) {
-          const targetHeight = targetElem.offsetHeight;
-          const targetWidth = targetElem.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            top,
-            left,
-            boundingTop,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(targetElem);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let btnLeft = left + targetWidth - panelWidth;
-            let btnTop = top + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              btnTop = top - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                btnTop = top - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (btnTop < marginSize) {
-                panelPlacement = 'bottom';
-                btnTop = top + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (btnLeft + panelWidth + marginSize > visibleWidth) {
-              btnLeft -= btnLeft + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (btnLeft < marginSize) {
-              btnLeft = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${btnLeft}px`,
-              right: 'auto',
-              top: `${btnTop}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refButton.value;
+      const panelElem = refBtnPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const clickEvent = evnt => {
       if ($xeButtonGroup) {
@@ -6680,6 +6734,16 @@ function handleBooleanDefaultValue(value) {
         $event: evnt
       }, evnt);
     };
+    const downBtnClickEvent = (params, option) => {
+      const {
+        $event
+      } = params;
+      hidePanel();
+      dispatchEvent('dropdown-click', {
+        name: option.name,
+        option
+      }, $event);
+    };
     const mousedownDropdownEvent = evnt => {
       const isLeftBtn = evnt.button === 0;
       if (isLeftBtn) {
@@ -6705,7 +6769,7 @@ function handleBooleanDefaultValue(value) {
         }, 350);
         dispatchEvent('dropdown-click', {
           name: targetElem.getAttribute('name'),
-          $event: evnt
+          option: null
         }, evnt);
       }
     };
@@ -6739,7 +6803,7 @@ function handleBooleanDefaultValue(value) {
       }
     };
     const mouseleaveTargetEvent = evnt => {
-      closePanel();
+      hidePanel();
       mouseleaveEvent(evnt);
     };
     const mouseenterEvent = evnt => {
@@ -6757,7 +6821,7 @@ function handleBooleanDefaultValue(value) {
       if (!(btnDisabled || loading)) {
         if (trigger === 'click') {
           if (reactData.visiblePanel) {
-            closePanel();
+            hidePanel();
           } else {
             openPanel();
           }
@@ -6785,7 +6849,7 @@ function handleBooleanDefaultValue(value) {
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
-    const closePanel = () => {
+    const hidePanel = () => {
       const panelElem = refBtnPanel.value;
       clearTimeout(internalData.showTime);
       if (panelElem) {
@@ -6807,7 +6871,7 @@ function handleBooleanDefaultValue(value) {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
     const mouseleaveDropdownEvent = () => {
-      closePanel();
+      hidePanel();
     };
     const renderTooltipIcon = (tipOpts, type) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tooltip, {
@@ -6874,7 +6938,7 @@ function handleBooleanDefaultValue(value) {
     buttonMethods = {
       dispatchEvent,
       openPanel,
-      closePanel,
+      closePanel: hidePanel,
       focus() {
         const btnElem = refButton.value;
         if (btnElem) {
@@ -6893,7 +6957,7 @@ function handleBooleanDefaultValue(value) {
     const handleGlobalMousewheelEvent = evnt => {
       const panelElem = refBtnPanel.value;
       if (reactData.visiblePanel && !getEventTargetNode(evnt, panelElem).flag) {
-        closePanel();
+        hidePanel();
       }
     };
     const handleGlobalMousedownEvent = evnt => {
@@ -6906,7 +6970,7 @@ function handleBooleanDefaultValue(value) {
         const panelElem = refBtnPanel.value;
         reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
         if (visiblePanel && !reactData.isActivated) {
-          closePanel();
+          hidePanel();
         }
       }
     };
@@ -6937,12 +7001,13 @@ function handleBooleanDefaultValue(value) {
       const btnTransfer = computeBtnTransfer.value;
       const btnDisabled = computeBtnDisabled.value;
       const permissionInfo = computePermissionInfo.value;
+      const downBtnList = computeDownBtnList.value;
       const vSize = computeSize.value;
-      const downsSlot = slots.dropdowns;
+      const dropdownsSlot = slots.dropdowns;
       if (!permissionInfo.visible) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
       }
-      if (downsSlot) {
+      if (dropdownsSlot || downBtnList.length) {
         const btnOns = {};
         const panelOns = {};
         if (trigger === 'hover') {
@@ -7014,17 +7079,42 @@ function handleBooleanDefaultValue(value) {
             $button: $xeButton
           }) : popupClassName : '', {
             [`size--${vSize}`]: vSize,
+            'is--transfer': btnTransfer,
             'ani--leave': isAniVisible,
             'ani--enter': visiblePanel
           }],
           placement: reactData.panelPlacement,
           style: reactData.panelStyle,
           ...panelOns
-        }, initialized && (visiblePanel || isAniVisible) ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }, initialized && (visiblePanel || isAniVisible) ? [dropdownsSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-button--dropdown-wrapper',
           onMousedown: mousedownDropdownEvent,
           onClick: clickDropdownEvent
-        }, destroyOnClose && !visiblePanel ? [] : downsSlot({}))] : [])])]);
+        }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? dropdownsSlot({}) : []) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-button--dropdown-wrapper'
+        }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? downBtnList.map((option, i) => {
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeButtonComponent, {
+            key: i,
+            type: option.type,
+            mode: option.mode || btnMode,
+            className: option.className,
+            name: option.name,
+            routerLink: option.routerLink,
+            permissionCode: option.permissionCode,
+            title: option.title,
+            content: option.content,
+            status: option.status,
+            icon: option.icon,
+            round: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(option.round) ? option.round : btnMode === 'text' ? false : btnRound,
+            circle: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(option.circle) ? option.circle : btnMode === 'text' ? false : btnCircle,
+            disabled: option.disabled,
+            loading: option.loading,
+            align: option.align,
+            onClick(params) {
+              downBtnClickEvent(params, option);
+            }
+          });
+        }) : [])] : [])])]);
       }
       if (routerLink) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('router-link'), {
@@ -7093,7 +7183,8 @@ function handleBooleanDefaultValue(value) {
   render() {
     return this.renderVN();
   }
-}));
+});
+/* harmony default export */ var src_button = (VxeButtonComponent);
 ;// CONCATENATED MODULE: ./packages/button/index.ts
 
 
@@ -13499,83 +13590,28 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const el = refElem.value;
-        const panelElem = refOptionPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (panelElem && el) {
-          const targetHeight = el.offsetHeight;
-          const targetWidth = el.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(el);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refElem.value;
+      const panelElem = refOptionPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const showOptionPanel = () => {
       const {
@@ -16809,85 +16845,28 @@ const DatePanel = VxeDatePanel;
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const targetElem = refInputTarget.value;
-        const panelElem = refInputPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (targetElem && panelElem) {
-          const targetHeight = targetElem.offsetHeight;
-          const targetWidth = targetElem.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(targetElem);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              panelStyle.top = `${targetHeight}px`;
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.top = '';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refInputTarget.value;
+      const panelElem = refInputPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const showPanel = () => {
       const {
@@ -17521,7 +17500,7 @@ const DatePicker = VxeDatePicker;
       if (globalPlaceholder) {
         return getFuncText(globalPlaceholder);
       }
-      return i18n_getI18n('vxe.base.pleaseSelect');
+      return i18n_getI18n('vxe.dateRangePicker.pleaseRange');
     });
     const computeInpImmediate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -17867,11 +17846,11 @@ const DatePicker = VxeDatePicker;
       if ($startDatePanel && $endDatePanel) {
         const startValue = $startDatePanel.getModelValue();
         const endValue = $endDatePanel.getModelValue();
-        if (startValue && endValue) {
+        if (startValue && !endValue || !startValue && endValue) {
+          handleChange('', '', evnt);
+        } else {
           $startDatePanel.confirmByEvent(evnt);
           $endDatePanel.confirmByEvent(evnt);
-        } else {
-          handleChange('', '', evnt);
         }
       }
       hidePanel();
@@ -17976,85 +17955,28 @@ const DatePicker = VxeDatePicker;
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const targetElem = refInputTarget.value;
-        const panelElem = refInputPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (targetElem && panelElem) {
-          const targetHeight = targetElem.offsetHeight;
-          const targetWidth = targetElem.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(targetElem);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              panelStyle.top = `${targetHeight}px`;
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.top = '';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refInputTarget.value;
+      const panelElem = refInputPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const showPanel = () => {
       const {
@@ -26444,83 +26366,28 @@ function getOptUniqueId() {
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const el = refElem.value;
-        const panelElem = refOptionPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (panelElem && el) {
-          const targetHeight = el.offsetHeight;
-          const targetWidth = el.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(el);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refElem.value;
+      const panelElem = refOptionPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const showOptionPanel = () => {
       const {
@@ -35255,83 +35122,28 @@ function tree_select_getOptUniqueId() {
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const el = refElem.value;
-        const panelElem = refOptionPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (panelElem && el) {
-          const targetHeight = el.offsetHeight;
-          const targetWidth = el.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(el);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refElem.value;
+      const panelElem = refOptionPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const showOptionPanel = () => {
       const {
@@ -46684,86 +46496,28 @@ const Print = VxePrint;
      * 手动更新位置
      */
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex,
-          visiblePanel
-        } = reactData;
-        const btnTransfer = computeBtnTransfer.value;
-        if (visiblePanel) {
-          const targetElem = refPulldownContent.value;
-          const panelElem = refPulldownPanel.value;
-          if (panelElem && targetElem) {
-            const targetHeight = targetElem.offsetHeight;
-            const targetWidth = targetElem.offsetWidth;
-            const panelHeight = panelElem.offsetHeight;
-            const panelWidth = panelElem.offsetWidth;
-            const marginSize = 5;
-            const panelStyle = {
-              zIndex: panelIndex
-            };
-            const {
-              boundingTop,
-              boundingLeft,
-              visibleHeight,
-              visibleWidth
-            } = getAbsolutePos(targetElem);
-            let panelPlacement = 'bottom';
-            if (btnTransfer) {
-              let left = boundingLeft;
-              let top = boundingTop + targetHeight;
-              if (placement === 'top') {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              } else if (!placement) {
-                // 如果下面不够放，则向上
-                if (top + panelHeight + marginSize > visibleHeight) {
-                  panelPlacement = 'top';
-                  top = boundingTop - panelHeight;
-                }
-                // 如果上面不够放，则向下（优先）
-                if (top < marginSize) {
-                  panelPlacement = 'bottom';
-                  top = boundingTop + targetHeight;
-                }
-              }
-              // 如果溢出右边
-              if (left + panelWidth + marginSize > visibleWidth) {
-                left -= left + panelWidth + marginSize - visibleWidth;
-              }
-              // 如果溢出左边
-              if (left < marginSize) {
-                left = marginSize;
-              }
-              Object.assign(panelStyle, {
-                left: `${left}px`,
-                top: `${top}px`,
-                minWidth: `${targetWidth}px`
-              });
-            } else {
-              if (placement === 'top') {
-                panelPlacement = 'top';
-                panelStyle.bottom = `${targetHeight}px`;
-              } else if (!placement) {
-                // 如果下面不够放，则向上
-                if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                  // 如果上面不够放，则向下（优先）
-                  if (boundingTop - targetHeight - panelHeight > marginSize) {
-                    panelPlacement = 'top';
-                    panelStyle.bottom = `${targetHeight}px`;
-                  }
-                }
-              }
-            }
-            reactData.panelStyle = panelStyle;
-            reactData.panelPlacement = panelPlacement;
-          }
-        }
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refPulldownContent.value;
+      const panelElem = refPulldownPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     /**
      * 显示下拉面板
@@ -48497,83 +48251,28 @@ function getRowUniqueId() {
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const el = refElem.value;
-        const panelElem = refOptionPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (panelElem && el) {
-          const targetHeight = el.offsetHeight;
-          const targetWidth = el.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(el);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refElem.value;
+      const panelElem = refOptionPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const showOptionPanel = () => {
       const {