@element-plus/nightly 0.0.20250915 → 0.0.20250916

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', disabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :disabled=\"disabled\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\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                :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=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate\"\n                :validate-event=\"false\"\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                :parsed-value=\"rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || disabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && leftCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || disabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\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            :show-week-number=\"showWeekNumber\"\n            :disabled=\"disabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"disabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div\n            :class=\"[\n              drpNs.e('header'),\n              ppNs.is('disabled', !enableYearArrow || disabled),\n            ]\"\n          >\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"disabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"disabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\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            :show-week-number=\"showWeekNumber\"\n            :disabled=\"disabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"disabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"handleClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { isArray } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst 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\nconst 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\nconst 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\nconst 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\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\n})\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst 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\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst 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\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst 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\nconst 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\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value])\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\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  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\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 (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\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 (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\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    } 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    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\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    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\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  handleRangeConfirm(true)\n}\n\nconst handleClear = () => {\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', null)\n}\n\nconst formatToString = (value: Dayjs | Dayjs[]) => {\n  return isArray(value)\n    ? value.map((_) => _.format(format.value))\n    : value.format(format.value)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['formatToString', formatToString])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["inject","PICKER_BASE_INJECTION_KEY","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","toRef","useLocale","ref","dayjs","useRangePicker","watch","usePanelDateRange","computed","extractTimeFormat","DEFAULT_FORMATS_TIME","extractDateFormat","DEFAULT_FORMATS_DATE","isValidRange","nextTick","getDefaultValue","unref","isArray","correctlyParseUserInput","_openBlock","_createElementBlock","_normalizeClass","_unref","minDate","_createElementVNode","maxDate","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"panel-date-range.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', disabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :disabled=\"disabled\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\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                :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=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || disabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate\"\n                :validate-event=\"false\"\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                :parsed-value=\"rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || disabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && leftCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || disabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\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            :show-week-number=\"showWeekNumber\"\n            :disabled=\"disabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"disabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div\n            :class=\"[\n              drpNs.e('header'),\n              ppNs.is('disabled', !enableYearArrow || disabled),\n            ]\"\n          >\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"disabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"disabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                tabindex=\"0\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\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            :show-week-number=\"showWeekNumber\"\n            :disabled=\"disabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"disabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"handleClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { isArray } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst 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\nconst 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\nconst 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\nconst 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\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\n})\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst 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\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst 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\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst 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\nconst 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\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value])\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\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  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\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 (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\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 (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\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    } 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    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\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    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\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  handleRangeConfirm(true)\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst formatToString = (value: Dayjs | Dayjs[]) => {\n  return isArray(value)\n    ? value.map((_) => _.format(format.value))\n    : value.format(format.value)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['formatToString', formatToString])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["inject","PICKER_BASE_INJECTION_KEY","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","toRef","useLocale","ref","dayjs","useRangePicker","watch","usePanelDateRange","computed","extractTimeFormat","DEFAULT_FORMATS_TIME","extractDateFormat","DEFAULT_FORMATS_DATE","isValidRange","nextTick","getDefaultValue","unref","correctlyParseUserInput","_openBlock","_createElementBlock","_normalizeClass","_unref","minDate","_createElementVNode","maxDate","_renderSlot"],"mappings":"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"}

package/lib/components/descriptions/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var description$1 = require('./src/description2.js');
+var description$1 = require('./src/description.js');
 var descriptionItem = require('./src/description-item.js');
-var description = require('./src/description.js');
+var description = require('./src/description2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElDescriptions = install.withInstall(description$1["default"], {

package/lib/components/descriptions/src/description.js

@@ -2,34 +2,135 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
+var vue = require('vue');
+var descriptionsRow = require('./descriptions-row2.js');
+var token = require('./token.js');
+var description = require('./description2.js');
+var constants = require('./constants.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
+var vnode = require('../../../utils/vue/vnode.js');
 
-const descriptionProps = runtime.buildProps({
-  border: Boolean,
-  column: {
-    type: Number,
-    default: 3
-  },
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  size: index.useSizeProp,
-  title: {
-    type: String,
-    default: ""
-  },
-  extra: {
-    type: String,
-    default: ""
-  },
-  labelWidth: {
-    type: [String, Number],
-    default: ""
+const __default__ = vue.defineComponent({
+  name: "ElDescriptions"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: description.descriptionProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("descriptions");
+    const descriptionsSize = useFormCommonProps.useFormSize();
+    const slots = vue.useSlots();
+    vue.provide(token.descriptionsKey, props);
+    const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
+    const filledNode = (node, span, count, isLast = false) => {
+      if (!node.props) {
+        node.props = {};
+      }
+      if (span > count) {
+        node.props.span = count;
+      }
+      if (isLast) {
+        node.props.span = span;
+      }
+      return node;
+    };
+    const getRows = () => {
+      if (!slots.default)
+        return [];
+      const children = vnode.flattedChildren(slots.default()).filter((node) => {
+        var _a;
+        return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === constants.COMPONENT_NAME;
+      });
+      const rows = [];
+      let temp = [];
+      let count = props.column;
+      let totalSpan = 0;
+      const rowspanTemp = [];
+      children.forEach((node, index) => {
+        var _a, _b, _c;
+        const span = ((_a = node.props) == null ? void 0 : _a.span) || 1;
+        const rowspan = ((_b = node.props) == null ? void 0 : _b.rowspan) || 1;
+        const rowNo = rows.length;
+        rowspanTemp[rowNo] || (rowspanTemp[rowNo] = 0);
+        if (rowspan > 1) {
+          for (let i = 1; i < rowspan; i++) {
+            rowspanTemp[_c = rowNo + i] || (rowspanTemp[_c] = 0);
+            rowspanTemp[rowNo + i]++;
+            totalSpan++;
+          }
+        }
+        if (rowspanTemp[rowNo] > 0) {
+          count -= rowspanTemp[rowNo];
+          rowspanTemp[rowNo] = 0;
+        }
+        if (index < children.length - 1) {
+          totalSpan += span > count ? count : span;
+        }
+        if (index === children.length - 1) {
+          const lastSpan = props.column - totalSpan % props.column;
+          temp.push(filledNode(node, lastSpan, count, true));
+          rows.push(temp);
+          return;
+        }
+        if (span < count) {
+          count -= span;
+          temp.push(node);
+        } else {
+          temp.push(filledNode(node, span, count));
+          rows.push(temp);
+          count = props.column;
+          temp = [];
+        }
+      });
+      return rows;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(descriptionKls))
+      }, [
+        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("header"))
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("title"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            ])
+          ], 2),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("extra"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "extra", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
+            ])
+          ], 2)
+        ], 2)) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("body"))
+        }, [
+          vue.createElementVNode("table", {
+            class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
+          }, [
+            vue.createElementVNode("tbody", null, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getRows(), (row, _index) => {
+                return vue.openBlock(), vue.createBlock(descriptionsRow["default"], {
+                  key: _index,
+                  row
+                }, null, 8, ["row"]);
+              }), 128))
+            ])
+          ], 2)
+        ], 2)
+      ], 2);
+    };
   }
 });
