@ledvance/base 1.2.77 → 1.2.79

package/localazy.json

@@ -830,7 +830,10 @@
                 "MATCH:country_sy",
                 "MATCH:country_pe",
                 "MATCH:flag_resetbutton",
-                "MATCH:flag_resetdescription"
+                "MATCH:flag_resetdescription",
+                "MATCH:device_menu_camera_thirdbox_text1",
+                "MATCH:camera_human_private_mode",
+                "MATCH:camera_human_body_filtering"
             ],
             "replacements": {
                 "REGEX:% %1\\$s.*?\\)%": "{0}",

package/package.json

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

package/src/api/nativeEventEmitter.ts

@@ -27,8 +27,8 @@ interface GroupFeatureEvent {
 }
 
 interface GroupDpEvent {
-  tyGroupId?: number
-  dps?: any
+  tyGroupId: number
+  dps: any
 }
 
 interface DeviceEvent {

package/src/components/AdvanceCard.tsx

@@ -5,6 +5,7 @@ import Card from 'components/Card'
 import Spacer from 'components/Spacer'
 
 const { convertX: cx } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
 
 export interface AdvancedData {
   title: string
@@ -37,6 +38,7 @@ export function getAdvancedStatusColor(status: AdvancedStatus): string {
 }
 
 export interface AdvanceCardProps extends PropsWithChildren<ViewProps> {
+  theme?: any
   data: AdvancedData
   onPress: () => void
 }
@@ -49,21 +51,21 @@ const AdvanceCard = (props: AdvanceCardProps) => {
       containerStyle={styles.itemContent}
       onPress={props.onPress}>
       {!!statusColor && <View style={styles.dotBg}>
-        <View
-            style={[
-              styles.dot,
-              {backgroundColor: props.data.statusColor},
-            ]}/>
+          <View
+              style={[
+                styles.dot,
+                {backgroundColor: props.data.statusColor},
+              ]}/>
       </View>}
       {
         props.children ?
           props.children :
           <View style={styles.titleBg}>
-            <Text style={styles.title}>{props.data.title}</Text>
+            <Text style={{...styles.title, color: props.theme.global.fontColor}}>{props.data.title}</Text>
             <Spacer height={cx(8)} />
             {
               (!!props.data.subtitles) && props.data.subtitles.map((subtitle, index) => (
-                <Text style={styles.subtitle} key={`${subtitle}_${index}`}>{subtitle}</Text>
+                <Text style={{...styles.subtitle, color: props.theme.global.secondFontColor}} key={`${subtitle}_${index}`}>{subtitle}</Text>
               ))
             }
           </View>
@@ -85,13 +87,11 @@ const styles = StyleSheet.create({
   },
   title: {
     marginHorizontal: cx(16),
-    color: '#000',
     fontSize: cx(14),
     textAlign: 'center',
     fontFamily: 'helvetica_neue_lt_std_roman',
   },
   subtitle: {
-    color: '#666',
     fontSize: cx(10),
     textAlign: 'center',
     fontFamily: 'helvetica_neue_lt_std_roman',
@@ -114,4 +114,4 @@ const styles = StyleSheet.create({
   },
 })
 
-export default AdvanceCard
+export default withTheme(AdvanceCard)

package/src/components/Card.tsx

@@ -3,23 +3,25 @@ import React, {PropsWithChildren} from 'react'
 import {Utils} from 'tuya-panel-kit'
 
 const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
 
 interface CardProps extends PropsWithChildren<ViewProps> {
+  theme?: any
   shadowHeight?: number | undefined
   onPress?: () => void
   onLongPress?: () => void
   containerStyle?: StyleProp<ViewStyle>
 }
 
-export default function Card(props: CardProps) {
+const Card = (props: CardProps) => {
   const shadowHeight = props.shadowHeight || cx(7)
   return (
     <View
       style={[{
         overflow: Platform.OS === 'ios' ? undefined : 'hidden',
-        backgroundColor: 'white',
+        backgroundColor: props.theme.card.background,
         elevation: shadowHeight,
-        shadowColor: '#000000',
+        shadowColor: props.theme.card.shadowColor,
         shadowOpacity: 0.2,
         shadowRadius: shadowHeight,
         shadowOffset: {
@@ -33,4 +35,6 @@ export default function Card(props: CardProps) {
       </TouchableOpacity>
     </View>
   )
-}
+}
+
+export default withTheme(Card)

package/src/components/DeleteButton.tsx

@@ -3,8 +3,10 @@ import { StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle } from 'react-n
 import { Utils } from 'tuya-panel-kit'
 
 const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
 
 interface DeleteButtonProps {
+  theme?: any
   text: string,
   onPress: () => void,
   style?: StyleProp<ViewStyle>,
@@ -21,13 +23,13 @@ const DeleteButton = (props: DeleteButtonProps) => {
       style={[{
         width: '100%',
         height: cx(50),
-        backgroundColor: '#666',
+        backgroundColor: props.theme.button.disabled,
         alignItems: 'center',
         justifyContent: 'center',
         borderRadius: cx(8),
       }, style]}>
       <Text style={[{
-        color: '#fff',
+        color: props.theme.button.fontColor,
         fontSize: cx(16),
         fontFamily: 'helvetica_neue_lt_std_bd',
       }, textStyle]}>{text}</Text>
@@ -35,4 +37,4 @@ const DeleteButton = (props: DeleteButtonProps) => {
   )
 }
 
-export default DeleteButton
+export default withTheme(DeleteButton)

package/src/components/FanAdjustView.tsx

@@ -13,6 +13,7 @@ import Popup from './Popup'
 const {convertX: cx} = Utils.RatioUtils
 
 interface FanAdjustViewProps extends ViewProps {
+  hideEnable?: boolean
   fanEnable: boolean
   fanSpeed: number
   maxFanSpeed?: number
@@ -43,12 +44,12 @@ const FanAdjustView = (props: FanAdjustViewProps) => {
 export function FanAdjustViewContent(props: FanAdjustViewProps) {
   return (
     <View>
-      <LdvSwitch
+      {!props.hideEnable && <LdvSwitch
         title={I18n.getLang('add_new_dynamic_mood_ceiling_fan_field_headline')}
         enable={props.fanEnable}
         setEnable={props.onFanSwitch}
         color={''}
-        colorAlpha={1}/>
+        colorAlpha={1}/>}
       {props.fanEnable && (
         <View>
           <LdvSlider

package/src/components/Page.tsx

@@ -2,11 +2,14 @@ import React, { PropsWithChildren, useCallback, useEffect } from 'react'
 import { BackHandler, View, ViewProps } from 'react-native'
 import LDVTopBar from './ldvTopBar'
 import { useNavigation } from '@react-navigation/native'
-import { Dialog, Toast } from 'tuya-panel-kit'
+import {Dialog, Toast, Utils} from 'tuya-panel-kit'
 import I18n from '@i18n'
 import LdvTopName from './ldvTopName'
 
+const { withTheme } = Utils.ThemeUtils
+
 interface PageProps extends PropsWithChildren<ViewProps> {
+  theme?: any
   rightButtonDisabled?: boolean
   backText: string
   onBackClick?: () => void
@@ -64,7 +67,7 @@ const Page = (props: PageProps) => {
 
   return (
     <>
-      <View style={[{ flex: 1, position: 'relative' }, props.style]}>
+      <View style={[{ flex: 1, position: 'relative', backgroundColor: props.theme.global.backgroud }, props.style]}>
         <LDVTopBar
           title={props.backText}
           onBackPress={
@@ -98,4 +101,4 @@ const Page = (props: PageProps) => {
   )
 }
 
-export default Page
+export default withTheme(Page)

package/src/components/TextField.tsx

@@ -4,17 +4,65 @@ import {Utils} from 'tuya-panel-kit'
 import res from '../res'
 
 const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
 
 interface TextFieldProps extends TextInputProps {
-    showError?: boolean
-    errorText?: string
-    tipIcon?: ImageSourcePropType
-    tipColor?: string
+  theme?: any
+  showError?: boolean
+  errorText?: string
+  tipIcon?: ImageSourcePropType
+  tipColor?: string
 }
 
 const TextField = (props: TextFieldProps) => {
   const icon = props.tipIcon || res.ic_warning_amber
-  const color = props.tipColor || '#FF9500'
+  const color = props.tipColor || props.theme.global.warning
+
+  const styles = StyleSheet.create({
+    topTip: {
+      marginTop: cx(5),
+      fontSize: cx(12),
+      marginStart: cx(13),
+      color: props.theme.global.secondFontColor,
+      fontFamily: 'helvetica_neue_lt_std_bd',
+    },
+    textInputGroup: {
+      flexDirection: 'row',
+      borderRadius: cx(4),
+      backgroundColor: props.theme.textInput.background,
+      alignItems: 'center',
+    },
+    textInput: {
+      flex: 1,
+      height: cx(44),
+      marginStart: cx(16),
+      marginEnd: cx(6),
+      fontSize: cx(16),
+      color: props.theme.textInput.fontColor,
+      fontFamily: 'helvetica_neue_lt_std_roman',
+    },
+    iconTouchable: {
+      marginEnd: cx(18),
+      padding: cx(4),
+    },
+    icon: {
+      width: cx(16),
+      height: cx(16),
+    },
+    line: {
+      height: 1,
+      position: 'absolute',
+      start: cx(4),
+      end: cx(4),
+      bottom: 0,
+      backgroundColor: props.theme.textInput.line,
+    },
+    errorContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginStart: cx(13),
+    },
+  })
   return (
     <View style={props.style}>
       <Text style={[styles.topTip, { opacity: (!!props.value) ? 1 : 0 }]}>{props.placeholder}</Text>
@@ -41,50 +89,4 @@ const TextField = (props: TextFieldProps) => {
   )
 }
 
-const styles = StyleSheet.create({
-  topTip: {
-    marginTop: cx(5),
-    fontSize: cx(12),
-    marginStart: cx(13),
-    color: '#666',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  textInputGroup: {
-    flexDirection: 'row',
-    borderRadius: cx(4),
-    backgroundColor: '#f6f6f6',
-    alignItems: 'center',
-  },
-  textInput: {
-    flex: 1,
-    height: cx(44),
-    marginStart: cx(16),
-    marginEnd: cx(6),
-    fontSize: cx(16),
-    color: '#000',
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  iconTouchable: {
-    marginEnd: cx(18),
-    padding: cx(4),
-  },
-  icon: {
-    width: cx(16),
-    height: cx(16),
-  },
-  line: {
-    height: 1,
-    position: 'absolute',
-    start: cx(4),
-    end: cx(4),
-    bottom: 0,
-    backgroundColor: '#cbcbcb',
-  },
-  errorContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginStart: cx(13),
-  },
-})
-
-export default TextField
+export default withTheme(TextField)

package/src/components/TextFieldStyleButton.tsx

@@ -4,8 +4,10 @@ import React from 'react'
 import res from "../res/index";
 
 const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
 
 interface TextFieldStyleButtonProps extends ViewProps {
+    theme?: any
     placeholder: string
     text: string
     onPress: () => void,
@@ -14,69 +16,70 @@ interface TextFieldStyleButtonProps extends ViewProps {
 }
 
 const TextFieldStyleButton = (props: TextFieldStyleButtonProps) => {
+    const styles = StyleSheet.create({
+        topTip: {
+            marginTop: cx(5),
+            fontSize: cx(12),
+            marginStart: cx(13),
+            color: props.theme.global.secondFontColor,
+            fontFamily: 'helvetica_neue_lt_std_bd',
+        },
+        textGroup: {
+            flexDirection: 'row',
+            borderRadius: cx(4),
+            backgroundColor: props.theme.textInput.background,
+            alignItems: 'center',
+        },
+        textParent: {
+            flex: 1,
+            height: cx(44),
+            justifyContent: 'center',
+        },
+        text: {
+            marginStart: cx(16),
+            marginEnd: cx(6),
+            fontSize: cx(16),
+            color: props.theme.textInput.fontColor,
+            fontFamily: 'helvetica_neue_lt_std_roman',
+        },
+        line: {
+            height: 1,
+            position: 'absolute',
+            start: cx(4),
+            end: cx(4),
+            bottom: 0,
+            backgroundColor: props.theme.textInput.line,
+        },
+        tipParent: {
+            flexDirection: 'row',
+            alignItems: 'center',
+        },
+        tipIcon: {
+            width: cx(16),
+            height: cx(16),
+            marginStart: cx(4),
+        }
+    })
+
     return (
-        <View style={props.style}>
-            <View style={styles.tipParent}>
-                <Text style={styles.topTip}>{props.placeholder}</Text>
-                {props.showTipIcon && <TouchableOpacity onPress={props.onTipIconPress}>
-                    <Image source={res.ic_info} style={styles.tipIcon}/>
-                </TouchableOpacity>}
-            </View>
-            <TouchableOpacity onPress={props.onPress}>
-                <View style={styles.textGroup}>
-                    <View style={styles.textParent}>
-                        <Text style={styles.text}>{props.text}</Text>
-                    </View>
-                    <View style={styles.line} />
-                </View>
-            </TouchableOpacity>
-        </View>
+      <View style={props.style}>
+          <View style={styles.tipParent}>
+              <Text style={styles.topTip}>{props.placeholder}</Text>
+              {props.showTipIcon && <TouchableOpacity onPress={props.onTipIconPress}>
+                  <Image source={res.ic_info} style={styles.tipIcon}/>
+              </TouchableOpacity>}
+          </View>
+          <TouchableOpacity onPress={props.onPress}>
+              <View style={styles.textGroup}>
+                  <View style={styles.textParent}>
+                      <Text style={styles.text}>{props.text}</Text>
+                  </View>
+                  <View style={styles.line} />
+              </View>
+          </TouchableOpacity>
+      </View>
     )
 }
 
-const styles = StyleSheet.create({
-    topTip: {
-        marginTop: cx(5),
-        fontSize: cx(12),
-        marginStart: cx(13),
-        color: '#666',
-        fontFamily: 'helvetica_neue_lt_std_bd',
-    },
-    textGroup: {
-        flexDirection: 'row',
-        borderRadius: cx(4),
-        backgroundColor: '#f6f6f6',
-        alignItems: 'center',
-    },
-    textParent: {
-        flex: 1,
-        height: cx(44),
-        justifyContent: 'center',
-    },
-    text: {
-        marginStart: cx(16),
-        marginEnd: cx(6),
-        fontSize: cx(16),
-        color: '#000',
-        fontFamily: 'helvetica_neue_lt_std_roman',
-    },
-    line: {
-        height: 1,
-        position: 'absolute',
-        start: cx(4),
-        end: cx(4),
-        bottom: 0,
-        backgroundColor: '#cbcbcb',
-    },
-    tipParent: {
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    tipIcon: {
-        width: cx(16),
-        height: cx(16),
-        marginStart: cx(4),
-    }
-})
 
-export default TextFieldStyleButton
+export default withTheme(TextFieldStyleButton)

package/src/components/ldvPickerView.tsx

@@ -4,12 +4,14 @@ import {Picker, Utils} from 'tuya-panel-kit'
 import _ from 'lodash'
 
 const {convertX} = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
 
 const pickerTheme = {
   fontSize: 20,
 }
 
 interface LdvPickerViewProps {
+  theme?: any
   hour: string,
   minute: string,
   setHour: (string) => void,
@@ -25,6 +27,28 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
   const {hour, minute, unit, setHour, setMinute, minutesStep = 1, maxHour = 24} = props
   const hours = useMemo(() => _.times(maxHour, (n) => _.padStart(n.toString(), 2, '0')), [])
   const minutes = useMemo(() => _.times(60 / minutesStep, (n) => _.padStart((n * minutesStep).toString(), 2, '0')) , [props.minutesStep])
+
+  const styles = StyleSheet.create({
+    pickerContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+    picker: {
+      flex: 1,
+      backgroundColor: props.theme.card.background,
+    },
+    pickerLeft: {},
+    pickerItem: {},
+    picContainer: {
+      flex: 1,
+      position: 'relative',
+    },
+    pickerUnit: {
+      position: 'absolute',
+      right: convertX(20),
+      top: '44%',
+    },
+  })
   return (
     <View style={[styles.pickerContainer, props.style]}>
       <View style={styles.picContainer}>
@@ -42,7 +66,7 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
           ))}
         </Picker>
         {unit ? <View style={styles.pickerUnit}>
-          <Text style={{color: '#000', fontSize: convertX(18)}}>
+          <Text style={{color: props.theme.global.fontColor, fontSize: convertX(18)}}>
             {unit[0]}
           </Text>
         </View> : null}
@@ -61,7 +85,7 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
           ))}
         </Picker>
         {unit ? <View style={styles.pickerUnit}>
-          <Text style={{color: '#000', fontSize: convertX(18)}}>
+          <Text style={{color: props.theme.global.fontColor, fontSize: convertX(18)}}>
             {unit[1]}
           </Text>
         </View> : null}
@@ -70,25 +94,4 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
   )
 }
 
-const styles = StyleSheet.create({
-  pickerContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  picker: {
-    flex: 1,
-  },
-  pickerLeft: {},
-  pickerItem: {},
-  picContainer: {
-    flex: 1,
-    position: 'relative',
-  },
-  pickerUnit: {
-    position: 'absolute',
-    right: convertX(20),
-    top: '44%',
-  },
-})
-
-export default LdvPickerView
+export default withTheme(LdvPickerView)

package/src/components/ldvSwitch.tsx

@@ -4,8 +4,10 @@ import {SwitchButton, Utils} from 'tuya-panel-kit'
 import Spacer from './Spacer'
 
 const {convertX: cx} = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
 
 interface Prop {
+  theme?: any
   title: string
   color: string
   colorAlpha: number
@@ -18,7 +20,7 @@ const LdvSwitch = (props: Prop) => {
   const {title, color, colorAlpha, enable, setEnable, showSwitch = true} = props
   return (
     <View style={styles.titleBGView}>
-      <Text style={styles.title}>{title}</Text>
+      <Text style={{...styles.title, color: props.theme.global.fontColor}}>{title}</Text>
       <View style={[styles.colorBlock, {backgroundColor: color, opacity: colorAlpha}]}/>
       <Spacer style={{flex: 1}} height={0} width={0}/>
       {showSwitch && <SwitchButton value={enable} onValueChange={setEnable}/>}
@@ -39,7 +41,6 @@ const styles = StyleSheet.create({
     borderRadius: cx(4),
   },
   title: {
-    color: '#000',
     fontSize: cx(16),
     // fontFamily: 'helvetica_neue_lt_std_bd',
     fontWeight: 'bold',
@@ -48,4 +49,4 @@ const styles = StyleSheet.create({
   },
 })
 
-export default LdvSwitch
+export default withTheme(LdvSwitch)

package/src/components/ldvTopBar.tsx

@@ -5,8 +5,10 @@ import {IconFont, Utils} from 'tuya-panel-kit'
 const backIcon = Platform.OS === 'ios' ? 'backIos' : 'backAndroid'
 
 const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
 
 interface TopBarProps {
+  theme?: any
   title: string
   onBackPress: () => void
   rightButtonIcon?: any | {}
@@ -35,13 +37,13 @@ const LDVTopBar = (props: TopBarProps) => {
             alignItems: 'center',
             flex: 1,
           }}>
-          <IconFont size={cx(16)} color={'#f60'} name={backIcon}/>
+          <IconFont size={cx(16)} color={props.theme.global.brand} name={backIcon}/>
           <View style={{width: cx(10)}}/>
           <Text
             numberOfLines={1}
             style={{
               maxWidth: cx(290),
-              color: '#f60',
+              color: props.theme.global.brand,
               fontSize: cx(16),
               fontFamily: 'helvetica_neue_lt_std_roman',
             }}>{props.title}</Text>
@@ -71,4 +73,4 @@ const LDVTopBar = (props: TopBarProps) => {
   )
 }
 
-export default LDVTopBar
+export default withTheme(LDVTopBar)