@ledvance/ui-biz-bundle 1.1.68 → 1.1.69

package/src/modules/flags/FlagItem.tsx

@@ -1,91 +1,91 @@
-import { StyleSheet, View, Text, ViewStyle, Image } from 'react-native'
-import React from 'react'
-import Card from '@ledvance/base/src/components/Card'
-import { SwitchButton, Utils } from 'tuya-panel-kit'
-import MoodColorsLine from '@ledvance/base/src/components/MoodColorsLine'
-import Spacer from '@ledvance/base/src/components/Spacer'
-
-const cx = Utils.RatioUtils.convertX
-
-interface RecommendMoodItemProps {
-  enable: boolean
-  title: string
-  colors: string[]
-  icon?: number | string
-  style?: ViewStyle
-  onPress?: () => void
-  onSwitch: (enable: boolean) => void
-}
-
-export default function FlagItem(props: RecommendMoodItemProps) {
-  const icon = typeof props.icon === 'number' ? props.icon : { uri: props.icon }
-
-  return (
-    <Card
-      style={[styles.card, props.style]}
-      onPress={props.onPress}>
-      <View>
-        <Spacer height={cx(16)} />
-        <View style={styles.headline}>
-          <View style={{ flexDirection: 'row', flex: 1, paddingRight: cx(5), justifyContent: 'flex-start' }}>
-            {props.title ? <Text style={styles.headText}>{props.title}</Text> : undefined}
-            {props.icon ? <Image source={icon} style={{ width: cx(60), aspectRatio: 2.14, marginRight: cx(10) }} /> : undefined}
-          </View>
-          <SwitchButton
-            thumbStyle={{ elevation: 0 }}
-            value={props.enable}
-            onValueChange={props.onSwitch} />
-        </View>
-        <Spacer />
-        <View style={styles.gradientItem}>
-          <MoodColorsLine
-            type={'separate'}
-            nodeStyle={{ borderColor: '#ccc', borderWidth: 1 }}
-            colors={props.colors} />
-        </View>
-        <Spacer height={cx(16)} />
-      </View>
-    </Card>
-  )
-}
-
-const styles = StyleSheet.create({
-  card: {
-    marginHorizontal: cx(24),
-  },
-  headline: {
-    flexDirection: 'row',
-    marginHorizontal: cx(16),
-    justifyContent: 'space-between',
-  },
-  headText: {
-    color: '#000',
-    fontSize: cx(16),
-    fontFamily: 'helvetica_neue_lt_std_bd',
-    lineHeight: cx(20),
-    flex: 1
-  },
-  gradientItem: {
-    alignItems: 'center',
-  },
-  gradient: {
-    borderRadius: cx(8),
-  },
-  moodTypeItem: {
-    flexDirection: 'row',
-  },
-  moodTypeLabel: {
-    marginStart: cx(16),
-    paddingHorizontal: cx(12.5),
-    backgroundColor: '#E6E7E8',
-    borderRadius: cx(8),
-  },
-  moodTypeLabelText: {
-    height: cx(16),
-    color: '#000000DD',
-    fontSize: cx(10),
-    textAlignVertical: 'center',
-    fontFamily: 'helvetica_neue_lt_std_roman',
-    lineHeight: cx(16),
-  },
+import { StyleSheet, View, Text, ViewStyle, Image } from 'react-native'
+import React from 'react'
+import Card from '@ledvance/base/src/components/Card'
+import { SwitchButton, Utils } from 'tuya-panel-kit'
+import MoodColorsLine from '@ledvance/base/src/components/MoodColorsLine'
+import Spacer from '@ledvance/base/src/components/Spacer'
+
+const cx = Utils.RatioUtils.convertX
+
+interface RecommendMoodItemProps {
+  enable: boolean
+  title: string
+  colors: string[]
+  icon?: number | string
+  style?: ViewStyle
+  onPress?: () => void
+  onSwitch: (enable: boolean) => void
+}
+
+export default function FlagItem(props: RecommendMoodItemProps) {
+  const icon = typeof props.icon === 'number' ? props.icon : { uri: props.icon }
+
+  return (
+    <Card
+      style={[styles.card, props.style]}
+      onPress={props.onPress}>
+      <View>
+        <Spacer height={cx(16)} />
+        <View style={styles.headline}>
+          <View style={{ flexDirection: 'row', flex: 1, paddingRight: cx(5), justifyContent: 'flex-start' }}>
+            {props.title ? <Text style={styles.headText}>{props.title}</Text> : undefined}
+            {props.icon ? <Image source={icon} style={{ width: cx(60), aspectRatio: 2.14, marginRight: cx(10) }} /> : undefined}
+          </View>
+          <SwitchButton
+            thumbStyle={{ elevation: 0 }}
+            value={props.enable}
+            onValueChange={props.onSwitch} />
+        </View>
+        <Spacer />
+        <View style={styles.gradientItem}>
+          <MoodColorsLine
+            type={'separate'}
+            nodeStyle={{ borderColor: '#ccc', borderWidth: 1 }}
+            colors={props.colors} />
+        </View>
+        <Spacer height={cx(16)} />
+      </View>
+    </Card>
+  )
+}
+
+const styles = StyleSheet.create({
+  card: {
+    marginHorizontal: cx(24),
+  },
+  headline: {
+    flexDirection: 'row',
+    marginHorizontal: cx(16),
+    justifyContent: 'space-between',
+  },
+  headText: {
+    color: '#000',
+    fontSize: cx(16),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    lineHeight: cx(20),
+    flex: 1
+  },
+  gradientItem: {
+    alignItems: 'center',
+  },
+  gradient: {
+    borderRadius: cx(8),
+  },
+  moodTypeItem: {
+    flexDirection: 'row',
+  },
+  moodTypeLabel: {
+    marginStart: cx(16),
+    paddingHorizontal: cx(12.5),
+    backgroundColor: '#E6E7E8',
+    borderRadius: cx(8),
+  },
+  moodTypeLabelText: {
+    height: cx(16),
+    color: '#000000DD',
+    fontSize: cx(10),
+    textAlignVertical: 'center',
+    fontFamily: 'helvetica_neue_lt_std_roman',
+    lineHeight: cx(16),
+  },
 })