vant 3.5.3 → 3.6.1
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 +4 -0
- package/changelog.generated.md +39 -42
- package/es/badge/Badge.mjs +1 -1
- package/es/calendar/Calendar.mjs +3 -4
- package/es/composables/use-global-z-index.d.ts +4 -0
- package/es/composables/use-global-z-index.mjs +9 -0
- package/es/composables/use-height.mjs +2 -0
- package/es/composables/use-lock-scroll.mjs +3 -1
- package/es/config-provider/ConfigProvider.d.ts +3 -0
- package/es/config-provider/ConfigProvider.mjs +8 -1
- package/es/config-provider/index.d.ts +2 -0
- package/es/dropdown-menu/DropdownMenu.mjs +2 -1
- package/es/empty/Empty.d.ts +1 -1
- package/es/empty/Empty.mjs +281 -16
- package/es/field/Field.mjs +4 -1
- package/es/field/types.d.ts +1 -0
- package/es/field/utils.d.ts +1 -0
- package/es/field/utils.mjs +8 -2
- package/es/image-preview/ImagePreviewItem.mjs +1 -1
- package/es/index-bar/IndexBar.mjs +3 -2
- package/es/index.d.ts +2 -1
- package/es/index.mjs +4 -1
- package/es/list/List.mjs +2 -1
- package/es/number-keyboard/NumberKeyboard.mjs +1 -2
- package/es/number-keyboard/NumberKeyboardKey.mjs +2 -2
- package/es/password-input/PasswordInput.mjs +1 -1
- package/es/picker/PickerColumn.mjs +1 -1
- package/es/popover/Popover.mjs +11 -9
- package/es/popup/Popup.mjs +6 -5
- package/es/pull-refresh/PullRefresh.mjs +7 -3
- package/es/rate/Rate.mjs +1 -1
- package/es/search/index.css +1 -1
- package/es/search/index.less +3 -1
- package/es/slider/Slider.mjs +1 -1
- package/es/space/Space.d.ts +48 -0
- package/es/space/Space.mjs +87 -0
- package/es/space/index.css +1 -0
- package/es/space/index.d.ts +37 -0
- package/es/space/index.less +38 -0
- package/es/space/index.mjs +8 -0
- package/es/space/style/index.d.ts +1 -0
- package/es/space/style/index.mjs +2 -0
- package/es/space/style/less.d.ts +1 -0
- package/es/space/style/less.mjs +2 -0
- package/es/stepper/Stepper.mjs +1 -1
- package/es/sticky/Sticky.mjs +2 -1
- package/es/swipe/Swipe.mjs +1 -1
- package/es/swipe-cell/SwipeCell.mjs +1 -1
- package/es/tabs/Tabs.mjs +12 -2
- package/es/tabs/TabsContent.mjs +4 -0
- package/es/vue-tsx-shim.d.ts +7 -0
- package/lib/badge/Badge.js +1 -1
- package/lib/calendar/Calendar.js +3 -4
- package/lib/composables/use-global-z-index.d.ts +4 -0
- package/lib/composables/use-global-z-index.js +28 -0
- package/lib/composables/use-height.js +2 -0
- package/lib/composables/use-lock-scroll.js +3 -1
- package/lib/config-provider/ConfigProvider.d.ts +3 -0
- package/lib/config-provider/ConfigProvider.js +7 -0
- package/lib/config-provider/index.d.ts +2 -0
- package/lib/dropdown-menu/DropdownMenu.js +2 -1
- package/lib/empty/Empty.d.ts +1 -1
- package/lib/empty/Empty.js +281 -16
- package/lib/field/Field.js +3 -0
- package/lib/field/types.d.ts +1 -0
- package/lib/field/utils.d.ts +1 -0
- package/lib/field/utils.js +8 -2
- package/lib/image-preview/ImagePreviewItem.js +1 -1
- package/lib/index-bar/IndexBar.js +3 -2
- package/lib/index.css +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +4 -1
- package/lib/index.less +1 -0
- package/lib/list/List.js +2 -1
- package/lib/number-keyboard/NumberKeyboard.js +1 -2
- package/lib/number-keyboard/NumberKeyboardKey.js +2 -2
- package/lib/password-input/PasswordInput.js +1 -1
- package/lib/picker/PickerColumn.js +1 -1
- package/lib/popover/Popover.js +10 -8
- package/lib/popup/Popup.js +6 -5
- package/lib/pull-refresh/PullRefresh.js +6 -2
- package/lib/rate/Rate.js +1 -1
- package/lib/search/index.css +1 -1
- package/lib/search/index.less +3 -1
- package/lib/slider/Slider.js +1 -1
- package/lib/space/Space.d.ts +48 -0
- package/lib/space/Space.js +106 -0
- package/lib/space/index.css +1 -0
- package/lib/space/index.d.ts +37 -0
- package/lib/space/index.js +30 -0
- package/lib/space/index.less +38 -0
- package/lib/space/style/index.d.ts +1 -0
- package/lib/space/style/index.js +2 -0
- package/lib/space/style/less.d.ts +1 -0
- package/lib/space/style/less.js +2 -0
- package/lib/stepper/Stepper.js +1 -1
- package/lib/sticky/Sticky.js +2 -1
- package/lib/swipe/Swipe.js +1 -1
- package/lib/swipe-cell/SwipeCell.js +1 -1
- package/lib/tabs/Tabs.js +12 -2
- package/lib/tabs/TabsContent.js +4 -0
- package/lib/vant.cjs.js +1202 -1074
- package/lib/vant.es.js +1203 -1075
- package/lib/vant.js +1212 -1150
- package/lib/vant.min.js +1 -1
- package/lib/vue-tsx-shim.d.ts +7 -0
- package/lib/web-types.json +1189 -1117
- package/package.json +2 -2
- package/es/empty/Images.d.ts +0 -4
- package/es/empty/Images.mjs +0 -271
- package/lib/.DS_Store +0 -0
- package/lib/action-bar/.DS_Store +0 -0
- package/lib/action-bar-button/.DS_Store +0 -0
- package/lib/action-bar-icon/.DS_Store +0 -0
- package/lib/action-sheet/.DS_Store +0 -0
- package/lib/address-edit/.DS_Store +0 -0
- package/lib/address-list/.DS_Store +0 -0
- package/lib/area/.DS_Store +0 -0
- package/lib/badge/.DS_Store +0 -0
- package/lib/button/.DS_Store +0 -0
- package/lib/calendar/.DS_Store +0 -0
- package/lib/card/.DS_Store +0 -0
- package/lib/cascader/.DS_Store +0 -0
- package/lib/cell/.DS_Store +0 -0
- package/lib/cell-group/.DS_Store +0 -0
- package/lib/checkbox/.DS_Store +0 -0
- package/lib/checkbox-group/.DS_Store +0 -0
- package/lib/circle/.DS_Store +0 -0
- package/lib/col/.DS_Store +0 -0
- package/lib/collapse/.DS_Store +0 -0
- package/lib/collapse-item/.DS_Store +0 -0
- package/lib/config-provider/.DS_Store +0 -0
- package/lib/contact-card/.DS_Store +0 -0
- package/lib/contact-edit/.DS_Store +0 -0
- package/lib/contact-list/.DS_Store +0 -0
- package/lib/count-down/.DS_Store +0 -0
- package/lib/coupon/.DS_Store +0 -0
- package/lib/coupon-cell/.DS_Store +0 -0
- package/lib/coupon-list/.DS_Store +0 -0
- package/lib/datetime-picker/.DS_Store +0 -0
- package/lib/dialog/.DS_Store +0 -0
- package/lib/divider/.DS_Store +0 -0
- package/lib/dropdown-item/.DS_Store +0 -0
- package/lib/dropdown-menu/.DS_Store +0 -0
- package/lib/empty/.DS_Store +0 -0
- package/lib/empty/Images.d.ts +0 -4
- package/lib/empty/Images.js +0 -290
- package/lib/field/.DS_Store +0 -0
- package/lib/form/.DS_Store +0 -0
- package/lib/grid/.DS_Store +0 -0
- package/lib/grid-item/.DS_Store +0 -0
- package/lib/icon/.DS_Store +0 -0
- package/lib/image/.DS_Store +0 -0
- package/lib/image-preview/.DS_Store +0 -0
- package/lib/index-anchor/.DS_Store +0 -0
- package/lib/index-bar/.DS_Store +0 -0
- package/lib/lazyload/.DS_Store +0 -0
- package/lib/list/.DS_Store +0 -0
- package/lib/loading/.DS_Store +0 -0
- package/lib/locale/.DS_Store +0 -0
- package/lib/nav-bar/.DS_Store +0 -0
- package/lib/notice-bar/.DS_Store +0 -0
- package/lib/notify/.DS_Store +0 -0
- package/lib/number-keyboard/.DS_Store +0 -0
- package/lib/overlay/.DS_Store +0 -0
- package/lib/pagination/.DS_Store +0 -0
- package/lib/password-input/.DS_Store +0 -0
- package/lib/picker/.DS_Store +0 -0
- package/lib/popover/.DS_Store +0 -0
- package/lib/popup/.DS_Store +0 -0
- package/lib/progress/.DS_Store +0 -0
- package/lib/pull-refresh/.DS_Store +0 -0
- package/lib/radio/.DS_Store +0 -0
- package/lib/radio-group/.DS_Store +0 -0
- package/lib/rate/.DS_Store +0 -0
- package/lib/row/.DS_Store +0 -0
- package/lib/search/.DS_Store +0 -0
- package/lib/share-sheet/.DS_Store +0 -0
- package/lib/sidebar/.DS_Store +0 -0
- package/lib/sidebar-item/.DS_Store +0 -0
- package/lib/skeleton/.DS_Store +0 -0
- package/lib/slider/.DS_Store +0 -0
- package/lib/step/.DS_Store +0 -0
- package/lib/stepper/.DS_Store +0 -0
- package/lib/steps/.DS_Store +0 -0
- package/lib/sticky/.DS_Store +0 -0
- package/lib/submit-bar/.DS_Store +0 -0
- package/lib/swipe/.DS_Store +0 -0
- package/lib/swipe-cell/.DS_Store +0 -0
- package/lib/swipe-item/.DS_Store +0 -0
- package/lib/switch/.DS_Store +0 -0
- package/lib/tab/.DS_Store +0 -0
- package/lib/tabbar/.DS_Store +0 -0
- package/lib/tabbar-item/.DS_Store +0 -0
- package/lib/tabs/.DS_Store +0 -0
- package/lib/tag/.DS_Store +0 -0
- package/lib/toast/.DS_Store +0 -0
- package/lib/tree-select/.DS_Store +0 -0
- package/lib/uploader/.DS_Store +0 -0
package/lib/index.d.ts
CHANGED
@@ -67,6 +67,7 @@ export * from "./sidebar";
|
|
67
67
|
export * from "./sidebar-item";
|
68
68
|
export * from "./skeleton";
|
69
69
|
export * from "./slider";
|
70
|
+
export * from "./space";
|
70
71
|
export * from "./step";
|
71
72
|
export * from "./stepper";
|
72
73
|
export * from "./steps";
|
@@ -90,4 +91,4 @@ declare namespace _default {
|
|
90
91
|
}
|
91
92
|
export default _default;
|
92
93
|
export function install(app: any): void;
|
93
|
-
export const version: "3.
|
94
|
+
export const version: "3.6.1";
|
package/lib/index.js
CHANGED
@@ -91,6 +91,7 @@ var import_sidebar = require("./sidebar");
|
|
91
91
|
var import_sidebar_item = require("./sidebar-item");
|
92
92
|
var import_skeleton = require("./skeleton");
|
93
93
|
var import_slider = require("./slider");
|
94
|
+
var import_space = require("./space");
|
94
95
|
var import_step = require("./step");
|
95
96
|
var import_stepper = require("./stepper");
|
96
97
|
var import_steps = require("./steps");
|
@@ -177,6 +178,7 @@ __reExport(stdin_exports, require("./sidebar"), module.exports);
|
|
177
178
|
__reExport(stdin_exports, require("./sidebar-item"), module.exports);
|
178
179
|
__reExport(stdin_exports, require("./skeleton"), module.exports);
|
179
180
|
__reExport(stdin_exports, require("./slider"), module.exports);
|
181
|
+
__reExport(stdin_exports, require("./space"), module.exports);
|
180
182
|
__reExport(stdin_exports, require("./step"), module.exports);
|
181
183
|
__reExport(stdin_exports, require("./stepper"), module.exports);
|
182
184
|
__reExport(stdin_exports, require("./steps"), module.exports);
|
@@ -194,7 +196,7 @@ __reExport(stdin_exports, require("./tag"), module.exports);
|
|
194
196
|
__reExport(stdin_exports, require("./toast"), module.exports);
|
195
197
|
__reExport(stdin_exports, require("./tree-select"), module.exports);
|
196
198
|
__reExport(stdin_exports, require("./uploader"), module.exports);
|
197
|
-
const version = "3.
|
199
|
+
const version = "3.6.1";
|
198
200
|
function install(app) {
|
199
201
|
const components = [
|
200
202
|
import_action_bar.ActionBar,
|
@@ -265,6 +267,7 @@ function install(app) {
|
|
265
267
|
import_sidebar_item.SidebarItem,
|
266
268
|
import_skeleton.Skeleton,
|
267
269
|
import_slider.Slider,
|
270
|
+
import_space.Space,
|
268
271
|
import_step.Step,
|
269
272
|
import_stepper.Stepper,
|
270
273
|
import_steps.Steps,
|
package/lib/index.less
CHANGED
package/lib/list/List.js
CHANGED
@@ -229,9 +229,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
229
229
|
unfit: !props.safeAreaInsetBottom,
|
230
230
|
"with-title": !!Title
|
231
231
|
}),
|
232
|
-
"onTouchstart": import_utils.stopPropagation,
|
233
232
|
"onAnimationend": onAnimationEnd,
|
234
|
-
"
|
233
|
+
"onTouchstartPassive": import_utils.stopPropagation
|
235
234
|
}, [Title, (0, import_vue.createVNode)("div", {
|
236
235
|
"class": bem("body")
|
237
236
|
}, [(0, import_vue.createVNode)("div", {
|
@@ -96,8 +96,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
96
96
|
"class": bem("wrapper", {
|
97
97
|
wider: props.wider
|
98
98
|
}),
|
99
|
-
"
|
100
|
-
"
|
99
|
+
"onTouchstartPassive": onTouchStart,
|
100
|
+
"onTouchmovePassive": onTouchMove,
|
101
101
|
"onTouchend": onTouchEnd,
|
102
102
|
"onTouchcancel": onTouchEnd
|
103
103
|
}, [(0, import_vue.createVNode)("div", {
|
@@ -88,7 +88,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
88
88
|
"class": [bem("security"), {
|
89
89
|
[import_utils.BORDER_SURROUND]: !props.gutter
|
90
90
|
}],
|
91
|
-
"
|
91
|
+
"onTouchstartPassive": onTouchStart
|
92
92
|
}, [renderPoints()]), info && (0, import_vue.createVNode)("div", {
|
93
93
|
"class": bem(props.errorInfo ? "error-info" : "info")
|
94
94
|
}, [info])]);
|
@@ -241,7 +241,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
241
241
|
(0, import_vue2.watch)(() => props.defaultIndex, (value) => setIndex(value));
|
242
242
|
return () => (0, import_vue.createVNode)("div", {
|
243
243
|
"class": [bem(), props.className],
|
244
|
-
"
|
244
|
+
"onTouchstartPassive": onTouchStart,
|
245
245
|
"onTouchmove": onTouchMove,
|
246
246
|
"onTouchend": onTouchEnd,
|
247
247
|
"onTouchcancel": onTouchEnd
|
package/lib/popover/Popover.js
CHANGED
@@ -63,6 +63,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
63
63
|
attrs
|
64
64
|
}) {
|
65
65
|
let popper;
|
66
|
+
const popupRef = (0, import_vue2.ref)();
|
66
67
|
const wrapperRef = (0, import_vue2.ref)();
|
67
68
|
const popoverRef = (0, import_vue2.ref)();
|
68
69
|
const getPopoverOptions = () => ({
|
@@ -103,10 +104,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
103
104
|
updateShow(!props.show);
|
104
105
|
}
|
105
106
|
};
|
106
|
-
const onTouchstart = (event) => {
|
107
|
-
event.stopPropagation();
|
108
|
-
emit("touchstart", event);
|
109
|
-
};
|
110
107
|
const onClickAction = (action, index) => {
|
111
108
|
if (action.disabled) {
|
112
109
|
return;
|
@@ -117,7 +114,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
117
114
|
}
|
118
115
|
};
|
119
116
|
const onClickAway = () => {
|
120
|
-
if (props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
|
117
|
+
if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
|
121
118
|
updateShow(false);
|
122
119
|
}
|
123
120
|
};
|
@@ -157,7 +154,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
157
154
|
"onClick": () => onClickAction(action, index)
|
158
155
|
}, [renderActionContent(action, index)]);
|
159
156
|
};
|
160
|
-
(0, import_vue2.onMounted)(
|
157
|
+
(0, import_vue2.onMounted)(() => {
|
158
|
+
updateLocation();
|
159
|
+
(0, import_vue2.watchEffect)(() => {
|
160
|
+
var _a;
|
161
|
+
popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
|
162
|
+
});
|
163
|
+
});
|
161
164
|
(0, import_vue2.onBeforeUnmount)(() => {
|
162
165
|
if (popper) {
|
163
166
|
popper.destroy();
|
@@ -165,7 +168,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
165
168
|
}
|
166
169
|
});
|
167
170
|
(0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
|
168
|
-
(0, import_use.useClickAway)(wrapperRef, onClickAway, {
|
171
|
+
(0, import_use.useClickAway)([wrapperRef, popupRef], onClickAway, {
|
169
172
|
eventName: "touchstart"
|
170
173
|
});
|
171
174
|
return () => {
|
@@ -180,7 +183,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
180
183
|
"position": "",
|
181
184
|
"transition": "van-popover-zoom",
|
182
185
|
"lockScroll": false,
|
183
|
-
"onTouchstart": onTouchstart,
|
184
186
|
"onUpdate:show": updateShow
|
185
187
|
}, attrs, (0, import_utils.pick)(props, popupProps)), {
|
186
188
|
default: () => [props.showArrow && (0, import_vue.createVNode)("div", {
|
package/lib/popup/Popup.js
CHANGED
@@ -29,6 +29,7 @@ var import_use_expose = require("../composables/use-expose");
|
|
29
29
|
var import_use_lock_scroll = require("../composables/use-lock-scroll");
|
30
30
|
var import_use_lazy_render = require("../composables/use-lazy-render");
|
31
31
|
var import_on_popup_reopen = require("../composables/on-popup-reopen");
|
32
|
+
var import_use_global_z_index = require("../composables/use-global-z-index");
|
32
33
|
var import_icon = require("../icon");
|
33
34
|
var import_overlay = require("../overlay");
|
34
35
|
const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
|
@@ -44,7 +45,6 @@ const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
|
|
44
45
|
safeAreaInsetBottom: Boolean
|
45
46
|
});
|
46
47
|
const [name, bem] = (0, import_utils.createNamespace)("popup");
|
47
|
-
let globalZIndex = 2e3;
|
48
48
|
var stdin_default = (0, import_vue2.defineComponent)({
|
49
49
|
name,
|
50
50
|
inheritAttrs: false,
|
@@ -72,11 +72,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
72
72
|
});
|
73
73
|
const open = () => {
|
74
74
|
if (!opened) {
|
75
|
-
if (props.zIndex !== void 0) {
|
76
|
-
globalZIndex = +props.zIndex;
|
77
|
-
}
|
78
75
|
opened = true;
|
79
|
-
zIndex.value =
|
76
|
+
zIndex.value = props.zIndex !== void 0 ? +props.zIndex : (0, import_use_global_z_index.useGlobalZIndex)();
|
80
77
|
emit("open");
|
81
78
|
}
|
82
79
|
};
|
@@ -105,6 +102,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
105
102
|
"zIndex": zIndex.value,
|
106
103
|
"duration": props.duration,
|
107
104
|
"customStyle": props.overlayStyle,
|
105
|
+
"role": props.closeOnClickOverlay ? "button" : void 0,
|
106
|
+
"tabindex": props.closeOnClickOverlay ? 0 : void 0,
|
108
107
|
"onClick": onClickOverlay
|
109
108
|
}, {
|
110
109
|
default: slots["overlay-content"]
|
@@ -141,6 +140,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
141
140
|
return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
|
142
141
|
"ref": popupRef,
|
143
142
|
"style": style.value,
|
143
|
+
"role": "dialog",
|
144
|
+
"tabindex": 0,
|
144
145
|
"class": [bem({
|
145
146
|
round,
|
146
147
|
[position]: position
|
@@ -51,6 +51,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
51
51
|
}) {
|
52
52
|
let reachTop;
|
53
53
|
const root = (0, import_vue2.ref)();
|
54
|
+
const track = (0, import_vue2.ref)();
|
54
55
|
const scrollParent = (0, import_use.useScrollParent)(root);
|
55
56
|
const state = (0, import_vue2.reactive)({
|
56
57
|
status: "normal",
|
@@ -183,6 +184,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
183
184
|
setStatus(0, false);
|
184
185
|
}
|
185
186
|
});
|
187
|
+
(0, import_use.useEventListener)("touchmove", onTouchMove, {
|
188
|
+
target: track
|
189
|
+
});
|
186
190
|
return () => {
|
187
191
|
var _a;
|
188
192
|
const trackStyle = {
|
@@ -193,10 +197,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
193
197
|
"ref": root,
|
194
198
|
"class": bem()
|
195
199
|
}, [(0, import_vue.createVNode)("div", {
|
200
|
+
"ref": track,
|
196
201
|
"class": bem("track"),
|
197
202
|
"style": trackStyle,
|
198
|
-
"
|
199
|
-
"onTouchmove": onTouchMove,
|
203
|
+
"onTouchstartPassive": onTouchStart,
|
200
204
|
"onTouchend": onTouchEnd,
|
201
205
|
"onTouchcancel": onTouchEnd
|
202
206
|
}, [(0, import_vue.createVNode)("div", {
|
package/lib/rate/Rate.js
CHANGED
@@ -229,7 +229,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
229
229
|
"tabindex": props.disabled ? void 0 : 0,
|
230
230
|
"aria-disabled": props.disabled,
|
231
231
|
"aria-readonly": props.readonly,
|
232
|
-
"
|
232
|
+
"onTouchstartPassive": onTouchStart,
|
233
233
|
"onTouchmove": onTouchMove
|
234
234
|
}, [list.value.map(renderStar)]);
|
235
235
|
}
|
package/lib/search/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-search-padding: 10px var(--van-padding-sm);--van-search-background-color: var(--van-background-color-light);--van-search-content-background-color: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background-color);border-radius:var(--van-border-radius-sm)}.van-search__content--round{border-radius:var(--van-border-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:
|
1
|
+
:root{--van-search-padding: 10px var(--van-padding-sm);--van-search-background-color: var(--van-background-color-light);--van-search-content-background-color: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background-color);border-radius:var(--van-border-radius-sm)}.van-search__content--round{border-radius:var(--van-border-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;align-items:center;padding:0 var(--van-padding-xs) 0 0;height:var(--van-search-input-height);background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
|
package/lib/search/index.less
CHANGED
package/lib/slider/Slider.js
CHANGED
@@ -257,7 +257,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
257
257
|
"aria-disabled": props.disabled || void 0,
|
258
258
|
"aria-readonly": props.readonly || void 0,
|
259
259
|
"aria-orientation": props.vertical ? "vertical" : "horizontal",
|
260
|
-
"
|
260
|
+
"onTouchstartPassive": (event) => {
|
261
261
|
if (typeof index === "number") {
|
262
262
|
buttonIndex = index;
|
263
263
|
}
|
@@ -0,0 +1,48 @@
|
|
1
|
+
import { ExtractPropTypes, PropType } from 'vue';
|
2
|
+
export declare type SpaceSize = number | string;
|
3
|
+
export declare type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
|
4
|
+
declare const spaceProps: {
|
5
|
+
align: PropType<SpaceAlign>;
|
6
|
+
direction: {
|
7
|
+
type: PropType<"vertical" | "horizontal">;
|
8
|
+
default: string;
|
9
|
+
};
|
10
|
+
size: {
|
11
|
+
type: PropType<string | number | [SpaceSize, SpaceSize]>;
|
12
|
+
default: number;
|
13
|
+
};
|
14
|
+
wrap: BooleanConstructor;
|
15
|
+
fill: BooleanConstructor;
|
16
|
+
};
|
17
|
+
export declare type SpaceProps = ExtractPropTypes<typeof spaceProps>;
|
18
|
+
declare const _default: import("vue").DefineComponent<{
|
19
|
+
align: PropType<SpaceAlign>;
|
20
|
+
direction: {
|
21
|
+
type: PropType<"vertical" | "horizontal">;
|
22
|
+
default: string;
|
23
|
+
};
|
24
|
+
size: {
|
25
|
+
type: PropType<string | number | [SpaceSize, SpaceSize]>;
|
26
|
+
default: number;
|
27
|
+
};
|
28
|
+
wrap: BooleanConstructor;
|
29
|
+
fill: BooleanConstructor;
|
30
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
31
|
+
align: PropType<SpaceAlign>;
|
32
|
+
direction: {
|
33
|
+
type: PropType<"vertical" | "horizontal">;
|
34
|
+
default: string;
|
35
|
+
};
|
36
|
+
size: {
|
37
|
+
type: PropType<string | number | [SpaceSize, SpaceSize]>;
|
38
|
+
default: number;
|
39
|
+
};
|
40
|
+
wrap: BooleanConstructor;
|
41
|
+
fill: BooleanConstructor;
|
42
|
+
}>>, {
|
43
|
+
fill: boolean;
|
44
|
+
size: string | number | [SpaceSize, SpaceSize];
|
45
|
+
wrap: boolean;
|
46
|
+
direction: "vertical" | "horizontal";
|
47
|
+
}>;
|
48
|
+
export default _default;
|
@@ -0,0 +1,106 @@
|
|
1
|
+
var __defProp = Object.defineProperty;
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
5
|
+
var __export = (target, all) => {
|
6
|
+
for (var name2 in all)
|
7
|
+
__defProp(target, name2, { get: all[name2], enumerable: true });
|
8
|
+
};
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
11
|
+
for (let key of __getOwnPropNames(from))
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
14
|
+
}
|
15
|
+
return to;
|
16
|
+
};
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
18
|
+
var stdin_exports = {};
|
19
|
+
__export(stdin_exports, {
|
20
|
+
default: () => stdin_default
|
21
|
+
});
|
22
|
+
module.exports = __toCommonJS(stdin_exports);
|
23
|
+
var import_vue = require("vue");
|
24
|
+
var import_vue2 = require("vue");
|
25
|
+
var import_utils = require("../utils");
|
26
|
+
const [name, bem] = (0, import_utils.createNamespace)("space");
|
27
|
+
const spaceProps = {
|
28
|
+
align: String,
|
29
|
+
direction: {
|
30
|
+
type: String,
|
31
|
+
default: "horizontal"
|
32
|
+
},
|
33
|
+
size: {
|
34
|
+
type: [Number, String, Array],
|
35
|
+
default: 8
|
36
|
+
},
|
37
|
+
wrap: Boolean,
|
38
|
+
fill: Boolean
|
39
|
+
};
|
40
|
+
function filterEmpty(children = []) {
|
41
|
+
const nodes = [];
|
42
|
+
children.forEach((child) => {
|
43
|
+
if (Array.isArray(child)) {
|
44
|
+
nodes.push(...child);
|
45
|
+
} else if (child.type === import_vue2.Fragment) {
|
46
|
+
nodes.push(...filterEmpty(child.children));
|
47
|
+
} else {
|
48
|
+
nodes.push(child);
|
49
|
+
}
|
50
|
+
});
|
51
|
+
return nodes.filter((c) => {
|
52
|
+
var _a;
|
53
|
+
return !(c && (typeof Comment !== "undefined" && c.type === Comment || c.type === import_vue2.Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
|
54
|
+
});
|
55
|
+
}
|
56
|
+
var stdin_default = (0, import_vue2.defineComponent)({
|
57
|
+
name,
|
58
|
+
props: spaceProps,
|
59
|
+
setup(props, {
|
60
|
+
slots
|
61
|
+
}) {
|
62
|
+
const mergedAlign = (0, import_vue2.computed)(() => {
|
63
|
+
var _a;
|
64
|
+
return (_a = props.align) != null ? _a : props.direction === "horizontal" ? "center" : "";
|
65
|
+
});
|
66
|
+
const getMargin = (size) => {
|
67
|
+
if (typeof size === "number") {
|
68
|
+
return size + "px";
|
69
|
+
}
|
70
|
+
return size;
|
71
|
+
};
|
72
|
+
const getMarginStyle = (isLast) => {
|
73
|
+
const style = {};
|
74
|
+
const marginRight = `${getMargin(Array.isArray(props.size) ? props.size[0] : props.size)}`;
|
75
|
+
const marginBottom = `${getMargin(Array.isArray(props.size) ? props.size[1] : props.size)}`;
|
76
|
+
if (isLast) {
|
77
|
+
return props.wrap ? {
|
78
|
+
marginBottom
|
79
|
+
} : {};
|
80
|
+
}
|
81
|
+
if (props.direction === "horizontal") {
|
82
|
+
style.marginRight = marginRight;
|
83
|
+
}
|
84
|
+
if (props.direction === "vertical" || props.wrap) {
|
85
|
+
style.marginBottom = marginBottom;
|
86
|
+
}
|
87
|
+
return style;
|
88
|
+
};
|
89
|
+
return () => {
|
90
|
+
var _a;
|
91
|
+
const children = filterEmpty((_a = slots.default) == null ? void 0 : _a.call(slots));
|
92
|
+
return (0, import_vue.createVNode)("div", {
|
93
|
+
"class": [bem({
|
94
|
+
[props.direction]: props.direction,
|
95
|
+
[`align-${mergedAlign.value}`]: mergedAlign.value,
|
96
|
+
wrap: props.wrap,
|
97
|
+
fill: props.fill
|
98
|
+
})]
|
99
|
+
}, [children.map((c, i) => (0, import_vue.createVNode)("div", {
|
100
|
+
"key": `item-${i}`,
|
101
|
+
"class": `${name}-item`,
|
102
|
+
"style": getMarginStyle(i === children.length - 1)
|
103
|
+
}, [c]))]);
|
104
|
+
};
|
105
|
+
}
|
106
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
.van-space{display:inline-flex}.van-space--horizontal .van-space-item{display:flex;align-items:center}.van-space--vertical{flex-direction:column}.van-space--align-baseline{align-items:baseline}.van-space--align-start{align-items:flex-start}.van-space--align-end{align-items:flex-end}.van-space--align-center{align-items:center}.van-space--wrap{flex-wrap:wrap}.van-space--fill{display:flex}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
export declare const Space: import("../utils").WithInstall<import("vue").DefineComponent<{
|
2
|
+
align: import("vue").PropType<import("./Space").SpaceAlign>;
|
3
|
+
direction: {
|
4
|
+
type: import("vue").PropType<"vertical" | "horizontal">;
|
5
|
+
default: string;
|
6
|
+
};
|
7
|
+
size: {
|
8
|
+
type: import("vue").PropType<string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize]>;
|
9
|
+
default: number;
|
10
|
+
};
|
11
|
+
wrap: BooleanConstructor;
|
12
|
+
fill: BooleanConstructor;
|
13
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
14
|
+
align: import("vue").PropType<import("./Space").SpaceAlign>;
|
15
|
+
direction: {
|
16
|
+
type: import("vue").PropType<"vertical" | "horizontal">;
|
17
|
+
default: string;
|
18
|
+
};
|
19
|
+
size: {
|
20
|
+
type: import("vue").PropType<string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize]>;
|
21
|
+
default: number;
|
22
|
+
};
|
23
|
+
wrap: BooleanConstructor;
|
24
|
+
fill: BooleanConstructor;
|
25
|
+
}>>, {
|
26
|
+
fill: boolean;
|
27
|
+
size: string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize];
|
28
|
+
wrap: boolean;
|
29
|
+
direction: "vertical" | "horizontal";
|
30
|
+
}>>;
|
31
|
+
export default Space;
|
32
|
+
export type { SpaceProps, SpaceSize, SpaceAlign } from './Space';
|
33
|
+
declare module 'vue' {
|
34
|
+
interface GlobalComponents {
|
35
|
+
VanSpace: typeof Space;
|
36
|
+
}
|
37
|
+
}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
var __create = Object.create;
|
2
|
+
var __defProp = Object.defineProperty;
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
7
|
+
var __export = (target, all) => {
|
8
|
+
for (var name in all)
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
10
|
+
};
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
13
|
+
for (let key of __getOwnPropNames(from))
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
16
|
+
}
|
17
|
+
return to;
|
18
|
+
};
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
21
|
+
var stdin_exports = {};
|
22
|
+
__export(stdin_exports, {
|
23
|
+
Space: () => Space,
|
24
|
+
default: () => stdin_default
|
25
|
+
});
|
26
|
+
module.exports = __toCommonJS(stdin_exports);
|
27
|
+
var import_utils = require("../utils");
|
28
|
+
var import_Space = __toESM(require("./Space"));
|
29
|
+
const Space = (0, import_utils.withInstall)(import_Space.default);
|
30
|
+
var stdin_default = Space;
|
@@ -0,0 +1,38 @@
|
|
1
|
+
.van-space {
|
2
|
+
display: inline-flex;
|
3
|
+
|
4
|
+
&--horizontal {
|
5
|
+
.van-space-item {
|
6
|
+
display: flex;
|
7
|
+
align-items: center;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
|
11
|
+
&--vertical {
|
12
|
+
flex-direction: column;
|
13
|
+
}
|
14
|
+
|
15
|
+
&--align-baseline {
|
16
|
+
align-items: baseline;
|
17
|
+
}
|
18
|
+
|
19
|
+
&--align-start {
|
20
|
+
align-items: flex-start;
|
21
|
+
}
|
22
|
+
|
23
|
+
&--align-end {
|
24
|
+
align-items: flex-end;
|
25
|
+
}
|
26
|
+
|
27
|
+
&--align-center {
|
28
|
+
align-items: center;
|
29
|
+
}
|
30
|
+
|
31
|
+
&--wrap {
|
32
|
+
flex-wrap: wrap;
|
33
|
+
}
|
34
|
+
|
35
|
+
&--fill {
|
36
|
+
display: flex;
|
37
|
+
}
|
38
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
package/lib/stepper/Stepper.js
CHANGED
package/lib/sticky/Sticky.js
CHANGED
@@ -119,7 +119,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
119
119
|
};
|
120
120
|
(0, import_vue2.watch)(() => state.fixed, (value) => emit("change", value));
|
121
121
|
(0, import_use.useEventListener)("scroll", onScroll, {
|
122
|
-
target: scrollParent
|
122
|
+
target: scrollParent,
|
123
|
+
passive: true
|
123
124
|
});
|
124
125
|
(0, import_use_visibility_change.useVisibilityChange)(root, onScroll);
|
125
126
|
return () => {
|
package/lib/swipe/Swipe.js
CHANGED
@@ -362,7 +362,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
362
362
|
"class": bem("track", {
|
363
363
|
vertical: props.vertical
|
364
364
|
}),
|
365
|
-
"
|
365
|
+
"onTouchstartPassive": onTouchStart,
|
366
366
|
"onTouchmove": onTouchMove,
|
367
367
|
"onTouchend": onTouchEnd,
|
368
368
|
"onTouchcancel": onTouchEnd
|
@@ -166,7 +166,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
166
166
|
"ref": root,
|
167
167
|
"class": bem(),
|
168
168
|
"onClick": getClickHandler("cell", lockClick),
|
169
|
-
"
|
169
|
+
"onTouchstartPassive": onTouchStart,
|
170
170
|
"onTouchmove": onTouchMove,
|
171
171
|
"onTouchend": onTouchEnd,
|
172
172
|
"onTouchcancel": onTouchEnd
|
package/lib/tabs/Tabs.js
CHANGED
@@ -85,6 +85,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
85
85
|
const root = (0, import_vue2.ref)();
|
86
86
|
const navRef = (0, import_vue2.ref)();
|
87
87
|
const wrapRef = (0, import_vue2.ref)();
|
88
|
+
const contentRef = (0, import_vue2.ref)();
|
88
89
|
const id = (0, import_use_id.useId)();
|
89
90
|
const scroller = (0, import_use.useScrollParent)(root);
|
90
91
|
const [titleRefs, setTitleRefs] = (0, import_use_refs.useRefs)();
|
@@ -335,15 +336,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
335
336
|
});
|
336
337
|
};
|
337
338
|
const onRendered = (name2, title) => emit("rendered", name2, title);
|
339
|
+
const resize = () => {
|
340
|
+
setLine();
|
341
|
+
(0, import_vue2.nextTick)(() => {
|
342
|
+
var _a2, _b2;
|
343
|
+
return (_b2 = (_a2 = contentRef.value) == null ? void 0 : _a2.swipeRef.value) == null ? void 0 : _b2.resize();
|
344
|
+
});
|
345
|
+
};
|
338
346
|
(0, import_use_expose.useExpose)({
|
339
|
-
resize
|
347
|
+
resize,
|
340
348
|
scrollTo
|
341
349
|
});
|
342
350
|
(0, import_vue2.onActivated)(setLine);
|
343
351
|
(0, import_on_popup_reopen.onPopupReopen)(setLine);
|
344
352
|
(0, import_use.onMountedOrActivated)(init);
|
345
353
|
(0, import_use.useEventListener)("scroll", onScroll, {
|
346
|
-
target: scroller
|
354
|
+
target: scroller,
|
355
|
+
passive: true
|
347
356
|
});
|
348
357
|
linkChildren({
|
349
358
|
id,
|
@@ -368,6 +377,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
368
377
|
return [renderHeader(), (_a3 = slots["nav-bottom"]) == null ? void 0 : _a3.call(slots)];
|
369
378
|
}
|
370
379
|
}) : [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)], (0, import_vue.createVNode)(import_TabsContent.default, {
|
380
|
+
"ref": contentRef,
|
371
381
|
"count": children.length,
|
372
382
|
"inited": state.inited,
|
373
383
|
"animated": props.animated,
|