@opentiny/vue-docs 2.2.7 → 2.2.9

package/demos/pc/app/dialog-box/custom-dialog-title.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <tiny-button @click="boxVisibility = true" :title="'弹出Dialog' + boxVisibility"
-      >弹出Dialog{{ boxVisibility }}</tiny-button
+    <tiny-button @click="boxVisibility = true" :title="'弹出 Dialog' + boxVisibility"
+      >弹出 Dialog{{ boxVisibility }}</tiny-button
     >
     <tiny-dialog-box v-model:visible="boxVisibility" width="30%">
       <template #title>

package/demos/pc/app/dialog-box/dialog-top-height-composition-api.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <tiny-button @click="boxVisibility1 = true">显示在顶部</tiny-button>
-    <tiny-button @click="boxVisibility2 = true">距离顶部300px</tiny-button>
+    <tiny-button @click="boxVisibility1 = true" type="info">显示在顶部</tiny-button>
+    <tiny-button @click="boxVisibility2 = true">距离顶部 300px</tiny-button>
     <tiny-dialog-box top="0" v-model:visible="boxVisibility1" title="消息" width="30%">
       <span>dialog-box内容</span>
       <template #footer>

package/demos/pc/app/dialog-box/dialog-top-height.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <tiny-button @click="boxVisibility1 = true">显示在顶部</tiny-button>
-    <tiny-button @click="boxVisibility2 = true">距离顶部300px</tiny-button>
+    <tiny-button @click="boxVisibility1 = true" type="info">显示在顶部</tiny-button>
+    <tiny-button @click="boxVisibility2 = true">距离顶部 300px</tiny-button>
     <tiny-dialog-box top="0" v-model:visible="boxVisibility1" title="消息" width="30%">
       <span>dialog-box内容</span>
       <template #footer>

package/demos/pc/app/dialog-box/dialog-width-composition-api.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <tiny-button @click="boxVisibility1 = true">宽度30%</tiny-button>
-    <tiny-button @click="boxVisibility2 = true">宽度60%</tiny-button>
-    <tiny-dialog-box v-model:visible="boxVisibility1" title="消息" width="30%" dialog-class="mydialogBox">
+    <tiny-button @click="boxVisibility1 = true" type="info">宽度 30%</tiny-button>
+    <tiny-button @click="boxVisibility2 = true">宽度 60%</tiny-button>
+    <tiny-dialog-box v-model:visible="boxVisibility1" title="消息" width="30%">
       <span>dialog-box内容</span>
       <template #footer>
         <tiny-button type="primary" @click="boxVisibility1 = false">确 定</tiny-button>

package/demos/pc/app/dialog-box/dialog-width.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <tiny-button @click="boxVisibility1 = true">宽度30%</tiny-button>
-    <tiny-button @click="boxVisibility2 = true">宽度60%</tiny-button>
-    <tiny-dialog-box v-model:visible="boxVisibility1" title="消息" width="30%" dialog-class="mydialogBox">
+    <tiny-button @click="boxVisibility1 = true" type="info">宽度 30%</tiny-button>
+    <tiny-button @click="boxVisibility2 = true">宽度 60%</tiny-button>
+    <tiny-dialog-box v-model:visible="boxVisibility1" title="消息" width="30%">
       <span>dialog-box内容</span>
       <template #footer>
         <tiny-button type="primary" @click="boxVisibility1 = false">确 定</tiny-button>

package/demos/pc/app/dialog-box/lock-scroll-composition-api.vue

@@ -1,13 +1,13 @@
 <template>
   <div>
-    <tiny-button @click="box1 = true">允许滚动背景</tiny-button>
+    <tiny-button @click="box1 = true" type="info">允许滚动背景</tiny-button>
+    <tiny-button @click="box2 = true">不允许滚动背景</tiny-button>
     <tiny-dialog-box :lock-scroll="false" v-model:visible="box1" title="消息" width="30%">
       <span>不锁定被遮罩内容的滚动</span>
       <template #footer>
         <tiny-button type="primary" @click="box1 = false">确 定</tiny-button>
       </template>
     </tiny-dialog-box>
