@ledvance/group-ui-biz-bundle 1.0.81 → 1.0.83

package/src/modules/randomTimingForLight/RandomTimingForLightDetailPage.tsx

@@ -20,6 +20,7 @@ import Card from "@ledvance/base/src/components/Card";
 import LdvSwitch from "@ledvance/base/src/components/ldvSwitch";
 import LampAdjustView from "@ledvance/base/src/components/LampAdjustView";
 import {parseHour12} from "@tuya/tuya-panel-lamp-sdk/lib/utils";
+import ThemeType from '@ledvance/base/src/config/themeType'
 
 const {parseTimer} = Utils.TimeUtils
 const {convertX: cx} = Utils.RatioUtils;
@@ -50,7 +51,7 @@ const newRandomTimingItem = (): RandomTimingItem => {
   }
 }
 
-const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
+const RandomTimingForLightDetailPage = (props: { theme?: ThemeType }) => {
   const navigation = useNavigation()
   const params = useRoute().params as RandomTimeDetailParam
   const initItem = newRandomTimingItem();
@@ -132,13 +133,13 @@ const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
       marginHorizontal: cx(24)
     },
     itemTitle: {
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(16),
       fontWeight: 'bold',
       fontFamily: 'helvetica_neue_lt_std_bd',
     },
     applyContent: {
-      backgroundColor: props.theme.container.background,
+      backgroundColor: props.theme?.container.background,
       borderRadius: 4,
       minHeight: cx(55),
       flex: 1,
@@ -151,7 +152,7 @@ const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
       flexDirection: 'row',
       justifyContent: 'space-between',
       alignItems: 'center',
-      backgroundColor: props.theme.global.background,
+      backgroundColor: props.theme?.global.background,
       height: cx(35),
     },
   })
@@ -185,8 +186,8 @@ const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
         {/* pick */}
         <TimerPicker
           itemTextColor='#aeadb5'
-          style={{ paddingVertical: cx(0), marginVertical: cx(0), backgroundColor: props.theme.global.background }}
-          pickerFontColor={props.theme.global.fontColor}
+          style={{ paddingVertical: cx(0), marginVertical: cx(0), backgroundColor: props.theme?.global.background }}
+          pickerFontColor={props.theme?.global.fontColor}
           is12Hours={!params.is24Hour}
           startTime={state.item.startTime}
           endTime={state.item.endTime}
@@ -202,7 +203,7 @@ const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
             state.item.weeks[rawIndex] = state.item.weeks[rawIndex] === 1 ? 0 : 1
           }}/>
         <Spacer/>
-        <Text style={{ ...styles.cardContainer, color: props.theme.global.fontColor, fontSize: cx(14) }}>
+        <Text style={{ ...styles.cardContainer, color: props.theme?.global.fontColor, fontSize: cx(14) }}>
           {loopText(state.item.weeks, parseTimer(state.item.endTime * 60))}
         </Text>
         <Spacer/>
@@ -212,17 +213,17 @@ const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
           <Spacer height={cx(10)}/>
           <View style={styles.applyContent}>
             {state.item.channel === undefined ?
-              <Text style={{color: props.theme.global.fontColor}}>
+              <Text style={{color: props.theme?.global.fontColor}}>
                 {I18n.getLang('timer_ceiling_fan_selectionfield_no_components_text')}
               </Text> :
               <View style={[styles.applyItem, {marginBottom: cx(10), borderRadius: 4}]}>
-                <Text style={{color: props.theme.global.fontColor}}>{params.channels[state.item.channel]}</Text>
+                <Text style={{color: props.theme?.global.fontColor}}>{params.channels[state.item.channel]}</Text>
                 {params.channels.length > 1 && <TouchableOpacity
                     onPress={() => {
                       state.item.channel = undefined
                     }}
                     style={{paddingHorizontal: cx(5)}}>
-                    <Image style={{width: cx(16), height: cx(16), tintColor: props.theme.global.fontColor}} source={res.ic_arrows_nav_clear}/>
+                    <Image style={{width: cx(16), height: cx(16), tintColor: props.theme?.global.fontColor}} source={res.ic_arrows_nav_clear}/>
                 </TouchableOpacity>}
               </View>
             }
