/**
 * Copyright (c) 2022 - present TinyVue Authors.
 * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
 *
 * Use of this source code is governed by an MIT-style license.
 *
 * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
 * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
 * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
 *
 */

import {
  toDate1,
  nextDate,
  parseDate1,
  formatDate,
  modifyDate,
  modifyTime,
  nextYear,
  prevYear,
  nextMonth1,
  prevMonth,
  modifyWithTimeString,
  DATEPICKER
} from '@opentiny/utils'

export const calcDefaultValue = (defaultVal) => {
  if (Array.isArray(defaultVal)) {
    return [new Date(defaultVal[0]), new Date(defaultVal[1])]
  } else if (defaultVal) {
    return [new Date(defaultVal), nextDate(new Date(defaultVal), 1)]
  }

  return [new Date(), nextDate(new Date(), 1)]
}

export const getMinVisibleDate =
  ({ state, t }) =>
  () => {
    if (state.dateUserInput.min !== null) {
      return state.dateUserInput.min
    }

    if (state.minDate) {
      return formatDate(state.minDate, state.dateFormat, t)
    }

    return ''
  }

export const getMaxVisibleDate =
  ({ state, t }) =>
  () => {
    if (state.dateUserInput.max !== null) {
      return state.dateUserInput.max
    }

    if (state.maxDate || state.minDate) {
      return formatDate(state.maxDate || state.minDate, state.dateFormat, t)
    }

    return ''
  }

export const getMinVisibleTime =
  ({ state, t }) =>
  () => {
    if (state.timeUserInput.min !== null) {
      return state.timeUserInput.min
    }

    if (state.minDate) {
      return formatDate(state.minDate, state.timeFormat, t)
    }

    return ''
  }

export const getMaxVisibleTime =
  ({ state, t }) =>
  () => {
    if (state.timeUserInput.max !== null) {
      return state.timeUserInput.max
    }

    if (state.maxDate || state.minDate) {
      return formatDate(state.maxDate || state.minDate, state.timeFormat, t)
    }

    return ''
  }

export const getEnableMonthArrow = (state) => () => {
  const nextMonth = (state.leftMonth + 1) % 12
  const yearOffset = state.leftMonth + 1 >= 12 ? 1 : 0

  return (
    state.unlinkPanels && new Date(state.leftYear + yearOffset, nextMonth) < new Date(state.rightYear, state.rightMonth)
  )
}

export const watchMinDate =
  ({ state, t, vm }) =>
  (value) => {
    state.dateUserInput.min = null
    state.timeUserInput.min = null

    const minTimePicker = vm.$refs.minTimePicker

    if (!minTimePicker) {
      return
    }

    if (state.maxDate && state.maxDate < state.minDate) {
      const format = 'HH:mm:ss'

      minTimePicker.state.selectableRange = [
        [parseDate1(formatDate(state.minDate, format, t), format, t), parseDate1('23:59:59', format, t)]
      ]
    }

    if (value) {
      minTimePicker.state.value = value
    }
  }

export const watchMaxDate =
  ({ state, vm }) =>
  (value) => {
    state.dateUserInput.max = null
    state.timeUserInput.max = null

    const maxTimePicker = vm.$refs.maxTimePicker

    if (value && maxTimePicker) {
      maxTimePicker.state.value = value
    }
  }

export const watchMinTimePickerVisible =
  ({ nextTick, state, vm }) =>
  (value) => {
    if (value) {
      nextTick(() => {
        vm.$refs.minTimePicker.state.value = state.minDate
      })
    }
  }

export const watchMaxTimePickerVisible =
  ({ nextTick, state, vm }) =>
  (value) => {
    if (value) {
      nextTick(() => {
        vm.$refs.maxTimePicker.state.value = state.maxDate
      })
    }
  }

export const watchValue =
  ({ state }) =>
  (value) => {
    if (!value) {
      state.minDate = null
      state.maxDate = null
    } else if (Array.isArray(value)) {
      state.minDate = toDate1(value[0]) ? new Date(value[0]) : null
      state.maxDate = toDate1(value[1]) ? new Date(value[1]) : null

      if (state.minDate) {
        state.leftDate = state.minDate

        if (state.unlinkPanels && state.maxDate) {
          const minDateYear = state.minDate.getFullYear()
          const minDateMonth = state.minDate.getMonth()
          const maxDateYear = state.maxDate.getFullYear()
          const maxDateMonth = state.maxDate.getMonth()

          state.rightDate =
            minDateYear === maxDateYear && minDateMonth === maxDateMonth ? nextMonth1(state.maxDate) : state.maxDate
        } else {
          state.rightDate = nextMonth1(state.leftDate)
        }
      } else {
        state.leftDate = calcDefaultValue(state.defaultValue)[0]
        state.rightDate = nextMonth1(state.leftDate)
      }
    }
  }

