@ledvance/ui-biz-bundle 1.1.68 → 1.1.69

package/src/modules/randomTime/RandomTimePage.tsx

@@ -1,215 +1,215 @@
-import React, { useCallback } from 'react'
-import { FlatList, Image, ScrollView, StyleSheet, Text, View } from 'react-native'
-import Page from '@ledvance/base/src/components/Page'
-import { useDeviceInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import { useNavigation, useRoute } from '@react-navigation/core'
-import I18n from '@ledvance/base/src/i18n'
-import res from '@ledvance/base/src/res'
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import TextButton from '@ledvance/base/src/components/TextButton'
-import { SwitchButton, Utils } from 'tuya-panel-kit'
-import { RandomTimerItem, useRandomTime } from './RandomTimeActions'
-import Card from '@ledvance/base/src/components/Card'
-import { loopText } from '@ledvance/base/src/utils/common'
-import { cloneDeep, isEqual } from 'lodash'
-
-const { convertX: cx } = Utils.RatioUtils
-const { parseTimer } = Utils.TimeUtils
-const MAX_NUM = 10
-
-export interface RandomTimePageParams {
-  randomTimeDp: string
-  conflictDps: {
-    fixedTimeDp?: string
-    biorhythmDp?: string
-    sleepWakeUpDp?: string
-  }
-  isSocket?: boolean
-  showTags?: boolean
-  applyDps: {
-    label: string
-    dp: string
-    value: string
-  }[]
-  isSupportColor: boolean
-  isSupportTemperature: boolean
-  isSupportBrightness: boolean
-}
-
-const RandomTimePage = () => {
-  const navigation = useNavigation()
-  const devInfo = useDeviceInfo()
-  const params = useRoute().params as RandomTimePageParams
-  const [randomTime, setRandomTime] = useRandomTime(params.randomTimeDp)
-  const state = useReactive({
-    loading: false,
-    randomTimeList: randomTime,
-  })
-
-  useUpdateEffect(() => {
-    state.randomTimeList = randomTime
-  }, [randomTime])
-
-  const navigateToEdit = useCallback((mode: 'add' | 'edit', scheduleItem?: RandomTimerItem) => {
-    navigation.navigate(ui_biz_routerKey.ui_biz_random_time_edit, {
-      ...params,
-      mode,
-      scheduleItem: cloneDeep(scheduleItem),
-      onPost,
-    })
-  }, [])
-
-  const showMaxNumTip = useCallback(() => {
-    return state.randomTimeList.length >= MAX_NUM
-  }, [state.randomTimeList.length])
-
-  const onPost = useCallback(async (mode: 'add' | 'edit' | 'del', randomTime: RandomTimerItem, goBack?: boolean) => {
-    state.loading = true
-    const cloneFixedTimeList = cloneDeep(state.randomTimeList)
-    const idx = state.randomTimeList.findIndex(f => f.index === randomTime.index)
-    let manualEdit = false
-    if (mode === 'edit') {
-      const editItem = cloneFixedTimeList[idx]
-      manualEdit = isEqual(editItem, { ...randomTime, name: editItem.name })
-      cloneFixedTimeList.splice(idx, 1, randomTime)
-    }
-    if (mode === 'del') cloneFixedTimeList.splice(idx, 1)
-    const newFixedTimeList = mode === 'add' ? [...state.randomTimeList, randomTime] : cloneFixedTimeList
-    const res = await setRandomTime(newFixedTimeList, manualEdit)
-    state.loading = false
-    if (res.success && goBack) {
-      navigation.goBack()
-    }
-  }, [state.randomTimeList])
-
-  console.log('running page')
-  return (
-    <Page
-      backText={devInfo.name}
-      headlineText={I18n.getLang('randomtimecycle_sockets_headline_text')}
-      headlineIcon={!showMaxNumTip() ? res.device_panel_schedule_add : undefined}
-      onBackClick={navigation.goBack}
-      loading={state.loading}
-      onHeadlineIconClick={() => {
-        navigateToEdit('add')
-      }}
-    >
-      {state.randomTimeList.length > 0 ?
-        <ScrollView nestedScrollEnabled={true}>
-          <Text style={{
-            color: '#000',
-            marginLeft: cx(24),
-          }}>{I18n.getLang('timeschedule_overview_description_text')}</Text>
-          <Spacer height={cx(10)}/>
-          {showMaxNumTip() && <View style={{ marginHorizontal: cx(24), flexDirection: 'row' }}>
-            <Image style={{ width: cx(16), height: cx(16), tintColor: '#ff9500' }} source={res.ic_warning_amber}/>
-            <Text>{I18n.getLang('randomtimecycle_warning_max_number_text')}</Text>
-          </View>}
-          <FlatList
-            data={state.randomTimeList}
-            renderItem={({ item }) => (
-              <FixedTimeCard
-                randomTime={item}
-                onSwitch={(v) => {
-                  onPost('edit', {
-                    ...item,
-                    power: v,
-                  })
-                }}
-                onPress={() => {
-                  navigateToEdit('edit', item)
-                }}
-              />
-            )}
-            keyExtractor={(item: any) => `${item?.index}`}
-            ItemSeparatorComponent={() => <Spacer/>}
-            ListHeaderComponent={<Spacer height={cx(10)}/>}
-            ListFooterComponent={<Spacer/>}
-          />
-        </ScrollView> :
-        <View style={{ flex: 1, marginTop: cx(60), alignItems: 'center' }}>
-          <Image
-            style={{ width: cx(225), height: cx(198) }}
-            source={{ uri: res.ldv_timer_empty }}
-            resizeMode="contain"/>
-          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-            <Image
-              source={{ uri: res.device_panel_schedule_alert }}
-              style={{ width: cx(16), height: cx(16) }}
-            />
-            <Text style={{ color: '#000', fontSize: cx(12) }}>
-              {I18n.getLang('randomtimecycle_empty_information_text')}
-            </Text>
-          </View>
-          <Spacer/>
-          <TextButton
-            text={I18n.getLang('randomtimecycle_empty_bttn_text')}
-            style={{
-              backgroundColor: '#f60',
-              borderRadius: cx(6),
-              paddingVertical: cx(12),
-              paddingHorizontal: cx(24),
-            }}
-            textStyle={{ color: '#fff' }}
-            onPress={() => {
-              navigateToEdit('add')
-            }}/>
-        </View>
-      }
-    </Page>
-  )
-}
-
-const FixedTimeCard = (props: {
-  randomTime: RandomTimerItem,
-  onSwitch: (enable: boolean) => void,
-  onPress: () => void
-}) => {
-  const { randomTime, onSwitch, onPress } = props
-  return (
-    <Card style={styles.randomTimingCard} onPress={onPress}>
-      <Spacer height={cx(16)}/>
-      <View style={styles.switchLine}>
-        <Text style={styles.time}>
-          {`${parseTimer(randomTime.startTime * 60)} - ${parseTimer(randomTime.endTime * 60)}`}</Text>
-        <SwitchButton
-          style={styles.switchBtn}
-          value={randomTime.power}
-          thumbStyle={{ elevation: 0 }}
-          onValueChange={onSwitch}/>
-      </View>
-      <Text style={styles.loopText}>{loopText(randomTime.weeks, parseTimer(randomTime.startTime * 60))}</Text>
-      <Spacer height={cx(5)}/>
-      <Text style={styles.loopText}>{randomTime.name}</Text>
-      <Spacer/>
-    </Card>
-  )
-}
-
-const styles = StyleSheet.create({
-  randomTimingCard: {
-    marginHorizontal: cx(24),
-    paddingHorizontal: cx(16),
-  },
-  switchLine: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  time: {
-    flex: 1,
-    color: '#000',
-    fontSize: cx(16),
-    fontWeight: 'bold',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  switchBtn: {},
-  loopText: {
-    color: '#000',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-})
-
+import React, { useCallback } from 'react'
+import { FlatList, Image, ScrollView, StyleSheet, Text, View } from 'react-native'
+import Page from '@ledvance/base/src/components/Page'
+import { useDeviceInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { useNavigation, useRoute } from '@react-navigation/core'
+import I18n from '@ledvance/base/src/i18n'
+import res from '@ledvance/base/src/res'
+import { ui_biz_routerKey } from '../../navigation/Routers'
+import { useReactive, useUpdateEffect } from 'ahooks'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import TextButton from '@ledvance/base/src/components/TextButton'
+import { SwitchButton, Utils } from 'tuya-panel-kit'
+import { RandomTimerItem, useRandomTime } from './RandomTimeActions'
+import Card from '@ledvance/base/src/components/Card'
+import { loopText } from '@ledvance/base/src/utils/common'
+import { cloneDeep, isEqual } from 'lodash'
+
+const { convertX: cx } = Utils.RatioUtils
+const { parseTimer } = Utils.TimeUtils
+const MAX_NUM = 10
+
+export interface RandomTimePageParams {
+  randomTimeDp: string
+  conflictDps: {
+    fixedTimeDp?: string
+    biorhythmDp?: string
+    sleepWakeUpDp?: string
+  }
+  isSocket?: boolean
+  showTags?: boolean
+  applyDps: {
+    label: string
+    dp: string
+    value: string
+  }[]
+  isSupportColor: boolean
+  isSupportTemperature: boolean
+  isSupportBrightness: boolean
+}
+
+const RandomTimePage = () => {
+  const navigation = useNavigation()
+  const devInfo = useDeviceInfo()
+  const params = useRoute().params as RandomTimePageParams
+  const [randomTime, setRandomTime] = useRandomTime(params.randomTimeDp)
+  const state = useReactive({
+    loading: false,
+    randomTimeList: randomTime,
+  })
+
+  useUpdateEffect(() => {
+    state.randomTimeList = randomTime
+  }, [randomTime])
+
+  const navigateToEdit = useCallback((mode: 'add' | 'edit', scheduleItem?: RandomTimerItem) => {
+    navigation.navigate(ui_biz_routerKey.ui_biz_random_time_edit, {
+      ...params,
+      mode,
+      scheduleItem: cloneDeep(scheduleItem),
+      onPost,
+    })
+  }, [])
+
+  const showMaxNumTip = useCallback(() => {
+    return state.randomTimeList.length >= MAX_NUM
+  }, [state.randomTimeList.length])
+
+  const onPost = useCallback(async (mode: 'add' | 'edit' | 'del', randomTime: RandomTimerItem, goBack?: boolean) => {
+    state.loading = true
+    const cloneFixedTimeList = cloneDeep(state.randomTimeList)
+    const idx = state.randomTimeList.findIndex(f => f.index === randomTime.index)
+    let manualEdit = false
+    if (mode === 'edit') {
+      const editItem = cloneFixedTimeList[idx]
+      manualEdit = isEqual(editItem, { ...randomTime, name: editItem.name })
+      cloneFixedTimeList.splice(idx, 1, randomTime)
+    }
+    if (mode === 'del') cloneFixedTimeList.splice(idx, 1)
+    const newFixedTimeList = mode === 'add' ? [...state.randomTimeList, randomTime] : cloneFixedTimeList
+    const res = await setRandomTime(newFixedTimeList, manualEdit)
+    state.loading = false
+    if (res.success && goBack) {
+      navigation.goBack()
+    }
+  }, [state.randomTimeList])
+
+  console.log('running page')
+  return (
+    <Page
+      backText={devInfo.name}
+      headlineText={I18n.getLang('randomtimecycle_sockets_headline_text')}
+      headlineIcon={!showMaxNumTip() ? res.device_panel_schedule_add : undefined}
+      onBackClick={navigation.goBack}
+      loading={state.loading}
+      onHeadlineIconClick={() => {
+        navigateToEdit('add')
+      }}
+    >
+      {state.randomTimeList.length > 0 ?
+        <ScrollView nestedScrollEnabled={true}>
+          <Text style={{
+            color: '#000',
+            marginLeft: cx(24),
+          }}>{I18n.getLang('timeschedule_overview_description_text')}</Text>
+          <Spacer height={cx(10)}/>
+          {showMaxNumTip() && <View style={{ marginHorizontal: cx(24), flexDirection: 'row' }}>
+            <Image style={{ width: cx(16), height: cx(16), tintColor: '#ff9500' }} source={res.ic_warning_amber}/>
+            <Text>{I18n.getLang('randomtimecycle_warning_max_number_text')}</Text>
+          </View>}
+          <FlatList
+            data={state.randomTimeList}
+            renderItem={({ item }) => (
+              <FixedTimeCard
+                randomTime={item}
+                onSwitch={(v) => {
+                  onPost('edit', {
+                    ...item,
+                    power: v,
+                  })
+                }}
+                onPress={() => {
+                  navigateToEdit('edit', item)
+                }}
+              />
+            )}
+            keyExtractor={(item: any) => `${item?.index}`}
+            ItemSeparatorComponent={() => <Spacer/>}
+            ListHeaderComponent={<Spacer height={cx(10)}/>}
+            ListFooterComponent={<Spacer/>}
+          />
+        </ScrollView> :
+        <View style={{ flex: 1, marginTop: cx(60), alignItems: 'center' }}>
+          <Image
+            style={{ width: cx(225), height: cx(198) }}
+            source={{ uri: res.ldv_timer_empty }}
+            resizeMode="contain"/>
+          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <Image
+              source={{ uri: res.device_panel_schedule_alert }}
+              style={{ width: cx(16), height: cx(16) }}
+            />
+            <Text style={{ color: '#000', fontSize: cx(12) }}>
+              {I18n.getLang('randomtimecycle_empty_information_text')}
+            </Text>
+          </View>
+          <Spacer/>
+          <TextButton
+            text={I18n.getLang('randomtimecycle_empty_bttn_text')}
+            style={{
+              backgroundColor: '#f60',
+              borderRadius: cx(6),
+              paddingVertical: cx(12),
+              paddingHorizontal: cx(24),
+            }}
+            textStyle={{ color: '#fff' }}
+            onPress={() => {
+              navigateToEdit('add')
+            }}/>
+        </View>
+      }
+    </Page>
+  )
+}
+
+const FixedTimeCard = (props: {
+  randomTime: RandomTimerItem,
+  onSwitch: (enable: boolean) => void,
+  onPress: () => void
+}) => {
+  const { randomTime, onSwitch, onPress } = props
+  return (
+    <Card style={styles.randomTimingCard} onPress={onPress}>
+      <Spacer height={cx(16)}/>
+      <View style={styles.switchLine}>
+        <Text style={styles.time}>
+          {`${parseTimer(randomTime.startTime * 60)} - ${parseTimer(randomTime.endTime * 60)}`}</Text>
+        <SwitchButton
+          style={styles.switchBtn}
+          value={randomTime.power}
+          thumbStyle={{ elevation: 0 }}
+          onValueChange={onSwitch}/>
+      </View>
+      <Text style={styles.loopText}>{loopText(randomTime.weeks, parseTimer(randomTime.startTime * 60))}</Text>
+      <Spacer height={cx(5)}/>
+      <Text style={styles.loopText}>{randomTime.name}</Text>
+      <Spacer/>
+    </Card>
+  )
+}
+
+const styles = StyleSheet.create({
+  randomTimingCard: {
+    marginHorizontal: cx(24),
+    paddingHorizontal: cx(16),
+  },
+  switchLine: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  time: {
+    flex: 1,
+    color: '#000',
+    fontSize: cx(16),
+    fontWeight: 'bold',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  switchBtn: {},
+  loopText: {
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+})
+
 export default RandomTimePage

package/src/modules/randomTime/Router.ts

@@ -1,25 +1,25 @@
-import {NavigationRoute} from "tuya-panel-kit";
-import RandomTimePage from "./RandomTimePage";
-import RandomTimeDetailPage from "./RandomTimeDetailPage";
-import {ui_biz_routerKey} from "../../navigation/Routers";
-
-const RandomTimePageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_random_time,
-    component: RandomTimePage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_random_time_edit,
-    component: RandomTimeDetailPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  }
-]
-
-export default RandomTimePageRouters
+import {NavigationRoute} from "tuya-panel-kit";
+import RandomTimePage from "./RandomTimePage";
+import RandomTimeDetailPage from "./RandomTimeDetailPage";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+const RandomTimePageRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.ui_biz_random_time,
+    component: RandomTimePage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.ui_biz_random_time_edit,
+    component: RandomTimeDetailPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  }
+]
+
+export default RandomTimePageRouters