CHANGELOG.en-US.md

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.2.10

2022-07-07

• 🐞 Fix the problem that the popup component cannot be used under process.env.NODE_ENV = 'test' #4565
• 🐞 Fix the problem that the popup layer is directly closed when the Menu component hovers quickly 36df58
• 🐞 Fix Input autosize type error #5766
• 🐞 Fix Table ellipsis tilte not working under fixed #5755

3.2.9

2022-06-25

• 🐞 Fix the flickering problem when the Select edge position is closed 8a659d

3.2.8

2022-06-24

• 🌟 Image add scroll wheel to zoom in and out #5703
• 🌟 ConfigProvider.config added getPopupContainer 62dc24
• 🐞 Upload tooltip does not show issues #5714
• 🐞 Row gutter property type error #5725
• 🐞 Whether Typography is editable or not, the state is not reset after switching #5743
• 🐞 In DirectoryTree multi-selection mode, a single node should be selected when clicking (multi-selection only selects multiple nodes when pressing ctrl and shift keys) [#5732](https://github.com/vueComponent/ant-design-vue/ issues/5732)

3.2.7

2022-06-13

• 🌟 Checkbox supports adding extra properties #5678
• 🌟 RadioGroup support global size #5690
• 🌟 Table expandedRowKeys support v-model #5695
• 🐞 Fix global Form message not taking effect #5693
• 🐞 Fix Typography Enter key triggers end event twice, end is no longer triggered when blur #5696

3.2.6

2022-06-07

• 🌟 Cascader custom trigger supports custom components #5677
• 🐞 Fix DateRangePicker TimeRangePicker arrow not following the movement issue #71c619
• 🐞 Fix TimeRangePicker minSteps, hourSteps, secondStep not taking effect #5671

3.2.5

2022-05-26

• 🌟 Image Added left and right arrow switching function #5642
• 🐞 Fix Steps progressDot slot failure #5648
• 🐞 Fix Tooltip global getPopupContainer invalid problem #5636
• 🐞 Fix useForm help style issue #5635
• 🐞 Fix Table, Tree drag and drop style conflict #5644

3.2.4

2022-05-23

• 🐞 Fix InputNumber v-model type error #5577
• 🌟 Select supports global size #5590
• 🐞 Form clearValidate resetValidate support array #5619
• 🐞 Drawer custom closeIcon does not take effect #5616
• 🌟 Fix CountDown support dayjs #5edca6
• 🌟 Tree support scrollTo #5626
• 🐞 Tooltip disabled class name error #5627

3.2.3

2022-05-05

• 🌟 Optimize Tree performance #5551
• 🐞 Fix Progress type='dashboard' invalid problem #5549
• 🐞 Fix console warning when Table customRender returns Fragment component #5556
• 🐞 Fix the issue of rendering redundant dom nodes when the Card slot is empty

3.2.2

2022-04-26

• 🐞 Fix Table ceiling infinite loop problem #5543

3.2.1

2022-04-25

• 🌟 Image previewMask supports false, function #5531
• 🌟 Select option to add title
• 🌟 Table optimizes the drag handle to prevent sorting, filtering, etc. from being triggered when dragging
• 🐞 Fix the issue of triggering search event after Select is selected #5537
• 🐞 Fix SSR memory leak issue #5502
• 🐞 Fix Table expandFixed ts type error #5539

Documentation:

• 🌟 Added Modal drag and drop demo More

3.2.0

2022-04-19

• 🌟 InputNumber supports lazy modifier
• 🌟 Image add previewMask property, error event #5479
• 🌟 Modal style supports string type #5449
• 🌟 Cascader supports clearIcon, removeIcon slots
• 🌟 Optimize DatePicker panel switching logic #5488
• 🐞 Fix Cascader not automatically correcting the popup position #5482
• 🐞 Tabs left, right direction disable animation #5464
• 🐞 TimeRangePicker value ts type supports string
• 🐞 Tree supports deep monitoring #5480
• 🐞 Fix Table not showing virtual scroll bar when keepalive active
• 🐞 Fix Input size warning #5508

3.1.1

2022-04-06

• 🌟 Optimize Form rule type hints #5439
• 🐞 Fix the problem of incorrect height calculation when virtual scroll related components dynamically update content 4a4670

3.1.0

2022-04-06

🔥🔥🔥 3.1.0 official version released 🔥🔥🔥

• 🐞 Fix Select.Option child element is empty, the error is reported 272430

3.1.0-rc.6

2022-04-01

• 🌟 Optimize Table performance, reduce the number of render times when hovering 900464
• 🐞 Fix Tabs not folding when setting addIcon 669b22
• 🐞 Fix Mentions component cannot be selected #5432
• 🐞 Fix component focus and blur events do not carry event parameters, resulting in popover error #5434
• 🐞 Fix Select.Option, when setting Tooltip, error is reported #5307

3.1.0-rc.5

2022-03-28

🔥🔥🔥 The official version is expected to be released at the end of March or early April, when 3.x will become the default version, and the documentation will also point to the 3.x documentation by default 🔥🔥🔥

• 🌟 Optimize component ts type hints #5408
• 🐞 Fix Form cannot scroll to nested fields #5404
• 🐞 Fix Table bottom-sucking scroll bar responsive failure afd74c

3.1.0-rc.4

2022-03-25

🔥🔥🔥 The official version is expected to be released at the end of March or early April, when 3.x will become the default version, and the documentation will also point to the 3.x documentation by default 🔥🔥🔥

• 🐞 Fix Select options do not support push and other variant methods #5398
• 🐞 Fix MenuItem custom icon, the original icon class name is lost #5390

3.1.0-rc.3

2022-03-24

🔥🔥🔥 The official version is expected to be released at the end of March or early April, when 3.x will become the default version, and the documentation will also point to the 3.x documentation by default 🔥🔥🔥

• 🌟 Optimize the search and click performance of Tree TreeSelect #5365
• 🌟 Menu selectedKeys, openKeys support depth watch 7bf1e0
• 🐞 Fix Checkbox Radio triggering two click events for one click #5363 #5389
• 🐞 Fix FormItem htmlFor property invalid issue #5384
• 🐞 Fix Upload limit the number, the last upload is abort issue #5385
• 🐞 Fix RangePicker showTime, disabled does not consider time issue #5286
• 🐞 Fix Layout.Sidebar cannot be expanded after responsive collapse #5373
• 🐞 Fix AutoComplete custom children's class not mounted 414e7a
• 🐞 Fix TimeRangePicker disabledTime not taking effect #5387
• 🐞 Fix Dropdown automatic correction of pop-up window position is invalid #5391

3.1.0-rc.2

2022-03-19

🔥🔥🔥 The official version is expected to be released at the end of March or early April, when 3.x will become the default version, and the documentation will also point to the 3.x documentation by default 🔥🔥🔥

🔥🔥🔥 Surely Vue supports css var sync 🔥🔥🔥

• 🌟 Optimize the underlying virtual scrolling components to scroll millions of data smoothly, involving Select Tree TreeSelect AutoComplete Cascader components
• 🐞 Fix the animation does not take effect when the Button component switches loading #5360
• 🐞 Fix the console error when Modal switches loading #5361

3.1.0-rc.1

2022-03-18

🔥🔥🔥 The official version is expected to be released at the end of March or early April, when 3.x will become the default version, and the documentation will also point to the 3.x documentation by default 🔥🔥🔥

• 🌟 Export more component properties to facilitate secondary development #5340 [#5353](https://github.com/ vueComponent/issues/5353)
• 🌟 Timeline can be used for antd icon when custom color 2b81a7
• 🌟 Radio Checkbox supports number type
• 🌟 Popover does not display the popup when the slot is empty 71e110
• 🌟 Pagination supports responsiveness 85197c
• 🌟 Adjust the truncation logic after Textarea exceeds the maximum length (the text will not change after it exceeds) d92921
• 🐞 Fix Table column drag handle style missing #5348
• 🐞 Fix FormItem error prompt repeated display problem #5349
• 🐞 Fix FormItem cannot be used alone #5343
• 🐞 Fix Tooltip not displaying in Switch in loading state 625eff

3.1.0-rc.0

2022-03-15

🔥🔥🔥 The official version is expected to be released at the end of March or early April, when 3.x will become the default version, and the documentation will also point to the 3.x documentation by default 🔥🔥🔥

• 🔥 Support CSS variables, if you encounter style building errors after upgrading, please check Dynamic Theme Documentation to troubleshoot the problem. Experience
• 🔥 Support RTL experience
• 🌟 LayoutSider trigger support slot #5317
• 🌟 Select add filterSort virtual listHeight configuration #5310
• 🌟 SubMenu added popupOffset #5312
• 🌟 Affix add customIcon slot 60e259
• 🌟 Avatar add crossOrigin maxPopoverTrigger property 5bdb45
• 🌟 Button adds global size support 16b3b5f
• 🌟 DatePicker added slots prevIcon nextIcon superPrevIcon superNextIcon 27e7ed
• 🌟 Divider added orientationMargin c528d7
• 🌟 Dropdown added destroyPopupOnHide loading c4c691
• 🌟 Form added labelWrap cb95d1
• 🌟 Input added showCount 85767d
• 🌟 InputNumber add prefix slot efea6b
• 🌟 MenuDivider added dashed dotted line 32fc4f
• 🌟 Modal method usage added wrapClassName d38ecc
• 🌟 Modal.confirm adds showCancel and propmise support a041b5
• 🌟 Added Skeleton.Button Skeleton.Input two sub-components 2bd5fc
• 🌟 Spin supports tip slot 93a06a
• 🌟 Table added filterMode to support tree filtering 79ff7a
• 🌟 Typography add enterIcon slot, triggerType property e777bc
• 🐞 Fix DatePicker using string mode, console output type is wrong #5323
• 🐞 Fix the problem that the parent node cannot be selected after all the child nodes of TreeSelect are disabled #5316
• 🐞 Fix Row gutter ts type hint error 2efe1a
• 🐞 Fix Wave not working when custom prefixCls #5334

3.0.0-beta.13

2022-03-04

• 🌟 Optimize the animation after Menu overflow to avoid flickering
• 🐞 Fix the issue of automatic parse when inputting invalid values when using dateFns #5302
• 🐞 Fix Carousel click error when using image #5299

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, add tagRender multiple maxTagCount maxTagPlaceholder expandIcon, use dropdownClassName dropdownStyle open placement to replace popupClassName popupStyle respectively popupVisible popupPlacement` property
• 🌟 Select, TreeSelect support slot maxTagPlaceholder
• 🌟 Table.Summary.Cell supports style, 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
  • 🌟 Refactor Modal component #5129
  • 🐞 Fix the problem of unable to scroll when Modal and Drawer are mixed #5096
• 🐞 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

  • 🌟 Tabs collapsed node added delete function
  • 🐞 Tabs special scene not activated option issue #5056
  • 🐞 Fix the problem of the default export TabPane component name error b645f8

• 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/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
  • 🌟 Table customCell added column parameter #5052
  • 🐞 Fix the console output error warning problem when turning Table pages #5029
  • 🐞 Fix the problem that the pop-up box of the Table page turning component is hidden, and the pop-up box position is wrong #5028
• 🐞 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
  • 🐞 Fix sticky time reporting error #4804 #4808
  • 🐞 Fix emptyText internationalization failure problem #4805
  • 🌟 Optimize performance issues when size changes #4787
• 🌟 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 sorting prompt does not display f64d7a
  • 🐞 Fix the responsive loss of some attributes #4756
• 🐞 Fix the problem that the default automatic calibration position of Popover and Popconfirm 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 use tabScroll event instead
  • Obsolete the tabBarExtraContent slot, replace it with the rightExtra slot, and add the leftExtra slot
  • Added addIcon, closeIcon, moreIcon slots
• 🌟 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
• 🐞 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 use AutoComplete instead.

• Deprecated Button.Group, please use Space instead.

• Timeline.Item new label.

• Steps added responsive, percent.

• Collapse added ghost, collapsible.

• Popconfirm added cancelButton, okButton, and esc button hiding.

• ConfigProvider added ConfigProvider.config to define the configuration of Modal.xxx message notification.

• Tree TreeSelect.

  • Added virtual scrolling, discarded using a-tree-node a-tree-select-node to build nodes, using treeData property instead to improve component performance.
  • Deprecated scopedSlots slots custom rendering node, and replace it with v-slot:title to improve ease of use, avoid slot configuration expansion, and also avoid slot conflicts.

• Table

  • Removed the rowSelection.hideDefaultSelections property of Table, please use SELECTION_ALL and SELECTION_INVERT in rowSelection.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.

• 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:

    1. If the custom component wants Form.Item to be verified and displayed, you need to inject const {id, onFieldChange, onFieldBlur} = useInjectFormItemContext() and call the corresponding method.

    2. 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" or name="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 useInjectFormItemContext 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.useInjectFormItemContext();
        },
      };
    </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 custom character 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 of Table 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
  • Fix the type error of Table in ts 4.3.5 version #4296
  • Improve notification type #4346

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

  • Better performance #3300
  • Fix the problem of incorrect highlighting #4053
  • Fix console invalid warning #4169
  • Easier to use, simpler to use single file recursion #4133
  • 💄 icon icon needs to be passed through slot

• Skeleton

  • 🌟 Support Skeleton.Avatar placeholder component.
  • 🌟 Support Skeleton.Button placeholder component.
  • 🌟 Support Skeleton.Input placeholder component.

• 💄 Destructive update

  • The a-menu-item and a-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 removes defaultOpenKeys and defaultSelectedKeys; Switch removes defaultChecked; Rate removes defaultValue; Please be cautious to use the defaultXxx-named attributes of other unrefactored components, and they will be removed in future versions.

• 🌟 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 first issue of default activation #3842
  • Fix group display abnormal problem #3841
  • Fix scrolling abnormal issue after dynamically updating selections #3972
• 🐞 Fix the issue that Checkbox triggers twice update: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 adds Ribbon #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 adds centered 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 the issue that dropdownRender does not support slot #3098
  • Fix the issue of abnormal empty values ​​in tag mode #3100
  • Fix the problem that the selected item is not updated in single selection mode #3099
  • Fix foucs status not taking effect in special scenarios #3099
• 🐞 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/ ee4cd3c35a84658cbbb148ce368bc247a927d528)
• 🐞 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 departure change event issue 8ed937

2.0.0-beta.2

Design specification adjustment

• Adjust the row height from 1.5(21px) to 1.5715(22px).
• Basic round corner adjustment, changed from 4px to 2px.
• 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, added finish, finishFailed events, and added scrollToField method.
• Form.Item adds validateFirst, validateTrigger, and discards the prop attribute, and replaces it with name.
• 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.