shineout 3.8.0-beta.23 → 3.8.0-beta.24

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.8.0-beta.23'
+  version: '3.8.0-beta.24'
 };

package/dist/shineout.js

@@ -12386,7 +12386,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.8.0-beta.23');
+/* harmony default export */ var version = ('3.8.0-beta.24');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -35500,6 +35500,34 @@ function removeStack(id, removeListener) {
   }
   delete components[id];
 }
+
+// 检测容器是否高度受限
+var isRootHeightConstrained = function isRootHeightConstrained(root, targetElement) {
+  if (!root || root === document.body) {
+    var bodyRect = document.body.getBoundingClientRect();
+    var _targetRect = targetElement.getBoundingClientRect();
+    // body的底部和targetElement的顶部永远不可能有相交，则是受限的
+    if (bodyRect.bottom < _targetRect.top) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  // 当root的overflow是auto或hidden，则认为不是受限的
+  var rootStyle = window.getComputedStyle(root);
+  if (rootStyle.overflow === 'auto' || rootStyle.overflow === 'hidden') {
+    return false;
+  }
+
+  // 当root的底部与targetElement的顶部永远不可能有相交，则是受限的
+  var rootRect = root.getBoundingClientRect();
+  var targetRect = targetElement.getBoundingClientRect();
+  if (rootRect.top > targetRect.bottom || rootRect.bottom < targetRect.top) {
+    return true;
+  }
+  return false;
+};
 function getObserver(obj, id) {
   var _obj$container = obj.container,
     container = _obj$container === void 0 ? null : _obj$container,
@@ -35509,6 +35537,10 @@ function getObserver(obj, id) {
     offscreen = obj.offscreen,
     noRemove = obj.noRemove;
   var fixedContainer = getClosestPositionedContainer(element, ['fixed', 'absolute']);
+
+  // 获取最优的观察器配置
+  var candidateRoot = fixedContainer || container;
+  var observerRoot = isRootHeightConstrained(candidateRoot, element) ? null : candidateRoot;
   var observer = new IntersectionObserver(function (entries) {
     entries.forEach(function (en) {
       if (en.isIntersecting || en.intersectionRatio > 0) {
@@ -35520,7 +35552,7 @@ function getObserver(obj, id) {
       }
     });
   }, {
-    root: fixedContainer || container,
+    root: observerRoot,
     rootMargin: "".concat(offset, "px")
   });
   obj.observer = observer;
@@ -72659,7 +72691,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.0-beta.23'
+  version: '3.8.0-beta.24'
 });
 }();
 /******/ 	return __webpack_exports__;