Introduced
Vant follows
the Semver
semantic version specification.
Release rhythm
-
Revision Number: Released weekly with new features and bug fixes.
-
Sub-version number: Released every one to two months, with new features and larger feature updates, down-compatible.
-
Major version number: The release time is variable and includes incompatible updates, and the next major release is expected to be released in the same period as Vue 3.0.
2020-02-01
Bug Fixes
-
Picker: Fixes an issue that does not take effect by updating the columns
data#5614
2020-02-01
Feature
-
Picker: Support cascading
selection #4247
-
Slider: New button-size
property 1e9b8c
-
Optimize the props type, and the original number type props now support incoming strings
Style
-
DropdownItem: New @dropdown-item-z-index
variable 6f4c6f
-
IndexBar: New @index-anchor-z-index variable
89ee8e
-
IndexBar: New @index-bar-sidebar-z-index variable
89ee8e
-
IndexBar: New @index-bar-index-active-color
variable 0011db
-
Notify: New @notify-text-color variable
9dcf57
-
Overlay: Added @overlay-z-index variable
95d19f
-
Rate: @rate-icon-disabled-color variable
8b8471
-
Rate: Added @rate-icon-full-color
variable 5c804c
-
Rate: New @rate-icon-void-color variable
f90015
-
Slider: Added @slider-bar-height variable
a5819c
-
Search: New @search-content-background-color variable
ea7419
-
Step: Added @step-active-color
variable 9e7a68
-
Tabbar: New @tabbar-z-index variable
0441f7
-
NavBar: Added @nav-bar-z-index variable
a2d870
-
NumberKeyboard: New @number-keyboard-z-index
variable 760938
Bug Fixes
-
ImagePreview: Fixes an issue with the max-zoom property that does not take effect
when double-click zooming 1baa60
-
Popup: Fixes the problem that the duration property does not take effect when position is center
44072e
-
Step: Fixes an issue with active-color that does not change the color of
the divider cfadce
2020-01-24
Feature
Bug Fixes
-
Sku: Fixing the get-container property cannot be a problem of the string
type#5608
2020-01-19
Feature
Improvement
-
Icon: Update share icon
2f77ac
-
Field: Optimize cursor type
60173d in
readonly state
-
Stepper: Optimize the input box color
959eca
in the disable-input state
Bug Fixes
Types
-
Calendar: New type definition
dac60c
-
Toast: Fix the setDefaultOptions method parameter definition
error #5582
2020-01-14
Feature
Improvement
Bug Fixes
-
Button: Fix an issue where click feedback will still be expected
in the load state 0a70d3
-
Card: Fix an issue in which the picture fillet style is
not #5480
-
Calendar: Fixes an issue that doesn't show prompts on
selected dates#5536
-
Checkbox: Fix the problem
3d10d4
where the blank space can still be clicked after setting label-disabled
-
CouponList: Fix an issue with a click feedback area
error #5521
-
Field: Fixes an issue in which you can still enter non-numeric characters on iOS when type is number
#5520
-
ImagePreview: Fixes an issue that you can't drag when used on the
desktop #4487
-
Picker: Fixes an issue that click events
occasionally lose 5cbb9e
-
PullRefresh: Fix the problem with the head-height property not setting the
height correctly 028747
-
Tabs: Fixes an issue in which the bottom bar cannot be rendered when the container
is set #5496
2020-01-02
Feature
Bug Fixes
-
Calendar: Fixes an issue that shows an error in the number of weeks
corresponding to #5452
-
List: Fixes an issue with the wrong timing when the load event is
#5439
2020-01-01
New Component
-
New Calendar calendar component
Feature
-
List: New error slot
e9a938
-
List: Added finished slot
8a0705
-
Picker: New confirm method
5eb2a4
-
PullRefresh: New success slot
56e450
-
CouponList: Update the bottom button
style #5368
-
DatetimePicker: New getPicker method
1dc1fe
-
TreeSelect: New @tree-select-item-selected-size
variable 373159
-
Image: New @image-loading-icon-size, @image-error-icon-size
variable d7ae8c
Compatibility
In previous releases, there was more feedback from students that components would not work on iOS 10 to 11 because of compatibility issues with the Vue 2.6.x version where events could not bubble when binding events.
Related issue
Starting with version 2.4, we circumvented this problem by manually binding events involving the following components:
-
Area
-
DatetimePicker
-
ImagePreview
-
Rate
-
Slider
-
Swipe
-
SwipeCell
-
NumberKeyboard
-
Picker
-
PullRefresh
Bug Fixes
-
Icon: Fixes an issue that the medel-o icon
does not show 7b905a
-
ImagePreview: Fixes an issue that the close event repeatedly
triggers#5410
-
PullRefresh: Fixes an issue
e00058
that may not trigger a pull-down refresh when pulling down to the top
-
Tag: Fixes an issue with animation errors when dynamically setting
closeable fe6e2f
-
Tag: Fixes an issue that triggers a click event when close
#5351
-
Toast: Fixes an issue that may invalidate forbidClick when there are multiple toasts
at #5398
-
Picker: Fix an issue that drags and bounces back when used on the desktop
#5430
-
Stepper: Fixes an issue with incorrect text color when disabled on safari
#5428
-
IndexBar: Fixes an issue with misalposition when IndexAnchor does not have
a parent container#5429
Types
2019-12-21
Bug Fixes
-
Fix the problem of compiling errors when babel-plugin-import introduces some components on demand
2019-12-20
Bug Fixes
-
Fixes an issue with Area not automatically introducing dependent Picker styles
-
Fixes an issue with DatetimePicker not automatically introducing dependent Picker styles
-
Fixing an issue where CountDown's internal timer is not cleared under certain
circumstances #5340
-
Fixes an issue where ImagePreview repeats the onClose callback in certain
#5341
2019-12-20
Bug Fixes
-
There was an issue with uncompiled ES6 code in the portal file when fixing the full introduction of components
2019-12-20
Style
In version 2.3.0, we upgraded the style of the business components to include the following components:
-
AddressEdit
-
Card
-
CouponList
-
ContactList
-
ContactCard
-
ContactEdit
-
SubmitBar
Features
-
Internal build process upgrades,
@vant/cli
-
AddressList: New default-tag-text property
#5106
-
Card: New price-top slot
#5134
-
Checkbox: Optimize toggleAll performance
#5285
-
Circle: New stroke-linecap property
#5087
-
CouponList: New show-count property
#5139
-
ContactList: New default-tag-text property
#5089
-
ContactCard: New show-set-default property
#5083
-
ContactCard: New set-default-label
property #5083
-
CountDown: Supports SS and S
formats #5154
-
Sku: New startSaleNum property
#5105
-
Sku: The new resetSelectedSku method
#5318
-
SubmitBar: Added text-align
property #5130
-
SwipeCell: New open
event #5324
-
SwipeCell: New before-close property
#5320
-
Tab: New dot property
#5272
-
Tab: New info property
#5274
-
Tab: New rendered event
#5315
-
Tab: New scrollspy property
#5273
-
Toast: Improve the TS type
definition #5086
Bug Fixes
-
Fixes an issue with the ActionSheet button that submits
a form#5181
-
Fixes an issue where the bottom slot does not take effect without using the price
property#5116
-
Fixes an issue that could repeatedly trigger before-close when Dialog quickly clicks
the button#5267
-
Fixes an issue where DropdownMenu has the wrong menu position while
the page #5313
-
Fixes an issue with the misspelling of the Icon medal
icon #5242
-
Fixes an issue where NumberKeyboard also triggers a blur event while
it is hidden#5110
-
Fix the problem with the Picker button that
submits the form#5182
-
Fixing an issue that Popup did not reopen after activated
#5286
-
Fixes an issue where the Switch size property does not
define a Number type#5229
-
Fixing an issue that shows an error when the SubmitBar price is
an integer #5224
-
Fixes an issue with the number that was not checked when the Sku
reset #5231
-
Fixing an issue in which the Sku stepr might enter a
#5202
-
Fixing a problem with the Sku stepr event that might throw a
#5210
-
Fixes an issue with the Stepper button that
submits the form#5183
-
Fixes an issue with Stepper not updating the input box value when the max and min
properties change#5257
-
Fixes an issue with the Wrong Order of Triggers for TreeSelect
events#5153
-
Fixing TouchEmulator's compatibility issues on Firefox
#5118
-
Fixes an issue that does not trigger an oversize event when Uploader repeatedly
uploads the same #5177
-
Fixing an issue that uses a lower version of Less to report an error when customizing
a topic #5157
2019-12-03
Features
2019-11-28
Bug Fixes
-
Fixes an issue where the List component's load state has not been reset in some cases
2019-11-22
Features
Bug Fixes
-
Fixes an issue that does not line up when Cell value is
too long#5029
-
Fix an issue that SwipeCell does not use on the
desktop #5077
-
Fixes an error in word count when Field enters line breaks under
Safari#5049
-
Fixing a style misality that can occur after Tabbar sets safe-area-inset-bottom
#5079
-
Fixes an issue that closes immediately when DropdownMenu clicks on the get-container
property#5047
2019-11-14
Features
-
Area: New swipe-duration
property #5014
-
Swipe: New stop-propagation property
#4972
-
Toast: New overlay option
#4969
-
Toast: New clickOnClickOverlay option
#4967
-
SwipeCell: New opened event
#4986
-
ActionSheet: New close-icon property
#5016
-
DropdownItem: New title slot
#4975
-
DatetimePicker: New swipe-duration property
#5015
Bug Fixes
-
Fixes an issue that does not match correctly when Tab name is
set to 0#5017
-
Fixing an issue where an anchor location error may occur when Indexbar
is hidden #5012
-
Fixes an issue where an anchor position error may occur after Indexbar sets
sticky-offset-top#5012
-
Fixes an issue when DatetimePicker uses filter and returns an empty array that cannot switch
#4973
-
Fixes an error when DateTimePicker dynamically sets max-hour and is less than the time of v-model
binding#5006
-
Fixes an issue in the ImagePreview type that defines the missing swipeDuration
option #4968
2019-11-07
Features
-
Stepper: New name property
#4931
-
Uploader: New deletable property
#4925
Bug Fixes
-
Fixes an issue with the minimum height error for Sku
content#4942
-
Fixing an issue in which List may trigger two load events at the same time
during initialization #4953
-
Fixes @border that some component border colors
cannot be customized for the #4939
2019-11-04
Features
-
Switch: New click
event #4915
-
Switch: The size property supports the number
type #4913
-
Toast: The default duration is adjusted from 3 seconds to 2
#4886
-
Uploader: The new closeImagePreview method
#4901
Bug Fixes
-
Fixes an issue with button loading icons that
are not #4868
-
Fixing the problem with CountDown not clearing the timer when it was
destroyed #4918
-
Fixing the problem with CountDown not pausing the timer in the key-alive
state #4919
-
Fixes an issue info, dot properties that do not work when grid uses icon
slots#4902
2019-10-27
Features
Bug Fixes
-
Fixes an issue with an error in the fillet style of the Uploader
file preview#4846
-
Fixes an issue with the initial value error when DatetimePicker uses both min-date
and filter#4837
2019-10-20
Features
-
Tag: New closeable property
#4763
-
Loading: Several new Less variables
#4781
-
Progress: Several new Less variables
#4790
-
Progress: Added track-color
property #4789
-
Toast: New @toast-loading-icon-color
#4782
-
Picker: Added @picker-loading-icon-color
variable #4787
-
ImagePreview: New cover slot
#4766
Bug Fixes
2019-10-17
Features
Bug Fixes
2019-10-11
Features
-
Dialog: New width property
#4687
-
Dialog: New overlay-class property
#4683
-
Dialog: New overlay-style
property #4682
-
Uploader: New file type result-type
#4680
-
TreeSelect: New ClassName option
#4671
Bug Fixes
-
Fixes an issue where Dialog might
have blurred text#4686
-
Fixing an issue with Stepper's step value that is too
#4675
-
Fixes an issue in which the confirm event does not get the correct results when DatetimePicker dynamically
modifies the time #4676
-
Fixes an issue with text color errors when Field sets both the error and disabled
properties#4666
2019-10-08
Features
-
Grid: New icon-size
property #4656
-
Toast: New transition property
#4638
-
Dialog: New transition property
#4636
-
Dialog: New open, close
event #4633
-
Dialog: New opened, closed
#4634
-
NumberKeyboard: New extra-key slot
#4644
-
Checkbox Group: New toggleAll method
#4640
Bug Fixes
-
Fixing an issue with a GoodsAction
fillet error #4653
-
Fixes an issue with a top margin error when the tabs
type is card#4658
-
Fixes an issue that was repeatedly triggered by the AddressList input
#4659
-
Fixing NumberKeyboard's compatibility issues under Vue 2.6
#4632
2019-09-28
Features
-
Picker: Added columns-top slot
#4607
-
Picker: Added columns-bottom slot
#4607
-
Overlay: New default slot
#4571
-
Overlay: Added custom-style
property #4572
-
Checkbox: New bind-group property
#4600
-
DropdownItem: New get-container property
#4611
-
Area: New columns-placeholder property
#4580
-
AddressEdit: New area-columns-placeholder property
#4584
Bug Fixes
-
Fixes an issue with Overlay not adding a TypeScript
definition#4601
-
Fixes an issue where the SwipeTo method transitions incorrectly under certain
boundary #4570
-
Fixes an issue with index errors when uploader previews pictures with
the same URL#4577
2019-09-28 ????????
Tips
-
This release has a style loss issue, please use version 2.2.5
2019-09-24
Features
2019-09-19
Features
-
Dialog: Optimize text
#4506
-
Search: New action-text
property #4501
-
Popup: New close-icon-position property
#4507
-
Uploader: The callback function adds the index
parameter #4460
-
GoodsActionButton: Increase the height of the
button #4461
-
AddressList: New @address-list-item-radio-icon-color
#4481
Bug Fixes
-
Fixes an issue with field disabled text that is too light on
safari#4508
-
Fixing the DatetimePicker option to get stuck in a dead loop when
text-only #4485
-
Fixes an issue where imagePreview gestures can be scaled abnormally
#4477
2019-09-12
Features
Bug Fixes
-
Fixes an issue where the Sku button may be
in the wrong #4427
-
Fixes an issue that triggers a click-preview event when uploader is
deleted#4407
-
Fixes an issue where Progress text is
#4396
2019-09-06
Features
-
Style: Update the base red to #ee0a24
#4368
-
Rate: New touchable property
#4361
-
Rate: The layout is adjusted to inline-block
#4334
-
Rate: Optimize the smoothness of gesture
#4336
-
Popup: New closeable property
#4362
-
Popup: New close-icon
property #4366
-
Sidebar: Removed the internal and external
border #4382
-
SidebarItem's new disabled
property #4325
-
TreeSelect: New max property
#4323
-
TreeSelect: Supports the display of logos through
info#4384
-
Uploader: New close-preview
event #4376
-
ImagePreview: Tips for the new picture loading
process #4378
Bug Fixes
-
Fixes an issue with Field's unusual style on Safari
#4380
-
Fixes an issue with button's incorrect border color when it is passed in the color
property#4342
-
Fixes an issue in which dialog is turned off without resetting
the #4352
-
Fixing an issue that shows errors when slider's initial value
is out of range #4337
-
Fixing an issue with the wrong location of the Sidebar
logo #4324
-
Fixes an issue with missing state colors in the DropdownItem
#4330
-
Fixes an issue where NumberKeyboard's right button on the iPhone X
is in the wrong place#4304
-
Fixes an issue with ImagePreview not resetting the picture zoom state
after it is #4319
-
Fixing imagePreview In some cases, an issue with incorrect
page numbers #4320
2019-08-29
Features
-
Picker: New allow-html
property #4278
-
PasswordInput: New focused property
#4279
-
GoodsAction Button: New color property
#4255
-
Button: The color property supports the incoming linear-gradient gradient
#4252
Bug Fixes
-
Fixing an issue with a style error when Circle stroke-width exceeds 60
#4256
-
Fixes an issue where picker swipes to pause at the
wrong #4277
-
Fixes an issue that triggers a click at the end of a Picker
slide#4273
2019-08-26
Bug Fixes
-
Fixing an issue that RadioGroup can still switch after setting the disabled
property #4242
-
Fixing an issue that checkboxGroup can still switch after setting the disabled
property #4242
2019-08-26
Features
Bug Fixes
-
Fixes an issue where Tabbar selected a style error in route
mode#4229
-
Fixes an issue where the numberKeyboard uses the title property when the button
is #4228
-
Fixes an issue where IndexBar may be out of the element's boundaries at its anchor point position in sticky
mode#4218
2019-08-23
Features
-
Toast: New closeOnClick option
#4192
-
Uploader: New image-fit property
#4189
-
Uploader: New click-preview
event #4206
-
Uploader: New preview-full-image property
#4205
-
DropdownMenu: New @dropdown-menu-title-active-text-less variable
#4208
Bug Fixes
2019-08-21
Features
Bug Fixes
-
Fixing an issue with which some of Sku's documents do
not support #4172
-
Fixing an issue with the Field button's smaller width on Firefox
#4144
-
Fixing the tabbar issue that triggered the vue-router route repeat jump
prompt #4147
-
Fixes an issue with base style overlays that picker styles may
be repeatedly #4136
2019-08-15
Features
Bug Fixes
-
Fixing the problem of style errors when DropdownMenu is nested within NavBar
#4098
-
Fixes an issue where the underlined position is not updated when tabs are dynamically
inserted #4091
-
Fix an issue where the Icon service-o
icon is incomplete #4088
-
Fixing an incomplete icon gift-o, refund-o
icon #4089
-
Fixes an issue that also triggers a change event when the Slider
location does #4087
2019-08-10
Features
Bug Fixes
2019-08-02
Bug Fixes
2019-08-01 ????????
Features
-
Sku: UI upgrade with a more rounded visual style
#3875
#3922
-
GoodsAction: UI upgrade with a more rounded visual style
#3967
-
Sku: Added price-tag
property #3875
-
Sku: Added hide-selected-text property
#3875
-
Sku: New sku-header-origin-price slot
#3958
-
Dialog: New title slot
#3985
-
Dialog: Optimize vertical centering
#3905
-
Uploader: Multiple new less
variables #3907
-
ActionSheet: Multiple new less
variables #3908
-
AddressList: New click-item event
#3942
-
CouponList: New empty-image property
#3941
-
ImagePreview: New swipe-#3963
-
SwipeCell: New stop-propagation property
#3952
Bug Fixes
-
Fixes an issue where Tabs has an underlined position error in
a particular #3961
-
Fix an issue that cannot be selected when AddressList clicks
on a blank #3909
-
Fixes an issue with IndexBar not updating the highlighting options when index-list
#3943
-
Fixing an issue that obscures an index when an ImagePreview
picture is #4002
-
Fixing an issue with imagePreview onClose and onChange options that have
not been reset #3960
-
Fix an issue that radio and Checkbox can't select when they click on
a blank space #4007
-
Fixes an issue where SwipeCell prevents events from bubbling
when #3982
-
Fixes an issue where Tabs has a 1-pixel bias when scrolling back to the top in sticky
mode#3949
-
Fixes a problem with DatetimePicker using formatter and the time type when the confirm event
parameters are wrong#3969
2019-07-19
Features
Bug Fixes
-
Fixing an issue that swipeCell cannot use when nesting with Swipe
#3898
-
Fix an issue that dialog closeOnPopstate cannot be
disabled #3868
-
Fixing an issue with the DropdownMenu toggle method that does not open
the menu #3876
2019-07-16
Features
-
Sku: Supports custom message placeholder text
#3864
-
DropdownMenu: New icon option
#3855
-
DropdownMenu: Auto-truncated when the title is
too long #3847
-
ImagePreview: Supports double-click zoom
gestures #3839
Bug Fixes
2019-07-11
Features
-
New CountDown countdown component
#3805
-
Popup: New round property
#3781
-
IndexBar: New sticky-offset-top property
#3791
-
PullRefresh: New distance slot parameters
#3829
-
Swipe: The SwipeTo method adds a new
#3821
-
Slider: The bar-height property supports the number
type #3794
-
DropdownMenu: New close-on-click-outside property
#3824
Bug Fixes
-
Fixing the problem with popup masks masking elements in some
cases #3831
-
Fixes an issue with Stepper's
wrong scrolling position under iOS 12#3804
-
Fixes an issue with the missing type definition of the Dialog closeOnPopstate
method#3789
-
Fixes an issue with datetimePicker using the filter property and a time type when the confirm
event parameters #3816
2019-07-05
Features
-
New Divider Split Line component
#3755
-
Tab: New name property
#3762
-
Sku: New add-cart-text property
#3725
Bug Fixes
-
Fixing an issue with the Grid gutter property that cannot be passed
in to the String type #3741
-
Fixes an issue with a blank space after Swipe uses the width
property#3751
-
Fixes an issue with a state error when PullRefresh synchronously modifies the
loading#3719
-
Fixes a problem where Collapse is highly incorrect when rendering more content on safari
#3723
2019-07-02
Features
Bug Fixes
-
Fixes an issue with postcs configuration that does not work for vant
2019-07-01
Features
-
New Grid, GridItem
components, #3669
#3682
#3683
-
Field: New arrow-#3679
-
Sidebar: Added to, replace property
#3696
-
Sidebar: Supports binding the current item index via v-model
#3698
-
IndexBar: New selected class name for custom style
#3692
-
Uploader: The name property that supports Type Number
#3681
-
SwipeCell: New name property
#3680
-
AddressEdit: New detail-maxlength property
#3707
-
GoodsAction Icon: New icon slot
#3705
Bug Fixes
-
Fixes an issue with collapse animations that may flash on safari
#3686
-
Fix picker's compatibility issues on low-version Android
#3688
2019-06-27
Features
Bug Fixes
-
Fixing an issue that stretches when Icon is passing in
a picture #3667
-
Fixing the ImagePreview scroll penetration
issue #3645
-
Fixes an issue with which tabs may report errors when using title
slots#3631
-
Fixes an issue in which the vetur plug-in auto-complements component properties
that do not #3617
2019-06-21
Features
-
Picker: Optimize the scrolling
rate #3556
-
Card: New click-thumb
event #3586
-
CouponList: New enabled-title, disabled-title properties
#3578
-
Slider: Supports the entry of any range of min, max
#3566
-
Uploader: Supports the before-read property to return
the #3572
-
NumberKeyboard: Supports v-model binding input
values #3531
-
NumberKeyboard: New maxlength property
#3532
-
Added sideEffects configuration to support tree shaking
#3530
Bug Fixes
-
Fix an issue in which the Sku picture preview may
have #3569
-
Fixes an issue with Button's margins on safari
#3577
-
Fixes an issue with missing parameters for the toast clear
method type #3542
2019-06-15
Features
-
Toast: New icon property
#3485
-
DropdownMenu: New direction property
#3490
-
NumberKeyboard: New delete property
#3499
-
Icon: Use the Image component to optimize the picture
layout #3515
-
Tab: Supports the line-width
and line-height #3514
Bug Fixes
-
Fixes an issue with missing image component TS
definitions #3520
-
Fixes an issue with switchCell loading icon
offsets#3501
-
Fixing an issue that cannot be modified with Locale function
type #3498
-
Fixes an issue where toast does not fade out animations in multiple
mode#3504
2019-06-12
Major changes
-
Add four new components
-
Add dozens of APIs
-
Optimize barrier-free access
-
New card-style documents that support document search
-
All components support custom styles with les variables
-
Some unreasonable naming has been adjusted to discard a small number of APIs
The new component
In version 2.0, we introduced the four most vocal components in the community:
-
Image pictures, similar to the native Image label of a small program, support a variety of picture cropping modes
-
IndexBar index bar, the alphabet index bar in the address book, for a quick index of long lists
-
Skeleton skeleton screen, a occupied block displayed in the area to be loaded, provides a transition effect during interface loading
-
DropdownMenu drop-down menu for sorting, filtering, and sorting lists
The new document
In terms of documentation, we've redesigned the document site to organize paragraphs in a card way that's more intuitive.
For some of the more complex components, we split the samples in fine grain and added more usage to help you get started faster.
In addition, the document site supports search and version switching.
Style customization
The mobile UI style is variable and requires high customization of components. S
tarting with version 2.0, all components in Vant support style customization with The Less variable.
At the same time, we've added more style-related Props to make it easy to quickly customize component styles.
Lighter
Lightweighting is one of Vant's core development concepts.
Over the past year or so, we've added several components and hundreds of features, and the code package volume has been reduced from 169kb in version 1.0 to 161kb (45kb gzipped) in version 2.0, with an average decrease of 13% per component volume, thanks to the refactoring and reuse of the internal logic of the component.
In a future version of Vue 3.0, the Function-base API is provided as a better logical reusable method and is expected to help Vant further optimize the size of the code pack.
Not compatible with updates
Version 2.0 contains a small number of incompatible updates, primarily to adjust naming and remove individual properties.
For projects that are using version 1.x, check the list below, and most items can be upgraded painlessly.
Actionsheet
Button
-
Remove thebottom-action property, use square and size instead
Field
-
Remove the on-icon-click property, use the click-right-icon event instead
-
The icon property is renamed right-icon
-
The icon slot is renamed right-icon
-
Click-icon event renamed click-right-icon
GoodsAction
-
GoodsActionBigBtn renamed Goods Action Button
-
GoodsActionMiniBtn renamed GoodsAction Icon
-
GoodsActionBigBtn removes the primary property, use the type property instead
Step
-
Remove the icon property
-
Remove the title property
-
Remove the icon-class property
-
Remove the scription property
-
Remove the message-extra slot
Badge
-
The Badge Group was renamed Sidebar
-
Badge was renamed Slidebar Item
Loading
-
Remove the circle type
-
Remove the gradient-circle type
Checkbox
-
Adjusting to a flex layout may have an impact on the original layout
Radio
-
Adjusting to a flex layout may have an impact on the original layout
Waterfall
Barrier-free access
Support for barrier-free access has been added to the following components:
-
Accordion
-
Checkbox
-
Dialog
-
DropdownMenu
-
GoodsAction
-
List
-
NoticeBar
-
NumberKeyboard
-
Radio
-
Rate
-
Stepper
-
Tab
-
Slider
-
Switch
New features
ActionSheet
-
New lock-scroll property
-
New click-overlay event
-
New close-on-click-action properties
-
Supports the use of both title and action properties
Area
-
The reset method is supported to pass in code parameters
Button
-
New icon properties
-
Added loading-type property
Checkbox
DatetimePicker
Field
-
Added input slot
-
New click event
-
New clickable properties
-
Added label-class properties
-
Optimize the input experience so that v-model updates are no longer triggered during the spelling of the input method
GoodsActionButton
Icon
-
The size property of the Number type is supported
ImagePreview
-
New close-on-popstate property
List
-
Optimize the rolling judgment logic
Loading
-
Added default slot
-
New vertical properties
-
New text-size property
-
The size property of the Number type is supported
Notify
-
New onClick option
-
New onClose option
-
New onOpened option
NoticeBar
-
New loft-icon slot
-
Added right-icon slot
PasswordInput
Picker
-
Inertial scrolling is supported
-
New toolbar-position property
Popup
-
New click event
-
New duration properties
Radio
Rate
-
New gutter properties
-
The size property of the String type is supported
Search
-
New clearable properties
-
New leaf-icon property
-
New right-icon property
-
Added right-icon slot
-
Optimize the input experience so that v-model updates are no longer triggered during the spelling of the input method
Slider
-
New drag-start event
-
New drag-end event
Steps
-
New active-icon property
-
Added active-icon slot
Stepper
-
The input-width property of the Number type is supported
SubmitBar
-
New tip-icon property
-
New suffix-label property
SwipeCell
-
Automatic calculation of loft-width and right-width is supported
Switch
-
The load icon color now changes with the background color
SwitchCell
-
New border properties
-
New cell-size property
Sku
-
New preview-open event
-
New view-close event
Tab
-
New border properties
-
Optimize the performance of the annimated animation
-
Fixes an issue with height errors after opening animated
Tabbar
-
New route properties
-
New border properties
-
New active-color property
TabbarItem
Toast
Uploader
-
New upload area default style
-
New delete event
-
New update-text property
-
New max-count property
-
New view-size property
-
New preview-image property
-
Supports binding a list of files through v-model
-
The oversize event increases the detail parameter
Follow-up plans
We plan to launch VantWeapp 1.0 later this year with the goal of synchronizing most of the new components and functionality to the smaller side of the standard Vant 2.0 release.
At the same time, vant 3.0 is in the pipeline, and unsurprisingly, version 3.0 will be implemented based on Vue 3.0 and will be released in the same period as Vue 3.0.
For the Vant 1.x release, a maintenance period is followed by follow-up fixes, but no functional changes are introduced.