4.4 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.
4.0
🔥🔥🔥 4.0 official version released 🔥🔥🔥
Design specification adjustment
- Basic rounded corner adjustment, changed from unified
2pxto four-level rounded corners, which are2px4px6px8pxrespectively, which are applied to different scenarios, for example, the rounded corners of the default size Button are adjusted to6px. - Main color adjustment, changed from
#1890ffto#1677ff. - Overall shadow adjustment, from the original three-level shadow adjustment to two levels, which are used for resident page components (such as Card) and interactive feedback (such as Dropdown).
- Adjust the internal spacing of some components.
- Overall de-wireframing.
Add 5 new components
- Segmented segment controller
- WaterMark watermark
- QrCode QR code
- FloatButton floating button
- Tour roaming guide
Technical adjustments
- Deprecated less and adopted CSS-in-JS to better support dynamic themes.
- All less files are removed, and less variables no longer support leaking.
- css files are no longer included in the product. Since CSS-in-JS supports importing on demand, the original
ant-design-vue/dist/antd.csshas also been removed. If you need to reset some basic styles, please important-design-vue/dist/reset .css. - If you need to reset the style of the component and don't want to introduce
ant-design-vue/dist/reset.cssto pollute the global style, you can try to use App component, to solve the problem that native elements do not have ant-design-vue specification style.
- Removed css variables and dynamic theme schemes built on top of it.
- LocaleProvider has been deprecated in 3.x (use
<ConfigProvider locale />instead), we have completely removed the related directoriesant-design-vue/es/locale-provider,ant- design-vue/lib/locale-provider. babel-plugin-importis no longer supported, CSS-in-JS itself has the ability to load on demand, no longer need plug-in support.
Component API adjustments
-
The classname API of the component popup is unified to
popupClassName, and similar APIs such asdropdownClassNamewill be replaced.- AutoComplete component
- Cascader component
- Select component
- TreeSelect component
- TimePicker component
- DatePicker component
- Mentions component
-
The controlled visibility API of the component popup is unified as
open, andvisibleand other similar APIs will be replaced.- Drawer component
visiblebecomesopen. - Modal component
visiblebecomesopen. - Dropdown component
visiblebecomesopen. - Tooltip component
visiblebecomesopen. - Tag component
visiblehas been removed. - Slider component
tooltiprelated API converges totooltipproperty. - Table component
filterDropdownVisiblechanged tofilterDropdownOpen.
- Drawer component
-
getPopupContainer: AllgetPopupContainerneeds to ensure that the returned div is unique. -
Drawer
styleandclassare migrated to the Drawer popup area, and the original attributes are replaced byrootClassNameandrootStyle.
Component refactoring and removal
-
Remove the
locale-providerdirectory.LocaleProviderhas been removed in v4, please useConfigProviderinstead. -
Remove
xxxlbreakpoint attribute in grid layout.xxxlattribute has been removed in v4, you can use theme customization to modifyscreen[XS|SM|MD|LG|XL|XXL]to modify the break Point value achieved. -
The BackTop component was deprecated in
4.0.0and moved to the FloatButton floating button. If needed, it can be imported from FloatButton.
Upgrade Guide
3.x
Visit GitHub 3.x Change Log。
2.x
Visit GitHub 2.x Change Log。
1.x
Visit GitHub to read change logs from 0.x to 1.x.