vant 4.8.10 → 4.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -5
- package/es/calendar/Calendar.d.ts +16 -10
- package/es/calendar/Calendar.mjs +83 -53
- package/es/calendar/CalendarHeader.d.ts +16 -1
- package/es/calendar/CalendarHeader.mjs +71 -7
- package/es/calendar/CalendarMonth.d.ts +6 -24
- package/es/calendar/CalendarMonth.mjs +6 -4
- package/es/calendar/index.css +1 -1
- package/es/calendar/index.d.ts +11 -7
- package/es/calendar/types.d.ts +4 -0
- package/es/calendar/utils.d.ts +6 -0
- package/es/calendar/utils.mjs +20 -0
- package/es/dropdown-item/DropdownItem.mjs +10 -3
- package/es/dropdown-item/index.css +1 -1
- package/es/dropdown-item/types.d.ts +1 -0
- package/es/dropdown-menu/index.css +1 -1
- package/es/dropdown-menu/types.d.ts +1 -0
- package/es/highlight/Highlight.mjs +7 -0
- package/es/image-preview/ImagePreviewItem.mjs +2 -0
- package/es/index-bar/IndexBar.mjs +10 -2
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/picker-group/PickerGroup.d.ts +13 -0
- package/es/picker-group/PickerGroup.mjs +5 -4
- package/es/picker-group/index.d.ts +9 -0
- package/es/utils/basic.d.ts +1 -1
- package/lib/calendar/Calendar.d.ts +16 -10
- package/lib/calendar/Calendar.js +82 -52
- package/lib/calendar/CalendarHeader.d.ts +16 -1
- package/lib/calendar/CalendarHeader.js +68 -4
- package/lib/calendar/CalendarMonth.d.ts +6 -24
- package/lib/calendar/CalendarMonth.js +6 -4
- package/lib/calendar/index.css +1 -1
- package/lib/calendar/index.d.ts +11 -7
- package/lib/calendar/types.d.ts +4 -0
- package/lib/calendar/utils.d.ts +6 -0
- package/lib/calendar/utils.js +20 -0
- package/lib/dropdown-item/DropdownItem.js +10 -3
- package/lib/dropdown-item/index.css +1 -1
- package/lib/dropdown-item/types.d.ts +1 -0
- package/lib/dropdown-menu/index.css +1 -1
- package/lib/dropdown-menu/types.d.ts +1 -0
- package/lib/highlight/Highlight.js +7 -0
- package/lib/image-preview/ImagePreviewItem.js +2 -0
- package/lib/index-bar/IndexBar.js +10 -2
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/picker-group/PickerGroup.d.ts +13 -0
- package/lib/picker-group/PickerGroup.js +4 -3
- package/lib/picker-group/index.d.ts +9 -0
- package/lib/utils/basic.d.ts +1 -1
- package/lib/vant.cjs.js +203 -69
- package/lib/vant.es.js +203 -69
- package/lib/vant.js +204 -70
- package/lib/vant.min.js +3 -3
- package/lib/web-types.json +1 -1
- package/package.json +13 -13
package/es/calendar/index.d.ts
CHANGED
@@ -4,6 +4,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
|
|
4
4
|
type: import("vue").PropType<import("./types").CalendarType>;
|
5
5
|
default: import("./types").CalendarType;
|
6
6
|
};
|
7
|
+
switchMode: {
|
8
|
+
type: import("vue").PropType<import("./types").CalendarSwitchMode>;
|
9
|
+
default: import("./types").CalendarSwitchMode;
|
10
|
+
};
|
7
11
|
title: StringConstructor;
|
8
12
|
color: StringConstructor;
|
9
13
|
round: {
|
@@ -71,24 +75,26 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
|
|
71
75
|
minDate: {
|
72
76
|
type: DateConstructor;
|
73
77
|
validator: (val: unknown) => val is Date;
|
74
|
-
default: () => Date;
|
75
78
|
};
|
76
79
|
maxDate: {
|
77
80
|
type: DateConstructor;
|
78
81
|
validator: (val: unknown) => val is Date;
|
79
|
-
default: () => Date;
|
80
82
|
};
|
81
83
|
firstDayOfWeek: {
|
82
84
|
type: (NumberConstructor | StringConstructor)[];
|
83
85
|
default: number;
|
84
86
|
validator: (val: number) => boolean;
|
85
87
|
};
|
86
|
-
}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
88
|
+
}, () => 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<{
|
87
89
|
show: BooleanConstructor;
|
88
90
|
type: {
|
89
91
|
type: import("vue").PropType<import("./types").CalendarType>;
|
90
92
|
default: import("./types").CalendarType;
|
91
93
|
};
|
94
|
+
switchMode: {
|
95
|
+
type: import("vue").PropType<import("./types").CalendarSwitchMode>;
|
96
|
+
default: import("./types").CalendarSwitchMode;
|
97
|
+
};
|
92
98
|
title: StringConstructor;
|
93
99
|
color: StringConstructor;
|
94
100
|
round: {
|
@@ -156,12 +162,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
|
|
156
162
|
minDate: {
|
157
163
|
type: DateConstructor;
|
158
164
|
validator: (val: unknown) => val is Date;
|
159
|
-
default: () => Date;
|
160
165
|
};
|
161
166
|
maxDate: {
|
162
167
|
type: DateConstructor;
|
163
168
|
validator: (val: unknown) => val is Date;
|
164
|
-
default: () => Date;
|
165
169
|
};
|
166
170
|
firstDayOfWeek: {
|
167
171
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -174,6 +178,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
|
|
174
178
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
175
179
|
onClickDisabledDate?: ((...args: any[]) => any) | undefined;
|
176
180
|
onClickSubtitle?: ((...args: any[]) => any) | undefined;
|
181
|
+
onPanelChange?: ((...args: any[]) => any) | undefined;
|
177
182
|
onUnselect?: ((...args: any[]) => any) | undefined;
|
178
183
|
onMonthShow?: ((...args: any[]) => any) | undefined;
|
179
184
|
onOverRange?: ((...args: any[]) => any) | undefined;
|
@@ -188,6 +193,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
|
|
188
193
|
closeOnClickOverlay: boolean;
|
189
194
|
closeOnPopstate: boolean;
|
190
195
|
safeAreaInsetTop: boolean;
|
196
|
+
switchMode: import("./types").CalendarSwitchMode;
|
191
197
|
poppable: boolean;
|
192
198
|
maxRange: string | number;
|
193
199
|
showMark: boolean;
|
@@ -196,8 +202,6 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
|
|
196
202
|
allowSameDay: boolean;
|
197
203
|
showSubtitle: boolean;
|
198
204
|
showRangePrompt: boolean;
|
199
|
-
minDate: Date;
|
200
|
-
maxDate: Date;
|
201
205
|
firstDayOfWeek: string | number;
|
202
206
|
}, {}>>;
|
203
207
|
export default Calendar;
|
package/es/calendar/types.d.ts
CHANGED
@@ -2,6 +2,7 @@ import type { ComponentPublicInstance, ComputedRef, Ref } from 'vue';
|
|
2
2
|
import type { Numeric } from '../utils';
|
3
3
|
import type { CalendarProps } from './Calendar';
|
4
4
|
import type { CalendarMonthProps } from './CalendarMonth';
|
5
|
+
export type CalendarSwitchMode = 'none' | 'month' | 'year-month';
|
5
6
|
export type CalendarType = 'single' | 'range' | 'multiple';
|
6
7
|
export type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder';
|
7
8
|
export type CalendarDayItem = {
|
@@ -33,6 +34,9 @@ export type CalendarThemeVars = {
|
|
33
34
|
calendarHeaderTitleHeight?: string;
|
34
35
|
calendarHeaderTitleFontSize?: string;
|
35
36
|
calendarHeaderSubtitleFontSize?: string;
|
37
|
+
calendarHeaderActionWidth?: string;
|
38
|
+
calendarHeaderActionColor?: string;
|
39
|
+
calendarHeaderActionDisabledColor?: string;
|
36
40
|
calendarWeekdaysHeight?: string;
|
37
41
|
calendarWeekdaysFontSize?: string;
|
38
42
|
calendarMonthTitleFontSize?: string;
|
package/es/calendar/utils.d.ts
CHANGED
@@ -6,7 +6,13 @@ export declare function compareDay(day1: Date, day2: Date): 0 | 1 | -1;
|
|
6
6
|
export declare const cloneDate: (date: Date) => Date;
|
7
7
|
export declare const cloneDates: (dates: Date | Date[]) => Date | Date[];
|
8
8
|
export declare function getDayByOffset(date: Date, offset: number): Date;
|
9
|
+
export declare function getMonthByOffset(date: Date, offset: number): Date;
|
10
|
+
export declare function getYearByOffset(date: Date, offset: number): Date;
|
9
11
|
export declare const getPrevDay: (date: Date) => Date;
|
10
12
|
export declare const getNextDay: (date: Date) => Date;
|
13
|
+
export declare const getPrevMonth: (date: Date) => Date;
|
14
|
+
export declare const getNextMonth: (date: Date) => Date;
|
15
|
+
export declare const getPrevYear: (date: Date) => Date;
|
16
|
+
export declare const getNextYear: (date: Date) => Date;
|
11
17
|
export declare const getToday: () => Date;
|
12
18
|
export declare function calcDateNum(date: [Date, Date]): number;
|
package/es/calendar/utils.mjs
CHANGED
@@ -27,8 +27,22 @@ function getDayByOffset(date, offset) {
|
|
27
27
|
cloned.setDate(cloned.getDate() + offset);
|
28
28
|
return cloned;
|
29
29
|
}
|
30
|
+
function getMonthByOffset(date, offset) {
|
31
|
+
const cloned = cloneDate(date);
|
32
|
+
cloned.setMonth(cloned.getMonth() + offset);
|
33
|
+
return cloned;
|
34
|
+
}
|
35
|
+
function getYearByOffset(date, offset) {
|
36
|
+
const cloned = cloneDate(date);
|
37
|
+
cloned.setFullYear(cloned.getFullYear() + offset);
|
38
|
+
return cloned;
|
39
|
+
}
|
30
40
|
const getPrevDay = (date) => getDayByOffset(date, -1);
|
31
41
|
const getNextDay = (date) => getDayByOffset(date, 1);
|
42
|
+
const getPrevMonth = (date) => getMonthByOffset(date, -1);
|
43
|
+
const getNextMonth = (date) => getMonthByOffset(date, 1);
|
44
|
+
const getPrevYear = (date) => getYearByOffset(date, -1);
|
45
|
+
const getNextYear = (date) => getYearByOffset(date, 1);
|
32
46
|
const getToday = () => {
|
33
47
|
const today = /* @__PURE__ */ new Date();
|
34
48
|
today.setHours(0, 0, 0, 0);
|
@@ -48,9 +62,15 @@ export {
|
|
48
62
|
compareMonth,
|
49
63
|
formatMonthTitle,
|
50
64
|
getDayByOffset,
|
65
|
+
getMonthByOffset,
|
51
66
|
getNextDay,
|
67
|
+
getNextMonth,
|
68
|
+
getNextYear,
|
52
69
|
getPrevDay,
|
70
|
+
getPrevMonth,
|
71
|
+
getPrevYear,
|
53
72
|
getToday,
|
73
|
+
getYearByOffset,
|
54
74
|
name,
|
55
75
|
t
|
56
76
|
};
|
@@ -81,8 +81,14 @@ var stdin_default = defineComponent({
|
|
81
81
|
const {
|
82
82
|
activeColor
|
83
83
|
} = parent.props;
|
84
|
+
const {
|
85
|
+
disabled
|
86
|
+
} = option;
|
84
87
|
const active = option.value === props.modelValue;
|
85
88
|
const onClick = () => {
|
89
|
+
if (disabled) {
|
90
|
+
return;
|
91
|
+
}
|
86
92
|
state.showPopup = false;
|
87
93
|
if (option.value !== props.modelValue) {
|
88
94
|
emit("update:modelValue", option.value);
|
@@ -93,7 +99,7 @@ var stdin_default = defineComponent({
|
|
93
99
|
if (active) {
|
94
100
|
return _createVNode(Icon, {
|
95
101
|
"class": bem("icon"),
|
96
|
-
"color": activeColor,
|
102
|
+
"color": disabled ? void 0 : activeColor,
|
97
103
|
"name": "success"
|
98
104
|
}, null);
|
99
105
|
}
|
@@ -104,13 +110,14 @@ var stdin_default = defineComponent({
|
|
104
110
|
"icon": option.icon,
|
105
111
|
"title": option.text,
|
106
112
|
"class": bem("option", {
|
107
|
-
active
|
113
|
+
active,
|
114
|
+
disabled
|
108
115
|
}),
|
109
116
|
"style": {
|
110
117
|
color: active ? activeColor : ""
|
111
118
|
},
|
112
119
|
"tabindex": active ? 0 : -1,
|
113
|
-
"clickable":
|
120
|
+
"clickable": !disabled,
|
114
121
|
"onClick": onClick
|
115
122
|
}, {
|
116
123
|
value: renderIcon
|
@@ -1 +1 @@
|
|
1
|
-
:root,:host{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}
|
1
|
+
:root,:host{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item__option--disabled,.van-dropdown-item__option--disabled .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-disabled-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}
|
@@ -3,6 +3,7 @@ import type { VNode, ComponentPublicInstance } from 'vue';
|
|
3
3
|
import type { Numeric } from '../utils';
|
4
4
|
export type DropdownItemOptionValue = Numeric | boolean;
|
5
5
|
export type DropdownItemOption = {
|
6
|
+
disabled?: boolean;
|
6
7
|
text: string;
|
7
8
|
icon?: string;
|
8
9
|
value: DropdownItemOptionValue;
|
@@ -1 +1 @@
|
|
1
|
-
:root,:host{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
|
1
|
+
:root,:host{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-option-disabled-color: var(--van-text-color-3);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
|
@@ -66,6 +66,13 @@ var stdin_default = defineComponent({
|
|
66
66
|
return chunks2;
|
67
67
|
}, []);
|
68
68
|
const lastChunk = chunks[chunks.length - 1];
|
69
|
+
if (!lastChunk) {
|
70
|
+
chunks.push({
|
71
|
+
start: 0,
|
72
|
+
end: sourceString.length,
|
73
|
+
highlight: false
|
74
|
+
});
|
75
|
+
}
|
69
76
|
if (lastChunk && lastChunk.end < sourceString.length) {
|
70
77
|
chunks.push({
|
71
78
|
start: lastChunk.end,
|
@@ -191,6 +191,8 @@ var stdin_default = defineComponent({
|
|
191
191
|
const checkClose = (event) => {
|
192
192
|
var _a;
|
193
193
|
const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
|
194
|
+
if (!swipeItemEl)
|
195
|
+
return;
|
194
196
|
const imageEl = swipeItemEl.firstElementChild;
|
195
197
|
const isClickOverlay = event.target === swipeItemEl;
|
196
198
|
const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);
|
@@ -84,7 +84,11 @@ var stdin_default = defineComponent({
|
|
84
84
|
const match = getMatchAnchor(selectActiveIndex);
|
85
85
|
if (match) {
|
86
86
|
const rect = match.getRect(scrollParent.value, scrollParentRect);
|
87
|
-
|
87
|
+
if (props.sticky && props.stickyOffsetTop) {
|
88
|
+
active = getActiveAnchor(rect.top - props.stickyOffsetTop, rects);
|
89
|
+
} else {
|
90
|
+
active = getActiveAnchor(rect.top, rects);
|
91
|
+
}
|
88
92
|
}
|
89
93
|
} else {
|
90
94
|
active = getActiveAnchor(scrollTop, rects);
|
@@ -157,7 +161,11 @@ var stdin_default = defineComponent({
|
|
157
161
|
return;
|
158
162
|
}
|
159
163
|
if (props.sticky && props.stickyOffsetTop) {
|
160
|
-
|
164
|
+
if (getRootScrollTop() === offsetHeight - scrollParentRect.height) {
|
165
|
+
setRootScrollTop(getRootScrollTop());
|
166
|
+
} else {
|
167
|
+
setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
|
168
|
+
}
|
161
169
|
}
|
162
170
|
emit("select", match.index);
|
163
171
|
}
|
package/es/index.d.ts
CHANGED
package/es/index.mjs
CHANGED
@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
|
|
99
99
|
import { TreeSelect } from "./tree-select/index.mjs";
|
100
100
|
import { Uploader } from "./uploader/index.mjs";
|
101
101
|
import { Watermark } from "./watermark/index.mjs";
|
102
|
-
const version = "4.
|
102
|
+
const version = "4.9.0";
|
103
103
|
function install(app) {
|
104
104
|
const components = [
|
105
105
|
ActionBar,
|
@@ -11,6 +11,10 @@ export declare const pickerGroupProps: {
|
|
11
11
|
default: number;
|
12
12
|
};
|
13
13
|
nextStepText: StringConstructor;
|
14
|
+
showToolbar: {
|
15
|
+
type: BooleanConstructor;
|
16
|
+
default: true;
|
17
|
+
};
|
14
18
|
} & {
|
15
19
|
title: StringConstructor;
|
16
20
|
cancelButtonText: StringConstructor;
|
@@ -27,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
27
31
|
default: number;
|
28
32
|
};
|
29
33
|
nextStepText: StringConstructor;
|
34
|
+
showToolbar: {
|
35
|
+
type: BooleanConstructor;
|
36
|
+
default: true;
|
37
|
+
};
|
30
38
|
} & {
|
31
39
|
title: StringConstructor;
|
32
40
|
cancelButtonText: StringConstructor;
|
@@ -41,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
41
49
|
default: number;
|
42
50
|
};
|
43
51
|
nextStepText: StringConstructor;
|
52
|
+
showToolbar: {
|
53
|
+
type: BooleanConstructor;
|
54
|
+
default: true;
|
55
|
+
};
|
44
56
|
} & {
|
45
57
|
title: StringConstructor;
|
46
58
|
cancelButtonText: StringConstructor;
|
@@ -50,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
50
62
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
51
63
|
"onUpdate:activeTab"?: ((...args: any[]) => any) | undefined;
|
52
64
|
}, {
|
65
|
+
showToolbar: boolean;
|
53
66
|
tabs: string[];
|
54
67
|
activeTab: string | number;
|
55
68
|
}, {}>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { createVNode as _createVNode } from "vue";
|
2
2
|
import { defineComponent, Comment, Fragment } from "vue";
|
3
|
-
import { flat, pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
|
3
|
+
import { flat, pick, extend, makeArrayProp, makeNumericProp, createNamespace, truthProp } from "../utils/index.mjs";
|
4
4
|
import { useChildren } from "@vant/use";
|
5
5
|
import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
|
6
6
|
import { Tab } from "../tab/index.mjs";
|
@@ -11,7 +11,8 @@ const PICKER_GROUP_KEY = Symbol(name);
|
|
11
11
|
const pickerGroupProps = extend({
|
12
12
|
tabs: makeArrayProp(),
|
13
13
|
activeTab: makeNumericProp(0),
|
14
|
-
nextStepText: String
|
14
|
+
nextStepText: String,
|
15
|
+
showToolbar: truthProp
|
15
16
|
}, pickerToolbarProps);
|
16
17
|
var stdin_default = defineComponent({
|
17
18
|
name,
|
@@ -50,13 +51,13 @@ var stdin_default = defineComponent({
|
|
50
51
|
const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
|
51
52
|
return _createVNode("div", {
|
52
53
|
"class": bem()
|
53
|
-
}, [_createVNode(Toolbar, {
|
54
|
+
}, [props.showToolbar ? _createVNode(Toolbar, {
|
54
55
|
"title": props.title,
|
55
56
|
"cancelButtonText": props.cancelButtonText,
|
56
57
|
"confirmButtonText": confirmButtonText,
|
57
58
|
"onConfirm": onConfirm,
|
58
59
|
"onCancel": onCancel
|
59
|
-
}, pick(slots, pickerToolbarSlots)), _createVNode(Tabs, {
|
60
|
+
}, pick(slots, pickerToolbarSlots)) : null, _createVNode(Tabs, {
|
60
61
|
"active": activeTab.value,
|
61
62
|
"onUpdate:active": ($event) => activeTab.value = $event,
|
62
63
|
"class": bem("tabs"),
|
@@ -9,6 +9,10 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
|
|
9
9
|
default: number;
|
10
10
|
};
|
11
11
|
nextStepText: StringConstructor;
|
12
|
+
showToolbar: {
|
13
|
+
type: BooleanConstructor;
|
14
|
+
default: true;
|
15
|
+
};
|
12
16
|
} & {
|
13
17
|
title: StringConstructor;
|
14
18
|
cancelButtonText: StringConstructor;
|
@@ -23,6 +27,10 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
|
|
23
27
|
default: number;
|
24
28
|
};
|
25
29
|
nextStepText: StringConstructor;
|
30
|
+
showToolbar: {
|
31
|
+
type: BooleanConstructor;
|
32
|
+
default: true;
|
33
|
+
};
|
26
34
|
} & {
|
27
35
|
title: StringConstructor;
|
28
36
|
cancelButtonText: StringConstructor;
|
@@ -32,6 +40,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
|
|
32
40
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
33
41
|
"onUpdate:activeTab"?: ((...args: any[]) => any) | undefined;
|
34
42
|
}, {
|
43
|
+
showToolbar: boolean;
|
35
44
|
tabs: string[];
|
36
45
|
activeTab: string | number;
|
37
46
|
}, {}>>;
|
package/es/utils/basic.d.ts
CHANGED
@@ -27,4 +27,4 @@ export type RequiredParams<T> = T extends (...args: infer P) => infer R ? (...ar
|
|
27
27
|
export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
|
28
28
|
export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;
|
29
29
|
export declare const toArray: <T>(item: T | T[]) => T[];
|
30
|
-
export declare const flat: <T>(arr:
|
30
|
+
export declare const flat: <T>(arr: Array<T | T[]>) => T[];
|
@@ -1,12 +1,16 @@
|
|
1
1
|
import { type PropType, type ExtractPropTypes } from 'vue';
|
2
2
|
import { PopupPosition } from '../popup';
|
3
|
-
import type { CalendarType, CalendarDayItem } from './types';
|
3
|
+
import type { CalendarType, CalendarSwitchMode, CalendarDayItem } from './types';
|
4
4
|
export declare const calendarProps: {
|
5
5
|
show: BooleanConstructor;
|
6
6
|
type: {
|
7
7
|
type: PropType<CalendarType>;
|
8
8
|
default: CalendarType;
|
9
9
|
};
|
10
|
+
switchMode: {
|
11
|
+
type: PropType<CalendarSwitchMode>;
|
12
|
+
default: CalendarSwitchMode;
|
13
|
+
};
|
10
14
|
title: StringConstructor;
|
11
15
|
color: StringConstructor;
|
12
16
|
round: {
|
@@ -74,12 +78,10 @@ export declare const calendarProps: {
|
|
74
78
|
minDate: {
|
75
79
|
type: DateConstructor;
|
76
80
|
validator: (val: unknown) => val is Date;
|
77
|
-
default: () => Date;
|
78
81
|
};
|
79
82
|
maxDate: {
|
80
83
|
type: DateConstructor;
|
81
84
|
validator: (val: unknown) => val is Date;
|
82
|
-
default: () => Date;
|
83
85
|
};
|
84
86
|
firstDayOfWeek: {
|
85
87
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -94,6 +96,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
94
96
|
type: PropType<CalendarType>;
|
95
97
|
default: CalendarType;
|
96
98
|
};
|
99
|
+
switchMode: {
|
100
|
+
type: PropType<CalendarSwitchMode>;
|
101
|
+
default: CalendarSwitchMode;
|
102
|
+
};
|
97
103
|
title: StringConstructor;
|
98
104
|
color: StringConstructor;
|
99
105
|
round: {
|
@@ -161,24 +167,26 @@ declare const _default: import("vue").DefineComponent<{
|
|
161
167
|
minDate: {
|
162
168
|
type: DateConstructor;
|
163
169
|
validator: (val: unknown) => val is Date;
|
164
|
-
default: () => Date;
|
165
170
|
};
|
166
171
|
maxDate: {
|
167
172
|
type: DateConstructor;
|
168
173
|
validator: (val: unknown) => val is Date;
|
169
|
-
default: () => Date;
|
170
174
|
};
|
171
175
|
firstDayOfWeek: {
|
172
176
|
type: (NumberConstructor | StringConstructor)[];
|
173
177
|
default: number;
|
174
178
|
validator: (val: number) => boolean;
|
175
179
|
};
|
176
|
-
}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
180
|
+
}, () => 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<ExtractPropTypes<{
|
177
181
|
show: BooleanConstructor;
|
178
182
|
type: {
|
179
183
|
type: PropType<CalendarType>;
|
180
184
|
default: CalendarType;
|
181
185
|
};
|
186
|
+
switchMode: {
|
187
|
+
type: PropType<CalendarSwitchMode>;
|
188
|
+
default: CalendarSwitchMode;
|
189
|
+
};
|
182
190
|
title: StringConstructor;
|
183
191
|
color: StringConstructor;
|
184
192
|
round: {
|
@@ -246,12 +254,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
246
254
|
minDate: {
|
247
255
|
type: DateConstructor;
|
248
256
|
validator: (val: unknown) => val is Date;
|
249
|
-
default: () => Date;
|
250
257
|
};
|
251
258
|
maxDate: {
|
252
259
|
type: DateConstructor;
|
253
260
|
validator: (val: unknown) => val is Date;
|
254
|
-
default: () => Date;
|
255
261
|
};
|
256
262
|
firstDayOfWeek: {
|
257
263
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -264,6 +270,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
264
270
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
265
271
|
onClickDisabledDate?: ((...args: any[]) => any) | undefined;
|
266
272
|
onClickSubtitle?: ((...args: any[]) => any) | undefined;
|
273
|
+
onPanelChange?: ((...args: any[]) => any) | undefined;
|
267
274
|
onUnselect?: ((...args: any[]) => any) | undefined;
|
268
275
|
onMonthShow?: ((...args: any[]) => any) | undefined;
|
269
276
|
onOverRange?: ((...args: any[]) => any) | undefined;
|
@@ -278,6 +285,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
278
285
|
closeOnClickOverlay: boolean;
|
279
286
|
closeOnPopstate: boolean;
|
280
287
|
safeAreaInsetTop: boolean;
|
288
|
+
switchMode: CalendarSwitchMode;
|
281
289
|
poppable: boolean;
|
282
290
|
maxRange: string | number;
|
283
291
|
showMark: boolean;
|
@@ -286,8 +294,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
286
294
|
allowSameDay: boolean;
|
287
295
|
showSubtitle: boolean;
|
288
296
|
showRangePrompt: boolean;
|
289
|
-
minDate: Date;
|
290
|
-
maxDate: Date;
|
291
297
|
firstDayOfWeek: string | number;
|
292
298
|
}, {}>;
|
293
299
|
export default _default;
|