Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

Vant updates the log

May 07, 2021 Vant

Table of contents

1. Example demonstration

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.

v2.4.6

2020-02-01

Bug Fixes

  • Picker: Fixes an issue that does not take effect by updating the columns data#5614

v2.4.5

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

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

v2.4.4 ????

2020-01-24

Feature

Bug Fixes

  • Sku: Fixing the get-container property cannot be a problem of the string type#5608

v2.4.3

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

v2.4.2

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

v2.4.1

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

v2.4.0

2020-01-01

New Component

  • New Calendar calendar component

Vant updates the log

Feature

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

v2.3.3

2019-12-21

Bug Fixes

  • Fix the problem of compiling errors when babel-plugin-import introduces some components on demand

v2.3.2

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

v2.3.1

2019-12-20

Bug Fixes

  • There was an issue with uncompiled ES6 code in the portal file when fixing the full introduction of components

v2.3.0

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

Vant updates the log

Features

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

v2.2.16

2019-12-03

Features

v2.2.15

2019-11-28

Bug Fixes

  • Fixes an issue where the List component's load state has not been reset in some cases

v2.2.14

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

v2.2.13

2019-11-14

Features

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

v2.2.12

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

v2.2.11

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

v2.2.10

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

v2.2.9

2019-10-20

Features

Bug Fixes

v2.2.8

2019-10-17

Features

Bug Fixes

v2.2.7

2019-10-11

Features

Bug Fixes

v2.2.6

2019-10-08

Features

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

v2.2.5

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

v2.2.4 (abandoned)

2019-09-28 ????????

Tips

  • This release has a style loss issue, please use version 2.2.5

v2.2.3

2019-09-24

Features

v2.2.2

2019-09-19

Features

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

v2.2.1

2019-09-12

Features

Bug Fixes

v2.2.0

2019-09-06

Features

Bug Fixes

v2.1.8

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

v2.1.7

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

v2.1.6

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

v2.1.5

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

v2.1.4

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

v2.1.3

2019-08-15

Features

Bug Fixes

v2.1.2

2019-08-10

Features

Bug Fixes

v2.1.1

2019-08-02

Bug Fixes

v2.1.0

2019-08-01 ????????

Features

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

v2.0.9

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

v2.0.8

2019-07-16

Features

Bug Fixes

v2.0.7

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

v2.0.6

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

v2.0.5

2019-07-02

Features

Bug Fixes

  • Fixes an issue with postcs configuration that does not work for vant

v2.0.4 ????????

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

v2.0.3

2019-06-27

Features

Bug Fixes

v2.0.2

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

v2.0.1

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

v2.0.0

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

Vant updates the log

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.

Vant updates the log

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.

Vant updates the log

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
  • Rename 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
  • New icon-size property
DatetimePicker
  • New filter properties
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
  • New type properties
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
  • New gutter properties
Picker
  • Inertial scrolling is supported
  • New toolbar-position property
Popup
  • New click event
  • New duration properties
Radio
  • New icon-size property
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
  • New name properties
Toast
  • New onOpened option
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.

Vant updates the log


Example demonstration


Related

Vant CountDown Countdown

Vant Overlay mask layer

Vant Calendar calendar

Vant SwipeCell slides the cell

Vant Slider slider

Vant Grid Palace

Vant Toast tips

Vant Lazyload picture lazy load

Vant Contact contact

Vant Divider split line