export const watchDefault =
  ({ state }) =>
  (value) => {
    if (!Array.isArray(state.value)) {
      const [left, right] = calcDefaultValue(value)

      state.leftDate = left
      state.rightDate = value && value[1] && state.unlinkPanels ? right : nextMonth1(state.leftDate)
    }
  }

export const handleClear =
  ({ emit, state }) =>
  () => {
    state.minDate = null
    state.maxDate = null
    state.leftDate = calcDefaultValue(state.defaultValue)[0]
    state.rightDate = nextMonth1(state.leftDate)
    state.rangeState.selecting = false
    // tiny 新增下面行
    state.rangeState.endDate = null

    emit('pick', null)
  }

export const handleChangeRange = (state, props) => (val) => {
  if (props.readonly) {
    return
  }
  state.minDate = val.minDate
  state.maxDate = val.maxDate
  state.rangeState = val.rangeState
}

export const handleDateInput =
  ({ state, t }) =>
  (value, type) => {
    state.dateUserInput[type] = value

    if (value.length !== state.dateFormat.length) {
      return
    }

    const parsedValue = parseDate1(value, state.dateFormat, t)

    if (parsedValue) {
      if (typeof state.disabledDate === 'function' && state.disabledDate(new Date(parsedValue))) {
        return
      }

      if (type === 'min') {
        state.minDate = modifyDate(
          state.minDate || new Date(),
          parsedValue.getFullYear(),
          parsedValue.getMonth(),
          parsedValue.getDate()
        )

        state.leftDate = new Date(parsedValue)

        if (!state.unlinkPanels) {
          state.rightDate = nextMonth1(state.leftDate)
        }
      } else {
        state.maxDate = modifyDate(
          state.maxDate || new Date(),
          parsedValue.getFullYear(),
          parsedValue.getMonth(),
          parsedValue.getDate()
        )

        state.rightDate = new Date(parsedValue)

        if (!state.unlinkPanels) {
          state.leftDate = prevMonth(parsedValue)
        }
      }
    }
  }

export const handleDateChange =
  ({ state, t }) =>
  (value, type) => {
    const parsedValue = parseDate1(value, state.dateFormat, t)

    if (parsedValue) {
      if (type === 'min') {
        state.minDate = modifyDate(
          state.minDate || new Date(),
          parsedValue.getFullYear(),
          parsedValue.getMonth(),
          parsedValue.getDate()
        )

        if (state.minDate > state.maxDate) {
          state.maxDate = state.minDate
        }
      } else {
        state.maxDate = modifyDate(
          state.maxDate || new Date(),
          parsedValue.getFullYear(),
          parsedValue.getMonth(),
          parsedValue.getDate()
        )

        if (state.maxDate < state.minDate) {
          state.minDate = state.maxDate
        }
      }
    }
  }

export const handleTimeInput =
  ({ state, t }) =>
  (value, type) => {
    state.timeUserInput[type] = value

    if (value.length !== state.timeFormat.length) {
      return
    }

    const parsedValue = parseDate1(value, state.timeFormat, t)

    if (parsedValue) {
      if (type === 'min') {
        state.minDate = modifyTime(
          state.minDate,
          parsedValue.getHours(),
          parsedValue.getMinutes(),
          parsedValue.getSeconds()
        )
      } else {
        state.maxDate = modifyTime(
          state.maxDate,
          parsedValue.getHours(),
          parsedValue.getMinutes(),
          parsedValue.getSeconds()
        )
      }
    }
  }

