@ledvance/ui-biz-bundle 1.1.123 → 1.1.125

package/src/modules/biorhythm/BiorhythmEditPage.tsx

@@ -1,324 +0,0 @@
-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 +0,0 @@
-export interface BiorhythmPageParams {
-    biorhythmDp: string;
-    sleepPlanDp: string;
-    wakeUpPlanDp: string;
-    isSupportTemperature: boolean;
-    isSupportBrightness: boolean;
-    isMixRGBWLamp: boolean;
-}
-declare const BiorhythmPage: () => any;
-export default BiorhythmPage;