@@ -239,8 +240,8 @@ const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
                   state.item.channel = index
                 }}
               >
-                <Text style={{color: props.theme.global.fontColor}}>{item}</Text>
-                <Image style={{width: cx(16), height: cx(16), tintColor: props.theme.global.fontColor}} source={res.device_panel_timer_add}/>
+                <Text style={{color: props.theme?.global.fontColor}}>{item}</Text>
+                <Image style={{width: cx(16), height: cx(16), tintColor: props.theme?.global.fontColor}} source={res.device_panel_timer_add}/>
               </TouchableOpacity>
             )
           })}
@@ -253,7 +254,7 @@ const RandomTimingForLightDetailPage = (props: { theme?: any }) => {
           <Card>
             <LdvSwitch
               title={I18n.getLang('light_sources_tile_tw_lighting_headline')}
-              color={props.theme.card.background}
+              color={props.theme?.card.background}
               colorAlpha={1}
               enable={true}
               setEnable={() => { }}

package/src/modules/randomTimingForLight/RandomTimingForLightPage.tsx

@@ -13,12 +13,13 @@ import Spacer from "@ledvance/base/src/components/Spacer";
 import ItemCard from "./ItemCard";
 import {cloneDeep} from "lodash";
 import InfoText from "@ledvance/base/src/components/InfoText";
+import ThemeType from '@ledvance/base/src/config/themeType'
 
 const {convertX: cx, topBarHeight} = Utils.RatioUtils;
 const { withTheme } = Utils.ThemeUtils
 const MAX_NUM = 4
 
-const RandomTimeForLightPage = (props: { theme?: any}) => {
+const RandomTimeForLightPage = (props: { theme?: ThemeType}) => {
   const devInfo = useDeviceInfo()
   const navigation = useNavigation()
   const params = useRoute().params as RandomTimingParam
@@ -76,15 +77,15 @@ const RandomTimeForLightPage = (props: { theme?: any}) => {
     },
     emptyNoTime: {
       fontSize: cx(12),
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
     },
     maxImg: {
       width: cx(16),
       height: cx(16),
-      tintColor: props.theme.global.warning
+      tintColor: props.theme?.global.warning
     },
     maxTip: {
-      color: props.theme.global.secondFontColor,
+      color: props.theme?.global.secondFontColor,
     },
     addButton: {
       height: cx(36),
@@ -92,12 +93,12 @@ const RandomTimeForLightPage = (props: { theme?: any}) => {
       marginVertical: cx(25),
       marginHorizontal: cx(24),
       borderRadius: cx(6),
-      backgroundColor: props.theme.button.primary,
+      backgroundColor: props.theme?.button.primary,
     },
     addButtonText: {
       fontSize: cx(12),
       fontWeight: 'bold',
-      color: props.theme.button.fontColor,
+      color: props.theme?.button.fontColor,
       textAlign: 'center'
     }
   })
@@ -106,7 +107,7 @@ const RandomTimeForLightPage = (props: { theme?: any}) => {
     return (
       <ScrollView nestedScrollEnabled={true}>
         <Text style={{
-          color: props.theme.global.fontColor,
+          color: props.theme?.global.fontColor,
           marginLeft: cx(24),
         }}>{I18n.getLang('timeschedule_overview_description_text')}</Text>
         <Spacer height={cx(10)}/>
@@ -152,7 +153,7 @@ const RandomTimeForLightPage = (props: { theme?: any}) => {
           icon={res.device_panel_schedule_alert}
           text={I18n.getLang('randomtimecycle_empty_information_text')}
           textStyle={{flex: undefined}}
-          contentColor={props.theme.global.secondFontColor}
+          contentColor={props.theme?.global.secondFontColor}
         />
         <View
           style={styles.addButton}>

package/src/modules/randomTimingForLight/Summary.tsx

@@ -4,12 +4,13 @@ import res from "@ledvance/base/src/res"
 import I18n from "@ledvance/base/src/i18n";
 import { Utils } from "tuya-panel-kit";
 import Spacer from "@ledvance/base/src/components/Spacer";
+import ThemeType from '@ledvance/base/src/config/themeType'
 
 const { convertX: cx } = Utils.RatioUtils;
 const { withTheme } = Utils.ThemeUtils
 
 interface SummaryProps {
-  theme?: any
+  theme?: ThemeType
   style?: ViewStyle
   frequency?: string | ReactElement
   time?: string | ReactElement
@@ -24,7 +25,7 @@ const Summary = (props: SummaryProps) => {
       marginHorizontal: cx(24),
     },
     itemTitle: {
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(16),
       fontWeight: 'bold',
       fontFamily: 'helvetica_neue_lt_std_bd',
@@ -40,14 +41,14 @@ const Summary = (props: SummaryProps) => {
       minWidth: cx(100)
     },
     summaryImg: {
-      tintColor: props.theme.global.fontColor,
+      tintColor: props.theme?.global.fontColor,
       width: cx(12),
       height: cx(12),
       marginRight: cx(6)
     },
     leftTitle: {
       fontSize: cx(14),
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
     },
     summaryRight: {
       flex: 1,
@@ -58,10 +59,10 @@ const Summary = (props: SummaryProps) => {
       borderRadius: cx(16),
       paddingHorizontal: cx(12),
       alignSelf: 'flex-start',
-      backgroundColor: props.theme.tag.background,
+      backgroundColor: props.theme?.tag.background,
     },
     rightItem: {
-      color: props.theme.tag.fontColor,
+      color: props.theme?.tag.fontColor,
     },
   })
 

package/src/modules/remoteSwitch/RemoteSwitchPage.tsx

@@ -8,11 +8,12 @@ import Spacer from "@ledvance/base/src/components/Spacer";
 import {useRemoteSwitch} from "./RemoteSwitchAction";
 import {View, Text, StyleSheet} from "react-native";
 import {showDialog} from "@ledvance/base/src/utils/common";
+import ThemeType from '@ledvance/base/src/config/themeType'
 
 const { convertX: cx } = Utils.RatioUtils
 const { withTheme } = Utils.ThemeUtils
 
-const RemoteSwitchPage = (props: { theme?: any }) => {
+const RemoteSwitchPage = (props: { theme?: ThemeType }) => {
   const devInfo = useDeviceInfo()
   const [remoteSwitch, setRemoteSwitch] = useRemoteSwitch()
   const state = useReactive({
@@ -34,13 +35,13 @@ const RemoteSwitchPage = (props: { theme?: any }) => {
       borderRadius: cx(4),
     },
     title: {
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(14),
       fontFamily: 'helvetica_neue_lt_std_bd',
       paddingVertical: cx(16),
     },
     shadow: {
-      shadowColor: props.theme.card.shadow,
+      shadowColor: props.theme?.card.shadow,
       shadowOpacity: 0.2,
       shadowRadius: 8,
       elevation:8,
@@ -48,7 +49,7 @@ const RemoteSwitchPage = (props: { theme?: any }) => {
         width: 0,
         height: 4,
       },
-      backgroundColor: props.theme.card.background,
+      backgroundColor: props.theme?.card.background,
       borderRadius: 8,
     },
   })

package/src/modules/select/SelectPage.tsx

@@ -6,6 +6,7 @@ import Spacer from '@ledvance/base/src/components/Spacer'
 import I18n from '@ledvance/base/src/i18n'
 import Card from '@ledvance/base/src/components/Card'
 import res from '@ledvance/base/src/res'
+import ThemeType from '@ledvance/base/src/config/themeType'
 
 const cx = Utils.RatioUtils.convertX
 const { withTheme } = Utils.ThemeUtils
@@ -22,7 +23,7 @@ export interface SelectPageParams<T> {
   onSelect: (selectPageData: SelectPageData<T>) => void
 }
 
-const SelectPage = (props: { theme?: any }) => {
+const SelectPage = (props: { theme?: ThemeType }) => {
   const params = useRoute().params as SelectPageParams<any>
   const navigation = useNavigation()
 
@@ -32,11 +33,11 @@ const SelectPage = (props: { theme?: any }) => {
     },
     topBar: {
       height: cx(91),
-      backgroundColor: props.theme.card.head,
+      backgroundColor: props.theme?.card.head,
     },
     line: {
       height: cx(1),
-      backgroundColor: props.theme.container.divider,
+      backgroundColor: props.theme?.container.divider,
     },
     topContent: {
       height: cx(45),
@@ -45,7 +46,7 @@ const SelectPage = (props: { theme?: any }) => {
     },
     cancel: {
       marginStart: cx(16),
-      color: props.theme.button.cancel,
+      color: props.theme?.button.cancel,
       fontSize: cx(17),
       fontFamily: 'helvetica_neue_lt_std_roman',
     },
@@ -54,12 +55,12 @@ const SelectPage = (props: { theme?: any }) => {
       position: 'absolute',
       start: 0,
       textAlign: 'center',
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(17),
       fontFamily: 'helvetica_neue_lt_std_bd',
     },
     card: {
-      backgroundColor: props.theme.card.background,
+      backgroundColor: props.theme?.card.background,
       marginHorizontal: cx(16),
     },
     item: {
@@ -70,20 +71,20 @@ const SelectPage = (props: { theme?: any }) => {
     itemText: {
       flex: 1,
       marginStart: cx(13),
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(17),
       fontFamily: 'helvetica_neue_lt_std_roman',
     },
     itemLine: {
       height: cx(1),
       marginStart: cx(13),
-      backgroundColor: props.theme.container.divider,
+      backgroundColor: props.theme?.container.divider,
     },
     itemIcon: {
       width: cx(30),
       height: cx(30),
       marginEnd: cx(13),
-      tintColor: props.theme.icon.primary,
+      tintColor: props.theme?.icon.primary,
     },
   })
 

package/src/modules/sleepWakeUp/SleepWakeUpDetailPage.tsx

@@ -30,6 +30,7 @@ import { useParams } from '@ledvance/base/src/hooks/Hooks';
 import ColorTempAdjustView from '@ledvance/base/src/components/ColorTempAdjustView';
 import ColorAdjustView from '@ledvance/base/src/components/ColorAdjustView';
 import {getEndTime, getStartTime, SleepWakeUpItem} from "./SleepWakeUpActions";
+import ThemeType from '@ledvance/base/src/config/themeType'
 
 const { convertX: cx } = Utils.RatioUtils;
 const { toFixedString } = Utils.NumberUtils;
@@ -48,7 +49,7 @@ interface SleepWakeUpDetailPageProps extends SleepWakeUpPageRouteParams {
   ) => Promise<Result<any>>;
 }
 
-const SleepWakeUpDetailPage = (props: {theme?: any}) => {
+const SleepWakeUpDetailPage = (props: {theme?: ThemeType}) => {
   const navigation = useNavigation();
   const params = useParams<SleepWakeUpDetailPageProps>();
   const is24HourClock = useSystemTimeFormate();
@@ -127,7 +128,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
             <Card style={{ marginHorizontal: cx(24) }}>
               <LdvSwitch
                 title={item.key}
-                color={props.theme.card.background}
+                color={props.theme?.card.background}
                 colorAlpha={1}
                 enable={
                   item.type === 'mainLight'
@@ -190,11 +191,11 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
     picker: {
       marginHorizontal: cx(24),
       marginVertical: cx(15),
-      color: props.theme.global.backgournd,
+      color: props.theme?.global.backgournd,
     },
     week: {},
     itemTitle: {
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(16),
       fontWeight: 'bold',
       fontFamily: 'helvetica_neue_lt_std_bd',
@@ -216,7 +217,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
     summaryImg: {
       height: cx(12),
       width: cx(12),
-      tintColor: props.theme.global.fontColor,
+      tintColor: props.theme?.global.fontColor,
     },
     summaryLeft: {
       flexDirection: 'row',
@@ -225,20 +226,20 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
     },
     leftTitle: {
       fontSize: cx(14),
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
     },
     summaryRight: {
       flexDirection: 'column',
       marginLeft: cx(21),
       borderRadius: cx(16),
-      backgroundColor: props.theme.tag.background,
+      backgroundColor: props.theme?.tag.background,
     },
     rightItem: {
       paddingHorizontal: cx(12),
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
     },
     rightTitle: {
-      color: props.theme.tag.fontColor,
+      color: props.theme?.tag.fontColor,
       paddingLeft: cx(12),
       paddingRight: cx(12),
       fontSize: cx(10),
@@ -247,7 +248,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
     },
     filletCorner: {
       flexDirection: 'row',
-      backgroundColor: props.theme.tag.background,
+      backgroundColor: props.theme?.tag.background,
       borderRadius: cx(16),
       alignSelf: 'flex-start',
     },
@@ -326,8 +327,8 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
         {/* pick */}
         <TimerPicker
           itemTextColor="#aeadb5"
-          style={{ paddingVertical: cx(0), marginVertical: cx(0), backgroundColor: props.theme.global.background }}
-          pickerFontColor={props.theme.global.fontColor}
+          style={{ paddingVertical: cx(0), marginVertical: cx(0), backgroundColor: props.theme?.global.background }}
+          pickerFontColor={props.theme?.global.fontColor}
           is12Hours={!is24HourClock}
           singlePicker={true}
           amText={I18n.getLang('manage_user_calendar_label_am')}
@@ -353,7 +354,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
             }}
           />
           <Spacer />
-          <Text style={{ marginHorizontal: cx(24), color: props.theme.global.fontColor }}>
+          <Text style={{ marginHorizontal: cx(24), color: props.theme?.global.fontColor }}>
             {loopText(state.sleepWakeUp.weeks, parseTimer(getEndTime(state.sleepWakeUp) * 60))}
           </Text>
           <Spacer />
@@ -366,7 +367,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
           </Text>
           <View
             style={{
-              backgroundColor: props.theme.container.background,
+              backgroundColor: props.theme?.container.background,
               borderRadius: 4,
               minHeight: cx(50),
               flex: 1,
@@ -387,13 +388,13 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
                     flexDirection: 'row',
                     justifyContent: 'space-between',
                     alignItems: 'center',
-                    backgroundColor: props.theme.global.background,
+                    backgroundColor: props.theme?.global.background,
                     marginBottom: cx(8),
                   }}
                 >
                   <Text
                     style={{
-                      color: props.theme.global.fontColor,
+                      color: props.theme?.global.fontColor,
                       fontSize: cx(14),
                       marginHorizontal: cx(6),
                       marginVertical: cx(9),
@@ -472,7 +473,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
             {I18n.getLang('timeschedule_add_schedule_subheadline4_text')}
           </Text>
           <Spacer />
-          <Text style={{color: props.theme.global.secondFontColor}}>
+          <Text style={{color: props.theme?.global.secondFontColor}}>
             {I18n.getLang(
               params.isSleep
                 ? 'add_sleepschedule_one_source_settings_text'
@@ -495,7 +496,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
             unit={['h', 'min']}
             maxHour={3}
           />
-          <Text style={{color: props.theme.global.secondFontColor}}>
+          <Text style={{color: props.theme?.global.secondFontColor}}>
             {I18n.formatValue(
               params.isSleep
                 ? 'add_sleepschedule_one_source_settings_text2'
@@ -509,7 +510,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
               <LdvSwitch
                 title={I18n.getLang('add_wakeupschedule_settings_text3')}
                 enable={state.sleepWakeUp.duration > 0}
-                color={props.theme.global.background}
+                color={props.theme?.global.background}
                 colorAlpha={1}
                 setEnable={v => {
                   state.sleepWakeUp.duration = v ? 1 : 0;
@@ -519,7 +520,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
           )}
           {state.sleepWakeUp.duration > 0 && (
             <>
-              <Text style={{ fontSize: cx(14), color: props.theme.global.secondFontColor }}>
+              <Text style={{ fontSize: cx(14), color: props.theme?.global.secondFontColor }}>
                 {I18n.getLang('add_wakeupschedule_settings_text4')}
               </Text>
               <LdvPickerView
@@ -546,7 +547,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
                 unit={['h', 'min']}
                 maxHour={3}
               />
-              <Text style={{color: props.theme.global.secondFontColor}}>
+              <Text style={{color: props.theme?.global.secondFontColor}}>
                 {I18n.formatValue(
                   'add_wakeupschedule_settings_text5',
                   `${convertMinutesTo12HourFormat(
@@ -598,7 +599,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
             style={styles.summaryLeft}
           />
           <View style={{ marginLeft: cx(24), flex: 1 }}>
-            <Text style={{ fontSize: cx(12), color: props.theme.global.fontColor }}>
+            <Text style={{ fontSize: cx(12), color: props.theme?.global.fontColor }}>
               {I18n.getLang(
                 !params.isSleep ? 'feature_summary_action_txt_11' : 'feature_summary_action_txt_10'
               )}
@@ -609,7 +610,7 @@ const SleepWakeUpDetailPage = (props: {theme?: any}) => {
               </Text>
             </View>
             <Spacer height={cx(10)}/>
-            <Text style={{ fontSize: cx(12), color: props.theme.global.fontColor }}>
+            <Text style={{ fontSize: cx(12), color: props.theme?.global.fontColor }}>
               {I18n.getLang(
                 params.isSleep
                   ? 'feature_summary_action_txt_2'

package/src/modules/sleepWakeUp/SleepWakeUpPage.tsx

@@ -18,6 +18,7 @@ import Card from "@ledvance/base/src/components/Card";
 import {useParams} from "@ledvance/base/src/hooks/Hooks";
 import {ApplyForItem} from "@ledvance/base/src/utils/interface";
 import {getEndTime, getStartTime, SleepWakeUpItem, useSleepPlan, useWakeUpPlan} from "./SleepWakeUpActions";
+import ThemeType from '@ledvance/base/src/config/themeType'
 
 const cx = Utils.RatioUtils.convertX
 const {parseTimer} = Utils.TimeUtils
@@ -34,7 +35,7 @@ export interface SleepWakeUpPageRouteParams {
 }
 
 const MAX_SCHEDULE = 4
-const SleepWakeUpPage = (props: {theme?: any}) => {
+const SleepWakeUpPage = (props: {theme?: ThemeType}) => {
   const deviceInfo = useDeviceInfo()
   const navigation = useNavigation()
   const is24HourClock = useSystemTimeFormate()
@@ -161,7 +162,7 @@ const SleepWakeUpPage = (props: {theme?: any}) => {
       height: cx(90.5),
       marginStart: cx(115),
       marginTop: cx(100),
-      backgroundColor: props.theme.card.background,
+      backgroundColor: props.theme?.card.background,
     },
     popoverItem: {
       width: cx(210),
@@ -185,13 +186,13 @@ const SleepWakeUpPage = (props: {theme?: any}) => {
       lineHeight: cx(20),
       textAlign: 'center',
       fontFamily: 'helvetica_neue_lt_std_roman',
-      color: props.theme.global.fontColor
+      color: props.theme?.global.fontColor
     },
     emptyBtnView: {
       alignItems: 'center'
     },
     emptyBtn: {
-      backgroundColor: props.theme.button.primary,
+      backgroundColor: props.theme?.button.primary,
       borderRadius: cx(5),
       paddingHorizontal: cx(15),
       paddingVertical: cx(10)
@@ -216,14 +217,14 @@ const SleepWakeUpPage = (props: {theme?: any}) => {
     },
     time: {
       flex: 1,
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(16),
       fontWeight: 'bold',
       fontFamily: 'helvetica_neue_lt_std_bd',
     },
     switchBtn: {},
     loopText: {
-      color: props.theme.global.fontColor,
+      color: props.theme?.global.fontColor,
       fontSize: cx(14),
       fontFamily: 'helvetica_neue_lt_std_roman',
       height: cx(20)
@@ -232,14 +233,14 @@ const SleepWakeUpPage = (props: {theme?: any}) => {
       alignSelf: 'flex-start',
       borderRadius: cx(16),
       height: cx(16),
-      backgroundColor: props.theme.tag.background,
+      backgroundColor: props.theme?.tag.background,
       paddingHorizontal: cx(10),
     },
     tagTitle: {
       fontSize: cx(10),
       textAlign: 'center',
       fontFamily: 'PingFangSC-Medium',
-      color: props.theme.tag.fontColor
+      color: props.theme?.tag.fontColor
     },
   })
 
@@ -256,16 +257,16 @@ const SleepWakeUpPage = (props: {theme?: any}) => {
         }}
       >
         <View style={{ marginHorizontal: cx(24) }}>
-          <Text style={{ color: props.theme.global.fontColor, fontSize: cx(12) }}>
+          <Text style={{ color: props.theme?.global.fontColor, fontSize: cx(12) }}>
             {I18n.getLang('timeschedule_overview_description_text')}
           </Text>
         </View>
         <Spacer />
         {!!getTipText() && <View style={{ marginHorizontal: cx(24), marginVertical: cx(10), flexDirection: 'row', alignItems: 'center' }}>
-          <Image style={{ width: cx(16), height: cx(16), tintColor: props.theme.global.warning }} source={res.ic_warning_amber} />
-          {getTipText() === "sleep" && <Text style={{fontSize: cx(12), color: props.theme.global.secondFontColor}}>{I18n.getLang('sleepwakeschedule_warning_max_number_sleep_text')}</Text>}
-          {getTipText() === "wakeup" && <Text style={{fontSize: cx(12), color: props.theme.global.secondFontColor}}>{I18n.getLang('sleepwakeschedule_warning_max_number_wakeup_text')}</Text>}
-          {getTipText() === "both" && <Text style={{fontSize: cx(12), color: props.theme.global.secondFontColor}}>{I18n.getLang('sleepwakeschedule_warning_max_number_both_text')}</Text>}
+          <Image style={{ width: cx(16), height: cx(16), tintColor: props.theme?.global.warning }} source={res.ic_warning_amber} />
+          {getTipText() === "sleep" && <Text style={{fontSize: cx(12), color: props.theme?.global.secondFontColor}}>{I18n.getLang('sleepwakeschedule_warning_max_number_sleep_text')}</Text>}
+          {getTipText() === "wakeup" && <Text style={{fontSize: cx(12), color: props.theme?.global.secondFontColor}}>{I18n.getLang('sleepwakeschedule_warning_max_number_wakeup_text')}</Text>}
+          {getTipText() === "both" && <Text style={{fontSize: cx(12), color: props.theme?.global.secondFontColor}}>{I18n.getLang('sleepwakeschedule_warning_max_number_both_text')}</Text>}
           <Spacer />
         </View>}
         {hasScheduleList() && <View style={styles.tagLine}>
@@ -318,7 +319,7 @@ const SleepWakeUpPage = (props: {theme?: any}) => {
             <View style={styles.emptyText}>
               <Image
                 source={{ uri: res.device_panel_schedule_alert }}
-                style={{ width: cx(16), height: cx(16), tintColor: props.theme.global.fontColor }}
+                style={{ width: cx(16), height: cx(16), tintColor: props.theme?.global.fontColor }}
               />
               <Text style={styles.emptyNoTime}>
                 {
@@ -333,14 +334,14 @@ const SleepWakeUpPage = (props: {theme?: any}) => {
                 <Spacer />
                 <TextButton
                   style={styles.emptyBtn}
-                  textStyle={isSleepMax ? styles.disableItemText : { color: props.theme.button.fontColor }}
+                  textStyle={isSleepMax ? styles.disableItemText : { color: props.theme?.button.fontColor }}
                   text={I18n.getLang('sleepwakeschedule_add_button_text1')}
                   onPress={() => onAddScheduleDialogItemClick(true, 'add', getNewSleepWakeUp(true, params))}
                 />
                 <Spacer />
                 <TextButton
                   style={styles.emptyBtn}
-                  textStyle={isWakeUpMax ? styles.disableItemText : { color: props.theme.button.fontColor }}
+                  textStyle={isWakeUpMax ? styles.disableItemText : { color: props.theme?.button.fontColor }}
                   text={I18n.getLang('sleepwakeschedule_add_button_text2')}
                   onPress={() => onAddScheduleDialogItemClick(false, 'add', getNewSleepWakeUp(false, params))}
                 />