@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/lib/components/date-picker/src/date-picker-com/panel-date-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"panel-date-range.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-range-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\"></slot>\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div v-if=\"showTime\" class=\"el-date-range-picker__time-header\">\n          <span class=\"el-date-range-picker__editors-wrap\">\n            <span class=\"el-date-range-picker__time-picker-wrap\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                class=\"el-date-range-picker__editor\"\n                :model-value=\"minVisibleDate\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              class=\"el-date-range-picker__time-picker-wrap\"\n            >\n              <el-input\n                size=\"small\"\n                class=\"el-date-range-picker__editor\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :time-arrow-control=\"arrowControl\"\n                :parsed-value=\"leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span class=\"el-date-range-picker__editors-wrap is-right\">\n            <span class=\"el-date-range-picker__time-picker-wrap\">\n              <el-input\n                size=\"small\"\n                class=\"el-date-range-picker__editor\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              class=\"el-date-range-picker__time-picker-wrap\"\n            >\n              <el-input\n                size=\"small\"\n                class=\"el-date-range-picker__editor\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :time-arrow-control=\"arrowControl\"\n                :parsed-value=\"rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-left\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"leftPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn arrow-left\"\n              @click=\"leftPrevMonth\"\n            >\n              <el-icon><arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow\"\n              :class=\"{ 'is-disabled': !enableMonthArrow }\"\n              class=\"el-picker-panel__icon-btn arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <el-icon><arrow-right /></el-icon>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <date-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-right\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow\"\n              :class=\"{ 'is-disabled': !enableMonthArrow }\"\n              class=\"el-picker-panel__icon-btn arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <el-icon><arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <el-icon><arrow-right /></el-icon>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <date-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n    <div v-if=\"showTime\" class=\"el-picker-panel__footer\">\n      <el-button\n        v-if=\"clearable\"\n        size=\"small\"\n        type=\"text\"\n        class=\"el-picker-panel__link-btn\"\n        @click=\"handleClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        plain\n        size=\"small\"\n        class=\"el-picker-panel__link-btn\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport ElButton from '@element-plus/components/button'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport {\n  extractDateFormat,\n  extractTimeFormat,\n  TimePickPanel,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport { isValidDatePickType } from '@element-plus/utils/validators'\nimport {\n  DArrowLeft,\n  ArrowLeft,\n  DArrowRight,\n  ArrowRight,\n} from '@element-plus/icons-vue'\nimport DateTable from './basic-date-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { IDatePickerType } from '../date-picker.type'\n\nexport default defineComponent({\n  directives: { clickoutside: ClickOutside },\n\n  components: {\n    TimePickPanel,\n    DateTable,\n    ElInput,\n    ElButton,\n    ElIcon,\n    DArrowLeft,\n    ArrowLeft,\n    DArrowRight,\n    ArrowRight,\n  },\n\n  props: {\n    unlinkPanels: Boolean,\n    parsedValue: {\n      type: Array as PropType<Dayjs[]>,\n    },\n    type: {\n      type: String as PropType<IDatePickerType>,\n      required: true,\n      validator: isValidDatePickType,\n    },\n  },\n\n  emits: ['pick', 'set-picker-option', 'calendar-change', 'panel-change'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const leftDate = ref(dayjs().locale(lang.value))\n    const rightDate = ref(dayjs().locale(lang.value).add(1, 'month'))\n    const minDate = ref(null)\n    const maxDate = ref(null)\n    const dateUserInput = ref({\n      min: null,\n      max: null,\n    })\n\n    const timeUserInput = ref({\n      min: null,\n      max: null,\n    })\n\n    const leftLabel = computed(() => {\n      return `${leftDate.value.year()} ${t('el.datepicker.year')} ${t(\n        `el.datepicker.month${leftDate.value.month() + 1}`\n      )}`\n    })\n\n    const rightLabel = computed(() => {\n      return `${rightDate.value.year()} ${t('el.datepicker.year')} ${t(\n        `el.datepicker.month${rightDate.value.month() + 1}`\n      )}`\n    })\n\n    const leftYear = computed(() => {\n      return leftDate.value.year()\n    })\n\n    const leftMonth = computed(() => {\n      return leftDate.value.month()\n    })\n\n    const rightYear = computed(() => {\n      return rightDate.value.year()\n    })\n\n    const rightMonth = computed(() => {\n      return rightDate.value.month()\n    })\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const minVisibleDate = computed(() => {\n      if (dateUserInput.value.min !== null) return dateUserInput.value.min\n      if (minDate.value) return minDate.value.format(dateFormat.value)\n      return ''\n    })\n\n    const maxVisibleDate = computed(() => {\n      if (dateUserInput.value.max !== null) return dateUserInput.value.max\n      if (maxDate.value || minDate.value)\n        return (maxDate.value || minDate.value).format(dateFormat.value)\n      return ''\n    })\n\n    const minVisibleTime = computed(() => {\n      if (timeUserInput.value.min !== null) return timeUserInput.value.min\n      if (minDate.value) return minDate.value.format(timeFormat.value)\n      return ''\n    })\n\n    const maxVisibleTime = computed(() => {\n      if (timeUserInput.value.max !== null) return timeUserInput.value.max\n      if (maxDate.value || minDate.value)\n        return (maxDate.value || minDate.value).format(timeFormat.value)\n      return ''\n    })\n\n    const timeFormat = computed(() => {\n      return extractTimeFormat(format)\n    })\n\n    const dateFormat = computed(() => {\n      return extractDateFormat(format)\n    })\n\n    const leftPrevYear = () => {\n      leftDate.value = leftDate.value.subtract(1, 'year')\n      if (!props.unlinkPanels) {\n        rightDate.value = leftDate.value.add(1, 'month')\n      }\n      handlePanelChange('year')\n    }\n\n    const leftPrevMonth = () => {\n      leftDate.value = leftDate.value.subtract(1, 'month')\n      if (!props.unlinkPanels) {\n        rightDate.value = leftDate.value.add(1, 'month')\n      }\n      handlePanelChange('month')\n    }\n\n    const rightNextYear = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'year')\n        rightDate.value = leftDate.value.add(1, 'month')\n      } else {\n        rightDate.value = rightDate.value.add(1, 'year')\n      }\n      handlePanelChange('year')\n    }\n\n    const rightNextMonth = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'month')\n        rightDate.value = leftDate.value.add(1, 'month')\n      } else {\n        rightDate.value = rightDate.value.add(1, 'month')\n      }\n      handlePanelChange('month')\n    }\n\n    const leftNextYear = () => {\n      leftDate.value = leftDate.value.add(1, 'year')\n      handlePanelChange('year')\n    }\n\n    const leftNextMonth = () => {\n      leftDate.value = leftDate.value.add(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const rightPrevYear = () => {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n      handlePanelChange('year')\n    }\n\n    const rightPrevMonth = () => {\n      rightDate.value = rightDate.value.subtract(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const handlePanelChange = (mode: 'month' | 'year') => {\n      ctx.emit(\n        'panel-change',\n        [leftDate.value.toDate(), rightDate.value.toDate()],\n        mode\n      )\n    }\n\n    const enableMonthArrow = computed(() => {\n      const nextMonth = (leftMonth.value + 1) % 12\n      const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n      return (\n        props.unlinkPanels &&\n        new Date(leftYear.value + yearOffset, nextMonth) <\n          new Date(rightYear.value, rightMonth.value)\n      )\n    })\n\n    const enableYearArrow = computed(() => {\n      return (\n        props.unlinkPanels &&\n        rightYear.value * 12 +\n          rightMonth.value -\n          (leftYear.value * 12 + leftMonth.value + 1) >=\n          12\n      )\n    })\n\n    const isValidValue = (value) => {\n      return (\n        Array.isArray(value) &&\n        value[0] &&\n        value[1] &&\n        value[0].valueOf() <= value[1].valueOf()\n      )\n    }\n\n    const rangeState = ref({\n      endDate: null,\n      selecting: false,\n    })\n\n    const btnDisabled = computed(() => {\n      return !(\n        minDate.value &&\n        maxDate.value &&\n        !rangeState.value.selecting &&\n        isValidValue([minDate.value, maxDate.value])\n      )\n    })\n\n    const handleChangeRange = (val) => {\n      rangeState.value = val\n    }\n\n    const onSelect = (selecting) => {\n      rangeState.value.selecting = selecting\n      if (!selecting) {\n        rangeState.value.endDate = null\n      }\n    }\n\n    const showTime = computed(\n      () => props.type === 'datetime' || props.type === 'datetimerange'\n    )\n\n    const handleConfirm = (visible = false) => {\n      if (isValidValue([minDate.value, maxDate.value])) {\n        ctx.emit('pick', [minDate.value, maxDate.value], visible)\n      }\n    }\n\n    const formatEmit = (emitDayjs: Dayjs, index?) => {\n      if (!emitDayjs) return\n      if (defaultTime) {\n        const defaultTimeD = dayjs(defaultTime[index] || defaultTime).locale(\n          lang.value\n        )\n        return defaultTimeD\n          .year(emitDayjs.year())\n          .month(emitDayjs.month())\n          .date(emitDayjs.date())\n      }\n      return emitDayjs\n    }\n\n    const handleRangePick = (val, close = true) => {\n      const min_ = val.minDate\n      const max_ = val.maxDate\n      const minDate_ = formatEmit(min_, 0)\n      const maxDate_ = formatEmit(max_, 1)\n\n      if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n        return\n      }\n      ctx.emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n      maxDate.value = maxDate_\n      minDate.value = minDate_\n\n      if (!close || showTime.value) return\n      handleConfirm()\n    }\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValues =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValues) {\n        ctx.emit('pick', [\n          dayjs(shortcutValues[0]).locale(lang.value),\n          dayjs(shortcutValues[1]).locale(lang.value),\n        ])\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const minTimePickerVisible = ref(false)\n    const maxTimePickerVisible = ref(false)\n\n    const handleMinTimeClose = () => {\n      minTimePickerVisible.value = false\n    }\n\n    const handleMaxTimeClose = () => {\n      maxTimePickerVisible.value = false\n    }\n\n    const handleDateInput = (value, type) => {\n      dateUserInput.value[type] = value\n      const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n\n      if (parsedValueD.isValid()) {\n        if (disabledDate && disabledDate(parsedValueD.toDate())) {\n          return\n        }\n        if (type === 'min') {\n          leftDate.value = parsedValueD\n          minDate.value = (minDate.value || leftDate.value)\n            .year(parsedValueD.year())\n            .month(parsedValueD.month())\n            .date(parsedValueD.date())\n          if (!props.unlinkPanels) {\n            rightDate.value = parsedValueD.add(1, 'month')\n            maxDate.value = minDate.value.add(1, 'month')\n          }\n        } else {\n          rightDate.value = parsedValueD\n          maxDate.value = (maxDate.value || rightDate.value)\n            .year(parsedValueD.year())\n            .month(parsedValueD.month())\n            .date(parsedValueD.date())\n          if (!props.unlinkPanels) {\n            leftDate.value = parsedValueD.subtract(1, 'month')\n            minDate.value = maxDate.value.subtract(1, 'month')\n          }\n        }\n      }\n    }\n\n    const handleDateChange = (_, type) => {\n      dateUserInput.value[type] = null\n    }\n\n    const handleTimeInput = (value, type) => {\n      timeUserInput.value[type] = value\n      const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n      if (parsedValueD.isValid()) {\n        if (type === 'min') {\n          minTimePickerVisible.value = true\n          minDate.value = (minDate.value || leftDate.value)\n            .hour(parsedValueD.hour())\n            .minute(parsedValueD.minute())\n            .second(parsedValueD.second())\n          if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n            maxDate.value = minDate.value\n          }\n        } else {\n          maxTimePickerVisible.value = true\n          maxDate.value = (maxDate.value || rightDate.value)\n            .hour(parsedValueD.hour())\n            .minute(parsedValueD.minute())\n            .second(parsedValueD.second())\n          rightDate.value = maxDate.value\n          if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n            minDate.value = maxDate.value\n          }\n        }\n      }\n    }\n\n    const handleTimeChange = (value, type) => {\n      timeUserInput.value[type] = null\n      if (type === 'min') {\n        leftDate.value = minDate.value\n        minTimePickerVisible.value = false\n      } else {\n        rightDate.value = maxDate.value\n        maxTimePickerVisible.value = false\n      }\n    }\n\n    const handleMinTimePick = (value, visible, first) => {\n      if (timeUserInput.value.min) return\n      if (value) {\n        leftDate.value = value\n        minDate.value = (minDate.value || leftDate.value)\n          .hour(value.hour())\n          .minute(value.minute())\n          .second(value.second())\n      }\n\n      if (!first) {\n        minTimePickerVisible.value = visible\n      }\n\n      if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n        maxDate.value = minDate.value\n        rightDate.value = value\n      }\n    }\n\n    const handleMaxTimePick = (value, visible, first) => {\n      if (timeUserInput.value.max) return\n      if (value) {\n        rightDate.value = value\n        maxDate.value = (maxDate.value || rightDate.value)\n          .hour(value.hour())\n          .minute(value.minute())\n          .second(value.second())\n      }\n\n      if (!first) {\n        maxTimePickerVisible.value = visible\n      }\n\n      if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n        minDate.value = maxDate.value\n      }\n    }\n\n    const handleClear = () => {\n      leftDate.value = getDefaultValue()[0]\n      rightDate.value = leftDate.value.add(1, 'month')\n      ctx.emit('pick', null)\n    }\n\n    const formatToString = (value: Dayjs | Dayjs[]) => {\n      return Array.isArray(value)\n        ? value.map((_) => _.format(format))\n        : value.format(format)\n    }\n\n    const parseUserInput = (value: Dayjs | Dayjs[]) => {\n      return Array.isArray(value)\n        ? value.map((_) => dayjs(_, format).locale(lang.value))\n        : dayjs(value, format).locale(lang.value)\n    }\n\n    const getDefaultValue = () => {\n      let start: Dayjs\n      if (Array.isArray(defaultValue.value)) {\n        const left = dayjs(defaultValue.value[0])\n        let right = dayjs(defaultValue.value[1])\n        if (!props.unlinkPanels) {\n          right = left.add(1, 'month')\n        }\n        return [left, right]\n      } else if (defaultValue.value) {\n        start = dayjs(defaultValue.value)\n      } else {\n        start = dayjs()\n      }\n\n      start = start.locale(lang.value)\n      return [start, start.add(1, 'month')]\n    }\n\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['handleClear', handleClear])\n\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const {\n      shortcuts,\n      disabledDate,\n      cellClassName,\n      format,\n      defaultTime,\n      arrowControl,\n      clearable,\n    } = pickerBase.props\n    const defaultValue = toRef(pickerBase.props, 'defaultValue')\n\n    watch(\n      () => defaultValue.value,\n      (val) => {\n        if (val) {\n          const defaultArr = getDefaultValue()\n          minDate.value = null\n          maxDate.value = null\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => props.parsedValue,\n      (newVal) => {\n        if (newVal && newVal.length === 2) {\n          minDate.value = newVal[0]\n          maxDate.value = newVal[1]\n          leftDate.value = minDate.value\n          if (props.unlinkPanels && maxDate.value) {\n            const minDateYear = minDate.value.year()\n            const minDateMonth = minDate.value.month()\n            const maxDateYear = maxDate.value.year()\n            const maxDateMonth = maxDate.value.month()\n            rightDate.value =\n              minDateYear === maxDateYear && minDateMonth === maxDateMonth\n                ? maxDate.value.add(1, 'month')\n                : maxDate.value\n          } else {\n            rightDate.value = leftDate.value.add(1, 'month')\n            if (maxDate.value) {\n              rightDate.value = rightDate.value\n                .hour(maxDate.value.hour())\n                .minute(maxDate.value.minute())\n                .second(maxDate.value.second())\n            }\n          }\n        } else {\n          const defaultArr = getDefaultValue()\n          minDate.value = null\n          maxDate.value = null\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      shortcuts,\n      disabledDate,\n      cellClassName,\n      minTimePickerVisible,\n      maxTimePickerVisible,\n      handleMinTimeClose,\n      handleMaxTimeClose,\n      handleShortcutClick,\n      rangeState,\n      minDate,\n      maxDate,\n      handleRangePick,\n      onSelect,\n      handleChangeRange,\n      btnDisabled,\n      enableYearArrow,\n      enableMonthArrow,\n      rightPrevMonth,\n      rightPrevYear,\n      rightNextMonth,\n      rightNextYear,\n      leftPrevMonth,\n      leftPrevYear,\n      leftNextMonth,\n      leftNextYear,\n      hasShortcuts,\n      leftLabel,\n      rightLabel,\n      leftDate,\n      rightDate,\n      showTime,\n      t,\n      minVisibleDate,\n      maxVisibleDate,\n      minVisibleTime,\n      maxVisibleTime,\n      arrowControl,\n      handleDateInput,\n      handleDateChange,\n      handleTimeInput,\n      handleTimeChange,\n      handleMinTimePick,\n      handleMaxTimePick,\n      handleClear,\n      handleConfirm,\n      timeFormat,\n      clearable,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ClickOutside","TimePickPanel","DateTable","ElInput","ElButton","ElIcon","DArrowLeft","ArrowLeft","DArrowRight","ArrowRight","isValidDatePickType","useLocale","ref","dayjs","computed","extractTimeFormat","extractDateFormat","inject","toRef","_openBlock","_Fragment","_createElementBlock","_createCommentVNode","_withCtx","_normalizeClass"],"mappings":"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"}