-    <tiny-button @click="box2 = true">不允许滚动背景</tiny-button>
     <tiny-dialog-box :lock-scroll="true" v-model:visible="box2" title="消息" width="30%">
       <span>锁定被遮罩内容的滚动</span>
       <template #footer>

package/demos/pc/app/dialog-box/lock-scroll.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <tiny-button @click="box1 = true">允许滚动背景</tiny-button>
+    <tiny-button @click="box1 = true" type="info">允许滚动背景</tiny-button>
+    <tiny-button @click="box2 = true">不允许滚动背景</tiny-button>
     <tiny-dialog-box :lock-scroll="false" v-model:visible="box1" title="消息" width="30%">
       <span>不锁定被遮罩内容的滚动</span>
       <template #footer>
@@ -8,7 +9,6 @@
       </template>
     </tiny-dialog-box>
 
-    <tiny-button @click="box2 = true">不允许滚动背景</tiny-button>
     <tiny-dialog-box :lock-scroll="true" v-model:visible="box2" title="消息" width="30%">
       <span>锁定被遮罩内容的滚动</span>
       <template #footer>

package/demos/pc/app/dialog-box/webdoc/dialog-box.js

@@ -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,30 +169,19 @@ 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']
     },
-    {
-      'demoId': 'open-close-events',
-      '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',
-        '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'
-      },
-      'codeFiles': ['open-close-events.vue']
-    },
     {
       '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']
     },
@@ -201,11 +190,22 @@ 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>'
       },
       'codeFiles': ['destroy-on-close.vue']
