@ledvance/ui-biz-bundle 1.1.69 → 1.1.71

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

@@ -1,69 +1,69 @@
-import React from 'react'
-import { Utils } from 'tuya-panel-kit'
-import Card from '@ledvance/base/src/components/Card'
-import { CellContent } from '@ledvance/base/src/components/Cell'
-import { StyleSheet, View } from 'react-native'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import { MixSceneInfo } from './MixSceneBeans'
-import { MixMoodColorsLine } from './MixMoodItem'
-
-const cx = Utils.RatioUtils.convertX
-
-interface RecommendMixMoodItemProps {
-  title: string
-  isStatic: boolean
-  mixMood?: MixSceneInfo
-  onPress: () => void
-}
-
-const RecommendMixMoodItem = (props: RecommendMixMoodItemProps) => {
-  const { mixMood, isStatic } = props
-
-  return (
-    <Card style={styles.root} onPress={props.onPress}>
-      <CellContent
-        title={props.title}
-        value={''}
-        style={styles.content}
-        titleStyle={styles.title}
-        iconStyle={{
-          color: '#000',
-          size: cx(16),
-        }} />
-      {!!mixMood &&
-        (<>
-          <View style={styles.lineStyle}>
-            <MixMoodColorsLine mixSubLight={mixMood?.mainLamp} colorLight={false} />
-            <Spacer height={cx(7)} />
-            {!isStatic && <MixMoodColorsLine mixSubLight={mixMood?.secondlyLamp} colorLight={true} />}
-          </View>
-          <Spacer height={cx(24)} />
-        </>
-        )
-      }
-    </Card>
-  )
-}
-
-const styles = StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginHorizontal: cx(24),
-  },
-  content: {
-    height: cx(56),
-    marginHorizontal: cx(16),
-    width: cx(295)
-  },
-  title: {
-    color: '#000',
-    fontSize: cx(16),
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  lineStyle: {
-    alignItems: 'center',
-  },
-})
-
-export default RecommendMixMoodItem
+import React from 'react'
+import { Utils } from 'tuya-panel-kit'
+import Card from '@ledvance/base/src/components/Card'
+import { CellContent } from '@ledvance/base/src/components/Cell'
+import { StyleSheet, View } from 'react-native'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import { MixSceneInfo } from './MixSceneBeans'
+import { MixMoodColorsLine } from './MixMoodItem'
+
+const cx = Utils.RatioUtils.convertX
+
+interface RecommendMixMoodItemProps {
+  title: string
+  isStatic: boolean
+  mixMood?: MixSceneInfo
+  onPress: () => void
+}
+
+const RecommendMixMoodItem = (props: RecommendMixMoodItemProps) => {
+  const { mixMood, isStatic } = props
+
+  return (
+    <Card style={styles.root} onPress={props.onPress}>
+      <CellContent
+        title={props.title}
+        value={''}
+        style={styles.content}
+        titleStyle={styles.title}
+        iconStyle={{
+          color: '#000',
+          size: cx(16),
+        }} />
+      {!!mixMood &&
+        (<>
+          <View style={styles.lineStyle}>
+            <MixMoodColorsLine mixSubLight={mixMood?.mainLamp} colorLight={false} />
+            <Spacer height={cx(7)} />
+            {!isStatic && <MixMoodColorsLine mixSubLight={mixMood?.secondlyLamp} colorLight={true} />}
+          </View>
+          <Spacer height={cx(24)} />
+        </>
+        )
+      }
+    </Card>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginHorizontal: cx(24),
+  },
+  content: {
+    height: cx(56),
+    marginHorizontal: cx(16),
+    width: cx(295)
+  },
+  title: {
+    color: '#000',
+    fontSize: cx(16),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  lineStyle: {
+    alignItems: 'center',
+  },
+})
+
+export default RecommendMixMoodItem

package/src/modules/mood/MixMood/Router.ts