+var Descriptions = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "description.vue"]]);
 
-exports.descriptionProps = descriptionProps;
+exports["default"] = Descriptions;
 //# sourceMappingURL=description.js.map

package/lib/components/descriptions/src/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../../../packages/components/descriptions/src/description.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Description from './description.vue'\n\nexport const descriptionProps = buildProps({\n  /**\n   * @description with or without border\n   */\n  border: Boolean,\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   */\n  column: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description direction of list\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description size of list\n   */\n  size: useSizeProp,\n  /**\n   * @description title text, display on the top left\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description extra text, display on the top right\n   */\n  extra: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description width of every label column\n   */\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type DescriptionProps = ExtractPropTypes<typeof descriptionProps>\nexport type DescriptionPropsPublic = __ExtractPublicPropTypes<\n  typeof descriptionProps\n>\nexport type DescriptionInstance = InstanceType<typeof Description> & unknown\n"],"names":["buildProps","useSizeProp"],"mappings":";;;;;;;AAEY,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../../../packages/components/descriptions/src/description.vue"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      :class=\"ns.e('header')\"\n    >\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div :class=\"ns.e('extra')\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div :class=\"ns.e('body')\">\n      <table :class=\"[ns.e('table'), ns.is('bordered', border)]\">\n        <tbody>\n          <template v-for=\"(row, _index) in getRows()\" :key=\"_index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, useSlots } from 'vue'\nimport { flattedChildren } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport ElDescriptionsRow from './descriptions-row.vue'\nimport { descriptionsKey } from './token'\nimport { descriptionProps } from './description'\nimport { COMPONENT_NAME } from './constants'\n\nimport type { IDescriptionsInject } from './descriptions.type'\nimport type { DescriptionItemVNode } from './description-item'\n\ndefineOptions({\n  name: 'ElDescriptions',\n})\n\nconst props = defineProps(descriptionProps)\n\nconst ns = useNamespace('descriptions')\n\nconst descriptionsSize = useFormSize()\n\nconst slots = useSlots()\n\nprovide(descriptionsKey, props as IDescriptionsInject)\n\nconst descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)])\n\nconst filledNode = (\n  node: DescriptionItemVNode,\n  span: number,\n  count: number,\n  isLast = false\n) => {\n  if (!node.props) {\n    node.props = {}\n  }\n  if (span > count) {\n    node.props.span = count\n  }\n  if (isLast) {\n    // set the last span\n    node.props.span = span\n  }\n  return node\n}\n\nconst getRows = () => {\n  if (!slots.default) return []\n\n  const children = flattedChildren(slots.default()).filter(\n    (node): node is DescriptionItemVNode =>\n      (node as any)?.type?.name === COMPONENT_NAME\n  )\n  const rows: DescriptionItemVNode[][] = []\n  let temp: DescriptionItemVNode[] = []\n  let count = props.column\n  let totalSpan = 0 // all spans number of item\n  const rowspanTemp: number[] = [] // the number of row spans\n\n  children.forEach((node, index) => {\n    const span = node.props?.span || 1\n    const rowspan = node.props?.rowspan || 1\n    const rowNo = rows.length\n    rowspanTemp[rowNo] ||= 0\n\n    if (rowspan > 1) {\n      for (let i = 1; i < rowspan; i++) {\n        rowspanTemp[rowNo + i] ||= 0\n        rowspanTemp[rowNo + i]++\n        totalSpan++\n      }\n    }\n    if (rowspanTemp[rowNo] > 0) {\n      count -= rowspanTemp[rowNo]\n      rowspanTemp[rowNo] = 0\n    }\n    if (index < children.length - 1) {\n      totalSpan += span > count ? count : span\n    }\n\n    if (index === children.length - 1) {\n      // calculate the last item span\n      const lastSpan = props.column - (totalSpan % props.column)\n      temp.push(filledNode(node, lastSpan, count, true))\n      rows.push(temp)\n      return\n    }\n\n    if (span < count) {\n      count -= span\n      temp.push(node)\n    } else {\n      temp.push(filledNode(node, span, count))\n      rows.push(temp)\n      count = props.column\n      temp = []\n    }\n  })\n\n  return rows\n}\n</script>\n"],"names":["useNamespace","useFormSize","useSlots","provide","descriptionsKey","computed","flattedChildren","COMPONENT_NAME"],"mappings":"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"}

