@momo-kits/tab-view 0.92.21-beta.0 → 0.92.21-beta.2

package/index.tsx

@@ -25,7 +25,7 @@ const TabView: FC<TabViewProps> = ({
   const [tabBarWidth, setTabBarWidth] = useState(0);
   const isCardTab = type === 'card';
   const pagerRef = useRef<PagerView>(null);
-  const scrollX = useRef(new Animated.Value(0));
+  const scrollX = useRef(new Animated.Value(startPage));
   const lazy = useRef([selectedIndex]).current;
   const {theme} = useContext(ApplicationContext);
   const _onPressTabItem = (index: number) => {
@@ -66,7 +66,7 @@ const TabView: FC<TabViewProps> = ({
       if (!lazy.includes(index)) return <View />;
       return <View>{tab.component}</View>;
     },
-    [tabs],
+    [tabs]
   );
 
   return (

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/tab-view",
-    "version": "0.92.21-beta.0",
+    "version": "0.92.21-beta.2",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},
@@ -14,4 +14,4 @@
         "@momo-platform/versions": "4.1.11"
     },
     "license": "MoMo"
-}
+}

package/publish.sh

@@ -7,16 +7,16 @@ rsync -r --exclude=/dist ./* dist
 cd dist
 
 if [ "$1" == "stable" ]; then
-  #npm version $(npm view @momo-kits/tab-view@stable version)
-  #npm version patch
+  npm version $(npm view @momo-kits/tab-view@stable version)
+  npm version patch
   npm publish --tag stable --access=public
 elif [ "$1" == "latest" ]; then
-  #npm version $(npm view @momo-kits/foundation@latest version)
-  #npm version prerelease --preid=rc
+  npm version $(npm view @momo-kits/foundation@latest version)
+  npm version prerelease --preid=rc
   npm publish --tag latest --access=public
 else
-  #npm version $(npm view @momo-kits/tab-view@beta version)
-  #npm version prerelease --preid=beta
+  npm version $(npm view @momo-kits/tab-view@beta version)
+  npm version prerelease --preid=beta
   npm publish --tag beta --access=public
 fi
 

package/tabBar/CardTabBar.tsx

@@ -58,6 +58,7 @@ const CardTabBar: FC<TabBarProps> = ({
           <PathSvg style={{transform: [{rotateY: '180deg'}], left: 8}} />
         )}
         <View
+          accessibilityLabel={tabs[selectedIndex]?.accessibilityLabel}
           style={[
             styles.overlayTextWrapper,
             {

package/tabItem/CardTabItem.tsx

@@ -19,13 +19,15 @@ const CardTabItem: FC<TabItemProps> = ({
     showDot = false,
     dotSize = 'small',
     badgeValue,
+    accessibilityLabel,
   } = tab;
   const color = active ? selectedColor : unselectedColor;
 
   return (
     <TouchableOpacity
       onPress={onPressTabItem}
-      style={[styles.cardTabItem, {width}]}>
+      style={[styles.cardTabItem, {width}]}
+      accessibilityLabel={accessibilityLabel}>
       {renderIcon &&
         !['string', 'boolean', 'number'].includes(typeof renderIcon) && (
           <View

package/tabItem/TabItem.tsx

@@ -28,6 +28,7 @@ const TabItem: FC<TabItemProps> = ({
     dotSize = 'small',
     badgeValue,
     renderIcon,
+    accessibilityLabel,
   } = tab;
   const typography: Typography = active
     ? 'header_s_semibold'
@@ -38,6 +39,7 @@ const TabItem: FC<TabItemProps> = ({
   const renderRowItem = () => {
     return (
       <TouchableOpacity
+        accessibilityLabel={accessibilityLabel}
         style={[
           styles.tabItem,
           {
@@ -96,7 +98,8 @@ const TabItem: FC<TabItemProps> = ({
             paddingVertical: Spacing.M,
           },
         ]}
-        onPress={onPressTabItem}>
+        onPress={onPressTabItem}
+        accessibilityLabel={accessibilityLabel}>
         <View>
           {renderIcon && typeof renderIcon === 'function' && (
             <View

package/types.ts

@@ -31,6 +31,8 @@ export type Tab = {
   dotSize?: 'small' | 'large';
 
   badgeValue?: string | number;
+
+  accessibilityLabel?: string;
 };
 
 export type TabItemProps = {