mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-02 20:19:44 +08:00
Merge pull request #25730 from ant-design/master-to-merge-feature
chore: merge master into feature
This commit is contained in:
偏右
GitHub
commit
4d6647deba
@ -15,6 +15,20 @@ timeline: true
|
||||
|
||||
---
|
||||
|
||||
## 4.4.3
|
||||
|
||||
`2020-07-20`
|
||||
|
||||
- 🐞 Fix Layout `trigger` cannot customize zero width to trigger. [#25653](https://github.com/ant-design/ant-design/pull/25653)
|
||||
- 🐞 Fix Form.Item `help` style when verification fails. [#25582](https://github.com/ant-design/ant-design/pull/25582) [@zhangchen915](https://github.com/zhangchen915)
|
||||
- 🐞 Fix Descriptions abnormal style inside Table `expandedRowRender`. [#25593](https://github.com/ant-design/ant-design/pull/25593)
|
||||
- 💄 Add `@zindex-popconfirm: 1060` less variable, and improve `@zindex-tooltip` into `1070`. [#25693](https://github.com/ant-design/ant-design/pull/25693)
|
||||
- 🛠 Upgrade `react-slick` to reduce bundle size. [#25599](https://github.com/ant-design/ant-design/pull/25599)
|
||||
- 🌐 Improve Catalan ca_ES localization. [#25583](https://github.com/ant-design/ant-design/pull/25583) [@albertms10](https://github.com/albertms10)
|
||||
- 🇸🇦 Improve ar_EG localization. [#25587](https://github.com/ant-design/ant-design/pull/25587) [@amir5000](https://github.com/amir5000)
|
||||
- TypeScript
|
||||
- 🐞 Fix Upload `customRequest` file interface. [#25598](https://github.com/ant-design/ant-design/pull/25598) [@AlbertAZ1992](https://github.com/AlbertAZ1992)
|
||||
|
||||
## 4.4.2
|
||||
|
||||
`2020-07-11`
|
||||
|
||||
@ -15,6 +15,20 @@ timeline: true
|
||||
|
||||
---
|
||||
|
||||
## 4.4.3
|
||||
|
||||
`2020-07-20`
|
||||
|
||||
- 🐞 修复 Layout `trigger` 属性无法定制零宽触发器的问题。[#25653](https://github.com/ant-design/ant-design/pull/25653)
|
||||
- 🐞 修复 Form.Item `help` 在校验失败时的样式。[#25582](https://github.com/ant-design/ant-design/pull/25582) [@zhangchen915](https://github.com/zhangchen915)
|
||||
- 🐞 修复 Descriptions 在 Table `expandedRowRender` 样式异常的问题。[#25593](https://github.com/ant-design/ant-design/pull/25593)
|
||||
- 💄 新增 `@zindex-popconfirm: 1060` less 变量，并将 `@zindex-tooltip` 提升为 `1070`。[#25693](https://github.com/ant-design/ant-design/pull/25693)
|
||||
- 🛠 更新 `react-slick` 依赖优化包大小。[#25599](https://github.com/ant-design/ant-design/pull/25599)
|
||||
- 🌐 改进加泰罗尼亚语 ca_ES 国际化。[#25583](https://github.com/ant-design/ant-design/pull/25583) [@albertms10](https://github.com/albertms10)
|
||||
- 🇸🇦 改进阿拉伯语 ar_EG 国际化。[#25587](https://github.com/ant-design/ant-design/pull/25587) [@amir5000](https://github.com/amir5000)
|
||||
- TypeScript
|
||||
- 🐞 修复 Upload `customRequest` 的 File 定义。[#25598](https://github.com/ant-design/ant-design/pull/25598) [@AlbertAZ1992](https://github.com/AlbertAZ1992)
|
||||
|
||||
## 4.4.2
|
||||
|
||||
`2020-07-11`
|
||||
|
||||
@ -7,11 +7,11 @@ title:
|
||||
|
||||
## zh-CN
|
||||
|
||||
按钮有四种类型：主按钮、次按钮、虚线按钮和链接按钮。主按钮在同一个操作区域最多出现一次。
|
||||
按钮有五种类型：主按钮、次按钮、虚线按钮、文本按钮和链接按钮。主按钮在同一个操作区域最多出现一次。
|
||||
|
||||
## en-US
|
||||
|
||||
There are `primary` button, `default` button, `dashed` button and `link` button in antd.
|
||||
There are `primary` button, `default` button, `dashed` button, `text` button and `link` button in antd.
|
||||
|
||||
```jsx
|
||||
import { Button } from 'antd';
|
||||
|
||||
@ -11,7 +11,7 @@ To trigger an operation.
|
||||
|
||||
A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.
|
||||
|
||||
In Ant Design we provide 4 types of button.
|
||||
In Ant Design we provide 5 types of button.
|
||||
|
||||
- Primary button: indicate the main action, one primary button at most in one section.
|
||||
- Default button: indicate a series of actions without priority.
|
||||
@ -41,7 +41,7 @@ To get a customized button, just set `type`/`shape`/`size`/`loading`/`disabled`.
|
||||
| shape | Can be set to `circle`, `round` or omitted | string | - | |
|
||||
| size | Set the size of button | `large` \| `middle` \| `small` | - | |
|
||||
| target | Same as target attribute of a, works when href is specified | string | - | |
|
||||
| type | Can be set to `primary` `ghost` `dashed` `danger` `link` `text` | string | - | |
|
||||
| type | Can be set to `primary` `ghost` `dashed` `danger` `link` `text` `default` | string | `default` | |
|
||||
| onClick | Set the handler to handle `click` event | (event) => void | - | |
|
||||
| block | Option to fit button width to its parent width | boolean | false | |
|
||||
| danger | Set the danger status of button | boolean | false | |
|
||||
|
||||
@ -12,7 +12,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg
|
||||
|
||||
标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。
|
||||
|
||||
在 Ant Design 中我们提供了四种按钮。
|
||||
在 Ant Design 中我们提供了五种按钮。
|
||||
|
||||
- 主按钮：用于主行动点，一个操作区域只能有一个主按钮。
|
||||
- 默认按钮：用于没有主次之分的一组行动点。
|
||||
@ -44,7 +44,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg
|
||||
| shape | 设置按钮形状，可选值为 `circle`、 `round` 或者不设 | string | - | |
|
||||
| size | 设置按钮大小 | `large` \| `middle` \| `small` | - | |
|
||||
| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - | |
|
||||
| type | 设置按钮类型 | `primary` \| `ghost` \| `dashed` \| `danger` \| `link` \| `text` | - | |
|
||||
| type | 设置按钮类型 | `primary` \| `ghost` \| `dashed` \| `danger` \| `link` \| `text` \| `default` | `default` | |
|
||||
| onClick | 点击按钮时的回调 | (event) => void | - | |
|
||||
| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | |
|
||||
| danger | 设置危险按钮 | boolean | false | |
|
||||
|
||||
@ -18807,7 +18807,7 @@ exports[`ConfigProvider components Popconfirm configProvider 1`] = `
|
||||
</span>
|
||||
<div>
|
||||
<div
|
||||
class="config-popover"
|
||||
class="config-popover config-popconfirm"
|
||||
style="opacity:0"
|
||||
>
|
||||
<div
|
||||
@ -18891,7 +18891,7 @@ exports[`ConfigProvider components Popconfirm configProvider componentSize large
|
||||
</span>
|
||||
<div>
|
||||
<div
|
||||
class="config-popover"
|
||||
class="config-popover config-popconfirm"
|
||||
style="opacity:0"
|
||||
>
|
||||
<div
|
||||
@ -18975,7 +18975,7 @@ exports[`ConfigProvider components Popconfirm configProvider componentSize middl
|
||||
</span>
|
||||
<div>
|
||||
<div
|
||||
class="config-popover"
|
||||
class="config-popover config-popconfirm"
|
||||
style="opacity:0"
|
||||
>
|
||||
<div
|
||||
@ -19059,7 +19059,7 @@ exports[`ConfigProvider components Popconfirm configProvider virtual and dropdow
|
||||
</span>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity:0"
|
||||
>
|
||||
<div
|
||||
@ -19143,7 +19143,7 @@ exports[`ConfigProvider components Popconfirm normal 1`] = `
|
||||
</span>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity:0"
|
||||
>
|
||||
<div
|
||||
@ -19227,7 +19227,7 @@ exports[`ConfigProvider components Popconfirm prefixCls 1`] = `
|
||||
</span>
|
||||
<div>
|
||||
<div
|
||||
class="prefix-Popconfirm"
|
||||
class="prefix-Popconfirm prefix-Popconfirm"
|
||||
style="opacity:0"
|
||||
>
|
||||
<div
|
||||
|
||||
@ -6496,7 +6496,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-select ant-select-single ant-select-show-arrow"
|
||||
class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
|
||||
>
|
||||
<div
|
||||
class="ant-select-selector"
|
||||
|
||||
@ -87,7 +87,7 @@ ReactDOM.render(
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="Error" hasFeedback validateStatus="error">
|
||||
<Select>
|
||||
<Select allowClear>
|
||||
<Option value="1">Option 1</Option>
|
||||
<Option value="2">Option 2</Option>
|
||||
<Option value="3">Option 3</Option>
|
||||
@ -100,7 +100,7 @@ ReactDOM.render(
|
||||
validateStatus="validating"
|
||||
help="The information is being validated..."
|
||||
>
|
||||
<Cascader options={[]} />
|
||||
<Cascader options={[{ value: 'xx', label: 'xx' }]} allowClear />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="inline" style={{ marginBottom: 0 }}>
|
||||
|
||||
@ -88,14 +88,12 @@
|
||||
}
|
||||
|
||||
> .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
|
||||
> .@{ant-prefix}-select .@{ant-prefix}-select-selection__clear,
|
||||
> .@{ant-prefix}-select .@{ant-prefix}-select-clear,
|
||||
:not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
|
||||
:not(.@{ant-prefix}-input-group-addon)
|
||||
> .@{ant-prefix}-select
|
||||
.@{ant-prefix}-select-selection__clear {
|
||||
:not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-clear {
|
||||
.@{form-prefix-cls}-rtl & {
|
||||
right: auto;
|
||||
left: 28px;
|
||||
left: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -113,13 +111,13 @@
|
||||
&-arrow {
|
||||
.@{form-prefix-cls}-rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 17px;
|
||||
margin-left: 19px;
|
||||
}
|
||||
}
|
||||
&-clear {
|
||||
.@{form-prefix-cls}-rtl & {
|
||||
right: auto;
|
||||
left: 28px;
|
||||
left: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -34,12 +34,10 @@
|
||||
// Fix overlapping between feedback icon and <Select>'s arrow.
|
||||
// https://github.com/ant-design/ant-design/issues/4431
|
||||
> .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
|
||||
> .@{ant-prefix}-select .@{ant-prefix}-select-selection__clear,
|
||||
> .@{ant-prefix}-select .@{ant-prefix}-select-clear,
|
||||
:not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
|
||||
:not(.@{ant-prefix}-input-group-addon)
|
||||
> .@{ant-prefix}-select
|
||||
.@{ant-prefix}-select-selection__clear {
|
||||
right: 28px;
|
||||
:not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-clear {
|
||||
right: 32px;
|
||||
}
|
||||
> .@{ant-prefix}-select .@{ant-prefix}-select-selection-selected-value,
|
||||
:not(.@{ant-prefix}-input-group-addon)
|
||||
@ -51,10 +49,10 @@
|
||||
// ======================= Cascader ========================
|
||||
.@{ant-prefix}-cascader-picker {
|
||||
&-arrow {
|
||||
margin-right: 17px;
|
||||
margin-right: 19px;
|
||||
}
|
||||
&-clear {
|
||||
right: 28px;
|
||||
right: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
|
||||
// ================== Label ==================
|
||||
.make-vertical-layout-label() {
|
||||
margin: @form-vertical-label-margin;
|
||||
& when (@form-vertical-label-margin > 0) {
|
||||
margin: @form-vertical-label-margin;
|
||||
}
|
||||
padding: @form-vertical-label-padding;
|
||||
line-height: @line-height-base;
|
||||
white-space: initial;
|
||||
|
||||
@ -5308,7 +5308,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -10352,7 +10352,7 @@ exports[`Locale Provider should display the text as az 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -15396,7 +15396,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -20440,7 +20440,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -25484,7 +25484,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -30528,7 +30528,7 @@ exports[`Locale Provider should display the text as da 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -35572,7 +35572,7 @@ exports[`Locale Provider should display the text as de 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -40616,7 +40616,7 @@ exports[`Locale Provider should display the text as el 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -45660,7 +45660,7 @@ exports[`Locale Provider should display the text as en 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -50704,7 +50704,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -55748,7 +55748,7 @@ exports[`Locale Provider should display the text as es 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -60792,7 +60792,7 @@ exports[`Locale Provider should display the text as et 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -65836,7 +65836,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -70880,7 +70880,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -75924,7 +75924,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -80968,7 +80968,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -86012,7 +86012,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -91056,7 +91056,7 @@ exports[`Locale Provider should display the text as he 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -96100,7 +96100,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -101144,7 +101144,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -106188,7 +106188,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -111232,7 +111232,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -116276,7 +116276,7 @@ exports[`Locale Provider should display the text as id 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -121320,7 +121320,7 @@ exports[`Locale Provider should display the text as is 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -126364,7 +126364,7 @@ exports[`Locale Provider should display the text as it 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -131408,7 +131408,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -136452,7 +136452,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -141496,7 +141496,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -146540,7 +146540,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -151584,7 +151584,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -156628,7 +156628,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -161672,7 +161672,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -166716,7 +166716,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -171760,7 +171760,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -176804,7 +176804,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -181848,7 +181848,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -186892,7 +186892,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -191936,7 +191936,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -196980,7 +196980,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -202024,7 +202024,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -207068,7 +207068,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -212112,7 +212112,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -217156,7 +217156,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -222200,7 +222200,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -227244,7 +227244,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -232288,7 +232288,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -237332,7 +237332,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -242376,7 +242376,7 @@ exports[`Locale Provider should display the text as th 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -247420,7 +247420,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -252464,7 +252464,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -257508,7 +257508,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -262552,7 +262552,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
@ -267596,7 +267596,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
|
||||
</a>
|
||||
<div>
|
||||
<div
|
||||
class="ant-popover"
|
||||
class="ant-popover ant-popconfirm"
|
||||
style="opacity: 0;"
|
||||
>
|
||||
<div
|
||||
|
||||
@ -241,24 +241,34 @@ exports[`renders ./components/modal/demo/info.md correctly 1`] = `
|
||||
`;
|
||||
|
||||
exports[`renders ./components/modal/demo/locale.md correctly 1`] = `
|
||||
<div>
|
||||
<button
|
||||
class="ant-btn ant-btn-primary"
|
||||
type="button"
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
style="margin-right:8px"
|
||||
>
|
||||
<span>
|
||||
Modal
|
||||
</span>
|
||||
</button>
|
||||
<br />
|
||||
<button
|
||||
class="ant-btn"
|
||||
type="button"
|
||||
<button
|
||||
class="ant-btn ant-btn-primary"
|
||||
type="button"
|
||||
>
|
||||
<span>
|
||||
Modal
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<span>
|
||||
Confirm
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
class="ant-btn"
|
||||
type="button"
|
||||
>
|
||||
<span>
|
||||
Confirm
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
||||
@ -62,9 +62,3 @@ class App extends React.Component {
|
||||
|
||||
ReactDOM.render(<App />, mountNode);
|
||||
```
|
||||
|
||||
<style>
|
||||
.ant-modal p {
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -14,7 +14,7 @@ title:
|
||||
To customize the text of the buttons, you need to set `okText` and `cancelText` props.
|
||||
|
||||
```jsx
|
||||
import { Modal, Button } from 'antd';
|
||||
import { Modal, Button, Space } from 'antd';
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons';
|
||||
|
||||
class LocalizedModal extends React.Component {
|
||||
@ -66,11 +66,10 @@ function confirm() {
|
||||
}
|
||||
|
||||
ReactDOM.render(
|
||||
<div>
|
||||
<Space>
|
||||
<LocalizedModal />
|
||||
<br />
|
||||
<Button onClick={confirm}>Confirm</Button>
|
||||
</div>,
|
||||
</Space>,
|
||||
mountNode,
|
||||
);
|
||||
```
|
||||
|
||||
@ -44,9 +44,9 @@ When requiring users to interact with the application, but without jumping to a
|
||||
|
||||
#### Note
|
||||
|
||||
> - The state of Modal will be preserved at it's component lifecycle by default, if you wish to open it with a brand new state everytime, set `destroyOnClose` on it.
|
||||
>
|
||||
> - `Modal.method()` RTL mode only supports hooks.
|
||||
- The state of Modal will be preserved at it's component lifecycle by default, if you wish to open it with a brand new state everytime, set `destroyOnClose` on it.
|
||||
- There is a situation that using `<Modal />` with Form, which won't clear fields value when closing Modal even you have set `destroyOnClose`. You need `<Form preserve={false} />` in this case.
|
||||
- `Modal.method()` RTL mode only supports hooks.
|
||||
|
||||
### Modal.method()
|
||||
|
||||
|
||||
@ -48,9 +48,9 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
|
||||
|
||||
#### 注意
|
||||
|
||||
> - `<Modal />` 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 `destroyOnClose`。
|
||||
>
|
||||
> - `Modal.method()` RTL 模式仅支持 hooks 用法。
|
||||
- `<Modal />` 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 `destroyOnClose`。
|
||||
- `<Modal />` 和 Form 一起配合使用时，设置 `destroyOnClose` 也不会在 Modal 关闭时销毁表单字段数据，需要设置 `<Form preserve={false} />`。
|
||||
- `Modal.method()` RTL 模式仅支持 hooks 用法。
|
||||
|
||||
### Modal.method()
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import * as React from 'react';
|
||||
import classnames from 'classnames';
|
||||
import classNames from 'classnames';
|
||||
import ArrowLeftOutlined from '@ant-design/icons/ArrowLeftOutlined';
|
||||
import ArrowRightOutlined from '@ant-design/icons/ArrowRightOutlined';
|
||||
import ResizeObserver from 'rc-resize-observer';
|
||||
@ -140,7 +140,7 @@ const PageHeader: React.FC<PageHeaderProps> = props => {
|
||||
|
||||
const prefixCls = getPrefixCls('page-header', customizePrefixCls);
|
||||
const breadcrumbDom = breadcrumb && breadcrumb.routes ? renderBreadcrumb(breadcrumb) : null;
|
||||
const className = classnames(prefixCls, customizeClassName, {
|
||||
const className = classNames(prefixCls, customizeClassName, {
|
||||
'has-breadcrumb': breadcrumbDom,
|
||||
'has-footer': footer,
|
||||
[`${prefixCls}-ghost`]: ghost,
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import * as React from 'react';
|
||||
import classNames from 'classnames';
|
||||
import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
|
||||
import KeyCode from 'rc-util/lib/KeyCode';
|
||||
import Tooltip, { AbstractTooltipProps } from '../tooltip';
|
||||
@ -121,8 +122,16 @@ const Popconfirm = React.forwardRef<unknown, PopconfirmProps>((props, ref) => {
|
||||
|
||||
const { getPrefixCls } = React.useContext(ConfigContext);
|
||||
|
||||
const { prefixCls: customizePrefixCls, placement, children, ...restProps } = props;
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
placement,
|
||||
children,
|
||||
overlayClassName,
|
||||
...restProps
|
||||
} = props;
|
||||
const prefixCls = getPrefixCls('popover', customizePrefixCls);
|
||||
const prefixClsConfirm = getPrefixCls('popconfirm', customizePrefixCls);
|
||||
const overlayClassNames = classNames(prefixClsConfirm, overlayClassName);
|
||||
|
||||
const overlay = (
|
||||
<LocaleReceiver componentName="Popconfirm" defaultLocale={defaultLocale.Popconfirm}>
|
||||
@ -138,6 +147,7 @@ const Popconfirm = React.forwardRef<unknown, PopconfirmProps>((props, ref) => {
|
||||
onVisibleChange={onVisibleChange}
|
||||
visible={visible}
|
||||
overlay={overlay}
|
||||
overlayClassName={overlayClassNames}
|
||||
ref={ref as any}
|
||||
>
|
||||
{cloneElement(children, {
|
||||
|
||||
8
components/popconfirm/style/index.less
Normal file
8
components/popconfirm/style/index.less
Normal file
@ -0,0 +1,8 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@popconfirm-prefix-cls: ~'@{ant-prefix}-popconfirm';
|
||||
|
||||
.@{popconfirm-prefix-cls} {
|
||||
z-index: @zindex-popoconfirm;
|
||||
}
|
||||
@ -4,3 +4,5 @@ import '../../style/index.less';
|
||||
// deps-lint-skip: tooltip, popover
|
||||
import '../../popover/style';
|
||||
import '../../button/style';
|
||||
|
||||
import './index.less';
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import * as React from 'react';
|
||||
import classnames from 'classnames';
|
||||
import classNames from 'classnames';
|
||||
import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
|
||||
import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
|
||||
import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
|
||||
@ -50,7 +50,7 @@ const ExceptionStatus = Object.keys(ExceptionMap);
|
||||
* @param {status, icon}
|
||||
*/
|
||||
const renderIcon = (prefixCls: string, { status, icon }: ResultProps) => {
|
||||
const className = classnames(`${prefixCls}-icon`);
|
||||
const className = classNames(`${prefixCls}-icon`);
|
||||
|
||||
devWarning(
|
||||
!(typeof icon === 'string' && icon.length > 2),
|
||||
@ -96,7 +96,7 @@ const Result: ResultType = props => (
|
||||
status,
|
||||
} = props;
|
||||
const prefixCls = getPrefixCls('result', customizePrefixCls);
|
||||
const className = classnames(prefixCls, `${prefixCls}-${status}`, customizeClassName, {
|
||||
const className = classNames(prefixCls, `${prefixCls}-${status}`, customizeClassName, {
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl',
|
||||
});
|
||||
return (
|
||||
|
||||
@ -337,7 +337,8 @@
|
||||
@zindex-popover: 1030;
|
||||
@zindex-dropdown: 1050;
|
||||
@zindex-picker: 1050;
|
||||
@zindex-tooltip: 1060;
|
||||
@zindex-popoconfirm: 1060;
|
||||
@zindex-tooltip: 1070;
|
||||
|
||||
// Animation
|
||||
@animation-duration-slow: 0.3s; // Modal
|
||||
|
||||
@ -21,7 +21,7 @@ import classNames from 'classnames';
|
||||
import { Table } from 'antd';
|
||||
|
||||
function VirtualTable(props) {
|
||||
const { columns, scroll, className } = props;
|
||||
const { columns, scroll } = props;
|
||||
const [tableWidth, setTableWidth] = useState(0);
|
||||
|
||||
const widthColumnCount = columns.filter(({ width }) => !width).length;
|
||||
@ -58,7 +58,6 @@ function VirtualTable(props) {
|
||||
});
|
||||
};
|
||||
|
||||
useEffect(() => resetVirtualGrid, []);
|
||||
useEffect(() => resetVirtualGrid, [tableWidth]);
|
||||
|
||||
const renderVirtualList = (rawData: object[], { scrollbarSize, ref, onScroll }: any) => {
|
||||
@ -103,7 +102,7 @@ function VirtualTable(props) {
|
||||
>
|
||||
<Table
|
||||
{...props}
|
||||
className={classNames(className, 'virtual-table')}
|
||||
className="virtual-table"
|
||||
columns={mergedColumns}
|
||||
pagination={false}
|
||||
components={{
|
||||
|
||||
@ -7,49 +7,51 @@ Here are the frequently asked questions about Ant Design and antd that you shoul
|
||||
|
||||
---
|
||||
|
||||
### Are you going to provide Sass/Stylus(etc.) style file?
|
||||
### Will you provide Sass/Stylus(etc.) style files in addition to the Less style files currently included?
|
||||
|
||||
No plan, but you can convert Less to Sass/Stylus(etc.) with tools that you can find on Google.
|
||||
There is currently no plan to add support for Sass/Stylus(etc.) style files, but using tools on Google you can easily convert the provided Less files to your desired style format.
|
||||
|
||||
### `Select Dropdown DatePicker TimePicker Popover Popconfirm` disappears when I click another popup component inside it. How do I resolve this?
|
||||
|
||||
This has been fixed since `3.11.x`. If you're using an older version, you can use `<Select getPopupContainer={trigger => trigger.parentElement}>` to render a component inside Popover. (Or other `getXxxxContainer` props)
|
||||
This is an old bug that has been fixed since `v3.11.x`. If you're using an older version, you can use `<Select getPopupContainer={trigger => trigger.parentElement}>` to render a component inside Popover. (Or other `getXxxxContainer` props)
|
||||
|
||||
https://ant.design/components/select/#Select-props
|
||||
|
||||
related issue: [#3487](https://github.com/ant-design/ant-design/issues/3487) [#3438](https://github.com/ant-design/ant-design/issues/3438)
|
||||
Related issue: [#3487](https://github.com/ant-design/ant-design/issues/3487) [#3438](https://github.com/ant-design/ant-design/issues/3438)
|
||||
|
||||
### `Select Dropdown DatePicker TimePicker Popover Popconfirm` scrolls with the page?
|
||||
### How do I prevent `Select Dropdown DatePicker TimePicker Popover Popconfirm` scrolling with the page?
|
||||
|
||||
Use `<Select getPopupContainer={trigger => trigger.parentElement}>` ([API reference](https://ant.design/components/select-cn/#Select-props)) to render a component inside the scroll area. If you need to config this globally in your application, try `<ConfigProvider getPopupContainer={trigger => trigger.parentElement}>` ([API reference](https://ant.design/components/config-provider-cn/#API))
|
||||
|
||||
related issue: [#3487](https://github.com/ant-design/ant-design/issues/3487) [#3438](https://github.com/ant-design/ant-design/issues/3438)
|
||||
Related issue: [#3487](https://github.com/ant-design/ant-design/issues/3487) [#3438](https://github.com/ant-design/ant-design/issues/3438)
|
||||
|
||||
### How do I modify the default theme of Ant Design?
|
||||
|
||||
See: https://ant.design/docs/react/customize-theme .
|
||||
|
||||
### Would you supply other themes?
|
||||
### Will you provide other themes?
|
||||
|
||||
No, we follow Ant Design specification. https://github.com/ant-design/ant-design/issues/1241
|
||||
No, we follow Ant Design's design specification.
|
||||
|
||||
### How to modify `Menu`/`Button`(etc.)'s style?
|
||||
Related issue: https://github.com/ant-design/ant-design/issues/1241
|
||||
|
||||
You can override its style but we don't recommend doing so. antd is not only a set of React components but also a design specification.
|
||||
### How do I modify `Menu`/`Button`(etc.)'s style?
|
||||
|
||||
### How to replace Moment.js to Day.js to reduce bundle size？
|
||||
While you can override a component's style, we don't recommend doing so. antd is not only a set of React components, but also a design specification as well.
|
||||
|
||||
### How do I replace Moment.js with Day.js to reduce bundle size？
|
||||
|
||||
Please refer to [Replace Moment.js](/docs/react/replace-moment).
|
||||
|
||||
### It doesn't work when I change `defaultValue` dynamically.
|
||||
|
||||
The `defaultXxxx` (like `defaultValue`) of `Input`/`Select`(etc...) only works on the first render. It is a specification of React. Please read [React's documentation](https://facebook.github.io/react/docs/forms.html#controlled-components).
|
||||
The `defaultXxxx` (e.g. `defaultValue`) of `Input`/`Select`(etc...) only works on the first render. It is a specification of React. Please read [React's documentation](https://facebook.github.io/react/docs/forms.html#controlled-components).
|
||||
|
||||
### Why modify props in mutable way not trigger component update?
|
||||
### Why does modifying props in mutable way not trigger a component update?
|
||||
|
||||
antd use shallow compare of props to optimize performance. You should always pass new object when state update. Please ref [React's document](https://reactjs.org/docs/thinking-in-react.html)
|
||||
antd use shallow compare of props to optimize performance. You should always pass the new object when updating the state. Please ref [React's document](https://reactjs.org/docs/thinking-in-react.html)
|
||||
|
||||
### I set the `value` of `Input`/`Select`(etc.), and then it cannot be changed by user's action.
|
||||
### After I set the `value` of an `Input`/`Select`(etc.) component, the value cannot be changed by user's action.
|
||||
|
||||
Try `defaultValue` or `onChange` to change `value`, and please read [React's documentation](https://facebook.github.io/react/docs/forms.html#controlled-components).
|
||||
|
||||
@ -59,56 +61,56 @@ Try [Space](https://ant.design/components/space/) component to make them aligned
|
||||
|
||||
### antd overrides my global styles
|
||||
|
||||
Yes, antd is designed to develop a complete background application, we override some global styles for styling convenience, and it can't be removed now. More info at https://github.com/ant-design/ant-design/issues/4331 .
|
||||
Yes, antd is designed to help you develop a complete background application. To do so, we override some global styles for styling convenience, and currently these cannot be removed or changed. More info at https://github.com/ant-design/ant-design/issues/4331 .
|
||||
|
||||
Alternatively, follow the instructions in [How to avoid modifying global styles?](docs/react/customize-theme#How-to-avoid-modifying-global-styles-?)
|
||||
|
||||
### I cannot install `antd` and `antd`'s dependencies in mainland China.
|
||||
|
||||
Long live the Girl Friend Wall! And try [cnpm](http://npm.taobao.org/).
|
||||
To potentially solve this, try [cnpm](http://npm.taobao.org/).
|
||||
|
||||
### I set `dependencies.antd` as git repository in package.json, but it doesn't work.
|
||||
### I set `dependencies.antd` as the git repository in `package.json`, but it doesn't work.
|
||||
|
||||
Yes, please install `antd` with npm or yarn.
|
||||
Please install `antd` with either npm or yarn.
|
||||
|
||||
### `message` and `notification` is lower case, but other components are capitalized. Typo?
|
||||
### `message` and `notification` is lower case, but other components are capitalized. Is this a typo?
|
||||
|
||||
No, as `message` is just a function, not a React Component.
|
||||
No, `message` is just a function, not a React Component, thus it is not a typo that it is in lower case.
|
||||
|
||||
### `antd` doesn't work well in mobile.
|
||||
|
||||
Please check [And Design Mobile](http://mobile.ant.design) for details. `antd` has not been optimized to do so. You may try [react-component](https://github.com/react-component/), those repositories which start with 'm-' 'rn-' are designed for mobile.
|
||||
Please check [And Design Mobile](http://mobile.ant.design) as a possible solution, as `antd` has not been optimized to work well on mobile. You can also try the [react-component](https://github.com/react-component/) repositories which start with 'm-' 'rn-', which are also designed for mobile.
|
||||
|
||||
### Does `antd` supply standalone files like 'React'?
|
||||
|
||||
Yes, you can [import `antd` with script tag](https://ant.design/docs/react/introduce#Import-in-Browser). But we recommend using `npm` to import `antd`, it is simple and easy to maintain.
|
||||
Yes, you can [import `antd` with script tag](https://ant.design/docs/react/introduce#Import-in-Browser), but we recommend using `npm` to import `antd`, as it is simple and easy to maintain.
|
||||
|
||||
### I can't visit `icon` in my network environment.
|
||||
|
||||
You should deploy the iconfont files to your network by following this [example](https://github.com/ant-design/antd-init/tree/7c1a33cadb98f2fd8688fe527dd7f98215b9bced/examples/local-iconfont). [#1070](https://github.com/ant-design/ant-design/issues/1070)
|
||||
|
||||
After 3.9.x [we are using svg icon](/components/icon#svg-icons), so you don't need to deploy iconfont locally anymore.
|
||||
After 3.9.x [we will also switch to using svg icons](/components/icon#svg-icons), so you won't need to deploy iconfont locally anymore as well.
|
||||
|
||||
### How do I extend antd's components?
|
||||
|
||||
If you need some features which should not be included in antd, try to extend antd's component with [HOC](https://gist.github.com/sebmarkbage/ef0bf1f338a7182b6775). [more](https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750#.eeu8q01s1)
|
||||
|
||||
### How do I fix dynamic style when open Content Security Policy (CSP)?
|
||||
### How do I fix dynamic styles while using a Content Security Policy (CSP)?
|
||||
|
||||
You can configure `nonce` by [ConfigProvider](/components/config-provider/#Content-Security-Policy).
|
||||
|
||||
### When I set `mode` to DatePicker/RangePicker, I cannot select year or month anymore?
|
||||
### When I set `mode` to `DatePicker`/`RangePicker`, why can I not select a year or month anymore?
|
||||
|
||||
In a real world development, you may need a YearPicker, MonthRangePicker or WeekRangePicker. You are trying to add `mode` to DatePicker/RangePicker expected to implement those pickers. However, the DatePicker/RangePicker cannot be selected and the panels won't close now.
|
||||
In a real world development, you may need a `YearPicker`, `MonthRangePicker` or `WeekRangePicker`. You are trying to add `mode` to `DatePicker`/`RangePicker` expected to implement those pickers. However, the `DatePicker`/`RangePicker` cannot be selected and the panels won't close now.
|
||||
|
||||
- Reproduction link: https://codesandbox.io/s/dank-brook-v1csy
|
||||
- Same issues：[#15572](https://github.com/ant-design/ant-design/issues/15572), [#16436](https://github.com/ant-design/ant-design/issues/16436), [#11938](https://github.com/ant-design/ant-design/issues/11938), [#11735](https://github.com/ant-design/ant-design/issues/11735), [#11586](https://github.com/ant-design/ant-design/issues/11586), [#10425](https://github.com/ant-design/ant-design/issues/10425), [#11053](https://github.com/ant-design/ant-design/issues/11053)
|
||||
|
||||
Like [the explaination](https://github.com/ant-design/ant-design/issues/11586#issuecomment-429189877) here, that is because `<DatePicker mode="year" />` do not equal to `YearPicker`, `<RangePicker mode="month" />` do not equal to `MonthRangePicker` either. The `mode` property was added to support [showing time picker panel in DatePicker](https://github.com/ant-design/ant-design/issues/5190) in antd 3.0, which simply control the displayed panel and won't change the original date picking behavior of `DatePicker/RangePicker` (for instance you still need to click date cell to finish selection in a DatePicker, whatever the `mode` is).
|
||||
Like [the explaination](https://github.com/ant-design/ant-design/issues/11586#issuecomment-429189877) explains, this is because `<DatePicker mode="year" />` does not equal the `YearPicker`, nor is `<RangePicker mode="month" />` equal to `MonthRangePicker`. The `mode` property was added to support [showing time picker panel in DatePicker](https://github.com/ant-design/ant-design/issues/5190) in antd 3.0, which simply controls the displayed panel, and won't change the original date picking behavior of `DatePicker`/`RangePicker` (for instance you will still need to click date cell to finish selection in a `DatePicker`, whatever the `mode` is).
|
||||
|
||||
##### Workaround
|
||||
|
||||
You can refer to [this article](https://juejin.im/post/5cf65c366fb9a07eca6968f9) or [this article](https://www.cnblogs.com/zyl-Tara/p/10197177.html), using `mode` and `onPanelChange` to encapsulate a `YearPicker` or `MonthRangePicker` for your needs. Or you can wait for our [antd@4.0](https://github.com/ant-design/ant-design/issues/16911), in which we are planing (already) to [add more XxxPickers](https://github.com/ant-design/ant-design/issues/4524#issuecomment-480576884) for those requirments.
|
||||
You can refer to [this article](https://juejin.im/post/5cf65c366fb9a07eca6968f9) or [this article](https://www.cnblogs.com/zyl-Tara/p/10197177.html), using `mode` and `onPanelChange` to encapsulate a `YearPicker` or `MonthRangePicker` for your needs. Or you can wait for our [antd@4.0](https://github.com/ant-design/ant-design/issues/16911), in which we are already planning to [add more XxxPickers](https://github.com/ant-design/ant-design/issues/4524#issuecomment-480576884) to meet those requirements.
|
||||
|
||||
### message/notification/Modal.confirm lost styles when set `prefixCls` on ConfigProvider?
|
||||
|
||||
@ -146,7 +148,7 @@ Here are some typical wrong examples:
|
||||
- ❌ antdesign
|
||||
- ❌ Antdesign
|
||||
|
||||
### Do you guys have any channel for donation, like PayPal or Alipay?
|
||||
### Do you guys have any channel or website for submitting monetary donations, like through PayPal or Alipay?
|
||||
|
||||
[https://opencollective.com/ant-design](https://opencollective.com/ant-design)
|
||||
|
||||
@ -154,11 +156,11 @@ Here are some typical wrong examples:
|
||||
|
||||
## Errors and Warnings
|
||||
|
||||
Here are some errors & warnings that you may meet while using antd, but most of them are not bugs of antd.
|
||||
Here are some errors & warnings that you may encounter while using antd, although most of these are not actual bugs of antd itself.
|
||||
|
||||
### Adjacent JSX elements must be wrapped in an enclosing tag
|
||||
|
||||
An [answer from StackOverflow](http://stackoverflow.com/questions/25034994/how-to-correctly-wrap-few-td-tags-for-jsxtransformer), and please read [React's documentation](http://facebook.github.io/react/docs/displaying-data.html#components-are-just-like-functions).
|
||||
Check out [this answer from StackOverflow](http://stackoverflow.com/questions/25034994/how-to-correctly-wrap-few-td-tags-for-jsxtransformer), along with also reading [React's documentation](http://facebook.github.io/react/docs/displaying-data.html#components-are-just-like-functions) to solve this.
|
||||
|
||||
### React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components)
|
||||
|
||||
@ -166,16 +168,16 @@ Please make sure that you import `antd`'s components correctly. Read the corresp
|
||||
|
||||
### rm is not recognized as an internal or external command
|
||||
|
||||
Please read this [issue](https://github.com/ant-design/ant-design/issues/650#issuecomment-164966511), or try Linux/Unix.
|
||||
Please read [this issue](https://github.com/ant-design/ant-design/issues/650#issuecomment-164966511), or try Linux/Unix.
|
||||
|
||||
### Failed propType: Invalid prop `AAA` of type `BBB` supplied to `CCC`, expected `DDD`. Check the render method of `EEE`.
|
||||
|
||||
Please read the corresponding documentation of the `antd`'s version which you use, and make sure that you pass values with correct type to `antd`'s components,
|
||||
Please read the corresponding documentation of the `antd`'s version which you are currently using, and make sure that you pass values with correct type to `antd`'s components,
|
||||
|
||||
### Unknown option: xxx/package.json.presets
|
||||
|
||||
An [answer from Stack Overflow](http://stackoverflow.com/questions/33685365/unknown-option-babelrc-presets).
|
||||
Check out [this answer from Stack Overflow](http://stackoverflow.com/questions/33685365/unknown-option-babelrc-presets).
|
||||
|
||||
### Invariant Violation: findComponentRoot(...): Unable to find element.
|
||||
|
||||
You may import React twice. Set React & ReactDOM as external, if you are using webpack, See [#525](https://github.com/ant-design/ant-design/issues/525). If you are using others (browserify, etc...), please read its documentation and find options which can set React & ReactDOM as external.
|
||||
You may have imported `React` twice. Set `React` & `ReactDOM` as external, if you are using webpack, see [#525](https://github.com/ant-design/ant-design/issues/525). If you are using others (browserify, etc...), please read their documentation and find options which can set `React` & `ReactDOM` as external.
|
||||
|
||||
@ -77,6 +77,16 @@ antd 内部会对 props 进行浅比较实现性能优化。当状态变更，
|
||||
|
||||
请浏览 [And Design Mobile](http://mobile.ant.design) 以了解详情，`antd` 并非针对移动端设计。你可以试试 [react-component](https://github.com/react-component/)，其中带有 'm-' 'rn-' 前缀的库是为移动端设计的。
|
||||
|
||||
### `antd` 是否有国内镜像？
|
||||
|
||||
有的，你可以点击 https://ant-design.gitee.io/index-cn 访问。
|
||||
|
||||
历史版本:
|
||||
|
||||
- 3.x: https://ant-design-3x.gitee.io/
|
||||
- 2.x: https://ant-design-2x.gitee.io/
|
||||
- 1.x: https://ant-design-1x.gitee.io/
|
||||
|
||||
### `antd` 会像 `React` 那样提供单文件引入吗？
|
||||
|
||||
是的，[你可以用 script 标签引入](https://ant.design/docs/react/introduce-cn#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%95%E5%85%A5)。但是我们推荐使用 `npm` 来引入 `antd`，这样维护起来更简单方便。
|
||||
|
||||
@ -3,17 +3,17 @@ order: 2
|
||||
title: Getting Started
|
||||
---
|
||||
|
||||
Ant Design React is dedicated to providing a **good development experience** for programmers. Make sure that you have installed [Node.js](https://nodejs.org/)(> 8.0.0) correctly.
|
||||
Ant Design React is dedicated to providing a **good development experience** for programmers. Before starting, it is recommended to learn [React](https://reactjs.org) and [ES2015](http://babeljs.io/docs/learn-es2015/) first, and correctly install and configure [Node.js](https://nodejs.org/) v8 or above.
|
||||
|
||||
If you try in local environment, please refer to [Install and Initialization](/docs/react/use-with-create-react-app#Install-and-Initialization) section of "Use in create-react-app".
|
||||
The official guide also assumes that you have intermediate knowledge about HTML, CSS, and JavaScript, and React. If you are just starting to learn front-end or React, it may not be the best idea to use the UI framework as your first step.
|
||||
|
||||
> Before delving into Ant Design React, a good knowledge base of [React](https://reactjs.org) and [JavaScript ES2015](http://babeljs.io/docs/learn-es2015/) is needed.
|
||||
Finally, if you are working in a local development environment, please refer to [Install and Initialization](/docs/react/use-with-create-react-app#Install-and-Initialization) section of "Use in create-react-app".
|
||||
|
||||
---
|
||||
|
||||
## First Example
|
||||
## Your First Example
|
||||
|
||||
Here is a simple codesandbox example to show the usage of Ant Design React.
|
||||
Here is a simple online codesandbox demo of an Ant Design component to show the usage of Ant Design React.
|
||||
|
||||
<iframe
|
||||
src="https://codesandbox.io/embed/antd-reproduction-template-6e93z?autoresize=1&fontsize=14&hidenavigation=1&theme=dark"
|
||||
@ -23,15 +23,17 @@ Here is a simple codesandbox example to show the usage of Ant Design React.
|
||||
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
|
||||
/>
|
||||
|
||||
### 1. Create one codesandbox
|
||||
Follow the steps below to play around with Ant Design yourself:
|
||||
|
||||
Visit http://u.ant.design/codesandbox-repro to create a codesandbox. Don't forget to press the save button.
|
||||
### 1. Create a codesandbox
|
||||
|
||||
### 2. Using antd component
|
||||
Visit http://u.ant.design/codesandbox-repro to create a codesandbox -- don't forget to press the save button as well to create a new instance.
|
||||
|
||||
Replace the content of `index.js` with the following code. As you can see, there is no difference between antd's components and typical React components.
|
||||
### 2. Use and modify an antd component
|
||||
|
||||
If you already set up by [Install and Initialization](/docs/react/use-with-create-react-app#Install-and-Initialization) section of "Use in create-react-app", Please replace the content of /src/index.js
|
||||
Replace the contents of `index.js` with the following code. As you can see, there is no difference between antd's components and typical React components.
|
||||
|
||||
If you have already set things up by following the [Install and Initialization](/docs/react/use-with-create-react-app#Install-and-Initialization) section of "Use in create-react-app", replace the content of `/src/index.js` as follows:
|
||||
|
||||
```jsx
|
||||
import React, { useState } from 'react';
|
||||
@ -61,7 +63,7 @@ render(<App />, document.getElementById('root'));
|
||||
|
||||
### 3. Explore more components
|
||||
|
||||
You can look up components in the side menu of the Components page like the [Alert](/components/alert) component. Plenty of examples are provided in the component pages and API documentation.
|
||||
You can view the list of components in the side menu of the Components page, such as the [Alert](/components/alert) component. Plenty of examples are also provided in the component pages and API documentation as well.
|
||||
|
||||
Click the "Open in Editor" icon in the first example to open an editor with source code to use out-of-the-box. Now you can import the `Alert` component into the codesandbox:
|
||||
|
||||
@ -70,7 +72,7 @@ Click the "Open in Editor" icon in the first example to open an editor with sour
|
||||
+ import { DatePicker, message, Alert } from 'antd';
|
||||
```
|
||||
|
||||
Add the following jsx into the `render` function.
|
||||
Now add the following jsx inside the `render` function.
|
||||
|
||||
```diff
|
||||
<DatePicker onChange={value => this.handleChange(value)} />
|
||||
@ -80,20 +82,20 @@ Add the following jsx into the `render` function.
|
||||
</div>
|
||||
```
|
||||
|
||||
Now you can see the result in the preview section.
|
||||
Select a date, and you can see the effect in the preview area on the right:
|
||||
|
||||
<img width="420" src="https://gw.alipayobjects.com/zos/antfincdn/JrXptUm1Nz/6b50edc4-3a3c-4b2a-843e-f9f0af2c4667.png" alt="codesandbox screenshot" />
|
||||
|
||||
OK! Now you know how to use antd components in a clear way. You are welcome to explore more components in the codesandbox. We also strongly recommend using codesandbox to provide a reproducible demo when reporting a bug.
|
||||
OK! Now that you know the basics of using antd components, you are welcome to explore more components in the codesandbox. When reporting a bug with ant design, we also strongly recommend using codesandbox to provide a reproducible demo as well.
|
||||
|
||||
### 4. Next Step
|
||||
### 4. Next Steps
|
||||
|
||||
In the real world you will need a development workflow consisting of `compile/build/deploy/lint/debug`. You can find and read articles on the subject or try other scaffolds provided below:
|
||||
During actual real-world project development, you will most likely need a development workflow consisting of `compile/build/deploy/lint/debug/` deployment. You can read the following documents on the subject or use the following scaffolds and examples provided below:
|
||||
|
||||
- [Ant Design Pro](http://pro.ant.design/)
|
||||
- [antd-admin](https://github.com/zuiidea/antd-admin)
|
||||
- [d2-admin](https://github.com/d2-projects/d2-admin)
|
||||
- more scaffolds at [Scaffold Market](http://scaffold.ant.design/)
|
||||
- More scaffolds at [Scaffold Market](http://scaffold.ant.design/)
|
||||
|
||||
## Import on Demand
|
||||
|
||||
@ -121,8 +123,8 @@ module.exports = {
|
||||
};
|
||||
```
|
||||
|
||||
## Customized Workflow
|
||||
## Customize your Workflow
|
||||
|
||||
If you want to customize your workflow, we recommend using [webpack](http://webpack.github.io/) to build and debug code. You can try out plenty of [boilerplates](https://github.com/enaqx/awesome-react#react-tools) available in the React ecosystem.
|
||||
|
||||
There are some [scaffolds](http://scaffold.ant.design/) which have already integrated antd, so you can try and start with one of these and even contribute.
|
||||
There are also some [scaffolds](http://scaffold.ant.design/) which have already been integrated into antd, so you can try and start with one of these and even contribute.
|
||||
|
||||
@ -3,7 +3,7 @@ order: 10
|
||||
title: Internationalization
|
||||
---
|
||||
|
||||
The default language of `antd@2.x` is English as of yet. If you want to use other languages, you can follow the instructions below.
|
||||
The default language of `antd@2.x` is currently English. If you wish to use other languages, follow the instructions below.
|
||||
|
||||
## ConfigProvider
|
||||
|
||||
@ -20,11 +20,13 @@ return (
|
||||
);
|
||||
```
|
||||
|
||||
You can see complete config at: [ConfigProvider](/components/config-provider).
|
||||
You can see the complete configuration here: [ConfigProvider](/components/config-provider).
|
||||
|
||||
Note: `fr_FR` is the filename, follow below.
|
||||
Note: `fr_FR` is the filename, the following table also follows the same rules.
|
||||
|
||||
Supported languages:
|
||||
The following languages are currently supported:
|
||||
|
||||
### Supported languages:
|
||||
|
||||
| Language | Filename |
|
||||
| ------------------------ | -------- |
|
||||
@ -86,4 +88,4 @@ See more usage at [ConfigProvider](/components/config-provider).
|
||||
|
||||
## Adding new language
|
||||
|
||||
If your language is not in above list, feel free to create a locale package based on [en_US](https://github.com/ant-design/ant-design/blob/master/components/locale/en_US.tsx) and send us a pull request. This [Azerbaijani](https://github.com/ant-design/ant-design/pull/21387) language PR could be a sample.
|
||||
If your language is not in above list, feel free to create a locale package based on the [en_US](https://github.com/ant-design/ant-design/blob/master/components/locale/en_US.tsx) lanugage pack and send us a pull request. For reference, you can refer to the pull request of adding the [Azerbaijani](https://github.com/ant-design/ant-design/pull/21387) language as a sample.
|
||||
|
||||
@ -4,7 +4,7 @@ order: 2
|
||||
title: 实践案例
|
||||
---
|
||||
|
||||
从 2015 年 4 月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统 800 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。
|
||||
从 2015 年 4 月起，Ant Design 在蚂蚁集团中后台产品线迅速推广，对接多条业务线，覆盖系统 800 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。
|
||||
|
||||
Ant Design 目前在外部也有许多产品实践，如果你的公司和产品从中受益，[欢迎留言](https://github.com/ant-design/ant-design/issues/477)。
|
||||
|
||||
|
||||
@ -79,7 +79,7 @@ We provide Less and JavaScript usage for developers.
|
||||
|
||||
```js
|
||||
import { blue } from '@ant-design/colors';
|
||||
console.log(blue); // ['#E6F7FF', '#BAE7FF', '#91D5FF', ''#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']
|
||||
console.log(blue); // ['#E6F7FF', '#BAE7FF', '#91D5FF', '#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']
|
||||
console.log(blue.primary); // '#1890FF'
|
||||
```
|
||||
|
||||
|
||||
@ -87,7 +87,7 @@ ReactDOM.render(<ColorPaletteTool />, mountNode);
|
||||
|
||||
```js
|
||||
import { blue } from '@ant-design/colors';
|
||||
console.log(blue); // ['#E6F7FF', '#BAE7FF', '#91D5FF', ''#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']
|
||||
console.log(blue); // ['#E6F7FF', '#BAE7FF', '#91D5FF', '#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']
|
||||
console.log(blue.primary); // '#1890FF'
|
||||
```
|
||||
|
||||
|
||||
@ -8,9 +8,9 @@ title: 介绍
|
||||
<img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*P0S-QIRUbsUAAAAAAAAAAABkARQnAQ">
|
||||
</div>
|
||||
|
||||
蚂蚁的企业级产品是一个庞大且复杂的系统，数量多且功能复杂，而且变动和并发频繁，常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。
|
||||
蚂蚁集团的企业级产品是一个庞大且复杂的系统，数量多且功能复杂，而且变动和并发频繁，常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。
|
||||
|
||||
随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标，我们（蚂蚁金服体验技术部）经过大量项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系 —— Ant Design。基于「自然」、「确定性」、「意义感」、「生长性」四大[设计价值观](/docs/spec/values)，通过模块化解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。
|
||||
随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标，我们（蚂蚁集团体验技术部）经过大量项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系 —— Ant Design。基于「自然」、「确定性」、「意义感」、「生长性」四大[设计价值观](/docs/spec/values)，通过模块化解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。
|
||||
|
||||
---
|
||||
|
||||
@ -85,7 +85,7 @@ ReactDOM.render(<LinksList />, mountNode);
|
||||
|
||||
## 谁在使用
|
||||
|
||||
- [蚂蚁金服](http://www.antgroup.com/)
|
||||
- [蚂蚁集团](http://www.antgroup.com/)
|
||||
- [阿里巴巴](http://www.alibaba.com/)
|
||||
- [腾讯](http://www.tencent.com)
|
||||
- [百度](http://www.baidu.com)
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "antd",
|
||||
"version": "4.4.2",
|
||||
"version": "4.4.3",
|
||||
"description": "An enterprise-class UI design language and React components implementation",
|
||||
"keywords": [
|
||||
"ant",
|
||||
@ -123,7 +123,7 @@
|
||||
"rc-drawer": "~4.1.0",
|
||||
"rc-dropdown": "~3.1.2",
|
||||
"rc-field-form": "~1.8.0",
|
||||
"rc-input-number": "~5.1.0",
|
||||
"rc-input-number": "~5.1.1",
|
||||
"rc-mentions": "~1.4.0",
|
||||
"rc-menu": "~8.5.0",
|
||||
"rc-notification": "~4.4.0",
|
||||
@ -204,7 +204,7 @@
|
||||
"eslint-plugin-markdown": "^1.0.0",
|
||||
"eslint-plugin-react": "^7.14.2",
|
||||
"eslint-plugin-react-hooks": "^4.0.0",
|
||||
"eslint-plugin-unicorn": "^20.0.0",
|
||||
"eslint-plugin-unicorn": "^21.0.0",
|
||||
"eslint-tinker": "^0.5.0",
|
||||
"fetch-jsonp": "^1.1.3",
|
||||
"fs-extra": "^9.0.0",
|
||||
|
||||
@ -34,19 +34,19 @@ module.exports = {
|
||||
'app.demo.riddle': 'Open in Riddle',
|
||||
'app.home.introduce':
|
||||
'A design system for enterprise-level products. Create an efficient and enjoyable work experience.',
|
||||
'app.home.recommend': 'Recommend',
|
||||
'app.home.popularize': 'Popularize',
|
||||
'app.home.recommend': 'Recommended',
|
||||
'app.home.popularize': 'Popular',
|
||||
'app.home.design-and-framework': 'Design language and framework',
|
||||
'app.home.design-values': 'Design values',
|
||||
'app.home.design-values-description':
|
||||
'This is an internal criterion for Ant Design to evaluate good design. Based on the postulate that "everyone pursues pleasure at work", we have added the two values of "Meaningful" and "Growing" on the basis of "Certain" and "Natural" to guide each designer to do better judgment and decision.',
|
||||
'app.home.certainty': 'Certain',
|
||||
'app.home.meaningful': 'Meaningful',
|
||||
'app.home.growth': 'Growing',
|
||||
'app.home.natural': 'Natural',
|
||||
'This is Ant Design\'s internal standard for evaluating design quality. Based on the assumption that "everyone is pursuing happiness at work", we have added the two values of "Meaningfulness" and "Growth" on the basis of "Certainty" and "Naturalness" to guide each designer towards better judgment and decision-making.',
|
||||
'app.home.certainty': 'Certainty',
|
||||
'app.home.meaningful': 'Meaningfulness',
|
||||
'app.home.growth': 'Growth',
|
||||
'app.home.natural': 'Naturalness',
|
||||
'app.home.design-guide': 'Guidelines',
|
||||
'app.home.components': 'Components',
|
||||
'app.home.detail': 'Detail',
|
||||
'app.home.detail': 'More details',
|
||||
'app.home.global-style': 'Global style',
|
||||
'app.home.design-patterns': 'Design patterns',
|
||||
'app.home.more': 'Learn More',
|
||||
@ -55,8 +55,8 @@ module.exports = {
|
||||
'app.home.qr.desc': '4.0 is out',
|
||||
'app.home.getting-started': 'Getting Started',
|
||||
'app.home.design-language': 'Design Language',
|
||||
'app.home.product-antv-slogan': 'A new generation of data visualization solution',
|
||||
'app.home.product-pro-slogan': 'Out-of-box UI solution for enterprise applications',
|
||||
'app.home.product-antv-slogan': 'A new way to do data visualization',
|
||||
'app.home.product-pro-slogan': 'Out-of-the-box UI solution for enterprise applications',
|
||||
'app.home.product-mobile-slogan': 'Mobile UI components with Ant Design',
|
||||
'app.home.product-hitu': 'HiTu',
|
||||
'app.home.product-hitu-slogan': 'A new generation of graphical solutions',
|
||||
@ -68,7 +68,7 @@ module.exports = {
|
||||
'app.footer.course': 'Ant Design Practical Tutorial',
|
||||
'app.footer.chinamirror': 'China Mirror 🇨🇳',
|
||||
'app.footer.primary-color-changing': 'Changing primary color...',
|
||||
'app.footer.primary-color-changed': 'Change primary color successfully!',
|
||||
'app.footer.primary-color-changed': 'Changed primary color successfully!',
|
||||
'app.footer.scaffold': 'Scaffold',
|
||||
'app.footer.kitchen': 'Sketch Toolkit',
|
||||
'app.footer.landing': 'Landing Templates',
|
||||
@ -115,12 +115,12 @@ module.exports = {
|
||||
'app.footer.xtech.slogan': 'Experience The Beauty',
|
||||
'app.publish.title': 'antd@3.0.0 has been released! 🎉 🎉 🎉',
|
||||
'app.publish.greeting': 'Hello, ',
|
||||
'app.publish.intro': ' has been released, and please upgrade. ',
|
||||
'app.publish.old-version-guide': 'If you need documentation of older version, please visit ',
|
||||
'app.publish.old-version-tips': ', or switch version with the select at header navigation.',
|
||||
'app.publish.intro': ' has been released, so please upgrade. ',
|
||||
'app.publish.old-version-guide': 'If you need documentation for an older version, please visit ',
|
||||
'app.publish.old-version-tips': ', or switch the version via the dropdown in the header nav bar.',
|
||||
'app.docs.color.pick-primary': 'Pick your primary color',
|
||||
'app.docs.color.pick-background': 'Pick your background color',
|
||||
'app.docs.components.icon.search.placeholder': 'Search icon here, click icon to copy code',
|
||||
'app.docs.components.icon.search.placeholder': 'Search icons here, click icon to copy code',
|
||||
'app.docs.components.icon.outlined': 'Outlined',
|
||||
'app.docs.components.icon.filled': 'Filled',
|
||||
'app.docs.components.icon.two-tone': 'Two Tone',
|
||||
@ -131,17 +131,17 @@ module.exports = {
|
||||
'app.docs.components.icon.category.other': 'Application Icons',
|
||||
'app.docs.components.icon.category.logo': 'Brand and Logos',
|
||||
'app.docs.components.icon.pic-searcher.intro':
|
||||
'AI Search by image is online, welcome to use! 🎉',
|
||||
'AI Search by image is online, you are welcome to use it! 🎉',
|
||||
'app.docs.components.icon.pic-searcher.title': 'Search by image',
|
||||
'app.docs.components.icon.pic-searcher.upload-text':
|
||||
'Click or drag or paste file to this area to upload',
|
||||
'Click, drag, or paste file to this area to upload',
|
||||
'app.docs.components.icon.pic-searcher.upload-hint':
|
||||
'We will find the most matching icon based on the image',
|
||||
'We will find the best matching icon based on the image provided',
|
||||
'app.docs.components.icon.pic-searcher.server-error':
|
||||
'Predict service is temporarily unavailable',
|
||||
'app.docs.components.icon.pic-searcher.matching': 'Matching...',
|
||||
'app.docs.components.icon.pic-searcher.modelloading': 'Model is loading...',
|
||||
'app.docs.components.icon.pic-searcher.result-tip': 'Match the following icons for you:',
|
||||
'app.docs.components.icon.pic-searcher.result-tip': 'Matched the following icons for you:',
|
||||
'app.docs.components.icon.pic-searcher.th-icon': 'Icon',
|
||||
'app.docs.components.icon.pic-searcher.th-score': 'Probability',
|
||||
'app.components.overview.search': 'Search in components',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user