shineout 3.8.4-beta.3 → 3.8.4-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.8.4-beta.3'
+  version: '3.8.4-beta.5'
 };

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.4-beta.3');
+/* harmony default export */ var version = ('3.8.4-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -27204,13 +27204,10 @@ var getCardStyle = function getCardStyle() {
         }
       },
       '&[dir=ltr]': objectSpread2_default()({
-        '& $cardHr': {
-          '&:before': {
-            right: 0,
-            left: 'auto',
-            width: '1px',
-            height: '100%'
-          }
+        '& $hr': {
+          right: 0,
+          height: '100%',
+          width: 1
         }
       }, active({
         top: 0,
@@ -27226,12 +27223,10 @@ var getCardStyle = function getCardStyle() {
         width: 1,
         background: src.tabsCardCheckedBackgroundColor
       })), {}, {
-        '& $cardHr': {
-          '&:before': {
-            left: 0,
-            width: 1,
-            height: '100%'
-          }
+        '& $hr': {
+          left: 0,
+          height: '100%',
+          width: 1
         }
       })
     },
@@ -27245,12 +27240,10 @@ var getCardStyle = function getCardStyle() {
         }
       },
       '&[dir=ltr]': objectSpread2_default()({
-        '& $cardHr': {
-          '&:before': {
-            left: 0,
-            width: 1,
-            height: '100%'
-          }
+        '& $hr': {
+          left: 0,
+          height: '100%',
+          width: 1
         }
       }, active({
         top: 0,
@@ -27260,12 +27253,10 @@ var getCardStyle = function getCardStyle() {
         background: src.tabsCardCheckedBackgroundColor
       })),
       '&[dir=rtl]': objectSpread2_default()({
-        '& $cardHr': {
-          '&:before': {
-            right: 0,
-            width: 1,
-            height: '100%'
-          }
+        '& $hr': {
+          right: 0,
+          height: '100%',
+          width: 1
         }
       }, active({
         top: 0,
@@ -27299,12 +27290,6 @@ var getCardStyle = function getCardStyle() {
         top: 0,
         height: 1,
         width: '100%'
-      },
-      '& $cardHr': {
-        '&:before': {
-          top: 0,
-          bottom: 'auto'
-        }
       }
     }, active({
       top: -1,
@@ -27548,17 +27533,6 @@ var tabsStyle = {
       background: src.tabsLineHrBackgroundColor
     }
   },
-  cardHr: {
-    '&:before': {
-      position: 'absolute',
-      content: '""',
-      bottom: 0,
-      left: 0,
-      width: '100%',
-      height: 1,
-      background: src.tabsBorderColor
-    }
-  },
   headerWrapper: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     display: 'flex',
     overflow: 'hidden',
@@ -37555,18 +37529,29 @@ 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 _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    isInViewState = _useState2[0],
+    setIsInView = _useState2[1];
   var _useInView = use_in_view({
       rootMargin: "".concat((container === null || container === void 0 ? void 0 : container.offsetHeight) || 500, "px"),
       root: container,
-      threshold: [0, 1]
+      threshold: [0, 1],
+      once: true
     }),
     itemRef = _useInView.ref,
-    isInView = _useInView.isInView;
+    isInViewRef = _useInView.isInView;
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (isInViewRef) {
+      setIsInView(true);
+    }
+  }, [isInViewRef]);
   var handleChange = usePersistFn(function (_, checked) {
     if (props.onChange) props.onChange(checked, props.value);
   });
@@ -37575,7 +37560,7 @@ var Item = function Item(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(lazyload, {
       container: container,
       placeholder: props.placeholder,
-      isInView: isInView,
+      isInView: isInViewState,
       children: content
     });
   };
@@ -37590,7 +37575,7 @@ var Item = function Item(props) {
       className: classes === null || classes === void 0 ? void 0 : classes.checkbox
     })]
   });
-  var hiddenStyle = isInView ? undefined : {
+  var hiddenStyle = isInViewState ? undefined : {
     visibility: 'hidden'
   };
   var itemStyle = objectSpread2_default()(objectSpread2_default()({}, props.style), hiddenStyle);
@@ -67350,7 +67335,7 @@ var TabsHeader = function TabsHeader(props) {
     });
   };
   var renderTab = function renderTab() {
-    var headerClass = classnames_default()(headerStyle.header, shape === 'card' ? headerStyle.cardHr : '');
+    var headerClass = classnames_default()(headerStyle.header);
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       ref: headerRef,
       className: headerClass,
@@ -67435,7 +67420,7 @@ var TabsHeader = function TabsHeader(props) {
     shape: shape
   })), {}, {
     dir: config.direction,
-    children: [!hideSplit && shape !== 'card' && renderHr(), collapsible && renderCollapsibleButton(), shouldScroll && renderPrevButton(), renderTab(), shouldScroll && renderNextButton(), extra && renderExtra()]
+    children: [!hideSplit && renderHr(), collapsible && renderCollapsibleButton(), shouldScroll && renderPrevButton(), renderTab(), shouldScroll && renderNextButton(), extra && renderExtra()]
   }));
 };
 /* harmony default export */ var tabs_header = (TabsHeader);
@@ -73224,7 +73209,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.4-beta.3'
+  version: '3.8.4-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;