@ledvance/ui-biz-bundle 1.1.69 → 1.1.71

package/src/newModules/swithInching/SwithInching.tsx

@@ -1,231 +1,231 @@
-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, Dialog } from "tuya-panel-kit";
-import LdvPickerView from "./pickerView";
-import I18n from '@ledvance/base/src/i18n'
-import { useReactive, useUpdateEffect } from "ahooks";
-import {SwitchInchingPageParams, useCountdown1, useSwitchInching} from "./SwithInchingAction";
-import {useRandomTime} from "../randomTime/RandomTimeActions";
-import {useFixedTime} from "../fixedTime/FixedTimeActions";
-import {useParams} from "@ledvance/base/src/hooks/Hooks";
-
-const { convertX: cx } = Utils.RatioUtils
-
-interface SwitchInchingState {
-    enable: boolean,
-    minute: string,
-    second: string,
-    flag: Symbol | number
-}
-
-const SwitchInching = () => {
-    const params = useParams<SwitchInchingPageParams>()
-    const deviceInfo = useDeviceInfo()
-    const navigation = useNavigation()
-    const [switchInching, setSwitchInching] = useSwitchInching(params.switchInchingCode)
-    const [randomTimePlan, setRandomTimePlan] = useRandomTime(params.cycleTimeCode, true)
-    const [fixedTimePlan, setFixedTimePlan] = useFixedTime(params.randomTimeCode, true)
-    const [countdown1, setCountDown1] = useCountdown1(params.countdownCode)
-    const randomEnable = !!randomTimePlan.filter(item => item.enable).length
-    const fixedEnable = !!fixedTimePlan.filter(item => item.enable).length
-    const timerEnable = !!countdown1
-    const state = useReactive<SwitchInchingState>({
-        enable: false,
-        minute: '00',
-        second: '00',
-        flag: 1
-    })
-
-    useEffect(() => {
-        state.enable = switchInching.enable
-        state.minute = formateValue('minute')
-        state.second = formateValue('second')
-    }, [JSON.stringify(switchInching)])
-
-    const showDialog = (run: () => void) => {
-        Dialog.confirm({
-            title: I18n.getLang('conflict_dialog_save_item_inching_titel'),
-            subTitle: I18n.getLang('conflict_dialog_save_item_inching_description'),
-            cancelText: I18n.getLang('conflict_dialog_save_item_inching_answer_no_text'),
-            confirmText: I18n.getLang('conflict_dialog_save_item_inching_answer_yes_text'),
-            onConfirm: (_, { close }) => {
-                close();
-                setSwitchInching({ ...switchInching, enable: false })
-                TurnOffFn()
-                run()
-            },
-        })
-    }
-
-    const TurnOffFn = () => {
-        if (randomEnable) {
-            const randomTimeList = randomTimePlan.map(item => {
-                if (item.enable) {
-                    return {
-                        ...item,
-                        enable: false
-                    }
-                } else {
-                    return item
-                }
-            })
-            setRandomTimePlan(randomTimeList)
-        }
-        if (fixedEnable) {
-            const fixedTimeList = fixedTimePlan.map(item => {
-                if (item.enable) {
-                    return {
-                        ...item,
-                        enable: false
-                    }
-                } else {
-                    return item
-                }
-            })
-            setFixedTimePlan(fixedTimeList)
-        }
-        if (timerEnable) {
-            setCountDown1(0)
-        }
-    }
-
-
-    const requestSwitchInching = () => {
-        const run = () => {
-            const enable = state.enable
-            const time = Number(state.minute) * 60 + Number(state.second)
-            setSwitchInching({ enable, time })
-        }
-        if (state.enable && (randomEnable || fixedEnable || timerEnable)) {
-            return showDialog(run)
-        }
-        run()
-    }
-
-    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 formateValue = (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
-            const v: string = s === 0 ? '00' : s < 10 ? '0' + s : String(s)
-            return v
-        }
-    }
-
-  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>
-  );
-};
-
-const styles = StyleSheet.create({
-  switchContainer: {
-    backgroundColor: '#F6F6F6',
-    marginHorizontal: cx(24),
-    padding: cx(10),
-    borderRadius: cx(6),
-    flexDirection: 'column',
-  },
-  switchCardContainer: {
-    paddingVertical: cx(4),
-    paddingHorizontal: cx(10),
-    backgroundColor: '#FFFFFF',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: cx(6),
-  },
-  switchCardTitle: {
-    color: '#000',
-    fontSize: cx(14),
-    flex: 1,
-    fontWeight: '400',
-  },
-  switchDescription: {
-    color: '#000',
-    flexWrap: 'wrap',
-    fontSize: cx(12),
-    marginTop: cx(4),
-  },
-  secondTopic: {
-    color: '#000',
-    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,
-  },
-});
-export default SwitchInching;
+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, Dialog } from "tuya-panel-kit";
+import LdvPickerView from "./pickerView";
+import I18n from '@ledvance/base/src/i18n'
+import { useReactive, useUpdateEffect } from "ahooks";
+import {SwitchInchingPageParams, useCountdown1, useSwitchInching} from "./SwithInchingAction";
+import {useRandomTime} from "../randomTime/RandomTimeActions";
+import {useFixedTime} from "../fixedTime/FixedTimeActions";
+import {useParams} from "@ledvance/base/src/hooks/Hooks";
+
+const { convertX: cx } = Utils.RatioUtils
+
+interface SwitchInchingState {
+    enable: boolean,
+    minute: string,
+    second: string,
+    flag: Symbol | number
+}
+
+const SwitchInching = () => {
+    const params = useParams<SwitchInchingPageParams>()
+    const deviceInfo = useDeviceInfo()
+    const navigation = useNavigation()
+    const [switchInching, setSwitchInching] = useSwitchInching(params.switchInchingCode)
+    const [randomTimePlan, setRandomTimePlan] = useRandomTime(params.cycleTimeCode, true)
+    const [fixedTimePlan, setFixedTimePlan] = useFixedTime(params.randomTimeCode, true)
+    const [countdown1, setCountDown1] = useCountdown1(params.countdownCode)
+    const randomEnable = !!randomTimePlan.filter(item => item.enable).length
+    const fixedEnable = !!fixedTimePlan.filter(item => item.enable).length
+    const timerEnable = !!countdown1
+    const state = useReactive<SwitchInchingState>({
+        enable: false,
+        minute: '00',
+        second: '00',
+        flag: 1
+    })
+
+    useEffect(() => {
+        state.enable = switchInching.enable
+        state.minute = formateValue('minute')
+        state.second = formateValue('second')
+    }, [JSON.stringify(switchInching)])
+
+    const showDialog = (run: () => void) => {
+        Dialog.confirm({
+            title: I18n.getLang('conflict_dialog_save_item_inching_titel'),
+            subTitle: I18n.getLang('conflict_dialog_save_item_inching_description'),
+            cancelText: I18n.getLang('conflict_dialog_save_item_inching_answer_no_text'),
+            confirmText: I18n.getLang('conflict_dialog_save_item_inching_answer_yes_text'),
+            onConfirm: (_, { close }) => {
+                close();
+                setSwitchInching({ ...switchInching, enable: false })
+                TurnOffFn()
+                run()
+            },
+        })
+    }
+
+    const TurnOffFn = () => {
+        if (randomEnable) {
+            const randomTimeList = randomTimePlan.map(item => {
+                if (item.enable) {
+                    return {
+                        ...item,
+                        enable: false
+                    }
+                } else {
+                    return item
+                }
+            })
+            setRandomTimePlan(randomTimeList)
+        }
+        if (fixedEnable) {
+            const fixedTimeList = fixedTimePlan.map(item => {
+                if (item.enable) {
+                    return {
+                        ...item,
+                        enable: false
+                    }
+                } else {
+                    return item
+                }
+            })
+            setFixedTimePlan(fixedTimeList)
+        }
+        if (timerEnable) {
+            setCountDown1(0)
+        }
+    }
+
+
+    const requestSwitchInching = () => {
+        const run = () => {
+            const enable = state.enable
+            const time = Number(state.minute) * 60 + Number(state.second)
+            setSwitchInching({ enable, time })
+        }
+        if (state.enable && (randomEnable || fixedEnable || timerEnable)) {
+            return showDialog(run)
+        }
+        run()
+    }
+
+    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 formateValue = (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
+            const v: string = s === 0 ? '00' : s < 10 ? '0' + s : String(s)
+            return v
+        }
+    }
+
+  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>
+  );
+};
+
+const styles = StyleSheet.create({
+  switchContainer: {
+    backgroundColor: '#F6F6F6',
+    marginHorizontal: cx(24),
+    padding: cx(10),
+    borderRadius: cx(6),
+    flexDirection: 'column',
+  },
+  switchCardContainer: {
+    paddingVertical: cx(4),
+    paddingHorizontal: cx(10),
+    backgroundColor: '#FFFFFF',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: cx(6),
+  },
+  switchCardTitle: {
+    color: '#000',
+    fontSize: cx(14),
+    flex: 1,
+    fontWeight: '400',
+  },
+  switchDescription: {
+    color: '#000',
+    flexWrap: 'wrap',
+    fontSize: cx(12),
+    marginTop: cx(4),
+  },
+  secondTopic: {
+    color: '#000',
+    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,
+  },
+});
+export default SwitchInching;

