@ledvance/ui-biz-bundle 1.1.59 → 1.1.62

package/src/newModules/biorhythm/BiorhythmActions.ts

@@ -0,0 +1,374 @@
+import {
+  BiorhythmBean,
+  BiorhythmGradientType,
+  BiorhythmGradientTypeMap,
+  BiorhythmGradientTypeMap2,
+  colorTemperatureValue,
+  colorTempPercent,
+  getDefRepeatPeriod,
+  Period,
+  Plan,
+  RemoteBiorhythmBean,
+} from './BiorhythmBean'
+import { useCallback, useEffect, useState } from 'react'
+import { NativeResult, Result } from '@ledvance/base/src/models/modules/Result'
+import { useDeviceId, useDp } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { getFeature, NativeApi, putFeature } from '@ledvance/base/src/api/native'
+import { hex2Int, spliceByStep } from '@ledvance/base/src/utils/common'
+import I18n from '@ledvance/base/src/i18n'
+import BiologicalRes from './res/BiologicalRes'
+import dayjs from 'dayjs'
+import { to16 } from '@tuya/tuya-panel-lamp-sdk/lib/utils'
+import { useUpdateEffect } from 'ahooks'
+
+type UseBiorhythmType = (dpKey: string, disabledFeature?: boolean) => [BiorhythmBean, SetBiorhythmType];
+type SetBiorhythmType = (biorhythmObj: BiorhythmBean, pushFeature?: boolean) => Promise<Result<any>>;
+let biorhythmTimer: undefined | number = undefined
+
+export const useBiorhythm: UseBiorhythmType = (dpKey: string, disabledFeature?: boolean) => {
+  const [dp, setDp] = useDp<string, (v: string) => any>(dpKey)
+  const deviceId = useDeviceId()
+  const [biorhythmState, setBiorhythmState] = useState(dp2Obj(dp))
+
+  const getBiorhythm = useCallback(() =>{
+    const biorhythm = dp2Obj(dp)
+    getRemoteBiorhythm(deviceId, biorhythm).then(res => {
+      if (res.success && res.data) {
+        setBiorhythmState(dto2Vo({
+          ...res.data,
+          enable: biorhythm.enable,
+          repeatPeriod: biorhythm.repeatPeriod.filter(r => r.enabled).map(r => r.index),
+          gradientWay: BiorhythmGradientTypeMap[biorhythm.gradient]
+        }))
+      }
+    })
+  }, [dp])
+
+  useEffect(() => {
+    if(disabledFeature) return 
+    biorhythmTimer = setTimeout(() =>{
+      getBiorhythm()
+    }, 250)
+
+    return () =>{
+      clearTimeout(biorhythmTimer)
+    }
+  }, [])
+
+  useUpdateEffect(() =>{
+    getBiorhythm()
+  }, [dp])
+
+  const setBiorhythmFn = async (biorhythmObj: BiorhythmBean, pushFeature: boolean = true) =>{
+    const dpValue = obj2Dp(biorhythmObj)
+    if(pushFeature){
+      const putFeatureRes = await putFeature(deviceId, biorhythmFeatureId, vo2Dto(biorhythmObj))
+      if (putFeatureRes.result) {
+        return setDp(dpValue)
+      }
+    }else{
+      return setDp(dpValue)
+    }
+    return { success: false }
+  }
+  return [biorhythmState, setBiorhythmFn]
+}
+
+const biorhythmFeatureId = 'Biorhythm'
+
+async function getRemoteBiorhythm(deviceId: string, defBiorhythmState: BiorhythmBean): Promise<Result<RemoteBiorhythmBean>> {
+  const res: NativeResult<RemoteBiorhythmBean> = await getFeature(deviceId, biorhythmFeatureId)
+  if (!res.data) {
+    const defData = vo2Dto(defBiorhythmState)
+    const pushRes = await putFeature(deviceId, biorhythmFeatureId, defData)
+    if (pushRes.result) {
+      return getRemoteBiorhythm(deviceId, defBiorhythmState)
+    }
+    return {
+      success: false,
+      msg: pushRes.msg,
+    }
+  }
+  return {
+    success: true,
+    data: res.data,
+  }
+}
+
+export const userOperation = async (deviceId: string, value: boolean) => {
+  const currentTime = dayjs().format('YYYY-MM-DD')
+  const json = JSON.stringify({ status: value, suspendTime: value && currentTime || '' })
+  return await NativeApi.putJson(deviceId, 'suspendTime', json)
+}
+
+export function dp2Obj(dp: string): BiorhythmBean {
+  if (!dp || dp === '0000000000') {
+    return dp2Obj('0000007f0501060000000000000001061e00000000141901090000000000646401140000000000503201171e000000000000')
+  }
+  let dpCopy = dp
+  // 版本
+  hex2Int(dpCopy.slice(0, 2))
+  dpCopy = dpCopy.slice(2)
+  // 开关
+  const enable = hex2Int(dpCopy.slice(0, 2)) === 1
+  dpCopy = dpCopy.slice(2)
+  // 模式：00 全程渐变，0F 直接渐变
+  const gradient =
+    dpCopy.slice(0, 2).toLowerCase() === '00'
+      ? BiorhythmGradientType.EntireGradient
+      : BiorhythmGradientType.DirectGradient
+  dpCopy = dpCopy.slice(2)
+  // 重复周期
+  const repeatPeriod: Period[] = hex2Int(dpCopy.slice(0, 2))
+    .toString(2)
+    .padStart(7, '0')
+    .split('')
+    .reverse()
+    .map((p, index) => {
+      return {
+        index: index === 0 ? 7 : index,
+        title: getRepeatPeriodTitleByIndex(index),
+        enabled: p === '1',
+      }
+    })
+  dpCopy = dpCopy.slice(2)
+  // 节点个数 (每个节点长度18)，最多8个节点
+  hex2Int(dpCopy.slice(0, 2))
+  dpCopy = dpCopy.slice(2)
+  // 节点列表
+  const planList: Plan[] = dpCopy === '00' ? [] : spliceByStep(dpCopy, 18).map((planHex, index) => {
+    let hex = planHex
+    // 节点开关
+    const enable = hex2Int(hex.slice(0, 2)) === 1
+    hex = hex.slice(2)
+    // 小时
+    const hour = hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    // 分钟
+    const minute = hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    const time = hour * 60 + minute
+    // 色调 (色相)
+    hex2Int(hex.slice(0, 4))
+    hex = hex.slice(4)
+    // 饱和度
+    hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    // 明度
+    hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    // 亮度
+    const brightness = hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    // 色温
+    const colorTemperature = hex2Int(hex.slice(0, 2))
+    return {
+      index,
+      enable,
+      icon: getNodeIconByIndex(index).icon,
+      iconId: getNodeIconByIndex(index).iconId,
+      time,
+      name: getNodeNameByIndex(index),
+      colorTemperature,
+      brightness,
+      action: [
+        {
+          uri: 'model/attribute/set/LightCtrl/ColorTemperature',
+          startValue: `${colorTemperatureValue(colorTemperature)}`,
+        },
+        {
+          uri: 'model/attribute/set/LightCtrl/Brightness',
+          startValue: `${brightness}`,
+        },
+      ],
+    }
+  })
+  return {
+    enable: enable,
+    gradient: gradient,
+    repeatPeriod: repeatPeriod,
+    planList: planList,
+  }
+}
+
+function getNodeNameByIndex(index: number): string {
+  switch (index) {
+    case 0:
+      return I18n.getLang('bio_ryhthm_default_field_text')
+    case 1:
+      return I18n.getLang('bio_ryhthm_default_field_text2')
+    case 2:
+      return I18n.getLang('bio_ryhthm_default_field_text3')
+    case 3:
+      return I18n.getLang('bio_ryhthm_default_field_text4')
+    case 4:
+      return I18n.getLang('bio_ryhthm_default_field_text5')
+    default:
+      return `Node ${index + 1}`
+  }
+}
+
+interface NodeIcon {
+  icon: string
+  iconId: number
+}
+
+function getNodeIconByIndex(index: number): NodeIcon {
+  switch (index) {
+    case 0:
+      return {
+        icon: BiologicalRes.rhythm_icon1,
+        iconId: 1
+      }
+    case 1:
+      return {
+        icon: BiologicalRes.rhythm_icon2,
+        iconId: 2
+      }
+    case 2:
+      return {
+        icon: BiologicalRes.rhythm_icon3,
+        iconId: 9
+      }
+    case 3:
+      return {
+        icon: BiologicalRes.rhythm_icon4,
+        iconId: 3
+      }
+    case 4:
+      return {
+        icon: BiologicalRes.rhythm_icon12,
+        iconId: 5
+      }
+    case 5:
+      return {
+        icon: BiologicalRes.rhythm_icon1,
+        iconId: 1
+      }
+    case 6:
+      return {
+        icon: BiologicalRes.rhythm_icon2,
+        iconId: 2
+      }
+    case 7:
+      return {
+        icon: BiologicalRes.rhythm_icon3,
+        iconId: 9
+      }
+    default:
+      return {
+        icon: BiologicalRes.rhythm_icon1,
+        iconId: 1
+      }
+  }
+}
+
+function getRepeatPeriodTitleByIndex(index: number): string {
+  let title = ''
+  switch (index) {
+    case 0:
+      title = I18n.getLang('bio_ryhthm_default_weekday7_text')
+      break
+    case 1:
+      title = I18n.getLang('bio_ryhthm_default_weekday1_text')
+      break
+    case 2:
+      title = I18n.getLang('bio_ryhthm_default_weekday2_text')
+      break
+    case 3:
+      title = I18n.getLang('bio_ryhthm_default_weekday3_text')
+      break
+    case 4:
+      title = I18n.getLang('bio_ryhthm_default_weekday4_text')
+      break
+    case 5:
+      title = I18n.getLang('bio_ryhthm_default_weekday5_text')
+      break
+    case 6:
+      title = I18n.getLang('bio_ryhthm_default_weekday6_text')
+      break
+  }
+  return title
+}
+
+function obj2Dp(obj: BiorhythmBean): string {
+  const versionHex = '00'
+  const enableHex = obj.enable ? '01' : '00'
+  const gradientHex = obj.gradient === BiorhythmGradientType.EntireGradient ? '00' : '0F'
+  const repeatPeriodHex = parseInt(
+    obj.repeatPeriod
+      .map(p => (p.enabled ? '1' : '0'))
+      .reverse()
+      .join(''),
+    2,
+  )
+    .toString(16)
+    .padStart(2, '0')
+  const planCountHex = obj.planList.length.toString(16).padStart(2, '0')
+  const planListHex = obj.planList
+    .map(plan => {
+      const enableHex = plan.enable ? '01' : '00'
+      const hourHex = to16(Math.trunc(plan.time / 60))
+      const minuteHex = to16(plan.time % 60)
+      const hsvHex = '00000000'
+      const brightnessHex = plan.brightness.toString(16).padStart(2, '0')
+      const colorTemperatureHex = plan.colorTemperature.toString(16).padStart(2, '0')
+      return enableHex + hourHex + minuteHex + hsvHex + brightnessHex + colorTemperatureHex
+    })
+    .join('')
+  return versionHex + enableHex + gradientHex + repeatPeriodHex + planCountHex + planListHex
+}
+
+/**
+ * BiorhythmBean 转 RemoteBiorhythmBean
+ */
+function vo2Dto(biorhythmBean: BiorhythmBean): RemoteBiorhythmBean {
+  return {
+    enable: biorhythmBean.enable,
+    repeatPeriod: biorhythmBean.repeatPeriod.filter(r => r.enabled).map(r => r.index),
+    gradientWay: BiorhythmGradientTypeMap[biorhythmBean.gradient],
+    rhythmPlan: biorhythmBean.planList.map(plan => {
+      const hour = Math.trunc(plan.time / 60).toString().padStart(2, '0')
+      const min = (plan.time % 60).toString().padStart(2, '0')
+      return {
+        name: plan.name,
+        rhythmIcon: plan.icon,
+        enable: plan.enable,
+        startTime: `${hour}:${min}`,
+        sustain: plan.index, // 持续时间涂鸦这边没有，直接用来存ID
+        action: plan.action,
+        iconId: plan.iconId,
+      }
+    }),
+  }
+}
+
+/**
+ * RemoteBiorhythmBean 转 BiorhythmBean
+ */
+function dto2Vo(remoteBiorhythmBean: RemoteBiorhythmBean): BiorhythmBean {
+  return {
+    enable: remoteBiorhythmBean.enable,
+    repeatPeriod: getDefRepeatPeriod().map(repeatItem => {
+      return {
+        ...repeatItem,
+        enabled: remoteBiorhythmBean.repeatPeriod.includes(repeatItem.index),
+      }
+    }),
+    gradient: BiorhythmGradientTypeMap2[remoteBiorhythmBean.gradientWay],
+    planList: remoteBiorhythmBean.rhythmPlan.map(plan => {
+      const startTime = plan.startTime.split(':')
+      return {
+        index: plan.sustain,
+        enable: plan.enable,
+        icon: plan.rhythmIcon,
+        time: Number(startTime[0]) * 60 + Number(startTime[1]),
+        name: plan.name,
+        colorTemperature: colorTempPercent(parseInt(plan.action[0].startValue)),
+        brightness: parseInt(plan.action[1].startValue),
+        action: plan.action,
+        iconId: plan.iconId,
+      }
+    }),
+  }
+}

