@ledvance/ui-biz-bundle 1.1.68 → 1.1.69

package/src/modules/mood/MixMood/MixMoodItem.tsx

@@ -1,134 +1,134 @@
-import React, { useMemo } from 'react'
-import Card from '@ledvance/base/src/components/Card'
-import { SwitchButton, Utils } from 'tuya-panel-kit'
-import { Image, StyleSheet, Text, View, ViewProps, ViewStyle } from 'react-native'
-import { hsv2Hex, mapFloatToRange } from '@ledvance/base/src/utils'
-import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import I18n from '@ledvance/base/src/i18n'
-import MoodColorsLine from '@ledvance/base/src/components/MoodColorsLine'
-import res from '@ledvance/base/src/res'
-import { MixSceneInfo, MixMainLampInfo } from './MixSceneBeans'
-
-const cx = Utils.RatioUtils.convertX
-
-interface MixMoodItemProps extends ViewProps {
-  enable: boolean
-  mixMood: MixSceneInfo
-  onPress?: () => void
-  onSwitch: (enable: boolean) => void
-  style?: ViewStyle
-}
-
-
-const MixMoodItem = (props: MixMoodItemProps) => {
-  const { mixMood } = props
-  const isStaticMood = useMemo(() => {
-    return mixMood.secondlyLamp.nodes?.length === 0
-  }, [mixMood])
-  
-  return (
-    <Card style={[styles.card, props.style]} onPress={props.onPress}>
-      <View>
-        <Spacer height={cx(16)} />
-        <View style={styles.headline}>
-          <Text style={styles.headText}>{mixMood.name}</Text>
-          <SwitchButton value={props.enable} onValueChange={props.onSwitch} thumbStyle={{ elevation: 0 }} />
-        </View>
-        <Spacer />
-        <MixMoodColorsLine mixSubLight={mixMood.mainLamp} colorLight={false} />
-        {!isStaticMood && <>
-          <Spacer height={cx(7)} />
-          <MixMoodColorsLine mixSubLight={mixMood.secondlyLamp} colorLight={true} />
-        </>}
-        <Spacer height={cx(12)} />
-        <View style={styles.moodTypeItem}>
-          <View style={styles.moodTypeLabel}>
-            <Text style={styles.moodTypeLabelText}>
-              {I18n.getLang(isStaticMood ? 'mood_overview_field_chip_text' : 'mood_overview_field_chip_2')}
-            </Text>
-          </View>
-        </View>
-        <Spacer height={cx(16)} />
-      </View>
-    </Card>
-  )
-}
-
-export default MixMoodItem
-
-export function MixMoodColorsLine(props: { mixSubLight: MixMainLampInfo, colorLight: boolean }) {
-  const { mixSubLight, colorLight } = props
-  const lightColors = mixSubLight.nodes?.map(n => {
-    return colorLight ? hsv2Hex(n.h, Math.round(n.s), Math.round(mapFloatToRange(n.v / 100, 50, 100)))
-      : cctToColor(n.colorTemp.toFixed())
-  })
-  return (
-    <View style={styles.gradientItem}>
-      <Spacer height={0} width={cx(16)} />
-      <MoodColorsLine
-        nodeStyle={{ borderColor: '#ccc', borderWidth: 1 }}
-        width={cx(264)}
-        type={!colorLight ? 'separate' : (mixSubLight.mode === 1 ? 'gradient' : 'separate')}
-        colors={lightColors} />
-      <Spacer height={0} width={cx(7)} />
-      <View style={styles.gradientItemIconView}>
-        <Image style={styles.gradientItemIcon} source={res.light_on} />
-      </View>
-      <Spacer height={0} width={cx(16)} />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  card: {
-    marginHorizontal: cx(24),
-  },
-  headline: {
-    flexDirection: 'row',
-    marginHorizontal: cx(16),
-  },
-  headText: {
-    flex: 1,
-    color: '#000',
-    fontSize: cx(16),
-    fontFamily: 'helvetica_neue_lt_std_bd',
-    lineHeight: cx(20),
-  },
-  gradientItem: {
-    flexDirection: 'row',
-  },
-  gradientItemIconView: {
-    width: cx(24),
-    height: cx(24),
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#aaa',
-    borderRadius: cx(8),
-  },
-  gradientItemIcon: {
-    width: cx(16),
-    height: cx(16),
-    tintColor: '#fff',
-  },
-  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 React, { useMemo } from 'react'
+import Card from '@ledvance/base/src/components/Card'
+import { SwitchButton, Utils } from 'tuya-panel-kit'
+import { Image, StyleSheet, Text, View, ViewProps, ViewStyle } from 'react-native'
+import { hsv2Hex, mapFloatToRange } from '@ledvance/base/src/utils'
+import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import I18n from '@ledvance/base/src/i18n'
+import MoodColorsLine from '@ledvance/base/src/components/MoodColorsLine'
+import res from '@ledvance/base/src/res'
+import { MixSceneInfo, MixMainLampInfo } from './MixSceneBeans'
+
+const cx = Utils.RatioUtils.convertX
+
+interface MixMoodItemProps extends ViewProps {
+  enable: boolean
+  mixMood: MixSceneInfo
+  onPress?: () => void
+  onSwitch: (enable: boolean) => void
+  style?: ViewStyle
+}
+
+
+const MixMoodItem = (props: MixMoodItemProps) => {
+  const { mixMood } = props
+  const isStaticMood = useMemo(() => {
+    return mixMood.secondlyLamp.nodes?.length === 0
+  }, [mixMood])
+  
+  return (
+    <Card style={[styles.card, props.style]} onPress={props.onPress}>
+      <View>
+        <Spacer height={cx(16)} />
+        <View style={styles.headline}>
+          <Text style={styles.headText}>{mixMood.name}</Text>
+          <SwitchButton value={props.enable} onValueChange={props.onSwitch} thumbStyle={{ elevation: 0 }} />
+        </View>
+        <Spacer />
+        <MixMoodColorsLine mixSubLight={mixMood.mainLamp} colorLight={false} />
+        {!isStaticMood && <>
+          <Spacer height={cx(7)} />
+          <MixMoodColorsLine mixSubLight={mixMood.secondlyLamp} colorLight={true} />
+        </>}
+        <Spacer height={cx(12)} />
+        <View style={styles.moodTypeItem}>
+          <View style={styles.moodTypeLabel}>
+            <Text style={styles.moodTypeLabelText}>
+              {I18n.getLang(isStaticMood ? 'mood_overview_field_chip_text' : 'mood_overview_field_chip_2')}
+            </Text>
+          </View>
+        </View>
+        <Spacer height={cx(16)} />
+      </View>
+    </Card>
+  )
+}
+
+export default MixMoodItem
+
+export function MixMoodColorsLine(props: { mixSubLight: MixMainLampInfo, colorLight: boolean }) {
+  const { mixSubLight, colorLight } = props
+  const lightColors = mixSubLight.nodes?.map(n => {
+    return colorLight ? hsv2Hex(n.h, Math.round(n.s), Math.round(mapFloatToRange(n.v / 100, 50, 100)))
+      : cctToColor(n.colorTemp.toFixed())
+  })
+  return (
+    <View style={styles.gradientItem}>
+      <Spacer height={0} width={cx(16)} />
+      <MoodColorsLine
+        nodeStyle={{ borderColor: '#ccc', borderWidth: 1 }}
+        width={cx(264)}
+        type={!colorLight ? 'separate' : (mixSubLight.mode === 1 ? 'gradient' : 'separate')}
+        colors={lightColors} />
+      <Spacer height={0} width={cx(7)} />
+      <View style={styles.gradientItemIconView}>
+        <Image style={styles.gradientItemIcon} source={res.light_on} />
+      </View>
+      <Spacer height={0} width={cx(16)} />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  card: {
+    marginHorizontal: cx(24),
+  },
+  headline: {
+    flexDirection: 'row',
+    marginHorizontal: cx(16),
+  },
+  headText: {
+    flex: 1,
+    color: '#000',
+    fontSize: cx(16),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    lineHeight: cx(20),
+  },
+  gradientItem: {
+    flexDirection: 'row',
+  },
+  gradientItemIconView: {
+    width: cx(24),
+    height: cx(24),
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#aaa',
+    borderRadius: cx(8),
+  },
+  gradientItemIcon: {
+    width: cx(16),
+    height: cx(16),
+    tintColor: '#fff',
+  },
+  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),
+  },
+})