1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
| import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, createSlots, normalizeProps, mergeProps, Fragment, renderList, createBlock } from 'vue';
| import { ElButtonGroup, ElButton } from '../../button/index.mjs';
| import '../../../hooks/index.mjs';
| import DateTable from './date-table2.mjs';
| import { useCalendar } from './use-calendar.mjs';
| import { calendarProps, calendarEmits } from './calendar.mjs';
| import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
| import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
| import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
| const COMPONENT_NAME = "ElCalendar";
| const __default__ = defineComponent({
| name: COMPONENT_NAME
| });
| const _sfc_main = /* @__PURE__ */ defineComponent({
| ...__default__,
| props: calendarProps,
| emits: calendarEmits,
| setup(__props, { expose, emit }) {
| const props = __props;
| const ns = useNamespace("calendar");
| const {
| calculateValidatedDateRange,
| date,
| pickDay,
| realSelectedDay,
| selectDate,
| validatedRange
| } = useCalendar(props, emit, COMPONENT_NAME);
| const { t } = useLocale();
| const i18nDate = computed(() => {
| const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
| return `${date.value.year()} ${t("el.datepicker.year")} ${t(pickedMonth)}`;
| });
| expose({
| selectedDay: realSelectedDay,
| pickDay,
| selectDate,
| calculateValidatedDateRange
| });
| return (_ctx, _cache) => {
| return openBlock(), createElementBlock("div", {
| class: normalizeClass(unref(ns).b())
| }, [
| createElementVNode("div", {
| class: normalizeClass(unref(ns).e("header"))
| }, [
| renderSlot(_ctx.$slots, "header", { date: unref(i18nDate) }, () => [
| createElementVNode("div", {
| class: normalizeClass(unref(ns).e("title"))
| }, toDisplayString(unref(i18nDate)), 3),
| unref(validatedRange).length === 0 ? (openBlock(), createElementBlock("div", {
| key: 0,
| class: normalizeClass(unref(ns).e("button-group"))
| }, [
| createVNode(unref(ElButtonGroup), null, {
| default: withCtx(() => [
| createVNode(unref(ElButton), {
| size: "small",
| onClick: _cache[0] || (_cache[0] = ($event) => unref(selectDate)("prev-month"))
| }, {
| default: withCtx(() => [
| createTextVNode(toDisplayString(unref(t)("el.datepicker.prevMonth")), 1)
| ]),
| _: 1
| }),
| createVNode(unref(ElButton), {
| size: "small",
| onClick: _cache[1] || (_cache[1] = ($event) => unref(selectDate)("today"))
| }, {
| default: withCtx(() => [
| createTextVNode(toDisplayString(unref(t)("el.datepicker.today")), 1)
| ]),
| _: 1
| }),
| createVNode(unref(ElButton), {
| size: "small",
| onClick: _cache[2] || (_cache[2] = ($event) => unref(selectDate)("next-month"))
| }, {
| default: withCtx(() => [
| createTextVNode(toDisplayString(unref(t)("el.datepicker.nextMonth")), 1)
| ]),
| _: 1
| })
| ]),
| _: 1
| })
| ], 2)) : createCommentVNode("v-if", true)
| ])
| ], 2),
| unref(validatedRange).length === 0 ? (openBlock(), createElementBlock("div", {
| key: 0,
| class: normalizeClass(unref(ns).e("body"))
| }, [
| createVNode(DateTable, {
| date: unref(date),
| "selected-day": unref(realSelectedDay),
| onPick: unref(pickDay)
| }, createSlots({ _: 2 }, [
| _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
| name: "date-cell",
| fn: withCtx((data) => [
| _ctx.$slots["date-cell"] ? renderSlot(_ctx.$slots, "date-cell", normalizeProps(mergeProps({ key: 0 }, data))) : renderSlot(_ctx.$slots, "dateCell", normalizeProps(mergeProps({ key: 1 }, data)))
| ])
| } : void 0
| ]), 1032, ["date", "selected-day", "onPick"])
| ], 2)) : (openBlock(), createElementBlock("div", {
| key: 1,
| class: normalizeClass(unref(ns).e("body"))
| }, [
| (openBlock(true), createElementBlock(Fragment, null, renderList(unref(validatedRange), (range_, index) => {
| return openBlock(), createBlock(DateTable, {
| key: index,
| date: range_[0],
| "selected-day": unref(realSelectedDay),
| range: range_,
| "hide-header": index !== 0,
| onPick: unref(pickDay)
| }, createSlots({ _: 2 }, [
| _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
| name: "date-cell",
| fn: withCtx((data) => [
| _ctx.$slots["date-cell"] ? renderSlot(_ctx.$slots, "date-cell", normalizeProps(mergeProps({ key: 0 }, data))) : renderSlot(_ctx.$slots, "dateCell", normalizeProps(mergeProps({ key: 1 }, data)))
| ])
| } : void 0
| ]), 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
| }), 128))
| ], 2))
| ], 2);
| };
| }
| });
| var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/calendar/src/calendar.vue"]]);
|
| export { Calendar as default };
| //# sourceMappingURL=calendar2.mjs.map
|
|
