@ledvance/base 1.1.13 → 1.1.15

package/src/components/ldvTopName.tsx

@@ -1,59 +1,59 @@
 import React from 'react'
-import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
-import { Utils } from 'tuya-panel-kit'
+import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
+import {Utils} from 'tuya-panel-kit'
 
 const cx = Utils.RatioUtils.convertX
 
 interface LdvTopNameProps {
-    title: string,
-    rightIcon?: string | undefined | number,
-    rightIconClick?: () => void
-    showGreenery?: boolean
-    greeneryIcon?: string | undefined | number
+  title: string,
+  rightIcon?: string | undefined | number,
+  rightIconClick?: () => void
+  showGreenery?: boolean
+  greeneryIcon?: string | undefined | number
 }
 
 const LdvTopName = (props: LdvTopNameProps) => {
-    const rightIcon = typeof props.rightIcon === 'number' ? props.rightIcon : {uri : props.rightIcon}
-    const greeneryIcon = typeof props.greeneryIcon === 'number' ? props.greeneryIcon : {uri : props.greeneryIcon}
-    return (
-        <View style={styles.container}>
-            <View
-                style={{
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    marginTop: cx(38),
-                }}>
-                <View style={{ flexDirection: 'row', flex: 1 }}>
-                    <Text style={styles.title}>
-                        {props.title}
-                    </Text>
-                    {props.showGreenery && <Image
-                        source={greeneryIcon}
-                        resizeMode="contain"
-                        style={{ height: cx(16), width: cx(16), left: 0 }}
-                    /> || null}
-                </View>
-                {props.rightIcon && <TouchableOpacity
-                    onPress={props.rightIconClick}>
-                    <Image
-                        style={{ width: cx(24), height: cx(24), tintColor: '#ff6600' }}
-                        source={rightIcon} />
-                </TouchableOpacity>}
-            </View>
+  const rightIcon = typeof props.rightIcon === 'number' ? props.rightIcon : {uri: props.rightIcon}
+  const greeneryIcon = typeof props.greeneryIcon === 'number' ? props.greeneryIcon : {uri: props.greeneryIcon}
+  return (
+    <View style={styles.container}>
+      <View
+        style={{
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          marginTop: cx(38),
+        }}>
+        <View style={{flexDirection: 'row', flex: 1}}>
+          <Text style={styles.title}>
+            {props.title}
+          </Text>
+          {props.showGreenery && <Image
+              source={greeneryIcon}
+              resizeMode="contain"
+              style={{height: cx(16), width: cx(16), left: 0}}
+          /> || null}
         </View>
-    )
+        {props.rightIcon && <TouchableOpacity
+            onPress={props.rightIconClick}>
+            <Image
+                style={{width: cx(24), height: cx(24), tintColor: '#ff6600'}}
+                source={rightIcon}/>
+        </TouchableOpacity>}
+      </View>
+    </View>
+  )
 }
 
 const styles = StyleSheet.create({
-    container: {
-        marginHorizontal: cx(24),
-        marginBottom: cx(12),
-    },
-    title: {
-        color: '#f60',
-        fontSize: cx(24),
-    },
+  container: {
+    marginHorizontal: cx(24),
+    marginBottom: cx(12),
+  },
+  title: {
+    color: '#f60',
+    fontSize: cx(24),
+  },
 })
 
 export default LdvTopName

package/src/components/segmentControl.tsx

@@ -1,66 +1,66 @@
-import { Text, TouchableOpacity, View } from 'react-native'
+import {Text, TouchableOpacity, View} from 'react-native'
 import React from 'react'
-import { Utils } from 'tuya-panel-kit'
+import {Utils} from 'tuya-panel-kit'
 
