@ledvance/base 1.3.85 → 1.3.86

package/localazy.json

@@ -1203,7 +1203,35 @@
                 "MATCH:camera_motiondetectiondescription",
                 "MATCH:wifi_repeater_title",
                 "MATCH:wifi_repeater_description",
-                "MATCH:wifi_repeater_group_tips"
+                "MATCH:wifi_repeater_group_tips",
+                "MATCH:repeater_ssid",
+                "MATCH:repeater_ssid_required",
+                "MATCH:login_textfield_headline_pw",
+                "MATCH:repeater_ssid_desc",
+                "MATCH:password_required",
+                "MATCH:repeater_change_wifi_tips",
+                "MATCH:repeater_schedule_error_limit",
+                "MATCH:repeater_schedule_error_common",
+                "MATCH:repeater_other_device",
+                "MATCH:internet_access",
+                "MATCH:repeater_no_device",
+                "MATCH:repeater_router_setting",
+                "MATCH:repeater_repeater_setting",
+                "MATCH:show_password",
+                "MATCH:manage_room_headline_devices",
+                "MATCH:repeater_quickly_config",
+                "MATCH:repeater_copy_router_info",
+                "MATCH:repeater_network_2_4g",
+                "MATCH:repeater_applying_title",
+                "MATCH:repeater_applying_content_1",
+                "MATCH:repeater_applying_content_2",
+                "MATCH:repeater_select_router",
+                "MATCH:repeater_current_router",
+                "MATCH:repeater_change_router_tips",
+                "MATCH:repeater_select_other_router",
+                "MATCH:repeater_password_error_length",
+                "MATCH:repeater_password_error_space",
+                "MATCH:cancel_dialog_leave_unsaved_repeater_note"
             ],
             "replacements": {
                 "REGEX:% %1\\$s.*?\\)%": "{0}",

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.3.85",
+  "version": "1.3.86",
   "scripts": {
     "prepublishOnly": "python update-localazy.py"
   },

package/src/components/BottomTabNavigator.tsx

@@ -0,0 +1,151 @@
+import ThemeType from '../config/themeType'
+import React, { useState, ReactNode } from 'react'
+import {
+  View,
+  Text,
+  TouchableOpacity,
+  StyleSheet,
+  Image,
+  ImageSourcePropType,
+} from 'react-native'
+import { Utils } from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
+
+export interface TabItem {
+  key: string
+  title: string
+  icon?: ImageSourcePropType
+  activeIcon?: ImageSourcePropType
+}
+
+interface BottomTabNavigatorProps {
+  theme?: ThemeType
+  tabs: TabItem[]
+  children: ReactNode
+  activeTabKey?: string
+  onTabChange: (tabKey: string) => void
+  backgroundColor?: string
+  activeColor?: string
+  inactiveColor?: string
+  tabBarStyle?: object
+  tabItemStyle?: object
+  iconSize?: number
+}
+
+const BottomTabNavigator: React.FC<BottomTabNavigatorProps> = (props: BottomTabNavigatorProps) => {
+  const { tabs,
+  children,
+  activeTabKey,
+  onTabChange,
+  backgroundColor = props.theme?.tabBar.background,
+  activeColor = props.theme?.tabBar.active,
+  inactiveColor = props.theme?.tabBar.inactive,
+  tabBarStyle,
+  tabItemStyle,
+  iconSize = cx(45),
+} = props
+  const [internalActiveTab, setInternalActiveTab] = useState<string>(
+    activeTabKey || tabs[0]?.key || ''
+  )
+
+  const currentActiveTab = activeTabKey || internalActiveTab
+
+  const handleTabPress = (tabKey: string) => {
+    if (!activeTabKey) {
+      setInternalActiveTab(tabKey)
+    }
+    onTabChange(tabKey)
+  }
+
+  const renderTabIcon = (tab: TabItem, isActive: boolean) => {
+    if (!tab.icon) return null
+    
+    const iconSource = isActive && tab.activeIcon ? tab.activeIcon : tab.icon
+    
+    return (
+      <Image
+        source={iconSource}
+        style={[
+          styles.tabIcon,
+          { 
+            width: iconSize, 
+            height: iconSize,
+            tintColor: isActive ? activeColor : inactiveColor 
+          }
+        ]}
+        resizeMode="contain"
+      />
+    )
+  }
+
+  const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  content: {
+    flex: 1,
+  },
+  tabBar: {
+    flexDirection: 'row',
+    borderTopWidth: 1,
+    borderTopColor: props.theme?.tabBar.divider,
+    paddingBottom: cx(10),
+    paddingTop: cx(5),
+  },
+  tabItem: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+  },
+  tabIcon: {
+    marginBottom: cx(2),
+  },
+  tabText: {
+    fontSize: cx(12),
+    textAlign: 'center',
+  },
+})
+
+  return (
+    <View style={styles.container}>
+      {/* Main Content */}
+      <View style={styles.content}>
+        {children}
+      </View>
+
+      {/* Bottom Tab Bar */}
+      <View style={[
+        styles.tabBar,
+        { backgroundColor },
+        tabBarStyle
+      ]}>
+        {tabs.map((tab) => {
+          const isActive = currentActiveTab === tab.key
+          
+          return (
+            <TouchableOpacity
+              key={tab.key}
+              style={[styles.tabItem, tabItemStyle]}
+              onPress={() => handleTabPress(tab.key)}
+              activeOpacity={0.8}
+            >
+              {renderTabIcon(tab, isActive)}
+              <Text
+                style={[
+                  styles.tabText,
+                  { color: isActive ? activeColor : inactiveColor }
+                ]}
+              >
+                {tab.title}
+              </Text>
+            </TouchableOpacity>
+          )
+        })}
+      </View>
+    </View>
+  )
+}
+
+export default withTheme(BottomTabNavigator)