@ledvance/ui-biz-bundle 1.1.123 → 1.1.125

package/src/modules/sleepWakeup/SleepWakeUpPage.tsx

@@ -1,425 +0,0 @@
-import React, { useCallback, useEffect, useMemo } from "react";
-import { StyleSheet, View, Text, Image, FlatList } from 'react-native'
-import { useRoute } from '@react-navigation/core'
-import Page from '@ledvance/base/src/components/Page'
-import Tag from '@ledvance/base/src/components/Tag'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import { useNavigation } from '@react-navigation/native'
-import I18n from '@ledvance/base/src/i18n'
-import res from '@ledvance/base/src/res'
-import { useDeviceInfo } from "@ledvance/base/src/models/modules/NativePropsSlice";
-import { useReactive, useUpdateEffect } from "ahooks";
-import CustomListDialog from "@ledvance/base/src/components/CustomListDialog";
-import { Utils } from "tuya-panel-kit";
-import LdvScheduleItem from "./LdvScheduleItem";
-import { showDialog } from "@ledvance/base/src/utils/common";
-import TextButton from "@ledvance/base/src/components/TextButton";
-import { JudgeTimeScheduleProps } from "../timeSchedule/TimeScheduleBean";
-import { useSleepPlan, useWakeUpPlan } from "./SleepWakeUpActions";
-import { ui_biz_routerKey } from "../../navigation/Routers";
-import { findConflicts } from '@ledvance/base/src/utils/loopsCompare'
-import { useBiorhythm } from '../biorhythm/BiorhythmActions'
-import { cloneDeep } from "lodash";
-
-const cx = Utils.RatioUtils.convertX
-
-type dpItem = {
-  label: string
-  value: string
-  dpId: string
-}
-
-export interface SleepWakeUpPageRouteParams extends JudgeTimeScheduleProps {
-  dps: dpItem[]
-  dpCodes: Record<string, string>
-  getDpValue?: (v: any) => any
-}
-
-const MAX_SCHEDULE = 4
-const SleepWakeUpPage = () => {
-  const deviceInfo = useDeviceInfo()
-  const navigation = useNavigation()
-  const props = useRoute().params as SleepWakeUpPageRouteParams
-  const [sleepPlan, setSleepPlan] = useSleepPlan(props.dpCodes)
-  const [wakeUpPlan, setWakeUpPlan] = useWakeUpPlan(props.dpCodes)
-  const [biorhythmState, setBiorhythm] = useBiorhythm(props.dpCodes.rhythm_mode)
-
-
-  const state = useReactive({
-    showAddSchedulePopover: false,
-    sleepTagChecked: false,
-    wakeUpTagChecked: false,
-    sleepScheduleList: [] as any[],
-    wakeUpScheduleList: [] as any[],
-    filteredScheduleList: [] as any[],
-    flag: Symbol()
-  })
-
-  const isMaxNum = useMemo(() => {
-    return state.sleepScheduleList.length >= MAX_SCHEDULE && state.wakeUpScheduleList.length >= MAX_SCHEDULE
-  }, [state.sleepScheduleList, state.wakeUpScheduleList])
-
-  const onAddScheduleDialogItemClick = useCallback((isSleep: boolean, mode: 'add' | 'edit', scheduleItem?: any) => {
-    if (mode === 'add' && isSleep && state.sleepScheduleList.length === MAX_SCHEDULE) return
-    if (mode === 'add' && !isSleep && state.wakeUpScheduleList.length === MAX_SCHEDULE) return
-    navigateToEdit({
-      ...props,
-      mode,
-      dps: props.dps,
-      isSleep,
-      scheduleItem: scheduleItem && cloneDeep(scheduleItem),
-      setSleepPlan,
-      setWakeUpPlan,
-      sleepPlan: cloneDeep(state.sleepScheduleList),
-      wakeUpPlan: cloneDeep(state.wakeUpScheduleList),
-      conflictFn,
-      deleteDialog
-    })
-    state.showAddSchedulePopover = false
-  }, [state.filteredScheduleList])
-
-  useUpdateEffect(() => {
-    state.sleepScheduleList = sleepPlan
-  }, [sleepPlan])
-
-  useUpdateEffect(() => {
-    state.wakeUpScheduleList = wakeUpPlan
-  }, [wakeUpPlan])
-
-  useEffect(() => {
-    if (state.sleepTagChecked === state.wakeUpTagChecked) {
-      state.filteredScheduleList = [...state.sleepScheduleList, ...state.wakeUpScheduleList]
-    } else if (state.sleepTagChecked) {
-      state.filteredScheduleList = state.sleepScheduleList
-    } else {
-      state.filteredScheduleList = state.wakeUpScheduleList
-    }
-  }, [state.sleepTagChecked, state.wakeUpTagChecked, state.sleepScheduleList, state.wakeUpScheduleList])
-
-  const getTipText = useCallback(() => {
-    if (state.sleepScheduleList.length >= MAX_SCHEDULE && state.wakeUpScheduleList.length >= MAX_SCHEDULE) return "both"
-    if (state.sleepScheduleList.length >= MAX_SCHEDULE) return "sleep"
-    if (state.wakeUpScheduleList.length >= MAX_SCHEDULE) return "wakeup"
-  }, [state.sleepScheduleList, state.wakeUpScheduleList])
-
-  const hasScheduleList = useCallback(() => {
-    return !!(state.sleepScheduleList.length && state.wakeUpScheduleList.length)
-  }, [state.sleepScheduleList, state.wakeUpScheduleList])
-
-  const navigateToEdit = (params) => {
-    navigation.navigate(ui_biz_routerKey.ui_biz_sleep_wakeUp_edit, params)
-  }
-
-  const isSleepMax = useMemo(() => {
-    return state.sleepScheduleList.length >= MAX_SCHEDULE
-  }, [state.sleepScheduleList])
-
-  const isWakeUpMax = useMemo(() => {
-    return state.wakeUpScheduleList.length >= MAX_SCHEDULE
-  }, [state.wakeUpScheduleList])
-
-  const onDelete = async (item) => {
-    if (item.isSleep) {
-      /// 删除
-      const newList = cloneDeep(state.sleepScheduleList)
-      const idx = state.sleepScheduleList.findIndex(sleep => sleep.index === item.index)
-      newList.splice(idx, 1)
-      await setSleepPlan(newList)
-    } else {
-      const newList = cloneDeep(state.wakeUpScheduleList)
-      const idx = state.wakeUpScheduleList.findIndex(wakeup => wakeup.index === item.index)
-      newList.splice(idx, 1)
-      console.log(newList, '< --- newLIst')
-      await setWakeUpPlan(newList)
-    }
-  }
-
-  const deleteDialog = (item) => {
-    return new Promise(resolve => {
-      showDialog({
-        method: 'confirm',
-        title: I18n.getLang('cancel_dialog_delete_item_timeschedule_titel'),
-        subTitle: I18n.getLang('cancel_dialog_delete_item_timeschedule_description'),
-        onConfirm: async (_, { close }) => {
-          await onDelete(item)
-          close()
-          resolve(true)
-        }
-      })
-    })
-  }
-
-  const renderItem = useCallback(({ item }) => {
-    return (
-      <LdvScheduleItem
-        item={item}
-        onEnableChange={itemOnValueChange}
-        onPress={(item) => onAddScheduleDialogItemClick(item.isSleep, 'edit', item)}
-        onLongPress={(item) => {
-          deleteDialog(item).then()
-        }}
-      />
-    )
-  }, [])
-
-  const updateList = (list, conflictList) => {
-    conflictList.forEach((conflict) => {
-      const item = list.find((i) => i.index === conflict.index)
-      if (item) {
-        item.enable = 0
-      }
-    })
-    return list
-  }
-
-  const editTimePlanStatus = (sleepConflict, wakeupConflict, newList, fixItem) => {
-    const { isSleep } = fixItem
-    if (sleepConflict.length) {
-      const listSleep = isSleep ? [...newList] : [...state.sleepScheduleList]
-      const updateSleepList = updateList(listSleep, sleepConflict)
-      if (!isSleep) {
-        setSleepPlan(updateSleepList)
-      }
-
-    }
-    if (wakeupConflict.length) {
-      const listWakeUp = isSleep ? [...state.wakeUpScheduleList] : [...newList]
-      const updateWakeUpList = updateList(listWakeUp, wakeupConflict)
-      if (isSleep) {
-        setWakeUpPlan(updateWakeUpList)
-      }
-    }
-    if (fixItem.isSleep) {
-      setSleepPlan([...newList])
-    } else {
-      setWakeUpPlan([...newList])
-    }
-  }
-
-  const conflictFn = (item, editList, goback: boolean = false) => {
-    const sleepTimeList = item.isSleep ? state.sleepScheduleList.filter(sleep => sleep.index !== item.index) : cloneDeep(state.sleepScheduleList)
-    const wakeupTimeList = item.isSleep ? cloneDeep(state.wakeUpScheduleList) : state.wakeUpScheduleList.filter(wakeup => wakeup.index !== item.index)
-    // 相关冲突校验
-    const sleepConflict = findConflicts(sleepTimeList, item)
-    const wakeupConflict = findConflicts(wakeupTimeList, item)
-    const conflict = [...sleepConflict, ...wakeupConflict]
-    // return
-    // 存在冲突 || 生物节律为启用状态
-    if (conflict.length || biorhythmState.enable) {
-      return showDialog({
-        method: 'confirm',
-        title: I18n.getLang(item.isSleep ? 'conflict_dialog_save_item_sleepschedule_titel' : 'conflict_dialog_save_item_wakeupschedule_titel'),
-        subTitle: I18n.getLang(item.isSleep ? 'conflict_dialog_save_item_sleepschedule_description' : 'conflict_dialog_save_item_wakeupschedule_description'),
-        onConfirm: (_, { close }) => {
-          editTimePlanStatus(sleepConflict, wakeupConflict, editList, item)
-          if (biorhythmState.enable) setBiorhythm(deviceInfo.devId, {
-            ...biorhythmState,
-            enable: false,
-          })
-          close()
-          if (goback) navigation.goBack()
-        }
-      })
-    }
-    if (item.isSleep) {
-      setSleepPlan(editList)
-    } else {
-      setWakeUpPlan(editList)
-    }
-    if (goback) navigation.goBack()
-  }
-
-  const itemOnValueChange = async (item) => {
-
-    const editList = (item.isSleep ? state.sleepScheduleList : state.wakeUpScheduleList).map(schedule => {
-      if (schedule.index === item.index) {
-        return { ...schedule, enable: item.enable === 1 ? 0 : 1 }
-      }
-      return schedule
-    })
-    // 冲突检查
-    if (!item.enable) {
-      return conflictFn(item, editList)
-    }
-
-    if (item.isSleep) {
-      setSleepPlan(editList)
-    } else {
-      setWakeUpPlan(editList)
-    }
-  }
-  return (
-    <>
-      <Page
-        backText={deviceInfo.name}
-        onBackClick={navigation.goBack}
-        headlineText={I18n.getLang('add_sleepschedule_one_source_system_back_text')}
-        headlineIcon={isMaxNum ? undefined : res.device_panel_schedule_add}
-        onHeadlineIconClick={() => {
-          state.showAddSchedulePopover = !state.showAddSchedulePopover
-        }}
-      >
-        <View style={{ marginHorizontal: cx(24) }}>
-          <Text style={{ color: '#000', fontSize: 14 }}>
-            {I18n.getLang('timeschedule_overview_description_text')}
-          </Text>
-        </View>
-        <Spacer />
-        {!!getTipText() && <View style={{ marginHorizontal: cx(24), marginVertical: cx(10), flexDirection: 'row', alignItems: 'center' }}>
-          <Image style={{ width: cx(16), height: cx(16), tintColor: '#ff9500' }} source={res.ic_warning_amber} />
-          {getTipText() === "sleep" && <Text>{I18n.getLang('sleepwakeschedule_warning_max_number_sleep_text')}</Text>}
-          {getTipText() === "wakeup" && <Text>{I18n.getLang('sleepwakeschedule_warning_max_number_wakeup_text')}</Text>}
-          {getTipText() === "both" && <Text>{I18n.getLang('sleepwakeschedule_warning_max_number_both_text')}</Text>}
-          <Spacer />
-        </View>}
-        {hasScheduleList() && <View style={styles.tagLine}>
-          <Tag
-            checked={state.sleepTagChecked}
-            text={I18n.getLang('sleepwakeschedule_field_3_Times_chips2_text')}
-            onCheckedChange={checked => {
-              state.sleepTagChecked = checked
-            }} />
-          <Spacer width={cx(8)} height={0} />
-          <Tag
-            checked={state.wakeUpTagChecked}
-            text={I18n.getLang('sleepwakeschedule_field_3_Times_chips_text')}
-            onCheckedChange={checked => {
-              state.wakeUpTagChecked = checked
-            }} />
-        </View>}
-        {state.filteredScheduleList.length ?
-          <FlatList
-            data={state.filteredScheduleList}
-            renderItem={renderItem}
-            ListHeaderComponent={() => (<Spacer height={cx(10)} />)}
-            ItemSeparatorComponent={() => (<Spacer />)}
-            ListFooterComponent={() => (<Spacer />)}
-            keyExtractor={item => `${item.isSleep ? 'sleep' : 'wakeUp'}_${item.index}`}
-          /> :
-          <View style={styles.emptyListCon}>
-            <Spacer height={cx(70)} />
-            <Image
-              style={styles.emptyImage}
-              source={res.scheduleEmpty}
-              resizeMode="contain" />
-            <Spacer height={cx(20)} />
-            <View style={styles.emptyText}>
-              <Image
-                source={{ uri: res.device_panel_schedule_alert }}
-                style={{ width: cx(16), height: cx(16) }}
-              />
-              <Text style={styles.emptyNoTime}>
-                {
-                  !hasScheduleList() ?
-                    I18n.getLang('sleepwakeschedule_empty_information_text') :
-                    I18n.getLang('sleepwakeschedule_empty_filtering_information_text')
-                }
-              </Text>
-            </View>
-            {!hasScheduleList() &&
-              <View style={styles.emptyBtnView}>
-                <Spacer />
-                <TextButton
-                  style={styles.emptyBtn}
-                  textStyle={isSleepMax ? styles.disableItemText : { color: '#fff' }}
-                  text={I18n.getLang('sleepwakeschedule_add_button_text1')}
-                  onPress={() => onAddScheduleDialogItemClick(true, 'add')}
-                />
-                <Spacer />
-                <TextButton
-                  style={styles.emptyBtn}
-                  textStyle={isWakeUpMax ? styles.disableItemText : { color: '#fff' }}
-                  text={I18n.getLang('sleepwakeschedule_add_button_text2')}
-                  onPress={() => onAddScheduleDialogItemClick(false, 'add')}
-                />
-              </View>}
-          </View>
-        }
-      </Page>
-      <CustomListDialog
-        show={state.showAddSchedulePopover}
-        style={styles.addMoodPopover}
-        itemStyle={styles.popoverItem}
-        onDismiss={() => {
-          state.showAddSchedulePopover = false
-        }}
-        data={[
-          {
-            text: I18n.getLang('sleepwakeschedule_add_button_text1'),
-            value: true,
-            isMax: isSleepMax
-          },
-          {
-            text: I18n.getLang('sleepwakeschedule_add_button_text2'),
-            value: false,
-            isMax: isWakeUpMax
-          },
-        ]}
-        onItemPress={(isSleep) => onAddScheduleDialogItemClick(isSleep, 'add')}
-      />
-    </>
-  )
-}
-
-const styles = StyleSheet.create({
-  tagLine: {
-    flexDirection: 'row',
-    marginHorizontal: cx(24),
-  },
-  infoLine: {
-    marginHorizontal: cx(24),
-  },
-  addMoodPopover: {
-    width: cx(210),
-    height: cx(90.5),
-    marginStart: cx(115),
-    marginTop: cx(100),
-    backgroundColor: '#fff',
-  },
-  popoverItem: {
-    width: cx(210),
-    height: cx(45),
-    alignItems: 'flex-start',
-  },
-  emptyListCon: {
-    flex: 1,
-    alignItems: 'center',
-    // marginTop: cx(30),
-  },
-  emptyImage: {
-    width: cx(225),
-    height: cx(198),
-  },
-  emptyText: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  emptyNoTime: {
-    fontSize: cx(14),
-    lineHeight: cx(20),
-    textAlign: 'center',
-    fontFamily: 'helvetica_neue_lt_std_roman',
-    color: '#000'
-  },
-  emptyBtnView: {
-    alignItems: 'center'
-  },
-  emptyBtn: {
-    backgroundColor: '#f60',
-    borderRadius: cx(5),
-    paddingHorizontal: cx(15),
-    paddingVertical: cx(10)
-  },
-  addTimer: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    // width,
-    marginVertical: cx(20),
-  },
-  disableItemText: {
-    color: '#CBCBCB',
-    fontSize: cx(16),
-},
-})
-
-export default SleepWakeUpPage

