@autobest-ui/components 2.3.0 → 2.4.0

package/lib/trigger/getPopupLocation.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getPopupLocation;
-
 var _utils = require("@autobest-ui/utils");
-
 var _utils2 = require("./utils");
-
 var alignUtil = _interopRequireWildcard(require("./align"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var __assign = void 0 && (void 0).__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);
 };
-
 /**
  * 获取popup元素接下来的位置信息
  * @returns {*}
@@ -42,56 +31,48 @@ function getPopupLocation(placement, rootEl, popupEl, initTranslateX, initTransl
   // 区别可参考getOffset的第二个参数ignoreScroll
   // 主要解决body hidden后，如果还是参考document进行定位，超出窗口后，会被隐藏
   var isBodyHidden = false;
-
   try {
     var bodyOverflowValue = (0, _utils.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 ((0, _utils.getStyle)(parentNode, 'position') === 'static') {
       parentNode.style.position = 'relative';
     }
-
     parentNodeInfo = (0, _utils.getOffsetAndSize)(parentNode);
   }
-
   var rootInfo = (0, _utils.getOffsetAndSize)(rootEl);
-  var popInfo = (0, _utils.getOffsetAndSize)(popupEl); // 当前元素同级，形成兄弟节点时，需要设置样式隐藏
+  var popInfo = (0, _utils.getOffsetAndSize)(popupEl);
+  // 当前元素同级，形成兄弟节点时，需要设置样式隐藏
   // 并获取浏览器可用大小， scroll等信息,
   // 否则有可能会撑出当前UI，导致获取信息错误
-
   if (isInsertNode) {
     popupEl.style.display = 'none';
-  } // 当body hidden时
+  }
+  // 当body hidden时
   // 1. 确定浏览器可用大小（窗口大小）
   // 2. 获取scroll信息，
   // 3. 改定位方式从document换成窗口定位，并智能判断方向，解决UI超出body导致隐藏的问题
-
-
   var availSize = (0, _utils.getAvailSize)(isBodyHidden);
   var scrollValueAtHidden = {
     left: 0,
     top: 0
   };
-
   if (isBodyHidden) {
     scrollValueAtHidden = (0, _utils.getScrollOffset)();
-  } // 获取正确信息后，删除display样式
-
-
+  }
+  // 获取正确信息后，删除display样式
   if (isInsertNode) {
     popupEl.style.display = '';
-  } // 获取位置的参数
-
-
+  }
+  // 获取位置的参数
   var params = {
     rootInfo: rootInfo,
     popInfo: popInfo,
@@ -101,68 +82,61 @@ function getPopupLocation(placement, rootEl, popupEl, initTranslateX, initTransl
     translateX: initTranslateX,
     translateY: initTranslateY,
     isInsertNode: isInsertNode
-  }; // 分两组：垂直与水平方向。
+  };
+  // 分两组：垂直与水平方向。
   // 判断方法名和是否为垂直方向
-
   var _a = (0, _utils2.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 = (0, _utils2.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 = (0, _utils2.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
   }));