@sdata/web-vue 1.19.0 → 2.1.1

package/es/calendar/components/event.js

@@ -0,0 +1,5 @@
+import event_vue_vue_type_script_setup_true_lang_default from "./event.vue_vue_type_script_setup_true_lang.js";
+//#region components/calendar/components/event.vue
+var event_default = event_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { event_default as default };

package/es/calendar/components/event.vue.d.ts

@@ -0,0 +1,73 @@
+declare var __VLS_1: {
+    event: Record<string, any>;
+}, __VLS_4: `event.${any}`, __VLS_5: {
+    event: Record<string, any>;
+}, __VLS_7: {
+    event: Record<string, any>;
+}, __VLS_21: {
+    event: Record<string, any>;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_4>]?: (props: typeof __VLS_5) => any;
+} & {
+    'event.all-day'?: (props: typeof __VLS_1) => any;
+} & {
+    event?: (props: typeof __VLS_7) => any;
+} & {
+    'event-content'?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    event: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    inAllDayBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cellStart: {
+        type: DateConstructor;
+        required: true;
+    };
+    cellEnd: {
+        type: DateConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "event-drag-start": (...args: any[]) => void;
+    "event-drag-end": (...args: any[]) => void;
+    "event-resize-start": (...args: any[]) => void;
+    "event-resize-end": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    event: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    inAllDayBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cellStart: {
+        type: DateConstructor;
+        required: true;
+    };
+    cellEnd: {
+        type: DateConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    "onEvent-drag-start"?: ((...args: any[]) => any) | undefined;
+    "onEvent-drag-end"?: ((...args: any[]) => any) | undefined;
+    "onEvent-resize-start"?: ((...args: any[]) => any) | undefined;
+    "onEvent-resize-end"?: ((...args: any[]) => any) | undefined;
+}>, {
+    inAllDayBar: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/calendar/components/event.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,291 @@
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { calendarInjectionKey } from "../context.js";
+import { minutesToPercentage } from "../utils/conversions.js";
+import { PerformantEllipsis } from "../../ellipsis/index.js";
+import { Transition, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderSlot, shallowRef, toDisplayString, toHandlers, unref, watch, withCtx, withModifiers } from "vue";
+//#region components/calendar/components/event.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["draggable"];
+var _hoisted_2 = { key: 0 };
+var RECT_CACHE_DURATION = 16;
+var event_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "event",
+	props: {
+		event: {
+			type: Object,
+			required: true
+		},
+		inAllDayBar: {
+			type: Boolean,
+			default: false
+		},
+		cellStart: {
+			type: Date,
+			required: true
+		},
+		cellEnd: {
+			type: Date,
+			required: true
+		}
+	},
+	emits: [
+		"event-drag-start",
+		"event-drag-end",
+		"event-resize-start",
+		"event-resize-end"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* This component renders an event in full in a cell if the event is not multi-day.
+		* If the event is multi-day, it renders a fragment of the event only.
+		*/
+		const props = __props;
+		const calendar = inject(calendarInjectionKey);
+		const { config, view, dnd, touch: globalTouchState, dateUtils, eventsManager } = calendar;
+		const prefixCls = calendar.prefixCls;
+		const { handleEventResize } = eventsManager;
+		const eventEl = ref(null);
+		const event = reactive(props.event);
+		let clickTimeout = null;
+		const touch = reactive({
+			dragging: false,
+			fromResizer: false,
+			holding: false,
+			holdTimer: null,
+			canTouchAndDrag: null,
+			touchAndDragTimer: null,
+			startX: 0,
+			startY: 0,
+			startPercentageX: 0,
+			startPercentageY: 0,
+			moveX: 0,
+			moveY: 0,
+			movePercentageX: 0,
+			movePercentageY: 0,
+			documentMouseX: 0,
+			documentMouseY: 0,
+			resizeStartDate: null,
+			resizingOriginalEvent: null,
+			resizingLastAcceptedEvent: null,
+			cellEl: null,
+			schedule: null
+		});
+		const isDraggable = computed(() => {
+			return config.editableEvents.drag && event.draggable !== false && !event.background && touch.canTouchAndDrag !== false;
+		});
+		const isResizable = computed(() => {
+			if (view.isMonth || view.isYear || view.isYears || props.inAllDayBar) return false;
+			if (event._.multiday && !eventEndsInThisCell.value) return false;
+			return config.time && config.editableEvents.resize && event.resizable !== false && !event.background;
+		});
+		computed(() => config.editableEvents.delete && event.deletable !== false && !event.background);
+		const classes = computed(() => {
+			var _event$_, _event$_2, _event$_3, _event$_4, _event$_5;
+			const isMultiday = !!((_event$_ = event._) === null || _event$_ === void 0 ? void 0 : _event$_.multiday);
+			const isHzl = config.horizontal;
+			const isCutStart = !props.inAllDayBar && (((_event$_2 = event._) === null || _event$_2 === void 0 ? void 0 : _event$_2.startMinutes) < config.timeFrom || isMultiday && !eventStartsInThisCell.value);
+			const isCutEnd = !props.inAllDayBar && (((_event$_3 = event._) === null || _event$_3 === void 0 ? void 0 : _event$_3.endMinutes) > config.timeTo || isMultiday && !eventEndsInThisCell.value);
+			return {
+				[`${prefixCls}__event--${event._.id}`]: true,
+				[event.class]: !!event.class,
+				[`${prefixCls}__event--recurring`]: !!event.recurring,
+				[`${prefixCls}__event--background`]: !!event.background,
+				[`${prefixCls}__event--all-day`]: event.allDay || ((_event$_4 = event._) === null || _event$_4 === void 0 ? void 0 : _event$_4.startMinutes) === 0 && ((_event$_5 = event._) === null || _event$_5 === void 0 ? void 0 : _event$_5.duration) === 1440,
+				[`${prefixCls}__event--multiday`]: isMultiday,
+				[`${prefixCls}__event--cut-top`]: !isHzl && isCutStart,
+				[`${prefixCls}__event--cut-bottom`]: !isHzl && isCutEnd,
+				[`${prefixCls}__event--cut-left`]: isHzl && isCutStart,
+				[`${prefixCls}__event--cut-right`]: isHzl && isCutEnd,
+				[`${prefixCls}__event--dragging`]: !event._.draggingGhost && event._.dragging,
+				[`${prefixCls}__event--dragging-ghost`]: event._.draggingGhost,
+				[`${prefixCls}__event--resizing`]: globalTouchState.isResizingEvent
+			};
+		});
+		const eventStartsInThisCell = computed(() => {
+			if (event._.multiday) return new Date(event.start).setHours(0, 0, 0, 0) === props.cellStart.getTime();
+			return true;
+		});
+		const eventEndsInThisCell = computed(() => {
+			if (event._.multiday) return dateUtils.isSameDate(new Date(new Date(event.end).setMilliseconds(-1)), props.cellEnd);
+			return true;
+		});
+		const plusDaysIndicator = computed(() => {
+			const start = new Date(event.start).setHours(0, 0, 0, 0);
+			const end = new Date(event.end).setHours(0, 0, 0, 0);
+			return Math.ceil((end - start) / (1e3 * 60 * 60 * 24));
+		});
+		const styles = computed(() => {
+			const hasPosition = (view.isDay || view.isDays || view.isWeek) && config.time && !props.inAllDayBar;
+			const isHzl = config.horizontal;
+			if (!hasPosition && !event.backgroundColor && !event.color) return false;
+			const styles = {
+				backgroundColor: event.backgroundColor || null,
+				color: event.color || null
+			};
+			if (hasPosition) {
+				let startMinutes = event._.startMinutes;
+				let endMinutes = event._.endMinutes;
+				if (event._.multiday) {
+					if (!eventStartsInThisCell.value) startMinutes = 0;
+					if (!eventEndsInThisCell.value) endMinutes = 1440;
+				}
+				const from = Math.max(config.timeFrom, startMinutes);
+				const to = Math.min(config.timeTo, endMinutes) + (event._.duration && !endMinutes ? 1440 : 0);
+				const top = minutesToPercentage(from, config);
+				const height = minutesToPercentage(to, config) - top;
+				styles[isHzl ? "left" : "top"] = `${top}%`;
+				styles[isHzl ? "width" : "height"] = `${height}%`;
+			}
+			return styles;
+		});
+		const eventListeners = shallowRef({});
+		watch(() => config.eventListeners.event, (extListeners) => {
+			const listeners = {};
+			for (const [eventListener, handler] of Object.entries(extListeners)) if (!["resize-end"].includes(eventListener)) listeners[eventListener] = (e) => {
+				if (e.type !== "drop") handler(e.type ? {
+					e,
+					event
+				} : e);
+			};
+			const externalHandlers = _objectSpread2({}, listeners);
+			listeners.touchstart = (e) => {
+				var _externalHandlers$tou;
+				e.stopPropagation();
+				touch.touchAndDragTimer = setTimeout(() => {
+					touch.canTouchAndDrag = true;
+				}, 500);
+				onMousedown(e);
+				(_externalHandlers$tou = externalHandlers.touchstart) === null || _externalHandlers$tou === void 0 || _externalHandlers$tou.call(externalHandlers, {
+					e,
+					event
+				});
+			};
+			listeners.mousedown = (e) => {
+				var _externalHandlers$mou;
+				e.stopPropagation();
+				onMousedown(e);
+				(_externalHandlers$mou = externalHandlers.mousedown) === null || _externalHandlers$mou === void 0 || _externalHandlers$mou.call(externalHandlers, {
+					e,
+					event
+				});
+			};
+			listeners.click = (e) => {
+				var _externalHandlers$cli;
+				(_externalHandlers$cli = externalHandlers.click) === null || _externalHandlers$cli === void 0 || _externalHandlers$cli.call(externalHandlers, {
+					e,
+					event
+				});
+				if (clickTimeout) clickTimeout = clearTimeout(clickTimeout);
+				else clickTimeout = setTimeout(() => {
+					var _externalHandlers$del;
+					clickTimeout = null;
+					(_externalHandlers$del = externalHandlers["delayed-click"]) === null || _externalHandlers$del === void 0 || _externalHandlers$del.call(externalHandlers, {
+						e,
+						event
+					});
+				}, 400);
+			};
+			listeners.dblclick = (e) => {
+				if (externalHandlers.dblclick) externalHandlers.dblclick({
+					e,
+					event
+				});
+				else event.delete(1);
+			};
+			eventListeners.value = listeners;
+		}, { immediate: true });
+		let cachedRect = null;
+		let rectCacheTime = 0;
+		const onMousedown = (e) => {
+			var _e$touches, _e$touches2, _e$touches3;
+			const eventTarget = (((_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0]) || e).target;
+			touch.fromResizer = !!(eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.closest(`.${prefixCls}__event-resizer`));
+			const now = Date.now();
+			if (!cachedRect || now - rectCacheTime > RECT_CACHE_DURATION) {
+				cachedRect = eventEl.value.getBoundingClientRect();
+				rectCacheTime = now;
+			}
+			const rect = cachedRect;
+			touch.startX = (((_e$touches2 = e.touches) === null || _e$touches2 === void 0 ? void 0 : _e$touches2[0]) || e).clientX - rect.left;
+			touch.startY = (((_e$touches3 = e.touches) === null || _e$touches3 === void 0 ? void 0 : _e$touches3[0]) || e).clientY - rect.top;
+			touch.startPercentageX = touch.startX * 100 / rect.width;
+			touch.startPercentageY = touch.startY * 100 / rect.height;
+			touch.cellEl = eventEl.value.closest(`.${prefixCls}__cell`);
+			touch.resizeStartDate = event.start;
+			if (touch.fromResizer) handleEventResize(e, event, eventEl.value);
+			touch.holdTimer = setTimeout(() => {
+				var _eventListeners$value, _eventListeners$value2;
+				touch.holding = true;
+				(_eventListeners$value = (_eventListeners$value2 = eventListeners.value).hold) === null || _eventListeners$value === void 0 || _eventListeners$value.call(_eventListeners$value2, {
+					e,
+					event
+				});
+			}, 1e3);
+		};
+		onMounted(() => event._.register(eventEl.value));
+		onBeforeUnmount(() => {
+			if (touch.holdTimer) touch.holdTimer = clearTimeout(touch.holdTimer);
+			if (touch.touchAndDragTimer) touch.touchAndDragTimer = clearTimeout(touch.touchAndDragTimer);
+			if (clickTimeout) clickTimeout = clearTimeout(clickTimeout);
+			event._.unregister();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(toHandlers(eventListeners.value, true), {
+				ref_key: "eventEl",
+				ref: eventEl,
+				class: [`${unref(prefixCls)}__event`, classes.value],
+				style: styles.value,
+				draggable: isDraggable.value ? "true" : void 0,
+				onDragstart: _cache[2] || (_cache[2] = ($event) => isDraggable.value && unref(dnd).eventDragStart($event, event)),
+				onDragend: _cache[3] || (_cache[3] = ($event) => isDraggable.value && unref(dnd).eventDragEnd($event, event))
+			}), [
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}__event-details`) }, [_ctx.$slots["event.all-day"] ? renderSlot(_ctx.$slots, "event.all-day", {
+					key: 0,
+					event
+				}) : _ctx.$slots[`event.${unref(view).id}`] ? renderSlot(_ctx.$slots, `event.${unref(view).id}`, {
+					key: 1,
+					event
+				}) : renderSlot(_ctx.$slots, "event", {
+					key: 2,
+					event
+				}, () => [
+					createVNode(unref(PerformantEllipsis), { class: normalizeClass(`${unref(prefixCls)}__event-title`) }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(event.title), 1)]),
+						_: 1
+					}, 8, ["class"]),
+					unref(config).time && !__props.inAllDayBar && !(event._.multiday && !eventStartsInThisCell.value) ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}__event-time`)
+					}, [unref(view).isMonth ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}__event-comma`)
+					}, ",\xA0", 2)) : createCommentVNode("", true), createVNode(unref(PerformantEllipsis), { class: normalizeClass(`${unref(prefixCls)}__event-time-text`) }, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}__event-start`) }, toDisplayString(event._[`startTimeFormatted${unref(config).twelveHour ? 12 : 24}`]), 3), !unref(view).isMonth ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(`${unref(prefixCls)}__event-end`)
+						}, [createTextVNode(" \xA0-\xA0" + toDisplayString(event._[`endTimeFormatted${unref(config).twelveHour ? 12 : 24}`]) + " ", 1), event._.multiday && eventStartsInThisCell.value ? (openBlock(), createElementBlock("span", _hoisted_2, "+" + toDisplayString(plusDaysIndicator.value) + "d", 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)]),
+						_: 1
+					}, 8, ["class"])], 2)) : createCommentVNode("", true),
+					!__props.inAllDayBar ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(`${unref(prefixCls)}__event-content`)
+					}, [renderSlot(_ctx.$slots, "event-content", { event }, () => [createTextVNode(toDisplayString(event.content), 1)])], 2)) : createCommentVNode("", true)
+				])], 2),
+				isResizable.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					onDragstart: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent", "stop"])),
+					class: normalizeClass(`${unref(prefixCls)}__event-resizer`)
+				}, null, 34)) : createCommentVNode("", true),
+				createVNode(Transition, { name: `${unref(prefixCls)}-delete-btn` }, {
+					default: withCtx(() => [event._.deleting ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						onClick: _cache[1] || (_cache[1] = withModifiers(($event) => event.delete(3), ["stop"])),
+						class: normalizeClass(`${unref(prefixCls)}__event-delete`)
+					}, " Delete ", 2)) : createCommentVNode("", true)]),
+					_: 1
+				}, 8, ["name"])
+			], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { event_vue_vue_type_script_setup_true_lang_default as default };

