@ledvance/ui-biz-bundle 1.1.158 → 1.1.160

package/package.json

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

package/src/modules/flags/FlagActions.ts

@@ -59,7 +59,7 @@ export const useFlag: UseFlagType = (flagCode, extra) => {
       })
       const extraDps = {}
       if(extra.isCeilingLight){
-        extraDps[extra.switchLedCode] = true,
+        extraDps[extra.switchLedCode] = true
         extraDps[extra.whiteSwitchCode!] = true
         extraDps[extra.rgbcSwitchLedCode!] = true
         extraDps[extra.rgbcWorkModeCode!] = WORK_MODE.COLOUR

package/src/modules/flags/FlagInfo.tsx

@@ -2,13 +2,13 @@ import I18n from "@ledvance/base/src/i18n";
 import { SceneNodeTransitionMode } from "../scene/SceneInfo";
 
 type HSV = {
-  h: number 
-  s: number 
+  h: number
+  s: number
   v: number
 }
 
 type BT = {
-  brightness: number 
+  brightness: number
   colorTemp: number
 }
 
@@ -24,6 +24,7 @@ export interface FlagItemInfo {
 
 export interface FlagUiInfo extends FlagItemInfo{
   name: string
+  groupKey?: string
 }
 
 const defFlagConfig = {
@@ -45,36 +46,42 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 255,
     name: I18n.getLang('country_DE'),
+    groupKey: 'latam_2026_e',
     ...defFlagConfig,
     colors: [{ h: 48, s: 100, v: 100 }, { h: 360, s: 100, v: 100 }, { h: 0, s: 0, v: 0 }],
   },
   {
     id: 254,
     name: I18n.getLang('country_BE'),
+    groupKey: 'latam_2026_g',
     ...defFlagConfig,
     colors: [{ h: 360, s: 100, v: 100 }, { h: 48, s: 100, v: 100 }, { h: 0, s: 0, v: 0 }]
   },
   {
     id: 253,
     name: I18n.getLang('country_FR'),
+    groupKey: 'latam_2026_i',
     ...defFlagConfig,
     colors: [{ h: 360, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 212, s: 100, v: 100 }]
   },
   {
     id: 252,
     name: I18n.getLang('country_PT'),
+    groupKey: 'latam_2026_k',
     ...defFlagConfig,
     colors: [{ h: 360, s: 100, v: 100 }, { h: 360, s: 100, v: 100 }, { h: 120, s: 100, v: 64 }]
   },
   {
     id: 251,
     name: I18n.getLang('country_scotland'),
+    groupKey: 'latam_2026_c',
     ...defFlagConfig,
     colors: [{ h: 209, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 209, s: 100, v: 100 }]
   },
   {
     id: 250,
     name: I18n.getLang('country_ES'),
+    groupKey: 'latam_2026_h',
     ...defFlagConfig,
     colors: [{ h: 360, s: 100, v: 100 }, { h: 47, s: 100, v: 100 }, { h: 360, s: 100, v: 100 }]
   },
@@ -87,12 +94,14 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 248,
     name: I18n.getLang('country_AT'),
+    groupKey: 'latam_2026_j',
     ...defFlagConfig,
     colors: [{ h: 360, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 360, s: 100, v: 100 }]
   },
   {
     id: 247,
     name: I18n.getLang('country_england'),
+    groupKey: 'latam_2026_l',
     ...defFlagConfig,
     colors: [{ h: 0, s: 0, v: 100 }, { h: 360, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }]
   },
@@ -123,6 +132,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 242,
     name: I18n.getLang('country_NL'),
+    groupKey: 'latam_2026_f',
     ...defFlagConfig,
     colors: [{ h: 217, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 360, s: 100, v: 100 }]
   },
@@ -135,6 +145,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 240,
     name: I18n.getLang('country_CH'),
+    groupKey: 'latam_2026_b',
     ...defFlagConfig,
     colors: [{ h: 360, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 360, s: 100, v: 100 }]
   },
@@ -165,6 +176,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 235,
     name: I18n.getLang('country_HR'),
+    groupKey: 'latam_2026_l',
     ...defFlagConfig,
     colors: [{ h: 220, s: 89, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 360, s: 100, v: 100 }]
   },
@@ -177,6 +189,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 233,
     name: I18n.getLang('country_NO'),
+    groupKey: 'latam_2026_i',
     ...defFlagConfig,
     colors: [{ h: 218, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 360, s: 100, v: 100 }]
   },
@@ -215,24 +228,28 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 226,
     name: I18n.getLang('country_US'),
