vant 3.6.14 → 3.6.16

package/lib/calendar/CalendarMonth.d.ts

@@ -7,8 +7,14 @@ declare const calendarMonthProps: {
     };
     type: PropType<CalendarType>;
     color: StringConstructor;
-    minDate: DateConstructor;
-    maxDate: DateConstructor;
+    minDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: DateConstructor;
+        required: true;
+    };
     showMark: BooleanConstructor;
     rowHeight: (NumberConstructor | StringConstructor)[];
     formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
@@ -19,16 +25,22 @@ declare const calendarMonthProps: {
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
 };
-export type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
+declare const _default: import("vue").DefineComponent<{
     date: {
         type: DateConstructor;
         required: true;
     };
     type: PropType<CalendarType>;
     color: StringConstructor;
-    minDate: DateConstructor;
-    maxDate: DateConstructor;
+    minDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: DateConstructor;
+        required: true;
+    };
     showMark: BooleanConstructor;
     rowHeight: (NumberConstructor | StringConstructor)[];
     formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
@@ -38,15 +50,21 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "clickDisabledDate")[], "click" | "clickDisabledDate", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update-height")[], "click" | "update-height", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
     };
     type: PropType<CalendarType>;
     color: StringConstructor;
-    minDate: DateConstructor;
-    maxDate: DateConstructor;
+    minDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: DateConstructor;
+        required: true;
+    };
     showMark: BooleanConstructor;
     rowHeight: (NumberConstructor | StringConstructor)[];
     formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
