@ledvance/base 1.0.33 → 1.0.35

package/package.json

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

package/src/components/DeleteButton.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import { TouchableOpacity, Text, StyleProp, ViewStyle, TextStyle } from 'react-native'
+import { Utils } from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+interface DeleteButtonProps {
+    text: string,
+    onPress: () => void,
+    style?: StyleProp<ViewStyle>,
+    textStyle?: StyleProp<TextStyle>
+}
+
+const DeleteButton = (props: DeleteButtonProps) => {
+    const { text, onPress, style, textStyle } = props
+    return (
+        <TouchableOpacity
+            onPress={onPress}
+            style={[{
+                width: '100%',
+                height: cx(50),
+                backgroundColor: '#666',
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderRadius: cx(8)
+            }, style]}
+        >
+            <Text style={[{
+                color: '#fff',
+                fontSize: cx(16),
+                fontFamily: 'helvetica_neue_lt_std_bd'
+            }, textStyle]}>{text}</Text>
+        </TouchableOpacity>
+    )
+}
+
+export default DeleteButton

package/src/components/Page.tsx

@@ -10,10 +10,10 @@ interface PageProps extends PropsWithChildren<ViewProps> {
     rightButtonIcon?: string
     rightButtonIconClick?: () => void
     headlineText?: string
-    headlineIcon?: string
+    headlineIcon?: string | number
     onHeadlineIconClick?: () => void
     showGreenery?: boolean
-    greeneryIcon?: string | undefined
+    greeneryIcon?: string | undefined | number
 }
 
 const Page = (props: PageProps) => {

package/src/components/ldvTopName.tsx

@@ -6,13 +6,15 @@ const cx = Utils.RatioUtils.convertX
 
 interface LdvTopNameProps {
     title: string,
-    rightIcon?: string | undefined,
+    rightIcon?: string | undefined | number,
     rightIconClick?: () => void
     showGreenery?: boolean
-    greeneryIcon?: string | undefined 
+    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
@@ -22,12 +24,12 @@ const LdvTopName = (props: LdvTopNameProps) => {
                     alignItems: 'center',
                     marginTop: cx(38),
                 }}>
-                <View style={{ flexDirection: 'row' }}>
+                <View style={{ flexDirection: 'row', flex: 1 }}>
                     <Text style={styles.title}>
                         {props.title}
                     </Text>
                     {props.showGreenery && <Image
-                        source={{uri : props.greeneryIcon}}
+                        source={greeneryIcon}
                         resizeMode="contain"
                         style={{ height: cx(16), width: cx(16), left: 0 }}
                     /> || null}
@@ -36,7 +38,7 @@ const LdvTopName = (props: LdvTopNameProps) => {
                     onPress={props.rightIconClick}>
                     <Image
                         style={{ width: cx(24), height: cx(24), tintColor: '#ff6600' }}
-                        source={{ uri: props.rightIcon }} />
+                        source={rightIcon} />
                 </TouchableOpacity>}
             </View>
         </View>
@@ -49,7 +51,6 @@ const styles = StyleSheet.create({
         marginBottom: cx(12),
     },
     title: {
-        flex: 1,
         color: '#f60',
         fontSize: cx(24),
     },