@ledvance/base 1.2.82 → 1.2.83

package/src/components/LampAdjustView2.tsx

@@ -1,105 +1,105 @@
-import { StyleSheet, View } from 'react-native'
-import React, { memo } from 'react'
-import { Utils } from 'tuya-panel-kit'
-import { useReactive } from 'ahooks'
-import Spacer from './Spacer'
-import ColorAdjustView from './ColorAdjustView'
-import ColorTempAdjustView from './ColorTempAdjustView'
-import SegmentControl from './segmentControl'
-import I18n from '../i18n/index'
-
-const { convertX: cx } = Utils.RatioUtils
-
-export interface HSV {
-  h: number
-  s: number
-  v: number
-}
-
-interface LampConfigViewProps {
-  isSupportColor: boolean
-  isSupportCCT: boolean
-  isSupportBrightness: boolean
-  isColorMode: boolean
-  setIsColorMode: (isColorMode: boolean) => void
-  minBrightness?: number // 最小亮度
-  minSaturation?: number // 最小Saturation
-  reserveSV?: boolean // 保留 s v
-  hsv: HSV
-  onHSVChange: (hsv: HSV, isComplete: boolean) => void
-  cct: number
-  onCCTChange: (cct: number, isComplete: boolean) => void
-  brightness: number
-  onBrightnessChange: (brightness: number, isComplete: boolean) => void
-}
-
-const LampAdjustView2 = (props: LampConfigViewProps) => {
-
-  const state = useReactive({
-    hasSegmentControl: props.isSupportColor && (props.isSupportBrightness || props.isSupportCCT),
-  })
-
-  return (
-    <View>
-      {state.hasSegmentControl &&
-        <SegmentControl
-          style={styles.segmentControl}
-          title1={I18n.getLang('light_sources_tile_rgb_lighting_tab_color')}
-          title2={I18n.getLang('light_sources_tile_rgb_lighting_tab_white')}
-          isFirst={props.isColorMode}
-          setIsFirst={props.setIsColorMode}/>
-      }
-      {((state.hasSegmentControl && props.isColorMode) || (!state.hasSegmentControl && props.isSupportColor)) &&
-        <>
-          {state.hasSegmentControl && <Spacer height={cx(10)}/>}
-          <ColorAdjustView
-            h={props.hsv.h}
-            s={props.hsv.s}
-            v={props.hsv.v}
-            minBrightness={props.minBrightness}
-            minSaturation={props.minSaturation}
-            reserveSV={props.reserveSV}
-            onHSVChange={(h, s, v) => {
-              props.onHSVChange({ h, s, v }, false)
-            }}
-            onHSVChangeComplete={(h, s, v) => {
-              props.onHSVChange({ h, s, v }, true)
-            }}/>
-          <Spacer/>
-        </>
-      }
-      {((state.hasSegmentControl && !props.isColorMode) || (!state.hasSegmentControl && (props.isSupportBrightness || props.isSupportCCT))) &&
-        <>
-          {state.hasSegmentControl && <Spacer height={cx(10)}/>}
-          <ColorTempAdjustView
-            minBrightness={props.minBrightness}
-            isSupportTemperature={props.isSupportCCT}
-            isSupportBrightness={props.isSupportBrightness}
-            colorTemp={props.cct}
-            brightness={props.brightness}
-            onCCTChange={cct => {
-              props.onCCTChange(cct, false)
-            }}
-            onCCTChangeComplete={cct => {
-              props.onCCTChange(cct, true)
-            }}
-            onBrightnessChange={brightness => {
-              props.onBrightnessChange(brightness, false)
-            }}
-            onBrightnessChangeComplete={brightness => {
-              props.onBrightnessChange(brightness, true)
-            }}/>
-          <Spacer/>
-        </>
-      }
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  segmentControl: {
-    marginHorizontal: cx(16),
-  },
-})
-
+import { StyleSheet, View } from 'react-native'
+import React, { memo } from 'react'
+import { Utils } from 'tuya-panel-kit'
+import { useReactive } from 'ahooks'
+import Spacer from './Spacer'
+import ColorAdjustView from './ColorAdjustView'
+import ColorTempAdjustView from './ColorTempAdjustView'
+import SegmentControl from './segmentControl'
+import I18n from '../i18n/index'
+
+const { convertX: cx } = Utils.RatioUtils
+
+export interface HSV {
+  h: number
+  s: number
+  v: number
+}
+
+interface LampConfigViewProps {
+  isSupportColor: boolean
+  isSupportCCT: boolean
+  isSupportBrightness: boolean
+  isColorMode: boolean
+  setIsColorMode: (isColorMode: boolean) => void
+  minBrightness?: number // 最小亮度
+  minSaturation?: number // 最小Saturation
+  reserveSV?: boolean // 保留 s v
+  hsv: HSV
+  onHSVChange: (hsv: HSV, isComplete: boolean) => void
+  cct: number
+  onCCTChange: (cct: number, isComplete: boolean) => void
+  brightness: number
+  onBrightnessChange: (brightness: number, isComplete: boolean) => void
+}
+
+const LampAdjustView2 = (props: LampConfigViewProps) => {
+
+  const state = useReactive({
+    hasSegmentControl: props.isSupportColor && (props.isSupportBrightness || props.isSupportCCT),
+  })
+
+  return (
+    <View>
+      {state.hasSegmentControl &&
+        <SegmentControl
+          style={styles.segmentControl}
+          title1={I18n.getLang('light_sources_tile_rgb_lighting_tab_color')}
+          title2={I18n.getLang('light_sources_tile_rgb_lighting_tab_white')}
+          isFirst={props.isColorMode}
+          setIsFirst={props.setIsColorMode}/>
+      }
+      {((state.hasSegmentControl && props.isColorMode) || (!state.hasSegmentControl && props.isSupportColor)) &&
+        <>
+          {state.hasSegmentControl && <Spacer height={cx(10)}/>}
+          <ColorAdjustView
+            h={props.hsv.h}
+            s={props.hsv.s}
+            v={props.hsv.v}
+            minBrightness={props.minBrightness}
+            minSaturation={props.minSaturation}
+            reserveSV={props.reserveSV}
+            onHSVChange={(h, s, v) => {
+              props.onHSVChange({ h, s, v }, false)
+            }}
+            onHSVChangeComplete={(h, s, v) => {
+              props.onHSVChange({ h, s, v }, true)
+            }}/>
+          <Spacer/>
+        </>
+      }
+      {((state.hasSegmentControl && !props.isColorMode) || (!state.hasSegmentControl && (props.isSupportBrightness || props.isSupportCCT))) &&
+        <>
+          {state.hasSegmentControl && <Spacer height={cx(10)}/>}
+          <ColorTempAdjustView
+            minBrightness={props.minBrightness}
+            isSupportTemperature={props.isSupportCCT}
+            isSupportBrightness={props.isSupportBrightness}
+            colorTemp={props.cct}
+            brightness={props.brightness}
+            onCCTChange={cct => {
+              props.onCCTChange(cct, false)
+            }}
+            onCCTChangeComplete={cct => {
+              props.onCCTChange(cct, true)
+            }}
+            onBrightnessChange={brightness => {
+              props.onBrightnessChange(brightness, false)
+            }}
+            onBrightnessChangeComplete={brightness => {
+              props.onBrightnessChange(brightness, true)
+            }}/>
+          <Spacer/>
+        </>
+      }
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  segmentControl: {
+    marginHorizontal: cx(16),
+  },
+})
+
 export default memo(LampAdjustView2)