@@ -56,14 +74,14 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}>> & Readonly<{
+}>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-    onClickDisabledDate?: ((...args: any[]) => any) | undefined;
-}>, {
+    "onUpdate-height"?: ((...args: any[]) => any) | undefined;
+}, {
     lazyRender: boolean;
     showMark: boolean;
     allowSameDay: boolean;
     showSubtitle: boolean;
     showMonthTitle: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/lib/calendar/CalendarMonth.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,8 +27,9 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
-var import_utils2 = require("../date-picker/utils");
+var import_utils2 = require("../datetime-picker/utils");
 var import_utils3 = require("./utils");
 var import_use = require("@vant/use");
 var import_use_expose = require("../composables/use-expose");
@@ -43,8 +40,8 @@ const calendarMonthProps = {
   date: (0, import_utils.makeRequiredProp)(Date),
   type: String,
   color: String,
-  minDate: Date,
-  maxDate: Date,
+  minDate: (0, import_utils.makeRequiredProp)(Date),
+  maxDate: (0, import_utils.makeRequiredProp)(Date),
   showMark: Boolean,
   rowHeight: import_utils.numericProp,
   formatter: Function,
@@ -55,31 +52,29 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: calendarMonthProps,
-  emits: ["click", "clickDisabledDate"],
+  emits: ["click", "update-height"],
   setup(props, {
     emit,
     slots
   }) {
     const [visible, setVisible] = (0, import_use.useToggle)();
-    const daysRef = (0, import_vue.ref)();
-    const monthRef = (0, import_vue.ref)();
+    const daysRef = (0, import_vue2.ref)();
+    const monthRef = (0, import_vue2.ref)();
     const height = (0, import_use_height.useHeight)(monthRef);
-    const title = (0, import_vue.computed)(() => (0, import_utils3.formatMonthTitle)(props.date));
-    const rowHeight = (0, import_vue.computed)(() => (0, import_utils.addUnit)(props.rowHeight));
-    const offset = (0, import_vue.computed)(() => {
-      const date = props.date.getDate();
-      const day = props.date.getDay();
-      const realDay = (day - date % 7 + 8) % 7;
+    const title = (0, import_vue2.computed)(() => (0, import_utils3.formatMonthTitle)(props.date));
+    const rowHeight = (0, import_vue2.computed)(() => (0, import_utils.addUnit)(props.rowHeight));
+    const offset = (0, import_vue2.computed)(() => {
+      const realDay = props.date.getDay();
       if (props.firstDayOfWeek) {
         return (realDay + 7 - props.firstDayOfWeek) % 7;
       }
       return realDay;
     });
-    const totalDay = (0, import_vue.computed)(() => (0, import_utils2.getMonthEndDay)(props.date.getFullYear(), props.date.getMonth() + 1));
-    const shouldRender = (0, import_vue.computed)(() => visible.value || !props.lazyRender);
+    const totalDay = (0, import_vue2.computed)(() => (0, import_utils2.getMonthEndDay)(props.date.getFullYear(), props.date.getMonth() + 1));
+    const shouldRender = (0, import_vue2.computed)(() => visible.value || !props.lazyRender);
     const getTitle = () => title.value;
     const getMultipleDayType = (day) => {
       const isSelected = (date) => props.currentDate.some((item) => (0, import_utils3.compareDay)(item, date) === 0);
@@ -132,7 +127,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         maxDate,
         currentDate
       } = props;
-      if (minDate && (0, import_utils3.compareDay)(day, minDate) < 0 || maxDate && (0, import_utils3.compareDay)(day, maxDate) > 0) {
+      if ((0, import_utils3.compareDay)(day, minDate) < 0 || (0, import_utils3.compareDay)(day, maxDate) > 0) {
         return "disabled";
       }
       if (currentDate === null) {
@@ -164,10 +159,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (props.showMonthTitle) {
         return (0, import_vue.createVNode)("div", {
           "class": (0, import_utils3.bem)("month-title")
-        }, [slots["month-title"] ? slots["month-title"]({
-          date: props.date,
-          text: title.value
-        }) : title.value]);
+        }, [title.value]);
       }
     };
     const renderMark = () => {
@@ -177,13 +169,13 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, [props.date.getMonth() + 1]);
       }
     };
-    const placeholders = (0, import_vue.computed)(() => {
+    const placeholders = (0, import_vue2.computed)(() => {
       const count = Math.ceil((totalDay.value + offset.value) / 7);
       return Array(count).fill({
         type: "placeholder"
       });
     });
-    const days = (0, import_vue.computed)(() => {
+    const days = (0, import_vue2.computed)(() => {
       const days2 = [];
       const year = props.date.getFullYear();
       const month = props.date.getMonth();
@@ -203,7 +195,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       }
       return days2;
     });
-    const disabledDays = (0, import_vue.computed)(() => days.value.filter((day) => day.type === "disabled"));
+    const disabledDays = (0, import_vue2.computed)(() => days.value.filter((day) => day.type === "disabled"));
     const scrollToDate = (body, targetDate) => {
       if (daysRef.value) {
         const daysRect = (0, import_use.useRect)(daysRef.value);
@@ -219,9 +211,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       "color": props.color,
       "offset": offset.value,
       "rowHeight": rowHeight.value,
-      "onClick": (item2) => emit("click", item2),
-      "onClickDisabledDate": (item2) => emit("clickDisabledDate", item2)
-    }, (0, import_utils.pick)(slots, ["top-info", "bottom-info", "text"]));
+      "onClick": (item2) => emit("click", item2)
+    }, (0, import_utils.pick)(slots, ["top-info", "bottom-info"]));
     const renderDays = () => (0, import_vue.createVNode)("div", {
       "ref": daysRef,
       "role": "grid",

package/lib/calendar/index.css

@@ -1 +1 @@
-:root,:host{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-header-action-width: 28px;--van-calendar-header-action-color: var(--van-text-color);--van-calendar-header-action-disabled-color: var(--van-text-color-3);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-day-margin-bottom: 4px;--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{color:var(--van-text-color);height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__header-subtitle--with-switch{display:flex;align-items:center;padding:0 var(--van-padding-base)}.van-calendar__header-subtitle-text{flex:1}.van-calendar__header-action{display:flex;align-items:center;justify-content:center;min-width:var(--van-calendar-header-action-width);height:100%;color:var(--van-calendar-header-action-color);cursor:pointer}.van-calendar__header-action--disabled{color:var(--van-calendar-header-action-disabled-color);cursor:not-allowed}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);margin-bottom:var(--van-calendar-day-margin-bottom);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
+:root{--van-calendar-background-color: var(--van-background-color-light);--van-calendar-popup-height: 80%;--van-calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-day-margin-bottom: 4px;--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background-color: var(--van-danger-color);--van-calendar-range-middle-color: var(--van-danger-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background-color: var(--van-danger-color);--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background-color)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-box-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-weight-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);margin-bottom:var(--van-calendar-day-margin-bottom);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background-color)}.van-calendar__day--start{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-border-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background-color);border-radius:var(--van-border-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}

package/lib/calendar/index.d.ts

@@ -1,13 +1,9 @@
-export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").CalendarType>;
         default: import("./types").CalendarType;
     };
-    switchMode: {
-        type: import("vue").PropType<T>;
-        default: import("./types").CalendarSwitchMode;
-    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -24,10 +20,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: null;
     };
     position: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").PopupPosition>;
         default: import("..").PopupPosition;
     };
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     showMark: {
         type: BooleanConstructor;
         default: true;
@@ -75,26 +71,24 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
+        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
+        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
         validator: (val: number) => boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range")[], "select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").CalendarType>;
         default: import("./types").CalendarType;
     };
-    switchMode: {
-        type: import("vue").PropType<T>;
-        default: import("./types").CalendarSwitchMode;
-    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -111,10 +105,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: null;
     };
     position: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").PopupPosition>;
         default: import("..").PopupPosition;
     };
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     showMark: {
         type: BooleanConstructor;
         default: true;
@@ -162,38 +156,39 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
+        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
+        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
         validator: (val: number) => boolean;
     };
-}>> & Readonly<{
+}>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-    onClickDisabledDate?: ((...args: any[]) => any) | undefined;
-    onClickSubtitle?: ((...args: any[]) => any) | undefined;
-    onPanelChange?: ((...args: any[]) => any) | undefined;
+    "onClick-subtitle"?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
-    onMonthShow?: ((...args: any[]) => any) | undefined;
-    onOverRange?: ((...args: any[]) => any) | undefined;
-}>, {
+    "onMonth-show"?: ((...args: any[]) => any) | undefined;
+    "onOver-range"?: ((...args: any[]) => any) | undefined;
+}, {
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
     round: boolean;
-    show: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
+    show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
-    switchMode: import("./types").CalendarSwitchMode;
+    minDate: Date;
+    maxDate: Date;
     poppable: boolean;
     maxRange: string | number;
     showMark: boolean;
@@ -203,11 +198,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     showSubtitle: boolean;
     showRangePrompt: boolean;
     firstDayOfWeek: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Calendar;
-export { calendarProps } from './Calendar';
 export type { CalendarProps } from './Calendar';
-export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, CalendarThemeVars, } from './types';
+export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCalendar: typeof Calendar;

