@ledvance/group-ui-biz-bundle 1.0.69 → 1.0.70

package/package.json

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

package/src/modules/childLock/ChildLockPage.tsx

@@ -0,0 +1,97 @@
+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, useFeatureHook} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useReactive} from "ahooks";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import {View, Text, StyleSheet, Image} from "react-native";
+import {Result} from "@ledvance/base/src/models/modules/Result";
+import res from "@ledvance/base/src/res";
+
+const { convertX: cx } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+interface ChildLockConfig {
+  childLock: boolean
+}
+
+export function useChildLock(): [boolean, (v: boolean) => Promise<Result<any>>] {
+  return useFeatureHook<ChildLockConfig, boolean>('childLock', false)
+}
+
+const ChildLockPage = (props: { theme?: any }) => {
+  const devInfo = useDeviceInfo()
+  const [childLock, setChildLock] = useChildLock()
+  const state = useReactive({
+    loading: false
+  })
+
+  const styles = StyleSheet.create({
+    tipInfoContainer: {
+      flexDirection: 'row',
+      marginHorizontal: cx(24),
+      marginVertical: cx(10)
+    },
+    image: {
+      width: cx(16),
+      height: cx(16),
+      marginRight: cx(5),
+      tintColor: props.theme.global.fontColor
+    },
+    titleBGView: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingHorizontal: cx(16),
+      marginHorizontal: cx(24),
+    },
+    colorBlock: {
+      width: cx(20),
+      height: cx(20),
+      marginStart: cx(12),
+      borderRadius: cx(4),
+    },
+    title: {
+      color: props.theme.global.fontColor,
+      fontSize: cx(14),
+      fontFamily: 'helvetica_neue_lt_std_bd',
+      paddingVertical: cx(16),
+    },
+    shadow: {
+      shadowColor: props.theme.global.fontColor,
+      shadowOpacity: 0.2,
+      shadowRadius: 8,
+      elevation:8,
+      shadowOffset: {
+        width: 0,
+        height: 4,
+      },
+      backgroundColor: props.theme.global.background,
+      borderRadius: 8,
+    },
+  })
+
+  return (<Page
+    backText={devInfo.name}
+    headlineText={I18n.getLang('sockets_specific_settings_child_lock')}
+    loading={state.loading}>
+    <View style={styles.tipInfoContainer}>
+      <Image style={styles.image} source={res.ic_info} />
+      <Text style={{ color: props.theme.global.fontColor }}>
+        {I18n.getLang('childlock_overview_description_text')}
+      </Text>
+    </View>
+    <View style={[styles.titleBGView, styles.shadow]}>
+      <Text style={styles.title}>{I18n.getLang('sockets_specific_settings_child_lock')}</Text>
+      <View style={[styles.colorBlock, { backgroundColor: 'red', opacity: 0 }]} />
+      <Spacer style={{ flex: 1 }} height={0} width={0} />
+      <SwitchButton value={childLock} onValueChange={async v => {
+        state.loading = true
+        await setChildLock(v)
+        state.loading = false
+      } } />
+    </View>
+  </Page>)
+}
+
+export default withTheme(ChildLockPage)

package/src/modules/childLock/Router.ts

