@ledvance/ui-biz-bundle 1.1.69 → 1.1.71

package/src/modules/sleepWakeup/SleepWakeUpPage.tsx

@@ -1,425 +1,425 @@
-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 '@ledvance/ui-biz-bundle/src/modules/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),
-},
-})
-
+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 '@ledvance/ui-biz-bundle/src/modules/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