+    },
+    {
+      'demoId': 'open-close-events',
+      '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',
+        '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'
+      },
+      'codeFiles': ['open-close-events.vue']
     }
   ],
   apis: [
@@ -258,7 +258,7 @@ export default {
           'type': 'boolean',
           'defaultValue': 'false',
           'desc': {
-            'zh-CN': '是否开启弹窗的拖拽功能，默认值为 false',
+            'zh-CN': '是否开启弹窗的拖拽功能',
             'en-US': 'Whether to enable the drag and drop function of pop ups, with a default value of false'
           },
           'demoId': 'draggable'
@@ -327,7 +327,7 @@ export default {
           'type': 'boolean',
           'defaultValue': 'false',
           'desc': {
-            'zh-CN': '是否开启弹出右侧滑出功能，默认值为 false 。',
+            'zh-CN': '是否开启弹出右侧滑出功能',
             'en-US': 'Whether to disable the scroll bar when a log is displayed'
           },
           'demoId': 'right-dialog'
@@ -337,7 +337,7 @@ export default {
           'type': 'boolean',
           'defaultValue': 'true',
           'desc': {
-            'zh-CN': 'Dialog弹出时是否禁用滚动条',
+            'zh-CN': 'Dialog 弹出时是否禁用滚动条',
             'en-US': 'Indicates whether to display the pop-up header. The default value is true'
           },
           'demoId': 'lock-scroll'
@@ -346,7 +346,7 @@ export default {
           'name': 'show-header',
           'type': 'boolean',
           'defaultValue': 'true',
-          'desc': { 'zh-CN': '是否显示弹窗头部 header，默认值为 true 。', 'en-US': 'Pop-up dialog box title' },
+          'desc': { 'zh-CN': '是否显示弹窗头部 header', 'en-US': 'Pop-up dialog box title' },
           'demoId': 'hidden-header'
         },
         {
@@ -354,7 +354,7 @@ export default {
           'type': 'string',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '弹出框标题。',
+            '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'
           },
@@ -365,7 +365,7 @@ export default {
           'type': 'string',
           'defaultValue': '15vh',
           'desc': {
-            'zh-CN': '设置弹出框距离窗口顶部的高度，默认为屏高的 15%',
+            'zh-CN': '设置弹出框距离窗口顶部的高度',
             'en-US': 'Display and close pop-up boxes'
           },
           'demoId': 'dialog-top-height'
@@ -374,7 +374,7 @@ export default {
           'name': 'width',
           'type': 'string',
           'defaultValue': '500px',
-          'desc': { 'zh-CN': '弹出框的宽度。', 'en-US': 'Wideness of the dialog box that is displayed' },
+          'desc': { 'zh-CN': '弹出框的宽度', 'en-US': 'Wideness of the dialog box that is displayed' },
           'demoId': 'dialog-width'
         },
         {
@@ -395,70 +395,70 @@ export default {
       'events': [
         {
           'name': 'close',
-          'type': 'Function()',
+          'type': '() => {}',
           'defaultValue': '',
           'desc': {
-            'zh-CN': 'Dialog 关闭的回调;Dialog 关闭的回调;无arguments',
+            'zh-CN': 'Dialog 关闭的回调',
             'en-US': 'Dialog disabled callback; Dialog closing callback; No arguments'
           },
           'demoId': 'open-close-events'
         },
         {
           'name': 'open',
-          'type': 'Function()',
+          'type': '() => {}',
           'defaultValue': '',
           'desc': {
-            'zh-CN': 'Dialog 打开的回调;Dialog 打开的回调;无arguments',
+            'zh-CN': 'Dialog 打开的回调',
             'en-US': 'Dialog open callback; Dialog open callback; No arguments'
           },
           'demoId': 'open-close-events'
         },
         {
           'name': 'opened',
-          'type': 'Function()',
+          'type': '() => {}',
           'defaultValue': '',
           'desc': {
-            'zh-CN': 'Dialog 打开动画结束时的回调;无arguments',
+            'zh-CN': 'Dialog 打开动画结束时的回调',
             'en-US': 'Dialog: callback when the animation ends; No arguments'
           },
           'demoId': 'open-close-events'
         },
         {
           'name': 'closed',
-          'type': 'Function()',
+          'type': '() => {}',
           'defaultValue': '',
           'desc': {
-            'zh-CN': 'Dialog 关闭动画结束时的回调;无arguments',
+            'zh-CN': 'Dialog 关闭动画结束时的回调',
             'en-US': 'Dialog closes the callback when the animation ends. No arguments'
           },
           'demoId': 'open-close-events'
         },
         {
           'name': 'drag-start',
-          'type': 'Function(arg)',
+          'type': '(arg) => {}',
           'defaultValue': '',
           'desc': {
-            'zh-CN': 'Dialog 拖拽开始事件;arg:event(包含弹窗的位置等信息)',
+            'zh-CN': 'Dialog 拖拽开始事件;arg包含弹窗的位置等信息',
             'en-US': 'Dialog drag start event; arg:event (including the location of the pop-up window)'
           },
           'demoId': 'draggable'
         },
         {
           'name': 'drag-move',
-          'type': 'Function(arg)',
+          'type': '(arg) => {}',
           'defaultValue': '',
           'desc': {
-            'zh-CN': 'Dialog 拖拽移动事件;arg:event(包含弹窗的位置等信息)',
+            'zh-CN': 'Dialog 拖拽移动事件;arg包含弹窗的位置等信息',
             'en-US': 'Dialog dragging and moving event; arg:event (including the location of the pop-up window)'
           },
           'demoId': 'draggable'
         },
         {
           'name': 'drag-end',
-          'type': 'Function(arg)',
+          'type': '(arg) => {}',
           'defaultValue': '',
           'desc': {
-            'zh-CN': 'Dialog 拖拽结束事件;arg:event(包含弹窗的位置等信息)',
+            'zh-CN': 'Dialog 拖拽结束事件;arg包含弹窗的位置等信息',
             'en-US': 'Dialog drag end event; arg:event (including the location of the pop-up window)'
           },
           'demoId': 'draggable'

package/demos/pc/app/dialog-select/nest-grid-multi-composition-api.vue

@@ -112,7 +112,12 @@ const state = reactive({
       { field: 'city', title: '城市', width: 80 }
     ],
     data: [],
-    selectConfig: { reserve: true, checkRowKeys: ['1', '6'] },
+    // 多选时生效
+    selectConfig: {
+      reserve: true,
+      checkRowKeys: ['1', '6']
+    },
+    // 单选时生效
     radioConfig: { checkRowKey: '3' }
   },
   pagerOp: {
@@ -178,9 +183,10 @@ const lookupMethod = (values) => {
   })
 }
 
-const onDialogSelectChange = (values, texts) => {
+const onDialogSelectChange = (values, texts, selectedDatas) => {
   Modal.message({
-    message: `values:${values},texts:${texts}`
+    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+    status: 'info'
   })
 }
 </script>

package/demos/pc/app/dialog-select/nest-grid-multi.vue

@@ -104,7 +104,11 @@ export default {
           { field: 'city', title: '城市', width: 80 }
         ],
         data: [],
-        selectConfig: { reserve: true, checkRowKeys: ['1', '6'] },
+        selectConfig: {
+          reserve: true,
+          checkRowKeys: ['1', '6']
+        },
+        // 单选时生效
         radioConfig: { checkRowKey: '3' }
       },
       pagerOp: {
@@ -165,9 +169,10 @@ export default {
         }, 300)
       })
     },
-    onDialogSelectChange(values, texts) {
+    onDialogSelectChange(values, texts, selectedDatas) {
       Modal.message({
-        message: `values:${values},texts:${texts}`
+        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+        status: 'info'
       })
     }
   }

package/demos/pc/app/dialog-select/nest-grid-single-composition-api.vue

@@ -162,9 +162,10 @@ const lookupMethod = (values) => {
   })
 }
 
-const onDialogSelectChange = (values, texts) => {
+const onDialogSelectChange = (values, texts, selectedDatas) => {
   Modal.message({
-    message: `values:${values},texts:${texts}`
+    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+    status: 'info'
   })
 }
 </script>

package/demos/pc/app/dialog-select/nest-grid-single.vue

@@ -151,9 +151,10 @@ export default {
         }, 300)
       })
     },
-    onDialogSelectChange(values, texts) {
+    onDialogSelectChange(values, texts, selectedDatas) {
       Modal.message({
-        message: `values:${values},texts:${texts}`
+        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+        status: 'info'
       })
     }
   }

package/demos/pc/app/dialog-select/nest-tree-multi-composition-api.vue

@@ -187,9 +187,10 @@ const lookupMethod = (values) => {
   })
 }
 