package/lib/components/descriptions/src/description2.js

@@ -2,135 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var descriptionsRow = require('./descriptions-row2.js');
-var token = require('./token.js');
-var description = require('./description.js');
-var constants = require('./constants.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
-var vnode = require('../../../utils/vue/vnode.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElDescriptions"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: description.descriptionProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("descriptions");
-    const descriptionsSize = useFormCommonProps.useFormSize();
-    const slots = vue.useSlots();
-    vue.provide(token.descriptionsKey, props);
-    const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
-    const filledNode = (node, span, count, isLast = false) => {
-      if (!node.props) {
-        node.props = {};
-      }
-      if (span > count) {
-        node.props.span = count;
-      }
-      if (isLast) {
-        node.props.span = span;
-      }
-      return node;
-    };
-    const getRows = () => {
-      if (!slots.default)
-        return [];
-      const children = vnode.flattedChildren(slots.default()).filter((node) => {
-        var _a;
-        return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === constants.COMPONENT_NAME;
-      });
-      const rows = [];
-      let temp = [];
-      let count = props.column;
-      let totalSpan = 0;
-      const rowspanTemp = [];
-      children.forEach((node, index) => {
-        var _a, _b, _c;
-        const span = ((_a = node.props) == null ? void 0 : _a.span) || 1;
-        const rowspan = ((_b = node.props) == null ? void 0 : _b.rowspan) || 1;
-        const rowNo = rows.length;
-        rowspanTemp[rowNo] || (rowspanTemp[rowNo] = 0);
-        if (rowspan > 1) {
-          for (let i = 1; i < rowspan; i++) {
-            rowspanTemp[_c = rowNo + i] || (rowspanTemp[_c] = 0);
-            rowspanTemp[rowNo + i]++;
-            totalSpan++;
-          }
-        }
-        if (rowspanTemp[rowNo] > 0) {
-          count -= rowspanTemp[rowNo];
-          rowspanTemp[rowNo] = 0;
-        }
-        if (index < children.length - 1) {
-          totalSpan += span > count ? count : span;
-        }
-        if (index === children.length - 1) {
-          const lastSpan = props.column - totalSpan % props.column;
-          temp.push(filledNode(node, lastSpan, count, true));
-          rows.push(temp);
-          return;
-        }
-        if (span < count) {
-          count -= span;
-          temp.push(node);
-        } else {
-          temp.push(filledNode(node, span, count));
-          rows.push(temp);
-          count = props.column;
-          temp = [];
-        }
-      });
-      return rows;
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(descriptionKls))
-      }, [
-        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).e("header"))
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("title"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-            ])
-          ], 2),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("extra"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "extra", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
-            ])
-          ], 2)
-        ], 2)) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("body"))
-        }, [
-          vue.createElementVNode("table", {
-            class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
-          }, [
-            vue.createElementVNode("tbody", null, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getRows(), (row, _index) => {
-                return vue.openBlock(), vue.createBlock(descriptionsRow["default"], {
-                  key: _index,
-                  row
-                }, null, 8, ["row"]);
-              }), 128))
-            ])
-          ], 2)
-        ], 2)
-      ], 2);
-    };
+const descriptionProps = runtime.buildProps({
+  border: Boolean,
+  column: {
+    type: Number,
+    default: 3
+  },
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  size: index.useSizeProp,
+  title: {
+    type: String,
+    default: ""
+  },
+  extra: {
+    type: String,
+    default: ""
+  },
+  labelWidth: {
+    type: [String, Number],
+    default: ""
   }
 });
-var Descriptions = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "description.vue"]]);
 
-exports["default"] = Descriptions;
+exports.descriptionProps = descriptionProps;
 //# sourceMappingURL=description2.js.map