@ledvance/base 1.2.83 → 1.2.84

package/src/components/ldvTemperatureSlider.tsx

@@ -1,140 +1,140 @@
-import React, {useEffect} from 'react'
-import {StyleProp, StyleSheet, Text, TextProps, View, ViewStyle} from 'react-native'
-import {LinearGradient, Slider, Utils} from 'tuya-panel-kit'
-import {Rect} from 'react-native-svg'
-import {useReactive} from 'ahooks'
-
-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)',
-}
-
-interface LdvTemperatureSliderProps {
-  title: string
-  onSlidingComplete: (number) => void
-  thumbColor: string
-  value: number
-  width?: number | undefined
-  style?: StyleProp<ViewStyle> | undefined
-  titleStyle?: StyleProp<TextProps> | undefined
-  subTitleStr?: string | undefined
-}
-
-const LdvTemperatureSlider = (props: LdvTemperatureSliderProps) => {
-  const {title, onSlidingComplete, thumbColor, value, titleStyle} = props
-  let dataSource = temperatures
-  let max = 100
-  let min = 0
-  const width = props.width || (Utils.RatioUtils.width - cx(80))
-
-  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]}>
-          {title}
-        </Text>
-      </View>
-      <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={(value) => {
-          state.value = value
-        }}
-        onSlidingComplete={onSlidingComplete}
-      />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    height: cx(57),
-    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(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),
-  },
-})
-
+import React, {useEffect} from 'react'
+import {StyleProp, StyleSheet, Text, TextProps, View, ViewStyle} from 'react-native'
+import {LinearGradient, Slider, Utils} from 'tuya-panel-kit'
+import {Rect} from 'react-native-svg'
+import {useReactive} from 'ahooks'
+
+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)',
+}
+
+interface LdvTemperatureSliderProps {
+  title: string
+  onSlidingComplete: (number) => void
+  thumbColor: string
+  value: number
+  width?: number | undefined
+  style?: StyleProp<ViewStyle> | undefined
+  titleStyle?: StyleProp<TextProps> | undefined
+  subTitleStr?: string | undefined
+}
+
+const LdvTemperatureSlider = (props: LdvTemperatureSliderProps) => {
+  const {title, onSlidingComplete, thumbColor, value, titleStyle} = props
+  let dataSource = temperatures
+  let max = 100
+  let min = 0
+  const width = props.width || (Utils.RatioUtils.width - cx(80))
+
+  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]}>
+          {title}
+        </Text>
+      </View>
+      <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={(value) => {
+          state.value = value
+        }}
+        onSlidingComplete={onSlidingComplete}
+      />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    height: cx(57),
+    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(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),
+  },
+})
+
 export default LdvTemperatureSlider

package/src/components/ldvTopBar.d.ts

@@ -1,10 +1,10 @@
-interface TopBarProps {
-    title: string;
-    onBackPress: () => void;
-    rightButtonIcon?: any | {};
-    rightButtonStyle?: any | undefined;
-    rightButtonDisabled?: boolean;
-    onRightButtonPress?: (() => void) | undefined;
-}
-declare const LDVTopBar: (props: TopBarProps) => JSX.Element;
-export default LDVTopBar;
+interface TopBarProps {
+    title: string;
+    onBackPress: () => void;
+    rightButtonIcon?: any | {};
+    rightButtonStyle?: any | undefined;
+    rightButtonDisabled?: boolean;
+    onRightButtonPress?: (() => void) | undefined;
+}
+declare const LDVTopBar: (props: TopBarProps) => JSX.Element;
+export default LDVTopBar;

package/src/components/ldvTopBar.tsx

