@element-plus/nightly 0.0.20260912 → 0.0.20260913

package/es/components/date-picker-panel/src/composables/use-basic-date-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-basic-date-table.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-basic-date-table.ts"],"sourcesContent":["import { computed, nextTick, ref, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { flatten } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { castArray, isArray } from '@element-plus/utils'\nimport { buildPickerTable } from '../utils'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../types'\nimport type {\n  BasicDateTableEmits,\n  BasicDateTableProps,\n} from '../props/basic-date-table'\n\nconst isNormalDay = (type = '') => {\n  return ['normal', 'today'].includes(type)\n}\n\nexport const useBasicDateTable = (\n  props: BasicDateTableProps,\n  emit: SetupContext<BasicDateTableEmits>['emit']\n) => {\n  const { lang } = useLocale()\n  const tbodyRef = ref<HTMLElement>()\n  const currentCellRef = ref<HTMLElement>()\n  // data\n  const lastRow = ref<number>()\n  const lastColumn = ref<number>()\n  const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n  let focusWithClick = false\n\n  // todo better way to get Day.js locale object\n  const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n  const WEEKS_CONSTANT = props.date\n    .locale('en')\n    .localeData()\n    .weekdaysShort()\n    .map((_) => _.toLowerCase())\n\n  const offsetDay = computed(() => {\n    // Sunday 7(0), cal the left and right offset days, 3217654, such as Monday is -1, the is to adjust the position of the first two rows of dates\n    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek\n  })\n\n  const startDate = computed(() => {\n    const startDayOfMonth = props.date.startOf('month')\n    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n  })\n\n  const WEEKS = computed(() => {\n    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n      firstDayOfWeek,\n      firstDayOfWeek + 7\n    )\n  })\n\n  const hasCurrent = computed<boolean>(() => {\n    return flatten(unref(rows)).some((row) => {\n      return row.isCurrent\n    })\n  })\n\n  const days = computed(() => {\n    const startOfMonth = props.date.startOf('month')\n    const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n    const dateCountOfMonth = startOfMonth.daysInMonth()\n\n    const dateCountOfLastMonth = startOfMonth.subtract(1, 'month').daysInMonth()\n\n    return {\n      startOfMonthDay,\n      dateCountOfMonth,\n      dateCountOfLastMonth,\n    }\n  })\n\n  const selectedDate = computed<Dayjs[]>(() => {\n    return props.selectionMode === 'dates' ? castArray(props.parsedValue!) : []\n  })\n\n  // Return value indicates should the counter be incremented\n  type CellCoordinate = { columnIndex: number; rowIndex: number }\n  type CellMeta = CellCoordinate & {\n    count: number\n  }\n  const setDateText = (\n    cell: DateCell,\n    { count, rowIndex, columnIndex }: CellMeta\n  ): boolean => {\n    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } =\n      unref(days)\n    const offset = unref(offsetDay)\n    if (rowIndex >= 0 && rowIndex <= 1) {\n      const numberOfDaysFromPreviousMonth =\n        startOfMonthDay + offset < 0\n          ? 7 + startOfMonthDay + offset\n          : startOfMonthDay + offset\n\n      if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {\n        cell.text = count\n        return true\n      } else {\n        cell.text =\n          dateCountOfLastMonth -\n          (numberOfDaysFromPreviousMonth - (columnIndex % 7)) +\n          1 +\n          rowIndex * 7\n        cell.type = 'prev-month'\n      }\n    } else {\n      if (count <= dateCountOfMonth) {\n        cell.text = count\n      } else {\n        cell.text = count - dateCountOfMonth\n        cell.type = 'next-month'\n      }\n      return true\n    }\n    return false\n  }\n\n  const setCellMetadata = (\n    cell: DateCell,\n    { columnIndex, rowIndex }: CellCoordinate,\n    count: number\n  ) => {\n    const { disabledDate, cellClassName } = props\n    const _selectedDate = unref(selectedDate)\n    const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex })\n\n    const cellDate = cell.dayjs!.toDate()\n    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, 'day'))\n    cell.isSelected = !!cell.selected\n    cell.isCurrent = isCurrent(cell)\n    cell.disabled = disabledDate?.(cellDate)\n    cell.customClass = cellClassName?.(cellDate)\n    return shouldIncrement\n  }\n\n  const setRowMetadata = (row: DateCell[]) => {\n    if (props.selectionMode === 'week') {\n      const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6]\n      const isActive = isWeekActive(row[start + 1])\n      row[start].inRange = isActive\n      row[start].start = isActive\n      row[end].inRange = isActive\n      row[end].end = isActive\n    }\n  }\n\n  const rows = computed(() => {\n    const { minDate, maxDate, rangeState, showWeekNumber } = props\n\n    const offset = unref(offsetDay)\n    const rows_ = unref(tableRows)\n    const dateUnit = 'day'\n    let count = 1\n\n    buildPickerTable({ row: 6, column: 7 }, rows_, {\n      startDate: minDate,\n      columnIndexOffset: showWeekNumber ? 1 : 0,\n      nextEndDate:\n        rangeState.endDate ||\n        maxDate ||\n        (rangeState.selecting && minDate) ||\n        null,\n      now: dayjs().locale(unref(lang)).startOf(dateUnit),\n      unit: dateUnit,\n      relativeDateGetter: (idx: number) =>\n        unref(startDate).add(idx - offset, dateUnit),\n      setCellMetadata: (...args) => {\n        if (setCellMetadata(...args, count)) {\n          count += 1\n        }\n      },\n\n      setRowMetadata,\n    })\n\n    if (showWeekNumber) {\n      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {\n        if (rows_[rowIndex][1].dayjs) {\n          rows_[rowIndex][0] = {\n            type: 'week',\n            text: rows_[rowIndex][1].dayjs!.week(),\n          }\n        }\n      }\n    }\n\n    return rows_\n  })\n\n  watch(\n    () => props.date,\n    async () => {\n      if (unref(tbodyRef)?.contains(document.activeElement)) {\n        await nextTick()\n        await focus()\n        // currentCellRef.value?.focus()\n      }\n    }\n  )\n\n  const focus = async () => unref(currentCellRef)?.focus()\n\n  const isCurrent = (cell: DateCell): boolean => {\n    return (\n      props.selectionMode === 'date' &&\n      isNormalDay(cell.type) &&\n      cellMatchesDate(cell, props.parsedValue as Dayjs)\n    )\n  }\n\n  const cellMatchesDate = (cell: DateCell, date: Dayjs) => {\n    if (!date) return false\n    return dayjs(date)\n      .locale(unref(lang))\n      .isSame(props.date.date(Number(cell.text)), 'day')\n  }\n\n  const getDateOfCell = (row: number, column: number) => {\n    //NOTE: because relying of startDate is not reliable in every weekStart (especially 2, 3); we re-create it\n    const startOfMonthDay = unref(days).startOfMonthDay\n    const offset = unref(offsetDay)\n    const numberOfDaysFromPreviousMonth =\n      startOfMonthDay + offset < 0\n        ? 7 + startOfMonthDay + offset\n        : startOfMonthDay + offset\n    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0))\n    return props.date\n      .startOf('month')\n      .subtract(numberOfDaysFromPreviousMonth, 'day')\n      .add(offsetFromStart, 'day')\n  }\n\n  const handleMouseMove = (event: MouseEvent) => {\n    if (!props.rangeState.selecting) return\n\n    let target = event.target as HTMLElement\n    if (target.tagName === 'SPAN') {\n      target = target.parentNode?.parentNode as HTMLElement\n    }\n    if (target.tagName === 'DIV') {\n      target = target.parentNode as HTMLElement\n    }\n    if (target.tagName !== 'TD') return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n\n    // can not select disabled date\n    if (unref(rows)[row][column].disabled) return\n\n    // only update rangeState when mouse moves to a new cell\n    // this avoids frequent Date object creation and improves performance\n    if (row !== unref(lastRow) || column !== unref(lastColumn)) {\n      lastRow.value = row\n      lastColumn.value = column\n      emit('changerange', {\n        selecting: true,\n        endDate: getDateOfCell(row, column),\n      })\n    }\n  }\n\n  const isSelectedCell = (cell: DateCell) => {\n    return (\n      (!unref(hasCurrent) && cell?.text === 1 && isNormalDay(cell.type)) ||\n      cell.isCurrent\n    )\n  }\n\n  const handleFocus = (event: FocusEvent) => {\n    if (focusWithClick || unref(hasCurrent) || props.selectionMode !== 'date')\n      return\n    handlePickDate(event, true)\n  }\n\n  const handleMouseDown = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = true\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = false\n  }\n\n  const handleRangePick = (newDate: Dayjs) => {\n    if (!props.rangeState.selecting || !props.minDate) {\n      emit('pick', { minDate: newDate, maxDate: null })\n      emit('select', true)\n    } else {\n      if (newDate >= props.minDate) {\n        emit('pick', { minDate: props.minDate, maxDate: newDate })\n      } else {\n        emit('pick', { minDate: newDate, maxDate: props.minDate })\n      }\n      emit('select', false)\n    }\n  }\n\n  const handleWeekPick = (newDate: Dayjs) => {\n    const weekNumber = newDate.week()\n    const value = `${newDate.year()}w${weekNumber}`\n    emit('pick', {\n      year: newDate.year(),\n      week: weekNumber,\n      value,\n      date: newDate.startOf('week'),\n    })\n  }\n\n  const handleDatesPick = (newDate: Dayjs, selected: boolean) => {\n    const newValue = selected\n      ? castArray(props.parsedValue).filter(\n          (d) => d?.valueOf() !== newDate.valueOf()\n        )\n      : castArray(props.parsedValue).concat([newDate])\n    emit('pick', newValue)\n  }\n\n  const handlePickDate = (\n    event: FocusEvent | MouseEvent,\n    isKeyboardMovement = false\n  ) => {\n    if (props.disabled) return\n    const target = (event.target as HTMLElement).closest('td')\n\n    if (!target) return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n    const cell = unref(rows)[row][column]\n\n    if (cell.disabled || cell.type === 'week') return\n\n    const newDate = getDateOfCell(row, column)\n\n    switch (props.selectionMode) {\n      case 'range': {\n        handleRangePick(newDate)\n        break\n      }\n      case 'date': {\n        emit('pick', newDate, isKeyboardMovement)\n        break\n      }\n      case 'week': {\n        handleWeekPick(newDate)\n        break\n      }\n      case 'dates': {\n        handleDatesPick(newDate, !!cell.selected)\n        break\n      }\n      default: {\n        break\n      }\n    }\n  }\n\n  const isWeekActive = (cell: DateCell) => {\n    if (props.selectionMode !== 'week') return false\n    let newDate = props.date.startOf('day')\n\n    if (cell.type === 'prev-month') {\n      newDate = newDate.subtract(1, 'month')\n    }\n\n    if (cell.type === 'next-month') {\n      newDate = newDate.add(1, 'month')\n    }\n\n    newDate = newDate.date(Number.parseInt(cell.text as any, 10))\n\n    if (props.parsedValue && !isArray(props.parsedValue)) {\n      const dayOffset = ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n      const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n      return weekDate.isSame(newDate, 'day')\n    }\n    return false\n  }\n\n  return {\n    WEEKS,\n    rows,\n    tbodyRef,\n    currentCellRef,\n\n    // cellMatchesDate,\n    // getDateOfCell,\n    focus,\n    isCurrent,\n    isWeekActive,\n    isSelectedCell,\n\n    handlePickDate,\n    handleMouseUp,\n    handleMouseDown,\n    handleMouseMove,\n    handleFocus,\n  }\n}\n\nexport const useBasicDateTableDOM = (\n  props: BasicDateTableProps,\n  {\n    isCurrent,\n    isWeekActive,\n  }: Pick<ReturnType<typeof useBasicDateTable>, 'isCurrent' | 'isWeekActive'>\n) => {\n  const ns = useNamespace('date-table')\n  const { t } = useLocale()\n\n  const tableKls = computed(() => [\n    ns.b(),\n    ns.is('week-mode', props.selectionMode === 'week' && !props.disabled),\n  ])\n\n  const tableLabel = computed(() => t('el.datepicker.dateTablePrompt'))\n\n  const getCellClasses = (cell: DateCell) => {\n    const classes: string[] = []\n    if (isNormalDay(cell.type) && !cell.disabled) {\n      classes.push('available')\n      if (cell.type === 'today') {\n        classes.push('today')\n      }\n    } else {\n      classes.push(cell.type!)\n    }\n\n    if (isCurrent(cell)) {\n      classes.push('current')\n    }\n\n    if (\n      cell.inRange &&\n      (isNormalDay(cell.type) || props.selectionMode === 'week')\n    ) {\n      classes.push('in-range')\n\n      if (cell.start) {\n        classes.push('start-date')\n      }\n\n      if (cell.end) {\n        classes.push('end-date')\n      }\n    }\n\n    if (cell.disabled || props.disabled) {\n      classes.push('disabled')\n    }\n\n    if (cell.selected) {\n      classes.push('selected')\n    }\n\n    if (cell.customClass) {\n      classes.push(cell.customClass)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getRowKls = (cell: DateCell) => [\n    ns.e('row'),\n    { current: isWeekActive(cell) },\n  ]\n\n  return {\n    tableKls,\n    tableLabel,\n    weekHeaderClass: ns.e('week-header'),\n\n    getCellClasses,\n    getRowKls,\n    t,\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,MAAM,eAAe,OAAO,OAAO;CACjC,OAAO,CAAC,UAAU,OAAO,CAAC,CAAC,SAAS,IAAI;AAC1C;AAEA,MAAa,qBACX,OACA,SACG;CACH,MAAM,EAAE,SAAS,UAAU;CAC3B,MAAM,WAAW,IAAiB;CAClC,MAAM,iBAAiB,IAAiB;CAExC,MAAM,UAAU,IAAY;CAC5B,MAAM,aAAa,IAAY;CAC/B,MAAM,YAAY,IAAkB;EAAC,CAAC;EAAG,CAAC;EAAG,CAAC;EAAG,CAAC;EAAG,CAAC;EAAG,CAAC;CAAC,CAAC;CAE5D,IAAI,iBAAiB;CAGrB,MAAM,iBAAkB,MAAM,KAAa,QAAQ,CAAC,CAAC,aAAa;CAClE,MAAM,iBAAiB,MAAM,KAC1B,OAAO,IAAI,CAAC,CACZ,WAAW,CAAC,CACZ,cAAc,CAAC,CACf,KAAK,MAAM,EAAE,YAAY,CAAC;CAE7B,MAAM,YAAY,eAAe;EAE/B,OAAO,iBAAiB,IAAI,IAAI,iBAAiB,CAAC;CACpD,CAAC;CAED,MAAM,YAAY,eAAe;EAC/B,MAAM,kBAAkB,MAAM,KAAK,QAAQ,OAAO;EAClD,OAAO,gBAAgB,SAAS,gBAAgB,IAAI,KAAK,GAAG,KAAK;CACnE,CAAC;CAED,MAAM,QAAQ,eAAe;EAC3B,OAAO,eAAe,OAAO,cAAc,CAAC,CAAC,MAC3C,gBACA,iBAAiB,CACnB;CACF,CAAC;CAED,MAAM,aAAa,eAAwB;EACzC,OAAO,QAAQ,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,QAAQ;GACxC,OAAO,IAAI;EACb,CAAC;CACH,CAAC;CAED,MAAM,OAAO,eAAe;EAC1B,MAAM,eAAe,MAAM,KAAK,QAAQ,OAAO;EAM/C,OAAO;GACL,iBANsB,aAAa,IAAI,KAAK;GAO5C,kBANuB,aAAa,YAMrB;GACf,sBAL2B,aAAa,SAAS,GAAG,OAAO,CAAC,CAAC,YAK1C;EACrB;CACF,CAAC;CAED,MAAM,eAAe,eAAwB;EAC3C,OAAO,MAAM,kBAAkB,UAAU,UAAU,MAAM,WAAY,IAAI,CAAC;CAC5E,CAAC;CAOD,MAAM,eACJ,MACA,EAAE,OAAO,UAAU,kBACP;EACZ,MAAM,EAAE,iBAAiB,kBAAkB,yBACzC,MAAM,IAAI;EACZ,MAAM,SAAS,MAAM,SAAS;EAC9B,IAAI,YAAY,KAAK,YAAY,GAAG;GAClC,MAAM,gCACJ,kBAAkB,SAAS,IACvB,IAAI,kBAAkB,SACtB,kBAAkB;GAExB,IAAI,cAAc,WAAW,KAAK,+BAA+B;IAC/D,KAAK,OAAO;IACZ,OAAO;GACT,OAAO;IACL,KAAK,OACH,wBACC,gCAAiC,cAAc,KAChD,IACA,WAAW;IACb,KAAK,OAAO;GACd;EACF,OAAO;GACL,IAAI,SAAS,kBACX,KAAK,OAAO;QACP;IACL,KAAK,OAAO,QAAQ;IACpB,KAAK,OAAO;GACd;GACA,OAAO;EACT;EACA,OAAO;CACT;CAEA,MAAM,mBACJ,MACA,EAAE,aAAa,YACf,UACG;EACH,MAAM,EAAE,cAAc,kBAAkB;EACxC,MAAM,gBAAgB,MAAM,YAAY;EACxC,MAAM,kBAAkB,YAAY,MAAM;GAAE;GAAO;GAAU;EAAY,CAAC;EAE1E,MAAM,WAAW,KAAK,MAAO,OAAO;EACpC,KAAK,WAAW,cAAc,MAAM,MAAM,EAAE,OAAO,KAAK,OAAO,KAAK,CAAC;EACrE,KAAK,aAAa,CAAC,CAAC,KAAK;EACzB,KAAK,YAAY,UAAU,IAAI;EAC/B,KAAK,WAAW,eAAe,QAAQ;EACvC,KAAK,cAAc,gBAAgB,QAAQ;EAC3C,OAAO;CACT;CAEA,MAAM,kBAAkB,QAAoB;EAC1C,IAAI,MAAM,kBAAkB,QAAQ;GAClC,MAAM,CAAC,OAAO,OAAO,MAAM,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;GAC1D,MAAM,WAAW,aAAa,IAAI,QAAQ,EAAE;GAC5C,IAAI,MAAM,CAAC,UAAU;GACrB,IAAI,MAAM,CAAC,QAAQ;GACnB,IAAI,IAAI,CAAC,UAAU;GACnB,IAAI,IAAI,CAAC,MAAM;EACjB;CACF;CAEA,MAAM,OAAO,eAAe;EAC1B,MAAM,EAAE,SAAS,SAAS,YAAY,mBAAmB;EAEzD,MAAM,SAAS,MAAM,SAAS;EAC9B,MAAM,QAAQ,MAAM,SAAS;EAC7B,MAAM,WAAW;EACjB,IAAI,QAAQ;EAEZ,iBAAiB;GAAE,KAAK;GAAG,QAAQ;EAAE,GAAG,OAAO;GAC7C,WAAW;GACX,mBAAmB,iBAAiB,IAAI;GACxC,aACE,WAAW,WACX,WACC,WAAW,aAAa,WACzB;GACF,KAAK,MAAM,CAAC,CAAC,OAAO,MAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,QAAQ;GACjD,MAAM;GACN,qBAAqB,QACnB,MAAM,SAAS,CAAC,CAAC,IAAI,MAAM,QAAQ,QAAQ;GAC7C,kBAAkB,GAAG,SAAS;IAC5B,IAAI,gBAAgB,GAAG,MAAM,KAAK,GAChC,SAAS;GAEb;GAEA;EACF,CAAC;EAED,IAAI,gBACG;QAAA,IAAI,WAAW,GAAG,WAAW,GAAG,YACnC,IAAI,MAAM,SAAS,CAAC,EAAE,CAAC,OACrB,MAAM,SAAS,CAAC,KAAK;IACnB,MAAM;IACN,MAAM,MAAM,SAAS,CAAC,EAAE,CAAC,MAAO,KAAK;GACvC;EAAA;EAKN,OAAO;CACT,CAAC;CAED,YACQ,MAAM,MACZ,YAAY;EACV,IAAI,MAAM,QAAQ,CAAC,EAAE,SAAS,SAAS,aAAa,GAAG;GACrD,MAAM,SAAS;GACf,MAAM,MAAM;EAEd;CACF,CACF;CAEA,MAAM,QAAQ,YAAY,MAAM,cAAc,CAAC,EAAE,MAAM;CAEvD,MAAM,aAAa,SAA4B;EAC7C,OACE,MAAM,kBAAkB,UACxB,YAAY,KAAK,IAAI,KACrB,gBAAgB,MAAM,MAAM,WAAoB;CAEpD;CAEA,MAAM,mBAAmB,MAAgB,SAAgB;EACvD,IAAI,CAAC,MAAM,OAAO;EAClB,OAAO,MAAM,IAAI,CAAC,CACf,OAAO,MAAM,IAAI,CAAC,CAAC,CACnB,OAAO,MAAM,KAAK,KAAK,OAAO,KAAK,IAAI,CAAC,GAAG,KAAK;CACrD;CAEA,MAAM,iBAAiB,KAAa,WAAmB;EAErD,MAAM,kBAAkB,MAAM,IAAI,CAAC,CAAC;EACpC,MAAM,SAAS,MAAM,SAAS;EAC9B,MAAM,gCACJ,kBAAkB,SAAS,IACvB,IAAI,kBAAkB,SACtB,kBAAkB;EACxB,MAAM,kBAAkB,MAAM,KAAK,UAAU,MAAM,iBAAiB,IAAI;EACxE,OAAO,MAAM,KACV,QAAQ,OAAO,CAAC,CAChB,SAAS,+BAA+B,KAAK,CAAC,CAC9C,IAAI,iBAAiB,KAAK;CAC/B;CAEA,MAAM,mBAAmB,UAAsB;EAC7C,IAAI,CAAC,MAAM,WAAW,WAAW;EAEjC,IAAI,SAAS,MAAM;EACnB,IAAI,OAAO,YAAY,QACrB,SAAS,OAAO,YAAY;EAE9B,IAAI,OAAO,YAAY,OACrB,SAAS,OAAO;EAElB,IAAI,OAAO,YAAY,MAAM;EAE7B,MAAM,MAAO,OAAO,WAAmC,WAAW;EAClE,MAAM,SAAU,OAAgC;EAGhD,IAAI,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU;EAIvC,IAAI,QAAQ,MAAM,OAAO,KAAK,WAAW,MAAM,UAAU,GAAG;GAC1D,QAAQ,QAAQ;GAChB,WAAW,QAAQ;GACnB,KAAK,eAAe;IAClB,WAAW;IACX,SAAS,cAAc,KAAK,MAAM;GACpC,CAAC;EACH;CACF;CAEA,MAAM,kBAAkB,SAAmB;EACzC,OACG,CAAC,MAAM,UAAU,KAAK,MAAM,SAAS,KAAK,YAAY,KAAK,IAAI,KAChE,KAAK;CAET;CAEA,MAAM,eAAe,UAAsB;EACzC,IAAI,kBAAkB,MAAM,UAAU,KAAK,MAAM,kBAAkB,QACjE;EACF,eAAe,OAAO,IAAI;CAC5B;CAEA,MAAM,mBAAmB,UAAsB;EAE7C,IAAI,CADY,MAAM,OAAuB,QAAQ,IAC3C,GAAG;EACb,iBAAiB;CACnB;CAEA,MAAM,iBAAiB,UAAsB;EAE3C,IAAI,CADY,MAAM,OAAuB,QAAQ,IAC3C,GAAG;EACb,iBAAiB;CACnB;CAEA,MAAM,mBAAmB,YAAmB;EAC1C,IAAI,CAAC,MAAM,WAAW,aAAa,CAAC,MAAM,SAAS;GACjD,KAAK,QAAQ;IAAE,SAAS;IAAS,SAAS;GAAK,CAAC;GAChD,KAAK,UAAU,IAAI;EACrB,OAAO;GACL,IAAI,WAAW,MAAM,SACnB,KAAK,QAAQ;IAAE,SAAS,MAAM;IAAS,SAAS;GAAQ,CAAC;QAEzD,KAAK,QAAQ;IAAE,SAAS;IAAS,SAAS,MAAM;GAAQ,CAAC;GAE3D,KAAK,UAAU,KAAK;EACtB;CACF;CAEA,MAAM,kBAAkB,YAAmB;EACzC,MAAM,aAAa,QAAQ,KAAK;EAChC,MAAM,QAAQ,GAAG,QAAQ,KAAK,EAAE,GAAG;EACnC,KAAK,QAAQ;GACX,MAAM,QAAQ,KAAK;GACnB,MAAM;GACN;GACA,MAAM,QAAQ,QAAQ,MAAM;EAC9B,CAAC;CACH;CAEA,MAAM,mBAAmB,SAAgB,aAAsB;EAM7D,KAAK,QALY,WACb,UAAU,MAAM,WAAW,CAAC,CAAC,QAC1B,MAAM,GAAG,QAAQ,MAAM,QAAQ,QAAQ,CAC1C,IACA,UAAU,MAAM,WAAW,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAC5B;CACvB;CAEA,MAAM,kBACJ,OACA,qBAAqB,UAClB;EACH,IAAI,MAAM,UAAU;EACpB,MAAM,SAAU,MAAM,OAAuB,QAAQ,IAAI;EAEzD,IAAI,CAAC,QAAQ;EAEb,MAAM,MAAO,OAAO,WAAmC,WAAW;EAClE,MAAM,SAAU,OAAgC;EAChD,MAAM,OAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;EAE9B,IAAI,KAAK,YAAY,KAAK,SAAS,QAAQ;EAE3C,MAAM,UAAU,cAAc,KAAK,MAAM;EAEzC,QAAQ,MAAM,eAAd;GACE,KAAK;IACH,gBAAgB,OAAO;IACvB;GAEF,KAAK;IACH,KAAK,QAAQ,SAAS,kBAAkB;IACxC;GAEF,KAAK;IACH,eAAe,OAAO;IACtB;GAEF,KAAK,SACH,gBAAgB,SAAS,CAAC,CAAC,KAAK,QAAQ;EAM5C;CACF;CAEA,MAAM,gBAAgB,SAAmB;EACvC,IAAI,MAAM,kBAAkB,QAAQ,OAAO;EAC3C,IAAI,UAAU,MAAM,KAAK,QAAQ,KAAK;EAEtC,IAAI,KAAK,SAAS,cAChB,UAAU,QAAQ,SAAS,GAAG,OAAO;EAGvC,IAAI,KAAK,SAAS,cAChB,UAAU,QAAQ,IAAI,GAAG,OAAO;EAGlC,UAAU,QAAQ,KAAK,OAAO,SAAS,KAAK,MAAa,EAAE,CAAC;EAE5D,IAAI,MAAM,eAAe,CAAC,QAAQ,MAAM,WAAW,GAAG;GACpD,MAAM,aAAc,MAAM,YAAY,IAAI,IAAI,iBAAiB,KAAK,IAAK;GAEzE,OADiB,MAAM,YAAY,SAAS,WAAW,KACzC,CAAC,CAAC,OAAO,SAAS,KAAK;EACvC;EACA,OAAO;CACT;CAEA,OAAO;EACL;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,MAAa,wBACX,OACA,EACE,WACA,mBAEC;CACH,MAAM,KAAK,aAAa,YAAY;CACpC,MAAM,EAAE,MAAM,UAAU;CAExB,MAAM,WAAW,eAAe,CAC9B,GAAG,EAAE,GACL,GAAG,GAAG,aAAa,MAAM,kBAAkB,UAAU,CAAC,MAAM,QAAQ,CACtE,CAAC;CAED,MAAM,aAAa,eAAe,EAAE,+BAA+B,CAAC;CAEpE,MAAM,kBAAkB,SAAmB;EACzC,MAAM,UAAoB,CAAC;EAC3B,IAAI,YAAY,KAAK,IAAI,KAAK,CAAC,KAAK,UAAU;GAC5C,QAAQ,KAAK,WAAW;GACxB,IAAI,KAAK,SAAS,SAChB,QAAQ,KAAK,OAAO;EAExB,OACE,QAAQ,KAAK,KAAK,IAAK;EAGzB,IAAI,UAAU,IAAI,GAChB,QAAQ,KAAK,SAAS;EAGxB,IACE,KAAK,YACJ,YAAY,KAAK,IAAI,KAAK,MAAM,kBAAkB,SACnD;GACA,QAAQ,KAAK,UAAU;GAEvB,IAAI,KAAK,OACP,QAAQ,KAAK,YAAY;GAG3B,IAAI,KAAK,KACP,QAAQ,KAAK,UAAU;EAE3B;EAEA,IAAI,KAAK,YAAY,MAAM,UACzB,QAAQ,KAAK,UAAU;EAGzB,IAAI,KAAK,UACP,QAAQ,KAAK,UAAU;EAGzB,IAAI,KAAK,aACP,QAAQ,KAAK,KAAK,WAAW;EAG/B,OAAO,QAAQ,KAAK,GAAG;CACzB;CAEA,MAAM,aAAa,SAAmB,CACpC,GAAG,EAAE,KAAK,GACV,EAAE,SAAS,aAAa,IAAI,EAAE,CAChC;CAEA,OAAO;EACL;EACA;EACA,iBAAiB,GAAG,EAAE,aAAa;EAEnC;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-basic-date-table.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-basic-date-table.ts"],"sourcesContent":["import { computed, nextTick, ref, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { flatten } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { castArray, isArray } from '@element-plus/utils'\nimport { buildPickerTable } from '../utils'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../types'\nimport type {\n  BasicDateTableEmits,\n  BasicDateTableProps,\n} from '../props/basic-date-table'\n\nconst isNormalDay = (type = '') => {\n  return ['normal', 'today'].includes(type)\n}\n\nexport const useBasicDateTable = (\n  props: BasicDateTableProps,\n  emit: SetupContext<BasicDateTableEmits>['emit']\n) => {\n  const { lang } = useLocale()\n  const tbodyRef = ref<HTMLElement>()\n  const currentCellRef = ref<HTMLElement>()\n  // data\n  const lastRow = ref<number>()\n  const lastColumn = ref<number>()\n  const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n  let focusWithClick = false\n\n  // todo better way to get Day.js locale object\n  const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n  const WEEKS_CONSTANT = props.date\n    .locale('en')\n    .localeData()\n    .weekdaysShort()\n    .map((_) => _.toLowerCase())\n\n  const offsetDay = computed(() => {\n    // Sunday 7(0), cal the left and right offset days, 3217654, such as Monday is -1, the is to adjust the position of the first two rows of dates\n    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek\n  })\n\n  const startDate = computed(() => {\n    const startDayOfMonth = props.date.startOf('month')\n    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n  })\n\n  const WEEKS = computed(() => {\n    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n      firstDayOfWeek,\n      firstDayOfWeek + 7\n    )\n  })\n\n  const hasCurrent = computed<boolean>(() => {\n    return flatten(unref(rows)).some((row) => {\n      return row.isCurrent\n    })\n  })\n\n  const days = computed(() => {\n    const startOfMonth = props.date.startOf('month')\n    const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n    const dateCountOfMonth = startOfMonth.daysInMonth()\n\n    const dateCountOfLastMonth = startOfMonth.subtract(1, 'month').daysInMonth()\n\n    return {\n      startOfMonthDay,\n      dateCountOfMonth,\n      dateCountOfLastMonth,\n    }\n  })\n\n  const selectedDate = computed<Dayjs[]>(() => {\n    return props.selectionMode === 'dates' ? castArray(props.parsedValue!) : []\n  })\n\n  // Return value indicates should the counter be incremented\n  type CellCoordinate = { columnIndex: number; rowIndex: number }\n  type CellMeta = CellCoordinate & {\n    count: number\n  }\n  const setDateText = (\n    cell: DateCell,\n    { count, rowIndex, columnIndex }: CellMeta\n  ): boolean => {\n    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } =\n      unref(days)\n    const offset = unref(offsetDay)\n    if (rowIndex >= 0 && rowIndex <= 1) {\n      const numberOfDaysFromPreviousMonth =\n        startOfMonthDay + offset < 0\n          ? 7 + startOfMonthDay + offset\n          : startOfMonthDay + offset\n\n      if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {\n        cell.text = count\n        return true\n      } else {\n        cell.text =\n          dateCountOfLastMonth -\n          (numberOfDaysFromPreviousMonth - (columnIndex % 7)) +\n          1 +\n          rowIndex * 7\n        cell.type = 'prev-month'\n      }\n    } else {\n      if (count <= dateCountOfMonth) {\n        cell.text = count\n      } else {\n        cell.text = count - dateCountOfMonth\n        cell.type = 'next-month'\n      }\n      return true\n    }\n    return false\n  }\n\n  const setCellMetadata = (\n    cell: DateCell,\n    { columnIndex, rowIndex }: CellCoordinate,\n    count: number\n  ) => {\n    const { disabledDate, cellClassName } = props\n    const _selectedDate = unref(selectedDate)\n    const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex })\n\n    const cellDate = cell.dayjs!.toDate()\n    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, 'day'))\n    cell.isSelected = !!cell.selected\n    cell.isCurrent = isCurrent(cell)\n    cell.disabled = disabledDate?.(cellDate)\n    cell.customClass = cellClassName?.(cellDate)\n    return shouldIncrement\n  }\n\n  const setRowMetadata = (row: DateCell[]) => {\n    if (props.selectionMode === 'week') {\n      const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6]\n      const isActive = isWeekActive(row[start + 1])\n      row[start].inRange = isActive\n      row[start].start = isActive\n      row[end].inRange = isActive\n      row[end].end = isActive\n    }\n  }\n\n  const rows = computed(() => {\n    const { minDate, maxDate, rangeState, showWeekNumber } = props\n\n    const offset = unref(offsetDay)\n    const rows_ = unref(tableRows)\n    const dateUnit = 'day'\n    let count = 1\n\n    buildPickerTable({ row: 6, column: 7 }, rows_, {\n      startDate: minDate,\n      columnIndexOffset: showWeekNumber ? 1 : 0,\n      nextEndDate:\n        rangeState.endDate ||\n        maxDate ||\n        (rangeState.selecting && minDate) ||\n        null,\n      now: dayjs().locale(unref(lang)).startOf(dateUnit),\n      unit: dateUnit,\n      relativeDateGetter: (idx: number) =>\n        unref(startDate).add(idx - offset, dateUnit),\n      setCellMetadata: (...args) => {\n        if (setCellMetadata(...args, count)) {\n          count += 1\n        }\n      },\n\n      setRowMetadata,\n    })\n\n    if (showWeekNumber) {\n      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {\n        if (rows_[rowIndex][1].dayjs) {\n          rows_[rowIndex][0] = {\n            type: 'week',\n            text: rows_[rowIndex][1].dayjs!.week(),\n          }\n        }\n      }\n    }\n\n    return rows_\n  })\n\n  watch(\n    () => props.date,\n    async () => {\n      if (unref(tbodyRef)?.contains(document.activeElement)) {\n        await nextTick()\n        await focus()\n        // currentCellRef.value?.focus()\n      }\n    }\n  )\n\n  const focus = async () => unref(currentCellRef)?.focus()\n\n  const isCurrent = (cell: DateCell): boolean => {\n    return (\n      props.selectionMode === 'date' &&\n      isNormalDay(cell.type) &&\n      cellMatchesDate(cell, props.parsedValue as Dayjs)\n    )\n  }\n\n  const cellMatchesDate = (cell: DateCell, date: Dayjs) => {\n    if (!date) return false\n    return dayjs(date)\n      .locale(unref(lang))\n      .isSame(props.date.date(Number(cell.text)), 'day')\n  }\n\n  const getDateOfCell = (row: number, column: number) => {\n    //NOTE: because relying of startDate is not reliable in every weekStart (especially 2, 3); we re-create it\n    const startOfMonthDay = unref(days).startOfMonthDay\n    const offset = unref(offsetDay)\n    const numberOfDaysFromPreviousMonth =\n      startOfMonthDay + offset < 0\n        ? 7 + startOfMonthDay + offset\n        : startOfMonthDay + offset\n    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0))\n    return props.date\n      .startOf('month')\n      .subtract(numberOfDaysFromPreviousMonth, 'day')\n      .add(offsetFromStart, 'day')\n  }\n\n  const handleMouseMove = (event: MouseEvent) => {\n    if (!props.rangeState.selecting) return\n\n    let target = event.target as HTMLElement\n    if (target.tagName === 'SPAN') {\n      target = target.parentNode?.parentNode as HTMLElement\n    }\n    if (target.tagName === 'DIV') {\n      target = target.parentNode as HTMLElement\n    }\n    if (target.tagName !== 'TD') return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n\n    // can not select disabled date\n    if (unref(rows)[row][column].disabled) return\n\n    // only update rangeState when mouse moves to a new cell\n    // this avoids frequent Date object creation and improves performance\n    if (row !== unref(lastRow) || column !== unref(lastColumn)) {\n      lastRow.value = row\n      lastColumn.value = column\n      emit('changerange', {\n        selecting: true,\n        endDate: getDateOfCell(row, column),\n      })\n    }\n  }\n\n  const isSelectedCell = (cell: DateCell) => {\n    return (\n      (!unref(hasCurrent) && cell?.text === 1 && isNormalDay(cell.type)) ||\n      cell.isCurrent\n    )\n  }\n\n  const handleFocus = (event: FocusEvent) => {\n    if (focusWithClick || unref(hasCurrent) || props.selectionMode !== 'date')\n      return\n    handlePickDate(event, true)\n  }\n\n  const handleMouseDown = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = true\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = false\n  }\n\n  const handleRangePick = (newDate: Dayjs) => {\n    if (!props.rangeState.selecting || !props.minDate) {\n      emit('pick', { minDate: newDate, maxDate: null })\n      emit('select', true)\n    } else {\n      if (newDate >= props.minDate) {\n        emit('pick', { minDate: props.minDate, maxDate: newDate })\n      } else {\n        emit('pick', { minDate: newDate, maxDate: props.minDate })\n      }\n      emit('select', false)\n    }\n  }\n\n  const handleWeekPick = (newDate: Dayjs) => {\n    const weekNumber = newDate.week()\n    const value = `${newDate.year()}w${weekNumber}`\n    emit('pick', {\n      year: newDate.year(),\n      week: weekNumber,\n      value,\n      date: newDate.startOf('week'),\n    })\n  }\n\n  const handleDatesPick = (newDate: Dayjs, selected: boolean) => {\n    const newValue = selected\n      ? castArray(props.parsedValue).filter(\n          (d) => d?.valueOf() !== newDate.valueOf()\n        )\n      : castArray(props.parsedValue).concat([newDate])\n    emit('pick', newValue)\n  }\n\n  const handlePickDate = (\n    event: FocusEvent | KeyboardEvent | MouseEvent,\n    isKeyboardMovement = false\n  ) => {\n    if (props.disabled) return\n    const target = (event.target as HTMLElement).closest('td')\n\n    if (!target) return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n    const cell = unref(rows)[row][column]\n\n    if (cell.disabled || cell.type === 'week') return\n\n    const newDate = getDateOfCell(row, column)\n\n    switch (props.selectionMode) {\n      case 'range': {\n        handleRangePick(newDate)\n        break\n      }\n      case 'date': {\n        emit('pick', newDate, isKeyboardMovement)\n        break\n      }\n      case 'week': {\n        handleWeekPick(newDate)\n        break\n      }\n      case 'dates': {\n        handleDatesPick(newDate, !!cell.selected)\n        break\n      }\n      default: {\n        break\n      }\n    }\n  }\n\n  const isWeekActive = (cell: DateCell) => {\n    if (props.selectionMode !== 'week') return false\n    let newDate = props.date.startOf('day')\n\n    if (cell.type === 'prev-month') {\n      newDate = newDate.subtract(1, 'month')\n    }\n\n    if (cell.type === 'next-month') {\n      newDate = newDate.add(1, 'month')\n    }\n\n    newDate = newDate.date(Number.parseInt(cell.text as any, 10))\n\n    if (props.parsedValue && !isArray(props.parsedValue)) {\n      const dayOffset = ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n      const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n      return weekDate.isSame(newDate, 'day')\n    }\n    return false\n  }\n\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (props.selectionMode !== 'dates') return\n    event.preventDefault()\n    event.stopPropagation()\n    handlePickDate(event)\n  }\n  return {\n    WEEKS,\n    rows,\n    tbodyRef,\n    currentCellRef,\n\n    // cellMatchesDate,\n    // getDateOfCell,\n    focus,\n    isCurrent,\n    isWeekActive,\n    isSelectedCell,\n\n    handlePickDate,\n    handleMouseUp,\n    handleMouseDown,\n    handleMouseMove,\n    handleFocus,\n    handleKeydown,\n  }\n}\n\nexport const useBasicDateTableDOM = (\n  props: BasicDateTableProps,\n  {\n    isCurrent,\n    isWeekActive,\n  }: Pick<ReturnType<typeof useBasicDateTable>, 'isCurrent' | 'isWeekActive'>\n) => {\n  const ns = useNamespace('date-table')\n  const { t } = useLocale()\n\n  const tableKls = computed(() => [\n    ns.b(),\n    ns.is('week-mode', props.selectionMode === 'week' && !props.disabled),\n  ])\n\n  const tableLabel = computed(() => t('el.datepicker.dateTablePrompt'))\n\n  const getCellClasses = (cell: DateCell) => {\n    const classes: string[] = []\n    if (isNormalDay(cell.type) && !cell.disabled) {\n      classes.push('available')\n      if (cell.type === 'today') {\n        classes.push('today')\n      }\n    } else {\n      classes.push(cell.type!)\n    }\n\n    if (isCurrent(cell)) {\n      classes.push('current')\n    }\n\n    if (\n      cell.inRange &&\n      (isNormalDay(cell.type) || props.selectionMode === 'week')\n    ) {\n      classes.push('in-range')\n\n      if (cell.start) {\n        classes.push('start-date')\n      }\n\n      if (cell.end) {\n        classes.push('end-date')\n      }\n    }\n\n    if (cell.disabled || props.disabled) {\n      classes.push('disabled')\n    }\n\n    if (cell.selected) {\n      classes.push('selected')\n    }\n\n    if (cell.customClass) {\n      classes.push(cell.customClass)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getRowKls = (cell: DateCell) => [\n    ns.e('row'),\n    { current: isWeekActive(cell) },\n  ]\n\n  return {\n    tableKls,\n    tableLabel,\n    weekHeaderClass: ns.e('week-header'),\n\n    getCellClasses,\n    getRowKls,\n    t,\n  }\n}\n"],"mappings":"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"}

package/es/components/date-picker-panel/src/date-picker-com/basic-date-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"basic-date-table.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n          @keydown.enter=\"handleKeydown\"\n          @keydown.space=\"handleKeydown\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n  handleKeydown,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":""}

package/es/components/date-picker-panel/src/date-picker-com/basic-date-table.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { basicDateTableEmits, basicDateTableProps } from "../props/basic-date-table.mjs";
 import { useBasicDateTable, useBasicDateTableDOM } from "../composables/use-basic-date-table.mjs";
 import basic_cell_render_default from "./basic-cell-render.mjs";
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, renderList, toDisplayString, unref } from "vue";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, renderList, toDisplayString, unref, withKeys } from "vue";
 //#region ../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-label"];