-const { convertX } = Utils.RatioUtils
+const {convertX} = Utils.RatioUtils
 
 export default function SegmentControl(props) {
 
-    const { title1, title2, isFirst, setIsFirst, style } = props
+  const {title1, title2, isFirst, setIsFirst, style} = props
 
-    return (<View style={{}}>
-        <View style={[{
-            backgroundColor: '#eeeeef',
-            marginHorizontal: convertX(24),
-            marginVertical: convertX(0),
-            borderRadius: convertX(8.9),
-            flexDirection: 'row',
-        }, style]}>
-            <TouchableOpacity style={
-                [{
-                    flex: 1,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    margin: convertX(2),
-                    borderRadius: convertX(6.9),
-                }, isFirst ?
-                    { backgroundColor: '#fff', margin: convertX(2), borderRadius: 6.9 } :
-                    { backgroundColor: '#eeeeef' }]
-            } onPress={() => setIsFirst(true)}>
-                <Text
-                    style={{
-                        color: '#000',
-                        fontSize: convertX(12),
-                        fontFamily: isFirst ? 'helvetica_neue_lt_std_bd' : 'helvetica_neue_lt_std_roman',
-                        marginVertical: convertX(10),
-                    }}>
-                    {title1}
-                </Text>
-            </TouchableOpacity>
-            <TouchableOpacity
-                style={
-                    [{
-                        flex: 1,
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                        margin: convertX(2),
-                        borderRadius: convertX(6.9),
-                    },
-                        !isFirst ?
-                            { backgroundColor: '#fff' } :
-                            { backgroundColor: '#eeeeef' }]
-                }
-                onPress={() => setIsFirst(false)}>
-                <Text
-                    style={{
-                        color: '#000',
-                        fontSize: convertX(12),
-                        fontFamily: isFirst ? 'helvetica_neue_lt_std_roman' : 'helvetica_neue_lt_std_bd',
-                        marginVertical: convertX(10),
-                    }}>
-                    {title2}
-                </Text>
-            </TouchableOpacity>
-        </View>
-    </View>)
+  return (<View style={{}}>
+    <View style={[{
+      backgroundColor: '#eeeeef',
+      marginHorizontal: convertX(24),
+      marginVertical: convertX(0),
+      borderRadius: convertX(8.9),
+      flexDirection: 'row',
+    }, style]}>
+      <TouchableOpacity style={
+        [{
+          flex: 1,
+          justifyContent: 'center',
+          alignItems: 'center',
+          margin: convertX(2),
+          borderRadius: convertX(6.9),
+        }, isFirst ?
+          {backgroundColor: '#fff', margin: convertX(2), borderRadius: 6.9} :
+          {backgroundColor: '#eeeeef'}]
+      } onPress={() => setIsFirst(true)}>
+        <Text
+          style={{
+            color: '#000',
+            fontSize: convertX(12),
+            fontFamily: isFirst ? 'helvetica_neue_lt_std_bd' : 'helvetica_neue_lt_std_roman',
+            marginVertical: convertX(10),
+          }}>
+          {title1}
+        </Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        style={
+          [{
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            margin: convertX(2),
+            borderRadius: convertX(6.9),
+          },
+            !isFirst ?
+              {backgroundColor: '#fff'} :
+              {backgroundColor: '#eeeeef'}]
+        }
+        onPress={() => setIsFirst(false)}>
+        <Text
+          style={{
+            color: '#000',
+            fontSize: convertX(12),
+            fontFamily: isFirst ? 'helvetica_neue_lt_std_roman' : 'helvetica_neue_lt_std_bd',
+            marginVertical: convertX(10),
+          }}>
+          {title2}
+        </Text>
+      </TouchableOpacity>
+    </View>
+  </View>)
 }

package/src/components/weekSelect.tsx