-const onDialogSelectChange = (values, texts) => {
+const onDialogSelectChange = (values, texts, selectedDatas) => {
   Modal.message({
-    message: `values:${values},texts:${texts}`
+    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+    status: 'info'
   })
 }
 </script>

package/demos/pc/app/dialog-select/nest-tree-multi.vue

@@ -188,9 +188,10 @@ export default {
         }, 300)
       })
     },
-    onDialogSelectChange(values, texts) {
+    onDialogSelectChange(values, texts, selectedDatas) {
       Modal.message({
-        message: `values:${values},texts:${texts}`
+        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+        status: 'info'
       })
     }
   }

package/demos/pc/app/dialog-select/nest-tree-single-composition-api.vue

@@ -158,9 +158,10 @@ const lookupMethod = (values) => {
     }, 300)
   })
 }
-const onDialogSelectChange = (values, texts) => {
+const onDialogSelectChange = (values, texts, selectedDatas) => {
   Modal.message({
-    message: `values:${values},texts:${texts}`
+    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+    status: 'info'
   })
 }
 </script>

package/demos/pc/app/dialog-select/nest-tree-single.vue

@@ -160,9 +160,10 @@ export default {
         }, 300)
       })
     },
-    onDialogSelectChange(values, texts) {
+    onDialogSelectChange(values, texts, selectedDatas) {
       Modal.message({
-        message: `values:${values},texts:${texts}`
+        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
+        status: 'info'
       })
     }
   }