@ledvance/base 1.1.92 → 1.1.94

package/package.json

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

package/src/api/native.ts

@@ -1,6 +1,6 @@
 import {NativeModules, Platform} from 'react-native'
 import {NativeResult, Result} from '../models/modules/Result'
-
+import { TYSdk } from 'tuya-panel-kit'
 interface LDVDevicePanelManager {
   back: () => void
   control: (params: any, callback: (result: any) => void) => void
@@ -363,3 +363,25 @@ export const getMicrophoneAccess: () => Promise<boolean> = () => {
       })
   })
 }
+
+export const getTuyaCloudData = (devId: string): Promise<Record<string, any>> => {
+  return new Promise((resolve, reject) => {
+    TYSdk.native.apiRNRequest(
+      {
+        a: 's.m.dev.property.get',
+        postData: {
+          devId: devId,
+          bizType: 0,
+        },
+        v: '2.0'
+      },
+      (d: string) => {
+        const data = typeof d === 'string' ? JSON.parse(d) : d;
+        resolve(data);
+      },
+      (err: string) => {
+        reject(err);
+      }
+    )
+  })
+}

package/src/components/DrawToolView.tsx

@@ -53,6 +53,9 @@ interface DrawToolViewProps extends PropsWithChildren<ViewProps> {
   hideLedNum?: boolean
   ledNum?: number
   setLedNum: (num: number) => void
+  hidLampAdjustView?: boolean
+  hideDisableLight?: boolean
+  hideColorize?: boolean
 }
 
 const DrawToolView = (props: DrawToolViewProps) => {
@@ -88,7 +91,7 @@ const DrawToolView = (props: DrawToolViewProps) => {
     }
     return '#ffffff'
   }, [props.isColorMode, props.h, props.s])