@@ -6,90 +6,90 @@ import I18n from '../i18n/index'
 const cx = Utils.RatioUtils.convertX
 
 const repeatPeriod = [
-    {
-        index: 1,
-        title: I18n.getLang('timeschedule_add_schedule_weekday7_text'),
-        enabled: false,
-    }, {
-        index: 2,
-        title: I18n.getLang('timeschedule_add_schedule_weekday1_text'),
-        enabled: false,
-    }, {
-        index: 3,
-        title: I18n.getLang('timeschedule_add_schedule_weekday2_text'),
-        enabled: false,
-    }, {
-        index: 4,
-        title: I18n.getLang('timeschedule_add_schedule_weekday3_text'),
-        enabled: false,
-    }, {
-        index: 5,
-        title: I18n.getLang('timeschedule_add_schedule_weekday4_text'),
-        enabled: false,
-    }, {
-        index: 6,
-        title: I18n.getLang('timeschedule_add_schedule_weekday5_text'),
-        enabled: false,
-    }, {
-        index: 7,
-        title: I18n.getLang('timeschedule_add_schedule_weekday6_text'),
-        enabled: false,
-    },
+  {
+    index: 1,
+    title: I18n.getLang('timeschedule_add_schedule_weekday7_text'),
+    enabled: false,
+  }, {
+    index: 2,
+    title: I18n.getLang('timeschedule_add_schedule_weekday1_text'),
+    enabled: false,
+  }, {
+    index: 3,
+    title: I18n.getLang('timeschedule_add_schedule_weekday2_text'),
+    enabled: false,
+  }, {
+    index: 4,
+    title: I18n.getLang('timeschedule_add_schedule_weekday3_text'),
+    enabled: false,
+  }, {
+    index: 5,
+    title: I18n.getLang('timeschedule_add_schedule_weekday4_text'),
+    enabled: false,
+  }, {
+    index: 6,
+    title: I18n.getLang('timeschedule_add_schedule_weekday5_text'),
+    enabled: false,
+  }, {
+    index: 7,
+    title: I18n.getLang('timeschedule_add_schedule_weekday6_text'),
+    enabled: false,
+  },
 ]
 
 export const setDataSource = (loop) => {
-    return repeatPeriod.map((item, index) => {
-        return {
-            ...item,
-            enabled: loop[index] === 1,
-        }
-    })
+  return repeatPeriod.map((item, index) => {
+    return {
+      ...item,
+      enabled: loop[index] === 1,
+    }
+  })
 }
 
 export default (props) => {
 
-    const {value, onSelect, style} = props
-    const dataSource = setDataSource(value)
+  const {value, onSelect, style} = props
+  const dataSource = setDataSource(value)
 
-    return (<View style={{
-        height: 40,
-    }}>
-        <View
-            style={[{
-                flexDirection: 'row',
-                justifyContent: 'space-between',
-                marginHorizontal: cx(20),
-            }, style]}>
-            {dataSource.map(period => {
-                return (
-                    <TouchableOpacity
-                        key={period.index}
-                        onPress={() => {
-                            onSelect(period.index)
-                        }}>
-                        <View
-                            style={{
-                                width: cx(40),
-                                height: cx(40),
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                                borderRadius: cx(20),
-                                backgroundColor: period.enabled ? '#ffe0d4' : '#fff',
-                                borderWidth: cx(1),
-                                // borderColor: period.enabled ? "#fff" : 'rgba(120, 120, 128, 0.2)'
-                                borderColor: '#f60',
-                            }}>
+  return (<View style={{
+    height: 40,
+  }}>
+    <View
+      style={[{
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginHorizontal: cx(20),
+      }, style]}>
+      {dataSource.map(period => {
+        return (
+          <TouchableOpacity
+            key={period.index}
+            onPress={() => {
+              onSelect(period.index)
+            }}>
+            <View
+              style={{
+                width: cx(40),
+                height: cx(40),
+                justifyContent: 'center',
+                alignItems: 'center',
+                borderRadius: cx(20),
+                backgroundColor: period.enabled ? '#ffe0d4' : '#fff',
+                borderWidth: cx(1),
+                // borderColor: period.enabled ? "#fff" : 'rgba(120, 120, 128, 0.2)'
+                borderColor: '#f60',
+              }}>
 
-                            <Text
-                                style={{
-                                    color: '#f60',
-                                    textAlign: 'center',
-                                }}>{period.title}</Text>
-                        </View>
-                    </TouchableOpacity>
-                )
-            })}
-        </View>
+              <Text
+                style={{
+                  color: '#f60',
+                  textAlign: 'center',
+                }}>{period.title}</Text>
+            </View>
+          </TouchableOpacity>
+        )
+      })}
+    </View>
 
-    </View>)
+  </View>)
 }