+    groupKey: 'latam_2026_d',
     ...defFlagConfig,
     colors: [{ h: 210, s: 78, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 0, s: 100, v: 100 }],
   },
   {
     id: 225,
     name: I18n.getLang('country_CA'),
+    groupKey: 'latam_2026_b',
     ...defFlagConfig,
     colors: [{ h: 0, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 0, s: 100, v: 100 },],
   },
   {
     id: 224,
     name: I18n.getLang('country_MX'),
+    groupKey: 'latam_2026_a',
     ...defFlagConfig,
     colors: [{ h: 0, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 103, s: 73, v: 64 },],
   },
   {
     id: 223,
     name: I18n.getLang('country_SA'),
+    groupKey: 'latam_2026_h',
     ...defFlagConfig,
     colors: [{ h: 0, s: 0, v: 100 }, { h: 103, s: 73, v: 64 },],
   },
@@ -245,24 +262,28 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 221,
     name: I18n.getLang('country_AU'),
+    groupKey: 'latam_2026_d',
     ...defFlagConfig,
     colors: [{ h: 0, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 199, s: 84, v: 100 },],
   },
   {
     id: 220,
     name: I18n.getLang('country_JP'),
+    groupKey: 'latam_2026_f',
     ...defFlagConfig,
     colors: [{ h: 360, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }],
   },
   {
     id: 219,
     name: I18n.getLang('country_BR'),
+    groupKey: 'latam_2026_c',
     ...defFlagConfig,
     colors: [{ h: 60, s: 100, v: 100 }, { h: 147, s: 100, v: 64 }, { h: 0, s: 0, v: 100 },],
   },
   {
     id: 218,
     name: I18n.getLang('country_AR'),
+    groupKey: 'latam_2026_j',
     ...defFlagConfig,
     colors: [{ h: 210, s: 65, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 210, s: 65, v: 100 },],
   },
@@ -275,6 +296,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 216,
     name: I18n.getLang('country_EG'),
+    groupKey: 'latam_2026_g',
     ...defFlagConfig,
     colors: [{ h: 0, s: 0, v: 0 }, { h: 0, s: 0, v: 100 }, { h: 0, s: 100, v: 100 },],
   },
@@ -305,6 +327,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 211,
     name: I18n.getLang('country_EC'),
+    groupKey: 'latam_2026_e',
     ...defFlagConfig,
     colors: [{ h: 0, s: 100, v: 100 }, { h: 210, s: 78, v: 100 }, { h: 60, s: 100, v: 100 },],
   },
@@ -317,12 +340,14 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 209,
     name: I18n.getLang('country_CI'),
+    groupKey: 'latam_2026_e',
     ...defFlagConfig,
     colors: [{ h: 147, s: 100, v: 64 }, { h: 0, s: 0, v: 100 }, { h: 45, s: 100, v: 100 },],
   },
   {
     id: 208,
     name: I18n.getLang('country_GH'),
+    groupKey: 'latam_2026_l',
     ...defFlagConfig,
     colors: [{ h: 128, s: 77, v: 64 }, { h: 60, s: 100, v: 100 }, { h: 0, s: 100, v: 100 },],
   },
@@ -359,6 +384,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 202,
     name: I18n.getLang('country_ir'),
+    groupKey: 'latam_2026_g',
     ...defFlagConfig,
     colors: [{ h: 0, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 147, s: 100, v: 64 },],
   },
@@ -383,6 +409,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 198,
     name: I18n.getLang('country_QA'),
+    groupKey: 'latam_2026_b',
     ...defFlagConfig,
     colors: [{ h: 0, s: 100, v: 100 }, { h: 0, s: 0, v: 100 },],
   },
@@ -395,6 +422,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 196,
     name: I18n.getLang('country_CO'),
+    groupKey: 'latam_2026_k',
     ...defFlagConfig,
     colors: [{ h: 0, s: 100, v: 100 }, { h: 210, s: 78, v: 100 }, { h: 60, s: 100, v: 100 },],
   },
@@ -449,6 +477,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 187,
     name: I18n.getLang('country_MA'),
+    groupKey: 'latam_2026_c',
     ...defFlagConfig,
     colors: [{ h: 147, s: 100, v: 64 }, { h: 0, s: 100, v: 100 },],
   },
@@ -467,6 +496,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 184,
     name: I18n.getLang('country_NZ'),
+    groupKey: 'latam_2026_g',
     ...defFlagConfig,
     colors: [{ h: 0, s: 0, v: 100 }, { h: 0, s: 100, v: 100 }, { h: 220, s: 100, v: 100 },],
   },
@@ -491,6 +521,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 180,
     name: I18n.getLang('country_PY'),
+    groupKey: 'latam_2026_d',
     ...defFlagConfig,
     colors: [{ h: 205, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 0, s: 100, v: 100 },],
   },
@@ -521,6 +552,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 175,
     name: I18n.getLang('country_ZA'),
+    groupKey: 'latam_2026_a',
     ...defFlagConfig,
     colors: [{ h: 0, s: 0, v: 0 },{ h: 60, s: 100, v: 100 },{ h: 205, s: 100, v: 100 }, { h: 147, s: 100, v: 64 }, { h: 0, s: 0, v: 100 }, { h: 0, s: 100, v: 100 },],
   },
@@ -539,6 +571,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 172,
     name: I18n.getLang('country_TN'),
