test/ant-design-vue

Fork 0

mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-11-30 11:08:00 +08:00

tangjinzhou 51874d9cee release 3.0.0-alpha.12

2021-11-20 22:21:59 +08:00

50 KiB

Raw Blame History

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-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, its antd 4.x interaction specification
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} = useFormItemContext() 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 useFormItemContext in the custom component, It is equivalent to merging multiple form items into one.
```
<script>
  // custom component
  import { Form } from 'ant-desing-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 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/ 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 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.

50 KiB Raw Blame History Unescape Escape