@ledvance/ui-biz-bundle 1.1.69 → 1.1.70

package/src/modules/timeSchedule/mix/MixLightView.tsx

@@ -1,198 +1,198 @@
-import React, { useEffect } from 'react'
-import { StyleSheet, View } from 'react-native'
-import ldvStyles from '../../config/ldvConfig'
-import LdvSwitch from '@ledvance/base/src/components/ldvSwitch'
-import I18n from '@ledvance/base/src/i18n'
-import LdvColorSlider from '@ledvance/base/src/components/ldvColorSlider'
-import LdvPresetView from '@ledvance/base/src/components/ldvPresetView'
-import { Utils } from 'tuya-panel-kit'
-import { useReactive } from 'ahooks'
-import LdvSlider from '@ledvance/base/src/components/ldvSlider'
-import { hex2Hsv, hsv2Hex } from '@ledvance/base/src/utils'
-import LdvColorBrightness from '@ledvance/base/src/components/ldvColorBrightness'
-import LdvSaturation from '@ledvance/base/src/components/ldvSaturation'
-import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
-import { mapFloatToRange } from '@ledvance/base/src/utils'
-
-const { convertX: cx } = Utils.RatioUtils
-
-interface MixLightViewProps {
-    mutuallyExclusive?: boolean // 互斥
-    mixActions: any
-    setSendDps: (actions:any, type:string) => void
-}
-
-export default function MixLightView(props: MixLightViewProps) {
-    const { setSendDps } = props
-    const state = useReactive({
-        actionMix: {
-            ...props.mixActions
-        },
-        flag: Symbol(),
-    })
-
-    useEffect(() =>{
-        setSendDps(state.actionMix, 'mixActions')
-    }, [state.flag])
-
-
-    return (
-        <View>
-            <View style={styles.container}>
-                <View style={[styles.contentBG, ldvStyles.shadow]}>
-                    <LdvSwitch
-                        title={I18n.getLang('light_sources_tile_main_lighting_headline')}
-                        color={cctToColor(state.actionMix.colorTempPercent.toFixed())}
-                        colorAlpha={1}
-                        enable={state.actionMix.whiteLightSwitch}
-                        setEnable={async value => {
-                            state.actionMix.whiteLightSwitch = value
-                            if(props.mutuallyExclusive) state.actionMix.colorLightSwitch = !value
-                            state.flag = Symbol()
-                        }} />
-                    {state.actionMix.whiteLightSwitch && (<View>
-                        <View style={[styles.shadeBg]}>
-                            <LdvColorSlider
-                                type={'temperature'}
-                                title={I18n.getLang('light_sources_tile_main_lighting_shade')}
-                                thumbColor={cctToColor(state.actionMix.colorTempPercent.toFixed())}
-                                value={state.actionMix.colorTempPercent}
-                                onValueChange={value => {
-                                    state.actionMix.colorTempPercent = value
-
-                                }}
-                                onSlidingComplete={value => {
-                                    state.actionMix.colorTempPercent = value
-                                    state.flag = Symbol()
-                                }} />
-                            <LdvPresetView
-                                type={'temperature'}
-                                style={styles.presetView}
-                                onPress={item => {
-                                    state.actionMix.colorTempPercent = item.value
-                                    // state.brightness = 100
-                                    state.flag = Symbol()
-                                }} />
-                        </View>
-                        <LdvSlider
-                            title={I18n.getLang('light_sources_tile_rgb_lighting_brightness')}
-                            value={Number(state.actionMix.brightness.toFixed())}
-                            onValueChange={value => {
-                                state.actionMix.brightness = value > 100 ? 100 : value
-                            }}
-                            onSlidingComplete={value => {
-                                state.actionMix.brightness = value > 100 ? 100 : value
-                                state.flag = Symbol()
-                            }} />
-                        <View style={{ height: cx(20) }} />
-                    </View>)}
-                </View>
-            </View>
-
-            <View style={[styles.container]}>
-                <View style={[styles.contentBG, ldvStyles.shadow]}>
-                    <LdvSwitch
-                        title={I18n.getLang('light_sources_tile_sec_lighting_headline')}
-                        color={hsv2Hex(state.actionMix.hue, Math.round(mapFloatToRange(state.actionMix.sat / 100, 30, 100)), 100)}
-                        colorAlpha={1}
-                        enable={state.actionMix.colorLightSwitch}
-                        setEnable={value => {
-                            state.actionMix.colorLightSwitch = value
-                            if(props.mutuallyExclusive) state.actionMix.whiteLightSwitch = !value
-                            state.flag = Symbol()
-                        }} />
-
-                    {state.actionMix.colorLightSwitch && (
-                        <View>
-                            <View style={[styles.shadeBg]}>
-                                <LdvColorSlider
-                                    type={'color'}
-                                    title={I18n.getLang('light_sources_tile_sec_lighting_shade')}
-                                    thumbColor={hsv2Hex(state.actionMix.hue, 100, 100)}
-                                    value={state.actionMix.hue}
-                                    onValueChange={value => {
-                                        state.actionMix.hue = value
-
-                                    }}
-                                    onSlidingComplete={(value) => {
-                                        state.actionMix.hue = value
-                                        state.flag = Symbol()
-                                    }} />
-                                <LdvPresetView
-                                    type={'color'}
-                                    style={styles.presetView}
-                                    onPress={(item) => {
-                                        const hsv = hex2Hsv(item.color)
-                                        if (hsv) {
-                                            state.actionMix.hue = hsv.h
-                                        }
-                                        state.flag = Symbol()
-                                    }} />
-                            </View>
-                            <View>
-                                <LdvSaturation
-                                    value={state.actionMix.sat}
-                                    onValueChange={value => {
-                                        state.actionMix.sat = value
-
-                                    }}
-                                    onSlidingComplete={(value) => {
-                                        state.actionMix.sat = value
-                                        state.flag = Symbol()
-                                    }}
-
-                                />
-                            </View>
-                            <View style={{ height: cx(14) }} />
-                            <LdvColorBrightness
-                                value={state.actionMix.lightness}
-                                onValueChange={value => {
-                                    state.actionMix.lightness = value
-
-                                }}
-                                onSlidingComplete={(value) => {
-                                    state.actionMix.lightness = value
-                                    state.flag = Symbol()
-                                }} />
-                            <View style={{ height: cx(20) }} />
-                        </View>
-                    )}
-                </View>
-            </View>
-        </View>
-    )
-}
-
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'column',
-    },
-    contentBG: {
-        flex: 1,
-        marginTop: cx(12),
-        marginBottom: cx(12),
-        marginLeft: cx(24),
-        marginRight: cx(24),
-    },
-    titleBGView: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-    },
-    title: {
-        fontSize: cx(16),
-        fontWeight: 'bold',
-        marginVertical: cx(16),
-        marginLeft: cx(16),
-    },
-    switch: {
-        marginRight: cx(16),
-    },
-    shadeBg: {
-        height: cx(117),
-        flexDirection: 'column',
-    },
-    presetView: {
-        height: cx(60),
-    },
+import React, { useEffect } from 'react'
+import { StyleSheet, View } from 'react-native'
+import ldvStyles from '../../config/ldvConfig'
+import LdvSwitch from '@ledvance/base/src/components/ldvSwitch'
+import I18n from '@ledvance/base/src/i18n'
+import LdvColorSlider from '@ledvance/base/src/components/ldvColorSlider'
+import LdvPresetView from '@ledvance/base/src/components/ldvPresetView'
+import { Utils } from 'tuya-panel-kit'
+import { useReactive } from 'ahooks'
+import LdvSlider from '@ledvance/base/src/components/ldvSlider'
+import { hex2Hsv, hsv2Hex } from '@ledvance/base/src/utils'
+import LdvColorBrightness from '@ledvance/base/src/components/ldvColorBrightness'
+import LdvSaturation from '@ledvance/base/src/components/ldvSaturation'
+import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
+import { mapFloatToRange } from '@ledvance/base/src/utils'
+
+const { convertX: cx } = Utils.RatioUtils
+
+interface MixLightViewProps {
+    mutuallyExclusive?: boolean // 互斥
+    mixActions: any
+    setSendDps: (actions:any, type:string) => void
+}
+
+export default function MixLightView(props: MixLightViewProps) {
+    const { setSendDps } = props
+    const state = useReactive({
+        actionMix: {
+            ...props.mixActions
+        },
+        flag: Symbol(),
+    })
+
+    useEffect(() =>{
+        setSendDps(state.actionMix, 'mixActions')
+    }, [state.flag])
+
+
+    return (
+        <View>
+            <View style={styles.container}>
+                <View style={[styles.contentBG, ldvStyles.shadow]}>
+                    <LdvSwitch
+                        title={I18n.getLang('light_sources_tile_main_lighting_headline')}
+                        color={cctToColor(state.actionMix.colorTempPercent.toFixed())}
+                        colorAlpha={1}
+                        enable={state.actionMix.whiteLightSwitch}
+                        setEnable={async value => {
+                            state.actionMix.whiteLightSwitch = value
+                            if(props.mutuallyExclusive) state.actionMix.colorLightSwitch = !value
+                            state.flag = Symbol()
+                        }} />
+                    {state.actionMix.whiteLightSwitch && (<View>
+                        <View style={[styles.shadeBg]}>
+                            <LdvColorSlider
+                                type={'temperature'}
+                                title={I18n.getLang('light_sources_tile_main_lighting_shade')}
+                                thumbColor={cctToColor(state.actionMix.colorTempPercent.toFixed())}
+                                value={state.actionMix.colorTempPercent}
+                                onValueChange={value => {
+                                    state.actionMix.colorTempPercent = value
+
+                                }}
+                                onSlidingComplete={value => {
+                                    state.actionMix.colorTempPercent = value
+                                    state.flag = Symbol()
+                                }} />
+                            <LdvPresetView
+                                type={'temperature'}
+                                style={styles.presetView}
+                                onPress={item => {
+                                    state.actionMix.colorTempPercent = item.value
+                                    // state.brightness = 100
+                                    state.flag = Symbol()
+                                }} />
+                        </View>
+                        <LdvSlider
+                            title={I18n.getLang('light_sources_tile_rgb_lighting_brightness')}
+                            value={Number(state.actionMix.brightness.toFixed())}
+                            onValueChange={value => {
+                                state.actionMix.brightness = value > 100 ? 100 : value
+                            }}
+                            onSlidingComplete={value => {
+                                state.actionMix.brightness = value > 100 ? 100 : value
+                                state.flag = Symbol()
+                            }} />
+                        <View style={{ height: cx(20) }} />
+                    </View>)}
+                </View>
+            </View>
+
+            <View style={[styles.container]}>
+                <View style={[styles.contentBG, ldvStyles.shadow]}>
+                    <LdvSwitch
+                        title={I18n.getLang('light_sources_tile_sec_lighting_headline')}
+                        color={hsv2Hex(state.actionMix.hue, Math.round(mapFloatToRange(state.actionMix.sat / 100, 30, 100)), 100)}
+                        colorAlpha={1}
+                        enable={state.actionMix.colorLightSwitch}
+                        setEnable={value => {
+                            state.actionMix.colorLightSwitch = value
+                            if(props.mutuallyExclusive) state.actionMix.whiteLightSwitch = !value
+                            state.flag = Symbol()
+                        }} />
+
+                    {state.actionMix.colorLightSwitch && (
+                        <View>
+                            <View style={[styles.shadeBg]}>
+                                <LdvColorSlider
+                                    type={'color'}
+                                    title={I18n.getLang('light_sources_tile_sec_lighting_shade')}
+                                    thumbColor={hsv2Hex(state.actionMix.hue, 100, 100)}
+                                    value={state.actionMix.hue}
+                                    onValueChange={value => {
+                                        state.actionMix.hue = value
+
+                                    }}
+                                    onSlidingComplete={(value) => {
+                                        state.actionMix.hue = value
+                                        state.flag = Symbol()
+                                    }} />
+                                <LdvPresetView
+                                    type={'color'}
+                                    style={styles.presetView}
+                                    onPress={(item) => {
+                                        const hsv = hex2Hsv(item.color)
+                                        if (hsv) {
+                                            state.actionMix.hue = hsv.h
+                                        }
+                                        state.flag = Symbol()
+                                    }} />
+                            </View>
+                            <View>
+                                <LdvSaturation
+                                    value={state.actionMix.sat}
+                                    onValueChange={value => {
+                                        state.actionMix.sat = value
+
+                                    }}
+                                    onSlidingComplete={(value) => {
+                                        state.actionMix.sat = value
+                                        state.flag = Symbol()
+                                    }}
+
+                                />
+                            </View>
+                            <View style={{ height: cx(14) }} />
+                            <LdvColorBrightness
+                                value={state.actionMix.lightness}
+                                onValueChange={value => {
+                                    state.actionMix.lightness = value
+
+                                }}
+                                onSlidingComplete={(value) => {
+                                    state.actionMix.lightness = value
+                                    state.flag = Symbol()
+                                }} />
+                            <View style={{ height: cx(20) }} />
+                        </View>
+                    )}
+                </View>
+            </View>
+        </View>
+    )
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'column',
+    },
+    contentBG: {
+        flex: 1,
+        marginTop: cx(12),
+        marginBottom: cx(12),
+        marginLeft: cx(24),
+        marginRight: cx(24),
+    },
+    titleBGView: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    title: {
+        fontSize: cx(16),
+        fontWeight: 'bold',
+        marginVertical: cx(16),
+        marginLeft: cx(16),
+    },
+    switch: {
+        marginRight: cx(16),
+    },
+    shadeBg: {
+        height: cx(117),
+        flexDirection: 'column',
+    },
+    presetView: {
+        height: cx(60),
+    },
 })

