@ledvance/base 1.3.57 → 1.3.58

package/localazy.json

@@ -1183,7 +1183,12 @@
                 "MATCH:camera_site_overview_warning_max_number_text",
                 "MATCH:camera_site_overview_empty_button_add_text",
                 "MATCH:camera_site_overview_empty_information_text",
-                "MATCH:camera_settings_onvif_ip_topic"
+                "MATCH:camera_settings_onvif_ip_topic",
+                "MATCH:camera_settings_power_management_settings_topic",
+                "MATCH:motion_detection_alarm_interval",
+                "MATCH:camera_operation_site_error",
+                "MATCH:camera_calibration",
+                "MATCH:camera_calibration_desc"
             ],
             "replacements": {
                 "REGEX:% %1\\$s.*?\\)%": "{0}",

package/package.json

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

package/src/components/OptionGroup.tsx

@@ -0,0 +1,128 @@
+import ThemeType from "../config/themeType";
+import {Utils} from "tuya-panel-kit";
+import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
+import Spacer from "./Spacer";
+import res from "../res";
+import React from "react";
+import Card from "./Card";
+
+const {convertX: cx} = Utils.RatioUtils
+const {withTheme} = Utils.ThemeUtils
+
+interface OptionGroupProps {
+  theme?: ThemeType
+  tips: string
+  selected: any
+  options: OptionItemProps[]
+}
+
+interface OptionItemProps {
+  title: string
+  value: any
+  content?: string
+  enable?: boolean
+  onPress?: (value: any) => void
+}
+
+const OptionGroup = (props: OptionGroupProps) => {
+  const styles = StyleSheet.create({
+    modeSelectGroup: {
+      marginHorizontal: cx(24),
+      backgroundColor: props.theme?.container.background,
+      borderRadius: cx(4),
+    },
+    modeTip: {
+      marginHorizontal: cx(8),
+      color: props.theme?.global.fontColor,
+      fontSize: cx(14),
+      fontWeight: 'bold',
+      fontFamily: 'helvetica_neue_lt_std_bd',
+    },
+    modeSelectCard: {
+      marginHorizontal: cx(8),
+    },
+    line: {
+      height: cx(1),
+      marginHorizontal: cx(12),
+      backgroundColor: props.theme?.container.divider,
+    },
+    itemRoot: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingHorizontal: cx(12),
+      paddingBottom: cx(8),
+    },
+    itemTextGroup: {
+      flex: 1,
+      marginEnd: cx(12),
+      justifyContent: 'center',
+    },
+    itemTitle: {
+      color: props.theme?.global.fontColor,
+      fontSize: cx(14),
+      fontFamily: 'helvetica_neue_lt_std_roman',
+    },
+    itemContent: {
+      color: props.theme?.global.secondFontColor,
+      fontSize: cx(14),
+      fontFamily: 'helvetica_neue_lt_std_roman',
+    },
+  })
+
+  const OptionItem = (props: OptionItemProps) => {
+    return (
+      <TouchableOpacity onPress={() => props.onPress && props.onPress(props.value)}>
+        <View style={styles.itemRoot}>
+          <View style={styles.itemTextGroup}>
+            <Text style={styles.itemTitle}>{props.title}</Text>
+            <Spacer height={cx(4)}/>
+            {
+              props.content ? <Text style={styles.itemContent}>{props.content}</Text>
+                : <></>
+            }
+          </View>
+          <Image
+            source={{uri: res.ic_check}}
+            style={{
+              width: cx(32),
+              height: cx(32),
+              marginEnd: cx(4),
+              display: props.enable ? 'flex' : 'none',
+            }}/>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    <View style={styles.modeSelectGroup}>
+      <Spacer height={cx(8)}/>
+      <Text style={styles.modeTip}>
+        {props.tips}
+      </Text>
+      <Spacer height={cx(8)}/>
+      <Card style={styles.modeSelectCard}>
+        <Spacer height={cx(12)}/>
+        {
+          props.options.map((item, index) => {
+            return (
+              <React.Fragment key={`Fragment${index}`}>
+                <OptionItem
+                  key={index}
+                  {...item}
+                  enable={item.value === props.selected}
+                />
+                {
+                  index !== props.options.length - 1 ? <><View style={styles.line}/><Spacer height={cx(12)}/></> : <></>
+                }
+              </React.Fragment>
+            )
+          })
+        }
+      </Card>
+      <Spacer height={cx(12)}/>
+    </View>
+  )
+}
+
+export default withTheme(OptionGroup)

package/src/components/ldvSwitch.tsx

@@ -10,7 +10,7 @@ interface Prop {
   theme?: ThemeType
   title: string
   color?: string
-  colorAlpha: number
+  colorAlpha?: number
   enable: boolean
   setEnable: (enable: boolean) => void
   showSwitch?:boolean
@@ -21,7 +21,7 @@ interface Prop {
 }
 
 const LdvSwitch = (props: Prop) => {
-  const {title, color, colorAlpha, enable, description, titleStyle, setEnable, leftValue, rightValue, showSwitch = true} = props
+  const {title, color, colorAlpha = 0, enable, description, titleStyle, setEnable, leftValue, rightValue, showSwitch = true} = props
   return (
     <View style={styles.titleBGView}>
       <View style={{flexDirection: 'column', flex: 1}}>