@@ -17,7 +17,7 @@ var basic_date_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	emits: basicDateTableEmits,
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
-		const { WEEKS, rows, tbodyRef, currentCellRef, focus, isCurrent, isWeekActive, isSelectedCell, handlePickDate, handleMouseUp, handleMouseDown, handleMouseMove, handleFocus } = useBasicDateTable(props, __emit);
+		const { WEEKS, rows, tbodyRef, currentCellRef, focus, isCurrent, isWeekActive, isSelectedCell, handlePickDate, handleMouseUp, handleMouseDown, handleMouseMove, handleFocus, handleKeydown } = useBasicDateTable(props, __emit);
 		const { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } = useBasicDateTableDOM(props, {
 			isCurrent,
 			isWeekActive
@@ -38,10 +38,10 @@ focus });
 				cellspacing: "0",
 				cellpadding: "0",
 				role: "grid",
-				onClick: _cache[1] || (_cache[1] = (...args) => unref(handlePickDate) && unref(handlePickDate)(...args)),
-				onMousemove: _cache[2] || (_cache[2] = (...args) => unref(handleMouseMove) && unref(handleMouseMove)(...args)),
-				onMousedown: _cache[3] || (_cache[3] = (...args) => unref(handleMouseDown) && unref(handleMouseDown)(...args)),
-				onMouseup: _cache[4] || (_cache[4] = (...args) => unref(handleMouseUp) && unref(handleMouseUp)(...args))
+				onClick: _cache[3] || (_cache[3] = (...args) => unref(handlePickDate) && unref(handlePickDate)(...args)),
+				onMousemove: _cache[4] || (_cache[4] = (...args) => unref(handleMouseMove) && unref(handleMouseMove)(...args)),
+				onMousedown: _cache[5] || (_cache[5] = (...args) => unref(handleMouseDown) && unref(handleMouseDown)(...args)),
+				onMouseup: _cache[6] || (_cache[6] = (...args) => unref(handleMouseUp) && unref(handleMouseUp)(...args))
 			}, [createElementVNode("tbody", {
 				ref_key: "tbodyRef",
 				ref: tbodyRef
@@ -69,7 +69,8 @@ focus });
 						"aria-selected": cell.isCurrent,
 						tabindex: _ctx.disabled ? void 0 : unref(isSelectedCell)(cell) ? 0 : -1,
 						"aria-disabled": _ctx.disabled,
-						onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args))
+						onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+						onKeydown: [_cache[1] || (_cache[1] = withKeys((...args) => unref(handleKeydown) && unref(handleKeydown)(...args), ["enter"])), _cache[2] || (_cache[2] = withKeys((...args) => unref(handleKeydown) && unref(handleKeydown)(...args), ["space"]))]
 					}, [createVNode(unref(basic_cell_render_default), { cell }, null, 8, ["cell"])], 42, _hoisted_3);
 				}), 128))], 2);
 			}), 128))], 512)], 42, _hoisted_1);

