vant 4.0.0-alpha.0 → 4.0.0-alpha.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 (66) hide show
  1. package/changelog.generated.md +197 -0
  2. package/es/calendar/Calendar.d.ts +4 -0
  3. package/es/calendar/Calendar.js +2 -0
  4. package/es/calendar/index.css +1 -1
  5. package/es/calendar/index.d.ts +3 -0
  6. package/es/calendar/index.less +1 -0
  7. package/es/config-provider/ConfigProvider.js +2 -0
  8. package/es/date-picker/DatePicker.js +1 -1
  9. package/es/dialog/index.css +1 -1
  10. package/es/dialog/index.less +2 -0
  11. package/es/index-bar/IndexBar.js +25 -4
  12. package/es/index.d.ts +1 -1
  13. package/es/index.js +1 -1
  14. package/es/locale/lang/la-LA.d.ts +64 -0
  15. package/es/locale/lang/la-LA.js +66 -0
  16. package/es/nav-bar/NavBar.d.ts +1 -1
  17. package/es/nav-bar/NavBar.js +3 -3
  18. package/es/nav-bar/index.d.ts +1 -1
  19. package/es/picker/index.css +1 -1
  20. package/es/picker/index.less +1 -0
  21. package/es/popup/Popup.d.ts +4 -0
  22. package/es/popup/Popup.js +3 -0
  23. package/es/popup/index.d.ts +3 -0
  24. package/es/skeleton/Skeleton.js +6 -4
  25. package/es/style/base.css +1 -1
  26. package/es/style/base.less +5 -0
  27. package/es/swipe-cell/SwipeCell.js +1 -1
  28. package/es/toast/Toast.js +1 -0
  29. package/lib/calendar/Calendar.d.ts +4 -0
  30. package/lib/calendar/Calendar.js +2 -0
  31. package/lib/calendar/index.css +1 -1
  32. package/lib/calendar/index.d.ts +3 -0
  33. package/lib/calendar/index.less +1 -0
  34. package/lib/config-provider/ConfigProvider.js +2 -0
  35. package/lib/date-picker/DatePicker.js +1 -1
  36. package/lib/dialog/index.css +1 -1
  37. package/lib/dialog/index.less +2 -0
  38. package/lib/index-bar/IndexBar.js +25 -4
  39. package/lib/index.css +1 -1
  40. package/lib/index.d.ts +1 -1
  41. package/lib/index.js +1 -1
  42. package/lib/locale/lang/la-LA.d.ts +64 -0
  43. package/lib/locale/lang/la-LA.js +90 -0
  44. package/lib/nav-bar/NavBar.d.ts +1 -1
  45. package/lib/nav-bar/NavBar.js +3 -3
  46. package/lib/nav-bar/index.d.ts +1 -1
  47. package/lib/picker/index.css +1 -1
  48. package/lib/picker/index.less +1 -0
  49. package/lib/popup/Popup.d.ts +4 -0
  50. package/lib/popup/Popup.js +3 -0
  51. package/lib/popup/index.d.ts +3 -0
  52. package/lib/skeleton/Skeleton.js +5 -3
  53. package/lib/style/base.css +1 -1
  54. package/lib/style/base.less +5 -0
  55. package/lib/swipe-cell/SwipeCell.js +1 -1
  56. package/lib/toast/Toast.js +1 -0
  57. package/lib/vant.cjs.js +44 -13
  58. package/lib/vant.cjs.min.js +1 -1
  59. package/lib/vant.es.js +44 -13
  60. package/lib/vant.es.min.js +44 -13
  61. package/lib/vant.js +44 -13
  62. package/lib/vant.min.js +1 -1
  63. package/package.json +2 -2
  64. package/vetur/attributes.json +203 -195
  65. package/vetur/tags.json +70 -68
  66. package/vetur/web-types.json +644 -624
