@ledvance/group-ui-biz-bundle 1.0.121 → 1.0.123

package/src/modules/powerOnBehavior/PlugBehaviorPage.tsx

@@ -0,0 +1,99 @@
+import React from 'react'
+import {ScrollView, StyleSheet} 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 {useReactive, useUpdateEffect} from 'ahooks'
+import {useParams} from '@ledvance/base/src/hooks/Hooks'
+import Segmented from "@ledvance/base/src/components/Segmented";
+import OptionGroup from "@ledvance/base/src/components/OptionGroup";
+import {cloneDeep} from "lodash";
+
+const { convertX: cx } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+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 [powerMemories, setPowerMemories] = usePowerBehavior(params.powerBehaviorKeys)
+
+  const state = useReactive({
+    channel: 0,
+    powerMemories: powerMemories,
+    loading: false,
+  })
+
+  useUpdateEffect(() => {
+    state.powerMemories = cloneDeep(powerMemories)
+  }, [JSON.stringify(powerMemories)])
+
+  const styles = StyleSheet.create({
+    root: {
+      flex: 1,
+    },
+  })
+
+  return (
+    <Page
+      backText={deviceInfo.name}
+      headlineText={I18n.getLang('light_sources_specific_settings_power_off')}
+      loading={state.loading}>
+      <ScrollView style={styles.root} nestedScrollEnabled={true}>
+        {params.powerBehaviorKeys.length > 1 && <>
+            <Spacer height={cx(16)} />
+            <Segmented
+                style={{ marginHorizontal: cx(24) }}
+                options={params.powerBehaviorKeys.map((_, index) => ({
+                  // @ts-ignore
+                  label: I18n.getLang(`switchmodule_switch${index + 1}title`),
+                  value: index
+                }))}
+                value={state.channel}
+                onChange={v => {
+                  state.channel = Number(v)
+                }}
+            />
+        </>}
+        <Spacer />
+        <OptionGroup
+          tips={I18n.getLang('socket_settings_firstbox_topic')}
+          selected={state.powerMemories[state.channel]}
+          options={[{
+            title: I18n.getLang('feature_summary_action_txt_2'),
+            content: I18n.getLang('socket_settings_firstbox_status1_description'),
+            value: RELAY_STATUS_OFF,
+            onPress: (value) => {
+              state.powerMemories[state.channel] = value
+              setPowerMemories[state.channel](value).then()
+            }
+          }, {
+            title: I18n.getLang('feature_summary_action_txt_1'),
+            content: I18n.getLang('socket_settings_firstbox_status2_description'),
+            value: RELAY_STATUS_ON,
+            onPress: (value) => {
+              state.powerMemories[state.channel] = value
+              setPowerMemories[state.channel](value).then()
+            }
+          }, {
+            title: I18n.getLang('sockets_specific_settings_relay_status_remember'),
+            content: I18n.getLang('socket_settings_firstbox_status3_description'),
+            value: RELAY_STATUS_MEMORY,
+            onPress: (value) => {
+              state.powerMemories[state.channel] = value
+              setPowerMemories[state.channel](value).then()
+            }
+          }]}
+        />
+      </ScrollView>
+    </Page>
+  )
+}
+
+export default withTheme(PlugBehaviorPage)

package/src/modules/powerOnBehavior/PowerOnBehaviorActions.ts

@@ -0,0 +1,131 @@
+import {useFeatureHook} 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";
+
+const { hexStringToNumber } = Utils.StringUtils;
+
+// plug
+export interface PowerBehaviorPageParams {
+  powerBehaviorKeys: string[]
+}
+
+type PowerBehaviorType = 'off' | 'on' | 'memory'
+
+interface PlugPowerBehaviorConfig {
+  [key: string]: PowerBehaviorType
+}
+
+export const usePowerBehavior = (keys: string[]): [PowerBehaviorType[], ((v: PowerBehaviorType) => Promise<Result<any>>)[]] => {
+  return keys.reduce(
+    (acc, key) => {
+      const [behavior, handler] = useFeatureHook<PlugPowerBehaviorConfig, PowerBehaviorType>(key, 'memory');
+      acc[0].push(behavior);
+      acc[1].push(handler);
+      return acc;
+    },
+    [[], []] as [PowerBehaviorType[], ((v: PowerBehaviorType) => Promise<Result<any>>)[]]
+  );
+};
+
+
+
+// light source
+export interface LightBehaviorPageParams {
+  isSupportDoNotDisturb?: boolean
+  isSupportBrightness: boolean
+  isSupportTemperature: boolean
+  isSupportColor: boolean
+}
+
+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>>;
+
+interface LightPowerBehaviorConfig {
+  powerMemory: PowerOffMemoryModel
+}
+
+export function usePowerOffMemory(): [PowerOffMemoryModel, SetPowerOffMemoryResultType] {
+  return useFeatureHook<LightPowerBehaviorConfig, PowerOffMemoryModel>('powerMemory', {
+    type: 0,
+    hue: 0,
+    sat: 100,
+    val: 100,
+    bright: 100,
+    temperature: 100,
+    isColor: false
+  }, (powerMemory) => obj2Dp(powerMemory))
+}
+
+
+interface DoNotDisturbConfig {
+  doNotDisturb: boolean
+}
+
+export const useDoNotDisturbControl = (): [boolean, (v: boolean) => Promise<Result<any>>] => {
+  return useFeatureHook<DoNotDisturbConfig, boolean>('doNotDisturb', false)
+};
+
+
+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/modules/powerOnBehavior/Router.ts