package/es/calendar/components/header.js

@@ -0,0 +1,5 @@
+import header_vue_vue_type_script_setup_true_lang_default from "./header.vue_vue_type_script_setup_true_lang.js";
+//#region components/calendar/components/header.vue
+var header_default = header_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { header_default as default };

package/es/calendar/components/header.vue.d.ts

@@ -0,0 +1,34 @@
+declare var __VLS_1: {
+    view: Record<string, any>;
+    availableViews: any;
+    calendar: import("../context").CalendarState;
+}, __VLS_3: {}, __VLS_18: `title.${any}`, __VLS_19: {
+    [x: string]: any;
+}, __VLS_21: {
+    [x: string]: any;
+}, __VLS_29: {
+    navigate: () => any;
+    active: any;
+}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
+} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'previous-button'?: (props: typeof __VLS_3) => any;
+} & {
+    title?: (props: typeof __VLS_21) => any;
+} & {
+    'today-button'?: (props: typeof __VLS_29) => any;
+} & {
+    'next-button'?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/calendar/components/header.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,84 @@
+import { calendarInjectionKey } from "../context.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toHandlers, unref, withCtx } from "vue";
+//#region components/calendar/components/header.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["onClick"];
+var _hoisted_2 = { key: 0 };
+var _hoisted_3 = ["disabled"];
+var header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "header",
+	setup(__props) {
+		const calendar = inject(calendarInjectionKey);
+		const { view, config } = calendar;
+		const prefixCls = calendar.prefixCls;
+		const onTitleClick = () => {
+			if (config.clickToNavigate) view.broader();
+		};
+		const titleEventHandlers = computed(() => config.clickToNavigate ? { click: onTitleClick } : {});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(`${unref(prefixCls)}__header`) }, [renderSlot(_ctx.$slots, "header", {
+				view: unref(view),
+				availableViews: unref(config).availableViews,
+				calendar: unref(calendar)
+			}), !_ctx.$slots.header ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(config).viewsBar ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}__views-bar`)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).availableViews, (obj, id) => {
+				return openBlock(), createElementBlock("button", {
+					onClick: ($event) => unref(view).switch(id),
+					class: normalizeClass([`${unref(prefixCls)}__view-button`, { [`${unref(prefixCls)}__view-button--active`]: unref(view).id === id }]),
+					type: "button"
+				}, toDisplayString(unref(calendar).texts[id]), 11, _hoisted_1);
+			}), 256))], 2)) : createCommentVNode("", true), unref(config).titleBar ? (openBlock(), createElementBlock("nav", {
+				key: 1,
+				class: normalizeClass(`${unref(prefixCls)}__title-bar`)
+			}, [
+				createElementVNode("button", {
+					onClick: _cache[0] || (_cache[0] = (...args) => unref(view).previous && unref(view).previous(...args)),
+					class: normalizeClass([
+						`${unref(prefixCls)}__nav`,
+						`${unref(prefixCls)}__nav--prev`,
+						{ [`${unref(prefixCls)}__nav--default`]: !_ctx.$slots["previous-button"] }
+					]),
+					type: "button"
+				}, [renderSlot(_ctx.$slots, "previous-button")], 2),
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}__transition-wrap`) }, [createVNode(Transition, { name: `${unref(prefixCls)}-slide-fade--${unref(view).transitionDirection}` }, {
+					default: withCtx(() => [(openBlock(), createElementBlock("div", { key: unref(view).id + unref(view).start.getTime() }, [_ctx.$slots.title || _ctx.$slots[`title.${unref(view).id}`] ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).clickToNavigate && unref(view).broaderView ? "button" : "div"), mergeProps({ key: 0 }, toHandlers(titleEventHandlers.value), { class: `${unref(prefixCls)}__title` }), {
+						default: withCtx(() => [_ctx.$slots[`title.${unref(view).id}`] ? renderSlot(_ctx.$slots, `title.${unref(view).id}`, normalizeProps(mergeProps({ key: 0 }, unref(view)))) : renderSlot(_ctx.$slots, "title", normalizeProps(mergeProps({ key: 1 }, unref(view))))]),
+						_: 3
+					}, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(config).clickToNavigate && unref(view).broaderView ? "button" : "div"), mergeProps({ key: 1 }, toHandlers(titleEventHandlers.value), { class: `${unref(prefixCls)}__title` }), {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(view).title), 1), unref(view).titleWeekInfo ? (openBlock(), createElementBlock("small", _hoisted_2, "\xA0" + toDisplayString(unref(view).titleWeekInfo.text) + " " + toDisplayString(unref(view).titleWeekInfo.number), 1)) : createCommentVNode("", true)]),
+						_: 1
+					}, 16, ["class"]))]))]),
+					_: 3
+				}, 8, ["name"])], 2),
+				unref(config).todayButton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.$slots["today-button"] ? renderSlot(_ctx.$slots, "today-button", {
+					key: 0,
+					navigate: () => !unref(view).containsToday && unref(view).goToToday(),
+					active: unref(view).containsToday
+				}) : (openBlock(), createElementBlock("button", {
+					key: 1,
+					onClick: _cache[1] || (_cache[1] = ($event) => !unref(view).containsToday && unref(view).goToToday()),
+					disabled: !!unref(view).containsToday,
+					class: normalizeClass([
+						`${unref(prefixCls)}__nav`,
+						`${unref(prefixCls)}__nav--today`,
+						`${unref(prefixCls)}__nav--default`,
+						{ [`${unref(prefixCls)}__nav--active`]: unref(view).containsToday }
+					]),
+					type: "button"
+				}, toDisplayString(unref(calendar).texts.today), 11, _hoisted_3))], 64)) : createCommentVNode("", true),
+				createElementVNode("button", {
+					onClick: _cache[2] || (_cache[2] = (...args) => unref(view).next && unref(view).next(...args)),
+					class: normalizeClass([
+						`${unref(prefixCls)}__nav`,
+						`${unref(prefixCls)}__nav--next`,
+						{ [`${unref(prefixCls)}__nav--default`]: !_ctx.$slots["next-button"] }
+					]),
+					type: "button"
+				}, [renderSlot(_ctx.$slots, "next-button")], 2)
+			], 2)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+export { header_vue_vue_type_script_setup_true_lang_default as default };

