@ledvance/ui-biz-bundle 1.1.69 → 1.1.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/.babelrc +31 -31
  2. package/.eslintignore +5 -5
  3. package/.eslintrc.js +27 -27
  4. package/.prettierrc.js +1 -1
  5. package/.versionrc +5 -5
  6. package/package.json +74 -74
  7. package/rn-cli.config.js +8 -8
  8. package/src/hooks/DeviceDpStateHooks.d.ts +14 -14
  9. package/src/hooks/DeviceDpStateHooks.ts +50 -50
  10. package/src/modules/biorhythm/BiorhythmActions.d.ts +8 -8
  11. package/src/modules/biorhythm/BiorhythmActions.ts +324 -324
  12. package/src/modules/biorhythm/BiorhythmBean.d.ts +58 -58
  13. package/src/modules/biorhythm/BiorhythmBean.ts +230 -230
  14. package/src/modules/biorhythm/BiorhythmEditPage.d.ts +14 -14
  15. package/src/modules/biorhythm/BiorhythmEditPage.tsx +324 -324
  16. package/src/modules/biorhythm/BiorhythmPage.d.ts +10 -10
  17. package/src/modules/biorhythm/BiorhythmPage.tsx +796 -796
  18. package/src/modules/biorhythm/IconSelect.d.ts +2 -2
  19. package/src/modules/biorhythm/IconSelect.tsx +81 -81
  20. package/src/modules/biorhythm/Router.ts +34 -34
  21. package/src/modules/biorhythm/circular/ItemIcon.d.ts +22 -22
  22. package/src/modules/biorhythm/circular/ItemIcon.tsx +172 -172
  23. package/src/modules/biorhythm/circular/Progress.d.ts +24 -24
  24. package/src/modules/biorhythm/circular/Progress.tsx +411 -411
  25. package/src/modules/biorhythm/circular/TimeCircular.d.ts +11 -11
  26. package/src/modules/biorhythm/circular/TimeCircular.tsx +70 -70
  27. package/src/modules/biorhythm/iconListData.d.ts +7 -7
  28. package/src/modules/biorhythm/iconListData.ts +29 -29
  29. package/src/modules/biorhythm/pIdList.d.ts +2 -2
  30. package/src/modules/biorhythm/pIdList.ts +35 -35
  31. package/src/modules/biorhythm/res/BiologicalRes.d.ts +43 -43
  32. package/src/modules/biorhythm/res/BiologicalRes.ts +41 -41
  33. package/src/modules/config/ldvConfig.d.ts +2 -2
  34. package/src/modules/config/ldvConfig.tsx +18 -18
  35. package/src/modules/fixedTime/FixedTimeActions.ts +173 -173
  36. package/src/modules/fixedTime/FixedTimeDetailPage.tsx +372 -372
  37. package/src/modules/fixedTime/FixedTimePage.tsx +213 -213
  38. package/src/modules/fixedTime/Router.ts +26 -26
  39. package/src/modules/flags/FlagActions.ts +267 -267
  40. package/src/modules/flags/FlagEditPage.tsx +441 -441
  41. package/src/modules/flags/FlagInfo.tsx +563 -563
  42. package/src/modules/flags/FlagItem.tsx +90 -90
  43. package/src/modules/flags/FlagPage.tsx +277 -277
  44. package/src/modules/flags/Router.ts +25 -25
  45. package/src/modules/history/HistoryPage.d.ts +2 -2
  46. package/src/modules/history/HistoryPage.tsx +261 -261
  47. package/src/modules/history/Router.ts +16 -16
  48. package/src/modules/history/SwitchHistoryPageActions.d.ts +14 -14
  49. package/src/modules/history/SwitchHistoryPageActions.ts +76 -76
  50. package/src/modules/mood/AddMoodPage.d.ts +10 -10
  51. package/src/modules/mood/AddMoodPage.tsx +792 -792
  52. package/src/modules/mood/DynamicMoodEditorPage.d.ts +6 -6
  53. package/src/modules/mood/DynamicMoodEditorPage.tsx +561 -561
  54. package/src/modules/mood/FantasyMood.tsx +176 -176
  55. package/src/modules/mood/FantasyMoodEditPage.tsx +582 -582
  56. package/src/modules/mood/FantasyMoodItem.tsx +104 -104
  57. package/src/modules/mood/FantasyRouter.ts +35 -35
  58. package/src/modules/mood/MixMood/AddMixMoodPage.tsx +247 -247
  59. package/src/modules/mood/MixMood/MixMoodActions.ts +128 -128
  60. package/src/modules/mood/MixMood/MixMoodEditPage.tsx +721 -721
  61. package/src/modules/mood/MixMood/MixMoodItem.tsx +134 -134
  62. package/src/modules/mood/MixMood/MixMoodPage.tsx +326 -326
  63. package/src/modules/mood/MixMood/MixSceneBeans.ts +364 -364
  64. package/src/modules/mood/MixMood/RecommendMixMoodItem.tsx +69 -69
  65. package/src/modules/mood/MixMood/Router.ts +44 -44
  66. package/src/modules/mood/MoodItem.d.ts +11 -11
  67. package/src/modules/mood/MoodItem.tsx +114 -114
  68. package/src/modules/mood/MoodPage.d.ts +16 -16
  69. package/src/modules/mood/MoodPage.tsx +296 -296
  70. package/src/modules/mood/RecommendMoodItem.d.ts +13 -13
  71. package/src/modules/mood/RecommendMoodItem.tsx +74 -74
  72. package/src/modules/mood/Router.ts +53 -53
  73. package/src/modules/mood/StaticMoodEditorPage.d.ts +16 -16
  74. package/src/modules/mood/StaticMoodEditorPage.tsx +320 -320
  75. package/src/modules/mood/tools.d.ts +3 -3
  76. package/src/modules/mood/tools.ts +11 -11
  77. package/src/modules/music/MusicDataBean.d.ts +47 -47
  78. package/src/modules/music/MusicDataBean.ts +167 -167
  79. package/src/modules/music/MusicManager.d.ts +27 -27
  80. package/src/modules/music/MusicManager.ts +207 -207
  81. package/src/modules/music/MusicPage.d.ts +10 -10
  82. package/src/modules/music/MusicPage.tsx +347 -347
  83. package/src/modules/music/MusicPageActions.d.ts +35 -35
  84. package/src/modules/music/MusicPageActions.ts +317 -317
  85. package/src/modules/music/Router.ts +16 -16
  86. package/src/modules/music/SelecetGenre.d.ts +7 -7
  87. package/src/modules/music/SelecetGenre.tsx +63 -63
  88. package/src/modules/music/color.d.ts +2 -2
  89. package/src/modules/music/color.ts +73 -73
  90. package/src/modules/music/res/index.d.ts +10 -10
  91. package/src/modules/music/res/index.ts +9 -9
  92. package/src/modules/powerOnBehavior/PowerOnBehaviorActions.ts +11 -11
  93. package/src/modules/powerOnBehavior/PowerOnBehaviorPage.tsx +173 -173
  94. package/src/modules/powerOnBehavior/Router.ts +16 -16
  95. package/src/modules/randomTime/RandomTimeActions.ts +160 -160
  96. package/src/modules/randomTime/RandomTimeDetailPage.tsx +337 -337
  97. package/src/modules/randomTime/RandomTimePage.tsx +214 -214
  98. package/src/modules/randomTime/Router.ts +25 -25
  99. package/src/modules/randomTime/Summary.tsx +122 -122
  100. package/src/modules/scene/SceneAction.d.ts +13 -13
  101. package/src/modules/scene/SceneAction.ts +473 -473
  102. package/src/modules/scene/SceneDetailPage.d.ts +1 -1
  103. package/src/modules/scene/SceneDetailPage.tsx +421 -421
  104. package/src/modules/scene/SceneInfo.d.ts +72 -72
  105. package/src/modules/scene/SceneInfo.ts +1059 -1059
  106. package/src/modules/scene/ScenePage.d.ts +7 -7
  107. package/src/modules/scene/ScenePage.tsx +147 -147
  108. package/src/modules/select/SelectPage.d.ts +12 -12
  109. package/src/modules/select/SelectPage.tsx +137 -137
  110. package/src/modules/sleepWakeup/DeviceState.d.ts +9 -9
  111. package/src/modules/sleepWakeup/DeviceState.tsx +99 -99
  112. package/src/modules/sleepWakeup/LdvScheduleItem.d.ts +15 -15
  113. package/src/modules/sleepWakeup/LdvScheduleItem.tsx +176 -176
  114. package/src/modules/sleepWakeup/Router.ts +25 -25
  115. package/src/modules/sleepWakeup/SleepWakeUpActions.d.ts +2 -2
  116. package/src/modules/sleepWakeup/SleepWakeUpActions.ts +180 -180
  117. package/src/modules/sleepWakeup/SleepWakeUpDetailPage.d.ts +2 -2
  118. package/src/modules/sleepWakeup/SleepWakeUpDetailPage.tsx +616 -616
  119. package/src/modules/sleepWakeup/SleepWakeUpPage.d.ts +13 -13
  120. package/src/modules/sleepWakeup/SleepWakeUpPage.tsx +424 -424
  121. package/src/modules/sleepWakeup/utils.d.ts +44 -44
  122. package/src/modules/sleepWakeup/utils.ts +253 -253
  123. package/src/modules/timeSchedule/DeviceState.d.ts +17 -17
  124. package/src/modules/timeSchedule/DeviceState.tsx +94 -94
  125. package/src/modules/timeSchedule/LdvScheduleItem.d.ts +15 -15
  126. package/src/modules/timeSchedule/LdvScheduleItem.tsx +130 -130
  127. package/src/modules/timeSchedule/ManualSetting.d.ts +14 -14
  128. package/src/modules/timeSchedule/ManualSetting.tsx +219 -219
  129. package/src/modules/timeSchedule/MoodSetting.d.ts +11 -11
  130. package/src/modules/timeSchedule/MoodSetting.tsx +228 -228
  131. package/src/modules/timeSchedule/Router.ts +25 -25
  132. package/src/modules/timeSchedule/ScheduleScene.d.ts +6 -6
  133. package/src/modules/timeSchedule/ScheduleScene.tsx +144 -144
  134. package/src/modules/timeSchedule/SingleLightView.d.ts +12 -12
  135. package/src/modules/timeSchedule/SingleLightView.tsx +175 -175
  136. package/src/modules/timeSchedule/TimeScheduleBean.d.ts +14 -14
  137. package/src/modules/timeSchedule/TimeScheduleBean.ts +18 -18
  138. package/src/modules/timeSchedule/TimeScheduleEditpage.d.ts +6 -6
  139. package/src/modules/timeSchedule/TimeScheduleEditpage.tsx +765 -765
  140. package/src/modules/timeSchedule/TimeSchedulePage.d.ts +13 -13
  141. package/src/modules/timeSchedule/TimeSchedulePage.tsx +358 -358
  142. package/src/modules/timeSchedule/components/ColorList.ts +23 -23
  143. package/src/modules/timeSchedule/components/LampSwitchCard.tsx +106 -106
  144. package/src/modules/timeSchedule/mix/MixLightActions.d.ts +3 -3
  145. package/src/modules/timeSchedule/mix/MixLightActions.ts +49 -49
  146. package/src/modules/timeSchedule/mix/MixLightBean.d.ts +10 -10
  147. package/src/modules/timeSchedule/mix/MixLightBean.ts +9 -9
  148. package/src/modules/timeSchedule/mix/MixLightView.d.ts +7 -7
  149. package/src/modules/timeSchedule/mix/MixLightView.tsx +197 -197
  150. package/src/modules/timeSchedule/utils.d.ts +1 -1
  151. package/src/modules/timeSchedule/utils.ts +6 -6
  152. package/src/modules/timer/Router.ts +16 -16
  153. package/src/modules/timer/TimerPage.d.ts +11 -11
  154. package/src/modules/timer/TimerPage.tsx +384 -384
  155. package/src/modules/timer/TimerPageAction.d.ts +22 -22
  156. package/src/modules/timer/TimerPageAction.ts +131 -131
  157. package/src/navigation/Routers.d.ts +15 -15
  158. package/src/navigation/Routers.ts +46 -46
  159. package/src/navigation/tools.d.ts +9 -9
  160. package/src/navigation/tools.ts +21 -21
  161. package/src/newModules/biorhythm/BiorhythmActions.ts +62 -11
  162. package/src/newModules/biorhythm/BiorhythmPage.tsx +1 -4
  163. package/src/newModules/childLock/ChildLockPage.tsx +97 -97
  164. package/src/newModules/childLock/Router.ts +16 -16
  165. package/src/newModules/energyConsumption/EnergyConsumptionActions.ts +23 -23
  166. package/src/newModules/energyConsumption/EnergyConsumptionChart.tsx +84 -84
  167. package/src/newModules/energyConsumption/EnergyConsumptionDetail.tsx +322 -322
  168. package/src/newModules/energyConsumption/EnergyConsumptionPage.tsx +393 -393
  169. package/src/newModules/energyConsumption/Router.ts +34 -34
  170. package/src/newModules/energyConsumption/co2Data.ts +23655 -23655
  171. package/src/newModules/energyConsumption/component/BarChart.tsx +93 -93
  172. package/src/newModules/energyConsumption/component/EnergyModal.tsx +284 -284
  173. package/src/newModules/energyConsumption/component/Overview.tsx +118 -118
  174. package/src/newModules/fixedTime/FixedTimeActions.ts +241 -241
  175. package/src/newModules/fixedTime/FixedTimeDetailPage.tsx +345 -345
  176. package/src/newModules/fixedTime/FixedTimePage.tsx +302 -302
  177. package/src/newModules/fixedTime/Router.ts +25 -25
  178. package/src/newModules/lightMode/LightModePage.tsx +204 -204
  179. package/src/newModules/lightMode/Router.ts +16 -16
  180. package/src/newModules/mood/AddMoodPage.tsx +194 -194
  181. package/src/newModules/mood/DynamicMoodEditorPage.tsx +650 -650
  182. package/src/newModules/mood/Interface.ts +220 -220
  183. package/src/newModules/mood/MixDynamicMoodEditor.tsx +786 -786
  184. package/src/newModules/mood/MoodActions.ts +232 -232
  185. package/src/newModules/mood/MoodInfo.ts +2151 -2151
  186. package/src/newModules/mood/MoodItem.tsx +160 -160
  187. package/src/newModules/mood/MoodPage.tsx +386 -386
  188. package/src/newModules/mood/MoodParse.ts +443 -443
  189. package/src/newModules/mood/RecommendMoodItem.tsx +81 -81
  190. package/src/newModules/mood/Router.ts +43 -43
  191. package/src/newModules/mood/StaticMoodEditorPage.tsx +290 -290
  192. package/src/newModules/overchargeSwitch/OverchargeSwitchPage.tsx +96 -96
  193. package/src/newModules/overchargeSwitch/Router.ts +16 -16
  194. package/src/newModules/powerOnBehavior/LightBehaviorPage.tsx +266 -266
  195. package/src/newModules/powerOnBehavior/PlugBehaviorPage.tsx +173 -173
  196. package/src/newModules/powerOnBehavior/PowerOnBehaviorActions.ts +106 -106
  197. package/src/newModules/powerOnBehavior/Router.ts +27 -27
  198. package/src/newModules/randomTime/RandomTimeActions.ts +238 -238
  199. package/src/newModules/randomTime/RandomTimeDetailPage.tsx +325 -325
  200. package/src/newModules/randomTime/RandomTimePage.tsx +299 -299
  201. package/src/newModules/randomTime/Router.ts +25 -25
  202. package/src/newModules/randomTime/Summary.tsx +116 -116
  203. package/src/newModules/remoteControl/RemoteControlActions.ts +5 -5
  204. package/src/newModules/remoteControl/RemoteControlPage.tsx +51 -51
  205. package/src/newModules/remoteControl/Router.ts +15 -15
  206. package/src/newModules/select/Route.ts +16 -16
  207. package/src/newModules/select/SelectPage.d.ts +12 -12
  208. package/src/newModules/select/SelectPage.tsx +137 -137
  209. package/src/newModules/sleepWakeUp/Interface.ts +69 -69
  210. package/src/newModules/sleepWakeUp/Router.ts +24 -24
  211. package/src/newModules/sleepWakeUp/SleepWakeUpActions.ts +317 -317
  212. package/src/newModules/sleepWakeUp/SleepWakeUpDetailPage.tsx +661 -661
  213. package/src/newModules/sleepWakeUp/SleepWakeUpPage.tsx +455 -455
  214. package/src/newModules/sleepWakeUp/utils.ts +253 -253
  215. package/src/newModules/swithInching/Router.ts +16 -16
  216. package/src/newModules/swithInching/SwithInching.tsx +231 -231
  217. package/src/newModules/swithInching/SwithInchingAction.ts +55 -55
  218. package/src/newModules/swithInching/pickerView.tsx +91 -91
  219. package/src/newModules/timeSchedule/Interface.ts +142 -142
  220. package/src/newModules/timeSchedule/Router.ts +25 -25
  221. package/src/newModules/timeSchedule/TimeScheduleActions.ts +53 -53
  222. package/src/newModules/timeSchedule/TimeScheduleDetailPage.tsx +648 -648
  223. package/src/newModules/timeSchedule/TimeSchedulePage.tsx +253 -253
  224. package/src/newModules/timeSchedule/components/ManuaSettings.tsx +460 -460
  225. package/src/newModules/timeSchedule/components/ScheduleCard.tsx +125 -125
  226. package/tsconfig.json +50 -50
