@ledvance/base 1.2.83 → 1.2.85

package/src/components/ldvPresetView.tsx

@@ -1,87 +1,87 @@
-import React from 'react'
-import {StyleSheet, TouchableOpacity, View} from 'react-native'
-import {Utils} from 'tuya-panel-kit'
-
-const {convertX: cx} = Utils.RatioUtils
-
-const temperatures = [
-  {
-    color: 'rgb(253, 176, 97)',
-    value: 0,
-  },
-  {
-    color: 'rgb(249, 208, 162)',
-    value: 20,
-  },
-  {
-    color: 'rgb(254, 243, 221)',
-    value: 40,
-  },
-  {
-    color: 'rgb(246, 247, 244)',
-    value: 60,
-  },
-  {
-    color: 'rgb(231, 238, 247)',
-    value: 80,
-  },
-  {
-    color: 'rgb(194, 216, 251)',
-    value: 100,
-  },
-]
-
-const colors = [
-  {
-    color: '#ff0000',
-  },
-  {
-    color: '#ff8700',
-  },
-  {
-    color: '#fff100',
-  },
-  {
-    color: '#00FF00',
-  },
-  {
-    color: '#0025ff',
-  },
-  {
-    color: '#bb00ff',
-  },
-]
-
-const LdvPresetView = (props) => {
-  const {type, onPress} = props
-  let dataSource = type == 'temperature' ? temperatures : colors
-  return (
-    <View style={styles.container}>
-      {dataSource.map((item, index) =>
-        <TouchableOpacity
-          key={index}
-          style={[styles.item, {backgroundColor: item.color}]}
-          onPress={() => {
-            onPress(item)
-          }}/>)}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginHorizontal: cx(16),
-  },
-  item: {
-    width: cx(28),
-    height: cx(28),
-    borderRadius: cx(14),
-    borderWidth: cx(1),
-    borderColor: 'rgb(230, 231, 232)',
-  },
-})
-
+import React from 'react'
+import {StyleSheet, TouchableOpacity, View} from 'react-native'
+import {Utils} from 'tuya-panel-kit'
+
+const {convertX: cx} = Utils.RatioUtils
+
+const temperatures = [
+  {
+    color: 'rgb(253, 176, 97)',
+    value: 0,
+  },
+  {
+    color: 'rgb(249, 208, 162)',
+    value: 20,
+  },
+  {
+    color: 'rgb(254, 243, 221)',
+    value: 40,
+  },
+  {
+    color: 'rgb(246, 247, 244)',
+    value: 60,
+  },
+  {
+    color: 'rgb(231, 238, 247)',
+    value: 80,
+  },
+  {
+    color: 'rgb(194, 216, 251)',
+    value: 100,
+  },
+]
+
+const colors = [
+  {
+    color: '#ff0000',
+  },
+  {
+    color: '#ff8700',
+  },
+  {
+    color: '#fff100',
+  },
+  {
+    color: '#00FF00',
+  },
+  {
+    color: '#0025ff',
+  },
+  {
+    color: '#bb00ff',
+  },
+]
+
+const LdvPresetView = (props) => {
+  const {type, onPress} = props
+  let dataSource = type == 'temperature' ? temperatures : colors
+  return (
+    <View style={styles.container}>
+      {dataSource.map((item, index) =>
+        <TouchableOpacity
+          key={index}
+          style={[styles.item, {backgroundColor: item.color}]}
+          onPress={() => {
+            onPress(item)
+          }}/>)}
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginHorizontal: cx(16),
+  },
+  item: {
+    width: cx(28),
+    height: cx(28),
+    borderRadius: cx(14),
+    borderWidth: cx(1),
+    borderColor: 'rgb(230, 231, 232)',
+  },
+})
+
 export default LdvPresetView

package/src/components/ldvSaturation.d.ts

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

package/src/components/ldvSaturation.tsx

