@ledvance/base 1.2.82 → 1.2.83

package/src/components/Page.tsx

@@ -1,104 +1,104 @@
-import React, { PropsWithChildren, useCallback, useEffect } from 'react'
-import { BackHandler, View, ViewProps } from 'react-native'
-import LDVTopBar from './ldvTopBar'
-import { useNavigation } from '@react-navigation/native'
-import {Dialog, Toast, Utils} from 'tuya-panel-kit'
-import I18n from '@i18n'
-import LdvTopName from './ldvTopName'
-
-const { withTheme } = Utils.ThemeUtils
-
-interface PageProps extends PropsWithChildren<ViewProps> {
-  theme?: any
-  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
-  headlineContent?: React.ReactNode
-  showGreenery?: boolean
-  greeneryIcon?: string | undefined | number
-  loading?: boolean
-}
-
-const Page = (props: PageProps) => {
-  const navigation = useNavigation()
-  const disabled = props.rightButtonDisabled
-
-  const onBack = useCallback(() => {
-      if (disabled) {
-        navigation.goBack()
-        return true
-      }
-      Dialog.confirm({
-        title: props.backDialogTitle || '',
-        subTitle: props.backDialogContent || '',
-        cancelText: I18n.getLang('cancel_dialog_delete_item_sleepschedule_answer_no_text'),
-        confirmText: I18n.getLang('cancel_dialog_delete_item_sleepschedule_answer_yes_text'),
-        onConfirm: (_, { close }) => {
-          close()
-          navigation.goBack()
-        },
-        motionConfig: {
-          hideDuration: 0,
-          showDuration: 100,
-        },
-      })
-      return true
-    },
-    [props.backDialogTitle, props.backDialogContent, disabled],
-  )
-
-  useEffect(() => {
-    if (!!props.showBackDialog) {
-      BackHandler.addEventListener('hardwareBackPress', onBack)
-      return () => {
-        BackHandler.removeEventListener('hardwareBackPress', onBack)
-      }
-    }
-  }, [props.showBackDialog, disabled])
-
-  return (
-    <>
-      <View style={[{ flex: 1, position: 'relative', backgroundColor: props.theme.global.backgroud }, props.style]}>
-        <LDVTopBar
-          title={props.backText}
-          onBackPress={
-            !!props.onBackClick ? props.onBackClick :
-              !!props.showBackDialog ? onBack : (() => {
-                navigation.goBack()
-              })
-          }
-          rightButtonIcon={props.rightButtonIcon}
-          rightButtonStyle={props.rightButtonStyle}
-          onRightButtonPress={props.rightButtonIconClick}
-          rightButtonDisabled={disabled}/>
-        {(!!props.headlineText) &&
-          <LdvTopName
-            title={props.headlineText}
-            rightIcon={props.headlineIcon}
-            rightIconClick={props.onHeadlineIconClick}
-            showGreenery={props.showGreenery}
-            greeneryIcon={props.greeneryIcon}
-            headlineContent={props.headlineContent}
-            />}
-        {props.children}
-      </View>
-      {!!props.loading && <Toast.Loading
-        style={{ zIndex: 999, elevation: 10 }}
-        show={props.loading}
-        onFinish={() => {
-
-        }}/>}
-    </>
-  )
-}
-
-export default withTheme(Page)
+import React, { PropsWithChildren, useCallback, useEffect } from 'react'
+import { BackHandler, View, ViewProps } from 'react-native'
+import LDVTopBar from './ldvTopBar'
+import { useNavigation } from '@react-navigation/native'
+import {Dialog, Toast, Utils} from 'tuya-panel-kit'
+import I18n from '@i18n'
+import LdvTopName from './ldvTopName'
+
+const { withTheme } = Utils.ThemeUtils
+
+interface PageProps extends PropsWithChildren<ViewProps> {
+  theme?: any
+  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
+  headlineContent?: React.ReactNode
+  showGreenery?: boolean
+  greeneryIcon?: string | undefined | number
+  loading?: boolean
+}
+
+const Page = (props: PageProps) => {
+  const navigation = useNavigation()
+  const disabled = props.rightButtonDisabled
+
+  const onBack = useCallback(() => {
+      if (disabled) {
+        navigation.goBack()
+        return true
+      }
+      Dialog.confirm({
+        title: props.backDialogTitle || '',
+        subTitle: props.backDialogContent || '',
+        cancelText: I18n.getLang('cancel_dialog_delete_item_sleepschedule_answer_no_text'),
+        confirmText: I18n.getLang('cancel_dialog_delete_item_sleepschedule_answer_yes_text'),
+        onConfirm: (_, { close }) => {
+          close()
+          navigation.goBack()
+        },
+        motionConfig: {
+          hideDuration: 0,
+          showDuration: 100,
+        },
+      })
+      return true
+    },
+    [props.backDialogTitle, props.backDialogContent, disabled],
+  )
+
+  useEffect(() => {
+    if (!!props.showBackDialog) {
+      BackHandler.addEventListener('hardwareBackPress', onBack)
+      return () => {
+        BackHandler.removeEventListener('hardwareBackPress', onBack)
+      }
+    }
+  }, [props.showBackDialog, disabled])
+
+  return (
+    <>
+      <View style={[{ flex: 1, position: 'relative', backgroundColor: props.theme.global.backgroud }, props.style]}>
+        <LDVTopBar
+          title={props.backText}
+          onBackPress={
+            !!props.onBackClick ? props.onBackClick :
+              !!props.showBackDialog ? onBack : (() => {
+                navigation.goBack()
+              })
+          }
+          rightButtonIcon={props.rightButtonIcon}
+          rightButtonStyle={props.rightButtonStyle}
+          onRightButtonPress={props.rightButtonIconClick}
+          rightButtonDisabled={disabled}/>
+        {(!!props.headlineText) &&
+          <LdvTopName
+            title={props.headlineText}
+            rightIcon={props.headlineIcon}
+            rightIconClick={props.onHeadlineIconClick}
+            showGreenery={props.showGreenery}
+            greeneryIcon={props.greeneryIcon}
+            headlineContent={props.headlineContent}
+            />}
+        {props.children}
+      </View>
+      {!!props.loading && <Toast.Loading
+        style={{ zIndex: 999, elevation: 10 }}
+        show={props.loading}
+        onFinish={() => {
+
+        }}/>}
+    </>
+  )
+}
+
+export default withTheme(Page)

