@ledvance/ui-biz-bundle 1.1.55 → 1.1.57

package/src/navigation/Routers.ts

@@ -1,32 +1,3 @@
-import { NavigationRoute, TransitionPresets } from 'tuya-panel-kit'
-import TimeSchedulePage from '../modules/timeSchedule/TimeSchedulePage'
-import TimeScheduleEditPage from '../modules/timeSchedule/TimeScheduleEditpage'
-import DynamicMoodEditorPage from '../modules/mood/DynamicMoodEditorPage'
-import StaticMoodEditorPage from '../modules/mood/StaticMoodEditorPage'
-import AddMoodPage from '../modules/mood/AddMoodPage'
-import MoodPage from '../modules/mood/MoodPage'
-import FantasyMoodPage from '../modules/mood/FantasyMood'
-import FantasyMoodEditPage from '../modules/mood/FantasyMoodEditPage'
-import MixMoodPage from '../modules/mood/MixMood/MixMoodPage'
-import MixMoodEditPage from '../modules/mood/MixMood/MixMoodEditPage'
-import AddMixMoodPage from '../modules/mood/MixMood/AddMixMoodPage'
-import TimerPage from '../modules/timer/TimerPage'
-import SleepWakeUpPage from 'modules/sleepWakeup/SleepWakeUpPage'
-import SleepWakeUpDetailPage from 'modules/sleepWakeup/SleepWakeUpDetailPage'
-import BiorhythmPage from '../modules/biorhythm/BiorhythmPage'
-import BiorhythmEditPage from '../modules/biorhythm/BiorhythmEditPage'
-import BiologicalIconSelectPage from '../modules/biorhythm/IconSelect'
-import MusicPage from '../modules/music/MusicPage'
-import SelectPage from '../modules/select/SelectPage'
-import FixedTimePage from '../modules/fixedTime/FixedTimePage'
-import FixedTimeDetailPage from '../modules/fixedTime/FixedTimeDetailPage'
-import RandomTimePage from 'modules/randomTime/RandomTimePage'
-import RandomTimeDetailPage from '../modules/randomTime/RandomTimeDetailPage'
-import HistoryPage from '../modules/history/HistoryPage'
-import PowerOnBehaviorPage from '../modules/powerOnBehavior/PowerOnBehaviorPage'
-import FlagPage from '../modules/flags/FlagPage'
-import FlagEditPage from '../modules/flags/FlagEditPage'
-
 export const ui_biz_routerKey = {
   'ui_biz_time_schedule': 'ui_biz_time_schedule',
   'ui_biz_time_schedule_edit': 'ui_biz_time_schedule_edit',
@@ -54,279 +25,19 @@ export const ui_biz_routerKey = {
   'ui_biz_history': 'ui_biz_history',
   'ui_biz_power_behavior': 'ui_biz_power_behavior',
   'ui_biz_flag_page': 'ui_biz_flag_page',
-  'ui_biz_flag_page_edit': 'ui_biz_flag_page_edit'
+  'ui_biz_flag_page_edit': 'ui_biz_flag_page_edit',
+  'ui_biz_time_schedule_new': 'ui_biz_time_schedule_new',
+  'ui_biz_time_schedule_edit_new': 'ui_biz_time_schedule_edit_new',
+  'ui_biz_fixed_time_new': 'ui_biz_fixed_time_new',
+  'ui_biz_fixed_time_edit_new': 'ui_biz_fixed_time_edit_new',
+  'ui_biz_random_time_new': 'ui_biz_random_time_new',
+  'ui_biz_random_time_edit_new': 'ui_biz_random_time_edit_new',
+  'ui_biz_energy_consumption': 'ui_biz_energy_consumption',
+  'ui_biz_energy_consumption_detail': 'ui_biz_energy_consumption_detail',
+  'ui_biz_energy_consumption_chart': 'ui_biz_energy_consumption_chart',
+  'ui_biz_power_behavior_plug': 'ui_biz_power_behavior_plug',
+  'ui_biz_switch_inching': 'ui_biz_switch_inching',
+  'ui_biz_light_mode': 'ui_biz_light_mode',
+  'ui_biz_overcharge_switch': 'ui_biz_overcharge_switch',
+  'ui_biz_child_lock': 'ui_biz_child_lock',
 }
-
-export const BiologicalRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.bi_biz_biological,
-    component: BiorhythmPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.bi_biz_biological_edit,
-    component: BiorhythmEditPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.bi_biz_biological_icon_select,
-    component: BiologicalIconSelectPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-]
-
-export const TimeSchedulePageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_time_schedule,
-    component: TimeSchedulePage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_time_schedule_edit,
-    component: TimeScheduleEditPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-]
-
-export const MoodPageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_dynamic_mood_edit,
-    component: DynamicMoodEditorPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_static_mood_edit,
-    component: StaticMoodEditorPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_mood_add,
-    component: AddMoodPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_mood,
-    component: MoodPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_select_page,
-    component: SelectPage,
-    options: {
-      gesture: true,
-      hideTopbar: true,
-      ...TransitionPresets.ModalPresentationIOS,
-    },
-  },
-]
-
-export const FantasyMoodRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_fantasy_mood,
-    component: FantasyMoodPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_fantasy_mood_edit,
-    component: FantasyMoodEditPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_select_page,
-    component: SelectPage,
-    options: {
-      gesture: true,
-      hideTopbar: true,
-      ...TransitionPresets.ModalPresentationIOS,
-    },
-  },
-]
-
-export const MixMoodRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_mix_mood,
-    component: MixMoodPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    }
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_mix_mood_edit,
-    component: MixMoodEditPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_mix_mood_add,
-    component: AddMixMoodPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_select_page,
-    component: SelectPage,
-    options: {
-      gesture: true,
-      hideTopbar: true,
-      ...TransitionPresets.ModalPresentationIOS,
-    },
-  },
-]
-
-export const TimerPageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_timer,
-    component: TimerPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-]
-
-export const SleepWakeUpPageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_sleep_wakeUp,
-    component: SleepWakeUpPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_sleep_wakeUp_edit,
-    component: SleepWakeUpDetailPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-]
-
-export const MusicPageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_music,
-    component: MusicPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-]
-
-export const FixedTimePageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_fixed_time,
-    component: FixedTimePage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_fixed_time_edit,
-    component: FixedTimeDetailPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  }
-]
-
-export 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 const HistoryPageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_history,
-    component: HistoryPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    }
-  }
-]
-
-export const PowerOnBehaviorPageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_power_behavior,
-    component: PowerOnBehaviorPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    }
-  }
-]
-
-export const FlagPageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_flag_page,
-    component: FlagPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    }
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_flag_page_edit,
-    component: FlagEditPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    }
-  },
-]

