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.
Files changed (199) hide show
  1. package/README.md +4 -0
  2. package/changelog.generated.md +39 -42
  3. package/es/badge/Badge.mjs +1 -1
  4. package/es/calendar/Calendar.mjs +3 -4
  5. package/es/composables/use-global-z-index.d.ts +4 -0
  6. package/es/composables/use-global-z-index.mjs +9 -0
  7. package/es/composables/use-height.mjs +2 -0
  8. package/es/composables/use-lock-scroll.mjs +3 -1
  9. package/es/config-provider/ConfigProvider.d.ts +3 -0
  10. package/es/config-provider/ConfigProvider.mjs +8 -1
  11. package/es/config-provider/index.d.ts +2 -0
  12. package/es/dropdown-menu/DropdownMenu.mjs +2 -1
  13. package/es/empty/Empty.d.ts +1 -1
  14. package/es/empty/Empty.mjs +281 -16
  15. package/es/field/Field.mjs +4 -1
  16. package/es/field/types.d.ts +1 -0
  17. package/es/field/utils.d.ts +1 -0
  18. package/es/field/utils.mjs +8 -2
  19. package/es/image-preview/ImagePreviewItem.mjs +1 -1
  20. package/es/index-bar/IndexBar.mjs +3 -2
  21. package/es/index.d.ts +2 -1
  22. package/es/index.mjs +4 -1
  23. package/es/list/List.mjs +2 -1
  24. package/es/number-keyboard/NumberKeyboard.mjs +1 -2
  25. package/es/number-keyboard/NumberKeyboardKey.mjs +2 -2
  26. package/es/password-input/PasswordInput.mjs +1 -1
  27. package/es/picker/PickerColumn.mjs +1 -1
  28. package/es/popover/Popover.mjs +11 -9
  29. package/es/popup/Popup.mjs +6 -5
  30. package/es/pull-refresh/PullRefresh.mjs +7 -3
  31. package/es/rate/Rate.mjs +1 -1
  32. package/es/search/index.css +1 -1
  33. package/es/search/index.less +3 -1
  34. package/es/slider/Slider.mjs +1 -1
  35. package/es/space/Space.d.ts +48 -0
  36. package/es/space/Space.mjs +87 -0
  37. package/es/space/index.css +1 -0
  38. package/es/space/index.d.ts +37 -0
  39. package/es/space/index.less +38 -0
  40. package/es/space/index.mjs +8 -0
  41. package/es/space/style/index.d.ts +1 -0
  42. package/es/space/style/index.mjs +2 -0
  43. package/es/space/style/less.d.ts +1 -0
  44. package/es/space/style/less.mjs +2 -0
  45. package/es/stepper/Stepper.mjs +1 -1
  46. package/es/sticky/Sticky.mjs +2 -1
  47. package/es/swipe/Swipe.mjs +1 -1
  48. package/es/swipe-cell/SwipeCell.mjs +1 -1
  49. package/es/tabs/Tabs.mjs +12 -2
  50. package/es/tabs/TabsContent.mjs +4 -0
  51. package/es/vue-tsx-shim.d.ts +7 -0
  52. package/lib/badge/Badge.js +1 -1
  53. package/lib/calendar/Calendar.js +3 -4
  54. package/lib/composables/use-global-z-index.d.ts +4 -0
  55. package/lib/composables/use-global-z-index.js +28 -0
  56. package/lib/composables/use-height.js +2 -0
  57. package/lib/composables/use-lock-scroll.js +3 -1
  58. package/lib/config-provider/ConfigProvider.d.ts +3 -0
  59. package/lib/config-provider/ConfigProvider.js +7 -0
  60. package/lib/config-provider/index.d.ts +2 -0
  61. package/lib/dropdown-menu/DropdownMenu.js +2 -1
  62. package/lib/empty/Empty.d.ts +1 -1
  63. package/lib/empty/Empty.js +281 -16
  64. package/lib/field/Field.js +3 -0
  65. package/lib/field/types.d.ts +1 -0
  66. package/lib/field/utils.d.ts +1 -0
  67. package/lib/field/utils.js +8 -2
  68. package/lib/image-preview/ImagePreviewItem.js +1 -1
  69. package/lib/index-bar/IndexBar.js +3 -2
  70. package/lib/index.css +1 -1
  71. package/lib/index.d.ts +2 -1
  72. package/lib/index.js +4 -1
  73. package/lib/index.less +1 -0
  74. package/lib/list/List.js +2 -1
  75. package/lib/number-keyboard/NumberKeyboard.js +1 -2
  76. package/lib/number-keyboard/NumberKeyboardKey.js +2 -2
  77. package/lib/password-input/PasswordInput.js +1 -1
  78. package/lib/picker/PickerColumn.js +1 -1
  79. package/lib/popover/Popover.js +10 -8
  80. package/lib/popup/Popup.js +6 -5
  81. package/lib/pull-refresh/PullRefresh.js +6 -2
  82. package/lib/rate/Rate.js +1 -1
  83. package/lib/search/index.css +1 -1
  84. package/lib/search/index.less +3 -1
  85. package/lib/slider/Slider.js +1 -1
  86. package/lib/space/Space.d.ts +48 -0
  87. package/lib/space/Space.js +106 -0
  88. package/lib/space/index.css +1 -0
  89. package/lib/space/index.d.ts +37 -0
  90. package/lib/space/index.js +30 -0
  91. package/lib/space/index.less +38 -0
  92. package/lib/space/style/index.d.ts +1 -0
  93. package/lib/space/style/index.js +2 -0
  94. package/lib/space/style/less.d.ts +1 -0
  95. package/lib/space/style/less.js +2 -0
  96. package/lib/stepper/Stepper.js +1 -1
  97. package/lib/sticky/Sticky.js +2 -1
  98. package/lib/swipe/Swipe.js +1 -1
  99. package/lib/swipe-cell/SwipeCell.js +1 -1
  100. package/lib/tabs/Tabs.js +12 -2
  101. package/lib/tabs/TabsContent.js +4 -0
  102. package/lib/vant.cjs.js +1202 -1074
  103. package/lib/vant.es.js +1203 -1075
  104. package/lib/vant.js +1212 -1150
  105. package/lib/vant.min.js +1 -1
  106. package/lib/vue-tsx-shim.d.ts +7 -0
  107. package/lib/web-types.json +1189 -1117
  108. package/package.json +2 -2
  109. package/es/empty/Images.d.ts +0 -4
  110. package/es/empty/Images.mjs +0 -271
  111. package/lib/.DS_Store +0 -0
  112. package/lib/action-bar/.DS_Store +0 -0
  113. package/lib/action-bar-button/.DS_Store +0 -0
  114. package/lib/action-bar-icon/.DS_Store +0 -0
  115. package/lib/action-sheet/.DS_Store +0 -0
  116. package/lib/address-edit/.DS_Store +0 -0
  117. package/lib/address-list/.DS_Store +0 -0
  118. package/lib/area/.DS_Store +0 -0
  119. package/lib/badge/.DS_Store +0 -0
  120. package/lib/button/.DS_Store +0 -0
  121. package/lib/calendar/.DS_Store +0 -0
  122. package/lib/card/.DS_Store +0 -0
  123. package/lib/cascader/.DS_Store +0 -0
  124. package/lib/cell/.DS_Store +0 -0
  125. package/lib/cell-group/.DS_Store +0 -0
  126. package/lib/checkbox/.DS_Store +0 -0
  127. package/lib/checkbox-group/.DS_Store +0 -0
  128. package/lib/circle/.DS_Store +0 -0
  129. package/lib/col/.DS_Store +0 -0
  130. package/lib/collapse/.DS_Store +0 -0
  131. package/lib/collapse-item/.DS_Store +0 -0
  132. package/lib/config-provider/.DS_Store +0 -0
  133. package/lib/contact-card/.DS_Store +0 -0
  134. package/lib/contact-edit/.DS_Store +0 -0
  135. package/lib/contact-list/.DS_Store +0 -0
  136. package/lib/count-down/.DS_Store +0 -0
  137. package/lib/coupon/.DS_Store +0 -0
  138. package/lib/coupon-cell/.DS_Store +0 -0
  139. package/lib/coupon-list/.DS_Store +0 -0
  140. package/lib/datetime-picker/.DS_Store +0 -0
  141. package/lib/dialog/.DS_Store +0 -0
  142. package/lib/divider/.DS_Store +0 -0
  143. package/lib/dropdown-item/.DS_Store +0 -0
  144. package/lib/dropdown-menu/.DS_Store +0 -0
  145. package/lib/empty/.DS_Store +0 -0
  146. package/lib/empty/Images.d.ts +0 -4
  147. package/lib/empty/Images.js +0 -290
  148. package/lib/field/.DS_Store +0 -0
  149. package/lib/form/.DS_Store +0 -0
  150. package/lib/grid/.DS_Store +0 -0
  151. package/lib/grid-item/.DS_Store +0 -0
  152. package/lib/icon/.DS_Store +0 -0
  153. package/lib/image/.DS_Store +0 -0
  154. package/lib/image-preview/.DS_Store +0 -0
  155. package/lib/index-anchor/.DS_Store +0 -0
  156. package/lib/index-bar/.DS_Store +0 -0
  157. package/lib/lazyload/.DS_Store +0 -0
  158. package/lib/list/.DS_Store +0 -0
  159. package/lib/loading/.DS_Store +0 -0
  160. package/lib/locale/.DS_Store +0 -0
  161. package/lib/nav-bar/.DS_Store +0 -0
  162. package/lib/notice-bar/.DS_Store +0 -0
  163. package/lib/notify/.DS_Store +0 -0
  164. package/lib/number-keyboard/.DS_Store +0 -0
  165. package/lib/overlay/.DS_Store +0 -0
  166. package/lib/pagination/.DS_Store +0 -0
  167. package/lib/password-input/.DS_Store +0 -0
  168. package/lib/picker/.DS_Store +0 -0
  169. package/lib/popover/.DS_Store +0 -0
  170. package/lib/popup/.DS_Store +0 -0
  171. package/lib/progress/.DS_Store +0 -0
  172. package/lib/pull-refresh/.DS_Store +0 -0
  173. package/lib/radio/.DS_Store +0 -0
  174. package/lib/radio-group/.DS_Store +0 -0
  175. package/lib/rate/.DS_Store +0 -0
  176. package/lib/row/.DS_Store +0 -0
  177. package/lib/search/.DS_Store +0 -0
  178. package/lib/share-sheet/.DS_Store +0 -0
  179. package/lib/sidebar/.DS_Store +0 -0
  180. package/lib/sidebar-item/.DS_Store +0 -0
  181. package/lib/skeleton/.DS_Store +0 -0
  182. package/lib/slider/.DS_Store +0 -0
  183. package/lib/step/.DS_Store +0 -0
  184. package/lib/stepper/.DS_Store +0 -0
  185. package/lib/steps/.DS_Store +0 -0
  186. package/lib/sticky/.DS_Store +0 -0
  187. package/lib/submit-bar/.DS_Store +0 -0
  188. package/lib/swipe/.DS_Store +0 -0
  189. package/lib/swipe-cell/.DS_Store +0 -0
  190. package/lib/swipe-item/.DS_Store +0 -0
  191. package/lib/switch/.DS_Store +0 -0
  192. package/lib/tab/.DS_Store +0 -0
  193. package/lib/tabbar/.DS_Store +0 -0
  194. package/lib/tabbar-item/.DS_Store +0 -0
  195. package/lib/tabs/.DS_Store +0 -0
  196. package/lib/tag/.DS_Store +0 -0
  197. package/lib/toast/.DS_Store +0 -0
  198. package/lib/tree-select/.DS_Store +0 -0
  199. 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.5.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.5.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