@@ -1,76 +1,76 @@
-import React from 'react'
-import {Image, Platform, Text, TouchableOpacity, View} from 'react-native'
-import {IconFont, Utils} from 'tuya-panel-kit'
-
-const backIcon = Platform.OS === 'ios' ? 'backIos' : 'backAndroid'
-
-const cx = Utils.RatioUtils.convertX
-const { withTheme } = Utils.ThemeUtils
-
-interface TopBarProps {
-  theme?: any
-  title: string
-  onBackPress: () => void
-  rightButtonIcon?: any | {}
-  rightButtonStyle?: any | undefined
-  rightButtonDisabled?: boolean
-  onRightButtonPress?: (() => void) | undefined
-}
-
-const LDVTopBar = (props: TopBarProps) => {
-  const icon = typeof props.rightButtonIcon === 'string' ? {uri: props.rightButtonIcon} : props.rightButtonIcon
-  return (
-    <View
-      style={{
-        flexDirection: 'row',
-        height: cx(46),
-        alignItems: 'center',
-        marginTop: Platform.OS === 'ios' ? Utils.RatioUtils.statusBarHeight : 0,
-        justifyContent: 'space-between',
-      }}>
-      <TouchableOpacity onPress={props.onBackPress} style={{flex: 1, maxWidth: cx(290)}} >
-        <View
-          style={{
-            flexDirection: 'row',
-            height: cx(46),
-            marginHorizontal: cx(20),
-            alignItems: 'center',
-            flex: 1,
-          }}>
-          <IconFont size={cx(16)} color={props.theme.global.brand} name={backIcon}/>
-          <View style={{width: cx(10)}}/>
-          <Text
-            numberOfLines={1}
-            style={{
-              maxWidth: cx(290),
-              color: props.theme.global.brand,
-              fontSize: cx(16),
-              fontFamily: 'helvetica_neue_lt_std_roman',
-            }}>{props.title}</Text>
-        </View>
-      </TouchableOpacity>
-      {!!props.rightButtonIcon &&
-          <TouchableOpacity
-              style={{
-                width: cx(44),
-                height: cx(44),
-                marginRight: cx(10)
-              }}
-              onPress={props.onRightButtonPress}
-              disabled={props.rightButtonDisabled}>
-              <Image
-                  style={[
-                    {
-                      width: cx(44),
-                      height: cx(44),
-                    },
-                    props.rightButtonStyle,
-                  ]}
-                  source={icon}/>
-          </TouchableOpacity>
-      }
-    </View>
-  )
-}
-
-export default withTheme(LDVTopBar)
+import React from 'react'
+import {Image, Platform, Text, TouchableOpacity, View} from 'react-native'
+import {IconFont, Utils} from 'tuya-panel-kit'
+
+const backIcon = Platform.OS === 'ios' ? 'backIos' : 'backAndroid'
+
+const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
+
+interface TopBarProps {
+  theme?: any
+  title: string
+  onBackPress: () => void
+  rightButtonIcon?: any | {}
+  rightButtonStyle?: any | undefined
+  rightButtonDisabled?: boolean
+  onRightButtonPress?: (() => void) | undefined
+}
+
+const LDVTopBar = (props: TopBarProps) => {
+  const icon = typeof props.rightButtonIcon === 'string' ? {uri: props.rightButtonIcon} : props.rightButtonIcon
+  return (
+    <View
+      style={{
+        flexDirection: 'row',
+        height: cx(46),
+        alignItems: 'center',
+        marginTop: Platform.OS === 'ios' ? Utils.RatioUtils.statusBarHeight : 0,
+        justifyContent: 'space-between',
+      }}>
+      <TouchableOpacity onPress={props.onBackPress} style={{flex: 1, maxWidth: cx(290)}} >
+        <View
+          style={{
+            flexDirection: 'row',
+            height: cx(46),
+            marginHorizontal: cx(20),
+            alignItems: 'center',
+            flex: 1,
+          }}>
+          <IconFont size={cx(16)} color={props.theme.global.brand} name={backIcon}/>
+          <View style={{width: cx(10)}}/>
+          <Text
+            numberOfLines={1}
+            style={{
+              maxWidth: cx(290),
+              color: props.theme.global.brand,
+              fontSize: cx(16),
+              fontFamily: 'helvetica_neue_lt_std_roman',
+            }}>{props.title}</Text>
+        </View>
+      </TouchableOpacity>
+      {!!props.rightButtonIcon &&
+          <TouchableOpacity
+              style={{
+                width: cx(44),
+                height: cx(44),
+                marginRight: cx(10)
+              }}
+              onPress={props.onRightButtonPress}
+              disabled={props.rightButtonDisabled}>
+              <Image
+                  style={[
+                    {
+                      width: cx(44),
+                      height: cx(44),
+                    },
+                    props.rightButtonStyle,
+                  ]}
+                  source={icon}/>
+          </TouchableOpacity>
+      }
+    </View>
+  )
+}
+
+export default withTheme(LDVTopBar)

package/src/components/ldvTopName.d.ts