@@ -0,0 +1,16 @@
+import {NavigationRoute} from "tuya-panel-kit";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+import ChildLockPage from "./ChildLockPage";
+
+const ChildLockRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_child_lock,
+    component: ChildLockPage,
+    options:{
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+
+export default ChildLockRouters

package/src/modules/lightMode/LightModePage.tsx

@@ -0,0 +1,210 @@
+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 I18n from '@ledvance/base/src/i18n'
+import {Utils} from 'tuya-panel-kit'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import Card from '@ledvance/base/src/components/Card'
+import res from '@ledvance/base/src/res'
+import {useReactive, useUpdateEffect} from 'ahooks'
+import {Result} from "@ledvance/base/src/models/modules/Result";
+
+const { convertX: cx } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+const LIGHT_MODE_RELAY = 'relay'
+const LIGHT_MODE_POS = 'pos'
+const LIGHT_MODE_OFF = 'off'
+const LIGHT_MODE_ON = 'on'
+
+export type LightMode = 'relay' | 'pos' | 'off' | 'on'
+
+interface LightModeConfig {
+  lightMode: LightMode
+}
+
+export function useLightMode(): [LightMode, (v: LightMode) => Promise<Result<any>>] {
+  return useFeatureHook<LightModeConfig, LightMode>('lightMode', 'relay')
+}
+
+const LightModePage = (props: { theme?: any }) => {
+  const deviceInfo = useDeviceInfo()
+  const [lightMode, setLightMode] = useLightMode()
+
+  const state = useReactive({
+    lightMode: lightMode,
+    loading: false,
+  })
+
+  useUpdateEffect(() => {
+    state.lightMode = lightMode
+  }, [lightMode])
+
+  const styles = StyleSheet.create({
+    root: {
+      flex: 1,
+    },
+    desc: {
+      marginHorizontal: cx(24),
+      color: props.theme.global.fontColor,
+      fontSize: cx(14),
+      fontWeight: 'bold',
+      fontFamily: 'helvetica_neue_lt_std_bd',
+    },
+    tipText: {
+      marginHorizontal: cx(24),
+      color: props.theme.global.fontColor,
+      fontSize: cx(14),
+      fontFamily: 'helvetica_neue_lt_std_roman',
+    },
+    modeSelectGroup: {
+      marginHorizontal: cx(24),
+      backgroundColor: props.theme.card.board,
+      borderRadius: cx(4),
+    },
+    modeTip: {
+      marginHorizontal: cx(8),
+      color: props.theme.global.fontColor,
+      fontSize: cx(14),
+      fontWeight: 'bold',
+      fontFamily: 'helvetica_neue_lt_std_bd',
+    },
+    modeSelectCard: {
+      marginHorizontal: cx(8),
+    },
+    line: {
+      height: cx(1),
+      marginHorizontal: cx(12),
+      backgroundColor: '#3C3C435B',
+    },
+    itemRoot: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingHorizontal: cx(12),
+      paddingBottom: cx(8),
+    },
+    itemTextGroup: {
+      flex: 1,
+      marginEnd: cx(12),
+      justifyContent: 'center',
+    },
+    itemTitle: {
+      color: props.theme.global.fontColor,
+      fontSize: cx(14),
+      fontFamily: 'helvetica_neue_lt_std_roman',
+    },
+    itemContent: {
+      color: props.theme.global.secondFontColor,
+      fontSize: cx(14),
+      fontFamily: 'helvetica_neue_lt_std_roman',
+    },
+    itemCheckedIcon: {
+      width: cx(32),
+      height: cx(32),
+      marginEnd: cx(4),
+    },
+  })
+
+
+  return (
+    <Page
+      backText={deviceInfo.name}
+      headlineText={I18n.getLang('matterplug_LED')}
+      loading={state.loading}>
+      <ScrollView style={styles.root} nestedScrollEnabled={true}>
+        <Text style={styles.desc}>
+          {I18n.getLang('matterplug_description')}
+        </Text>
+        <Spacer />
+        <View style={styles.modeSelectGroup}>
+          <Spacer height={cx(8)} />
+          <Text style={styles.modeTip}>
+            {I18n.getLang('matterplug_heading')}
+          </Text>
+          <Spacer height={cx(8)} />
+          <Card style={styles.modeSelectCard}>
+            <Spacer height={cx(12)} />
+            <LightModeItem
+              styles={styles}
+              enable={state.lightMode === LIGHT_MODE_RELAY}
+              title={I18n.getLang('matterplug_option1title')}
+              content={I18n.getLang('matterplug_option1description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_RELAY
+                await setLightMode(state.lightMode)
+              }} />
+            <View style={styles.line} />
+            <Spacer height={cx(8)} />
+            <LightModeItem
+              styles={styles}
+              enable={state.lightMode === LIGHT_MODE_POS}
+              title={I18n.getLang('matterplug_option2title')}
+              content={I18n.getLang('matterplug_option2description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_POS
+                await setLightMode(state.lightMode)
+              }} />
+            <View style={styles.line} />
+            <Spacer height={cx(8)} />
+            <LightModeItem
+              styles={styles}
+              enable={state.lightMode === LIGHT_MODE_OFF}
+              title={I18n.getLang('matterplug_option3title')}
+              content={I18n.getLang('matterplug_option3description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_OFF
+                await setLightMode(state.lightMode)
+              }} />
+            <Spacer height={cx(8)} />
+            <View style={styles.line} />
+            <LightModeItem
+              styles={styles}
+              enable={state.lightMode === LIGHT_MODE_ON}
+              title={I18n.getLang('matterplug_option4title')}
+              content={I18n.getLang('matterplug_option4description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_ON
+                await setLightMode(state.lightMode)
+              }} />
+            <Spacer height={cx(4)} />
+          </Card>
+          <Spacer height={cx(8)} />
+        </View>
+      </ScrollView>
+    </Page>
+  )
+}
+
+interface LightModeItemProps extends PropsWithChildren<ViewProps> {
+  onPress: () => void
+  title: string
+  content: string
+  enable: boolean
+  styles: any
+}
+
+function LightModeItem(props: LightModeItemProps) {
+  const { styles } = props
+  return (
+    <TouchableOpacity onPress={props.onPress}>
+      <View style={styles.itemRoot}>
+        <View style={styles.itemTextGroup}>
+          <Text style={styles.itemTitle}>{props.title}</Text>
+          <Spacer height={cx(4)} />
+          <Text style={styles.itemContent}>{props.content}</Text>
+        </View>
+        <Image
+          source={{ uri: res.ic_check }}
+          style={[
+            styles.itemCheckedIcon,
+            {
+              display: props.enable ? 'flex' : 'none',
+            },
+          ]} />
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+export default withTheme(LightModePage)

package/src/modules/lightMode/Router.ts

@@ -0,0 +1,16 @@
+import {NavigationRoute} from "tuya-panel-kit";
+import LightModePage from "./LightModePage";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+const LightModeRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_light_mode,
+    component: LightModePage,
+    options:{
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+
+export default LightModeRouters

package/src/modules/overchargeSwitch/OverchargeSwitchPage.tsx

@@ -0,0 +1,96 @@
+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, useFeatureHook} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useReactive} from "ahooks";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import {StyleSheet, Text, View} from "react-native";
+import {Result} from "@ledvance/base/src/models/modules/Result";
+
+const { convertX: cx } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+interface OverchargeSwitchConfig {
+  overchargeSwitch: boolean
+}
+
+export function useOverchargeSwitch(): [boolean, (v: boolean) => Promise<Result<any>>] {
+  return useFeatureHook<OverchargeSwitchConfig, boolean>('overchargeSwitch', false)
+}
+
+const OverchargeSwitchPage = (props: { theme?: any }) => {
+  const devInfo = useDeviceInfo()
+  const [overchargeSwitch, setOverchargeSwitch] = useOverchargeSwitch()
+  const state = useReactive({
+    loading: false
+  })
+
+  const styles = StyleSheet.create({
+    tipInfoContainer: {
+      flexDirection: 'row',
+      marginHorizontal: cx(24),
+      marginVertical: cx(10)
+    },
+    image: {
+      width: cx(16),
+      height: cx(16),
+      marginRight: cx(5),
+      tintColor: props.theme.global.fontColor
+    },
+    titleBGView: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingHorizontal: cx(16),
+      marginHorizontal: cx(24),
+      marginTop: cx(30)
+    },
+    colorBlock: {
+      width: cx(20),
+      height: cx(20),
+      marginStart: cx(12),
+      borderRadius: cx(4),
+    },
+    title: {
+      color: props.theme.global.fontColor,
+      fontSize: cx(14),
+      fontFamily: 'helvetica_neue_lt_std_bd',
+      paddingVertical: cx(16),
+    },
+    shadow: {
+      shadowColor: props.theme.card.shadowColor,
+      shadowOpacity: 0.2,
+      shadowRadius: 8,
+      elevation:8,
+      shadowOffset: {
+        width: 0,
+        height: 4,
+      },
+      backgroundColor: props.theme.global.background,
+      borderRadius: 8,
+    },
+  })
+
+  return (<Page
+    backText={devInfo.name}
+    loading={state.loading}>
+    <View style={[styles.titleBGView, styles.shadow]}>
+      <View style={{ flex: 7 }}>
+        <View>
+          <Text style={styles.title}>{I18n.getLang('switch_overcharge_headline_text')}</Text>
+        </View>
+        <View style={{ paddingBottom: cx(16) }}>
+          <Text>{I18n.getLang('switch_overcharge_headline_description')}</Text>
+        </View>
+      </View>
+      <Spacer style={{ flex: 1 }} height={0} width={0} />
+      <SwitchButton value={overchargeSwitch} onValueChange={async v => {
+        state.loading = true
+        await setOverchargeSwitch(v)
+        state.loading = false
+      } } />
+    </View>
+  </Page>)
+}
+
+export default withTheme(OverchargeSwitchPage)