package/src/modules/sleepWakeup/utils.d.ts

@@ -1,44 +0,0 @@
-export declare function decodeSleepString(allSleep: string): any;
-export declare function highInTheCloudsSleepString(featureList: any): any;
-export declare function decodeSingleSleepString(sleep: string): {
-    isSleep: boolean;
-    enable: any;
-    loops: any;
-    fade: number;
-    time: any;
-    hue: any;
-    sat: any;
-    value: any;
-    brightness: any;
-    temperature: any;
-    name: any;
-};
-export declare function encodeSleep(sleepList: any): string;
-export declare function encodeSingleSleepPlan(item: any): string;
-export declare function getEnableHex(enable: any): string;
-export declare function getLoopHex(loop: any): string;
-export declare function getFadeHex(fade: any): string;
-export declare function getTimeHex(time: any): any;
-export declare function getBrightnessHex(b: number): string;
-export declare function getTemperatureHex(t: number): string;
-export declare function getHueHex(h: number): string;
-export declare function getSatHex(s: number): string;
-export declare function getValueHex(v: number): string;
-export declare function decodeWakeUpString(allString: string): any;
-export declare function highInTheCloudsWakeString(featureList: any): any;
-export declare function decodeSingleWakeUpString(string: string): {
-    isSleep: boolean;
-    enable: any;
-    loops: any;
-    fade: number;
-    time: any;
-    hue: any;
-    sat: any;
-    value: any;
-    brightness: any;
-    temperature: any;
-    duration: number;
-};
-export declare function encodeWakeUp(wakeUpList: any): string;
-export declare function encodeSingleWakeUpPlan(item: any): string;
-export declare function getDurationHex(d: any): string;