shineout 3.8.6-beta.2 → 3.8.6-beta.4

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.6-beta.2'
+  version: '3.8.6-beta.4'
 };

package/cjs/popover/popover.type.d.ts

@@ -3,5 +3,5 @@ import { PopoverProps as UnStyledPopoverProps } from '@sheinx/base';
  * @title Popover
  * @sort 1
  */
-export type PopoverProps = Omit<UnStyledPopoverProps, 'jssStyle'>;
+export type PopoverProps = Omit<UnStyledPopoverProps, 'jssStyle' | 'boundary'>;
 export type PopoverPosition = UnStyledPopoverProps['position'];

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.6-beta.2');
+/* harmony default export */ var version = ('3.8.6-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -19271,9 +19271,9 @@ var dividerStyle = {
       position: 'relative',
       top: '50%',
       width: '50%',
-      borderTop: "".concat(src.dividerBorderWidth, " solid transparent"),
+      borderTopWidth: "".concat(src.dividerBorderWidth),
+      borderTopStyle: 'solid',
       borderTopColor: 'inherit',
-      borderBottom: 0,
       transform: 'translateY(50%)',
       content: '""',
       '$wrapperDashed&': {
@@ -31146,6 +31146,24 @@ var getPositionStyle = function getPositionStyle(position, config) {
   }
   return newStyle;
 };
+;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/get-sizing-style.ts
+// 第一阶段：支持上下边界的高度限制
+// TODO 后续支持左右边界的宽度限制
+var getSizingStyle = function getSizingStyle(position, _ref) {
+  var boundary = _ref.boundary,
+    parentRect = _ref.parentRect;
+  var boundaryRect = boundary.getBoundingClientRect();
+  var maxHeight;
+  if (position.endsWith('-top')) {
+    maxHeight = boundaryRect.bottom - parentRect.top;
+  } else if (position.endsWith('-bottom')) {
+    maxHeight = parentRect.bottom - boundaryRect.top;
+  }
+  return {
+    maxHeight: maxHeight,
+    overflowY: 'auto'
+  };
+};
 ;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/check-position.ts
 
 
@@ -31462,6 +31480,8 @@ var getScrollPosition = function getScrollPosition(element) {
 
 
 
+
+
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
 var hideStyle = {
@@ -31496,6 +31516,7 @@ var usePositionStyle = function usePositionStyle(config) {
     parentElRef = _ref.parentElRef,
     popupElRef = _ref.popupElRef,
     scrollElRef = _ref.scrollElRef,
+    boundary = _ref.boundary,
     updateKey = _ref.updateKey,
     adjust = _ref.adjust,
     offset = _ref.offset,
@@ -31791,9 +31812,7 @@ var usePositionStyle = function usePositionStyle(config) {
     var _ref2 = config || {},
       position = _ref2.position,
       absolute = _ref2.absolute;
-    if (!position || !show || !parentElRef.current) return {
-      newStyle: style
-    };
+    if (!position || !show || !parentElRef.current) return style;
     context.parentRect = parentElRef.current.getBoundingClientRect();
     var realPosition = position;
     if (adjust) {
@@ -31820,13 +31839,17 @@ var usePositionStyle = function usePositionStyle(config) {
     } else if (realPosition.indexOf('bottom') === 0) {
       newStyle.transformOrigin = 'center top';
     }
-    return {
-      newStyle: newStyle
-    };
+    if (boundary && show && popupElRef.current) {
+      var sizingStyle = getSizingStyle(realPosition, {
+        boundary: boundary,
+        parentRect: context.parentRect
+      });
+      return objectSpread2_default()(objectSpread2_default()({}, newStyle), sizingStyle);
+    }
+    return newStyle;
   };
   var updateStyle = use_persist_fn(function () {
-    var _getStyle = getStyle(),
-      newStyle = _getStyle.newStyle;
+    var newStyle = getStyle();
     if (newStyle && !shallow_equal(style, newStyle)) {
       setStyle(newStyle);
     }
@@ -32495,6 +32518,7 @@ var AbsoluteList = function AbsoluteList(props) {
     children = props.children,
     parentElRef = props.parentElRef,
     scrollElRefProp = props.scrollElRef,
+    boundary = props.boundary,
     fixedWidth = props.fixedWidth,
     _props$zIndex = props.zIndex,
     zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
@@ -32545,6 +32569,7 @@ var AbsoluteList = function AbsoluteList(props) {
       fixedWidth: fixedWidth,
       zIndex: zIndex,
       scrollElRef: finalScrollElRef,
+      boundary: boundary,
       popupElRef: popupElRef,
       updateKey: updateKey,
       popupGap: popupGap,
@@ -32747,6 +32772,7 @@ var Popover = function Popover(props) {
     focus: open,
     parentElRef: targetRef,
     popupElRef: popupRef,
+    boundary: props.boundary,
     absolute: typeof props.getPopupContainer === 'function' ? props.getPopupContainer : true,
     position: position,
     fixedWidth: false,
@@ -59753,9 +59779,12 @@ var MenuItem = function MenuItem(props) {
     if (shoudPop) {
       var position = isVertical || isSubHorizontal ? isUp ? 'right-bottom' : 'right-top' : 'bottom-left';
       var offset = isVertical && props.isEdgeItem ? [0, 4] : undefined;
-      var popoverContentStyle = props.level === 0 && liRef.current ? {
-        minWidth: liRef.current.clientWidth
-      } : undefined;
+      var popoverContentStyle;
+      if (mode === 'horizontal' && props.level === 0 && liRef.current) {
+        popoverContentStyle = {
+          minWidth: liRef.current.clientWidth
+        };
+      }
       return /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
         mouseLeaveDelay: toggleDuration,
         className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.popover),
@@ -59771,6 +59800,7 @@ var MenuItem = function MenuItem(props) {
         lazy: false,
         offset: offset,
         style: popoverContentStyle,
+        boundary: mode !== 'horizontal' ? props.scrollRef.current : undefined,
         children: function children(close) {
           return content(close);
         }
@@ -73295,7 +73325,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.6-beta.2'
+  version: '3.8.6-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;