@antdv-next/mobile 0.0.0-stage → 0.1.0

package/dist/calendar/Calendar.vue.d.ts

@@ -0,0 +1,78 @@
+import type { Dayjs } from 'dayjs';
+import type { CalendarDate, CalendarProps, CalendarSlots, CalendarValue } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = CalendarSlots;
+declare function scrollToDate(target: CalendarDate): void;
+declare function reset(date?: CalendarValue | null): void;
+declare const __VLS_base: import("vue").DefineComponent<CalendarProps, {
+    scrollToDate: typeof scrollToDate;
+    reset: typeof reset;
+    toggle: (next?: boolean) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: CalendarValue | null) => any;
+    cancel: () => any;
+    change: (value: CalendarValue | null, dateString: string | string[]) => any;
+    clear: () => any;
+    confirm: (value: CalendarValue | null) => any;
+    "update:open": (open: boolean) => any;
+    "update:value": (value: CalendarValue | null) => any;
+    openChange: (open: boolean) => any;
+    monthShow: (info: {
+        date: Dayjs;
+        title: string;
+    }) => any;
+    overRange: () => any;
+}, string, import("vue").PublicProps, Readonly<CalendarProps> & Readonly<{
+    onSelect?: ((value: CalendarValue | null) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onChange?: ((value: CalendarValue | null, dateString: string | string[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onConfirm?: ((value: CalendarValue | null) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: CalendarValue | null) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+    onMonthShow?: ((info: {
+        date: Dayjs;
+        title: string;
+    }) => any) | undefined;
+    onOverRange?: (() => any) | undefined;
+}>, {
+    title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    open: boolean;
+    disabled: boolean;
+    format: string | ((value: Dayjs) => string);
+    getContainer: import("../index.ts").GetContainer;
+    closable: boolean;
+    destroyOnHidden: boolean;
+    maskClosable: boolean;
+    virtual: boolean;
+    defaultOpen: boolean;
+    allowClear: boolean;
+    trigger: boolean;
+    suffixIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    selectionMode: import("./interface").CalendarSelectionMode;
+    showRangePrompt: boolean;
+    allowSameDay: boolean;
+    weekStartsOn: 0 | 1;
+    showTitle: boolean;
+    showMark: boolean;
+    showConfirm: boolean;
+    rowHeight: number;
+    cellRender: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | ((ctx: import("./interface").CalendarCellRenderInfo) => import("vue").VNodeChild) | null;
+    poppable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/dist/calendar/Calendar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,621 @@
+import { cls, toArray } from "../_util/index.js";
+import { useControlled } from "../_util/hooks/useControlled.js";
+import { useVirtualRange } from "../_util/hooks/useVirtualRange.js";
+import RenderNode_default from "../_util/RenderNode.js";
+import Button_default from "../button/Button.js";
+import { useConfig } from "../config-provider/context.js";
+import { toDayjs } from "../date-picker/util.js";
+import { useLocale } from "../locale/index.js";
+import PickerTrigger_default from "../picker/PickerTrigger.js";
+import { usePickerField } from "../picker/usePickerField.js";
+import Popup_default from "../popup/Popup.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import dayjs from "dayjs";
+// src/calendar/Calendar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "am-calendar-title"
+};
+var _hoisted_2 = {
+	class: "am-calendar-weekdays",
+	role: "row"
+};
+var _hoisted_3 = ["data-month"];
+var _hoisted_4 = { class: "am-calendar-month-title" };
+var _hoisted_5 = {
+	class: "am-calendar-days",
+	role: "rowgroup"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "am-calendar-month-mark",
+	"aria-hidden": "true"
+};
+var _hoisted_7 = [
+	"aria-disabled",
+	"aria-selected",
+	"onClick"
+];
+var _hoisted_8 = { class: "am-calendar-day-inner" };
+var _hoisted_9 = {
+	key: 0,
+	class: "am-calendar-day-top"
+};
+var _hoisted_10 = { class: "am-calendar-day-text" };
+var _hoisted_11 = {
+	key: 1,
+	class: "am-calendar-day-bottom"
+};
+var _hoisted_12 = {
+	key: 0,
+	class: "am-calendar-tip",
+	role: "alert"
+};
+var MONTH_TITLE_HEIGHT = 44;
+/** used until the body is measured (and in non-browser environments) */
+var FALLBACK_VIEW_HEIGHT = 480;
+var Calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmCalendar",
+	inheritAttrs: false,
+	__name: "Calendar",
+	props: {
+		value: {},
+		defaultValue: {},
+		valueFormat: {},
+		selectionMode: { default: "single" },
+		minDate: {},
+		maxDate: {},
+		disabledDate: {},
+		virtual: {
+			type: Boolean,
+			default: true
+		},
+		maxRange: {},
+		showRangePrompt: {
+			type: Boolean,
+			default: true
+		},
+		rangePrompt: {},
+		allowSameDay: {
+			type: Boolean,
+			default: false
+		},
+		weekStartsOn: { default: 0 },
+		title: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		showTitle: {
+			type: Boolean,
+			default: true
+		},
+		showMark: {
+			type: Boolean,
+			default: true
+		},
+		showConfirm: {
+			type: Boolean,
+			default: true
+		},
+		okText: {},
+		rowHeight: { default: 64 },
+		formatter: {},
+		cellRender: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		poppable: {
+			type: Boolean,
+			default: true
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		trigger: {
+			type: Boolean,
+			default: false
+		},
+		format: {
+			type: [String, Function],
+			default: "YYYY-MM-DD"
+		},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		status: {},
+		variant: {},
+		size: {},
+		suffixIcon: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		id: {},
+		getContainer: {
+			type: [
+				String,
+				Function,
+				Boolean
+			],
+			default: void 0
+		},
+		zIndex: {},
+		maskClosable: {
+			type: Boolean,
+			default: true
+		},
+		closable: {
+			type: Boolean,
+			default: true
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			default: false
+		},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: [
+		"update:value",
+		"update:open",
+		"openChange",
+		"change",
+		"select",
+		"confirm",
+		"cancel",
+		"clear",
+		"monthShow",
+		"overRange"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		/** must match `.am-calendar-month-title` height: month offsets are computed, not measured */
+		const attrs = useAttrs();
+		const locale = useLocale("Calendar");
+		const config = useConfig();
+		const today = dayjs().startOf("day");
+		const { open, setOpen, toggle, disabled, commit } = usePickerField(props, (value) => {
+			emit("update:open", value);
+			emit("openChange", value);
+		});
+		const parse = (value) => toDayjs(value, props.valueFormat)?.startOf("day");
+		const parseList = (value) => toArray(value).map((item) => parse(item)).filter((item) => !!item);
+		const [value, setValue] = useControlled(props, "value", { defaultValue: () => props.defaultValue ?? null });
+		const valueDates = computed(() => parseList(value.value));
+		/** selection being edited, committed on confirm */
+		const pending = shallowRef(valueDates.value);
+		watch(valueDates, (dates) => {
+			pending.value = dates;
+		});
+		const isComplete = (dates) => props.selectionMode === "range" ? dates.length === 2 : dates.length > 0;
+		const canConfirm = computed(() => isComplete(pending.value));
+		function toOutput(dates) {
+			const convert = (date) => props.valueFormat ? date.format(props.valueFormat) : markRaw(date);
+			if (props.selectionMode === "single") return dates[0] ? convert(dates[0]) : null;
+			return dates.map(convert);
+		}
+		const formatDay = (date) => typeof props.format === "function" ? props.format(date) : date.format(props.format);
+		const separator = computed(() => config.locale.value.locale.startsWith("zh") ? "、" : ", ");
+		const label = computed(() => {
+			return valueDates.value.map(formatDay).join(props.selectionMode === "range" ? " ~ " : separator.value);
+		});
+		const minDate = computed(() => parse(props.minDate) ?? today);
+		const maxDate = computed(() => {
+			const max = parse(props.maxDate) ?? today.add(6, "month");
+			return max.isBefore(minDate.value) ? minDate.value : max;
+		});
+		const months = computed(() => {
+			const list = [];
+			const last = maxDate.value.startOf("month");
+			let cursor = minDate.value.startOf("month");
+			while (!cursor.isAfter(last)) {
+				const offset = (cursor.day() - props.weekStartsOn + 7) % 7;
+				const height = MONTH_TITLE_HEIGHT + Math.ceil((offset + cursor.daysInMonth()) / 7) * props.rowHeight;
+				list.push({
+					key: cursor.format("YYYY-MM"),
+					date: cursor,
+					title: cursor.format(locale.value.monthFormat),
+					offset,
+					height
+				});
+				cursor = cursor.add(1, "month");
+			}
+			return list;
+		});
+		const bodyRef = ref();
+		const scrollTop = ref(0);
+		const viewHeight = ref(FALLBACK_VIEW_HEIGHT);
+		/** half a viewport is kept rendered before and after the visible months */
+		const windowStart = computed(() => Math.max(scrollTop.value - viewHeight.value / 2, 0));
+		const range = useVirtualRange({
+			count: () => months.value.length,
+			size: () => {
+				const list = months.value;
+				return (index) => list[index].height;
+			},
+			scrollOffset: () => windowStart.value,
+			viewportSize: () => scrollTop.value + viewHeight.value * 1.5 - windowStart.value,
+			overscan: () => 0,
+			enabled: () => props.virtual
+		});
+		const stamps = computed(() => pending.value.map((date) => date.valueOf()));
+		function isDisabledDate(date) {
+			return date.isBefore(minDate.value) || date.isAfter(maxDate.value) || !!props.disabledDate?.(date);
+		}
+		function getDayType(date) {
+			if (isDisabledDate(date)) return "disabled";
+			const stamp = date.valueOf();
+			const selected = stamps.value;
+			if (props.selectionMode !== "range") return selected.includes(stamp) ? "selected" : "";
+			const [start, end] = selected;
+			if (start === void 0) return "";
+			if (end === void 0) return stamp === start ? "start" : "";
+			if (stamp === start) return start === end ? "start-end" : "start";
+			if (stamp === end) return "end";
+			return stamp > start && stamp < end ? "middle" : "";
+		}
+		function createDay(date) {
+			const type = getDayType(date);
+			const isToday = date.isSame(today);
+			const texts = locale.value;
+			const bottomInfo = type === "start" ? texts.start : type === "end" ? texts.end : type === "start-end" ? texts.startEnd : void 0;
+			const day = {
+				date,
+				type,
+				text: date.date(),
+				topInfo: isToday ? texts.today : void 0,
+				bottomInfo,
+				isToday
+			};
+			return props.formatter ? props.formatter(day) : day;
+		}
+		const visibleMonths = computed(() => {
+			return months.value.slice(range.start.value, range.end.value).map((month) => ({
+				...month,
+				days: Array.from({ length: month.date.daysInMonth() }, (_, index) => createDay(month.date.date(index + 1)))
+			}));
+		});
+		const weekdays = computed(() => {
+			const names = locale.value.weekdays;
+			return names.map((_, index) => names[(index + props.weekStartsOn) % 7]);
+		});
+		const shown = /* @__PURE__ */ new Set();
+		watch(() => props.poppable && !open.value ? [] : visibleMonths.value.map((month) => month.key), (keys) => {
+			keys.forEach((key) => {
+				if (!shown.has(key)) {
+					const month = months.value.find((item) => item.key === key);
+					emit("monthShow", {
+						date: month.date,
+						title: month.title
+					});
+				}
+			});
+			shown.clear();
+			keys.forEach((key) => shown.add(key));
+		}, { immediate: true });
+		function onScroll() {
+			if (bodyRef.value) scrollTop.value = bodyRef.value.scrollTop;
+		}
+		function measure() {
+			viewHeight.value = bodyRef.value?.clientHeight || FALLBACK_VIEW_HEIGHT;
+		}
+		function scrollToDate(target) {
+			const date = parse(target);
+			if (!date) return;
+			const key = date.format("YYYY-MM");
+			let index = months.value.findIndex((item) => item.key === key);
+			if (index < 0) index = date.isBefore(minDate.value) ? 0 : months.value.length - 1;
+			const month = months.value[index];
+			if (!month) return;
+			const monthTop = range.offsetOf(index);
+			const row = month.key === key ? Math.floor((month.offset + date.date() - 1) / 7) : 0;
+			const top = row > 2 ? monthTop + MONTH_TITLE_HEIGHT + (row - 1) * props.rowHeight : monthTop;
+			scrollTop.value = top;
+			if (bodyRef.value) bodyRef.value.scrollTop = top;
+		}
+		function scrollToCurrent() {
+			measure();
+			scrollToDate(pending.value[0] ?? (today.isBefore(minDate.value) || today.isAfter(maxDate.value) ? minDate.value : today));
+		}
+		function reset(date) {
+			pending.value = date === void 0 ? valueDates.value : parseList(date);
+			nextTick(scrollToCurrent);
+		}
+		watch(open, (val) => {
+			if (val && props.poppable) {
+				pending.value = valueDates.value;
+				nextTick(scrollToCurrent);
+			}
+		});
+		onMounted(() => {
+			if (!props.poppable || open.value) scrollToCurrent();
+		});
+		const tip = ref("");
+		let tipTimer;
+		function promptOverRange() {
+			emit("overRange");
+			if (!props.showRangePrompt || !props.maxRange) return;
+			tip.value = props.rangePrompt ?? locale.value.rangePrompt(props.maxRange);
+			clearTimeout(tipTimer);
+			tipTimer = setTimeout(() => {
+				tip.value = "";
+			}, 2e3);
+		}
+		onBeforeUnmount(() => clearTimeout(tipTimer));
+		function update(dates) {
+			const next = toOutput(dates);
+			setValue(next);
+			emit("update:value", next);
+			const texts = dates.map(formatDay);
+			emit("change", next, props.selectionMode === "single" ? texts[0] ?? "" : texts);
+			commit();
+		}
+		function onConfirm() {
+			if (!canConfirm.value) return;
+			const dates = pending.value;
+			const current = valueDates.value;
+			if (dates.length !== current.length || dates.some((date, index) => !date.isSame(current[index]))) update(dates);
+			emit("confirm", toOutput(dates));
+			if (props.poppable) setOpen(false);
+		}
+		function select(dates) {
+			pending.value = dates;
+			emit("select", toOutput(dates));
+			if (!props.showConfirm && isComplete(dates)) onConfirm();
+		}
+		function onDayClick(day) {
+			if (disabled.value || day.type === "disabled") return;
+			const { date } = day;
+			const current = pending.value;
+			if (props.selectionMode === "single") {
+				select([date]);
+				return;
+			}
+			if (props.selectionMode === "multiple") {
+				const index = current.findIndex((item) => item.isSame(date));
+				if (index >= 0) select(current.filter((_, i) => i !== index));
+				else if (props.maxRange && current.length >= props.maxRange) promptOverRange();
+				else select([...current, date].sort((a, b) => a.valueOf() - b.valueOf()));
+				return;
+			}
+			const [start, end] = current;
+			if (!start || end || date.isBefore(start)) {
+				select([date]);
+				return;
+			}
+			if (date.isSame(start)) {
+				if (props.allowSameDay) select([date, date]);
+				return;
+			}
+			let last = date;
+			for (let cursor = start.add(1, "day"); cursor.isBefore(date); cursor = cursor.add(1, "day")) if (isDisabledDate(cursor)) {
+				last = cursor.subtract(1, "day");
+				break;
+			}
+			if (props.maxRange && last.diff(start, "day") + 1 > props.maxRange) {
+				last = start.add(props.maxRange - 1, "day");
+				promptOverRange();
+			}
+			if (last.isSame(start) && !props.allowSameDay) return;
+			select([start, last]);
+		}
+		function onCancel() {
+			emit("cancel");
+			setOpen(false);
+		}
+		function onClear() {
+			pending.value = [];
+			update([]);
+			emit("clear");
+		}
+		const builtinTrigger = computed(() => props.poppable && !slots.default && props.trigger);
+		const panelAttrs = computed(() => builtinTrigger.value ? void 0 : attrs);
+		const wrapperProps = computed(() => {
+			if (!props.poppable) return void 0;
+			return {
+				open: open.value,
+				placement: "bottom",
+				round: true,
+				closable: props.closable,
+				getContainer: props.getContainer,
+				zIndex: props.zIndex,
+				maskClosable: props.maskClosable,
+				destroyOnHidden: props.destroyOnHidden,
+				rootClass: cls("am-calendar-popup-root", props.rootClass),
+				classes: { body: cls("am-calendar-popup", props.classes?.popup) },
+				styles: { body: props.styles?.popup },
+				onClose: onCancel
+			};
+		});
+		__expose({
+			scrollToDate,
+			reset,
+			toggle
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [__props.poppable && _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {
+				open: unref(open),
+				value: unref(value),
+				label: label.value,
+				disabled: unref(disabled),
+				toggle: unref(toggle)
+			}, void 0, void 0, 0) : builtinTrigger.value ? (openBlock(), createBlock(PickerTrigger_default, mergeProps({ key: 1 }, _ctx.$attrs, {
+				id: __props.id,
+				class: "am-calendar-trigger",
+				label: label.value,
+				placeholder: __props.placeholder ?? unref(locale).title,
+				open: unref(open),
+				disabled: unref(disabled),
+				"allow-clear": __props.allowClear,
+				status: __props.status,
+				variant: __props.variant,
+				size: __props.size,
+				"suffix-icon": __props.suffixIcon,
+				"root-class": __props.rootClass,
+				classes: { root: __props.classes?.trigger },
+				styles: { root: __props.styles?.trigger },
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(toggle)()),
+				onClear
+			}), createSlots({ _: 2 }, [_ctx.$slots.suffixIcon ? {
+				name: "suffixIcon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "suffixIcon")]),
+				key: "0"
+			} : void 0]), 1040, [
+				"id",
+				"label",
+				"placeholder",
+				"open",
+				"disabled",
+				"allow-clear",
+				"status",
+				"variant",
+				"size",
+				"suffix-icon",
+				"root-class",
+				"classes",
+				"styles"
+			])) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent(__props.poppable ? Popup_default : "div"), mergeProps(wrapperProps.value, { class: __props.poppable ? void 0 : "am-calendar-inline" }), {
+				default: withCtx(() => [createElementVNode("div", mergeProps(panelAttrs.value, {
+					class: ["am-calendar", [
+						`am-calendar-${__props.selectionMode}`,
+						{ "am-calendar-disabled": unref(disabled) },
+						__props.poppable ? void 0 : __props.rootClass,
+						__props.classes?.root
+					]],
+					style: [{ "--am-calendar-row-height": `${__props.rowHeight}px` }, __props.styles?.root]
+				}), [
+					createElementVNode("div", {
+						class: normalizeClass(["am-calendar-header", __props.classes?.header]),
+						style: normalizeStyle(__props.styles?.header)
+					}, [__props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, () => [__props.title !== void 0 ? (openBlock(), createBlock(unref(RenderNode_default), {
+						key: 0,
+						node: __props.title
+					}, null, 8, ["node"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(locale).title), 1)], 64))])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (name) => {
+						return openBlock(), createElementBlock("span", {
+							key: name,
+							class: "am-calendar-weekday",
+							role: "columnheader"
+						}, toDisplayString(name), 1);
+					}), 128))])], 6),
+					createElementVNode("div", {
+						ref_key: "bodyRef",
+						ref: bodyRef,
+						class: normalizeClass(["am-calendar-body", __props.classes?.body]),
+						style: normalizeStyle(__props.styles?.body),
+						role: "grid",
+						onScrollPassive: onScroll
+					}, [
+						createElementVNode("div", {
+							class: "am-calendar-spacer",
+							style: normalizeStyle({ height: `${unref(range).offsetBefore.value}px` })
+						}, null, 4),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(visibleMonths.value, (month) => {
+							return openBlock(), createElementBlock("div", {
+								key: month.key,
+								class: normalizeClass(["am-calendar-month", __props.classes?.month]),
+								style: normalizeStyle([{ height: `${month.height}px` }, __props.styles?.month]),
+								"data-month": month.key
+							}, [createElementVNode("div", _hoisted_4, toDisplayString(month.title), 1), createElementVNode("div", _hoisted_5, [__props.showMark ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(month.date.month() + 1), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(month.days, (day, index) => {
+								return openBlock(), createElementBlock("div", {
+									key: index,
+									class: normalizeClass(["am-calendar-day", [
+										day.type ? `am-calendar-day-${day.type}` : void 0,
+										{ "am-calendar-day-today": day.isToday },
+										day.className,
+										__props.classes?.day
+									]]),
+									style: normalizeStyle([index === 0 && month.offset ? { marginInlineStart: `${100 * month.offset / 7}%` } : void 0, __props.styles?.day]),
+									role: "gridcell",
+									"aria-disabled": day.type === "disabled" || void 0,
+									"aria-selected": !!day.type && day.type !== "disabled",
+									onClick: ($event) => onDayClick(day)
+								}, [createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "cellRender", {
+									date: day.date,
+									day
+								}, () => [__props.cellRender !== void 0 ? (openBlock(), createBlock(unref(RenderNode_default), {
+									key: 0,
+									node: __props.cellRender,
+									params: {
+										date: day.date,
+										day
+									}
+								}, null, 8, ["node", "params"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+									day.topInfo ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(day.topInfo), 1)) : createCommentVNode("", true),
+									createElementVNode("span", _hoisted_10, toDisplayString(day.text), 1),
+									day.bottomInfo ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(day.bottomInfo), 1)) : createCommentVNode("", true)
+								], 64))])])], 14, _hoisted_7);
+							}), 128))])], 14, _hoisted_3);
+						}), 128)),
+						createElementVNode("div", {
+							class: "am-calendar-spacer",
+							style: normalizeStyle({ height: `${unref(range).offsetAfter.value}px` })
+						}, null, 4)
+					], 38),
+					createVNode(Transition, { name: "am-fade" }, {
+						default: withCtx(() => [tip.value ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(tip.value), 1)) : createCommentVNode("", true)]),
+						_: 1
+					}),
+					__props.showConfirm || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["am-calendar-footer", __props.classes?.footer]),
+						style: normalizeStyle(__props.styles?.footer)
+					}, [renderSlot(_ctx.$slots, "footer", {
+						confirm: onConfirm,
+						disabled: !canConfirm.value
+					}, () => [createVNode(Button_default, {
+						type: "primary",
+						block: "",
+						shape: "round",
+						disabled: !canConfirm.value || unref(disabled),
+						class: "am-calendar-confirm",
+						onClick: onConfirm
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.okText ?? unref(locale).confirm), 1)]),
+						_: 1
+					}, 8, ["disabled"])])], 6)) : createCommentVNode("", true)
+				], 16)]),
+				_: 3
+			}, 16, ["class"]))], 64);
+		};
+	}
+});
+export { Calendar_vue_vue_type_script_setup_true_lang_default as default };