root
89 lines
4.1 KiB
JavaScript
89 lines
4.1 KiB
JavaScript
import { isArray, isString } from "../../../utils/types.mjs";
|
|
import { rangeArr } from "../../time-picker/src/utils.mjs";
|
|
import dayjs from "dayjs";
|
|
|
|
//#region ../../packages/components/date-picker-panel/src/utils.ts
|
|
const isValidRange = (range) => {
|
|
if (!isArray(range)) return false;
|
|
const [left, right] = range;
|
|
return dayjs.isDayjs(left) && dayjs.isDayjs(right) && dayjs(left).isValid() && dayjs(right).isValid() && left.isSameOrBefore(right);
|
|
};
|
|
const getDefaultValue = (defaultValue, { lang, step = 1, unit, unlinkPanels }) => {
|
|
let start;
|
|
if (isArray(defaultValue)) {
|
|
let [left, right] = defaultValue.map((d) => dayjs(d).locale(lang));
|
|
if (!unlinkPanels) right = left.add(step, unit);
|
|
return [left, right];
|
|
} else if (defaultValue) start = dayjs(defaultValue);
|
|
else start = dayjs();
|
|
start = start.locale(lang);
|
|
return [start, start.add(step, unit)];
|
|
};
|
|
const buildPickerTable = (dimension, rows, { columnIndexOffset, startDate, nextEndDate, now, unit, relativeDateGetter, setCellMetadata, setRowMetadata }) => {
|
|
for (let rowIndex = 0; rowIndex < dimension.row; rowIndex++) {
|
|
const row = rows[rowIndex];
|
|
for (let columnIndex = 0; columnIndex < dimension.column; columnIndex++) {
|
|
let cell = row[columnIndex + columnIndexOffset];
|
|
if (!cell) cell = {
|
|
row: rowIndex,
|
|
column: columnIndex,
|
|
type: "normal",
|
|
inRange: false,
|
|
start: false,
|
|
end: false
|
|
};
|
|
const nextStartDate = relativeDateGetter(rowIndex * dimension.column + columnIndex);
|
|
cell.dayjs = nextStartDate;
|
|
cell.date = nextStartDate.toDate();
|
|
cell.timestamp = nextStartDate.valueOf();
|
|
cell.type = "normal";
|
|
cell.inRange = !!(startDate && nextStartDate.isSameOrAfter(startDate, unit) && nextEndDate && nextStartDate.isSameOrBefore(nextEndDate, unit)) || !!(startDate && nextStartDate.isSameOrBefore(startDate, unit) && nextEndDate && nextStartDate.isSameOrAfter(nextEndDate, unit));
|
|
if (startDate?.isSameOrAfter(nextEndDate)) {
|
|
cell.start = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit);
|
|
cell.end = startDate && nextStartDate.isSame(startDate, unit);
|
|
} else {
|
|
cell.start = !!startDate && nextStartDate.isSame(startDate, unit);
|
|
cell.end = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit);
|
|
}
|
|
if (nextStartDate.isSame(now, unit)) cell.type = "today";
|
|
setCellMetadata?.(cell, {
|
|
rowIndex,
|
|
columnIndex
|
|
});
|
|
row[columnIndex + columnIndexOffset] = cell;
|
|
}
|
|
setRowMetadata?.(row);
|
|
}
|
|
};
|
|
const datesInMonth = (date, year, month, lang) => {
|
|
const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year).hour(date.hour()).minute(date.minute()).second(date.second());
|
|
return rangeArr(firstDay.daysInMonth()).map((n) => firstDay.add(n, "day").toDate());
|
|
};
|
|
const getValidDateOfMonth = (date, year, month, lang, disabledDate) => {
|
|
const _value = dayjs().year(year).month(month).startOf("month").hour(date.hour()).minute(date.minute()).second(date.second());
|
|
const _date = datesInMonth(date, year, month, lang).find((date) => {
|
|
return !disabledDate?.(date);
|
|
});
|
|
if (_date) return dayjs(_date).locale(lang);
|
|
return _value.locale(lang);
|
|
};
|
|
const getValidDateOfYear = (value, lang, disabledDate) => {
|
|
const year = value.year();
|
|
if (!disabledDate?.(value.toDate())) return value.locale(lang);
|
|
const month = value.month();
|
|
if (!datesInMonth(value, year, month, lang).every(disabledDate)) return getValidDateOfMonth(value, year, month, lang, disabledDate);
|
|
for (let i = 0; i < 12; i++) if (!datesInMonth(value, year, i, lang).every(disabledDate)) return getValidDateOfMonth(value, year, i, lang, disabledDate);
|
|
return value;
|
|
};
|
|
const correctlyParseUserInput = (value, format, lang, defaultFormat) => {
|
|
if (isArray(value)) return value.map((v) => correctlyParseUserInput(v, format, lang, defaultFormat));
|
|
if (isString(value)) {
|
|
const dayjsValue = defaultFormat?.value ? dayjs(value) : dayjs(value, format);
|
|
if (!dayjsValue.isValid()) return dayjsValue;
|
|
}
|
|
return dayjs(value, format).locale(lang);
|
|
};
|
|
|
|
//#endregion
|
|
export { buildPickerTable, correctlyParseUserInput, datesInMonth, getDefaultValue, getValidDateOfMonth, getValidDateOfYear, isValidRange };
|
|
//# sourceMappingURL=utils.mjs.map
|