Skip to content

Commit 7fd0e4a

Browse files
tangjinzhoutangjinzhou
committed
release 4.0
1 parent e229248 commit 7fd0e4a

File tree

3 files changed

+127
-1
lines changed

3 files changed

+127
-1
lines changed

‎CHANGELOG.en-US.md

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,69 @@
1010

1111
---
1212

13+
## 4.0
14+
15+
### 🔥🔥🔥 4.0 official version released 🔥🔥🔥
16+
17+
### Design specification adjustment
18+
19+
- Basic rounded corner adjustment, changed from unified `2px` to four-level rounded corners, which are `2px` `4px` `6px` `8px` respectively, which are applied to different scenarios, for example, the rounded corners of the default size Button are adjusted to `6px`.
20+
- Main color adjustment, changed from `#1890ff` to `#1677ff`.
21+
- 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).
22+
- Adjust the internal spacing of some components.
23+
- Overall de-wireframing.
24+
25+
### Add 5 new components
26+
27+
- Segmented segment controller
28+
- WaterMark watermark
29+
- QrCode QR code
30+
- FloatButton floating button
31+
- Tour roaming guide
32+
33+
### Technical adjustments
34+
35+
- Deprecated less and adopted CSS-in-JS to better support dynamic themes.
36+
- All less files are removed, and less variables no longer support leaking.
37+
- 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 import `ant-design-vue/dist/reset .css`.
38+
- 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](/components/app), to solve the problem that native elements do not have ant-design-vue specification style.
39+
- Removed css variables and dynamic theme schemes built on top of it.
40+
- LocaleProvider has been deprecated in 3.x (use `<ConfigProvider locale />` instead), we have completely removed the related directories `ant-design-vue/es/locale-provider`, `ant- design-vue/lib/locale-provider`.
41+
- `babel-plugin-import` is no longer supported, CSS-in-JS itself has the ability to load on demand, no longer need plug-in support.
42+
43+
#### Component API adjustments
44+
45+
- The classname API of the component popup is unified to `popupClassName`, and similar APIs such as `dropdownClassName` will be replaced.
46+
47+
- AutoComplete component
48+
- Cascader component
49+
- Select component
50+
- TreeSelect component
51+
- TimePicker component
52+
- DatePicker component
53+
- Mentions component
54+
55+
- The controlled visibility API of the component popup is unified as `open`, and `visible` and other similar APIs will be replaced.
56+
- Drawer component `visible` becomes `open`.
57+
- Modal component `visible` becomes `open`.
58+
- Dropdown component `visible` becomes `open`.
59+
- Tooltip component `visible` becomes `open`.
60+
- Tag component `visible` has been removed.
61+
- Slider component `tooltip` related API converges to `tooltip` property.
62+
- Table component `filterDropdownVisible` changed to `filterDropdownOpen`.
63+
- `getPopupContainer`: All `getPopupContainer` needs to ensure that the returned div is unique.
64+
- Drawer `style` and `class` are migrated to the Drawer popup area, and the original attributes are replaced by `rootClassName` and `rootStyle`.
65+
66+
#### Component refactoring and removal
67+
68+
- Remove the `locale-provider` directory. `LocaleProvider` has been removed in v4, please use `ConfigProvider` instead.
69+
70+
- Remove `xxxl` breakpoint attribute in grid layout. `xxxl` attribute has been removed in v4, you can use [theme customization](/docs/vue/customize-theme) to modify `screen[XS|SM|MD|LG|XL|XXL]` to modify the break Point value achieved.
71+
72+
- The BackTop component was deprecated in `4.0.0` and moved to the FloatButton floating button. If needed, it can be imported from FloatButton.
73+
74+
### [Upgrade Guide](/docs/vue/migration-v4)
75+
1376
## 3.3.0-beta.3
1477

1578
`2022-08-11`

‎CHANGELOG.zh-CN.md

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,69 @@
1010

1111
---
1212

