@ledvance/base 1.0.35 → 1.0.37

package/src/res/Propup.tsx

@@ -0,0 +1,72 @@
+import React from 'react'
+import { View, Text, TouchableOpacity } from 'react-native'
+import { Utils, Popup } from 'tuya-panel-kit'
+
+const { convertX: cx, height } = Utils.RatioUtils
+
+interface InformationPopupProps{
+    title: string
+    confirmText: string
+    content: any
+}
+
+const InformationPopup = (props: InformationPopupProps) => {
+    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) }}>
+          <Text style={{
+            fontSize: cx(16),
+            fontWeight: 'bold',
+            color: '#000000',
+            paddingBottom: cx(12),
+            
+          }}>{props.title}</Text>
+        </View>
+        <TouchableOpacity
+          style={{
+            flexDirection: 'column-reverse',
+            alignItems:'center',
+            paddingBottom: cx(12),
+            paddingRight: cx(6)
+          }}
+          onPress={() => Popup.close()}
+        >
+          <Text
+            style={{
+              fontSize: cx(12),
+              color: '#FF6600',
+            }}
+          >
+            {props.confirmText}
+          </Text>
+        </TouchableOpacity>
+      </View>
+    )
+  }
+
+  Popup.custom({
+    content: <View style={{height: height - cx(60), padding: cx(24)}}>
+      {props.content}
+    </View>,
+    title: titleNode(),
+    footer: null,
+    confirmText: '',
+    cancelText: '',
+    onMaskPress: ({ close }) => {
+      close()
+    },
+    onConfirm: () => {
+      Popup.close()
+    },
+    footerWrapperStyle:{
+      display: 'none'
+    }
+  })
+
+
+}
+
+export default InformationPopup