@@ -1,23 +1,23 @@
-import React from 'react'
-import LdvSlider from 'components/ldvSlider'
-import I18n from '../i18n/index'
-
-const LdvSaturation = (props) => {
-  const {value, onSlidingComplete, minSaturation} = props
-
-  const renderBrightness = () => {
-    return (
-      <LdvSlider
-        style={props.style}
-        title={I18n.getLang('light_sources_tile_rgb_lighting_saturation')}
-        value={value}
-        max={100}
-        min={minSaturation ? minSaturation : 0}
-        onSlidingComplete={onSlidingComplete}
-        onValueChange={props.onValueChange}/>
-    )
-  }
-  return renderBrightness()
-}
-
+import React from 'react'
+import LdvSlider from 'components/ldvSlider'
+import I18n from '../i18n/index'
+
+const LdvSaturation = (props) => {
+  const {value, onSlidingComplete, minSaturation} = props
+
+  const renderBrightness = () => {
+    return (
+      <LdvSlider
+        style={props.style}
+        title={I18n.getLang('light_sources_tile_rgb_lighting_saturation')}
+        value={value}
+        max={100}
+        min={minSaturation ? minSaturation : 0}
+        onSlidingComplete={onSlidingComplete}
+        onValueChange={props.onValueChange}/>
+    )
+  }
+  return renderBrightness()
+}
+
 export default LdvSaturation

package/src/components/ldvSlider.d.ts

@@ -1,15 +1,15 @@
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-interface LdvSliderProps {
-    title: string;
-    value: number;
-    min?: number | undefined;
-    max?: number | undefined;
-    onValueChange?: (v: number) => void | undefined;
-    onSlidingComplete: (v: number) => void;
-    style?: StyleProp<ViewStyle> | undefined;
-    sliderStyle?: StyleProp<ViewStyle> | undefined;
-    subTitleStr?: string | number;
-    titleStyle?: StyleProp<TextStyle> | undefined;
-}
-declare const LdvSlider: (props: LdvSliderProps) => JSX.Element;
-export default LdvSlider;
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+interface LdvSliderProps {
+    title: string;
+    value: number;
+    min?: number | undefined;
+    max?: number | undefined;
+    onValueChange?: (v: number) => void | undefined;
+    onSlidingComplete: (v: number) => void;
+    style?: StyleProp<ViewStyle> | undefined;
+    sliderStyle?: StyleProp<ViewStyle> | undefined;
+    subTitleStr?: string | number;
+    titleStyle?: StyleProp<TextStyle> | undefined;
+}
+declare const LdvSlider: (props: LdvSliderProps) => JSX.Element;
+export default LdvSlider;

package/src/components/ldvSlider.tsx