@@ -72,6 +72,7 @@
72
72
  @import "./tree-select/index.less";
73
73
  @import "./skeleton/index.less";
74
74
  @import "./slider/index.less";
75
+ @import "./space/index.less";
75
76
  @import "./steps/index.less";
76
77
  @import "./step/index.less";
77
78
  @import "./stepper/index.less";
package/lib/list/List.js CHANGED
@@ -137,7 +137,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
137
137
  check
138
138
  });
139
139
  (0, import_use.useEventListener)("scroll", check, {
140
- target: scrollParent
140
+ target: scrollParent,
141
+ passive: true
141
142
  });
142
143
  return () => {
143
144
  var _a;
@@ -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
- "onWebkitAnimationEnd": onAnimationEnd
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
- "onTouchstart": onTouchStart,
100
- "onTouchmove": onTouchMove,
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
- "onTouchstart": onTouchStart
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
- "onTouchstart": onTouchStart,
244
+ "onTouchstartPassive": onTouchStart,
245
245
  "onTouchmove": onTouchMove,
246
246
  "onTouchend": onTouchEnd,
247
247
  "onTouchcancel": onTouchEnd
@@ -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)(updateLocation);
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", {
@@ -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 = ++globalZIndex;
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
- "onTouchstart": onTouchStart,
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
- "onTouchstart": onTouchStart,
232
+ "onTouchstartPassive": onTouchStart,
233
233
  "onTouchmove": onTouchMove
