@ledvance/base 1.2.83 → 1.2.85

package/src/components/ShowSelect.tsx

@@ -1,159 +1,159 @@
-import React from 'react'
-import { View, Text, TouchableOpacity, Image } from 'react-native'
-import { Utils, Popup } from 'tuya-panel-kit'
-import Img from 'res'
-import Strings from '@i18n'
-
-const { convertX, height } = Utils.RatioUtils
-
-export const ShowSelectView = (title, data, defaultValue, callback) => {
-
-  const renderSelectView = () => {
-    return (
-      <View
-        style={{
-          height: height - convertX(120),
-          backgroundColor: 'rgb(242, 242, 247)',
-          flexDirection: 'column',
-        }}
-      >
-        <View style={{ marginHorizontal: convertX(16), marginVertical: convertX(40),shadow: {
-        shadowColor: '#000000',
-        shadowOpacity: 0.2,
-        shadowRadius: 8,
-        elevation:8,
-        shadowOffset: {
-            width: 0,
-            height: 4,
-        },
-        backgroundColor: '#fff',
-        borderRadius: 8,
-    }, }}>
-          {
-            data.map((item, index) => {
-              if (index === 0) {
-                return (
-                  <View key={item?.id}>
-                    {renderItemView(item, () => {
-                      Popup.close()
-                      callback(item)
-                    })}
-                  </View>
-                )
-              } else {
-                return (
-                  <View key={item?.id}>
-                    {renderLineView()}
-                    {renderItemView(item, () => {
-                      Popup.close()
-                      callback(item)
-                    })}
-                  </View>
-                )
-              }
-            })
-          }
-        </View>
-      </View>
-    )
-  }
-
-  const renderItemView = ({ title }, onPress) => {
-    return (<TouchableOpacity
-      style={{
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        // flex: 1,
-        flexDirection: 'row',
-        height: convertX(44),
-        paddingHorizontal: convertX(12)
-      }}
-      onPress={() => { if (defaultValue !== title) onPress() }}
-    >
-      <View>
-        <Text
-          style={{
-            fontSize: convertX(17),
-            color: '#000',
-          }}
-        >
-          {title}
-        </Text>
-      </View>
-      {defaultValue === title &&
-        <Image
-          style={{ width: convertX(16), height: convertX(16) }}
-          source={Img.app_music_check}
-          resizeMode="contain"
-        />}
-    </TouchableOpacity>)
-  }
-
-  const renderLineView = () => {
-    return (<View
-      style={{
-        height: convertX(1),
-        backgroundColor: 'rgba(60, 60, 67, 0.36)',
-        marginLeft: convertX(12)
-      }}
-    ></View>)
-  }
-
-  const titleNode = () => {
-    return (
-      <View style={{ flexDirection: 'row', position: 'relative', height: convertX(81) }}>
-        <TouchableOpacity
-          style={{
-            position: 'absolute',
-            left: convertX(16),
-            bottom: convertX(12),
-            zIndex: 1
-          }}
-          onPress={() => Popup.close()}
-        >
-          <Text
-            style={{
-              fontSize: convertX(17),
-              color: '#FF6600',
-            }}
-          >
-            {Strings.getLang('auto_scan_system_cancel')}
-          </Text>
-        </TouchableOpacity>
-        <View style={{ flexDirection: 'column-reverse', flex: 1, alignItems: 'center' }}>
-          <Text style={{
-            fontSize: convertX(17),
-            fontWeight: 'bold',
-            color: '#000000',
-            paddingBottom: convertX(12)
-          }}>{title}</Text>
-        </View>
-      </View>
-    )
-  }
-
-  Popup.custom({
-    content: renderSelectView(),
-    title: titleNode(),
-    titleTextStyle: {
-      color: '#f60',
-      fontWeight: 'bold',
-      fontFamily: 'helvetica_neue_lt_std_bd',
-      height: convertX(91),
-    },
-    footer: null,
-    footerWrapperStyle: {
-      display: 'none'
-    },
-    cancelText: '',
-    confirmText: '',
-    onMaskPress: ({ close }) => {
-      close()
-    },
-    onConfirm: () => {
-      Popup.close()
-    },
-  })
-
-
+import React from 'react'
+import { View, Text, TouchableOpacity, Image } from 'react-native'
+import { Utils, Popup } from 'tuya-panel-kit'
+import Img from 'res'
+import Strings from '@i18n'
+
+const { convertX, height } = Utils.RatioUtils
+
+export const ShowSelectView = (title, data, defaultValue, callback) => {
+
+  const renderSelectView = () => {
+    return (
+      <View
+        style={{
+          height: height - convertX(120),
+          backgroundColor: 'rgb(242, 242, 247)',
+          flexDirection: 'column',
+        }}
+      >
+        <View style={{ marginHorizontal: convertX(16), marginVertical: convertX(40),shadow: {
+        shadowColor: '#000000',
+        shadowOpacity: 0.2,
+        shadowRadius: 8,
+        elevation:8,
+        shadowOffset: {
+            width: 0,
+            height: 4,
+        },
+        backgroundColor: '#fff',
+        borderRadius: 8,
+    }, }}>
+          {
+            data.map((item, index) => {
+              if (index === 0) {
+                return (
+                  <View key={item?.id}>
+                    {renderItemView(item, () => {
+                      Popup.close()
+                      callback(item)
+                    })}
+                  </View>
+                )
+              } else {
+                return (
+                  <View key={item?.id}>
+                    {renderLineView()}
+                    {renderItemView(item, () => {
+                      Popup.close()
+                      callback(item)
+                    })}
+                  </View>
+                )
+              }
+            })
+          }
+        </View>
+      </View>
+    )
+  }
+
+  const renderItemView = ({ title }, onPress) => {
+    return (<TouchableOpacity
+      style={{
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        // flex: 1,
+        flexDirection: 'row',
+        height: convertX(44),
+        paddingHorizontal: convertX(12)
+      }}
+      onPress={() => { if (defaultValue !== title) onPress() }}
+    >
+      <View>
+        <Text
+          style={{
+            fontSize: convertX(17),
+            color: '#000',
+          }}
+        >
+          {title}
+        </Text>
+      </View>
+      {defaultValue === title &&
+        <Image
+          style={{ width: convertX(16), height: convertX(16) }}
+          source={Img.app_music_check}
+          resizeMode="contain"
+        />}
+    </TouchableOpacity>)
+  }
+
+  const renderLineView = () => {
+    return (<View
+      style={{
+        height: convertX(1),
+        backgroundColor: 'rgba(60, 60, 67, 0.36)',
+        marginLeft: convertX(12)
+      }}
+    ></View>)
+  }
+
+  const titleNode = () => {
+    return (
+      <View style={{ flexDirection: 'row', position: 'relative', height: convertX(81) }}>
+        <TouchableOpacity
+          style={{
+            position: 'absolute',
+            left: convertX(16),
+            bottom: convertX(12),
+            zIndex: 1
+          }}
+          onPress={() => Popup.close()}
+        >
+          <Text
+            style={{
+              fontSize: convertX(17),
+              color: '#FF6600',
+            }}
+          >
+            {Strings.getLang('auto_scan_system_cancel')}
+          </Text>
+        </TouchableOpacity>
+        <View style={{ flexDirection: 'column-reverse', flex: 1, alignItems: 'center' }}>
+          <Text style={{
+            fontSize: convertX(17),
+            fontWeight: 'bold',
+            color: '#000000',
+            paddingBottom: convertX(12)
+          }}>{title}</Text>
+        </View>
+      </View>
+    )
+  }
+
+  Popup.custom({
+    content: renderSelectView(),
+    title: titleNode(),
+    titleTextStyle: {
+      color: '#f60',
+      fontWeight: 'bold',
+      fontFamily: 'helvetica_neue_lt_std_bd',
+      height: convertX(91),
+    },
+    footer: null,
+    footerWrapperStyle: {
+      display: 'none'
+    },
+    cancelText: '',
+    confirmText: '',
+    onMaskPress: ({ close }) => {
+      close()
+    },
+    onConfirm: () => {
+      Popup.close()
+    },
+  })
+
+
 }

package/src/components/SocketItem.d.ts

@@ -1,13 +1,13 @@
-import { PropsWithChildren } from "react";
-import { ViewProps } from "react-native";
-interface SocketItemProps extends PropsWithChildren<ViewProps> {
-    title: string;
-    name: string;
-    icon: any;
-    disabledEdit?: boolean;
-    onNameChange: (value: string) => void;
-    enabled: boolean;
-    onSwitchChange: (value: boolean) => void;
-}
-declare function SocketItem(props: SocketItemProps): JSX.Element;
-export default SocketItem;
+import { PropsWithChildren } from "react";
+import { ViewProps } from "react-native";
+interface SocketItemProps extends PropsWithChildren<ViewProps> {
+    title: string;
+    name: string;
+    icon: any;
+    disabledEdit?: boolean;
+    onNameChange: (value: string) => void;
+    enabled: boolean;
+    onSwitchChange: (value: boolean) => void;
+}
+declare function SocketItem(props: SocketItemProps): JSX.Element;
+export default SocketItem;

package/src/components/SocketItem.tsx

@@ -1,88 +1,88 @@
-import React, { PropsWithChildren } from "react";
-import { View, Image, StyleSheet, Text, TouchableOpacity, ViewProps } from "react-native";
-import Card from "@ledvance/base/src/components/Card";
-import Spacer from "@ledvance/base/src/components/Spacer";
-import { Dialog, SwitchButton, Utils } from "tuya-panel-kit";
-import I18n from "@ledvance/base/src/i18n";
-
-const cx = Utils.RatioUtils.convertX
-
-interface SocketItemProps extends PropsWithChildren<ViewProps>{
-  title: string
-  name: string
-  icon: any
-  disabledEdit?: boolean
-  onNameChange: (value: string) => void
-  enabled: boolean
-  onSwitchChange: (value: boolean) => void
-}
-
-function SocketItem(props: SocketItemProps) {
-  return (
-    <Card style={{ marginHorizontal: cx(24) }}>
-      <View>
-        <Spacer />
-        <View style={styles.switchLine}>
-          <Text style={styles.title}>{props.title}</Text>
-          <Spacer height={0} width={cx(12)} />
-          <Image style={styles.icon} source={props.icon} />
-          <Spacer style={{ flex: 1 }} />
-          <SwitchButton
-            value={props.enabled}
-            onValueChange={props.onSwitchChange} />
-        </View>
-        <TouchableOpacity
-          style={styles.nameLine}
-          onPress={() => {
-            if(props.disabledEdit) return
-            Dialog.prompt({
-              title: I18n.getLang('routines_add_edit_name'),
-              value: props.name,
-              cancelText: I18n.getLang('auto_scan_system_cancel'),
-              confirmText: I18n.getLang('auto_scan_system_wifi_confirm'),
-              onChangeText: text => {
-                return text.length <= 32 ? text : text.slice(0, 32)
-              },
-              onConfirm: (text, { close }) => {
-                props.onNameChange(text)
-                close()
-              },
-            })
-          }}>
-          <Text style={styles.name}>{props.name}</Text>
-        </TouchableOpacity>
-        <Spacer height={cx(16)} />
-        {props.children}
-      </View>
-    </Card>
-  )
-}
-
-const styles = StyleSheet.create({
-  switchLine: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginHorizontal: cx(16),
-  },
-  title: {
-    fontSize: cx(16),
-    color: '#000',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-    fontWeight: 'bold',
-  },
-  icon: {
-    width: cx(60),
-    height: cx(20),
-  },
-  nameLine: {
-    flex: 1,
-    marginHorizontal: cx(16),
-  },
-  name: {
-    fontSize: cx(14),
-    color: '#000',
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-})
-
+import React, { PropsWithChildren } from "react";
+import { View, Image, StyleSheet, Text, TouchableOpacity, ViewProps } from "react-native";
+import Card from "@ledvance/base/src/components/Card";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import { Dialog, SwitchButton, Utils } from "tuya-panel-kit";
+import I18n from "@ledvance/base/src/i18n";
+
+const cx = Utils.RatioUtils.convertX
+
+interface SocketItemProps extends PropsWithChildren<ViewProps>{
+  title: string
+  name: string
+  icon: any
+  disabledEdit?: boolean
+  onNameChange: (value: string) => void
+  enabled: boolean
+  onSwitchChange: (value: boolean) => void
+}
+
+function SocketItem(props: SocketItemProps) {
+  return (
+    <Card style={{ marginHorizontal: cx(24) }}>
+      <View>
+        <Spacer />
+        <View style={styles.switchLine}>
+          <Text style={styles.title}>{props.title}</Text>
+          <Spacer height={0} width={cx(12)} />
+          <Image style={styles.icon} source={props.icon} />
+          <Spacer style={{ flex: 1 }} />
+          <SwitchButton
+            value={props.enabled}
+            onValueChange={props.onSwitchChange} />
+        </View>
+        <TouchableOpacity
+          style={styles.nameLine}
+          onPress={() => {
+            if(props.disabledEdit) return
+            Dialog.prompt({
+              title: I18n.getLang('routines_add_edit_name'),
+              value: props.name,
+              cancelText: I18n.getLang('auto_scan_system_cancel'),
+              confirmText: I18n.getLang('auto_scan_system_wifi_confirm'),
+              onChangeText: text => {
+                return text.length <= 32 ? text : text.slice(0, 32)
+              },
+              onConfirm: (text, { close }) => {
+                props.onNameChange(text)
+                close()
+              },
+            })
+          }}>
+          <Text style={styles.name}>{props.name}</Text>
+        </TouchableOpacity>
+        <Spacer height={cx(16)} />
+        {props.children}
+      </View>
+    </Card>
+  )
+}
+
+const styles = StyleSheet.create({
+  switchLine: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginHorizontal: cx(16),
+  },
+  title: {
+    fontSize: cx(16),
+    color: '#000',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    fontWeight: 'bold',
+  },
+  icon: {
+    width: cx(60),
+    height: cx(20),
+  },
+  nameLine: {
+    flex: 1,
+    marginHorizontal: cx(16),
+  },
+  name: {
+    fontSize: cx(14),
+    color: '#000',
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+})
+
 export default SocketItem

package/src/components/Spacer.d.ts

@@ -1,7 +1,7 @@
-import { ViewProps } from 'react-native';
-interface SpacerProps extends ViewProps {
-    width?: number;
-    height?: number;
-}
-export default function Spacer(props: SpacerProps): JSX.Element;
-export {};
+import { ViewProps } from 'react-native';
+interface SpacerProps extends ViewProps {
+    width?: number;
+    height?: number;
+}
+export default function Spacer(props: SpacerProps): JSX.Element;
+export {};

package/src/components/Spacer.tsx

@@ -1,14 +1,14 @@
-import {View, ViewProps} from 'react-native'
-import React from 'react'
-import {Utils} from 'tuya-panel-kit'
-
-const cx = Utils.RatioUtils.convertX
-
-interface SpacerProps extends ViewProps {
-  width?: number
-  height?: number
-}
-
-export default function Spacer(props: SpacerProps) {
-  return <View style={[{width: props.width, height: props.height || cx(20)}, props.style]}/>
+import {View, ViewProps} from 'react-native'
+import React from 'react'
+import {Utils} from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+
+interface SpacerProps extends ViewProps {
+  width?: number
+  height?: number
+}
+
+export default function Spacer(props: SpacerProps) {
+  return <View style={[{width: props.width, height: props.height || cx(20)}, props.style]}/>
 }

package/src/components/Stepper.d.ts

@@ -1,19 +1,19 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-export interface StepperProps {
-    value: number | string;
-    stepValue?: number;
-    min?: number;
-    max?: number;
-    editable?: boolean;
-    selectionColor?: string;
-    isRealTime?: boolean;
-    isBeyond?: boolean;
-    onValueChange?: ((value: number) => void);
-    disabled?: boolean;
-    style?: StyleProp<ViewStyle>;
-    buttonStyle?: StyleProp<ViewStyle>;
-    inputStyle?: StyleProp<ViewStyle>;
-}
-declare const _default: React.MemoExoticComponent<(props: StepperProps) => JSX.Element>;
-export default _default;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface StepperProps {
+    value: number | string;
+    stepValue?: number;
+    min?: number;
+    max?: number;
+    editable?: boolean;
+    selectionColor?: string;
+    isRealTime?: boolean;
+    isBeyond?: boolean;
+    onValueChange?: ((value: number) => void);
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    buttonStyle?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<ViewStyle>;
+}
+declare const _default: React.MemoExoticComponent<(props: StepperProps) => JSX.Element>;
+export default _default;