@ledvance/ui-biz-bundle 1.1.76 → 1.1.78

package/package.json

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

package/src/modules/flags/FlagEditPage.tsx

@@ -56,11 +56,15 @@ const FlagEditPage = () => {
   }, [state.currentNode, state.currentWhiteNode])
 
   useUpdateEffect(() =>{
-    state.currentNode = state.mood.colors[state.colorPaintBucketIdx]
+    if (state.colorPaintBucketIdx < state.mood.colors.length) {
+      state.currentNode = state.mood.colors[state.colorPaintBucketIdx]
+    }
   }, [JSON.stringify(state.mood.colors), state.colorPaintBucketIdx])
 
   useUpdateEffect(() =>{
-    state.currentWhiteNode = state.mood.whiteColors[state.whitePaintBucketIdx]
+    if (state.whitePaintBucketIdx < state.mood.whiteColors.length) {
+      state.currentWhiteNode = state.mood.whiteColors[state.whitePaintBucketIdx]
+    }
   }, [JSON.stringify(state.mood.whiteColors), state.whitePaintBucketIdx])
 
   const checkMoodDataChanged = useMemo(() =>{

package/src/newModules/biorhythm/BiorhythmActions.ts

@@ -48,7 +48,7 @@ export const useBiorhythm: UseBiorhythmType = (dpKey: string, disabledFeature?:
     if (disabledFeature) return
     biorhythmTimer = setTimeout(() => {
       getBiorhythm()
-    }, 250)
+    }, 300)
 
     return () => {
       clearTimeout(biorhythmTimer)

package/src/newModules/fixedTime/FixedTimeActions.ts

@@ -101,7 +101,7 @@ export const useFixedTime: UseFixedTimeType = (dpKey, isPlug, disableFeature) =>
           }
         }
       })
-    }, 250)
+    }, 200)
 
     return () => clearTimeout(fixedTimer)
   }, [fixedTimeDp])
@@ -197,7 +197,7 @@ const fixedTimeDp2Obj = (fixedDp: string, isPlug?: boolean) => {
         brightness,
         temperature
       },