package/src/components/LinearGradientLine.d.ts

@@ -1,9 +1,9 @@
-import { StyleProp } from 'react-native';
-interface LinearGradientLineProps extends StyleProp<any> {
-    width: number;
-    height: number;
-    colors: string[];
-    orientation?: 'vertical' | 'horizontal';
-}
-declare const LinearGradientLine: (props: LinearGradientLineProps) => JSX.Element;
-export default LinearGradientLine;
+import { StyleProp } from 'react-native';
+interface LinearGradientLineProps extends StyleProp<any> {
+    width: number;
+    height: number;
+    colors: string[];
+    orientation?: 'vertical' | 'horizontal';
+}
+declare const LinearGradientLine: (props: LinearGradientLineProps) => JSX.Element;
+export default LinearGradientLine;

package/src/components/LinearGradientLine.tsx

@@ -1,64 +1,64 @@
-import {LinearGradient} from 'tuya-panel-kit'
-import React, {useEffect} from 'react'
-import {Rect} from 'react-native-svg'
-import {StyleProp, View} from 'react-native'
-import {useReactive} from 'ahooks'
-
-interface LinearGradientLineProps extends StyleProp<any> {
-  width: number
-  height: number
-  colors: string[]
-  orientation?: 'vertical' | 'horizontal'
-}
-
-const LinearGradientLine = (props: LinearGradientLineProps) => {
-  const {width, height} = props
-
-  const state = useReactive({
-    x1: '0%',
-    y1: '50%',
-    x2: '100%',
-    y2: '50%',
-    stops: {},
-  })
-
-  useEffect(() => {
-    if (props.orientation === 'vertical') {
-      state.x1 = '50%'
-      state.y1 = '0%'
-      state.x2 = '50%'
-      state.y2 = '100%'
-    } else {
-      state.x1 = '0%'
-      state.y1 = '50%'
-      state.x2 = '100%'
-      state.y2 = '50%'
-    }
-  }, [props.orientation])
-
-  useEffect(() => {
-    const p = (1 / (props.colors.length - 1)) * 100
-    let pc = 0
-    props.colors.forEach(color => {
-      state.stops[`${pc}%`] = color
-      pc += p
-    })
-  }, [props.colors])
-
-  return (
-    <View style={[{ width, height, overflow: 'hidden' }, props.style]}>
-      {JSON.stringify(state.stops) !== '{}' && <LinearGradient
-        gradientId="Gradient"
-        style={{ width, height }}
-        x1={state.x1}
-        y1={state.y1}
-        x2={state.x2}
-        y2={state.y2}
-        stops={state.stops}>
-        <Rect width={width} height={height} />
-      </LinearGradient>}
-    </View>
-  )
-}
-
+import {LinearGradient} from 'tuya-panel-kit'
+import React, {useEffect} from 'react'
+import {Rect} from 'react-native-svg'
+import {StyleProp, View} from 'react-native'
+import {useReactive} from 'ahooks'
+
+interface LinearGradientLineProps extends StyleProp<any> {
+  width: number
+  height: number
+  colors: string[]
+  orientation?: 'vertical' | 'horizontal'
+}
+
+const LinearGradientLine = (props: LinearGradientLineProps) => {
+  const {width, height} = props
+
+  const state = useReactive({
+    x1: '0%',
+    y1: '50%',
+    x2: '100%',
+    y2: '50%',
+    stops: {},
+  })
+
+  useEffect(() => {
+    if (props.orientation === 'vertical') {
+      state.x1 = '50%'
+      state.y1 = '0%'
+      state.x2 = '50%'
+      state.y2 = '100%'
+    } else {
+      state.x1 = '0%'
+      state.y1 = '50%'
+      state.x2 = '100%'
+      state.y2 = '50%'
+    }
+  }, [props.orientation])
+
+  useEffect(() => {
+    const p = (1 / (props.colors.length - 1)) * 100
+    let pc = 0
+    props.colors.forEach(color => {
+      state.stops[`${pc}%`] = color
+      pc += p
+    })
+  }, [props.colors])
+
+  return (
+    <View style={[{ width, height, overflow: 'hidden' }, props.style]}>
+      {JSON.stringify(state.stops) !== '{}' && <LinearGradient
+        gradientId="Gradient"
+        style={{ width, height }}
+        x1={state.x1}
+        y1={state.y1}
+        x2={state.x2}
+        y2={state.y2}
+        stops={state.stops}>
+        <Rect width={width} height={height} />
+      </LinearGradient>}
+    </View>
+  )
+}
+
 export default LinearGradientLine

