@sheinx/base 3.4.2-beta.3 → 3.4.2-beta.4

package/cjs/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAgHtC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AA+HtC,wBAAqC"}

package/cjs/tabs/tab.js

@@ -17,7 +17,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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,
@@ -87,7 +93,7 @@ var Tab = function Tab(props, ref) {
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
-    ref: ref,
+    ref: _ref,
     dir: config.direction
   });
   if (shape === 'button') {
@@ -105,8 +111,19 @@ var Tab = function Tab(props, ref) {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
   });
   if (_hooks.util.isLink(propTab)) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({}, containerProps), {}, {
-      children: $children
+    // 修正ref能够稳定的指向正确的dom节点
+    return /*#__PURE__*/_react.default.cloneElement(propTab, _objectSpread(_objectSpread({}, containerProps), {}, {
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        position: 'relative'
+      }),
+      ref: null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [$children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: function ref(node) {
+          return _ref(node === null || node === void 0 ? void 0 : node.parentNode);
+        },
+        style: placeholderRefStyle
+      })]
     }));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, containerProps), {}, {

package/cjs/tabs/tabs-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAqQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAsQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/tabs/tabs-header.js

@@ -131,10 +131,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',

package/esm/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAgHtC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AA+HtC,wBAAqC"}

package/esm/tabs/tab.js

@@ -12,7 +12,13 @@ import { useTabsContext, util } from '@sheinx/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-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,
@@ -82,7 +88,7 @@ var Tab = function Tab(props, ref) {
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
-    ref: ref,
+    ref: _ref,
     dir: config.direction
   });
   if (shape === 'button') {
@@ -100,8 +106,19 @@ var Tab = function Tab(props, ref) {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
   });
   if (util.isLink(propTab)) {
-    return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({}, containerProps), {}, {
-      children: $children
+    // 修正ref能够稳定的指向正确的dom节点
+    return /*#__PURE__*/React.cloneElement(propTab, _objectSpread(_objectSpread({}, containerProps), {}, {
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        position: 'relative'
+      }),
+      ref: null
+    }), /*#__PURE__*/_jsxs(_Fragment, {
+      children: [$children, /*#__PURE__*/_jsx("div", {
+        ref: function ref(node) {
+          return _ref(node === null || node === void 0 ? void 0 : node.parentNode);
+        },
+        style: placeholderRefStyle
+      })]
     }));
   }
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {

package/esm/tabs/tabs-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAqQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAsQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/tabs/tabs-header.js

@@ -125,10 +125,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',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.4.2-beta.3",
+  "version": "3.4.2-beta.4",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.4.2-beta.3",
+    "@sheinx/hooks": "3.4.2-beta.4",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"