shineout 3.7.1-beta.3 → 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.3'
+  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.3');
+/* harmony default export */ var version = ('3.7.1-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -16212,7 +16212,7 @@ var ButtonStyle = {
         borderBottomRightRadius: "calc(".concat(src.buttonBorderRadius, " - 1px)")
       }
     },
-    '[data-soui-role="input-group-seperate"] > &': {
+    '[data-soui-role="input-group-separate"] > &': {
       borderRadius: 0,
       marginLeft: -1,
       '&:first-child': {
@@ -17121,13 +17121,13 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     '[data-soui-role="input-group"] [data-soui-input-border] + &&&': {
       borderLeftWidth: '1px'
     },
-    '[data-soui-role="input-group-seperate"] &&&, [data-soui-role="input-group-seperate"] &&&:hover': {
+    '[data-soui-role="input-group-separate"] &&&, [data-soui-role="input-group-separate"] &&&:hover': {
       borderRadius: 0,
       flexShrink: 0,
       width: 'auto',
       'margin-left': "-1px",
       '&:hover': {
-        zIndex: 1050
+        zIndex: 7
       },
       '&:first-child': {
         marginLeft: 0,
@@ -17139,7 +17139,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
         borderBottomRightRadius: token.borderRadius
       }
     },
-    '[dir=rtl][data-soui-role="input-group-seperate"] &&&, [dir=rtl][data-soui-role="input-group-seperate"] &&&:hover': {
+    '[dir=rtl][data-soui-role="input-group-separate"] &&&, [dir=rtl][data-soui-role="input-group-separate"] &&&:hover': {
       '&:first-child': {
         borderRadius: "0 ".concat(token.borderRadius, " ").concat(token.borderRadius, " 0")
       },
@@ -17187,10 +17187,10 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     borderColor: token.focusBorderColor,
     boxShadow: "0 0 0 2px ".concat(token.focusShadow),
     background: token.focusBackgroundColor,
-    '&[data-soui-role="input-group-seperate"]': {
+    '&[data-soui-role="input-group-separate"]': {
       boxShadow: 'none'
     },
-    '[data-soui-role="input-group-seperate"] &': {
+    '[data-soui-role="input-group-separate"] &': {
       zIndex: 1
     },
     '&:hover': {
@@ -17207,7 +17207,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
     borderColor: token.errorFocusBorderColor,
     background: token.errorFocusBackgroundColor
-    // '[data-soui-role="input-group-seperate"]&': {
+    // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
   })), "".concat(name, "Disabled"), {
@@ -20418,7 +20418,7 @@ var groupSpace = function groupSpace(gap) {
     '& > i:last-child, & > span:last-child': {
       paddingRight: gap
     },
-    '[data-soui-role="input-group-seperate"]&': {
+    '[data-soui-role="input-group-separate"]&, [data-soui-role="input-group-seperate"]&': {
       '& > b:first-child': {
         marginLeft: 0,
         borderLeft: "1px solid ".concat(src.inputBorderColor)
@@ -20475,7 +20475,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
     alignItems: 'center',
     position: 'relative'
   }, input_wrapper), {}, {
-    '[data-soui-role="input-group-seperate"] &': {
+    '[data-soui-role="input-group-separate"] &, [data-soui-role="input-group-seperate"] &': {
       flex: 1,
       minWidth: 0
     }
@@ -20566,7 +20566,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
       background: 'transparent'
     }
   }, groupSpace(src.inputPaddingX)),
-  groupSeperate: {
+  groupSeparate: {
     border: 'none',
     '& > b': {
       border: "1px solid ".concat(src.inputBorderColor),
@@ -30802,7 +30802,7 @@ var useCheckElementSize = function useCheckElementSize(targetElementRef) {
         width: rect.width,
         height: rect.height
       };
-      if (newSize.width !== lastSize.current.width || newSize.height !== lastSize.current.height) {
+      if (newSize.width !== lastSize.current.width || newSize.height !== lastSize.current.height && newSize.height !== 0) {
         setSize(newSize);
         lastSize.current = newSize;
       }
@@ -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;
   };
@@ -31253,7 +31275,7 @@ var usePositionStyle = function usePositionStyle(config) {
     // 当父元素的滚动容器滚动时，判断是否需要更新弹出层位置，包括是否隐藏弹出层（通过hideStyle隐藏，不是show状态）
     context.prevParentPosition = parentElNewPosition;
   });
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition, popupElSize === null || popupElSize === void 0 ? void 0 : popupElSize.width]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition, popupElSize]);
   return {
     style: style
   };
@@ -39355,9 +39377,7 @@ var Scroll = function Scroll(props) {
     _props$scrollWidth = props.scrollWidth,
     scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
     _props$defaultHeight = props.defaultHeight,
-    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
-    _props$keepScrollTop = props.keepScrollTop,
-    keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
+    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
   var _useResize = useResize({
       targetRef: containerRef,
       timer: 100
@@ -39382,7 +39402,6 @@ var Scroll = function Scroll(props) {
 
   // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
   var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    if (keepScrollTop) return Math.max(0, Math.floor(scrollHeight - height));
     return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
   }, [scrollHeight, height]);
   var placeStyle = {
@@ -39496,7 +39515,6 @@ var VirtualList = function VirtualList(props) {
     className = props.className,
     lineHeight = props.lineHeight,
     height = props.height,
-    keepScrollTop = props.keepScrollTop,
     keepScrollHeight = props.keepScrollHeight,
     renderItem = props.renderItem,
     customRenderItem = props.customRenderItem,
@@ -39663,7 +39681,6 @@ var VirtualList = function VirtualList(props) {
       style: nextStyle,
       height: height,
       scrollWidth: 0,
-      keepScrollTop: keepScrollTop,
       scrollerStyle: scrollerStyle,
       scrollHeight: scrollHeight,
       childrenStyle: {
@@ -39693,9 +39710,8 @@ var VirtualList = function VirtualList(props) {
     context.preIndex = startIndex;
   }, [startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
-    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
-    if (keepScrollTop) return;
     if (keepScrollHeight) return;
+    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
     setTop(0);
     setStartIndex(0);
     return function () {
@@ -53027,10 +53043,12 @@ var input_input_Input = function Input(props) {
     className = props.className,
     width = props.width,
     style = props.style,
-    seperate = props.seperate;
-  var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, seperate && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSeperate), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus), (status === 'error' || error) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupError));
+    seperate = props.seperate,
+    separate = props.separate;
+  var shouldSeparate = separate !== null && separate !== void 0 ? separate : seperate;
+  var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, shouldSeparate && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSeparate), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus), (status === 'error' || error) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupError));
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
-    role: seperate ? 'input-group-seperate' : 'input-group'
+    role: shouldSeparate ? 'input-group-separate' : 'input-group'
   })), {}, {
     className: rootClass,
     style: objectSpread2_default()({
@@ -53873,7 +53891,6 @@ var list_List = function List(props) {
     controlType = props.controlType,
     hideCreateOption = props.hideCreateOption,
     optionListRef = props.optionListRef,
-    keepScrollTop = props.keepScrollTop,
     isAnimationFinish = props.isAnimationFinish,
     _props$renderItem = props.renderItem,
     renderItemProp = _props$renderItem === void 0 ? function (d) {
@@ -54041,7 +54058,6 @@ var list_List = function List(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
       virtualRef: virtualRef,
       data: data,
-      keepScrollTop: keepScrollTop,
       keygen: keygen,
       tag: 'ul',
       groupKey: groupKey,
@@ -56451,7 +56467,6 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
-      keepScrollTop: !!filterText ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -71317,7 +71332,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.1-beta.3'
+  version: '3.7.1-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;