diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-zh.md b/docs/src/pages/components/about-the-lab/about-the-lab-zh.md index e3ce29de3298ac..246e89956f5aca 100644 --- a/docs/src/pages/components/about-the-lab/about-the-lab-zh.md +++ b/docs/src/pages/components/about-the-lab/about-the-lab-zh.md @@ -2,7 +2,7 @@

此依赖包包含了一些还在开发中的组件，它们还不能移到 core（核心）库中。

-核心库（core）和实验室（lab）之间的主要差别就是组件是如何版本化的 拥有独立的实验室版本，我们就可以在必要的时候发布一些会影响原本代码的改动，并且核心库遵循 [slower-moving policy](https://material-ui.com/versions/#release-frequency) +核心库（core）和实验室（lab）最主要的差别在于对组件进行版本管理的方式。 拥有独立的实验室版本，我们就可以在必要的时候发布一些会影响原本代码的改动，并且核心库遵循 [slower-moving policy](https://material-ui.com/versions/#release-frequency) 程序员在使用和测试组件后向项目报漏洞，维护者就知道更多关于组件的缺点：如缺少功能，能不能访问的问题、漏洞，API设计等等的问题 一个组建被使用的时间越久，新问题被发现以及因此需要引入重大更改的可能性就越少。 diff --git a/docs/src/pages/components/alert/alert-zh.md b/docs/src/pages/components/alert/alert-zh.md index 712b2dce6d8171..6edef18777135b 100644 --- a/docs/src/pages/components/alert/alert-zh.md +++ b/docs/src/pages/components/alert/alert-zh.md @@ -35,7 +35,7 @@ components: Alert, AlertTitle {{"demo": "pages/components/alert/TransitionAlerts.js"}} -## Icons 图标 +## 图标 `icon`是指可以在「提醒」组件的开始的地方加一个图标。 以此来改变不同程度「提醒」的默认图标。 @@ -45,7 +45,7 @@ components: Alert, AlertTitle {{"demo": "pages/components/alert/IconAlerts.js"}} -## 变种(Variants) +## 变种 还可以实现「边框」和「填充」这两种变体。 @@ -57,7 +57,7 @@ components: Alert, AlertTitle {{"demo": "pages/components/alert/FilledAlerts.js"}} -## Toast（提示） +## 提示 你可以使用「消息条」来显示[ 带确认按钮的Toast 提示](/components/snackbars/#customized-snackbars) 。 diff --git a/docs/src/pages/components/autocomplete/autocomplete-aa.md b/docs/src/pages/components/autocomplete/autocomplete-aa.md index e84a20dfd60ff9..5ac3eea3a200eb 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-aa.md +++ b/docs/src/pages/components/autocomplete/autocomplete-aa.md @@ -106,61 +106,68 @@ crwdns130772:0crwdne130772:0 crwdns130774:0crwdne130774:0 +### crwdns131036:0crwdne131036:0 + +crwdns131038:0crwdne131038:0 + +crwdns131040:0crwdne131040:0 + ## crwdns106429:0crwdne106429:0 -crwdns130776:0crwdne130776:0 crwdns130778:0crwdne130778:0 +crwdns131042:0crwdne131042:0 crwdns131044:0crwdne131044:0 -crwdns130780:0crwdne130780:0 +crwdns131046:0crwdne131046:0 ## crwdns106437:0crwdne106437:0 -crwdns130782:0crwdne130782:0 +crwdns131048:0crwdne131048:0 -crwdns130784:0crwdne130784:0 +crwdns131050:0crwdne131050:0 -crwdns130786:0crwdne130786:0 +crwdns131052:0crwdne131052:0 ## crwdns106445:0crwdne106445:0 -crwdns130788:0crwdne130788:0 +crwdns131054:0crwdne131054:0 -crwdns130790:0crwdne130790:0 +crwdns131056:0crwdne131056:0 ## crwdns106451:0crwdne106451:0 -crwdns130792:0crwdne130792:0 crwdns130794:0crwdne130794:0 +crwdns131058:0crwdne131058:0 crwdns131060:0crwdne131060:0 ```js crwdns104588:0{ createFilterOptions }crwdne104588:0 ``` -### `crwdns130366:0crwdne130366:0` +### `crwdns131062:0crwdne131062:0` #### crwdns130368:0crwdne130368:0 1. crwdns104592:0[optional]crwdne104592:0 - crwdns104594:0[optional]crwdne104594:0 crwdns104596:0crwdne104596:0 - crwdns104598:0[optional]crwdne104598:0 crwdns104600:0crwdne104600:0 - - crwdns104602:0[optional]crwdne104602:0 - - crwdns130370:0[optional]crwdne130370:0 - - crwdns104606:0[optional]crwdne104606:0 crwdns104608:0crwdne104608:0 - - crwdns109191:0[optional]crwdne109191:0 crwdns109193:0crwdne109193:0 crwdns109195:0crwdne109195:0 crwdns109197:0crwdne109197:0 + - crwdns131064:0[optional]crwdne131064:0 crwdns131066:0crwdne131066:0 crwdns131068:0crwdne131068:0 crwdns131070:0crwdne131070:0 + - crwdns131072:0[optional]crwdne131072:0 + - crwdns131074:0[optional]crwdne131074:0 crwdns131076:0crwdne131076:0 + - crwdns131078:0[optional]crwdne131078:0 + - crwdns131080:0[optional]crwdne131080:0 crwdns131082:0crwdne131082:0 #### crwdns130372:0crwdne130372:0 -crwdns130796:0crwdne130796:0 +crwdns131084:0crwdne131084:0 -crwdns130798:0crwdne130798:0 +crwdns131086:0crwdne131086:0 ```js crwdns104612:0{filterOptions}crwdne104612:0 ``` -crwdns130800:0crwdne130800:0 +crwdns131088:0crwdne131088:0 -### crwdns130376:0crwdne130376:0 +### crwdns131090:0crwdne131090:0 -crwdns130802:0crwdne130802:0 crwdns130804:0crwdne130804:0 +crwdns131092:0crwdne131092:0 crwdns131094:0crwdne131094:0 ```jsx crwdns104620:0{ inputValue }crwdnd104620:0{filterOptions}crwdne104620:0 @@ -168,19 +175,19 @@ crwdns104620:0{ inputValue }crwdnd104620:0{filterOptions}crwdne104620:0 ## crwdns106467:0crwdne106467:0 -crwdns130806:0crwdne130806:0 crwdns130808:0crwdne130808:0 +crwdns131096:0crwdne131096:0 crwdns131098:0crwdne131098:0 -crwdns130810:0crwdne130810:0 +crwdns131100:0crwdne131100:0 ## crwdns106475:0crwdne106475:0 -### crwdns130378:0crwdne130378:0 +### crwdns131102:0crwdne131102:0 -crwdns130812:0crwdne130812:0 crwdns130814:0crwdne130814:0 +crwdns131104:0crwdne131104:0 crwdns131106:0crwdne131106:0 -crwdns130816:0crwdne130816:0 +crwdns131108:0crwdne131108:0 -crwdns130818:0crwdne130818:0 crwdns130820:0crwdne130820:0 +crwdns131110:0crwdne131110:0 crwdns131112:0crwdne131112:0 - crwdns107863:0crwdne107863:0 crwdns107865:0crwdne107865:0 crwdns107867:0crwdne107867:0 - crwdns107869:0crwdne107869:0 @@ -189,20 +196,20 @@ crwdns130818:0crwdne130818:0 crwdns130820:0crwdne130820:0 autoComplete: 'new-password', }}crwdne107871:0 -### crwdns130380:0crwdne130380:0 +### crwdns131114:0crwdne131114:0 -crwdns130822:0crwdne130822:0 crwdns130824:0crwdne130824:0 +crwdns131116:0crwdne131116:0 crwdns131118:0crwdne131118:0 -### crwdns130382:0crwdne130382:0 +### crwdns131120:0crwdne131120:0 -crwdns130826:0crwdne130826:0 crwdns130828:0crwdne130828:0 crwdns130830:0crwdne130830:0 +crwdns131122:0crwdne131122:0 crwdns131124:0crwdne131124:0 crwdns131126:0crwdne131126:0 -### crwdns130832:0crwdne130832:0 +### crwdns131128:0crwdne131128:0 -crwdns130834:0crwdne130834:0 crwdns130836:0crwdne130836:0 +crwdns131130:0crwdne131130:0 crwdns131132:0crwdne131132:0 ## crwdns106481:0crwdne106481:0 -crwdns130838:0crwdne130838:0 +crwdns131134:0crwdne131134:0 -crwdns130840:0crwdne130840:0 crwdns130842:0crwdne130842:0 \ No newline at end of file +crwdns131136:0crwdne131136:0 crwdns131138:0crwdne131138:0 \ No newline at end of file diff --git a/docs/src/pages/components/autocomplete/autocomplete-de.md b/docs/src/pages/components/autocomplete/autocomplete-de.md index a9cc0f7bd10f4e..c9a47febe71f9b 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-de.md +++ b/docs/src/pages/components/autocomplete/autocomplete-de.md @@ -106,6 +106,12 @@ Falls Sie bestimmte Tags sperren müssen, damit sie nicht in der Schnittstelle e {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +### Limit tags + +You can use the `limitTags` prop to limit the number of displayed options when not focused. + +{{"demo": "pages/components/autocomplete/LimitTags.js"}} + ## Größen Fancy smaller inputs? Verwenden Sie die `size` Prop. @@ -141,10 +147,11 @@ import { createFilterOptions } from '@material-ui/lab/Autocomplete'; 1. `config` (*Object* [optional]): - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics. - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Alles in Kleinbuchstaben. + - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`. + - `config.startAfter`(*Number* [optional]): Default to `0`. Show the suggested options only after a certain number of letters - `config.stringify` (*Func* [optional]): Controls how an option is converted into a string so that it can be matched against the input text fragment. - `config.trim ` (*Boolean* [optional]): Standardeinstellung ist `false`. Abschließende Leerzeichen entfernen. - - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. #### Rückgabewerte diff --git a/docs/src/pages/components/autocomplete/autocomplete-es.md b/docs/src/pages/components/autocomplete/autocomplete-es.md index 6f4be070cb8f40..0de82ed157f888 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-es.md +++ b/docs/src/pages/components/autocomplete/autocomplete-es.md @@ -106,6 +106,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +### Limit tags + +You can use the `limitTags` prop to limit the number of displayed options when not focused. + +{{"demo": "pages/components/autocomplete/LimitTags.js"}} + ## Tamaños Fancy smaller inputs? Use the `size` prop. @@ -141,10 +147,11 @@ import { createFilterOptions } from '@material-ui/lab/Autocomplete'; 1. `config` (*Object* [optional]): - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics. - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Lowercase everything. + - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`. + - `config.startAfter`(*Number* [optional]): Default to `0`. Show the suggested options only after a certain number of letters - `config.stringify` (*Func* [optional]): Controls how an option is converted into a string so that it can be matched against the input text fragment. - `config.trim` (*Boolean* [optional]): Default `false`. Remove trailing spaces. - - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. #### Regresa diff --git a/docs/src/pages/components/autocomplete/autocomplete-fr.md b/docs/src/pages/components/autocomplete/autocomplete-fr.md index b10a8e83de1c09..af0b00b7ee0050 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-fr.md +++ b/docs/src/pages/components/autocomplete/autocomplete-fr.md @@ -106,6 +106,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +### Limit tags + +You can use the `limitTags` prop to limit the number of displayed options when not focused. + +{{"demo": "pages/components/autocomplete/LimitTags.js"}} + ## Tailles Fancy smaller inputs? Use the `size` prop. @@ -141,10 +147,11 @@ import { createFilterOptions } from '@material-ui/lab/Autocomplete'; 1. `config` (*Object* [optional]): - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics. - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Lowercase everything. + - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`. + - `config.startAfter`(*Number* [optional]): Default to `0`. Show the suggested options only after a certain number of letters - `config.stringify` (*Func* [optional]): Controls how an option is converted into a string so that it can be matched against the input text fragment. - `config.trim` (*Boolean* [optional]): Valeur par défaut `false`. Remove trailing spaces. - - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. #### Valeur de retour diff --git a/docs/src/pages/components/autocomplete/autocomplete-ja.md b/docs/src/pages/components/autocomplete/autocomplete-ja.md index b07d1b751a6c73..9d624beb82f2e1 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-ja.md +++ b/docs/src/pages/components/autocomplete/autocomplete-ja.md @@ -106,6 +106,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +### Limit tags + +You can use the `limitTags` prop to limit the number of displayed options when not focused. + +{{"demo": "pages/components/autocomplete/LimitTags.js"}} + ## サイズ Fancy smaller inputs? `size`propを使用します。 @@ -141,10 +147,11 @@ import { createFilterOptions } from '@material-ui/lab/Autocomplete'; 1. `config` (*Object* [optional]): - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics. - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Lowercase everything. + - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`. + - `config.startAfter`(*Number* [optional]): Default to `0`. Show the suggested options only after a certain number of letters - `config.stringify` (*Func* [optional]): Controls how an option is converted into a string so that it can be matched against the input text fragment. - `config.trim` (*ブール値* [任意]): デフォルト値 `false`. Remove trailing spaces. - - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. #### 戻り値 diff --git a/docs/src/pages/components/autocomplete/autocomplete-pt.md b/docs/src/pages/components/autocomplete/autocomplete-pt.md index 2e2098e39b3cb4..8cb1791ebeb904 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-pt.md +++ b/docs/src/pages/components/autocomplete/autocomplete-pt.md @@ -106,6 +106,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +### Limit tags + +You can use the `limitTags` prop to limit the number of displayed options when not focused. + +{{"demo": "pages/components/autocomplete/LimitTags.js"}} + ## Tamanhos Gosta mais de campos de texto menores? Use a propriedade `size`. @@ -141,10 +147,11 @@ import { createFilterOptions } from '@material-ui/lab/Autocomplete'; 1. `config` (*Object* [optional]): - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics. - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Lowercase everything. + - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`. + - `config.startAfter`(*Number* [optional]): Default to `0`. Show the suggested options only after a certain number of letters - `config.stringify` (*Func* [optional]): Controls how an option is converted into a string so that it can be matched against the input text fragment. - `config.trim` (*Boolean* [opcional]): Padrão `false`. Remove trailing spaces. - - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. #### Retornos diff --git a/docs/src/pages/components/autocomplete/autocomplete-ru.md b/docs/src/pages/components/autocomplete/autocomplete-ru.md index 6f9cc699b3dd09..5e2609b5a7cfa9 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-ru.md +++ b/docs/src/pages/components/autocomplete/autocomplete-ru.md @@ -106,6 +106,12 @@ Also known as tags, the user is allowed to enter more than one value. {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +### Limit tags + +You can use the `limitTags` prop to limit the number of displayed options when not focused. + +{{"demo": "pages/components/autocomplete/LimitTags.js"}} + ## Размеры Fancy smaller inputs? Use the `size` prop. @@ -141,10 +147,11 @@ import { createFilterOptions } from '@material-ui/lab/Autocomplete'; 1. `config` (*Object* [optional]): - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics. - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Lowercase everything. + - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`. + - `config.startAfter`(*Number* [optional]): Default to `0`. Show the suggested options only after a certain number of letters - `config.stringify` (*Func* [optional]): Controls how an option is converted into a string so that it can be matched against the input text fragment. - `config.trim` (*Boolean* [optional]): По умолчанию - `false`. Remove trailing spaces. - - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. #### Возвращает diff --git a/docs/src/pages/components/autocomplete/autocomplete-zh.md b/docs/src/pages/components/autocomplete/autocomplete-zh.md index c5f2dbc35568ba..8384105862a9e6 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-zh.md +++ b/docs/src/pages/components/autocomplete/autocomplete-zh.md @@ -18,7 +18,7 @@ It's meant to be an improved version of the "react-select" and "downshift" packa 必须取值于一个预设的可选值集合 -{{"demo": "pages/components/autocomplete/combox.js"}} +{{"demo": "pages/components/autocomplete/ComboBox.js"}} ### 练习 @@ -44,11 +44,11 @@ Choose one of the 248 countries. 有时您想要向用户显示他/她可以添加自己想要的任何值。 以下的演示增加了一个最新的操作方式：`添加“你的搜索”` -{{"demo": "pages/components/autocomplete/FreeSolo.js"}} +{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}} 您也可以在用户想要添加一个新的值时显示一个对话框 -{{"demo": "pages/components/autocomplete/FreeSolo.js"}} +{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}} ## 分组 @@ -56,7 +56,7 @@ Choose one of the 248 countries. ## 已禁用的选项 -{{"demo": "pages/components/autocomplete/disabledOptions.js"}} +{{"demo": "pages/components/autocomplete/DisabledOptions.js"}} ## `使用自动完成` @@ -72,13 +72,13 @@ import useAutocomplete from '@material-ui/lab/useAutocomplete'; ### 自定义钩子 -{{"demo": "pages/components/autocomplete/ustomizedHook.js"}} +{{"demo": "pages/components/autocomplete/CustomizedHook.js"}} 转到[自定义自动完成](#customized-autocomplete)部分，查看使用 `Autocomplete` 组件（而不是钩子）的例子。 ## 异步请求 -{{"demo": "pages/components/autocomplete/disabledOptions.js"}} +{{"demo": "pages/components/autocomplete/Asynchronous.js"}} ### 谷歌地图位置 @@ -106,9 +106,15 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +### Limit tags + +You can use the `limitTags` prop to limit the number of displayed options when not focused. + +{{"demo": "pages/components/autocomplete/LimitTags.js"}} + ## 尺寸 -想要使用外观看起来比较小的输入框吗？ Use the `size` prop. +想要使用外观看起来比较小的输入框吗？ 您可以使用 `size` 属性。 {{"demo": "pages/components/autocomplete/Sizes.js"}} @@ -141,10 +147,11 @@ import { createFilterOptions } from '@material-ui/lab/Autocomplete'; 1. `config` (*Object* [optional]): - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics. - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Lowercase everything. + - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`. + - `config.startAfter`(*Number* [optional]): Default to `0`. Show the suggested options only after a certain number of letters - `config.stringify` (*Func* [optional]): Controls how an option is converted into a string so that it can be matched against the input text fragment. - `config.trim` (*Boolean* [optional]): 默认值为`false`。 Remove trailing spaces. - - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up. #### 返回结果 diff --git a/docs/src/pages/components/avatars/avatars-zh.md b/docs/src/pages/components/avatars/avatars-zh.md index f62197b56ed468..029065b8978eff 100644 --- a/docs/src/pages/components/avatars/avatars-zh.md +++ b/docs/src/pages/components/avatars/avatars-zh.md @@ -1,5 +1,5 @@ --- -title: React Avatar（头像）组件 +title: React Avatar 头像组件 components: Avatar, AvatarGroup, Badge --- @@ -7,13 +7,13 @@ components: Avatar, AvatarGroup, Badge

在整个 material design 中，无论是在表格中还是到对话框菜单中，都可以找到使用头像的身影。

-## Image avatars（图片头像） +## 图片头像 Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} -## Letter avatars（字母头像） +## 字母头像 Avatars containing simple characters can be created by passing a string as `children`. @@ -31,7 +31,7 @@ You can change the size of the avatar with the `height` and `width` CSS properti {{"demo": "pages/components/avatars/IconAvatars.js"}} -## 变种(Variants) +## 变种 If you need square or rounded avatars, use the `variant` prop. diff --git a/docs/src/pages/components/backdrop/backdrop-zh.md b/docs/src/pages/components/backdrop/backdrop-zh.md index 0dba7b9fef6481..c45ace2845ec5f 100644 --- a/docs/src/pages/components/backdrop/backdrop-zh.md +++ b/docs/src/pages/components/backdrop/backdrop-zh.md @@ -1,6 +1,6 @@ --- title: Backdrop React Component -components: 背景板（Backdrop） +components: Backdrop --- # Backdrop 背景板 diff --git a/docs/src/pages/components/badges/badges-zh.md b/docs/src/pages/components/badges/badges-zh.md index 068b055dfe0733..cc52a907c54ff9 100644 --- a/docs/src/pages/components/badges/badges-zh.md +++ b/docs/src/pages/components/badges/badges-zh.md @@ -1,6 +1,6 @@ --- -title: React Badge（徽章）组件 -components: Badge +title: React Badge 徽章组件 +components: 徽章 --- # Badge 徽章 diff --git a/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md b/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md index 5ba729002552d9..c5d931277057d7 100644 --- a/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md +++ b/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md @@ -1,5 +1,5 @@ --- -title: React Bottom Navigation（底部导航栏）组件 +title: React Bottom Navigation 底部导航栏组件 components: BottomNavigation, BottomNavigationAction --- diff --git a/docs/src/pages/components/box/box-zh.md b/docs/src/pages/components/box/box-zh.md index a961cf4f28c306..084abcde833d33 100644 --- a/docs/src/pages/components/box/box-zh.md +++ b/docs/src/pages/components/box/box-zh.md @@ -1,5 +1,5 @@ --- -title: React Box（分组）组件 +title: React Box分组组件 --- # Box 分组 diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md index 382c05e4733dae..1f6d04e3aabd74 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md +++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md @@ -1,5 +1,5 @@ --- -title: React Breadcrumbs（面包屑导航）组件 +title: React Breadcrumbs 面包屑导航组件 components: Breadcrumbs, Link, Typography --- diff --git a/docs/src/pages/components/button-group/button-group-zh.md b/docs/src/pages/components/button-group/button-group-zh.md index e73311e9edf808..6736982921c847 100644 --- a/docs/src/pages/components/button-group/button-group-zh.md +++ b/docs/src/pages/components/button-group/button-group-zh.md @@ -3,7 +3,7 @@ title: ButtonGroup React component components: Button, ButtonGroup --- -# Button groups（按钮组） +# Button groups 按钮组

ButtonGroup 组件可用于对相关按钮进行分组。

@@ -19,7 +19,7 @@ components: Button, ButtonGroup {{"demo": "pages/components/button-group/GroupOrientation.js"}} -### Split Button（分割按钮） +### 分割按钮 ButtonGroup 也可用于创建分割按钮。 下拉列表可以用于更改按钮相关的操作（如本例所示），或者用于立即出发一个相关的操作。 diff --git a/docs/src/pages/components/buttons/buttons-pt.md b/docs/src/pages/components/buttons/buttons-pt.md index 45795f31448896..d12d94b6cb1d12 100644 --- a/docs/src/pages/components/buttons/buttons-pt.md +++ b/docs/src/pages/components/buttons/buttons-pt.md @@ -3,7 +3,7 @@ title: Componente React para Botão components: Button, IconButton, ButtonBase --- -# Button (botão) +# Botão

Botões permitem que os usuários tomem ações e decisões com um simples toque.

@@ -21,7 +21,7 @@ components: Button, IconButton, ButtonBase {{"demo": "pages/components/buttons/ContainedButtons.js"}} -You can remove the elevation with the `disableElevation` prop. +Você pode remover a sombra com a propriedade `disableElevation`. {{"demo": "pages/components/buttons/DisableElevation.js"}} @@ -44,7 +44,7 @@ Botões delineados são uma alternativa de menor ênfase comparado com botões c {{"demo": "pages/components/buttons/OutlinedButtons.js"}} -## Upload button +## Botão de Upload {{"demo": "pages/components/buttons/UploadButtons.js"}} diff --git a/docs/src/pages/components/buttons/buttons-zh.md b/docs/src/pages/components/buttons/buttons-zh.md index 0ca3bc12d37716..732ef36359ffa2 100644 --- a/docs/src/pages/components/buttons/buttons-zh.md +++ b/docs/src/pages/components/buttons/buttons-zh.md @@ -107,7 +107,7 @@ components: Button, IconButton, ButtonBase 然而： -- You should add `pointer-events: none;` back when you need to display [tooltips on disabled elements](/components/tooltips/#disabled-elements). +- 如您要[在 disabled 不可用元素上显示提示文本](/components/tooltips/#disabled-elements)，则需添加 `pointer-events: none;` - 若您加载除了一个 button 元素之外的元素， 例如，一个链接 `` 元素，指针是不会改变的。 2. **改变 DOM**。 您可以这样封装按钮： diff --git a/docs/src/pages/components/cards/cards-zh.md b/docs/src/pages/components/cards/cards-zh.md index 4d8e21ee9e3860..d3a778b7f1d1a8 100644 --- a/docs/src/pages/components/cards/cards-zh.md +++ b/docs/src/pages/components/cards/cards-zh.md @@ -1,5 +1,5 @@ --- -title: React Card（卡片）组件 +title: React Card 卡片组件 components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper --- @@ -17,9 +17,9 @@ components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedi {{"demo": "pages/components/cards/SimpleCard.js", "bg": true}} -### Outlined Card +### 描边卡片 -Set `variant="outlined"` to render an outlined card. +将 variant 的值设置为 outlined 以渲染描边卡片：`variant="outlined"` {{"demo": "pages/components/cards/OutlinedCard.js", "bg": true}} @@ -35,7 +35,7 @@ Set `variant="outlined"` to render an outlined card. {{"demo": "pages/components/cards/MediaCard.js", "bg": true}} -默认情况下，我们使用给`
` 元素加一个 *背景图片* 的方式来显示多媒体元素。 但在某些情况下，可能会产生一些不可预知的问题。 例如, 您可能希望显示一个视频或一张响应式的图片。 对于这些用例, 请使用 `component` 属性: +默认情况下，我们使用给`
` 元素加一个 *背景图片* 的方式来显示多媒体元素。 但在某些情况下，可能会产生一些不可预知的问题。 例如，您可能希望显示一段视频或一张响应式图片。 对于这些用例，请使用 `component` 属性： {{"demo": "pages/components/cards/ImgMediaCard.js", "bg": true}} @@ -43,7 +43,7 @@ Set `variant="outlined"` to render an outlined card. ## UI 控件 -卡片中的补充操作可使用图标、文本和 UI 控件显式调用, 通常放在一个卡片的底部。 +卡片中的次要操作由图标、文本或 UI 控件呈现。次要操作的按钮通常位于卡片底部。 下面是一个媒体控制卡片的例子。 @@ -51,4 +51,4 @@ Set `variant="outlined"` to render an outlined card. ## Customization 个性化 -👑如果您还在寻找灵感，您可以看看 [MUI Treasury 特别定制的一些例子](https://mui-treasury.com/components/card)。 \ No newline at end of file +👑如果您还在寻找灵感，请查看 [MUI Treasury 的自定义案例](https://mui-treasury.com/components/card)。 \ No newline at end of file diff --git a/docs/src/pages/components/checkboxes/checkboxes-zh.md b/docs/src/pages/components/checkboxes/checkboxes-zh.md index c877ea389fc25e..b20f139869eced 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-zh.md +++ b/docs/src/pages/components/checkboxes/checkboxes-zh.md @@ -1,5 +1,5 @@ --- -title: React Checkbox（复选框）组件 +title: React Checkbox 复选框组件 components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- @@ -11,7 +11,7 @@ components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel 如果列表中有多个选择项，则可以使用复选框替代开关控件来节省空间。 如果您只需要一个选择项，请避免使用复选框，而改用开关控件。 -## Basic checkboxes +## 简单复选框 {{"demo": "pages/components/checkboxes/Checkboxes.js"}} diff --git a/docs/src/pages/components/chips/chips-zh.md b/docs/src/pages/components/chips/chips-zh.md index acc6bcdc4f4798..fe70c745fd8f85 100644 --- a/docs/src/pages/components/chips/chips-zh.md +++ b/docs/src/pages/components/chips/chips-zh.md @@ -1,5 +1,5 @@ --- -title: React Chip（纸片）组件 +title: React Chip 纸片组件 components: Chip --- @@ -11,7 +11,7 @@ components: Chip 在这里，虽然我们将纸片组件归类为一个独立的组件，但更常见的作法是用在表单中作为输入框，因此本篇演示的内容并不会在上下文中显示。 -## Chip（纸片组件） +## 纸片组件 以下是纸片组件的一个例子，它使用了图片，SVG 图标，“字母” 和（带有字符串的）头像。 diff --git a/docs/src/pages/components/container/container-zh.md b/docs/src/pages/components/container/container-zh.md index 00187bdf7f32ea..0500c0fae47e4a 100644 --- a/docs/src/pages/components/container/container-zh.md +++ b/docs/src/pages/components/container/container-zh.md @@ -1,5 +1,5 @@ --- -title: React Container（容器）组件 +title: React Container 容器组件 components: Container --- @@ -9,7 +9,7 @@ components: Container 虽然容器可以嵌套，但大多数布局不需要嵌套的容器。 -## Fluid（流体布局） +## 流体布局 您可以通过 `maxWidth` 属性的值来设置一个 fluid 容器的最大宽度。 diff --git a/docs/src/pages/components/dialogs/dialogs-zh.md b/docs/src/pages/components/dialogs/dialogs-zh.md index d33a88e59a4088..fe9f347f406cc1 100644 --- a/docs/src/pages/components/dialogs/dialogs-zh.md +++ b/docs/src/pages/components/dialogs/dialogs-zh.md @@ -1,5 +1,5 @@ --- -title: React Dialog（对话框）组件 +title: React Dialog 对话框组件 components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- diff --git a/docs/src/pages/components/dividers/dividers-zh.md b/docs/src/pages/components/dividers/dividers-zh.md index 4ab9b7a03830b9..9b28ba9f9af255 100644 --- a/docs/src/pages/components/dividers/dividers-zh.md +++ b/docs/src/pages/components/dividers/dividers-zh.md @@ -1,5 +1,5 @@ --- -title: React Divider（分隔线）组件 +title: React Divider 分隔线组件 components: Divider --- diff --git a/docs/src/pages/components/drawers/drawers-zh.md b/docs/src/pages/components/drawers/drawers-zh.md index 6ab3d4e824bfa8..52b427570379e3 100644 --- a/docs/src/pages/components/drawers/drawers-zh.md +++ b/docs/src/pages/components/drawers/drawers-zh.md @@ -1,5 +1,5 @@ --- -title: React Drawer（抽屉）组件 +title: React Drawer 抽屉组件 components: Drawer, SwipeableDrawer --- diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-zh.md b/docs/src/pages/components/expansion-panels/expansion-panels-zh.md index 69d98a193d85f4..9dd4a23d809a85 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-zh.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-zh.md @@ -1,5 +1,5 @@ --- -title: React Expansion Panel（扩展面板）组件 +title: React Expansion Panel 扩展面板组件 components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- diff --git a/docs/src/pages/components/floating-action-button/floating-action-button-zh.md b/docs/src/pages/components/floating-action-button/floating-action-button-zh.md index eccc239e2a8401..e7761906f5e5cc 100644 --- a/docs/src/pages/components/floating-action-button/floating-action-button-zh.md +++ b/docs/src/pages/components/floating-action-button/floating-action-button-zh.md @@ -3,7 +3,7 @@ title: Fab React component components: Fab --- -# Floating action button +# Floating Action Button 悬浮操作按钮

A floating action button (FAB) performs the primary, or most common, action on a screen.

@@ -17,7 +17,7 @@ A [floating action button](https://material.io/design/components/buttons-floatin {{"demo": "pages/components/floating-action-button/FloatingActionButtons.js"}} -## Size +## Size 大小 Use the `size` prop for larger or smaller floating action buttons. diff --git a/docs/src/pages/components/grid-list/grid-list-zh.md b/docs/src/pages/components/grid-list/grid-list-zh.md index 8b10658b1eb6ab..12dfd4947bcfbe 100644 --- a/docs/src/pages/components/grid-list/grid-list-zh.md +++ b/docs/src/pages/components/grid-list/grid-list-zh.md @@ -1,5 +1,5 @@ --- -title: React Grid List（网格列表）组件 +title: React Grid List 网格列表组件 components: GridList, GridListTile, GridListTileBar, ListSubheader, IconButton --- diff --git a/docs/src/pages/components/hidden/hidden-zh.md b/docs/src/pages/components/hidden/hidden-zh.md index 4ee7b147b76686..1e535a39cb5bcf 100644 --- a/docs/src/pages/components/hidden/hidden-zh.md +++ b/docs/src/pages/components/hidden/hidden-zh.md @@ -1,5 +1,5 @@ --- -title: React Hidden（隐藏）组件 +title: React Hidden 隐藏组件 components: Hidden --- diff --git a/docs/src/pages/components/icons/icons-aa.md b/docs/src/pages/components/icons/icons-aa.md index 25457493db9fda..3bc7fa08369519 100644 --- a/docs/src/pages/components/icons/icons-aa.md +++ b/docs/src/pages/components/icons/icons-aa.md @@ -17,9 +17,25 @@ crwdns103500:0crwdne103500:0 crwdns109979:0crwdne109979:0 crwdns105937:0crwdne105937:0 crwdns105939:0crwdne105939:0 -### crwdns102762:0crwdne102762:0 +### crwdns131142:0crwdne131142:0 -crwdns103514:0crwdne103514:0 crwdns103516:0crwdne103516:0 +crwdns131144:0crwdne131144:0 + +```sh +crwdns131146:0crwdne131146:0 +``` + +crwdns131148:0crwdne131148:0 + +crwdns131150:0crwdne131150:0 + +```sh +crwdns131152:0crwdne131152:0 +``` + +### crwdns131154:0crwdne131154:0 + +crwdns131156:0crwdne131156:0 - crwdns103518:0crwdne103518:0 @@ -33,9 +49,9 @@ crwdns103514:0crwdne103514:0 crwdns103516:0crwdne103516:0 crwdns103524:0{ AccessAlarm, ThreeDRotation }crwdne103524:0 ``` -crwdns103526:0crwdne103526:0 crwdns103528:0crwdne103528:0 crwdns103530:0crwdne103530:0 +crwdns131158:0crwdne131158:0 crwdns131160:0crwdne131160:0 crwdns131162:0crwdne131162:0 -crwdns105941:0crwdne105941:0 crwdns105943:0crwdne105943:0 crwdns103536:0crwdne103536:0 +crwdns131164:0crwdne131164:0 crwdns131166:0crwdne131166:0 crwdns131168:0crwdne131168:0 - crwdns105945:0crwdne105945:0 - crwdns105947:0crwdne105947:0 @@ -45,123 +61,123 @@ crwdns105941:0crwdne105941:0 crwdns105943:0crwdne105943:0 crwdns103536:0crwdne10 > crwdns105955:0crwdne105955:0 crwdns105957:0crwdne105957:0 -crwdns105959:0crwdne105959:0 +crwdns131170:0crwdne131170:0 ## crwdns103554:0crwdne103554:0 -crwdns105961:0crwdne105961:0 crwdns105963:0crwdne105963:0 +crwdns131172:0crwdne131172:0 crwdns131174:0crwdne131174:0 - crwdns105965:0crwdne105965:0 - crwdns105967:0crwdne105967:0 crwdns105969:0crwdne105969:0 - crwdns105971:0crwdne105971:0 crwdns105973:0crwdne105973:0 ```jsx -crwdns105975:0{...props}crwdne105975:0 +crwdns131176:0{...props}crwdne131176:0 ``` -### crwdns105977:0crwdne105977:0 +### crwdns131178:0crwdne131178:0 -crwdns105979:0crwdne105979:0 +crwdns131180:0crwdne131180:0 -### crwdns105981:0crwdne105981:0 +### crwdns131182:0crwdne131182:0 -crwdns105983:0crwdne105983:0 +crwdns131184:0crwdne131184:0 -### crwdns105985:0crwdne105985:0 +### crwdns131186:0crwdne131186:0 -crwdns105987:0crwdne105987:0 crwdns105989:0crwdne105989:0 crwdns105991:0crwdne105991:0 +crwdns131188:0crwdne131188:0 crwdns131190:0crwdne131190:0 crwdns131192:0crwdne131192:0 -**crwdns105993:0crwdne105993:0** +**crwdns131194:0crwdne131194:0** ```js -crwdns105995:0crwdne105995:0 +crwdns131196:0crwdne131196:0 ``` ```jsx -crwdns105997:0{StarIcon}crwdne105997:0 +crwdns131198:0{StarIcon}crwdne131198:0 ``` -### crwdns105999:0crwdne105999:0 +### crwdns131200:0crwdne131200:0 #### crwdns103572:0crwdne103572:0 -crwdns109981:0crwdne109981:0 +crwdns131202:0crwdne131202:0 #### crwdns103576:0crwdne103576:0 -crwdns106003:0crwdne106003:0 crwdns106005:0crwdne106005:0 +crwdns131204:0crwdne131204:0 crwdns131206:0crwdne131206:0 -crwdns106007:0crwdne106007:0 +crwdns131208:0crwdne131208:0 ## crwdns103584:0crwdne103584:0 -crwdns106009:0crwdne106009:0 crwdns106011:0crwdne106011:0 +crwdns131210:0crwdne131210:0 crwdns131212:0crwdne131212:0 ```html -crwdns106013:0crwdne106013:0 +crwdns131214:0crwdne131214:0 ``` -crwdns106015:0crwdne106015:0 crwdns106017:0crwdne106017:0 +crwdns131216:0crwdne131216:0 crwdns131218:0crwdne131218:0 -crwdns106019:0crwdne106019:0 +crwdns131220:0crwdne131220:0 ```jsx -crwdns106021:0crwdne106021:0 +crwdns131222:0crwdne131222:0 ``` -crwdns106023:0crwdne106023:0 crwdns106025:0crwdne106025:0 +crwdns131224:0crwdne131224:0 crwdns131226:0crwdne131226:0 -### crwdns106027:0crwdne106027:0 +### crwdns131228:0crwdne131228:0 -crwdns106029:0crwdne106029:0 +crwdns131230:0crwdne131230:0 -### crwdns106031:0crwdne106031:0 +### crwdns131232:0crwdne131232:0 -crwdns106033:0crwdne106033:0 +crwdns131234:0crwdne131234:0 -crwdns106035:0crwdne106035:0 +crwdns131236:0crwdne131236:0 ## crwdns102832:0crwdne102832:0 crwdns102834:0crwdne102834:0 -crwdns106037:0crwdne106037:0 crwdns106039:0crwdne106039:0 +crwdns131238:0crwdne131238:0 crwdns131240:0crwdne131240:0 -crwdns106041:0crwdne106041:0 +crwdns131242:0crwdne131242:0 ## crwdns102836:0crwdne102836:0 -crwdns106043:0crwdne106043:0 crwdns106045:0crwdne106045:0 +crwdns131244:0crwdne131244:0 crwdns131246:0crwdne131246:0 - crwdns106047:0crwdne106047:0 crwdns106049:0crwdne106049:0 - crwdns106051:0crwdne106051:0 crwdns106053:0crwdne106053:0 -### crwdns106055:0crwdne106055:0 +### crwdns131248:0crwdne131248:0 -crwdns106057:0crwdne106057:0 crwdns106059:0crwdne106059:0 +crwdns106075:0crwdne106075:0 crwdns106077:0crwdne106077:0 -### crwdns106061:0crwdne106061:0 +### crwdns131250:0crwdne131250:0 -crwdns106063:0crwdne106063:0 crwdns106065:0crwdne106065:0 +crwdns131252:0crwdne131252:0 crwdns131254:0crwdne131254:0 -crwdns106067:0crwdne106067:0 +crwdns131256:0crwdne131256:0 ```jsx -crwdns106069:0crwdne106069:0 +crwdns131258:0crwdne131258:0 -crwdns106071:0crwdne106071:0 +crwdns131260:0crwdne131260:0 ``` -### crwdns106073:0crwdne106073:0 +### crwdns131262:0crwdne131262:0 -crwdns106075:0crwdne106075:0 crwdns106077:0crwdne106077:0 +crwdns131264:0crwdne131264:0 crwdns131266:0crwdne131266:0 -### crwdns106079:0crwdne106079:0 +### crwdns131268:0crwdne131268:0 -crwdns106081:0crwdne106081:0 +crwdns131270:0crwdne131270:0 ```jsx -crwdns106083:0crwdne106083:0 +crwdns131272:0crwdne131272:0 -crwdns106085:0crwdne106085:0 +crwdns131274:0crwdne131274:0 ``` -### crwdns106087:0crwdne106087:0 +### crwdns131276:0crwdne131276:0 - crwdns106089:0crwdne106089:0 diff --git a/docs/src/pages/components/icons/icons-de.md b/docs/src/pages/components/icons/icons-de.md index 74e948fe93236a..ed77c5ff90610d 100644 --- a/docs/src/pages/components/icons/icons-de.md +++ b/docs/src/pages/components/icons/icons-de.md @@ -17,9 +17,33 @@ Material-UI provides icons support in three ways: Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). +### Installation + +Installieren Sie das Paket innerhalb des Projektordners mit: + +```sh +// mit npm +npm install @material-ui/icons + +// mit yarn +yarn add @material-ui/icons +``` + +These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI. + +If you are not already using Material-UI in your project, you can add it with: + +```sh +// mit npm +npm install @material-ui/core + +// mit yarn +yarn add @material-ui/core +``` + ### Nutzung -Install `@material-ui/icons`. Import icons using one of these two options: +Import icons using one of these two options: - Option 1: diff --git a/docs/src/pages/components/icons/icons-es.md b/docs/src/pages/components/icons/icons-es.md index cef019376a148d..f28718be8ded2f 100644 --- a/docs/src/pages/components/icons/icons-es.md +++ b/docs/src/pages/components/icons/icons-es.md @@ -17,9 +17,33 @@ Material-UI provides icons support in three ways: Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). +### Instalación + +Install the package in your project directory with: + +```sh +// usando npm +npm install @material-ui/icons + +// usando yarn +yarn add @material-ui/icons +``` + +These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI. + +If you are not already using Material-UI in your project, you can add it with: + +```sh +// usando npm +npm install @material-ui/core + +// usando yarn +yarn add @material-ui/core +``` + ### Implementación -Install `@material-ui/icons`. Import icons using one of these two options: +Import icons using one of these two options: - Option 1: diff --git a/docs/src/pages/components/icons/icons-fr.md b/docs/src/pages/components/icons/icons-fr.md index b30cc47db3ea96..c51ddd710dd2a6 100644 --- a/docs/src/pages/components/icons/icons-fr.md +++ b/docs/src/pages/components/icons/icons-fr.md @@ -17,9 +17,33 @@ Material-UI provides icons support in three ways: Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). +### Installation + +Install the package in your project directory with: + +```sh +// with npm +npm install @material-ui/icons + +// with yarn +yarn add @material-ui/icons +``` + +These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI. + +If you are not already using Material-UI in your project, you can add it with: + +```sh +// avec npm +npm install @material-ui/core + +// avec yarn +yarn add @material-ui/core +``` + ### Utilisation -Install `@material-ui/icons`. Import icons using one of these two options: +Import icons using one of these two options: - Option 1: diff --git a/docs/src/pages/components/icons/icons-ja.md b/docs/src/pages/components/icons/icons-ja.md index 356f707df807de..3220ef5fae6a51 100644 --- a/docs/src/pages/components/icons/icons-ja.md +++ b/docs/src/pages/components/icons/icons-ja.md @@ -17,9 +17,33 @@ Material-UI provides icons support in three ways: Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). +### インストール + +Install the package in your project directory with: + +```sh +// with npm +npm install @material-ui/icons + +// with yarn +yarn add @material-ui/icons +``` + +These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI. + +If you are not already using Material-UI in your project, you can add it with: + +```sh +// npmの場合 +npm install @material-ui/core + +// yarnの場合 +yarn add @material-ui/core +``` + ### 使い方 -Install `@material-ui/icons`. Import icons using one of these two options: +Import icons using one of these two options: - Option 1: @@ -112,7 +136,7 @@ Note: [mdi-material-ui](https://github.com/TeamWertarbyte/mdi-material-ui) has a ``` -`Icon` will set the correct class name for the Material icon font. For other fonts, you must supply the class name using the Icon component's `className` property. +`Icon` will set the correct class name for the Material icon font. 他のフォントの場合、Iconコンポーネントの `className` プロパティを使用して クラス名を指定する必要があります。 アイコンを使用するには、単純にアイコン名（フォントの合字）を `Icon` コンポーネントでラップします。例えば： diff --git a/docs/src/pages/components/icons/icons-pt.md b/docs/src/pages/components/icons/icons-pt.md index 315683245371a9..d13beba1e99fc7 100644 --- a/docs/src/pages/components/icons/icons-pt.md +++ b/docs/src/pages/components/icons/icons-pt.md @@ -17,9 +17,33 @@ Material-UI fornece suporte de ícones de três maneiras: Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). Para cada ícone SVG, exportamos o respectivo componente React do pacote @material-ui/icons. You can [search the full list of these icons](/components/material-icons/). +### Instalação + +Instale o pacote no diretório do projeto com: + +```sh +// utilizando o npm +npm install @material-ui/icons + +// utilizando o yarn +yarn add @material-ui/icons +``` + +These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI. + +If you are not already using Material-UI in your project, you can add it with: + +```sh +// usando npm +npm install @material-ui/core + +// usando yarn +yarn add @material-ui/core +``` + ### Utilização -Instale `@material-ui/icons`. Importe ícones usando uma destas duas opções: +Importe ícones usando uma destas duas opções: - Opção 1: diff --git a/docs/src/pages/components/icons/icons-ru.md b/docs/src/pages/components/icons/icons-ru.md index 69a0bfd3bb0bcd..7518e5db9ddf68 100644 --- a/docs/src/pages/components/icons/icons-ru.md +++ b/docs/src/pages/components/icons/icons-ru.md @@ -17,9 +17,33 @@ Material-UI обеспечивает поддержку иконок тремя Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). +### Инструкция по установке + +Установите пакет в каталог проекта командой: + +```sh +// через npm +npm install @material-ui/icons + +// через yarn +yarn add @material-ui/icons +``` + +These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI. + +If you are not already using Material-UI in your project, you can add it with: + +```sh +// with npm +npm install @material-ui/core + +// with yarn +yarn add @material-ui/core +``` + ### Использование -Install `@material-ui/icons`. Import icons using one of these two options: +Import icons using one of these two options: - Option 1: diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/src/pages/components/icons/icons-zh.md index 9a32da4f773ef0..1d804fe38381c2 100644 --- a/docs/src/pages/components/icons/icons-zh.md +++ b/docs/src/pages/components/icons/icons-zh.md @@ -17,9 +17,33 @@ Material-UI 通过以下三种方式来支持图标的使用： Material Design 已经将1,100多个官方图标标准化，而每个图标都有五个不同的“主题”(见下文)。 对于每个 SVG 图标，我们从 @ material-ui/icons 包中导出相应的React组件。 您可以 [搜索完整的图标列表](/components/material-icons/)。 +### 安装 + +请在您的项目目录中用以下方式安装依赖包： + +```sh +// 通过 npm +npm install @material-ui/icons + +// 通过 yarn +yarn add @material-ui/icons +``` + +These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI. + +如果你尚未在你的项目中使用Material-UI, 你可以按如下方式安装: + +```sh +// 用 npm 安装 +npm install @material-ui/core + +// 用 yarn 安装 +yarn add @material-ui/core +``` + ### 使用 -安装 `@material-ui/icons`。 有两种导入图标的方法： +有两种导入图标的方法： - 方法 1: @@ -36,7 +60,7 @@ Material Design 已经将1,100多个官方图标标准化，而每个图标都 当然了，方法 1 比方法 2 安全得多，但是方法 2 提供了最好的开发体验。 在使用第二个方法之前，请确保您遵循 [最小化捆绑包大小指南](/guides/minimizing-bundle-size/#option-2)。 我们强烈建议您配置一个 Babel 插件。 -其中我们给每个图标配备了一个”主题“：Filled (default), Outlined, Rounded, Two tone 以及 Sharp。 若您想导入一个不是默认主题的图标组件，在图标名加主题做为后缀可以帮助你实现。 例如，`@material-ui/icons/Delete` 图标可以： +其中我们给每个图标配备了一个”主题“：Filled (default), Outlined, Rounded, Two tone 以及 Sharp。 若您想导入一个不是默认主题的图标组件，在图标名加主题做为后缀即可。 例如，`@material-ui/icons/Delete` 图标可以： - 导出为 Filled 主题（默认值）：`@material-ui/icons/Delete`， - 导出为 Outlined 主题：`@material-ui/icons/DeleteOutlined`， @@ -44,17 +68,17 @@ Material Design 已经将1,100多个官方图标标准化，而每个图标都 - 导出为 Twotone 主题：`@material-ui/icons/DeleteTwoTone `， - 导出为 Sharp 主题：`@material-ui/icons/DeleteSharp `， -> Note: The Material Design specification names the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while `@material-ui/icons` exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). There are three exceptions to this naming rule: `3d_rotation` exported as `ThreeDRotation`, `4k` exported as `FourK`, and `360` exported as `ThreeSixty`. +> 友情提示：Material Design 在命名图标的时候遵循了 “snake_case” 变量命名法（例如，`delete_forever` 和 `add_a_photo`），而 `@material-ui/icons` 则使用 “PascalCase” 来命名导出的相应图标（例如，`DeleteForever` 以及 `AddAPhoto`）。 并且此命名规则有三个特例：`3d_rotation` 导出为 `ThreeDRotation`，`4k` 导出为 `FourK`，以及 `360` 导出为 `ThreeSixty`。 {{"demo": "pages/components/icons/SvgMaterialIcons.js"}} -## SvgIcon（Svg 图标） +## SvgIcon Svg 图标 -If you need a custom SVG icon (not available in the Material Icons [default set](/components/material-icons/)) you can use the `SvgIcon` wrapper. This component extends the native `` element: +如果你想导入一个自定义的 SVG 图标（但是又无法在 Material 图标[默认系列](/components/material-icons/)中找到），你可以使用 `SvgIcon` 来包装你的图标。 此组件是原生 `` 元素的拓展版： -- It comes with built-in accessibility. -- SVG elements should be scaled for a 24x24px viewport, so the resulting icon can be used as is, or included as a child for other Material-UI components that use icons. (This can be customized with the `viewBox` attribute). -- By default, the component inherits the current color. Optionally, you can apply one of the theme colors using the `color` prop. +- 它具备一些内置的可及性。 +- SVG 元素应缩放为 24x24px 的视图，这样一来其他一些 Material-UI 组件可以将此图标直接使用，或者包含为其子元素。 （使用 `viewBox` 属性，您可以随意自定义）。 +- 默认情况下，此组件会继承当前的颜色。 当然，通过 `color` 这个属性，你可以让图标使用主题里的颜色。 ```jsx function HomeIcon(props) { @@ -70,13 +94,13 @@ function HomeIcon(props) { {{"demo": "pages/components/icons/SvgIconsColor.js"}} -### Size +### Size 大小 {{"demo": "pages/components/icons/SvgIconsSize.js"}} ### Component prop -You can use the `SvgIcon` wrapper even if your icons are saved the `.svg` format. [svgr](https://github.com/smooth-code/svgr) has loaders to import svg files and use them as React components. For instance, with webpack: +即使图标以 `.svg` 格式保存，你依然可以使用 `SvgIcon` 来包装它。 通过 [svgr](https://github.com/smooth-code/svgr) 提供的加载装置，您将 svg 图标作为 React 组件导入。 譬如，使用 webpack ： **webpack.config.js** ```js @@ -94,25 +118,25 @@ import StarIcon from './star.svg'; ### 库 -#### Material Design (recommended) +#### Material Design （强烈推荐） -Material Design has standardized over [1,100 official icons](#material-icons). +Material Design 将 [1100 多个海量官方图标 ](#material-icons)标准化。 #### MDI -[materialdesignicons.com](https://materialdesignicons.com/) provides over 2,000 icons. For the wanted icon, copy the SVG `path` they provide, and use it as the child of the `SvgIcon` component. +[materialdesignicons.com](https://materialdesignicons.com/) 提供了 2000 多个图标。 若想使用任何图标，只需复制图标的 SVG `path`，并将其作为 `SvgIcon` 组件的子元素使用。 -Note: [mdi-material-ui](https://github.com/TeamWertarbyte/mdi-material-ui) has already wrapped each of these SVG icons with the `SvgIcon` component, so you don't have to do it yourself. +友情提示：[mdi-material-ui](https://github.com/TeamWertarbyte/mdi-material-ui) 已经将每个 SVG 图标用 `SvgIcon` 组件包装起来，你可以高枕无忧了。 ## Icon (Font icons) -对于支持连字的任何图标字体，`Icon` 组件能够将其显示为一个图标。 作为先决条件，您必须在项目中包括一个 [Material icon font](https://google.github.io/material-design-icons/#icon-font-for-the-web)，举例来说，您可以由 Google Web Fonts 引入： +对于支持连字的任何图标字体，`Icon` 组件能够将其显示为一个图标。 作为先决条件，你的项目里必须包含 [Material icon font](https://google.github.io/material-design-icons/#icon-font-for-the-web)，譬如说，您可以通过 Google Web Fonts 来导入： ```html ``` -`Icon` will set the correct class name for the Material icon font. For other fonts, you must supply the class name using the Icon component's `className` property. +`Icon` 将为 Material icon font 设置正确的 class 名字。 对于其他字体来说，则需要通过 Icon 组件的 `className` 属性来传递类名称（class name)。 若想要使用图标，您只需把图标名（字体连字）和 `Icon` 组件包装到一起，例如： @@ -134,7 +158,7 @@ import Icon from '@material-ui/core/Icon'; {{"demo": "pages/components/icons/FontAwesome.js", "hideEditButton": true}} -## Font vs SVG. Which approach to use? +## Font vs SVG。 使用哪个更好呢？ 这两种方法都能管用，然而，它们之间还是有着一些微妙的差异，特别当涉及到整体性能和渲染质量。 我们推荐尽可能选择 SVG，因为它允许代码分割、支持更多图标、而且渲染得更快、更好。 @@ -142,17 +166,17 @@ import Icon from '@material-ui/core/Icon'; ## 可访问性 -图标可以传达各种各样有意义的信息，所以将他们传递给尽可能多的受众是至关重要的。 There are two use cases you’ll want to consider: -- **Decorative Icons** are only being used for visual or branding reinforcement. 如果将它们从页面中删除，用户仍然可以理解并能够使用您的页面。 -- **Semantic Icons** are ones that you’re using to convey meaning, rather than just pure decoration. 这包括将边上不带有文本的图标用作一些交互式控件 — 按钮，表单元素，切换等。 +图标可以传达各种各样有意义的信息，所以将他们传递给尽可能多的受众是至关重要的。 您可能会注意到这两个用例： +- **装饰性的图标（Decorative Icons）** 只在视觉或者品牌强化中使用。 即使将它们从页面中移除，用户仍然可以理解并能够使用整个界面。 +- **语义图标（Semantic Icons）** 则是那些承载含义的图标，而不只有纯粹的装饰用途。 这也包括了将一些不带着文本的图标作为交互式控件使用 — 按钮，表单元素，切换等。 ### 装饰 SVG 图标 -If your icons are purely decorative, you’re already done! The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible). +如果你的图标只是作为纯粹的装饰，那么你已经大功告成啦！ 而添加 `aria-hidden=true` 属性可以让你的图标变成正确的且可访问的（隐形的）。 ### 语义 SVG 图标 -如果您的图标带有语义，您只需要包含 `titleAccess =“含义”` 属性。 The `role="img"` attribute and the `` element are added so that your icons are properly accessible. +如果您的图标带有语义，您只需要包含 `titleAccess =“含义”` 属性。 当然了，通过加入 `role="img"` 属性和 `` 元素，你的图标也是可访问的。 对于那些可聚焦的交互式元素，譬如与一个图标按钮一起使用时，您可以使用 `aria-label` 属性： @@ -171,7 +195,7 @@ import SvgIcon from '@material-ui/core/SvgIcon'; ### 装饰形的字体图标 -If your icons are purely decorative, you’re already done! The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible). +如果你的图标只是作为纯粹的装饰，那么你已经大功告成啦！ 而添加 `aria-hidden=true` 属性可以让你的图标变成正确的且可访问的（隐形的）。 ### 语义字体图标 diff --git a/docs/src/pages/components/lists/lists-fr.md b/docs/src/pages/components/lists/lists-fr.md index 5eb85443893b07..afa732d04dfe17 100644 --- a/docs/src/pages/components/lists/lists-fr.md +++ b/docs/src/pages/components/lists/lists-fr.md @@ -1,5 +1,5 @@ --- -title: Composant React Liste +title: Liste des composants React components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader --- @@ -53,13 +53,13 @@ Vous devez modifier l'alignement des éléments de la liste lorsque vous affiche {{"demo": "pages/components/lists/AlignItemsList.js", "bg": true}} -## Liste et contrôles +## Controles de liste ### Case à cocher Une case à cocher peut être une action principale ou secondaire. -The checkbox is the primary action and the state indicator for the list item. The comment button is a secondary action and a separate target. +La case a cocher est l'action primaire et l'indicateur d'état pour l'élément liste. Le bouton comment est une action secondaire et une cible séparée. {{"demo": "pages/components/lists/CheckboxList.js", "bg": true}} diff --git a/docs/src/pages/components/lists/lists-zh.md b/docs/src/pages/components/lists/lists-zh.md index a47e43d1393b60..7cc7f273789641 100644 --- a/docs/src/pages/components/lists/lists-zh.md +++ b/docs/src/pages/components/lists/lists-zh.md @@ -67,7 +67,7 @@ The checkbox is the primary action and the state indicator for the list item. Th {{"demo": "pages/components/lists/CheckboxListSecondary.js", "bg": true}} -### Switch （开关） +### 开关 该开关是辅助操作和单独的目标。 @@ -81,11 +81,11 @@ This feature relies on CSS sticky positioning. Unfortunately it's [not implement {{"demo": "pages/components/lists/PinnedSubheaderList.js", "bg": true}} -## Inset List（嵌入列表） +## 嵌入列表 {{"demo": "pages/components/lists/InsetList.js", "bg": true}} -## 大型列表渲染（Virtualized Table） +## 大型列表渲染 在下面的示例中，我们演示了如何将 [react-window](https://github.com/bvaughn/react-window) 与 `List` 组件一起使用 它渲染了200行，可以轻松处理更多行。 可视化优化了整体的性能。 diff --git a/docs/src/pages/components/menus/menus-zh.md b/docs/src/pages/components/menus/menus-zh.md index 3d00be68750146..571e1e3a640f5a 100644 --- a/docs/src/pages/components/menus/menus-zh.md +++ b/docs/src/pages/components/menus/menus-zh.md @@ -1,5 +1,5 @@ --- -title: React Menu（菜单）组件 +title: React Menu 菜单组件 components: Menu, MenuItem, MenuList, ClickAwayListener, Popover, Popper --- diff --git a/docs/src/pages/components/paper/paper-zh.md b/docs/src/pages/components/paper/paper-zh.md index c258ac9b205694..f9b30e4bb96fb9 100644 --- a/docs/src/pages/components/paper/paper-zh.md +++ b/docs/src/pages/components/paper/paper-zh.md @@ -1,5 +1,5 @@ --- -title: React Paper（纸张）组件 +title: React Paper 纸张组件 components: Paper --- diff --git a/docs/src/pages/components/rating/rating-zh.md b/docs/src/pages/components/rating/rating-zh.md index 2b4a94e42310e1..efc6ff34c286f7 100644 --- a/docs/src/pages/components/rating/rating-zh.md +++ b/docs/src/pages/components/rating/rating-zh.md @@ -5,41 +5,41 @@ components: Rating # Rating 评分 -<p class="description">Ratings provide insight regarding others’ opinions and experiences with a product. Users can also rate products they’ve purchased.</p> +<p class="description">评分可以展现用户对某一产品的大致态度和使用体验。 用户也可以为他们购买过的产品打分。</p> -## Simple ratings +## Simple ratings 简单评分 {{"demo": "pages/components/rating/SimpleRating.js"}} -## Customized ratings +## Customized ratings 自定义评分 这是一些自定义样式开关的例子 您可以在[重写文档页](/customization/components/)中了解有关此内容的更多信息。 {{"demo": "pages/components/rating/CustomizedRatings.js"}} -## Hover feedback +## 悬停反馈 -You can display a label on hover to help users pick the correct rating value. The demo uses the `onChangeActive` prop. +当用户的鼠标悬停在评分组件上时，您可以展示标签以帮助他们选择分值。 以下案例使用了 `onChangeActive` 这一属性。 {{"demo": "pages/components/rating/HoverRating.js"}} ## Half ratings -The rating can display any float number with the `value` prop. Use the `precision` prop to define the minimum increment value change allowed. +这种评分组件可以展示任何浮点数字。此功能可通过 `value` 属性实现。 您可以使用 `precision` 属性定义最小步进值。 {{"demo": "pages/components/rating/HalfRating.js"}} ## 尺寸 -Fancy larger or smaller ratings? Use the `size` prop. +想把评分组件变大或变小？ 您可以使用 `size` 属性。 {{"demo": "pages/components/rating/RatingSize.js"}} ## 可访问性 -(WAI tutorial: https://www.w3.org/WAI/tutorials/forms/custom-controls/#a-star-rating) +（WAI 教程：https://www.w3.org/WAI/tutorials/forms/custom-controls/#a-star-rating） 这个组件的可访问性依赖于： - A radio group is used with its fields visually hidden. It contains six radio buttons, one for each star and another for 0 stars, which is checked by default. Make sure you are providing a `name` prop that is unique to the parent form. -- The labels for the radio buttons contain actual text (“1 Star”, “2 Stars”, …), make sure you provide a `getLabelText` prop when the page language is not English. \ No newline at end of file +- 单选按钮的标签需要包含确切的文本（“一星”，“两星”，…）。当页面的语言不是英文时，请使用 `getLabelText` 这一属性。 \ No newline at end of file diff --git a/docs/src/pages/components/selects/selects-zh.md b/docs/src/pages/components/selects/selects-zh.md index 85340e6898ed24..f2c1d3e39a8e49 100644 --- a/docs/src/pages/components/selects/selects-zh.md +++ b/docs/src/pages/components/selects/selects-zh.md @@ -1,5 +1,5 @@ --- -title: React Select（选择器）组件 +title: React Select 选择器组件 components: Select, NativeSelect --- @@ -9,11 +9,11 @@ components: Select, NativeSelect ## 简单的选择器 -菜单位于其所点击的元素上，这样能够保证当前选定的菜单项在点击元素之上显示。 +我们通常将菜单（Menus）放置在其所点击的元素上，以确保当前选定的菜单项在点击元素之上显示。 {{"demo": "pages/components/selects/SimpleSelect.js"}} -## Advanced features +## 高级功能 The Select component is meant to be interchangeable with a native `<select>` element. diff --git a/docs/src/pages/components/skeleton/skeleton-zh.md b/docs/src/pages/components/skeleton/skeleton-zh.md index 94f196b39c6d20..92ce7d88c002fb 100644 --- a/docs/src/pages/components/skeleton/skeleton-zh.md +++ b/docs/src/pages/components/skeleton/skeleton-zh.md @@ -19,7 +19,7 @@ components: Skeleton )} ``` -## 变种(Variants) +## 变种 The component supports 3 shape variants. diff --git a/docs/src/pages/components/snackbars/snackbars-zh.md b/docs/src/pages/components/snackbars/snackbars-zh.md index 6c9f0ec85ac289..5b4cff247e9212 100644 --- a/docs/src/pages/components/snackbars/snackbars-zh.md +++ b/docs/src/pages/components/snackbars/snackbars-zh.md @@ -1,5 +1,5 @@ --- -title: React Snackbar（消息条）组件 +title: React Snackbar 消息条组件 components: Snackbar, SnackbarContent --- diff --git a/docs/src/pages/components/steppers/steppers-zh.md b/docs/src/pages/components/steppers/steppers-zh.md index b9a1070be9ff68..1696f2ade48f07 100644 --- a/docs/src/pages/components/steppers/steppers-zh.md +++ b/docs/src/pages/components/steppers/steppers-zh.md @@ -1,20 +1,20 @@ --- -title: React Stepper（步骤条）组件 +title: React Stepper 步骤条组件 components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper --- # Stepper 步进器 -<p class="description">步进器通过数字编号表示进度。 It provides a wizard-like workflow.</p> +<p class="description">步进器通过数字编号表示进度。 使用步进器可以提供类似于安装向导的用户流。</p> [步骤条](https://material.io/archive/guidelines/components/steppers.html) 通过一系列逻辑和编号的步骤来显示当前操作的进度。 它们也可用于导航。 在保存一个步骤后，步骤条可能会显示短暂的反馈信息。 -- **Types of Steps**: Editable, Non-editable, Mobile, Optional -- **Types of Steppers**: Horizontal, Vertical, Linear, Non-linear +- **节点类型**：可编辑节点，不可编辑节点，移动节点，非强制节点 +- **步进器类型**：横向步进器，竖向步进器，线性步进器，非线性步进器 -> **Note:** Steppers are no longer documented in the [Material Design guidelines](https://material.io/), but Material-UI will continue to support them. +> **注意：**步进器不再出现在 [Material Design 指南](https://material.io/) 中, 但 Material-UI 会继续支持步进器。 -## Horizontal Stepper +## 横向步进器 ### 线性的步骤条 @@ -26,7 +26,7 @@ components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIco ### Linear - Alternative Label -Labels can be placed below the step icon by setting the `alternativeLabel` prop on the `Stepper` component. +您可以将标签放置在节点图标之下。请在 `Stepper` 组件中设置 `alternativeLabel` 这一属性。 {{"demo": "pages/components/steppers/HorizontalLinearAlternativeLabelStepper.js", "bg": true}} @@ -48,7 +48,7 @@ The use of the `StepButton` here demonstrates clickable step labels, as well as ### Non-linear - Alternative Label -Labels can be placed below the step icon by setting the `alternativeLabel` prop on the `Stepper` component. +您可以将标签放置在节点图标之下。请在 `Stepper` 组件中设置 `alternativeLabel` 这一属性。 {{"demo": "pages/components/steppers/HorizontalNonLinearAlternativeLabelStepper.js", "bg": true}} @@ -82,7 +82,7 @@ This is essentially a back/next button positioned correctly. You must implement {{"demo": "pages/components/steppers/DotsMobileStepper.js", "bg": true}} -### Progress 进度条 +### 进度条 当有许多步骤时，或者如果在此过程中需要插入步骤（基于对早期步骤的响应），请使用进度条。 diff --git a/docs/src/pages/components/tables/tables-aa.md b/docs/src/pages/components/tables/tables-aa.md index c78b38ef857535..b7765b06a4bd7e 100644 --- a/docs/src/pages/components/tables/tables-aa.md +++ b/docs/src/pages/components/tables/tables-aa.md @@ -41,7 +41,7 @@ crwdns105671:0crwdne105671:0 crwdns92046:0crwdne92046:0 crwdns92048:0crwdne92048:0 -crwdns92050:0crwdne92050:0 crwdns92052:0crwdne92052:0 crwdns92054:0crwdne92054:0 +crwdns92050:0crwdne92050:0 crwdns92052:0crwdne92052:0 crwdns131278:0crwdne131278:0 crwdns105673:0crwdne105673:0 diff --git a/docs/src/pages/components/tables/tables-de.md b/docs/src/pages/components/tables/tables-de.md index 105806f28c42bc..8f6317e33d6e04 100644 --- a/docs/src/pages/components/tables/tables-de.md +++ b/docs/src/pages/components/tables/tables-de.md @@ -41,7 +41,7 @@ Ein einfaches Beispiel für einen dichte Tabelle ohne Schnörkel. Dieses Beispiel demonstriert die Nutzung von `Optionsfeld` und klickbaren Zeilen zur Auswahl mit einer benutzerdefinierten `Werkzeugleiste`. Es verwendet die `TableSortLabel` Komponente, um Spaltenüberschriften zu formatieren. -Der Tabelle wurde eine feste Breite zugewiesen, um das horizontale Scrollen zu veranschaulichen. Um zu verhindern, dass die Paginierungssteuerelemente einen Bildlauf ausführen, wird die TablePagination-Komponente außerhalb der Tabelle verwendet. (Das [‚Custom Tabelle Paginierung Aktion‘ Beispiel](#custom-table-pagination-action) unten zeigt die Paginierung im TableFooter.) +Der Tabelle wurde eine feste Breite zugewiesen, um das horizontale Scrollen zu veranschaulichen. Um zu verhindern, dass die Paginierungssteuerelemente einen Bildlauf ausführen, wird die TablePagination-Komponente außerhalb der Tabelle verwendet. (Das [‚Custom Tabelle Paginierung Aktion‘ Beispiel](#custom-pagination-actions) unten zeigt die Paginierung im TableFooter.) {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} @@ -111,7 +111,7 @@ Für fortgeschrittenere Anwendungsfälle können Ihnen folgende Projekte helfen: ## Barrierefreiheit -(WAI tutorial: https://www.w3.org/WAI/tutorials/tables/) +(WAI Tutorial: https://www.w3.org/WAI/tutorials/tables/) ### Caption diff --git a/docs/src/pages/components/tables/tables-es.md b/docs/src/pages/components/tables/tables-es.md index f623f2701d6b85..f3a65af8b62b3d 100644 --- a/docs/src/pages/components/tables/tables-es.md +++ b/docs/src/pages/components/tables/tables-es.md @@ -41,7 +41,7 @@ Un Ejemplo de una tabla densa sin florituras. Este ejemplo demuestra el uso del `Checkbox` y las filas cliqueables para seleccionar, con una `Toolbar` personalizado. Utiliza el componente `TableSortLabel` para ayudar a dar estilo a las cabeceras de las columnas. -La Tabla tiene un ancho fijo para demostrar el desplazamiento horizontal. Para evitar que se desplacen los controles de paginación, el componente TablePagination se usa fuera de la Tabla. (El [ejemplo de la 'Acción de paginación de tabla personalizado'](#custom-table-pagination-action) de abajo demuestra la paginación dentro del TableFooter.) +La Tabla tiene un ancho fijo para demostrar el desplazamiento horizontal. Para evitar que se desplacen los controles de paginación, el componente TablePagination se usa fuera de la Tabla. (El [ejemplo de la 'Acción de paginación de tabla personalizado'](#custom-pagination-actions) de abajo demuestra la paginación dentro del TableFooter.) {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} diff --git a/docs/src/pages/components/tables/tables-fr.md b/docs/src/pages/components/tables/tables-fr.md index e5cb8694f9dabd..bff028994969a6 100644 --- a/docs/src/pages/components/tables/tables-fr.md +++ b/docs/src/pages/components/tables/tables-fr.md @@ -41,7 +41,7 @@ Un exemple simple de tableau dense sans fioritures. Cet exemple illustre l'utilisation de `Checkbox` et des lignes cliquables pour la sélection, avec une `Toolbar` personnalisée. Il utilise le composant `TableSortLabel` pour aider à styliser les en-têtes de colonne. -La table a reçu une largeur fixe pour illustrer le défilement horizontal. Afin d'éviter le défilement des contrôles de pagination, le composant TablePagination est utilisé en dehors du tableau. (L'exemple ['Action de pagination de table personnalisée' ](#custom-table-pagination-action) ci-dessous montre la pagination dans TableFooter.) +La table a reçu une largeur fixe pour illustrer le défilement horizontal. Afin d'éviter le défilement des contrôles de pagination, le composant TablePagination est utilisé en dehors du tableau. (L'exemple ['Action de pagination de table personnalisée' ](#custom-pagination-actions) ci-dessous montre la pagination dans TableFooter.) {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} diff --git a/docs/src/pages/components/tables/tables-ja.md b/docs/src/pages/components/tables/tables-ja.md index 271d5c43a96d61..8dce2c94f1778a 100644 --- a/docs/src/pages/components/tables/tables-ja.md +++ b/docs/src/pages/components/tables/tables-ja.md @@ -41,7 +41,7 @@ Data tableの上部には、列名をリストするヘッダー行があり、 この例では、カスタム ` Toolbar `使用して、 ` Checkbox ` とクリック可能な行を選択に使用する方法を示します。 列見出しのスタイル設定に役立つように `TableSortLabel` コンポーネントを使用します。 -テーブルは水平スクロールを示すために固定幅が与えられています。 ページ付けコントロールがスクロールするのを防ぐために、TablePaginationコンポーネントはTableの外側で使用されます。 （下記の ['カスタムテーブルページネーションアクション'の例](#custom-table-pagination-action) は、TableFooter内のページネーションを示しています。） +テーブルは水平スクロールを示すために固定幅が与えられています。 ページ付けコントロールがスクロールするのを防ぐために、TablePaginationコンポーネントはTableの外側で使用されます。 （下記の ['カスタムテーブルページネーションアクション'の例](#custom-pagination-actions) は、TableFooter内のページネーションを示しています。） {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} diff --git a/docs/src/pages/components/tables/tables-pt.md b/docs/src/pages/components/tables/tables-pt.md index b058f857612900..7664e54e2ace83 100644 --- a/docs/src/pages/components/tables/tables-pt.md +++ b/docs/src/pages/components/tables/tables-pt.md @@ -41,7 +41,7 @@ Um exemplo simples de uma tabela densa sem frescuras. Este exemplo demonstra o uso de linhas clicáveis e `Checkbox` para a seleção, com uma barra de ferramentas personalizada `Toolbar`. Ele usa o componente `TableSortLabel` para ajudar no estilo dos cabeçalhos das colunas. -A tabela recebeu uma largura fixa para demonstrar a rolagem horizontal. Para impedir que os controles de paginação rolem, o componente TablePagination é usado fora da tabela. (O [Exemplo 'da ação de paginação personalizada'](#custom-table-pagination-action) abaixo mostra a paginação dentro de TableFooter.) +A tabela recebeu uma largura fixa para demonstrar a rolagem horizontal. Para impedir que os controles de paginação rolem, o componente TablePagination é usado fora da tabela. (O [Exemplo 'da ação de paginação personalizada'](#custom-pagination-actions) abaixo mostra a paginação dentro de TableFooter.) {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} diff --git a/docs/src/pages/components/tables/tables-ru.md b/docs/src/pages/components/tables/tables-ru.md index f7e6cb779b2aa0..bfef6082be5de9 100644 --- a/docs/src/pages/components/tables/tables-ru.md +++ b/docs/src/pages/components/tables/tables-ru.md @@ -41,7 +41,7 @@ components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, В этом примере демонстрируется использование `чекбокса` и кликабельных строк для выбора данных в настраиваемой `панели инструментов`. Здесь используется компонент `TableSortLabel` чтобы помочь стилизовать заголовки столбцов. -Таблица имеет фиксированную ширину для демонстрации горизонтальной прокрутки. Чтобы предотвратить прокрутку элементов управления нумерацией страниц, компонент TablePagination находится за пределами таблицы. (В [примерe «собственные действия элементов нумерации»](#custom-table-pagination-action) ниже показывается управление нумерацией таблиц с помощью TableFooter.) +Таблица имеет фиксированную ширину для демонстрации горизонтальной прокрутки. Чтобы предотвратить прокрутку элементов управления нумерацией страниц, компонент TablePagination находится за пределами таблицы. (В [примерe «собственные действия элементов нумерации»](#custom-pagination-actions) ниже показывается управление нумерацией таблиц с помощью TableFooter.) {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} diff --git a/docs/src/pages/components/tables/tables-zh.md b/docs/src/pages/components/tables/tables-zh.md index 970fd1889b15a2..f9913fb335f445 100644 --- a/docs/src/pages/components/tables/tables-zh.md +++ b/docs/src/pages/components/tables/tables-zh.md @@ -1,93 +1,93 @@ --- -title: React Table（表格）组件 +title: React Table 表格组件 components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- # Table 表格 -<p class="description">Tables display sets of data. They can be fully customized.</p> +<p class="description">表格展示数据组。 它们是完全可以自定义的。</p> -[表格](https://material.io/design/components/data-tables.html)以一种一目了然地方式显示信息，这便于用户寻找一些规律和深入的见解。 表格可以被内嵌在主要内容中，如 cards（卡片）。 +[表格](https://material.io/design/components/data-tables.html)以一目了然的方式显示信息，这样一来用户可以寻找规律并探索见解。 表格可以被内嵌在主要内容中，如 卡片（cards）。 -表格可以包括这些： +表格可以包括： -- 相应的可视化 +- 对应的可视化效果 - 导航 -- 用于查询和操作数据的工具 +- 一个用于查询和操作数据的工具 -在包含工具时，我们应将它们直接放在表格的上方或下方。 +当在引入工具时，我们应将它们直接放在表格的上方或下方。 -## 结构 +## 表格的结构 -一个数据表的顶部是标题行，给出各列的名称，后续的各行是表格数据。 +一个数据表格的顶部是标题行，并展示各列的名称，而后续的各行则是表格的数据。 -如果用户需要选择或操作数据，则每一行应包含有复选框。 +若用户想要选择或操作数据，那则应该咋每一行加入复选框。 -考虑到可及性，我们应该将表格的第一列设置为 `<th>` 元素，而它带有了一个指定为 `"row"` 的 `scope` 属性。 这样，屏幕阅读器就可以通过行和列的名字标识某个单元格的值。 +考虑到可访问性，表格的第一列应设置为 `<th>` 元素，而此元素附着了一个指定为 `"row"` 的 `scope` 属性。 这样一来，屏幕阅读器就可以通过行和列的名字，来定位到某个单元格的值。 -## 简单表格 +## 简单的表格 一个没有多余装饰的简单例子。 {{"demo": "pages/components/tables/SimpleTable.js", "bg": true}} -## Dense Table（紧凑表格） +## Dense Table 紧凑的表格 -一个没有多余修饰的简单紧凑型表格。 +这是一个简单紧凑型表格，并且没有多余的装饰。 {{"demo": "pages/components/tables/DenseTable.js", "bg": true}} -## 排序& 筛选 +## 排序 & 筛选 -此示例演示了 ` Checkbox（选择框）` 和单击选择行的用法, 该表格具有自定义的 `Toolbar（工具条）`。 该示例使用 `TableSortLabel` 组件来辅助实现列标题的样式效果。 +此示例演示了在表格内使用了 ` 选择框组件（Checkbox）` 以及单击选择行，而且这个表格带有一个自定义的 `工具条组件（Toolbar）`。 它也展示了如何使用 `TableSortLabel` 组件来给列标题添加样式。 -此表已被赋予固定宽度，这样能够展示水平方向的滚动。 在表格外部使用 TablePagination 组件，能够防止分页控件的滚动。 (以下的['Custom Table Pagination Action' （自定义表分页操作示例）](#custom-table-pagination-action)展示了 TableFooter 中的分页。) +这个表格已被赋予一个固定的宽度，您可以查看如何实现横向滚动。 在表格外部使用 TablePagination 组件，能够防止分页控件的滚动。 (以下的['Custom Table Pagination Action' （自定义表分页操作示例）](#custom-pagination-actions)展示了 TableFooter 中的分页。) {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} ## 自定义表格 -以下是自定义组件的一个示例。 您可以在[重写文档页](/customization/components/)中了解有关此内容的更多信息。 +以下是自定义组件的一个示例。 您可以在[重写文档页面](/customization/components/)中了解更多有关此内容的信息。 {{"demo": "pages/components/tables/CustomizedTables.js", "bg": true}} -### Custom pagination options +### 自定义的分页选项 -It's possible to customise the options shown in the "Rows per page" select using the `rowsPerPageOptions` prop. You should either provide an array of: +通过 `rowsPerPageOptions` 属性，也可以自定义 "Rows per page" 显示的选择项。 你应该提供以下一种数组： -- **numbers**, each number will be used for the option's label and value. +- **数字（numbers）**，而每个数字用作为选择项的标签（label）和值（value）。 ```jsx <TablePagination rowsPerPageOptions={[10, 50]} /> ``` -- **objects**, the `value` and `label` keys will be used respectively for the value and label of the option (useful for language strings such as 'All'). +- **对象（objects）**，而 `value` 和 `label` 键则相应的对照选择项的标签（label）和值（value）（譬如，当有一个语言字符串为“All” 时你会受益匪浅）。 ```jsx <TablePagination rowsPerPageOptions={[10, 50, { value: -1, label: 'All' }]} /> ``` -### Custom pagination actions +### 自定义表格分页操作 -`TablePagination` 组件的 `Action` 属性允许实现自定义操作。 +通过 `TablePagination` 组件的 `Action` 属性，可以实现自定义操作。 {{"demo": "pages/components/tables/CustomPaginationActionsTable.js", "bg": true}} -## Fixed header +## 固定表头 -具有可滚动行和固定列标题的表的示例。 It leverages the `stickyHeader` prop (⚠️ no IE 11 support). +一个具有可滚动行和固定表头的表格示例。 它利用了 `stickyheader` 这个属性（⚠️不支持 IE11）。 {{"demo": "pages/components/tables/StickyHeadTable.js", "bg": true}} -## Spanning Table（合并的表格） +## Spanning Table 合并的表格 -一个行 & 列跨越的简单例子 +一个简单的合并行 & 列的示例。 {{"demo": "pages/components/tables/SpanningTable.js", "bg": true}} -## 大型列表渲染（Virtualized Table） +## 大型列表渲染 Virtualized Table -在下面的示例中，我们演示了如何将 [react-virtualized](https://github.com/bvaughn/react-virtualized) 与 `Table` 组件一起使用。 它渲染了200行，可以轻松处理更多行。 可视化优化了整体的性能。 +以下例子展示了将 [react-virtualized](https://github.com/bvaughn/react-virtualized) 与 `表格` 组件一起使用的方法。 它能够渲染 200 行，并且可以轻松处理更多行。 可视化优化了整体的性能。 {{"demo": "pages/components/tables/ReactVirtualizedTable.js", "bg": true}} @@ -97,24 +97,24 @@ It's possible to customise the options shown in the "Rows per page" select using ### material-table -![stars](https://img.shields.io/github/stars/mbrn/material-table.svg?style=social&label=Stars) ![npm下载](https://img.shields.io/npm/dm/material-table.svg) +![点赞数](https://img.shields.io/github/stars/mbrn/material-table.svg?style=social&label=Stars) ![npm下载](https://img.shields.io/npm/dm/material-table.svg) -[material-table](https://github.com/mbrn/material-table) 是一款 React 的简单且强大的数据库。它基于 Material-UI Table 并且添加了一些额外的功能。 它们支持了不同的用户案例（可编辑，筛选，分组，排序，选择，国际化，树形数据等等）。 您应该看一下。 +[material-table](https://github.com/mbrn/material-table) 是一款针对 React 的简洁有效的的数据库，它基于 Material-UI Table 并且添加了一些额外的功能。 而这个库则支持各种各样的使用案例（可编辑的，筛选，分组，排序，选择，国际化，树形数据等等）。 您可以查看以下这个库。 {{"demo": "pages/components/tables/MaterialTableDemo.js", "bg": true}} -### 其他 +### 其他的 -- [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)). -- [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more. -- [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations. +- [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/)：针对 Material-UI 的兼并对数据进行排序、搜索、筛选、分组、操作等功能的数据网格（[付费的许可证](https://js.devexpress.com/licensing/)）。 +- [mui-datatables](https://github.com/gregnb/mui-datatables)：Material-UI 的响应式数据表格，包括筛选，排序，搜索等功能。 +- [tubular-response](https://github.com/unosquare/tubular-react): 一个带有本地或者远程的数据来源的 Material-UI 表格。 它能够对数据进行筛选、排序、自由搜索、导出为本地 CSV 以及汇总。 ## 可访问性 -(WAI tutorial: https://www.w3.org/WAI/tutorials/tables/) +（WAI 教程：https://www.w3.org/WAI/tutorials/tables/） -### Caption +### Caption 字幕 -A caption functions like a heading for a table. Most screen readers announce the content of captions. Captions help users to find a table and understand what it’s about and decide if they want to read it. +字幕能够充当表格的表头。 大多数屏幕阅读器能够宣读字幕的内容。 字幕能够帮助用户找到一个表格，并且描述这个表格的内容，从而协助用户决定是不是想继续阅读这个表格。 {{"demo": "pages/components/tables/AcccessibleTable.js", "bg": true}} \ No newline at end of file diff --git a/docs/src/pages/components/text-fields/text-fields-zh.md b/docs/src/pages/components/text-fields/text-fields-zh.md index 5f478a01759ed3..f77d0de24cf62f 100644 --- a/docs/src/pages/components/text-fields/text-fields-zh.md +++ b/docs/src/pages/components/text-fields/text-fields-zh.md @@ -51,7 +51,7 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp ### 修饰输入框 -一个主流的方法是使用 `InputAdornment` 组件。 This can be used to add a prefix, a suffix or an action to an input. 例如，可以用一个图标按钮来隐藏或者显示输入框里的密码。 +一个主流的方法是使用 `InputAdornment` 组件。 这些可用于向输入添加前缀、后缀或动作. 例如，可以用一个图标按钮来隐藏或者显示输入框里的密码。 {{"demo": "pages/components/text-fields/InputAdornments.js"}} @@ -63,7 +63,7 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp ## Layout 布局 -`margin` prop can be used to alter the vertical spacing of inputs. 若您使用 `none` （默认选项），将不会在 `FormControl` 上添加间距， 相对来说，使用 `dense` 和 `normal` 会添加间距。 使用 ` dense ` 和 `normal` 会更改其他的样式，以符合规范。 +通过使用 `margin` 属性，你可以改变输入框的垂直间距。 若您使用 `none` （默认选项），将不会在 `FormControl` 上添加间距， 相对来说，使用 `dense` 和 `normal` 会添加间距。 使用 ` dense ` 和 `normal` 会更改其他的样式，以符合规范。 我们提供了`fullWidth` 属性，使用它的时候，输入框会占据整个容器的宽度。 @@ -71,7 +71,7 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp ## 可控制的 vs 不可控制的 -The component can be controlled or uncontrolled. +你可以选择控制的组件，或者不受控的组件。 {{"demo": "pages/components/text-fields/StateTextFields.js"}} @@ -173,7 +173,7 @@ function MyInputComponent(props) { ## 可及性 -为了确保您的文本框是可及的，**输入框必须和标签以及帮助文本连在一起调用**。 The underlying DOM nodes should have this structure: +为了确保您的文本框是可及的，**输入框必须和标签以及帮助文本连在一起调用**。 而且，深层的 DOM 节点应该遵循这个结构。 ```jsx <div class="form-control"> diff --git a/docs/src/pages/components/tooltips/tooltips-zh.md b/docs/src/pages/components/tooltips/tooltips-zh.md index c54ba9c44ab006..fb8bb2b9e77a29 100644 --- a/docs/src/pages/components/tooltips/tooltips-zh.md +++ b/docs/src/pages/components/tooltips/tooltips-zh.md @@ -94,7 +94,7 @@ A tooltip can be interactive. It won't close when the user hovers over the toolt </Tooltip> ``` -## Transitions（过渡动画） +## 过渡动画 使用不同的过渡动画。 diff --git a/docs/src/pages/components/transitions/transitions-zh.md b/docs/src/pages/components/transitions/transitions-zh.md index 7d11d29f838ad2..6c7ad583c2438d 100644 --- a/docs/src/pages/components/transitions/transitions-zh.md +++ b/docs/src/pages/components/transitions/transitions-zh.md @@ -1,5 +1,5 @@ --- -title: React Transition（过渡动画）组件 +title: React Transition 过渡动画组件 components: Collapse, Fade, Grow, Slide, Zoom --- @@ -37,13 +37,13 @@ Expand vertically from the top of the child element. The `collapsedHeight` prope {{"demo": "pages/components/transitions/SimpleCollapse.js", "bg": true}} -## Fade（淡入淡出） +## Fade 淡入淡出 从透明淡入至不透明。 {{"demo": "pages/components/transitions/SimpleFade.js", "bg": true}} -## Grow（扩展） +## Grow 扩展 从子元素的中心向外扩展，同时从透明淡入至不透明。 @@ -51,7 +51,7 @@ Expand vertically from the top of the child element. The `collapsedHeight` prope {{"demo": "pages/components/transitions/SimpleGrow.js", "bg": true}} -## Slide（滑动） +## Slide 滑动 Slide in from the edge of the screen. The `direction` property controls which edge of the screen the transition starts from. @@ -59,7 +59,7 @@ The Transition component's `mountOnEnter` property prevents the child component {{"demo": "pages/components/transitions/SimpleSlide.js", "bg": true}} -## Zoom（放大） +## Zoom 放大 从子元素的中心向外扩展。 diff --git a/docs/src/pages/customization/default-theme/default-theme-zh.md b/docs/src/pages/customization/default-theme/default-theme-zh.md index 22588568f4ef78..ae7699f8317193 100644 --- a/docs/src/pages/customization/default-theme/default-theme-zh.md +++ b/docs/src/pages/customization/default-theme/default-theme-zh.md @@ -8,6 +8,6 @@ Explore the default theme object: {{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} -> Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. +> Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. 请注意，文档站点正在使用自定义主题。 如果你想了解更多有关主题是如何组合的信息，请看看 [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js) 和 如何用`createMuiTheme` 导入主题 \ No newline at end of file diff --git a/docs/src/pages/customization/density/density-zh.md b/docs/src/pages/customization/density/density-zh.md index b6e84db58efbaa..24ca0a9696d599 100644 --- a/docs/src/pages/customization/density/density-zh.md +++ b/docs/src/pages/customization/density/density-zh.md @@ -1,4 +1,4 @@ -# 间距(density) +# density 间距 <p class="description">如何自定义间距(density)</p> @@ -14,7 +14,7 @@ Depending on the component, density is applied either via lower spacing, or simp The following components have props applying higher density: -- [Buttons（按钮）](/api/button/) +- [Button](/api/button/) - [Fab](/api/fab/) - [FilledInput](/api/filled-input/) - [FormControl](/api/form-control/) diff --git a/docs/src/pages/customization/palette/palette-zh.md b/docs/src/pages/customization/palette/palette-zh.md index a565fbdff8f39d..452a5b2ebbbfde 100644 --- a/docs/src/pages/customization/palette/palette-zh.md +++ b/docs/src/pages/customization/palette/palette-zh.md @@ -1,4 +1,4 @@ -# Palette（调色） +# Palette 调色 <p class="description">The palette enables you to modify the color of the components to suit your brand.</p> diff --git a/docs/src/pages/customization/theming/theming-zh.md b/docs/src/pages/customization/theming/theming-zh.md index b1bd84711cd246..0b1d0a42787299 100644 --- a/docs/src/pages/customization/theming/theming-zh.md +++ b/docs/src/pages/customization/theming/theming-zh.md @@ -18,7 +18,7 @@ 更改主题配置变量是将Material-UI与您的需求相匹配的最有效方法。 以下列出了一些重要的样式变量： -- [Palette（调色）](/customization/palette/) +- [Palette 调色](/customization/palette/) - [Typography](/customization/typography/) - [Spacing 间距](/customization/spacing/) - [断点](/customization/breakpoints/) diff --git a/docs/src/pages/customization/typography/typography-zh.md b/docs/src/pages/customization/typography/typography-zh.md index dbfea349838116..05fb5d7c42b657 100644 --- a/docs/src/pages/customization/typography/typography-zh.md +++ b/docs/src/pages/customization/typography/typography-zh.md @@ -160,7 +160,7 @@ theme = responsiveFontSizes(theme); To be done: [#15251](https://github.com/mui-org/material-ui/issues/15251). -## 变种(Variants) +## 变种 The typography object comes with [13 variants](/components/typography/#component) by default: diff --git a/docs/src/pages/discover-more/related-projects/related-projects-zh.md b/docs/src/pages/discover-more/related-projects/related-projects-zh.md index 5357c11fd09ea1..354a1f35667a4a 100644 --- a/docs/src/pages/discover-more/related-projects/related-projects-zh.md +++ b/docs/src/pages/discover-more/related-projects/related-projects-zh.md @@ -32,12 +32,12 @@ This is a collection of third-party projects that extend Material-UI. - [@mui-treasury/layout](https://mui-treasury.com/layout): Components to handle the overall layout of a page. You can find a couple of examples, e.g. [a reactjs.org clone](https://mui-treasury.com/layout/clones/reactjs). -### Table（表格） +### Table 表格 - [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more). -- [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)). -- [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more. -- [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations. +- [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/)：针对 Material-UI 的兼并对数据进行排序、搜索、筛选、分组、操作等功能的数据网格（[付费的许可证](https://js.devexpress.com/licensing/)）。 +- [mui-datatables](https://github.com/gregnb/mui-datatables)：Material-UI 的响应式数据表格，包括筛选，排序，搜索等功能。 +- [tubular-response](https://github.com/unosquare/tubular-react): 一个带有本地或者远程的数据来源的 Material-UI 表格。 它能够对数据进行筛选、排序、自由搜索、导出为本地 CSV 以及汇总。 ### Notifications diff --git a/docs/src/pages/getting-started/support/support-zh.md b/docs/src/pages/getting-started/support/support-zh.md index f51abb5a9ed04e..ded32a2cac2e5e 100644 --- a/docs/src/pages/getting-started/support/support-zh.md +++ b/docs/src/pages/getting-started/support/support-zh.md @@ -2,7 +2,7 @@ <p class="description">从社区帮助到高级的商业化支持，我们愿意帮忙。</p> -## Community help (free) +## 社区帮助 社区是您对框架提问或给出建议的第一站。 欢迎来到社区！ diff --git a/docs/src/pages/guides/composition/composition-zh.md b/docs/src/pages/guides/composition/composition-zh.md index fc94b0ee2810e3..5621edfd7e2be6 100644 --- a/docs/src/pages/guides/composition/composition-zh.md +++ b/docs/src/pages/guides/composition/composition-zh.md @@ -1,4 +1,4 @@ -# Composition（组合） +# Composition 组合 <p class="description">Material-UI 试着让组合尽可能的简单。</p> @@ -118,7 +118,7 @@ import { Link } from 'react-router-dom'; The integration with third-party routing libraries is achieved with the `component` prop. The behavior is identical to the description of the prop above. Here are a few demos with [react-router-dom](https://github.com/ReactTraining/react-router). It covers the Button, Link, and List components, you should be able to apply the same strategy with all the components. -### Buttons（按钮） +### Button {{"demo": "pages/guides/composition/ButtonRouter.js"}} diff --git a/docs/src/pages/guides/interoperability/interoperability-zh.md b/docs/src/pages/guides/interoperability/interoperability-zh.md index ac7ef719193a9b..dba8df4c40425e 100644 --- a/docs/src/pages/guides/interoperability/interoperability-zh.md +++ b/docs/src/pages/guides/interoperability/interoperability-zh.md @@ -2,7 +2,7 @@ <p class="description">While you can use the JSS based styling solution provided by Material-UI to style your application, you can also use the one you already know and love (from plain CSS to styled-components).</p> -本指南旨在归档当前比较流行的一些替代方案，但是您应该可以发现在这里运用的法则也可以在其他库里适用。 There are examples for the following styling solutions: +本指南旨在归档当前比较流行的一些替代方案，但是您应该可以发现在这里运用的法则也可以在其他库里适用。 我们为以下的样式方案提供了一些方案： - [纯 CSS](#plain-css) - [全局 CSS](#global-css) @@ -13,7 +13,7 @@ ## 纯 CSS -Nothing fancy, just plain CSS. +没有什么特别花哨的，只是普通的旧版 CSS。 {{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} diff --git a/docs/src/pages/guides/migration-v0x/migration-v0x-zh.md b/docs/src/pages/guides/migration-v0x/migration-v0x-zh.md index 5f51c15692913a..d917c6516ad525 100644 --- a/docs/src/pages/guides/migration-v0x/migration-v0x-zh.md +++ b/docs/src/pages/guides/migration-v0x/migration-v0x-zh.md @@ -187,4 +187,4 @@ This will apply a change such as the following: ### 未完待续... -您是否已成功迁移您的应用，并助社区一臂之力？ There is an open issue in order to finish this migration guide [#7195](https://github.com/mui-org/material-ui/issues/7195). Any pull request is welcomed 😊. \ No newline at end of file +您是否已成功迁移您的应用，并助社区一臂之力？ There is an open issue in order to finish this migration guide [#7195](https://github.com/mui-org/material-ui/issues/7195). 我们欢迎任何 pull request。 \ No newline at end of file diff --git a/docs/src/pages/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md b/docs/src/pages/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md index 2c3430a02ac32c..d5926dde804979 100644 --- a/docs/src/pages/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md +++ b/docs/src/pages/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md @@ -1,4 +1,4 @@ -# Minimizing Bundle Size（最小化打包文件大小） +# Minimizing Bundle Size 最小化打包文件大小 <p class="description">了解有关可用于减少打包文件大小的工具的详细信息。</p> diff --git a/docs/src/pages/landing/backers-zh.md b/docs/src/pages/landing/backers-zh.md index 820a66bfd92750..f8c2a1a5d143a5 100644 --- a/docs/src/pages/landing/backers-zh.md +++ b/docs/src/pages/landing/backers-zh.md @@ -1,12 +1,12 @@ -<h2 align="center">Material-UI 的赞助商</h2> +<h2 align="center">Material UI 的赞助人</h2> -这些慷慨的赞助商使 Material-UI 的持续开发和维护成为可能： +这些赞助人的慷慨相助使 Material-UI 的持续开发和维护成为可能： ### 钻石级💎 -*3/3 个位置可用* +*3/3 可用* -### 金杯级 🏆 +### 黄金级 🏆 <p style="display: flex; justify-content: center;"> <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="企业级开放源码软件" /></a> @@ -14,9 +14,9 @@ </p> <p style="display: flex; justify-content: center; flex-wrap: wrap;"> - <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="给你的群组发信息的最简单的方法" width="100" loading="lazy"></a> + <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="发送您的群组信息的简单方式" width="100" loading="lazy"></a> </p> -### 不仅如此！ +### 这里还有更多！ -查看[我们的赞助商](/discover-more/backers/)的完整列表，了解您如何为 Material-UI 的未来做出贡献。 +查看[我们赞助人的完整列表](/discover-more/backers/)，了解您如何为 Material-UI 的未来做出贡献。 diff --git a/docs/src/pages/system/basics/basics-zh.md b/docs/src/pages/system/basics/basics-zh.md index c8237165d506d8..c3416cb27a5701 100644 --- a/docs/src/pages/system/basics/basics-zh.md +++ b/docs/src/pages/system/basics/basics-zh.md @@ -306,7 +306,7 @@ export const bgcolor = style({ const palette = compose(textColor, bgcolor); ``` -## 变种(Variants) +## 变种 帮助函数 `style()` 也可用于根据主题来返回不同的属性给样式对象。 在在这个例子中， `variant` 属性可以是 `theme.typography` 对象的任意键(key)。 diff --git a/docs/src/pages/system/palette/palette-zh.md b/docs/src/pages/system/palette/palette-zh.md index 1469b606a7e2e3..5597209013c21a 100644 --- a/docs/src/pages/system/palette/palette-zh.md +++ b/docs/src/pages/system/palette/palette-zh.md @@ -1,4 +1,4 @@ -# Palette（调色） +# Palette 调色 <p class="description">通过一些颜色实用程序类的颜色传达意义。 还包括支持带悬停状态的样式链接。</p> diff --git a/docs/translations/translations-aa.json b/docs/translations/translations-aa.json index a10ba6126bb474..2eaa4094e97834 100644 --- a/docs/translations/translations-aa.json +++ b/docs/translations/translations-aa.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "crwdns99822:0crwdne99822:0", - "helpToTranslate": "crwdns100754:0crwdne100754:0", - "editWebsiteColors": "crwdns99824:0crwdne99824:0", - "useDarkTheme": "crwdns107927:0crwdne107927:0", - "toggleTheme": "crwdns103670:0crwdne103670:0", - "toggleRTL": "crwdns103672:0crwdne103672:0", - "toggleNotifications": "crwdns109565:0crwdne109565:0", - "github": "crwdns99830:0crwdne99830:0", - "strapline": "crwdns99832:0crwdne99832:0", - "getStarted": "crwdns99834:0crwdne99834:0", - "installation": "crwdns99836:0crwdne99836:0", - "installDescr": "crwdns99838:0crwdne99838:0", - "cdn": "crwdns99840:0crwdne99840:0", - "loadFont": "crwdns99842:0crwdne99842:0", - "installButton": "crwdns99844:0crwdne99844:0", - "usage": "crwdns99846:0crwdne99846:0", - "usageDescr": "crwdns99848:0crwdne99848:0", - "usageButton": "crwdns99850:0crwdne99850:0", - "themes": "crwdns99852:0crwdne99852:0", - "themesDescr": "crwdns130356:0crwdne130356:0", - "themesButton": "crwdns99856:0crwdne99856:0", - "whosUsing": "crwdns99858:0crwdne99858:0", - "joinThese": "crwdns99860:0crwdne99860:0", - "usingMui": "crwdns99862:0crwdne99862:0", - "letUsKnow": "crwdns99864:0crwdne99864:0", - "praise": "crwdns108807:0crwdne108807:0", - "praiseDescr": "crwdns108809:0crwdne108809:0", - "footerCommunity": "crwdns102246:0crwdne102246:0", - "footerResources": "crwdns102248:0crwdne102248:0", - "footerCompany": "crwdns107571:0crwdne107571:0", - "homeFooterRelease": "crwdns99876:0{{versionNumber}}crwdnd99876:0{{license}}crwdne99876:0", - "license": "crwdns99878:0crwdne99878:0", - "likeMui": "crwdns99880:0crwdne99880:0", "adblock": "crwdns99882:0crwdne99882:0", - "thanks": "crwdns99884:0crwdne99884:0", - "editPage": "crwdns99886:0crwdne99886:0", - "tableOfContents": "crwdns99888:0crwdne99888:0", - "sourceCode": "crwdns99890:0crwdne99890:0", - "traffic": "crwdns99892:0crwdne99892:0", - "newest": "crwdns99894:0crwdne99894:0", - "stars": "crwdns99896:0crwdne99896:0", - "visit": "crwdns99898:0crwdne99898:0", - "dashboardTitle": "crwdns99900:0crwdne99900:0", - "dashboardDescr": "crwdns99902:0crwdne99902:0", - "signInTitle": "crwdns99904:0crwdne99904:0", - "signInDescr": "crwdns99906:0crwdne99906:0", - "signInSideTitle": "crwdns99908:0crwdne99908:0", - "signInSideDescr": "crwdns99910:0crwdne99910:0", - "signUpTitle": "crwdns99912:0crwdne99912:0", - "signUpDescr": "crwdns99914:0crwdne99914:0", - "blogTitle": "crwdns99916:0crwdne99916:0", + "albumDescr": "crwdns99926:0crwdne99926:0", + "albumTitle": "crwdns99924:0crwdne99924:0", + "algoliaSearch": "crwdns131140:0crwdne131140:0", "blogDescr": "crwdns99918:0crwdne99918:0", - "checkoutTitle": "crwdns99920:0crwdne99920:0", + "blogTitle": "crwdns99916:0crwdne99916:0", + "cdn": "crwdns99840:0crwdne99840:0", + "changeLanguage": "crwdns99968:0crwdne99968:0", "checkoutDescr": "crwdns99922:0crwdne99922:0", - "albumTitle": "crwdns99924:0crwdne99924:0", - "albumDescr": "crwdns99926:0crwdne99926:0", - "pricingTitle": "crwdns99928:0crwdne99928:0", - "pricingDescr": "crwdns99930:0crwdne99930:0", - "stickyFooterTitle": "crwdns99932:0crwdne99932:0", - "stickyFooterDescr": "crwdns99934:0crwdne99934:0", - "expandAll": "crwdns99936:0crwdne99936:0", - "showSource": "crwdns99938:0crwdne99938:0", - "hideSource": "crwdns99940:0crwdne99940:0", - "showFullSource": "crwdns103874:0crwdne103874:0", - "hideFullSource": "crwdns103876:0crwdne103876:0", - "viewGitHub": "crwdns99942:0crwdne99942:0", + "checkoutTitle": "crwdns99920:0crwdne99920:0", + "close": "crwdns99976:0crwdne99976:0", "codesandbox": "crwdns99944:0crwdne99944:0", - "seeMore": "crwdns99946:0crwdne99946:0", - "copySource": "crwdns99948:0crwdne99948:0", "copiedSource": "crwdns107929:0crwdne107929:0", + "copiedSourceLink": "crwdns107931:0crwdne107931:0", + "copySource": "crwdns99948:0crwdne99948:0", "copySourceLinkJS": "crwdns99950:0crwdne99950:0", "copySourceLinkTS": "crwdns99952:0crwdne99952:0", - "copiedSourceLink": "crwdns107931:0crwdne107931:0", - "stackblitz": "crwdns99954:0crwdne99954:0", - "headTitle": "crwdns99956:0crwdne99956:0", + "dashboardDescr": "crwdns99902:0crwdne99902:0", + "dashboardTitle": "crwdns99900:0crwdne99900:0", + "decreaseSpacing": "crwdns99986:0crwdne99986:0", + "demoToolbarLabel": "crwdns131032:0crwdne131032:0", + "diamondSponsors": "crwdns105090:0crwdne105090:0", + "editPage": "crwdns99886:0crwdne99886:0", + "editWebsiteColors": "crwdns99824:0crwdne99824:0", "emojiLove": "crwdns99958:0crwdne99958:0", "emoojiWarning": "crwdns99960:0crwdne99960:0", + "expandAll": "crwdns99936:0crwdne99936:0", + "footerCommunity": "crwdns102246:0crwdne102246:0", + "footerCompany": "crwdns107571:0crwdne107571:0", + "footerResources": "crwdns102248:0crwdne102248:0", + "getProfessionalSupport": "crwdns103878:0crwdne103878:0", + "getStarted": "crwdns99834:0crwdne99834:0", + "github": "crwdns99830:0crwdne99830:0", + "headTitle": "crwdns99956:0crwdne99956:0", + "helpToTranslate": "crwdns100754:0crwdne100754:0", + "hideFullSource": "crwdns103876:0crwdne103876:0", + "hideSource": "crwdns99940:0crwdne99940:0", + "homeFooterRelease": "crwdns99876:0{{versionNumber}}crwdnd99876:0{{license}}crwdne99876:0", + "homeQuickWord": "crwdns99822:0crwdne99822:0", + "increaseSpacing": "crwdns99984:0crwdne99984:0", + "installation": "crwdns99836:0crwdne99836:0", + "installButton": "crwdns99844:0crwdne99844:0", + "installDescr": "crwdns99838:0crwdne99838:0", + "joinThese": "crwdns99860:0crwdne99860:0", + "letUsKnow": "crwdns99864:0crwdne99864:0", + "license": "crwdns99878:0crwdne99878:0", + "likeMui": "crwdns99880:0crwdne99880:0", + "loadFont": "crwdns99842:0crwdne99842:0", "mainNavigation": "crwdns99962:0crwdne99962:0", - "skipToContent": "crwdns99964:0crwdne99964:0", + "newest": "crwdns99894:0crwdne99894:0", "openDrawer": "crwdns99966:0crwdne99966:0", - "changeLanguage": "crwdns99968:0crwdne99968:0", "pageTOC": "crwdns99970:0crwdne99970:0", + "praise": "crwdns108807:0crwdne108807:0", + "praiseDescr": "crwdns108809:0crwdne108809:0", + "pricingDescr": "crwdns99930:0crwdne99930:0", + "pricingTitle": "crwdns99928:0crwdne99928:0", + "resetDemo": "crwdns131034:0crwdne131034:0", + "resetDensity": "crwdns99982:0crwdne99982:0", + "seeMore": "crwdns99946:0crwdne99946:0", + "showFullSource": "crwdns103874:0crwdne103874:0", "showJSSource": "crwdns99972:0crwdne99972:0", + "showSource": "crwdns99938:0crwdne99938:0", "showTSSource": "crwdns99974:0crwdne99974:0", - "close": "crwdns99976:0crwdne99976:0", - "useHighDensity": "crwdns99978:0crwdne99978:0", + "signInDescr": "crwdns99906:0crwdne99906:0", + "signInSideDescr": "crwdns99910:0crwdne99910:0", + "signInSideTitle": "crwdns99908:0crwdne99908:0", + "signInTitle": "crwdns99904:0crwdne99904:0", + "signUpDescr": "crwdns99914:0crwdne99914:0", + "signUpTitle": "crwdns99912:0crwdne99912:0", + "skipToContent": "crwdns99964:0crwdne99964:0", + "sourceCode": "crwdns99890:0crwdne99890:0", "spacingUnit": "crwdns99980:0crwdne99980:0", - "resetDensity": "crwdns99982:0crwdne99982:0", - "increaseSpacing": "crwdns99984:0crwdne99984:0", - "decreaseSpacing": "crwdns99986:0crwdne99986:0", - "getProfessionalSupport": "crwdns103878:0crwdne103878:0", - "diamondSponsors": "crwdns105090:0crwdne105090:0", - "demoToolbarLabel": "crwdns131032:0crwdne131032:0", - "resetDemo": "crwdns131034:0crwdne131034:0", + "stackblitz": "crwdns99954:0crwdne99954:0", + "stars": "crwdns99896:0crwdne99896:0", + "stickyFooterDescr": "crwdns99934:0crwdne99934:0", + "stickyFooterTitle": "crwdns99932:0crwdne99932:0", + "strapline": "crwdns99832:0crwdne99832:0", + "tableOfContents": "crwdns99888:0crwdne99888:0", + "thanks": "crwdns99884:0crwdne99884:0", + "themes": "crwdns99852:0crwdne99852:0", + "themesButton": "crwdns99856:0crwdne99856:0", + "themesDescr": "crwdns130356:0crwdne130356:0", + "toggleNotifications": "crwdns109565:0crwdne109565:0", + "toggleRTL": "crwdns103672:0crwdne103672:0", + "toggleTheme": "crwdns103670:0crwdne103670:0", + "traffic": "crwdns99892:0crwdne99892:0", + "usage": "crwdns99846:0crwdne99846:0", + "usageButton": "crwdns99850:0crwdne99850:0", + "usageDescr": "crwdns99848:0crwdne99848:0", + "useDarkTheme": "crwdns107927:0crwdne107927:0", + "useHighDensity": "crwdns99978:0crwdne99978:0", + "usingMui": "crwdns99862:0crwdne99862:0", + "viewGitHub": "crwdns99942:0crwdne99942:0", + "visit": "crwdns99898:0crwdne99898:0", + "whosUsing": "crwdns99858:0crwdne99858:0", "pages": { "/getting-started": "crwdns99988:0crwdne99988:0", "/getting-started/installation": "crwdns99990:0crwdne99990:0", diff --git a/docs/translations/translations-de.json b/docs/translations/translations-de.json index 1ef5190f06b021..9f78a6de04f041 100644 --- a/docs/translations/translations-de.json +++ b/docs/translations/translations-de.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "Ein schnelles Wort von unseren Sponsoren:", - "helpToTranslate": "Hilf beim Übersetzen", - "editWebsiteColors": "Farbschema der Seite bearbeiten", - "useDarkTheme": "Dunkles Design verwenden", - "toggleTheme": "helles/dunkles Thema umschalten", - "toggleRTL": "rechtsläufig/linksläufig umschalten", - "toggleNotifications": "Toggle notifications panel", - "github": "GitHub-Repository", - "strapline": "React Komponenten für schnellere und einfachere Web-Entwicklung. Bauen Sie ihr eigenes Design-System oder starten Sie mit Material Design.", - "getStarted": "Erste Schritte", - "installation": "Installation", - "installDescr": "Installieren sie Material-UI via npm. Wir kümmern uns um das benötigte CSS.", - "cdn": "oder benutzen Sie ein CDN.", - "loadFont": "Laden Sie die Standard Roboto Schriftart.", - "installButton": "Lesen Sie die Installationsschritte", - "usage": "Nutzung", - "usageDescr": "Material-UI Komponenten funktionieren ohne zusätzliche Einrichtung und verändern keine Variablen im globalen Sichtbarkeitsbereich.", - "usageButton": "Erkunden Sie die Dokumentation", - "themes": "Premium Themen", - "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", - "themesButton": "Themen durchsuchen", - "whosUsing": "Wer nutzt Material-UI?", - "joinThese": "Treten Sie dieser oder anderer großartiger Organisationen bei!", - "usingMui": "Nutzen Sie Material-UI?", - "letUsKnow": "Lassen Sie es uns wissen!", - "praise": "Praise for Material-UI", - "praiseDescr": "Here's what some of our users are saying.", - "footerCommunity": "Gemeinschaft", - "footerResources": "Ressourcen", - "footerCompany": "Unternehmen", - "homeFooterRelease": "Aktuell {{versionNumber}}. Veröffentlicht unter der {{license}}.", - "license": "MIT-Lizenz", - "likeMui": "Gefällt ihnen Material-UI?", "adblock": "Wenn ihnen technologie-bezogene Werbung nichts ausmacht und Sie Open Source unterstützen möchten, dann können Sie gern ihren Ad-Blocker für Material-UI deaktivieren.", - "thanks": "Vielen Dank!", - "editPage": "Helfen Sie, diese Seite zu übersetzen", - "tableOfContents": "Inhaltsverzeichnis", - "sourceCode": "Quelltext", - "traffic": "Datenverkehr", - "newest": "neueste", - "stars": "Github-Star", - "visit": "Besuchen sie die Website", - "dashboardTitle": "Dashboard", - "dashboardDescr": "Ein minimales Dashboard mit Taskleiste und einem Drawer in mini Variante. Das Diagramm wurde von Recharts zur Verfügung gestellt, aber es ist leicht ein anderes Paket dafür zu nutzen.", - "signInTitle": "Anmelden", - "signInDescr": "Eine einfache Anmeldeseite.", - "signInSideTitle": "Anmeldeseite", - "signInSideDescr": "Eine einfache Anmeldeseite.", - "signUpTitle": "Registrieren", - "signUpDescr": "Eine einfache Anmeldeseite.", - "blogTitle": "Blog", + "albumDescr": "Ein responsives Album- / Galerie-Seitenlayout mit einer \"hero unit\" und einer Fußzeile.", + "albumTitle": "Album", + "algoliaSearch": "Search", "blogDescr": "Ein ausgeklügeltes Blog-Seitenlayout. Markdown-Unterstützung wird von markdown-to-jsx zur Verfügung gestellt, kann jedoch leicht ersetzt werden.", - "checkoutTitle": "Check Out", + "blogTitle": "Blog", + "cdn": "oder benutzen Sie ein CDN.", + "changeLanguage": "Sprache ändern", "checkoutDescr": "Ein schrittweises Checkout-Seitenlayout. Die Anzahl der Schritte ist anpassbar oder gar komplett optional.", - "albumTitle": "Album", - "albumDescr": "Ein responsives Album- / Galerie-Seitenlayout mit einer \"hero unit\" und einer Fußzeile.", - "pricingTitle": "Preise", - "pricingDescr": "Erstellen Sie mit diesem Seitenlayout schnell eine effektive Preistabelle für ihre potenziellen Kunden.", - "stickyFooterTitle": "Feste Fußzeile", - "stickyFooterDescr": "Hängen Sie eine Fußzeile am unteren Rand des Ansichtsfensters an, wenn der Seiteninhalt kurz ist.", - "expandAll": "Alles aufklappen", - "showSource": "Quellcode anzeigen", - "hideSource": "Quellcode verstecken", - "showFullSource": "Kompletten Quellcode anzeigen", - "hideFullSource": "Kompletten Quellcode verstecken", - "viewGitHub": "Den Quellcode auf GitHub anzeigen", + "checkoutTitle": "Check Out", + "close": "Schließen", "codesandbox": "In CodeSandbox bearbeiten", - "seeMore": "Mehr anzeigen", - "copySource": "Quellcode kopieren", "copiedSource": "Der Quellcode wurde kopiert.", + "copiedSourceLink": "Der Link zum Quellcode wurde kopiert.", + "copySource": "Quellcode kopieren", "copySourceLinkJS": "Kopiere Link zum JavaScript Quellcode", "copySourceLinkTS": "Kopiere Link zum TypeScript Quellcode", - "copiedSourceLink": "Der Link zum Quellcode wurde kopiert.", - "stackblitz": "In StackBlitz bearbeiten (nur JS)", - "headTitle": "Material-UI: Ein beliebtes React UI Framework", + "dashboardDescr": "Ein minimales Dashboard mit Taskleiste und einem Drawer in mini Variante. Das Diagramm wurde von Recharts zur Verfügung gestellt, aber es ist leicht ein anderes Paket dafür zu nutzen.", + "dashboardTitle": "Dashboard", + "decreaseSpacing": "Abstand verringern", + "demoToolbarLabel": "demo source", + "diamondSponsors": "Diamant-Sponsoren", + "editPage": "Helfen Sie, diese Seite zu übersetzen", + "editWebsiteColors": "Farbschema der Seite bearbeiten", "emojiLove": "Liebe", "emoojiWarning": "Warnung", + "expandAll": "Alles aufklappen", + "footerCommunity": "Gemeinschaft", + "footerCompany": "Unternehmen", + "footerResources": "Ressourcen", + "getProfessionalSupport": "Professionellen Support erhalten", + "getStarted": "Erste Schritte", + "github": "GitHub-Repository", + "headTitle": "Material-UI: Ein beliebtes React UI Framework", + "helpToTranslate": "Hilf beim Übersetzen", + "hideFullSource": "Kompletten Quellcode verstecken", + "hideSource": "Quellcode verstecken", + "homeFooterRelease": "Aktuell {{versionNumber}}. Veröffentlicht unter der {{license}}.", + "homeQuickWord": "Ein schnelles Wort von unseren Sponsoren:", + "increaseSpacing": "Abstand erhöhen", + "installation": "Installation", + "installButton": "Lesen Sie die Installationsschritte", + "installDescr": "Installieren sie Material-UI via npm. Wir kümmern uns um das benötigte CSS.", + "joinThese": "Treten Sie dieser oder anderer großartiger Organisationen bei!", + "letUsKnow": "Lassen Sie es uns wissen!", + "license": "MIT-Lizenz", + "likeMui": "Gefällt ihnen Material-UI?", + "loadFont": "Laden Sie die Standard Roboto Schriftart.", "mainNavigation": "Haupt-Navigation", - "skipToContent": "Zu Seitenhinhalt springen", + "newest": "neueste", "openDrawer": "Haupt-Navigation öffnen", - "changeLanguage": "Sprache ändern", "pageTOC": "Inhaltsverzeichnis der Seite", + "praise": "Praise for Material-UI", + "praiseDescr": "Here's what some of our users are saying.", + "pricingDescr": "Erstellen Sie mit diesem Seitenlayout schnell eine effektive Preistabelle für ihre potenziellen Kunden.", + "pricingTitle": "Preise", + "resetDemo": "Reset demo", + "resetDensity": "Dichte zurücksetzen", + "seeMore": "Mehr anzeigen", + "showFullSource": "Kompletten Quellcode anzeigen", "showJSSource": "Quelltext in JavaScript anzeigen", + "showSource": "Quellcode anzeigen", "showTSSource": "Quelltext in TypeScript anzeigen", - "close": "Schließen", - "useHighDensity": "Höhere Dichte anwenden durch props", + "signInDescr": "Eine einfache Anmeldeseite.", + "signInSideDescr": "Eine einfache Anmeldeseite.", + "signInSideTitle": "Anmeldeseite", + "signInTitle": "Anmelden", + "signUpDescr": "Eine einfache Anmeldeseite.", + "signUpTitle": "Registrieren", + "skipToContent": "Zu Seitenhinhalt springen", + "sourceCode": "Quelltext", "spacingUnit": "Abstandseinheit", - "resetDensity": "Dichte zurücksetzen", - "increaseSpacing": "Abstand erhöhen", - "decreaseSpacing": "Abstand verringern", - "getProfessionalSupport": "Professionellen Support erhalten", - "diamondSponsors": "Diamant-Sponsoren", - "demoToolbarLabel": "demo source", - "resetDemo": "Reset demo", + "stackblitz": "In StackBlitz bearbeiten (nur JS)", + "stars": "Github-Star", + "stickyFooterDescr": "Hängen Sie eine Fußzeile am unteren Rand des Ansichtsfensters an, wenn der Seiteninhalt kurz ist.", + "stickyFooterTitle": "Feste Fußzeile", + "strapline": "React Komponenten für schnellere und einfachere Web-Entwicklung. Bauen Sie ihr eigenes Design-System oder starten Sie mit Material Design.", + "tableOfContents": "Inhaltsverzeichnis", + "thanks": "Vielen Dank!", + "themes": "Premium Themen", + "themesButton": "Themen durchsuchen", + "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", + "toggleNotifications": "Toggle notifications panel", + "toggleRTL": "rechtsläufig/linksläufig umschalten", + "toggleTheme": "helles/dunkles Thema umschalten", + "traffic": "Datenverkehr", + "usage": "Nutzung", + "usageButton": "Erkunden Sie die Dokumentation", + "usageDescr": "Material-UI Komponenten funktionieren ohne zusätzliche Einrichtung und verändern keine Variablen im globalen Sichtbarkeitsbereich.", + "useDarkTheme": "Dunkles Design verwenden", + "useHighDensity": "Höhere Dichte anwenden durch props", + "usingMui": "Nutzen Sie Material-UI?", + "viewGitHub": "Den Quellcode auf GitHub anzeigen", + "visit": "Besuchen sie die Website", + "whosUsing": "Wer nutzt Material-UI?", "pages": { "/getting-started": "Erste Schritte", "/getting-started/installation": "Installation", diff --git a/docs/translations/translations-es.json b/docs/translations/translations-es.json index be84f7ec9e1b2b..f806a3c58f010e 100644 --- a/docs/translations/translations-es.json +++ b/docs/translations/translations-es.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "Unas palabras de nuestros patrocinadores:", - "helpToTranslate": "Ayúdanos a traducir", - "editWebsiteColors": "Editar los colores del sitio web", - "useDarkTheme": "Use dark theme", - "toggleTheme": "Alternar tema claro/oscuro", - "toggleRTL": "Alternar derecha-izquierda/izquierda-derecha", - "toggleNotifications": "Toggle notifications panel", - "github": "Repositorio en GitHub", - "strapline": "Componentes de React para un desarrollo web más rápido y sencillo. Construya su propio sistema de diseño, o empiece con Material Design.", - "getStarted": "Comenzar", - "installation": "Instalación", - "installDescr": "Instale los archivos necesarios de Material-UI a través de npm. Nosotros nos encargamos de inyectar todo el CSS necesario.", - "cdn": "o use un CDN.", - "loadFont": "Cargue la fuente por defecto Roboto.", - "installButton": "Lea los docs de instalación", - "usage": "Implementación", - "usageDescr": "Los componentes de Material-UI funcionan sin ninguna configuración adicional, y no ensucian el global scope.", - "usageButton": "Explore la documentación", - "themes": "Temas Premium", - "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", - "themesButton": "Examinar temas", - "whosUsing": "¿Quién usa Material-UI?", - "joinThese": "¡Únete a estas y otras grandes organizaciones!", - "usingMui": "¿Estás utilizando Material-UI?", - "letUsKnow": "¡Déjanos saber!", - "praise": "Praise for Material-UI", - "praiseDescr": "Here's what some of our users are saying.", - "footerCommunity": "Comunidad", - "footerResources": "Recursos", - "footerCompany": "Company", - "homeFooterRelease": "Actualmente {{versionNumber}}. Publicado bajo la {{license}}.", - "license": "Licencia MIT", - "likeMui": "¿Te gusta Material-UI?", "adblock": "Si no te molestan los anuncios sobre tecnología, y quieres apoyar al Open Source, por favor añade Material-UI a tu lista blanca en tu bloqueador de anuncios.", - "thanks": "¡Gracias!", - "editPage": "Ayuda a traducir esta página", - "tableOfContents": "Tabla de Contenido", - "sourceCode": "Código fuente", - "traffic": "Tráfico", - "newest": "Lo último", - "stars": "Estrellas de GitHub", - "visit": "Visite el sitio web", - "dashboardTitle": "Dashboard", - "dashboardDescr": "Un dashboard simple con barra de tareas y mini dibujo variante. Gráfico por cortesía de Recharts, pero es muy simple sustituirlo por otra alternativa.", - "signInTitle": "Iniciar sesión", - "signInDescr": "Simple página de inicio de sesión.", - "signInSideTitle": "Inicio de sesión lateral", - "signInSideDescr": "Simple página de inicio de sesión lateral.", - "signUpTitle": "Registrarse", - "signUpDescr": "Una simple página de registro.", - "blogTitle": "Blog", + "albumDescr": "Diseño responsive de una página tipo álbum / galería con una unidad hero y footer.", + "albumTitle": "Álbum", + "algoliaSearch": "Search", "blogDescr": "Diseño de una sofisticada página de blog. El soporte para Markdown por cortesía de markdown-to-jsx, pero es fácilmente reemplazable.", - "checkoutTitle": "Pagar", + "blogTitle": "Blog", + "cdn": "o use un CDN.", + "changeLanguage": "Cambiar idioma", "checkoutDescr": "Diseño de página de pagos paso a paso. Adapte el número de pasos para que se ajuste a sus necesidades, o haga los pasos opcionales.", - "albumTitle": "Álbum", - "albumDescr": "Diseño responsive de una página tipo álbum / galería con una unidad hero y footer.", - "pricingTitle": "Precios", - "pricingDescr": "Construya rápidamente una efectiva tabla de precios para sus potenciales clientes con este diseño de página.", - "stickyFooterTitle": "Pié de página fijo", - "stickyFooterDescr": "Adjunte un pie de página a la parte inferior de la ventana gráfica cuando el contenido de la página sea breve.", - "expandAll": "Expandir todo", - "showSource": "Ver la fuente", - "hideSource": "Esconder la fuente", - "showFullSource": "Ver la fuente completa", - "hideFullSource": "Esconder la fuente completa", - "viewGitHub": "Ver la fuente en GitHub", + "checkoutTitle": "Pagar", + "close": "Cerrar", "codesandbox": "Editar en CodeSandbox", - "seeMore": "Ver más", - "copySource": "Copiar la fuente", "copiedSource": "The source code has been copied.", + "copiedSourceLink": "Link to the source code has been copied.", + "copySource": "Copiar la fuente", "copySourceLinkJS": "Copiar enlace a fuente de JavaScript", "copySourceLinkTS": "Copy link to TypeScript source", - "copiedSourceLink": "Link to the source code has been copied.", - "stackblitz": "Editar en StackBlitz (solo JS)", - "headTitle": "Material-UI: A popular React UI framework", + "dashboardDescr": "Un dashboard simple con barra de tareas y mini dibujo variante. Gráfico por cortesía de Recharts, pero es muy simple sustituirlo por otra alternativa.", + "dashboardTitle": "Dashboard", + "decreaseSpacing": "disminuir espaciado", + "demoToolbarLabel": "demo source", + "diamondSponsors": "Patrocinadores Destacados", + "editPage": "Ayuda a traducir esta página", + "editWebsiteColors": "Editar los colores del sitio web", "emojiLove": "Amor", "emoojiWarning": "Warning", + "expandAll": "Expandir todo", + "footerCommunity": "Comunidad", + "footerCompany": "Company", + "footerResources": "Recursos", + "getProfessionalSupport": "Get Professional Support", + "getStarted": "Comenzar", + "github": "Repositorio en GitHub", + "headTitle": "Material-UI: A popular React UI framework", + "helpToTranslate": "Ayúdanos a traducir", + "hideFullSource": "Esconder la fuente completa", + "hideSource": "Esconder la fuente", + "homeFooterRelease": "Actualmente {{versionNumber}}. Publicado bajo la {{license}}.", + "homeQuickWord": "Unas palabras de nuestros patrocinadores:", + "increaseSpacing": "iumentar espaciado", + "installation": "Instalación", + "installButton": "Lea los docs de instalación", + "installDescr": "Instale los archivos necesarios de Material-UI a través de npm. Nosotros nos encargamos de inyectar todo el CSS necesario.", + "joinThese": "¡Únete a estas y otras grandes organizaciones!", + "letUsKnow": "¡Déjanos saber!", + "license": "Licencia MIT", + "likeMui": "¿Te gusta Material-UI?", + "loadFont": "Cargue la fuente por defecto Roboto.", "mainNavigation": "Navegación principal", - "skipToContent": "Saltar al contenido", + "newest": "Lo último", "openDrawer": "Abrir navegación principal", - "changeLanguage": "Cambiar idioma", "pageTOC": "Tabla de contenidos", + "praise": "Praise for Material-UI", + "praiseDescr": "Here's what some of our users are saying.", + "pricingDescr": "Construya rápidamente una efectiva tabla de precios para sus potenciales clientes con este diseño de página.", + "pricingTitle": "Precios", + "resetDemo": "Reset demo", + "resetDensity": "Reset density", + "seeMore": "Ver más", + "showFullSource": "Ver la fuente completa", "showJSSource": "Show JavaScript source", + "showSource": "Ver la fuente", "showTSSource": "Show TypeScript source", - "close": "Cerrar", - "useHighDensity": "Apply higher density via props", + "signInDescr": "Simple página de inicio de sesión.", + "signInSideDescr": "Simple página de inicio de sesión lateral.", + "signInSideTitle": "Inicio de sesión lateral", + "signInTitle": "Iniciar sesión", + "signUpDescr": "Una simple página de registro.", + "signUpTitle": "Registrarse", + "skipToContent": "Saltar al contenido", + "sourceCode": "Código fuente", "spacingUnit": "Spacing unit", - "resetDensity": "Reset density", - "increaseSpacing": "iumentar espaciado", - "decreaseSpacing": "disminuir espaciado", - "getProfessionalSupport": "Get Professional Support", - "diamondSponsors": "Patrocinadores Destacados", - "demoToolbarLabel": "demo source", - "resetDemo": "Reset demo", + "stackblitz": "Editar en StackBlitz (solo JS)", + "stars": "Estrellas de GitHub", + "stickyFooterDescr": "Adjunte un pie de página a la parte inferior de la ventana gráfica cuando el contenido de la página sea breve.", + "stickyFooterTitle": "Pié de página fijo", + "strapline": "Componentes de React para un desarrollo web más rápido y sencillo. Construya su propio sistema de diseño, o empiece con Material Design.", + "tableOfContents": "Tabla de Contenido", + "thanks": "¡Gracias!", + "themes": "Temas Premium", + "themesButton": "Examinar temas", + "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", + "toggleNotifications": "Toggle notifications panel", + "toggleRTL": "Alternar derecha-izquierda/izquierda-derecha", + "toggleTheme": "Alternar tema claro/oscuro", + "traffic": "Tráfico", + "usage": "Implementación", + "usageButton": "Explore la documentación", + "usageDescr": "Los componentes de Material-UI funcionan sin ninguna configuración adicional, y no ensucian el global scope.", + "useDarkTheme": "Use dark theme", + "useHighDensity": "Apply higher density via props", + "usingMui": "¿Estás utilizando Material-UI?", + "viewGitHub": "Ver la fuente en GitHub", + "visit": "Visite el sitio web", + "whosUsing": "¿Quién usa Material-UI?", "pages": { "/getting-started": "Primeros pasos", "/getting-started/installation": "Instalación", diff --git a/docs/translations/translations-fr.json b/docs/translations/translations-fr.json index adc785fabec1ed..1c375838d76197 100644 --- a/docs/translations/translations-fr.json +++ b/docs/translations/translations-fr.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "Un mot rapide de nos sponsors :", - "helpToTranslate": "Aider à la traduction", - "editWebsiteColors": "Modifier les couleurs du site", - "useDarkTheme": "Utiliser le thème sombre", - "toggleTheme": "Basculer le thème de couleurs \"clair/sombre\"", - "toggleRTL": "Basculer de droite à gauche / de gauche à droite", - "toggleNotifications": "Toggle notifications panel", - "github": "Répertoire GitHub", - "strapline": "Des composants React pour un développement web plus rapide et plus simple. Confectionner votre propre thème graphique ou aidez-vous de Material Design.", - "getStarted": "Commencer", - "installation": "Installation", - "installDescr": "Installez les fichiers source de Material-UI avec npm. Nous nous occupons d'injecter le CSS nécessaire.", - "cdn": "ou utilisez un CDN.", - "loadFont": "Chargez la police Roboto par défaut.", - "installButton": "Lire les docs d'installation", - "usage": "Usage", - "usageDescr": "Les composants Material-UI fonctionnent de manière isolée. Ils sont autonomes.", - "usageButton": "Consulter la documentation", - "themes": "Thèmes Premium", - "themesDescr": "Faites passer votre projet au niveau supérieur avec des thèmes premium de notre marché officiel, tous construits sur Material-UI.", - "themesButton": "Parcourir les thèmes", - "whosUsing": "Qui utilise Material-UI ?", - "joinThese": "Rejoignez ces organisations et d’autres formidables!", - "usingMui": "Utilisez-vous Material-UI ?", - "letUsKnow": "Faites-nous savoir !", - "praise": "Éloge de Material-UI", - "praiseDescr": "Voici ce que disent certains de nos utilisateurs.", - "footerCommunity": "Communauté", - "footerResources": "Ressources", - "footerCompany": "Entreprise", - "homeFooterRelease": "Actuellement {{versionNumber}}. Délivrée sous la {{license}}.", - "license": "Licence MIT", - "likeMui": "Vous aimez Material-UI ?", "adblock": "Si les annonces techniques ne vous dérangent pas et si vous souhaitez soutenir l'Open Source, veuillez ajouter Material-UI à la liste blanche de votre ad blocker.", - "thanks": "Merci !", - "editPage": "Aidez à traduire cette page", - "tableOfContents": "Sommaire", - "sourceCode": "Code source", - "traffic": "Trafic", - "newest": "Plus récent", - "stars": "Étoiles GitHub", - "visit": "Visiter le site web", - "dashboardTitle": "Tableau de bord", - "dashboardDescr": "Un tableau de bord minimal. Le graphique est implementé avec l'aide de Recharts, mais il peut être remplacé par une solution alternative.", - "signInTitle": "Connexion", - "signInDescr": "Une simple page de connexion.", - "signInSideTitle": "Se connecter", - "signInSideDescr": "Une simple page de connexion latérale.", - "signUpTitle": "Créer un compte", - "signUpDescr": "Une simple page de connexion.", - "blogTitle": "Blog", + "albumDescr": "Une mise en page d'album / galerie responsive avec un hero unit et un footer.", + "albumTitle": "Album", + "algoliaSearch": "Search", "blogDescr": "Une mise en page de blog sophistiquée. Le support du Markdown est fourni grâce à markdown-to-jsx mais est facilement remplaçable.", - "checkoutTitle": "Paiement final", + "blogTitle": "Blog", + "cdn": "ou utilisez un CDN.", + "changeLanguage": "Changer de langue", "checkoutDescr": "Un layout étape par étape de la commande. Adaptez le nombre d'étapes à vos besoins ou faites-en des étapes facultatives.", - "albumTitle": "Album", - "albumDescr": "Une mise en page d'album / galerie responsive avec un hero unit et un footer.", - "pricingTitle": "Tarifs", - "pricingDescr": "Construisez rapidement un tableau de prix pour vos clients potentiels avec cette mise en page.", - "stickyFooterTitle": "Pied de page collant", - "stickyFooterDescr": "Fixer un pied de page au bas de la fenêtre lorsque le contenu des pages est court.", - "expandAll": "Tout étendre", - "showSource": "Voir la source", - "hideSource": "Masquer la source", - "showFullSource": "Afficher la source complète", - "hideFullSource": "Masquer la source complète", - "viewGitHub": "Voir la source sur GitHub", + "checkoutTitle": "Paiement final", + "close": "Fermer", "codesandbox": "Modifier dans CodeSandbox", - "seeMore": "Voir plus", - "copySource": "Copier la source", "copiedSource": "Le code source a été copié.", + "copiedSourceLink": "Le lien vers le code source a été copié.", + "copySource": "Copier la source", "copySourceLinkJS": "Copier le lien vers la source JavaScript", "copySourceLinkTS": "Copier le lien vers une source TypeScript", - "copiedSourceLink": "Le lien vers le code source a été copié.", - "stackblitz": "Modifier dans StackBlitz (JS uniquement)", - "headTitle": "Material-UI : Un framework UI React populaire", + "dashboardDescr": "Un tableau de bord minimal. Le graphique est implementé avec l'aide de Recharts, mais il peut être remplacé par une solution alternative.", + "dashboardTitle": "Tableau de bord", + "decreaseSpacing": "diminuer l'espacement", + "demoToolbarLabel": "demo source", + "diamondSponsors": "Sponsors Diamant", + "editPage": "Aidez à traduire cette page", + "editWebsiteColors": "Modifier les couleurs du site", "emojiLove": "Amour", "emoojiWarning": "Attention", + "expandAll": "Tout étendre", + "footerCommunity": "Communauté", + "footerCompany": "Entreprise", + "footerResources": "Ressources", + "getProfessionalSupport": "Obtenir de l'assistance professionnelle", + "getStarted": "Commencer", + "github": "Répertoire GitHub", + "headTitle": "Material-UI : Un framework UI React populaire", + "helpToTranslate": "Aider à la traduction", + "hideFullSource": "Masquer la source complète", + "hideSource": "Masquer la source", + "homeFooterRelease": "Actuellement {{versionNumber}}. Délivrée sous la {{license}}.", + "homeQuickWord": "Un mot rapide de nos sponsors :", + "increaseSpacing": "augmenter l'espacement", + "installation": "Installation", + "installButton": "Lire les docs d'installation", + "installDescr": "Installez les fichiers source de Material-UI avec npm. Nous nous occupons d'injecter le CSS nécessaire.", + "joinThese": "Rejoignez ces organisations et d’autres formidables!", + "letUsKnow": "Faites-nous savoir !", + "license": "Licence MIT", + "likeMui": "Vous aimez Material-UI ?", + "loadFont": "Chargez la police Roboto par défaut.", "mainNavigation": "Navigation principale", - "skipToContent": "Passer au contenu", + "newest": "Plus récent", "openDrawer": "Voir la navigation principale", - "changeLanguage": "Changer de langue", "pageTOC": "La table des matières de la page", + "praise": "Éloge de Material-UI", + "praiseDescr": "Voici ce que disent certains de nos utilisateurs.", + "pricingDescr": "Construisez rapidement un tableau de prix pour vos clients potentiels avec cette mise en page.", + "pricingTitle": "Tarifs", + "resetDemo": "Reset demo", + "resetDensity": "Réinitialiser la densité", + "seeMore": "Voir plus", + "showFullSource": "Afficher la source complète", "showJSSource": "Afficher la console JavaScript", + "showSource": "Voir la source", "showTSSource": "Afficher la source TypeScript", - "close": "Fermer", - "useHighDensity": "Appliquer une densité plus élevée via les props", + "signInDescr": "Une simple page de connexion.", + "signInSideDescr": "Une simple page de connexion latérale.", + "signInSideTitle": "Se connecter", + "signInTitle": "Connexion", + "signUpDescr": "Une simple page de connexion.", + "signUpTitle": "Créer un compte", + "skipToContent": "Passer au contenu", + "sourceCode": "Code source", "spacingUnit": "Unité d'espacement", - "resetDensity": "Réinitialiser la densité", - "increaseSpacing": "augmenter l'espacement", - "decreaseSpacing": "diminuer l'espacement", - "getProfessionalSupport": "Obtenir de l'assistance professionnelle", - "diamondSponsors": "Sponsors Diamant", - "demoToolbarLabel": "demo source", - "resetDemo": "Reset demo", + "stackblitz": "Modifier dans StackBlitz (JS uniquement)", + "stars": "Étoiles GitHub", + "stickyFooterDescr": "Fixer un pied de page au bas de la fenêtre lorsque le contenu des pages est court.", + "stickyFooterTitle": "Pied de page collant", + "strapline": "Des composants React pour un développement web plus rapide et plus simple. Confectionner votre propre thème graphique ou aidez-vous de Material Design.", + "tableOfContents": "Sommaire", + "thanks": "Merci !", + "themes": "Thèmes Premium", + "themesButton": "Parcourir les thèmes", + "themesDescr": "Faites passer votre projet au niveau supérieur avec des thèmes premium de notre marché officiel, tous construits sur Material-UI.", + "toggleNotifications": "Toggle notifications panel", + "toggleRTL": "Basculer de droite à gauche / de gauche à droite", + "toggleTheme": "Basculer le thème de couleurs \"clair/sombre\"", + "traffic": "Trafic", + "usage": "Usage", + "usageButton": "Consulter la documentation", + "usageDescr": "Les composants Material-UI fonctionnent de manière isolée. Ils sont autonomes.", + "useDarkTheme": "Utiliser le thème sombre", + "useHighDensity": "Appliquer une densité plus élevée via les props", + "usingMui": "Utilisez-vous Material-UI ?", + "viewGitHub": "Voir la source sur GitHub", + "visit": "Visiter le site web", + "whosUsing": "Qui utilise Material-UI ?", "pages": { "/getting-started": "Bien démarrer", "/getting-started/installation": "Installation", diff --git a/docs/translations/translations-ja.json b/docs/translations/translations-ja.json index 54b55232fcb0b3..5c741dda4489c9 100644 --- a/docs/translations/translations-ja.json +++ b/docs/translations/translations-ja.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "私たちのスポンサーからの言葉:", - "helpToTranslate": "翻訳を手伝う", - "editWebsiteColors": "ウェブサイトの色を編集する", - "useDarkTheme": "ダークテーマを使用する", - "toggleTheme": "ライト/ダークテーマに変更する", - "toggleRTL": "左右反転する", - "toggleNotifications": "Toggle notifications panel", - "github": "GitHubリポジトリ", - "strapline": "ウェブ開発をより高速かつ簡単なものにするReactコンポーネントです。あなたのデザインシステムを構築するかMaterial Designで始めましょう。", - "getStarted": "はじめましょう!", - "installation": "インストール", - "installDescr": "npmからMaterial-UIのソースファイルをインストールします。必要なCSSを導入することを忘れないでください。", - "cdn": "または、CDNを使用します。", - "loadFont": "デフォルトのRobotoフォントを読み込みます。", - "installButton": "インストールに関して", - "usage": "使い方", - "usageDescr": "Material-UIコンポーネントは追加の設定なしで機能し、グローバルスコープを汚染しません。", - "usageButton": "ドキュメントを探索する", - "themes": "プレミアムテーマ", - "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", - "themesButton": "テーマを見る", - "whosUsing": "誰がMaterial-UIを利用してますか？", - "joinThese": "この素晴らしい団体に参加しましょう！", - "usingMui": "Material-UIを使ってみませんか？", - "letUsKnow": "ご連絡ください！", - "praise": "Praise for Material-UI", - "praiseDescr": "Here's what some of our users are saying.", - "footerCommunity": "コミュニティ", - "footerResources": "Resources", - "footerCompany": "Company", - "homeFooterRelease": "現在 {{versionNumber}}です。 {{license}}下でリリースされました。", - "license": "MIT ライセンス", - "likeMui": "Material-UIがスキですか？", "adblock": "もしテクノロジー関連の広告が気にならず、オープンソースを支援したい場合は、Material-UIを広告ブロッカーのホワイトリストに追加してください。", - "thanks": "感謝します！", - "editPage": "このページの翻訳を手伝ってください", - "tableOfContents": "目次", - "sourceCode": "ソースコード", - "traffic": "トラフィック", - "newest": "新着", - "stars": "GitHubのスター数", - "visit": "ウェブサイトへ行く", - "dashboardTitle": "ダッシュボード", - "dashboardDescr": "タスクバーと変異チャート機能を備えたミニマルなダッシュボード。チャートはRechartsによるものですが、差し替えるのは簡単です。", - "signInTitle": "ログイン", - "signInDescr": "シンプルなログインページ。", - "signInSideTitle": "ログイン（サイドページ）", - "signInSideDescr": "シンプルなサイドページのログイン。", - "signUpTitle": "新規登録", - "signUpDescr": "シンプルな新規登録ページ。", - "blogTitle": "ブログ", + "albumDescr": "ヒーローユニットとフッターが付いたレスポンシブ対応のアルバム/ギャラリーページのレイアウト。", + "albumTitle": "アルバム", + "algoliaSearch": "Search", "blogDescr": "洗練されたブログページのレイアウト。マークダウンのサポートはmarkdown-to-jsxによるものですが、差し替えるのは簡単です。", - "checkoutTitle": "確認する", + "blogTitle": "ブログ", + "cdn": "または、CDNを使用します。", + "changeLanguage": "言語を切り替える", "checkoutDescr": "段階的な購入手続きページのレイアウト。必要に合わせてステップ数が変化し、また任意でステップを追加できます。", - "albumTitle": "アルバム", - "albumDescr": "ヒーローユニットとフッターが付いたレスポンシブ対応のアルバム/ギャラリーページのレイアウト。", - "pricingTitle": "料金プラン", - "pricingDescr": "このページレイアウトを用いて顧客に効果的な料金テーブルをすぐに作りましょう。", - "stickyFooterTitle": "固定フッター", - "stickyFooterDescr": "ページ内コンテンツが短い場合は、表示領域の下にフッターを固定します。", - "expandAll": "全て展開", - "showSource": "ソースコード", - "hideSource": "ソースコードを隠す", - "showFullSource": "全体のソースコードを表示する", - "hideFullSource": "全体のソースコードを隠す", - "viewGitHub": "GitHubでソースコードを見る", + "checkoutTitle": "確認する", + "close": "閉じる", "codesandbox": "CodeSandboxで編集する", - "seeMore": "もっと見る", - "copySource": "ソースコードをコピーする", "copiedSource": "ソースコードがコピーされました。", + "copiedSourceLink": "Link to the source code has been copied.", + "copySource": "ソースコードをコピーする", "copySourceLinkJS": "JavaScriptソースへのリンクをコピーする", "copySourceLinkTS": "TypeScriptソースへのリンクをコピーする", - "copiedSourceLink": "Link to the source code has been copied.", - "stackblitz": "StackBlitz(JS only) で編集する", - "headTitle": "ポピュラーなReact UIフレームワーク", + "dashboardDescr": "タスクバーと変異チャート機能を備えたミニマルなダッシュボード。チャートはRechartsによるものですが、差し替えるのは簡単です。", + "dashboardTitle": "ダッシュボード", + "decreaseSpacing": "間隔を狭める", + "demoToolbarLabel": "demo source", + "diamondSponsors": "Diamond Sponsors", + "editPage": "このページの翻訳を手伝ってください", + "editWebsiteColors": "ウェブサイトの色を編集する", "emojiLove": "かしこ", "emoojiWarning": "注意", + "expandAll": "全て展開", + "footerCommunity": "コミュニティ", + "footerCompany": "Company", + "footerResources": "Resources", + "getProfessionalSupport": "Get Professional Support", + "getStarted": "はじめましょう!", + "github": "GitHubリポジトリ", + "headTitle": "ポピュラーなReact UIフレームワーク", + "helpToTranslate": "翻訳を手伝う", + "hideFullSource": "全体のソースコードを隠す", + "hideSource": "ソースコードを隠す", + "homeFooterRelease": "現在 {{versionNumber}}です。 {{license}}下でリリースされました。", + "homeQuickWord": "私たちのスポンサーからの言葉:", + "increaseSpacing": "間隔を広げる", + "installation": "インストール", + "installButton": "インストールに関して", + "installDescr": "npmからMaterial-UIのソースファイルをインストールします。必要なCSSを導入することを忘れないでください。", + "joinThese": "この素晴らしい団体に参加しましょう！", + "letUsKnow": "ご連絡ください！", + "license": "MIT ライセンス", + "likeMui": "Material-UIがスキですか？", + "loadFont": "デフォルトのRobotoフォントを読み込みます。", "mainNavigation": "メインナビゲーション", - "skipToContent": "コンテンツへ移動", + "newest": "新着", "openDrawer": "メインナビゲーションを開く", - "changeLanguage": "言語を切り替える", "pageTOC": "ページの目次", + "praise": "Praise for Material-UI", + "praiseDescr": "Here's what some of our users are saying.", + "pricingDescr": "このページレイアウトを用いて顧客に効果的な料金テーブルをすぐに作りましょう。", + "pricingTitle": "料金プラン", + "resetDemo": "Reset demo", + "resetDensity": "密度をリセット", + "seeMore": "もっと見る", + "showFullSource": "全体のソースコードを表示する", "showJSSource": "JavaScriptのソースを表示する", + "showSource": "ソースコード", "showTSSource": "TypeScriptのソースを表示する", - "close": "閉じる", - "useHighDensity": "より高密度を適用する", + "signInDescr": "シンプルなログインページ。", + "signInSideDescr": "シンプルなサイドページのログイン。", + "signInSideTitle": "ログイン（サイドページ）", + "signInTitle": "ログイン", + "signUpDescr": "シンプルな新規登録ページ。", + "signUpTitle": "新規登録", + "skipToContent": "コンテンツへ移動", + "sourceCode": "ソースコード", "spacingUnit": "スペーシングユニット", - "resetDensity": "密度をリセット", - "increaseSpacing": "間隔を広げる", - "decreaseSpacing": "間隔を狭める", - "getProfessionalSupport": "Get Professional Support", - "diamondSponsors": "Diamond Sponsors", - "demoToolbarLabel": "demo source", - "resetDemo": "Reset demo", + "stackblitz": "StackBlitz(JS only) で編集する", + "stars": "GitHubのスター数", + "stickyFooterDescr": "ページ内コンテンツが短い場合は、表示領域の下にフッターを固定します。", + "stickyFooterTitle": "固定フッター", + "strapline": "ウェブ開発をより高速かつ簡単なものにするReactコンポーネントです。あなたのデザインシステムを構築するかMaterial Designで始めましょう。", + "tableOfContents": "目次", + "thanks": "感謝します！", + "themes": "プレミアムテーマ", + "themesButton": "テーマを見る", + "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", + "toggleNotifications": "Toggle notifications panel", + "toggleRTL": "左右反転する", + "toggleTheme": "ライト/ダークテーマに変更する", + "traffic": "トラフィック", + "usage": "使い方", + "usageButton": "ドキュメントを探索する", + "usageDescr": "Material-UIコンポーネントは追加の設定なしで機能し、グローバルスコープを汚染しません。", + "useDarkTheme": "ダークテーマを使用する", + "useHighDensity": "より高密度を適用する", + "usingMui": "Material-UIを使ってみませんか？", + "viewGitHub": "GitHubでソースコードを見る", + "visit": "ウェブサイトへ行く", + "whosUsing": "誰がMaterial-UIを利用してますか？", "pages": { "/getting-started": "はじめに", "/getting-started/installation": "インストール", diff --git a/docs/translations/translations-pt.json b/docs/translations/translations-pt.json index cd639385c6b214..4dc38bcac99f1d 100644 --- a/docs/translations/translations-pt.json +++ b/docs/translations/translations-pt.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "Uma palavra rápida de nossos patrocinadores:", - "helpToTranslate": "Ajude a traduzir", - "editWebsiteColors": "Editar cores do site", - "useDarkTheme": "Usar tema escuro", - "toggleTheme": "Alternar tema claro/escuro", - "toggleRTL": "Alternar da direita para a esquerda/esquerda para a direita", - "toggleNotifications": "Alternar Painel de notificações", - "github": "Repositório no GitHub", - "strapline": "Componentes React para um desenvolvimento mais rápido e fácil. Construa seu próprio design, ou comece com Material Design.", - "getStarted": "Comece a Usar", - "installation": "Instalação", - "installDescr": "Instale o Material-UI via npm. Nós cuidamos de injetar o CSS necessário.", - "cdn": "ou use uma CDN.", - "loadFont": "Carregar a fonte padrão Roboto.", - "installButton": "Ler instruções de instalação", - "usage": "Uso", - "usageDescr": "Os componentes do Material-UI funcionam sem qualquer configuração adicional, e não poluem o escopo global.", - "usageButton": "Explorar documentação", - "themes": "Temas premium", - "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", - "themesButton": "Explorar temas", - "whosUsing": "Quem tem usado Material-UI?", - "joinThese": "Junte-se a estas e outras grandes organizações!", - "usingMui": "Você está usando o Material-UI?", - "letUsKnow": "Nos conte!", - "praise": "Elogios para Material-UI", - "praiseDescr": "Veja o que alguns dos nossos usuários estão dizendo.", - "footerCommunity": "Comunidade", - "footerResources": "Recursos", - "footerCompany": "Empresa", - "homeFooterRelease": "Atualmente {{versionNumber}}. Lançado sob a {{license}}.", - "license": "Licença MIT", - "likeMui": "Gostou do Material-UI?", "adblock": "Se você não se importa com anúncios relacionados à tecnologia e deseja dar suporte ao Código Aberto, inscreva o Material-UI na lista de liberações no seu bloqueador de anúncios.", - "thanks": "Obrigado!", - "editPage": "Ajude a traduzir esta página", - "tableOfContents": "Índice", - "sourceCode": "Código fonte", - "traffic": "Tráfego", - "newest": "Mais recentes", - "stars": "Estrelas GitHub", - "visit": "Acesse o site", - "dashboardTitle": "Painel de controle", - "dashboardDescr": "Um painel mínimo com barra de tarefas e mini variante. O gráfico é cortesia do Recharts, mas é simples substituir por um alternativo.", - "signInTitle": "Entrar", - "signInDescr": "Uma simples página de login.", - "signInSideTitle": "Entrar ao lado", - "signInSideDescr": "Uma página simples de login.", - "signUpTitle": "Cadastre-se", - "signUpDescr": "Uma página simples de cadastro.", - "blogTitle": "Blog", + "albumDescr": "Um layout de página de álbum / galeria responsivo com uma unidade de herói e rodapé.", + "albumTitle": "Álbum", + "algoliaSearch": "Search", "blogDescr": "Um layout de página de blog sofisticado. O suporte do Markdown é cortesia do markdown-to-jsx, mas é facilmente substituído.", - "checkoutTitle": "Finalizar", + "blogTitle": "Blog", + "cdn": "ou use uma CDN.", + "changeLanguage": "Alterar Idioma", "checkoutDescr": "Um layout de página de check-out por passo a passo. Adapte o número de etapas para atender às suas necessidades ou torne as etapas opcionais.", - "albumTitle": "Álbum", - "albumDescr": "Um layout de página de álbum / galeria responsivo com uma unidade de herói e rodapé.", - "pricingTitle": "Preço", - "pricingDescr": "Crie rapidamente uma tabela de preços eficaz para seus clientes em potencial com este layout de página.", - "stickyFooterTitle": "Rodapé fixo", - "stickyFooterDescr": "Anexe um rodapé abaixo na janela de visualização quando o conteúdo da página for curto.", - "expandAll": "Expandir tudo", - "showSource": "Ver o código fonte", - "hideSource": "Esconder o código fonte", - "showFullSource": "Ver o código fonte", - "hideFullSource": "Esconder o código fonte", - "viewGitHub": "Visualizar o código fonte no GitHub", + "checkoutTitle": "Finalizar", + "close": "Fechar", "codesandbox": "Edite em CodeSandbox", - "seeMore": "Ver mais", - "copySource": "Copiar código fonte", "copiedSource": "O código fonte foi copiado.", + "copiedSourceLink": "Link para o código-fonte foi copiado.", + "copySource": "Copiar código fonte", "copySourceLinkJS": "Copiar link para o fonte JavaScript", "copySourceLinkTS": "Copiar link para o fonte TypeScript", - "copiedSourceLink": "Link para o código-fonte foi copiado.", - "stackblitz": "Editar em StackBlits (apenas JS)", - "headTitle": "Material-UI: Um framework popular de React UI", + "dashboardDescr": "Um painel mínimo com barra de tarefas e mini variante. O gráfico é cortesia do Recharts, mas é simples substituir por um alternativo.", + "dashboardTitle": "Painel de controle", + "decreaseSpacing": "diminuir o espaçamento", + "demoToolbarLabel": "demo source", + "diamondSponsors": "Patrocinadores Diamante", + "editPage": "Ajude a traduzir esta página", + "editWebsiteColors": "Editar cores do site", "emojiLove": "Amor", "emoojiWarning": "Alerta", + "expandAll": "Expandir tudo", + "footerCommunity": "Comunidade", + "footerCompany": "Empresa", + "footerResources": "Recursos", + "getProfessionalSupport": "Obtenha Suporte Profissional", + "getStarted": "Comece a Usar", + "github": "Repositório no GitHub", + "headTitle": "Material-UI: Um framework popular de React UI", + "helpToTranslate": "Ajude a traduzir", + "hideFullSource": "Esconder o código fonte", + "hideSource": "Esconder o código fonte", + "homeFooterRelease": "Atualmente {{versionNumber}}. Lançado sob a {{license}}.", + "homeQuickWord": "Uma palavra rápida de nossos patrocinadores:", + "increaseSpacing": "aumentar o espaçamento", + "installation": "Instalação", + "installButton": "Ler instruções de instalação", + "installDescr": "Instale o Material-UI via npm. Nós cuidamos de injetar o CSS necessário.", + "joinThese": "Junte-se a estas e outras grandes organizações!", + "letUsKnow": "Nos conte!", + "license": "Licença MIT", + "likeMui": "Gostou do Material-UI?", + "loadFont": "Carregar a fonte padrão Roboto.", "mainNavigation": "Navegação principal", - "skipToContent": "Pular para o conteúdo", + "newest": "Mais recentes", "openDrawer": "Abrir navegação principal", - "changeLanguage": "Alterar Idioma", "pageTOC": "Tabela de conteúdo", + "praise": "Elogios para Material-UI", + "praiseDescr": "Veja o que alguns dos nossos usuários estão dizendo.", + "pricingDescr": "Crie rapidamente uma tabela de preços eficaz para seus clientes em potencial com este layout de página.", + "pricingTitle": "Preço", + "resetDemo": "Reset demo", + "resetDensity": "Repor densidade", + "seeMore": "Ver mais", + "showFullSource": "Ver o código fonte", "showJSSource": "Mostrar fonte JavaScript", + "showSource": "Ver o código fonte", "showTSSource": "Mostrar fonte TypeScript", - "close": "Fechar", - "useHighDensity": "Aplique densidade mais alta via propriedades", + "signInDescr": "Uma simples página de login.", + "signInSideDescr": "Uma página simples de login.", + "signInSideTitle": "Entrar ao lado", + "signInTitle": "Entrar", + "signUpDescr": "Uma página simples de cadastro.", + "signUpTitle": "Cadastre-se", + "skipToContent": "Pular para o conteúdo", + "sourceCode": "Código fonte", "spacingUnit": "Unidade de espaçamento", - "resetDensity": "Repor densidade", - "increaseSpacing": "aumentar o espaçamento", - "decreaseSpacing": "diminuir o espaçamento", - "getProfessionalSupport": "Obtenha Suporte Profissional", - "diamondSponsors": "Patrocinadores Diamante", - "demoToolbarLabel": "demo source", - "resetDemo": "Reset demo", + "stackblitz": "Editar em StackBlits (apenas JS)", + "stars": "Estrelas GitHub", + "stickyFooterDescr": "Anexe um rodapé abaixo na janela de visualização quando o conteúdo da página for curto.", + "stickyFooterTitle": "Rodapé fixo", + "strapline": "Componentes React para um desenvolvimento mais rápido e fácil. Construa seu próprio design, ou comece com Material Design.", + "tableOfContents": "Índice", + "thanks": "Obrigado!", + "themes": "Temas premium", + "themesButton": "Explorar temas", + "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", + "toggleNotifications": "Alternar Painel de notificações", + "toggleRTL": "Alternar da direita para a esquerda/esquerda para a direita", + "toggleTheme": "Alternar tema claro/escuro", + "traffic": "Tráfego", + "usage": "Uso", + "usageButton": "Explorar documentação", + "usageDescr": "Os componentes do Material-UI funcionam sem qualquer configuração adicional, e não poluem o escopo global.", + "useDarkTheme": "Usar tema escuro", + "useHighDensity": "Aplique densidade mais alta via propriedades", + "usingMui": "Você está usando o Material-UI?", + "viewGitHub": "Visualizar o código fonte no GitHub", + "visit": "Acesse o site", + "whosUsing": "Quem tem usado Material-UI?", "pages": { "/getting-started": "Comece a usar", "/getting-started/installation": "Instalação", diff --git a/docs/translations/translations-ru.json b/docs/translations/translations-ru.json index c95f257b757292..b926183c21a15f 100644 --- a/docs/translations/translations-ru.json +++ b/docs/translations/translations-ru.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "Несколько слов от наших спонсоров:", - "helpToTranslate": "Помогите нам с переводом", - "editWebsiteColors": "Редактировать цветовую гамму сайта", - "useDarkTheme": "Use dark theme", - "toggleTheme": "Переключить светлую/темную тему", - "toggleRTL": "Переключить справа-налево/слева-направо", - "toggleNotifications": "Toggle notifications panel", - "github": "GitHub репозиторий", - "strapline": "React компоненты для быстрой и легкой веб-разработки. Создайте свой собственный дизайн или начните с Material Design.", - "getStarted": "Начать", - "installation": "Инструкция по установке", - "installDescr": "Установить исходные файлы Material-UI через npm. Мы позаботились о включение необходимых CSS.", - "cdn": "или используйте CDN.", - "loadFont": "Загрузить шрифт Roboto по умолчанию.", - "installButton": "Читать документацию по установке", - "usage": "Использование", - "usageDescr": "Компоненты Material-UI работают без какой-либо дополнительной настройки и не загрязняют глобальную область.", - "usageButton": "Читать документацию", - "themes": "Премиум темы", - "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", - "themesButton": "Смотреть темы", - "whosUsing": "Кто использует Material-UI?", - "joinThese": "Присоединяйтесь к этим и другим замечательным организациям!", - "usingMui": "Используете ли вы Material-UI?", - "letUsKnow": "Дайте нам знать!", - "praise": "Praise for Material-UI", - "praiseDescr": "Here's what some of our users are saying.", - "footerCommunity": "Сообщество", - "footerResources": "Ресурсы", - "footerCompany": "Company", - "homeFooterRelease": "Текущая {{versionNumber}}. Выпущено под {{license}}.", - "license": "Лицензия MIT", - "likeMui": "Нравится Material-UI?", "adblock": "Если вы не против рекламы, связанной с технологиями, и хотите поддерживать Open Source, добавьте Material-UI в белый список своего блокиратора рекламы.", - "thanks": "Спасибо!", - "editPage": "Редактировать эту страницу", - "tableOfContents": "Содержание", - "sourceCode": "Исходный код", - "traffic": "Трафик", - "newest": "По новизне", - "stars": "Звезды на GitHub", - "visit": "Посетить веб-сайт", - "dashboardTitle": "Панель управления", - "dashboardDescr": "Минималистичная панель управления с панелью задач и небольшим графиком. График любезно предоставлен Recharts, но легко могут быть заменены на другие.", - "signInTitle": "Авторизация", - "signInDescr": "Простая страница входа.", - "signInSideTitle": "Сторона входа", - "signInSideDescr": "Простая страница входа в систему.", - "signUpTitle": "Зарегистрируйтесь", - "signUpDescr": "Простая страница регистрации.", - "blogTitle": "Блог", + "albumDescr": "Адаптивный макет страницы альбома/галереи с выделенным блоком (hero unit) и подвалом (footer).", + "albumTitle": "Альбом", + "algoliaSearch": "Search", "blogDescr": "Сложный макет страницы блога. Поддержка Markdown любезно предоставлена markdown-to-jsx, но его легко заменить на другой.", - "checkoutTitle": "Страница оформления заказа", + "blogTitle": "Блог", + "cdn": "или используйте CDN.", + "changeLanguage": "Сменить язык", "checkoutDescr": "Макет пошаговой страницы оформления заказа. Измените количество шагов по своему усмотрению или сделайте их опциональными.", - "albumTitle": "Альбом", - "albumDescr": "Адаптивный макет страницы альбома/галереи с выделенным блоком (hero unit) и подвалом (footer).", - "pricingTitle": "Цены", - "pricingDescr": "Быстро создайте эффективную таблицу цен для ваших потенциальных покупателей с использованием этого макета страницы.", - "stickyFooterTitle": "Липкий футер", - "stickyFooterDescr": "Крепите футер к нижней части окна, когда высота содержимого небольшая.", - "expandAll": "Развернуть все", - "showSource": "Показать исходник", - "hideSource": "Скрыть исходник", - "showFullSource": "Показать источник", - "hideFullSource": "Скрыть источник", - "viewGitHub": "Посмотреть исходник на GitHub", + "checkoutTitle": "Страница оформления заказа", + "close": "Закрыть", "codesandbox": "Редактировать в CodeSandbox", - "seeMore": "Ещё", - "copySource": "Копировать исходник", "copiedSource": "The source code has been copied.", + "copiedSourceLink": "Link to the source code has been copied.", + "copySource": "Копировать исходник", "copySourceLinkJS": "Скопировать ссылку на исходный код JavaScript", "copySourceLinkTS": "Скопировать ссылку на TypeScript источник", - "copiedSourceLink": "Link to the source code has been copied.", - "stackblitz": "Редактировать в StackBlitz (только JS)", - "headTitle": "Материал-интерфейс: популярный фреймворк React UI", + "dashboardDescr": "Минималистичная панель управления с панелью задач и небольшим графиком. График любезно предоставлен Recharts, но легко могут быть заменены на другие.", + "dashboardTitle": "Панель управления", + "decreaseSpacing": "decrease spacing", + "demoToolbarLabel": "demo source", + "diamondSponsors": "Алмазные спонсоры", + "editPage": "Редактировать эту страницу", + "editWebsiteColors": "Редактировать цветовую гамму сайта", "emojiLove": "Любовь", "emoojiWarning": "Внимание", + "expandAll": "Развернуть все", + "footerCommunity": "Сообщество", + "footerCompany": "Company", + "footerResources": "Ресурсы", + "getProfessionalSupport": "Get Professional Support", + "getStarted": "Начать", + "github": "GitHub репозиторий", + "headTitle": "Материал-интерфейс: популярный фреймворк React UI", + "helpToTranslate": "Помогите нам с переводом", + "hideFullSource": "Скрыть источник", + "hideSource": "Скрыть исходник", + "homeFooterRelease": "Текущая {{versionNumber}}. Выпущено под {{license}}.", + "homeQuickWord": "Несколько слов от наших спонсоров:", + "increaseSpacing": "increase spacing", + "installation": "Инструкция по установке", + "installButton": "Читать документацию по установке", + "installDescr": "Установить исходные файлы Material-UI через npm. Мы позаботились о включение необходимых CSS.", + "joinThese": "Присоединяйтесь к этим и другим замечательным организациям!", + "letUsKnow": "Дайте нам знать!", + "license": "Лицензия MIT", + "likeMui": "Нравится Material-UI?", + "loadFont": "Загрузить шрифт Roboto по умолчанию.", "mainNavigation": "Основное меню", - "skipToContent": "Перейти к контенту", + "newest": "По новизне", "openDrawer": "Открыть панель навигации", - "changeLanguage": "Сменить язык", "pageTOC": "Содержание", + "praise": "Praise for Material-UI", + "praiseDescr": "Here's what some of our users are saying.", + "pricingDescr": "Быстро создайте эффективную таблицу цен для ваших потенциальных покупателей с использованием этого макета страницы.", + "pricingTitle": "Цены", + "resetDemo": "Reset demo", + "resetDensity": "Reset density", + "seeMore": "Ещё", + "showFullSource": "Показать источник", "showJSSource": "Показать источник TypeScript", + "showSource": "Показать исходник", "showTSSource": "Показать источник TypeScript", - "close": "Закрыть", - "useHighDensity": "Apply higher density via props", + "signInDescr": "Простая страница входа.", + "signInSideDescr": "Простая страница входа в систему.", + "signInSideTitle": "Сторона входа", + "signInTitle": "Авторизация", + "signUpDescr": "Простая страница регистрации.", + "signUpTitle": "Зарегистрируйтесь", + "skipToContent": "Перейти к контенту", + "sourceCode": "Исходный код", "spacingUnit": "Интервал", - "resetDensity": "Reset density", - "increaseSpacing": "increase spacing", - "decreaseSpacing": "decrease spacing", - "getProfessionalSupport": "Get Professional Support", - "diamondSponsors": "Алмазные спонсоры", - "demoToolbarLabel": "demo source", - "resetDemo": "Reset demo", + "stackblitz": "Редактировать в StackBlitz (только JS)", + "stars": "Звезды на GitHub", + "stickyFooterDescr": "Крепите футер к нижней части окна, когда высота содержимого небольшая.", + "stickyFooterTitle": "Липкий футер", + "strapline": "React компоненты для быстрой и легкой веб-разработки. Создайте свой собственный дизайн или начните с Material Design.", + "tableOfContents": "Содержание", + "thanks": "Спасибо!", + "themes": "Премиум темы", + "themesButton": "Смотреть темы", + "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.", + "toggleNotifications": "Toggle notifications panel", + "toggleRTL": "Переключить справа-налево/слева-направо", + "toggleTheme": "Переключить светлую/темную тему", + "traffic": "Трафик", + "usage": "Использование", + "usageButton": "Читать документацию", + "usageDescr": "Компоненты Material-UI работают без какой-либо дополнительной настройки и не загрязняют глобальную область.", + "useDarkTheme": "Use dark theme", + "useHighDensity": "Apply higher density via props", + "usingMui": "Используете ли вы Material-UI?", + "viewGitHub": "Посмотреть исходник на GitHub", + "visit": "Посетить веб-сайт", + "whosUsing": "Кто использует Material-UI?", "pages": { "/getting-started": "Приступая к работе", "/getting-started/installation": "Инструкция по установке", diff --git a/docs/translations/translations-zh.json b/docs/translations/translations-zh.json index d9192c53a7e58a..5b75601ef222fc 100644 --- a/docs/translations/translations-zh.json +++ b/docs/translations/translations-zh.json @@ -1,98 +1,99 @@ { - "homeQuickWord": "来自我们的赞助商的一个简短概括：", - "helpToTranslate": "来帮助我们翻译吧", - "editWebsiteColors": "编辑网站的颜色", - "useDarkTheme": "使用暗色主题", - "toggleTheme": "在light（亮色）和dark（暗色）主题中切换", - "toggleRTL": "从右到左 / 从左到右切换 ", - "toggleNotifications": "切换通知面板", - "github": "GitHub 存储库", - "strapline": "React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统，或者从 Material Design 开始。", - "getStarted": "快速上手", - "installation": "安装", - "installDescr": "您可以通过 npm 安装 Material-UI 的源码。我们会负责引入样式。", - "cdn": "或者您也可以使用 CDN。", - "loadFont": "加载默认的 Roboto 字体。", - "installButton": "阅读安装文档", - "usage": "使用", - "usageDescr": "Material-UI 组件无需任何额外的设置即可使用，并且不会影响全局变量。", - "usageButton": "探索文档", - "themes": "高级版主题", - "themesDescr": "试一试我们的商城中的高级主题吧——它们均以 Material-UI 为基础，它们可以让你的项目更上一层楼。", - "themesButton": "浏览主题", - "whosUsing": "谁在使用 Material-UI 呢？", - "joinThese": "一起加入这些或者其他的有名的组织中吧！", - "usingMui": "您在使用 Material-UI 吗？", - "letUsKnow": "请告诉我们吧！", - "praise": "给 Material-UI 点赞", - "praiseDescr": "以下是一些我们用户的看法。", - "footerCommunity": "社区", - "footerResources": "资源", - "footerCompany": "企业", - "homeFooterRelease": "当前版本为 {{versionNumber}}。在 {{license}} 下发布。", - "license": "MIT 许可证", - "likeMui": "请帮助我们继续运行把", "adblock": "如果您不介意与技术相关的广告，并且支持开源代码，请在你的 ad blocker 中将 Material-UI 设置为白名单。", - "thanks": "感谢！", - "editPage": "编辑此页面", - "tableOfContents": "目录", - "sourceCode": "源代码", - "traffic": "流量", - "newest": "最新的", - "stars": "GitHub 点赞数", - "visit": "访问网站", - "dashboardTitle": "管理面板", - "dashboardDescr": "这是一个含有任务栏和迷你变体抽屉的最小化管理面板。这个图表由 Recharts 提供，但是很容易替换成其他的。", - "signInTitle": "登录", - "signInDescr": "这是一个简单的登录页面。", - "signInSideTitle": "侧边页登录", - "signInSideDescr": "一个简单的侧边登录页面", - "signUpTitle": "注册", - "signUpDescr": "一个简单的注册页面", - "blogTitle": "博客", + "albumDescr": "这是一个包含了 hero 的单元和页脚的响应式相册 / 展览页面布局。", + "albumTitle": "相册", + "algoliaSearch": "Search", "blogDescr": "这是一个精致的博客页面布局。这个 Markdown 由 markdown-to-jsx 提供支持，但是这也不难替换。", - "checkoutTitle": "支付", + "blogTitle": "博客", + "cdn": "或者您也可以使用 CDN。", + "changeLanguage": "更改语言", "checkoutDescr": "这是一个逐步建立的支付页面布局。您可以根据具体需求来调整步骤，或者只采用部分步骤。", - "albumTitle": "相册", - "albumDescr": "这是一个包含了 hero 的单元和页脚的响应式相册 / 展览页面布局。", - "pricingTitle": "定价", - "pricingDescr": "使用此页面布局，您可以快速的为潜在客户创建一个高效的价格表。", - "stickyFooterTitle": "Sticky footer", - "stickyFooterDescr": "当页面内容比较简短的时候，在可视区域的底端附加上一个页脚。", - "expandAll": "展开全部", - "showSource": "查看源代码", - "hideSource": "隐藏源代码", - "showFullSource": "显示全部源代码", - "hideFullSource": "隐藏全部源代码", - "viewGitHub": "在 GitHub 中查看源代码", + "checkoutTitle": "支付", + "close": "关闭", "codesandbox": "在 CodeSandbox 中编辑", - "seeMore": "查看更多", - "copySource": "复制源代码", "copiedSource": "源代码已被复制。", + "copiedSourceLink": "源代码的链接已被复制。", + "copySource": "复制源代码", "copySourceLinkJS": "请将链接复制到 JavaScript 源代码", "copySourceLinkTS": "请将链接复制到 TypeScript 源代码", - "copiedSourceLink": "源代码的链接已被复制。", - "stackblitz": "在 StackBlitz 中编辑（仅限JS）", - "headTitle": "Material-UI：当下流行的 React UI 框架", + "dashboardDescr": "这是一个含有任务栏和迷你变体抽屉的最小化管理面板。这个图表由 Recharts 提供，但是很容易替换成其他的。", + "dashboardTitle": "管理面板", + "decreaseSpacing": "减少间距", + "demoToolbarLabel": "demo source", + "diamondSponsors": "钻石赞助商", + "editPage": "编辑此页面", + "editWebsiteColors": "编辑网站的颜色", "emojiLove": "喜爱", "emoojiWarning": "警告", + "expandAll": "展开全部", + "footerCommunity": "社区", + "footerCompany": "企业", + "footerResources": "资源", + "getProfessionalSupport": "获取专业客服", + "getStarted": "快速上手", + "github": "GitHub 存储库", + "headTitle": "Material-UI：当下流行的 React UI 框架", + "helpToTranslate": "来帮助我们翻译吧", + "hideFullSource": "隐藏全部源代码", + "hideSource": "隐藏源代码", + "homeFooterRelease": "当前版本为 {{versionNumber}}。在 {{license}} 下发布。", + "homeQuickWord": "来自我们的赞助商的一个简短概括：", + "increaseSpacing": "增加间距", + "installation": "安装", + "installButton": "阅读安装文档", + "installDescr": "您可以通过 npm 安装 Material-UI 的源码。我们会负责引入样式。", + "joinThese": "一起加入这些或者其他的有名的组织中吧！", + "letUsKnow": "请告诉我们吧！", + "license": "MIT 许可证", + "likeMui": "请帮助我们继续运行把", + "loadFont": "加载默认的 Roboto 字体。", "mainNavigation": "主导航", - "skipToContent": "跳转到内容", + "newest": "最新的", "openDrawer": "打开主导航栏", - "changeLanguage": "更改语言", "pageTOC": "目录内容的页面", + "praise": "给 Material-UI 点赞", + "praiseDescr": "以下是一些我们用户的看法。", + "pricingDescr": "使用此页面布局，您可以快速的为潜在客户创建一个高效的价格表。", + "pricingTitle": "定价", + "resetDemo": "Reset demo", + "resetDensity": "重置密度", + "seeMore": "查看更多", + "showFullSource": "显示全部源代码", "showJSSource": "显示 JavaScript 源代码", + "showSource": "查看源代码", "showTSSource": "显示 TypeScript 源代码", - "close": "关闭", - "useHighDensity": "通过 props 来实现更高的密度值", + "signInDescr": "这是一个简单的登录页面。", + "signInSideDescr": "一个简单的侧边登录页面", + "signInSideTitle": "侧边页登录", + "signInTitle": "登录", + "signUpDescr": "一个简单的注册页面", + "signUpTitle": "注册", + "skipToContent": "跳转到内容", + "sourceCode": "源代码", "spacingUnit": "间隔单元", - "resetDensity": "重置密度", - "increaseSpacing": "增加间距", - "decreaseSpacing": "减少间距", - "getProfessionalSupport": "获取专业客服", - "diamondSponsors": "钻石赞助商", - "demoToolbarLabel": "demo source", - "resetDemo": "Reset demo", + "stackblitz": "在 StackBlitz 中编辑（仅限JS）", + "stars": "GitHub 点赞数", + "stickyFooterDescr": "当页面内容比较简短的时候，在可视区域的底端附加上一个页脚。", + "stickyFooterTitle": "Sticky footer", + "strapline": "React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统，或者从 Material Design 开始。", + "tableOfContents": "目录", + "thanks": "感谢！", + "themes": "高级版主题", + "themesButton": "浏览主题", + "themesDescr": "试一试我们的商城中的高级主题吧——它们均以 Material-UI 为基础，它们可以让你的项目更上一层楼。", + "toggleNotifications": "切换通知面板", + "toggleRTL": "从右到左 / 从左到右切换 ", + "toggleTheme": "在light（亮色）和dark（暗色）主题中切换", + "traffic": "流量", + "usage": "使用", + "usageButton": "探索文档", + "usageDescr": "Material-UI 组件无需任何额外的设置即可使用，并且不会影响全局变量。", + "useDarkTheme": "使用暗色主题", + "useHighDensity": "通过 props 来实现更高的密度值", + "usingMui": "您在使用 Material-UI 吗？", + "viewGitHub": "在 GitHub 中查看源代码", + "visit": "访问网站", + "whosUsing": "谁在使用 Material-UI 呢？", "pages": { "/getting-started": "快速上手", "/getting-started/installation": "安装",