shineout 3.4.2-beta.2 → 3.4.2-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.2-beta.2'
+  version: '3.4.2-beta.4'
 };

package/dist/shineout.js

@@ -11991,7 +11991,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.2-beta.2');
+/* harmony default export */ var version = ('3.4.2-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -59204,7 +59204,13 @@ var useTransform = function useTransform(props) {
 
 
 
-var Tab = function Tab(props, ref) {
+var placeholderRefStyle = {
+  position: 'absolute',
+  inset: 0,
+  pointerEvents: 'none',
+  visibility: 'hidden'
+};
+var Tab = function Tab(props, _ref) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
     propTab = props.tab,
@@ -59274,7 +59280,7 @@ var Tab = function Tab(props, ref) {
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
-    ref: ref,
+    ref: _ref,
     dir: config.direction
   });
   if (shape === 'button') {
@@ -59292,9 +59298,20 @@ var Tab = function Tab(props, ref) {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
   });
   if (isLink(propTab)) {
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(propTab, objectSpread2_default()({
-      children: $children
-    }, containerProps));
+    // 修正ref能够稳定的指向正确的dom节点
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(propTab, objectSpread2_default()(objectSpread2_default()({}, containerProps), {}, {
+      style: objectSpread2_default()(objectSpread2_default()({}, style), {}, {
+        position: 'relative'
+      }),
+      ref: null
+    }), /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+      children: [$children, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        ref: function ref(node) {
+          return _ref(node === null || node === void 0 ? void 0 : node.parentNode);
+        },
+        style: placeholderRefStyle
+      })]
+    }));
   }
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, containerProps), {}, {
     children: $children
@@ -59419,10 +59436,12 @@ var TabsHeader = function TabsHeader(props) {
     setTransform(delta + headerRef.current.clientWidth * single);
   };
   var renderHeaderScrollBar = function renderHeaderScrollBar() {
+    var _currentTab$getBoundi;
     if (shape !== 'line' && shape !== 'dash') return;
     var currentTab = tabRef.current[active];
     if (!currentTab) return;
-    var currentTabRect = currentTab.getBoundingClientRect();
+    var currentTabRect = currentTab === null || currentTab === void 0 || (_currentTab$getBoundi = currentTab.getBoundingClientRect) === null || _currentTab$getBoundi === void 0 ? void 0 : _currentTab$getBoundi.call(currentTab);
+    if (!currentTabRect) return;
     var scrollBarStyle = isVertical ? {
       right: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('left') ? 0 : 'auto',
       left: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('right') ? 0 : 'auto',
@@ -65080,7 +65099,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.2-beta.2'
+  version: '3.4.2-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;