{"version":3,"file":"panel-time-pick.vue2.mjs","sources":["../../../../../../packages/components/time-picker/src/time-picker-com/panel-time-pick.vue"],"sourcesContent":["<template>\n  <transition :name=\"transitionName\">\n    <div v-if=\"actualVisible || visible\" class=\"el-time-panel\">\n\n      <div class=\"el-time-panel__content\" :class=\"{ 'has-seconds': showSeconds }\">\n        <time-spinner\n          ref=\"spinner\"\n          :role=\"datetimeRole || 'start'\"\n          :arrow-control=\"arrowControl\"\n          :show-seconds=\"showSeconds\"\n          :am-pm-mode=\"amPmMode\"\n          :spinner-date=\"parsedValue\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          @change=\"handleChange\"\n          @set-option=\"onSetOption\"\n          @select-range=\"setSelectionRange\"\n        />\n      </div>\n      <div class=\"el-time-panel__footer\">\n        <button type=\"button\" class=\"el-time-panel__btn cancel\" @click=\"handleCancel\">取消</button>\n        <button type=\"button\" class=\"el-time-panel__btn confirm\" @click=\"handleConfirm()\">\n          确定\n        </button>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, inject } from 'vue'\nimport dayjs from 'dayjs'\nimport { EVENT_CODE } from '@element-ultra/shared'\nimport TimeSpinner from './basic-time-spinner.vue'\nimport { getAvailableArrs, useOldValue } from './useTimePicker'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport default defineComponent({\n  components: {\n    TimeSpinner\n  },\n\n  props: {\n    visible: Boolean,\n    actualVisible: {\n      type: Boolean,\n      default: undefined\n    },\n    datetimeRole: {\n      type: String\n    },\n    parsedValue: {\n      type: [Object, String] as PropType<string | Dayjs>\n    },\n    format: {\n      type: String,\n      default: ''\n    }\n  },\n\n  emits: ['pick', 'select-range', 'set-picker-option'],\n\n  setup(props, ctx) {\n    const lang = 'zh-cn'\n    // data\n    const selectionRange = ref([0, 2])\n    const oldValue = useOldValue(props)\n    // computed\n    const transitionName = computed(() => {\n      return props.actualVisible === undefined ? 'el-zoom-in-top' : ''\n    })\n    const showSeconds = computed(() => {\n      return props.format.includes('ss')\n    })\n    const amPmMode = computed(() => {\n      if (props.format.includes('A')) return 'A'\n      if (props.format.includes('a')) return 'a'\n      return ''\n    })\n    // method\n    const isValidValue = (_date: Dayjs) => {\n      const parsedDate = dayjs(_date).locale(lang)\n      const result = getRangeAvailableTime(parsedDate)\n      return parsedDate.isSame(result)\n    }\n    const handleCancel = () => {\n      ctx.emit('pick', oldValue.value, false)\n    }\n    const handleConfirm = (visible = false, first = false) => {\n      if (first) return\n      ctx.emit('pick', props.parsedValue, visible)\n    }\n    const handleChange = (_date: Dayjs) => {\n      // visible avoids edge cases, when use scrolls during panel closing animation\n      if (!props.visible) {\n        return\n      }\n      const result = getRangeAvailableTime(_date).millisecond(0)\n      ctx.emit('pick', result, true)\n    }\n\n    const setSelectionRange = (start, end) => {\n      ctx.emit('select-range', start, end)\n      selectionRange.value = [start, end]\n    }\n\n    const changeSelectionRange = (step: number) => {\n      const list = [0, 3].concat(showSeconds.value ? [6] : [])\n      const mapping = ['hours', 'minutes'].concat(showSeconds.value ? ['seconds'] : [])\n      const index = list.indexOf(selectionRange.value[0])\n      const next = (index + step + list.length) % list.length\n      timePickerOptions['start_emitSelectRange'](mapping[next])\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = event.code\n\n      if (code === EVENT_CODE.left || code === EVENT_CODE.right) {\n        const step = code === EVENT_CODE.left ? -1 : 1\n        changeSelectionRange(step)\n        event.preventDefault()\n        return\n      }\n\n      if (code === EVENT_CODE.up || code === EVENT_CODE.down) {\n        const step = code === EVENT_CODE.up ? -1 : 1\n        timePickerOptions['start_scrollDown'](step)\n        event.preventDefault()\n        return\n      }\n    }\n\n    const getRangeAvailableTime = (date: Dayjs) => {\n      const availableMap = {\n        hour: getAvailableHours,\n        minute: getAvailableMinutes,\n        second: getAvailableSeconds\n      }\n      let result = date\n      ;['hour', 'minute', 'second'].forEach(_ => {\n        if (availableMap[_]) {\n          let availableArr\n          const method = availableMap[_]\n          if (_ === 'minute') {\n            availableArr = method(result.hour(), props.datetimeRole)\n          } else if (_ === 'second') {\n            availableArr = method(result.hour(), result.minute(), props.datetimeRole)\n          } else {\n            availableArr = method(props.datetimeRole)\n          }\n          if (availableArr && availableArr.length && !availableArr.includes(result[_]())) {\n            result = result[_](availableArr[0])\n          }\n        }\n      })\n      return result\n    }\n\n    const parseUserInput = (value: Dayjs) => {\n      if (!value) return null\n      return dayjs(value, props.format).locale(lang)\n    }\n\n    const formatToString = (value: Dayjs) => {\n      if (!value) return null\n      return value.format(props.format)\n    }\n\n    const getDefaultValue = () => {\n      return dayjs(defaultValue).locale(lang)\n    }\n\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['handleKeydown', handleKeydown])\n    ctx.emit('set-picker-option', ['getRangeAvailableTime', getRangeAvailableTime])\n    ctx.emit('set-picker-option', ['getDefaultValue', getDefaultValue])\n    const timePickerOptions = {} as any\n    const onSetOption = e => {\n      timePickerOptions[e[0]] = e[1]\n    }\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } =\n      pickerBase.props\n    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = getAvailableArrs(\n      disabledHours,\n      disabledMinutes,\n      disabledSeconds\n    )\n\n    return {\n      transitionName,\n      arrowControl,\n      onSetOption,\n      handleConfirm,\n      handleChange,\n      setSelectionRange,\n      amPmMode,\n      showSeconds,\n      handleCancel,\n      disabledHours,\n      disabledMinutes,\n      disabledSeconds\n    }\n  }\n})\n</script>\n"],"names":[],"mappings":"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"}