@ledvance/ui-biz-bundle 1.1.68 → 1.1.69

package/src/modules/mood/MoodPage.tsx

@@ -1,297 +1,297 @@
-import React, { useCallback, useEffect } from 'react'
-import Page from '@ledvance/base/src/components/Page'
-import { Utils } from 'tuya-panel-kit'
-import { ScenePageUIState, SceneUIState } from '../scene/SceneInfo'
-import { getRemoteSceneList, useScene } from '../scene/SceneAction'
-import { SCENE, useWorkMode } from '../../hooks/DeviceDpStateHooks'
-import { isUVCFanDevice, useDeviceInfo, useFlagMode } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import Strings from '@ledvance/base/src/i18n'
-import res from '@ledvance/base/src/res'
-import { FlatList, StyleSheet, View, Platform } from 'react-native'
-import Tag from '@ledvance/base/src/components/Tag'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import InfoText from '@ledvance/base/src/components/InfoText'
-import CustomListDialog from '@ledvance/base/src/components/CustomListDialog'
-import MoodItem from './MoodItem'
-import { toAddMoodPage, toDynamicMoodEditorPage, toStaticMoodEditorPage } from '../../navigation/tools'
-import { useNavigation, useRoute } from '@react-navigation/core'
-import { saveFlagMode } from '../flags/FlagActions'
-
-const cx = Utils.RatioUtils.convertX
-
-interface MoodPageUIState extends ScenePageUIState {
-  staticTagChecked: boolean
-  dynamicTagChecked: boolean
-  showAddMoodPopover: boolean
-  originScene: SceneUIState[]
-  filteredMoods: SceneUIState[]
-  loading: boolean
-}
-
-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
-}
-
-const MAX_MOOD_COUNT = 256
-
-const MoodPage = () => {
-  const routeParams = useRoute().params as MoodPageProps
-  const params: MoodPageProps = {
-    ...routeParams,
-    isRGBWLamp: routeParams.isRGBWLamp || false,
-    isRGBLamp: routeParams.isRGBLamp || false,
-    isOnlyRGBLamp: routeParams.isOnlyRGBLamp || false,
-    isFanLamp: routeParams.isFanLamp || false,
-    isTWLamp: routeParams.isTWLamp || false,
-    isDIMLamp: routeParams.isDIMLamp || false,
-  }
-  const [sceneId, setScene] = useScene(params.sceneDpCode)
-  const [workMode] = useWorkMode(params.workModeDpCode)
-  const [flagMode, setFlagMode] = useFlagMode()
-  const deviceInfo = useDeviceInfo()
-  const navigation = useNavigation()
-  const isUVCFan = isUVCFanDevice()
-
-  const state = useReactive<MoodPageUIState>({
-    currentScene: undefined,
-    staticTagChecked: true,
-    dynamicTagChecked: true,
-    showAddMoodPopover: false,
-    scenes: [],
-    flag: Symbol(),
-    originScene: [],
-    filteredMoods: [],
-    loading: false,
-  })
-
-  const getSceneList = useCallback(async (currentSceneId: number) => {
-    setTimeout(async () => {
-      const res = await getRemoteSceneList(
-        deviceInfo.devId,
-        {
-          isRGBWLamp: params.isRGBWLamp,
-          isRGBLamp: params.isRGBLamp,
-          isOnlyRGBLamp: params.isOnlyRGBLamp,
-          isFanLamp: params.isFanLamp,
-          isTWLamp: params.isTWLamp,
-          isDIMLamp: params.isDIMLamp,
-        },
-        isUVCFan
-      )
-      if (res.success) {
-        state.scenes = res.data || []
-        state.currentScene = state.scenes.find(scene => scene.id === currentSceneId)
-      }
-    }, 500)
-  }, [])
-
-  const onAddMoodDialogItemClick = useCallback((isStatic: boolean, _: number) => {
-    if (!!state.scenes) {
-      toAddMoodPage(
-        navigation,
-        {
-          isStatic: isStatic,
-          moods: state.scenes,
-          moduleParams: params,
-          onSave: () => {
-            state.flag = Symbol()
-          },
-        })
-    }
-    state.showAddMoodPopover = false
-  }, [state.scenes])
-
-  useEffect(() => {
-    state.filteredMoods = state.scenes.filter(item => {
-      return (state.staticTagChecked && state.dynamicTagChecked) ||
-        (!state.staticTagChecked && !state.dynamicTagChecked) ||
-        (state.staticTagChecked && item.nodes.length < 2) ||
-        (state.dynamicTagChecked && item.nodes.length > 1)
-    })
-  }, [state.staticTagChecked, state.dynamicTagChecked, state.scenes])
-
-  useUpdateEffect(() => {
-    state.currentScene = state.scenes.find(scene => scene.id === sceneId)
-  }, [sceneId])
-
-  useEffect(() => {
-    getSceneList(sceneId).then()
-  }, [state.flag, sceneId])
-
-  // 修改之前版本错误mood数据
-  const checkMoodData = useCallback((mood: SceneUIState) => {
-    mood.nodes.forEach(node => {
-      if (node.isColorNode) {
-        node.brightness = 0
-        node.colorTemp = 0
-      } else {
-        node.h = 0
-        node.s = 0
-        node.v = 0
-      }
-    })
-    return mood
-  }, [])
-
-  const updateFlagMode = () =>{
-    if(flagMode?.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={state.scenes.length < MAX_MOOD_COUNT ? res.add : undefined}
-        onHeadlineIconClick={() => {
-          state.showAddMoodPopover = !state.showAddMoodPopover
-        }}
-        loading={state.loading}>
-        <View style={styles.tagLine}>
-          <Tag
-            checked={state.staticTagChecked}
-            text={Strings.getLang('mood_overview_filter_name_text1')}
-            onCheckedChange={checked => {
-              state.staticTagChecked = checked
-            }} />
-          <Spacer width={cx(8)} height={0} />
-          <Tag
-            checked={state.dynamicTagChecked}
-            text={Strings.getLang('mood_overview_filter_name_text2')}
-            onCheckedChange={checked => {
-              state.dynamicTagChecked = checked
-            }} />
-        </View>
-        <Spacer height={cx(10)} />
-        {
-          state.scenes.length >= MAX_MOOD_COUNT &&
-          <View style={styles.infoLine}>
-            <Spacer height={cx(10)} />
-            <InfoText
-              icon={res.ic_warning_amber}
-              text={Strings.getLang('mood_overview_warning_max_number_text')}
-              contentColor={'#ff9500'} />
-            <Spacer height={cx(6)} />
-          </View>
-        }
-        <FlatList
-          data={state.filteredMoods}
-          renderItem={({ item }) => {
-            return (
-              <MoodItem
-                enable={workMode === SCENE && state.currentScene?.id === item.id  && !flagMode?.flagMode}
-                mood={item}
-                onPress={() => {
-                  if (item.nodes.length > 1) {
-                    toDynamicMoodEditorPage(
-                      navigation,
-                      {
-                        mode: 'edit',
-                        currentMood: item,
-                        moods: state.scenes,
-                        moduleParams: params,
-                        onSave: () => {
-                          state.flag = Symbol()
-                        },
-                      })
-                    return
-                  }
-                  toStaticMoodEditorPage(
-                    navigation,
-                    {
-                      mode: 'edit',
-                      currentMood: item,
-                      moods: state.scenes,
-                      moduleParams: params,
-                      onSave: () => {
-                        state.flag = Symbol()
-                      },
-                    })
-                }}
-                onSwitch={async _ => {
-                  if (workMode === SCENE && state.currentScene?.id === item.id) return
-                  state.loading = true
-                  await setScene(
-                    deviceInfo.devId,
-                    checkMoodData(item),
-                    params.sceneDpCode,
-                    params.workModeDpCode,
-                    params.switchLedDpCode,
-                    !!params.isFanLamp
-                  )
-                  state.currentScene = checkMoodData(item)
-                  updateFlagMode()
-                  state.loading = false
-                }} />
-            )
-          }}
-          ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
-          ItemSeparatorComponent={() => (<Spacer />)}
-          ListFooterComponent={() => (<Spacer />)}
-          keyExtractor={item => `${item.id}`} />
-      </Page>
-      <CustomListDialog
-        show={state.showAddMoodPopover}
-        style={styles.addMoodPopover}
-        itemStyle={styles.popoverItem}
-        onDismiss={() => {
-          state.showAddMoodPopover = false
-        }}
-        data={[
-          {
-            text: Strings.getLang('mood_overview_add_mood_text'),
-            value: true,
-          },
-          {
-            text: Strings.getLang('mood_overview_add_mood_text2'),
-            value: false,
-          },
-        ]}
-        onItemPress={onAddMoodDialogItemClick} />
-    </>
-  )
-}
-
-const styles = StyleSheet.create({
-  tagLine: {
-    flexDirection: 'row',
-    marginHorizontal: cx(24),
-  },
-  infoLine: {
-    marginHorizontal: cx(24),
-  },
-  addMoodPopover: {
-    position: 'absolute',
-    right: cx(60),
-    top: Platform.OS === 'android' ? cx(90) : cx(130),
-    maxWidth: cx(200),
-    backgroundColor: '#fff',
-  },
-  popoverItem: {
-    padding: cx(5),
-    alignItems: 'flex-start',
-  },
-})
-
+import React, { useCallback, useEffect } from 'react'
+import Page from '@ledvance/base/src/components/Page'
+import { Utils } from 'tuya-panel-kit'
+import { ScenePageUIState, SceneUIState } from '../scene/SceneInfo'
+import { getRemoteSceneList, useScene } from '../scene/SceneAction'
+import { SCENE, useWorkMode } from '../../hooks/DeviceDpStateHooks'
+import { isUVCFanDevice, useDeviceInfo, useFlagMode } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { useReactive, useUpdateEffect } from 'ahooks'
+import Strings from '@ledvance/base/src/i18n'
+import res from '@ledvance/base/src/res'
+import { FlatList, StyleSheet, View, Platform } from 'react-native'
+import Tag from '@ledvance/base/src/components/Tag'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import InfoText from '@ledvance/base/src/components/InfoText'
+import CustomListDialog from '@ledvance/base/src/components/CustomListDialog'
+import MoodItem from './MoodItem'
+import { toAddMoodPage, toDynamicMoodEditorPage, toStaticMoodEditorPage } from '../../navigation/tools'
+import { useNavigation, useRoute } from '@react-navigation/core'
+import { saveFlagMode } from '../flags/FlagActions'
+
+const cx = Utils.RatioUtils.convertX
+
+interface MoodPageUIState extends ScenePageUIState {
+  staticTagChecked: boolean
+  dynamicTagChecked: boolean
+  showAddMoodPopover: boolean
+  originScene: SceneUIState[]
+  filteredMoods: SceneUIState[]
+  loading: boolean
+}
+
+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
+}
+
+const MAX_MOOD_COUNT = 256
+
+const MoodPage = () => {
+  const routeParams = useRoute().params as MoodPageProps
+  const params: MoodPageProps = {
+    ...routeParams,
+    isRGBWLamp: routeParams.isRGBWLamp || false,
+    isRGBLamp: routeParams.isRGBLamp || false,
+    isOnlyRGBLamp: routeParams.isOnlyRGBLamp || false,
+    isFanLamp: routeParams.isFanLamp || false,
+    isTWLamp: routeParams.isTWLamp || false,
+    isDIMLamp: routeParams.isDIMLamp || false,
+  }
+  const [sceneId, setScene] = useScene(params.sceneDpCode)
+  const [workMode] = useWorkMode(params.workModeDpCode)
+  const [flagMode, setFlagMode] = useFlagMode()
+  const deviceInfo = useDeviceInfo()
+  const navigation = useNavigation()
+  const isUVCFan = isUVCFanDevice()
+
+  const state = useReactive<MoodPageUIState>({
+    currentScene: undefined,
+    staticTagChecked: true,
+    dynamicTagChecked: true,
+    showAddMoodPopover: false,
+    scenes: [],
+    flag: Symbol(),
+    originScene: [],
+    filteredMoods: [],
+    loading: false,
+  })
+
+  const getSceneList = useCallback(async (currentSceneId: number) => {
+    setTimeout(async () => {
+      const res = await getRemoteSceneList(
+        deviceInfo.devId,
+        {
+          isRGBWLamp: params.isRGBWLamp,
+          isRGBLamp: params.isRGBLamp,
+          isOnlyRGBLamp: params.isOnlyRGBLamp,
+          isFanLamp: params.isFanLamp,
+          isTWLamp: params.isTWLamp,
+          isDIMLamp: params.isDIMLamp,
+        },
+        isUVCFan
+      )
+      if (res.success) {
+        state.scenes = res.data || []
+        state.currentScene = state.scenes.find(scene => scene.id === currentSceneId)
+      }
+    }, 500)
+  }, [])
+
+  const onAddMoodDialogItemClick = useCallback((isStatic: boolean, _: number) => {
+    if (!!state.scenes) {
+      toAddMoodPage(
+        navigation,
+        {
+          isStatic: isStatic,
+          moods: state.scenes,
+          moduleParams: params,
+          onSave: () => {
+            state.flag = Symbol()
+          },
+        })
+    }
+    state.showAddMoodPopover = false
+  }, [state.scenes])
+
+  useEffect(() => {
+    state.filteredMoods = state.scenes.filter(item => {
+      return (state.staticTagChecked && state.dynamicTagChecked) ||
+        (!state.staticTagChecked && !state.dynamicTagChecked) ||
+        (state.staticTagChecked && item.nodes.length < 2) ||
+        (state.dynamicTagChecked && item.nodes.length > 1)
+    })
+  }, [state.staticTagChecked, state.dynamicTagChecked, state.scenes])
+
+  useUpdateEffect(() => {
+    state.currentScene = state.scenes.find(scene => scene.id === sceneId)
+  }, [sceneId])
+
+  useEffect(() => {
+    getSceneList(sceneId).then()
+  }, [state.flag, sceneId])
+
+  // 修改之前版本错误mood数据
+  const checkMoodData = useCallback((mood: SceneUIState) => {
+    mood.nodes.forEach(node => {
+      if (node.isColorNode) {
+        node.brightness = 0
+        node.colorTemp = 0
+      } else {
+        node.h = 0
+        node.s = 0
+        node.v = 0
+      }
+    })
+    return mood
+  }, [])
+
+  const updateFlagMode = () =>{
+    if(flagMode?.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={state.scenes.length < MAX_MOOD_COUNT ? res.add : undefined}
+        onHeadlineIconClick={() => {
+          state.showAddMoodPopover = !state.showAddMoodPopover
+        }}
+        loading={state.loading}>
+        <View style={styles.tagLine}>
+          <Tag
+            checked={state.staticTagChecked}
+            text={Strings.getLang('mood_overview_filter_name_text1')}
+            onCheckedChange={checked => {
+              state.staticTagChecked = checked
+            }} />
+          <Spacer width={cx(8)} height={0} />
+          <Tag
+            checked={state.dynamicTagChecked}
+            text={Strings.getLang('mood_overview_filter_name_text2')}
+            onCheckedChange={checked => {
+              state.dynamicTagChecked = checked
+            }} />
+        </View>
+        <Spacer height={cx(10)} />
+        {
+          state.scenes.length >= MAX_MOOD_COUNT &&
+          <View style={styles.infoLine}>
+            <Spacer height={cx(10)} />
+            <InfoText
+              icon={res.ic_warning_amber}
+              text={Strings.getLang('mood_overview_warning_max_number_text')}
+              contentColor={'#ff9500'} />
+            <Spacer height={cx(6)} />
+          </View>
+        }
+        <FlatList
+          data={state.filteredMoods}
+          renderItem={({ item }) => {
+            return (
+              <MoodItem
+                enable={workMode === SCENE && state.currentScene?.id === item.id  && !flagMode?.flagMode}
+                mood={item}
+                onPress={() => {
+                  if (item.nodes.length > 1) {
+                    toDynamicMoodEditorPage(
+                      navigation,
+                      {
+                        mode: 'edit',
+                        currentMood: item,
+                        moods: state.scenes,
+                        moduleParams: params,
+                        onSave: () => {
+                          state.flag = Symbol()
+                        },
+                      })
+                    return
+                  }
+                  toStaticMoodEditorPage(
+                    navigation,
+                    {
+                      mode: 'edit',
+                      currentMood: item,
+                      moods: state.scenes,
+                      moduleParams: params,
+                      onSave: () => {
+                        state.flag = Symbol()
+                      },
+                    })
+                }}
+                onSwitch={async _ => {
+                  if (workMode === SCENE && state.currentScene?.id === item.id) return
+                  state.loading = true
+                  await setScene(
+                    deviceInfo.devId,
+                    checkMoodData(item),
+                    params.sceneDpCode,
+                    params.workModeDpCode,
+                    params.switchLedDpCode,
+                    !!params.isFanLamp
+                  )
+                  state.currentScene = checkMoodData(item)
+                  updateFlagMode()
+                  state.loading = false
+                }} />
+            )
+          }}
+          ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
+          ItemSeparatorComponent={() => (<Spacer />)}
+          ListFooterComponent={() => (<Spacer />)}
+          keyExtractor={item => `${item.id}`} />
+      </Page>
+      <CustomListDialog
+        show={state.showAddMoodPopover}
+        style={styles.addMoodPopover}
+        itemStyle={styles.popoverItem}
+        onDismiss={() => {
+          state.showAddMoodPopover = false
+        }}
+        data={[
+          {
+            text: Strings.getLang('mood_overview_add_mood_text'),
+            value: true,
+          },
+          {
+            text: Strings.getLang('mood_overview_add_mood_text2'),
+            value: false,
+          },
+        ]}
+        onItemPress={onAddMoodDialogItemClick} />
+    </>
+  )
+}
+
+const styles = StyleSheet.create({
+  tagLine: {
+    flexDirection: 'row',
+    marginHorizontal: cx(24),
+  },
+  infoLine: {
+    marginHorizontal: cx(24),
+  },
+  addMoodPopover: {
+    position: 'absolute',
+    right: cx(60),
+    top: Platform.OS === 'android' ? cx(90) : cx(130),
+    maxWidth: cx(200),
+    backgroundColor: '#fff',
+  },
+  popoverItem: {
+    padding: cx(5),
+    alignItems: 'flex-start',
+  },
+})
+
 export default MoodPage

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

@@ -1,13 +1,13 @@
-import { MoodColorsLineType } from '@ledvance/base/src/components/MoodColorsLine';
-import { SceneNodeInfo } from '../scene/SceneInfo';
-export interface ColorsLineProps {
-    type: MoodColorsLineType;
-    nodes?: SceneNodeInfo[];
-}
-interface RecommendMoodItemProps {
-    title: string;
-    moodColorsLineProps?: ColorsLineProps;
-    onPress: () => void;
-}
-export default function RecommendMoodItem(props: RecommendMoodItemProps): any;
-export {};
+import { MoodColorsLineType } from '@ledvance/base/src/components/MoodColorsLine';
+import { SceneNodeInfo } from '../scene/SceneInfo';
+export interface ColorsLineProps {
+    type: MoodColorsLineType;
+    nodes?: SceneNodeInfo[];
+}
+interface RecommendMoodItemProps {
+    title: string;
+    moodColorsLineProps?: ColorsLineProps;
+    onPress: () => void;
+}
+export default function RecommendMoodItem(props: RecommendMoodItemProps): any;
+export {};