useRangeViewDates.js 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. import { getValue, updateValues } from '../utils/miscUtil';
  2. import { getClosingViewDate, isSameYear, isSameMonth, isSameDecade } from '../utils/dateUtil';
  3. import { watchEffect, computed, ref } from 'vue';
  4. function getStartEndDistance(startDate, endDate, picker, generateConfig) {
  5. var startNext = getClosingViewDate(startDate, picker, generateConfig, 1);
  6. function getDistance(compareFunc) {
  7. if (compareFunc(startDate, endDate)) {
  8. return 'same';
  9. }
  10. if (compareFunc(startNext, endDate)) {
  11. return 'closing';
  12. }
  13. return 'far';
  14. }
  15. switch (picker) {
  16. case 'year':
  17. return getDistance(function (start, end) {
  18. return isSameDecade(generateConfig, start, end);
  19. });
  20. case 'quarter':
  21. case 'month':
  22. return getDistance(function (start, end) {
  23. return isSameYear(generateConfig, start, end);
  24. });
  25. default:
  26. return getDistance(function (start, end) {
  27. return isSameMonth(generateConfig, start, end);
  28. });
  29. }
  30. }
  31. function getRangeViewDate(values, index, picker, generateConfig) {
  32. var startDate = getValue(values, 0);
  33. var endDate = getValue(values, 1);
  34. if (index === 0) {
  35. return startDate;
  36. }
  37. if (startDate && endDate) {
  38. var distance = getStartEndDistance(startDate, endDate, picker, generateConfig);
  39. switch (distance) {
  40. case 'same':
  41. return startDate;
  42. case 'closing':
  43. return startDate;
  44. default:
  45. return getClosingViewDate(endDate, picker, generateConfig, -1);
  46. }
  47. }
  48. return startDate;
  49. }
  50. export default function useRangeViewDates(_ref) {
  51. var values = _ref.values,
  52. picker = _ref.picker,
  53. defaultDates = _ref.defaultDates,
  54. generateConfig = _ref.generateConfig;
  55. var defaultViewDates = ref([getValue(defaultDates, 0), getValue(defaultDates, 1)]);
  56. var viewDates = ref(null);
  57. var startDate = computed(function () {
  58. return getValue(values.value, 0);
  59. });
  60. var endDate = computed(function () {
  61. return getValue(values.value, 1);
  62. });
  63. var getViewDate = function getViewDate(index) {
  64. // If set default view date, use it
  65. if (defaultViewDates.value[index]) {
  66. return defaultViewDates.value[index];
  67. }
  68. return getValue(viewDates.value, index) || getRangeViewDate(values.value, index, picker.value, generateConfig.value) || startDate.value || endDate.value || generateConfig.value.getNow();
  69. };
  70. var startViewDate = ref(null);
  71. var endViewDate = ref(null);
  72. watchEffect(function () {
  73. startViewDate.value = getViewDate(0);
  74. endViewDate.value = getViewDate(1);
  75. });
  76. function setViewDate(viewDate, index) {
  77. if (viewDate) {
  78. var newViewDates = updateValues(viewDates.value, viewDate, index);
  79. // Set view date will clean up default one
  80. // Should always be an array
  81. defaultViewDates.value = updateValues(defaultViewDates.value, null, index) || [null, null];
  82. // Reset another one when not have value
  83. var anotherIndex = (index + 1) % 2;
  84. if (!getValue(values.value, anotherIndex)) {
  85. newViewDates = updateValues(newViewDates, viewDate, anotherIndex);
  86. }
  87. viewDates.value = newViewDates;
  88. } else if (startDate.value || endDate.value) {
  89. // Reset all when has values when `viewDate` is `null` which means from open trigger
  90. viewDates.value = null;
  91. }
  92. }
  93. return [startViewDate, endViewDate, setViewDate];
  94. }