a910431fd474bcbfac20f92fe79de68e372d047e4f69c9f657717b655640af73a2b5b02077b207d6470aa10a19d3b2aa67fc4f7ca896892b37c1a32aef6b9e 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. 'use strict';
  2. Object.defineProperty(exports, '__esModule', { value: true });
  3. var vue = require('vue');
  4. var dayjs = require('dayjs');
  5. var localeData = require('dayjs/plugin/localeData.js');
  6. var dateTable = require('./date-table.js');
  7. var date = require('../../../constants/date.js');
  8. var index = require('../../../hooks/use-locale/index.js');
  9. var utils = require('../../time-picker/src/utils.js');
  10. function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
  11. var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
  12. var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
  13. const useDateTable = (props, emit) => {
  14. dayjs__default["default"].extend(localeData__default["default"]);
  15. const firstDayOfWeek = dayjs__default["default"].localeData().firstDayOfWeek();
  16. const { t, lang } = index.useLocale();
  17. const now = dayjs__default["default"]().locale(lang.value);
  18. const isInRange = vue.computed(() => !!props.range && !!props.range.length);
  19. const rows = vue.computed(() => {
  20. let days = [];
  21. if (isInRange.value) {
  22. const [start, end] = props.range;
  23. const currentMonthRange = utils.rangeArr(end.date() - start.date() + 1).map((index) => ({
  24. text: start.date() + index,
  25. type: "current"
  26. }));
  27. let remaining = currentMonthRange.length % 7;
  28. remaining = remaining === 0 ? 0 : 7 - remaining;
  29. const nextMonthRange = utils.rangeArr(remaining).map((_, index) => ({
  30. text: index + 1,
  31. type: "next"
  32. }));
  33. days = currentMonthRange.concat(nextMonthRange);
  34. } else {
  35. const firstDay = props.date.startOf("month").day();
  36. const prevMonthDays = dateTable.getPrevMonthLastDays(props.date, (firstDay - firstDayOfWeek + 7) % 7).map((day) => ({
  37. text: day,
  38. type: "prev"
  39. }));
  40. const currentMonthDays = dateTable.getMonthDays(props.date).map((day) => ({
  41. text: day,
  42. type: "current"
  43. }));
  44. days = [...prevMonthDays, ...currentMonthDays];
  45. const remaining = 7 - (days.length % 7 || 7);
  46. const nextMonthDays = utils.rangeArr(remaining).map((_, index) => ({
  47. text: index + 1,
  48. type: "next"
  49. }));
  50. days = days.concat(nextMonthDays);
  51. }
  52. return dateTable.toNestedArr(days);
  53. });
  54. const weekDays = vue.computed(() => {
  55. const start = firstDayOfWeek;
  56. if (start === 0) {
  57. return date.WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`));
  58. } else {
  59. return date.WEEK_DAYS.slice(start).concat(date.WEEK_DAYS.slice(0, start)).map((_) => t(`el.datepicker.weeks.${_}`));
  60. }
  61. });
  62. const getFormattedDate = (day, type) => {
  63. switch (type) {
  64. case "prev":
  65. return props.date.startOf("month").subtract(1, "month").date(day);
  66. case "next":
  67. return props.date.startOf("month").add(1, "month").date(day);
  68. case "current":
  69. return props.date.date(day);
  70. }
  71. };
  72. const handlePickDay = ({ text, type }) => {
  73. const date = getFormattedDate(text, type);
  74. emit("pick", date);
  75. };
  76. const getSlotData = ({ text, type }) => {
  77. const day = getFormattedDate(text, type);
  78. return {
  79. isSelected: day.isSame(props.selectedDay),
  80. type: `${type}-month`,
  81. day: day.format("YYYY-MM-DD"),
  82. date: day.toDate()
  83. };
  84. };
  85. return {
  86. now,
  87. isInRange,
  88. rows,
  89. weekDays,
  90. getFormattedDate,
  91. handlePickDay,
  92. getSlotData
  93. };
  94. };
  95. exports.useDateTable = useDateTable;
  96. //# sourceMappingURL=use-date-table.js.map