package/es/components/date-picker-panel/src/date-picker-com/basic-date-table.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.vue_vue_type_script_setup_true_lang.mjs","names":["showWeekNumber","disabled"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAgEA,MAAM,QAAQ;EAGd,MAAM,EACJ,OACA,MACA,UACA,gBAEA,OACA,WACA,cACA,gBAEA,gBACA,eACA,iBACA,iBACA,gBACE,kBAAkB,OAAO,MAAI;EACjC,MAAM,EAAE,YAAY,UAAU,gBAAgB,WAAW,iBAAiB,MACxE,qBAAqB,OAAO;GAC1B;GACA;EACF,CAAC;EACH,IAAI,eAAe;EAEnB,sBAAsB;GACpB,eAAe;EACjB,CAAC;EAED,SAAa;;;;AAIX,MACF,CAAC;;GAnGC,OAAA,UAAA,GAAA,mBAgDQ,SAAA;IA/CL,cAAY,MAAA,UAAA;IACZ,OAAK,eAAE,MAAA,QAAA,CAAQ;IAChB,aAAY;IACZ,aAAY;IACZ,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAE,GAAA,SAAA,MAAA,cAAA,KAAA,MAAA,cAAA,CAAA,CAAA,GAAA,IAAA;IACP,aAAS,OAAA,OAAA,OAAA,MAAE,GAAA,SAAA,MAAA,eAAA,KAAA,MAAA,eAAA,CAAA,CAAA,GAAA,IAAA;IACX,aAAS,OAAA,OAAA,OAAA,MAAE,GAAA,SAAA,MAAA,eAAA,KAAA,MAAA,eAAA,CAAA,CAAA,GAAA,IAAA;IACX,WAAO,OAAA,OAAA,OAAA,MAAE,GAAA,SAAA,MAAA,aAAA,KAAA,MAAA,aAAA,CAAA,CAAA,GAAA,IAAA;GAEV,GAAA,CAAA,mBAoCQ,SAAA;IApCG,SAAA;IAAJ,KAAI;GACT,GAAA,CAAA,mBAUK,MAAA,MAAA,CATOA,KAAAA,kBAAV,UAAA,GAAA,mBAAiE,MAAA;;IAAvC,OAAM;IAAO,OAAK,eAAE,MAAA,eAAA,CAAe;GAC7D,GAAA,MAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,IAAA,UAAA,IAAA,GAAA,mBAOK,UAAA,MAAA,WANmB,MAAA,KAAA,IAAd,MAAM,QAAG;IADnB,OAAA,UAAA,GAAA,mBAOK,MAAA;KALG;KACL,cAAY,MAAA,CAAA,CAAC,CAAA,6BAA8B,IAAI;KAChD,OAAM;IAEH,GAAA,gBAAA,MAAA,CAAA,CAAC,CAAA,yBAA0B,IAAI,CAAA,GAAA,GAAA,UAAA;GAGtC,CAAA,GAAA,GAAA,EAAA,CAAA,IAAA,UAAA,IAAA,GAAA,mBAuBK,UAAA,MAAA,WAtBqB,MAAA,IAAA,IAAhB,KAAK,WAAM;IADrB,OAAA,UAAA,GAAA,mBAuBK,MAAA;KArBF,KAAK;KACL,OAAK,eAAE,MAAA,SAAA,CAAS,CAACA,KAAAA,iBAAiB,IAAG,KAAM,IAAG,EAAA,CAAA;IAE/C,GAAA,EAAA,UAAA,IAAA,GAAA,mBAiBK,UAAA,MAAA,WAhByB,MAApB,MAAM,cAAS;KADzB,OAAA,UAAA,GAAA,mBAiBK,MAAA;MAfF,KAAG,GAAK,OAAM,GAAI;;MAClB,MAAmB,OAAsB,CAAA,MAAA,YAAA,KAA8B,MAAA,cAAA,CAAc,CAAC,IAAI,MAAoB,eAAA,QAAiB;MAM/H,OAAK,eAAE,MAAA,cAAA,CAAc,CAAC,IAAI,CAAA;MAC1B,gBAAc,KAAK,YAAS,SAAY,KAAA;MACxC,iBAAe,KAAK;MACpB,UAAUC,KAAAA,WAAW,KAAA,IAAY,MAAA,cAAA,CAAc,CAAC,IAAI,IAAA,IAAA;MACpD,iBAAeA,KAAAA;MACf,SAAK,OAAA,OAAA,OAAA,MAAE,GAAA,SAAA,MAAA,WAAA,KAAA,MAAA,WAAA,CAAA,CAAA,GAAA,IAAA;KAER,GAAA,CAAA,YAAoC,MAAA,yBAAA,GAAA,EAAR,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}
+{"version":3,"file":"basic-date-table.vue_vue_type_script_setup_true_lang.mjs","names":["showWeekNumber","disabled"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n          @keydown.enter=\"handleKeydown\"\n          @keydown.space=\"handleKeydown\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n  handleKeydown,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":"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"}

package/es/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -28,7 +28,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -56,7 +56,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/date-picker-panel/src/date-picker-com/panel-date-range.vue.d.ts

@@ -41,7 +41,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -72,7 +72,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/date-picker-panel/src/date-picker-panel.d.ts

@@ -25,7 +25,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: BooleanConstructor;
   readonly showFooter: BooleanConstructor;
   readonly showWeekNumber: BooleanConstructor;
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -65,7 +65,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly isRange: BooleanConstructor;
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change")[], "update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change")[], "clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly disabledDate: {
     readonly type: _$vue.PropType<Function>;
     readonly required: false;
@@ -85,7 +85,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: BooleanConstructor;
   readonly showFooter: BooleanConstructor;
   readonly showWeekNumber: BooleanConstructor;
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -126,13 +126,13 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
-  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/date-picker-panel/src/panel-utils.d.ts

@@ -21,7 +21,7 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -76,7 +76,7 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -122,7 +122,7 @@ declare const getPanel: (type: DatePickerType) => ({
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -280,7 +280,7 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -329,7 +329,7 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -371,7 +371,7 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/date-picker-panel/src/props/date-picker-panel.d.ts

@@ -25,7 +25,7 @@ declare const datePickerPanelProps: {
   readonly showConfirm: BooleanConstructor;
   readonly showFooter: BooleanConstructor;
   readonly showWeekNumber: BooleanConstructor;
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

package/es/components/date-picker-panel/src/props/panel-date-pick.d.ts

@@ -15,7 +15,7 @@ declare const panelDatePickProps: {
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/date-picker-panel/src/props/panel-date-range.d.ts

@@ -20,7 +20,7 @@ declare const panelDateRangeProps: {
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/date-picker-panel/src/props/shared.d.ts

@@ -57,7 +57,7 @@ declare const datePickerSharedProps: {
 };
 declare const panelSharedProps: {
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/descriptions/src/description-item.d.ts

@@ -15,9 +15,9 @@ declare const descriptionItemProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -37,9 +37,9 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -58,9 +58,9 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -74,7 +74,7 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   label: string;
   span: number;
   rowspan: number;
-  align: EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>;
+  align: EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>;
   labelClassName: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type DescriptionItemProps = ExtractPropTypes<typeof descriptionItemProps>;

package/es/components/dialog/src/dialog.vue.d.ts

@@ -23,17 +23,17 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   resetPosition: () => void;
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  close: () => void;
   "update:modelValue": (value: boolean) => void;
   open: () => void;
-  close: () => void;
   opened: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
+  onClose?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onOpen?: (() => any) | undefined;
-  onClose?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;

package/es/components/divider/src/divider.d.ts

@@ -23,7 +23,7 @@ interface DividerProps {
  */
 declare const dividerProps: {
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly contentPosition: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, "center", boolean>;
+  readonly contentPosition: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
   readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };
 /**