@ledvance/ui-biz-bundle 1.1.69 → 1.1.71

package/src/newModules/powerOnBehavior/LightBehaviorPage.tsx

@@ -1,266 +1,266 @@
-import React, { PropsWithChildren } from 'react'
-import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View, ViewProps } from 'react-native'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import { Utils } from 'tuya-panel-kit'
-import Page from '@ledvance/base/src/components/Page'
-import { useDeviceInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import I18n from '@ledvance/base/src/i18n'
-import { usePowerOffMemory, useDoNotDisturbControl } from './PowerOnBehaviorActions'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import Card from '@ledvance/base/src/components/Card'
-import res from '@ledvance/base/src/res'
-import LampAdjustView from '@ledvance/base/src/components/LampAdjustView'
-import LdvSwitch from '@ledvance/base/src/components/ldvSwitch'
-import { cloneDeep } from 'lodash'
-import { useParams } from '@ledvance/base/src/hooks/Hooks'
-
-const { convertX: cx } = Utils.RatioUtils
-
-export interface LightBehaviorPageParams {
-  memoryDpCode: string
-  disturbDpCode: string 
-  isSupportDoNotDisturb?: boolean
-  isSupportBrightness: boolean
-  isSupportTemperature: boolean
-  isSupportColor: boolean
-}
-
-export enum PowerMemoryMode {
-  Default = 0,
-  Last = 1,
-  Custom = 2
-}
-const LightBehaviorPage = () => {
-  const params = useParams<LightBehaviorPageParams>()
-  const deviceInfo = useDeviceInfo()
-  const [powerMemory, setPowerMemory] = usePowerOffMemory(params.memoryDpCode)
-  const [doNotDisturb, setDoNotDisturb] = useDoNotDisturbControl(params.disturbDpCode)
-  const state = useReactive({
-    loading: false,
-    powerMemory: cloneDeep(powerMemory),
-  })
-
-  useUpdateEffect(() => {
-    state.powerMemory = powerMemory
-  }, [JSON.stringify(powerMemory)])
-
-  return (
-    <Page
-      backText={deviceInfo.name}
-      headlineText={I18n.getLang('light_sources_specific_settings_power_off')}
-      loading={state.loading}>
-      <ScrollView style={styles.root} nestedScrollEnabled={true}>
-        <View>
-          <Text style={styles.tipText}>
-            {I18n.getLang('light_settings_default_secondtopic')}
-          </Text>
-          <Spacer />
-          <View style={styles.modeSelectGroup}>
-            <Spacer height={cx(8)} />
-            <Text style={styles.modeTip}>
-              {I18n.getLang('groups_settings_power_on_behavior_secondbox_topic')}
-            </Text>
-            <Spacer height={cx(8)} />
-            <Card style={styles.modeSelectCard}>
-              <Spacer height={cx(12)} />
-              <PowerOnBehaviorModeItem
-                enable={state.powerMemory.type === PowerMemoryMode.Default}
-                title={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value1_topic')}
-                content={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value1_description')}
-                onPress={async () => {
-                  state.powerMemory.type = PowerMemoryMode.Default
-                  await setPowerMemory(state.powerMemory)
-                }} />
-              <View style={styles.line} />
-              <Spacer height={cx(8)} />
-              <PowerOnBehaviorModeItem
-                enable={state.powerMemory.type === PowerMemoryMode.Last}
-                title={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value2_topic')}
-                content={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value2_description')}
-                onPress={async () => {
-                  state.powerMemory.type = PowerMemoryMode.Last
-                  await setPowerMemory(state.powerMemory)
-                }} />
-              <View style={styles.line} />
-              <Spacer height={cx(8)} />
-              <PowerOnBehaviorModeItem
-                enable={state.powerMemory.type === PowerMemoryMode.Custom}
-                title={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value3_topic')}
-                content={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value3_description')}
-                onPress={async () => {
-                  state.powerMemory.type = PowerMemoryMode.Custom
-                  await setPowerMemory(state.powerMemory)
-                }} />
-              <Spacer height={cx(4)} />
-            </Card>
-            <Spacer height={cx(8)} />
-          </View>
-          <Spacer />
-          {state.powerMemory.type === PowerMemoryMode.Custom &&
-            <Card style={{ marginHorizontal: cx(24) }}>
-              <View>
-                <Spacer />
-                <LampAdjustView
-                  isSupportColor={params.isSupportColor}
-                  isSupportTemperature={params.isSupportTemperature}
-                  isSupportBrightness={params.isSupportBrightness}
-                  isColorMode={state.powerMemory.isColor}
-                  reserveSV={true}
-                  setIsColorMode={async isColorMode => {
-                    state.powerMemory.isColor = isColorMode
-                  }}
-                  h={state.powerMemory.hue} s={state.powerMemory.sat} v={state.powerMemory.val}
-                  onHSVChange={(h, s, v) => {
-                    state.powerMemory.hue = h
-                    state.powerMemory.sat = s
-                    state.powerMemory.val = v
-                  }}
-                  onHSVChangeComplete={async (h, s, v) => {
-                    state.powerMemory.hue = h
-                    state.powerMemory.sat = s
-                    state.powerMemory.val = v
-                    await setPowerMemory(state.powerMemory)
-                  }}
-                  colorTemp={state.powerMemory.temperature}
-                  brightness={state.powerMemory.bright}
-                  onCCTChange={cct => {
-                    state.powerMemory.temperature = cct
-                  }}
-                  onCCTChangeComplete={async cct => {
-                    state.powerMemory.temperature = cct
-                    await setPowerMemory(state.powerMemory)
-                  }}
-                  onBrightnessChange={brightness => {
-                    state.powerMemory.bright = brightness
-                  }}
-                  onBrightnessChangeComplete={async brightness => {
-                    state.powerMemory.bright = brightness
-                    await setPowerMemory(state.powerMemory)
-                  }} />
-              </View>
-            </Card>
-          }
-          <Spacer />
-          {!!params.isSupportDoNotDisturb && <View style={styles.modeSelectGroup}>
-            <Spacer height={cx(8)} />
-            <View style={{ marginHorizontal: cx(8) }}>
-              <Card style={{ borderRadius: cx(4) }}>
-                <LdvSwitch
-                  title={I18n.getLang('light_settings_default_secondbox_text')}
-                  color={'#fffffff'}
-                  colorAlpha={1}
-                  enable={doNotDisturb}
-                  setEnable={async (enable: boolean) => {
-                    state.loading = true
-                    await setDoNotDisturb(enable)
-                    state.loading = false
-                  }} />
-              </Card>
-            </View>
-            <Spacer height={cx(8)} />
-            <Text
-              style={{
-                marginHorizontal: cx(8),
-                color: '#000',
-                fontSize: cx(12),
-                fontFamily: 'helvetica_neue_lt_std_roman',
-              }}>
-              {I18n.getLang('groups_settings_power_on_behavior_disturbbox_note')}
-            </Text>
-            <Spacer height={cx(8)} />
-          </View>}
-          <Spacer />
-        </View>
-      </ScrollView>
-    </Page>
-  )
-}
-
-interface PowerOnBehaviorModeItemProps extends PropsWithChildren<ViewProps> {
-  onPress: () => void
-  title: string
-  content: string
-  enable: boolean
-}
-
-function PowerOnBehaviorModeItem(props: PowerOnBehaviorModeItemProps) {
-  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>
-  )
-}
-
-const styles = StyleSheet.create({
-  root: {
-    flex: 1,
-  },
-  tipText: {
-    marginHorizontal: cx(24),
-    color: '#000',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  modeSelectGroup: {
-    marginHorizontal: cx(24),
-    backgroundColor: '#f6f6f6',
-    borderRadius: cx(4),
-  },
-  modeTip: {
-    marginHorizontal: cx(8),
-    color: '#000',
-    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: '#000',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  itemContent: {
-    color: '#666',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  itemCheckedIcon: {
-    width: cx(32),
-    height: cx(32),
-    marginEnd: cx(4),
-  },
-})
-
-export default LightBehaviorPage
+import React, { PropsWithChildren } from 'react'
+import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View, ViewProps } from 'react-native'
+import { useReactive, useUpdateEffect } from 'ahooks'
+import { Utils } from 'tuya-panel-kit'
+import Page from '@ledvance/base/src/components/Page'
+import { useDeviceInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import I18n from '@ledvance/base/src/i18n'
+import { usePowerOffMemory, useDoNotDisturbControl } from './PowerOnBehaviorActions'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import Card from '@ledvance/base/src/components/Card'
+import res from '@ledvance/base/src/res'
+import LampAdjustView from '@ledvance/base/src/components/LampAdjustView'
+import LdvSwitch from '@ledvance/base/src/components/ldvSwitch'
+import { cloneDeep } from 'lodash'
+import { useParams } from '@ledvance/base/src/hooks/Hooks'
+
+const { convertX: cx } = Utils.RatioUtils
+
+export interface LightBehaviorPageParams {
+  memoryDpCode: string
+  disturbDpCode: string 
+  isSupportDoNotDisturb?: boolean
+  isSupportBrightness: boolean
+  isSupportTemperature: boolean
+  isSupportColor: boolean
+}
+
+export enum PowerMemoryMode {
+  Default = 0,
+  Last = 1,
+  Custom = 2
+}
+const LightBehaviorPage = () => {
+  const params = useParams<LightBehaviorPageParams>()
+  const deviceInfo = useDeviceInfo()
+  const [powerMemory, setPowerMemory] = usePowerOffMemory(params.memoryDpCode)
+  const [doNotDisturb, setDoNotDisturb] = useDoNotDisturbControl(params.disturbDpCode)
+  const state = useReactive({
+    loading: false,
+    powerMemory: cloneDeep(powerMemory),
+  })
+
+  useUpdateEffect(() => {
+    state.powerMemory = powerMemory
+  }, [JSON.stringify(powerMemory)])
+
+  return (
+    <Page
+      backText={deviceInfo.name}
+      headlineText={I18n.getLang('light_sources_specific_settings_power_off')}
+      loading={state.loading}>
+      <ScrollView style={styles.root} nestedScrollEnabled={true}>
+        <View>
+          <Text style={styles.tipText}>
+            {I18n.getLang('light_settings_default_secondtopic')}
+          </Text>
+          <Spacer />
+          <View style={styles.modeSelectGroup}>
+            <Spacer height={cx(8)} />
+            <Text style={styles.modeTip}>
+              {I18n.getLang('groups_settings_power_on_behavior_secondbox_topic')}
+            </Text>
+            <Spacer height={cx(8)} />
+            <Card style={styles.modeSelectCard}>
+              <Spacer height={cx(12)} />
+              <PowerOnBehaviorModeItem
+                enable={state.powerMemory.type === PowerMemoryMode.Default}
+                title={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value1_topic')}
+                content={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value1_description')}
+                onPress={async () => {
+                  state.powerMemory.type = PowerMemoryMode.Default
+                  await setPowerMemory(state.powerMemory)
+                }} />
+              <View style={styles.line} />
+              <Spacer height={cx(8)} />
+              <PowerOnBehaviorModeItem
+                enable={state.powerMemory.type === PowerMemoryMode.Last}
+                title={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value2_topic')}
+                content={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value2_description')}
+                onPress={async () => {
+                  state.powerMemory.type = PowerMemoryMode.Last
+                  await setPowerMemory(state.powerMemory)
+                }} />
+              <View style={styles.line} />
+              <Spacer height={cx(8)} />
+              <PowerOnBehaviorModeItem
+                enable={state.powerMemory.type === PowerMemoryMode.Custom}
+                title={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value3_topic')}
+                content={I18n.getLang('groups_settings_power_on_behavior_secondbox_status_value3_description')}
+                onPress={async () => {
+                  state.powerMemory.type = PowerMemoryMode.Custom
+                  await setPowerMemory(state.powerMemory)
+                }} />
+              <Spacer height={cx(4)} />
+            </Card>
+            <Spacer height={cx(8)} />
+          </View>
+          <Spacer />
+          {state.powerMemory.type === PowerMemoryMode.Custom &&
+            <Card style={{ marginHorizontal: cx(24) }}>
+              <View>
+                <Spacer />
+                <LampAdjustView
+                  isSupportColor={params.isSupportColor}
+                  isSupportTemperature={params.isSupportTemperature}
+                  isSupportBrightness={params.isSupportBrightness}
+                  isColorMode={state.powerMemory.isColor}
+                  reserveSV={true}
+                  setIsColorMode={async isColorMode => {
+                    state.powerMemory.isColor = isColorMode
+                  }}
+                  h={state.powerMemory.hue} s={state.powerMemory.sat} v={state.powerMemory.val}
+                  onHSVChange={(h, s, v) => {
+                    state.powerMemory.hue = h
+                    state.powerMemory.sat = s
+                    state.powerMemory.val = v
+                  }}
+                  onHSVChangeComplete={async (h, s, v) => {
+                    state.powerMemory.hue = h
+                    state.powerMemory.sat = s
+                    state.powerMemory.val = v
+                    await setPowerMemory(state.powerMemory)
+                  }}
+                  colorTemp={state.powerMemory.temperature}
+                  brightness={state.powerMemory.bright}
+                  onCCTChange={cct => {
+                    state.powerMemory.temperature = cct
+                  }}
+                  onCCTChangeComplete={async cct => {
+                    state.powerMemory.temperature = cct
+                    await setPowerMemory(state.powerMemory)
+                  }}
+                  onBrightnessChange={brightness => {
+                    state.powerMemory.bright = brightness
+                  }}
+                  onBrightnessChangeComplete={async brightness => {
+                    state.powerMemory.bright = brightness
+                    await setPowerMemory(state.powerMemory)
+                  }} />
+              </View>
+            </Card>
+          }
+          <Spacer />
+          {!!params.isSupportDoNotDisturb && <View style={styles.modeSelectGroup}>
+            <Spacer height={cx(8)} />
+            <View style={{ marginHorizontal: cx(8) }}>
+              <Card style={{ borderRadius: cx(4) }}>
+                <LdvSwitch
+                  title={I18n.getLang('light_settings_default_secondbox_text')}
+                  color={'#fffffff'}
+                  colorAlpha={1}
+                  enable={doNotDisturb}
+                  setEnable={async (enable: boolean) => {
+                    state.loading = true
+                    await setDoNotDisturb(enable)
+                    state.loading = false
+                  }} />
+              </Card>
+            </View>
+            <Spacer height={cx(8)} />
+            <Text
+              style={{
+                marginHorizontal: cx(8),
+                color: '#000',
+                fontSize: cx(12),
+                fontFamily: 'helvetica_neue_lt_std_roman',
+              }}>
+              {I18n.getLang('groups_settings_power_on_behavior_disturbbox_note')}
+            </Text>
+            <Spacer height={cx(8)} />
+          </View>}
+          <Spacer />
+        </View>
+      </ScrollView>
+    </Page>
+  )
+}
+
+interface PowerOnBehaviorModeItemProps extends PropsWithChildren<ViewProps> {
+  onPress: () => void
+  title: string
+  content: string
+  enable: boolean
+}
+
+function PowerOnBehaviorModeItem(props: PowerOnBehaviorModeItemProps) {
+  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>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+  },
+  tipText: {
+    marginHorizontal: cx(24),
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  modeSelectGroup: {
+    marginHorizontal: cx(24),
+    backgroundColor: '#f6f6f6',
+    borderRadius: cx(4),
+  },
+  modeTip: {
+    marginHorizontal: cx(8),
+    color: '#000',
+    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: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  itemContent: {
+    color: '#666',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  itemCheckedIcon: {
+    width: cx(32),
+    height: cx(32),
+    marginEnd: cx(4),
+  },
+})
+
+export default LightBehaviorPage