@ledvance/group-ui-biz-bundle 1.0.39 → 1.0.41

package/src/modules/fixedTimingForLight/FixedTimingForLightPage.tsx

@@ -0,0 +1,192 @@
+import Page from "@ledvance/base/src/components/Page";
+import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useNavigation, useRoute} from '@react-navigation/native'
+import I18n from "@ledvance/base/src/i18n/index";
+import res from "@ledvance/base/src/res/index";
+import {useReactive} from "ahooks";
+import React, {useCallback, useMemo} from "react";
+import {FlatList, Image, ScrollView, StyleSheet, Text, TouchableOpacity, View} from "react-native";
+import {Utils} from "tuya-panel-kit";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+import {FixedTimingItem, FixedTimingParam, useFixedTiming} from "./FixedTimingForLightAction";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import ItemCard from "./ItemCard";
+import {cloneDeep} from "lodash";
+
+const {convertX: cx, topBarHeight} = Utils.RatioUtils;
+const MAX_NUM = 16
+
+const FixedTimeForLightPage = () => {
+  const devInfo = useDeviceInfo()
+  const navigation = useNavigation()
+  const params = useRoute().params as FixedTimingParam
+  const [fixedTimingList, setFixedTimingList] = useFixedTiming()
+  const state = useReactive({
+    loading: false
+  })
+
+  const isMaxNum = useMemo(() => {
+    return fixedTimingList.length >= MAX_NUM
+  }, [fixedTimingList])
+
+  const onAddOrEditItem = (mode: 'add' | 'edit', item?: FixedTimingItem) => {
+    const path = ui_biz_routerKey.group_ui_biz_fixed_timing_light_detail
+    navigation.navigate(path, {
+      ...params,
+      mode,
+      item,
+      onPost
+    })
+  }
+
+  const onPost = useCallback(async (mode: 'add' | 'edit' | 'del', fixedTiming: FixedTimingItem, goBack?: boolean) => {
+    state.loading = true
+    const cloneFixedTimingList = cloneDeep(fixedTimingList)
+    const idx = fixedTimingList.findIndex(it => it.index === fixedTiming.index)
+    if (mode === 'edit') {
+      cloneFixedTimingList.splice(idx, 1, fixedTiming)
+    }
+    if (mode === 'del') cloneFixedTimingList.splice(idx, 1)
+    const newFixedTimingList = mode === 'add' ? [...fixedTimingList, {
+      ...fixedTiming,
+      index: fixedTimingList.length
+    }] : cloneFixedTimingList
+    const res = await setFixedTimingList(newFixedTimingList)
+    state.loading = false
+    if (res.success && goBack) {
+      navigation.goBack()
+    }
+  }, [fixedTimingList])
+
+  const renderList = () => {
+    return (
+      <ScrollView nestedScrollEnabled={true}>
+        <Text style={{
+          color: '#000',
+          marginLeft: cx(24),
+        }}>{I18n.getLang('timeschedule_overview_description_text')}</Text>
+        <Spacer height={cx(10)}/>
+        {isMaxNum && <View style={{marginHorizontal: cx(24), flexDirection: 'row'}}>
+            <Image style={{width: cx(16), height: cx(16), tintColor: '#ff9500'}} source={res.ic_warning_amber}/>
+            <Text>{I18n.getLang('fixedtimecycle_warning_max_number_text')}</Text>
+        </View>}
+        <FlatList
+          data={fixedTimingList}
+          renderItem={({item}) => (
+            <ItemCard
+              item={item}
+              is24Hour={params.is24Hour}
+              onSwitch={async (v) => {
+                await onPost('edit', {
+                  ...item,
+                  power: v,
+                })
+              }}
+              onPress={() => {
+                onAddOrEditItem('edit', item)
+              }}
+            />
+          )}
+          keyExtractor={(item: any) => `${item?.index}`}
+          ItemSeparatorComponent={() => <Spacer/>}
+          ListHeaderComponent={<Spacer height={cx(10)}/>}
+          ListFooterComponent={<Spacer/>}
+        />
+      </ScrollView>
+    )
+  }
+  const renderEmpty = () => {
+    return (
+      <View style={styles.emptyListCon}>
+        <Image
+          style={styles.emptyImage}
+          source={{uri: res.ldv_timer_empty}}
+          resizeMode="contain"/>
+        <View
+          style={{
+            marginHorizontal: cx(24),
+            marginTop: cx(30),
+            flexDirection: 'row',
+            alignItems: 'center',
+          }}
+        >
+          <Image
+            source={{uri: res.device_panel_schedule_alert}}
+            style={{width: cx(16), height: cx(16)}}
+          />
+          <Text style={styles.emptyNoTime}>{I18n.getLang('fixedTimeCycle_information_text')}</Text>
+        </View>
+        <View
+          style={{
+            height: cx(36),
+            width: cx(150),
+            marginVertical: cx(25),
+            marginHorizontal: cx(24),
+            borderRadius: cx(6),
+            backgroundColor: '#f60',
+          }}
+        >
+          <TouchableOpacity
+            style={{
+              flex: 1,
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}
+            onPress={() => onAddOrEditItem('add')}
+          >
+            <Text style={{fontSize: cx(12), fontWeight: 'bold', color: '#fff', textAlign: 'center'}}>
+              {I18n.getLang('fixedTimeCycle_bttn_text')}
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    )
+  }
+  return (
+    <Page
+      backText={devInfo.name}
+      headlineText={I18n.getLang('fixedTimeCycle_socket_headline')}
+      headlineIcon={!isMaxNum && res.device_panel_schedule_add || undefined}
+      onHeadlineIconClick={() => onAddOrEditItem('add')}
+      loading={state.loading}
+    >
+      {fixedTimingList.length > 0 ? renderList() : renderEmpty()}
+    </Page>
+  )
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    marginTop: topBarHeight,
+    flex: 1,
+  },
+  emptyListCon: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginTop: cx(30),
+  },
+  emptyImage: {
+    width: cx(225),
+    height: cx(198)
+  },
+  emptyNoTime: {
+    fontSize: cx(12),
+    color: '#000'
+  },
+  emptyTimeTip: {
+    fontSize: cx(12),
+    lineHeight: cx(17),
+    marginTop: cx(6),
+    width: '76%',
+    textAlign: 'center'
+  },
+  listContainer: {
+    bottom: cx(74)
+  },
+  categoryList: {
+    marginHorizontal: cx(24),
+    marginBottom: cx(12),
+  },
+})
+
+export default FixedTimeForLightPage