export const handleTimeChange =
  ({ state, t, vm }) =>
  (value, type) => {
    const parsedValue = parseDate1(value, state.timeFormat, t)

    if (parsedValue) {
      if (type === 'min') {
        state.minDate = modifyTime(
          state.minDate,
          parsedValue.getHours(),
          parsedValue.getMinutes(),
          parsedValue.getSeconds()
        )

        if (state.minDate > state.maxDate) {
          state.maxDate = state.minDate
        }

        vm.$refs.minTimePicker.state.value = state.minDate
        state.minTimePickerVisible = false
      } else {
        state.maxDate = modifyTime(
          state.maxDate,
          parsedValue.getHours(),
          parsedValue.getMinutes(),
          parsedValue.getSeconds()
        )

        if (state.maxDate < state.minDate) {
          state.minDate = state.maxDate
        }

        vm.$refs.maxTimePicker.state.value = state.minDate
        state.maxTimePickerVisible = false
      }
    }
  }

export const handleRangePick =
  ({ api, state, props, t }) =>
  (val, close = true) => {
    if (props.readonly) {
      return
    }
    const defaultTime = state.defaultTime || []
    let minDateVal = val.minDate
    let maxDateVal = val.maxDate

    if (state.singleSelect) {
      Object.assign(state.rangeState, { selecting: false })
      const effectDate = val.minDate || val.maxDate
      const rangeDate = state.shortcutType === 'startFrom' ? state.maxRangeDate : state.minRangeDate

      minDateVal = rangeDate > effectDate ? effectDate : rangeDate
      maxDateVal = rangeDate > effectDate ? rangeDate : effectDate
    }

    const minDate = modifyWithTimeString(minDateVal, defaultTime[0], t)
    const maxDate = modifyWithTimeString(maxDateVal, defaultTime[1], t)

    if (state.maxDate === maxDate && state.minDate === minDate) {
      return
    }

    state.onPick && state.onPick(val)
    state.maxDate = maxDate
    state.minDate = minDate

    setTimeout(() => {
      state.maxDate = maxDate
      state.minDate = minDate
    }, 10)

    if (!close || state.showTime) {
      return
    }

    api.handleConfirm()
  }

export const handleShortcutClick = (state, api, props) => (shortcut) => {
  if (shortcut.type) {
    state.singleSelect = true
    state.shortcutType = shortcut.type
    state.shortcutText = shortcut.text

    if (shortcut.type === 'startFrom' && shortcut.endDate && toDate1(shortcut.endDate)) {
      state.maxRangeDate = shortcut.endDate
    }
    if (shortcut.type === 'endAt' && shortcut.startDate && toDate1(shortcut.startDate)) {
      state.minRangeDate = shortcut.startDate
    }

    state.value = []
    return
  }

  if (shortcut.onClick) {
    const picker = {
      $emit: (type, [start, end]) => {
        // 面板直接使用快捷选项
        if (props.shortcuts?.length) {
          state.value = [start, end]
          state.leftDate = start
          state.rightDate = end
          api.handleRangePick({ minDate: start, maxDate: end })
        } else {
          api.doPick(start, end)
        }
      }
    }

    shortcut.onClick(picker)
  }
}

export const doPick = (emit) => (start, end) => {
  emit('pick', [start, end], false)
}

export const handleMinTimePick =
  ({ state }) =>
  (value, visible, first) => {
    state.minDate = state.minDate || new Date()

    if (value) {
      state.minDate = modifyTime(state.minDate, value.getHours(), value.getMinutes(), value.getSeconds())
    }

    if (!first) {
      state.minTimePickerVisible = visible
    }

    if (!state.maxDate || (state.maxDate && state.maxDate.getTime() < state.minDate.getTime())) {
      state.maxDate = new Date(state.minDate)
    }
  }

export const handleMinTimeClose = (state) => () => (state.minTimePickerVisible = false)

export const handleMaxTimePick =
  ({ state }) =>
  (value, visible, first) => {
    if (state.maxDate && value) {
      state.maxDate = modifyTime(state.maxDate, value.getHours(), value.getMinutes(), value.getSeconds())
    }

    if (!first) {
      state.maxTimePickerVisible = visible
    }

    if (state.maxDate && state.minDate && state.minDate.getTime() > state.maxDate.getTime()) {
      state.minDate = new Date(state.maxDate)
    }
  }

export const handleMaxTimeClose = (state) => () => (state.maxTimePickerVisible = false)

export const leftPrevYear =
  ({ state }) =>
  () => {
    state.leftDate = prevYear(state.leftDate)

    if (!state.unlinkPanels) {
      state.rightDate = nextMonth1(state.leftDate)
    }
  }

