@ledvance/group-ui-biz-bundle 1.0.87 → 1.0.89

package/package.json

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

package/src/modules/energyConsumption/EnergyConsumptionChart.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from "react";
-import { Platform, View, StyleSheet, Image } from "react-native";
+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";
@@ -139,7 +139,6 @@ const EnergyConsumptionChart = (props: { theme?: ThemeType }) => {
   return (
       <Page
           backText={I18n.getLang('consumption_data_annual_bar_chart_system_back_text')}
-          headlineText={state.headlineText}
           headlineIcon={state.chartData?.length ? res.download_icon : undefined}
           onHeadlineIconClick={() => {
             exportFile(state.chartData,params.price,params.unit)
@@ -147,6 +146,11 @@ const EnergyConsumptionChart = (props: { theme?: ThemeType }) => {
           showGreenery={false}
           greeneryIcon={res.energy_consumption_greenery}
           loading={state.loading}
+          headlineContent={
+            <View style={{alignItems: 'center', justifyContent: 'center', flex: 1, marginStart: cx(24)}}>
+              <Text style={{fontSize: cx(24), color: props.theme?.global.brand}}>{state.headlineText}</Text>
+            </View>
+          }
       >
         <View style={{ marginHorizontal: cx(24) }}>
           <View style={{flexDirection: 'row'}}>

package/src/modules/energyConsumption/component/DateTypeItem.tsx

@@ -9,6 +9,17 @@ import { DateType } from "@ledvance/group-ui-biz-bundle/src/modules/energyConsum
 const {convertX: cx} = Utils.RatioUtils
 const {withTheme} = Utils.ThemeUtils
 
+const getDateTypeTitle = (dateType: DateType) => {
+    switch (dateType) {
+        case DateType.Year:
+            return I18n.getLang('year');
+        case DateType.Month:
+            return I18n.getLang('month');
+        case DateType.Day:
+            return I18n.getLang('day');
+    }
+}
+
 interface DateTypeItemProps extends PropsWithChildren<ViewProps> {
     theme?: ThemeType
     dateType: string,
@@ -20,9 +31,11 @@ export default withTheme(function DateTypeItem(props: DateTypeItemProps) {
     const state = useReactive({
         showDateTypeModal: false,
         dateType: dateType,
+        dateTypeTitle: getDateTypeTitle(dateType)
     });
     useUpdateEffect(() => {
         state.dateType = dateType;
+        state.dateTypeTitle = getDateTypeTitle(dateType);
     }, [dateType])
     return (<View style={props.style}>
         <TouchableOpacity
@@ -49,7 +62,7 @@ export default withTheme(function DateTypeItem(props: DateTypeItemProps) {
                     flex: 1,
                     color: props.theme?.textInput.fontColor,
                     fontFamily: 'helvetica_neue_lt_std_roman',
-                }}>{state.dateType}</Text>
+                }}>{state.dateTypeTitle}</Text>
             </View>
         </TouchableOpacity>
 
@@ -59,17 +72,17 @@ export default withTheme(function DateTypeItem(props: DateTypeItemProps) {
             value={state.dateType}
             dataSource={[
                 {
-                    title: I18n.getLang('day'),
+                    title: getDateTypeTitle(DateType.Day),
                     key: DateType.Day,
                     value: DateType.Day,
                 },
                 {
-                    title: I18n.getLang('month'),
+                    title: getDateTypeTitle(DateType.Month),
                     key: DateType.Month,
                     value: DateType.Month,
                 },
                 {
-                    title: I18n.getLang('year'),
+                    title: getDateTypeTitle(DateType.Year),
                     key: DateType.Year,
                     value: DateType.Year,
                 }

package/src/modules/energyConsumption/component/NewBarChart.tsx

@@ -7,6 +7,7 @@ import {Utils} from "tuya-panel-kit";
 import {OverviewItem} from "../EnergyConsumptionPage";
 
 const {withTheme} = Utils.ThemeUtils
+const cx = Utils.RatioUtils.convertX;
 
 interface BarChartProps {
     theme?: ThemeType
@@ -61,12 +62,21 @@ const BarChartWithTouch = (props: BarChartProps) => {
             position: 'left',
             axisLabel: {
                 formatter: function (value) {
-                    return parseFloat(value).toFixed(2);
+                    const kwh=parseFloat(value);
+                    let toFixed = 2;
+                    if (kwh >= 100) {
+                        toFixed = 0;
+                    } else if (kwh >= 10) {
+                        toFixed = 1;
+                    }
+                    return kwh.toFixed(toFixed);
                 },
                 color:props.theme?.global.secondFontColor,
             },
             nameTextStyle: {
                 fontSize: 14,
+                align:'left',
+                padding: [0, 0, 0, cx(-30)],
                 color: props.theme?.global.secondFontColor,
             },
         }, {
@@ -79,12 +89,21 @@ const BarChartWithTouch = (props: BarChartProps) => {
             minInterval: 1,
             axisLabel: {
                 formatter: function (value) {
-                    return parseFloat(value).toFixed(1);
+                    const price=parseFloat(value);
+                    let toFixed = 2;
+                    if (price >= 100) {
+                        toFixed = 0;
+                    } else if (price >= 10) {
+                        toFixed = 1;
+                    }
+                    return price.toFixed(toFixed);
                 },
                 color:props.theme?.global.secondFontColor,
             },
             nameTextStyle: {
                 fontSize: 14,
+                align:'right',
+                padding: [0, cx(-30), 0, 0],
                 color: props.theme?.global.secondFontColor,
             },
         }],

package/src/modules/mood_new/MoodInfo.ts

@@ -206,13 +206,6 @@ function getOnlyRGBDefSceneList(): RemoteMoodInfo[] {
       t: 0,
       e: false,
     },
-    {
-      n: I18n.getLang('mesh_device_detail_lighting_white_mode'),
-      i: '0646460100000000000003e8000046460100000000000003e8019046460100000000000003e803e8',
-      s: '',
-      t: 0,
-      e: false,
-    },
     ...defColorSceneList,
   ];
 }