@ledvance/base 1.2.82 → 1.2.83

package/src/components/AdvanceList.tsx

@@ -1,70 +1,70 @@
-import React, { useCallback } from 'react'
-import { FlatList, StyleSheet, View, Image } from 'react-native'
-import AdvanceCard, { AdvancedData } from './AdvanceCard'
-import Spacer from './Spacer'
-import { useNavigation } from '@react-navigation/core'
-import { Utils } from 'tuya-panel-kit'
-
-const { convertX: cx } = Utils.RatioUtils
-
-export interface AdvanceListProps {
-  advanceData: AdvancedData[],
-  onAdvanceItemClick?: (advanceData: AdvancedData, index: number) => Promise<void> | undefined
-}
-
-function AdvanceList(props: AdvanceListProps) {
-  const navigation = useNavigation()
-
-  const { advanceData, onAdvanceItemClick } = props
-
-  const renderItem = useCallback(({ item, index }) => (
-    <View style={styles.item}>
-      <AdvanceCard
-        data={item}
-        onPress={() => {
-          if (!onAdvanceItemClick || onAdvanceItemClick(item, index)) {
-            navigation.navigate(item.router.key, item.router.params)
-          }
-        }}>
-        {item.icons && <View style={{
-          height: cx(118),
-          justifyContent: 'center',
-          alignItems: 'center',
-        }}>
-          <Image source={item.icons} style={{ width: cx(80), height: cx(80) }} />
-        </View>}
-      </AdvanceCard>
-    </View>
-  ), [navigation, onAdvanceItemClick])
-
-  const keyExtractor = useCallback((item: AdvancedData, index: number) => item.dp?.code || `key-${index}`, [])
-
-  const Header = useCallback(() => <Spacer height={cx(10)} />, [])
-  const Separator = useCallback(() => <Spacer />, [])
-  const Footer = useCallback(() => <Spacer height={cx(30)} />, [])
-
-  return (
-    <FlatList
-      numColumns={2}
-      style={styles.container}
-      data={advanceData}
-      renderItem={renderItem}
-      keyExtractor={keyExtractor}
-      ListHeaderComponent={Header}
-      ItemSeparatorComponent={Separator}
-      ListFooterComponent={Footer} />
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    marginHorizontal: cx(14),
-  },
-  item: {
-    flex: .5,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-})
-
+import React, { useCallback } from 'react'
+import { FlatList, StyleSheet, View, Image } from 'react-native'
+import AdvanceCard, { AdvancedData } from './AdvanceCard'
+import Spacer from './Spacer'
+import { useNavigation } from '@react-navigation/core'
+import { Utils } from 'tuya-panel-kit'
+
+const { convertX: cx } = Utils.RatioUtils
+
+export interface AdvanceListProps {
+  advanceData: AdvancedData[],
+  onAdvanceItemClick?: (advanceData: AdvancedData, index: number) => Promise<void> | undefined
+}
+
+function AdvanceList(props: AdvanceListProps) {
+  const navigation = useNavigation()
+
+  const { advanceData, onAdvanceItemClick } = props
+
+  const renderItem = useCallback(({ item, index }) => (
+    <View style={styles.item}>
+      <AdvanceCard
+        data={item}
+        onPress={() => {
+          if (!onAdvanceItemClick || onAdvanceItemClick(item, index)) {
+            navigation.navigate(item.router.key, item.router.params)
+          }
+        }}>
+        {item.icons && <View style={{
+          height: cx(118),
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+          <Image source={item.icons} style={{ width: cx(80), height: cx(80) }} />
+        </View>}
+      </AdvanceCard>
+    </View>
+  ), [navigation, onAdvanceItemClick])
+
+  const keyExtractor = useCallback((item: AdvancedData, index: number) => item.dp?.code || `key-${index}`, [])
+
+  const Header = useCallback(() => <Spacer height={cx(10)} />, [])
+  const Separator = useCallback(() => <Spacer />, [])
+  const Footer = useCallback(() => <Spacer height={cx(30)} />, [])
+
+  return (
+    <FlatList
+      numColumns={2}
+      style={styles.container}
+      data={advanceData}
+      renderItem={renderItem}
+      keyExtractor={keyExtractor}
+      ListHeaderComponent={Header}
+      ItemSeparatorComponent={Separator}
+      ListFooterComponent={Footer} />
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    marginHorizontal: cx(14),
+  },
+  item: {
+    flex: .5,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+})
+
 export default React.memo(AdvanceList)

package/src/components/ApplyForDeviceItem.d.ts

@@ -1,6 +1,6 @@
-import { DeviceInfo } from '../api/native';
-export interface ApplyForDeviceItemProps {
-    deviceInfo: DeviceInfo;
-}
-declare const ApplyForDeviceItem: (props: ApplyForDeviceItemProps) => JSX.Element;
-export default ApplyForDeviceItem;
+import { DeviceInfo } from '../api/native';
+export interface ApplyForDeviceItemProps {
+    deviceInfo: DeviceInfo;
+}
+declare const ApplyForDeviceItem: (props: ApplyForDeviceItemProps) => JSX.Element;
+export default ApplyForDeviceItem;

package/src/components/ApplyForDeviceItem.tsx

@@ -1,84 +1,84 @@
-import { Image, StyleSheet, Text, View } from 'react-native'
-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
-
-export interface ApplyForDeviceItemProps {
-  deviceInfo: DeviceInfo
-}
-
-const ApplyForDeviceItem = (props: ApplyForDeviceItemProps) => {
-  return (
-    <View style={styles.root}>
-      <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>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  root: {
-    marginHorizontal: cx(8),
-    backgroundColor: '#fff',
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  deviceInfo: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: cx(4),
-  },
-  deviceIcon: {
-    width: cx(24),
-    height: cx(24),
-    marginStart: cx(6),
-  },
-  deviceName: {
-    flex: 1,
-    marginStart: cx(8),
-    color: '#666',
-    fontSize: cx(16),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  deviceRoomInfo: {
-    marginStart: cx(38),
-    flexDirection: 'row',
-  },
-  roomNameTag: {
-    height: cx(16),
-    display: 'flex',
-    justifyContent: 'center',
-    backgroundColor: '#cbcbcb',
-    borderRadius: cx(8),
-  },
-  roomName: {
-    marginHorizontal: cx(12),
-    color: '#000',
-    fontSize: cx(10),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  offlineIcon: {
-    width: cx(24),
-    height: cx(24)
-  }
-})
-
+import { Image, StyleSheet, Text, View } from 'react-native'
+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
+
+export interface ApplyForDeviceItemProps {
+  deviceInfo: DeviceInfo
+}
+
+const ApplyForDeviceItem = (props: ApplyForDeviceItemProps) => {
+  return (
+    <View style={styles.root}>
+      <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>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    marginHorizontal: cx(8),
+    backgroundColor: '#fff',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  deviceInfo: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: cx(4),
+  },
+  deviceIcon: {
+    width: cx(24),
+    height: cx(24),
+    marginStart: cx(6),
+  },
+  deviceName: {
+    flex: 1,
+    marginStart: cx(8),
+    color: '#666',
+    fontSize: cx(16),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  deviceRoomInfo: {
+    marginStart: cx(38),
+    flexDirection: 'row',
+  },
+  roomNameTag: {
+    height: cx(16),
+    display: 'flex',
+    justifyContent: 'center',
+    backgroundColor: '#cbcbcb',
+    borderRadius: cx(8),
+  },
+  roomName: {
+    marginHorizontal: cx(12),
+    color: '#000',
+    fontSize: cx(10),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  offlineIcon: {
+    width: cx(24),
+    height: cx(24)
+  }
+})
+
 export default ApplyForDeviceItem

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

package/src/components/ApplyForDeviceList.tsx

@@ -1,62 +1,62 @@
-import { DeviceInfo } from '../api/native'
-import React from 'react'
-import ApplyForText from './ApplyForText'
-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
-}
-
-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={state.expand}
-      onExpandChange={(expand) =>{
-        if(props.onExpandChange){
-          props.onExpandChange(expand)
-        }else{
-          state.expand = expand
-        }
-      }}/>
-    <Spacer height={cx(2)}/>
-    {state.expand &&
-      <FlatList
-        style={styles.deviceList}
-        data={props.devices}
-        renderItem={({ item }) => <ApplyForDeviceItem deviceInfo={item}/>}
-        keyExtractor={item => item.deviceId}
-        ItemSeparatorComponent={() => {
-          return (
-            <Spacer
-              style={{
-                backgroundColor: 'rgb(241,241,241)',
-              }}
-              height={cx(8)}/>
-          )
-        }}/>}
-  </View>
-}
-
-const styles = StyleSheet.create({
-  deviceList: {
-    marginHorizontal: cx(16),
-    paddingVertical: cx(8),
-    backgroundColor: 'rgb(241,241,241)',
-  },
+import { DeviceInfo } from '../api/native'
+import React from 'react'
+import ApplyForText from './ApplyForText'
+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
+}
+
+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={state.expand}
+      onExpandChange={(expand) =>{
+        if(props.onExpandChange){
+          props.onExpandChange(expand)
+        }else{
+          state.expand = expand
+        }
+      }}/>
+    <Spacer height={cx(2)}/>
+    {state.expand &&
+      <FlatList
+        style={styles.deviceList}
+        data={props.devices}
+        renderItem={({ item }) => <ApplyForDeviceItem deviceInfo={item}/>}
+        keyExtractor={item => item.deviceId}
+        ItemSeparatorComponent={() => {
+          return (
+            <Spacer
+              style={{
+                backgroundColor: 'rgb(241,241,241)',
+              }}
+              height={cx(8)}/>
+          )
+        }}/>}
+  </View>
+}
+
+const styles = StyleSheet.create({
+  deviceList: {
+    marginHorizontal: cx(16),
+    paddingVertical: cx(8),
+    backgroundColor: 'rgb(241,241,241)',
+  },
 })

package/src/components/ApplyForText.d.ts

@@ -1,6 +1,6 @@
-export interface ApplyForTextProps {
-    expand: boolean;
-    onExpandChange: (expand: boolean) => void;
-}
-declare const ApplyForText: (props: ApplyForTextProps) => JSX.Element;
-export default ApplyForText;
+export interface ApplyForTextProps {
+    expand: boolean;
+    onExpandChange: (expand: boolean) => void;
+}
+declare const ApplyForText: (props: ApplyForTextProps) => JSX.Element;
+export default ApplyForText;

package/src/components/ApplyForText.tsx

@@ -1,53 +1,53 @@
-import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
-import React from 'react'
-import { Utils } from 'tuya-panel-kit'
-import res from '../res/index'
-import I18n from '../i18n/index'
-
-const cx = Utils.RatioUtils.convertX
-
-export interface ApplyForTextProps {
-  expand: boolean
-  onExpandChange: (expand: boolean) => void
-}
-
-const ApplyForText = (props: ApplyForTextProps) => {
-  return (
-    <TouchableOpacity
-      onPress={() => {
-        props.onExpandChange(!props.expand)
-      }}>
-      <View style={styles.root}>
-        <Text style={styles.text}>{I18n.getLang('timeschedule_add_schedule_subheadline_text')}</Text>
-        <Image
-          style={
-            [styles.icon,
-              {
-                transform: [{ rotate: props.expand ? '0deg' : '180deg' }],
-              },
-            ]}
-          source={res.ic_top_arrow}/>
-      </View>
-    </TouchableOpacity>
-  )
-}
-
-const styles = StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginStart: cx(16),
-  },
-  text: {
-    color: '#666',
-    fontSize: cx(16),
-    letterSpacing: cx(0.12),
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  icon: {
-    width: cx(24),
-    height: cx(24),
-  },
-})
-
+import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
+import React from 'react'
+import { Utils } from 'tuya-panel-kit'
+import res from '../res/index'
+import I18n from '../i18n/index'
+
+const cx = Utils.RatioUtils.convertX
+
+export interface ApplyForTextProps {
+  expand: boolean
+  onExpandChange: (expand: boolean) => void
+}
+
+const ApplyForText = (props: ApplyForTextProps) => {
+  return (
+    <TouchableOpacity
+      onPress={() => {
+        props.onExpandChange(!props.expand)
+      }}>
+      <View style={styles.root}>
+        <Text style={styles.text}>{I18n.getLang('timeschedule_add_schedule_subheadline_text')}</Text>
+        <Image
+          style={
+            [styles.icon,
+              {
+                transform: [{ rotate: props.expand ? '0deg' : '180deg' }],
+              },
+            ]}
+          source={res.ic_top_arrow}/>
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginStart: cx(16),
+  },
+  text: {
+    color: '#666',
+    fontSize: cx(16),
+    letterSpacing: cx(0.12),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  icon: {
+    width: cx(24),
+    height: cx(24),
+  },
+})
+
 export default ApplyForText

package/src/components/Card.d.ts

@@ -1,10 +1,10 @@
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import { PropsWithChildren } from 'react';
-interface CardProps extends PropsWithChildren<ViewProps> {
-    shadowHeight?: number | undefined;
-    onPress?: () => void;
-    onLongPress?: () => void;
-    containerStyle?: StyleProp<ViewStyle>;
-}
-export default function Card(props: CardProps): JSX.Element;
-export {};
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import { PropsWithChildren } from 'react';
+interface CardProps extends PropsWithChildren<ViewProps> {
+    shadowHeight?: number | undefined;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+export default function Card(props: CardProps): JSX.Element;
+export {};