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
2px
to four-level rounded corners, which are2px
4px
6px
8px
respectively, which are applied to different scenarios, for example, the rounded corners of the default size Button are adjusted to6px
. - Main color adjustment, changed from
#1890ff
to#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.css
has 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.css
to 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-import
is 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 asdropdownClassName
will 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
, andvisible
and other similar APIs will be replaced.- Drawer component
visible
becomesopen
. - Modal component
visible
becomesopen
. - Dropdown component
visible
becomesopen
. - Tooltip component
visible
becomesopen
. - Tag component
visible
has been removed. - Slider component
tooltip
related API converges totooltip
property. - Table component
filterDropdownVisible
changed tofilterDropdownOpen
.
- Drawer component
-
getPopupContainer
: AllgetPopupContainer
needs to ensure that the returned div is unique. -
Drawer
style
andclass
are migrated to the Drawer popup area, and the original attributes are replaced byrootClassName
androotStyle
.
Component refactoring and removal
-
Remove the
locale-provider
directory.LocaleProvider
has been removed in v4, please useConfigProvider
instead. -
Remove
xxxl
breakpoint attribute in grid layout.xxxl
attribute 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.0
and 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
.