package/src/components/LoadingView.tsx

@@ -1,39 +1,39 @@
-import {Progress, Utils} from "tuya-panel-kit";
-import {StyleProp, View, ViewProps, ViewStyle} from "react-native";
-import React, {PropsWithChildren} from "react";
-import {useInterval, useReactive} from "ahooks";
-
-const {convertX: cx} = Utils.RatioUtils;
-
-interface LoadingProp extends PropsWithChildren<ViewProps> {
-  color?: string
-  progressStyle?: StyleProp<ViewStyle>
-}
-
-const LoadingView = (props: LoadingProp = {color: '#ff6600', progressStyle: {width: cx(100), height: cx(100)}}) => {
-  const state = useReactive({
-    andDegree: 0
-  })
-  useInterval(() => {
-    state.andDegree = (state.andDegree + 20) % 360
-  }, 200, {immediate: true})
-
-  const fillColor = props.color || '#ff6600'
-  return <View style={[{justifyContent: 'center', alignItems: 'center'}, props.style]}>
-    <Progress.Double
-      backColor={props.color}
-      minThumbFill={fillColor}
-      minThumbStroke={props.color}
-      thumbFill={fillColor}
-      thumbStroke={props.color}
-      startColor={props.color}
-      endColor={props.color}
-      maxValue={360}
-      startDegree={0}
-      andDegree={state.andDegree}
-      style={props.progressStyle}
-    />
-  </View>
-}
-
-export default LoadingView
+import {Progress, Utils} from "tuya-panel-kit";
+import {StyleProp, View, ViewProps, ViewStyle} from "react-native";
+import React, {PropsWithChildren} from "react";
+import {useInterval, useReactive} from "ahooks";
+
+const {convertX: cx} = Utils.RatioUtils;
+
+interface LoadingProp extends PropsWithChildren<ViewProps> {
+  color?: string
+  progressStyle?: StyleProp<ViewStyle>
+}
+
+const LoadingView = (props: LoadingProp = {color: '#ff6600', progressStyle: {width: cx(100), height: cx(100)}}) => {
+  const state = useReactive({
+    andDegree: 0
+  })
+  useInterval(() => {
+    state.andDegree = (state.andDegree + 20) % 360
+  }, 200, {immediate: true})
+
+  const fillColor = props.color || '#ff6600'
+  return <View style={[{justifyContent: 'center', alignItems: 'center'}, props.style]}>
+    <Progress.Double
+      backColor={props.color}
+      minThumbFill={fillColor}
+      minThumbStroke={props.color}
+      thumbFill={fillColor}
+      thumbStroke={props.color}
+      startColor={props.color}
+      endColor={props.color}
+      maxValue={360}
+      startDegree={0}
+      andDegree={state.andDegree}
+      style={props.progressStyle}
+    />
+  </View>
+}
+
+export default LoadingView

