@autobest-ui/components 2.3.0 → 2.5.0

package/esm/trigger/getPopupLocation.js

@@ -2,18 +2,14 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import { getOffsetAndSize, getScrollOffset, getStyle, getAvailSize } from '@autobest-ui/utils';
 import { getTranslate, getLocationMethodByPlacement } from './utils';
 import * as alignUtil from './align';
@@ -21,62 +17,53 @@ import * as alignUtil from './align';
  * 获取popup元素接下来的位置信息
  * @returns {*}
  */
-
 export default function getPopupLocation(placement, rootEl, popupEl, initTranslateX, initTranslateY, rootToPopupSpacing, popupLimitSpacing, isTransformHorizontalDirection, hiddenArrow, isInsertNode) {
   // 判断body是否有隐藏, 用于判断按照哪种方式计算元素所在位置
   // 区别可参考getOffset的第二个参数ignoreScroll
   // 主要解决body hidden后，如果还是参考document进行定位，超出窗口后，会被隐藏
   var isBodyHidden = false;
-
   try {
     var bodyOverflowValue = getStyle(document.body, 'overflow');
     isBodyHidden = bodyOverflowValue === 'hidden';
   } catch (e) {}
-
   var parentNodeInfo = {
     left: 0,
     top: 0
-  }; // 悬浮框插入到文档流中
-
+  };
+  // 悬浮框插入到文档流中
   if (isInsertNode) {
-    var parentNode = rootEl.parentNode; // 判断父级元素是否定位，否则添加relative
-
+    var parentNode = rootEl.parentNode;
+    // 判断父级元素是否定位，否则添加relative
     if (getStyle(parentNode, 'position') === 'static') {
       parentNode.style.position = 'relative';
     }
-
     parentNodeInfo = getOffsetAndSize(parentNode);
   }
-
   var rootInfo = getOffsetAndSize(rootEl);
-  var popInfo = getOffsetAndSize(popupEl); // 当前元素同级，形成兄弟节点时，需要设置样式隐藏
+  var popInfo = getOffsetAndSize(popupEl);
+  // 当前元素同级，形成兄弟节点时，需要设置样式隐藏
   // 并获取浏览器可用大小， scroll等信息,
   // 否则有可能会撑出当前UI，导致获取信息错误
-
   if (isInsertNode) {
     popupEl.style.display = 'none';
-  } // 当body hidden时
+  }
+  // 当body hidden时
   // 1. 确定浏览器可用大小（窗口大小）
   // 2. 获取scroll信息，
   // 3. 改定位方式从document换成窗口定位，并智能判断方向，解决UI超出body导致隐藏的问题
-
-
   var availSize = getAvailSize(isBodyHidden);
   var scrollValueAtHidden = {
     left: 0,
     top: 0
   };
-
   if (isBodyHidden) {
     scrollValueAtHidden = getScrollOffset();
-  } // 获取正确信息后，删除display样式
-
-
+  }
+  // 获取正确信息后，删除display样式
   if (isInsertNode) {
     popupEl.style.display = '';
-  } // 获取位置的参数
-
-
+  }
+  // 获取位置的参数
   var params = {
     rootInfo: rootInfo,
     popInfo: popInfo,
@@ -86,68 +73,61 @@ export default function getPopupLocation(placement, rootEl, popupEl, initTransla
     translateX: initTranslateX,
     translateY: initTranslateY,
     isInsertNode: isInsertNode
-  }; // 分两组：垂直与水平方向。
+  };
+  // 分两组：垂直与水平方向。
   // 判断方法名和是否为垂直方向
-
   var _a = getLocationMethodByPlacement({
-    rootInfo: rootInfo,
-    popInfo: popInfo,
-    scrollInfo: scrollValueAtHidden,
-    placement: placement,
-    availSize: availSize,
-    rootToPopupSpacing: rootToPopupSpacing
-  }),
-      methodStr = _a.methodStr,
-      isVertical = _a.isVertical; // 拼装方法名
+      rootInfo: rootInfo,
+      popInfo: popInfo,
+      scrollInfo: scrollValueAtHidden,
+      placement: placement,
+      availSize: availSize,
+      rootToPopupSpacing: rootToPopupSpacing
+    }),
+    methodStr = _a.methodStr,
+    isVertical = _a.isVertical;
+  // 拼装方法名
   // eslint-disable-next-line import/namespace
-
-
-  var currentMethod = alignUtil["get".concat(methodStr, "LocationInfo")]; // 执行方法
-
+  var currentMethod = alignUtil["get".concat(methodStr, "LocationInfo")];
+  // 执行方法
   var result = currentMethod(params);
-
   if (isVertical) {
     // 获取偏移量
     var _b = getTranslate({
-      initTranslate: initTranslateX,
-      popupLimitSpacing: popupLimitSpacing,
-      currentValue: result.width,
-      positionValue: isInsertNode ? parentNodeInfo.left + result.left : result.left,
-      scrollValue: scrollValueAtHidden.left,
-      availValue: availSize.width
-    }),
-        translateX = _b.translateValue,
-        maxValue_1 = _b.maxValue; // 判断是否有偏移
-
-
+        initTranslate: initTranslateX,
+        popupLimitSpacing: popupLimitSpacing,
+        currentValue: result.width,
+        positionValue: isInsertNode ? parentNodeInfo.left + result.left : result.left,
+        scrollValue: scrollValueAtHidden.left,
+        availValue: availSize.width
+      }),
+      translateX = _b.translateValue,
+      maxValue_1 = _b.maxValue;
+    // 判断是否有偏移
     if (!translateX) {
       return result;
     }
-
     var translateResult_1 = currentMethod(__assign(__assign({}, params), {
       translateX: translateX
     }));
     translateResult_1.maxWidth = maxValue_1;
     return translateResult_1;
-  } // 获取偏移量
-
-
+  }
+  // 获取偏移量
   var _c = getTranslate({
-    initTranslate: initTranslateY,
-    popupLimitSpacing: popupLimitSpacing,
-    currentValue: result.height,
-    positionValue: isInsertNode ? parentNodeInfo.top + result.top : result.top,
-    scrollValue: scrollValueAtHidden.top,
-    availValue: availSize.height
-  }),
-      translateY = _c.translateValue,
-      maxValue = _c.maxValue; // 判断是否有偏移
-
-
+      initTranslate: initTranslateY,
+      popupLimitSpacing: popupLimitSpacing,
+      currentValue: result.height,
+      positionValue: isInsertNode ? parentNodeInfo.top + result.top : result.top,
+      scrollValue: scrollValueAtHidden.top,
+      availValue: availSize.height
+    }),
+    translateY = _c.translateValue,
+    maxValue = _c.maxValue;
+  // 判断是否有偏移
   if (!translateY) {
     return result;
   }
-
   var translateResult = currentMethod(__assign(__assign({}, params), {
     translateY: translateY
   }));