vant 4.9.4 → 4.9.6

package/lib/calendar/Calendar.js

@@ -32,7 +32,6 @@ __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("./utils");
 var import_use = require("@vant/use");
@@ -86,7 +85,7 @@ const calendarProps = {
     validator: (val) => val >= 0 && val <= 6
   }
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name: import_utils2.name,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle", "clickDisabledDate", "panelChange"],
@@ -94,14 +93,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const canSwitch = (0, import_vue2.computed)(() => props.switchMode !== "none");
-    const minDate = (0, import_vue2.computed)(() => {
+    const canSwitch = (0, import_vue.computed)(() => props.switchMode !== "none");
+    const minDate = (0, import_vue.computed)(() => {
       if (!props.minDate && !canSwitch.value) {
         return (0, import_utils2.getToday)();
       }
       return props.minDate;
     });
-    const maxDate = (0, import_vue2.computed)(() => {
+    const maxDate = (0, import_vue.computed)(() => {
       if (!props.maxDate && !canSwitch.value) {
         return (0, import_utils2.getMonthByOffset)((0, import_utils2.getToday)(), 6);
       }
@@ -129,6 +128,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (!Array.isArray(defaultDate)) {
           defaultDate = [];
         }
+        if (defaultDate.length === 1 && (0, import_utils2.compareDay)(defaultDate[0], now) === 1) {
+          defaultDate = [];
+        }
         const min = minDate.value;
         const max = maxDate.value;
         const start = limitDateRange(defaultDate[0] || now, min, max ? allowSameDay ? max : (0, import_utils2.getPrevDay)(max) : void 0);
@@ -151,13 +153,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return date ? date : limitDateRange((0, import_utils2.getToday)());
     };
     let bodyHeight;
-    const bodyRef = (0, import_vue2.ref)();
-    const currentDate = (0, import_vue2.ref)(getInitialDate());
-    const currentPanelDate = (0, import_vue2.ref)(getInitialPanelDate());
-    const currentMonthRef = (0, import_vue2.ref)();
+    const bodyRef = (0, import_vue.ref)();
+    const currentDate = (0, import_vue.ref)(getInitialDate());
+    const currentPanelDate = (0, import_vue.ref)(getInitialPanelDate());
+    const currentMonthRef = (0, import_vue.ref)();
     const [monthRefs, setMonthRefs] = (0, import_use_refs.useRefs)();
-    const dayOffset = (0, import_vue2.computed)(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
-    const months = (0, import_vue2.computed)(() => {
+    const dayOffset = (0, import_vue.computed)(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
+    const months = (0, import_vue.computed)(() => {
       const months2 = [];
       if (!minDate.value || !maxDate.value) {
         return months2;
@@ -170,7 +172,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       } while ((0, import_utils2.compareMonth)(cursor, maxDate.value) !== 1);
       return months2;
     });
-    const buttonDisabled = (0, import_vue2.computed)(() => {
+    const buttonDisabled = (0, import_vue.computed)(() => {
       if (currentDate.value) {
         if (props.type === "range") {
           return !currentDate.value[0] || !currentDate.value[1];
@@ -312,7 +314,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       var _a;
       return (_a = disabledDays2.find((day) => (0, import_utils2.compareDay)(startDay, day.date) === -1 && (0, import_utils2.compareDay)(day.date, date) === -1)) == null ? void 0 : _a.date;
     };
-    const disabledDays = (0, import_vue2.computed)(() => monthRefs.value.reduce((arr, ref2) => {
+    const disabledDays = (0, import_vue.computed)(() => monthRefs.value.reduce((arr, ref2) => {
       var _a, _b;
       arr.push(...(_b = (_a = ref2.disabledDays) == null ? void 0 : _a.value) != null ? _b : []);
       return arr;
@@ -442,11 +444,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onScroll": canSwitch.value ? void 0 : onScroll
       }, [canSwitch.value ? renderMonth(currentPanelDate.value, 0) : months.value.map(renderMonth)]), renderFooter()]);
     };
-    (0, import_vue2.watch)(() => props.show, init);
-    (0, import_vue2.watch)(() => [props.type, props.minDate, props.maxDate, props.switchMode], () => reset(getInitialDate(currentDate.value)));
-    (0, import_vue2.watch)(() => props.defaultDate, (value = null) => {
-      currentDate.value = value;
-      scrollToCurrentDate();
+    (0, import_vue.watch)(() => props.show, init);
+    (0, import_vue.watch)(() => [props.type, props.minDate, props.maxDate, props.switchMode], () => reset(getInitialDate(currentDate.value)));
+    (0, import_vue.watch)(() => props.defaultDate, (value) => {
+      reset(value);
     });
     (0, import_use_expose.useExpose)({
       reset,

package/lib/calendar/CalendarDay.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { CalendarDayItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<CalendarDayItem>;
         required: true;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     rowHeight: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "clickDisabledDate")[], "click" | "clickDisabledDate", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "clickDisabledDate")[], "click" | "clickDisabledDate", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<CalendarDayItem>;
         required: true;
@@ -24,10 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     rowHeight: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClickDisabledDate?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     offset: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/calendar/CalendarDay.js

@@ -21,11 +21,10 @@ __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("./utils");
 const [name] = (0, import_utils.createNamespace)("calendar-day");
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: {
     item: (0, import_utils.makeRequiredProp)(Object),
@@ -39,7 +38,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const style = (0, import_vue2.computed)(() => {
+    const style = (0, import_vue.computed)(() => {
       var _a;
       const {
         item,

package/lib/calendar/CalendarHeader.d.ts

@@ -1,5 +1,5 @@
 import type { CalendarSwitchMode } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     date: DateConstructor;
     minDate: DateConstructor;
     maxDate: DateConstructor;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<CalendarSwitchMode>;
         default: CalendarSwitchMode;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickSubtitle" | "panelChange")[], "clickSubtitle" | "panelChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickSubtitle" | "panelChange")[], "clickSubtitle" | "panelChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     date: DateConstructor;
     minDate: DateConstructor;
     maxDate: DateConstructor;
@@ -25,12 +25,12 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<CalendarSwitchMode>;
         default: CalendarSwitchMode;
     };
-}>> & {
+}>> & Readonly<{
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
     onPanelChange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     switchMode: CalendarSwitchMode;
     showTitle: boolean;
     showSubtitle: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/calendar/CalendarHeader.js

@@ -21,12 +21,11 @@ __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("./utils");
 var import_icon = require("../icon");
 const [name] = (0, import_utils.createNamespace)("calendar-header");
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: {
     date: Date,
@@ -44,10 +43,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots,
     emit
   }) {
-    const prevMonthDisabled = (0, import_vue2.computed)(() => props.date && props.minDate && (0, import_utils2.compareMonth)((0, import_utils2.getPrevMonth)(props.date), props.minDate) < 0);
-    const prevYearDisabled = (0, import_vue2.computed)(() => props.date && props.minDate && (0, import_utils2.compareMonth)((0, import_utils2.getPrevYear)(props.date), props.minDate) < 0);
-    const nextMonthDisabled = (0, import_vue2.computed)(() => props.date && props.maxDate && (0, import_utils2.compareMonth)((0, import_utils2.getNextMonth)(props.date), props.maxDate) > 0);
-    const nextYearDisabled = (0, import_vue2.computed)(() => props.date && props.maxDate && (0, import_utils2.compareMonth)((0, import_utils2.getNextYear)(props.date), props.maxDate) > 0);
+    const prevMonthDisabled = (0, import_vue.computed)(() => props.date && props.minDate && (0, import_utils2.compareMonth)((0, import_utils2.getPrevMonth)(props.date), props.minDate) < 0);
+    const prevYearDisabled = (0, import_vue.computed)(() => props.date && props.minDate && (0, import_utils2.compareMonth)((0, import_utils2.getPrevYear)(props.date), props.minDate) < 0);
+    const nextMonthDisabled = (0, import_vue.computed)(() => props.date && props.maxDate && (0, import_utils2.compareMonth)((0, import_utils2.getNextMonth)(props.date), props.maxDate) > 0);
+    const nextYearDisabled = (0, import_vue.computed)(() => props.date && props.maxDate && (0, import_utils2.compareMonth)((0, import_utils2.getNextYear)(props.date), props.maxDate) > 0);
     const renderTitle = () => {
       if (props.showTitle) {
         const text = props.title || (0, import_utils2.t)("title");

package/lib/calendar/CalendarMonth.d.ts

@@ -20,7 +20,7 @@ declare const calendarMonthProps: {
     firstDayOfWeek: NumberConstructor;
 };
 export type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "clickDisabledDate")[], "click" | "clickDisabledDate", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "clickDisabledDate")[], "click" | "clickDisabledDate", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
@@ -56,14 +56,14 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClickDisabledDate?: ((...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

@@ -31,7 +31,6 @@ __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_utils3 = require("./utils");
@@ -56,7 +55,7 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: calendarMonthProps,
   emits: ["click", "clickDisabledDate"],
@@ -65,12 +64,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const [visible, setVisible] = (0, import_use.useToggle)();
-    const daysRef = (0, import_vue2.ref)();
-    const monthRef = (0, import_vue2.ref)();
+    const daysRef = (0, import_vue.ref)();
+    const monthRef = (0, import_vue.ref)();
     const height = (0, import_use_height.useHeight)(monthRef);
-    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 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;
@@ -79,8 +78,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return realDay;
     });
-    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 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 getTitle = () => title.value;
     const getMultipleDayType = (day) => {
       const isSelected = (date) => props.currentDate.some((item) => (0, import_utils3.compareDay)(item, date) === 0);
@@ -178,13 +177,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [props.date.getMonth() + 1]);
       }
     };
-    const placeholders = (0, import_vue2.computed)(() => {
+    const placeholders = (0, import_vue.computed)(() => {
       const count = Math.ceil((totalDay.value + offset.value) / 7);
       return Array(count).fill({
         type: "placeholder"
       });
     });
-    const days = (0, import_vue2.computed)(() => {
+    const days = (0, import_vue.computed)(() => {
       const days2 = [];
       const year = props.date.getFullYear();
       const month = props.date.getMonth();
@@ -204,7 +203,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return days2;
     });
-    const disabledDays = (0, import_vue2.computed)(() => days.value.filter((day) => day.type === "disabled"));
+    const disabledDays = (0, import_vue.computed)(() => days.value.filter((day) => day.type === "disabled"));
     const scrollToDate = (body, targetDate) => {
       if (daysRef.value) {
         const daysRect = (0, import_use.useRect)(daysRef.value);

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-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-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background: var(--van-primary-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-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-swicth{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,: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-swicth{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)}

package/lib/calendar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: import("vue").PropType<import("./types").CalendarType>;
@@ -27,7 +27,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("..").PopupPosition>;
         default: import("..").PopupPosition;
     };
-    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
     showMark: {
         type: BooleanConstructor;
         default: true;
@@ -85,7 +85,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, 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<{
+}>, () => 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<{
     show: BooleanConstructor;
     type: {
         type: import("vue").PropType<import("./types").CalendarType>;
@@ -114,7 +114,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("..").PopupPosition>;
         default: import("..").PopupPosition;
     };
-    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
     showMark: {
         type: BooleanConstructor;
         default: true;
@@ -172,7 +172,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (val: number) => boolean;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
@@ -182,7 +182,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;
     onOverRange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
     round: boolean;
@@ -203,7 +203,7 @@ 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';

package/lib/calendar/types.d.ts

@@ -45,16 +45,16 @@ export type CalendarThemeVars = {
     calendarDayHeight?: string;
     calendarDayFontSize?: string;
     calendarDayMarginBottom?: string;
+    calendarDayDisabledColor?: string;
     calendarRangeEdgeColor?: string;
     calendarRangeEdgeBackground?: string;
     calendarRangeMiddleColor?: string;
     calendarRangeMiddleBackgroundOpacity?: number | string;
     calendarSelectedDaySize?: string;
     calendarSelectedDayColor?: string;
+    calendarSelectedDayBackground?: string;
     calendarInfoFontSize?: string;
     calendarInfoLineHeight?: number | string;
-    calendarSelectedDayBackground?: string;
-    calendarDayDisabledColor?: string;
     calendarConfirmButtonHeight?: string;
     calendarConfirmButtonMargin?: string;
 };

package/lib/calendar/utils.d.ts

@@ -1,4 +1,4 @@
-declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
+declare const name: string, bem: (el?: import("../utils").Mods, mods?: import("../utils").Mods) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
 export { name, bem, t };
 export declare const formatMonthTitle: (date: Date) => any;
 export declare function compareMonth(date1: Date, date2: Date): 0 | 1 | -1;

package/lib/card/Card.d.ts

@@ -16,7 +16,7 @@ export declare const cardProps: {
     originPrice: (NumberConstructor | StringConstructor)[];
 };
 export type CardProps = ExtractPropTypes<typeof cardProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -46,11 +46,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}>> & {
+}>> & Readonly<{
     onClickThumb?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     lazyLoad: boolean;
     centered: boolean;
     currency: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/card/Card.js

@@ -22,7 +22,6 @@ __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_tag = require("../tag");
 var import_image = require("../image");
@@ -40,7 +39,7 @@ const cardProps = {
   thumbLink: String,
   originPrice: import_utils.numericProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: cardProps,
   emits: ["clickThumb"],

package/lib/card/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Card: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Card: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -13,7 +13,7 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -28,13 +28,13 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}>> & {
+}>> & Readonly<{
     onClickThumb?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     lazyLoad: boolean;
     centered: boolean;
     currency: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Card;
 export { cardProps } from './Card';
 export type { CardProps } from './Card';

package/lib/cascader/Cascader.d.ts

@@ -28,7 +28,7 @@ export declare const cascaderProps: {
     activeColor: StringConstructor;
 };
 export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<CascaderOption[]>;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<CascaderOption[]>;
@@ -80,17 +80,17 @@ declare const _default: import("vue").DefineComponent<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClickTab?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     closeIcon: string;
     closeable: boolean;
     options: CascaderOption[];
     swipeable: boolean;
     showHeader: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/cascader/Cascader.js

@@ -22,7 +22,6 @@ __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_use_refs = require("../composables/use-refs");
 var import_tab = require("../tab");
@@ -41,7 +40,7 @@ const cascaderProps = {
   placeholder: String,
   activeColor: String
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: cascaderProps,
   emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
@@ -49,8 +48,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots,
     emit
   }) {
-    const tabs = (0, import_vue2.ref)([]);
-    const activeTab = (0, import_vue2.ref)(0);
+    const tabs = (0, import_vue.ref)([]);
+    const activeTab = (0, import_vue.ref)(0);
     const [selectedElementRefs, setSelectedElementRefs] = (0, import_use_refs.useRefs)();
     const {
       text: textKey,
@@ -100,7 +99,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
               selected: null
             });
           }
-          (0, import_vue2.nextTick)(() => {
+          (0, import_vue.nextTick)(() => {
             activeTab.value = tabs.value.length - 1;
           });
           return;
@@ -129,7 +128,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         } else {
           tabs.value.push(nextTab);
         }
-        (0, import_vue2.nextTick)(() => {
+        (0, import_vue.nextTick)(() => {
           activeTab.value++;
         });
       }
@@ -234,15 +233,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     updateTabs();
-    (0, import_vue2.watch)(activeTab, (value) => {
+    (0, import_vue.watch)(activeTab, (value) => {
       const el = selectedElementRefs.value[value];
-      if (el)
-        scrollIntoView(el);
+      if (el) scrollIntoView(el);
     });
-    (0, import_vue2.watch)(() => props.options, updateTabs, {
+    (0, import_vue.watch)(() => props.options, updateTabs, {
       deep: true
     });
-    (0, import_vue2.watch)(() => props.modelValue, (value) => {
+    (0, import_vue.watch)(() => props.modelValue, (value) => {
       if (value !== void 0) {
         const values = tabs.value.map((tab) => {
           var _a;