export const leftPrevMonth =
  ({ state }) =>
  () => {
    state.leftDate = prevMonth(state.leftDate)

    if (!state.unlinkPanels) {
      state.rightDate = nextMonth1(state.leftDate)
    }
  }

export const rightNextYear =
  ({ state }) =>
  () => {
    const { leftDate, rightDate, unlinkPanels } = state

    if (!unlinkPanels) {
      state.leftDate = nextYear(leftDate)
      state.rightDate = nextMonth1(state.leftDate)
    } else {
      state.rightDate = nextYear(rightDate)
    }
  }

export const rightNextMonth =
  ({ state }) =>
  () => {
    if (!state.unlinkPanels) {
      state.leftDate = nextMonth1(state.leftDate)
      state.rightDate = nextMonth1(state.leftDate)
    } else {
      state.rightDate = nextMonth1(state.rightDate)
    }
  }

export const leftNextYear =
  ({ state }) =>
  () =>
    (state.leftDate = nextYear(state.leftDate))

export const leftNextMonth =
  ({ state }) =>
  () =>
    (state.leftDate = nextMonth1(state.leftDate))

export const rightPrevYear =
  ({ state }) =>
  () =>
    (state.rightDate = prevYear(state.rightDate))

export const rightPrevMonth =
  ({ state }) =>
  () =>
    (state.rightDate = prevMonth(state.rightDate))

export const handleConfirm =
  ({ api, emit, state, props, t }) =>
  (visible = false) => {
    if (api.isValidValue([state.minDate, state.maxDate])) {
      emit('pick', [state.minDate, state.maxDate], visible)
      const defaultFormat = props.type === 'daterange' ? DATEPICKER.DateFormats.date : DATEPICKER.DateFormats.datetime
      const start = formatDate(state.minDate, props.format || defaultFormat, t)
      const end = formatDate(state.maxDate, props.format || defaultFormat, t)
      emit('update:modelValue', [start, end])
      emit('select-change', [start, end])
    }

    if (state.minDate && !state.maxDate) {
      emit('pick', [state.minDate, state.maxDate], visible, true)
    }
  }

export const isValidValue =
  ({ state }) =>
  (value) =>
    Array.isArray(value) &&
    value &&
    value[0] &&
    value[1] &&
    toDate1(value[0]) &&
    toDate1(value[1]) &&
    value[0].getTime() <= value[1].getTime() &&
    (typeof state.disabledDate === 'function' ? !state.disabledDate(value[0]) && !state.disabledDate(value[1]) : true)

export const resetView =
  ({ state }) =>
  () => {
    state.minDate = state.value && toDate1(state.value[0]) ? new Date(state.value[0]) : null
    state.maxDate = state.value && toDate1(state.value[1]) ? new Date(state.value[1]) : null
  }

export const setTimeFormat =
  ({ nextTick, vm, state }) =>
  () => {
    nextTick(() => {
      vm.$refs.maxTimePicker.state.format = state.timeFormat
      vm.$refs.minTimePicker.state.format = state.timeFormat
    })
  }

export const computerBtnDisabled =
  ({ state, api }) =>
  () =>
    !(state.minDate && state.maxDate && !state.selecting && api.isValidValue([state.minDate, state.maxDate]))

export const computerLabel =
  ({ state, t }) =>
  (type) =>
    `${state[type].getFullYear()} ${t('ui.datepicker.year')} ${t(`ui.datepicker.month${state[type].getMonth() + 1}`)}`

export const computerEnableYearArrow = (state) => () =>
  state.unlinkPanels && state.rightYear * 12 + state.rightMonth - (state.leftYear * 12 + state.leftMonth + 1) >= 12

export const watchPickerVisible =
  ({ state, constants }) =>
  (val) => {
    if (!val) {
      state.singleSelect = false
      state.minRangeDate = constants.startDate
      state.maxRangeDate = constants.endDate
    }
  }

export const watchModelValue =
  ({ state }) =>
  (val) => {
    const newVal = toDate1(val?.[0])
    const newVal1 = toDate1(val?.[1])
    if (newVal && newVal1) {
      const start = modifyDate(newVal, newVal.getFullYear(), newVal.getMonth(), newVal.getUTCDate())
      const end = modifyDate(newVal1, newVal1.getFullYear(), newVal1.getMonth(), newVal1.getUTCDate())
      state.value = [start, end]
      state.minDate = start
      state.maxDate = end
      state.leftDate = start
      state.rightDate = end
    }
  }