shineout 3.4.5-beta.2 → 3.4.5-beta.4

package/cjs/index.js

@@ -492,5 +492,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.4.5-beta.2'
+  version: '3.4.5-beta.4'
 };

package/dist/shineout.js

@@ -11984,7 +11984,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.4.5-beta.2');
+/* harmony default export */ var version = ('3.4.5-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -32131,6 +32131,11 @@ var useInView = function useInView() {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     var element = elementRef.current;
     if (!element) return;
+    if (typeof window === 'undefined' || !window.IntersectionObserver) {
+      setIsInView(true);
+      setWasInView(true);
+      return;
+    }
     var observer = new IntersectionObserver(function (_ref) {
       var _ref2 = slicedToArray_default()(_ref, 1),
         entry = _ref2[0];
@@ -34152,14 +34157,24 @@ var CheckboxWithContext = function CheckboxWithContext(props) {
 
 
 
+
 var Item = function Item(props) {
   var _props$jssStyle, _props$jssStyle$cardG;
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(CardGroupContext),
     container = _useContext.container;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$cardG = _props$jssStyle.cardGroup) === null || _props$jssStyle$cardG === void 0 ? void 0 : _props$jssStyle$cardG.call(_props$jssStyle);
-  var _useInView = use_in_view(),
+  var _useInView = use_in_view({
+      root: container,
+      rootMargin: "".concat(props.lazyLoadOffset || (container === null || container === void 0 ? void 0 : container.clientHeight) || 100, "px")
+    }),
     itemRef = _useInView.ref,
-    isInView = _useInView.isInView;
+    itemIsInView = _useInView.isInView,
+    wasInView = _useInView.wasInView;
+  var isInView = props.placeholder ? itemIsInView : true;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    itemHeight = _useState2[0],
+    setItemHeight = _useState2[1];
   var handleChange = usePersistFn(function (_, checked) {
     if (props.onChange) props.onChange(checked, props.value);
   });
@@ -34184,11 +34199,22 @@ var Item = function Item(props) {
       className: classes === null || classes === void 0 ? void 0 : classes.checkbox
     })]
   });
-  var itemStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    return objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (isInView) {
+      var _itemRef$current;
+      setItemHeight(((_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 ? void 0 : _itemRef$current.offsetHeight) || 0);
+    }
+  }, [isInView]);
+  var hiddenStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return !isInView && wasInView && itemHeight ? {
+      height: itemHeight,
+      overflow: 'hidden',
       visibility: isInView ? 'visible' : 'hidden'
-    });
-  }, [isInView, props.style]);
+    } : undefined;
+  }, [isInView, itemHeight]);
+  var itemStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return hiddenStyle ? objectSpread2_default()(objectSpread2_default()({}, props.style), hiddenStyle) : props.style;
+  }, [hiddenStyle, props.style]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     ref: itemRef,
     className: cls,
@@ -65366,7 +65392,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.5-beta.2'
+  version: '3.4.5-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;