@ledvance/base 1.2.26 → 1.2.28

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.2.26",
+  "version": "1.2.28",
   "scripts": {},
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.6",

package/src/components/ApplyForDeviceItem.tsx

@@ -3,6 +3,7 @@ import React from 'react'
 import { Utils } from 'tuya-panel-kit'
 import { DeviceInfo } from '../api/native'
 import Spacer from './Spacer'
+import res from '../res'
 
 const cx = Utils.RatioUtils.convertX
 
@@ -13,16 +14,21 @@ export interface ApplyForDeviceItemProps {
 const ApplyForDeviceItem = (props: ApplyForDeviceItemProps) => {
   return (
     <View style={styles.root}>
-      <View style={styles.deviceInfo}>
-        <Image style={styles.deviceIcon} source={{ uri: props.deviceInfo.deviceIcon }}/>
-        <Text style={styles.deviceName}>{props.deviceInfo.deviceName}</Text>
-      </View>
-      <View style={styles.deviceRoomInfo}>
-        <View style={styles.roomNameTag}>
-          <Text style={styles.roomName}>{props.deviceInfo.roomName}</Text>
+      <View style={{ flex: 1 }}>
+        <View style={styles.deviceInfo}>
+          <Image style={styles.deviceIcon} source={{ uri: props.deviceInfo.deviceIcon }} />
+          <Text style={styles.deviceName}>{props.deviceInfo.deviceName}</Text>
+        </View>
+        <View style={styles.deviceRoomInfo}>
+          <View style={styles.roomNameTag}>
+            <Text style={styles.roomName}>{props.deviceInfo.roomName}</Text>
+          </View>
         </View>
+        <Spacer height={cx(6)} />
+      </View>
+      <View style={[styles.offlineIcon, {marginRight: cx(5)}]}>
+        {!props.deviceInfo.status && <Image style={styles.offlineIcon} source={res.offline_wifi} />}
       </View>
-      <Spacer height={cx(6)}/>
     </View>
   )
 }
@@ -31,6 +37,8 @@ const styles = StyleSheet.create({
   root: {
     marginHorizontal: cx(8),
     backgroundColor: '#fff',
+    flexDirection: 'row',
+    alignItems: 'center'
   },
   deviceInfo: {
     flex: 1,
@@ -67,6 +75,10 @@ const styles = StyleSheet.create({
     fontSize: cx(10),
     fontFamily: 'helvetica_neue_lt_std_roman',
   },
+  offlineIcon: {
+    width: cx(24),
+    height: cx(24)
+  }
 })
 
 export default ApplyForDeviceItem

package/src/components/MoodColorsLine.tsx

@@ -1,7 +1,7 @@
 import LinearGradientLine from './LinearGradientLine'
 import React from 'react'
 import {Utils} from 'tuya-panel-kit'
-import {StyleSheet} from 'react-native'
+import {StyleProp, StyleSheet, ViewStyle} from 'react-native'
 import ColorsLine from './ColorsLine'
 
 const cx = Utils.RatioUtils.convertX
@@ -13,13 +13,14 @@ interface MoodColorsLineProps {
   height?: number
   type: MoodColorsLineType
   colors: string[]
+  nodeStyle?: StyleProp<ViewStyle>
 }
 
 export default function MoodColorsLine(props: MoodColorsLineProps) {
   const width = props.width || cx(295)
   const height = props.height || cx(24)
   if (props.type === 'separate' || props.colors.length < 2) {
-    return (<ColorsLine colors={props.colors} style={{width, height}}/>)
+    return (<ColorsLine colors={props.colors} style={{width, height}} nodeStyle={props.nodeStyle}/>)
   } else {
     return (
       <LinearGradientLine

package/src/components/Stepper.tsx

@@ -5,7 +5,7 @@ import React, { memo, useCallback } from "react";
 import { TouchableOpacity, View, Image, TextInput, StyleSheet, StyleProp, ViewStyle } from "react-native";
 import { Utils } from "tuya-panel-kit";
 
-const { add, subtract, inMaxMin} = Utils.NumberUtils
+const { add, subtract, inMaxMin } = Utils.NumberUtils
 
 const { convertX: cx } = Utils.RatioUtils
 
@@ -14,6 +14,7 @@ export interface StepperProps {
   stepValue?: number  // 1
   min?: number  // 0
   max?: number // 99
+  precision?: number
   editable?: boolean
   selectionColor?: string
   isRealTime?: boolean
@@ -30,7 +31,8 @@ const Stepper = (props: StepperProps) => {
     value: localeNumber(Number(props.value), 1) ?? 0,
     stepValue: props.stepValue ?? 1,
     min: props.min ?? 0,
-    max: props.max ?? 99
+    max: props.max ?? 99,
+    precision: props.precision ?? 0
   })
 
   const handlePress = useCallback((isAdd: boolean) => {
@@ -40,34 +42,36 @@ const Stepper = (props: StepperProps) => {
   }, [])
 
 
-  const handleChangeText = useCallback((v: string) =>{
+  const handleChangeText = useCallback((v: string) => {
     const newValue = exchangeNumber(v)
     const idx = newValue.indexOf('.')
-    if(newValue[0] === '.' || 
-    (newValue.length === 2 && newValue[0] === '0' && newValue[1] !== '.') || 
-    newValue.split('').filter(item => item === '.').length > 1 ||
-    (!props.isBeyond && (Number(newValue) > state.max || Number(newValue) < state.min)) || 
-    (idx !== -1 && newValue.length > idx + 2)){
+    if (newValue[0] === '.' ||
+      (newValue.length === 2 && newValue[0] === '0' && newValue[1] !== '.') ||
+      newValue.split('').filter(item => item === '.').length > 1 ||
+      (!props.isBeyond && (Number(newValue) > state.max || Number(newValue) < state.min)) ||
+      (idx !== -1 && newValue.length > idx + 2)) {
       return
     }
-    if(props.isRealTime){
+    if (props.isRealTime) {
       if (typeof v === 'string' && !v.length) {
         props.onValueChange && props.onValueChange(0)
-      }else{
-        props.onValueChange && props.onValueChange(Number(exchangeNumber(v)))
+      } else {
+        const num = Number(exchangeNumber(v))
+        props.onValueChange && props.onValueChange(Number(num.toFixed(props.precision)))
       }
     }
     state.value = v
   }, [])
 
-  const handleEndText = useCallback(() =>{
+  const handleEndText = useCallback(() => {
     if (typeof state.value === 'string' && !state.value.length) {
       props.onValueChange && props.onValueChange(state.min)
       state.value = state.min.toString()
-    }else{
-      props.onValueChange && props.onValueChange(Number(exchangeNumber(state.value)))
+    } else {
+      const num = Number(exchangeNumber(state.value))
+      props.onValueChange && props.onValueChange(Number(num.toFixed(props.precision)))
     }
-    
+
   }, [])
 
   return (