@ledvance/ui-biz-bundle 1.1.69 → 1.1.71

package/src/modules/timeSchedule/MoodSetting.tsx

@@ -1,228 +1,228 @@
-import React, { memo, useCallback, useEffect } from 'react'
-import { JudgeTimeScheduleProps } from './TimeScheduleBean'
-import { FlatList, View, StyleSheet } from 'react-native'
-import FantasyMoodItem from '../mood/FantasyMoodItem'
-import { Utils } from 'tuya-panel-kit'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import Tag from '@ledvance/base/src/components/Tag'
-import I18n from '@ledvance/base/src/i18n'
-import InfoText from '@ledvance/base/src/components/InfoText'
-import res from '@ledvance/base/src/res'
-import MoodItem from '../mood/MoodItem'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import { isUVCFanDevice, useDeviceId, useMoods } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import { getRemoteFantasyScene, getRemoteSceneList } from '../scene/SceneAction'
-import { getRemoteMixScene } from '../mood/MixMood/MixMoodActions'
-import MixMoodItem from '../mood/MixMood/MixMoodItem'
-import { MixSceneInfo } from '../mood/MixMood/MixSceneBeans'
-import { cloneDeep, isEmpty } from 'lodash'
-
-const cx = Utils.RatioUtils.convertX
-interface MoodSettingProps extends JudgeTimeScheduleProps {
-  actionScene: any
-  scheduleItem: any
-  fantasyFeatureId?: string
-  setSendDps: (actions: any, type: string) => void
-}
-
-const MoodSetting = (props: MoodSettingProps) => {
-  const { setSendDps, isStringLight, isStripLight, actionScene, isCeilingLight, fantasyFeatureId = '' } = props
-  const [moods, setMoods] = useMoods()
-  console.log(111)
-  console.log(moods[0], ' <-- moods[0')
-  const devId = useDeviceId()
-  const isUVCFan = isUVCFanDevice()
-  const state = useReactive({
-    scenes: cloneDeep(moods),
-    staticTagChecked: true,
-    dynamicTagChecked: true,
-    filteredMoods: cloneDeep(moods),
-    currentScene: !isEmpty(actionScene) ? actionScene : cloneDeep(moods[0])
-  })
-
-  useUpdateEffect(() => {
-    state.scenes = cloneDeep(moods)
-  }, [moods])
-
-  useEffect(() => {
-    if (!moods.length) {
-      if (isStringLight || isStripLight) {
-        getRemoteFantasyScene(fantasyFeatureId, devId, { isStringLight, isStripLight }).then(res => {
-          if (res.success && res.data) {
-            state.scenes = res.data
-            setMoods(cloneDeep(res.data))
-            if (isEmpty(actionScene)) state.currentScene = res.data[0]
-            setSendDps(state.currentScene, 'actionScene')
-          }
-        })
-      } else if (isCeilingLight) {
-        getRemoteMixScene(devId).then(res => {
-          if (res.success && res.data) {
-            state.scenes = res.data
-            setMoods(cloneDeep(res.data))
-            if (isEmpty(actionScene)) state.currentScene = res.data[0]
-            setSendDps(state.currentScene, 'actionScene')
-          }
-        })
-      } else {
-        getRemoteSceneList(devId, {
-          isOnlyRGBLamp: props.isOnlyRGBLamp,
-          isDIMLamp: props.isDIMLamp,
-          isRGBLamp: props.isRGBLamp,
-          isRGBWLamp: props.isRGBWLamp,
-          isTWLamp: props.isTWLamp,
-          isFanLamp: props.isFanLamp
-        }, isUVCFan).then(res => {
-          if (res.success && res.data) {
-            state.scenes = cloneDeep(res.data)
-            setMoods(cloneDeep(res.data))
-            if (isEmpty(actionScene)) state.currentScene = res.data[0]
-            setSendDps(state.currentScene, 'actionScene')
-          }
-        })
-      }
-
-    } else {
-      setSendDps(state.scenes[0], 'actionScene')
-    }
-  }, [])
-
-  useEffect(() => {
-    state.filteredMoods = cloneDeep(state.scenes).filter(item => {
-      return (state.staticTagChecked && state.dynamicTagChecked) ||
-        (state.staticTagChecked && item.nodes.length < 2) ||
-        (state.dynamicTagChecked && item.nodes.length > 1)
-    })
-  }, [state.staticTagChecked, state.dynamicTagChecked, state.scenes])
-
-  const checkItemEnable = useCallback((mixMood: MixSceneInfo) => {
-    const { mainLamp, secondlyLamp } = mixMood
-    const cloneCurrentScene = cloneDeep(state.currentScene)
-    const isStatic = mainLamp.nodes.length === 1
-    return isStatic ? ((cloneCurrentScene?.mainLamp?.id === mainLamp.id) && mainLamp.id !== -1) :
-      ((cloneCurrentScene?.mainLamp?.id === mainLamp.id) && (cloneCurrentScene?.secondlyLamp?.id === secondlyLamp.id))
-  }, [state.currentScene])
-  console.log(state.scenes, '< --- state.cesee')
-  return (
-    <View style={{ marginHorizontal: -cx(24) }}>
-      {(isStringLight || isStripLight) ?
-        <FlatList
-          data={state.scenes}
-          renderItem={({ item }) => {
-            return (
-              <FantasyMoodItem
-                style={{ marginHorizontal: cx(24) }}
-                enable={state.currentScene?.id === item.id}
-                mood={item}
-                onPress={() => { }}
-                onSwitch={async _ => {
-                  state.currentScene = item
-                  setSendDps(item, 'actionScene')
-                }} />
-            )
-          }}
-          ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
-          ItemSeparatorComponent={() => (<Spacer />)}
-          ListFooterComponent={() => (<Spacer />)}
-          keyExtractor={item => `${item.id}`} /> :
-        isCeilingLight ?
-          <FlatList
-            data={state.filteredMoods}
-            renderItem={({ item }) => {
-              return (
-                <MixMoodItem
-                  style={{ marginHorizontal: cx(24) }}
-                  enable={checkItemEnable(item)}
-                  mixMood={item}
-                  onPress={() => { }}
-                  onSwitch={async _ => {
-                    state.currentScene = item
-                    setSendDps(item, 'actionScene')
-                  }}
-                />
-              )
-            }}
-            ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
-            ItemSeparatorComponent={() => (<Spacer />)}
-            ListFooterComponent={() => (<Spacer />)}
-            keyExtractor={item => `${item.name}`} /> :
-          <>
-            <View style={[styles.tagLine, {marginHorizontal: cx(24)}]}>
-              <Tag
-                checked={state.staticTagChecked}
-                text={I18n.getLang('mood_overview_filter_name_text1')}
-                onCheckedChange={checked => {
-                  state.staticTagChecked = checked
-                }} />
-              <Spacer width={cx(8)} height={0} />
-              <Tag
-                checked={state.dynamicTagChecked}
-                text={I18n.getLang('mood_overview_filter_name_text2')}
-                onCheckedChange={checked => {
-                  state.dynamicTagChecked = checked
-                }} />
-            </View>
-            <Spacer height={cx(10)} />
-            <FlatList
-              data={state.filteredMoods}
-              renderItem={({ item }) => {
-                return (
-                  <MoodItem
-                    style={{ marginHorizontal: cx(24) }}
-                    enable={state.currentScene?.id === item.id}
-                    mood={item}
-                    onSwitch={async _ => {
-                      state.currentScene = item
-                      setSendDps(item, 'actionScene')
-                    }} />
-                )
-              }}
-              ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
-              ItemSeparatorComponent={() => (<Spacer />)}
-              ListFooterComponent={() => (
-                <View style={[styles.infoLine, {marginHorizontal: cx(24)}]}>
-                  <Spacer />
-                  <InfoText
-                    icon={res.ic_info}
-                    text={I18n.getLang('mood_overview_information_text')} />
-                  <Spacer height={cx(40)} />
-                </View>
-              )}
-              keyExtractor={item => `${item.id}`} />
-          </>}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  tagLine: {
-    flexDirection: 'row',
-    // marginHorizontal: cx(24),
-    marginTop: cx(16),
-  },
-  infoLine: {
-    // marginHorizontal: cx(24),
-  },
-  addMoodPopover: {
-    width: cx(171),
-    height: cx(90.5),
-    marginStart: cx(156),
-    marginTop: cx(105),
-    backgroundColor: '#fff',
-  },
-  popoverItem: {
-    width: cx(171),
-    height: cx(45),
-    alignItems: 'flex-start',
-  },
-  popoverItemText: {
-    color: '#000',
-    fontSize: cx(16),
-  },
-  line: {
-    height: .5,
-    backgroundColor: 'rgba(60,60,67,.36)',
-  },
-})
-
-export default memo(MoodSetting)
+import React, { memo, useCallback, useEffect } from 'react'
+import { JudgeTimeScheduleProps } from './TimeScheduleBean'
+import { FlatList, View, StyleSheet } from 'react-native'
+import FantasyMoodItem from '../mood/FantasyMoodItem'
+import { Utils } from 'tuya-panel-kit'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import Tag from '@ledvance/base/src/components/Tag'
+import I18n from '@ledvance/base/src/i18n'
+import InfoText from '@ledvance/base/src/components/InfoText'
+import res from '@ledvance/base/src/res'
+import MoodItem from '../mood/MoodItem'
+import { useReactive, useUpdateEffect } from 'ahooks'
+import { isUVCFanDevice, useDeviceId, useMoods } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { getRemoteFantasyScene, getRemoteSceneList } from '../scene/SceneAction'
+import { getRemoteMixScene } from '../mood/MixMood/MixMoodActions'
+import MixMoodItem from '../mood/MixMood/MixMoodItem'
+import { MixSceneInfo } from '../mood/MixMood/MixSceneBeans'
+import { cloneDeep, isEmpty } from 'lodash'
+
+const cx = Utils.RatioUtils.convertX
+interface MoodSettingProps extends JudgeTimeScheduleProps {
+  actionScene: any
+  scheduleItem: any
+  fantasyFeatureId?: string
+  setSendDps: (actions: any, type: string) => void
+}
+
+const MoodSetting = (props: MoodSettingProps) => {
+  const { setSendDps, isStringLight, isStripLight, actionScene, isCeilingLight, fantasyFeatureId = '' } = props
+  const [moods, setMoods] = useMoods()
+  console.log(111)
+  console.log(moods[0], ' <-- moods[0')
+  const devId = useDeviceId()
+  const isUVCFan = isUVCFanDevice()
+  const state = useReactive({
+    scenes: cloneDeep(moods),
+    staticTagChecked: true,
+    dynamicTagChecked: true,
+    filteredMoods: cloneDeep(moods),
+    currentScene: !isEmpty(actionScene) ? actionScene : cloneDeep(moods[0])
+  })
+
+  useUpdateEffect(() => {
+    state.scenes = cloneDeep(moods)
+  }, [moods])
+
+  useEffect(() => {
+    if (!moods.length) {
+      if (isStringLight || isStripLight) {
+        getRemoteFantasyScene(fantasyFeatureId, devId, { isStringLight, isStripLight }).then(res => {
+          if (res.success && res.data) {
+            state.scenes = res.data
+            setMoods(cloneDeep(res.data))
+            if (isEmpty(actionScene)) state.currentScene = res.data[0]
+            setSendDps(state.currentScene, 'actionScene')
+          }
+        })
+      } else if (isCeilingLight) {
+        getRemoteMixScene(devId).then(res => {
+          if (res.success && res.data) {
+            state.scenes = res.data
+            setMoods(cloneDeep(res.data))
+            if (isEmpty(actionScene)) state.currentScene = res.data[0]
+            setSendDps(state.currentScene, 'actionScene')
+          }
+        })
+      } else {
+        getRemoteSceneList(devId, {
+          isOnlyRGBLamp: props.isOnlyRGBLamp,
+          isDIMLamp: props.isDIMLamp,
+          isRGBLamp: props.isRGBLamp,
+          isRGBWLamp: props.isRGBWLamp,
+          isTWLamp: props.isTWLamp,
+          isFanLamp: props.isFanLamp
+        }, isUVCFan).then(res => {
+          if (res.success && res.data) {
+            state.scenes = cloneDeep(res.data)
+            setMoods(cloneDeep(res.data))
+            if (isEmpty(actionScene)) state.currentScene = res.data[0]
+            setSendDps(state.currentScene, 'actionScene')
+          }
+        })
+      }
+
+    } else {
+      setSendDps(state.scenes[0], 'actionScene')
+    }
+  }, [])
+
+  useEffect(() => {
+    state.filteredMoods = cloneDeep(state.scenes).filter(item => {
+      return (state.staticTagChecked && state.dynamicTagChecked) ||
+        (state.staticTagChecked && item.nodes.length < 2) ||
+        (state.dynamicTagChecked && item.nodes.length > 1)
+    })
+  }, [state.staticTagChecked, state.dynamicTagChecked, state.scenes])
+
+  const checkItemEnable = useCallback((mixMood: MixSceneInfo) => {
+    const { mainLamp, secondlyLamp } = mixMood
+    const cloneCurrentScene = cloneDeep(state.currentScene)
+    const isStatic = mainLamp.nodes.length === 1
+    return isStatic ? ((cloneCurrentScene?.mainLamp?.id === mainLamp.id) && mainLamp.id !== -1) :
+      ((cloneCurrentScene?.mainLamp?.id === mainLamp.id) && (cloneCurrentScene?.secondlyLamp?.id === secondlyLamp.id))
+  }, [state.currentScene])
+  console.log(state.scenes, '< --- state.cesee')
+  return (
+    <View style={{ marginHorizontal: -cx(24) }}>
+      {(isStringLight || isStripLight) ?
+        <FlatList
+          data={state.scenes}
+          renderItem={({ item }) => {
+            return (
+              <FantasyMoodItem
+                style={{ marginHorizontal: cx(24) }}
+                enable={state.currentScene?.id === item.id}
+                mood={item}
+                onPress={() => { }}
+                onSwitch={async _ => {
+                  state.currentScene = item
+                  setSendDps(item, 'actionScene')
+                }} />
+            )
+          }}
+          ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
+          ItemSeparatorComponent={() => (<Spacer />)}
+          ListFooterComponent={() => (<Spacer />)}
+          keyExtractor={item => `${item.id}`} /> :
+        isCeilingLight ?
+          <FlatList
+            data={state.filteredMoods}
+            renderItem={({ item }) => {
+              return (
+                <MixMoodItem
+                  style={{ marginHorizontal: cx(24) }}
+                  enable={checkItemEnable(item)}
+                  mixMood={item}
+                  onPress={() => { }}
+                  onSwitch={async _ => {
+                    state.currentScene = item
+                    setSendDps(item, 'actionScene')
+                  }}
+                />
+              )
+            }}
+            ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
+            ItemSeparatorComponent={() => (<Spacer />)}
+            ListFooterComponent={() => (<Spacer />)}
+            keyExtractor={item => `${item.name}`} /> :
+          <>
+            <View style={[styles.tagLine, {marginHorizontal: cx(24)}]}>
+              <Tag
+                checked={state.staticTagChecked}
+                text={I18n.getLang('mood_overview_filter_name_text1')}
+                onCheckedChange={checked => {
+                  state.staticTagChecked = checked
+                }} />
+              <Spacer width={cx(8)} height={0} />
+              <Tag
+                checked={state.dynamicTagChecked}
+                text={I18n.getLang('mood_overview_filter_name_text2')}
+                onCheckedChange={checked => {
+                  state.dynamicTagChecked = checked
+                }} />
+            </View>
+            <Spacer height={cx(10)} />
+            <FlatList
+              data={state.filteredMoods}
+              renderItem={({ item }) => {
+                return (
+                  <MoodItem
+                    style={{ marginHorizontal: cx(24) }}
+                    enable={state.currentScene?.id === item.id}
+                    mood={item}
+                    onSwitch={async _ => {
+                      state.currentScene = item
+                      setSendDps(item, 'actionScene')
+                    }} />
+                )
+              }}
+              ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
+              ItemSeparatorComponent={() => (<Spacer />)}
+              ListFooterComponent={() => (
+                <View style={[styles.infoLine, {marginHorizontal: cx(24)}]}>
+                  <Spacer />
+                  <InfoText
+                    icon={res.ic_info}
+                    text={I18n.getLang('mood_overview_information_text')} />
+                  <Spacer height={cx(40)} />
+                </View>
+              )}
+              keyExtractor={item => `${item.id}`} />
+          </>}
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  tagLine: {
+    flexDirection: 'row',
+    // marginHorizontal: cx(24),
+    marginTop: cx(16),
+  },
+  infoLine: {
+    // marginHorizontal: cx(24),
+  },
+  addMoodPopover: {
+    width: cx(171),
+    height: cx(90.5),
+    marginStart: cx(156),
+    marginTop: cx(105),
+    backgroundColor: '#fff',
+  },
+  popoverItem: {
+    width: cx(171),
+    height: cx(45),
+    alignItems: 'flex-start',
+  },
+  popoverItemText: {
+    color: '#000',
+    fontSize: cx(16),
+  },
+  line: {
+    height: .5,
+    backgroundColor: 'rgba(60,60,67,.36)',
+  },
+})
+
+export default memo(MoodSetting)

