@ledvance/ui-biz-bundle 1.1.14 → 1.1.15

package/package.json

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

package/src/modules/flags/FlagPage.tsx

@@ -1,12 +1,12 @@
 import React, { useEffect, useMemo } from "react";
 import Page from "@ledvance/base/src/components/Page";
-import { useDeviceId, useDeviceInfo, useFlags, useMoods } from "@ledvance/base/src/models/modules/NativePropsSlice";
+import { useDeviceId, useDeviceInfo, useFlagMode, useFlags, useMoods } from "@ledvance/base/src/models/modules/NativePropsSlice";
 import { FlatList } from "react-native";
 import Spacer from "@ledvance/base/src/components/Spacer";
 import { Utils } from "tuya-panel-kit";
 import FlagItem from "./FlagItem";
 import { FlagUiInfo } from "./FlagInfo";
-import { getRemoteFlag, saveFlag, useFlag } from "./FlagActions";
+import { getRemoteFlag, saveFlag, saveFlagMode, useFlag } from "./FlagActions";
 import { useRoute, useNavigation } from '@react-navigation/core'
 import I18n from "@ledvance/base/src/i18n";
 import { useReactive, useUpdateEffect } from "ahooks";
@@ -46,6 +46,7 @@ const FlagPage = () => {
   const [dps, setDps] = useDps()
   const [moods, setMoods] = useMoods()
   const [flags, setFlags] = useFlags()
+  const [flagMode, setFlagMode] = useFlagMode()
   const [flagState, setFlag] = useFlag((params.isStripLight ? params?.drawToolLight?.drawToolCode : params.sceneDataCode)!!, {
     isMixLight: params.isSupportMixScene,
     isStringLight: params.isStringLight,
@@ -144,6 +145,7 @@ const FlagPage = () => {
     const mood = mode === 'del' ? (newScene.length === 0 ? undefined : newScene[0]) : checkedMood
     const res = await saveFlag(devId, cloneDeep(newScene))
     if (res.success) {
+      updateFlagMode()
       state.flags = cloneDeep(newScene)
       setFlags(cloneDeep(newScene))
       if(mode === 'del' && currentMood.id !== flagState.id){
@@ -165,6 +167,13 @@ const FlagPage = () => {
     }
   }
 
+  const updateFlagMode = () =>{
+    if(!flagMode){
+      saveFlagMode(devId, JSON.stringify(true)).then()
+      setFlagMode(true)
+    }
+  }
+
   return (
     <Page
       headlineText={I18n.getLang('Feature_devicepanel_flags')}
@@ -185,12 +194,13 @@ const FlagPage = () => {
       <FlatList
         data={state.flags}
         renderItem={({ item }) => <FlagItem
-          enable={dps[params.workModeCode] === (params.isStripLight ? WORK_MODE.Colour : WORK_MODE.Scene) && flagId === item.id}
+          enable={dps[params.workModeCode] === (params.isStripLight ? WORK_MODE.COLOUR : WORK_MODE.SCENE) && flagId === item.id}
           title={item.name}
           colors={item.colors.map(item => hsv2Hex(item.h, item.s, item.v))}
           onSwitch={async (enable) => {
             if (enable) {
               await setFlag(item)
+              updateFlagMode()
             }
           }}
           onPress={() => {

package/src/modules/mood/DynamicMoodEditorPage.tsx

@@ -101,7 +101,7 @@ const DynamicMoodEditorPage = () => {
       isUVCFan
     )
     if (saveRes.success) {
-      if(flagMode && params.isSupportColor){
+      if(flagMode){
         saveFlagMode(deviceId, JSON.stringify(false)).then()
         setFlagMode(false)
       }

package/src/modules/mood/FantasyMoodEditPage.tsx

@@ -107,7 +107,7 @@ const FantasyMoodEditPage = () => {
         })
     const saveRes = await saveFantasyScene(deviceId, params.moduleParams.featureId, list, moduleParams.isStringLight)
     if (saveRes.success) {
-      if(flagMode && params.isSupportColor){
+      if(flagMode){
         saveFlagMode(deviceId, JSON.stringify(false)).then()
         setFlagMode(false)
       }

package/src/modules/mood/MoodPage.tsx

@@ -4,7 +4,7 @@ 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 } from '@ledvance/base/src/models/modules/NativePropsSlice'
+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'
@@ -16,6 +16,7 @@ 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
 
@@ -58,6 +59,7 @@ const MoodPage = () => {
   }
   const [sceneId, setScene] = useScene(params.sceneDpCode)
   const [workMode] = useWorkMode(params.workModeDpCode)
+  const [flagMode, setFlagMode] = useFlagMode()
   const deviceInfo = useDeviceInfo()
   const navigation = useNavigation()
   const isUVCFan = isUVCFanDevice()
@@ -143,6 +145,13 @@ const MoodPage = () => {
     return mood
   }, [])
 
+  const updateFlagMode = () =>{
+    if(flagMode && params.isSupportColor){
+      saveFlagMode(deviceInfo.devId, JSON.stringify(false)).then()
+      setFlagMode(false)
+    }
+  }
+
   return (
     <>
       <Page
@@ -226,6 +235,7 @@ const MoodPage = () => {
                     !!params.isFanLamp
                   )
                   state.currentScene = checkMoodData(item)
+                  updateFlagMode()
                   state.loading = false
                 }} />
             )

package/src/modules/mood/StaticMoodEditorPage.tsx

@@ -102,7 +102,7 @@ const StaticMoodEditorPage = () => {
       !!moduleParams.isFanLamp,
     )
     if (saveRes.success) {
-      if(flagMode && params.isSupportColor){
+      if(flagMode && moduleParams.isSupportColor){
         saveFlagMode(deviceId, JSON.stringify(false)).then()
         setFlagMode(false)
       }