-
+  
   return (
     <Card style={{ marginHorizontal: cx(24) }}>
       <LdvSwitch
@@ -97,109 +100,117 @@ const DrawToolView = (props: DrawToolViewProps) => {
         colorAlpha={1}
         enable={!!props.switchLed}
         showSwitch={!!props.showEnable}
-        setEnable={props.setEnable}/>
+        setEnable={props.setEnable} />
       {(props.showEnable && props.switchLed || !props.showEnable) && <>
-          <View style={styles.container}>
-              <View style={styles.adjustButtons}>
-                  <TouchableOpacity
-                      onPress={() => {
-                        props.setAdjustType(1)
-                      }}>
-                      <Image
-                          style={[styles.adjustButton, { tintColor: props.adjustType === 1 ? '#f60' : '#666' }]}
-                          source={res.ic_paint_bucket}/>
-                  </TouchableOpacity>
-                  <TouchableOpacity
-                      onPress={() => {
-                        props.setAdjustType(3)
-                      }}>
-                      <Image
-                          style={[styles.adjustButton, { tintColor: props.adjustType === 3 ? '#f60' : '#666' }]}
-                          source={res.ic_disabled_light}/>
-                  </TouchableOpacity>
-                  <TouchableOpacity
-                      onPress={() => {
-                        props.setAdjustType(2)
-                      }}>
-                      <Image
-                          style={[styles.adjustButton, { tintColor: props.adjustType === 2 ? '#f60' : '#666' }]}
-                          source={res.ic_colorize}/>
-                  </TouchableOpacity>
-                {!props.hideLedNum && <TouchableOpacity
-                    onPress={() => {
-                      state.visible = true
-                    }}
-                    style={[styles.adjustButton, {
-                      alignItems: 'center',
-                      justifyContent: 'center',
-                      backgroundColor: '#f60',
-                      borderRadius: cx(5),
-                    }]}>
-                    <Text style={{ color: '#fff', fontSize: cx(18), fontWeight: 'bold' }}>{props.ledNum || 5}</Text>
-                </TouchableOpacity>}
-              </View>
-              <StripLightView
-                  style={{ height, flex: 1 }}
-                  nodes={props.nodes}
-                  fixCount={props.fixCount || 5}
-                  stripStyle={props.stripStyle || 'WITH_BEAD'}
-                  touchingMode={props.touchingMode || 'TOUCH'}
-                  width={state.width}
-                  onLayout={onLayout}/>
+        <View style={styles.container}>
+          <View style={styles.adjustButtons}>
+            <TouchableOpacity
+              onPress={() => {
+                props.setAdjustType(1)
+              }}>
+              <Image
+                style={[styles.adjustButton, { tintColor: props.adjustType === 1 ? '#f60' : '#666' }]}
+                source={res.ic_paint_bucket} />
+            </TouchableOpacity>
+            {!props.hideDisableLight && <TouchableOpacity
+              onPress={() => {
+                props.setAdjustType(3)
+              }}>
+              <Image
+                style={[styles.adjustButton, { tintColor: props.adjustType === 3 ? '#f60' : '#666' }]}
+                source={res.ic_disabled_light} />
+            </TouchableOpacity>}
+            {!props.hideColorize && <TouchableOpacity
+              onPress={() => {
+                props.setAdjustType(2)
+              }}>
+              <Image
+                style={[styles.adjustButton, { tintColor: props.adjustType === 2 ? '#f60' : '#666' }]}
+                source={res.ic_colorize} />
+            </TouchableOpacity>}
+            {!props.hideLedNum && <TouchableOpacity
+              onPress={() => {
+                state.visible = true
+              }}
+              style={[styles.adjustButton, {
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: '#f60',
+                borderRadius: cx(5),
+              }]}>
+              <Text style={{ color: '#fff', fontSize: cx(18), fontWeight: 'bold' }}>{props.ledNum || 5}</Text>
+            </TouchableOpacity>}
           </View>
-          <LdvSwitch
-              title={I18n.getLang('add_new_dynamic_mood_lights_field_headline2_text')}
-              color={getBlockColor()}
-              colorAlpha={1}
-              enable={false}
-              showSwitch={false}
-              setEnable={() => {
-              }}/>
-          <LampAdjustView
-              isSupportColor={!!props.isSupportColor}
-              isSupportTemperature={!!props.isSupportTemperature}
-              isSupportBrightness={!!props.isSupportBrightness}
-              isColorMode={!!props.isColorMode}
-              reserveSV={true}
-              setIsColorMode={props.setIsColorMode}
-              h={props.h} s={props.s} v={props.v}
-              onHSVChange={props.onHSVChange}
-              onHSVChangeComplete={props.onHSVChangeComplete}
-              colorTemp={props.temperature}
-              brightness={props.brightness}
-              onCCTChange={props.onCCTChange}
-              onCCTChangeComplete={props.onCCTChangeComplete}
-              onBrightnessChange={props.onBrightnessChange}
-              onBrightnessChangeComplete={props.onBrightnessChangeComplete}/>
+          <StripLightView
+            style={{ height, flex: 1 }}
+            nodes={props.nodes}
+            fixCount={props.fixCount || 5}
+            stripStyle={props.stripStyle || 'WITH_BEAD'}
+            touchingMode={props.touchingMode || 'TOUCH'}
+            width={state.width}
+            onLayout={onLayout} />
+        </View>
+        <LdvSwitch
+          title={I18n.getLang('add_new_dynamic_mood_lights_field_headline2_text')}
+          color={getBlockColor()}
+          colorAlpha={1}
+          enable={false}
+          showSwitch={false}
+          setEnable={() => {
+          }} />
+        {!props.hidLampAdjustView && <LampAdjustView
+          isSupportColor={!!props.isSupportColor}
+          isSupportTemperature={!!props.isSupportTemperature}
+          isSupportBrightness={!!props.isSupportBrightness}
+          isColorMode={!!props.isColorMode}
+          reserveSV={true}
+          setIsColorMode={props.setIsColorMode}
+          h={props.h} s={props.s} v={props.v}
+          onHSVChange={props.onHSVChange}
+          onHSVChangeComplete={props.onHSVChangeComplete}
+          colorTemp={props.temperature}
+          brightness={props.brightness}
+          onCCTChange={props.onCCTChange}
+          onCCTChangeComplete={props.onCCTChangeComplete}
+          onBrightnessChange={props.onBrightnessChange}
+          onBrightnessChangeComplete={props.onBrightnessChangeComplete} />}
         {!props.hideLedNum && <Modal
-            visible={state.visible}
-            onMaskPress={() => {
-              state.visible = false
-            }}
-            alignContainer="center"
-            style={{ width: '100%', height: cx(100) }}>
-            <Card style={{ marginHorizontal: cx(24), marginTop: cx(50), alignItems: 'center' }}>
-                <Spacer/>
-                <Stepper
-                    min={5}
-                    max={48}
-                    stepValue={1}
-                    editable={true}
-                    value={state.ledNum}
-                    onValueChange={(v) => {
-                      state.ledNum = v
-                    }}/>
-                <Spacer/>
-                <DeleteButton
-                    text={I18n.getLang('auto_scan_system_wifi_confirm')}
-                    style={{ width: cx(150), height: cx(40), backgroundColor: '#f60' }}
-                    textStyle={{ fontSize: cx(14) }}
-                    onPress={() => {
-                      props.setLedNum(state.ledNum)
-                      state.visible = false
-                    }}/>
-                <Spacer/>
-            </Card>
+          visible={state.visible}
+          onMaskPress={() => {
+            state.visible = false
+          }}
+          alignContainer="center"
+          style={{ width: '100%', height: cx(150) }}>
+          <Card
+            containerStyle={{ marginHorizontal: cx(16), alignItems: 'center' }}
+            style={{ marginHorizontal: cx(16), marginTop: cx(50) }}>
+            <Spacer />
+            <Text style={{ color: '#000', fontSize: cx(14) }}>{I18n.getLang('string_lights_set_bulbs_title')}</Text>
+            <Spacer height={cx(10)}/>
+            <Text style={{color: '#999'}}>{I18n.getLang('string_lights_set_bulbs_description_text')}</Text>
+            <Spacer />
+            <Stepper
+              min={5}
+              max={48}
+              stepValue={1}
+              editable={true}
+              value={state.ledNum}
+              isRealTime={true}
+              onValueChange={(v) => {
+                state.ledNum = v
+              }} />
+            <Spacer />
+            <DeleteButton
+              text={I18n.getLang('auto_scan_system_wifi_confirm')}
+              style={{ width: cx(150), height: cx(40), backgroundColor: (state.ledNum < 5 || state.ledNum > 48) ? '#666' : '#f60' }}
+              textStyle={{ fontSize: cx(14) }}
+              onPress={() => {
+                if(state.ledNum < 5 || state.ledNum > 48) return
+                props.setLedNum(state.ledNum)
+                state.visible = false
+              }} />
+            <Spacer />
+          </Card>
         </Modal>}
         {props.children}
       </>}

package/src/components/Stepper.tsx

@@ -16,6 +16,7 @@ export interface StepperProps {
   max?: number // 99
   editable?: boolean
   selectionColor?: string
+  isRealTime?: boolean
   onValueChange?: ((value: number) => void)
   disabled?: boolean
   style?: StyleProp<ViewStyle>
@@ -44,10 +45,17 @@ const Stepper = (props: StepperProps) => {
     if(newValue[0] === '.' || 
     (newValue.length === 2 && newValue[0] === '0' && newValue[1] !== '.') || 
     newValue.split('').filter(item => item === '.').length > 1 ||
-    Number(newValue) > state.max || Number(newValue) < state.min || 
+    // Number(newValue) > state.max || Number(newValue) < state.min || 
     (idx !== -1 && newValue.length > idx + 2)){
       return
     }
+    if(props.isRealTime){
+      if (typeof v === 'string' && !v.length) {
+        props.onValueChange && props.onValueChange(0)
+      }else{
+        props.onValueChange && props.onValueChange(Number(exchangeNumber(v)))
+      }
+    }
     state.value = v
   }, [])
 

package/src/components/ldvPickerView.tsx

@@ -29,6 +29,7 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
       <View style={styles.picContainer}>
         <Picker
           style={[styles.picker, styles.pickerLeft]}
+          loop={true}
           theme={pickerTheme}
           itemStyle={styles.pickerItem}
           textSize={convertX(14)}
@@ -48,6 +49,7 @@ const LdvPickerView = (props: LdvPickerViewProps) => {
       <View style={styles.picContainer}>
         <Picker
           style={[styles.picker, styles.pickerLeft]}
+          loop={true}
           theme={pickerTheme}
           itemStyle={styles.pickerItem}
           textSize={convertX(14)}