@@ -1,321 +1,321 @@
1
- import Page from '@ledvance/base/src/components/Page'
2
- import React, {useCallback, useEffect, useMemo} from 'react'
3
- import {useReactive} from 'ahooks'
4
- import Strings from '@ledvance/base/src/i18n'
5
- import {useNavigation, useRoute} from '@react-navigation/native'
6
- import TextField from '@ledvance/base/src/components/TextField'
7
- import {Utils} from 'tuya-panel-kit'
8
- import {ScrollView, StyleSheet, Text, View} from 'react-native'
9
- import Card from '@ledvance/base/src/components/Card'
10
- import Spacer from '@ledvance/base/src/components/Spacer'
11
- import {hsv2Hex, mapFloatToRange} from '@ledvance/base/src/utils'
12
- import {COLOUR, SCENE, useWorkMode, WHITE} from '../../hooks/DeviceDpStateHooks'
13
- import {cctToColor} from '@ledvance/base/src/utils/cctUtils'
14
- import res from '@ledvance/base/src/res'
15
- import {cloneDeep, find, isEqual} from 'lodash'
16
- import TextButton from '@ledvance/base/src/components/TextButton'
17
- import {saveScene, useScene} from '../scene/SceneAction'
18
- import {useDeviceId, useFanMaxSpeed, useFlagMode} from '@ledvance/base/src/models/modules/NativePropsSlice'
19
- import {SceneNodeInfo, SceneUIState} from '../scene/SceneInfo'
20
- import LampAdjustView from '@ledvance/base/src/components/LampAdjustView'
21
- import FanAdjustView from '@ledvance/base/src/components/FanAdjustView'
22
- import {showDeleteMoodDialog} from './tools'
23
- import {MoodPageProps} from './MoodPage'
24
- import {ui_biz_routerKey} from '../../navigation/Routers'
25
- import { saveFlagMode } from 'modules/flags/FlagActions'
26
-
27
- const cx = Utils.RatioUtils.convertX
28
-
29
- export interface StaticMoodEditorPageParams {
30
- mode: 'add' | 'edit'
31
- currentMood: SceneUIState
32
- moods: SceneUIState[]
33
- onSave: () => void
34
- moduleParams: MoodPageProps
35
- }
36
-
37
- export interface StaticMoodEditorPageState {
38
- headline: string
39
- mood: SceneUIState
40
- currentNode: SceneNodeInfo
41
- }
42
-
43
- const StaticMoodEditorPage = () => {
44
- const navigation = useNavigation()
45
- const routeParams = useRoute().params as StaticMoodEditorPageParams
46
- const params = cloneDeep(routeParams)
47
- const moduleParams = params.moduleParams
48
- const deviceId = useDeviceId()
49
- const [moodId, setScene] = useScene(moduleParams.sceneDpCode)
50
- const [workMode, setWorkMode] = useWorkMode(moduleParams.workModeDpCode)
51
- const [flagMode, setFlagMode] = useFlagMode()
52
- const state = useReactive<StaticMoodEditorPageState>({
53
- headline: '',
54
- mood: params.currentMood,
55
- currentNode: params.currentMood.nodes[0],
56
- })
57
-
58
- useEffect(() => {
59
- state.headline = Strings.getLang(params.mode === 'add' ? 'add_new_static_mood_headline_text' : 'edit_static_mood_headline_text')
60
- }, [params.mode])
61
-
62
- const getColorBlockColor = useCallback(() => {
63
- const s = Math.round(mapFloatToRange(state.currentNode.s / 100, 30, 100))
64
- if (moduleParams.isOnlyRGBLamp) {
65
- return hsv2Hex(state.currentNode.h, s, 100)
66
- }
67
- if (moduleParams.isTWLamp) {
68
- return cctToColor(state.currentNode.colorTemp.toFixed())
69
- }
70
- if (moduleParams.isDIMLamp) {
71
- return '#fff'
72
- }
73
- if (state.currentNode.isColorNode) {
74
- return hsv2Hex(state.currentNode.h, s, 100)
75
- }
76
- if (moduleParams.isSupportTemperature) {
77
- return cctToColor(state.currentNode.colorTemp.toFixed())
78
- }
79
- }, [state.currentNode.colorTemp])
80
-
81
- const onPost = useCallback(async (isDelete: boolean) => {
82
- const currentMood = {
83
- id: params.currentMood.id,
84
- name: state.mood.name,
85
- image: state.mood.image,
86
- fanEnable: state.mood.fanEnable,
87
- fanSpeed: state.mood.fanSpeed,
88
- nodes: state.mood.nodes,
89
- }
90
-
91
- const list = params.mode === 'add' ? [...params.moods, currentMood] :
92
- isDelete ? params.moods.filter(mood => mood.id !== currentMood.id) :
93
- params.moods.map(mood => {
94
- return mood.id === currentMood.id ? currentMood : mood
95
- })
96
- const saveRes = await saveScene(
97
- deviceId,
98
- currentMood,
99
- state.currentNode.transitionMode,
100
- state.currentNode.transitionTime,
101
- list,
102
- !!moduleParams.isFanLamp,
103
- )
104
- if (saveRes.success) {
105
- if(flagMode?.flagMode && moduleParams.isSupportColor){
106
- saveFlagMode(deviceId, JSON.stringify({
107
- flagMode: false,
108
- flagId: undefined
109
- })).then()
110
- setFlagMode({
111
- flagMode: false,
112
- flagId: undefined
113
- })
114
- }
115
- if (list.length > 0) {
116
- if (isDelete && currentMood.id === moodId && workMode === SCENE) {
117
- const setSceneRes = await setScene(
118
- deviceId,
119
- list[0],
120
- moduleParams.sceneDpCode,
121
- moduleParams.workModeDpCode,
122
- moduleParams.switchLedDpCode,
123
- !!moduleParams.isFanLamp
124
- )
125
- console.log('设置修改后的场景结果', setSceneRes)
126
- } else if (!isDelete) {
127
- const setSceneRes = await setScene(
128
- deviceId,
129
- currentMood,
130
- moduleParams.sceneDpCode,
131
- moduleParams.workModeDpCode,
132
- moduleParams.switchLedDpCode,
133
- !!moduleParams.isFanLamp
134
- )
135
- console.log('设置修改后的场景结果', setSceneRes)
136
- }
137
- } else {
138
- await setWorkMode(moduleParams.isOnlyRGBLamp ? COLOUR : WHITE)
139
- console.log('Mood被清空,将work_mode设置成white')
140
- }
141
- }
142
- navigation.navigate(ui_biz_routerKey.ui_biz_mood)
143
- routeParams.onSave()
144
- }, [moodId])
145
-
146
- const nameRepeat = useMemo(() => {
147
- return !!find(params.moods, m => (m.id !== state.mood.id && m.name === state.mood.name))
148
- }, [state.mood.name])
149
-
150
- const checkMoodChanged = useMemo(() =>{
151
- return isEqual(state.mood, params.currentMood)
152
- }, [JSON.stringify(state.mood), params.currentMood])
153
-
154
- const canSaveMoodData = useMemo(() =>{
155
- return state.mood.name.length > 0 && state.mood.name.length < 33 && !nameRepeat && (params.mode === 'add' || !checkMoodChanged)
156
- }, [nameRepeat, state.mood.name, checkMoodChanged, params.mode])
157
-
158
- return (
159
- <Page
160
- backText={Strings.getLang('mesh_device_detail_mode')}
161
- showBackDialog={!checkMoodChanged}
162
- backDialogTitle={
163
- Strings.getLang(params.mode === 'add' ?
164
- 'string_light_pp_dialog_sm_add_headline_c' :
165
- 'manage_user_unsaved_changes_dialog_headline')
166
- }
167
- backDialogContent={
168
- Strings.getLang(params.mode === 'add' ?
169
- 'strip_light_static_mood_add_step_2_dialog_text' :
170
- 'strip_light_static_mood_editor_step_2_dialog_text')
171
- }
172
- headlineText={state.headline}
173
- rightButtonIcon={canSaveMoodData ? res.ic_check : res.ic_uncheck}
174
- rightButtonIconClick={async () => {
175
- if (!canSaveMoodData) {
176
- return
177
- }
178
- await onPost(false)
179
- }}>
180
- <ScrollView
181
- style={{flex: 1}}
182
- nestedScrollEnabled={true}>
183
- <View style={styles.root}>
184
- <TextField
185
- style={styles.name}
186
- value={state.mood.name}
187
- placeholder={Strings.getLang('edit_static_mood_inputfield_topic_text')}
188
- onChangeText={text => {
189
- state.mood.name = text
190
- }}
191
- maxLength={33}
192
- showError={state.mood.name.length > 32 || nameRepeat}
193
- tipColor={nameRepeat ? '#f00' : undefined}
194
- tipIcon={nameRepeat ? res.ic_text_field_input_error : undefined}
195
- errorText={Strings.getLang(nameRepeat ? 'string_light_pp_field_sm_add_error1' : 'add_new_dynamic_mood_alert_text')}/>
196
- <Card style={styles.adjustCard}>
197
- <Spacer height={cx(16)}/>
198
- <View style={styles.lightLine}>
199
- <Text style={styles.light}>
200
- {Strings.getLang('light_sources_tile_tw_lighting_headline')}
201
- </Text>
202
- <View style={[styles.preview, {backgroundColor: getColorBlockColor()}]}/>
203
- </View>
204
- <Spacer/>
205
- <LampAdjustView
206
- isSupportColor={moduleParams.isSupportColor}
207
- isSupportBrightness={moduleParams.isSupportBrightness}
208
- isSupportTemperature={moduleParams.isSupportTemperature}
209
- isColorMode={state.currentNode.isColorNode}
210
- reserveSV={true}
211
- setIsColorMode={isColorMode => {
212
- state.currentNode.isColorNode = isColorMode
213
- }}
214
- h={state.currentNode.h}
215
- s={state.currentNode.s}
216
- v={state.currentNode.v}
217
- onHSVChange={(h, s, v) => {
218
- state.currentNode.h = h
219
- state.currentNode.s = s
220
- state.currentNode.v = v
221
- }}
222
- onHSVChangeComplete={(h, s, v) => {
223
- state.currentNode.h = h
224
- state.currentNode.s = s
225
- state.currentNode.v = v
226
- }}
227
- colorTemp={state.currentNode.colorTemp}
228
- brightness={state.currentNode.brightness}
229
- onCCTChange={cct => {
230
- state.currentNode.colorTemp = cct
231
- }}
232
- onCCTChangeComplete={cct => {
233
- state.currentNode.colorTemp = cct
234
- }}
235
- onBrightnessChange={brightness => {
236
- state.currentNode.brightness = brightness
237
- }}
238
- onBrightnessChangeComplete={brightness => {
239
- state.currentNode.brightness = brightness
240
- }}/>
241
- </Card>
242
- <Spacer/>
243
- {moduleParams.isFanLamp &&
244
- <FanAdjustView
245
- fanEnable={!!state.mood.fanEnable}
246
- fanSpeed={state.mood.fanSpeed || 1}
247
- maxFanSpeed={useFanMaxSpeed()}
248
- onFanSwitch={fanEnable => {
249
- state.mood.fanEnable = fanEnable
250
- }}
251
- onFanSpeedChange={fanSpeed => {
252
- state.mood.fanSpeed = fanSpeed
253
- }}
254
- onFanSpeedChangeComplete={fanSpeed => {
255
- state.mood.fanSpeed = fanSpeed
256
- }}
257
- style={styles.fanAdjustCard}/>}
258
- {params.mode === 'edit' &&
259
- <View style={{marginTop: cx(20), marginHorizontal: cx(24)}}>
260
- <TextButton
261
- style={styles.deleteBtn}
262
- textStyle={styles.deleteBtnText}
263
- text={Strings.getLang('edit_static_mood_button_delete_text')}
264
- onPress={() => {
265
- showDeleteMoodDialog(async (_, {close}) => {
266
- close()
267
- await onPost(true)
268
- })
269
- }}/>
270
- </View>}
271
- <Spacer/>
272
- </View>
273
- </ScrollView>
274
- </Page>
275
- )
276
- }
277
-
278
- const styles = StyleSheet.create({
279
- root: {
280
- flex: 1,
281
- flexDirection: 'column',
282
- },
283
- name: {
284
- marginHorizontal: cx(24),
285
- },
286
- adjustCard: {
287
- marginTop: cx(12),
288
- marginHorizontal: cx(24),
289
- },
290
- fanAdjustCard: {
291
- marginHorizontal: cx(24),
292
- },
293
- lightLine: {
294
- flexDirection: 'row',
295
- marginHorizontal: cx(16),
296
- },
297
- light: {
298
- color: '#000',
299
- fontSize: cx(18),
300
- fontFamily: 'helvetica_neue_lt_std_bd',
301
- },
302
- preview: {
303
- width: cx(20),
304
- height: cx(20),
305
- marginStart: cx(12),
306
- borderRadius: cx(4),
307
- },
308
- deleteBtn: {
309
- width: '100%',
310
- height: cx(50),
311
- backgroundColor: '#666',
312
- borderRadius: cx(8),
313
- },
314
- deleteBtnText: {
315
- color: '#fff',
316
- fontSize: cx(16),
317
- fontFamily: 'helvetica_neue_lt_std_bd',
318
- },
319
- })
320
-
1
+ import Page from '@ledvance/base/src/components/Page'
2
+ import React, {useCallback, useEffect, useMemo} from 'react'
3
+ import {useReactive} from 'ahooks'
4
+ import Strings from '@ledvance/base/src/i18n'
5
+ import {useNavigation, useRoute} from '@react-navigation/native'
6
+ import TextField from '@ledvance/base/src/components/TextField'
7
+ import {Utils} from 'tuya-panel-kit'
8
+ import {ScrollView, StyleSheet, Text, View} from 'react-native'
9
+ import Card from '@ledvance/base/src/components/Card'
10
+ import Spacer from '@ledvance/base/src/components/Spacer'
11
+ import {hsv2Hex, mapFloatToRange} from '@ledvance/base/src/utils'
12
+ import {COLOUR, SCENE, useWorkMode, WHITE} from '../../hooks/DeviceDpStateHooks'
13
+ import {cctToColor} from '@ledvance/base/src/utils/cctUtils'
14
+ import res from '@ledvance/base/src/res'
15
+ import {cloneDeep, find, isEqual} from 'lodash'
16
+ import TextButton from '@ledvance/base/src/components/TextButton'
17
+ import {saveScene, useScene} from '../scene/SceneAction'
18
+ import {useDeviceId, useFanMaxSpeed, useFlagMode} from '@ledvance/base/src/models/modules/NativePropsSlice'
19
+ import {SceneNodeInfo, SceneUIState} from '../scene/SceneInfo'
20
+ import LampAdjustView from '@ledvance/base/src/components/LampAdjustView'
21
+ import FanAdjustView from '@ledvance/base/src/components/FanAdjustView'
22
+ import {showDeleteMoodDialog} from './tools'
23
+ import {MoodPageProps} from './MoodPage'
24
+ import {ui_biz_routerKey} from '../../navigation/Routers'
25
+ import { saveFlagMode } from 'modules/flags/FlagActions'
26
+
27
+ const cx = Utils.RatioUtils.convertX
28
+
29
+ export interface StaticMoodEditorPageParams {
30
+ mode: 'add' | 'edit'
31
+ currentMood: SceneUIState
32
+ moods: SceneUIState[]
33
+ onSave: () => void
34
+ moduleParams: MoodPageProps
35
+ }
36
+
37
+ export interface StaticMoodEditorPageState {
38
+ headline: string
39
+ mood: SceneUIState
40
+ currentNode: SceneNodeInfo
41
+ }
42
+
43
+ const StaticMoodEditorPage = () => {
44
+ const navigation = useNavigation()
45
+ const routeParams = useRoute().params as StaticMoodEditorPageParams
46
+ const params = cloneDeep(routeParams)
47
+ const moduleParams = params.moduleParams
48
+ const deviceId = useDeviceId()
49
+ const [moodId, setScene] = useScene(moduleParams.sceneDpCode)
50
+ const [workMode, setWorkMode] = useWorkMode(moduleParams.workModeDpCode)
51
+ const [flagMode, setFlagMode] = useFlagMode()
52
+ const state = useReactive<StaticMoodEditorPageState>({
53
+ headline: '',
54
+ mood: params.currentMood,
55
+ currentNode: params.currentMood.nodes[0],
56
+ })
57
+
58
+ useEffect(() => {
59
+ state.headline = Strings.getLang(params.mode === 'add' ? 'add_new_static_mood_headline_text' : 'edit_static_mood_headline_text')
60
+ }, [params.mode])
61
+
62
+ const getColorBlockColor = useCallback(() => {
63
+ const s = Math.round(mapFloatToRange(state.currentNode.s / 100, 30, 100))
64
+ if (moduleParams.isOnlyRGBLamp) {
65
+ return hsv2Hex(state.currentNode.h, s, 100)
66
+ }
67
+ if (moduleParams.isTWLamp) {
68
+ return cctToColor(state.currentNode.colorTemp.toFixed())
69
+ }
70
+ if (moduleParams.isDIMLamp) {
71
+ return '#fff'
72
+ }
73
+ if (state.currentNode.isColorNode) {
74
+ return hsv2Hex(state.currentNode.h, s, 100)
75
+ }
76
+ if (moduleParams.isSupportTemperature) {
77
+ return cctToColor(state.currentNode.colorTemp.toFixed())
78
+ }
79
+ }, [state.currentNode.colorTemp])
80
+
81
+ const onPost = useCallback(async (isDelete: boolean) => {
82
+ const currentMood = {
83
+ id: params.currentMood.id,
84
+ name: state.mood.name,
85
+ image: state.mood.image,
86
+ fanEnable: state.mood.fanEnable,
87
+ fanSpeed: state.mood.fanSpeed,
88
+ nodes: state.mood.nodes,
89
+ }
90
+
91
+ const list = params.mode === 'add' ? [...params.moods, currentMood] :
92
+ isDelete ? params.moods.filter(mood => mood.id !== currentMood.id) :
93
+ params.moods.map(mood => {
94
+ return mood.id === currentMood.id ? currentMood : mood
95
+ })
96
+ const saveRes = await saveScene(
97
+ deviceId,
98
+ currentMood,
99
+ state.currentNode.transitionMode,
100
+ state.currentNode.transitionTime,
101
+ list,
102
+ !!moduleParams.isFanLamp,
103
+ )
104
+ if (saveRes.success) {
105
+ if(flagMode?.flagMode && moduleParams.isSupportColor){
106
+ saveFlagMode(deviceId, JSON.stringify({
107
+ flagMode: false,
108
+ flagId: undefined
109
+ })).then()
110
+ setFlagMode({
111
+ flagMode: false,
112
+ flagId: undefined
113
+ })
114
+ }
115
+ if (list.length > 0) {
116
+ if (isDelete && currentMood.id === moodId && workMode === SCENE) {
117
+ const setSceneRes = await setScene(
118
+ deviceId,
119
+ list[0],
120
+ moduleParams.sceneDpCode,
121
+ moduleParams.workModeDpCode,
122
+ moduleParams.switchLedDpCode,
123
+ !!moduleParams.isFanLamp
124
+ )
125
+ console.log('设置修改后的场景结果', setSceneRes)
126
+ } else if (!isDelete) {
127
+ const setSceneRes = await setScene(
128
+ deviceId,
129
+ currentMood,
130
+ moduleParams.sceneDpCode,
131
+ moduleParams.workModeDpCode,
132
+ moduleParams.switchLedDpCode,
133
+ !!moduleParams.isFanLamp
134
+ )
135
+ console.log('设置修改后的场景结果', setSceneRes)
136
+ }
137
+ } else {
138
+ await setWorkMode(moduleParams.isOnlyRGBLamp ? COLOUR : WHITE)
139
+ console.log('Mood被清空,将work_mode设置成white')
140
+ }
141
+ }
142
+ navigation.navigate(ui_biz_routerKey.ui_biz_mood)
143
+ routeParams.onSave()
144
+ }, [moodId])
145
+
146
+ const nameRepeat = useMemo(() => {
147
+ return !!find(params.moods, m => (m.id !== state.mood.id && m.name === state.mood.name))
148
+ }, [state.mood.name])
149
+
150
+ const checkMoodChanged = useMemo(() =>{
151
+ return isEqual(state.mood, params.currentMood)
152
+ }, [JSON.stringify(state.mood), params.currentMood])
153
+
154
+ const canSaveMoodData = useMemo(() =>{
155
+ return state.mood.name.length > 0 && state.mood.name.length < 33 && !nameRepeat && (params.mode === 'add' || !checkMoodChanged)
156
+ }, [nameRepeat, state.mood.name, checkMoodChanged, params.mode])
157
+
158
+ return (
159
+ <Page
160
+ backText={Strings.getLang('mesh_device_detail_mode')}
161
+ showBackDialog={!checkMoodChanged}
162
+ backDialogTitle={
163
+ Strings.getLang(params.mode === 'add' ?
164
+ 'string_light_pp_dialog_sm_add_headline_c' :
165
+ 'manage_user_unsaved_changes_dialog_headline')
166
+ }
167
+ backDialogContent={
168
+ Strings.getLang(params.mode === 'add' ?
169
+ 'strip_light_static_mood_add_step_2_dialog_text' :
170
+ 'strip_light_static_mood_editor_step_2_dialog_text')
171
+ }
172
+ headlineText={state.headline}
173
+ rightButtonIcon={canSaveMoodData ? res.ic_check : res.ic_uncheck}
174
+ rightButtonIconClick={async () => {
175
+ if (!canSaveMoodData) {
176
+ return
177
+ }
178
+ await onPost(false)
179
+ }}>
180
+ <ScrollView
181
+ style={{flex: 1}}
182
+ nestedScrollEnabled={true}>
183
+ <View style={styles.root}>
184
+ <TextField
185
+ style={styles.name}
186
+ value={state.mood.name}
187
+ placeholder={Strings.getLang('edit_static_mood_inputfield_topic_text')}
188
+ onChangeText={text => {
189
+ state.mood.name = text
190
+ }}
191
+ maxLength={33}
192
+ showError={state.mood.name.length > 32 || nameRepeat}
193
+ tipColor={nameRepeat ? '#f00' : undefined}
194
+ tipIcon={nameRepeat ? res.ic_text_field_input_error : undefined}
195
+ errorText={Strings.getLang(nameRepeat ? 'string_light_pp_field_sm_add_error1' : 'add_new_dynamic_mood_alert_text')}/>
196
+ <Card style={styles.adjustCard}>
197
+ <Spacer height={cx(16)}/>
198
+ <View style={styles.lightLine}>
199
+ <Text style={styles.light}>
200
+ {Strings.getLang('light_sources_tile_tw_lighting_headline')}
201
+ </Text>
202
+ <View style={[styles.preview, {backgroundColor: getColorBlockColor()}]}/>
203
+ </View>
204
+ <Spacer/>
205
+ <LampAdjustView
206
+ isSupportColor={moduleParams.isSupportColor}
207
+ isSupportBrightness={moduleParams.isSupportBrightness}
208
+ isSupportTemperature={moduleParams.isSupportTemperature}
209
+ isColorMode={state.currentNode.isColorNode}
210
+ reserveSV={true}
211
+ setIsColorMode={isColorMode => {
212
+ state.currentNode.isColorNode = isColorMode
213
+ }}
214
+ h={state.currentNode.h}
215
+ s={state.currentNode.s}
216
+ v={state.currentNode.v}
217
+ onHSVChange={(h, s, v) => {
218
+ state.currentNode.h = h
219
+ state.currentNode.s = s
220
+ state.currentNode.v = v
221
+ }}
222
+ onHSVChangeComplete={(h, s, v) => {
223
+ state.currentNode.h = h
224
+ state.currentNode.s = s
225
+ state.currentNode.v = v
226
+ }}
227
+ colorTemp={state.currentNode.colorTemp}
228
+ brightness={state.currentNode.brightness}
229
+ onCCTChange={cct => {
230
+ state.currentNode.colorTemp = cct
231
+ }}
232
+ onCCTChangeComplete={cct => {
233
+ state.currentNode.colorTemp = cct
234
+ }}
235
+ onBrightnessChange={brightness => {
236
+ state.currentNode.brightness = brightness
237
+ }}
238
+ onBrightnessChangeComplete={brightness => {
239
+ state.currentNode.brightness = brightness
240
+ }}/>
241
+ </Card>
242
+ <Spacer/>
243
+ {moduleParams.isFanLamp &&
244
+ <FanAdjustView
245
+ fanEnable={!!state.mood.fanEnable}
246
+ fanSpeed={state.mood.fanSpeed || 1}
247
+ maxFanSpeed={useFanMaxSpeed()}
248
+ onFanSwitch={fanEnable => {
249
+ state.mood.fanEnable = fanEnable
250
+ }}
251
+ onFanSpeedChange={fanSpeed => {
252
+ state.mood.fanSpeed = fanSpeed
253
+ }}
254
+ onFanSpeedChangeComplete={fanSpeed => {
255
+ state.mood.fanSpeed = fanSpeed
256
+ }}
257
+ style={styles.fanAdjustCard}/>}
258
+ {params.mode === 'edit' &&
259
+ <View style={{marginTop: cx(20), marginHorizontal: cx(24)}}>
260
+ <TextButton
261
+ style={styles.deleteBtn}
262
+ textStyle={styles.deleteBtnText}
263
+ text={Strings.getLang('edit_static_mood_button_delete_text')}
264
+ onPress={() => {
265
+ showDeleteMoodDialog(async (_, {close}) => {
266
+ close()
267
+ await onPost(true)
268
+ })
269
+ }}/>
270
+ </View>}
271
+ <Spacer/>
272
+ </View>
273
+ </ScrollView>
274
+ </Page>
275
+ )
276
+ }
277
+
278
+ const styles = StyleSheet.create({
279
+ root: {
280
+ flex: 1,
281
+ flexDirection: 'column',
282
+ },
283
+ name: {
284
+ marginHorizontal: cx(24),
285
+ },
286
+ adjustCard: {
287
+ marginTop: cx(12),
288
+ marginHorizontal: cx(24),
289
+ },
290
+ fanAdjustCard: {
291
+ marginHorizontal: cx(24),
292
+ },
293
+ lightLine: {
294
+ flexDirection: 'row',
295
+ marginHorizontal: cx(16),
296
+ },
297
+ light: {
298
+ color: '#000',
299
+ fontSize: cx(18),
300
+ fontFamily: 'helvetica_neue_lt_std_bd',
301
+ },
302
+ preview: {
303
+ width: cx(20),
304
+ height: cx(20),
305
+ marginStart: cx(12),
306
+ borderRadius: cx(4),
307
+ },
308
+ deleteBtn: {
309
+ width: '100%',
310
+ height: cx(50),
311
+ backgroundColor: '#666',
312
+ borderRadius: cx(8),
313
+ },
314
+ deleteBtnText: {
315
+ color: '#fff',
316
+ fontSize: cx(16),
317
+ fontFamily: 'helvetica_neue_lt_std_bd',
318
+ },
319
+ })
320
+
321
321
  export default StaticMoodEditorPage
@@ -1,3 +1,3 @@
1
- export declare const showDeleteMoodDialog: (onConfirm: (data: any, args: {
2
- close: () => void;
3
- }) => void) => void;
1
+ export declare const showDeleteMoodDialog: (onConfirm: (data: any, args: {
2
+ close: () => void;
3
+ }) => void) => void;