@@ -1,44 +1,44 @@
-import {NavigationRoute, TransitionPresets} from "tuya-panel-kit";
-import MixMoodPage from "./MixMoodPage";
-import MixMoodEditPage from "./MixMoodEditPage";
-import AddMixMoodPage from "./AddMixMoodPage";
-import SelectPage from "../../select/SelectPage";
-import {ui_biz_routerKey} from "../../../navigation/Routers";
-
-const MixMoodRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_mix_mood,
-    component: MixMoodPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    }
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_mix_mood_edit,
-    component: MixMoodEditPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_mix_mood_add,
-    component: AddMixMoodPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_select_page,
-    component: SelectPage,
-    options: {
-      gesture: true,
-      hideTopbar: true,
-      ...TransitionPresets.ModalPresentationIOS,
-    },
-  },
-]
-
-export default MixMoodRouters
+import {NavigationRoute, TransitionPresets} from "tuya-panel-kit";
+import MixMoodPage from "./MixMoodPage";
+import MixMoodEditPage from "./MixMoodEditPage";
+import AddMixMoodPage from "./AddMixMoodPage";
+import SelectPage from "../../select/SelectPage";
+import {ui_biz_routerKey} from "../../../navigation/Routers";
+
+const MixMoodRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.ui_biz_mix_mood,
+    component: MixMoodPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  },
+  {
+    name: ui_biz_routerKey.ui_biz_mix_mood_edit,
+    component: MixMoodEditPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.ui_biz_mix_mood_add,
+    component: AddMixMoodPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.ui_biz_select_page,
+    component: SelectPage,
+    options: {
+      gesture: true,
+      hideTopbar: true,
+      ...TransitionPresets.ModalPresentationIOS,
+    },
+  },
+]
+
+export default MixMoodRouters

package/src/modules/mood/MoodItem.d.ts

@@ -1,11 +1,11 @@
-import { ViewProps, ViewStyle } from 'react-native';
-import { SceneUIState } from '../scene/SceneInfo';
-interface MoodItemProps extends ViewProps {
-    enable: boolean;
-    mood: SceneUIState;
-    style?: ViewStyle;
-    onPress?: () => void;
-    onSwitch: (enable: boolean) => void;
-}
-declare const MoodItem: (props: MoodItemProps) => any;
-export default MoodItem;
+import { ViewProps, ViewStyle } from 'react-native';
+import { SceneUIState } from '../scene/SceneInfo';
+interface MoodItemProps extends ViewProps {
+    enable: boolean;
+    mood: SceneUIState;
+    style?: ViewStyle;
+    onPress?: () => void;
+    onSwitch: (enable: boolean) => void;
+}
+declare const MoodItem: (props: MoodItemProps) => any;
+export default MoodItem;

package/src/modules/mood/MoodItem.tsx

