vant 3.5.2 → 3.6.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 +17 -13
- package/changelog.generated.md +85 -0
- package/es/badge/Badge.mjs +1 -1
- package/es/button/index.less +1 -1
- package/es/calendar/Calendar.mjs +6 -5
- package/es/calendar/types.d.ts +1 -0
- package/es/cell/Cell.d.ts +1 -1
- package/es/cell/index.d.ts +1 -1
- package/es/collapse/Collapse.d.ts +8 -1
- package/es/collapse/Collapse.mjs +28 -1
- package/es/collapse/index.d.ts +1 -1
- package/es/collapse-item/CollapseItem.d.ts +1 -1
- package/es/collapse-item/CollapseItem.mjs +3 -1
- package/es/collapse-item/index.d.ts +1 -1
- package/es/collapse-item/index.less +1 -1
- 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.d.ts +1 -1
- package/es/composables/use-height.mjs +8 -2
- package/es/composables/use-lock-scroll.mjs +3 -1
- package/es/composables/use-placeholder.mjs +1 -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/dialog/Dialog.d.ts +1 -1
- package/es/empty/Empty.d.ts +1 -1
- package/es/empty/Empty.mjs +281 -16
- package/es/field/Field.d.ts +1 -1
- package/es/field/Field.mjs +4 -1
- package/es/field/index.d.ts +1 -1
- package/es/field/index.less +1 -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/grid-item/index.less +1 -1
- package/es/index.d.ts +2 -1
- package/es/index.mjs +4 -1
- package/es/locale/index.d.ts +1 -1
- package/es/popover/Popover.mjs +28 -27
- package/es/popup/Popup.mjs +6 -5
- package/es/pull-refresh/PullRefresh.mjs +10 -3
- package/es/search/index.css +1 -1
- package/es/search/index.less +3 -1
- package/es/sidebar-item/index.less +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/swipe/index.less +1 -1
- package/es/switch/index.less +1 -1
- package/es/toast/index.less +1 -1
- package/es/uploader/Uploader.mjs +1 -1
- package/es/utils/basic.d.ts +3 -3
- package/es/utils/create.d.ts +1 -1
- package/lib/badge/Badge.js +1 -1
- package/lib/button/index.less +1 -1
- package/lib/calendar/Calendar.js +6 -5
- package/lib/calendar/types.d.ts +1 -0
- package/lib/cell/Cell.d.ts +1 -1
- package/lib/cell/index.d.ts +1 -1
- package/lib/collapse/Collapse.d.ts +8 -1
- package/lib/collapse/Collapse.js +28 -1
- package/lib/collapse/index.d.ts +1 -1
- package/lib/collapse-item/CollapseItem.d.ts +1 -1
- package/lib/collapse-item/CollapseItem.js +3 -1
- package/lib/collapse-item/index.d.ts +1 -1
- package/lib/collapse-item/index.less +1 -1
- 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.d.ts +1 -1
- package/lib/composables/use-height.js +8 -2
- package/lib/composables/use-lock-scroll.js +3 -1
- package/lib/composables/use-placeholder.js +1 -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/dialog/Dialog.d.ts +1 -1
- package/lib/empty/Empty.d.ts +1 -1
- package/lib/empty/Empty.js +281 -16
- package/lib/field/Field.d.ts +1 -1
- package/lib/field/Field.js +3 -0
- package/lib/field/index.d.ts +1 -1
- package/lib/field/index.less +1 -1
- 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/grid-item/index.less +1 -1
- 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/locale/index.d.ts +1 -1
- package/lib/popover/Popover.js +27 -26
- package/lib/popup/Popup.js +6 -5
- package/lib/pull-refresh/PullRefresh.js +9 -2
- package/lib/search/index.css +1 -1
- package/lib/search/index.less +3 -1
- package/lib/sidebar-item/index.less +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/swipe/index.less +1 -1
- package/lib/switch/index.less +1 -1
- package/lib/toast/index.less +1 -1
- package/lib/uploader/Uploader.js +1 -1
- package/lib/utils/basic.d.ts +3 -3
- package/lib/utils/create.d.ts +1 -1
- package/lib/vant.cjs.js +1305 -1084
- package/lib/vant.es.js +1394 -1083
- package/lib/vant.js +1235 -1083
- package/lib/vant.min.js +1 -1
- package/{vetur → lib}/web-types.json +738 -666
- package/package.json +10 -15
- package/es/empty/Images.d.ts +0 -4
- package/es/empty/Images.mjs +0 -271
- package/lib/empty/Images.d.ts +0 -4
- package/lib/empty/Images.js +0 -290
- package/vetur/attributes.json +0 -3482
- package/vetur/tags.json +0 -1204
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.0";
|
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.0";
|
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/locale/index.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
declare type Message = Record<string, any>;
|
2
2
|
export declare const Locale: {
|
3
3
|
messages(): Message;
|
4
|
-
use(newLang: string, newMessages?: Message
|
4
|
+
use(newLang: string, newMessages?: Message): void;
|
5
5
|
add(newMessages?: Message): void;
|
6
6
|
};
|
7
7
|
export default Locale;
|
package/lib/popover/Popover.js
CHANGED
@@ -63,24 +63,26 @@ 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)();
|
69
|
+
const getPopoverOptions = () => ({
|
70
|
+
placement: props.placement,
|
71
|
+
modifiers: [{
|
72
|
+
name: "computeStyles",
|
73
|
+
options: {
|
74
|
+
adaptive: false,
|
75
|
+
gpuAcceleration: false
|
76
|
+
}
|
77
|
+
}, (0, import_utils.extend)({}, import_popperjs.offsetModifier, {
|
78
|
+
options: {
|
79
|
+
offset: props.offset
|
80
|
+
}
|
81
|
+
})]
|
82
|
+
});
|
68
83
|
const createPopperInstance = () => {
|
69
84
|
if (wrapperRef.value && popoverRef.value) {
|
70
|
-
return (0, import_popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value,
|
71
|
-
placement: props.placement,
|
72
|
-
modifiers: [{
|
73
|
-
name: "computeStyles",
|
74
|
-
options: {
|
75
|
-
adaptive: false,
|
76
|
-
gpuAcceleration: false
|
77
|
-
}
|
78
|
-
}, (0, import_utils.extend)({}, import_popperjs.offsetModifier, {
|
79
|
-
options: {
|
80
|
-
offset: props.offset
|
81
|
-
}
|
82
|
-
})]
|
83
|
-
});
|
85
|
+
return (0, import_popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
|
84
86
|
}
|
85
87
|
return null;
|
86
88
|
};
|
@@ -92,9 +94,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
92
94
|
if (!popper) {
|
93
95
|
popper = createPopperInstance();
|
94
96
|
} else {
|
95
|
-
popper.setOptions(
|
96
|
-
placement: props.placement
|
97
|
-
});
|
97
|
+
popper.setOptions(getPopoverOptions());
|
98
98
|
}
|
99
99
|
});
|
100
100
|
};
|
@@ -104,10 +104,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
104
104
|
updateShow(!props.show);
|
105
105
|
}
|
106
106
|
};
|
107
|
-
const onTouchstart = (event) => {
|
108
|
-
event.stopPropagation();
|
109
|
-
emit("touchstart", event);
|
110
|
-
};
|
111
107
|
const onClickAction = (action, index) => {
|
112
108
|
if (action.disabled) {
|
113
109
|
return;
|
@@ -118,7 +114,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
118
114
|
}
|
119
115
|
};
|
120
116
|
const onClickAway = () => {
|
121
|
-
if (props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
|
117
|
+
if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
|
122
118
|
updateShow(false);
|
123
119
|
}
|
124
120
|
};
|
@@ -158,15 +154,21 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
158
154
|
"onClick": () => onClickAction(action, index)
|
159
155
|
}, [renderActionContent(action, index)]);
|
160
156
|
};
|
161
|
-
(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
|
+
});
|
162
164
|
(0, import_vue2.onBeforeUnmount)(() => {
|
163
165
|
if (popper) {
|
164
166
|
popper.destroy();
|
165
167
|
popper = null;
|
166
168
|
}
|
167
169
|
});
|
168
|
-
(0, import_vue2.watch)(() => [props.show, props.placement], updateLocation);
|
169
|
-
(0, import_use.useClickAway)(wrapperRef, onClickAway, {
|
170
|
+
(0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
|
171
|
+
(0, import_use.useClickAway)([wrapperRef, popupRef], onClickAway, {
|
170
172
|
eventName: "touchstart"
|
171
173
|
});
|
172
174
|
return () => {
|
@@ -181,7 +183,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
181
183
|
"position": "",
|
182
184
|
"transition": "van-popover-zoom",
|
183
185
|
"lockScroll": false,
|
184
|
-
"onTouchstart": onTouchstart,
|
185
186
|
"onUpdate:show": updateShow
|
186
187
|
}, attrs, (0, import_utils.pick)(props, popupProps)), {
|
187
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,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
183
184
|
setStatus(0, false);
|
184
185
|
}
|
185
186
|
});
|
187
|
+
(0, import_use.useEventListener)("touchstart", onTouchStart, {
|
188
|
+
target: track,
|
189
|
+
passive: true
|
190
|
+
});
|
191
|
+
(0, import_use.useEventListener)("touchmove", onTouchMove, {
|
192
|
+
target: track
|
193
|
+
});
|
186
194
|
return () => {
|
187
195
|
var _a;
|
188
196
|
const trackStyle = {
|
@@ -193,10 +201,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
193
201
|
"ref": root,
|
194
202
|
"class": bem()
|
195
203
|
}, [(0, import_vue.createVNode)("div", {
|
204
|
+
"ref": track,
|
196
205
|
"class": bem("track"),
|
197
206
|
"style": trackStyle,
|
198
|
-
"onTouchstart": onTouchStart,
|
199
|
-
"onTouchmove": onTouchMove,
|
200
207
|
"onTouchend": onTouchEnd,
|
201
208
|
"onTouchcancel": onTouchEnd
|
202
209
|
}, [(0, import_vue.createVNode)("div", {
|
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
@@ -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/swipe/index.less
CHANGED
package/lib/switch/index.less
CHANGED
@@ -33,7 +33,7 @@
|
|
33
33
|
left: 0;
|
34
34
|
width: var(--van-switch-node-size);
|
35
35
|
height: var(--van-switch-node-size);
|
36
|
-
// https://github.com/
|
36
|
+
// https://github.com/vant-ui/vant/issues/9839
|
37
37
|
font-size: inherit;
|
38
38
|
background: var(--van-switch-node-background-color);
|
39
39
|
border-radius: 100%;
|
package/lib/toast/index.less
CHANGED
@@ -38,7 +38,7 @@
|
|
38
38
|
// allow newline character
|
39
39
|
white-space: pre-wrap;
|
40
40
|
text-align: center;
|
41
|
-
// https://github.com/
|
41
|
+
// https://github.com/vant-ui/vant/issues/8959
|
42
42
|
word-break: break-all;
|
43
43
|
background: var(--van-toast-background-color);
|
44
44
|
border-radius: var(--van-toast-border-radius);
|
package/lib/uploader/Uploader.js
CHANGED
@@ -172,7 +172,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
172
172
|
if (props.previewFullImage) {
|
173
173
|
const imageFiles = props.modelValue.filter(import_utils2.isImageFile);
|
174
174
|
const images = imageFiles.map((item2) => {
|
175
|
-
if (item2.file && !item2.url) {
|
175
|
+
if (item2.file && !item2.url && item2.status !== "failed") {
|
176
176
|
item2.url = URL.createObjectURL(item2.file);
|
177
177
|
urls.push(item2.url);
|
178
178
|
}
|
package/lib/utils/basic.d.ts
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import type { ComponentPublicInstance } from 'vue';
|
2
2
|
export declare function noop(): void;
|
3
3
|
export declare const extend: {
|
4
|
-
<T, U>(target: T, source: U): T & U;
|
5
|
-
<T_1, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
|
6
|
-
<T_2, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
|
4
|
+
<T extends {}, U>(target: T, source: U): T & U;
|
5
|
+
<T_1 extends {}, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
|
6
|
+
<T_2 extends {}, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
|
7
7
|
(target: object, ...sources: any[]): any;
|
8
8
|
};
|
9
9
|
export declare const inBrowser: boolean;
|
package/lib/utils/create.d.ts
CHANGED
@@ -12,6 +12,6 @@ export declare type Mods = Mod | Mod[];
|
|
12
12
|
* b('text', { disabled }) // 'button__text button__text--disabled'
|
13
13
|
* b(['disabled', 'primary']) // 'button button--disabled button--primary'
|
14
14
|
*/
|
15
|
-
export declare function createBEM(name: string): (el?: Mods
|
15
|
+
export declare function createBEM(name: string): (el?: Mods, mods?: Mods) => Mods;
|
16
16
|
export declare type BEM = ReturnType<typeof createBEM>;
|
17
17
|
export declare function createNamespace(name: string): readonly [string, (el?: Mods | undefined, mods?: Mods | undefined) => Mods, (path: string, ...args: unknown[]) => any];
|