@@ -0,0 +1,197 @@
1
+ ### [v4.0.0-alpha.1](https://github.com/youzan/vant/compare/v3.4.6...v4.0.0-alpha.1)
2
+
3
+ `2022-03-19`
4
+
5
+ **Bug Fixes**
6
+
7
+ - Calendar, Picker: Fix calendar and picker's title color in dark mode [#10403](https://github.com/youzan/vant/issues/10403)
8
+ - ConfigProvider: dark mode not work as default value [#10413](https://github.com/youzan/vant/issues/10413)
9
+ - DatePicker: failed to update model value [#10415](https://github.com/youzan/vant/issues/10415)
10
+ - Dialog: Fix dialog title and message color in dark mode [#10379](https://github.com/youzan/vant/issues/10379)
11
+ - IndexBar: allow active bottom anchor [#10404](https://github.com/youzan/vant/issues/10404)
12
+
13
+ **build**
14
+
15
+ - deploy v4 site [06199f](https://github.com/youzan/vant/commit/06199faf2c170bcd95e6aa49b51d981373ac42a6)
16
+ - fix workflow name [992eea](https://github.com/youzan/vant/commit/992eea3eeb8758942d40f9b893d0ff41c296c3ea)
17
+
18
+ **Document**
19
+
20
+ - add area data update tips [#10400](https://github.com/youzan/vant/issues/10400)
21
+ - add dark mode to features [#10398](https://github.com/youzan/vant/issues/10398)
22
+ - add Select component faq [#10397](https://github.com/youzan/vant/issues/10397)
23
+ - changelog: 3.4.6 [0dc490](https://github.com/youzan/vant/commit/0dc490c9bca4206b4050824bf707094027ed5872)
24
+ - DatePicker: fix formatter usage [#10416](https://github.com/youzan/vant/issues/10416)
25
+ - DatetimePicker: add select second faq [#10399](https://github.com/youzan/vant/issues/10399)
26
+ - fix publicPath [db2e6c](https://github.com/youzan/vant/commit/db2e6ca12f75ee0db3b25cd1f9766f9e74e285f6)
27
+ - Locale: add Lao to document [#10389](https://github.com/youzan/vant/issues/10389)
28
+ - Picker: add v-model usage [#10417](https://github.com/youzan/vant/issues/10417)
29
+ - update [3a1e79](https://github.com/youzan/vant/commit/3a1e792e3151861e0ed780baa67823729db6a8a6)
30
+ - update 4.0.0-alpha changelog [#10339](https://github.com/youzan/vant/issues/10339)
31
+
32
+ **Feature**
33
+
34
+ - area-data: update counties of NanJing [#10410](https://github.com/youzan/vant/issues/10410)
35
+ - Locale: add la-LA.ts [#10388](https://github.com/youzan/vant/issues/10388)
36
+
37
+ **release**
38
+
39
+ - @vant/area-data 1.2.3 [029c93](https://github.com/youzan/vant/commit/029c93a4669ff3ee4d88615adb000668535f46d0)
40
+ ### [v4.0.0-alpha.0](https://github.com/youzan/vant/compare/v3.4.5...v4.0.0-alpha.0)
41
+
42
+ `2022-02-21`
43
+
44
+ **Bug Fixes**
45
+
46
+ - AddressEdit: selectedOption maybe undefined [3979dd](https://github.com/youzan/vant/commit/3979ddc40af1325f5cc7889c6f0f277ccdb110c9)
47
+ - Area: allow to reset modelValue [8d49b8](https://github.com/youzan/vant/commit/8d49b88748c6bd36437628ab0242352dc0ba5159)
48
+ - DatePicker: allow modelValue to be empty [980f97](https://github.com/youzan/vant/commit/980f9760112958a2bd5c1e88a410e4c15636658a)
49
+ - Picker: currentColumns calculation [113e1b](https://github.com/youzan/vant/commit/113e1b7a6239c3097956e8692cb512e8ccecccb8)
50
+ - Picker: error when options is empty [018621](https://github.com/youzan/vant/commit/0186219586b75227bf69ce0e514c3ed94c52e1cc)
51
+ - Picker: failed to update modelValue [ff69fd](https://github.com/youzan/vant/commit/ff69fdacc7dd9bcf6bd17c4a493902d027644d92)
52
+ - Picker: fix some bugs [22654b](https://github.com/youzan/vant/commit/22654bf518cc21e45cf9ed5e597f5d5e1f411a17)
53
+ - Picker: option.className not work [d16075](https://github.com/youzan/vant/commit/d16075f39efbd7aeed4feab08cd4587bc73eb54c)
54
+ - Picker: should update modelValue immediately [e61bd4](https://github.com/youzan/vant/commit/e61bd487fa81533a6deb6c8aa52e92a549a000a4)
55
+ - Picker: should update selectedValues correctly [2a8bb8](https://github.com/youzan/vant/commit/2a8bb86fbb7d65f9ddc053de8bc3c9c1175d3dff)
56
+ - TimePicker: remove columns-order prop [7d22cc](https://github.com/youzan/vant/commit/7d22cc2155bef564ee910498d2f8f319ef601a41)
57
+ - TimePicker: should update modelValue immediately [7dae50](https://github.com/youzan/vant/commit/7dae50b0c9809e17448264752de831504f7f084d)
58
+ - vant-cli: pnpm compatibility [#10214](https://github.com/youzan/vant/issues/10214)
59
+
60
+ **Document**
61
+
62
+ - @vant/cli: changelog 4.0.0-rc.6 [fda3f1](https://github.com/youzan/vant/commit/fda3f1be9403c68bcc734ae08c760af3d0df6fa1)
63
+ - Area: update documents [a9baa3](https://github.com/youzan/vant/commit/a9baa3b2d188a16637acc1051fb554142408315b)
64
+ - dark mode [d4584a](https://github.com/youzan/vant/commit/d4584aafda247ad4d520afc063cd6a74f8d7ee4c)
65
+ - DatePicker: fix currentDate of year-month [c942ef](https://github.com/youzan/vant/commit/c942efb76b53885a66de5291c86ca1160713cfb3)
66
+ - docsearch version v4 [15e746](https://github.com/youzan/vant/commit/15e7461a93a32c7a0e43e46955adc45d845bc064)
67
+ - Form: fix demo [7deba8](https://github.com/youzan/vant/commit/7deba88b918f74d68b7880621983f2ad2d8eb549)
68
+ - Form: fix Picker demo [9cfef0](https://github.com/youzan/vant/commit/9cfef027aa787ed85566a7ce23beb8c2e8bffba1)
69
+ - Picker: new document [cc10eb](https://github.com/youzan/vant/commit/cc10eb1f2adddc5a6d34336669b85a8a571c1803)
70
+ - Picker: update demo [ceaab3](https://github.com/youzan/vant/commit/ceaab349f177d0280d15f66686890dc092434b80)
71
+ - update migration guide [d68053](https://github.com/youzan/vant/commit/d68053ea7f469953a8e81819e4aeb47ab169124f)
72
+ - update migration guide [f436b5](https://github.com/youzan/vant/commit/f436b5ae09af3f3ff8a5d21105ad0ff85cd48ff7)
73
+ - update v4 migration guide [6c24fa](https://github.com/youzan/vant/commit/6c24fa728ee078419cbd7b8efcd35b3b70021208)
74
+ - update Vant 4 [2ceb68](https://github.com/youzan/vant/commit/2ceb68e691440b49394ea05a82912f1e972146dd)
75
+
76
+ - breaking change(AddressEdit): adjust change-area event params [b3cf1d](https://github.com/youzan/vant/commit/b3cf1dfb54f04af08011d2b9930fd725856d153a)
77
+ - breaking change: event name become camelCase [8ca974](https://github.com/youzan/vant/commit/8ca9741845cc7f5c73c23bb81c98ec2802971e27)
78
+ - breaking change: shorter css var names [7d6916](https://github.com/youzan/vant/commit/7d6916b946440fdd7fb3e0bd4c1117c989d74a93)
79
+ - breaking change: no longer support less vars [ada5db](https://github.com/youzan/vant/commit/ada5db011c676893a2917b9424be1aeafe54134b)
80
+ - breaking change(Tabs): remove click、disabled event [099141](https://github.com/youzan/vant/commit/099141f6c5b0e43c7e3ceeae98ee7e6e512212d6)
81
+ - breaking change(Picker): remove default slot、value-key prop [6a4033](https://github.com/youzan/vant/commit/6a4033b6bc72c38ff103c16e039ecd73ccacd4df)
82
+
83
+ **Feature**
84
+
85
+ - @vant/cli: desktop site support dark mode [35a990](https://github.com/youzan/vant/commit/35a990ed65500311cbcafae506780dc6d3fb49fa)
86
+ - @vant/cli: mobile site support dark mode [df24a3](https://github.com/youzan/vant/commit/df24a3b6834e4b9439580498f9c4a7448f7ca7c2)
87
+ - ActionBar: update icon text color [650bdd](https://github.com/youzan/vant/commit/650bdd22941d9119d8a78f1ffc37d8562c68f9a1)
88
+ - add dark mode basic variables [73322f](https://github.com/youzan/vant/commit/73322fd310849f53bf6f9e5bc508991c770af620)
89
+ - Area: add getSelectedOptions method [35a500](https://github.com/youzan/vant/commit/35a50012c76495119a44efa2cfc231f8b1921f40)
90
+ - ConfigProvider: add theme prop [f95734](https://github.com/youzan/vant/commit/f9573402a79d2de0abcfb43f6cbcf4c7e7e8c64f)
91
+ - ConfigProvider: dark theme class [97b074](https://github.com/youzan/vant/commit/97b074ad0c3d8f25b9281120444901128bfdc5a1)
92
+ - DatePicker: date columns calculation [e8ffc8](https://github.com/youzan/vant/commit/e8ffc80dc65a9a09e342a97d9314c498e8e78264)
93
+ - Picker: add getSelectedOptions method [83295e](https://github.com/youzan/vant/commit/83295e655da9ae2debbf2e7472753517d5b5241d)
94
+ - TimePicker: support select second [2e053a](https://github.com/youzan/vant/commit/2e053ad76bf254fbe14cee2b3c3d2dc7766c9462)
95
+
96
+ **refactor**
97
+
98
+ - Area component [cca428](https://github.com/youzan/vant/commit/cca428aac63da792e8de8f3f6f76d164cab46cb6)
99
+ - attach css variables to body element [541458](https://github.com/youzan/vant/commit/541458c41b69e3bc977aa39a0e91be2b2d91883a)
100
+ - DatePicker Component [5b4075](https://github.com/youzan/vant/commit/5b407566db61d2ff7e6512ca8f82f39111d8da0f)
101
+ - DatePicker: v-model now is string array [ef8e66](https://github.com/youzan/vant/commit/ef8e66a9244606899339c7153ec2d66406afbf81)
102
+ - Picker: data driven [89b029](https://github.com/youzan/vant/commit/89b029aa42400b2570b7676b881f6311abe42352)
103
+ - Picker: rename item-height to option-height [c06141](https://github.com/youzan/vant/commit/c061412138e41a07a87110692621517eac814428)
104
+ - rename --van-background-light to --van-background-2 [98b999](https://github.com/youzan/vant/commit/98b999d911c41ac1a73e6ef375b4966befe69b20)
105
+ - TimePicker component [42d1dd](https://github.com/youzan/vant/commit/42d1dd836c141f499343aa6a8278d1b3be4953ac)
106
+ - TimePicker: modelValue now is string array [fdcf99](https://github.com/youzan/vant/commit/fdcf9931bed3da6f1faedff99f3a6b8202d75691)
107
+
108
+ **release**
109
+
110
+ - @vant/cli 4.0.0-rc.6 [e93ae7](https://github.com/youzan/vant/commit/e93ae7b430afac7f431af23e334eaf0bf17a9e9d)
111
+ - 4.0.0-alpha.0 [c20664](https://github.com/youzan/vant/commit/c206642d2d6771b681c369653228ec692fd28754)
112
+
113
+ **style**
114
+
115
+ - @vant/cli: adjust css vars [b6fcd3](https://github.com/youzan/vant/commit/b6fcd32dcf201703d32ee4ce70d6147b4c4605ef)
116
+ - @vant/cli: improve demo style in dark mode [0e8e32](https://github.com/youzan/vant/commit/0e8e3200a2f3fbdfd46f324d89ae05a38680f421)
117
+ - @vant/cli: improve mobile style in dark mode [f5c32c](https://github.com/youzan/vant/commit/f5c32c29f115ef072a20ff736732a1c66557f992)
118
+ - AddressEdit: submit button using primary type [c65d4f](https://github.com/youzan/vant/commit/c65d4f96727059d19ad7bb014b53d679754bd512)
119
+ - AddressList: using primary color [fcd91c](https://github.com/youzan/vant/commit/fcd91cb0b03ade0def49928bdd2ec2ea652f4408)
120
+ - Button: adjust font-smoothing [bda361](https://github.com/youzan/vant/commit/bda3617d14f3e93f04748915bb595467c1696945)
121
+ - Button: increase default border radius from 2px to 4px [d86771](https://github.com/youzan/vant/commit/d867710cc9ca273dbf6c1d4edc568f57e5806243)
122
+ - Button: update default button border color [bd2428](https://github.com/youzan/vant/commit/bd24288a12b38fecafc6302f1216587e7a6710fb)
123
+ - Calendar: using primary color by default [4e89e8](https://github.com/youzan/vant/commit/4e89e88845adba1af3a6a6db19d8df7cae6aa9fb)
124
+ - Card: blue tag [369201](https://github.com/youzan/vant/commit/3692014070beb9d3187106803e742b28ab0b3310)
125
+ - Card: improve card mode style [cb2d99](https://github.com/youzan/vant/commit/cb2d99c8cf7abde3e08df79085f13a21c47c9bc7)
126
+ - Cascader: using primary color by default [84b90b](https://github.com/youzan/vant/commit/84b90b1f4c9e52c9638426e79a269d53801cc0b1)
127
+ - Cell: remove value aline style [0a7b53](https://github.com/youzan/vant/commit/0a7b53553364691e11af6906b5d22dee8e570cce)
128
+ - ContactEdit: adjust submit button [43ae30](https://github.com/youzan/vant/commit/43ae30026adf98b076ec26c3214c24387cb63082)
129
+ - ContactList: using primary color [d39f6a](https://github.com/youzan/vant/commit/d39f6a898afa4c5bbd5ef33035e42f656b0ec6f7)
130
+ - CouponList: change default color [85c5ad](https://github.com/youzan/vant/commit/85c5ad671868b7156968b681a00b147a57504c84)
131
+ - CouponList: update field background color in dark mode [82e0e4](https://github.com/youzan/vant/commit/82e0e454d0de31d5a1a68a17a6e566d42ba86d74)
132
+ - DropdownMenu: using primary color by default [37e7c6](https://github.com/youzan/vant/commit/37e7c618b82527616d9f988f3249dda347eb7923)
133
+ - Field: adjust label color [8e98e9](https://github.com/youzan/vant/commit/8e98e9744939003f1679b465ccd5124539a99f36)
134
+ - GridItem: adust text color [42f03f](https://github.com/youzan/vant/commit/42f03fe1a241ff5311e9fe6696fb614b225faa72)
135
+ - increase font-weight bold [bef919](https://github.com/youzan/vant/commit/bef919c7f011bffdb31bad1ca085df5be24679f4)
136
+ - IndexBar: increase font weight of active index [d6e80e](https://github.com/youzan/vant/commit/d6e80e8954931927808c7fabf37473db35e8730b)
137
+ - IndexBar: using primary color by default [8b95db](https://github.com/youzan/vant/commit/8b95db15746bbf02a9091c8e604c9bb3884148b0)
138
+ - Sidebar: using primary color by default [eeb233](https://github.com/youzan/vant/commit/eeb233bf990a598282c21559520415a64a237179)
139
+ - Slider: improve dark mode color [fc2847](https://github.com/youzan/vant/commit/fc2847fdb442f3a5c5f1e26cc14858e136a86b3c)
140
+ - Stepper: using primary color by default [41b1cd](https://github.com/youzan/vant/commit/41b1cd71854514404c6a601ee22586a9ae243ee3)
141
+ - Steps: update default button border color [5a1566](https://github.com/youzan/vant/commit/5a15660c77082d814da2b68527136994ab9112f8)
142
+ - Switch: adjust style [2acd47](https://github.com/youzan/vant/commit/2acd47b5ee251d1af729c44b8516a4cc0fa06d44)
143
+ - Switch: adjust width [73788f](https://github.com/youzan/vant/commit/73788f9e88beba576d2599a939caa4b4970b396f)
144
+ - Tabbar: adjust text color [39b51d](https://github.com/youzan/vant/commit/39b51d5dae7e9c0ab1e5fb03a868a06cdbf6b269)
145
+ - Tabs: using primary color by default [3b10d6](https://github.com/youzan/vant/commit/3b10d66bb92869d03b7af8228bfd1b1e0361a033)
146
+ - TreeSelect: using primary color [cce3ce](https://github.com/youzan/vant/commit/cce3ceb5b68e445d0b9ea94f91d6b46246444b36)
147
+ - update van doc background [5b3c4f](https://github.com/youzan/vant/commit/5b3c4f15468428c29dcd7cc43ca5a82831b6f87a)
148
+
149
+ **Types**
150
+
151
+ - AddressEdit: SearchItem optional [27c46b](https://github.com/youzan/vant/commit/27c46b01ae391f7c26430ea258181d1f534511a0)
152
+ - DatePicker: export DatePickerColumnType [829db0](https://github.com/youzan/vant/commit/829db06d5b2576e2024a280bd10ba1fa3f17f25c)
153
+ - Picker: fix columns prop typing [6c64bc](https://github.com/youzan/vant/commit/6c64bc33c1ba537b7951dcbc02d6deec3aaab093)
154
+ - Picker: fix return type of getSelectedOptions [967cb5](https://github.com/youzan/vant/commit/967cb56c181cc145189a868f49c4666a75f85b00)
155
+ - TimePicker: export TimePickerColumnType [b608fb](https://github.com/youzan/vant/commit/b608fb23f031cf09a474039cd9cd23f8bc7811d3)
156
+ ### [v3.4.6](https://github.com/youzan/vant/compare/v4.0.0-alpha.0...v3.4.6)
157
+
158
+ `2022-03-13`
159
+
160
+ **Bug Fixes**
161
+
162
+ - 🐛 修复官网更新日志的版本链接及 issue 链接异常的问题 [#10329](https://github.com/youzan/vant/issues/10329)
163
+ - cli: issue link in generated changelog [#10337](https://github.com/youzan/vant/issues/10337)
164
+ - Skeleton: fix non-props attributes warning [#10384](https://github.com/youzan/vant/issues/10384)
165
+ - SwipeCell: cell should stopPropagation when lockClick is true [#10319](https://github.com/youzan/vant/issues/10319)
166
+ - Toast: failed to render message after changing type [#10311](https://github.com/youzan/vant/issues/10311)
167
+ - vant-cli: decamelize ReDoS [#10351](https://github.com/youzan/vant/issues/10351)
168
+
169
+ **Document**
170
+
171
+ - @vant/use: changelog 1.3.6 [f95239](https://github.com/youzan/vant/commit/f95239006cf23665593c8316258f4cec4237f29a)
172
+ - add mirror repo description [#10382](https://github.com/youzan/vant/issues/10382)
173
+ - add Vant 4 link [#10340](https://github.com/youzan/vant/issues/10340)
174
+ - Calendar: add formatter async usage [#10385](https://github.com/youzan/vant/issues/10385)
175
+ - changelog: fix link mistake [#10328](https://github.com/youzan/vant/issues/10328)
176
+ - Field: add v-model type guide [#10383](https://github.com/youzan/vant/issues/10383)
177
+ - modify JSX.ELement to JSX.Element [#10344](https://github.com/youzan/vant/issues/10344)
178
+ - update react-vant address [#10305](https://github.com/youzan/vant/issues/10305)
179
+ - update vite-plugin-style-import version [#10303](https://github.com/youzan/vant/issues/10303)
180
+
181
+ - Update contribution.zh-CN.md (#10314) [#10314](https://github.com/youzan/vant/issues/10314)
182
+
183
+ **Feature**
184
+
185
+ - add van-safe-area-top class [#10356](https://github.com/youzan/vant/issues/10356)
186
+ - Calendar: add safe-area-inset-top prop [#10358](https://github.com/youzan/vant/issues/10358)
187
+ - Popup: add safe-area-inset-top prop [#10357](https://github.com/youzan/vant/issues/10357)
188
+
189
+ **release**
190
+
191
+ - @vant/cli 4.0.1 [202efb](https://github.com/youzan/vant/commit/202efbbf85ec94f7d804075d1ecbfb71c6824cb4)
192
+ - @vant/use 1.3.6 [1040af](https://github.com/youzan/vant/commit/1040afdda6e6f8bb98ea36cbc9212b65ecb8c49b)
193
+ - 3.4.6 [1cfa46](https://github.com/youzan/vant/commit/1cfa46e9219b2d0dac04e3657395c306df90a87a)
194
+
195
+ **Types**
196
+
197
+ - fix missing VisibilityState after typescript 4.6.0 [#10370](https://github.com/youzan/vant/issues/10370)
@@ -66,6 +66,7 @@ declare const calendarProps: {
66
66
  type: BooleanConstructor;
67
67
  default: true;
68
68
  };
69
+ safeAreaInsetTop: BooleanConstructor;
69
70
  safeAreaInsetBottom: {
70
71
  type: BooleanConstructor;
71
72
  default: true;
@@ -152,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
152
153
  type: BooleanConstructor;
153
154
  default: true;
154
155
  };
156
+ safeAreaInsetTop: BooleanConstructor;
155
157
  safeAreaInsetBottom: {
156
158
  type: BooleanConstructor;
157
159
  default: true;
@@ -236,6 +238,7 @@ declare const _default: import("vue").DefineComponent<{
236
238
  type: BooleanConstructor;
237
239
  default: true;
238
240
  };
241
+ safeAreaInsetTop: BooleanConstructor;
239
242
  safeAreaInsetBottom: {
240
243
  type: BooleanConstructor;
241
244
  default: true;
@@ -273,6 +276,7 @@ declare const _default: import("vue").DefineComponent<{
273
276
  lazyRender: boolean;
274
277
  closeOnClickOverlay: boolean;
275
278
  closeOnPopstate: boolean;
279
+ safeAreaInsetTop: boolean;
276
280
  poppable: boolean;
277
281
  maxRange: string | number;
278
282
  showMark: boolean;
@@ -36,6 +36,7 @@ const calendarProps = {
36
36
  showRangePrompt: truthProp,
37
37
  confirmDisabledText: String,
38
38
  closeOnClickOverlay: truthProp,
39
+ safeAreaInsetTop: Boolean,
39
40
  safeAreaInsetBottom: truthProp,
40
41
  minDate: {
41
42
  type: Date,
@@ -384,6 +385,7 @@ var stdin_default = defineComponent({
384
385
  "closeable": props.showTitle || props.showSubtitle,
385
386
  "teleport": props.teleport,
386
387
  "closeOnPopstate": props.closeOnPopstate,
388
+ "safeAreaInsetTop": props.safeAreaInsetTop,
387
389
  "closeOnClickOverlay": props.closeOnClickOverlay,
388
390
  "onUpdate:show": updateShow
389
391
  }, {
@@ -1 +1 @@
1
- body{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
1
+ body{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{color:var(--van-text-color);height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
@@ -63,6 +63,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
63
63
  type: BooleanConstructor;
64
64
  default: true;
65
65
  };
66
+ safeAreaInsetTop: BooleanConstructor;
66
67
  safeAreaInsetBottom: {
67
68
  type: BooleanConstructor;
68
69
  default: true;
@@ -147,6 +148,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
147
148
  type: BooleanConstructor;
148
149
  default: true;
149
150
  };
151
+ safeAreaInsetTop: BooleanConstructor;
150
152
  safeAreaInsetBottom: {
151
153
  type: BooleanConstructor;
152
154
  default: true;
@@ -184,6 +186,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
184
186
  lazyRender: boolean;
185
187
  closeOnClickOverlay: boolean;
186
188
  closeOnPopstate: boolean;
189
+ safeAreaInsetTop: boolean;
187
190
  poppable: boolean;
188
191
  maxRange: string | number;
189
192
  showMark: boolean;
@@ -61,6 +61,7 @@ body {
61
61
  &__month-title,
62
62
  &__header-title,
63
63
  &__header-subtitle {
64
+ color: var(--van-text-color);
64
65
  height: var(--van-calendar-header-title-height);
65
66
  font-weight: var(--van-font-bold);
66
67
  line-height: var(--van-calendar-header-title-height);
@@ -31,6 +31,8 @@ var stdin_default = defineComponent({
31
31
  watch(() => props.theme, (newVal, oldVal) => {
32
32
  document.body.classList.remove(`van-theme-${oldVal}`);
33
33
  document.body.classList.add(`van-theme-${newVal}`);
34
+ }, {
35
+ immediate: true
34
36
  });
35
37
  }
36
38
  provide(CONFIG_PROVIDER_KEY, props);
@@ -89,7 +89,7 @@ var stdin_default = defineComponent({
89
89
  }
90
90
  });
91
91
  watch(() => props.modelValue, (newValues) => {
92
- if (isSameValue(newValues, currentValues.value)) {
92
+ if (!isSameValue(newValues, currentValues.value)) {
93
93
  currentValues.value = newValues;
94
94
  }
95
95
  });
@@ -1 +1 @@
1
- body{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate(-50%,-50%) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate(-50%,-50%) scale(.9);opacity:0}
1
+ body{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate(-50%,-50%) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate(-50%,-50%) scale(.9);opacity:0}
@@ -37,6 +37,7 @@ body {
37
37
  }
38
38
 
39
39
  &__header {
40
+ color: var(--van-text-color);
40
41
  padding-top: var(--van-dialog-header-padding-top);
41
42
  font-weight: var(--van-dialog-header-font-weight);
42
43
  line-height: var(--van-dialog-header-line-height);
@@ -56,6 +57,7 @@ body {
56
57
  }
57
58
 
58
59
  &__message {
60
+ color: var(--van-text-color);
59
61
  flex: 1;
60
62
  max-height: var(--van-dialog-message-max-height);
61
63
  padding: 26px var(--van-dialog-message-padding);
@@ -38,6 +38,7 @@ var stdin_default = defineComponent({
38
38
  children,
39
39
  linkChildren
40
40
  } = useChildren(INDEX_BAR_KEY);
41
+ let selectActiveIndex;
41
42
  linkChildren({
42
43
  props
43
44
  });
@@ -65,6 +66,7 @@ var stdin_default = defineComponent({
65
66
  }
66
67
  return -1;
67
68
  };
69
+ const getMatchAnchor = (index) => children.find((item) => String(item.index) === index);
68
70
  const onScroll = () => {
69
71
  if (isHidden(root)) {
70
72
  return;
@@ -76,7 +78,16 @@ var stdin_default = defineComponent({
76
78
  const scrollTop = getScrollTop(scrollParent.value);
77
79
  const scrollParentRect = useRect(scrollParent);
78
80
  const rects = children.map((item) => item.getRect(scrollParent.value, scrollParentRect));
79
- const active = getActiveAnchor(scrollTop, rects);
81
+ let active = -1;
82
+ if (selectActiveIndex) {
83
+ const match = getMatchAnchor(selectActiveIndex);
84
+ if (match) {
85
+ const rect = match.getRect(scrollParent.value, scrollParentRect);
86
+ active = getActiveAnchor(rect.top, rects);
87
+ }
88
+ } else {
89
+ active = getActiveAnchor(scrollTop, rects);
90
+ }
80
91
  activeAnchor.value = indexList[active];
81
92
  if (sticky) {
82
93
  children.forEach((item, index) => {
@@ -95,7 +106,7 @@ var stdin_default = defineComponent({
95
106
  if (index === active) {
96
107
  state.active = true;
97
108
  state.top = Math.max(props.stickyOffsetTop, rects[index].top - scrollTop) + scrollParentRect.top;
98
- } else if (index === active - 1) {
109
+ } else if (index === active - 1 && selectActiveIndex === "") {
99
110
  const activeItemTop = rects[active].top - scrollTop;
100
111
  state.active = activeItemTop > 0;
101
112
  state.top = activeItemTop + scrollParentRect.top - rects[index].height;
@@ -104,6 +115,7 @@ var stdin_default = defineComponent({
104
115
  }
105
116
  });
106
117
  }
118
+ selectActiveIndex = "";
107
119
  };
108
120
  const init = () => {
109
121
  nextTick(onScroll);
@@ -129,9 +141,18 @@ var stdin_default = defineComponent({
129
141
  }, [index]);
130
142
  });
131
143
  const scrollTo = (index) => {
132
- index = String(index);
133
- const match = children.find((item) => String(item.index) === index);
144
+ selectActiveIndex = String(index);
145
+ const match = getMatchAnchor(selectActiveIndex);
134
146
  if (match) {
147
+ const scrollTop = getScrollTop(scrollParent.value);
148
+ const scrollParentRect = useRect(scrollParent);
149
+ const {
150
+ offsetHeight
151
+ } = document.documentElement;
152
+ if (scrollTop === offsetHeight - scrollParentRect.height) {
153
+ onScroll();
154
+ return;
155
+ }
135
156
  match.$el.scrollIntoView();
136
157
  if (props.sticky && props.stickyOffsetTop) {
137
158
  setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
package/es/index.d.ts CHANGED
@@ -91,4 +91,4 @@ declare namespace _default {
91
91
  }
92
92
  export default _default;
93
93
  export function install(app: any): void;
94
- export const version: "4.0.0-alpha.0";
94
+ export const version: "4.0.0-alpha.1";
package/es/index.js CHANGED
@@ -84,7 +84,7 @@ import { TimePicker } from "./time-picker";
84
84
  import { Toast } from "./toast";
85
85
  import { TreeSelect } from "./tree-select";
86
86
  import { Uploader } from "./uploader";
87
- const version = "4.0.0-alpha.0";
87
+ const version = "4.0.0-alpha.1";
88
88
  function install(app) {
89
89
  const components = [
90
90
  ActionBar,
@@ -0,0 +1,64 @@
1
+ declare const _default: {
2
+ name: string;
3
+ tel: string;
4
+ save: string;
5
+ confirm: string;
6
+ cancel: string;
7
+ delete: string;
8
+ loading: string;
9
+ noCoupon: string;
10
+ nameEmpty: string;
11
+ addContact: string;
12
+ telInvalid: string;
13
+ vanCalendar: {
14
+ end: string;
15
+ start: string;
16
+ title: string;
17
+ weekdays: string[];
18
+ monthTitle: (year: number, month: number) => string;
19
+ rangePrompt: (maxRange: number) => string;
20
+ };
21
+ vanCascader: {
22
+ select: string;
23
+ };
24
+ vanPagination: {
25
+ prev: string;
26
+ next: string;
27
+ };
28
+ vanPullRefresh: {
29
+ pulling: string;
30
+ loosing: string;
31
+ };
32
+ vanSubmitBar: {
33
+ label: string;
34
+ };
35
+ vanCoupon: {
36
+ unlimited: string;
37
+ discount: (discount: number) => string;
38
+ condition: (condition: number) => string;
39
+ };
40
+ vanCouponCell: {
41
+ title: string;
42
+ count: (count: number) => string;
43
+ };
44
+ vanCouponList: {
45
+ exchange: string;
46
+ close: string;
47
+ enable: string;
48
+ disabled: string;
49
+ placeholder: string;
50
+ };
51
+ vanAddressEdit: {
52
+ area: string;
53
+ postal: string;
54
+ areaEmpty: string;
55
+ addressEmpty: string;
56
+ postalEmpty: string;
57
+ addressDetail: string;
58
+ defaultAddress: string;
59
+ };
60
+ vanAddressList: {
61
+ add: string;
62
+ };
63
+ };
64
+ export default _default;
@@ -0,0 +1,66 @@
1
+ var stdin_default = {
2
+ name: "\u0E8A\u0EB7\u0EC8",
3
+ tel: "\u0EC2\u0E97\u0EA5\u0EB0\u0EAA\u0EB1\u0E9A",
4
+ save: "\u0E9A\u0EB1\u0E99\u0E97\u0EB6\u0E81",
5
+ confirm: "\u0EA2\u0EB6\u0E99\u0EA2\u0EB1\u0E99",
6
+ cancel: "\u0E8D\u0EBB\u0E81\u0EC0\u0EA5\u0EB5\u0E81",
7
+ delete: "\u0EA5\u0EB7\u0E9A",
8
+ loading: "\u0E81\u0EB3\u0EA5\u0EB1\u0E87\u0EC2\u0EAB\u0EBC\u0E94...",
9
+ noCoupon: "\u0E9A\u0ECD\u0EC8\u0EA1\u0EB5\u0E84\u0EB9\u0E9B\u0EAD\u0E87",
10
+ nameEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0E8A\u0EB7\u0EC8",
11
+ addContact: "\u0EC0\u0E9E\u0EB5\u0EC8\u0EA1\u0E9C\u0EB9\u0EC9\u0E95\u0EB4\u0E94\u0E95\u0ECD\u0EC8",
12
+ telInvalid: "\u0EC0\u0E9A\u0EB5\u0EC2\u0E97\u0EA5\u0EB0\u0EAA\u0EB1\u0E9A\u0E9A\u0ECD\u0EC8\u0E96\u0EB7\u0E81\u0E95\u0EC9\u0EAD\u0E87",
13
+ vanCalendar: {
14
+ end: "\u0E88\u0EBB\u0E9A",
15
+ start: "\u0EC0\u0EA5\u0EB5\u0EC8\u0EA1",
16
+ title: "\u0E81\u0EB2\u0E99\u0EC0\u0EA5\u0EB7\u0EAD\u0E81\u0EA7\u0EB1\u0E99\u0E97\u0EB5\u0EC8",
17
+ weekdays: ["\u0EAD\u0EB2", "\u0E88", "\u0EAD", "\u0E9E", "\u0E9E\u0EAB", "\u0EAA", "\u0EAA"],
18
+ monthTitle: (year, month) => `${year}\u0E9B\u0EB5${month}\u0EC0\u0E94\u0EB7\u0EAD\u0E99`,
19
+ rangePrompt: (maxRange) => `\u0E88\u0EB3\u0E99\u0EAD\u0E99\u0EA7\u0EB1\u0E99\u0E97\u0EB5\u0EC8\u0EC0\u0EA5\u0EB7\u0EAD\u0E81\u0E95\u0EC9\u0EAD\u0E87\u0E9A\u0ECD\u0EC8\u0EC0\u0E81\u0EB5\u0E99 ${maxRange} \u0EA7\u0EB1\u0E99`
20
+ },
21
+ vanCascader: {
22
+ select: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0EC0\u0EA5\u0EB7\u0EAD\u0E81"
23
+ },
24
+ vanPagination: {
25
+ prev: "\u0EDC\u0EC9\u0EB2\u0E97\u0EB5\u0EC8\u0EC1\u0EA5\u0EC9\u0EA7",
26
+ next: "\u0EDC\u0EC9\u0EB2\u0E95\u0ECD\u0EC8\u0EC4\u0E9B"
27
+ },
28
+ vanPullRefresh: {
29
+ pulling: "\u0E94\u0EB7\u0E87\u0EA5\u0EBB\u0E87\u0EC0\u0E9E\u0EB7\u0EC8\u0EAD\u0EA3\u0EB5\u0EC0\u0E9F\u0EAA...",
30
+ loosing: "\u0E9B\u0EC8\u0EAD\u0E8D\u0EC0\u0E9E\u0EB7\u0EC8\u0EAD\u0EA3\u0EB5\u0EC0\u0E9F\u0EAA..."
31
+ },
32
+ vanSubmitBar: {
33
+ label: "\u0EA5\u0EA7\u0EA1:"
34
+ },
35
+ vanCoupon: {
36
+ unlimited: "\u0E9A\u0ECD\u0EC8 \u0E88\u0EB3\u0E81\u0EB1\u0E94",
37
+ discount: (discount) => `\u0EA5\u0EBB\u0E94${discount}`,
38
+ condition: (condition) => `\u0EA1\u0EB5\u0E88\u0EB3\u0EDC\u0EC8\u0EB2\u0E8D\u0EC3\u0E99\u0EA5\u0EB2\u0E84\u0EB2 ${condition} \u0E81\u0EA7\u0EC8\u0EB2\u0EAB\u0E8D\u0EA7\u0E99`
39
+ },
40
+ vanCouponCell: {
41
+ title: "\u0E84\u0EB9\u0E9B\u0EAD\u0E87",
42
+ count: (count) => `\u0EA1\u0EB5\u0EAE\u0EB9\u0E9A\u0E9E\u0EB2\u0E9A ${count} \u0EAE\u0EB9\u0E9A`
43
+ },
44
+ vanCouponList: {
45
+ exchange: "\u0EC1\u0EA5\u0E81\u0E9B\u0EC8\u0EBD\u0E99",
46
+ close: "\u0E9A\u0ECD\u0EC8\u0EC4\u0E94\u0EC9\u0EC3\u0E8A\u0EC9",
47
+ enable: "\u0E9E\u0EC9\u0EAD\u0EA1\u0EC3\u0E8A\u0EC9\u0E87\u0EB2\u0E99",
48
+ disabled: "\u0E9A\u0ECD\u0EC8\u0E9E\u0EC9\u0EAD\u0EA1\u0EC3\u0E8A\u0EC9\u0E87\u0EB2\u0E99",
49
+ placeholder: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0E84\u0EB9\u0E9B\u0EAD\u0E87"
50
+ },
51
+ vanAddressEdit: {
52
+ area: "\u0E9E\u0EB7\u0EC9\u0E99\u0E97\u0EB5\u0EC8",
53
+ postal: "\u0EA5\u0EB0\u0EAB\u0EB1\u0E94\u0EC4\u0E9B\u0EAA\u0EB0\u0E99\u0EB5",
54
+ areaEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0EC0\u0EA5\u0EB7\u0EAD\u0E81\u0E9E\u0EB7\u0EC9\u0E99\u0E97\u0EB5\u0EC8",
55
+ addressEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8",
56
+ postalEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0EA5\u0EB0\u0EAB\u0EB1\u0E94\u0EC4\u0E9B\u0EAA\u0EB0\u0E99\u0EB5",
57
+ addressDetail: "\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8",
58
+ defaultAddress: "\u0E95\u0EB1\u0EC9\u0E87\u0EC0\u0E9B\u0EB1\u0E99\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8\u0EC0\u0EA5\u0EB5\u0EC8\u0EA1\u0E95\u0EBB\u0EC9\u0E99"
59
+ },
60
+ vanAddressList: {
61
+ add: "\u0EC0\u0E9E\u0EB5\u0EC8\u0EA1\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8"
62
+ }
63
+ };
64
+ export {
65
+ stdin_default as default
66
+ };
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
47
47
  fixed: boolean;
48
48
  border: boolean;
49
49
  placeholder: boolean;
50
- leftArrow: boolean;
51
50
  safeAreaInsetTop: boolean;
51
+ leftArrow: boolean;
52
52
  }>;
53
53
  export default _default;
@@ -60,10 +60,10 @@ var stdin_default = defineComponent({
60
60
  "ref": navBarRef,
61
61
  "style": style,
62
62
  "class": [bem({
63
- fixed,
64
- "safe-area-inset-top": props.safeAreaInsetTop
63
+ fixed
65
64
  }), {
66
- [BORDER_BOTTOM]: border
65
+ [BORDER_BOTTOM]: border,
66
+ "van-safe-area-top": props.safeAreaInsetTop
67
67
  }]
68
68
  }, [_createVNode("div", {
69
69
  "class": bem("content")
@@ -31,8 +31,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
31
31
  fixed: boolean;
32
32
  border: boolean;
33
33
  placeholder: boolean;
34
- leftArrow: boolean;
35
34
  safeAreaInsetTop: boolean;
35
+ leftArrow: boolean;
36
36
  }>>;
37
37
  export default NavBar;
38
38
  export type { NavBarProps } from './NavBar';
@@ -1 +1 @@
1
- body{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-link-color);--van-picker-cancel-action-color: var(--van-text-color-2);--van-picker-option-font-size: var(--van-font-size-lg);--van-picker-option-padding: 0 var(--van-padding-base);--van-picker-option-text-color: var(--van-text-color);--van-picker-option-disabled-opacity: .3;--van-picker-loading-icon-color: var(--van-primary-color);--van-picker-loading-mask-color: rgba(255, 255, 255, .9);--van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))}.van-theme-dark{--van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.van-picker{position:relative;background:var(--van-picker-background);-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{max-width:50%;font-weight:var(--van-font-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}
1
+ body{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-link-color);--van-picker-cancel-action-color: var(--van-text-color-2);--van-picker-option-font-size: var(--van-font-size-lg);--van-picker-option-padding: 0 var(--van-padding-base);--van-picker-option-text-color: var(--van-text-color);--van-picker-option-disabled-opacity: .3;--van-picker-loading-icon-color: var(--van-primary-color);--van-picker-loading-mask-color: rgba(255, 255, 255, .9);--van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))}.van-theme-dark{--van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.van-picker{position:relative;background:var(--van-picker-background);-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{color:var(--van-text-color);max-width:50%;font-weight:var(--van-font-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}