@ledvance/base 1.3.34 → 1.3.36

package/localazy.json

@@ -1017,7 +1017,8 @@
                 "MATCH:legend_humidity",
                 "MATCH:battery_status_normal",
                 "MATCH:battery_status_low",
-                "MATCH:battery_status_empty"
+                "MATCH:battery_status_empty",
+                "MATCH:push_notifications_contact_sensor_door_closing_title"
             ],
             "replacements": {
                 "REGEX:% %1\\$s.*?\\)%": "{0}",

package/package.json

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

package/src/components/AdvanceList.tsx

@@ -55,6 +55,7 @@ function AdvanceList(props: AdvanceListProps) {
 
   return (
     <FlatList
+      scrollEnabled={false}
       numColumns={2}
       style={styles.container}
       data={advanceData}

package/src/components/ApplyForDeviceItem.tsx

@@ -27,7 +27,7 @@ const ApplyForDeviceItem = (props: ApplyForDeviceItemProps) => {
   const styles = StyleSheet.create({
     root: {
       marginHorizontal: cx(8),
-      backgroundColor: props.theme?.global.background,
+      backgroundColor: props.theme?.card.background,
       flexDirection: 'row',
       alignItems: 'center'
     },
@@ -41,6 +41,7 @@ const ApplyForDeviceItem = (props: ApplyForDeviceItemProps) => {
       width: cx(24),
       height: cx(24),
       marginStart: cx(6),
+      borderRadius: cx(4),
     },
     deviceName: {
       flex: 1,

package/src/components/Card.tsx

@@ -15,7 +15,8 @@ interface CardProps extends PropsWithChildren<ViewProps> {
 }
 
 const Card = (props: CardProps) => {
-  const shadowHeight = props.shadowHeight || cx(3)
+  const initHeight = (Platform.OS === 'ios' && props.theme?.type === 'dark') ? 0 : 7
+  const shadowHeight = props.shadowHeight || cx(initHeight)
   return (
     <View
       style={[{
@@ -23,7 +24,7 @@ const Card = (props: CardProps) => {
         backgroundColor: props.theme?.card.background,
         elevation: shadowHeight,
         shadowColor: props.theme?.card.shadowColor,
-        shadowOpacity: 0.5,
+        shadowOpacity: 0.2,
         shadowRadius: shadowHeight,
         shadowOffset: {
           width: 0,

package/src/components/CustomListDialog.tsx

@@ -44,7 +44,7 @@ const CustomListDialog = (props: CustomListDialogProps) => {
     show={props.show}
     hideMask={true}
     onRequestClose={props.onDismiss}>
-    <Card style={props.style} shadowHeight={cx(7)}>
+    <Card style={props.style}>
       <FlatList
         data={props.data}
         renderItem={({ item, index }) => {

package/src/components/SocketItem.tsx

@@ -71,6 +71,7 @@ function SocketItem(props: SocketItemProps) {
               value: props.name,
               cancelText: I18n.getLang('auto_scan_system_cancel'),
               confirmText: I18n.getLang('auto_scan_system_wifi_confirm'),
+              inputWrapperStyle: {backgroundColor: props.theme?.textInput.background, borderRadius: cx(10)},
               onChangeText: text => {
                 return text.length <= 32 ? text : text.slice(0, 32)
               },

package/src/components/Tag.tsx

@@ -23,12 +23,12 @@ const Tag = (props: TagProps) => {
       justifyContent: 'center',
       alignItems: 'center',
       borderWidth: cx(1),
-      borderColor: props.theme?.global.brand,
+      borderColor: props.theme?.filter.border,
       borderRadius: cx(12),
     },
     text: {
       marginStart: cx(12),
-      color: props.theme?.global.brand,
+      color: props.theme?.filter.fontColor,
       fontSize: cx(14),
       fontFamily: 'helvetica_neue_lt_std_roman',
     },
@@ -36,8 +36,12 @@ const Tag = (props: TagProps) => {
       width: cx(12),
       height: cx(12),
       marginEnd: cx(6),
-      tintColor: props.theme?.global.brand,
+      tintColor: props.theme?.filter.fontColor,
     },
+    checked: {
+      backgroundColor: props.theme?.filter.background
+    },
+    uncheck: {}
   })
 
   return (
@@ -45,7 +49,7 @@ const Tag = (props: TagProps) => {
       onPress={() => {
         props.onCheckedChange(!props.checked)
       }}>
-      <View style={[styles.root, props.checked ? {backgroundColor: props.theme?.global.thirdBrand} : {}, props.style]}>
+      <View style={[styles.root, props.checked ? styles.checked : styles.uncheck, props.style]}>
         <Text style={[styles.text, {marginEnd: cx(props.checked ? 4 : 12)}]}>{props.text}</Text>
         {
           props.checked &&

package/src/components/ldvPickerView.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react'
+import React, {useMemo} from 'react'
 import {StyleProp, StyleSheet, Text, View, ViewStyle} from 'react-native'
 import {Picker, Utils} from 'tuya-panel-kit'
 import _ from 'lodash'
@@ -52,9 +52,10 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
     },
   })
   return (
-    <View style={[styles.pickerContainer, props.style]}>
+    <View key={props.theme?.type} style={[styles.pickerContainer, props.style]}>
       <View style={styles.picContainer}>
         <Picker
+          itemTextColor='#aeadb5'
           style={[styles.picker, styles.pickerLeft]}
           loop={true}
           theme={pickerTheme}
@@ -75,6 +76,7 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
       </View>
       <View style={styles.picContainer}>
         <Picker
+          itemTextColor='#aeadb5'
           style={[styles.picker, styles.pickerLeft]}
           loop={true}
           theme={pickerTheme}

package/src/config/dark-theme.ts

@@ -44,6 +44,11 @@ const darkTheme = {
     normal: '#a6a6a6',   /* 中性灰，适合在深色背景上 */
     disable: '#555555',  /* 更深的灰色，表示禁用状态 */
   },
+  filter: {
+    fontColor: '#ff6600',
+    border: '#ff6600',
+    background: '#FFE0D4'
+  },
   tag: {
     background: '#737373',
     fontColor: '#ffffff'

package/src/config/light-theme.ts

@@ -44,6 +44,11 @@ const lightTheme = {
     normal: '#666666',
     disable: '#cccccc',
   },
+  filter: {
+    fontColor: '#ff6600',
+    border: '#ff6600',
+    background: '#FFE0D4'
+  },
   tag: {
     background: '#E6E7E8',
     fontColor: '#000000'

package/src/i18n/index.ts

@@ -1,28 +1,28 @@
-import {DpValue, I18N} from 'tuya-panel-kit'
+import {DpValue, I18N, TYSdk} from 'tuya-panel-kit'
 import Strings from './strings'
 
 type Key = keyof typeof Strings.en
+// @ts-ignore
+const I18NInstance = new I18N(Strings)
 
 function getLang(key: Key, defaultString?: string): string {
-  // @ts-ignore
-  return new I18N(Strings).getLang(key, defaultString)
+  return I18NInstance.getLang(key, defaultString)
 }
 
 function getDpLang(code: string, value?: DpValue): string {
-  return new I18N(Strings).getDpLang(code, value)
+  return I18NInstance.getDpLang(code, value)
 }
 
 function formatString(key: string, values: string[]): string {
-  return new I18N(Strings).formatString(key, ...values)
+  return I18NInstance.formatString(key, ...values)
 }
 
 function formatValue(key: Key, ...values: string[]): string {
-  // @ts-ignore
-  return new I18N(Strings).formatValue(key, ...values)
+  return I18NInstance.formatValue(key, ...values)
 }
 
 function getDpName(code: string, defaultName?: string): string {
-  return new I18N(Strings).getDpName(code, defaultName)
+  return I18NInstance.getDpName(code, defaultName)
 }
 
 const I18n = {
@@ -33,5 +33,7 @@ const I18n = {
   getDpName,
 }
 
+const lang = TYSdk.mobile.mobileInfo.lang
+
 export default I18n
-export { Key as I18nKey }
+export { Key as I18nKey, lang }