-[顶部应用栏](https://material.io/design/components/app-bars-top.html) 提供与当前屏幕相关的内容和操作。 它用于展示品牌、屏幕标题、导航和操作选项。
+而[顶部应用栏](https://material.io/design/components/app-bars-top.html)则提供与当前屏幕相关的内容和操作。 它可用于展示品牌、屏幕标题、导航和操作选项。
-它可以转换为上下文相关的操作栏或直接用作导航栏。
+它既可以用作于转换为上下文相关的操作栏,又可以直接充当导航栏。
## 简单的应用栏
@@ -37,7 +37,7 @@ components: AppBar, Toolbar, Menu
## 突出模式
-一个突出模式的应用栏。
+一个突出的应用栏。
{{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}}
@@ -45,12 +45,12 @@ components: AppBar, Toolbar, Menu
{{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 400}}
-## 固定放置
+## 固定的位置
-当您固定放置应用栏时,元素的尺寸不会影响页面的其他部分。 这可能导致您的部分内容被挡在应用程序栏后面而看不见。 下面是3种可能的解决方案:
+当渲染一个固定位置的应用栏时,元素的尺寸不会影响页面的其余内容。 这可能导致部分内容会被挡在应用程序栏后面,而无法可见。 下面是3种可能的解决方案:
-1. 您可以使用 `position =“ sticky”` 代替 fixed。 ⚠️ IE 11不支持sticky。
-2. 您可以渲染第二个 `` 组件:
+1. 使用 `position =“ sticky”` 代替 fixed。 ⚠️ IE 11不支持 sticky。
+2. 可以渲染第二个 `` 组件:
```jsx
function App() {
@@ -65,7 +65,7 @@ function App() {
}
```
-3. 您可以使用 `theme.mixins.toolbar` CSS:
+3. 也可以用 `theme.mixins.toolbar` 的 CSS:
```jsx
const useStyles = makeStyles(theme => ({
@@ -85,19 +85,19 @@ function App() {
};
```
-## 滚动
+## Scrolling 滚动
-您可以使用 `useScrollTrigger()` 挂钩来回应用户的滚动操作。
+您可以使用 `useScrollTrigger()` 这个 hook 来相应用户触发的滚动操作。
### 隐藏应用栏
-当向下滚动时,应用栏将会隐藏,这样一来会留有更多的空间进行阅读。
+向下滚动会隐藏应用栏,这样一来会留有更多的空间进行阅读。
{{"demo": "pages/components/app-bar/HideAppBar.js", "iframe": true}}
### 变高的应用栏
-The app bar elevates on scroll to communicate that the user is not at the top of the page.
+应用栏会在滚动时提升,以表明用户还未到页面的顶部。
{{"demo": "pages/components/app-bar/ElevateAppBar.js", "iframe": true}}
@@ -119,7 +119,7 @@ The app bar elevates on scroll to communicate that the user is not at the top of
#### 返回结果
-`trigger`: Does the scroll position match the criteria?
+`trigger`: 此滚动的位置符合要求吗?
#### 例子
diff --git a/docs/src/pages/components/autocomplete/autocomplete-pt.md b/docs/src/pages/components/autocomplete/autocomplete-pt.md
index 8cb1791ebeb904..909cbaa415c53b 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-pt.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-pt.md
@@ -7,12 +7,12 @@ components: TextField, Popper, Autocomplete
O autocompletar é uma entrada de texto normal aprimorada por um painel de opções sugeridas.
-The widget is useful for setting the value of a single-line textbox in one of two types of scenarios:
+Essa ferramenta é útil para configurar os valores de um campo de texto quando em um dos dois cenários abaixo:
-1. The value for the textbox must be chosen from a predefined set of allowed values, e.g., a location field must contain a valid location name: [combo box](#combo-box).
-2. The textbox may contain any arbitrary value, but it is advantageous to suggest possible values to the user, e.g., a search field may suggest similar or previous searches to save the user time: [free solo](#free-solo).
+1. O valor para a caixa de texto deve ser escolhido a partir de um conjunto pré-definido de valores permitidos, por exemplo, um campo de localização deve conter um nome de localização válido: [combo box](#combo-box).
+2. A caixa de texto pode conter qualquer valor arbitrário, mas é vantajoso porque pode sugerir possíveis valores para o usuário, por exemplo, um campo de pesquisa que pode sugerir pesquisas anteriores ou semelhantes para economizar o tempo do usuário: [solo livre](#free-solo).
-It's meant to be an improved version of the "react-select" and "downshift" packages.
+A ideia dessa ferramenta era para ser uma versão melhorada das bibliotecas "react-select" e "downshift".
## Combo box
@@ -28,39 +28,39 @@ Cada um dos exemplos a seguir demonstra uma funcionalidade do componente Autocom
### Country select
-Choose one of the 248 countries.
+Escolha um dos 248 países.
{{"demo": "pages/components/autocomplete/CountrySelect.js"}}
## Free solo
-Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+Coloque `freeSolo` como true para que o textbox contenha qualquer valor aleatório. Essa prop é focada em cobrir o principal caso de uso que é seria uma caixa de pesquisas com sugestões, e.g. Google search.
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clear the selected value).
+Entretanto, se você gostaria de usá-lo para trazer ao usuário a experiência de um [combo box](#combo-box) (equivalente a um select aprimorado) nós recomendamos passar `selectOnFocus` (isso ajuda o usuário limpando o valor selecionado).
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
-### Helper message
+### Mensagem de ajuda
-Às vezes você quer tornar explícito ao usuário que ele pode adicionar qualquer valor que ele/ela quiser. The following demo adds a last option: `Add "YOUR SEARCH"`.
+Às vezes você quer tornar explícito ao usuário que ele pode adicionar qualquer valor que ele/ela quiser. O exemplo a seguir adiciona a última opção: `Adicionar "SUA PESQUISA"`.
{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
-You could also display a dialog when the user wants to add a new value.
+Você pode também exibir um diálogo quando o usuário quiser adicionar um novo valor.
{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
-## Grouped
+## Agrupamento
{{"demo": "pages/components/autocomplete/Grouped.js"}}
-## Disabled options
+## Opções desabilitadas
{{"demo": "pages/components/autocomplete/DisabledOptions.js"}}
## `useAutocomplete`
-For advanced customization use cases, we expose a `useAutocomplete()` hook. It accepts almost the same options as the Autocomplete component minus all the props related to the rendering of JSX. The Autocomplete component uses this hook internally.
+Para casos de customização avançada nós expomos o `useAutocomplete()` hook. Ele aceita quase as mesmas opções do componente Autocompletar exceto todas as props relacionadas a renderização do JSX. O componente Autocompletar usa esse hook internamente.
```jsx
import useAutocomplete from '@material-ui/lab/useAutocomplete';
@@ -70,25 +70,25 @@ import useAutocomplete from '@material-ui/lab/useAutocomplete';
{{"demo": "pages/components/autocomplete/UseAutocomplete.js", "defaultCodeOpen": false}}
-### Customized hook
+### Hook customizado
{{"demo": "pages/components/autocomplete/CustomizedHook.js"}}
-Head to the [Customized Autocomplete](#customized-autocomplete) section for a customization example with the `Autocomplete` component instead of the hook.
+Indo para a seção de [Autocompletar customizado](#customized-autocomplete) vemos um exemplo de customização com o componente `Autocompletar` ao invés do hook.
-## Asynchronous requests
+## Requisições assíncronas
{{"demo": "pages/components/autocomplete/Asynchronous.js"}}
-### Google Maps place
+### Lugares com a API do Google Maps
-A customized UI for Google Maps Places Autocomplete.
+Uma customização de UI para o autocompletar de lugares do Google Maps.
{{"demo": "pages/components/autocomplete/GoogleMaps.js"}}
-For this demo, we need to load the [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API.
+Para esse exemplo, nós precisamos carregar a API de Javascript do [Google Maps](https://developers.google.com/maps/documentation/javascript/tutorial).
-> ⚠️ Before you can start using the Google Maps JavaScript API, you must sign up and create a billing account.
+> ⚠️ Antes de você começar a usar a API Javascript do Google Maps você precisará estar cadastrado e ter uma conta.
## Múltiplos valores
@@ -96,7 +96,7 @@ Também conhecidos como tags, o usuário pode inserir mais de um valor.
{{"demo": "pages/components/autocomplete/Tags.js"}}
-### Fixed options
+### Opções fixas
In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
diff --git a/docs/src/pages/components/autocomplete/autocomplete-zh.md b/docs/src/pages/components/autocomplete/autocomplete-zh.md
index 8384105862a9e6..ce2cb574725106 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-zh.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-zh.md
@@ -90,7 +90,7 @@ A customized UI for Google Maps Places Autocomplete.
> 在你开始使用谷歌地图javascript API之前,你需要创建一个帐户 (用于使用谷歌地图api).
-## Multiple values(多重值)
+## 多重值
这也称为标签,允许用户输入多个值。
diff --git a/docs/src/pages/components/avatars/avatars-pt.md b/docs/src/pages/components/avatars/avatars-pt.md
index 9af303355765aa..498a2b5bf36e69 100644
--- a/docs/src/pages/components/avatars/avatars-pt.md
+++ b/docs/src/pages/components/avatars/avatars-pt.md
@@ -47,7 +47,7 @@ If there is an error loading the avatar image, the component falls back to an al
{{"demo": "pages/components/avatars/FallbackAvatars.js"}}
-## Grouped
+## Agrupamento
`AvatarGroup` renders its children as a stack.
diff --git a/docs/src/pages/components/backdrop/backdrop-ru.md b/docs/src/pages/components/backdrop/backdrop-ru.md
index 6d06d8b98b09a1..1d6a494a3c183b 100644
--- a/docs/src/pages/components/backdrop/backdrop-ru.md
+++ b/docs/src/pages/components/backdrop/backdrop-ru.md
@@ -7,6 +7,6 @@ components: Backdrop
Затемнение предназначено для акцентирования внимания пользователя на определенном элементе интерфейса.
-The backdrop signals to the user of a state change within the application and can be used for creating loaders, dialogs and more. Проще говоря, затемнение добавляет затемнённый слой поверх вашего приложения.
+Затемнение сигнализирует пользователю об изменении состояния в приложении и может быть использован для создания загрузчиков, диалогов и многое другое. Проще говоря, затемнение добавляет затемнённый слой поверх вашего приложения.
{{"demo": "pages/components/backdrop/SimpleBackdrop.js"}}
diff --git a/docs/src/pages/components/badges/badges-zh.md b/docs/src/pages/components/badges/badges-zh.md
index cc52a907c54ff9..2e5ad140609bf5 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: 徽章
+components: Badge
---
# Badge 徽章
diff --git a/docs/src/pages/components/box/box-zh.md b/docs/src/pages/components/box/box-zh.md
index 084abcde833d33..4e3a519c0d9a2f 100644
--- a/docs/src/pages/components/box/box-zh.md
+++ b/docs/src/pages/components/box/box-zh.md
@@ -6,15 +6,15 @@ title: React Box分组组件
-[Navigation drawers](https://material.io/design/components/navigation-drawer.html) (或者 “sidebars”)使得用户能够访问目标地址和一些应用功能,例如切换帐户。 它们既可以永久在屏幕上,也可以由一个导航菜单图标控制。
+用户能够通过 [Navigation drawers](https://material.io/design/components/navigation-drawer.html) (或者 “sidebars”)来访问目标地址和一些应用功能,例如切换帐户。 它们既可以永久在屏幕上,也可以由一个导航菜单图标控制。
-[Side sheets](https://material.io/design/components/sheets-side.html)主要在平板和桌面上作为辅助的平面使用。
+[Side sheets](https://material.io/design/components/sheets-side.html) 主要在平板和桌面上作为辅助的平面使用。
## 临时抽屉
-Temporary navigation drawers can toggle open or closed. Closed by default, the drawer opens temporarily above all other content until a section is selected.
+你可以打开或关闭一个临时的导航抽屉。 抽屉组件的默认状态是关闭,而选中一个区则会触发抽屉组件在任何其他内容之上呈现。
-The Drawer can be cancelled by clicking the overlay or pressing the Esc key. It closes when an item is selected, handled by controlling the `open` prop.
+而点击覆盖的区域(overlay)或者按下 Esc 键则可以关闭抽屉。 通过操控 `open` 属性,当选中一个子项的时候,抽屉则会被关闭。
{{"demo": "pages/components/drawers/TemporaryDrawer.js"}}
-### Swipeable
+### 可滑动的抽屉
您可以使用 `SwipeableDrawer` 组件来实现滑动抽屉。
-此组件附带 2 kB gzip 的负载开销。 一些低端移动设备无法以60 FPS 的速度跟随手指的移动。 您可以使用 `disableBackdropTransition` 属性来解决这个问题。
+此组件附带 2 kB gzipped 的负载开销。 一些低端移动设备无法以60 FPS 的速度跟随手指的移动。 通过 `disableBackdropTransition` 这个属性,则可以解决此问题。
{{"demo": "pages/components/drawers/SwipeableTemporaryDrawer.js"}}
-The following properties are used in this documentation website for optimal usability of the component:
+在此文档的页面中有以下的一些属性,它们用来优化组件的使用:
-- iOS is hosted on high-end devices. The backdrop transition can be enabled without dropping frames. 这样展示令人足够满意了。
-- iOS has a "swipe to go back" feature that interferes with the discovery feature, so discovery has to be disabled.
+- 一些高端的设备托管了 iOS。 在不丢失帧的情况下,能够启用背景过渡。 这样展示令人足够满意了。
+- iOS 有一个“滑动回退”功能,它会影响发现功能,所以必须禁用发现功能。
```jsx
const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);
diff --git a/docs/src/pages/components/grid/grid-zh.md b/docs/src/pages/components/grid/grid-zh.md
index ae0fd945218004..a4a6e42c6ad1fe 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-aa.md b/docs/src/pages/components/icons/icons-aa.md
index 3bc7fa08369519..0ec49012dc6c67 100644
--- a/docs/src/pages/components/icons/icons-aa.md
+++ b/docs/src/pages/components/icons/icons-aa.md
@@ -25,7 +25,7 @@ crwdns131144:0crwdne131144:0
crwdns131146:0crwdne131146:0
```
-crwdns131148:0crwdne131148:0
+crwdns131280:0crwdne131280:0
crwdns131150:0crwdne131150:0
diff --git a/docs/src/pages/components/icons/icons-de.md b/docs/src/pages/components/icons/icons-de.md
index ed77c5ff90610d..866ddd66a2b033 100644
--- a/docs/src/pages/components/icons/icons-de.md
+++ b/docs/src/pages/components/icons/icons-de.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 a have a peer-dependency on the next release of Material-UI.
+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.
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-es.md b/docs/src/pages/components/icons/icons-es.md
index f28718be8ded2f..a3bef53b60a885 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 a have a peer-dependency on the next release of Material-UI.
+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.
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-fr.md b/docs/src/pages/components/icons/icons-fr.md
index c51ddd710dd2a6..4adc3c39098ef8 100644
--- a/docs/src/pages/components/icons/icons-fr.md
+++ b/docs/src/pages/components/icons/icons-fr.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 a have a peer-dependency on the next release of Material-UI.
+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.
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-ja.md b/docs/src/pages/components/icons/icons-ja.md
index 3220ef5fae6a51..a377770c80d52f 100644
--- a/docs/src/pages/components/icons/icons-ja.md
+++ b/docs/src/pages/components/icons/icons-ja.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 a have a peer-dependency on the next release of Material-UI.
+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.
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-pt.md b/docs/src/pages/components/icons/icons-pt.md
index d13beba1e99fc7..06701e362cfd45 100644
--- a/docs/src/pages/components/icons/icons-pt.md
+++ b/docs/src/pages/components/icons/icons-pt.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 a have a peer-dependency on the next release of Material-UI.
+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.
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-ru.md b/docs/src/pages/components/icons/icons-ru.md
index 7518e5db9ddf68..7ffbb002be8718 100644
--- a/docs/src/pages/components/icons/icons-ru.md
+++ b/docs/src/pages/components/icons/icons-ru.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 a have a peer-dependency on the next release of Material-UI.
+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.
If you are not already using Material-UI in your project, you can add it with:
@@ -120,7 +120,7 @@ import StarIcon from './star.svg';
#### Material Design (recommended)
-Material Design has standardized over [1,100 official icons](#material-icons).
+Material Design имеет более [1,100 стандартизиваных официальных иконок](#material-icons).
#### MDI
diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/src/pages/components/icons/icons-zh.md
index 1d804fe38381c2..baa7e27267f349 100644
--- a/docs/src/pages/components/icons/icons-zh.md
+++ b/docs/src/pages/components/icons/icons-zh.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 a have a peer-dependency on the next release of Material-UI.
+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.
如果你尚未在你的项目中使用Material-UI, 你可以按如下方式安装:
diff --git a/docs/src/pages/components/lists/lists-zh.md b/docs/src/pages/components/lists/lists-zh.md
index 7cc7f273789641..479a04432ad689 100644
--- a/docs/src/pages/components/lists/lists-zh.md
+++ b/docs/src/pages/components/lists/lists-zh.md
@@ -9,7 +9,7 @@ components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, Lis
[列表](https://material.io/design/components/lists.html) 是一组连续的文本或图像。 它们由包含主要和补充操作的项子集组成,而这些操作由图标和文本表示。
-## Simple List(简易列表)
+## 简易列表
{{"demo": "pages/components/lists/SimpleList.js", "bg": true}}
@@ -29,11 +29,11 @@ function ListItemLink(props) {
你可以从这里查看 [React Router与文档此部分结合使用的相关样例](/guides/composition/#react-router)。
-## Nested List(嵌套列表)
+## 嵌套列表
{{"demo": "pages/components/lists/NestedList.js", "bg": true}}
-## Folder List(文件夹列表)
+## 文件夹列表
{{"demo": "pages/components/lists/FolderList.js", "bg": true}}
@@ -43,7 +43,7 @@ function ListItemLink(props) {
{{"demo": "pages/components/lists/InteractiveList.js", "bg": true}}
-## 可选的 ListItem
+## 可选的
{{"demo": "pages/components/lists/SelectedListItem.js", "bg": true}}
@@ -55,7 +55,7 @@ function ListItemLink(props) {
## 列表控件
-### Checkbox(选择框)
+### 选择框
一个选择框既可以是主操作,又可以是辅助操作。
@@ -93,6 +93,6 @@ This feature relies on CSS sticky positioning. Unfortunately it's [not implement
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)等替代品。
-## Customization 个性化
+## 个性化
👑如果您还在寻找灵感,您可以看看 [MUI Treasury 特别定制的一些例子](https://mui-treasury.com/components/menu-list)。
\ No newline at end of file
diff --git a/docs/src/pages/components/menus/menus-zh.md b/docs/src/pages/components/menus/menus-zh.md
index 571e1e3a640f5a..f8c1d4efc2efdf 100644
--- a/docs/src/pages/components/menus/menus-zh.md
+++ b/docs/src/pages/components/menus/menus-zh.md
@@ -5,31 +5,31 @@ components: Menu, MenuItem, MenuList, ClickAwayListener, Popover, Popper
# Menu 菜单
-
菜单在临时出现的位置上展示一系列的选项列表。
+
菜单在临时出现的位置上显示了一系列的选项。
-A [Menu](https://material.io/design/components/menus.html) displays a list of choices on a temporary surface. It appears when the user interacts with a button, or other control.
+一个[菜单组件](https://material.io/design/components/menus.html)在临时的位置上显示了一系列的选项。 当用户和一个按钮、或者其他控制元件交互的时候,菜单会出现。
## 简单菜单
-默认情况下,简单菜单在锚元素上打开(此选项可以通过 props 更改)。 当靠近屏幕边缘时,简单菜单会在垂直方向上重新对齐,以确保所有菜单子项都完全可见。
+默认情况下,简单菜单在锚元素上打开(此选项可以通过 props 更改)。 当靠近屏幕边缘时,简单菜单会在垂直方向上重新对齐,以确保所有菜单子项(menu items)都完全可见。
-理想状态下,选择一个选项会出发即刻提交该选项并且关闭整个菜单。
+理想状态下,选择一个选项是会立刻执行此选项并且关闭整个菜单。
-**解疑**: 与简单菜单相比,基本对话框可以显示与一个列表项相关的其他选项的详细信息,或者提供与主要任务相关的导航类的或垂直的操作。 虽然它们可以显示相同的内容,但相对于基本对话框,我们更推荐简单菜单,因为它对用户的当前上下文干预更少。
+**解疑**: 与简单菜单相比,基本对话框可以呈现与一个列表可选项相关的额外信息,或者提供与主要任务相关的导航类或者互不相干的操作。 虽然它们可以显示相同的内容,但和基本对话框相比,我们更倾向于简单菜单,因为它对用户的当前上下文干预更少。
{{"demo": "pages/components/menus/SimpleMenu.js"}}
## 选择菜单
-若用于选项的选择,当打开简单菜单的时候,它会通过一个锚元素来尝试与当前被选择的菜单的选择项垂直对齐,而初始的焦点将放置于此被选项。 通过 `selected` 属性(在[ListItem](/api/list-item/)中),我们设置当前的被选项。 若想要使用一个被选菜单项且不影响初始的焦点或者菜单的垂直位置,您可以设置一下`菜单`的 `variant` 属性。
+若用于选项的选择,当打开简单菜单的时候,它会通过一个锚元素来尝试与当前被选择的菜单的选择项垂直对齐,而初始的焦点集中于被选中的那个选项。 通过 `selected` 属性(在[ListItem](/api/list-item/)中),能够设置当前被选中的那个选项。 若想要使用一个被选项,且不影响初始的焦点或者菜单的垂直位置,您可以设置一下`菜单`的 `variant` 属性。
{{"demo": "pages/components/menus/SimpleListMenu.js"}}
## MenuList 组合
-`菜单`组件在其内部使用 `Popover` 组件。 但是,您可能想要使用不同的元素定位的方式,或者您不想禁止页面的滚动。 为了满足这些需求,我们公开了一个 `MenuList` 组件,您可以像下面例子中这样结合 `Popper` 来编写自己的菜单组件。
+在`菜单`组件的内部,其实使用了 `Popover` 组件。 但是,您可能想要使用不同的元素定位的方式,或者您不想禁止页面的滚动。 为了满足这些需求,我们公开了一个 `MenuList` 组件,您可以像下面例子中这样结合 `Popper` 来编写自己的菜单组件。
-`MenuList`组件的主要任务是处理焦点。
+`MenuList` 组件的主要任务是处理焦点。
{{"demo": "pages/components/menus/MenuListComposition.js", "bg": true}}
@@ -39,7 +39,7 @@ A [Menu](https://material.io/design/components/menus.html) displays a list of ch
{{"demo": "pages/components/menus/CustomizedMenus.js"}}
-The `MenuItem` is a wrapper around `ListItem` with some additional styles. You can use the same list composition features with the `MenuItem` component:
+`MenuItem` 的原理是用额外的样式包装了 `ListItem` 组件。 你可以将同样的列表合成功能来装饰 `MenuItem` 组件:
## 限高菜单
@@ -49,7 +49,7 @@ The `MenuItem` is a wrapper around `ListItem` with some additional styles. You c
## 局限性
-有 [一个 flexbox 的 错误](https://bugs.chromium.org/p/chromium/issues/detail?id=327437),使 `text-overflow: ellipsis` 在 Flexbox 布局中不工作。 您可以使用 `Typography` 组件和 `noWrap` 来解决此问题:
+有 [一个 flexbox 的 bug](https://bugs.chromium.org/p/chromium/issues/detail?id=327437),你会发现 `text-overflow: ellipsis` 无法作用于 Flexbox 布局。 您可以使用 `Typography` 组件和 `noWrap` 来解决此问题:
{{"demo": "pages/components/menus/TypographyMenu.js", "bg": true}}
@@ -59,9 +59,9 @@ The `MenuItem` is a wrapper around `ListItem` with some additional styles. You c
{{"demo": "pages/components/menus/FadeMenu.js"}}
-## 快捷菜单
+## 快捷菜单 Context menu
-这是快捷菜单的示例。 (右键单击以打开。)
+这是一个快捷菜单的示例。 (单击右键就可以打开。)
{{"demo": "pages/components/menus/ContextMenu.js"}}
@@ -71,6 +71,6 @@ The `MenuItem` is a wrapper around `ListItem` with some additional styles. You c
### PopupState helper
-这里有一个第三方包 [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) 在大部分情况下,它都能帮你处理好菜单状态
+这里有一个第三方包 [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) 在大部分情况下,它都能帮你处理好菜单状态。
{{"demo": "pages/components/menus/MenuPopupState.js"}}
\ No newline at end of file
diff --git a/docs/src/pages/components/modal/modal-zh.md b/docs/src/pages/components/modal/modal-zh.md
index 907b0393558470..45f84db22c6698 100644
--- a/docs/src/pages/components/modal/modal-zh.md
+++ b/docs/src/pages/components/modal/modal-zh.md
@@ -31,7 +31,7 @@ components: Modal
Notice that you can disable the outline (often blue or gold) with the `outline: 0` CSS property.
-## Transitions(过渡动画)
+## 过渡动画
The open/close state of the modal can be animated with a transition component. This component should respect the following conditions:
diff --git a/docs/src/pages/components/popper/popper-zh.md b/docs/src/pages/components/popper/popper-zh.md
index 559be1f9a371e9..b367c2dcf9a0e8 100644
--- a/docs/src/pages/components/popper/popper-zh.md
+++ b/docs/src/pages/components/popper/popper-zh.md
@@ -21,7 +21,7 @@ components: Popper
{{"demo": "pages/components/popper/SimplePopper.js"}}
-## Transitions(过渡动画)
+## 过渡动画
The open/close state of the popper can be animated with a render prop child and a transition component. This component should respect the following conditions:
diff --git a/docs/src/pages/components/rating/rating-zh.md b/docs/src/pages/components/rating/rating-zh.md
index efc6ff34c286f7..36d44ec375f22f 100644
--- a/docs/src/pages/components/rating/rating-zh.md
+++ b/docs/src/pages/components/rating/rating-zh.md
@@ -7,11 +7,11 @@ components: Rating
评分可以展现用户对某一产品的大致态度和使用体验。 用户也可以为他们购买过的产品打分。
-## Simple ratings 简单评分
+## 简单评分
{{"demo": "pages/components/rating/SimpleRating.js"}}
-## Customized ratings 自定义评分
+## 自定义评分
这是一些自定义样式开关的例子 您可以在[重写文档页](/customization/components/)中了解有关此内容的更多信息。
diff --git a/docs/src/pages/components/selects/selects-pt.md b/docs/src/pages/components/selects/selects-pt.md
index c707a19fb26d2f..4b4cadf1ee5cd0 100644
--- a/docs/src/pages/components/selects/selects-pt.md
+++ b/docs/src/pages/components/selects/selects-pt.md
@@ -17,7 +17,7 @@ Os menus são posicionados sobre seus elementos emissores, de modo que o item de
The Select component is meant to be interchangeable with a native `