@ledvance/base 1.2.82 → 1.2.83

package/src/components/ldvColorSlider.tsx

@@ -1,132 +1,132 @@
-import React from 'react'
-import {StyleProp, StyleSheet, Text, View, ViewStyle} from 'react-native'
-import {LinearGradient, Slider, Utils} from 'tuya-panel-kit'
-import {Rect} from 'react-native-svg'
-
-const cx = Utils.RatioUtils.convertX
-
-const temperatures = {
-  '0%': 'rgb(254, 172, 90)',
-  '22%': 'rgb(249, 209, 164)',
-  '41%': 'rgb(254, 244, 223)',
-  '60%': 'rgb(252, 250, 242)',
-  '80%': 'rgb(226, 235, 248)',
-  '100%': 'rgb(194, 217, 254)',
-}
-
-const colors = {
-  '0%': 'rgb(255, 0, 0)',
-  '17%': 'rgb(249, 238, 0)',
-  '35%': 'rgb(96, 255, 66)',
-  '55%': 'rgb(0, 249, 255)',
-  '65%': 'rgb(43, 0, 255)',
-  '80%': 'rgb(180, 0, 255)',
-  '100%': 'rgb(255, 0, 0)',
-}
-
-export const TEMP_KEY = 'temperature'
-
-interface LdvColorSliderProps {
-  title: string,
-  type: string,
-  onValueChange?: (number) => void | undefined,
-  onSlidingComplete: (number) => void,
-  thumbColor: string,
-  value: number,
-  width?: number | undefined,
-  style?: StyleProp<ViewStyle> | undefined
-}
-
-const LdvColorSlider = (props: LdvColorSliderProps) => {
-  const {title, type, onSlidingComplete, thumbColor, value} = props
-  let dataSource = type === TEMP_KEY ? temperatures : colors
-  let max = type === TEMP_KEY ? 100 : 359
-  let min = type === TEMP_KEY ? 0 : 0
-  const width = props.width || (Utils.RatioUtils.width - cx(80))
-  return (
-    <View style={[styles.container, props.style]}>
-      <Text style={styles.title}>
-        {title}
-      </Text>
-      <Slider.Horizontal
-        style={{...styles.shadeSlider, width}}
-        styles={{track: styles.sliderTrack, thumb: {...styles.shadeThumb, backgroundColor: thumbColor}}}
-        maximumValue={max}
-        minimumValue={min}
-        value={value}
-        stepValue={1}
-        canTouchTrack={true}
-        theme={{
-          trackRadius: cx(15),
-        }}
-        onlyMaximumTrack={true}
-        renderMaximumTrack={() => {
-          return (
-            <View style={{flex: 1, borderRadius: cx(15)}}>
-              <LinearGradient
-                style={{...styles.sliderLinearGradient, width}}
-                x1="0%"
-                y1="0%"
-                x2="100%"
-                y2="0%"
-                stops={dataSource}>
-                <Rect {...styles.sliderLinearGradient} width={width}/>
-              </LinearGradient>
-            </View>
-          )
-        }}
-        onValueChange={props.onValueChange}
-        onSlidingComplete={onSlidingComplete}
-      />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    height: cx(57),
-    flexDirection: 'column',
-    paddingStart: cx(16),
-  },
-  title: {
-    marginTop: cx(4),
-    fontSize: cx(14),
-    color: '#000',
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  shadeSlider: {
-    marginTop: cx(8),
-    height: cx(28),
-    justifyContent: 'center',
-  },
-  sliderTrack: {
-    marginTop: cx(9),
-    marginBottom: cx(9),
-    flex: 1,
-    borderRadius: cx(15),
-  },
-  shadeThumb: {
-    backgroundColor: 'rgb(0, 249, 255)',
-    width: cx(28),
-    height: cx(28),
-    borderRadius: cx(14),
-    borderColor: 'white',
-    borderWidth: 1,
-    shadowColor: '#000000',
-    shadowOpacity: 0.2,
-    shadowRadius: cx(8),
-    elevation: cx(8),
-    shadowOffset: {
-      width: 0,
-      height: cx(4),
-    },
-  },
-  sliderLinearGradient: {
-    height: cx(12),
-  },
-  presetView: {
-    height: cx(60),
-  },
-})
-
+import React from 'react'
+import {StyleProp, StyleSheet, Text, View, ViewStyle} from 'react-native'
+import {LinearGradient, Slider, Utils} from 'tuya-panel-kit'
+import {Rect} from 'react-native-svg'
+
+const cx = Utils.RatioUtils.convertX
+
+const temperatures = {
+  '0%': 'rgb(254, 172, 90)',
+  '22%': 'rgb(249, 209, 164)',
+  '41%': 'rgb(254, 244, 223)',
+  '60%': 'rgb(252, 250, 242)',
+  '80%': 'rgb(226, 235, 248)',
+  '100%': 'rgb(194, 217, 254)',
+}
+
+const colors = {
+  '0%': 'rgb(255, 0, 0)',
+  '17%': 'rgb(249, 238, 0)',
+  '35%': 'rgb(96, 255, 66)',
+  '55%': 'rgb(0, 249, 255)',
+  '65%': 'rgb(43, 0, 255)',
+  '80%': 'rgb(180, 0, 255)',
+  '100%': 'rgb(255, 0, 0)',
+}
+
+export const TEMP_KEY = 'temperature'
+
+interface LdvColorSliderProps {
+  title: string,
+  type: string,
+  onValueChange?: (number) => void | undefined,
+  onSlidingComplete: (number) => void,
+  thumbColor: string,
+  value: number,
+  width?: number | undefined,
+  style?: StyleProp<ViewStyle> | undefined
+}
+
+const LdvColorSlider = (props: LdvColorSliderProps) => {
+  const {title, type, onSlidingComplete, thumbColor, value} = props
+  let dataSource = type === TEMP_KEY ? temperatures : colors
+  let max = type === TEMP_KEY ? 100 : 359
+  let min = type === TEMP_KEY ? 0 : 0
+  const width = props.width || (Utils.RatioUtils.width - cx(80))
+  return (
+    <View style={[styles.container, props.style]}>
+      <Text style={styles.title}>
+        {title}
+      </Text>
+      <Slider.Horizontal
+        style={{...styles.shadeSlider, width}}
+        styles={{track: styles.sliderTrack, thumb: {...styles.shadeThumb, backgroundColor: thumbColor}}}
+        maximumValue={max}
+        minimumValue={min}
+        value={value}
+        stepValue={1}
+        canTouchTrack={true}
+        theme={{
+          trackRadius: cx(15),
+        }}
+        onlyMaximumTrack={true}
+        renderMaximumTrack={() => {
+          return (
+            <View style={{flex: 1, borderRadius: cx(15)}}>
+              <LinearGradient
+                style={{...styles.sliderLinearGradient, width}}
+                x1="0%"
+                y1="0%"
+                x2="100%"
+                y2="0%"
+                stops={dataSource}>
+                <Rect {...styles.sliderLinearGradient} width={width}/>
+              </LinearGradient>
+            </View>
+          )
+        }}
+        onValueChange={props.onValueChange}
+        onSlidingComplete={onSlidingComplete}
+      />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    height: cx(57),
+    flexDirection: 'column',
+    paddingStart: cx(16),
+  },
+  title: {
+    marginTop: cx(4),
+    fontSize: cx(14),
+    color: '#000',
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  shadeSlider: {
+    marginTop: cx(8),
+    height: cx(28),
+    justifyContent: 'center',
+  },
+  sliderTrack: {
+    marginTop: cx(9),
+    marginBottom: cx(9),
+    flex: 1,
+    borderRadius: cx(15),
+  },
+  shadeThumb: {
+    backgroundColor: 'rgb(0, 249, 255)',
+    width: cx(28),
+    height: cx(28),
+    borderRadius: cx(14),
+    borderColor: 'white',
+    borderWidth: 1,
+    shadowColor: '#000000',
+    shadowOpacity: 0.2,
+    shadowRadius: cx(8),
+    elevation: cx(8),
+    shadowOffset: {
+      width: 0,
+      height: cx(4),
+    },
+  },
+  sliderLinearGradient: {
+    height: cx(12),
+  },
+  presetView: {
+    height: cx(60),
+  },
+})
+
 export default LdvColorSlider