package/lib/components/date-picker/src/date-picker-com/panel-month-range.js

@@ -2,11 +2,316 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var panelMonthRange_vue_vue_type_script_lang = require('./panel-month-range.vue_vue_type_script_lang.js');
-var panelMonthRange_vue_vue_type_template_id_2e377892_lang = require('./panel-month-range.vue_vue_type_template_id_2e377892_lang.js');
+var vue = require('vue');
+var dayjs = require('dayjs');
+var index = require('../../../icon/index.js');
+require('../../../../hooks/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var basicMonthTable = require('./basic-month-table.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../../hooks/use-locale/index.js');
 
-panelMonthRange_vue_vue_type_script_lang["default"].render = panelMonthRange_vue_vue_type_template_id_2e377892_lang.render;
-panelMonthRange_vue_vue_type_script_lang["default"].__file = "packages/components/date-picker/src/date-picker-com/panel-month-range.vue";
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-exports["default"] = panelMonthRange_vue_vue_type_script_lang["default"];
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+const _sfc_main = vue.defineComponent({
+  components: { MonthTable: basicMonthTable["default"], ElIcon: index.ElIcon, DArrowLeft: iconsVue.DArrowLeft, DArrowRight: iconsVue.DArrowRight },
+  props: {
+    unlinkPanels: Boolean,
+    parsedValue: {
+      type: Array
+    }
+  },
+  emits: ["pick", "set-picker-option"],
+  setup(props, ctx) {
+    const { t, lang } = index$1.useLocale();
+    const leftDate = vue.ref(dayjs__default["default"]().locale(lang.value));
+    const rightDate = vue.ref(dayjs__default["default"]().locale(lang.value).add(1, "year"));
+    const hasShortcuts = vue.computed(() => !!shortcuts.length);
+    const handleShortcutClick = (shortcut) => {
+      const shortcutValues = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
+      if (shortcutValues) {
+        ctx.emit("pick", [
+          dayjs__default["default"](shortcutValues[0]).locale(lang.value),
+          dayjs__default["default"](shortcutValues[1]).locale(lang.value)
+        ]);
+        return;
+      }
+      if (shortcut.onClick) {
+        shortcut.onClick(ctx);
+      }
+    };
+    const leftPrevYear = () => {
+      leftDate.value = leftDate.value.subtract(1, "year");
+      if (!props.unlinkPanels) {
+        rightDate.value = rightDate.value.subtract(1, "year");
+      }
+    };
+    const rightNextYear = () => {
+      if (!props.unlinkPanels) {
+        leftDate.value = leftDate.value.add(1, "year");
+      }
+      rightDate.value = rightDate.value.add(1, "year");
+    };
+    const leftNextYear = () => {
+      leftDate.value = leftDate.value.add(1, "year");
+    };
+    const rightPrevYear = () => {
+      rightDate.value = rightDate.value.subtract(1, "year");
+    };
+    const leftLabel = vue.computed(() => {
+      return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
+    });
+    const rightLabel = vue.computed(() => {
+      return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
+    });
+    const leftYear = vue.computed(() => {
+      return leftDate.value.year();
+    });
+    const rightYear = vue.computed(() => {
+      return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
+    });
+    const enableYearArrow = vue.computed(() => {
+      return props.unlinkPanels && rightYear.value > leftYear.value + 1;
+    });
+    const minDate = vue.ref(null);
+    const maxDate = vue.ref(null);
+    const rangeState = vue.ref({
+      endDate: null,
+      selecting: false
+    });
+    const handleChangeRange = (val) => {
+      rangeState.value = val;
+    };
+    const handleRangePick = (val, close = true) => {
+      const minDate_ = val.minDate;
+      const maxDate_ = val.maxDate;
+      if (maxDate.value === maxDate_ && minDate.value === minDate_) {
+        return;
+      }
+      maxDate.value = maxDate_;
+      minDate.value = minDate_;
+      if (!close)
+        return;
+      handleConfirm();
+    };
+    const isValidValue = (value) => {
+      return Array.isArray(value) && value && value[0] && value[1] && value[0].valueOf() <= value[1].valueOf();
+    };
+    const handleConfirm = (visible = false) => {
+      if (isValidValue([minDate.value, maxDate.value])) {
+        ctx.emit("pick", [minDate.value, maxDate.value], visible);
+      }
+    };
+    const onSelect = (selecting) => {
+      rangeState.value.selecting = selecting;
+      if (!selecting) {
+        rangeState.value.endDate = null;
+      }
+    };
+    const formatToString = (value) => {
+      return value.map((_) => _.format(format));
+    };
+    const getDefaultValue = () => {
+      let start;
+      if (Array.isArray(defaultValue.value)) {
+        const left = dayjs__default["default"](defaultValue.value[0]);
+        let right = dayjs__default["default"](defaultValue.value[1]);
+        if (!props.unlinkPanels) {
+          right = left.add(1, "year");
+        }
+        return [left, right];
+      } else if (defaultValue.value) {
+        start = dayjs__default["default"](defaultValue.value);
+      } else {
+        start = dayjs__default["default"]();
+      }
+      start = start.locale(lang.value);
+      return [start, start.add(1, "year")];
+    };
+    ctx.emit("set-picker-option", ["formatToString", formatToString]);
+    const pickerBase = vue.inject("EP_PICKER_BASE");
+    const { shortcuts, disabledDate, format } = pickerBase.props;
+    const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
+    vue.watch(() => defaultValue.value, (val) => {
+      if (val) {
+        const defaultArr = getDefaultValue();
+        leftDate.value = defaultArr[0];
+        rightDate.value = defaultArr[1];
+      }
+    }, { immediate: true });
+    vue.watch(() => props.parsedValue, (newVal) => {
+      if (newVal && newVal.length === 2) {
+        minDate.value = newVal[0];
+        maxDate.value = newVal[1];
+        leftDate.value = minDate.value;
+        if (props.unlinkPanels && maxDate.value) {
+          const minDateYear = minDate.value.year();
+          const maxDateYear = maxDate.value.year();
+          rightDate.value = minDateYear === maxDateYear ? maxDate.value.add(1, "year") : maxDate.value;
+        } else {
+          rightDate.value = leftDate.value.add(1, "year");
+        }
+      } else {
+        const defaultArr = getDefaultValue();
+        minDate.value = null;
+        maxDate.value = null;
+        leftDate.value = defaultArr[0];
+        rightDate.value = defaultArr[1];
+      }
+    }, { immediate: true });
+    return {
+      shortcuts,
+      disabledDate,
+      onSelect,
+      handleRangePick,
+      rangeState,
+      handleChangeRange,
+      minDate,
+      maxDate,
+      enableYearArrow,
+      leftLabel,
+      rightLabel,
+      leftNextYear,
+      leftPrevYear,
+      rightNextYear,
+      rightPrevYear,
+      t,
+      leftDate,
+      rightDate,
+      hasShortcuts,
+      handleShortcutClick
+    };
+  }
+});
+const _hoisted_1 = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-picker-panel__sidebar"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "el-picker-panel__body" };
+const _hoisted_5 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
+const _hoisted_6 = { class: "el-date-range-picker__header" };
+const _hoisted_7 = ["disabled"];
+const _hoisted_8 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
+const _hoisted_9 = { class: "el-date-range-picker__header" };
+const _hoisted_10 = ["disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_d_arrow_left = vue.resolveComponent("d-arrow-left");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_d_arrow_right = vue.resolveComponent("d-arrow-right");
+  const _component_month_table = vue.resolveComponent("month-table");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["el-picker-panel el-date-range-picker", [
+      {
+        "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts
+      }
+    ]])
+  }, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
+      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
+          return vue.openBlock(), vue.createElementBlock("button", {
+            key,
+            type: "button",
+            class: "el-picker-panel__shortcut",
+            onClick: ($event) => _ctx.handleShortcutClick(shortcut)
+          }, vue.toDisplayString(shortcut.text), 9, _hoisted_3);
+        }), 128))
+      ])) : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("div", _hoisted_4, [
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "el-picker-panel__icon-btn d-arrow-left",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_left)
+                ]),
+                _: 1
+              })
+            ]),
+            _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              type: "button",
+              disabled: !_ctx.enableYearArrow,
+              class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
+              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_right)
+                ]),
+                _: 1
+              })
+            ], 10, _hoisted_7)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", null, vue.toDisplayString(_ctx.leftLabel), 1)
+          ]),
+          vue.createVNode(_component_month_table, {
+            "selection-mode": "range",
+            date: _ctx.leftDate,
+            "min-date": _ctx.minDate,
+            "max-date": _ctx.maxDate,
+            "range-state": _ctx.rangeState,
+            "disabled-date": _ctx.disabledDate,
+            onChangerange: _ctx.handleChangeRange,
+            onPick: _ctx.handleRangePick,
+            onSelect: _ctx.onSelect
+          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
+        ]),
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
+            _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              type: "button",
+              disabled: !_ctx.enableYearArrow,
+              class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-left"]),
+              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.rightPrevYear && _ctx.rightPrevYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_left)
+                ]),
+                _: 1
+              })
+            ], 10, _hoisted_10)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "el-picker-panel__icon-btn d-arrow-right",
+              onClick: _cache[3] || (_cache[3] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_right)
+                ]),
+                _: 1
+              })
+            ]),
+            vue.createElementVNode("div", null, vue.toDisplayString(_ctx.rightLabel), 1)
+          ]),
+          vue.createVNode(_component_month_table, {
+            "selection-mode": "range",
+            date: _ctx.rightDate,
+            "min-date": _ctx.minDate,
+            "max-date": _ctx.maxDate,
+            "range-state": _ctx.rangeState,
+            "disabled-date": _ctx.disabledDate,
+            onChangerange: _ctx.handleChangeRange,
+            onPick: _ctx.handleRangePick,
+            onSelect: _ctx.onSelect
+          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
+        ])
+      ])
+    ])
+  ], 2);
+}
+var MonthRangePickPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+
+exports["default"] = MonthRangePickPanel;
 //# sourceMappingURL=panel-month-range.js.map

