vant 3.4.5 → 4.0.0-alpha.1

package/changelog.generated.md

@@ -0,0 +1,197 @@
+### [v4.0.0-alpha.1](https://github.com/youzan/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/youzan/vant/issues/10403)
+- ConfigProvider: dark mode not work as default value [#10413](https://github.com/youzan/vant/issues/10413)
+- DatePicker: failed to update model value [#10415](https://github.com/youzan/vant/issues/10415)
+- Dialog: Fix dialog title and message color in dark mode [#10379](https://github.com/youzan/vant/issues/10379)
+- IndexBar: allow active bottom anchor [#10404](https://github.com/youzan/vant/issues/10404)
+
+**build**
+
+- deploy v4 site [06199f](https://github.com/youzan/vant/commit/06199faf2c170bcd95e6aa49b51d981373ac42a6)
+- fix workflow name [992eea](https://github.com/youzan/vant/commit/992eea3eeb8758942d40f9b893d0ff41c296c3ea)
+
+**Document**
+
+- add area data update tips [#10400](https://github.com/youzan/vant/issues/10400)
+- add dark mode to features [#10398](https://github.com/youzan/vant/issues/10398)
+- add Select component faq [#10397](https://github.com/youzan/vant/issues/10397)
+- changelog: 3.4.6 [0dc490](https://github.com/youzan/vant/commit/0dc490c9bca4206b4050824bf707094027ed5872)
+- DatePicker: fix formatter usage [#10416](https://github.com/youzan/vant/issues/10416)
+- DatetimePicker: add select second faq [#10399](https://github.com/youzan/vant/issues/10399)
+- fix publicPath [db2e6c](https://github.com/youzan/vant/commit/db2e6ca12f75ee0db3b25cd1f9766f9e74e285f6)
+- Locale: add Lao to document [#10389](https://github.com/youzan/vant/issues/10389)
+- Picker: add v-model usage [#10417](https://github.com/youzan/vant/issues/10417)
+- update [3a1e79](https://github.com/youzan/vant/commit/3a1e792e3151861e0ed780baa67823729db6a8a6)
+- update 4.0.0-alpha changelog [#10339](https://github.com/youzan/vant/issues/10339)
+
+**Feature**
+
+- area-data: update counties of NanJing [#10410](https://github.com/youzan/vant/issues/10410)
+- Locale: add la-LA.ts [#10388](https://github.com/youzan/vant/issues/10388)
+
+**release**
+
+- @vant/area-data 1.2.3 [029c93](https://github.com/youzan/vant/commit/029c93a4669ff3ee4d88615adb000668535f46d0)
+### [v4.0.0-alpha.0](https://github.com/youzan/vant/compare/v3.4.5...v4.0.0-alpha.0)
+
+`2022-02-21`
+
+**Bug Fixes**
+
+- AddressEdit: selectedOption maybe undefined [3979dd](https://github.com/youzan/vant/commit/3979ddc40af1325f5cc7889c6f0f277ccdb110c9)
+- Area: allow to reset modelValue [8d49b8](https://github.com/youzan/vant/commit/8d49b88748c6bd36437628ab0242352dc0ba5159)
+- DatePicker: allow modelValue to be empty [980f97](https://github.com/youzan/vant/commit/980f9760112958a2bd5c1e88a410e4c15636658a)
+- Picker: currentColumns calculation [113e1b](https://github.com/youzan/vant/commit/113e1b7a6239c3097956e8692cb512e8ccecccb8)
+- Picker: error when options is empty [018621](https://github.com/youzan/vant/commit/0186219586b75227bf69ce0e514c3ed94c52e1cc)
+- Picker: failed to update modelValue [ff69fd](https://github.com/youzan/vant/commit/ff69fdacc7dd9bcf6bd17c4a493902d027644d92)
+- Picker: fix some bugs [22654b](https://github.com/youzan/vant/commit/22654bf518cc21e45cf9ed5e597f5d5e1f411a17)
+- Picker: option.className not work [d16075](https://github.com/youzan/vant/commit/d16075f39efbd7aeed4feab08cd4587bc73eb54c)
+- Picker: should update modelValue immediately [e61bd4](https://github.com/youzan/vant/commit/e61bd487fa81533a6deb6c8aa52e92a549a000a4)
+- Picker: should update selectedValues correctly [2a8bb8](https://github.com/youzan/vant/commit/2a8bb86fbb7d65f9ddc053de8bc3c9c1175d3dff)
+- TimePicker: remove columns-order prop [7d22cc](https://github.com/youzan/vant/commit/7d22cc2155bef564ee910498d2f8f319ef601a41)
+- TimePicker: should update modelValue immediately [7dae50](https://github.com/youzan/vant/commit/7dae50b0c9809e17448264752de831504f7f084d)
+- vant-cli: pnpm compatibility [#10214](https://github.com/youzan/vant/issues/10214)
+
+**Document**
+
+- @vant/cli: changelog 4.0.0-rc.6 [fda3f1](https://github.com/youzan/vant/commit/fda3f1be9403c68bcc734ae08c760af3d0df6fa1)
+- Area: update documents [a9baa3](https://github.com/youzan/vant/commit/a9baa3b2d188a16637acc1051fb554142408315b)
+- dark mode [d4584a](https://github.com/youzan/vant/commit/d4584aafda247ad4d520afc063cd6a74f8d7ee4c)
+- DatePicker: fix currentDate of year-month [c942ef](https://github.com/youzan/vant/commit/c942efb76b53885a66de5291c86ca1160713cfb3)
+- docsearch version v4 [15e746](https://github.com/youzan/vant/commit/15e7461a93a32c7a0e43e46955adc45d845bc064)
+- Form: fix demo [7deba8](https://github.com/youzan/vant/commit/7deba88b918f74d68b7880621983f2ad2d8eb549)
+- Form: fix Picker demo [9cfef0](https://github.com/youzan/vant/commit/9cfef027aa787ed85566a7ce23beb8c2e8bffba1)
+- Picker: new document [cc10eb](https://github.com/youzan/vant/commit/cc10eb1f2adddc5a6d34336669b85a8a571c1803)
+- Picker: update demo [ceaab3](https://github.com/youzan/vant/commit/ceaab349f177d0280d15f66686890dc092434b80)
+- update migration guide [d68053](https://github.com/youzan/vant/commit/d68053ea7f469953a8e81819e4aeb47ab169124f)
+- update migration guide [f436b5](https://github.com/youzan/vant/commit/f436b5ae09af3f3ff8a5d21105ad0ff85cd48ff7)
+- update v4 migration guide [6c24fa](https://github.com/youzan/vant/commit/6c24fa728ee078419cbd7b8efcd35b3b70021208)
+- update Vant 4 [2ceb68](https://github.com/youzan/vant/commit/2ceb68e691440b49394ea05a82912f1e972146dd)
+
+- breaking change(AddressEdit): adjust change-area event params [b3cf1d](https://github.com/youzan/vant/commit/b3cf1dfb54f04af08011d2b9930fd725856d153a)
+- breaking change: event name become camelCase [8ca974](https://github.com/youzan/vant/commit/8ca9741845cc7f5c73c23bb81c98ec2802971e27)
+- breaking change: shorter css var names [7d6916](https://github.com/youzan/vant/commit/7d6916b946440fdd7fb3e0bd4c1117c989d74a93)
+- breaking change: no longer support less vars [ada5db](https://github.com/youzan/vant/commit/ada5db011c676893a2917b9424be1aeafe54134b)
+- breaking change(Tabs): remove click、disabled event [099141](https://github.com/youzan/vant/commit/099141f6c5b0e43c7e3ceeae98ee7e6e512212d6)
+- breaking change(Picker): remove default slot、value-key prop [6a4033](https://github.com/youzan/vant/commit/6a4033b6bc72c38ff103c16e039ecd73ccacd4df)
+
+**Feature**
+
+- @vant/cli: desktop site support dark mode [35a990](https://github.com/youzan/vant/commit/35a990ed65500311cbcafae506780dc6d3fb49fa)
+- @vant/cli: mobile site support dark mode [df24a3](https://github.com/youzan/vant/commit/df24a3b6834e4b9439580498f9c4a7448f7ca7c2)
+- ActionBar: update icon text color [650bdd](https://github.com/youzan/vant/commit/650bdd22941d9119d8a78f1ffc37d8562c68f9a1)
+- add dark mode basic variables [73322f](https://github.com/youzan/vant/commit/73322fd310849f53bf6f9e5bc508991c770af620)
+- Area: add getSelectedOptions method [35a500](https://github.com/youzan/vant/commit/35a50012c76495119a44efa2cfc231f8b1921f40)
+- ConfigProvider: add theme prop [f95734](https://github.com/youzan/vant/commit/f9573402a79d2de0abcfb43f6cbcf4c7e7e8c64f)
+- ConfigProvider: dark theme class [97b074](https://github.com/youzan/vant/commit/97b074ad0c3d8f25b9281120444901128bfdc5a1)
+- DatePicker: date columns calculation [e8ffc8](https://github.com/youzan/vant/commit/e8ffc80dc65a9a09e342a97d9314c498e8e78264)
+- Picker: add getSelectedOptions method [83295e](https://github.com/youzan/vant/commit/83295e655da9ae2debbf2e7472753517d5b5241d)
+- TimePicker: support select second [2e053a](https://github.com/youzan/vant/commit/2e053ad76bf254fbe14cee2b3c3d2dc7766c9462)
+
+**refactor**
+
+- Area component [cca428](https://github.com/youzan/vant/commit/cca428aac63da792e8de8f3f6f76d164cab46cb6)
+- attach css variables to body element [541458](https://github.com/youzan/vant/commit/541458c41b69e3bc977aa39a0e91be2b2d91883a)
+- DatePicker Component [5b4075](https://github.com/youzan/vant/commit/5b407566db61d2ff7e6512ca8f82f39111d8da0f)
+- DatePicker: v-model now is string array [ef8e66](https://github.com/youzan/vant/commit/ef8e66a9244606899339c7153ec2d66406afbf81)
+- Picker: data driven [89b029](https://github.com/youzan/vant/commit/89b029aa42400b2570b7676b881f6311abe42352)
+- Picker: rename item-height to option-height [c06141](https://github.com/youzan/vant/commit/c061412138e41a07a87110692621517eac814428)
+- rename --van-background-light to --van-background-2 [98b999](https://github.com/youzan/vant/commit/98b999d911c41ac1a73e6ef375b4966befe69b20)
+- TimePicker component [42d1dd](https://github.com/youzan/vant/commit/42d1dd836c141f499343aa6a8278d1b3be4953ac)
+- TimePicker: modelValue now is string array [fdcf99](https://github.com/youzan/vant/commit/fdcf9931bed3da6f1faedff99f3a6b8202d75691)
+
+**release**
+
+- @vant/cli 4.0.0-rc.6 [e93ae7](https://github.com/youzan/vant/commit/e93ae7b430afac7f431af23e334eaf0bf17a9e9d)
+- 4.0.0-alpha.0 [c20664](https://github.com/youzan/vant/commit/c206642d2d6771b681c369653228ec692fd28754)
+
+**style**
+
+- @vant/cli: adjust css vars [b6fcd3](https://github.com/youzan/vant/commit/b6fcd32dcf201703d32ee4ce70d6147b4c4605ef)
+- @vant/cli: improve demo style in dark mode [0e8e32](https://github.com/youzan/vant/commit/0e8e3200a2f3fbdfd46f324d89ae05a38680f421)
+- @vant/cli: improve mobile style in dark mode [f5c32c](https://github.com/youzan/vant/commit/f5c32c29f115ef072a20ff736732a1c66557f992)
+- AddressEdit: submit button using primary type [c65d4f](https://github.com/youzan/vant/commit/c65d4f96727059d19ad7bb014b53d679754bd512)
+- AddressList: using primary color [fcd91c](https://github.com/youzan/vant/commit/fcd91cb0b03ade0def49928bdd2ec2ea652f4408)
+- Button: adjust font-smoothing [bda361](https://github.com/youzan/vant/commit/bda3617d14f3e93f04748915bb595467c1696945)
+- Button: increase default border radius from 2px to 4px [d86771](https://github.com/youzan/vant/commit/d867710cc9ca273dbf6c1d4edc568f57e5806243)
+- Button: update default button border color [bd2428](https://github.com/youzan/vant/commit/bd24288a12b38fecafc6302f1216587e7a6710fb)
+- Calendar: using primary color by default [4e89e8](https://github.com/youzan/vant/commit/4e89e88845adba1af3a6a6db19d8df7cae6aa9fb)
+- Card: blue tag [369201](https://github.com/youzan/vant/commit/3692014070beb9d3187106803e742b28ab0b3310)
+- Card: improve card mode style [cb2d99](https://github.com/youzan/vant/commit/cb2d99c8cf7abde3e08df79085f13a21c47c9bc7)
+- Cascader: using primary color by default [84b90b](https://github.com/youzan/vant/commit/84b90b1f4c9e52c9638426e79a269d53801cc0b1)
+- Cell: remove value aline style [0a7b53](https://github.com/youzan/vant/commit/0a7b53553364691e11af6906b5d22dee8e570cce)
+- ContactEdit: adjust submit button [43ae30](https://github.com/youzan/vant/commit/43ae30026adf98b076ec26c3214c24387cb63082)
+- ContactList: using primary color [d39f6a](https://github.com/youzan/vant/commit/d39f6a898afa4c5bbd5ef33035e42f656b0ec6f7)
+- CouponList: change default color [85c5ad](https://github.com/youzan/vant/commit/85c5ad671868b7156968b681a00b147a57504c84)
+- CouponList: update field background color in dark mode [82e0e4](https://github.com/youzan/vant/commit/82e0e454d0de31d5a1a68a17a6e566d42ba86d74)
+- DropdownMenu: using primary color by default [37e7c6](https://github.com/youzan/vant/commit/37e7c618b82527616d9f988f3249dda347eb7923)
+- Field: adjust label color [8e98e9](https://github.com/youzan/vant/commit/8e98e9744939003f1679b465ccd5124539a99f36)
+- GridItem: adust text color [42f03f](https://github.com/youzan/vant/commit/42f03fe1a241ff5311e9fe6696fb614b225faa72)
+- increase font-weight bold [bef919](https://github.com/youzan/vant/commit/bef919c7f011bffdb31bad1ca085df5be24679f4)
+- IndexBar: increase font weight of active index [d6e80e](https://github.com/youzan/vant/commit/d6e80e8954931927808c7fabf37473db35e8730b)
+- IndexBar: using primary color by default [8b95db](https://github.com/youzan/vant/commit/8b95db15746bbf02a9091c8e604c9bb3884148b0)
+- Sidebar: using primary color by default [eeb233](https://github.com/youzan/vant/commit/eeb233bf990a598282c21559520415a64a237179)
+- Slider: improve dark mode color [fc2847](https://github.com/youzan/vant/commit/fc2847fdb442f3a5c5f1e26cc14858e136a86b3c)
+- Stepper: using primary color by default [41b1cd](https://github.com/youzan/vant/commit/41b1cd71854514404c6a601ee22586a9ae243ee3)
+- Steps: update default button border color [5a1566](https://github.com/youzan/vant/commit/5a15660c77082d814da2b68527136994ab9112f8)
+- Switch: adjust style [2acd47](https://github.com/youzan/vant/commit/2acd47b5ee251d1af729c44b8516a4cc0fa06d44)
+- Switch: adjust width [73788f](https://github.com/youzan/vant/commit/73788f9e88beba576d2599a939caa4b4970b396f)
+- Tabbar: adjust text color [39b51d](https://github.com/youzan/vant/commit/39b51d5dae7e9c0ab1e5fb03a868a06cdbf6b269)
+- Tabs: using primary color by default [3b10d6](https://github.com/youzan/vant/commit/3b10d66bb92869d03b7af8228bfd1b1e0361a033)
+- TreeSelect: using primary color [cce3ce](https://github.com/youzan/vant/commit/cce3ceb5b68e445d0b9ea94f91d6b46246444b36)
+- update van doc background [5b3c4f](https://github.com/youzan/vant/commit/5b3c4f15468428c29dcd7cc43ca5a82831b6f87a)
+
+**Types**
+
+- AddressEdit: SearchItem optional [27c46b](https://github.com/youzan/vant/commit/27c46b01ae391f7c26430ea258181d1f534511a0)
+- DatePicker: export DatePickerColumnType [829db0](https://github.com/youzan/vant/commit/829db06d5b2576e2024a280bd10ba1fa3f17f25c)
+- Picker: fix columns prop typing [6c64bc](https://github.com/youzan/vant/commit/6c64bc33c1ba537b7951dcbc02d6deec3aaab093)
+- Picker: fix return type of getSelectedOptions [967cb5](https://github.com/youzan/vant/commit/967cb56c181cc145189a868f49c4666a75f85b00)
+- TimePicker: export TimePickerColumnType [b608fb](https://github.com/youzan/vant/commit/b608fb23f031cf09a474039cd9cd23f8bc7811d3)
+### [v3.4.6](https://github.com/youzan/vant/compare/v4.0.0-alpha.0...v3.4.6)
+
+`2022-03-13`
+
+**Bug Fixes**
+
+- 🐛 修复官网更新日志的版本链接及 issue 链接异常的问题 [#10329](https://github.com/youzan/vant/issues/10329)
+- cli: issue link in generated changelog [#10337](https://github.com/youzan/vant/issues/10337)
+- Skeleton: fix non-props attributes warning [#10384](https://github.com/youzan/vant/issues/10384)
+- SwipeCell: cell should stopPropagation when lockClick is true [#10319](https://github.com/youzan/vant/issues/10319)
+- Toast: failed to render message after changing type [#10311](https://github.com/youzan/vant/issues/10311)
+- vant-cli: decamelize ReDoS [#10351](https://github.com/youzan/vant/issues/10351)
+
+**Document**
+
+- @vant/use: changelog 1.3.6 [f95239](https://github.com/youzan/vant/commit/f95239006cf23665593c8316258f4cec4237f29a)
+- add mirror repo description [#10382](https://github.com/youzan/vant/issues/10382)
+- add Vant 4 link [#10340](https://github.com/youzan/vant/issues/10340)
+- Calendar: add formatter async usage [#10385](https://github.com/youzan/vant/issues/10385)
+- changelog: fix link mistake [#10328](https://github.com/youzan/vant/issues/10328)
+- Field: add v-model type guide [#10383](https://github.com/youzan/vant/issues/10383)
+- modify JSX.ELement to JSX.Element [#10344](https://github.com/youzan/vant/issues/10344)
+- update react-vant address [#10305](https://github.com/youzan/vant/issues/10305)
+- update vite-plugin-style-import version [#10303](https://github.com/youzan/vant/issues/10303)
+
+- Update contribution.zh-CN.md (#10314) [#10314](https://github.com/youzan/vant/issues/10314)
+
+**Feature**
+
+- add van-safe-area-top class [#10356](https://github.com/youzan/vant/issues/10356)
+- Calendar: add safe-area-inset-top prop [#10358](https://github.com/youzan/vant/issues/10358)
+- Popup: add safe-area-inset-top prop [#10357](https://github.com/youzan/vant/issues/10357)
+
+**release**
+
+- @vant/cli 4.0.1 [202efb](https://github.com/youzan/vant/commit/202efbbf85ec94f7d804075d1ecbfb71c6824cb4)
+- @vant/use 1.3.6 [1040af](https://github.com/youzan/vant/commit/1040afdda6e6f8bb98ea36cbc9212b65ecb8c49b)
+- 3.4.6 [1cfa46](https://github.com/youzan/vant/commit/1cfa46e9219b2d0dac04e3657395c306df90a87a)
+
+**Types**
+
+- fix missing VisibilityState after typescript 4.6.0 [#10370](https://github.com/youzan/vant/issues/10370)

package/es/action-bar/index.css

@@ -1 +1 @@
-:root{--van-action-bar-background-color: var(--van-background-color-light);--van-action-bar-height: 50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background-color)}
+body{--van-action-bar-background: var(--van-background-2);--van-action-bar-height: 50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background)}

package/es/action-bar/index.less

@@ -1,8 +1,6 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-background-color: @action-bar-background-color;
-  --van-action-bar-height: @action-bar-height;
+body {
+  --van-action-bar-background: var(--van-background-2);
+  --van-action-bar-height: 50px;
 }
 
 .van-action-bar {
@@ -14,5 +12,5 @@
   align-items: center;
   box-sizing: content-box;
   height: var(--van-action-bar-height);
-  background: var(--van-action-bar-background-color);
+  background: var(--van-action-bar-background);
 }

package/es/action-bar-button/index.css

@@ -1 +1 @@
-:root{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-weight-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-border-radius-max);border-bottom-left-radius:var(--van-border-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-border-radius-max);border-bottom-right-radius:var(--van-border-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media (max-width: 321px){.van-action-bar-button{font-size:13px}}
+body{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media (max-width: 321px){.van-action-bar-button{font-size:13px}}

package/es/action-bar-button/index.less

@@ -1,29 +1,27 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-button-height: @action-bar-button-height;
-  --van-action-bar-button-warning-color: @action-bar-button-warning-color;
-  --van-action-bar-button-danger-color: @action-bar-button-danger-color;
+body {
+  --van-action-bar-button-height: 40px;
+  --van-action-bar-button-warning-color: var(--van-gradient-orange);
+  --van-action-bar-button-danger-color: var(--van-gradient-red);
 }
 
 .van-action-bar-button {
   flex: 1;
   height: var(--van-action-bar-button-height);
-  font-weight: var(--van-font-weight-bold);
+  font-weight: var(--van-font-bold);
   font-size: var(--van-font-size-md);
   border: none;
   border-radius: 0;
 
   &--first {
     margin-left: 5px;
-    border-top-left-radius: var(--van-border-radius-max);
-    border-bottom-left-radius: var(--van-border-radius-max);
+    border-top-left-radius: var(--van-radius-max);
+    border-bottom-left-radius: var(--van-radius-max);
   }
 
   &--last {
     margin-right: 5px;
-    border-top-right-radius: var(--van-border-radius-max);
-    border-bottom-right-radius: var(--van-border-radius-max);
+    border-top-right-radius: var(--van-radius-max);
+    border-bottom-right-radius: var(--van-radius-max);
   }
 
   &--warning {

package/es/action-bar-icon/index.css

@@ -1 +1 @@
-:root{--van-action-bar-icon-width: 48px;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: 18px;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-gray-7);--van-action-bar-icon-background-color: var(--van-background-color-light)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+body{--van-action-bar-icon-width: 48px;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: 18px;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-text-color);--van-action-bar-icon-background: var(--van-background-2)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}

package/es/action-bar-icon/index.less

@@ -1,14 +1,12 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-icon-width: @action-bar-icon-width;
-  --van-action-bar-icon-height: @action-bar-icon-height;
-  --van-action-bar-icon-color: @action-bar-icon-color;
-  --van-action-bar-icon-size: @action-bar-icon-size;
-  --van-action-bar-icon-font-size: @action-bar-icon-font-size;
-  --van-action-bar-icon-active-color: @action-bar-icon-active-color;
-  --van-action-bar-icon-text-color: @action-bar-icon-text-color;
-  --van-action-bar-icon-background-color: @action-bar-icon-background-color;
+body {
+  --van-action-bar-icon-width: 48px;
+  --van-action-bar-icon-height: 100%;
+  --van-action-bar-icon-color: var(--van-text-color);
+  --van-action-bar-icon-size: 18px;
+  --van-action-bar-icon-font-size: var(--van-font-size-xs);
+  --van-action-bar-icon-active-color: var(--van-active-color);
+  --van-action-bar-icon-text-color: var(--van-text-color);
+  --van-action-bar-icon-background: var(--van-background-2);
 }
 
 .van-action-bar-icon {
@@ -21,7 +19,7 @@
   font-size: var(--van-action-bar-icon-font-size);
   line-height: 1;
   text-align: center;
-  background: var(--van-action-bar-icon-background-color);
+  background: var(--van-action-bar-icon-background);
   cursor: pointer;
 
   &:active {

package/es/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-color-light);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background-color);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}
+body{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}

package/es/action-sheet/index.less

@@ -1,28 +1,27 @@
-@import './var.less';
 @import '../style/mixins/hairline';
 
-:root {
-  --van-action-sheet-max-height: @action-sheet-max-height;
-  --van-action-sheet-header-height: @action-sheet-header-height;
-  --van-action-sheet-header-font-size: @action-sheet-header-font-size;
-  --van-action-sheet-description-color: @action-sheet-description-color;
-  --van-action-sheet-description-font-size: @action-sheet-description-font-size;
-  --van-action-sheet-description-line-height: @action-sheet-description-line-height;
-  --van-action-sheet-item-background: @action-sheet-item-background;
-  --van-action-sheet-item-font-size: @action-sheet-item-font-size;
-  --van-action-sheet-item-line-height: @action-sheet-item-line-height;
-  --van-action-sheet-item-text-color: @action-sheet-item-text-color;
-  --van-action-sheet-item-disabled-text-color: @action-sheet-item-disabled-text-color;
-  --van-action-sheet-subname-color: @action-sheet-subname-color;
-  --van-action-sheet-subname-font-size: @action-sheet-subname-font-size;
-  --van-action-sheet-subname-line-height: @action-sheet-subname-line-height;
-  --van-action-sheet-close-icon-size: @action-sheet-close-icon-size;
-  --van-action-sheet-close-icon-color: @action-sheet-close-icon-color;
-  --van-action-sheet-close-icon-padding: @action-sheet-close-icon-padding;
-  --van-action-sheet-cancel-text-color: @action-sheet-cancel-text-color;
-  --van-action-sheet-cancel-padding-top: @action-sheet-cancel-padding-top;
-  --van-action-sheet-cancel-padding-color: @action-sheet-cancel-padding-color;
-  --van-action-sheet-loading-icon-size: @action-sheet-loading-icon-size;
+body {
+  --van-action-sheet-max-height: 80%;
+  --van-action-sheet-header-height: 48px;
+  --van-action-sheet-header-font-size: var(--van-font-size-lg);
+  --van-action-sheet-description-color: var(--van-text-color-2);
+  --van-action-sheet-description-font-size: var(--van-font-size-md);
+  --van-action-sheet-description-line-height: var(--van-line-height-md);
+  --van-action-sheet-item-background: var(--van-background-2);
+  --van-action-sheet-item-font-size: var(--van-font-size-lg);
+  --van-action-sheet-item-line-height: var(--van-line-height-lg);
+  --van-action-sheet-item-text-color: var(--van-text-color);
+  --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
+  --van-action-sheet-subname-color: var(--van-text-color-2);
+  --van-action-sheet-subname-font-size: var(--van-font-size-sm);
+  --van-action-sheet-subname-line-height: var(--van-line-height-sm);
+  --van-action-sheet-close-icon-size: 22px;
+  --van-action-sheet-close-icon-color: var(--van-gray-5);
+  --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
+  --van-action-sheet-cancel-text-color: var(--van-gray-7);
+  --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
+  --van-action-sheet-cancel-padding-color: var(--van-background);
+  --van-action-sheet-loading-icon-size: 22px;
 }
 
 .van-action-sheet {
@@ -95,7 +94,7 @@
 
   &__header {
     flex-shrink: 0;
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     font-size: var(--van-action-sheet-header-font-size);
     line-height: var(--van-action-sheet-header-height);
     text-align: center;

package/es/address-edit/AddressEdit.d.ts

@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -147,13 +147,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
-    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+    onSelectSearch?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onClick-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-detail"?: ((...args: any[]) => any) | undefined;
-    "onChange-default"?: ((...args: any[]) => any) | undefined;
+    onClickArea?: ((...args: any[]) => any) | undefined;
+    onChangeArea?: ((...args: any[]) => any) | undefined;
+    onChangeDetail?: ((...args: any[]) => any) | undefined;
+    onChangeDefault?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;
     isDeleting: boolean;

package/es/address-edit/AddressEdit.js

@@ -11,6 +11,7 @@ import { Toast } from "../toast";
 import { Button } from "../button";
 import { Switch } from "../switch";
 import AddressEditDetail from "./AddressEditDetail";
+import { AREA_EMPTY_CODE } from "../area/utils";
 const [name, bem, t] = createNamespace("address-edit");
 const DEFAULT_DATA = {
   name: "",
@@ -61,7 +62,7 @@ const addressEditProps = {
 var stdin_default = defineComponent({
   name,
   props: addressEditProps,
-  emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
+  emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props, {
     emit,
     slots
@@ -73,14 +74,13 @@ var stdin_default = defineComponent({
     const areaListLoaded = computed(() => isObject(props.areaList) && Object.keys(props.areaList).length);
     const areaText = computed(() => {
       const {
-        country,
         province,
         city,
         county,
         areaCode
       } = data;
       if (areaCode) {
-        const arr = [country, province, city, county];
+        const arr = [province, city, county];
         if (province && province === city) {
           arr.splice(1, 1);
         }
@@ -92,14 +92,6 @@ var stdin_default = defineComponent({
       var _a;
       return ((_a = props.searchResult) == null ? void 0 : _a.length) && detailFocused.value;
     });
-    const assignAreaValues = () => {
-      if (areaRef.value) {
-        const detail = areaRef.value.getArea();
-        detail.areaCode = detail.code;
-        delete detail.code;
-        extend(data, detail);
-      }
-    };
     const onFocus = (key) => {
       detailFocused.value = key === "addressDetail";
       emit("focus", key);
@@ -141,28 +133,28 @@ var stdin_default = defineComponent({
     const onSave = () => emit("save", data);
     const onChangeDetail = (val) => {
       data.addressDetail = val;
-      emit("change-detail", val);
+      emit("changeDetail", val);
     };
-    const onAreaConfirm = (values) => {
-      values = values.filter(Boolean);
-      if (values.some((value) => !value.code)) {
+    const assignAreaText = (options) => {
+      data.province = options[0].text;
+      data.city = options[1].text;
+      data.county = options[2].text;
+    };
+    const onAreaConfirm = ({
+      selectedValues,
+      selectedOptions
+    }) => {
+      if (selectedValues.some((value) => value === AREA_EMPTY_CODE)) {
         Toast(t("areaEmpty"));
       } else {
         showAreaPopup.value = false;
-        assignAreaValues();
-        emit("change-area", values);
+        assignAreaText(selectedOptions);
+        emit("changeArea", selectedOptions);
       }
     };
     const onDelete = () => emit("delete", data);
-    const getArea = () => {
-      var _a;
-      return ((_a = areaRef.value) == null ? void 0 : _a.getValues()) || [];
-    };
     const setAreaCode = (code) => {
       data.areaCode = code || "";
-      if (code) {
-        nextTick(assignAreaValues);
-      }
     };
     const onDetailBlur = () => {
       setTimeout(() => {
@@ -178,8 +170,7 @@ var stdin_default = defineComponent({
           "right-icon": () => _createVNode(Switch, {
             "modelValue": data.isDefault,
             "onUpdate:modelValue": ($event) => data.isDefault = $event,
-            "size": "24",
-            "onChange": (event) => emit("change-default", event)
+            "onChange": (event) => emit("changeDefault", event)
           }, null)
         };
         return _withDirectives(_createVNode(Cell, {
@@ -190,14 +181,18 @@ var stdin_default = defineComponent({
       }
     };
     useExpose({
-      getArea,
       setAreaCode,
       setAddressDetail
     });
-    watch(() => props.areaList, () => setAreaCode(data.areaCode));
     watch(() => props.addressInfo, (value) => {
       extend(data, DEFAULT_DATA, value);
-      setAreaCode(value.areaCode);
+      nextTick(() => {
+        var _a;
+        const options = (_a = areaRef.value) == null ? void 0 : _a.getSelectedOptions();
+        if (options && options.every((option) => option && option.value !== AREA_EMPTY_CODE)) {
+          assignAreaText(options);
+        }
+      });
     }, {
       deep: true,
       immediate: true
@@ -241,7 +236,7 @@ var stdin_default = defineComponent({
             "placeholder": props.areaPlaceholder || t("area"),
             "onFocus": () => onFocus("areaCode"),
             "onClick": () => {
-              emit("click-area");
+              emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
           }, null), [[_vShow, props.showArea]]), _createVNode(AddressEditDetail, {
@@ -256,7 +251,7 @@ var stdin_default = defineComponent({
             "onBlur": onDetailBlur,
             "onFocus": () => onFocus("addressDetail"),
             "onInput": onChangeDetail,
-            "onSelect-search": (event) => emit("select-search", event)
+            "onSelectSearch": (event) => emit("selectSearch", event)
           }, null), props.showPostal && _withDirectives(_createVNode(Field, {
             "modelValue": data.postalCode,
             "onUpdate:modelValue": ($event) => data.postalCode = $event,
@@ -271,7 +266,7 @@ var stdin_default = defineComponent({
           }, [_createVNode(Button, {
             "block": true,
             "round": true,
-            "type": "danger",
+            "type": "primary",
             "text": props.saveButtonText || t("save"),
             "class": bem("button"),
             "loading": props.isSaving,
@@ -292,8 +287,9 @@ var stdin_default = defineComponent({
             "lazyRender": false
           }, {
             default: () => [_createVNode(Area, {
+              "modelValue": data.areaCode,
+              "onUpdate:modelValue": ($event) => data.areaCode = $event,
               "ref": areaRef,
-              "value": data.areaCode,
               "loading": !areaListLoaded.value,
               "areaList": props.areaList,
               "columnsPlaceholder": props.areaColumnsPlaceholder,

package/es/address-edit/AddressEditDetail.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: (NumberConstructor | StringConstructor)[];
     searchResult: PropType<AddressEditSearchItem[]>;
     showSearchResult: BooleanConstructor;
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "select-search")[], "input" | "focus" | "blur" | "select-search", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "selectSearch")[], "input" | "focus" | "blur" | "selectSearch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     rows: (NumberConstructor | StringConstructor)[];
     value: StringConstructor;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
-    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+    onSelectSearch?: ((...args: any[]) => any) | undefined;
 }, {
     focused: boolean;
     show: boolean;