@ledvance/ui-biz-bundle 1.0.76 → 1.0.78

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/ui-biz-bundle",
   "pid": [],
   "uiid": "",
-  "version": "1.0.76",
+  "version": "1.0.78",
   "scripts": {},
   "dependencies": {
     "@ledvance/base": "^1.x",

package/src/modules/mood/FantasyMood.tsx

@@ -12,6 +12,7 @@ import Spacer from '@ledvance/base/src/components/Spacer'
 import FantasyMoodItem from './FantasyMoodItem'
 import { useNavigation, useRoute } from '@react-navigation/core'
 import { ui_biz_routerKey } from '../../navigation/Routers'
+import { SCENE, useWorkMode } from 'hooks/DeviceDpStateHooks'
 const cx = Utils.RatioUtils.convertX
 
 interface MoodPageUIState extends StripScenePageUIState {
@@ -41,6 +42,7 @@ const FantasyMoodPage = () => {
     ...routeParams,
   }
   const [sceneId, setScene] = useFantasyScene(params.sceneDpCode, params.workModeDpCode, params.isStringLight)
+  const [workMode] = useWorkMode(params.workModeDpCode)
   const deviceInfo = useDeviceInfo()
   const navigation = useNavigation()
 
@@ -81,8 +83,8 @@ const FantasyMoodPage = () => {
   }, [])
 
   const getSwitchEnable = useCallback((id: number) => {
-    return state.currentScene?.id === id
-  }, [state.currentScene?.id])
+    return state.currentScene?.id === id &&  workMode === SCENE
+  }, [state.currentScene?.id, workMode])
 
   return (
     <>

package/src/modules/music/MusicDataBean.ts

@@ -144,13 +144,13 @@ export type DreamMusicDataType = {
     {
       id: 4,
       mode: 0,
-      title: "Genre 5",
+      title: Strings.getLang('devicemusic_classical_text'),
       value: '0101020064320100006400006400786400f064003c6400b464012c64'
     },
     {
       id: 5,
       mode: 0,
-      title: "Genre 6",
+      title: Strings.getLang('devicemusic_techno_text'),
       value: '0101031064320100006400006400786400f064003c6400b464012c64000000'
     }
   ]

package/src/modules/scene/SceneAction.ts

@@ -272,8 +272,34 @@ export async function saveScene(
   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))

package/src/modules/scene/SceneInfo.ts

