@ledvance/base 1.1.13 → 1.1.15

package/src/components/Cell.tsx

@@ -1,41 +1,41 @@
-import { IconFont, Utils } from 'tuya-panel-kit'
-import { StyleProp, Text, TouchableOpacity, View, ViewStyle } from 'react-native'
+import {IconFont, Utils} from 'tuya-panel-kit'
+import {StyleProp, Text, TouchableOpacity, View, ViewStyle} from 'react-native'
 import React from 'react'
 
 const cx = Utils.RatioUtils.convertX
 
 interface CellProps {
-    title: string,
-    value: string,
-    onPress: () => void,
-    style?: StyleProp<ViewStyle>
+  title: string,
+  value: string,
+  onPress: () => void,
+  style?: StyleProp<ViewStyle>
 }
 
 export default function Cell(props: CellProps) {
-    return (
-        <TouchableOpacity
-            style={[{
-                height: cx(50),
-                paddingHorizontal: cx(24),
-                justifyContent: 'center',
-            }, props.style]}
-            onPress={props.onPress}>
-            <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <Text style={{
-                    fontSize: cx(14),
-                    color: '#444',
-                    fontFamily: 'helvetica_neue_lt_std_roman',
-                }}>{props.title}</Text>
-                <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-                    <Text style={{
-                        fontSize: cx(14),
-                        color: '#444',
-                        fontFamily: 'helvetica_neue_lt_std_roman',
-                    }}>{props.value}</Text>
-                    <View style={{ width: cx(4) }} />
-                    <IconFont color={'#444'} size={cx(11)} name="arrow" />
-                </View>
-            </View>
-        </TouchableOpacity>
-    )
+  return (
+    <TouchableOpacity
+      style={[{
+        height: cx(50),
+        paddingHorizontal: cx(24),
+        justifyContent: 'center',
+      }, props.style]}
+      onPress={props.onPress}>
+      <View style={{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center'}}>
+        <Text style={{
+          fontSize: cx(14),
+          color: '#444',
+          fontFamily: 'helvetica_neue_lt_std_roman',
+        }}>{props.title}</Text>
+        <View style={{flexDirection: 'row', alignItems: 'center'}}>
+          <Text style={{
+            fontSize: cx(14),
+            color: '#444',
+            fontFamily: 'helvetica_neue_lt_std_roman',
+          }}>{props.value}</Text>
+          <View style={{width: cx(4)}}/>
+          <IconFont color={'#444'} size={cx(11)} name="arrow"/>
+        </View>
+      </View>
+    </TouchableOpacity>
+  )
 }

package/src/components/ColorAdjustView.tsx

@@ -8,53 +8,53 @@ import LdvColorBrightness from './ldvColorBrightness'
 import I18n from '../i18n/index'
 
 export interface ColorAdjustViewProps {
-    h: number
-    s: number
-    v: number
-    onHSVChange?: (h: number, s: number, v: number) => void
-    onHSVChangeComplete: (h: number, s: number, v: number) => void
+  h: number
+  s: number
+  v: number
+  onHSVChange?: (h: number, s: number, v: number) => void
+  onHSVChangeComplete: (h: number, s: number, v: number) => void
 }
 
 const ColorAdjustView = (props: ColorAdjustViewProps) => {
-    return (
-        <View>
-            <LdvColorSlider
-                type={'color'}
-                title={I18n.getLang('light_sources_tile_sec_lighting_shade')}
-                thumbColor={hsv2Hex(props.h, 100, 100)}
-                value={props.h}
-                onValueChange={hue => {
-                    props.onHSVChange && props.onHSVChange(hue, props.s, props.v)
-                }}
-                onSlidingComplete={hue => {
-                    props.onHSVChangeComplete(hue, props.s, props.v)
-                }}/>
-            <LdvPresetView
-                type={'color'}
-                onPress={(item) => {
-                    const hsv = hex2Hsv(item.color)
-                    if (hsv) {
-                        props.onHSVChangeComplete(hsv.h, hsv.s, hsv.v)
-                    }
-                }}/>
-            <LdvSaturation
-                value={props.s}
-                onValueChange={s => {
-                    props.onHSVChange && props.onHSVChange(props.h, s, props.v)
-                }}
-                onSlidingComplete={s => {
-                    props.onHSVChangeComplete(props.h, s, props.v)
-                }}/>
-            <LdvColorBrightness
-                value={props.v}
-                onValueChange={v => {
-                    props.onHSVChange && props.onHSVChange(props.h, props.s, v)
-                }}
-                onSlidingComplete={v => {
-                    props.onHSVChangeComplete(props.h, props.s, v)
-                }}/>
-        </View>
-    )
+  return (
+    <View>
+      <LdvColorSlider
+        type={'color'}
+        title={I18n.getLang('light_sources_tile_sec_lighting_shade')}
+        thumbColor={hsv2Hex(props.h, 100, 100)}
+        value={props.h}
+        onValueChange={hue => {
+          props.onHSVChange && props.onHSVChange(hue, props.s, props.v)
+        }}
+        onSlidingComplete={hue => {
+          props.onHSVChangeComplete(hue, props.s, props.v)
+        }}/>
+      <LdvPresetView
+        type={'color'}
+        onPress={(item) => {
+          const hsv = hex2Hsv(item.color)
+          if (hsv) {
+            props.onHSVChangeComplete(hsv.h, hsv.s, hsv.v)
+          }
+        }}/>
+      <LdvSaturation
+        value={props.s}
+        onValueChange={s => {
+          props.onHSVChange && props.onHSVChange(props.h, s, props.v)
+        }}
+        onSlidingComplete={s => {
+          props.onHSVChangeComplete(props.h, s, props.v)
+        }}/>
+      <LdvColorBrightness
+        value={props.v}
+        onValueChange={v => {
+          props.onHSVChange && props.onHSVChange(props.h, props.s, v)
+        }}
+        onSlidingComplete={v => {
+          props.onHSVChangeComplete(props.h, props.s, v)
+        }}/>
+    </View>
+  )
 }
 
 export default ColorAdjustView

package/src/components/ColorTempAdjustView.tsx

@@ -10,46 +10,46 @@ import I18n from '../i18n/index'
 const {convertX: cx} = Utils.RatioUtils
 
 export interface ColorTempAdjustViewProps {
-    colorTemp: number
-    brightness: number
-    isSupportTemperature: boolean
-    isSupportBrightness: boolean
-    onCCTChange?: (cct: number) => void
-    onCCTChangeComplete: (cct: number) => void
-    onBrightnessChange?: (brightness: number) => void
-    onBrightnessChangeComplete: (brightness: number) => void
+  colorTemp: number
+  brightness: number
+  isSupportTemperature: boolean
+  isSupportBrightness: boolean
+  onCCTChange?: (cct: number) => void
+  onCCTChangeComplete: (cct: number) => void
+  onBrightnessChange?: (brightness: number) => void
+  onBrightnessChangeComplete: (brightness: number) => void
 }
 
 const ColorTempAdjustView = (props: ColorTempAdjustViewProps) => {
-    return (
-        <View>
-            {props.isSupportTemperature &&
-                <>
-                    <LdvColorSlider
-                        type={'temperature'}
-                        title={I18n.getLang('light_sources_tile_main_lighting_shade')}
-                        thumbColor={'white'}
-                        value={props.colorTemp}
-                        onValueChange={props.onCCTChange}
-                        onSlidingComplete={props.onCCTChangeComplete}/>
-                    <Spacer height={cx(10)}/>
-                    <LdvPresetView
-                        type={'temperature'}
-                        style={{height: cx(60)}}
-                        onPress={item => {
-                            props.onCCTChangeComplete(item.value)
-                        }}/>
-                    <Spacer height={cx(10)}/>
-                </>
-            }
-            {props.isSupportBrightness &&
-                <LdvSlider
-                    title={I18n.getLang('light_sources_tile_rgb_lighting_brightness')}
-                    value={props.brightness}
-                    onValueChange={props.onBrightnessChange}
-                    onSlidingComplete={props.onBrightnessChangeComplete}/>}
-        </View>
-    )
+  return (
+    <View>
+      {props.isSupportTemperature &&
+          <>
+              <LdvColorSlider
+                  type={'temperature'}
+                  title={I18n.getLang('light_sources_tile_main_lighting_shade')}
+                  thumbColor={'white'}
+                  value={props.colorTemp}
+                  onValueChange={props.onCCTChange}
+                  onSlidingComplete={props.onCCTChangeComplete}/>
+              <Spacer height={cx(10)}/>
+              <LdvPresetView
+                  type={'temperature'}
+                  style={{height: cx(60)}}
+                  onPress={item => {
+                    props.onCCTChangeComplete(item.value)
+                  }}/>
+              <Spacer height={cx(10)}/>
+          </>
+      }
+      {props.isSupportBrightness &&
+          <LdvSlider
+              title={I18n.getLang('light_sources_tile_rgb_lighting_brightness')}
+              value={props.brightness}
+              onValueChange={props.onBrightnessChange}
+              onSlidingComplete={props.onBrightnessChangeComplete}/>}
+    </View>
+  )
 }
 
 export default ColorTempAdjustView

package/src/components/ColorsLine.d.ts

@@ -0,0 +1,7 @@
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+interface ColorsLineProps extends ViewProps {
+    colors: string[];
+    nodeStyle?: StyleProp<ViewStyle>;
+}
+declare const ColorsLine: (props: ColorsLineProps) => JSX.Element;
+export default ColorsLine;

package/src/components/ColorsLine.tsx

@@ -0,0 +1,48 @@
+import {StyleProp, StyleSheet, View, ViewProps, ViewStyle} from 'react-native'
+import React from 'react'
+import {Utils} from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+
+interface ColorsLineProps extends ViewProps {
+  colors: string[]
+  nodeStyle?: StyleProp<ViewStyle>
+}
+
+const ColorsLine = (props: ColorsLineProps) => {
+  return (
+    <View style={[styles.root, props.style]}>
+      {
+        props.colors.map((color, index) => {
+          return (
+            <View
+              key={`${index}`}
+              style={[
+                styles.colorNode,
+                {
+                  backgroundColor: color,
+                  marginStart: index === 0 ? 0 : cx(5),
+                },
+                props.nodeStyle,
+              ]}/>
+          )
+        })
+      }
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row',
+    width: cx(295),
+    height: cx(24),
+  },
+  colorNode: {
+    flex: 1,
+    height: cx(24),
+    borderRadius: cx(8),
+  },
+})
+
+export default ColorsLine

package/src/components/DeleteButton.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
 interface DeleteButtonProps {
     text: string;
     onPress: () => void;

package/src/components/DeleteButton.tsx

@@ -1,36 +1,36 @@
-import React from "react";
-import { TouchableOpacity, Text, StyleProp, ViewStyle, TextStyle } from 'react-native'
-import { Utils } from 'tuya-panel-kit'
+import React from 'react'
+import {StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle} from 'react-native'
+import {Utils} from 'tuya-panel-kit'
 
 const cx = Utils.RatioUtils.convertX
+
 interface DeleteButtonProps {
-    text: string,
-    onPress: () => void,
-    style?: StyleProp<ViewStyle>,
-    textStyle?: StyleProp<TextStyle>
+  text: string,
+  onPress: () => void,
+  style?: StyleProp<ViewStyle>,
+  textStyle?: StyleProp<TextStyle>
 }
 
 const DeleteButton = (props: DeleteButtonProps) => {
-    const { text, onPress, style, textStyle } = props
-    return (
-        <TouchableOpacity
-            onPress={onPress}
-            style={[{
-                width: '100%',
-                height: cx(50),
-                backgroundColor: '#666',
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderRadius: cx(8)
-            }, style]}
-        >
-            <Text style={[{
-                color: '#fff',
-                fontSize: cx(16),
-                fontFamily: 'helvetica_neue_lt_std_bd'
-            }, textStyle]}>{text}</Text>
-        </TouchableOpacity>
-    )
+  const {text, onPress, style, textStyle} = props
+  return (
+    <TouchableOpacity
+      onPress={onPress}
+      style={[{
+        width: '100%',
+        height: cx(50),
+        backgroundColor: '#666',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: cx(8),
+      }, style]}>
+      <Text style={[{
+        color: '#fff',
+        fontSize: cx(16),
+        fontFamily: 'helvetica_neue_lt_std_bd',
+      }, textStyle]}>{text}</Text>
+    </TouchableOpacity>
+  )
 }
 
 export default DeleteButton

package/src/components/Dialog.tsx

@@ -1,39 +1,39 @@
-import React, { PropsWithChildren } from 'react'
-import { Modal, StyleSheet, TouchableOpacity, ViewProps } from 'react-native'
+import React, {PropsWithChildren} from 'react'
+import {Modal, StyleSheet, TouchableOpacity, ViewProps} from 'react-native'
 
 interface DialogProps extends PropsWithChildren<ViewProps> {
-    show: boolean
-    hideMask: boolean
-    animationType?: 'none' | 'slide' | 'fade'
-    onRequestClose: () => void
+  show: boolean
+  hideMask: boolean
+  animationType?: 'none' | 'slide' | 'fade'
+  onRequestClose: () => void
 }
 
 const Dialog = (props: DialogProps) => {
-    return (
-        <Modal
-            transparent={true}
-            visible={props.show}
-            animationType={props.animationType || 'fade'}
-            onRequestClose={props.onRequestClose}>
-            <TouchableOpacity
-                style={[
-                    styles.mask,
-                    {
-                        backgroundColor: props.hideMask ? 'rgba(0, 0, 0, 0)' : 'rgba(0, 0, 0, 0.7)',
-                    },
-                ]}
-                activeOpacity={1}
-                onPress={props.onRequestClose}>
-                {props.children}
-            </TouchableOpacity>
-        </Modal>
-    )
+  return (
+    <Modal
+      transparent={true}
+      visible={props.show}
+      animationType={props.animationType || 'fade'}
+      onRequestClose={props.onRequestClose}>
+      <TouchableOpacity
+        style={[
+          styles.mask,
+          {
+            backgroundColor: props.hideMask ? 'rgba(0, 0, 0, 0)' : 'rgba(0, 0, 0, 0.7)',
+          },
+        ]}
+        activeOpacity={1}
+        onPress={props.onRequestClose}>
+        {props.children}
+      </TouchableOpacity>
+    </Modal>
+  )
 }
 
 const styles = StyleSheet.create({
-    mask: {
-        flex: 1,
-    },
+  mask: {
+    flex: 1,
+  },
 })
 
 export default Dialog