@@ -0,0 +1,27 @@
+import {NavigationRoute} from "tuya-panel-kit";
+import PlugBehaviorPage from "./PlugBehaviorPage";
+import LightBehaviorPage from "./LightBehaviorPage";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+export const PlugPowerOnBehaviorPageRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_power_behavior_plug,
+    component: PlugBehaviorPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+
+export const LightPowerOnBehaviorPageRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_power_behavior_light,
+    component: LightBehaviorPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+

package/src/navigation/Routers.ts

@@ -34,5 +34,7 @@ export const ui_biz_routerKey = {
   'group_ui_biz_energy_consumption_detail': 'group_ui_biz_energy_consumption_detail',
   'group_ui_biz_energy_consumption_chart': 'group_ui_biz_energy_consumption_chart',
   'group_ui_biz_diy_scene_page': 'group_ui_biz_diy_scene_page',
-  'group_ui_biz_diy_scene_edit_page': 'group_ui_biz_diy_scene_edit_page'
+  'group_ui_biz_diy_scene_edit_page': 'group_ui_biz_diy_scene_edit_page',
+  'group_ui_biz_power_behavior_plug': 'group_ui_biz_power_behavior_plug',
+  'group_ui_biz_power_behavior_light': 'group_ui_biz_power_behavior_light',
 }

package/src/modules/biorhythm/circular/ItemIcon.d.ts

@@ -1,22 +0,0 @@
-import { PureComponent } from "react";
-import { PanResponderInstance } from "react-native";
-export default class ItemIcon extends PureComponent<any> {
-    lastX: any;
-    lastY: any;
-    _panResponder: PanResponderInstance;
-    state: any;
-    constructor(props: any);
-    componentWillMount(): void;
-    onMoveShouldSetPanResponder(): boolean;
-    onPanResponderMove(evt: any, gestureState: any): void;
-    onPanResponderEnd(evt: any, gestureState: any): void;
-    handlerData(_evt: any, ges: any, moving: any): void;
-    getPointValues(locationX: any, locationY: any): {
-        angle: number;
-        maxX: number;
-        maxY: number;
-        length: number;
-    };
-    getPointAngle(x: any, y: any): number;
-    render(): any;
-}

package/src/modules/biorhythm/circular/ItemIcon.tsx

