63 KiB
Change Log (The following content is translated by Google)
ant-design-vue
strictly follows Semantic Versioning 2.0.0.
Release Schedule
- Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix).
- Monthly release: minor version at the end of every month for new features.
- Major version release is not included in this schedule for breaking change and new features.
3.0.0-beta.12
2022-03-02
- đ Optimize
Menu
horizontal mode animation to avoid flickering - đ Fix the height issue caused by
Upload
animation #5298
3.0.0-beta.11
2022-02-28
- đ Refactor
Upload
, add showDownloadIcon, directory, isImageUrl, itemRender, maxCount, openFileDialogOnClick, progress, previewIcon, removeIcon, downloadIcon, drop and other features - đ Refactor
Carousel
- đ Fix
Mentions
cannot be selected when long-pressed #5233 - đ Fix the issue of rendering multiple expand icons when
Table
dynamically changes the expand icon position #5295 - đ Fix
Slider
type error #5289
3.0.0-beta.10
2022-02-18
- đ Fix the issue of automatic parse when inputting invalid values when the date component uses dayjs or dateFns #5221
- đ Fix the issue that virtual scrolling is not turned off when dropdownMatchSelectWidth is false #5242
- đ Fix descriptions console warning issue #5250
- đ Fix the problem of provoking when the right-click of dropdown is expanded #5259
- đ Fix TreeSelect windows touchpad expansion failure issue #5220
3.0.0-beta.9
2022-01-28
đĨđĨđĨ Happy New Year đĨđĨđĨ
- đ
Progress
add title attribute to avoid title being overwritten by internal title #4929 - đ Fix
Input
focus state, style border issue #5188 - đ Optimize the scrolling effect of virtual scrolling under mobile #5191
- đ Fix the style issue of
Tree
component when dragging 6d4248 - đ Fix
TreeSelect
when the content is empty, the Enter button fills the empty node problem #5217 - đ Fix
Button
block style invalid after setting size #5219
3.0.0-beta.8
2022-01-21
- đĨ Refactor
Cascader
, support multiple selection, addtagRender
multiple
maxTagCount
maxTagPlaceholder
expandIcon
, usedropdownClassName
dropdownStyle
open
placement
to replacepopupClassName
popupStyle
respectively - đ Select, TreeSelect support slot maxTagPlaceholder
- đ
Table.Summary.Cell
supportsstyle
,class
native properties - đ Export more component types:
ConfigProviderProps
InputProps
TextAreaProps
PopconfirmProps
PopoverProps
SliderProps
StepProps
StepsProps
- đ Fix Modal reporting error under vue@3.2.28 #5190
- đ Fix
Modal
getContainer
invalid problem #5147 - đ Fix
Table
responsive
invalid problem #5172 - đ Fix
Tabs
activeKey controlled invalidation issue #5180
3.0.0-beta.7
2022-01-10
- đ Export FormItemInstance type 23f5fb
- đ Fix Modal not showing issue under Dropdown #5139
- đ Fix Modal esc shortcut key invalid issue 3297f7
3.0.0-beta.6
2022-01-07
- Modal
- đ Fix Menu under Dropdown, bind the click event, the attribute verification fails #5127
- đ Fix Table virtual scroll bar not updating issue #5124
- đ Adjust DatePicker to a single root node to support v-show #5132
Documentation:
- đ Dynamically update document.title to facilitate document switching #5121
- đ Fix Empty type error #5136
- đ Fix RangeTime range selection example error #5125
3.0.0-beta.5
2022-01-04
- đ Refactor message and notification components #5113
- đ Fix TimePicker, Slider, TreeSelect type errors #5109
- đ Fix the issue that it does not take effect when Space size=0 #5101
3.0.0-beta.4
2021-12-28
- đ Refactor the Checkbox component for better performance
- đ FormItem adds noStyle property, which makes it more convenient to organize form layout
- đ Fix the problem that InputNumber cannot enter the minimum value when the precision is 0 #5083
Documentation:
- đ Form adds 2 new examples: Time-related Controls, Other Form Controls
3.0.0-beta.3
2021-12-27
- đ Fix
Select
virtual scroll, dynamically correct the height error problem #5082
3.0.0-beta.2
2021-12-27
- đ Fix the issue of triggering inspection when FormItem does not pass the name #5081
- đ Fix the width flickering problem when Table is first rendered #5075 #4993
3.0.0-beta.1
2021-12-24
-
đ Refactor the InputNumber component, add new attributes:
bordered
controls
keyboard
stringMode
, slot:addonAfter
addonBefore
, event:step
, please refer to InputNumber API description for details -
đ Add global.d.ts type file to facilitate volar recognition #5067
-
đ Fix web-type.json missing issue #4860
-
Tabs
-
Form
- đ 7 new usage examples added to the document
- đ New FormInstance type export
- đ No need to specify the type when verifying the Number type #5064
- đ Roll back the automatic verification feature when FormItem is actively assigned. This scenario should not be automatically verified #5056
- đ Fix validateMessages error problem
-
đ Optimize the basic components of the virtual list and improve the performance of Tree, TreeSelect, and Select 4e70c6 [#5069](https://github. com/vueComponent/ant-design-vue/issues/5069)
-
đ Fix the stuttering problem when Tree expands #5069
-
đ Fix the issue that Input is not updated when reset to undefined
3.0.0-alpha.16
2021-12-19
- đ Refactored Input and added borderless configuration
- Table
- đ Fix the issue that the global prefixCls of the Rate component does not take effect #5026
- đ Fix Menu custom class not taking effect #5038
- đ Fix the problem of printing warning when Carousel mobile device is touched #5040
- đ Fix the problem that Select cannot be selected when customizing prefixCls #5023
3.0.0-alpha.15
2021-12-12
- đ Optimize Layout performance
- đ Menu supports lazy loading (SubMenu must fill in the key) to improve performance #4812
- đ Input and Textarea support lazy command modifier #4951
- đ Select placeholder supports slot #4995
- đ Fix Radio cursor style #4997
- đ Fix Statistic.Countdown property support slot #4996
- đ Fix FormItem name attribute type error #4998
- đ Fix Menu hidden animation loss problem
- đ Fix FormItem explain style not responding issue #5004
- đ Fix the problem that Slider tooltip does not display under special conditions
- đ Fix the problem that Dropdown special conditions trigger two click events #5002
- đ Fix some components reporting errors under SSR, support Nuxt
- đ Fix the problem that the drop-down box component jumps at the edge #5008
- đ Fix Table type error #5009
3.0.0-alpha.14
2021-12-05
- đ Add xxxl grid #4953
- đ Collapse activeKey supports deep monitoring #4969
- đ Fix the problem that the form verification is not triggered when textarea blur af5440
- đ Fix the issue of unchecked form during active assignment #4955
- đ Fix the problem of unable to scroll after Select search #4971
- đ Fix rangePicker, slider type issues
3.0.0-alpha.13
2021-11-28
đĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨ
Publish Performant advanced table component Surely Vue
Official website īŧ https://surely.cool/
Githubīŧ[https://github.com/surely-vue/table]
- đ Upgrade ts, fix component type error e28168#4908#4912
- đ Drawer visible is changed to optional to avoid reporting type errors in the writing of jsx v-model #4908
- đ Fix the problem that the tabs moreIcon slot does not take effect #4928
- đ Fix Button :disabled="false" when the style is wrong #4930
- đ Fix the expansion component (Select, AutoComplete, TreeSelect), the animation direction is wrong, the expansion flashing problem #4909
- đ Anchor class name fixed has no prefix, which leads to naming conflicts #4931
3.0.0-alpha.12
2021-11-20
- đ Fix the problem that TimeRangePicker does not hide the panel correctly #4902
- đ Fix the problem that TreeSelect is not cleared when resetting undefined #4897
- đ Fix the issue that TreeSelect isLeaf does not take effect #4883
- đ Fix Table rowSelection reporting loop response warning problem #4885
- đ Fix the problem that Table rowSelection does not respond when dynamically updated #4889
- đ Fix missing component types #4863
3.0.0-alpha.11
2021-11-08
- đ Add codesanbox link to the document #4861
- đ Fix Collapse animation loss problem #4856
- đ Fix the warning problem when Table does not set dataIndex
3.0.0-alpha.10
2021-11-05
- đ Fix the problem that Tree does not trigger loadData #4835
- đ Fix Breadcrumb.Item click event not triggering issue #4845
- đ Fix Checkbox sometimes not centered under Group #4846
3.0.0-alpha.9
2021-11-03
- đ Fix requestAnimationFrame undefined error under ssr for some components #4833
- đ Fix the problem that TreeSelect selectable and checkable cannot be closed #4838
- đ Fix the problem that Tabs cannot be scrolled on the mobile terminal #4828
- đ Fix InputNumber does not trigger inspection under form #4831
- đ Fix that when Select uses
<a-select-option>
to build a node, the automatic word segmentation fails #4844
3.0.0-alpha.8
2021-10-30
- đ Fix the missing component type #4823
3.0.0-alpha.7
2021-10-29
- đ Form added validate event #4817
- đ Tree provides ref to get internal state api #4820
- đ Fix the width mutation problem when dragging Table #4811
- đ Fix the problem that TreeSelect is empty and does not update when opened again a5604b
3.0.0-alpha.6
2021-10-27
- đ Table add drag column feature
3.0.0-alpha.5
2021-10-26
- Table
- đ useForm supports deep responsive rule #4799
- đ Dropdown type supports text type #4802
- đ Fix Menu reporting error on mobile terminal #4794
- đ Fix the invalidation problem when checking the Tree custom fieldNames #4790
- đ Fix api component internationalization failure problem #4780
3.0.0-alpha.4
2021-10-20
- Use shallowRef to improve performance in part of the component state 3a968f
3.0.0-alpha.3
2021-10-08
- Table
- đ Fix the problem that the default automatic calibration position of
Popover
andPopconfirm
does not take effect 98b5e5
3.0.0-alpha.2
2021-10-08
- đ Fix the issue of referencing process.nextTick #4737
3.0.0-alpha.1
2021-10-07
- đ Refactor
Tabs
#4732- Removed
prevClick
,nextClick
events, and usetabScroll
event instead - Obsolete the
tabBarExtraContent
slot, replace it with the rightExtra slot, and add theleftExtra
slot - Added
addIcon
,closeIcon
,moreIcon
slots
- Removed
- đ Refactor
Card
, discard the tabList slots configuration, and use the customTab slot for unified configuration #4732 - đ Refactor
Drawer
- Added
autofocus
contentWrapperStyle
footerStyle
headerStyle
push
size
forceRender
and other attributes - Added
closeIcon
extra
footer
and other slots - Deprecated
afterVisibleChange
property, use event with the same name instead
- Added
- đ Fix the problem that
Table
pagination does not respond to changes 1add0d - đ Fix
notification
style misalignment problem #4703 - đ Fix the selection, dragging and other abnormalities caused by
Tree
fieldsName #4726
3.0.0-alpha.0
2021-09-24
đĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨđĨ
-
Open source documentation.
-
Removed the
lazy
attribute of Transfer, it does not have a real optimization effect. -
Removed the
combobox
mode of Select, please useAutoComplete
instead. -
Deprecated Button.Group, please use
Space
instead. -
Timeline.Item
new label. -
Steps
addedresponsive
,percent
. -
Collapse
addedghost
,collapsible
. -
Popconfirm
addedcancelButton
,okButton
, andesc
button hiding. -
ConfigProvider
added ConfigProvider.config to define the configuration ofModal.xxx
message
notification
. -
Tree
TreeSelect
.- Added virtual scrolling, discarded using
a-tree-node
a-tree-select-node
to build nodes, usingtreeData
property instead to improve component performance. - Deprecated
scopedSlots
slots
custom rendering node, and replace it withv-slot:title
to improve ease of use, avoid slot configuration expansion, and also avoid slot conflicts.
- Added virtual scrolling, discarded using
-
Table
- Removed the
rowSelection.hideDefaultSelections
property of Table, please useSELECTION_ALL
andSELECTION_INVERT
inrowSelection.selections
instead, [custom options](/components/table/#components-table-demo- row-selection-custom). - Removed Column slots and replaced them with
v-slot:headerCell
v-slot:headerCell
v-slot:bodyCell
v-slot:customFilterDropdown
v-slot:customFilterIcon
to improve ease of use , To avoid slot configuration expansion, but also to avoid the problem of slot conflicts. - Added expandFixed to control whether the expanded icon is fixed.
- Added the showSorterTooltip header whether to display the tooltip for the next sort.
- Added sticky for setting sticky head and scroll bar.
- Added rowExpandable to set whether to allow row expansion.
- New slot headerCell is used to personalize the header cell.
- Added slot bodyCell for personalized cell.
- New slot customFilterDropdown is used to customize the filter menu, which needs to be used with
column.customFilterDropdown
. - Added slot customFilterIcon for custom filter icons.
- New slot emptyText is used to customize the display content of empty data.
- Added slot summary for the summary column.
- Removed the
-
DatePicker
TimePicker
Calendar
- By default, a more lightweight dayjs is used to replace momentjs. If your project is too large and uses a lot of momentjs methods, you can refer to the document Custom Time Library, Replace with momentjs.
- UI interaction adjustment, align with antd 4.x interaction specifications.
-
Form
The main goal of this update is to improve performance. If you don't have custom form controls, you can almost ignore this part-
Since version 3.0, Form.Item no longer hijacks child elements, but automatically checks through provider/inject dependency injection. This method can improve component performance, and there is no limit to the number of child elements. The same is true for child elements. It can be a high-level component that is further encapsulated.
You can reference Customized Form Controls, but it also has some disadvantages:
-
If the custom component wants Form.Item to be verified and displayed, you need to inject
const {id, onFieldChange, onFieldBlur} = useFormItemContext()
and call the corresponding method. -
A Form.Item can only collect the data of one form item. If there are multiple form items, it will cause collection confusion. For example,
<a-form-item> <a-input name="a"></a-input> <a-input name="b"></a-input> </a-form-item>
As above Form.Item does not know whether to collect
name="a"
orname="b"
, you can solve this kind of problem in the following two ways:The first is to use multiple
a-form-item
:<a-form-item> <a-input name="a"></a-input> <a-form-item><a-input name="b"></a-input></a-form-item> </a-form-item>
The second way is to wrap it with a custom component and call
useFormItemContext
in the custom component, It is equivalent to merging multiple form items into one.<script> // custom component import { Form } from 'ant-design-vue'; export default { name: 'custom-name', setup() { const formItemContext = Form.useFormItemContext(); }, }; </script>
<a-form-item> <custom-com> <a-input name="a"></a-input> <a-input name="b"></a-input> </custom-com> </a-form-item>
Third, the component library provides an
a-form-item-rest
component, which will prevent data collection. You can put form items that do not need to be collected and verified into this component. It is the same as the first This method is very similar, but it does not generate additional dom nodes.<a-form-item> <a-input name="a"></a-input> <a-form-item-rest><a-input name="b"></a-input></a-form-item-rest> </a-form-item>
-
-
2.2.8
2021-09-17
- đ Upload method supports patch #4637
- đ List gutter supports array d2b721
- đ Fix Modal type error #4632
- đ Fix the problem that AutoComplete cannot reset undefined 741718
- đ Fix the missing style of Tag closed icon #4649
- đ Fix the problem that the TreeSelect clear button does not display under special conditions #4655
- đ Fix useForm immdiate not working issue #4646
2.2.7
2021-09-08
- đ Menu supports overflowedIndicator slot #4515
- đ useForm supports dynamic rule #4498
- đ Select supports Number type #4570
- đ Fix the warning problem caused by css zoom #4554
- đ Fix Mentions input Chinese error report #4524
- đ Fix the issue that AutoComplete does not support global prefixCls #4566
- đ Fix Table nested table error report #4600
- đ Fix MenuItem danger property under Dropdown has no style problem #4618
- đ Fix Modal.xxx and other methods passing appContext invalid problem #4627
- đ Fix some TS type errors
2.2.6
2021-08-12
- đ Fix
Table
expanded list rendering problem #4507 - đ Fix
Rate
customcharacter
slot not taking effect #4509 - đ Add resize-observer-polyfill to fix the problem of reporting errors in low versions of Chrome #4508
2.2.5
2021-08-11
- đ
Select
supports customizing nodes through option slots 68c1f4 - đ Fix the problem that the pop-up window component in the development environment does not display in the lower version of chrome, and avoid the pop-up window flashing #4409
- đ Fix the problem of not scrolling to the active position when
Select
is opened ccb240
2.2.4
2021-08-10
- đ Support Vue@3.2 #4490
- đ Automatically hide the horizontal scroll bar of
Table
#4484 - đ Fix the issue of
Progress
trailColor not taking effect #4483
2.2.3
2021-08-07
- đ Use
position: sticky
for the fixed column ofTable
to improve performance and solve the problem of misalignment in some scenes 38569c - đ
Collapse
supports number type key #4405 - đ Optimize the flickering problem of
Tabs
when selected under windows #4241 - đ
InputPassword
supports global setting prefixCls #4430 - đ Fix
Select
cannot scroll issue #4396 - đ Fix
Badge
error reporting under ssr #4384 - đ Fix the issue of invalid data fields in
Form
#4435 - đ Fix an error when the child element of
FormItem
is a native label #4383 - đ Fix the error when
TreeSelect
customize title through slot #4459
2.2.2
2021-07-11
- đ Switch added checkedValue and unCheckedValue attributes to customize checked binding value #4329
- đ Fix the issue of missing SubMenu animation #4325
- đ Fix that there is no red box problem when TimePicker validates the error under Form #4331
- đ Fix UploadDragger does not support vite-plugin-components on-demand loading problem #4334
- đ Fix the error when TreeSelect customize title through slot 1152e8
- đ Fix the dropdown submenu style loss issue #4351
- TS
2.2.1
2021-07-06
- đ Fix the issue that the Space component does not take effect in browsers that do not support flex
- đ Fix the issue of DatePicker triggering scrolling under safari #4323
2.2.0
2021-07-06
- đ Refactor the Button component, remove type="danger", and add the
danger
attribute #4291 - đ Fix Rate component not updating issue #4294
- đ Fix Tree replaceFields error report #4298
- đ Fix Modal missing parentContext type problem #4305
2.2.0-rc.1
2021-06-29
- đ Change babel configuration, smaller build package size
- đ Form provides the useForm function natively, and we will deprecate the @ant-design-vue/use library
- đ Fix the issue that the Form validateFirst property does not trigger reject when there are multiple validation rules #4273
- đ Fix List circular references causing errors in Vite #4263
- đ Fix the missing item attribute problem in Menu event callback #4290
2.2.0-beta.6
2021-06-26
- đ Menu performance optimization e8b957
- đ Fix
Layout
RangePicker
WeekPicker
Textarea
on-demand loading failure
2.2.0-beta.5
2021-06-24
- đ Support vite-plugin-components to be loaded on demand
- đ Refactor the List component
- đ Select adds responsive folding option 656d14
- đ Fix the problem that the virtual list cannot be scrolled when the Select dynamic update option b2aa49d
- đ Fix the incorrect location of Select keyboard events 604372
- đ Fix the issue that AutoComplete does not support options slot #4012
2.2.0-beta.4
2021-06-21
- đ Refactor Descriptions component #4219
- đ Fix the issue that Countdown does not trigger the finish event #4222
- đ Fix ConfigProvider reporting errors under vue 3.1 #4225
- đ Fix the problem of using SubMenu under Dropdown to report an error #4205
- đ Fix Col type error #4226
- đ Fix the problem that onEnd is not triggered when Typography is out of focus #4227
- đ Fix ImagePreview style loss problem #4231
2.2.0-beta.3
2021-06-11
- đ Refactor Breadcrumb, Statistic, Tag components
- đ Statistic supports loading attribute
- đ Fix the problem of Menu rendering multiple sub-components to improve performance 6ae707
- đ Fix FormItem custom class invalidation 617e53
- đ Fix MenuDivider class error #4195
- đ Fix Tag and Image type errors
- đ Fix the issue of missing component animations such as Modal #4191
- đ Fix the issue that Select class cannot be dynamically updated #4194
- đ Fix the problem that the Dropdown mail expands and cannot be collapsed by clicking #4198
- đ Fix the issue of missing some export methods of FormItem #4183
2.2.0-beta.2
2021-06-08
- đ Fix PageHeader display extension problem 4de73
- đ Fix the problem that some components cannot be rendered normally under Vue3.1#4173
- đ Fix Menu.Divider name error problem 6c5c84
2.2.0-beta.1
2021-06-17
-
đĨđĨđĨ Virtual Table independent library released https://www.npmjs.com/package/@surely-vue/table, this component is an independent library, the document example is not yet complete, it is a completely ts-developed component , There are good type hints, there are API documents on npm, those who are in a hurry can explore and use it, here is an online experience example, https://store.antdv.com/pro/preview/list/big-table-list
-
đĨđĨđĨ Refactored a large number of components, the source code is more readable, the performance is better, and the ts type is more comprehensive -Refactored components in this version Anchor, Alert, Avatar, Badge, BackTop, Col, Form, Layout, Menu, Space, Spin, Switch, Row, Result, Rate
-
đ Menu
-
Skeleton
- đ Support Skeleton.Avatar placeholder component.
- đ Support Skeleton.Button placeholder component.
- đ Support Skeleton.Input placeholder component.
-
đ Destructive update
- The
a-menu-item
anda-sub-menu
icons need to be passed through the slot, and the icon is not automatically obtained through the sub-node - row gutter supports row-wrap, no need to use multiple rows to divide col
Menu
removesdefaultOpenKeys
anddefaultSelectedKeys
;Switch
removesdefaultChecked
;Rate
removesdefaultValue
; Please be cautious to use the defaultXxx-named attributes of other unrefactored components, and they will be removed in future versions.
- The
-
đ Added Avatar.Group component
-
đ Fix AutoComplete filterOptions not taking effect #4170
-
đ Fix Select automatic width invalidation problem #4118
-
đ Fix the lack of internationalized files in dist #3684
2.1.6
2021-05-13
- đ Use vue@3.0.10 to rebuild to avoid console warning #3998
2.1.5
2021-05-12
- đ Fix SSR time reporting error #3983
2.1.4
2021-05-09
- đ Fix
Table
scrolling misalignment issue #4045 - đ Fix
Typography
editable mode triggering link jump issue #4105 - đ Fix the issue that
Carousel
variableWidth does not take effect #3977 - đ Fix the problem that
TreeSelect
cannot delete parent and child nodes at the same time through the keyboard #3508 - đ Fix some types of errors
2.1.3
2021-04-25
- đđđ remove ads during npm installation
- đ
Select
- đ Fix the issue that
Checkbox
triggers twiceupdate:checked
#3838 - đ
Table
column group supports fixed #3882 - đ
Table
column supports v-for #3934 - đ Fix the problem that
Table
displays horizontal scroll bar on windows 6d33d6 - đ
Form
scrollToFirstError supports option parameter passing #3918 - đ Fix the issue of
Calendar
month selector displaying wrong characters #3915 - đ Refactor the
Switch
component and remove the defaultChecked attribute #3885 - đ Fix the process exception when using Vite #3930
- đ Fix
Radio
shadow occlusion problem #3955 - đ Fix the issue that span does not take effect in
Form
inline mode #3862 - đ Fix the issue that
Cascader
keydown selection does not take effect #958 - đ Fix
Image
preview function failure problem #3701 - đ Fix some TS type issues
2.1.2
2021-03-28
- đ Recompile with Vue 3.0.9, compatible with 3.0.7 and below
2.1.1
2021-03-27
- đ Compatible with Vue 3.0.8, note: Due to the destructive update of 3.0.8, 2.1.1 is not compatible with versions below 3.0.7 [vue#3493](https://github.com/vuejs/vue-next/issues /3493)
- đ Fix Modal.confirm missing closable ts type #3684
- đ Fix upload custom method not working issue #3843
2.1.0
2021-03-20
- đđđ Added
Typography
component #3807 - đ Modal method adds close icon customization #3753
- đ Fix missing build files containing internationalization #3684
- đ Fix Drawer error after destruction #848d64
- đ Fix BackTop incorrect position when KeepAlive is activated #3803
- đ Fix the problem that the TreeNode class does not take effect #3822
- đ Fix Table tags being an array error issue #3812
- đ Fix the sorting issue when Table custom filterIcon is triggered #3819
- đ Fix Select style misalignment under Form #3781
2.0.1
2021-02-27
- đ
Badge
addsRibbon
#3681 - đ Adjust the trigger order of
SearchInput
search event #3725 - đ Fix the stuck problem when
Table
is destroyed #3531 - đ Fix the issue of less file introduced in
Menu
css #3678 - đ Fix the problem of
Alert
custom icon misalignment #3712
2.0.0
2021-02-06
- đđđ 2.0 official version released
- đđđ support dark theme #3410
- đđđ The new version of the document is online, use the Composition API to completely reconstruct the document example, and provide the TS and JS dual version source code
- đ Refactor the
Alert
component using Composition API #3654 - đ
Tooltip
supports custom colors #3603 - đ Fix the problem that
TimePicker
does not automatically scroll to the selected position #ab7537
2.0.0-rc.9
2021-01-24
- đ
@ant-design/icons-vue
upgrade to 6.0, use es module by default - đ
Tabs
addscentered
centered mode #3501 - đ
Progress
Add opacity animation #3505 - đ Fix an error when installing npm #3515
- đ Fix the problem of
Breadcrumn
split line not displaying #3522 - đ Fix
Radio
uncontrolled issue #3517 - đ Fix
FormItem
not wrapping issue #3538 - đ Fix
Carousel
pauseOnDotsHover
not working problem #3519 - đ Fix
Input.Search
class
not working issue #3541 - đ Fix the issue that
InputNumber
triggers the change event multiple times under Microsoft input method #3550 - đ Fix the problem that the keyboard can still be switched in the disabled state of
Tabs
#3575 - đ Fix the issue that
Switch
does not take effect in the table #3512
2.0.0-rc.8
2021-01-07
- đ Support Vite 2 #3490
- đ Use Composition API to refactor Affix component #3447
- đ Fix Image component type definition error #3488
- đ Upgrade icons-vue Fix IconFont component type error #3474
- đ Fix Tooltip arrow style error in less 4 #3477
- đ Fix DatePicker type definition parsing error under Vue 3.0.5 #bf7c62
2.0.0-rc.7
2020-12-28
- đ Fix Switch
change
ãclick
not work #3453
2.0.0-rc.6
2020-12-27
- đ Support Less 4 #3449
- đ Added Image component #3235
- đ Functional component, add displayName attribute #3445
- đ Message adds custom class style function #3443
- đ Fix the initial disabled state of the Tabs component does not take effect #3366
- đ Fix Slider accuracy issue #3346
- đ Fix the incorrect scroll height of Select #3419
- đ Fix the problem that Input small is too small and the height is 2px #3396
- đ Fix the problem that TreeSelect triggers two change events
- đ Fix the endless loop problem of TreeSelect defining title through slot
- đ Fix the problem that Drawer handle slot triggers two click events
- đ Added Checkbox and Switch event declaration
2.0.0-rc.5
2020-12-13
- đ Fix the undefined warning problem of this.dom output in the Drawer component console
- đ Fix Menu in Vue 3.0.3 and above versions, display confusion problem #3354
2.0.0-rc.4
2020-12-10
- đ Input.Password supports custom icons #3320
- đ Fix the issue that the Select Option click event does not trigger #4ea00d
- đ Fix the problem that the dark theme does not work after the Menu exceeds the width #10f35a
- đ Fix Menu console vue key some waring #520d6a
- đ Remove console passive prompt log #8d1669
2.0.0-rc.3
2020-12-05
- đ Fix the problem of functional components reporting type errors in Vue 3.0.3 #f5cf7e
- đ Fix Menu display error after detecting width #3262
- đ Fix Menu subMenuOpenDelay subMenuCloseDelay not working problem #3291
- đ Fix TreeSelect stack overflow problem #28aeea
- đ Fix Input custom style class being overwritten #3273
- đ Fix InputNumber parse error in production environment #3249
2.0.0-rc.2
2020-11-24
- đ Optimize Menu performance, enable lazy loading by default #3243
- đ Tag supports defining icon via slot #3185
- đ Small type table changed to borderless #3221
- đ @ant-design/icons-vue upgraded to 5.1.6, support SSR, support spin attribute shorthand
- đ Fix the style problem of Alert's close button in Safari #3184
- đ Fix the problem of Notification top attribute type error #3187
- đ Fix DirectoryTree custom icon does not take effect #3183
- đ Fix Button loading delay not taking effect #3194
- đ Select optionFilterProp no longer supports filtering by children #3204
- đ Fix Select labelInValue error when reporting #3216
- đ Fix ConfigProvider transformCellText missing issue #3206
- đ Fix the style disorder problem when Dropdown Button is mixed together #3244
- đ Fix RangePicker custom width invalidation issue #3244
- đ Fix multiple errors or missing Ts types
2.0.0-rc.1
2020-11-14
- đđđ
- đ Menu cancel the default lazy loading, improve the first animation effect, optimize the Bezier curve function, and make it smoother #3177
- đ Fix Select search function failure problem #3144
- đ Fix the Drawer component does not have automatic focus, which can not be closed directly by the ESC button #3148
- đ Fix the incorrect position of popover elements in Popover #3147
- đ Fix CountDown not updating problem #3170
- đ Fix multiple errors or missing Ts types
2.0.0-beta.15
2020-11-08
- đ Optimize the Menu animation to make it smoother #3095
- đ Optimize VirtualList to avoid invalid render #2e61e9
- đ Fix Menu overflowedIndicator not taking effect #689113
- đ Select
- đ Fix DatePicker default formatting invalid problem #3091
- đ Fix Table customRow configuration event not taking effect #3121
- đ Fix the style of TreeSelect search box [
ee4cd3c
](https://github.com/vueComponent/ant-design-vue/commit/ee4cd3c35a
) - đ Fix Ts type error or missing problem
2.0.0-beta.13
2020-11-02
- đ Fix npm install error report #3080
- đ Fix Select maxPlaceHolder display error problem #3085
- đ Fix the pop-up component, the pop-up position is not updated #3085
- đ Fix the warning problem when Table data is empty #3082
- đ Fix Input display multiple borders in Form #3084
2.0.0-beta.12
2020-11-01
- đ Fix dist/antd.css missing component style issue #3069
- đ Fix Input style issue #3074
- đ Fix Form layout="vertical" style issue #3075
- đ Fix Select cannot open popup problem #3070
2.0.0-beta.11
2020-10-30
- đđđ Refactored Select and AutoComplete components, supports virtual lists, and greatly improves performance
- đĨđĨđĨ Use Typescript to refactor all components, type support is more friendly
- đĨ Optimize the underlying animation components, with better performance and smoother
- đ Textarea component added showCount to support word count function
- đ Recursive Menu component, supports arbitrary nesting of other elements #1452
- đŽđĒ Add Irish language internationalization support
- đ Fix webpack 5 compatibility issues.
- đ Fix the problem that the Upload method attribute does not take effect #2837
- đ Fix Table component filter not supporting number type problem #3052
- đ Fix Table fixed column ellipsis not working issue #2916
- đ Fix Table custom expandIcon not taking effect #3013
- đ Fix the problem that TreeSelect cannot customize slot #2827
- đ Change Avatar's srcSet to srcset
2.0.0-beta.10
2020-09-24
- đ Update Vue dependency to release version
- đ Fix the problem that Menu does not collapse in Layout #2819
- đ Fix a warning issue when switching Tabs #2865
- đ Fix the problem that the input box does not trigger the change event when compositionend
- đ Fix the problem that the Upload button does not disappear #2884
- đ Fix upload custom method not working issue #2837
- đ Fix some ts type errors
2.0.0-beta.8
- đ Fix ts types error
2.0.0-beta.7
- đ Fix the problem that Descriptions Item does not support v-for #2793
- đ Fix Modal button loading effect not working problem 9257c1
- đ Fix the problem that the Steps component cannot be clicked when using v-model ec7309
- đ Checkbox, Radio add event declaration
- đ Fix ts type error 802446
2.0.0-beta.6
- đ Fix the problem that TreeSelectNode subcomponent TreeSelectNode is not registered
2.0.0-beta.5
- đĨ Support Vite.
2.0.0-beta.4
- đ Remove polyfills that are no longer used
- đ Fix the problem of calling
Modal
afterClose twice - đ Supplement the declaration that ts type files lack native attributes
2.0.0-beta.3
- đĨ Support Typescript.
- đĨ Added
Space
component. - đ Fix the problem that some components cannot use css scope 4bdb24.
- đ Fix
List.Meta
registration failure problem 03a42a - đ Fix the problem of misalignment in the fixed column of Table #1493
- đ Fix the problem that the
Button
is not vertically centered bd71e3 - đ Fix
Tabs
multiple departurechange
event issue 8ed937
2.0.0-beta.2
Design specification adjustment
- Adjust the row height from
1.5
(21px
) to1.5715
(22px
). - Basic round corner adjustment, changed from
4px
to2px
. - The color brightness of the dividing line is reduced, from
#E8E8E8
to#F0F0F0
. - The default background color of Table is changed from transparent to white.
Compatibility adjustment
- The minimum supported version of Vue is Vue 3.0.
Adjusted API
-
Removed LocaleProvider, please use
ConfigProvider
instead. -
Removed the afterClose property of Tag.
-
Merged FormModel and Form, see the Form refactoring part below for details.
-
tabIndex
,maxLength
,readOnly
,autoComplete
,autoFocus
are changed to all lowercase. -
In order to use the slot more friendly in template syntax, all related to xxxRender, renderXxxx are changed to single parameter, involving
itemRender
,renderItem
,customRender
,dropdownRender
,dateCellRender
,dateFullCellRender
,monthCellRender
,monthFullCellRender
,renderTabBar
. -
All the places where scopedSlots are configured are changed to slots.
-
{ on, props, attrs, ... }
configuration is flattened, such as{ props: {type:'xxx'}, on: {click: this.handleClick}}
changed to{ type: 'xxx', onClick: this.handleClick }
, related fields:okButtonProps
,cancelButtonProps
. -
Change xxx.sync to v-model:xxx
-
v-model is changed to v-model:xxx, which specifically involves components:
- The components changed from v-model to v-model:checked are: CheckableTag, Checkbox, Switch
- The components changed from v-model to v-model:value are: Radio, Mentions, CheckboxGroup, Rate, DatePicker
- The components changed from v-model to v-model:visible are: Tag, Popconfirm, Popove, Tooltip, Moda, Dropdown
- The components changed from v-model to v-model:activeKey are: Collaps, Tabs
- The components changed from v-model to v-model:current are: Steps
- The components changed from v-model to v-model:selectedKeys are: Menu
Icon Upgrade
In ant-design-vue@1.2.0
, we introduced the svg icon (Why use the svg icon?). The icon API that uses string naming cannot be loaded on demand, so the svg icon file is fully introduced, which greatly increases the size of the packaged product. In 2.0, we adjusted the icon usage API to support tree shaking, reducing the default package size by approximately 150 KB (Gzipped).
The old way of using Icon will be obsolete:
<a-icon type="smile" />
<a-button icon="smile" />
In 2.0, an on-demand introduction method will be adopted:
<template>
<smile-outlined />
<a-button>
<template v-slot:icon><smile-outlined /></template>
</a-buttom>
</template>
<script>
import SmileOutlined from'@ant-design/icons-vue/SmileOutlined';
export default {
components: {
SmileOutlined
}
}
</script>
Component refactoring
In 1.x, we provide two form components, Form and FormModel. The original Form component uses v-decorator for data binding. In Vue2, we use context to force update components. However, in Vue3, due to the introduction of patchFlag, etc. Optimization method, forced refresh will destroy the performance advantage brought by patchFlag. So in version 2.0, we merged Form and FormModel, retained the use of FormModel, enriched related functions, and renamed it to Form.
Involving changes:
- Added
scrollToFirstError
,name
,validateTrigger
properties for Form, addedfinish
,finishFailed
events, and addedscrollToField
method. - Form.Item adds
validateFirst
,validateTrigger
, and discards theprop
attribute, and replaces it withname
. - The nested field path uses an array. In the past version, we used. To represent the nested path (such as user.name to represent {user: {name:''} }). However, in some back-end systems, the variable name will also carry .. This causes users to need additional codes for conversion. Therefore, in the new version, nested paths are represented by arrays to avoid wrong handling behaviors (such as ['user','name']).
- validateFields no longer supports callback. validateFields will return a Promise object, so you can perform corresponding error handling through async/await or then/catch. It is no longer necessary to determine whether errors is empty:
// v1
// eslint-disable-next-line no-undef,no-unused-vars
validateFields((err, value) => {
if (!err) {
// Do something with value
}
});
Change to
// v2
// eslint-disable-next-line no-undef,no-unused-vars
validateFields().then(values ââ=> {
// Do something with value
});
1.x
Visit GitHub to read change logs from 0.x
to 1.x
.