@ledvance/ui-biz-bundle 1.1.69 → 1.1.71

package/src/modules/biorhythm/BiorhythmEditPage.tsx

@@ -1,324 +1,324 @@
-import React, { useCallback, useEffect } from 'react'
-import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
-import { useNavigation, useRoute } from '@react-navigation/native'
-import { Dialog, Utils } from 'tuya-panel-kit'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import { colorTemperatureValue, Plan } from './BiorhythmBean'
-import iconList from './iconListData'
-import I18n from '@ledvance/base/src/i18n'
-import LDVTopBar from '@ledvance/base/src/components/ldvTopBar'
-import LdvTopName from '@ledvance/base/src/components/ldvTopName'
-import TextField from '@ledvance/base/src/components/TextField'
-import LdvPickerView from '@ledvance/base/src/components/ldvPickerView'
-import BiologicalRes from './res/BiologicalRes'
-import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
-import ColorTempAdjustView from '@ledvance/base/src/components/ColorTempAdjustView'
-import DeleteButton from '@ledvance/base/src/components/DeleteButton'
-import res from '@ledvance/base/src/res'
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { delay } from 'lodash'
-
-const cx = Utils.RatioUtils.convertX
-
-export interface BiorhythmEditPageParams {
-  planData: Plan
-  isAdd: boolean
-  onPlanEdited: (isAdd: boolean, plan: Plan) => void
-  onPlanDelete: (id: number) => void
-  minimumEnable: (plan: Plan) => boolean
-  iconIdList?: any
-  isMixRGBWLamp: boolean
-  isSupportTemperature: boolean
-  isSupportBrightness: boolean
-  showDeleteBtn?: boolean
-}
-
-const BiorhythmEditPage = () => {
-  const navigation = useNavigation()
-  const route = useRoute<any>()
-  const {
-    planData,
-    isAdd,
-    onPlanEdited,
-    onPlanDelete,
-    minimumEnable,
-    iconIdList,
-    isMixRGBWLamp,
-    isSupportTemperature,
-    isSupportBrightness,
-    showDeleteBtn
-  } = route.params as BiorhythmEditPageParams
-  const [hour, minute] = planData.startTime.split(':')
-  const state = useReactive({
-    hour,
-    minute,
-    iconIdList,
-    ...planData,
-    backStatus: false,
-  })
-  useEffect(() => {
-    const unsubscribe = navigation.addListener('beforeRemove', (e) => {
-      if (state.backStatus) {
-        navigation.dispatch(e.data.action)
-        return
-      }
-      if (judgmentModification()) {
-        e.preventDefault() // 阻止跳转
-        onLeave()
-        return
-      }
-    })
-
-    return unsubscribe // 在组件卸载时取消监听器
-
-  }, [])
-
-  const judgmentModification = () => {
-    return (
-      state?.hour !== hour ||
-      state?.minute !== minute ||
-      state?.iconId !== planData?.iconId ||
-      state?.name !== planData?.name ||
-      state?.brightness !== planData?.brightness ||
-      state?.colorTemperature !== planData?.colorTemperature
-    )
-  }
-
-  useUpdateEffect(() => {
-    state.startTime = `${state.hour}:${state.minute}`
-  }, [state.hour, state.minute])
-
-  const onTopBarRightBtnClick = useCallback(() => {
-    if (!saveEnable() || minimumTipEnable()) return
-    state.backStatus = true
-    onPlanEdited(isAdd, {
-      ...state,
-      icon: iconList?.find(val => val?.id === state.iconId)?.icon || '',
-    })
-    navigation.goBack()
-  }, [])
-
-  const onDeleteBtnClick = useCallback(() => {
-    onPlanDelete(state.id)
-    navigation.goBack()
-  }, [])
-
-  const onHourSelect = useCallback((hour: string) => {
-    state.hour = hour
-  }, [])
-
-  const onMinuteSelect = useCallback((minute: string) => {
-    state.minute = minute
-  }, [])
-
-  const saveEnable = useCallback(() => {
-    return state.name.length > 0 && state.name.length < 33
-  }, [])
-
-  const minimumTipEnable = () => {
-    // const min = Number(state.hour) * 60 + Number(state.minute)
-    const enable = minimumEnable(state)
-    return enable
-  }
-
-  const setImg = () => {
-    const imgIcon = iconList?.find(val => val?.id === state.iconId)?.icon || ''
-    return imgIcon
-  }
-
-  const onDelete = useCallback(() => {
-    Dialog.confirm({
-      title: I18n.getLang('cancel_dialog_delete_item_bio_rhythm_titel'),
-      subTitle: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_description'),
-      cancelText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_no_text'),
-      confirmText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_yes_text'),
-      onConfirm: async (_, { close }) => {
-        close()
-        delay(onDeleteBtnClick, 200)
-      },
-      motionConfig:{
-        hideDuration: 0,
-        showDuration: 100
-      }
-    })
-  }, [])
-
-  const onLeave = useCallback(() => {
-    Dialog.confirm({
-      title: I18n.getLang('manage_user_unsaved_changes_dialog_headline'),
-      subTitle: I18n.getLang('cancel_dialog_leave_unsaved_bio_rhythm_note'),
-      cancelText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_no_text'),
-      confirmText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_yes_text'),
-      onConfirm: async (_, { close }) => {
-        state.backStatus = true
-        close()
-        navigation.goBack()
-      },
-      motionConfig:{
-        hideDuration: 0,
-        showDuration: 100
-      }
-    })
-  }, [])
-
-  return (
-    <View style={{ flex: 1, flexDirection: 'column' }}>
-      <LDVTopBar
-        title={I18n.getLang('add_new_trigger_time_system_back_text')}
-        onBackPress={() => {
-          navigation.goBack()
-        }}
-        rightButtonIcon={(saveEnable() && !minimumTipEnable()) ? res.ic_check : res.ic_uncheck}
-        onRightButtonPress={onTopBarRightBtnClick} />
-      <ScrollView>
-        <LdvTopName title={I18n.getLang(isAdd ? 'add_new_trigger_time_headline_text' : 'edit_trigger_time_headline_text')} />
-        <View
-          style={{
-            marginHorizontal: cx(24),
-            backgroundColor: '#fff',
-          }}>
-          <View style={{ height: cx(20) }} />
-          <TextField
-            value={state.name}
-            showError={state.name?.length > 32}
-            maxLength={33}
-            errorText={I18n.getLang('add_new_dynamic_mood_alert_text')}
-            placeholder={I18n.getLang('add_new_trigger_time_inputfield_value_text')}
-            onChangeText={text => {
-              state.name = text
-            }} />
-
-          <View style={{ height: cx(20) }} />
-          <LdvPickerView
-            style={{ width: undefined }}
-            hour={state.hour}
-            minute={state.minute}
-            setHour={onHourSelect}
-            setMinute={onMinuteSelect} />
-          {minimumTipEnable() && <View style={{ flexDirection: 'row', marginVertical: cx(5) }}>
-            <Image style={{ width: cx(16), height: cx(16), tintColor: '#000' }} source={res.ic_info} />
-            <Text
-              style={{ color: '#000', fontSize: cx(12) }}>{I18n.getLang('add_new_trigger_time_information_text')}</Text>
-          </View>}
-          <View style={{ height: cx(20) }} />
-          <View style={{ flexDirection: 'row' }}>
-            <View style={{ flex: 1 }}>
-              <Text style={{ fontSize: cx(14) }}>{I18n.getLang(isAdd ? 'add_new_trigger_time_text' : 'edit_trigger_time_headline_text')}</Text>
-            </View>
-            <TouchableOpacity
-              activeOpacity={1}
-              onPress={() => {
-                navigation.navigate(ui_biz_routerKey.bi_biz_biological_icon_select, {
-                  id: state?.iconId,
-                  setIcon: (id) => {
-                    state.iconId = id
-                  },
-                  iconIdList: state.iconIdList,
-                })
-              }}
-            >
-              <View
-                style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-end', alignContent: 'center', alignItems: 'center' }}>
-                <Image
-                  style={{ width: cx(24), height: cx(24), tintColor: '#000' }}
-                  source={setImg()}
-                />
-                <Image style={{ width: cx(16), height: cx(16) }} source={BiologicalRes.biorhythom_select_rightIcon} />
-              </View>
-            </TouchableOpacity>
-          </View>
-          <Text
-            style={{ fontSize: cx(16), fontFamily: 'helvetica_neue_lt_std_bd', marginTop: cx(33), marginBottom: cx(16) }}>
-            {I18n.getLang('add_new_trigger_time_subheadline_text')}
-          </Text>
-          <View
-            style={{
-              backgroundColor: '#fff',
-              borderRadius: cx(10),
-              elevation: cx(7),
-              shadowColor: '#000000',
-              shadowOpacity: 0.2,
-              shadowRadius: cx(7),
-              shadowOffset: {
-                width: 0,
-                height: cx(4),
-              },
-            }}
-          >
-            <View style={styles.titleBGView}>
-              <Text
-                style={styles.title}>{isMixRGBWLamp ? I18n.getLang('light_sources_tile_main_lighting_headline') : I18n.getLang('light_sources_tile_tw_lighting_headline')}</Text>
-              {isSupportTemperature && <View style={[
-                styles.colorBlock,
-                {
-                  backgroundColor: cctToColor(state.colorTemperature.toFixed()) ?
-                    cctToColor(state.colorTemperature.toFixed()) : '#fff', opacity: 1,
-                }]}
-              />}
-            </View>
-            <View style={{ paddingBottom: cx(16) }}>
-              <ColorTempAdjustView
-                colorTemp={state.colorTemperature}
-                brightness={Number(state.brightness.toFixed())}
-                minBrightness={0}
-                onCCTChange={newValue => {
-                  state.colorTemperature = newValue
-                  state.action[0].startValue = `${colorTemperatureValue(newValue)}`
-                }}
-                onCCTChangeComplete={newValue => {
-                  state.colorTemperature = newValue
-                  state.action[0].startValue = `${colorTemperatureValue(newValue)}`
-                }}
-                onBrightnessChange={newValue => {
-                  state.brightness = newValue
-                  state.action[1].startValue = `${newValue}`
-                }}
-                onBrightnessChangeComplete={newValue => {
-                  state.brightness = newValue
-                  state.action[1].startValue = `${newValue}`
-                }}
-                isSupportBrightness={isSupportBrightness}
-                isSupportTemperature={isSupportTemperature} />
-            </View>
-          </View>
-          <View style={{ height: cx(20) }} />
-        </View>
-        {!isAdd && showDeleteBtn &&
-          <View
-            style={{
-              marginHorizontal: cx(24),
-              marginVertical: cx(20)
-            }}>
-            <DeleteButton
-              text={I18n.getLang('edit_trigger_time_button_delete_text')}
-              onPress={onDelete}
-            />
-          </View>}
-      </ScrollView>
-    </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: {
-    color: '#000',
-    fontSize: cx(16),
-    fontFamily: 'helvetica_neue_lt_std_bd',
-    paddingVertical: cx(16),
-  },
-})
-
-
-export default BiorhythmEditPage
+import React, { useCallback, useEffect } from 'react'
+import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
+import { useNavigation, useRoute } from '@react-navigation/native'
+import { Dialog, Utils } from 'tuya-panel-kit'
+import { useReactive, useUpdateEffect } from 'ahooks'
+import { colorTemperatureValue, Plan } from './BiorhythmBean'
+import iconList from './iconListData'
+import I18n from '@ledvance/base/src/i18n'
+import LDVTopBar from '@ledvance/base/src/components/ldvTopBar'
+import LdvTopName from '@ledvance/base/src/components/ldvTopName'
+import TextField from '@ledvance/base/src/components/TextField'
+import LdvPickerView from '@ledvance/base/src/components/ldvPickerView'
+import BiologicalRes from './res/BiologicalRes'
+import { cctToColor } from '@ledvance/base/src/utils/cctUtils'
+import ColorTempAdjustView from '@ledvance/base/src/components/ColorTempAdjustView'
+import DeleteButton from '@ledvance/base/src/components/DeleteButton'
+import res from '@ledvance/base/src/res'
+import { ui_biz_routerKey } from '../../navigation/Routers'
+import { delay } from 'lodash'
+
+const cx = Utils.RatioUtils.convertX
+
+export interface BiorhythmEditPageParams {
+  planData: Plan
+  isAdd: boolean
+  onPlanEdited: (isAdd: boolean, plan: Plan) => void
+  onPlanDelete: (id: number) => void
+  minimumEnable: (plan: Plan) => boolean
+  iconIdList?: any
+  isMixRGBWLamp: boolean
+  isSupportTemperature: boolean
+  isSupportBrightness: boolean
+  showDeleteBtn?: boolean
+}
+
+const BiorhythmEditPage = () => {
+  const navigation = useNavigation()
+  const route = useRoute<any>()
+  const {
+    planData,
+    isAdd,
+    onPlanEdited,
+    onPlanDelete,
+    minimumEnable,
+    iconIdList,
+    isMixRGBWLamp,
+    isSupportTemperature,
+    isSupportBrightness,
+    showDeleteBtn
+  } = route.params as BiorhythmEditPageParams
+  const [hour, minute] = planData.startTime.split(':')
+  const state = useReactive({
+    hour,
+    minute,
+    iconIdList,
+    ...planData,
+    backStatus: false,
+  })
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('beforeRemove', (e) => {
+      if (state.backStatus) {
+        navigation.dispatch(e.data.action)
+        return
+      }
+      if (judgmentModification()) {
+        e.preventDefault() // 阻止跳转
+        onLeave()
+        return
+      }
+    })
+
+    return unsubscribe // 在组件卸载时取消监听器
+
+  }, [])
+
+  const judgmentModification = () => {
+    return (
+      state?.hour !== hour ||
+      state?.minute !== minute ||
+      state?.iconId !== planData?.iconId ||
+      state?.name !== planData?.name ||
+      state?.brightness !== planData?.brightness ||
+      state?.colorTemperature !== planData?.colorTemperature
+    )
+  }
+
+  useUpdateEffect(() => {
+    state.startTime = `${state.hour}:${state.minute}`
+  }, [state.hour, state.minute])
+
+  const onTopBarRightBtnClick = useCallback(() => {
+    if (!saveEnable() || minimumTipEnable()) return
+    state.backStatus = true
+    onPlanEdited(isAdd, {
+      ...state,
+      icon: iconList?.find(val => val?.id === state.iconId)?.icon || '',
+    })
+    navigation.goBack()
+  }, [])
+
+  const onDeleteBtnClick = useCallback(() => {
+    onPlanDelete(state.id)
+    navigation.goBack()
+  }, [])
+
+  const onHourSelect = useCallback((hour: string) => {
+    state.hour = hour
+  }, [])
+
+  const onMinuteSelect = useCallback((minute: string) => {
+    state.minute = minute
+  }, [])
+
+  const saveEnable = useCallback(() => {
+    return state.name.length > 0 && state.name.length < 33
+  }, [])
+
+  const minimumTipEnable = () => {
+    // const min = Number(state.hour) * 60 + Number(state.minute)
+    const enable = minimumEnable(state)
+    return enable
+  }
+
+  const setImg = () => {
+    const imgIcon = iconList?.find(val => val?.id === state.iconId)?.icon || ''
+    return imgIcon
+  }
+
+  const onDelete = useCallback(() => {
+    Dialog.confirm({
+      title: I18n.getLang('cancel_dialog_delete_item_bio_rhythm_titel'),
+      subTitle: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_description'),
+      cancelText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_no_text'),
+      confirmText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_yes_text'),
+      onConfirm: async (_, { close }) => {
+        close()
+        delay(onDeleteBtnClick, 200)
+      },
+      motionConfig:{
+        hideDuration: 0,
+        showDuration: 100
+      }
+    })
+  }, [])
+
+  const onLeave = useCallback(() => {
+    Dialog.confirm({
+      title: I18n.getLang('manage_user_unsaved_changes_dialog_headline'),
+      subTitle: I18n.getLang('cancel_dialog_leave_unsaved_bio_rhythm_note'),
+      cancelText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_no_text'),
+      confirmText: I18n.getLang('cancel_dialog_delete_item_wakeupschedule_answer_yes_text'),
+      onConfirm: async (_, { close }) => {
+        state.backStatus = true
+        close()
+        navigation.goBack()
+      },
+      motionConfig:{
+        hideDuration: 0,
+        showDuration: 100
+      }
+    })
+  }, [])
+
+  return (
+    <View style={{ flex: 1, flexDirection: 'column' }}>
+      <LDVTopBar
+        title={I18n.getLang('add_new_trigger_time_system_back_text')}
+        onBackPress={() => {
+          navigation.goBack()
+        }}
+        rightButtonIcon={(saveEnable() && !minimumTipEnable()) ? res.ic_check : res.ic_uncheck}
+        onRightButtonPress={onTopBarRightBtnClick} />
+      <ScrollView>
+        <LdvTopName title={I18n.getLang(isAdd ? 'add_new_trigger_time_headline_text' : 'edit_trigger_time_headline_text')} />
+        <View
+          style={{
+            marginHorizontal: cx(24),
+            backgroundColor: '#fff',
+          }}>
+          <View style={{ height: cx(20) }} />
+          <TextField
+            value={state.name}
+            showError={state.name?.length > 32}
+            maxLength={33}
+            errorText={I18n.getLang('add_new_dynamic_mood_alert_text')}
+            placeholder={I18n.getLang('add_new_trigger_time_inputfield_value_text')}
+            onChangeText={text => {
+              state.name = text
+            }} />
+
+          <View style={{ height: cx(20) }} />
+          <LdvPickerView
+            style={{ width: undefined }}
+            hour={state.hour}
+            minute={state.minute}
+            setHour={onHourSelect}
+            setMinute={onMinuteSelect} />
+          {minimumTipEnable() && <View style={{ flexDirection: 'row', marginVertical: cx(5) }}>
+            <Image style={{ width: cx(16), height: cx(16), tintColor: '#000' }} source={res.ic_info} />
+            <Text
+              style={{ color: '#000', fontSize: cx(12) }}>{I18n.getLang('add_new_trigger_time_information_text')}</Text>
+          </View>}
+          <View style={{ height: cx(20) }} />
+          <View style={{ flexDirection: 'row' }}>
+            <View style={{ flex: 1 }}>
+              <Text style={{ fontSize: cx(14) }}>{I18n.getLang(isAdd ? 'add_new_trigger_time_text' : 'edit_trigger_time_headline_text')}</Text>
+            </View>
+            <TouchableOpacity
+              activeOpacity={1}
+              onPress={() => {
+                navigation.navigate(ui_biz_routerKey.bi_biz_biological_icon_select, {
+                  id: state?.iconId,
+                  setIcon: (id) => {
+                    state.iconId = id
+                  },
+                  iconIdList: state.iconIdList,
+                })
+              }}
+            >
+              <View
+                style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-end', alignContent: 'center', alignItems: 'center' }}>
+                <Image
+                  style={{ width: cx(24), height: cx(24), tintColor: '#000' }}
+                  source={setImg()}
+                />
+                <Image style={{ width: cx(16), height: cx(16) }} source={BiologicalRes.biorhythom_select_rightIcon} />
+              </View>
+            </TouchableOpacity>
+          </View>
+          <Text
+            style={{ fontSize: cx(16), fontFamily: 'helvetica_neue_lt_std_bd', marginTop: cx(33), marginBottom: cx(16) }}>
+            {I18n.getLang('add_new_trigger_time_subheadline_text')}
+          </Text>
+          <View
+            style={{
+              backgroundColor: '#fff',
+              borderRadius: cx(10),
+              elevation: cx(7),
+              shadowColor: '#000000',
+              shadowOpacity: 0.2,
+              shadowRadius: cx(7),
+              shadowOffset: {
+                width: 0,
+                height: cx(4),
+              },
+            }}
+          >
+            <View style={styles.titleBGView}>
+              <Text
+                style={styles.title}>{isMixRGBWLamp ? I18n.getLang('light_sources_tile_main_lighting_headline') : I18n.getLang('light_sources_tile_tw_lighting_headline')}</Text>
+              {isSupportTemperature && <View style={[
+                styles.colorBlock,
+                {
+                  backgroundColor: cctToColor(state.colorTemperature.toFixed()) ?
+                    cctToColor(state.colorTemperature.toFixed()) : '#fff', opacity: 1,
+                }]}
+              />}
+            </View>
+            <View style={{ paddingBottom: cx(16) }}>
+              <ColorTempAdjustView
+                colorTemp={state.colorTemperature}
+                brightness={Number(state.brightness.toFixed())}
+                minBrightness={0}
+                onCCTChange={newValue => {
+                  state.colorTemperature = newValue
+                  state.action[0].startValue = `${colorTemperatureValue(newValue)}`
+                }}
+                onCCTChangeComplete={newValue => {
+                  state.colorTemperature = newValue
+                  state.action[0].startValue = `${colorTemperatureValue(newValue)}`
+                }}
+                onBrightnessChange={newValue => {
+                  state.brightness = newValue
+                  state.action[1].startValue = `${newValue}`
+                }}
+                onBrightnessChangeComplete={newValue => {
+                  state.brightness = newValue
+                  state.action[1].startValue = `${newValue}`
+                }}
+                isSupportBrightness={isSupportBrightness}
+                isSupportTemperature={isSupportTemperature} />
+            </View>
+          </View>
+          <View style={{ height: cx(20) }} />
+        </View>
+        {!isAdd && showDeleteBtn &&
+          <View
+            style={{
+              marginHorizontal: cx(24),
+              marginVertical: cx(20)
+            }}>
+            <DeleteButton
+              text={I18n.getLang('edit_trigger_time_button_delete_text')}
+              onPress={onDelete}
+            />
+          </View>}
+      </ScrollView>
+    </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: {
+    color: '#000',
+    fontSize: cx(16),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    paddingVertical: cx(16),
+  },
+})
+
+
+export default BiorhythmEditPage

package/src/modules/biorhythm/BiorhythmPage.d.ts

@@ -1,10 +1,10 @@
-export interface BiorhythmPageParams {
-    biorhythmDp: string;
-    sleepPlanDp: string;
-    wakeUpPlanDp: string;
-    isSupportTemperature: boolean;
-    isSupportBrightness: boolean;
-    isMixRGBWLamp: boolean;
-}
-declare const BiorhythmPage: () => any;
-export default BiorhythmPage;
+export interface BiorhythmPageParams {
+    biorhythmDp: string;
+    sleepPlanDp: string;
+    wakeUpPlanDp: string;
+    isSupportTemperature: boolean;
+    isSupportBrightness: boolean;
+    isMixRGBWLamp: boolean;
+}
+declare const BiorhythmPage: () => any;
+export default BiorhythmPage;