@ledvance/group-ui-biz-bundle 1.0.109 → 1.0.110

package/package.json

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

package/src/modules/biorhythm/BiorhythmPage.tsx

@@ -17,7 +17,7 @@ import pIdList from './pIdList'
 import {
   useDeviceInfo,
   useGroupDevices,
-  useSystemTimeFormate,
+  useSystemTimeFormate, useUAGroupInfo,
 } from '@ledvance/base/src/models/modules/NativePropsSlice'
 import I18n from '@ledvance/base/src/i18n'
 import res from '@ledvance/base/src/res'
@@ -60,6 +60,7 @@ const BiorhythmPage = (props: { theme?: ThemeType }) => {
   const params = useParams<BiorhythmPageParams>()
   const [biorhythm, setBiorhythm] = useBiorhythm()
   const deviceInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const [groupDevices] = useGroupDevices()
   const is24Hour = useSystemTimeFormate()
   const { productId } = deviceInfo
@@ -245,7 +246,7 @@ const BiorhythmPage = (props: { theme?: ThemeType }) => {
 
   return (
     <Page
-      backText={deviceInfo.name}
+      backText={uaGroupInfo.name}
       onBackClick={navigation.goBack}
       headlineText={I18n.getLang('add_new_trigger_time_system_back_text')}
       headlineIconContent={<Switch

package/src/modules/childLock/ChildLockPage.tsx

@@ -2,9 +2,9 @@ import React from 'react'
 import {Utils} from "tuya-panel-kit";
 import Page from "@ledvance/base/src/components/Page";
 import I18n from "@ledvance/base/src/i18n/index";
-import {useDeviceInfo, useFeatureHook} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useFeatureHook, useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
 import {useReactive} from "ahooks";
-import {View, Text, StyleSheet, Image} from "react-native";
+import {Image, StyleSheet, Text, View} from "react-native";
 import {Result} from "@ledvance/base/src/models/modules/Result";
 import res from "@ledvance/base/src/res";
 import ThemeType from '@ledvance/base/src/config/themeType'
@@ -23,7 +23,7 @@ export function useChildLock(): [boolean, (v: boolean, extraDps?: any, extraConf
 }
 
 const ChildLockPage = (props: { theme?: ThemeType }) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const [childLock, setChildLock] = useChildLock()
   const state = useReactive({
     loading: false
@@ -44,7 +44,7 @@ const ChildLockPage = (props: { theme?: ThemeType }) => {
   })
 
   return (<Page
-    backText={devInfo.name}
+    backText={uaGroupInfo.name}
     headlineText={I18n.getLang('sockets_specific_settings_child_lock')}
     loading={state.loading}>
     <View style={styles.tipInfoContainer}>

package/src/modules/diyScene/DiyScenePage.tsx

@@ -1,7 +1,7 @@
 import React, {useCallback, useEffect, useMemo} from 'react';
 import Page from '@ledvance/base/src/components/Page';
 import {Utils} from 'tuya-panel-kit';
-import {useDeviceInfo} from '@ledvance/base/src/models/modules/NativePropsSlice';
+import {useUAGroupInfo} from '@ledvance/base/src/models/modules/NativePropsSlice';
 import {useReactive, useUpdateEffect} from 'ahooks';
 import I18n from '@ledvance/base/src/i18n';
 import res from '@ledvance/base/src/res';
@@ -33,7 +33,7 @@ const { withTheme } = Utils.ThemeUtils
 const MAX_MOOD_COUNT = 255;
 
 const DiyScenePage = (props: { theme?: ThemeType }) => {
-  const deviceInfo = useDeviceInfo();
+  const uaGroupInfo = useUAGroupInfo();
   const [switchLed] = useSwitchLed()
   const [workMode, setWorkMode] = useWorkMode()
   const [sceneStatusId, setSceneStatus] = useSceneStatus()
@@ -194,7 +194,7 @@ const DiyScenePage = (props: { theme?: ThemeType }) => {
   return (
     <>
       <Page
-        backText={deviceInfo.name}
+        backText={uaGroupInfo.name}
         headlineText={I18n.getLang('mood_overview_headline_text')}
         headlineIcon={state.originScenes.length < MAX_MOOD_COUNT ? res.add : undefined}
         onHeadlineIconClick={() => {

package/src/modules/fixedTimeForPlug/FixedTimeForPlugPage.tsx

@@ -4,13 +4,13 @@ import {useNavigation, useRoute} from '@react-navigation/native'
 import Page from "@ledvance/base/src/components/Page";
 import I18n from "@ledvance/base/src/i18n";
 import res from "@ledvance/base/src/res";
-import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
 import {FixedTimeItem, FixedTimeParam, useFixedTime} from "./FixedTimeForPlugActon";
 import {useReactive} from "ahooks";
 import {ui_biz_routerKey} from "../../navigation/Routers";
 import {cloneDeep} from "lodash";
 import Spacer from "@ledvance/base/src/components/Spacer";
-import {Utils, Dialog} from "tuya-panel-kit";
+import {Dialog, Utils} from "tuya-panel-kit";
 import ItemCard from "./ItemCard";
 import InfoText from "@ledvance/base/src/components/InfoText";
 import ThemeType from '@ledvance/base/src/config/themeType'
@@ -21,7 +21,7 @@ const { withTheme } = Utils.ThemeUtils
 const MAX_NUM = 10
 
 const FixedTimeForPlugPage = (props: { theme?: ThemeType}) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const params = useRoute().params as FixedTimeParam
   const [fixedTimeList, setFixedTimeList] = useFixedTime()
@@ -209,7 +209,7 @@ const FixedTimeForPlugPage = (props: { theme?: ThemeType}) => {
 
   return (
     <Page
-      backText={devInfo.name}
+      backText={uaGroupInfo.name}
       onBackClick={() => navigation.goBack()}
       headlineText={I18n.getLang('fixedTimeCycle_socket_headline')}
       headlineIcon={!isMaxNum && res.device_panel_schedule_add || undefined}

package/src/modules/fixedTimingForLight/FixedTimingForLightPage.tsx

@@ -1,12 +1,12 @@
 import Page from "@ledvance/base/src/components/Page";
-import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useUAGroupInfo} 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, Dialog} from "tuya-panel-kit";
+import {Dialog, 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";
@@ -14,14 +14,14 @@ import ItemCard from "./ItemCard";
 import {cloneDeep} from "lodash";
 import InfoText from "@ledvance/base/src/components/InfoText";
 import ThemeType from '@ledvance/base/src/config/themeType'
-import { isConflictTask, showDialog } from "@ledvance/base/src/utils/common";
+import {isConflictTask, showDialog} from "@ledvance/base/src/utils/common";
 
 const {convertX: cx, topBarHeight} = Utils.RatioUtils;
 const { withTheme } = Utils.ThemeUtils
 const MAX_NUM = 4
 
 const FixedTimeForLightPage =  (props: { theme?: ThemeType}) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const params = useRoute().params as FixedTimingParam
   const [fixedTimingList, setFixedTimingList] = useFixedTiming()
@@ -155,9 +155,9 @@ const FixedTimeForLightPage =  (props: { theme?: ThemeType}) => {
                   subTitle: I18n.getLang('cancel_dialog_delete_item_fixedtimecycle_description'),
                   onConfirm: async (_, {close}) => {
                     close()
-                    state.loading = true 
+                    state.loading = true
                     await onPost('del', item)
-                    state.loading = false 
+                    state.loading = false
                   }
                 })
               }}
@@ -213,7 +213,7 @@ const FixedTimeForLightPage =  (props: { theme?: ThemeType}) => {
   }
   return (
     <Page
-      backText={devInfo.name}
+      backText={uaGroupInfo.name}
       headlineText={I18n.getLang('fixedTimeCycle_socket_headline')}
       headlineIcon={!isMaxNum && res.device_panel_schedule_add || undefined}
       onHeadlineIconClick={() => onAddOrEditItem('add')}

package/src/modules/flags/FlagPage.tsx

@@ -1,24 +1,24 @@
-import React, { useEffect } from "react";
+import React, {useEffect} from "react";
 import Page from "@ledvance/base/src/components/Page";
-import { useDeviceInfo, useFlags, useGroupDp, useUAGroupInfo } from "@ledvance/base/src/models/modules/NativePropsSlice";
-import { FlatList, TouchableOpacity, View, Image } from "react-native";
+import {useFlags, useGroupDp, useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {FlatList, Image, TouchableOpacity, View} from "react-native";
 import Spacer from "@ledvance/base/src/components/Spacer";
-import { Utils } from "tuya-panel-kit";
+import {Utils} from "tuya-panel-kit";
 import FlagItem from "./FlagItem";
-import { FlagUiInfo, def2Pids, def3Pids } from "./FlagInfo";
-import { getRemoteFlag, saveFlag, useFlag, useFlagMode, useWorkMode } from "./FlagActions";
-import { useNavigation } from '@react-navigation/core'
+import {def2Pids, def3Pids, FlagUiInfo} from "./FlagInfo";
+import {getRemoteFlag, saveFlag, useFlag, useFlagMode, useWorkMode} from "./FlagActions";
+import {useNavigation} from '@react-navigation/core'
 import I18n from "@ledvance/base/src/i18n";
-import { useReactive, useUpdateEffect } from "ahooks";
-import { cloneDeep, difference, last, map, range } from "lodash";
-import { ui_biz_routerKey } from "../../navigation/Routers";
+import {useReactive, useUpdateEffect} from "ahooks";
+import {cloneDeep, difference, last, map, range} from "lodash";
+import {ui_biz_routerKey} from "../../navigation/Routers";
 import res from "@ledvance/base/src/res";
-import { hsv2Hex } from "@ledvance/base/src/utils";
-import { SceneNodeTransitionMode } from "../mood/SceneInfo";
+import {hsv2Hex} from "@ledvance/base/src/utils";
+import {SceneNodeTransitionMode} from "../mood/SceneInfo";
 import TextField from "@ledvance/base/src/components/TextField";
-import { useParams } from "@ledvance/base/src/hooks/Hooks";
-import { WorkMode } from "@ledvance/base/src/utils/interface";
-import { showDialog } from "@ledvance/base/src/utils/common";
+import {useParams} from "@ledvance/base/src/hooks/Hooks";
+import {WorkMode} from "@ledvance/base/src/utils/interface";
+import {showDialog} from "@ledvance/base/src/utils/common";
 import ThemeType from '@ledvance/base/src/config/themeType'
 
 const cx = Utils.RatioUtils.convertX
@@ -38,7 +38,6 @@ export interface FlagPageProps {
 
 const FlagPage = (props: { theme?: ThemeType }) => {
   const params = useParams<FlagPageProps>()
-  const devInfo = useDeviceInfo()
   const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const [switch_led] = useGroupDp<boolean>(params.switchLedCode)
@@ -136,7 +135,7 @@ const FlagPage = (props: { theme?: ThemeType }) => {
   return (
     <Page
       headlineText={I18n.getLang('Feature_devicepanel_flags')}
-      backText={devInfo.name}
+      backText={uaGroupInfo.name}
       headlineIcon={res.add}
       onHeadlineIconClick={() => {
         const useIds = map([

package/src/modules/lightMode/LightModePage.tsx

@@ -1,7 +1,7 @@
 import React, {PropsWithChildren} from 'react'
 import {Image, ScrollView, StyleSheet, Text, TouchableOpacity, View, ViewProps} from 'react-native'
 import Page from '@ledvance/base/src/components/Page'
-import {useDeviceInfo, useFeatureHook} from '@ledvance/base/src/models/modules/NativePropsSlice'
+import {useDeviceInfo, useFeatureHook, useUAGroupInfo} from '@ledvance/base/src/models/modules/NativePropsSlice'
 import I18n from '@ledvance/base/src/i18n'
 import {Utils} from 'tuya-panel-kit'
 import Spacer from '@ledvance/base/src/components/Spacer'
@@ -30,7 +30,7 @@ export function useLightMode(): [LightMode, (v: LightMode) => Promise<Result<any
 }
 
 const LightModePage = (props: { theme?: ThemeType }) => {
-  const deviceInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const [lightMode, setLightMode] = useLightMode()
 
   const state = useReactive({
@@ -110,7 +110,7 @@ const LightModePage = (props: { theme?: ThemeType }) => {
 
   return (
     <Page
-      backText={deviceInfo.name}
+      backText={uaGroupInfo.name}
       headlineText={I18n.getLang('matterplug_LED')}
       loading={state.loading}>
       <ScrollView style={styles.root} nestedScrollEnabled={true}>

package/src/modules/mood/MoodPage.tsx

@@ -4,7 +4,7 @@ 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 {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'
@@ -52,7 +52,6 @@ const MoodPage = () => {
   const params: MoodPageProps = {
     ...routeParams,
   }
-  const deviceInfo = useDeviceInfo()
   const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const groupDpScene = useGroupDpScene({
@@ -256,7 +255,7 @@ const MoodPage = () => {
   return (
     <>
       <Page
-        backText={deviceInfo.name}
+        backText={uaGroupInfo.name}
         headlineText={Strings.getLang('mood_overview_headline_text')}
         headlineIcon={state.scenes.length < MAX_MOOD_COUNT ? res.add : undefined}
         onHeadlineIconClick={() => {

package/src/modules/mood_new/MoodPage.tsx

@@ -1,32 +1,34 @@
-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 { saveMoodList, useRgbicWorkMode, useSwitchLed, useWorkMode } from './MoodActions';
+import {Utils} from 'tuya-panel-kit';
 import {
-  useDeviceInfo,
-  useMoods,
-  useUAGroupInfo,
-} from '@ledvance/base/src/models/modules/NativePropsSlice';
-import { useReactive } from 'ahooks';
+  getRemoteMoodList,
+  saveMoodList,
+  useMoodScene,
+  useRgbicWorkMode,
+  useSwitchLed,
+  useWorkMode
+} from './MoodActions';
+import {useMoods, useUAGroupInfo,} from '@ledvance/base/src/models/modules/NativePropsSlice';
+import {useReactive} from 'ahooks';
 import Strings from '@ledvance/base/src/i18n';
+import I18n from '@ledvance/base/src/i18n';
 import res from '@ledvance/base/src/res';
-import { FlatList, StyleSheet, View, Platform, Image, TouchableOpacity } from 'react-native';
+import {FlatList, Image, Platform, StyleSheet, TouchableOpacity, 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 } from '@react-navigation/core';
-import { MoodPageParams, MoodPageState, MoodUIInfo } from './Interface';
-import { getRemoteMoodList, useMoodScene } from './MoodActions';
-import { useParams } from '@ledvance/base/src/hooks/Hooks';
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { cloneDeep, filter, map } from 'lodash';
-import { useFlagMode } from '../flags/FlagActions';
-import { WorkMode } from '@ledvance/base/src/utils/interface';
+import {useNavigation} from '@react-navigation/core';
+import {MoodPageParams, MoodPageState, MoodUIInfo} from './Interface';
+import {useParams} from '@ledvance/base/src/hooks/Hooks';
+import {ui_biz_routerKey} from '../../navigation/Routers'
+import {cloneDeep, filter, map} from 'lodash';
+import {useFlagMode} from '../flags/FlagActions';
+import {WorkMode} from '@ledvance/base/src/utils/interface';
 import ThemeType from '@ledvance/base/src/config/themeType'
-import { showDialog } from '@ledvance/base/src/utils/common';
-import I18n from '@ledvance/base/src/i18n';
+import {showDialog} from '@ledvance/base/src/utils/common';
 
 const cx = Utils.RatioUtils.convertX;
 const { withTheme } = Utils.ThemeUtils
@@ -35,7 +37,6 @@ const MAX_MOOD_COUNT = 255;
 
 const MoodPage = (props: {theme?: ThemeType}) => {
   const params = useParams<MoodPageParams>();
-  const deviceInfo = useDeviceInfo();
   const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation();
   const [moodInfo, setMoodInfo] = useMoodScene(params);
@@ -285,7 +286,7 @@ const MoodPage = (props: {theme?: ThemeType}) => {
   return (
     <>
       <Page
-        backText={deviceInfo.name}
+        backText={uaGroupInfo.name}
         headlineText={Strings.getLang('mood_overview_headline_text')}
         headlineIcon={state.originMoods.length < MAX_MOOD_COUNT ? res.add : undefined}
         onHeadlineIconClick={() => {

package/src/modules/music/MusicPage.tsx

@@ -1,24 +1,24 @@
 import React from 'react'
-import { StyleSheet, View, Text, Image } from 'react-native'
-import { useNavigation } from '@react-navigation/core'
+import {Image, StyleSheet, Text, View} from 'react-native'
+import {useNavigation} from '@react-navigation/core'
 import Page from '@ledvance/base/src/components/Page'
-import { useDeviceInfo, putGroupTYDps, useUAGroupInfo, useGroupDp } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import {putGroupTYDps, useGroupDp, useUAGroupInfo} from '@ledvance/base/src/models/modules/NativePropsSlice'
 import I18n from '@ledvance/base/src/i18n'
 import Img from './res'
-import { useDreamMusicData } from './MusicActions'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import { musicTabs } from './MusicDataBean'
-import { SwitchButton, TabBar, Utils } from 'tuya-panel-kit'
+import {useDreamMusicData} from './MusicActions'
+import {useReactive, useUpdateEffect} from 'ahooks'
+import {musicTabs} from './MusicDataBean'
+import {SwitchButton, TabBar, Utils} from 'tuya-panel-kit'
 import * as MusicManager from './MusicManager'
 import Spacer from '@ledvance/base/src/components/Spacer'
 import LdvSlider from '@ledvance/base/src/components/ldvSlider'
 import TextFieldStyleButton from '@ledvance/base/src/components/TextFieldStyleButton'
-import { SelectPageParams } from '../select/SelectPage'
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { cloneDeep } from 'lodash'
-import { useParams } from '@ledvance/base/src/hooks/Hooks'
-import { ColorParser } from '@ledvance/base/src/utils/ColorParser'
-import { WorkMode } from '@ledvance/base/src/utils/interface'
+import {SelectPageParams} from '../select/SelectPage'
+import {ui_biz_routerKey} from '../../navigation/Routers'
+import {cloneDeep} from 'lodash'
+import {useParams} from '@ledvance/base/src/hooks/Hooks'
+import {ColorParser} from '@ledvance/base/src/utils/ColorParser'
+import {WorkMode} from '@ledvance/base/src/utils/interface'
 import ThemeType from '@ledvance/base/src/config/themeType'
 
 const { convertX: cx } = Utils.RatioUtils
@@ -35,7 +35,7 @@ export interface MusicPageParams {
 }
 
 const MusicPage = (props: { theme?: ThemeType }) => {
-  const deviceInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const tyGroupId = useUAGroupInfo().tyGroupId
   const params = useParams<MusicPageParams>()
   const navigation = useNavigation()
@@ -120,7 +120,7 @@ const MusicPage = (props: { theme?: ThemeType }) => {
 
   return (
     <Page
-      backText={deviceInfo.name}
+      backText={uaGroupInfo.name}
       headlineText={I18n.getLang('devicemusic_headline_text')}
     >
       <View style={styles.content}>

package/src/modules/overchargeSwitch/OverchargeSwitchPage.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import {Utils} from "tuya-panel-kit";
 import Page from "@ledvance/base/src/components/Page";
 import I18n from "@ledvance/base/src/i18n/index";
-import {useDeviceInfo, useFeatureHook} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useFeatureHook, useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
 import {useReactive} from "ahooks";
 import Spacer from "@ledvance/base/src/components/Spacer";
 import {StyleSheet, Text} from "react-native";
@@ -23,7 +23,7 @@ export function useOverchargeSwitch(): [boolean, (v: boolean) => Promise<Result<
 }
 
 const OverchargeSwitchPage = (props: { theme?: ThemeType }) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const [overchargeSwitch, setOverchargeSwitch] = useOverchargeSwitch()
   const state = useReactive({
     loading: false
@@ -41,7 +41,7 @@ const OverchargeSwitchPage = (props: { theme?: ThemeType }) => {
   })
 
   return (<Page
-    backText={devInfo.name}
+    backText={uaGroupInfo.name}
     loading={state.loading}>
     <Spacer height={cx(24)}/>
     <Card style={{marginHorizontal: cx(24)}}>

package/src/modules/randomTimeForPlug/RandomTimeForPlugPage.tsx

@@ -1,5 +1,5 @@
 import Page from "@ledvance/base/src/components/Page";
-import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useUAGroupInfo} 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";
@@ -14,14 +14,14 @@ import ItemCard from "./ItemCard";
 import {cloneDeep} from "lodash";
 import InfoText from "@ledvance/base/src/components/InfoText";
 import ThemeType from '@ledvance/base/src/config/themeType'
-import { isConflictTask, showDialog } from "@ledvance/base/src/utils/common";
+import {isConflictTask, showDialog} from "@ledvance/base/src/utils/common";
 
 const {convertX: cx, topBarHeight} = Utils.RatioUtils;
 const { withTheme } = Utils.ThemeUtils
 const MAX_NUM = 16
 
 const RandomTimeForPlugPage = (props: { theme?: ThemeType}) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const params = useRoute().params as RandomTimeParam
   const [randomTimeList, setRandomTimeList] = useRandomTime()
@@ -166,7 +166,7 @@ const RandomTimeForPlugPage = (props: { theme?: ThemeType}) => {
                     close()
                     state.loading = true
                     await onPost('del', item)
-                    state.loading = false 
+                    state.loading = false
                   }
                 })
               }}
@@ -213,7 +213,7 @@ const RandomTimeForPlugPage = (props: { theme?: ThemeType}) => {
   }
   return (
     <Page
-      backText={devInfo.name}
+      backText={uaGroupInfo.name}
       headlineText={I18n.getLang('randomtimecycle_sockets_headline_text')}
       headlineIcon={!isMaxNum && res.device_panel_schedule_add || undefined}
       onHeadlineIconClick={() => onAddOrEditItem('add')}

package/src/modules/randomTimingForLight/RandomTimingForLightPage.tsx

@@ -1,12 +1,12 @@
 import Page from "@ledvance/base/src/components/Page";
-import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useUAGroupInfo} 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, Dialog} from "tuya-panel-kit";
+import {Dialog, Utils} from "tuya-panel-kit";
 import {ui_biz_routerKey} from "../../navigation/Routers";
 import {RandomTimingItem, RandomTimingParam, useRandomTiming} from "./RandomTimingForLightAction";
 import Spacer from "@ledvance/base/src/components/Spacer";
@@ -14,14 +14,14 @@ import ItemCard from "./ItemCard";
 import {cloneDeep} from "lodash";
 import InfoText from "@ledvance/base/src/components/InfoText";
 import ThemeType from '@ledvance/base/src/config/themeType'
-import { isConflictTask, showDialog } from "@ledvance/base/src/utils/common";
+import {isConflictTask, showDialog} from "@ledvance/base/src/utils/common";
 
 const {convertX: cx, topBarHeight} = Utils.RatioUtils;
 const { withTheme } = Utils.ThemeUtils
 const MAX_NUM = 4
 
 const RandomTimeForLightPage = (props: { theme?: ThemeType}) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const params = useRoute().params as RandomTimingParam
   const [randomTimingList, setRandomTimingList] = useRandomTiming()
@@ -76,7 +76,7 @@ const RandomTimeForLightPage = (props: { theme?: ThemeType}) => {
             state.loading = false
           },
           onCancel: () => {
-            state.loading = false 
+            state.loading = false
             Dialog.close()
           }
         })
@@ -169,7 +169,7 @@ const RandomTimeForLightPage = (props: { theme?: ThemeType}) => {
                     close()
                     state.loading = true
                     await onPost('del', item)
-                    state.loading = false 
+                    state.loading = false
                   }
                 })
               }}
@@ -217,7 +217,7 @@ const RandomTimeForLightPage = (props: { theme?: ThemeType}) => {
   }
   return (
     <Page
-      backText={devInfo.name}
+      backText={uaGroupInfo.name}
       headlineText={I18n.getLang('randomtimecycle_sockets_headline_text')}
       headlineIcon={!isMaxNum && res.device_panel_schedule_add || undefined}
       onHeadlineIconClick={() => onAddOrEditItem('add')}

package/src/modules/remoteSwitch/RemoteSwitchPage.tsx

@@ -2,11 +2,11 @@ import React from 'react'
 import {SwitchButton, Utils} from "tuya-panel-kit";
 import Page from "@ledvance/base/src/components/Page";
 import I18n from "@ledvance/base/src/i18n/index";
-import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
 import {useReactive} from "ahooks";
 import Spacer from "@ledvance/base/src/components/Spacer";
 import {useRemoteSwitch} from "./RemoteSwitchAction";
-import {View, Text, StyleSheet} from "react-native";
+import {StyleSheet, Text, View} from "react-native";
 import {showDialog} from "@ledvance/base/src/utils/common";
 import ThemeType from '@ledvance/base/src/config/themeType'
 
@@ -14,7 +14,7 @@ const { convertX: cx } = Utils.RatioUtils
 const { withTheme } = Utils.ThemeUtils
 
 const RemoteSwitchPage = (props: { theme?: ThemeType }) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const [remoteSwitch, setRemoteSwitch] = useRemoteSwitch()
   const state = useReactive({
     loading: false
@@ -55,7 +55,7 @@ const RemoteSwitchPage = (props: { theme?: ThemeType }) => {
   })
 
   return (<Page
-    backText={devInfo.name}
+    backText={uaGroupInfo.name}
     loading={state.loading}>
     <View style={[styles.titleBGView, styles.shadow]}>
       <Text style={styles.title}>{I18n.getLang('light_sources_specific_settings_remote_control')}</Text>

package/src/modules/sleepWakeUp/SleepWakeUpPage.tsx

@@ -1,23 +1,37 @@
-import React, { useCallback, useEffect, useMemo } from "react";
-import { FlatList, Image, StyleSheet, Text, View } from 'react-native'
+import React, {useCallback, useEffect, useMemo} from "react";
+import {FlatList, Image, StyleSheet, Text, View} from 'react-native'
 import Page from '@ledvance/base/src/components/Page'
 import Tag from '@ledvance/base/src/components/Tag'
 import Spacer from '@ledvance/base/src/components/Spacer'
-import { useNavigation } from '@react-navigation/native'
+import {useNavigation} from '@react-navigation/native'
 import I18n from '@ledvance/base/src/i18n'
 import res from '@ledvance/base/src/res'
-import { useDeviceInfo, useSystemTimeFormate } from "@ledvance/base/src/models/modules/NativePropsSlice";
-import { useReactive, useUpdateEffect } from "ahooks";
+import {useSystemTimeFormate, useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useReactive, useUpdateEffect} from "ahooks";
 import CustomListDialog from "@ledvance/base/src/components/CustomListDialog";
-import { Dialog, SwitchButton, Utils } from "tuya-panel-kit";
-import { convertMinutesTo12HourFormat, getGlobalParamsDp, getIsClosed, isConflictTask, loopText, showDialog } from "@ledvance/base/src/utils/common";
+import {Dialog, SwitchButton, Utils} from "tuya-panel-kit";
+import {
+  convertMinutesTo12HourFormat,
+  getGlobalParamsDp,
+  getIsClosed,
+  isConflictTask,
+  loopText,
+  showDialog
+} from "@ledvance/base/src/utils/common";
 import TextButton from "@ledvance/base/src/components/TextButton";
-import { ui_biz_routerKey } from "../../navigation/Routers";
-import { cloneDeep } from "lodash";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+import {cloneDeep} from "lodash";
 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 { encodeSleepOrWakeUp, getEndTime, getStartTime, SleepWakeUpItem, useSleepPlan, useWakeUpPlan } from "./SleepWakeUpActions";
+import {useParams} from "@ledvance/base/src/hooks/Hooks";
+import {ApplyForItem} from "@ledvance/base/src/utils/interface";
+import {
+  encodeSleepOrWakeUp,
+  getEndTime,
+  getStartTime,
+  SleepWakeUpItem,
+  useSleepPlan,
+  useWakeUpPlan
+} from "./SleepWakeUpActions";
 import ThemeType from '@ledvance/base/src/config/themeType'
 
 const cx = Utils.RatioUtils.convertX
@@ -36,7 +50,7 @@ export interface SleepWakeUpPageRouteParams {
 
 const MAX_SCHEDULE = 4
 const SleepWakeUpPage = (props: { theme?: ThemeType }) => {
-  const deviceInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const is24HourClock = useSystemTimeFormate()
   const params = useParams<SleepWakeUpPageRouteParams>()
@@ -331,7 +345,7 @@ const SleepWakeUpPage = (props: { theme?: ThemeType }) => {
   return (
     <>
       <Page
-        backText={deviceInfo.name}
+        backText={uaGroupInfo.name}
         onBackClick={navigation.goBack}
         headlineText={I18n.getLang('add_sleepschedule_one_source_system_back_text')}
         headlineIcon={isMaxNum ? undefined : res.device_panel_schedule_add}

package/src/modules/switchGradient/SwitchGradientPage.tsx

@@ -1,13 +1,13 @@
 import {useReactive, useUpdateEffect} from "ahooks";
 import {useSwitchGradient} from "./SwitchGradientAction";
-import { useNavigation } from '@react-navigation/native'
-import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useNavigation} from '@react-navigation/native'
+import {useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
 import {Utils} from "tuya-panel-kit";
 import Page from "@ledvance/base/src/components/Page";
 import I18n from "@ledvance/base/src/i18n";
 import res from "@ledvance/base/src/res";
 import React from "react";
-import {View, Text, StyleSheet} from "react-native";
+import {StyleSheet, Text, View} from "react-native";
 import Card from "@ledvance/base/src/components/Card";
 import Spacer from "@ledvance/base/src/components/Spacer";
 import Stepper from '@ledvance/base/src/components/Stepper'
@@ -17,7 +17,7 @@ const {convertX: cx} = Utils.RatioUtils
 const { withTheme } = Utils.ThemeUtils
 
 const SwitchGradientPage = (props: { theme?: ThemeType }) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const [
     switchOnDuration,
@@ -59,7 +59,7 @@ const SwitchGradientPage = (props: { theme?: ThemeType }) => {
 
   return (
     <Page
-      backText={devInfo.name}
+      backText={uaGroupInfo.name}
       headlineText={I18n.getLang('matter_gradient_overview_headline_text')}
       rightButtonIcon={res.ic_check}
       rightButtonIconClick={async () => {

package/src/modules/swithInching/SwithInching.tsx

@@ -1,7 +1,7 @@
 import React, {useEffect} from "react";
 import {StyleSheet, Text, View} from "react-native";
 import Page from "@ledvance/base/src/components/Page";
-import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useUAGroupInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
 import {useNavigation} from '@react-navigation/native'
 import {SwitchButton, Utils} from "tuya-panel-kit";
 import LdvPickerView from "@ledvance/base/src/components/ldvPickerView";
@@ -21,7 +21,7 @@ interface SwitchInchingState {
 }
 
 const SwitchInching = (props: { theme?: ThemeType }) => {
-  const deviceInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const navigation = useNavigation()
   const [switchInching, setSwitchInching] = useSwitchInching()
 
@@ -123,7 +123,7 @@ const SwitchInching = (props: { theme?: ThemeType }) => {
 
   return (
     <Page
-      backText={deviceInfo.name}
+      backText={uaGroupInfo.name}
       onBackClick={navigation.goBack}
       headlineText={I18n.getLang('socket_settings_switch_off_firstbox_text')}
     >

package/src/modules/timeSchedule/TimeSchedulePage.tsx

@@ -1,27 +1,23 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
-import { ScrollView, Text, StyleSheet, FlatList, View, Image } from 'react-native';
-import { useNavigation } from '@react-navigation/core';
-import { Utils } from 'tuya-panel-kit';
+import React, {useCallback, useEffect, useMemo} from 'react';
+import {FlatList, Image, ScrollView, StyleSheet, Text, View} from 'react-native';
+import {useNavigation} from '@react-navigation/core';
+import {Utils} from 'tuya-panel-kit';
 import Page from '@ledvance/base/src/components/Page';
 import I18n from '@ledvance/base/src/i18n';
-import {
-  useDeviceInfo,
-  useTimeSchedule,
-  useUAGroupInfo,
-} from '@ledvance/base/src/models/modules/NativePropsSlice';
+import {useTimeSchedule, useUAGroupInfo,} from '@ledvance/base/src/models/modules/NativePropsSlice';
 import res from '@ledvance/base/src/res';
 import Spacer from '@ledvance/base/src/components/Spacer';
 import InfoText from '@ledvance/base/src/components/InfoText';
 import DeleteButton from '@ledvance/base/src/components/DeleteButton';
-import { useReactive, useUpdateEffect } from 'ahooks';
-import { addTimeSchedule, modDelTimeSchedule, getTimeSchedule, modifyTimeSchedule } from "./TimeScheduleActions";
-import { DeviceStateType, Timer } from './Interface';
-import { useParams } from '@ledvance/base/src/hooks/Hooks';
+import {useReactive, useUpdateEffect} from 'ahooks';
+import {addTimeSchedule, getTimeSchedule, modDelTimeSchedule, modifyTimeSchedule} from "./TimeScheduleActions";
+import {DeviceStateType, Timer} from './Interface';
+import {useParams} from '@ledvance/base/src/hooks/Hooks';
 import ScheduleCard from './components/ScheduleCard';
-import { ui_biz_routerKey } from "../../navigation/Routers";
-import { ApplyForItem } from '@ledvance/base/src/utils/interface';
+import {ui_biz_routerKey} from "../../navigation/Routers";
+import {ApplyForItem} from '@ledvance/base/src/utils/interface';
 import ThemeType from '@ledvance/base/src/config/themeType'
-import { showDialog } from '@ledvance/base/src/utils/common';
+import {showDialog} from '@ledvance/base/src/utils/common';
 
 const { convertX: cx } = Utils.RatioUtils;
 const { withTheme } = Utils.ThemeUtils
@@ -47,7 +43,6 @@ export interface TimeSchedulePageParams {
 }
 
 const TimeSchedulePage = (props: { theme?: ThemeType }) => {
-  const deviceInfo = useDeviceInfo();
   const navigation = useNavigation();
   const uaGroupInfo = useUAGroupInfo()
   const [timeScheduleStatus, setTimeScheduleStatus] = useTimeSchedule();
@@ -145,7 +140,7 @@ const TimeSchedulePage = (props: { theme?: ThemeType }) => {
 
   return (
     <Page
-      backText={deviceInfo.name}
+      backText={uaGroupInfo.name}
       onBackClick={navigation.goBack}
       headlineText={I18n.getLang('timeschedule_overview_headline_text')}
       headlineIcon={isMaxSchedule ? undefined : res.device_panel_schedule_add}

package/src/modules/timer/TimerPage.tsx

@@ -1,28 +1,28 @@
-import React, { useEffect } from 'react'
-import { FlatList, Image, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
+import React, {useEffect} from 'react'
+import {FlatList, Image, ScrollView, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
 import I18n from '@ledvance/base/src/i18n'
 import Page from '@ledvance/base/src/components/Page'
-import { Utils } from 'tuya-panel-kit'
-import { useDeviceInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import {Utils} from 'tuya-panel-kit'
+import {useUAGroupInfo} from '@ledvance/base/src/models/modules/NativePropsSlice'
 import LdvPickerView from '@ledvance/base/src/components/ldvPickerView'
-import { useReactive } from 'ahooks'
+import {useReactive} from 'ahooks'
 import Spacer from '@ledvance/base/src/components/Spacer'
 import DeleteButton from '@ledvance/base/src/components/DeleteButton'
 import {TaskStatus, timeFormat, timeFormatToRealTime, TimerPageParams, TimerTask, useTimerTasks} from './TimerAction'
-import { cloneDeep, groupBy } from 'lodash'
-import { useParams } from '@ledvance/base/src/hooks/Hooks'
+import {cloneDeep, groupBy} from 'lodash'
+import {useParams} from '@ledvance/base/src/hooks/Hooks'
 import GroupBizRes from '../../res/GroupBizRes'
 import dayjs from 'dayjs'
 import Card from '@ledvance/base/src/components/Card'
 import TextButton from '@ledvance/base/src/components/TextButton'
-import { CircularProgress } from '@ledvance/base/src/components/CircularProgress'
+import {CircularProgress} from '@ledvance/base/src/components/CircularProgress'
 import ThemeType from '@ledvance/base/src/config/themeType'
 
 const { convertX: cx } = Utils.RatioUtils
 const { withTheme } = Utils.ThemeUtils
 
 const TimerPage = (props: { theme?: ThemeType }) => {
-  const devInfo = useDeviceInfo()
+  const uaGroupInfo = useUAGroupInfo()
   const params = useParams<TimerPageParams>()
   const [timerTasks, setTimerTasks, changeTimerTasks] = useTimerTasks(params.timerSettableDps, params.devIdGroup)
 
@@ -164,7 +164,7 @@ const TimerPage = (props: { theme?: ThemeType }) => {
 
   return (
     <Page
-      backText={devInfo.name}
+      backText={uaGroupInfo.name}
       headlineText={I18n.getLang('timer_nightplug_headline_text')}
       loading={state.loading}>
       <ScrollView