@ledvance/ui-biz-bundle 1.1.68 → 1.1.69

package/src/modules/timeSchedule/ManualSetting.tsx

@@ -1,220 +1,220 @@
-import React, { memo, useCallback } from 'react'
-import { View } from 'react-native'
-import SingleLightView from './SingleLightView'
-import { ScheduleItemDp } from './TimeScheduleEditpage'
-import MixLightView from './mix/MixLightView'
-import { JudgeTimeScheduleProps } from './TimeScheduleBean'
-import { useCreation, useReactive, useUpdateEffect } from 'ahooks'
-import { cloneDeep } from 'lodash'
-import LampSwitchCard from './components/LampSwitchCard'
-import I18n from '@ledvance/base/src/i18n'
-import Card from '@ledvance/base/src/components/Card'
-import LdvSwitch from '@ledvance/base/src/components/ldvSwitch'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import { hsv2Hex, mapFloatToRange } from '@ledvance/base/src/utils'
-import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
-import ColorTempAdjustView from '@ledvance/base/src/components/ColorTempAdjustView'
-import { Utils } from 'tuya-panel-kit'
-const { convertX: cx } = Utils.RatioUtils
-
-interface ManualSettingProps extends JudgeTimeScheduleProps {
-  singleActions: any
-  mixActions: any
-  scheduleItem: any
-  dps: ScheduleItemDp[]
-  dpCodes: Record<string, string>
-  isMixRGBWLamp?: boolean
-  setSendDps: (actions: any, type: string) => void
-  changeSkillEnable: (dpId: string, enable: boolean) => void
-}
-
-const ManualSetting = (props: ManualSettingProps) => {
-  const state = useReactive({
-    singleActions: cloneDeep(props.singleActions),
-    mixActions: props.mixActions,
-    flag: Symbol(),
-  })
-  const tabList = useCreation(() => {
-    const isSupportWhite = props.isCeilingLight ? false : (props.isSupportBrightness || props.isSupportTemperature)
-    const tabs = [
-      { key: 1, title: I18n.getLang('add_new_static_mood_lights_schedule_switch_tab_color_text') },
-      { key: 0, title: I18n.getLang('add_new_static_mood_lights_schedule_switch_tab_white_text') },
-      { key: 3, title: I18n.getLang('add_new_dynamic_mood_strip_lights_schedule_switch_tab_combination_text') },
-    ]
-    if (!isSupportWhite || props.isCeilingLight) {
-      return tabs.filter(tab => tab.key !== 0)
-    }
-    if (!props.isSupportColor) {
-      return tabs.filter(tab => tab.key === 0)
-    }
-    return tabs
-  }, [])
-
-  useUpdateEffect(() => {
-    state.singleActions = cloneDeep(props.singleActions)
-  }, [JSON.stringify(props.singleActions)])
-
-  useUpdateEffect(() => {
-    props.setSendDps(state.singleActions, 'singleActions')
-  }, [state.flag])
-
-  const getColorBlockColor = useCallback(() => {
-    if (!state.singleActions.enable) return '#fff'
-    const s = Math.round(mapFloatToRange(state.singleActions.s / 100, 30, 100))
-    if (props.isSupportColor && state.singleActions.activeKey === 1) {
-      return hsv2Hex(state.singleActions.h, s, 100)
-    }
-    if (props.isSupportTemperature && state.singleActions.activeKey === 0) {
-      return cctToColor(state.singleActions.temperature.toFixed())
-    }
-    return '#fff'
-  }, [state.singleActions])
-
-  const renderContent = () => {
-    if (props.isStripLight || props.isCeilingLight) {
-      return (
-        <>
-          {props.isCeilingLight && <><Spacer />
-            <Card>
-              <LdvSwitch
-                title={I18n.getLang('light_sources_tile_main_lighting_headline')}
-                color={cctToColor(state.singleActions.temperature)}
-                colorAlpha={1}
-                enable={state.singleActions.whiteLightSwitch}
-                setEnable={async value => {
-                  state.singleActions.whiteLightSwitch = value
-                  props.changeSkillEnable(props.dps[0].dpId, value)
-                  state.flag = Symbol()
-                }} />
-              {state.singleActions.whiteLightSwitch && <>
-                <ColorTempAdjustView
-                  minBrightness={1}
-                  isSupportTemperature={!!props.isSupportTemperature}
-                  isSupportBrightness={!!props.isSupportBrightness}
-                  colorTemp={state.singleActions.temperature}
-                  brightness={state.singleActions.brightness}
-                  onCCTChange={() => { }}
-                  onCCTChangeComplete={(temperature) => {
-                    state.singleActions = {
-                      ...state.singleActions,
-                      temperature
-                    }
-                    state.flag = Symbol()
-                  }}
-                  onBrightnessChange={() => { }}
-                  onBrightnessChangeComplete={brightness => {
-                    state.singleActions = {
-                      ...state.singleActions,
-                      brightness
-                    }
-                    state.flag = Symbol()
-                  }} />
-                <Spacer height={cx(10)} />
-              </>}
-            </Card></>}
-          <Spacer />
-          <Card>
-            <LdvSwitch
-              title={I18n.getLang(props.isCeilingLight ? 'light_sources_tile_sec_lighting_headline' : 'light_sources_tile_tw_lighting_headline')}
-              color={getColorBlockColor()}
-              colorAlpha={1}
-              enable={state.singleActions.enable}
-              setEnable={(enable: boolean) => {
-                state.singleActions = {
-                  ...state.singleActions,
-                  enable
-                }
-                props.changeSkillEnable(props.isCeilingLight ? props.dps[1]?.dpId : props.dps[0].dpId, enable)
-                state.flag = Symbol()
-              }} />
-            {state.singleActions.enable && <LampSwitchCard
-              lampTabs={tabList}
-              onColorDiskChange={(color, idx) => {
-                state.singleActions = {
-                  ...state.singleActions,
-                  colors: color,
-                  colorDiskActiveKey: idx
-                }
-                state.flag = Symbol()
-              }}
-              colorDiskActiveKey={state.singleActions.colorDiskActiveKey || 0}
-              activeKey={state.singleActions.activeKey}
-              onActiveKeyChange={(v) => {
-                state.singleActions = {
-                  ...state.singleActions,
-                  activeKey: Number(v)
-                }
-                state.flag = Symbol()
-              }}
-              isSupportTemperature={!!props.isSupportTemperature && !props.isCeilingLight}
-              isSupportBrightness={!!props.isSupportBrightness && !props.isCeilingLight}
-              h={state.singleActions.h} s={state.singleActions.s} v={state.singleActions.v}
-              onHSVChange={() => { }}
-              onHSVChangeComplete={async (h, s, v) => {
-                state.singleActions = {
-                  ...state.singleActions,
-                  h,
-                  s,
-                  v
-                }
-                state.flag = Symbol()
-              }}
-              colorTemp={state.singleActions.temperature}
-              brightness={state.singleActions.brightness}
-              onCCTChange={() => { }}
-              onCCTChangeComplete={(temperature) => {
-                state.singleActions = {
-                  ...state.singleActions,
-                  temperature
-                }
-                state.flag = Symbol()
-              }}
-              onBrightnessChange={() => { }}
-              onBrightnessChangeComplete={brightness => {
-                state.singleActions = {
-                  ...state.singleActions,
-                  brightness
-                }
-                state.flag = Symbol()
-              }}
-            />}
-          </Card>
-        </>
-      )
-    }
-    if (props.isMixRGBWLamp) {
-      return (
-        <MixLightView
-          mixActions={state.mixActions}
-          setSendDps={props.setSendDps}
-        />
-      )
-    }
-    return (
-      props.dps.map((item) => (
-        <View key={item.dpId}>
-          <SingleLightView
-            singleActions={state.singleActions}
-            dp={item}
-            dpCodes={props.dpCodes}
-            scheduleItem={props.scheduleItem}
-            setSendDps={props.setSendDps}
-            setEnable={props.changeSkillEnable}
-            isSupportMode={props.isSupportMode}
-            isSupportColor={props.isSupportColor}
-            isSupportBrightness={props.isSupportBrightness}
-            isSupportTemperature={props.isSupportTemperature}
-          />
-        </View>
-      ))
-    )
-
-  }
-  return (
-    <View>
-      {renderContent()}
-    </View>
-  )
-}
-
+import React, { memo, useCallback } from 'react'
+import { View } from 'react-native'
+import SingleLightView from './SingleLightView'
+import { ScheduleItemDp } from './TimeScheduleEditpage'
+import MixLightView from './mix/MixLightView'
+import { JudgeTimeScheduleProps } from './TimeScheduleBean'
+import { useCreation, useReactive, useUpdateEffect } from 'ahooks'
+import { cloneDeep } from 'lodash'
+import LampSwitchCard from './components/LampSwitchCard'
+import I18n from '@ledvance/base/src/i18n'
+import Card from '@ledvance/base/src/components/Card'
+import LdvSwitch from '@ledvance/base/src/components/ldvSwitch'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import { hsv2Hex, mapFloatToRange } from '@ledvance/base/src/utils'
+import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
+import ColorTempAdjustView from '@ledvance/base/src/components/ColorTempAdjustView'
+import { Utils } from 'tuya-panel-kit'
+const { convertX: cx } = Utils.RatioUtils
+
+interface ManualSettingProps extends JudgeTimeScheduleProps {
+  singleActions: any
+  mixActions: any
+  scheduleItem: any
+  dps: ScheduleItemDp[]
+  dpCodes: Record<string, string>
+  isMixRGBWLamp?: boolean
+  setSendDps: (actions: any, type: string) => void
+  changeSkillEnable: (dpId: string, enable: boolean) => void
+}
+
+const ManualSetting = (props: ManualSettingProps) => {
+  const state = useReactive({
+    singleActions: cloneDeep(props.singleActions),
+    mixActions: props.mixActions,
+    flag: Symbol(),
+  })
+  const tabList = useCreation(() => {
+    const isSupportWhite = props.isCeilingLight ? false : (props.isSupportBrightness || props.isSupportTemperature)
+    const tabs = [
+      { key: 1, title: I18n.getLang('add_new_static_mood_lights_schedule_switch_tab_color_text') },
+      { key: 0, title: I18n.getLang('add_new_static_mood_lights_schedule_switch_tab_white_text') },
+      { key: 3, title: I18n.getLang('add_new_dynamic_mood_strip_lights_schedule_switch_tab_combination_text') },
+    ]
+    if (!isSupportWhite || props.isCeilingLight) {
+      return tabs.filter(tab => tab.key !== 0)
+    }
+    if (!props.isSupportColor) {
+      return tabs.filter(tab => tab.key === 0)
+    }
+    return tabs
+  }, [])
+
+  useUpdateEffect(() => {
+    state.singleActions = cloneDeep(props.singleActions)
+  }, [JSON.stringify(props.singleActions)])
+
+  useUpdateEffect(() => {
+    props.setSendDps(state.singleActions, 'singleActions')
+  }, [state.flag])
+
+  const getColorBlockColor = useCallback(() => {
+    if (!state.singleActions.enable) return '#fff'
+    const s = Math.round(mapFloatToRange(state.singleActions.s / 100, 30, 100))
+    if (props.isSupportColor && state.singleActions.activeKey === 1) {
+      return hsv2Hex(state.singleActions.h, s, 100)
+    }
+    if (props.isSupportTemperature && state.singleActions.activeKey === 0) {
+      return cctToColor(state.singleActions.temperature.toFixed())
+    }
+    return '#fff'
+  }, [state.singleActions])
+
+  const renderContent = () => {
+    if (props.isStripLight || props.isCeilingLight) {
+      return (
+        <>
+          {props.isCeilingLight && <><Spacer />
+            <Card>
+              <LdvSwitch
+                title={I18n.getLang('light_sources_tile_main_lighting_headline')}
+                color={cctToColor(state.singleActions.temperature)}
+                colorAlpha={1}
+                enable={state.singleActions.whiteLightSwitch}
+                setEnable={async value => {
+                  state.singleActions.whiteLightSwitch = value
+                  props.changeSkillEnable(props.dps[0].dpId, value)
+                  state.flag = Symbol()
+                }} />
+              {state.singleActions.whiteLightSwitch && <>
+                <ColorTempAdjustView
+                  minBrightness={1}
+                  isSupportTemperature={!!props.isSupportTemperature}
+                  isSupportBrightness={!!props.isSupportBrightness}
+                  colorTemp={state.singleActions.temperature}
+                  brightness={state.singleActions.brightness}
+                  onCCTChange={() => { }}
+                  onCCTChangeComplete={(temperature) => {
+                    state.singleActions = {
+                      ...state.singleActions,
+                      temperature
+                    }
+                    state.flag = Symbol()
+                  }}
+                  onBrightnessChange={() => { }}
+                  onBrightnessChangeComplete={brightness => {
+                    state.singleActions = {
+                      ...state.singleActions,
+                      brightness
+                    }
+                    state.flag = Symbol()
+                  }} />
+                <Spacer height={cx(10)} />
+              </>}
+            </Card></>}
+          <Spacer />
+          <Card>
+            <LdvSwitch
+              title={I18n.getLang(props.isCeilingLight ? 'light_sources_tile_sec_lighting_headline' : 'light_sources_tile_tw_lighting_headline')}
+              color={getColorBlockColor()}
+              colorAlpha={1}
+              enable={state.singleActions.enable}
+              setEnable={(enable: boolean) => {
+                state.singleActions = {
+                  ...state.singleActions,
+                  enable
+                }
+                props.changeSkillEnable(props.isCeilingLight ? props.dps[1]?.dpId : props.dps[0].dpId, enable)
+                state.flag = Symbol()
+              }} />
+            {state.singleActions.enable && <LampSwitchCard
+              lampTabs={tabList}
+              onColorDiskChange={(color, idx) => {
+                state.singleActions = {
+                  ...state.singleActions,
+                  colors: color,
+                  colorDiskActiveKey: idx
+                }
+                state.flag = Symbol()
+              }}
+              colorDiskActiveKey={state.singleActions.colorDiskActiveKey || 0}
+              activeKey={state.singleActions.activeKey}
+              onActiveKeyChange={(v) => {
+                state.singleActions = {
+                  ...state.singleActions,
+                  activeKey: Number(v)
+                }
+                state.flag = Symbol()
+              }}
+              isSupportTemperature={!!props.isSupportTemperature && !props.isCeilingLight}
+              isSupportBrightness={!!props.isSupportBrightness && !props.isCeilingLight}
+              h={state.singleActions.h} s={state.singleActions.s} v={state.singleActions.v}
+              onHSVChange={() => { }}
+              onHSVChangeComplete={async (h, s, v) => {
+                state.singleActions = {
+                  ...state.singleActions,
+                  h,
+                  s,
+                  v
+                }
+                state.flag = Symbol()
+              }}
+              colorTemp={state.singleActions.temperature}
+              brightness={state.singleActions.brightness}
+              onCCTChange={() => { }}
+              onCCTChangeComplete={(temperature) => {
+                state.singleActions = {
+                  ...state.singleActions,
+                  temperature
+                }
+                state.flag = Symbol()
+              }}
+              onBrightnessChange={() => { }}
+              onBrightnessChangeComplete={brightness => {
+                state.singleActions = {
+                  ...state.singleActions,
+                  brightness
+                }
+                state.flag = Symbol()
+              }}
+            />}
+          </Card>
+        </>
+      )
+    }
+    if (props.isMixRGBWLamp) {
+      return (
+        <MixLightView
+          mixActions={state.mixActions}
+          setSendDps={props.setSendDps}
+        />
+      )
+    }
+    return (
+      props.dps.map((item) => (
+        <View key={item.dpId}>
+          <SingleLightView
+            singleActions={state.singleActions}
+            dp={item}
+            dpCodes={props.dpCodes}
+            scheduleItem={props.scheduleItem}
+            setSendDps={props.setSendDps}
+            setEnable={props.changeSkillEnable}
+            isSupportMode={props.isSupportMode}
+            isSupportColor={props.isSupportColor}
+            isSupportBrightness={props.isSupportBrightness}
+            isSupportTemperature={props.isSupportTemperature}
+          />
+        </View>
+      ))
+    )
+
+  }
+  return (
+    <View>
+      {renderContent()}
+    </View>
+  )
+}
+
 export default memo(ManualSetting)

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

@@ -1,11 +1,11 @@
-import { ScheduleItemDp } from "./TimeScheduleEditpage";
-interface MoodSettingProps {
-    actionScene: any;
-    scheduleItem: any;
-    dps: ScheduleItemDp[];
-    dpCodes: Record<string, string>;
-    setSendDps: (actions: any, type: string) => void;
-    changeSkillEnable: (dpId: string, enable: boolean) => void;
-}
-declare const MoodSetting: (props: MoodSettingProps) => any;
-export default MoodSetting;
+import { ScheduleItemDp } from "./TimeScheduleEditpage";
+interface MoodSettingProps {
+    actionScene: any;
+    scheduleItem: any;
+    dps: ScheduleItemDp[];
+    dpCodes: Record<string, string>;
+    setSendDps: (actions: any, type: string) => void;
+    changeSkillEnable: (dpId: string, enable: boolean) => void;
+}
+declare const MoodSetting: (props: MoodSettingProps) => any;
+export default MoodSetting;