@@ -1,104 +1,104 @@
-import {useReactive} from 'ahooks'
-import React, {useEffect} from 'react'
-import {StyleProp, StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native'
-import {Slider, Utils} from 'tuya-panel-kit'
-
-const cx = Utils.RatioUtils.convertX
-
-interface LdvSliderProps {
-  title: string,
-  value: number,
-  min?: number | undefined,
-  max?: number | undefined,
-  onValueChange?: (v: number) => void | undefined,
-  onSlidingComplete: (v: number) => void,
-  style?: StyleProp<ViewStyle> | undefined,
-  sliderStyle?: StyleProp<ViewStyle> | undefined
-  subTitleStr?: string | number
-  titleStyle?: StyleProp<TextStyle> | undefined
-}
-
-const LdvSlider = (props: LdvSliderProps) => {
-  const {value, onSlidingComplete, min, max, sliderStyle, subTitleStr, titleStyle, onValueChange} = props
-
-  const mMax = max || 100
-  const mMin = min ?? 1
-  const state = useReactive({
-    value: value,
-  })
-  useEffect(() => {
-    state.value = value
-  }, [value])
-  return (
-    <View style={[styles.container, props.style]}>
-      <View style={styles.titleBg}>
-        <Text style={[styles.title, titleStyle]}>
-          {props.title}
-        </Text>
-        <Text style={styles.valueText}>
-          {subTitleStr ? subTitleStr : state.value + '%'}
-        </Text>
-      </View>
-      <Slider.Horizontal
-        style={[styles.slider, sliderStyle]}
-        styles={{thumb: styles.thumb}}
-        maximumValue={mMax}
-        minimumValue={mMin}
-        value={state.value}
-        stepValue={1}
-        canTouchTrack={true}
-        minimumTrackTintColor={'#666'}
-        maximumTrackTintColor={'rgba(120, 120, 128, 0.2)'}
-        onValueChange={(value) => {
-          state.value = value
-          onValueChange && onValueChange(value)
-        }}
-        onSlidingComplete={onSlidingComplete}
-      />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'column',
-    paddingHorizontal: cx(16),
-  },
-  titleBg: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-  valueText: {
-    marginTop: cx(10),
-    fontSize: cx(14),
-    color: '#000',
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  title: {
-    marginTop: cx(10),
-    fontSize: cx(14),
-    color: '#000',
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  slider: {
-    marginTop: cx(8),
-    height: cx(28),
-    justifyContent: 'center',
-  },
-  thumb: {
-    backgroundColor: '#fff',
-    width: cx(28),
-    height: cx(28),
-    borderRadius: cx(14),
-    shadowColor: '#000000',
-    shadowOpacity: 0.2,
-    elevation: cx(8),
-    shadowRadius: cx(8),
-    shadowOffset: {
-      width: 0,
-      height: cx(4),
-    },
-  },
-})
-
+import {useReactive} from 'ahooks'
+import React, {useEffect} from 'react'
+import {StyleProp, StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native'
+import {Slider, Utils} from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+
+interface LdvSliderProps {
+  title: string,
+  value: number,
+  min?: number | undefined,
+  max?: number | undefined,
+  onValueChange?: (v: number) => void | undefined,
+  onSlidingComplete: (v: number) => void,
+  style?: StyleProp<ViewStyle> | undefined,
+  sliderStyle?: StyleProp<ViewStyle> | undefined
+  subTitleStr?: string | number
+  titleStyle?: StyleProp<TextStyle> | undefined
+}
+
+const LdvSlider = (props: LdvSliderProps) => {
+  const {value, onSlidingComplete, min, max, sliderStyle, subTitleStr, titleStyle, onValueChange} = props
+
+  const mMax = max || 100
+  const mMin = min ?? 1
+  const state = useReactive({
+    value: value,
+  })
+  useEffect(() => {
+    state.value = value
+  }, [value])
+  return (
+    <View style={[styles.container, props.style]}>
+      <View style={styles.titleBg}>
+        <Text style={[styles.title, titleStyle]}>
+          {props.title}
+        </Text>
+        <Text style={styles.valueText}>
+          {subTitleStr ? subTitleStr : state.value + '%'}
+        </Text>
+      </View>
+      <Slider.Horizontal
+        style={[styles.slider, sliderStyle]}
+        styles={{thumb: styles.thumb}}
+        maximumValue={mMax}
+        minimumValue={mMin}
+        value={state.value}
+        stepValue={1}
+        canTouchTrack={true}
+        minimumTrackTintColor={'#666'}
+        maximumTrackTintColor={'rgba(120, 120, 128, 0.2)'}
+        onValueChange={(value) => {
+          state.value = value
+          onValueChange && onValueChange(value)
+        }}
+        onSlidingComplete={onSlidingComplete}
+      />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'column',
+    paddingHorizontal: cx(16),
+  },
+  titleBg: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  valueText: {
+    marginTop: cx(10),
+    fontSize: cx(14),
+    color: '#000',
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  title: {
+    marginTop: cx(10),
+    fontSize: cx(14),
+    color: '#000',
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  slider: {
+    marginTop: cx(8),
+    height: cx(28),
+    justifyContent: 'center',
+  },
+  thumb: {
+    backgroundColor: '#fff',
+    width: cx(28),
+    height: cx(28),
+    borderRadius: cx(14),
+    shadowColor: '#000000',
+    shadowOpacity: 0.2,
+    elevation: cx(8),
+    shadowRadius: cx(8),
+    shadowOffset: {
+      width: 0,
+      height: cx(4),
+    },
+  },
+})
+
 export default LdvSlider

package/src/components/ldvSwitch.d.ts

@@ -1,10 +1,10 @@
-interface Prop {
-    title: string;
-    color: string;
-    colorAlpha: number;
-    enable: boolean;
-    setEnable: any;
-    showSwitch?: boolean;
-}
-declare const LdvSwitch: (props: Prop) => JSX.Element;
-export default LdvSwitch;
+interface Prop {
+    title: string;
+    color: string;
+    colorAlpha: number;
+    enable: boolean;
+    setEnable: any;
+    showSwitch?: boolean;
+}
+declare const LdvSwitch: (props: Prop) => JSX.Element;
+export default LdvSwitch;

package/src/components/ldvSwitch.tsx

@@ -1,52 +1,52 @@
-import React from 'react'
-import {StyleSheet, Text, View} from 'react-native'
-import {SwitchButton, Utils} from 'tuya-panel-kit'
-import Spacer from './Spacer'
-
-const {convertX: cx} = Utils.RatioUtils
-const { withTheme } = Utils.ThemeUtils
-
-interface Prop {
-  theme?: any
-  title: string
-  color: string
-  colorAlpha: number
-  enable: boolean
-  setEnable: (enable: boolean) => void
-  showSwitch?:boolean
-}
-
-const LdvSwitch = (props: Prop) => {
-  const {title, color, colorAlpha, enable, setEnable, showSwitch = true} = props
-  return (
-    <View style={styles.titleBGView}>
-      <Text style={{...styles.title, color: props.theme.global.fontColor}}>{title}</Text>
-      <View style={[styles.colorBlock, {backgroundColor: color, opacity: colorAlpha}]}/>
-      <Spacer style={{flex: 1}} height={0} width={0}/>
-      {showSwitch && <SwitchButton value={enable} onValueChange={setEnable}/>}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  titleBGView: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: cx(16),
-  },
-  colorBlock: {
-    width: cx(20),
-    height: cx(20),
-    marginStart: cx(12),
-    borderRadius: cx(4),
-  },
-  title: {
-    fontSize: cx(16),
-    // fontFamily: 'helvetica_neue_lt_std_bd',
-    fontWeight: 'bold',
-    paddingVertical: cx(16),
-    maxWidth: cx(220)
-  },
-})
-
-export default withTheme(LdvSwitch)
+import React from 'react'
+import {StyleSheet, Text, View} from 'react-native'
+import {SwitchButton, Utils} from 'tuya-panel-kit'
+import Spacer from './Spacer'
+
+const {convertX: cx} = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+interface Prop {
+  theme?: any
+  title: string
+  color: string
+  colorAlpha: number
+  enable: boolean
+  setEnable: (enable: boolean) => void
+  showSwitch?:boolean
+}
+
+const LdvSwitch = (props: Prop) => {
+  const {title, color, colorAlpha, enable, setEnable, showSwitch = true} = props
+  return (
+    <View style={styles.titleBGView}>
+      <Text style={{...styles.title, color: props.theme.global.fontColor}}>{title}</Text>
+      <View style={[styles.colorBlock, {backgroundColor: color, opacity: colorAlpha}]}/>
+      <Spacer style={{flex: 1}} height={0} width={0}/>
+      {showSwitch && <SwitchButton value={enable} onValueChange={setEnable}/>}
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  titleBGView: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: cx(16),
+  },
+  colorBlock: {
+    width: cx(20),
+    height: cx(20),
+    marginStart: cx(12),
+    borderRadius: cx(4),
+  },
+  title: {
+    fontSize: cx(16),
+    // fontFamily: 'helvetica_neue_lt_std_bd',
+    fontWeight: 'bold',
+    paddingVertical: cx(16),
+    maxWidth: cx(220)
+  },
+})
+
+export default withTheme(LdvSwitch)

package/src/components/ldvTemperatureSlider.d.ts

@@ -1,13 +1,13 @@
-import { StyleProp, TextProps, ViewStyle } from 'react-native';
-interface LdvTemperatureSliderProps {
-    title: string;
-    onSlidingComplete: (number: any) => void;
-    thumbColor: string;
-    value: number;
-    width?: number | undefined;
-    style?: StyleProp<ViewStyle> | undefined;
-    titleStyle?: StyleProp<TextProps> | undefined;
-    subTitleStr?: string | undefined;
-}
-declare const LdvTemperatureSlider: (props: LdvTemperatureSliderProps) => JSX.Element;
-export default LdvTemperatureSlider;
+import { StyleProp, TextProps, ViewStyle } from 'react-native';
+interface LdvTemperatureSliderProps {
+    title: string;
+    onSlidingComplete: (number: any) => void;
+    thumbColor: string;
+    value: number;
+    width?: number | undefined;
+    style?: StyleProp<ViewStyle> | undefined;
+    titleStyle?: StyleProp<TextProps> | undefined;
+    subTitleStr?: string | undefined;
+}
+declare const LdvTemperatureSlider: (props: LdvTemperatureSliderProps) => JSX.Element;
+export default LdvTemperatureSlider;