package/lib/components/date-picker/src/date-picker-com/panel-month-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"panel-month-range.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-range-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\"></slot>\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-left\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"leftPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-right\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch, inject, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport default defineComponent({\n  components: { MonthTable, ElIcon, DArrowLeft, DArrowRight },\n\n  props: {\n    unlinkPanels: Boolean,\n    parsedValue: {\n      type: Array as PropType<Dayjs[]>,\n    },\n  },\n\n  emits: ['pick', 'set-picker-option'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const leftDate = ref(dayjs().locale(lang.value))\n    const rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValues =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValues) {\n        ctx.emit('pick', [\n          dayjs(shortcutValues[0]).locale(lang.value),\n          dayjs(shortcutValues[1]).locale(lang.value),\n        ])\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const leftPrevYear = () => {\n      leftDate.value = leftDate.value.subtract(1, 'year')\n      if (!props.unlinkPanels) {\n        rightDate.value = rightDate.value.subtract(1, 'year')\n      }\n    }\n\n    const rightNextYear = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'year')\n      }\n      rightDate.value = rightDate.value.add(1, 'year')\n    }\n\n    const leftNextYear = () => {\n      leftDate.value = leftDate.value.add(1, 'year')\n    }\n\n    const rightPrevYear = () => {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n    }\n    const leftLabel = computed(() => {\n      return `${leftDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const rightLabel = computed(() => {\n      return `${rightDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const leftYear = computed(() => {\n      return leftDate.value.year()\n    })\n\n    const rightYear = computed(() => {\n      return rightDate.value.year() === leftDate.value.year()\n        ? leftDate.value.year() + 1\n        : rightDate.value.year()\n    })\n\n    const enableYearArrow = computed(() => {\n      return props.unlinkPanels && rightYear.value > leftYear.value + 1\n    })\n\n    const minDate = ref(null)\n    const maxDate = ref(null)\n\n    const rangeState = ref({\n      endDate: null,\n      selecting: false,\n    })\n\n    const handleChangeRange = (val) => {\n      rangeState.value = val\n    }\n\n    const handleRangePick = (val, close = true) => {\n      // const defaultTime = props.defaultTime || []\n      // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n      // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n      // todo\n      const minDate_ = val.minDate\n      const maxDate_ = val.maxDate\n      if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n        return\n      }\n      maxDate.value = maxDate_\n      minDate.value = minDate_\n\n      if (!close) return\n      handleConfirm()\n    }\n\n    const isValidValue = (value) => {\n      return (\n        Array.isArray(value) &&\n        value &&\n        value[0] &&\n        value[1] &&\n        value[0].valueOf() <= value[1].valueOf()\n      )\n    }\n\n    const handleConfirm = (visible = false) => {\n      if (isValidValue([minDate.value, maxDate.value])) {\n        ctx.emit('pick', [minDate.value, maxDate.value], visible)\n      }\n    }\n\n    const onSelect = (selecting) => {\n      rangeState.value.selecting = selecting\n      if (!selecting) {\n        rangeState.value.endDate = null\n      }\n    }\n\n    const formatToString = (value) => {\n      return value.map((_) => _.format(format))\n    }\n\n    const getDefaultValue = () => {\n      let start: Dayjs\n      if (Array.isArray(defaultValue.value)) {\n        const left = dayjs(defaultValue.value[0])\n        let right = dayjs(defaultValue.value[1])\n        if (!props.unlinkPanels) {\n          right = left.add(1, 'year')\n        }\n        return [left, right]\n      } else if (defaultValue.value) {\n        start = dayjs(defaultValue.value)\n      } else {\n        start = dayjs()\n      }\n      start = start.locale(lang.value)\n      return [start, start.add(1, 'year')]\n    }\n\n    // pickerBase.hub.emit('SetPickerOption', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const { shortcuts, disabledDate, format } = pickerBase.props\n    const defaultValue = toRef(pickerBase.props, 'defaultValue')\n\n    watch(\n      () => defaultValue.value,\n      (val) => {\n        if (val) {\n          const defaultArr = getDefaultValue()\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => props.parsedValue,\n      (newVal) => {\n        if (newVal && newVal.length === 2) {\n          minDate.value = newVal[0]\n          maxDate.value = newVal[1]\n          leftDate.value = minDate.value\n          if (props.unlinkPanels && maxDate.value) {\n            const minDateYear = minDate.value.year()\n            const maxDateYear = maxDate.value.year()\n            rightDate.value =\n              minDateYear === maxDateYear\n                ? maxDate.value.add(1, 'year')\n                : maxDate.value\n          } else {\n            rightDate.value = leftDate.value.add(1, 'year')\n          }\n        } else {\n          const defaultArr = getDefaultValue()\n          minDate.value = null\n          maxDate.value = null\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      shortcuts,\n      disabledDate,\n      onSelect,\n      handleRangePick,\n      rangeState,\n      handleChangeRange,\n      minDate,\n      maxDate,\n      enableYearArrow,\n      leftLabel,\n      rightLabel,\n      leftNextYear,\n      leftPrevYear,\n      rightNextYear,\n      rightPrevYear,\n      t,\n      leftDate,\n      rightDate,\n      hasShortcuts,\n      handleShortcutClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","MonthTable","ElIcon","DArrowLeft","DArrowRight","useLocale","ref","dayjs","computed","inject","toRef","_openBlock","_Fragment","_createElementBlock","_createCommentVNode","_withCtx","_normalizeClass"],"mappings":"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"}

package/lib/components/date-picker/src/date-picker.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     clearIcon: {
         type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
+        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     };
     editable: {
         type: BooleanConstructor;
@@ -136,7 +136,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     clearIcon: {
         type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
+        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     };
     editable: {
         type: BooleanConstructor;
@@ -219,8 +219,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: IDatePickerType;
     disabled: boolean;
-    modelValue: string | number | Date | (string | number | Date)[];
     name: string | unknown[];
+    modelValue: string | number | Date | (string | number | Date)[];
     editable: boolean;
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;

package/lib/components/date-picker/src/date-picker.js

@@ -13,16 +13,13 @@ var dayOfYear = require('dayjs/plugin/dayOfYear');
 var isSameOrAfter = require('dayjs/plugin/isSameOrAfter');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
 require('../../time-picker/index.js');
-require('./date-picker-com/panel-date-pick.js');
-require('./date-picker-com/panel-date-range.js');
-require('./date-picker-com/panel-month-range.js');
+var panelDatePick = require('./date-picker-com/panel-date-pick.js');
+var panelDateRange = require('./date-picker-com/panel-date-range.js');
+var panelMonthRange = require('./date-picker-com/panel-month-range.js');
 var datePicker_type = require('./date-picker.type.js');
-var panelDateRange_vue_vue_type_script_lang = require('./date-picker-com/panel-date-range.vue_vue_type_script_lang.js');
-var panelMonthRange_vue_vue_type_script_lang = require('./date-picker-com/panel-month-range.vue_vue_type_script_lang.js');
-var panelDatePick_vue_vue_type_script_lang = require('./date-picker-com/panel-date-pick.vue_vue_type_script_lang.js');
 var props = require('../../time-picker/src/common/props.js');
 var constant = require('../../time-picker/src/common/constant.js');
-var picker_vue_vue_type_script_lang = require('../../time-picker/src/common/picker.vue_vue_type_script_lang.js');
+var picker = require('../../time-picker/src/common/picker.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -46,11 +43,11 @@ dayjs__default["default"].extend(isSameOrAfter__default["default"]);
 dayjs__default["default"].extend(isSameOrBefore__default["default"]);
 const getPanel = function(type) {
   if (type === "daterange" || type === "datetimerange") {
-    return panelDateRange_vue_vue_type_script_lang["default"];
+    return panelDateRange["default"];
   } else if (type === "monthrange") {
-    return panelMonthRange_vue_vue_type_script_lang["default"];
+    return panelMonthRange["default"];
   }
-  return panelDatePick_vue_vue_type_script_lang["default"];
+  return panelDatePick["default"];
 };
 var DatePicker = vue.defineComponent({
   name: "ElDatePicker",
@@ -80,7 +77,7 @@ var DatePicker = vue.defineComponent({
     return () => {
       var _a;
       const format = (_a = props.format) != null ? _a : constant.DEFAULT_FORMATS_DATEPICKER[props.type] || constant.DEFAULT_FORMATS_DATE;
-      return vue.h(picker_vue_vue_type_script_lang["default"], {
+      return vue.h(picker["default"], {
         ...props,
         format,
         type: props.type,

package/lib/components/date-picker/src/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../../../../../../packages/components/date-picker/src/date-picker.ts"],"sourcesContent":["import { defineComponent, h, provide, ref, renderSlot } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport localeData from 'dayjs/plugin/localeData'\nimport weekOfYear from 'dayjs/plugin/weekOfYear'\nimport weekYear from 'dayjs/plugin/weekYear'\nimport dayOfYear from 'dayjs/plugin/dayOfYear'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore'\nimport {\n  CommonPicker,\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_DATEPICKER,\n  timePickerDefaultProps,\n} from '@element-plus/components/time-picker'\nimport DatePickPanel from './date-picker-com/panel-date-pick.vue'\nimport DateRangePickPanel from './date-picker-com/panel-date-range.vue'\nimport MonthRangePickPanel from './date-picker-com/panel-month-range.vue'\nimport { ROOT_PICKER_INJECTION_KEY } from './date-picker.type'\nimport type { PropType } from 'vue'\nimport type { IDatePickerType } from './date-picker.type'\n\ndayjs.extend(localeData)\ndayjs.extend(advancedFormat)\ndayjs.extend(customParseFormat)\ndayjs.extend(weekOfYear)\ndayjs.extend(weekYear)\ndayjs.extend(dayOfYear)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nconst getPanel = function (type: IDatePickerType) {\n  if (type === 'daterange' || type === 'datetimerange') {\n    return DateRangePickPanel\n  } else if (type === 'monthrange') {\n    return MonthRangePickPanel\n  }\n  return DatePickPanel\n}\n\nexport default defineComponent({\n  name: 'ElDatePicker',\n  install: null,\n  props: {\n    ...timePickerDefaultProps,\n    type: {\n      type: String as PropType<IDatePickerType>,\n      default: 'date',\n    },\n  },\n  emits: ['update:modelValue'],\n  setup(props, ctx) {\n    provide('ElPopperOptions', props.popperOptions)\n    provide(ROOT_PICKER_INJECTION_KEY, {\n      ctx,\n    })\n    const commonPicker = ref(null)\n    const refProps = {\n      ...props,\n      focus: (focusStartInput = true) => {\n        commonPicker.value?.focus(focusStartInput)\n      },\n    }\n    ctx.expose(refProps)\n    return () => {\n      // since props always have all defined keys on it, {format, ...props} will always overwrite format\n      // pick props.format or provide default value here before spreading\n      const format =\n        props.format ??\n        (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE)\n      return h(\n        CommonPicker,\n        {\n          ...props,\n          format,\n          type: props.type,\n          ref: commonPicker,\n          'onUpdate:modelValue': (value) =>\n            ctx.emit('update:modelValue', value),\n        },\n        {\n          default: (scopedProps) => h(getPanel(props.type), scopedProps),\n          'range-separator': () => renderSlot(ctx.slots, 'range-separator'),\n        }\n      )\n    }\n  },\n})\n"],"names":["dayjs","localeData","advancedFormat","customParseFormat","weekOfYear","weekYear","dayOfYear","isSameOrAfter","isSameOrBefore","DateRangePickPanel","MonthRangePickPanel","DatePickPanel","defineComponent","timePickerDefaultProps","provide","ROOT_PICKER_INJECTION_KEY","ref","DEFAULT_FORMATS_DATEPICKER","DEFAULT_FORMATS_DATE","h","CommonPicker","renderSlot"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","sources":["../../../../../../packages/components/date-picker/src/date-picker.ts"],"sourcesContent":["import { defineComponent, h, provide, ref, renderSlot } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport localeData from 'dayjs/plugin/localeData'\nimport weekOfYear from 'dayjs/plugin/weekOfYear'\nimport weekYear from 'dayjs/plugin/weekYear'\nimport dayOfYear from 'dayjs/plugin/dayOfYear'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore'\nimport {\n  CommonPicker,\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_DATEPICKER,\n  timePickerDefaultProps,\n} from '@element-plus/components/time-picker'\nimport DatePickPanel from './date-picker-com/panel-date-pick.vue'\nimport DateRangePickPanel from './date-picker-com/panel-date-range.vue'\nimport MonthRangePickPanel from './date-picker-com/panel-month-range.vue'\nimport { ROOT_PICKER_INJECTION_KEY } from './date-picker.type'\nimport type { PropType } from 'vue'\nimport type { IDatePickerType } from './date-picker.type'\n\ndayjs.extend(localeData)\ndayjs.extend(advancedFormat)\ndayjs.extend(customParseFormat)\ndayjs.extend(weekOfYear)\ndayjs.extend(weekYear)\ndayjs.extend(dayOfYear)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nconst getPanel = function (type: IDatePickerType) {\n  if (type === 'daterange' || type === 'datetimerange') {\n    return DateRangePickPanel\n  } else if (type === 'monthrange') {\n    return MonthRangePickPanel\n  }\n  return DatePickPanel\n}\n\nexport default defineComponent({\n  name: 'ElDatePicker',\n  install: null,\n  props: {\n    ...timePickerDefaultProps,\n    type: {\n      type: String as PropType<IDatePickerType>,\n      default: 'date',\n    },\n  },\n  emits: ['update:modelValue'],\n  setup(props, ctx) {\n    provide('ElPopperOptions', props.popperOptions)\n    provide(ROOT_PICKER_INJECTION_KEY, {\n      ctx,\n    })\n    const commonPicker = ref(null)\n    const refProps = {\n      ...props,\n      focus: (focusStartInput = true) => {\n        commonPicker.value?.focus(focusStartInput)\n      },\n    }\n    ctx.expose(refProps)\n    return () => {\n      // since props always have all defined keys on it, {format, ...props} will always overwrite format\n      // pick props.format or provide default value here before spreading\n      const format =\n        props.format ??\n        (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE)\n      return h(\n        CommonPicker,\n        {\n          ...props,\n          format,\n          type: props.type,\n          ref: commonPicker,\n          'onUpdate:modelValue': (value) =>\n            ctx.emit('update:modelValue', value),\n        },\n        {\n          default: (scopedProps) => h(getPanel(props.type), scopedProps),\n          'range-separator': () => renderSlot(ctx.slots, 'range-separator'),\n        }\n      )\n    }\n  },\n})\n"],"names":["dayjs","localeData","advancedFormat","customParseFormat","weekOfYear","weekYear","dayOfYear","isSameOrAfter","isSameOrBefore","DateRangePickPanel","MonthRangePickPanel","DatePickPanel","defineComponent","timePickerDefaultProps","provide","ROOT_PICKER_INJECTION_KEY","ref","DEFAULT_FORMATS_DATEPICKER","DEFAULT_FORMATS_DATE","h","CommonPicker","renderSlot"],"mappings":"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"}

package/lib/components/descriptions/index.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/index.js');
+var index = require('./src/index.js');
 var descriptionItem = require('./src/description-item.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
 
-const ElDescriptions = withInstall.withInstall(index_vue_vue_type_script_lang["default"], {
+const ElDescriptions = withInstall.withInstall(index["default"], {
   DescriptionsItem: descriptionItem["default"]
 });
 const ElDescriptionsItem = withInstall.withNoopInstall(descriptionItem["default"]);

package/lib/components/descriptions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/descriptions/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Descriptions from './src/index.vue'\nimport DescriptionsItem from './src/description-item'\n\nexport const ElDescriptions = withInstall(Descriptions, {\n  DescriptionsItem,\n})\nexport default ElDescriptions\n\nexport const ElDescriptionsItem = withNoopInstall(DescriptionsItem)\n"],"names":["withInstall","Descriptions","DescriptionsItem","withNoopInstall"],"mappings":";;;;;;;;;AAGY,MAAC,cAAc,GAAGA,uBAAW,CAACC,yCAAY,EAAE;AACxD,oBAAEC,0BAAgB;AAClB,CAAC,EAAE;AAES,MAAC,kBAAkB,GAAGC,2BAAe,CAACD,0BAAgB;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/descriptions/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Descriptions from './src/index.vue'\nimport DescriptionsItem from './src/description-item'\n\nexport const ElDescriptions = withInstall(Descriptions, {\n  DescriptionsItem,\n})\nexport default ElDescriptions\n\nexport const ElDescriptionsItem = withNoopInstall(DescriptionsItem)\n"],"names":["withInstall","Descriptions","DescriptionsItem","withNoopInstall"],"mappings":";;;;;;;;AAGY,MAAC,cAAc,GAAGA,uBAAW,CAACC,gBAAY,EAAE;AACxD,oBAAEC,0BAAgB;AAClB,CAAC,EAAE;AAES,MAAC,kBAAkB,GAAGC,2BAAe,CAACD,0BAAgB;;;;;;"}