@ledvance/ui-biz-bundle 1.0.71 → 1.0.73

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/ui-biz-bundle",
   "pid": [],
   "uiid": "",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "scripts": {},
   "dependencies": {
     "@ledvance/base": "^1.x",

package/src/modules/mood/FantasyMood.tsx

@@ -0,0 +1,158 @@
+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 } 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'
+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.isStringLight)
+  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()
+      },
+    })
+  }, [])
+
+  const getSwitchEnable = useCallback((id: number) =>{
+    return state.currentScene?.id === id
+  }, [state.currentScene?.id])
+  
+  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)
+                  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,
+  optionB: 0,
+  optionC: 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