@ledvance/base 1.1.13 → 1.1.15

package/src/components/Page.tsx

@@ -1,45 +1,45 @@
-import React, { PropsWithChildren } from 'react'
-import { View, ViewProps } from 'react-native'
+import React, {PropsWithChildren} from 'react'
+import {View, ViewProps} from 'react-native'
 import LDVTopBar from './ldvTopBar'
-import { useNavigation } from '@react-navigation/native'
+import {useNavigation} from '@react-navigation/native'
 import LdvTopName from './ldvTopName'
 
 interface PageProps extends PropsWithChildren<ViewProps> {
-    backText: string
-    onBackClick?: () => void
-    rightButtonIcon?: string
-    rightButtonIconClick?: () => void
-    headlineText?: string
-    headlineIcon?: string | number
-    onHeadlineIconClick?: () => void
-    showGreenery?: boolean
-    greeneryIcon?: string | undefined | number
+  backText: string
+  onBackClick?: () => void
+  rightButtonIcon?: string
+  rightButtonIconClick?: () => void
+  headlineText?: string
+  headlineIcon?: string | number
+  onHeadlineIconClick?: () => void
+  showGreenery?: boolean
+  greeneryIcon?: string | undefined | number
 }
 
 const Page = (props: PageProps) => {
-    const navigation = useNavigation()
+  const navigation = useNavigation()
 
-    return (
-        <View style={[{ flex: 1 }, props.style]}>
-            <LDVTopBar
-                title={props.backText}
-                onBackPress={props.onBackClick || (() => {
-                    navigation.goBack()
-                })} 
-                rightButtonIcon={props.rightButtonIcon}
-                onRightButtonPress={props.rightButtonIconClick}
-            />
-            {props.headlineText &&
-                <LdvTopName
-                    title={props.headlineText}
-                    rightIcon={props.headlineIcon}
-                    rightIconClick={props.onHeadlineIconClick} 
-                    showGreenery={props.showGreenery}
-                    greeneryIcon={props.greeneryIcon}
-                />}
-            {props.children}
-        </View>
-    )
+  return (
+    <View style={[{flex: 1}, props.style]}>
+      <LDVTopBar
+        title={props.backText}
+        onBackPress={props.onBackClick || (() => {
+          navigation.goBack()
+        })}
+        rightButtonIcon={props.rightButtonIcon}
+        onRightButtonPress={props.rightButtonIconClick}
+      />
+      {props.headlineText &&
+          <LdvTopName
+              title={props.headlineText}
+              rightIcon={props.headlineIcon}
+              rightIconClick={props.onHeadlineIconClick}
+              showGreenery={props.showGreenery}
+              greeneryIcon={props.greeneryIcon}
+          />}
+      {props.children}
+    </View>
+  )
 }
 
 export default Page

package/src/components/Popup.tsx

@@ -1,36 +1,36 @@
 import React from 'react'
-import { View, Text, TouchableOpacity } from 'react-native'
-import { Utils, Popup } from 'tuya-panel-kit'
+import {Text, TouchableOpacity, View} from 'react-native'
+import {Popup, Utils} from 'tuya-panel-kit'
 
-const { convertX: cx, height } = Utils.RatioUtils
+const {convertX: cx, height} = Utils.RatioUtils
 