-      isColorMode: !!(h && s && v)
+      isColorMode: !!(h !== 0 || s !== 0 || v !== 0)
     }
   })
   return {

package/src/newModules/fixedTime/FixedTimeDetailPage.tsx

@@ -38,15 +38,21 @@ const FixedTimeDetailPage = () => {
   const is24Hour = useSystemTimeFormate()
   const state = useReactive({
     loading: false,
-    isColorMode: false,
-    fixedTime: cloneDeep(params.scheduleItem)
+    fixedTime: cloneDeep(params.scheduleItem),
+    initFixedTime: cloneDeep(params.scheduleItem)
   })
 
   useEffect(() => {
     if (!params.isPlug && state.fixedTime.color) {
       const { brightness, temperature, h, s, v } = state.fixedTime.color
       const isColor = brightness === 0 && temperature === 0 && (h !== 0 || s !== 0 || v !== 0)
-      state.isColorMode = isColor
+      if (isColor) {
+        state.fixedTime.color.brightness = 100;
+      } else {
+        state.fixedTime.color.s = 100;
+        state.fixedTime.color.v = 100;
+      }
+      state.initFixedTime = cloneDeep(state.fixedTime)
     }
   }, [])
 
@@ -66,8 +72,8 @@ const FixedTimeDetailPage = () => {
   }, [JSON.stringify(state.fixedTime)])
 
   const checkItemChanged = useMemo(() =>{
-    return isEqual(state.fixedTime, params.scheduleItem)
-  }, [params.scheduleItem, JSON.stringify(state.fixedTime)])
+    return isEqual(state.fixedTime, state.initFixedTime)
+  }, [state.initFixedTime, JSON.stringify(state.fixedTime)])
 
   const canSubmit = useMemo(() => {
     return state.fixedTime.name?.length > 0 && state.fixedTime.name?.length < 33 && !checkItemChanged && inRangeTime && state.fixedTime.channel !== undefined
@@ -91,11 +97,11 @@ const FixedTimeDetailPage = () => {
         }
         if (!params.isPlug && state.fixedTime.color) {
           editFixedTime.color = {
-            h: state.isColorMode ? state.fixedTime.color?.h : 0,
-            s: state.isColorMode ? state.fixedTime.color?.s : 0,
-            v: state.isColorMode ? state.fixedTime.color?.v : 0,
-            temperature: state.isColorMode ? 0 : state.fixedTime.color?.temperature,
-            brightness: state.isColorMode ? 0 : state.fixedTime.color?.brightness
+            h: state.fixedTime.isColorMode ? state.fixedTime.color?.h : 0,
+            s: state.fixedTime.isColorMode ? state.fixedTime.color?.s : 0,
+            v: state.fixedTime.isColorMode ? state.fixedTime.color?.v : 0,
+            temperature: state.fixedTime.isColorMode ? 0 : state.fixedTime.color?.temperature,
+            brightness: state.fixedTime.isColorMode ? 0 : state.fixedTime.color?.brightness
           }
         }
         const res = await params.onPost(params.mode, editFixedTime)
@@ -190,9 +196,9 @@ const FixedTimeDetailPage = () => {
               isSupportColor={!!params.isSupportColor}
               isSupportBrightness={!!params.isSupportBrightness}
               isSupportTemperature={!!params.isSupportTemperature}
-              isColorMode={state.isColorMode}
+              isColorMode={state.fixedTime.isColorMode ?? false}
               reserveSV={true}
-              setIsColorMode={(v) => state.isColorMode = v}
+              setIsColorMode={(v) => state.fixedTime.isColorMode = v}
               h={state.fixedTime.color.h}
               s={state.fixedTime.color.s}
               v={state.fixedTime.color.v}

package/src/newModules/mood/DynamicMoodEditorPage.tsx

@@ -10,7 +10,7 @@ import {
 } from 'react-native';
 import { Utils } from 'tuya-panel-kit';
 import { useReactive } from 'ahooks';
-import { cloneDeep, find, isEqual } from 'lodash';
+import { cloneDeep, isEqual } from 'lodash';
 import Page from '@ledvance/base/src/components/Page';
 import Strings from '@ledvance/base/src/i18n';
 import { StaticMoodEditorPageParams } from './StaticMoodEditorPage';

package/src/newModules/mood/MoodActions.ts

@@ -170,7 +170,7 @@ export const useMoodScene = (params: MoodPageParams): [MoodInfo, (moodInfo: Mood
     const secondaryDps = {}
     if (moodInfo) {
       const { mainLamp, secondaryLamp } = moodInfo
-      if (mainLamp?.nodes?.length) {
+      if (params.isMixLight || mainLamp?.nodes?.length) {
         const mainHex = getMoodDp(params.isCeilingLight ? {...moodInfo, id: mainLamp.id!} : moodInfo, params);
         mainDps[params.mainDp] = mainHex
         mainDps[params.mainWorkMode] = WorkMode.Scene;
@@ -184,7 +184,6 @@ export const useMoodScene = (params: MoodPageParams): [MoodInfo, (moodInfo: Mood
             id: secondaryLamp.id!,
             version: 1
           });
-          console.log(secondaryHex, secondaryLamp, 'hexxxxx')
           secondaryDps[params.secondaryDp] = secondaryHex
           secondaryDps[params.secondaryWorkMode!] = WorkMode.Scene
           secondaryDps[params.secondarySwitch!] = true

package/src/newModules/mood/MoodItem.tsx

@@ -54,7 +54,7 @@ const MoodItem = (props: MoodItemProps) => {
         </View>
         <Spacer />
         <MixMoodColorsLine mixSubLight={mood.mainLamp} isMix={isMix} type={(mood.mainLamp.mode === gradientMode && !deviceTypeOption?.isCeilingLight) ? 'gradient' : 'separate'}/>
-        {(isMix && !!mood.secondaryLamp.nodes.length) &&  (
+        {(deviceTypeOption?.isMixLight || (isMix && !!mood.secondaryLamp.nodes.length)) &&  (
           <>
             <Spacer height={cx(7)} />
             <MixMoodColorsLine mixSubLight={mood.secondaryLamp} isMix={isMix} type={mood.secondaryLamp.mode === (deviceTypeOption?.isMixLight ? MoodJumpGradientMode.SourceGradient : MoodJumpGradientMode.StripGradient) ? 'gradient' : 'separate'}/>

package/src/newModules/mood/MoodPage.tsx

@@ -8,7 +8,7 @@ import {
   useFlagMode,
   useMoods,
 } from '@ledvance/base/src/models/modules/NativePropsSlice';
-import { useReactive, useUpdateEffect } from 'ahooks';
+import { useReactive } from 'ahooks';
 import Strings from '@ledvance/base/src/i18n';
 import res from '@ledvance/base/src/res';
 import { FlatList, StyleSheet, View, Platform } from 'react-native';
@@ -41,7 +41,7 @@ const MoodPage = () => {
   const [secondaryWork, setSecondaryWork] = useWorkMode(params.secondaryWorkMode!);
   const [switchLed] = useSwitchLed(params.switchLedDp)
   const [flagMode, setFlagMode] = useFlagMode();
-  
+
   const state = useReactive<MoodPageState>({
     currentMood: undefined,
     staticTagChecked: true,
@@ -70,7 +70,6 @@ const MoodPage = () => {
       ).then(res => {
         state.loading = false 
         if (res.success && Array.isArray(res.data)) {
-          console.log(res.data, ' <--- res.data')
           state.originMoods = cloneDeep(res.data);
         }
       });

package/src/newModules/mood/RecommendMoodItem.tsx

@@ -48,7 +48,7 @@ const RecommendMixMoodItem = (props: RecommendMixMoodItemProps) => {
           <View style={styles.lineStyle}>
             <MixMoodColorsLine mixSubLight={mood?.mainLamp} isMix={isMix} type={(mood.mainLamp.mode === gradientMode && !deviceTypeOption?.isCeilingLight) ? 'gradient' : 'separate'}/>
             <Spacer height={cx(7)} />
-            {(isMix && !!mood.secondaryLamp.nodes.length) && <MixMoodColorsLine mixSubLight={mood.secondaryLamp} isMix={isMix} type={mood.secondaryLamp.mode === (deviceTypeOption?.isMixLight ? MoodJumpGradientMode.SourceGradient : MoodJumpGradientMode.StripGradient) ? 'gradient' : 'separate'}/>}
+            {(deviceTypeOption?.isMixLight || (isMix && !!mood.secondaryLamp.nodes.length)) && <MixMoodColorsLine mixSubLight={mood.secondaryLamp} isMix={isMix} type={mood.secondaryLamp.mode === (deviceTypeOption?.isMixLight ? MoodJumpGradientMode.SourceGradient : MoodJumpGradientMode.StripGradient) ? 'gradient' : 'separate'}/>}
           </View>
           <Spacer height={cx(24)} />
         </>

package/src/newModules/mood/StaticMoodEditorPage.tsx

@@ -22,6 +22,7 @@ import LampAdjustView2 from '@ledvance/base/src/components/LampAdjustView2';
 import { ui_biz_routerKey } from '../../navigation/Routers'
 import LdvSwitch from '@ledvance/base/src/components/ldvSwitch';
 import { showDialog } from '@ledvance/base/src/utils/common';
+import ColorAdjustView from '@ledvance/base/src/components/ColorAdjustView';
 
 const cx = Utils.RatioUtils.convertX;
 
@@ -54,7 +55,7 @@ const StaticMoodEditorPage = () => {
     secondaryNode: params.currentMood?.secondaryLamp?.nodes?.[0],
     loading: false,
   });
-  
+
   useEffect(() => {
     state.headline = I18n.getLang(
       params.mode === 'add' ? 'add_new_static_mood_headline_text' : 'edit_static_mood_headline_text'
@@ -90,10 +91,10 @@ const StaticMoodEditorPage = () => {
         nodes: [cloneDeep(state.secondaryNode)],
       };
       newMood.mainLamp.type = 2
-      if(moduleParams.isSupportBrightness && !moduleParams.isSupportTemperature){
+      if (moduleParams.isSupportBrightness && !moduleParams.isSupportTemperature) {
         newMood.mainLamp.type = 1
       }
-      if(moduleParams.isSupportColor){
+      if (moduleParams.isSupportColor) {
         newMood.secondaryLamp.type = 3
       }
     }
@@ -108,11 +109,11 @@ const StaticMoodEditorPage = () => {
     return params.nameRepeat(state.mood)
   }, [state.mood.name]);
 
-  const checkMoodChanged = useMemo(() =>{
+  const checkMoodChanged = useMemo(() => {
     return isEqual(state.mood, params.currentMood)
   }, [JSON.stringify(state.mood), params.currentMood])
 
-  const canSaveMoodData = useMemo(() =>{
+  const canSaveMoodData = useMemo(() => {
     return state.mood.name.length > 0 && state.mood.name.length < 33 && !nameRepeat && (params.mode === 'add' || !checkMoodChanged)
   }, [nameRepeat, state.mood.name, checkMoodChanged, params.mode])
 
@@ -194,6 +195,50 @@ const StaticMoodEditorPage = () => {
               />
             )}
           </Card>
+          {moduleParams.isMixLight && <Card style={styles.adjustCard}>
+            <LdvSwitch
+              title={I18n.getLang('add_new_trigger_time_field_headline_text3')}
+              color={''}
+              colorAlpha={1}
+              enable={!!state.mood.secondaryLamp.enable}
+              setEnable={(enable: boolean) => {
+                if (enable && state.mood.secondaryLamp.nodes.length === 0) {
+                  state.mood.secondaryLamp.nodes.push(
+                    {
+                      h: 0,
+                      s: 100,
+                      v: 100,
+                      brightness: 100,
+                      colorTemp: 0,
+                      isColorNode: true,
+                    }
+                  );
+                }
+                state.mood.secondaryLamp.type = 3
+                state.secondaryNode = state.mood.secondaryLamp.nodes[0]
+                state.mood.secondaryLamp.enable = enable
+              }} />
+            {state.mood.secondaryLamp.enable &&
+              <>
+                <ColorAdjustView
+                  reserveSV={true}
+                  h={state.secondaryNode.h}
+                  s={state.secondaryNode.s}
+                  v={state.secondaryNode.v}
+                  onHSVChange={(h, s, v) => {
+                    state.secondaryNode.h = h
+                    state.secondaryNode.s = s
+                    state.secondaryNode.v = v
+                  }}
+                  onHSVChangeComplete={(h, s, v) => {
+                    state.secondaryNode.h = h
+                    state.secondaryNode.s = s
+                    state.secondaryNode.v = v
+                  }} />
+                <Spacer />
+              </>
+            }
+          </Card>}
           <Spacer />
           {!!(moduleParams.isFanLight || moduleParams.isUVCFan) && (
             <FanAdjustView
@@ -223,7 +268,7 @@ const StaticMoodEditorPage = () => {
                     method: 'confirm',
                     title: I18n.getLang('string_light_pp_dialog_sm_ed_headline_d'),
                     subTitle: I18n.getLang(`strip_light_static_mood_edit_dialog_text`),
-                    onConfirm: async (_, {close})=>{
+                    onConfirm: async (_, { close }) => {
                       close();
                       state.loading = true;
                       const res = await params.modDeleteMood('del', state.mood);

package/src/newModules/randomTime/RandomTimeActions.ts

@@ -102,7 +102,7 @@ export const useRandomTime: UseFixedTimeType = (dpKey: string, isPlug?: boolean,
           }
         }
       })
-    }, 250)
+    }, 200)
 
     return () => clearTimeout(randomTimer)
   }, [randomTimeDp])
@@ -195,7 +195,7 @@ const randomTimeDp2Obj = (randomDp: string, isPlug?: boolean) => {
         brightness,
         temperature
       },
-      isColorMode: !!(h && s && v)
+      isColorMode: !!(h !== 0 || s !== 0 || v !== 0)
     }
   })
   return {

package/src/newModules/randomTime/RandomTimeDetailPage.tsx

@@ -35,21 +35,28 @@ const RandomTimeDetailPage = () => {
   const is24Hour = useSystemTimeFormate()
   const state = useReactive({
     loading: false,
-    isColorMode: false,
-    randomTime: cloneDeep(params.scheduleItem)
+    randomTime: cloneDeep(params.scheduleItem),
+    initRandomTime: cloneDeep(params.scheduleItem)
   })
 
   useEffect(() => {
     if (!params.isPlug && state.randomTime.color) {
       const { brightness, temperature, h, s, v } = state.randomTime.color
       const isColor = brightness === 0 && temperature === 0 && (h !== 0 || s !== 0 || v !== 0)
-      state.isColorMode = isColor
+      state.randomTime.isColorMode = isColor
+      if (isColor) {
+        state.randomTime.color.brightness = 100;
+      } else {
+        state.randomTime.color.s = 100;
+        state.randomTime.color.v = 100;
+      }
+      state.initRandomTime = cloneDeep(state.randomTime)
     }
   }, [])
 
   const checkItemChanged = useMemo(() =>{
-    return isEqual(state.randomTime, params.scheduleItem)
-  }, [params.scheduleItem, JSON.stringify(state.randomTime)])
+    return isEqual(state.randomTime, state.initRandomTime)
+  }, [JSON.stringify(state.initRandomTime), JSON.stringify(state.randomTime)])
 
   const canSubmit = useMemo(() => {
     return state.randomTime.name?.length > 0 && state.randomTime.name?.length < 33 && !checkItemChanged && state.randomTime.channel !== undefined
@@ -85,11 +92,11 @@ const RandomTimeDetailPage = () => {
         }
         if (!params.isPlug && state.randomTime.color) {
           editRandomTime.color = {
-            h: state.isColorMode ? state.randomTime.color?.h : 0,
-            s: state.isColorMode ? state.randomTime.color?.s : 0,
-            v: state.isColorMode ? state.randomTime.color?.v : 0,
-            temperature: state.isColorMode ? 0 : state.randomTime.color?.temperature,
-            brightness: state.isColorMode ? 0 : state.randomTime.color?.brightness
+            h: state.randomTime.isColorMode ? state.randomTime.color?.h : 0,
+            s: state.randomTime.isColorMode ? state.randomTime.color?.s : 0,
+            v: state.randomTime.isColorMode ? state.randomTime.color?.v : 0,
+            temperature: state.randomTime.isColorMode ? 0 : state.randomTime.color?.temperature,
+            brightness: state.randomTime.isColorMode ? 0 : state.randomTime.color?.brightness
           }
         }
         const res = await params.onPost(params.mode, editRandomTime)
@@ -184,9 +191,9 @@ const RandomTimeDetailPage = () => {
               isSupportColor={!!params.isSupportColor}
               isSupportBrightness={!!params.isSupportBrightness}
               isSupportTemperature={!!params.isSupportTemperature}
-              isColorMode={state.isColorMode}
+              isColorMode={state.randomTime.isColorMode ?? false}
               reserveSV={true}
-              setIsColorMode={(v) => state.isColorMode = v}
+              setIsColorMode={(v) => state.randomTime.isColorMode = v}
               h={state.randomTime.color.h}
               s={state.randomTime.color.s}
               v={state.randomTime.color.v}

package/src/newModules/remoteControl/RemoteControlPage.tsx

@@ -9,6 +9,7 @@ import { useParams } from '@ledvance/base/src/hooks/Hooks';
 import Card from '@ledvance/base/src/components/Card';
 import Spacer from '@ledvance/base/src/components/Spacer';
 import { Utils } from 'tuya-panel-kit'
+import {showDialog} from "@ledvance/base/src/utils/common";
 
 const { convertX: cx } = Utils.RatioUtils
 
@@ -38,9 +39,26 @@ const RemoteControlPage = () => {
           colorAlpha={1}
           enable={remoteControl}
           setEnable={async v => {
-            state.loading = true;
-            await setRemoteControl(v);
-            state.loading = false;
+            if (state.loading) {
+              return
+            }
+            if (v) {
+              showDialog({
+                method: 'confirm',
+                title: I18n.getLang('Remotecontrol_Title'),
+                subTitle: I18n.getLang('Remotecontrol_description'),
+                onConfirm: async (_, { close }) => {
+                  close()
+                  state.loading = true
+                  await setRemoteControl(v)
+                  state.loading = false
+                }
+              })
+            } else {
+              state.loading = true
+              await setRemoteControl(v)
+              state.loading = false
+            }
           }}
         />
       </Card>

package/src/newModules/sleepWakeUp/SleepWakeUpActions.ts

@@ -121,7 +121,7 @@ const wakeUpDp2Obj = (dp: string): WakeUpData | undefined => {
       enable, weeks, delay, hour, minute, h, s, v, brightness, temperature, last, nodeHex, isSleep: false,
       startTime,
       endTime,
-      isColorMode: !!(h && s && v)
+      isColorMode: !!(h !== 0 || s !== 0 || v !== 0)
     }
   })
   return {
@@ -266,7 +266,7 @@ export const sleepDp2Obj = (dp: string): SleepData | undefined => {
       enable, weeks, delay, hour, minute, h, s, v, brightness, temperature, nodeHex, isSleep: true,
       startTime,
       endTime,
-      isColorMode: !!(h && s && v)
+      isColorMode: !!(h !== 0 || s !== 0 || v !== 0)
     }
   })
   return {

package/src/newModules/timeSchedule/TimeScheduleActions.ts

@@ -19,8 +19,9 @@ export const defMixDeviceData = {
 
 export const defStripDeviceData = {
   ...defDeviceData,
-  activeKey: 0,
+  activeKey: 1,
   colors: ColorList[0],
+  colorDiskActiveKey: 0
 };
 
 export const getTimeSchedule = async (deviceId: string): Promise<Timer[]> => {

package/src/newModules/timeSchedule/TimeScheduleDetailPage.tsx

@@ -42,7 +42,7 @@ import ManualSettings from './components/ManuaSettings';
 import { defDeviceData, defMixDeviceData, defStripDeviceData } from './TimeScheduleActions';
 import MoodItem from '../mood/MoodItem';
 import { getRemoteMoodList } from '../mood/MoodActions';
-import { MoodUIInfo } from '@ledvance/ui-biz-bundle/src/newModules/mood/Interface';
+import { MoodUIInfo } from '../mood/Interface';
 import Summary from '@ledvance/base/src/components/Summary'
 
 const { convertX: cx } = Utils.RatioUtils;
@@ -161,11 +161,8 @@ const TimeScheduleDetailPage = (props: { theme?: any }) => {
     if (typeof time === 'number') {
       return `${toFixedString(Math.trunc(time / 60), 2)}:${toFixedString(time % 60, 2)}`;
     }
-    if (typeof time === 'string') {
-      const t = time.split(':');
-      return Number(t[0]) * 60 + Number(t[1]);
-    }
-    return time;
+    const t = time.split(':');
+    return Number(t[0]) * 60 + Number(t[1]);
   }, []);
 
   const isModify = useMemo(() => {
@@ -460,6 +457,7 @@ const TimeScheduleDetailPage = (props: { theme?: any }) => {
             isSupportBrightness={params.isSupportBrightness}
             isSupportTemperature={params.isSupportTemperature}
             isStripLight={params.isStripLight}
+            isCeilingLight={params.isCeilingLight}
             manualData={state.manualData}
             onManualChange={manual => {
               state.manualData = {
@@ -622,15 +620,19 @@ const newTimeSchedule = () => {
 
 const getDefaultManual = (props: TimeScheduleDetailPageParams): ComponentConfig => {
   const deviceType =
-    props.isStripLight || props.isCeilingLight
+    props.isStripLight
       ? DeviceType.StripLight
       : props.isMixLight
         ? DeviceType.MixLight
         : props.isPowerStrip
         ? DeviceType.PowerStrip
-        : DeviceType.LightSource;
+        : props.isFanLight 
+        ? DeviceType.FanLight
+        : props.isCeilingLight 
+        ? DeviceType.CeilingLight
+         : DeviceType.LightSource
   const deviceData =
-    deviceType === DeviceType.StripLight
+    (deviceType === DeviceType.StripLight || deviceType === DeviceType.CeilingLight)
       ? defStripDeviceData
       : deviceType === DeviceType.MixLight
         ? defMixDeviceData

package/src/newModules/timeSchedule/TimeSchedulePage.tsx

@@ -194,7 +194,7 @@ const TimeSchedulePage = (props: { theme?: any }) => {
             iconStyle={{ tintColor: props.theme.global.warning }}
           />
         )}
-        {params.applyForList.length > 1 && !!state.originList.length && showTags}
+        {params.applyForList.length > 1 && !!state.originList.length && !(params.isCeilingLight || params.isMixLight) && showTags}
         {state.timeScheduleList.length > 0 ? <FlatList
           data={state.timeScheduleList}
           renderItem={({ item }) => (

package/src/newModules/timeSchedule/components/ManuaSettings.tsx

@@ -72,7 +72,7 @@ function ManualSettings(props: ManualSettingProps) {
           <View key={item.dp}>
             <Card style={{ marginHorizontal: cx(24) }}>
               <LdvSwitch
-                title={item.key}
+                title={item.name || item.key}
                 color={props.theme.card.background}
                 colorAlpha={1}
                 enable={item.enable}
@@ -253,7 +253,7 @@ function ManualSettings(props: ManualSettingProps) {
     const deviceData = state.deviceData as StripLightData
     return (
       <View>
-        <Card>
+        <Card style={{ marginHorizontal: cx(24) }}>
           <LdvSwitch
             title={I18n.getLang('light_sources_tile_tw_lighting_headline')}
             color={props.theme.card.background}