package/src/modules/fixedTimingForLight/ItemCard.tsx

@@ -0,0 +1,71 @@
+import React from 'react'
+import Card from "@ledvance/base/src/components/Card";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import {StyleSheet, Text, View} from "react-native";
+import {SwitchButton, Utils} from "tuya-panel-kit";
+import {loopText} from "@ledvance/base/src/utils/common";
+import {parseHour12} from "@tuya/tuya-panel-lamp-sdk/lib/utils";
+import {FixedTimingItem} from "./FixedTimingForLightAction";
+
+const {convertX: cx} = Utils.RatioUtils
+const {parseTimer} = Utils.TimeUtils
+
+export interface ItemCardProps {
+  item: FixedTimingItem,
+  is24Hour?: boolean,
+  onSwitch: (enable: boolean) => void
+  onPress: () => void
+}
+
+const ItemCard = (props: ItemCardProps) => {
+  const {item, is24Hour, onSwitch, onPress} = props
+  return (
+    <Card style={styles.itemCard} onPress={onPress}>
+      <Spacer height={cx(16)}/>
+      <View style={styles.switchLine}>
+        <Text style={styles.time}>
+          {is24Hour ?
+            `${parseTimer(item.startTime * 60)} - ${parseTimer(item.endTime * 60)}`
+            :
+            `${parseHour12(item.startTime * 60)} - ${parseHour12(item.endTime * 60)}`
+          }
+        </Text>
+        <SwitchButton
+          style={styles.switchBtn}
+          value={item.power}
+          thumbStyle={{elevation: 0}}
+          onValueChange={onSwitch}/>
+      </View>
+      <Text style={styles.loopText}>{loopText(item.weeks, parseTimer(item.startTime * 60))}</Text>
+      <Spacer height={cx(5)}/>
+      <Text style={styles.loopText}>{item.name}</Text>
+      <Spacer/>
+    </Card>
+  )
+}
+
+const styles = StyleSheet.create({
+  itemCard: {
+    marginHorizontal: cx(24),
+    paddingHorizontal: cx(16),
+  },
+  switchLine: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  time: {
+    flex: 1,
+    color: '#000',
+    fontSize: cx(16),
+    fontWeight: 'bold',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  switchBtn: {},
+  loopText: {
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+})
+
+export default ItemCard

package/src/modules/fixedTimingForLight/Summary.tsx

@@ -0,0 +1,123 @@
+import React, { ReactElement, memo } from "react";
+import { Text, Image, ViewStyle, View, StyleSheet } from 'react-native'
+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";
+
+const { convertX: cx } = Utils.RatioUtils;
+
+interface SummaryProps {
+  style?: ViewStyle
+  frequency?: string | ReactElement
+  time?: string | ReactElement
+  actions?: ReactElement
+  hideActions?: boolean
+}
+
+const Summary = (props: SummaryProps) => {
+  return (
+    <View style={styles.cardContainer}>
+      <Text style={styles.itemTitle}>{I18n.getLang('add_randomtimecycle_subheadline_text')}</Text>
+      <Spacer height={cx(10)} />
+      <View style={{}}>
+        <View style={styles.summaryContainer}>
+          <View style={styles.summaryLeft}>
+            <Image
+              source={res.summary_icon1}
+              resizeMode="contain"
+              style={styles.summaryImg}
+            />
+            <View>
+              <Text style={styles.leftTitle}>{I18n.getLang('feature_summary_frequency_headline')}</Text>
+            </View>
+          </View>
+          <View style={styles.summaryRight}>
+            <View style={styles.rightWrap}>
+              <Text style={styles.rightItem}>{props.frequency}</Text>
+            </View>
+          </View>
+        </View>
+        <View style={styles.summaryContainer}>
+          <View style={styles.summaryLeft}>
+            <Image
+              source={res.summary_icon2}
+              resizeMode="contain"
+              style={styles.summaryImg}
+            />
+            <View>
+              <Text style={styles.leftTitle}>{I18n.getLang('feature_summary_time_headline')}</Text>
+            </View>
+          </View>
+          <View style={styles.summaryRight}>
+            <View style={styles.rightWrap}>
+              <Text style={styles.rightItem}>{props.time}</Text>
+            </View>
+          </View>
+        </View>
+        {!props.hideActions && <View style={[styles.summaryContainer, { alignItems: 'flex-start' }]}>
+          <View style={styles.summaryLeft}>
+            <Image
+              source={res.summary_icon3}
+              resizeMode="contain"
+              style={styles.summaryImg}
+            />
+            <View>
+              <Text style={styles.leftTitle}>{I18n.getLang('motion_detection_add_time_schedule_actions_text1')}</Text>
+            </View>
+          </View>
+          <View style={styles.summaryRight}>
+            {props.actions}
+          </View>
+        </View>}
+      </View>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  cardContainer: {
+    marginHorizontal: cx(24),
+  },
+  itemTitle: {
+    color: '#000',
+    fontSize: cx(16),
+    fontWeight: 'bold',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  summaryContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    marginBottom: cx(10),
+  },
+  summaryLeft: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    minWidth: cx(100)
+  },
+  summaryImg: {
+    width: cx(12),
+    height: cx(12),
+    marginRight: cx(6)
+  },
+  leftTitle: {
+    fontSize: cx(14),
+    color: '#000'
+  },
+  summaryRight: {
+    flex: 1,
+    flexDirection: 'column',
+    marginLeft: cx(15),
+  },
+  rightWrap: {
+    borderRadius: cx(16),
+    paddingHorizontal: cx(12),
+    alignSelf: 'flex-start',
+    backgroundColor: '#cbcbcb',
+  },
+  rightItem: {
+    color: '#000',
+  },
+})
+
+export default memo(Summary)

package/src/modules/mood/MoodPage.tsx

@@ -1,23 +1,23 @@
-import React, { useCallback, useEffect, useMemo } from 'react'
+import React, {useCallback, useEffect, useMemo} from 'react'
 import Page from '@ledvance/base/src/components/Page'
-import { Utils } from 'tuya-panel-kit'
-import { SceneMode, ScenePageUIState, SceneUIState, StripSceneUIState } from './SceneInfo'
-import { getRemoteSceneList, saveScene, useScene, useSwitchLed, useWorkMode } from './SceneAction'
-import { WorkMode } from '@ledvance/base/src/utils/interface'
-import { useDeviceInfo, useFlagMode, useMoods, useUAGroupInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import { useReactive } from 'ahooks'
+import {Utils} from 'tuya-panel-kit'
+import {SceneMode, ScenePageUIState, SceneUIState, StripSceneUIState} from './SceneInfo'
+import {getRemoteSceneList, saveScene, useGroupDpScene, useScene, useSwitchLed, useWorkMode} from './SceneAction'
+import {WorkMode} from '@ledvance/base/src/utils/interface'
+import {useDeviceInfo, useFlagMode, useMoods, useUAGroupInfo} from '@ledvance/base/src/models/modules/NativePropsSlice'
+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'
+import {FlatList, Platform, StyleSheet, View} from 'react-native'
 import Tag from '@ledvance/base/src/components/Tag'
 import Spacer from '@ledvance/base/src/components/Spacer'
 import InfoText from '@ledvance/base/src/components/InfoText'
 import CustomListDialog from '@ledvance/base/src/components/CustomListDialog'
 import MoodItem from './MoodItem'
-import { useNavigation, useRoute } from '@react-navigation/core'
-import { cloneDeep } from 'lodash'
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { saveFlagMode } from '../flags/FlagActions'
+import {useNavigation, useRoute} from '@react-navigation/core'
+import {cloneDeep} from 'lodash'
+import {ui_biz_routerKey} from '../../navigation/Routers'
+import {saveFlagMode} from '../flags/FlagActions'
 
 const cx = Utils.RatioUtils.convertX
 
@@ -27,7 +27,8 @@ interface MoodPageUIState extends ScenePageUIState {
   showAddMoodPopover: boolean
   originScene: SceneUIState[] | StripSceneUIState[]
   filteredMoods: SceneUIState[] | StripSceneUIState[]
-  loading: boolean
+  loading: boolean,
+  workMode: WorkMode
 }
 
 export interface MoodPageProps {
@@ -54,6 +55,13 @@ const MoodPage = () => {
   const deviceInfo = useDeviceInfo()
   const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
+  const groupDpScene = useGroupDpScene({
+    isStringLight: params.isStringLight,
+    isStripLight: params.isStripLight,
+    isSupportFan: params.isSupportFan,
+    isSupportUVC: params.isSupportUVC,
+    sceneDataDpCode: params.sceneDataDpCode
+  })
   const [scene, setScene] = useScene({
     isStringLight: params.isStringLight,
     isStripLight: params.isStripLight,
@@ -62,7 +70,7 @@ const MoodPage = () => {
   })
   const [moods, setMoods] = useMoods()
   const [workMode] = useWorkMode()
-  const [switchLed] = useSwitchLed()
+  const [switchLed] = useSwitchLed(params.switchLedDpCode)
   const [flagMode, setFlagMode] = useFlagMode()
   const state = useReactive<MoodPageUIState>({
     currentScene: undefined,
@@ -74,8 +82,13 @@ const MoodPage = () => {
     originScene: [],
     filteredMoods: [],
     loading: false,
+    workMode: workMode
   })
 
+  useEffect(() => {
+    state.workMode = workMode
+  }, [workMode]);
+
   useEffect(() => {
     if (!(moods && moods.length)) {
       getRemoteSceneList(uaGroupInfo.tyGroupId.toString(), {
@@ -235,6 +248,11 @@ const MoodPage = () => {
     params.isStringLight ? SceneMode.StringGradient : params.isStripLight ? SceneMode.StripGradient : SceneMode.SourceGradient
   ), [params.isStringLight, params.isStripLight, SceneMode])
 
+  const itemEnable = useCallback((item: SceneUIState) => {
+    const sceneId = groupDpScene?.id ?? scene?.scene?.id
+    return switchLed && state.workMode === WorkMode.Scene && sceneId === item.id && !flagMode?.flagMode;
+  }, [switchLed, state.workMode, groupDpScene, scene, flagMode?.flagMode])
+
   return (
     <>
       <Page
@@ -282,7 +300,7 @@ const MoodPage = () => {
           renderItem={({ item }) => {
             return (
               <MoodItem
-                enable={switchLed && workMode === WorkMode.Scene && scene?.scene?.id === item.id && !flagMode?.flagMode}
+                enable={itemEnable(item)}
                 mood={item}
                 onPress={() => {
                   navigationRoute(item.nodes.length === 1, 'edit', item)

package/src/modules/mood/SceneAction.ts

@@ -19,15 +19,19 @@ import res from '@ledvance/base/src/res'
 import {Utils} from '@tuya/tuya-panel-lamp-sdk'
 import {parseJSON} from '@tuya/tuya-panel-lamp-sdk/lib/utils'
 import {WorkMode} from "@ledvance/base/src/utils/interface"
+import {useGroupDp} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {GlobalParams} from "@ledvance/base/src/models/GlobalParams";
 
 const { nToHS, toFixed, sToN } = Utils
 
 export function useWorkMode(): [WorkMode, (value: WorkMode) => Promise<Result<any>>] {
-  return useFeatureHook<SceneDataConfigType, WorkMode>('workMode', WorkMode.White)
+  const [workMode] = useGroupDp<WorkMode>(getGlobalParamsDp('work_mode'))
+  const [config, setConfig] = useFeatureHook<SceneDataConfigType, WorkMode>('workMode', WorkMode.White);
+  return [workMode ?? config, setConfig]
 }
 
-export function useSwitchLed(): [boolean, (value: boolean) => Promise<Result<any>>] {
-  return useFeatureHook<SceneDataConfigType, boolean>('switch_led', false)
+export function useSwitchLed(dpCode: string): [boolean] {
+  return useGroupDp<boolean>(dpCode)
 }
 
 interface SceneDataType {
@@ -49,6 +53,20 @@ interface  LightType {
   isStripLight?: boolean
   isSupportFan?: boolean
   isSupportUVC?: boolean
+  sceneDataDpCode?: string
+}
+
+function getGlobalParamsDp(key: string) {
+  return GlobalParams.dpSchemaMap[key] && GlobalParams.dpSchemaMap[key].dp.toString()
+}
+
+export function useGroupDpScene(params: LightType) {
+  const [sceneData] = useGroupDp<string>(params.sceneDataDpCode || getGlobalParamsDp('scene_data'))
+  if (sceneData) {
+    const isFantasy = params.isStringLight || params.isStripLight;
+    return isFantasy ? stripDp2Obj(sceneData, params.isStringLight) : dp2Obj(sceneData, params.isSupportFan, params.isSupportUVC)
+  }
+  return undefined
 }
 
 export function useScene(params: LightType): [SceneDataType | undefined, (scene?: SceneDataType) => Promise<Result<any>>] {
@@ -304,6 +322,7 @@ export function saveScene(
 ) {
   console.log(scenes, '< --- save new Scenes')
   const isFantasy = sceneParams.isStringLight || sceneParams.isStripLight
+  // @ts-ignore
   const newScenes = scenes.map(s => {
     return {
       n: s.name,

package/src/modules/music/MusicActions.ts

@@ -54,8 +54,5 @@ export const useDreamMusicData = (musicOption: MusicPageParams) => {
     })
 }
 
-export const useMusciData = () =>{
-  return useFeatureHook<LightConfig, string>('musicData', '',)
-}
 
 

package/src/modules/music/MusicPage.tsx

@@ -2,10 +2,10 @@ import React from 'react'
 import { StyleSheet, View, Text, Image } from 'react-native'
 import { useNavigation } from '@react-navigation/core'
 import Page from '@ledvance/base/src/components/Page'
-import { useDeviceInfo, useGroupConfig } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { useDeviceInfo, useGroupConfig, putGroupTYDps, useUAGroupInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
 import I18n from '@ledvance/base/src/i18n'
 import Img from './res'
-import { useDreamMusicData, useMusciData } from './MusicActions'
+import { useDreamMusicData } from './MusicActions'
 import { useReactive, useUpdateEffect } from 'ahooks'
 import { musicTabs } from './MusicDataBean'
 import { SwitchButton, TabBar, Utils } from 'tuya-panel-kit'
@@ -31,10 +31,10 @@ export interface MusicPageParams {
 
 const MusicPage = () => {
   const deviceInfo = useDeviceInfo()
+  const tyGroupId = useUAGroupInfo().tyGroupId
   const parmas = useParams<MusicPageParams>()
   const navigation = useNavigation()
   const [musicData, setMusicData] = useDreamMusicData(parmas)
-  const [, setMusic] = useMusciData()
   const [config] = useGroupConfig<any>()
   const state = useReactive({
     musicData: cloneDeep(musicData),
@@ -50,10 +50,10 @@ const MusicPage = () => {
     if (parmas.dreamMusicDp && state.musicData.musicType === 0){
       setMusicData(cloneDeep(state.musicData))
     }else{
-      // setMusicData({
-      //   ...cloneDeep(state.musicData),
-      //   phoneDpData: ''
-      // }).then()
+      setMusicData({
+        ...cloneDeep(state.musicData),
+        phoneDpData: ''
+      }).then()
       MusicManager.open(
         state.musicData.phoneMusicData[state.musicData.phoneGenreMode],
         () => {},
@@ -66,11 +66,7 @@ const MusicPage = () => {
             v.brightness,
             v.temperature
           );
-          // await setMusic(musicDpData)
-          await setMusicData({
-            ...cloneDeep(state.musicData),
-            phoneDpData: musicDpData
-          })
+          putGroupTYDps(tyGroupId, {[parmas.musicDataDp]: musicDpData}).then()
         },
         { isColourExist: true, isTempExist: true }
       )

package/src/navigation/Routers.ts

@@ -19,6 +19,10 @@ import BiorhythmPage from '../modules/biorhythm/BiorhythmPage'
 import BiorhythmEditPage from '../modules/biorhythm/BiorhythmDetailPage'
 import IconSelectPage from '../modules/biorhythm/IconSelect'
 import MusicPage from '../modules/music/MusicPage'
+import FixedTimeForPlugPage from "../modules/fixedTimeForPlug/FixedTimeForPlugPage";
+import FixedTimeForPlugDetailPage from "../modules/fixedTimeForPlug/FixedTimeForPlugDetailPage";
+import FixedTimingForLightPage from "../modules/fixedTimingForLight/FixedTimingForLightPage";
+import FixedTimingForLightDetailPage from "../modules/fixedTimingForLight/FixedTimingForLightDetailPage";
 
 export const ui_biz_routerKey = {
   'group_ui_biz_timer': 'group_ui_biz_timer',
@@ -40,7 +44,11 @@ export const ui_biz_routerKey = {
   'group_ui_biz_biological': 'group_ui_biz_biological',
   'group_ui_biz_biological_detail': 'group_ui_biz_biological_detail',
   'group_ui_biz_biological_icon_select': 'group_ui_biz_biological_icon_select',
-  'group_ui_biz_music': 'group_ui_biz_music'
+  'group_ui_biz_music': 'group_ui_biz_music',
+  'group_ui_biz_fixed_time_plug': 'group_ui_biz_fixed_time_plug',
+  'group_ui_biz_fixed_time_plug_detail': 'group_ui_biz_fixed_time_plug_detail',
+  'group_ui_biz_fixed_timing_light': 'group_ui_biz_fixed_timing_light',
+  'group_ui_biz_fixed_timing_light_detail': 'group_ui_biz_fixed_timing_light_detail',
 }
 
 export const TimerRouters: NavigationRoute[] = [
@@ -236,3 +244,41 @@ export const MusicPageRouters: NavigationRoute[] = [
     },
   },
 ]
+
+export const FixedTimeForPlugRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_fixed_time_plug,
+    component: FixedTimeForPlugPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.group_ui_biz_fixed_time_plug_detail,
+    component: FixedTimeForPlugDetailPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+]
+
+export const FixedTimingForLightRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_fixed_timing_light,
+    component: FixedTimingForLightPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.group_ui_biz_fixed_timing_light_detail,
+    component: FixedTimingForLightDetailPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+]