@ledvance/base 1.0.4 → 1.0.6

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "scripts": {},
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.6",

package/src/components/Card.d.ts

@@ -3,6 +3,7 @@ import { PropsWithChildren } from 'react';
 interface CardProps extends PropsWithChildren<ViewProps> {
     shadowHeight?: number | undefined;
     onPress?: () => void;
+    onLongPress?: () => void;
     containerStyle?: StyleProp<ViewStyle>;
 }
 export default function Card(props: CardProps): JSX.Element;

package/src/components/Card.tsx

@@ -7,6 +7,7 @@ const cx = Utils.RatioUtils.convertX
 interface CardProps extends PropsWithChildren<ViewProps> {
     shadowHeight?: number | undefined
     onPress?: () => void
+    onLongPress?: () => void
     containerStyle?: StyleProp<ViewStyle>
 }
 
@@ -27,7 +28,7 @@ export default function Card(props: CardProps) {
                 },
                 borderRadius: cx(10),
             }, props.style]}>
-            <TouchableOpacity disabled={!(!!props.onPress)} onPress={props.onPress}>
+            <TouchableOpacity disabled={!(!!props.onPress)} onPress={props.onPress} onLongPress={props.onLongPress}>
                 <View style={props.containerStyle}>{props.children}</View>
             </TouchableOpacity>
         </View>

package/src/components/Page.d.ts

@@ -3,6 +3,8 @@ import { ViewProps } from 'react-native';
 interface PageProps extends PropsWithChildren<ViewProps> {
     backText: string;
     onBackClick?: () => void;
+    rightButtonIcon?: string;
+    rightButtonIconClick?: () => void;
     headlineText?: string;
     headlineIcon?: string;
     onHeadlineIconClick?: () => void;

package/src/components/ldvPickerView.d.ts

@@ -5,6 +5,7 @@ interface LdvPickerViewProps {
     setHour: (string: any) => void;
     setMinute: (string: any) => void;
     style?: StyleProp<ViewStyle> | undefined;
+    unit?: string[];
 }
 declare const LdvPickerView: (props: LdvPickerViewProps) => JSX.Element;
 export default LdvPickerView;

package/src/components/ldvPickerView.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'
+import { StyleProp, StyleSheet, View, ViewStyle, Text } from 'react-native'
 import { Picker, Utils } from 'tuya-panel-kit'
 import _ from 'lodash'
 
@@ -16,15 +16,17 @@ interface LdvPickerViewProps {
     minute: string,
     setHour: (string) => void,
     setMinute: (string) => void,
-    style?: StyleProp<ViewStyle> | undefined
+    style?: StyleProp<ViewStyle> | undefined,
+    unit?:string[]
 }
 
 const LdvPickerView = (props: LdvPickerViewProps) => {
 
-    const { hour, minute, setHour, setMinute } = props
+    const { hour, minute, unit, setHour, setMinute } = props
 
     return (
         <View style={[styles.pickerContainer, props.style]}>
+            <View style={styles.picContainer}>
             <Picker
                 style={[styles.picker, styles.pickerLeft]}
                 theme={pickerTheme}
@@ -37,6 +39,13 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
                     <Picker.Item key={value} value={value} label={value} />
                 ))}
             </Picker>
+            {unit ? <View style={styles.pickerUnit}>
+                    <Text style={{ color: '#000', fontSize: convertX(18) }}>
+                        {unit[0]}
+                    </Text>
+                </View> : null}
+            </View>
+            <View style={styles.picContainer}>
             <Picker
                 style={[styles.picker, styles.pickerLeft]}
                 theme={pickerTheme}
@@ -46,9 +55,14 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
                 onValueChange={value => setMinute(value as string)}>
                 {minutes.map((value) => (
                     <Picker.Item key={value} value={value} label={value} />
-                ))}
+                ))}   
             </Picker>
-
+            {unit ? <View style={styles.pickerUnit}>
+                    <Text style={{ color: '#000', fontSize: convertX(18) }}>
+                        {unit[1]}
+                    </Text>
+                </View> : null}
+            </View>
         </View>
     )
 }
@@ -63,6 +77,15 @@ const styles = StyleSheet.create({
     },
     pickerLeft: {},
     pickerItem: {},
+    picContainer:{
+        flex: 1,
+        position: 'relative'
+    },
+    pickerUnit: {
+        position: 'absolute',
+        right: convertX(20),
+        top: '44%'
+    },
 })
 
 export default LdvPickerView