forked from opentiny/tiny-vue
docs(fix): update(numeric/config-provider/dialog-box/modal/fall-menu/user-head) docs (#1215)
* doc(fix):[carousel,color-picker,color-select-panel,config-provider,crop,dialog-box] Update doc text * docs(fix):Update dialog-box docs * docs(fix): update Numeric Docs * docs(fix): update (config-provider/dialog-box/modal/fall-menu/user-head) docs * fix: package
This commit is contained in:
James
GitHub
parent
78b1b5109c
commit
c279bd50f9
|
|
@ -6,7 +6,7 @@ export default {
|
|||
'demoId': 'base',
|
||||
'name': { 'zh-CN': '基本使用', 'en-US': 'Basic Use' },
|
||||
'desc': {
|
||||
'zh-CN': '通过<code>design</code>属性配置自定义不同设计规范的图标和逻辑。',
|
||||
'zh-CN': '可通过<code>design</code>属性设置自定义不同设计规范的图标和逻辑。',
|
||||
'en-US':
|
||||
'Icons and logic for different design specifications can be customized through the <code>design</code> attribute configuration.'
|
||||
},
|
||||
|
|
@ -17,7 +17,7 @@ export default {
|
|||
'name': { 'zh-CN': '改变文字方向', 'en-US': 'Change the direction of text' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'通过<code>:direction="ltr"</code>设置文字对齐方向，<code>ltr</code>为左对齐，<code>rtl</code>为右对齐。',
|
||||
'可通过<code>direction="ltr"</code>属性设置文字对齐方向，<code>ltr</code>为左对齐，<code>rtl</code>为右对齐。',
|
||||
'en-US':
|
||||
'Set the text alignment direction through<code>: direction="ltr"</code>, where<code>ltr</code>is left aligned and<code>rtl</code>is right aligned.'
|
||||
},
|
||||
|
|
@ -27,7 +27,7 @@ export default {
|
|||
'demoId': 'tag',
|
||||
'name': { 'zh-CN': '自定义标签', 'en-US': 'Custom tags' },
|
||||
'desc': {
|
||||
'zh-CN': '通过<code>tag</code>可以自定义容器标签。',
|
||||
'zh-CN': '可通过<code>tag</code>属性设置自定义容器标签。',
|
||||
'en-US': 'Container labels can be customized through<code>tag</code>.'
|
||||
},
|
||||
'codeFiles': ['tag.vue']
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@ export default {
|
|||
'demoId': 'basic-usage',
|
||||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': {
|
||||
'zh-CN': '通过设置<code>:visible</code>属性控制弹窗显示。',
|
||||
'en-US': 'Set pop-up display through<code>: visible</code>.'
|
||||
'zh-CN': '可通过<code>visible</code>属性设置控制弹窗显示。',
|
||||
'en-US': 'Set pop-up display through<code>visible</code>.'
|
||||
},
|
||||
'codeFiles': ['basic-usage.vue']
|
||||
},
|
||||
|
|
@ -16,7 +16,7 @@ export default {
|
|||
'name': { 'zh-CN': '二级弹窗', 'en-US': 'Level-2 pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过设置<code>#default</code>默认插槽和底部操作区按钮实现二级弹窗。设置 <code>append-to-body</code> 属性后，二级弹窗的实体<code>DOM</code>结构将追加到<code>body</code>元素上。</p>\n',
|
||||
'<p>可通过<code>#default</code>默认插槽和底部操作区按钮设置实现二级弹窗。设置<code>append-to-body</code>属性后，二级弹窗的实体<code>DOM</code>结构将追加到<code>body</code>元素上。</p>\n',
|
||||
'en-US':
|
||||
'<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'
|
||||
},
|
||||
|
|
@ -26,7 +26,7 @@ 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>Set the pop-up title content through the<code>title</code>attribute or <code>#title</code>slot.</p>\n'
|
||||
},
|
||||
|
|
@ -36,7 +36,7 @@ export default {
|
|||
'demoId': 'custom-dialog-content',
|
||||
'name': { 'zh-CN': '自定义内容', 'en-US': 'Custom Content' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置<code>#default</code>默认插槽自定义弹窗主体部分的内容。</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'
|
||||
},
|
||||
|
|
@ -46,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'
|
||||
},
|
||||
|
|
@ -57,9 +57,9 @@ export default {
|
|||
'name': { 'zh-CN': '隐藏关闭按钮', 'en-US': 'Hide the close button' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过设置<code>:show-close</code> 属性设置 <code>false</code>后，隐藏关闭图标，默认弹窗右上角显示关闭图标。底部<code>click</code>按钮事件可切换<code>visible</code>属性值设置弹窗显示。</p>\n',
|
||||
'<p>可通过<code>show-close</code>属性设置<code>false</code>后，隐藏关闭图标，默认弹窗右上角显示关闭图标。底部<code>click</code>按钮事件可切换<code>visible</code>属性值设置弹窗显示。</p>\n',
|
||||
'en-US':
|
||||
'<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'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -68,9 +68,9 @@ export default {
|
|||
'name': { 'zh-CN': '禁用 ESC 关闭', 'en-US': 'Disable ESC.' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过设置<code>:close-on-press-escape</code> 为<code>false</code>后可禁用按下<code>Esc</code>键关闭弹窗。</p>\n',
|
||||
'<p>可通过<code>close-on-press-escape</code>属性设置<code>false</code>后可禁用按下<code>Esc</code>键关闭弹窗。</p>\n',
|
||||
'en-US':
|
||||
'<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'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -78,7 +78,7 @@ 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'
|
||||
},
|
||||
|
|
@ -88,7 +88,7 @@ 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',
|
||||
'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']
|
||||
|
|
@ -98,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>属性为<code>false</code>后可禁用单击遮罩层关闭弹窗。</p>\n',
|
||||
'<p>可通过<code>close-on-click-modal</code>属性设置<code>false</code>后可禁用单击遮罩层关闭弹窗。</p>\n',
|
||||
'en-US':
|
||||
'<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'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -108,8 +108,8 @@ export default {
|
|||
'demoId': 'no-modal',
|
||||
'name': { 'zh-CN': '不启用遮罩层', 'en-US': 'Disable the mask layer' },
|
||||
'desc': {
|
||||
'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'
|
||||
'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']
|
||||
},
|
||||
|
|
@ -118,9 +118,9 @@ export default {
|
|||
'name': { 'zh-CN': '右侧弹窗', 'en-US': 'Right pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过设置<code>:right-slide</code>属性为<code>true</code>，弹窗将从窗口右侧弹出。<code>modal-append-to-body</code> 属性默认<code>true</code>遮罩层应用在<code>body</code>。</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>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>'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -128,8 +128,8 @@ export default {
|
|||
'demoId': 'hidden-header',
|
||||
'name': { 'zh-CN': '隐藏标题区域', 'en-US': 'Hidden title area' },
|
||||
'desc': {
|
||||
'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'
|
||||
'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>通过设置<code>:lock-scroll</code>为<code>true</code>,允许滚动遮罩内容,禁止滚动背景内容，单击遮罩层可关闭弹窗。设置<code>:lock-scroll</code>为<code>false</code>,允许滚动遮罩内容、背景内容。</p>\n',
|
||||
'<p>可通过<code>lock-scroll</code>属性设置<code>true</code>,允许滚动遮罩内容,禁止滚动背景内容，单击遮罩层可关闭弹窗。设置<code>lock-scroll</code>为<code>false</code>,允许滚动遮罩内容、背景内容。</p>\n',
|
||||
'en-US':
|
||||
'<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'
|
||||
'<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>属性为<code>true</code>头部标题居中显示。(默认显示在区域左侧)</p>\n',
|
||||
'zh-CN': '<p>可通过<code>center</code>属性设置<code>true</code>头部标题居中显示。(默认显示在区域左侧)</p>\n',
|
||||
'en-US':
|
||||
'<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'
|
||||
'<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>属性为<code>true</code>，鼠标点击标题区域拖拽。具体事件：<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 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'
|
||||
'<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,9 +169,9 @@ export default {
|
|||
'demoId': 'fullscreen',
|
||||
'name': { 'zh-CN': '全屏弹窗', 'en-US': 'Full-screen pop-up window' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置<code>:fullscreen</code>属性为<code>true</code>显示全屏弹窗。</p>\n',
|
||||
'zh-CN': '<p>可通过<code>fullscreen</code>属性设置<code>true</code>显示全屏弹窗。</p>\n',
|
||||
'en-US':
|
||||
'<p>Display full screen pop ups by setting the<code>:fullscreen</code>attribute to<code>true</code>.</p>\n'
|
||||
'<p>Display full screen pop ups by setting the<code>fullscreen</code>attribute to<code>true</code>.</p>\n'
|
||||
},
|
||||
'codeFiles': ['fullscreen.vue']
|
||||
},
|
||||
|
|
@ -179,9 +179,9 @@ export default {
|
|||
'demoId': 'form-in-dialog',
|
||||
'name': { 'zh-CN': '弹窗表单', 'en-US': 'Pop-up Window Form' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置<code>:is-form-reset</code>属性为<code>false</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>, close the pop-up window without resetting the data.</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']
|
||||
},
|
||||
|
|
@ -190,7 +190,7 @@ export default {
|
|||
'name': { 'zh-CN': '关闭时销毁主体元素', 'en-US': '' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过设置<code>:destroy-on-close</code>属性为<code>true</code>在关闭弹窗时销毁<code>Dialog-box</code>对话框内的所有元素，默认值为<code>false</code>。</p>',
|
||||
'<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>'
|
||||
},
|
||||
|
|
@ -201,7 +201,7 @@ 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>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'
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,15 +5,9 @@ export default {
|
|||
{
|
||||
'demoId': 'data-basic',
|
||||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': { 'zh-CN': '详细用法参考如下示例。', 'en-US': 'For details, see the following example.' },
|
||||
'codeFiles': ['data-resource.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'data-resource',
|
||||
'name': { 'zh-CN': '数据源', 'en-US': 'Data Source' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>data</code> 设置瀑布菜单的数据。</p>\n',
|
||||
'en-US': '<p>Set the data of the waterfall menu through <code>data</code>. </p>\n'
|
||||
'zh-CN': '可通过<code>data</code>属性设置瀑布菜单数据。',
|
||||
'en-US': 'Menu data can be set through the<code>data</code>attribute.'
|
||||
},
|
||||
'codeFiles': ['data-resource.vue']
|
||||
},
|
||||
|
|
@ -22,7 +16,7 @@ export default {
|
|||
'name': { 'zh-CN': '自定义左/右侧图标', 'en-US': 'Customizing Left/Right Icons' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>left</code> 插槽自定义左侧切换图标为 IconLeft ，通过 <code>right</code> 插槽右侧切换图标 IconRight 。</p>\n',
|
||||
'<p>可通过 <code>left</code> 属性设置插槽自定义左侧切换图标为 IconLeft ， <code>right</code> 属性设置插槽右侧切换图标 IconRight 。</p>\n',
|
||||
'en-US':
|
||||
'<p>Use the <code>left</code> slot to set the left switch icon to IconLeft, and use the <code>right</code> slot to set the right switch icon to IconRight. </p>\n'
|
||||
},
|
||||
|
|
@ -33,7 +27,7 @@ export default {
|
|||
'name': { 'zh-CN': '自定义内容', 'en-US': 'Custom Content' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>level1</code> 插槽自定义一级菜单内容，通过 <code>level2</code> 插槽自定义二级菜单内容，通过 <code>level3</code> 插槽自定义三级菜单内容。</p>\n',
|
||||
'<p>可通过 <code>level1</code>属性设置插槽自定义一级菜单内容，<code>level2</code> 属性设置插槽自定义二级菜单内容，<code>level3</code>属性设置插槽自定义三级菜单内容。</p>\n',
|
||||
'en-US':
|
||||
'<p>The level-1 menu content is customized through the <code>level1</code> slot, the level-2 menu content is customized through the <code>level2</code> slot, and the level-3 menu content is customized through the <code>level3</code> slot. </p>\n'
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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>'
|
||||
},
|
||||
|
|
@ -17,8 +17,8 @@ export default {
|
|||
'demoId': 'fullscreen',
|
||||
'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']
|
||||
},
|
||||
|
|
@ -26,9 +26,9 @@ export default {
|
|||
'demoId': 'esc-closable',
|
||||
'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']
|
||||
},
|
||||
|
|
@ -36,7 +36,7 @@ export default {
|
|||
'demoId': 'duration',
|
||||
'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>'
|
||||
},
|
||||
|
|
@ -46,7 +46,7 @@ export default {
|
|||
'demoId': 'id',
|
||||
'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>'
|
||||
},
|
||||
|
|
@ -56,8 +56,8 @@ export default {
|
|||
'demoId': 'lock-scroll',
|
||||
'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']
|
||||
},
|
||||
|
|
@ -66,9 +66,9 @@ export default {
|
|||
'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>'
|
||||
'You can set whether to display the mask layer through the<code>mask</code>attribute, and whether to lock the page and not allow any operations outside the window through the<code>lock-view</code>attribute'
|
||||
},
|
||||
'codeFiles': ['lock-view.vue']
|
||||
},
|
||||
|
|
@ -76,9 +76,9 @@ export default {
|
|||
'demoId': 'mask-closable',
|
||||
'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']
|
||||
},
|
||||
|
|
@ -86,7 +86,7 @@ export default {
|
|||
'demoId': 'message',
|
||||
'name': { 'zh-CN': '自定义内容', 'en-US': 'Custom Content' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过<code>:message</code>设置窗口的内容。</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']
|
||||
|
|
@ -96,9 +96,9 @@ export default {
|
|||
'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>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>'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -107,7 +107,7 @@ export default {
|
|||
'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>'
|
||||
},
|
||||
|
|
@ -118,9 +118,9 @@ export default {
|
|||
'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']
|
||||
},
|
||||
|
|
@ -132,9 +132,9 @@ export default {
|
|||
},
|
||||
'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>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>'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -146,9 +146,9 @@ export default {
|
|||
},
|
||||
'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>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>'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -156,8 +156,8 @@ export default {
|
|||
'demoId': 'showFooter',
|
||||
'name': { 'zh-CN': '不显示底部', 'en-US': 'Do Not Display Bottom' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>:show-footer</code> 设置是否显示底部。</p>',
|
||||
'en-US': '<p>Set whether to display the bottom through<code>:show-root</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']
|
||||
},
|
||||
|
|
@ -165,8 +165,8 @@ export default {
|
|||
'demoId': 'showHeader',
|
||||
'name': { 'zh-CN': '不显示头部', 'en-US': 'Do Not Display The Head' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>:show-header</code> 设置是否显示头部。</p>',
|
||||
'en-US': '<p>Set whether to display the header through<code>:show-header</code>.</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']
|
||||
},
|
||||
|
|
@ -175,9 +175,9 @@ export default {
|
|||
'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>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>'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -185,8 +185,8 @@ export default {
|
|||
'demoId': 'message-closable',
|
||||
'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']
|
||||
},
|
||||
|
|
@ -194,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']
|
||||
},
|
||||
|
|
@ -203,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>"
|
||||
},
|
||||
|
|
@ -213,7 +213,7 @@ export default {
|
|||
'demoId': 'type',
|
||||
'name': { 'zh-CN': '窗口类型', 'en-US': 'Custom Window Type' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过<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']
|
||||
|
|
@ -222,9 +222,9 @@ export default {
|
|||
'demoId': 'value',
|
||||
'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']
|
||||
},
|
||||
|
|
@ -232,8 +232,8 @@ export default {
|
|||
'demoId': 'z-index',
|
||||
'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']
|
||||
},
|
||||
|
|
@ -241,9 +241,9 @@ export default {
|
|||
'demoId': 'is-form-reset',
|
||||
'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>',
|
||||
'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>'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -251,7 +251,7 @@ export default {
|
|||
'demoId': 'footer-slot',
|
||||
'name': { 'zh-CN': '底部插槽', 'en-US': 'Bottom Slot' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过<code>#footer</code>插槽设置底部内容。</p>',
|
||||
'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']
|
||||
|
|
@ -260,7 +260,7 @@ export default {
|
|||
'demoId': 'grid',
|
||||
'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested Tables' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过<code>#default</code>插槽嵌套表格组件。</p>',
|
||||
'zh-CN': '<p>可通过<code>#default</code>插槽设置嵌套表格组件。</p>',
|
||||
'en-US': 'Table components can be nested via <code>#default</code> slot.'
|
||||
},
|
||||
'codeFiles': ['grid.vue']
|
||||
|
|
@ -270,10 +270,10 @@ export default {
|
|||
'name': { 'zh-CN': '事件', 'en-US': 'event' },
|
||||
'desc': {
|
||||
'zh-CN': `<p>
|
||||
当窗口显示时会触发 <code>show</code> 事件，关闭时会触发 <code>hide</code> 事件。<br />
|
||||
点击确定按钮时会触发 <code>confirm</code> 事件，点击取消按钮时触发 <code>cancel</code> 事件。<br />
|
||||
点击关闭按钮时会触发 <code>close</code> 事件。<br />
|
||||
当窗口缩放时会触发 <code>zoom</code> 事件。<br />
|
||||
当窗口显示时会触发<code>show</code>事件，关闭时会触发<code>hide</code>事件。<br />
|
||||
当窗口缩放时会触发<code>zoom</code>事件。<br />
|
||||
当点击确定按钮时会触发<code>confirm</code>事件，点击取消按钮时触发<code>cancel</code>事件。<br />
|
||||
当点击关闭按钮时会触发<code>close</code>事件。<br />
|
||||
</p>`,
|
||||
'en-US': ''
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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>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'
|
||||
'<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,9 +26,9 @@ export default {
|
|||
'demoId': 'about-step',
|
||||
'name': { 'zh-CN': '步长', 'en-US': 'Step' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置<code>:step</code>属性为计数器的加减数值。</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'
|
||||
'<p>Set the addition and subtraction values of the counter through the<code>step</code>attribute.</p>\n'
|
||||
},
|
||||
'codeFiles': ['about-step.vue']
|
||||
},
|
||||
|
|
@ -36,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>Set the precision value of the counter through the<code>:precision</code>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']
|
||||
},
|
||||
|
|
@ -45,7 +45,7 @@ export default {
|
|||
'demoId': 'dynamic-disabled',
|
||||
'name': { 'zh-CN': '禁用', 'en-US': 'Disabled' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置<code>:disabled</code>是否禁用计数器。</p>',
|
||||
'zh-CN': '<p>可通过<code>disabled</code>属性设置是否禁用计数器。</p>',
|
||||
'en-US': 'Disable the counter by setting <code>disabled</code>.'
|
||||
},
|
||||
'codeFiles': ['dynamic-disabled.vue']
|
||||
|
|
@ -55,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']
|
||||
},
|
||||
|
|
@ -66,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']
|
||||
},
|
||||
|
|
@ -77,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>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'
|
||||
'<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']
|
||||
},
|
||||
|
|
@ -87,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>mouse-wheel</code> attribute to control whether the scroll wheel can change the value. </p>\n'
|
||||
},
|
||||
'codeFiles': ['mouse-wheel.vue']
|
||||
},
|
||||
|
|
@ -97,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 <code>:unit</code>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']
|
||||
},
|
||||
|
|
@ -107,7 +107,7 @@ export default {
|
|||
'demoId': 'change-event',
|
||||
'name': { 'zh-CN': '值改变事件', 'en-US': 'Value change event' },
|
||||
'desc': {
|
||||
'zh-CN': '<p> 通过设置<code>@change</code>监听数值改变事件。</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']
|
||||
|
|
@ -116,7 +116,7 @@ export default {
|
|||
'demoId': 'focus-event',
|
||||
'name': { 'zh-CN': '聚焦事件', 'en-US': 'Focus Event' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置<code>@focus</code>监听输入框获得焦点事件。</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']
|
||||
|
|
@ -125,7 +125,7 @@ export default {
|
|||
'demoId': 'blur-event',
|
||||
'name': { 'zh-CN': '失焦事件', 'en-US': 'Out of Focus Event' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置<code>@blur</code>监听输入框失去焦点事件。</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']
|
||||
|
|
@ -192,7 +192,7 @@ export default {
|
|||
'typeAnchorName': 'INumericFormat',
|
||||
'defaultValue': '--',
|
||||
'desc': {
|
||||
'zh-CN': "数字格式化置项，具体配置参考<a href='#INumericFormat'>属性说明</a>",
|
||||
'zh-CN': '数字格式化置项',
|
||||
'en-US':
|
||||
"For the specific configuration of the digital formatting entry, refer to the <a href='#INumericFormat'>property description</a>"
|
||||
},
|
||||
|
|
@ -367,7 +367,7 @@ interface INumericFormat {
|
|||
groupSeparator: ',', // 整数部分分组分隔符
|
||||
decimalSeparator: '.', // 小数点符号
|
||||
fractionGroupSize: 0, // 小数部分分组间隔
|
||||
fractionGroupSeparator: ' ', // 小数分组分隔符
|
||||
fractionGroupSeparator: '', // 小数分组分隔符
|
||||
suffix: '@' // 后置标识
|
||||
}
|
||||
`
|
||||
|
|
|
|||
|
|
@ -6,5 +6,5 @@
|
|||
import { ref } from 'vue'
|
||||
import { UserHead as TinyUserHead } from '@opentiny/vue'
|
||||
|
||||
const imgUrl = ref('/static/images/ld.png')
|
||||
const imgUrl = ref(`${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/ld.png`)
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
imgUrl: '/static/images/ld.png'
|
||||
imgUrl: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/ld.png`
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ export default {
|
|||
'demoId': 'basic-usage',
|
||||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': {
|
||||
'zh-CN': '通过 <code>type="icon"</code> 设置头像。',
|
||||
'zh-CN': '可通过<code>type="icon"</code>属性设置头像。',
|
||||
'en-US': 'Set a profile picture through<code>type="icon"</code>.'
|
||||
},
|
||||
'codeFiles': ['basic-usage.vue']
|
||||
|
|
@ -15,7 +15,7 @@ export default {
|
|||
'demoId': 'min-user-head',
|
||||
'name': { 'zh-CN': '小头像', 'en-US': 'Avatar' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>min</code> 设置小头像。</p>\n',
|
||||
'zh-CN': '<p>可通过<code>min</code>属性设置小头像。</p>\n',
|
||||
'en-US': '<p>You can use <code>min</code> to set a small avatar. </p>\n'
|
||||
},
|
||||
'codeFiles': ['min-user-head.vue']
|
||||
|
|
@ -24,7 +24,7 @@ export default {
|
|||
'demoId': 'round-user-head',
|
||||
'name': { 'zh-CN': '圆形头像', 'en-US': 'Round Head' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>round</code> 设置圆形头像。</p>\n',
|
||||
'zh-CN': '<p>可通过<code>round</code>属性设置圆形头像。</p>\n',
|
||||
'en-US': '<p>You can use <code>round</code> to set a round avatar. </p>\n'
|
||||
},
|
||||
'codeFiles': ['round-user-head.vue']
|
||||
|
|
@ -33,7 +33,7 @@ export default {
|
|||
'demoId': 'label-user-head',
|
||||
'name': { 'zh-CN': '文字头像', 'en-US': 'Avatar' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>type="label"</code> 设置文字头像。</p>\n',
|
||||
'zh-CN': '<p>可通过<code>type="label"</code>属性设置文字头像。</p>\n',
|
||||
'en-US': '<p>You can use <code>type="label"</code> to set the text avatar. </p>\n'
|
||||
},
|
||||
'codeFiles': ['label-user-head.vue']
|
||||
|
|
@ -42,7 +42,7 @@ export default {
|
|||
'demoId': 'icon-user-head',
|
||||
'name': { 'zh-CN': '图标头像', 'en-US': 'Icon avatar' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>type="icon"</code> 设置图标头像。</p>\n',
|
||||
'zh-CN': '<p>可通过<code>type="icon"</code>属性设置图标头像。</p>\n',
|
||||
'en-US': '<p>You can use <code>type="icon"</code> to set the icon avatar. </p>\n'
|
||||
},
|
||||
'codeFiles': ['icon-user-head.vue']
|
||||
|
|
@ -51,7 +51,7 @@ export default {
|
|||
'demoId': 'image-user-head',
|
||||
'name': { 'zh-CN': '图片头像', 'en-US': 'Avatar' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>type="image"</code> 设置图片头像。</p>\n',
|
||||
'zh-CN': '<p>可通过<code>type="image"</code>属性设置图片头像。</p>\n',
|
||||
'en-US': '<p>You can use <code>type="image"</code> to set the picture avatar. </p>\n'
|
||||
},
|
||||
'codeFiles': ['image-user-head.vue']
|
||||
|
|
@ -60,7 +60,7 @@ export default {
|
|||
'demoId': 'message-count-total',
|
||||
'name': { 'zh-CN': '头像消息计数', 'en-US': 'Avatar Message Count' },
|
||||
'desc': {
|
||||
'zh-CN': '通过<code>:message-total="100"</code>设置消息数据。',
|
||||
'zh-CN': '可通过<code>message-total="100"</code>属性设置消息数据。',
|
||||
'en-US': `Set message data through<code>message-total='100'</code>. `
|
||||
},
|
||||
'codeFiles': ['message-count-total.vue']
|
||||
|
|
@ -69,7 +69,7 @@ export default {
|
|||
'demoId': 'message-count-type',
|
||||
'name': { 'zh-CN': '使用小红点代替具体数值', 'en-US': 'Use a red dot instead of a specific value' },
|
||||
'desc': {
|
||||
'zh-CN': '通过<code>:message-type="basic"</code>设置消息显示替代成小红点。',
|
||||
'zh-CN': '可通过<code>message-type="basic"</code>属性设置消息显示替代成小红点。',
|
||||
'en-US': `Set the message display to be replaced with a small red dot through<code>message-type='basic'</code>.`
|
||||
},
|
||||
'codeFiles': ['message-count-type.vue']
|
||||
|
|
@ -78,7 +78,7 @@ export default {
|
|||
'demoId': 'message-count-limit',
|
||||
'name': { 'zh-CN': '消息计数上限', 'en-US': 'Maximum number of messages' },
|
||||
'desc': {
|
||||
'zh-CN': '通过<code>:message-upper-limit="99"</code>设置消息数据上限。',
|
||||
'zh-CN': '可通过<code>message-upper-limit="99"</code>属性设置消息数据上限。',
|
||||
'en-US': `Set the message data upper limit through<code>message-upper-limit='99'</code>.`
|
||||
},
|
||||
'codeFiles': ['message-count-limit.vue']
|
||||
|
|
@ -88,7 +88,7 @@ export default {
|
|||
'name': { 'zh-CN': '自定义颜色', 'en-US': 'Custom Color' },
|
||||
'desc': {
|
||||
'zh-CN':
|
||||
'<p>通过 <code>color</code> 自定义颜色，图标或文字类型（type属性值为 icon 或 label ）的情况下，设置字体颜色和背景色。</p>\n',
|
||||
'<p>可通过<code>color</code>属性设置自定义颜色，图标或文字类型（type属性值为 icon 或 label ）的情况下，设置字体颜色和背景色。</p>\n',
|
||||
'en-US':
|
||||
'<p>You can use <code>color</code> to customize the color. If the icon or text type is set to icon or label, set the font color and background color. </p>\n'
|
||||
},
|
||||
|
|
@ -98,7 +98,7 @@ export default {
|
|||
'demoId': 'custom-background-color',
|
||||
'name': { 'zh-CN': '自定义背景颜色', 'en-US': 'Custom background color' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>background-color</code> 自定义背景颜色。</p>\n',
|
||||
'zh-CN': '<p>可通过<code>background-color</code>属性设置自定义背景颜色。</p>\n',
|
||||
'en-US': '<p>You can use <code>background-color</code> to customize the background color. </p>\n'
|
||||
},
|
||||
'codeFiles': ['custom-background-color.vue']
|
||||
|
|
@ -107,8 +107,8 @@ export default {
|
|||
'demoId': 'custom-user-head-content',
|
||||
'name': { 'zh-CN': '自定义图像内容', 'en-US': 'Custom Image Content' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过插槽自定义图像内容。</p>\n',
|
||||
'en-US': '<p>Customize the image content by slot. </p>\n'
|
||||
'zh-CN': '<p>可通过<code>#default</code>插槽设置自定义图像内容。</p>\n',
|
||||
'en-US': '<p>Customize the image content by slot<code>#default</code>. </p>\n'
|
||||
},
|
||||
'codeFiles': ['custom-user-head-content.vue']
|
||||
},
|
||||
|
|
@ -116,7 +116,7 @@ export default {
|
|||
'demoId': 'render-user-head-in-grid',
|
||||
'name': { 'zh-CN': 'Grid 单元格展示头像', 'en-US': 'Avatar Displayed in Grid Cells' },
|
||||
'desc': {
|
||||
'zh-CN': '通过Grid单元格属性<code>renderer</code>传入封装用户头像组件（HTML格式）。',
|
||||
'zh-CN': '可通过Grid单元格<code>renderer</code>属性设置传入封装用户头像组件（HTML格式）。',
|
||||
'en-US':
|
||||
'Pass in the encapsulated user avatar component (in HTML format) through the Grid cell attribute<code>renderer</code>.'
|
||||
},
|
||||
|
|
@ -154,7 +154,7 @@ export default {
|
|||
'type': 'string',
|
||||
'defaultValue': `'details'`,
|
||||
'desc': {
|
||||
'zh-CN': '消息类型 details|basic 可选。该属性的可选值为 details / basic',
|
||||
'zh-CN': '消息类型 details|basic 可选',
|
||||
'en-US': 'Message type details|basic is optional. The value of this attribute can be details or basic.'
|
||||
},
|
||||
'demoId': 'message-count-type'
|
||||
|
|
@ -185,7 +185,7 @@ export default {
|
|||
'type': 'string',
|
||||
'defaultValue': `'label'`,
|
||||
'desc': {
|
||||
'zh-CN': '头像类型，icon|image|label 可选。该属性的可选值为 icon / image / label',
|
||||
'zh-CN': '头像类型，icon|image|label 可选',
|
||||
'en-US':
|
||||
'Avatar type. The options are icon, image, and label. ;The value of this attribute can be icon / image / label'
|
||||
},
|
||||
|
|
@ -196,7 +196,7 @@ export default {
|
|||
'type': 'string',
|
||||
'defaultValue': '',
|
||||
'desc': {
|
||||
'zh-CN': 'type=icon 时为图标类名，type=label时为字体串，type=image时为资源路径',
|
||||
'zh-CN': 'type=icon 时为图标类名，type=label 时为字体串，type=image 时为资源路径',
|
||||
'en-US':
|
||||
'If type is set to icon, it indicates the icon class name. If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue