forked from opentiny/tiny-vue
docs(modal/numeric/dialog-box/tree-menu):update text correction description. (#1062)
* docs(fall-menu):[fall-menu]text correction * docs(fall-menu):[fall-menu]text correction * docs(fall-menu):[fall-menu]text correction * test(fall-menu):[fall-menu]update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * test(fall-menu)[fall-menu] update fall-menu E2E test * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * docs(carousel/color-picker/color-select-panel/config-provider/crop/divider/link-menu/slide-bar/toggle-menu/user-contact/user-head/):update text description * e2etest * docs(tree-menu):update text description * delete-E2E TEST
This commit is contained in:
parent
154a46189c
commit
6cea1e6316
|
@ -5,7 +5,10 @@ export default {
|
|||
{
|
||||
'demoId': 'basic-usage',
|
||||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
|
||||
'desc': {
|
||||
'zh-CN': '通过设置<code>:visible</code>属性控制弹窗显示。',
|
||||
'en-US': 'Set pop-up display through<code>: visible</code>.'
|
||||
},
|
||||
'codeFiles': ['basic-usage.vue']
|
||||
},
|
||||
{
|
||||
|
@ -13,9 +16,9 @@ export default {
|
|||
'name': { 'zh-CN': '二级弹窗', 'en-US': 'Level-2 pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 default 默认插槽和底部操作区按钮实现二级弹窗。设置 <code>append-to-body</code> 属性后,二级弹窗的实体 DOM 结构将追加到 body 元素上。</p>\n',
|
||||
'<p>通过设置<code>#default</code>默认插槽和底部操作区按钮实现二级弹窗。设置 <code>append-to-body</code> 属性后,二级弹窗的实体<code>DOM</code>结构将追加到<code>body</code>元素上。</p>\n',
|
||||
'en-US':
|
||||
'<p>The default slot and buttons in the operation area at the bottom are used to implement the level-2 pop-up window. After the <code>append-to-body</code> attribute is set, the entity DOM structure of the level-2 pop-up window is appended to the body element. </p>\n'
|
||||
'<p>The <code>#default</code> slot and buttons in the operation area at the bottom are used to implement the level-2 pop-up window. After the <code>append-to-body</code> attribute is set, the entity <code>DOM</code> structure of the level-2 pop-up window is appended to the <code>body</code> element. </p>\n'
|
||||
},
|
||||
'codeFiles': ['secondary-dialog.vue']
|
||||
},
|
||||
|
@ -23,10 +26,9 @@ export default {
|
|||
'demoId': 'custom-dialog-title',
|
||||
'name': { 'zh-CN': '自定义标题', 'en-US': 'Custom Title' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>除 <code>title</code> 属性可以设置弹窗标题外,还可以通过 <code>title</code> 插槽自定义弹窗标题区的内容。</p>\n',
|
||||
'zh-CN': '<p>通过设置<code>title</code> 或者<code>#title</code>插槽设置弹窗标题内容。</p>\n',
|
||||
'en-US':
|
||||
'<p>In addition to the <code>title</code> attribute, you can set the pop-up window title and customize the content in the pop-up window title area through the <code>title</code> slot. </p>\n'
|
||||
'<p>Set the pop-up title content through the<code>title</code>attribute or <code>#title</code>slot.</p>\n'
|
||||
},
|
||||
'codeFiles': ['custom-dialog-title.vue']
|
||||
},
|
||||
|
@ -34,8 +36,9 @@ export default {
|
|||
'demoId': 'custom-dialog-content',
|
||||
'name': { 'zh-CN': '自定义内容', 'en-US': 'Custom Content' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 default 默认插槽自定义弹窗主体部分的内容。</p>\n',
|
||||
'en-US': '<p>The default slot is used to customize the content of the main part of the pop-up window. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>#default</code>默认插槽自定义弹窗主体部分的内容。</p>\n',
|
||||
'en-US':
|
||||
'<p>The<code>#default</code>slot is used to customize the content of the main part of the pop-up window. </p>\n'
|
||||
},
|
||||
'codeFiles': ['custom-dialog-content.vue']
|
||||
},
|
||||
|
@ -43,7 +46,7 @@ export default {
|
|||
'demoId': 'custom-dialog-footer',
|
||||
'name': { 'zh-CN': '自定义底部', 'en-US': 'Custom bottom' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>footer</code> 插槽自定义弹窗底部操作区内容。</p>\n',
|
||||
'zh-CN': '<p>通过设置<code>#footer</code> 插槽自定义弹窗底部操作区内容。</p>\n',
|
||||
'en-US':
|
||||
'<p>Customize the content in the operation area at the bottom of the pop-up window through the <code>footer</code> slot. </p>\n'
|
||||
},
|
||||
|
@ -54,9 +57,9 @@ export default {
|
|||
'name': { 'zh-CN': '隐藏关闭按钮', 'en-US': 'Hide the close button' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>默认弹窗右上角会显示关闭图标,单击可以关闭弹窗。若设置 <code>show-close</code> 为 false 后,将隐藏关闭图标,要实现关闭弹窗的功能可以通过底部操作区按钮的 click 事件切换 <code>visible</code> 属性的值为 false 。</p>\n',
|
||||
'<p>通过设置<code>:show-close</code> 属性设置 <code>false</code>后,隐藏关闭图标,默认弹窗右上角显示关闭图标。底部<code>click</code>按钮事件可切换<code>visible</code>属性值设置弹窗显示。</p>\n',
|
||||
'en-US':
|
||||
'<p>The close icon is displayed in the upper right corner of the default pop-up window. You can click this icon to close the pop-up window. If <code>show-close</code> is set to false, the close icon is hidden. To close the pop-up window, you can switch the value of <code>visible</code> to false by clicking the button in the operation area. </p>\n'
|
||||
'<p>After setting the<code>:show-close</code>property to<code>false</code>, hide the close icon and the default pop-up window will display the close icon in the upper right corner. The bottom<code>click</code>button event can switch to<code>visible</code>property value setting pop-up display.</p>\n'
|
||||
},
|
||||
'codeFiles': ['hidden-close-buttons.vue']
|
||||
},
|
||||
|
@ -65,9 +68,9 @@ export default {
|
|||
'name': { 'zh-CN': '禁用 ESC 关闭', 'en-US': 'Disable ESC.' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>默认弹窗打开后,可以按下 Esc 键关闭弹窗,设置 <code>close-on-press-escape</code> 为 false 后将禁用该功能。</p>\n',
|
||||
'<p>通过设置<code>:close-on-press-escape</code> 为<code>false</code>后可禁用按下<code>Esc</code>键关闭弹窗。</p>\n',
|
||||
'en-US':
|
||||
'<p>After the default pop-up window is opened, you can press Esc to close the pop-up window. If <code>close-on-press-escape</code> is set to false, this function is disabled. </p>\n'
|
||||
'<p>By setting<code>:close-on-pressure-scape</code>to<code>false</code>, pressing the<code>Esc</code>key can be disabled to close pop ups.</p>\n'
|
||||
},
|
||||
'codeFiles': ['close-on-press-escape.vue']
|
||||
},
|
||||
|
@ -75,9 +78,9 @@ export default {
|
|||
'demoId': 'dialog-top-height',
|
||||
'name': { 'zh-CN': '弹窗距离顶部的高度', 'en-US': 'Height between the pop-up window and the top' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>top</code> 属性指定弹窗距离窗口顶部的高度,默认为屏高的 15% 。</p>\n',
|
||||
'zh-CN': '<p>通过设置<code>top</code>属性指定弹窗距离窗口顶部的高度,默认为屏高的 15% 。</p>\n',
|
||||
'en-US':
|
||||
'<p>The <code>top</code> attribute specifies the height of the pop-up window from the top of the window. The default value is 15% of the screen height. </p>\n'
|
||||
'<p>The<code>top</code>attribute specifies the height of the pop-up window from the top of the window. The default value is 15% of the screen height. </p>\n'
|
||||
},
|
||||
'codeFiles': ['dialog-top-height.vue']
|
||||
},
|
||||
|
@ -85,8 +88,8 @@ export default {
|
|||
'demoId': 'dialog-width',
|
||||
'name': { 'zh-CN': '弹窗的宽度', 'en-US': 'Wideness of the pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>width</code> 属性指定弹窗的宽度。</p>\n',
|
||||
'en-US': '<p>The <code>width</code> attribute specifies the width of the pop-up window. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>width</code>属性指定弹窗的宽度。</p>\n',
|
||||
'en-US': '<p>The<code>width</code>attribute specifies the width of the pop-up window. </p>\n'
|
||||
},
|
||||
'codeFiles': ['dialog-width.vue']
|
||||
},
|
||||
|
@ -95,9 +98,9 @@ export default {
|
|||
'name': { 'zh-CN': '点击遮罩时不关闭弹窗', 'en-US': 'The pop-up window is not closed when the mask is clicked.' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>默认弹窗打开后,可以单击遮罩层关闭弹窗,设置 <code>close-on-click-modal</code> 为 false 后将禁用该功能。</p>\n',
|
||||
'<p>通过设置<code>:close-on-click-modal</code>属性为<code>false</code>后可禁用单击遮罩层关闭弹窗。</p>\n',
|
||||
'en-US':
|
||||
'<p>After the default pop-up window is opened, you can click the mask layer to close the pop-up window. If <code>close-on-click-modal</code> is set to false, this function is disabled. </p>\n'
|
||||
'<p>By setting the<code>:close-on-click-modal</code>property to<code>false</code>, clicking on the mask layer to close the pop-up window can be disabled.</p>\n'
|
||||
},
|
||||
'codeFiles': ['close-on-click-modal.vue']
|
||||
},
|
||||
|
@ -105,10 +108,8 @@ export default {
|
|||
'demoId': 'no-modal',
|
||||
'name': { 'zh-CN': '不启用遮罩层', 'en-US': 'Disable the mask layer' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>默认弹窗打开时会显示遮罩层,设置 <code>modal</code> 为 false 后将不启用遮罩层。无遮罩层时,单击弹窗外部区域仍然可以关闭弹窗。</p>\n',
|
||||
'en-US':
|
||||
'<p>The mask layer is displayed when the pop-up window is opened by default. If <code>modal</code> is set to false, the mask layer is not enabled. If there is no mask layer, you can click the outer area of the pop-up window to close the pop-up window. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>:modal</code>属性为<code>false</code>不启用遮罩层。</p>\n',
|
||||
'en-US': '<p>Set the<code>:modal</code>attribute to<code>false</code>to not enable mask layers.</p>\n'
|
||||
},
|
||||
'codeFiles': ['no-modal.vue']
|
||||
},
|
||||
|
@ -117,9 +118,9 @@ export default {
|
|||
'name': { 'zh-CN': '右侧弹窗', 'en-US': 'Right pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>设置 <code>right-slide</code> 属性为 true 后,弹窗将从窗口右侧弹出。\n设置 <code>modal-append-to-body</code> 属性默认为 true 遮罩层应用在 body 上。</p>\n',
|
||||
'<p>通过设置<code>:right-slide</code>属性为<code>true</code>,弹窗将从窗口右侧弹出。<code>modal-append-to-body</code> 属性默认<code>true</code>遮罩层应用在<code>body</code>。</p>\n',
|
||||
'en-US':
|
||||
'<p>After <code>right-slide</code> is set to true, a pop-up window is displayed from the right of the window. \nSet the <code>modal-append-to-body</code> attribute to true by default. The mask layer is applied to the body. </p>\n'
|
||||
'<p>By setting the<code>:right-slide</code>attribute to<code>true</code>, a pop-up window will pop up from the right side of the window< Code>modal apply to body</code>Properties default to<code>true</code>Mask layer applied to<code>body</code></p>'
|
||||
},
|
||||
'codeFiles': ['right-dialog.vue']
|
||||
},
|
||||
|
@ -127,9 +128,8 @@ export default {
|
|||
'demoId': 'hidden-header',
|
||||
'name': { 'zh-CN': '隐藏标题区域', 'en-US': 'Hidden title area' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>弹窗默认有标题区域,设置 <code>show-header</code> 为 false 后,将隐藏标题区域。</p>\n',
|
||||
'en-US':
|
||||
'<p>The pop-up window has a title area by default. If <code>show-header</code> is set to false, the title area is hidden. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>:show-header</code>为<code>false</code>,将隐藏标题区域。</p>\n',
|
||||
'en-US': '<p>By using<code>:show-header</code>as<code>false</code>, the title area will be hidden.</p>\n'
|
||||
},
|
||||
'codeFiles': ['hidden-header.vue']
|
||||
},
|
||||
|
@ -138,9 +138,9 @@ export default {
|
|||
'name': { 'zh-CN': '弹出时禁用滚动', 'en-US': 'Disable scrolling when pop-up' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>弹窗弹出后,背景页面默认仍然是不可以滚动的。</p><p>通过设置 <code>lock-scroll: false</code>,遮罩后的内容可以滚动,body保持原来的滚动条,且鼠标移动和点击可以传递到遮罩层后的元素上。</p>\n',
|
||||
'<p>通过设置<code>:lock-scroll</code>为<code>true</code>,允许滚动遮罩内容,禁止滚动背景内容,单击遮罩层可关闭弹窗。设置<code>:lock-scroll</code>为<code>false</code>,允许滚动遮罩内容、背景内容。</p>\n',
|
||||
'en-US':
|
||||
'<p>After a pop-up window is displayed, the background page cannot be scrolled by default. </p><p>By setting <code>lock-scroll: false</code>, the masked content can be scrolled, and the body remains the original scroll bar, and mouse movements and clicks can be passed to the element behind the mask layer.</p>\n'
|
||||
'<p>By setting<code>:lock-scroll</code>to<code>true</code>, allow scrolling of mask content and prohibit scrolling of background content,Click on the mask layer to close the pop-up window.Set<code>:lock-scroll</code>to<code>false</code>,allowing scrolling of mask content and background content.</p>\n'
|
||||
},
|
||||
'codeFiles': ['lock-scroll.vue']
|
||||
},
|
||||
|
@ -148,9 +148,9 @@ export default {
|
|||
'demoId': 'center',
|
||||
'name': { 'zh-CN': '头部和底部水平居中', 'en-US': 'The head and bottom are horizontally centered' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>头部标题默认显示在区域左侧,设置 <code>center</code> 为 true 后,将居中显示。</p>\n',
|
||||
'zh-CN': '<p>通过设置<code>:center</code>属性为<code>true</code>头部标题居中显示。(默认显示在区域左侧)</p>\n',
|
||||
'en-US':
|
||||
'The <p> header is displayed on the left of the area by default. If <code>center</code> is set to true, the header is displayed in the center. </p>\n'
|
||||
'<p>By setting the<code>:center</code>attribute to<code>true</code>, the header title is displayed in the center. The default display is on the left side of the area.</p>\n'
|
||||
},
|
||||
'codeFiles': ['center.vue']
|
||||
},
|
||||
|
@ -159,9 +159,9 @@ export default {
|
|||
'name': { 'zh-CN': '可拖拽的弹窗', 'en-US': 'Dragable pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>默认弹窗不可拖拽,设置 <code>draggable</code> 属性为 true 后,鼠标移入标题区域单击可拖拽,拖拽事件有 <code>@drag-start</code>、<code>drag-move</code>、<code>drag-end</code>。</p>\n',
|
||||
'<p>通过设置<code>:draggable</code>属性为<code>true</code>,鼠标点击标题区域拖拽。具体事件:<code>@drag-start</code><code>@drag-move</code><code>@drag-end</code>。</p>\n',
|
||||
'en-US':
|
||||
'<p> By default, the pop-up window cannot be dragged. Set <code>draggable</code> to true and move the cursor to the title area to drag the pop-up window. Drag events include <code>@drag-start</code>, <code>drag-move</code>, and <code>drag-end</code>. </p>\n'
|
||||
'<p>By setting the<code>:draggable</code>attribute to<code>true</code>, click and drag in the title area with the mouse.Specific events:<code>@drag-start</code><code>@drag-move</code><code>@drag-end</code>.</p>\n'
|
||||
},
|
||||
'codeFiles': ['draggable.vue']
|
||||
},
|
||||
|
@ -169,10 +169,9 @@ export default {
|
|||
'demoId': 'fullscreen',
|
||||
'name': { 'zh-CN': '全屏弹窗', 'en-US': 'Full-screen pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>设置 <code>fullscreen</code> 属性为 true 可显示全屏弹窗,默认弹窗宽度是 500px,此时设置宽度是不生效的。</p>\n',
|
||||
'zh-CN': '<p>通过设置<code>:fullscreen</code>属性为<code>true</code>显示全屏弹窗。</p>\n',
|
||||
'en-US':
|
||||
'<p>Set <code>fullscreen</code> to true to display the full-screen pop-up window. The default pop-up window width is 500px. In this case, the width setting does not take effect. </p>\n'
|
||||
'<p>Display full screen pop ups by setting the<code>:fullscreen</code>attribute to<code>true</code>.</p>\n'
|
||||
},
|
||||
'codeFiles': ['fullscreen.vue']
|
||||
},
|
||||
|
@ -181,9 +180,9 @@ export default {
|
|||
'name': { 'zh-CN': '弹出与关闭事件', 'en-US': 'Pop-up and Close Event' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p><code>open</code> :对话框打开时触发,<code>opened</code> :对话框打开动画结束时触发,<code>close</code> :对话框关闭时触发,<code>closed</code> :对话框关闭动画结束时触发。</p>\n',
|
||||
'<p>通过设置事件<code>@open</code>:对话框打开时触发<code>@opened</code>:对话框打开动画结束时触发<code>@close</code>:对话框关闭时触发<code>@closed</code>:对话框关闭动画结束时触发。</p>\n',
|
||||
'en-US':
|
||||
'<p><code>open</code>: triggered when the dialog box is opened. <code>opened</code>: triggered when the animation ends. <code>close</code>: triggered when the dialog box is closed. <code>closed</code>: triggered when the animation ends. </p>\n'
|
||||
'<p>By setting the event<code>@open</code>: triggered when the dialog box is opened<code>@opened</code>: triggered when the animation ends when the dialog box is opened<code>@close</code>: triggered when the dialog box is closed<code>@closed</code>: triggered when the animation ends when the dialog box is closed.</p>\n'
|
||||
},
|
||||
'codeFiles': ['open-close-events.vue']
|
||||
},
|
||||
|
@ -191,10 +190,9 @@ export default {
|
|||
'demoId': 'form-in-dialog',
|
||||
'name': { 'zh-CN': '弹窗表单', 'en-US': 'Pop-up Window Form' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 default 默认插槽实现嵌套表单以及表单提交的逻辑。</p>\n<p>默认关闭弹窗的时候重置表单,设置<code>is-form-reset</code> 为false,则关闭弹窗的时候不重置表格</p>',
|
||||
'zh-CN': '<p>通过设置<code>:is-form-reset</code>属性为<code>false</code>,关闭弹窗不重置数据。</p>',
|
||||
'en-US':
|
||||
'<p>The default slot is used to implement nested forms and form submission logic. </p>\n<p> By default, the form is reset when the pop-up window is closed. If <code>is-form-reset</code> is set to false, the form is not reset when the pop-up window is closed.</p>'
|
||||
'<p>By setting the<code>:is-form-reset</code>attribute to <code>false</code>, close the pop-up window without resetting the data.</p>'
|
||||
},
|
||||
'codeFiles': ['form-in-dialog.vue']
|
||||
},
|
||||
|
@ -203,8 +201,9 @@ export default {
|
|||
'name': { 'zh-CN': '关闭时销毁主体元素', 'en-US': '' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>destroy-on-close</code> 控制是否在关闭时销毁 Dialog-box 对话框内的所有元素,默认值为 false。</p>',
|
||||
'en-US': ''
|
||||
'<p>通过设置<code>:destroy-on-close</code>属性为<code>true</code>在关闭弹窗时销毁<code>Dialog-box</code>对话框内的所有元素,默认值为<code>false</code>。</p>',
|
||||
'en-US':
|
||||
'<p>By setting the<code>:destroy-on-close</code>attribute to<code>true</code>, all elements in the<code>dialog box</code>dialog box are destroyed when the pop-up window is closed, with the default value being<code>false</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['destroy-on-close.vue']
|
||||
}
|
||||
|
@ -213,141 +212,141 @@ export default {
|
|||
{
|
||||
'name': 'dialog-box',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'visible',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '控制弹出框显示与关闭',
|
||||
'en-US':
|
||||
'If this parameter is set to true, the header and bottom of the dialog box are automatically centered.'
|
||||
'en-US': 'Control pop-up display and closing'
|
||||
},
|
||||
'demoId': 'basic-usage'
|
||||
},
|
||||
{
|
||||
'name': 'center',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 false',
|
||||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '设置为 true 时 弹出框的头部与底部内容会自动居中',
|
||||
'en-US': 'Close the pop-up window. The form data is reset by default.'
|
||||
'en-US': 'When set to true, the head and bottom content of the pop-up box will automatically center'
|
||||
},
|
||||
'demoId': 'center'
|
||||
},
|
||||
{
|
||||
'name': 'is-form-reset',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'desc': { 'zh-CN': '关闭弹窗,默认重置表单数据', 'en-US': 'Whether to display the close button' },
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '关闭弹窗,默认重置表单数据',
|
||||
'en-US': 'Close the pop-up window and reset the form data by default'
|
||||
},
|
||||
'demoId': 'form-in-dialog'
|
||||
},
|
||||
{
|
||||
'name': 'show-close',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '是否显示关闭按钮',
|
||||
'en-US': 'Indicates whether to enable the drag function for pop-up windows. The default value is false.'
|
||||
'en-US': 'Is the close button displayed'
|
||||
},
|
||||
'demoId': 'hidden-close-buttons'
|
||||
},
|
||||
{
|
||||
'name': 'draggable',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 false',
|
||||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '是否开启弹窗的拖拽功能,默认值为 false 。',
|
||||
'en-US': 'Whether the dialog box is displayed in full screen mode'
|
||||
'zh-CN': '是否开启弹窗的拖拽功能,默认值为 false',
|
||||
'en-US': 'Whether to enable the drag and drop function of pop ups, with a default value of false'
|
||||
},
|
||||
'demoId': 'draggable'
|
||||
},
|
||||
{
|
||||
'name': 'fullscreen',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 false',
|
||||
'desc': { 'zh-CN': '弹出框是否全屏', 'en-US': 'Whether to enable the mask layer' },
|
||||
'defaultValue': 'false',
|
||||
'desc': { 'zh-CN': '弹出框是否全屏', 'en-US': 'Is the pop-up full screen' },
|
||||
'demoId': 'fullscreen'
|
||||
},
|
||||
{
|
||||
'name': 'modal',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '是否启用遮罩层',
|
||||
'en-US':
|
||||
'Indicates whether pop-up windows can be closed by clicking the mask layer. The default value is true. You can set modal-closable="false" on the tag. The pop-up windows cannot be closed by clicking the mask layer.'
|
||||
'en-US': 'Is the mask layer enabled'
|
||||
},
|
||||
'demoId': 'no-modal'
|
||||
},
|
||||
{
|
||||
'name': 'close-on-click-modal',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'是否可以通过点击遮罩层关闭弹窗,默认为 true ,可以在标签上设置:modal-closable="false"不能通过点击遮罩层关闭弹窗。',
|
||||
'en-US': 'Specifies whether the mask layer can be disabled by pressing ESC.'
|
||||
'zh-CN': '是否可以通过点击遮罩层关闭弹窗',
|
||||
'en-US': 'Close the pop-up window by clicking on the mask layer'
|
||||
},
|
||||
'demoId': 'close-on-click-modal'
|
||||
},
|
||||
{
|
||||
'name': 'close-on-press-escape',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '是否可以通过 ESC 键关闭遮罩层',
|
||||
'en-US':
|
||||
'Indicates whether the mask layer is applied to the body. If the value is false, the mask layer is applied to the parent element of DialogBox.'
|
||||
'Indicates whether the mask layer is applied to the body. If the value is false, the mask layer is applied to the parent element of DialogBox'
|
||||
},
|
||||
'demoId': 'close-on-press-escape'
|
||||
},
|
||||
{
|
||||
'name': 'modal-append-to-body',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '遮罩层是否应用到 body 上,为 false 时遮罩层会应用到 DialogBox 的父元素上',
|
||||
'en-US':
|
||||
'Indicates whether the DialogBox itself is inserted into the body. This attribute must be specified and set to true for nested Dialogs.'
|
||||
'Indicates whether the DialogBox itself is inserted into the body. This attribute must be specified and set to true for nested Dialogs'
|
||||
},
|
||||
'demoId': 'right-dialog'
|
||||
},
|
||||
{
|
||||
'name': 'append-to-body',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 false',
|
||||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': 'DialogBox 本身是否插入到 body 上,嵌套的 Dialog 必须指定该属性并赋值为 true',
|
||||
'en-US': 'Indicates whether to enable the pop-up slide-out function. The default value is false.'
|
||||
'en-US': 'Indicates whether to enable the pop-up slide-out function. The default value is false'
|
||||
},
|
||||
'demoId': 'secondary-dialog'
|
||||
},
|
||||
{
|
||||
'name': 'right-slide',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 false',
|
||||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '是否开启弹出右侧滑出功能,默认值为 false 。',
|
||||
'en-US': 'Whether to disable the scroll bar when a log is displayed.'
|
||||
'en-US': 'Whether to disable the scroll bar when a log is displayed'
|
||||
},
|
||||
'demoId': 'right-dialog'
|
||||
},
|
||||
{
|
||||
'name': 'lock-scroll',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': 'Dialog弹出时是否禁用滚动条',
|
||||
'en-US': 'Indicates whether to display the pop-up header. The default value is true.'
|
||||
'en-US': 'Indicates whether to display the pop-up header. The default value is true'
|
||||
},
|
||||
'demoId': 'lock-scroll'
|
||||
},
|
||||
{
|
||||
'name': 'show-header',
|
||||
'type': 'boolean',
|
||||
'defaultValue': '该属性的默认值为 true',
|
||||
'desc': { 'zh-CN': '是否显示弹窗头部 header,默认值为 true 。', 'en-US': 'Pop-up dialog box title.' },
|
||||
'defaultValue': 'true',
|
||||
'desc': { 'zh-CN': '是否显示弹窗头部 header,默认值为 true 。', 'en-US': 'Pop-up dialog box title' },
|
||||
'demoId': 'hidden-header'
|
||||
},
|
||||
{
|
||||
|
@ -357,25 +356,25 @@ export default {
|
|||
'desc': {
|
||||
'zh-CN': '弹出框标题。',
|
||||
'en-US':
|
||||
'Height between the pop-up box and the top of the window. The default value is 15% of the screen height.'
|
||||
'Height between the pop-up box and the top of the window. The default value is 15% of the screen height'
|
||||
},
|
||||
'demoId': 'custom-dialog-title'
|
||||
},
|
||||
{
|
||||
'name': 'top',
|
||||
'type': 'string',
|
||||
'defaultValue': '该属性的默认值为 15vh',
|
||||
'defaultValue': '15vh',
|
||||
'desc': {
|
||||
'zh-CN': '设置弹出框距离窗口顶部的高度,默认为屏高的 15%',
|
||||
'en-US': 'Display and close pop-up boxes.'
|
||||
'en-US': 'Display and close pop-up boxes'
|
||||
},
|
||||
'demoId': 'dialog-top-height'
|
||||
},
|
||||
{
|
||||
'name': 'width',
|
||||
'type': 'string',
|
||||
'defaultValue': '该属性的默认值为 500px',
|
||||
'desc': { 'zh-CN': '弹出框的宽度。', 'en-US': 'Wideness of the dialog box that is displayed.' },
|
||||
'defaultValue': '500px',
|
||||
'desc': { 'zh-CN': '弹出框的宽度。', 'en-US': 'Wideness of the dialog box that is displayed' },
|
||||
'demoId': 'dialog-width'
|
||||
},
|
||||
{
|
||||
|
|
|
@ -7,7 +7,7 @@ export default {
|
|||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>Modal.alert</code> 方法设置弹出框,通过 <code>Modal.confirm</code> 方法设置确认弹出框。函数返回一个 <code>Promise</code> 对象,其中属性 <code>vm</code> 可用来关闭当前模态框。</p>',
|
||||
'<p>通过<code>Modal.alert</code>方法设置弹出框,通过<code>Modal.confirm</code>方法设置确认弹出框。函数返回一个<code>Promise</code>对象,其中属性<code>vm</code>可用来关闭当前模态框。</p>',
|
||||
'en-US':
|
||||
'<p>You can use the <code>Modal.alert</code> method to set a pop-up box, and use the <code>Modal.confirm</code> method to set a confirmation pop-up box. The function returns a <code>Promise</code> object, where the property <code>vm</code> can be used to close the current Modal.</p>'
|
||||
},
|
||||
|
@ -15,28 +15,28 @@ export default {
|
|||
},
|
||||
{
|
||||
'demoId': 'fullscreen',
|
||||
'name': { 'zh-CN': '最大化显示', 'en-US': 'Maximized display' },
|
||||
'name': { 'zh-CN': '最大化显示', 'en-US': 'Maximized Display' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>fullscreen</code> 设置是否最大化显示。</p>',
|
||||
'en-US': '<p>You can use the <code>fullscreen</code> attribute to set whether to maximize the display. </p>'
|
||||
'zh-CN': '<p>通过<code>:fullscreen</code>设置是否最大化显示。</p>',
|
||||
'en-US': '<p>You can use the <code>:fullscreen</code> attribute to set whether to maximize the display. </p>'
|
||||
},
|
||||
'codeFiles': ['fullscreen.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'esc-closable',
|
||||
'name': { 'zh-CN': '按 Esc 键关闭弹出框', 'en-US': 'Press Esc to close the dialog box.' },
|
||||
'name': { 'zh-CN': '按 Esc 键关闭弹出框', 'en-US': 'Press Esc To Close The Dialog Box.' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>esc-closable</code> 设置是否允许按 Esc 键关闭窗口。</p>',
|
||||
'zh-CN': '<p>通过<code>:esc-closable</code>设置是否允许按 Esc 键关闭窗口。</p>',
|
||||
'en-US':
|
||||
'<p>You can use the <code>esc-closable</code> attribute to set whether to close a window by pressing the Esc key. </p>'
|
||||
'<p>You can use the <code>:esc-closable</code> attribute to set whether to close a window by pressing the Esc key. </p>'
|
||||
},
|
||||
'codeFiles': ['esc-closable.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'duration',
|
||||
'name': { 'zh-CN': '自动关闭延时', 'en-US': 'Automatic shutdown delay' },
|
||||
'name': { 'zh-CN': '自动关闭延时', 'en-US': 'Automatic Shutdown Delay' },
|
||||
'desc': {
|
||||
'zh-CN': "<p>通过 <code>duration</code> 设置自动关闭的延迟时间,仅当 <code>type='message'</code> 有效。</p>",
|
||||
'zh-CN': "<p>通过<code>duration</code>设置自动关闭的延迟时间,仅当<code>type='message'</code>有效。</p>",
|
||||
'en-US':
|
||||
'<p>You can use the <code>duration</code> attribute to set the delay time for automatic closing. This parameter is valid only for type=message. </p>'
|
||||
},
|
||||
|
@ -44,10 +44,9 @@ export default {
|
|||
},
|
||||
{
|
||||
'demoId': 'id',
|
||||
'name': { 'zh-CN': '防止重复提示', 'en-US': 'Prevent repeated prompts' },
|
||||
'name': { 'zh-CN': '防止重复提示', 'en-US': 'Prevent Repeated Prompts' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
"<p>如果不想窗口重复点击,可以设置唯一的 <code>id</code> 防止重复提示,仅当 <code>type='message'</code> 有效</p>",
|
||||
'zh-CN': "<p>通过设置唯一的<code>id</code>防止重复提示,仅当<code>type='message'</code>有效</p>。",
|
||||
'en-US':
|
||||
'<p>If you do not want to click the window repeatedly, you can set a unique <code>id</code> to prevent repeated prompts. This parameter is valid only for type=message. </p>'
|
||||
},
|
||||
|
@ -55,31 +54,31 @@ export default {
|
|||
},
|
||||
{
|
||||
'demoId': 'lock-scroll',
|
||||
'name': { 'zh-CN': '锁住滚动条', 'en-US': 'Lock the scroll bar' },
|
||||
'name': { 'zh-CN': '锁住滚动条', 'en-US': 'Lock The Scroll Bar' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>lock-scroll</code> 设置是否锁住滚动条,不允许页面滚动。</p>',
|
||||
'en-US': '<p>You can use the <code>lock-scroll</code> attribute to set whether to lock the scroll bar. </p>'
|
||||
'zh-CN': '<p>通过<code>:lock-scroll</code>设置是否锁住滚动条,不允许页面滚动。</p>',
|
||||
'en-US': '<p>You can use the <code>:lock-scroll</code> attribute to set whether to lock the scroll bar. </p>'
|
||||
},
|
||||
'codeFiles': ['lock-scroll.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'lock-view',
|
||||
'name': { 'zh-CN': '锁住页面', 'en-US': 'Lock the page' },
|
||||
'name': { 'zh-CN': '锁住页面', 'en-US': 'Lock The Page' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>mask</code> 设置是否显示遮罩层,通过 <code>lock-view</code> 设置是否锁住页面,不允许窗口之外的任何操作。</p>',
|
||||
'<p>通过<code>:mask</code>设置是否显示遮罩层,通过<code>:lock-view</code>设置是否锁住页面,不允许窗口之外的任何操作。</p>',
|
||||
'en-US':
|
||||
'<p>You can use the <code>lock-view</code> attribute to set whether to lock the page. Operations outside the window are not allowed. </p>'
|
||||
'<p>You can use the <code>:lock-view</code> attribute to set whether to lock the page. Operations outside the window are not allowed. </p>'
|
||||
},
|
||||
'codeFiles': ['lock-view.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'mask-closable',
|
||||
'name': { 'zh-CN': '点击遮罩层关闭窗口', 'en-US': 'Click the mask layer to close the window.' },
|
||||
'name': { 'zh-CN': '点击遮罩层关闭窗口', 'en-US': 'Click The Mask Layer To Close The Window.' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>mask-closable</code> 设置是否允许点击遮罩层关闭窗口。</p>',
|
||||
'zh-CN': '<p>通过<code>:mask-closable</code>设置是否允许点击遮罩层关闭窗口。</p>',
|
||||
'en-US':
|
||||
'<p>You can use the <code>mask-closable</code> attribute to set whether to allow clicking the mask layer to close the window. </p>'
|
||||
'<p>You can use the <code>:mask-closable</code> attribute to set whether to allow clicking the mask layer to close the window. </p>'
|
||||
},
|
||||
'codeFiles': ['mask-closable.vue']
|
||||
},
|
||||
|
@ -87,102 +86,107 @@ export default {
|
|||
'demoId': 'message',
|
||||
'name': { 'zh-CN': '自定义内容', 'en-US': 'Custom Content' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>message</code> 设置窗口的内容。</p>',
|
||||
'en-US': '<p>You can set the content of the window through the <code>message</code> attribute. </p>'
|
||||
'zh-CN': '<p>通过<code>:message</code>设置窗口的内容。</p>',
|
||||
'en-US': '<p>You can set the content of the window through the <code>:message</code> attribute. </p>'
|
||||
},
|
||||
'codeFiles': ['message.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'footer-btn-content',
|
||||
'name': { 'zh-CN': '自定义底部按钮内容', 'en-US': 'Custom bottom button' },
|
||||
'name': { 'zh-CN': '自定义底部按钮内容', 'en-US': 'Custom Bottom Button Content' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>confirm-content</code> 设置确认按钮内容,通过<code>cancel-content</code> 设置取消按钮内容。<p>\n',
|
||||
'<p>通过<code>:confirm-content</code>设置确认按钮内容,通过<code>:cancel-content</code>设置取消按钮内容。<p>\n',
|
||||
'en-US':
|
||||
'<p>You can set the width and height of a window by using <code>width</code> and <code>height</code>. You can set whether to allow dragging to adjust the window size by using <code>resize</code>. </p>'
|
||||
'<p>Set the content of the confirm button through<code>:confirm-content</code>, and set the content of the cancel button through<code>:cancel-content</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['footer-btn-content.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'footer-btn-props',
|
||||
'name': { 'zh-CN': '自定义底部按钮', 'en-US': 'Minimum width of the window after the window is resized' },
|
||||
'name': { 'zh-CN': '自定义底部按钮', 'en-US': 'Customize Bottom Button' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>confirm-btn-props</code> 设置确认按钮,通过 <code>cancel-btn-props</code> 设置取消按钮。<p>\n',
|
||||
'<p>通过<code>:confirm-btn-props</code>设置确认按钮,通过<code>:cancel-btn-props</code>设置取消按钮。<p>\n',
|
||||
'en-US':
|
||||
'<p>Set the confirmation button via <code>confirm-btn-props</code> and the cancel button via <code>cancel-btn-props</code>.</p>'
|
||||
'<p>Set the confirmation button via <code>:confirm-btn-props</code> and the cancel button via <code>:cancel-btn-props</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['footer-btn-props.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'resize',
|
||||
'name': { 'zh-CN': '调整窗口大小', 'en-US': 'Minimum height of the window after the window is resized' },
|
||||
'name': { 'zh-CN': '调整窗口大小', 'en-US': 'Resize The Window' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>width</code> 设置窗口宽度,<code>height</code> 设置高度,通过 <code>resize</code> 设置是否允许拖动调整窗口大小。</p>',
|
||||
'<p>通过<code>:width</code>设置窗口宽度,<code>:height</code>设置高度,通过<code>:resize</code>设置是否允许拖动调整窗口大小。</p>',
|
||||
'en-US':
|
||||
'<p>Use <code>width</code> to set the window width, <code>height</code> to set the height, and <code>resize</code> to set whether to allow dragging to resize the window. </p>'
|
||||
'<p>Use <code>:width</code> to set the window width, <code>:height</code> to set the height, and <code>:resize</code> to set whether to allow dragging to resize the window. </p>'
|
||||
},
|
||||
'codeFiles': ['resize.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'min-width',
|
||||
'name': { 'zh-CN': '调整窗口大小后窗口显示的最小宽度', 'en-US': 'The bottom is not displayed.' },
|
||||
'name': {
|
||||
'zh-CN': '调整窗口大小后窗口显示的最小宽度',
|
||||
'en-US': 'The Minimum Width Of The Window Displayed After Adjusting Its Size'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>配置 <code>resize</code> 可拖拽属性为 <code>true</code>后,可通过 <code>min-width</code> 属性设置拖拽后窗口的最小宽度。</p>',
|
||||
'<p>通过设置<code>:resize</code>可拖拽属性为<code>true</code>后,可通过<code>:min-width</code>属性设置拖拽后窗口的最小宽度。</p>',
|
||||
'en-US':
|
||||
'<p>You can use the <code>showFooter</code> attribute to set whether to display the bottom. The default value is <code>true</code>. </p>'
|
||||
'<p>By setting the<code>:resize</code>drag property to<code>true</code>, the minimum width of the window after dragging can be set through the<code>:min-width</code>property.</p>'
|
||||
},
|
||||
'codeFiles': ['min-width.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'min-height',
|
||||
'name': { 'zh-CN': '调整窗口大小后窗口显示的最小高度', 'en-US': 'The header is not displayed.' },
|
||||
'name': {
|
||||
'zh-CN': '调整窗口大小后窗口显示的最小高度',
|
||||
'en-US': 'The Minimum Height Displayed By The Window After Adjusting Its Size'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>配置 <code>resize</code> 可拖拽属性为 <code>true</code>后,可通过 <code>min-height</code> 属性设置拖拽后窗口的最小高度。</p>',
|
||||
'<p>通过设置<code>:resize</code>可拖拽属性为<code>true</code>后,可通过<code>:min-height</code>属性设置拖拽后窗口的最小高度。</p>',
|
||||
'en-US':
|
||||
'<p>You can use the <code>showHeader</code> attribute to set whether to display the header. The default value is <code>true</code>. </p>'
|
||||
'<p>By setting the<code>:resize</code>drag property to<code>true</code>, the minimum height of the window after dragging can be set through the<code>:min-height</code>property.</p>'
|
||||
},
|
||||
'codeFiles': ['min-height.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'showFooter',
|
||||
'name': { 'zh-CN': '不显示底部', 'en-US': 'Message Status' },
|
||||
'name': { 'zh-CN': '不显示底部', 'en-US': 'Do Not Display Bottom' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>show-footer</code> 设置是否显示底部。</p>',
|
||||
'en-US':
|
||||
'<p>You can set the message status through the <code>status</code> attribute. The value can be <code>info | success | warning | error | loading</code> . </p>'
|
||||
'zh-CN': '<p>通过 <code>:show-footer</code> 设置是否显示底部。</p>',
|
||||
'en-US': '<p>Set whether to display the bottom through<code>:show-root</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['showFooter.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'showHeader',
|
||||
'name': { 'zh-CN': '不显示头部', 'en-US': 'Title' },
|
||||
'name': { 'zh-CN': '不显示头部', 'en-US': 'Do Not Display The Head' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>show-header</code> 设置是否显示头部。</p>',
|
||||
'en-US': '<p>You can set the title of the window through the <code>title</code> attribute. </p>'
|
||||
'zh-CN': '<p>通过 <code>:show-header</code> 设置是否显示头部。</p>',
|
||||
'en-US': '<p>Set whether to display the header through<code>:show-header</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['showHeader.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'status',
|
||||
'name': { 'zh-CN': '消息状态', 'en-US': 'Position from the top' },
|
||||
'name': { 'zh-CN': '消息状态', 'en-US': 'Position From The Top' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>status</code> 设置消息状态,可选值有 <code>info</code> 、<code>success</code> 、<code>warning</code> 、<code>error</code> 、<code>loading</code>。</p>',
|
||||
'<p>通过<code>:status</code>设置消息状态,可选值有<code>info</code><code>success</code><code>warning</code><code>error</code><code>loading</code>。</p>',
|
||||
'en-US':
|
||||
'<p>You can use the <code>top</code> attribute to set the position of a message from the top of the message. This parameter is valid only for type=message. </p>'
|
||||
'<p>Set the message status through<code>:status</code>, with optional values including<code>info</code><code>success</code><code>warning</code><code>error</code><code>loading</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['status.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'message-closable',
|
||||
'name': { 'zh-CN': '关闭消息弹窗', 'en-US': 'Close message pop-up window' },
|
||||
'name': { 'zh-CN': '关闭消息弹窗', 'en-US': 'Close Message Pop-Up Window' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>message-closable</code> 设置消息可手动关闭。</p>',
|
||||
'en-US': '<p>Messages can be closed manually by setting <code>message-closable</code>.</p>'
|
||||
'zh-CN': '<p>通过<code>:message-closable</code>设置消息可手动关闭。</p>',
|
||||
'en-US': '<p>Messages can be closed manually by setting <code>:message-closable</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['message-closable.vue']
|
||||
},
|
||||
|
@ -190,8 +194,8 @@ export default {
|
|||
'demoId': 'title',
|
||||
'name': { 'zh-CN': '标题', 'en-US': 'Title' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>title</code> 设置窗口的标题。</p>',
|
||||
'en-US': '<p>Set the title of the window via <code>title</code>.</p>'
|
||||
'zh-CN': '<p>通过<code>:title</code>设置窗口的标题。</p>',
|
||||
'en-US': '<p>Set the title of the window via<code>:title</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['title.vue']
|
||||
},
|
||||
|
@ -199,7 +203,7 @@ export default {
|
|||
'demoId': 'top',
|
||||
'name': { 'zh-CN': '距离顶部的位置', 'en-US': 'Position from top' },
|
||||
'desc': {
|
||||
'zh-CN': "<p>通过 <code>top</code> 设置消息距离顶部的位置,仅当 <code>type='message'</code> 有效。</p>",
|
||||
'zh-CN': "<p>通过<code>top</code>设置消息距离顶部的位置,仅当 <code>type='message'</code> 有效。</p>",
|
||||
'en-US':
|
||||
"<p>Set the position of the message from the top via <code>top</code>, which is only valid when <code>type='message'</code>.</p>"
|
||||
},
|
||||
|
@ -207,57 +211,57 @@ export default {
|
|||
},
|
||||
{
|
||||
'demoId': 'type',
|
||||
'name': { 'zh-CN': '窗口类型', 'en-US': 'Custom Stacking Sequence' },
|
||||
'name': { 'zh-CN': '窗口类型', 'en-US': 'Custom Window Type' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>type</code> 设置窗口类型。</p>',
|
||||
'en-US': '<p>Set the window type via <code>type</code>.</p>'
|
||||
'zh-CN': '<p>通过<code>:type</code>设置窗口类型。</p>',
|
||||
'en-US': '<p>Set the window type via <code>:type</code>.</p>'
|
||||
},
|
||||
'codeFiles': ['type.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'value',
|
||||
'name': { 'zh-CN': '绑定值', 'en-US': 'Cancel button event' },
|
||||
'name': { 'zh-CN': '绑定值', 'en-US': 'Bind Value' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>modalValue/v-model</code> 绑定值,控制弹窗是否显示。</p>',
|
||||
'zh-CN': '<p>通过<code>:modalValue/v-model</code>绑定值,控制弹窗是否显示。</p>',
|
||||
'en-US':
|
||||
'<p>Bind the value through <code>modalValue/v-model</code> to control whether the pop-up window is displayed.</p>'
|
||||
'<p>Bind the value through <code>:modalValue/v-model</code> to control whether the pop-up window is displayed.</p>'
|
||||
},
|
||||
'codeFiles': ['value.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'z-index',
|
||||
'name': { 'zh-CN': '自定义堆叠顺序', 'en-US': 'Close button event' },
|
||||
'name': { 'zh-CN': '自定义堆叠顺序', 'en-US': 'Custom Stacking Order' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>z-index</code> 设置自定义堆叠顺序。</p>',
|
||||
'en-US': '<p>Set a custom stacking order via <code>z-index</code>. </p>'
|
||||
'zh-CN': '<p>通过<code>:z-index</code>设置自定义堆叠顺序。</p>',
|
||||
'en-US': '<p>Set a custom stacking order via <code>:z-index</code>. </p>'
|
||||
},
|
||||
'codeFiles': ['z-index.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'is-form-reset',
|
||||
'name': { 'zh-CN': '关闭弹窗,是否重置表单数据', 'en-US': 'Bottom slot' },
|
||||
'name': { 'zh-CN': '关闭弹窗,是否重置表单数据', 'en-US': 'Do Not Reset Data After Closing Pop Ups' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>嵌套表单使用时,关闭弹窗后,默认会重置表单数据,设置 <code>is-form-reset</code> 为 <code>false</code>,则关闭弹窗后不重置表单。</p>',
|
||||
'en-US': '<p>You can set the bottom slot through <code>slot="footer"</code> . </p>'
|
||||
'zh-CN': '<p>通过设置<code>:is-form-reset</code>属性为<code>false</code>,关闭弹窗后不重置数据。</p>',
|
||||
'en-US':
|
||||
'<p>By setting the<code>:is-form-reset</code>attribute to<code>false</code>, the data will not be reset after closing the pop-up window.</p>'
|
||||
},
|
||||
'codeFiles': ['is-form-reset.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'footer-slot',
|
||||
'name': { 'zh-CN': '底部插槽', 'en-US': '' },
|
||||
'name': { 'zh-CN': '底部插槽', 'en-US': 'Bottom Slot' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>可通过 <code>footer</code> 插槽设置底部内容。</p>',
|
||||
'en-US': '<p>The bottom content can be set through the <code>footer</code> slot.'
|
||||
'zh-CN': '<p>通过<code>#footer</code>插槽设置底部内容。</p>',
|
||||
'en-US': '<p>The bottom content can be set through the <code>#footer</code> slot.'
|
||||
},
|
||||
'codeFiles': ['footer-slot.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'grid',
|
||||
'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested tables' },
|
||||
'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested Tables' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>可通过默认插槽插槽嵌套表格组件。</p>',
|
||||
'en-US': 'Table components can be nested via default slot slots.'
|
||||
'zh-CN': '<p>通过<code>#default</code>插槽嵌套表格组件。</p>',
|
||||
'en-US': 'Table components can be nested via <code>#default</code> slot.'
|
||||
},
|
||||
'codeFiles': ['grid.vue']
|
||||
},
|
||||
|
@ -280,7 +284,7 @@ export default {
|
|||
{
|
||||
'name': 'modal',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'cancel-btn-props',
|
||||
'type': 'Button.props',
|
||||
|
@ -289,7 +293,7 @@ export default {
|
|||
'desc': {
|
||||
'zh-CN': '自定义取消按钮的 props ,可选值与 Button 组件一致',
|
||||
'en-US':
|
||||
'Customize the props of the cancel button. The optional values are consistent with the Button component.'
|
||||
'Customize the props of the cancel button. The optional values are consistent with the Button component'
|
||||
},
|
||||
'demoId': 'footer-btn-props'
|
||||
},
|
||||
|
@ -432,7 +436,7 @@ export default {
|
|||
'defaultValue': '',
|
||||
'desc': {
|
||||
'zh-CN': '窗口的内容',
|
||||
'en-US': 'window contents'
|
||||
'en-US': 'Window contents'
|
||||
},
|
||||
'demoId': 'message'
|
||||
},
|
||||
|
|
|
@ -6,7 +6,7 @@ export default {
|
|||
'demoId': 'basic-usage',
|
||||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': {
|
||||
'zh-CN': '通过 <code>v-model</code> 属性绑定输入值,',
|
||||
'zh-CN': '通过设置<code>v-model</code>属性绑定输入值。',
|
||||
'en-US': 'Bind input value through <code>v-model</code> attribute'
|
||||
},
|
||||
'codeFiles': ['basic-usage.vue']
|
||||
|
@ -16,9 +16,9 @@ export default {
|
|||
'name': { 'zh-CN': '最值与数值循环', 'en-US': 'Extremum and loop' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>max</code> 属性设置计数器允许的最大值; <code>min</code> 属性设置计数器允许的最小值; <code>circulate</code> 属性设置向上到达最大值后从最小值开始,或反过来。</p>\n',
|
||||
'<p>通过设置<code>:max</code>属性计数器允许的最大值,设置<code>:min</code>属性计数器允许的最小值,设置<code>circulate</code>属性当计数器的数值为最大值,继续计数,是否从最小值开始计数。</p>\n',
|
||||
'en-US':
|
||||
'<p>You can set the maximum value allowed by the counter by setting the <code>max</code> attribute, and set the minimum value allowed by the counter by setting the <code>min</code> attribute. Set the <code>circulate</code> property to start from the minimum value after reaching the maximum value up, or vice versa. </p>\n'
|
||||
'<p>By setting the maximum value allowed by the<code>:max</code>attribute counter, setting the minimum value allowed by the<code>:min</code>attribute counter, and setting the<code>cycle</code>attribute, when the counter value reaches the maximum value, continue counting, whether to start counting from the minimum value.</p>\n'
|
||||
},
|
||||
'codeFiles': ['max-min.vue']
|
||||
},
|
||||
|
@ -26,8 +26,9 @@ export default {
|
|||
'demoId': 'about-step',
|
||||
'name': { 'zh-CN': '步长', 'en-US': 'Step' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>step</code> 属性设置计数器的步长。</p>\n',
|
||||
'en-US': '<p>You can set the step of the counter through the <code>step</code> attribute. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>:step</code>属性为计数器的加减数值。</p>\n',
|
||||
'en-US':
|
||||
'<p>Set the addition and subtraction values of the counter through the<code>:step</code>attribute.</p>\n'
|
||||
},
|
||||
'codeFiles': ['about-step.vue']
|
||||
},
|
||||
|
@ -35,8 +36,8 @@ export default {
|
|||
'demoId': 'precision',
|
||||
'name': { 'zh-CN': '数值精度', 'en-US': 'Numeric precision' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>precision</code> 属性设置计数器的精度值。</p>\n',
|
||||
'en-US': '<p>You can set the precision value of the counter through the precision attribute. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>:precision</code>属性为计数器的精度值。</p>\n',
|
||||
'en-US': '<p>Set the precision value of the counter through the<code>:precision</code>attribute.</p>\n'
|
||||
},
|
||||
'codeFiles': ['precision.vue']
|
||||
},
|
||||
|
@ -44,8 +45,8 @@ export default {
|
|||
'demoId': 'dynamic-disabled',
|
||||
'name': { 'zh-CN': '禁用', 'en-US': 'Disabled' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>disabled</code> 设置是否禁用计数器。</p>',
|
||||
'en-US': 'Disable the counter by setting disabled.'
|
||||
'zh-CN': '<p>通过设置<code>:disabled</code>是否禁用计数器。</p>',
|
||||
'en-US': 'Disable the counter by setting <code>disabled</code>.'
|
||||
},
|
||||
'codeFiles': ['dynamic-disabled.vue']
|
||||
},
|
||||
|
@ -54,9 +55,9 @@ export default {
|
|||
'name': { 'zh-CN': '可清空', 'en-US': 'Clearable' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'通过 <code>allow-empty</code> 属性设置计数器内容的可清空特性,默认为 <code>false</code>,表示不可清空。',
|
||||
'通过设置<code>:allow-empty</code>属性计数器内容的可清空特性,默认为 <code>false</code>,表示不可清空。',
|
||||
'en-US':
|
||||
'<p>You can use the <code>allow-empty</code> property to set the clearability of counter contents. The default value is <code>false</code>, indicating that the data cannot be cleared. </p>\n'
|
||||
'<p>You can use the <code>:allow-empty</code> property to set the clearability of counter contents. The default value is <code>false</code>, indicating that the data cannot be cleared. </p>\n'
|
||||
},
|
||||
'codeFiles': ['allow-empty.vue']
|
||||
},
|
||||
|
@ -65,9 +66,9 @@ export default {
|
|||
'name': { 'zh-CN': '尺寸', 'en-US': 'Size' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>size</code> 属性设置计数器尺寸,可选值有 <code>medium</code> | <code>small</code> | <code>mini</code>。</p>\n',
|
||||
'<p>通过设置<code>:size</code> 属性为计数器尺寸,可选值有<code>medium</code><code>small</code><code>mini</code>。</p>\n',
|
||||
'en-US':
|
||||
'<p>You can set the counter size through the <code>size</code> attribute. The value can be <code>medium</code> | <code>small</code> | <code>mini</code>. </p>\n'
|
||||
'<p>You can set the counter size through the<code>:size</code>attribute.The value can be <code>medium</code><code>small</code><code>mini</code>. </p>\n'
|
||||
},
|
||||
'codeFiles': ['numeric-size.vue']
|
||||
},
|
||||
|
@ -76,9 +77,9 @@ export default {
|
|||
'name': { 'zh-CN': '加减按钮', 'en-US': 'Control Button' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>controls</code> 属性设置计数器是否显示加减按钮; <code>controls-position</code> 属性设置加减按钮显示的位置。加减按钮默认分列两侧显示。</p>\n',
|
||||
'<p>通过设置<code>:controls</code> 属性计数器是否显示加减按钮,设置<code>:controls-position</code> 属性加减按钮显示的位置。加减按钮默认分列两侧显示。</p>\n',
|
||||
'en-US':
|
||||
'<p>You can set whether the counter has a control button through the <code>controls</code> attribute. </p>\n'
|
||||
'<p>By setting whether the<code>: controls</code>attribute counter displays add/subtract buttons, set the position where the<code>: controls position</code>attribute add/subtract buttons are displayed. The addition and subtraction buttons are displayed on both sides of the column by default.</p>\n'
|
||||
},
|
||||
'codeFiles': ['controls.vue']
|
||||
},
|
||||
|
@ -86,9 +87,9 @@ export default {
|
|||
'demoId': 'mouse-wheel',
|
||||
'name': { 'zh-CN': '鼠标滚轮滚动改变值', 'en-US': 'Mouse wheel scrolling change value' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>mouse-wheel</code> 属性控制鼠标滚动滑轮时是否改变数值。</p>\n',
|
||||
'zh-CN': '<p>通过设置<code>:mouse-wheel</code>属性控制鼠标滚动滑轮时是否改变数值。</p>\n',
|
||||
'en-US':
|
||||
'<p>You can use the <code>mouseWheel</code> attribute to control whether the scroll wheel can change the value. </p>\n'
|
||||
'<p>You can use the <code>:mouseWheel</code> attribute to control whether the scroll wheel can change the value. </p>\n'
|
||||
},
|
||||
'codeFiles': ['mouse-wheel.vue']
|
||||
},
|
||||
|
@ -96,9 +97,9 @@ export default {
|
|||
'demoId': 'unit',
|
||||
'name': { 'zh-CN': '单位', 'en-US': 'Unit' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>unit</code> 属性设置计数器的单位,设置单位后,加减按钮将不可用。</p>\n',
|
||||
'zh-CN': '<p>通过设置<code>:unit</code>属性为计数器的单位,设置单位后,加减按钮将不可用。</p>\n',
|
||||
'en-US':
|
||||
'<p>Set the unit of the counter by using the "unit" property. After setting the unit, the increase and decrease buttons will be disabled.</p>\n'
|
||||
'<p>Set the unit of the counter by using the <code>:unit</code>property. After setting the unit, the increase and decrease buttons will be disabled.</p>\n'
|
||||
},
|
||||
'codeFiles': ['unit.vue']
|
||||
},
|
||||
|
@ -106,8 +107,8 @@ export default {
|
|||
'demoId': 'change-event',
|
||||
'name': { 'zh-CN': '值改变事件', 'en-US': 'Value change event' },
|
||||
'desc': {
|
||||
'zh-CN': '<p> 通过 <code>change</code> 监听数值改变事件。</p>\n',
|
||||
'en-US': 'The <code>change</code> event is triggered when the value of the text box is changed. </p>\n'
|
||||
'zh-CN': '<p> 通过设置<code>@change</code>监听数值改变事件。</p>\n',
|
||||
'en-US': 'The <code>@change</code> event is triggered when the value of the text box is changed. </p>\n'
|
||||
},
|
||||
'codeFiles': ['change-event.vue']
|
||||
},
|
||||
|
@ -115,8 +116,8 @@ export default {
|
|||
'demoId': 'focus-event',
|
||||
'name': { 'zh-CN': '聚焦事件', 'en-US': 'Focus Event' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>focus</code> 监听输入框获得焦点事件。</p>\n',
|
||||
'en-US': 'The <code>focus</code> event is triggered when the text box is focused. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>@focus</code>监听输入框获得焦点事件。</p>\n',
|
||||
'en-US': 'The <code>@focus</code> event is triggered when the text box is focused. </p>\n'
|
||||
},
|
||||
'codeFiles': ['focus-event.vue']
|
||||
},
|
||||
|
@ -124,8 +125,8 @@ export default {
|
|||
'demoId': 'blur-event',
|
||||
'name': { 'zh-CN': '失焦事件', 'en-US': 'Out of Focus Event' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>blur</code> 监听输入框失去焦点事件。</p>\n',
|
||||
'en-US': '<p>The <code>blur</code> event is triggered when the text box loses focus. </p>\n'
|
||||
'zh-CN': '<p>通过设置<code>@blur</code>监听输入框失去焦点事件。</p>\n',
|
||||
'en-US': '<p>The<code>@blur</code>event is triggered when the text box loses focus. </p>\n'
|
||||
},
|
||||
'codeFiles': ['blur-event.vue']
|
||||
}
|
||||
|
@ -134,14 +135,14 @@ export default {
|
|||
{
|
||||
'name': 'numeric',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'allow-empty',
|
||||
'type': 'boolean',
|
||||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '内容可清空',
|
||||
'en-US': 'The counter can be cleared.'
|
||||
'en-US': 'The counter can be cleared'
|
||||
},
|
||||
'demoId': 'allow-empty'
|
||||
},
|
||||
|
@ -151,7 +152,7 @@ export default {
|
|||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '向上到达最大值后,是否从最小值开始,或反过来',
|
||||
'en-US': 'When the maximum value is reached, start from the minimum value, or vice versa.'
|
||||
'en-US': 'When the maximum value is reached, start from the minimum value, or vice versa'
|
||||
},
|
||||
'demoId': 'max-min'
|
||||
},
|
||||
|
@ -235,7 +236,7 @@ export default {
|
|||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '鼠标滚动滑轮是否改变数值',
|
||||
'en-US': 'Whether to change the value of the scroll wheel.'
|
||||
'en-US': 'Whether to change the value of the scroll wheel'
|
||||
},
|
||||
'demoId': 'mouse-wheel'
|
||||
},
|
||||
|
@ -304,7 +305,7 @@ export default {
|
|||
'type': 'string',
|
||||
'defaultValue': '',
|
||||
'desc': {
|
||||
'zh-CN': '数值的单位。在设置单位时,加减按钮将不可用。',
|
||||
'zh-CN': '数值的单位。在设置单位时,加减按钮将不可用',
|
||||
'en-US': 'Unit of measurement. When setting the unit, the increase and decrease buttons will be disabled'
|
||||
},
|
||||
'demoId': 'unit'
|
||||
|
@ -314,8 +315,8 @@ export default {
|
|||
'type': 'number',
|
||||
'defaultValue': '0',
|
||||
'desc': {
|
||||
'zh-CN': '设置输入组件的默认值,默认为 0。',
|
||||
'en-US': 'Set the default value of the input component. The default value is 0.'
|
||||
'zh-CN': '设置输入组件的默认值,默认为 0',
|
||||
'en-US': 'Set the default value of the input component. The default value is 0'
|
||||
},
|
||||
'demoId': 'basic-usage'
|
||||
}
|
||||
|
|
|
@ -6,8 +6,8 @@ export default {
|
|||
'demoId': 'basic-usage',
|
||||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>不配置数据源时,默认从框架服务读取数据。</p>\n',
|
||||
'en-US': '<p>If no data is configured, data is read from the framework service by default. </p>\n'
|
||||
'zh-CN': '<p>通过引用组件标签即可,默认从框架服务读取数据 。</p>\n',
|
||||
'en-US': '<p>By referencing component labels, data is read from the framework service by default. </p>\n'
|
||||
},
|
||||
'codeFiles': ['basic-usage.vue']
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue