tdesign-vue
Version:
942 lines (932 loc) • 34.9 kB
JavaScript
/**
* tdesign v1.15.0
* (c) 2026 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var helper = require('../_chunks/dep-4009cfe4.js');
var _typeof = require('@babel/runtime/helpers/typeof');
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var dayjs = require('dayjs');
var _commonjsHelpers = require('../_chunks/dep-c13dcbfd.js');
var calendar_props = require('./props.js');
var utils_mixins = require('../utils/mixins.js');
var configProvider_configReceiver = require('../config-provider/config-receiver.js');
var calendar_utils = require('./utils.js');
var utils_event = require('../utils/event.js');
var _common_js_utils_helper = require('../_common/js/utils/helper.js');
var calendar_const = require('./const.js');
var select_index = require('../select/index.js');
var radio_index = require('../radio/index.js');
var button_index = require('../button/index.js');
var tag_index = require('../tag/index.js');
var calendar_calendarCell = require('./calendar-cell.js');
var utils_renderComponent = require('../utils/render-component.js');
var utils_renderTnode = require('../utils/render-tnode.js');
require('vue');
require('../_chunks/dep-8eddb350.js');
require('../_common/js/global-config/default-config.js');
require('../_common/js/global-config/locale/zh_CN.js');
require('../_chunks/dep-0c37520c.js');
require('../_chunks/dep-6f4e680e.js');
require('../_chunks/dep-bb0ececf.js');
require('../_chunks/dep-3b2292ce.js');
require('../_chunks/dep-ba7f5924.js');
require('../_chunks/dep-10fcb46d.js');
require('../_chunks/dep-6eba4d23.js');
require('../_chunks/dep-010db548.js');
require('../_chunks/dep-8d206316.js');
require('../_chunks/dep-2bc87cc8.js');
require('../_chunks/dep-f77d6ad5.js');
require('../_chunks/dep-9dae8101.js');
require('../_chunks/dep-7c84d9a0.js');
require('../_chunks/dep-733a2279.js');
require('../_chunks/dep-d844c9ed.js');
require('../_chunks/dep-c05a9033.js');
require('../_chunks/dep-efe55b82.js');
require('../_chunks/dep-7da70ee1.js');
require('../_chunks/dep-124386d4.js');
require('../_chunks/dep-f5b14344.js');
require('../_chunks/dep-36c2788b.js');
require('../_chunks/dep-fa353fbb.js');
require('../_chunks/dep-d66ab3a4.js');
require('../_chunks/dep-d4d8c513.js');
require('../_common/js/global-config/t.js');
require('../_chunks/dep-a2217d56.js');
require('../utils/helper.js');
require('@babel/runtime/helpers/objectWithoutProperties');
require('../_chunks/dep-9c5b91d3.js');
require('../_chunks/dep-9a74c2be.js');
require('../_chunks/dep-689d381f.js');
require('../_chunks/dep-803744d9.js');
require('../_chunks/dep-84027b7f.js');
require('../_chunks/dep-49400b00.js');
require('../_chunks/dep-f1081d8e.js');
require('@babel/runtime/helpers/toConsumableArray');
require('../_chunks/dep-721fcdf6.js');
require('../_chunks/dep-591b87f1.js');
require('../_chunks/dep-268c68b1.js');
require('@vue/composition-api');
require('../select/select.js');
require('../hooks/useDefaultValue.js');
require('../hooks/useVModel.js');
require('../_chunks/dep-2c592e99.js');
require('../hooks/tnode.js');
require('../hooks/render-tnode.js');
require('../_chunks/dep-812bd25d.js');
require('../_chunks/dep-82ce56ef.js');
require('../_chunks/dep-4e96e31a.js');
require('../config-provider/useConfig.js');
require('../select/props.js');
require('../loading/index.js');
require('../loading/directive.js');
require('../loading/plugin.js');
require('../loading/loading.js');
require('../loading/icon/gradient.js');
require('../_common/js/loading/circle-adapter.js');
require('../_common/js/utils/setStyle.js');
require('../utils/dom.js');
require('raf');
require('../utils/easing.js');
require('../utils/transfer-dom.js');
require('../loading/props.js');
require('../config.js');
require('@babel/runtime/helpers/readOnlyError');
require('../_chunks/dep-97fef2be.js');
require('../_chunks/dep-0b47afa3.js');
require('../_chunks/dep-d7516e38.js');
require('../_chunks/dep-74be1050.js');
require('../_chunks/dep-7fbd94e9.js');
require('../_chunks/dep-56f568d3.js');
require('../_chunks/dep-17ce3e74.js');
require('../_chunks/dep-a7198720.js');
require('../_chunks/dep-1e173c2b.js');
require('../_chunks/dep-c9ce9427.js');
require('../_chunks/dep-edb55477.js');
require('../utils/withInstall.js');
require('../popup/index.js');
require('../popup/popup.js');
require('@popperjs/core');
require('../popup/props.js');
require('../popup/container.js');
require('../popup/utils.js');
require('../_chunks/dep-ee4e645f.js');
require('../_chunks/dep-0ea9f257.js');
require('../utils/map-props.js');
require('../popup/plugin.js');
require('../_common/js/log/log.js');
require('../input/index.js');
require('../input/input.js');
require('tdesign-icons-vue');
require('../input/props.js');
require('../input/input-group.js');
require('../select-input/index.js');
require('../select-input/select-input.js');
require('../select-input/props.js');
require('../select-input/useSingle.js');
require('../hooks/useConfig.js');
require('../_chunks/dep-d250e942.js');
require('../_chunks/dep-518e9c7b.js');
require('../_chunks/dep-a96e5563.js');
require('../select-input/useMultiple.js');
require('../tag-input/index.js');
require('../tag-input/tag-input.js');
require('../tag-input/props.js');
require('../tag-input/hooks/useTagScroll.js');
require('../tag-input/useTagList.js');
require('../tag-input/hooks/useHover.js');
require('../tag-input/hooks/useDragSorter.js');
require('../hooks/useGlobalIcon.js');
require('../tag/tag.js');
require('tinycolor2');
require('../tag/props.js');
require('../tag/check-tag.js');
require('../tag/check-tag-props.js');
require('../_common/js/common.js');
require('../tag/check-tag-group.js');
require('../tag/check-tag-group-props.js');
require('../select-input/useOverlayInnerStyle.js');
require('../common-components/fake-arrow.js');
require('../select/option.js');
require('../utils/ripple.js');
require('../select/option-props.js');
require('../checkbox/index.js');
require('../checkbox/group.js');
require('../checkbox/checkbox.js');
require('../checkbox/props.js');
require('../checkbox/constants.js');
require('../checkbox/store.js');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('../checkbox/hooks/useKeyboardEvent.js');
require('../hooks/useFormDisabled.js');
require('../hooks/useElementLazyRender.js');
require('../_common/js/utils/observe.js');
require('../checkbox/checkbox-group-props.js');
require('../_chunks/dep-993ef18d.js');
require('../_chunks/dep-f020448d.js');
require('../hooks/slots.js');
require('../hooks/useLazyLoad.js');
require('../select/util.js');
require('../_chunks/dep-25a90d6f.js');
require('../_chunks/dep-594e0165.js');
require('../hooks/useCommonClassName.js');
require('../select/select-panel.js');
require('../select/optionGroup.js');
require('../select/option-group-props.js');
require('../hooks/useVirtualScroll.js');
require('../_chunks/dep-2c32d315.js');
require('../_chunks/dep-da2ef9c3.js');
require('../select/hooks/useSelectOptions.js');
require('../radio/radio.js');
require('../radio/props.js');
require('../radio/group.js');
require('@babel/runtime/helpers/asyncToGenerator');
require('@babel/runtime/regenerator');
require('../radio/radio-group-props.js');
require('../radio/radio-button.js');
require('../_chunks/dep-303c1643.js');
require('../button/button.js');
require('../button/props.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
var calendar = _commonjsHelpers.createCommonjsModule(function (module, exports) {
!function (e, t) {
module.exports = t() ;
}(_commonjsHelpers.commonjsGlobal, function () {
return function (e, t, a) {
var n = "h:mm A",
d = {
lastDay: "[Yesterday at] " + n,
sameDay: "[Today at] " + n,
nextDay: "[Tomorrow at] " + n,
nextWeek: "dddd [at] " + n,
lastWeek: "[Last] dddd [at] " + n,
sameElse: "MM/DD/YYYY"
};
t.prototype.calendar = function (e, t) {
var n = t || this.$locale().calendar || d,
o = a(e || void 0).startOf("d"),
s = this.diff(o, "d", !0),
i = "sameElse",
f = s < -6 ? i : s < -1 ? "lastWeek" : s < 0 ? "lastDay" : s < 1 ? "sameDay" : s < 2 ? "nextDay" : s < 7 ? "nextWeek" : i,
l = n[f] || d[f];
return "function" == typeof l ? l.call(this, a()) : this.format(l);
};
};
});
});
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
dayjs__default["default"].extend(calendar);
var createDefaultCurDate = function createDefaultCurDate() {
return dayjs__default["default"](dayjs__default["default"]().format("YYYY-MM-DD"));
};
var getDefaultControllerConfigData = function getDefaultControllerConfigData() {
var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
return {
visible: visible,
disabled: false,
mode: {
visible: true,
radioGroupProps: {}
},
year: {
visible: true,
selectProps: {}
},
month: {
visible: true,
selectProps: {}
},
weekend: {
visible: true,
showWeekendButtonProps: {},
hideWeekendButtonProps: {}
},
current: {
visible: true,
currentDayButtonProps: {},
currentMonthButtonProps: {}
}
};
};
var _Calendar = utils_mixins["default"](configProvider_configReceiver["default"]("calendar")).extend({
name: "TCalendar",
components: {
TCheckTag: tag_index.CheckTag,
TSelect: select_index.Select,
TOption: select_index.Option,
TRadioGroup: radio_index.RadioGroup,
TRadioButton: radio_index.RadioButton,
TButton: button_index.Button,
CalendarCellItem: calendar_calendarCell["default"],
RenderComponent: utils_renderComponent["default"]
},
props: _objectSpread({}, calendar_props["default"]),
data: function data() {
return {
realFirstDayOfWeek: 1,
curDate: null,
curDateList: [],
curSelectedYear: null,
curSelectedMonth: null,
curSelectedMode: null,
isShowWeekend: true,
controlSize: "medium"
};
},
computed: {
state: function state() {
return this.$data;
},
props: function props() {
return this.$props;
},
TEXT_MAP: function TEXT_MAP() {
var t = this.t,
global = this.global;
var r = {
showWeekend: t(global.showWeekend),
hideWeekend: t(global.hideWeekend),
today: t(global.today),
thisMonth: t(global.thisMonth)
};
return r;
},
weekDipalyText: function weekDipalyText() {
return this.week || this.t(this.global.week).split(",");
},
calendarCls: function calendarCls() {
return ["".concat(this.componentName), "".concat(this.componentName, "--").concat(this.theme)];
},
calendarPanelCls: function calendarPanelCls() {
return ["".concat(this.componentName, "__panel"), "".concat(this.componentName, "__panel--").concat(this.curSelectedMode)];
},
isWeekRender: function isWeekRender() {
return typeof this.week === "function";
},
rangeFromTo: function rangeFromTo() {
if (!this.range || this.range.length < 2) {
return null;
}
var _this$range = _slicedToArray__default["default"](this.range, 2),
v1 = _this$range[0],
v2 = _this$range[1];
if (dayjs__default["default"](v1).isBefore(dayjs__default["default"](v2))) {
return {
from: v1,
to: v2
};
}
return {
from: v2,
to: v1
};
},
controllerOptions: function controllerOptions() {
var dayJsFilterDate = dayjs__default["default"]("".concat(this.curSelectedYear, "-").concat(this.curSelectedMonth));
var re = {
isShowWeekend: this.isShowWeekend,
filterDate: dayJsFilterDate.toDate(),
formattedFilterDate: dayJsFilterDate.format(this.format),
mode: this.curSelectedMode
};
return re;
},
cellColHeaders: function cellColHeaders() {
var re = [];
var min = 1;
var max = 7;
for (var i = this.realFirstDayOfWeek; i <= max; i++) {
re.push({
num: i,
display: this.getWeekDisplay(i)
});
}
if (this.realFirstDayOfWeek > min) {
for (var _i = min; _i < this.realFirstDayOfWeek; _i++) {
re.push({
num: _i,
display: this.getWeekDisplay(_i)
});
}
}
return re;
},
yearSelectOptionList: function yearSelectOptionList() {
var re = [];
var begin = this.curSelectedYear - 10;
var end = this.curSelectedYear + 10;
if (this.rangeFromTo && this.rangeFromTo.from && this.rangeFromTo.to) {
begin = dayjs__default["default"](this.rangeFromTo.from).year();
end = dayjs__default["default"](this.rangeFromTo.to).year();
}
if (begin < calendar_const.MIN_YEAR) {
begin = calendar_const.MIN_YEAR;
}
if (end < calendar_const.MIN_YEAR) {
end = calendar_const.MIN_YEAR;
}
for (var i = begin; i <= end; i++) {
re.push({
value: i,
label: this.t(this.global.yearSelection, {
year: i
}),
disabled: false
});
}
return re;
},
monthSelectOptionList: function monthSelectOptionList() {
var re = [];
for (var i = calendar_const.FIRST_MONTH_OF_YEAR; i <= calendar_const.LAST_MONTH_OF_YEAR; i++) {
var disabled = this.checkMonthAndYearSelectorDisabled(this.curSelectedYear, i);
re.push({
value: i,
label: this.t(this.global.monthSelection, {
month: i
}),
disabled: disabled
});
}
return re;
},
modeSelectOptionList: function modeSelectOptionList() {
return [{
value: "month",
label: this.t(this.global.monthRadio)
}, {
value: "year",
label: this.t(this.global.yearRadio)
}];
},
monthCellsData: function monthCellsData() {
var daysArr = calendar_utils.createMonthCellsData(this.props, this.state);
return daysArr;
},
yearCellsData: function yearCellsData() {
var re = [];
var monthsArr = calendar_utils.createYearCellsData(this.props, this.state);
var rowCount = Math.ceil(monthsArr.length / calendar_const.DEFAULT_YEAR_CELL_NUMINROW);
var index = 0;
for (var i = 1; i <= rowCount; i++) {
var row = [];
for (var j = 1; j <= calendar_const.DEFAULT_YEAR_CELL_NUMINROW; j++) {
row.push(monthsArr[index]);
index += 1;
}
re.push(row);
}
return re;
},
controllerConfigData: function controllerConfigData() {
var _ref, _this$controllerConfi;
var controllerConfig = (_ref = (_this$controllerConfi = this.controllerConfig) !== null && _this$controllerConfi !== void 0 ? _this$controllerConfi : this.global.controllerConfig) !== null && _ref !== void 0 ? _ref : true;
if (typeof controllerConfig === "boolean") {
return getDefaultControllerConfigData(controllerConfig);
}
return _objectSpread(_objectSpread({}, getDefaultControllerConfigData()), controllerConfig);
},
isControllerVisible: function isControllerVisible() {
return this.controllerConfigData && this.controllerConfigData.visible;
},
weekendBtnText: function weekendBtnText() {
return this.isShowWeekend ? this.TEXT_MAP.hideWeekend : this.TEXT_MAP.showWeekend;
},
weekendBtnVBind: function weekendBtnVBind() {
var c = this.controllerConfigData.weekend;
return this.isShowWeekend ? c.hideWeekendButtonProps : c.showWeekendButtonProps;
},
currentBtnText: function currentBtnText() {
return this.curSelectedMode === "month" ? this.TEXT_MAP.today : this.TEXT_MAP.thisMonth;
},
currentBtnVBind: function currentBtnVBind() {
var c = this.controllerConfigData.current;
return this.curSelectedMode === "month" ? c.currentDayButtonProps : c.currentMonthButtonProps;
},
isModeVisible: function isModeVisible() {
return this.checkControllerVisible("mode");
},
isYearVisible: function isYearVisible() {
return this.checkControllerVisible("year");
},
isMonthVisible: function isMonthVisible() {
return this.checkControllerVisible("month");
},
isWeekendToggleVisible: function isWeekendToggleVisible() {
return this.checkControllerVisible("weekend");
},
isCurrentBtnVisible: function isCurrentBtnVisible() {
return this.checkControllerVisible("current");
},
isModeDisabled: function isModeDisabled() {
return this.checkControllerDisabled("mode", "radioGroupProps");
},
isYearDisabled: function isYearDisabled() {
return this.checkControllerDisabled("year", "selectProps");
},
isMonthDisabled: function isMonthDisabled() {
return this.checkControllerDisabled("month", "selectProps");
},
isWeekendToggleDisabled: function isWeekendToggleDisabled() {
var p = this.isShowWeekend ? "hideWeekendButtonProps" : "showWeekendButtonProps";
return this.checkControllerDisabled("weekend", p);
},
isCurrentBtnDisabled: function isCurrentBtnDisabled() {
var p = this.curSelectedMode === "month" ? "currentDayButtonProps" : "currentMonthButtonProps";
return this.checkControllerDisabled("current", p);
},
filterYearStr: function filterYearStr() {
return "".concat(this.controllerOptions.filterDate.getFullYear());
},
filterMonthStr: function filterMonthStr() {
return "".concat(this.controllerOptions.filterDate.getMonth() + 1);
},
filterYearMonth: function filterYearMonth() {
return {
year: this.filterYearStr,
month: this.filterMonthStr
};
}
},
watch: {
firstDayOfWeek: {
handler: function handler() {
var _ref2, _this$firstDayOfWeek;
this.realFirstDayOfWeek = (_ref2 = (_this$firstDayOfWeek = this.firstDayOfWeek) !== null && _this$firstDayOfWeek !== void 0 ? _this$firstDayOfWeek : this.global.firstDayOfWeek) !== null && _ref2 !== void 0 ? _ref2 : 1;
},
immediate: true
},
value: {
handler: function handler(v) {
if (this.multiple) {
this.setCurrentDateList(v);
} else {
this.setCurrentDate(v);
}
},
immediate: true
},
year: {
handler: function handler(v) {
this.setCurSelectedYear(v);
},
immediate: true
},
month: {
handler: function handler(v) {
this.setCurSelectedMonth(v);
},
immediate: true
},
mode: {
handler: function handler(v) {
this.curSelectedMode = v;
},
immediate: true
},
isShowWeekendDefault: {
handler: function handler(v) {
this.isShowWeekend = v;
},
immediate: true
},
filterYearMonth: {
handler: function handler(v) {
utils_event.emitEvent(this, "month-change", v);
this.controllerChange();
}
},
curSelectedMode: function curSelectedMode() {
this.handleIE();
},
isShowWeekend: function isShowWeekend() {
this.handleIE();
},
isControllerVisible: function isControllerVisible() {
this.handleIE();
},
theme: {
handler: function handler(v) {
if (v === "card") this.controlSize = "small";
if (v === "full") this.controlSize = "medium";
},
immediate: true
}
},
mounted: function mounted() {
this.handleIE();
},
methods: {
handleIE: function handleIE() {
var _this = this;
if (_common_js_utils_helper.getIEVersion() <= 9) {
this.$nextTick(function () {
var element = _this.$el.children[_this.isControllerVisible ? 1 : 0];
if (_this.curSelectedMode === "month") {
element.setAttribute("is-show-weekend", "".concat(_this.isShowWeekend));
} else {
element.removeAttribute("is-show-weekend");
}
});
}
},
getCalendarWeekSlotData: function getCalendarWeekSlotData(item) {
return {
day: item.num
};
},
getWeekDisplay: function getWeekDisplay(weekNum) {
var weekText = this.weekDipalyText;
return _typeof__default["default"](weekText) === "object" && weekText[weekNum - 1] ? weekText[weekNum - 1] : calendar_utils.getDayCn(weekNum);
},
checkMonthCellItemShowed: function checkMonthCellItemShowed(cellData) {
return this.isShowWeekend || cellData.day < 6;
},
createCalendarCell: function createCalendarCell(cellData) {
return _objectSpread(_objectSpread({}, cellData), this.controllerOptions);
},
clickCell: function clickCell(e, cellData) {
var d = dayjs__default["default"](cellData.date);
if (this.multiple) {
if (this.curDateList.find(function (item) {
return item.isSame(d);
})) {
this.curDateList = this.curDateList.filter(function (item) {
return item.isSame(d);
});
} else {
this.curDateList.push(d);
}
} else {
this.curDate = d;
}
var options = this.getCellClickEventOptions(e, cellData);
utils_event.emitEvent(this, "cell-click", options);
},
doubleClickCell: function doubleClickCell(e, cellData) {
var options = this.getCellClickEventOptions(e, cellData);
utils_event.emitEvent(this, "cell-double-click", options);
},
rightClickCell: function rightClickCell(e, cellData) {
if (this.preventCellContextmenu) {
e.preventDefault();
}
var options = this.getCellClickEventOptions(e, cellData);
utils_event.emitEvent(this, "cell-right-click", options);
},
getCellClickEventOptions: function getCellClickEventOptions(e, cellData) {
return {
cell: this.createCalendarCell(cellData),
e: e
};
},
controllerChange: function controllerChange() {
var options = this.controllerOptions;
utils_event.emitEvent(this, "controller-change", options);
},
onWeekendToggleClick: function onWeekendToggleClick() {
this.isShowWeekend = !this.isShowWeekend;
this.controllerChange();
},
checkMonthCellColHeaderVisibled: function checkMonthCellColHeaderVisibled(item) {
var re = true;
if (!this.isShowWeekend) {
re = item.num !== 6 && item.num !== 7;
}
return re;
},
checkControllerDisabled: function checkControllerDisabled(name, propsName) {
var re = false;
var conf = this.controllerConfigData;
if (conf && (conf.disabled || conf[name] && conf[name][propsName] && conf[name][propsName].disabled)) {
re = true;
}
return re;
},
checkControllerVisible: function checkControllerVisible(name) {
var re = true;
var conf = this.controllerConfigData;
if (!conf || !conf.visible || conf[name] === false || conf[name] && !conf[name].visible) {
re = false;
}
return re;
},
toToday: function toToday() {
var currentSelectDate = createDefaultCurDate();
this.curSelectedYear = currentSelectDate.year();
this.curSelectedMonth = parseInt(currentSelectDate.format("M"), 10);
},
setCurSelectedYear: function setCurSelectedYear(year) {
var curSelectedYear = year ? parseInt("".concat(year), 10) : createDefaultCurDate().year();
if (!isNaN(curSelectedYear) && curSelectedYear > 0) {
this.curSelectedYear = curSelectedYear;
}
},
setCurSelectedMonth: function setCurSelectedMonth(month) {
var curSelectedMonth = month ? parseInt("".concat(month), 10) : parseInt(createDefaultCurDate().format("M"), 10);
if (!isNaN(curSelectedMonth) && curSelectedMonth > 0 && curSelectedMonth <= 12) {
this.curSelectedMonth = curSelectedMonth;
}
},
setCurrentDate: function setCurrentDate(value) {
if (Array.isArray(value)) {
this.curDate = value && value.length ? dayjs__default["default"](value[0]) : createDefaultCurDate();
} else {
this.curDate = value ? dayjs__default["default"](value) : createDefaultCurDate();
}
},
setCurrentDateList: function setCurrentDateList(value) {
if (Array.isArray(value)) {
this.curDateList = value && value.length ? value.map(function (item) {
return dayjs__default["default"](item);
}) : [createDefaultCurDate()];
} else {
this.curDateList = value ? [dayjs__default["default"](value)] : [createDefaultCurDate()];
}
},
checkMonthAndYearSelectorDisabled: function checkMonthAndYearSelectorDisabled(year, month) {
var disabled = false;
if (this.rangeFromTo && this.rangeFromTo.from && this.rangeFromTo.to) {
var beginYear = dayjs__default["default"](this.rangeFromTo.from).year();
var endYear = dayjs__default["default"](this.rangeFromTo.to).year();
var beginMon = parseInt(dayjs__default["default"](this.rangeFromTo.from).format("M"), 10);
var endMon = parseInt(dayjs__default["default"](this.rangeFromTo.to).format("M"), 10);
if (beginYear === endYear) {
disabled = month < beginMon || month > endMon;
} else if (year === beginYear) {
disabled = month < beginMon;
} else if (year === endYear) {
disabled = month > endMon;
}
}
return disabled;
},
renderControl: function renderControl() {
var _this2 = this;
var h = this.$createElement;
var controllerOptions = this.controllerOptions;
return h("div", {
"class": "".concat(this.componentName, "__control")
}, [h("div", {
"class": "".concat(this.componentName, "__title")
}, [utils_renderTnode.renderTNodeJSX(this, "head", {
params: controllerOptions
})]), h("div", {
"class": "".concat(this.componentName, "__control-section")
}, [this.isYearVisible && h("div", {
"class": "".concat(this.componentName, "__control-section-cell")
}, [h("t-select", helper.helper([{
"attrs": {
"size": this.controlSize,
"disabled": this.isYearDisabled,
"autoWidth": true
}
}, {
"props": _objectSpread({}, this.controllerConfigData.year.selectProps)
}, {
"model": {
value: _this2.curSelectedYear,
callback: function callback($$v) {
_this2.curSelectedYear = $$v;
}
}
}]), [this.yearSelectOptionList.map(function (item) {
return h("t-option", {
"key": item.value,
"attrs": {
"value": item.value,
"label": item.label,
"disabled": item.disabled
}
}, [item.label]);
})])]), this.curSelectedMode === "month" && this.isMonthVisible && h("div", {
"class": "".concat(this.componentName, "__control-section-cell")
}, [h("t-select", helper.helper([{
"attrs": {
"size": this.controlSize,
"disabled": this.isMonthDisabled,
"autoWidth": true
}
}, {
"props": _objectSpread({}, this.controllerConfigData.month.selectProps)
}, {
"model": {
value: _this2.curSelectedMonth,
callback: function callback($$v) {
_this2.curSelectedMonth = $$v;
}
}
}]), [this.monthSelectOptionList.map(function (item) {
return h("t-option", {
"key": item.value,
"attrs": {
"value": item.value,
"label": item.label,
"disabled": item.disabled
}
}, [item.label]);
})])]), this.isModeVisible && h("div", {
"class": "".concat(this.componentName, "__control-section-cell"),
"style": "height: auto"
}, [h("t-radio-group", helper.helper([{
"attrs": {
"variant": "default-filled",
"size": this.controlSize,
"disabled": this.isModeDisabled
}
}, {
"props": _objectSpread({}, this.controllerConfigData.mode.radioGroupProps)
}, {
"on": {
"change": this.controllerChange
},
"model": {
value: _this2.curSelectedMode,
callback: function callback($$v) {
_this2.curSelectedMode = $$v;
}
}
}]), [this.modeSelectOptionList.map(function (item) {
return h("t-radio-button", {
"key": item.value,
"attrs": {
"value": item.value
}
}, [item.label]);
})])]), this.theme === "full" && this.curSelectedMode === "month" && this.isWeekendToggleVisible && h("div", {
"class": "".concat(this.componentName, "__control-section-cell")
}, [h("t-check-tag", helper.helper([{
"class": "".concat(this.componentName, "__control-tag"),
"attrs": {
"defaultChecked": !this.isShowWeekend,
"disabled": this.isWeekendToggleDisabled,
"size": "large"
},
"on": {
"click": this.onWeekendToggleClick
}
}, {
"props": _objectSpread({}, this.weekendBtnVBind)
}]), [this.weekendBtnText])]), this.theme === "full" && this.isCurrentBtnVisible && h("div", {
"class": "".concat(this.componentName, "__control-section-cell")
}, [h("t-button", helper.helper([{
"attrs": {
"size": this.controlSize,
"disabled": this.isCurrentBtnDisabled
},
"on": {
"click": function click() {
_this2.toToday();
}
}
}, {
"props": _objectSpread({}, this.currentBtnVBind)
}]), [this.currentBtnText])])])]);
}
},
render: function render() {
var _this3 = this;
var h = arguments[0];
var calendarCls = this.calendarCls,
calendarPanelCls = this.calendarPanelCls,
isControllerVisible = this.isControllerVisible,
cellColHeaders = this.cellColHeaders,
checkMonthCellColHeaderVisibled = this.checkMonthCellColHeaderVisibled;
var monthBody = function monthBody() {
return h("table", {
"class": "".concat(_this3.componentName, "__table")
}, [h("thead", {
"class": "".concat(_this3.componentName, "__table-head")
}, [h("tr", {
"class": "".concat(_this3.componentName, "__table-head-row")
}, [cellColHeaders.map(function (item, index) {
return checkMonthCellColHeaderVisibled(item) && h("th", {
"class": "".concat(_this3.componentName, "__table-head-cell")
}, [Array.isArray(_this3.week) ? _this3.week[index] : utils_renderTnode.renderTNodeJSXDefault(_this3, "week", {
defaultNode: h("span", [item.display]),
params: _this3.getCalendarWeekSlotData(item)
})]);
})])]), h("tbody", {
"class": "".concat(_this3.componentName, "__table-body")
}, [_this3.monthCellsData.map(function (week, weekIndex) {
return h("tr", {
"class": "".concat(_this3.componentName, "__table-body-row")
}, [week.map(function (item, itemIndex) {
return _this3.checkMonthCellItemShowed(item) && h("calendar-cell-item", {
"key": "d-".concat(weekIndex, "-").concat(itemIndex),
"attrs": {
"item": item,
"theme": _this3.theme,
"t": _this3.t,
"global": _this3.global,
"cell": _this3.cell,
"fillWithZero": _this3.fillWithZero
},
"on": {
"click": function click(e) {
return _this3.clickCell(e, item);
},
"dblclick": function dblclick(e) {
return _this3.doubleClickCell(e, item);
},
"rightclick": function rightclick(e) {
return _this3.rightClickCell(e, item);
}
},
"scopedSlots": _objectSpread({}, _this3.$scopedSlots)
});
})]);
})])]);
};
var yearBody = function yearBody() {
return h("table", {
"class": "".concat(_this3.componentName, "__table")
}, [h("tbody", {
"class": "".concat(_this3.componentName, "__table-body")
}, [_this3.yearCellsData.map(function (cell, cellIndex) {
return h("tr", {
"class": "".concat(_this3.componentName, "__table-body-row")
}, [cell.map(function (item, itemIndex) {
return h("calendar-cell-item", {
"key": "m-".concat(cellIndex, "-").concat(itemIndex),
"attrs": {
"item": item,
"theme": _this3.theme,
"t": _this3.t,
"global": _this3.global,
"cell": _this3.cell,
"fillWithZero": _this3.fillWithZero
},
"on": {
"click": function click(e) {
return _this3.clickCell(e, item);
},
"dblclick": function dblclick(e) {
return _this3.doubleClickCell(e, item);
},
"rightclick": function rightclick(e) {
return _this3.rightClickCell(e, item);
}
},
"scopedSlots": _objectSpread({}, _this3.$scopedSlots)
});
})]);
})])]);
};
return h("div", {
"class": calendarCls
}, [isControllerVisible && this.renderControl(), h("div", {
"class": calendarPanelCls
}, [this.curSelectedMode === "month" ? monthBody() : yearBody()])]);
}
});
exports["default"] = _Calendar;
//# sourceMappingURL=calendar.js.map