+    groupKey: 'latam_2026_f',
     ...defFlagConfig,
     colors: [{ h: 0, s: 0, v: 100 }, { h: 0, s: 100, v: 100 },],
   },
@@ -551,6 +584,7 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 170,
     name: I18n.getLang('country_UY'),
+    groupKey: 'latam_2026_h',
     ...defFlagConfig,
     colors: [{ h: 20, s: 100, v: 100 }, { h: 60, s: 100, v: 100 }, { h: 0, s: 0, v: 100 }, { h: 205, s: 100, v: 100 },],
   },
@@ -563,18 +597,21 @@ export const defFlagList: FlagUiInfo[] = [
   {
     id: 168,
     name: I18n.getLang('country_JO'),
+    groupKey: 'latam_2026_j',
     ...defFlagConfig,
     colors: [{"h":150,"s":100,"v":48}, {"h":0,"s":0,"v":100}, {"h":0,"s":0,"v":0},{"h":353,"s":92,"v":81}],
   },
   {
     id: 167,
     name: I18n.getLang('country_CV'),
+    groupKey: 'latam_2026_h',
     ...defFlagConfig,
     colors: [{"h":49,"s":100,"v":100}, {"h":356,"s":79,"v":94}, {"h":0,"s":0,"v":100},{"h":218,"s":100,"v":65}],
   },
   {
     id: 166,
     name: I18n.getLang('country_PA'),
+    groupKey: 'latam_2026_l',
     ...defFlagConfig,
     colors: [{"h":219,"s":92,"v":34}, {"h":0,"s":0,"v":100}, {"h":358,"s":92,"v":85}],
   },
@@ -608,4 +645,46 @@ export const defFlagList: FlagUiInfo[] = [
     ...defFlagConfig,
     colors: [{"h":0,"s":0,"v":100}, {"h":160,"s":80,"v":34}],
   },
+  {
+    id: 160,
+    name: I18n.getLang('country_KR'),
+    groupKey: 'latam_2026_a',
+    ...defFlagConfig,
+    colors: [{"h":0,"s":0,"v":100}, {"h":355,"s":78,"v":80}, {"h":213,"s":93,"v":80}],
+  },
+  {
+    id: 159,
+    name: I18n.getLang('country_HT'),
+    groupKey: 'latam_2026_c',
+    ...defFlagConfig,
+    colors: [{"h":228,"s":100,"v":62}, {"h":349,"s":92,"v":82}, {"h":0,"s":0,"v":100}],
+  },
+  {
+    id: 158,
+    name: I18n.getLang('country_CW'),
+    groupKey: 'latam_2026_e',
+    ...defFlagConfig,
+    colors: [{"h":220,"s":100,"v":50}, {"h":56,"s":92,"v":98}, {"h":0,"s":0,"v":100}],
+  },
+  {
+    id: 157,
+    name: I18n.getLang('country_SN'),
+    groupKey: 'latam_2026_i',
+    ...defFlagConfig,
+    colors: [{"h":148,"s":100,"v":52}, {"h":56,"s":74,"v":99}, {"h":358,"s":88,"v":89}],
+  },
+  {
+    id: 156,
+    name: I18n.getLang('country_DZ'),
+    groupKey: 'latam_2026_j',
+    ...defFlagConfig,
+    colors: [{"h":150,"s":100,"v":40}, {"h":0,"s":0,"v":100}, {"h":349,"s":92,"v":82}],
+  },
+  {
+    id: 155,
+    name: I18n.getLang('country_UZ'),
+    groupKey: 'latam_2026_k',
+    ...defFlagConfig,
+    colors: [{"h":207,"s":100,"v":81}, {"h":0,"s":0,"v":100}, {"h":109,"s":76,"v":69}],
+  },
 ]

package/src/modules/flags/FlagPage.tsx

@@ -20,7 +20,7 @@ import { ColorUtils, WORK_MODE } from '@tuya/tuya-panel-lamp-sdk/lib/utils'
 import { useReactive, useUpdateEffect } from 'ahooks'
 import { cloneDeep, difference, isEqual, last, map, range } from 'lodash'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { FlatList, Image, TouchableOpacity, View } from 'react-native'
+import { FlatList, Image, LayoutChangeEvent, TouchableOpacity, View } from 'react-native'
 import { Utils } from 'tuya-panel-kit'
 import { ui_biz_routerKey } from '../../navigation/Routers'
 import { SceneNodeTransitionMode } from '../scene/SceneInfo'
