@ledvance/ui-biz-bundle 1.1.69 → 1.1.70

package/src/newModules/childLock/ChildLockPage.tsx

@@ -1,97 +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
+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

@@ -1,16 +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
+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

@@ -1,23 +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))
-}
+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

@@ -1,84 +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
+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