package/src/modules/timeSchedule/utils.d.ts

@@ -1 +1 @@
-export declare function mapFloatToRange(value: number, min: number, max: number): number;
+export declare function mapFloatToRange(value: number, min: number, max: number): number;

package/src/modules/timeSchedule/utils.ts

@@ -1,7 +1,7 @@
-export function mapFloatToRange(value: number, min: number, max: number): number {
-    // 确保 value 在 [0, 1] 范围内
-    value = Math.max(0, Math.min(1, value))
-
-    // 计算插值后的值
-    return min + value * (max - min)
+export function mapFloatToRange(value: number, min: number, max: number): number {
+    // 确保 value 在 [0, 1] 范围内
+    value = Math.max(0, Math.min(1, value))
+
+    // 计算插值后的值
+    return min + value * (max - min)
 }

package/src/modules/timer/Router.ts

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

package/src/modules/timer/TimerPage.d.ts

@@ -1,11 +1,11 @@
-export type dpItem = {
-    label: string;
-    value: string;
-    dpId: string;
-    enableDp: string;
-    cloudKey: any;
-    stringOn: any;
-    stringOff: any;
-};
-declare const TimerPage: () => any;
-export default TimerPage;
+export type dpItem = {
+    label: string;
+    value: string;
+    dpId: string;
+    enableDp: string;
+    cloudKey: any;
+    stringOn: any;
+    stringOff: any;
+};
+declare const TimerPage: () => any;
+export default TimerPage;