package/src/components/ldvItemView.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-interface Props {
-    style?: StyleProp<ViewStyle>;
-    textStyle?: StyleProp<TextStyle>;
-    title: string;
-    rightComponent?: any;
-    onPress?: any;
-    disabled?: boolean;
-}
-declare const LdvItemView: React.FC<Props>;
-export default LdvItemView;
+import React from 'react';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+interface Props {
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    title: string;
+    rightComponent?: any;
+    onPress?: any;
+    disabled?: boolean;
+}
+declare const LdvItemView: React.FC<Props>;
+export default LdvItemView;

package/src/components/ldvItemView.tsx

@@ -1,44 +1,44 @@
-import React from 'react'
-import { StyleProp, StyleSheet, Text, TextStyle, TouchableOpacity, View, ViewStyle } from 'react-native'
-import { Utils } from 'tuya-panel-kit'
-
-const { convertX } =  Utils.RatioUtils
-
-interface Props {
-    style?: StyleProp<ViewStyle>
-    textStyle?: StyleProp<TextStyle>
-    title: string
-    rightComponent?: any
-    onPress?: any
-    disabled?: boolean
-}
-
-const LdvItemView: React.FC<Props> = (props) => {
-    const { rightComponent, title, style, onPress, disabled, textStyle } = props
-    return (
-        <TouchableOpacity onPress={onPress} disabled={disabled}>
-            <View style={[styles.bg, style]}>
-                <Text style={[styles.text, textStyle]}>
-                    {title}
-                </Text>
-                {rightComponent && rightComponent()}
-            </View>
-        </TouchableOpacity>
-    )
-}
-
-const styles = StyleSheet.create({
-    bg: {
-        height: convertX(50),
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginHorizontal: convertX(24),
-    },
-    text: {
-        fontSize: convertX(16),
-        fontWeight: 'bold',
-    },
-})
-
+import React from 'react'
+import { StyleProp, StyleSheet, Text, TextStyle, TouchableOpacity, View, ViewStyle } from 'react-native'
+import { Utils } from 'tuya-panel-kit'
+
+const { convertX } =  Utils.RatioUtils
+
+interface Props {
+    style?: StyleProp<ViewStyle>
+    textStyle?: StyleProp<TextStyle>
+    title: string
+    rightComponent?: any
+    onPress?: any
+    disabled?: boolean
+}
+
+const LdvItemView: React.FC<Props> = (props) => {
+    const { rightComponent, title, style, onPress, disabled, textStyle } = props
+    return (
+        <TouchableOpacity onPress={onPress} disabled={disabled}>
+            <View style={[styles.bg, style]}>
+                <Text style={[styles.text, textStyle]}>
+                    {title}
+                </Text>
+                {rightComponent && rightComponent()}
+            </View>
+        </TouchableOpacity>
+    )
+}
+
+const styles = StyleSheet.create({
+    bg: {
+        height: convertX(50),
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginHorizontal: convertX(24),
+    },
+    text: {
+        fontSize: convertX(16),
+        fontWeight: 'bold',
+    },
+})
+
 export default LdvItemView