package/src/modules/overchargeSwitch/Router.ts

@@ -0,0 +1,16 @@
+import {NavigationRoute} from "tuya-panel-kit";
+import OverchargeSwitchPage from "./OverchargeSwitchPage";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+const OverchargeSwitchRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_overcharge_switch,
+    component: OverchargeSwitchPage,
+    options:{
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+
+export default OverchargeSwitchRouters

package/src/modules/swithInching/Router.ts

@@ -0,0 +1,16 @@
+import {NavigationRoute} from "tuya-panel-kit";
+import SwitchInching from "./SwithInching";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+const SwitchInchingRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_switch_inching,
+    component: SwitchInching,
+    options:{
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+
+export default SwitchInchingRouters

package/src/modules/swithInching/SwithInching.tsx

@@ -0,0 +1,170 @@
+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 {useNavigation} from '@react-navigation/native'
+import {SwitchButton, Utils} from "tuya-panel-kit";
+import LdvPickerView from "./pickerView";
+import I18n from '@ledvance/base/src/i18n'
+import {useReactive, useUpdateEffect} from "ahooks";
+import {useSwitchInching} from "./SwithInchingAction";
+
+const {convertX: cx} = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+interface SwitchInchingState {
+  enable: boolean,
+  minute: string,
+  second: string,
+  flag: Symbol | number
+}
+
+const SwitchInching = (props: { theme?: any }) => {
+  const deviceInfo = useDeviceInfo()
+  const navigation = useNavigation()
+  const [switchInching, setSwitchInching] = useSwitchInching()
+
+  const state = useReactive<SwitchInchingState>({
+    enable: false,
+    minute: '00',
+    second: '00',
+    flag: 1
+  })
+
+  useEffect(() => {
+    state.enable = switchInching.enable
+    state.minute = formatValue('minute')
+    state.second = formatValue('second')
+  }, [JSON.stringify(switchInching)])
+
+
+  const requestSwitchInching = () => {
+    const enable = state.enable
+    const time = Number(state.minute) * 60 + Number(state.second)
+    setSwitchInching({enable, time}).then(_r => {})
+  }
+
+  useEffect(() => {
+    if (state.flag !== 1) {
+      requestSwitchInching()
+    }
+  }, [state.flag])
+
+  useUpdateEffect(() => {
+    if (!Number(state.minute) && Number(state.second) < 2) {
+      state.second = '02'
+    }
+    if (Number(state.minute) === 60) {
+      state.second = '00'
+    }
+  }, [state.minute, state.second])
+
+  const formatValue = (type: string) => {
+    const m = parseInt(String((switchInching?.time || 0) / 60))
+    if (type === 'minute') {
+      return m.toString().padStart(2, '0')
+    } else {
+      const s = switchInching.time - 60 * m
+      return s === 0 ? '00' : s < 10 ? '0' + s : String(s)
+    }
+  }
+
+  const styles = StyleSheet.create({
+    switchContainer: {
+      backgroundColor: props.theme.card.board,
+      marginHorizontal: cx(24),
+      padding: cx(10),
+      borderRadius: cx(6),
+      flexDirection: 'column',
+    },
+    switchCardContainer: {
+      paddingVertical: cx(4),
+      paddingHorizontal: cx(10),
+      backgroundColor: props.theme.global.background,
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: cx(6),
+    },
+    switchCardTitle: {
+      color: props.theme.global.fontColor,
+      fontSize: cx(14),
+      flex: 1,
+      fontWeight: '400',
+    },
+    switchDescription: {
+      color: props.theme.global.fontColor,
+      flexWrap: 'wrap',
+      fontSize: cx(12),
+      marginTop: cx(4),
+    },
+    secondTopic: {
+      color: props.theme.global.fontColor,
+      flexWrap: 'wrap',
+      fontSize: cx(14),
+      marginTop: cx(30),
+      marginHorizontal: cx(24),
+    },
+    pickContainer: {
+      position: 'relative',
+      marginVertical: cx(24),
+      marginHorizontal: cx(24),
+    },
+    disabledCover: {
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
+      left: 0,
+      top: 0,
+      zIndex: 999,
+    },
+  })
+
+  return (
+    <Page
+      backText={deviceInfo.name}
+      onBackClick={navigation.goBack}
+      headlineText={I18n.getLang('socket_settings_switch_off_firstbox_text')}
+    >
+      <View style={styles.switchContainer}>
+        <View style={styles.switchCardContainer}>
+          <Text style={styles.switchCardTitle}>
+            {I18n.getLang('socket_settings_switch_off_firstbox_text')}
+          </Text>
+          <SwitchButton
+            value={switchInching.enable}
+            onValueChange={v => {
+              state.enable = v
+              state.flag = Symbol()
+            }}
+          />
+        </View>
+        <Text style={styles.switchDescription}>
+          {I18n.getLang('switchinching_overview_description_text')}
+        </Text>
+      </View>
+      <Text style={styles.secondTopic}>
+        {I18n.getLang('socket_settings_switch_off_secondtopic')}
+      </Text>
+      <View style={styles.pickContainer}>
+        {switchInching.enable && <View style={styles.disabledCover}/>}
+        <LdvPickerView
+          hour={state.minute}
+          minute={state.second}
+          unit={[
+            I18n.getLang('socket_settings_switch_off_min'),
+            I18n.getLang('socket_settings_switch_off_s'),
+          ]}
+          setHour={m => {
+            state.minute = m
+          }}
+          setMinute={s => {
+            state.second = s
+          }}
+        />
+      </View>
+    </Page>
+  )
+}
+
+export default withTheme(SwitchInching)

package/src/modules/swithInching/SwithInchingAction.ts

@@ -0,0 +1,32 @@
+import {Buffer} from 'buffer'
+import {Result} from "@ledvance/base/src/models/modules/Result"
+import {useFeatureHook} from "@ledvance/base/src/models/modules/NativePropsSlice";
+
+interface SwitchInchingConfig {
+  switchInching: SwitchInchingModel
+}
+
+interface SwitchInchingModel {
+  enable: boolean
+  channel?: number
+  time: number
+}
+
+export const useSwitchInching = (): [SwitchInchingModel, (v: SwitchInchingModel) => Promise<Result<any>>] => {
+  return useFeatureHook<SwitchInchingConfig, SwitchInchingModel>('switchInching', {enable: false, channel: 0, time: 1}, mode => {
+    const buffer = new Uint8Array(3)
+    // 第1个字节：开/关+通道号
+    buffer[0] = packOnOffChannel(mode.enable, mode.channel)
+    // 第2、3个字节：点动时间
+    buffer[1] = (mode.time >> 8) & 0xff
+    buffer[2] = mode.time & 0xff
+    return Buffer.from(buffer).toString('base64')
+  })
+}
+
+// 工具函数：将开/关和通道号打包为一个字节
+function packOnOffChannel(enable: boolean, channel: number = 0): number {
+  const enableBit = enable ? 1 : 0;
+  const channelBits = (channel << 1) & 0b11111110;
+  return enableBit | channelBits;
+}

package/src/modules/swithInching/pickerView.tsx

@@ -0,0 +1,91 @@
+import React from 'react'
+import { StyleProp, StyleSheet, View, ViewStyle, Text } from 'react-native'
+import { Picker, Utils } from 'tuya-panel-kit'
+import _ from 'lodash'
+
+const { convertX } = Utils.RatioUtils
+
+const hours = _.times(61, (n) => _.padStart(n.toString(), 2, '0'))
+const minutes = _.times(61, (n) => _.padStart(n.toString(), 2, '0'))
+const pickerTheme = {
+    fontSize: 20,
+}
+
+interface LdvPickerViewProps {
+    hour: string,
+    minute: string,
+    setHour: (string) => void,
+    setMinute: (string) => void,
+    style?: StyleProp<ViewStyle> | undefined,
+    unit?:string[]
+}
+
+const LdvPickerView = (props: LdvPickerViewProps) => {
+
+    const { hour, minute, unit, setHour, setMinute } = props
+
+    return (
+        <View style={[styles.pickerContainer, props.style]}>
+            <View style={styles.picContainer}>
+            <Picker
+                style={[styles.picker, styles.pickerLeft]}
+                theme={pickerTheme}
+                itemStyle={styles.pickerItem}
+                textSize={convertX(14)}
+                selectedValue={hour}
+                itemAlign={'center'}
+                onValueChange={value => setHour(value as string)}>
+                {hours.map((value) => (
+                    <Picker.Item key={value} value={value} label={value} />
+                ))}
+            </Picker>
+            {unit ? <View style={styles.pickerUnit}>
+                    <Text style={{ color: '#000', fontSize: convertX(18) }}>
+                        {unit[0]}
+                    </Text>
+                </View> : null}
+            </View>
+            <View style={styles.picContainer}>
+            <Picker
+                style={[styles.picker, styles.pickerLeft]}
+                theme={pickerTheme}
+                itemStyle={styles.pickerItem}
+                textSize={convertX(14)}
+                selectedValue={minute}
+                onValueChange={value => setMinute(value as string)}>
+                {minutes.map((value) => (
+                    <Picker.Item key={value} value={value} label={value} />
+                ))}
+            </Picker>
+            {unit ? <View style={styles.pickerUnit}>
+                    <Text style={{ color: '#000', fontSize: convertX(18) }}>
+                        {unit[1]}
+                    </Text>
+                </View> : null}
+            </View>
+        </View>
+    )
+}
+
+const styles = StyleSheet.create({
+  pickerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  picker: {
+    flex: 1,
+  },
+  pickerLeft: {},
+  pickerItem: {},
+  picContainer: {
+    flex: 1,
+    alignItems: 'center',
+    flexDirection: 'row',
+  },
+  pickerUnit: {
+    position: 'absolute',
+    right: convertX(20),
+  },
+});
+
+export default LdvPickerView

package/src/modules/timeSchedule/TimeScheduleActions.ts

@@ -73,7 +73,7 @@ export const getTimeSchedule = async (props: IQueryTimerTasks) => {
       return {
         success: true,
         data: flatMapDeep(res.timers).map(time => ({
-          ...time, 
+          ...time,
           dps: parseJSON(time.dps)
         }))
       }
@@ -109,7 +109,7 @@ export const modDelTimeSchedule = async (props: IModDeleteTaskByIds) => {
     const status = await commonApi.timerApi.modDeleteTaskByIds({
       ...props,
       bizType: '1',
-      status: 2
+      status: props.status ?? 2
     })
     return {
       success: status

package/src/navigation/Routers.ts

@@ -26,4 +26,8 @@ export const ui_biz_routerKey = {
   'group_ui_biz_fixed_timing_light_detail': 'group_ui_biz_fixed_timing_light_detail',
   'group_ui_biz_sleep_wakeUp': 'group_ui_biz_sleep_wakeUp',
   'group_ui_biz_sleep_wakeUp_detail': 'group_ui_biz_sleep_wakeUp_detail',
+  'group_ui_biz_child_lock': 'group_ui_biz_child_lock',
+  'group_ui_biz_light_mode': 'group_ui_biz_light_mode',
+  'group_ui_biz_overcharge_switch': 'group_ui_biz_overcharge_switch',
+  'group_ui_biz_switch_inching': 'group_ui_biz_switch_inching',
 }