@ledvance/ui-biz-bundle 1.1.67 → 1.1.69

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

@@ -1,248 +1,248 @@
-import React from 'react'
-import { FlatList, StyleSheet, Text, View } from 'react-native'
-import { MixSceneInfo } from './MixSceneBeans'
-import Page from '@ledvance/base/src/components/Page'
-import { Utils } from 'tuya-panel-kit'
-import { useNavigation, useRoute } from '@react-navigation/native'
-import { useCreation, useReactive } from 'ahooks'
-import I18n from '@ledvance/base/src/i18n'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import RecommendMixMoodItem from './RecommendMixMoodItem'
-import { SceneNodeTransitionMode } from '@ledvance/ui-biz-bundle/src/modules/scene/SceneInfo'
-import { ui_biz_routerKey } from '../../../navigation/Routers'
-import { difference, head, map, range } from 'lodash'
-import { Result } from '@ledvance/base/src/models/modules/Result'
-import { MixMoodPageProps } from './MixMoodPage'
-
-const cx = Utils.RatioUtils.convertX
-
-export interface AddMixMoodPageParams {
-  isStatic: boolean,
-  mixMoods: MixSceneInfo[],
-  modDeleteFlag: (mode: 'add' | 'edit' | 'del', isStatic: boolean, currentMood: MixSceneInfo) => Promise<Result<any>>
-  moduleParams: MixMoodPageProps
-}
-
-interface RecommendMixMood {
-  title: string
-  mixMood?: MixSceneInfo
-}
-
-interface AddMoodPageState {
-  recommendMixMoods: RecommendMixMood[]
-}
-
-const AddMixMoodPage = () => {
-  const navigation = useNavigation()
-  const routeParams = useRoute().params as AddMixMoodPageParams
-  const { mainId, secondlyId } = useCreation(() => {
-    const mixMoods: any[] = []
-    routeParams.mixMoods.forEach(mix => {
-      mixMoods.push(mix.mainLamp)
-      mixMoods.push(mix.secondlyLamp)
-    })
-    const useIds = map(mixMoods, 'id')
-    const idRange = range(0, 256)
-    const mainId: number = head(difference(idRange, useIds)) ?? -1
-    useIds.push(mainId)
-    const secondlyId: number = head(difference(idRange, useIds)) ?? -1
-    return { mainId, secondlyId }
-  }, [routeParams.mixMoods])
-  const state = useReactive<AddMoodPageState>({
-    recommendMixMoods: getRecommendMixMoods(routeParams.isStatic, mainId, secondlyId),
-  })
-
-  return (
-    <Page
-      backText={I18n.getLang('add_new_static_mood_system_back')}
-      headlineText={I18n.getLang(routeParams.isStatic ? 'add_new_static_mood_headline_text' : 'add_new_dynamic_mood_headline_text')}>
-      <View style={styles.root}>
-        <Text style={styles.desc}>
-          {I18n.getLang(routeParams.isStatic ? 'add_new_static_mood_description_text' : 'add_new_dynamic_mood_description_text')}
-        </Text>
-        <FlatList
-          style={{ flex: 1 }}
-          data={state.recommendMixMoods}
-          renderItem={({ item }) => {
-            return (
-              <RecommendMixMoodItem
-                title={item.title}
-                mixMood={item.mixMood}
-                isStatic={routeParams.isStatic}
-                onPress={() => {
-                  const params = {
-                    mode: 'add',
-                    isStatic: routeParams.isStatic,
-                    currentMood: !!item.mixMood ? item.mixMood : newMixMood(mainId, secondlyId, routeParams.isStatic),
-                    moods: routeParams.mixMoods,
-                    modDeleteFlag: routeParams.modDeleteFlag,
-                    moduleParams: routeParams.moduleParams
-                  }
-                  navigation.navigate(ui_biz_routerKey.ui_biz_mix_mood_edit, params)
-                }} />
-            )
-          }}
-          ItemSeparatorComponent={() => <Spacer />}
-          ListHeaderComponent={() => <Spacer />}
-          ListFooterComponent={() => <Spacer />}
-          keyExtractor={item => item.title} />
-      </View>
-    </Page>
-  )
-}
-
-export const defSecondly = {
-  id: -1,
-  speed: 100,
-  mode: 10,
-  nodes: [],
-  version: 0,
-  expand: 0,
-  reserved1: 0,
-  reserved2: 0,
-  segmented: 0,
-  loop: 0,
-  excessive: 0,
-  direction: 0,
-}
-
-const node = { h: 0, s: 100, v: 100, brightness: 100, colorTemp: 0 }
-
-function newMixMood(mainId: number, secondlyId: number, isStatic: boolean): MixSceneInfo {
-  return {
-    name: '',
-    mainLamp: {
-      id: mainId,
-      speed: 100,
-      mode: isStatic ? SceneNodeTransitionMode.Static : 1,
-      nodes: isStatic ? [{...node}] : [{...node}, {...node}]
-    },
-    secondlyLamp: {
-      ...defSecondly,
-      id: secondlyId,
-      speed: 100,
-      mode: 10,
-      nodes: [{...node, isColorNode: true}, {...node, isColorNode: true}]
-    }
-  }
-}
-
-function getRecommendMixMoods(isStatic: boolean, mainId: number, secondlyId: number): RecommendMixMood[] {
-  if (isStatic) {
-    return [
-      {
-        title: I18n.getLang('add_new_static_mood_field_headline_text1'),
-      },
-      {
-        title: I18n.getLang('add_new_static_mood_field_headline_text2'),
-        mixMood: {
-          name: I18n.getLang('add_new_static_mood_field_headline_text2'),
-          mainLamp: {
-            id: mainId,
-            mode: SceneNodeTransitionMode.Static,
-            speed: 0,
-            nodes: [
-              { h: 0, s: 0, v: 0, brightness: 100, colorTemp: 20 }
-            ]
-          },
-          secondlyLamp: {
-            ...defSecondly,
-            id: -1,
-            speed: 100,
-            mode: 10,
-            nodes: []
-          }
-        },
-      },
-      {
-        title: I18n.getLang('add_new_dynamic_mood_field_headline_text3'),
-        mixMood: {
-          name: I18n.getLang('add_new_dynamic_mood_field_headline_text3'),
-          mainLamp: {
-            id: mainId,
-            mode: SceneNodeTransitionMode.Static,
-            speed: 0,
-            nodes: [
-              { h: 0, s: 0, v: 0, brightness: 100, colorTemp: 40 },
-            ]
-          },
-          secondlyLamp: {
-            ...defSecondly,
-            id: -1,
-            speed: 100,
-            mode: 10,
-            nodes: []
-          }
-        },
-      },
-      {
-        title: I18n.getLang('add_new_static_mood_field_headline_text4'),
-        mixMood: {
-          name: I18n.getLang('add_new_static_mood_field_headline_text4'),
-          mainLamp: {
-            id: mainId,
-            mode: SceneNodeTransitionMode.Static,
-            speed: 0,
-            nodes: [
-              { h: 0, s: 0, v: 0, brightness: 100, colorTemp: 50 },
-            ]
-          },
-          secondlyLamp: {
-            ...defSecondly,
-            id: -1,
-            speed: 100,
-            mode: 10,
-            nodes: []
-          }
-        },
-      },
-    ]
-  }
-  return [
-    {
-      title: I18n.getLang('add_new_static_mood_field_headline_text1'),
-    },
-    {
-      title: I18n.getLang('add_new_static_mood_field_headline_text2'),
-      mixMood: {
-        name: I18n.getLang('add_new_static_mood_field_headline_text2'),
-        mainLamp: {
-          id: mainId,
-          speed: 14,
-          mode: SceneNodeTransitionMode.Jump,
-          nodes: [
-            { h: 0, s: 0, v: 0, brightness: 30, colorTemp: 30 },
-            { h: 0, s: 0, v: 0, brightness: 60, colorTemp: 60 },
-            { h: 0, s: 0, v: 0, brightness: 90, colorTemp: 90 }
-          ]
-        },
-        secondlyLamp: {
-          ...defSecondly,
-          id: secondlyId,
-          speed: 14,
-          mode: 10,
-          nodes: [
-            { h: 60, s: 20, v: 100, brightness: 0, colorTemp: 0, isColorNode: true },
-            { h: 180, s: 40, v: 100, brightness: 0, colorTemp: 0, isColorNode: true },
-            { h: 300, s: 60, v: 100, brightness: 0, colorTemp: 0, isColorNode: true },
-          ]
-        },
-      },
-    },
-  ]
-}
-
-const styles = StyleSheet.create({
-  root: {
-    flex: 1,
-    flexDirection: 'column',
-  },
-  desc: {
-    color: '#000',
-    fontSize: cx(16),
-    marginHorizontal: cx(24),
-    marginTop: cx(12),
-  },
-})
-
+import React from 'react'
+import { FlatList, StyleSheet, Text, View } from 'react-native'
+import { MixSceneInfo } from './MixSceneBeans'
+import Page from '@ledvance/base/src/components/Page'
+import { Utils } from 'tuya-panel-kit'
+import { useNavigation, useRoute } from '@react-navigation/native'
+import { useCreation, useReactive } from 'ahooks'
+import I18n from '@ledvance/base/src/i18n'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import RecommendMixMoodItem from './RecommendMixMoodItem'
+import { SceneNodeTransitionMode } from '@ledvance/ui-biz-bundle/src/modules/scene/SceneInfo'
+import { ui_biz_routerKey } from '../../../navigation/Routers'
+import { difference, head, map, range } from 'lodash'
+import { Result } from '@ledvance/base/src/models/modules/Result'
+import { MixMoodPageProps } from './MixMoodPage'
+
+const cx = Utils.RatioUtils.convertX
+
+export interface AddMixMoodPageParams {
+  isStatic: boolean,
+  mixMoods: MixSceneInfo[],
+  modDeleteFlag: (mode: 'add' | 'edit' | 'del', isStatic: boolean, currentMood: MixSceneInfo) => Promise<Result<any>>
+  moduleParams: MixMoodPageProps
+}
+
+interface RecommendMixMood {
+  title: string
+  mixMood?: MixSceneInfo
+}
+
+interface AddMoodPageState {
+  recommendMixMoods: RecommendMixMood[]
+}
+
+const AddMixMoodPage = () => {
+  const navigation = useNavigation()
+  const routeParams = useRoute().params as AddMixMoodPageParams
+  const { mainId, secondlyId } = useCreation(() => {
+    const mixMoods: any[] = []
+    routeParams.mixMoods.forEach(mix => {
+      mixMoods.push(mix.mainLamp)
+      mixMoods.push(mix.secondlyLamp)
+    })
+    const useIds = map(mixMoods, 'id')
+    const idRange = range(0, 256)
+    const mainId: number = head(difference(idRange, useIds)) ?? -1
+    useIds.push(mainId)
+    const secondlyId: number = head(difference(idRange, useIds)) ?? -1
+    return { mainId, secondlyId }
+  }, [routeParams.mixMoods])
+  const state = useReactive<AddMoodPageState>({
+    recommendMixMoods: getRecommendMixMoods(routeParams.isStatic, mainId, secondlyId),
+  })
+
+  return (
+    <Page
+      backText={I18n.getLang('add_new_static_mood_system_back')}
+      headlineText={I18n.getLang(routeParams.isStatic ? 'add_new_static_mood_headline_text' : 'add_new_dynamic_mood_headline_text')}>
+      <View style={styles.root}>
+        <Text style={styles.desc}>
+          {I18n.getLang(routeParams.isStatic ? 'add_new_static_mood_description_text' : 'add_new_dynamic_mood_description_text')}
+        </Text>
+        <FlatList
+          style={{ flex: 1 }}
+          data={state.recommendMixMoods}
+          renderItem={({ item }) => {
+            return (
+              <RecommendMixMoodItem
+                title={item.title}
+                mixMood={item.mixMood}
+                isStatic={routeParams.isStatic}
+                onPress={() => {
+                  const params = {
+                    mode: 'add',
+                    isStatic: routeParams.isStatic,
+                    currentMood: !!item.mixMood ? item.mixMood : newMixMood(mainId, secondlyId, routeParams.isStatic),
+                    moods: routeParams.mixMoods,
+                    modDeleteFlag: routeParams.modDeleteFlag,
+                    moduleParams: routeParams.moduleParams
+                  }
+                  navigation.navigate(ui_biz_routerKey.ui_biz_mix_mood_edit, params)
+                }} />
+            )
+          }}
+          ItemSeparatorComponent={() => <Spacer />}
+          ListHeaderComponent={() => <Spacer />}
+          ListFooterComponent={() => <Spacer />}
+          keyExtractor={item => item.title} />
+      </View>
+    </Page>
+  )
+}
+
+export const defSecondly = {
+  id: -1,
+  speed: 100,
+  mode: 10,
+  nodes: [],
+  version: 0,
+  expand: 0,
+  reserved1: 0,
+  reserved2: 0,
+  segmented: 0,
+  loop: 0,
+  excessive: 0,
+  direction: 0,
+}
+
+const node = { h: 0, s: 100, v: 100, brightness: 100, colorTemp: 0 }
+
+function newMixMood(mainId: number, secondlyId: number, isStatic: boolean): MixSceneInfo {
+  return {
+    name: '',
+    mainLamp: {
+      id: mainId,
+      speed: 100,
+      mode: isStatic ? SceneNodeTransitionMode.Static : 1,
+      nodes: isStatic ? [{...node}] : [{...node}, {...node}]
+    },
+    secondlyLamp: {
+      ...defSecondly,
+      id: secondlyId,
+      speed: 100,
+      mode: 10,
+      nodes: [{...node, isColorNode: true}, {...node, isColorNode: true}]
+    }
+  }
+}
+
+function getRecommendMixMoods(isStatic: boolean, mainId: number, secondlyId: number): RecommendMixMood[] {
+  if (isStatic) {
+    return [
+      {
+        title: I18n.getLang('add_new_static_mood_field_headline_text1'),
+      },
+      {
+        title: I18n.getLang('add_new_static_mood_field_headline_text2'),
+        mixMood: {
+          name: I18n.getLang('add_new_static_mood_field_headline_text2'),
+          mainLamp: {
+            id: mainId,
+            mode: SceneNodeTransitionMode.Static,
+            speed: 0,
+            nodes: [
+              { h: 0, s: 0, v: 0, brightness: 100, colorTemp: 20 }
+            ]
+          },
+          secondlyLamp: {
+            ...defSecondly,
+            id: -1,
+            speed: 100,
+            mode: 10,
+            nodes: []
+          }
+        },
+      },
+      {
+        title: I18n.getLang('add_new_dynamic_mood_field_headline_text3'),
+        mixMood: {
+          name: I18n.getLang('add_new_dynamic_mood_field_headline_text3'),
+          mainLamp: {
+            id: mainId,
+            mode: SceneNodeTransitionMode.Static,
+            speed: 0,
+            nodes: [
+              { h: 0, s: 0, v: 0, brightness: 100, colorTemp: 40 },
+            ]
+          },
+          secondlyLamp: {
+            ...defSecondly,
+            id: -1,
+            speed: 100,
+            mode: 10,
+            nodes: []
+          }
+        },
+      },
+      {
+        title: I18n.getLang('add_new_static_mood_field_headline_text4'),
+        mixMood: {
+          name: I18n.getLang('add_new_static_mood_field_headline_text4'),
+          mainLamp: {
+            id: mainId,
+            mode: SceneNodeTransitionMode.Static,
+            speed: 0,
+            nodes: [
+              { h: 0, s: 0, v: 0, brightness: 100, colorTemp: 50 },
+            ]
+          },
+          secondlyLamp: {
+            ...defSecondly,
+            id: -1,
+            speed: 100,
+            mode: 10,
+            nodes: []
+          }
+        },
+      },
+    ]
+  }
+  return [
+    {
+      title: I18n.getLang('add_new_static_mood_field_headline_text1'),
+    },
+    {
+      title: I18n.getLang('add_new_static_mood_field_headline_text2'),
+      mixMood: {
+        name: I18n.getLang('add_new_static_mood_field_headline_text2'),
+        mainLamp: {
+          id: mainId,
+          speed: 14,
+          mode: SceneNodeTransitionMode.Jump,
+          nodes: [
+            { h: 0, s: 0, v: 0, brightness: 30, colorTemp: 30 },
+            { h: 0, s: 0, v: 0, brightness: 60, colorTemp: 60 },
+            { h: 0, s: 0, v: 0, brightness: 90, colorTemp: 90 }
+          ]
+        },
+        secondlyLamp: {
+          ...defSecondly,
+          id: secondlyId,
+          speed: 14,
+          mode: 10,
+          nodes: [
+            { h: 60, s: 20, v: 100, brightness: 0, colorTemp: 0, isColorNode: true },
+            { h: 180, s: 40, v: 100, brightness: 0, colorTemp: 0, isColorNode: true },
+            { h: 300, s: 60, v: 100, brightness: 0, colorTemp: 0, isColorNode: true },
+          ]
+        },
+      },
+    },
+  ]
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    flexDirection: 'column',
+  },
+  desc: {
+    color: '#000',
+    fontSize: cx(16),
+    marginHorizontal: cx(24),
+    marginTop: cx(12),
+  },
+})
+
 export default AddMixMoodPage