vant 4.0.0-alpha.4 → 4.0.0-rc.0

package/LICENSE

@@ -0,0 +1,10 @@
+MIT License
+
+Copyright (c) Youzan
+Copyright (c) Chen Jiahan and other contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -4,21 +4,20 @@
 
 <h1 align="center">Vant</h1>
 
-<p align="center">Mobile UI Components built on Vue</p>
+<p align="center">Lightweight Mobile UI Components built on Vue</p>
 
 <p align="center">
     <img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
-    <img src="https://img.shields.io/github/workflow/status/youzan/vant/CI/dev?style=flat-square" alt="CI Status" />
-    <img src="https://img.shields.io/codecov/c/github/youzan/vant/dev.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
+    <img src="https://img.shields.io/github/workflow/status/vant-ui/vant/CI/dev?style=flat-square" alt="CI Status" />
+    <img src="https://img.shields.io/codecov/c/github/vant-ui/vant/dev.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
     <img src="https://img.shields.io/npm/dm/vant.svg?style=flat-square&color=#4fc08d" alt="downloads" />
-    <img src="https://img.shields.io/jsdelivr/npm/hm/vant?style=flat-square" alt="Jsdelivr Hits">
     <img src="https://img.badgesize.io/https://unpkg.com/vant@3/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
 </p>
 
 <p align="center">
   🔥 <a href="https://vant-contrib.gitee.io/vant">文档网站（国内）</a>
   &nbsp;
-  🌈 <a href="https://youzan.github.io/vant">文档网站（GitHub）</a>
+  🌈 <a href="https://vant-ui.github.io/vant">文档网站（GitHub）</a>
   &nbsp;
   🇨🇳 <a href="./README.zh-CN.md">中文版介绍</a>
 </p>
@@ -29,6 +28,7 @@
 
 - 🚀 1KB Component average size (min+gzip)
 - 🚀 70+ High quality components
+- 🚀 Zero third-party dependencies
 - 💪 90%+ Unit test coverage
 - 💪 Written in TypeScript
 - 📖 Extensive documentation and demos
@@ -67,14 +67,18 @@ pnpm add vant
 
 ```js
 import { createApp } from 'vue';
+// 1. Import the components you need
 import { Button } from 'vant';
+// 2. Import the components style
 import 'vant/lib/index.css';
 
 const app = createApp();
+
+// 3. Register the components you need
 app.use(Button);
 ```
 
