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:
James 2023-12-08 16:44:16 +08:00 committed by GitHub
parent 154a46189c
commit 6cea1e6316
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 197 additions and 193 deletions

View File

@ -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'
},
{

View File

@ -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=&quot;footer&quot;</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'
},

View File

@ -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'
}

View File

@ -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']
},