@@ -42,6 +42,8 @@ export interface FlagPageProps {
   isSolarLight?: boolean
   isSupportMixScene?: boolean
   isSupportSceneStatus?: boolean
+  isLatamFlag?: boolean
+  groupKey?: string
   drawToolLight?: {
     drawToolCode: string
     drawToolObj2dp: (colors: any[]) => string[]
@@ -101,9 +103,10 @@ const FlagPage = (props: { theme?: ThemeType }) => {
       .catch(() => state.loading = false)
   }, [devInfo.devId])
 
-  useUpdateEffect(() => {
-    state.filterFlags = state.searchText !== '' ? cloneDeep(state.flags).filter(flag => (flag.name ?? '').toLowerCase().includes(state.searchText.toLowerCase())) : cloneDeep(state.flags)
-  }, [state.searchText, state.flags])
+  useEffect(() => {
+    const newFlags = params.isLatamFlag ? state.flags.filter(item => item.groupKey === params.groupKey) : state.flags
+    state.filterFlags = state.searchText !== '' ? cloneDeep(newFlags).filter(flag => (flag.name ?? '').toLowerCase().includes(state.searchText.toLowerCase())) : cloneDeep(newFlags)
+  }, [params.groupKey, state.searchText, state.flags])
 
   // 3. 在父组件中创建 state 存储容器宽度
   const [listContainerWidth, setListContainerWidth] = useState(0)
@@ -138,6 +141,7 @@ const FlagPage = (props: { theme?: ThemeType }) => {
   const modDeleteFlag = async (mode: 'add' | 'edit' | 'del', currentMood: FlagUiInfo) => {
     const checkedMood: FlagUiInfo = {
       ...currentMood,
+      groupKey: params.groupKey
     }
 
     let newScene: FlagUiInfo[] = []
@@ -199,7 +203,7 @@ const FlagPage = (props: { theme?: ThemeType }) => {
   return (
     <Page
       headlineText={I18n.getLang('Feature_devicepanel_flags')}
-      backText={devInfo.name}
+      backText={params.isLatamFlag ? I18n.getLang('latam_groups', 'Groups') : devInfo.name}
       headlineIcon={res.add}
       loading={state.loading}
       onHeadlineIconClick={() => {

package/src/modules/flags/LatamFlagPage.tsx

@@ -0,0 +1,82 @@
+import Card from '@ledvance/base/src/components/Card'
+import Page from '@ledvance/base/src/components/Page'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import ThemeType from '@ledvance/base/src/config/themeType'
+import I18n from '@ledvance/base/src/i18n'
+import { useDeviceInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { useNavigation, useRoute } from '@react-navigation/native'
+import { useReactive } from 'ahooks'
+import React, { useMemo } from 'react'
+import { ScrollView, StyleSheet, Text, View } from 'react-native'
+import { Utils } from 'tuya-panel-kit'
+import { ui_biz_routerKey } from '../../navigation/Routers'
+import { FlagPageProps } from './FlagPage'
+
+const { convertX: cx } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+interface LatamFlagProps {
+  theme?: ThemeType
+}
+
+const LatamFlagPage = (props: LatamFlagProps) => {
+  const params = useRoute().params as FlagPageProps
+  const devInfo = useDeviceInfo()
+  const navigation = useNavigation()
+  const state = useReactive({
+    loading: false,
+  })
+
+  const groupList = useMemo(() => {
+    const groups = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l']
+    return groups.map((it) => ({
+      key: `latam_2026_${it}`,
+      name: I18n.formatValue('latam_group_format', it.toUpperCase())
+    }))
+  }, [])
+
+  const styles = useMemo(() => getStyles(props.theme), [props.theme])
+
+  return (
+    <Page
+      backText={devInfo.name}
+      headlineText={I18n.getLang('latam_groups', 'Groups')}
+      accessibilityHint={I18n.getLang('Feature_devicepanel_flags')}
+      loading={state.loading}
+    >
+      <ScrollView>
+        <Spacer/>
+        {groupList.map((item) => (
+          <View key={item.key} style={styles.container}>
+            <Card style={styles.card} onPress={() => navigation.navigate(ui_biz_routerKey.ui_biz_flag_page, {
+              ...params,
+              groupKey: item.key
+            })}>
+              <Text style={styles.title}>{item.name}</Text>
+              <Spacer />
+            </Card>
+            <Spacer/>
+          </View>
+        ))}
+      </ScrollView>
+    </Page>
+  )
+}
+
+const getStyles = (theme?: ThemeType) =>
+  StyleSheet.create({
+    container: {
+      marginHorizontal: cx(24),
+    },
+    card: {
+      padding: cx(20),
+    },
+    title: {
+      color: theme?.global.fontColor,
+      fontSize: cx(16),
+      fontWeight: 'bold',
+      marginBottom: cx(16),
+    },
+  })
+
+export default withTheme(LatamFlagPage)

package/src/modules/flags/Router.ts

@@ -1,5 +1,6 @@
 import {NavigationRoute} from "tuya-panel-kit";
 import FlagPage from "./FlagPage";
+import LatamFlagPage from "./LatamFlagPage";
 import FlagEditPage from "./FlagEditPage";
 import {ui_biz_routerKey} from "../../navigation/Routers";
 
@@ -20,6 +21,14 @@ const FlagPageRouters: NavigationRoute[] = [
       showOfflineView: false,
     }
   },
+  {
+    name: ui_biz_routerKey.ui_biz_latam_flag_page,
+    component: LatamFlagPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  },
 ]
 
 export default FlagPageRouters

package/src/navigation/Routers.ts

@@ -28,6 +28,7 @@ export const ui_biz_routerKey = {
   'ui_biz_history': 'ui_biz_history',
   'ui_biz_power_behavior': 'ui_biz_power_behavior',
   'ui_biz_flag_page': 'ui_biz_flag_page',
+  'ui_biz_latam_flag_page': 'ui_biz_latam_flag_page',
   'ui_biz_flag_page_edit': 'ui_biz_flag_page_edit',
   'ui_biz_time_schedule_new': 'ui_biz_time_schedule_new',
   'ui_biz_time_schedule_add_new': 'ui_biz_time_schedule_add_new',

package/src/newModules/energyConsumption/EnergyConsumptionPage.tsx

@@ -364,7 +364,7 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
       style={{ position: 'relative' }}
       backText={backTitle}
       headlineText={backTitle}
-      headlineIcon={res.ic_refresh}
+      headlineIcon={res.ic_reset_energy}
       onHeadlineIconClick={() => {
         showDialog({
           method: 'confirm',

package/src/newModules/timeSchedule/Interface.ts

@@ -1,5 +1,5 @@
 import I18n from "@ledvance/base/src/i18n";
-import { AdjustType, ApplyForItem, DiySceneInfo } from "@ledvance/base/src/utils/interface";
+import {AdjustType, AlarmState, ApplyForItem, DiySceneInfo} from "@ledvance/base/src/utils/interface";
 import { MoodInfo, MoodUIInfo } from "../mood/Interface";
 
 export interface Timer {
@@ -36,6 +36,7 @@ interface judgmentSupport {
   isFanLight?: boolean;
   isUVCFan?: boolean;
   isMoodStrip?: boolean;
+  isSiren?: boolean;
 }
 
 export interface ManualSettingProps extends judgmentSupport {
@@ -57,7 +58,8 @@ export enum DeviceType {
   FanLight = 'fanLight',
   MoodStrip = 'moodStrip',
   Shutter = 'shutter',
-  OsramFanLight = 'osramFanLight'
+  OsramFanLight = 'osramFanLight',
+  Siren = 'Siren'
 }
 // export type DeviceType = 'LightSource' | 'CeilingLight' | 'StringLight' | 'StripLight' | 'MixLight';
 
@@ -106,6 +108,10 @@ export interface OsramFanLightData extends DeviceData {
   fanSpeed: number
 }
 
+export interface SirenData extends DeviceData {
+  alarmState: AlarmState
+}
+
 export type ComponentConfig =
   | { type: DeviceType.LightSource; deviceData: DeviceData }
   | { type: DeviceType.MixLight; deviceData: MixLightData }
@@ -116,6 +122,7 @@ export type ComponentConfig =
   | { type: DeviceType.MoodStrip; deviceData: MoodStripData}
   | { type: DeviceType.Shutter; deviceData: ShutterData}
   | { type: DeviceType.OsramFanLight; deviceData: OsramFanLightData}
+  | { type: DeviceType.Siren; deviceData: SirenData}
 
 export interface TimeScheduleDetailState {
   timeSchedule: Timer;
@@ -142,6 +149,11 @@ export interface DeviceStateType {
   isManual: boolean
 }
 
+export interface SuggestItem {
+  name: string;
+  suggestValue: boolean | undefined;
+}
+
 export const directOptions = [
   {label: I18n.getLang('ceiling_fan_tile_uvc_fan_direction_opt_1'), value: 'forward'},
   {label: I18n.getLang('ceiling_fan_tile_uvc_fan_direction_opt_2'), value: 'reverse'}

package/src/newModules/timeSchedule/TimeScheduleActions.ts

@@ -1,8 +1,8 @@
 import { NativeApi } from '@ledvance/base/src/api/native';
-import { Timer, TimerActions } from './Interface';
+import { Timer, TimerActions} from './Interface';
 import { parseJSON } from '@tuya/tuya-panel-lamp-sdk/lib/utils';
 import { ColorList } from '@ledvance/base/src/components/StripAdjustView';
-import {AdjustType} from "@ledvance/base/src/utils/interface";
+import {AdjustType, AlarmState} from "@ledvance/base/src/utils/interface";
 import { TimeScheduleDetailPageParams } from './TimeScheduleDetailPage'
 
 export const defDeviceData = {
@@ -45,6 +45,16 @@ export const defShutterDeviceData = (props: TimeScheduleDetailPageParams) => {
   }
 };
 
+export const defSirenDeviceData = (props: TimeScheduleDetailPageParams) => {
+  return {
+    alarmState: props.suggestValue === undefined
+      ? AlarmState.AlarmSound
+      : props.suggestValue
+        ? AlarmState.AlarmLight
+        : AlarmState.AlarmSoundAndLight
+  }
+};
+
 export const defOsramFanLightDeviceData = {
   ...defDeviceData,
   fanSpeed: 1,

package/src/newModules/timeSchedule/TimeScheduleAddPage.tsx

@@ -14,6 +14,16 @@ import { TimeScheduleDetailPageParams } from './TimeScheduleDetailPage'
 
 const { convertX: cx } = Utils.RatioUtils
 const { withTheme } = Utils.ThemeUtils
+const DEFAULT_SUGGEST_ITEMS = [
+  {
+    name: I18n.getLang('timeschedule_on'),
+    suggestValue: true,
+  },
+  {
+    name: I18n.getLang('timeschedule_off'),
+    suggestValue: false,
+  },
+]
 
 interface TimeScheduleAddProps {
   theme?: ThemeType
@@ -21,6 +31,8 @@ interface TimeScheduleAddProps {
 
 const TimeScheduleAddPage = (props: TimeScheduleAddProps) => {
   const params = useParams<TimeScheduleDetailPageParams>()
+  const suggestItems = params.suggestList ?? DEFAULT_SUGGEST_ITEMS
+
   const navigation = useNavigation()
   const state = useReactive({
     loading: false,
@@ -55,14 +67,16 @@ const TimeScheduleAddPage = (props: TimeScheduleAddProps) => {
         <Card style={styles.card} onPress={() => nextPage()}>
           <Text style={styles.text}>{I18n.getLang('timeschedule_own')}</Text>
         </Card>
-        <Spacer/>
-        <Card style={styles.card} onPress={() => nextPage(true)}>
-          <Text style={styles.text}>{I18n.getLang('timeschedule_on')}</Text>
-        </Card>
-        <Spacer/>
-        <Card style={styles.card} onPress={() => nextPage(false)}>
-          <Text style={styles.text}>{I18n.getLang('timeschedule_off')}</Text>
-        </Card>
+        {suggestItems.map((item) => {
+          return (
+            <View key={item.name}>
+              <Spacer/>
+              <Card style={styles.card} onPress={() => nextPage(item.suggestValue)}>
+                <Text style={styles.text}>{item.name}</Text>
+              </Card>
+            </View>
+          )
+        })}
       </View>
     </Page>
   )

package/src/newModules/timeSchedule/TimeScheduleDetailPage.tsx

@@ -15,7 +15,7 @@ import { useDeviceId, useMoods, useSystemTimeFormate, } from '@ledvance/base/src
 import { Result } from '@ledvance/base/src/models/modules/Result'
 import res from '@ledvance/base/src/res'
 import { convertTo12HourFormat, loopText, showDialog } from '@ledvance/base/src/utils/common'
-import { ApplyForItem, DiySceneInfo } from '@ledvance/base/src/utils/interface'
+import {AlarmState, ApplyForItem, DiySceneInfo} from '@ledvance/base/src/utils/interface'
 import { ui_biz_routerKey } from '../../navigation/Routers'
 import { useNavigation } from '@react-navigation/core'
 import { useReactive } from 'ahooks'
@@ -27,14 +27,14 @@ import { MoodInfo, MoodUIInfo } from '../mood/Interface'
 import { getRemoteMoodList } from '../mood/MoodActions'
 import MoodItem from '../mood/MoodItem'
 import ManualSettings from './components/ManuaSettings'
-import { ComponentConfig, DeviceType, Timer, TimerActions, TimeScheduleDetailState, } from './Interface'
+import {ComponentConfig, DeviceType, SirenData, Timer, TimerActions, TimeScheduleDetailState,} from './Interface'
 import {
   defDeviceData,
   defFanLightDeviceData,
   defMixDeviceData,
   defMoodStripDeviceData,
   defOsramFanLightDeviceData,
-  defShutterDeviceData,
+  defShutterDeviceData, defSirenDeviceData,
   defStripDeviceData
 } from './TimeScheduleActions'
 import { TimeSchedulePageParams } from './TimeSchedulePage'
@@ -238,6 +238,14 @@ const TimeScheduleDetailPage = (props: { theme?: ThemeType }) => {
     return params.isCeilingLight ? ((item.mainLamp.id === (state.mood as MoodInfo)?.mainLamp?.id) && (item.secondaryLamp.id === (state.mood as MoodInfo)?.secondaryLamp?.id)) : item.id === state.mood?.id
   }, [state.mood, params.isCeilingLight])
 
+  const alarmStateValueMap = useMemo(() => {
+    return {
+      [AlarmState.AlarmSound]: I18n.getLang('siren_alarm_type_sound'),
+      [AlarmState.AlarmLight]: I18n.getLang('siren_alarm_type_light'),
+      [AlarmState.AlarmSoundAndLight]: I18n.getLang('siren_alarm_type_sound_light'),
+    }
+  }, [])
+
   const renderSkillGroup = (skills: ApplyForItem[], i18nString: string) => {
     if (!skills.length) return null;
 
@@ -263,6 +271,31 @@ const TimeScheduleDetailPage = (props: { theme?: ThemeType }) => {
     );
   };
 
+  const renderSirenSkillGroup = (skills: ApplyForItem[]) => {
+    if (!skills.length) return null;
+    return (
+      <>
+        {skills.map(item => (
+          <View key={item.dp}>
+            <Text style={{fontSize: cx(14), color: props.theme?.global.fontColor}}>
+              {item.key}
+            </Text>
+            <View style={{flexDirection: 'row', flexWrap: 'wrap'}}>
+              <View
+                style={[
+                  styles.summaryRight,
+                  {marginRight: cx(5), marginBottom: cx(5)},
+                ]}
+              >
+                <Text
+                  style={styles.rightItem}>{alarmStateValueMap[(state.manualData.deviceData as SirenData).alarmState]}</Text>
+              </View>
+            </View>
+          </View>))}
+      </>
+    );
+  };
+
   const styles = StyleSheet.create({
     cardContainer: {
       marginHorizontal: cx(24),
@@ -629,8 +662,9 @@ const TimeScheduleDetailPage = (props: { theme?: ThemeType }) => {
               {state.isManual ? (
                 state.selectedSkill.length ? (
                   <>
-                    {renderSkillGroup(state.selectedSkill.filter(skill => skill.enable), I18n.getLang(params.isShutter ? 'curtain_summary_action_txt_1' : 'feature_summary_action_txt_1'))}
-                    {renderSkillGroup(state.selectedSkill.filter(skill => !skill.enable), I18n.getLang(params.isShutter ? 'curtain_summary_action_txt_2' : 'feature_summary_action_txt_2'))}
+                    {!params.isSiren && renderSkillGroup(state.selectedSkill.filter(skill => skill.enable), I18n.getLang(params.isShutter ? 'curtain_summary_action_txt_1' : 'feature_summary_action_txt_1'))}
+                    {!params.isSiren && renderSkillGroup(state.selectedSkill.filter(skill => !skill.enable), I18n.getLang(params.isShutter ? 'curtain_summary_action_txt_2' : 'feature_summary_action_txt_2'))}
+                    {params.isSiren && renderSirenSkillGroup(state.selectedSkill)}
                   </>
                 ) : null
               ) : (
@@ -698,7 +732,8 @@ const getDefaultManual = (props: TimeScheduleDetailPageParams): ComponentConfig
     isCeilingLight: DeviceType.CeilingLight,
     isMoodStrip: DeviceType.MoodStrip,
     isShutter: DeviceType.Shutter,
-    isOsramFanLight: DeviceType.OsramFanLight
+    isOsramFanLight: DeviceType.OsramFanLight,
+    isSiren: DeviceType.Siren
   };
 
   const deviceType = Object.entries(deviceTypeMap)
@@ -716,6 +751,7 @@ const getDefaultManual = (props: TimeScheduleDetailPageParams): ComponentConfig
     [DeviceType.PowerStrip]: defDeviceData,
     [DeviceType.LightSource]: defDeviceData,
     [DeviceType.Plug]: defDeviceData,
+    [DeviceType.Siren]: defSirenDeviceData(props),
   };
 
   return {

package/src/newModules/timeSchedule/TimeSchedulePage.tsx

@@ -14,7 +14,7 @@ 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 { DeviceStateType, Timer, TimerActions } from './Interface';
+import {DeviceStateType, SuggestItem, Timer, TimerActions} from './Interface';
 import { getTimeSchedule, manageTimeSchedule } from './TimeScheduleActions';
 import { useParams } from '@ledvance/base/src/hooks/Hooks';
 import ScheduleCard from './components/ScheduleCard';
@@ -46,8 +46,11 @@ export interface TimeSchedulePageParams {
   isMoodStrip?: boolean
   isShutter?: boolean
   isOsramFan?: boolean
+  isSiren?: boolean
+  showPresets?: boolean
   featureId?: string
   applyForList: ApplyForItem[];
+  suggestList?: SuggestItem[];
   applyForDisabled?: boolean; // 是否可以选择apply for
   manualDataDp2Obj: (dps: Record<string, any>) => DeviceStateType;
   manualDataObj2Dp: (deviceState: DeviceStateType, applyForList: ApplyForItem[]) => Record<string, any>;
@@ -130,7 +133,8 @@ const TimeSchedulePage = (props: { theme?: ThemeType }) => {
   };
 
   const navigateToEdit = useCallback((mode: 'add' | 'update', timeSchedule?: Timer) => {
-    const path = mode === 'add' ? ui_biz_routerKey.ui_biz_time_schedule_add_new : ui_biz_routerKey.ui_biz_time_schedule_edit_new;
+    const {showPresets = true} = params;
+    const path = mode === 'add' && showPresets ? ui_biz_routerKey.ui_biz_time_schedule_add_new : ui_biz_routerKey.ui_biz_time_schedule_edit_new;
     navigation.navigate(path, {
       mode,
       name: path,

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

@@ -0,0 +1,54 @@
+import React from "react";
+import {Utils} from 'tuya-panel-kit';
+import ThemeType from '@ledvance/base/src/config/themeType'
+import OptionGroup from "@ledvance/base/src/components/OptionGroup";
+import I18n from "@ledvance/base/src/i18n";
+import {useReactive} from "ahooks";
+import {AlarmState} from "@ledvance/base/src/utils/interface";
+
+const {withTheme} = Utils.ThemeUtils
+
+interface AlarmModeItemProps {
+  theme?: ThemeType
+  name: string
+  alarmState: AlarmState
+  onAlarmStateChange: (alarmState: AlarmState) => void
+}
+
+const AlarmModeItem = (props: AlarmModeItemProps) => {
+  const {name, alarmState, onAlarmStateChange} = props;
+  const state = useReactive({
+    alarmState: alarmState,
+  });
+  return (
+    <OptionGroup
+      tips={name}
+      selected={state.alarmState}
+      options={[{
+        title: I18n.getLang('siren_alarm_type_sound'),
+        value: AlarmState.AlarmSound,
+        onPress: (value) => {
+          state.alarmState = value
+          onAlarmStateChange(value)
+        }
+      }, {
+        title: I18n.getLang('siren_alarm_type_light'),
+        value: AlarmState.AlarmLight,
+        onPress: (value) => {
+          state.alarmState = value
+          onAlarmStateChange(value)
+        }
+      }, {
+        title: I18n.getLang('siren_alarm_type_sound_light'),
+        value: AlarmState.AlarmSoundAndLight,
+        onPress: (value) => {
+          state.alarmState = value
+          onAlarmStateChange(value)
+        }
+      }]}
+    />
+  )
+
+}
+
+export default withTheme(AlarmModeItem) as React.ComponentType<AlarmModeItemProps>

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

@@ -6,7 +6,7 @@ import {
   ManualSettingProps,
   modeOptions,
   OsramFanLightData,
-  ShutterData,
+  ShutterData, SirenData,
   StripLightData
 } from '../Interface';
 import { View, Text, } from 'react-native';
@@ -28,6 +28,7 @@ import { hsv2Hex, mapFloatToRange } from '@ledvance/base/src/utils';
 import { AdjustType, ApplyForItem } from "@ledvance/base/src/utils/interface";
 import LdvSlider from '@ledvance/base/src/components/ldvSlider';
 import OsramFanAdjustView from '@ledvance/base/src/components/OsramFanAdjustView'
+import AlarmModeItem from "./AlarmModeItem";
 
 const { convertX: cx } = Utils.RatioUtils;
 const { withTheme } = Utils.ThemeUtils
@@ -524,7 +525,7 @@ function ManualSettings(props: ManualSettingProps) {
       <Card style={{ marginHorizontal: cx(24) }}>
         <Spacer height={cx(16)} />
         <LdvSlider
-          title={'Curtain'}
+          title={I18n.getLang('curtain_control_headline_text')}
           value={(state.deviceData as ShutterData).percentControl}
           min={0}
           max={100}
@@ -544,22 +545,37 @@ function ManualSettings(props: ManualSettingProps) {
     )
   }, [state.deviceData, state.applyForList, props.theme?.type])
 
-  const componentRender = useMemo(() => {
-    const component =
-      props.manualData.type === DeviceType.MixLight
-        ? mixLightCard
-        : props.manualData.type === DeviceType.StripLight
-          ? stripLightCard
-          : props.manualData.type === DeviceType.CeilingLight
-            ? ceilingLightCard
-            : props.manualData.type === DeviceType.PowerStrip
-              ? powerStripCard
-              : props.manualData.type === DeviceType.Shutter
-                ? shutterCard
-                : lightSourceCard;
-    return component;
-  }, [props.manualData, state.applyForList, state.deviceData, props.theme?.type]);
+  const sirenCard = useMemo(() => {
+    return (
+      <View>
+        {state.applyForList.map((item, idx) => (
+          <View key={item.dp}>
+            <AlarmModeItem
+              name={item.name!}
+              alarmState={(state.deviceData as SirenData).alarmState}
+              onAlarmStateChange={async (alarmState) => {
+                (state.deviceData as SirenData).alarmState = alarmState
+                state.manualFlag = Symbol()
+              }}
+            />
+            <Spacer />
+          </View>
+        ))}
+      </View>
+    )
+  }, [state.deviceData, state.applyForList, props.theme?.type])
+
+  const componentMap = {
+    [DeviceType.MixLight]: mixLightCard,
+    [DeviceType.StripLight]: stripLightCard,
+    [DeviceType.CeilingLight]: ceilingLightCard,
+    [DeviceType.PowerStrip]: powerStripCard,
+    [DeviceType.Shutter]: shutterCard,
+    [DeviceType.Siren]: sirenCard,
+  };
 
+  const componentRender =
+    componentMap[props.manualData.type] ?? lightSourceCard;
 
   return <View>{componentRender}</View>;
 }