-interface InformationPopupProps{
-    title: string
-    confirmText: string
-    content: any
+interface InformationPopupProps {
+  title: string
+  confirmText: string
+  content: any
 }
 
 const InformationPopup = (props: InformationPopupProps) => {
-    console.log(props, '< --- props')
+  console.log(props, '< --- props')
 
   const titleNode = () => {
     return (
-      <View style={{ flexDirection: 'row', height: cx(60), justifyContent:'space-between' }}>
-        <View style={{ flexDirection: 'column-reverse', flex: 1, alignItems: 'center',paddingLeft: cx(12) }}>
+      <View style={{flexDirection: 'row', height: cx(60), justifyContent: 'space-between'}}>
+        <View style={{flexDirection: 'column-reverse', flex: 1, alignItems: 'center', paddingLeft: cx(12)}}>
           <Text style={{
             fontSize: cx(16),
             fontWeight: 'bold',
             color: '#000000',
             paddingBottom: cx(12),
-            
+
           }}>{props.title}</Text>
         </View>
         <TouchableOpacity
           style={{
             flexDirection: 'column-reverse',
-            alignItems:'center',
+            alignItems: 'center',
             paddingBottom: cx(12),
-            paddingRight: cx(6)
+            paddingRight: cx(6),
           }}
           onPress={() => Popup.close()}
         >
@@ -55,15 +55,15 @@ const InformationPopup = (props: InformationPopupProps) => {
     footer: null,
     confirmText: '',
     cancelText: '',
-    onMaskPress: ({ close }) => {
+    onMaskPress: ({close}) => {
       close()
     },
     onConfirm: () => {
       Popup.close()
     },
-    footerWrapperStyle:{
-      display: 'none'
-    }
+    footerWrapperStyle: {
+      display: 'none',
+    },
   })
 
 

package/src/components/Segmented.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { ViewStyle } from "react-native";
+import { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
 interface SegmentedItem {
     label: ReactNode;
     value: string;

package/src/components/Segmented.tsx

@@ -1,76 +1,77 @@
-import React, { ReactNode } from "react";
-import { View, Text, TouchableOpacity, StyleSheet, ViewStyle } from "react-native";
-import { Utils } from 'tuya-panel-kit'
+import React, {ReactNode} from 'react'
+import {StyleSheet, Text, TouchableOpacity, View, ViewStyle} from 'react-native'
+import {Utils} from 'tuya-panel-kit'
 
-const { convertX: cx } = Utils.RatioUtils
+const {convertX: cx} = Utils.RatioUtils
 
-interface SegmentedItem{
-    label: ReactNode
-    value: string
+interface SegmentedItem {
+  label: ReactNode
+  value: string
 }
-interface SegmentedProps{
-    value?: string | number
-    options?: SegmentedItem[]
-    onChange?: (v:string) => void
-    style?: ViewStyle
+
+interface SegmentedProps {
+  value?: string | number
+  options?: SegmentedItem[]
+  onChange?: (v: string) => void
+  style?: ViewStyle
 }
 
-const Segmented = (props: SegmentedProps) =>{
-    return (
-        <View style={[styles.wrap_container, props.style]}>
-            {props.options && props.options.map((item,idx) => (
-                <TouchableOpacity
-                    style={[
-                        styles.segmented_item,
-                        idx === 0 && styles.segmented_item_first,
-                        idx + 1 === props.options?.length && styles.segmented_item_last,
-                        item.value === props.value && styles.segmented_item_check
-                    ]}
-                    onPress={() => props.onChange && props.onChange(item.value)}
-                    key={idx}
-                >
-                    <Text style={[
-                        styles.segmented_text,
-                        item.value === props.value && styles.segmented_text_check
-                        ]}>{item.label}</Text>
-                </TouchableOpacity>
-            ))}
-        </View>
-    )
+const Segmented = (props: SegmentedProps) => {
+  return (
+    <View style={[styles.wrap_container, props.style]}>
+      {props.options && props.options.map((item, idx) => (
+        <TouchableOpacity
+          style={[
+            styles.segmented_item,
+            idx === 0 && styles.segmented_item_first,
+            idx + 1 === props.options?.length && styles.segmented_item_last,
+            item.value === props.value && styles.segmented_item_check,
+          ]}
+          onPress={() => props.onChange && props.onChange(item.value)}
+          key={idx}
+        >
+          <Text style={[
+            styles.segmented_text,
+            item.value === props.value && styles.segmented_text_check,
+          ]}>{item.label}</Text>
+        </TouchableOpacity>
+      ))}
+    </View>
+  )
 }
 
 export default Segmented
 
 const styles = StyleSheet.create({
-    wrap_container:{
-        flexDirection: 'row',
-        height: cx(42),
-        backgroundColor: '#f6f6f6',
-        padding: cx(2),
-        borderRadius: cx(8)
-    },
-    segmented_item:{
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: '#fff'
-    },
-    segmented_item_first:{
-        borderBottomLeftRadius: cx(8),
-        borderTopLeftRadius: cx(8),
-    },
-    segmented_item_last:{
-        borderBottomRightRadius: cx(8),
-        borderTopRightRadius: cx(8)
-    },
-    segmented_item_check:{
-        backgroundColor: '#f60'
-    },
-    segmented_text:{
-        fontSize: cx(16),
-        color: '#999',
-    },
-    segmented_text_check:{
-        color: '#fff'
-    }
+  wrap_container: {
+    flexDirection: 'row',
+    height: cx(42),
+    backgroundColor: '#f6f6f6',
+    padding: cx(2),
+    borderRadius: cx(8),
+  },
+  segmented_item: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#fff',
+  },
+  segmented_item_first: {
+    borderBottomLeftRadius: cx(8),
+    borderTopLeftRadius: cx(8),
+  },
+  segmented_item_last: {
+    borderBottomRightRadius: cx(8),
+    borderTopRightRadius: cx(8),
+  },
+  segmented_item_check: {
+    backgroundColor: '#f60',
+  },
+  segmented_text: {
+    fontSize: cx(16),
+    color: '#999',
+  },
+  segmented_text_check: {
+    color: '#fff',
+  },
 })

package/src/components/Spacer.tsx

@@ -1,14 +1,14 @@
-import { View, ViewProps } from 'react-native'
+import {View, ViewProps} from 'react-native'
 import React from 'react'
-import { Utils } from 'tuya-panel-kit'
+import {Utils} from 'tuya-panel-kit'
 
 const cx = Utils.RatioUtils.convertX
 
 interface SpacerProps extends ViewProps {
-    width?: number
-    height?: number
+  width?: number
+  height?: number
 }
 
 export default function Spacer(props: SpacerProps) {
-    return <View style={[{ width: props.width, height: props.height || cx(20) }, props.style]} />
+  return <View style={[{width: props.width, height: props.height || cx(20)}, props.style]}/>
 }

package/src/components/Tag.tsx

@@ -1,57 +1,57 @@
-import { Image, StyleSheet, Text, TouchableOpacity, View, ViewProps } from 'react-native'
+import {Image, StyleSheet, Text, TouchableOpacity, View, ViewProps} from 'react-native'
 import React from 'react'
-import { Utils } from 'tuya-panel-kit'
+import {Utils} from 'tuya-panel-kit'
 import res from '../res'
 
 const cx = Utils.RatioUtils.convertX
 
 interface TagProps extends ViewProps {
-    checked: boolean
-    text: string
-    onCheckedChange: (boolean) => void
+  checked: boolean
+  text: string
+  onCheckedChange: (boolean) => void
 }
 
 const Tag = (props: TagProps) => {
-    return (
-        <TouchableOpacity
-            onPress={() => {
-                props.onCheckedChange(!props.checked)
-            }}>
-            <View style={[styles.root, props.checked ? { backgroundColor: '#ffe0d4' } : {}, props.style]}>
-                <Text style={[styles.text, { marginEnd: cx(props.checked ? 4 : 12) }]}>{props.text}</Text>
-                {
-                    props.checked &&
-                    <Image
-                        source={res.ic_arrows_nav_clear}
-                        style={styles.icon} />
-                }
-            </View>
-        </TouchableOpacity>
-    )
+  return (
+    <TouchableOpacity
+      onPress={() => {
+        props.onCheckedChange(!props.checked)
+      }}>
+      <View style={[styles.root, props.checked ? {backgroundColor: '#ffe0d4'} : {}, props.style]}>
+        <Text style={[styles.text, {marginEnd: cx(props.checked ? 4 : 12)}]}>{props.text}</Text>
+        {
+          props.checked &&
+            <Image
+                source={res.ic_arrows_nav_clear}
+                style={styles.icon}/>
+        }
+      </View>
+    </TouchableOpacity>
+  )
 }
 
 const styles = StyleSheet.create({
-    root: {
-        height: cx(24),
-        flexDirection: 'row',
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderWidth: cx(1),
-        borderColor: '#ff6600',
-        borderRadius: cx(12),
-    },
-    text: {
-        marginStart: cx(12),
-        color: '#ff6600',
-        fontSize: cx(14),
-        fontFamily: 'helvetica_neue_lt_std_roman',
-    },
-    icon: {
-        width: cx(12),
-        height: cx(12),
-        marginEnd: cx(6),
-        tintColor: '#F60',
-    },
+  root: {
+    height: cx(24),
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: cx(1),
+    borderColor: '#ff6600',
+    borderRadius: cx(12),
+  },
+  text: {
+    marginStart: cx(12),
+    color: '#ff6600',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  icon: {
+    width: cx(12),
+    height: cx(12),
+    marginEnd: cx(6),
+    tintColor: '#F60',
+  },
 })
 
 export default Tag

package/src/components/TextButton.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
 interface TextButtonProps {
     text: string;
     onPress: () => void;

package/src/components/TextButton.tsx

@@ -1,32 +1,32 @@
-import { TouchableOpacity, Text, StyleProp, ViewStyle, TextStyle } from 'react-native'
+import {StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle} from 'react-native'
 import React from 'react'
-import { Utils } from 'tuya-panel-kit'
+import {Utils} from 'tuya-panel-kit'
 
 const cx = Utils.RatioUtils.convertX
 
 interface TextButtonProps {
-    text: string,
-    onPress: () => void,
-    style?: StyleProp<ViewStyle>
-    textStyle?: StyleProp<TextStyle>
+  text: string,
+  onPress: () => void,
+  style?: StyleProp<ViewStyle>
+  textStyle?: StyleProp<TextStyle>
 }
 
 export default function TextButton(props: TextButtonProps) {
-    return (
-        <TouchableOpacity
-            style={[{
-                justifyContent: 'center',
-                alignItems: 'center',
-                alignSelf: 'center',
-                paddingVertical: cx(8),
-                paddingHorizontal: cx(12),
-            }, props.style]}
-            onPress={props.onPress}>
-            <Text style={[{
-                color: '#f60',
-                fontSize: cx(14),
-                fontFamily: 'helvetica_neue_lt_std_roman',
-            }, props.textStyle]}>{props.text}</Text>
-        </TouchableOpacity>
-    )
+  return (
+    <TouchableOpacity
+      style={[{
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignSelf: 'center',
+        paddingVertical: cx(8),
+        paddingHorizontal: cx(12),
+      }, props.style]}
+      onPress={props.onPress}>
+      <Text style={[{
+        color: '#f60',
+        fontSize: cx(14),
+        fontFamily: 'helvetica_neue_lt_std_roman',
+      }, props.textStyle]}>{props.text}</Text>
+    </TouchableOpacity>
+  )
 }

package/src/components/TextField.tsx

@@ -1,6 +1,6 @@
-import { Image, StyleSheet, Text, TextInput, TextInputProps, TouchableOpacity, View } from 'react-native'
+import {Image, StyleSheet, Text, TextInput, TextInputProps, TouchableOpacity, View} from 'react-native'
 import React from 'react'
-import { Utils } from 'tuya-panel-kit'
+import {Utils} from 'tuya-panel-kit'
 import res from '../res'
 
 const cx = Utils.RatioUtils.convertX
@@ -10,65 +10,65 @@ interface TextFieldProps extends TextInputProps {
 }
 
 const TextField = (props: TextFieldProps) => {
-    return (
-        <View style={props.style}>
-            <Text style={[styles.topTip, { opacity: (!!props.value) ? 1 : 0 }]}>{props.placeholder}</Text>
-            <View style={styles.textInputGroup}>
-                <TextInput{...props} style={styles.textInput} />
-                {!!props.value &&
-                    <TouchableOpacity
-                        style={styles.iconTouchable}
-                        onPress={() => {
-                            props.onChangeText && props.onChangeText('')
-                        }}>
-                        <Image source={{ uri: res.ic_cancel }} style={styles.icon} />
-                    </TouchableOpacity>
-                }
-                <View style={styles.line} />
-            </View>
-        </View>
-    )
+  return (
+    <View style={props.style}>
+      <Text style={[styles.topTip, {opacity: (!!props.value) ? 1 : 0}]}>{props.placeholder}</Text>
+      <View style={styles.textInputGroup}>
+        <TextInput{...props} style={styles.textInput}/>
+        {!!props.value &&
+            <TouchableOpacity
+                style={styles.iconTouchable}
+                onPress={() => {
+                  props.onChangeText && props.onChangeText('')
+                }}>
+                <Image source={{uri: res.ic_cancel}} style={styles.icon}/>
+            </TouchableOpacity>
+        }
+        <View style={styles.line}/>
+      </View>
+    </View>
+  )
 }
 
 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',
-    },
+  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',
+  },
 })
 
 export default TextField

package/src/components/connect.tsx

@@ -7,14 +7,14 @@ type ChildrenType = (props: any) => React.ReactElement | null;
 const Connect = ({children, ...props}: { children: ChildrenType }) => children(props)
 
 export default connect(
-    (state: any, {mapStateToProps}: { mapStateToProps: any }) => mapStateToProps(state),
-    (dispatch: any, {mapDispatchToProps}: { mapDispatchToProps: any }) => {
-        if (typeof mapDispatchToProps === 'object') {
-            return bindActionCreators(mapDispatchToProps, dispatch)
-        }
-        if (typeof mapDispatchToProps === 'function') {
-            return mapDispatchToProps(dispatch)
-        }
-        return {}
-    },
+  (state: any, {mapStateToProps}: { mapStateToProps: any }) => mapStateToProps(state),
+  (dispatch: any, {mapDispatchToProps}: { mapDispatchToProps: any }) => {
+    if (typeof mapDispatchToProps === 'object') {
+      return bindActionCreators(mapDispatchToProps, dispatch)
+    }
+    if (typeof mapDispatchToProps === 'function') {
+      return mapDispatchToProps(dispatch)
+    }
+    return {}
+  },
 )(Connect)