package/src/components/MoodColorsLine.d.ts

@@ -1,9 +1,9 @@
-export declare type MoodColorsLineType = 'gradient' | 'separate';
-interface MoodColorsLineProps {
-    width?: number;
-    height?: number;
-    type: MoodColorsLineType;
-    colors: string[];
-}
-export default function MoodColorsLine(props: MoodColorsLineProps): JSX.Element;
-export {};
+export declare type MoodColorsLineType = 'gradient' | 'separate';
+interface MoodColorsLineProps {
+    width?: number;
+    height?: number;
+    type: MoodColorsLineType;
+    colors: string[];
+}
+export default function MoodColorsLine(props: MoodColorsLineProps): JSX.Element;
+export {};

package/src/components/MoodColorsLine.tsx

@@ -1,39 +1,39 @@
-import LinearGradientLine from './LinearGradientLine'
-import React from 'react'
-import {Utils} from 'tuya-panel-kit'
-import {StyleProp, StyleSheet, ViewStyle} from 'react-native'
-import ColorsLine from './ColorsLine'
-
-const cx = Utils.RatioUtils.convertX
-
-export type MoodColorsLineType = 'gradient' | 'separate'
-
-interface MoodColorsLineProps {
-  width?: number
-  height?: number
-  type: MoodColorsLineType
-  colors: string[]
-  nodeStyle?: StyleProp<ViewStyle>
-}
-
-export default function MoodColorsLine(props: MoodColorsLineProps) {
-  const width = props.width || cx(295)
-  const height = props.height || cx(24)
-  if (props.type === 'separate' || props.colors.length < 2) {
-    return (<ColorsLine colors={props.colors} style={{width, height}} nodeStyle={props.nodeStyle}/>)
-  } else {
-    return (
-      <LinearGradientLine
-        width={width}
-        height={height}
-        style={styles.gradient}
-        colors={props.colors}/>
-    )
-  }
-}
-
-const styles = StyleSheet.create({
-  gradient: {
-    borderRadius: cx(8),
-  },
+import LinearGradientLine from './LinearGradientLine'
+import React from 'react'
+import {Utils} from 'tuya-panel-kit'
+import {StyleProp, StyleSheet, ViewStyle} from 'react-native'
+import ColorsLine from './ColorsLine'
+
+const cx = Utils.RatioUtils.convertX
+
+export type MoodColorsLineType = 'gradient' | 'separate'
+
+interface MoodColorsLineProps {
+  width?: number
+  height?: number
+  type: MoodColorsLineType
+  colors: string[]
+  nodeStyle?: StyleProp<ViewStyle>
+}
+
+export default function MoodColorsLine(props: MoodColorsLineProps) {
+  const width = props.width || cx(295)
+  const height = props.height || cx(24)
+  if (props.type === 'separate' || props.colors.length < 2) {
+    return (<ColorsLine colors={props.colors} style={{width, height}} nodeStyle={props.nodeStyle}/>)
+  } else {
+    return (
+      <LinearGradientLine
+        width={width}
+        height={height}
+        style={styles.gradient}
+        colors={props.colors}/>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  gradient: {
+    borderRadius: cx(8),
+  },
 })

package/src/components/Page.d.ts

@@ -1,21 +1,21 @@
-import { PropsWithChildren } from 'react';
-import { ViewProps } from 'react-native';
-interface PageProps extends PropsWithChildren<ViewProps> {
-    rightButtonDisabled?: boolean;
-    backText: string;
-    onBackClick?: () => void;
-    showBackDialog?: boolean;
-    backDialogTitle?: string;
-    backDialogContent?: string;
-    rightButtonIcon?: string;
-    rightButtonStyle?: any | undefined;
-    rightButtonIconClick?: () => void;
-    headlineText?: string;
-    headlineIcon?: string | number;
-    onHeadlineIconClick?: () => void;
-    showGreenery?: boolean;
-    greeneryIcon?: string | undefined | number;
-    loading?: boolean;
-}
-declare const Page: (props: PageProps) => JSX.Element;
-export default Page;
+import { PropsWithChildren } from 'react';
+import { ViewProps } from 'react-native';
+interface PageProps extends PropsWithChildren<ViewProps> {
+    rightButtonDisabled?: boolean;
+    backText: string;
+    onBackClick?: () => void;
+    showBackDialog?: boolean;
+    backDialogTitle?: string;
+    backDialogContent?: string;
+    rightButtonIcon?: string;
+    rightButtonStyle?: any | undefined;
+    rightButtonIconClick?: () => void;
+    headlineText?: string;
+    headlineIcon?: string | number;
+    onHeadlineIconClick?: () => void;
+    showGreenery?: boolean;
+    greeneryIcon?: string | undefined | number;
+    loading?: boolean;
+}
+declare const Page: (props: PageProps) => JSX.Element;
+export default Page;