package/es/calendar/components/headings-bar.js

@@ -0,0 +1,5 @@
+import headings_bar_vue_vue_type_script_setup_true_lang_default from "./headings-bar.vue_vue_type_script_setup_true_lang.js";
+//#region components/calendar/components/headings-bar.vue
+var headings_bar_default = headings_bar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { headings_bar_default as default };

package/es/calendar/components/headings-bar.vue.d.ts

@@ -0,0 +1,40 @@
+declare var __VLS_1: {
+    label: any;
+    id: any;
+    date: any;
+    view: Record<string, any>;
+}, __VLS_3: {
+    schedule: any;
+    view: Record<string, any>;
+    cell: {
+        start: any;
+        end: Date;
+        isToday: any;
+        goNarrower: () => any;
+        goBroader: () => any;
+        broader: any;
+        narrower: any;
+    };
+}, __VLS_18: {
+    event: Record<string, any>;
+}, __VLS_21: {
+    event: Record<string, any>;
+};
+type __VLS_Slots = {} & {
+    'weekday-heading'?: (props: typeof __VLS_1) => any;
+} & {
+    'schedule-heading'?: (props: typeof __VLS_3) => any;
+} & {
+    'event.all-day'?: (props: typeof __VLS_18) => any;
+} & {
+    event?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};