[docs] Sync translations

docs/src/pages/components/alert/alert-zh.md

@@ -61,7 +61,7 @@ components: Alert, AlertTitle
 
 你可以使用「消息条」来显示[ 带确认按钮的Toast 提示](/components/snackbars/#customized-snackbars) 。
 
-## 颜色
+## Color 颜色
 
 `color` 属性用来改变不同程度「提醒」的默认颜色。
 

docs/src/pages/components/autocomplete/autocomplete-de.md

@@ -16,7 +16,7 @@ It's meant to be an improved version of the "react-select" and "downshift" packa
 
 ## Combo box
 
-The value must be chosen from a predefined set of allowed values.
+Der Wert muss aus einer vordefinierten Menge zulässiger Werte ausgewählt werden.
 
 {{"demo": "pages/components/autocomplete/ComboBox.js"}}
 
@@ -28,7 +28,7 @@ Die folgenden Beispiele demonstrieren je eine Funktion der Autocomplete-Komponen
 
 ### Länderauswahl
 
-Choose one of the 248 countries.
+Wählen Sie eines der 248 Länder.
 
 {{"demo": "pages/components/autocomplete/CountrySelect.js"}}
 

docs/src/pages/components/box/box-de.md

@@ -6,15 +6,15 @@ title: Box React Komponente
 
 <p class="description">Die Box-Komponente dient als Wrapper-Komponente für die meisten Anforderungen des CSS-Dienstprogramms.</p>
 
-Die Box-Komponenten packt [alle Stilfunktionen](/system/basics/#all-inclusive), die in `@material-ui/system` verfügbar sind. Es wird mit der [`styled()`](/styles/api/#styled-style-function-component) function aus `@material-ui/core/styles` erstellt.
+Die Box-Komponente kombiniert [alle Stilfunktionen](/system/basics/#all-inclusive), die in `@material-ui/system` verfügbar sind. Es wird mit der [`styled()`](/styles/api/#styled-style-function-component) function aus `@material-ui/core/styles` erstellt.
 
 ## Beispiel
 
 Die Style-Funktion der [Palette](/system/palette/).
 
 ## Material-UI-Komponenten überschreiben
 
-Die Box-Komponente umschließt Ihre Komponente. Es erstellt ein neues DOM-Element, standardmäßig `<div>`, das mit der Eigenschaft `component` geändert werden kann. Angenommen, Sie möchten stattdessen ein `<span>` verwenden:
+Die Box-Komponente umschließt Ihre Komponente. Es erstellt ein neues DOM-Element, welches &ndash; sofern nicht anders im `component`-Attribut angegeben &ndash; ein `<div>`-Element ist. Angenommen, Sie möchten stattdessen ein `<span>` verwenden:
 
 ```jsx
 <Box component="span" m={1}>

docs/src/pages/components/cards/cards-zh.md

@@ -51,4 +51,4 @@ components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedi
 
 ## Customization 个性化
 
-👑如果您还在寻找灵感，您可以查看一下 [MUI Treasury 自定义的例子](https://mui-treasury.com/components/card)。
+👑如果您还在寻找灵感，您可以查看一下 [MUI Treasury 自定义的例子](https://mui-treasury.com/components/card)。

docs/src/pages/components/container/container-de.md

@@ -5,13 +5,13 @@ components: Container
 
 # Container
 
-<p class="description">Der Container zentriert Ihren Inhalt horizontal. Es ist das grundlegendste Layoutelement.</p>
+<p class="description">Der Container zentriert Ihren Inhalt horizontal. Er ist das grundlegendste Layoutelement.</p>
 
-Während Container geschachtelt werden können, benötigen die meisten Layouts keinen verschachtelten Container.
+Container können verschachtelt werden, für die meisten Layouts ist dies aber nicht notwendig.
 
-## Flexibel
+## Flexible Container
 
-Eine Breite des Fluidcontainers wird durch den Wert `maxWidth` begrenzt.
+Die Breite eines flexiblen Containers wird durch den Wert des `maxWidth`-Attributs begrenzt.
 
 {{"demo": "pages/components/container/SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}}
 

docs/src/pages/components/container/container-zh.md

@@ -5,11 +5,11 @@ components: Container
 
 # Container 容器
 
-<p class="description">容器组件会让您页面的内容水平居中。 这是最基本的布局元素。</p>
+<p class="description">通过容器组件，您页面的内容会呈现水平居中。 这是最基本的布局元素。</p>
 
 虽然容器可以嵌套，但大多数布局不需要嵌套的容器。
 
-## 流体布局
+## Fluid 流体布局
 
 您可以通过 `maxWidth` 属性的值来设置一个 fluid 容器的最大宽度。
 

docs/src/pages/components/dialogs/dialogs-zh.md

@@ -5,31 +5,31 @@ components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions
 
 # Dialog 对话框
 
-<p class="description">对话框将一个任务告知给用户，它包含了一些关键信息，需要用户进行确认，或者包含了多个任务。</p>
+<p class="description">对话框将一个任务告知给用户，它承载了一些需要用户进行确认的关键信息或者多个任务。</p>
 
-[对话框](https://material.io/design/components/dialogs.html)是 [modal](/components/modal/) 窗体的一种类型，它通常在应用程序内容之前呈现，来提供一些关键信息，或者要求用户做出决策。 对话框出现的时候会禁用应用程序的所有功能，只有被确认、被取消或已采取其他必要的操作时，对话框才不会留在屏幕上。
+[对话框](https://material.io/design/components/dialogs.html)是 [modal](/components/modal/) 窗体的一种类型，它通常在应用程序内容之前呈现，来提供一些关键信息，或者要求用户做出决策。 对话框出现的时候会禁用应用程序的所有功能，只有被确认、被取消或已采取其他必要的操作时，对话框会从屏幕中消失。
 
-对话框会带有目的性地中断用户体验，所以请您谨慎使用。
+对话框会带有目的性地打断工作流程，所以请您谨慎使用。
 
 ## 简单的对话框
 
 简单对话框可以提供有关列表的额外信息与操作。 例如，它们可以显示头像，图标，纯文本或具体动作(例如添加帐户)。
 
 触摸操作机制：
 
-- 选择一项将立刻触发提交选项，并关闭菜单
-- 在对话框外触摸或按下“返回”，将取消操作并关闭对话框。
+- 选中一个选项则会立刻触发提交选项，并关闭菜单的操作
+- 在对话框外点击，或按下“返回”，将会取消操作并关闭对话框。
 
 {{"demo": "pages/components/dialogs/SimpleDialog.js"}}
 
 ## 警告框
 
-警告框是一种紧急中断的行为，用以将某一情况通知用户，并需要确认。
+警告框是一种紧急中断的行为，用以通知用户，并需要确认。
 
 大多数警报不需要标题。 删繁就简，总而言之：
 
-- 问一个问题（例如："是否删除此对话？”）
-- 发表一个和动作按钮相关的声明
+- 问一个问题（例如：“是否删除此对话？”）
+- 陈述一个和动作按钮相关的声明
 
 请仅在高风险情况下使用标题栏警报，考虑到可能丢失连接。 用户应该能够单凭标题和按钮文本来理解所有的选项。
 
@@ -105,16 +105,16 @@ function MyComponent() {
 
 考虑到用户有不同的视图大小，并且使用不同的设备，对话框会变得太长，这样的情况下，对话框是可滚动的。
 
-- `scroll=paper` 可以使对话框的内容在 paper 元素中滚动。
-- `scroll=body` 可以使对话框的内容在 body 元素内滚动。
+- 使用 `scroll=paper`，对话框的内容能在 paper 元素中滚动。
+- 使用 `scroll=body`，对话框的内容能在 body 元素中滚动。
 
 请看一下下面的例子，这会帮助您加深理解：
 
 {{"demo": "pages/components/dialogs/ScrollDialog.js"}}
 
 ## 局限性
 
-Follow the [Modal limitations section](/components/modal/#limitations).
+参考[对话框性能部分](/components/modal/#limitations)。
 
 ## 可访问性
 

docs/src/pages/components/drawers/drawers-zh.md

@@ -38,41 +38,41 @@ const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);
 <SwipeableDrawer disableBackdropTransition={!iOS} disableDiscovery={iOS} />
 ```
 
-## 响应式抽屉
+## 响应式的抽屉
 
-利用` Hidden `组件，可以根据屏幕宽度显示不同类型的抽屉。 显示小屏幕的 `temporary` 抽屉，而更宽屏幕显示 `permanent` 抽屉。
+利用` Hidden `这个响应式的辅助组件，可以根据屏幕宽度显示不同类型的抽屉。 屏幕尺寸较小的时候会显示 `temporary` 抽屉，而更宽的屏幕则显示 `permanent` 抽屉。
 
 {{"demo": "pages/components/drawers/ResponsiveDrawer.js", "iframe": true}}
 
 ## 持久的抽屉
 
-持久抽屉可以在打开或关闭之间切换。 抽屉与内容位于同一表面的高度上。 它默认情况下是关闭的，可通过选择菜单图标打开，直到用户选择关闭之前，它都会保持打开状态。 在不同操作和不同节点切换时，抽屉的状态都会被记住。
+持久抽屉可以在打开或关闭状态之间切换。 抽屉与内容位于同一表面的高度上。 它默认情况下是关闭的，可通过选择菜单图标打开，直到用户选择关闭之前，它都会保持打开状态。 在不同操作和不同节点切换时，抽屉的状态都会被记住。
 
 当抽屉位于页面网格之外并打开时，抽屉会强制其他内容更改大小并适应较小的视口。
 
-Persistent navigation drawers are acceptable for all sizes larger than mobile. They are not recommended for apps with multiple levels of hierarchy that require using an up arrow for navigation.
+持久的抽屉能够适用于比移动设备大的屏幕尺寸。 那些有多个层次等级的应用，会用到向上的箭头作为导航，在这样的情况下，我们不推荐使用持久的抽屉。
 
 {{"demo": "pages/components/drawers/PersistentDrawerLeft.js", "iframe": true}}
 
 {{"demo": "pages/components/drawers/PersistentDrawerRight.js", "iframe": true}}
 
 ## 迷你变体抽屉
 
-在这种情况下，持久的抽屉会更改其宽度。 它的静止状态是一个与其内容相同的迷你抽屉，并且被应用栏夹住。 展开后，它将显示为标准的持久的导航抽屉。
+在这种情况下，持久的抽屉会更改其宽度。 它的静止状态是一个与其内容相同的迷你抽屉，由一个应用栏夹住。 展开后，它将显示为标准的持久的导航抽屉。
 
-若需要快速选择访问内容的应用部分的情况，我们建议您使用迷你变体抽屉。
+若有快速选择访问应用以及访问应用内容的需求，我们建议您使用迷你变体抽屉。
 
 {{"demo": "pages/components/drawers/MiniDrawer.js", "iframe": true}}
 
 ## 永久抽屉
 
-Permanent navigation drawers are always visible and pinned to the left edge, at the same elevation as the content or background. They cannot be closed.
+永久抽屉始终可见并固定在左侧，与内容或背景位于同一高度。 他们无法被关闭。
 
-**在桌面情况下，我们推荐的默认值是**固定的抽屉。
+**桌面上，我们推荐的默认导航是**一个固定的导航。
 
 ### 全高导航栏
 
-应用程序应该注重通过从左到右层次结构的布局的信息消费。
+一个从左到右层次结构的信息消费，是应用程序需要重视的。
 
 {{"demo": "pages/components/drawers/PermanentDrawerLeft.js", "iframe": true}}
 

docs/src/pages/components/grid/grid-zh.md

@@ -1,6 +1,6 @@
 ---
 title: React Grid 栅格组件
-components: Grid 栅格
+components: Grid
 ---
 
 # Grid 栅格

docs/src/pages/components/icons/icons-es.md

@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
+Estos componentes utilizan el componente SvgIcon de Material-UI para representar la ruta SVG para cada icono, y por lo tanto tienen una dependencia entre pares de la siguiente versión de Material-UI.
 
 If you are not already using Material-UI in your project, you can add it with:
 

docs/src/pages/components/icons/icons-zh.md

@@ -90,7 +90,7 @@ function HomeIcon(props) {
 }
 ```
 
-### 颜色
+### Color 颜色
 
 {{"demo": "pages/components/icons/SvgIconsColor.js"}}
 

docs/src/pages/components/lists/lists-zh.md

@@ -1,13 +1,13 @@
 ---
-title: React List（列表）组件
+title: React List 列表组件
 components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader
 ---
 
 # List 列表
 
 <p class="description">列表是对文本或图像的连续、垂直的索引。</p>
 
-[列表](https://material.io/design/components/lists.html) 是一组连续的文本或图像。 它们由包含主要和补充操作的项子集组成，而这些操作由图标和文本表示。
+[列表](https://material.io/design/components/lists.html) 能够承载一组连续的文本或图像。 它们由包含主要和补充操作的项子集组成，而这些操作由图标和文本表示。
 
 ## 简易列表
 
@@ -43,41 +43,41 @@ function ListItemLink(props) {
 
 {{"demo": "pages/components/lists/InteractiveList.js", "bg": true}}
 
-## 可选的 
+## 可选的列表子项
 
 {{"demo": "pages/components/lists/SelectedListItem.js", "bg": true}}
 
 ## 对齐列表项
 
-在显示3行或更多行时，您应该更改列表项的对齐，设置 `alignItems="flex-start"` 这样的属性。
+若想显示3行或者更多行时，您应该设置列表项的对齐属性为 `alignItems="flex-start"`。
 
 {{"demo": "pages/components/lists/AlignItemsList.js", "bg": true}}
 
 ## 列表控件
 
-### 选择框
+### Checkbox 选择框
 
 一个选择框既可以是主操作，又可以是辅助操作。
 
-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.
+选择框执行了主要的操作，也是该列表子项的状态指示器。 而评论按钮则执行了辅助的操作，并且一个单独的目标。
 
 {{"demo": "pages/components/lists/CheckboxList.js", "bg": true}}
 
-该复选框是列表项的辅助操作和单独的目标。
+该复选框执行了列表项的辅助操作，并且是一个单独的目标。
 
 {{"demo": "pages/components/lists/CheckboxListSecondary.js", "bg": true}}
 
-### 开关
+### Switch 开关
 
-该开关是辅助操作和单独的目标。
+该开关作用为一个辅助操作和一个单独的目标。
 
 {{"demo": "pages/components/lists/SwitchListSecondary.js", "bg": true}}
 
-## 固定的 Subheader List（副标题列表）
+## 固定的副标题列表
 
 在滚动列表时，子标题保持固定在屏幕的顶端，直到被下一个子标题推离屏幕。
 
-This feature relies on CSS sticky positioning. Unfortunately it's [not implemented](https://caniuse.com/#search=sticky) by all the supported browsers. It defaults to `disableSticky` when not supported.
+此性能由 CSS sticky 位置实现。 可惜的是，这一功能并未在我们支持的所有浏览器中 [实现](https://caniuse.com/#search=sticky) 。 若浏览器不支持，则默认使用 `disableSticky`。
 
 {{"demo": "pages/components/lists/PinnedSubheaderList.js", "bg": true}}
 
@@ -87,11 +87,11 @@ This feature relies on CSS sticky positioning. Unfortunately it's [not implement
 
 ## 大型列表渲染
 
-在下面的示例中，我们演示了如何将 [react-window](https://github.com/bvaughn/react-window) 与 `List` 组件一起使用 它渲染了200行，可以轻松处理更多行。 可视化优化了整体的性能。
+在下面的示例中，我们演示了如何将 [react-window](https://github.com/bvaughn/react-window) 与 `List` 组件一起使用。 它渲染了200多行，并且可以轻松的延展到更多行。 可视化优化了整体的性能。
 
 {{"demo": "pages/components/lists/VirtualizedList.js", "bg": true}}
 
-The use of [react-window](https://github.com/bvaughn/react-window) when possible is encouraged. 如果这个库不包括你的用例，你应该考虑使用 [react-virtualized](https://github.com/bvaughn/react-virtualized)，然后使用 [react-virtuoso](https://github.com/petyosi/react-virtuoso)等替代品。
+我们鼓励尽可能使用 [react-window](https://github.com/bvaughn/react-window)。 如果这个库不包括你的用例，你应该考虑使用 [react-virtualized](https://github.com/bvaughn/react-virtualized)，然后使用 [react-virtuoso](https://github.com/petyosi/react-virtuoso)等替代品。
 
 ## 个性化
 

docs/src/pages/components/rating/rating-de.md

@@ -5,7 +5,7 @@ components: Bewertung
 
 # Bewertung
 
-<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">Bewertungen geben Einblicke in die Meinungen und Erfahrungen anderer mit einem Produkt. Benutzer können auch Produkte bewerten, die sie gekauft haben.</p>
 
 ## Einfache Bewertungen
 

docs/src/pages/components/switches/switches-de.md

@@ -49,7 +49,7 @@ Sie können die Platzierung des Etiketts ändern:
 
 ## Barrierefreiheit
 
-- It will render an element with the `checkbox` role not `switch` role since this role isn't widely supported yet. Please test first if assistive technology of your target audience supports this role properly. Then you can change the role with `<Switch inputProps={{ role: 'switch' }}>`
+- Es wird ein Element mit der `checkbox`-Rolle statt der `switch`-Rolle ausgegeben, da jene größtenteils noch nicht unterstützt wird. Please test first if assistive technology of your target audience supports this role properly. Then you can change the role with `<Switch inputProps={{ role: 'switch' }}>`
 - Alle Formularsteuerelemente sollten Beschriftungen haben. Dazu gehören Optionsfelder, Kontrollkästchen und Schalter. In den meisten Fällen wird dazu das Element `<label>` ([FormControlLabel](/api/form-control-label/)) verwendet.
 - Wenn ein Label nicht verwendet werden kann, muss der Eingabekomponente ein Attribut direkt hinzugefügt werden. In diesem Fall können Sie das zusätzliche Attribut (z. B. `aria-label`, `aria-labelby`, `title`) über die Eigenschaft `inputProps` anwenden.