-See more in [Quickstart](https://youzan.github.io/vant#/en-US/quickstart).
+See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
 
 ## Browser Support
 
@@ -86,11 +90,11 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 | Project | Description |
 | --- | --- |
-| [vant-weapp](https://github.com/youzan/vant-weapp) | WeChat MiniProgram UI |
+| [vant-weapp](https://github.com/vant-ui/vant-weapp) | WeChat MiniProgram UI |
 | [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos |
-| [vant-cli](https://github.com/youzan/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
-| [vant-icons](https://github.com/youzan/vant/tree/dev/packages/vant-icons) | Vant icons |
-| [vant-touch-emulator](https://github.com/youzan/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
+| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
+| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant icons |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
 
 ## Community Ecosystem
 
@@ -106,8 +110,8 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 ## Links
 
-- [Documentation](https://youzan.github.io/vant)
-- [Changelog](https://youzan.github.io/vant#/en-US/changelog)
+- [Documentation](https://vant-ui.github.io/vant)
+- [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
 - [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
 
 ## Preview
@@ -128,7 +132,7 @@ Core contributors of Vant and Vant Weapp:
 
 Thanks to the following friends for their contributions to Vant:
 
-<a href="https://github.com/youzan/vant/graphs/contributors">
+<a href="https://github.com/vant-ui/vant/graphs/contributors">
   <img src="https://opencollective.com/vant/contributors.svg?width=890&button=false" alt="contributors">
 </a>
 

package/changelog.generated.md

@@ -0,0 +1,295 @@
+### [v4.0.0-rc.0](https://github.com/vant-ui/vant/compare/v3.6.2...v4.0.0-rc.0)
+
+`2022-09-04`
+
+**Bug Fixes**
+
+- DatePicker: failed to update model value [#10984](https://github.com/vant-ui/vant/issues/10984)
+- DatePicker: min-date prop not work correctly [#10985](https://github.com/vant-ui/vant/issues/10985)
+- Picker: fix passive event [8bcb34](https://github.com/vant-ui/vant/commit/8bcb34724f5bab2a184b075d85b8896f4a0a8c1f)
+
+**Document**
+
+- changelog: vant@3.6.2 [#11008](https://github.com/vant-ui/vant/issues/11008)
+- changelog: vant@4.0.0-beta.1 [#10966](https://github.com/vant-ui/vant/issues/10966)
+- DatePicker: fix basic usage [66aa29](https://github.com/vant-ui/vant/commit/66aa2906e0c4fa613e55e2cb57637a40b37cdb7e)
+- DatePicker: fix toolbar slot name [#10983](https://github.com/vant-ui/vant/issues/10983)
+- update babel-plugin-import tip [7d023f](https://github.com/vant-ui/vant/commit/7d023fd6e45b6407a339d8a07ab6c4e4b70f4f92)
+
+**Feature**
+
+- add new PickerGroup component [#11005](https://github.com/vant-ui/vant/issues/11005)
+### [v4.0.0-beta.1](https://github.com/vant-ui/vant/compare/v3.6.1...v4.0.0-beta.1)
+
+`2022-08-24`
+
+**Bug Fixes**
+
+- ConfigProvider: should remove theme class on unmount [#10898](https://github.com/vant-ui/vant/issues/10898)
+
+**Document**
+
+- add babel-plugin-import migration guide [#10867](https://github.com/vant-ui/vant/issues/10867)
+- add faq of remove babel-plugin-import [#10942](https://github.com/vant-ui/vant/issues/10942)
+- changelog: 4.0.0-beta.0 [#10825](https://github.com/vant-ui/vant/issues/10825)
+- fix link address in migrate-from-v3.md [#10919](https://github.com/vant-ui/vant/issues/10919)
+- Icon: separate usingUrl demo from basicUsage [#10828](https://github.com/vant-ui/vant/issues/10828)
+- ImagePreview: fix cell style in demo [0881de](https://github.com/vant-ui/vant/commit/0881de82af347002c3f37bba5e2f89aacdeadc16)
+
+- Restore "fix(Popup&Toast): invalid adaptive width (#10961)" [#10961](https://github.com/vant-ui/vant/issues/10961)
+
+**Feature**
+
+- ConfigProvider: add theme-vars-dark and theme-vars-light props [#10939](https://github.com/vant-ui/vant/issues/10939)
+- Picker: add clickOption event [#10865](https://github.com/vant-ui/vant/issues/10865)
+- Popup: improve style when position is center [#10965](https://github.com/vant-ui/vant/issues/10965)
+
+**release**
+
+- 4.0.0-beta.1 [889b28](https://github.com/vant-ui/vant/commit/889b28609ad6cc53a8fa82017cff2e7d210f3f74)
+### [v4.0.0-beta.0](https://github.com/vant-ui/vant/compare/v3.5.2...v4.0.0-beta.0)
+
+`2022-07-16`
+
+**Document**
+
+- changelog: 4.0.0-alpha.4 [635194](https://github.com/vant-ui/vant/commit/63519433f12d4b1a17191c83df1dd928f5909542)
+
+**Feature**
+
+- add @vant/compat package [#10806](https://github.com/vant-ui/vant/issues/10806)
+
+**perf**
+
+- remove less source file to remove bundle size [#10752](https://github.com/vant-ui/vant/issues/10752)
+
+**refactor**
+
+- Dialog: redesign function-call API [#10781](https://github.com/vant-ui/vant/issues/10781)
+- ImagePreview: redesign function-call API [#10802](https://github.com/vant-ui/vant/issues/10802)
+- Notify: redesign function-call API [#10782](https://github.com/vant-ui/vant/issues/10782)
+- Toast: redesign function-call API [#10804](https://github.com/vant-ui/vant/issues/10804)
+
+**release**
+
+- 4.0.0-beta.0 [151427](https://github.com/vant-ui/vant/commit/15142770f226f4e2834c42bf076dfd683a53202d)
+### [v4.0.0-alpha.4](https://github.com/vant-ui/vant/compare/v3.5.0-beta.0...v4.0.0-alpha.4)
+
+`2022-05-31`
+
+**Document**
+
+- changelog: 4.0.0-alpha.3 [fe2115](https://github.com/vant-ui/vant/commit/fe2115ee5c1e86f006858bc930219313afb46747)
+
+**Feature**
+
+- using mjs extension for esmodule [#10625](https://github.com/vant-ui/vant/issues/10625)
+
+**release**
+
+- 4.0.0-alpha.4 [1f19fb](https://github.com/vant-ui/vant/commit/1f19fb0d9f91317e799f4ce8f017f56841dad6e6)
+### [v4.0.0-alpha.3](https://github.com/vant-ui/vant/compare/v3.4.9...v4.0.0-alpha.3)
+
+`2022-05-02`
+
+**Bug Fixes**
+
+- Search: style error in dark mode [#10527](https://github.com/vant-ui/vant/issues/10527)
+
+**Document**
+
+- changelog: 4.0.0-alpha.2 [912a5f](https://github.com/vant-ui/vant/commit/912a5f17b1b429baa063de91c68a8bf6650b1189)
+
+**release**
+
+- 4.0.0-alpha.3 [bc60f5](https://github.com/vant-ui/vant/commit/bc60f5116bd832c599ec8ba43b58daece4abe280)
+### [v4.0.0-alpha.2](https://github.com/vant-ui/vant/compare/v3.4.8...v4.0.0-alpha.2)
+
+`2022-04-16`
+
+**Document**
+
+- changelog: 4.0.0-alpha.1 [5bff9e](https://github.com/vant-ui/vant/commit/5bff9e8c5ff4716740c7555ef185163569f7576c)
+
+- breaking change(AddressEdit): remove postal [e08e98](https://github.com/vant-ui/vant/commit/e08e9845a29b8d5587f02eff84368e32157678f4)
+
+**release**
+
+- 4.0.0-alpha.2 [ea57c9](https://github.com/vant-ui/vant/commit/ea57c9e9ffc10847ac31e1c6b6dac8f81c4abb22)
+### [v4.0.0-alpha.1](https://github.com/vant-ui/vant/compare/v3.4.6...v4.0.0-alpha.1)
+
+`2022-03-19`
+
+**Bug Fixes**
+
+- Calendar, Picker: Fix calendar and picker's title color in dark mode [#10403](https://github.com/vant-ui/vant/issues/10403)
+- ConfigProvider: dark mode not work as default value [#10413](https://github.com/vant-ui/vant/issues/10413)
+- DatePicker: failed to update model value [#10415](https://github.com/vant-ui/vant/issues/10415)
+- Dialog: Fix dialog title and message color in dark mode [#10379](https://github.com/vant-ui/vant/issues/10379)
+
+**build**
+
+- deploy v4 site [06199f](https://github.com/vant-ui/vant/commit/06199faf2c170bcd95e6aa49b51d981373ac42a6)
+- fix workflow name [992eea](https://github.com/vant-ui/vant/commit/992eea3eeb8758942d40f9b893d0ff41c296c3ea)
+
+**Document**
+
+- DatePicker: fix formatter usage [#10416](https://github.com/vant-ui/vant/issues/10416)
+- fix publicPath [db2e6c](https://github.com/vant-ui/vant/commit/db2e6ca12f75ee0db3b25cd1f9766f9e74e285f6)
+- Picker: add v-model usage [#10417](https://github.com/vant-ui/vant/issues/10417)
+- update [3a1e79](https://github.com/vant-ui/vant/commit/3a1e792e3151861e0ed780baa67823729db6a8a6)
+- update 4.0.0-alpha changelog [#10339](https://github.com/vant-ui/vant/issues/10339)
+
+**release**
+
+- 4.0.0-alpha.1 [475d10](https://github.com/vant-ui/vant/commit/475d108ccb0f09dc09269751bd1bc15d1ea2ed0a)
+### [v4.0.0-alpha.0](https://github.com/vant-ui/vant/compare/v3.4.5...v4.0.0-alpha.0)
+
+`2022-02-21`
+
+**Bug Fixes**
+
+- AddressEdit: selectedOption maybe undefined [3979dd](https://github.com/vant-ui/vant/commit/3979ddc40af1325f5cc7889c6f0f277ccdb110c9)
+- Area: allow to reset modelValue [8d49b8](https://github.com/vant-ui/vant/commit/8d49b88748c6bd36437628ab0242352dc0ba5159)
+- DatePicker: allow modelValue to be empty [980f97](https://github.com/vant-ui/vant/commit/980f9760112958a2bd5c1e88a410e4c15636658a)
+- Picker: currentColumns calculation [113e1b](https://github.com/vant-ui/vant/commit/113e1b7a6239c3097956e8692cb512e8ccecccb8)
+- Picker: error when options is empty [018621](https://github.com/vant-ui/vant/commit/0186219586b75227bf69ce0e514c3ed94c52e1cc)
+- Picker: failed to update modelValue [ff69fd](https://github.com/vant-ui/vant/commit/ff69fdacc7dd9bcf6bd17c4a493902d027644d92)
+- Picker: fix some bugs [22654b](https://github.com/vant-ui/vant/commit/22654bf518cc21e45cf9ed5e597f5d5e1f411a17)
+- Picker: option.className not work [d16075](https://github.com/vant-ui/vant/commit/d16075f39efbd7aeed4feab08cd4587bc73eb54c)
+- Picker: should update modelValue immediately [e61bd4](https://github.com/vant-ui/vant/commit/e61bd487fa81533a6deb6c8aa52e92a549a000a4)
+- Picker: should update selectedValues correctly [2a8bb8](https://github.com/vant-ui/vant/commit/2a8bb86fbb7d65f9ddc053de8bc3c9c1175d3dff)
+- TimePicker: remove columns-order prop [7d22cc](https://github.com/vant-ui/vant/commit/7d22cc2155bef564ee910498d2f8f319ef601a41)
+- TimePicker: should update modelValue immediately [7dae50](https://github.com/vant-ui/vant/commit/7dae50b0c9809e17448264752de831504f7f084d)
+- vant-cli: pnpm compatibility [#10214](https://github.com/vant-ui/vant/issues/10214)
+
+**Document**
+
+- @vant/cli: changelog 4.0.0-rc.6 [fda3f1](https://github.com/vant-ui/vant/commit/fda3f1be9403c68bcc734ae08c760af3d0df6fa1)
+- Area: update documents [a9baa3](https://github.com/vant-ui/vant/commit/a9baa3b2d188a16637acc1051fb554142408315b)
+- dark mode [d4584a](https://github.com/vant-ui/vant/commit/d4584aafda247ad4d520afc063cd6a74f8d7ee4c)
+- DatePicker: fix currentDate of year-month [c942ef](https://github.com/vant-ui/vant/commit/c942efb76b53885a66de5291c86ca1160713cfb3)
+- docsearch version v4 [15e746](https://github.com/vant-ui/vant/commit/15e7461a93a32c7a0e43e46955adc45d845bc064)
+- Form: fix demo [7deba8](https://github.com/vant-ui/vant/commit/7deba88b918f74d68b7880621983f2ad2d8eb549)
+- Form: fix Picker demo [9cfef0](https://github.com/vant-ui/vant/commit/9cfef027aa787ed85566a7ce23beb8c2e8bffba1)
+- Picker: new document [cc10eb](https://github.com/vant-ui/vant/commit/cc10eb1f2adddc5a6d34336669b85a8a571c1803)
+- Picker: update demo [ceaab3](https://github.com/vant-ui/vant/commit/ceaab349f177d0280d15f66686890dc092434b80)
+- update migration guide [d68053](https://github.com/vant-ui/vant/commit/d68053ea7f469953a8e81819e4aeb47ab169124f)
+- update migration guide [f436b5](https://github.com/vant-ui/vant/commit/f436b5ae09af3f3ff8a5d21105ad0ff85cd48ff7)
+- update v4 migration guide [6c24fa](https://github.com/vant-ui/vant/commit/6c24fa728ee078419cbd7b8efcd35b3b70021208)
+- update Vant 4 [2ceb68](https://github.com/vant-ui/vant/commit/2ceb68e691440b49394ea05a82912f1e972146dd)
+
+- breaking change(AddressEdit): adjust change-area event params [b3cf1d](https://github.com/vant-ui/vant/commit/b3cf1dfb54f04af08011d2b9930fd725856d153a)
+- breaking change: event name become camelCase [8ca974](https://github.com/vant-ui/vant/commit/8ca9741845cc7f5c73c23bb81c98ec2802971e27)
+- breaking change: shorter css var names [7d6916](https://github.com/vant-ui/vant/commit/7d6916b946440fdd7fb3e0bd4c1117c989d74a93)
+- breaking change: no longer support less vars [ada5db](https://github.com/vant-ui/vant/commit/ada5db011c676893a2917b9424be1aeafe54134b)
+- breaking change(Tabs): remove click、disabled event [099141](https://github.com/vant-ui/vant/commit/099141f6c5b0e43c7e3ceeae98ee7e6e512212d6)
+- breaking change(Picker): remove default slot、value-key prop [6a4033](https://github.com/vant-ui/vant/commit/6a4033b6bc72c38ff103c16e039ecd73ccacd4df)
+
+**Feature**
+
+- @vant/cli: desktop site support dark mode [35a990](https://github.com/vant-ui/vant/commit/35a990ed65500311cbcafae506780dc6d3fb49fa)
+- @vant/cli: mobile site support dark mode [df24a3](https://github.com/vant-ui/vant/commit/df24a3b6834e4b9439580498f9c4a7448f7ca7c2)
+- ActionBar: update icon text color [650bdd](https://github.com/vant-ui/vant/commit/650bdd22941d9119d8a78f1ffc37d8562c68f9a1)
+- add dark mode basic variables [73322f](https://github.com/vant-ui/vant/commit/73322fd310849f53bf6f9e5bc508991c770af620)
+- Area: add getSelectedOptions method [35a500](https://github.com/vant-ui/vant/commit/35a50012c76495119a44efa2cfc231f8b1921f40)
+- ConfigProvider: add theme prop [f95734](https://github.com/vant-ui/vant/commit/f9573402a79d2de0abcfb43f6cbcf4c7e7e8c64f)
+- ConfigProvider: dark theme class [97b074](https://github.com/vant-ui/vant/commit/97b074ad0c3d8f25b9281120444901128bfdc5a1)
+- DatePicker: date columns calculation [e8ffc8](https://github.com/vant-ui/vant/commit/e8ffc80dc65a9a09e342a97d9314c498e8e78264)
+- Picker: add getSelectedOptions method [83295e](https://github.com/vant-ui/vant/commit/83295e655da9ae2debbf2e7472753517d5b5241d)
+- TimePicker: support select second [2e053a](https://github.com/vant-ui/vant/commit/2e053ad76bf254fbe14cee2b3c3d2dc7766c9462)
+
+**refactor**
+
+- Area component [cca428](https://github.com/vant-ui/vant/commit/cca428aac63da792e8de8f3f6f76d164cab46cb6)
+- attach css variables to body element [541458](https://github.com/vant-ui/vant/commit/541458c41b69e3bc977aa39a0e91be2b2d91883a)
+- DatePicker Component [5b4075](https://github.com/vant-ui/vant/commit/5b407566db61d2ff7e6512ca8f82f39111d8da0f)
+- DatePicker: v-model now is string array [ef8e66](https://github.com/vant-ui/vant/commit/ef8e66a9244606899339c7153ec2d66406afbf81)
+- Picker: data driven [89b029](https://github.com/vant-ui/vant/commit/89b029aa42400b2570b7676b881f6311abe42352)
+- Picker: rename item-height to option-height [c06141](https://github.com/vant-ui/vant/commit/c061412138e41a07a87110692621517eac814428)
+- rename --van-background-light to --van-background-2 [98b999](https://github.com/vant-ui/vant/commit/98b999d911c41ac1a73e6ef375b4966befe69b20)
+- TimePicker component [42d1dd](https://github.com/vant-ui/vant/commit/42d1dd836c141f499343aa6a8278d1b3be4953ac)
+- TimePicker: modelValue now is string array [fdcf99](https://github.com/vant-ui/vant/commit/fdcf9931bed3da6f1faedff99f3a6b8202d75691)
+
+**release**
+
+- @vant/cli 4.0.0-rc.6 [e93ae7](https://github.com/vant-ui/vant/commit/e93ae7b430afac7f431af23e334eaf0bf17a9e9d)
+- 4.0.0-alpha.0 [c20664](https://github.com/vant-ui/vant/commit/c206642d2d6771b681c369653228ec692fd28754)
+
+**style**
+
+- @vant/cli: adjust css vars [b6fcd3](https://github.com/vant-ui/vant/commit/b6fcd32dcf201703d32ee4ce70d6147b4c4605ef)
+- @vant/cli: improve demo style in dark mode [0e8e32](https://github.com/vant-ui/vant/commit/0e8e3200a2f3fbdfd46f324d89ae05a38680f421)
+- @vant/cli: improve mobile style in dark mode [f5c32c](https://github.com/vant-ui/vant/commit/f5c32c29f115ef072a20ff736732a1c66557f992)
+- AddressEdit: submit button using primary type [c65d4f](https://github.com/vant-ui/vant/commit/c65d4f96727059d19ad7bb014b53d679754bd512)
+- AddressList: using primary color [fcd91c](https://github.com/vant-ui/vant/commit/fcd91cb0b03ade0def49928bdd2ec2ea652f4408)
+- Button: adjust font-smoothing [bda361](https://github.com/vant-ui/vant/commit/bda3617d14f3e93f04748915bb595467c1696945)
+- Button: increase default border radius from 2px to 4px [d86771](https://github.com/vant-ui/vant/commit/d867710cc9ca273dbf6c1d4edc568f57e5806243)
+- Button: update default button border color [bd2428](https://github.com/vant-ui/vant/commit/bd24288a12b38fecafc6302f1216587e7a6710fb)
+- Calendar: using primary color by default [4e89e8](https://github.com/vant-ui/vant/commit/4e89e88845adba1af3a6a6db19d8df7cae6aa9fb)
+- Card: blue tag [369201](https://github.com/vant-ui/vant/commit/3692014070beb9d3187106803e742b28ab0b3310)
+- Card: improve card mode style [cb2d99](https://github.com/vant-ui/vant/commit/cb2d99c8cf7abde3e08df79085f13a21c47c9bc7)
+- Cascader: using primary color by default [84b90b](https://github.com/vant-ui/vant/commit/84b90b1f4c9e52c9638426e79a269d53801cc0b1)
+- Cell: remove value aline style [0a7b53](https://github.com/vant-ui/vant/commit/0a7b53553364691e11af6906b5d22dee8e570cce)
+- ContactEdit: adjust submit button [43ae30](https://github.com/vant-ui/vant/commit/43ae30026adf98b076ec26c3214c24387cb63082)
+- ContactList: using primary color [d39f6a](https://github.com/vant-ui/vant/commit/d39f6a898afa4c5bbd5ef33035e42f656b0ec6f7)
+- CouponList: change default color [85c5ad](https://github.com/vant-ui/vant/commit/85c5ad671868b7156968b681a00b147a57504c84)
+- CouponList: update field background color in dark mode [82e0e4](https://github.com/vant-ui/vant/commit/82e0e454d0de31d5a1a68a17a6e566d42ba86d74)
+- DropdownMenu: using primary color by default [37e7c6](https://github.com/vant-ui/vant/commit/37e7c618b82527616d9f988f3249dda347eb7923)
+- Field: adjust label color [8e98e9](https://github.com/vant-ui/vant/commit/8e98e9744939003f1679b465ccd5124539a99f36)
+- GridItem: adust text color [42f03f](https://github.com/vant-ui/vant/commit/42f03fe1a241ff5311e9fe6696fb614b225faa72)
+- increase font-weight bold [bef919](https://github.com/vant-ui/vant/commit/bef919c7f011bffdb31bad1ca085df5be24679f4)
+- IndexBar: increase font weight of active index [d6e80e](https://github.com/vant-ui/vant/commit/d6e80e8954931927808c7fabf37473db35e8730b)
+- IndexBar: using primary color by default [8b95db](https://github.com/vant-ui/vant/commit/8b95db15746bbf02a9091c8e604c9bb3884148b0)
+- Sidebar: using primary color by default [eeb233](https://github.com/vant-ui/vant/commit/eeb233bf990a598282c21559520415a64a237179)
+- Slider: improve dark mode color [fc2847](https://github.com/vant-ui/vant/commit/fc2847fdb442f3a5c5f1e26cc14858e136a86b3c)
+- Stepper: using primary color by default [41b1cd](https://github.com/vant-ui/vant/commit/41b1cd71854514404c6a601ee22586a9ae243ee3)
+- Steps: update default button border color [5a1566](https://github.com/vant-ui/vant/commit/5a15660c77082d814da2b68527136994ab9112f8)
+- Switch: adjust style [2acd47](https://github.com/vant-ui/vant/commit/2acd47b5ee251d1af729c44b8516a4cc0fa06d44)
+- Switch: adjust width [73788f](https://github.com/vant-ui/vant/commit/73788f9e88beba576d2599a939caa4b4970b396f)
+- Tabbar: adjust text color [39b51d](https://github.com/vant-ui/vant/commit/39b51d5dae7e9c0ab1e5fb03a868a06cdbf6b269)
+- Tabs: using primary color by default [3b10d6](https://github.com/vant-ui/vant/commit/3b10d66bb92869d03b7af8228bfd1b1e0361a033)
+- TreeSelect: using primary color [cce3ce](https://github.com/vant-ui/vant/commit/cce3ceb5b68e445d0b9ea94f91d6b46246444b36)
+- update van doc background [5b3c4f](https://github.com/vant-ui/vant/commit/5b3c4f15468428c29dcd7cc43ca5a82831b6f87a)
+
+**Types**
+
+- AddressEdit: SearchItem optional [27c46b](https://github.com/vant-ui/vant/commit/27c46b01ae391f7c26430ea258181d1f534511a0)
+- DatePicker: export DatePickerColumnType [829db0](https://github.com/vant-ui/vant/commit/829db06d5b2576e2024a280bd10ba1fa3f17f25c)
+- Picker: fix columns prop typing [6c64bc](https://github.com/vant-ui/vant/commit/6c64bc33c1ba537b7951dcbc02d6deec3aaab093)
+- Picker: fix return type of getSelectedOptions [967cb5](https://github.com/vant-ui/vant/commit/967cb56c181cc145189a868f49c4666a75f85b00)
+- TimePicker: export TimePickerColumnType [b608fb](https://github.com/vant-ui/vant/commit/b608fb23f031cf09a474039cd9cd23f8bc7811d3)
+### [v3.6.2](https://github.com/vant-ui/vant/compare/v4.0.0-beta.1...v3.6.2)
+
+`2022-09-04`
+
+**Bug Fixes**
+
+- @vant/cli: add passive for global touchstart [#10979](https://github.com/vant-ui/vant/issues/10979)
+- area-data: update counties of Daxinganling region [#11000](https://github.com/vant-ui/vant/issues/11000)
+- Calendar: allow default date to be maxDate when enable allowSameDay [#10976](https://github.com/vant-ui/vant/issues/10976)
+- Calendar: range type defaultDate when set allowSameDay [#10971](https://github.com/vant-ui/vant/issues/10971)
+- indexBar: index-bar not positioned correctly when scrolled to the bottom [#10994](https://github.com/vant-ui/vant/issues/10994)
+- reduce passive event warning of touchmove event [#10975](https://github.com/vant-ui/vant/issues/10975)
+- Swipe: should not prevent touch move when reach edge [#10980](https://github.com/vant-ui/vant/issues/10980)
+
+**Document**
+
+- add function component style guide [#11003](https://github.com/vant-ui/vant/issues/11003)
+- add nuxt 3 guide [#10977](https://github.com/vant-ui/vant/issues/10977)
+- changelog: 3.6.1 [6a7376](https://github.com/vant-ui/vant/commit/6a7376d15d20bdd1641422ff2cb1c317fc987e89)
+- fix card overflow issue [#10988](https://github.com/vant-ui/vant/issues/10988)
+- prefer using externalVue in nuxt 3 [#10978](https://github.com/vant-ui/vant/issues/10978)
+- update quickstart guide [#11006](https://github.com/vant-ui/vant/issues/11006)
+
+**release**
+
+- @vant/area-data 1.3.2 [94c5af](https://github.com/vant-ui/vant/commit/94c5afe65caa97188fe3a800c52c629c1416ff41)
+- 3.6.2 [7afb74](https://github.com/vant-ui/vant/commit/7afb74345a39f23a3c62aa8b0e6d95de4c2b35de)
+### [v3.6.1](https://github.com/vant-ui/vant/compare/v3.6.0...v3.6.1)
+
+`2022-08-24`
+
+**release**
+
+- 3.6.1 [2cca63](https://github.com/vant-ui/vant/commit/2cca63080868beb1b64bedddd004d8f13bc64d4a)

package/es/action-bar/ActionBar.d.ts

@@ -1,6 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
 declare const actionBarProps: {
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -8,16 +9,19 @@ declare const actionBarProps: {
 };
 export declare type ActionBarProps = ExtractPropTypes<typeof actionBarProps>;
 declare const _default: import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>;
 export default _default;

package/es/action-bar/ActionBar.mjs

@@ -1,10 +1,12 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, ref } from "vue";
 import { truthProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
+import { usePlaceholder } from "../composables/use-placeholder.mjs";
 const [name, bem] = createNamespace("action-bar");
 const ACTION_BAR_KEY = Symbol(name);
 const actionBarProps = {
+  placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
 var stdin_default = defineComponent({
@@ -13,18 +15,27 @@ var stdin_default = defineComponent({
   setup(props, {
     slots
   }) {
+    const root = ref();
+    const renderPlaceholder = usePlaceholder(root, bem);
     const {
       linkChildren
     } = useChildren(ACTION_BAR_KEY);
     linkChildren();
-    return () => {
+    const renderActionBar = () => {
       var _a;
       return _createVNode("div", {
+        "ref": root,
         "class": [bem(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderActionBar);
+      }
+      return renderActionBar();
+    };
   }
 });
 export {

package/es/action-bar/index.d.ts

@@ -1,14 +1,17 @@
 export declare const ActionBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;

package/es/action-bar-button/ActionBarButton.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/action-bar-button/index.d.ts

@@ -9,7 +9,7 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     color: StringConstructor;
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/action-bar-icon/ActionBarIcon.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/action-bar-icon/index.d.ts

@@ -11,7 +11,7 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     iconClass: import("vue").PropType<unknown>;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/address-edit/AddressEdit.mjs

@@ -7,7 +7,7 @@ import { Cell } from "../cell/index.mjs";
 import { Form } from "../form/index.mjs";
 import { Field } from "../field/index.mjs";
 import { Popup } from "../popup/index.mjs";
-import { Toast } from "../toast/index.mjs";
+import { showToast } from "../toast/index.mjs";
 import { Button } from "../button/index.mjs";
 import { Switch } from "../switch/index.mjs";
 import AddressEditDetail from "./AddressEditDetail.mjs";
@@ -133,7 +133,7 @@ var stdin_default = defineComponent({
       selectedOptions
     }) => {
       if (selectedValues.some((value) => value === AREA_EMPTY_CODE)) {
-        Toast(t("areaEmpty"));
+        showToast(t("areaEmpty"));
       } else {
         showAreaPopup.value = false;
         assignAreaText(selectedOptions);

package/es/address-edit/style/index.mjs

@@ -5,9 +5,15 @@ import "../../cell/index.css";
 import "../../field/index.css";
 import "../../loading/index.css";
 import "../../switch/index.css";
-import "../../picker/index.css";
 import "../../button/index.css";
 import "../../overlay/index.css";
 import "../../popup/index.css";
 import "../../toast/index.css";
+import "../../sticky/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../../tabs/index.css";
+import "../../tab/index.css";
+import "../../picker/index.css";
+import "../../picker-group/index.css";
 import "../index.css";

package/es/area/Area.d.ts

@@ -1,7 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
 declare const areaProps: {
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -21,6 +20,8 @@ declare const areaProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -40,7 +41,6 @@ declare const areaProps: {
 };
 export declare type AreaProps = ExtractPropTypes<typeof areaProps>;
 declare const _default: import("vue").DefineComponent<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -60,6 +60,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -77,7 +79,6 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -97,6 +98,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {