shineout 3.7.1-beta.4 → 3.7.1-beta.5

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.7.1-beta.4'
+  version: '3.7.1-beta.5'
 };

package/dist/shineout.js

@@ -12227,7 +12227,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.7.1-beta.4');
+/* harmony default export */ var version = ('3.7.1-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -31017,6 +31017,20 @@ var usePositionStyle = function usePositionStyle(config) {
   var popupElSize = useCheckElementSize(popupElRef, {
     enable: show
   });
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    popupElWidth = _useState4[0],
+    setPopupElWidth = _useState4[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (!show || !popupElRef.current) return;
+    if (popupElRef.current) {
+      // 二次打开弹出层时，元素被之前的动画设置了display: none，重新获取元素尺寸时，需要立即设置display: block
+      if (popupElRef.current.style.display === 'none') {
+        popupElRef.current.style.display = 'block';
+      }
+      setPopupElWidth(popupElRef.current.getBoundingClientRect().width);
+    }
+  }, [show, popupElRef.current]);
   var adjustPosition = function adjustPosition(position) {
     var winHeight = docSize.height;
     if (!verticalPosition.includes(position)) return position;
@@ -31043,6 +31057,14 @@ var usePositionStyle = function usePositionStyle(config) {
           newPosition = newPosition.replace('left', 'right');
         }
       }
+    } else {
+      // absolute 场景下，右侧溢出判断需要考虑弹出层元素的尺寸
+      var _position$split = position.split('-'),
+        _position$split2 = slicedToArray_default()(_position$split, 2),
+        _horizontalPosition = _position$split2[1];
+      if (_horizontalPosition === 'left' && context.parentRect.left + (popupElWidth || context.popUpWidth) > docSize.width) {
+        newPosition = newPosition.replace('left', 'right');
+      }
     }
     return newPosition;
   };
@@ -71310,7 +71332,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.1-beta.4'
+  version: '3.7.1-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;