@ledvance/ui-biz-bundle 1.1.55 → 1.1.57

package/src/newModules/powerOnBehavior/LightBehaviorPage.tsx

@@ -0,0 +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

package/src/newModules/powerOnBehavior/PlugBehaviorPage.tsx

@@ -0,0 +1,173 @@
+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 } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import I18n from '@ledvance/base/src/i18n'
+import { PowerBehaviorPageParams, usePowerBehavior } from './PowerOnBehaviorActions'
+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 { useParams } from '@ledvance/base/src/hooks/Hooks'
+
+const { convertX: cx } = Utils.RatioUtils
+
+const RELAY_STATUS_OFF = 'off'
+const RELAY_STATUS_ON = 'on'
+const RELAY_STATUS_MEMORY = 'memory'
+
+const PlugBehaviorPage = () => {
+  const params = useParams<PowerBehaviorPageParams>()
+  const deviceInfo = useDeviceInfo()
+  const [powerMemory, setPowerMemory] = usePowerBehavior(params.powerBehaviorCode)
+  
+  const state = useReactive({
+    powerMemory,
+    loading: false,
+  })
+
+  useUpdateEffect(() => {
+    state.powerMemory = powerMemory
+  }, [powerMemory])
+
+  return (
+    <Page
+      backText={deviceInfo.name}
+      headlineText={I18n.getLang('light_sources_specific_settings_power_off')}
+      loading={state.loading}>
+      <ScrollView style={styles.root} nestedScrollEnabled={true}>
+        <Spacer />
+        <View style={styles.modeSelectGroup}>
+          <Spacer height={cx(8)} />
+          <Text style={styles.modeTip}>
+            {I18n.getLang('socket_settings_firstbox_topic')}
+          </Text>
+          <Spacer height={cx(8)} />
+          <Card style={styles.modeSelectCard}>
+            <Spacer height={cx(12)} />
+            <PowerOnBehaviorModeItem
+              enable={state.powerMemory === RELAY_STATUS_OFF}
+              title={I18n.getLang('feature_summary_action_txt_2')}
+              content={I18n.getLang('socket_settings_firstbox_status1_description')}
+              onPress={async () => {
+                state.powerMemory = RELAY_STATUS_OFF
+                await setPowerMemory(state.powerMemory)
+              }} />
+            <View style={styles.line} />
+            <Spacer height={cx(8)} />
+            <PowerOnBehaviorModeItem
+              enable={state.powerMemory === RELAY_STATUS_ON}
+              title={I18n.getLang('feature_summary_action_txt_1')}
+              content={I18n.getLang('socket_settings_firstbox_status2_description')}
+              onPress={async () => {
+                state.powerMemory = RELAY_STATUS_ON
+                await setPowerMemory(state.powerMemory)
+              }} />
+            <View style={styles.line} />
+            <Spacer height={cx(8)} />
+            <PowerOnBehaviorModeItem
+              enable={state.powerMemory === RELAY_STATUS_MEMORY}
+              title={I18n.getLang('sockets_specific_settings_relay_status_remember')}
+              content={I18n.getLang('socket_settings_firstbox_status3_description')}
+              onPress={async () => {
+                state.powerMemory = RELAY_STATUS_MEMORY
+                await setPowerMemory(state.powerMemory)
+              }} />
+            <Spacer height={cx(4)} />
+          </Card>
+          <Spacer height={cx(8)} />
+        </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 PlugBehaviorPage

package/src/newModules/powerOnBehavior/PowerOnBehaviorActions.ts

@@ -0,0 +1,106 @@
+import { useState } from 'react';
+import { useDp } from "@ledvance/base/src/models/modules/NativePropsSlice"
+import { Result } from "@ledvance/base/src/models/modules/Result"
+import { Utils } from 'tuya-panel-kit';
+import { spliceByStep } from "@ledvance/base/src/utils/common";
+import { useUpdateEffect } from 'ahooks';
+
+const { hexStringToNumber } = Utils.StringUtils;
+
+// plug
+export interface PowerBehaviorPageParams {
+  powerBehaviorCode: string 
+}
+
+type PowerBehaviorType = 'off' | 'on' | 'memory'
+
+export const usePowerBehavior = (code: string): [PowerBehaviorType, (v: PowerBehaviorType) => Promise<Result<any>>] => {
+  return useDp(code)
+}
+
+
+// light source
+export interface PowerOffMemoryModel {
+  type: number; // 0 => default, 1 => memory, 2 => custom
+  hue: number;
+  sat: number;
+  val: number;
+  bright: number;
+  temperature: number;
+  isColor: boolean
+}
+
+type SetPowerOffMemoryResultType = (
+  powerOffMemory: PowerOffMemoryModel
+) => Promise<Result<any>>;
+
+export function usePowerOffMemory(memoryCode: string): [PowerOffMemoryModel, SetPowerOffMemoryResultType] {
+  const [memory, setMemory]: [string, (v: string) => Promise<Result<any>>] = useDp(memoryCode);
+  const [powerOffMemoryState, setPowerOffMemoryState] = useState(dp2Obj(memory));
+  const setPowerOffMemoryFn = (powerMemory: PowerOffMemoryModel) =>{
+    const dpValue = obj2Dp(powerMemory);
+    return setMemory(dpValue)
+  }
+  useUpdateEffect(() => {
+    setPowerOffMemoryState(dp2Obj(memory));
+  }, [memory]);
+  return [powerOffMemoryState, setPowerOffMemoryFn];
+}
+
+
+export const useDoNotDisturbControl = (disturbCode: string): [boolean, (v: boolean) => Promise<Result<any>>] => {
+  return useDp(disturbCode)
+};
+
+
+export function dp2Obj(dp: string): PowerOffMemoryModel {
+  if (!dp || dp === '') {
+    return {
+      type: 0,
+      hue: 0,
+      sat: 100,
+      val: 100,
+      bright: 100,
+      temperature: 100,
+      isColor: false
+    };
+  }
+  const dpValueArray = hexStringToNumber(dp);
+  const dpStepArray = spliceByStep(dp, 4);
+  const hue = parseInt(dpStepArray[1], 16)
+  const sat = Math.trunc(parseInt(dpStepArray[2], 16) / 10)
+  const val = Math.trunc(parseInt(dpStepArray[3], 16) / 10)
+  const bright = Math.trunc(parseInt(dpStepArray[4], 16) / 10)
+  const temperature = Math.trunc(parseInt(dpStepArray[5], 16) / 10)
+  const isColor = !!(hue || sat || val)
+  return {
+    type: dpValueArray[1],
+    isColor,
+    hue: isColor ? hue : 0,
+    sat: isColor ? sat : 100,
+    val: isColor ? val : 100,
+    bright: isColor ? 100 : bright,
+    temperature: isColor ? 100 : temperature,
+  };
+}
+
+export function obj2Dp(obj: PowerOffMemoryModel): string {
+  const version = '00';
+  if (obj.isColor) {
+    obj.bright = 0
+    obj.temperature = 0
+  } else {
+    obj.hue = 0
+    obj.sat = 0
+    obj.val = 0
+  }
+  const type = obj.type.toString(16).padStart(2, '0');
+  const hueDpValue = obj.hue.toString(16).padStart(4, '0');
+  const satDpValue = (obj.sat * 10).toString(16).padStart(4, '0');
+  const valDpValue = (obj.val * 10).toString(16).padStart(4, '0');
+  const brightnessDpValue = (obj.bright * 10).toString(16).padStart(4, '0');
+  const colorTempDpValue = (obj.temperature * 10).toString(16).padStart(4, '0');
+  return (
+    version + type + hueDpValue + satDpValue + valDpValue + brightnessDpValue + colorTempDpValue
+  );
+}

package/src/newModules/powerOnBehavior/Router.ts

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