From c82dab3a472dec1584893032960b03f1dbf4e3d8 Mon Sep 17 00:00:00 2001 From: tjz <415800467@qq.com> Date: Tue, 20 Mar 2018 21:48:01 +0800 Subject: [PATCH] update demo --- components/affix/demo/index.vue | 6 +- components/alert/demo/index.vue | 1 + components/auto-complete/demo/index.vue | 6 ++ components/avatar/demo/index.vue | 5 ++ components/back-top/demo/index.vue | 5 ++ components/badge/demo/index.vue | 4 + components/breadcrumb/demo/index.vue | 2 +- components/button/demo/index.vue | 5 ++ components/calendar/demo/index.vue | 4 +- components/card/demo/basic.vue | 23 ------ components/card/demo/colRowCard.vue | 20 ----- components/card/demo/concise.vue | 32 -------- components/card/demo/grid.vue | 27 ------- components/card/demo/index.vue | 29 ++++--- components/card/demo/inline.vue | 39 ---------- components/card/demo/loading.vue | 20 ----- components/card/demo/moreConfigs.vue | 40 ---------- components/card/demo/noBorder.vue | 24 ------ components/card/demo/tabsCard.vue | 74 ------------------ components/cascader/demo/index.vue | 5 ++ components/checkbox/demo/index.vue | 4 + components/collapse/demo/index.vue | 9 ++- components/divider/demo/index.vue | 8 +- components/dropdown/demo/index.vue | 8 +- components/grid/demo/index.vue | 1 + components/index.js | 6 +- components/input/demo/index.vue | 3 +- components/menu/demo/horizontal.md | 50 +++++++++++++ components/menu/demo/horizontal.vue | 54 ------------- components/menu/demo/index.vue | 56 +++++++++----- components/menu/demo/inline-collapsed.md | 70 +++++++++++++++++ components/menu/demo/inline-collapsed.vue | 77 ------------------- components/menu/demo/inline.md | 76 +++++++++++++++++++ components/menu/demo/inline.vue | 79 -------------------- components/menu/demo/sider-current.md | 67 +++++++++++++++++ components/menu/demo/sider-current.vue | 70 ----------------- components/menu/demo/switch-mode.md | 72 ++++++++++++++++++ components/menu/demo/switch-mode.vue | 76 ------------------- components/menu/demo/theme.md | 77 +++++++++++++++++++ components/menu/demo/theme.vue | 77 ------------------- components/menu/demo/vertical.md | 56 ++++++++++++++ components/menu/demo/vertical.vue | 60 --------------- components/menu/index.en-US.md | 73 ++++++++++++++++++ components/menu/index.zh-CN.md | 33 +++----- components/message/demo/duration.md | 13 ++-- components/message/demo/index.vue | 8 +- components/message/demo/info.md | 3 +- components/message/demo/loading.md | 3 +- components/message/demo/other.md | 7 +- components/modal/demo/index.vue | 1 + components/notification/demo/basic.md | 3 +- components/notification/demo/custom-icon.md | 3 +- components/notification/demo/custom-style.md | 3 +- components/notification/demo/duration.md | 3 +- components/notification/demo/index.vue | 8 +- components/notification/demo/placement.md | 13 ++-- components/notification/demo/with-btn.md | 5 +- components/notification/demo/with-icon.md | 3 +- components/pagination/demo/index.vue | 18 ++--- components/popconfirm/demo/index.vue | 4 + components/popover/demo/index.vue | 4 + components/radio/demo/index.vue | 4 + components/rate/demo/index.vue | 6 +- components/select/demo/index.vue | 6 +- components/spin/demo/index.vue | 14 ++-- components/steps/demo/index.vue | 4 +- components/switch/demo/index.vue | 7 +- components/tabs/demo/index.vue | 5 ++ components/tag/demo/index.vue | 4 + components/time-picker/demo/index.vue | 3 +- components/tooltip/demo/index.vue | 4 + 71 files changed, 786 insertions(+), 906 deletions(-) delete mode 100644 components/card/demo/basic.vue delete mode 100644 components/card/demo/colRowCard.vue delete mode 100644 components/card/demo/concise.vue delete mode 100644 components/card/demo/grid.vue delete mode 100644 components/card/demo/inline.vue delete mode 100644 components/card/demo/loading.vue delete mode 100644 components/card/demo/moreConfigs.vue delete mode 100644 components/card/demo/noBorder.vue delete mode 100644 components/card/demo/tabsCard.vue create mode 100644 components/menu/demo/horizontal.md delete mode 100644 components/menu/demo/horizontal.vue create mode 100644 components/menu/demo/inline-collapsed.md delete mode 100644 components/menu/demo/inline-collapsed.vue create mode 100644 components/menu/demo/inline.md delete mode 100644 components/menu/demo/inline.vue create mode 100644 components/menu/demo/sider-current.md delete mode 100644 components/menu/demo/sider-current.vue create mode 100644 components/menu/demo/switch-mode.md delete mode 100644 components/menu/demo/switch-mode.vue create mode 100644 components/menu/demo/theme.md delete mode 100644 components/menu/demo/theme.vue create mode 100644 components/menu/demo/vertical.md delete mode 100644 components/menu/demo/vertical.vue create mode 100644 components/menu/index.en-US.md diff --git a/components/affix/demo/index.vue b/components/affix/demo/index.vue index fede96675..ef83a3199 100644 --- a/components/affix/demo/index.vue +++ b/components/affix/demo/index.vue @@ -16,9 +16,13 @@ const md = { ## When To Use When user browses a long web page, some content need to stick to the viewport. This is common for menus and actions. Please note that Affix should not cover other content on the page, especially when the size of the viewport is small. -`, +## Examples `, } export default { + category: 'Components', + subtitle: '固钉', + type: 'Navigation', + title: 'Affix', render () { return (
diff --git a/components/alert/demo/index.vue b/components/alert/demo/index.vue index 076059c01..8eedaa492 100644 --- a/components/alert/demo/index.vue +++ b/components/alert/demo/index.vue @@ -21,6 +21,7 @@ const md = { ## When To Use - When you need to show alert messages to users. - When you need a persistent static container which is closable by user actions. +## Examples `, } export default { diff --git a/components/auto-complete/demo/index.vue b/components/auto-complete/demo/index.vue index 4117ce4e0..d3cb981ec 100644 --- a/components/auto-complete/demo/index.vue +++ b/components/auto-complete/demo/index.vue @@ -18,9 +18,15 @@ const md = { Autocomplete function of input field. ## When To Use When there is a need for autocomplete functionality. +## Examples `, } export default { + category: 'Components', + subtitle: '自动完成', + type: 'Data Entry', + cols: 2, + title: 'AutoComplete', render () { return (
diff --git a/components/avatar/demo/index.vue b/components/avatar/demo/index.vue index 9c9ba2f30..743c3ceba 100644 --- a/components/avatar/demo/index.vue +++ b/components/avatar/demo/index.vue @@ -12,9 +12,14 @@ const md = { ## 代码演示`, us: `# Avatar Avatars can be used to represent people or objects. It supports images, 'Icon's, or letters. + ## Examples `, } export default { + category: 'Components', + subtitle: '头像', + type: 'Data Display', + title: 'Avatar', render () { return (
diff --git a/components/back-top/demo/index.vue b/components/back-top/demo/index.vue index cf742b1c9..e6a93f968 100644 --- a/components/back-top/demo/index.vue +++ b/components/back-top/demo/index.vue @@ -15,9 +15,14 @@ const md = { ## When To Use - When the page content is very long. - When you need to go back to the top very frequently in order to view the contents. +## Examples `, } export default { + category: 'Components', + type: 'Other', + subtitle: '回到顶部', + title: 'BackTop', render () { return (
diff --git a/components/badge/demo/index.vue b/components/badge/demo/index.vue index 7b47ace61..e08196122 100644 --- a/components/badge/demo/index.vue +++ b/components/badge/demo/index.vue @@ -25,6 +25,10 @@ } export default { + category: 'Components', + subtitle: '徽标数', + type: 'Data Display', + title: 'Badge', render () { return (
diff --git a/components/breadcrumb/demo/index.vue b/components/breadcrumb/demo/index.vue index 7bcf918f1..bbea90951 100644 --- a/components/breadcrumb/demo/index.vue +++ b/components/breadcrumb/demo/index.vue @@ -23,7 +23,7 @@ - When you need to inform the user of where they are. - When the user may need to navigate back to a higher level. - When the application has multi-layer architecture. - ## examples + ## Examples `, } diff --git a/components/button/demo/index.vue b/components/button/demo/index.vue index a0b231d4c..97da1eb91 100644 --- a/components/button/demo/index.vue +++ b/components/button/demo/index.vue @@ -19,9 +19,14 @@ const md = { To trigger an operation. ## When To Use A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic. + ## Examples `, } export default { + category: 'Components', + type: 'General', + title: 'Button', + subtitle: '按钮', render () { return (
diff --git a/components/calendar/demo/index.vue b/components/calendar/demo/index.vue index e56024bba..9be0423c9 100644 --- a/components/calendar/demo/index.vue +++ b/components/calendar/demo/index.vue @@ -21,7 +21,9 @@ Container for displaying data in calendar form. ## When To Use -When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.`, +When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch. +## Examples +`, } export default { category: 'Components', diff --git a/components/card/demo/basic.vue b/components/card/demo/basic.vue deleted file mode 100644 index 55f9d0254..000000000 --- a/components/card/demo/basic.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - diff --git a/components/card/demo/colRowCard.vue b/components/card/demo/colRowCard.vue deleted file mode 100644 index ebeb6253b..000000000 --- a/components/card/demo/colRowCard.vue +++ /dev/null @@ -1,20 +0,0 @@ - diff --git a/components/card/demo/concise.vue b/components/card/demo/concise.vue deleted file mode 100644 index 3a946db83..000000000 --- a/components/card/demo/concise.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/components/card/demo/grid.vue b/components/card/demo/grid.vue deleted file mode 100644 index 77285fe1f..000000000 --- a/components/card/demo/grid.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/components/card/demo/index.vue b/components/card/demo/index.vue index c34007f8a..c93a00884 100644 --- a/components/card/demo/index.vue +++ b/components/card/demo/index.vue @@ -1,13 +1,13 @@ diff --git a/components/card/demo/loading.vue b/components/card/demo/loading.vue deleted file mode 100644 index 1c8a1c840..000000000 --- a/components/card/demo/loading.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/components/card/demo/moreConfigs.vue b/components/card/demo/moreConfigs.vue deleted file mode 100644 index 649248250..000000000 --- a/components/card/demo/moreConfigs.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - diff --git a/components/card/demo/noBorder.vue b/components/card/demo/noBorder.vue deleted file mode 100644 index c3bd607ab..000000000 --- a/components/card/demo/noBorder.vue +++ /dev/null @@ -1,24 +0,0 @@ - - - diff --git a/components/card/demo/tabsCard.vue b/components/card/demo/tabsCard.vue deleted file mode 100644 index 432e66b30..000000000 --- a/components/card/demo/tabsCard.vue +++ /dev/null @@ -1,74 +0,0 @@ - - - diff --git a/components/cascader/demo/index.vue b/components/cascader/demo/index.vue index 3a67d3158..af1663fae 100644 --- a/components/cascader/demo/index.vue +++ b/components/cascader/demo/index.vue @@ -26,9 +26,14 @@ const md = { - When you need to select from a set of associated data set. Such as province/city/district, company level, things classification. - When selecting from a large data set, with multi-stage classification separated for easy selection. - Chooses cascade items in one float layer for better user experience. +## Examples `, } export default { + category: 'Components', + type: 'Data Entry', + title: 'Cascader', + subtitle: '级联选择', render () { return (
diff --git a/components/checkbox/demo/index.vue b/components/checkbox/demo/index.vue index 80fb85fbd..4e28006ba 100644 --- a/components/checkbox/demo/index.vue +++ b/components/checkbox/demo/index.vue @@ -26,6 +26,10 @@ } export default { + category: 'Components', + subtitle: '多选框', + type: 'Data Entry', + title: 'Checkbox', render () { return (
diff --git a/components/collapse/demo/index.vue b/components/collapse/demo/index.vue index 7c6230c6e..3a671fb60 100644 --- a/components/collapse/demo/index.vue +++ b/components/collapse/demo/index.vue @@ -22,9 +22,16 @@ const md = { us: `# When To Use - Can be used to group or hide complex regions to keep the page clean. -- 'Accordion' is a special kind of 'Collapse', which allows only one panel to be expanded at a time.`, +- 'Accordion' is a special kind of 'Collapse', which allows only one panel to be expanded at a time. +## Examples +`, } export default { + category: 'Components', + type: 'Data Display', + title: 'Collapse', + subtitle: '折叠面板', + cols: 1, render () { return (
diff --git a/components/divider/demo/index.vue b/components/divider/demo/index.vue index 1ea00c62d..a497f3fc1 100644 --- a/components/divider/demo/index.vue +++ b/components/divider/demo/index.vue @@ -15,9 +15,15 @@ const md = { A divider line separates different content. ## When To Use - Divide sections of article. - - Divide inline text and links such as the operation column of table.`, + - Divide inline text and links such as the operation column of table. + ## Examples + `, } export default { + category: 'Components', + type: 'Other', + title: 'Divider', + subtitle: '分割线', render () { return (
diff --git a/components/dropdown/demo/index.vue b/components/dropdown/demo/index.vue index 0ea3c7fa3..6b581f941 100644 --- a/components/dropdown/demo/index.vue +++ b/components/dropdown/demo/index.vue @@ -19,9 +19,15 @@ const md = { us: `# Dropdown A dropdown list. ## When To Use - If there are too many operations to display, you can wrap them in a \`Dropdown\`. By clicking/hovering on the trigger, a dropdown menu should appear, which allows you to choose one option and execute relevant actions.`, + If there are too many operations to display, you can wrap them in a \`Dropdown\`. By clicking/hovering on the trigger, a dropdown menu should appear, which allows you to choose one option and execute relevant actions. + ## Examples + `, } export default { + category: 'Components', + subtitle: '下拉菜单', + type: 'Navigation', + title: 'Dropdown', render () { return (
diff --git a/components/grid/demo/index.vue b/components/grid/demo/index.vue index bca5e182b..ede56aac1 100644 --- a/components/grid/demo/index.vue +++ b/components/grid/demo/index.vue @@ -53,6 +53,7 @@ Following is a brief look at how it works: ## Flex layout Our grid systems support Flex layout to allow the elements within the parent to be aligned horizontally - left, center, right, wide arrangement, and decentralized arrangement. The Grid system also supports vertical alignment - top aligned, vertically centered, bottom-aligned. You can also define the order of elements by using \`order\`. Flex layout uses a 24 grid layout to define the width of each "box", but does not rigidly adhere to the grid layout. +## Examples `, } export default { diff --git a/components/index.js b/components/index.js index 5419e5ea8..454ef9d6a 100644 --- a/components/index.js +++ b/components/index.js @@ -95,11 +95,7 @@ export { default as Modal } from './modal' export { default as Alert } from './alert' export { default as TimePicker } from './time-picker' -const api = { - notification, - message, -} -export { api, notification, message } +export { notification, message } import Steps from './steps' const { Step } = Steps diff --git a/components/input/demo/index.vue b/components/input/demo/index.vue index 0e87f5762..23d502dc1 100644 --- a/components/input/demo/index.vue +++ b/components/input/demo/index.vue @@ -22,7 +22,8 @@ const md = { Keyboard and mouse can be used for providing or changing data. ## When To Use - A user input in a form field is needed. -- A search input is required. `, +- A search input is required. +## Examples `, } export default { category: 'Components', diff --git a/components/menu/demo/horizontal.md b/components/menu/demo/horizontal.md new file mode 100644 index 000000000..750494ba8 --- /dev/null +++ b/components/menu/demo/horizontal.md @@ -0,0 +1,50 @@ + +#### 顶部导航 +水平的顶部导航菜单。 + + + +#### Top Navigation +Horizontal top navigation menu. + + +```html + + +``` diff --git a/components/menu/demo/horizontal.vue b/components/menu/demo/horizontal.vue deleted file mode 100644 index c3a012642..000000000 --- a/components/menu/demo/horizontal.vue +++ /dev/null @@ -1,54 +0,0 @@ - - diff --git a/components/menu/demo/index.vue b/components/menu/demo/index.vue index af35e6af9..2b0a91b6b 100644 --- a/components/menu/demo/index.vue +++ b/components/menu/demo/index.vue @@ -1,13 +1,3 @@ - + + diff --git a/components/menu/demo/inline-collapsed.md b/components/menu/demo/inline-collapsed.md new file mode 100644 index 000000000..5057490b8 --- /dev/null +++ b/components/menu/demo/inline-collapsed.md @@ -0,0 +1,70 @@ + +#### 缩起内嵌菜单 +内嵌菜单可以被缩起/展开。 + + + +#### Collapsed inline menu +Inline menu could be collapsed. + + +```html + + + +``` \ No newline at end of file diff --git a/components/menu/demo/inline-collapsed.vue b/components/menu/demo/inline-collapsed.vue deleted file mode 100644 index 95f82884a..000000000 --- a/components/menu/demo/inline-collapsed.vue +++ /dev/null @@ -1,77 +0,0 @@ - - diff --git a/components/menu/demo/inline.md b/components/menu/demo/inline.md new file mode 100644 index 000000000..90855e441 --- /dev/null +++ b/components/menu/demo/inline.md @@ -0,0 +1,76 @@ + +#### 内嵌菜单 +垂直菜单，子菜单内嵌在菜单区域。 + + + +#### Inline menu +Vertical menu with inline submenus. + + +```html + + +``` diff --git a/components/menu/demo/inline.vue b/components/menu/demo/inline.vue deleted file mode 100644 index bfefcda9d..000000000 --- a/components/menu/demo/inline.vue +++ /dev/null @@ -1,79 +0,0 @@ - - diff --git a/components/menu/demo/sider-current.md b/components/menu/demo/sider-current.md new file mode 100644 index 000000000..8f71c9ef2 --- /dev/null +++ b/components/menu/demo/sider-current.md @@ -0,0 +1,67 @@ + +#### 只展开当前父级菜单 +点击菜单，收起其他展开的所有菜单，保持菜单聚焦简洁。 + + + +#### Open current submenu only +Click the menu and you will see that all the other menus gets collapsed to keep the entire menu compact. + + +```html + + +``` diff --git a/components/menu/demo/sider-current.vue b/components/menu/demo/sider-current.vue deleted file mode 100644 index d93ba5c3d..000000000 --- a/components/menu/demo/sider-current.vue +++ /dev/null @@ -1,70 +0,0 @@ - - diff --git a/components/menu/demo/switch-mode.md b/components/menu/demo/switch-mode.md new file mode 100644 index 000000000..e0ed211ce --- /dev/null +++ b/components/menu/demo/switch-mode.md @@ -0,0 +1,72 @@ + +#### 切换菜单类型 +展示动态切换模式。 + + + +#### Switch the menu type +Show the dynamic switching mode (between 'inline' and 'vertical'). + + +```html + + +``` diff --git a/components/menu/demo/switch-mode.vue b/components/menu/demo/switch-mode.vue deleted file mode 100644 index 70369031c..000000000 --- a/components/menu/demo/switch-mode.vue +++ /dev/null @@ -1,76 +0,0 @@ - - diff --git a/components/menu/demo/theme.md b/components/menu/demo/theme.md new file mode 100644 index 000000000..aca258203 --- /dev/null +++ b/components/menu/demo/theme.md @@ -0,0 +1,77 @@ + +#### 主题 +内建了两套主题 `light|dark`，默认 `light`。 + + + +#### Menu Themes +There are two built-in themes: 'light' and 'dark'. The default value is 'light'. + + +```html + + +``` diff --git a/components/menu/demo/theme.vue b/components/menu/demo/theme.vue deleted file mode 100644 index 15352d49d..000000000 --- a/components/menu/demo/theme.vue +++ /dev/null @@ -1,77 +0,0 @@ - - diff --git a/components/menu/demo/vertical.md b/components/menu/demo/vertical.md new file mode 100644 index 000000000..89b516ada --- /dev/null +++ b/components/menu/demo/vertical.md @@ -0,0 +1,56 @@ + +#### 垂直菜单 +子菜单是弹出的形式。 + + + +#### Vertical menu +Submenus open as pop-ups. + + +```html + + +``` diff --git a/components/menu/demo/vertical.vue b/components/menu/demo/vertical.vue deleted file mode 100644 index 7fa24c7a0..000000000 --- a/components/menu/demo/vertical.vue +++ /dev/null @@ -1,60 +0,0 @@ - - diff --git a/components/menu/index.en-US.md b/components/menu/index.en-US.md new file mode 100644 index 000000000..390da0b10 --- /dev/null +++ b/components/menu/index.en-US.md @@ -0,0 +1,73 @@ + +## API + +````html + +```` + +### Menu + +| Param | Description | Type | Default value | +| ----- | ----------- | ---- | ------------- | +| defaultOpenKeys | array with the keys of default opened sub menus | | | +| defaultSelectedKeys | array with the keys of default selected menu items | string\[] | | +| forceSubMenuRender | render submenu into DOM before it shows | boolean | false | +| inlineCollapsed | specifies the collapsed status when menu is inline mode | boolean | - | +| inlineIndent | indent px of inline menu item on each level | number | 24 | +| mode | type of the menu; `vertical`, `horizontal`, and `inline` modes are supported | string: `vertical` \| `vertical-right` \| `horizontal` \| `inline` | `vertical` | +| multiple | Allow selection of multiple items | boolean | false | +| openKeys(.sync) | array with the keys of currently opened sub menus | string\[] | | +| selectable | allow selecting menu items | boolean | true | +| selectedKeys(v-model) | array with the keys of currently selected menu items | string\[] | | +| style | style of the root node | object | | +| subMenuCloseDelay | delay time to hide submenu when mouse leave, unit: second | number | 0.1 | +| subMenuOpenDelay | delay time to show submenu when mouse enter, unit: second | number | 0 | +| theme | color theme of the menu | string: `light` `dark` | `light` | + +### Menu Events +| Events Name | Description | Arguments | +| --- | --- | --- | +| click | callback executed when a menu item is clicked | function({ item, key, keyPath }) | +| deselect | callback executed when a menu item is deselected, only supported for multiple mode | function({ item, key, selectedKeys }) | +| openChange | called when open/close sub menu | function(openKeys: string\[]) | +| select | callback executed when a menu item is selected | function({ item, key, selectedKeys }) | + + +### Menu.Item + +| Param | Description | Type | Default value | +| ----- | ----------- | ---- | ------------- | +| disabled | whether menu item is disabled or not | boolean | false | +| key | unique id of the menu item | string | | + +### Menu.SubMenu + +| Param | Description | Type | Default value | +| ----- | ----------- | ---- | ------------- | +| children | sub menus or sub menu items | Array<MenuItem\|SubMenu> | | +| disabled | whether sub menu is disabled or not | boolean | false | +| key | unique id of the sub menu | string | | +| title | title of the sub menu | string\|ReactNode | | + +### Menu.SubMenu Events +| Events Name | Description | Arguments | +| --- | --- | --- | +| titleClick | callback executed when the sub menu title is clicked | function({ key, domEvent }) | + +### Menu.ItemGroup + +| Param | Description | Type | Default value | +| ----- | ----------- | ---- | ------------- | +| children | sub menu items | MenuItem\[] | | +| title | title of the group | string\|ReactNode | | + +### Menu.Divider + +Divider line in between menu items, only used in vertical popup Menu or Dropdown Menu. diff --git a/components/menu/index.zh-CN.md b/components/menu/index.zh-CN.md index d9334de2c..1b9c65d17 100644 --- a/components/menu/index.zh-CN.md +++ b/components/menu/index.zh-CN.md @@ -1,29 +1,16 @@ ---- -category: Components -cols: 1 -type: Navigation -title: Menu -subtitle: 导航菜单 ---- - -为页面和功能提供导航的菜单列表。 - -## 何时使用 - -导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。 - -更多布局和导航的使用可以参考：[通用布局](/components/layout)。 ## API -```html - - 菜单项 - - 子菜单项 - - -``` +````html + +```` ### Menu diff --git a/components/message/demo/duration.md b/components/message/demo/duration.md index 53f086364..01379b818 100644 --- a/components/message/demo/duration.md +++ b/components/message/demo/duration.md @@ -14,13 +14,14 @@ Customize message display duration from default `3s` to `10s`. Customized display duration ``` diff --git a/components/message/demo/index.vue b/components/message/demo/index.vue index c9fe688aa..7cbe8432a 100644 --- a/components/message/demo/index.vue +++ b/components/message/demo/index.vue @@ -17,9 +17,15 @@ const md = { Display global messages as feedback in response to user operations. ## When To Use - To provide feedback such as success, warning, error etc. -- A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt.`, +- A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt. +## Examples `, } export default { + category: 'Components', + subtitle: '全局提示', + type: 'Feedback', + noinstant: true, + title: 'Message', render () { return (
diff --git a/components/message/demo/info.md b/components/message/demo/info.md index 88a7e5763..8d6cd46a0 100644 --- a/components/message/demo/info.md +++ b/components/message/demo/info.md @@ -14,10 +14,11 @@ Normal messages as feedbacks. Display normal message