package/lib/calendar/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Calendar: () => Calendar,
-  calendarProps: () => import_Calendar2.calendarProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Calendar = __toESM(require("./Calendar"));
-var import_Calendar2 = require("./Calendar");
 const Calendar = (0, import_utils.withInstall)(import_Calendar.default);
 var stdin_default = Calendar;

package/lib/calendar/index.less

@@ -0,0 +1,213 @@
+@import './var.less';
+
+:root {
+  --van-calendar-background-color: @calendar-background-color;
+  --van-calendar-popup-height: @calendar-popup-height;
+  --van-calendar-header-box-shadow: @calendar-header-box-shadow;
+  --van-calendar-header-title-height: @calendar-header-title-height;
+  --van-calendar-header-title-font-size: @calendar-header-title-font-size;
+  --van-calendar-header-subtitle-font-size: @calendar-header-subtitle-font-size;
+  --van-calendar-weekdays-height: @calendar-weekdays-height;
+  --van-calendar-weekdays-font-size: @calendar-weekdays-font-size;
+  --van-calendar-month-title-font-size: @calendar-month-title-font-size;
+  --van-calendar-month-mark-color: @calendar-month-mark-color;
+  --van-calendar-month-mark-font-size: @calendar-month-mark-font-size;
+  --van-calendar-day-height: @calendar-day-height;
+  --van-calendar-day-font-size: @calendar-day-font-size;
+  --van-calendar-day-margin-bottom: @calendar-day-margin-bottom;
+  --van-calendar-range-edge-color: @calendar-range-edge-color;
+  --van-calendar-range-edge-background-color: @calendar-range-edge-background-color;
+  --van-calendar-range-middle-color: @calendar-range-middle-color;
+  --van-calendar-range-middle-background-opacity: @calendar-range-middle-background-opacity;
+  --van-calendar-selected-day-size: @calendar-selected-day-size;
+  --van-calendar-selected-day-color: @calendar-selected-day-color;
+  --van-calendar-info-font-size: @calendar-info-font-size;
+  --van-calendar-info-line-height: @calendar-info-line-height;
+  --van-calendar-selected-day-background-color: @calendar-selected-day-background-color;
+  --van-calendar-day-disabled-color: @calendar-day-disabled-color;
+  --van-calendar-confirm-button-height: @calendar-confirm-button-height;
+  --van-calendar-confirm-button-margin: @calendar-confirm-button-margin;
+}
+
+.van-calendar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--van-calendar-background-color);
+
+  &__popup {
+    &.van-popup--top,
+    &.van-popup--bottom {
+      height: var(--van-calendar-popup-height);
+    }
+
+    &.van-popup--left,
+    &.van-popup--right {
+      height: 100%;
+    }
+
+    .van-popup__close-icon {
+      top: 11px;
+    }
+  }
+
+  &__header {
+    flex-shrink: 0;
+    box-shadow: var(--van-calendar-header-box-shadow);
+  }
+
+  &__month-title,
+  &__header-title,
+  &__header-subtitle {
+    height: var(--van-calendar-header-title-height);
+    font-weight: var(--van-font-weight-bold);
+    line-height: var(--van-calendar-header-title-height);
+    text-align: center;
+  }
+
+  &__header-title {
+    font-size: var(--van-calendar-header-title-font-size);
+  }
+
+  &__header-subtitle {
+    font-size: var(--van-calendar-header-subtitle-font-size);
+  }
+
+  &__month-title {
+    font-size: var(--van-calendar-month-title-font-size);
+  }
+
+  &__weekdays {
+    display: flex;
+  }
+
+  &__weekday {
+    flex: 1;
+    font-size: var(--van-calendar-weekdays-font-size);
+    line-height: var(--van-calendar-weekdays-height);
+    text-align: center;
+  }
+
+  &__body {
+    flex: 1;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__days {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    user-select: none;
+  }
+
+  &__month-mark {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 0;
+    color: var(--van-calendar-month-mark-color);
+    font-size: var(--van-calendar-month-mark-font-size);
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+  }
+
+  &__day,
+  &__selected-day {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  &__day {
+    position: relative;
+    width: 14.285%;
+    height: var(--van-calendar-day-height);
+    font-size: var(--van-calendar-day-font-size);
+    margin-bottom: var(--van-calendar-day-margin-bottom);
+    cursor: pointer;
+
+    &--end,
+    &--start,
+    &--start-end,
+    &--multiple-middle,
+    &--multiple-selected {
+      color: var(--van-calendar-range-edge-color);
+      background: var(--van-calendar-range-edge-background-color);
+    }
+
+    &--start {
+      border-radius: var(--van-border-radius-md) 0 0 var(--van-border-radius-md);
+    }
+
+    &--end {
+      border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0;
+    }
+
+    &--start-end,
+    &--multiple-selected {
+      border-radius: var(--van-border-radius-md);
+    }
+
+    &--middle {
+      color: var(--van-calendar-range-middle-color);
+
+      &::after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background-color: currentColor;
+        opacity: var(--van-calendar-range-middle-background-opacity);
+        content: '';
+      }
+    }
+
+    &--disabled {
+      color: var(--van-calendar-day-disabled-color);
+      cursor: default;
+    }
+  }
+
+  &__top-info,
+  &__bottom-info {
+    position: absolute;
+    right: 0;
+    left: 0;
+    font-size: var(--van-calendar-info-font-size);
+    line-height: var(--van-calendar-info-line-height);
+
+    @media (max-width: 350px) {
+      font-size: 9px;
+    }
+  }
+
+  &__top-info {
+    top: 6px;
+  }
+
+  &__bottom-info {
+    bottom: 6px;
+  }
+
+  &__selected-day {
+    width: var(--van-calendar-selected-day-size);
+    height: var(--van-calendar-selected-day-size);
+    color: var(--van-calendar-selected-day-color);
+    background: var(--van-calendar-selected-day-background-color);
+    border-radius: var(--van-border-radius-md);
+  }
+
+  &__footer {
+    flex-shrink: 0;
+    padding-left: var(--van-padding-md);
+    padding-right: var(--van-padding-md);
+  }
+
+  &__confirm {
+    height: var(--van-calendar-confirm-button-height);
+    margin: var(--van-calendar-confirm-button-margin);
+  }
+}

package/lib/calendar/style/index.js

@@ -2,15 +2,9 @@ require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
 require("../../loading/index.css");
+require("../../picker/index.css");
 require("../../button/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../toast/index.css");
-require("../../sticky/index.css");
-require("../../swipe/index.css");
-require("../../swipe-item/index.css");
-require("../../tabs/index.css");
-require("../../tab/index.css");
-require("../../picker/index.css");
-require("../../picker-group/index.css");
 require("../index.css");

package/lib/calendar/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/calendar/style/less.js

@@ -0,0 +1,10 @@
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../loading/index.less");
+require("../../picker/index.less");
+require("../../button/index.less");
+require("../../overlay/index.less");
+require("../../popup/index.less");
+require("../../toast/index.less");
+require("../index.less");