234
234
  }, [list.value.map(renderStar)]);
235
235
  }
@@ -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:5px var(--van-padding-xs) 5px 0;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)}
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)}
@@ -42,7 +42,9 @@
42
42
 
43
43
  &__field {
44
44
  flex: 1;
45
- padding: 5px var(--van-padding-xs) 5px 0;
45
+ align-items: center;
46
+ padding: 0 var(--van-padding-xs) 0 0;
47
+ height: var(--van-search-input-height);
46
48
  background-color: transparent;
47
49
 
48
50
  .van-field__left-icon {
@@ -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
- "onTouchstart": (event) => {
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,2 @@
1
+ require("../../style/base.css");
2
+ require("../index.css");
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ require("../../style/base.less");
2
+ require("../index.less");
@@ -202,7 +202,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
202
202
  actionType = type;
203
203
  onChange();
204
204
  },
205
- onTouchstart: () => {
205
+ onTouchstartPassive: () => {
206
206
  actionType = type;
207
207
  onTouchStart();
208
208
  },
@@ -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 () => {
@@ -362,7 +362,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
362
362
  "class": bem("track", {
363
363
  vertical: props.vertical
364
364
  }),
365
- "onTouchstart": onTouchStart,
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
- "onTouchstart": onTouchStart,
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: setLine,
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,