package/src/components/ldvPickerView.d.ts

@@ -1,13 +1,13 @@
-import { StyleProp, ViewStyle } from 'react-native';
-interface LdvPickerViewProps {
-    hour: string;
-    minute: string;
-    setHour: (string: any) => void;
-    setMinute: (string: any) => void;
-    style?: StyleProp<ViewStyle> | undefined;
-    unit?: string[];
-    minutesStep?: number;
-    maxHour?: number;
-}
-declare const LdvPickerView: (props: LdvPickerViewProps) => JSX.Element;
-export default LdvPickerView;
+import { StyleProp, ViewStyle } from 'react-native';
+interface LdvPickerViewProps {
+    hour: string;
+    minute: string;
+    setHour: (string: any) => void;
+    setMinute: (string: any) => void;
+    style?: StyleProp<ViewStyle> | undefined;
+    unit?: string[];
+    minutesStep?: number;
+    maxHour?: number;
+}
+declare const LdvPickerView: (props: LdvPickerViewProps) => JSX.Element;
+export default LdvPickerView;

package/src/components/ldvPickerView.tsx

@@ -1,97 +1,97 @@
-import React, { useMemo } from 'react'
-import {StyleProp, StyleSheet, Text, View, ViewStyle} from 'react-native'
-import {Picker, Utils} from 'tuya-panel-kit'
-import _ from 'lodash'
-
-const {convertX} = Utils.RatioUtils
-const { withTheme } = Utils.ThemeUtils
-
-const pickerTheme = {
-  fontSize: 20,
-}
-
-interface LdvPickerViewProps {
-  theme?: any
-  hour: string,
-  minute: string,
-  setHour: (string) => void,
-  setMinute: (string) => void,
-  style?: StyleProp<ViewStyle> | undefined,
-  unit?: string[]
-  minutesStep?: number
-  maxHour?: number // 不包含关系
-}
-
-const LdvPickerView = (props: LdvPickerViewProps) => {
-
-  const {hour, minute, unit, setHour, setMinute, minutesStep = 1, maxHour = 24} = props
-  const hours = useMemo(() => _.times(maxHour, (n) => _.padStart(n.toString(), 2, '0')), [])
-  const minutes = useMemo(() => _.times(60 / minutesStep, (n) => _.padStart((n * minutesStep).toString(), 2, '0')) , [props.minutesStep])
-
-  const styles = StyleSheet.create({
-    pickerContainer: {
-      flexDirection: 'row',
-      alignItems: 'center',
-    },
-    picker: {
-      flex: 1,
-      backgroundColor: props.theme.card.background,
-    },
-    pickerLeft: {},
-    pickerItem: {},
-    picContainer: {
-      flex: 1,
-      position: 'relative',
-    },
-    pickerUnit: {
-      position: 'absolute',
-      right: convertX(20),
-      top: '44%',
-    },
-  })
-  return (
-    <View style={[styles.pickerContainer, props.style]}>
-      <View style={styles.picContainer}>
-        <Picker
-          style={[styles.picker, styles.pickerLeft]}
-          loop={true}
-          theme={pickerTheme}
-          itemStyle={styles.pickerItem}
-          textSize={convertX(14)}
-          selectedValue={hour}
-          itemAlign={'center'}
-          onValueChange={value => setHour(value as string)}>
-          {hours.map((value) => (
-            <Picker.Item key={value} value={value} label={value}/>
-          ))}
-        </Picker>
-        {unit ? <View style={styles.pickerUnit}>
-          <Text style={{color: props.theme.global.fontColor, fontSize: convertX(18)}}>
-            {unit[0]}
-          </Text>
-        </View> : null}
-      </View>
-      <View style={styles.picContainer}>
-        <Picker
-          style={[styles.picker, styles.pickerLeft]}
-          loop={true}
-          theme={pickerTheme}
-          itemStyle={styles.pickerItem}
-          textSize={convertX(14)}
-          selectedValue={minute}
-          onValueChange={value => setMinute(value as string)}>
-          {minutes.map((value) => (
-            <Picker.Item key={value} value={value} label={value}/>
-          ))}
-        </Picker>
-        {unit ? <View style={styles.pickerUnit}>
-          <Text style={{color: props.theme.global.fontColor, fontSize: convertX(18)}}>
-            {unit[1]}
-          </Text>
-        </View> : null}
-      </View>
-    </View>
-  )
-}
-
-export default withTheme(LdvPickerView)
+import React, { useMemo } from 'react'
+import {StyleProp, StyleSheet, Text, View, ViewStyle} from 'react-native'
+import {Picker, Utils} from 'tuya-panel-kit'
+import _ from 'lodash'
+
+const {convertX} = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+const pickerTheme = {
+  fontSize: 20,
+}
+
+interface LdvPickerViewProps {
+  theme?: any
+  hour: string,
+  minute: string,
+  setHour: (string) => void,
+  setMinute: (string) => void,
+  style?: StyleProp<ViewStyle> | undefined,
+  unit?: string[]
+  minutesStep?: number
+  maxHour?: number // 不包含关系
+}
+
+const LdvPickerView = (props: LdvPickerViewProps) => {
+
+  const {hour, minute, unit, setHour, setMinute, minutesStep = 1, maxHour = 24} = props
+  const hours = useMemo(() => _.times(maxHour, (n) => _.padStart(n.toString(), 2, '0')), [])
+  const minutes = useMemo(() => _.times(60 / minutesStep, (n) => _.padStart((n * minutesStep).toString(), 2, '0')) , [props.minutesStep])
+
+  const styles = StyleSheet.create({
+    pickerContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+    picker: {
+      flex: 1,
+      backgroundColor: props.theme.card.background,
+    },
+    pickerLeft: {},
+    pickerItem: {},
+    picContainer: {
+      flex: 1,
+      position: 'relative',
+    },
+    pickerUnit: {
+      position: 'absolute',
+      right: convertX(20),
+      top: '44%',
+    },
+  })
+  return (
+    <View style={[styles.pickerContainer, props.style]}>
+      <View style={styles.picContainer}>
+        <Picker
+          style={[styles.picker, styles.pickerLeft]}
+          loop={true}
+          theme={pickerTheme}
+          itemStyle={styles.pickerItem}
+          textSize={convertX(14)}
+          selectedValue={hour}
+          itemAlign={'center'}
+          onValueChange={value => setHour(value as string)}>
+          {hours.map((value) => (
+            <Picker.Item key={value} value={value} label={value}/>
+          ))}
+        </Picker>
+        {unit ? <View style={styles.pickerUnit}>
+          <Text style={{color: props.theme.global.fontColor, fontSize: convertX(18)}}>
+            {unit[0]}
+          </Text>
+        </View> : null}
+      </View>
+      <View style={styles.picContainer}>
+        <Picker
+          style={[styles.picker, styles.pickerLeft]}
+          loop={true}
+          theme={pickerTheme}
+          itemStyle={styles.pickerItem}
+          textSize={convertX(14)}
+          selectedValue={minute}
+          onValueChange={value => setMinute(value as string)}>
+          {minutes.map((value) => (
+            <Picker.Item key={value} value={value} label={value}/>
+          ))}
+        </Picker>
+        {unit ? <View style={styles.pickerUnit}>
+          <Text style={{color: props.theme.global.fontColor, fontSize: convertX(18)}}>
+            {unit[1]}
+          </Text>
+        </View> : null}
+      </View>
+    </View>
+  )
+}
+
+export default withTheme(LdvPickerView)

package/src/components/ldvPresetView.d.ts

@@ -1,2 +1,2 @@
-declare const LdvPresetView: (props: any) => JSX.Element;
-export default LdvPresetView;
+declare const LdvPresetView: (props: any) => JSX.Element;
+export default LdvPresetView;