@@ -1,114 +1,114 @@
-import React, { useEffect } from 'react'
-import { StyleSheet, Text, View, ViewProps, ViewStyle } from 'react-native'
-import { SceneNodeTransitionMode, SceneUIState } from '../scene/SceneInfo'
-import { SwitchButton, Utils } from 'tuya-panel-kit'
-import Strings from '@ledvance/base/src/i18n'
-import { useReactive } from 'ahooks'
-import { hsv2Hex } from '@ledvance/base/src/utils'
-import {cctToColor} from '@ledvance/base/src/utils/cctUtils'
-import {mapFloatToRange} from '@ledvance/base/src/utils'
-import Card from '@ledvance/base/src/components/Card'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import MoodColorsLine from '@ledvance/base/src/components/MoodColorsLine'
-
-const cx = Utils.RatioUtils.convertX
-
-interface MoodItemProps extends ViewProps {
-    enable: boolean
-    mood: SceneUIState
-    style?: ViewStyle
-    onPress?: () => void
-    onSwitch: (enable: boolean) => void
-}
-
-const MoodItem = (props: MoodItemProps) => {
-    const { mood } = props
-    const state = useReactive<{ colors: string[] }>({
-        colors: [],
-    })
-
-    useEffect(() => {
-        state.colors = props.mood.nodes.map(node => {
-            if (node.isColorNode) {
-                return hsv2Hex(node.h, Math.round(node.s), Math.round(mapFloatToRange(node.v / 100, 50, 100)))
-            }
-            return cctToColor(node.colorTemp.toFixed())
-        })
-    }, [props.mood.nodes])
-
-    return (
-        <Card
-            style={[styles.card, props.style]}
-            onPress={props.onPress}>
-            <View>
-                <Spacer height={cx(16)} />
-                <View style={styles.headline}>
-                    <Text style={styles.headText}>{mood.name}</Text>
-                    <SwitchButton
-                        thumbStyle={{ elevation: 0 }}
-                        value={props.enable}
-                        onValueChange={props.onSwitch} />
-                </View>
-                <Spacer />
-                <View style={styles.gradientItem}>
-                    <MoodColorsLine
-                        nodeStyle={{ borderColor: '#ccc', borderWidth: 1 }}
-                        type={mood.nodes[0].transitionMode === SceneNodeTransitionMode.Gradient ? 'gradient' : 'separate'}
-                        colors={state.colors} />
-                </View>
-                <Spacer height={cx(12)} />
-                <View style={styles.moodTypeItem}>
-                    <View style={styles.moodTypeLabel}>
-                        <Text style={styles.moodTypeLabelText}>
-                            {Strings.getLang(mood.nodes.length > 1 ? 'mood_overview_field_chip_2' : 'mood_overview_field_chip_text')}
-                        </Text>
-                    </View>
-                </View>
-                <Spacer height={cx(16)} />
-            </View>
-        </Card>
-    )
-}
-
-export default MoodItem
-
-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: {
-        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 React, { useEffect } from 'react'
+import { StyleSheet, Text, View, ViewProps, ViewStyle } from 'react-native'
+import { SceneNodeTransitionMode, SceneUIState } from '../scene/SceneInfo'
+import { SwitchButton, Utils } from 'tuya-panel-kit'
+import Strings from '@ledvance/base/src/i18n'
+import { useReactive } from 'ahooks'
+import { hsv2Hex } from '@ledvance/base/src/utils'
+import {cctToColor} from '@ledvance/base/src/utils/cctUtils'
+import {mapFloatToRange} from '@ledvance/base/src/utils'
+import Card from '@ledvance/base/src/components/Card'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import MoodColorsLine from '@ledvance/base/src/components/MoodColorsLine'
+
+const cx = Utils.RatioUtils.convertX
+
+interface MoodItemProps extends ViewProps {
+    enable: boolean
+    mood: SceneUIState
+    style?: ViewStyle
+    onPress?: () => void
+    onSwitch: (enable: boolean) => void
+}
+
+const MoodItem = (props: MoodItemProps) => {
+    const { mood } = props
+    const state = useReactive<{ colors: string[] }>({
+        colors: [],
+    })
+
+    useEffect(() => {
+        state.colors = props.mood.nodes.map(node => {
+            if (node.isColorNode) {
+                return hsv2Hex(node.h, Math.round(node.s), Math.round(mapFloatToRange(node.v / 100, 50, 100)))
+            }
+            return cctToColor(node.colorTemp.toFixed())
+        })
+    }, [props.mood.nodes])
+
+    return (
+        <Card
+            style={[styles.card, props.style]}
+            onPress={props.onPress}>
+            <View>
+                <Spacer height={cx(16)} />
+                <View style={styles.headline}>
+                    <Text style={styles.headText}>{mood.name}</Text>
+                    <SwitchButton
+                        thumbStyle={{ elevation: 0 }}
+                        value={props.enable}
+                        onValueChange={props.onSwitch} />
+                </View>
+                <Spacer />
+                <View style={styles.gradientItem}>
+                    <MoodColorsLine
+                        nodeStyle={{ borderColor: '#ccc', borderWidth: 1 }}
+                        type={mood.nodes[0].transitionMode === SceneNodeTransitionMode.Gradient ? 'gradient' : 'separate'}
+                        colors={state.colors} />
+                </View>
+                <Spacer height={cx(12)} />
+                <View style={styles.moodTypeItem}>
+                    <View style={styles.moodTypeLabel}>
+                        <Text style={styles.moodTypeLabelText}>
+                            {Strings.getLang(mood.nodes.length > 1 ? 'mood_overview_field_chip_2' : 'mood_overview_field_chip_text')}
+                        </Text>
+                    </View>
+                </View>
+                <Spacer height={cx(16)} />
+            </View>
+        </Card>
+    )
+}
+
+export default MoodItem
+
+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: {
+        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),
+    },
+})
+

package/src/modules/mood/MoodPage.d.ts

@@ -1,16 +1,16 @@
-export interface MoodPageProps {
-    switchLedDpCode: string;
-    sceneDpCode: string;
-    workModeDpCode: string;
-    isRGBWLamp?: boolean;
-    isRGBLamp?: boolean;
-    isOnlyRGBLamp?: boolean;
-    isFanLamp?: boolean;
-    isTWLamp?: boolean;
-    isDIMLamp?: boolean;
-    isSupportColor: boolean;
-    isSupportTemperature: boolean;
-    isSupportBrightness: boolean;
-}
-declare const MoodPage: () => any;
-export default MoodPage;
+export interface MoodPageProps {
+    switchLedDpCode: string;
+    sceneDpCode: string;
+    workModeDpCode: string;
+    isRGBWLamp?: boolean;
+    isRGBLamp?: boolean;
+    isOnlyRGBLamp?: boolean;
+    isFanLamp?: boolean;
+    isTWLamp?: boolean;
+    isDIMLamp?: boolean;
+    isSupportColor: boolean;
+    isSupportTemperature: boolean;
+    isSupportBrightness: boolean;
+}
+declare const MoodPage: () => any;
+export default MoodPage;