@@ -515,308 +515,308 @@ function getStringLightSceneList(): RemoteSceneInfo[] {
 function getStripLightSceneList(): RemoteSceneInfo[] {
   return [
     {
-      n: '冰岛蓝',
+      n: I18n.getLang('strip_lights_mood_text1'),
       i: '01150a5252e000006400c16100b43000b55200c463',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '冰川快车',
+      n: I18n.getLang('strip_lights_mood_text2'),
       i: '01160a64646000006400925f00c660',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '云海采景',
+      n: I18n.getLang('strip_lights_mood_text3'),
       i: '0117035e5e6000006400382f001e5c00d545011a64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '海上烟火',
+      n: I18n.getLang('strip_lights_mood_text4'),
       i: '0118026464e000006400b239010a64012d64013f64',
       s: '',
       t: 0,
       e: false
     },
     {
-      n: '雪中小屋',
+      n: I18n.getLang('strip_lights_mood_text5'),
       i: '01190a54546000006400b12c00c064',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '萤火之夜',
+      n: I18n.getLang('strip_lights_mood_text6'),
       i: '011a034b4be000006400e039010953',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '北境之国',
+      n: I18n.getLang('strip_lights_mood_text7'),
       i: '011b035f5f6000006400ae3900c45d00f964',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '绿草地',
+      n: I18n.getLang('strip_lights_mood_text8'),
       i: '011c0a5a5ae0000052009d64008e64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '北极光',
+      n: I18n.getLang('strip_lights_mood_text9'),
       i: '011d035252e000006400ae6400a66400c16400cc64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '晚秋',
+      n: I18n.getLang('strip_lights_mood_text10'),
       i: '011e0a5252e000006400196400225e002c5b001464000c64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '梦幻流行',
+      n: I18n.getLang('strip_lights_mood_text11'),
       i: '0147054d4d0000006401034500c143',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '初春',
+      n: I18n.getLang('strip_lights_mood_text12'),
       i: '014806323200000064014e41001f49',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '春游',
+      n: I18n.getLang('strip_lights_mood_text13'),
       i: '0149070e0e0000006400da37015241005c37',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '夜航',
+      n: I18n.getLang('strip_lights_mood_text14'),
       i: '014a0832320000006400f75000294f010d3800a327',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '风铃',
+      n: I18n.getLang('strip_lights_mood_text15'),
       i: '014b0932320000006401034500413a00254b005e42',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '城市之光',
+      n: I18n.getLang('strip_lights_mood_text16'),
       i: '014c0c32320000006400d84d00c143010345005c37',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '彩色弹珠',
+      n: I18n.getLang('strip_lights_mood_text17'),
       i: '014d0d323200000064002864005e4200c16400ff50',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '夏日列车',
+      n: I18n.getLang('strip_lights_mood_text18'),
       i: '014e0e323200000064003e5f00be5c',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '圣诞之夜',
+      n: I18n.getLang('strip_lights_mood_text19'),
       i: '014f0f19190000006400bc64002d4e00006400643c',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '幻海',
+      n: I18n.getLang('strip_lights_mood_text20'),
       i: '01501032320000006400e64700643c01194d00b839',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '游戏',
+      n: I18n.getLang('strip_lights_mood_text21'),
       i: '011f025f5f6000006401106400d26400ad64008b64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '假日',
+      n: I18n.getLang('strip_lights_mood_text22'),
       i: '01200a55556000006400c258013e3300ff46011d64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '工作',
+      n: I18n.getLang('strip_lights_mood_text23'),
       i: '0121033c3c6000006400bf18010417',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '派对',
+      n: I18n.getLang('strip_lights_mood_text24'),
       i: '01220464646000006400d75c00bc5300371e002c3f01613f',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '潮流',
+      n: I18n.getLang('strip_lights_mood_text25'),
       i: '01230264646000006401084b00b12f00cd57',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '运动',
+      n: I18n.getLang('strip_lights_mood_text26'),
       i: '01240a4b4b6000006400bc2600d65501186400f94d',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '冥想',
+      n: I18n.getLang('strip_lights_mood_text27'),
       i: '01250343436000006400b735009b5400cd61',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '约会',
+      n: I18n.getLang('strip_lights_mood_text28'),
       i: '0126015959e000006401194701493d00cd61002664',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '圣诞节',
+      n: I18n.getLang('strip_lights_mood_text29'),
       i: '0129026161e0000064000b6400d964002b6400916400b964',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '情人节',
+      n: I18n.getLang('strip_lights_mood_text30'),
       i: '012a01646460000064011564010564014564012f64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '万圣节',
+      n: I18n.getLang('strip_lights_mood_text31'),
       i: '012b035a5ae000006400005701166400da6400b364009564',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '感恩节',
+      n: I18n.getLang('strip_lights_mood_text32'),
       i: '012c0a484860000064003d64010c5b00ba49001761',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '森林日',
+      n: I18n.getLang('strip_lights_mood_text33'),
       i: '012d02595960000064009c6300bc62007b60',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '母亲节',
+      n: I18n.getLang('strip_lights_mood_text34'),
       i: '012e035a5a60000064013e36010c56011f23',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '父亲节',
+      n: I18n.getLang('strip_lights_mood_text35'),
       i: '012f026464e000006400dc4200b64a00e14d',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '足球日',
+      n: I18n.getLang('strip_lights_mood_text36'),
       i: '0130025e5e6000006400006400786400bb64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '夏日牧歌',
+      n: I18n.getLang('strip_lights_mood_text37'),
       i: '01330352526000006400885000d23900fb27',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '海之梦',
+      n: I18n.getLang('strip_lights_mood_text38'),
       i: '0134035d5d6000006400f73601352b00c634009129',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '爱与梦幻',
+      n: I18n.getLang('strip_lights_mood_text39'),
       i: '01350352526000004d01126201305d',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '夏日垂钓',
+      n: I18n.getLang('strip_lights_mood_text40'),
       i: '01360249496000006400663c003c49001e64',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '霓虹世界',
+      n: I18n.getLang('strip_lights_mood_text41'),
       i: '01370a5a5a6000006400335800186401004500e35e00ac30',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '梦之境',
+      n: I18n.getLang('strip_lights_mood_text42'),
       i: '0138025757e0000064010c64011a41014759001564003c38',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '夏天的风',
+      n: I18n.getLang('strip_lights_mood_text43'),
       i: '0139034848e000006400596400b347',
       s: '',
       t: 0,
       e: false,
     },
     {
-      n: '星球之旅',
+      n: I18n.getLang('strip_lights_mood_text44'),
       i: '013a025d5de000004d00b45e011c6400e84900c65f',
       s: '',
       t: 0,

package/src/modules/timeSchedule/TimeScheduleEditpage.tsx

@@ -478,7 +478,7 @@ const TimeScheduleEditPage = () => {
             minute={state.minute}
             setHour={v => (state.hour = v)}
             setMinute={v => (state.minute = v)}
-            unit={['h', 'min']}/>
+          />
           {/* week */}
           <LdvWeekView
             value={state.loop}

package/src/modules/timer/TimerPage.tsx

@@ -11,7 +11,7 @@ import Page from "@ledvance/base/src/components/Page";
 import LdvPickerView from '@ledvance/base/src/components/ldvPickerView'
 import { Utils, Progress } from 'tuya-panel-kit'
 import { useDeviceInfo } from "@ledvance/base/src/models/modules/NativePropsSlice";
-import { useCountdowns, useProgress } from "./TimerPageAction";
+import { useProgress } from "./TimerPageAction";
 import { cloneDeep } from "lodash";
 import dayjs from "dayjs";
 import DeleteButton from "@ledvance/base/src/components/DeleteButton";
@@ -39,13 +39,7 @@ const TimerPage = () => {
   const devInfo = useDeviceInfo()
   const navigation = useNavigation()
   const { dps } = useRoute<Props['route']>().params
-  const countdowns = useCountdowns(dps)
-  const cancelTimer = (dpId: string) => {
-    const countdown = countdowns.find(c => c.dpId === dpId)?.countdown
-    countdown && countdown[1](0)
-  }
-  const progress = useProgress(dps, cancelTimer)
-
+  const progress = useProgress(dps)
   const state = useReactive({
     hour: '00',
     minute: '01',
@@ -55,11 +49,11 @@ const TimerPage = () => {
 
 
   const hasNotRunningTimer = () => {
-    return !!countdowns.find(timer => timer.countdown[0] === 0)
+    return !!progress.find(p => p.progressHook.countdown === 0)
   }
 
   const runningTimer = () => {
-    return countdowns.filter(timer => timer.countdown[0] > 0)
+    return progress.filter(p => p.progressHook.countdown > 0)
   }
   
   const getProgressByDp = useCallback((dpId: string) => {
@@ -67,8 +61,8 @@ const TimerPage = () => {
   }, [progress])
 
   useEffect(() => {
-    if (countdowns.length > 1) {
-      state.skillList = countdowns.filter(c => c.countdown[0] === 0)
+    if (progress.length > 1) {
+      state.skillList = progress.filter(p => p.progressHook.countdown === 0)
     } else {
       state.skillList = []
       state.selectedSkill = cloneDeep(dps)
@@ -104,13 +98,11 @@ const TimerPage = () => {
     }
     if (!state.selectedSkill.length || mCountdown === 0) return
     for (let skill of state.selectedSkill) {
-      const timer = countdowns.find(timer => timer.dpId === skill.dpId)
-      await timer?.countdown[1](mCountdown)
       const time = dayjs()
         .add(Number(hour), 'h')
         .add(Number(minute), 'm')
         .format('YYYY-MM-DD HH:mm:ss');
-      await getProgressByDp(skill.dpId)[1](mCountdown, time)
+      await getProgressByDp(skill.dpId).startTimer(mCountdown, time)
     }
     state.selectedSkill = []
   }
@@ -138,7 +130,7 @@ const TimerPage = () => {
   }
 
   const showActiveView = () => {
-    return countdowns.length > 1
+    return progress.length > 1
   }
 
   const renderItem = ({ item }) => {
@@ -160,7 +152,7 @@ const TimerPage = () => {
         >
           {item.label}
         </Text>
-        {countdowns.length > 1 && <TouchableOpacity onPress={() => handelTimer(item, false)}>
+        {progress.length > 1 && <TouchableOpacity onPress={() => handelTimer(item, false)}>
           <Image style={{ width: cx(16), height: cx(16), marginRight: cx(5) }} source={res.ic_arrows_nav_clear} />
         </TouchableOpacity>}
       </View>
@@ -247,8 +239,7 @@ const TimerPage = () => {
                       <Text style={styles.activeTimerTitle}>{timer.label}</Text>
                       <TouchableOpacity
                         onPress={() => { 
-                          timer.countdown[1](0).then() 
-                          getProgressByDp(timer.dpId)[2]()
+                          getProgressByDp(timer.dpId).endTimer()
                         }}
                         style={styles.activeTimerCancelBtn}>
                         <Text style={{ color: '#fff', fontSize: cx(12) }}>{I18n.getLang('auto_scan_system_cancel')}</Text>
@@ -265,16 +256,16 @@ const TimerPage = () => {
                         }}
                         disabled={true}
                         minValue={0}
-                        maxValue={getProgressByDp(timer.dpId)[0]}
+                        maxValue={getProgressByDp(timer.dpId).progressNumber}
                         startDegree={270}
                         andDegree={360}
                         scaleHeight={2}
                         thumbStrokeWidth={2}
                         thumbRadius={0}
                       />
-                      <Text style={{ marginLeft: cx(20), fontSize: cx(22) }}>{getActiveTimeString(timer.countdown[0])}</Text>
+                      <Text style={{ marginLeft: cx(20), fontSize: cx(22) }}>{getActiveTimeString(timer.progressHook.countdown)}</Text>
                     </View>
-                    <Text>{I18n.formatValue(timer.enable[0] ? timer.stringOff : timer.stringOn, getSingleLightEndTimeString(timer.countdown[0]))}</Text>
+                    <Text>{I18n.formatValue(timer.enable ? timer.stringOff : timer.stringOn, getSingleLightEndTimeString(timer.progressHook.countdown))}</Text>
                   </Card>
                   <Spacer height={cx(40)} />
                 </View>
@@ -295,7 +286,7 @@ const TimerPage = () => {
                     alignItems: 'center',
                   }}
                   minValue={0}
-                  maxValue={getProgressByDp(runningTimer()[0].dpId)[0]}
+                  maxValue={getProgressByDp(runningTimer()[0].dpId).progressNumber}
                   startDegree={270}
                   andDegree={360}
                   disabled={true}
@@ -310,7 +301,7 @@ const TimerPage = () => {
                   renderCenterView={
                     <View style={{ position: 'absolute' }}>
                       <Text style={{ fontSize: cx(22), fontWeight: 'bold', color: '#666' }}>
-                        {getActiveTimeString(runningTimer()[0].countdown[0])}
+                        {getActiveTimeString(runningTimer()[0].progressHook.countdown)}
                       </Text>
                     </View>
                   }
@@ -320,7 +311,7 @@ const TimerPage = () => {
                     {I18n.formatValue(
                       runningTimer()[0].enable[0] ?
                         runningTimer()[0].stringOff :
-                        runningTimer()[0].stringOn, getSingleLightEndTimeString(runningTimer()[0].countdown[0])
+                        runningTimer()[0].stringOn, getSingleLightEndTimeString(runningTimer()[0].progressHook.countdown)
                     )}
                   </Text>
                 </View>
@@ -329,8 +320,7 @@ const TimerPage = () => {
                   style={{ paddingHorizontal: cx(15), width: 'auto', height: cx(40) }}
                   textStyle={{ fontSize: cx(14) }}
                   onPress={() => {
-                    runningTimer()[0].countdown[1](0).then()
-                    getProgressByDp(runningTimer()[0].dpId)[2]()
+                    getProgressByDp(runningTimer()[0].dpId).endTimer()
                   }}
                 />
               </View>

package/src/modules/timer/TimerPageAction.ts

@@ -1,10 +1,11 @@
+import { useCallback, useEffect, useState } from "react"
 import { useDeviceId, useDp } from "@ledvance/base/src/models/modules/NativePropsSlice"
 import { Result } from "@ledvance/base/src/models/modules/Result"
 import { dpItem } from "./TimerPage"
 import { useCountDown as useCountDownAHook, useUpdateEffect } from 'ahooks'
 import dayjs from "dayjs"
 import { NativeApi } from "@ledvance/base/src/api/native"
-import { useCallback, useEffect, useState } from "react"
+
 
 export const useCountdowns = (dps: dpItem[]) => {
   return dps.map(dp => {
@@ -16,20 +17,26 @@ export const useCountdowns = (dps: dpItem[]) => {
   })
 }
 
-
-const useFormateProgress: (dp: dpItem, func: Function) => [number, (time: number, t: any) => Promise<any>, () => void] = (dp, cancelTimer) => {
+type FormateProgressType = {
+  progressNumber: number 
+  countdown: number 
+  startTimer: (c: number, time: string) => Promise<void>
+  endTimer: () => void
+}
+const useFormateProgress: (dp: dpItem) => FormateProgressType = (dp) => {
+  const [countdown, setCountdown] = useDp<number, (value: number) => Promise<Result<any>>>(dp.dpId)
   const [progress, setProgress] = useCountDownAHook({
     interval: 1000,
     onEnd: () => {
-      cancelTimer(dp.dpId)
       initTimerFn()
+      setCountdown(0)
     },
   })
-  const [countdown] = useDp<number, (value: number) => Promise<Result<any>>>(dp.dpId)
   const devId = useDeviceId()
   const [cloudProgressNumber, setCloudProgressNumber] = useState(0)
   const [progressNumber, setProgressNumber] = useState(0)
   const [cloudData, setCloudData] = useState<any>()
+  const [isTrigger, setIsTeigger] = useState(false)
   const getCloudJson = () => {
     NativeApi.getJson(devId, dp.cloudKey).then(res => {
       if (res.success && res.data) {
@@ -41,7 +48,9 @@ const useFormateProgress: (dp: dpItem, func: Function) => [number, (time: number
     })
   }
   useEffect(() => {
-    getCloudJson()
+    if(countdown > 0){
+      getCloudJson()
+    }
   }, [])
 
   useEffect(() => {
@@ -54,19 +63,26 @@ const useFormateProgress: (dp: dpItem, func: Function) => [number, (time: number
     }
   }, [progress])
 
-  NativeApi.log(`${JSON.stringify(progress)}, progressss`)
+  useUpdateEffect(() =>{
+    if(countdown === 0){
+      setIsTeigger(false)
+      initTimerFn()
+    }
+  }, [countdown])
+
   useUpdateEffect(() => {
     if (countdown === 0) {
-      initTimerFn()
-      if(cloudData && cloudData.progressAllNumber !== 0){
+      if(isTrigger){
         NativeApi.putJson(devId, dp.cloudKey, JSON.stringify({ [getKey('Status', dp.dpId)]: false, [getKey('StartTime', dp.dpId)]: '', progressAllNumber: 0 })).then()
       }
     }
 
-    if (countdown > 0 && !cloudData) {
+    if (countdown > 0 && !cloudData && !isTrigger) {
       getCloudJson()
     }
   }, [countdown, cloudData])
+
+
   
   const initTimerFn = useCallback(() =>{
     setProgressNumber(0)
@@ -80,24 +96,36 @@ const useFormateProgress: (dp: dpItem, func: Function) => [number, (time: number
     return key
   }
 
-  const startTimer = async (time: number, t) => {
-    await NativeApi.putJson(devId, dp.cloudKey, JSON.stringify({ [getKey('Status', dp.dpId)]: true, [getKey('StartTime', dp.dpId)]: t, progressAllNumber: time }))
+  const startTimer = async (time: number, t:string) => {
+    setIsTeigger(true)
+    await setCountdown(time)
+    const putData = { [getKey('Status', dp.dpId)]: true, [getKey('StartTime', dp.dpId)]: t, progressAllNumber: time }
+    await NativeApi.putJson(devId, dp.cloudKey, JSON.stringify(putData))
     setCloudProgressNumber(time)
     setProgress(Date.now() + time * 1000)
+    setCloudData(putData)
   }
 
-  const endTimer = () =>{
+  const endTimer = async () =>{
+    setIsTeigger(false)
+    await setCountdown(0)
     NativeApi.putJson(devId, dp.cloudKey, JSON.stringify({ [getKey('Status', dp.dpId)]: false, [getKey('StartTime', dp.dpId)]: '', progressAllNumber: 0 })).then(() => {
       initTimerFn()
     })
   }
   
-  return [progressNumber, startTimer, endTimer]
+  return {
+    progressNumber,
+    countdown,
+    startTimer,
+    endTimer
+  }
 }
 
-export const useProgress = (dps: dpItem[], cancelTimer) => {
+export const useProgress = (dps: dpItem[]) => {
   return dps.map(dp => ({
-    progressHook: useFormateProgress(dp, cancelTimer),
+    progressHook: useFormateProgress(dp),
+    enable: useDp(dp.enableDp)[0] as boolean,
     ...dp
   }))
 }