13+
## 4.0
14+
15+
### 🔥🔥🔥 4.0 正式版发布 🔥🔥🔥
16+
17+
### 设计规范调整
18+
19+
- 基础圆角调整，由统一的 `2px` 改为四级圆角，分别为 `2px` `4px` `6px` `8px`，分别应用于不同场景，比如默认尺寸的 Button 的圆角调整为了 `6px`。
20+
- 主色调整，由 `#1890ff` 改为 `#1677ff`。
21+
- 整体阴影调整，由原本的三级阴影调整为两级，分别用于常驻页面的组件（如 Card）和交互反馈（如 Dropdown）。
22+
- 部分组件内间距调整。
23+
- 整体去线框化。
24+
25+
### 新增 5 个组件
26+
27+
- Segmented 分段控制器
28+
- WaterMark 水印
29+
- QrCode 二维码
30+
- FloatButton 悬浮按钮
31+
- Tour 漫游式引导
32+
33+
### 技术调整
34+
35+
- 弃用 less，采用 CSS-in-JS，更好地支持动态主题。
36+
- 所有 less 文件全部移除，less 变量不再支持透出。
37+
- 产物中不再包含 css 文件。由于 CSS-in-JS 支持按需引入，原本的 `ant-design-vue/dist/antd.css` 也已经移除，如果需要重置一些基本样式请引入 `ant-design-vue/dist/reset.css`。
38+
- 如果需要组件重置样式，又不想引入 `ant-design-vue/dist/reset.css` 从而导致污染全局样式的话，可以尝试在应用最外层使用[App 组件](/components/app-cn)，解决原生元素没有 ant-design-vue 规范样式的问题。
39+
- 移除 css variables 以及在此之上构筑的动态主题方案。
40+
- LocaleProvider 在 3.x 中已经废弃（使用 `<ConfigProvider locale />` 替代），我们在 4.x 里彻底移除了相关目录 `ant-design-vue/es/locale-provider`、`ant-design-vue/lib/locale-provider`。
41+
- 不再支持 `babel-plugin-import`，CSS-in-JS 本身具有按需加载的能力，不再需要插件支持。
42+
43+
#### 组件 API 调整
44+
45+
- 组件弹框的 classname API 统一为 `popupClassName`，`dropdownClassName` 等类似 API 都会被替换。
46+
47+
- AutoComplete 组件
48+
- Cascader 组件
49+
- Select 组件
50+
- TreeSelect 组件
51+
- TimePicker 组件
52+
- DatePicker 组件
53+
- Mentions 组件
54+
55+
- 组件弹框的受控可见 API 统一为 `open`，`visible` 等类似 API 都会被替换。
56+
- Drawer 组件 `visible` 变为 `open`。
57+
- Modal 组件 `visible` 变为 `open`。
58+
- Dropdown 组件 `visible` 变为 `open`。
59+
- Tooltip 组件 `visible` 变为 `open`。
60+
- Tag 组件 `visible` 已移除。
61+
- Slider 组件 `tooltip` 相关 API 收敛到 `tooltip` 属性中。
62+
- Table 组件 `filterDropdownVisible` 变为 `filterDropdownOpen`。
63+
- `getPopupContainer`: 所有的 `getPopupContainer` 都需要保证返回的是唯一的 div。
64+
- Drawer `style` 和 `class` 迁移至 Drawer 弹层区域上，原属性替换为 `rootClassName` 和 `rootStyle`。
65+
66+
#### 组件重构与移除
67+
68+
- 移除 `locale-provider` 目录。`LocaleProvider` 在 v4 中已移除，请使用 `ConfigProvider` 替代。
69+
70+
- 移除栅格布局中的`xxxl`断点属性。 `xxxl`属性已经在 v4 被移除，您可以使用 [主题定制](/docs/vue/customize-theme-cn) 修改 `screen[XS|SM|MD|LG|XL|XXL]` 来修改断点值实现。
71+
72+
- BackTop 组件在 `4.0.0` 中废弃，移至 FloatButton 悬浮按钮中。如需使用，可以从 FloatButton 中引入。
73+
74+
### [升级指南](/docs/vue/migration-v4-cn)
75+
1376
## 3.3.0-beta.3
1477

1578
`2022-08-11`

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "ant-design-vue",
3-
"version": "4.0.0-rc.5",
3+
"version": "4.0.0",
44
"title": "Ant Design Vue",
55
"description": "An enterprise-class UI design language and Vue-based implementation",
66
"keywords": [

0 commit comments

Comments
 (0)