package/src/newModules/biorhythm/BiorhythmBean.ts

@@ -0,0 +1,230 @@
+import I18n from '@ledvance/base/src/i18n'
+import BiologicalRes from './res/BiologicalRes'
+
+export enum BiorhythmGradientType {
+  // 全程渐变
+  EntireGradient,
+  // 直接渐变
+  DirectGradient,
+}
+
+export const BiorhythmGradientTypeMap = {
+  [BiorhythmGradientType.EntireGradient]: 'entireGradient',
+  [BiorhythmGradientType.DirectGradient]: 'directGradient',
+}
+
+export const BiorhythmGradientTypeMap2 = {
+  entireGradient: BiorhythmGradientType.EntireGradient,
+  directGradient: BiorhythmGradientType.DirectGradient,
+}
+
+export interface BiorhythmBean {
+  enable: boolean;
+  repeatPeriod: Period[];
+  gradient: BiorhythmGradientType;
+  planList: Plan[];
+}
+
+export interface Plan {
+  index: number;
+  enable: boolean;
+  icon: string;
+  time: number;
+  name: string;
+  colorTemperature: number;
+  brightness: number;
+  action: Action[];
+  iconId?: any;
+}
+
+export interface Action {
+  uri: string;
+  startValue: string;
+}
+
+export interface Period {
+  index: number;
+  title: string;
+  enabled: boolean;
+}
+
+export function colorTemperatureValue(percentageValue) {
+  // 38 = (6500 - 2700) / 100
+  return 2700 + 38 * percentageValue
+}
+
+export function colorTempPercent(colorTemp: number): number {
+  return Math.round((colorTemp - 2700) / 38)
+}
+
+export function getDefBiorhythmUIState(): BiorhythmBean {
+  const icon1 = BiologicalRes.biorhythom_Icon1
+  const icon12 = BiologicalRes.biorhythom_Icon3
+  const icon2 = BiologicalRes.biorhythom_Icon5
+  const icon3 = BiologicalRes.biorhythom_Icon2
+  const icon4 = BiologicalRes.biorhythom_Icon9
+  return {
+    enable: false, // 生物节律默认为关
+    repeatPeriod: getDefRepeatPeriod(),
+    gradient: BiorhythmGradientType.EntireGradient,
+    planList: [
+      {
+        index: 0,
+        icon: icon1,
+        time: 360,
+        name: I18n.getLang('bio_ryhthm_default_field_text'),
+        colorTemperature: 0,
+        brightness: 0,
+        action: [
+          {
+            uri: 'model/attribute/set/LightCtrl/ColorTemperature',
+            startValue: `${colorTemperatureValue(0)}`,
+          },
+          {
+            uri: 'model/attribute/set/LightCtrl/Brightness',
+            startValue: '0',
+          },
+        ],
+        enable: true,
+        iconId: 1,
+      },
+      {
+        index: 1,
+        icon: icon12,
+        time: 420,
+        name: I18n.getLang('bio_ryhthm_default_field_text2'),
+        colorTemperature: 25,
+        brightness: 20,
+        action: [
+          {
+            uri: 'model/attribute/set/LightCtrl/ColorTemperature',
+            startValue: `${colorTemperatureValue(25)}`,
+          },
+          {
+            uri: 'model/attribute/set/LightCtrl/Brightness',
+            startValue: '20',
+          },
+        ],
+        enable: true,
+        iconId: 5,
+      },
+      {
+        index: 2,
+        icon: icon2,
+        time: 540,
+        name: I18n.getLang('bio_ryhthm_default_field_text3'),
+        colorTemperature: 100,
+        brightness: 100,
+        action: [
+          {
+            uri: 'model/attribute/set/LightCtrl/ColorTemperature',
+            startValue: `${colorTemperatureValue(100)}`,
+          },
+          {
+            uri: 'model/attribute/set/LightCtrl/Brightness',
+            startValue: '100',
+          },
+        ],
+        enable: true,
+        iconId: 2,
+      },
+      {
+        index: 3,
+        icon: icon3,
+        time: 1200,
+        name: I18n.getLang('bio_ryhthm_default_field_text4'),
+        colorTemperature: 50,
+        brightness: 80,
+        action: [
+          {
+            uri: 'model/attribute/set/LightCtrl/ColorTemperature',
+            startValue: `${colorTemperatureValue(50)}`,
+          },
+          {
+            uri: 'model/attribute/set/LightCtrl/Brightness',
+            startValue: '80',
+          },
+        ],
+        enable: true,
+        iconId: 9,
+      },
+      {
+        index: 4,
+        icon: icon4,
+        time: 1410,
+        name: I18n.getLang('bio_ryhthm_default_field_text5'),
+        colorTemperature: 0,
+        brightness: 0,
+        action: [
+          {
+            uri: 'model/attribute/set/LightCtrl/ColorTemperature',
+            startValue: `${colorTemperatureValue(0)}`,
+          },
+          {
+            uri: 'model/attribute/set/LightCtrl/Brightness',
+            startValue: '0',
+          },
+        ],
+        enable: true,
+        iconId: 3,
+      },
+    ],
+  }
+}
+
+export function getDefRepeatPeriod(): Period[] {
+  return [
+    {
+      index: 7,
+      title: I18n.getLang('bio_ryhthm_default_weekday7_text'),
+      enabled: true,
+    },
+    {
+      index: 1,
+      title: I18n.getLang('bio_ryhthm_default_weekday1_text'),
+      enabled: true,
+    },
+    {
+      index: 2,
+      title: I18n.getLang('bio_ryhthm_default_weekday2_text'),
+      enabled: true,
+    },
+    {
+      index: 3,
+      title: I18n.getLang('bio_ryhthm_default_weekday3_text'),
+      enabled: true,
+    },
+    {
+      index: 4,
+      title: I18n.getLang('bio_ryhthm_default_weekday4_text'),
+      enabled: true,
+    },
+    {
+      index: 5,
+      title: I18n.getLang('bio_ryhthm_default_weekday5_text'),
+      enabled: true,
+    },
+    {
+      index: 6,
+      title: I18n.getLang('bio_ryhthm_default_weekday6_text'),
+      enabled: true,
+    },
+  ]
+}
+
+export interface RemoteBiorhythmBean {
+  enable: boolean;
+  repeatPeriod: number[];
+  gradientWay: string;
+  rhythmPlan: RemoteBiorhythmPlan[];
+}
+
+interface RemoteBiorhythmPlan {
+  iconId: any;
+  name: string;
+  rhythmIcon: string;
+  enable: boolean;
+  startTime: string;
+  sustain: number; // 持续时间涂鸦这边没有，直接用来存ID
+  action: Action[];
+}