@@ -1,9 +1,9 @@
-interface LdvTopNameProps {
-    title: string;
-    rightIcon?: string | undefined | number;
-    rightIconClick?: () => void;
-    showGreenery?: boolean;
-    greeneryIcon?: string | undefined | number;
-}
-declare const LdvTopName: (props: LdvTopNameProps) => JSX.Element;
-export default LdvTopName;
+interface LdvTopNameProps {
+    title: string;
+    rightIcon?: string | undefined | number;
+    rightIconClick?: () => void;
+    showGreenery?: boolean;
+    greeneryIcon?: string | undefined | number;
+}
+declare const LdvTopName: (props: LdvTopNameProps) => JSX.Element;
+export default LdvTopName;

package/src/components/ldvTopName.tsx

@@ -1,63 +1,63 @@
-import React from 'react'
-import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
-import {Utils} from 'tuya-panel-kit'
-
-const cx = Utils.RatioUtils.convertX
-const { withTheme } = Utils.ThemeUtils
-
-interface LdvTopNameProps {
-  theme?: any
-  title: string,
-  rightIcon?: string | undefined | number,
-  rightIconClick?: () => void
-  showGreenery?: boolean
-  greeneryIcon?: string | undefined | number
-  headlineContent?: React.ReactNode
-}
-
-const LdvTopName = (props: LdvTopNameProps) => {
-  const rightIcon = typeof props.rightIcon === 'number' ? props.rightIcon : {uri: props.rightIcon}
-  const greeneryIcon = typeof props.greeneryIcon === 'number' ? props.greeneryIcon : {uri: props.greeneryIcon}
-
-  const styles = StyleSheet.create({
-    container: {
-      marginHorizontal: cx(24),
-      marginBottom: cx(12),
-    },
-    title: {
-      color: props.theme.global.brand,
-      fontSize: cx(24),
-    },
-  })
-  return (
-    <View style={styles.container}>
-      <View
-        style={{
-          flexDirection: 'row',
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          marginTop: cx(38),
-        }}>
-        <View style={{flexDirection: 'row', flex: 1}}>
-          <Text style={styles.title}>
-            {props.title}
-          </Text>
-          {props.showGreenery && <Image
-              source={greeneryIcon}
-              resizeMode="contain"
-              style={{height: cx(16), width: cx(16), left: 0}}
-          /> || null}
-        </View>
-        {props.rightIcon && <TouchableOpacity
-            onPress={props.rightIconClick}>
-            <Image
-                style={{width: cx(24), height: cx(24), tintColor: props.theme.global.brand}}
-                source={rightIcon}/>
-        </TouchableOpacity>}
-        {props.headlineContent && props.headlineContent}
-      </View>
-    </View>
-  )
-}
-
-export default withTheme(LdvTopName)
+import React from 'react'
+import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
+import {Utils} from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+const { withTheme } = Utils.ThemeUtils
+
+interface LdvTopNameProps {
+  theme?: any
+  title: string,
+  rightIcon?: string | undefined | number,
+  rightIconClick?: () => void
+  showGreenery?: boolean
+  greeneryIcon?: string | undefined | number
+  headlineContent?: React.ReactNode
+}
+
+const LdvTopName = (props: LdvTopNameProps) => {
+  const rightIcon = typeof props.rightIcon === 'number' ? props.rightIcon : {uri: props.rightIcon}
+  const greeneryIcon = typeof props.greeneryIcon === 'number' ? props.greeneryIcon : {uri: props.greeneryIcon}
+
+  const styles = StyleSheet.create({
+    container: {
+      marginHorizontal: cx(24),
+      marginBottom: cx(12),
+    },
+    title: {
+      color: props.theme.global.brand,
+      fontSize: cx(24),
+    },
+  })
+  return (
+    <View style={styles.container}>
+      <View
+        style={{
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          marginTop: cx(38),
+        }}>
+        <View style={{flexDirection: 'row', flex: 1}}>
+          <Text style={styles.title}>
+            {props.title}
+          </Text>
+          {props.showGreenery && <Image
+              source={greeneryIcon}
+              resizeMode="contain"
+              style={{height: cx(16), width: cx(16), left: 0}}
+          /> || null}
+        </View>
+        {props.rightIcon && <TouchableOpacity
+            onPress={props.rightIconClick}>
+            <Image
+                style={{width: cx(24), height: cx(24), tintColor: props.theme.global.brand}}
+                source={rightIcon}/>
+        </TouchableOpacity>}
+        {props.headlineContent && props.headlineContent}
+      </View>
+    </View>
+  )
+}
+
+export default withTheme(LdvTopName)

package/src/components/segmentControl.d.ts

@@ -1 +1 @@
-export default function SegmentControl(props: any): JSX.Element;
+export default function SegmentControl(props: any): JSX.Element;