@@ -1,173 +0,0 @@
-import React, { PureComponent } from "react";
-import { Image, PanResponder, PanResponderInstance, StyleSheet, View } from "react-native";
-
-const timeIconSize = 40; //时间图标ding
-const deviationSize = 0;
-
-export default class ItemIcon extends PureComponent<any> {
-    lastX: any;
-    lastY: any;
-    _panResponder: PanResponderInstance;
-    state: any;
-
-    constructor(props) {
-        super(props);
-
-        this.onMoveShouldSetPanResponder = this.onMoveShouldSetPanResponder.bind(this);
-        this.onPanResponderMove = this.onPanResponderMove.bind(this);
-        this.onPanResponderEnd = this.onPanResponderEnd.bind(this);
-        const { leftValeu, topValue, circularRadius } = this.props;
-
-        this.lastX = leftValeu;
-        this.lastY = topValue;
-        this.state = { radius: circularRadius };
-    }
-
-    componentWillMount() {
-        this._panResponder = PanResponder.create({
-
-            onMoveShouldSetPanResponder: this.onMoveShouldSetPanResponder,
-            onPanResponderMove: this.onPanResponderMove,
-            onPanResponderRelease: this.onPanResponderEnd
-        });
-    }
-
-    //触摸点开始移动的时候，是否响应触摸交互
-    onMoveShouldSetPanResponder() {
-        return true;
-    }
-
-    // 最近一次的移动距离为gestureState.move{X,Y}
-    onPanResponderMove(evt, gestureState) {
-
-        this.handlerData(evt, gestureState, true);
-
-    }
-
-    // 停止移动
-    onPanResponderEnd(evt, gestureState) {
-        this.handlerData(evt, gestureState, false);
-    }
-
-    handlerData(_evt, ges, moving) {
-
-        //此时视图的坐标
-        let locationX = this.lastX + ges.dx + deviationSize;
-        let locationY = this.lastY + ges.dy + deviationSize;
-
-        // 获取在父元素的实际坐标点值
-        let result = this.getPointValues(locationX, locationY);
-        let maxX = result.maxX;
-        let maxY = result.maxY;
-
-        this.setState({
-            offset: {
-                x: maxX,
-                y: maxY
-            }
-        });
-
-        const { onPanMoving, onPanMoveEnd } = this.props;
-        onPanMoving && onPanMoving(maxX, maxY, result.angle);
-
-        if (!(!!moving)) {
-            // 记录滑动前 图表的位置
-            if (this.state.offset) {
-                this.lastX = this.state.offset.x;
-                this.lastY = this.state.offset.y;
-            }
-
-            onPanMoveEnd && onPanMoveEnd();
-        }
-    }
-
-    // 获取实际坐标的 角度 坐标值 步长
-    getPointValues(locationX, locationY) {
-        //半径
-        let radius = this.state.radius;
-        // 求斜边的长度
-        let offsetX = Math.abs(radius - locationX);
-        let offsetY = Math.abs(radius - locationY);
-        // 斜边长度
-        let length = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
-
-        //求角度
-        let angle = this.getPointAngle(radius - locationX, radius - locationY);
-
-        // 最终的坐标
-        let maxX = locationX - deviationSize;
-        let maxY = locationY - deviationSize;
-
-        //超出边界: 在圆环滑动
-        if (length !== radius) {
-            let maxOffsetX = radius * (locationX - radius) / length;
-            let maxOffsetY = radius * (radius - locationY) / length;
-            //   maxX = radius + maxOffsetX - deviationSize + 1.5
-            //   maxY = radius - maxOffsetY - deviationSize + 1.5
-            maxX = radius + maxOffsetX - deviationSize;
-            maxY = radius - maxOffsetY - deviationSize;
-            length = radius;
-        }
-
-        return {
-            angle: angle,
-            maxX: maxX,
-            maxY: maxY,
-            length: length
-        };
-    }
-
-    getPointAngle(x, y) {
-        // 此时的角度是从左边为 0°开始 顺时针 到右边为 180° 逆时针到最右边为 -180°
-        let angle = Math.atan2(y, x) * (180 / Math.PI);
-        //改为正常坐标的角度（表盘中心为圆形）
-        if (angle > 0) {
-            //第四象限
-            if (angle < 90) {
-                angle = 270 + angle;
-            } else {
-                //第一象限
-                angle = angle - 90;
-            }
-        } else if (angle == 0) {
-            angle = 270;
-        } else if (angle < 0) {
-            //第三象限
-            if (angle > -90) {
-                angle = 270 + angle;
-
-            } else {
-                //第二象限
-                angle = 90 + (180 + angle);
-            }
-        }
-
-        return angle;
-    }
-    render() {
-        const { leftValeu, topValue, imageSource } = this.props;
-        return (
-            <View style={[styles.timeIconView, { left: leftValeu, top: topValue, alignItems: 'center', justifyContent: 'center' }]} {...this._panResponder.panHandlers}>
-                <Image source={imageSource}
-                    style={{
-                        width: 30,
-                        height: 30,
-                        marginLeft: 0,
-                        tintColor: '#474e5d'
-                    }} />
-            </View>
-        );
-    }
-}
-
-const styles = StyleSheet.create({
-    timeIconView: {
-        position: "absolute",
-        height: timeIconSize,
-        width: timeIconSize,
-        flexDirection: "row",
-        alignItems: "center",
-        backgroundColor: "#FFFFFF",
-        borderRadius: Math.round(timeIconSize / 2)
-    }
-});

package/src/modules/biorhythm/circular/Progress.d.ts

@@ -1,24 +0,0 @@
-import { Component } from 'react';
-export default class Progress extends Component<any> {
-    timeIconList: any[];
-    timer: any;
-    state: any;
-    constructor(props: any);
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    componentWillUnmount(): void;
-    render(): any;
-    playTimeChangeCallBack(id: number, time: string): void;
-    getTimeIntVale(time: any): number;
-    createFormTime(totalMinutes: any): string;
-    checkTimesFormat(newTimeMinutes: any): {
-        ret: boolean;
-        failMinutes: number;
-    } | {
-        ret: boolean;
-        failMinutes?: undefined;
-    };
-    getColorTempStringVale(colorTempInt: any): {
-        rgbColor: number[];
-        normalColor: string;
-    };
-}