@ledvance/ui-biz-bundle 1.1.67 → 1.1.69

package/src/modules/scene/SceneAction.ts

@@ -1,473 +1,473 @@
-import { NativeResult, Result } from '@ledvance/base/src/models/modules/Result'
-import {
-  getDefSceneList,
-  getDefFantasyScene,
-  RemoteSceneInfo,
-  SceneInfo,
-  SceneNodeInfo,
-  SceneNodeTransitionMode,
-  SceneUIState,
-  StripSceneUIState,
-  StripSceneInfo,
-  StripNodeInfo,
-} from './SceneInfo'
-import { getFeature, putFeature, NativeApi } from '@ledvance/base/src/api/native'
-import { setSceneDp } from '../../hooks/DeviceDpStateHooks'
-import { hex2Int, spliceByStep } from '@ledvance/base/src/utils/common'
-import { asyncSetDps, useDp, useDps } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import { Dispatch, useState } from 'react'
-import { useUpdateEffect } from 'ahooks'
-import { useDispatch } from 'react-redux'
-import res from '@ledvance/base/src/res'
-import { SCENE } from '../../hooks/DeviceDpStateHooks'
-import { Utils } from '@tuya/tuya-panel-lamp-sdk'
-import { parseJSON } from '@tuya/tuya-panel-lamp-sdk/lib/utils'
-const { nToHS, toFixed, sToN } = Utils
-type SetRemoteSceneListType = (
-  deviceId: string,
-  remoteSceneList: RemoteSceneInfo[],
-) => Promise<Result<any>>;
-const SceneFeatureId = 'SimplifyScene'
-
-export const setRemoteSceneList: SetRemoteSceneListType = async (
-  deviceId: string,
-  remoteSceneList: RemoteSceneInfo[],
-) => {
-  const res = await putFeature(deviceId, SceneFeatureId, remoteSceneList)
-  return {
-    success: res.result,
-    msg: res.msg,
-    data: res.data,
-  }
-}
-
-interface LampParams {
-  isRGBWLamp?: boolean
-  isRGBLamp?: boolean
-  isOnlyRGBLamp?: boolean
-  isFanLamp?: boolean
-  isTWLamp?: boolean
-  isDIMLamp?: boolean
-}
-
-export async function getRemoteSceneList(
-  deviceId: string,
-  lampParams?: LampParams,
-  isUVCFan?: boolean
-): Promise<Result<SceneUIState[]>> {
-  const res: NativeResult<RemoteSceneInfo[]> = await getFeature(deviceId, SceneFeatureId)
-  if (!res.result) {
-    return { success: false }
-  }
-  if (!(!!res.data)) {
-    const res = await setRemoteSceneList(deviceId, getDefSceneList(
-      lampParams?.isRGBWLamp,
-      lampParams?.isRGBLamp,
-      lampParams?.isOnlyRGBLamp,
-      lampParams?.isFanLamp,
-      lampParams?.isTWLamp,
-      lampParams?.isDIMLamp,
-    ))
-    if (res.success) {
-      return getRemoteSceneList(deviceId)
-    }
-    return { success: false }
-  }
-  return {
-    success: true,
-    data: res.data.map((item, index) => remoteSceneInfo2SceneUIState(item, index, !!lampParams?.isFanLamp, isUVCFan)),
-  }
-}
-
-function remoteSceneInfo2SceneUIState(
-  remoteSceneInfo: RemoteSceneInfo,
-  index: number,
-  isFanLamp: boolean,
-  isUVCFan?: boolean
-): SceneUIState {
-  const sceneInfo = dp2Obj(remoteSceneInfo.i, isFanLamp, isUVCFan)
-  return {
-    id: sceneInfo.id,
-    fanEnable: sceneInfo.fanEnable,
-    fanSpeed: sceneInfo.fanSpeed,
-    name: remoteSceneInfo.n,
-    image: getSceneImage(index),
-    nodes: sceneInfo.nodes,
-  }
-}
-
-export function dp2Obj(dp: string, isFan: boolean = false, isUVCFan?: boolean): SceneInfo {
-  let dpCopy = dp
-  let fanEnable = false
-  let fanSpeed = 0
-  const id = hex2Int(dpCopy.slice(0, 2))
-  dpCopy = dpCopy.slice(2)
-  if (isFan) {
-    fanEnable = hex2Int(dpCopy.slice(0, 2)) === 1
-    dpCopy = dpCopy.slice(2)
-    fanSpeed = hex2Int(dpCopy.slice(0, 2))
-    dpCopy = dpCopy.slice(2)
-  }
-  const nodes: SceneNodeInfo[] = spliceByStep(dpCopy, 26).map(nodeHex => {
-    let hex = nodeHex
-    const switchingInterval = isUVCFan ? 101 - hex2Int(hex.slice(0, 2)) : hex2Int(hex.slice(0, 2))
-    hex = hex.slice(2)
-    const transitionTime = isUVCFan ? 101 - hex2Int(hex.slice(0, 2)) : hex2Int(hex.slice(0, 2))
-    hex = hex.slice(2)
-    const transitionMode = hex2Int(hex.slice(0, 2))
-    hex = hex.slice(2)
-    const h = hex2Int(hex.slice(0, 4))
-    hex = hex.slice(4)
-    const s = Math.round(hex2Int(hex.slice(0, 4)) / 10)
-    hex = hex.slice(4)
-    const v = Math.round(hex2Int(hex.slice(0, 4)) / 10)
-    hex = hex.slice(4)
-    const brightness = Math.round(hex2Int(hex.slice(0, 4)) / 10)
-    hex = hex.slice(4)
-    const colorTemp = Math.round(hex2Int(hex.slice(0, 4)) / 10)
-    return {
-      switchingInterval,
-      transitionTime,
-      transitionMode,
-      h,
-      s,
-      v,
-      brightness,
-      colorTemp,
-      isColorNode: (h !== 0 || s !== 0 || v !== 0), // 色相/饱和度 不为0就是颜色节点
-    }
-  })
-  return isFan ? { id, fanEnable, fanSpeed, nodes } : { id, nodes }
-}
-
-function getSceneImage(index: number): string {
-  if (index === 0) {
-    return res.scene_goodnight
-  }
-  if (index === 1) {
-    return res.scene_reading
-  }
-  if (index === 2) {
-    return res.scene_work
-  }
-  if (index === 3) {
-    return res.scene_leisure
-  }
-  if (index === 4) {
-    return res.scene_custom1
-  }
-  if (index === 5) {
-    return res.scene_custom2
-  }
-  if (index === 6) {
-    return res.scene_work
-  }
-  if (index === 7) {
-    return res.scene_work
-  }
-  return ''
-}
-
-export function useScene(sceneDpCode: string): [
-  number,
-  (deviceId: string,
-    scene: SceneInfo,
-    sceneDpCode: string,
-    workModeDpKey: string,
-    switchDpCode: string,
-    isFanLamp: boolean,
-    isUVCFan?: boolean
-  ) => Promise<Result<any>>
-] {
-  const [dp] = useDp<string, any>(sceneDpCode)
-  const [sceneState, setSceneState] = useState<SceneInfo>(dp2Obj(dp))
-  useUpdateEffect(() => {
-    setSceneState(dp2Obj(dp))
-  }, [dp])
-  return [sceneState.id, setScene(useDispatch())]
-}
-
-const setScene = (dispatch: Dispatch<any>) => (
-  deviceId: string,
-  scene: SceneInfo,
-  sceneDpCode: string,
-  workModeDpKey: string,
-  switchDpCode: string,
-  isFanLamp: boolean,
-  isUVCFan?: boolean
-) =>
-  asyncSetDps(dispatch, async () => {
-    const dpValue = obj2Dp(scene, isFanLamp, isUVCFan)
-    const controlResult: any = await setSceneDp(
-      deviceId,
-      dpValue,
-      sceneDpCode,
-      workModeDpKey,
-      switchDpCode,
-    )
-    return {
-      result: { success: controlResult.result },
-      dps: { [workModeDpKey]: 'scene', [sceneDpCode]: dpValue },
-    }
-  })
-
-
-export function obj2Dp(scene: SceneInfo, isFan: boolean = false, isUVCFan?: boolean): string {
-  let fanEnableHex = ''
-  let fanSpeedHex = ''
-  const idHex = scene.id.toString(16).padStart(2, '0')
-  if (isFan) {
-    fanEnableHex = (scene.fanEnable ? 1 : 0).toString(16).padStart(2, '0')
-    fanSpeedHex = (scene.fanSpeed || 1).toString(16).padStart(2, '0')
-  }
-  const hex = idHex + fanEnableHex + fanSpeedHex + scene.nodes?.map(node => {
-    const switchingIntervalHex = (isUVCFan ? 101 - node.switchingInterval : node.switchingInterval).toString(16).padStart(2, '0')
-    const transitionTimeHex = (isUVCFan ? 101 - node.transitionTime : node.transitionTime).toString(16).padStart(2, '0')
-    const transitionModeHex = node.transitionMode.toString(16).padStart(2, '0')
-    const hHex = node.h.toString(16).padStart(4, '0')
-    const sHex = (node.s * 10).toString(16).padStart(4, '0')
-    const vHex = (node.v * 10).toString(16).padStart(4, '0')
-    const brightnessHex = (node.brightness * 10).toString(16).padStart(4, '0')
-    const colorTempHex = (node.colorTemp * 10).toString(16).padStart(4, '0')
-    return switchingIntervalHex + transitionTimeHex + transitionModeHex + hHex + sHex + vHex + brightnessHex + colorTempHex
-  }).join('')
-  return hex
-}
-
-
-export async function saveScene(
-  deviceId: string,
-  scene: SceneUIState,
-  transitionMode: SceneNodeTransitionMode,
-  transitionTime: number,
-  scenes: SceneUIState[],
-  isFanLamp: boolean,
-  isUVCFan?: boolean
-) {
-  if (transitionMode === SceneNodeTransitionMode.Static) {
-    scene.nodes = [scene.nodes[0]]
-  }
-  scene.nodes.forEach(node => {
-    node.transitionMode = transitionMode
-    node.transitionTime = transitionTime
-    node.switchingInterval = transitionTime
-    if (node.isColorNode) {
-      node.brightness = 0;
-      node.colorTemp = 0;
-    } else {
-      node.h = 0
-      node.s = 0
-      node.v = 0
-    }
-  })
-  const newScenes: RemoteSceneInfo[] = scenes.map(s => {
-    const sceneTemp = s.id === scene.id ? scene : s
-    return {
-      n: sceneTemp.name,
-      i: obj2Dp(sceneTemp, isFanLamp, isUVCFan),
-      s: '',
-      t: 0,
-      e: false,
-    }
-  })
-  return await setRemoteSceneList(deviceId, newScenes)
-}
-
-const getDefaultScene = () => {
-  return {
-    version: 0,
-    // 场景号
-    id: -1,
-    // 变化方式
-    mode: 0,
-    // 速度
-    speed: 0,
-    // 段落 0 全段, 1 分段
-    segmented: 0,
-    // 循环 0 不循环, 1 循环
-    loop: 0,
-    // 过渡 0 不过渡, 1 过渡
-    excessive: 0,
-    // 拓展 other
-    expand: 0,
-    // 方向 0 顺时针方向, 1 逆时针方向
-    direction: 0,
-    // 设置 目前灯用不上
-    reserved1: 0,
-    reserved2: 0,
-    nodes: []
-  }
-}
-
-export function stripDp2Obj(dp: string, isStringLight: boolean = false): StripSceneInfo {
-  if (!dp) return getDefaultScene()
-  const version = hex2Int(dp.slice(0, 2))
-  const id = hex2Int(dp.slice(2, 4))
-  const mode = hex2Int(dp.slice(4, 6))
-  const intervalTime = hex2Int(dp.slice(6, 8))
-  const changeTime = hex2Int(dp.slice(8, 10))
-  const speed = intervalTime || changeTime
-  const optionA = hex2Int(dp.slice(10, 12)).toString(2).padStart(8, '0')
-  const segmented = sToN(optionA.slice(0,1), 2)
-  const loop = sToN(optionA.slice(1,2), 2)
-  const excessive = sToN(optionA.slice(2,3), 2)
-  const direction = sToN(optionA.slice(3,4), 2)
-  const expand = sToN(optionA.slice(4,6), 2)
-  const reserved1 = sToN(optionA.slice(6,7), 2)
-  const reserved2 = sToN(optionA.slice(7,8), 2)
-  // 这两个目前灯具用不上
-  // const optionB = toN(dp.slice(12, 14))
-  // const optionC = toN(dp.slice(14, 16))
-  let nodes = [] as StripNodeInfo[]
-  if(isStringLight){
-    nodes = spliceByStep(dp.slice(16, dp.length), 16).map(nodeHex => {
-      const v = hex2Int(nodeHex.slice(0, 2))
-      const h = hex2Int(nodeHex.slice(2, 6))
-      const s = hex2Int(nodeHex.slice(6, 8))
-      const brightness = hex2Int(nodeHex.slice(8, 12)) / 10
-      const colorTemp = hex2Int(nodeHex.slice(12, 16)) / 10
-      const isColorNode = v > 0 && brightness === 0
-      return { h, s, v, brightness, colorTemp, isColorNode }
-    })
-  }else{
-    const bright = hex2Int(dp.slice(16, 18))
-    nodes = spliceByStep(dp.slice(18, dp.length), 6).map(nodeHex => {
-      const h = hex2Int(nodeHex.slice(0, 4))
-      const s = hex2Int(nodeHex.slice(4, 6))
-      const v = bright
-      const brightness = 0
-      const colorTemp = 0
-      const isColorNode = true
-      return { h, s, v, brightness, colorTemp, isColorNode }
-    })
-  }
-  
-  return {
-    version,
-    id,
-    mode,
-    speed,
-    direction,
-    segmented,
-    loop,
-    excessive,
-    expand,
-    reserved1,
-    reserved2,
-    nodes
-  }
-}
-
-export function stripObj2Dp(scene: StripSceneInfo, isStringLight: boolean = false) {
-  const {
-    expand = 0,
-    reserved1 = 0,
-    reserved2 = 0,
-    // mixedIds = [],
-    segmented = 0,
-    loop = 0,
-    excessive = 0,
-    direction = 0,
-    nodes
-  } = scene
-  const versionHex = nToHS(scene.version)
-  const idHex = nToHS(scene.id)
-  const modeHex = nToHS(scene.mode)
-  const intervalTimeHex = nToHS(scene.speed)
-  const changeTimeHex = nToHS(scene.speed)
-  const optionAHex = nToHS(
-    parseInt(
-      `${segmented}${loop}${excessive}${direction}${toFixed(
-        expand.toString(2),
-        2
-      )}${reserved1}${reserved2}`,
-      2
-    )
-  );
-  const optionBHex = nToHS(0)
-  const optionCHex = nToHS(0)
-  let nodeHex = ''
-  if(isStringLight){
-    nodeHex = nodes.map(node => {
-      return `${nToHS(node.v)}${nToHS(node.h, 4)}${nToHS(node.s)}${nToHS(node.brightness * 10, 4)}${nToHS(node.colorTemp * 10, 4)}`
-    }).join('')
-  }else{
-    const brightHex = nToHS(nodes[0].v)
-    nodeHex = brightHex + nodes.map(node => {
-      return `${nToHS(node.h, 4)}${nToHS(node.s)}`
-    }).join('')
-  }
-  
-  return versionHex + idHex + modeHex + intervalTimeHex + changeTimeHex + optionAHex + optionBHex + optionCHex + nodeHex
-}
-
-export function useFantasyScene(sceneDp: string, workModeDp: string, switchDp: string, isStringLight?: boolean): [number, (scene: StripSceneInfo) => Promise<Result<any>>] {
-  const [dps, setDps]: [any, (v: any) => Promise<Result<any>>] = useDps()
-  const dp = dps[sceneDp]
-  const [sceneState, setSceneState] = useState<StripSceneInfo>(stripDp2Obj(dp, isStringLight))
-
-  useUpdateEffect(() => {
-    setSceneState(stripDp2Obj(dp, isStringLight))
-  }, [dp])
-
-  const setFantasyScene = (scene: StripSceneInfo) => {
-    const sceneHex = stripObj2Dp(scene, isStringLight)
-    return setDps({
-      [sceneDp]: sceneHex,
-      [workModeDp]: SCENE,
-      [switchDp]: true
-    })
-  }
-  return [sceneState.id, setFantasyScene]
-}
-
-type LampType = {
-  isStringLight?: boolean
-  isStripLight?: boolean
-}
-export async function getRemoteFantasyScene(featureId: string, devId: string, lampType: LampType) {
-  const res = await NativeApi.getJson(devId, featureId)
-  const isNormalData = Array.isArray(parseJSON(res?.data))
-  if (res.success && isNormalData) {
-    return {
-      success: true,
-      data: JSON.parse(res.data)?.map(item => remoteFantasySceneInfo2SceneUIState(item, lampType.isStringLight)),
-    }
-  } else {
-    if (res.msg?.includes('资源未找到') || !isNormalData) {
-      const defaultScene = getDefFantasyScene(lampType)
-      const res = await NativeApi.putJson(devId, featureId, JSON.stringify(defaultScene))
-      if (res.success) {
-        return {
-          success: true,
-          data: defaultScene.map(item => remoteFantasySceneInfo2SceneUIState(item, lampType.isStringLight))
-        }
-      }
-      return { success: false }
-    }
-    return { success: false }
-  }
-
-}
-
-function remoteFantasySceneInfo2SceneUIState(remoteScene: RemoteSceneInfo, isStringLight?: boolean): StripSceneUIState {
-  const stripSceneInfo = stripDp2Obj(remoteScene.i, isStringLight)
-  return {
-    ...stripSceneInfo,
-    name: remoteScene.n,
-    image: ''
-  }
-}
-
-export function saveFantasyScene(devId: string, featureId: string, scenes: StripSceneUIState[], isStringLight?: boolean) {
-  const newScenes: RemoteSceneInfo[] = scenes.map(s => {
-    return {
-      n: s.name,
-      i: stripObj2Dp(s, isStringLight),
-      s: '',
-      t: 0,
-      e: false,
-    }
-  })
-  return NativeApi.putJson(devId, featureId, JSON.stringify(newScenes))
-}
+import { NativeResult, Result } from '@ledvance/base/src/models/modules/Result'
+import {
+  getDefSceneList,
+  getDefFantasyScene,
+  RemoteSceneInfo,
+  SceneInfo,
+  SceneNodeInfo,
+  SceneNodeTransitionMode,
+  SceneUIState,
+  StripSceneUIState,
+  StripSceneInfo,
+  StripNodeInfo,
+} from './SceneInfo'
+import { getFeature, putFeature, NativeApi } from '@ledvance/base/src/api/native'
+import { setSceneDp } from '../../hooks/DeviceDpStateHooks'
+import { hex2Int, spliceByStep } from '@ledvance/base/src/utils/common'
+import { asyncSetDps, useDp, useDps } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { Dispatch, useState } from 'react'
+import { useUpdateEffect } from 'ahooks'
+import { useDispatch } from 'react-redux'
+import res from '@ledvance/base/src/res'
+import { SCENE } from '../../hooks/DeviceDpStateHooks'
+import { Utils } from '@tuya/tuya-panel-lamp-sdk'
+import { parseJSON } from '@tuya/tuya-panel-lamp-sdk/lib/utils'
+const { nToHS, toFixed, sToN } = Utils
+type SetRemoteSceneListType = (
+  deviceId: string,
+  remoteSceneList: RemoteSceneInfo[],
+) => Promise<Result<any>>;
+const SceneFeatureId = 'SimplifyScene'
+
+export const setRemoteSceneList: SetRemoteSceneListType = async (
+  deviceId: string,
+  remoteSceneList: RemoteSceneInfo[],
+) => {
+  const res = await putFeature(deviceId, SceneFeatureId, remoteSceneList)
+  return {
+    success: res.result,
+    msg: res.msg,
+    data: res.data,
+  }
+}
+
+interface LampParams {
+  isRGBWLamp?: boolean
+  isRGBLamp?: boolean
+  isOnlyRGBLamp?: boolean
+  isFanLamp?: boolean
+  isTWLamp?: boolean
+  isDIMLamp?: boolean
+}
+
+export async function getRemoteSceneList(
+  deviceId: string,
+  lampParams?: LampParams,
+  isUVCFan?: boolean
+): Promise<Result<SceneUIState[]>> {
+  const res: NativeResult<RemoteSceneInfo[]> = await getFeature(deviceId, SceneFeatureId)
+  if (!res.result) {
+    return { success: false }
+  }
+  if (!(!!res.data)) {
+    const res = await setRemoteSceneList(deviceId, getDefSceneList(
+      lampParams?.isRGBWLamp,
+      lampParams?.isRGBLamp,
+      lampParams?.isOnlyRGBLamp,
+      lampParams?.isFanLamp,
+      lampParams?.isTWLamp,
+      lampParams?.isDIMLamp,
+    ))
+    if (res.success) {
+      return getRemoteSceneList(deviceId)
+    }
+    return { success: false }
+  }
+  return {
+    success: true,
+    data: res.data.map((item, index) => remoteSceneInfo2SceneUIState(item, index, !!lampParams?.isFanLamp, isUVCFan)),
+  }
+}
+
+function remoteSceneInfo2SceneUIState(
+  remoteSceneInfo: RemoteSceneInfo,
+  index: number,
+  isFanLamp: boolean,
+  isUVCFan?: boolean
+): SceneUIState {
+  const sceneInfo = dp2Obj(remoteSceneInfo.i, isFanLamp, isUVCFan)
+  return {
+    id: sceneInfo.id,
+    fanEnable: sceneInfo.fanEnable,
+    fanSpeed: sceneInfo.fanSpeed,
+    name: remoteSceneInfo.n,
+    image: getSceneImage(index),
+    nodes: sceneInfo.nodes,
+  }
+}
+
+export function dp2Obj(dp: string, isFan: boolean = false, isUVCFan?: boolean): SceneInfo {
+  let dpCopy = dp
+  let fanEnable = false
+  let fanSpeed = 0
+  const id = hex2Int(dpCopy.slice(0, 2))
+  dpCopy = dpCopy.slice(2)
+  if (isFan) {
+    fanEnable = hex2Int(dpCopy.slice(0, 2)) === 1
+    dpCopy = dpCopy.slice(2)
+    fanSpeed = hex2Int(dpCopy.slice(0, 2))
+    dpCopy = dpCopy.slice(2)
+  }
+  const nodes: SceneNodeInfo[] = spliceByStep(dpCopy, 26).map(nodeHex => {
+    let hex = nodeHex
+    const switchingInterval = isUVCFan ? 101 - hex2Int(hex.slice(0, 2)) : hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    const transitionTime = isUVCFan ? 101 - hex2Int(hex.slice(0, 2)) : hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    const transitionMode = hex2Int(hex.slice(0, 2))
+    hex = hex.slice(2)
+    const h = hex2Int(hex.slice(0, 4))
+    hex = hex.slice(4)
+    const s = Math.round(hex2Int(hex.slice(0, 4)) / 10)
+    hex = hex.slice(4)
+    const v = Math.round(hex2Int(hex.slice(0, 4)) / 10)
+    hex = hex.slice(4)
+    const brightness = Math.round(hex2Int(hex.slice(0, 4)) / 10)
+    hex = hex.slice(4)
+    const colorTemp = Math.round(hex2Int(hex.slice(0, 4)) / 10)
+    return {
+      switchingInterval,
+      transitionTime,
+      transitionMode,
+      h,
+      s,
+      v,
+      brightness,
+      colorTemp,
+      isColorNode: (h !== 0 || s !== 0 || v !== 0), // 色相/饱和度 不为0就是颜色节点
+    }
+  })
+  return isFan ? { id, fanEnable, fanSpeed, nodes } : { id, nodes }
+}
+
+function getSceneImage(index: number): string {
+  if (index === 0) {
+    return res.scene_goodnight
+  }
+  if (index === 1) {
+    return res.scene_reading
+  }
+  if (index === 2) {
+    return res.scene_work
+  }
+  if (index === 3) {
+    return res.scene_leisure
+  }
+  if (index === 4) {
+    return res.scene_custom1
+  }
+  if (index === 5) {
+    return res.scene_custom2
+  }
+  if (index === 6) {
+    return res.scene_work
+  }
+  if (index === 7) {
+    return res.scene_work
+  }
+  return ''
+}
+
+export function useScene(sceneDpCode: string): [
+  number,
+  (deviceId: string,
+    scene: SceneInfo,
+    sceneDpCode: string,
+    workModeDpKey: string,
+    switchDpCode: string,
+    isFanLamp: boolean,
+    isUVCFan?: boolean
+  ) => Promise<Result<any>>
+] {
+  const [dp] = useDp<string, any>(sceneDpCode)
+  const [sceneState, setSceneState] = useState<SceneInfo>(dp2Obj(dp))
+  useUpdateEffect(() => {
+    setSceneState(dp2Obj(dp))
+  }, [dp])
+  return [sceneState.id, setScene(useDispatch())]
+}
+
+const setScene = (dispatch: Dispatch<any>) => (
+  deviceId: string,
+  scene: SceneInfo,
+  sceneDpCode: string,
+  workModeDpKey: string,
+  switchDpCode: string,
+  isFanLamp: boolean,
+  isUVCFan?: boolean
+) =>
+  asyncSetDps(dispatch, async () => {
+    const dpValue = obj2Dp(scene, isFanLamp, isUVCFan)
+    const controlResult: any = await setSceneDp(
+      deviceId,
+      dpValue,
+      sceneDpCode,
+      workModeDpKey,
+      switchDpCode,
+    )
+    return {
+      result: { success: controlResult.result },
+      dps: { [workModeDpKey]: 'scene', [sceneDpCode]: dpValue },
+    }
+  })
+
+
+export function obj2Dp(scene: SceneInfo, isFan: boolean = false, isUVCFan?: boolean): string {
+  let fanEnableHex = ''
+  let fanSpeedHex = ''
+  const idHex = scene.id.toString(16).padStart(2, '0')
+  if (isFan) {
+    fanEnableHex = (scene.fanEnable ? 1 : 0).toString(16).padStart(2, '0')
+    fanSpeedHex = (scene.fanSpeed || 1).toString(16).padStart(2, '0')
+  }
+  const hex = idHex + fanEnableHex + fanSpeedHex + scene.nodes?.map(node => {
+    const switchingIntervalHex = (isUVCFan ? 101 - node.switchingInterval : node.switchingInterval).toString(16).padStart(2, '0')
+    const transitionTimeHex = (isUVCFan ? 101 - node.transitionTime : node.transitionTime).toString(16).padStart(2, '0')
+    const transitionModeHex = node.transitionMode.toString(16).padStart(2, '0')
+    const hHex = node.h.toString(16).padStart(4, '0')
+    const sHex = (node.s * 10).toString(16).padStart(4, '0')
+    const vHex = (node.v * 10).toString(16).padStart(4, '0')
+    const brightnessHex = (node.brightness * 10).toString(16).padStart(4, '0')
+    const colorTempHex = (node.colorTemp * 10).toString(16).padStart(4, '0')
+    return switchingIntervalHex + transitionTimeHex + transitionModeHex + hHex + sHex + vHex + brightnessHex + colorTempHex
+  }).join('')
+  return hex
+}
+
+
+export async function saveScene(
+  deviceId: string,
+  scene: SceneUIState,
+  transitionMode: SceneNodeTransitionMode,
+  transitionTime: number,
+  scenes: SceneUIState[],
+  isFanLamp: boolean,
+  isUVCFan?: boolean
+) {
+  if (transitionMode === SceneNodeTransitionMode.Static) {
+    scene.nodes = [scene.nodes[0]]
+  }
+  scene.nodes.forEach(node => {
+    node.transitionMode = transitionMode
+    node.transitionTime = transitionTime
+    node.switchingInterval = transitionTime
+    if (node.isColorNode) {
+      node.brightness = 0;
+      node.colorTemp = 0;
+    } else {
+      node.h = 0
+      node.s = 0
+      node.v = 0
+    }
+  })
+  const newScenes: RemoteSceneInfo[] = scenes.map(s => {
+    const sceneTemp = s.id === scene.id ? scene : s
+    return {
+      n: sceneTemp.name,
+      i: obj2Dp(sceneTemp, isFanLamp, isUVCFan),
+      s: '',
+      t: 0,
+      e: false,
+    }
+  })
+  return await setRemoteSceneList(deviceId, newScenes)
+}
+
+const getDefaultScene = () => {
+  return {
+    version: 0,
+    // 场景号
+    id: -1,
+    // 变化方式
+    mode: 0,
+    // 速度
+    speed: 0,
+    // 段落 0 全段, 1 分段
+    segmented: 0,
+    // 循环 0 不循环, 1 循环
+    loop: 0,
+    // 过渡 0 不过渡, 1 过渡
+    excessive: 0,
+    // 拓展 other
+    expand: 0,
+    // 方向 0 顺时针方向, 1 逆时针方向
+    direction: 0,
+    // 设置 目前灯用不上
+    reserved1: 0,
+    reserved2: 0,
+    nodes: []
+  }
+}
+
+export function stripDp2Obj(dp: string, isStringLight: boolean = false): StripSceneInfo {
+  if (!dp) return getDefaultScene()
+  const version = hex2Int(dp.slice(0, 2))
+  const id = hex2Int(dp.slice(2, 4))
+  const mode = hex2Int(dp.slice(4, 6))
+  const intervalTime = hex2Int(dp.slice(6, 8))
+  const changeTime = hex2Int(dp.slice(8, 10))
+  const speed = intervalTime || changeTime
+  const optionA = hex2Int(dp.slice(10, 12)).toString(2).padStart(8, '0')
+  const segmented = sToN(optionA.slice(0,1), 2)
+  const loop = sToN(optionA.slice(1,2), 2)
+  const excessive = sToN(optionA.slice(2,3), 2)
+  const direction = sToN(optionA.slice(3,4), 2)
+  const expand = sToN(optionA.slice(4,6), 2)
+  const reserved1 = sToN(optionA.slice(6,7), 2)
+  const reserved2 = sToN(optionA.slice(7,8), 2)
+  // 这两个目前灯具用不上
+  // const optionB = toN(dp.slice(12, 14))
+  // const optionC = toN(dp.slice(14, 16))
+  let nodes = [] as StripNodeInfo[]
+  if(isStringLight){
+    nodes = spliceByStep(dp.slice(16, dp.length), 16).map(nodeHex => {
+      const v = hex2Int(nodeHex.slice(0, 2))
+      const h = hex2Int(nodeHex.slice(2, 6))
+      const s = hex2Int(nodeHex.slice(6, 8))
+      const brightness = hex2Int(nodeHex.slice(8, 12)) / 10
+      const colorTemp = hex2Int(nodeHex.slice(12, 16)) / 10
+      const isColorNode = v > 0 && brightness === 0
+      return { h, s, v, brightness, colorTemp, isColorNode }
+    })
+  }else{
+    const bright = hex2Int(dp.slice(16, 18))
+    nodes = spliceByStep(dp.slice(18, dp.length), 6).map(nodeHex => {
+      const h = hex2Int(nodeHex.slice(0, 4))
+      const s = hex2Int(nodeHex.slice(4, 6))
+      const v = bright
+      const brightness = 0
+      const colorTemp = 0
+      const isColorNode = true
+      return { h, s, v, brightness, colorTemp, isColorNode }
+    })
+  }
+  
+  return {
+    version,
+    id,
+    mode,
+    speed,
+    direction,
+    segmented,
+    loop,
+    excessive,
+    expand,
+    reserved1,
+    reserved2,
+    nodes
+  }
+}
+
+export function stripObj2Dp(scene: StripSceneInfo, isStringLight: boolean = false) {
+  const {
+    expand = 0,
+    reserved1 = 0,
+    reserved2 = 0,
+    // mixedIds = [],
+    segmented = 0,
+    loop = 0,
+    excessive = 0,
+    direction = 0,
+    nodes
+  } = scene
+  const versionHex = nToHS(scene.version)
+  const idHex = nToHS(scene.id)
+  const modeHex = nToHS(scene.mode)
+  const intervalTimeHex = nToHS(scene.speed)
+  const changeTimeHex = nToHS(scene.speed)
+  const optionAHex = nToHS(
+    parseInt(
+      `${segmented}${loop}${excessive}${direction}${toFixed(
+        expand.toString(2),
+        2
+      )}${reserved1}${reserved2}`,
+      2
+    )
+  );
+  const optionBHex = nToHS(0)
+  const optionCHex = nToHS(0)
+  let nodeHex = ''
+  if(isStringLight){
+    nodeHex = nodes.map(node => {
+      return `${nToHS(node.v)}${nToHS(node.h, 4)}${nToHS(node.s)}${nToHS(node.brightness * 10, 4)}${nToHS(node.colorTemp * 10, 4)}`
+    }).join('')
+  }else{
+    const brightHex = nToHS(nodes[0].v)
+    nodeHex = brightHex + nodes.map(node => {
+      return `${nToHS(node.h, 4)}${nToHS(node.s)}`
+    }).join('')
+  }
+  
+  return versionHex + idHex + modeHex + intervalTimeHex + changeTimeHex + optionAHex + optionBHex + optionCHex + nodeHex
+}
+
+export function useFantasyScene(sceneDp: string, workModeDp: string, switchDp: string, isStringLight?: boolean): [number, (scene: StripSceneInfo) => Promise<Result<any>>] {
+  const [dps, setDps]: [any, (v: any) => Promise<Result<any>>] = useDps()
+  const dp = dps[sceneDp]
+  const [sceneState, setSceneState] = useState<StripSceneInfo>(stripDp2Obj(dp, isStringLight))
+
+  useUpdateEffect(() => {
+    setSceneState(stripDp2Obj(dp, isStringLight))
+  }, [dp])
+
+  const setFantasyScene = (scene: StripSceneInfo) => {
+    const sceneHex = stripObj2Dp(scene, isStringLight)
+    return setDps({
+      [sceneDp]: sceneHex,
+      [workModeDp]: SCENE,
+      [switchDp]: true
+    })
+  }
+  return [sceneState.id, setFantasyScene]
+}
+
+type LampType = {
+  isStringLight?: boolean
+  isStripLight?: boolean
+}
+export async function getRemoteFantasyScene(featureId: string, devId: string, lampType: LampType) {
+  const res = await NativeApi.getJson(devId, featureId)
+  const isNormalData = Array.isArray(parseJSON(res?.data))
+  if (res.success && isNormalData) {
+    return {
+      success: true,
+      data: JSON.parse(res.data)?.map(item => remoteFantasySceneInfo2SceneUIState(item, lampType.isStringLight)),
+    }
+  } else {
+    if (res.msg?.includes('资源未找到') || !isNormalData) {
+      const defaultScene = getDefFantasyScene(lampType)
+      const res = await NativeApi.putJson(devId, featureId, JSON.stringify(defaultScene))
+      if (res.success) {
+        return {
+          success: true,
+          data: defaultScene.map(item => remoteFantasySceneInfo2SceneUIState(item, lampType.isStringLight))
+        }
+      }
+      return { success: false }
+    }
+    return { success: false }
+  }
+
+}
+
+function remoteFantasySceneInfo2SceneUIState(remoteScene: RemoteSceneInfo, isStringLight?: boolean): StripSceneUIState {
+  const stripSceneInfo = stripDp2Obj(remoteScene.i, isStringLight)
+  return {
+    ...stripSceneInfo,
+    name: remoteScene.n,
+    image: ''
+  }
+}
+
+export function saveFantasyScene(devId: string, featureId: string, scenes: StripSceneUIState[], isStringLight?: boolean) {
+  const newScenes: RemoteSceneInfo[] = scenes.map(s => {
+    return {
+      n: s.name,
+      i: stripObj2Dp(s, isStringLight),
+      s: '',
+      t: 0,
+      e: false,
+    }
+  })
+  return NativeApi.putJson(devId, featureId, JSON.stringify(newScenes))
+}