:visible属性控制弹窗显示。',
+ 'en-US': 'Set pop-up display through: visible.'
+ },
'codeFiles': ['basic-usage.vue']
},
{
@@ -13,9 +16,9 @@ export default {
'name': { 'zh-CN': '二级弹窗', 'en-US': 'Level-2 pop-up window' },
'desc': {
'zh-CN':
- '通过 default 默认插槽和底部操作区按钮实现二级弹窗。设置 append-to-body 属性后，二级弹窗的实体 DOM 结构将追加到 body 元素上。
通过设置#default默认插槽和底部操作区按钮实现二级弹窗。设置 append-to-body 属性后，二级弹窗的实体DOM结构将追加到body元素上。
The default slot and buttons in the operation area at the bottom are used to implement the level-2 pop-up window. After the append-to-body attribute is set, the entity DOM structure of the level-2 pop-up window is appended to the body element.
The #default slot and buttons in the operation area at the bottom are used to implement the level-2 pop-up window. After the append-to-body attribute is set, the entity DOM structure of the level-2 pop-up window is appended to the body element.
除 title 属性可以设置弹窗标题外，还可以通过 title 插槽自定义弹窗标题区的内容。
通过设置title 或者#title插槽设置弹窗标题内容。
In addition to the title attribute, you can set the pop-up window title and customize the content in the pop-up window title area through the title slot.
Set the pop-up title content through thetitleattribute or #titleslot.
通过 default 默认插槽自定义弹窗主体部分的内容。
\n', - 'en-US': 'The default slot is used to customize the content of the main part of the pop-up window.
\n' + 'zh-CN': '通过设置#default默认插槽自定义弹窗主体部分的内容。
The#defaultslot is used to customize the content of the main part of the pop-up window.
通过 footer 插槽自定义弹窗底部操作区内容。
通过设置#footer 插槽自定义弹窗底部操作区内容。
Customize the content in the operation area at the bottom of the pop-up window through the footer slot.
默认弹窗右上角会显示关闭图标，单击可以关闭弹窗。若设置 show-close 为 false 后，将隐藏关闭图标，要实现关闭弹窗的功能可以通过底部操作区按钮的 click 事件切换 visible 属性的值为 false 。
通过设置:show-close 属性设置 false后，隐藏关闭图标，默认弹窗右上角显示关闭图标。底部click按钮事件可切换visible属性值设置弹窗显示。
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 show-close is set to false, the close icon is hidden. To close the pop-up window, you can switch the value of visible to false by clicking the button in the operation area.
After setting the:show-closeproperty tofalse, hide the close icon and the default pop-up window will display the close icon in the upper right corner. The bottomclickbutton event can switch tovisibleproperty value setting pop-up display.
默认弹窗打开后，可以按下 Esc 键关闭弹窗，设置 close-on-press-escape 为 false 后将禁用该功能。
通过设置:close-on-press-escape 为false后可禁用按下Esc键关闭弹窗。
After the default pop-up window is opened, you can press Esc to close the pop-up window. If close-on-press-escape is set to false, this function is disabled.
By setting:close-on-pressure-scapetofalse, pressing theEsckey can be disabled to close pop ups.
通过 top 属性指定弹窗距离窗口顶部的高度，默认为屏高的 15% 。
通过设置top属性指定弹窗距离窗口顶部的高度，默认为屏高的 15% 。
The top attribute specifies the height of the pop-up window from the top of the window. The default value is 15% of the screen height.
Thetopattribute specifies the height of the pop-up window from the top of the window. The default value is 15% of the screen height.
通过 width 属性指定弹窗的宽度。
The width attribute specifies the width of the pop-up window.
通过设置width属性指定弹窗的宽度。
Thewidthattribute specifies the width of the pop-up window.
默认弹窗打开后，可以单击遮罩层关闭弹窗，设置 close-on-click-modal 为 false 后将禁用该功能。
通过设置:close-on-click-modal属性为false后可禁用单击遮罩层关闭弹窗。
After the default pop-up window is opened, you can click the mask layer to close the pop-up window. If close-on-click-modal is set to false, this function is disabled.
By setting the:close-on-click-modalproperty tofalse, clicking on the mask layer to close the pop-up window can be disabled.
默认弹窗打开时会显示遮罩层，设置 modal 为 false 后将不启用遮罩层。无遮罩层时，单击弹窗外部区域仍然可以关闭弹窗。
The mask layer is displayed when the pop-up window is opened by default. If modal 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.
通过设置:modal属性为false不启用遮罩层。
Set the:modalattribute tofalseto not enable mask layers.
设置 right-slide 属性为 true 后，弹窗将从窗口右侧弹出。\n设置 modal-append-to-body 属性默认为 true 遮罩层应用在 body 上。
通过设置:right-slide属性为true，弹窗将从窗口右侧弹出。modal-append-to-body 属性默认true遮罩层应用在body。
After right-slide is set to true, a pop-up window is displayed from the right of the window. \nSet the modal-append-to-body attribute to true by default. The mask layer is applied to the body.
By setting the:right-slideattribute totrue, a pop-up window will pop up from the right side of the window< Code>modal apply to bodyProperties default totrueMask layer applied tobody
弹窗默认有标题区域，设置 show-header 为 false 后，将隐藏标题区域。
The pop-up window has a title area by default. If show-header is set to false, the title area is hidden.
通过设置:show-header为false，将隐藏标题区域。
By using:show-headerasfalse, the title area will be hidden.
弹窗弹出后，背景页面默认仍然是不可以滚动的。
通过设置 lock-scroll: false,遮罩后的内容可以滚动，body保持原来的滚动条,且鼠标移动和点击可以传递到遮罩层后的元素上。
通过设置:lock-scroll为true,允许滚动遮罩内容,禁止滚动背景内容，单击遮罩层可关闭弹窗。设置:lock-scroll为false,允许滚动遮罩内容、背景内容。
After a pop-up window is displayed, the background page cannot be scrolled by default.
By setting lock-scroll: false, 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.
By setting:lock-scrolltotrue, allow scrolling of mask content and prohibit scrolling of background content,Click on the mask layer to close the pop-up window.Set:lock-scrolltofalse,allowing scrolling of mask content and background content.
头部标题默认显示在区域左侧，设置 center 为 true 后，将居中显示。
通过设置:center属性为true头部标题居中显示。(默认显示在区域左侧)
header is displayed on the left of the area by default. If center is set to true, the header is displayed in the center.
By setting the:centerattribute totrue, the header title is displayed in the center. The default display is on the left side of the area.
默认弹窗不可拖拽，设置 draggable 属性为 true 后，鼠标移入标题区域单击可拖拽，拖拽事件有 @drag-start、drag-move、drag-end。
通过设置:draggable属性为true，鼠标点击标题区域拖拽。具体事件：@drag-start@drag-move@drag-end。
By default, the pop-up window cannot be dragged. Set draggable to true and move the cursor to the title area to drag the pop-up window. Drag events include @drag-start, drag-move, and drag-end.
By setting the:draggableattribute totrue, click and drag in the title area with the mouse.Specific events:@drag-start@drag-move@drag-end.
设置 fullscreen 属性为 true 可显示全屏弹窗，默认弹窗宽度是 500px，此时设置宽度是不生效的。
通过设置:fullscreen属性为true显示全屏弹窗。
Set fullscreen 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.
Display full screen pop ups by setting the:fullscreenattribute totrue.
open ：对话框打开时触发，opened ：对话框打开动画结束时触发，close ：对话框关闭时触发，closed ：对话框关闭动画结束时触发。
通过设置事件@open：对话框打开时触发@opened：对话框打开动画结束时触发@close：对话框关闭时触发@closed：对话框关闭动画结束时触发。
open: triggered when the dialog box is opened. opened: triggered when the animation ends. close: triggered when the dialog box is closed. closed: triggered when the animation ends.
By setting the event@open: triggered when the dialog box is opened@opened: triggered when the animation ends when the dialog box is opened@close: triggered when the dialog box is closed@closed: triggered when the animation ends when the dialog box is closed.
通过 default 默认插槽实现嵌套表单以及表单提交的逻辑。
\n默认关闭弹窗的时候重置表单，设置is-form-reset 为false,则关闭弹窗的时候不重置表格
通过设置:is-form-reset属性为false,关闭弹窗不重置数据。
The default slot is used to implement nested forms and form submission logic.
\n By default, the form is reset when the pop-up window is closed. If is-form-reset is set to false, the form is not reset when the pop-up window is closed.
By setting the:is-form-resetattribute to false, close the pop-up window without resetting the data.
通过 destroy-on-close 控制是否在关闭时销毁 Dialog-box 对话框内的所有元素，默认值为 false。
通过设置:destroy-on-close属性为true在关闭弹窗时销毁Dialog-box对话框内的所有元素，默认值为false。
By setting the:destroy-on-closeattribute totrue, all elements in thedialog boxdialog box are destroyed when the pop-up window is closed, with the default value beingfalse.
通过 Modal.alert 方法设置弹出框，通过 Modal.confirm 方法设置确认弹出框。函数返回一个 Promise 对象，其中属性 vm 可用来关闭当前模态框。
通过Modal.alert方法设置弹出框，通过Modal.confirm方法设置确认弹出框。函数返回一个Promise对象，其中属性vm可用来关闭当前模态框。
You can use the Modal.alert method to set a pop-up box, and use the Modal.confirm method to set a confirmation pop-up box. The function returns a Promise object, where the property vm can be used to close the current Modal.
通过 fullscreen 设置是否最大化显示。
You can use the fullscreen attribute to set whether to maximize the display.
通过:fullscreen设置是否最大化显示。
You can use the :fullscreen attribute to set whether to maximize the display.
通过 esc-closable 设置是否允许按 Esc 键关闭窗口。
通过:esc-closable设置是否允许按 Esc 键关闭窗口。
You can use the esc-closable attribute to set whether to close a window by pressing the Esc key.
You can use the :esc-closable attribute to set whether to close a window by pressing the Esc key.
通过 duration 设置自动关闭的延迟时间，仅当 type='message' 有效。
通过duration设置自动关闭的延迟时间，仅当type='message'有效。
You can use the duration attribute to set the delay time for automatic closing. This parameter is valid only for type=message.
如果不想窗口重复点击，可以设置唯一的 id 防止重复提示，仅当 type='message' 有效
通过设置唯一的id防止重复提示，仅当type='message'有效
If you do not want to click the window repeatedly, you can set a unique id to prevent repeated prompts. This parameter is valid only for type=message.
通过 lock-scroll 设置是否锁住滚动条，不允许页面滚动。
You can use the lock-scroll attribute to set whether to lock the scroll bar.
通过:lock-scroll设置是否锁住滚动条，不允许页面滚动。
You can use the :lock-scroll attribute to set whether to lock the scroll bar.
通过 mask 设置是否显示遮罩层，通过 lock-view 设置是否锁住页面，不允许窗口之外的任何操作。
通过:mask设置是否显示遮罩层，通过:lock-view设置是否锁住页面，不允许窗口之外的任何操作。
You can use the lock-view attribute to set whether to lock the page. Operations outside the window are not allowed.
You can use the :lock-view attribute to set whether to lock the page. Operations outside the window are not allowed.
通过 mask-closable 设置是否允许点击遮罩层关闭窗口。
通过:mask-closable设置是否允许点击遮罩层关闭窗口。
You can use the mask-closable attribute to set whether to allow clicking the mask layer to close the window.
You can use the :mask-closable attribute to set whether to allow clicking the mask layer to close the window.
通过 message 设置窗口的内容。
You can set the content of the window through the message attribute.
通过:message设置窗口的内容。
You can set the content of the window through the :message attribute.
通过 confirm-content 设置确认按钮内容，通过cancel-content 设置取消按钮内容。
\n', + '
通过:confirm-content设置确认按钮内容，通过:cancel-content设置取消按钮内容。
\n', 'en-US': - '
You can set the width and height of a window by using width and height. You can set whether to allow dragging to adjust the window size by using resize.
Set the content of the confirm button through:confirm-content, and set the content of the cancel button through:cancel-content.
通过 confirm-btn-props 设置确认按钮，通过 cancel-btn-props 设置取消按钮。
\n', + '
通过:confirm-btn-props设置确认按钮，通过:cancel-btn-props设置取消按钮。
\n', 'en-US': - '
Set the confirmation button via confirm-btn-props and the cancel button via cancel-btn-props.
Set the confirmation button via :confirm-btn-props and the cancel button via :cancel-btn-props.
通过 width 设置窗口宽度，height 设置高度，通过 resize 设置是否允许拖动调整窗口大小。
通过:width设置窗口宽度，:height设置高度，通过:resize设置是否允许拖动调整窗口大小。
Use width to set the window width, height to set the height, and resize to set whether to allow dragging to resize the window.
Use :width to set the window width, :height to set the height, and :resize to set whether to allow dragging to resize the window.
配置 resize 可拖拽属性为 true后，可通过 min-width 属性设置拖拽后窗口的最小宽度。
通过设置:resize可拖拽属性为true后，可通过:min-width属性设置拖拽后窗口的最小宽度。
You can use the showFooter attribute to set whether to display the bottom. The default value is true.
By setting the:resizedrag property totrue, the minimum width of the window after dragging can be set through the:min-widthproperty.
配置 resize 可拖拽属性为 true后，可通过 min-height 属性设置拖拽后窗口的最小高度。
通过设置:resize可拖拽属性为true后，可通过:min-height属性设置拖拽后窗口的最小高度。
You can use the showHeader attribute to set whether to display the header. The default value is true.
By setting the:resizedrag property totrue, the minimum height of the window after dragging can be set through the:min-heightproperty.
通过 show-footer 设置是否显示底部。
You can set the message status through the status attribute. The value can be info | success | warning | error | loading .
通过 :show-footer 设置是否显示底部。
Set whether to display the bottom through:show-root.
通过 show-header 设置是否显示头部。
You can set the title of the window through the title attribute.
通过 :show-header 设置是否显示头部。
Set whether to display the header through:show-header.
通过 status 设置消息状态，可选值有 info 、success 、warning 、error 、loading。
通过:status设置消息状态，可选值有infosuccesswarningerrorloading。
You can use the top attribute to set the position of a message from the top of the message. This parameter is valid only for type=message.
Set the message status through:status, with optional values includinginfosuccesswarningerrorloading.
通过 message-closable 设置消息可手动关闭。
Messages can be closed manually by setting message-closable.
通过:message-closable设置消息可手动关闭。
Messages can be closed manually by setting :message-closable.
通过 title 设置窗口的标题。
Set the title of the window via title.
通过:title设置窗口的标题。
Set the title of the window via:title.
通过 top 设置消息距离顶部的位置，仅当 type='message' 有效。
通过top设置消息距离顶部的位置，仅当 type='message' 有效。
Set the position of the message from the top via top, which is only valid when type='message'.
通过 type 设置窗口类型。
Set the window type via type.
通过:type设置窗口类型。
Set the window type via :type.
通过 modalValue/v-model 绑定值，控制弹窗是否显示。
通过:modalValue/v-model绑定值，控制弹窗是否显示。
Bind the value through modalValue/v-model to control whether the pop-up window is displayed.
Bind the value through :modalValue/v-model to control whether the pop-up window is displayed.
通过 z-index 设置自定义堆叠顺序。
Set a custom stacking order via z-index.
通过:z-index设置自定义堆叠顺序。
Set a custom stacking order via :z-index.
嵌套表单使用时，关闭弹窗后，默认会重置表单数据，设置 is-form-reset 为 false，则关闭弹窗后不重置表单。
You can set the bottom slot through slot="footer" .
通过设置:is-form-reset属性为false，关闭弹窗后不重置数据。
By setting the:is-form-resetattribute tofalse, the data will not be reset after closing the pop-up window.
可通过 footer 插槽设置底部内容。
The bottom content can be set through the footer slot.'
+ 'zh-CN': '
通过#footer插槽设置底部内容。
The bottom content can be set through the #footer slot.'
},
'codeFiles': ['footer-slot.vue']
},
{
'demoId': 'grid',
- 'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested tables' },
+ 'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested Tables' },
'desc': {
- 'zh-CN': '
可通过默认插槽插槽嵌套表格组件。
', - 'en-US': 'Table components can be nested via default slot slots.' + 'zh-CN': '通过#default插槽嵌套表格组件。
#default 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'
},
diff --git a/examples/sites/demos/pc/app/numeric/webdoc/numeric.js b/examples/sites/demos/pc/app/numeric/webdoc/numeric.js
index ee7da4e78..008092443 100644
--- a/examples/sites/demos/pc/app/numeric/webdoc/numeric.js
+++ b/examples/sites/demos/pc/app/numeric/webdoc/numeric.js
@@ -6,7 +6,7 @@ export default {
'demoId': 'basic-usage',
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
'desc': {
- 'zh-CN': '通过 v-model 属性绑定输入值，',
+ 'zh-CN': '通过设置v-model属性绑定输入值。',
'en-US': 'Bind input value through v-model attribute'
},
'codeFiles': ['basic-usage.vue']
@@ -16,9 +16,9 @@ export default {
'name': { 'zh-CN': '最值与数值循环', 'en-US': 'Extremum and loop' },
'desc': {
'zh-CN':
- '通过 max 属性设置计数器允许的最大值； min 属性设置计数器允许的最小值； circulate 属性设置向上到达最大值后从最小值开始，或反过来。
通过设置:max属性计数器允许的最大值，设置:min属性计数器允许的最小值，设置circulate属性当计数器的数值为最大值，继续计数，是否从最小值开始计数。
You can set the maximum value allowed by the counter by setting the max attribute, and set the minimum value allowed by the counter by setting the min attribute. Set the circulate property to start from the minimum value after reaching the maximum value up, or vice versa.
By setting the maximum value allowed by the:maxattribute counter, setting the minimum value allowed by the:minattribute counter, and setting thecycleattribute, when the counter value reaches the maximum value, continue counting, whether to start counting from the minimum value.
通过 step 属性设置计数器的步长。
You can set the step of the counter through the step attribute.
通过设置:step属性为计数器的加减数值。
Set the addition and subtraction values of the counter through the:stepattribute.
通过 precision 属性设置计数器的精度值。
You can set the precision value of the counter through the precision attribute.
\n' + 'zh-CN': '通过设置:precision属性为计数器的精度值。
Set the precision value of the counter through the:precisionattribute.
通过 disabled 设置是否禁用计数器。
通过设置:disabled是否禁用计数器。
disabled.'
},
'codeFiles': ['dynamic-disabled.vue']
},
@@ -54,9 +55,9 @@ export default {
'name': { 'zh-CN': '可清空', 'en-US': 'Clearable' },
'desc': {
'zh-CN':
- '通过 allow-empty 属性设置计数器内容的可清空特性，默认为 false，表示不可清空。',
+ '通过设置:allow-empty属性计数器内容的可清空特性，默认为 false，表示不可清空。',
'en-US':
- 'You can use the allow-empty property to set the clearability of counter contents. The default value is false, indicating that the data cannot be cleared.
You can use the :allow-empty property to set the clearability of counter contents. The default value is false, indicating that the data cannot be cleared.
通过 size 属性设置计数器尺寸，可选值有 medium | small | mini。
通过设置:size 属性为计数器尺寸，可选值有mediumsmallmini。
You can set the counter size through the size attribute. The value can be medium | small | mini.
You can set the counter size through the:sizeattribute.The value can be mediumsmallmini.
通过 controls 属性设置计数器是否显示加减按钮； controls-position 属性设置加减按钮显示的位置。加减按钮默认分列两侧显示。
通过设置:controls 属性计数器是否显示加减按钮，设置:controls-position 属性加减按钮显示的位置。加减按钮默认分列两侧显示。
You can set whether the counter has a control button through the controls attribute.
By setting whether the: controlsattribute counter displays add/subtract buttons, set the position where the: controls positionattribute add/subtract buttons are displayed. The addition and subtraction buttons are displayed on both sides of the column by default.
通过 mouse-wheel 属性控制鼠标滚动滑轮时是否改变数值。
通过设置:mouse-wheel属性控制鼠标滚动滑轮时是否改变数值。
You can use the mouseWheel attribute to control whether the scroll wheel can change the value.
You can use the :mouseWheel attribute to control whether the scroll wheel can change the value.
通过 unit 属性设置计数器的单位，设置单位后，加减按钮将不可用。
通过设置:unit属性为计数器的单位，设置单位后，加减按钮将不可用。
Set the unit of the counter by using the "unit" property. After setting the unit, the increase and decrease buttons will be disabled.
\n' + 'Set the unit of the counter by using the :unitproperty. After setting the unit, the increase and decrease buttons will be disabled.
通过 change 监听数值改变事件。
change event is triggered when the value of the text box is changed. \n'
+ 'zh-CN': ' 通过设置@change监听数值改变事件。
@change event is triggered when the value of the text box is changed. \n'
},
'codeFiles': ['change-event.vue']
},
@@ -115,8 +116,8 @@ export default {
'demoId': 'focus-event',
'name': { 'zh-CN': '聚焦事件', 'en-US': 'Focus Event' },
'desc': {
- 'zh-CN': '通过 focus 监听输入框获得焦点事件。
focus event is triggered when the text box is focused. \n'
+ 'zh-CN': '通过设置@focus监听输入框获得焦点事件。
@focus event is triggered when the text box is focused. \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': '通过 blur 监听输入框失去焦点事件。
The blur event is triggered when the text box loses focus.
通过设置@blur监听输入框失去焦点事件。
The@blurevent is triggered when the text box loses focus.
不配置数据源时，默认从框架服务读取数据。
\n', - 'en-US': 'If no data is configured, data is read from the framework service by default.
\n' + 'zh-CN': '通过引用组件标签即可，默认从框架服务读取数据 。
\n', + 'en-US': 'By referencing component labels, data is read from the framework service by default.
\n' }, 'codeFiles': ['basic-usage.vue'] },