package/src/modules/timeSchedule/Router.ts

@@ -1,25 +1,25 @@
-import {NavigationRoute} from "tuya-panel-kit";
-import TimeSchedulePage from "./TimeSchedulePage";
-import TimeScheduleEditPage from "./TimeScheduleEditpage";
-import {ui_biz_routerKey} from "../../navigation/Routers";
-
-const TimeSchedulePageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_time_schedule,
-    component: TimeSchedulePage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_time_schedule_edit,
-    component: TimeScheduleEditPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-]
-
-export default TimeSchedulePageRouters
+import {NavigationRoute} from "tuya-panel-kit";
+import TimeSchedulePage from "./TimeSchedulePage";
+import TimeScheduleEditPage from "./TimeScheduleEditpage";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+const TimeSchedulePageRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.ui_biz_time_schedule,
+    component: TimeSchedulePage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.ui_biz_time_schedule_edit,
+    component: TimeScheduleEditPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+]
+
+export default TimeSchedulePageRouters

package/src/modules/timeSchedule/ScheduleScene.d.ts

@@ -1,6 +1,6 @@
-declare const ScheduleScene: ({ scene, setScene, dpCodes }: {
-    scene: any;
-    setScene: any;
-    dpCodes: any;
-}) => any;
-export default ScheduleScene;
+declare const ScheduleScene: ({ scene, setScene, dpCodes }: {
+    scene: any;
+    setScene: any;
+    dpCodes: any;
+}) => any;
+export default ScheduleScene;