diff --git a/docs/src/pages/components/alert/alert-zh.md b/docs/src/pages/components/alert/alert-zh.md index b96e33596a35d8..388aff0e4f737c 100644 --- a/docs/src/pages/components/alert/alert-zh.md +++ b/docs/src/pages/components/alert/alert-zh.md @@ -61,7 +61,7 @@ components: Alert, AlertTitle 你可以使用「消息条」来显示[ 带确认按钮的Toast 提示](/components/snackbars/#customized-snackbars) 。 -## 颜色 +## Color 颜色 `color` 属性用来改变不同程度「提醒」的默认颜色。 diff --git a/docs/src/pages/components/autocomplete/autocomplete-de.md b/docs/src/pages/components/autocomplete/autocomplete-de.md index c9a47febe71f9b..74058f48c8822d 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-de.md +++ b/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"}} diff --git a/docs/src/pages/components/box/box-de.md b/docs/src/pages/components/box/box-de.md index 1e440fce62f2fb..637a964ea766e0 100644 --- a/docs/src/pages/components/box/box-de.md +++ b/docs/src/pages/components/box/box-de.md @@ -6,7 +6,7 @@ title: Box React Komponente

Die Box-Komponente dient als Wrapper-Komponente für die meisten Anforderungen des CSS-Dienstprogramms.

-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 @@ -14,7 +14,7 @@ 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 `
`, das mit der Eigenschaft `component` geändert werden kann. Angenommen, Sie möchten stattdessen ein `` verwenden: +Die Box-Komponente umschließt Ihre Komponente. Es erstellt ein neues DOM-Element, welches – sofern nicht anders im `component`-Attribut angegeben – ein `
`-Element ist. Angenommen, Sie möchten stattdessen ein `` verwenden: ```jsx diff --git a/docs/src/pages/components/cards/cards-zh.md b/docs/src/pages/components/cards/cards-zh.md index c57d564258a255..1d3b1bf48bae34 100644 --- a/docs/src/pages/components/cards/cards-zh.md +++ b/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)。 \ No newline at end of file diff --git a/docs/src/pages/components/container/container-de.md b/docs/src/pages/components/container/container-de.md index f52792ab7f59ae..45601002957531 100644 --- a/docs/src/pages/components/container/container-de.md +++ b/docs/src/pages/components/container/container-de.md @@ -5,13 +5,13 @@ components: Container # Container -

Der Container zentriert Ihren Inhalt horizontal. Es ist das grundlegendste Layoutelement.

+

Der Container zentriert Ihren Inhalt horizontal. Er ist das grundlegendste Layoutelement.

-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}} diff --git a/docs/src/pages/components/container/container-zh.md b/docs/src/pages/components/container/container-zh.md index 0500c0fae47e4a..77731a743d0566 100644 --- a/docs/src/pages/components/container/container-zh.md +++ b/docs/src/pages/components/container/container-zh.md @@ -5,11 +5,11 @@ components: Container # 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 82fa54d46c7375..0ebe5b0e4da6c8 100644 --- a/docs/src/pages/components/dialogs/dialogs-zh.md +++ b/docs/src/pages/components/dialogs/dialogs-zh.md @@ -5,11 +5,11 @@ components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions # Dialog 对话框 -

对话框将一个任务告知给用户,它包含了一些关键信息,需要用户进行确认,或者包含了多个任务。

+

对话框将一个任务告知给用户,它承载了一些需要用户进行确认的关键信息或者多个任务。

-[对话框](https://material.io/design/components/dialogs.html)是 [modal](/components/modal/) 窗体的一种类型,它通常在应用程序内容之前呈现,来提供一些关键信息,或者要求用户做出决策。 对话框出现的时候会禁用应用程序的所有功能,只有被确认、被取消或已采取其他必要的操作时,对话框才不会留在屏幕上。 +[对话框](https://material.io/design/components/dialogs.html)是 [modal](/components/modal/) 窗体的一种类型,它通常在应用程序内容之前呈现,来提供一些关键信息,或者要求用户做出决策。 对话框出现的时候会禁用应用程序的所有功能,只有被确认、被取消或已采取其他必要的操作时,对话框会从屏幕中消失。 -对话框会带有目的性地中断用户体验,所以请您谨慎使用。 +对话框会带有目的性地打断工作流程,所以请您谨慎使用。 ## 简单的对话框 @@ -17,19 +17,19 @@ components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions 触摸操作机制: -- 选择一项将立刻触发提交选项,并关闭菜单 -- 在对话框外触摸或按下“返回”,将取消操作并关闭对话框。 +- 选中一个选项则会立刻触发提交选项,并关闭菜单的操作 +- 在对话框外点击,或按下“返回”,将会取消操作并关闭对话框。 {{"demo": "pages/components/dialogs/SimpleDialog.js"}} ## 警告框 -警告框是一种紧急中断的行为,用以将某一情况通知用户,并需要确认。 +警告框是一种紧急中断的行为,用以通知用户,并需要确认。 大多数警报不需要标题。 删繁就简,总而言之: -- 问一个问题(例如:"是否删除此对话?”) -- 发表一个和动作按钮相关的声明 +- 问一个问题(例如:“是否删除此对话?”) +- 陈述一个和动作按钮相关的声明 请仅在高风险情况下使用标题栏警报,考虑到可能丢失连接。 用户应该能够单凭标题和按钮文本来理解所有的选项。 @@ -105,8 +105,8 @@ function MyComponent() { 考虑到用户有不同的视图大小,并且使用不同的设备,对话框会变得太长,这样的情况下,对话框是可滚动的。 -- `scroll=paper` 可以使对话框的内容在 paper 元素中滚动。 -- `scroll=body` 可以使对话框的内容在 body 元素内滚动。 +- 使用 `scroll=paper`,对话框的内容能在 paper 元素中滚动。 +- 使用 `scroll=body`,对话框的内容能在 body 元素中滚动。 请看一下下面的例子,这会帮助您加深理解: @@ -114,7 +114,7 @@ function MyComponent() { ## 局限性 -Follow the [Modal limitations section](/components/modal/#limitations). +参考[对话框性能部分](/components/modal/#limitations)。 ## 可访问性 diff --git a/docs/src/pages/components/drawers/drawers-zh.md b/docs/src/pages/components/drawers/drawers-zh.md index 14c8db03a925aa..f9b9a02a205f21 100644 --- a/docs/src/pages/components/drawers/drawers-zh.md +++ b/docs/src/pages/components/drawers/drawers-zh.md @@ -38,19 +38,19 @@ const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent); ``` -## 响应式抽屉 +## 响应式的抽屉 -利用` 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}} @@ -58,21 +58,21 @@ Persistent navigation drawers are acceptable for all sizes larger than mobile. T ## 迷你变体抽屉 -在这种情况下,持久的抽屉会更改其宽度。 它的静止状态是一个与其内容相同的迷你抽屉,并且被应用栏夹住。 展开后,它将显示为标准的持久的导航抽屉。 +在这种情况下,持久的抽屉会更改其宽度。 它的静止状态是一个与其内容相同的迷你抽屉,由一个应用栏夹住。 展开后,它将显示为标准的持久的导航抽屉。 -若需要快速选择访问内容的应用部分的情况,我们建议您使用迷你变体抽屉。 +若有快速选择访问应用以及访问应用内容的需求,我们建议您使用迷你变体抽屉。 {{"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}} diff --git a/docs/src/pages/components/grid/grid-zh.md b/docs/src/pages/components/grid/grid-zh.md index a4a6e42c6ad1fe..ae0fd945218004 100644 --- a/docs/src/pages/components/grid/grid-zh.md +++ b/docs/src/pages/components/grid/grid-zh.md @@ -1,6 +1,6 @@ --- title: React Grid 栅格组件 -components: Grid 栅格 +components: Grid --- # Grid 栅格 diff --git a/docs/src/pages/components/icons/icons-es.md b/docs/src/pages/components/icons/icons-es.md index a3bef53b60a885..d1617fd1ba3c9c 100644 --- a/docs/src/pages/components/icons/icons-es.md +++ b/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: diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/src/pages/components/icons/icons-zh.md index baa7e27267f349..3f26ec1f1193dc 100644 --- a/docs/src/pages/components/icons/icons-zh.md +++ b/docs/src/pages/components/icons/icons-zh.md @@ -90,7 +90,7 @@ function HomeIcon(props) { } ``` -### 颜色 +### Color 颜色 {{"demo": "pages/components/icons/SvgIconsColor.js"}} diff --git a/docs/src/pages/components/lists/lists-zh.md b/docs/src/pages/components/lists/lists-zh.md index 479a04432ad689..e489ce2750d9ad 100644 --- a/docs/src/pages/components/lists/lists-zh.md +++ b/docs/src/pages/components/lists/lists-zh.md @@ -1,5 +1,5 @@ --- -title: React List(列表)组件 +title: React List 列表组件 components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader --- @@ -7,7 +7,7 @@ components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, Lis

列表是对文本或图像的连续、垂直的索引。

-[列表](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)等替代品。 ## 个性化 diff --git a/docs/src/pages/components/rating/rating-de.md b/docs/src/pages/components/rating/rating-de.md index dfe12877a34d73..00e19264cafcb6 100644 --- a/docs/src/pages/components/rating/rating-de.md +++ b/docs/src/pages/components/rating/rating-de.md @@ -5,7 +5,7 @@ components: Bewertung # Bewertung -

Ratings provide insight regarding others’ opinions and experiences with a product. Users can also rate products they’ve purchased.

+

Bewertungen geben Einblicke in die Meinungen und Erfahrungen anderer mit einem Produkt. Benutzer können auch Produkte bewerten, die sie gekauft haben.

## Einfache Bewertungen diff --git a/docs/src/pages/components/switches/switches-de.md b/docs/src/pages/components/switches/switches-de.md index b2d72f63b51eae..a9eb23f9d93e1e 100644 --- a/docs/src/pages/components/switches/switches-de.md +++ b/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 `` +- 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 `` - Alle Formularsteuerelemente sollten Beschriftungen haben. Dazu gehören Optionsfelder, Kontrollkästchen und Schalter. In den meisten Fällen wird dazu das Element `