@aplus-frontend/antdv
Version:
Vue basic component library maintained based on ant-design-vue
92 lines (91 loc) • 3.5 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useRangeViewDates;
var _miscUtil = require("../utils/miscUtil");
var _dateUtil = require("../utils/dateUtil");
var _vue = require("vue");
function getStartEndDistance(startDate, endDate, picker, generateConfig) {
const startNext = (0, _dateUtil.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((start, end) => (0, _dateUtil.isSameDecade)(generateConfig, start, end));
case 'quarter':
case 'month':
return getDistance((start, end) => (0, _dateUtil.isSameYear)(generateConfig, start, end));
default:
return getDistance((start, end) => (0, _dateUtil.isSameMonth)(generateConfig, start, end));
}
}
function getRangeViewDate(values, index, picker, generateConfig) {
const startDate = (0, _miscUtil.getValue)(values, 0);
const endDate = (0, _miscUtil.getValue)(values, 1);
if (index === 0) {
return startDate;
}
if (startDate && endDate) {
const distance = getStartEndDistance(startDate, endDate, picker, generateConfig);
switch (distance) {
case 'same':
return startDate;
case 'closing':
return startDate;
default:
return (0, _dateUtil.getClosingViewDate)(endDate, picker, generateConfig, -1);
}
}
return startDate;
}
function useRangeViewDates(_ref) {
let {
values,
picker,
defaultDates,
generateConfig
} = _ref;
const defaultViewDates = (0, _vue.ref)([(0, _miscUtil.getValue)(defaultDates, 0), (0, _miscUtil.getValue)(defaultDates, 1)]);
const viewDates = (0, _vue.ref)(null);
const startDate = (0, _vue.computed)(() => (0, _miscUtil.getValue)(values.value, 0));
const endDate = (0, _vue.computed)(() => (0, _miscUtil.getValue)(values.value, 1));
const getViewDate = index => {
// If set default view date, use it
if (defaultViewDates.value[index]) {
return defaultViewDates.value[index];
}
return (0, _miscUtil.getValue)(viewDates.value, index) || getRangeViewDate(values.value, index, picker.value, generateConfig.value) || startDate.value || endDate.value || generateConfig.value.getNow();
};
const startViewDate = (0, _vue.ref)(null);
const endViewDate = (0, _vue.ref)(null);
(0, _vue.watchEffect)(() => {
startViewDate.value = getViewDate(0);
endViewDate.value = getViewDate(1);
});
function setViewDate(viewDate, index) {
if (viewDate) {
let newViewDates = (0, _miscUtil.updateValues)(viewDates.value, viewDate, index);
// Set view date will clean up default one
// Should always be an array
defaultViewDates.value = (0, _miscUtil.updateValues)(defaultViewDates.value, null, index) || [null, null];
// Reset another one when not have value
const anotherIndex = (index + 1) % 2;
if (!(0, _miscUtil.getValue)(values.value, anotherIndex)) {
newViewDates = (0, _miscUtil.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];
}
;