@ledvance/ui-biz-bundle 1.1.65 → 1.1.66

package/src/newModules/select/SelectPage.tsx

@@ -0,0 +1,138 @@
+import {FlatList, Image, ScrollView, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
+import React from 'react'
+import {useNavigation, useRoute} from '@react-navigation/core'
+import {Utils} from 'tuya-panel-kit'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import I18n from '@ledvance/base/src/i18n'
+import Card from '@ledvance/base/src/components/Card'
+import res from '@ledvance/base/src/res'
+
+const cx = Utils.RatioUtils.convertX
+
+export interface SelectPageData<T> {
+  text: string
+  selected: boolean
+  value: T
+}
+
+export interface SelectPageParams<T> {
+  title: string
+  data: SelectPageData<T>[]
+  onSelect: (selectPageData: SelectPageData<T>) => void
+}
+
+const SelectPage = () => {
+  const params = useRoute().params as SelectPageParams<any>
+  const navigation = useNavigation()
+  return (
+    <View style={styles.root}>
+      <View style={styles.topBar}>
+        <View style={styles.topContent}>
+          <Text style={styles.title}>{params.title}</Text>
+          <TouchableOpacity
+            onPress={() => {
+              navigation.goBack()
+            }}>
+            <Text style={styles.cancel}>{I18n.getLang('auto_scan_system_cancel')}</Text>
+          </TouchableOpacity>
+        </View>
+        <View style={styles.line}/>
+      </View>
+      <ScrollView nestedScrollEnabled={true}>
+        <View>
+          <Spacer height={cx(40)}/>
+          <Card style={styles.card}>
+            <FlatList
+              data={params.data}
+              renderItem={({item}) => {
+                return (
+                  <TouchableOpacity
+                    onPress={() => {
+                      params.onSelect(item)
+                      navigation.goBack()
+                    }}>
+                    <View style={styles.item}>
+                      <Text style={styles.itemText}>{item.text}</Text>
+                      <Image
+                        style={[
+                          styles.itemIcon,
+                          {
+                            opacity: item.selected ? 1 : 0,
+                          },
+                        ]}
+                        source={{uri: res.ic_check}}/>
+                    </View>
+                  </TouchableOpacity>
+                )
+              }}
+              ItemSeparatorComponent={() => <View style={styles.itemLine}/>}
+              keyExtractor={(_, index) => `${index}`}/>
+          </Card>
+          <Spacer height={cx(40)}/>
+        </View>
+      </ScrollView>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+  },
+  topBar: {
+    backgroundColor: '#eaeaea',
+  },
+  line: {
+    height: cx(1),
+    backgroundColor: '#d9d9d9',
+  },
+  topContent: {
+    paddingVertical: cx(30),
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  cancel: {
+    marginStart: cx(16),
+    color: '#f60',
+    fontSize: cx(17),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  title: {
+    width: '100%',
+    position: 'absolute',
+    start: 0,
+    textAlign: 'center',
+    color: '#000',
+    fontSize: cx(17),
+    paddingHorizontal: cx(110),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  card: {
+    marginHorizontal: cx(16),
+  },
+  item: {
+    height: cx(44),
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  itemText: {
+    flex: 1,
+    marginStart: cx(13),
+    color: '#000',
+    fontSize: cx(17),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  itemLine: {
+    height: cx(1),
+    marginStart: cx(13),
+    backgroundColor: '#ccc',
+  },
+  itemIcon: {
+    width: cx(30),
+    height: cx(30),
+    marginEnd: cx(13),
+    tintColor: '#f60',
+  },
+})
+
+export default SelectPage

package/src/newModules/mood/tools.ts

@@ -1,12 +0,0 @@
-import { Dialog } from 'tuya-panel-kit'
-import Strings from '@ledvance/base/src/i18n'
-
-export const showDeleteMoodDialog = (onConfirm: (data: any, args: { close: () => void }) => void) => {
-    Dialog.confirm({
-        title: Strings.getLang('string_light_pp_dialog_sm_ed_headline_d'),
-        subTitle: Strings.getLang(`strip_light_static_mood_edit_dialog_text`),
-        cancelText: Strings.getLang('cancel_dialog_delete_item_sleepschedule_answer_no_text'),
-        confirmText: Strings.getLang('cancel_dialog_delete_item_sleepschedule_answer_yes_text'),
-        onConfirm: onConfirm,
-    })
-}