package/src/components/Popup.d.ts

@@ -1,7 +1,7 @@
-interface InformationPopupProps {
-    title: string;
-    confirmText: string;
-    content: any;
-}
-declare const InformationPopup: (props: InformationPopupProps) => void;
-export default InformationPopup;
+interface InformationPopupProps {
+    title: string;
+    confirmText: string;
+    content: any;
+}
+declare const InformationPopup: (props: InformationPopupProps) => void;
+export default InformationPopup;

package/src/components/Popup.tsx

@@ -1,72 +1,72 @@
-import React from 'react'
-import {Text, TouchableOpacity, View} from 'react-native'
-import {Popup, Utils} from 'tuya-panel-kit'
-
-const {convertX: cx, height} = Utils.RatioUtils
-
-interface InformationPopupProps {
-  title: string
-  confirmText: string
-  content: any
-}
-
-const InformationPopup = (props: InformationPopupProps) => {
-  console.log(props, '< --- props')
-
-  const titleNode = () => {
-    return (
-      <View style={{flexDirection: 'row', height: cx(80), justifyContent: 'space-between'}}>
-        <View style={{flexDirection: 'column-reverse', flex: 1, alignItems: 'center', paddingLeft: cx(12)}}>
-          <Text style={{
-            fontSize: cx(16),
-            fontWeight: 'bold',
-            color: '#000000',
-            paddingBottom: cx(12),
-
-          }}>{props.title}</Text>
-        </View>
-        <TouchableOpacity
-          style={{
-            flexDirection: 'column-reverse',
-            alignItems: 'center',
-            paddingBottom: cx(12),
-            paddingRight: cx(6),
-          }}
-          onPress={() => Popup.close()}
-        >
-          <Text
-            style={{
-              fontSize: cx(12),
-              color: '#FF6600',
-            }}
-          >
-            {props.confirmText}
-          </Text>
-        </TouchableOpacity>
-      </View>
-    )
-  }
-
-  Popup.custom({
-    content: <View style={{height: height - cx(80), padding: cx(24)}}>
-      {props.content}
-    </View>,
-    title: titleNode(),
-    footer: null,
-    confirmText: '',
-    cancelText: '',
-    onMaskPress: ({close}) => {
-      close()
-    },
-    onConfirm: () => {
-      Popup.close()
-    },
-    footerWrapperStyle: {
-      display: 'none',
-    },
-  })
-
-
-}
-
+import React from 'react'
+import {Text, TouchableOpacity, View} from 'react-native'
+import {Popup, Utils} from 'tuya-panel-kit'
+
+const {convertX: cx, height} = Utils.RatioUtils
+
+interface InformationPopupProps {
+  title: string
+  confirmText: string
+  content: any
+}
+
+const InformationPopup = (props: InformationPopupProps) => {
+  console.log(props, '< --- props')
+
+  const titleNode = () => {
+    return (
+      <View style={{flexDirection: 'row', height: cx(80), justifyContent: 'space-between'}}>
+        <View style={{flexDirection: 'column-reverse', flex: 1, alignItems: 'center', paddingLeft: cx(12)}}>
+          <Text style={{
+            fontSize: cx(16),
+            fontWeight: 'bold',
+            color: '#000000',
+            paddingBottom: cx(12),
+
+          }}>{props.title}</Text>
+        </View>
+        <TouchableOpacity
+          style={{
+            flexDirection: 'column-reverse',
+            alignItems: 'center',
+            paddingBottom: cx(12),
+            paddingRight: cx(6),
+          }}
+          onPress={() => Popup.close()}
+        >
+          <Text
+            style={{
+              fontSize: cx(12),
+              color: '#FF6600',
+            }}
+          >
+            {props.confirmText}
+          </Text>
+        </TouchableOpacity>
+      </View>
+    )
+  }
+
+  Popup.custom({
+    content: <View style={{height: height - cx(80), padding: cx(24)}}>
+      {props.content}
+    </View>,
+    title: titleNode(),
+    footer: null,
+    confirmText: '',
+    cancelText: '',
+    onMaskPress: ({close}) => {
+      close()
+    },
+    onConfirm: () => {
+      Popup.close()
+    },
+    footerWrapperStyle: {
+      display: 'none',
+    },
+  })
+
+
+}
+
 export default InformationPopup

