@ledvance/base 1.2.12 → 1.2.14

package/package.json

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

package/src/components/ApplyForDeviceList.d.ts

@@ -1,7 +1,7 @@
 import { DeviceInfo } from '../api/native';
 export interface ApplyForDeviceListProps {
     devices: DeviceInfo[];
-    expand: boolean;
-    onExpandChange: (expand: boolean) => void;
+    expand?: boolean;
+    onExpandChange?: (expand: boolean) => void;
 }
 export default function ApplyForDeviceList(props: ApplyForDeviceListProps): JSX.Element;

package/src/components/ApplyForDeviceList.tsx

@@ -5,22 +5,37 @@ import { FlatList, StyleSheet, View } from 'react-native'
 import Spacer from './Spacer'
 import ApplyForDeviceItem from './ApplyForDeviceItem'
 import { Utils } from 'tuya-panel-kit'
+import { useReactive, useUpdateEffect } from 'ahooks'
 
 const cx = Utils.RatioUtils.convertX
 
 export interface ApplyForDeviceListProps {
   devices: DeviceInfo[]
-  expand: boolean
-  onExpandChange: (expand: boolean) => void
+  expand?: boolean
+  onExpandChange?: (expand: boolean) => void
 }
 
 export default function ApplyForDeviceList(props: ApplyForDeviceListProps) {
+  const state = useReactive({
+    expand: props.expand || false
+  })
+
+  useUpdateEffect(() =>{
+    state.expand = props.expand || false
+  }, [props.expand])
+
   return <View>
     <ApplyForText
-      expand={props.expand}
-      onExpandChange={props.onExpandChange}/>
+      expand={state.expand}
+      onExpandChange={(expand) =>{
+        if(props.onExpandChange){
+          props.onExpandChange(expand)
+        }else{
+          state.expand = expand
+        }
+      }}/>
     <Spacer height={cx(2)}/>
-    {props.expand &&
+    {state.expand &&
       <FlatList
         style={styles.deviceList}
         data={props.devices}

package/src/components/ldvPresetView.tsx

@@ -18,7 +18,7 @@ const temperatures = [
     value: 40,
   },
   {
-    color: 'rgb(0, 255, 64)',
+    color: 'rgb(246, 247, 244)',
     value: 60,
   },
   {

package/src/hooks/Hooks.d.ts

@@ -0,0 +1,2 @@
+export declare function createParams<T>(params: T): T;
+export declare function useParams<T extends any>(): T;

package/src/hooks/Hooks.ts

@@ -0,0 +1,9 @@
+import { useRoute } from '@react-navigation/core'
+
+export function createParams<T>(params: T): T {
+  return { ...params }
+}
+
+export function useParams<T extends any>(): T {
+  return useRoute().params as T
+}