@ledvance/ui-biz-bundle 1.1.69 → 1.1.70

package/src/modules/mood/FantasyMood.tsx

@@ -1,177 +1,177 @@
-import React, { useCallback, useEffect } from 'react'
-import Page from '@ledvance/base/src/components/Page'
-import { Utils } from 'tuya-panel-kit'
-import { StripScenePageUIState, StripSceneUIState } from '../scene/SceneInfo'
-import { getRemoteFantasyScene, useFantasyScene } from '../scene/SceneAction'
-import { useDeviceInfo, useFlagMode } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import { useReactive } from 'ahooks'
-import Strings from '@ledvance/base/src/i18n'
-import res from '@ledvance/base/src/res'
-import { FlatList } from 'react-native'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import FantasyMoodItem from './FantasyMoodItem'
-import { useNavigation, useRoute } from '@react-navigation/core'
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { SCENE, useWorkMode } from 'hooks/DeviceDpStateHooks'
-import { saveFlagMode } from '../flags/FlagActions'
-const cx = Utils.RatioUtils.convertX
-
-interface MoodPageUIState extends StripScenePageUIState {
-  staticTagChecked: boolean
-  dynamicTagChecked: boolean
-  originScene: StripSceneUIState[]
-  filteredMoods: StripSceneUIState[]
-  loading: boolean
-}
-
-export interface FantasyMoodPageProps {
-  featureId: string
-  switchLedDpCode: string
-  sceneDpCode: string
-  workModeDpCode: string
-  isStringLight?: boolean
-  isStripLight?: boolean
-  isSupportColor: boolean
-  isSupportTemperature: boolean
-  isSupportBrightness: boolean
-}
-
-
-const FantasyMoodPage = () => {
-  const routeParams = useRoute().params as FantasyMoodPageProps
-  const params: FantasyMoodPageProps = {
-    ...routeParams,
-  }
-  const [sceneId, setScene] = useFantasyScene(params.sceneDpCode, params.workModeDpCode, params.switchLedDpCode, params.isStringLight)
-  const [workMode] = useWorkMode(params.workModeDpCode)
-  const [flagMode, setFlagMode] = useFlagMode()
-  const deviceInfo = useDeviceInfo()
-  const navigation = useNavigation()
-
-  const state = useReactive<MoodPageUIState>({
-    currentScene: undefined,
-    staticTagChecked: true,
-    dynamicTagChecked: true,
-    scenes: [],
-    flag: Symbol(),
-    originScene: [],
-    filteredMoods: [],
-    loading: false,
-  })
-
-  const getSceneList = useCallback(async (currentSceneId: number) => {
-    const res = await getRemoteFantasyScene(routeParams.featureId, deviceInfo.devId, { isStringLight: routeParams.isStringLight, isStripLight: routeParams.isStripLight })
-    if (res.success) {
-      state.scenes = res.data || []
-      state.currentScene = state.scenes.find(scene => scene.id === currentSceneId)
-    }
-  }, [])
-
-
-  useEffect(() => {
-    getSceneList(sceneId).then()
-  }, [state.flag, sceneId])
-
-  const navigateToEdit = useCallback((mode: 'edit' | 'add', currentMood?: StripSceneUIState) => {
-    navigation.navigate(ui_biz_routerKey.ui_biz_fantasy_mood_edit, {
-      mode,
-      currentMood,
-      moods: state.scenes,
-      moduleParams: params,
-      onSave: () => {
-        state.flag = Symbol()
-      },
-    })
-  }, [state.scenes])
-
-  const getSwitchEnable = useCallback((id: number) => {
-    return state.currentScene?.id === id &&  workMode === SCENE
-  }, [state.currentScene?.id, workMode])
-
-  const updateFlagMode = () =>{
-    if(flagMode && params.isSupportColor){
-      saveFlagMode(deviceInfo.devId, JSON.stringify({
-        flagMode: false,
-        flagId: undefined
-      })).then()
-      setFlagMode({
-        flagMode: false,
-        flagId: undefined
-      })
-    }
-  }
-
-  return (
-    <>
-      <Page
-        backText={deviceInfo.name}
-        headlineText={Strings.getLang('mood_overview_headline_text')}
-        headlineIcon={res.add}
-        onHeadlineIconClick={() => {
-          navigateToEdit('add', newScene)
-        }}
-        loading={state.loading}>
-        <Spacer height={cx(10)} />
-        <FlatList
-          data={state.scenes}
-          renderItem={({ item }) => {
-            return (
-              <FantasyMoodItem
-                enable={getSwitchEnable(item.id)}
-                mood={item}
-                onPress={() => {
-                  navigateToEdit('edit', item)
-                }}
-                onSwitch={async _ => {
-                  if (getSwitchEnable(item.id)) return
-                  state.loading = true
-                  await setScene(item)
-                  updateFlagMode()
-                  state.loading = false
-                }} />
-            )
-          }}
-          ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
-          ItemSeparatorComponent={() => (<Spacer />)}
-          ListFooterComponent={() => (<Spacer />)}
-          keyExtractor={item => `${item.id}`} />
-      </Page>
-    </>
-  )
-}
-
-const newScene = {
-  version: 1,
-  id: 1,
-  mode: 10,
-  name: '',
-  speed: 50,
-  loop: 0,
-  segmented: 0,
-  direction: 0,
-  excessive: 0,
-  expand: 0,
-  reserved1: 0,
-  reserved2: 0,
-  image: '',
-  nodes: [
-    {
-      brightness: 0,
-      colorTemp: 0,
-      h: 0,
-      isColorNode: true,
-      s: 100,
-      v: 100
-    },
-    {
-      brightness: 0,
-      colorTemp: 0,
-      h: 60,
-      isColorNode: true,
-      s: 100,
-      v: 100
-    }
-  ]
-}
-
+import React, { useCallback, useEffect } from 'react'
+import Page from '@ledvance/base/src/components/Page'
+import { Utils } from 'tuya-panel-kit'
+import { StripScenePageUIState, StripSceneUIState } from '../scene/SceneInfo'
+import { getRemoteFantasyScene, useFantasyScene } from '../scene/SceneAction'
+import { useDeviceInfo, useFlagMode } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { useReactive } from 'ahooks'
+import Strings from '@ledvance/base/src/i18n'
+import res from '@ledvance/base/src/res'
+import { FlatList } from 'react-native'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import FantasyMoodItem from './FantasyMoodItem'
+import { useNavigation, useRoute } from '@react-navigation/core'
+import { ui_biz_routerKey } from '../../navigation/Routers'
+import { SCENE, useWorkMode } from 'hooks/DeviceDpStateHooks'
+import { saveFlagMode } from '../flags/FlagActions'
+const cx = Utils.RatioUtils.convertX
+
+interface MoodPageUIState extends StripScenePageUIState {
+  staticTagChecked: boolean
+  dynamicTagChecked: boolean
+  originScene: StripSceneUIState[]
+  filteredMoods: StripSceneUIState[]
+  loading: boolean
+}
+
+export interface FantasyMoodPageProps {
+  featureId: string
+  switchLedDpCode: string
+  sceneDpCode: string
+  workModeDpCode: string
+  isStringLight?: boolean
+  isStripLight?: boolean
+  isSupportColor: boolean
+  isSupportTemperature: boolean
+  isSupportBrightness: boolean
+}
+
+
+const FantasyMoodPage = () => {
+  const routeParams = useRoute().params as FantasyMoodPageProps
+  const params: FantasyMoodPageProps = {
+    ...routeParams,
+  }
+  const [sceneId, setScene] = useFantasyScene(params.sceneDpCode, params.workModeDpCode, params.switchLedDpCode, params.isStringLight)
+  const [workMode] = useWorkMode(params.workModeDpCode)
+  const [flagMode, setFlagMode] = useFlagMode()
+  const deviceInfo = useDeviceInfo()
+  const navigation = useNavigation()
+
+  const state = useReactive<MoodPageUIState>({
+    currentScene: undefined,
+    staticTagChecked: true,
+    dynamicTagChecked: true,
+    scenes: [],
+    flag: Symbol(),
+    originScene: [],
+    filteredMoods: [],
+    loading: false,
+  })
+
+  const getSceneList = useCallback(async (currentSceneId: number) => {
+    const res = await getRemoteFantasyScene(routeParams.featureId, deviceInfo.devId, { isStringLight: routeParams.isStringLight, isStripLight: routeParams.isStripLight })
+    if (res.success) {
+      state.scenes = res.data || []
+      state.currentScene = state.scenes.find(scene => scene.id === currentSceneId)
+    }
+  }, [])
+
+
+  useEffect(() => {
+    getSceneList(sceneId).then()
+  }, [state.flag, sceneId])
+
+  const navigateToEdit = useCallback((mode: 'edit' | 'add', currentMood?: StripSceneUIState) => {
+    navigation.navigate(ui_biz_routerKey.ui_biz_fantasy_mood_edit, {
+      mode,
+      currentMood,
+      moods: state.scenes,
+      moduleParams: params,
+      onSave: () => {
+        state.flag = Symbol()
+      },
+    })
+  }, [state.scenes])
+
+  const getSwitchEnable = useCallback((id: number) => {
+    return state.currentScene?.id === id &&  workMode === SCENE
+  }, [state.currentScene?.id, workMode])
+
+  const updateFlagMode = () =>{
+    if(flagMode && params.isSupportColor){
+      saveFlagMode(deviceInfo.devId, JSON.stringify({
+        flagMode: false,
+        flagId: undefined
+      })).then()
+      setFlagMode({
+        flagMode: false,
+        flagId: undefined
+      })
+    }
+  }
+
+  return (
+    <>
+      <Page
+        backText={deviceInfo.name}
+        headlineText={Strings.getLang('mood_overview_headline_text')}
+        headlineIcon={res.add}
+        onHeadlineIconClick={() => {
+          navigateToEdit('add', newScene)
+        }}
+        loading={state.loading}>
+        <Spacer height={cx(10)} />
+        <FlatList
+          data={state.scenes}
+          renderItem={({ item }) => {
+            return (
+              <FantasyMoodItem
+                enable={getSwitchEnable(item.id)}
+                mood={item}
+                onPress={() => {
+                  navigateToEdit('edit', item)
+                }}
+                onSwitch={async _ => {
+                  if (getSwitchEnable(item.id)) return
+                  state.loading = true
+                  await setScene(item)
+                  updateFlagMode()
+                  state.loading = false
+                }} />
+            )
+          }}
+          ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
+          ItemSeparatorComponent={() => (<Spacer />)}
+          ListFooterComponent={() => (<Spacer />)}
+          keyExtractor={item => `${item.id}`} />
+      </Page>
+    </>
+  )
+}
+
+const newScene = {
+  version: 1,
+  id: 1,
+  mode: 10,
+  name: '',
+  speed: 50,
+  loop: 0,
+  segmented: 0,
+  direction: 0,
+  excessive: 0,
+  expand: 0,
+  reserved1: 0,
+  reserved2: 0,
+  image: '',
+  nodes: [
+    {
+      brightness: 0,
+      colorTemp: 0,
+      h: 0,
+      isColorNode: true,
+      s: 100,
+      v: 100
+    },
+    {
+      brightness: 0,
+      colorTemp: 0,
+      h: 60,
+      isColorNode: true,
+      s: 100,
+      v: 100
+    }
+  ]
+}
+
 export default FantasyMoodPage