@ledvance/base 1.3.58 → 1.3.60

package/localazy.json

@@ -1188,7 +1188,10 @@
                 "MATCH:motion_detection_alarm_interval",
                 "MATCH:camera_operation_site_error",
                 "MATCH:camera_calibration",
-                "MATCH:camera_calibration_desc"
+                "MATCH:camera_calibration_desc",
+                "MATCH:switchstate1selection",
+                "MATCH:switchstate2selection",
+                "MATCH:switchstate3selection"
             ],
             "replacements": {
                 "REGEX:% %1\\$s.*?\\)%": "{0}",

package/package.json

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

package/src/components/BatteryPercentageView.tsx

@@ -67,7 +67,7 @@ const BatteryPercentageView = (props: BatteryProps) => {
           theme={{batteryColor: props.theme?.global.secondFontColor || '#000'}}
         />
       </View>
-      <Text style={[styles.content, value < middleValue ? styles.low : null]}>{value}%</Text>
+      <Text style={[styles.content, value <= middleValue ? styles.low : null]}>{value}%</Text>
     </Card>
   )
 }

package/src/components/HybridSwitchView.tsx

@@ -0,0 +1,118 @@
+import React from 'react'
+import { View, Text, TouchableOpacity, StyleSheet, StyleProp, ViewStyle, Platform } from 'react-native'
+import { Utils } from 'tuya-panel-kit'
+import LinearGradient from 'react-native-linear-gradient'
+import Card from '@ledvance/base/src/components/Card'
+import ThemeType from '@ledvance/base/src/config/themeType'
+import Spacer from '@ledvance/base/src/components/Spacer'
+
+const { convertX: cx } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+interface HybridSwitchViewProps {
+  theme?: ThemeType
+  style?: StyleProp<ViewStyle>
+  switchChannels: boolean[]
+  onSwitchChange?: (index: number, value: boolean) => void
+}
+
+const HybridSwitchView = (props: HybridSwitchViewProps) => {
+
+  const styles = StyleSheet.create({
+    root: {
+      paddingHorizontal: cx(16),
+    },
+    switchPanelContainer: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+    switchPanelCardTitle: {
+      color: props.theme?.global.fontColor,
+      fontSize: cx(16),
+      fontWeight: 'bold',
+      fontFamily: 'helvetica_neue_lt_std_bd',
+    },
+    switchPanel: {
+      width: cx(120),
+      height: cx(120),
+      borderRadius: cx(6),
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderWidth: cx(3),
+      borderColor: '#ECECEC',
+      overflow: 'hidden',
+      backgroundColor: '#F3F1F1',
+    },
+    container: {
+      width: cx(90),
+      height: cx(90),
+      flexDirection: 'row',
+      borderRadius: cx(6),
+      borderWidth: 1,
+      borderColor: '#B8B7B7',
+      overflow: 'hidden'
+    },
+    touchContainer: {
+      flex: 1,
+      borderRightWidth: 1,
+      borderColor: '#9E9E9E',
+    },
+    innerPanel: {
+      flex: 1,
+      backgroundColor: '#F8F8F8',
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+    },
+    insertColor: {
+      width: '100%',
+      height: cx(10),
+      backgroundColor: '#FF6A00',
+    },
+    indicator: {
+      width: cx(20),
+      height: cx(2),
+      borderRadius: cx(1),
+      backgroundColor: '#F60',
+      marginBottom: cx(15),
+    },
+  })
+
+  return (
+    <Card style={[styles.root, props.style]}>
+      <Spacer width={cx(16)} />
+      <Text style={styles.switchPanelCardTitle}>Hybrid Switch</Text>
+      <Spacer />
+      <View style={styles.switchPanelContainer}>
+        <LinearGradient
+          colors={['#FFFFFF', '#F3F1F1']}
+          style={styles.switchPanel}
+        >
+          <View style={styles.container}>
+            {props.switchChannels.map((channel, index) => (
+              <TouchableOpacity
+                key={index}
+                activeOpacity={Platform.OS === 'ios' ? 0.5 : 0.9}
+                onPress={() => {
+                  props.onSwitchChange?.(index, !channel)
+                }}
+                style={[styles.touchContainer, { borderRightWidth: index === props.switchChannels.length - 1 ? 0 : 1 }]}
+              >
+                <View style={styles.innerPanel}>
+                  <View style={[styles.indicator, { backgroundColor: channel ? '#F60' : '#585858' }]} />
+                  <LinearGradient
+                    colors={['#DDDDDD', '#EBEBEB']}
+                    style={styles.insertColor}
+                  />
+                </View>
+              </TouchableOpacity>
+            ))}
+          </View>
+        </LinearGradient>
+        <Spacer height={cx(30)}/>
+      </View>
+    </Card>
+  )
+}
+
+export default withTheme(HybridSwitchView)

package/src/composeLayout.tsx

@@ -15,7 +15,7 @@ import {
   setTimeZone,
   UAGroupInfo,
 } from './models/modules/NativePropsSlice'
-import { DpSchema, GlobalParams } from './models/GlobalParams'
+import { LdvDpSchema, GlobalParams } from './models/GlobalParams'
 import Connect from './components/connect'
 import darkTheme from "./config/dark-theme";
 import lightTheme from "./config/light-theme";
@@ -204,17 +204,19 @@ const composeLayout = (component: React.ComponentType) => {
 
     setDpSchemaMap(schema: string): any {
       // 处理物模型协议和dps
-      const dpSchemaMap: Record<string, DpSchema> = {}
+      const dpSchemaMap: Record<string, LdvDpSchema> = {}
       const dps = {}
       JSON.parse(schema || '[]')
         .forEach((schemaItem: any) => {
-          dpSchemaMap[schemaItem.code] = {
+          const dpSchema = {
             name: schemaItem.name,
             dp: schemaItem.id,
             type: schemaItem.type,
             mode: schemaItem.mode,
             property: schemaItem.property,
-          }
+          };
+          dpSchemaMap[schemaItem.code] = dpSchema
+          dpSchemaMap[schemaItem.id] = dpSchema
           dps[schemaItem.id] = null
         })
       GlobalParams.dpSchemaMap = dpSchemaMap