package/src/newModules/swithInching/SwithInchingAction.ts

@@ -1,55 +1,55 @@
-import {Buffer} from 'buffer'
-import {Result} from "@ledvance/base/src/models/modules/Result"
-import {useDp} from "@ledvance/base/src/models/modules/NativePropsSlice";
-
-export interface SwitchInchingPageParams {
-  switchInchingCode: string
-  countdownCode: string
-  cycleTimeCode: string
-  randomTimeCode: string
-}
-
-interface SwitchInchingModel {
-  enable: boolean,
-  time: number
-}
-
-function format(number: string, code: number) {
-  const l = number.length;    //获取要格式化数字的长度，如二进制1的话长度为1
-  if (l < code) {     //补全位数 0000，这里我要显示4位
-    for (let i = 0; i < code - l; i++) {
-      number = "0" + number;     //不够的就在前面补0
-    }
-  }
-  return number;
-}
-
-type SwitchInchingResult = (switchInchingCode: string) => [SwitchInchingModel, (v: SwitchInchingModel) => Promise<Result<any>>]
-
-export function useCountdown1(countdownCode: string): [number, (countdown1: number) => Promise<Result<any>>] {
-  return useDp(countdownCode);
-}
-
-export function useSwitchInchingHex(switchInchingCode: string): [string, (switchInching: string) => Promise<Result<any>>] {
-  return useDp(switchInchingCode)
-}
-
-export const useSwitchInching: SwitchInchingResult = (switchInchingCode: string) => {
-  const [hex, setHex] = useSwitchInchingHex(switchInchingCode)
-  const inching = Buffer.from(hex, 'base64')
-  const enable = !!inching[0]
-  const time = inching[1] * 256 + inching[2]
-  const setSwitchInching = ({enable, time}) => {
-    const enableHex = enable ? '01' : '00'
-    const timeHex = format(time?.toString(16), 4)
-    const inchingString = enableHex + timeHex
-    const inchingHex = hexToBase64(inchingString)
-    return setHex(inchingHex)
-  }
-  return [{enable, time}, setSwitchInching]
-}
-
-const hexToBase64 = (hex: string) => {
-  const buffer = Buffer.from(hex, 'hex');
-  return buffer.toString('base64');
-}
+import {Buffer} from 'buffer'
+import {Result} from "@ledvance/base/src/models/modules/Result"
+import {useDp} from "@ledvance/base/src/models/modules/NativePropsSlice";
+
+export interface SwitchInchingPageParams {
+  switchInchingCode: string
+  countdownCode: string
+  cycleTimeCode: string
+  randomTimeCode: string
+}
+
+interface SwitchInchingModel {
+  enable: boolean,
+  time: number
+}
+
+function format(number: string, code: number) {
+  const l = number.length;    //获取要格式化数字的长度，如二进制1的话长度为1
+  if (l < code) {     //补全位数 0000，这里我要显示4位
+    for (let i = 0; i < code - l; i++) {
+      number = "0" + number;     //不够的就在前面补0
+    }
+  }
+  return number;
+}
+
+type SwitchInchingResult = (switchInchingCode: string) => [SwitchInchingModel, (v: SwitchInchingModel) => Promise<Result<any>>]
+
+export function useCountdown1(countdownCode: string): [number, (countdown1: number) => Promise<Result<any>>] {
+  return useDp(countdownCode);
+}
+
+export function useSwitchInchingHex(switchInchingCode: string): [string, (switchInching: string) => Promise<Result<any>>] {
+  return useDp(switchInchingCode)
+}
+
+export const useSwitchInching: SwitchInchingResult = (switchInchingCode: string) => {
+  const [hex, setHex] = useSwitchInchingHex(switchInchingCode)
+  const inching = Buffer.from(hex, 'base64')
+  const enable = !!inching[0]
+  const time = inching[1] * 256 + inching[2]
+  const setSwitchInching = ({enable, time}) => {
+    const enableHex = enable ? '01' : '00'
+    const timeHex = format(time?.toString(16), 4)
+    const inchingString = enableHex + timeHex
+    const inchingHex = hexToBase64(inchingString)
+    return setHex(inchingHex)
+  }
+  return [{enable, time}, setSwitchInching]
+}
+
+const hexToBase64 = (hex: string) => {
+  const buffer = Buffer.from(hex, 'hex');
+  return buffer.toString('base64');
+}