package/src/newModules/childLock/ChildLockPage.tsx

@@ -0,0 +1,97 @@
+import React from 'react'
+import {SwitchButton, Utils} from "tuya-panel-kit";
+import Page from "@ledvance/base/src/components/Page";
+import I18n from "@ledvance/base/src/i18n/index";
+import {useDeviceInfo, useDp} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {useReactive} from "ahooks";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import {View, Text, StyleSheet, Image} from "react-native";
+import {Result} from "@ledvance/base/src/models/modules/Result";
+import res from "@ledvance/base/src/res";
+import {useParams} from "@ledvance/base/src/hooks/Hooks";
+
+const { convertX: cx } = Utils.RatioUtils
+
+export interface ChildLockPageParams {
+  childLockCode: string
+}
+
+export function useChildLock(childLockCode: string): [boolean, (v: boolean) => Promise<Result<any>>] {
+  return useDp(childLockCode)
+}
+
+const ChildLockPage = () => {
+  const params = useParams<ChildLockPageParams>()
+  const devInfo = useDeviceInfo()
+  const [childLock, setChildLock] = useChildLock(params.childLockCode)
+  const state = useReactive({
+    loading: false
+  })
+  return (<Page
+    backText={devInfo.name}
+    headlineText={I18n.getLang('sockets_specific_settings_child_lock')}
+    loading={state.loading}>
+    <View style={styles.tipInfoContainer}>
+      <Image style={styles.image} source={res.ic_info} />
+      <Text style={{ color: '#000' }}>
+        {I18n.getLang('childlock_overview_description_text')}
+      </Text>
+    </View>
+    <View style={[styles.titleBGView, styles.shadow]}>
+      <Text style={styles.title}>{I18n.getLang('sockets_specific_settings_child_lock')}</Text>
+      <View style={[styles.colorBlock, { backgroundColor: 'red', opacity: 0 }]} />
+      <Spacer style={{ flex: 1 }} height={0} width={0} />
+      <SwitchButton value={childLock} onValueChange={async v => {
+        state.loading = true
+        await setChildLock(v)
+        state.loading = false
+      } } />
+    </View>
+  </Page>)
+}
+
+const styles = StyleSheet.create({
+  tipInfoContainer: {
+    flexDirection: 'row',
+    marginHorizontal: cx(24),
+    marginVertical: cx(10)
+  },
+  image: {
+    width: cx(16),
+    height: cx(16),
+    marginRight: cx(5),
+    tintColor: '#000'
+  },
+  titleBGView: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: cx(16),
+    marginHorizontal: cx(24),
+  },
+  colorBlock: {
+    width: cx(20),
+    height: cx(20),
+    marginStart: cx(12),
+    borderRadius: cx(4),
+  },
+  title: {
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    paddingVertical: cx(16),
+  },
+  shadow: {
+    shadowColor: '#000000',
+    shadowOpacity: 0.2,
+    shadowRadius: 8,
+    elevation:8,
+    shadowOffset: {
+      width: 0,
+      height: 4,
+    },
+    backgroundColor: '#fff',
+    borderRadius: 8,
+  },
+})
+
+export default ChildLockPage

