antd-mobile 5.41.1-alpha.0 → 5.41.1

package/2x/cjs/components/tabs/tabs.js

@@ -59,6 +59,8 @@ const Tabs = p => {
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
     }
   });
+  /** Save the keyboard click to make sure focus only trigger when by keyboard */
+  const manuallyActiveRef = (0, _react.useRef)(null);
   const [{
     x,
     width
@@ -227,13 +229,15 @@ const Tabs = p => {
     const currentKey = findNextEnabledTab(currentIndex, offsetDirection);
     if (isNext || isPrev) {
       e.preventDefault();
+      manuallyActiveRef.current = currentKey;
       setActiveKey(currentKey);
     }
   };
   (0, _react.useEffect)(() => {
     var _a;
-    if (activeKey && tabRefs.current[activeKey]) {
+    if (activeKey && tabRefs.current[activeKey] && manuallyActiveRef.current === activeKey) {
       (_a = tabRefs.current[activeKey]) === null || _a === void 0 ? void 0 : _a.focus();
+      manuallyActiveRef.current = null;
     }
   }, [activeKey]);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {

package/2x/es/components/tabs/tabs.js

@@ -49,6 +49,8 @@ export const Tabs = p => {
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
     }
   });
+  /** Save the keyboard click to make sure focus only trigger when by keyboard */
+  const manuallyActiveRef = useRef(null);
   const [{
     x,
     width
@@ -217,13 +219,15 @@ export const Tabs = p => {
     const currentKey = findNextEnabledTab(currentIndex, offsetDirection);
     if (isNext || isPrev) {
       e.preventDefault();
+      manuallyActiveRef.current = currentKey;
       setActiveKey(currentKey);
     }
   };
   useEffect(() => {
     var _a;
-    if (activeKey && tabRefs.current[activeKey]) {
+    if (activeKey && tabRefs.current[activeKey] && manuallyActiveRef.current === activeKey) {
       (_a = tabRefs.current[activeKey]) === null || _a === void 0 ? void 0 : _a.focus();
+      manuallyActiveRef.current = null;
     }
   }, [activeKey]);
   return withNativeProps(props, React.createElement("div", {

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.41.1-alpha.0",
+  "version": "5.41.1",
   "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
   "bugs": {
     "url": "https://github.com/ant-design/ant-design-mobile/issues"

package/bundle/antd-mobile.cjs.development.js

@@ -12285,6 +12285,7 @@ const Tabs$1 = (p) => {
       (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, v);
     }
   });
+  const manuallyActiveRef = React$3.useRef(null);
   const [{
     x,
     width
@@ -12445,13 +12446,15 @@ const Tabs$1 = (p) => {
     const currentKey = findNextEnabledTab(currentIndex, offsetDirection);
     if (isNext || isPrev) {
       e2.preventDefault();
+      manuallyActiveRef.current = currentKey;
       setActiveKey(currentKey);
     }
   };
   React$3.useEffect(() => {
     var _a2;
-    if (activeKey && tabRefs.current[activeKey]) {
+    if (activeKey && tabRefs.current[activeKey] && manuallyActiveRef.current === activeKey) {
       (_a2 = tabRefs.current[activeKey]) === null || _a2 === void 0 ? void 0 : _a2.focus();
+      manuallyActiveRef.current = null;
     }
   }, [activeKey]);
   return withNativeProps(props, React$3.createElement("div", {