12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- import { getValue, updateValues } from '../utils/miscUtil';
- import { getClosingViewDate, isSameYear, isSameMonth, isSameDecade } from '../utils/dateUtil';
- import { watchEffect, computed, ref } from 'vue';
- function getStartEndDistance(startDate, endDate, picker, generateConfig) {
- var startNext = getClosingViewDate(startDate, picker, generateConfig, 1);
- function getDistance(compareFunc) {
- if (compareFunc(startDate, endDate)) {
- return 'same';
- }
- if (compareFunc(startNext, endDate)) {
- return 'closing';
- }
- return 'far';
- }
- switch (picker) {
- case 'year':
- return getDistance(function (start, end) {
- return isSameDecade(generateConfig, start, end);
- });
- case 'quarter':
- case 'month':
- return getDistance(function (start, end) {
- return isSameYear(generateConfig, start, end);
- });
- default:
- return getDistance(function (start, end) {
- return isSameMonth(generateConfig, start, end);
- });
- }
- }
- function getRangeViewDate(values, index, picker, generateConfig) {
- var startDate = getValue(values, 0);
- var endDate = getValue(values, 1);
- if (index === 0) {
- return startDate;
- }
- if (startDate && endDate) {
- var distance = getStartEndDistance(startDate, endDate, picker, generateConfig);
- switch (distance) {
- case 'same':
- return startDate;
- case 'closing':
- return startDate;
- default:
- return getClosingViewDate(endDate, picker, generateConfig, -1);
- }
- }
- return startDate;
- }
- export default function useRangeViewDates(_ref) {
- var values = _ref.values,
- picker = _ref.picker,
- defaultDates = _ref.defaultDates,
- generateConfig = _ref.generateConfig;
- var defaultViewDates = ref([getValue(defaultDates, 0), getValue(defaultDates, 1)]);
- var viewDates = ref(null);
- var startDate = computed(function () {
- return getValue(values.value, 0);
- });
- var endDate = computed(function () {
- return getValue(values.value, 1);
- });
- var getViewDate = function getViewDate(index) {
- // If set default view date, use it
- if (defaultViewDates.value[index]) {
- return defaultViewDates.value[index];
- }
- return getValue(viewDates.value, index) || getRangeViewDate(values.value, index, picker.value, generateConfig.value) || startDate.value || endDate.value || generateConfig.value.getNow();
- };
- var startViewDate = ref(null);
- var endViewDate = ref(null);
- watchEffect(function () {
- startViewDate.value = getViewDate(0);
- endViewDate.value = getViewDate(1);
- });
- function setViewDate(viewDate, index) {
- if (viewDate) {
- var newViewDates = updateValues(viewDates.value, viewDate, index);
- // Set view date will clean up default one
- // Should always be an array
- defaultViewDates.value = updateValues(defaultViewDates.value, null, index) || [null, null];
- // Reset another one when not have value
- var anotherIndex = (index + 1) % 2;
- if (!getValue(values.value, anotherIndex)) {
- newViewDates = updateValues(newViewDates, viewDate, anotherIndex);
- }
- viewDates.value = newViewDates;
- } else if (startDate.value || endDate.value) {
- // Reset all when has values when `viewDate` is `null` which means from open trigger
- viewDates.value = null;
- }
- }
- return [startViewDate, endViewDate, setViewDate];
- }
|