package/src/newModules/childLock/Router.ts

@@ -0,0 +1,16 @@
+import {NavigationRoute} from "tuya-panel-kit";
+import ChildLockPage from "./ChildLockPage";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+const ChildLockPageRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.ui_biz_child_lock,
+    component: ChildLockPage,
+    options:{
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+
+export default ChildLockPageRouters

package/src/newModules/energyConsumption/EnergyConsumptionActions.ts

@@ -0,0 +1,23 @@
+import { useDp } from "@ledvance/base/src/models/modules/NativePropsSlice";
+import { localeNumber } from "@ledvance/base/src/utils/common";
+import {EnergyData} from "./component/EnergyModal";
+import {NativeApi} from "@ledvance/base/src/api/native";
+
+export function useElectricCurrent(dpCode: string): number {
+  const current = useDp<number, any>(dpCode)[0] || 0
+  return localeNumber(current, 1)
+}
+
+export function useVoltage(dpCode: string): number {
+  const voltage = useDp<number, any>(dpCode)[0] / 10 || 0;
+  return localeNumber(voltage, 1)
+}
+
+export function usePower(dpCode: string): number {
+  const power = useDp<number, any>(dpCode)[0] / 10 || 0;
+  return localeNumber(power, 1)
+}
+
+export async function updatePrice(devId: string, energyData: EnergyData){
+  return await NativeApi.putJson(devId, 'energiepreise', JSON.stringify(energyData))
+}

package/src/newModules/energyConsumption/EnergyConsumptionChart.tsx

@@ -0,0 +1,84 @@
+import React from "react";
+import { Platform, View, StyleSheet, Image, Text } from "react-native";
+import { useRoute } from '@react-navigation/core'
+import Page from "@ledvance/base/src/components/Page";
+import res from "@ledvance/base/src/res";
+import I18n from "@ledvance/base/src/i18n";
+import { Utils } from "tuya-panel-kit";
+import BarChart from "./component/BarChart";
+import { exportFile } from "@ledvance/base/src/utils/common";
+import { OverviewItem } from "./EnergyConsumptionPage";
+import Spacer from "@ledvance/base/src/components/Spacer";
+
+const { convertX: cx, height, width } = Utils.RatioUtils
+
+export interface EnergyConsumptionChartProps {
+  addEleDpCode: string
+  headlineText: string
+  chartData: OverviewItem[],
+  over365Days?: boolean
+  over7Days?: boolean
+}
+
+const EnergyConsumptionChart = () => {
+  const props = useRoute().params as EnergyConsumptionChartProps
+  const computeNum = Platform.OS === 'ios' && 180 || 130
+
+  return (
+    <Page
+      backText={I18n.getLang('consumption_data_annual_bar_chart_system_back_text')}
+      headlineText={props.headlineText}
+      headlineIcon={props.chartData?.length && res.download_icon}
+      onHeadlineIconClick={() => {
+        exportFile(props.chartData)
+      }}
+      showGreenery={false}
+      greeneryIcon={res.energy_consumption_greenery}
+    >
+      <View style={{ marginHorizontal: cx(24) }}>
+        {
+          props.over7Days ? (
+            <View style={styles.listEmptyView}>
+              <Spacer height={cx(26)} />
+              <Image
+                style={styles.listEmptyImage}
+                source={{ uri: res.ldv_timer_empty }} />
+              <Spacer height={cx(14)} />
+              <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                <Image style={styles.listEmptyTextIcon} source={{ uri: res.ic_info }} />
+                <Spacer width={cx(4)} height={0} />
+                <Text style={styles.listEmptyText}>
+                  {I18n.getLang('energyconsumption_hourlylimit')}
+                </Text>
+              </View>
+            </View>
+          ) : (
+            <BarChart height={height - cx(computeNum)} data={props.chartData} width={width - cx(80)} />
+          )
+        }
+      </View>
+    </Page>
+  )
+}
+
+const styles = StyleSheet.create({
+  listEmptyView: {
+    alignItems: 'center',
+  },
+  listEmptyImage: {
+    width: cx(200),
+    height: cx(200),
+  },
+  listEmptyTextIcon: {
+    width: cx(16),
+    height: cx(16),
+    tintColor: '#000',
+  },
+  listEmptyText: {
+    color: '#000',
+    fontSize: cx(12),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+});
+
+export default EnergyConsumptionChart