package/src/components/Segmented.d.ts

@@ -1,14 +1,14 @@
-import { ReactNode } from 'react';
-import { ViewStyle } from 'react-native';
-interface SegmentedItem {
-    label: ReactNode;
-    value: string | number;
-}
-interface SegmentedProps {
-    value?: string | number;
-    options?: SegmentedItem[];
-    onChange?: (v: string | number) => void;
-    style?: ViewStyle;
-}
-declare const Segmented: (props: SegmentedProps) => JSX.Element;
-export default Segmented;
+import { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+interface SegmentedItem {
+    label: ReactNode;
+    value: string | number;
+}
+interface SegmentedProps {
+    value?: string | number;
+    options?: SegmentedItem[];
+    onChange?: (v: string | number) => void;
+    style?: ViewStyle;
+}
+declare const Segmented: (props: SegmentedProps) => JSX.Element;
+export default Segmented;

package/src/components/Segmented.tsx

@@ -1,77 +1,77 @@
-import React, {ReactNode} from 'react'
-import {StyleSheet, Text, TouchableOpacity, View, ViewStyle} from 'react-native'
-import {Utils} from 'tuya-panel-kit'
-
-const {convertX: cx} = Utils.RatioUtils
-
-interface SegmentedItem {
-  label: ReactNode
-  value: string | number
-}
-
-interface SegmentedProps {
-  value?: string | number
-  options?: SegmentedItem[]
-  onChange?: (v: string | number) => void
-  style?: ViewStyle
-}
-
-const Segmented = (props: SegmentedProps) => {
-  return (
-    <View style={[styles.wrap_container, props.style]}>
-      {props.options && props.options.map((item, idx) => (
-        <TouchableOpacity
-          style={[
-            styles.segmented_item,
-            idx === 0 && styles.segmented_item_first,
-            idx + 1 === props.options?.length && styles.segmented_item_last,
-            item.value === props.value && styles.segmented_item_check,
-          ]}
-          onPress={() => props.onChange && props.onChange(item.value)}
-          key={idx}
-        >
-          <Text style={[
-            styles.segmented_text,
-            item.value === props.value && styles.segmented_text_check,
-          ]}>{item.label}</Text>
-        </TouchableOpacity>
-      ))}
-    </View>
-  )
-}
-
-export default Segmented
-
-const styles = StyleSheet.create({
-  wrap_container: {
-    flexDirection: 'row',
-    height: cx(42),
-    backgroundColor: '#f6f6f6',
-    padding: cx(2),
-    borderRadius: cx(8),
-  },
-  segmented_item: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: '#fff',
-  },
-  segmented_item_first: {
-    borderBottomLeftRadius: cx(8),
-    borderTopLeftRadius: cx(8),
-  },
-  segmented_item_last: {
-    borderBottomRightRadius: cx(8),
-    borderTopRightRadius: cx(8),
-  },
-  segmented_item_check: {
-    backgroundColor: '#f60',
-  },
-  segmented_text: {
-    fontSize: cx(16),
-    color: '#999',
-  },
-  segmented_text_check: {
-    color: '#fff',
-  },
+import React, {ReactNode} from 'react'
+import {StyleSheet, Text, TouchableOpacity, View, ViewStyle} from 'react-native'
+import {Utils} from 'tuya-panel-kit'
+
+const {convertX: cx} = Utils.RatioUtils
+
+interface SegmentedItem {
+  label: ReactNode
+  value: string | number
+}
+
+interface SegmentedProps {
+  value?: string | number
+  options?: SegmentedItem[]
+  onChange?: (v: string | number) => void
+  style?: ViewStyle
+}
+
+const Segmented = (props: SegmentedProps) => {
+  return (
+    <View style={[styles.wrap_container, props.style]}>
+      {props.options && props.options.map((item, idx) => (
+        <TouchableOpacity
+          style={[
+            styles.segmented_item,
+            idx === 0 && styles.segmented_item_first,
+            idx + 1 === props.options?.length && styles.segmented_item_last,
+            item.value === props.value && styles.segmented_item_check,
+          ]}
+          onPress={() => props.onChange && props.onChange(item.value)}
+          key={idx}
+        >
+          <Text style={[
+            styles.segmented_text,
+            item.value === props.value && styles.segmented_text_check,
+          ]}>{item.label}</Text>
+        </TouchableOpacity>
+      ))}
+    </View>
+  )
+}
+
+export default Segmented
+
+const styles = StyleSheet.create({
+  wrap_container: {
+    flexDirection: 'row',
+    height: cx(42),
+    backgroundColor: '#f6f6f6',
+    padding: cx(2),
+    borderRadius: cx(8),
+  },
+  segmented_item: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#fff',
+  },
+  segmented_item_first: {
+    borderBottomLeftRadius: cx(8),
+    borderTopLeftRadius: cx(8),
+  },
+  segmented_item_last: {
+    borderBottomRightRadius: cx(8),
+    borderTopRightRadius: cx(8),
+  },
+  segmented_item_check: {
+    backgroundColor: '#f60',
+  },
+  segmented_text: {
+    fontSize: cx(16),
+    color: '#999',
+  },
+  segmented_text_check: {
+    color: '#fff',
+  },
 })

package/src/components/ShowSelect.d.ts

@@ -1 +1 @@
-export declare const ShowSelectView: (title: any, data: any, defaultValue: any, callback: any) => void;
+export declare const ShowSelectView: (title: any, data: any, defaultValue: any, callback: any) => void;